sixseconds-modules 1.6.187 → 1.6.189
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.
- package/dist/index.cjs.js +32 -11
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.es.js +33 -12
- package/dist/index.es.js.map +1 -1
- package/package.json +1 -1
package/dist/index.cjs.js
CHANGED
|
@@ -13,6 +13,7 @@ const CloseIcon = require("@mui/icons-material/Close");
|
|
|
13
13
|
const toast = require("react-hot-toast");
|
|
14
14
|
const styles = require("@mui/material/styles");
|
|
15
15
|
const VisibilityOffIcon = require("@mui/icons-material/VisibilityOff");
|
|
16
|
+
const KeyboardArrowDownIcon = require("@mui/icons-material/KeyboardArrowDown");
|
|
16
17
|
const LanguageIcon = require("@mui/icons-material/Language");
|
|
17
18
|
const CheckIcon = require("@mui/icons-material/Check");
|
|
18
19
|
const ExitToAppTwoToneIcon = require("@mui/icons-material/ExitToAppTwoTone");
|
|
@@ -13792,20 +13793,32 @@ const DropdownMenu = ({ headerMenuArray, initialState }) => {
|
|
|
13792
13793
|
const pathname = typeof window !== "undefined" ? window.location.pathname : "";
|
|
13793
13794
|
const isMobile = material.useMediaQuery("(max-width: 1324px)");
|
|
13794
13795
|
return /* @__PURE__ */ jsxRuntime.jsx("nav", { className: "sixseconds-header-nav", children: !isMobile ? /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "sixseconds-header-main-list-menu sixseconds-header-desktop-menu", children: headerMenuArray.map((items, index) => /* @__PURE__ */ jsxRuntime.jsxs("li", { className: "sixseconds-header-menu-item", style: { listStyle: "none" }, children: [
|
|
13795
|
-
/* @__PURE__ */ jsxRuntime.
|
|
13796
|
-
|
|
13796
|
+
/* @__PURE__ */ jsxRuntime.jsxs("a", { href: items.value || "", target: items.target, className: `sixseconds-header-menu-link`, children: [
|
|
13797
|
+
items.label,
|
|
13798
|
+
Boolean(items.children?.length) && /* @__PURE__ */ jsxRuntime.jsx(
|
|
13799
|
+
KeyboardArrowDownIcon,
|
|
13800
|
+
{
|
|
13801
|
+
className: "sixseconds-header-desktop-caret",
|
|
13802
|
+
sx: { fontSize: 12, ml: 0.5, transition: "transform 0.2s" }
|
|
13803
|
+
}
|
|
13804
|
+
)
|
|
13805
|
+
] }),
|
|
13806
|
+
Boolean(items.children?.length) && /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "sixseconds-header-submenu-data", children: items.children?.map((child, index2) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx("a", { href: child.value || "", target: child.target, className: "sixseconds-header-submenu-link", children: child.label }) }, index2)) })
|
|
13797
13807
|
] }, index)) }) : initialState.toggles.dropDownMenu && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "lg:hidden sixseconds-header-small-device-menu", id: "mobile-menu", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "sixseconds-header-layout-mobile-menu", children: headerMenuArray.map((items, index) => /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
|
|
13798
|
-
/* @__PURE__ */ jsxRuntime.
|
|
13808
|
+
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
13799
13809
|
"a",
|
|
13800
13810
|
{
|
|
13801
13811
|
href: items.value || "",
|
|
13802
13812
|
className: `sixseconds-header-bg-main-menu ${pathname === items.value ? "sixseconds-header-active-link" : ""}`,
|
|
13803
13813
|
style: { color: pathname === items.value ? "#0073b1" : "#1a1c1e" },
|
|
13804
|
-
children:
|
|
13814
|
+
children: [
|
|
13815
|
+
items.label,
|
|
13816
|
+
Boolean(items.children?.length) && /* @__PURE__ */ jsxRuntime.jsx(KeyboardArrowDownIcon, { className: "sixseconds-header-mobile-caret", sx: { fontSize: 12 } })
|
|
13817
|
+
]
|
|
13805
13818
|
},
|
|
13806
13819
|
index
|
|
13807
13820
|
),
|
|
13808
|
-
Boolean(items.children
|
|
13821
|
+
Boolean(items.children?.length) && /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "sixseconds-header-submenu-child", children: items.children?.map((items2, index2) => /* @__PURE__ */ jsxRuntime.jsx("li", { style: { listStyleType: "none" }, children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
13809
13822
|
"a",
|
|
13810
13823
|
{
|
|
13811
13824
|
href: items2.value || "",
|
|
@@ -13895,11 +13908,12 @@ function Language({
|
|
|
13895
13908
|
src: lang2?.flag || IMAGES.DefaultLang,
|
|
13896
13909
|
alt: lang2?.label,
|
|
13897
13910
|
style: {
|
|
13898
|
-
width: "
|
|
13899
|
-
height: "
|
|
13911
|
+
width: "40px !important",
|
|
13912
|
+
height: "auto",
|
|
13913
|
+
aspectRatio: "3/2"
|
|
13900
13914
|
},
|
|
13901
|
-
width:
|
|
13902
|
-
height:
|
|
13915
|
+
width: 40,
|
|
13916
|
+
height: 26
|
|
13903
13917
|
}
|
|
13904
13918
|
),
|
|
13905
13919
|
/* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "h4", sx: { fontSize: "16px", fontWeight: "500", m: 0 }, children: t2(lang2?.label) }),
|
|
@@ -14546,7 +14560,8 @@ const UserProfile = ({ t: t2, userData, setInitialState, extraMenuOptions, route
|
|
|
14546
14560
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
14547
14561
|
material.Typography,
|
|
14548
14562
|
{
|
|
14549
|
-
component:
|
|
14563
|
+
component: material.Tooltip,
|
|
14564
|
+
title: userData?.email || "",
|
|
14550
14565
|
sx: { m: 0, fontSize: "13px", color: "#5f6368", display: "block", mt: 0.5 },
|
|
14551
14566
|
children: truncateValUtil(userData?.email || "")
|
|
14552
14567
|
}
|
|
@@ -15367,6 +15382,12 @@ const App = () => {
|
|
|
15367
15382
|
flag: "https://cert-6seconds.s3.us-west-2.amazonaws.com/uploads/flags/1735277337.png"
|
|
15368
15383
|
}
|
|
15369
15384
|
],
|
|
15385
|
+
selectedInterFaceLang: {
|
|
15386
|
+
id: 1,
|
|
15387
|
+
label: "Chinese",
|
|
15388
|
+
value: "zh",
|
|
15389
|
+
flag: "https://cert-6seconds.s3.us-west-2.amazonaws.com/uploads/flags/1736568764.png"
|
|
15390
|
+
},
|
|
15370
15391
|
isMainLogo: true,
|
|
15371
15392
|
totallyEndCustomComponent: "asdfsdf",
|
|
15372
15393
|
extraMenuOptions: {
|
|
@@ -15401,7 +15422,7 @@ exports.default = App;
|
|
|
15401
15422
|
try {
|
|
15402
15423
|
if (typeof document != "undefined") {
|
|
15403
15424
|
var elementStyle = document.createElement("style");
|
|
15404
|
-
elementStyle.appendChild(document.createTextNode('@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");\n\n.sixseconds-header-root blockquote,\n.sixseconds-header-root dl,\n.sixseconds-header-root dd,\n.sixseconds-header-root h1,\n.sixseconds-header-root h2,\n.sixseconds-header-root h3,\n.sixseconds-header-root h4,\n.sixseconds-header-root h5,\n.sixseconds-header-root h6,\n.sixseconds-header-root hr,\n.sixseconds-header-root figure,\n.sixseconds-header-root p,\n.sixseconds-header-root pre,\n.sixseconds-header-root span,\n.sixseconds-header-root a,\n.sixseconds-header-root div,\n.sixseconds-header-root li,\n.sixseconds-header-root button {\n font-family: "Inter", sans-serif !important;\n}\n\n.sixseconds-header-main-list-menu {\n display: flex;\n}\n\n.sixseconds-header-main-list-menu li {\n padding: 0.5rem 0.5rem;\n}\n\n.sixseconds-header-main-list-menu li a {\n padding: 0 0.25rem;\n font-weight: 500;\n font-size:
|
|
15425
|
+
elementStyle.appendChild(document.createTextNode('@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");\n\n.sixseconds-header-root blockquote,\n.sixseconds-header-root dl,\n.sixseconds-header-root dd,\n.sixseconds-header-root h1,\n.sixseconds-header-root h2,\n.sixseconds-header-root h3,\n.sixseconds-header-root h4,\n.sixseconds-header-root h5,\n.sixseconds-header-root h6,\n.sixseconds-header-root hr,\n.sixseconds-header-root figure,\n.sixseconds-header-root p,\n.sixseconds-header-root pre,\n.sixseconds-header-root span,\n.sixseconds-header-root a,\n.sixseconds-header-root div,\n.sixseconds-header-root li,\n.sixseconds-header-root button {\n font-family: "Inter", sans-serif !important;\n}\n\n.sixseconds-header-main-list-menu {\n display: flex;\n}\n\n.sixseconds-header-main-list-menu li {\n padding: 0.5rem 0.5rem;\n}\n\n.sixseconds-header-main-list-menu li a {\n padding: 0 0.25rem;\n font-weight: 500;\n font-size: 12px;\n}\n\n.sixseconds-header-main-list-menu .sixseconds-header-menu-item {\n position: relative;\n padding: 0 16px;\n display: flex;\n align-items: center;\n height: 100%;\n}\n\n.sixseconds-header-main-list-menu .sixseconds-header-menu-link {\n text-decoration: none;\n color: #2a2a2a;\n /* Closer to 6seconds */\n font-weight: 500;\n font-size: 15px;\n padding: 8px 4px;\n transition: color 0.2s ease;\n font-family: "Inter", sans-serif;\n display: flex;\n align-items: center;\n gap: 4px;\n}\n\n.sixseconds-header-main-list-menu .sixseconds-header-menu-link:hover {\n color: #0073b1;\n}\n\n/* Submenu (Dropdown) */\n\n.sixseconds-header-main-list-menu .sixseconds-header-submenu-data {\n position: absolute;\n top: 150%;\n left: 50%;\n background: white;\n border: 1px solid #e2e8f0;\n border-top: 3px solid #0073b1;\n box-shadow:\n 0px 12px 48px rgba(0, 0, 0, 0.12),\n 0 4px 16px rgba(0, 0, 0, 0.08);\n /* Even more premium shadow */\n display: block;\n opacity: 0;\n visibility: hidden;\n transform: translateX(-50%) translateY(12px);\n min-width: 260px;\n z-index: 1000;\n border-radius: 4px;\n /* More angular per 6seconds style */\n padding: 8px 0;\n transition:\n opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1),\n transform 0.25s cubic-bezier(0.4, 0, 0.2, 1),\n visibility 0.25s;\n}\n\n.sixseconds-header-main-list-menu .sixseconds-header-submenu-data li {\n list-style: none;\n padding: 0;\n}\n\n.sixseconds-header-main-list-menu .sixseconds-header-submenu-link {\n display: block;\n padding: 12px 28px;\n text-decoration: none;\n color: #2a2a2a;\n /* Darker grey */\n font-weight: 400;\n font-size: 14.5px;\n line-height: 1.4;\n transition: all 0.2s ease;\n}\n\n.sixseconds-header-main-list-menu .sixseconds-header-submenu-link:hover {\n background: #f0f7fb;\n color: #0073b1;\n padding-left: 32px;\n /* Slight nudge */\n}\n\n/* Caret rotation on hover */\n\n.sixseconds-header-main-list-menu .sixseconds-header-menu-item:hover .sixseconds-header-desktop-caret {\n transform: rotate(180deg);\n}\n\n/* Show dropdown on hover */\n\n.sixseconds-header-main-list-menu .sixseconds-header-menu-item:hover .sixseconds-header-submenu-data {\n opacity: 1;\n visibility: visible;\n transform: translateX(-50%) translateY(0);\n}\n\n.sixseconds-header-small-device-menu {\n display: none;\n width: 100%;\n left: 0;\n top: 64px;\n background-color: #fff;\n position: fixed;\n overflow-y: auto;\n height: 95vh;\n box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);\n}\n\n.sixseconds-header-small-device-menu a.sixseconds-header-bg-main-menu {\n display: block;\n text-decoration: none;\n}\n\n.sixseconds-header-submenu-child li {\n padding: 0.5rem 0;\n}\n\n.sixseconds-header-submenu-child li a {\n text-decoration: none;\n}\n\n.sixseconds-header-layout-mobile-menu {\n padding-bottom: 12px;\n padding-inline: 0;\n height: 95vh;\n overflow-y: auto;\n padding-top: 8px;\n}\n\n.sixseconds-header-small-device-menu a {\n background-color: transparent;\n font-size: 16px;\n /* Slightly larger */\n font-weight: 600;\n /* Bolder for parent items */\n color: #1a1c1e;\n margin-bottom: 4px;\n padding: 16px 20px;\n border-bottom: 1px solid #f1f3f4;\n display: flex;\n align-items: center;\n justify-content: space-between;\n}\n\n.sixseconds-header-small-device-menu .sixseconds-header-submenu-child {\n padding-left: 0px;\n min-width: 100%;\n max-width: 100%;\n margin-top: 0;\n background-color: #fbfbfc;\n /* Slightly different background for sub-items */\n color: #1a1c1e;\n}\n\n.sixseconds-header-small-device-menu ul li .sixseconds-header-submenu-child-link {\n padding: 12px 32px;\n /* Indent more */\n font-weight: 400;\n /* Regular weight for sub-links */\n font-size: 14px;\n}\n\n.sixseconds-header-small-device-menu ul li a {\n background-color: transparent;\n color: #4a4d50;\n}\n\n.sixseconds-header-small-device-menu ul {\n padding-left: 15px;\n}\n\n.sixseconds-header-desktop-menu {\n display: flex;\n}\n\n.sixseconds-header-button-hamburger {\n display: none;\n position: absolute;\n right: 20px;\n top: 18px;\n z-index: 9;\n}\n\n.sixseconds-header-root .tox-editor-header {\n background-color: transparent;\n}\n\n.sixseconds-header-hamburger-icon-btn {\n padding: 8px;\n color: #5f6368;\n}\n\n.sixseconds-header-desktop-menu .sixseconds-header-menu-item .sixseconds-header-menu-link {\n font-size: 14px;\n font-weight: 500;\n}\n\n.sixseconds-header-small-device-menu {\n padding-inline: 20px;\n}\n\n@media screen and (max-width: 600px) and (min-width: 320px) {\n .sixseconds-header-notification-icon-error .MuiBadge-badge {\n font-size: 10px;\n padding: 0 4px;\n min-width: 16px;\n right: 5px;\n background-color: #d32f2f;\n }\n\n .sixseconds-header-submenu nav {\n padding: 0 !important;\n }\n\n .sixseconds-header-root .MuiPagination-root.MuiPagination-outlined {\n display: flex;\n justify-content: center;\n margin-left: 0;\n }\n\n .sixseconds-header-toggle-btn-menu {\n position: absolute;\n right: 20px;\n top: 12px;\n z-index: 99;\n }\n\n .sixseconds-header-right-icons {\n padding-right: 25px;\n }\n\n .sixseconds-header-button-hamburger {\n display: block;\n }\n\n .sixseconds-header-desktop-menu {\n display: none;\n }\n\n .sixseconds-header-small-device-menu {\n display: block;\n width: 100%;\n position: fixed;\n left: 0;\n background: #fff;\n top: 64px;\n }\n\n .main.sixseconds-header-login-page .sixseconds-header-login-body {\n width: 90% !important;\n }\n\n .sixseconds-header-submenu {\n width: 100%;\n max-width: 100% !important;\n }\n\n .sixseconds-header-sidebar {\n width: 280px !important;\n background-color: #f9fafb;\n z-index: 99;\n border-right: 1px solid #e0e0e0;\n }\n\n .sixseconds-header-sidemenu {\n width: 280px;\n background-color: #f9fafb;\n }\n\n .sixseconds-header-logo {\n opacity: 1;\n }\n\n .sixseconds-header-profile .sixseconds-header-menu {\n min-width: 280px;\n width: 100% !important;\n }\n}\n\n@media screen and (max-width: 1024px) and (min-width: 600px) {\n .sixseconds-header-toggle-btn-menu {\n position: absolute;\n right: 20px;\n top: 12px;\n }\n\n .sixseconds-header-right-icons {\n padding-right: 25px;\n }\n\n .sixseconds-header-button-hamburger {\n display: block;\n }\n\n .sixseconds-header-desktop-menu {\n display: none;\n }\n\n .sixseconds-header-small-device-menu {\n display: block;\n }\n\n .main.sixseconds-header-login-page .sixseconds-header-login-body {\n width: 450px !important;\n }\n\n .sixseconds-header-banner {\n margin-left: 0 !important;\n }\n\n .sixseconds-header-submenu {\n width: 100%;\n max-width: 100% !important;\n }\n\n .sixseconds-header-sidebar {\n width: 280px !important;\n background-color: #f9fafb;\n z-index: 99;\n }\n\n .sixseconds-header-sidemenu {\n width: 280px;\n background-color: #f9fafb;\n }\n\n .sixseconds-header-logo {\n opacity: 1;\n }\n\n .sixseconds-header-profile .sixseconds-header-menu {\n min-width: 280px;\n width: 100% !important;\n }\n}\n\n@media screen and (max-width: 1380px) and (min-width: 1024px) {\n .sixseconds-header-right-icons {\n padding-right: 25px;\n }\n\n .sixseconds-header-button-hamburger {\n display: block;\n }\n\n .sixseconds-header-desktop-menu {\n display: none;\n }\n\n .sixseconds-header-small-device-menu {\n display: block;\n width: 100%;\n position: fixed;\n left: 0;\n background: #fff;\n top: 64px;\n }\n\n .sixseconds-header-button-hamburger {\n display: block;\n }\n\n .sixseconds-header-right-icons {\n padding-right: 25px;\n }\n}'));
|
|
15405
15426
|
document.head.appendChild(elementStyle);
|
|
15406
15427
|
}
|
|
15407
15428
|
} catch (e) {
|