sixseconds-modules 1.6.86 → 1.6.88

package/dist/index.cjs.js

@@ -9987,6 +9987,13 @@ function Language({
   setInitialState,
   t: t2
 }) {
+  React.useEffect(() => {
+    if (typeof window !== "undefined") {
+      document.querySelectorAll('img[data-src][data-cookiecategory="essential"]').forEach((img) => {
+        img.src = img.getAttribute("data-src");
+      });
+    }
+  }, [typeof window !== "undefined"]);
   return /* @__PURE__ */ jsxRuntime.jsx(material.ClickAwayListener, { onClickAway: () => handleCloseUtil(setInitialState), children: /* @__PURE__ */ jsxRuntime.jsx(
     material.Box,
     {
@@ -10038,8 +10045,9 @@ function Language({
                   /* @__PURE__ */ jsxRuntime.jsx(
                     "img",
                     {
+                      "data-cookiecategory": "essential",
+                      "data-src": lang2?.flag || IMAGES.DefaultLang,
                       src: lang2?.flag || IMAGES.DefaultLang,
-                      "data-category": "essential",
                       alt: lang2?.label,
                       style: {
                         width: "40px !important",
@@ -10863,6 +10871,13 @@ const Header = ({
       }, 5e3);
     }
   }, [isMenu, selectedInterFaceLang?.id, state.isLoading]);
+  React.useEffect(() => {
+    if (typeof window !== "undefined") {
+      document.querySelectorAll('img[data-src][data-cookiecategory="essential"]').forEach((img) => {
+        img.src = img.getAttribute("data-src");
+      });
+    }
+  }, [typeof window !== "undefined"]);
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(SubHeaderStyled, { sx, children: /* @__PURE__ */ jsxRuntime.jsxs(material.Container, { maxWidth: false, sx: { display: "flex", justifyContent: "space-between", alignItems: "center" }, children: [
       /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { sx: { display: "flex !important", alignItems: "center !important" }, children: [
@@ -10974,7 +10989,8 @@ const Header = ({
                         width: 40,
                         height: 30,
                         alt: "lang",
-                        "data-category": "essential",
+                        "data-cookiecategory": "essential",
+                        "data-src": selectedInterFaceLang?.flag || IMAGES.DefaultLang,
                         src: selectedInterFaceLang?.flag || IMAGES.DefaultLang
                       }
                     ),
@@ -11360,13 +11376,13 @@ const PreviousLoginBanner = ({ t: t2, router, sx }) => {
         height: "auto",
         width: "100%",
         backgroundColor: "#007FC0",
-        p: 1,
+        p: 0.2,
         color: "#fff",
         mt: "70px",
         textTransform: "capitalize",
         ...sx
       },
-      children: /* @__PURE__ */ jsxRuntime.jsxs(material.Typography, { variant: "h6", align: "center", children: [
+      children: /* @__PURE__ */ jsxRuntime.jsxs(material.Typography, { variant: "h6", sx: { fontSize: "14px" }, align: "center", children: [
         "Go back to",
         " ",
         /* @__PURE__ */ jsxRuntime.jsx("strong", { onClick: handleAutoLogin, style: { cursor: "pointer", textDecoration: "underline" }, children: previousLoginDetails.name || previousLoginDetails.email || previousLoginDetails.id }),
@@ -11377,154 +11393,157 @@ const PreviousLoginBanner = ({ t: t2, router, sx }) => {
   );
 };
 const App = () => {
-  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsx(
-    Header,
-    {
-      isAccessAppMenu: true,
-      isMenu: true,
-      updateInterfaceLang: () => {
-      },
-      notificationAccessApps: [
-        {
-          name: "all"
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      Header,
+      {
+        isAccessAppMenu: true,
+        isMenu: true,
+        updateInterfaceLang: () => {
         },
-        {
-          name: "tools"
-        }
-      ],
-      userData: {
-        userprofile: "",
-        email: "sdf",
-        role: "",
-        fullName: "sadf",
-        bio: "",
-        title: "",
-        certId: 1,
-        certProfileUrl: "",
-        company: "",
-        certBio: "",
-        certOfferToHelp: "",
-        appName: APP_NAMES.sso,
-        appAccess: [
+        notificationAccessApps: [
           {
-            name: "Tools",
-            icon: "",
-            link: "https://tools.6seconds.org",
-            type: "app"
+            name: "all"
           },
           {
-            name: "Cards Home",
-            icon: "https://cert-6seconds.s3.us-west-2.amazonaws.com/uploads/dashboard/cardshome.svg",
-            link: "https://cards.6seconds.org",
-            type: "app"
+            name: "tools"
+          }
+        ],
+        userData: {
+          userprofile: "",
+          email: "sdf",
+          role: "",
+          fullName: "sadf",
+          bio: "",
+          title: "",
+          certId: 1,
+          certProfileUrl: "",
+          company: "",
+          certBio: "",
+          certOfferToHelp: "",
+          appName: APP_NAMES.sso,
+          appAccess: [
+            {
+              name: "Tools",
+              icon: "",
+              link: "https://tools.6seconds.org",
+              type: "app"
+            },
+            {
+              name: "Cards Home",
+              icon: "https://cert-6seconds.s3.us-west-2.amazonaws.com/uploads/dashboard/cardshome.svg",
+              link: "https://cards.6seconds.org",
+              type: "app"
+            },
+            {
+              name: "Settings",
+              icon: "/app-icons/Settings.svg",
+              link: "/settings.svg",
+              type: "app"
+            },
+            {
+              name: "Translations",
+              icon: "/translate.svg",
+              link: "/translations",
+              type: "app"
+            }
+          ],
+          certification: [],
+          country: "",
+          languages: [],
+          areaOfWork: [],
+          linkedInUrl: "",
+          notificationCount: 10
+        },
+        interFaceLangList: [
+          {
+            id: 1,
+            label: "Chinese",
+            value: "zh",
+            flag: ""
           },
           {
-            name: "Settings",
-            icon: "/app-icons/Settings.svg",
-            link: "/settings.svg",
-            type: "app"
+            id: 1,
+            label: "English (US)",
+            value: "en",
+            flag: "https://cert-6seconds.s3.us-west-2.amazonaws.com/uploads/flags/1735277288.png"
           },
           {
-            name: "Translations",
-            icon: "/translate.svg",
-            link: "/translations",
-            type: "app"
+            id: 1,
+            label: "Spanish",
+            value: 3,
+            flag: "https://cert-6seconds.s3.us-west-2.amazonaws.com/uploads/flags/1735277337.png"
           }
         ],
-        certification: [],
-        country: "",
-        languages: [],
-        areaOfWork: [],
-        linkedInUrl: "",
-        notificationCount: 10
-      },
-      interFaceLangList: [
-        {
+        selectedInterFaceLang: {
           id: 1,
           label: "Chinese",
           value: "zh",
           flag: ""
         },
-        {
-          id: 1,
-          label: "English (US)",
-          value: "en",
-          flag: "https://cert-6seconds.s3.us-west-2.amazonaws.com/uploads/flags/1735277288.png"
+        logo: /* @__PURE__ */ jsxRuntime.jsx(Logo, {}),
+        isNotification: true,
+        totallyEndCustomComponent: "asdfsdf",
+        extraMenuOptions: {
+          components: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { direction: "row", spacing: 1, alignItems: "center", sx: { cursor: "pointer" }, children: [
+              /* @__PURE__ */ jsxRuntime.jsx(SVG.CheckedPerson, {}),
+              /* @__PURE__ */ jsxRuntime.jsx(material.Box, { sx: { flex: 1 }, children: /* @__PURE__ */ jsxRuntime.jsx(
+                material.Typography,
+                {
+                  variant: "h4",
+                  sx: {
+                    color: "#1A1919",
+                    fontSize: "16px",
+                    fontWeight: "400",
+                    m: 0
+                  },
+                  children: "extraMenuOptions"
+                }
+              ) })
+            ] }) }),
+            /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { direction: "row", spacing: 1, alignItems: "center", sx: { cursor: "pointer" }, children: [
+              /* @__PURE__ */ jsxRuntime.jsx(SVG.CheckedPerson, {}),
+              /* @__PURE__ */ jsxRuntime.jsx(material.Box, { sx: { flex: 1 }, children: /* @__PURE__ */ jsxRuntime.jsx(
+                material.Typography,
+                {
+                  variant: "h4",
+                  sx: {
+                    color: "#1A1919",
+                    fontSize: "16px",
+                    fontWeight: "400",
+                    m: 0
+                  },
+                  children: "extraMenuOptions"
+                }
+              ) })
+            ] }) }),
+            /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { direction: "row", spacing: 1, alignItems: "center", sx: { cursor: "pointer" }, children: [
+              /* @__PURE__ */ jsxRuntime.jsx(SVG.CheckedPerson, {}),
+              /* @__PURE__ */ jsxRuntime.jsx(material.Box, { sx: { flex: 1 }, children: /* @__PURE__ */ jsxRuntime.jsx(
+                material.Typography,
+                {
+                  variant: "h4",
+                  sx: {
+                    color: "#1A1919",
+                    fontSize: "16px",
+                    fontWeight: "400",
+                    m: 0
+                  },
+                  children: "extraMenuOptions"
+                }
+              ) })
+            ] }) })
+          ] }),
+          isViewProfile: true,
+          isChangePassword: true,
+          isEditProfile: true
         },
-        {
-          id: 1,
-          label: "Spanish",
-          value: 3,
-          flag: "https://cert-6seconds.s3.us-west-2.amazonaws.com/uploads/flags/1735277337.png"
-        }
-      ],
-      selectedInterFaceLang: {
-        id: 1,
-        label: "Chinese",
-        value: "zh",
-        flag: ""
-      },
-      logo: /* @__PURE__ */ jsxRuntime.jsx(Logo, {}),
-      isNotification: true,
-      totallyEndCustomComponent: "asdfsdf",
-      extraMenuOptions: {
-        components: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { direction: "row", spacing: 1, alignItems: "center", sx: { cursor: "pointer" }, children: [
-            /* @__PURE__ */ jsxRuntime.jsx(SVG.CheckedPerson, {}),
-            /* @__PURE__ */ jsxRuntime.jsx(material.Box, { sx: { flex: 1 }, children: /* @__PURE__ */ jsxRuntime.jsx(
-              material.Typography,
-              {
-                variant: "h4",
-                sx: {
-                  color: "#1A1919",
-                  fontSize: "16px",
-                  fontWeight: "400",
-                  m: 0
-                },
-                children: "extraMenuOptions"
-              }
-            ) })
-          ] }) }),
-          /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { direction: "row", spacing: 1, alignItems: "center", sx: { cursor: "pointer" }, children: [
-            /* @__PURE__ */ jsxRuntime.jsx(SVG.CheckedPerson, {}),
-            /* @__PURE__ */ jsxRuntime.jsx(material.Box, { sx: { flex: 1 }, children: /* @__PURE__ */ jsxRuntime.jsx(
-              material.Typography,
-              {
-                variant: "h4",
-                sx: {
-                  color: "#1A1919",
-                  fontSize: "16px",
-                  fontWeight: "400",
-                  m: 0
-                },
-                children: "extraMenuOptions"
-              }
-            ) })
-          ] }) }),
-          /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { direction: "row", spacing: 1, alignItems: "center", sx: { cursor: "pointer" }, children: [
-            /* @__PURE__ */ jsxRuntime.jsx(SVG.CheckedPerson, {}),
-            /* @__PURE__ */ jsxRuntime.jsx(material.Box, { sx: { flex: 1 }, children: /* @__PURE__ */ jsxRuntime.jsx(
-              material.Typography,
-              {
-                variant: "h4",
-                sx: {
-                  color: "#1A1919",
-                  fontSize: "16px",
-                  fontWeight: "400",
-                  m: 0
-                },
-                children: "extraMenuOptions"
-              }
-            ) })
-          ] }) })
-        ] }),
-        isViewProfile: true,
-        isChangePassword: true,
-        isEditProfile: true
-      },
-      t: (s) => s
-    }
-  ) });
+        t: (s) => s
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(PreviousLoginBanner, { t: (s) => s })
+  ] });
 };
 exports.CookiesUtil = CookiesUtil;
 exports.DangerDialog = DangerDialog;