sixseconds-modules 1.6.178 → 1.6.179

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 (5) hide show
  1. package/dist/index.cjs.js +160 -158
  2. package/dist/index.cjs.js.map +1 -1
  3. package/dist/index.es.js +160 -158
  4. package/dist/index.es.js.map +1 -1
  5. package/package.json +1 -1
package/dist/index.cjs.js CHANGED
@@ -13742,22 +13742,17 @@ const AppMenus = ({ menuItems, setInitialState, t: t2, appName, router }) => {
13742
13742
  material.Box,
13743
13743
  {
13744
13744
  className: "sixseconds-header-dashboard-boxes",
13745
+ component: material.IconButton,
13745
13746
  sx: {
13746
13747
  display: "flex",
13747
13748
  flexDirection: "column",
13748
13749
  justifyContent: "flex-start",
13749
13750
  alignItems: "center",
13750
13751
  textAlign: "center",
13751
- p: { xs: 1, md: 2 },
13752
13752
  height: "100%",
13753
13753
  borderRadius: "12px",
13754
13754
  transition: "all 0.2s",
13755
- "&:hover": {
13756
- background: "#f8f9fa",
13757
- "& .sixseconds-header-menu-text": {
13758
- color: "#0073b1"
13759
- }
13760
- }
13755
+ width: "100%"
13761
13756
  },
13762
13757
  children: [
13763
13758
  /* @__PURE__ */ jsxRuntime.jsx(material.Box, { sx: { mb: 1, display: "flex", alignItems: "center", justifyContent: "center" }, children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -13779,7 +13774,8 @@ const AppMenus = ({ menuItems, setInitialState, t: t2, appName, router }) => {
13779
13774
  color: "#1a1c1e",
13780
13775
  fontWeight: 500,
13781
13776
  lineHeight: 1.2,
13782
- wordBreak: "break-word"
13777
+ minWidth: "110px",
13778
+ wordBreak: "break-all"
13783
13779
  },
13784
13780
  children: t2(item.name)
13785
13781
  }
@@ -14734,168 +14730,175 @@ const HeaderInner = ({
14734
14730
  margin: { md: "10px", lg: "10px", xs: "10px 0" },
14735
14731
  position: "relative"
14736
14732
  },
14737
- children: /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { className: "sixseconds-header-notification", sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
14738
- endCustomComponents,
14739
- isAccessAppMenu && Boolean(userData?.appAccess?.length) && /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { children: [
14740
- /* @__PURE__ */ jsxRuntime.jsx(
14741
- material.Box,
14742
- {
14743
- sx: {
14744
- display: "flex",
14745
- alignItems: "center",
14746
- cursor: "pointer",
14747
- width: "auto",
14748
- height: "auto",
14749
- "& svg": {
14750
- color: "#808080",
14751
- width: { md: "40px", lg: "40px", xs: "30px" },
14752
- height: { md: "40px", lg: "40px", xs: "30px" }
14753
- }
14754
- },
14755
- "data-toggle-name": "appMenus",
14756
- onClick: (e) => handleOpenUtil(e, setState),
14757
- children: /* @__PURE__ */ jsxRuntime.jsx(SVG.GridIcon, {})
14758
- }
14759
- ),
14760
- state.toggles.appMenus && Boolean(userData?.appAccess?.length) && /* @__PURE__ */ jsxRuntime.jsx(
14761
- material.Box,
14762
- {
14763
- className: "sixseconds-header-menu sixseconds-header-profile sixseconds-header-menu",
14764
- sx: {
14765
- width: "400px !important",
14766
- p: 1,
14767
- zIndex: "99999999 !important",
14768
- "[dir='rtl'] &": { left: "0 !important", right: "unset" }
14769
- },
14770
- children: /* @__PURE__ */ jsxRuntime.jsx(
14771
- AppMenus,
14772
- {
14773
- router,
14774
- t,
14775
- appName: userData?.appName,
14776
- menuItems: userData?.appAccess,
14777
- setInitialState: setState
14778
- }
14779
- )
14780
- }
14781
- )
14782
- ] }),
14783
- isNotification && /* @__PURE__ */ jsxRuntime.jsxs(
14784
- material.Box,
14785
- {
14786
- sx: {
14787
- position: "relative"
14788
- },
14789
- children: [
14733
+ children: /* @__PURE__ */ jsxRuntime.jsxs(
14734
+ material.Box,
14735
+ {
14736
+ className: "sixseconds-header-notification",
14737
+ sx: { display: "flex", justifyContent: "center", alignItems: "center", gap: 1 },
14738
+ children: [
14739
+ endCustomComponents,
14740
+ isAccessAppMenu && Boolean(userData?.appAccess?.length) && /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { children: [
14790
14741
  /* @__PURE__ */ jsxRuntime.jsx(
14791
14742
  material.Box,
14792
14743
  {
14793
- component: "span",
14794
14744
  sx: {
14795
- cursor: "pointer"
14745
+ display: "flex",
14746
+ alignItems: "center",
14747
+ cursor: "pointer",
14748
+ width: "auto",
14749
+ height: "auto",
14750
+ "& svg": {
14751
+ color: "#808080",
14752
+ width: { md: "40px", lg: "40px", xs: "30px" },
14753
+ height: { md: "40px", lg: "40px", xs: "30px" }
14754
+ }
14796
14755
  },
14797
- "data-toggle-name": "notification",
14756
+ "data-toggle-name": "appMenus",
14798
14757
  onClick: (e) => handleOpenUtil(e, setState),
14799
- children: /* @__PURE__ */ jsxRuntime.jsx(
14800
- material.Badge,
14801
- {
14802
- badgeContent: userData?.notificationCount,
14803
- color: "error",
14804
- className: "sixseconds-header-notification-icon-error",
14805
- children: /* @__PURE__ */ jsxRuntime.jsx(SVG.Bell, {})
14806
- }
14807
- )
14758
+ children: /* @__PURE__ */ jsxRuntime.jsx(SVG.GridIcon, {})
14808
14759
  }
14809
14760
  ),
14810
- state.toggles.notification && /* @__PURE__ */ jsxRuntime.jsx(material.Box, { children: /* @__PURE__ */ jsxRuntime.jsx(
14811
- Notification,
14812
- {
14813
- t,
14814
- initialState: state,
14815
- notificationAccessApps,
14816
- setInitialState: setState
14817
- }
14818
- ) })
14819
- ]
14820
- }
14821
- ),
14822
- Boolean(interFaceLangList?.length) && /* @__PURE__ */ jsxRuntime.jsxs(
14823
- material.Box,
14824
- {
14825
- sx: {
14826
- position: "relative"
14827
- },
14828
- children: [
14829
- /* @__PURE__ */ jsxRuntime.jsxs(
14761
+ state.toggles.appMenus && Boolean(userData?.appAccess?.length) && /* @__PURE__ */ jsxRuntime.jsx(
14830
14762
  material.Box,
14831
14763
  {
14832
- component: "span",
14833
- "data-toggle-name": "lang",
14834
- onClick: (e) => handleOpenUtil(e, setState),
14764
+ className: "sixseconds-header-menu sixseconds-header-profile sixseconds-header-menu",
14835
14765
  sx: {
14836
- display: "inline-flex",
14837
- gap: "5px",
14838
- alignItems: "center",
14839
- color: "#777777",
14840
- cursor: "pointer"
14766
+ minWidth: "400px !important",
14767
+ p: 2,
14768
+ zIndex: "99999999 !important",
14769
+ "[dir='rtl'] &": { left: "0 !important", right: "unset" }
14841
14770
  },
14842
- children: [
14843
- /* @__PURE__ */ jsxRuntime.jsx(
14844
- "img",
14845
- {
14846
- style: {
14847
- width: "40px !important",
14848
- height: "30px !important"
14849
- },
14850
- width: 40,
14851
- height: 30,
14852
- alt: "lang",
14853
- "data-cookiecategory": "essential",
14854
- "data-src": selectedInterFaceLang?.flag || IMAGES.DefaultLang,
14855
- src: selectedInterFaceLang?.flag || IMAGES.DefaultLang
14856
- }
14857
- ),
14858
- /* @__PURE__ */ jsxRuntime.jsx(material.Box, { sx: { margin: "2px 0px 0px 2px" }, children: /* @__PURE__ */ jsxRuntime.jsx(SVG.Dawn, {}) })
14859
- ]
14860
- }
14861
- ),
14862
- state.toggles.lang && /* @__PURE__ */ jsxRuntime.jsx(
14863
- Language,
14864
- {
14865
- t,
14866
- setInitialState: setState,
14867
- interFaceLangList,
14868
- userData,
14869
- updateInterfaceLang,
14870
- setState,
14871
- selectedInterFaceLang
14771
+ children: /* @__PURE__ */ jsxRuntime.jsx(
14772
+ AppMenus,
14773
+ {
14774
+ router,
14775
+ t,
14776
+ appName: userData?.appName,
14777
+ menuItems: userData?.appAccess,
14778
+ setInitialState: setState
14779
+ }
14780
+ )
14872
14781
  }
14873
14782
  )
14874
- ]
14875
- }
14876
- ),
14877
- Boolean(userData?.fullName) && /* @__PURE__ */ jsxRuntime.jsx(
14878
- UserProfile,
14879
- {
14880
- router,
14881
- t,
14882
- userData,
14883
- initialState: state,
14884
- setInitialState: setState,
14885
- extraMenuOptions
14886
- }
14887
- ),
14888
- Boolean(totallyEndCustomComponent) && totallyEndCustomComponent,
14889
- isMobile && isMenu && state.isMenuIconsShow && /* @__PURE__ */ jsxRuntime.jsx(
14890
- material.IconButton,
14891
- {
14892
- style: { paddingRight: 0 },
14893
- className: "sixseconds-header-hamburger-icon-btn",
14894
- onClick: () => setState((p) => ({ ...p, toggles: { ...p.toggles, dropDownMenu: !p.toggles.dropDownMenu } })),
14895
- children: /* @__PURE__ */ jsxRuntime.jsx(MenuIcon, { style: { width: "1em", height: "1em" } })
14896
- }
14897
- )
14898
- ] })
14783
+ ] }),
14784
+ isNotification && /* @__PURE__ */ jsxRuntime.jsxs(
14785
+ material.Box,
14786
+ {
14787
+ sx: {
14788
+ position: "relative"
14789
+ },
14790
+ children: [
14791
+ /* @__PURE__ */ jsxRuntime.jsx(
14792
+ material.Box,
14793
+ {
14794
+ component: "span",
14795
+ sx: {
14796
+ cursor: "pointer"
14797
+ },
14798
+ "data-toggle-name": "notification",
14799
+ onClick: (e) => handleOpenUtil(e, setState),
14800
+ children: /* @__PURE__ */ jsxRuntime.jsx(
14801
+ material.Badge,
14802
+ {
14803
+ badgeContent: userData?.notificationCount,
14804
+ color: "error",
14805
+ className: "sixseconds-header-notification-icon-error",
14806
+ children: /* @__PURE__ */ jsxRuntime.jsx(SVG.Bell, {})
14807
+ }
14808
+ )
14809
+ }
14810
+ ),
14811
+ state.toggles.notification && /* @__PURE__ */ jsxRuntime.jsx(material.Box, { children: /* @__PURE__ */ jsxRuntime.jsx(
14812
+ Notification,
14813
+ {
14814
+ t,
14815
+ initialState: state,
14816
+ notificationAccessApps,
14817
+ setInitialState: setState
14818
+ }
14819
+ ) })
14820
+ ]
14821
+ }
14822
+ ),
14823
+ Boolean(interFaceLangList?.length) && /* @__PURE__ */ jsxRuntime.jsxs(
14824
+ material.Box,
14825
+ {
14826
+ sx: {
14827
+ position: "relative"
14828
+ },
14829
+ children: [
14830
+ /* @__PURE__ */ jsxRuntime.jsxs(
14831
+ material.Box,
14832
+ {
14833
+ component: "span",
14834
+ "data-toggle-name": "lang",
14835
+ onClick: (e) => handleOpenUtil(e, setState),
14836
+ sx: {
14837
+ display: "inline-flex",
14838
+ gap: "5px",
14839
+ alignItems: "center",
14840
+ color: "#777777",
14841
+ cursor: "pointer"
14842
+ },
14843
+ children: [
14844
+ /* @__PURE__ */ jsxRuntime.jsx(
14845
+ "img",
14846
+ {
14847
+ style: {
14848
+ width: "40px !important",
14849
+ height: "30px !important"
14850
+ },
14851
+ width: 40,
14852
+ height: 30,
14853
+ alt: "lang",
14854
+ "data-cookiecategory": "essential",
14855
+ "data-src": selectedInterFaceLang?.flag || IMAGES.DefaultLang,
14856
+ src: selectedInterFaceLang?.flag || IMAGES.DefaultLang
14857
+ }
14858
+ ),
14859
+ /* @__PURE__ */ jsxRuntime.jsx(material.Box, { sx: { margin: "2px 0px 0px 2px" }, children: /* @__PURE__ */ jsxRuntime.jsx(SVG.Dawn, {}) })
14860
+ ]
14861
+ }
14862
+ ),
14863
+ state.toggles.lang && /* @__PURE__ */ jsxRuntime.jsx(
14864
+ Language,
14865
+ {
14866
+ t,
14867
+ setInitialState: setState,
14868
+ interFaceLangList,
14869
+ userData,
14870
+ updateInterfaceLang,
14871
+ setState,
14872
+ selectedInterFaceLang
14873
+ }
14874
+ )
14875
+ ]
14876
+ }
14877
+ ),
14878
+ Boolean(userData?.fullName) && /* @__PURE__ */ jsxRuntime.jsx(
14879
+ UserProfile,
14880
+ {
14881
+ router,
14882
+ t,
14883
+ userData,
14884
+ initialState: state,
14885
+ setInitialState: setState,
14886
+ extraMenuOptions
14887
+ }
14888
+ ),
14889
+ Boolean(totallyEndCustomComponent) && totallyEndCustomComponent,
14890
+ isMobile && isMenu && state.isMenuIconsShow && /* @__PURE__ */ jsxRuntime.jsx(
14891
+ material.IconButton,
14892
+ {
14893
+ style: { paddingRight: 0 },
14894
+ className: "sixseconds-header-hamburger-icon-btn",
14895
+ onClick: () => setState((p) => ({ ...p, toggles: { ...p.toggles, dropDownMenu: !p.toggles.dropDownMenu } })),
14896
+ children: /* @__PURE__ */ jsxRuntime.jsx(MenuIcon, { style: { width: "1em", height: "1em" } })
14897
+ }
14898
+ )
14899
+ ]
14900
+ }
14901
+ )
14899
14902
  }
14900
14903
  )
14901
14904
  ] }) }),
@@ -15303,7 +15306,7 @@ const App = () => {
15303
15306
  type: "app"
15304
15307
  },
15305
15308
  {
15306
- name: "Cards Homeasdf",
15309
+ name: "Cards Homeassdfasddf",
15307
15310
  icon: "https://cert-6seconds.s3.us-west-2.amazonaws.com/uploads/dashboard/cardshome.svg",
15308
15311
  link: "https://cards.6seconds.org",
15309
15312
  type: "app"
@@ -15367,7 +15370,6 @@ const App = () => {
15367
15370
  flag: "https://cert-6seconds.s3.us-west-2.amazonaws.com/uploads/flags/1736568764.png"
15368
15371
  },
15369
15372
  isMainLogo: true,
15370
- isNotification: true,
15371
15373
  totallyEndCustomComponent: "asdfsdf",
15372
15374
  extraMenuOptions: {
15373
15375
  components: /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, {}),