sixseconds-modules 1.6.187 → 1.6.188
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 +27 -7
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.es.js +28 -8
- 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 || "",
|
|
@@ -14546,7 +14559,8 @@ const UserProfile = ({ t: t2, userData, setInitialState, extraMenuOptions, route
|
|
|
14546
14559
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
14547
14560
|
material.Typography,
|
|
14548
14561
|
{
|
|
14549
|
-
component:
|
|
14562
|
+
component: material.Tooltip,
|
|
14563
|
+
title: userData?.email || "",
|
|
14550
14564
|
sx: { m: 0, fontSize: "13px", color: "#5f6368", display: "block", mt: 0.5 },
|
|
14551
14565
|
children: truncateValUtil(userData?.email || "")
|
|
14552
14566
|
}
|
|
@@ -15367,6 +15381,12 @@ const App = () => {
|
|
|
15367
15381
|
flag: "https://cert-6seconds.s3.us-west-2.amazonaws.com/uploads/flags/1735277337.png"
|
|
15368
15382
|
}
|
|
15369
15383
|
],
|
|
15384
|
+
selectedInterFaceLang: {
|
|
15385
|
+
id: 1,
|
|
15386
|
+
label: "Chinese",
|
|
15387
|
+
value: "zh",
|
|
15388
|
+
flag: "https://cert-6seconds.s3.us-west-2.amazonaws.com/uploads/flags/1736568764.png"
|
|
15389
|
+
},
|
|
15370
15390
|
isMainLogo: true,
|
|
15371
15391
|
totallyEndCustomComponent: "asdfsdf",
|
|
15372
15392
|
extraMenuOptions: {
|
|
@@ -15401,7 +15421,7 @@ exports.default = App;
|
|
|
15401
15421
|
try {
|
|
15402
15422
|
if (typeof document != "undefined") {
|
|
15403
15423
|
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:
|
|
15424
|
+
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
15425
|
document.head.appendChild(elementStyle);
|
|
15406
15426
|
}
|
|
15407
15427
|
} catch (e) {
|