@orbe-agro/client-core 5.6.0 → 5.6.4

package/dist/@ecme/components/shared/UsersAvatarGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"UsersAvatarGroup.js","sources":["../../../../lib/@ecme/components/shared/UsersAvatarGroup.tsx"],"sourcesContent":["import { useMemo } from 'react'\r\nimport Tooltip from '@/components/ui/Tooltip'\r\nimport Avatar from '@/components/ui/Avatar'\r\nimport acronym from '@/utils/acronym'\r\nimport useRandomBgColor from '@/utils/hooks/useRandomBgColor'\r\nimport type { AvatarProps, AvatarGroupProps } from '@/components/ui/Avatar'\r\n\r\ntype User = Record<string, string>\r\n\r\ninterface UsersAvatarGroupProps extends AvatarGroupProps {\r\n    avatarGroupProps?: AvatarGroupProps\r\n    avatarProps?: AvatarProps\r\n    imgKey?: string\r\n    nameKey?: string\r\n    onAvatarClick?: (avatar: User) => void\r\n    users?: User[]\r\n}\r\n\r\nconst UsersAvatarGroup = (props: UsersAvatarGroupProps) => {\r\n    const {\r\n        avatarGroupProps = {},\r\n        avatarProps = {},\r\n        imgKey = 'img',\r\n        nameKey = 'name',\r\n        onAvatarClick,\r\n        users = [],\r\n        ...rest\r\n    } = props\r\n\r\n    const bgColor = useRandomBgColor()\r\n\r\n    const defaultAvatarProps = useMemo(() => {\r\n        return {\r\n            shape: 'circle' as 'round' | 'circle' | 'square',\r\n            size: 30,\r\n            className: 'cursor-pointer',\r\n            ...avatarProps,\r\n        }\r\n    }, [avatarProps])\r\n\r\n    const handleAvatarClick = (avatar: User) => {\r\n        onAvatarClick?.(avatar)\r\n    }\r\n\r\n    return (\r\n        <Avatar.Group\r\n            omittedAvatarTooltip\r\n            chained\r\n            omittedAvatarProps={defaultAvatarProps}\r\n            omittedAvatarTooltipProps={{\r\n                wrapperClass: 'flex',\r\n            }}\r\n            {...avatarGroupProps}\r\n            {...rest}\r\n        >\r\n            {users.map((elm, index) => (\r\n                <Tooltip\r\n                    key={elm[nameKey] + index}\r\n                    wrapperClass=\"flex\"\r\n                    title={elm[nameKey]}\r\n                >\r\n                    <Avatar\r\n                        {...defaultAvatarProps}\r\n                        className={`${\r\n                            elm[imgKey] ? '' : bgColor(elm[nameKey])\r\n                        } ${defaultAvatarProps.className}`}\r\n                        src={elm[imgKey]}\r\n                        onClick={() => handleAvatarClick(elm)}\r\n                    >\r\n                        {acronym(elm.name)}\r\n                    </Avatar>\r\n                </Tooltip>\r\n            ))}\r\n        </Avatar.Group>\r\n    )\r\n}\r\n\r\nexport default UsersAvatarGroup\r\n"],"names":[],"mappings":";;;;;;;AAkBA,MAAM,mBAAmB,CAAC,UAAiC;AACvD,QAAM;AAAA,IACF,mBAAmB,CAAA;AAAA,IACnB,cAAc,CAAA;AAAA,IACd,SAAS;AAAA,IACT,UAAU;AAAA,IACV;AAAA,IACA,QAAQ,CAAA;AAAA,IACR,GAAG;AAAA,EAAA,IACH;AAEJ,QAAM,UAAU,iBAAA;AAEhB,QAAM,qBAAqB,QAAQ,MAAM;AACrC,WAAO;AAAA,MACH,OAAO;AAAA,MACP,MAAM;AAAA,MACN,WAAW;AAAA,MACX,GAAG;AAAA,IAAA;AAAA,EAEX,GAAG,CAAC,WAAW,CAAC;AAEhB,QAAM,oBAAoB,CAAC,WAAiB;AACxC,oBAAgB,MAAM;AAAA,EAC1B;AAEA,SACI;AAAA,IAAC,OAAO;AAAA,IAAP;AAAA,MACG,sBAAoB;AAAA,MACpB,SAAO;AAAA,MACP,oBAAoB;AAAA,MACpB,2BAA2B;AAAA,QACvB,cAAc;AAAA,MAAA;AAAA,MAEjB,GAAG;AAAA,MACH,GAAG;AAAA,MAEH,UAAA,MAAM,IAAI,CAAC,KAAK,UACb;AAAA,QAAC;AAAA,QAAA;AAAA,UAEG,cAAa;AAAA,UACb,OAAO,IAAI,OAAO;AAAA,UAElB,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACI,GAAG;AAAA,cACJ,WAAW,GACP,IAAI,MAAM,IAAI,KAAK,QAAQ,IAAI,OAAO,CAAC,CAC3C,IAAI,mBAAmB,SAAS;AAAA,cAChC,KAAK,IAAI,MAAM;AAAA,cACf,SAAS,MAAM,kBAAkB,GAAG;AAAA,cAEnC,UAAA,QAAQ,IAAI,IAAI;AAAA,YAAA;AAAA,UAAA;AAAA,QACrB;AAAA,QAbK,IAAI,OAAO,IAAI;AAAA,MAAA,CAe3B;AAAA,IAAA;AAAA,EAAA;AAGb;"}
+{"version":3,"file":"UsersAvatarGroup.js","sources":["../../../../lib/@ecme/components/shared/UsersAvatarGroup.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport Tooltip from '@/components/ui/Tooltip'\nimport Avatar from '@/components/ui/Avatar'\nimport acronym from '@/utils/acronym'\nimport useRandomBgColor from '@/utils/hooks/useRandomBgColor'\nimport type { AvatarProps, AvatarGroupProps } from '@/components/ui/Avatar'\n\ntype User = Record<string, string>\n\ninterface UsersAvatarGroupProps extends AvatarGroupProps {\n    avatarGroupProps?: AvatarGroupProps\n    avatarProps?: AvatarProps\n    imgKey?: string\n    nameKey?: string\n    onAvatarClick?: (avatar: User) => void\n    users?: User[]\n}\n\nconst UsersAvatarGroup = (props: UsersAvatarGroupProps) => {\n    const {\n        avatarGroupProps = {},\n        avatarProps = {},\n        imgKey = 'img',\n        nameKey = 'name',\n        onAvatarClick,\n        users = [],\n        ...rest\n    } = props\n\n    const bgColor = useRandomBgColor()\n\n    const defaultAvatarProps = useMemo(() => {\n        return {\n            shape: 'circle' as 'round' | 'circle' | 'square',\n            size: 30,\n            className: 'cursor-pointer',\n            ...avatarProps,\n        }\n    }, [avatarProps])\n\n    const handleAvatarClick = (avatar: User) => {\n        onAvatarClick?.(avatar)\n    }\n\n    return (\n        <Avatar.Group\n            omittedAvatarTooltip\n            chained\n            omittedAvatarProps={defaultAvatarProps}\n            omittedAvatarTooltipProps={{\n                wrapperClass: 'flex',\n            }}\n            {...avatarGroupProps}\n            {...rest}\n        >\n            {users.map((elm, index) => (\n                <Tooltip\n                    key={elm[nameKey] + index}\n                    wrapperClass=\"flex\"\n                    title={elm[nameKey]}\n                >\n                    <Avatar\n                        {...defaultAvatarProps}\n                        className={`${\n                            elm[imgKey] ? '' : bgColor(elm[nameKey])\n                        } ${defaultAvatarProps.className}`}\n                        src={elm[imgKey]}\n                        onClick={() => handleAvatarClick(elm)}\n                    >\n                        {acronym(elm.name)}\n                    </Avatar>\n                </Tooltip>\n            ))}\n        </Avatar.Group>\n    )\n}\n\nexport default UsersAvatarGroup\n"],"names":[],"mappings":";;;;;;;AAkBA,MAAM,mBAAmB,CAAC,UAAiC;AACvD,QAAM;AAAA,IACF,mBAAmB,CAAA;AAAA,IACnB,cAAc,CAAA;AAAA,IACd,SAAS;AAAA,IACT,UAAU;AAAA,IACV;AAAA,IACA,QAAQ,CAAA;AAAA,IACR,GAAG;AAAA,EAAA,IACH;AAEJ,QAAM,UAAU,iBAAA;AAEhB,QAAM,qBAAqB,QAAQ,MAAM;AACrC,WAAO;AAAA,MACH,OAAO;AAAA,MACP,MAAM;AAAA,MACN,WAAW;AAAA,MACX,GAAG;AAAA,IAAA;AAAA,EAEX,GAAG,CAAC,WAAW,CAAC;AAEhB,QAAM,oBAAoB,CAAC,WAAiB;AACxC,oBAAgB,MAAM;AAAA,EAC1B;AAEA,SACI;AAAA,IAAC,OAAO;AAAA,IAAP;AAAA,MACG,sBAAoB;AAAA,MACpB,SAAO;AAAA,MACP,oBAAoB;AAAA,MACpB,2BAA2B;AAAA,QACvB,cAAc;AAAA,MAAA;AAAA,MAEjB,GAAG;AAAA,MACH,GAAG;AAAA,MAEH,UAAA,MAAM,IAAI,CAAC,KAAK,UACb;AAAA,QAAC;AAAA,QAAA;AAAA,UAEG,cAAa;AAAA,UACb,OAAO,IAAI,OAAO;AAAA,UAElB,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACI,GAAG;AAAA,cACJ,WAAW,GACP,IAAI,MAAM,IAAI,KAAK,QAAQ,IAAI,OAAO,CAAC,CAC3C,IAAI,mBAAmB,SAAS;AAAA,cAChC,KAAK,IAAI,MAAM;AAAA,cACf,SAAS,MAAM,kBAAkB,GAAG;AAAA,cAEnC,UAAA,QAAQ,IAAI,IAAI;AAAA,YAAA;AAAA,UAAA;AAAA,QACrB;AAAA,QAbK,IAAI,OAAO,IAAI;AAAA,MAAA,CAe3B;AAAA,IAAA;AAAA,EAAA;AAGb;"}

package/dist/@ecme/components/shared/loaders/GlobalLoading.js.map

@@ -1 +1 @@
-{"version":3,"file":"GlobalLoading.js","sources":["../../../../../lib/@ecme/components/shared/loaders/GlobalLoading.tsx"],"sourcesContent":["import { Spinner } from \"@/components/ui\";\r\nimport { useThemeStore } from \"@/store\";\r\nimport { useLoadingConfigStore, getCurrentMicrofrontendId } from \"@base/store\";\r\n\r\nconst GlobalLoading = () => {\r\n  const { loading } = useThemeStore();\r\n  \r\n  const globalLoadingEnabled = useLoadingConfigStore((state) => {\r\n    const microfrontendId = getCurrentMicrofrontendId();\r\n    return state.microfrontendConfigs[microfrontendId] ?? true;\r\n  });\r\n\r\n  if (!loading || !globalLoadingEnabled) return null;\r\n\r\n  return (\r\n    <div\r\n      className=\"fixed inset-0 z-[9999] flex items-center justify-center bg-black bg-opacity-50\"\r\n      style={{\r\n        pointerEvents: \"all\",\r\n        userSelect: \"none\",\r\n      }}\r\n      role=\"progressbar\"\r\n      aria-label=\"Carregando...\"\r\n    >\r\n      <Spinner />\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default GlobalLoading;\r\n"],"names":[],"mappings":";;;;;;;AAIA,MAAM,gBAAgB,MAAM;AAC1B,QAAM,EAAE,QAAA,IAAY,cAAA;AAEpB,QAAM,uBAAuB,sBAAsB,CAAC,UAAU;AAC5D,UAAM,kBAAkB,0BAAA;AACxB,WAAO,MAAM,qBAAqB,eAAe,KAAK;AAAA,EACxD,CAAC;AAED,MAAI,CAAC,WAAW,CAAC,qBAAsB,QAAO;AAE9C,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,OAAO;AAAA,QACL,eAAe;AAAA,QACf,YAAY;AAAA,MAAA;AAAA,MAEd,MAAK;AAAA,MACL,cAAW;AAAA,MAEX,8BAAC,SAAA,CAAA,CAAQ;AAAA,IAAA;AAAA,EAAA;AAGf;"}
+{"version":3,"file":"GlobalLoading.js","sources":["../../../../../lib/@ecme/components/shared/loaders/GlobalLoading.tsx"],"sourcesContent":["import { Spinner } from \"@/components/ui\";\nimport { useThemeStore } from \"@/store\";\nimport { useLoadingConfigStore, getCurrentMicrofrontendId } from \"@base/store\";\n\nconst GlobalLoading = () => {\n  const { loading } = useThemeStore();\n  \n  const globalLoadingEnabled = useLoadingConfigStore((state) => {\n    const microfrontendId = getCurrentMicrofrontendId();\n    return state.microfrontendConfigs[microfrontendId] ?? true;\n  });\n\n  if (!loading || !globalLoadingEnabled) return null;\n\n  return (\n    <div\n      className=\"fixed inset-0 z-[9999] flex items-center justify-center bg-black bg-opacity-50\"\n      style={{\n        pointerEvents: \"all\",\n        userSelect: \"none\",\n      }}\n      role=\"progressbar\"\n      aria-label=\"Carregando...\"\n    >\n      <Spinner />\n    </div>\n  );\n};\n\nexport default GlobalLoading;\n"],"names":[],"mappings":";;;;;;;AAIA,MAAM,gBAAgB,MAAM;AAC1B,QAAM,EAAE,QAAA,IAAY,cAAA;AAEpB,QAAM,uBAAuB,sBAAsB,CAAC,UAAU;AAC5D,UAAM,kBAAkB,0BAAA;AACxB,WAAO,MAAM,qBAAqB,eAAe,KAAK;AAAA,EACxD,CAAC;AAED,MAAI,CAAC,WAAW,CAAC,qBAAsB,QAAO;AAE9C,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,OAAO;AAAA,QACL,eAAe;AAAA,QACf,YAAY;AAAA,MAAA;AAAA,MAEd,MAAK;AAAA,MACL,cAAW;AAAA,MAEX,8BAAC,SAAA,CAAA,CAAQ;AAAA,IAAA;AAAA,EAAA;AAGf;"}

package/dist/@ecme/components/shared/loaders/MediaSkeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"MediaSkeleton.js","sources":["../../../../../lib/@ecme/components/shared/loaders/MediaSkeleton.tsx"],"sourcesContent":["import Skeleton from '@/components/ui/Skeleton'\r\nimport type { SkeletonProps } from '@/components/ui/Skeleton'\r\n\r\ntype MediaSkeletonProps = {\r\n    showAvatar?: boolean\r\n    avatarProps?: SkeletonProps\r\n    titleProps?: SkeletonProps\r\n    textProps?: SkeletonProps\r\n}\r\n\r\nconst MediaSkeleton = (props: MediaSkeletonProps) => {\r\n    const { showAvatar = true, avatarProps, titleProps, textProps } = props\r\n\r\n    return (\r\n        <div className=\"flex flex-auto items-center gap-2\">\r\n            {showAvatar && (\r\n                <div>\r\n                    <Skeleton variant=\"circle\" {...avatarProps} />\r\n                </div>\r\n            )}\r\n            <div className=\"flex flex-col gap-4 w-full\">\r\n                <Skeleton width=\"40%\" {...titleProps} />\r\n                <Skeleton width=\"20%\" {...textProps} />\r\n            </div>\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default MediaSkeleton\r\n"],"names":[],"mappings":";;;AAUA,MAAM,gBAAgB,CAAC,UAA8B;AACjD,QAAM,EAAE,aAAa,MAAM,aAAa,YAAY,cAAc;AAElE,SACI,qBAAC,OAAA,EAAI,WAAU,qCACV,UAAA;AAAA,IAAA,cACG,oBAAC,SACG,UAAA,oBAAC,UAAA,EAAS,SAAQ,UAAU,GAAG,aAAa,EAAA,CAChD;AAAA,IAEJ,qBAAC,OAAA,EAAI,WAAU,8BACX,UAAA;AAAA,MAAA,oBAAC,UAAA,EAAS,OAAM,OAAO,GAAG,WAAA,CAAY;AAAA,MACtC,oBAAC,UAAA,EAAS,OAAM,OAAO,GAAG,UAAA,CAAW;AAAA,IAAA,EAAA,CACzC;AAAA,EAAA,GACJ;AAER;"}
+{"version":3,"file":"MediaSkeleton.js","sources":["../../../../../lib/@ecme/components/shared/loaders/MediaSkeleton.tsx"],"sourcesContent":["import Skeleton from '@/components/ui/Skeleton'\nimport type { SkeletonProps } from '@/components/ui/Skeleton'\n\ntype MediaSkeletonProps = {\n    showAvatar?: boolean\n    avatarProps?: SkeletonProps\n    titleProps?: SkeletonProps\n    textProps?: SkeletonProps\n}\n\nconst MediaSkeleton = (props: MediaSkeletonProps) => {\n    const { showAvatar = true, avatarProps, titleProps, textProps } = props\n\n    return (\n        <div className=\"flex flex-auto items-center gap-2\">\n            {showAvatar && (\n                <div>\n                    <Skeleton variant=\"circle\" {...avatarProps} />\n                </div>\n            )}\n            <div className=\"flex flex-col gap-4 w-full\">\n                <Skeleton width=\"40%\" {...titleProps} />\n                <Skeleton width=\"20%\" {...textProps} />\n            </div>\n        </div>\n    )\n}\n\nexport default MediaSkeleton\n"],"names":[],"mappings":";;;AAUA,MAAM,gBAAgB,CAAC,UAA8B;AACjD,QAAM,EAAE,aAAa,MAAM,aAAa,YAAY,cAAc;AAElE,SACI,qBAAC,OAAA,EAAI,WAAU,qCACV,UAAA;AAAA,IAAA,cACG,oBAAC,SACG,UAAA,oBAAC,UAAA,EAAS,SAAQ,UAAU,GAAG,aAAa,EAAA,CAChD;AAAA,IAEJ,qBAAC,OAAA,EAAI,WAAU,8BACX,UAAA;AAAA,MAAA,oBAAC,UAAA,EAAS,OAAM,OAAO,GAAG,WAAA,CAAY;AAAA,MACtC,oBAAC,UAAA,EAAS,OAAM,OAAO,GAAG,UAAA,CAAW;AAAA,IAAA,EAAA,CACzC;AAAA,EAAA,GACJ;AAER;"}

package/dist/@ecme/components/shared/loaders/TableRowSkeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableRowSkeleton.js","sources":["../../../../../lib/@ecme/components/shared/loaders/TableRowSkeleton.tsx"],"sourcesContent":["import Skeleton from '@/components/ui/Skeleton'\r\nimport Table from '@/components/ui/Table'\r\nimport type { SkeletonProps } from '@/components/ui/Skeleton'\r\n\r\ntype TableRowSkeletonProps = {\r\n    columns?: number\r\n    rows?: number\r\n    avatarInColumns?: number[]\r\n    avatarProps?: SkeletonProps\r\n}\r\n\r\nconst { Tr, Td, TBody } = Table\r\n\r\nconst TableRowSkeleton = (props: TableRowSkeletonProps) => {\r\n    const { columns = 1, rows = 10, avatarInColumns = [], avatarProps } = props\r\n\r\n    return (\r\n        <TBody>\r\n            {Array.from(new Array(rows), (_, i) => i + 0).map((row) => (\r\n                <Tr key={`row-${row}`}>\r\n                    {Array.from(new Array(columns), (_, i) => i + 0).map(\r\n                        (col) => (\r\n                            <Td key={`col-${col}`}>\r\n                                <div className=\"flex flex-auto items-center gap-2\">\r\n                                    {avatarInColumns.includes(col) && (\r\n                                        <div>\r\n                                            <Skeleton\r\n                                                variant=\"circle\"\r\n                                                {...avatarProps}\r\n                                            />\r\n                                        </div>\r\n                                    )}\r\n                                    <Skeleton />\r\n                                </div>\r\n                            </Td>\r\n                        ),\r\n                    )}\r\n                </Tr>\r\n            ))}\r\n        </TBody>\r\n    )\r\n}\r\n\r\nexport default TableRowSkeleton\r\n"],"names":[],"mappings":";;;;AAWA,MAAM,EAAE,IAAI,IAAI,MAAA,IAAU;AAE1B,MAAM,mBAAmB,CAAC,UAAiC;AACvD,QAAM,EAAE,UAAU,GAAG,OAAO,IAAI,kBAAkB,CAAA,GAAI,YAAA,IAAgB;AAEtE,SACI,oBAAC,OAAA,EACI,UAAA,MAAM,KAAK,IAAI,MAAM,IAAI,GAAG,CAAC,GAAG,MAAM,IAAI,CAAC,EAAE,IAAI,CAAC,QAC/C,oBAAC,IAAA,EACI,UAAA,MAAM,KAAK,IAAI,MAAM,OAAO,GAAG,CAAC,GAAG,MAAM,IAAI,CAAC,EAAE;AAAA,IAC7C,CAAC,QACG,oBAAC,MACG,UAAA,qBAAC,OAAA,EAAI,WAAU,qCACV,UAAA;AAAA,MAAA,gBAAgB,SAAS,GAAG,KACzB,oBAAC,OAAA,EACG,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,SAAQ;AAAA,UACP,GAAG;AAAA,QAAA;AAAA,MAAA,GAEZ;AAAA,0BAEH,UAAA,CAAA,CAAS;AAAA,IAAA,EAAA,CACd,EAAA,GAXK,OAAO,GAAG,EAYnB;AAAA,EAAA,EAER,GAjBK,OAAO,GAAG,EAkBnB,CACH,EAAA,CACL;AAER;"}
+{"version":3,"file":"TableRowSkeleton.js","sources":["../../../../../lib/@ecme/components/shared/loaders/TableRowSkeleton.tsx"],"sourcesContent":["import Skeleton from '@/components/ui/Skeleton'\nimport Table from '@/components/ui/Table'\nimport type { SkeletonProps } from '@/components/ui/Skeleton'\n\ntype TableRowSkeletonProps = {\n    columns?: number\n    rows?: number\n    avatarInColumns?: number[]\n    avatarProps?: SkeletonProps\n}\n\nconst { Tr, Td, TBody } = Table\n\nconst TableRowSkeleton = (props: TableRowSkeletonProps) => {\n    const { columns = 1, rows = 10, avatarInColumns = [], avatarProps } = props\n\n    return (\n        <TBody>\n            {Array.from(new Array(rows), (_, i) => i + 0).map((row) => (\n                <Tr key={`row-${row}`}>\n                    {Array.from(new Array(columns), (_, i) => i + 0).map(\n                        (col) => (\n                            <Td key={`col-${col}`}>\n                                <div className=\"flex flex-auto items-center gap-2\">\n                                    {avatarInColumns.includes(col) && (\n                                        <div>\n                                            <Skeleton\n                                                variant=\"circle\"\n                                                {...avatarProps}\n                                            />\n                                        </div>\n                                    )}\n                                    <Skeleton />\n                                </div>\n                            </Td>\n                        ),\n                    )}\n                </Tr>\n            ))}\n        </TBody>\n    )\n}\n\nexport default TableRowSkeleton\n"],"names":[],"mappings":";;;;AAWA,MAAM,EAAE,IAAI,IAAI,MAAA,IAAU;AAE1B,MAAM,mBAAmB,CAAC,UAAiC;AACvD,QAAM,EAAE,UAAU,GAAG,OAAO,IAAI,kBAAkB,CAAA,GAAI,YAAA,IAAgB;AAEtE,SACI,oBAAC,OAAA,EACI,UAAA,MAAM,KAAK,IAAI,MAAM,IAAI,GAAG,CAAC,GAAG,MAAM,IAAI,CAAC,EAAE,IAAI,CAAC,QAC/C,oBAAC,IAAA,EACI,UAAA,MAAM,KAAK,IAAI,MAAM,OAAO,GAAG,CAAC,GAAG,MAAM,IAAI,CAAC,EAAE;AAAA,IAC7C,CAAC,QACG,oBAAC,MACG,UAAA,qBAAC,OAAA,EAAI,WAAU,qCACV,UAAA;AAAA,MAAA,gBAAgB,SAAS,GAAG,KACzB,oBAAC,OAAA,EACG,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,SAAQ;AAAA,UACP,GAAG;AAAA,QAAA;AAAA,MAAA,GAEZ;AAAA,0BAEH,UAAA,CAAA,CAAS;AAAA,IAAA,EAAA,CACd,EAAA,GAXK,OAAO,GAAG,EAYnB;AAAA,EAAA,EAER,GAjBK,OAAO,GAAG,EAkBnB,CACH,EAAA,CACL;AAER;"}

package/dist/@ecme/components/shared/loaders/TextBlockSkeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextBlockSkeleton.js","sources":["../../../../../lib/@ecme/components/shared/loaders/TextBlockSkeleton.tsx"],"sourcesContent":["import Skeleton from '@/components/ui/Skeleton'\r\nimport type { SkeletonProps } from '@/components/ui/Skeleton'\r\n\r\ninterface TextBlockSkeletonProps extends SkeletonProps {\r\n    rowCount?: number\r\n    lastChildWidth?: string | number\r\n    height?: string | number\r\n    titleWidth?: string | number\r\n    title?: boolean\r\n}\r\n\r\nconst TextBlockSkeleton = (props: TextBlockSkeletonProps) => {\r\n    const {\r\n        height,\r\n        lastChildWidth = '60%',\r\n        rowCount = 3,\r\n        title = true,\r\n        titleWidth = '40%',\r\n    } = props\r\n\r\n    return (\r\n        <div className=\"flex flex-col gap-4\">\r\n            {title && (\r\n                <Skeleton className=\"mb-1\" height={height} width={titleWidth} />\r\n            )}\r\n            {Array.from(new Array(rowCount), (_, i) => i + 1).map(\r\n                (row, index) => (\r\n                    <Skeleton\r\n                        key={row}\r\n                        height={height}\r\n                        width={\r\n                            index === rowCount - 1 ? lastChildWidth : undefined\r\n                        }\r\n                    />\r\n                ),\r\n            )}\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default TextBlockSkeleton\r\n"],"names":[],"mappings":";;;AAWA,MAAM,oBAAoB,CAAC,UAAkC;AACzD,QAAM;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,IACjB,WAAW;AAAA,IACX,QAAQ;AAAA,IACR,aAAa;AAAA,EAAA,IACb;AAEJ,SACI,qBAAC,OAAA,EAAI,WAAU,uBACV,UAAA;AAAA,IAAA,6BACI,UAAA,EAAS,WAAU,QAAO,QAAgB,OAAO,YAAY;AAAA,IAEjE,MAAM,KAAK,IAAI,MAAM,QAAQ,GAAG,CAAC,GAAG,MAAM,IAAI,CAAC,EAAE;AAAA,MAC9C,CAAC,KAAK,UACF;AAAA,QAAC;AAAA,QAAA;AAAA,UAEG;AAAA,UACA,OACI,UAAU,WAAW,IAAI,iBAAiB;AAAA,QAAA;AAAA,QAHzC;AAAA,MAAA;AAAA,IAKT;AAAA,EAER,GACJ;AAER;"}
+{"version":3,"file":"TextBlockSkeleton.js","sources":["../../../../../lib/@ecme/components/shared/loaders/TextBlockSkeleton.tsx"],"sourcesContent":["import Skeleton from '@/components/ui/Skeleton'\nimport type { SkeletonProps } from '@/components/ui/Skeleton'\n\ninterface TextBlockSkeletonProps extends SkeletonProps {\n    rowCount?: number\n    lastChildWidth?: string | number\n    height?: string | number\n    titleWidth?: string | number\n    title?: boolean\n}\n\nconst TextBlockSkeleton = (props: TextBlockSkeletonProps) => {\n    const {\n        height,\n        lastChildWidth = '60%',\n        rowCount = 3,\n        title = true,\n        titleWidth = '40%',\n    } = props\n\n    return (\n        <div className=\"flex flex-col gap-4\">\n            {title && (\n                <Skeleton className=\"mb-1\" height={height} width={titleWidth} />\n            )}\n            {Array.from(new Array(rowCount), (_, i) => i + 1).map(\n                (row, index) => (\n                    <Skeleton\n                        key={row}\n                        height={height}\n                        width={\n                            index === rowCount - 1 ? lastChildWidth : undefined\n                        }\n                    />\n                ),\n            )}\n        </div>\n    )\n}\n\nexport default TextBlockSkeleton\n"],"names":[],"mappings":";;;AAWA,MAAM,oBAAoB,CAAC,UAAkC;AACzD,QAAM;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,IACjB,WAAW;AAAA,IACX,QAAQ;AAAA,IACR,aAAa;AAAA,EAAA,IACb;AAEJ,SACI,qBAAC,OAAA,EAAI,WAAU,uBACV,UAAA;AAAA,IAAA,6BACI,UAAA,EAAS,WAAU,QAAO,QAAgB,OAAO,YAAY;AAAA,IAEjE,MAAM,KAAK,IAAI,MAAM,QAAQ,GAAG,CAAC,GAAG,MAAM,IAAI,CAAC,EAAE;AAAA,MAC9C,CAAC,KAAK,UACF;AAAA,QAAC;AAAA,QAAA;AAAA,UAEG;AAAA,UACA,OACI,UAAU,WAAW,IAAI,iBAAiB;AAAA,QAAA;AAAA,QAHzC;AAAA,MAAA;AAAA,IAKT;AAAA,EAER,GACJ;AAER;"}

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

@@ -1 +1 @@
-{"version":3,"file":"BottomStickyBar.js","sources":["../../../../lib/@ecme/components/template/BottomStickyBar.tsx"],"sourcesContent":["import classNames from '@/utils/classNames'\r\nimport useLayout from '@/utils/hooks/useLayout'\r\nimport type { CommonProps } from '@/@types/common'\r\nimport { LAYOUT_CONTENT_OVERLAY } from '@/constants/theme.constant'\r\n\r\nexport type BottomStickyBarProps = CommonProps\r\n\r\nconst BottomStickyBar = ({ children, className }: BottomStickyBarProps) => {\r\n    const { type } = useLayout()\r\n\r\n    return (\r\n        <div\r\n            className={classNames(\r\n                'bottom-0 left-0 right-0 z-10 mt-8 border-t border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-800 py-4',\r\n                type === LAYOUT_CONTENT_OVERLAY ? 'fixed' : 'sticky',\r\n                className,\r\n            )}\r\n        >\r\n            {children}\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default BottomStickyBar\r\n"],"names":[],"mappings":";;;;AAOA,MAAM,kBAAkB,CAAC,EAAE,UAAU,gBAAsC;AACvE,QAAM,EAAE,KAAA,IAAS,UAAA;AAEjB,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAW;AAAA,QACP;AAAA,QACA,SAAS,yBAAyB,UAAU;AAAA,QAC5C;AAAA,MAAA;AAAA,MAGH;AAAA,IAAA;AAAA,EAAA;AAGb;"}
+{"version":3,"file":"BottomStickyBar.js","sources":["../../../../lib/@ecme/components/template/BottomStickyBar.tsx"],"sourcesContent":["import classNames from '@/utils/classNames'\nimport useLayout from '@/utils/hooks/useLayout'\nimport type { CommonProps } from '@/@types/common'\nimport { LAYOUT_CONTENT_OVERLAY } from '@/constants/theme.constant'\n\nexport type BottomStickyBarProps = CommonProps\n\nconst BottomStickyBar = ({ children, className }: BottomStickyBarProps) => {\n    const { type } = useLayout()\n\n    return (\n        <div\n            className={classNames(\n                'bottom-0 left-0 right-0 z-10 mt-8 border-t border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-800 py-4',\n                type === LAYOUT_CONTENT_OVERLAY ? 'fixed' : 'sticky',\n                className,\n            )}\n        >\n            {children}\n        </div>\n    )\n}\n\nexport default BottomStickyBar\n"],"names":[],"mappings":";;;;AAOA,MAAM,kBAAkB,CAAC,EAAE,UAAU,gBAAsC;AACvE,QAAM,EAAE,KAAA,IAAS,UAAA;AAEjB,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAW;AAAA,QACP;AAAA,QACA,SAAS,yBAAyB,UAAU;AAAA,QAC5C;AAAA,MAAA;AAAA,MAGH;AAAA,IAAA;AAAA,EAAA;AAGb;"}

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

@@ -1 +1 @@
-{"version":3,"file":"Footer.js","sources":["../../../../lib/@ecme/components/template/Footer.tsx"],"sourcesContent":["import Container from '@/components/shared/Container'\r\nimport classNames from '@/utils/classNames'\r\nimport { APP_NAME } from '@/constants/app.constant'\r\nimport { PAGE_CONTAINER_GUTTER_X } from '@/constants/theme.constant'\r\n\r\nexport type FooterPageContainerType = 'gutterless' | 'contained'\r\n\r\ntype FooterProps = {\r\n    pageContainerType: FooterPageContainerType\r\n    className?: string\r\n}\r\n\r\nconst FooterContent = () => {\r\n    return (\r\n        <div className=\"flex w-full flex-auto items-center justify-between\">\r\n            <span>\r\n                <span className=\"mr-1 font-semibold\">{`${APP_NAME}`}</span>\r\n                <span>&copy; {`${new Date().getFullYear()}`} </span>\r\n            </span>\r\n            {/* <div className=\"\">\r\n                <a\r\n                    className=\"text-gray\"\r\n                    href=\"/#\"\r\n                    onClick={(e) => e.preventDefault()}\r\n                >\r\n                    Term & Conditions\r\n                </a>\r\n                <span className=\"text-muted mx-2\"> | </span>\r\n                <a\r\n                    className=\"text-gray\"\r\n                    href=\"/#\"\r\n                    onClick={(e) => e.preventDefault()}\r\n                >\r\n                    Privacy & Policy\r\n                </a>\r\n            </div> */}\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default function Footer({\r\n    pageContainerType = 'contained',\r\n    className,\r\n}: FooterProps) {\r\n    return (\r\n        <footer\r\n            className={classNames(\r\n                `footer flex flex-auto items-center h-16 ${PAGE_CONTAINER_GUTTER_X}`,\r\n                className,\r\n            )}\r\n        >\r\n            {pageContainerType === 'contained' ? (\r\n                <Container>\r\n                    <FooterContent />\r\n                </Container>\r\n            ) : (\r\n                <FooterContent />\r\n            )}\r\n        </footer>\r\n    )\r\n}\r\n"],"names":[],"mappings":";;;;;AAYA,MAAM,gBAAgB,MAAM;AACxB,SACI,oBAAC,OAAA,EAAI,WAAU,sDACX,+BAAC,QAAA,EACG,UAAA;AAAA,IAAA,oBAAC,QAAA,EAAK,WAAU,sBAAsB,UAAA,GAAG,QAAQ,IAAG;AAAA,yBACnD,QAAA,EAAK,UAAA;AAAA,MAAA;AAAA,MAAQ,IAAG,oBAAI,QAAO,aAAa;AAAA,MAAG;AAAA,IAAA,EAAA,CAAC;AAAA,EAAA,EAAA,CACjD,EAAA,CAkBJ;AAER;AAEA,SAAwB,OAAO;AAAA,EAC3B,oBAAoB;AAAA,EACpB;AACJ,GAAgB;AACZ,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAW;AAAA,QACP,2CAA2C,uBAAuB;AAAA,QAClE;AAAA,MAAA;AAAA,MAGH,UAAA,sBAAsB,cACnB,oBAAC,WAAA,EACG,8BAAC,eAAA,CAAA,CAAc,EAAA,CACnB,IAEA,oBAAC,eAAA,CAAA,CAAc;AAAA,IAAA;AAAA,EAAA;AAI/B;"}
+{"version":3,"file":"Footer.js","sources":["../../../../lib/@ecme/components/template/Footer.tsx"],"sourcesContent":["import Container from '@/components/shared/Container'\nimport classNames from '@/utils/classNames'\nimport { APP_NAME } from '@/constants/app.constant'\nimport { PAGE_CONTAINER_GUTTER_X } from '@/constants/theme.constant'\n\nexport type FooterPageContainerType = 'gutterless' | 'contained'\n\ntype FooterProps = {\n    pageContainerType: FooterPageContainerType\n    className?: string\n}\n\nconst FooterContent = () => {\n    return (\n        <div className=\"flex w-full flex-auto items-center justify-between\">\n            <span>\n                <span className=\"mr-1 font-semibold\">{`${APP_NAME}`}</span>\n                <span>&copy; {`${new Date().getFullYear()}`} </span>\n            </span>\n            {/* <div className=\"\">\n                <a\n                    className=\"text-gray\"\n                    href=\"/#\"\n                    onClick={(e) => e.preventDefault()}\n                >\n                    Term & Conditions\n                </a>\n                <span className=\"text-muted mx-2\"> | </span>\n                <a\n                    className=\"text-gray\"\n                    href=\"/#\"\n                    onClick={(e) => e.preventDefault()}\n                >\n                    Privacy & Policy\n                </a>\n            </div> */}\n        </div>\n    )\n}\n\nexport default function Footer({\n    pageContainerType = 'contained',\n    className,\n}: FooterProps) {\n    return (\n        <footer\n            className={classNames(\n                `footer flex flex-auto items-center h-16 ${PAGE_CONTAINER_GUTTER_X}`,\n                className,\n            )}\n        >\n            {pageContainerType === 'contained' ? (\n                <Container>\n                    <FooterContent />\n                </Container>\n            ) : (\n                <FooterContent />\n            )}\n        </footer>\n    )\n}\n"],"names":[],"mappings":";;;;;AAYA,MAAM,gBAAgB,MAAM;AACxB,SACI,oBAAC,OAAA,EAAI,WAAU,sDACX,+BAAC,QAAA,EACG,UAAA;AAAA,IAAA,oBAAC,QAAA,EAAK,WAAU,sBAAsB,UAAA,GAAG,QAAQ,IAAG;AAAA,yBACnD,QAAA,EAAK,UAAA;AAAA,MAAA;AAAA,MAAQ,IAAG,oBAAI,QAAO,aAAa;AAAA,MAAG;AAAA,IAAA,EAAA,CAAC;AAAA,EAAA,EAAA,CACjD,EAAA,CAkBJ;AAER;AAEA,SAAwB,OAAO;AAAA,EAC3B,oBAAoB;AAAA,EACpB;AACJ,GAAgB;AACZ,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAW;AAAA,QACP,2CAA2C,uBAAuB;AAAA,QAClE;AAAA,MAAA;AAAA,MAGH,UAAA,sBAAsB,cACnB,oBAAC,WAAA,EACG,8BAAC,eAAA,CAAA,CAAc,EAAA,CACnB,IAEA,oBAAC,eAAA,CAAA,CAAc;AAAA,IAAA;AAAA,EAAA;AAI/B;"}

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

@@ -1 +1 @@
-{"version":3,"file":"FrameLessGap.js","sources":["../../../../lib/@ecme/components/template/FrameLessGap.tsx"],"sourcesContent":["import classNames from '@/utils/classNames'\r\nimport type { CommonProps } from '@/@types/common'\r\n\r\nexport interface FrameLessGapProps extends CommonProps {\r\n    contained?: boolean\r\n}\r\n\r\nconst FrameLessGap = ({ children, className }: FrameLessGapProps) => {\r\n    return <div className={classNames(className, 'p-6')}>{children}</div>\r\n}\r\n\r\nexport default FrameLessGap\r\n"],"names":[],"mappings":";;AAOA,MAAM,eAAe,CAAC,EAAE,UAAU,gBAAmC;AACjE,6BAAQ,OAAA,EAAI,WAAW,WAAW,WAAW,KAAK,GAAI,UAAS;AACnE;"}
+{"version":3,"file":"FrameLessGap.js","sources":["../../../../lib/@ecme/components/template/FrameLessGap.tsx"],"sourcesContent":["import classNames from '@/utils/classNames'\nimport type { CommonProps } from '@/@types/common'\n\nexport interface FrameLessGapProps extends CommonProps {\n    contained?: boolean\n}\n\nconst FrameLessGap = ({ children, className }: FrameLessGapProps) => {\n    return <div className={classNames(className, 'p-6')}>{children}</div>\n}\n\nexport default FrameLessGap\n"],"names":[],"mappings":";;AAOA,MAAM,eAAe,CAAC,EAAE,UAAU,gBAAmC;AACjE,6BAAQ,OAAA,EAAI,WAAW,WAAW,WAAW,KAAK,GAAI,UAAS;AACnE;"}

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

@@ -1 +1 @@
-{"version":3,"file":"Header.js","sources":["../../../../lib/@ecme/components/template/Header.tsx"],"sourcesContent":["import classNames from \"@/utils/classNames\";\r\nimport { HEADER_HEIGHT } from \"@/constants/theme.constant\";\r\nimport React, { Children, cloneElement, type ReactNode } from \"react\";\r\nimport type { CommonProps } from \"@/@types/common\";\r\nimport { LinkRenderer } from \"../layouts/Layouts\";\r\n\r\ninterface HeaderProps extends CommonProps {\r\n  headerStart?: ReactNode;\r\n  headerEnd?: ReactNode;\r\n  headerMiddle?: ReactNode;\r\n  container?: boolean;\r\n  wrapperClass?: string;\r\n  linkRenderer?: LinkRenderer;\r\n}\r\n\r\nconst Header = (props: HeaderProps) => {\r\n  const {\r\n    headerStart,\r\n    headerEnd,\r\n    headerMiddle,\r\n    className,\r\n    container,\r\n    wrapperClass,\r\n    linkRenderer,\r\n  } = props;\r\n\r\n  const renderHeaderStart = () => {\r\n    if (!headerStart) {\r\n      return null;\r\n    }\r\n    return Children.map(headerStart, (child) => {\r\n      if (React.isValidElement(child)) {\r\n        return cloneElement(child as React.ReactElement<any>, { linkRenderer });\r\n      }\r\n      return child;\r\n    });\r\n  };\r\n\r\n  return (\r\n    <header className={classNames(\"header\", className)}>\r\n      <div\r\n        className={classNames(\r\n          \"header-wrapper\",\r\n          container && \"container mx-auto\",\r\n          wrapperClass\r\n        )}\r\n        style={{ height: HEADER_HEIGHT }}\r\n      >\r\n        <div className=\"header-action header-action-start\">\r\n          {renderHeaderStart()}\r\n        </div>\r\n        {headerMiddle && (\r\n          <div className=\"header-action header-action-middle\">\r\n            {headerMiddle}\r\n          </div>\r\n        )}\r\n        <div className=\"header-action header-action-end\">{headerEnd}</div>\r\n      </div>\r\n    </header>\r\n  );\r\n};\r\n\r\nexport default Header;\r\n"],"names":[],"mappings":";;;;AAeA,MAAM,SAAS,CAAC,UAAuB;AACrC,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,IACE;AAEJ,QAAM,oBAAoB,MAAM;AAC9B,QAAI,CAAC,aAAa;AAChB,aAAO;AAAA,IACT;AACA,WAAO,SAAS,IAAI,aAAa,CAAC,UAAU;AAC1C,UAAI,MAAM,eAAe,KAAK,GAAG;AAC/B,eAAO,aAAa,OAAkC,EAAE,cAAc;AAAA,MACxE;AACA,aAAO;AAAA,IACT,CAAC;AAAA,EACH;AAEA,6BACG,UAAA,EAAO,WAAW,WAAW,UAAU,SAAS,GAC/C,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA,aAAa;AAAA,QACb;AAAA,MAAA;AAAA,MAEF,OAAO,EAAE,QAAQ,cAAA;AAAA,MAEjB,UAAA;AAAA,QAAA,oBAAC,OAAA,EAAI,WAAU,qCACZ,UAAA,kBAAA,GACH;AAAA,QACC,gBACC,oBAAC,OAAA,EAAI,WAAU,sCACZ,UAAA,cACH;AAAA,QAEF,oBAAC,OAAA,EAAI,WAAU,mCAAmC,UAAA,UAAA,CAAU;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,GAEhE;AAEJ;"}
+{"version":3,"file":"Header.js","sources":["../../../../lib/@ecme/components/template/Header.tsx"],"sourcesContent":["import classNames from \"@/utils/classNames\";\nimport { HEADER_HEIGHT } from \"@/constants/theme.constant\";\nimport React, { Children, cloneElement, type ReactNode } from \"react\";\nimport type { CommonProps } from \"@/@types/common\";\nimport { LinkRenderer } from \"../layouts/Layouts\";\n\ninterface HeaderProps extends CommonProps {\n  headerStart?: ReactNode;\n  headerEnd?: ReactNode;\n  headerMiddle?: ReactNode;\n  container?: boolean;\n  wrapperClass?: string;\n  linkRenderer?: LinkRenderer;\n}\n\nconst Header = (props: HeaderProps) => {\n  const {\n    headerStart,\n    headerEnd,\n    headerMiddle,\n    className,\n    container,\n    wrapperClass,\n    linkRenderer,\n  } = props;\n\n  const renderHeaderStart = () => {\n    if (!headerStart) {\n      return null;\n    }\n    return Children.map(headerStart, (child) => {\n      if (React.isValidElement(child)) {\n        return cloneElement(child as React.ReactElement<any>, { linkRenderer });\n      }\n      return child;\n    });\n  };\n\n  return (\n    <header className={classNames(\"header\", className)}>\n      <div\n        className={classNames(\n          \"header-wrapper\",\n          container && \"container mx-auto\",\n          wrapperClass\n        )}\n        style={{ height: HEADER_HEIGHT }}\n      >\n        <div className=\"header-action header-action-start\">\n          {renderHeaderStart()}\n        </div>\n        {headerMiddle && (\n          <div className=\"header-action header-action-middle\">\n            {headerMiddle}\n          </div>\n        )}\n        <div className=\"header-action header-action-end\">{headerEnd}</div>\n      </div>\n    </header>\n  );\n};\n\nexport default Header;\n"],"names":[],"mappings":";;;;AAeA,MAAM,SAAS,CAAC,UAAuB;AACrC,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,IACE;AAEJ,QAAM,oBAAoB,MAAM;AAC9B,QAAI,CAAC,aAAa;AAChB,aAAO;AAAA,IACT;AACA,WAAO,SAAS,IAAI,aAAa,CAAC,UAAU;AAC1C,UAAI,MAAM,eAAe,KAAK,GAAG;AAC/B,eAAO,aAAa,OAAkC,EAAE,cAAc;AAAA,MACxE;AACA,aAAO;AAAA,IACT,CAAC;AAAA,EACH;AAEA,6BACG,UAAA,EAAO,WAAW,WAAW,UAAU,SAAS,GAC/C,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA,aAAa;AAAA,QACb;AAAA,MAAA;AAAA,MAEF,OAAO,EAAE,QAAQ,cAAA;AAAA,MAEjB,UAAA;AAAA,QAAA,oBAAC,OAAA,EAAI,WAAU,qCACZ,UAAA,kBAAA,GACH;AAAA,QACC,gBACC,oBAAC,OAAA,EAAI,WAAU,sCACZ,UAAA,cACH;AAAA,QAEF,oBAAC,OAAA,EAAI,WAAU,mCAAmC,UAAA,UAAA,CAAU;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,GAEhE;AAEJ;"}

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

@@ -1 +1 @@
-{"version":3,"file":"HeaderLogo.js","sources":["../../../../lib/@ecme/components/template/HeaderLogo.tsx"],"sourcesContent":["import Logo from '@/components/template/Logo'\r\nimport { useThemeStore } from '@/store/themeStore'\r\nimport appConfig from '@/configs/app.config'\r\nimport { Link } from 'react-router-dom'\r\nimport type { Mode } from '@/@types/theme'\r\nimport { getLogoFilename } from '@base/utils/logo'\r\n\r\nconst HeaderLogo = ({ mode }: { mode?: Mode }) => {\r\n    const defaultMode = useThemeStore((state) => state.mode)\r\n\r\n    return (\r\n        <Link to={appConfig.authenticatedEntryPath}>\r\n            <Logo\r\n                imgClass=\"max-h-8\"\r\n                name={getLogoFilename(true, mode || defaultMode)}\r\n                className=\"hidden lg:block\"\r\n            />\r\n        </Link>\r\n    )\r\n}\r\n\r\nexport default HeaderLogo\r\n"],"names":[],"mappings":";;;;;;AAOA,MAAM,aAAa,CAAC,EAAE,WAA4B;AAC9C,QAAM,cAAc,cAAc,CAAC,UAAU,MAAM,IAAI;AAEvD,SACI,oBAAC,MAAA,EAAK,IAAI,UAAU,wBAChB,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,UAAS;AAAA,MACT,MAAM,gBAAgB,MAAM,QAAQ,WAAW;AAAA,MAC/C,WAAU;AAAA,IAAA;AAAA,EAAA,GAElB;AAER;"}
+{"version":3,"file":"HeaderLogo.js","sources":["../../../../lib/@ecme/components/template/HeaderLogo.tsx"],"sourcesContent":["import Logo from '@/components/template/Logo'\nimport { useThemeStore } from '@/store/themeStore'\nimport appConfig from '@/configs/app.config'\nimport { Link } from 'react-router-dom'\nimport type { Mode } from '@/@types/theme'\nimport { getLogoFilename } from '@base/utils/logo'\n\nconst HeaderLogo = ({ mode }: { mode?: Mode }) => {\n    const defaultMode = useThemeStore((state) => state.mode)\n\n    return (\n        <Link to={appConfig.authenticatedEntryPath}>\n            <Logo\n                imgClass=\"max-h-8\"\n                name={getLogoFilename(true, mode || defaultMode)}\n                className=\"hidden lg:block\"\n            />\n        </Link>\n    )\n}\n\nexport default HeaderLogo\n"],"names":[],"mappings":";;;;;;AAOA,MAAM,aAAa,CAAC,EAAE,WAA4B;AAC9C,QAAM,cAAc,cAAc,CAAC,UAAU,MAAM,IAAI;AAEvD,SACI,oBAAC,MAAA,EAAK,IAAI,UAAU,wBAChB,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,UAAS;AAAA,MACT,MAAM,gBAAgB,MAAM,QAAQ,WAAW;AAAA,MAC/C,WAAU;AAAA,IAAA;AAAA,EAAA,GAElB;AAER;"}

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

@@ -1 +1 @@
-{"version":3,"file":"HorizontalMenuContent.js","sources":["../../../../../lib/@ecme/components/template/HorizontalMenuContent/HorizontalMenuContent.tsx"],"sourcesContent":["import HorizontalMenuDropdownTrigger from './HorizontalMenuDropdownTrigger'\r\nimport HorizontalMenuDropdown from './HorizontalMenuDropdown'\r\nimport HorizontalMenuDropdownContent from './HorizontalMenuDropdownContent'\r\nimport AuthorityCheck from '@/components/shared/AuthorityCheck'\r\nimport useTranslation from '@/utils/hooks/useTranslation'\r\nimport useMenuActive from '@/utils/hooks/useMenuActive'\r\nimport { TbChevronDown } from 'react-icons/tb'\r\nimport { Direction } from '@/@types/theme'\r\nimport type { NavigationTree } from '@/@types/navigation'\r\nimport type { TraslationFn } from '@/@types/common'\r\n\r\ntype HorizontalMenuContentProps = {\r\n    routeKey: string\r\n    navigationTree?: NavigationTree[]\r\n    direction?: Direction\r\n    translationSetup?: boolean\r\n    userAuthority: string[]\r\n}\r\n\r\nconst HorizontalMenuContent = (props: HorizontalMenuContentProps) => {\r\n    const {\r\n        routeKey,\r\n        navigationTree = [],\r\n        translationSetup,\r\n        userAuthority,\r\n    } = props\r\n\r\n    const { t } = useTranslation(!translationSetup)\r\n    const { activedRoute } = useMenuActive(navigationTree, routeKey)\r\n\r\n    return (\r\n        <div className=\"flex gap-1\">\r\n            {navigationTree.map((nav) => (\r\n                <AuthorityCheck\r\n                    key={nav.key}\r\n                    userAuthority={userAuthority}\r\n                    authority={nav.authority}\r\n                >\r\n                    {nav.subMenu.length > 0 ? (\r\n                        <HorizontalMenuDropdown\r\n                            dropdownLean={\r\n                                nav.meta?.horizontalMenu?.layout === 'default'\r\n                            }\r\n                            triggerContent={({ ref, props }) => (\r\n                                <HorizontalMenuDropdownTrigger\r\n                                    ref={ref}\r\n                                    {...props}\r\n                                    asElement=\"button\"\r\n                                >\r\n                                    <div className=\"flex items-center gap-1\">\r\n                                        <span>\r\n                                            {t(nav.translateKey, nav.title)}\r\n                                        </span>\r\n                                        <TbChevronDown />\r\n                                    </div>\r\n                                </HorizontalMenuDropdownTrigger>\r\n                            )}\r\n                            menuContent={({ styles, handleDropdownClose }) => (\r\n                                <HorizontalMenuDropdownContent\r\n                                    style={styles}\r\n                                    navigationTree={nav.subMenu}\r\n                                    t={t as TraslationFn}\r\n                                    layoutMeta={nav?.meta?.horizontalMenu}\r\n                                    routeKey={routeKey}\r\n                                    routeParentKey={activedRoute?.parentKey}\r\n                                    userAuthority={userAuthority}\r\n                                    onDropdownClose={handleDropdownClose}\r\n                                />\r\n                            )}\r\n                        ></HorizontalMenuDropdown>\r\n                    ) : (\r\n                        <HorizontalMenuDropdownTrigger\r\n                            {...props}\r\n                            path={nav.path}\r\n                            isExternalLink={nav.isExternalLink}\r\n                            active={activedRoute?.key === nav.key}\r\n                            asElement=\"a\"\r\n                        >\r\n                            <div className=\"flex items-center gap-1\">\r\n                                <span>{t(nav.translateKey, nav.title)}</span>\r\n                            </div>\r\n                        </HorizontalMenuDropdownTrigger>\r\n                    )}\r\n                </AuthorityCheck>\r\n            ))}\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default HorizontalMenuContent\r\n"],"names":["props"],"mappings":";;;;;;;;AAmBA,MAAM,wBAAwB,CAAC,UAAsC;AACjE,QAAM;AAAA,IACF;AAAA,IACA,iBAAiB,CAAA;AAAA,IACjB;AAAA,IACA;AAAA,EAAA,IACA;AAEJ,QAAM,EAAE,EAAA,IAAM,eAAe,CAAC,gBAAgB;AAC9C,QAAM,EAAE,aAAA,IAAiB,cAAc,gBAAgB,QAAQ;AAE/D,6BACK,OAAA,EAAI,WAAU,cACV,UAAA,eAAe,IAAI,CAAC,QACjB;AAAA,IAAC;AAAA,IAAA;AAAA,MAEG;AAAA,MACA,WAAW,IAAI;AAAA,MAEd,UAAA,IAAI,QAAQ,SAAS,IAClB;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,cACI,IAAI,MAAM,gBAAgB,WAAW;AAAA,UAEzC,gBAAgB,CAAC,EAAE,KAAK,OAAAA,aACpB;AAAA,YAAC;AAAA,YAAA;AAAA,cACG;AAAA,cACC,GAAGA;AAAAA,cACJ,WAAU;AAAA,cAEV,UAAA,qBAAC,OAAA,EAAI,WAAU,2BACX,UAAA;AAAA,gBAAA,oBAAC,UACI,UAAA,EAAE,IAAI,cAAc,IAAI,KAAK,GAClC;AAAA,oCACC,eAAA,CAAA,CAAc;AAAA,cAAA,EAAA,CACnB;AAAA,YAAA;AAAA,UAAA;AAAA,UAGR,aAAa,CAAC,EAAE,QAAQ,0BACpB;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,OAAO;AAAA,cACP,gBAAgB,IAAI;AAAA,cACpB;AAAA,cACA,YAAY,KAAK,MAAM;AAAA,cACvB;AAAA,cACA,gBAAgB,cAAc;AAAA,cAC9B;AAAA,cACA,iBAAiB;AAAA,YAAA;AAAA,UAAA;AAAA,QACrB;AAAA,MAAA,IAIR;AAAA,QAAC;AAAA,QAAA;AAAA,UACI,GAAG;AAAA,UACJ,MAAM,IAAI;AAAA,UACV,gBAAgB,IAAI;AAAA,UACpB,QAAQ,cAAc,QAAQ,IAAI;AAAA,UAClC,WAAU;AAAA,UAEV,UAAA,oBAAC,OAAA,EAAI,WAAU,2BACX,UAAA,oBAAC,QAAA,EAAM,UAAA,EAAE,IAAI,cAAc,IAAI,KAAK,EAAA,CAAE,EAAA,CAC1C;AAAA,QAAA;AAAA,MAAA;AAAA,IACJ;AAAA,IA/CC,IAAI;AAAA,EAAA,CAkDhB,GACL;AAER;"}
+{"version":3,"file":"HorizontalMenuContent.js","sources":["../../../../../lib/@ecme/components/template/HorizontalMenuContent/HorizontalMenuContent.tsx"],"sourcesContent":["import HorizontalMenuDropdownTrigger from './HorizontalMenuDropdownTrigger'\nimport HorizontalMenuDropdown from './HorizontalMenuDropdown'\nimport HorizontalMenuDropdownContent from './HorizontalMenuDropdownContent'\nimport AuthorityCheck from '@/components/shared/AuthorityCheck'\nimport useTranslation from '@/utils/hooks/useTranslation'\nimport useMenuActive from '@/utils/hooks/useMenuActive'\nimport { TbChevronDown } from 'react-icons/tb'\nimport { Direction } from '@/@types/theme'\nimport type { NavigationTree } from '@/@types/navigation'\nimport type { TraslationFn } from '@/@types/common'\n\ntype HorizontalMenuContentProps = {\n    routeKey: string\n    navigationTree?: NavigationTree[]\n    direction?: Direction\n    translationSetup?: boolean\n    userAuthority: string[]\n}\n\nconst HorizontalMenuContent = (props: HorizontalMenuContentProps) => {\n    const {\n        routeKey,\n        navigationTree = [],\n        translationSetup,\n        userAuthority,\n    } = props\n\n    const { t } = useTranslation(!translationSetup)\n    const { activedRoute } = useMenuActive(navigationTree, routeKey)\n\n    return (\n        <div className=\"flex gap-1\">\n            {navigationTree.map((nav) => (\n                <AuthorityCheck\n                    key={nav.key}\n                    userAuthority={userAuthority}\n                    authority={nav.authority}\n                >\n                    {nav.subMenu.length > 0 ? (\n                        <HorizontalMenuDropdown\n                            dropdownLean={\n                                nav.meta?.horizontalMenu?.layout === 'default'\n                            }\n                            triggerContent={({ ref, props }) => (\n                                <HorizontalMenuDropdownTrigger\n                                    ref={ref}\n                                    {...props}\n                                    asElement=\"button\"\n                                >\n                                    <div className=\"flex items-center gap-1\">\n                                        <span>\n                                            {t(nav.translateKey, nav.title)}\n                                        </span>\n                                        <TbChevronDown />\n                                    </div>\n                                </HorizontalMenuDropdownTrigger>\n                            )}\n                            menuContent={({ styles, handleDropdownClose }) => (\n                                <HorizontalMenuDropdownContent\n                                    style={styles}\n                                    navigationTree={nav.subMenu}\n                                    t={t as TraslationFn}\n                                    layoutMeta={nav?.meta?.horizontalMenu}\n                                    routeKey={routeKey}\n                                    routeParentKey={activedRoute?.parentKey}\n                                    userAuthority={userAuthority}\n                                    onDropdownClose={handleDropdownClose}\n                                />\n                            )}\n                        ></HorizontalMenuDropdown>\n                    ) : (\n                        <HorizontalMenuDropdownTrigger\n                            {...props}\n                            path={nav.path}\n                            isExternalLink={nav.isExternalLink}\n                            active={activedRoute?.key === nav.key}\n                            asElement=\"a\"\n                        >\n                            <div className=\"flex items-center gap-1\">\n                                <span>{t(nav.translateKey, nav.title)}</span>\n                            </div>\n                        </HorizontalMenuDropdownTrigger>\n                    )}\n                </AuthorityCheck>\n            ))}\n        </div>\n    )\n}\n\nexport default HorizontalMenuContent\n"],"names":["props"],"mappings":";;;;;;;;AAmBA,MAAM,wBAAwB,CAAC,UAAsC;AACjE,QAAM;AAAA,IACF;AAAA,IACA,iBAAiB,CAAA;AAAA,IACjB;AAAA,IACA;AAAA,EAAA,IACA;AAEJ,QAAM,EAAE,EAAA,IAAM,eAAe,CAAC,gBAAgB;AAC9C,QAAM,EAAE,aAAA,IAAiB,cAAc,gBAAgB,QAAQ;AAE/D,6BACK,OAAA,EAAI,WAAU,cACV,UAAA,eAAe,IAAI,CAAC,QACjB;AAAA,IAAC;AAAA,IAAA;AAAA,MAEG;AAAA,MACA,WAAW,IAAI;AAAA,MAEd,UAAA,IAAI,QAAQ,SAAS,IAClB;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,cACI,IAAI,MAAM,gBAAgB,WAAW;AAAA,UAEzC,gBAAgB,CAAC,EAAE,KAAK,OAAAA,aACpB;AAAA,YAAC;AAAA,YAAA;AAAA,cACG;AAAA,cACC,GAAGA;AAAAA,cACJ,WAAU;AAAA,cAEV,UAAA,qBAAC,OAAA,EAAI,WAAU,2BACX,UAAA;AAAA,gBAAA,oBAAC,UACI,UAAA,EAAE,IAAI,cAAc,IAAI,KAAK,GAClC;AAAA,oCACC,eAAA,CAAA,CAAc;AAAA,cAAA,EAAA,CACnB;AAAA,YAAA;AAAA,UAAA;AAAA,UAGR,aAAa,CAAC,EAAE,QAAQ,0BACpB;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,OAAO;AAAA,cACP,gBAAgB,IAAI;AAAA,cACpB;AAAA,cACA,YAAY,KAAK,MAAM;AAAA,cACvB;AAAA,cACA,gBAAgB,cAAc;AAAA,cAC9B;AAAA,cACA,iBAAiB;AAAA,YAAA;AAAA,UAAA;AAAA,QACrB;AAAA,MAAA,IAIR;AAAA,QAAC;AAAA,QAAA;AAAA,UACI,GAAG;AAAA,UACJ,MAAM,IAAI;AAAA,UACV,gBAAgB,IAAI;AAAA,UACpB,QAAQ,cAAc,QAAQ,IAAI;AAAA,UAClC,WAAU;AAAA,UAEV,UAAA,oBAAC,OAAA,EAAI,WAAU,2BACX,UAAA,oBAAC,QAAA,EAAM,UAAA,EAAE,IAAI,cAAc,IAAI,KAAK,EAAA,CAAE,EAAA,CAC1C;AAAA,QAAA;AAAA,MAAA;AAAA,IACJ;AAAA,IA/CC,IAAI;AAAA,EAAA,CAkDhB,GACL;AAER;"}

package/dist/@ecme/components/template/HorizontalMenuContent/HorizontalMenuDropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"HorizontalMenuDropdown.js","sources":["../../../../../lib/@ecme/components/template/HorizontalMenuContent/HorizontalMenuDropdown.tsx"],"sourcesContent":["import { useEffect, useState, useRef, useContext, createContext } from 'react'\r\nimport {\r\n    autoUpdate,\r\n    flip,\r\n    FloatingFocusManager,\r\n    FloatingList,\r\n    FloatingNode,\r\n    FloatingPortal,\r\n    FloatingTree,\r\n    offset,\r\n    safePolygon,\r\n    shift,\r\n    useClick,\r\n    useDismiss,\r\n    useFloating,\r\n    useFloatingNodeId,\r\n    useFloatingParentNodeId,\r\n    useFloatingTree,\r\n    useHover,\r\n    useInteractions,\r\n    useListItem,\r\n    useListNavigation,\r\n    useMergeRefs,\r\n    useRole,\r\n    useTypeahead,\r\n    useTransitionStyles,\r\n} from '@floating-ui/react'\r\nimport type {\r\n    CSSProperties,\r\n    HTMLProps,\r\n    Dispatch,\r\n    SetStateAction,\r\n    ReactNode,\r\n} from 'react'\r\n\r\ninterface HorizontalMenuDropdownProps {\r\n    dropdownLean?: boolean\r\n    triggerContent?: (payload: {\r\n        ref: ((instance: HTMLElement | null) => void) | null\r\n        props: { [x: string]: unknown }\r\n        isOpen: boolean\r\n        hasFocusInside: boolean\r\n    }) => ReactNode\r\n    menuContent?: (props: {\r\n        styles: CSSProperties\r\n        handleDropdownClose: () => void\r\n    }) => ReactNode\r\n}\r\n\r\nconst MenuContext = createContext<{\r\n    getItemProps: (\r\n        userProps?: HTMLProps<HTMLElement>,\r\n    ) => Record<string, unknown>\r\n    activeIndex: number | null\r\n    setActiveIndex: Dispatch<SetStateAction<number | null>>\r\n    setHasFocusInside: Dispatch<SetStateAction<boolean>>\r\n    isOpen: boolean\r\n}>({\r\n    getItemProps: () => ({}),\r\n    activeIndex: null,\r\n    setActiveIndex: () => {},\r\n    setHasFocusInside: () => {},\r\n    isOpen: false,\r\n})\r\n\r\nconst HorizontalMenuDropdown = (props: HorizontalMenuDropdownProps) => {\r\n    const { menuContent, triggerContent, dropdownLean } = props\r\n\r\n    const [isOpen, setIsOpen] = useState(false)\r\n    const [hasFocusInside, setHasFocusInside] = useState(false)\r\n    const [activeIndex, setActiveIndex] = useState<number | null>(null)\r\n\r\n    const elementsRef = useRef<Array<HTMLButtonElement | null>>([])\r\n    const labelsRef = useRef<Array<string | null>>([])\r\n    const parent = useContext(MenuContext)\r\n\r\n    const tree = useFloatingTree()\r\n    const nodeId = useFloatingNodeId()\r\n    const parentId = useFloatingParentNodeId()\r\n    const item = useListItem()\r\n\r\n    const isNested = parentId != null\r\n\r\n    const { floatingStyles, refs, context } = useFloating<HTMLButtonElement>({\r\n        nodeId,\r\n        open: isOpen,\r\n        onOpenChange: setIsOpen,\r\n        placement: isNested\r\n            ? 'right-start'\r\n            : dropdownLean\r\n              ? 'bottom-start'\r\n              : 'bottom',\r\n        middleware: [\r\n            offset({\r\n                mainAxis: isNested ? 0 : 4,\r\n                alignmentAxis: isNested ? -4 : 0,\r\n            }),\r\n            flip(),\r\n            shift(),\r\n        ],\r\n        whileElementsMounted: autoUpdate,\r\n    })\r\n\r\n    const { isMounted, styles } = useTransitionStyles(context, {\r\n        common: ({ side }) => ({\r\n            transformOrigin: {\r\n                top: 'bottom',\r\n                bottom: 'top',\r\n                left: 'right',\r\n                right: 'left',\r\n            }[side],\r\n        }),\r\n        initial: {\r\n            transform: 'translateY(-5%)',\r\n            opacity: 0,\r\n        },\r\n        duration: 200,\r\n        open: {\r\n            opacity: 1,\r\n            transform: 'translateY(0%)',\r\n        },\r\n        close: {\r\n            opacity: 0,\r\n            transform: 'translateY(-5%)',\r\n        },\r\n    })\r\n\r\n    const hover = useHover(context, {\r\n        enabled: isNested,\r\n        handleClose: safePolygon({ blockPointerEvents: true }),\r\n    })\r\n    const click = useClick(context, {\r\n        event: 'mousedown',\r\n        toggle: !isNested,\r\n        ignoreMouse: isNested,\r\n    })\r\n    const role = useRole(context, { role: 'menu' })\r\n    const dismiss = useDismiss(context, { bubbles: true })\r\n    const listNavigation = useListNavigation(context, {\r\n        listRef: elementsRef,\r\n        activeIndex,\r\n        nested: isNested,\r\n        onNavigate: setActiveIndex,\r\n    })\r\n    const typeahead = useTypeahead(context, {\r\n        listRef: labelsRef,\r\n        onMatch: isOpen ? setActiveIndex : undefined,\r\n        activeIndex,\r\n    })\r\n\r\n    const { getReferenceProps, getFloatingProps, getItemProps } =\r\n        useInteractions([\r\n            hover,\r\n            click,\r\n            role,\r\n            dismiss,\r\n            listNavigation,\r\n            typeahead,\r\n        ])\r\n\r\n    const handleDropdownClose = () => {\r\n        setIsOpen(false)\r\n    }\r\n\r\n    useEffect(() => {\r\n        if (!tree) return\r\n\r\n        function handleTreeClick() {\r\n            handleDropdownClose()\r\n        }\r\n\r\n        function onSubMenuOpen(event: { nodeId: string; parentId: string }) {\r\n            if (event.nodeId !== nodeId && event.parentId === parentId) {\r\n                handleDropdownClose()\r\n            }\r\n        }\r\n\r\n        tree.events.on('click', handleTreeClick)\r\n        tree.events.on('menuopen', onSubMenuOpen)\r\n\r\n        return () => {\r\n            tree.events.off('click', handleTreeClick)\r\n            tree.events.off('menuopen', onSubMenuOpen)\r\n        }\r\n    }, [tree, nodeId, parentId])\r\n\r\n    useEffect(() => {\r\n        if (isOpen && tree) {\r\n            tree.events.emit('menuopen', { parentId, nodeId })\r\n        }\r\n    }, [tree, isOpen, nodeId, parentId])\r\n\r\n    const dropdownRef = useMergeRefs([refs.setReference, item.ref])\r\n    const dropdownProps = {\r\n        ...getReferenceProps(\r\n            parent.getItemProps({\r\n                ...props,\r\n                onFocus() {\r\n                    setHasFocusInside(false)\r\n                    parent.setHasFocusInside(true)\r\n                },\r\n            }),\r\n        ),\r\n    }\r\n\r\n    return (\r\n        <FloatingTree>\r\n            <FloatingNode id={nodeId}>\r\n                {triggerContent?.({\r\n                    ref: dropdownRef,\r\n                    props: dropdownProps,\r\n                    hasFocusInside,\r\n                    isOpen: isMounted,\r\n                })}\r\n                <MenuContext.Provider\r\n                    value={{\r\n                        activeIndex,\r\n                        setActiveIndex,\r\n                        getItemProps,\r\n                        setHasFocusInside,\r\n                        isOpen,\r\n                    }}\r\n                >\r\n                    <FloatingList\r\n                        elementsRef={elementsRef}\r\n                        labelsRef={labelsRef}\r\n                    >\r\n                        {isMounted && (\r\n                            <FloatingPortal>\r\n                                <FloatingFocusManager\r\n                                    context={context}\r\n                                    modal={false}\r\n                                    initialFocus={isNested ? -1 : 0}\r\n                                    returnFocus={!isNested}\r\n                                >\r\n                                    <div\r\n                                        ref={refs.setFloating}\r\n                                        style={floatingStyles}\r\n                                        className=\"outline-none z-30\"\r\n                                        {...getFloatingProps()}\r\n                                    >\r\n                                        {menuContent?.({\r\n                                            styles,\r\n                                            handleDropdownClose,\r\n                                        })}\r\n                                    </div>\r\n                                </FloatingFocusManager>\r\n                            </FloatingPortal>\r\n                        )}\r\n                    </FloatingList>\r\n                </MenuContext.Provider>\r\n            </FloatingNode>\r\n        </FloatingTree>\r\n    )\r\n}\r\n\r\nexport default HorizontalMenuDropdown\r\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"HorizontalMenuDropdown.js","sources":["../../../../../lib/@ecme/components/template/HorizontalMenuContent/HorizontalMenuDropdown.tsx"],"sourcesContent":["import { useEffect, useState, useRef, useContext, createContext } from 'react'\nimport {\n    autoUpdate,\n    flip,\n    FloatingFocusManager,\n    FloatingList,\n    FloatingNode,\n    FloatingPortal,\n    FloatingTree,\n    offset,\n    safePolygon,\n    shift,\n    useClick,\n    useDismiss,\n    useFloating,\n    useFloatingNodeId,\n    useFloatingParentNodeId,\n    useFloatingTree,\n    useHover,\n    useInteractions,\n    useListItem,\n    useListNavigation,\n    useMergeRefs,\n    useRole,\n    useTypeahead,\n    useTransitionStyles,\n} from '@floating-ui/react'\nimport type {\n    CSSProperties,\n    HTMLProps,\n    Dispatch,\n    SetStateAction,\n    ReactNode,\n} from 'react'\n\ninterface HorizontalMenuDropdownProps {\n    dropdownLean?: boolean\n    triggerContent?: (payload: {\n        ref: ((instance: HTMLElement | null) => void) | null\n        props: { [x: string]: unknown }\n        isOpen: boolean\n        hasFocusInside: boolean\n    }) => ReactNode\n    menuContent?: (props: {\n        styles: CSSProperties\n        handleDropdownClose: () => void\n    }) => ReactNode\n}\n\nconst MenuContext = createContext<{\n    getItemProps: (\n        userProps?: HTMLProps<HTMLElement>,\n    ) => Record<string, unknown>\n    activeIndex: number | null\n    setActiveIndex: Dispatch<SetStateAction<number | null>>\n    setHasFocusInside: Dispatch<SetStateAction<boolean>>\n    isOpen: boolean\n}>({\n    getItemProps: () => ({}),\n    activeIndex: null,\n    setActiveIndex: () => {},\n    setHasFocusInside: () => {},\n    isOpen: false,\n})\n\nconst HorizontalMenuDropdown = (props: HorizontalMenuDropdownProps) => {\n    const { menuContent, triggerContent, dropdownLean } = props\n\n    const [isOpen, setIsOpen] = useState(false)\n    const [hasFocusInside, setHasFocusInside] = useState(false)\n    const [activeIndex, setActiveIndex] = useState<number | null>(null)\n\n    const elementsRef = useRef<Array<HTMLButtonElement | null>>([])\n    const labelsRef = useRef<Array<string | null>>([])\n    const parent = useContext(MenuContext)\n\n    const tree = useFloatingTree()\n    const nodeId = useFloatingNodeId()\n    const parentId = useFloatingParentNodeId()\n    const item = useListItem()\n\n    const isNested = parentId != null\n\n    const { floatingStyles, refs, context } = useFloating<HTMLButtonElement>({\n        nodeId,\n        open: isOpen,\n        onOpenChange: setIsOpen,\n        placement: isNested\n            ? 'right-start'\n            : dropdownLean\n              ? 'bottom-start'\n              : 'bottom',\n        middleware: [\n            offset({\n                mainAxis: isNested ? 0 : 4,\n                alignmentAxis: isNested ? -4 : 0,\n            }),\n            flip(),\n            shift(),\n        ],\n        whileElementsMounted: autoUpdate,\n    })\n\n    const { isMounted, styles } = useTransitionStyles(context, {\n        common: ({ side }) => ({\n            transformOrigin: {\n                top: 'bottom',\n                bottom: 'top',\n                left: 'right',\n                right: 'left',\n            }[side],\n        }),\n        initial: {\n            transform: 'translateY(-5%)',\n            opacity: 0,\n        },\n        duration: 200,\n        open: {\n            opacity: 1,\n            transform: 'translateY(0%)',\n        },\n        close: {\n            opacity: 0,\n            transform: 'translateY(-5%)',\n        },\n    })\n\n    const hover = useHover(context, {\n        enabled: isNested,\n        handleClose: safePolygon({ blockPointerEvents: true }),\n    })\n    const click = useClick(context, {\n        event: 'mousedown',\n        toggle: !isNested,\n        ignoreMouse: isNested,\n    })\n    const role = useRole(context, { role: 'menu' })\n    const dismiss = useDismiss(context, { bubbles: true })\n    const listNavigation = useListNavigation(context, {\n        listRef: elementsRef,\n        activeIndex,\n        nested: isNested,\n        onNavigate: setActiveIndex,\n    })\n    const typeahead = useTypeahead(context, {\n        listRef: labelsRef,\n        onMatch: isOpen ? setActiveIndex : undefined,\n        activeIndex,\n    })\n\n    const { getReferenceProps, getFloatingProps, getItemProps } =\n        useInteractions([\n            hover,\n            click,\n            role,\n            dismiss,\n            listNavigation,\n            typeahead,\n        ])\n\n    const handleDropdownClose = () => {\n        setIsOpen(false)\n    }\n\n    useEffect(() => {\n        if (!tree) return\n\n        function handleTreeClick() {\n            handleDropdownClose()\n        }\n\n        function onSubMenuOpen(event: { nodeId: string; parentId: string }) {\n            if (event.nodeId !== nodeId && event.parentId === parentId) {\n                handleDropdownClose()\n            }\n        }\n\n        tree.events.on('click', handleTreeClick)\n        tree.events.on('menuopen', onSubMenuOpen)\n\n        return () => {\n            tree.events.off('click', handleTreeClick)\n            tree.events.off('menuopen', onSubMenuOpen)\n        }\n    }, [tree, nodeId, parentId])\n\n    useEffect(() => {\n        if (isOpen && tree) {\n            tree.events.emit('menuopen', { parentId, nodeId })\n        }\n    }, [tree, isOpen, nodeId, parentId])\n\n    const dropdownRef = useMergeRefs([refs.setReference, item.ref])\n    const dropdownProps = {\n        ...getReferenceProps(\n            parent.getItemProps({\n                ...props,\n                onFocus() {\n                    setHasFocusInside(false)\n                    parent.setHasFocusInside(true)\n                },\n            }),\n        ),\n    }\n\n    return (\n        <FloatingTree>\n            <FloatingNode id={nodeId}>\n                {triggerContent?.({\n                    ref: dropdownRef,\n                    props: dropdownProps,\n                    hasFocusInside,\n                    isOpen: isMounted,\n                })}\n                <MenuContext.Provider\n                    value={{\n                        activeIndex,\n                        setActiveIndex,\n                        getItemProps,\n                        setHasFocusInside,\n                        isOpen,\n                    }}\n                >\n                    <FloatingList\n                        elementsRef={elementsRef}\n                        labelsRef={labelsRef}\n                    >\n                        {isMounted && (\n                            <FloatingPortal>\n                                <FloatingFocusManager\n                                    context={context}\n                                    modal={false}\n                                    initialFocus={isNested ? -1 : 0}\n                                    returnFocus={!isNested}\n                                >\n                                    <div\n                                        ref={refs.setFloating}\n                                        style={floatingStyles}\n                                        className=\"outline-none z-30\"\n                                        {...getFloatingProps()}\n                                    >\n                                        {menuContent?.({\n                                            styles,\n                                            handleDropdownClose,\n                                        })}\n                                    </div>\n                                </FloatingFocusManager>\n                            </FloatingPortal>\n                        )}\n                    </FloatingList>\n                </MenuContext.Provider>\n            </FloatingNode>\n        </FloatingTree>\n    )\n}\n\nexport default HorizontalMenuDropdown\n"],"names":[],"mappings":"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"}

package/dist/@ecme/components/template/HorizontalMenuContent/HorizontalMenuDropdownContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"HorizontalMenuDropdownContent.js","sources":["../../../../../lib/@ecme/components/template/HorizontalMenuContent/HorizontalMenuDropdownContent.tsx"],"sourcesContent":["import { useState } from \"react\";\r\nimport Avatar from \"@/components/ui/Avatar\";\r\nimport Dropdown from \"@/components/ui/Dropdown\";\r\nimport HorizontalMenuNavLink from \"./HorizontalMenuNavLink\";\r\nimport AuthorityCheck from \"@/components/shared/AuthorityCheck\";\r\nimport classNames from \"@/utils/classNames\";\r\nimport {\r\n  NAV_ITEM_TYPE_COLLAPSE,\r\n  NAV_ITEM_TYPE_ITEM,\r\n} from \"@/constants/navigation.constant\";\r\nimport navigationIcon from \"@/configs/navigation-icon.config\";\r\nimport { TbCircle } from \"react-icons/tb\";\r\nimport type { CommonProps, TraslationFn } from \"@/@types/common\";\r\nimport type { NavigationTree, HorizontalMenuMeta } from \"@/@types/navigation\";\r\nimport type { ReactNode, HTMLProps } from \"react\";\r\n\r\ninterface LayoutProps extends CommonProps {\r\n  navigationTree: NavigationTree[];\r\n  t: TraslationFn;\r\n  onDropdownClose: () => void;\r\n  routeKey: string;\r\n  routeParentKey?: string;\r\n  userAuthority: string[];\r\n}\r\n\r\ninterface HorizontalMenuDropdownContentProps extends LayoutProps {\r\n  layoutMeta?: HorizontalMenuMeta;\r\n}\r\n\r\nconst gridClasses = {\r\n  1: {\r\n    grid: \"grid-cols-1\",\r\n    width: \"w-[150px]\",\r\n  },\r\n  2: {\r\n    grid: \"grid-cols-2\",\r\n    width: \"w-[350px]\",\r\n  },\r\n  3: {\r\n    grid: \"grid-cols-3\",\r\n    width: \"w-[750px]\",\r\n  },\r\n  4: {\r\n    grid: \"grid-cols-4\",\r\n    width: \"w-[950px]\",\r\n  },\r\n  5: {\r\n    grid: \"grid-cols-5\",\r\n    width: \"w-[1150px]\",\r\n  },\r\n};\r\n\r\nconst MenuItem = ({\r\n  children,\r\n  className,\r\n  active,\r\n  ...rest\r\n}: CommonProps & { active?: boolean } & HTMLProps<HTMLDivElement>) => {\r\n  return (\r\n    <div\r\n      className={classNames(\r\n        \"cursor-pointer font-semibold px-3 rounded-lg flex items-center w-full whitespace-nowrap gap-x-2 transition-colors duration-150 hover:text-gray-900 hover:bg-gray-100 dark:hover:text-gray-100 dark:hover:bg-gray-800\",\r\n        active && \"bg-gray-100 dark:bg-gray-800\",\r\n        className\r\n      )}\r\n      role=\"menuitem\"\r\n      {...rest}\r\n    >\r\n      {children}\r\n    </div>\r\n  );\r\n};\r\n\r\nconst MenuIcon = ({ icon }: { icon: string }) => {\r\n  if (typeof icon !== \"string\" && !icon) {\r\n    return <></>;\r\n  }\r\n\r\n  return (\r\n    <>\r\n      {navigationIcon[icon] && (\r\n        <span className={`text-xl`}>\r\n          {navigationIcon[icon] || <TbCircle />}\r\n        </span>\r\n      )}\r\n    </>\r\n  );\r\n};\r\n\r\nconst MenuLink = ({\r\n  path,\r\n  isExternalLink,\r\n  onClick,\r\n  icon,\r\n  title,\r\n  description,\r\n  active,\r\n}: {\r\n  path: string;\r\n  isExternalLink?: boolean;\r\n  onClick: () => void;\r\n  icon: ReactNode;\r\n  title: string;\r\n  description: string;\r\n  active?: boolean;\r\n}) => (\r\n  <HorizontalMenuNavLink\r\n    path={path}\r\n    isExternalLink={isExternalLink}\r\n    className=\"gap-2 block\"\r\n    onClick={onClick}\r\n  >\r\n    <MenuItem className=\"py-2 px-2 gap-3\" active={active}>\r\n      <div>\r\n        <Avatar\r\n          className={classNames(\r\n            \"bg-white dark:bg-transparent p-2 border-2 border-gray-200 dark:border-gray-600\",\r\n            active ? \"text-primary\" : \"heading-text\"\r\n          )}\r\n          size={40}\r\n          icon={icon}\r\n          shape=\"round\"\r\n        />\r\n      </div>\r\n      <div className=\"min-w-0\">\r\n        <div className=\"heading-text font-bold\">{title}</div>\r\n        <div className=\"text-xs truncate\">{description}</div>\r\n      </div>\r\n    </MenuItem>\r\n  </HorizontalMenuNavLink>\r\n);\r\n\r\nconst ColumnsLayout = (\r\n  props: LayoutProps & {\r\n    columns: 1 | 2 | 3 | 4 | 5;\r\n    showColumnTitle?: boolean;\r\n  }\r\n) => {\r\n  const {\r\n    navigationTree,\r\n    t,\r\n    onDropdownClose,\r\n    columns = 1,\r\n    showColumnTitle = true,\r\n    routeKey,\r\n    userAuthority,\r\n  } = props;\r\n\r\n  return (\r\n    <div className=\"flex max-w-[1400px] w-full\">\r\n      <div\r\n        className={classNames(\r\n          \"grid gap-y-6 gap-x-8 p-6 flex-1\",\r\n          gridClasses[columns]?.grid\r\n        )}\r\n      >\r\n        {navigationTree.map((nav) => {\r\n          if (nav.subMenu.length > 0) {\r\n            return (\r\n              <AuthorityCheck\r\n                key={nav.key}\r\n                userAuthority={userAuthority}\r\n                authority={nav.authority}\r\n              >\r\n                <div className=\"max-w-[250px]\">\r\n                  {showColumnTitle && (\r\n                    <div className=\"heading-text font-bold mb-2\">\r\n                      {t(nav.translateKey, nav.title)}\r\n                    </div>\r\n                  )}\r\n                  {nav.subMenu.map((subNav) => (\r\n                    <AuthorityCheck\r\n                      key={subNav.key}\r\n                      userAuthority={userAuthority}\r\n                      authority={subNav.authority}\r\n                    >\r\n                      <div key={subNav.key}>\r\n                        <MenuLink\r\n                          path={subNav.path}\r\n                          isExternalLink={subNav.isExternalLink}\r\n                          icon={navigationIcon[subNav.icon] || <TbCircle />}\r\n                          title={t(subNav.translateKey, subNav.title)}\r\n                          description={t(\r\n                            subNav.meta?.description?.translateKey || \"\",\r\n                            subNav.meta?.description?.label || \"\"\r\n                          )}\r\n                          active={subNav.key === routeKey}\r\n                          onClick={onDropdownClose}\r\n                        />\r\n                      </div>\r\n                    </AuthorityCheck>\r\n                  ))}\r\n                </div>\r\n              </AuthorityCheck>\r\n            );\r\n          }\r\n          return null;\r\n        })}\r\n      </div>\r\n      {navigationTree.some((nav) => nav.type === NAV_ITEM_TYPE_ITEM) && (\r\n        <div\r\n          className={classNames(\r\n            \"ltr:border-l rtl:border-r border-gray-200 dark:border-gray-800 min-w-[280px] p-4 flex flex-col\"\r\n          )}\r\n        >\r\n          {navigationTree.map((nav) => {\r\n            if (nav.subMenu.length === 0 && nav.type === NAV_ITEM_TYPE_ITEM) {\r\n              return (\r\n                <AuthorityCheck\r\n                  key={nav.key}\r\n                  userAuthority={userAuthority}\r\n                  authority={nav.authority}\r\n                >\r\n                  <MenuLink\r\n                    key={nav.key}\r\n                    path={nav.path}\r\n                    isExternalLink={nav.isExternalLink}\r\n                    icon={navigationIcon[nav.icon] || <TbCircle />}\r\n                    title={t(nav.translateKey, nav.title)}\r\n                    description={t(\r\n                      nav.meta?.description?.translateKey || \"\",\r\n                      nav.meta?.description?.label || \"\"\r\n                    )}\r\n                    active={nav.key === routeKey}\r\n                    onClick={onDropdownClose}\r\n                  />\r\n                </AuthorityCheck>\r\n              );\r\n            }\r\n            return null;\r\n          })}\r\n        </div>\r\n      )}\r\n    </div>\r\n  );\r\n};\r\n\r\nconst DefaultLayout = ({\r\n  navigationTree,\r\n  t,\r\n  onDropdownClose,\r\n  routeKey,\r\n  userAuthority,\r\n}: LayoutProps) => {\r\n  const renderNavigation = (navTree: NavigationTree[], cascade: number) => {\r\n    const nextCascade = cascade + 1;\r\n\r\n    return (\r\n      <div className={classNames(cascade === 0 && \"p-3\")}>\r\n        {navTree.map((nav) => (\r\n          <AuthorityCheck\r\n            key={nav.key}\r\n            userAuthority={userAuthority}\r\n            authority={nav.authority}\r\n          >\r\n            <ul>\r\n              {nav.type === NAV_ITEM_TYPE_ITEM && (\r\n                <Dropdown.Item active={routeKey === nav.key}>\r\n                  <HorizontalMenuNavLink\r\n                    path={nav.path}\r\n                    isExternalLink={nav.isExternalLink}\r\n                    className=\"gap-2 h-full\"\r\n                    onClick={onDropdownClose}\r\n                  >\r\n                    <MenuIcon icon={nav.icon} />\r\n                    <span>{t(nav.translateKey, nav.title)}</span>\r\n                  </HorizontalMenuNavLink>\r\n                </Dropdown.Item>\r\n              )}\r\n              {nav.type === NAV_ITEM_TYPE_COLLAPSE && (\r\n                <Dropdown\r\n                  renderTitle={\r\n                    <span className=\"flex items-center gap-2\">\r\n                      <MenuIcon icon={nav.icon} />\r\n                      <span>{t(nav.translateKey, nav.title)}</span>\r\n                    </span>\r\n                  }\r\n                >\r\n                  {nav.subMenu &&\r\n                    nav.subMenu.length > 0 &&\r\n                    renderNavigation(nav.subMenu, nextCascade)}\r\n                </Dropdown>\r\n              )}\r\n            </ul>\r\n          </AuthorityCheck>\r\n        ))}\r\n      </div>\r\n    );\r\n  };\r\n\r\n  return <>{renderNavigation(navigationTree, 0)}</>;\r\n};\r\n\r\nconst TabLayout = ({\r\n  navigationTree,\r\n  t,\r\n  onDropdownClose,\r\n  columns,\r\n  routeKey,\r\n  userAuthority,\r\n  routeParentKey,\r\n}: LayoutProps & { columns: 1 | 2 | 3 | 4 | 5 }) => {\r\n  const [activeKey, setActiveKey] = useState(\r\n    navigationTree.some((nav) => nav.key === routeParentKey)\r\n      ? routeParentKey\r\n      : navigationTree[0]?.key || \"\"\r\n  );\r\n\r\n  return (\r\n    <div className=\"flex\">\r\n      <div className=\"p-4\">\r\n        {navigationTree.map((nav) => {\r\n          if (nav.subMenu.length > 0) {\r\n            return (\r\n              <AuthorityCheck\r\n                key={nav.key}\r\n                userAuthority={userAuthority}\r\n                authority={nav.authority}\r\n              >\r\n                <div className=\"min-w-[250px]\">\r\n                  <div key={nav.key}>\r\n                    <MenuItem\r\n                      className=\"py-2 px-2 gap-3\"\r\n                      active={nav.key === activeKey}\r\n                      onClick={() => setActiveKey(nav.key)}\r\n                    >\r\n                      <div>\r\n                        <Avatar\r\n                          className={classNames(\r\n                            \"bg-white dark:bg-transparent p-2 border-2 border-gray-200 dark:border-gray-600\",\r\n                            nav.key === routeKey\r\n                              ? \"text-primary\"\r\n                              : \"heading-text\"\r\n                          )}\r\n                          size={40}\r\n                          icon={navigationIcon[nav.icon] || <TbCircle />}\r\n                          shape=\"round\"\r\n                        />\r\n                      </div>\r\n                      <div className=\"min-w-0\">\r\n                        <div className=\"heading-text font-bold\">\r\n                          {t(nav.translateKey, nav.title)}\r\n                        </div>\r\n                        <div className=\"text-xs truncate\">\r\n                          {t(\r\n                            nav.meta?.description?.translateKey || \"\",\r\n                            nav.meta?.description?.label || \"\"\r\n                          )}\r\n                        </div>\r\n                      </div>\r\n                    </MenuItem>\r\n                  </div>\r\n                </div>\r\n              </AuthorityCheck>\r\n            );\r\n          }\r\n          return null;\r\n        })}\r\n      </div>\r\n      {navigationTree.some(\r\n        (nav) => nav.key === activeKey && nav.type === NAV_ITEM_TYPE_COLLAPSE\r\n      ) && (\r\n        <div className=\"ltr:border-l rtl:border-r border-gray-200 dark:border-gray-800 p-6\">\r\n          <div\r\n            className={classNames(\r\n              \"grid gap-x-8 flex-1\",\r\n              gridClasses[columns]?.grid,\r\n              gridClasses[columns]?.width\r\n            )}\r\n          >\r\n            {navigationTree\r\n              .find((nav) => nav.key === activeKey)\r\n              ?.subMenu.map((nav) => (\r\n                <AuthorityCheck\r\n                  key={nav.key}\r\n                  userAuthority={userAuthority}\r\n                  authority={nav.authority}\r\n                >\r\n                  <HorizontalMenuNavLink\r\n                    path={nav.path}\r\n                    isExternalLink={nav.isExternalLink}\r\n                    className=\"gap-2 group\"\r\n                    onClick={() => onDropdownClose()}\r\n                  >\r\n                    <div\r\n                      className={classNames(\r\n                        \"flex items-center gap-2 h-[42px] heading-text group-hover:text-primary\",\r\n                        routeKey === nav.key && \"text-primary\"\r\n                      )}\r\n                    >\r\n                      <span className=\"text-xl\">\r\n                        {navigationIcon[nav.icon] || <TbCircle />}\r\n                      </span>\r\n                      <span>{t(nav.translateKey, nav.title)}</span>\r\n                    </div>\r\n                  </HorizontalMenuNavLink>\r\n                </AuthorityCheck>\r\n              ))}\r\n          </div>\r\n        </div>\r\n      )}\r\n    </div>\r\n  );\r\n};\r\n\r\nconst HorizontalMenuDropdownContent = (\r\n  props: HorizontalMenuDropdownContentProps\r\n) => {\r\n  const { style, navigationTree, layoutMeta, ...rest } = props;\r\n\r\n  return (\r\n    <div\r\n      className=\"rounded-2xl bg-white dark:bg-gray-900 ring-0 shadow-[0px_48px_64px_-16px_rgba(0,0,0,0.25)] border border-gray-100 dark:border-gray-800 focus:outline-none min-w-[180px]\"\r\n      style={style}\r\n    >\r\n      {layoutMeta?.layout === \"default\" && (\r\n        <DefaultLayout navigationTree={navigationTree} {...rest} />\r\n      )}\r\n      {layoutMeta?.layout === \"columns\" && (\r\n        <ColumnsLayout\r\n          navigationTree={navigationTree}\r\n          columns={layoutMeta.columns}\r\n          showColumnTitle={layoutMeta.showColumnTitle}\r\n          {...rest}\r\n        />\r\n      )}\r\n      {layoutMeta?.layout === \"tabs\" && (\r\n        <TabLayout\r\n          navigationTree={navigationTree}\r\n          columns={layoutMeta.columns}\r\n          {...rest}\r\n        />\r\n      )}\r\n      {!layoutMeta && (\r\n        <DefaultLayout navigationTree={navigationTree} {...rest} />\r\n      )}\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default HorizontalMenuDropdownContent;\r\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"HorizontalMenuDropdownContent.js","sources":["../../../../../lib/@ecme/components/template/HorizontalMenuContent/HorizontalMenuDropdownContent.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport Avatar from \"@/components/ui/Avatar\";\nimport Dropdown from \"@/components/ui/Dropdown\";\nimport HorizontalMenuNavLink from \"./HorizontalMenuNavLink\";\nimport AuthorityCheck from \"@/components/shared/AuthorityCheck\";\nimport classNames from \"@/utils/classNames\";\nimport {\n  NAV_ITEM_TYPE_COLLAPSE,\n  NAV_ITEM_TYPE_ITEM,\n} from \"@/constants/navigation.constant\";\nimport navigationIcon from \"@/configs/navigation-icon.config\";\nimport { TbCircle } from \"react-icons/tb\";\nimport type { CommonProps, TraslationFn } from \"@/@types/common\";\nimport type { NavigationTree, HorizontalMenuMeta } from \"@/@types/navigation\";\nimport type { ReactNode, HTMLProps } from \"react\";\n\ninterface LayoutProps extends CommonProps {\n  navigationTree: NavigationTree[];\n  t: TraslationFn;\n  onDropdownClose: () => void;\n  routeKey: string;\n  routeParentKey?: string;\n  userAuthority: string[];\n}\n\ninterface HorizontalMenuDropdownContentProps extends LayoutProps {\n  layoutMeta?: HorizontalMenuMeta;\n}\n\nconst gridClasses = {\n  1: {\n    grid: \"grid-cols-1\",\n    width: \"w-[150px]\",\n  },\n  2: {\n    grid: \"grid-cols-2\",\n    width: \"w-[350px]\",\n  },\n  3: {\n    grid: \"grid-cols-3\",\n    width: \"w-[750px]\",\n  },\n  4: {\n    grid: \"grid-cols-4\",\n    width: \"w-[950px]\",\n  },\n  5: {\n    grid: \"grid-cols-5\",\n    width: \"w-[1150px]\",\n  },\n};\n\nconst MenuItem = ({\n  children,\n  className,\n  active,\n  ...rest\n}: CommonProps & { active?: boolean } & HTMLProps<HTMLDivElement>) => {\n  return (\n    <div\n      className={classNames(\n        \"cursor-pointer font-semibold px-3 rounded-lg flex items-center w-full whitespace-nowrap gap-x-2 transition-colors duration-150 hover:text-gray-900 hover:bg-gray-100 dark:hover:text-gray-100 dark:hover:bg-gray-800\",\n        active && \"bg-gray-100 dark:bg-gray-800\",\n        className\n      )}\n      role=\"menuitem\"\n      {...rest}\n    >\n      {children}\n    </div>\n  );\n};\n\nconst MenuIcon = ({ icon }: { icon: string }) => {\n  if (typeof icon !== \"string\" && !icon) {\n    return <></>;\n  }\n\n  return (\n    <>\n      {navigationIcon[icon] && (\n        <span className={`text-xl`}>\n          {navigationIcon[icon] || <TbCircle />}\n        </span>\n      )}\n    </>\n  );\n};\n\nconst MenuLink = ({\n  path,\n  isExternalLink,\n  onClick,\n  icon,\n  title,\n  description,\n  active,\n}: {\n  path: string;\n  isExternalLink?: boolean;\n  onClick: () => void;\n  icon: ReactNode;\n  title: string;\n  description: string;\n  active?: boolean;\n}) => (\n  <HorizontalMenuNavLink\n    path={path}\n    isExternalLink={isExternalLink}\n    className=\"gap-2 block\"\n    onClick={onClick}\n  >\n    <MenuItem className=\"py-2 px-2 gap-3\" active={active}>\n      <div>\n        <Avatar\n          className={classNames(\n            \"bg-white dark:bg-transparent p-2 border-2 border-gray-200 dark:border-gray-600\",\n            active ? \"text-primary\" : \"heading-text\"\n          )}\n          size={40}\n          icon={icon}\n          shape=\"round\"\n        />\n      </div>\n      <div className=\"min-w-0\">\n        <div className=\"heading-text font-bold\">{title}</div>\n        <div className=\"text-xs truncate\">{description}</div>\n      </div>\n    </MenuItem>\n  </HorizontalMenuNavLink>\n);\n\nconst ColumnsLayout = (\n  props: LayoutProps & {\n    columns: 1 | 2 | 3 | 4 | 5;\n    showColumnTitle?: boolean;\n  }\n) => {\n  const {\n    navigationTree,\n    t,\n    onDropdownClose,\n    columns = 1,\n    showColumnTitle = true,\n    routeKey,\n    userAuthority,\n  } = props;\n\n  return (\n    <div className=\"flex max-w-[1400px] w-full\">\n      <div\n        className={classNames(\n          \"grid gap-y-6 gap-x-8 p-6 flex-1\",\n          gridClasses[columns]?.grid\n        )}\n      >\n        {navigationTree.map((nav) => {\n          if (nav.subMenu.length > 0) {\n            return (\n              <AuthorityCheck\n                key={nav.key}\n                userAuthority={userAuthority}\n                authority={nav.authority}\n              >\n                <div className=\"max-w-[250px]\">\n                  {showColumnTitle && (\n                    <div className=\"heading-text font-bold mb-2\">\n                      {t(nav.translateKey, nav.title)}\n                    </div>\n                  )}\n                  {nav.subMenu.map((subNav) => (\n                    <AuthorityCheck\n                      key={subNav.key}\n                      userAuthority={userAuthority}\n                      authority={subNav.authority}\n                    >\n                      <div key={subNav.key}>\n                        <MenuLink\n                          path={subNav.path}\n                          isExternalLink={subNav.isExternalLink}\n                          icon={navigationIcon[subNav.icon] || <TbCircle />}\n                          title={t(subNav.translateKey, subNav.title)}\n                          description={t(\n                            subNav.meta?.description?.translateKey || \"\",\n                            subNav.meta?.description?.label || \"\"\n                          )}\n                          active={subNav.key === routeKey}\n                          onClick={onDropdownClose}\n                        />\n                      </div>\n                    </AuthorityCheck>\n                  ))}\n                </div>\n              </AuthorityCheck>\n            );\n          }\n          return null;\n        })}\n      </div>\n      {navigationTree.some((nav) => nav.type === NAV_ITEM_TYPE_ITEM) && (\n        <div\n          className={classNames(\n            \"ltr:border-l rtl:border-r border-gray-200 dark:border-gray-800 min-w-[280px] p-4 flex flex-col\"\n          )}\n        >\n          {navigationTree.map((nav) => {\n            if (nav.subMenu.length === 0 && nav.type === NAV_ITEM_TYPE_ITEM) {\n              return (\n                <AuthorityCheck\n                  key={nav.key}\n                  userAuthority={userAuthority}\n                  authority={nav.authority}\n                >\n                  <MenuLink\n                    key={nav.key}\n                    path={nav.path}\n                    isExternalLink={nav.isExternalLink}\n                    icon={navigationIcon[nav.icon] || <TbCircle />}\n                    title={t(nav.translateKey, nav.title)}\n                    description={t(\n                      nav.meta?.description?.translateKey || \"\",\n                      nav.meta?.description?.label || \"\"\n                    )}\n                    active={nav.key === routeKey}\n                    onClick={onDropdownClose}\n                  />\n                </AuthorityCheck>\n              );\n            }\n            return null;\n          })}\n        </div>\n      )}\n    </div>\n  );\n};\n\nconst DefaultLayout = ({\n  navigationTree,\n  t,\n  onDropdownClose,\n  routeKey,\n  userAuthority,\n}: LayoutProps) => {\n  const renderNavigation = (navTree: NavigationTree[], cascade: number) => {\n    const nextCascade = cascade + 1;\n\n    return (\n      <div className={classNames(cascade === 0 && \"p-3\")}>\n        {navTree.map((nav) => (\n          <AuthorityCheck\n            key={nav.key}\n            userAuthority={userAuthority}\n            authority={nav.authority}\n          >\n            <ul>\n              {nav.type === NAV_ITEM_TYPE_ITEM && (\n                <Dropdown.Item active={routeKey === nav.key}>\n                  <HorizontalMenuNavLink\n                    path={nav.path}\n                    isExternalLink={nav.isExternalLink}\n                    className=\"gap-2 h-full\"\n                    onClick={onDropdownClose}\n                  >\n                    <MenuIcon icon={nav.icon} />\n                    <span>{t(nav.translateKey, nav.title)}</span>\n                  </HorizontalMenuNavLink>\n                </Dropdown.Item>\n              )}\n              {nav.type === NAV_ITEM_TYPE_COLLAPSE && (\n                <Dropdown\n                  renderTitle={\n                    <span className=\"flex items-center gap-2\">\n                      <MenuIcon icon={nav.icon} />\n                      <span>{t(nav.translateKey, nav.title)}</span>\n                    </span>\n                  }\n                >\n                  {nav.subMenu &&\n                    nav.subMenu.length > 0 &&\n                    renderNavigation(nav.subMenu, nextCascade)}\n                </Dropdown>\n              )}\n            </ul>\n          </AuthorityCheck>\n        ))}\n      </div>\n    );\n  };\n\n  return <>{renderNavigation(navigationTree, 0)}</>;\n};\n\nconst TabLayout = ({\n  navigationTree,\n  t,\n  onDropdownClose,\n  columns,\n  routeKey,\n  userAuthority,\n  routeParentKey,\n}: LayoutProps & { columns: 1 | 2 | 3 | 4 | 5 }) => {\n  const [activeKey, setActiveKey] = useState(\n    navigationTree.some((nav) => nav.key === routeParentKey)\n      ? routeParentKey\n      : navigationTree[0]?.key || \"\"\n  );\n\n  return (\n    <div className=\"flex\">\n      <div className=\"p-4\">\n        {navigationTree.map((nav) => {\n          if (nav.subMenu.length > 0) {\n            return (\n              <AuthorityCheck\n                key={nav.key}\n                userAuthority={userAuthority}\n                authority={nav.authority}\n              >\n                <div className=\"min-w-[250px]\">\n                  <div key={nav.key}>\n                    <MenuItem\n                      className=\"py-2 px-2 gap-3\"\n                      active={nav.key === activeKey}\n                      onClick={() => setActiveKey(nav.key)}\n                    >\n                      <div>\n                        <Avatar\n                          className={classNames(\n                            \"bg-white dark:bg-transparent p-2 border-2 border-gray-200 dark:border-gray-600\",\n                            nav.key === routeKey\n                              ? \"text-primary\"\n                              : \"heading-text\"\n                          )}\n                          size={40}\n                          icon={navigationIcon[nav.icon] || <TbCircle />}\n                          shape=\"round\"\n                        />\n                      </div>\n                      <div className=\"min-w-0\">\n                        <div className=\"heading-text font-bold\">\n                          {t(nav.translateKey, nav.title)}\n                        </div>\n                        <div className=\"text-xs truncate\">\n                          {t(\n                            nav.meta?.description?.translateKey || \"\",\n                            nav.meta?.description?.label || \"\"\n                          )}\n                        </div>\n                      </div>\n                    </MenuItem>\n                  </div>\n                </div>\n              </AuthorityCheck>\n            );\n          }\n          return null;\n        })}\n      </div>\n      {navigationTree.some(\n        (nav) => nav.key === activeKey && nav.type === NAV_ITEM_TYPE_COLLAPSE\n      ) && (\n        <div className=\"ltr:border-l rtl:border-r border-gray-200 dark:border-gray-800 p-6\">\n          <div\n            className={classNames(\n              \"grid gap-x-8 flex-1\",\n              gridClasses[columns]?.grid,\n              gridClasses[columns]?.width\n            )}\n          >\n            {navigationTree\n              .find((nav) => nav.key === activeKey)\n              ?.subMenu.map((nav) => (\n                <AuthorityCheck\n                  key={nav.key}\n                  userAuthority={userAuthority}\n                  authority={nav.authority}\n                >\n                  <HorizontalMenuNavLink\n                    path={nav.path}\n                    isExternalLink={nav.isExternalLink}\n                    className=\"gap-2 group\"\n                    onClick={() => onDropdownClose()}\n                  >\n                    <div\n                      className={classNames(\n                        \"flex items-center gap-2 h-[42px] heading-text group-hover:text-primary\",\n                        routeKey === nav.key && \"text-primary\"\n                      )}\n                    >\n                      <span className=\"text-xl\">\n                        {navigationIcon[nav.icon] || <TbCircle />}\n                      </span>\n                      <span>{t(nav.translateKey, nav.title)}</span>\n                    </div>\n                  </HorizontalMenuNavLink>\n                </AuthorityCheck>\n              ))}\n          </div>\n        </div>\n      )}\n    </div>\n  );\n};\n\nconst HorizontalMenuDropdownContent = (\n  props: HorizontalMenuDropdownContentProps\n) => {\n  const { style, navigationTree, layoutMeta, ...rest } = props;\n\n  return (\n    <div\n      className=\"rounded-2xl bg-white dark:bg-gray-900 ring-0 shadow-[0px_48px_64px_-16px_rgba(0,0,0,0.25)] border border-gray-100 dark:border-gray-800 focus:outline-none min-w-[180px]\"\n      style={style}\n    >\n      {layoutMeta?.layout === \"default\" && (\n        <DefaultLayout navigationTree={navigationTree} {...rest} />\n      )}\n      {layoutMeta?.layout === \"columns\" && (\n        <ColumnsLayout\n          navigationTree={navigationTree}\n          columns={layoutMeta.columns}\n          showColumnTitle={layoutMeta.showColumnTitle}\n          {...rest}\n        />\n      )}\n      {layoutMeta?.layout === \"tabs\" && (\n        <TabLayout\n          navigationTree={navigationTree}\n          columns={layoutMeta.columns}\n          {...rest}\n        />\n      )}\n      {!layoutMeta && (\n        <DefaultLayout navigationTree={navigationTree} {...rest} />\n      )}\n    </div>\n  );\n};\n\nexport default HorizontalMenuDropdownContent;\n"],"names":[],"mappings":"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"}

package/dist/@ecme/components/template/HorizontalMenuContent/HorizontalMenuDropdownTrigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"HorizontalMenuDropdownTrigger.js","sources":["../../../../../lib/@ecme/components/template/HorizontalMenuContent/HorizontalMenuDropdownTrigger.tsx"],"sourcesContent":["import classNames from \"@/utils/classNames\";\r\nimport HorizontalMenuNavLink from \"./HorizontalMenuNavLink\";\r\nimport type { CommonProps } from \"@/@types/common\";\r\nimport type { HorizontalMenuNavLinkProps } from \"./HorizontalMenuNavLink\";\r\nimport type { ButtonHTMLAttributes, Ref } from \"react\";\r\n\r\ninterface HorizontalMenuDropdownTriggerCommonProps extends CommonProps {\r\n  active?: boolean;\r\n}\r\n\r\ninterface ButtonProps\r\n  extends HorizontalMenuDropdownTriggerCommonProps,\r\n    ButtonHTMLAttributes<HTMLButtonElement> {\r\n  asElement?: \"button\";\r\n  ref?: Ref<HTMLButtonElement>;\r\n}\r\n\r\ninterface AnchorProps\r\n  extends HorizontalMenuNavLinkProps,\r\n    HorizontalMenuDropdownTriggerCommonProps {\r\n  asElement?: \"a\";\r\n  path: string;\r\n  isExternalLink?: boolean;\r\n  linkRenderer?: HorizontalMenuNavLinkProps[\"linkRenderer\"];\r\n}\r\n\r\ntype HorizontalMenuDropdownTriggerProps = ButtonProps | AnchorProps;\r\n\r\nconst HorizontalMenuDropdownTrigger = (\r\n  props: HorizontalMenuDropdownTriggerProps\r\n) => {\r\n  const { className, active, asElement = \"button\", ...rest } = props;\r\n  const commonProps = {\r\n    className: classNames(\r\n      \"font-semibold inline-flex h-9 w-max items-center justify-center rounded-lg bg-background px-4 py-2 dark:text-gray-300 dark:hover:text-gray-100 text-gray-900 hover:bg-gray-100 dark:hover:bg-white/10 transition-colors\",\r\n      className,\r\n      active &&\r\n        \"bg-gray-100 hover:bg-gray-200 dark:bg-white/10 dark:hover:bg-white/20\"\r\n    ),\r\n  };\r\n\r\n  if (asElement === \"a\") {\r\n    const { path, isExternalLink, linkRenderer, ...anchorProps } =\r\n      rest as AnchorProps;\r\n    return (\r\n      <HorizontalMenuNavLink\r\n        linkRenderer={linkRenderer}\r\n        path={path as string}\r\n        isExternalLink={isExternalLink}\r\n        {...commonProps}\r\n        {...anchorProps}\r\n      />\r\n    );\r\n  }\r\n\r\n  if (asElement === \"button\") {\r\n    return (\r\n      <button\r\n        ref={(rest as ButtonProps).ref}\r\n        {...commonProps}\r\n        {...(rest as ButtonProps)}\r\n      />\r\n    );\r\n  }\r\n\r\n  return <></>;\r\n};\r\n\r\nexport default HorizontalMenuDropdownTrigger;\r\n"],"names":[],"mappings":";;;AA4BA,MAAM,gCAAgC,CACpC,UACG;AACH,QAAM,EAAE,WAAW,QAAQ,YAAY,UAAU,GAAG,SAAS;AAC7D,QAAM,cAAc;AAAA,IAClB,WAAW;AAAA,MACT;AAAA,MACA;AAAA,MACA,UACE;AAAA,IAAA;AAAA,EACJ;AAGF,MAAI,cAAc,KAAK;AACrB,UAAM,EAAE,MAAM,gBAAgB,cAAc,GAAG,gBAC7C;AACF,WACE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACC,GAAG;AAAA,QACH,GAAG;AAAA,MAAA;AAAA,IAAA;AAAA,EAGV;AAEA,MAAI,cAAc,UAAU;AAC1B,WACE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAM,KAAqB;AAAA,QAC1B,GAAG;AAAA,QACH,GAAI;AAAA,MAAA;AAAA,IAAA;AAAA,EAGX;AAEA,SAAO,oBAAA,UAAA,EAAE;AACX;"}
+{"version":3,"file":"HorizontalMenuDropdownTrigger.js","sources":["../../../../../lib/@ecme/components/template/HorizontalMenuContent/HorizontalMenuDropdownTrigger.tsx"],"sourcesContent":["import classNames from \"@/utils/classNames\";\nimport HorizontalMenuNavLink from \"./HorizontalMenuNavLink\";\nimport type { CommonProps } from \"@/@types/common\";\nimport type { HorizontalMenuNavLinkProps } from \"./HorizontalMenuNavLink\";\nimport type { ButtonHTMLAttributes, Ref } from \"react\";\n\ninterface HorizontalMenuDropdownTriggerCommonProps extends CommonProps {\n  active?: boolean;\n}\n\ninterface ButtonProps\n  extends HorizontalMenuDropdownTriggerCommonProps,\n    ButtonHTMLAttributes<HTMLButtonElement> {\n  asElement?: \"button\";\n  ref?: Ref<HTMLButtonElement>;\n}\n\ninterface AnchorProps\n  extends HorizontalMenuNavLinkProps,\n    HorizontalMenuDropdownTriggerCommonProps {\n  asElement?: \"a\";\n  path: string;\n  isExternalLink?: boolean;\n  linkRenderer?: HorizontalMenuNavLinkProps[\"linkRenderer\"];\n}\n\ntype HorizontalMenuDropdownTriggerProps = ButtonProps | AnchorProps;\n\nconst HorizontalMenuDropdownTrigger = (\n  props: HorizontalMenuDropdownTriggerProps\n) => {\n  const { className, active, asElement = \"button\", ...rest } = props;\n  const commonProps = {\n    className: classNames(\n      \"font-semibold inline-flex h-9 w-max items-center justify-center rounded-lg bg-background px-4 py-2 dark:text-gray-300 dark:hover:text-gray-100 text-gray-900 hover:bg-gray-100 dark:hover:bg-white/10 transition-colors\",\n      className,\n      active &&\n        \"bg-gray-100 hover:bg-gray-200 dark:bg-white/10 dark:hover:bg-white/20\"\n    ),\n  };\n\n  if (asElement === \"a\") {\n    const { path, isExternalLink, linkRenderer, ...anchorProps } =\n      rest as AnchorProps;\n    return (\n      <HorizontalMenuNavLink\n        linkRenderer={linkRenderer}\n        path={path as string}\n        isExternalLink={isExternalLink}\n        {...commonProps}\n        {...anchorProps}\n      />\n    );\n  }\n\n  if (asElement === \"button\") {\n    return (\n      <button\n        ref={(rest as ButtonProps).ref}\n        {...commonProps}\n        {...(rest as ButtonProps)}\n      />\n    );\n  }\n\n  return <></>;\n};\n\nexport default HorizontalMenuDropdownTrigger;\n"],"names":[],"mappings":";;;AA4BA,MAAM,gCAAgC,CACpC,UACG;AACH,QAAM,EAAE,WAAW,QAAQ,YAAY,UAAU,GAAG,SAAS;AAC7D,QAAM,cAAc;AAAA,IAClB,WAAW;AAAA,MACT;AAAA,MACA;AAAA,MACA,UACE;AAAA,IAAA;AAAA,EACJ;AAGF,MAAI,cAAc,KAAK;AACrB,UAAM,EAAE,MAAM,gBAAgB,cAAc,GAAG,gBAC7C;AACF,WACE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACC,GAAG;AAAA,QACH,GAAG;AAAA,MAAA;AAAA,IAAA;AAAA,EAGV;AAEA,MAAI,cAAc,UAAU;AAC1B,WACE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAM,KAAqB;AAAA,QAC1B,GAAG;AAAA,QACH,GAAI;AAAA,MAAA;AAAA,IAAA;AAAA,EAGX;AAEA,SAAO,oBAAA,UAAA,EAAE;AACX;"}

package/dist/@ecme/components/template/HorizontalMenuContent/HorizontalMenuNavLink.js.map

@@ -1 +1 @@
-{"version":3,"file":"HorizontalMenuNavLink.js","sources":["../../../../../lib/@ecme/components/template/HorizontalMenuContent/HorizontalMenuNavLink.tsx"],"sourcesContent":["import { Link } from \"react-router-dom\";\r\nimport type { CommonProps } from \"@/@types/common\";\r\nimport type { AnchorHTMLAttributes } from \"react\";\r\n\r\nexport interface HorizontalMenuNavLinkProps extends CommonProps {\r\n  path: string;\r\n  isExternalLink?: boolean;\r\n  onClick?: AnchorHTMLAttributes<HTMLAnchorElement>[\"onClick\"];\r\n  linkRenderer?: (\r\n    nav: { path: string; isExternalLink?: boolean },\r\n    children: React.ReactNode\r\n  ) => React.ReactNode;\r\n}\r\n\r\nconst HorizontalMenuNavLink = (props: HorizontalMenuNavLinkProps) => {\r\n  const { className, path, isExternalLink, children, linkRenderer } = props;\r\n\r\n  if (linkRenderer) {\r\n    return linkRenderer({ path, isExternalLink }, children);\r\n  }\r\n\r\n  return (\r\n    <Link\r\n      to={path}\r\n      className={className}\r\n      target={isExternalLink ? \"_blank\" : \"\"}\r\n    >\r\n      {children}\r\n    </Link>\r\n  );\r\n};\r\n\r\nexport default HorizontalMenuNavLink;\r\n"],"names":[],"mappings":";;AAcA,MAAM,wBAAwB,CAAC,UAAsC;AACnE,QAAM,EAAE,WAAW,MAAM,gBAAgB,UAAU,iBAAiB;AAEpE,MAAI,cAAc;AAChB,WAAO,aAAa,EAAE,MAAM,eAAA,GAAkB,QAAQ;AAAA,EACxD;AAEA,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,IAAI;AAAA,MACJ;AAAA,MACA,QAAQ,iBAAiB,WAAW;AAAA,MAEnC;AAAA,IAAA;AAAA,EAAA;AAGP;"}
+{"version":3,"file":"HorizontalMenuNavLink.js","sources":["../../../../../lib/@ecme/components/template/HorizontalMenuContent/HorizontalMenuNavLink.tsx"],"sourcesContent":["import { Link } from \"react-router-dom\";\nimport type { CommonProps } from \"@/@types/common\";\nimport type { AnchorHTMLAttributes } from \"react\";\n\nexport interface HorizontalMenuNavLinkProps extends CommonProps {\n  path: string;\n  isExternalLink?: boolean;\n  onClick?: AnchorHTMLAttributes<HTMLAnchorElement>[\"onClick\"];\n  linkRenderer?: (\n    nav: { path: string; isExternalLink?: boolean },\n    children: React.ReactNode\n  ) => React.ReactNode;\n}\n\nconst HorizontalMenuNavLink = (props: HorizontalMenuNavLinkProps) => {\n  const { className, path, isExternalLink, children, linkRenderer } = props;\n\n  if (linkRenderer) {\n    return linkRenderer({ path, isExternalLink }, children);\n  }\n\n  return (\n    <Link\n      to={path}\n      className={className}\n      target={isExternalLink ? \"_blank\" : \"\"}\n    >\n      {children}\n    </Link>\n  );\n};\n\nexport default HorizontalMenuNavLink;\n"],"names":[],"mappings":";;AAcA,MAAM,wBAAwB,CAAC,UAAsC;AACnE,QAAM,EAAE,WAAW,MAAM,gBAAgB,UAAU,iBAAiB;AAEpE,MAAI,cAAc;AAChB,WAAO,aAAa,EAAE,MAAM,eAAA,GAAkB,QAAQ;AAAA,EACxD;AAEA,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,IAAI;AAAA,MACJ;AAAA,MACA,QAAQ,iBAAiB,WAAW;AAAA,MAEnC;AAAA,IAAA;AAAA,EAAA;AAGP;"}

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

@@ -1 +1 @@
-{"version":3,"file":"HorizontalNav.js","sources":["../../../../lib/@ecme/components/template/HorizontalNav.tsx"],"sourcesContent":["import HorizontalMenuContent from './HorizontalMenuContent'\r\nimport { useRouteKeyStore } from '@/store/routeKeyStore'\r\nimport { useSessionUser } from '@/store/authStore'\r\nimport appConfig from '@/configs/app.config'\r\nimport navigationConfig from '@/configs/navigation.config'\r\n\r\nconst HorizontalNav = ({\r\n    translationSetup = appConfig.activeNavTranslation,\r\n}: {\r\n    translationSetup?: boolean\r\n}) => {\r\n    const currentRouteKey = useRouteKeyStore((state) => state.currentRouteKey)\r\n\r\n    const userAuthority = useSessionUser((state) => state.user.authority)\r\n\r\n    return (\r\n        <HorizontalMenuContent\r\n            navigationTree={navigationConfig}\r\n            routeKey={currentRouteKey}\r\n            userAuthority={userAuthority || []}\r\n            translationSetup={translationSetup}\r\n        />\r\n    )\r\n}\r\n\r\nexport default HorizontalNav\r\n"],"names":[],"mappings":";;;;;;;AAMA,MAAM,gBAAgB,CAAC;AAAA,EACnB,mBAAmB,UAAU;AACjC,MAEM;AACF,QAAM,kBAAkB,iBAAiB,CAAC,UAAU,MAAM,eAAe;AAEzE,QAAM,gBAAgB,eAAe,CAAC,UAAU,MAAM,KAAK,SAAS;AAEpE,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,gBAAgB;AAAA,MAChB,UAAU;AAAA,MACV,eAAe,iBAAiB,CAAA;AAAA,MAChC;AAAA,IAAA;AAAA,EAAA;AAGZ;"}
+{"version":3,"file":"HorizontalNav.js","sources":["../../../../lib/@ecme/components/template/HorizontalNav.tsx"],"sourcesContent":["import HorizontalMenuContent from './HorizontalMenuContent'\nimport { useRouteKeyStore } from '@/store/routeKeyStore'\nimport { useSessionUser } from '@/store/authStore'\nimport appConfig from '@/configs/app.config'\nimport navigationConfig from '@/configs/navigation.config'\n\nconst HorizontalNav = ({\n    translationSetup = appConfig.activeNavTranslation,\n}: {\n    translationSetup?: boolean\n}) => {\n    const currentRouteKey = useRouteKeyStore((state) => state.currentRouteKey)\n\n    const userAuthority = useSessionUser((state) => state.user.authority)\n\n    return (\n        <HorizontalMenuContent\n            navigationTree={navigationConfig}\n            routeKey={currentRouteKey}\n            userAuthority={userAuthority || []}\n            translationSetup={translationSetup}\n        />\n    )\n}\n\nexport default HorizontalNav\n"],"names":[],"mappings":";;;;;;;AAMA,MAAM,gBAAgB,CAAC;AAAA,EACnB,mBAAmB,UAAU;AACjC,MAEM;AACF,QAAM,kBAAkB,iBAAiB,CAAC,UAAU,MAAM,eAAe;AAEzE,QAAM,gBAAgB,eAAe,CAAC,UAAU,MAAM,KAAK,SAAS;AAEpE,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,gBAAgB;AAAA,MAChB,UAAU;AAAA,MACV,eAAe,iBAAiB,CAAA;AAAA,MAChC;AAAA,IAAA;AAAA,EAAA;AAGZ;"}

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'\r\nimport Avatar from '@/components/ui/Avatar'\r\nimport Dropdown from '@/components/ui/Dropdown'\r\nimport classNames from 'classnames'\r\nimport withHeaderItem from '@/utils/hoc/withHeaderItem'\r\nimport { useLocaleStore } from '@/store/localeStore'\r\nimport { HiCheck } from 'react-icons/hi'\r\nimport type { CommonProps } from '@/@types/common'\r\nimport { getFlagByCode } from '@base/utils/countryFlags'\r\n\r\nconst languageList = [\r\n    { label: 'English', value: 'en', flag: 'US' },\r\n    { label: 'Português', value: 'ptBR', flag: 'BR' },\r\n]\r\n\r\nconst _LanguageSelector = ({ className }: CommonProps) => {\r\n    const { currentLang: locale, setLang } = useLocaleStore((state) => state)\r\n\r\n    const selectLangFlag = useMemo(() => {\r\n        return languageList.find((lang) => lang.value === locale)?.flag\r\n    }, [locale])\r\n\r\n    const selectedLanguage = (\r\n        <div className={classNames(className, 'flex items-center')}>\r\n            <Avatar\r\n                size={24}\r\n                shape=\"circle\"\r\n                src={getFlagByCode(selectLangFlag!)}\r\n            />\r\n        </div>\r\n    )\r\n\r\n    return (\r\n        <Dropdown renderTitle={selectedLanguage} placement=\"bottom-end\">\r\n            {languageList.map((lang) => (\r\n                <Dropdown.Item\r\n                    key={lang.label}\r\n                    className=\"justify-between\"\r\n                    eventKey={lang.label}\r\n                    onClick={() => setLang(lang.value)}\r\n                >\r\n                    <span className=\"flex items-center\">\r\n                        <Avatar\r\n                            size={18}\r\n                            shape=\"circle\"\r\n                            src={getFlagByCode(lang.flag)}\r\n                        />\r\n                        <span className=\"ltr:ml-2 rtl:mr-2\">{lang.label}</span>\r\n                    </span>\r\n                    {locale === lang.value && (\r\n                        <HiCheck className=\"text-lg text-emerald-500\" />\r\n                    )}\r\n                </Dropdown.Item>\r\n            ))}\r\n        </Dropdown>\r\n    )\r\n}\r\n\r\nconst LanguageSelector = withHeaderItem(_LanguageSelector)\r\n\r\nexport default LanguageSelector\r\n"],"names":[],"mappings":";;;;;;;;;AAUA,MAAM,eAAe;AAAA,EACjB,EAAE,OAAO,WAAW,OAAO,MAAM,MAAM,KAAA;AAAA,EACvC,EAAE,OAAO,aAAa,OAAO,QAAQ,MAAM,KAAA;AAC/C;AAEA,MAAM,oBAAoB,CAAC,EAAE,gBAA6B;AACtD,QAAM,EAAE,aAAa,QAAQ,QAAA,IAAY,eAAe,CAAC,UAAU,KAAK;AAExE,QAAM,iBAAiB,QAAQ,MAAM;AACjC,WAAO,aAAa,KAAK,CAAC,SAAS,KAAK,UAAU,MAAM,GAAG;AAAA,EAC/D,GAAG,CAAC,MAAM,CAAC;AAEX,QAAM,mBACF,oBAAC,OAAA,EAAI,WAAW,WAAW,WAAW,mBAAmB,GACrD,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,MAAM;AAAA,MACN,OAAM;AAAA,MACN,KAAK,cAAc,cAAe;AAAA,IAAA;AAAA,EAAA,GAE1C;AAGJ,SACI,oBAAC,YAAS,aAAa,kBAAkB,WAAU,cAC9C,UAAA,aAAa,IAAI,CAAC,SACf;AAAA,IAAC,SAAS;AAAA,IAAT;AAAA,MAEG,WAAU;AAAA,MACV,UAAU,KAAK;AAAA,MACf,SAAS,MAAM,QAAQ,KAAK,KAAK;AAAA,MAEjC,UAAA;AAAA,QAAA,qBAAC,QAAA,EAAK,WAAU,qBACZ,UAAA;AAAA,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,MAAM;AAAA,cACN,OAAM;AAAA,cACN,KAAK,cAAc,KAAK,IAAI;AAAA,YAAA;AAAA,UAAA;AAAA,UAEhC,oBAAC,QAAA,EAAK,WAAU,qBAAqB,eAAK,MAAA,CAAM;AAAA,QAAA,GACpD;AAAA,QACC,WAAW,KAAK,SACb,oBAAC,SAAA,EAAQ,WAAU,2BAAA,CAA2B;AAAA,MAAA;AAAA,IAAA;AAAA,IAd7C,KAAK;AAAA,EAAA,CAiBjB,GACL;AAER;AAEA,MAAM,mBAAmB,eAAe,iBAAiB;"}
+{"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":[],"mappings":";;;;;;;;;AAUA,MAAM,eAAe;AAAA,EACjB,EAAE,OAAO,WAAW,OAAO,MAAM,MAAM,KAAA;AAAA,EACvC,EAAE,OAAO,aAAa,OAAO,QAAQ,MAAM,KAAA;AAC/C;AAEA,MAAM,oBAAoB,CAAC,EAAE,gBAA6B;AACtD,QAAM,EAAE,aAAa,QAAQ,QAAA,IAAY,eAAe,CAAC,UAAU,KAAK;AAExE,QAAM,iBAAiB,QAAQ,MAAM;AACjC,WAAO,aAAa,KAAK,CAAC,SAAS,KAAK,UAAU,MAAM,GAAG;AAAA,EAC/D,GAAG,CAAC,MAAM,CAAC;AAEX,QAAM,mBACF,oBAAC,OAAA,EAAI,WAAW,WAAW,WAAW,mBAAmB,GACrD,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,MAAM;AAAA,MACN,OAAM;AAAA,MACN,KAAK,cAAc,cAAe;AAAA,IAAA;AAAA,EAAA,GAE1C;AAGJ,SACI,oBAAC,YAAS,aAAa,kBAAkB,WAAU,cAC9C,UAAA,aAAa,IAAI,CAAC,SACf;AAAA,IAAC,SAAS;AAAA,IAAT;AAAA,MAEG,WAAU;AAAA,MACV,UAAU,KAAK;AAAA,MACf,SAAS,MAAM,QAAQ,KAAK,KAAK;AAAA,MAEjC,UAAA;AAAA,QAAA,qBAAC,QAAA,EAAK,WAAU,qBACZ,UAAA;AAAA,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,MAAM;AAAA,cACN,OAAM;AAAA,cACN,KAAK,cAAc,KAAK,IAAI;AAAA,YAAA;AAAA,UAAA;AAAA,UAEhC,oBAAC,QAAA,EAAK,WAAU,qBAAqB,eAAK,MAAA,CAAM;AAAA,QAAA,GACpD;AAAA,QACC,WAAW,KAAK,SACb,oBAAC,SAAA,EAAQ,WAAU,2BAAA,CAA2B;AAAA,MAAA;AAAA,IAAA;AAAA,IAd7C,KAAK;AAAA,EAAA,CAiBjB,GACL;AAER;AAEA,MAAM,mBAAmB,eAAe,iBAAiB;"}

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

@@ -1 +1 @@
-{"version":3,"file":"LayoutBase.js","sources":["../../../../lib/@ecme/components/template/LayoutBase.tsx"],"sourcesContent":["import { LayoutContext } from '@/utils/hooks/useLayout'\r\nimport type { LayoutContextProps } from '@/utils/hooks/useLayout'\r\nimport type { CommonProps } from '@/@types/common'\r\n\r\ntype LayoutBaseProps = CommonProps & LayoutContextProps\r\n\r\nconst LayoutBase = (props: LayoutBaseProps) => {\r\n    const {\r\n        children,\r\n        className,\r\n        adaptiveCardActive,\r\n        type,\r\n        pageContainerReassemble,\r\n    } = props\r\n\r\n    return (\r\n        <LayoutContext.Provider\r\n            value={{ adaptiveCardActive, pageContainerReassemble, type }}\r\n        >\r\n            <div className={className}>{children}</div>\r\n        </LayoutContext.Provider>\r\n    )\r\n}\r\n\r\nexport default LayoutBase\r\n"],"names":[],"mappings":";;AAMA,MAAM,aAAa,CAAC,UAA2B;AAC3C,QAAM;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,IACA;AAEJ,SACI;AAAA,IAAC,cAAc;AAAA,IAAd;AAAA,MACG,OAAO,EAAE,oBAAoB,yBAAyB,KAAA;AAAA,MAEtD,UAAA,oBAAC,OAAA,EAAI,WAAuB,SAAA,CAAS;AAAA,IAAA;AAAA,EAAA;AAGjD;"}
+{"version":3,"file":"LayoutBase.js","sources":["../../../../lib/@ecme/components/template/LayoutBase.tsx"],"sourcesContent":["import { LayoutContext } from '@/utils/hooks/useLayout'\nimport type { LayoutContextProps } from '@/utils/hooks/useLayout'\nimport type { CommonProps } from '@/@types/common'\n\ntype LayoutBaseProps = CommonProps & LayoutContextProps\n\nconst LayoutBase = (props: LayoutBaseProps) => {\n    const {\n        children,\n        className,\n        adaptiveCardActive,\n        type,\n        pageContainerReassemble,\n    } = props\n\n    return (\n        <LayoutContext.Provider\n            value={{ adaptiveCardActive, pageContainerReassemble, type }}\n        >\n            <div className={className}>{children}</div>\n        </LayoutContext.Provider>\n    )\n}\n\nexport default LayoutBase\n"],"names":[],"mappings":";;AAMA,MAAM,aAAa,CAAC,UAA2B;AAC3C,QAAM;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,IACA;AAEJ,SACI;AAAA,IAAC,cAAc;AAAA,IAAd;AAAA,MACG,OAAO,EAAE,oBAAoB,yBAAyB,KAAA;AAAA,MAEtD,UAAA,oBAAC,OAAA,EAAI,WAAuB,SAAA,CAAS;AAAA,IAAA;AAAA,EAAA;AAGjD;"}

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\";\r\nimport { APP_NAME } from \"@/constants/app.constant\";\r\nimport type { CommonProps } from \"@/@types/common\";\r\nimport { useAppConfig } from \"@/configs/AppConfigContext\";\r\n\r\ninterface LogoProps extends CommonProps {\r\n  name: string;\r\n  imgClass?: string;\r\n  logoWidth?: number | string;\r\n}\r\n\r\nconst Logo = (props: LogoProps) => {\r\n  const { name, className, imgClass, style, logoWidth = \"auto\" } = props;\r\n  const finalLogoSrc = `${name}`;\r\n  \r\n  return (\r\n    <div\r\n      className={classNames(\"logo\", className)}\r\n      style={{\r\n        ...style,\r\n        ...{ width: logoWidth },\r\n      }}\r\n    >\r\n      <img className={imgClass} src={finalLogoSrc} alt={`${APP_NAME} logo`} />\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default Logo;\r\n"],"names":[],"mappings":";;;AAWA,MAAM,OAAO,CAAC,UAAqB;AACjC,QAAM,EAAE,MAAM,WAAW,UAAU,OAAO,YAAY,WAAW;AACjE,QAAM,eAAe,GAAG,IAAI;AAE5B,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,WAAW,QAAQ,SAAS;AAAA,MACvC,OAAO;AAAA,QACL,GAAG;AAAA,QACH,GAAG,EAAE,OAAO,UAAA;AAAA,MAAU;AAAA,MAGxB,UAAA,oBAAC,SAAI,WAAW,UAAU,KAAK,cAAc,KAAK,GAAG,QAAQ,QAAA,CAAS;AAAA,IAAA;AAAA,EAAA;AAG5E;"}
+{"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  \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":[],"mappings":";;;AAWA,MAAM,OAAO,CAAC,UAAqB;AACjC,QAAM,EAAE,MAAM,WAAW,UAAU,OAAO,YAAY,WAAW;AACjE,QAAM,eAAe,GAAG,IAAI;AAE5B,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,WAAW,QAAQ,SAAS;AAAA,MACvC,OAAO;AAAA,QACL,GAAG;AAAA,QACH,GAAG,EAAE,OAAO,UAAA;AAAA,MAAU;AAAA,MAGxB,UAAA,oBAAC,SAAI,WAAW,UAAU,KAAK,cAAc,KAAK,GAAG,QAAQ,QAAA,CAAS;AAAA,IAAA;AAAA,EAAA;AAG5E;"}

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

@@ -1 +1 @@
-{"version":3,"file":"MobileNav.js","sources":["../../../../lib/@ecme/components/template/MobileNav.tsx"],"sourcesContent":["import { useState, Suspense, lazy } from \"react\";\r\nimport classNames from \"classnames\";\r\nimport Drawer from \"@/components/ui/Drawer\";\r\nimport NavToggle from \"@/components/shared/NavToggle\";\r\nimport { DIR_RTL } from \"@/constants/theme.constant\";\r\nimport withHeaderItem, {\r\n  WithHeaderItemProps,\r\n} from \"@/utils/hoc/withHeaderItem\";\r\nimport navigationConfig from \"@/configs/navigation.config\";\r\nimport appConfig from \"@/configs/app.config\";\r\nimport { useThemeStore } from \"@/store/themeStore\";\r\nimport { useRouteKeyStore } from \"@/store/routeKeyStore\";\r\nimport { useSessionUser } from \"@/store/authStore\";\r\nimport { LinkRenderer } from \"../layouts/Layouts\";\r\n\r\nconst VerticalMenuContent = lazy(\r\n  () => import(\"@/components/template/VerticalMenuContent\")\r\n);\r\n\r\ntype MobileNavToggleProps = {\r\n  toggled?: boolean;\r\n};\r\n\r\ntype MobileNavProps = {\r\n  translationSetup?: boolean;\r\n  linkRenderer?: LinkRenderer;\r\n};\r\n\r\nconst MobileNavToggle = withHeaderItem<\r\n  MobileNavToggleProps & WithHeaderItemProps\r\n>(NavToggle);\r\n\r\nconst MobileNav = ({\r\n  translationSetup = appConfig.activeNavTranslation,\r\n  linkRenderer,\r\n}: MobileNavProps) => {\r\n  const [isOpen, setIsOpen] = useState(false);\r\n\r\n  const handleOpenDrawer = () => {\r\n    setIsOpen(true);\r\n  };\r\n\r\n  const handleDrawerClose = () => {\r\n    setIsOpen(false);\r\n  };\r\n\r\n  const direction = useThemeStore((state) => state.direction);\r\n  const currentRouteKey = useRouteKeyStore((state) => state.currentRouteKey);\r\n\r\n  const userAuthority = useSessionUser((state) => state.user.authority);\r\n\r\n  return (\r\n    <>\r\n      <div className=\"text-2xl\" onClick={handleOpenDrawer}>\r\n        <MobileNavToggle toggled={isOpen} />\r\n      </div>\r\n      <Drawer\r\n        title=\"Navigation\"\r\n        isOpen={isOpen}\r\n        bodyClass={classNames(\"p-0\")}\r\n        width={330}\r\n        placement={direction === DIR_RTL ? \"right\" : \"left\"}\r\n        onClose={handleDrawerClose}\r\n        onRequestClose={handleDrawerClose}\r\n      >\r\n        <Suspense fallback={<></>}>\r\n          {isOpen && (\r\n            <VerticalMenuContent\r\n              collapsed={false}\r\n              navigationTree={navigationConfig}\r\n              routeKey={currentRouteKey}\r\n              userAuthority={userAuthority as string[]}\r\n              direction={direction}\r\n              translationSetup={translationSetup}\r\n              onMenuItemClick={handleDrawerClose}\r\n              linkRenderer={linkRenderer}\r\n            />\r\n          )}\r\n        </Suspense>\r\n      </Drawer>\r\n    </>\r\n  );\r\n};\r\n\r\nexport default MobileNav;\r\n"],"names":[],"mappings":";;;;;;;;;;;;;AAeA,MAAM,sBAAsB;AAAA,EAC1B,MAAM,OAAO,gCAA2C;AAC1D;AAWA,MAAM,kBAAkB,eAEtB,SAAS;AAEX,MAAM,YAAY,CAAC;AAAA,EACjB,mBAAmB,UAAU;AAAA,EAC7B;AACF,MAAsB;AACpB,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAS,KAAK;AAE1C,QAAM,mBAAmB,MAAM;AAC7B,cAAU,IAAI;AAAA,EAChB;AAEA,QAAM,oBAAoB,MAAM;AAC9B,cAAU,KAAK;AAAA,EACjB;AAEA,QAAM,YAAY,cAAc,CAAC,UAAU,MAAM,SAAS;AAC1D,QAAM,kBAAkB,iBAAiB,CAAC,UAAU,MAAM,eAAe;AAEzE,QAAM,gBAAgB,eAAe,CAAC,UAAU,MAAM,KAAK,SAAS;AAEpE,SACE,qBAAA,UAAA,EACE,UAAA;AAAA,IAAA,oBAAC,OAAA,EAAI,WAAU,YAAW,SAAS,kBACjC,UAAA,oBAAC,iBAAA,EAAgB,SAAS,OAAA,CAAQ,EAAA,CACpC;AAAA,IACA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,OAAM;AAAA,QACN;AAAA,QACA,WAAW,WAAW,KAAK;AAAA,QAC3B,OAAO;AAAA,QACP,WAAW,cAAc,UAAU,UAAU;AAAA,QAC7C,SAAS;AAAA,QACT,gBAAgB;AAAA,QAEhB,UAAA,oBAAC,UAAA,EAAS,UAAU,oBAAA,UAAA,EAAE,GACnB,UAAA,UACC;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW;AAAA,YACX,gBAAgB;AAAA,YAChB,UAAU;AAAA,YACV;AAAA,YACA;AAAA,YACA;AAAA,YACA,iBAAiB;AAAA,YACjB;AAAA,UAAA;AAAA,QAAA,EACF,CAEJ;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,GACF;AAEJ;"}
+{"version":3,"file":"MobileNav.js","sources":["../../../../lib/@ecme/components/template/MobileNav.tsx"],"sourcesContent":["import { useState, Suspense, lazy } from \"react\";\nimport classNames from \"classnames\";\nimport Drawer from \"@/components/ui/Drawer\";\nimport NavToggle from \"@/components/shared/NavToggle\";\nimport { DIR_RTL } from \"@/constants/theme.constant\";\nimport withHeaderItem, {\n  WithHeaderItemProps,\n} from \"@/utils/hoc/withHeaderItem\";\nimport navigationConfig from \"@/configs/navigation.config\";\nimport appConfig from \"@/configs/app.config\";\nimport { useThemeStore } from \"@/store/themeStore\";\nimport { useRouteKeyStore } from \"@/store/routeKeyStore\";\nimport { useSessionUser } from \"@/store/authStore\";\nimport { LinkRenderer } from \"../layouts/Layouts\";\n\nconst VerticalMenuContent = lazy(\n  () => import(\"@/components/template/VerticalMenuContent\")\n);\n\ntype MobileNavToggleProps = {\n  toggled?: boolean;\n};\n\ntype MobileNavProps = {\n  translationSetup?: boolean;\n  linkRenderer?: LinkRenderer;\n};\n\nconst MobileNavToggle = withHeaderItem<\n  MobileNavToggleProps & WithHeaderItemProps\n>(NavToggle);\n\nconst MobileNav = ({\n  translationSetup = appConfig.activeNavTranslation,\n  linkRenderer,\n}: MobileNavProps) => {\n  const [isOpen, setIsOpen] = useState(false);\n\n  const handleOpenDrawer = () => {\n    setIsOpen(true);\n  };\n\n  const handleDrawerClose = () => {\n    setIsOpen(false);\n  };\n\n  const direction = useThemeStore((state) => state.direction);\n  const currentRouteKey = useRouteKeyStore((state) => state.currentRouteKey);\n\n  const userAuthority = useSessionUser((state) => state.user.authority);\n\n  return (\n    <>\n      <div className=\"text-2xl\" onClick={handleOpenDrawer}>\n        <MobileNavToggle toggled={isOpen} />\n      </div>\n      <Drawer\n        title=\"Navigation\"\n        isOpen={isOpen}\n        bodyClass={classNames(\"p-0\")}\n        width={330}\n        placement={direction === DIR_RTL ? \"right\" : \"left\"}\n        onClose={handleDrawerClose}\n        onRequestClose={handleDrawerClose}\n      >\n        <Suspense fallback={<></>}>\n          {isOpen && (\n            <VerticalMenuContent\n              collapsed={false}\n              navigationTree={navigationConfig}\n              routeKey={currentRouteKey}\n              userAuthority={userAuthority as string[]}\n              direction={direction}\n              translationSetup={translationSetup}\n              onMenuItemClick={handleDrawerClose}\n              linkRenderer={linkRenderer}\n            />\n          )}\n        </Suspense>\n      </Drawer>\n    </>\n  );\n};\n\nexport default MobileNav;\n"],"names":[],"mappings":";;;;;;;;;;;;;AAeA,MAAM,sBAAsB;AAAA,EAC1B,MAAM,OAAO,gCAA2C;AAC1D;AAWA,MAAM,kBAAkB,eAEtB,SAAS;AAEX,MAAM,YAAY,CAAC;AAAA,EACjB,mBAAmB,UAAU;AAAA,EAC7B;AACF,MAAsB;AACpB,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAS,KAAK;AAE1C,QAAM,mBAAmB,MAAM;AAC7B,cAAU,IAAI;AAAA,EAChB;AAEA,QAAM,oBAAoB,MAAM;AAC9B,cAAU,KAAK;AAAA,EACjB;AAEA,QAAM,YAAY,cAAc,CAAC,UAAU,MAAM,SAAS;AAC1D,QAAM,kBAAkB,iBAAiB,CAAC,UAAU,MAAM,eAAe;AAEzE,QAAM,gBAAgB,eAAe,CAAC,UAAU,MAAM,KAAK,SAAS;AAEpE,SACE,qBAAA,UAAA,EACE,UAAA;AAAA,IAAA,oBAAC,OAAA,EAAI,WAAU,YAAW,SAAS,kBACjC,UAAA,oBAAC,iBAAA,EAAgB,SAAS,OAAA,CAAQ,EAAA,CACpC;AAAA,IACA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,OAAM;AAAA,QACN;AAAA,QACA,WAAW,WAAW,KAAK;AAAA,QAC3B,OAAO;AAAA,QACP,WAAW,cAAc,UAAU,UAAU;AAAA,QAC7C,SAAS;AAAA,QACT,gBAAgB;AAAA,QAEhB,UAAA,oBAAC,UAAA,EAAS,UAAU,oBAAA,UAAA,EAAE,GACnB,UAAA,UACC;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW;AAAA,YACX,gBAAgB;AAAA,YAChB,UAAU;AAAA,YACV;AAAA,YACA;AAAA,YACA;AAAA,YACA,iBAAiB;AAAA,YACjB;AAAA,UAAA;AAAA,QAAA,EACF,CAEJ;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,GACF;AAEJ;"}

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

@@ -1,5 +1,5 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { useState, useRef } from "react";
+import { useState, useEffect, useRef } from "react";
 import classNames from "classnames";
 import withHeaderItem from "../../../utils/hoc/withHeaderItem.js";
 import { Dropdown } from "../../ui/Dropdown/index.js";
@@ -11,6 +11,7 @@ import "../../ui/Tooltip/index.js";
 import NotificationAvatar from "./NotificationAvatar.js";
 import NotificationToggle from "./NotificationToggle.js";
 import { HiOutlineMailOpen } from "react-icons/hi";
+import { apiGetNotificationCount, apiGetNotificationList } from "../../../services/CommonService.js";
 import isLastChild from "../../../utils/isLastChild.js";
 import useResponsive from "../../../utils/hooks/useResponsive.js";
 import { useNavigate } from "react-router-dom";
@@ -24,11 +25,29 @@ const notificationHeight = "h-[280px]";
 const _Notification = ({ className }) => {
   const [notificationList, setNotificationList] = useState([]);
   const [unreadNotification, setUnreadNotification] = useState(false);
-  const [noResult, _setNoResult] = useState(false);
-  const [loading, _setLoading] = useState(false);
+  const [noResult, setNoResult] = useState(false);
+  const [loading, setLoading] = useState(false);
   const { larger } = useResponsive();
   const navigate = useNavigate();
+  const getNotificationCount = async () => {
+    const resp = await apiGetNotificationCount();
+    if (resp.count > 0) {
+      setNoResult(false);
+      setUnreadNotification(true);
+    } else {
+      setNoResult(true);
+    }
+  };
+  useEffect(() => {
+    getNotificationCount();
+  }, []);
   const onNotificationOpen = async () => {
+    if (notificationList.length === 0) {
+      setLoading(true);
+      const resp = await apiGetNotificationList();
+      setLoading(false);
+      setNotificationList(resp);
+    }
   };
   const onMarkAllAsRead = () => {
     const list = notificationList.map((item) => {

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

@@ -1 +1 @@
-{"version":3,"file":"Notification.js","sources":["../../../../../lib/@ecme/components/template/Notification/Notification.tsx"],"sourcesContent":["import { useState, useRef } from 'react'\r\nimport classNames from 'classnames'\r\nimport withHeaderItem from '@/utils/hoc/withHeaderItem'\r\nimport Dropdown from '@/components/ui/Dropdown'\r\nimport ScrollBar from '@/components/ui/ScrollBar'\r\nimport Spinner from '@/components/ui/Spinner'\r\nimport Badge from '@/components/ui/Badge'\r\nimport Button from '@/components/ui/Button'\r\nimport Tooltip from '@/components/ui/Tooltip'\r\nimport NotificationAvatar from './NotificationAvatar'\r\nimport NotificationToggle from './NotificationToggle'\r\nimport { HiOutlineMailOpen } from 'react-icons/hi'\r\nimport isLastChild from '@/utils/isLastChild'\r\nimport useResponsive from '@/utils/hooks/useResponsive'\r\nimport { useNavigate } from 'react-router-dom'\r\n\r\nimport type { DropdownRef } from '@/components/ui/Dropdown'\r\nimport { useTranslation } from 'react-i18next'\r\n\r\ntype NotificationList = {\r\n    id: string\r\n    target: string\r\n    description: string\r\n    date: string\r\n    image: string\r\n    type: number\r\n    location: string\r\n    locationLabel: string\r\n    status: string\r\n    readed: boolean\r\n}\r\n\r\nconst notificationHeight = 'h-[280px]'\r\n\r\nconst _Notification = ({ className }: { className?: string }) => {\r\n    const [notificationList, setNotificationList] = useState<\r\n        NotificationList[]\r\n    >([])\r\n    const [unreadNotification, setUnreadNotification] = useState(false)\r\n    const [noResult, _setNoResult] = useState(false)\r\n    const [loading, _setLoading] = useState(false)\r\n\r\n    const { larger } = useResponsive()\r\n\r\n    const navigate = useNavigate()\r\n\r\n    // const _getNotificationCount = async () => {\r\n    //     // API call disabled\r\n    //     // const resp = await apiGetNotificationCount()\r\n    //     // if (resp.count > 0) {\r\n    //     //     _setNoResult(false)\r\n    //     //     setUnreadNotification(true)\r\n    //     // } else {\r\n    //     //     _setNoResult(true)\r\n    //     // }\r\n    // }\r\n\r\n    // useEffect(() => {\r\n    //     _getNotificationCount()\r\n    // }, [])\r\n\r\n    const onNotificationOpen = async () => {\r\n        // API call disabled\r\n        // if (notificationList.length === 0) {\r\n        //     _setLoading(true)\r\n        //     // const resp = await apiGetNotificationList()\r\n        //     _setLoading(false)\r\n        //     // setNotificationList(resp)\r\n        // }\r\n    }\r\n\r\n    const onMarkAllAsRead = () => {\r\n        const list = notificationList.map((item: NotificationList) => {\r\n            if (!item.readed) {\r\n                item.readed = true\r\n            }\r\n            return item\r\n        })\r\n        setNotificationList(list)\r\n        setUnreadNotification(false)\r\n    }\r\n\r\n    const onMarkAsRead = (id: string) => {\r\n        const list = notificationList.map((item) => {\r\n            if (item.id === id) {\r\n                item.readed = true\r\n            }\r\n            return item\r\n        })\r\n        setNotificationList(list)\r\n        const hasUnread = notificationList.some((item) => !item.readed)\r\n\r\n        if (!hasUnread) {\r\n            setUnreadNotification(false)\r\n        }\r\n    }\r\n\r\n    const notificationDropdownRef = useRef<DropdownRef>(null)\r\n\r\n    const handleViewAllActivity = () => {\r\n        navigate('/concepts/account/activity-log')\r\n        if (notificationDropdownRef.current) {\r\n            notificationDropdownRef.current.handleDropdownClose()\r\n        }\r\n    }\r\n\r\n    const { t } = useTranslation()\r\n\r\n    const isDisabled = true\r\n\r\n    return (\r\n        <Dropdown\r\n            disabled={isDisabled}\r\n            ref={notificationDropdownRef}\r\n            renderTitle={\r\n                <NotificationToggle\r\n                    dot={unreadNotification}\r\n                    className={isDisabled ? 'header-action-item-disabled' : className}\r\n                />\r\n            }\r\n            menuClass=\"min-w-[280px] md:min-w-[340px]\"\r\n            placement={larger.md ? 'bottom-end' : 'bottom'}\r\n            onOpen={onNotificationOpen}\r\n        >\r\n            <Dropdown.Item variant=\"header\">\r\n                <div className=\"mb-1 flex items-center justify-between px-2 dark:border-gray-700\">\r\n                    <h6>{t('base.layout.notifications.title')}</h6>\r\n                    <Tooltip\r\n                        title={t('base.layout.notifications.actions.readAll')}\r\n                    >\r\n                        <Button\r\n                            variant=\"plain\"\r\n                            shape=\"circle\"\r\n                            size=\"sm\"\r\n                            icon={<HiOutlineMailOpen className=\"text-xl\" />}\r\n                            onClick={onMarkAllAsRead}\r\n                        />\r\n                    </Tooltip>\r\n                </div>\r\n            </Dropdown.Item>\r\n            <ScrollBar\r\n                className={classNames('overflow-y-auto', notificationHeight)}\r\n            >\r\n                {notificationList.length > 0 &&\r\n                    notificationList.map((item, index) => (\r\n                        <div key={item.id}>\r\n                            <div\r\n                                className={`relative flex cursor-pointer rounded-xl px-4 py-3 hover:bg-gray-100 active:bg-gray-100 dark:hover:bg-gray-700`}\r\n                                onClick={() => onMarkAsRead(item.id)}\r\n                            >\r\n                                <div>\r\n                                    <NotificationAvatar {...item} />\r\n                                </div>\r\n                                <div className=\"mx-3\">\r\n                                    <div>\r\n                                        {item.target && (\r\n                                            <span className=\"heading-text font-semibold\">\r\n                                                {item.target}{' '}\r\n                                            </span>\r\n                                        )}\r\n                                        <span>{item.description}</span>\r\n                                    </div>\r\n                                    <span className=\"text-xs\">{item.date}</span>\r\n                                </div>\r\n                                <Badge\r\n                                    className=\"absolute top-4 mt-1.5 ltr:right-4 rtl:left-4\"\r\n                                    innerClass={`${\r\n                                        item.readed\r\n                                            ? 'bg-gray-300 dark:bg-gray-600'\r\n                                            : 'bg-primary'\r\n                                    } `}\r\n                                />\r\n                            </div>\r\n                            {!isLastChild(notificationList, index) ? (\r\n                                <div className=\"my-2 border-b border-gray-200 dark:border-gray-700\" />\r\n                            ) : (\r\n                                ''\r\n                            )}\r\n                        </div>\r\n                    ))}\r\n                {loading && (\r\n                    <div\r\n                        className={classNames(\r\n                            'flex items-center justify-center',\r\n                            notificationHeight,\r\n                        )}\r\n                    >\r\n                        <Spinner size={40} />\r\n                    </div>\r\n                )}\r\n                {noResult && notificationList.length === 0 && (\r\n                    <div\r\n                        className={classNames(\r\n                            'flex items-center justify-center',\r\n                            notificationHeight,\r\n                        )}\r\n                    >\r\n                        <div className=\"text-center\">\r\n                            <img\r\n                                className=\"mx-auto mb-2 max-w-[150px]\"\r\n                                src=\"/img/others/no-notification.png\"\r\n                                alt=\"no-notification\"\r\n                            />\r\n                            <h6 className=\"font-semibold\">No notifications!</h6>\r\n                            <p className=\"mt-1\">Please Try again later</p>\r\n                        </div>\r\n                    </div>\r\n                )}\r\n            </ScrollBar>\r\n            <Dropdown.Item variant=\"header\">\r\n                <div className=\"pt-4\">\r\n                    <Button\r\n                        block\r\n                        variant=\"solid\"\r\n                        onClick={handleViewAllActivity}\r\n                    >\r\n                        {t('base.layout.notifications.buttons.viewAll')}\r\n                    </Button>\r\n                </div>\r\n            </Dropdown.Item>\r\n        </Dropdown>\r\n    )\r\n}\r\n\r\nconst Notification = withHeaderItem(_Notification)\r\n\r\nexport default Notification\r\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"Notification.js","sources":["../../../../../lib/@ecme/components/template/Notification/Notification.tsx"],"sourcesContent":["import { useEffect, useState, useRef } from 'react'\nimport classNames from 'classnames'\nimport withHeaderItem from '@/utils/hoc/withHeaderItem'\nimport Dropdown from '@/components/ui/Dropdown'\nimport ScrollBar from '@/components/ui/ScrollBar'\nimport Spinner from '@/components/ui/Spinner'\nimport Badge from '@/components/ui/Badge'\nimport Button from '@/components/ui/Button'\nimport Tooltip from '@/components/ui/Tooltip'\nimport NotificationAvatar from './NotificationAvatar'\nimport NotificationToggle from './NotificationToggle'\nimport { HiOutlineMailOpen } from 'react-icons/hi'\nimport {\n    apiGetNotificationList,\n    apiGetNotificationCount,\n} from '@/services/CommonService'\nimport isLastChild from '@/utils/isLastChild'\nimport useResponsive from '@/utils/hooks/useResponsive'\nimport { useNavigate } from 'react-router-dom'\n\nimport type { DropdownRef } from '@/components/ui/Dropdown'\nimport { useTranslation } from 'react-i18next'\n\ntype NotificationList = {\n    id: string\n    target: string\n    description: string\n    date: string\n    image: string\n    type: number\n    location: string\n    locationLabel: string\n    status: string\n    readed: boolean\n}\n\nconst notificationHeight = 'h-[280px]'\n\nconst _Notification = ({ className }: { className?: string }) => {\n    const [notificationList, setNotificationList] = useState<\n        NotificationList[]\n    >([])\n    const [unreadNotification, setUnreadNotification] = useState(false)\n    const [noResult, setNoResult] = useState(false)\n    const [loading, setLoading] = useState(false)\n\n    const { larger } = useResponsive()\n\n    const navigate = useNavigate()\n\n    const getNotificationCount = async () => {\n        const resp = await apiGetNotificationCount()\n        if (resp.count > 0) {\n            setNoResult(false)\n            setUnreadNotification(true)\n        } else {\n            setNoResult(true)\n        }\n    }\n\n    useEffect(() => {\n        getNotificationCount()\n    }, [])\n\n    const onNotificationOpen = async () => {\n        if (notificationList.length === 0) {\n            setLoading(true)\n            const resp = await apiGetNotificationList()\n            setLoading(false)\n            setNotificationList(resp)\n        }\n    }\n\n    const onMarkAllAsRead = () => {\n        const list = notificationList.map((item: NotificationList) => {\n            if (!item.readed) {\n                item.readed = true\n            }\n            return item\n        })\n        setNotificationList(list)\n        setUnreadNotification(false)\n    }\n\n    const onMarkAsRead = (id: string) => {\n        const list = notificationList.map((item) => {\n            if (item.id === id) {\n                item.readed = true\n            }\n            return item\n        })\n        setNotificationList(list)\n        const hasUnread = notificationList.some((item) => !item.readed)\n\n        if (!hasUnread) {\n            setUnreadNotification(false)\n        }\n    }\n\n    const notificationDropdownRef = useRef<DropdownRef>(null)\n\n    const handleViewAllActivity = () => {\n        navigate('/concepts/account/activity-log')\n        if (notificationDropdownRef.current) {\n            notificationDropdownRef.current.handleDropdownClose()\n        }\n    }\n\n    const { t } = useTranslation()\n\n    const isDisabled = true\n\n    return (\n        <Dropdown\n            disabled={isDisabled}\n            ref={notificationDropdownRef}\n            renderTitle={\n                <NotificationToggle\n                    dot={unreadNotification}\n                    className={isDisabled ? 'header-action-item-disabled' : className}\n                />\n            }\n            menuClass=\"min-w-[280px] md:min-w-[340px]\"\n            placement={larger.md ? 'bottom-end' : 'bottom'}\n            onOpen={onNotificationOpen}\n        >\n            <Dropdown.Item variant=\"header\">\n                <div className=\"mb-1 flex items-center justify-between px-2 dark:border-gray-700\">\n                    <h6>{t('base.layout.notifications.title')}</h6>\n                    <Tooltip\n                        title={t('base.layout.notifications.actions.readAll')}\n                    >\n                        <Button\n                            variant=\"plain\"\n                            shape=\"circle\"\n                            size=\"sm\"\n                            icon={<HiOutlineMailOpen className=\"text-xl\" />}\n                            onClick={onMarkAllAsRead}\n                        />\n                    </Tooltip>\n                </div>\n            </Dropdown.Item>\n            <ScrollBar\n                className={classNames('overflow-y-auto', notificationHeight)}\n            >\n                {notificationList.length > 0 &&\n                    notificationList.map((item, index) => (\n                        <div key={item.id}>\n                            <div\n                                className={`relative flex cursor-pointer rounded-xl px-4 py-3 hover:bg-gray-100 active:bg-gray-100 dark:hover:bg-gray-700`}\n                                onClick={() => onMarkAsRead(item.id)}\n                            >\n                                <div>\n                                    <NotificationAvatar {...item} />\n                                </div>\n                                <div className=\"mx-3\">\n                                    <div>\n                                        {item.target && (\n                                            <span className=\"heading-text font-semibold\">\n                                                {item.target}{' '}\n                                            </span>\n                                        )}\n                                        <span>{item.description}</span>\n                                    </div>\n                                    <span className=\"text-xs\">{item.date}</span>\n                                </div>\n                                <Badge\n                                    className=\"absolute top-4 mt-1.5 ltr:right-4 rtl:left-4\"\n                                    innerClass={`${\n                                        item.readed\n                                            ? 'bg-gray-300 dark:bg-gray-600'\n                                            : 'bg-primary'\n                                    } `}\n                                />\n                            </div>\n                            {!isLastChild(notificationList, index) ? (\n                                <div className=\"my-2 border-b border-gray-200 dark:border-gray-700\" />\n                            ) : (\n                                ''\n                            )}\n                        </div>\n                    ))}\n                {loading && (\n                    <div\n                        className={classNames(\n                            'flex items-center justify-center',\n                            notificationHeight,\n                        )}\n                    >\n                        <Spinner size={40} />\n                    </div>\n                )}\n                {noResult && notificationList.length === 0 && (\n                    <div\n                        className={classNames(\n                            'flex items-center justify-center',\n                            notificationHeight,\n                        )}\n                    >\n                        <div className=\"text-center\">\n                            <img\n                                className=\"mx-auto mb-2 max-w-[150px]\"\n                                src=\"/img/others/no-notification.png\"\n                                alt=\"no-notification\"\n                            />\n                            <h6 className=\"font-semibold\">No notifications!</h6>\n                            <p className=\"mt-1\">Please Try again later</p>\n                        </div>\n                    </div>\n                )}\n            </ScrollBar>\n            <Dropdown.Item variant=\"header\">\n                <div className=\"pt-4\">\n                    <Button\n                        block\n                        variant=\"solid\"\n                        onClick={handleViewAllActivity}\n                    >\n                        {t('base.layout.notifications.buttons.viewAll')}\n                    </Button>\n                </div>\n            </Dropdown.Item>\n        </Dropdown>\n    )\n}\n\nconst Notification = withHeaderItem(_Notification)\n\nexport default Notification\n"],"names":[],"mappings":"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"}