@mseva/digit-ui-module-core 1.0.72 → 1.0.74

package/dist/index.modern.js

@@ -1,9 +1,9 @@
-import React, { useState, useEffect, useRef, useCallback, Fragment as Fragment$1, createContext, useMemo, isValidElement, cloneElement, createElement, useContext, forwardRef, useReducer, StrictMode as StrictMode$1 } from 'react';
+import React, { useState, useEffect, useRef, Fragment as Fragment$1, createContext, useCallback, useMemo, isValidElement, cloneElement, createElement, useContext, forwardRef, useReducer, StrictMode as StrictMode$1 } from 'react';
 import { useQueryClient, QueryClient, QueryClientProvider } from 'react-query';
 import { Provider } from 'react-redux';
 import { Link, useLocation, useRouteMatch, useHistory, Switch, Route, Redirect, BrowserRouter } from 'react-router-dom';
 import { useTranslation, getI18n } from 'react-i18next';
-import { PTIcon, OBPSIcon, BillsIcon, WSICon, PGRIcon, TLIcon, MCollectIcon, FSMIcon, Loader, BackButton, CitizenInfoLabel, PTRIcon, OTPInput, CardText as CardText$1, CardLabelError as CardLabelError$1, FormStep, Dropdown as Dropdown$1, LoginIcon as LoginIcon$1, Toast, FormComposer as FormComposer$1, CardSubHeader as CardSubHeader$1, Card as Card$1, CustomButton, SubmitBar as SubmitBar$1, Hamburger, NotificationBell, Modal, CloseSvg, PropertyHouse, CaseIcon, CollectionIcon, BirthIcon, DeathIcon, FirenocIcon, HomeIcon, EditPencilIcon, LogoutIcon, Phone, NavBar, ArrowVectorDown, ArrowForward, ComplaintIcon, BPAHomeIcon, ReceiptIcon, PersonIcon, DocumentIconSolid, DropIcon, CollectionsBookmarIcons, FinanceChartIcon, SearchIcon, GalleryIcon, RemoveIcon, BreadCrumb, CameraIcon, CardLabel as CardLabel$1, TextInput as TextInput$1, DatePicker, TextArea as TextArea$1, CheckBox, LabelFieldPair as LabelFieldPair$1, MobileNumber as MobileNumber$1, PrivateRoute, Calender, DocumentIcon, SearchIconSvg, CHBIcon, GenericFileIcon, HelpIcon, NDCIcon, ADSIcone, NOCIcon, Header as Header$1, PDFSvg, DownloadImgIcon, Banner, CardHeader, Rating, SearchField, SearchAction, PopUp, DetailsCard, DownloadBtnCommon, SearchForm, Table, StatusTable, Row, LinkButton as LinkButton$1, Body } from '@mseva/digit-ui-react-components';
+import { PTIcon, OBPSIcon, BillsIcon, WSICon, PGRIcon, TLIcon, MCollectIcon, FSMIcon, Loader, BackButton, CitizenInfoLabel, PTRIcon, OTPInput, CardText as CardText$1, CardLabelError as CardLabelError$1, FormStep, Dropdown, LoginIcon as LoginIcon$1, Toast, FormComposer as FormComposer$1, CardSubHeader as CardSubHeader$1, Card as Card$1, CustomButton, SubmitBar as SubmitBar$1, Hamburger, NotificationBell, Modal, CloseSvg, PropertyHouse, CaseIcon, CollectionIcon, BirthIcon, DeathIcon, FirenocIcon, HomeIcon, EditPencilIcon, LogoutIcon, Phone, NavBar, ArrowVectorDown, ArrowForward, ComplaintIcon, BPAHomeIcon, ReceiptIcon, PersonIcon, DocumentIconSolid, DropIcon, CollectionsBookmarIcons, FinanceChartIcon, SearchIcon, GalleryIcon, RemoveIcon, BreadCrumb, CameraIcon, CardLabel as CardLabel$1, TextInput as TextInput$1, DatePicker, TextArea as TextArea$1, CheckBox, LabelFieldPair as LabelFieldPair$1, MobileNumber as MobileNumber$1, PrivateRoute, Calender, DocumentIcon, SearchIconSvg, CHBIcon, GenericFileIcon, HelpIcon, NDCIcon, ADSIcone, NOCIcon, Header as Header$1, PDFSvg, DownloadImgIcon, Banner, CardHeader, Rating, SearchField, SearchAction, PopUp, DetailsCard, DownloadBtnCommon, SearchForm, Table, StatusTable, Row, LinkButton as LinkButton$1, Body } from '@mseva/digit-ui-react-components';
 import ReactTooltip from 'react-tooltip';
 import { SurveyModal } from '@mseva/digit-ui-module-engagement';
 import { compose, applyMiddleware, createStore, combineReducers } from 'redux';
@@ -7119,224 +7119,17 @@ var propTypes = createCommonjsModule(function (module) {
   }
 });
 
-var dropdownData = [{
-  name: "VIDEO",
-  code: "VIDEO",
-  links: [{
-    name: "BPA_CITIZEN_HOME_01_OBPS_VIDEO",
-    code: "VIDEO_1",
-    displayName: "How To Register",
-    sectionCode: "VIDEO",
-    link: "https://youtu.be/hA8Tu3M45fg",
-    isSubsection: false,
-    subsection: []
-  }]
-}, {
-  name: "OTHERS",
-  code: "OTHERS",
-  links: [{
-    name: "LIST_OF_APPROVED",
-    code: "LIST_OF_APPROVED",
-    displayName: "List of approved professional",
-    sectionCode: "OTHERS",
-    link: "",
-    isSubsection: true,
-    subsection: [{
-      name: "BPA_OTHERS_ARCHITECT",
-      code: "OTHERS_1",
-      displayName: "Architect",
-      sectionCode: "OTHERS",
-      link: "https://enaksha.lgpunjab.gov.in/list_professional.php?dsfXX=Mg=="
-    }, {
-      name: "BPA_OTHERS_BUILDING_DESIGNER_SUPERVISOR",
-      code: "OTHERS_2",
-      displayName: "Building designer and supervisor",
-      sectionCode: "OTHERS",
-      link: "https://enaksha.lgpunjab.gov.in/list_professional.php?dsfXX=MTQ="
-    }, {
-      name: "BPA_OTHERS_ENGINEER",
-      code: "OTHERS_3",
-      displayName: "Engineer",
-      sectionCode: "OTHERS",
-      link: "https://enaksha.lgpunjab.gov.in/list_professional.php?dsfXX=MTI="
-    }, {
-      name: "BPA_OTHERS_EMPANELED_ARCHITECT_LIST",
-      code: "OTHERS_4",
-      displayName: "Empaneled Architect List",
-      sectionCode: "OTHERS",
-      link: "https://enaksha.lgpunjab.gov.in/architect_sc_p.php?dsfXX=MTI="
-    }]
-  }]
-}, {
-  name: "USER_MANUALS",
-  code: "USERMANUALS",
-  links: [{
-    name: "BPA_CITIZEN_HOME_ARCHITECT_USER_MANUAL_LABEL",
-    code: "USERMANUALS_1",
-    displayName: "Professional User manual",
-    sectionCode: "USERMANUALS",
-    link: "https://sdc-uat.lgpunjab.gov.in/filestore/v1/files/viewfile/?name=pb%2FBPA%2FMarch%2F13%2F1773381471615HJwwGxBMja.pdf",
-    isSubsection: false,
-    subsection: []
-  }, {
-    name: "BPA_CITIZEN_HOME_SCRUTINY_USER_MANUAL_LABEL",
-    code: "USERMANUALS_2",
-    displayName: "Scrutiny User manual",
-    sectionCode: "USERMANUALS",
-    link: "https://sdc-uat.lgpunjab.gov.in/filestore/v1/files/viewfile/?name=pb%2FBPA%2FMarch%2F13%2F1773381813315LWyyZgRJkC.pdf",
-    isSubsection: false,
-    subsection: []
-  }]
-}, {
-  name: "SAMPLE_FILES",
-  code: "SAMPLEFILES",
-  links: [{
-    name: "BPA_CITIZEN_HOME_01_AMRITTSAR_SAMPLE_DXF",
-    code: "SAMPLEFILES_1",
-    displayName: "Sample File 01 - Amritsar",
-    sectionCode: "SAMPLEFILES",
-    link: "https://sdc-uat.lgpunjab.gov.in/edcr/rest/dcr/downloadfile?tenantId=amritsar&fileStoreId=cec63f19-d800-4fb9-9cd6-a97a55da6c8c",
-    isSubsection: false,
-    subsection: []
-  }, {
-    name: "BPA_CITIZEN_HOME_02_AMRITTSAR_SAMPLE_DXF",
-    code: "SAMPLEFILES_2",
-    displayName: "Sample File 02 - Amritsar",
-    sectionCode: "SAMPLEFILES",
-    link: "https://sdc-uat.lgpunjab.gov.in/edcr/rest/dcr/downloadfile?tenantId=amritsar&fileStoreId=3834dfdd-04e6-40f8-848c-182fe82d0d48",
-    isSubsection: false,
-    subsection: []
-  }, {
-    name: "BPA_CITIZEN_HOME_01_TESTING_SAMPLE_DXF",
-    code: "SAMPLEFILES_3",
-    displayName: "Sample File 01 - Testing",
-    sectionCode: "SAMPLEFILES",
-    link: "https://mseva-dev.lgpunjab.gov.in/edcr/rest/dcr/downloadfile?tenantId=testing&fileStoreId=ba8183a1-dcc6-4aa8-8f4d-75d525bf12e4",
-    isSubsection: false,
-    subsection: []
-  }, {
-    name: "BPA_CITIZEN_HOME_02_TESTING_SAMPLE_DXF",
-    code: "SAMPLEFILES_4",
-    displayName: "Sample File 02 - Testing",
-    sectionCode: "SAMPLEFILES",
-    link: "https://mseva-dev.lgpunjab.gov.in/edcr/rest/dcr/downloadfile?tenantId=testing&fileStoreId=ee19e32b-a3e3-4c13-86c8-e5c7cbb3993f",
-    isSubsection: false,
-    subsection: []
-  }, {
-    name: "BPA_CITIZEN_HOME_03_TESTING_SAMPLE_DXF",
-    code: "SAMPLEFILES_5",
-    displayName: "Sample File 03 - Testing",
-    sectionCode: "SAMPLEFILES",
-    link: "https://mseva-dev.lgpunjab.gov.in/edcr/rest/dcr/downloadfile?tenantId=testing&fileStoreId=edfb9c3c-4ffb-4fa2-8609-23a9ba5aff43",
-    isSubsection: false,
-    subsection: []
-  }]
-}];
-function SubsectionMenu(props) {
-  var items = props.items;
-  var onClose = props.onClose;
-  return React.createElement("ul", {
-    className: "dropdown-submenu"
-  }, items.map(function (sub) {
-    return React.createElement("li", {
-      key: sub.code,
-      className: "dropdown-item"
-    }, React.createElement("a", {
-      href: sub.link,
-      target: "_blank",
-      rel: "noopener noreferrer",
-      className: "dropdown-link dropdown-link--nested",
-      onClick: function () {
-        onClose();
-      }
-    }, sub.displayName));
+const CustomMenu = props => {
+  return /*#__PURE__*/React.createElement("div", {
+    className: "menu-wrap-position",
+    style: props.style
+  }, props.options.map((option, index) => {
+    return /*#__PURE__*/React.createElement("div", {
+      key: index,
+      onClick: () => props.onSelect(option)
+    }, /*#__PURE__*/React.createElement("p", null, props.t ? props.t(`${props.optionKey ? option[props.optionKey] : option}`) : option));
   }));
-}
-function DropdownItem(props) {
-  var linkItem = props.linkItem;
-  var onClose = props.onClose;
-  var expandState = useState(false);
-  var isExpanded = expandState[0];
-  var setIsExpanded = expandState[1];
-  if (linkItem.isSubsection) {
-    return React.createElement("li", {
-      className: "dropdown-item dropdown-item--has-sub"
-    }, React.createElement("button", {
-      className: "dropdown-link dropdown-link--sub",
-      onClick: function () {
-        setIsExpanded(!isExpanded);
-      },
-      type: "button"
-    }, React.createElement("span", null, linkItem.displayName), React.createElement("span", {
-      className: "dropdown-arrow" + (isExpanded ? " dropdown-arrow--open" : "")
-    }, "\u25B6")), isExpanded && React.createElement(SubsectionMenu, {
-      items: linkItem.subsection,
-      onClose: onClose
-    }));
-  }
-  return React.createElement("li", {
-    className: "dropdown-item"
-  }, React.createElement("a", {
-    href: linkItem.link,
-    target: "_blank",
-    rel: "noopener noreferrer",
-    className: "dropdown-link",
-    onClick: function () {
-      onClose();
-    }
-  }, linkItem.displayName));
-}
-function Dropdown() {
-  var openState = useState(false);
-  var isOpen = openState[0];
-  var setIsOpen = openState[1];
-  var containerRef = useRef(null);
-  var handleClickOutside = useCallback(function (e) {
-    if (containerRef.current && !containerRef.current.contains(e.target)) {
-      setIsOpen(false);
-    }
-  }, []);
-  useEffect(function () {
-    document.addEventListener("mousedown", handleClickOutside);
-    document.addEventListener("touchstart", handleClickOutside);
-    return function () {
-      document.removeEventListener("mousedown", handleClickOutside);
-      document.removeEventListener("touchstart", handleClickOutside);
-    };
-  }, [handleClickOutside]);
-  function handleClose() {
-    setIsOpen(false);
-  }
-  return React.createElement("div", {
-    className: "dropdown-container",
-    ref: containerRef
-  }, React.createElement("button", {
-    className: "dropdown-trigger",
-    onClick: function () {
-      setIsOpen(!isOpen);
-    },
-    type: "button"
-  }, React.createElement("span", null, "Resources"), React.createElement("span", {
-    className: "dropdown-caret" + (isOpen ? " dropdown-caret--open" : "")
-  }, "\u25BC")), isOpen && React.createElement("div", {
-    className: "dropdown-menu"
-  }, dropdownData.map(function (section) {
-    return React.createElement("div", {
-      key: section.code,
-      className: "dropdown-section"
-    }, React.createElement("div", {
-      className: "dropdown-section-title"
-    }, section.name.replace(/_/g, " ")), React.createElement("ul", {
-      className: "dropdown-list"
-    }, section.links.map(function (linkItem) {
-      return React.createElement(DropdownItem, {
-        key: linkItem.code,
-        linkItem: linkItem,
-        onClose: handleClose
-      });
-    })));
-  })));
-}
+};
 
 const CitizenHomeCardWithExternalLink = ({
   header,
@@ -7347,25 +7140,18 @@ const CitizenHomeCardWithExternalLink = ({
   isInfo: _isInfo = false,
   styles
 }) => {
-  var _Digit$UserService, _user$info, _user$info$roles, _user$info2, _user$info2$roles, _apiData$commonMaste, _apiData$commonMaste$, _apiData$commonMaste$2;
+  var _Digit$UserService, _user$info, _user$info$roles, _user$info2, _user$info2$roles;
   const {
     t
   } = useTranslation();
   const user = (_Digit$UserService = Digit.UserService) === null || _Digit$UserService === void 0 ? void 0 : _Digit$UserService.getUser();
   const tenantId = localStorage.getItem("CITIZEN.CITY");
-  const stateId = Digit.ULBService.getStateId();
   const isUserLoggedIn = user === null || user === void 0 ? void 0 : user.access_token;
   const isUserRegistered = (user === null || user === void 0 ? void 0 : (_user$info = user.info) === null || _user$info === void 0 ? void 0 : (_user$info$roles = _user$info.roles) === null || _user$info$roles === void 0 ? void 0 : _user$info$roles.some(role => (role === null || role === void 0 ? void 0 : role.code) === "BPA_ARCHITECT")) || (user === null || user === void 0 ? void 0 : (_user$info2 = user.info) === null || _user$info2 === void 0 ? void 0 : (_user$info2$roles = _user$info2.roles) === null || _user$info2$roles === void 0 ? void 0 : _user$info2$roles.some(role => {
     var _role$code;
     return (role === null || role === void 0 ? void 0 : (_role$code = role.code) === null || _role$code === void 0 ? void 0 : _role$code.includes("BPA")) && (role === null || role === void 0 ? void 0 : role.tenantId) === tenantId;
   }));
-  const {
-    data: apiData,
-    isLoading
-  } = Digit.Hooks.useCustomMDMS(stateId, "common-masters", [{
-    name: "uiObpsHomePage"
-  }]);
-  const items = (apiData === null || apiData === void 0 ? void 0 : (_apiData$commonMaste = apiData["common-masters"]) === null || _apiData$commonMaste === void 0 ? void 0 : (_apiData$commonMaste$ = _apiData$commonMaste.uiObpsHomePage) === null || _apiData$commonMaste$ === void 0 ? void 0 : (_apiData$commonMaste$2 = _apiData$commonMaste$[0]) === null || _apiData$commonMaste$2 === void 0 ? void 0 : _apiData$commonMaste$2.sectionHeaders) || [];
+  console.log(_links, "links in CitizenHomeCardWithExternalLink");
   const getServiceIcon = (linkText, index) => {
     const lowerText = linkText === null || linkText === void 0 ? void 0 : linkText.toLowerCase();
     if (!!!lowerText) return;
@@ -7528,44 +7314,6 @@ const CitizenHomeCardWithExternalLink = ({
     strokeLinecap: "round",
     strokeLinejoin: "round"
   }));
-  const CardDropdown = ({
-    links,
-    index: _index = 0
-  }) => {
-    var _links$, _links$2, _links$links$, _menuOptions$;
-    const [displayMenu, setDisplayMenu] = useState(false);
-    const wrapperRef = useRef(null);
-    const colorIdx = _index % 6;
-    const menuOptions = Array.isArray(links) ? links : (links === null || links === void 0 ? void 0 : links.links) || [];
-    const titleLabel = Array.isArray(links) ? (links === null || links === void 0 ? void 0 : (_links$ = links[0]) === null || _links$ === void 0 ? void 0 : _links$.displayName) || (links === null || links === void 0 ? void 0 : (_links$2 = links[0]) === null || _links$2 === void 0 ? void 0 : _links$2.name) : (links === null || links === void 0 ? void 0 : links.displayName) || (links === null || links === void 0 ? void 0 : links.name) || (links === null || links === void 0 ? void 0 : links.title) || (links === null || links === void 0 ? void 0 : links.links) && (links === null || links === void 0 ? void 0 : (_links$links$ = links.links[0]) === null || _links$links$ === void 0 ? void 0 : _links$links$.displayName);
-    useEffect(() => {
-      const onDocClick = e => {
-        if (displayMenu && wrapperRef.current && !wrapperRef.current.contains(e.target)) {
-          setDisplayMenu(false);
-        }
-      };
-      document.addEventListener("click", onDocClick);
-      return () => document.removeEventListener("click", onDocClick);
-    }, [displayMenu]);
-    return /*#__PURE__*/React.createElement("div", {
-      ref: wrapperRef
-    }, /*#__PURE__*/React.createElement("div", {
-      className: `chcwe-card chcwe-card-bg-${colorIdx}`,
-      onClick: () => setDisplayMenu(!displayMenu)
-    }, /*#__PURE__*/React.createElement("div", {
-      className: `chcwe-icon chcwe-icon-bg-${colorIdx}`
-    }, getServiceIcon((menuOptions === null || menuOptions === void 0 ? void 0 : (_menuOptions$ = menuOptions[0]) === null || _menuOptions$ === void 0 ? void 0 : _menuOptions$.i18nKey) || (links === null || links === void 0 ? void 0 : links.i18nKey))), /*#__PURE__*/React.createElement("div", {
-      className: "chcwe-content"
-    }, /*#__PURE__*/React.createElement("div", {
-      className: "chcwe-title"
-    }, t(titleLabel))), /*#__PURE__*/React.createElement("div", {
-      className: "chcwe-arrow-container"
-    }, /*#__PURE__*/React.createElement(ArrowIcon, null))), /*#__PURE__*/React.createElement("div", {
-      className: "action-bar-wrap-menu"
-    }, displayMenu ?
-    /*#__PURE__*/
-    React.createElement(Dropdown, null) : null));
-  };
   const renderCardContent = (link, index) => /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
     className: `chcwe-icon chcwe-icon-bg-${index % 6}`
   }, getServiceIcon(link.i18nKey)), /*#__PURE__*/React.createElement("div", {
@@ -7577,6 +7325,33 @@ const CitizenHomeCardWithExternalLink = ({
   }, link.description)), /*#__PURE__*/React.createElement("div", {
     className: "chcwe-arrow-container"
   }, /*#__PURE__*/React.createElement(ArrowIcon, null)));
+  const renderCardDropDownContent = link => {
+    var _link$, _link$2;
+    const [displayMenu, setDisplayMenu] = useState(false);
+    const handleRedirect = url => {
+      if (url !== null && url !== void 0 && url.navigationURL) window.open(url === null || url === void 0 ? void 0 : url.navigationURL, "_blank");
+    };
+    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+      className: `chcwe-card chcwe-card-bg-2`,
+      onClick: () => setDisplayMenu(!displayMenu)
+    }, /*#__PURE__*/React.createElement("div", {
+      className: `chcwe-icon chcwe-icon-bg-2`
+    }, getServiceIcon(link === null || link === void 0 ? void 0 : (_link$ = link[0]) === null || _link$ === void 0 ? void 0 : _link$.i18nKey)), /*#__PURE__*/React.createElement("div", {
+      className: "chcwe-content"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "chcwe-title"
+    }, t(link === null || link === void 0 ? void 0 : (_link$2 = link[0]) === null || _link$2 === void 0 ? void 0 : _link$2.displayName))), /*#__PURE__*/React.createElement("div", {
+      className: "chcwe-arrow-container"
+    }, /*#__PURE__*/React.createElement(ArrowIcon, null))), /*#__PURE__*/React.createElement("div", {
+      className: "action-bar-wrap-menu"
+    }, displayMenu ? /*#__PURE__*/React.createElement(CustomMenu, {
+      localeKeyPrefix: ``,
+      options: link,
+      optionKey: "name",
+      t: t,
+      onSelect: handleRedirect
+    }) : null));
+  };
   const linksToOpenInBlank = ["BPA_CITIZEN_HOME_ARCHITECT_FEEDBACK_LABEL"];
   const shouldOpenInBlank = linkName => {
     return linksToOpenInBlank === null || linksToOpenInBlank === void 0 ? void 0 : linksToOpenInBlank.includes(linkName);
@@ -7593,7 +7368,7 @@ const CitizenHomeCardWithExternalLink = ({
   const remainingUserManualLinks = _links === null || _links === void 0 ? void 0 : _links.filter(value => isUserManual(value === null || value === void 0 ? void 0 : value.displayName));
   const remainingSampleFilesLink = _links === null || _links === void 0 ? void 0 : _links.filter(value => isSampleFile(value === null || value === void 0 ? void 0 : value.displayName));
   const remainingVideoLink = _links === null || _links === void 0 ? void 0 : _links.filter(value => isVideo(value === null || value === void 0 ? void 0 : value.displayName));
-  console.log("apiData", items, _links, remainingUserManualLinks, remainingSampleFilesLink, remainingVideoLink);
+  console.log("remainingUserManualLinks", remainingUserManualLinks);
   return /*#__PURE__*/React.createElement("div", {
     className: "chcwe-root",
     style: styles ? styles : undefined
@@ -7634,30 +7409,11 @@ const CitizenHomeCardWithExternalLink = ({
     }, renderCardContent(link, index));
   }), (remainingUserManualLinks === null || remainingUserManualLinks === void 0 ? void 0 : remainingUserManualLinks.length) > 0 && /*#__PURE__*/React.createElement("div", {
     className: "card-dropdown-wrapper"
-  }, /*#__PURE__*/React.createElement(CardDropdown, {
-    links: remainingUserManualLinks,
-    index: 0
-  })), (remainingSampleFilesLink === null || remainingSampleFilesLink === void 0 ? void 0 : remainingSampleFilesLink.length) > 0 && /*#__PURE__*/React.createElement("div", {
+  }, renderCardDropDownContent(remainingUserManualLinks)), (remainingSampleFilesLink === null || remainingSampleFilesLink === void 0 ? void 0 : remainingSampleFilesLink.length) > 0 && /*#__PURE__*/React.createElement("div", {
     className: "card-dropdown-wrapper"
-  }, /*#__PURE__*/React.createElement(CardDropdown, {
-    links: remainingSampleFilesLink === null || remainingSampleFilesLink === void 0 ? void 0 : remainingSampleFilesLink.sort((a, b) => a.order - b.order),
-    index: 1
-  })), (remainingVideoLink === null || remainingVideoLink === void 0 ? void 0 : remainingVideoLink.length) > 0 && /*#__PURE__*/React.createElement("div", {
+  }, renderCardDropDownContent(remainingSampleFilesLink === null || remainingSampleFilesLink === void 0 ? void 0 : remainingSampleFilesLink.sort((a, b) => a.order - b.order))), (remainingVideoLink === null || remainingVideoLink === void 0 ? void 0 : remainingVideoLink.length) > 0 && /*#__PURE__*/React.createElement("div", {
     className: "card-dropdown-wrapper"
-  }, /*#__PURE__*/React.createElement(CardDropdown, {
-    links: remainingVideoLink,
-    index: 2
-  }))), /*#__PURE__*/React.createElement("h2", {
-    className: "chcwe-header"
-  }, t("BPA_CITIZEN_HOME_CARD_HEADER")), /*#__PURE__*/React.createElement("div", {
-    className: "chcwe-card-container"
-  }, items.map((item, idx) => /*#__PURE__*/React.createElement("div", {
-    className: "card-dropdown-wrapper",
-    key: item.code || item.name || idx
-  }, /*#__PURE__*/React.createElement(CardDropdown, {
-    links: item,
-    index: idx
-  })))), _isInfo && Info && /*#__PURE__*/React.createElement("div", {
+  }, renderCardDropDownContent(remainingVideoLink))), _isInfo && Info && /*#__PURE__*/React.createElement("div", {
     className: "chcwe-info "
   }, /*#__PURE__*/React.createElement(Info, null)));
 };
@@ -12249,7 +12005,7 @@ const Login = ({
       populators: {
         name: city.name,
         customProps: {},
-        component: (props, customProps) => /*#__PURE__*/React.createElement(Dropdown$1, Object.assign({
+        component: (props, customProps) => /*#__PURE__*/React.createElement(Dropdown, Object.assign({
           option: cities,
           optionKey: "i18nKey",
           select: d => props.onChange(d),
@@ -12790,7 +12546,7 @@ const ForgotPassword = ({
       populators: {
         name: city.name,
         customProps: {},
-        component: (props, customProps) => /*#__PURE__*/React.createElement(Dropdown$1, Object.assign({
+        component: (props, customProps) => /*#__PURE__*/React.createElement(Dropdown, Object.assign({
           option: cities,
           optionKey: "name",
           id: city.name,
@@ -13290,7 +13046,7 @@ const ChangeCity = prop => {
     style: prop !== null && prop !== void 0 && prop.mobileView ? {
       color: "#767676"
     } : {}
-  }, /*#__PURE__*/React.createElement(Dropdown$1, {
+  }, /*#__PURE__*/React.createElement(Dropdown, {
     option: selectCityData,
     selected: selectCityData.find(cityValue => cityValue.value === (dropDownData === null || dropDownData === void 0 ? void 0 : dropDownData.value)),
     optionKey: "label",
@@ -13302,6 +13058,70 @@ const ChangeCity = prop => {
   }));
 };
 
+const ProfessionalChangeCity = prop => {
+  var _cities$map;
+  const {
+    t
+  } = useTranslation();
+  const {
+    data: cities,
+    isLoading
+  } = Digit.Hooks.useTenants();
+  const {
+    selectedCity,
+    userInfo
+  } = prop;
+  const cityOptions = (cities === null || cities === void 0 ? void 0 : (_cities$map = cities.map(city => ({
+    ...city,
+    displayName: t(city.i18nKey)
+  }))) === null || _cities$map === void 0 ? void 0 : _cities$map.filter(city => city.code !== "pb.punjab")) || [];
+  const roles = (userInfo === null || userInfo === void 0 ? void 0 : userInfo.roles) || [];
+  const hasBPAArchitect = roles.some(role => (role === null || role === void 0 ? void 0 : role.code) === "BPA_ARCHITECT");
+  let filteredCityOptions = cityOptions;
+  if (!hasBPAArchitect) {
+    const bpaRoles = roles.filter(role => {
+      var _role$code;
+      return role === null || role === void 0 ? void 0 : (_role$code = role.code) === null || _role$code === void 0 ? void 0 : _role$code.startsWith("BPA");
+    });
+    const allowedTenantIds = bpaRoles.map(role => role === null || role === void 0 ? void 0 : role.tenantId);
+    filteredCityOptions = cityOptions.filter(city => allowedTenantIds.includes(city === null || city === void 0 ? void 0 : city.code));
+  }
+  function setCity(city) {
+    Digit.SessionStorage.set("CITIZEN.COMMON.HOME.CITY", city);
+    localStorage.setItem("CITIZEN.CITY", city === null || city === void 0 ? void 0 : city.code);
+    window.location.reload();
+  }
+  console.log("filteredCityOptions", selectedCity);
+  const style = {
+    locationWrapper: {
+      width: "100%"
+    }
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: "location-wrapper",
+    style: style.locationWrapper
+  }, /*#__PURE__*/React.createElement("div", {
+    style: prop !== null && prop !== void 0 && prop.mobileView ? {
+      color: "#767676",
+      width: "100%",
+      height: "auto",
+      overflow: "visible"
+    } : {
+      width: "150px",
+      height: "auto",
+      paddingRight: "16px",
+      overflow: "visible"
+    }
+  }, !isLoading && /*#__PURE__*/React.createElement(Dropdown, {
+    option: filteredCityOptions,
+    optionKey: "displayName",
+    id: "city",
+    selected: selectedCity === null || selectedCity === void 0 ? void 0 : selectedCity.value,
+    select: setCity,
+    t: t
+  })));
+};
+
 const TextToImg = props => {
   var _props$name, _props$name$;
   return /*#__PURE__*/React.createElement("span", {
@@ -13326,7 +13146,7 @@ const TopBar = ({
   showLanguageChange: _showLanguageChange = true,
   setSideBarScrollTop
 }) => {
-  var _userDetails$info2, _ulbDetails$value, _ulbDetails$value2, _ulbDetails$value2$ci, _ulbDetails$value3, _cityDetails$city, _cityDetails$city2, _stateInfo$code, _userDetails$info3, _userDetails$info4, _userDetails$info4$us;
+  var _userDetails$info2, _ulbDetails$value, _ulbDetails$value2, _ulbDetails$value2$ci, _ulbDetails$value3, _Digit$UserService$ge3, _userInfo$roles, _cityDetails$city, _cityDetails$city2, _stateInfo$code, _userDetails$info3, _userDetails$info4, _userDetails$info4$us;
   const [profilePic, setProfilePic] = React.useState(null);
   React.useEffect(async () => {
     var _userDetails$info;
@@ -13407,6 +13227,11 @@ const TopBar = ({
   const ulbName = ulbDetails ? (ulbDetails === null || ulbDetails === void 0 ? void 0 : (_ulbDetails$value = ulbDetails.value) === null || _ulbDetails$value === void 0 ? void 0 : _ulbDetails$value.displayName) + " " + (ulbDetails === null || ulbDetails === void 0 ? void 0 : (_ulbDetails$value2 = ulbDetails.value) === null || _ulbDetails$value2 === void 0 ? void 0 : (_ulbDetails$value2$ci = _ulbDetails$value2.city) === null || _ulbDetails$value2$ci === void 0 ? void 0 : _ulbDetails$value2$ci.ulbType) : "";
   const ulbLogo = ulbDetails ? ulbDetails === null || ulbDetails === void 0 ? void 0 : (_ulbDetails$value3 = ulbDetails.value) === null || _ulbDetails$value3 === void 0 ? void 0 : _ulbDetails$value3.logoId : "https://raw.githubusercontent.com/anujkit/msevaImages/refs/heads/main/download.png";
   const isLoggedIn = !!(userDetails !== null && userDetails !== void 0 && userDetails.access_token);
+  const userInfo = (_Digit$UserService$ge3 = Digit.UserService.getUser()) === null || _Digit$UserService$ge3 === void 0 ? void 0 : _Digit$UserService$ge3.info;
+  const isUserProfessional = window.location.href.includes("/citizen") && (userInfo === null || userInfo === void 0 ? void 0 : (_userInfo$roles = userInfo.roles) === null || _userInfo$roles === void 0 ? void 0 : _userInfo$roles.some(role => {
+    var _role$code;
+    return role === null || role === void 0 ? void 0 : (_role$code = role.code) === null || _role$code === void 0 ? void 0 : _role$code.startsWith("BPA");
+  }));
   if (CITIZEN) {
     return /*#__PURE__*/React.createElement("div", {
       className: "navbar",
@@ -13455,7 +13280,14 @@ const TopBar = ({
       style: {
         marginTop: "20px"
       }
-    }), !urlsToDisableNotificationIcon(pathname) && /*#__PURE__*/React.createElement("div", {
+    }), isUserProfessional && /*#__PURE__*/React.createElement("div", {
+      className: "left"
+    }, !window.location.href.includes("employee/user/login") && !window.location.href.includes("employee/user/language-selection") && /*#__PURE__*/React.createElement(ProfessionalChangeCity, {
+      dropdown: true,
+      t: t,
+      selectedCity: ulbDetails,
+      userInfo: userInfo
+    })), !urlsToDisableNotificationIcon(pathname) && /*#__PURE__*/React.createElement("div", {
       className: "notification-wrapper",
       onClick: onNotificationIconClick
     }, notificationCountLoaded && unreadNotificationCount ? /*#__PURE__*/React.createElement("span", {
@@ -13506,7 +13338,7 @@ const TopBar = ({
     t: t
   })), (userDetails === null || userDetails === void 0 ? void 0 : userDetails.access_token) && /*#__PURE__*/React.createElement("div", {
     className: "left"
-  }, /*#__PURE__*/React.createElement(Dropdown$1, {
+  }, /*#__PURE__*/React.createElement(Dropdown, {
     option: userOptions,
     optionKey: "name",
     select: handleUserDropdownSelection,
@@ -14976,7 +14808,6 @@ const UserProfile = ({
   const [userDetails, setUserDetails] = useState(null);
   const [name, setName] = useState(userInfo !== null && userInfo !== void 0 && userInfo.name ? userInfo === null || userInfo === void 0 ? void 0 : userInfo.name : "");
   const dateOfBirth = userDetails === null || userDetails === void 0 ? void 0 : userDetails.dob;
-  console.log("ddd", dateOfBirth);
   const formattedDob = dateOfBirth !== undefined ? format(new Date(dateOfBirth), "MM/dd/yyyy") : "";
   const [dob, setDob] = useState(dateOfBirth);
   const [email, setEmail] = useState(userInfo !== null && userInfo !== void 0 && userInfo.emailId ? userInfo === null || userInfo === void 0 ? void 0 : userInfo.emailId : "");
@@ -15053,11 +14884,9 @@ const UserProfile = ({
       return [];
     }
   }, [StateData, isStateLoading]);
-  console.log("uniqueDistricts", uniqueDistrictsCorrespondent, selectedCorrespondentState);
   useEffect(() => {
     if (typeof selectedState === "string" && (stateOptions === null || stateOptions === void 0 ? void 0 : stateOptions.length) > 0) {
       const state = stateOptions.find(state => state.state_name === selectedState);
-      console.log("stateData", stateOptions, state, selectedState);
       setSelectedState(state);
     }
   }, [selectedState, stateOptions]);
@@ -15079,8 +14908,8 @@ const UserProfile = ({
       setSelectedDistrict(state);
     }
   }, [selectedDistrict, uniqueDistricts]);
-  useEffect(() => {
-    var _userDetails$photo;
+  useEffect(async () => {
+    var _userDetails$photo, _userDetails$photo$sp, _thumbs$images;
     setLoading(true);
     getUserInfo();
     setGender({
@@ -15100,8 +14929,9 @@ const UserProfile = ({
     if (userDetails !== null && userDetails !== void 0 && userDetails.isAddressSame) {
       setIsAddressSame(userDetails === null || userDetails === void 0 ? void 0 : userDetails.isAddressSame);
     }
-    const thumbs = userDetails === null || userDetails === void 0 ? void 0 : (_userDetails$photo = userDetails.photo) === null || _userDetails$photo === void 0 ? void 0 : _userDetails$photo.split(",");
-    setProfileImg(thumbs === null || thumbs === void 0 ? void 0 : thumbs.at(0));
+    const imgFileStoreId = userDetails === null || userDetails === void 0 ? void 0 : (_userDetails$photo = userDetails.photo) === null || _userDetails$photo === void 0 ? void 0 : (_userDetails$photo$sp = _userDetails$photo.split(",")) === null || _userDetails$photo$sp === void 0 ? void 0 : _userDetails$photo$sp.at(0);
+    const thumbs = imgFileStoreId ? await getThumbnails([imgFileStoreId], stateId) : null;
+    setProfileImg(thumbs === null || thumbs === void 0 ? void 0 : (_thumbs$images = thumbs.images) === null || _thumbs$images === void 0 ? void 0 : _thumbs$images[0]);
     setLoading(false);
   }, [userDetails !== null]);
   let validation = {};
@@ -15273,7 +15103,6 @@ const UserProfile = ({
             message: t("CORE_COMMON_DOB_REQUIRED")
           });
         } else {
-          console.log("requestData.dob", requestData.dob);
           const [dd, mm, yyyy] = requestData.dob.split("/");
           const dobDate = new Date(`${yyyy}-${mm}-${dd}`);
           const today = new Date();
@@ -15393,17 +15222,22 @@ const UserProfile = ({
       if (responseInfo && responseInfo.status === "200") {
         const _user = Digit.UserService.getUser();
         if (_user) {
+          const userObject = {
+            ..._user.info,
+            name,
+            mobileNumber,
+            emailId: email,
+            permanentCity: city,
+            photo: profileImg
+          };
           Digit.UserService.setUser({
             ..._user,
             info: {
-              ..._user.info,
-              name,
-              mobileNumber,
-              emailId: email,
-              permanentCity: city,
-              photo: profileImg
+              ...userObject
             }
           });
+          localStorage.setItem("user-info", JSON.stringify(userObject));
+          localStorage.setItem("Citizen.user-info", JSON.stringify(userObject));
         }
       }
       if (currentPassword.length && newPassword.length && confirmPassword.length) {
@@ -15471,9 +15305,10 @@ const UserProfile = ({
     });
   });
   const setFileStoreId = async fileStoreId => {
+    var _thumbnails$images;
     setProfilePic(fileStoreId);
     const thumbnails = fileStoreId ? await getThumbnails([fileStoreId], stateId) : null;
-    setProfileImg(thumbnails === null || thumbnails === void 0 ? void 0 : thumbnails.thumbs[0]);
+    setProfileImg(thumbnails === null || thumbnails === void 0 ? void 0 : (_thumbnails$images = thumbnails.images) === null || _thumbnails$images === void 0 ? void 0 : _thumbnails$images[0]);
     closeFileUploadDrawer();
   };
   function selectPermanentAddress(e) {
@@ -15519,7 +15354,6 @@ const UserProfile = ({
     }
   };
   if (loading) return /*#__PURE__*/React.createElement(Loader, null);
-  console.log("stateOptions", stateOptions);
   return /*#__PURE__*/React.createElement("div", {
     className: "user-profile"
   }, /*#__PURE__*/React.createElement("section", {
@@ -15572,12 +15406,12 @@ const UserProfile = ({
     type: "tel",
     title: t("CORE_COMMON_PROFILE_NAME_ERROR_MESSAGE")
   }, {
-    disable:  isUserArchitect
+    disable: editScreen
   }))), /*#__PURE__*/React.createElement("div", {
     className: "user-profile-field-wrapper"
   }, /*#__PURE__*/React.createElement(CardLabel$1, {
     className: "user-profile-label"
-  }, `${t("CORE_COMMON_PROFILE_GENDER")}`), /*#__PURE__*/React.createElement(Dropdown$1, {
+  }, `${t("CORE_COMMON_PROFILE_GENDER")}`), /*#__PURE__*/React.createElement(Dropdown, {
     selected: (gender === null || gender === void 0 ? void 0 : gender.length) === 1 ? gender[0] : gender,
     disable: (gender === null || gender === void 0 ? void 0 : gender.length) === 1 || editScreen,
     option: menu,
@@ -15650,18 +15484,17 @@ const UserProfile = ({
     className: "user-profile-field-wrapper"
   }, /*#__PURE__*/React.createElement(CardLabel$1, {
     className: "user-profile-label"
-  }, t("BPA_STATE_TYPE"), "*"), /*#__PURE__*/React.createElement(Dropdown$1, {
+  }, t("BPA_STATE_TYPE"), "*"), /*#__PURE__*/React.createElement(Dropdown, {
     t: t,
     optionKey: "state_name",
     option: (stateOptions === null || stateOptions === void 0 ? void 0 : stateOptions.sort((a, b) => a.state_name.localeCompare(b.state_name))) || [],
     selected: selectedState,
-    select: SelectState,
-    disable: true
+    select: SelectState
   })), /*#__PURE__*/React.createElement("div", {
     className: "user-profile-field-wrapper"
   }, /*#__PURE__*/React.createElement(CardLabel$1, {
     className: "user-profile-label"
-  }, t("BPA_DISTRICT_TYPE"), "*"), /*#__PURE__*/React.createElement(Dropdown$1, {
+  }, t("BPA_DISTRICT_TYPE"), "*"), /*#__PURE__*/React.createElement(Dropdown, {
     t: t,
     optionKey: "district_name_english",
     option: (uniqueDistricts === null || uniqueDistricts === void 0 ? void 0 : uniqueDistricts.sort((a, b) => a.district_name_english.localeCompare(b.district_name_english))) || [],
@@ -15714,7 +15547,7 @@ const UserProfile = ({
     className: "user-profile-field-wrapper"
   }, /*#__PURE__*/React.createElement(CardLabel$1, {
     className: "user-profile-label"
-  }, t("BPA_STATE_TYPE"), "*"), /*#__PURE__*/React.createElement(Dropdown$1, {
+  }, t("BPA_STATE_TYPE"), "*"), /*#__PURE__*/React.createElement(Dropdown, {
     t: t,
     optionKey: "state_name",
     option: (stateOptions === null || stateOptions === void 0 ? void 0 : stateOptions.sort((a, b) => a.state_name.localeCompare(b.state_name))) || [],
@@ -15725,7 +15558,7 @@ const UserProfile = ({
     className: "user-profile-field-wrapper"
   }, /*#__PURE__*/React.createElement(CardLabel$1, {
     className: "user-profile-label"
-  }, t("BPA_DISTRICT_TYPE"), "*"), /*#__PURE__*/React.createElement(Dropdown$1, {
+  }, t("BPA_DISTRICT_TYPE"), "*"), /*#__PURE__*/React.createElement(Dropdown, {
     t: t,
     optionKey: "district_name_english",
     option: (uniqueDistrictsCorrespondent === null || uniqueDistrictsCorrespondent === void 0 ? void 0 : uniqueDistrictsCorrespondent.sort((a, b) => a.district_name_english.localeCompare(b.district_name_english))) || [],
@@ -15773,7 +15606,7 @@ const UserProfile = ({
     className: "user-profile-label-field-pair-flex"
   }, /*#__PURE__*/React.createElement(CardLabel$1, {
     className: "profile-label-margin user-profile-label-style-employee"
-  }, `${t("CORE_COMMON_PROFILE_GENDER")}`), /*#__PURE__*/React.createElement(Dropdown$1, {
+  }, `${t("CORE_COMMON_PROFILE_GENDER")}`), /*#__PURE__*/React.createElement(Dropdown, {
     selected: (gender === null || gender === void 0 ? void 0 : gender.length) === 1 ? gender[0] : gender,
     disable: (gender === null || gender === void 0 ? void 0 : gender.length) === 1 || editScreen,
     option: menu,
@@ -17175,6 +17008,7 @@ const LocationSelect = ({
   onLocationChange,
   selectedCity
 }) => {
+  var _cities$map;
   const {
     t
   } = useTranslation();
@@ -17182,10 +17016,10 @@ const LocationSelect = ({
     data: cities,
     isLoading
   } = Digit.Hooks.useTenants();
-  const cityOptions = (cities === null || cities === void 0 ? void 0 : cities.map(city => ({
+  const cityOptions = (cities === null || cities === void 0 ? void 0 : (_cities$map = cities.map(city => ({
     ...city,
     displayName: t(city.i18nKey)
-  }))) || [];
+  }))) === null || _cities$map === void 0 ? void 0 : _cities$map.filter(city => city.code != "pb.punjab")) || [];
   function setCity(city) {
     Digit.SessionStorage.set("CITIZEN.COMMON.HOME.CITY", city);
     localStorage.setItem("CITIZEN.CITY", city === null || city === void 0 ? void 0 : city.code);
@@ -17203,7 +17037,7 @@ const LocationSelect = ({
       style: style.locationWrapper
     }, /*#__PURE__*/React.createElement("div", {
       className: "label"
-    }, t("CS_COMMON_CHOOSE_LOCATION"), /*#__PURE__*/React.createElement("span", null, " *")), !isLoading && /*#__PURE__*/React.createElement(Dropdown$1, {
+    }, t("CS_COMMON_CHOOSE_LOCATION"), /*#__PURE__*/React.createElement("span", null, " *")), !isLoading && /*#__PURE__*/React.createElement(Dropdown, {
       option: cityOptions,
       optionKey: "displayName",
       id: "city",
@@ -18016,13 +17850,13 @@ const NewRegistration = ({
     className: "location-wrapper"
   }, /*#__PURE__*/React.createElement("div", {
     className: "label"
-  }, t("CORE_COMMON_GENDER"), /*#__PURE__*/React.createElement("span", null, " *")), /*#__PURE__*/React.createElement(Dropdown$1, {
+  }, t("CORE_COMMON_GENDER"), /*#__PURE__*/React.createElement("span", null, " *")), /*#__PURE__*/React.createElement(Dropdown, {
     option: genders,
     optionKey: "name",
     id: "name",
     selected: getGender,
     select: setGender,
-    placeholder: t("COMMON_TABLE_SEARCH")
+    placeholder: t("CORE_COMMON_GENDER")
   })), step === "FORM" && /*#__PURE__*/React.createElement(RegistrationForm, {
     onRegisterSubmit: onRegisterSubmit,
     onAgeError: onAgeError,
@@ -21483,12 +21317,6 @@ const Home$1 = ({
     }, /*#__PURE__*/React.createElement(Route, {
       key: index,
       path: `${path}/${code.toLowerCase()}-home`
-    }, /*#__PURE__*/React.createElement("div", {
-      style: {
-        display: "flex",
-        flexDirection: "column",
-        width: "100%"
-      }
     }, /*#__PURE__*/React.createElement("div", {
       className: "moduleLinkHomePage",
       style: {
@@ -21572,7 +21400,7 @@ const Home$1 = ({
         text: t(`BPA_CITIZEN_HOME_STAKEHOLDER_INCLUDES_INFO_LABEL`)
       }) : null,
       isInfo: code === "OBPS" ? true : false
-    })))))), /*#__PURE__*/React.createElement(Route, {
+    }))))), /*#__PURE__*/React.createElement(Route, {
       key: "faq" + index,
       path: `${path}/${code.toLowerCase()}-faq`
     }, /*#__PURE__*/React.createElement(FAQsSection, {