({\n resolver: yupResolver(OrganisationFormValidationSchema),\n });\n\n useEffect(() => {\n reset();\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [organisationId]);\n\n return (\n \n {\n organisation.organization.id = organisationId;\n const organizationDto: createOrganizationDTO = {\n organization: { ...organisation.organization },\n defaultUser: null,\n file: value,\n };\n updateOrganisation(organizationDto);\n setTimeout(() => {\n setValue(null);\n }, 2000);\n }}\n data={data}\n handleSubmit={handleSubmit}\n reset={reset}\n entityForm={\n \n }\n />\n
\n );\n};\n","import { ConfirmationModal } from \"../../../components/ConfirmationModal/ConfirmationModal\";\nimport { strings } from \"../../../config/string\";\nimport { useDeleteOrganisation } from \"../../../services/organisationService\";\n\ntype Props = {\n show: boolean;\n handleClose: () => void;\n organisationId?: string;\n};\n\nexport const DeleteOrganisationModal = ({\n show,\n handleClose,\n organisationId,\n}: Props) => {\n const { mutate: deleteorganisation } = useDeleteOrganisation();\n\n return (\n {\n deleteorganisation(organisationId);\n handleClose();\n }}\n handleClose={handleClose}\n />\n );\n};\n","import { yupResolver } from \"@hookform/resolvers/yup\";\nimport { useForm } from \"react-hook-form\";\nimport { ConfirmationModal } from \"../../../components/ConfirmationModal/ConfirmationModal\";\nimport { strings } from \"../../../config/string\";\nimport { OrganisationForm } from \"../OrganisationForm/OrganisationForm\";\nimport { OrganisationFormValidationSchema } from \"../../../config/FormValidations\";\nimport { useAddOrganisation } from \"../../../services/organisationService\";\nimport { useState } from \"react\";\n\ntype Props = {\n show: boolean;\n handleClose: () => void;\n};\n\nexport const AddOrganisationModal = ({ show, handleClose }: Props) => {\n const {\n register,\n handleSubmit,\n reset,\n formState: { errors },\n } = useForm({\n resolver: yupResolver(OrganisationFormValidationSchema),\n });\n const [value, setValue] = useState(null);\n const { mutate: addOrganisation } = useAddOrganisation();\n\n const handleConfirmation = (organisation: createOrganizationDTO) => {\n if (\n !organisation.defaultUser?.email ||\n !organisation.defaultUser.userName ||\n !value\n ) {\n alert(\"Missing userName/email/logo\");\n return;\n }\n addOrganisation({ ...organisation, file: value });\n handleClose();\n reset();\n setTimeout(() => {\n setValue(null);\n }, 2000);\n };\n\n const handleModalClose = () => {\n handleClose();\n reset();\n };\n\n const organisation = {} as Organisation;\n\n return (\n \n handleModalClose()}\n handleConfirmation={() => handleSubmit(handleConfirmation)()}\n message={strings.newOrganisationModalMessage}\n title={strings.newOrganisationModalTitle}\n >\n \n \n
\n );\n};\n","import { EditOrganisationModal } from \"../EditOrganisationModal/EditOrganisationModal\";\nimport { DeleteOrganisationModal } from \"../DeleteOrganisationModal/DeleteOrganisationModal\";\nimport { AddOrganisationModal } from \"../AddOrganisationModal/AddOrganisationModal\";\n\ntype Props = {\n showAdd: boolean;\n showEdit: boolean;\n showDelete: boolean;\n onEditClose: () => void;\n onDeleteClose: () => void;\n onAddClose: () => void;\n organisationId?: string;\n};\n\nexport const OrganisationCrudModals = ({\n showAdd,\n onAddClose,\n showEdit,\n onEditClose,\n showDelete,\n onDeleteClose,\n organisationId,\n}: Props) => {\n return (\n <>\n \n \n \n \n );\n};\n","import { useState } from \"react\";\nimport { Row } from \"react-bootstrap\";\nimport { OrganisationItem } from \"../OrganisationItem/OrganisationItem\";\nimport { OrganisationCrudModals } from \"../OrganisationCrudModals/OrganisationCrudModals\";\nimport { AddEntityButton } from \"../../../components/AddEntityButton/AddEntityButton\";\nimport { strings } from \"../../../config/string\";\nimport { useGetAllOrganisations } from \"../../../services/organisationService\";\n\nexport const OrganisationContainer = () => {\n const { data } = useGetAllOrganisations();\n const [selectedOrganisationId, setSelectedOrganisationId] =\n useState();\n const [showEdit, setShowEdit] = useState(false);\n const [showAdd, setShowAdd] = useState(false);\n const [showDelete, setShowDelete] = useState(false);\n\n return (\n \n
setShowAdd(true)}\n text={strings.addNewOrganisation}\n />\n setShowAdd(false)}\n onEditClose={() => setShowEdit(false)}\n onDeleteClose={() => setShowDelete(false)}\n />\n \n {data &&\n data.map((organisation, index) => (\n {\n setSelectedOrganisationId(organisation.id);\n setShowEdit(true);\n }}\n onClickDelete={() => {\n setSelectedOrganisationId(organisation.id);\n setShowDelete(true);\n }}\n />\n ))}\n
\n \n
{organisation ? organisation.name : \"\"}
\n {\n history.push(\"/organisations\");\n }}\n className=\"ms-auto mb-2\"\n variant=\"warning\"\n >\n \n {strings.back}\n \n \n \n );\n};\n","import React from \"react\";\nimport { IndexPage } from \"../pages/IndexPage/IndexPage\";\nimport { LoginPage } from \"../pages/LoginPage/LoginPage\";\nimport { OfficePage } from \"../pages/OfficePage/OfficePage\";\nimport { ProjectPage } from \"../pages/ProjectPage/ProjectPage\";\nimport { UserPage } from \"../pages/UserPage/UserPage\";\nimport { FolderPage } from \"../pages/FolderPage/FolderPage\";\nimport { FolderDetailPage } from \"../pages/FolderDetailPage/FolderDetailPage\";\nimport { OfficeDetailPage } from \"../pages/OfficeDetailPage/OfficeDetailPage\";\nimport { ResetPasswordPage } from \"../pages/ResetPasswordPage/ResetPasswordPage\";\nimport { ResetPasswordPageToken } from \"../pages/SendResetPasswordTokenPage/SendResetPasswordTokenPage\";\nimport { OrganisationPage } from \"../pages/OrganisationPage/OrganisationPage\";\nimport { OrganisationDetailPage } from \"../pages/OrganisationDetailPage/OrganisationDetailPage\";\n\ninterface Map {\n [key: string]: Route;\n}\n\ninterface Route {\n path: string;\n component: React.FC;\n exact: boolean;\n protected: boolean;\n}\n\nexport const routes: Map = {\n index: {\n path: `/`,\n component: IndexPage,\n exact: true,\n protected: true,\n },\n resetpassword: {\n path: `/resetpassword`,\n component: ResetPasswordPage,\n exact: true,\n protected: false,\n },\n resetpasswordtoken: {\n path: `/resetpasswordtoken`,\n component: ResetPasswordPageToken,\n exact: true,\n protected: false,\n },\n dashboard: {\n path: `/dashboard`,\n component: IndexPage,\n exact: true,\n protected: true,\n },\n offices: {\n path: `/offices`,\n component: OfficePage,\n exact: true,\n protected: true,\n },\n officeDetail: {\n path: `/offices/:id`,\n component: OfficeDetailPage,\n exact: true,\n protected: true,\n },\n organisations: {\n path: `/organisations`,\n component: OrganisationPage,\n exact: true,\n protected: true,\n },\n organisationDetail: {\n path: `/organisations/:id`,\n component: OrganisationDetailPage,\n exact: true,\n protected: true,\n },\n projects: {\n path: `/projects`,\n component: ProjectPage,\n exact: true,\n protected: true,\n },\n users: {\n path: `/users`,\n component: UserPage,\n exact: true,\n protected: true,\n },\n folders: {\n path: `/folders`,\n component: FolderPage,\n exact: true,\n protected: true,\n },\n folderDetail: {\n path: `/folders/:id`,\n component: FolderDetailPage,\n exact: true,\n protected: true,\n },\n login: {\n path: `/login`,\n component: LoginPage,\n exact: true,\n protected: false,\n },\n};\n","import React from \"react\";\nimport { PageContent } from \"../../components/PageContent/PageContent\";\nimport { ResetPasswordForm } from \"./ResetPasswordForm/ResetPasswordForm\";\nimport { useSendPasswordReset } from \"../../services/userService\";\nimport { useHistory, useLocation } from \"react-router\";\nimport { useAuth } from \"../../helpers/useAuth\";\n\nexport function ResetPasswordPage(): React.ReactElement {\n const { mutateAsync } = useSendPasswordReset();\n const location = useLocation();\n const queryParams = new URLSearchParams(location.search);\n\n let url = new URL(window.location.href);\n let rawToken = url.search.split(\"token=\")[1];\n if (rawToken.includes(\"&\")) {\n rawToken = rawToken.split(\"&\")[0];\n }\n const decodedToken = decodeURIComponent(rawToken);\n const email = queryParams.get(\"email\");\n const token = queryParams.get(\"token\");\n\n const { login } = useAuth();\n const { push } = useHistory();\n\n console.log({ token }, { rawToken });\n\n if (typeof token !== \"string\" || typeof email !== \"string\") {\n return <>ERROR IN QUERY PARAMS TOKEN;\n }\n\n return (\n \n {\n debugger;\n mutateAsync({\n password: e.password,\n email,\n token: decodedToken,\n }).then(async () => {\n await login(email, e.password);\n push(\"/dashboard\");\n });\n }}\n />\n \n );\n}\n","import React from \"react\";\nimport { PageContent } from \"../../components/PageContent/PageContent\";\nimport { useSendPasswordResetEmaill } from \"../../services/userService\";\nimport { ResetPasswordTokenForm } from \"./ResetPasswordTokenForm/ResetPasswordTokenForm\";\n\nexport function ResetPasswordPageToken(): React.ReactElement {\n const { mutateAsync } = useSendPasswordResetEmaill();\n\n return (\n \n {\n debugger;\n await mutateAsync(e.email);\n }}\n />\n \n );\n}\n","import { PageContent } from \"../../components/PageContent/PageContent\";\nimport { strings } from \"../../config/string\";\nimport { OfficesContainer } from \"./OfficesContainer/OfficesContainer\";\n\nexport const OfficePage = () => {\n return (\n \n \n \n );\n};\n","import { useParams } from \"react-router-dom\";\nimport { PageContent } from \"../../components/PageContent/PageContent\";\nimport { strings } from \"../../config/string\";\nimport { OfficeDetailContainer } from \"../OfficeDetailPage/OfficeDetailContainer/OfficeDetailContainer\";\n\ntype OfficeId = {\n id: string;\n};\nexport const OfficeDetailPage = () => {\n const { id } = useParams();\n return (\n \n \n \n );\n};\n","import { useRecoilValue } from \"recoil\";\nimport { PageContent } from \"../../components/PageContent/PageContent\";\nimport { strings } from \"../../config/string\";\nimport { OrganisationContainer } from \"./OrganisationContainer/OrganisationContainer\";\nimport { authAtom } from \"../../recoil/auth/atom\";\nimport { superAdmins } from \"../../config/roles\";\n\nexport const OrganisationPage = () => {\n const auth = useRecoilValue(authAtom);\n\n return (\n <>\n {superAdmins.includes(auth.email.toLowerCase()) ? (\n \n \n \n ) : null}\n \n );\n};\n","import { useParams } from \"react-router-dom\";\nimport { PageContent } from \"../../components/PageContent/PageContent\";\nimport { strings } from \"../../config/string\";\nimport { OrganisationDetailContainer } from \"./OrganisationDetailContainer/OrganisationDetailContainer\";\n\ntype OrganisationId = {\n id: string;\n};\nexport const OrganisationDetailPage = () => {\n const { id } = useParams();\n return (\n \n \n \n );\n};\n","import { useRecoilValue } from \"recoil\";\nimport { PageContent } from \"../../components/PageContent/PageContent\";\nimport { strings } from \"../../config/string\";\nimport { ProjectsContainer } from \"./ProjectsContainer/ProjectsContainer\";\nimport { useGetAllProjectsByUser } from \"../../services/projectService\";\nimport { authAtom } from \"../../recoil/auth/atom\";\n\nexport const ProjectPage = () => {\n const auth = useRecoilValue(authAtom);\n const { data } = useGetAllProjectsByUser(auth.id);\n\n return (\n \n \n \n );\n};\n","import { PageContent } from \"../../components/PageContent/PageContent\";\nimport { strings } from \"../../config/string\";\nimport { UsersContainer } from \"./UsersContainer/UsersContainer\";\n\nexport const UserPage = () => {\n return (\n \n \n \n );\n};\n","import { PageContent } from \"../../components/PageContent/PageContent\";\nimport { strings } from \"../../config/string\";\nimport { FoldersContainer } from \"./FoldersContainer/FoldersContainer\";\nimport { useGetAllFolders } from \"../../services/folderService\";\n\nexport const FolderPage = () => {\n const { data } = useGetAllFolders();\n\n return (\n \n \n \n );\n};\n","import { useParams } from \"react-router-dom\";\nimport { PageContent } from \"../../components/PageContent/PageContent\";\nimport { strings } from \"../../config/string\";\nimport { FolderDetailContainer } from \"./FolderDetailContainer/FolderDetailContainer\";\n\ntype FolderId = {\n id: string;\n};\nexport const FolderDetailPage = () => {\n const { id } = useParams();\n return (\n \n \n \n );\n};\n","import { useState } from \"react\";\nimport { PageContent } from \"../../components/PageContent/PageContent\";\nimport { useAuth } from \"../../helpers/useAuth\";\nimport { useEffect } from \"react\";\nimport { useHistory } from \"react-router\";\nimport { useRecoilValue } from \"recoil\";\nimport { authAtom } from \"../../recoil/auth/atom\";\nimport { LoginForm } from \"./LoginForm/LoginForm\";\nimport { strings } from \"../../config/string\";\nimport { LoginError } from \"./LoginError/LoginError\";\nimport { CustomLoader } from \"../../components/CustomLoader/CustomLoader\";\n\nexport const LoginPage = () => {\n const { login } = useAuth();\n const auth = useRecoilValue(authAtom);\n const history = useHistory();\n const [loggedIn, setLoggedIn] = useState(\"\");\n const [loading, setLoading] = useState(false);\n\n useEffect(() => {\n if (auth) {\n history.push(\"/dashboard\");\n }\n }, [auth, history]);\n\n const _login = (user: LoginUser) => {\n setLoading(true);\n login(user.email, user.password).then((result: string) => {\n setLoggedIn(result);\n setLoading(false);\n });\n };\n\n return (\n \n \n \n {loading && }\n \n );\n};\n","import { Nav, Navbar } from \"react-bootstrap\";\nimport { NavLink } from \"react-router-dom\";\nimport { header, userSideBarHeader } from \"../../config/header\";\nimport { routes } from \"../../config/routes\";\nimport { useAuth } from \"../../helpers/useAuth\";\nimport { useRecoilValue } from \"recoil\";\nimport { authAtom } from \"../../recoil/auth/atom\";\nimport Roles from \"../../constants/userRoles\";\nimport { superAdmins } from \"../../config/roles\";\n\nexport const SideBar = () => {\n const { isAuthenticated } = useAuth();\n const auth = useRecoilValue(authAtom);\n const filteredHeader = superAdmins.includes(auth?.email.toLowerCase())\n ? header\n : header.filter((item) => item !== \"organisations\");\n\n return (\n \n \n \n );\n};\n","import { ReactNode } from \"react\";\nimport { Col, Container, Row } from \"react-bootstrap\";\nimport { Content } from \"../Content/Content\";\nimport { Header } from \"../Header/Header\";\nimport { MessageToast } from \"../MessageToast/MessageToast\";\nimport { SideBar } from \"../SideBar/SideBar\";\n\ntype Props = {\n children?: ReactNode;\n};\n\nexport const Layout = ({ children }: Props) => {\n return (\n <>\n \n \n \n \n \n \n \n \n \n \n \n {children}\n \n
\n \n
\n \n );\n};\n","import { Redirect, Route, Switch } from \"react-router\";\nimport { BrowserRouter } from \"react-router-dom\";\nimport { Layout } from \"./components/Layout/Layout\";\nimport { routes } from \"./config/routes\";\nimport { useAuth } from \"./helpers/useAuth\";\nimport \"./styles/global.scss\";\n\nfunction App() {\n const { isAuthenticated } = useAuth();\n return (\n \n \n \n {Object.entries(routes).map(([key, value]) => {\n return (\n {\n if (!isAuthenticated() && value.protected) {\n return ;\n }\n return ;\n }}\n />\n );\n })}\n \n \n \n );\n}\n\nexport default App;\n","import { QueryClient } from \"react-query\";\n\nexport const queryClient = new QueryClient({\n defaultOptions: {\n queries: {\n retry: 1,\n suspense: true,\n },\n },\n});\n","import React, { Suspense } from \"react\";\nimport ReactDOM from \"react-dom\";\nimport { QueryClientProvider } from \"react-query\";\nimport { RecoilRoot } from \"recoil\";\nimport App from \"./App\";\nimport { queryClient } from \"./config/queryClient\";\nimport { CustomLoader } from \"./components/CustomLoader/CustomLoader\";\n\nReactDOM.render(\n \n \n \n }>\n \n \n \n \n ,\n document.getElementById(\"root\")\n);\n"],"sourceRoot":""}