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.es.js
CHANGED
|
@@ -6,12 +6,13 @@ import axios from "axios";
|
|
|
6
6
|
import Cookies from "js-cookie";
|
|
7
7
|
import createCache from "@emotion/cache";
|
|
8
8
|
import { CacheProvider } from "@emotion/react";
|
|
9
|
-
import { Box, Typography, ThemeProvider, createTheme, 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";
|
|
9
|
+
import { Box, Typography, ThemeProvider, createTheme, Dialog, Stack as Stack$1, Button as Button$1, IconButton, Grid, Avatar, Chip, Link, Divider, ClickAwayListener, useMediaQuery, MenuItem, AppBar, Tooltip, Container, Badge, FormLabel, TextField, InputAdornment, styled as styled$1 } from "@mui/material";
|
|
10
10
|
import MenuIcon from "@mui/icons-material/Menu";
|
|
11
11
|
import CloseIcon from "@mui/icons-material/Close";
|
|
12
12
|
import toast from "react-hot-toast";
|
|
13
13
|
import { styled } from "@mui/material/styles";
|
|
14
14
|
import VisibilityOffIcon from "@mui/icons-material/VisibilityOff";
|
|
15
|
+
import KeyboardArrowDownIcon from "@mui/icons-material/KeyboardArrowDown";
|
|
15
16
|
import LanguageIcon from "@mui/icons-material/Language";
|
|
16
17
|
import CheckIcon from "@mui/icons-material/Check";
|
|
17
18
|
import ExitToAppTwoToneIcon from "@mui/icons-material/ExitToAppTwoTone";
|
|
@@ -13774,20 +13775,32 @@ const DropdownMenu = ({ headerMenuArray, initialState }) => {
|
|
|
13774
13775
|
const pathname = typeof window !== "undefined" ? window.location.pathname : "";
|
|
13775
13776
|
const isMobile = useMediaQuery("(max-width: 1324px)");
|
|
13776
13777
|
return /* @__PURE__ */ jsx("nav", { className: "sixseconds-header-nav", 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: [
|
|
13777
|
-
/* @__PURE__ */
|
|
13778
|
-
|
|
13778
|
+
/* @__PURE__ */ jsxs("a", { href: items.value || "", target: items.target, className: `sixseconds-header-menu-link`, children: [
|
|
13779
|
+
items.label,
|
|
13780
|
+
Boolean(items.children?.length) && /* @__PURE__ */ jsx(
|
|
13781
|
+
KeyboardArrowDownIcon,
|
|
13782
|
+
{
|
|
13783
|
+
className: "sixseconds-header-desktop-caret",
|
|
13784
|
+
sx: { fontSize: 12, ml: 0.5, transition: "transform 0.2s" }
|
|
13785
|
+
}
|
|
13786
|
+
)
|
|
13787
|
+
] }),
|
|
13788
|
+
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)) })
|
|
13779
13789
|
] }, 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: [
|
|
13780
|
-
/* @__PURE__ */
|
|
13790
|
+
/* @__PURE__ */ jsxs(
|
|
13781
13791
|
"a",
|
|
13782
13792
|
{
|
|
13783
13793
|
href: items.value || "",
|
|
13784
13794
|
className: `sixseconds-header-bg-main-menu ${pathname === items.value ? "sixseconds-header-active-link" : ""}`,
|
|
13785
13795
|
style: { color: pathname === items.value ? "#0073b1" : "#1a1c1e" },
|
|
13786
|
-
children:
|
|
13796
|
+
children: [
|
|
13797
|
+
items.label,
|
|
13798
|
+
Boolean(items.children?.length) && /* @__PURE__ */ jsx(KeyboardArrowDownIcon, { className: "sixseconds-header-mobile-caret", sx: { fontSize: 12 } })
|
|
13799
|
+
]
|
|
13787
13800
|
},
|
|
13788
13801
|
index
|
|
13789
13802
|
),
|
|
13790
|
-
Boolean(items.children
|
|
13803
|
+
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(
|
|
13791
13804
|
"a",
|
|
13792
13805
|
{
|
|
13793
13806
|
href: items2.value || "",
|
|
@@ -13877,11 +13890,12 @@ function Language({
|
|
|
13877
13890
|
src: lang2?.flag || IMAGES.DefaultLang,
|
|
13878
13891
|
alt: lang2?.label,
|
|
13879
13892
|
style: {
|
|
13880
|
-
width: "
|
|
13881
|
-
height: "
|
|
13893
|
+
width: "40px !important",
|
|
13894
|
+
height: "auto",
|
|
13895
|
+
aspectRatio: "3/2"
|
|
13882
13896
|
},
|
|
13883
|
-
width:
|
|
13884
|
-
height:
|
|
13897
|
+
width: 40,
|
|
13898
|
+
height: 26
|
|
13885
13899
|
}
|
|
13886
13900
|
),
|
|
13887
13901
|
/* @__PURE__ */ jsx(Typography, { variant: "h4", sx: { fontSize: "16px", fontWeight: "500", m: 0 }, children: t2(lang2?.label) }),
|
|
@@ -14528,7 +14542,8 @@ const UserProfile = ({ t: t2, userData, setInitialState, extraMenuOptions, route
|
|
|
14528
14542
|
/* @__PURE__ */ jsx(
|
|
14529
14543
|
Typography,
|
|
14530
14544
|
{
|
|
14531
|
-
component:
|
|
14545
|
+
component: Tooltip,
|
|
14546
|
+
title: userData?.email || "",
|
|
14532
14547
|
sx: { m: 0, fontSize: "13px", color: "#5f6368", display: "block", mt: 0.5 },
|
|
14533
14548
|
children: truncateValUtil(userData?.email || "")
|
|
14534
14549
|
}
|
|
@@ -15349,6 +15364,12 @@ const App = () => {
|
|
|
15349
15364
|
flag: "https://cert-6seconds.s3.us-west-2.amazonaws.com/uploads/flags/1735277337.png"
|
|
15350
15365
|
}
|
|
15351
15366
|
],
|
|
15367
|
+
selectedInterFaceLang: {
|
|
15368
|
+
id: 1,
|
|
15369
|
+
label: "Chinese",
|
|
15370
|
+
value: "zh",
|
|
15371
|
+
flag: "https://cert-6seconds.s3.us-west-2.amazonaws.com/uploads/flags/1736568764.png"
|
|
15372
|
+
},
|
|
15352
15373
|
isMainLogo: true,
|
|
15353
15374
|
totallyEndCustomComponent: "asdfsdf",
|
|
15354
15375
|
extraMenuOptions: {
|
|
@@ -15385,7 +15406,7 @@ export {
|
|
|
15385
15406
|
try {
|
|
15386
15407
|
if (typeof document != "undefined") {
|
|
15387
15408
|
var elementStyle = document.createElement("style");
|
|
15388
|
-
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:
|
|
15409
|
+
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}'));
|
|
15389
15410
|
document.head.appendChild(elementStyle);
|
|
15390
15411
|
}
|
|
15391
15412
|
} catch (e) {
|