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.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 || "",
|
|
@@ -14528,7 +14541,8 @@ const UserProfile = ({ t: t2, userData, setInitialState, extraMenuOptions, route
|
|
|
14528
14541
|
/* @__PURE__ */ jsx(
|
|
14529
14542
|
Typography,
|
|
14530
14543
|
{
|
|
14531
|
-
component:
|
|
14544
|
+
component: Tooltip,
|
|
14545
|
+
title: userData?.email || "",
|
|
14532
14546
|
sx: { m: 0, fontSize: "13px", color: "#5f6368", display: "block", mt: 0.5 },
|
|
14533
14547
|
children: truncateValUtil(userData?.email || "")
|
|
14534
14548
|
}
|
|
@@ -15349,6 +15363,12 @@ const App = () => {
|
|
|
15349
15363
|
flag: "https://cert-6seconds.s3.us-west-2.amazonaws.com/uploads/flags/1735277337.png"
|
|
15350
15364
|
}
|
|
15351
15365
|
],
|
|
15366
|
+
selectedInterFaceLang: {
|
|
15367
|
+
id: 1,
|
|
15368
|
+
label: "Chinese",
|
|
15369
|
+
value: "zh",
|
|
15370
|
+
flag: "https://cert-6seconds.s3.us-west-2.amazonaws.com/uploads/flags/1736568764.png"
|
|
15371
|
+
},
|
|
15352
15372
|
isMainLogo: true,
|
|
15353
15373
|
totallyEndCustomComponent: "asdfsdf",
|
|
15354
15374
|
extraMenuOptions: {
|
|
@@ -15385,7 +15405,7 @@ export {
|
|
|
15385
15405
|
try {
|
|
15386
15406
|
if (typeof document != "undefined") {
|
|
15387
15407
|
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:
|
|
15408
|
+
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
15409
|
document.head.appendChild(elementStyle);
|
|
15390
15410
|
}
|
|
15391
15411
|
} catch (e) {
|