sixseconds-modules 1.6.167 → 1.6.170

package/dist/index.es.js

@@ -17,7 +17,7 @@ import React__default, { useRef, useEffect, useState, useCallback, useMemo, useL
 import axios from "axios";
 import Cookies from "js-cookie";
 import { CacheProvider } from "@emotion/react";
-import { Box, Typography, unstable_ClassNameGenerator, Dialog, Stack as Stack$1, Button as Button$1, IconButton, Grid, Avatar, Chip, Link, Divider, ClickAwayListener, useMediaQuery, MenuItem, AppBar, Container, Badge, FormLabel, TextField, InputAdornment, styled as styled$1 } from "@mui/material";
+import { Box, Typography, ThemeProvider, createTheme, unstable_ClassNameGenerator, Dialog, Stack as Stack$1, Button as Button$1, IconButton, Grid, Avatar, Chip, Link, Divider, ClickAwayListener, useMediaQuery, MenuItem, AppBar, Container, Badge, FormLabel, TextField, InputAdornment, styled as styled$1 } from "@mui/material";
 import MenuIcon from "@mui/icons-material/Menu";
 import CloseIcon from "@mui/icons-material/Close";
 import toast from "react-hot-toast";
@@ -13644,6 +13644,29 @@ var createCache = function createCache2(options) {
   cache.sheet.hydrate(nodesToHydrate);
   return cache;
 };
+const isolatedTheme = createTheme({
+  typography: {
+    fontFamily: "'IBM Plex Sans', sans-serif"
+  },
+  components: {
+    MuiDialog: {
+      defaultProps: {
+        disablePortal: true
+        // Prevents modals from portaling out into the Host's body so they stay inside MuiProvider's DOM subtree.
+      }
+    },
+    MuiPopover: {
+      defaultProps: {
+        disablePortal: true
+      }
+    },
+    MuiMenu: {
+      defaultProps: {
+        disablePortal: true
+      }
+    }
+  }
+});
 unstable_ClassNameGenerator.configure((componentName) => `sixseconds-modules-${componentName}`);
 function createEmotionCache() {
   if (typeof document === "undefined") {
@@ -13663,7 +13686,7 @@ function createEmotionCache() {
 }
 function MuiProvider({ children }) {
   const cacheRef = useRef(createEmotionCache());
-  return /* @__PURE__ */ jsx(CacheProvider, { value: cacheRef.current, children });
+  return /* @__PURE__ */ jsx(CacheProvider, { value: cacheRef.current, children: /* @__PURE__ */ jsx(ThemeProvider, { theme: isolatedTheme, children }) });
 }
 const DangerDialog = ({
   open,
@@ -14564,10 +14587,10 @@ const AppMenus = ({ menuItems, setInitialState, t: t2, appName, router }) => {
 const DropdownMenu = ({ headerMenuArray, initialState }) => {
   const pathname = window.location.pathname;
   const isMobile = useMediaQuery("(max-width: 1324px)");
-  return /* @__PURE__ */ jsx("nav", { style: { backgroundColor: "transparent", color: "#000" }, children: !isMobile ? /* @__PURE__ */ jsx("ul", { className: "sixseconds-header-main-list-menu sixseconds-header-desktop-menu", children: headerMenuArray.map((items, index) => /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs("li", { className: "sixseconds-header-menu-item", style: { listStyle: "none" }, children: [
+  return /* @__PURE__ */ jsx("nav", { style: { backgroundColor: "transparent", color: "#000" }, children: !isMobile ? /* @__PURE__ */ jsx("ul", { className: "sixseconds-header-main-list-menu sixseconds-header-desktop-menu", children: headerMenuArray.map((items, index) => /* @__PURE__ */ jsxs("li", { className: "sixseconds-header-menu-item", style: { listStyle: "none" }, children: [
     /* @__PURE__ */ jsx("a", { href: items.value || "", target: items.target, className: `sixseconds-header-menu-link`, children: items.label }),
-    Boolean(items.children.length) && /* @__PURE__ */ jsx("ul", { className: "sixseconds-header-submenu-data", children: items.children?.map((child, index2) => /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx("a", { href: child.value || "", target: child.target, className: "sixseconds-header-submenu-link", children: child.label }) }, index2) })) })
-  ] }, index) })) }) : initialState.toggles.dropDownMenu && /* @__PURE__ */ jsx("div", { className: "lg:hidden sixseconds-header-small-device-menu", id: "mobile-menu", children: /* @__PURE__ */ jsx("div", { className: "sixseconds-header-layout-mobile-menu", children: headerMenuArray.map((items, index) => /* @__PURE__ */ jsxs(Fragment, { children: [
+    Boolean(items.children.length) && /* @__PURE__ */ jsx("ul", { className: "sixseconds-header-submenu-data", children: items.children?.map((child, index2) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx("a", { href: child.value || "", target: child.target, className: "sixseconds-header-submenu-link", children: child.label }) }, index2)) })
+  ] }, index)) }) : initialState.toggles.dropDownMenu && /* @__PURE__ */ jsx("div", { className: "lg:hidden sixseconds-header-small-device-menu", id: "mobile-menu", children: /* @__PURE__ */ jsx("div", { className: "sixseconds-header-layout-mobile-menu", children: headerMenuArray.map((items, index) => /* @__PURE__ */ jsxs("div", { children: [
     /* @__PURE__ */ jsx(
       "a",
       {
@@ -14578,7 +14601,7 @@ const DropdownMenu = ({ headerMenuArray, initialState }) => {
       },
       index
     ),
-    Boolean(items.children.length) && /* @__PURE__ */ jsx("ul", { className: "sixseconds-header-submenu-child", children: items.children?.map((items2, index2) => /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx("li", { style: { listStyleType: "none" }, children: /* @__PURE__ */ jsx(
+    Boolean(items.children.length) && /* @__PURE__ */ jsx("ul", { className: "sixseconds-header-submenu-child", children: items.children?.map((items2, index2) => /* @__PURE__ */ jsx("li", { style: { listStyleType: "none" }, children: /* @__PURE__ */ jsx(
       "a",
       {
         href: items2.value || "",
@@ -14586,8 +14609,8 @@ const DropdownMenu = ({ headerMenuArray, initialState }) => {
         className: "sixseconds-header-submenu-child-link",
         children: items2.label
       }
-    ) }, index2) })) })
-  ] })) }) }) });
+    ) }, index2)) })
+  ] }, index)) }) }) });
 };
 function Language({
   interFaceLangList,
@@ -15236,7 +15259,7 @@ const SubHeaderStyled = styled(AppBar)(() => ({
     alignItems: "center",
     fontFamily: "'IBM Plex Sans', sans-serif"
   },
-  "& .sixseconds-header-notification h6,p": {
+  "& .sixseconds-header-notification h6, & .sixseconds-header-notification p": {
     margin: "10px",
     fontFamily: "'IBM Plex Sans', sans-serif"
   },
@@ -15558,8 +15581,9 @@ const HeaderInner = ({
                 },
                 children: [
                   /* @__PURE__ */ jsx(
-                    Typography,
+                    Box,
                     {
+                      component: "span",
                       sx: {
                         cursor: "pointer"
                       },
@@ -15596,8 +15620,9 @@ const HeaderInner = ({
                 },
                 children: [
                   /* @__PURE__ */ jsxs(
-                    Typography,
+                    Box,
                     {
+                      component: "span",
                       "data-toggle-name": "lang",
                       onClick: (e) => handleOpenUtil(e, setState),
                       sx: {