npm - oa-componentbook - Versions diffs - 1.0.1-stage.405 → 1.0.1-stage.407 - Mend

oa-componentbook 1.0.1-stage.405 → 1.0.1-stage.407

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (10) hide show

package/build/layout/EntityOverviewLayout/EntityOverviewLayout.js CHANGED Viewed

@@ -9,6 +9,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = EntityOverviewLayout;
 require("core-js/modules/web.dom-collections.iterator.js");
 require("core-js/modules/es.promise.js");
+require("core-js/modules/es.json.stringify.js");
 var _react = _interopRequireWildcard(require("react"));
 var _entityOverviewLayoutReducer = require("./reducer/entityOverviewLayoutReducer");
 var _GlobalCss = _interopRequireDefault(require("../../global-css/GlobalCss"));
@@ -43,7 +44,8 @@ function EntityOverviewLayout(_ref) {
       addUserClick,
       deleteUserClick,
       editUserClick,
-      handleDrawerData
+      handleDrawerData,
+      handleSwitchSelectItem
     }
   } = _ref;
   const [state, dispatch] = (0, _react.useReducer)(_entityOverviewLayoutReducer.entityOverviewLayoutReducer, config !== null && config !== void 0 ? config : _entityOverviewLayoutReducer.initialState);
@@ -125,6 +127,30 @@ function EntityOverviewLayout(_ref) {
       type: _entityOverviewLayoutReducer.actionTypes.CLOSE_DRAWER
     });
   };
+  const handleSwitchSelectItemInternal = async selectedValue => {
+    console.log(selectedValue, "selectedValue");
+    if (selectedValue) {
+      var _data$listData;
+      // Call the external handler to get new data based on selected value
+      const {
+        error,
+        data
+      } = await (handleSwitchSelectItem === null || handleSwitchSelectItem === void 0 ? void 0 : handleSwitchSelectItem(selectedValue));
+      console.log(data, "apidata");
+      let selectedItem = data === null || data === void 0 ? void 0 : data.data;
+      const selectedData = data === null || data === void 0 || (_data$listData = data.listData) === null || _data$listData === void 0 ? void 0 : _data$listData.find(enterprise => enterprise.enterpriseId === selectedValue);
+      sessionStorage.setItem("selectedEnterprise", JSON.stringify(selectedData));
+      if (error) {
+        showErrorNotification(error);
+      } else {
+        console.log(data, "data");
+        dispatch({
+          type: _entityOverviewLayoutReducer.actionTypes.UPDATE_PROFILE_DATA,
+          payload: selectedItem
+        });
+      }
+    }
+  };
   const handleActionClick = (actionType, actionData) => {
     var _config$drawer, _drawerDetailData$dat, _state$drawer;
     switch (actionType) {
@@ -186,7 +212,8 @@ function EntityOverviewLayout(_ref) {
       rows: 1
     }
   }, /*#__PURE__*/_react.default.createElement(_ProfileDataWidget.default, _extends({}, profileData === null || profileData === void 0 ? void 0 : profileData.data, {
-    alignProfile: profileData === null || profileData === void 0 ? void 0 : profileData.alignProfile
+    alignProfile: profileData === null || profileData === void 0 ? void 0 : profileData.alignProfile,
+    handleSwitchSelectItem: handleSwitchSelectItemInternal
   }))), (accordionData === null || accordionData === void 0 ? void 0 : accordionData.visible) && Array.isArray(accordionData === null || accordionData === void 0 ? void 0 : accordionData.data) && /*#__PURE__*/_react.default.createElement(_antd.Skeleton, {
     loading: state === null || state === void 0 ? void 0 : state.isLoading,
     active: true,

package/build/layout/EntityOverviewLayout/reducer/entityOverviewLayoutReducer.js CHANGED Viewed

@@ -18,7 +18,8 @@ const actionTypes = exports.actionTypes = {
   SET_MISC: 'SET_MISC',
   SET_DRAWER: 'SET_DRAWER',
   TOGGLE_DRAWER: 'TOGGLE_DRAWER',
-  CLOSE_DRAWER: 'CLOSE_DRAWER'
+  CLOSE_DRAWER: 'CLOSE_DRAWER',
+  UPDATE_PROFILE_DATA: 'UPDATE_PROFILE_DATA'
 };
 const initialState = exports.initialState = {};
 const entityOverviewLayoutReducer = (state, action) => {
@@ -33,6 +34,10 @@ const entityOverviewLayoutReducer = (state, action) => {
       return _objectSpread(_objectSpread({}, state), {}, {
         profileData: _objectSpread(_objectSpread({}, state.profileData), action.payload)
       });
+    case actionTypes.UPDATE_PROFILE_DATA:
+      return _objectSpread(_objectSpread({}, state), {}, {
+        profileData: action.payload
+      });
     case actionTypes.SET_MISC:
       return _objectSpread(_objectSpread({}, state), {}, {
         misc: _objectSpread(_objectSpread({}, state.misc), action.payload)

package/build/layout/GenricLayOut/GenricLayOut.js CHANGED Viewed

@@ -53,7 +53,7 @@ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key i
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); } /* eslint-disable */
 function GenricLayOut(_ref) {
-  var _state$misc22, _sidebar$mobileMenuIt, _imageViewer$content, _imageViewer$content2, _leftHeaderFirstButto, _leftHeaderFirstButto2, _infoPanel$data, _infoPanel$data2, _infoPanel$data3, _infoPanel$data4, _infoPanel$data5, _state$customDrawer3, _state$customDrawer4, _tabs$list, _tables$columns3, _tables$columns4, _tabs$active3, _state$tables4, _tables$selectionType, _tabs$active4, _tables$selectionType2, _tables$pagination17, _drawer$data, _tabs$active5, _drawer$data$drawer$a, _drawer$data2, _tabs$active6, _tabs$active7, _nestedDrawer$data, _nestedDrawer$data$ca, _nestedDrawer$data2, _customDrawer$data, _customDrawer$data2, _contentPanel$dataSou, _tables$tableFooter, _tables$selectedRowKe, _tables$tableFooter2, _tables$tableFooter3, _tables$tableFooter5;
+  var _state$misc29, _sidebar$mobileMenuIt, _imageViewer$content, _imageViewer$content2, _leftHeaderFirstButto, _leftHeaderFirstButto2, _infoPanel$data, _infoPanel$data2, _infoPanel$data3, _infoPanel$data4, _infoPanel$data5, _state$customDrawer3, _state$customDrawer4, _tabs$list, _tables$columns3, _tables$columns4, _tabs$active3, _state$tables4, _tables$selectionType, _tabs$active4, _tables$selectionType2, _tables$pagination17, _drawer$data, _tabs$active5, _drawer$data$drawer$a, _drawer$data2, _tabs$active6, _tabs$active7, _nestedDrawer$data, _nestedDrawer$data$ca, _nestedDrawer$data2, _customDrawer$data, _customDrawer$data2, _contentPanel$dataSou, _tables$tableFooter, _tables$selectedRowKe, _tables$tableFooter2, _tables$tableFooter3, _tables$tableFooter5;
   let {
     config,
     getInitialData,
@@ -80,7 +80,8 @@ function GenricLayOut(_ref) {
       handleSubHeadingSelectClick,
       handleCollapsibleKeyData,
       handleProfileReroute,
-      handleTableFooterApi
+      handleTableFooterApi,
+      handleSwitchSelectItem
     } = {}
   } = _ref;
   const [state, dispatch] = (0, _react.useReducer)(_layoutReducer.genericLayoutReducer, config !== null && config !== void 0 ? config : _layoutReducer.initialState);
@@ -135,6 +136,23 @@ function GenricLayOut(_ref) {
     };
   }, [headerButtons]);
+  // Check for notification data after component mounts (after reload)
+  (0, _react.useEffect)(() => {
+    const notificationData = sessionStorage.getItem("showEnterpriseNotification");
+    if (notificationData) {
+      try {
+        const {
+          message
+        } = JSON.parse(notificationData);
+        showSuccessNotification(message);
+        sessionStorage.removeItem("showEnterpriseNotification");
+      } catch (error) {
+        console.error("Error parsing notification data:", error);
+        sessionStorage.removeItem("showEnterpriseNotification");
+      }
+    }
+  }, []);
   /**
    * Initializes the layout by fetching initial data and updating the state.
    *
@@ -148,14 +166,16 @@ function GenricLayOut(_ref) {
       type: _layoutReducer.actionTypes.SET_LOADING,
       payload: true
     });
+    console.log('here');
+    console.log(config === null || config === void 0 ? void 0 : config.misc, "config?.misc");
     if (getInitialData) {
-      var _config$tabs, _state$misc;
+      var _config$tabs, _config$misc;
       const {
         error,
         data
       } = await (getInitialData === null || getInitialData === void 0 ? void 0 : getInitialData(_objectSpread(_objectSpread({}, config !== null && config !== void 0 && (_config$tabs = config.tabs) !== null && _config$tabs !== void 0 && _config$tabs.active ? {
         selectedTab: config.tabs.active
-      } : {}), (_state$misc = state === null || state === void 0 ? void 0 : state.misc) !== null && _state$misc !== void 0 ? _state$misc : {})));
+      } : {}), (_config$misc = config === null || config === void 0 ? void 0 : config.misc) !== null && _config$misc !== void 0 ? _config$misc : {})));
       if (error) {
         showErrorNotification(error);
         const dynamicConfig = (0, _staticConfigResolver.default)(config, {});
@@ -256,7 +276,7 @@ function GenricLayOut(_ref) {
     });
     if (value === "") {
       if (handleInputSearchChange) {
-        var _state$inputSearch, _state$tabs, _customDrawer$applied, _config$tables, _config$tables2, _tables$sorting, _tables$sorting2, _header$subHeading, _header$subHeading2;
+        var _state$inputSearch, _state$tabs, _customDrawer$applied, _config$tables, _config$tables2, _tables$sorting, _tables$sorting2, _header$subHeading, _header$subHeading2, _state$misc;
         dispatch({
           type: _layoutReducer.actionTypes.SET_LOADING,
           payload: true
@@ -264,7 +284,7 @@ function GenricLayOut(_ref) {
         const {
           error,
           data
-        } = await handleInputSearchChange(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, state === null || state === void 0 || (_state$inputSearch = state.inputSearch) === null || _state$inputSearch === void 0 ? void 0 : _state$inputSearch.request), state !== null && state !== void 0 && (_state$tabs = state.tabs) !== null && _state$tabs !== void 0 && _state$tabs.active ? {
+        } = await handleInputSearchChange(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, state === null || state === void 0 || (_state$inputSearch = state.inputSearch) === null || _state$inputSearch === void 0 ? void 0 : _state$inputSearch.request), state !== null && state !== void 0 && (_state$tabs = state.tabs) !== null && _state$tabs !== void 0 && _state$tabs.active ? {
           selectedTab: state.tabs.active
         } : {}), (customDrawer === null || customDrawer === void 0 ? void 0 : customDrawer.appliedFilters) && Object.keys((_customDrawer$applied = customDrawer === null || customDrawer === void 0 ? void 0 : customDrawer.appliedFilters) !== null && _customDrawer$applied !== void 0 ? _customDrawer$applied : {}).length > 0 && _objectSpread({}, customDrawer === null || customDrawer === void 0 ? void 0 : customDrawer.appliedFilters)), {}, {
           current: config === null || config === void 0 || (_config$tables = config.tables) === null || _config$tables === void 0 || (_config$tables = _config$tables.pagination) === null || _config$tables === void 0 ? void 0 : _config$tables.current,
@@ -273,7 +293,7 @@ function GenricLayOut(_ref) {
           order: tables === null || tables === void 0 || (_tables$sorting2 = tables.sorting) === null || _tables$sorting2 === void 0 ? void 0 : _tables$sorting2.sortDirection
         }, (header === null || header === void 0 || (_header$subHeading = header.subHeading) === null || _header$subHeading === void 0 || (_header$subHeading = _header$subHeading.jsxConfig) === null || _header$subHeading === void 0 ? void 0 : _header$subHeading.type) == "select" ? {
           subHeadingSelectVal: header === null || header === void 0 || (_header$subHeading2 = header.subHeading) === null || _header$subHeading2 === void 0 || (_header$subHeading2 = _header$subHeading2.jsxConfig) === null || _header$subHeading2 === void 0 ? void 0 : _header$subHeading2.value
-        } : {}));
+        } : {}), (_state$misc = state === null || state === void 0 ? void 0 : state.misc) !== null && _state$misc !== void 0 ? _state$misc : {}));
         if (error) {
           showErrorNotification(error);
           dispatch({
@@ -334,11 +354,11 @@ function GenricLayOut(_ref) {
       payload: trimedValue
     });
     if (handleInputSearchEnter) {
-      var _state$tabs2, _config$tables5, _config$tables6, _tables$sorting3, _tables$sorting4, _customDrawer$applied2, _header$subHeading3, _header$subHeading4;
+      var _state$tabs2, _config$tables5, _config$tables6, _tables$sorting3, _tables$sorting4, _customDrawer$applied2, _header$subHeading3, _header$subHeading4, _state$misc2;
       const {
         error,
         data
-      } = await handleInputSearchEnter(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, state !== null && state !== void 0 && (_state$tabs2 = state.tabs) !== null && _state$tabs2 !== void 0 && _state$tabs2.active ? {
+      } = await handleInputSearchEnter(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, state !== null && state !== void 0 && (_state$tabs2 = state.tabs) !== null && _state$tabs2 !== void 0 && _state$tabs2.active ? {
         selectedTab: state.tabs.active
       } : {}), {}, {
         searchedValue: trimedValue,
@@ -350,7 +370,7 @@ function GenricLayOut(_ref) {
         queryField: inputSearch.queryField
       } : {}), (header === null || header === void 0 || (_header$subHeading3 = header.subHeading) === null || _header$subHeading3 === void 0 || (_header$subHeading3 = _header$subHeading3.jsxConfig) === null || _header$subHeading3 === void 0 ? void 0 : _header$subHeading3.type) == "select" ? {
         subHeadingSelectVal: header === null || header === void 0 || (_header$subHeading4 = header.subHeading) === null || _header$subHeading4 === void 0 || (_header$subHeading4 = _header$subHeading4.jsxConfig) === null || _header$subHeading4 === void 0 ? void 0 : _header$subHeading4.value
-      } : {}));
+      } : {}), (_state$misc2 = state === null || state === void 0 ? void 0 : state.misc) !== null && _state$misc2 !== void 0 ? _state$misc2 : {}));
       if (error) {
         showErrorNotification(error);
         dispatch({
@@ -401,7 +421,7 @@ function GenricLayOut(_ref) {
     });
     if (value === "") {
       if (handleDropdownSearchInputChange) {
-        var _state$tabs3, _config$tables9, _config$tables10, _tables$sorting5, _tables$sorting6, _tables$filter, _staticFilter$data2, _customDrawer$applied3, _header$subHeading5, _header$subHeading6, _state$misc2, _state$staticFilter$m, _state$staticFilter;
+        var _state$tabs3, _config$tables9, _config$tables10, _tables$sorting5, _tables$sorting6, _tables$filter, _staticFilter$data2, _customDrawer$applied3, _header$subHeading5, _header$subHeading6, _state$misc3, _state$staticFilter$m, _state$staticFilter;
         dispatch({
           type: _layoutReducer.actionTypes.SET_LOADING,
           payload: true
@@ -421,7 +441,7 @@ function GenricLayOut(_ref) {
           staticFilter: staticFilter.data.find(item => item.selected).value
         }), (customDrawer === null || customDrawer === void 0 ? void 0 : customDrawer.appliedFilters) && Object.keys((_customDrawer$applied3 = customDrawer === null || customDrawer === void 0 ? void 0 : customDrawer.appliedFilters) !== null && _customDrawer$applied3 !== void 0 ? _customDrawer$applied3 : {}).length > 0 && _objectSpread({}, customDrawer === null || customDrawer === void 0 ? void 0 : customDrawer.appliedFilters)), (header === null || header === void 0 || (_header$subHeading5 = header.subHeading) === null || _header$subHeading5 === void 0 || (_header$subHeading5 = _header$subHeading5.jsxConfig) === null || _header$subHeading5 === void 0 ? void 0 : _header$subHeading5.type) == "select" ? {
           subHeadingSelectVal: header === null || header === void 0 || (_header$subHeading6 = header.subHeading) === null || _header$subHeading6 === void 0 || (_header$subHeading6 = _header$subHeading6.jsxConfig) === null || _header$subHeading6 === void 0 ? void 0 : _header$subHeading6.value
-        } : {}), (_state$misc2 = state === null || state === void 0 ? void 0 : state.misc) !== null && _state$misc2 !== void 0 ? _state$misc2 : {}), {}, {
+        } : {}), (_state$misc3 = state === null || state === void 0 ? void 0 : state.misc) !== null && _state$misc3 !== void 0 ? _state$misc3 : {}), {}, {
           multiSelectValue: (_state$staticFilter$m = state === null || state === void 0 || (_state$staticFilter = state.staticFilter) === null || _state$staticFilter === void 0 ? void 0 : _state$staticFilter.multiSelectValue) !== null && _state$staticFilter$m !== void 0 ? _state$staticFilter$m : []
         }));
         if (error) {
@@ -493,7 +513,7 @@ function GenricLayOut(_ref) {
       payload: value
     });
     if (handleDropdownSearchEnter) {
-      var _state$tabs4, _config$tables13, _config$tables14, _tables$sorting7, _tables$sorting8, _tables$filter2, _staticFilter$data3, _customDrawer$applied4, _header$subHeading7, _header$subHeading8, _state$misc3, _state$staticFilter$m2, _state$staticFilter2;
+      var _state$tabs4, _config$tables13, _config$tables14, _tables$sorting7, _tables$sorting8, _tables$filter2, _staticFilter$data3, _customDrawer$applied4, _header$subHeading7, _header$subHeading8, _state$misc4, _state$staticFilter$m2, _state$staticFilter2;
       const {
         error,
         data
@@ -511,7 +531,7 @@ function GenricLayOut(_ref) {
         staticFilter: staticFilter.data.find(item => item.selected).value
       }), (customDrawer === null || customDrawer === void 0 ? void 0 : customDrawer.appliedFilters) && Object.keys((_customDrawer$applied4 = customDrawer === null || customDrawer === void 0 ? void 0 : customDrawer.appliedFilters) !== null && _customDrawer$applied4 !== void 0 ? _customDrawer$applied4 : {}).length > 0 && _objectSpread({}, customDrawer === null || customDrawer === void 0 ? void 0 : customDrawer.appliedFilters)), (header === null || header === void 0 || (_header$subHeading7 = header.subHeading) === null || _header$subHeading7 === void 0 || (_header$subHeading7 = _header$subHeading7.jsxConfig) === null || _header$subHeading7 === void 0 ? void 0 : _header$subHeading7.type) == "select" ? {
         subHeadingSelectVal: header === null || header === void 0 || (_header$subHeading8 = header.subHeading) === null || _header$subHeading8 === void 0 || (_header$subHeading8 = _header$subHeading8.jsxConfig) === null || _header$subHeading8 === void 0 ? void 0 : _header$subHeading8.value
-      } : {}), (_state$misc3 = state === null || state === void 0 ? void 0 : state.misc) !== null && _state$misc3 !== void 0 ? _state$misc3 : {}), {}, {
+      } : {}), (_state$misc4 = state === null || state === void 0 ? void 0 : state.misc) !== null && _state$misc4 !== void 0 ? _state$misc4 : {}), {}, {
         multiSelectValue: (_state$staticFilter$m2 = state === null || state === void 0 || (_state$staticFilter2 = state.staticFilter) === null || _state$staticFilter2 === void 0 ? void 0 : _state$staticFilter2.multiSelectValue) !== null && _state$staticFilter$m2 !== void 0 ? _state$staticFilter$m2 : []
       }));
       if (error) {
@@ -557,7 +577,7 @@ function GenricLayOut(_ref) {
       payload: option === null || option === void 0 ? void 0 : option.value
     });
     if (handleDropdownSearchOptionChange) {
-      var _config$tables17, _config$tables18, _staticFilter$data4, _customDrawer$applied5, _header$subHeading9, _header$subHeading10, _state$misc4, _state$staticFilter$m3, _state$staticFilter3;
+      var _config$tables17, _config$tables18, _staticFilter$data4, _customDrawer$applied5, _header$subHeading9, _header$subHeading10, _state$misc5, _state$staticFilter$m3, _state$staticFilter3;
       dispatch({
         type: _layoutReducer.actionTypes.SET_LOADING,
         payload: true
@@ -573,7 +593,7 @@ function GenricLayOut(_ref) {
         staticFilter: staticFilter.data.find(item => item.selected).value
       }), (customDrawer === null || customDrawer === void 0 ? void 0 : customDrawer.appliedFilters) && Object.keys((_customDrawer$applied5 = customDrawer === null || customDrawer === void 0 ? void 0 : customDrawer.appliedFilters) !== null && _customDrawer$applied5 !== void 0 ? _customDrawer$applied5 : {}).length > 0 && _objectSpread({}, customDrawer === null || customDrawer === void 0 ? void 0 : customDrawer.appliedFilters)), (header === null || header === void 0 || (_header$subHeading9 = header.subHeading) === null || _header$subHeading9 === void 0 || (_header$subHeading9 = _header$subHeading9.jsxConfig) === null || _header$subHeading9 === void 0 ? void 0 : _header$subHeading9.type) == "select" ? {
         subHeadingSelectVal: header === null || header === void 0 || (_header$subHeading10 = header.subHeading) === null || _header$subHeading10 === void 0 || (_header$subHeading10 = _header$subHeading10.jsxConfig) === null || _header$subHeading10 === void 0 ? void 0 : _header$subHeading10.value
-      } : {}), (_state$misc4 = state === null || state === void 0 ? void 0 : state.misc) !== null && _state$misc4 !== void 0 ? _state$misc4 : {}), {}, {
+      } : {}), (_state$misc5 = state === null || state === void 0 ? void 0 : state.misc) !== null && _state$misc5 !== void 0 ? _state$misc5 : {}), {}, {
         multiSelectValue: (_state$staticFilter$m3 = state === null || state === void 0 || (_state$staticFilter3 = state.staticFilter) === null || _state$staticFilter3 === void 0 ? void 0 : _state$staticFilter3.multiSelectValue) !== null && _state$staticFilter$m3 !== void 0 ? _state$staticFilter$m3 : []
       }));
       if (error) {
@@ -675,7 +695,7 @@ function GenricLayOut(_ref) {
       payload: null
     });
     if (handleDropdownSearchClear) {
-      var _state$tabs5, _config$tables21, _config$tables22, _tables$sorting9, _tables$sorting10, _tables$filter3, _staticFilter$data5, _customDrawer$applied6, _header$subHeading11, _header$subHeading12, _state$misc5, _state$staticFilter$m4, _state$staticFilter4;
+      var _state$tabs5, _config$tables21, _config$tables22, _tables$sorting9, _tables$sorting10, _tables$filter3, _staticFilter$data5, _customDrawer$applied6, _header$subHeading11, _header$subHeading12, _state$misc6, _state$staticFilter$m4, _state$staticFilter4;
       const {
         error,
         data
@@ -691,7 +711,7 @@ function GenricLayOut(_ref) {
         staticFilter: staticFilter.data.find(item => item.selected).value
       }), (customDrawer === null || customDrawer === void 0 ? void 0 : customDrawer.appliedFilters) && Object.keys((_customDrawer$applied6 = customDrawer === null || customDrawer === void 0 ? void 0 : customDrawer.appliedFilters) !== null && _customDrawer$applied6 !== void 0 ? _customDrawer$applied6 : {}).length > 0 && _objectSpread({}, customDrawer === null || customDrawer === void 0 ? void 0 : customDrawer.appliedFilters)), (header === null || header === void 0 || (_header$subHeading11 = header.subHeading) === null || _header$subHeading11 === void 0 || (_header$subHeading11 = _header$subHeading11.jsxConfig) === null || _header$subHeading11 === void 0 ? void 0 : _header$subHeading11.type) == "select" ? {
         subHeadingSelectVal: header === null || header === void 0 || (_header$subHeading12 = header.subHeading) === null || _header$subHeading12 === void 0 || (_header$subHeading12 = _header$subHeading12.jsxConfig) === null || _header$subHeading12 === void 0 ? void 0 : _header$subHeading12.value
-      } : {}), (_state$misc5 = state === null || state === void 0 ? void 0 : state.misc) !== null && _state$misc5 !== void 0 ? _state$misc5 : {}), {}, {
+      } : {}), (_state$misc6 = state === null || state === void 0 ? void 0 : state.misc) !== null && _state$misc6 !== void 0 ? _state$misc6 : {}), {}, {
         multiSelectValue: (_state$staticFilter$m4 = state === null || state === void 0 || (_state$staticFilter4 = state.staticFilter) === null || _state$staticFilter4 === void 0 ? void 0 : _state$staticFilter4.multiSelectValue) !== null && _state$staticFilter$m4 !== void 0 ? _state$staticFilter$m4 : []
       }));
       if (error) {
@@ -739,7 +759,7 @@ function GenricLayOut(_ref) {
       payload: null
     });
     if (handleInputSearchClear) {
-      var _state$tabs6, _config$tables25, _config$tables26, _tables$sorting11, _tables$sorting12, _customDrawer$applied7, _header$subHeading13, _header$subHeading14, _state$misc6;
+      var _state$tabs6, _config$tables25, _config$tables26, _tables$sorting11, _tables$sorting12, _customDrawer$applied7, _header$subHeading13, _header$subHeading14, _state$misc7;
       const {
         error,
         data
@@ -752,7 +772,7 @@ function GenricLayOut(_ref) {
         order: tables === null || tables === void 0 || (_tables$sorting12 = tables.sorting) === null || _tables$sorting12 === void 0 ? void 0 : _tables$sorting12.sortDirection
       }, (customDrawer === null || customDrawer === void 0 ? void 0 : customDrawer.appliedFilters) && Object.keys((_customDrawer$applied7 = customDrawer === null || customDrawer === void 0 ? void 0 : customDrawer.appliedFilters) !== null && _customDrawer$applied7 !== void 0 ? _customDrawer$applied7 : {}).length > 0 && _objectSpread({}, customDrawer === null || customDrawer === void 0 ? void 0 : customDrawer.appliedFilters)), (header === null || header === void 0 || (_header$subHeading13 = header.subHeading) === null || _header$subHeading13 === void 0 || (_header$subHeading13 = _header$subHeading13.jsxConfig) === null || _header$subHeading13 === void 0 ? void 0 : _header$subHeading13.type) == "select" ? {
         subHeadingSelectVal: header === null || header === void 0 || (_header$subHeading14 = header.subHeading) === null || _header$subHeading14 === void 0 || (_header$subHeading14 = _header$subHeading14.jsxConfig) === null || _header$subHeading14 === void 0 ? void 0 : _header$subHeading14.value
-      } : {}), (_state$misc6 = state === null || state === void 0 ? void 0 : state.misc) !== null && _state$misc6 !== void 0 ? _state$misc6 : {}));
+      } : {}), (_state$misc7 = state === null || state === void 0 ? void 0 : state.misc) !== null && _state$misc7 !== void 0 ? _state$misc7 : {}));
       if (error) {
         showErrorNotification(error);
         dispatch({
@@ -806,14 +826,14 @@ function GenricLayOut(_ref) {
     if ((configArgs === null || configArgs === void 0 ? void 0 : configArgs.action) === "OPEN_DRAWER_AND_FETCH") {
       const selectkey = optKey || (configArgs === null || configArgs === void 0 ? void 0 : configArgs.key);
       if (handleTableColumnClick) {
-        var _state$misc7;
+        var _state$misc8;
         const {
           error,
           data
         } = await (handleTableColumnClick === null || handleTableColumnClick === void 0 ? void 0 : handleTableColumnClick(_objectSpread({
           record: record,
           type: configArgs === null || configArgs === void 0 ? void 0 : configArgs.call
-        }, (_state$misc7 = state === null || state === void 0 ? void 0 : state.misc) !== null && _state$misc7 !== void 0 ? _state$misc7 : {})));
+        }, (_state$misc8 = state === null || state === void 0 ? void 0 : state.misc) !== null && _state$misc8 !== void 0 ? _state$misc8 : {})));
         if (error) {
           showErrorNotification(error);
         } else {
@@ -848,12 +868,13 @@ function GenricLayOut(_ref) {
       }
     } else if ((configArgs === null || configArgs === void 0 ? void 0 : configArgs.action) === "EXPORT_DATA") {
       if (handleSecondaryTableCTAClick) {
+        var _state$misc9;
         const {
           error,
           data
-        } = await (handleSecondaryTableCTAClick === null || handleSecondaryTableCTAClick === void 0 ? void 0 : handleSecondaryTableCTAClick({
+        } = await (handleSecondaryTableCTAClick === null || handleSecondaryTableCTAClick === void 0 ? void 0 : handleSecondaryTableCTAClick(_objectSpread({
           rentalId: record === null || record === void 0 ? void 0 : record.rentalId
-        }));
+        }, (_state$misc9 = state === null || state === void 0 ? void 0 : state.misc) !== null && _state$misc9 !== void 0 ? _state$misc9 : {})));
         if (error) {
           showErrorNotification(error);
         } else {
@@ -862,20 +883,22 @@ function GenricLayOut(_ref) {
       }
     } else if ((configArgs === null || configArgs === void 0 ? void 0 : configArgs.action) === "OPEN_URL_IN_NEW_TAB") {
       if (handleTableColumnClick) {
-        handleTableColumnClick === null || handleTableColumnClick === void 0 || handleTableColumnClick({
+        var _state$misc10;
+        handleTableColumnClick === null || handleTableColumnClick === void 0 || handleTableColumnClick(_objectSpread({
           record: record,
           type: configArgs === null || configArgs === void 0 ? void 0 : configArgs.call
-        });
+        }, (_state$misc10 = state === null || state === void 0 ? void 0 : state.misc) !== null && _state$misc10 !== void 0 ? _state$misc10 : {}));
       }
     } else if ((configArgs === null || configArgs === void 0 ? void 0 : configArgs.action) === "OPEN_MODAL") {
       if (handleTableColumnClick) {
+        var _state$misc11;
         const {
           error,
           data
-        } = await (handleTableColumnClick === null || handleTableColumnClick === void 0 ? void 0 : handleTableColumnClick({
+        } = await (handleTableColumnClick === null || handleTableColumnClick === void 0 ? void 0 : handleTableColumnClick(_objectSpread({
           record: record,
           type: configArgs === null || configArgs === void 0 ? void 0 : configArgs.call
-        }));
+        }, (_state$misc11 = state === null || state === void 0 ? void 0 : state.misc) !== null && _state$misc11 !== void 0 ? _state$misc11 : {})));
         if (error) {
           showErrorNotification(error);
         } else {
@@ -894,13 +917,14 @@ function GenricLayOut(_ref) {
       }
     } else if ((configArgs === null || configArgs === void 0 ? void 0 : configArgs.action) === "ACTION_ON_CTA") {
       if (handleActionOnTableCTAClick) {
+        var _state$misc12;
         const {
           error,
           data
-        } = await (handleActionOnTableCTAClick === null || handleActionOnTableCTAClick === void 0 ? void 0 : handleActionOnTableCTAClick({
+        } = await (handleActionOnTableCTAClick === null || handleActionOnTableCTAClick === void 0 ? void 0 : handleActionOnTableCTAClick(_objectSpread({
           record: record,
           type: configArgs === null || configArgs === void 0 ? void 0 : configArgs.call
-        }));
+        }, (_state$misc12 = state === null || state === void 0 ? void 0 : state.misc) !== null && _state$misc12 !== void 0 ? _state$misc12 : {})));
         if (error) {
           showErrorNotification(error);
         } else {
@@ -910,13 +934,14 @@ function GenricLayOut(_ref) {
       }
     } else if ((configArgs === null || configArgs === void 0 ? void 0 : configArgs.action) === "VIEW_PHOTO") {
       if (handleTableColumnClick) {
+        var _state$misc13;
         const {
           error,
           data
-        } = await (handleTableColumnClick === null || handleTableColumnClick === void 0 ? void 0 : handleTableColumnClick({
+        } = await (handleTableColumnClick === null || handleTableColumnClick === void 0 ? void 0 : handleTableColumnClick(_objectSpread({
           record: record,
           type: configArgs === null || configArgs === void 0 ? void 0 : configArgs.call
-        }));
+        }, (_state$misc13 = state === null || state === void 0 ? void 0 : state.misc) !== null && _state$misc13 !== void 0 ? _state$misc13 : {})));
         if (error) {
           showErrorNotification(error);
         } else {
@@ -1096,7 +1121,7 @@ function GenricLayOut(_ref) {
       }
     });
     if (handleTableChange) {
-      var _state$dropdownSearch3, _state$inputSearch4, _state$tabs8, _header$subHeading15, _header$subHeading16, _staticFilter$data6, _customDrawer$applied8, _state$misc8, _state$staticFilter$m5, _state$staticFilter5;
+      var _state$dropdownSearch3, _state$inputSearch4, _state$tabs8, _header$subHeading15, _header$subHeading16, _staticFilter$data6, _customDrawer$applied8, _state$misc14, _state$staticFilter$m5, _state$staticFilter5;
       dispatch({
         type: _layoutReducer.actionTypes.SET_LOADING,
         payload: true
@@ -1121,7 +1146,7 @@ function GenricLayOut(_ref) {
         staticFilter: staticFilter.data.find(item => item.selected).value
       }), (customDrawer === null || customDrawer === void 0 ? void 0 : customDrawer.appliedFilters) && Object.keys((_customDrawer$applied8 = customDrawer === null || customDrawer === void 0 ? void 0 : customDrawer.appliedFilters) !== null && _customDrawer$applied8 !== void 0 ? _customDrawer$applied8 : {}).length > 0 && _objectSpread({}, customDrawer === null || customDrawer === void 0 ? void 0 : customDrawer.appliedFilters)), {}, {
         order: (sorter === null || sorter === void 0 ? void 0 : sorter.order) === "ascend" && "ASC" || (sorter === null || sorter === void 0 ? void 0 : sorter.order) === "descend" && "DESC" || ""
-      }, (_state$misc8 = state === null || state === void 0 ? void 0 : state.misc) !== null && _state$misc8 !== void 0 ? _state$misc8 : {}), {}, {
+      }, (_state$misc14 = state === null || state === void 0 ? void 0 : state.misc) !== null && _state$misc14 !== void 0 ? _state$misc14 : {}), {}, {
         multiSelectValue: (_state$staticFilter$m5 = state === null || state === void 0 || (_state$staticFilter5 = state.staticFilter) === null || _state$staticFilter5 === void 0 ? void 0 : _state$staticFilter5.multiSelectValue) !== null && _state$staticFilter$m5 !== void 0 ? _state$staticFilter$m5 : []
       }));
       if (error) {
@@ -1204,7 +1229,7 @@ function GenricLayOut(_ref) {
     });
     const selectedStaticFilterValue = tables !== null && tables !== void 0 && tables.staticFilterKey && (tables === null || tables === void 0 ? void 0 : tables.staticFilterKey) == key && Array.isArray(staticFilter.data) ? (_staticFilter$data$fi2 = staticFilter.data.find(item => item.selected)) === null || _staticFilter$data$fi2 === void 0 ? void 0 : _staticFilter$data$fi2.value : undefined;
     if (handleTabClick) {
-      var _state$misc9, _tables$pagination, _tables$pagination2, _tables$sorting13, _tables$sorting14, _state$dropdownSearch4, _header$subHeading17, _header$subHeading18, _customDrawer$applied9, _state$misc10, _state$staticFilter$m6, _state$staticFilter6;
+      var _state$misc15, _tables$pagination, _tables$pagination2, _tables$sorting13, _tables$sorting14, _state$dropdownSearch4, _header$subHeading17, _header$subHeading18, _customDrawer$applied9, _state$misc16, _state$staticFilter$m6, _state$staticFilter6;
       dispatch({
         type: _layoutReducer.actionTypes.SET_LOADING,
         payload: true
@@ -1212,7 +1237,7 @@ function GenricLayOut(_ref) {
       const {
         error,
         data
-      } = await handleTabClick(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, (_state$misc9 = state === null || state === void 0 ? void 0 : state.misc) !== null && _state$misc9 !== void 0 ? _state$misc9 : {}), {}, {
+      } = await handleTabClick(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, (_state$misc15 = state === null || state === void 0 ? void 0 : state.misc) !== null && _state$misc15 !== void 0 ? _state$misc15 : {}), {}, {
         selectedTab: key,
         current: tables === null || tables === void 0 || (_tables$pagination = tables.pagination) === null || _tables$pagination === void 0 ? void 0 : _tables$pagination.current,
         pageSize: tables === null || tables === void 0 || (_tables$pagination2 = tables.pagination) === null || _tables$pagination2 === void 0 ? void 0 : _tables$pagination2.pageSize,
@@ -1226,7 +1251,7 @@ function GenricLayOut(_ref) {
         selectedOption: state.dropdownSearch.selectedOption
       }), (header === null || header === void 0 || (_header$subHeading17 = header.subHeading) === null || _header$subHeading17 === void 0 || (_header$subHeading17 = _header$subHeading17.jsxConfig) === null || _header$subHeading17 === void 0 ? void 0 : _header$subHeading17.type) == "select" ? {
         subHeadingSelectVal: header === null || header === void 0 || (_header$subHeading18 = header.subHeading) === null || _header$subHeading18 === void 0 || (_header$subHeading18 = _header$subHeading18.jsxConfig) === null || _header$subHeading18 === void 0 ? void 0 : _header$subHeading18.value
-      } : {}), (customDrawer === null || customDrawer === void 0 ? void 0 : customDrawer.appliedFilters) && Object.keys((_customDrawer$applied9 = customDrawer === null || customDrawer === void 0 ? void 0 : customDrawer.appliedFilters) !== null && _customDrawer$applied9 !== void 0 ? _customDrawer$applied9 : {}).length > 0 && _objectSpread({}, customDrawer === null || customDrawer === void 0 ? void 0 : customDrawer.appliedFilters)), (_state$misc10 = state === null || state === void 0 ? void 0 : state.misc) !== null && _state$misc10 !== void 0 ? _state$misc10 : {}), {}, {
+      } : {}), (customDrawer === null || customDrawer === void 0 ? void 0 : customDrawer.appliedFilters) && Object.keys((_customDrawer$applied9 = customDrawer === null || customDrawer === void 0 ? void 0 : customDrawer.appliedFilters) !== null && _customDrawer$applied9 !== void 0 ? _customDrawer$applied9 : {}).length > 0 && _objectSpread({}, customDrawer === null || customDrawer === void 0 ? void 0 : customDrawer.appliedFilters)), (_state$misc16 = state === null || state === void 0 ? void 0 : state.misc) !== null && _state$misc16 !== void 0 ? _state$misc16 : {}), {}, {
         multiSelectValue: (_state$staticFilter$m6 = state === null || state === void 0 || (_state$staticFilter6 = state.staticFilter) === null || _state$staticFilter6 === void 0 ? void 0 : _state$staticFilter6.multiSelectValue) !== null && _state$staticFilter$m6 !== void 0 ? _state$staticFilter$m6 : []
       }));
       if (error) {
@@ -1322,11 +1347,11 @@ function GenricLayOut(_ref) {
       return;
     }
     if (handleDrawerFormOnFinish) {
-      var _state$misc11;
+      var _state$misc17;
       const {
         error,
         data
-      } = await (handleDrawerFormOnFinish === null || handleDrawerFormOnFinish === void 0 ? void 0 : handleDrawerFormOnFinish(_objectSpread(_objectSpread(_objectSpread({}, record), formData), (_state$misc11 = state === null || state === void 0 ? void 0 : state.misc) !== null && _state$misc11 !== void 0 ? _state$misc11 : {})));
+      } = await (handleDrawerFormOnFinish === null || handleDrawerFormOnFinish === void 0 ? void 0 : handleDrawerFormOnFinish(_objectSpread(_objectSpread(_objectSpread({}, record), formData), (_state$misc17 = state === null || state === void 0 ? void 0 : state.misc) !== null && _state$misc17 !== void 0 ? _state$misc17 : {})));
       if (error) {
         showErrorNotification(error);
       } else {
@@ -1350,7 +1375,7 @@ function GenricLayOut(_ref) {
     // If there are remaining filters, reapply them
     if (Object.keys(currentFilters).length > 0) {
-      var _state$dropdownSearch5, _state$inputSearch5, _state$tabs11, _tables$pagination3, _tables$pagination4, _tables$filter6, _tables$sorting15, _header$subHeading19, _header$subHeading20, _staticFilter$data7, _tables$sorting16, _state$misc12, _state$staticFilter$m7, _state$staticFilter7;
+      var _state$dropdownSearch5, _state$inputSearch5, _state$tabs11, _tables$pagination3, _tables$pagination4, _tables$filter6, _tables$sorting15, _header$subHeading19, _header$subHeading20, _staticFilter$data7, _tables$sorting16, _state$misc18, _state$staticFilter$m7, _state$staticFilter7;
       const {
         error,
         data
@@ -1376,7 +1401,7 @@ function GenricLayOut(_ref) {
         staticFilter: staticFilter.data.find(item => item.selected).value
       }), {}, {
         order: tables === null || tables === void 0 || (_tables$sorting16 = tables.sorting) === null || _tables$sorting16 === void 0 ? void 0 : _tables$sorting16.sortDirection
-      }, (_state$misc12 = state === null || state === void 0 ? void 0 : state.misc) !== null && _state$misc12 !== void 0 ? _state$misc12 : {}), {}, {
+      }, (_state$misc18 = state === null || state === void 0 ? void 0 : state.misc) !== null && _state$misc18 !== void 0 ? _state$misc18 : {}), {}, {
         multiSelectValue: (_state$staticFilter$m7 = state === null || state === void 0 || (_state$staticFilter7 = state.staticFilter) === null || _state$staticFilter7 === void 0 ? void 0 : _state$staticFilter7.multiSelectValue) !== null && _state$staticFilter$m7 !== void 0 ? _state$staticFilter$m7 : []
       }));
       if (error) {
@@ -1410,7 +1435,7 @@ function GenricLayOut(_ref) {
   const filterFormOnFinish = async formData => {
     // Check if this is a cancel/clear action - check both buttonClickType and the actual button data
     if (formData.type === "FILTER-CANCEL") {
-      var _state$dropdownSearch6, _state$inputSearch6, _state$tabs12, _tables$pagination5, _tables$pagination6, _tables$filter7, _tables$sorting17, _header$subHeading21, _header$subHeading22, _staticFilter$data8, _tables$sorting18, _state$misc13, _state$staticFilter$m8, _state$staticFilter8;
+      var _state$dropdownSearch6, _state$inputSearch6, _state$tabs12, _tables$pagination5, _tables$pagination6, _tables$filter7, _tables$sorting17, _header$subHeading21, _header$subHeading22, _staticFilter$data8, _tables$sorting18, _state$misc19, _state$staticFilter$m8, _state$staticFilter8;
       if (isFiltersEmpty(customDrawer === null || customDrawer === void 0 ? void 0 : customDrawer.appliedFilters)) {
         dispatch({
           type: _layoutReducer.actionTypes.CUSTOM_DRAWER_CLOSED
@@ -1439,7 +1464,7 @@ function GenricLayOut(_ref) {
         staticFilter: staticFilter.data.find(item => item.selected).value
       }), {}, {
         order: tables === null || tables === void 0 || (_tables$sorting18 = tables.sorting) === null || _tables$sorting18 === void 0 ? void 0 : _tables$sorting18.sortDirection
-      }, (_state$misc13 = state === null || state === void 0 ? void 0 : state.misc) !== null && _state$misc13 !== void 0 ? _state$misc13 : {}), {}, {
+      }, (_state$misc19 = state === null || state === void 0 ? void 0 : state.misc) !== null && _state$misc19 !== void 0 ? _state$misc19 : {}), {}, {
         multiSelectValue: (_state$staticFilter$m8 = state === null || state === void 0 || (_state$staticFilter8 = state.staticFilter) === null || _state$staticFilter8 === void 0 ? void 0 : _state$staticFilter8.multiSelectValue) !== null && _state$staticFilter$m8 !== void 0 ? _state$staticFilter$m8 : []
       }));
       if (error) {
@@ -1489,7 +1514,7 @@ function GenricLayOut(_ref) {
     // Only process filter data if this is actually a filter drawer
     if (formData.type === "FILTER-SUBMIT") {
-      var _state$dropdownSearch7, _state$inputSearch7, _ref4, _appliedFilters$filte, _state$tabs13, _config$tables29, _config$tables30, _tables$filter8, _tables$sorting19, _header$subHeading23, _header$subHeading24, _staticFilter$data9, _tables$sorting20, _state$misc14, _state$staticFilter$m9, _state$staticFilter9;
+      var _state$dropdownSearch7, _state$inputSearch7, _ref4, _appliedFilters$filte, _state$tabs13, _config$tables29, _config$tables30, _tables$filter8, _tables$sorting19, _header$subHeading23, _header$subHeading24, _staticFilter$data9, _tables$sorting20, _state$misc20, _state$staticFilter$m9, _state$staticFilter9;
       const appliedFilters = {};
       Object.keys(formData).forEach(key => {
         const value = formData[key];
@@ -1528,7 +1553,7 @@ function GenricLayOut(_ref) {
         staticFilter: staticFilter.data.find(item => item.selected).value
       }), {}, {
         order: tables === null || tables === void 0 || (_tables$sorting20 = tables.sorting) === null || _tables$sorting20 === void 0 ? void 0 : _tables$sorting20.sortDirection
-      }, (_state$misc14 = state === null || state === void 0 ? void 0 : state.misc) !== null && _state$misc14 !== void 0 ? _state$misc14 : {}), {}, {
+      }, (_state$misc20 = state === null || state === void 0 ? void 0 : state.misc) !== null && _state$misc20 !== void 0 ? _state$misc20 : {}), {}, {
         multiSelectValue: (_state$staticFilter$m9 = state === null || state === void 0 || (_state$staticFilter9 = state.staticFilter) === null || _state$staticFilter9 === void 0 ? void 0 : _state$staticFilter9.multiSelectValue) !== null && _state$staticFilter$m9 !== void 0 ? _state$staticFilter$m9 : []
       }));
       if (error) {
@@ -1583,7 +1608,7 @@ function GenricLayOut(_ref) {
         }
       });
       if (handleSecondaryTableCTAClick) {
-        var _state$dropdownSearch8, _state$inputSearch8, _state$tabs14, _tables$pagination7, _tables$pagination8, _tables$filter9, _tables$sorting21, _tables$sorting22, _header$subHeading25, _header$subHeading26, _staticFilter$data10, _state$misc15, _state$staticFilter$m10, _state$staticFilter10;
+        var _state$dropdownSearch8, _state$inputSearch8, _state$tabs14, _tables$pagination7, _tables$pagination8, _tables$filter9, _tables$sorting21, _tables$sorting22, _header$subHeading25, _header$subHeading26, _staticFilter$data10, _state$misc21, _state$staticFilter$m10, _state$staticFilter10;
         const {
           error,
           data
@@ -1608,7 +1633,7 @@ function GenricLayOut(_ref) {
           toDate: formData === null || formData === void 0 ? void 0 : formData.toDate
         }, appliedFilters), (formData === null || formData === void 0 ? void 0 : formData.exportType) && {
           exportType: formData === null || formData === void 0 ? void 0 : formData.exportType
-        }), (_state$misc15 = state === null || state === void 0 ? void 0 : state.misc) !== null && _state$misc15 !== void 0 ? _state$misc15 : {}), {}, {
+        }), (_state$misc21 = state === null || state === void 0 ? void 0 : state.misc) !== null && _state$misc21 !== void 0 ? _state$misc21 : {}), {}, {
           multiSelectValue: (_state$staticFilter$m10 = state === null || state === void 0 || (_state$staticFilter10 = state.staticFilter) === null || _state$staticFilter10 === void 0 ? void 0 : _state$staticFilter10.multiSelectValue) !== null && _state$staticFilter$m10 !== void 0 ? _state$staticFilter$m10 : []
         })));
         if (error) {
@@ -1624,7 +1649,7 @@ function GenricLayOut(_ref) {
     }
   };
   const onClearAllAppliedFilters = async () => {
-    var _state$dropdownSearch9, _state$inputSearch9, _state$tabs15, _tables$pagination9, _tables$pagination10, _tables$filter10, _tables$sorting23, _header$subHeading27, _header$subHeading28, _staticFilter$data11, _tables$sorting24, _state$misc16, _state$staticFilter$m11, _state$staticFilter11;
+    var _state$dropdownSearch9, _state$inputSearch9, _state$tabs15, _tables$pagination9, _tables$pagination10, _tables$filter10, _tables$sorting23, _header$subHeading27, _header$subHeading28, _staticFilter$data11, _tables$sorting24, _state$misc22, _state$staticFilter$m11, _state$staticFilter11;
     const {
       error,
       data
@@ -1647,7 +1672,7 @@ function GenricLayOut(_ref) {
       staticFilter: staticFilter.data.find(item => item.selected).value
     }), {}, {
       order: tables === null || tables === void 0 || (_tables$sorting24 = tables.sorting) === null || _tables$sorting24 === void 0 ? void 0 : _tables$sorting24.sortDirection
-    }, (_state$misc16 = state === null || state === void 0 ? void 0 : state.misc) !== null && _state$misc16 !== void 0 ? _state$misc16 : {}), {}, {
+    }, (_state$misc22 = state === null || state === void 0 ? void 0 : state.misc) !== null && _state$misc22 !== void 0 ? _state$misc22 : {}), {}, {
       multiSelectValue: (_state$staticFilter$m11 = state === null || state === void 0 || (_state$staticFilter11 = state.staticFilter) === null || _state$staticFilter11 === void 0 ? void 0 : _state$staticFilter11.multiSelectValue) !== null && _state$staticFilter$m11 !== void 0 ? _state$staticFilter$m11 : []
     }));
     if (error) {
@@ -1706,14 +1731,14 @@ function GenricLayOut(_ref) {
       return;
     } else if (action === "CLOSE_MODAL_AND_FETCH") {
       if (handleModalCloseSuccess) {
-        var _stateRef$current, _state$misc17;
+        var _stateRef$current, _state$misc23;
         const {
           error,
           data
         } = await (handleModalCloseSuccess === null || handleModalCloseSuccess === void 0 ? void 0 : handleModalCloseSuccess(_objectSpread({
           modalValue: stateRef === null || stateRef === void 0 || (_stateRef$current = stateRef.current) === null || _stateRef$current === void 0 || (_stateRef$current = _stateRef$current.modal) === null || _stateRef$current === void 0 ? void 0 : _stateRef$current.value,
           call: buttonConfig === null || buttonConfig === void 0 ? void 0 : buttonConfig.call
-        }, (_state$misc17 = state === null || state === void 0 ? void 0 : state.misc) !== null && _state$misc17 !== void 0 ? _state$misc17 : {})));
+        }, (_state$misc23 = state === null || state === void 0 ? void 0 : state.misc) !== null && _state$misc23 !== void 0 ? _state$misc23 : {})));
         if (error) {
           showErrorNotification(error);
         } else {
@@ -1727,10 +1752,11 @@ function GenricLayOut(_ref) {
       }
     } else {
       if (handleDrawerFormOnFinish) {
-        var _state$tables$selecte, _state$tables3;
+        var _state$tables$selecte, _state$tables3, _state$misc24;
         let req = {};
         req.type = "APPROVE";
         req.orderUUID = (_state$tables$selecte = state === null || state === void 0 || (_state$tables3 = state.tables) === null || _state$tables3 === void 0 || (_state$tables3 = _state$tables3.selectedRowKeys) === null || _state$tables3 === void 0 ? void 0 : _state$tables3.map(item => item.orderUUID)) !== null && _state$tables$selecte !== void 0 ? _state$tables$selecte : [];
+        req.misc = (_state$misc24 = state === null || state === void 0 ? void 0 : state.misc) !== null && _state$misc24 !== void 0 ? _state$misc24 : {};
         const {
           error,
           data
@@ -1830,7 +1856,7 @@ function GenricLayOut(_ref) {
   };
   const rightHeaderSecondButtonClick = async () => {
     if ((rightHeaderSecondButton === null || rightHeaderSecondButton === void 0 ? void 0 : rightHeaderSecondButton.action) === "RESET_CUSTOM_DRAWER") {
-      var _state$dropdownSearch10, _state$inputSearch10, _state$tabs16, _tables$pagination11, _tables$pagination12, _tables$filter11, _tables$sorting25, _header$subHeading29, _header$subHeading30, _staticFilter$data12, _tables$sorting26, _state$misc18, _state$staticFilter$m12, _state$staticFilter12;
+      var _state$dropdownSearch10, _state$inputSearch10, _state$tabs16, _tables$pagination11, _tables$pagination12, _tables$filter11, _tables$sorting25, _header$subHeading29, _header$subHeading30, _staticFilter$data12, _tables$sorting26, _state$misc25, _state$staticFilter$m12, _state$staticFilter12;
       const {
         error,
         data
@@ -1853,7 +1879,7 @@ function GenricLayOut(_ref) {
         staticFilter: staticFilter.data.find(item => item.selected).value
       }), {}, {
         order: tables === null || tables === void 0 || (_tables$sorting26 = tables.sorting) === null || _tables$sorting26 === void 0 ? void 0 : _tables$sorting26.sortDirection
-      }, (_state$misc18 = state === null || state === void 0 ? void 0 : state.misc) !== null && _state$misc18 !== void 0 ? _state$misc18 : {}), {}, {
+      }, (_state$misc25 = state === null || state === void 0 ? void 0 : state.misc) !== null && _state$misc25 !== void 0 ? _state$misc25 : {}), {}, {
         multiSelectValue: (_state$staticFilter$m12 = state === null || state === void 0 || (_state$staticFilter12 = state.staticFilter) === null || _state$staticFilter12 === void 0 ? void 0 : _state$staticFilter12.multiSelectValue) !== null && _state$staticFilter$m12 !== void 0 ? _state$staticFilter$m12 : []
       }));
       if (error) {
@@ -1906,7 +1932,7 @@ function GenricLayOut(_ref) {
   };
   const handleSubHeadingSelect = async val => {
     if (val) {
-      var _state$tabs17, _tables$pagination13, _tables$pagination14, _state$misc19;
+      var _state$tabs17, _tables$pagination13, _tables$pagination14, _state$misc26;
       dispatch({
         type: _layoutReducer.actionTypes.SET_SUBHEADING_SELECTED_CONFIG,
         payload: val
@@ -1920,7 +1946,7 @@ function GenricLayOut(_ref) {
         current: tables === null || tables === void 0 || (_tables$pagination13 = tables.pagination) === null || _tables$pagination13 === void 0 ? void 0 : _tables$pagination13.current,
         pageSize: tables === null || tables === void 0 || (_tables$pagination14 = tables.pagination) === null || _tables$pagination14 === void 0 ? void 0 : _tables$pagination14.pageSize,
         subHeadingSelectVal: val
-      }, (_state$misc19 = state === null || state === void 0 ? void 0 : state.misc) !== null && _state$misc19 !== void 0 ? _state$misc19 : {}));
+      }, (_state$misc26 = state === null || state === void 0 ? void 0 : state.misc) !== null && _state$misc26 !== void 0 ? _state$misc26 : {}));
       if (error) {
         showErrorNotification(error);
         dispatch({
@@ -1956,7 +1982,7 @@ function GenricLayOut(_ref) {
     // Call the handler if provided
     if (handleTableChange) {
-      var _state$dropdownSearch11, _state$inputSearch11, _state$tabs18, _tables$pagination15, _tables$sorting27, _tables$sorting28, _header$subHeading31, _header$subHeading32, _customDrawer$applied10, _state$misc20;
+      var _state$dropdownSearch11, _state$inputSearch11, _state$tabs18, _tables$pagination15, _tables$sorting27, _tables$sorting28, _header$subHeading31, _header$subHeading32, _customDrawer$applied10, _state$misc27;
       dispatch({
         type: _layoutReducer.actionTypes.SET_LOADING,
         payload: true
@@ -1979,7 +2005,7 @@ function GenricLayOut(_ref) {
         order: tables === null || tables === void 0 || (_tables$sorting28 = tables.sorting) === null || _tables$sorting28 === void 0 ? void 0 : _tables$sorting28.sortDirection
       }, (header === null || header === void 0 || (_header$subHeading31 = header.subHeading) === null || _header$subHeading31 === void 0 || (_header$subHeading31 = _header$subHeading31.jsxConfig) === null || _header$subHeading31 === void 0 ? void 0 : _header$subHeading31.type) == "select" ? {
         subHeadingSelectVal: header === null || header === void 0 || (_header$subHeading32 = header.subHeading) === null || _header$subHeading32 === void 0 || (_header$subHeading32 = _header$subHeading32.jsxConfig) === null || _header$subHeading32 === void 0 ? void 0 : _header$subHeading32.value
-      } : {}), (customDrawer === null || customDrawer === void 0 ? void 0 : customDrawer.appliedFilters) && Object.keys((_customDrawer$applied10 = customDrawer === null || customDrawer === void 0 ? void 0 : customDrawer.appliedFilters) !== null && _customDrawer$applied10 !== void 0 ? _customDrawer$applied10 : {}).length > 0 && _objectSpread({}, customDrawer === null || customDrawer === void 0 ? void 0 : customDrawer.appliedFilters)), (_state$misc20 = state === null || state === void 0 ? void 0 : state.misc) !== null && _state$misc20 !== void 0 ? _state$misc20 : {}), {}, {
+      } : {}), (customDrawer === null || customDrawer === void 0 ? void 0 : customDrawer.appliedFilters) && Object.keys((_customDrawer$applied10 = customDrawer === null || customDrawer === void 0 ? void 0 : customDrawer.appliedFilters) !== null && _customDrawer$applied10 !== void 0 ? _customDrawer$applied10 : {}).length > 0 && _objectSpread({}, customDrawer === null || customDrawer === void 0 ? void 0 : customDrawer.appliedFilters)), (_state$misc27 = state === null || state === void 0 ? void 0 : state.misc) !== null && _state$misc27 !== void 0 ? _state$misc27 : {}), {}, {
         staticFilter: filterValue,
         // Pass static filter value
         multiSelectValue: multiSelectValue
@@ -2023,7 +2049,7 @@ function GenricLayOut(_ref) {
       }
     });
     if (handleTableChange) {
-      var _state$dropdownSearch12, _state$inputSearch12, _state$tabs19, _tables$filter12, _tables$sorting29, _tables$sorting30, _header$subHeading33, _header$subHeading34, _staticFilter$data13, _customDrawer$applied11, _state$misc21, _state$staticFilter$m13, _state$staticFilter13;
+      var _state$dropdownSearch12, _state$inputSearch12, _state$tabs19, _tables$filter12, _tables$sorting29, _tables$sorting30, _header$subHeading33, _header$subHeading34, _staticFilter$data13, _customDrawer$applied11, _state$misc28, _state$staticFilter$m13, _state$staticFilter13;
       const {
         error,
         data
@@ -2043,7 +2069,7 @@ function GenricLayOut(_ref) {
         subHeadingSelectVal: header === null || header === void 0 || (_header$subHeading34 = header.subHeading) === null || _header$subHeading34 === void 0 || (_header$subHeading34 = _header$subHeading34.jsxConfig) === null || _header$subHeading34 === void 0 ? void 0 : _header$subHeading34.value
       } : {}), (staticFilter === null || staticFilter === void 0 ? void 0 : staticFilter.visible) && ((_staticFilter$data13 = staticFilter.data) === null || _staticFilter$data13 === void 0 || (_staticFilter$data13 = _staticFilter$data13.find(item => item.selected)) === null || _staticFilter$data13 === void 0 ? void 0 : _staticFilter$data13.value) && {
         staticFilter: staticFilter.data.find(item => item.selected).value
-      }), (customDrawer === null || customDrawer === void 0 ? void 0 : customDrawer.appliedFilters) && Object.keys((_customDrawer$applied11 = customDrawer === null || customDrawer === void 0 ? void 0 : customDrawer.appliedFilters) !== null && _customDrawer$applied11 !== void 0 ? _customDrawer$applied11 : {}).length > 0 && _objectSpread({}, customDrawer === null || customDrawer === void 0 ? void 0 : customDrawer.appliedFilters)), (_state$misc21 = state === null || state === void 0 ? void 0 : state.misc) !== null && _state$misc21 !== void 0 ? _state$misc21 : {}), {}, {
+      }), (customDrawer === null || customDrawer === void 0 ? void 0 : customDrawer.appliedFilters) && Object.keys((_customDrawer$applied11 = customDrawer === null || customDrawer === void 0 ? void 0 : customDrawer.appliedFilters) !== null && _customDrawer$applied11 !== void 0 ? _customDrawer$applied11 : {}).length > 0 && _objectSpread({}, customDrawer === null || customDrawer === void 0 ? void 0 : customDrawer.appliedFilters)), (_state$misc28 = state === null || state === void 0 ? void 0 : state.misc) !== null && _state$misc28 !== void 0 ? _state$misc28 : {}), {}, {
         multiSelectValue: (_state$staticFilter$m13 = state === null || state === void 0 || (_state$staticFilter13 = state.staticFilter) === null || _state$staticFilter13 === void 0 ? void 0 : _state$staticFilter13.multiSelectValue) !== null && _state$staticFilter$m13 !== void 0 ? _state$staticFilter$m13 : []
       }));
       if (error) {
@@ -2074,7 +2100,7 @@ function GenricLayOut(_ref) {
   console.log(state, "GenricLayOutstate");
   return /*#__PURE__*/_react.default.createElement(_styles.OapageWithDataStyle, {
     marginBottom: infoPanel !== null && infoPanel !== void 0 && infoPanel.bottomMarginRequired ? "18px" : "0",
-    className: (state === null || state === void 0 || (_state$misc22 = state.misc) === null || _state$misc22 === void 0 ? void 0 : _state$misc22.flow) === "hubAutomation" ? "hubAutomationContainer" : ""
+    className: (state === null || state === void 0 || (_state$misc29 = state.misc) === null || _state$misc29 === void 0 ? void 0 : _state$misc29.flow) === "hubAutomation" ? "hubAutomationContainer" : ""
   }, /*#__PURE__*/_react.default.createElement(_styles.DrawerWithOutFooter, null), /*#__PURE__*/_react.default.createElement("div", {
     className: "fullPageLayout"
   }, /*#__PURE__*/_react.default.createElement(_GlobalCss.default, null, (sidebar === null || sidebar === void 0 ? void 0 : sidebar.visible) && /*#__PURE__*/_react.default.createElement(_antd.Skeleton, {
@@ -2347,7 +2373,8 @@ function GenricLayOut(_ref) {
       type: _layoutReducer.actionTypes.TOGGLE_MODAL,
       payload: false
     }),
-    onFooterAction: onClickModalFooter
+    onFooterAction: onClickModalFooter,
+    handleSwitchSelectItem: handleSwitchSelectItem
   }))), /*#__PURE__*/_react.default.createElement(_CustomNotification.default, {
     ref: notificationRef
   }))));

package/build/layout/GenricLayOut/components/Modal.js CHANGED Viewed

@@ -26,7 +26,8 @@ function LayoutModal(_ref) {
   let {
     modal,
     onCancel,
-    onFooterAction
+    onFooterAction,
+    handleSwitchSelectItem
   } = _ref;
   if (!(modal !== null && modal !== void 0 && modal.visible)) return null;
   const getModalButtonConfig = buttonConfig => buttonConfig === null || buttonConfig === void 0 ? void 0 : buttonConfig.map(button => _objectSpread(_objectSpread({}, button), {}, {
@@ -46,7 +47,8 @@ function LayoutModal(_ref) {
     } else if ((modal === null || modal === void 0 ? void 0 : modal.widget) === "selectListItem") {
       return /*#__PURE__*/_react.default.createElement(_SelectListItemModal.default, {
         modalContent: modal === null || modal === void 0 ? void 0 : modal.modalContent,
-        onItemSelect: item => onFooterAction("select", item)
+        onItemSelect: item => onFooterAction("select", item),
+        handleSwitchSelectItem: handleSwitchSelectItem
       });
     } else {
       var _modal$modalContent2, _modal$modalContent3, _modal$modalContent4, _modal$modalContent5, _modal$modalContent6, _modal$modalContent7, _modal$modalContent8, _modal$modalContent9, _modal$modalContent10, _modal$modalContent11, _modal$modalContent12, _modal$modalContent13;

package/build/layout/GenricLayOut/components/ProfileSection.js CHANGED Viewed

@@ -7,9 +7,13 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 require("core-js/modules/web.dom-collections.iterator.js");
 require("core-js/modules/es.string.trim.js");
+require("core-js/modules/es.json.stringify.js");
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _Typography = _interopRequireDefault(require("../../../components/oa-component-typography/Typography"));
+var _MaterialIcon = _interopRequireDefault(require("../../../components/oa-component-icons/MaterialIcon"));
+var _ChevronRight = _interopRequireDefault(require("@material-ui/icons/ChevronRight"));
+var _CustomButton = _interopRequireDefault(require("../../../components/oa-component-button/CustomButton"));
 var _styles = require("../styles");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
@@ -26,16 +30,20 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
  * @param {string} props.profileData.iconBgColor - Design token like 'primary'
  * @param {string} props.profileData.tooltipText - Text to display in the tooltip
  * @param {boolean} props.profileData.visible - Whether to show the profile section
+ * @param {string} props.profileData.behavior - 'reroute' or 'open-container'
+ * @param {Object} props.profileData.containerData - Data for container modal
  * @param {Function} props.onProfileClick - Function to call when profile is clicked
  *
  * @returns {JSX.Element} Profile section component
  */
 function ProfileSection(_ref) {
+  var _containerData$curren, _containerData$curren2, _containerData$curren3, _containerData$curren4;
   let {
     profileData,
     onProfileClick
   } = _ref;
   const [showTooltip, setShowTooltip] = (0, _react.useState)(false);
+  const [showContainer, setShowContainer] = (0, _react.useState)(false);
   if (!(profileData !== null && profileData !== void 0 && profileData.visible)) {
     return null;
   }
@@ -43,14 +51,59 @@ function ProfileSection(_ref) {
     iconText,
     iconColor,
     iconBgColor,
-    tooltipText
+    tooltipText,
+    behavior = "reroute",
+    containerData,
+    mwebTypographyType = "type-h2-500"
   } = profileData;
   const resolveToken = token => "var(--color-".concat(String(token || "").trim(), ")");
+  const handleProfileClick = () => {
+    if (behavior === "open-container") {
+      setShowContainer(true);
+    } else {
+      onProfileClick();
+    }
+  };
+  const handleListItemSelect = enterprise => {
+    // Store selected enterprise in session storage
+    sessionStorage.setItem("selectedEnterprise", JSON.stringify(enterprise));
+    // Store notification data for after reload
+    sessionStorage.setItem("showEnterpriseNotification", JSON.stringify({
+      message: "Successfully switched to another enterprise.",
+      type: "success"
+    }));
+    // Close container
+    setShowContainer(false);
+    // Reload the page immediately
+    window.location.reload();
+  };
+  const getEnterpriseAvatarStyle = index => {
+    if (containerData !== null && containerData !== void 0 && containerData.avatarColors && containerData.avatarColors.length > 0) {
+      // Use modulo to cycle through colors
+      const colorIndex = index % containerData.avatarColors.length;
+      return containerData.avatarColors[colorIndex];
+    }
+    // Fallback to enterprise's own color if no avatarColors provided
+    return {
+      backgroundColor: enterprise.iconBgColor || "#1890ff",
+      color: "#fff"
+    };
+  };
+  const handleManageProfile = () => {
+    setShowContainer(false);
+    if (containerData !== null && containerData !== void 0 && containerData.manageProfileReroute) {
+      window.location.href = containerData.manageProfileReroute;
+    }
+  };
   return /*#__PURE__*/_react.default.createElement(_styles.ProfileSectionContainer, null, /*#__PURE__*/_react.default.createElement("div", {
     className: "profile-icon-container",
     onMouseEnter: () => setShowTooltip(true),
     onMouseLeave: () => setShowTooltip(false),
-    onClick: onProfileClick
+    onClick: handleProfileClick
   }, /*#__PURE__*/_react.default.createElement(_styles.ProfileIcon, {
     style: {
       backgroundColor: resolveToken(iconBgColor),
@@ -58,11 +111,58 @@ function ProfileSection(_ref) {
     }
   }, /*#__PURE__*/_react.default.createElement(_Typography.default, {
     color: "white",
-    typography: "type-h2-500"
-  }, iconText)), showTooltip && /*#__PURE__*/_react.default.createElement(_styles.Tooltip, null, /*#__PURE__*/_react.default.createElement(_Typography.default, {
+    typography: mwebTypographyType
+  }, iconText)), showTooltip && tooltipText && /*#__PURE__*/_react.default.createElement(_styles.Tooltip, null, /*#__PURE__*/_react.default.createElement(_Typography.default, {
     color: "white",
     typography: "type-b2-400"
-  }, tooltipText))));
+  }, tooltipText))), showContainer && containerData && /*#__PURE__*/_react.default.createElement(_styles.ProfileContainerOverlay, {
+    onClick: () => setShowContainer(false),
+    onMouseDown: e => e.target === e.currentTarget && setShowContainer(false)
+  }, /*#__PURE__*/_react.default.createElement(_styles.ProfileContainerModal, {
+    onClick: e => e.stopPropagation()
+  }, /*#__PURE__*/_react.default.createElement(_styles.CurrentProfileSection, null, /*#__PURE__*/_react.default.createElement(_styles.ProfileInfoContainer, null, /*#__PURE__*/_react.default.createElement(_styles.ProfileAvatar, {
+    style: {
+      backgroundColor: resolveToken(((_containerData$curren = containerData.currentProfile) === null || _containerData$curren === void 0 ? void 0 : _containerData$curren.iconBgColor) || "primary"),
+      color: resolveToken(((_containerData$curren2 = containerData.currentProfile) === null || _containerData$curren2 === void 0 ? void 0 : _containerData$curren2.iconColor) || "white"),
+      fontSize: "25px",
+      fontWeight: "500"
+    }
+  }, ((_containerData$curren3 = containerData.currentProfile) === null || _containerData$curren3 === void 0 ? void 0 : _containerData$curren3.iconText) || iconText), /*#__PURE__*/_react.default.createElement(_styles.ProfileNameContainer, null, /*#__PURE__*/_react.default.createElement(_Typography.default, {
+    color: "primary-content",
+    typography: "type-t2-700"
+  }, ((_containerData$curren4 = containerData.currentProfile) === null || _containerData$curren4 === void 0 ? void 0 : _containerData$curren4.name) || "Current Profile"), /*#__PURE__*/_react.default.createElement(_CustomButton.default, {
+    label: "Manage Profile",
+    type: "secondary",
+    onClick: handleManageProfile,
+    style: {
+      width: "fit-content"
+    }
+  })))), containerData.listItems && containerData.listItems.length > 0 && /*#__PURE__*/_react.default.createElement(_styles.EnterpriseSection, null, /*#__PURE__*/_react.default.createElement(_Typography.default, {
+    color: "primary-content",
+    typography: "type-t2-700",
+    style: {
+      marginBottom: "16px"
+    }
+  }, "Switch to Another Enterprise"), /*#__PURE__*/_react.default.createElement(_styles.EnterpriseList, null, containerData.listItems.map((enterprise, index) => {
+    const avatarStyle = getEnterpriseAvatarStyle(index);
+    return /*#__PURE__*/_react.default.createElement(_styles.EnterpriseItem, {
+      key: index,
+      onClick: () => handleListItemSelect(enterprise)
+    }, /*#__PURE__*/_react.default.createElement(_styles.EnterpriseAvatar, {
+      style: {
+        backgroundColor: avatarStyle.backgroundColor,
+        color: avatarStyle.color
+      }
+    }, /*#__PURE__*/_react.default.createElement(_Typography.default, {
+      typography: "type-h2-500"
+    }, enterprise.iconText)), /*#__PURE__*/_react.default.createElement(_styles.EnterpriseContent, null, /*#__PURE__*/_react.default.createElement(_Typography.default, {
+      typography: "type-t2-700"
+    }, enterprise.name)), /*#__PURE__*/_react.default.createElement(_styles.EnterpriseArrow, null, /*#__PURE__*/_react.default.createElement(_MaterialIcon.default, {
+      icon: _ChevronRight.default,
+      size: 20,
+      color: "primary"
+    })));
+  }))))));
 }
 ProfileSection.propTypes = {
   profileData: _propTypes.default.shape({
@@ -70,9 +170,31 @@ ProfileSection.propTypes = {
     iconText: _propTypes.default.string,
     iconColor: _propTypes.default.string,
     iconBgColor: _propTypes.default.string,
-    tooltipText: _propTypes.default.string
+    tooltipText: _propTypes.default.string,
+    mwebTypographyType: _propTypes.default.string,
+    behavior: _propTypes.default.oneOf(["reroute", "open-container"]),
+    containerData: _propTypes.default.shape({
+      currentProfile: _propTypes.default.shape({
+        name: _propTypes.default.string,
+        iconText: _propTypes.default.string,
+        iconColor: _propTypes.default.string,
+        iconBgColor: _propTypes.default.string
+      }),
+      avatarColors: _propTypes.default.arrayOf(_propTypes.default.shape({
+        backgroundColor: _propTypes.default.string,
+        color: _propTypes.default.string
+      })),
+      manageProfileReroute: _propTypes.default.string,
+      listItems: _propTypes.default.arrayOf(_propTypes.default.shape({
+        name: _propTypes.default.string,
+        iconText: _propTypes.default.string,
+        iconBgColor: _propTypes.default.string,
+        reroute: _propTypes.default.string
+      }))
+    })
   }),
-  onProfileClick: _propTypes.default.func
+  onProfileClick: _propTypes.default.func,
+  onShowNotification: _propTypes.default.func
 };
 ProfileSection.defaultProps = {
   profileData: {
@@ -80,8 +202,12 @@ ProfileSection.defaultProps = {
     iconText: "R",
     iconColor: "primary-content",
     iconBgColor: "primary",
-    tooltipText: "To manage the sub-admins, go to the Profile section."
+    tooltipText: "To manage the sub-admins, go to the Profile section.",
+    mwebTypographyType: "type-h2-500",
+    behavior: "reroute",
+    containerData: null
   },
-  onProfileClick: () => {}
+  onProfileClick: () => {},
+  onShowNotification: () => {}
 };
 var _default = exports.default = ProfileSection;

package/build/layout/GenricLayOut/styles.js CHANGED Viewed

@@ -5,9 +5,9 @@ require("core-js/modules/web.dom-collections.iterator.js");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.Tooltip = exports.TableDataStyle = exports.ProfileSectionContainer = exports.ProfileIcon = exports.OapageWithDataStyle = exports.ListofDamageParts = exports.IncidentListParts = exports.FormWidgetStyle = exports.DrawerWithOutFooter = void 0;
+exports.default = exports.Tooltip = exports.TableDataStyle = exports.ProfileSectionContainer = exports.ProfileNameContainer = exports.ProfileInfoContainer = exports.ProfileIcon = exports.ProfileContainerOverlay = exports.ProfileContainerModal = exports.ProfileAvatar = exports.OapageWithDataStyle = exports.ListofDamageParts = exports.IncidentListParts = exports.FormWidgetStyle = exports.EnterpriseSection = exports.EnterpriseList = exports.EnterpriseItem = exports.EnterpriseContent = exports.EnterpriseAvatar = exports.EnterpriseArrow = exports.DrawerWithOutFooter = exports.CurrentProfileSection = void 0;
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21;
 /* eslint-disable */
 // styles.js
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
@@ -16,7 +16,7 @@ function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(
 const DrawerWithOutFooter = exports.DrawerWithOutFooter = (0, _styledComponents.createGlobalStyle)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n.hubAutomationContainer .fullPageLayout {padding: 0 !important; background: #fff !important;}\n.hubAutomationContainer .fullPageLayout  .oaRightLayouts{\n    max-width: 1154px;\n    margin: 24px auto;\n    padding: 0 16px;\n    box-shadow: none;}\n.oaDrawer div + div.ant-drawer-body{padding-bottom:100px !important;}\n\n.ant-checkbox-indeterminate .ant-checkbox-inner:after {\n    background-color: #014fc5;\n}\n\n.ant-form-item .ant-form-item-label >label.ant-form-item-required::before {display:none;}\n.ant-form-item .ant-form-item-label >label.ant-form-item-required::after{ content: \"*\"; color: #DE350B; visibility: visible !important;}\n\n\n.cstUplaodWithFullWidth{margin-bottom:24px;}\n.cstUplaodWithFullWidth:last-child{margin-bottom:0;}\n.cstUplaodWithFullWidth .uploadDiv{width:100%;}\n.cstUplaodWithFullWidth .uploadDiv .ant-upload-list-item-container, .cstUplaodWithFullWidth .uploadDiv .ant-upload-wrapper .ant-upload-list-picture-card .ant-upload-select, .cstUplaodWithFullWidth .uploadDiv .ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item-container {\n     width: 100%; \n    height: 120px;\n}\n\n\n\n\n.oaDrawer .ant-form-item .ant-form-item-explain-error {\n    color: #DE350B;\n    font-size: 12px;\n    margin: 4px 0 0 0;\n}\n.bottomSelectedSecion{background: #F6F6F6; padding: 16px 36px; position: fixed; bottom: 0; left: 0; right: 0;\nbox-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.14);\n    display: flex; z-index: 2;\n    align-items: center;\n    justify-content: end;\n    gap: 24px;}\n\n\n\n.listOfItems{ border-radius: 12px;\n    border: 1px solid #E0E0E0;\n    padding: 24px;\n    margin: 24px 0 0 0;}\n    modalSubheading{\n    padding: 24px;\n    margin: 24px 0 0 0;}\n\n.listOfItemsWithoutBorder{\n    padding: 24px 0;\n    margin: 24px 0 0 0;}\n\n    modalSubheading{\n    padding: 24px;\n    margin: 24px 0 0 0;}\n\n\n\n\n.modalIconAndTextBox{display:flex; flex-direction:row; align-items: center;  margin: 0 0 16px 0; gap:4px;}\n\n/* Select List Item Styles */\n.select-list-container {\n  padding: 0;\n  margin: 16px 0 0 0;\n}\n\n.select-list-item {\n  display: flex;\n  align-items: center;\n  padding: 16px 0;\n  cursor: pointer;\n  transition: background-color 0.2s ease;\n  border-bottom: 1px solid #f0f0f0;\n  position: relative;\n}\n\n.select-list-item:hover {\n  background-color: #f8f9fa;\n}\n\n.select-list-item:last-child {\n  border-bottom: none;\n}\n\n.item-avatar {\n  width: 40px;\n  height: 40px;\n  border-radius: 50%;\n  background-color: #f0f0f0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-right: 12px;\n  font-size: 20px;\n  font-weight: 500;\n  color: #333;\n  flex-shrink: 0;\n}\n\n/* Different avatar colors for different items */\n.select-list-item:nth-child(1) .item-avatar {\n  background-color: #717171;\n  color: #fff;\n}\n\n.select-list-item:nth-child(2) .item-avatar {\n  background-color: #014fc5;\n  color: #fff;\n}\n\n.item-content {\n  flex: 1;\n  min-width: 0;\n}\n\n.item-arrow {\n  flex-shrink: 0;\n  margin-left: 8px;\n  color: #014fc5;\n}\n"])));
 const FormWidgetStyle = exports.FormWidgetStyle = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  .formBottomAction {\n    position: absolute;\n    bottom: 0px;\n    background-color: rgb(249, 249, 249);\n    box-shadow: rgba(0, 0, 0, 0.1) 0px -2px 8px;\n    padding: 16px;\n    display: flex;\n    justify-content: flex-end;\n    gap: 12px;\n    z-index: 10;\n    left: 0;\n    right: 0;\n  }\n\n  .formBottomAction .ant-form-item {\n    margin-bottom: 0px;\n  }\n\n  .searchErrorMsg {\n    font-size: 12px;\n  }\n  .searchErrorMsg {\n    font-size: 12px;\n  }\n"])));
 const TableDataStyle = exports.TableDataStyle = _styledComponents.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  .tableContainerList th,\n  button {\n    white-space: nowrap;\n  }\n  .tableContainerList th,\n  button {\n    white-space: nowrap;\n  }\n"])));
-const OapageWithDataStyle = exports.OapageWithDataStyle = _styledComponents.default.aside(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  .oaTopHeaderAndBtnSec {\n    display: flex;\n    flex-direction: row;\n    justify-content: space-between;\n\n    .headerContent {\n      display: flex;\n      align-items: flex-start; // Changed from 'center' to 'flex-start'\n      justify-content: space-between;\n      width: 100%;\n\n      .headerLeft {\n        flex: 1;\n      }\n\n      .headerRight {\n        display: flex;\n        align-items: flex-start; // Changed from 'center' to 'flex-start'\n        justify-content: flex-end;\n      }\n    }\n  }\n\n  .fullPageLayout {\n    display: flex;\n    padding: 8px;\n    background: #f6f6f6;\n  }\n  .ant-pagination {\n    padding: 0 16px;\n    justify-content: end;\n  }\n  .layoutHeadingPage {\n    display: flex;\n    gap: 8px;\n    margin: 0 0 32px 0;\n    flex-direction: column;\n    justify-content: flex-start;\n  }\n\n  .topHadingWithIcon span {\n    display: flex;\n    align-items: center;\n    justify-content: flex-start;\n    gap: 8px;\n  }\n\n  .subHadingText {\n    margin: 0 0 0 36px;\n  }\n\n  .subHading1Text {\n    margin: 0 0 ", " 40px;\n  }\n\n  .marginNone {\n    margin: 0 !important;\n  }\n\n  .subHadingText > span {\n    display: flex;\n    flex-direction: row;\n    gap: 4px;\n    align-items: center;\n  }\n\n  .oaRightLayouts {\n    width: 100%;\n    min-height: calc(100vh - 16px);\n    padding: 76px 48px;\n    overflow-y: auto;\n    border-radius: 16px;\n    background: #fff;\n    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.14);\n  }\n\n  .oaheaderSearchAndFilter {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    margin: 0 0 16px 0;\n    gap: 16px;\n  }\n\n  .oaRightLayouts .iconAndTextSecBox {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    gap: 8px;\n  }\n  .inLine {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    gap: 4px;\n  }\n\n  .customeSelectDropdown {\n    margin: 4px 0 0 8px;\n  }\n\n  .cardData {\n    padding: 28px 0 48px 0;\n  }\n\n  .ant-carousel .slick-dots {\n    position: static;\n    margin: 20px auto 12px 0;\n  }\n  .ant-carousel .slick-dots li {\n    width: 8px;\n    height: 8px;\n  }\n  .ant-carousel .slick-dots li button {\n    width: 8px;\n    height: 8px;\n    background: #cacaca;\n    border-radius: 50%;\n    opacity: 0.5;\n  }\n  .ant-carousel .slick-dots li.slick-active {\n    width: 8px;\n    height: 8px;\n  }\n  .ant-carousel .slick-dots li.slick-active button {\n    width: 8px;\n    height: 8px;\n    opacity: 1;\n  }\n  .ant-carousel .slick-dots li::after {\n    width: 8px;\n    height: 8px;\n    border-radius: 50%;\n    opacity: 1;\n    background: #717171;\n  }\n\n  .oaTabs .ant-tabs-nav {\n    border-top: 1px solid #e0e0e0;\n    border-left: 1px solid #e0e0e0;\n    border-right: 1px solid #e0e0e0;\n    padding: 12px 22px 0 22px;\n    margin: 0 0 8px 0;\n    background: #fff;\n    border-radius: 4px 4px 0 0;\n  }\n  .ant-card-body {\n    padding: 24px 16px !important;\n    border-radius: 16px;\n    background: #f6f6f6;\n  }\n  .cardContainer {\n    display: flex;\n    gap: 24px;\n  }\n  .selectAndSearch .noClear {\n    border-radius: 0 4px 4px 0;\n    width: 320px;\n  }\n\n  .searchErrorMsg {\n    font-size: 12px;\n    margin: 4px 0px 0px;\n    color: #de350b;\n  }\n  .searchOnly {\n    margin: 0px 0px 16px;\n    position: relative;\n  }\n  .searchOnly .ant-input-affix-wrapper {\n    border-radius: 4px;\n    max-width: 420px;\n    padding-left: 44px;\n  }\n  .searchOnly .cstSearchIcon {\n    position: absolute;\n    left: 16px;\n    top: 14px;\n    z-index: 2;\n  }\n\n  .selectAndSearch .ant-input-affix-wrapper {\n    border-radius: 0 4px 4px 0;\n    width: 320px;\n  }\n\n  .selectAndSearch {\n    flex-shrink: 0;\n  }\n\n  .customeSelectDropdown .ant-select-selector {\n    border: none;\n    padding: 0;\n     max-width: 83vw;\n  }\n  .customeSelectDropdown .ant-select-selection-item > span {\n    font-size: 24px;\n    font-weight: 500;\n    line-height: 32px;\n  }\n\n  .customeSelectDropdown .ant-select {\n    margin: 0 0 0 32px;\n  }\n\n  .customeSelectDropdown .ant-select .ant-select-arrow {\n    color: #014fc5;\n    inset-inline-end: -6px;\n  }\n\n  .customeSelectDropdown .ant-select-selector {\n    box-shadow: none !important;\n  }\n\n.customeSelectDropdown .ant-select-selection-item {\n  display: inline-block;\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  vertical-align: bottom;\n}\n\n  .oaheaderButtons {\n    display: flex;\n    gap: 24px;\n    align-items: center;\n    position: relative;\n    flex-grow: 1;\n    justify-content: space-between;\n  }\n\n  .oaheaderButtons.single-child {\n    justify-content: flex-end;\n  }\n\n  .oaheaderButtonsRight {\n    display: flex;\n    flex-direction: row;\n    gap: 16px;\n  }\n\n  .oaheaderButtons .notifyDot {\n    width: 12px;\n    height: 12px;\n    background: #de350b;\n    position: absolute;\n    top: -4px;\n    right: -4px;\n    border-radius: 50%;\n  }\n\n  @media only screen and (max-width: 600px) {\n    .selectAndSearch .ant-input-affix-wrapper {\n      width: calc(100% - 84px);\n    }\n    .oaheaderSearchAndFilter .dropDownSearchContainer {\n      width: 100%;\n    }\n\n    .oaheaderSearchAndFilter {\n      align-items: flex-end;\n      flex-direction: column;\n      gap: 16px;\n    }\n\n    .inLine {\n      flex-direction: column;\n      gap: 0;\n      align-items: flex-start;\n    }\n\n    .subHadingText > span {\n      flex-direction: column;\n      align-items: flex-start;\n    }\n\n    .customeSelectDropdown {\n      margin: 4px 0 0 0;\n    }\n\n    .customeSelectDropdown .ant-select {\n      margin: 0 0 0 0;\n    }\n\n    .fullPageLayout {\n      flex-direction: column;\n      padding: 0;\n    }\n    .oaRightLayouts {\n      padding: 16px;\n      border-radius: 0;\n      background: #fff;\n      box-shadow: none;\n      height: auto;\n      background: #f6f6f6;\n    }\n    .oaTabs .ant-tabs-nav {\n      margin: 0 0 28px 0;\n      padding: 12px 0 0 0;\n    }\n    .layoutHeadingPage {\n      margin: 0 0 16px 0;\n      background: #fff;\n      padding: 16px;\n      border-radius: 8px;\n      width: 100%;\n    }\n    .layoutHeadingAndSearch {\n      background: #fff;\n      padding: 20px 16px;\n      margin: 0;\n      width: 100%;\n      border-radius: 8px;\n    }\n    \n    /* Hide profile section on mobile when sidebar has profile icon */\n    .hideProfileOnMobile {\n      display: none !important;\n    }\n  }\n"])), _ref => {
+const OapageWithDataStyle = exports.OapageWithDataStyle = _styledComponents.default.aside(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  .oaTopHeaderAndBtnSec {\n    display: flex;\n    flex-direction: row;\n    justify-content: space-between;\n\n    .headerContent {\n      display: flex;\n      align-items: flex-start; // Changed from 'center' to 'flex-start'\n      justify-content: space-between;\n      width: 100%;\n\n      .headerLeft {\n        flex: 1;\n      }\n\n      .headerRight {\n        display: flex;\n        align-items: flex-start; // Changed from 'center' to 'flex-start'\n        justify-content: flex-end;\n      }\n    }\n  }\n\n  .fullPageLayout {\n    display: flex;\n    padding: 8px;\n    background: #f6f6f6;\n  }\n  .ant-pagination {\n    padding: 0 16px;\n    justify-content: end;\n  }\n  .layoutHeadingPage {\n    display: flex;\n    gap: 8px;\n    margin: 0 0 32px 0;\n    flex-direction: column;\n    justify-content: flex-start;\n  }\n\n  .topHadingWithIcon span {\n    display: flex;\n    align-items: center;\n    justify-content: flex-start;\n    gap: 8px;\n  }\n\n  .subHadingText {\n    margin: 0 0 0 36px;\n  }\n\n  .subHading1Text {\n    margin: 0 0 ", " 40px;\n  }\n\n  .marginNone {\n    margin: 0 !important;\n  }\n\n  .subHadingText > span {\n    display: flex;\n    flex-direction: row;\n    gap: 4px;\n    align-items: center;\n  }\n\n  .oaRightLayouts {\n    width: 100%;\n    min-height: calc(100vh - 16px);\n    padding: 76px 48px;\n    overflow-y: auto;\n    border-radius: 16px;\n    background: #fff;\n    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.14);\n  }\n\n  .oaheaderSearchAndFilter {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    margin: 0 0 16px 0;\n    gap: 16px;\n  }\n\n  .oaRightLayouts .iconAndTextSecBox {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    gap: 8px;\n  }\n  .inLine {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    gap: 4px;\n  }\n\n  .customeSelectDropdown {\n    margin: 4px 0 0 8px;\n  }\n\n  .cardData {\n    padding: 28px 0 48px 0;\n  }\n\n  .ant-carousel .slick-dots {\n    position: static;\n    margin: 20px auto 12px 0;\n  }\n  .ant-carousel .slick-dots li {\n    width: 8px;\n    height: 8px;\n  }\n  .ant-carousel .slick-dots li button {\n    width: 8px;\n    height: 8px;\n    background: #cacaca;\n    border-radius: 50%;\n    opacity: 0.5;\n  }\n  .ant-carousel .slick-dots li.slick-active {\n    width: 8px;\n    height: 8px;\n  }\n  .ant-carousel .slick-dots li.slick-active button {\n    width: 8px;\n    height: 8px;\n    opacity: 1;\n  }\n  .ant-carousel .slick-dots li::after {\n    width: 8px;\n    height: 8px;\n    border-radius: 50%;\n    opacity: 1;\n    background: #717171;\n  }\n\n  .oaTabs .ant-tabs-nav {\n    border-top: 1px solid #e0e0e0;\n    border-left: 1px solid #e0e0e0;\n    border-right: 1px solid #e0e0e0;\n    padding: 12px 22px 0 22px;\n    margin: 0 0 8px 0;\n    background: #fff;\n    border-radius: 4px 4px 0 0;\n  }\n  .ant-card-body {\n    padding: 24px 16px !important;\n    border-radius: 16px;\n    background: #f6f6f6;\n  }\n  .cardContainer {\n    display: flex;\n    gap: 24px;\n  }\n  .selectAndSearch .noClear {\n    border-radius: 0 4px 4px 0;\n    width: 320px;\n  }\n\n  .searchErrorMsg {\n    font-size: 12px;\n    margin: 4px 0px 0px;\n    color: #de350b;\n  }\n  .searchOnly {\n    margin: 0px 0px 16px;\n    position: relative;\n  }\n  .searchOnly .ant-input-affix-wrapper {\n    border-radius: 4px;\n    max-width: 420px;\n    padding-left: 44px;\n  }\n  .searchOnly .cstSearchIcon {\n    position: absolute;\n    left: 16px;\n    top: 14px;\n    z-index: 2;\n  }\n\n  .selectAndSearch .ant-input-affix-wrapper {\n    border-radius: 0 4px 4px 0;\n    width: 320px;\n  }\n\n  .selectAndSearch {\n    flex-shrink: 0;\n  }\n\n  .customeSelectDropdown .ant-select-selector {\n    border: none;\n    padding: 0;\n    max-width: 83vw;\n  }\n  .customeSelectDropdown .ant-select-selection-item > span {\n    font-size: 24px;\n    font-weight: 500;\n    line-height: 32px;\n  }\n\n  .customeSelectDropdown .ant-select {\n    margin: 0 0 0 32px;\n  }\n\n  .customeSelectDropdown .ant-select .ant-select-arrow {\n    color: #014fc5;\n    inset-inline-end: -6px;\n  }\n\n  .customeSelectDropdown .ant-select-selector {\n    box-shadow: none !important;\n  }\n\n  .customeSelectDropdown .ant-select-selection-item {\n    display: inline-block;\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n    vertical-align: bottom;\n  }\n\n  .oaheaderButtons {\n    display: flex;\n    gap: 24px;\n    align-items: center;\n    position: relative;\n    flex-grow: 1;\n    justify-content: space-between;\n  }\n\n  .oaheaderButtons.single-child {\n    justify-content: flex-end;\n  }\n\n  .oaheaderButtonsRight {\n    display: flex;\n    flex-direction: row;\n    gap: 16px;\n  }\n\n  .oaheaderButtons .notifyDot {\n    width: 12px;\n    height: 12px;\n    background: #de350b;\n    position: absolute;\n    top: -4px;\n    right: -4px;\n    border-radius: 50%;\n  }\n\n  @media only screen and (max-width: 600px) {\n    .selectAndSearch .ant-input-affix-wrapper {\n      width: calc(100% - 84px);\n    }\n    .oaheaderSearchAndFilter .dropDownSearchContainer {\n      width: 100%;\n    }\n\n    .oaheaderSearchAndFilter {\n      align-items: flex-end;\n      flex-direction: column;\n      gap: 16px;\n    }\n\n    .inLine {\n      flex-direction: column;\n      gap: 0;\n      align-items: flex-start;\n    }\n\n    .subHadingText > span {\n      flex-direction: column;\n      align-items: flex-start;\n    }\n\n    .customeSelectDropdown {\n      margin: 4px 0 0 0;\n    }\n\n    .customeSelectDropdown .ant-select {\n      margin: 0 0 0 0;\n    }\n\n    .fullPageLayout {\n      flex-direction: column;\n      padding: 0;\n    }\n    .oaRightLayouts {\n      padding: 16px;\n      border-radius: 0;\n      background: #fff;\n      box-shadow: none;\n      height: auto;\n      background: #f6f6f6;\n    }\n    .oaTabs .ant-tabs-nav {\n      margin: 0 0 28px 0;\n      padding: 12px 0 0 0;\n    }\n    .layoutHeadingPage {\n      margin: 0 0 16px 0;\n      background: #fff;\n      padding: 16px;\n      border-radius: 8px;\n      width: 100%;\n    }\n    .layoutHeadingAndSearch {\n      background: #fff;\n      padding: 20px 16px;\n      margin: 0;\n      width: 100%;\n      border-radius: 8px;\n    }\n\n    /* Hide profile section on mobile when sidebar has profile icon */\n    .hideProfileOnMobile {\n      display: none !important;\n    }\n  }\n"])), _ref => {
   let {
     marginBottom
   } = _ref;
@@ -27,4 +27,16 @@ const IncidentListParts = exports.IncidentListParts = _styledComponents.default.
 const ProfileSectionContainer = exports.ProfileSectionContainer = _styledComponents.default.div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  margin-left: auto;\n\n  .profile-icon-container {\n    position: relative;\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n"])));
 const ProfileIcon = exports.ProfileIcon = _styledComponents.default.div(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  width: 48px;\n  height: 48px;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 16px;\n  font-weight: 600;\n  cursor: pointer;\n  transition: all 0.2s ease;\n  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px var(--color-primary);\n\n  &:hover {\n    transform: scale(1.05);\n  }\n"])));
 const Tooltip = exports.Tooltip = _styledComponents.default.div(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  position: absolute;\n  top: 100%;\n  right: 0;\n  margin-top: 8px;\n  background: #000000;\n  color: #ffffff;\n  padding: 8px 12px;\n  border-radius: 6px;\n  font-size: 12px;\n  white-space: nowrap;\n  z-index: 1000;\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);\n\n  &::before {\n    content: \"\";\n    position: absolute;\n    top: -4px;\n    right: 12px;\n    width: 0;\n    height: 0;\n    border-left: 4px solid transparent;\n    border-right: 4px solid transparent;\n    border-bottom: 4px solid #000000;\n  }\n"])));
+const ProfileContainerOverlay = exports.ProfileContainerOverlay = _styledComponents.default.div(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background-color: transparent;\n  z-index: 1000;\n  display: flex;\n  justify-content: flex-end;\n  align-items: flex-start;\n  padding-top: 150px;\n  padding-right: 53px;\n  pointer-events: auto;\n"])));
+const ProfileContainerModal = exports.ProfileContainerModal = _styledComponents.default.div(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n  background-color: white;\n  border-radius: 8px;\n  padding: 16px;\n  width: 380px;\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n  position: relative;\n  border: 1px solid #e0e0e0;\n  pointer-events: auto;\n"])));
+const CurrentProfileSection = exports.CurrentProfileSection = _styledComponents.default.div(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n  margin-bottom: 24px;\n"])));
+const ProfileInfoContainer = exports.ProfileInfoContainer = _styledComponents.default.div(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: flex-start;\n  margin-bottom: 16px;\n"])));
+const ProfileNameContainer = exports.ProfileNameContainer = _styledComponents.default.div(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n"])));
+const ProfileAvatar = exports.ProfileAvatar = _styledComponents.default.div(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n  width: 48px;\n  height: 48px;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-right: 12px;\n"])));
+const EnterpriseSection = exports.EnterpriseSection = _styledComponents.default.div(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n  margin-top: 24px;\n  padding-top: 24px;\n  border-top: 1px solid #e0e0e0;\n"])));
+const EnterpriseList = exports.EnterpriseList = _styledComponents.default.div(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  margin-top: 12px;\n"])));
+const EnterpriseItem = exports.EnterpriseItem = _styledComponents.default.div(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  padding: 0 16px;\n  cursor: pointer;\n  border-radius: 4px;\n  margin-bottom: 8px;\n  height: 80px;\n  transition: background-color 0.2s ease;\n  background-color: #f8f9fa;\n\n  &:hover {\n    background-color: #e9ecef;\n  }\n\n  &:last-child {\n    margin-bottom: 0;\n  }\n"])));
+const EnterpriseAvatar = exports.EnterpriseAvatar = _styledComponents.default.div(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["\n  width: 48px;\n  height: 48px;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-right: 12px;\n  flex-shrink: 0;\n"])));
+const EnterpriseContent = exports.EnterpriseContent = _styledComponents.default.div(_templateObject20 || (_templateObject20 = _taggedTemplateLiteral(["\n  flex: 1;\n  min-width: 0;\n"])));
+const EnterpriseArrow = exports.EnterpriseArrow = _styledComponents.default.div(_templateObject21 || (_templateObject21 = _taggedTemplateLiteral(["\n  flex-shrink: 0;\n  margin-left: 8px;\n  color: #1890ff;\n"])));
 var _default = exports.default = {};

package/build/widgets/oa-widget-content-panel/ContentPanel.js CHANGED Viewed

@@ -35,7 +35,7 @@ function ContentPanel(_ref) {
   }, /*#__PURE__*/_react.default.createElement(_MaterialIcon.default, {
     icon: _icons.InfoCircleOutlined,
     size: 16,
-    color: "primary"
+    color: "secondary"
   }))));
   const renderContent = () => {
     if (design === "keyvalue") {

package/build/widgets/oa-widget-profile-data/ProfileDataWidget.js CHANGED Viewed

@@ -1,18 +1,25 @@
 "use strict";
+require("core-js/modules/es.weak-map.js");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = ProfileDataWidget;
+require("core-js/modules/web.dom-collections.iterator.js");
 require("core-js/modules/es.string.trim.js");
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _Typography = _interopRequireDefault(require("../../components/oa-component-typography/Typography"));
+var _CustomDropdown = _interopRequireDefault(require("../../components/oa-component-dropdown/CustomDropdown"));
 var _styles = require("./styles");
+var _CustomSelect = _interopRequireDefault(require("../../components/oa-component-select/CustomSelect"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 /* eslint-disable */
 function ProfileDataWidget(_ref) {
+  var _widget$jsxConfig, _widget$jsxConfig2, _widget$jsxConfig3;
   let {
     image,
     title,
@@ -21,8 +28,12 @@ function ProfileDataWidget(_ref) {
     line3,
     line4,
     line5,
-    alignProfile
+    subtext,
+    widget,
+    alignProfile,
+    handleSwitchSelectItem
   } = _ref;
+  const [isDropdownOpen, setIsDropdownOpen] = (0, _react.useState)(false);
   // Determine what to display in the icon
   const getIconContent = () => {
     if (!(image !== null && image !== void 0 && image.visible)) return null;
@@ -73,7 +84,22 @@ function ProfileDataWidget(_ref) {
   }, line4.label || ""), line5 && /*#__PURE__*/_react.default.createElement(_Typography.default, {
     color: line5.color || "secondary-content",
     typography: line5.typography || "type-b1-400"
-  }, line5.label || ""))));
+  }, line5.label || "")), subtext && /*#__PURE__*/_react.default.createElement(_Typography.default, {
+    color: subtext.color || "secondary-content",
+    typography: subtext.typography || "type-b2-400",
+    style: {
+      marginTop: "16px"
+    }
+  }, subtext.label || ""), (widget === null || widget === void 0 ? void 0 : widget.visible) && /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      marginTop: "16px"
+    }
+  }, widget.widgetType === "select" && /*#__PURE__*/_react.default.createElement(_CustomSelect.default, {
+    options: widget === null || widget === void 0 || (_widget$jsxConfig = widget.jsxConfig) === null || _widget$jsxConfig === void 0 ? void 0 : _widget$jsxConfig.value,
+    defaultValue: widget === null || widget === void 0 || (_widget$jsxConfig2 = widget.jsxConfig) === null || _widget$jsxConfig2 === void 0 ? void 0 : _widget$jsxConfig2.defaultValue,
+    placeholder: widget === null || widget === void 0 || (_widget$jsxConfig3 = widget.jsxConfig) === null || _widget$jsxConfig3 === void 0 ? void 0 : _widget$jsxConfig3.placeholder,
+    onChange: e => handleSwitchSelectItem(e)
+  }))));
 }
 ProfileDataWidget.propTypes = {
   image: _propTypes.default.shape({
@@ -113,5 +139,32 @@ ProfileDataWidget.propTypes = {
     typography: _propTypes.default.string,
     color: _propTypes.default.string
   }),
+  subtext: _propTypes.default.shape({
+    label: _propTypes.default.string,
+    typography: _propTypes.default.string,
+    color: _propTypes.default.string
+  }),
+  widget: _propTypes.default.shape({
+    visible: _propTypes.default.bool,
+    widgetType: _propTypes.default.oneOf(["select", "button", "input"]),
+    jsxConfig: _propTypes.default.shape({
+      value: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.shape({
+        id: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
+        label: _propTypes.default.string
+      })), _propTypes.default.string // For dynamic data like '{{enterpriseDropdownData}}'
+      ]),
+      selectedValue: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
+      name: _propTypes.default.string,
+      placeholder: _propTypes.default.string,
+      onChange: _propTypes.default.func,
+      onClick: _propTypes.default.func,
+      style: _propTypes.default.object,
+      dropdownStyle: _propTypes.default.object,
+      dropdownProps: _propTypes.default.object,
+      backgroundColor: _propTypes.default.string,
+      color: _propTypes.default.string,
+      inputType: _propTypes.default.string
+    })
+  }),
   alignProfile: _propTypes.default.string
 };

package/build/widgets/oa-widget-select-list-item-modal/SelectListItemModal.js CHANGED Viewed

@@ -4,6 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+require("core-js/modules/es.json.stringify.js");
+require("core-js/modules/es.regexp.exec.js");
+require("core-js/modules/es.string.replace.js");
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _Typography = _interopRequireDefault(require("../../components/oa-component-typography/Typography"));
@@ -16,21 +19,30 @@ const SelectListItemModal = _ref => {
   var _modalContent$header, _modalContent$header2, _modalContent$subHead, _modalContent$subHead2, _modalContent$listIte;
   let {
     modalContent,
-    onItemSelect
+    onItemSelect,
+    handleSwitchSelectItem
   } = _ref;
   const avatarColors = (modalContent === null || modalContent === void 0 ? void 0 : modalContent.avatarColors) || [];
   const handleItemSelect = item => {
-    // localStorage.setItem('selectedListItem', JSON.stringify(item));
+    // Store selected item data in session storage as selectedEnterprise
+    sessionStorage.setItem("selectedEnterprise", JSON.stringify(item));
+    // Call the onItemSelect callback if provided
     if (onItemSelect) {
       onItemSelect(item);
     }
+    // Reroute to modalContent.reroute if provided
+    if (modalContent !== null && modalContent !== void 0 && modalContent.reroute) {
+      window.location.replace(modalContent.reroute);
+    }
   };
   const getAvatarStyle = index => {
     if (avatarColors.length === 0) {
       // Default colors if no colors provided
       return {
-        backgroundColor: '#f0f0f0',
-        color: '#333'
+        backgroundColor: "#f0f0f0",
+        color: "#333"
       };
     }
@@ -48,7 +60,7 @@ const SelectListItemModal = _ref => {
     color: "secondary-content"
   }, modalContent === null || modalContent === void 0 || (_modalContent$subHead2 = modalContent.subHeading) === null || _modalContent$subHead2 === void 0 ? void 0 : _modalContent$subHead2.text)), /*#__PURE__*/_react.default.createElement("div", {
     className: "select-list-container"
-  }, modalContent === null || modalContent === void 0 || (_modalContent$listIte = modalContent.listItem) === null || _modalContent$listIte === void 0 ? void 0 : _modalContent$listIte.map((item, index) => {
+  }, Array.isArray(modalContent === null || modalContent === void 0 ? void 0 : modalContent.listItem) && (modalContent === null || modalContent === void 0 || (_modalContent$listIte = modalContent.listItem) === null || _modalContent$listIte === void 0 ? void 0 : _modalContent$listIte.map((item, index) => {
     var _item$label;
     return /*#__PURE__*/_react.default.createElement("div", {
       key: index,
@@ -69,7 +81,7 @@ const SelectListItemModal = _ref => {
       size: 20,
       color: "primary"
     })));
-  })));
+  }))));
 };
 SelectListItemModal.propTypes = {
   modalContent: _propTypes.default.object,

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "oa-componentbook",
-  "version": "1.0.1-stage.405",
+  "version": "1.0.1-stage.407",
   "private": false,
   "description": "Reusable components",
   "main": "build/index.js",