sixseconds-modules 1.4.3 → 1.4.4

package/dist/components/header/index.d.ts

@@ -18,5 +18,5 @@ interface SubHeaderProps {
     t?: t;
     sx?: any;
 }
-export declare const Header: ({ frontCustomComponent, endCustomComponents, userData, interFaceLangList, centerCustomComponents, selectedInterFaceLang, logoutHandler, logo, isNotification, extraMenuOptions, isMenu, isAccessAppMenu, sx, }: SubHeaderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Header: ({ frontCustomComponent, endCustomComponents, userData, interFaceLangList, centerCustomComponents, updateInterfaceLang, selectedInterFaceLang, logoutHandler, logo, isNotification, extraMenuOptions, isMenu, isAccessAppMenu, sx, }: SubHeaderProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/header/language.d.ts

@@ -8,5 +8,5 @@ interface IProps {
     selectedInterFaceLang?: any;
     setInitialState: SetStateAction<IState>;
 }
-export default function Language({ interFaceLangList, selectedInterFaceLang, setInitialState, }: IProps): import("react/jsx-runtime").JSX.Element;
+export default function Language({ interFaceLangList, updateInterfaceLang, selectedInterFaceLang, setInitialState, }: IProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/index.cjs.js

@@ -4446,7 +4446,7 @@ const UserProfile = ({ userData, setInitialState, extraMenuOptions }) => {
 };
 function Language({
   interFaceLangList,
-  // updateInterfaceLang,
+  updateInterfaceLang,
   selectedInterFaceLang,
   setInitialState
 }) {
@@ -4455,6 +4455,7 @@ function Language({
     {
       sx: {
         p: 2,
+        zIndex: 999999,
         borderRadius: "16px",
         border: "1px solid #EDEDED",
         boxShadow: "0px 12px 16px -4px #1A191914",
@@ -4493,6 +4494,7 @@ function Language({
                 spacing: 2,
                 alignItems: "center",
                 onClick: () => {
+                  updateInterfaceLang(lang2);
                   setInitialState((p) => ({ ...p, toggles: { ...p.toggles, lang: false } }));
                 },
                 children: /* @__PURE__ */ jsxRuntime.jsx(material.Box, { sx: { flex: 1 }, children: /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { direction: "row", alignItems: "center", justifyContent: "flex-start", gap: 2, children: [
@@ -5181,6 +5183,7 @@ const Notification = ({ setInitialState, userData, initialState }) => {
     {
       sx: {
         p: 2,
+        zIndex: 999999,
         borderRadius: "16px",
         border: "1px solid #EDEDED",
         boxShadow: "0px 12px 16px -4px #1A191914",
@@ -5346,7 +5349,7 @@ const Header = ({
   interFaceLangList,
   // toggleSiderMenu,
   centerCustomComponents,
-  // updateInterfaceLang,
+  updateInterfaceLang,
   selectedInterFaceLang,
   logoutHandler,
   logo,
@@ -5427,6 +5430,25 @@ const Header = ({
               ),
               state.toggles.appMenus && userData?.appAccess?.length && /* @__PURE__ */ jsxRuntime.jsx(material.Box, { className: "profile headerMenu", children: /* @__PURE__ */ jsxRuntime.jsx(AppMenus, { menuItems: userData?.appAccess, setInitialState: setState }) })
             ] }),
+            isNotification && /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { sx: { position: "relative" }, children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                material.Typography,
+                {
+                  sx: {
+                    cursor: "pointer",
+                    margin: {
+                      md: "10px",
+                      lg: "10px",
+                      xs: "10px 3px!important"
+                    }
+                  },
+                  "data-toggle-name": "notification",
+                  onClick: (e) => handleOpenUtil(e, setState),
+                  children: /* @__PURE__ */ jsxRuntime.jsx(material.Badge, { badgeContent: userData?.notificationCount, color: "error", className: "notification_icon_error", children: /* @__PURE__ */ jsxRuntime.jsx(SVG.Bell, {}) })
+                }
+              ),
+              state.toggles.notification && /* @__PURE__ */ jsxRuntime.jsx(material.Box, { children: /* @__PURE__ */ jsxRuntime.jsx(Notification, { initialState: state, userData, setInitialState: setState }) })
+            ] }),
             Boolean(interFaceLangList?.length) && /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { sx: { position: "relative" }, children: [
               /* @__PURE__ */ jsxRuntime.jsxs(
                 material.Typography,
@@ -5457,30 +5479,12 @@ const Header = ({
                   setInitialState: setState,
                   interFaceLangList,
                   userData,
+                  updateInterfaceLang,
                   setState,
                   selectedInterFaceLang
                 }
               )
             ] }),
-            isNotification && /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { sx: { position: "relative" }, children: [
-              /* @__PURE__ */ jsxRuntime.jsx(
-                material.Typography,
-                {
-                  sx: {
-                    cursor: "pointer",
-                    margin: {
-                      md: "10px",
-                      lg: "10px",
-                      xs: "10px 3px!important"
-                    }
-                  },
-                  "data-toggle-name": "notification",
-                  onClick: (e) => handleOpenUtil(e, setState),
-                  children: /* @__PURE__ */ jsxRuntime.jsx(material.Badge, { badgeContent: userData?.notificationCount, color: "error", className: "notification_icon_error", children: /* @__PURE__ */ jsxRuntime.jsx(SVG.Bell, {}) })
-                }
-              ),
-              state.toggles.notification && /* @__PURE__ */ jsxRuntime.jsx(material.Box, { children: /* @__PURE__ */ jsxRuntime.jsx(Notification, { initialState: state, userData, setInitialState: setState }) })
-            ] }),
             Boolean(userData?.fullName) && /* @__PURE__ */ jsxRuntime.jsx(
               UserProfile,
               {
@@ -5541,6 +5545,8 @@ const App = () => {
       frontCustomComponent: "sdf",
       centerCustomComponents: "center",
       endCustomComponents: "end",
+      updateInterfaceLang: () => {
+      },
       userData: {
         userprofile: "",
         email: "sanskar.sahu@digimonk.in",
@@ -5588,7 +5594,6 @@ const App = () => {
           flag: "https://cert-6seconds.s3.us-west-2.amazonaws.com/uploads/flags/1735277337.png"
         }
       ],
-      updateInterfaceLang: [],
       selectedInterFaceLang: {
         label: "Spanish",
         value: 3,