@orbe-agro/client-core 5.3.157 → 5.3.161

package/dist/@ecme/components/template/LanguageSelector.js

@@ -1,48 +1,49 @@
-import { jsx as t, jsxs as l } from "react/jsx-runtime";
-import { useMemo as u } from "react";
+import { jsx as t, jsxs as r } from "react/jsx-runtime";
+import { useMemo as p } from "react";
 import { Avatar as a } from "../ui/Avatar/index.js";
 import { Dropdown as s } from "../ui/Dropdown/index.js";
-import p from "classnames";
+import u from "classnames";
 import g from "../../utils/hoc/withHeaderItem.js";
-import { useLocaleStore as f } from "../../store/localeStore.js";
-import { HiCheck as d } from "react-icons/hi";
+import { useLocaleStore as d } from "../../store/localeStore.js";
+import { HiCheck as h } from "react-icons/hi";
+import { getFlagByCode as o } from "../../../base/utils/countryFlags.js";
 const c = [
   { label: "English", value: "en", flag: "US" },
   { label: "Português", value: "ptBR", flag: "BR" }
-], h = ({ className: o }) => {
-  const { currentLang: r, setLang: m } = f((e) => e), n = u(() => c.find((e) => e.value === r)?.flag, [r]), i = /* @__PURE__ */ t("div", { className: p(o, "flex items-center"), children: /* @__PURE__ */ t(
+], v = ({ className: m }) => {
+  const { currentLang: l, setLang: n } = d((e) => e), i = p(() => c.find((e) => e.value === l)?.flag, [l]), f = /* @__PURE__ */ t("div", { className: u(m, "flex items-center"), children: /* @__PURE__ */ t(
     a,
     {
       size: 24,
       shape: "circle",
-      src: `/img/countries/${n}.png`
+      src: o(i)
     }
   ) });
-  return /* @__PURE__ */ t(s, { renderTitle: i, placement: "bottom-end", children: c.map((e) => /* @__PURE__ */ l(
+  return /* @__PURE__ */ t(s, { renderTitle: f, placement: "bottom-end", children: c.map((e) => /* @__PURE__ */ r(
     s.Item,
     {
       className: "justify-between",
       eventKey: e.label,
-      onClick: () => m(e.value),
+      onClick: () => n(e.value),
       children: [
-        /* @__PURE__ */ l("span", { className: "flex items-center", children: [
+        /* @__PURE__ */ r("span", { className: "flex items-center", children: [
           /* @__PURE__ */ t(
             a,
             {
               size: 18,
               shape: "circle",
-              src: `/img/countries/${e.flag}.png`
+              src: o(e.flag)
             }
           ),
           /* @__PURE__ */ t("span", { className: "ltr:ml-2 rtl:mr-2", children: e.label })
         ] }),
-        r === e.value && /* @__PURE__ */ t(d, { className: "text-lg text-emerald-500" })
+        l === e.value && /* @__PURE__ */ t(h, { className: "text-lg text-emerald-500" })
       ]
     },
     e.label
   )) });
-}, k = g(h);
+}, C = g(v);
 export {
-  k as default
+  C as default
 };
 //# sourceMappingURL=LanguageSelector.js.map

package/dist/@ecme/components/template/LanguageSelector.js.map

@@ -1 +1 @@
-{"version":3,"file":"LanguageSelector.js","sources":["../../../../lib/@ecme/components/template/LanguageSelector.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport Avatar from '@/components/ui/Avatar'\nimport Dropdown from '@/components/ui/Dropdown'\nimport classNames from 'classnames'\nimport withHeaderItem from '@/utils/hoc/withHeaderItem'\nimport { useLocaleStore } from '@/store/localeStore'\nimport { HiCheck } from 'react-icons/hi'\nimport type { CommonProps } from '@/@types/common'\n\nconst languageList = [\n    { label: 'English', value: 'en', flag: 'US' },\n    { label: 'Português', value: 'ptBR', flag: 'BR' },\n]\n\nconst _LanguageSelector = ({ className }: CommonProps) => {\n    const { currentLang: locale, setLang } = useLocaleStore((state) => state)\n\n    const selectLangFlag = useMemo(() => {\n        return languageList.find((lang) => lang.value === locale)?.flag\n    }, [locale])\n\n    const selectedLanguage = (\n        <div className={classNames(className, 'flex items-center')}>\n            <Avatar\n                size={24}\n                shape=\"circle\"\n                src={`/img/countries/${selectLangFlag}.png`}\n            />\n        </div>\n    )\n\n    return (\n        <Dropdown renderTitle={selectedLanguage} placement=\"bottom-end\">\n            {languageList.map((lang) => (\n                <Dropdown.Item\n                    key={lang.label}\n                    className=\"justify-between\"\n                    eventKey={lang.label}\n                    onClick={() => setLang(lang.value)}\n                >\n                    <span className=\"flex items-center\">\n                        <Avatar\n                            size={18}\n                            shape=\"circle\"\n                            src={`/img/countries/${lang.flag}.png`}\n                        />\n                        <span className=\"ltr:ml-2 rtl:mr-2\">{lang.label}</span>\n                    </span>\n                    {locale === lang.value && (\n                        <HiCheck className=\"text-lg text-emerald-500\" />\n                    )}\n                </Dropdown.Item>\n            ))}\n        </Dropdown>\n    )\n}\n\nconst LanguageSelector = withHeaderItem(_LanguageSelector)\n\nexport default LanguageSelector\n"],"names":["languageList","_LanguageSelector","className","locale","setLang","useLocaleStore","state","selectLangFlag","useMemo","lang","selectedLanguage","jsx","classNames","Avatar","Dropdown","jsxs","HiCheck","LanguageSelector","withHeaderItem"],"mappings":";;;;;;;;AASA,MAAMA,IAAe;AAAA,EACjB,EAAE,OAAO,WAAW,OAAO,MAAM,MAAM,KAAK;AAAA,EAC5C,EAAE,OAAO,aAAa,OAAO,QAAQ,MAAM,KAAK;AACpD,GAEMC,IAAoB,CAAC,EAAE,WAAAC,QAA6B;AAChD,QAAA,EAAE,aAAaC,GAAQ,SAAAC,MAAYC,EAAe,CAACC,MAAUA,CAAK,GAElEC,IAAiBC,EAAQ,MACpBR,EAAa,KAAK,CAACS,MAASA,EAAK,UAAUN,CAAM,GAAG,MAC5D,CAACA,CAAM,CAAC,GAELO,IACD,gBAAAC,EAAA,OAAA,EAAI,WAAWC,EAAWV,GAAW,mBAAmB,GACrD,UAAA,gBAAAS;AAAA,IAACE;AAAA,IAAA;AAAA,MACG,MAAM;AAAA,MACN,OAAM;AAAA,MACN,KAAK,kBAAkBN,CAAc;AAAA,IAAA;AAAA,EAAA,GAE7C;AAIA,SAAA,gBAAAI,EAACG,KAAS,aAAaJ,GAAkB,WAAU,cAC9C,UAAAV,EAAa,IAAI,CAACS,MACf,gBAAAM;AAAA,IAACD,EAAS;AAAA,IAAT;AAAA,MAEG,WAAU;AAAA,MACV,UAAUL,EAAK;AAAA,MACf,SAAS,MAAML,EAAQK,EAAK,KAAK;AAAA,MAEjC,UAAA;AAAA,QAAC,gBAAAM,EAAA,QAAA,EAAK,WAAU,qBACZ,UAAA;AAAA,UAAA,gBAAAJ;AAAA,YAACE;AAAA,YAAA;AAAA,cACG,MAAM;AAAA,cACN,OAAM;AAAA,cACN,KAAK,kBAAkBJ,EAAK,IAAI;AAAA,YAAA;AAAA,UACpC;AAAA,UACC,gBAAAE,EAAA,QAAA,EAAK,WAAU,qBAAqB,YAAK,MAAM,CAAA;AAAA,QAAA,GACpD;AAAA,QACCR,MAAWM,EAAK,SACZ,gBAAAE,EAAAK,GAAA,EAAQ,WAAU,2BAA2B,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAd7CP,EAAK;AAAA,EAiBjB,CAAA,GACL;AAER,GAEMQ,IAAmBC,EAAejB,CAAiB;"}
+{"version":3,"file":"LanguageSelector.js","sources":["../../../../lib/@ecme/components/template/LanguageSelector.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport Avatar from '@/components/ui/Avatar'\nimport Dropdown from '@/components/ui/Dropdown'\nimport classNames from 'classnames'\nimport withHeaderItem from '@/utils/hoc/withHeaderItem'\nimport { useLocaleStore } from '@/store/localeStore'\nimport { HiCheck } from 'react-icons/hi'\nimport type { CommonProps } from '@/@types/common'\nimport { getFlagByCode } from '@base/utils/countryFlags'\n\nconst languageList = [\n    { label: 'English', value: 'en', flag: 'US' },\n    { label: 'Português', value: 'ptBR', flag: 'BR' },\n]\n\nconst _LanguageSelector = ({ className }: CommonProps) => {\n    const { currentLang: locale, setLang } = useLocaleStore((state) => state)\n\n    const selectLangFlag = useMemo(() => {\n        return languageList.find((lang) => lang.value === locale)?.flag\n    }, [locale])\n\n    const selectedLanguage = (\n        <div className={classNames(className, 'flex items-center')}>\n            <Avatar\n                size={24}\n                shape=\"circle\"\n                src={getFlagByCode(selectLangFlag!)}\n            />\n        </div>\n    )\n\n    return (\n        <Dropdown renderTitle={selectedLanguage} placement=\"bottom-end\">\n            {languageList.map((lang) => (\n                <Dropdown.Item\n                    key={lang.label}\n                    className=\"justify-between\"\n                    eventKey={lang.label}\n                    onClick={() => setLang(lang.value)}\n                >\n                    <span className=\"flex items-center\">\n                        <Avatar\n                            size={18}\n                            shape=\"circle\"\n                            src={getFlagByCode(lang.flag)}\n                        />\n                        <span className=\"ltr:ml-2 rtl:mr-2\">{lang.label}</span>\n                    </span>\n                    {locale === lang.value && (\n                        <HiCheck className=\"text-lg text-emerald-500\" />\n                    )}\n                </Dropdown.Item>\n            ))}\n        </Dropdown>\n    )\n}\n\nconst LanguageSelector = withHeaderItem(_LanguageSelector)\n\nexport default LanguageSelector\n"],"names":["languageList","_LanguageSelector","className","locale","setLang","useLocaleStore","state","selectLangFlag","useMemo","lang","selectedLanguage","jsx","classNames","Avatar","getFlagByCode","Dropdown","jsxs","HiCheck","LanguageSelector","withHeaderItem"],"mappings":";;;;;;;;;AAUA,MAAMA,IAAe;AAAA,EACjB,EAAE,OAAO,WAAW,OAAO,MAAM,MAAM,KAAK;AAAA,EAC5C,EAAE,OAAO,aAAa,OAAO,QAAQ,MAAM,KAAK;AACpD,GAEMC,IAAoB,CAAC,EAAE,WAAAC,QAA6B;AAChD,QAAA,EAAE,aAAaC,GAAQ,SAAAC,MAAYC,EAAe,CAACC,MAAUA,CAAK,GAElEC,IAAiBC,EAAQ,MACpBR,EAAa,KAAK,CAACS,MAASA,EAAK,UAAUN,CAAM,GAAG,MAC5D,CAACA,CAAM,CAAC,GAELO,IACD,gBAAAC,EAAA,OAAA,EAAI,WAAWC,EAAWV,GAAW,mBAAmB,GACrD,UAAA,gBAAAS;AAAA,IAACE;AAAA,IAAA;AAAA,MACG,MAAM;AAAA,MACN,OAAM;AAAA,MACN,KAAKC,EAAcP,CAAe;AAAA,IAAA;AAAA,EAAA,GAE1C;AAIA,SAAA,gBAAAI,EAACI,KAAS,aAAaL,GAAkB,WAAU,cAC9C,UAAAV,EAAa,IAAI,CAACS,MACf,gBAAAO;AAAA,IAACD,EAAS;AAAA,IAAT;AAAA,MAEG,WAAU;AAAA,MACV,UAAUN,EAAK;AAAA,MACf,SAAS,MAAML,EAAQK,EAAK,KAAK;AAAA,MAEjC,UAAA;AAAA,QAAC,gBAAAO,EAAA,QAAA,EAAK,WAAU,qBACZ,UAAA;AAAA,UAAA,gBAAAL;AAAA,YAACE;AAAA,YAAA;AAAA,cACG,MAAM;AAAA,cACN,OAAM;AAAA,cACN,KAAKC,EAAcL,EAAK,IAAI;AAAA,YAAA;AAAA,UAChC;AAAA,UACC,gBAAAE,EAAA,QAAA,EAAK,WAAU,qBAAqB,YAAK,MAAM,CAAA;AAAA,QAAA,GACpD;AAAA,QACCR,MAAWM,EAAK,SACZ,gBAAAE,EAAAM,GAAA,EAAQ,WAAU,2BAA2B,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAd7CR,EAAK;AAAA,EAiBjB,CAAA,GACL;AAER,GAEMS,IAAmBC,EAAelB,CAAiB;"}

package/dist/@ecme/components/template/Logo.js

@@ -1,22 +1,21 @@
-import { jsx as a } from "react/jsx-runtime";
+import { jsx as s } from "react/jsx-runtime";
 import e from "classnames";
-import { APP_NAME as g } from "../../constants/app.constant.js";
-import { useAppConfig as n } from "../../configs/AppConfigContext.js";
-const u = (l) => {
-  const { name: t, className: m, imgClass: i, style: r, logoWidth: c = "auto" } = l, o = n(), s = `${o.publicPath}/img/logo/${o.orgName}/${t}`;
-  return console.log("finalLogoSrc", s), /* @__PURE__ */ a(
+import { APP_NAME as i } from "../../constants/app.constant.js";
+const d = (l) => {
+  const { name: a, className: t, imgClass: m, style: r, logoWidth: c = "auto" } = l, o = `${a}`;
+  return console.log("finalLogoSrc", o), /* @__PURE__ */ s(
     "div",
     {
-      className: e("logo", m),
+      className: e("logo", t),
       style: {
         ...r,
         width: c
       },
-      children: /* @__PURE__ */ a("img", { className: i, src: s, alt: `${g} logo` })
+      children: /* @__PURE__ */ s("img", { className: m, src: o, alt: `${i} logo` })
     }
   );
 };
 export {
-  u as default
+  d as default
 };
 //# sourceMappingURL=Logo.js.map

package/dist/@ecme/components/template/Logo.js.map

@@ -1 +1 @@
-{"version":3,"file":"Logo.js","sources":["../../../../lib/@ecme/components/template/Logo.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport { APP_NAME } from \"@/constants/app.constant\";\nimport type { CommonProps } from \"@/@types/common\";\nimport { useAppConfig } from \"@/configs/AppConfigContext\";\n\ninterface LogoProps extends CommonProps {\n  name: string;\n  imgClass?: string;\n  logoWidth?: number | string;\n}\n\nconst Logo = (props: LogoProps) => {\n  const { name, className, imgClass, style, logoWidth = \"auto\" } = props;\n  const appConfig = useAppConfig();\n  const finalLogoSrc = `${appConfig.publicPath}/img/logo/${appConfig.orgName}/${name}`;\n  console.log(\"finalLogoSrc\", finalLogoSrc);\n  \n  return (\n    <div\n      className={classNames(\"logo\", className)}\n      style={{\n        ...style,\n        ...{ width: logoWidth },\n      }}\n    >\n      <img className={imgClass} src={finalLogoSrc} alt={`${APP_NAME} logo`} />\n    </div>\n  );\n};\n\nexport default Logo;\n"],"names":["Logo","props","name","className","imgClass","style","logoWidth","appConfig","useAppConfig","finalLogoSrc","jsx","classNames","APP_NAME"],"mappings":";;;;AAWM,MAAAA,IAAO,CAACC,MAAqB;AACjC,QAAM,EAAE,MAAAC,GAAM,WAAAC,GAAW,UAAAC,GAAU,OAAAC,GAAO,WAAAC,IAAY,WAAWL,GAC3DM,IAAYC,EAAa,GACzBC,IAAe,GAAGF,EAAU,UAAU,aAAaA,EAAU,OAAO,IAAIL,CAAI;AAC1E,iBAAA,IAAI,gBAAgBO,CAAY,GAGtC,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAW,QAAQR,CAAS;AAAA,MACvC,OAAO;AAAA,QACL,GAAGE;AAAA,QACE,OAAOC;AAAA,MACd;AAAA,MAEA,UAAA,gBAAAI,EAAC,SAAI,WAAWN,GAAU,KAAKK,GAAc,KAAK,GAAGG,CAAQ,QAAS,CAAA;AAAA,IAAA;AAAA,EACxE;AAEJ;"}
+{"version":3,"file":"Logo.js","sources":["../../../../lib/@ecme/components/template/Logo.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport { APP_NAME } from \"@/constants/app.constant\";\nimport type { CommonProps } from \"@/@types/common\";\nimport { useAppConfig } from \"@/configs/AppConfigContext\";\n\ninterface LogoProps extends CommonProps {\n  name: string;\n  imgClass?: string;\n  logoWidth?: number | string;\n}\n\nconst Logo = (props: LogoProps) => {\n  const { name, className, imgClass, style, logoWidth = \"auto\" } = props;\n  const finalLogoSrc = `${name}`;\n  console.log(\"finalLogoSrc\", finalLogoSrc);\n  \n  return (\n    <div\n      className={classNames(\"logo\", className)}\n      style={{\n        ...style,\n        ...{ width: logoWidth },\n      }}\n    >\n      <img className={imgClass} src={finalLogoSrc} alt={`${APP_NAME} logo`} />\n    </div>\n  );\n};\n\nexport default Logo;\n"],"names":["Logo","props","name","className","imgClass","style","logoWidth","finalLogoSrc","jsx","classNames","APP_NAME"],"mappings":";;;AAWM,MAAAA,IAAO,CAACC,MAAqB;AACjC,QAAM,EAAE,MAAAC,GAAM,WAAAC,GAAW,UAAAC,GAAU,OAAAC,GAAO,WAAAC,IAAY,WAAWL,GAC3DM,IAAe,GAAGL,CAAI;AACpB,iBAAA,IAAI,gBAAgBK,CAAY,GAGtC,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAW,QAAQN,CAAS;AAAA,MACvC,OAAO;AAAA,QACL,GAAGE;AAAA,QACE,OAAOC;AAAA,MACd;AAAA,MAEA,UAAA,gBAAAE,EAAC,SAAI,WAAWJ,GAAU,KAAKG,GAAc,KAAK,GAAGG,CAAQ,QAAS,CAAA;AAAA,IAAA;AAAA,EACxE;AAEJ;"}

package/dist/@ecme/components/template/ThemeConfigurator/LayoutSwitcher.js

@@ -1,54 +1,53 @@
 import { jsx as t, jsxs as u } from "react/jsx-runtime";
 import g from "classnames";
-import { Segment as s } from "../../ui/Segment/index.js";
-import { useThemeStore as r } from "../../../store/themeStore.js";
-import { LAYOUT_COLLAPSIBLE_SIDE as c, LAYOUT_STACKED_SIDE as n, LAYOUT_TOP_BAR_CLASSIC as h, LAYOUT_FRAMELESS_SIDE as p, LAYOUT_CONTENT_OVERLAY as b } from "../../../constants/theme.constant.js";
-import v from "../../../assets/svg/CollapsibleSideSvg.js";
-import y from "../../../assets/svg/StackedSideSvg.js";
-import S from "../../../assets/svg/TopBarClassicSvg.js";
-import f from "../../../assets/svg/FrameLessSideSvg.js";
-import k from "../../../assets/svg/ContentOverlaySvg.js";
-import { useTranslation as C } from "react-i18next";
-import { useMemo as L } from "react";
-const U = () => {
-  const o = r((e) => e.layout), l = r((e) => e.setLayout), { t: a } = C(), i = L(
+import { Segment as r } from "../../ui/Segment/index.js";
+import { useThemeStore as s } from "../../../store/themeStore.js";
+import { LAYOUT_COLLAPSIBLE_SIDE as c, LAYOUT_STACKED_SIDE as n, LAYOUT_TOP_BAR_CLASSIC as p, LAYOUT_FRAMELESS_SIDE as h } from "../../../constants/theme.constant.js";
+import b from "../../../assets/svg/CollapsibleSideSvg.js";
+import v from "../../../assets/svg/StackedSideSvg.js";
+import y from "../../../assets/svg/TopBarClassicSvg.js";
+import S from "../../../assets/svg/FrameLessSideSvg.js";
+import { useTranslation as f } from "react-i18next";
+import { useMemo as k } from "react";
+const O = () => {
+  const o = s((e) => e.layout), l = s((e) => e.setLayout), { t: a } = f(), i = k(
     () => [
       {
         value: c,
         label: a("base.layout.themeConfig.options.layoutCollapsible"),
         src: "/img/thumbs/layouts/classic.jpg",
         srcDark: "/img/thumbs/layouts/classic-dark.jpg",
-        svg: /* @__PURE__ */ t(v, { height: "100%", width: "100%" })
+        svg: /* @__PURE__ */ t(b, { height: "100%", width: "100%" })
       },
       {
         value: n,
         label: a("base.layout.themeConfig.options.layoutStacked"),
         src: "/img/thumbs/layouts/modern.jpg",
         srcDark: "/img/thumbs/layouts/modern-dark.jpg",
-        svg: /* @__PURE__ */ t(y, { height: "100%", width: "100%" })
+        svg: /* @__PURE__ */ t(v, { height: "100%", width: "100%" })
       },
       {
-        value: h,
+        value: p,
         label: a("base.layout.themeConfig.options.layoutTopbar"),
         src: "/img/thumbs/layouts/stackedSide.jpg",
         srcDark: "/img/thumbs/layouts/stackedSide-dark.jpg",
-        svg: /* @__PURE__ */ t(S, { height: "100%", width: "100%" })
+        svg: /* @__PURE__ */ t(y, { height: "100%", width: "100%" })
       },
       {
-        value: p,
+        value: h,
         label: a("base.layout.themeConfig.options.layoutFrameless"),
         src: "/img/thumbs/layouts/simple.jpg",
         srcDark: "/img/thumbs/layouts/simple-dark.jpg",
-        svg: /* @__PURE__ */ t(f, { height: "100%", width: "100%" })
-      },
-      {
-        value: b,
-        label: a("base.layout.themeConfig.options.layoutOverlay"),
-        src: "/img/thumbs/layouts/decked.jpg",
-        srcDark: "/img/thumbs/layouts/decked-dark.jpg",
-        svg: /* @__PURE__ */ t(k, { height: "100%", width: "100%" })
+        svg: /* @__PURE__ */ t(S, { height: "100%", width: "100%" })
       }
       // {
+      //     value: LAYOUT_CONTENT_OVERLAY,
+      //     label: t('base.layout.themeConfig.options.layoutOverlay'),
+      //     src: '/img/thumbs/layouts/decked.jpg',
+      //     srcDark: '/img/thumbs/layouts/decked-dark.jpg',
+      //     svg: <ContentOverlaySvg height={'100%'} width={'100%'} />,
+      // },
+      // {
       //     value: LAYOUT_BLANK,
       //     label: t('base.layout.themeConfig.options.layoutBlank'),
       //     src: '/img/thumbs/layouts/blank.jpg',
@@ -59,12 +58,12 @@ const U = () => {
     [a]
   );
   return /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(
-    s,
+    r,
     {
       className: "w-full bg-transparent p-0 dark:bg-transparent",
       value: [],
       onChange: (e) => l(e),
-      children: /* @__PURE__ */ t("div", { className: "grid w-full grid-cols-3 gap-4", children: i.map((e) => /* @__PURE__ */ t(s.Item, { value: e.value, children: ({ onSegmentItemClick: m }) => {
+      children: /* @__PURE__ */ t("div", { className: "grid w-full grid-cols-3 gap-4", children: i.map((e) => /* @__PURE__ */ t(r.Item, { value: e.value, children: ({ onSegmentItemClick: m }) => {
         const d = o.type === e.value;
         return /* @__PURE__ */ u("div", { className: "text-center", children: [
           /* @__PURE__ */ t(
@@ -85,6 +84,6 @@ const U = () => {
   ) });
 };
 export {
-  U as default
+  O as default
 };
 //# sourceMappingURL=LayoutSwitcher.js.map

package/dist/@ecme/components/template/ThemeConfigurator/LayoutSwitcher.js.map

@@ -1 +1 @@
-{"version":3,"file":"LayoutSwitcher.js","sources":["../../../../../lib/@ecme/components/template/ThemeConfigurator/LayoutSwitcher.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport Segment from '@/components/ui/Segment'\nimport { useThemeStore } from '@/store/themeStore'\nimport {\n    LAYOUT_COLLAPSIBLE_SIDE,\n    LAYOUT_STACKED_SIDE,\n    LAYOUT_TOP_BAR_CLASSIC,\n    LAYOUT_FRAMELESS_SIDE,\n    LAYOUT_CONTENT_OVERLAY,\n    LAYOUT_BLANK,\n} from '@/constants/theme.constant'\nimport CollapsibleSideSvg from '@/assets/svg/CollapsibleSideSvg'\nimport StackedSideSvg from '@/assets/svg/StackedSideSvg'\nimport TopBarClassicSvg from '@/assets/svg/TopBarClassicSvg'\nimport FrameLessSideSvg from '@/assets/svg/FrameLessSideSvg'\nimport ContentOverlaySvg from '@/assets/svg/ContentOverlaySvg'\nimport BlankSvg from '@/assets/svg/BlankSvg'\nimport type { LayoutType } from '@/@types/theme'\nimport { useTranslation } from 'react-i18next'\nimport { useMemo } from 'react'\n\nconst LayoutSwitcher = () => {\n    const themeLayout = useThemeStore((state) => state.layout)\n    const setLayout = useThemeStore((state) => state.setLayout)\n\n    const { t } = useTranslation()\n\n    const layouts = useMemo(\n        () => [\n            {\n                value: LAYOUT_COLLAPSIBLE_SIDE,\n                label: t('base.layout.themeConfig.options.layoutCollapsible'),\n                src: '/img/thumbs/layouts/classic.jpg',\n                srcDark: '/img/thumbs/layouts/classic-dark.jpg',\n                svg: <CollapsibleSideSvg height={'100%'} width={'100%'} />,\n            },\n            {\n                value: LAYOUT_STACKED_SIDE,\n                label: t('base.layout.themeConfig.options.layoutStacked'),\n                src: '/img/thumbs/layouts/modern.jpg',\n                srcDark: '/img/thumbs/layouts/modern-dark.jpg',\n                svg: <StackedSideSvg height={'100%'} width={'100%'} />,\n            },\n            {\n                value: LAYOUT_TOP_BAR_CLASSIC,\n                label: t('base.layout.themeConfig.options.layoutTopbar'),\n                src: '/img/thumbs/layouts/stackedSide.jpg',\n                srcDark: '/img/thumbs/layouts/stackedSide-dark.jpg',\n                svg: <TopBarClassicSvg height={'100%'} width={'100%'} />,\n            },\n            {\n                value: LAYOUT_FRAMELESS_SIDE,\n                label: t('base.layout.themeConfig.options.layoutFrameless'),\n                src: '/img/thumbs/layouts/simple.jpg',\n                srcDark: '/img/thumbs/layouts/simple-dark.jpg',\n                svg: <FrameLessSideSvg height={'100%'} width={'100%'} />,\n            },\n            {\n                value: LAYOUT_CONTENT_OVERLAY,\n                label: t('base.layout.themeConfig.options.layoutOverlay'),\n                src: '/img/thumbs/layouts/decked.jpg',\n                srcDark: '/img/thumbs/layouts/decked-dark.jpg',\n                svg: <ContentOverlaySvg height={'100%'} width={'100%'} />,\n            },\n            // {\n            //     value: LAYOUT_BLANK,\n            //     label: t('base.layout.themeConfig.options.layoutBlank'),\n            //     src: '/img/thumbs/layouts/blank.jpg',\n            //     srcDark: '/img/thumbs/layouts/blank-dark.jpg',\n            //     svg: <BlankSvg height={'100%'} width={'100%'} />,\n            // },\n        ],\n        [t],\n    )\n\n    return (\n        <div>\n            <Segment\n                className=\"w-full bg-transparent p-0 dark:bg-transparent\"\n                value={[]}\n                onChange={(val) => setLayout(val as LayoutType)}\n            >\n                <div className=\"grid w-full grid-cols-3 gap-4\">\n                    {layouts.map((layout) => (\n                        <Segment.Item key={layout.value} value={layout.value}>\n                            {({ onSegmentItemClick }) => {\n                                const active = themeLayout.type === layout.value\n                                return (\n                                    <div className=\"text-center\">\n                                        <button\n                                            className={classNames(\n                                                'border-2 rounded-xl overflow-hidden',\n                                                active\n                                                    ? 'border-primary dark:border-primary'\n                                                    : 'border-gray-200 dark:border-gray-700',\n                                            )}\n                                            onClick={onSegmentItemClick}\n                                        >\n                                            {layout.svg}\n                                        </button>\n                                        <div className=\"mt-2 font-semibold\">\n                                            {layout.label}\n                                        </div>\n                                    </div>\n                                )\n                            }}\n                        </Segment.Item>\n                    ))}\n                </div>\n            </Segment>\n        </div>\n    )\n}\n\nexport default LayoutSwitcher\n"],"names":["LayoutSwitcher","themeLayout","useThemeStore","state","setLayout","t","useTranslation","layouts","useMemo","LAYOUT_COLLAPSIBLE_SIDE","jsx","CollapsibleSideSvg","LAYOUT_STACKED_SIDE","StackedSideSvg","LAYOUT_TOP_BAR_CLASSIC","TopBarClassicSvg","LAYOUT_FRAMELESS_SIDE","FrameLessSideSvg","LAYOUT_CONTENT_OVERLAY","ContentOverlaySvg","Segment","val","layout","onSegmentItemClick","active","jsxs","classNames"],"mappings":";;;;;;;;;;;;AAqBA,MAAMA,IAAiB,MAAM;AACzB,QAAMC,IAAcC,EAAc,CAACC,MAAUA,EAAM,MAAM,GACnDC,IAAYF,EAAc,CAACC,MAAUA,EAAM,SAAS,GAEpD,EAAE,GAAAE,EAAE,IAAIC,EAAe,GAEvBC,IAAUC;AAAA,IACZ,MAAM;AAAA,MACF;AAAA,QACI,OAAOC;AAAA,QACP,OAAOJ,EAAE,mDAAmD;AAAA,QAC5D,KAAK;AAAA,QACL,SAAS;AAAA,QACT,KAAM,gBAAAK,EAAAC,GAAA,EAAmB,QAAQ,QAAQ,OAAO,OAAQ,CAAA;AAAA,MAC5D;AAAA,MACA;AAAA,QACI,OAAOC;AAAA,QACP,OAAOP,EAAE,+CAA+C;AAAA,QACxD,KAAK;AAAA,QACL,SAAS;AAAA,QACT,KAAM,gBAAAK,EAAAG,GAAA,EAAe,QAAQ,QAAQ,OAAO,OAAQ,CAAA;AAAA,MACxD;AAAA,MACA;AAAA,QACI,OAAOC;AAAA,QACP,OAAOT,EAAE,8CAA8C;AAAA,QACvD,KAAK;AAAA,QACL,SAAS;AAAA,QACT,KAAM,gBAAAK,EAAAK,GAAA,EAAiB,QAAQ,QAAQ,OAAO,OAAQ,CAAA;AAAA,MAC1D;AAAA,MACA;AAAA,QACI,OAAOC;AAAA,QACP,OAAOX,EAAE,iDAAiD;AAAA,QAC1D,KAAK;AAAA,QACL,SAAS;AAAA,QACT,KAAM,gBAAAK,EAAAO,GAAA,EAAiB,QAAQ,QAAQ,OAAO,OAAQ,CAAA;AAAA,MAC1D;AAAA,MACA;AAAA,QACI,OAAOC;AAAA,QACP,OAAOb,EAAE,+CAA+C;AAAA,QACxD,KAAK;AAAA,QACL,SAAS;AAAA,QACT,KAAM,gBAAAK,EAAAS,GAAA,EAAkB,QAAQ,QAAQ,OAAO,OAAQ,CAAA;AAAA,MAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAS/D;AAAA,IACA,CAACd,CAAC;AAAA,EACN;AAEA,2BACK,OACG,EAAA,UAAA,gBAAAK;AAAA,IAACU;AAAA,IAAA;AAAA,MACG,WAAU;AAAA,MACV,OAAO,CAAC;AAAA,MACR,UAAU,CAACC,MAAQjB,EAAUiB,CAAiB;AAAA,MAE9C,4BAAC,OAAI,EAAA,WAAU,iCACV,UAAQd,EAAA,IAAI,CAACe,MACV,gBAAAZ,EAACU,EAAQ,MAAR,EAAgC,OAAOE,EAAO,OAC1C,UAAC,CAAA,EAAE,oBAAAC,QAAyB;AACnB,cAAAC,IAASvB,EAAY,SAASqB,EAAO;AAEvC,eAAA,gBAAAG,EAAC,OAAI,EAAA,WAAU,eACX,UAAA;AAAA,UAAA,gBAAAf;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,WAAWgB;AAAA,gBACP;AAAA,gBACAF,IACM,uCACA;AAAA,cACV;AAAA,cACA,SAASD;AAAA,cAER,UAAOD,EAAA;AAAA,YAAA;AAAA,UACZ;AAAA,UACC,gBAAAZ,EAAA,OAAA,EAAI,WAAU,sBACV,YAAO,MACZ,CAAA;AAAA,QAAA,GACJ;AAAA,MAAA,KAnBOY,EAAO,KAsB1B,CACH,EACL,CAAA;AAAA,IAAA;AAAA,EAAA,GAER;AAER;"}
+{"version":3,"file":"LayoutSwitcher.js","sources":["../../../../../lib/@ecme/components/template/ThemeConfigurator/LayoutSwitcher.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport Segment from '@/components/ui/Segment'\nimport { useThemeStore } from '@/store/themeStore'\nimport {\n    LAYOUT_COLLAPSIBLE_SIDE,\n    LAYOUT_STACKED_SIDE,\n    LAYOUT_TOP_BAR_CLASSIC,\n    LAYOUT_FRAMELESS_SIDE,\n    LAYOUT_CONTENT_OVERLAY,\n    LAYOUT_BLANK,\n} from '@/constants/theme.constant'\nimport CollapsibleSideSvg from '@/assets/svg/CollapsibleSideSvg'\nimport StackedSideSvg from '@/assets/svg/StackedSideSvg'\nimport TopBarClassicSvg from '@/assets/svg/TopBarClassicSvg'\nimport FrameLessSideSvg from '@/assets/svg/FrameLessSideSvg'\nimport ContentOverlaySvg from '@/assets/svg/ContentOverlaySvg'\nimport BlankSvg from '@/assets/svg/BlankSvg'\nimport type { LayoutType } from '@/@types/theme'\nimport { useTranslation } from 'react-i18next'\nimport { useMemo } from 'react'\n\nconst LayoutSwitcher = () => {\n    const themeLayout = useThemeStore((state) => state.layout)\n    const setLayout = useThemeStore((state) => state.setLayout)\n\n    const { t } = useTranslation()\n\n    const layouts = useMemo(\n        () => [\n            {\n                value: LAYOUT_COLLAPSIBLE_SIDE,\n                label: t('base.layout.themeConfig.options.layoutCollapsible'),\n                src: '/img/thumbs/layouts/classic.jpg',\n                srcDark: '/img/thumbs/layouts/classic-dark.jpg',\n                svg: <CollapsibleSideSvg height={'100%'} width={'100%'} />,\n            },\n            {\n                value: LAYOUT_STACKED_SIDE,\n                label: t('base.layout.themeConfig.options.layoutStacked'),\n                src: '/img/thumbs/layouts/modern.jpg',\n                srcDark: '/img/thumbs/layouts/modern-dark.jpg',\n                svg: <StackedSideSvg height={'100%'} width={'100%'} />,\n            },\n            {\n                value: LAYOUT_TOP_BAR_CLASSIC,\n                label: t('base.layout.themeConfig.options.layoutTopbar'),\n                src: '/img/thumbs/layouts/stackedSide.jpg',\n                srcDark: '/img/thumbs/layouts/stackedSide-dark.jpg',\n                svg: <TopBarClassicSvg height={'100%'} width={'100%'} />,\n            },\n            {\n                value: LAYOUT_FRAMELESS_SIDE,\n                label: t('base.layout.themeConfig.options.layoutFrameless'),\n                src: '/img/thumbs/layouts/simple.jpg',\n                srcDark: '/img/thumbs/layouts/simple-dark.jpg',\n                svg: <FrameLessSideSvg height={'100%'} width={'100%'} />,\n            },\n            // {\n            //     value: LAYOUT_CONTENT_OVERLAY,\n            //     label: t('base.layout.themeConfig.options.layoutOverlay'),\n            //     src: '/img/thumbs/layouts/decked.jpg',\n            //     srcDark: '/img/thumbs/layouts/decked-dark.jpg',\n            //     svg: <ContentOverlaySvg height={'100%'} width={'100%'} />,\n            // },\n            // {\n            //     value: LAYOUT_BLANK,\n            //     label: t('base.layout.themeConfig.options.layoutBlank'),\n            //     src: '/img/thumbs/layouts/blank.jpg',\n            //     srcDark: '/img/thumbs/layouts/blank-dark.jpg',\n            //     svg: <BlankSvg height={'100%'} width={'100%'} />,\n            // },\n        ],\n        [t],\n    )\n\n    return (\n        <div>\n            <Segment\n                className=\"w-full bg-transparent p-0 dark:bg-transparent\"\n                value={[]}\n                onChange={(val) => setLayout(val as LayoutType)}\n            >\n                <div className=\"grid w-full grid-cols-3 gap-4\">\n                    {layouts.map((layout) => (\n                        <Segment.Item key={layout.value} value={layout.value}>\n                            {({ onSegmentItemClick }) => {\n                                const active = themeLayout.type === layout.value\n                                return (\n                                    <div className=\"text-center\">\n                                        <button\n                                            className={classNames(\n                                                'border-2 rounded-xl overflow-hidden',\n                                                active\n                                                    ? 'border-primary dark:border-primary'\n                                                    : 'border-gray-200 dark:border-gray-700',\n                                            )}\n                                            onClick={onSegmentItemClick}\n                                        >\n                                            {layout.svg}\n                                        </button>\n                                        <div className=\"mt-2 font-semibold\">\n                                            {layout.label}\n                                        </div>\n                                    </div>\n                                )\n                            }}\n                        </Segment.Item>\n                    ))}\n                </div>\n            </Segment>\n        </div>\n    )\n}\n\nexport default LayoutSwitcher\n"],"names":["LayoutSwitcher","themeLayout","useThemeStore","state","setLayout","t","useTranslation","layouts","useMemo","LAYOUT_COLLAPSIBLE_SIDE","jsx","CollapsibleSideSvg","LAYOUT_STACKED_SIDE","StackedSideSvg","LAYOUT_TOP_BAR_CLASSIC","TopBarClassicSvg","LAYOUT_FRAMELESS_SIDE","FrameLessSideSvg","Segment","val","layout","onSegmentItemClick","active","jsxs","classNames"],"mappings":";;;;;;;;;;;AAqBA,MAAMA,IAAiB,MAAM;AACzB,QAAMC,IAAcC,EAAc,CAACC,MAAUA,EAAM,MAAM,GACnDC,IAAYF,EAAc,CAACC,MAAUA,EAAM,SAAS,GAEpD,EAAE,GAAAE,EAAE,IAAIC,EAAe,GAEvBC,IAAUC;AAAA,IACZ,MAAM;AAAA,MACF;AAAA,QACI,OAAOC;AAAA,QACP,OAAOJ,EAAE,mDAAmD;AAAA,QAC5D,KAAK;AAAA,QACL,SAAS;AAAA,QACT,KAAM,gBAAAK,EAAAC,GAAA,EAAmB,QAAQ,QAAQ,OAAO,OAAQ,CAAA;AAAA,MAC5D;AAAA,MACA;AAAA,QACI,OAAOC;AAAA,QACP,OAAOP,EAAE,+CAA+C;AAAA,QACxD,KAAK;AAAA,QACL,SAAS;AAAA,QACT,KAAM,gBAAAK,EAAAG,GAAA,EAAe,QAAQ,QAAQ,OAAO,OAAQ,CAAA;AAAA,MACxD;AAAA,MACA;AAAA,QACI,OAAOC;AAAA,QACP,OAAOT,EAAE,8CAA8C;AAAA,QACvD,KAAK;AAAA,QACL,SAAS;AAAA,QACT,KAAM,gBAAAK,EAAAK,GAAA,EAAiB,QAAQ,QAAQ,OAAO,OAAQ,CAAA;AAAA,MAC1D;AAAA,MACA;AAAA,QACI,OAAOC;AAAA,QACP,OAAOX,EAAE,iDAAiD;AAAA,QAC1D,KAAK;AAAA,QACL,SAAS;AAAA,QACT,KAAM,gBAAAK,EAAAO,GAAA,EAAiB,QAAQ,QAAQ,OAAO,OAAQ,CAAA;AAAA,MAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAgB9D;AAAA,IACA,CAACZ,CAAC;AAAA,EACN;AAEA,2BACK,OACG,EAAA,UAAA,gBAAAK;AAAA,IAACQ;AAAA,IAAA;AAAA,MACG,WAAU;AAAA,MACV,OAAO,CAAC;AAAA,MACR,UAAU,CAACC,MAAQf,EAAUe,CAAiB;AAAA,MAE9C,4BAAC,OAAI,EAAA,WAAU,iCACV,UAAQZ,EAAA,IAAI,CAACa,MACV,gBAAAV,EAACQ,EAAQ,MAAR,EAAgC,OAAOE,EAAO,OAC1C,UAAC,CAAA,EAAE,oBAAAC,QAAyB;AACnB,cAAAC,IAASrB,EAAY,SAASmB,EAAO;AAEvC,eAAA,gBAAAG,EAAC,OAAI,EAAA,WAAU,eACX,UAAA;AAAA,UAAA,gBAAAb;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,WAAWc;AAAA,gBACP;AAAA,gBACAF,IACM,uCACA;AAAA,cACV;AAAA,cACA,SAASD;AAAA,cAER,UAAOD,EAAA;AAAA,YAAA;AAAA,UACZ;AAAA,UACC,gBAAAV,EAAA,OAAA,EAAI,WAAU,sBACV,YAAO,MACZ,CAAA;AAAA,QAAA,GACJ;AAAA,MAAA,KAnBOU,EAAO,KAsB1B,CACH,EACL,CAAA;AAAA,IAAA;AAAA,EAAA,GAER;AAER;"}

package/dist/@ecme/components/template/ThemeConfigurator/ThemeConfigurator.js

@@ -1,41 +1,37 @@
-import { jsxs as i, jsx as e } from "react/jsx-runtime";
+import { jsx as e, jsxs as i } from "react/jsx-runtime";
 import r from "./ModeSwitcher.js";
 import n from "./LayoutSwitcher.js";
 import s from "./ThemeSwitcher.js";
 import l from "./DirectionSwitcher.js";
-import a from "./CopyButton.js";
-import { useTranslation as c } from "react-i18next";
-const b = ({ callBackClose: t }) => {
-  const { t: o } = c();
-  return /* @__PURE__ */ i("div", { className: "flex h-full flex-col justify-between", children: [
-    /* @__PURE__ */ i("div", { className: "mb-6 flex flex-col gap-y-10", children: [
-      /* @__PURE__ */ i("div", { className: "flex items-center justify-between", children: [
-        /* @__PURE__ */ i("div", { children: [
-          /* @__PURE__ */ e("h6", { children: o("base.layout.themeConfig.options.darkMode") }),
-          /* @__PURE__ */ e("span", { children: o("base.layout.themeConfig.options.darkModeDesc") })
-        ] }),
-        /* @__PURE__ */ e(r, {})
-      ] }),
-      /* @__PURE__ */ i("div", { className: "flex items-center justify-between", children: [
-        /* @__PURE__ */ i("div", { children: [
-          /* @__PURE__ */ e("h6", { children: o("base.layout.themeConfig.options.direction") }),
-          /* @__PURE__ */ e("span", { children: o("base.layout.themeConfig.options.directionDesc") })
-        ] }),
-        /* @__PURE__ */ e(l, { callBackClose: t })
-      ] }),
+import { useTranslation as a } from "react-i18next";
+const u = ({ callBackClose: t }) => {
+  const { t: o } = a();
+  return /* @__PURE__ */ e("div", { className: "flex h-full flex-col justify-between", children: /* @__PURE__ */ i("div", { className: "mb-6 flex flex-col gap-y-10", children: [
+    /* @__PURE__ */ i("div", { className: "flex items-center justify-between", children: [
       /* @__PURE__ */ i("div", { children: [
-        /* @__PURE__ */ e("h6", { className: "mb-3", children: o("base.layout.themeConfig.options.theme") }),
-        /* @__PURE__ */ e(s, {})
+        /* @__PURE__ */ e("h6", { children: o("base.layout.themeConfig.options.darkMode") }),
+        /* @__PURE__ */ e("span", { children: o("base.layout.themeConfig.options.darkModeDesc") })
       ] }),
+      /* @__PURE__ */ e(r, {})
+    ] }),
+    /* @__PURE__ */ i("div", { className: "flex items-center justify-between", children: [
       /* @__PURE__ */ i("div", { children: [
-        /* @__PURE__ */ e("h6", { className: "mb-3", children: o("base.layout.themeConfig.options.layout") }),
-        /* @__PURE__ */ e(n, {})
-      ] })
+        /* @__PURE__ */ e("h6", { children: o("base.layout.themeConfig.options.direction") }),
+        /* @__PURE__ */ e("span", { children: o("base.layout.themeConfig.options.directionDesc") })
+      ] }),
+      /* @__PURE__ */ e(l, { callBackClose: t })
+    ] }),
+    /* @__PURE__ */ i("div", { children: [
+      /* @__PURE__ */ e("h6", { className: "mb-3", children: o("base.layout.themeConfig.options.theme") }),
+      /* @__PURE__ */ e(s, {})
     ] }),
-    /* @__PURE__ */ e(a, {})
-  ] });
+    /* @__PURE__ */ i("div", { children: [
+      /* @__PURE__ */ e("h6", { className: "mb-3", children: o("base.layout.themeConfig.options.layout") }),
+      /* @__PURE__ */ e(n, {})
+    ] })
+  ] }) });
 };
 export {
-  b as default
+  u as default
 };
 //# sourceMappingURL=ThemeConfigurator.js.map

package/dist/@ecme/components/template/ThemeConfigurator/ThemeConfigurator.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeConfigurator.js","sources":["../../../../../lib/@ecme/components/template/ThemeConfigurator/ThemeConfigurator.tsx"],"sourcesContent":["import ModeSwitcher from './ModeSwitcher'\nimport LayoutSwitcher from './LayoutSwitcher'\nimport ThemeSwitcher from './ThemeSwitcher'\nimport DirectionSwitcher from './DirectionSwitcher'\nimport CopyButton from './CopyButton'\nimport { useTranslation } from 'react-i18next'\n\nexport type ThemeConfiguratorProps = {\n    callBackClose?: () => void\n}\n\nconst ThemeConfigurator = ({ callBackClose }: ThemeConfiguratorProps) => {\n    const { t } = useTranslation()\n    \n    return (\n        <div className=\"flex h-full flex-col justify-between\">\n            <div className=\"mb-6 flex flex-col gap-y-10\">\n                <div className=\"flex items-center justify-between\">\n                    <div>\n                        <h6>{t('base.layout.themeConfig.options.darkMode')}</h6>\n                        <span>\n                            {t('base.layout.themeConfig.options.darkModeDesc')}\n                        </span>\n                    </div>\n                    <ModeSwitcher />\n                </div>\n                <div className=\"flex items-center justify-between\">\n                    <div>\n                        <h6>\n                            {t('base.layout.themeConfig.options.direction')}\n                        </h6>\n                        <span>\n                            {t('base.layout.themeConfig.options.directionDesc')}\n                        </span>\n                    </div>\n                    <DirectionSwitcher callBackClose={callBackClose} />\n                </div>\n                <div>\n                    <h6 className=\"mb-3\">\n                        {t('base.layout.themeConfig.options.theme')}\n                    </h6>\n                    <ThemeSwitcher />\n                </div>\n                <div>\n                    <h6 className=\"mb-3\">\n                        {t('base.layout.themeConfig.options.layout')}\n                    </h6>\n                    <LayoutSwitcher />\n                </div>\n            </div>\n            <CopyButton />\n        </div>\n    )\n}\n\nexport default ThemeConfigurator\n"],"names":["ThemeConfigurator","callBackClose","t","useTranslation","jsxs","jsx","ModeSwitcher","DirectionSwitcher","ThemeSwitcher","LayoutSwitcher","CopyButton"],"mappings":";;;;;;;AAWA,MAAMA,IAAoB,CAAC,EAAE,eAAAC,QAA4C;AAC/D,QAAA,EAAE,GAAAC,EAAE,IAAIC,EAAe;AAGzB,SAAA,gBAAAC,EAAC,OAAI,EAAA,WAAU,wCACX,UAAA;AAAA,IAAC,gBAAAA,EAAA,OAAA,EAAI,WAAU,+BACX,UAAA;AAAA,MAAC,gBAAAA,EAAA,OAAA,EAAI,WAAU,qCACX,UAAA;AAAA,QAAA,gBAAAA,EAAC,OACG,EAAA,UAAA;AAAA,UAAC,gBAAAC,EAAA,MAAA,EAAI,UAAEH,EAAA,0CAA0C,EAAE,CAAA;AAAA,UAClD,gBAAAG,EAAA,QAAA,EACI,UAAEH,EAAA,8CAA8C,EACrD,CAAA;AAAA,QAAA,GACJ;AAAA,0BACCI,GAAa,CAAA,CAAA;AAAA,MAAA,GAClB;AAAA,MACA,gBAAAF,EAAC,OAAI,EAAA,WAAU,qCACX,UAAA;AAAA,QAAA,gBAAAA,EAAC,OACG,EAAA,UAAA;AAAA,UAAC,gBAAAC,EAAA,MAAA,EACI,UAAEH,EAAA,2CAA2C,EAClD,CAAA;AAAA,UACC,gBAAAG,EAAA,QAAA,EACI,UAAEH,EAAA,+CAA+C,EACtD,CAAA;AAAA,QAAA,GACJ;AAAA,QACA,gBAAAG,EAACE,KAAkB,eAAAN,EAA8B,CAAA;AAAA,MAAA,GACrD;AAAA,wBACC,OACG,EAAA,UAAA;AAAA,QAAA,gBAAAI,EAAC,MAAG,EAAA,WAAU,QACT,UAAAH,EAAE,uCAAuC,GAC9C;AAAA,0BACCM,GAAc,CAAA,CAAA;AAAA,MAAA,GACnB;AAAA,wBACC,OACG,EAAA,UAAA;AAAA,QAAA,gBAAAH,EAAC,MAAG,EAAA,WAAU,QACT,UAAAH,EAAE,wCAAwC,GAC/C;AAAA,0BACCO,GAAe,CAAA,CAAA;AAAA,MAAA,EACpB,CAAA;AAAA,IAAA,GACJ;AAAA,sBACCC,GAAW,CAAA,CAAA;AAAA,EAAA,GAChB;AAER;"}
+{"version":3,"file":"ThemeConfigurator.js","sources":["../../../../../lib/@ecme/components/template/ThemeConfigurator/ThemeConfigurator.tsx"],"sourcesContent":["import ModeSwitcher from './ModeSwitcher'\nimport LayoutSwitcher from './LayoutSwitcher'\nimport ThemeSwitcher from './ThemeSwitcher'\nimport DirectionSwitcher from './DirectionSwitcher'\nimport CopyButton from './CopyButton'\nimport { useTranslation } from 'react-i18next'\n\nexport type ThemeConfiguratorProps = {\n    callBackClose?: () => void\n}\n\nconst ThemeConfigurator = ({ callBackClose }: ThemeConfiguratorProps) => {\n    const { t } = useTranslation()\n    \n    return (\n        <div className=\"flex h-full flex-col justify-between\">\n            <div className=\"mb-6 flex flex-col gap-y-10\">\n                <div className=\"flex items-center justify-between\">\n                    <div>\n                        <h6>{t('base.layout.themeConfig.options.darkMode')}</h6>\n                        <span>\n                            {t('base.layout.themeConfig.options.darkModeDesc')}\n                        </span>\n                    </div>\n                    <ModeSwitcher />\n                </div>\n                <div className=\"flex items-center justify-between\">\n                    <div>\n                        <h6>\n                            {t('base.layout.themeConfig.options.direction')}\n                        </h6>\n                        <span>\n                            {t('base.layout.themeConfig.options.directionDesc')}\n                        </span>\n                    </div>\n                    <DirectionSwitcher callBackClose={callBackClose} />\n                </div>\n                <div>\n                    <h6 className=\"mb-3\">\n                        {t('base.layout.themeConfig.options.theme')}\n                    </h6>\n                    <ThemeSwitcher />\n                </div>\n                <div>\n                    <h6 className=\"mb-3\">\n                        {t('base.layout.themeConfig.options.layout')}\n                    </h6>\n                    <LayoutSwitcher />\n                </div>\n            </div>\n            {/* <CopyButton /> */}\n        </div>\n    )\n}\n\nexport default ThemeConfigurator\n"],"names":["ThemeConfigurator","callBackClose","t","useTranslation","jsxs","jsx","ModeSwitcher","DirectionSwitcher","ThemeSwitcher","LayoutSwitcher"],"mappings":";;;;;;AAWA,MAAMA,IAAoB,CAAC,EAAE,eAAAC,QAA4C;AAC/D,QAAA,EAAE,GAAAC,EAAE,IAAIC,EAAe;AAE7B,2BACK,OAAI,EAAA,WAAU,wCACX,UAAC,gBAAAC,EAAA,OAAA,EAAI,WAAU,+BACX,UAAA;AAAA,IAAC,gBAAAA,EAAA,OAAA,EAAI,WAAU,qCACX,UAAA;AAAA,MAAA,gBAAAA,EAAC,OACG,EAAA,UAAA;AAAA,QAAC,gBAAAC,EAAA,MAAA,EAAI,UAAEH,EAAA,0CAA0C,EAAE,CAAA;AAAA,QAClD,gBAAAG,EAAA,QAAA,EACI,UAAEH,EAAA,8CAA8C,EACrD,CAAA;AAAA,MAAA,GACJ;AAAA,wBACCI,GAAa,CAAA,CAAA;AAAA,IAAA,GAClB;AAAA,IACA,gBAAAF,EAAC,OAAI,EAAA,WAAU,qCACX,UAAA;AAAA,MAAA,gBAAAA,EAAC,OACG,EAAA,UAAA;AAAA,QAAC,gBAAAC,EAAA,MAAA,EACI,UAAEH,EAAA,2CAA2C,EAClD,CAAA;AAAA,QACC,gBAAAG,EAAA,QAAA,EACI,UAAEH,EAAA,+CAA+C,EACtD,CAAA;AAAA,MAAA,GACJ;AAAA,MACA,gBAAAG,EAACE,KAAkB,eAAAN,EAA8B,CAAA;AAAA,IAAA,GACrD;AAAA,sBACC,OACG,EAAA,UAAA;AAAA,MAAA,gBAAAI,EAAC,MAAG,EAAA,WAAU,QACT,UAAAH,EAAE,uCAAuC,GAC9C;AAAA,wBACCM,GAAc,CAAA,CAAA;AAAA,IAAA,GACnB;AAAA,sBACC,OACG,EAAA,UAAA;AAAA,MAAA,gBAAAH,EAAC,MAAG,EAAA,WAAU,QACT,UAAAH,EAAE,wCAAwC,GAC/C;AAAA,wBACCO,GAAe,CAAA,CAAA;AAAA,IAAA,EACpB,CAAA;AAAA,EAAA,EAAA,CACJ,EAEJ,CAAA;AAER;"}

package/dist/@ecme/components/template/UserProfileDropdown.js

@@ -1,76 +1,76 @@
-import { jsx as e, jsxs as n } from "react/jsx-runtime";
+import { jsx as e, jsxs as o } from "react/jsx-runtime";
 import { Avatar as i } from "../ui/Avatar/index.js";
-import { Dropdown as o } from "../ui/Dropdown/index.js";
-import f from "../../utils/hoc/withHeaderItem.js";
+import { Dropdown as r } from "../ui/Dropdown/index.js";
+import u from "../../utils/hoc/withHeaderItem.js";
 import { useSessionUser as h } from "../../store/authStore.js";
 import { Link as x } from "react-router-dom";
-import { PiUserDuotone as l, PiGearDuotone as v, PiPulseDuotone as g, PiSignOutDuotone as N } from "react-icons/pi";
+import { PiUserDuotone as l, PiSignOutDuotone as v } from "react-icons/pi";
 import "../../auth/index.js";
-import { useMemo as b } from "react";
-import { useTranslation as y } from "react-i18next";
-import w from "../../auth/useAuth.js";
-const D = () => {
-  const { avatar: s, userName: c, email: p } = h((t) => t.user), { signOut: m } = w(), d = () => {
-    m();
-  }, r = {
+import { useMemo as N } from "react";
+import { useTranslation as g } from "react-i18next";
+import b from "../../auth/useAuth.js";
+const w = () => {
+  const { avatar: s, userName: c, email: m } = h((t) => t.user), { signOut: p } = b(), d = () => {
+    p();
+  }, n = {
     ...s ? { src: s } : { icon: /* @__PURE__ */ e(l, {}) }
-  }, { t: a } = y(), u = b(
+  }, { t: a } = g(), f = N(
     () => [
       {
         label: a("base.layout.profile.dropdown.options.profile"),
         path: "/concepts/account/settings",
         icon: /* @__PURE__ */ e(l, {})
-      },
-      {
-        label: a("base.layout.profile.dropdown.options.settings"),
-        path: "/concepts/account/settings",
-        icon: /* @__PURE__ */ e(v, {})
-      },
-      {
-        label: a("base.layout.profile.dropdown.options.activity"),
-        path: "/concepts/account/activity-log",
-        icon: /* @__PURE__ */ e(g, {})
       }
+      // {
+      //     label: t('base.layout.profile.dropdown.options.settings'),
+      //     path: '/concepts/account/settings',
+      //     icon: <PiGearDuotone />,
+      // },
+      // {
+      //     label: t('base.layout.profile.dropdown.options.activity'),
+      //     path: '/concepts/account/activity-log',
+      //     icon: <PiPulseDuotone />,
+      // },
     ],
     [a]
   );
-  return /* @__PURE__ */ n(
-    o,
+  return /* @__PURE__ */ o(
+    r,
     {
       className: "flex",
       toggleClassName: "flex items-center",
-      renderTitle: /* @__PURE__ */ e("div", { className: "flex cursor-pointer items-center", children: /* @__PURE__ */ e(i, { size: 32, ...r }) }),
+      renderTitle: /* @__PURE__ */ e("div", { className: "flex cursor-pointer items-center", children: /* @__PURE__ */ e(i, { size: 32, ...n }) }),
       placement: "bottom-end",
       children: [
-        /* @__PURE__ */ e(o.Item, { variant: "header", children: /* @__PURE__ */ n("div", { className: "flex items-center gap-3 px-3 py-2", children: [
-          /* @__PURE__ */ e(i, { ...r }),
-          /* @__PURE__ */ n("div", { children: [
+        /* @__PURE__ */ e(r.Item, { variant: "header", children: /* @__PURE__ */ o("div", { className: "flex items-center gap-3 px-3 py-2", children: [
+          /* @__PURE__ */ e(i, { ...n }),
+          /* @__PURE__ */ o("div", { children: [
             /* @__PURE__ */ e("div", { className: "font-bold text-gray-900 dark:text-gray-100", children: c || "Anonymous" }),
-            /* @__PURE__ */ e("div", { className: "text-xs", children: p || "No email available" })
+            /* @__PURE__ */ e("div", { className: "text-xs", children: m || "No email available" })
           ] })
         ] }) }),
-        /* @__PURE__ */ e(o.Item, { variant: "divider" }),
-        u.map((t) => /* @__PURE__ */ e(
-          o.Item,
+        /* @__PURE__ */ e(r.Item, { variant: "divider" }),
+        f.map((t) => /* @__PURE__ */ e(
+          r.Item,
           {
             eventKey: t.label,
             className: "px-0",
-            children: /* @__PURE__ */ e(x, { className: "flex h-full w-full px-2", to: t.path, children: /* @__PURE__ */ n("span", { className: "flex w-full items-center gap-2", children: [
+            children: /* @__PURE__ */ e(x, { className: "flex h-full w-full px-2", to: t.path, children: /* @__PURE__ */ o("span", { className: "flex w-full items-center gap-2", children: [
               /* @__PURE__ */ e("span", { className: "text-xl", children: t.icon }),
               /* @__PURE__ */ e("span", { children: t.label })
             ] }) })
           },
           t.label
         )),
-        /* @__PURE__ */ e(o.Item, { variant: "divider" }),
-        /* @__PURE__ */ n(
-          o.Item,
+        /* @__PURE__ */ e(r.Item, { variant: "divider" }),
+        /* @__PURE__ */ o(
+          r.Item,
           {
             eventKey: "Sign Out",
             className: "gap-2",
             onClick: d,
             children: [
-              /* @__PURE__ */ e("span", { className: "text-xl", children: /* @__PURE__ */ e(N, {}) }),
+              /* @__PURE__ */ e("span", { className: "text-xl", children: /* @__PURE__ */ e(v, {}) }),
               /* @__PURE__ */ e("span", { children: a("base.layout.profile.dropdown.options.signOut") })
             ]
           }
@@ -78,8 +78,8 @@ const D = () => {
       ]
     }
   );
-}, T = f(D);
+}, K = u(w);
 export {
-  T as default
+  K as default
 };
 //# sourceMappingURL=UserProfileDropdown.js.map

package/dist/@ecme/components/template/UserProfileDropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"UserProfileDropdown.js","sources":["../../../../lib/@ecme/components/template/UserProfileDropdown.tsx"],"sourcesContent":["import Avatar from '@/components/ui/Avatar'\nimport Dropdown from '@/components/ui/Dropdown'\nimport withHeaderItem from '@/utils/hoc/withHeaderItem'\nimport { useSessionUser } from '@/store/authStore'\nimport { Link } from 'react-router-dom'\nimport {\n    PiUserDuotone,\n    PiGearDuotone,\n    PiPulseDuotone,\n    PiSignOutDuotone,\n} from 'react-icons/pi'\nimport { useAuth } from '@/auth'\nimport { useMemo, type JSX } from 'react'\nimport { useTranslation } from 'react-i18next'\n\ntype DropdownList = {\n    label: string\n    path: string\n    icon: JSX.Element\n}\n\nconst _UserDropdown = () => {\n    const { avatar, userName, email } = useSessionUser((state) => state.user)\n\n    const { signOut } = useAuth()\n\n    const handleSignOut = () => {\n        signOut()\n    }\n\n    const avatarProps = {\n        ...(avatar ? { src: avatar } : { icon: <PiUserDuotone /> }),\n    }\n\n    const { t } = useTranslation()\n\n    const dropdownItemList: DropdownList[] = useMemo(\n        () => [\n            {\n                label: t('base.layout.profile.dropdown.options.profile'),\n                path: '/concepts/account/settings',\n                icon: <PiUserDuotone />,\n            },\n            {\n                label: t('base.layout.profile.dropdown.options.settings'),\n                path: '/concepts/account/settings',\n                icon: <PiGearDuotone />,\n            },\n            {\n                label: t('base.layout.profile.dropdown.options.activity'),\n                path: '/concepts/account/activity-log',\n                icon: <PiPulseDuotone />,\n            },\n        ],\n        [t],\n    )\n\n    return (\n        <Dropdown\n            className=\"flex\"\n            toggleClassName=\"flex items-center\"\n            renderTitle={\n                <div className=\"flex cursor-pointer items-center\">\n                    <Avatar size={32} {...avatarProps} />\n                </div>\n            }\n            placement=\"bottom-end\"\n        >\n            <Dropdown.Item variant=\"header\">\n                <div className=\"flex items-center gap-3 px-3 py-2\">\n                    <Avatar {...avatarProps} />\n                    <div>\n                        <div className=\"font-bold text-gray-900 dark:text-gray-100\">\n                            {userName || 'Anonymous'}\n                        </div>\n                        <div className=\"text-xs\">\n                            {email || 'No email available'}\n                        </div>\n                    </div>\n                </div>\n            </Dropdown.Item>\n            <Dropdown.Item variant=\"divider\" />\n            {dropdownItemList.map((item) => (\n                <Dropdown.Item\n                    key={item.label}\n                    eventKey={item.label}\n                    className=\"px-0\"\n                >\n                    <Link className=\"flex h-full w-full px-2\" to={item.path}>\n                        <span className=\"flex w-full items-center gap-2\">\n                            <span className=\"text-xl\">{item.icon}</span>\n                            <span>{item.label}</span>\n                        </span>\n                    </Link>\n                </Dropdown.Item>\n            ))}\n            <Dropdown.Item variant=\"divider\" />\n            <Dropdown.Item\n                eventKey=\"Sign Out\"\n                className=\"gap-2\"\n                onClick={handleSignOut}\n            >\n                <span className=\"text-xl\">\n                    <PiSignOutDuotone />\n                </span>\n                <span>{t('base.layout.profile.dropdown.options.signOut')}</span>\n            </Dropdown.Item>\n        </Dropdown>\n    )\n}\n\nconst UserDropdown = withHeaderItem(_UserDropdown)\n\nexport default UserDropdown\n"],"names":["_UserDropdown","avatar","userName","email","useSessionUser","state","signOut","useAuth","handleSignOut","avatarProps","jsx","PiUserDuotone","t","useTranslation","dropdownItemList","useMemo","PiGearDuotone","PiPulseDuotone","jsxs","Dropdown","Avatar","item","Link","PiSignOutDuotone","UserDropdown","withHeaderItem"],"mappings":";;;;;;;;;;;AAqBA,MAAMA,IAAgB,MAAM;AAClB,QAAA,EAAE,QAAAC,GAAQ,UAAAC,GAAU,OAAAC,EAAA,IAAUC,EAAe,CAACC,MAAUA,EAAM,IAAI,GAElE,EAAE,SAAAC,EAAQ,IAAIC,EAAQ,GAEtBC,IAAgB,MAAM;AAChB,IAAAF,EAAA;AAAA,EACZ,GAEMG,IAAc;AAAA,IAChB,GAAIR,IAAS,EAAE,KAAKA,EAAA,IAAW,EAAE,MAAO,gBAAAS,EAAAC,GAAA,EAAc,EAAG;AAAA,EAC7D,GAEM,EAAE,GAAAC,EAAE,IAAIC,EAAe,GAEvBC,IAAmCC;AAAA,IACrC,MAAM;AAAA,MACF;AAAA,QACI,OAAOH,EAAE,8CAA8C;AAAA,QACvD,MAAM;AAAA,QACN,wBAAOD,GAAc,CAAA,CAAA;AAAA,MACzB;AAAA,MACA;AAAA,QACI,OAAOC,EAAE,+CAA+C;AAAA,QACxD,MAAM;AAAA,QACN,wBAAOI,GAAc,CAAA,CAAA;AAAA,MACzB;AAAA,MACA;AAAA,QACI,OAAOJ,EAAE,+CAA+C;AAAA,QACxD,MAAM;AAAA,QACN,wBAAOK,GAAe,CAAA,CAAA;AAAA,MAAA;AAAA,IAE9B;AAAA,IACA,CAACL,CAAC;AAAA,EACN;AAGI,SAAA,gBAAAM;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,WAAU;AAAA,MACV,iBAAgB;AAAA,MAChB,aACK,gBAAAT,EAAA,OAAA,EAAI,WAAU,oCACX,UAAC,gBAAAA,EAAAU,GAAA,EAAO,MAAM,IAAK,GAAGX,EAAA,CAAa,EACvC,CAAA;AAAA,MAEJ,WAAU;AAAA,MAEV,UAAA;AAAA,QAAC,gBAAAC,EAAAS,EAAS,MAAT,EAAc,SAAQ,UACnB,UAAC,gBAAAD,EAAA,OAAA,EAAI,WAAU,qCACX,UAAA;AAAA,UAAC,gBAAAR,EAAAU,GAAA,EAAQ,GAAGX,GAAa;AAAA,4BACxB,OACG,EAAA,UAAA;AAAA,YAAA,gBAAAC,EAAC,OAAI,EAAA,WAAU,8CACV,UAAAR,KAAY,aACjB;AAAA,YACC,gBAAAQ,EAAA,OAAA,EAAI,WAAU,WACV,eAAS,qBACd,CAAA;AAAA,UAAA,EACJ,CAAA;AAAA,QAAA,EAAA,CACJ,EACJ,CAAA;AAAA,QACC,gBAAAA,EAAAS,EAAS,MAAT,EAAc,SAAQ,UAAU,CAAA;AAAA,QAChCL,EAAiB,IAAI,CAACO,MACnB,gBAAAX;AAAA,UAACS,EAAS;AAAA,UAAT;AAAA,YAEG,UAAUE,EAAK;AAAA,YACf,WAAU;AAAA,YAEV,UAAA,gBAAAX,EAACY,GAAK,EAAA,WAAU,2BAA0B,IAAID,EAAK,MAC/C,UAAA,gBAAAH,EAAC,QAAK,EAAA,WAAU,kCACZ,UAAA;AAAA,cAAA,gBAAAR,EAAC,QAAK,EAAA,WAAU,WAAW,UAAAW,EAAK,MAAK;AAAA,cACrC,gBAAAX,EAAC,QAAM,EAAA,UAAAW,EAAK,MAAM,CAAA;AAAA,YAAA,EAAA,CACtB,EACJ,CAAA;AAAA,UAAA;AAAA,UATKA,EAAK;AAAA,QAAA,CAWjB;AAAA,QACA,gBAAAX,EAAAS,EAAS,MAAT,EAAc,SAAQ,UAAU,CAAA;AAAA,QACjC,gBAAAD;AAAA,UAACC,EAAS;AAAA,UAAT;AAAA,YACG,UAAS;AAAA,YACT,WAAU;AAAA,YACV,SAASX;AAAA,YAET,UAAA;AAAA,cAAA,gBAAAE,EAAC,QAAK,EAAA,WAAU,WACZ,UAAA,gBAAAA,EAACa,IAAiB,CAAA,GACtB;AAAA,cACC,gBAAAb,EAAA,QAAA,EAAM,UAAEE,EAAA,8CAA8C,EAAE,CAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MAC7D;AAAA,IAAA;AAAA,EACJ;AAER,GAEMY,IAAeC,EAAezB,CAAa;"}
+{"version":3,"file":"UserProfileDropdown.js","sources":["../../../../lib/@ecme/components/template/UserProfileDropdown.tsx"],"sourcesContent":["import Avatar from '@/components/ui/Avatar'\nimport Dropdown from '@/components/ui/Dropdown'\nimport withHeaderItem from '@/utils/hoc/withHeaderItem'\nimport { useSessionUser } from '@/store/authStore'\nimport { Link } from 'react-router-dom'\nimport {\n    PiUserDuotone,\n    PiGearDuotone,\n    PiPulseDuotone,\n    PiSignOutDuotone,\n} from 'react-icons/pi'\nimport { useAuth } from '@/auth'\nimport { useMemo, type JSX } from 'react'\nimport { useTranslation } from 'react-i18next'\n\ntype DropdownList = {\n    label: string\n    path: string\n    icon: JSX.Element\n}\n\nconst _UserDropdown = () => {\n    const { avatar, userName, email } = useSessionUser((state) => state.user)\n\n    const { signOut } = useAuth()\n\n    const handleSignOut = () => {\n        signOut()\n    }\n\n    const avatarProps = {\n        ...(avatar ? { src: avatar } : { icon: <PiUserDuotone /> }),\n    }\n\n    const { t } = useTranslation()\n\n    const dropdownItemList: DropdownList[] = useMemo(\n        () => [\n            {\n                label: t('base.layout.profile.dropdown.options.profile'),\n                path: '/concepts/account/settings',\n                icon: <PiUserDuotone />,\n            },\n            // {\n            //     label: t('base.layout.profile.dropdown.options.settings'),\n            //     path: '/concepts/account/settings',\n            //     icon: <PiGearDuotone />,\n            // },\n            // {\n            //     label: t('base.layout.profile.dropdown.options.activity'),\n            //     path: '/concepts/account/activity-log',\n            //     icon: <PiPulseDuotone />,\n            // },\n        ],\n        [t],\n    )\n\n    return (\n        <Dropdown\n            className=\"flex\"\n            toggleClassName=\"flex items-center\"\n            renderTitle={\n                <div className=\"flex cursor-pointer items-center\">\n                    <Avatar size={32} {...avatarProps} />\n                </div>\n            }\n            placement=\"bottom-end\"\n        >\n            <Dropdown.Item variant=\"header\">\n                <div className=\"flex items-center gap-3 px-3 py-2\">\n                    <Avatar {...avatarProps} />\n                    <div>\n                        <div className=\"font-bold text-gray-900 dark:text-gray-100\">\n                            {userName || 'Anonymous'}\n                        </div>\n                        <div className=\"text-xs\">\n                            {email || 'No email available'}\n                        </div>\n                    </div>\n                </div>\n            </Dropdown.Item>\n            <Dropdown.Item variant=\"divider\" />\n            {dropdownItemList.map((item) => (\n                <Dropdown.Item\n                    key={item.label}\n                    eventKey={item.label}\n                    className=\"px-0\"\n                >\n                    <Link className=\"flex h-full w-full px-2\" to={item.path}>\n                        <span className=\"flex w-full items-center gap-2\">\n                            <span className=\"text-xl\">{item.icon}</span>\n                            <span>{item.label}</span>\n                        </span>\n                    </Link>\n                </Dropdown.Item>\n            ))}\n            <Dropdown.Item variant=\"divider\" />\n            <Dropdown.Item\n                eventKey=\"Sign Out\"\n                className=\"gap-2\"\n                onClick={handleSignOut}\n            >\n                <span className=\"text-xl\">\n                    <PiSignOutDuotone />\n                </span>\n                <span>{t('base.layout.profile.dropdown.options.signOut')}</span>\n            </Dropdown.Item>\n        </Dropdown>\n    )\n}\n\nconst UserDropdown = withHeaderItem(_UserDropdown)\n\nexport default UserDropdown\n"],"names":["_UserDropdown","avatar","userName","email","useSessionUser","state","signOut","useAuth","handleSignOut","avatarProps","jsx","PiUserDuotone","t","useTranslation","dropdownItemList","useMemo","jsxs","Dropdown","Avatar","item","Link","PiSignOutDuotone","UserDropdown","withHeaderItem"],"mappings":";;;;;;;;;;;AAqBA,MAAMA,IAAgB,MAAM;AAClB,QAAA,EAAE,QAAAC,GAAQ,UAAAC,GAAU,OAAAC,EAAA,IAAUC,EAAe,CAACC,MAAUA,EAAM,IAAI,GAElE,EAAE,SAAAC,EAAQ,IAAIC,EAAQ,GAEtBC,IAAgB,MAAM;AAChB,IAAAF,EAAA;AAAA,EACZ,GAEMG,IAAc;AAAA,IAChB,GAAIR,IAAS,EAAE,KAAKA,EAAA,IAAW,EAAE,MAAO,gBAAAS,EAAAC,GAAA,EAAc,EAAG;AAAA,EAC7D,GAEM,EAAE,GAAAC,EAAE,IAAIC,EAAe,GAEvBC,IAAmCC;AAAA,IACrC,MAAM;AAAA,MACF;AAAA,QACI,OAAOH,EAAE,8CAA8C;AAAA,QACvD,MAAM;AAAA,QACN,wBAAOD,GAAc,CAAA,CAAA;AAAA,MAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAY7B;AAAA,IACA,CAACC,CAAC;AAAA,EACN;AAGI,SAAA,gBAAAI;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,WAAU;AAAA,MACV,iBAAgB;AAAA,MAChB,aACK,gBAAAP,EAAA,OAAA,EAAI,WAAU,oCACX,UAAC,gBAAAA,EAAAQ,GAAA,EAAO,MAAM,IAAK,GAAGT,EAAA,CAAa,EACvC,CAAA;AAAA,MAEJ,WAAU;AAAA,MAEV,UAAA;AAAA,QAAC,gBAAAC,EAAAO,EAAS,MAAT,EAAc,SAAQ,UACnB,UAAC,gBAAAD,EAAA,OAAA,EAAI,WAAU,qCACX,UAAA;AAAA,UAAC,gBAAAN,EAAAQ,GAAA,EAAQ,GAAGT,GAAa;AAAA,4BACxB,OACG,EAAA,UAAA;AAAA,YAAA,gBAAAC,EAAC,OAAI,EAAA,WAAU,8CACV,UAAAR,KAAY,aACjB;AAAA,YACC,gBAAAQ,EAAA,OAAA,EAAI,WAAU,WACV,eAAS,qBACd,CAAA;AAAA,UAAA,EACJ,CAAA;AAAA,QAAA,EAAA,CACJ,EACJ,CAAA;AAAA,QACC,gBAAAA,EAAAO,EAAS,MAAT,EAAc,SAAQ,UAAU,CAAA;AAAA,QAChCH,EAAiB,IAAI,CAACK,MACnB,gBAAAT;AAAA,UAACO,EAAS;AAAA,UAAT;AAAA,YAEG,UAAUE,EAAK;AAAA,YACf,WAAU;AAAA,YAEV,UAAA,gBAAAT,EAACU,GAAK,EAAA,WAAU,2BAA0B,IAAID,EAAK,MAC/C,UAAA,gBAAAH,EAAC,QAAK,EAAA,WAAU,kCACZ,UAAA;AAAA,cAAA,gBAAAN,EAAC,QAAK,EAAA,WAAU,WAAW,UAAAS,EAAK,MAAK;AAAA,cACrC,gBAAAT,EAAC,QAAM,EAAA,UAAAS,EAAK,MAAM,CAAA;AAAA,YAAA,EAAA,CACtB,EACJ,CAAA;AAAA,UAAA;AAAA,UATKA,EAAK;AAAA,QAAA,CAWjB;AAAA,QACA,gBAAAT,EAAAO,EAAS,MAAT,EAAc,SAAQ,UAAU,CAAA;AAAA,QACjC,gBAAAD;AAAA,UAACC,EAAS;AAAA,UAAT;AAAA,YACG,UAAS;AAAA,YACT,WAAU;AAAA,YACV,SAAST;AAAA,YAET,UAAA;AAAA,cAAA,gBAAAE,EAAC,QAAK,EAAA,WAAU,WACZ,UAAA,gBAAAA,EAACW,IAAiB,CAAA,GACtB;AAAA,cACC,gBAAAX,EAAA,QAAA,EAAM,UAAEE,EAAA,8CAA8C,EAAE,CAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MAC7D;AAAA,IAAA;AAAA,EACJ;AAER,GAEMU,IAAeC,EAAevB,CAAa;"}