sixseconds-modules 1.6.163 → 1.6.164

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.
Files changed (8) hide show
  1. package/dist/components/buttons/button.d.ts +2 -1
  2. package/dist/components/elements/logo.d.ts +1 -1
  3. package/dist/components/inputFields/labeledInput.d.ts +3 -1
  4. package/dist/index.cjs.js +315 -276
  5. package/dist/index.cjs.js.map +1 -1
  6. package/dist/index.es.js +315 -276
  7. package/dist/index.es.js.map +1 -1
  8. package/package.json +1 -1
package/dist/index.cjs.js CHANGED
@@ -13,17 +13,17 @@
13
13
  "use strict";
14
14
  Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
15
15
  const jsxRuntime = require("react/jsx-runtime");
16
- const material = require("@mui/material");
17
16
  const React = require("react");
18
17
  const axios = require("axios");
19
18
  const Cookies = require("js-cookie");
20
19
  const MenuIcon = require("@mui/icons-material/Menu");
20
+ const material = require("@mui/material");
21
+ const CloseIcon = require("@mui/icons-material/Close");
21
22
  const toast = require("react-hot-toast");
22
23
  const styles = require("@mui/material/styles");
23
24
  const VisibilityOffIcon = require("@mui/icons-material/VisibilityOff");
24
25
  const CheckIcon = require("@mui/icons-material/Check");
25
26
  const ExitToAppTwoToneIcon = require("@mui/icons-material/ExitToAppTwoTone");
26
- const CloseIcon = require("@mui/icons-material/Close");
27
27
  const ContentCopyIcon = require("@mui/icons-material/ContentCopy");
28
28
  const LinkedIn = require("@mui/icons-material/LinkedIn");
29
29
  const PublicIcon = require("@mui/icons-material/Public");
@@ -12894,7 +12894,7 @@ const DangerDialog = ({
12894
12894
  fullWidth: false,
12895
12895
  PaperProps: {
12896
12896
  sx: {
12897
- maxWidth: "400px",
12897
+ minWidth: "400px",
12898
12898
  borderRadius: "12px",
12899
12899
  boxShadow: "0px 4px 20px rgba(0, 0, 0, 0.1)"
12900
12900
  }
@@ -12903,7 +12903,7 @@ const DangerDialog = ({
12903
12903
  open,
12904
12904
  "aria-labelledby": "draggable-dialog-title",
12905
12905
  children: /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { sx: { p: 3 }, children: [
12906
- /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { direction: "column", spacing: 2, alignItems: "center", sx: { textAlign: "center", mb: 2 }, children: [
12906
+ /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { direction: "column", spacing: 2, alignItems: "flex-start", sx: { textAlign: "start", mb: 2 }, children: [
12907
12907
  /* @__PURE__ */ jsxRuntime.jsx(ExitToAppTwoToneIcon, { sx: { color: "#d32f2f", fontSize: "48px" } }),
12908
12908
  /* @__PURE__ */ jsxRuntime.jsx(
12909
12909
  material.Typography,
@@ -12953,6 +12953,7 @@ const DangerDialog = ({
12953
12953
  sx: {
12954
12954
  background: "#d32f2f",
12955
12955
  color: "#fff",
12956
+ width: "100%",
12956
12957
  textTransform: "capitalize",
12957
12958
  borderRadius: "8px",
12958
12959
  fontSize: "14px",
@@ -13325,7 +13326,7 @@ const ProfileStyled = styles.styled("div")(() => ({
13325
13326
  fontSize: "16px",
13326
13327
  color: "#5f6368",
13327
13328
  fontWeight: "400",
13328
- margin: "3px 3px",
13329
+ // margin: "3px 3px",
13329
13330
  fontFamily: "'IBM Plex Sans', sans-serif"
13330
13331
  },
13331
13332
  "& .recant": {
@@ -13360,184 +13361,215 @@ const ProfileStyled = styles.styled("div")(() => ({
13360
13361
  }
13361
13362
  }));
13362
13363
  function ViewProfileDialog({ userData, setInitialState, isOpen }) {
13363
- return /* @__PURE__ */ jsxRuntime.jsxs(
13364
+ return /* @__PURE__ */ jsxRuntime.jsx(
13364
13365
  material.Dialog,
13365
13366
  {
13366
- fullWidth: false,
13367
- sx: { "& .MuiPaper-root": { maxWidth: "800px", borderRadius: "12px" } },
13367
+ fullWidth: true,
13368
+ maxWidth: "md",
13369
+ PaperProps: {
13370
+ sx: {
13371
+ borderRadius: "16px",
13372
+ boxShadow: "0px 12px 32px rgba(0,0,0,0.12)"
13373
+ }
13374
+ },
13368
13375
  onClose: () => handleCloseUtil(setInitialState),
13369
13376
  open: isOpen,
13370
- "aria-labelledby": "draggable-dialog-title",
13371
- children: [
13372
- /* @__PURE__ */ jsxRuntime.jsxs(ProfileStyled, { children: [
13373
- /* @__PURE__ */ jsxRuntime.jsx(material.Box, { sx: { textAlign: "right", padding: "16px 16px 0px 0px" }, children: /* @__PURE__ */ jsxRuntime.jsx(
13374
- material.IconButton,
13375
- {
13376
- onClick: () => setInitialState((p) => ({ ...p, toggles: { ...p.toggles, viewProfile: false } })),
13377
- disableRipple: false,
13378
- sx: {
13379
- background: "#f1f3f4",
13380
- color: "#5f6368",
13381
- "&:hover": { background: "#e0e0e0", color: "#1a1c1e" }
13382
- },
13383
- children: /* @__PURE__ */ jsxRuntime.jsx(CloseIcon, { fontSize: "small" })
13384
- }
13385
- ) }),
13386
- /* @__PURE__ */ jsxRuntime.jsx(material.Box, { sx: { p: 4 }, children: /* @__PURE__ */ jsxRuntime.jsxs(material.Grid, { container: true, spacing: 4, children: [
13387
- /* @__PURE__ */ jsxRuntime.jsxs(material.Grid, { item: true, xs: 12, lg: 5, children: [
13388
- /* @__PURE__ */ jsxRuntime.jsx(material.Box, { sx: { textAlign: "center", mb: 3 }, children: /* @__PURE__ */ jsxRuntime.jsx(
13389
- material.Avatar,
13390
- {
13391
- src: userData?.userprofile,
13392
- sx: {
13393
- width: "160px",
13394
- height: "160px",
13395
- border: "4px solid #0073b1",
13396
- boxShadow: "0px 4px 12px rgba(0,0,0,0.1)",
13397
- display: "inline-flex"
13398
- }
13377
+ children: /* @__PURE__ */ jsxRuntime.jsxs(ProfileStyled, { children: [
13378
+ /* @__PURE__ */ jsxRuntime.jsx(material.Box, { sx: { display: "flex", justifyContent: "flex-end", p: 1.5 }, children: /* @__PURE__ */ jsxRuntime.jsx(
13379
+ material.IconButton,
13380
+ {
13381
+ onClick: () => setInitialState((p) => ({ ...p, toggles: { ...p.toggles, viewProfile: false } })),
13382
+ sx: {
13383
+ background: "#f5f5f5",
13384
+ color: "#5f6368",
13385
+ "&:hover": { background: "#eee", color: "#111" }
13386
+ },
13387
+ children: /* @__PURE__ */ jsxRuntime.jsx(CloseIcon, { fontSize: "small" })
13388
+ }
13389
+ ) }),
13390
+ /* @__PURE__ */ jsxRuntime.jsx(material.Box, { sx: { px: { xs: 3, sm: 5, md: 6 }, pb: { xs: 5, sm: 6 }, mt: 3 }, children: /* @__PURE__ */ jsxRuntime.jsxs(material.Grid, { container: true, spacing: { xs: 4, md: 6 }, children: [
13391
+ /* @__PURE__ */ jsxRuntime.jsxs(material.Grid, { item: true, xs: 12, md: 5, lg: 4, children: [
13392
+ /* @__PURE__ */ jsxRuntime.jsx(material.Box, { sx: { textAlign: "center", mb: 4 }, children: /* @__PURE__ */ jsxRuntime.jsx(
13393
+ material.Avatar,
13394
+ {
13395
+ src: userData?.userprofile,
13396
+ sx: {
13397
+ width: { xs: 130, sm: 150, md: 170 },
13398
+ height: { xs: 130, sm: 150, md: 170 },
13399
+ border: "4px solid #0073b1",
13400
+ boxShadow: "0px 8px 24px rgba(0, 115, 177, 0.15)",
13401
+ display: "inline-flex"
13399
13402
  }
13400
- ) }),
13401
- /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { children: [
13402
- /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { direction: "column", spacing: 1.5, sx: { fontSize: "14px", color: "#5f6368" }, children: [
13403
- Boolean(userData?.certification?.length) && /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { direction: "column", spacing: 1, children: [
13404
- /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { sx: { fontWeight: 600, color: "#1a1c1e", fontSize: "14px" }, children: "Certifications" }),
13405
- /* @__PURE__ */ jsxRuntime.jsx(material.Box, { sx: { display: "flex", flexWrap: "wrap", gap: 0.5 }, children: userData?.certification?.map((itm, idx) => /* @__PURE__ */ jsxRuntime.jsx(material.Chip, { variant: "outlined", sx: { borderRadius: "6px" }, label: `${itm}` }, idx)) })
13406
- ] }),
13407
- Boolean(userData?.country) && /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { sx: { display: "flex", gap: 1 }, children: [
13408
- /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { sx: { fontWeight: 600, color: "#1a1c1e", minWidth: "80px" }, children: "Location:" }),
13409
- /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { children: userData?.country })
13410
- ] }),
13411
- Boolean(userData?.languages?.length) && /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { children: [
13412
- /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { sx: { fontWeight: 600, color: "#1a1c1e", mb: 0.5 }, children: "Languages" }),
13413
- /* @__PURE__ */ jsxRuntime.jsx(material.Box, { sx: { display: "flex", flexWrap: "wrap", gap: 0.5 }, children: userData?.languages?.map((itm, idx) => /* @__PURE__ */ jsxRuntime.jsx(material.Chip, { size: "small", variant: "outlined", label: `${itm}` }, idx)) })
13414
- ] }),
13415
- Boolean(userData?.areaOfWork?.length) && /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { children: [
13416
- /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { sx: { fontWeight: 600, color: "#1a1c1e", mb: 0.5 }, children: "Areas Of Work" }),
13417
- /* @__PURE__ */ jsxRuntime.jsx(material.Box, { sx: { display: "flex", flexWrap: "wrap", gap: 0.5 }, children: userData?.areaOfWork?.map((itm, idx) => /* @__PURE__ */ jsxRuntime.jsx(material.Chip, { size: "small", variant: "outlined", label: `${itm}` }, idx)) })
13418
- ] })
13403
+ }
13404
+ ) }),
13405
+ /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { spacing: 3.5, sx: { ml: 2 }, children: [
13406
+ /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { spacing: 2.5, children: [
13407
+ Boolean(userData?.certification?.length) && /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { children: [
13408
+ /* @__PURE__ */ jsxRuntime.jsx(
13409
+ material.Typography,
13410
+ {
13411
+ sx: {
13412
+ fontWeight: 700,
13413
+ color: "#1a1c1e",
13414
+ mb: 1.5,
13415
+ fontSize: "14px",
13416
+ textTransform: "uppercase",
13417
+ letterSpacing: "0.5px"
13418
+ },
13419
+ children: "Certifications"
13420
+ }
13421
+ ),
13422
+ /* @__PURE__ */ jsxRuntime.jsx(material.Box, { sx: { display: "flex", flexWrap: "wrap", gap: 1 }, children: userData?.certification?.map((itm, idx) => /* @__PURE__ */ jsxRuntime.jsx(
13423
+ material.Chip,
13424
+ {
13425
+ variant: "outlined",
13426
+ sx: { borderRadius: "6px", height: "30px", fontWeight: 500, borderColor: "#e0e0e0" },
13427
+ label: itm
13428
+ },
13429
+ idx
13430
+ )) })
13419
13431
  ] }),
13420
- /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { direction: "row", spacing: 1.5, alignItems: "center", sx: { marginTop: 3 }, children: [
13432
+ Boolean(userData?.country) && /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { sx: { display: "flex", alignItems: "center", justifyContent: "center", gap: 1 }, children: [
13421
13433
  /* @__PURE__ */ jsxRuntime.jsx(
13422
- material.Button,
13434
+ material.Typography,
13423
13435
  {
13424
- href: `https://cert.6seconds.org/cert-directory?id=${userData?.certId}`,
13425
- LinkComponent: material.Link,
13426
- target: "_blank",
13427
- variant: "contained",
13428
- disableElevation: true,
13429
13436
  sx: {
13430
- background: "#0073b1",
13431
- borderRadius: "8px",
13432
- minWidth: "auto",
13433
- p: 1.2,
13434
- "&:hover": {
13435
- backgroundColor: "#005a8b"
13436
- }
13437
+ fontWeight: 700,
13438
+ color: "#1a1c1e",
13439
+ fontSize: "14px",
13440
+ textTransform: "uppercase",
13441
+ letterSpacing: "0.5px"
13437
13442
  },
13438
- children: /* @__PURE__ */ jsxRuntime.jsx(ContentCopyIcon, { fontSize: "small" })
13443
+ children: "Location"
13439
13444
  }
13440
13445
  ),
13446
+ /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { sx: { color: "#5f6368", fontSize: "15px" }, children: userData?.country })
13447
+ ] }),
13448
+ Boolean(userData?.languages?.length) && /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { sx: { display: "flex", alignItems: "center", justifyContent: "center", gap: 1 }, children: [
13441
13449
  /* @__PURE__ */ jsxRuntime.jsx(
13442
- material.Button,
13450
+ material.Typography,
13443
13451
  {
13444
- variant: "contained",
13445
13452
  sx: {
13446
- backgroundColor: "#0073b1",
13447
- borderRadius: "8px",
13448
- minWidth: "auto",
13449
- p: 1.2,
13450
- "&:hover": {
13451
- backgroundColor: "#005a8b"
13452
- }
13453
+ fontWeight: 700,
13454
+ color: "#1a1c1e",
13455
+ mb: 1,
13456
+ fontSize: "14px",
13457
+ textTransform: "uppercase",
13458
+ letterSpacing: "0.5px"
13453
13459
  },
13454
- disableElevation: true,
13455
- LinkComponent: material.Link,
13456
- href: userData?.linkedInUrl || "#",
13457
- target: "_blank",
13458
- children: /* @__PURE__ */ jsxRuntime.jsx(LinkedIn, { fontSize: "small" })
13460
+ children: "Languages"
13459
13461
  }
13460
13462
  ),
13463
+ /* @__PURE__ */ jsxRuntime.jsx(material.Box, { sx: { display: "flex", flexWrap: "wrap", gap: 1 }, children: userData?.languages?.map((itm, idx) => /* @__PURE__ */ jsxRuntime.jsx(material.Chip, { size: "small", variant: "outlined", sx: { borderRadius: "4px" }, label: itm }, idx)) })
13464
+ ] }),
13465
+ Boolean(userData?.areaOfWork?.length) && /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { sx: { display: "flex", alignItems: "center", justifyContent: "center", gap: 1 }, children: [
13461
13466
  /* @__PURE__ */ jsxRuntime.jsx(
13462
- material.Button,
13467
+ material.Typography,
13463
13468
  {
13464
- variant: "contained",
13465
- disableElevation: true,
13466
- href: `https://${userData?.certProfileUrl}`,
13467
- LinkComponent: material.Link,
13468
- target: "_blank",
13469
13469
  sx: {
13470
- background: "#0073b1",
13471
- borderRadius: "8px",
13472
- minWidth: "auto",
13473
- p: 1.2,
13474
- "&:hover": {
13475
- backgroundColor: "#005a8b"
13476
- }
13470
+ fontWeight: 700,
13471
+ color: "#1a1c1e",
13472
+ mb: 1,
13473
+ fontSize: "14px",
13474
+ textTransform: "uppercase",
13475
+ letterSpacing: "0.5px"
13477
13476
  },
13478
- children: /* @__PURE__ */ jsxRuntime.jsx(PublicIcon, { fontSize: "small" })
13477
+ children: "Areas Of Work"
13479
13478
  }
13480
- )
13479
+ ),
13480
+ /* @__PURE__ */ jsxRuntime.jsx(material.Box, { sx: { display: "flex", flexWrap: "wrap", gap: 1 }, children: userData?.areaOfWork?.map((itm, idx) => /* @__PURE__ */ jsxRuntime.jsx(material.Chip, { size: "small", variant: "outlined", sx: { borderRadius: "4px" }, label: itm }, idx)) })
13481
13481
  ] })
13482
- ] })
13482
+ ] }),
13483
+ /* @__PURE__ */ jsxRuntime.jsx(material.Stack, { direction: "row", spacing: 1.5, justifyContent: { xs: "center", md: "center" }, children: [
13484
+ {
13485
+ icon: /* @__PURE__ */ jsxRuntime.jsx(ContentCopyIcon, { sx: { fontSize: "18px" } }),
13486
+ href: `https://cert.6seconds.org/cert-directory?id=${userData?.certId}`
13487
+ },
13488
+ { icon: /* @__PURE__ */ jsxRuntime.jsx(LinkedIn, { sx: { fontSize: "20px" } }), href: userData?.linkedInUrl },
13489
+ { icon: /* @__PURE__ */ jsxRuntime.jsx(PublicIcon, { sx: { fontSize: "18px" } }), href: `https://${userData?.certProfileUrl}` }
13490
+ ].map((btn, i) => /* @__PURE__ */ jsxRuntime.jsx(
13491
+ material.Button,
13492
+ {
13493
+ href: btn.href || "#",
13494
+ LinkComponent: material.Link,
13495
+ target: "_blank",
13496
+ variant: "contained",
13497
+ disableElevation: true,
13498
+ sx: {
13499
+ minWidth: "42px",
13500
+ width: "42px",
13501
+ height: "42px",
13502
+ display: "flex",
13503
+ alignItems: "center",
13504
+ justifyContent: "center",
13505
+ background: "#0073b1",
13506
+ borderRadius: "10px",
13507
+ transition: "all 0.2s ease",
13508
+ "&:hover": { background: "#005a8b", transform: "translateY(-2px)" }
13509
+ },
13510
+ children: btn.icon
13511
+ },
13512
+ i
13513
+ )) })
13514
+ ] })
13515
+ ] }),
13516
+ /* @__PURE__ */ jsxRuntime.jsx(material.Grid, { item: true, xs: 12, md: 7, lg: 8, children: /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { spacing: 4, children: [
13517
+ /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { children: [
13518
+ /* @__PURE__ */ jsxRuntime.jsx(
13519
+ material.Typography,
13520
+ {
13521
+ variant: "h3",
13522
+ sx: {
13523
+ fontSize: { xs: "28px", sm: "36px" },
13524
+ fontWeight: "800",
13525
+ color: "#1a1c1e",
13526
+ mb: 2,
13527
+ fontFamily: "'IBM Plex Sans', sans-serif"
13528
+ },
13529
+ children: userData?.fullName
13530
+ }
13531
+ ),
13532
+ /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { sx: { color: "#555", fontSize: "16px", lineHeight: "1.8", textAlign: "justify" }, children: userData?.bio })
13483
13533
  ] }),
13484
- /* @__PURE__ */ jsxRuntime.jsxs(material.Grid, { item: true, xs: 12, lg: 7, children: [
13485
- /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { direction: "column", spacing: 2, sx: { color: "#5f6368", fontSize: "14px", lineHeight: "1.6" }, children: [
13486
- /* @__PURE__ */ jsxRuntime.jsx(
13487
- material.Typography,
13488
- {
13489
- variant: "h3",
13490
- sx: {
13491
- fontSize: "28px",
13492
- fontWeight: "700",
13493
- color: "#1a1c1e",
13494
- fontFamily: "'IBM Plex Sans', sans-serif"
13495
- },
13496
- children: userData?.fullName
13497
- }
13498
- ),
13499
- /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { sx: { fontSize: "15px" }, children: userData?.bio }),
13500
- /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { children: [
13501
- Boolean(userData?.title) && /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { sx: { mb: 1 }, children: [
13502
- /* @__PURE__ */ jsxRuntime.jsxs(material.Typography, { component: "span", sx: { fontWeight: 600, color: "#1a1c1e" }, children: [
13503
- "Title:",
13504
- " "
13505
- ] }),
13506
- userData?.title
13507
- ] }),
13508
- Boolean(userData?.company) && /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { sx: { mb: 1 }, children: [
13509
- /* @__PURE__ */ jsxRuntime.jsxs(material.Typography, { component: "span", sx: { fontWeight: 600, color: "#1a1c1e" }, children: [
13510
- "Company:",
13511
- " "
13512
- ] }),
13513
- userData?.company
13534
+ /* @__PURE__ */ jsxRuntime.jsx(
13535
+ material.Stack,
13536
+ {
13537
+ spacing: 1.5,
13538
+ sx: { p: 2.5, background: "#f9fafb", borderRadius: "12px", border: "1px solid #f1f3f4" },
13539
+ children: [
13540
+ { label: "Title", value: userData?.title },
13541
+ { label: "Company", value: userData?.company },
13542
+ { label: "Email", value: userData?.email }
13543
+ ].filter((item) => Boolean(item.value)).map((item, i) => /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { sx: { display: "flex", gap: 1.5 }, children: [
13544
+ /* @__PURE__ */ jsxRuntime.jsxs(material.Typography, { sx: { fontWeight: 600, color: "#1a1c1e", minWidth: "80px", fontSize: "15px" }, children: [
13545
+ item.label,
13546
+ ":"
13514
13547
  ] }),
13515
- Boolean(userData?.email) && /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { children: [
13516
- /* @__PURE__ */ jsxRuntime.jsxs(material.Typography, { component: "span", sx: { fontWeight: 600, color: "#1a1c1e" }, children: [
13517
- "Email:",
13518
- " "
13519
- ] }),
13520
- userData?.email
13521
- ] })
13522
- ] }),
13523
- /* @__PURE__ */ jsxRuntime.jsx(
13524
- material.Box,
13525
- {
13526
- sx: { mt: 2 },
13527
- dangerouslySetInnerHTML: {
13528
- __html: userData?.certBio || ""
13529
- }
13530
- }
13531
- ),
13532
- /* @__PURE__ */ jsxRuntime.jsx(material.Divider, { sx: { my: 2 } }),
13533
- /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "h5", sx: { fontSize: "16px", fontWeight: "500" }, children: "Description" })
13534
- ] }),
13535
- /* @__PURE__ */ jsxRuntime.jsx(material.Stack, { direction: "row", alignItems: "center", flexWrap: "wrap", spacing: 0.5, useFlexGap: true, children: userData?.certOfferToHelp })
13548
+ /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { sx: { color: "#5f6368", fontSize: "15px" }, children: item.value })
13549
+ ] }, i))
13550
+ }
13551
+ ),
13552
+ userData?.certBio && /* @__PURE__ */ jsxRuntime.jsx(
13553
+ material.Box,
13554
+ {
13555
+ sx: {
13556
+ color: "#555",
13557
+ fontSize: "15.5px",
13558
+ lineHeight: "1.8",
13559
+ textAlign: "justify",
13560
+ "& p": { m: 0, mb: 2 }
13561
+ },
13562
+ dangerouslySetInnerHTML: { __html: userData.certBio }
13563
+ }
13564
+ ),
13565
+ /* @__PURE__ */ jsxRuntime.jsx(material.Divider, { sx: { my: 1 } }),
13566
+ /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { children: [
13567
+ /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "h6", sx: { fontSize: "18px", fontWeight: "700", mb: 1.5, color: "#1a1c1e" }, children: "Description" }),
13568
+ /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { sx: { color: "#5f6368", fontSize: "15.5px", lineHeight: "1.7" }, children: userData?.certOfferToHelp })
13536
13569
  ] })
13537
13570
  ] }) })
13538
- ] }),
13539
- " "
13540
- ]
13571
+ ] }) })
13572
+ ] })
13541
13573
  }
13542
13574
  );
13543
13575
  }
@@ -13573,65 +13605,103 @@ function ChangePasswordDialog({ isOpen, email, t: t2, setInitialState }) {
13573
13605
  return /* @__PURE__ */ jsxRuntime.jsx(
13574
13606
  material.Dialog,
13575
13607
  {
13576
- fullWidth: false,
13577
- sx: { "& .MuiPaper-root": { maxWidth: "600px", borderRadius: "12px" } },
13608
+ fullWidth: true,
13609
+ maxWidth: "sm",
13610
+ PaperProps: {
13611
+ sx: {
13612
+ borderRadius: "16px",
13613
+ boxShadow: "0px 12px 32px rgba(0,0,0,0.12)"
13614
+ }
13615
+ },
13578
13616
  onClose: () => handleCloseUtil(setInitialState),
13579
13617
  open: isOpen,
13580
- "aria-labelledby": "draggable-dialog-title",
13581
- children: /* @__PURE__ */ jsxRuntime.jsx("form", { onSubmit: formik.handleSubmit, children: /* @__PURE__ */ jsxRuntime.jsx(ChangePasswordStyled, { children: /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { sx: { pr: { xs: 0, lg: 8 }, p: 2 }, children: [
13582
- /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "h6", sx: { display: "flex", alignItems: "center", fontWeight: 600, color: "#1a1c1e" }, children: "Change Password" }),
13583
- /* @__PURE__ */ jsxRuntime.jsx(
13584
- material.Box,
13618
+ children: /* @__PURE__ */ jsxRuntime.jsx("form", { onSubmit: formik.handleSubmit, children: /* @__PURE__ */ jsxRuntime.jsxs(ChangePasswordStyled, { children: [
13619
+ /* @__PURE__ */ jsxRuntime.jsx(material.Box, { sx: { display: "flex", justifyContent: "flex-end", p: 1.5 }, children: /* @__PURE__ */ jsxRuntime.jsx(
13620
+ material.IconButton,
13585
13621
  {
13622
+ onClick: () => handleCloseUtil(setInitialState),
13586
13623
  sx: {
13587
- p: 3,
13588
- border: "1px solid #e0e0e0",
13589
- borderRadius: "12px",
13590
- mt: 2,
13591
- boxShadow: "0px 2px 4px rgba(0,0,0,0.05)"
13624
+ background: "#f5f5f5",
13625
+ color: "#5f6368",
13626
+ "&:hover": { background: "#eee", color: "#111" }
13592
13627
  },
13593
- children: /* @__PURE__ */ jsxRuntime.jsxs(material.Grid, { container: true, spacing: 2, children: [
13594
- /* @__PURE__ */ jsxRuntime.jsxs(material.Grid, { item: true, xs: 12, lg: 6, children: [
13595
- /* @__PURE__ */ jsxRuntime.jsx(
13596
- LabeledInput,
13597
- {
13598
- type: "password",
13599
- label: t2("New password"),
13600
- fullWidth: true,
13601
- size: "small",
13602
- ...formik.getFieldProps("newPassword")
13603
- }
13604
- ),
13605
- /* @__PURE__ */ jsxRuntime.jsx(ErrorMessage, { formik, fieldName: "newPassword" })
13606
- ] }),
13607
- /* @__PURE__ */ jsxRuntime.jsxs(material.Grid, { item: true, xs: 12, lg: 6, children: [
13608
- /* @__PURE__ */ jsxRuntime.jsx(
13609
- LabeledInput,
13628
+ children: /* @__PURE__ */ jsxRuntime.jsx(CloseIcon, { fontSize: "small" })
13629
+ }
13630
+ ) }),
13631
+ /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { sx: { px: { xs: 3, sm: 5 }, pb: { xs: 4, sm: 5 } }, children: [
13632
+ /* @__PURE__ */ jsxRuntime.jsx(
13633
+ material.Typography,
13634
+ {
13635
+ variant: "h5",
13636
+ sx: {
13637
+ fontWeight: 700,
13638
+ color: "#1a1c1e",
13639
+ mb: 3,
13640
+ fontFamily: "'IBM Plex Sans', sans-serif",
13641
+ textAlign: "start"
13642
+ },
13643
+ children: t2("Change Password")
13644
+ }
13645
+ ),
13646
+ /* @__PURE__ */ jsxRuntime.jsx(
13647
+ material.Box,
13648
+ {
13649
+ sx: {
13650
+ p: { xs: 2.5, sm: 4 },
13651
+ background: "#fff",
13652
+ border: "1px solid #f1f3f4",
13653
+ borderRadius: "12px",
13654
+ boxShadow: "0px 4px 12px rgba(0,0,0,0.03)"
13655
+ },
13656
+ children: /* @__PURE__ */ jsxRuntime.jsxs(material.Grid, { container: true, spacing: 3, children: [
13657
+ /* @__PURE__ */ jsxRuntime.jsxs(material.Grid, { item: true, xs: 12, children: [
13658
+ /* @__PURE__ */ jsxRuntime.jsx(
13659
+ LabeledInput,
13660
+ {
13661
+ type: "password",
13662
+ label: t2("New password"),
13663
+ fullWidth: true,
13664
+ ...formik.getFieldProps("newPassword")
13665
+ }
13666
+ ),
13667
+ /* @__PURE__ */ jsxRuntime.jsx(ErrorMessage, { formik, fieldName: "newPassword" })
13668
+ ] }),
13669
+ /* @__PURE__ */ jsxRuntime.jsxs(material.Grid, { item: true, xs: 12, children: [
13670
+ /* @__PURE__ */ jsxRuntime.jsx(
13671
+ LabeledInput,
13672
+ {
13673
+ type: "password",
13674
+ fullWidth: true,
13675
+ label: t2("Confirm new password"),
13676
+ ...formik.getFieldProps("passwordConfirmation")
13677
+ }
13678
+ ),
13679
+ /* @__PURE__ */ jsxRuntime.jsx(ErrorMessage, { formik, fieldName: "passwordConfirmation" })
13680
+ ] }),
13681
+ /* @__PURE__ */ jsxRuntime.jsx(material.Grid, { item: true, xs: 12, mt: 2, children: /* @__PURE__ */ jsxRuntime.jsx(
13682
+ Button,
13610
13683
  {
13611
- type: "password",
13612
- label: t2("Confirm new password"),
13684
+ isLoading: formik.isSubmitting,
13613
13685
  fullWidth: true,
13614
- size: "small",
13615
- ...formik.getFieldProps("passwordConfirmation")
13686
+ type: "submit",
13687
+ disabled: formik.isSubmitting,
13688
+ btnTitle: t2("Update Password"),
13689
+ sx: {
13690
+ py: 1.5,
13691
+ fontSize: "16px",
13692
+ fontWeight: 600,
13693
+ borderRadius: "8px",
13694
+ background: "#0073b1",
13695
+ color: "white",
13696
+ "&:hover": { background: "#005a8b" }
13697
+ }
13616
13698
  }
13617
- ),
13618
- /* @__PURE__ */ jsxRuntime.jsx(ErrorMessage, { formik, fieldName: "passwordConfirmation" })
13619
- ] }),
13620
- /* @__PURE__ */ jsxRuntime.jsx(material.Grid, { item: true, xs: 12, lg: 12, children: /* @__PURE__ */ jsxRuntime.jsx(
13621
- Button,
13622
- {
13623
- isLoading: formik.isSubmitting,
13624
- className: "invite",
13625
- sx: { width: "auto !important" },
13626
- type: "submit",
13627
- disabled: formik.isSubmitting,
13628
- btnTitle: t2("Change Password")
13629
- }
13630
- ) })
13631
- ] })
13632
- }
13633
- )
13634
- ] }) }) })
13699
+ ) })
13700
+ ] })
13701
+ }
13702
+ )
13703
+ ] })
13704
+ ] }) })
13635
13705
  }
13636
13706
  );
13637
13707
  }
@@ -14364,7 +14434,7 @@ const SubHeaderStyled = styles.styled(material.AppBar)(() => ({
14364
14434
  padding: "8px 0",
14365
14435
  listStyle: "none",
14366
14436
  "& li": {
14367
- padding: "12px 16px",
14437
+ padding: "2px 16px",
14368
14438
  borderBottom: "1px solid #f1f3f4",
14369
14439
  cursor: "pointer",
14370
14440
  transition: "background 0.2s ease",
@@ -14441,8 +14511,8 @@ const UserProfile = ({ t: t2, userData, setInitialState, extraMenuOptions, route
14441
14511
  {
14442
14512
  src: userData?.userprofile,
14443
14513
  sx: {
14444
- width: "48px",
14445
- height: "48px",
14514
+ width: "65px",
14515
+ height: "65px",
14446
14516
  border: "2px solid #fff",
14447
14517
  boxShadow: "0px 2px 4px rgba(0,0,0,0.1)"
14448
14518
  },
@@ -14480,16 +14550,16 @@ const UserProfile = ({ t: t2, userData, setInitialState, extraMenuOptions, route
14480
14550
  extraMenuOptions.isViewProfile && /* @__PURE__ */ jsxRuntime.jsx(
14481
14551
  material.Box,
14482
14552
  {
14483
- component: "li",
14484
- onClick: () => setInitialState((p) => ({ ...p, toggles: { ...p.toggles, viewProfile: true } })),
14485
14553
  sx: {
14486
14554
  px: 2,
14487
14555
  py: 1.5,
14488
14556
  cursor: "pointer",
14489
14557
  "&:hover": { background: "#f8f9fa", color: "#0073b1" }
14490
14558
  },
14559
+ component: "li",
14560
+ onClick: () => setInitialState((p) => ({ ...p, toggles: { ...p.toggles, viewProfile: true } })),
14491
14561
  children: /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { direction: "row", gap: 1.5, alignItems: "center", children: [
14492
- /* @__PURE__ */ jsxRuntime.jsx(SVG.CheckedPerson, { style: { width: "18px", height: "18px", color: "inherit" } }),
14562
+ /* @__PURE__ */ jsxRuntime.jsx(SVG.CheckedPerson, { style: { width: "25px", height: "25px", color: "inherit" } }),
14493
14563
  /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { sx: { fontSize: "14px", fontWeight: "400", m: 0 }, children: t2("View Profile") })
14494
14564
  ] })
14495
14565
  }
@@ -14506,7 +14576,7 @@ const UserProfile = ({ t: t2, userData, setInitialState, extraMenuOptions, route
14506
14576
  "&:hover": { background: "#f8f9fa", color: "#0073b1" }
14507
14577
  },
14508
14578
  children: /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { direction: "row", gap: 1.5, alignItems: "center", children: [
14509
- /* @__PURE__ */ jsxRuntime.jsx(SVG.UserEdit, { style: { width: "18px", height: "18px", color: "inherit" } }),
14579
+ /* @__PURE__ */ jsxRuntime.jsx(SVG.UserEdit, { style: { width: "25px", height: "25px", color: "inherit" } }),
14510
14580
  /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { sx: { fontSize: "14px", fontWeight: "400", m: 0 }, children: t2("Edit Profile") })
14511
14581
  ] })
14512
14582
  }
@@ -14523,7 +14593,7 @@ const UserProfile = ({ t: t2, userData, setInitialState, extraMenuOptions, route
14523
14593
  "&:hover": { background: "#f8f9fa", color: "#0073b1" }
14524
14594
  },
14525
14595
  children: /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { direction: "row", gap: 1.5, alignItems: "center", children: [
14526
- /* @__PURE__ */ jsxRuntime.jsx(SVG.CheckedPerson, { style: { width: "18px", height: "18px", color: "inherit" } }),
14596
+ /* @__PURE__ */ jsxRuntime.jsx(SVG.CheckedPerson, { style: { width: "25px", height: "25px", color: "inherit" } }),
14527
14597
  /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { sx: { fontSize: "14px", fontWeight: "400", m: 0 }, children: t2("Change Password") })
14528
14598
  ] })
14529
14599
  }
@@ -14544,7 +14614,7 @@ const UserProfile = ({ t: t2, userData, setInitialState, extraMenuOptions, route
14544
14614
  borderTop: "1px solid #f1f3f4"
14545
14615
  },
14546
14616
  children: /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { direction: "row", gap: 1.5, alignItems: "center", children: [
14547
- /* @__PURE__ */ jsxRuntime.jsx(SVG.Logout, { style: { width: "18px", height: "18px", color: "inherit" } }),
14617
+ /* @__PURE__ */ jsxRuntime.jsx(SVG.Logout, { style: { width: "25px", height: "25px", color: "inherit" } }),
14548
14618
  /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { sx: { fontSize: "14px", fontWeight: "400", m: 0 }, children: t2("Logout") })
14549
14619
  ] })
14550
14620
  }
@@ -14876,13 +14946,13 @@ function LabeledInput({
14876
14946
  className: "textInput",
14877
14947
  sx: {
14878
14948
  "& .MuiInputBase-root": {
14879
- borderRadius: "8px",
14949
+ borderRadius: "20px",
14880
14950
  height: "36px"
14881
14951
  },
14882
14952
  "& input:disabled": {
14883
14953
  borderRadius: "20px"
14884
14954
  },
14885
- borderRadius: "8px",
14955
+ borderRadius: "20px",
14886
14956
  fontFamily: "Inter, sans-serif",
14887
14957
  "& input:-webkit-autofill": {
14888
14958
  WebkitBoxShadow: "0 0 0 100px white inset",
@@ -15201,9 +15271,21 @@ const App = () => {
15201
15271
  appName: APP_NAMES.sso,
15202
15272
  appAccess: [
15203
15273
  {
15204
- name: "Tools",
15205
- icon: "",
15206
- link: "https://tools.6seconds.org",
15274
+ name: "Cards sdf dfsfwk",
15275
+ icon: "https://cert-6seconds.s3.us-west-2.amazonaws.com/uploads/dashboard/cardshome.svg",
15276
+ link: "https://cards.6seconds.org",
15277
+ type: "app"
15278
+ },
15279
+ {
15280
+ name: "ASDfwoj vds Home",
15281
+ icon: "https://cert-6seconds.s3.us-west-2.amazonaws.com/uploads/dashboard/cardshome.svg",
15282
+ link: "https://cards.6seconds.org",
15283
+ type: "app"
15284
+ },
15285
+ {
15286
+ name: "Cards Homeasdf",
15287
+ icon: "https://cert-6seconds.s3.us-west-2.amazonaws.com/uploads/dashboard/cardshome.svg",
15288
+ link: "https://cards.6seconds.org",
15207
15289
  type: "app"
15208
15290
  },
15209
15291
  {
@@ -15213,15 +15295,21 @@ const App = () => {
15213
15295
  type: "app"
15214
15296
  },
15215
15297
  {
15216
- name: "Settings",
15217
- icon: "/app-icons/Settings.svg",
15218
- link: "/settings.svg",
15298
+ name: "Cards ",
15299
+ icon: "https://cert-6seconds.s3.us-west-2.amazonaws.com/uploads/dashboard/cardshome.svg",
15300
+ link: "https://cards.6seconds.org",
15219
15301
  type: "app"
15220
15302
  },
15221
15303
  {
15222
- name: "Translations",
15223
- icon: "/translate.svg",
15224
- link: "/translations",
15304
+ name: "Cards Home",
15305
+ icon: "https://cert-6seconds.s3.us-west-2.amazonaws.com/uploads/dashboard/cardshome.svg",
15306
+ link: "https://cards.6seconds.org",
15307
+ type: "app"
15308
+ },
15309
+ {
15310
+ name: "Cards Home",
15311
+ icon: "https://cert-6seconds.s3.us-west-2.amazonaws.com/uploads/dashboard/cardshome.svg",
15312
+ link: "https://cards.6seconds.org",
15225
15313
  type: "app"
15226
15314
  }
15227
15315
  ],
@@ -15262,56 +15350,7 @@ const App = () => {
15262
15350
  isNotification: true,
15263
15351
  totallyEndCustomComponent: "asdfsdf",
15264
15352
  extraMenuOptions: {
15265
- components: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
15266
- /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { direction: "row", spacing: 1, alignItems: "center", sx: { cursor: "pointer" }, children: [
15267
- /* @__PURE__ */ jsxRuntime.jsx(SVG.CheckedPerson, {}),
15268
- /* @__PURE__ */ jsxRuntime.jsx(material.Box, { sx: { flex: 1 }, children: /* @__PURE__ */ jsxRuntime.jsx(
15269
- material.Typography,
15270
- {
15271
- variant: "h4",
15272
- sx: {
15273
- color: "#1A1919",
15274
- fontSize: "16px",
15275
- fontWeight: "400",
15276
- m: 0
15277
- },
15278
- children: "extraMenuOptions"
15279
- }
15280
- ) })
15281
- ] }) }),
15282
- /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { direction: "row", spacing: 1, alignItems: "center", sx: { cursor: "pointer" }, children: [
15283
- /* @__PURE__ */ jsxRuntime.jsx(SVG.CheckedPerson, {}),
15284
- /* @__PURE__ */ jsxRuntime.jsx(material.Box, { sx: { flex: 1 }, children: /* @__PURE__ */ jsxRuntime.jsx(
15285
- material.Typography,
15286
- {
15287
- variant: "h4",
15288
- sx: {
15289
- color: "#1A1919",
15290
- fontSize: "16px",
15291
- fontWeight: "400",
15292
- m: 0
15293
- },
15294
- children: "extraMenuOptions"
15295
- }
15296
- ) })
15297
- ] }) }),
15298
- /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { direction: "row", spacing: 1, alignItems: "center", sx: { cursor: "pointer" }, children: [
15299
- /* @__PURE__ */ jsxRuntime.jsx(SVG.CheckedPerson, {}),
15300
- /* @__PURE__ */ jsxRuntime.jsx(material.Box, { sx: { flex: 1 }, children: /* @__PURE__ */ jsxRuntime.jsx(
15301
- material.Typography,
15302
- {
15303
- variant: "h4",
15304
- sx: {
15305
- color: "#1A1919",
15306
- fontSize: "16px",
15307
- fontWeight: "400",
15308
- m: 0
15309
- },
15310
- children: "extraMenuOptions"
15311
- }
15312
- ) })
15313
- ] }) })
15314
- ] }),
15353
+ components: /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, {}),
15315
15354
  isViewProfile: true,
15316
15355
  isChangePassword: true,
15317
15356
  isEditProfile: true