\r\n {layoutProps.asideDisplay && (\r\n
\r\n {/* end::Toolbar */}\r\n \r\n {/* end::Header Mobile */}\r\n \r\n );\r\n}\r\n","import React from \"react\";\r\nimport { Link } from \"react-router-dom\";\r\nimport { toAbsoluteUrl } from \"../../../_helpers\";\r\n\r\nexport function Brand() {\r\n return (\r\n <>\r\n {/* begin::Brand */}\r\n \r\n
\r\n {/* end::Logo */}\r\n \r\n {/* end::Brand */}\r\n \r\n );\r\n}\r\n","export function toggleDarkMode() {\r\n let theme = window.localStorage.getItem(\"theme\");\r\n\r\n if (theme === \"dark\") {\r\n window.localStorage.setItem(\"theme\", \"light\");\r\n document.body.classList.remove(\"dark-mode\");\r\n } else {\r\n window.localStorage.setItem(\"theme\", \"dark\");\r\n document.body.classList.add(\"dark-mode\");\r\n }\r\n}\r\n\r\nexport function isDarkMode() {\r\n let theme = window.localStorage.getItem(\"theme\");\r\n if (theme === \"dark\") {\r\n return true;\r\n } else {\r\n return false;\r\n }\r\n}\r\n","/* eslint-disable jsx-a11y/role-supports-aria-props */\r\n/* eslint-disable no-script-url,jsx-a11y/anchor-is-valid */\r\nimport React, { useEffect, useState } from \"react\";\r\nimport { useLocation, useNavigate } from \"react-router\";\r\nimport { OverlayTrigger, Tooltip } from \"react-bootstrap\";\r\nimport { NavLink } from \"react-router-dom\";\r\nimport SVG from \"react-inlinesvg\";\r\nimport { toAbsoluteUrl, checkIsActive } from \"../../../../_helpers\";\r\nimport AuthService from \"../../../../../app/base/services/authentication.service\";\r\nimport { toggleDarkMode, isDarkMode } from \"../../../../_helpers/DarkModeHelper\";\r\nimport { UserRolesEnum } from \"../../../../../app/pages/auth/userRoles.enum\";\r\n\r\nexport function AdminAsideMenuList({ data, layoutProps }) {\r\n const location = useLocation();\r\n const navigate = useNavigate();\r\n\r\n const getMenuItemActive = (url, hasSubmenu = false) => {\r\n return checkIsActive(location, url)\r\n ? ` ${!hasSubmenu && \"menu-item-active\"} menu-item-open menu-item-not-hightlighted`\r\n : \"\";\r\n };\r\n\r\n const [isWorkspaceSelection, setIsWorkspaceSelection] = useState(false);\r\n\r\n const [isDarkModeOn, setisDarkModeOn] = useState(isDarkMode());\r\n\r\n const handleThemeColorChange = () => {\r\n toggleDarkMode();\r\n setisDarkModeOn(isDarkMode());\r\n };\r\n\r\n const logout = () => {\r\n AuthService.logout();\r\n navigate(\"/auth\");\r\n };\r\n\r\n useEffect(() => {\r\n if (location.pathname === \"/workspace\") {\r\n setIsWorkspaceSelection(true);\r\n } else {\r\n setIsWorkspaceSelection(false);\r\n }\r\n }, [location]);\r\n\r\n const handleBackToWorkspaces = () => {\r\n if (\r\n AuthService.isAuthorized([\r\n UserRolesEnum.SuperAdmin,\r\n UserRolesEnum.Organization,\r\n UserRolesEnum.AdminOfOrganization,\r\n UserRolesEnum.SeniorProjectManager\r\n ])\r\n ) {\r\n navigate(\"/admin-workspaces\");\r\n } else {\r\n navigate(\"/workspace\");\r\n }\r\n };\r\n\r\n return (\r\n <>\r\n {/* begin::Menu Nav */}\r\n - \r\n {/*begin::1 Level*/}\r\n {!isWorkspaceSelection && data.length !== 0\r\n ? data.map((menuItem) => {\r\n if (menuItem.type === \"divider\") {\r\n return (\r\n AuthService.isAuthorized(menuItem.role) &&\r\n menuItem?.logic === \"enteredProject\" && (\r\n
- \r\n
{menuItem.title}
\r\n \r\n \r\n )\r\n );\r\n } else {\r\n return (\r\n AuthService.isAuthorized(menuItem.role) &&\r\n menuItem?.logic === \"enteredProject\" && (\r\n
\r\n \r\n
\r\n \r\n )\r\n );\r\n }\r\n })\r\n : null}\r\n\r\n {/*end::1 Level*/}\r\n\r\n {/* Components */}\r\n {/* begin::section */}\r\n\r\n {/* end:: section */}\r\n - \r\n {/*begin::2 Level*/}\r\n {menuItem.subMenus?.length > 0 &&\r\n menuItem.subMenus.map((subMenu) => {\r\n return (\r\n
\r\n \r\n
\r\n )}\r\n \r\n );\r\n })}\r\n {/*end::2 Level*/}\r\n - \r\n {/*begin::3 Level*/}\r\n {subMenu.children?.map((childItem) => {\r\n return (\r\n
\r\n {/* Dark/Light Mode}\r\n >\r\n handleThemeColorChange()}\r\n className=\"btn disabled btn-icon btn-clean btn-lg mb-1 position-relative\"\r\n id=\"kt_quick_panel_toggle\"\r\n data-placement=\"right\"\r\n data-container=\"body\"\r\n data-boundary=\"window\"\r\n >\r\n {isDarkModeOn ? (\r\n \r\n \r\n \r\n ) : (\r\n \r\n \r\n \r\n )}\r\n \r\n */}\r\n\r\n {location.pathname === \"/admin-payment-plans\" ||\r\n location.pathname === \"/admin-user-management\" ||\r\n location.pathname === \"/admin-workspaces\" ||\r\n location.pathname === \"/admin-organization-management\" ||\r\n location.pathname === \"/admin-deleted-items\" ||\r\n location.pathname === \"/admin-user-management/new-member\" ||\r\n location.pathname === \"/admin-workspace\" ||\r\n location.pathname === \"/workspace/new-work-space\" ||\r\n location.pathname === \"/account-summary\" ||\r\n location.pathname === \"/profile-information\" ||\r\n location.pathname === \"/subscription-plans\" ||\r\n location.pathname === \"/login-information\" ? (\r\n <>\r\n ) : (\r\n <>\r\n {AuthService.isAuthorized([\r\n UserRolesEnum.SuperAdmin,\r\n UserRolesEnum.Organization,\r\n UserRolesEnum.JuniorProjectManager,\r\n UserRolesEnum.AdminOfOrganization,\r\n UserRolesEnum.SeniorProjectManager,\r\n UserRolesEnum.ProjectManager,\r\n UserRolesEnum.Guest\r\n ]) && (\r\n navigate(\"/project-selection\")}\r\n >\r\n {\" \"}\r\n \r\n \r\n \r\n Back to Projects\r\n \r\n )}\r\n \r\n \r\n )}\r\n
\r\n {/* end::Menu Nav */}\r\n \r\n );\r\n}\r\n","import {\r\n BeneficiariesIcon,\r\n DashboardIcon,\r\n MembersIcon,\r\n PaymentPlanIcon,\r\n SurveyTools1Icon,\r\n TargetsIcon,\r\n TasksIcon,\r\n WorkspacesIcon,\r\n SurveyData1Icon,\r\n ProfileInformationIcon,\r\n AccountSummaryIcon,\r\n SubscriptionPlanIcon,\r\n LoginInformationIcon,\r\n DeleteIcon\r\n} from \"../_metronic/layout/components/aside/aside-menu/components/SidebarIcons\";\r\nimport { UserRolesEnum } from \"./pages/auth/userRoles.enum\";\r\n\r\nexport const menu = {\r\n layout: [\r\n {\r\n id: \"project-dashboard\",\r\n title: \"Project Dashboard\",\r\n type: \"module\",\r\n logic: \"enteredProject\",\r\n icon: DashboardIcon,\r\n url: \"/dashboard\",\r\n role: [\r\n UserRolesEnum.SuperAdmin,\r\n UserRolesEnum.Organization,\r\n UserRolesEnum.JuniorProjectManager,\r\n UserRolesEnum.AdminOfOrganization,\r\n UserRolesEnum.SeniorProjectManager,\r\n UserRolesEnum.ProjectManager,\r\n UserRolesEnum.Guest\r\n ]\r\n },\r\n {\r\n id: \"menu-workspace-list-admin\",\r\n title: \"Workspaces\",\r\n type: \"module\",\r\n logic: null,\r\n icon: \"flaticon2-talk\",\r\n url: \"/workspace\",\r\n role: [\r\n UserRolesEnum.SuperAdmin,\r\n UserRolesEnum.Organization,\r\n UserRolesEnum.AdminOfOrganization\r\n ]\r\n },\r\n {\r\n id: \"menu-user-management-admin\",\r\n title: \"User management\",\r\n type: \"module\",\r\n logic: null,\r\n icon: MembersIcon,\r\n url: \"/user-management\",\r\n role: [\r\n UserRolesEnum.SuperAdmin,\r\n UserRolesEnum.Organization,\r\n UserRolesEnum.AdminOfOrganization\r\n ]\r\n },\r\n {\r\n id: \"menu-payment-plans-admin\",\r\n title: \"Payment plans\",\r\n type: \"module\",\r\n logic: null,\r\n icon: PaymentPlanIcon,\r\n url: \"/payment-plans\",\r\n role: [\r\n UserRolesEnum.SuperAdmin,\r\n UserRolesEnum.Organization,\r\n UserRolesEnum.AdminOfOrganization,\r\n UserRolesEnum.SeniorProjectManager\r\n ]\r\n },\r\n {\r\n id: \"menu-calls-history\",\r\n title: \"Project Dashboard\",\r\n type: \"module\",\r\n logic: null,\r\n icon: \"flaticon2-talk\",\r\n url: \"/dashboard\",\r\n role: [\r\n UserRolesEnum.SuperAdmin,\r\n UserRolesEnum.Organization,\r\n UserRolesEnum.JuniorProjectManager,\r\n UserRolesEnum.AdminOfOrganization,\r\n UserRolesEnum.SeniorProjectManager,\r\n UserRolesEnum.ProjectManager,\r\n UserRolesEnum.Guest\r\n ]\r\n },\r\n {\r\n id: \"kapSurvey-divider-1\",\r\n title: \"Manage Relationships\",\r\n type: \"divider\",\r\n logic: \"enteredProject\",\r\n role: [\r\n UserRolesEnum.SuperAdmin,\r\n UserRolesEnum.Organization,\r\n UserRolesEnum.JuniorProjectManager,\r\n UserRolesEnum.AdminOfOrganization,\r\n UserRolesEnum.SeniorProjectManager,\r\n UserRolesEnum.ProjectManager,\r\n UserRolesEnum.Guest\r\n ]\r\n },\r\n // {\r\n // id: \"menu-rleationships\",\r\n // title: \"Relationships\",\r\n // type: \"module\",\r\n // logic: \"enteredProject\",\r\n // icon: RelationshipIcon,\r\n // url: \"/relationships\",\r\n // role: [\r\n // UserRolesEnum.SuperAdmin,\r\n // UserRolesEnum.Organization,\r\n // UserRolesEnum.AdminOfOrganization,\r\n // UserRolesEnum.SeniorProjectManager\r\n // ]\r\n // },\r\n {\r\n id: \"menu-beneficiaries\",\r\n title: \"Beneficiaries\",\r\n type: \"module\",\r\n logic: \"enteredProject\",\r\n icon: BeneficiariesIcon,\r\n url: \"/beneficiaries/table\",\r\n role: [\r\n UserRolesEnum.SuperAdmin,\r\n UserRolesEnum.Organization,\r\n UserRolesEnum.JuniorProjectManager,\r\n UserRolesEnum.AdminOfOrganization,\r\n UserRolesEnum.SeniorProjectManager,\r\n UserRolesEnum.ProjectManager,\r\n UserRolesEnum.Guest\r\n ]\r\n },\r\n {\r\n id: \"menu-targets\",\r\n title: \"Targets\",\r\n type: \"module\",\r\n logic: \"enteredProject\",\r\n icon: TargetsIcon,\r\n url: \"/targets\",\r\n role: [\r\n UserRolesEnum.SuperAdmin,\r\n UserRolesEnum.Organization,\r\n UserRolesEnum.JuniorProjectManager,\r\n UserRolesEnum.AdminOfOrganization,\r\n UserRolesEnum.SeniorProjectManager,\r\n UserRolesEnum.ProjectManager,\r\n UserRolesEnum.Guest\r\n ]\r\n },\r\n {\r\n id: \"menu-task-management\",\r\n title: \"Task Management\",\r\n type: \"module\",\r\n logic: \"enteredProject\",\r\n icon: TasksIcon,\r\n url: \"/task-management/collection\",\r\n role: [\r\n UserRolesEnum.SuperAdmin,\r\n UserRolesEnum.Organization,\r\n UserRolesEnum.JuniorProjectManager,\r\n UserRolesEnum.AdminOfOrganization,\r\n UserRolesEnum.SeniorProjectManager,\r\n UserRolesEnum.ProjectManager,\r\n UserRolesEnum.Guest\r\n ]\r\n },\r\n {\r\n id: \"kapSurvey-divider-2\",\r\n title: \"Manage Surveys\",\r\n type: \"divider\",\r\n logic: \"enteredProject\",\r\n role: [\r\n UserRolesEnum.SuperAdmin,\r\n UserRolesEnum.Organization,\r\n UserRolesEnum.JuniorProjectManager,\r\n UserRolesEnum.AdminOfOrganization,\r\n UserRolesEnum.SeniorProjectManager,\r\n UserRolesEnum.ProjectManager,\r\n UserRolesEnum.Guest\r\n ]\r\n },\r\n {\r\n id: \"menu-survey-tools\",\r\n title: \"Survey Tools\",\r\n type: \"module\",\r\n logic: \"enteredProject\",\r\n icon: SurveyTools1Icon,\r\n url: \"/survey/survey-tools\",\r\n role: [\r\n UserRolesEnum.SuperAdmin,\r\n UserRolesEnum.Organization,\r\n UserRolesEnum.JuniorProjectManager,\r\n UserRolesEnum.AdminOfOrganization,\r\n UserRolesEnum.SeniorProjectManager,\r\n UserRolesEnum.ProjectManager,\r\n UserRolesEnum.Guest\r\n ]\r\n },\r\n {\r\n id: \"menu-survey-data1\",\r\n title: \"Survey Data\",\r\n type: \"module\",\r\n logic: \"enteredProject\",\r\n icon: SurveyData1Icon,\r\n url: \"/survey/survey-data\",\r\n role: [\r\n UserRolesEnum.SuperAdmin,\r\n UserRolesEnum.Organization,\r\n UserRolesEnum.JuniorProjectManager,\r\n UserRolesEnum.AdminOfOrganization,\r\n UserRolesEnum.SeniorProjectManager,\r\n UserRolesEnum.ProjectManager,\r\n UserRolesEnum.Guest\r\n ]\r\n },\r\n {\r\n id: \"kapSurvey-divider-55\",\r\n title: \"Project Settings\",\r\n type: \"divider\",\r\n logic: \"enteredProject\",\r\n role: [\r\n UserRolesEnum.SuperAdmin,\r\n UserRolesEnum.Organization,\r\n UserRolesEnum.JuniorProjectManager,\r\n UserRolesEnum.AdminOfOrganization,\r\n UserRolesEnum.SeniorProjectManager,\r\n UserRolesEnum.ProjectManager,\r\n UserRolesEnum.Guest\r\n ]\r\n },\r\n // {\r\n // id: \"menu-tasks\",\r\n // title: \"Tasks\",\r\n // type: \"module\",\r\n // logic: \"enteredProject\",\r\n // icon: \"flaticon2-setup\",\r\n // url: \"/tasks\",\r\n // role: [\r\n // UserRolesEnum.SuperAdmin,\r\n // UserRolesEnum.Organization,\r\n // UserRolesEnum.JuniorProjectManager,\r\n // UserRolesEnum.AdminOfOrganization,\r\n // UserRolesEnum.SeniorProjectManager,\r\n // UserRolesEnum.DataCollector\r\n // ]\r\n // },\r\n {\r\n id: \"menu-members\",\r\n title: \"Members\",\r\n type: \"module\",\r\n logic: \"enteredProject\",\r\n icon: MembersIcon,\r\n url: \"/members\",\r\n role: [\r\n UserRolesEnum.SuperAdmin,\r\n UserRolesEnum.Organization,\r\n UserRolesEnum.JuniorProjectManager,\r\n UserRolesEnum.AdminOfOrganization,\r\n UserRolesEnum.SeniorProjectManager,\r\n UserRolesEnum.ProjectManager,\r\n UserRolesEnum.Guest\r\n ]\r\n },\r\n {\r\n id: \"deleted-items\",\r\n title: \"Deleted items\",\r\n type: \"module\",\r\n logic: \"enteredProject\",\r\n icon: DeleteIcon,\r\n url: `/deleted-items`,\r\n role: [\r\n UserRolesEnum.SuperAdmin,\r\n UserRolesEnum.Organization,\r\n UserRolesEnum.AdminOfOrganization,\r\n UserRolesEnum.SeniorProjectManager,\r\n UserRolesEnum.ProjectManager\r\n ]\r\n }\r\n // {\r\n // id: \"menu-survey-quick-actions\",\r\n // title: \"Quick Actions\",\r\n // type: \"module\",\r\n // logic: \"enteredProject\",\r\n // icon: \"flaticon2-setup\",\r\n // url: \"/quick-actions\",\r\n // role: [\r\n // UserRolesEnum.SuperAdmin,\r\n // UserRolesEnum.Organization,\r\n // UserRolesEnum.JuniorProjectManager,\r\n // UserRolesEnum.AdminOfOrganization,\r\n // UserRolesEnum.SeniorProjectManager\r\n // ]\r\n // }\r\n // {\r\n // id: \"menu-Surveys\",\r\n // title: \"Surveys\",\r\n // type: \"module\",\r\n // icon: \"flaticon2-list-1\",\r\n // url: \"/survey\",\r\n // role: [UserRolesEnum.SuperAdmin],\r\n // subMenus: [\r\n // {\r\n // id: \"menu-survey-import\",\r\n // title: \"Import\",\r\n // type: \"item\",\r\n // icon: \"flaticon2-user\",\r\n // url: \"/survey/import\",\r\n // role: [UserRolesEnum.SuperAdmin, UserRolesEnum.Manager]\r\n // },\r\n // {\r\n // id: \"menu-survey-new\",\r\n // title: \"New Survey\",\r\n // type: \"item\",\r\n // icon: \"flaticon2-user\",\r\n // url: \"/survey/new\",\r\n // role: [UserRolesEnum.SuperAdmin, UserRolesEnum.Manager]\r\n // }\r\n // ]\r\n // },\r\n // {\r\n // id: \"menu-members\",\r\n // title: \"Members\",\r\n // type: \"module\",\r\n // icon: \"flaticon2-avatar\",\r\n // url: \"/members\",\r\n // role: [UserRolesEnum.SuperAdmin],\r\n // subMenus: [\r\n // {\r\n // id: \"members-list\",\r\n // title: \"Members List\",\r\n // type: \"item\",\r\n // icon: \"flaticon2-user\",\r\n // url: \"/members/list\",\r\n // role: [UserRolesEnum.SuperAdmin, UserRolesEnum.Manager]\r\n // },\r\n // {\r\n // id: \"members-adf\",\r\n // title: \"Add Member\",\r\n // type: \"item\",\r\n // icon: \"flaticon2-user\",\r\n // url: \"/members/new\",\r\n // role: [UserRolesEnum.SuperAdmin, UserRolesEnum.Manager]\r\n // },\r\n // {\r\n // id: \"role-add\",\r\n // title: \"Add Role\",\r\n // type: \"item\",\r\n // icon: \"flaticon2-user\",\r\n // url: \"/members/role/add\",\r\n // role: [UserRolesEnum.SuperAdmin, UserRolesEnum.Manager]\r\n // }\r\n // ]\r\n // }\r\n ],\r\n adminLayout: [\r\n {\r\n id: \"kapSurvey-divider-2\",\r\n title: \"Admin management\",\r\n type: \"divider\",\r\n logic: \"enteredProject\",\r\n role: [\r\n UserRolesEnum.SuperAdmin,\r\n UserRolesEnum.Organization,\r\n UserRolesEnum.AdminOfOrganization,\r\n UserRolesEnum.SeniorProjectManager\r\n ]\r\n },\r\n {\r\n id: \"menu-survey-tools\",\r\n title: \"Workspaces\",\r\n type: \"module\",\r\n logic: \"enteredProject\",\r\n icon: WorkspacesIcon,\r\n url: \"/admin-workspaces\",\r\n role: [\r\n UserRolesEnum.SuperAdmin,\r\n UserRolesEnum.Organization,\r\n UserRolesEnum.AdminOfOrganization,\r\n UserRolesEnum.SeniorProjectManager\r\n ]\r\n },\r\n {\r\n id: \"menu-survey-data2\",\r\n title: \"User management\",\r\n type: \"module\",\r\n logic: \"enteredProject\",\r\n icon: MembersIcon,\r\n url: \"/admin-user-management\",\r\n role: [\r\n UserRolesEnum.SuperAdmin,\r\n UserRolesEnum.Organization,\r\n UserRolesEnum.AdminOfOrganization,\r\n UserRolesEnum.SeniorProjectManager\r\n ]\r\n },\r\n\r\n {\r\n id: \"admin-deleted-items\",\r\n title: \"Deleted items\",\r\n type: \"module\",\r\n logic: \"enteredProject\",\r\n icon: DeleteIcon,\r\n url: `/admin-deleted-items`,\r\n role: [\r\n UserRolesEnum.SuperAdmin,\r\n UserRolesEnum.Organization,\r\n UserRolesEnum.AdminOfOrganization,\r\n UserRolesEnum.SeniorProjectManager\r\n ]\r\n },\r\n {\r\n id: \"kapSurvey-divider-3\",\r\n title: \"Account settings\",\r\n type: \"divider\",\r\n logic: \"enteredProject\",\r\n role: [\r\n UserRolesEnum.SuperAdmin,\r\n UserRolesEnum.Organization,\r\n UserRolesEnum.JuniorProjectManager,\r\n UserRolesEnum.AdminOfOrganization,\r\n UserRolesEnum.SeniorProjectManager,\r\n UserRolesEnum.ProjectManager,\r\n UserRolesEnum.Guest\r\n ]\r\n },\r\n {\r\n id: \"menu-survey-data4\",\r\n title: \"Account summary\",\r\n type: \"module\",\r\n logic: \"enteredProject\",\r\n icon: AccountSummaryIcon,\r\n url: \"/account-summary\",\r\n role: [UserRolesEnum.Organization]\r\n },\r\n {\r\n id: \"menu-survey-data5\",\r\n title: \"Profile information\",\r\n type: \"module\",\r\n logic: \"enteredProject\",\r\n icon: ProfileInformationIcon,\r\n url: \"/profile-information\",\r\n role: [\r\n UserRolesEnum.SuperAdmin,\r\n UserRolesEnum.Organization,\r\n UserRolesEnum.AdminOfOrganization,\r\n UserRolesEnum.SeniorProjectManager,\r\n UserRolesEnum.JuniorProjectManager,\r\n UserRolesEnum.ProjectManager\r\n // UserRolesEnum.Guest\r\n ]\r\n },\r\n {\r\n id: \"menu-survey-data7\",\r\n title: \"Log in information\",\r\n type: \"module\",\r\n logic: \"enteredProject\",\r\n icon: LoginInformationIcon,\r\n url: \"/login-information\",\r\n role: [\r\n UserRolesEnum.SuperAdmin,\r\n UserRolesEnum.Organization,\r\n UserRolesEnum.AdminOfOrganization,\r\n UserRolesEnum.SeniorProjectManager,\r\n UserRolesEnum.JuniorProjectManager,\r\n UserRolesEnum.ProjectManager\r\n // UserRolesEnum.Guest\r\n ]\r\n },\r\n {\r\n id: \"menu-survey-data6\",\r\n title: \"Subscription plans and Payment\",\r\n type: \"module\",\r\n logic: \"enteredProject\",\r\n icon: SubscriptionPlanIcon,\r\n url: \"/subscription-plans\",\r\n role: [UserRolesEnum.Organization]\r\n }\r\n ]\r\n};\r\n","import React, { useMemo } from \"react\";\r\nimport { AdminAsideMenuList } from \"./AdminAsideMenuList\";\r\nimport { menu } from \"../../../../../app/Menu\";\r\nimport { useHtmlClassService } from \"../../../_core/MetronicLayout\";\r\nimport AuthService from \"../../../../../app/base/services/authentication.service\";\r\nimport { UserRolesEnum } from \"../../../../../app/pages/auth/userRoles.enum\";\r\nimport { LocalStorageService } from \"../../../../../app/base/services/local-storage.service\";\r\n\r\nexport function AdminAsideMenu({ disableScroll }) {\r\n const uiService = useHtmlClassService();\r\n const layoutProps = useMemo(() => {\r\n return {\r\n layoutConfig: uiService.config,\r\n asideMenuAttr: uiService.getAttributes(\"aside_menu\"),\r\n ulClasses: uiService.getClasses(\"aside_menu_nav\", true),\r\n asideClassesFromConfig: uiService.getClasses(\"aside_menu\", true)\r\n };\r\n }, [uiService]);\r\n\r\n return (\r\n <>\r\n {/* begin::Menu Container */}\r\n \r\n \r\n 
\r\n \r\n
\r\n {/* end::Header Logo */}\r\n \r\n )}\r\n \r\n \r\n
*/}\r\n \r\n {/* end::Aside */}\r\n \r\n );\r\n}\r\n","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAEMSURBVHgB7dW7EYJAEADQXbQAS7AECTSnAyN1jOiAswPt4DowczBSK4BYncESLMECYM5jBL1x+OwemeMm7B4cD7gPAP9gBJbJTFyELgKEvhdK9w6WMRfXLYAa7eXYLducMumDivVhoCCNFiIZgkUUgK8f9mS2o1ksxXmUAUY6fXDfyAA2oRyvaxFbqAmoRLhQG1CLUCEK0Ii0QVSgFamDOAAJ+YZ0l5gDkBEDSopS6sW2ovZ1qBdm4ARGOeUsWBJijkEPVL5dsHaG1s9VNcjcBYtcoAwOhDYAF0JbgANhF4AKYVeAAr2ncP5ntAXy2MnJTU9vD17T+2Cecz5JelSIvg1gQgipq+8j4SfjCTRq4tzeK3j6AAAAAElFTkSuQmCC\"","import React from \"react\";\r\nconst PrivacyPolicyComponent = () => {\r\n return (\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default PrivacyPolicyComponent;\r\n","import React from \"react\";\r\nimport { Link } from \"react-router-dom\";\r\nconst TermsServices = () => {\r\n return (\r\n Privacy policy
\r\n\r\n
\r\n \r\n
\r\n These Terms of Service were last updated on March 4, 2024.
\r\n\r\n Your privacy is important to us. It is International Advisory, Products and\r\n Systems Ltd's policy to respect your privacy and comply with any applicable law\r\n and regulation regarding any personal information we may collect about you,\r\n including across our websites,{\" \"}\r\n
\r\n Personal information is any information about you which can be used to identify\r\n you. This includes information about you as a person (such as name, address, and\r\n date of birth), your devices, payment details, and even information about how you\r\n use a website or online service.\r\n
\r\n\r\n In the event our sites contain links to third-party sites and services, please be\r\n aware that those sites and services have their own privacy policies. After\r\n following a link to any third-party content, you should read their posted privacy\r\n policy information about how they collect and use personal information. This\r\n Privacy Policy does not apply to any of your activities after you leave one of our\r\n sites.\r\n
\r\n\r\n
\r\n Information We Collect
\r\n\r\n Information we collect falls into one of two categories: “voluntarily provided”\r\n information and “automatically collected” information\r\n
\r\n\r\n “Voluntarily provided” information refers to any information you knowingly and\r\n actively provide us when using or participating in any of our services and\r\n promotions.\r\n
\r\n\r\n “Automatically collected” information refers to any information automatically sent\r\n by your devices in the course of accessing our products and services.\r\n
\r\n\r\n
\r\n Log Data
\r\n\r\n When you visit one of our websites, our servers may automatically log the standard\r\n data provided by your web browser. It may include your device’s Internet Protocol\r\n (IP) address, your browser type and version, the pages you visit, the time and\r\n date of your visit, the time spent on each page, and other details about your\r\n visit.\r\n
\r\n\r\n Additionally, if you encounter certain errors while using our sites, we may\r\n automatically collect data about the error and the circumstances surrounding its\r\n occurrence. This data may include technical details about your device, what you\r\n were trying to do when the error happened, and other technical information\r\n relating to the problem. You may or may not receive notice of such errors, even in\r\n the moment they occur, that they have occurred, or what the nature of the error\r\n is.\r\n
\r\n\r\n Please be aware that while this information may not be personally identifying by\r\n itself, it may be possible to combine it with other data to personally identify\r\n individual persons.\r\n
\r\n\r\n
\r\n Device Data
\r\n\r\n When you visit our websites or interact with our services, we may automatically\r\n collect data about your device, such as:\r\n
\r\n- \r\n
- Device type \r\n
- Operating system \r\n
- Unique device identifiers \r\n
- Geo-location data \r\n
\r\n Data we collect can depend on the individual settings of your device and software.\r\n We recommend checking the policies of your device manufacturer or software\r\n provider to learn what information they make available to us.\r\n
\r\n\r\n
\r\n Personal Information
\r\n\r\n We may ask for personal information — for example, when you subscribe to our\r\n newsletter or when you contact us — which may include one or more of the\r\n following:\r\n
\r\n- \r\n
- Name \r\n
- Unique device identifiers \r\n
- Social media profiles \r\n
- Date of birth \r\n
- Phone/mobile number \r\n
- Home/mailing address \r\n
- Work-related information \r\n
- Company name \r\n
- Title \r\n
\r\n
\r\n Sensitive Information
\r\n\r\n “Sensitive information” or “special categories of data” is a subset of personal\r\n information that is given a higher level of protection. Examples of sensitive\r\n information include information relating to your racial or ethnic origin,\r\n political opinions, religion, trade union or other professional associations or\r\n memberships, philosophical beliefs, sexual orientation, sexual practices or sex\r\n life, criminal records, health information, or biometric information.\r\n
\r\nThe types of sensitive information that we may collect about you include:
\r\n- \r\n
- Gender \r\n
\r\n We will not collect sensitive information about you without first obtaining your\r\n consent, and we will only use or disclose your sensitive information as permitted,\r\n required, or authorized by law.\r\n
\r\n\r\n
\r\n User-Generated Content
\r\n\r\n We consider “user-generated content” to be materials (text, image and/or video\r\n content) voluntarily supplied to us by our users for the purpose of publication,\r\n processing, or usage on our platform. All user-generated content is associated\r\n with the account or email address used to submit the materials.\r\n
\r\n\r\n Please be aware that any content you submit for the purpose of publication will be\r\n public after posting (and subsequent review or vetting process). Once published,\r\n it may be accessible to third parties not covered under this privacy policy.\r\n
\r\n\r\n
\r\n Transaction Data
\r\n\r\n Transaction data refers to data that accumulates over the normal course of\r\n operation on our platform. This may include transaction records, stored files,\r\n user profiles, analytics data and other metrics, as well as other types of\r\n information, created or generated, as users interact with our services.\r\n
\r\n\r\n
\r\n \r\n Legitimate Reasons for Processing Your Personal Information\r\n
\r\n\r\n We only collect and use your personal information when we have a legitimate reason\r\n for doing so. In which instance, we only collect personal information that is\r\n reasonably necessary to provide our services to you.\r\n
\r\n\r\n
\r\n \r\n Collection and Use of Information\r\n
\r\n\r\n We may collect personal information from you when you do any of the following on\r\n our websites:\r\n
\r\n- \r\n
- Register for an account \r\n
- Purchase a subscription \r\n
- Sign up to receive updates from us via email or social media channels \r\n
- Use a mobile device or web browser to access our content \r\n
- Contact us via email, social media, or on any similar technologies \r\n
- When you mention us on social media \r\n
- to provide you with our platform's core features and services \r\n
- to enable you to customize or personalize your experience of our websites \r\n
- to deliver products and/or services to you \r\n
- to contact and communicate with you \r\n
- \r\n for analytics, market research, and business development, including to operate\r\n and improve our websites, associated applications, and associated social media\r\n platforms\r\n \r\n
- \r\n for advertising and marketing, including to send you promotional information\r\n about our products and services and information about third parties that we\r\n consider may be of interest to you\r\n \r\n
- \r\n to enable you to access and use our websites, associated applications, and\r\n associated social media platforms\r\n \r\n
- for internal record keeping and administrative purposes \r\n
- \r\n to comply with our legal obligations and resolve any disputes that we may have\r\n \r\n
- \r\n to attribute any content (e.g. posts and comments) you submit that we publish\r\n on our websites\r\n \r\n
- \r\n for security and fraud prevention, and to ensure that our sites and apps are\r\n safe, secure, and used in line with our terms of use\r\n \r\n
- \r\n for technical assessment, including to operate and improve our app, associated\r\n applications, and associated social media platforms\r\n \r\n
\r\n We may collect, hold, use, and disclose information for the following purposes,\r\n and personal information will not be further processed in a manner that is\r\n incompatible with these purposes:\r\n
\r\n\r\n We may combine voluntarily provided and automatically collected personal\r\n information with general information or research data we receive from other\r\n trusted sources. For example, If you provide us with your location, we may combine\r\n this with general information about currency and language to provide you with an\r\n enhanced experience of our sites and service.\r\n
\r\n\r\n
\r\n \r\n Security of Your Personal Information\r\n
\r\n\r\n When we collect and process personal information, and while we retain this\r\n information, we will protect it within commercially acceptable means to prevent\r\n loss and theft, as well as unauthorized access, disclosure, copying, use or\r\n modification.\r\n
\r\n\r\n Although we will do our best to protect the personal information you provide to\r\n us, we advise that no method of electronic transmission or storage is 100% secure\r\n and no one can guarantee absolute data security.\r\n
\r\n\r\n You are responsible for selecting any password and its overall security strength,\r\n ensuring the security of your own information within the bounds of our services.\r\n For example, ensuring any passwords associated with accessing your personal\r\n information and accounts are secure and confidential.\r\n
\r\n\r\n
\r\n \r\n How Long We Keep Your Personal Information\r\n
\r\n\r\n We keep your personal information only for as long as we need to. This time period\r\n may depend on what we are using your information for, in accordance with this\r\n privacy policy. For example, if you have provided us with personal information as\r\n part of creating an account with us, we may retain this information for the\r\n duration your account exists on our system. If your personal information is no\r\n longer required for this purpose, we will delete it or make it anonymous by\r\n removing all details that identify you.\r\n
\r\n\r\n However, if necessary, we may retain your personal information for our compliance\r\n with a legal, accounting, or reporting obligation or for archiving purposes in the\r\n public interest, scientific, or historical research purposes or statistical\r\n purposes.\r\n
\r\n\r\n
\r\n Children’s Privacy
\r\n\r\n We do not aim any of our products or services directly at children under the age\r\n of 13 and we do not knowingly collect personal information about children under\r\n 13.\r\n
\r\nDisclosure of Personal Information to Third Parties
\r\nWe may disclose personal information to:
\r\n- \r\n
- a parent, subsidiary or affiliate of our company \r\n
- \r\n third-party service providers for the purpose of enabling them to provide their\r\n services, including (without limitation) IT service providers, data storage,\r\n hosting and server providers,ad networks,analytics,error loggers, debt\r\n collectors, maintenance or problem-solving\r\n providers,marketingoradvertisingproviders,professional advisors, and payment\r\n systems operators\r\n \r\n
- our employees, contractors, and/or related entities \r\n
- our existing or potential agents or business partners \r\n
- \r\n credit reporting agencies, courts, tribunals, and regulatory authorities, in\r\n the event you fail to pay for goods or services we have provided to you\r\n \r\n
- \r\n courts, tribunals, regulatory authorities, and law enforcement officers, as\r\n required by law, in connection with any actual or prospective legal\r\n proceedings, or in order to establish, exercise, or defend our legal rights\r\n \r\n
- \r\n third parties, including agents or sub-contractors who assist us in providing\r\n information, products, services, or direct marketing to you\r\n \r\n
- third parties to collect and process data \r\n
- \r\n an entity that buys, or to which we transfer all or substantially all of our\r\n assets and business\r\n \r\n
Third parties we currently use include:
\r\n- \r\n
- Google Analytics \r\n
- Open Web Analytics \r\n
- MailChimp \r\n
- SendGrid \r\n
- Google AdSense \r\n
- Bing Ads \r\n
- X \r\n
- Paypal \r\n
- Stripe \r\n
- Square \r\n
- Google Payments \r\n
- Apple Pay \r\n
- Amazon Web Services \r\n
- Google Cloud \r\n
- Microsoft Azure \r\n
- ServerMania \r\n
\r\n
\r\n \r\n International Transfers of Personal Information\r\n
\r\n\r\n The personal information we collect is stored and/or processed in United States,\r\n or where we or our partners, affiliates, and third-party providers maintain\r\n facilities.\r\n
\r\n\r\n The countries to which we store, process, or transfer your personal information\r\n may not have the same data protection laws as the country in which you initially\r\n provided the information. If we transfer your personal information to third\r\n parties in other countries: (i) we will perform those transfers in accordance with\r\n the requirements of applicable law; and (ii) we will protect the transferred\r\n personal information in accordance with this privacy policy.\r\n
\r\n\r\n
\r\n \r\n Your Rights and Controlling Your Personal Information\r\n
\r\n\r\n Your choice: By providing personal information to us, you understand we will\r\n collect, hold, use, and disclose your personal information in accordance with this\r\n privacy policy. You do not have to provide personal information to us, however, if\r\n you do not, it may affect your use of our websites or the products and/or services\r\n offered on or through them.\r\n
\r\n\r\n Information from third parties: If we receive personal information about you from\r\n a third party, we will protect it as set out in this privacy policy. If you are a\r\n third party providing personal information about somebody else, you represent and\r\n warrant that you have such person’s consent to provide the personal information to\r\n us\r\n
\r\n\r\n Marketing permission: If you have previously agreed to us using your personal\r\n information for direct marketing purposes, you may change your mind at any time by\r\n contacting us using the details below.\r\n
\r\n\r\n Access: You may request details of the personal information that we hold about you\r\n
\r\n\r\n Correction: If you believe that any information we hold about you is inaccurate,\r\n out of date, incomplete, irrelevant, or misleading, please contact us using the\r\n details provided in this privacy policy. We will take reasonable steps to correct\r\n any information found to be inaccurate, incomplete, misleading, or out of date.\r\n
\r\n\r\n Non-discrimination: We will not discriminate against you for exercising any of\r\n your rights over your personal information. Unless your personal information is\r\n required to provide you with a particular service or offer (for example processing\r\n transaction data), we will not deny you goods or services and/or charge you\r\n different prices or rates for goods or services, including through granting\r\n discounts or other benefits, or imposing penalties, or provide you with a\r\n different level or quality of goods or services.\r\n
\r\n\r\n Downloading of Personal Information: We provide a means for you to download the\r\n personal information you have shared through our sites. Please contact us for more\r\n information.\r\n
\r\n\r\n Notification of data breaches: We will comply with laws applicable to us in\r\n respect of any data breach.\r\n
\r\n\r\n Complaints: If you believe that we have breached a relevant data protection law\r\n and wish to make a complaint, please contact us using the details below and\r\n provide us with full details of the alleged breach. We will promptly investigate\r\n your complaint and respond to you, in writing, setting out the outcome of our\r\n investigation and the steps we will take to deal with your complaint. You also\r\n have the right to contact a regulatory body or data protection authority in\r\n relation to your complaint.\r\n
\r\n\r\n Unsubscribe: To unsubscribe from our email database or opt-out of communications\r\n (including marketing communications), please contact us using the details provided\r\n in this privacy policy, or opt-out using the opt-out facilities provided in the\r\n communication. We may need to request specific information from you to help us\r\n confirm your identity.\r\n
\r\n\r\n
\r\n Use of Cookies
\r\n\r\n We use \"cookies\" to collect information about you and your activity across our\r\n sites. A cookie is a small piece of data that our websites store on your computer,\r\n and access each time you visit, so we can understand how you use our sites. This\r\n helps us serve you content based on preferences you have specified.\r\n
\r\nPlease refer to our Cookie Policy for more information.
\r\n\r\n
\r\n Business Transfers
\r\n\r\n If we or our assets are acquired, or in the unlikely event that we go out of\r\n business or enter bankruptcy, we would include data, including your personal\r\n information, among the assets transferred to any parties who acquire us. You\r\n acknowledge that such transfers may occur, and that any parties who acquire us\r\n may, to the extent permitted by applicable law, continue to use your personal\r\n information according to this policy, which they will be required to assume as it\r\n is the basis for any ownership or use rights we have over such information.\r\n
\r\n\r\n
\r\n Limits of Our Policy
\r\n\r\n Our websites may link to external sites that are not operated by us. Please be\r\n aware that we have no control over the content and policies of those sites, and\r\n cannot accept responsibility or liability for their respective privacy practices.\r\n
\r\n\r\n
\r\n Changes to This Policy
\r\n\r\n At our discretion, we may change our privacy policy to reflect updates to our\r\n business processes, current acceptable practices, or legislative or regulatory\r\n changes. If we decide to change this privacy policy, we will post the changes here\r\n at the same link by which you are accessing this privacy policy.\r\n
\r\n\r\n If the changes are significant, or if required by applicable law, we will contact\r\n you (based on your selected preferences for communications from us) and all our\r\n registered users with the new details and links to the updated or changed policy.\r\n
\r\n\r\n If required by law, we will get your permission or give you the opportunity to opt\r\n in to or opt out of, as applicable, any new uses of your personal information.\r\n
\r\n\r\n
\r\n \r\n Additional Disclosures for Australian Privacy Act Compliance (AU)\r\n
\r\n\r\n International Transfers of Personal Information\r\n
\r\n\r\n Where the disclosure of your personal information is solely subject to Australian\r\n privacy laws, you acknowledge that some third parties may not be regulated by the\r\n Privacy Act and the Australian Privacy Principles in the Privacy Act. You\r\n acknowledge that if any such third party engages in any act or practice that\r\n contravenes the Australian Privacy Principles, it would not be accountable under\r\n the Privacy Act, and you will not be able to seek redress under the Privacy Act.\r\n
\r\n\r\n
\r\n \r\n Additional Disclosures for General Data Protection Regulation (GDPR) Compliance\r\n (EU)\r\n
\r\n\r\n Data Controller / Data Processor\r\n
\r\n\r\n The GDPR distinguishes between organisations that process personal information for\r\n their own purposes (known as \"data controllers\") and organisations that process\r\n personal information on behalf of other organisations (known as \"data\r\n processors\"). We, International Advisory, Products and Systems Ltd, located at the\r\n address provided in our Contact Us section, are a Data Controller and/or Processor\r\n with respect to the personal information you provide to us.\r\n
\r\n\r\n
\r\n \r\n Legal Bases for Processing Your Personal Information\r\n
\r\n\r\n We will only collect and use your personal information when we have a legal right\r\n to do so. In which case, we will collect and use your personal information\r\n lawfully, fairly, and in a transparent manner. If we seek your consent to process\r\n your personal information, and you are under 16 years of age, we will seek your\r\n parent or legal guardian’s consent to process your personal information for that\r\n specific purpose.\r\n
\r\n\r\n Our lawful bases depend on the services you use and how you use them. This means\r\n we only collect and use your information on the following grounds:\r\n
\r\n\r\n
\r\n Consent From You
\r\n\r\n Where you give us consent to collect and use your personal information for a\r\n specific purpose. You may withdraw your consent at any time using the facilities\r\n we provide; however this will not affect any use of your information that has\r\n already taken place. You may consent to providing your email address for the\r\n purpose of receiving marketing emails from us. While you may unsubscribe at any\r\n time, we cannot recall any email we have already sent. If you have any further\r\n enquiries about how to withdraw your consent, please feel free to enquire using\r\n the details provided in the Contact Us section of this privacy policy\r\n
\r\n\r\n
\r\n \r\n Performance of a Contract or Transaction\r\n
\r\n\r\n Where you have entered into a contract or transaction with us, or in order to take\r\n preparatory steps prior to our entering into a contract or transaction with you.\r\n For example, if you purchase a product, service, or subscription from us, we may\r\n need to use your personal and payment information in order to process and deliver\r\n your order.\r\n
\r\n\r\n
\r\n Our Legitimate Interests
\r\n\r\n Where we assess it is necessary for our legitimate interests, such as for us to\r\n provide, operate, improve and communicate our services. We consider our legitimate\r\n interests to include research and development, understanding our audience,\r\n marketing and promoting our services, measures taken to operate our services\r\n efficiently, marketing analysis, and measures taken to protect our legal rights\r\n and interests.\r\n
\r\n\r\n
\r\n Compliance with Law
\r\n\r\n In some cases, we may have a legal obligation to use or keep your personal\r\n information. Such cases may include (but are not limited to) court orders,\r\n criminal investigations, government requests, and regulatory obligations. If you\r\n have any further enquiries about how we retain personal information in order to\r\n comply with the law, please feel free to enquire using the details provided in the\r\n Contact Us section of this privacy policy.\r\n
\r\n\r\n
\r\n \r\n International Transfers Outside of the European Economic Area (EEA)\r\n
\r\n\r\n We will ensure that any transfer of personal information from countries in the\r\n European Economic Area (EEA) to countries outside the EEA will be protected by\r\n appropriate safeguards, for example by using standard data protection clauses\r\n approved by the European Commission, or the use of binding corporate rules or\r\n other legally accepted means.\r\n
\r\n\r\n
\r\n \r\n Your Rights and Controlling Your Personal Information\r\n
\r\n\r\n Restrict: You have the right to request that we restrict the processing of your\r\n personal information if (i) you are concerned about the accuracy of your personal\r\n information; (ii) you believe your personal information has been unlawfully\r\n processed; (iii) you need us to maintain the personal information solely for the\r\n purpose of a legal claim; or (iv) we are in the process of considering your\r\n objection in relation to processing on the basis of legitimate interests.\r\n
\r\n\r\n Objecting to processing: You have the right to object to processing of your\r\n personal information that is based on our legitimate interests or public interest.\r\n If this is done, we must provide compelling legitimate grounds for the processing\r\n which overrides your interests, rights, and freedoms, in order to proceed with the\r\n processing of your personal information.\r\n
\r\n\r\n Data portability: You may have the right to request a copy of the personal\r\n information we hold about you. Where possible, we will provide this information in\r\n CSV format or other easily readable machine format. You may also have the right to\r\n request that we transfer this personal information to a third party.\r\n
\r\n\r\n Deletion: You may have a right to request that we delete the personal information\r\n we hold about you at any time, and we will take reasonable steps to delete your\r\n personal information from our current records. If you ask us to delete your\r\n personal information, we will let you know how the deletion affects your use of\r\n our websites or products and services. There may be exceptions to this right for\r\n specific legal reasons which, if applicable, we will set out for you in response\r\n to your request. If you terminate or delete your account, we will delete your\r\n personal information within 45 days of the deletion of your account. Please be\r\n aware that search engines and similar third parties may still retain copies of\r\n your personal information that has been made public at least once, like certain\r\n profile information and public comments, even after you have deleted the\r\n information from our services or deactivated your account.\r\n
\r\n\r\n
\r\n \r\n Additional Disclosures for U.S. States Privacy Law Compliance.\r\n
\r\n\r\n The following section includes provisions that comply with the privacy laws of\r\n these states (California, Colorado, Delaware, Florida, Virginia, and Utah) and is\r\n applicable only to the residents of those states. Specific references to a\r\n particular state (in a heading or in the text) are only a reference to that\r\n state's law and applies only to that state's residents. Non-state specific\r\n language applies to all of the states listed above.\r\n
\r\n\r\n
\r\n Do Not Track
\r\n\r\n Some browsers have a \"Do Not Track\" feature that lets you tell websites that you\r\n do not want to have your online activities tracked. At this time, we do not\r\n respond to browser \"Do Not Track\" signals.\r\n
\r\n\r\n We adhere to the standards outlined in this privacy policy, ensuring we collect\r\n and process personal information lawfully, fairly, transparently, and with\r\n legitimate, legal reasons for doing so.\r\n
\r\n\r\n
\r\n Cookies and Pixels
\r\n\r\n\r\n At all times, you may decline cookies from our sites if your browser permits. Most\r\n browsers allow you to activate settings on your browser to refuse the setting of\r\n all or some cookies. Accordingly, your ability to limit cookies is based only on\r\n your browser’s capabilities. Please refer to the Cookies section of this privacy\r\n policy for more information.\r\n
\r\n\r\n
\r\n \r\n California Privacy Laws - CPPA\r\n
\r\n\r\n Under California Civil Code Section 1798.83, if you live in California and your\r\n business relationship with us is mainly for personal, family, or household\r\n purposes, you may ask us about the information we release to other organizations\r\n for their marketing purposes. In accordance with your right to non-discrimination,\r\n we may offer you certain financial incentives permitted by the California Consumer\r\n Privacy Act, and the California Privacy Rights Act (collectively, CCPA) that can\r\n result in different prices, rates, or quality levels for the goods or services we\r\n provide. Any CCPA-permitted financial incentive we offer will reasonably relate to\r\n the value of your personal information, and we will provide written terms that\r\n describe clearly the nature of such an offer. Participation in a financial\r\n incentive program requires your prior opt-in consent, which you may revoke at any\r\n time.\r\n
\r\n\r\n Under California Civil Code Section 1798.83, if you live in California and your\r\n business relationship with us is mainly for personal, family, or household\r\n purposes, you may ask us about the information we release to other organizations\r\n for their marketing purposes. To make such a request, please contact us using the\r\n details provided in this privacy policy with “Request for California privacy\r\n information” in the subject line. You may make this type of request once every\r\n calendar year. We will email you a list of categories of personal information we\r\n revealed to other organisations for their marketing purposes in the last calendar\r\n year, along with their names and addresses. Not all personal information shared in\r\n this way is covered by Section 1798.83 of the California Civil Code.\r\n
\r\n\r\n
\r\n \r\n California Notice of Collection\r\n
\r\n\r\n In the past 12 months, we have collected the following categories of personal\r\n information enumerated in the CCPA:\r\n
\r\n- \r\n
- \r\n {\" \"}\r\n Identifiers, such as name, email address, phone number, account name, IP\r\n address, and an ID or number assigned to your account.\r\n \r\n
- \r\n Customer records, such as billing and shipping address, and credit or debit\r\n card data.\r\n \r\n
- \r\n Demographics, such as your age or gender. This category includes data that may\r\n qualify as protected classifications under other California or federal laws.\r\n \r\n
- \r\n Commercial information, such as products or services history and purchases.\r\n \r\n
- Internet activity, such as your interactions with our service. \r\n
- \r\n Audio or visual data, such as photos or videos you share with us or post on the\r\n service.\r\n \r\n
- Geolocation data. \r\n
- \r\n Employment and education data, such as data you provide when you apply for a\r\n job with us.\r\n \r\n
- \r\n {\" \"}\r\n Inferences, such as information about your interests, preferences and\r\n favorites.\r\n \r\n
\r\n For more information on information we collect, including the sources we receive\r\n information from, review the “Information We Collect” section. We collect and use\r\n these categories of personal information for the business purposes described in\r\n the “Collection and Use of Information” section, including to provide and manage\r\n our Service.\r\n
\r\n\r\n
\r\n Right to Know and Delete
\r\n\r\n\r\n You have rights to delete your personal information we collected and know certain\r\n information about our data practices in the preceding 12 months. In particular,\r\n you have the right to request the following from us:\r\n
\r\n- \r\n
- The categories of personal information we have collected about you; \r\n
- \r\n The categories of sources from which the personal information was collected;\r\n \r\n
- \r\n The categories of personal information about you we disclosed for a business\r\n purpose or sold;\r\n \r\n
- \r\n The categories of third parties to whom the personal information was disclosed\r\n for a business purpose or sold;\r\n \r\n
- \r\n {\" \"}\r\n The business or commercial purpose for collecting or selling the personal\r\n information; and\r\n \r\n
- The specific pieces of personal information we have collected about you. \r\n
\r\n To exercise any of these rights, please contact us using the details provided in\r\n this privacy policy.\r\n
\r\n\r\n
\r\n Shine the Light
\r\n\r\n In addition to the rights discussed above, you have the right to request\r\n information from us regarding the manner in which we share certain personal\r\n information as defined by applicable statute with third parties and affiliates for\r\n their own direct marketing purposes.\r\n
\r\n\r\n To receive this information, send us a request using the contact details provided\r\n in this privacy policy. Requests must include “Privacy Rights Request” in the\r\n first line of the description and include your name, street address, city, state,\r\n and ZIP code.\r\n
\r\n\r\n
\r\n Contact Us
\r\n\r\n For any questions or concerns regarding your privacy, you may contact us using the\r\n following details:\r\n
\r\n\r\n Customer Service\r\n
\r\n \r\n info@kaptechgroup.com\r\n \r\n\r\n
\r\n );\r\n};\r\n\r\nexport default TermsServices;\r\n","import React from \"react\";\r\nconst CookiePolicy = () => {\r\n return (\r\n Terms of service
\r\n\r\n
\r\n \r\n
\r\n These Terms of Service were last updated on March 4, 2024.
\r\n\r\n These Terms of Service govern your use of our websites located at{\" \"}\r\n
\r\n
\r\n Overview of Services
\r\n\r\n International Advisory, Products and Systems Ltd. (i-APS), together with its\r\n affiliated entities, including but not limited to KAPsurvey, KAPorg, KAPinsights,\r\n and KAPcourse (hereinafter collectively referred to as “KAPtech Group”), provides\r\n technical advisory services, innovative technological solutions, and comprehensive\r\n data collection and analysis tools. The offerings of KAPtech Group are aimed at\r\n supporting the execution and management of humanitarian and development projects.\r\n These services utilize cutting-edge technology and capitalize on extensive local\r\n expertise to assist partner organizations and communities in effectively\r\n responding to and overcoming challenges in humanitarian aid and development\r\n sectors. By using the services provided by KAPtech Group, including accessing our\r\n websites, you agree to comply with and be bound by the terms and conditions set\r\n forth in this agreement. The services offered are subject to the terms outlined\r\n herein, along with any additional guidelines or rules applicable to specific\r\n services or features of the services.\r\n
\r\n\r\n
\r\n Limitations of Use
\r\n\r\n By using our websites, you warrant on behalf of yourself, your users, and other\r\n parties you represent that you will not:\r\n
\r\n- \r\n
- \r\n modify, copy, prepare derivative works of, decompile, or reverse engineer any\r\n materials and software contained on those websites;\r\n \r\n
- \r\n remove any copyright or other proprietary notations from any materials and\r\n software on those websites;\r\n \r\n
- \r\n transfer the materials to another person or \"mirror\" the materials on any other\r\n server;\r\n \r\n
- \r\n knowingly or negligently use those websites or any of their associated services\r\n in a way that abuses or disrupts our networks or any other service\r\n International Advisory, Products and Systems Ltd provides;\r\n \r\n\r\n
- \r\n use those websites or their associated services to transmit or publish any\r\n harassing, indecent, obscene, fraudulent, or unlawful material;\r\n \r\n
- \r\n use those websites or their associated services in violation of any applicable\r\n laws or regulations;\r\n \r\n
- \r\n use those websites in conjunction with sending unauthorized advertising or\r\n spam;{\" \"}\r\n \r\n
- harvest, collect, or gather user data without the user’s consent; or \r\n
- \r\n use those websites or their associated services in such a way that may infringe\r\n the privacy, intellectual property rights, or other rights of third parties\r\n \r\n
\r\n
\r\n Intellectual Property
\r\n\r\n The intellectual property in the materials contained in those websites are owned\r\n by or licensed to International Advisory, Products and Systems Ltd and are\r\n protected by applicable copyright and trademark law. We grant our users permission\r\n to download one copy of the materials for personal, non-commercial transitory use.\r\n This constitutes the grant of a license, not a transfer of title. This license\r\n shall automatically terminate if you violate any of these restrictions or the\r\n Terms of Service, and may be terminated by International Advisory, Products and\r\n Systems Ltd at any time.\r\n
\r\n\r\n
\r\n User-Generated Content
\r\n\r\n You retain your intellectual property ownership rights over the content you submit\r\n to us for publication on our websites. We will never claim ownership of your\r\n content, but we do require a license from you in order to use it. When you use our\r\n websites or their associated services to post, upload, share, or otherwise\r\n transmit content covered by intellectual property rights, you grant to us a\r\n non-exclusive, royalty-free, transferable, sub-licensable, worldwide license to\r\n use, distribute, modify, run, copy, publicly display, translate, or otherwise\r\n create derivative works of your content in a manner that is consistent with your\r\n privacy preferences and our Privacy Policy. The license you grant us can be\r\n terminated at any time by deleting your content or account. However, to the extent\r\n that we (or our partners) have used your content in connection with commercial or\r\n sponsored content, the license will continue until the relevant commercial or post\r\n has been discontinued by us. You give us permission to use your username and other\r\n identifying information associated with your account in a manner that is\r\n consistent with your privacy preferences and our Privacy Policy.\r\n
\r\n\r\n
\r\n Registration and Payments
\r\n\r\n In order to use any of our services, you need to create an account. Any\r\n information provided needs to be accurate and updated if necessary. Customers are\r\n liable for maintaining their accounts and are fully responsible for all activities\r\n occurring under their accounts. Should anybody gain unauthorized access to your\r\n account, you need to notify us immediately. International Advisory, Products and\r\n Systems Ltd is not liable for any loss or damage arising from failure to maintain\r\n the confidentiality of your account. When creating your account, you are required\r\n to provide your financial information relevant to the chosen payment method. In\r\n some cases, you may be requested to provide your credit card details. Please note\r\n that any payments made on our platform will be processed by PayPal, Stripe,\r\n Square, Google Payments, or Apple Pay. As such, we will not be responsible for\r\n processing or retaining any of your financial information. PayPal, Stripe, Square,\r\n Google Payments, or Apple Pay will handle all of your financial information per\r\n their respective Terms of Service, and you agree to comply with such Terms of\r\n Service.\r\n
\r\n\r\n
\r\n \r\n Disclaimer and Limitations of Liability\r\n
\r\n\r\n The websites and materials provided by International Advisory, Products and\r\n Systems Ltd., including but not limited to{\" \"}\r\n
\r\n
\r\n Accuracy of Materials
\r\n\r\n The materials appearing on our websites are not comprehensive and are for general\r\n information purposes only. International Advisory, Products and Systems Ltd does\r\n not warrant or make any representations concerning the accuracy, likely results,\r\n or reliability of the use of the materials on those websites, or otherwise\r\n relating to such materials or on any resources linked to those websites. You\r\n should not rely solely on the said materials to make decisions, we advise you to\r\n consult other, more complete sources of information. You are solely responsible\r\n for the strict reliance on the materials posted on our websites. We have the right\r\n to change the information on our websites without prior notice and users are\r\n responsible to monitor said changes.\r\n
\r\n\r\n
\r\n Additional Tools
\r\n\r\n Please note that our websites may include third-party tools which are outside of\r\n our control. The access to said tools is provided on an 'as is' basis with no\r\n warranties, expressed or implied, and without any endorsement. We are not liable\r\n for the use of the third-party tools provided on our websites. You are solely\r\n responsible for any risks associated with using said tools, we recommend reading\r\n the relevant third-party provider’s Terms of Service. International Advisory,\r\n Products and Systems Ltd has the right to offer new third-party tools in the\r\n future\r\n
\r\n\r\n
\r\n Links
\r\n\r\n International Advisory, Products and Systems Ltd has not reviewed all of the sites\r\n linked to its websites and is not responsible for the contents of any such linked\r\n site. The inclusion of any link does not imply endorsement, approval or control by\r\n International Advisory, Products and Systems Ltd of the site. Use of any such\r\n linked site is at your own risk, and we strongly advise you make your own\r\n investigations with respect to the suitability of those sites.\r\n
\r\n\r\n
\r\n Inaccuracies and Mistakes
\r\n\r\n Please note that any content available on our websites may contain typographical\r\n errors, inaccuracies, or mistakes related to the service’s description, pricing,\r\n promotion, and availability. We have the right to cancel or update any existing\r\n services should any information provided by us be proven inaccurate. Said\r\n information can be amended at any time without prior notice. Please note that we\r\n are not obligated to clarify any of the information related to our websites and\r\n services, including pricing information, except as required by law.\r\n
\r\n\r\n
\r\n Indemnification
\r\n\r\n You agree to defend, indemnify, and hold us harmless, including our subsidiaries,\r\n affiliates, and all of our respective officers, agents, partners, and employees,\r\n from and against any loss, damage, liability, claim, or demand, including\r\n reasonable attorneys’ fees and expenses, made by any third party due to or arising\r\n out of: (1) your Contributions; (2) use of the websites; (3) breach of these Terms\r\n of Service; (4) any breach of your representations and warranties set forth in\r\n these Terms of Service; (5) your violation of the rights of a third party,\r\n including but not limited to intellectual property rights; or (6) any overt\r\n harmful act toward any other user of the websites with whom you connected via the\r\n websites.\r\n
\r\n\r\n Notwithstanding the foregoing, we reserve the right, at your expense, to assume\r\n the exclusive defense and control of any matter for which you are required to\r\n indemnify us, and you agree to cooperate, at your expense, with our defense of\r\n such claims. We will use reasonable efforts to notify you of any such claim,\r\n action, or proceeding which is subject to this indemnification upon becoming aware\r\n of it.\r\n
\r\n\r\n
\r\n Right to Terminate
\r\n\r\n We may suspend or terminate your right to use our websites and terminate these\r\n Terms of Service immediately upon written notice to you for any breach of these\r\n Terms of Service.\r\n
\r\n\r\n
\r\n Severance
\r\n\r\n Any term of these Terms of Service which is wholly or partially void or\r\n unenforceable is severed to the extent that it is void or unenforceable. The\r\n validity of the remainder of these Terms of Service is not affected.\r\n
\r\n\r\n
\r\n Entire Agreement
\r\n\r\n These Terms of Service and any policies or operating rules posted by us on the\r\n websites or with respect to the websites constitute the entire agreement and\r\n understanding between you and us. Our failure to exercise or enforce any right or\r\n provision of these Terms of Service shall not operate as a waiver of such right or\r\n provision. These Terms of Service operate to the fullest extent permissible by\r\n law. We may assign any or all of our rights and obligations to others at any time.\r\n We shall not be responsible or liable for any loss, damage, delay, or failure to\r\n act caused by any cause beyond our reasonable control. If any provision or part of\r\n a provision of these Terms of Service is determined to be unlawful, void, or\r\n unenforceable, that provision or part of the provision is deemed severable from\r\n these Terms of Service and does not affect the validity and enforceability of any\r\n remaining provisions. There is no joint venture, partnership, employment, or\r\n agency relationship created between you and us as a result of these Terms of\r\n Service or use of the websites. You agree that these Terms of Service will not be\r\n construed against us by virtue of having drafted them. You hereby waive any and\r\n all defenses you may have based on the electronic form of these Terms of Service\r\n and the lack of signing by the parties hereto to execute these Terms of Service.\r\n
\r\n\r\n
\r\n Governing Law
\r\n\r\n These Terms of Service are governed by and construed in accordance with the laws\r\n of Virginia. You irrevocably submit to the exclusive jurisdiction of the courts in\r\n that State or location.\r\n
\r\n\r\n
\r\n );\r\n};\r\n\r\nexport default CookiePolicy;\r\n","import React, { useState } from \"react\";\r\n// import \"./style.scss\";\r\nimport { Modal } from \"antd\";\r\nimport XIcon from\"../assets/icons/XIcon.png\"\r\nimport { Tabs } from \"antd\";\r\nimport \"./TermsConditonsModal.scss\";\r\nimport PrivacyPolicy from \"./terms-conditions/PrivacyPolicyComponent\";\r\nimport TermsServices from \"./terms-conditions/TermsServicesComponent\";\r\nimport CookiePolicy from \"./terms-conditions/CookiePolicyComponent\";\r\n\r\nfunction TermsConditionsModal({ visible, onCancel }) {\r\n const { TabPane } = Tabs;\r\n\r\n return (\r\n Cookie Policy
\r\n\r\n
\r\n \r\n
\r\n These Terms of Service were last updated on March 4, 2024.
\r\n\r\n We use cookies to help improve your experience of our websites at{\" \"}\r\n
\r\n We also provide basic information on third-party services we may use, who may also\r\n use cookies as part of their service. This policy does not cover their cookies.\r\n
\r\n\r\n If you don’t wish to accept cookies from us, you should instruct your browser to\r\n refuse cookies from\r\n
\r\n
\r\n What is a cookie?
\r\n\r\n A cookie is a small piece of data that a website stores on your device when you\r\n visit. It typically contains information about the website itself, a unique\r\n identifier that allows the site to recognise your web browser when you return,\r\n additional data that serves the cookie’s purpose, and the lifespan of the cookie\r\n itself.\r\n
\r\n\r\n Cookies are used to enable certain features (e.g. logging in), track site usage\r\n (e.g. analytics), store your user settings (e.g. time zone, notification\r\n preferences), and to personalize your content (e.g. advertising, language).\r\n
\r\n\r\n Cookies set by the website you are visiting are usually referred to as first-party\r\n cookies. They typically only track your activity on that particular site.\r\n
\r\n\r\n Cookies set by other sites and companies (i.e. third parties) are called\r\n third-party cookies They can be used to track you on other websites that use the\r\n same third-party service.\r\n
\r\n\r\n
\r\n \r\n Types of cookies and how we use them\r\n
\r\nEssential cookies
\r\n\r\n Essential cookies are crucial to your experience of a website, enabling core\r\n features like user logins, account management, shopping carts, and payment\r\n processing.\r\n
\r\nWe use essential cookies to enable certain functions on our websites.
\r\n\r\n
\r\n Performance cookies
\r\n\r\n Performance cookies track how you use a website during your visit. Typically, this\r\n information is anonymous and aggregated, with information tracked across all site\r\n users. They help companies understand visitor usage patterns, identify and\r\n diagnose problems or errors their users may encounter, and make better strategic\r\n decisions in improving their audience’s overall website experience. These cookies\r\n may be set by the website you’re visiting (first-party) or by third-party\r\n services. They do not collect personal information about you.\r\n
\r\nWe use performance cookies on our sites.
\r\n\r\n
\r\n Functionality cookies
\r\n\r\n Functionality cookies are used to collect information about your device and any\r\n settings you may configure on the website you’re visiting (like language and time\r\n zone settings). With this information, websites can provide you with customized,\r\n enhanced, or optimized content and services. These cookies may be set by the\r\n website you’re visiting (first-party) or by third-party services.\r\n
\r\nWe use functionality cookies for selected features on our sites.
\r\n\r\n
\r\n \r\n Targeting/advertising cookies\r\n
\r\n\r\n Targeting/advertising cookies help determine what promotional content is most\r\n relevant and appropriate to you and your interests. Websites may use them to\r\n deliver targeted advertising or limit the number of times you see an\r\n advertisement. This helps companies improve the effectiveness of their campaigns\r\n and the quality of content presented to you. These cookies may be set by the\r\n website you’re visiting (first-party) or by third-party services.\r\n Targeting/advertising cookies set by third-parties may be used to track you on\r\n other websites that use the same third-party service.\r\n
\r\nWe use targeting/advertising cookies on our sites.
\r\n\r\n
\r\n \r\n How Can You Control Our Website's Use of Cookies?\r\n
\r\n\r\n You have the right to decide whether to accept or reject cookies on our websites.\r\n You can manage your cookie preferences in our Cookie Consent Manager. The Cookie\r\n Consent Manager allows you to select which categories of cookies you accept or\r\n reject. Essential cookies cannot be rejected as they are strictly necessary to\r\n provide you with the services on our websites.\r\n
\r\n\r\n You may also be able to set or amend your cookie preferences by managing your web\r\n browser settings. As each web browser is different, please consult the\r\n instructions provided by your web browser (typically in the \"help\" section). If\r\n you choose to refuse or disable cookies you may still use our websites, though\r\n some of their functionality may not be available to you.\r\n
\r\n\r\n
\r\n \r\n How Often Will We Update This Cookie Policy?\r\n
\r\n\r\n We may update this Cookie Policy from time to time in order to reflect any changes\r\n to the cookies and related technologies we use, or for other operational, legal or\r\n regulatory reasons.\r\n
\r\n\r\n Each time you use our websites, the current version of the Cookie Policy will\r\n apply. When you use our websites, you should check the date of this Cookie Policy\r\n (which appears at the top of this document) and review any changes since the last\r\n version.\r\n
\r\n\r\n
\r\n \r\n Where Can You Obtain Further Information?\r\n
\r\n\r\n For any questions or concerns regarding our Cookie Policy, you may contact us\r\n using the following details:\r\n
\r\n\r\n Customer Service\r\n
\r\n info@kaptechgroup.com\r\n\r\n
\r\n \r\n \r\n );\r\n}\r\n\r\nexport default TermsConditionsModal;\r\n","import React, { useMemo, useState } from \"react\";\r\nimport objectPath from \"object-path\";\r\nimport { useHtmlClassService } from \"../../_core/MetronicLayout\";\r\nimport TermsConditionsModal from \"../../../../app/components/TermsConditionsModal\";\r\nimport { Link } from \"react-router-dom\";\r\n\r\nexport function Footer() {\r\n const today = new Date().getFullYear();\r\n const uiService = useHtmlClassService();\r\n\r\n const layoutProps = useMemo(() => {\r\n return {\r\n footerLayout: objectPath.get(uiService.config, \"footer.layout\"),\r\n footerClasses: uiService.getClasses(\"footer\", true),\r\n footerContainerClasses: uiService.getClasses(\"footer_container\", true)\r\n };\r\n }, [uiService]);\r\n\r\n const [modalVisible, setModalVisible] = useState(false);\r\n const openTermsModal = () => {\r\n setModalVisible(!modalVisible);\r\n };\r\n \r\n return (\r\n <>\r\n {/* begin::Footer */}\r\n \r\n
\r\n \r\n \r\n {/* , color: \"#003DAA\" */}\r\n Terms of service}\r\n key=\"1\"\r\n >\r\n Privacy policy} key=\"2\">\r\n \r\n Cookie policy} key=\"3\">\r\n \r\n \r\n
\r\n \r\n \r\n Got it!\r\n \r\n
\r\n \r\n {today} ©\r\n KAPsurvey\r\n
\r\n \r\n \r\n Terms of Service\r\n \r\n \r\n Privacy Policy\r\n \r\n\r\n \r\n Cookie Policy\r\n \r\n
\r\n \r\n \r\n {/* end::Footer */}\r\n\r\n {/* Modal */}\r\n \r\n \r\n \r\n {\" \"}\r\n
\r\n );\r\n}\r\n","import React, { useMemo, useEffect, useState } from \"react\";\r\nimport objectPath from \"object-path\";\r\nimport { Outlet } from \"react-router-dom\";\r\n// LayoutContext\r\nimport { useHtmlClassService } from \"../_core/MetronicLayout\";\r\n// Import Layout components\r\nimport { HeaderMobile } from \"./header-mobile/HeaderMobile\";\r\nimport { AdminAside } from \"./aside/AdminAside\";\r\nimport { Footer } from \"./footer/Footer\";\r\nimport { LayoutInit } from \"./LayoutInit\";\r\nimport { SubHeader } from \"./subheader/SubHeader\";\r\nimport { ScrollTop } from \"./extras/ScrollTop\";\r\n\r\nexport function AdminLayout({ children }) {\r\n const uiService = useHtmlClassService();\r\n const layoutProps = useMemo(() => {\r\n return {\r\n selfLayout: objectPath.get(uiService.config, \"self.layout\"),\r\n subheaderDisplay: objectPath.get(uiService.config, \"subheader.display\"),\r\n contentCssClasses: uiService.getClasses(\"content\", true),\r\n contentContainerClasses: uiService.getClasses(\"content_container\", true),\r\n contentExtended: objectPath.get(uiService.config, \"content.extended\")\r\n };\r\n }, [uiService]);\r\n\r\n const [isMinimized, setIsMinimized] = useState(false);\r\n\r\n useEffect(() => {\r\n document.body.classList.remove(\"aside-minimize\");\r\n }, []);\r\n\r\n const checkIsMenuMinimized = (data) => {\r\n setIsMinimized(data);\r\n };\r\n\r\n const validPaths = [\r\n \"/admin-payment-plans\",\r\n \"/tasks\",\r\n \"/relationships\",\r\n \"/quick-actions\"\r\n // \"/task-management\"\r\n ];\r\n\r\n const isMatchingPath = validPaths.some((path) => window.location.pathname.startsWith(path));\r\n return layoutProps.selfLayout !== \"blank\" ? (\r\n <>\r\n {/*begin::Main*/}\r\n \r\n {/*begin::Page*/}\r\n
\r\n )}\r\n\r\n {/*end::Entry*/}\r\n \r\n {/*end::Content*/}\r\n \r\n \r\n {/*end::Wrapper*/}\r\n \r\n {/*end::Page*/}\r\n \r\n\r\n \r\n \r\n {/*begin::Content*/}\r\n \r\n {layoutProps.subheaderDisplay && \r\n {/*begin::Container*/}\r\n \r\n
\r\n {/*end::Container*/}\r\n {children}
\r\n );\r\n}\r\n","import React from \"react\";\r\n\r\nfunction RegisterHeader({ step }) {\r\n return (\r\n <>\r\n {step === 0 && (\r\n <>\r\n {/* \r\n test\r\n
\r\nCreate your profile
*/}\r\n\r\n Alredy have an account?\r\n
\r\n 3\r\n
\r\nReview & pay
*/}\r\n \r\n )}\r\n \r\n );\r\n}\r\n\r\nexport { RegisterHeader };\r\n","import { Button, Form, Input, Flex, notification, Modal } from \"antd\";\r\nimport React, { useEffect, useState } from \"react\";\r\nimport { httpService } from \"../../../base/services/httpService.service\";\r\nimport { useAuthSore } from \"../authStore\";\r\nimport { RegisterHeader } from \"./components/createProfile/RegisterHeader\";\r\nimport PhoneInput from \"react-phone-input-2\";\r\nimport \"react-phone-input-2/lib/style.css\";\r\nimport { SessionService } from \"../../../base/services/session.service\";\r\nimport \"../style.scss\";\r\nimport FormItem from \"antd/es/form/FormItem\";\r\nfunction ConfirmationCodeModal(props) {\r\n const [codeValue, setCodeValue] = useState();\r\n const [isLoading, setIsLoading] = useState(false);\r\n const [api, contextHolder] = notification.useNotification();\r\n\r\n const verifyCode = () => {\r\n console.log(codeValue);\r\n setIsLoading(true);\r\n httpService.post('/Account/confirmEmail', {\r\n userId: SessionService.getItem('currentUserId'),\r\n code: codeValue\r\n }, (res) => {\r\n if (res?.isSuccess) {\r\n SessionService.setItem('isAccountConfirmed', true);\r\n props.confirmCode()\r\n props.handleClose()\r\n }\r\n setIsLoading(false);\r\n }, () => {\r\n setIsLoading(false);\r\n api['error']({\r\n message: \"Error\",\r\n description: \"Wrong code\"\r\n });\r\n })\r\n }\r\n\r\n return (\r\n\r\n {contextHolder}\r\n \r\n \r\n \r\n
\r\n );\r\n}\r\n\r\nexport default ConfirmationCodeModal;\r\n","import { Button, Checkbox, Form, Input, Spin } from \"antd\";\r\nimport React, { useState, useRef, useEffect } from \"react\";\r\nimport { injectIntl } from \"react-intl\";\r\nimport { Link, useNavigate } from \"react-router-dom\";\r\nimport \"../style.scss\";\r\nimport { httpService } from \"../../../base/services/httpService.service\";\r\nimport { SessionService } from \"../../../base/services/session.service\";\r\nimport { LocalStorageService } from \"../../../base/services/local-storage.service\";\r\nimport AuthService from \"../../../base/services/authentication.service\";\r\nimport BlockUI from \"../../../base/components/BlockUI\";\r\nimport ConfirmationCodeModal from \"../register/Confirmation\";\r\nimport { toAbsoluteUrl } from \"../../../../_metronic/_helpers\";\r\nimport useNotification from \"../../../base/hooks/useNotification\";\r\nimport { usePersonalDataStore } from \"../authStore\";\r\n\r\nfunction Login() {\r\n const { openNotification } = useNotification();\r\n const personalData = usePersonalDataStore((state) => state.personalData);\r\n const setPersonalData = usePersonalDataStore((state) => state.setPersonalData);\r\n const [form] = Form.useForm();\r\n const nav = useNavigate();\r\n const [isLogin, setIsLogin] = useState(false);\r\n const [loginError, setLoginError] = useState(false);\r\n const [isModaOpen, setIsModaOpen] = useState(false);\r\n const formRef = useRef(null);\r\n\r\n const handleKeyPress = (e) => {\r\n if (e.key === \"Enter\") {\r\n e.preventDefault();\r\n formRef.current.submit();\r\n }\r\n };\r\n\r\n const handleCloseModal = () => {\r\n setIsModaOpen(false);\r\n };\r\n\r\n const confirmCode = () => {\r\n // console.log(formRef.current);\r\n form.submit();\r\n };\r\n\r\n const onFinish = (values) => {\r\n setIsLogin(true);\r\n\r\n httpService.post(\r\n \"/account/login\",\r\n {\r\n email: values.email,\r\n password: values.password\r\n },\r\n (res) => {\r\n const resData = res.data;\r\n if (!resData.token && !resData.organizationNotPaid?.isRegistrationDone) {\r\n const stepData = res.data.organizationNotPaid?.registerStepOneData;\r\n\r\n SessionService.setItem(\"currentOrgId\", resData.organizationNotPaid.organizationId);\r\n SessionService.setItem(\"registeringAccount\", {\r\n fullname: stepData?.fullName,\r\n organizationRole: stepData?.roleWithinOrganization,\r\n phone: stepData?.phoneNumber,\r\n email: stepData?.email,\r\n organizationName: stepData?.name,\r\n typeOrganization: stepData?.typeId,\r\n country: stepData?.countryId\r\n });\r\n nav(\"/auth/registration\");\r\n }\r\n if (resData.token) {\r\n const organizations = resData.user.organizations;\r\n LocalStorageService.removeItem(\"organizationId\");\r\n LocalStorageService.removeItem(\"organizationName\");\r\n LocalStorageService.removeItem(\"roles\");\r\n AuthService.setUser(resData.user);\r\n setPersonalData({\r\n ...personalData,\r\n profilePictureUrl: resData.user.profilePictureUrl\r\n });\r\n LocalStorageService.setItem(\"tokenExpire\", resData.tokenExpire);\r\n LocalStorageService.setItem(\"atoken\", resData.token);\r\n\r\n if (organizations.length === 1) {\r\n if (organizations[0].roles[0].name === \"Organization\") {\r\n const currentDate = new Date();\r\n const expirationDate = new Date(organizations[0].subscriptionEndDate);\r\n const differenceInMilliseconds = expirationDate - currentDate;\r\n const differenceInDays = Math.ceil(\r\n differenceInMilliseconds / (1000 * 60 * 60 * 24)\r\n );\r\n if (\r\n !organizations[0].paymentMethodId &&\r\n [1, 3, 15, 30].includes(differenceInDays)\r\n ) {\r\n LocalStorageService.setItem(\"addPaymentMethod\", {\r\n value: true,\r\n differenceInDays: differenceInDays\r\n });\r\n }\r\n }\r\n LocalStorageService.setItem(\"organizationId\", organizations[0].organizationId);\r\n LocalStorageService.setItem(\r\n \"organizationName\",\r\n organizations[0].organizationName\r\n );\r\n httpService\r\n .get(\r\n `/Account/selectOrganization?userId=${resData.user.id}&organizationId=${organizations[0].organizationId}`,\r\n (response) => {\r\n if (!response) return;\r\n if (\r\n response.message.includes(\r\n `User for Organization ${organizations[0].organizationName} has been successfully reactivated!`\r\n ) ||\r\n response.message.includes(\r\n \"Organization has been successfully reactivated!\"\r\n )\r\n ) {\r\n LocalStorageService.setItem(\"reactivatedAccount\", true);\r\n }\r\n LocalStorageService.setItem(\"atoken\", response.data.token);\r\n LocalStorageService.setItem(\"tokenExpire\", response.data.tokenExpire);\r\n LocalStorageService.setItem(\"roles\", response.data.userRole);\r\n nav(\"/\");\r\n }\r\n )\r\n .catch((error) => {\r\n console.log(\"error:\", error);\r\n });\r\n } else {\r\n nav(\"/\");\r\n }\r\n }\r\n },\r\n (error) => {\r\n if (\r\n error.response.data.errors &&\r\n error.response.data.data &&\r\n error.response.data.errors[0] === \"Organization has no selected subscription!\"\r\n ) {\r\n SessionService.setItem(\r\n \"currentOrgId\",\r\n error?.response.data?.data.user?.organizations[0].organizationId\r\n );\r\n SessionService.setItem(\"currentUserId\", error?.response.data?.data.user?.id);\r\n SessionService.setItem(\"isOnSecondStep\", true);\r\n SessionService.setItem(\"registeringAccount\", {\r\n fullname: error?.response.data.data?.user?.fullName,\r\n // organizationRole: error?.response.data.data?.user?.roleWithinOrganization,\r\n phone: error?.response.data.data?.user?.phoneNumber,\r\n email: error?.response.data.data?.user?.email,\r\n organizationName:\r\n error?.response.data.data?.user?.organizations[0].organizationName,\r\n typeOrganization: {\r\n name: error?.response.data.data?.user?.organizations[0].organizationType\r\n },\r\n country: { name: error?.response.data.data?.user?.countryName }\r\n });\r\n handlePaymentView();\r\n setIsLogin(false);\r\n setLoginError(true);\r\n } else if (\r\n (error.response.data.errors &&\r\n error.response.data.data &&\r\n (error.response.data.errors[0] ===\r\n \"Subscription has been cancelled and ended! You should reactivate subscribtion in order to have access again.\" ||\r\n error.response.data.errors[0] ===\r\n \"Subscription has ended! You should reactivate subscription in order to have access again.\")) ||\r\n error.response.data.errors[0] ===\r\n \"Subscription has not been payed yet! You should finalize the payment in order to have access.\"\r\n ) {\r\n openNotification(\"warning\", \"\", error.response.data.errors[0]);\r\n if (error.response.data?.data.user?.organizations[0].paymentMethodId) {\r\n SessionService.setItem(\"addPaymentDetails\", false);\r\n } else {\r\n SessionService.setItem(\"addPaymentDetails\", true);\r\n }\r\n SessionService.setItem(\r\n \"currentOrgId\",\r\n error?.response.data?.data.user?.organizations[0].organizationId\r\n );\r\n SessionService.setItem(\"currentUserId\", error?.response.data?.data.user?.id);\r\n nav(`/auth/payment`);\r\n setIsLogin(false);\r\n setLoginError(true);\r\n } else if (\r\n error?.errors?.length &&\r\n error?.errors[0] == \"User has not confirmed their email!\"\r\n ) {\r\n sendConfirmationEmail(values?.email);\r\n SessionService.setItem(\"currentUserId\", error?.data?.user?.id);\r\n setIsModaOpen(true);\r\n setIsLogin(false);\r\n setLoginError(false);\r\n } else if (\r\n error.response.data.data &&\r\n error.response.data.errors &&\r\n error.response.data.errors[0] ==\r\n `This users' Organization ${error.response.data.data.user.organizations[0].organizationName} has been deactivated!`\r\n ) {\r\n setIsLogin(false);\r\n setLoginError(false);\r\n openNotification(\r\n \"warning\",\r\n \"\",\r\n `This users' Organization ${error.response.data.data.user.organizations[0].organizationName} has been deactivated!`\r\n );\r\n } else if (\r\n error.response.data &&\r\n error.response.data.errors &&\r\n error.response.data.errors[0] == \"User was not found!\"\r\n ) {\r\n setIsLogin(false);\r\n setLoginError(false);\r\n openNotification(\"error\", \"\", \"Account was not found\");\r\n } else {\r\n setIsLogin(false);\r\n setLoginError(true);\r\n }\r\n }\r\n );\r\n };\r\n\r\n const sendConfirmationEmail = (email) => {\r\n httpService.post(\r\n `/Account/resendConfirmEmail?email=${email}`,\r\n (res) => {\r\n console.log(\"Code Sent\");\r\n },\r\n () => {}\r\n );\r\n };\r\n\r\n const handlePaymentView = () => {\r\n nav(`/auth/registration`);\r\n };\r\n\r\n useEffect(() => {\r\n if (\r\n SessionService.getItem(\"isOnSecondStep\") ||\r\n SessionService.getItem(\"isAccountConfirmed\")\r\n ) {\r\n SessionService.clear();\r\n }\r\n SessionService.setItem(\"isOnSecondStep\", false);\r\n }, []);\r\n\r\n return (\r\n <>\r\n \r\n {/* start:: Aside header */}\r\n \r\n
\r\n \r\n
\r\n\r\n Welcome Back
\r\nSign in
\r\nEmail or Password are incorrect!
}\r\n\r\n Remember me? \r\n Forgot your password?\r\n
\r\n \r\n Don’t have an account?{\" \"}\r\n \r\n Sign up\r\n \r\n
\r\n \r\n \r\n \r\n );\r\n}\r\n\r\nexport default injectIntl(Login);\r\n","import React, { useState } from \"react\";\r\nimport { Modal } from \"antd\";\r\n\r\nfunction PlanDetail({ planData }) {\r\n const [open, setOpen] = useState(false);\r\n const getIfIsYearly = localStorage.getItem(\"isYearly\");\r\n return (\r\n \r\n setOpen(true)}>\r\n \r\n See full plan details\r\n \r\n \r\n setOpen(false)} onCancel={() => setOpen(false)} width={900}>\r\n \r\n
\r\n );\r\n}\r\n\r\nexport { PlanDetail };\r\n","export default __webpack_public_path__ + \"static/media/no_image.9aba454c.png\";","export default __webpack_public_path__ + \"static/media/sixmonthwithoutbg.7abf8148.png\";","export default __webpack_public_path__ + \"static/media/threemonths.6ce38f66.png\";","import React, { useEffect, useState } from \"react\";\r\nimport { AiOutlineCheckCircle } from \"react-icons/ai\";\r\nimport { PlanDetail } from \"./components/planSection/PlanDetail\";\r\nimport { httpService } from \"../../../base/services/httpService.service\";\r\nimport { SessionService } from \"../../../base/services/session.service\";\r\n// import { Switch } from \"antd\";\r\nimport { useLocation, useNavigate } from \"react-router-dom\";\r\nimport { sixMonthImage, threeMonthImage } from \"../../../assets/images\";\r\nimport { Button, Radio, Switch } from \"antd\";\r\n\r\nfunction RegisterStep2({ goToPayment, goToStep }) {\r\n const nav = useNavigate();\r\n const location = useLocation();\r\n\r\n const [selectedPlan, setSelectedPlan] = useState({});\r\n const [planOptions, setPlanOptions] = useState([]);\r\n const [load, setLoad] = useState(false);\r\n const [isYearly, setIsYearly] = useState(true);\r\n const addPaymentDetails = SessionService.getItem(\"addPaymentDetails\");\r\n\r\n const handlePlanSelection = (e, plan, annuallyPrice) => {\r\n e.preventDefault();\r\n setSelectedPlan({ name: plan, annuallyPrice: annuallyPrice });\r\n console.log(plan);\r\n setSelectedPlan({ name: plan, annuallyPrice: annuallyPrice });\r\n };\r\n const togglePricingPlan = () => {\r\n setIsYearly(!isYearly);\r\n };\r\n\r\n // Updated function to handle radio button change\r\n const handlePricingToggle = (e) => {\r\n setIsYearly(e.target.value === \"yearly\");\r\n localStorage.setItem(\"isYearly\", e.target.value === \"yearly\");\r\n };\r\n\r\n const goToPay = () => {\r\n setLoad(true);\r\n\r\n console.log(\"planOptions::\", planOptions);\r\n if (selectedPlan != {}) {\r\n setTimeout(() => {\r\n SessionService.setItem(\r\n \"registeringPlan\",\r\n planOptions.find((p) => p.name === selectedPlan.name)\r\n );\r\n goToPayment();\r\n // nav(\"/subscription/stripe\");\r\n }, 400);\r\n }\r\n setLoad(false);\r\n };\r\n\r\n const emitStep = (step) => {\r\n goToStep(step);\r\n };\r\n\r\n useEffect(() => {\r\n httpService.get(\"/Account/getPackets\", (res) => {\r\n console.log(res.data);\r\n setPlanOptions(res.data);\r\n });\r\n }, []);\r\n\r\n function isEmpty(obj) {\r\n for (var prop in obj) {\r\n if (obj.hasOwnProperty(prop)) {\r\n return false;\r\n }\r\n }\r\n return true;\r\n }\r\n return (\r\n <>\r\n {/* {planData?.name}
\r\nThis plan includes:
\r\n- \r\n {/*
- \r\n Access our data collection services, including unlimited survey design, project\r\n organization, and data export in Excel and PDF formats\r\n \r\n
- \r\n Share key insights with stakeholders and manage your team and permissions through\r\n our platform, creating and assigning roles to users, tracking progress, and\r\n measuring performance\r\n \r\n
- \r\n Manage calls with ease, uploading unlimited datasets of cases, integrating with\r\n WhatsApp, and automatically assigning calls to users\r\n \r\n
- \r\n Effectively manage beneficiary feedback with our platform, creating public\r\n feedback pages in just three clicks, collecting and analyzing feedback data, and\r\n assigning feedback collectors\r\n */}\r\n
- \r\n With {planData?.workspaceLimit != 0 ? planData?.workspaceLimit : \"Unlimited\"}{\" \"}\r\n workspaces and{\" \"}\r\n {planData?.membersLimit != 0 ? planData?.membersLimit : \"Unlimited\"} users per\r\n workspace, enjoy{\" \"}\r\n {planData?.databaseLimit != 0 ? (\r\n <>a data storage limit of {planData?.databaseLimit}GB\r\n ) : (\r\n <>an unlimited storage\r\n )}\r\n \r\n
{planData?.description}
\r\n\r\n
\r\n Plan's Price
\r\n\r\n USD $\r\n {getIfIsYearly === \"true\"\r\n ? planData.annuallyPrice + \"/yr.\"\r\n : planData.monthlyPrice + \"/mo.\"}\r\n
\r\n\r\n
*/}\r\n \r\n {\" \"}\r\n {SessionService.getItem(\"isOnSecondStep\") || !addPaymentDetails ? (\r\n nav(`/auth/login`)}\r\n >\r\n {\" \"}\r\n \r\n
\r\n ) : (\r\n \r\n Select your plan\r\n
\r\n\r\n \r\n Billed annually \r\n Billed monthly \r\n \r\n
\r\n \r\n \r\n {isYearly ? \"6 months free\" : \"3 months free\"}\r\n \r\n {plan.name} \r\n
\r\n \r\n USD{\" \"}\r\n \r\n ${isYearly ? plan.annuallyPrice : plan.monthlyPrice}\r\n \r\n per month\r\n {/* ${plan.monthlyPrice} / mo. */}\r\n
\r\n \r\n \r\n This plans includes:\r\n \r\n
\r\n \r\n
\r\n
\r\n
\r\n {/* \r\n Total per year: USD ${selectedPlan.annuallyPrice * 12}\r\n \r\n
\r\n )}\r\n\r\n \r\n Total per year: USD ${selectedPlan.annuallyPrice * 12}\r\n
*/}\r\n \r\n
\r\n Plan type
\r\n\r\n
\r\n Plan’s name
\r\n {{selectedPlan?.name}}\r\n\r\n
\r\n Price
\r\n {/* USD ${selectedPlan?.monthlyPrice}/mo. */}\r\n USD $${/* i made this true to convert to string haha */}\r\n {isYearly === \"true\" ? selectedPlan.annuallyPrice : selectedPlan.monthlyPrice} /\r\n mo.\r\n\r\n
\r\n \r\n Plan details
\r\n- \r\n
- \r\n \r\n
{\" \"}\r\n {selectedPlan?.workspaceLimit != 0\r\n ? selectedPlan?.workspaceLimit\r\n : \"Unlimited\"}{\" \"}\r\n workspace\r\n \r\n \r\n - \r\n \r\n
{\" \"}\r\n {selectedPlan?.membersLimit != 0 ? selectedPlan?.membersLimit : \"Unlimited\"}{\" \"}\r\n users/workspace\r\n \r\n \r\n - \r\n \r\n
{\" \"}\r\n {selectedPlan?.databaseLimit != 0 ? (\r\n <>{selectedPlan?.databaseLimit} GB data storage limit\r\n ) : (\r\n <>Unlimited data storage\r\n )}\r\n \r\n \r\n
Bank Transfer
\r\n![\"\"]({`${toAbsoluteUrl(\"/media/svg/payment-method/paypal.png\")}`})
\r\n ![\"\"]({`${toAbsoluteUrl(\"/media/svg/payment-method/stripe.png\")}`})
\r\n \r\n Review and confirm plan\r\n
\r\n {SessionService.getItem(\"registeringAccount\") && (\r\n\r\n
\r\n Representative information
\r\n\r\n
\r\n Full name
\r\n {userInformation?.fullname}\r\n\r\n
\r\n Role within organization
\r\n {userInformation?.organizationRole}\r\n\r\n
\r\n Phone number
\r\n {userInformation?.phone}\r\n\r\n Email
\r\n {userInformation?.email}\r\n
\r\n \r\n
\r\n Organization’s information
\r\n\r\n
\r\n Name
\r\n {userInformation?.organizationName}\r\n\r\n
\r\n Country
\r\n \r\n {userInformation?.country?.name\r\n ? countries?.find((c) => c.name === userInformation?.country?.name)\r\n ?.name\r\n : countries?.find((c) => c.id === userInformation?.country)?.name}\r\n \r\n\r\n
\r\n Type of organization
\r\n \r\n {userInformation?.typeOrganization?.name\r\n ? orgs?.find(\r\n (c) => c.name === userInformation?.typeOrganization?.name\r\n )?.name\r\n : orgs?.find((c) => c.id === userInformation?.typeOrganization)?.name}\r\n \r\n\r\n
\r\n\r\n \r\n \r\n {step === 0 && (\r\n <>\r\n
\r\n \r\n );\r\n}\r\n\r\nexport default injectIntl(Registration);\r\n","export default __webpack_public_path__ + \"static/media/loginImage.ec236bf0.svg\";","export default __webpack_public_path__ + \"static/media/sign-in.d28d3659.png\";","export default __webpack_public_path__ + \"static/media/loginLandscape.23338b96.svg\";","import React from \"react\";\r\nimport { Steps } from \"antd\";\r\nimport { Link, Outlet, useLocation } from \"react-router-dom\";\r\nimport { toAbsoluteUrl } from \"../../../../_metronic/_helpers\";\r\nimport \"../../../assets/styles/login-1.css\";\r\nimport { useAuthSore } from \"../authStore\";\r\nimport logo from \"../../../assets/images/loginImage.svg\";\r\nimport logo1 from \"../../../assets/images/sign-in.png\";\r\n\r\nimport logoMobile from \"../../../assets/images/loginLandscape.svg\";\r\n\r\nfunction AuthLayout({ children }) {\r\n const registStep = useAuthSore((state) => state.registStep);\r\n\r\n const location = useLocation();\r\n\r\n return (\r\n \r\n
\r\n \r\n )}\r\n \r\n\r\n {step === 1 && \r\n
{\" \"}\r\n \r\n {\" \"}\r\n \r\n \r\n ({\r\n validator(_, value) {\r\n if (!value || getFieldValue(\"password\") === value) {\r\n return Promise.resolve();\r\n }\r\n return Promise.reject(\r\n new Error(\r\n \"Oops! It seems like there's a mismatch between the passwords you entered.\"\r\n )\r\n );\r\n }\r\n })\r\n ]}\r\n >\r\n \r\n \r\n {/* */}\r\n \r\n \r\n
\r\n Create an account
\r\nLogin details
\r\nOrganization details
\r\nCompany Information
\r\n\r\n
\r\n \r\n \r\n \r\n {organizationType?.map((item, i) => (\r\n \r\n ))}\r\n \r\n \r\n \r\n \r\n option.label\r\n .toLowerCase()\r\n .startsWith(input.toLowerCase())\r\n }\r\n filterSort={(optionA, optionB) =>\r\n optionA.label\r\n .toLowerCase()\r\n .localeCompare(optionB.label.toLowerCase())\r\n }\r\n options={countries}\r\n />\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
{\" \"}\r\n \r\n
\r\n {/* \r\n
\r\n \r\n I have read and agreed with the{\" \"}\r\n
\r\n {/* */}\r\n \r\n \r\n Continue\r\n \r\n \r\n ) : SessionService.getItem(\"isAccountConfirmed\") ? (\r\n \r\n setStep(1)}\r\n className=\"kapSurveyPrimaryButton\"\r\n >\r\n Select a plan\r\n \r\n \r\n ) : (\r\n \r\n openConfirmation()}\r\n className=\"kapSurveyPrimaryButton\"\r\n >\r\n Continue\r\n \r\n \r\n )}\r\n
\r\n \r\n {/*begin::Login*/}\r\n \r\n {location.pathname === `/auth/login` ? (\r\n <>\r\n
\r\n \r\n \r\n ![]({toAbsoluteUrl(\"/media/logos/signin-photo.png\")})
*/}\r\n\r\n {/* \r\n
*/}\r\n \r\n \r\n )}\r\n\r\n */}\r\n\r\n {/* \r\n {/*
\r\n {/*end::Content*/}\r\n \r\n {/*end::Login*/}\r\n \r\n );\r\n}\r\n\r\nexport default AuthLayout;\r\n","import React, { useEffect } from \"react\";\r\nimport { FormattedMessage } from \"react-intl\";\r\nimport { Link, useLocation, useNavigate } from \"react-router-dom\";\r\nimport { useDispatch, useSelector } from \"react-redux\";\r\nimport { toAbsoluteUrl } from \"../../../../_metronic/_helpers\";\r\n\r\nconst LastPage = () => {\r\n const { state } = useLocation();\r\n const dispatch = useDispatch();\r\n const navigate = useNavigate();\r\n\r\n useEffect(() => {\r\n if (!state?.fromApp) {\r\n return navigate(\"/auth/login\");\r\n }\r\n }, [state, navigate]);\r\n\r\n return (\r\n <>\r\n \r\n {/* start:: Aside header */}\r\n {/* \r\n
*/}\r\n \r\n {/* routes are here */}\r\n
\r\n \r\n \r\n
\r\n
\r\n\r\n \r\n
\r\n \r\n ![\"frame\"]({toAbsoluteUrl(\"/media/bg/Frame.png\")})
\r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n );\r\n};\r\n\r\nexport default LastPage;\r\n","import React, { useEffect } from \"react\";\r\nimport { useLocation, useNavigate } from \"react-router-dom\";\r\nimport { toAbsoluteUrl } from \"../../../../_metronic/_helpers\";\r\nimport AuthService from \"../../../base/services/authentication.service\";\r\n\r\nfunction RequestPage() {\r\n const { state } = useLocation();\r\n const navigate = useNavigate();\r\n\r\n const logout = () => {\r\n AuthService.logout();\r\n navigate(\"/auth\");\r\n }\r\n\r\n useEffect(() => {\r\n if (!state?.fromApp) {\r\n return navigate(\"/auth/login\");\r\n }\r\n }, [state, navigate]);\r\n\r\n return (\r\n <>\r\n \r\n \r\n Your application is being reviewed.
\r\n
\r\n \r\n Your application is being reviewed.
\r\n You will receive a confirmation via email shortly.\r\n
\r\n \r\n ![\"frame\"]({toAbsoluteUrl(\"/media/bg/Request.png\")})
\r\n
\r\n \r\n \r\n logout()}\r\n type=\"button\"\r\n className=\"btn btn-last font-weight-bold px-8 py-4 my-3 mx-4 mb-30\"\r\n >\r\n Log out\r\n \r\n
\r\n \r\n );\r\n}\r\n\r\nexport default RequestPage;\r\n","import React, { useState } from \"react\";\r\nimport { useStripe, useElements, CardElement } from \"@stripe/react-stripe-js\";\r\nimport Toast from \"../../../base/components/Toast\";\r\nimport { httpService } from \"../../../base/services/httpService.service\";\r\nimport AuthService from \"../../../base/services/authentication.service\";\r\nimport { SessionService } from \"../../../base/services/session.service\";\r\n\r\nexport default function CheckoutForm({ handleOk = () => {}, handleCardDetails = () => {} }) {\r\n const stripe = useStripe();\r\n const elements = useElements();\r\n const [message, setMessage] = useState(null);\r\n const [isLoading, setIsLoading] = useState(false);\r\n const organizationId = AuthService.getOrganizationId();\r\n\r\n // useEffect(() => {\r\n // if (!stripe) {\r\n // return;\r\n // }\r\n\r\n // // const clientSecret = new URLSearchParams(window.location.search).get(\r\n // // \"payment_intent_client_secret\"\r\n // // );\r\n\r\n // if (!clientSecret) {\r\n // return;\r\n // }\r\n\r\n // // stripe.retrievePaymentIntent(clientSecret).then(({ paymentIntent }) => {\r\n // // stripe.retrievePaymentIntent(clientSecret).then(({ paymentIntent }) => {\r\n // // console.log(\"setupIntent ::::::\", paymentIntent);\r\n // // switch (paymentIntent.status) {\r\n // // case \"succeeded\":\r\n // // setMessage(\"Payment succeeded!\");\r\n // // break;\r\n // // case \"processing\":\r\n // // setMessage(\"Your payment is processing.\");\r\n // // break;\r\n // // case \"requires_payment_method\":\r\n // // // setMessage(\"Your payment was not successful, please try again.\");\r\n // // break;\r\n // // default:\r\n // // setMessage(\"Something went wrong.\");\r\n // // break;\r\n // // }\r\n // // });\r\n // }, [stripe, clientSecret]);\r\n\r\n const handleSubmit = async (e) => {\r\n e.preventDefault();\r\n\r\n if (!stripe || !elements) {\r\n // Stripe.js hasn't yet loaded.\r\n // Make sure to disable form submission until Stripe.js has loaded.\r\n return;\r\n }\r\n\r\n setIsLoading(true);\r\n\r\n try {\r\n const paymentMethod = await stripe.createPaymentMethod({\r\n type: \"card\",\r\n card: elements.getElement(CardElement)\r\n });\r\n if (paymentMethod.paymentMethod.id) {\r\n const params = new URLSearchParams({\r\n paymentMethodId: paymentMethod.paymentMethod.id,\r\n organizationId: organizationId ?? SessionService.getItem(\"currentOrgId\")\r\n });\r\n httpService\r\n .get(`/Payment/addPaymentMethodToOrganization?${params.toString()}`, (response) => {\r\n if (!response) return;\r\n handleCardDetails();\r\n handleOk();\r\n setIsLoading(false);\r\n })\r\n .catch((error) => {\r\n Toast.warning(error.response.data.message);\r\n setIsLoading(false);\r\n });\r\n } else {\r\n Toast.warning(message);\r\n }\r\n } catch (error) {\r\n if (error.type === \"card_error\" || error.type === \"validation_error\") {\r\n setMessage(error.message);\r\n Toast.warning(message);\r\n } else {\r\n setMessage(\"An unexpected error occurred.\");\r\n Toast.warning(message);\r\n }\r\n setIsLoading(false);\r\n }\r\n };\r\n\r\n const paymentElementOptions = {\r\n layout: \"tabs\"\r\n };\r\n\r\n return (\r\n \r\n \r\n
\r\n );\r\n}\r\n","import React, { useEffect } from \"react\";\r\nimport { useLocation, useNavigate } from \"react-router-dom\";\r\nimport { httpService } from \"../../../base/services/httpService.service\";\r\nimport Toast from \"../../../base/components/Toast\";\r\n// import StripeSuccessful from \"../../../assets/images/StripeSuccessful.webp\";\r\nimport styles from \"./stripeSuccessfulPage.module.css\";\r\nimport { SessionService } from \"../../../base/services/session.service\";\r\n\r\nfunction FreeTrialSuccessfulPage() {\r\n const { state } = useLocation();\r\n const navigate = useNavigate();\r\n\r\n // useEffect(() => {\r\n // if (!state?.fromApp) {\r\n // return navigate(\"/auth/login\");\r\n // }\r\n // }, [state]);\r\n\r\n const handleClick = (event) => {\r\n event.preventDefault();\r\n navigate(\"/auth/login\");\r\n };\r\n\r\n return (\r\n \r\n
\r\n {/*
*/}\r\n {/*
*/}\r\n
\r\n handleClick(event)}\r\n >\r\n Sign in now\r\n \r\n
\r\n );\r\n}\r\n\r\nexport default FreeTrialSuccessfulPage;\r\n","import React from \"react\";\r\nimport \"animate.css\";\r\nimport \"./KAPsurveyLoader.scss\";\r\n\r\nfunction KAPsurveyLoader() {\r\n return (\r\n \r\n You will not be charged until the end of free trial!\r\n
\r\n\r\n {/*
*/}\r\n
\r\n You have successfully subscribed to KAPsurvey.\r\n
\r\n\r\n
\r\n
\r\n );\r\n}\r\n\r\nexport default KAPsurveyLoader;\r\n","import React, { useState, useEffect } from \"react\";\r\nimport { loadStripe } from \"@stripe/stripe-js\";\r\nimport { Elements } from \"@stripe/react-stripe-js\";\r\n\r\nimport StripeForm from \"./StripeForm\";\r\nimport FreeTrialSuccessfulPage from \"./FreeTrialSuccessfulPage\";\r\nimport { httpService } from \"../../../base/services/httpService.service\";\r\nimport { SessionService } from \"../../../base/services/session.service\";\r\nimport \"./stripe.css\";\r\nimport KAPsurveyLoader from \"../../../assets/loader/KAPsurveyLoader\";\r\n\r\n// Make sure to call loadStripe outside of a component’s render to avoid\r\n// recreating the Stripe object on every render.\r\n// This is your test publishable API key.\r\nconst { REACT_APP_STRIPE_PUBLISHABLEKEY } = process.env;\r\n\r\nconst stripePromise = loadStripe(REACT_APP_STRIPE_PUBLISHABLEKEY);\r\n\r\nexport default function StripePaymentPage() {\r\n const [isLoading, setIsLoading] = useState(true);\r\n const [clientSecret, setClientSecret] = useState();\r\n\r\n useEffect(() => {\r\n httpService\r\n .post(\r\n \"/payment/stripe/createSubscription\",\r\n {\r\n organizationId: SessionService.getItem(\"currentOrgId\"),\r\n packetId: SessionService.getItem(\"registeringPlan\")?.id\r\n },\r\n (res) => {\r\n console.log(\"resss:\", res.data.clientSecret);\r\n SessionService.setItem(\"subscriptionId\", res.data.subscriptionId);\r\n setClientSecret(res.data.clientSecret);\r\n }\r\n )\r\n .finally(() => {\r\n setIsLoading(false);\r\n });\r\n }, []);\r\n\r\n const appearance = {\r\n theme: \"stripe\"\r\n };\r\n const options = {\r\n clientSecret,\r\n appearance\r\n };\r\n\r\n return (\r\n \r\n {isLoading && \r\n \r\n )}\r\n
\r\n );\r\n}\r\n","import React from \"react\";\r\nimport { Button, Form, Input, Modal } from \"antd\";\r\nimport \"./index.scss\";\r\nimport { toAbsoluteUrl } from \"../../../_metronic/_helpers\";\r\nimport { useNavigate } from \"react-router-dom\";\r\n\r\nconst ForgotPasswordModal = ({ isModalOpen, handleOk, handleCancel, isPasswordValid }) => {\r\n const navigate = useNavigate();\r\n\r\n return (\r\n <>\r\n \r\n \r\n {isModalOpen ? (\r\n <>\r\n ![\"\"]({toAbsoluteUrl(\"/media/bg/email-icon.png\")})
\r\n \r\n \r\n \r\n \r\n \r\n \r\n Submit code\r\n \r\n \r\n \r\n \r\n ) : isPasswordValid ? (\r\n <>\r\n ![\"\"]({toAbsoluteUrl(\"/media/bg/confirmation-icon.png\")})
\r\n {\r\n handleCancel();\r\n setTimeout(() => {\r\n navigate(\"/auth/login\");\r\n }, 1000);\r\n }}\r\n style={{\r\n width: \"150px\",\r\n height: \"40px\",\r\n background: \"#5770CB\",\r\n color: \"#FFF\"\r\n }}\r\n >\r\n Got it\r\n \r\n \r\n ) : null}\r\n
\r\n \r\n \r\n );\r\n};\r\n\r\nexport default ForgotPasswordModal;\r\n","import { Button, Form, Input, notification } from \"antd\";\r\nimport React, { useState } from \"react\";\r\nimport { httpService } from \"../../../base/services/httpService.service\";\r\nimport { toAbsoluteUrl } from \"../../../../_metronic/_helpers\";\r\nimport ForgotPasswordModal from \"../../../ui/ForgotPasswordModal\";\r\nimport { useNavigate } from \"react-router-dom\";\r\n\r\nconst ForgotPassword = () => {\r\n const [api, contextHolder] = notification.useNotification();\r\n const navigate = useNavigate();\r\n const [isModalOpen, setIsModalOpen] = useState(false);\r\n const [isPasswordValid, setIsPasswordValid] = useState(false);\r\n const [isCodeValid, setIsCodeValid] = useState(false);\r\n const [userId, setUserId] = useState(\"\");\r\n const [loading, setLoading] = useState(false);\r\n const [passwordValidation, setPasswordValidation] = useState({\r\n minSix: false,\r\n oneLowerCase: false,\r\n oneUpperCase: false,\r\n oneNumber: false,\r\n oneSpecialChar: false\r\n });\r\n\r\n const openNotificationWithIcon = (type, apiCall) => {\r\n const messages = {\r\n apiCall1: {\r\n success: {\r\n message: \"Email sent!\",\r\n description: \"Enter the code below to reset your password\"\r\n },\r\n error: {\r\n message: \"A valid email is required\",\r\n description: \"The Email field is not a valid e-mail address.\"\r\n }\r\n },\r\n apiCall2: {\r\n success: {\r\n message: \"Code is valid\",\r\n description: null\r\n },\r\n error: {\r\n message: \"The value must contain only numbers between 0 and 9.\",\r\n description: null\r\n }\r\n },\r\n apiCall3: {\r\n success: {\r\n message: null,\r\n description: null\r\n },\r\n error: {\r\n message: \"Invalid password. Please try again \",\r\n description: null\r\n }\r\n }\r\n };\r\n\r\n const apiMessages = messages[apiCall][type];\r\n\r\n api[type]({\r\n message: apiMessages.message,\r\n description: apiMessages.description\r\n });\r\n };\r\n\r\n const onSendEmail = (values) => {\r\n setLoading(true);\r\n httpService\r\n .post(\r\n \"/Account/forgotPassword\",\r\n {\r\n email: values.email\r\n },\r\n (response) => {\r\n if (response?.isSuccess) {\r\n openNotificationWithIcon(\"success\", \"apiCall1\");\r\n setUserId(response?.data?.userId);\r\n setIsModalOpen(true);\r\n }\r\n },\r\n (error) => {\r\n openNotificationWithIcon(\"error\", \"apiCall1\");\r\n setIsModalOpen(false);\r\n }\r\n )\r\n .finally(() => {\r\n setLoading(false);\r\n });\r\n };\r\n\r\n const onHandleCode = (values) => {\r\n httpService.post(\r\n \"/Account/checkResetPasswordCode\",\r\n {\r\n userId,\r\n code: values.verificationCode\r\n },\r\n (response) => {\r\n if (response?.isSuccess) {\r\n openNotificationWithIcon(\"success\", \"apiCall2\");\r\n setIsCodeValid(true);\r\n setIsModalOpen(false);\r\n }\r\n },\r\n (error) => {\r\n openNotificationWithIcon(\"error\", \"apiCall2\");\r\n setIsModalOpen(true);\r\n }\r\n );\r\n };\r\n\r\n const onResetPassword = (values) => {\r\n httpService.post(\r\n \"/Account/resetPassword\",\r\n {\r\n userId,\r\n newPassword: values.newPassword,\r\n confirmPassword: values.confirmNewPassword\r\n },\r\n (response) => {\r\n if (response?.isSuccess) {\r\n setIsPasswordValid(true);\r\n }\r\n },\r\n (error) => {\r\n openNotificationWithIcon(\"error\", \"apiCall3\");\r\n setIsPasswordValid(false);\r\n }\r\n );\r\n };\r\n\r\n const validatePassword = (value) => {\r\n const newValidation = {\r\n minSix: value.length >= 8,\r\n oneLowerCase: /[a-z]/.test(value),\r\n oneUpperCase: /[A-Z]/.test(value),\r\n oneNumber: /\\d/.test(value),\r\n oneSpecialChar: /[!@#$%^&*()_+]/.test(value)\r\n };\r\n setPasswordValidation(newValidation);\r\n };\r\n\r\n const handleCancel = () => {\r\n setIsModalOpen(false);\r\n setIsPasswordValid(false);\r\n };\r\n\r\n return (\r\n <>\r\n {contextHolder}\r\n \r\n Email sent!
\r\n\r\n We have sent a 6-digit code to your email. Enter the code below to reset\r\n your password.{\" \"}\r\n
\r\n\r\nEnter the verification code below
{\" \"}\r\n\r\n Password changed successfully
\r\n\r\n\r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nexport default ForgotPassword;\r\n","import React, { useState } from \"react\";\r\nimport { loadStripe } from \"@stripe/stripe-js\";\r\nimport { Elements } from \"@stripe/react-stripe-js\";\r\nimport { SessionService } from \"../../../base/services/session.service\";\r\nimport CheckoutForm from \"../payment/StripeForm\";\r\nimport RegisterStep2 from \"../register/RegisterStep2\";\r\nimport RegisterStep3 from \"../register/RegisterStep3\";\r\n\r\nconst Payment = () => {\r\n const { REACT_APP_STRIPE_PUBLISHABLEKEY } = process.env;\r\n const stripePromise = loadStripe(REACT_APP_STRIPE_PUBLISHABLEKEY);\r\n const addPaymentDetails = SessionService.getItem(\"addPaymentDetails\");\r\n const [step, setStep] = useState(addPaymentDetails ? 0 : 1);\r\n\r\n const goToStep = (step) => {\r\n setStep(step);\r\n };\r\n\r\n const appearance = {\r\n theme: \"stripe\"\r\n };\r\n\r\n const options = {\r\n appearance\r\n };\r\n\r\n return (\r\n <>\r\n {step === 0 && (\r\n \r\n
\r\n \r\n
\r\n \r\n ![\"\"]({toAbsoluteUrl(\"/media/bg/forget-password.png\")})
\r\n
\r\n \r\n \r\n {isCodeValid ? (\r\n
\r\n \r\n \r\n validatePassword(e.target.value)}\r\n >\r\n \r\n \r\n\r\n
\r\n ) : (\r\n Reset your password
\r\nYour new password must:
\r\n- \r\n
- \r\n Be at least 8 characters long\r\n \r\n
- \r\n Have one lowercase character\r\n \r\n
- \r\n Have one uppercase character\r\n \r\n
- \r\n Have one number\r\n \r\n
- \r\n Have one special character\r\n \r\n
New password
\r\n\r\nConfirm new password
\r\n\r\n \r\n Reset Password\r\n \r\n\r\n navigate(\"/auth/login\")}\r\n >\r\n Cancel\r\n \r\n
\r\n \r\n \r\n \r\n Email
\r\n\r\n\r\n \r\n \r\n\r\n
\r\n )}\r\n Forgot your password?
\r\n\r\n We're here to help! Please enter the email address associated to your\r\n account. We will send you a verification code to reset your password.\r\n
\r\n\r\n\r\n \r\n Send email\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n );\r\n}\r\n","import React from \"react\";\r\nimport { toAbsoluteUrl } from \"../../../_metronic/_helpers\";\r\nimport \"../../../_metronic/_assets/sass/pages/error/error-4.scss\";\r\n\r\nexport function Error404() {\r\n return (\r\n \r\n \r\n Oops...\r\n \r\n
\r\n \r\n Looks like something went wrong.\r\n
\r\n We're working on it\r\n
\r\n \r\n
\r\n \r\n );\r\n}\r\n","import React from \"react\";\r\nimport { BsTrash3 } from \"react-icons/bs\";\r\nimport \"../../style.scss\";\r\nimport { Modal, Button } from \"antd\";\r\n\r\nconst DeleteModal = ({ open, setOpen, showModal, handleDelete, id }) => {\r\n const hideModal = () => {\r\n setOpen(false);\r\n };\r\n return (\r\n <>\r\n \r\n \r\n
\r\n \r\n 404\r\n
\r\n\r\n ERROR\r\n
\r\n\r\n Nothing left to do here.\r\n
\r\n\r\n
\r\n \r\n \r\n
Delete Workspace
\r\n\r\n Are you sure you want to delete this workspace ? This action cannot be undone and\r\n will delete all the data related to this workspace, including surveys, survey\r\n submissions, labels etc.\r\n
\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n Welcome back, {AuthService.getUser()?.fullName}!
\r\n {(userDetails?.[0].name).replace(/([a-z])([A-Z])/g, \"$1 $2\")}\r\n\r\n\r\n \r\n {isLoading ? (\r\n
\r\n );\r\n })\r\n )}\r\n {AuthService.isAuthorized([\r\n UserRolesEnum.SuperAdmin,\r\n UserRolesEnum.Organization,\r\n UserRolesEnum.AdminOfOrganization,\r\n UserRolesEnum.SeniorProjectManager\r\n ]) && (\r\n \r\n Your workspaces
\r\nChoose the workspace you would like to work on
\r\n\r\n {AuthService.isAuthorized([\r\n UserRolesEnum.SuperAdmin,\r\n UserRolesEnum.Organization,\r\n UserRolesEnum.AdminOfOrganization,\r\n UserRolesEnum.SeniorProjectManager\r\n ]) && enterWorkspace(workspace.id)}\r\n className=\"your-workspaces clickable\"\r\n key={workspace.id}\r\n >\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n {workspace.name}
\r\n\r\n
\r\n \r\n )}\r\n \r\n \r\n \r\n
\r\n New workspace
\r\nLoading...
;\r\n }\r\n\r\n return (\r\n \r\n
\r\n );\r\n}\r\n","import React, { useState } from \"react\";\r\nimport { useNavigate } from \"react-router-dom\";\r\nimport { Link } from \"react-router-dom\";\r\nimport { httpService } from \"../../../../base/services/httpService.service\";\r\nimport { Button, Form, Input, notification, Spin } from \"antd\";\r\nimport \"../../style.scss\";\r\nimport BasicModal from \"../../../../ui/BasicModal/BasicModal\";\r\n\r\nfunction NewWorkspace() {\r\n const [formData] = useState([]);\r\n const textAreaStyle = { resize: \"none\" };\r\n const [load, setLoad] = useState(false);\r\n const [isModalOpen, setIsModalOpen] = useState(false);\r\n const navigate = useNavigate();\r\n\r\n const onFinish = (values) => {\r\n setLoad(true);\r\n httpService\r\n .post(\r\n \"/Workspaces/add\",\r\n\r\n {\r\n name: values.workspaceName,\r\n description: values.description ? values.description : \"\"\r\n },\r\n (res) => {\r\n if (res?.isSuccess) {\r\n notification.success({\r\n message: \"Workspace added successfully!\"\r\n });\r\n setLoad(false);\r\n navigate(-1);\r\n }\r\n },\r\n (error) => {\r\n if (\r\n error.response.status === 400 &&\r\n Array.isArray(error.response.data.errors) &&\r\n error.response.data.errors.includes &&\r\n error.response.data.errors.includes(\r\n \"You reached your packet limit for creating workspaces!!\"\r\n )\r\n ) {\r\n setIsModalOpen(true);\r\n } else {\r\n if (values.workspaceName.trim() === \"\") {\r\n notification.error({\r\n message: \"Workspace name is required!\"\r\n });\r\n } else {\r\n notification.error({\r\n message: \"Something went wrong! Please try again later.\"\r\n });\r\n }\r\n }\r\n }\r\n )\r\n .finally(() => {\r\n setLoad(false);\r\n });\r\n console.log(values);\r\n };\r\n const onFinishFailed = (errorInfo) => {\r\n setLoad(false);\r\n };\r\n\r\n return (\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n\r\n
\r\n Edit Workspace information
\r\n\r\n \r\n \r\n \r\n \r\n \r\n {load ? <>Processing : \"Save Changes\"}\r\n \r\n \r\n
\r\n \r\n \r\n setIsModalOpen(false)}>\r\n \r\n
\r\n );\r\n}\r\n\r\nexport { NewWorkspace };\r\n","import React, { useMemo, useEffect, useState} from \"react\";\r\nimport objectPath from \"object-path\";\r\nimport { Outlet } from \"react-router-dom\";\r\n// LayoutContext\r\nimport { useHtmlClassService } from \"../_core/MetronicLayout\";\r\n// Import Layout components\r\nimport { HeaderMobile } from \"./header-mobile/HeaderMobile\";\r\n// import { AdminAside } from \"./aside/AdminAside\";\r\nimport { Footer } from \"./footer/Footer\";\r\nimport { LayoutInit } from \"./LayoutInit\";\r\nimport { SubHeader } from \"./subheader/SubHeader\";\r\nimport { ScrollTop } from \"./extras/ScrollTop\";\r\n\r\nexport function WorkspaceLayout({ children }) {\r\n const uiService = useHtmlClassService();\r\n const layoutProps = useMemo(() => {\r\n return {\r\n selfLayout: objectPath.get(uiService.config, \"self.layout\"),\r\n subheaderDisplay: objectPath.get(uiService.config, \"subheader.display\"),\r\n contentCssClasses: uiService.getClasses(\"content\", true),\r\n contentContainerClasses: uiService.getClasses(\"content_container\", true),\r\n contentExtended: objectPath.get(uiService.config, \"content.extended\")\r\n };\r\n }, [uiService]);\r\n\r\n const [isMinimized, setIsMinimized] = useState(false);\r\n\r\n useEffect(() => {\r\n document.body.classList.remove(\"aside-minimize\");\r\n }, []);\r\n\r\n const checkIsMenuMinimized = (data) => {\r\n setIsMinimized(data);\r\n };\r\n\r\n return layoutProps.selfLayout !== \"blank\" ? (\r\n <>\r\n {/*begin::Main*/}\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n
\r\n Add New Workspace
\r\n{formData.workspaceName}
\r\n\r\n \r\n \r\n \r\n \r\n \r\n {load ? <>Processing : \"Add New\"}\r\n \r\n \r\n
\r\n \r\n You reached your packet limit for creating workspaces!
\r\n\r\n {/*begin::Page*/}\r\n
\r\n {/*end::Content*/}\r\n \r\n \r\n {/*end::Wrapper*/}\r\n \r\n {/*end::Page*/}\r\n \r\n\r\n \r\n {/* \r\n {/*begin::Content*/}\r\n \r\n {layoutProps.subheaderDisplay && \r\n {/*begin::Container*/}\r\n
\r\n )}\r\n\r\n {/*end::Entry*/}\r\n \r\n
\r\n {/*end::Container*/}\r\n {children}
\r\n );\r\n}\r\n","var _path, _path2, _path3, _path4, _path5, _path6, _path7, _path8, _path9, _path10, _path11;\n\nvar _excluded = [\"title\", \"titleId\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport * as React from \"react\";\n\nfunction SvgProjectsSpaceIcon(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 33,\n height: 32,\n viewBox: \"0 0 33 32\",\n fill: \"none\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M15.2198 26.2451H1.77734\",\n stroke: \"#5770CB\",\n strokeWidth: 2.5,\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\"\n })), _path2 || (_path2 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M15.2198 26.2451H1.77734\",\n stroke: \"black\",\n strokeOpacity: 0.2,\n strokeWidth: 2.5,\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\"\n })), _path3 || (_path3 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M21.1942 20.7773H1.77734\",\n stroke: \"#5770CB\",\n strokeWidth: 2.5,\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\"\n })), _path4 || (_path4 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M21.1942 20.7773H1.77734\",\n stroke: \"black\",\n strokeOpacity: 0.2,\n strokeWidth: 2.5,\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\"\n })), _path5 || (_path5 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M21.1942 15.04H1.77734\",\n stroke: \"#5770CB\",\n strokeWidth: 2.5,\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\"\n })), _path6 || (_path6 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M21.1942 15.04H1.77734\",\n stroke: \"black\",\n strokeOpacity: 0.2,\n strokeWidth: 2.5,\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\"\n })), _path7 || (_path7 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M1.77734 5.02587L1.77734 9.65604C1.77734 10.0822 2.1117 10.4277 2.52415 10.4277L20.4474 10.4277C20.8598 10.4277 21.1942 10.0822 21.1942 9.65604V5.02587C21.1942 4.59968 20.8598 4.25418 20.4474 4.25418L2.52415 4.25418C2.1117 4.25418 1.77734 4.59968 1.77734 5.02587Z\",\n stroke: \"#5770CB\",\n strokeWidth: 2.5,\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\"\n })), _path8 || (_path8 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M1.77734 5.02587L1.77734 9.65604C1.77734 10.0822 2.1117 10.4277 2.52415 10.4277L20.4474 10.4277C20.8598 10.4277 21.1942 10.0822 21.1942 9.65604V5.02587C21.1942 4.59968 20.8598 4.25418 20.4474 4.25418L2.52415 4.25418C2.1117 4.25418 1.77734 4.59968 1.77734 5.02587Z\",\n stroke: \"black\",\n strokeOpacity: 0.2,\n strokeWidth: 2.5,\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\"\n })), _path9 || (_path9 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M31.1342 24.7706L26.7422 20.2322L28.9382 17.963C29.0764 17.8184 29.1744 17.6381 29.2221 17.4409C29.2698 17.2437 29.2654 17.0369 29.2093 16.8422C29.1532 16.6474 29.0475 16.4717 28.9032 16.3336C28.7589 16.1954 28.5814 16.0999 28.3892 16.0569L18.2217 13.4587C18.0383 13.412 17.8463 13.4151 17.6643 13.4675C17.4823 13.52 17.3165 13.6201 17.1829 13.7581C17.0493 13.8961 16.9525 14.0675 16.9017 14.2555C16.8509 14.4436 16.848 14.642 16.8931 14.8315L19.4076 25.3379C19.455 25.5329 19.5518 25.7113 19.6879 25.855C19.8241 25.9986 19.9947 26.1023 20.1824 26.1554C20.3701 26.2085 20.568 26.2091 20.756 26.1572C20.944 26.1052 21.1152 26.0026 21.2522 25.8598L23.4482 23.5906L27.8402 28.129L31.1342 24.7706Z\",\n fill: \"white\"\n })), _path10 || (_path10 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M31.1342 24.7706L26.7422 20.2322L28.9382 17.963C29.0764 17.8184 29.1744 17.6381 29.2221 17.4409C29.2698 17.2437 29.2654 17.0369 29.2093 16.8422C29.1532 16.6474 29.0475 16.4717 28.9032 16.3336C28.7589 16.1954 28.5814 16.0999 28.3892 16.0569L18.2217 13.4587C18.0383 13.412 17.8463 13.4151 17.6643 13.4675C17.4823 13.52 17.3165 13.6201 17.1829 13.7581C17.0493 13.8961 16.9525 14.0675 16.9017 14.2555C16.8509 14.4436 16.848 14.642 16.8931 14.8315L19.4076 25.3379C19.455 25.5329 19.5518 25.7113 19.6879 25.855C19.8241 25.9986 19.9947 26.1023 20.1824 26.1554C20.3701 26.2085 20.568 26.2091 20.756 26.1572C20.944 26.1052 21.1152 26.0026 21.2522 25.8598L23.4482 23.5906L27.8402 28.129L31.1342 24.7706Z\",\n stroke: \"#5770CB\",\n strokeWidth: 2.5,\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\"\n })), _path11 || (_path11 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M31.1342 24.7706L26.7422 20.2322L28.9382 17.963C29.0764 17.8184 29.1744 17.6381 29.2221 17.4409C29.2698 17.2437 29.2654 17.0369 29.2093 16.8422C29.1532 16.6474 29.0475 16.4717 28.9032 16.3336C28.7589 16.1954 28.5814 16.0999 28.3892 16.0569L18.2217 13.4587C18.0383 13.412 17.8463 13.4151 17.6643 13.4675C17.4823 13.52 17.3165 13.6201 17.1829 13.7581C17.0493 13.8961 16.9525 14.0675 16.9017 14.2555C16.8509 14.4436 16.848 14.642 16.8931 14.8315L19.4076 25.3379C19.455 25.5329 19.5518 25.7113 19.6879 25.855C19.8241 25.9986 19.9947 26.1023 20.1824 26.1554C20.3701 26.2085 20.568 26.2091 20.756 26.1572C20.944 26.1052 21.1152 26.0026 21.2522 25.8598L23.4482 23.5906L27.8402 28.129L31.1342 24.7706Z\",\n stroke: \"black\",\n strokeOpacity: 0.2,\n strokeWidth: 2.5,\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\"\n })));\n}\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgProjectsSpaceIcon);\nexport default __webpack_public_path__ + \"static/media/projectsSpaceIcon.3627ec39.svg\";\nexport { ForwardRef as ReactComponent };","var _path, _path2, _path3, _path4, _path5, _path6;\n\nvar _excluded = [\"title\", \"titleId\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport * as React from \"react\";\n\nfunction SvgFeedbackSpaceIcon(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 41,\n height: 37,\n viewBox: \"0 0 41 37\",\n fill: \"none\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M27.8591 14.3906H29.9714C30.2515 14.3906 30.5202 14.4908 30.7183 14.669C30.9163 14.8473 31.0276 15.0891 31.0276 15.3412V29.5994C31.0276 29.8515 30.9163 30.0933 30.7183 30.2715C30.5202 30.4498 30.2515 30.5499 29.9714 30.5499H10.9605C10.6803 30.5499 10.4117 30.4498 10.2136 30.2715C10.0156 30.0933 9.9043 29.8515 9.9043 29.5994V15.3412C9.9043 15.0891 10.0156 14.8473 10.2136 14.669C10.4117 14.4908 10.6803 14.3906 10.9605 14.3906H13.0728\",\n stroke: \"#5770CB\",\n strokeWidth: 3,\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\"\n })), _path2 || (_path2 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M27.8591 14.3906H29.9714C30.2515 14.3906 30.5202 14.4908 30.7183 14.669C30.9163 14.8473 31.0276 15.0891 31.0276 15.3412V29.5994C31.0276 29.8515 30.9163 30.0933 30.7183 30.2715C30.5202 30.4498 30.2515 30.5499 29.9714 30.5499H10.9605C10.6803 30.5499 10.4117 30.4498 10.2136 30.2715C10.0156 30.0933 9.9043 29.8515 9.9043 29.5994V15.3412C9.9043 15.0891 10.0156 14.8473 10.2136 14.669C10.4117 14.4908 10.6803 14.3906 10.9605 14.3906H13.0728\",\n stroke: \"black\",\n strokeOpacity: 0.2,\n strokeWidth: 3,\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\"\n })), _path3 || (_path3 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M20.4668 19.1436V5.83594\",\n stroke: \"#5770CB\",\n strokeWidth: 3,\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\"\n })), _path4 || (_path4 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M20.4668 19.1436V5.83594\",\n stroke: \"black\",\n strokeOpacity: 0.2,\n strokeWidth: 3,\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\"\n })), _path5 || (_path5 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M16.2422 9.63813L20.4668 5.83594L24.6915 9.63813\",\n stroke: \"#5770CB\",\n strokeWidth: 3,\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\"\n })), _path6 || (_path6 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M16.2422 9.63813L20.4668 5.83594L24.6915 9.63813\",\n stroke: \"black\",\n strokeOpacity: 0.2,\n strokeWidth: 3,\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\"\n })));\n}\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgFeedbackSpaceIcon);\nexport default __webpack_public_path__ + \"static/media/feedbackSpaceIcon.f3feb5d4.svg\";\nexport { ForwardRef as ReactComponent };","import React from \"react\";\r\nimport { Link } from \"react-router-dom\";\r\n\r\nimport \"./index.scss\";\r\nimport { ReactComponent as ProjectsSpaceIcon } from \"./projectsSpaceIcon.svg\";\r\nimport { ReactComponent as FeedbackSpaceIcon } from \"./feedbackSpaceIcon.svg\";\r\n\r\nfunction SpaceSelectionPage() {\r\n return (\r\n \r\n
\r\n );\r\n}\r\n\r\nexport default SpaceSelectionPage;\r\n","import React, { useCallback, useEffect, useState } from \"react\";\r\nimport { notification } from \"antd\";\r\nimport { EntityTypeEnum, FetchStatusEnum, StatusCodesEnum } from \"../../../../utils/enums\";\r\nimport { LocalStorageService } from \"../../../../base/services/local-storage.service\";\r\nimport { httpService } from \"../../../../base/services/httpService.service\";\r\nimport https from \"../../../../base/utils/http\";\r\nimport DeletedItemsModal from \"../../../../components/DeletedItemsComponents/DeletedItemsModal/DeletedItemsModal\";\r\n\r\nconst PAGE_SIZE = 10;\r\n\r\nconst DeletedProjectsModal = (props) => {\r\n const [data, setData] = useState([]);\r\n const [status, setStatus] = useState(FetchStatusEnum.Idle);\r\n const [pagination, setPagination] = useState({\r\n page: 1,\r\n totalSize: 0\r\n });\r\n const [deletingAll, setDeletingAll] = useState(false);\r\n\r\n const handleRestore = async (entity) => {\r\n try {\r\n const params = new URLSearchParams({\r\n entityType: EntityTypeEnum.Project,\r\n isDeleted: false\r\n });\r\n const res = await https.put(\r\n `/DataCollection/${entity.id}/toggleDeleteOrRestore?${params.toString()}`\r\n );\r\n notification.open({\r\n type: res.data.isSuccess ? \"success\" : \"error\",\r\n message: res.data.message || \"Something went wrong! Please try again later.\"\r\n });\r\n fetchData();\r\n } catch (_err) {\r\n notification.error({ message: \"Error restoring project, please try again later.\" });\r\n }\r\n };\r\n\r\n const handleDelete = async (entity) => {\r\n await httpService.post(\r\n \"Projects/delete\",\r\n {\r\n id: entity.id\r\n },\r\n (res) => {\r\n notification.open({\r\n type: res.isSuccess ? \"success\" : \"error\",\r\n message: (\r\n Select a space
\r\n\r\n
\r\n Which type of space would you like to work on?
\r\n\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n Feedback space
\r\n\r\n
\r\n \r\n \r\n
\r\n Projects' space
\r\n\r\n
\r\n
\r\n )\r\n });\r\n fetchData();\r\n },\r\n (_error) => {\r\n notification.error({ message: \"Error deleting project, please try again later.\" });\r\n }\r\n );\r\n };\r\n\r\n const fetchData = useCallback(async () => {\r\n setStatus(FetchStatusEnum.Loading);\r\n\r\n const workspaceID = LocalStorageService.getItem(\"currentWorkspaceId\");\r\n if (!workspaceID) {\r\n return;\r\n }\r\n const params = new URLSearchParams({\r\n isDeleted: \"true\",\r\n page: pagination.page,\r\n pageSize: PAGE_SIZE\r\n });\r\n\r\n httpService.get(\r\n `/Projects/getMyProjectsInWorkspace/${workspaceID}?${params.toString()}`,\r\n (res) => {\r\n setStatus(FetchStatusEnum.Success);\r\n setData(res.data?.projects);\r\n setPagination((prevS) => ({\r\n ...prevS,\r\n totalSize: res.data?.totalSize || 0,\r\n page:\r\n res.data?.projects?.length === 0 && res.data?.totalSize !== 0\r\n ? pagination.page - 1\r\n : pagination.page\r\n }));\r\n },\r\n (_err) => {\r\n setStatus(FetchStatusEnum.Error);\r\n }\r\n );\r\n }, [pagination.page]);\r\n\r\n useEffect(() => {\r\n if (!props.isModalOpen) {\r\n return;\r\n }\r\n fetchData();\r\n }, [props.isModalOpen, fetchData]);\r\n\r\n const handleDeleteAll = async () => {\r\n try {\r\n setDeletingAll(true);\r\n const workspaceId = LocalStorageService.getItem(\"currentWorkspaceId\");\r\n const params = new URLSearchParams({\r\n workspaceId: workspaceId,\r\n isDeleted: true\r\n });\r\n const res = await https.post(\r\n `/Projects/deleteAllProjectsInWorkspace?${params.toString()}`\r\n );\r\n const isSuccess = res.data.statusCode === StatusCodesEnum.OK;\r\n notification.open({\r\n type: isSuccess ? \"success\" : \"error\",\r\n message: res.data.message || \"Something went wrong! Please try again later.\"\r\n });\r\n if (isSuccess) {\r\n props.handleOk?.();\r\n props.setIsModalOpen(false);\r\n }\r\n setDeletingAll(false);\r\n } catch (_err) {\r\n notification.error({ message: \"Error deleting projects, please try again later.\" });\r\n setDeletingAll(false);\r\n }\r\n };\r\n\r\n const handleCancel = () => {\r\n props.handleCancel?.();\r\n props.setIsModalOpen(false);\r\n };\r\n\r\n const columns = [\r\n {\r\n title: \"Project Name\",\r\n dataIndex: \"name\",\r\n key: \"name\"\r\n },\r\n {\r\n title: \"Manager\",\r\n dataIndex: \"manager\",\r\n key: \"manager\",\r\n render: (manager) => manager?.fullName ?? \"\"\r\n }\r\n ];\r\n\r\n return (\r\n {res.message || \"Something went wrong! Please try again later.\"}
\r\n \r\n
- \r\n {res?.errors?.map((err) => (\r\n
- {err} \r\n ))}\r\n
onProjectClick(record)}>\r\n {text}\r\n
\r\n )\r\n },\r\n {\r\n title: \"Linked Surveys\",\r\n dataIndex: \"linkedSurvey\",\r\n key: \"linkedSurvey\",\r\n render: (text, record) => (\r\n onProjectClick(record)}>\r\n {text}\r\n
\r\n )\r\n },\r\n {\r\n title: \"Members\",\r\n dataIndex: \"members\",\r\n key: \"members\",\r\n render: (text, record) => (\r\n onProjectClick(record)}>\r\n {text}\r\n
\r\n )\r\n },\r\n {\r\n title: \r\n {AuthService.isAuthorized([\r\n UserRolesEnum.SuperAdmin,\r\n UserRolesEnum.Organization,\r\n UserRolesEnum.AdminOfOrganization,\r\n UserRolesEnum.SeniorProjectManager,\r\n UserRolesEnum.ProjectManager\r\n ]) && (\r\n setDeleteModal(record.key)}>\r\n \r\n )}\r\n onProjectClick(record)}>\r\n \r\n
\r\n )\r\n }\r\n ];\r\n\r\n const getProjectsInWorkspace = (page, pageSize, bool) => {\r\n setTableLoading(true);\r\n\r\n const workspcId = LocalStorageService?.getItem(\"currentWorkspaceId\") || \"\";\r\n const searchInput = bool ? \"\" : searchValue.searchInput;\r\n\r\n httpService.get(\r\n `/Projects/getMyProjectsInWorkspace/${workspcId}?page=${page}&pageSize=${pageSize}&search=${searchInput}&isDeleted=false`,\r\n (res) => {\r\n if (res.isSuccess) {\r\n const filteredProjects = res.data.projects.map((project) => ({\r\n key: project.id,\r\n title: <>{project.name},\r\n manager: project.manager.fullName,\r\n description: project.description,\r\n type: project.name,\r\n linkedSurvey: project.countOfSurveys,\r\n members: project.projectMembers,\r\n importedBeneficiaryTableIds: project.importedBeneficiaryTableIds\r\n }));\r\n\r\n setProject(filteredProjects);\r\n\r\n setPagination({\r\n ...pagination,\r\n total: res.data.totalSize,\r\n current:\r\n res.data?.projects?.length === 0 && res.data?.totalSize !== 0\r\n ? pagination.current - 1\r\n : pagination.current,\r\n pageSize: pageSize\r\n });\r\n }\r\n setTableLoading(false);\r\n },\r\n (err) => {\r\n notification.error({ message: \"Error fetching projects, please try again later.\" });\r\n setTableLoading(false);\r\n }\r\n );\r\n };\r\n\r\n useEffect(() => {\r\n getProjectsInWorkspace(pagination.current, pagination.pageSize);\r\n }, [reload]);\r\n\r\n const handleDeleteSurvey = async (id) => {\r\n try {\r\n const params = new URLSearchParams({\r\n entityType: EntityTypeEnum.Project,\r\n isDeleted: true\r\n });\r\n const res = await https.put(\r\n `/DataCollection/${id}/toggleDeleteOrRestore?${params.toString()}`\r\n );\r\n\r\n notification.open({\r\n type: res.data.isSuccess ? \"success\" : \"error\",\r\n message: (\r\n \r\n
\r\n
\r\n )\r\n });\r\n if (res.data.isSuccess) {\r\n setReload((prev) => !prev);\r\n setDeleteModal(\"\");\r\n }\r\n } catch (err) {\r\n notification.error({\r\n message: (\r\n {res.data.message || \"Something went wrong! Please try again later.\"}
\r\n \r\n
- \r\n {res?.data?.errors?.map((err) => (\r\n
- {err} \r\n ))}\r\n
\r\n
\r\n )\r\n });\r\n }\r\n };\r\n\r\n // TODO: remove typeId because it doesn't have any use\r\n const typeId = \"31177118-62ad-4650-a8de-fc23644aacf3\";\r\n\r\n return (\r\n <>\r\n \r\n {err.response?.data?.message ||\r\n \"Error deleting project, please try again later.\"}\r\n
\r\n\r\n - \r\n {err.response?.data?.errors?.map((err) => (\r\n
- {err} \r\n ))}\r\n
\r\n {\r\n setPagination({ ...pagination, current: page, pageSize });\r\n getProjectsInWorkspace(page, pageSize);\r\n }\r\n }}\r\n loading={tableLoading}\r\n onRow={(record) => ({\r\n onClick: (event) => {\r\n if (!event.target.closest(\".ant-table-cell:last-child\")) {\r\n rowClickHandler(record);\r\n }\r\n }\r\n })}\r\n />\r\n
\r\n {deleteModal !== \"\" && (\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n Project List
\r\n\r\n
\r\n \r\n {AuthService.isAuthorized([\r\n UserRolesEnum.SuperAdmin,\r\n UserRolesEnum.Organization,\r\n UserRolesEnum.AdminOfOrganization,\r\n UserRolesEnum.SeniorProjectManager,\r\n UserRolesEnum.ProjectManager\r\n ]) && (\r\n \r\n \r\n \r\n )}\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n setOpenDeletedModal(true)}\r\n >\r\n Deleted projects\r\n \r\n
\r\n \r\n
\r\n );\r\n}\r\n\r\nconst CreateNewProjectWithErrorBoundary = withErrorBoundary(CreateNewProject);\r\nexport { CreateNewProjectWithErrorBoundary as CreateNewProject };\r\n","import React, { useState, useEffect, useMemo } from \"react\";\r\nimport { useNavigate, useParams } from \"react-router-dom\";\r\nimport {\r\n Button,\r\n Form,\r\n Input,\r\n Select,\r\n Tooltip,\r\n notification,\r\n message,\r\n Upload,\r\n DatePicker\r\n} from \"antd\";\r\nimport { LocalStorageService } from \"../../../../../base/services/local-storage.service\";\r\nimport { httpService } from \"../../../../../base/services/httpService.service\";\r\nimport * as XLSX from \"xlsx\";\r\nimport BasicModal from \"../../../../../ui/BasicModal/BasicModal\";\r\nimport { withErrorBoundary } from \"../../../../../components/ErrorBoundary/withErrorBoundary\";\r\n\r\nexport default function ProjectTypes() {\r\n const { RangePicker } = DatePicker;\r\n\r\n const { id } = useParams();\r\n const navigate = useNavigate();\r\n const [collectionName, setCollectionName] = useState();\r\n const [api, contextHolder] = notification.useNotification();\r\n const [uploadedFile, setUploadedFile] = useState();\r\n const [isModalOpen, setIsModalOpen] = useState(false);\r\n\r\n const [load, setLoad] = useState(false);\r\n\r\n const [arrow, setArrow] = useState(\"Show\");\r\n const [expectedFormat, setExpectedFormat] = useState(null);\r\n\r\n const openNotificationWithIcon = (type, description) => {\r\n if (type === \"error\") {\r\n api[type]({\r\n message: \"Something went wrong\",\r\n description\r\n });\r\n }\r\n };\r\n\r\n useEffect(() => {\r\n // Fetch the expected format file\r\n fetch(\"/files/beneficiaryTableTemplate.xlsx\")\r\n .then((response) => response.blob())\r\n .then((blob) => {\r\n const reader = new FileReader();\r\n reader.onload = () => {\r\n const binaryData = reader.result;\r\n setExpectedFormat(binaryData);\r\n };\r\n reader.readAsArrayBuffer(blob);\r\n });\r\n }, []);\r\n\r\n const mergedArrow = useMemo(() => {\r\n if (arrow === \"Hide\") {\r\n return false;\r\n }\r\n\r\n if (arrow === \"Show\") {\r\n return true;\r\n }\r\n\r\n return {\r\n pointAtCenter: true\r\n };\r\n }, [arrow]);\r\n\r\n const UploadProps = {\r\n name: \"file\",\r\n accept: \".xlsx\",\r\n maxCount: 1,\r\n\r\n beforeUpload: (file) => {\r\n const isPNG =\r\n file.type === \"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet\";\r\n if (!isPNG) {\r\n message.error(`${file.name} is not a xlsx file`);\r\n }\r\n return isPNG || Upload.LIST_IGNORE;\r\n }\r\n };\r\n\r\n ///Link Data\r\n const [dataList, setDataList] = useState([]);\r\n const [countries, setCountries] = useState([]);\r\n\r\n useEffect(() => {\r\n httpService.get(\"Projects/getAllProjectTypes\", (res) => {\r\n const foundCollection = res.data.find((collection) => collection.id === id);\r\n if (foundCollection) {\r\n setCollectionName(foundCollection.name);\r\n }\r\n });\r\n }, [id]);\r\n\r\n const workspcId = LocalStorageService?.getItem(\"currentWorkspaceId\") || \"\";\r\n\r\n useEffect(() => {\r\n httpService.get(\"/Members/getAllOrgMembersInWorkspace/?WorkSpaceId=\" + workspcId, (res) => {\r\n setDataList(\r\n res.data.map((member) => ({\r\n id: member.id,\r\n fullName: member.fullName,\r\n role: member.roles.map((role) => role.name)\r\n }))\r\n );\r\n });\r\n httpService.get(\"/Languages/getAllCountries\", (res) => {\r\n setCountries(\r\n res.data\r\n .map((country) => ({\r\n id: country.id,\r\n name: country.name,\r\n role: country.code\r\n }))\r\n .sort((a, b) => a.name.localeCompare(b.name))\r\n );\r\n });\r\n }, [workspcId]);\r\n\r\n const { TextArea } = Input;\r\n\r\n // const appendBeneficiaryIdToProject = async (data) => {\r\n // const formData = new FormData();\r\n // formData.append(\"Beneficiaries\", new Blob([uploadedFile.binaryData]), uploadedFile.file.name);\r\n // formData.append(\"Name\", data.Name);\r\n // formData.append(\"Description\", data.Description);\r\n // formData.append(\"ProjectId\", data.ProjectId);\r\n // formData.append(\"ManagerId\", data.ManagerId);\r\n // // formData.append(\"SurveyId\", \"\");\r\n\r\n // const url = \"/DataCollection/importBeneficiaries\";\r\n // await httpService.post(url, formData);\r\n // };\r\n\r\n const onFinish = (values) => {\r\n // if (!uploadedFile || !uploadedFile.binaryData || !uploadedFile.file) {\r\n // message.error(\"Please upload a valid xlsx file before submitting.\");\r\n // return;\r\n // }\r\n setLoad(true);\r\n let formattedStartDate;\r\n let formattedEndDate;\r\n if (values.timeLine) {\r\n const [startDate, endDate] = values.timeLine;\r\n formattedStartDate = startDate.format();\r\n formattedEndDate = endDate.format();\r\n }\r\n const payload = {\r\n name: values.projectTitle,\r\n description: values.projectDescription,\r\n managerId: values.projectManager,\r\n members: values.dataCollectors,\r\n workspaceId: LocalStorageService?.getItem(\"currentWorkspaceId\") || \"\",\r\n typeId: id,\r\n countryIds: values.country,\r\n startDate: formattedStartDate,\r\n endDate: formattedEndDate\r\n };\r\n httpService\r\n .post(\r\n \"/Projects/add\",\r\n payload,\r\n (res) => {\r\n const createdProjectId = res.data;\r\n // appendBeneficiaryIdToProject({\r\n // Beneficiaries: uploadedFile,\r\n // Name: payload.name,\r\n // Description: payload.description,\r\n // ProjectId: createdProjectId,\r\n // ManagerId: payload.managerId\r\n // });\r\n LocalStorageService.setItem(\"currentProjectID\", createdProjectId);\r\n navigate(\"/dashboard\");\r\n },\r\n (error) => {\r\n if (\r\n error.response.status === 400 &&\r\n Array.isArray(error.response.data.errors) &&\r\n error.response.data.errors.includes &&\r\n error.response.data.errors.includes(\r\n \"You reached your packet limit for creating projects in workspace!!\"\r\n )\r\n ) {\r\n setIsModalOpen(true);\r\n } else {\r\n openNotificationWithIcon(\"error\", \"Please try again\");\r\n }\r\n setLoad(false);\r\n }\r\n )\r\n .finally(() => {\r\n setLoad(false);\r\n });\r\n };\r\n\r\n // const onFinish = (values) => {\r\n // setLoad(true);\r\n // httpService\r\n // .post(\r\n // \"/Workspaces/add\",\r\n\r\n // {\r\n // name: values.workspaceName,\r\n // description: values.description ? values.description : \"\"\r\n // },\r\n // (res) => {\r\n // if (res?.isSuccess) {\r\n // openNotificationWithIcon(\"success\");\r\n // setTimeout(() => {\r\n // setLoad(false);\r\n // navigate(-1);\r\n // }, 1500);\r\n // }\r\n // },\r\n // (error) => {\r\n // if (\r\n // error.response.status === 400 &&\r\n // Array.isArray(error.response.data.errors) &&\r\n // error.response.data.errors.includes &&\r\n // error.response.data.errors.includes(\r\n // \"You reached your packet limit for creating workspaces!!\"\r\n // )\r\n // ) {\r\n // setIsModalOpen(true);\r\n // } else {\r\n // if (values.workspaceName.trim() === \"\") {\r\n // openNotificationWithIcon(\"error\", \"Workspace name is required!\");\r\n // } else {\r\n // openNotificationWithIcon(\"error\");\r\n // }\r\n // }\r\n // }\r\n // )\r\n // .finally(() => {\r\n // setLoad(false);\r\n // });\r\n // console.log(values);\r\n // };\r\n\r\n const onFinishFailed = (errorInfo) => {\r\n setLoad(false);\r\n };\r\n\r\n const textAreaStyle = { resize: \"none\" };\r\n\r\n const saveUploadedFile = ({ file, onSuccess }) => {\r\n const reader = new FileReader();\r\n\r\n reader.onload = () => {\r\n const binaryData = reader.result;\r\n\r\n // Check if the uploaded file matches the expected format\r\n if (binaryData && expectedFormat && compareExcelFiles(binaryData, expectedFormat)) {\r\n setUploadedFile({\r\n file: file,\r\n binaryData: binaryData\r\n });\r\n onSuccess();\r\n } else {\r\n message.error(\"Uploaded file does not match the expected format.\");\r\n }\r\n };\r\n\r\n reader.onerror = (error) => {};\r\n\r\n reader.readAsArrayBuffer(file);\r\n };\r\n\r\n const compareExcelFiles = (binaryData1, binaryData2) => {\r\n // Convert binary data to arrays\r\n const arr1 = new Uint8Array(binaryData1);\r\n const arr2 = new Uint8Array(binaryData2);\r\n\r\n // Convert arrays to worksheets\r\n const workbook1 = XLSX.read(arr1, { type: \"array\" });\r\n const workbook2 = XLSX.read(arr2, { type: \"array\" });\r\n\r\n // Compare worksheets or perform any other required comparison logic\r\n // For simplicity, let's check the number of sheets and their names\r\n const sheets1 = workbook1.SheetNames;\r\n const sheets2 = workbook2.SheetNames;\r\n\r\n return (\r\n sheets1.length === sheets2.length &&\r\n sheets1.every((sheet, index) => sheet === sheets2[index])\r\n );\r\n };\r\n\r\n return (\r\n New project
\r\n \r\n\r\n
\r\n Select a project type
\r\n\r\n {projectType.map((project, i) => {\r\n const handleClick = (e) => {\r\n if (project.disabled) {\r\n e.preventDefault();\r\n }\r\n };\r\n\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n );\r\n })}\r\n \r\n }`})
\r\n
\r\n {project.title}
\r\n\r\n {/* \r\n New Project\r\n \r\n {\" \"}\r\n \r\n ?\r\n \r\n \r\n \r\n\r\n \r\n setIsModalOpen(false)}>\r\n \r\n You reached your packet limit for creating projects in workspace!\r\n \r\n \r\n
\r\n );\r\n}\r\n\r\nconst ProjectTypesWithErrorBoundary = withErrorBoundary(ProjectTypes);\r\nexport { ProjectTypesWithErrorBoundary as ProjectTypes };\r\n","import React from \"react\";\r\nimport { BsTrash3 } from \"react-icons/bs\";\r\n\r\nimport { Modal, Button } from \"antd\";\r\n\r\nconst DeleteModal = ({ open, setOpen, showModal, handleDelete, id }) => {\r\n const hideModal = () => {\r\n setOpen(false);\r\n };\r\n return (\r\n <>\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
*/}\r\n Your beneficiaries dataset must have the right format for it to work correctly.
\r\n {contextHolder}\r\n\r\n\r\n
\r\n \r\n \r\n
Delete Workspace
\r\n\r\n Are you sure you want to delete this workspace ? This action cannot be undone and\r\n will delete all the data related to this workspace, including surveys, survey\r\n submissions, labels etc.\r\n
\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n Your subscription is ending soon!
\r\n\r\n Your subscription ends in\r\n
\r\n
Please add a payment method to continue using KAPsurvey
\r\n\r\n {contextHolder}\r\n
\r\n Welcome back, {AuthService.getUser()?.fullName}!
\r\n {(userDetails?.[0].name).replace(/([a-z])([A-Z])/g, \"$1 $2\")}\r\n\r\n\r\n \r\n {isLoading ? (\r\n
\r\n );\r\n })\r\n )}\r\n \r\n Your workspaces
\r\nChoose the workspace you would like to work on
\r\n\r\n enterWorkspace(workspace.id)}\r\n className=\"your-workspaces clickable\"\r\n key={workspace.id}\r\n >\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n {workspace.name}
\r\n\r\n
\r\n \r\n \r\n \r\n \r\n
\r\n New workspace
\r\n\r\n {/* \r\n
\r\n );\r\n\r\n return (\r\n <>\r\n {contextHolder}\r\n {isDeactivatedUser ? (\r\n */}\r\n
\r\n )\r\n },\r\n // {\r\n // title: Email,\r\n // dataIndex: \"email\",\r\n // render: (text) => {text}\r\n // },\r\n {\r\n title: Gender,\r\n dataIndex: \"gender\",\r\n render: (text) => {text}\r\n },\r\n {\r\n title: Languages,\r\n dataIndex: \"selectedLanguages\",\r\n render: (languages) => (\r\n \r\n {Array.isArray(languages)\r\n ? languages?.map((u) => u.name).join(\", \")\r\n : languages[0]?.name}\r\n \r\n )\r\n },\r\n {\r\n title: Location,\r\n dataIndex: \"country\",\r\n render: (country) => {country?.name}\r\n },\r\n {\r\n title: Role,\r\n dataIndex: \"roles\",\r\n render: (text) => (\r\n \r\n {text[0]?.name === \"OrgSuperAdmin\"\r\n ? \"Organization Super Admin\"\r\n : text[0]?.name.replace(/([a-z])([A-Z])/g, \"$1 $2\")}\r\n \r\n )\r\n },\r\n {\r\n title: Workspace,\r\n dataIndex: \"workspaces\",\r\n render: (workspaces) => (\r\n \r\n {Array.isArray(workspaces)\r\n ? workspaces?.map((u) => u.name).join(\", \")\r\n : workspaces[0]?.name}\r\n \r\n )\r\n }\r\n ];\r\n\r\n const getProjectsOfOrganization = useCallback(() => {\r\n httpService.get(\"/Projects/getProjectsOfOrganization\", (res) => {\r\n if (!res?.data) return;\r\n setProjects(res.data);\r\n });\r\n }, []);\r\n\r\n useEffect(() => {\r\n getProjectsOfOrganization();\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, []);\r\n\r\n useEffect(() => {\r\n httpService.get(\"/Workspaces/getMyWorkspaces\", (res) => {\r\n if (!res?.data) return;\r\n setWorkspaces(res.data);\r\n });\r\n }, []);\r\n\r\n return (\r\n <>\r\n \r\n \r\n {\" \"}\r\n {record.fullName.charAt(0).toUpperCase()}\r\n \r\n
\r\n \r\n {record.fullName}\r\n
\r\n {record.email}\r\n
\r\n \r\n {record.email}\r\n
\r\n
\r\n \r\n
\r\n User Management
\r\n\r\n 
\r\n
\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default OrganizationsBanner;\r\n","import React from \"react\";\r\nimport { ArrowRightOutlined } from \"@ant-design/icons\";\r\nimport { LocalStorageService } from \"../../../../base/services/local-storage.service\";\r\nimport { useNavigate } from \"react-router-dom\";\r\nimport AuthService from \"../../../../base/services/authentication.service\";\r\nimport { UserRolesEnum } from \"../../../auth/userRoles.enum\";\r\nimport { httpService } from \"../../../../base/services/httpService.service\";\r\nimport { Tooltip, notification } from \"antd\";\r\nimport { toAbsoluteUrl } from \"../../../../../_metronic/_helpers\";\r\nimport { EntityTypeEnum } from \"../../../../utils/enums\";\r\n\r\nconst Organization = ({\r\n organizationId,\r\n organizationName,\r\n organizationMemberId,\r\n isDeactivatedUser,\r\n isDeactivatedOrganization\r\n}) => {\r\n const [api, contextHolder] = notification.useNotification();\r\n const navigate = useNavigate();\r\n\r\n const openNotificationWithIcon = (type, message, description) => {\r\n if (type === \"error\") {\r\n api[type]({\r\n message,\r\n description\r\n });\r\n }\r\n };\r\n\r\n const navigateToRoute = () => {\r\n if (\r\n AuthService.isAuthorized([\r\n UserRolesEnum.SuperAdmin,\r\n UserRolesEnum.Organization,\r\n UserRolesEnum.AdminOfOrganization,\r\n UserRolesEnum.SeniorProjectManager\r\n ])\r\n ) {\r\n navigate(\"/admin-workspaces\");\r\n } else if (AuthService.isAuthorized([UserRolesEnum.DataCollector])) {\r\n navigate(\"/mytasks\");\r\n } else {\r\n navigate(\"/workspace\");\r\n }\r\n };\r\n\r\n const seeWorkspace = async () => {\r\n if (isDeactivatedOrganization) return;\r\n const userId = LocalStorageService.getItem(\"user\")?.id;\r\n try {\r\n const organizationParams = new URLSearchParams({\r\n userId: userId,\r\n organizationId: organizationId\r\n });\r\n await httpService.get(\r\n `/Account/selectOrganization?${organizationParams.toString()}`,\r\n (response) => {\r\n if (!response) return;\r\n LocalStorageService.setItem(\"atoken\", response.data.token);\r\n LocalStorageService.setItem(\"tokenExpire\", response.data.tokenExpire);\r\n LocalStorageService.setItem(\"organizationId\", organizationId);\r\n LocalStorageService.setItem(\"organizationName\", organizationName);\r\n LocalStorageService.setItem(\"roles\", response.data.userRole);\r\n\r\n if (isDeactivatedUser) {\r\n const params = new URLSearchParams({\r\n entityType: EntityTypeEnum.OrganizationMember,\r\n isDeleted: false\r\n });\r\n httpService\r\n .put(\r\n `/DataCollection/${organizationMemberId}/toggleDeleteOrRestore?${params.toString()}`,\r\n {},\r\n (response) => {\r\n if (!response) return;\r\n LocalStorageService.setItem(\"reactivatedAccount\", true);\r\n navigateToRoute();\r\n }\r\n )\r\n .catch((error) => {\r\n openNotificationWithIcon(\r\n \"error\",\r\n \"Unable to restore the user. Please try again later.\"\r\n );\r\n });\r\n } else {\r\n navigateToRoute();\r\n }\r\n }\r\n );\r\n } catch (error) {\r\n openNotificationWithIcon(\"error\", \"Something went wrong. Please try again.\");\r\n }\r\n };\r\n\r\n const content = (\r\n \r\n
\r\n My organizations in KAPsurvey
\r\n\r\n ![\"Survey]({toAbsoluteUrl(\"/media/svg/survey/PreviewBanner.svg\")})
\r\n
\r\n \r\n {organizationName}
\r\n {isDeactivatedOrganization ? null : (\r\n\r\n {isDeactivatedUser ? \"Activate account\" : \"See workspaces\"}
\r\n )}\r\n \r\n {organizations?.map((item) => (\r\n
\r\n )}\r\n \r\n );\r\n};\r\n\r\nexport default withErrorBoundary(Organizations);\r\n","import React from \"react\";\r\nimport OrganizationsBanner from \"./components/OrganizationsBanner\";\r\nimport Organizations from \"./components/Organizations\";\r\nimport { SubHeader } from \"../../../../_metronic/layout/components/subheader/SubHeader\";\r\nimport { withErrorBoundary } from \"../../../components/ErrorBoundary/withErrorBoundary\";\r\n\r\nimport \"./style.scss\";\r\n\r\nconst OrganizationsPage = () => {\r\n return (\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default withErrorBoundary(OrganizationsPage);\r\n","import React, { useEffect, useState } from \"react\";\r\nimport { Spin, Button, Col, Form, Input, Row, Select, notification } from \"antd\";\r\nimport PhoneInput from \"react-phone-input-2\";\r\nimport \"react-phone-input-2/lib/style.css\";\r\nimport { usePersonalDataStore, useProfileStore } from \"../../pages/auth/authStore\";\r\nimport { UserRolesEnum } from \"../../pages/auth/userRoles.enum\";\r\nimport { useStateChanges } from \"../../base/hooks/useStateChanges\";\r\nimport { useCountriesAndData } from \"../../base/hooks/useCountriesAndData\";\r\nimport AuthService from \"../../base/services/authentication.service\";\r\nimport { httpService } from \"../../base/services/httpService.service\";\r\nimport { LocalStorageService } from \"../../base/services/local-storage.service\";\r\n\r\nconst PersonalInformation = React.memo(({ handleUserData }) => {\r\n const personalData = usePersonalDataStore((state) => state.personalData);\r\n const setPersonalData = usePersonalDataStore((state) => state.setPersonalData);\r\n const user = AuthService.getUser();\r\n const organizationId = AuthService.getOrganizationId();\r\n const [form] = Form.useForm();\r\n const [organizationTypes, setOrganizationTypes] = useState();\r\n const { countries, selectedCountry, states, handleCountryChange } = useCountriesAndData(form);\r\n const { cities, handleStateChange } = useStateChanges(selectedCountry, form);\r\n const { isLoading, formData } = useProfileStore();\r\n\r\n useEffect(() => {\r\n httpService.get(`/Account/getOrganizationTypes`, (res) => {\r\n try {\r\n setOrganizationTypes(res.data);\r\n } catch (error) {\r\n console.log(error);\r\n }\r\n });\r\n }, []);\r\n\r\n const onCountryChange = (selectedOption) => {\r\n handleCountryChange(selectedOption, {\r\n governorateOrProvince: null,\r\n cityOrCampOrVillage: null\r\n });\r\n };\r\n\r\n const onStateChange = (selectedOption) => {\r\n handleStateChange(selectedOption, { cityOrCampOrVillage: null });\r\n };\r\n\r\n const updatePersonalInformation = (values) => {\r\n const payload = {\r\n userId: user.id,\r\n userFullName: values.userFullName,\r\n gender: values.gender,\r\n userRoleWithinOrganization: values.userRoleWithinOrganization,\r\n userPhoneNumber: values.userPhoneNumber,\r\n userCountryId: values.userCountryId,\r\n geographicalDetail: {\r\n governorateOrProvince: values.governorateOrProvince, //state\r\n district: values.district,\r\n subdistrict: values.subdistrict,\r\n cityOrCampOrVillage: values.cityOrCampOrVillage, //city\r\n neighborhoodOrSector: values.neighborhoodOrSector, //Village/Neighborhood\r\n houseOrTentDetails: values.houseOrTentDetails //Address line\r\n },\r\n organizationId: organizationId,\r\n organizationName: values.organizationName,\r\n organizationTypeId: values.organizationTypeId,\r\n organizationCountryId: values.organizationCountryId,\r\n zipCode: values.zipCode\r\n };\r\n\r\n httpService\r\n .post(`/Organizations/editUserAndOrganization`, payload, (response) => {\r\n if (!response) return;\r\n LocalStorageService.setItem(\"organizationName\", values.organizationName);\r\n LocalStorageService.setItem(\"user\", { ...user, fullName: values.userFullName });\r\n handleUserData();\r\n notification.open({\r\n type: \"success\",\r\n message: response.data.message || \"Your information has been updated successfully.\"\r\n });\r\n setPersonalData({\r\n ...personalData,\r\n userFullName: values.userFullName\r\n });\r\n })\r\n .catch((error) => {\r\n notification.error({\r\n message: error.response?.data?.message || \"Something went wrong. Please try again.\"\r\n });\r\n });\r\n };\r\n\r\n return (\r\n <>\r\n {isLoading ? (\r\n \r\n
\r\n My organizations
\r\nSelect an organization to access their workspaces
\r\n\r\n
\r\n Personal information
\r\n\r\n
\r\n Location
\r\n\r\n
\r\n Company information
\r\n\r\n
\r\n Notification preferences
\r\n\r\n false} // Prevent automatic upload\r\n onChange={handleFileChange}\r\n className=\"upload-file\"\r\n accept=\".png, .jpg, .jpeg\"\r\n showUploadList={false}\r\n progress=\"trailColor\"\r\n prefixCls=\"upload-file\"\r\n >\r\n {\r\n setPreviewVisible(false);\r\n }}\r\n footerButtonCustomStyle\r\n >\r\n 0 ? URL.createObjectURL(fileList[0].originFileObj) : null}\r\n style={{ height: 400, width: \"100%\" }}\r\n aspectRatio={1}\r\n viewMode={1}\r\n minCropBoxHeight={10}\r\n minCropBoxWidth={10}\r\n background={false}\r\n responsive={true}\r\n autoCropArea={1}\r\n checkOrientation={false}\r\n guides={true}\r\n />\r\n
\r\n \r\n \r\n\r\n
\r\n
\r\n );\r\n});\r\n\r\nexport default FileUpload;\r\n","var _g, _defs;\n\nvar _excluded = [\"title\", \"titleId\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport * as React from \"react\";\n\nfunction SvgStarRewardRatingRate(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 22,\n height: 22,\n viewBox: \"0 0 22 22\",\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _g || (_g = /*#__PURE__*/React.createElement(\"g\", {\n clipPath: \"url(#clip0_15863_56266)\"\n }, /*#__PURE__*/React.createElement(\"path\", {\n d: \"M11.5435 2.25605L13.7962 6.80398C13.8474 6.91942 13.928 7.01941 14.0299 7.09399C14.1319 7.16855 14.2516 7.21512 14.3771 7.22902L19.35 7.96576C19.4941 7.98426 19.6298 8.04336 19.7415 8.13614C19.8531 8.22892 19.9361 8.35155 19.9806 8.48971C20.0253 8.62787 20.0295 8.77587 19.9931 8.91641C19.9568 9.05695 19.8812 9.18422 19.7751 9.28339L16.1905 12.8396C16.0992 12.925 16.0304 13.032 15.9909 13.1508C15.9512 13.2696 15.942 13.3964 15.9639 13.5196L16.8281 18.5209C16.8532 18.6647 16.8373 18.8125 16.7825 18.9476C16.7277 19.0828 16.636 19.1998 16.5178 19.2855C16.3998 19.3711 16.26 19.4218 16.1145 19.432C15.969 19.4421 15.8234 19.4112 15.6947 19.3426L11.2176 16.9766C11.103 16.9203 10.977 16.8911 10.8492 16.8911C10.7215 16.8911 10.5955 16.9203 10.4809 16.9766L6.00378 19.3426C5.87498 19.4112 5.72954 19.4421 5.58402 19.432C5.4385 19.4218 5.29873 19.3711 5.18064 19.2855C5.06254 19.1998 4.97084 19.0828 4.91598 18.9476C4.86114 18.8125 4.84531 18.6647 4.87034 18.5209L5.73458 13.463C5.75649 13.3397 5.74722 13.2129 5.70764 13.0941C5.66805 12.9753 5.59938 12.8684 5.5079 12.7829L1.88089 9.28339C1.77358 9.18152 1.69812 9.0507 1.66364 8.90683C1.62916 8.76294 1.63715 8.61213 1.68663 8.47269C1.73611 8.33325 1.82496 8.21115 1.94242 8.12117C2.05988 8.0312 2.20091 7.97721 2.34843 7.96576L7.3214 7.22902C7.44693 7.21512 7.56662 7.16855 7.66855 7.09399C7.77047 7.01941 7.85106 6.91942 7.90229 6.80398L10.155 2.25605C10.2164 2.12359 10.3143 2.01145 10.4373 1.93285C10.5603 1.85426 10.7033 1.8125 10.8492 1.8125C10.9952 1.8125 11.1382 1.85426 11.2612 1.93285C11.3842 2.01145 11.4821 2.12359 11.5435 2.25605Z\",\n stroke: \"#5770CB\",\n strokeWidth: 1.5,\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\"\n }))), _defs || (_defs = /*#__PURE__*/React.createElement(\"defs\", null, /*#__PURE__*/React.createElement(\"clipPath\", {\n id: \"clip0_15863_56266\"\n }, /*#__PURE__*/React.createElement(\"rect\", {\n width: 21,\n height: 21,\n fill: \"white\",\n transform: \"translate(0.330078 0.5)\"\n })))));\n}\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgStarRewardRatingRate);\nexport default __webpack_public_path__ + \"static/media/star-reward-rating-rate.dca56247.svg\";\nexport { ForwardRef as ReactComponent };","import React, { useCallback, useEffect, useState } from \"react\";\r\nimport PersonalInformation from \"./PersonalInformation\";\r\nimport { Button, Col, Row, notification } from \"antd\";\r\nimport DeactivateAccountModal from \"./DeactivateAccountModal\";\r\nimport { usePersonalDataStore, useProfileStore } from \"../../pages/auth/authStore\";\r\nimport BasicModal from \"../../ui/BasicModal/BasicModal\";\r\nimport FileUpload from \"../../ui/Uploaders/FileUpload\";\r\nimport { httpService } from \"../../base/services/httpService.service\";\r\nimport { StatusCodesEnum } from \"../../utils/enums\";\r\nimport { ReactComponent as EditIcon } from \"../../assets/icons/edit-icon.svg\";\r\nimport AuthService from \"../../base/services/authentication.service\";\r\nimport { withErrorBoundary } from \"../ErrorBoundary/withErrorBoundary\";\r\n\r\nimport \"./index.scss\";\r\n\r\nconst ProfileInformation = () => {\r\n const user = AuthService.getUser();\r\n const organizationId = AuthService.getOrganizationId();\r\n const [isModalOpen, setIsModalOpen] = useState(false);\r\n const [openPhotoModal, setOpenPhotoModal] = useState(false);\r\n const [fileUrl, setFileUrl] = useState(\"\");\r\n const { userLetter } = useProfileStore();\r\n const { formData, getUserAndOrganizationInfo } = useProfileStore();\r\n const personalData = usePersonalDataStore((state) => state.personalData);\r\n const setPersonalData = usePersonalDataStore((state) => state.setPersonalData);\r\n const [userData, setUserData] = useState(false);\r\n\r\n const fetchData = async () => {\r\n await getUserAndOrganizationInfo(organizationId, user.id);\r\n };\r\n\r\n const handleUserData = () => {\r\n setUserData((prev) => !prev);\r\n if (openPhotoModal) {\r\n setOpenPhotoModal(false);\r\n }\r\n };\r\n\r\n const getPreviewPhoto = useCallback(() => {\r\n if (!formData || !formData.userProfilePictureUrl) return;\r\n let correctedFilePath = formData.userProfilePictureUrl;\r\n correctedFilePath = correctedFilePath.replace(/\\\\202/g, \"\\\\x82\");\r\n const payload = [\r\n {\r\n fileKey: correctedFilePath\r\n }\r\n ];\r\n httpService\r\n .post(\r\n `/FileData/getFileUrlByFileKeyAndEntityId?platformId=006d1c1e-81b6-4d87-b4b0-f1850543f2cc`,\r\n payload,\r\n (response) => {\r\n const isSuccess = response.statusCode === StatusCodesEnum.OK;\r\n if (isSuccess && response && response.data[0].fileUrl) {\r\n setFileUrl(response.data[0].fileUrl);\r\n AuthService.setUser({\r\n ...user,\r\n profilePictureUrl: response.data[0].fileUrl\r\n });\r\n setPersonalData({\r\n ...personalData,\r\n profilePictureUrl: response.data[0].fileUrl\r\n });\r\n } else {\r\n notification.warning({\r\n type: \"warning\",\r\n message:\r\n response.data.message || \"Something went wrong! Please try again later.\"\r\n });\r\n }\r\n }\r\n )\r\n .catch((error) => {\r\n notification.error({\r\n message: error.response?.data?.message || \"Unable to display a preview of the image\"\r\n });\r\n });\r\n }, [formData]);\r\n\r\n useEffect(() => {\r\n fetchData();\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, [userData, organizationId]);\r\n\r\n useEffect(() => {\r\n getPreviewPhoto();\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, [formData]);\r\n\r\n const handleAccountModal = () => {\r\n setIsModalOpen((prev) => !prev);\r\n };\r\n\r\n return (\r\n Edit profile picture
\r\n\r\n {formData.userProfilePictureUrl || croppedImage ? (\r\n
\r\n Upload a file to change your profile picture
\r\n\r\n
\r\n Max file size: 20MB\r\n
\r\n \r\n \r\n
\r\n \r\n Drag and drop files here, or click to select files\r\n
\r\n JPG or PNG\r\n\r\n Max file size: 20MB\r\n
\r\n \r\n \r\n
\r\n
\r\n \r\n setOpenPhotoModal(true)}\r\n >\r\n {formData.userProfilePictureUrl ? (\r\n <>\r\n setOpenPhotoModal(true)}\r\n />\r\n \r\n ) : (\r\n <>\r\n {userLetter}\r\n \r\n )}\r\n \r\n
\r\n \r\n \r\n
\r\n
\r\n {isModalOpen && (\r\n Profile information
\r\n \r\n\r\n \r\n \r\n Billed annually \r\n Billed monthly \r\n \r\n \r\n
\r\n \r\n {planOptions.map((plan, i) => {\r\n const isSelected =\r\n selectedPlan.name === plan.name &&\r\n (isYearly\r\n ? selectedPlan.price === plan.annuallyPrice\r\n : selectedPlan.price === plan.monthlyPrice);\r\n return (\r\n setOpenPackageModal(false)}\r\n footerButtonCustomStyle\r\n >\r\n \r\n \r\n \r\n Update the plan after the current subscription period ends\r\n \r\n Update the plan immediately \r\n \r\n \r\n \r\n setOpenPackageModal(false)}\r\n disabled={isPlanChanging}\r\n >\r\n Cancel\r\n \r\n \r\n \r\n Continue\r\n \r\n \r\n
\r\n \r\n )}\r\n
\r\n
\r\n )}\r\n \r\n );\r\n};\r\n\r\nexport default SubscriptionPlanBoxes;\r\n","import React from \"react\";\r\nimport SubscriptionPlanBoxes from \"./SubscriptionPlanBoxes\";\r\n\r\nconst CurrentSubscription = React.memo(\r\n ({ planName, subscriptionStatus, subscriptionId, price, isMonthly }) => {\r\n return (\r\n Current Subscription
\r\n \r\n\r\n handlePlanSelection(plan, isSelected)}\r\n >\r\n {isSelected ? \"Current plan\" : \"Choose this plan\"}\r\n \r\n
\r\n \r\n );\r\n })}\r\n {openPackageModal && (\r\n \r\n \r\n {isYearly ? \"6 months free\" : \"3 months free\"}\r\n \r\n \r\n {plan.name === \"Standard\" ? (\r\n
\r\n \r\n USD{\" \"}\r\n \r\n ${isYearly ? plan.annuallyPrice : plan.monthlyPrice}\r\n \r\n per month\r\n
\r\n \r\n \r\n This plans includes:\r\n \r\n
\r\n \r\n
\r\n
\r\n
\r\n
\r\n How would you like to update your subscription plan?
\r\n\r\n \r\n
\r\n );\r\n }\r\n);\r\n\r\nexport default CurrentSubscription;\r\n","import React, { useState } from \"react\";\r\nimport BasicModal from \"../../ui/BasicModal/BasicModal\";\r\nimport { Radio, Space, Input, Button, Row, Col, Form } from \"antd\";\r\nimport useNotification from \"../../base/hooks/useNotification\";\r\nimport { httpService } from \"../../base/services/httpService.service\";\r\nconst { TextArea } = Input;\r\n\r\nconst CancelSubscription = ({\r\n isModalOpen,\r\n handleAccountModal,\r\n subscriptionId,\r\n handleCancelPlan\r\n}) => {\r\n const { openNotification } = useNotification();\r\n const [form] = Form.useForm();\r\n const [value, setValue] = useState(null);\r\n const [paymentMethodLoading, setPaymentMethodLoading] = useState(false);\r\n\r\n const onChange = (e) => {\r\n setValue(e.target.value);\r\n };\r\n\r\n const cancelSubscription = (values) => {\r\n setPaymentMethodLoading(true);\r\n const params = new URLSearchParams({\r\n subscriptionId: subscriptionId,\r\n cancelSubscriptionAfterPeriodEnds: true,\r\n reasonOfCancellation: values.reasonOfCancellation,\r\n customReasonOfCancellation: values.customReasonOfCancellation\r\n });\r\n httpService\r\n .post(`/Payment/cancelStripeSubscription?${params.toString()}`, {}, (response) => {\r\n if (!response) return;\r\n handleCancelPlan();\r\n openNotification(\"success\", \"\", \"Subscription successfully cancelled.\");\r\n })\r\n .catch((error) => {\r\n openNotification(\"error\", \"\", \"Something went wrong. Please try again.\");\r\n })\r\n .finally(() => {\r\n setPaymentMethodLoading(false);\r\n handleAccountModal();\r\n });\r\n };\r\n\r\n return (\r\n \r\n {/* {stripeSubscriptionData.subscriptionStatus !== \"canceled\" &&\r\n !stripeSubscriptionData.cancelAt && ( */}\r\n {stripeSubscriptionData.subscriptionStatus !== \"canceled\" && (\r\n \r\n setOpenModal({ cancelSubscription: true })}\r\n >\r\n Cancel my subscription\r\n \r\n \r\n
\r\n )}\r\n \r\n setOpenModal({ editPayment: false })}\r\n >\r\n {stripeSubscriptionData.clientSecret && (\r\n \r\n setOpenModal({ editPayment: false })}\r\n handleCardDetails={handlePlan}\r\n />\r\n \r\n )}\r\n \r\n )}\r\n {openModal.cancelSubscription && (\r\n setOpenModal({ cancelSubscription: false })}\r\n subscriptionId={stripeSubscriptionData.subscriptionId}\r\n handleCancelPlan={handlePlan}\r\n >\r\n )}\r\n
\r\n )}\r\n \r\n );\r\n});\r\n\r\nexport default PaymentInformation;\r\n","import React, { useCallback, useEffect, useState } from \"react\";\r\nimport Table from \"../../ui/Table/Table\";\r\nimport \"./index.scss\";\r\nimport { Col, Input, Row } from \"antd\";\r\nimport { CloudDownloadOutlined, FilePdfOutlined, SearchOutlined } from \"@ant-design/icons\";\r\nimport { httpService } from \"../../base/services/httpService.service\";\r\nimport AuthService from \"../../base/services/authentication.service\";\r\nimport { formatDate } from \"../../helpers/formatDate\";\r\nimport { getStatusClassName } from \"../../helpers/statusClassNames\";\r\n\r\nconst BillingHistory = React.memo(() => {\r\n const organizationId = AuthService.getOrganizationId();\r\n const [pagination, setPagination] = useState({ current: 1, pageSize: 10, total: 0 });\r\n const [searchText, setSearchText] = useState(\"\");\r\n const [isLoading, setIsLoading] = useState(false);\r\n const [billingHistory, setBillingHistory] = useState([]);\r\n\r\n useEffect(() => {\r\n setIsLoading(true);\r\n httpService\r\n .get(\r\n `/Payment/getStripeInvoicesDetailsByOrganizationUser?organizationId=${organizationId}`,\r\n (response) => {\r\n const formattedData = response.data.map((item) => ({\r\n ...item,\r\n id: item.invoiceId,\r\n key: item.invoiceId,\r\n start: formatDate(item.billingPeriodStart),\r\n end: formatDate(item.billingPeriodEnd)\r\n }));\r\n setBillingHistory(formattedData);\r\n }\r\n )\r\n .finally(() => {\r\n setIsLoading(false);\r\n });\r\n }, []);\r\n\r\n const handlePagination = (page, pageSize) => {\r\n setPagination({ ...pagination, current: page, pageSize });\r\n };\r\n\r\n const handleSearch = useCallback(\r\n (e) => {\r\n setSearchText(e.target.value);\r\n\r\n setPagination({ ...pagination, current: 1 });\r\n },\r\n [searchText]\r\n );\r\n\r\n const filteredDataSource = billingHistory?.filter((item) => {\r\n if (!searchText) return item;\r\n return Object.values(item).some(\r\n (val) =>\r\n val &&\r\n val\r\n .toString()\r\n .toLowerCase()\r\n .includes(searchText.toLowerCase())\r\n );\r\n });\r\n\r\n const columns = [\r\n {\r\n title: \"File name\",\r\n dataIndex: \"fileName\",\r\n key: \"fileName\",\r\n width: 300,\r\n render: (text, render) => (\r\n \r\n
\r\n {openModal.editPayment && (\r\n \r\n
\r\n Next payment due
\r\n\r\n {stripeSubscriptionData?.subscriptionEndsAt &&\r\n dayjs(stripeSubscriptionData?.subscriptionEndsAt).format(\"MMM D, YYYY\")}\r\n
\r\n\r\n
\r\n Payment method
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {stripeSubscriptionData.paymentMethodId ? (\r\n <>\r\n Credit card\r\n \r\n Visa ending in ****{stripeSubscriptionData.last4CardDigits}\r\n \r\n \r\n ) : (\r\n No card details added\r\n )}\r\n
\r\n {text}
;\r\n }\r\n }\r\n ];\r\n\r\n const downloadFileColumn = {\r\n key: \"previewDownload\",\r\n fixed: \"right\",\r\n width: \"80px\",\r\n render: (text, render) => (\r\n e.stopPropagation()}>\r\n e.stopPropagation()}\r\n href={render.pdf}\r\n target=\"_blank\"\r\n rel=\"noopener noreferrer\"\r\n >\r\n
\r\n )\r\n };\r\n\r\n return (\r\n <>\r\n {isLoading ? null : (\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n )}\r\n \r\n );\r\n});\r\n\r\nexport default BillingHistory;\r\n","import React from \"react\";\r\nimport PaymentInformation from \"../../../components/Payments/PaymentInformation\";\r\nimport BillingHistory from \"../../../components/Payments/BillingHistory\";\r\nimport { withErrorBoundary } from \"../../../components/ErrorBoundary/withErrorBoundary\";\r\n\r\nconst SubscriptionPage = () => {\r\n return (\r\n <>\r\n Billing history
\r\n \r\n {/*\r\n
\r\n \r\n );\r\n};\r\n\r\nexport default withErrorBoundary(LoginInformation);\r\n","import React from \"react\";\r\nimport LoginInformation from \"../../../components/Login/LoginInformation\";\r\n\r\nconst LoginInformationPage = () => {\r\n return Log in information
\r\n \r\n\r\n
\r\n );\r\n};\r\n\r\nexport default withErrorBoundary(AccountSummary);\r\n","import React from \"react\";\r\nimport AccountSummary from \"../../../components/AccountSummary/AccountSummary\";\r\n\r\nconst AccountSummaryPage = () => {\r\n return Account summary
\r\n\r\n \r\n {\r\n return {\r\n value: workspace.id,\r\n label: workspace.name\r\n };\r\n })}\r\n allowClear\r\n onChange={(value) => handleChange(value, \"workspace\")}\r\n />\r\n \r\n handleChange(value, \"year\")}\r\n />\r\n \r\n {\r\n return {\r\n value: month.value,\r\n label: month.name\r\n };\r\n })}\r\n allowClear\r\n onChange={(value) => handleChange(value, \"month\")}\r\n />\r\n \r\n {isLoading ? (\r\n
\r\n
\r\n Usage statistics
\r\n \r\n\r\n
\r\n \r\n Memory
\r\n\r\n
\r\n \r\n
\r\n \r\n Surveys
\r\n{dashboardStatistics.totalSurveys}
\r\nAverage monthly surveys
\r\n\r\n
\r\n \r\n Beneficiaries
\r\n{dashboardStatistics.totalBeneficiaries}
\r\nAverage beneficiaries served
\r\n\r\n
\r\n \r\n \r\n
\r\n {dashboardStatistics.totalEnumerators}
\r\n Enumerators\r\n\r\n
\r\n \r\n \r\n \r\n {dashboardStatistics.currentWorkspaces}/\r\n
\r\n Workspaces\r\n
\r\n \r\n {dashboardStatistics.currentWorkspaces}/\r\n \r\n {dashboardStatistics.workspaceLimit}\r\n \r\n
\r\n Workspaces\r\n \r\n
\r\n \r\n \r\n )}\r\n \r\n
\r\n {dashboardStatistics.totalProjects}
\r\n Projects\r\n\r\n \r\n \r\n
\r\n\r\n Deleted items
\r\n \r\n\r\n
\r\n \r\n );\r\n}\r\n\r\nexport default AdminDeletedItems;\r\n","import React, { lazy, Suspense, useEffect, useState } from \"react\";\r\nimport { Navigate, Route, Routes, useLocation } from \"react-router-dom\";\r\nimport { AdminLayout } from \"../_metronic/layout/components/AdminLayout\";\r\nimport ProtectedRoute from \"./base/components/ProtectedRoute\";\r\nimport AuthService from \"./base/services/authentication.service\";\r\nimport { AuthPage } from \"./pages/auth/routes\";\r\nimport { UserRolesEnum } from \"./pages/auth/userRoles.enum\";\r\nimport { Error500 } from \"./pages/errorsExamples/Error500\";\r\nimport { Error404 } from \"./pages/errorsExamples/Error404\";\r\nimport { Error401 } from \"./pages/errorsExamples/Error401\";\r\nimport Workspace from \"./pages/workspace/index\";\r\nimport Test from \"./pages/admin/workspace/Test\";\r\nimport EditPage from \"./pages/workspace/components/newWorkSpace/EditPage\";\r\nimport { NewWorkspace } from \"./pages/workspace/components/newWorkSpace/NewWorkspace\";\r\nimport { WorkspaceLayout } from \"../_metronic/layout/components/WorkspaceLayout\";\r\nimport SpaceSelectionPage from \"./pages/workspace/space-selection\";\r\nimport ProjectSelection from \"./pages/workspace/projects/project-selection\";\r\nimport { CreateNewProject } from \"./pages/workspace/components/projects/CreateNewProject\";\r\nimport ProjectTypes from \"./pages/workspace/components/projects/createNewProject/ProjectTypes\";\r\nimport AdminWorkspace from \"./pages/admin/workspace/AdminWorkspace\";\r\nimport UserManagement from \"./pages/admin/user-management/UserManagement\";\r\nimport PaymentPlans from \"./pages/admin/payment-plans/PaymentPlans\";\r\nimport { ComingSoon } from \"./pages/comingSoon/ComingSoon\";\r\nimport Preview from \"./pages/surveyBuilder/v2/viewer/Preview/Preview\";\r\nimport MyTasks from \"./pages/workspace/my-tasks\";\r\nimport { Spin } from \"antd\";\r\nimport OrganizationsPage from \"./pages/admin/organizations/OrganizationsPage\";\r\nimport ProfilePage from \"./pages/auth/profile/ProfilePage\";\r\nimport SubscriptionPage from \"./pages/auth/subscription-plans/SubscriptionPage\";\r\nimport LoginInformationPage from \"./pages/auth/login-information/LoginInformationPage\";\r\nimport AccountSummaryPage from \"./pages/auth/account-summary/AccountSummaryPage\";\r\nimport AdminDeletedItems from \"./pages/admin/deleted-items/AdminDeletedItems\";\r\nimport { withErrorBoundary } from \"./components/ErrorBoundary/withErrorBoundary\";\r\n\r\nconst AdminPages = lazy(() => import(\"./pages/admin/routes\"));\r\nconst WorkspacePages = lazy(() => import(\"./pages/workspace/routes\"));\r\n\r\nfunction Routess() {\r\n const [isAuthenticated, setisAuth] = useState(() => AuthService.isAuthenticated());\r\n\r\n const location = useLocation();\r\n\r\n useEffect(() => {\r\n setisAuth(AuthService.isAuthenticated());\r\n }, [location, setisAuth]);\r\n\r\n return (\r\n \r\n
\r\n \r\n \r\n - \r\n {languages.map((language) => (\r\n
\r\n {/* begin::Mobile Toggle */}\r\n {layoutProps.subheaderMobileToggle && (\r\n \r\n \r\n \r\n )}\r\n {/* end::Mobile Toggle */}\r\n
\r\n \r\n {/* LOGO BURADA OLACAK */}\r\n
\r\n \r\n \r\n );\r\n}\r\n","import { LocalStorageService } from \"./local-storage.service\";\r\nimport { SessionService } from \"./session.service\";\r\nimport { jwtDecode } from \"jwt-decode\";\r\n\r\n//will be removed after test\r\n// const testToken = \"\";\r\n\r\nconst AuthService = {\r\n getAccessToken() {\r\n return LocalStorageService.getItem(\"atoken\") || null; // will be null after test\r\n },\r\n\r\n getRefreshToken() {\r\n return LocalStorageService.getItem(\"rtoken\") || null; // will be null after test;\r\n },\r\n\r\n setTokens(aToken, rToken) {\r\n LocalStorageService.setItem(\"atoken\", aToken);\r\n LocalStorageService.setItem(\"rtoken\", rToken);\r\n },\r\n\r\n getTokenExpirationTime() {\r\n LocalStorageService.getItem(\"tokenExpire\");\r\n },\r\n\r\n isAuthenticated() {\r\n const token = this.getAccessToken();\r\n let decodedToken = token && jwtDecode(token);\r\n let currentDate = new Date();\r\n return !(decodedToken?.exp * 1000 < currentDate.getTime() || !token);\r\n },\r\n\r\n isAuthorized(allowedRoles) {\r\n const user = this.getUser();\r\n const roles = JSON.parse(localStorage.getItem(\"roles\"));\r\n\r\n if (!roles) return false;\r\n let userRoles;\r\n\r\n if (user !== null) {\r\n userRoles = roles?.map((role) => {\r\n return role.id;\r\n });\r\n } else {\r\n userRoles = [\"-1\"];\r\n }\r\n\r\n const contains = allowedRoles.some((element) => {\r\n return userRoles.indexOf(element) !== -1;\r\n });\r\n return contains;\r\n },\r\n\r\n setUser(model) {\r\n LocalStorageService.setItem(\"user\", model);\r\n },\r\n\r\n getUser() {\r\n if (this.isAuthenticated()) {\r\n return LocalStorageService.getItem(\"user\");\r\n } else {\r\n return null;\r\n }\r\n },\r\n getOrganizationId() {\r\n return LocalStorageService.getItem(\"organizationId\");\r\n },\r\n\r\n logout() {\r\n LocalStorageService.removeItem(\"user\");\r\n LocalStorageService.removeItem(\"atoken\");\r\n LocalStorageService.removeItem(\"tokenExpire\");\r\n LocalStorageService.removeItem(\"organizationId\");\r\n LocalStorageService.removeItem(\"organizationName\");\r\n LocalStorageService.removeItem(\"roles\");\r\n SessionService.clear();\r\n window.location.href = \"/auth/login\";\r\n }\r\n};\r\n\r\nexport default AuthService;\r\n","import {\r\n CollectionTypeEnumeratorsEnum,\r\n CollectionTypeMessagesEnum,\r\n GenderEnum,\r\n SurveyStatusEnum,\r\n TaskStatusEnum,\r\n RecurrenceOptionsEnum,\r\n WeekDaysEnum\r\n} from \"./enums\";\r\n\r\nexport const surveyStatusOptions = [\r\n { value: SurveyStatusEnum.Editing, label: \"Editing\" },\r\n { value: SurveyStatusEnum.Deployed, label: \"Published\" },\r\n { value: SurveyStatusEnum.Archived, label: \"Archived\" }\r\n];\r\n\r\nexport const taskStatusOptions = [\r\n {\r\n value: TaskStatusEnum.Assigned,\r\n label: \"Assigned\"\r\n },\r\n {\r\n value: TaskStatusEnum.Rejected,\r\n label: \"Rejected\"\r\n },\r\n // {\r\n // value: TaskStatusEnum.InProgress,\r\n // label: \"In progress\"\r\n // },\r\n {\r\n value: TaskStatusEnum.Completed,\r\n label: \"Completed\"\r\n }\r\n];\r\n\r\nexport const genderOptions = [\r\n {\r\n value: GenderEnum.Male,\r\n label: \"Male\"\r\n },\r\n {\r\n value: GenderEnum.Female,\r\n label: \"Female\"\r\n },\r\n {\r\n value: GenderEnum.Other,\r\n label: \"Other\"\r\n }\r\n];\r\n\r\nexport const collectionTypeEnumeratorsOptions = [\r\n {\r\n value: CollectionTypeEnumeratorsEnum.SurveyLink,\r\n label: \"Survey Link\"\r\n },\r\n {\r\n value: CollectionTypeEnumeratorsEnum.InPerson,\r\n label: \"In person\"\r\n }\r\n];\r\n\r\nexport const collectionTypeMessagesOptions = [\r\n {\r\n value: CollectionTypeMessagesEnum.Whatsapp,\r\n label: \"Whatsapp\"\r\n },\r\n {\r\n value: CollectionTypeMessagesEnum.Email,\r\n label: \"Email\"\r\n }\r\n];\r\n\r\nexport const recurrenceOptionsOptions = [\r\n {\r\n value: RecurrenceOptionsEnum.Daily,\r\n label: \"Daily\"\r\n },\r\n {\r\n value: RecurrenceOptionsEnum.Weekly,\r\n label: \"Weekly\"\r\n },\r\n {\r\n value: RecurrenceOptionsEnum.Biweekly,\r\n label: \"Biweekly\"\r\n },\r\n {\r\n value: RecurrenceOptionsEnum.Monthly,\r\n label: \"Monthly\"\r\n },\r\n {\r\n value: RecurrenceOptionsEnum.Yearly,\r\n label: \"Yearly\"\r\n },\r\n {\r\n value: RecurrenceOptionsEnum.EveryXDays,\r\n label: \"Every x days\"\r\n },\r\n {\r\n value: RecurrenceOptionsEnum.NoRecurrence,\r\n label: \"No Recurrence\"\r\n }\r\n];\r\n\r\nexport const weekDaysOptions = [\r\n {\r\n value: WeekDaysEnum.Monday,\r\n label: \"Monday\"\r\n },\r\n {\r\n value: WeekDaysEnum.Tuesday,\r\n label: \"Tuesday\"\r\n },\r\n {\r\n value: WeekDaysEnum.Wednesday,\r\n label: \"Wednesday\"\r\n },\r\n {\r\n value: WeekDaysEnum.Thursday,\r\n label: \"Thursday\"\r\n },\r\n {\r\n value: WeekDaysEnum.Friday,\r\n label: \"Friday\"\r\n },\r\n {\r\n value: WeekDaysEnum.Saturday,\r\n label: \"Saturday\"\r\n },\r\n {\r\n value: WeekDaysEnum.Sunday,\r\n label: \"Sunday\"\r\n }\r\n];\r\n","import React from \"react\";\r\nimport { Modal, Button } from \"antd\";\r\nimport { CloseOutlined } from \"@ant-design/icons\";\r\n\r\nimport \"./PreviewModal.scss\";\r\n\r\nconst PreviewModal = (props) => {\r\n const handleOk = () => {\r\n props.handleOk?.();\r\n props.setIsModalOpen(false);\r\n };\r\n\r\n const handleCancel = () => {\r\n props.handleCancel?.();\r\n props.setIsModalOpen(false);\r\n };\r\n\r\n return (\r\n \r\n {user?.fullName}\r\n
\r\n {organizationName}\r\n
\r\n \r\n {organizationName}\r\n
\r\n \r\n \r\n {profilePhoto ? (\r\n \r\n ) : (\r\n \r\n {user?.fullName.charAt(0)}\r\n \r\n )}\r\n \r\n \r\n
\r\n {props.title}
\r\n\r\n
\r\n \r\n \r\n
Delete Item
\r\n\r\n Are you sure you want to delete this item? This action cannot be undone and\r\n will delete all the data related to this item, including surveys, survey\r\n submissions, labels, etc.\r\n
\r\n\r\n \r\n \r\n
\r\n \r\n \r\n handleRestore(entity)}>\r\n \r\n setDeleteModal(entity.id)}>\r\n (\r\n \r\n \r\n \r\n {deleteModal !== \"\" && (\r\n 0}\r\n setOpen={() => setDeleteModal(\"\")}\r\n handleDelete={() => handleDelete(entity)}\r\n id={deleteModal}\r\n />\r\n )}\r\n
\r\n );\r\n}\r\n","import { create } from \"zustand\";\r\nimport { httpService } from \"../../../base/services/httpService.service\";\r\nimport {\r\n debounce,\r\n addQuestion,\r\n deleteQuestion,\r\n addInnerSection,\r\n deleteSection,\r\n addSection,\r\n addFirstSection,\r\n duplicateQuestion,\r\n updateQuestionHint,\r\n updateQuestionLabel,\r\n updateQuestionType,\r\n updateQuestionChoices,\r\n updateSecondQuestionChoices,\r\n updateRangeValues,\r\n updateIsRequiredStatus,\r\n updateMaxChoices\r\n} from \"./helpers\";\r\nimport { Constants } from \"../../../utils/constants\";\r\nimport { loadDraft } from \"../../../storage/db\";\r\n\r\nexport const useSurveyStore = create((set) => ({\r\n isLoading: false,\r\n isSurveyLoading: false,\r\n surveyAlldata: [],\r\n surveyData: [],\r\n surveyBaseLanguage: \"ecfb845a-86f0-476c-a4df-f101d35a96f9\",\r\n arabicLanguageID: Constants.ARABIC_LANGUAGE_ID,\r\n surveyBaseLanguageName: \"\",\r\n\r\n fetchSurveyById: (payload, loading = true) => {\r\n set({ isSurveyLoading: loading });\r\n\r\n httpService.post(\r\n \"Survey/GetById\",\r\n {\r\n SurveyId: payload.surveyId,\r\n languageId: payload.languageId\r\n },\r\n (res) => {\r\n const language =\r\n res?.data.surveyLanguageMaps?.find((lang) => lang.isBaseLanguage) || null;\r\n set({\r\n surveyAlldata: res?.data,\r\n surveyData: res?.data?.surveyItems,\r\n isSurveyLoading: false,\r\n surveyBaseLanguage: language.languageId, // You can use the correct value here\r\n surveyBaseLanguageName: language.name\r\n });\r\n }\r\n );\r\n },\r\n fetchSurveyByyId: (payload, loading = true) => {\r\n set({ isSurveyLoading: loading });\r\n\r\n httpService.get(\r\n `/Survey/GetPreviewData?surveyId=${payload.surveyId}&languageId=${payload.languageId}`,\r\n // {\r\n // SurveyId: payload.surveyId,\r\n // languageId: payload.languageId\r\n // },\r\n (res) => {\r\n const language =\r\n res?.data.surveyLanguageMaps?.find((lang) => lang.isBaseLanguage) || null;\r\n set({\r\n surveyAlldata: res?.data,\r\n surveyData: res?.data?.surveyItems,\r\n isSurveyLoading: false,\r\n surveyBaseLanguage: language.languageId, // You can use the correct value here\r\n surveyBaseLanguageName: language.name\r\n });\r\n }\r\n );\r\n },\r\n setSurveySubmissionData: (key, value) => {\r\n set((state) => ({\r\n surveySubmissionData: {\r\n ...state.surveySubmissionData,\r\n [key]: value\r\n }\r\n }));\r\n },\r\n\r\n fetchSurveyDetailsById: (surveyId, loading = true) => {\r\n set({ isSurveyLoading: loading });\r\n\r\n httpService.get(`Survey/GetSurveyDetails?surveyId=${surveyId}`, (res) => {\r\n console.log(\"New response\", res.data);\r\n set({\r\n surveyAlldata: res.data,\r\n isSurveyLoading: false\r\n });\r\n });\r\n }\r\n}));\r\n\r\nexport const useSurveyInputStore = create((set) => ({\r\n inputs: {},\r\n errors: null,\r\n getErrors: (renderedElementIds, inputs) => {\r\n const surveyQuestions = editDataStore.getState().surveyQuestions;\r\n const errorKeys = [];\r\n\r\n surveyQuestions.forEach((question) => {\r\n if (question.isRequired) {\r\n if (!inputs[question.id]) {\r\n errorKeys.push(question.id);\r\n } else {\r\n const answerDetailKey = Object.keys(inputs[question.id].answerDetail)[0];\r\n const answerDetail = inputs[question.id].answerDetail[answerDetailKey];\r\n if (\r\n answerDetail &&\r\n (answerDetail === \"\" ||\r\n answerDetail.length === 0 ||\r\n (typeof answerDetail === \"string\" && answerDetail.trim() === \"\"))\r\n ) {\r\n errorKeys.push(question.id);\r\n }\r\n }\r\n }\r\n });\r\n\r\n const relevantErrors = errorKeys.filter((key) => renderedElementIds.includes(key));\r\n\r\n return relevantErrors;\r\n },\r\n setInputs: (e) => {\r\n // type e = {\r\n // name: string,\r\n // value: {\r\n // surveyId: string,\r\n // userId: string,\r\n // questionId: string,\r\n // questionType: 40,\r\n // name: string\r\n // skipLogicAnswer: any,\r\n // answerDetail: {\r\n // [key:string]: any\r\n // }\r\n // }\r\n // }\r\n if (e) {\r\n set((state) => {\r\n // name id the question id - uuid\r\n const { name, value } = e?.target;\r\n const updatedInputs = { ...state.inputs };\r\n\r\n if (value !== \"\") {\r\n updatedInputs[name] = value;\r\n } else {\r\n delete updatedInputs[name];\r\n }\r\n\r\n return { inputs: updatedInputs };\r\n });\r\n } else {\r\n set(() => {\r\n return { inputs: {} };\r\n });\r\n }\r\n },\r\n setDraftSurvey: async (surveyId, draftId) => {\r\n //TODO: try catch\r\n const draftData = await loadDraft(surveyId, draftId);\r\n set({ inputs: draftData.formData });\r\n },\r\n resetInputs: () => {\r\n set(({ inputs }) => {\r\n const surveyQuestions = editDataStore.getState().surveyQuestions;\r\n\r\n const updatedInputs = { ...inputs };\r\n\r\n surveyQuestions.forEach((question) => {\r\n if (Object.keys(updatedInputs).includes(question.id) && question.default === null) {\r\n delete updatedInputs[question.id];\r\n }\r\n });\r\n\r\n return { inputs: updatedInputs };\r\n });\r\n }\r\n}));\r\n\r\nexport const editDataStore = create((set) => ({\r\n editData: {},\r\n isSurveyLoading: false,\r\n surveyData: [],\r\n surveyQuestions: [],\r\n surveyAllData: {},\r\n surveyDataResponse: {},\r\n toggleLocation: false,\r\n changeSurveyStatus: (newStatus) => {\r\n set((state) => ({\r\n surveyAllData: {\r\n ...state.surveyAllData,\r\n surveyStatusId: newStatus\r\n }\r\n }));\r\n },\r\n fetchSurveyById: (payload, loading = true) => {\r\n set({ isSurveyLoading: loading });\r\n\r\n const ITEM_LABEL = {\r\n SECTION: \"Section\",\r\n QUESTION: \"Question\"\r\n };\r\n const getQuestionsRecursively = (items) => {\r\n return items.flatMap((item) => {\r\n if (item.itemLabel === ITEM_LABEL.SECTION) {\r\n return getQuestionsRecursively(item.innerItems);\r\n } else {\r\n return item.surveyItem;\r\n }\r\n });\r\n };\r\n const params = new URLSearchParams({\r\n surveyId: payload.surveyId,\r\n languageId: payload.languageId,\r\n ...(payload.taskId && { taskId: payload.taskId }),\r\n ...(payload.receiverId && { messageReceiverId: payload.receiverId })\r\n });\r\n httpService.get(\r\n `Survey/GetPreviewData?${params.toString()}`,\r\n (res) => {\r\n const surveyData = res?.data?.surveyItems?.map((item) => {\r\n if (item.itemLabel === ITEM_LABEL.SECTION && item.innerItems) {\r\n item.innerItems.forEach((innerItem, innerIndex) => {\r\n innerItem.surveyItem.order = innerIndex + 1; // Start order count from 1 for each section\r\n });\r\n }\r\n return item;\r\n });\r\n const language =\r\n res?.data.surveyLanguageMaps?.find((lang) => lang.isBaseLanguage) || null;\r\n\r\n const surveyQuestions = getQuestionsRecursively(surveyData);\r\n\r\n set({\r\n surveyDataResponse: JSON.stringify(res.data),\r\n isSurveyLoading: false,\r\n surveyData: surveyData,\r\n surveyQuestions: surveyQuestions,\r\n surveyAllData: res?.data,\r\n surveyBaseLanguage: language.languageId,\r\n surveyBaseLanguageName: language.name,\r\n toggleLocation: res.data.toggleLocation\r\n });\r\n },\r\n (_error) => {\r\n set({ isSurveyLoading: false });\r\n }\r\n );\r\n },\r\n\r\n deleteQuestion: (sectionId, questionId) => {\r\n const performDeletion = async () => {\r\n const updatedSurveyData = [...editDataStore.getState().surveyData];\r\n\r\n if (questionId === 0) {\r\n const sectionsIds = [sectionId];\r\n try {\r\n await httpService.delete(\"Survey/Section/DeleteSections\", sectionsIds, (res) => {\r\n if (res.isSuccess) {\r\n deleteSection(updatedSurveyData, sectionId);\r\n set({ surveyData: updatedSurveyData });\r\n }\r\n });\r\n } catch (error) {\r\n deleteSection(updatedSurveyData, sectionId);\r\n set({ surveyData: updatedSurveyData });\r\n }\r\n } else {\r\n const questionIds = [questionId];\r\n try {\r\n await httpService.delete(\"Survey/Question/DeleteQuestions\", questionIds, (res) => {\r\n if (res.isSuccess) {\r\n deleteQuestion(updatedSurveyData, sectionId, questionId);\r\n set({ surveyData: updatedSurveyData });\r\n }\r\n });\r\n } catch (error) {\r\n deleteQuestion(updatedSurveyData, sectionId, questionId);\r\n set({ surveyData: updatedSurveyData });\r\n }\r\n }\r\n };\r\n\r\n performDeletion();\r\n },\r\n addQuestion: (payload) => {\r\n set((state) => {\r\n const updatedSurveyData = [...state.surveyData];\r\n\r\n if (payload.questionType === 0) {\r\n addInnerSection(updatedSurveyData, payload);\r\n } else {\r\n addQuestion(updatedSurveyData, payload);\r\n }\r\n return { surveyData: updatedSurveyData };\r\n });\r\n },\r\n duplicateElement: (sectionId, questionId) => {\r\n set((state) => {\r\n const updatedSurveyData = [...state.surveyData];\r\n\r\n duplicateQuestion(updatedSurveyData, sectionId, questionId);\r\n return { surveyData: updatedSurveyData };\r\n });\r\n },\r\n addSection: (targetId) => {\r\n set((state) => {\r\n const updatedSurveyData = [...state.surveyData];\r\n\r\n if (targetId === 0) {\r\n addFirstSection(updatedSurveyData);\r\n } else {\r\n addSection(updatedSurveyData, targetId);\r\n }\r\n\r\n return { surveyData: updatedSurveyData };\r\n });\r\n },\r\n changeRequiredStatus: (id, status) => {\r\n set((state) => {\r\n const updatedEditData = { ...state.editData };\r\n if (!updatedEditData[id]) {\r\n updatedEditData[id] = { isRequired: status };\r\n } else {\r\n updatedEditData[id].isRequired = status;\r\n }\r\n const updatedSurveyData = updateIsRequiredStatus(state.surveyData, id, status);\r\n\r\n return { editData: updatedEditData, surveyData: updatedSurveyData };\r\n });\r\n },\r\n setQuestionTitle: (sectionId, id, text) => {\r\n set((state) => {\r\n const updatedEditData = { ...state.editData };\r\n if (!updatedEditData[id]) {\r\n updatedEditData[id] = { title: text };\r\n } else {\r\n updatedEditData[id].title = text;\r\n }\r\n const updatedSurveyData = updateQuestionLabel(state.surveyData, sectionId, id, text);\r\n\r\n return { editData: updatedEditData, surveyData: updatedSurveyData };\r\n });\r\n },\r\n setQuestionHint: (sectionId, id, text) => {\r\n set((state) => {\r\n const updatedEditData = { ...state.editData };\r\n\r\n if (!updatedEditData[id]) {\r\n updatedEditData[id] = { hint: text };\r\n } else {\r\n updatedEditData[id].hint = text;\r\n }\r\n\r\n const updatedSurveyData = updateQuestionHint(state.surveyData, sectionId, id, text);\r\n return { editData: updatedEditData, surveyData: updatedSurveyData };\r\n });\r\n },\r\n setQuestionType: (sectionId, id, type) => {\r\n set((state) => {\r\n const updatedEditData = { ...state.editData };\r\n if (!updatedEditData[id]) {\r\n updatedEditData[id] = { type: type };\r\n } else {\r\n updatedEditData[id].type = type;\r\n }\r\n const updatedSurveyData = updateQuestionType(state.surveyData, sectionId, id, type);\r\n return { editData: updatedEditData, surveyData: updatedSurveyData };\r\n });\r\n },\r\n setQuestionChoices: (sectionId, id, choices) => {\r\n set((state) => {\r\n const updatedEditData = { ...state.editData };\r\n if (!updatedEditData[id]) {\r\n updatedEditData[id] = {\r\n choices: choices\r\n };\r\n } else {\r\n updatedEditData[id].choices = choices;\r\n }\r\n\r\n const updatedSurveyData = updateQuestionChoices(state.surveyData, sectionId, id, choices);\r\n return { editData: updatedEditData, surveyData: updatedSurveyData };\r\n });\r\n },\r\n setMaxChoices: (sectionId, id, maxChoices) => {\r\n set((state) => {\r\n const updatedEditData = { ...state.editData };\r\n if (!updatedEditData[id]) {\r\n updatedEditData[id] = {\r\n maxChoices: maxChoices\r\n };\r\n } else {\r\n updatedEditData[id].maxChoices = maxChoices;\r\n }\r\n\r\n const updatedSurveyData = updateMaxChoices(state.surveyData, sectionId, id, maxChoices);\r\n return { editData: updatedEditData, surveyData: updatedSurveyData };\r\n });\r\n },\r\n setSecondQuestionChoices: (sectionId, id, choices) => {\r\n set((state) => {\r\n const updatedEditData = { ...state.editData };\r\n if (!updatedEditData[id]) {\r\n updatedEditData[id] = {\r\n secondChoices: choices\r\n };\r\n } else {\r\n updatedEditData[id].secondChoices = choices;\r\n }\r\n\r\n const updatedSurveyData = updateSecondQuestionChoices(\r\n state.surveyData,\r\n sectionId,\r\n id,\r\n choices\r\n );\r\n return { editData: updatedEditData, surveyData: updatedSurveyData };\r\n });\r\n },\r\n setRangeOptions: (sectionId, id, rangeOptions) => {\r\n set((state) => {\r\n const updatedEditData = { ...state.editData };\r\n\r\n if (!updatedEditData[id]) {\r\n updatedEditData[id] = {\r\n range: rangeOptions\r\n };\r\n } else {\r\n updatedEditData[id].range = rangeOptions;\r\n }\r\n\r\n const updatedSurveyData = updateRangeValues(state.surveyData, sectionId, id, rangeOptions);\r\n return { editData: updatedEditData, surveyData: updatedSurveyData };\r\n });\r\n }\r\n}));\r\n\r\nexport const surveyLanguageStore = create((set) => ({\r\n language: \"\",\r\n setLanguage: (value) => set({ language: value })\r\n}));\r\n\r\nexport const useTranslateStore = create((set) => {\r\n const initialState = {\r\n toLanguage: \"\",\r\n languageStatus: \"\",\r\n labelData: [],\r\n choiceData: [],\r\n translationSections: [],\r\n translationLabels: [],\r\n translateHints: [],\r\n blabla: []\r\n };\r\n\r\n return {\r\n ...initialState,\r\n setToLanguage: (value) => set({ toLanguage: value }),\r\n setLanguageStatus: (value) => set({ languageStatus: value }),\r\n handleTextChange: debounce((text, questionId, dataType, description) => {\r\n set((state) => {\r\n const existingEntryIndex = state.labelData.findIndex(\r\n (entry) => entry.questionId === questionId\r\n );\r\n let newData;\r\n if (existingEntryIndex !== -1) {\r\n const updatedData = [...state.labelData];\r\n updatedData[existingEntryIndex] = { questionId, text, dataType };\r\n newData = {};\r\n } else {\r\n switch (dataType) {\r\n case \"Section\":\r\n const filteredSections = (state.translationSections || []).filter(\r\n (entry) => entry.sectionId !== questionId\r\n );\r\n newData = {\r\n ...state,\r\n translationSections: [\r\n ...filteredSections,\r\n { sectionId: questionId, name: text, description: text }\r\n ]\r\n };\r\n break;\r\n case \"Question\":\r\n const filteredLabels = (state.translationLabels || []).filter(\r\n (entry) => entry.questionId !== questionId\r\n );\r\n newData = {\r\n ...state,\r\n translationLabels: [...filteredLabels, { questionId, text }]\r\n };\r\n break;\r\n case \"Hints\":\r\n const filteredHints = (state.translateHints || []).filter(\r\n (entry) => entry.questionId !== questionId\r\n );\r\n newData = {\r\n ...state,\r\n translateHints: [...filteredHints, { questionId, text }]\r\n };\r\n break;\r\n default:\r\n newData = { ...state };\r\n }\r\n\r\n delete newData.labelData;\r\n }\r\n\r\n return newData;\r\n });\r\n }, 500),\r\n handleChoiceLabel: debounce((choiceId, value) => {\r\n set((state) => {\r\n const existingEntryIndex = state.choiceData.findIndex(\r\n (entry) => entry.choiceLabels[0].choiceId === choiceId\r\n );\r\n\r\n if (existingEntryIndex !== -1) {\r\n const updatedData = [...state.choiceData];\r\n updatedData[existingEntryIndex].choiceLabels[0].text = value;\r\n return { choiceData: updatedData };\r\n } else {\r\n return {\r\n choiceData: [\r\n ...state.choiceData,\r\n {\r\n choiceLabels: [\r\n {\r\n text: value,\r\n choiceId: choiceId\r\n }\r\n ]\r\n }\r\n ]\r\n };\r\n }\r\n });\r\n }, 500),\r\n initializeTranslation: (inputData) => {\r\n const initialChoiceData = [];\r\n const initialTranslationSections = [];\r\n const initialTranslationLabels = [];\r\n\r\n if (!inputData) {\r\n set({\r\n choiceData: [],\r\n translationSections: [],\r\n translationLabels: []\r\n });\r\n return;\r\n }\r\n\r\n const initializeItem = (items) => {\r\n items.forEach((item) => {\r\n if (item.itemLabel === \"Question\") {\r\n item.surveyItem.questionLabels.forEach((label) => {\r\n initialTranslationLabels.push({\r\n questionId: label.questionId,\r\n text: label.text\r\n });\r\n });\r\n\r\n if (item.surveyItem.selectQuestionChoices.length > 0) {\r\n item.surveyItem.selectQuestionChoices.forEach((choice) => {\r\n choice.choiceLabels.forEach((choiceLabel) => {\r\n initialChoiceData.push({\r\n choiceLabels: [\r\n {\r\n text: choiceLabel.text.trim(),\r\n choiceId: choiceLabel.choiceId\r\n }\r\n ]\r\n });\r\n });\r\n });\r\n }\r\n }\r\n\r\n if (item.itemLabel === \"Section\") {\r\n initialTranslationSections.push({\r\n sectionId: item.id,\r\n name: item.surveyItem.description,\r\n description: item.surveyItem.description\r\n });\r\n\r\n if (item.innerItems) {\r\n initializeItem(item.innerItems);\r\n }\r\n }\r\n });\r\n };\r\n\r\n initializeItem(inputData.surveyItems);\r\n\r\n set({\r\n choiceData: initialChoiceData,\r\n translationSections: initialTranslationSections,\r\n translationLabels: initialTranslationLabels\r\n });\r\n }\r\n };\r\n});\r\n\r\nexport const useGetDraftedSurvey = create((set) => ({\r\n survey: \"\",\r\n setSurvey: (value) => set({ survey: value })\r\n}));\r\n\r\nexport const useSurveySkipLogicStore = create((set) => ({\r\n skipLogicCreate: [],\r\n\r\n setSkipLogicCreate: (question, logicalOperator, skipLogics) => {\r\n set((state) => {\r\n const sectionId = question?.itemLabel === \"Section\" && question?.id;\r\n const questionId = !question?.itemLabel && question?.id;\r\n\r\n let itemExists = false;\r\n const updatedSkipLogic = state.skipLogicCreate.map((item) => {\r\n if (\r\n (item.questionId && questionId && item.questionId === questionId) ||\r\n (item.sectionId && sectionId && item.sectionId === sectionId)\r\n ) {\r\n itemExists = true;\r\n const existingSkipLogic = item.skipLogics.find(\r\n (logic) => logic.index === skipLogics[0].index\r\n );\r\n\r\n if (skipLogics[0].questionType === 33 && skipLogics[0].value) {\r\n //later: logicaloperator for selectmany should be put directly from preview\r\n // item.logicalOperator = 1;\r\n if (existingSkipLogic && existingSkipLogic.value === \"\") {\r\n item.skipLogics = item.skipLogics.map((logic) =>\r\n logic.index === skipLogics[0].index ? { ...logic, ...skipLogics[0] } : logic\r\n );\r\n } else {\r\n item.skipLogics.push({ ...skipLogics[0] });\r\n }\r\n } else {\r\n if (existingSkipLogic) {\r\n item.skipLogics = item.skipLogics.map((logic) =>\r\n logic.index === skipLogics[0].index ? { ...logic, ...skipLogics[0] } : logic\r\n );\r\n } else {\r\n item.skipLogics.push(...skipLogics);\r\n }\r\n }\r\n }\r\n return item;\r\n });\r\n\r\n if (!itemExists) {\r\n const newSkipLogic = {\r\n sectionId,\r\n questionId,\r\n logicalOperator,\r\n skipLogics\r\n };\r\n\r\n updatedSkipLogic.push(newSkipLogic);\r\n }\r\n\r\n return { skipLogicCreate: updatedSkipLogic };\r\n });\r\n },\r\n deleteSkipLogic: (question, index, value) => {\r\n set((state) => {\r\n const updatedSkipLogic = state.skipLogicCreate.map((item) => {\r\n if (item.questionId === question.id || item.sectionId === question.id) {\r\n if (item.skipLogics.length > 0) {\r\n // later: value is not passed in general delete item from skipLogicCreate state\r\n if (value) {\r\n item.skipLogics = item.skipLogics.filter((logic) => logic.value !== value);\r\n } else {\r\n item.skipLogics = item.skipLogics.filter((logic) => logic.index !== index);\r\n }\r\n\r\n if (item.skipLogics.length === 0) {\r\n return {\r\n ...item,\r\n skipLogics: []\r\n };\r\n }\r\n } else {\r\n return undefined;\r\n }\r\n }\r\n return item;\r\n });\r\n\r\n return { skipLogicCreate: updatedSkipLogic };\r\n });\r\n },\r\n setLogicalOperator: (question, logicalOperator) => {\r\n set((state) => {\r\n const sectionId = question?.itemLabel === \"Section\" && question?.id;\r\n const questionId = !question?.itemLabel && question?.id;\r\n\r\n const updatedSkipLogic = state.skipLogicCreate.map((item) => {\r\n if (item.questionId === questionId || item.sectionId === sectionId) {\r\n item.logicalOperator = logicalOperator;\r\n }\r\n return item;\r\n });\r\n\r\n return { skipLogicCreate: updatedSkipLogic };\r\n });\r\n },\r\n setSkipLogicCreateFromBackend: (skipLogicData) => {\r\n set((state) => {\r\n return {\r\n skipLogicCreate: [\r\n ...state.skipLogicCreate,\r\n {\r\n sectionId: skipLogicData.sectionId,\r\n questionId: skipLogicData.questionId,\r\n logicalOperator: skipLogicData.logicalOperator,\r\n skipLogics: skipLogicData.skipLogics\r\n }\r\n ]\r\n };\r\n });\r\n },\r\n clearSkipLogicCreate: () => {\r\n set((state) => {\r\n return {\r\n skipLogicCreate: []\r\n };\r\n });\r\n }\r\n}));\r\n","import React, { createContext, useState, useContext } from \"react\";\r\n\r\nexport function getBreadcrumbsAndTitle(menuId, pathName) {\r\n const result = {\r\n breadcrumbs: [],\r\n title: \"\",\r\n };\r\n const menu = document.getElementById(menuId);\r\n if (!menu) {\r\n return result;\r\n }\r\n\r\n const activeLinksArray = Array.from(\r\n menu.getElementsByClassName(\"active\") || []\r\n );\r\n const activeLinks = activeLinksArray.filter((el) => el.tagName === \"A\");\r\n if (!activeLinks) {\r\n return result;\r\n }\r\n\r\n activeLinks.forEach((link) => {\r\n const titleSpans = link.getElementsByClassName(\"menu-text\");\r\n\r\n if (titleSpans) {\r\n const titleSpan = Array.from(titleSpans).find(\r\n (t) => t.innerHTML && t.innerHTML.trim().length > 0\r\n );\r\n if (titleSpan) {\r\n result.breadcrumbs.push({\r\n pathname: link.pathname.replace(process.env.PUBLIC_URL, \"\"),\r\n title: titleSpan.innerHTML,\r\n });\r\n }\r\n }\r\n });\r\n result.title = getTitle(result.breadcrumbs, pathName);\r\n return result;\r\n}\r\n\r\nexport function getTitle(breadCrumbs, pathname) {\r\n if (!breadCrumbs || !pathname) {\r\n return \"\";\r\n }\r\n\r\n const length = breadCrumbs.length;\r\n if (!length) {\r\n return \"\";\r\n }\r\n\r\n return breadCrumbs[length - 1].title;\r\n}\r\n\r\nconst SubheaderContext = createContext();\r\n\r\nexport function useSubheader() {\r\n return useContext(SubheaderContext);\r\n}\r\n\r\nexport const SubheaderConsumer = SubheaderContext.Consumer;\r\n\r\nexport function MetronicSubheaderProvider({ children }) {\r\n const [title, setTitle] = useState(\"\");\r\n const [breadcrumbs, setBreadcrumbs] = useState([]);\r\n const value = { title, setTitle, breadcrumbs, setBreadcrumbs };\r\n return (\r\n \r\n
\r\n ),\r\n key: onlineMessageKey\r\n });\r\n set({ isOnline: true });\r\n };\r\n\r\n const handleOffline = () => {\r\n destroyMessages();\r\n message.open({\r\n content: (\r\n \r\n
\r\n ),\r\n key: offlineMessageKey\r\n });\r\n set({ isOnline: false });\r\n };\r\n\r\n window.addEventListener(\"online\", handleOnline);\r\n window.addEventListener(\"offline\", handleOffline);\r\n\r\n // Check the online status immediately and then every 5 seconds\r\n checkOnlineStatus();\r\n intervalId = setInterval(checkOnlineStatus, 5000);\r\n\r\n return () => {\r\n clearInterval(intervalId);\r\n window.removeEventListener(\"online\", handleOnline);\r\n window.removeEventListener(\"offline\", handleOffline);\r\n };\r\n }\r\n}));\r\n\r\nexport default useOnlineStore;\r\n","var _rect, _g, _defs;\n\nvar _excluded = [\"title\", \"titleId\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport * as React from \"react\";\n\nfunction SvgCheckIcon(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 81,\n height: 81,\n viewBox: \"0 0 81 81\",\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _rect || (_rect = /*#__PURE__*/React.createElement(\"rect\", {\n x: 0.5,\n y: 0.890625,\n width: 80,\n height: 80,\n rx: 40,\n fill: \"#FFF1E8\"\n })), _g || (_g = /*#__PURE__*/React.createElement(\"g\", {\n clipPath: \"url(#clip0_15911_57599)\"\n }, /*#__PURE__*/React.createElement(\"path\", {\n d: \"M21.9287 45.3193L29.7287 55.3478C29.9919 55.6898 30.3292 55.9678 30.7151 56.1609C31.1011 56.3538 31.5258 56.4569 31.9573 56.4621C32.3818 56.4672 32.8021 56.3772 33.1877 56.1995C33.5731 56.0215 33.9141 55.7598 34.1859 55.4335L59.0716 25.3193\",\n stroke: \"#F58F45\",\n strokeWidth: 2,\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\"\n }))), _defs || (_defs = /*#__PURE__*/React.createElement(\"defs\", null, /*#__PURE__*/React.createElement(\"clipPath\", {\n id: \"clip0_15911_57599\"\n }, /*#__PURE__*/React.createElement(\"rect\", {\n width: 40,\n height: 40,\n fill: \"white\",\n transform: \"translate(20.5 20.8906)\"\n })))));\n}\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgCheckIcon);\nexport default __webpack_public_path__ + \"static/media/check-icon.7b897776.svg\";\nexport { ForwardRef as ReactComponent };","import React from \"react\";\r\nimport { Button, Col, Row } from \"antd\";\r\nimport BasicModal from \"../../../../ui/BasicModal/BasicModal\";\r\nimport useReactivatedAccountModal from \"../../../../base/hooks/useReactivatedAccountModal\";\r\nimport { ReactComponent as CheckIcon } from \"../../../../assets/icons/check-icon.svg\";\r\n\r\nconst ReactivatedModal = () => {\r\n const { reactivatedAccountModal, removeLocalStorageKey } = useReactivatedAccountModal();\r\n\r\n return (\r\n <>\r\n {reactivatedAccountModal && (\r\n \r\n
\r\n Your account has been activated!
\r\n You're now ready to explore your projects.\r\n\r\n
\r\n );\r\n};\r\n\r\nexport default TabContainer;\r\n","import { Checkbox, Table as AntTable } from \"antd\";\r\nimport React, { useState } from \"react\";\r\nimport \"./Table.scss\";\r\nimport useNotification from \"../../base/hooks/useNotification\";\r\n\r\nconst Table = ({\r\n dataSource = [],\r\n columns,\r\n rowKey,\r\n pagination,\r\n handlePagination = () => {},\r\n selectedDataCollectors = [],\r\n handleSelectedDataCollectors = () => {},\r\n loadData,\r\n isTasksMainPage = false,\r\n isEnumeratorsPage = false,\r\n shouldSelectRows = false,\r\n numberOfInterviews,\r\n isSuspicious = false,\r\n fixedWidth = false\r\n}) => {\r\n const [selectedRowKeys, setSelectedRowKeys] = useState([]);\r\n const { openNotification } = useNotification();\r\n\r\n let sliceSelectedDataCollectors = selectedDataCollectors.slice(0, numberOfInterviews);\r\n\r\n const onRow = (record, index) => ({\r\n onClick: () => {\r\n const newSelectedRowKeys = isEnumeratorsPage\r\n ? [...sliceSelectedDataCollectors]\r\n : [...selectedRowKeys];\r\n const keyIndex = newSelectedRowKeys.indexOf(record.key);\r\n if (keyIndex >= 0) {\r\n newSelectedRowKeys.splice(keyIndex, 1);\r\n } else {\r\n newSelectedRowKeys.push(record.key);\r\n }\r\n onSelectChange(newSelectedRowKeys);\r\n },\r\n style: {\r\n backgroundColor: isSuspicious[index] && \"#ed5249\",\r\n color: isSuspicious[index] && \"black\"\r\n }\r\n });\r\n\r\n const rowSelection = {\r\n selectedRowKeys: isEnumeratorsPage ? sliceSelectedDataCollectors : selectedRowKeys,\r\n onChange: (newSelectedRowKeys) => {\r\n if (!isEnumeratorsPage) {\r\n setSelectedRowKeys(newSelectedRowKeys);\r\n handleSelectedDataCollectors(newSelectedRowKeys);\r\n } else {\r\n if (newSelectedRowKeys.length > numberOfInterviews) {\r\n setSelectedRowKeys(newSelectedRowKeys.slice(0, numberOfInterviews));\r\n handleSelectedDataCollectors(newSelectedRowKeys.slice(0, numberOfInterviews));\r\n }\r\n if (selectedDataCollectors.length == numberOfInterviews) {\r\n setSelectedRowKeys([]);\r\n handleSelectedDataCollectors([]);\r\n }\r\n\r\n if (newSelectedRowKeys.length < numberOfInterviews) {\r\n setSelectedRowKeys(newSelectedRowKeys.slice(0, numberOfInterviews));\r\n handleSelectedDataCollectors(newSelectedRowKeys.slice(0, numberOfInterviews));\r\n }\r\n }\r\n },\r\n selections: [Table.SELECTION_ALL, Table.SELECTION_INVERT, Table.SELECTION_NONE],\r\n renderCell: (checked, record, index, originNode) => \r\n
\r\n {title}
\r\n\r\n \r\n setSearchValue(e.target.value)}\r\n element={CustomInput}\r\n />\r\n
\r\n {children}
\r\n {text}
;\r\n }\r\n },\r\n {\r\n title: \"Status\",\r\n dataIndex: \"status\",\r\n // width: \"230px\",\r\n render: (text, record) => {\r\n return{text}
;\r\n }\r\n }\r\n];\r\n\r\nexport const taskColumns = [\r\n // {\r\n // title: \"ID\",\r\n // dataIndex: \"id\"\r\n // },\r\n {\r\n title: \"Collection round\",\r\n dataIndex: \"collectionRound\"\r\n },\r\n {\r\n title: \"Survey name\",\r\n dataIndex: \"surveyName\"\r\n },\r\n {\r\n title: \"Deadline\",\r\n dataIndex: \"tasksDeadline\"\r\n },\r\n {\r\n title: \"Location\",\r\n dataIndex: \"locationName\"\r\n },\r\n {\r\n title: \"Collection type\",\r\n dataIndex: \"collectionType\",\r\n render: (text, record) => {\r\n return{text}
;\r\n }\r\n },\r\n {\r\n title: \"Status\",\r\n dataIndex: \"status\",\r\n // width: \"230px\",\r\n render: (text, record) => {\r\n return{text}
;\r\n }\r\n },\r\n {\r\n title: \"Note\",\r\n dataIndex: \"note\"\r\n }\r\n];\r\n\r\nexport const locationColumns = [\r\n {\r\n title: \"Location group name\",\r\n dataIndex: \"name\"\r\n },\r\n {\r\n title: \"Country\",\r\n dataIndex: \"countryName\"\r\n },\r\n {\r\n title: \"State\",\r\n dataIndex: \"state\"\r\n },\r\n {\r\n title: \"City\",\r\n dataIndex: \"city\"\r\n },\r\n {\r\n title: \"District\",\r\n dataIndex: \"district\"\r\n },\r\n {\r\n title: \"Subdistrict\",\r\n dataIndex: \"subdistrict\"\r\n },\r\n {\r\n title: \"Village/neighborhood\",\r\n dataIndex: \"village_Neighborhood\"\r\n },\r\n {\r\n title: \"Address Line\",\r\n dataIndex: \"addressLine1\"\r\n },\r\n {\r\n title: \"Location type\",\r\n dataIndex: \"locationType\"\r\n }\r\n];\r\n\r\nexport const dataCollectorColumns = [\r\n {\r\n title: \"Enumerator's name\",\r\n dataIndex: \"enumeratorName\",\r\n render: (text, record) => {\r\n return (\r\n\r\n {record.isSuggested &&
\r\n );\r\n }\r\n },\r\n {\r\n title: \"Gender\",\r\n dataIndex: \"gender\"\r\n },\r\n {\r\n title: \"Location\",\r\n dataIndex: \"location\"\r\n }\r\n];\r\n\r\nexport const dataSource = [\r\n {\r\n key: 1,\r\n collectionRoundId: \"ID4378484895\",\r\n collectionRound: \"Sampling method\",\r\n interviews: \"12\",\r\n deadline: \"17/04/2024\",\r\n location: \"Location\",\r\n location2: \"Location\",\r\n collectionType: \"Text SMS\",\r\n status: \"In Progress\",\r\n note: \"Text goes here\"\r\n },\r\n {\r\n key: 2,\r\n collectionRoundId: \"ID4378484895\",\r\n collectionRound: \"Sampling method\",\r\n interviews: \"18\",\r\n deadline: \"17/04/2024\",\r\n location: \"Location\",\r\n location2: \"Location\",\r\n collectionType: \"In person\",\r\n status: \"Completed\",\r\n note: \"Text goes here\"\r\n },\r\n {\r\n key: 3,\r\n collectionRoundId: \"ID4378484895\",\r\n collectionRound: \"Sampling method\",\r\n interviews: \"52\",\r\n deadline: \"17/04/2024\",\r\n location: \"Location\",\r\n location2: \"Location\",\r\n collectionType: \"Text SMS\",\r\n status: \"Assigned\",\r\n note: \"Text goes here\"\r\n },\r\n {\r\n key: 4,\r\n collectionRoundId: \"ID4378484895\",\r\n collectionRound: \"Sampling method\",\r\n interviews: \"97\",\r\n deadline: \"17/04/2024\",\r\n location: \"Location\",\r\n location2: \"Location\",\r\n collectionType: \"Text SMS\",\r\n status: \"Completed\",\r\n note: \"Text goes here\"\r\n },\r\n {\r\n key: 5,\r\n collectionRoundId: \"ID4378484895\",\r\n collectionRound: \"Sampling method\",\r\n interviews: \"5\",\r\n deadline: \"17/04/2024\",\r\n location: \"Location\",\r\n location2: \"Location\",\r\n collectionType: \"In person\",\r\n status: \"Pending\",\r\n note: \"Text goes here\"\r\n },\r\n {\r\n key: 6,\r\n collectionRoundId: \"ID4378484895\",\r\n collectionRound: \"Sampling method\",\r\n interviews: \"77\",\r\n deadline: \"17/04/2024\",\r\n location: \"Location\",\r\n location2: \"Location\",\r\n collectionType: \"Text SMS\",\r\n status: \"Rejected\",\r\n note: \"Text goes here\"\r\n },\r\n {\r\n key: 7,\r\n collectionRoundId: \"ID4378484895\",\r\n collectionRound: \"Sampling method\",\r\n interviews: \"29\",\r\n deadline: \"17/04/2024\",\r\n location: \"Location\",\r\n location2: \"Location\",\r\n collectionType: \"Text SMS\",\r\n status: \"Assigned\",\r\n note: \"Text goes here\"\r\n },\r\n {\r\n key: 8,\r\n collectionRoundId: \"ID4378484895\",\r\n collectionRound: \"Sampling method\",\r\n interviews: \"81\",\r\n deadline: \"17/04/2024\",\r\n location: \"Location\",\r\n location2: \"Location\",\r\n collectionType: \"Text SMS\",\r\n status: \"Accepted\",\r\n note: \"Text goes here\"\r\n },\r\n {\r\n key: 9,\r\n collectionRoundId: \"ID4378484895\",\r\n collectionRound: \"Sampling method\",\r\n interviews: \"22\",\r\n deadline: \"17/04/2024\",\r\n location: \"Location\",\r\n location2: \"Location\",\r\n collectionType: \"Text SMS\",\r\n status: \"Rejected\",\r\n note: \"Text goes here\"\r\n },\r\n {\r\n key: 10,\r\n collectionRoundId: \"ID4378484895\",\r\n collectionRound: \"Sampling method\",\r\n interviews: \"58\",\r\n deadline: \"17/04/2024\",\r\n location: \"Location\",\r\n location2: \"Location\",\r\n collectionType: \"In person\",\r\n status: \"Pending\",\r\n note: \"Text goes here\"\r\n },\r\n {\r\n key: 11,\r\n collectionRoundId: \"ID4378484895\",\r\n collectionRound: \"Sampling method\",\r\n interviews: \"89\",\r\n deadline: \"17/04/2024\",\r\n location: \"Location\",\r\n location2: \"Location\",\r\n collectionType: \"Phone call\",\r\n status: \"Completed\",\r\n note: \"Text goes here\"\r\n },\r\n {\r\n key: 12,\r\n collectionRoundId: \"ID4378484895\",\r\n collectionRound: \"Sampling method\",\r\n interviews: \"17\",\r\n deadline: \"17/04/2024\",\r\n location: \"Location\",\r\n location2: \"Location\",\r\n collectionType: \"Phone call\",\r\n status: \"Accepted\",\r\n note: \"Text goes here\"\r\n }\r\n];\r\n\r\nexport const items = [\r\n {\r\n key: \"All\",\r\n label: \"All\"\r\n },\r\n {\r\n key: \"Assigned\",\r\n label: \"Assigned\"\r\n },\r\n // {\r\n // key: \"In Progress\",\r\n // label: \"In Progress\"\r\n // },\r\n {\r\n key: \"Completed\",\r\n label: \"Completed\"\r\n },\r\n {\r\n key: \"Rejected\",\r\n label: \"Rejected\"\r\n }\r\n];\r\n\r\nexport const taskItems = [\r\n {\r\n key: \"All\",\r\n label: \"All\"\r\n },\r\n {\r\n key: \"Assigned\",\r\n label: \"Assigned\"\r\n },\r\n {\r\n key: \"Completed\",\r\n label: \"Completed\"\r\n },\r\n {\r\n key: \"Rejected\",\r\n label: \"Rejected\"\r\n }\r\n];\r\n","import { toAbsoluteUrl } from \"../../_helpers\";\r\nexport function getInitLayoutConfig() {\r\n return {\r\n demo: \"demo3\",\r\n // Javascript Settings\r\n js: {\r\n breakpoints: {\r\n sm: 576,\r\n md: 768,\r\n lg: 992,\r\n xl: 1200,\r\n xxl: 1200,\r\n },\r\n colors: {\r\n theme: {\r\n base: {\r\n white: \"#ffffff\",\r\n primary: \"#1BC5BD\",\r\n secondary: \"#E5EAEE\",\r\n success: \"#1BC5BD\",\r\n info: \"#6993FF\",\r\n warning: \"#FFA800\",\r\n danger: \"#F64E60\",\r\n light: \"#F3F6F9\",\r\n dark: \"#212121\",\r\n },\r\n light: {\r\n white: \"#ffffff\",\r\n primary: \"#1BC5BD\",\r\n secondary: \"#ECF0F3\",\r\n success: \"#C9F7F5\",\r\n info: \"#E1E9FF\",\r\n warning: \"#FFF4DE\",\r\n danger: \"#FFE2E5\",\r\n light: \"#F3F6F9\",\r\n dark: \"#D6D6E0\",\r\n },\r\n inverse: {\r\n white: \"#ffffff\",\r\n primary: \"#ffffff\",\r\n secondary: \"#212121\",\r\n success: \"#ffffff\",\r\n info: \"#ffffff\",\r\n warning: \"#ffffff\",\r\n danger: \"#ffffff\",\r\n light: \"#464E5F\",\r\n dark: \"#ffffff\",\r\n },\r\n },\r\n gray: {\r\n gray100: \"#F3F6F9\",\r\n gray200: \"#ECF0F3\",\r\n gray300: \"#E5EAEE\",\r\n gray400: \"#D6D6E0\",\r\n gray500: \"#B5B5C3\",\r\n gray600: \"#80808F\",\r\n gray700: \"#464E5F\",\r\n gray800: \"#1B283F\",\r\n gray900: \"#212121\",\r\n },\r\n },\r\n fontFamily: \"Poppins\",\r\n },\r\n // Base Settins\r\n self: {\r\n layout: \"default\", // blank/default page mode\r\n body: {},\r\n },\r\n // == Page Splash Screen loading\r\n loader: {\r\n enabled: true,\r\n type: \"\", // default|spinner-message|spinner-logo\r\n logo: toAbsoluteUrl(\"/media/logos/logo-dark-sm.png\"),\r\n message: \"Please wait...\",\r\n },\r\n header: {\r\n self: {\r\n fixed: {\r\n mobile: true,\r\n },\r\n }\r\n },\r\n subheader: {\r\n display: true,\r\n displayDesc: false,\r\n displayDaterangepicker: true,\r\n breadcrumb: {\r\n display: true,\r\n },\r\n layout: \"subheader-v6\",\r\n fixed: false,\r\n width: \"fixed\", // fixed/fluid,\r\n clear: false,\r\n style: \"transparent\", // solid/transparent\r\n },\r\n content: {\r\n width: \"fixed\", // fluid|fixed\r\n },\r\n aside: {\r\n self: {\r\n display: true,\r\n fixed: true,\r\n minimize: {\r\n toggle: true,\r\n default: false\r\n }\r\n },\r\n secondary: {\r\n display: true\r\n },\r\n menu: {\r\n dropdown: false, // ok\r\n scroll: false, // ok\r\n \"icon-style\": \"duotone\", // duotone, line, bold, solid\r\n submenu: {\r\n accordion: true,\r\n },\r\n },\r\n },\r\n footer: {\r\n width: \"fixed\", // fixed|fluid\r\n fixed: false\r\n },\r\n extras: {\r\n search: {\r\n display: false,\r\n layout: \"offcanvas\", // offcanvas, dropdown\r\n offcanvas: {\r\n direction: \"right\",\r\n },\r\n },\r\n notifications: {\r\n display: false,\r\n layout: \"offcanvas\", // offcanvas, dropdown\r\n dropdown: {\r\n style: \"dark\", // light, dark\r\n },\r\n offcanvas: {\r\n direction: \"right\",\r\n },\r\n },\r\n \"quick-actions\": {\r\n display: true,\r\n layout: \"offcanvas\", // offcanvas, dropdown,\r\n dropdown: {\r\n style: \"dark\", // light, dark\r\n },\r\n offcanvas: {\r\n direction: \"left\",\r\n },\r\n },\r\n cart: {\r\n display: false,\r\n layout: \"dropdown\", // offcanvas, dropdown\r\n offcanvas: {\r\n direction: \"dark\", // ligth, dark\r\n },\r\n },\r\n chat: {\r\n display: true,\r\n },\r\n user: {\r\n display: true,\r\n layout: \"offcanvas\", // offcanvas, dropdown\r\n dropdown: {\r\n style: \"light\", // light|dark\r\n },\r\n offcanvas: {\r\n direction: \"left\",\r\n },\r\n },\r\n languages: {\r\n display: false,\r\n },\r\n \"quick-panel\": {\r\n display: true,\r\n offcanvas: {\r\n direction: \"left\",\r\n },\r\n },\r\n\r\n toolbar: {\r\n display: true,\r\n },\r\n scrolltop: {\r\n display: true,\r\n },\r\n },\r\n };\r\n}\r\n","import React from \"react\";\r\n\r\nimport \"./PreviewQuestionLabel.scss\";\r\n\r\nfunction PreviewQuestionLabel({ label, isRequired, hint }) {\r\n return (\r\n {text}
\r\n\r\n
\r\n );\r\n}\r\n\r\n// export default PreviewQuestionLabel;\r\nexport default React.memo(PreviewQuestionLabel);\r\n","import React, { useMemo } from \"react\";\r\nimport { useTranslateStore } from \"../../../surveyStore\";\r\n\r\nimport \"./PreviewQuestionConstraints.scss\";\r\n\r\nfunction PreviewQuestionConstraints({ constraintMessages }) {\r\n const { toLanguage } = useTranslateStore();\r\n\r\n const message = useMemo(\r\n () =>\r\n constraintMessages.find(({ languageId }) => languageId === toLanguage)?.text ??\r\n constraintMessages[0]?.text,\r\n [constraintMessages, toLanguage]\r\n );\r\n\r\n return constraintMessages?.length ? (\r\n {label}
\r\n {hint && {hint}}\r\n\r\n - {message}\r\n
\r\n ) : null;\r\n}\r\n\r\n// export default PreviewQuestionConstraints;\r\nexport default React.memo(PreviewQuestionConstraints);\r\n","import React, { useEffect } from \"react\";\r\nimport { Input } from \"antd\";\r\nimport PreviewQuestionLabel from \"../../../common/PreviewQuestionLabel/PreviewQuestionLabel\";\r\nimport { useSurveyInputStore } from \"../../../../surveyStore\";\r\nimport PreviewQuestionConstraints from \"../../../common/PreviewQuestionConstraints/PreviewQuestionConstraints\";\r\nimport useEvaluateConstraint from \"../../question-preview/hooks/useEvaluateConstraint\";\r\n\r\nimport \"./Text.scss\";\r\n\r\nconst { TextArea } = Input;\r\n\r\nexport const Text = React.memo(\r\n ({ props, hasErrors, surveyId, userId, submissionId, label, hint, defaultValue }) => {\r\n const { id, questionType, isRequired, answers } = props;\r\n const inputState = useSurveyInputStore((state) => state.inputs?.[id]);\r\n const setInputs = useSurveyInputStore((state) => state.setInputs);\r\n\r\n const hasSubmissionId = Boolean(submissionId);\r\n\r\n const submissionAnswer = hasSubmissionId\r\n ? answers?.find((answer) => answer?.submissionId === submissionId)?.answerDetail?.text\r\n : null;\r\n\r\n const value = hasSubmissionId ? submissionAnswer : inputState?.answerDetail?.text ?? null;\r\n const passConstraint = useEvaluateConstraint(props.constraint, value);\r\n\r\n const showErrors = hasErrors && isRequired && !inputState?.answerDetail?.text;\r\n\r\n const onChange = (e) => {\r\n if (hasSubmissionId) return;\r\n\r\n if (e.target.value.length === 0) {\r\n setInputs({\r\n target: {\r\n name: id,\r\n value: \"\"\r\n }\r\n });\r\n } else {\r\n setInputs({\r\n target: {\r\n name: id,\r\n value: {\r\n surveyId: surveyId,\r\n userId: userId,\r\n questionId: id,\r\n questionType: questionType,\r\n name: props.name,\r\n skipLogicAnswer: e.target.value,\r\n answerDetail: {\r\n text: e.target.value\r\n }\r\n }\r\n }\r\n });\r\n }\r\n };\r\n\r\n useEffect(() => {\r\n if (props.default || defaultValue) {\r\n onChange({ target: { value: defaultValue ?? props.default } });\r\n }\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, [props.default, defaultValue]);\r\n\r\n return (\r\n \r\n
\r\n );\r\n }\r\n);\r\n","const Functions = {\r\n selected: (inputs, name, options = {}) => {\r\n return Array.isArray(inputs)\r\n ? `${options.not ? \"!\" : \"\"}${JSON.stringify(\r\n inputs\r\n )}.some((selectedItem) => selectedItem === option.name)`\r\n : `${options.not ? \"!\" : \"\"}\"${inputs}\" === option.name`;\r\n },\r\n not: (inputs) => {\r\n return Array.isArray(inputs)\r\n ? `${JSON.stringify(inputs)}.some((selectedItem) => selectedItem !== option.name)`\r\n : `\"${inputs}\" !== option.name`;\r\n },\r\n contains: (inputs) => {\r\n return Array.isArray(inputs)\r\n ? `${JSON.stringify(inputs)}.some((selectedItem)=>selectedItem.includes(option.name))`\r\n : `\"${inputs}\".includes(option.name)`;\r\n }\r\n};\r\n\r\nconst REGEX = Object.freeze({\r\n value: /(? {\r\n return choiceFilter.replace(REGEX.value, \"value\");\r\n }\r\n ],\r\n [\r\n REGEX.foreignInputValue,\r\n (choiceFilter) => {\r\n return choiceFilter.replace(REGEX.foreignInputValue, (match, inputName) => {\r\n if (!inputName) {\r\n throw new Error(choiceFilter);\r\n }\r\n return `relatedInputs['${inputName}']`;\r\n });\r\n }\r\n ],\r\n [\r\n REGEX.notSelected,\r\n (choiceFilter) => {\r\n return choiceFilter.replace(REGEX.notSelected, \"selected($1, {not:true})\");\r\n }\r\n ],\r\n [\r\n REGEX.and,\r\n (choiceFilter) => {\r\n const conditionsList = choiceFilter.split(\"and\");\r\n\r\n return conditionsList.reduce((acc, condition, index) => {\r\n if (index === 0) {\r\n return `name.filter((option, index)=>eval(${condition}))`;\r\n }\r\n return `${acc}.filter((option, index)=>eval(${condition}))`;\r\n }, \"\");\r\n }\r\n ],\r\n [\r\n REGEX.not,\r\n (choiceFilter) => {\r\n return choiceFilter.replace(REGEX.not, (match, group1) => {\r\n const param1 = group1.split(\"=\")[0];\r\n if (!param1) {\r\n return match;\r\n }\r\n return `not(${param1}, name)`;\r\n });\r\n }\r\n ]\r\n];\r\n\r\nconst applyReplacements = (inputString) => {\r\n let modifiedString = inputString;\r\n patterns.forEach(([regex, replacementFunction], i) => {\r\n if (regex.test(modifiedString)) {\r\n modifiedString = replacementFunction(modifiedString);\r\n }\r\n });\r\n return modifiedString;\r\n};\r\n\r\nexport { REGEX, patterns, applyReplacements, Functions };\r\n","import { useMemo } from \"react\";\r\nimport { notification } from \"antd\";\r\nimport {\r\n REGEX,\r\n Functions,\r\n applyReplacements\r\n} from \"../../../../../../../helpers/choiceFilterParser\";\r\nimport { getForeignInputNames } from \"../helpers/getForeignInputNames\";\r\nimport useInputValuesByName from \"./useInputValueByName\";\r\n\r\nconst useEvaluateChoiceFilter = (props) => {\r\n const inputNames = getForeignInputNames(props.choiceFilter);\r\n const relatedInputs = useInputValuesByName(inputNames);\r\n\r\n return useMemo(() => {\r\n if (!props.choiceFilter) {\r\n return props.selectQuestionChoices;\r\n }\r\n\r\n if (Object.keys(relatedInputs).length === 0 || props.selectQuestionChoices.length === 0) {\r\n return [];\r\n }\r\n\r\n if (REGEX.columnFilter.test(props.choiceFilter)) {\r\n const filteredOptions = props.selectQuestionChoices.filter((option) => {\r\n if (!option.choiceFilters?.length) {\r\n return true;\r\n }\r\n const { filterChoice } = option.choiceFilters[0];\r\n const question = filterChoice.questionsResponse[0];\r\n\r\n return relatedInputs[question.name] === filterChoice.name;\r\n });\r\n\r\n return filteredOptions;\r\n }\r\n\r\n const parsedFilter = applyReplacements(props.choiceFilter);\r\n\r\n const name = props.selectQuestionChoices.slice();\r\n\r\n try {\r\n // eslint-disable-next-line no-new-func\r\n const evaluate = new Function(\r\n ...Object.keys(Functions),\r\n \"relatedInputs\",\r\n \"name\",\r\n `return ${parsedFilter};`\r\n );\r\n const result = evaluate(...Object.values(Functions), relatedInputs, name);\r\n\r\n return Array.isArray(result) ? result : [];\r\n } catch (e) {\r\n notification.warning({\r\n message: \"Error evaluating choice filter\",\r\n description: `Please check if the syntax is correct. \r\n Select One: ${props.name} - ${props.choiceFilter}`\r\n });\r\n\r\n console.error(e, \"SelectOne.jsx - evaluate\");\r\n return [];\r\n }\r\n }, [props.choiceFilter, props.name, props.selectQuestionChoices, relatedInputs]);\r\n};\r\n\r\nexport default useEvaluateChoiceFilter;\r\n","import { useMemo } from \"react\";\r\n/**\r\n * @typedef {\"minimal\" | \"search\" | \"quick\" | \"columns-pack\" | \"columns\" | \"columns-n\" | \"no-buttons\" | \"image-map\" | \"likert\" | \"map\" | \"label\" | \"list-nolabel\" | \"list\"} Appearance\r\n */\r\nconst appTypes = [\r\n \"minimal\",\r\n \"search\",\r\n \"quick\", // select_one select_one_from_file and mobile only\r\n \"columns-pack\",\r\n \"columns\",\r\n \"columns-n\",\r\n \"no-buttons\",\r\n \"image-map\",\r\n \"likert\", // select_one select_one_from_file\r\n \"map\", // select_one select_one_from_file and mobile only\r\n \"label\",\r\n \"list-nolabel\",\r\n \"list\"\r\n];\r\nconst APPEARANCES = new Set(appTypes);\r\n\r\n/**\r\n * Custom hook for evaluating the appearance of a question.\r\n * @returns {Array\r\n \r\n {appearance.includes(\"minimal\") ? (\r\n setSelectDropdownOpen(visible)}\r\n listHeight={300}\r\n allowClear\r\n showSearch={false}\r\n size=\"large\"\r\n status={\r\n showErrors || (passConstraint !== null && !passConstraint) ? \"error\" : \"\"\r\n }\r\n placeholder=\"none selected\"\r\n value={defaultValue}\r\n onChange={(value) => {\r\n if (!value) {\r\n handleCheckBoxChange(defaultValue);\r\n }\r\n }}\r\n options={derivedOptions.map((option) => ({\r\n value: option.choiceLabels[0]?.choiceId,\r\n name: option.name,\r\n label: language\r\n ? option.choiceLabels.find((choice) => choice.languageId === language)\r\n ?.text || option.choiceLabels[0]?.text\r\n : option.choiceLabels[0]?.text\r\n }))}\r\n dropdownRender={(menu) => {\r\n return derivedOptions.length ? (\r\n \r\n {derivedOptions.map((option) => {\r\n return (\r\n {\r\n handleCheckBoxChange(option?.choiceLabels[0]?.choiceId);\r\n if (defaultValue !== option?.choiceLabels[0]?.choiceId) {\r\n setSelectDropdownOpen(false);\r\n }\r\n }}\r\n >\r\n {language\r\n ? option.choiceLabels.find(\r\n (choice) => choice.languageId === language\r\n )?.text || option.choiceLabels[0]?.text\r\n : option.choiceLabels[0]?.text}\r\n \r\n );\r\n })}\r\n
\r\n ) : (\r\n menu\r\n );\r\n }}\r\n />\r\n ) : (\r\n \r\n \r\n {appearance.includes(\"minimal\") ? (\r\n \r\n values.length > 1\r\n ? `${values.length} selected`\r\n : values.map(({ label }) => label).join(\", \")\r\n }\r\n dropdownRender={(menu) =>\r\n selectMultipleOptions.length ? (\r\n \r\n
\r\n ) : (\r\n menu\r\n )\r\n }\r\n />\r\n ) : (\r\n \r\n {`You can select up to ${maxChoices} choices.`}\r\n
\r\n )}\r\n \r\n
\r\n );\r\n }\r\n);\r\n","import React, { useEffect } from \"react\";\r\nimport { InputNumber } from \"antd\";\r\nimport PreviewQuestionLabel from \"../../../common/PreviewQuestionLabel/PreviewQuestionLabel\";\r\nimport { useSurveyInputStore } from \"../../../../surveyStore\";\r\nimport PreviewQuestionConstraints from \"../../../common/PreviewQuestionConstraints/PreviewQuestionConstraints\";\r\nimport useEvaluateConstraint from \"../../question-preview/hooks/useEvaluateConstraint\";\r\n\r\nimport \"./Decimal.scss\";\r\n\r\nexport const Decimal = React.memo(\r\n ({ props, hasErrors, surveyId, userId, submissionId, label, hint, defaultValue }) => {\r\n const { id, questionType, isRequired, answers } = props;\r\n\r\n const inputState = useSurveyInputStore((state) => state.inputs?.[id]);\r\n const setInputs = useSurveyInputStore((state) => state.setInputs);\r\n\r\n const hasSubmissionId = Boolean(submissionId);\r\n\r\n const submissionAnswer = submissionId\r\n ? answers?.find((answer) => answer?.submissionId === submissionId)?.answerDetail?.number\r\n : null;\r\n\r\n const value = hasSubmissionId ? submissionAnswer : inputState?.answerDetail?.number ?? null;\r\n\r\n const passConstraint = useEvaluateConstraint(props.constraint, value);\r\n\r\n const showErrors =\r\n hasErrors && isRequired && (!inputState || inputState?.answerDetail?.number === null);\r\n\r\n const onChange = (e) => {\r\n if (submissionId) return;\r\n if (!e) {\r\n setInputs({\r\n target: {\r\n name: id,\r\n value: \"\"\r\n }\r\n });\r\n } else {\r\n setInputs({\r\n target: {\r\n name: id,\r\n value: {\r\n surveyId: surveyId,\r\n userId: userId,\r\n questionId: id,\r\n questionType: questionType,\r\n name: props.name,\r\n skipLogicAnswer: parseFloat(e),\r\n answerDetail: {\r\n number: parseFloat(e)\r\n }\r\n }\r\n }\r\n });\r\n }\r\n };\r\n\r\n useEffect(() => {\r\n if (defaultValue) {\r\n onChange(defaultValue);\r\n }\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, [defaultValue]);\r\n\r\n return (\r\n \r\n
\r\n );\r\n }\r\n);\r\n","import React, { useMemo, useState } from \"react\";\r\nimport { Button, Flex, Typography, Upload } from \"antd\";\r\nimport Resizer from \"react-image-file-resizer\";\r\nimport Icon, { CloseCircleOutlined, ExportOutlined, SyncOutlined } from \"@ant-design/icons\";\r\nimport PreviewQuestionLabel from \"../../../common/PreviewQuestionLabel/PreviewQuestionLabel\";\r\nimport { useSurveyInputStore } from \"../../../../surveyStore\";\r\nimport { httpService } from \"../../../../../../../base/services/httpService.service\";\r\nimport { formatFileSize } from \"../../../../../../../utils/formatFileSize\";\r\nimport PreviewQuestionConstraints from \"../../../common/PreviewQuestionConstraints/PreviewQuestionConstraints\";\r\n\r\nimport \"./Photograph.scss\";\r\n\r\nconst { Dragger } = Upload;\r\n\r\nconst getFileName = (text) => {\r\n if (!text) {\r\n return;\r\n }\r\n var parts = text.split(\"-\");\r\n return parts[parts.length - 1];\r\n};\r\n\r\nexport const Photograph = React.memo(\r\n ({ props, hasErrors, surveyId, userId, submissionId, label, hint }) => {\r\n const { id, questionType, isRequired } = props;\r\n\r\n const inputState = useSurveyInputStore((state) => state.inputs?.[id]);\r\n const setInputs = useSurveyInputStore((state) => state.setInputs);\r\n\r\n const [loadingPreview, setLoadingPreview] = useState(false);\r\n const fileList = useMemo(\r\n () =>\r\n inputState?.answerDetail?.answerFiles ? [inputState?.answerDetail?.answerFiles] : [],\r\n [inputState?.answerDetail?.answerFiles]\r\n );\r\n\r\n const hasSubmissionId = Boolean(submissionId);\r\n\r\n const showErrors =\r\n hasErrors &&\r\n isRequired &&\r\n (!inputState?.answerDetail?.answerFiles ||\r\n inputState?.answerDetail?.answerFiles?.length === 0);\r\n\r\n const onChange = ({ file }) => {\r\n const { status, originFileObj } = file;\r\n if (status === \"removed\") {\r\n setInputs({\r\n target: {\r\n name: id,\r\n value: {\r\n surveyId: surveyId,\r\n userId: userId,\r\n questionId: id,\r\n questionType: questionType,\r\n name: props.name,\r\n skipLogicAnswer: null,\r\n answerDetail: {\r\n answerFiles: null\r\n }\r\n }\r\n }\r\n });\r\n } else {\r\n const fileType = originFileObj.type;\r\n const isImage =\r\n fileType === \"image/png\" || fileType === \"image/jpeg\" || fileType === \"image/jpg\";\r\n\r\n if (isImage) {\r\n Resizer.imageFileResizer(\r\n originFileObj,\r\n 1000,\r\n 1000,\r\n \"JPEG\",\r\n 200,\r\n 0,\r\n (uri) => {\r\n fetch(uri)\r\n .then((res) => res.blob())\r\n .then((blob) => {\r\n const resizedFile = new File([blob], originFileObj.name, {\r\n type: originFileObj.type\r\n });\r\n setInputs({\r\n target: {\r\n name: id,\r\n value: {\r\n surveyId: surveyId,\r\n userId: userId,\r\n questionId: id,\r\n questionType: questionType,\r\n name: props.name,\r\n skipLogicAnswer: resizedFile,\r\n answerDetail: {\r\n answerFiles: resizedFile\r\n }\r\n }\r\n }\r\n });\r\n });\r\n },\r\n \"base64\"\r\n );\r\n } else {\r\n setInputs({\r\n target: {\r\n name: id,\r\n value: {\r\n surveyId: surveyId,\r\n userId: userId,\r\n questionId: id,\r\n questionType: questionType,\r\n name: props.name,\r\n skipLogicAnswer: originFileObj,\r\n answerDetail: {\r\n answerFiles: originFileObj\r\n }\r\n }\r\n }\r\n });\r\n }\r\n }\r\n };\r\n\r\n const previewFiles = (filePath, id) => {\r\n let correctedFilePath = filePath.replace(/\\\\202/g, \"\\\\x82\");\r\n const payload = [\r\n {\r\n fileKey: correctedFilePath,\r\n entityId: id\r\n }\r\n ];\r\n\r\n setLoadingPreview(true);\r\n httpService\r\n .post(\r\n `/FileData/getFileUrlByFileKeyAndEntityId?platformId=006d1c1e-81b6-4d87-b4b0-f1850543f2cc`,\r\n payload,\r\n (response) => {\r\n setLoadingPreview(false);\r\n if (response && response.data && response.data && response.data[0].fileUrl) {\r\n window.open(response.data[0].fileUrl, \"_blank\");\r\n } else {\r\n console.log(\"Something went wrong\");\r\n }\r\n }\r\n )\r\n .catch((error) => {\r\n setLoadingPreview(false);\r\n console.log(\"error:\", error);\r\n });\r\n };\r\n\r\n return (\r\n \r\n
\r\n );\r\n }\r\n);\r\n\r\nconst fileItemRenderer = ({ file, fn, hasSubmissionId, loadingPreview }) => {\r\n const readableFileSize = file.size ? formatFileSize(file.size, 2) : \"\";\r\n const readableLoadPercentage = file.percent?.toFixed(2) ?? 0;\r\n\r\n return (\r\n \r\n {\r\n // const isLt5M = file.size / 1024 / 1024 <= 4;\r\n // if (!isLt5M) {\r\n // alert(\"File must smaller than 4MB!\");\r\n // return Upload.LIST_IGNORE;\r\n // }\r\n // }}\r\n onChange={onChange}\r\n onPreview={({ url }) => {\r\n if (!hasSubmissionId) {\r\n return;\r\n }\r\n previewFiles(url, props.id);\r\n }}\r\n listType=\"picture\"\r\n itemRender={(el, file, fileList, fn) =>\r\n fileItemRenderer({\r\n el,\r\n file,\r\n fileList,\r\n fn,\r\n hasSubmissionId,\r\n loadingPreview\r\n })\r\n }\r\n multiple={false}\r\n maxCount={1}\r\n disabled={hasSubmissionId}\r\n prefixCls=\"file-submission-type-wrapper--input\"\r\n className={`${showErrors ? \"drag-error\" : \"\"}`}\r\n fileList={hasSubmissionId ? undefined : fileList}\r\n defaultFileList={\r\n hasSubmissionId &&\r\n props.answers?.length && [\r\n {\r\n name: getFileName(\r\n props.answers[0]?.answerDetail?.filePaths[0]?.filePath\r\n ),\r\n url: props.answers[0]?.answerDetail?.filePaths[0]?.filePath\r\n }\r\n ]\r\n }\r\n >\r\n
\r\n\r\n \r\n {showErrors ? \"This field is required\" : \" \"}\r\n \r\n \r\n (\r\n \r\n
\r\n \r\n Drag and drop files here, or click to select files\r\n
\r\n \r\n You can upload a file by dragging and dropping over this area. Otherwise you\r\n can click and select a file from your system.\r\n
\r\n \r\n CAUTION: files over 5MB cannot be saved as draft\r\n
\r\n \r\n \r\n \r\n \r\n (\r\n \r\n \r\n \r\n \r\n \r\n {file.status === \"uploading\" && (\r\n
\r\n );\r\n};\r\n","/**\r\n * Formats a file size in bytes into a human-readable format.\r\n * @param {number} bytes - The size of the file in bytes.\r\n * @param {number} [decimalPoint=2] - The number of decimal points to include in the formatted size.\r\n * @returns {string} A string representing the formatted file size with appropriate units (Bytes, KB, MB, GB, etc.).\r\n */\r\nexport function formatFileSize(bytes, decimalPoint) {\r\n if (!bytes || bytes === 0) {\r\n return \"0 Bytes\";\r\n }\r\n const k = 1000,\r\n dm = decimalPoint || 2,\r\n sizes = [\"Bytes\", \"KB\", \"MB\", \"GB\", \"TB\", \"PB\", \"EB\", \"ZB\", \"YB\"],\r\n i = Math.floor(Math.log(bytes) / Math.log(k));\r\n\r\n return parseFloat((bytes / Math.pow(k, i)).toFixed(dm)) + \" \" + sizes[i];\r\n}\r\n","import React, { useCallback, useEffect, useMemo } from \"react\";\r\nimport PreviewQuestionLabel from \"../../../common/PreviewQuestionLabel/PreviewQuestionLabel\";\r\nimport { DatePicker } from \"antd\";\r\nimport dayjs from \"dayjs\";\r\nimport customParseFormat from \"dayjs/plugin/customParseFormat\";\r\nimport { useSurveyInputStore } from \"../../../../surveyStore\";\r\nimport PreviewQuestionConstraints from \"../../../common/PreviewQuestionConstraints/PreviewQuestionConstraints\";\r\nimport useEvaluateConstraint from \"../../question-preview/hooks/useEvaluateConstraint\";\r\n\r\nimport \"./Date.scss\";\r\n\r\ndayjs.extend(customParseFormat);\r\n\r\nexport const Date = React.memo(\r\n ({ props, hasErrors, surveyId, userId, submissionId, label, hint, defaultValue }) => {\r\n const { id, questionType, isRequired, answers, name } = props;\r\n\r\n const inputState = useSurveyInputStore((state) => state.inputs?.[id]);\r\n const setInputs = useSurveyInputStore((state) => state.setInputs);\r\n\r\n const hasSubmissionId = Boolean(submissionId);\r\n\r\n const submissionAnswer = hasSubmissionId\r\n ? answers?.find((answer) => answer?.submissionId === submissionId)?.answerDetail?.text\r\n : null;\r\n\r\n const value =\r\n hasSubmissionId && submissionAnswer\r\n ? dayjs(submissionAnswer, \"YYYY-MM:DD\")\r\n : inputState\r\n ? dayjs(inputState?.answerDetail?.text, \"YYYY-MM:DD\")\r\n : \"\";\r\n\r\n const passConstraint = useEvaluateConstraint(props.constraint, inputState?.skipLogicAnswer);\r\n\r\n const showErrors =\r\n hasErrors && isRequired && (!inputState || !inputState?.answerDetail?.text);\r\n\r\n const onDatePickerChange = useCallback(\r\n (date, dataString) => {\r\n if (hasSubmissionId) {\r\n return;\r\n }\r\n if (date) {\r\n setInputs({\r\n target: {\r\n name: id,\r\n value: {\r\n surveyId: surveyId,\r\n userId: userId,\r\n questionId: id,\r\n questionType: questionType,\r\n name: name,\r\n skipLogicAnswer: date,\r\n answerDetail: {\r\n text: dataString\r\n }\r\n }\r\n }\r\n });\r\n } else {\r\n setInputs({ target: { name: id, value: \"\" } });\r\n }\r\n },\r\n [hasSubmissionId, id, name, questionType, setInputs, surveyId, userId]\r\n );\r\n\r\n const memoDatePicker = useMemo(() => {\r\n return (\r\n \r\n \r\n {file.name}\r\n {hasSubmissionId && (\r\n \r\n {loadingPreview ?
\r\n {readableFileSize}
\r\n\r\n \r\n \r\n \r\n
\r\n )}\r\n \r\n
\r\n );\r\n }\r\n);\r\n","import React, { useEffect } from \"react\";\r\nimport { DatePicker, TimePicker } from \"antd\";\r\nimport dayjs from \"dayjs\";\r\nimport customParseFormat from \"dayjs/plugin/customParseFormat\";\r\nimport PreviewQuestionLabel from \"../../../common/PreviewQuestionLabel/PreviewQuestionLabel\";\r\nimport { useSurveyInputStore } from \"../../../../surveyStore\";\r\nimport PreviewQuestionConstraints from \"../../../common/PreviewQuestionConstraints/PreviewQuestionConstraints\";\r\nimport useEvaluateConstraint from \"../../question-preview/hooks/useEvaluateConstraint\";\r\n\r\nimport \"./DateTime.scss\";\r\n\r\ndayjs.extend(customParseFormat);\r\n\r\nconst TIME_FORMAT = \"hh:mm\";\r\nconst DATE_FORMAT = \"YYYY-MM-DD\";\r\n\r\nexport const DateTime = React.memo(\r\n ({ props, hasErrors, surveyId, userId, submissionId, label, hint, defaultValue }) => {\r\n const { id, questionType, isRequired, answers } = props;\r\n\r\n const inputState = useSurveyInputStore((state) => state.inputs?.[id]);\r\n const setInputs = useSurveyInputStore((state) => state.setInputs);\r\n\r\n const [date, time] = inputState?.answerDetail?.text?.split(\" \") ?? [\"\", \"\"];\r\n\r\n const hasSubmissionId = Boolean(submissionId);\r\n\r\n const submissionAnswer = submissionId\r\n ? answers?.find((answer) => answer?.submissionId === submissionId)?.answerDetail?.text\r\n : null;\r\n\r\n const passConstraint = useEvaluateConstraint(props.constraint, inputState?.skipLogicAnswer);\r\n\r\n const showErrors =\r\n hasErrors && isRequired && (!inputState || !inputState?.answerDetail?.text);\r\n\r\n const hasSubmissionValue =\r\n hasSubmissionId && submissionAnswer && submissionAnswer.includes(\" \");\r\n\r\n const [dateValueFromSubmission, timeValueFromSubmission] = hasSubmissionValue\r\n ? submissionAnswer.split(\" \")\r\n : [null, null];\r\n\r\n const dateValue = hasSubmissionValue\r\n ? dayjs(dateValueFromSubmission, DATE_FORMAT)\r\n : inputState?.answerDetail?.text?.includes(\" \") && date !== \"\"\r\n ? dayjs(date, DATE_FORMAT)\r\n : null;\r\n\r\n const timeValue = hasSubmissionValue\r\n ? dayjs(timeValueFromSubmission, TIME_FORMAT)\r\n : inputState?.answerDetail?.text?.includes(\" \") && time !== \"\"\r\n ? dayjs(time, TIME_FORMAT)\r\n : null;\r\n\r\n const onChangeDate = (date, dateString) => {\r\n if (hasSubmissionId) {\r\n return;\r\n }\r\n setInputs({\r\n target: {\r\n name: id,\r\n value: {\r\n surveyId: surveyId,\r\n userId: userId,\r\n questionId: id,\r\n questionType: questionType,\r\n skipLogicAnswer: date,\r\n answerDetail: {\r\n text: `${dateString} ${time === \"\" ? dayjs().format(TIME_FORMAT) : time}`\r\n }\r\n }\r\n }\r\n });\r\n };\r\n\r\n const onChangeTime = (time, timeString) => {\r\n if (hasSubmissionId) {\r\n return;\r\n }\r\n setInputs({\r\n target: {\r\n name: id,\r\n value: {\r\n surveyId: surveyId,\r\n userId: userId,\r\n questionId: id,\r\n questionType: questionType,\r\n skipLogicAnswer: time,\r\n answerDetail: {\r\n text: `${date === \"\" ? dayjs().format(DATE_FORMAT) : date} ${timeString}` // Update with current date\r\n }\r\n }\r\n }\r\n });\r\n };\r\n\r\n useEffect(() => {\r\n if (defaultValue && !hasSubmissionId) {\r\n const defaultDate = defaultValue?.$isDayjsObject\r\n ? defaultValue\r\n : dayjs(\"2001-03-30 5:31\");\r\n\r\n setInputs({\r\n target: {\r\n name: id,\r\n value: {\r\n surveyId: surveyId,\r\n userId: userId,\r\n questionId: id,\r\n questionType: questionType,\r\n skipLogicAnswer: defaultDate,\r\n answerDetail: {\r\n text: `${defaultDate.format(DATE_FORMAT)} ${defaultDate.format(\r\n TIME_FORMAT\r\n )}`\r\n }\r\n }\r\n }\r\n });\r\n }\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, [defaultValue, props.default]);\r\n\r\n return (\r\n \r\n
\r\n );\r\n }\r\n);\r\n","import React, { useEffect } from \"react\";\r\nimport { TimePicker } from \"antd\";\r\nimport customParseFormat from \"dayjs/plugin/customParseFormat\";\r\nimport PreviewQuestionLabel from \"../../../common/PreviewQuestionLabel/PreviewQuestionLabel\";\r\nimport dayjs from \"dayjs\";\r\nimport { useSurveyInputStore } from \"../../../../surveyStore\";\r\nimport PreviewQuestionConstraints from \"../../../common/PreviewQuestionConstraints/PreviewQuestionConstraints\";\r\nimport useEvaluateConstraint from \"../../question-preview/hooks/useEvaluateConstraint\";\r\n\r\nimport \"./Time.scss\";\r\n\r\ndayjs.extend(customParseFormat);\r\n\r\nexport const Time = React.memo(\r\n ({ props, hasErrors, surveyId, userId, submissionId, label, hint, defaultValue }) => {\r\n const { id, questionType, isRequired, answers } = props;\r\n\r\n const inputState = useSurveyInputStore((state) => state.inputs?.[id]);\r\n const setInputs = useSurveyInputStore((state) => state.setInputs);\r\n\r\n const hasSubmissionId = Boolean(submissionId);\r\n\r\n const submissionAnswer = submissionId\r\n ? answers?.find((answer) => answer?.submissionId === submissionId)?.answerDetail?.text\r\n : null;\r\n\r\n const value =\r\n hasSubmissionId && submissionAnswer\r\n ? dayjs(submissionAnswer, \"HH:mm\")\r\n : inputState\r\n ? dayjs(inputState?.answerDetail?.text, \"HH:mm\")\r\n : \"\";\r\n\r\n const passConstraint = useEvaluateConstraint(props.constraint, inputState?.skipLogicAnswer);\r\n\r\n const showErrors =\r\n hasErrors && isRequired && (!inputState || !inputState?.answerDetail?.text);\r\n\r\n const onTimePickerChange = (date, timeString) => {\r\n if (hasSubmissionId) {\r\n return;\r\n }\r\n\r\n if (date) {\r\n setInputs({\r\n target: {\r\n name: id,\r\n value: {\r\n surveyId: surveyId,\r\n userId: userId,\r\n questionId: id,\r\n questionType: questionType,\r\n skipLogicAnswer: date,\r\n answerDetail: {\r\n text: timeString\r\n }\r\n }\r\n }\r\n });\r\n } else {\r\n setInputs({ target: { name: id, value: \"\" } });\r\n }\r\n };\r\n\r\n useEffect(() => {\r\n if (defaultValue) {\r\n const defaultDate = defaultValue?.$isDayjsObject ? defaultValue : dayjs(props.default);\r\n\r\n onTimePickerChange(defaultDate, defaultDate.format(\"HH:mm\"));\r\n }\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, [defaultValue]);\r\n\r\n return (\r\n \r\n
\r\n );\r\n }\r\n);\r\n\r\n// function CustomPanel({ onChange }) {\r\n// const [hour, setHour] = useState(1);\r\n// const [minute, setMinute] = useState(0);\r\n// const [meridiem, setMeridiem] = useState(0);\r\n\r\n// const increase = (setFn, isMer) => () => {\r\n// setFn((prev) => (prev < (isMer ? 1 : 12) ? prev + 1 : prev));\r\n// };\r\n\r\n// const decrease = (setFn) => () => {\r\n// setFn((prev) => (prev > 0 ? prev - 1 : prev));\r\n// };\r\n\r\n// const toggleMeridiem = () => {\r\n// setMeridiem((prev) => (prev === 0 ? 1 : 0));\r\n// };\r\n\r\n// useEffect(() => {\r\n// const date = dayjs()\r\n// .set(\"hour\", meridiem === 0 ? hour : hour + 12)\r\n// .set(\"minute\", minute);\r\n\r\n// const timeString = date.format(\"hh:mm A\");\r\n// onChange(date, timeString);\r\n// // eslint-disable-next-line react-hooks/exhaustive-deps\r\n// }, [hour, minute, meridiem]);\r\n\r\n// return (\r\n// \r\n \r\n \r\n {checkboxLabel}\r\n \r\n
\r\n\r\n \r\n {showErrors ? \"This field is required\" : \" \"}\r\n {passConstraint !== null && !passConstraint ? (\r\n \r\n
\r\n );\r\n }\r\n);\r\n","import React from \"react\";\r\nimport style from \"./RangeQuestion.module.scss\";\r\nimport PreviewQuestionLabel from \"../../../common/PreviewQuestionLabel/PreviewQuestionLabel\";\r\nimport { Col, Slider } from \"antd\";\r\nimport { FrownOutlined, SmileOutlined } from \"@ant-design/icons\";\r\nimport { useSurveyInputStore } from \"../../../../surveyStore\";\r\nimport PreviewQuestionConstraints from \"../../../common/PreviewQuestionConstraints/PreviewQuestionConstraints\";\r\n\r\nfunction generateMarksObject(start, end) {\r\n const marks = {};\r\n\r\n for (let i = start; i <= end; i++) {\r\n marks[i] = i.toString();\r\n }\r\n\r\n return marks;\r\n}\r\n\r\nexport const RangeQuestion = React.memo(({ props, surveyId, userId, label, hint }) => {\r\n const { id, questionType, isRequired, range } = props;\r\n\r\n const inputState = useSurveyInputStore((state) => state.inputs?.[id]);\r\n const setInputs = useSurveyInputStore((state) => state.setInputs);\r\n\r\n const onChange = (e) => {\r\n if (!e) {\r\n setInputs({\r\n target: {\r\n name: id,\r\n value: \"\"\r\n }\r\n });\r\n } else {\r\n setInputs({\r\n target: {\r\n name: id,\r\n value: {\r\n surveyId: surveyId,\r\n userId: userId,\r\n questionId: id,\r\n questionType: questionType,\r\n name: props.name,\r\n skipLogicAnswer: e,\r\n answerDetail: {\r\n number: e\r\n }\r\n }\r\n }\r\n });\r\n }\r\n };\r\n\r\n return (\r\n \r\n
\r\n \r\n );\r\n});\r\n","var _path, _path2, _path3, _path4, _path5, _path6;\n\nvar _excluded = [\"title\", \"titleId\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport * as React from \"react\";\n\nfunction SvgDragIcon(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 9,\n height: 15,\n viewBox: \"0 0 9 15\",\n fill: \"none\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M6.87299 11.2295C5.99707 11.2295 5.287 11.945 5.287 12.8277C5.287 13.7103 5.99707 14.4258 6.87299 14.4258C7.74891 14.4258 8.45898 13.7103 8.45898 12.8277C8.45898 11.945 7.74891 11.2295 6.87299 11.2295Z\",\n fill: \"#9BACEB\"\n })), _path2 || (_path2 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M6.87299 5.9014C5.99707 5.9014 5.287 6.61691 5.287 7.49953C5.287 8.38215 5.99707 9.09766 6.87299 9.09766C7.74891 9.09766 8.45898 8.38215 8.45898 7.49953C8.45898 6.61691 7.74891 5.9014 6.87299 5.9014Z\",\n fill: \"#9BACEB\"\n })), _path3 || (_path3 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M1.58637 11.2295C0.710449 11.2295 0.000375056 11.945 0.000375132 12.8277C0.000375209 13.7103 0.710449 14.4258 1.58637 14.4258C2.46229 14.4258 3.17236 13.7103 3.17236 12.8277C3.17236 11.945 2.46229 11.2295 1.58637 11.2295Z\",\n fill: \"#9BACEB\"\n })), _path4 || (_path4 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M1.58637 5.9014C0.710449 5.9014 0.000375056 6.61691 0.000375133 7.49953C0.000375209 8.38215 0.710449 9.09766 1.58637 9.09766C2.46229 9.09766 3.17236 8.38215 3.17236 7.49953C3.17236 6.61691 2.46229 5.9014 1.58637 5.9014Z\",\n fill: \"#9BACEB\"\n })), _path5 || (_path5 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M1.58637 0.574254C0.710449 0.574254 0.000375056 1.28976 0.000375133 2.17238C0.000375209 3.055 0.710449 3.77051 1.58637 3.77051C2.46229 3.77051 3.17236 3.055 3.17236 2.17238C3.17236 1.28976 2.46229 0.574254 1.58637 0.574254Z\",\n fill: \"#9BACEB\"\n })), _path6 || (_path6 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M6.87299 0.574254C5.99707 0.574254 5.287 1.28976 5.287 2.17238C5.287 3.055 5.99707 3.77051 6.87299 3.77051C7.74891 3.77051 8.45898 3.055 8.45898 2.17238C8.45898 1.28976 7.74891 0.574254 6.87299 0.574254Z\",\n fill: \"#9BACEB\"\n })));\n}\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgDragIcon);\nexport default __webpack_public_path__ + \"static/media/DragIcon.8420970a.svg\";\nexport { ForwardRef as ReactComponent };","import { Col, Select } from \"antd\";\r\nimport React, { useEffect, useState } from \"react\";\r\nimport PreviewQuestionLabel from \"../../../common/PreviewQuestionLabel/PreviewQuestionLabel\";\r\nimport style from \"./Ranking.module.scss\";\r\nimport { ReactComponent as DragIcon } from \"./DragIcon.svg\";\r\nimport { useSurveyInputStore } from \"../../../../surveyStore\";\r\nimport PreviewQuestionConstraints from \"../../../common/PreviewQuestionConstraints/PreviewQuestionConstraints\";\r\n\r\nexport const Ranking = React.memo(\r\n ({ props, hasErrors, userId, surveyId, submissionId, label, hint }) => {\r\n const { id, selectQuestionChoices, questionType, isRequired } = props;\r\n const [value, setValue] = useState([]);\r\n\r\n const inputState = useSurveyInputStore((state) => state.inputs?.[id]);\r\n const setInputs = useSurveyInputStore((state) => state.setInputs);\r\n\r\n const wrapperStyle =\r\n hasErrors &&\r\n isRequired &&\r\n (!inputState ||\r\n !inputState?.answerDetail?.answerRankings ||\r\n inputState?.answerDetail?.answerRankings.length < selectQuestionChoices.length)\r\n ? { border: \"1px solid red\", borderRadius: \"7px\" }\r\n : {};\r\n\r\n const items = selectQuestionChoices.map((choice, i) => ({\r\n value: i + 1,\r\n label: i + 1\r\n }));\r\n\r\n const onChange = (e, choiceId) => {\r\n const existingIndex = value.findIndex((el) => el.choiceId === choiceId);\r\n\r\n if (existingIndex !== -1) {\r\n setValue((prev) => {\r\n const updatedValue = [...prev];\r\n updatedValue[existingIndex] = { choiceId, rank: e };\r\n return updatedValue;\r\n });\r\n } else {\r\n setValue((prev) => [...prev, { choiceId, rank: e }]);\r\n }\r\n };\r\n\r\n useEffect(() => {\r\n if (value.length === 0) return;\r\n setInputs({\r\n target: {\r\n name: id,\r\n value: {\r\n surveyId: surveyId,\r\n userId: userId,\r\n questionId: id,\r\n questionType: questionType,\r\n name: props.name,\r\n skipLogicAnswer: value,\r\n answerDetail: {\r\n answerRankings: value\r\n }\r\n }\r\n }\r\n });\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, [value]);\r\n\r\n useEffect(() => {\r\n if (!inputState) return;\r\n\r\n setValue(inputState?.answerDetail?.answerRankings);\r\n }, [inputState, id]);\r\n\r\n return (\r\n \r\n
\r\n\r\n {range?.firstLabel}
\r\n\r\n
\r\n {range?.secondLabel}
\r\n\r\n
\r\n {hasErrors &&\r\n isRequired &&\r\n (!inputState ||\r\n !inputState?.answerDetail?.answerRankings ||\r\n inputState?.answerDetail?.answerRankings.length <\r\n selectQuestionChoices.length) && (\r\n All rankings must be selected\r\n )}\r\n \r\n );\r\n }\r\n);\r\n","import React, { useEffect, useMemo, useState } from \"react\";\r\nimport { Input } from \"antd\";\r\nimport PreviewQuestionLabel from \"../../../common/PreviewQuestionLabel/PreviewQuestionLabel\";\r\nimport { useSurveyInputStore } from \"../../../../surveyStore\";\r\nimport PreviewQuestionConstraints from \"../../../common/PreviewQuestionConstraints/PreviewQuestionConstraints\";\r\n\r\nimport \"./Matrix.scss\";\r\n\r\nconst { TextArea } = Input;\r\n\r\nexport const Matrix = React.memo(\r\n ({ props, hasErrors, surveyId, userId, submissionId, label, hint }) => {\r\n const { id, selectQuestionChoices, secondChoices, questionType, isRequired } = props;\r\n\r\n const hasSubmissionId = Boolean(submissionId);\r\n\r\n const [value, setValue] = useState(\r\n hasSubmissionId\r\n ? props.answers.find(({ submissionId: subId }) => subId === submissionId)?.answerDetail\r\n ?.answerMatrices || []\r\n : []\r\n );\r\n\r\n const inputState = useSurveyInputStore((state) => state.inputs?.[id]);\r\n const setInputs = useSurveyInputStore((state) => state.setInputs);\r\n\r\n const showErrors =\r\n hasErrors &&\r\n isRequired &&\r\n (!inputState || inputState?.answerDetail?.answerMatrix?.length === 0);\r\n\r\n const rowQuestions = useMemo(\r\n () =>\r\n selectQuestionChoices.map((element) => {\r\n return {\r\n choice: element.choiceLabels[0]?.text,\r\n id: element.choiceLabels[0]?.choiceId\r\n };\r\n }),\r\n [selectQuestionChoices]\r\n );\r\n\r\n const columnQuestions = useMemo(\r\n () =>\r\n secondChoices.map((element) => {\r\n return { choice: element.name, id: element.id };\r\n }),\r\n [secondChoices]\r\n );\r\n\r\n const onChange = (event) => {\r\n const { name, value: inputValue } = event.target;\r\n const splitString = name.split(\"===\");\r\n const choiceId = splitString[0];\r\n const secondChoiceId = splitString[1];\r\n\r\n const existingIndex = value.findIndex(\r\n (el) => el.choiceId === choiceId && el.secondChoiceId === secondChoiceId\r\n );\r\n\r\n if (inputValue === \"\") {\r\n if (existingIndex !== -1) {\r\n setValue((prev) => {\r\n const updatedValue = [...prev];\r\n updatedValue.splice(existingIndex, 1);\r\n return updatedValue;\r\n });\r\n }\r\n } else {\r\n if (existingIndex !== -1) {\r\n setValue((prev) => {\r\n const updatedValue = [...prev];\r\n updatedValue[existingIndex] = { choiceId, secondChoiceId, text: inputValue };\r\n return updatedValue;\r\n });\r\n } else {\r\n setValue((prev) => [...prev, { choiceId, secondChoiceId, text: inputValue }]);\r\n }\r\n }\r\n };\r\n\r\n useEffect(() => {\r\n if (hasSubmissionId) {\r\n return;\r\n }\r\n\r\n setValue(inputState?.answerDetail?.answerMatrix ?? []);\r\n }, [inputState, id, hasSubmissionId]);\r\n\r\n useEffect(() => {\r\n if (hasSubmissionId) {\r\n return;\r\n }\r\n if (value.length === 0) {\r\n return;\r\n }\r\n setInputs({\r\n target: {\r\n name: id,\r\n value: {\r\n surveyId: surveyId,\r\n userId: userId,\r\n questionId: id,\r\n questionType: questionType,\r\n name: props.name,\r\n skipLogicAnswer: value,\r\n answerDetail: {\r\n answerMatrix: value\r\n }\r\n }\r\n }\r\n });\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, [value, hasSubmissionId]);\r\n\r\n return (\r\n \r\n {selectQuestionChoices.map((option) => {\r\n return (\r\n
\r\n \r\n onChange(e, option.id)}\r\n value={value.find((el) => el.choiceId === option.id)?.rank}\r\n options={items}\r\n className={`${submissionId ? \"submissionStyle\" : \"\"}`}\r\n />\r\n
\r\n );\r\n })}\r\n \r\n
\r\n {option.choiceLabels[0]?.text}
\r\n\r\n
\r\n );\r\n }\r\n);\r\n","import { Radio, Grid } from \"antd\";\r\nimport React, { Fragment, useEffect, useMemo, useState } from \"react\";\r\nimport PreviewQuestionLabel from \"../../../common/PreviewQuestionLabel/PreviewQuestionLabel\";\r\nimport { useSurveyInputStore } from \"../../../../surveyStore\";\r\nimport PreviewQuestionConstraints from \"../../../common/PreviewQuestionConstraints/PreviewQuestionConstraints\";\r\n\r\nimport \"./Rating.scss\";\r\n\r\nconst { useBreakpoint } = Grid;\r\n\r\nexport const Rating = React.memo(\r\n ({ props, surveyId, hasErrors, userId, submissionId, label, hint }) => {\r\n const {\r\n id,\r\n selectQuestionChoices,\r\n secondChoices,\r\n\r\n questionType,\r\n isRequired\r\n } = props;\r\n\r\n const hasSubmissionId = Boolean(submissionId);\r\n const [value, setValue] = useState(\r\n hasSubmissionId\r\n ? props.answers.find(({ submissionId: subId }) => subId === submissionId)?.answerDetail\r\n ?.answerRatings || []\r\n : []\r\n );\r\n\r\n const inputState = useSurveyInputStore((state) => state.inputs?.[id]);\r\n const setInputs = useSurveyInputStore((state) => state.setInputs);\r\n\r\n const screens = useBreakpoint();\r\n\r\n const showErrors =\r\n hasErrors &&\r\n isRequired &&\r\n (!inputState || inputState?.answerDetail?.answerRatings?.length === 0);\r\n\r\n const isBigScreen = useMemo(() => screens.md || screens.lg || screens.xl || screens.xxl, [\r\n screens\r\n ]);\r\n\r\n const rowQuestions = useMemo(\r\n () =>\r\n selectQuestionChoices.map((element) => {\r\n return {\r\n choice: element.choiceLabels[0]?.text,\r\n id: element.choiceLabels[0]?.choiceId\r\n };\r\n }),\r\n [selectQuestionChoices]\r\n );\r\n\r\n const columnQuestions = useMemo(\r\n () =>\r\n secondChoices.map((element) => {\r\n return { choice: element.name, id: element.id };\r\n }),\r\n [secondChoices]\r\n );\r\n\r\n const onChange = (e) => {\r\n const splitString = e.target.value.split(\"===\");\r\n const newRow = splitString[0];\r\n const newColumn = splitString[1];\r\n\r\n const existingIndex = value.findIndex((el) => el.choiceId === newRow);\r\n const existingItem = value.find(\r\n (el) => el.choiceId === newRow && el.secondChoiceId === newColumn\r\n );\r\n\r\n if (existingItem) {\r\n return setValue((prev) => prev.filter((el) => el !== existingItem));\r\n }\r\n\r\n if (existingIndex !== -1) {\r\n setValue((prev) => {\r\n const updatedValue = [...prev];\r\n updatedValue[existingIndex] = { choiceId: newRow, secondChoiceId: newColumn };\r\n return updatedValue;\r\n });\r\n } else {\r\n setValue((prev) => [...prev, { choiceId: newRow, secondChoiceId: newColumn }]);\r\n }\r\n };\r\n\r\n useEffect(() => {\r\n if (hasSubmissionId) {\r\n return;\r\n }\r\n\r\n setValue(inputState?.answerDetail?.answerRatings ?? []);\r\n }, [inputState, id, hasSubmissionId]);\r\n\r\n useEffect(() => {\r\n if (hasSubmissionId) {\r\n return;\r\n }\r\n if (value.length === 0) {\r\n return;\r\n }\r\n setInputs({\r\n target: {\r\n name: id,\r\n value: {\r\n surveyId: surveyId,\r\n userId: userId,\r\n questionId: id,\r\n questionType: questionType,\r\n name: props.name,\r\n skipLogicAnswer: value,\r\n answerDetail: {\r\n answerRatings: value\r\n }\r\n }\r\n }\r\n });\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, [value, hasSubmissionId]);\r\n\r\n return (\r\n \r\n \r\n \r\n
\r\n
\r\n\r\n \r\n {showErrors ? \"This field is required\" : \" \"}\r\n \r\n | \r\n {row.choice}\r\n | \r\n\r\n {columnQuestions.map((column, columnIndex) => (\r\n
\r\n
\r\n );\r\n }\r\n);\r\n","import React, { Fragment, useMemo } from \"react\";\r\nimport Section from \"../editor-types/section/Section\";\r\nimport {\r\n Note,\r\n Number,\r\n SelectMultiple,\r\n SelectOne,\r\n Text,\r\n Photograph,\r\n Date,\r\n DateTime,\r\n Decimal,\r\n Time,\r\n PhoneNumber,\r\n Acknowledge,\r\n RangeQuestion,\r\n Ranking,\r\n Rating,\r\n Matrix\r\n} from \"../submisson-types\";\r\nimport { useParams } from \"react-router-dom\";\r\nimport { LocalStorageService } from \"../../../../../../base/services/local-storage.service\";\r\nimport { useTranslateStore } from \"../../../surveyStore\";\r\nimport GPS from \"../editor-types/gps/GPS\";\r\nimport CalculateQuestion from \"../editor-types/calculate/CalculateQuestion\";\r\nimport { getForeignInputNames } from \"./helpers/getForeignInputNames\";\r\nimport useInputValuesByName from \"./hooks/useInputValueByName\";\r\nimport { REGEX } from \"../../../../../../helpers/constraintParsers\";\r\nimport useEvaluateConstraint from \"./hooks/useEvaluateConstraint\";\r\nimport { InputType } from \"../../../../enums/itemTypes.enum\";\r\n\r\nimport \"./ItemSelector.scss\";\r\n\r\nconst components = {\r\n 0: Section, // TODO: is this needed?\r\n 34: Text,\r\n 32: SelectOne,\r\n 33: SelectMultiple,\r\n 35: Number,\r\n 36: Decimal,\r\n 37: Date,\r\n 38: Time,\r\n 40: Note,\r\n 100: PhoneNumber,\r\n 104: DateTime,\r\n 105: GPS, // not supported yet\r\n 106: Photograph,\r\n 112: Acknowledge,\r\n 275: RangeQuestion,\r\n 277: Matrix,\r\n 278: Ranking,\r\n 276: Rating,\r\n 113: CalculateQuestion // not supported yet\r\n};\r\n\r\nfunction ItemSelector({ props, hasErrors, submissionId }) {\r\n const { questionType, relevant: hasSkipLogic } = props;\r\n const userId = LocalStorageService?.getItem(\"user\")?.id || \"\";\r\n const { toLanguage } = useTranslateStore();\r\n const isComponentAvailable = components.hasOwnProperty(questionType);\r\n const { id: surveyId } = useParams();\r\n const DynamicComponent = components[questionType];\r\n\r\n const inputNames = getForeignInputNames(\r\n `${props.questionLabels?.[0]?.text ?? \"\"} ${props?.surveyQuestionHints?.[0]?.text ?? \"\"}`\r\n );\r\n const hasInputs = inputNames.length > 0;\r\n const inputValuesObject = useInputValuesByName(inputNames);\r\n\r\n const label = useMemo(() => {\r\n const label = props.questionLabels\r\n ? props.questionLabels.find((question) => question.languageId === toLanguage)?.text ??\r\n props.questionLabels[0]?.text\r\n : \"( No label )\";\r\n\r\n return hasInputs\r\n ? label.replace(REGEX.foreignInputValue, (match, inputName) => {\r\n const value = inputValuesObject[inputName];\r\n return `${value ?? \"[No value]\"}`;\r\n })\r\n : label;\r\n }, [hasInputs, inputValuesObject, props.questionLabels, toLanguage]);\r\n\r\n const hint = useMemo(() => {\r\n const hint =\r\n props?.surveyQuestionHints.find(({ languageId }) => languageId === toLanguage)?.text ??\r\n props?.surveyQuestionHints[0]?.text;\r\n\r\n return hasInputs\r\n ? hint?.replace(REGEX.foreignInputValue, (match, inputName) => {\r\n const value = inputValuesObject[inputName];\r\n return `${value ?? \"[No value]\"}`;\r\n })\r\n : hint;\r\n }, [hasInputs, inputValuesObject, props?.surveyQuestionHints, toLanguage]);\r\n\r\n // defaultValue not being used in: Text, SelectOne, SelectMultiple\r\n const defaultValue = useEvaluateConstraint(\r\n [InputType.TEXT, InputType.SELECT_ONE, InputType.SELECT_MULTIPLE, InputType.NOTE].includes(\r\n questionType\r\n )\r\n ? null\r\n : props?.default,\r\n true\r\n );\r\n\r\n const calculatedValue = useEvaluateConstraint(props?.calculation, true);\r\n const isQuestionSubmitted = useEvaluateConstraint(props?.relevant, true);\r\n\r\n return (\r\n \r\n \r\n {isBigScreen ? (\r\n \r\n
\r\n
\r\n\r\n \r\n {showErrors ? \"This field is required\" : \" \"}\r\n \r\n | {row.choice} | \r\n\r\n {columnQuestions.map((column, columnIndex) => (\r\n\r\n | \r\n ))}\r\n
| {row.choice} | \r\n\r\n {columnQuestions.map((column, columnIndex) => (\r\n
\r\n \r\n {label}\r\n \r\n {hint && {hint}}\r\n {(props.calculation || props.default) && (\r\n
\r\n );\r\n}\r\n","export const SessionService = {\r\n setItem(key, value) {\r\n sessionStorage.setItem(key, JSON.stringify(value));\r\n },\r\n\r\n getItem(key) {\r\n return JSON.parse(sessionStorage.getItem(key));\r\n },\r\n\r\n clear() {\r\n sessionStorage.clear();\r\n },\r\n\r\n removeItem(key) {\r\n sessionStorage.removeItem(key);\r\n }\r\n};\r\n","import { useState } from \"react\";\r\nimport { LocalStorageService } from \"../services/local-storage.service\";\r\n\r\nconst useReactivatedAccountModal = () => {\r\n const [reactivatedAccountModal, setReactivatedAccountModal] = useState(\r\n LocalStorageService.getItem(\"reactivatedAccount\")\r\n );\r\n const [addPaymentMethodAccountModal, setAddPaymentMethodAccountModal] = useState(\r\n LocalStorageService.getItem(\"addPaymentMethod\")\r\n );\r\n\r\n const removeLocalStorageKey = () => {\r\n LocalStorageService.removeItem(\"reactivatedAccount\");\r\n setReactivatedAccountModal(false);\r\n };\r\n\r\n const removeLocalStoragePaymentKey = () => {\r\n LocalStorageService.removeItem(\"addPaymentMethod\");\r\n setAddPaymentMethodAccountModal(false);\r\n };\r\n\r\n return {\r\n reactivatedAccountModal,\r\n removeLocalStorageKey,\r\n addPaymentMethodAccountModal,\r\n removeLocalStoragePaymentKey\r\n };\r\n};\r\n\r\nexport default useReactivatedAccountModal;\r\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"firstRowWrapper\":\"UserManagement_firstRowWrapper__ChPh7\",\"searchInput\":\"UserManagement_searchInput__3GhrW\",\"newMemberButton\":\"UserManagement_newMemberButton__3tfH9\",\"filtersWrapper\":\"UserManagement_filtersWrapper__2blBp\",\"filterSelect\":\"UserManagement_filterSelect__1W4j4\",\"filterButton\":\"UserManagement_filterButton__1yI1W\",\"placeholderInput\":\"UserManagement_placeholderInput__EzfO7\",\"styledTitle\":\"UserManagement_styledTitle__1UnF2\",\"styledDataIndex\":\"UserManagement_styledDataIndex__rq9Ff\",\"userManagementHeader\":\"UserManagement_userManagementHeader__1OEfX\",\"organizationsBannerInfo\":\"UserManagement_organizationsBannerInfo__3JUBM\",\"organizationsBannerImage\":\"UserManagement_organizationsBannerImage__1DoPm\",\"clearFiltersButton\":\"UserManagement_clearFiltersButton__1LU5d\",\"toggleButton\":\"UserManagement_toggleButton__3kIV3\",\"containerFilters\":\"UserManagement_containerFilters__3Duyz\",\"filtersContainer\":\"UserManagement_filtersContainer__1v9eu\",\"styledDataIndex1\":\"UserManagement_styledDataIndex1__3wlYa\",\"styledDataIndex2\":\"UserManagement_styledDataIndex2__258_0\",\"circleName\":\"UserManagement_circleName__1LBI8\",\"circleLetter\":\"UserManagement_circleLetter__15hkI\",\"rowName\":\"UserManagement_rowName__3WzQ6\",\"firstDivNav\":\"UserManagement_firstDivNav__3uc2N\",\"activeTab\":\"UserManagement_activeTab__3uB0S\",\"inactiveTab\":\"UserManagement_inactiveTab__18z78\",\"activeLine\":\"UserManagement_activeLine__1Echi\",\"inactiveLine\":\"UserManagement_inactiveLine__2q8pi\",\"newMemberHeader\":\"UserManagement_newMemberHeader__15b07\",\"buttonsDiv\":\"UserManagement_buttonsDiv__3PFF1\",\"buttonCancel\":\"UserManagement_buttonCancel__1v8VH\",\"buttonsCreateProfile\":\"UserManagement_buttonsCreateProfile__2Ezqk\",\"addMultipleDiv\":\"UserManagement_addMultipleDiv__1EwWx\",\"addMultipleText\":\"UserManagement_addMultipleText__1WKAT\",\"addMultipleButton\":\"UserManagement_addMultipleButton__18LBe\",\"uploadDraggerHeader\":\"UserManagement_uploadDraggerHeader__2Omqu\",\"uploadDraggerText\":\"UserManagement_uploadDraggerText__1QKZs\",\"uploadDragger\":\"UserManagement_uploadDragger__3NkmY\",\"uploadDraggerIcon\":\"UserManagement_uploadDraggerIcon__3RiMb\",\"customDisabledInput\":\"UserManagement_customDisabledInput__1LnIn\",\"customDisabledSelect\":\"UserManagement_customDisabledSelect__3LHUI\"};","import React from 'react'\r\nimport { Link } from \"react-router-dom\";\r\nimport { toAbsoluteUrl } from '../../../_metronic/_helpers'\r\nimport './commingSoon.scss'\r\nfunction ComingSoon() {\r\n return (\r\n \r\n
\r\n )\r\n}\r\n\r\nexport {ComingSoon}\r\n","/* eslint-disable */\r\n\"use strict\";\r\n// DOCS: https://javascript.info/cookie\r\n\r\n// Component Definition\r\nexport var KTCookie = function() {\r\n return {\r\n // returns the cookie with the given name,\r\n // or undefined if not found\r\n getCookie: function(name) {\r\n var matches = document.cookie.match(new RegExp(\r\n \"(?:^|; )\" + name.replace(/([\\.$?*|{}\\(\\)\\[\\]\\\\\\/\\+^])/g, '\\\\$1') + \"=([^;]*)\"\r\n ));\r\n return matches ? decodeURIComponent(matches[1]) : undefined;\r\n },\r\n // Please note that a cookie value is encoded,\r\n // so getCookie uses a built-in decodeURIComponent function to decode it.\r\n setCookie: function(name, value, options) {\r\n if (!options) {\r\n options = {};\r\n }\r\n\r\n options = Object.assign({}, {path: '/'}, options);\r\n\r\n if (options.expires instanceof Date) {\r\n options.expires = options.expires.toUTCString();\r\n }\r\n\r\n var updatedCookie = encodeURIComponent(name) + \"=\" + encodeURIComponent(value);\r\n\r\n for (var optionKey in options) {\r\n if (!options.hasOwnProperty(optionKey)) {\r\n continue;\r\n }\r\n updatedCookie += \"; \" + optionKey;\r\n var optionValue = options[optionKey];\r\n if (optionValue !== true) {\r\n updatedCookie += \"=\" + optionValue;\r\n }\r\n }\r\n\r\n document.cookie = updatedCookie;\r\n },\r\n // To delete a cookie, we can call it with a negative expiration date:\r\n deleteCookie: function(name) {\r\n setCookie(name, \"\", {\r\n 'max-age': -1\r\n })\r\n }\r\n }\r\n}();\r\n\r\n// webpack support\r\nif (typeof module !== 'undefined' && typeof module.exports !== 'undefined') {\r\n // module.exports = KTCookie;\r\n}\r\n","import React from \"react\";\r\nimport AuthService from \"../../../base/services/authentication.service\";\r\nimport { Button } from \"antd\";\r\nimport Icon from \"@ant-design/icons\";\r\n\r\nimport \"./DeletedModalButton.scss\";\r\n\r\nconst DeletedModalButton = ({ allowedRoles, onClick, style, children, icon }) => {\r\n const checkAuthorization = allowedRoles ? AuthService.isAuthorized(allowedRoles) : true;\r\n return checkAuthorization ? (\r\n \r\n \r\n
\r\n \r\n
\r\n Coming Soon!
\r\nThis page is currently under development.
\r\nDeleted {label}
\r\n\r\n Here you can restore or permanently delete {label}. Any {label} that have not been\r\n restored within 60 days will be permanently deleted.\r\n
\r\n \r\n \r\n
\r\n );\r\n }\r\n};\r\n\r\nBlockUI.defaultProps = {\r\n blocking: true,\r\n title: \"Loading\"\r\n};\r\n\r\nexport default BlockUI;\r\n","import React from \"react\";\r\nimport style from \"./Section.module.scss\";\r\n\r\nfunction Section() {\r\n return (\r\n \r\n
\r\n \r\n
\r\n {title}
\r\n\r\n \r\n
\r\n \r\n Section\r\n
\r\n );\r\n}\r\n\r\nexport default Section;\r\n","export const getTabValue = (tab) => {\r\n switch (tab) {\r\n case \"Assigned\":\r\n return 0;\r\n case \"Rejected\":\r\n return 1;\r\n case \"In Progress\":\r\n return 2;\r\n case \"Completed\":\r\n case \"Finished\":\r\n return 3;\r\n default:\r\n return null;\r\n }\r\n};\r\n","import { useState, useEffect, useCallback } from \"react\";\r\nimport { createQueryParams } from \"../../../../helpers/queryParams\";\r\nimport { httpService } from \"../../../../base/services/httpService.service\";\r\nimport { getTabValue } from \"../../../../helpers/getTabValue\";\r\n\r\nconst PAGE_SIZE = 10;\r\n\r\nconst useHandleTasksData = (baseUrl, formatData) => {\r\n const [data, setData] = useState([]);\r\n const [pagination, setPagination] = useState({\r\n current: 1,\r\n pageSize: PAGE_SIZE,\r\n total: 0\r\n });\r\n const [isLoading, setIsLoading] = useState(false);\r\n const [activeTab, setActiveTab] = useState(\"All\");\r\n const [showFilters, setShowFilters] = useState(false);\r\n const [filterValue, setFilterValue] = useState({\r\n searchInput: \"\",\r\n tab: null,\r\n dataCollectors: null,\r\n locationGroupId: null,\r\n surveyId: null,\r\n surveyName: null,\r\n collectionType: null,\r\n taskStatus: null,\r\n collectionRound: null,\r\n tasksDeadline: null,\r\n sendingDate: null,\r\n gender: null,\r\n receiver: null\r\n });\r\n\r\n const fetchData = useCallback(\r\n async (page, pageSize) => {\r\n setIsLoading(true);\r\n const queryParams = createQueryParams(filterValue);\r\n const additionalParams = new URLSearchParams(queryParams);\r\n const params = new URLSearchParams({\r\n isDeleted: false,\r\n Page: page,\r\n PageSize: pageSize\r\n });\r\n for (const [key, value] of additionalParams) {\r\n params.append(key, value);\r\n }\r\n const url = `${baseUrl}&${params.toString()}`;\r\n\r\n httpService.get(\r\n url,\r\n (response) => {\r\n const formattedData = formatData(response.data);\r\n setData(formattedData.tasks);\r\n setPagination((prevState) => ({\r\n ...prevState,\r\n current: page,\r\n pageSize: pageSize,\r\n total: formattedData.totalSize\r\n }));\r\n setIsLoading(false);\r\n },\r\n (_err) => {\r\n setIsLoading(false);\r\n }\r\n );\r\n },\r\n [filterValue]\r\n );\r\n\r\n useEffect(() => {\r\n if (filterValue.searchInput.trim() === \"\") {\r\n fetchData(pagination.current, pagination.pageSize);\r\n return;\r\n }\r\n\r\n const timeoutId = setTimeout(() => {\r\n fetchData(pagination.current, pagination.pageSize);\r\n }, 500);\r\n return () => clearTimeout(timeoutId);\r\n }, [filterValue]);\r\n\r\n const handlePagination = useCallback(\r\n (page, pageSize) => {\r\n fetchData(page, pageSize);\r\n setPagination((prevS) => ({ ...prevS, current: page, pageSize }));\r\n },\r\n [pagination]\r\n );\r\n\r\n const handleSearch = useCallback(\r\n (e) => {\r\n setPagination((prevS) => ({ ...prevS, current: 1 }));\r\n setFilterValue((prevS) => ({ ...prevS, searchInput: e.target.value }));\r\n },\r\n [setPagination, setFilterValue]\r\n );\r\n\r\n const onSelect = useCallback(\r\n (value, key) => {\r\n setFilterValue((prevS) => ({ ...prevS, [key]: value }));\r\n setPagination((prevS) => ({ ...prevS, current: 1 }));\r\n },\r\n [filterValue]\r\n );\r\n\r\n const handleClearFilters = useCallback(() => {\r\n setFilterValue((prevFilterValue) => ({\r\n ...prevFilterValue,\r\n dataCollectors: null,\r\n locationGroupId: null,\r\n surveyId: null,\r\n surveyName: null,\r\n collectionType: null,\r\n taskStatus: null,\r\n collectionRound: null,\r\n tasksDeadline: null,\r\n sendingDate: null,\r\n gender: null,\r\n receiver: null\r\n }));\r\n setPagination((prevS) => ({ ...prevS, current: 1 }));\r\n }, [pagination]);\r\n\r\n const handleTabChange = useCallback((key) => {\r\n setActiveTab(key);\r\n setFilterValue((prevS) => ({ ...prevS, tab: getTabValue(key) }));\r\n setPagination((prevS) => ({ ...prevS, current: 1 }));\r\n }, []);\r\n\r\n const handleShowFilters = useCallback(() => {\r\n setShowFilters((prevState) => !prevState);\r\n }, []);\r\n\r\n return {\r\n data,\r\n setData,\r\n fetchData,\r\n pagination,\r\n isLoading,\r\n setIsLoading,\r\n filterValue,\r\n handleSearch,\r\n handlePagination,\r\n onSelect,\r\n handleClearFilters,\r\n activeTab,\r\n showFilters,\r\n handleTabChange,\r\n handleShowFilters\r\n };\r\n};\r\n\r\nexport default useHandleTasksData;\r\n","import { useCallback, useEffect, useState } from \"react\";\r\nimport { httpService } from \"../../../../base/services/httpService.service\";\r\nimport { LocalStorageService } from \"../../../../base/services/local-storage.service\";\r\n\r\nconst useGetMessagingTaskReceivers = (collectionMessagesPage) => {\r\n const projectId = LocalStorageService?.getItem(\"currentProjectID\") || \"\";\r\n const [responseData, setResponseData] = useState({\r\n isSuccess: false,\r\n data: [],\r\n errors: []\r\n });\r\n\r\n const fetchData = useCallback(() => {\r\n const url = `/Task/getMessagingTaskReceivers?ProjectId=${projectId}&isDeleted=false`;\r\n\r\n httpService.get(url, (response) => {\r\n if (!response) return;\r\n setResponseData(response);\r\n });\r\n }, [projectId]);\r\n\r\n useEffect(() => {\r\n if (!collectionMessagesPage) return;\r\n fetchData();\r\n }, [collectionMessagesPage, fetchData]);\r\n\r\n return {\r\n isSuccess: responseData.isSuccess,\r\n data: responseData.data,\r\n errors: responseData.errors\r\n };\r\n};\r\n\r\nexport default useGetMessagingTaskReceivers;\r\n","import React, { useCallback, useEffect, useState } from \"react\";\r\nimport { Col, DatePicker, Row, Select } from \"antd\";\r\nimport useSurveysByStatus from \"../../hooks/useSurveysByStatus\";\r\nimport { httpService } from \"../../../../../base/services/httpService.service\";\r\nimport { LocalStorageService } from \"../../../../../base/services/local-storage.service\";\r\nimport {\r\n collectionTypeEnumeratorsOptions,\r\n collectionTypeMessagesOptions,\r\n genderOptions,\r\n taskStatusOptions\r\n} from \"../../../../../utils/options\";\r\nimport useGetMessagingTaskReceivers from \"../../hooks/useGetMessagingTaskReceivers\";\r\n\r\nimport \"./index.scss\";\r\n\r\nconst { Option } = Select;\r\n\r\nconst TaskManagementFilters = React.memo(\r\n ({ enumeratorsPage = false, onSelectChange, filterValue, collectionMessagesPage = false }) => {\r\n const workspaceId = LocalStorageService.getItem(\"currentWorkspaceId\") || \"\";\r\n const [enumerators, setEnumerators] = useState([]);\r\n const [locationGroups, setLocationGroups] = useState([]);\r\n const { data: surveys = [] } = useSurveysByStatus(enumeratorsPage);\r\n const { data: beneficiaries = [] } = useGetMessagingTaskReceivers(collectionMessagesPage);\r\n const projectID = LocalStorageService.getItem(\"currentProjectID\");\r\n\r\n const fetchEnumerators = useCallback(() => {\r\n if (collectionMessagesPage || enumeratorsPage) return;\r\n\r\n const params = new URLSearchParams({\r\n ProjectId: projectID,\r\n isDeleted: false\r\n });\r\n\r\n const url = `/Task/getEnumeratorNamesByProject?${params.toString()}`;\r\n\r\n httpService.get(url, (response) => {\r\n if (!response?.data) return;\r\n setEnumerators(response.data);\r\n });\r\n }, [collectionMessagesPage, enumeratorsPage, projectID]);\r\n\r\n const fetchData = useCallback(() => {\r\n if (collectionMessagesPage) return;\r\n\r\n const enumeratorsUrl = `/Task/getDataCollectorTasksLocations?isDeleted=false`;\r\n const projectSurveysUrl = `/Task/GetLocationGroups?workspaceId=${workspaceId}`;\r\n const url = enumeratorsPage ? enumeratorsUrl : projectSurveysUrl;\r\n\r\n httpService.get(url, (response) => {\r\n if (!response?.data) return;\r\n setLocationGroups(enumeratorsPage ? response.data : response.data.locationGroups);\r\n });\r\n }, [collectionMessagesPage, enumeratorsPage, workspaceId]);\r\n\r\n useEffect(() => {\r\n fetchData();\r\n }, [fetchData]);\r\n\r\n useEffect(() => {\r\n fetchEnumerators();\r\n }, [fetchEnumerators]);\r\n\r\n return (\r\n <>\r\n \r\n \r\n
\r\n \r\n );\r\n}\r\n","import React from \"react\";\r\nimport \"./style.scss\";\r\n\r\nfunction Test() {\r\n return (\r\n \r\n
\r\n \r\n Oops!\r\n
\r\n\r\n You don't have access to see this page.\r\n
\r\n\r\n If you think this is a fault\r\n
\r\n
\r\n You can back or use our Help Center.\r\n
\r\n \r\n
\r\n \r\n
\r\n );\r\n}\r\n\r\nexport default Test;\r\n","import React from \"react\";\r\nimport { Button, Flex } from \"antd\";\r\nimport { useNavigate } from \"react-router-dom\";\r\nimport { ArrowLeftOutlined } from \"@ant-design/icons\";\r\n\r\nimport \"./ErrorBoundary.scss\";\r\n\r\nfunction ErrorBoundary({ error, resetErrorBoundary }) {\r\n const navigate = useNavigate();\r\n\r\n const goBackHandler = () => {\r\n navigate(-1);\r\n\r\n setTimeout(() => {\r\n window.location.reload();\r\n }, 10);\r\n };\r\n\r\n const isConstraintError = error.message?.includes(\"Error evaluating constraint.\");\r\n const errorMessage = isConstraintError\r\n ? error.message\r\n : `Sorry for the inconvenience. We appreciate your understanding and hope the issue\r\n will be resolved soon.`;\r\n\r\n return (\r\n admin page
\r\n\r\n
\r\n \r\n \r\n Oops...\r\n
\r\n
\r\n \r\n Oops...\r\n
\r\n Something happened\r\n
\r\n {errorMessage}
\r\nYou can try to go back or reload the page.
\r\n\r\n window.location.reload()}\r\n prefixCls=\"main-error-boundary_actions--reload\"\r\n >\r\n Reload the page\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {sortedSurveyItems.map((item, i) => {\r\n if (item.itemLabel === \"Section\") {\r\n return (\r\n \r\n
\r\n );\r\n }\r\n })}\r\n \r\n \r\n ) : null}\r\n \r\n \r\n \r\n {!surveyItem.sectionLabel || !toLanguage\r\n ? surveyItem.surveyItem?.description\r\n : surveyItem.sectionLabel?.description}\r\n \r\n \r\n
\r\n GPS question - coming soon...
;\r\n};\r\n\r\nexport default GPS;\r\n","import { useEffect, useMemo } from \"react\";\r\nimport { useSurveyInputStore } from \"../../../../surveyStore\";\r\nimport useGetOrderedSurveys from \"../../../../editor/logic-builder/hooks/useGetOrderedSurveys\";\r\nimport useEvaluateConstraint from \"../../question-preview/hooks/useEvaluateConstraint\";\r\nimport { REGEX } from \"../../../../../../../helpers/constraintParsers\";\r\n\r\nconst CalculateQuestion = ({ props, surveyId, userId, submissionId, defaultValue, language }) => {\r\n const { answers } = props;\r\n\r\n const setInputs = useSurveyInputStore((state) => state.setInputs);\r\n const orderedSurveys = useGetOrderedSurveys();\r\n const jrChoiceNameMatch = props.calculation && props.calculation.match(REGEX.jrChoiceName);\r\n const hasChoiceNameRegex = jrChoiceNameMatch && jrChoiceNameMatch?.[0] !== \"\";\r\n\r\n const choiceNameOptions = useMemo(() => {\r\n if (!hasChoiceNameRegex) return [];\r\n if (!orderedSurveys?.surveyOrdered || !jrChoiceNameMatch?.[2]) return [];\r\n const surveyItem = orderedSurveys.surveyOrdered.find((item) =>\r\n jrChoiceNameMatch[2].includes(item.surveyItem?.name)\r\n );\r\n if (!surveyItem) return [];\r\n\r\n return surveyItem.surveyItem.selectQuestionChoices.map((item) => {\r\n const translatedLabel = item.choiceLabels.find((label) => label.languageId === language)\r\n ?.text;\r\n const fallbackLabel = item.choiceLabels[0]?.text;\r\n\r\n return {\r\n label: translatedLabel || fallbackLabel,\r\n value: item.name\r\n };\r\n });\r\n }, [hasChoiceNameRegex, orderedSurveys, jrChoiceNameMatch, language]);\r\n\r\n const evaluateConstraint = useEvaluateConstraint(\r\n jrChoiceNameMatch?.[0],\r\n true,\r\n choiceNameOptions\r\n );\r\n\r\n const hasSubmissionId = Boolean(submissionId);\r\n\r\n const submissionAnswer = useMemo(\r\n () => answers?.find((answer) => answer?.submissionId === submissionId)?.answerDetail?.text,\r\n [answers, submissionId]\r\n );\r\n\r\n useEffect(() => {\r\n const value = hasSubmissionId ? submissionAnswer : evaluateConstraint ?? defaultValue;\r\n if (value === undefined || value === null) {\r\n return;\r\n }\r\n setInputs({\r\n target: {\r\n name: props.id,\r\n value: {\r\n surveyId: surveyId,\r\n userId: userId,\r\n questionId: props.id,\r\n questionType: props.questionType,\r\n name: props.name,\r\n skipLogicAnswer: value,\r\n answerDetail: {\r\n text: value\r\n }\r\n }\r\n }\r\n });\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, [defaultValue, hasSubmissionId, submissionAnswer, evaluateConstraint]);\r\n\r\n return null;\r\n};\r\n\r\nexport default CalculateQuestion;\r\n","import React, { useState } from \"react\";\r\nimport ReactApexChart from \"react-apexcharts\";\r\nimport \"./IntroSection.scss\";\r\nimport AuthService from \"../../base/services/authentication.service\";\r\n\r\nexport const IntroSection = ({ isTasksMainPage = false, dataLength }) => {\r\n const [chartData] = useState({\r\n options: {\r\n dataLabels: {\r\n enabled: false\r\n },\r\n chart: {\r\n type: \"donut\",\r\n width: \"1000px\", // Set the width here (e.g., '400px' or '80%')\r\n height: \"1000px\"\r\n },\r\n // responsive: [\r\n // {\r\n // breakpoint: 768\r\n // }\r\n // ],\r\n legend: {\r\n position: \"bottom\",\r\n fontSize: isTasksMainPage ? \"12px\" : \"18px\"\r\n },\r\n labels: [\"Assigned\", \"Completed\", \"Rejected\"],\r\n colors: [\"#6B89FC\", \"#28C76F\", \"#ea5455\"],\r\n plotOptions: {\r\n pie: {\r\n donut: {\r\n size: \"65%\"\r\n // labels: {\r\n // show: true,\r\n // name: {\r\n // show: false\r\n // },\r\n // value: {\r\n // show: true,\r\n // formatter: (val, c) => {\r\n // console.log(\"vall\", c);\r\n // return (\r\n // val +\r\n // \"/\" +\r\n // c.globals.seriesTotals.reduce((a, b) => {\r\n // return a + b;\r\n // }, 0)\r\n // );\r\n // }\r\n // },\r\n // total: {\r\n // show: true,\r\n // showAlways: false,\r\n // formatter: (w) => {\r\n // return w.globals.seriesTotals.reduce((a, b) => {\r\n // return a + b;\r\n // }, 0);\r\n // }\r\n // }\r\n // }\r\n }\r\n }\r\n },\r\n yaxis: {\r\n show: true,\r\n showAlways: true,\r\n showForNullSeries: true,\r\n seriesName: undefined,\r\n opposite: false,\r\n reversed: false,\r\n logarithmic: false,\r\n logBase: 10,\r\n tickAmount: 6,\r\n min: 6,\r\n max: 6,\r\n forceNiceScale: false,\r\n floating: false,\r\n decimalsInFloat: undefined\r\n }\r\n // responsive: [{\r\n // breakpoint: 768, // or whatever breakpoint you need\r\n // options: {\r\n // // Adjust chart options for smaller screens here\r\n // }\r\n // }]\r\n }\r\n });\r\n\r\n let userName = AuthService.getUser()?.fullName.substring(\r\n 0,\r\n AuthService.getUser()?.fullName.indexOf(\" \")\r\n );\r\n return (\r\n \r\n Hello {userName}!\r\n
\r\n )}\r\n {/* Here’s an overview of your progress
\r\n */}\r\n
\r\n \r\n );\r\n};\r\n","import { useEffect, useState } from \"react\";\r\nimport { httpService } from \"../../../../base/services/httpService.service\";\r\nimport { LocalStorageService } from \"../../../../base/services/local-storage.service\";\r\n\r\nconst useSurveysByStatus = (enumeratorsPage) => {\r\n const projectId = LocalStorageService?.getItem(\"currentProjectID\") || \"\";\r\n const [responseData, setResponseData] = useState({\r\n isSuccess: false,\r\n data: [\r\n {\r\n surveys: []\r\n }\r\n ],\r\n errors: []\r\n });\r\n\r\n const fetchData = (enumeratorsPage, projectId) => {\r\n const enumeratorsUrl = `/Task/getDataCollectorTasksSurveys?isDeleted=false`;\r\n const projectSurveysUrl = `/DataCollection/getAllSurveysForProjectByStatus?ProjectId=${projectId}&surveyStatuses=1&surveyStatuses=2&surveyStatuses=3&surveyStatuses=4`;\r\n\r\n const url = enumeratorsPage ? enumeratorsUrl : projectSurveysUrl;\r\n\r\n httpService.get(url, (response) => {\r\n if (!response) return;\r\n setResponseData(response);\r\n });\r\n };\r\n\r\n useEffect(() => {\r\n fetchData(enumeratorsPage, projectId);\r\n }, [enumeratorsPage, projectId]);\r\n\r\n return {\r\n isSuccess: responseData.isSuccess,\r\n data: enumeratorsPage ? responseData.data : responseData.data.surveys,\r\n errors: responseData.errors\r\n };\r\n};\r\n\r\nexport default useSurveysByStatus;\r\n","import { useState } from \"react\";\r\n\r\nexport const useStateChanges = (selectedCountry, form) => {\r\n const [cities, setCities] = useState([]);\r\n\r\n const handleStateChange = async (selectedOption, formFields) => {\r\n form.setFieldsValue(formFields);\r\n\r\n var headers = new Headers();\r\n headers.append(\"X-CSCAPI-KEY\", process.env.REACT_APP_COUNTRY_STATE_CITY_API_KEY);\r\n\r\n var requestOptions = {\r\n method: \"GET\",\r\n headers: headers,\r\n redirect: \"follow\"\r\n };\r\n\r\n try {\r\n const response = await fetch(\r\n `https://api.countrystatecity.in/v1/countries/${selectedCountry}/states/${selectedOption.role}/cities`,\r\n requestOptions\r\n );\r\n const parseData = await response.json();\r\n setCities(\r\n parseData\r\n .map((item) => ({\r\n id: item.id,\r\n name: item.name,\r\n role: item.iso2\r\n }))\r\n .sort((a, b) => a.name.localeCompare(b.name))\r\n );\r\n } catch (error) {\r\n console.log(\"error\", error);\r\n }\r\n };\r\n\r\n return { cities, handleStateChange };\r\n};\r\n","import { useState, useEffect } from \"react\";\r\nimport { httpService } from \"../services/httpService.service\";\r\n\r\nconst cities = [\r\n {\r\n name: \"Prizren\",\r\n iso2: \"XPR\"\r\n },\r\n {\r\n name: \"Peja\",\r\n iso2: \"XPE\"\r\n },\r\n {\r\n name: \"Ferizaj\",\r\n iso2: \"XUF\"\r\n },\r\n {\r\n name: \"Gjakova\",\r\n iso2: \"XDG\"\r\n },\r\n {\r\n name: \"Gjilan\",\r\n iso2: \"XGJ\"\r\n },\r\n {\r\n name: \"Mitrovica\",\r\n iso2: \"XKM\"\r\n },\r\n {\r\n name: \"Pristina\",\r\n iso2: \"XPI\"\r\n }\r\n];\r\n\r\nexport const useCountriesAndData = (form) => {\r\n const [countries, setCountries] = useState([]);\r\n const [selectedCountry, setSelectedCountry] = useState(null);\r\n const [states, setStates] = useState([]);\r\n\r\n useEffect(() => {\r\n let isMounted = true;\r\n\r\n const fetchCountries = async () => {\r\n const url = `/Languages/getAllCountries`;\r\n try {\r\n const res = await httpService.get(url);\r\n if (isMounted) {\r\n setCountries(\r\n res.data\r\n .map((item) => ({\r\n id: item.id,\r\n name: item.name,\r\n role: item.code\r\n }))\r\n .sort((a, b) => a.name.localeCompare(b.name))\r\n );\r\n }\r\n } catch (error) {\r\n console.log(error);\r\n }\r\n };\r\n\r\n fetchCountries();\r\n\r\n return () => {\r\n isMounted = false;\r\n };\r\n }, []);\r\n\r\n const handleCountryChange = async (selectedOption, formFields) => {\r\n setSelectedCountry(selectedOption.role);\r\n form.setFieldsValue(formFields);\r\n\r\n var headers = new Headers();\r\n headers.append(\"X-CSCAPI-KEY\", process.env.REACT_APP_COUNTRY_STATE_CITY_API_KEY);\r\n\r\n var requestOptions = {\r\n method: \"GET\",\r\n headers: headers,\r\n redirect: \"follow\"\r\n };\r\n\r\n try {\r\n const response = await fetch(\r\n `https://api.countrystatecity.in/v1/countries/${selectedOption.role}/states`,\r\n requestOptions\r\n );\r\n const parseData = await response.json();\r\n let filteredStates = parseData;\r\n\r\n if (selectedOption.role === \"AL\") {\r\n filteredStates = parseData.filter((item) => item.name.includes(\"District\"));\r\n }\r\n\r\n if (selectedOption.role === \"XK\") {\r\n filteredStates = parseData.map((item) => {\r\n const city = cities.find((city) => city.iso2 === item.iso2);\r\n return {\r\n ...item,\r\n name: city ? city.name : item.name\r\n };\r\n });\r\n }\r\n\r\n setStates(\r\n filteredStates\r\n .map((item) => ({\r\n id: item.id,\r\n name: item.name,\r\n role: item.iso2\r\n }))\r\n .sort((a, b) => a.name.localeCompare(b.name))\r\n );\r\n } catch (error) {\r\n console.log(\"error\", error);\r\n }\r\n };\r\n\r\n return { countries, selectedCountry, states, handleCountryChange };\r\n};\r\n","export default __webpack_public_path__ + \"static/media/SurveyConfirmation.3a27b66b.svg\";","import React from \"react\";\r\nimport logo from \"../../../../../../app/assets/images/SurveyConfirmation.svg\";\r\n\r\nimport \"./SurveyConfirmation.scss\";\r\n\r\nconst SurveyConfirmation = ({ isSurveySubmitted = false }) => {\r\n return (\r\n \r\n
*/}\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default SurveyConfirmation;\r\n","import React, { Fragment, useState } from \"react\";\r\nimport { Button, Flex, List, Popconfirm, Popover, Tooltip } from \"antd\";\r\nimport {\r\n DeleteOutlined,\r\n EditOutlined,\r\n FileOutlined,\r\n FormOutlined,\r\n InfoCircleOutlined,\r\n SendOutlined\r\n} from \"@ant-design/icons\";\r\nimport dayjs from \"dayjs\";\r\nimport { db_drafts } from \"../../../../../../storage/db\";\r\nimport { useLiveQuery } from \"dexie-react-hooks\";\r\nimport { useParams } from \"react-router-dom\";\r\n\r\nimport \"./DraftList.scss\";\r\n\r\nconst defaultDraftDesc = `Draft means that the form is still in progress. \r\nPerhaps you've started filling the form out, but have not yet finished it. \r\nOr maybe different sections of the form need to be filled out by different people, \r\nand the form is somewhere in the middle of that workflow. \r\nCompleted means that the form is done.`;\r\n\r\nconst getDraftTimestamp = (timestamp) => {\r\n return timestamp ? dayjs(timestamp).format(\"DD MMM YYYY\") : \"Start now!\";\r\n};\r\nexport const START_NEW_DRAFT = {\r\n draftId: \"Start new draft\",\r\n draftTitle: \"Start new draft\",\r\n draftDescription: defaultDraftDesc\r\n};\r\n\r\nconst ActionButton = ({ icon, onClick, loading, disabled }) => {\r\n return (\r\n \r\n
\r\n \r\n 
\r\n
\r\n \r\n {isSurveySubmitted ? (\r\n
\r\n You have already submitted this survey!
\r\n ) : (\r\n <>\r\nThank you for filling out this survey!
\r\nYour responses have been submitted successfully.
\r\n \r\n )}\r\n\r\n If you think there has been a mistake and you have not completed this survey yet,\r\n please email us at{\" \"}\r\n info@kaptechgroup.com to get\r\n assistance.\r\n
\r\n\r\n \r\n {getDraftTimestamp(timestamp)}\r\n \r\n \r\n \r\n {draftTitle}\r\n \r\n \r\n \r\n \r\n {draftDescription}\r\n \r\n }\r\n title=\"Draft description\"\r\n trigger=\"click\"\r\n >\r\n \r\n \r\n
\r\n {draftDescription}
\r\n \r\n\r\n
\r\n );\r\n});\r\n\r\nexport default React.memo(PreviewLanguage);\r\n","import React from \"react\";\r\nimport Icon from \"@ant-design/icons\";\r\n\r\nexport const SaveDraftIcon = (props) => {\r\n return (\r\n \r\n \r\n Survey Language\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {isEditingSurvey && !isPublicSurveyRoute() ? (\r\n \r\n
\r\n ) : null}\r\n \r\n \r\n \r\n
\r\n \r\n \r\n Want to finish this survey later? Save your progress as a draft and pick up where\r\n you left off. If you're ready to submit it, click \"Submit\" to share your\r\n valuable feedback.\r\n
\r\n\r\n\r\n {surveyData?.map((item, i) => {\r\n if (item.itemLabel === \"Section\") {\r\n return (\r\n
\r\n );\r\n});\r\n\r\nconst getInputsState = () => {\r\n const { inputs } = useSurveyInputStore.getState();\r\n return inputs;\r\n};\r\n\r\nfunction Preview() {\r\n const { id, uuid } = useParams();\r\n const location = useLocation();\r\n const navigate = useNavigate();\r\n const submissionId = location.state;\r\n\r\n const componentRef = useRef();\r\n const isSubmitting = useRef(false);\r\n const [modalApi, modalContextHolder] = Modal.useModal();\r\n\r\n const isOnline = useOnlineStore((state) => state.isOnline);\r\n\r\n const getData = editDataStore((s) => s.fetchSurveyById);\r\n const surveyData = editDataStore((state) => state.surveyData);\r\n const loading = editDataStore((state) => state.isSurveyLoading);\r\n const surveyAlldata = editDataStore((state) => state.surveyAllData);\r\n const surveyBaseLanguageName = editDataStore((state) => state.surveyBaseLanguageName);\r\n\r\n const setDraftSurvey = useSurveyInputStore((state) => state.setDraftSurvey);\r\n const inputs = useSurveyInputStore((state) => state.inputs);\r\n const resetInputs = useSurveyInputStore((state) => state.resetInputs);\r\n const setInputs = useSurveyInputStore((state) => state.setInputs);\r\n\r\n const [isModalOpen, setIsModalOpen] = useState(false);\r\n const [isSaveAsDraft, setIsSaveAsDraft] = useState(false);\r\n const [selectedDraft, setSelectedDraft] = useState(null);\r\n const [load, setLoad] = useState(false);\r\n const [surveyStatusUpdated, setSurveyStatusUpdate] = useState(false);\r\n const [submittingAllDrafts, setSubmittingAllDrafts] = useState(false);\r\n\r\n const [hasErrors, setHasErrors] = useState(false);\r\n const { toLanguage } = useTranslateStore();\r\n const [startTimeEnd, setStartTimeEnd] = useState(null);\r\n\r\n const searchParams = new URLSearchParams(location.search);\r\n const taskId = searchParams.get(\"taskId\");\r\n const receiverId = searchParams.get(\"receiverId\");\r\n\r\n const [hasSurveyExpired, setHasSurveyExpired] = useState();\r\n\r\n // indexedDB live queries\r\n const draftCount = useLiveQuery(() => db_drafts.where({ surveyId: id }).count());\r\n\r\n const draftFormik = useFormik({\r\n initialValues: {\r\n draftTitle: \"\",\r\n draftDesc: \"\"\r\n }\r\n });\r\n const { draftTitle, draftDesc } = draftFormik.values;\r\n const isEditingSurvey = surveyAlldata?.surveyStatusId === SurveyStatusEnum.Editing;\r\n\r\n const inputValues = useMemo(() => {\r\n const surveyQuestions = editDataStore.getState().surveyQuestions;\r\n\r\n return Object.values(inputs).filter((inputItem) => {\r\n const question = surveyQuestions.find((q) => q.name === inputItem.name);\r\n\r\n if (\r\n question &&\r\n (question.default !== null ||\r\n [InputType.NOTE, InputType.CALCULATE_QUESTION, InputType.HIDDEN].includes(\r\n question.questionType\r\n ))\r\n ) {\r\n return false;\r\n }\r\n\r\n return true;\r\n });\r\n }, [inputs]);\r\n\r\n usePrompt(\r\n \"You have unsaved changes, are you sure you want to leave?\",\r\n !isSubmitting.current && inputValues?.length !== 0\r\n );\r\n\r\n function clearLocalStorageKeys(keysToClear) {\r\n keysToClear.forEach((key) => {\r\n LocalStorageService.removeItem(key); // Remove only the specified keys\r\n });\r\n }\r\n\r\n // Explanation: this clears up localStorage keys,\r\n // which means will log out the user that is logged in in that browser,\r\n // in order to not submit the Public Survey with the account that is logged in currently\r\n if (isPublicSurveyRoute() && !taskId) {\r\n clearLocalStorageKeys([\r\n \"user\",\r\n \"tokenExpire\",\r\n \"atoken\",\r\n \"organizationId\",\r\n \"organizationName\",\r\n \"roles\"\r\n ]);\r\n }\r\n\r\n useEffect(() => {\r\n getAllDraftsForSurvey(id).then((drafts) => {\r\n const draftsLength = drafts.length;\r\n setIsModalOpen(draftsLength > 0);\r\n });\r\n }, [id]);\r\n\r\n // TODO: add navigation blocking for unsaved changes\r\n useEffect(() => {\r\n return () => {\r\n setInputs();\r\n };\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, []);\r\n\r\n useEffect(() => {\r\n const hasExpired = dayjs().isAfter(dayjs(surveyAlldata?.endDate));\r\n setHasSurveyExpired(hasExpired);\r\n }, [surveyAlldata?.endDate]);\r\n\r\n useEffect(() => {\r\n getData({\r\n surveyId: id,\r\n languageId: toLanguage === \"\" ? Constants.ENGLISH_LANGUAGE_ID : toLanguage,\r\n taskId,\r\n receiverId\r\n });\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, [id, toLanguage]);\r\n\r\n useEffect(() => {\r\n LocalStorageService.setItem(\"startTime\", dayjs());\r\n setStartTimeEnd(dayjs());\r\n\r\n getGeolocation()\r\n .then((geolocation) => {\r\n LocalStorageService.setItem(`geolocation`, geolocation);\r\n })\r\n .catch((error) => {\r\n console.error(\"Error getting geolocation:\", error);\r\n LocalStorageService.removeItem(\"geolocation\");\r\n });\r\n }, []);\r\n\r\n const handleOpenDraftsModal = () => {\r\n setIsModalOpen(true);\r\n };\r\n\r\n const discardDraft = (draftId) => {\r\n deleteDraft(id, draftId);\r\n\r\n const draftSurveyId = [id, draftId];\r\n LocalStorageService.removeItem(`geolocation==${draftSurveyId}`);\r\n LocalStorageService.removeItem(`startTime==${draftSurveyId}`);\r\n };\r\n\r\n const onSaveAsDraft = async () => {\r\n const inputs = getInputsState();\r\n const inputValues = Object.values(inputs).filter(\r\n (input) =>\r\n ![InputType.NOTE, InputType.CALCULATE_QUESTION, InputType.HIDDEN].includes(\r\n input.questionType\r\n )\r\n );\r\n\r\n setHasErrors(false);\r\n if (inputValues?.length === 0) {\r\n message.open({\r\n type: \"error\",\r\n content:\r\n \"Error: Please provide at least one piece of information before saving a draft.\"\r\n });\r\n\r\n return;\r\n }\r\n\r\n const renderedElements = document.querySelectorAll(\"[data-id]\");\r\n const renderedElementIds = [...renderedElements].map((item) => item.attributes[0].value);\r\n\r\n const draftId = selectedDraft\r\n ? selectedDraft\r\n : dayjs()\r\n .valueOf()\r\n .toString(36);\r\n await saveDraft({\r\n surveyId: id,\r\n draftId: draftId,\r\n draftTitle: draftTitle,\r\n draftDescription: draftDesc,\r\n renderedElementIds: renderedElementIds,\r\n formData: inputs,\r\n ...(taskId ? { TaskId: taskId } : {}),\r\n ...(receiverId ? { MessageReceiverId: receiverId } : {})\r\n });\r\n\r\n const draftSurveyId = [id, draftId];\r\n getGeolocation()\r\n .then((geolocation) => {\r\n LocalStorageService.setItem(`geolocation==${draftSurveyId}`, geolocation);\r\n })\r\n .catch((error) => {\r\n console.error(\"Error setting geolocation for draft: \" + draftTitle, error);\r\n LocalStorageService.removeItem(\"geolocation\");\r\n });\r\n\r\n const surveyStartTime = LocalStorageService.getItem(`startTime`);\r\n const draftSurveyStartTime = LocalStorageService.getItem(`startTime==${draftSurveyId}`);\r\n if (!draftSurveyStartTime) {\r\n LocalStorageService.setItem(`startTime==${draftSurveyId}`, surveyStartTime);\r\n }\r\n\r\n message.open({\r\n type: \"success\",\r\n content: \"Your answers have been saved in your local device\"\r\n });\r\n LocalStorageService.setItem(\"startTime\", dayjs());\r\n\r\n draftFormik.resetForm();\r\n setSelectedDraft(null);\r\n resetInputs();\r\n\r\n setIsSaveAsDraft(false);\r\n };\r\n\r\n const countDown = () => {\r\n let secondsToGo = 10;\r\n\r\n const handleDone = () => {\r\n clearInterval(timer);\r\n instance.destroy();\r\n window.location.reload();\r\n };\r\n\r\n const instance = modalApi.success({\r\n width: 600,\r\n onOk: handleDone,\r\n title: \"Survey queued for submission.\",\r\n content: `Queued surveys, except those marked as draft, are uploaded automatically, \r\n in the background when Internet connection is available. \r\n Surveys are kept in queue for 30 days from the time they were submitted.`,\r\n footer: (_, { OkBtn }) => (\r\n <>\r\n \r\n \r\n
\r\n );\r\n }\r\n })}\r\n \r\n
\r\n
\r\n )\r\n });\r\n }\r\n setLoad(false);\r\n\r\n return err;\r\n });\r\n };\r\n\r\n const shouldAddArabicClass = !toLanguage\r\n ? surveyBaseLanguageName === Constants.ARABIC_LANGUAGE_ID\r\n : toLanguage === Constants.ARABIC_LANGUAGE_ID;\r\n\r\n return (\r\n <>\r\n {loading ? (\r\n {res.message || \"Something went wrong! Please try again later.\"}
\r\n \r\n
- \r\n {res?.errors?.map((err) => (\r\n
- {err} \r\n ))}\r\n
\r\n
\r\n ) : (\r\n <>\r\n \r\n {isEditingSurvey ? (\r\n \r\n
\r\n\r\n {!submissionId && !isEditingSurvey && (\r\n \r\n
\r\n \r\n {/* Drafts modal - END */}\r\n\r\n {/* Save draft modal - START */}\r\n \r\n Below is the list of all your saved drafts. They will be deleted after 30\r\n days if not submitted.\r\n {/* TODO: write better description. 30 days bit is incorrect */}\r\n
\r\n\r\n {\r\n if (draftId === START_NEW_DRAFT.draftId) {\r\n setSelectedDraft(null);\r\n setHasErrors(false);\r\n resetInputs();\r\n draftFormik.resetForm();\r\n } else {\r\n const draftData = await loadDraft(id, draftId);\r\n if (draftData) {\r\n draftFormik.setValues({\r\n draftTitle: draftData.draftTitle,\r\n draftDesc: draftData.draftDescription\r\n });\r\n }\r\n setSelectedDraft(draftId);\r\n setDraftSurvey(id, draftId);\r\n }\r\n setIsModalOpen(false);\r\n }}\r\n onDraftSubmit={async (draftId) => {\r\n const draftData = await loadDraft(id, draftId);\r\n\r\n await onSubmit(\r\n draftId,\r\n draftData.formData,\r\n true,\r\n draftData.renderedElementIds,\r\n draftData.taskId,\r\n draftData.messageReceiverId\r\n );\r\n }}\r\n />\r\n
\r\n\r\n \r\n {\r\n setIsModalOpen(false);\r\n }}\r\n >\r\n Cancel\r\n \r\n {\r\n try {\r\n setSubmittingAllDrafts(true);\r\n const surveyDrafts = await getAllDraftsForSurvey(id);\r\n const inputsMap = surveyDrafts.map(\r\n ({\r\n draftId,\r\n formData,\r\n renderedElementIds,\r\n taskId,\r\n messageReceiverId\r\n }) => [\r\n draftId,\r\n formData,\r\n true,\r\n renderedElementIds,\r\n taskId,\r\n messageReceiverId\r\n ]\r\n );\r\n\r\n await Promise.all(\r\n inputsMap.map(async (args) => await onSubmit(...args))\r\n );\r\n\r\n // TODO: add this case for the future\r\n // if (responseAll.every((response) => response.data.isSuccess)) {\r\n // setDraftedSurveys([]);\r\n // LocalStorageService.removeItem(`draftedSurveys-${id}`);\r\n // messageApi.open({\r\n // type: \"success\",\r\n // content: \"All drafts have been submitted successfully.\"\r\n // });\r\n // }\r\n\r\n setSubmittingAllDrafts(false);\r\n } catch (err) {\r\n console.error(err);\r\n setSubmittingAllDrafts(false);\r\n }\r\n }}\r\n >\r\n
\r\n \r\n {\r\n e.preventDefault();\r\n onSaveAsDraft();\r\n }}\r\n className=\"save-draft-modal--form\"\r\n >\r\n
\r\n \r\n {/* Save draft modal - END */}\r\n\r\n {/* Survey expired modal - START */}\r\n \r\n To keep a draft of this survey, assign a name to it to review it later.{\" \"}\r\n
\r\n If they are not submitted within 30 days they will be permanently\r\n deleted.\r\n {/* TODO: write better description. 30 days bit is incorrect */}\r\n
\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n Note{\" \"}\r\n \r\n (optional)\r\n \r\n \r\n
\r\n \r\n {\r\n setIsSaveAsDraft(false);\r\n draftFormik.resetForm();\r\n }}\r\n >\r\n Cancel\r\n \r\n \r\n Save and close\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n {/* Survey expired modal - END */}\r\n\r\n <>{modalContextHolder}\r\n \r\n )}\r\n \r\n );\r\n}\r\n\r\nexport default withErrorBoundary(Preview);\r\n","import React, { useState, useEffect } from \"react\";\r\nimport { Modal, Form, Input, Select, Button, Row, Col, notification } from \"antd\";\r\nimport {\r\n getLanguageIdByName,\r\n getLocationIdByName,\r\n getRoleIdByName,\r\n getWorkspaceIdByName\r\n} from \"../helpers\";\r\nimport { httpService } from \"../../../base/services/httpService.service\";\r\nimport { LocalStorageService } from \"../../../base/services/local-storage.service\";\r\n\r\nimport styles from \"./UserManagement.module.scss\";\r\nimport AuthService from \"../../../base/services/authentication.service\";\r\nimport { UserRolesEnum } from \"../../../utils/enums\";\r\n\r\nconst { Option } = Select;\r\n\r\nconst EditMemberModal = ({\r\n visible,\r\n onCancel,\r\n editMemberData,\r\n rolesList,\r\n languages,\r\n countries,\r\n workspaces,\r\n adminUserManagementPage = false,\r\n fetchTableData = () => {}\r\n}) => {\r\n const [form] = Form.useForm();\r\n const [loading, setLoading] = useState(false);\r\n const userId = LocalStorageService?.getItem(\"user\")?.id || \"\";\r\n\r\n useEffect(() => {\r\n if (editMemberData) {\r\n const rolesNames = editMemberData.roles?.map((role) =>\r\n role?.name?.replace(/([a-z])([A-Z])/g, \"$1 $2\")\r\n );\r\n const workspacesNames = editMemberData.workspaces?.map((workspace) => workspace?.name);\r\n const languagesNames = editMemberData.selectedLanguages?.map((language) => language?.name);\r\n\r\n form.setFieldsValue({\r\n fullName: editMemberData?.fullName,\r\n email: editMemberData?.email,\r\n gender: editMemberData?.gender,\r\n role: rolesNames, // Array of role names\r\n location: adminUserManagementPage\r\n ? editMemberData?.country?.name\r\n : editMemberData?.location,\r\n workspace: workspacesNames, // Array of workspace names\r\n language: languagesNames // Array of language names\r\n });\r\n }\r\n }, [editMemberData]);\r\n\r\n const handleUpdate = (api, values, editMemberData) => {\r\n httpService.post(\r\n `/Members/${\"edit\"}`,\r\n {\r\n FullName: values.fullName,\r\n Email: values.email,\r\n gender: values.gender,\r\n roleId: getRoleIdByName(rolesList, values),\r\n workspaceIds: !adminUserManagementPage\r\n ? [LocalStorageService.getItem(\"currentWorkspaceId\")]\r\n : getWorkspaceIdByName(workspaces, values),\r\n languages: getLanguageIdByName(languages, values),\r\n locationId: getLocationIdByName(countries, values),\r\n id: editMemberData?.id,\r\n ...(!adminUserManagementPage\r\n ? { projectId: LocalStorageService.getItem(\"currentProjectID\") }\r\n : {})\r\n },\r\n (res) => {\r\n if (res?.isSuccess) {\r\n fetchTableData();\r\n notification.open({\r\n type: \"success\",\r\n message: \"Member has been updated successfully.\"\r\n });\r\n setTimeout(() => {\r\n onCancel(\"editMemberModal\");\r\n }, 500);\r\n }\r\n },\r\n (error) => {\r\n if (error.response && error.response.data && error.response.data.errors) {\r\n const errorMessage = Object.values(error.response.data.errors)\r\n .flat()\r\n .join(\" \");\r\n notification.error({\r\n type: \"error\",\r\n message: errorMessage\r\n });\r\n } else {\r\n notification.error({\r\n type: \"error\",\r\n message: `Something went wrong`\r\n });\r\n }\r\n }\r\n );\r\n };\r\n\r\n return (\r\n \r\n Deadline: {dayjs(surveyAlldata?.endDate).format(\"MMMM Do, YYYY\")}\r\n
\r\n\r\n The survey has expired and can no longer be submitted. Please contact the\r\n survey creator for more information.\r\n
\r\n\r\n onSelectChange(value, \"roles\")}\r\n filterOption={(input, option) => {\r\n return (option?.children ?? \"\").toLowerCase().startsWith(input.toLowerCase());\r\n }}\r\n className={styles.filterSelect}\r\n value={filterValue.roles.map((item) => item)}\r\n >\r\n {rolesList.map((role) => (\r\n \r\n ))}\r\n \r\n onSelectChange(value, \"languages\")}\r\n filterOption={(input, option) => {\r\n return (\r\n option?.children?.toLowerCase().startsWith(input.toLowerCase()) ||\r\n option?.children?.toLowerCase().includes(`, ${input.toLowerCase()}`)\r\n );\r\n }}\r\n className={styles.filterSelect}\r\n value={filterValue.languages.map((item) => item)}\r\n >\r\n {languages.map((language) => (\r\n \r\n ))}\r\n \r\n onSelectChange(value, \"genderValues\")}\r\n filterOption={(input, option) =>\r\n (option?.label ?? \"\").toLowerCase().startsWith(input.toLowerCase())\r\n }\r\n options={genderOptions}\r\n className={styles.filterSelect}\r\n value={filterValue.genderValues.map((item) => item)}\r\n />\r\n onSelectChange(value, \"locations\")}\r\n filterOption={(input, option) => {\r\n return option && option.children\r\n ? option.children.toLowerCase().startsWith(input.toLowerCase())\r\n : false;\r\n }}\r\n className={styles.filterSelect}\r\n value={filterValue.locations.map((item) => item)}\r\n >\r\n {countries.map((country) => (\r\n \r\n ))}\r\n \r\n {adminUserManagementPage && (\r\n <>\r\n onSelectChange(value, \"workspaces\")}\r\n filterOption={(input, option) => {\r\n return option && option.children\r\n ? option.children.toLowerCase().startsWith(input.toLowerCase())\r\n : false;\r\n }}\r\n className={styles.filterSelect}\r\n value={filterValue.workspaces.map((item) => item)}\r\n >\r\n {workspaces.map((workspace) => (\r\n \r\n ))}\r\n \r\n onSelectChange(value, \"projects\")}\r\n filterOption={(input, option) => {\r\n return option && option.children\r\n ? option.children.toLowerCase().startsWith(input.toLowerCase())\r\n : false;\r\n }}\r\n className={styles.filterSelect}\r\n value={filterValue.projects.map((item) => item)}\r\n >\r\n {projects.map((project) => (\r\n \r\n ))}\r\n \r\n \r\n )}\r\n
\r\n \r\n );\r\n }\r\n);\r\n\r\nexport default MembersFilters;\r\n","import React from \"react\";\r\nimport { Col, Input, Row } from \"antd\";\r\nimport { SearchOutlined } from \"@ant-design/icons\";\r\n\r\nimport \"./SearchFilter.scss\";\r\n\r\nconst SearchFilter = React.memo(\r\n ({ showFilters, handleSearch, handleShowFilters, handleClearFilters, children }) => {\r\n return (\r\n \r\n handlePreview(record)}\r\n alt=\"Preview user icon\"\r\n />\r\n handleEdit(record)}\r\n alt=\"Edit user icon\"\r\n />\r\n \r\n openDeleteModal(record)}\r\n alt=\"Delete user icon\"\r\n />\r\n \r\n
\r\n ),\r\n fixed: \"right\",\r\n width: 100\r\n };\r\n\r\n const membersColumns = AuthService.isAuthorized(\r\n adminUserManagementPage\r\n ? [UserRolesEnum.Organization, UserRolesEnum.SeniorProjectManager]\r\n : [\r\n UserRolesEnum.SuperAdmin,\r\n UserRolesEnum.Organization,\r\n UserRolesEnum.AdminOfOrganization,\r\n UserRolesEnum.SeniorProjectManager,\r\n UserRolesEnum.ProjectManager\r\n ]\r\n )\r\n ? columns.concat(additionalColumn)\r\n : columns;\r\n\r\n const handleDelete = async (record) => {\r\n try {\r\n const params = new URLSearchParams({\r\n entityType: adminUserManagementPage\r\n ? EntityTypeEnum.OrganizationMember\r\n : EntityTypeEnum.ProjectMember,\r\n isDeleted: true\r\n });\r\n const res = await https.put(\r\n `/DataCollection/${\r\n adminUserManagementPage ? record.organizationMemberId : record.projectMemberId\r\n }/toggleDeleteOrRestore?${params.toString()}`\r\n );\r\n\r\n notification.open({\r\n type: res.data.isSuccess ? \"success\" : \"error\",\r\n message: res.data.message || \"Something went wrong! Please try again later.\"\r\n });\r\n if (res.data.isSuccess) {\r\n if (adminUserManagementPage) {\r\n getAllMembersOfOrganization(1, 10);\r\n } else {\r\n getAllProjectMembers(1, 10);\r\n }\r\n }\r\n } catch (_err) {\r\n notification.error({ message: \"Error deleting user, please try again later.\" });\r\n }\r\n };\r\n\r\n const handleEdit = (data) => {\r\n setEditMemberData(data); // Set data of the member being edited\r\n setEditModalVisible(true); // Open the Edit modal\r\n };\r\n const handlePreview = (data) => {\r\n setEditMemberData(data); // Set data of the member being edited\r\n setPreviewModalVisible(true); // Open the Edit modal\r\n };\r\n\r\n return (\r\n \r\n \r\n {\r\n handlePagination(page, pageSize);\r\n }\r\n }}\r\n />\r\n {\r\n handleDelete(record);\r\n closeDeleteModal();\r\n }}\r\n id={deleteItemId}\r\n />\r\n {editModalVisible && (\r\n \r\n adminUserManagementPage\r\n ? getAllMembersOfOrganization(pagination.current, pagination.pageSize)\r\n : getAllProjectMembers(pagination.current, pagination.pageSize)\r\n }\r\n />\r\n )}\r\n {previewModalVisible && (\r\n
\r\n );\r\n }\r\n);\r\n\r\nexport default MembersView;\r\n","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAhCAYAAAC4JqlRAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAIPSURBVHgB7VVLctpAEH09iGTLDaIbRFQZb0NuAJuEXXwEcQKcE1icwGaTIt7YPkGUVariVMENgm/A0rExnW6NcA2yZQ3e2Au9KoHm069f9/S0gBo1atR4YRCegUF82WXi92AT6Zhxd2Vg0mnSSbEjdhKgjtfAkRhFDMwJNLcrHMpPV54FEx2eHu1NfDm9BPTiWestVmfyGonB+BpBcp60l9vifoVA45BBX4T2hND4Ok3aiyruSgFKzAh+SMRLg6BfRbrZb8mDj1X7yYeMwD+v0Yw3Uefzx7BpF/A5oTncOLMZu5V1iqpEkI/zabJ/4K59ji//2oxgqOO8Llr/ELTdoxnEv0/kSD48JcKgFHqeWBadf4r/9OSvdZORdrLK13eda+K25+5VW+VgrI7LvJQKUOUMHj9cudOrt3Ajzd/lVmS3oeAg4wixqwCRcGFAo0E8C7cNTKqE7ry9AegSmZm71x4jjeSk0zIvpTWghfQGq6yaNcVuxFIDOh+COLFaKdZUnyaddtH+sdrYDqgEamCw6iuB9ICZG7EQ9kX7BTMdqHPZM8nr4D5ytVFbKoj3zoBLtkZwpmQ+XS5r04A2rbkKfcq5lwCHWG/FyHY5nhT7fu5Y1rU30Ph7shf78O74LXDbLbLK5yzNWZW35Ekb4OG3ZH/uy/nMr6EeSzMiWr/TMbO5ukEjrUp3jRo1arxK/AeN/PF8JfsCTAAAAABJRU5ErkJggg==\"","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAhCAYAAAC4JqlRAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAGISURBVHgB7ZZBTsJAFIb/1ypx6Q30BkICbi0nEBcqO+MJKCcQTsB4g7oxiAvLCdQtmNAjeANZusA+3yyasJl2KtOV/RIyZDKd7+d1+gpQU/PfITimHy6DFGngoRFNVeuzaL0Hh1yFyzsGXgjeGWOzugwXzaJrnAXQciln6IO7T6rTle/3Hui1KISTW7Atf1SnSTYvt2MkFRmkMv+8Nb/NzhUwyTVT1RkReC6VmJiu3ylAnjyD4X/JcGjaYw8VyvUaIA0ZdGHa508VsJXLGn0GhjPVjuEqQBm5fMYz1VF5+5V6CsrK9SEs2tM6gI38ergYgEnZyq0DWP3y4ccNMUdl5FYBqpQXBtBtVJrISuStKuQaLz9dGsiQVCW3COCfSx9/R0Xy3AC9cKXbZ+CD4qrkGmMrbuAnkGEtgrcs0AE2TQb3wDxwIdcYD2E/XETSw49AHMuz3ZOp7L2eMFE0m7Qf4ABjBVLQCWkp07G80+YEGn9jL4lVaw2HGANIqW897K9t/tfV1NTswi+DZ981RTlwxwAAAABJRU5ErkJggg==\"","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAhCAYAAAC4JqlRAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFZSURBVHgB7ZZPTsJAFMa/V0hcCicQTqBNrHEn3qAuBHbWG4w38AaMJ1B20g3cQLYCCUewNxCXJpXnK4SkxqSZTqpJQ39J/7zMN50v86bzBqio2HcIlvTVvMPEx8zcdOBMn7U3hQUOLOipxSMDL8wUEJyL5L2n5gNYkNvAdiDu1MBuqD13pL1LQtyWJr+rXu+Rk1wp8NWycYD4nYmCcHA6TLdtUgKMP1FvT7S7Mv1mpoFrNTupgRq7OMm53DSo7hPHH2ntWnQEHq/Bt9InSrdlrQ/KGtwBLVEAMivNPLPyC8k7J1Nsqk+0SR8TrdVfUCTlNNBXs6fu3eImFQfJ3gALrAww6Aj81d7FsvJb2Fz/ZKBIKgNlNcArUO3tR2xJHRaM9NlVOg71uZaHhgXlSQETDvEHGKVAyuxQTj8TKTCRiV6qUEt6PZhojQ8k22pouttRZHtGrKjYP74BJZR1FLpDt7oAAAAASUVORK5CYII=\"","import { ArrowRightOutlined, CheckOutlined, CloseOutlined } from \"@ant-design/icons\";\r\nimport { Button, Tooltip } from \"antd\";\r\nimport React from \"react\";\r\n\r\nconst Buttons = ({ text, record, onComplete, onReject, goToSurvey }) => {\r\n return (\r\n <>\r\n {text.status === \"Assigned\" && (\r\n \r\n {adminUserManagementPage ? (\r\n \r\n User Management\r\n \r\n
\r\n )}\r\n {(adminUserManagementPage\r\n ? AuthService.isAuthorized([UserRolesEnum.Organization])\r\n : AuthService.isAuthorized([\r\n UserRolesEnum.SuperAdmin,\r\n UserRolesEnum.Organization,\r\n UserRolesEnum.AdminOfOrganization,\r\n UserRolesEnum.SeniorProjectManager,\r\n UserRolesEnum.ProjectManager\r\n ])) && (\r\n \r\n adminUserManagementPage\r\n ? item.name === \"Senior Manager\" ||\r\n item.name === \"Project Manager\" ||\r\n item.name === \"Guest\"\r\n : AuthService.isAuthorized([UserRolesEnum.SeniorProjectManager])\r\n ? item.name === \"Data Collector\" ||\r\n item.name === \"Junior Manager\" ||\r\n item.name === \"Project Manager\"\r\n : item.name === \"Data Collector\" || item.name === \"Junior Manager\"\r\n )}\r\n fetchTableData={() =>\r\n adminUserManagementPage\r\n ? getAllMembersOfOrganization(1, 10)\r\n : getAllProjectMembers(1, 10)\r\n }\r\n languages={languages}\r\n countries={countries}\r\n workspaces={workspaces}\r\n adminUserManagementPage={adminUserManagementPage}\r\n />\r\n
\r\n Workspace members
\r\n ) : (\r\n\r\n User Management\r\n \r\n
\r\n )}\r\n {(adminUserManagementPage\r\n ? AuthService.isAuthorized([UserRolesEnum.Organization])\r\n : AuthService.isAuthorized([\r\n UserRolesEnum.SuperAdmin,\r\n UserRolesEnum.Organization,\r\n UserRolesEnum.AdminOfOrganization,\r\n UserRolesEnum.SeniorProjectManager,\r\n UserRolesEnum.ProjectManager\r\n ])) && (\r\n \r\n {/* \r\n {\r\n e.stopPropagation();\r\n onComplete(record);\r\n }}\r\n >\r\n */}\r\n \r\n {\r\n e.stopPropagation();\r\n onReject(record);\r\n }}\r\n >\r\n \r\n \r\n {\r\n e.stopPropagation();\r\n goToSurvey(record);\r\n }}\r\n >\r\n \r\n
\r\n )}\r\n \r\n );\r\n};\r\n\r\nexport default Buttons;\r\n","import React from \"react\";\r\nimport Buttons from \"../Buttons/Buttons\";\r\nimport { getStatusClassName } from \"../../helpers/statusClassNames\";\r\n\r\nconst MobileData = ({ filteredDataSource, onComplete, onReject, goToSurvey }) => {\r\n return (\r\n <>\r\n {filteredDataSource.length > 0 ? (\r\n <>\r\n {filteredDataSource?.map((item) => (\r\n \r\n \r\n )}\r\n \r\n
\r\n ))}\r\n \r\n ) : (\r\n \r\n
\r\n <>\r\n {item.status === \"Assigned\" && (\r\n \r\n {item.status}\r\n
\r\n{item.collectionRound}
\r\n\r\n
\r\n \r\n {item?.locationName}\r\n \r\n {item?.surveyName}\r\n \r\n
\r\n \r\n Deadline\r\n {item?.tasksDeadline}\r\n
\r\n \r\n
\r\n {item?.collectionType}
\r\nNo data
\r\n )}\r\n \r\n );\r\n};\r\n\r\nexport default MobileData;\r\n","import React from \"react\";\r\nimport { Pagination as AntPagination } from \"antd\";\r\nimport \"./Pagination.scss\";\r\n\r\nconst Pagination = ({ handlePagination = () => {}, pagination }) => {\r\n return (\r\n\r\n handlePagination(page, pageSize)}\r\n showSizeChanger={false}\r\n >\r\n
\r\n );\r\n};\r\n\r\nexport default Pagination;\r\n","import React from \"react\";\r\nimport { Input, Row, Col } from \"antd\";\r\nimport { SearchOutlined } from \"@ant-design/icons\";\r\nimport useResponsive from \"../../utils/useResponsive\";\r\nimport Table from \"../Table/Table\";\r\nimport MobileData from \"../MobileData/MobileData\";\r\nimport Pagination from \"../Pagination/Pagination\";\r\nimport TaskManagementFilters from \"../../pages/workspace/task-management/task-collection/CollectionEnumerators/TaskManagementFilters\";\r\n\r\nimport \"./TableData.scss\";\r\n\r\nconst TableData = React.memo(\r\n ({\r\n dataSource,\r\n updatedColumns,\r\n loadData,\r\n handleSearch,\r\n onComplete,\r\n onReject,\r\n goToSurvey,\r\n pagination,\r\n handlePagination = () => {},\r\n showFilters,\r\n filterValue,\r\n onSelect,\r\n handleShowFilters,\r\n handleClearFilters\r\n }) => {\r\n const { mobile } = useResponsive();\r\n\r\n return (\r\n \r\n \r\n
\r\n \r\n
\r\n <>\r\n {mobile ? (\r\n <>\r\n \r\n \r\n \r\n ) : (\r\n \r\n )}\r\n \r\n
\r\n );\r\n }\r\n);\r\n\r\nexport default TableData;\r\n","import React, { useState } from \"react\";\r\nimport { useNavigate } from \"react-router-dom\";\r\nimport { Button, Form, Input, Tabs } from \"antd\";\r\nimport { items, taskColumns } from \"../../utils/tasksMockData\";\r\nimport TableData from \"../../ui/TableData/TableData\";\r\nimport { httpService } from \"../../base/services/httpService.service\";\r\nimport Buttons from \"../../ui/Buttons/Buttons\";\r\nimport { formatDate } from \"../../helpers/formatDate\";\r\nimport BasicModal from \"../../ui/BasicModal/BasicModal\";\r\nimport useHandleTasksData from \"../../pages/workspace/task-management/hooks/useHandleTasksData\";\r\nimport { withErrorBoundary } from \"../ErrorBoundary/withErrorBoundary\";\r\nimport { v4 as uuidv4 } from \"uuid\";\r\n\r\nimport \"./index.scss\";\r\n\r\nexport const formatMyTaskData = (data) => {\r\n return {\r\n tasks: data.tasks.map((item) => {\r\n const status = item.status === \"Finished\" ? \"Completed\" : item.status;\r\n const endDate = formatDate(item.endDate);\r\n return {\r\n key: item?.id,\r\n id: item?.id,\r\n tasksDeadline: endDate,\r\n locationName: item.locationName,\r\n collectionRound: item.collectionRound,\r\n collectionType: item?.collectionType,\r\n status: status,\r\n note: item?.note,\r\n surveyId: item?.surveyId,\r\n surveyName: item?.surveyName\r\n };\r\n }),\r\n totalSize: data.totalSize\r\n };\r\n};\r\n\r\nconst Tasks = () => {\r\n const uuid = uuidv4();\r\n\r\n const navigate = useNavigate();\r\n const [form] = Form.useForm();\r\n const [isModalOpen, setIsModalOpen] = useState(false);\r\n const [recordId, setRecordId] = useState(null);\r\n const {\r\n data: dataSource,\r\n setData: setDataSource,\r\n isLoading: loadData,\r\n setIsLoading: setLoadData,\r\n pagination,\r\n filterValue,\r\n activeTab,\r\n showFilters,\r\n handleSearch,\r\n handlePagination,\r\n onSelect,\r\n handleClearFilters,\r\n handleTabChange,\r\n handleShowFilters\r\n } = useHandleTasksData(\"/Task/GetTasksForDataCollector?\", formatMyTaskData);\r\n\r\n const handleUpdateData = (id, statusName, status, reason = \"\") => {\r\n handleLoad(true);\r\n httpService.post(\r\n \"/Task/updateTaskStatus\",\r\n {\r\n id,\r\n newStatus: statusName,\r\n rejectionReason: reason\r\n },\r\n (res) => {\r\n if (res) {\r\n const updatedDataSource = dataSource.map((item) => {\r\n const renameStatus = status === \"Finished\" ? \"Completed\" : status;\r\n if (item.id === id) {\r\n return { ...item, status: renameStatus };\r\n }\r\n return item;\r\n });\r\n handleDataSource(updatedDataSource);\r\n setTimeout(() => {\r\n handleLoad(false);\r\n }, 1000);\r\n }\r\n },\r\n (err) => {\r\n handleLoad(false);\r\n console.log(\"error\", err);\r\n }\r\n );\r\n };\r\n\r\n const onReject = (record) => {\r\n setIsModalOpen(true);\r\n setRecordId(record.id);\r\n };\r\n\r\n const onComplete = (record) => {\r\n handleUpdateData(record.id, \"Finished\", \"Finished\");\r\n };\r\n\r\n const goToSurvey = (record) => {\r\n navigate(`/public-survey/${uuid}/${record.surveyId}?taskId=${record.id}`);\r\n };\r\n\r\n const reviewColumn = {\r\n key: \"acceptOrReject\",\r\n fixed: \"right\",\r\n width: \"150px\",\r\n render: (text, record) => (\r\n Total size: {pagination.total}
\r\n \r\n\r\n setIsModalOpen(false)}>\r\n \r\n
\r\n );\r\n};\r\n\r\nconst TasksWithErrorBoundary = withErrorBoundary(Tasks);\r\n\r\nexport { TasksWithErrorBoundary as Tasks };\r\n","import React, { useCallback, useEffect, useState } from \"react\";\r\nimport { SubHeader } from \"../../../../_metronic/layout/components/subheader/SubHeader\";\r\nimport { IntroSection } from \"../../../components/intro-section/IntroSection\";\r\nimport { Tasks } from \"../../../components/tasks\";\r\nimport { httpService } from \"../../../base/services/httpService.service\";\r\nimport ReactivatedModal from \"../components/ReactivatedModal/ReactivatedModal\";\r\nimport { withErrorBoundary } from \"../../../components/ErrorBoundary/withErrorBoundary\";\r\n\r\nimport \"./index.scss\";\r\n\r\nconst PAGE = 1;\r\nconst PAGE_SIZE = 10000;\r\n\r\nconst MyTasks = () => {\r\n const [statistics, setStatistics] = useState({\r\n assigned: 0,\r\n completed: 0,\r\n rejected: 0,\r\n // inProgress: 0,\r\n averageTasksPerEnumerator: 0\r\n });\r\n\r\n const getTaskStatsticsByDataCollector = useCallback(async () => {\r\n const params = new URLSearchParams({\r\n page: PAGE,\r\n pageSize: PAGE_SIZE\r\n });\r\n try {\r\n const response = await httpService.get(\r\n `Task/GetTaskStatsticsByDataCollector?${params.toString()}`\r\n );\r\n setStatistics({\r\n assigned: response.data.assigned,\r\n completed: response.data.completed,\r\n rejected: response.data.rejected\r\n // inProgress: response.data.inProgress\r\n });\r\n } catch (error) {\r\n console.error(\"Error fetching task data:\", error);\r\n }\r\n }, []);\r\n\r\n useEffect(() => {\r\n getTaskStatsticsByDataCollector();\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, []);\r\n\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n This action cannot be undone\r\n \r\n\r\n {\r\n handleUpdateData(recordId, \"Rejected\", \"Rejected\", values.reason);\r\n setIsModalOpen(false);\r\n form.resetFields();\r\n }}\r\n autoComplete=\"off\"\r\n >\r\n
\r\n Are you sure you want to reject this task?
\r\n \r\n If you wish to reject this task, please explain the reason in the space below.\r\n \r\n\r\n \r\n This action cannot be undone\r\n \r\n\r\n
\r\n
\r\n\r\n \r\n Explain why you are rejecting this task\r\n\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nexport default withErrorBoundary(MyTasks);\r\n","import React from \"react\";\r\nimport { Modal, Form, Input, Select, Button } from \"antd\";\r\nimport \"./OrganizationManagement.scss\";\r\nimport { Row, Col } from \"antd\";\r\n\r\nconst { Option } = Select;\r\n\r\nconst CompanyInfoModal = ({ visible, handleOk, handleCancel }) => {\r\n const onFinish = (values) => {\r\n console.log(\"Received values:\", values);\r\n // You can handle the form submission logic here\r\n handleOk();\r\n };\r\n\r\n return (\r\n \r\n
\r\n \r\n \r\n
\r\n\r\n \r\n
\r\n Your tasks
\r\nProfile information
\r\n \r\n\r\n\r\n Company Information\r\n
\r\n
Login Information
\r\n \r\n\r\n {useremail}\r\n \r\n
\r\n One uppercase character\r\n
\r\n One lowercase character\r\n
\r\n One number\r\n \r\n
\r\n
\r\n
\r\n {/*
\r\n );\r\n}\r\n\r\nexport { OrganizationManagement };\r\n","import React, { Fragment } from \"react\";\r\nimport useOnlineStore from \"../../../../../../utils/useOnlineStore\";\r\nimport { QuestionCircleOutlined } from \"@ant-design/icons\";\r\n\r\nimport \"./OnlineIndicator.scss\";\r\n\r\nfunction OnlineIndicator(props) {\r\n const isOnline = useOnlineStore((state) => state.isOnline);\r\n\r\n const color = isOnline ? \"#0E9349\" : \"#FC9403\";\r\n\r\n return (\r\n Organization Management
\r\n\r\n
\r\n \r\n \r\n Update company info\r\n */}\r\n
\r\n Company Information
\r\nOrganization Name
\r\n{organization?.name}
\r\nOrganization Type
\r\n{organization.type}
\r\nCountry
\r\n{organization.country}
\r\n {/*\r\n
\r\n Login Information
\r\nUsername
\r\n{useremail}
\r\nPassword
\r\n********
\r\n \r\n\r\n {/*
\r\n
*/}\r\n \r\n
\r\n \r\n Payment Plan
\r\nCurrent subscription
\r\nTest
\r\nNext payment date
\r\ntesting
\r\nPayment method
\r\nTesting
\r\n \r\n\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n Read more
\r\n \r\n Deadline:{\" \"}\r\n {props.surveyEndDate\r\n ? dayjs(props.surveyEndDate).format(\"MMMM Do, YYYY\")\r\n : \"Invalid date\"}\r\n
\r\n{props.surveyTitle}
\r\n{props.surveyDescription}
\r\n\r\n
\r\n {props.surveyDescription}
\r\n \r\n {/* Survey details Modal - END */}\r\n\r\n {/* Online status modal - START */}\r\n \r\n
\r\n
\r\n
\r\n \r\n {/* Survey details Modal - END */}\r\n \r\n This form is now fully accessible even without an Internet connection on your\r\n device. Make sure to bookmark it for quick offline access anytime.\r\n
\r\n \r\n
\r\n Your records are securely stored and queued directly in your browser until\r\n you're back online. Once you revisit your app after gaining internet\r\n connection, all records will be automatically submitted.\r\n
\r\n \r\n
\r\n Only after a record has been successfully submitted, it will be removed from\r\n the queue. You can safely close down your browser and device with items in the\r\n queue.\r\n
\r\n Personal information
\r\n\r\n onCancel(\"newMemberModal\")}\r\n className={styles.buttonCancel}\r\n >\r\n Cancel\r\n \r\n\r\n \r\n \r\n {load ? <>Processing : !record ? \"Add New Member\" : \"Edit Member\"}\r\n \r\n \r\n
\r\n \r\n \r\n {/* Content of Tab 2 (addMultiple) */}\r\n {\r\n setFileList([file]);\r\n handleFileUpload({ file });\r\n return false;\r\n }}\r\n fileList={fileList}\r\n onRemove={() => setFileList([])}\r\n >\r\n \r\n {\" \"}\r\n \r\n \r\n \r\n
\r\n
\r\n )\r\n }\r\n ];\r\n\r\n return (\r\n \r\n
\r\n {/* Add your form for uploading Excel file here */}\r\n \r\n To add multiple members at once, fill out this format and upload it into the\r\n box below\r\n
\r\n \r\n \r\n
\r\n 
\r\n
\r\n \r\n Drag and drop files here, or click to select files\r\n
\r\n\r\n Excel files only
Max file size: 1 MB\r\n
\r\n onCancel(\"newMemberModal\")}\r\n className={styles.buttonCancel}\r\n >\r\n Cancel\r\n \r\n\r\n \r\n \r\n {load ? <>Processing : !record ? \"Create Profile\" : \"Edit Member\"}\r\n \r\n \r\n
\r\n \r\n \r\n value = parseInt(KTUtil.css(el, \"z-index\"));\r\n\r\n if (!isNaN(value) && value !== 0) {\r\n return value;\r\n }\r\n }\r\n\r\n el = el.parentNode;\r\n }\r\n\r\n return null;\r\n },\r\n\r\n /**\r\n * Checks whether the element has any parent with fixed positionfreg\r\n * @param {object} el jQuery element object\r\n * @returns {boolean}\r\n */\r\n hasFixedPositionedParent: function(el) {\r\n var position;\r\n\r\n while (el && el !== document) {\r\n position = KTUtil.css(el, \"position\");\r\n\r\n if (position === \"fixed\") {\r\n return true;\r\n }\r\n\r\n el = el.parentNode;\r\n }\r\n\r\n return false;\r\n },\r\n\r\n /**\r\n * Simulates delay\r\n */\r\n sleep: function(milliseconds) {\r\n var start = new Date().getTime();\r\n for (var i = 0; i < 1e7; i++) {\r\n if (new Date().getTime() - start > milliseconds) {\r\n break;\r\n }\r\n }\r\n },\r\n\r\n /**\r\n * Gets randomly generated integer value within given min and max range\r\n * @param {number} min Range start value\r\n * @param {number} max Range end value\r\n * @returns {number}\r\n */\r\n getRandomInt: function(min, max) {\r\n return Math.floor(Math.random() * (max - min + 1)) + min;\r\n },\r\n\r\n /**\r\n * Checks whether Angular library is included\r\n * @returns {boolean}\r\n */\r\n isAngularVersion: function() {\r\n return window.Zone !== undefined ? true : false;\r\n },\r\n\r\n // Deep extend: $.extend(true, {}, objA, objB);\r\n deepExtend: function(out) {\r\n out = out || {};\r\n\r\n for (var i = 1; i < arguments.length; i++) {\r\n var obj = arguments[i];\r\n if (!obj) continue;\r\n\r\n for (var key in obj) {\r\n if (!obj.hasOwnProperty(key)) {\r\n continue;\r\n }\r\n\r\n // based on https://javascriptweblog.wordpress.com/2011/08/08/fixing-the-javascript-typeof-operator/\r\n if (Object.prototype.toString.call(obj[key]) === \"[object Object]\") {\r\n out[key] = KTUtil.deepExtend(out[key], obj[key]);\r\n continue;\r\n }\r\n\r\n out[key] = obj[key];\r\n }\r\n }\r\n\r\n return out;\r\n },\r\n\r\n // extend: $.extend({}, objA, objB);\r\n extend: function(out) {\r\n out = out || {};\r\n\r\n for (var i = 1; i < arguments.length; i++) {\r\n if (!arguments[i]) continue;\r\n\r\n for (var key in arguments[i]) {\r\n if (arguments[i].hasOwnProperty(key)) out[key] = arguments[i][key];\r\n }\r\n }\r\n\r\n return out;\r\n },\r\n\r\n getById: function(el) {\r\n if (typeof el === \"string\") {\r\n return document.getElementById(el);\r\n } else {\r\n return el;\r\n }\r\n },\r\n\r\n getByTag: function(query) {\r\n return document.getElementsByTagName(query);\r\n },\r\n\r\n getByTagName: function(query) {\r\n return document.getElementsByTagName(query);\r\n },\r\n\r\n getByClass: function(query) {\r\n return document.getElementsByClassName(query);\r\n },\r\n\r\n getBody: function() {\r\n return document.getElementsByTagName(\"body\")[0];\r\n },\r\n\r\n /**\r\n * Checks whether the element has given classes\r\n * @param {object} el jQuery element object\r\n * @param {string} Classes string\r\n * @returns {boolean}\r\n */\r\n hasClasses: function(el, classes) {\r\n if (!el) {\r\n return;\r\n }\r\n\r\n var classesArr = classes.split(\" \");\r\n\r\n for (var i = 0; i < classesArr.length; i++) {\r\n if (KTUtil.hasClass(el, KTUtil.trim(classesArr[i])) == false) {\r\n return false;\r\n }\r\n }\r\n\r\n return true;\r\n },\r\n\r\n hasClass: function(el, className) {\r\n if (!el) {\r\n return;\r\n }\r\n\r\n return el.classList\r\n ? el.classList.contains(className)\r\n : new RegExp(\"\\\\b\" + className + \"\\\\b\").test(el.className);\r\n },\r\n\r\n addClass: function(el, className) {\r\n if (!el || typeof className === \"undefined\") {\r\n return;\r\n }\r\n\r\n var classNames = className.split(\" \");\r\n\r\n if (el.classList) {\r\n for (var i = 0; i < classNames.length; i++) {\r\n if (classNames[i] && classNames[i].length > 0) {\r\n el.classList.add(KTUtil.trim(classNames[i]));\r\n }\r\n }\r\n } else if (!KTUtil.hasClass(el, className)) {\r\n for (var x = 0; x < classNames.length; x++) {\r\n el.className += \" \" + KTUtil.trim(classNames[x]);\r\n }\r\n }\r\n },\r\n\r\n removeClass: function(el, className) {\r\n if (!el || typeof className === \"undefined\") {\r\n return;\r\n }\r\n\r\n var classNames = className.split(\" \");\r\n\r\n if (el.classList) {\r\n for (var i = 0; i < classNames.length; i++) {\r\n el.classList.remove(KTUtil.trim(classNames[i]));\r\n }\r\n } else if (KTUtil.hasClass(el, className)) {\r\n for (var x = 0; x < classNames.length; x++) {\r\n el.className = el.className.replace(\r\n new RegExp(\"\\\\b\" + KTUtil.trim(classNames[x]) + \"\\\\b\", \"g\"),\r\n \"\"\r\n );\r\n }\r\n }\r\n },\r\n\r\n triggerCustomEvent: function(el, eventName, data) {\r\n var event;\r\n if (window.CustomEvent) {\r\n event = new CustomEvent(eventName, {\r\n detail: data\r\n });\r\n } else {\r\n event = document.createEvent(\"CustomEvent\");\r\n event.initCustomEvent(eventName, true, true, data);\r\n }\r\n\r\n el.dispatchEvent(event);\r\n },\r\n\r\n triggerEvent: function(node, eventName) {\r\n // Make sure we use the ownerDocument from the provided node to avoid cross-window problems\r\n var doc;\r\n if (node.ownerDocument) {\r\n doc = node.ownerDocument;\r\n } else if (node.nodeType == 9) {\r\n // the node may be the document itself, nodeType 9 = DOCUMENT_NODE\r\n doc = node;\r\n } else {\r\n throw new Error(\"Invalid node passed to fireEvent: \" + node.id);\r\n }\r\n\r\n if (node.dispatchEvent) {\r\n // Gecko-style approach (now the standard) takes more work\r\n var eventClass = \"\";\r\n\r\n // Different events have different event classes.\r\n // If this switch statement can't map an eventName to an eventClass,\r\n // the event firing is going to fail.\r\n switch (eventName) {\r\n case \"click\": // Dispatching of 'click' appears to not work correctly in Safari. Use 'mousedown' or 'mouseup' instead.\r\n case \"mouseenter\":\r\n case \"mouseleave\":\r\n case \"mousedown\":\r\n case \"mouseup\":\r\n eventClass = \"MouseEvents\";\r\n break;\r\n\r\n case \"focus\":\r\n case \"change\":\r\n case \"blur\":\r\n case \"select\":\r\n eventClass = \"HTMLEvents\";\r\n break;\r\n\r\n default:\r\n throw \"fireEvent: Couldn't find an event class for event '\" + eventName + \"'.\";\r\n break;\r\n }\r\n var event = doc.createEvent(eventClass);\r\n\r\n var bubbles = eventName == \"change\" ? false : true;\r\n event.initEvent(eventName, bubbles, true); // All events created as bubbling and cancelable.\r\n\r\n event.synthetic = true; // allow detection of synthetic events\r\n // The second parameter says go ahead with the default action\r\n node.dispatchEvent(event, true);\r\n } else if (node.fireEvent) {\r\n // IE-old school style\r\n var event = doc.createEventObject();\r\n event.synthetic = true; // allow detection of synthetic events\r\n node.fireEvent(\"on\" + eventName, event);\r\n }\r\n },\r\n\r\n index: function(el) {\r\n var c = el.parentNode.children,\r\n i = 0;\r\n for (; i < c.length; i++) if (c[i] == el) return i;\r\n },\r\n\r\n trim: function(string) {\r\n return string.trim();\r\n },\r\n\r\n eventTriggered: function(e) {\r\n if (e.currentTarget.dataset.triggered) {\r\n return true;\r\n } else {\r\n e.currentTarget.dataset.triggered = true;\r\n\r\n return false;\r\n }\r\n },\r\n\r\n remove: function(el) {\r\n if (el && el.parentNode) {\r\n el.parentNode.removeChild(el);\r\n }\r\n },\r\n\r\n find: function(parent, query) {\r\n parent = KTUtil.getById(parent);\r\n if (parent) {\r\n return parent.querySelector(query);\r\n }\r\n },\r\n\r\n findAll: function(parent, query) {\r\n parent = KTUtil.getById(parent);\r\n if (parent) {\r\n return parent.querySelectorAll(query);\r\n }\r\n },\r\n\r\n insertAfter: function(el, referenceNode) {\r\n return referenceNode.parentNode.insertBefore(el, referenceNode.nextSibling);\r\n },\r\n\r\n parents: function(elem, selector) {\r\n // Element.matches() polyfill\r\n if (!Element.prototype.matches) {\r\n Element.prototype.matches =\r\n Element.prototype.matchesSelector ||\r\n Element.prototype.mozMatchesSelector ||\r\n Element.prototype.msMatchesSelector ||\r\n Element.prototype.oMatchesSelector ||\r\n Element.prototype.webkitMatchesSelector ||\r\n function(s) {\r\n var matches = (this.document || this.ownerDocument).querySelectorAll(s),\r\n i = matches.length;\r\n while (--i >= 0 && matches.item(i) !== this) {}\r\n return i > -1;\r\n };\r\n }\r\n\r\n // Set up a parent array\r\n var parents = [];\r\n\r\n // Push each parent element to the array\r\n for (; elem && elem !== document; elem = elem.parentNode) {\r\n if (selector) {\r\n if (elem.matches(selector)) {\r\n parents.push(elem);\r\n }\r\n continue;\r\n }\r\n parents.push(elem);\r\n }\r\n\r\n // Return our parent array\r\n return parents;\r\n },\r\n\r\n children: function(el, selector, log) {\r\n if (!el || !el.childNodes) {\r\n return;\r\n }\r\n\r\n var result = [],\r\n i = 0,\r\n l = el.childNodes.length;\r\n\r\n for (var i; i < l; ++i) {\r\n if (el.childNodes[i].nodeType == 1 && KTUtil.matches(el.childNodes[i], selector, log)) {\r\n result.push(el.childNodes[i]);\r\n }\r\n }\r\n\r\n return result;\r\n },\r\n\r\n child: function(el, selector, log) {\r\n var children = KTUtil.children(el, selector, log);\r\n\r\n return children ? children[0] : null;\r\n },\r\n\r\n matches: function(el, selector, log) {\r\n var p = Element.prototype;\r\n var f =\r\n p.matches ||\r\n p.webkitMatchesSelector ||\r\n p.mozMatchesSelector ||\r\n p.msMatchesSelector ||\r\n function(s) {\r\n return [].indexOf.call(document.querySelectorAll(s), this) !== -1;\r\n };\r\n\r\n if (el && el.tagName) {\r\n return f.call(el, selector);\r\n } else {\r\n return false;\r\n }\r\n },\r\n\r\n data: function(el) {\r\n return {\r\n set: function(name, data) {\r\n if (!el) {\r\n return;\r\n }\r\n\r\n if (el.customDataTag === undefined) {\r\n window.KTUtilElementDataStoreID++;\r\n el.customDataTag = window.KTUtilElementDataStoreID;\r\n }\r\n\r\n if (window.KTUtilElementDataStore[el.customDataTag] === undefined) {\r\n window.KTUtilElementDataStore[el.customDataTag] = {};\r\n }\r\n\r\n window.KTUtilElementDataStore[el.customDataTag][name] = data;\r\n },\r\n\r\n get: function(name) {\r\n if (!el) {\r\n return;\r\n }\r\n\r\n if (el.customDataTag === undefined) {\r\n return null;\r\n }\r\n\r\n return this.has(name) ? window.KTUtilElementDataStore[el.customDataTag][name] : null;\r\n },\r\n\r\n has: function(name) {\r\n if (!el) {\r\n return false;\r\n }\r\n\r\n if (el.customDataTag === undefined) {\r\n return false;\r\n }\r\n\r\n return window.KTUtilElementDataStore[el.customDataTag] &&\r\n window.KTUtilElementDataStore[el.customDataTag][name]\r\n ? true\r\n : false;\r\n },\r\n\r\n remove: function(name) {\r\n if (el && this.has(name)) {\r\n delete window.KTUtilElementDataStore[el.customDataTag][name];\r\n }\r\n }\r\n };\r\n },\r\n\r\n outerWidth: function(el, margin) {\r\n var width;\r\n\r\n if (margin === true) {\r\n width = parseFloat(el.offsetWidth);\r\n width +=\r\n parseFloat(KTUtil.css(el, \"margin-left\")) +\r\n parseFloat(KTUtil.css(el, \"margin-right\"));\r\n\r\n return parseFloat(width);\r\n } else {\r\n width = parseFloat(el.offsetWidth);\r\n\r\n return width;\r\n }\r\n },\r\n\r\n offset: function(el) {\r\n var rect, win;\r\n\r\n if (!el) {\r\n return;\r\n }\r\n\r\n // Return zeros for disconnected and hidden (display: none) elements (gh-2310)\r\n // Support: IE <=11 only\r\n // Running getBoundingClientRect on a\r\n // disconnected node in IE throws an error\r\n\r\n if (!el.getClientRects().length) {\r\n return { top: 0, left: 0 };\r\n }\r\n\r\n // Get document-relative position by adding viewport scroll to viewport-relative gBCR\r\n rect = el.getBoundingClientRect();\r\n win = el.ownerDocument.defaultView;\r\n\r\n return {\r\n top: rect.top + win.pageYOffset,\r\n left: rect.left + win.pageXOffset\r\n };\r\n },\r\n\r\n height: function(el) {\r\n return KTUtil.css(el, \"height\");\r\n },\r\n\r\n outerHeight: function(el, withMargin) {\r\n var height = el.offsetHeight;\r\n var style;\r\n\r\n if (typeof withMargin !== \"undefined\" && withMargin === true) {\r\n style = getComputedStyle(el);\r\n height += parseInt(style.marginTop) + parseInt(style.marginBottom);\r\n\r\n return height;\r\n } else {\r\n return height;\r\n }\r\n },\r\n\r\n visible: function(el) {\r\n return !(el.offsetWidth === 0 && el.offsetHeight === 0);\r\n },\r\n\r\n attr: function(el, name, value) {\r\n if (el == undefined) {\r\n return;\r\n }\r\n\r\n if (value !== undefined) {\r\n el.setAttribute(name, value);\r\n } else {\r\n return el.getAttribute(name);\r\n }\r\n },\r\n\r\n hasAttr: function(el, name) {\r\n if (el == undefined) {\r\n return;\r\n }\r\n\r\n return el.getAttribute(name) ? true : false;\r\n },\r\n\r\n removeAttr: function(el, name) {\r\n if (el == undefined) {\r\n return;\r\n }\r\n\r\n el.removeAttribute(name);\r\n },\r\n\r\n animate: function(from, to, duration, update, easing, done) {\r\n /**\r\n * TinyAnimate.easings\r\n * Adapted from jQuery Easing\r\n */\r\n var easings = {};\r\n var easing;\r\n\r\n easings.linear = function(t, b, c, d) {\r\n return (c * t) / d + b;\r\n };\r\n\r\n easing = easings.linear;\r\n\r\n // Early bail out if called incorrectly\r\n if (\r\n typeof from !== \"number\" ||\r\n typeof to !== \"number\" ||\r\n typeof duration !== \"number\" ||\r\n typeof update !== \"function\"\r\n ) {\r\n return;\r\n }\r\n\r\n // Create mock done() function if necessary\r\n if (typeof done !== \"function\") {\r\n done = function() {};\r\n }\r\n\r\n // Pick implementation (requestAnimationFrame | setTimeout)\r\n var rAF =\r\n window.requestAnimationFrame ||\r\n function(callback) {\r\n window.setTimeout(callback, 1000 / 50);\r\n };\r\n\r\n // Animation loop\r\n var canceled = false;\r\n var change = to - from;\r\n\r\n function loop(timestamp) {\r\n var time = (timestamp || +new Date()) - start;\r\n\r\n if (time >= 0) {\r\n update(easing(time, from, change, duration));\r\n }\r\n if (time >= 0 && time >= duration) {\r\n update(to);\r\n done();\r\n } else {\r\n rAF(loop);\r\n }\r\n }\r\n\r\n update(from);\r\n\r\n // Start animation loop\r\n var start =\r\n window.performance && window.performance.now ? window.performance.now() : +new Date();\r\n\r\n rAF(loop);\r\n },\r\n\r\n actualCss: function(el, prop, cache) {\r\n var css = \"\";\r\n\r\n if (el instanceof HTMLElement === false) {\r\n return;\r\n }\r\n\r\n if (!el.getAttribute(\"kt-hidden-\" + prop) || cache === false) {\r\n var value;\r\n\r\n // the element is hidden so:\r\n // making the el block so we can meassure its height but still be hidden\r\n css = el.style.cssText;\r\n el.style.cssText = \"position: absolute; visibility: hidden; display: block;\";\r\n\r\n if (prop == \"width\") {\r\n value = el.offsetWidth;\r\n } else if (prop == \"height\") {\r\n value = el.offsetHeight;\r\n }\r\n\r\n el.style.cssText = css;\r\n\r\n // store it in cache\r\n el.setAttribute(\"kt-hidden-\" + prop, value);\r\n\r\n return parseFloat(value);\r\n } else {\r\n // store it in cache\r\n return parseFloat(el.getAttribute(\"kt-hidden-\" + prop));\r\n }\r\n },\r\n\r\n actualHeight: function(el, cache) {\r\n return KTUtil.actualCss(el, \"height\", cache);\r\n },\r\n\r\n actualWidth: function(el, cache) {\r\n return KTUtil.actualCss(el, \"width\", cache);\r\n },\r\n\r\n getScroll: function(element, method) {\r\n // The passed in `method` value should be 'Top' or 'Left'\r\n method = \"scroll\" + method;\r\n return element == window || element == document\r\n ? self[method == \"scrollTop\" ? \"pageYOffset\" : \"pageXOffset\"] ||\r\n (browserSupportsBoxModel && document.documentElement[method]) ||\r\n document.body[method]\r\n : element[method];\r\n },\r\n\r\n css: function(el, styleProp, value) {\r\n if (!el) {\r\n return;\r\n }\r\n\r\n if (value !== undefined) {\r\n el.style[styleProp] = value;\r\n } else {\r\n var defaultView = (el.ownerDocument || document).defaultView;\r\n // W3C standard way:\r\n if (defaultView && defaultView.getComputedStyle) {\r\n // sanitize property name to css notation\r\n // (hyphen separated words eg. font-Size)\r\n styleProp = styleProp.replace(/([A-Z])/g, \"-$1\").toLowerCase();\r\n return defaultView.getComputedStyle(el, null).getPropertyValue(styleProp);\r\n } else if (el.currentStyle) {\r\n // IE\r\n // sanitize property name to camelCase\r\n styleProp = styleProp.replace(/\\-(\\w)/g, function(str, letter) {\r\n return letter.toUpperCase();\r\n });\r\n value = el.currentStyle[styleProp];\r\n // convert other units to pixels on IE\r\n if (/^\\d+(em|pt|%|ex)?$/i.test(value)) {\r\n return (function(value) {\r\n var oldLeft = el.style.left,\r\n oldRsLeft = el.runtimeStyle.left;\r\n el.runtimeStyle.left = el.currentStyle.left;\r\n el.style.left = value || 0;\r\n value = el.style.pixelLeft + \"px\";\r\n el.style.left = oldLeft;\r\n el.runtimeStyle.left = oldRsLeft;\r\n return value;\r\n })(value);\r\n }\r\n return value;\r\n }\r\n }\r\n },\r\n\r\n slide: function(el, dir, speed, callback, recalcMaxHeight) {\r\n if (\r\n !el ||\r\n (dir == \"up\" && KTUtil.visible(el) === false) ||\r\n (dir == \"down\" && KTUtil.visible(el) === true)\r\n ) {\r\n return;\r\n }\r\n\r\n speed = speed ? speed : 600;\r\n var calcHeight = KTUtil.actualHeight(el);\r\n var calcPaddingTop = false;\r\n var calcPaddingBottom = false;\r\n\r\n if (KTUtil.css(el, \"padding-top\") && KTUtil.data(el).has(\"slide-padding-top\") !== true) {\r\n KTUtil.data(el).set(\"slide-padding-top\", KTUtil.css(el, \"padding-top\"));\r\n }\r\n\r\n if (\r\n KTUtil.css(el, \"padding-bottom\") &&\r\n KTUtil.data(el).has(\"slide-padding-bottom\") !== true\r\n ) {\r\n KTUtil.data(el).set(\"slide-padding-bottom\", KTUtil.css(el, \"padding-bottom\"));\r\n }\r\n\r\n if (KTUtil.data(el).has(\"slide-padding-top\")) {\r\n calcPaddingTop = parseInt(KTUtil.data(el).get(\"slide-padding-top\"));\r\n }\r\n\r\n if (KTUtil.data(el).has(\"slide-padding-bottom\")) {\r\n calcPaddingBottom = parseInt(KTUtil.data(el).get(\"slide-padding-bottom\"));\r\n }\r\n\r\n if (dir == \"up\") {\r\n // up\r\n el.style.cssText = \"display: block; overflow: hidden;\";\r\n\r\n if (calcPaddingTop) {\r\n KTUtil.animate(\r\n 0,\r\n calcPaddingTop,\r\n speed,\r\n function(value) {\r\n el.style.paddingTop = calcPaddingTop - value + \"px\";\r\n },\r\n \"linear\"\r\n );\r\n }\r\n\r\n if (calcPaddingBottom) {\r\n KTUtil.animate(\r\n 0,\r\n calcPaddingBottom,\r\n speed,\r\n function(value) {\r\n el.style.paddingBottom = calcPaddingBottom - value + \"px\";\r\n },\r\n \"linear\"\r\n );\r\n }\r\n\r\n KTUtil.animate(\r\n 0,\r\n calcHeight,\r\n speed,\r\n function(value) {\r\n el.style.height = calcHeight - value + \"px\";\r\n },\r\n \"linear\",\r\n function() {\r\n el.style.height = \"\";\r\n el.style.display = \"none\";\r\n\r\n if (typeof callback === \"function\") {\r\n callback();\r\n }\r\n }\r\n );\r\n } else if (dir == \"down\") {\r\n // down\r\n el.style.cssText = \"display: block; overflow: hidden;\";\r\n\r\n if (calcPaddingTop) {\r\n KTUtil.animate(\r\n 0,\r\n calcPaddingTop,\r\n speed,\r\n function(value) {\r\n //\r\n el.style.paddingTop = value + \"px\";\r\n },\r\n \"linear\",\r\n function() {\r\n el.style.paddingTop = \"\";\r\n }\r\n );\r\n }\r\n\r\n if (calcPaddingBottom) {\r\n KTUtil.animate(\r\n 0,\r\n calcPaddingBottom,\r\n speed,\r\n function(value) {\r\n el.style.paddingBottom = value + \"px\";\r\n },\r\n \"linear\",\r\n function() {\r\n el.style.paddingBottom = \"\";\r\n }\r\n );\r\n }\r\n\r\n KTUtil.animate(\r\n 0,\r\n calcHeight,\r\n speed,\r\n function(value) {\r\n el.style.height = value + \"px\";\r\n },\r\n \"linear\",\r\n function() {\r\n el.style.height = \"\";\r\n el.style.display = \"\";\r\n el.style.overflow = \"\";\r\n\r\n if (typeof callback === \"function\") {\r\n callback();\r\n }\r\n }\r\n );\r\n }\r\n },\r\n\r\n slideUp: function(el, speed, callback) {\r\n KTUtil.slide(el, \"up\", speed, callback);\r\n },\r\n\r\n slideDown: function(el, speed, callback) {\r\n KTUtil.slide(el, \"down\", speed, callback);\r\n },\r\n\r\n show: function(el, display) {\r\n if (typeof el !== \"undefined\") {\r\n el.style.display = display ? display : \"block\";\r\n }\r\n },\r\n\r\n hide: function(el) {\r\n if (typeof el !== \"undefined\") {\r\n el.style.display = \"none\";\r\n }\r\n },\r\n\r\n addEvent: function(el, type, handler, one) {\r\n if (typeof el !== \"undefined\" && el !== null) {\r\n el.addEventListener(type, handler);\r\n }\r\n },\r\n\r\n removeEvent: function(el, type, handler) {\r\n if (el !== null) {\r\n el.removeEventListener(type, handler);\r\n }\r\n },\r\n\r\n on: function(element, selector, event, handler) {\r\n if (!selector) {\r\n return;\r\n }\r\n\r\n var eventId = KTUtil.getUniqueID(\"event\");\r\n\r\n window.KTUtilDelegatedEventHandlers[eventId] = function(e) {\r\n var targets = element.querySelectorAll(selector);\r\n var target = e.target;\r\n\r\n while (target && target !== element) {\r\n for (var i = 0, j = targets.length; i < j; i++) {\r\n if (target === targets[i]) {\r\n handler.call(target, e);\r\n }\r\n }\r\n\r\n target = target.parentNode;\r\n }\r\n };\r\n\r\n KTUtil.addEvent(element, event, window.KTUtilDelegatedEventHandlers[eventId]);\r\n\r\n return eventId;\r\n },\r\n\r\n off: function(element, event, eventId) {\r\n if (!element || !window.KTUtilDelegatedEventHandlers[eventId]) {\r\n return;\r\n }\r\n\r\n KTUtil.removeEvent(element, event, window.KTUtilDelegatedEventHandlers[eventId]);\r\n\r\n delete window.KTUtilDelegatedEventHandlers[eventId];\r\n },\r\n\r\n one: function onetime(el, type, callback) {\r\n el.addEventListener(type, function callee(e) {\r\n // remove event\r\n if (e.target && e.target.removeEventListener) {\r\n e.target.removeEventListener(e.type, callee);\r\n }\r\n\r\n // need to verify from https://themeforest.net/author_dashboard#comment_23615588\r\n if (el && el.removeEventListener) {\r\n e.currentTarget.removeEventListener(e.type, callee);\r\n }\r\n\r\n // call handler\r\n return callback(e);\r\n });\r\n },\r\n\r\n hash: function(str) {\r\n var hash = 0,\r\n i,\r\n chr;\r\n\r\n if (str.length === 0) return hash;\r\n for (i = 0; i < str.length; i++) {\r\n chr = str.charCodeAt(i);\r\n hash = (hash << 5) - hash + chr;\r\n hash |= 0; // Convert to 32bit integer\r\n }\r\n\r\n return hash;\r\n },\r\n\r\n animateClass: function(el, animationName, callback) {\r\n var animation;\r\n var animations = {\r\n animation: \"animationend\",\r\n OAnimation: \"oAnimationEnd\",\r\n MozAnimation: \"mozAnimationEnd\",\r\n WebkitAnimation: \"webkitAnimationEnd\",\r\n msAnimation: \"msAnimationEnd\"\r\n };\r\n\r\n for (var t in animations) {\r\n if (el.style[t] !== undefined) {\r\n animation = animations[t];\r\n }\r\n }\r\n\r\n KTUtil.addClass(el, \"animated \" + animationName);\r\n\r\n KTUtil.one(el, animation, function() {\r\n KTUtil.removeClass(el, \"animated \" + animationName);\r\n });\r\n\r\n if (callback) {\r\n KTUtil.one(el, animation, callback);\r\n }\r\n },\r\n\r\n transitionEnd: function(el, callback) {\r\n var transition;\r\n var transitions = {\r\n transition: \"transitionend\",\r\n OTransition: \"oTransitionEnd\",\r\n MozTransition: \"mozTransitionEnd\",\r\n WebkitTransition: \"webkitTransitionEnd\",\r\n msTransition: \"msTransitionEnd\"\r\n };\r\n\r\n for (var t in transitions) {\r\n if (el.style[t] !== undefined) {\r\n transition = transitions[t];\r\n }\r\n }\r\n\r\n KTUtil.one(el, transition, callback);\r\n },\r\n\r\n animationEnd: function(el, callback) {\r\n var animation;\r\n var animations = {\r\n animation: \"animationend\",\r\n OAnimation: \"oAnimationEnd\",\r\n MozAnimation: \"mozAnimationEnd\",\r\n WebkitAnimation: \"webkitAnimationEnd\",\r\n msAnimation: \"msAnimationEnd\"\r\n };\r\n\r\n for (var t in animations) {\r\n if (el.style[t] !== undefined) {\r\n animation = animations[t];\r\n }\r\n }\r\n\r\n KTUtil.one(el, animation, callback);\r\n },\r\n\r\n animateDelay: function(el, value) {\r\n var vendors = [\"webkit-\", \"moz-\", \"ms-\", \"o-\", \"\"];\r\n for (var i = 0; i < vendors.length; i++) {\r\n KTUtil.css(el, vendors[i] + \"animation-delay\", value);\r\n }\r\n },\r\n\r\n animateDuration: function(el, value) {\r\n var vendors = [\"webkit-\", \"moz-\", \"ms-\", \"o-\", \"\"];\r\n for (var i = 0; i < vendors.length; i++) {\r\n KTUtil.css(el, vendors[i] + \"animation-duration\", value);\r\n }\r\n },\r\n\r\n scrollTo: function(target, offset, duration) {\r\n var duration = duration ? duration : 500;\r\n var targetPos = target ? KTUtil.offset(target).top : 0;\r\n var scrollPos =\r\n window.pageYOffset ||\r\n document.documentElement.scrollTop ||\r\n document.body.scrollTop ||\r\n 0;\r\n var from, to;\r\n\r\n if (offset) {\r\n scrollPos += offset;\r\n }\r\n\r\n from = scrollPos;\r\n to = targetPos;\r\n\r\n KTUtil.animate(from, to, duration, function(value) {\r\n document.documentElement.scrollTop = value;\r\n document.body.parentNode.scrollTop = value;\r\n document.body.scrollTop = value;\r\n }); //, easing, done\r\n },\r\n\r\n scrollTop: function(offset, duration) {\r\n KTUtil.scrollTo(null, offset, duration);\r\n },\r\n\r\n isArray: function(obj) {\r\n return obj && Array.isArray(obj);\r\n },\r\n\r\n ready: function(callback) {\r\n if (\r\n document.attachEvent\r\n ? document.readyState === \"complete\"\r\n : document.readyState !== \"loading\"\r\n ) {\r\n callback();\r\n } else {\r\n document.addEventListener(\"DOMContentLoaded\", callback);\r\n }\r\n },\r\n\r\n isEmpty: function(obj) {\r\n for (var prop in obj) {\r\n if (obj.hasOwnProperty(prop)) {\r\n return false;\r\n }\r\n }\r\n\r\n return true;\r\n },\r\n\r\n numberString: function(nStr) {\r\n nStr += \"\";\r\n var x = nStr.split(\".\");\r\n var x1 = x[0];\r\n var x2 = x.length > 1 ? \".\" + x[1] : \"\";\r\n var rgx = /(\\d+)(\\d{3})/;\r\n while (rgx.test(x1)) {\r\n x1 = x1.replace(rgx, \"$1\" + \",\" + \"$2\");\r\n }\r\n return x1 + x2;\r\n },\r\n\r\n detectIE: function() {\r\n var ua = window.navigator.userAgent;\r\n\r\n // Test values; Uncomment to check result …\r\n\r\n // IE 10\r\n // ua = 'Mozilla/5.0 (compatible; MSIE 10.0; Windows NT 6.2; Trident/6.0)';\r\n\r\n // IE 11\r\n // ua = 'Mozilla/5.0 (Windows NT 6.3; Trident/7.0; rv:11.0) like Gecko';\r\n\r\n // Edge 12 (Spartan)\r\n // ua = 'Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/39.0.2171.71 Safari/537.36 Edge/12.0';\r\n\r\n // Edge 13\r\n // ua = 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/46.0.2486.0 Safari/537.36 Edge/13.10586';\r\n\r\n var msie = ua.indexOf(\"MSIE \");\r\n if (msie > 0) {\r\n // IE 10 or older => return version number\r\n return parseInt(ua.substring(msie + 5, ua.indexOf(\".\", msie)), 10);\r\n }\r\n\r\n var trident = ua.indexOf(\"Trident/\");\r\n if (trident > 0) {\r\n // IE 11 => return version number\r\n var rv = ua.indexOf(\"rv:\");\r\n return parseInt(ua.substring(rv + 3, ua.indexOf(\".\", rv)), 10);\r\n }\r\n\r\n var edge = ua.indexOf(\"Edge/\");\r\n if (edge > 0) {\r\n // Edge (IE 12+) => return version number\r\n return parseInt(ua.substring(edge + 5, ua.indexOf(\".\", edge)), 10);\r\n }\r\n\r\n // other browser\r\n return false;\r\n },\r\n\r\n isRTL: function() {\r\n var html = KTUtil.getByTagName(\"html\")[0];\r\n\r\n if (html) {\r\n return KTUtil.attr(html, \"direction\") == \"rtl\";\r\n }\r\n },\r\n\r\n // Scroller\r\n scrollInit: function(element, options) {\r\n // if (!element) {\r\n // return;\r\n // }\r\n // // Learn more: https://github.com/mdbootstrap/perfect-scrollbar#options\r\n // var pluginDefOptions = {\r\n // wheelSpeed: 0.5,\r\n // swipeEasing: true,\r\n // wheelPropagation: false,\r\n // minScrollbarLength: 40,\r\n // maxScrollbarLength: 300,\r\n // suppressScrollX: true\r\n // };\r\n // options = KTUtil.deepExtend({}, pluginDefOptions, options);\r\n // // Define init function\r\n // function init() {\r\n // var ps;\r\n // var height;\r\n // // Get extra options via data attributes\r\n // var attrs = element.getAttributeNames();\r\n // if (attrs.length > 0) {\r\n // attrs.forEach(function(attrName) {\r\n // \t\t\t// more options; https://github.com/ganlanyuan/tiny-slider#options\r\n // \t\t\tif ((/^data-.*/g).test(attrName)) {\r\n // if (['scroll', 'height', 'mobile-height'].includes(optionName) == false) {\r\n // var optionName = attrName.replace('data-', '').toLowerCase().replace(/(?:[\\s-])\\w/g, function(match) {\r\n // \t\t\t\t\treturn match.replace('-', '').toUpperCase();\r\n // \t\t\t\t});\r\n // options[optionName] = KTUtil.filterBoolean(element.getAttribute(attrName));\r\n // }\r\n // \t\t\t}\r\n // \t\t});\r\n // }\r\n // if (options.height instanceof Function) {\r\n // height = options.height.call();\r\n // } else {\r\n // if (KTUtil.isMobileDevice() === true && options.mobileHeight) {\r\n // height = parseInt(options.mobileHeight);\r\n // } else if (options.height) {\r\n // height = parseInt(options.height);\r\n // } else {\r\n // height = parseInt(KTUtil.css(element, 'height'));\r\n // }\r\n // }\r\n // if (height === false) {\r\n // KTUtil.scrollDestroy(element, true);\r\n // return;\r\n // }\r\n // height = parseInt(height);\r\n // // Destroy scroll on table and mobile modes\r\n // if ((options.mobileNativeScroll || options.disableForMobile) && KTUtil.isMobileDevice() === true) {\r\n // ps = KTUtil.data(element).get('ps');\r\n // if (ps) {\r\n // if (options.resetHeightOnDestroy) {\r\n // KTUtil.css(element, 'height', 'auto');\r\n // } else {\r\n // KTUtil.css(element, 'overflow', 'auto');\r\n // if (height > 0) {\r\n // KTUtil.css(element, 'height', height + 'px');\r\n // }\r\n // }\r\n // ps.destroy();\r\n // ps = KTUtil.data(element).remove('ps');\r\n // } else if (height > 0){\r\n // KTUtil.css(element, 'overflow', 'auto');\r\n // KTUtil.css(element, 'height', height + 'px');\r\n // }\r\n // return;\r\n // }\r\n // if (height > 0) {\r\n // KTUtil.css(element, 'height', height + 'px');\r\n // }\r\n // if (options.desktopNativeScroll) {\r\n // KTUtil.css(element, 'overflow', 'auto');\r\n // return;\r\n // }\r\n // // Pass options via HTML Attributes\r\n // if (KTUtil.attr(element, 'data-window-scroll') == 'true') {\r\n // options.windowScroll = true;\r\n // }\r\n // // Init scroll\r\n // ps = KTUtil.data(element).get('ps');\r\n // if (ps) {\r\n // ps.update();\r\n // } else {\r\n // KTUtil.css(element, 'overflow', 'hidden');\r\n // KTUtil.addClass(element, 'scroll');\r\n // ps = new PerfectScrollbar(element, options);\r\n // KTUtil.data(element).set('ps', ps);\r\n // }\r\n // // Remember scroll position in cookie\r\n // var uid = KTUtil.attr(element, 'id');\r\n // try {\r\n // if (uid) {\r\n // var cookie = KTCookie.getCookie(uid);\r\n // if (options.rememberPosition === true && cookie) {\r\n // var pos = parseInt(cookie);\r\n // if (pos > 0) {\r\n // element.scrollTop = pos;\r\n // }\r\n // element.addEventListener('ps-scroll-y', function() {\r\n // KTCookie.setCookie(uid, element.scrollTop, {});\r\n // });\r\n // }\r\n // }\r\n // }\r\n // catch (e) {\r\n // console.error(e);\r\n // }\r\n // // Todo:Consider using Localstorage\r\n // if (options.rememberPosition === true && KTCookie && uid) {\r\n // if (KTCookie.getCookie(uid)) {\r\n // var pos = parseInt(KTCookie.getCookie(uid));\r\n // if (pos > 0) {\r\n // element.scrollTop = pos;\r\n // }\r\n // }\r\n // element.addEventListener('ps-scroll-y', function() {\r\n // KTCookie.setCookie(uid, element.scrollTop);\r\n // });\r\n // }\r\n // }\r\n // // Init\r\n // init();\r\n // // Handle window resize\r\n // if (options.handleWindowResize) {\r\n // KTUtil.addResizeHandler(function() {\r\n // init();\r\n // });\r\n // }\r\n },\r\n\r\n scrollUpdate: function(element) {\r\n var ps = KTUtil.data(element).get(\"ps\");\r\n if (ps) {\r\n ps.update();\r\n }\r\n },\r\n\r\n scrollUpdateAll: function(parent) {\r\n var scrollers = KTUtil.findAll(parent, \".ps\");\r\n for (var i = 0, len = scrollers.length; i < len; i++) {\r\n KTUtil.scrollUpdate(scrollers[i]);\r\n }\r\n },\r\n\r\n scrollDestroy: function(element, resetAll) {\r\n var ps = KTUtil.data(element).get(\"ps\");\r\n\r\n if (ps) {\r\n ps.destroy();\r\n ps = KTUtil.data(element).remove(\"ps\");\r\n }\r\n\r\n if (element && resetAll) {\r\n element.style.setProperty(\"overflow\", \"\");\r\n element.style.setProperty(\"height\", \"\");\r\n }\r\n },\r\n\r\n filterBoolean: function(val) {\r\n // Convert string boolean\r\n if (val === true || val === \"true\") {\r\n return true;\r\n }\r\n\r\n if (val === false || val === \"false\") {\r\n return false;\r\n }\r\n\r\n return val;\r\n },\r\n\r\n setHTML: function(el, html) {\r\n el.innerHTML = html;\r\n },\r\n\r\n getHTML: function(el) {\r\n if (el) {\r\n return el.innerHTML;\r\n }\r\n },\r\n\r\n getDocumentHeight: function() {\r\n var body = document.body;\r\n var html = document.documentElement;\r\n\r\n return Math.max(\r\n body.scrollHeight,\r\n body.offsetHeight,\r\n html.clientHeight,\r\n html.scrollHeight,\r\n html.offsetHeight\r\n );\r\n },\r\n\r\n getScrollTop: function() {\r\n return (document.scrollingElement || document.documentElement).scrollTop;\r\n },\r\n\r\n changeColor: function(col, amt) {\r\n var usePound = false;\r\n\r\n if (col[0] == \"#\") {\r\n col = col.slice(1);\r\n usePound = true;\r\n }\r\n\r\n var num = parseInt(col, 16);\r\n\r\n var r = (num >> 16) + amt;\r\n\r\n if (r > 255) r = 255;\r\n else if (r < 0) r = 0;\r\n\r\n var b = ((num >> 8) & 0x00ff) + amt;\r\n\r\n if (b > 255) b = 255;\r\n else if (b < 0) b = 0;\r\n\r\n var g = (num & 0x0000ff) + amt;\r\n\r\n if (g > 255) g = 255;\r\n else if (g < 0) g = 0;\r\n\r\n return (usePound ? \"#\" : \"\") + (g | (b << 8) | (r << 16)).toString(16);\r\n },\r\n\r\n // Throttle function: Input as function which needs to be throttled and delay is the time interval in milliseconds\r\n throttle: function(timer, func, delay) {\r\n // If setTimeout is already scheduled, no need to do anything\r\n if (timer) {\r\n return;\r\n }\r\n\r\n // Schedule a setTimeout after delay seconds\r\n timer = setTimeout(function() {\r\n func();\r\n\r\n // Once setTimeout function execution is finished, timerId = undefined so that in
\r\n // the next scroll event function execution can be scheduled by the setTimeout\r\n timer = undefined;\r\n }, delay);\r\n },\r\n\r\n // Debounce function: Input as function which needs to be debounced and delay is the debounced time in milliseconds\r\n debounce: function(timer, func, delay) {\r\n // Cancels the setTimeout method execution\r\n clearTimeout(timer);\r\n\r\n // Executes the func after delay time.\r\n timer = setTimeout(func, delay);\r\n },\r\n\r\n btnWait: function(el, cls, message, disable) {\r\n if (!el) {\r\n return;\r\n }\r\n\r\n if (typeof disable !== \"undefined\" && disable === true) {\r\n KTUtil.attr(el, \"disabled\", true);\r\n }\r\n\r\n if (cls) {\r\n KTUtil.addClass(el, cls);\r\n KTUtil.attr(el, \"wait-class\", cls);\r\n }\r\n\r\n if (message) {\r\n var caption = KTUtil.find(el, \".btn-caption\");\r\n\r\n if (caption) {\r\n KTUtil.data(caption).set(\"caption\", KTUtil.getHTML(caption));\r\n KTUtil.setHTML(caption, message);\r\n } else {\r\n KTUtil.data(el).set(\"caption\", KTUtil.getHTML(el));\r\n KTUtil.setHTML(el, message);\r\n }\r\n }\r\n },\r\n\r\n btnRelease: function(el) {\r\n if (!el) {\r\n return;\r\n }\r\n\r\n /// Show loading state on button\r\n KTUtil.removeAttr(el, \"disabled\");\r\n\r\n if (KTUtil.hasAttr(el, \"wait-class\")) {\r\n KTUtil.removeClass(el, KTUtil.attr(el, \"wait-class\"));\r\n }\r\n\r\n var caption = KTUtil.find(el, \".btn-caption\");\r\n\r\n if (caption && KTUtil.data(caption).has(\"caption\")) {\r\n KTUtil.setHTML(caption, KTUtil.data(caption).get(\"caption\"));\r\n } else if (KTUtil.data(el).has(\"caption\")) {\r\n KTUtil.setHTML(el, KTUtil.data(el).get(\"caption\"));\r\n }\r\n },\r\n\r\n isOffscreen: function(el, direction, offset) {\r\n offset = offset || 0;\r\n\r\n var windowWidth = KTUtil.getViewPort().width;\r\n var windowHeight = KTUtil.getViewPort().height;\r\n\r\n var top = KTUtil.offset(el).top;\r\n var height = KTUtil.outerHeight(el) + offset;\r\n var left = KTUtil.offset(el).left;\r\n var width = KTUtil.outerWidth(el) + offset;\r\n\r\n if (direction == \"bottom\") {\r\n if (windowHeight < top + height) {\r\n return true;\r\n } else if (windowHeight > top + height * 1.5) {\r\n return true;\r\n }\r\n }\r\n\r\n if (direction == \"top\") {\r\n if (top < 0) {\r\n return true;\r\n } else if (top > height) {\r\n return true;\r\n }\r\n }\r\n\r\n if (direction == \"left\") {\r\n if (left < 0) {\r\n return true;\r\n } else if (left * 2 > width) {\r\n //console.log('left 2');\r\n //return true;\r\n }\r\n }\r\n\r\n if (direction == \"right\") {\r\n if (windowWidth < left + width) {\r\n return true;\r\n } else {\r\n //console.log('right 2');\r\n //return true;\r\n }\r\n }\r\n\r\n return false;\r\n }\r\n };\r\n})();\r\n\r\n// webpack support\r\nif (typeof module !== \"undefined\" && typeof module.exports !== \"undefined\") {\r\n // module.exports = KTUtil;\r\n}\r\n\r\n// Initialize KTUtil class on document ready\r\nKTUtil.ready(function() {\r\n if (typeof KTAppSettings !== \"undefined\") {\r\n KTUtil.init(KTAppSettings);\r\n } else {\r\n KTUtil.init();\r\n }\r\n});\r\n","import objectPath from \"object-path\";\r\nimport { toAbsoluteUrl } from \"../../_helpers\";\r\n\r\nexport class HtmlClassService {\r\n // Public properties\r\n config;\r\n classes;\r\n attributes;\r\n\r\n /**\r\n * Build html element classes from layout config\r\n * @param layoutConfig\r\n */\r\n setConfig(layoutConfig) {\r\n this.config = this.preInit(layoutConfig);\r\n\r\n // scope list of classes\r\n this.classes = {\r\n header: [],\r\n header_container: [],\r\n header_mobile: [],\r\n header_menu: [],\r\n aside: [],\r\n aside_menu: [],\r\n subheader: [],\r\n subheader_container: [],\r\n content: [],\r\n content_container: [],\r\n footer_container: [],\r\n };\r\n\r\n this.attributes = {\r\n aside_menu: {},\r\n header_mobile: {},\r\n header_menu: {},\r\n };\r\n\r\n // init base layout\r\n this.initLoader();\r\n this.initLayout();\r\n\r\n // init header and subheader menu\r\n this.initHeader();\r\n this.initSubheader();\r\n\r\n this.initContent();\r\n // init aside and aside menu\r\n this.initAside();\r\n\r\n // init footer\r\n this.initFooter();\r\n }\r\n\r\n preInit(layoutConfig) {\r\n const updateLayoutConfig = Object.assign({}, layoutConfig);\r\n const subheaderFixed = objectPath.get(layoutConfig, \"subheader.fixed\");\r\n if (subheaderFixed) {\r\n updateLayoutConfig.subheader.style = \"solid\";\r\n } else {\r\n updateLayoutConfig.subheader.fixed = false;\r\n }\r\n return updateLayoutConfig;\r\n }\r\n\r\n /**\r\n * Returns Classes\r\n *\r\n * @param path: string\r\n * @param toString boolean\r\n */\r\n getClasses(path, toString) {\r\n if (path) {\r\n const classes = objectPath.get(this.classes, path) || \"\";\r\n if (toString && Array.isArray(classes)) {\r\n return classes.join(\" \");\r\n }\r\n return classes.toString();\r\n }\r\n return this.classes;\r\n }\r\n\r\n getAttributes(path) {\r\n if (path) {\r\n const attributes = objectPath.get(this.attributes, path) || [];\r\n return attributes;\r\n }\r\n return [];\r\n }\r\n\r\n getLogo() {\r\n const brandSkin = objectPath.get(this.config, \"brand.self.theme\");\r\n if (brandSkin === \"light\") {\r\n return toAbsoluteUrl(\"/media/logos/logo-dark.png\");\r\n } else {\r\n return toAbsoluteUrl(\"/media/logos/logo-light.png\");\r\n }\r\n }\r\n\r\n getStickyLogo() {\r\n let logo = objectPath.get(this.config, \"self.logo.sticky\");\r\n if (typeof logo === \"undefined\") {\r\n logo = this.getLogo();\r\n }\r\n return logo + \"\";\r\n }\r\n\r\n /**\r\n * Init Layout\r\n */\r\n initLayout() {\r\n const selfBodyBackgroundImage = objectPath.get(\r\n this.config,\r\n \"self.body.backgroundImage\"\r\n );\r\n if (selfBodyBackgroundImage) {\r\n const backgroundImageUrl = `${toAbsoluteUrl(\r\n \"/media/\" + selfBodyBackgroundImage\r\n )}`;\r\n document.body.style.backgroundImage = `url(\"${backgroundImageUrl}\")`;\r\n }\r\n\r\n const _selfBodyClass = objectPath.get(this.config, \"self.body.class\");\r\n if (_selfBodyClass) {\r\n const bodyClasses = _selfBodyClass.toString().split(\" \");\r\n bodyClasses.forEach((cssClass) => document.body.classList.add(cssClass));\r\n }\r\n }\r\n\r\n /**\r\n * Init Loader\r\n */\r\n initLoader() {}\r\n\r\n /**\r\n * Init Header\r\n */\r\n initHeader() {\r\n const headerSelfFixedMobile = objectPath.get(\r\n this.config,\r\n \"header.self.fixed.mobile\"\r\n );\r\n if (headerSelfFixedMobile) {\r\n document.body.classList.add(\"header-mobile-fixed\");\r\n }\r\n }\r\n\r\n /**\r\n * Init Subheader\r\n */\r\n initSubheader() {\r\n const subheaderDisplay = objectPath.get(this.config, \"subheader.display\");\r\n if (subheaderDisplay) {\r\n document.body.classList.add(\"subheader-enabled\");\r\n } else {\r\n return;\r\n }\r\n\r\n // Fixed content head\r\n const subheaderFixed = objectPath.get(this.config, \"subheader.fixed\");\r\n if (subheaderFixed) {\r\n document.body.classList.add(\"subheader-fixed\");\r\n }\r\n\r\n const subheaderStyle = objectPath.get(this.config, \"subheader.style\");\r\n if (subheaderStyle) {\r\n const subheaderClass = `subheader-${subheaderStyle}`;\r\n objectPath.push(this.classes, \"subheader\", subheaderClass);\r\n }\r\n\r\n const subheaderWidth = objectPath.get(this.config, \"subheader.width\");\r\n if (subheaderWidth === \"fluid\") {\r\n objectPath.push(this.classes, \"subheader_container\", \"container-fluid\");\r\n } else {\r\n objectPath.push(this.classes, \"subheader_container\", \"container\");\r\n }\r\n\r\n const subheaderClear = objectPath.get(this.config, \"subheader.clear\");\r\n if (subheaderClear) {\r\n objectPath.push(this.classes, \"subheader\", \"mb-0\");\r\n }\r\n }\r\n\r\n /**\r\n * Init Content\r\n */\r\n initContent() {\r\n if (objectPath.get(this.config, \"content.fit-top\")) {\r\n objectPath.push(this.classes, \"content\", \"pt-0\");\r\n }\r\n\r\n if (objectPath.get(this.config, \"content.fit-bottom\")) {\r\n objectPath.push(this.classes, \"content\", \"pb-0\");\r\n }\r\n\r\n if (objectPath.get(this.config, \"content.width\") === \"fluid\") {\r\n objectPath.push(this.classes, \"content_container\", \"container-fluid\");\r\n } else {\r\n objectPath.push(this.classes, \"content_container\", \"container\");\r\n }\r\n }\r\n\r\n /**\r\n * Init Aside\r\n */\r\n initAside() {\r\n // Check Aside\r\n const asideSelfDisplay = objectPath.get(this.config, \"aside.self.display\");\r\n if (!asideSelfDisplay) {\r\n return;\r\n }\r\n\r\n // Enable Aside\r\n document.body.classList.add(\"aside-enabled\");\r\n\r\n // Fixed Aside\r\n const asideSelfFixed = objectPath.get(this.config, \"aside.self.fixed\");\r\n if (asideSelfFixed) {\r\n document.body.classList.add(\"aside-fixed\");\r\n objectPath.push(this.classes, \"aside\", \"aside-fixed\");\r\n } else {\r\n document.body.classList.add(\"aside-static\");\r\n }\r\n\r\n // Aside Secondary\r\n const asideSecondaryDisplay = objectPath.get(\r\n this.config,\r\n \"aside.secondary.display\"\r\n );\r\n if (asideSecondaryDisplay) {\r\n document.body.classList.add(\"aside-secondary-enabled\");\r\n } else {\r\n document.body.classList.add(\"aside-secondary-disabled\");\r\n }\r\n\r\n // Check Aside\r\n if (!asideSelfDisplay) {\r\n return;\r\n }\r\n\r\n // Default fixed\r\n const asideSelfMinimizeDefault = objectPath.get(\r\n this.config,\r\n \"aside.self.minimize.default\"\r\n );\r\n if (asideSelfMinimizeDefault) {\r\n document.body.classList.add(\"aside-minimize\");\r\n }\r\n\r\n // Menu\r\n // Dropdown Submenu\r\n const asideMenuDropdown = objectPath.get(\r\n this.config,\r\n \"aside.menu.dropdown\"\r\n );\r\n if (asideMenuDropdown) {\r\n objectPath.push(this.classes, \"aside_menu\", \"aside-menu-dropdown\");\r\n this.attributes.aside_menu[\"data-menu-dropdown\"] = \"1\";\r\n }\r\n\r\n // Scrollable Menu\r\n this.attributes.aside_menu[\"data-menu-scroll\"] = asideMenuDropdown\r\n ? \"0\"\r\n : \"1\";\r\n\r\n const asideSubmenuDHoverTimeout = objectPath.get(\r\n this.config,\r\n \"aside.menu.submenu.dropdown.hover-timeout\"\r\n );\r\n if (asideSubmenuDHoverTimeout) {\r\n this.attributes.aside_menu[\r\n \"data-menu-dropdown-timeout\"\r\n ] = asideSubmenuDHoverTimeout;\r\n }\r\n }\r\n\r\n /**\r\n * Init Footer\r\n */\r\n initFooter() {\r\n const footerFixed = objectPath.get(this.config, \"footer.fixed\");\r\n if (footerFixed) {\r\n document.body.classList.add(\"footer-fixed\");\r\n objectPath.push(this.classes, \"footer\", \"bg-white\");\r\n }\r\n\r\n if (objectPath.get(this.config, \"footer.width\") === \"fluid\") {\r\n objectPath.push(this.classes, \"footer_container\", \"container-fluid\");\r\n } else {\r\n objectPath.push(this.classes, \"footer_container\", \"container\");\r\n }\r\n }\r\n}\r\n","import React, { createContext, useContext, useMemo } from \"react\";\r\nimport { getInitLayoutConfig } from \"./LayoutConfig\";\r\nimport { HtmlClassService } from \"./HTMLClassService\";\r\n\r\nconst LAYOUT_CONFIG_KEY =\r\n process.env.REACT_APP_LAYOUT_CONFIG_KEY || \"LayoutConfig\";\r\n\r\nfunction getConfig() {\r\n const ls = localStorage.getItem(LAYOUT_CONFIG_KEY);\r\n if (ls) {\r\n try {\r\n return JSON.parse(ls);\r\n } catch (er) {\r\n console.error(er);\r\n }\r\n }\r\n return getInitLayoutConfig();\r\n}\r\n\r\n// Side effect\r\nexport function setLayoutConfig(config) {\r\n localStorage.setItem(LAYOUT_CONFIG_KEY, JSON.stringify(config));\r\n window.location.reload();\r\n}\r\n\r\nconst HtmlClassServiceContext = createContext();\r\n\r\n/**\r\n *\r\n *\r\n * @export\r\n * @returns Layout context from 'localStorage'\r\n */\r\nexport function useHtmlClassService() {\r\n return useContext(HtmlClassServiceContext);\r\n}\r\n\r\nexport function withHtmlClassService(Component) {\r\n class WithHtmlClassService extends React.Component {\r\n static displayName = `WithHtmlClassService(${Component.displayName ||\r\n Component.name})`;\r\n\r\n static contextType = HtmlClassServiceContext;\r\n\r\n render() {\r\n return