@orbe-agro/client-core 5.3.86 → 5.3.90

package/dist/@ecme/views/concepts/accounts/RolesPermissions/components/RolesPermissionsUserTable.js

@@ -1,4 +1,4 @@
-import { jsxs as s, jsx as n } from "react/jsx-runtime";
+import { jsxs as s, jsx as t } from "react/jsx-runtime";
 import { useMemo as R } from "react";
 import { Avatar as z } from "../../../../../components/ui/Avatar/index.js";
 import "../../../../../components/ui/Tag/index.js";
@@ -14,7 +14,7 @@ const M = {
   blocked: "bg-red-200 dark:bg-red-200 text-gray-900 dark:text-gray-900"
 }, J = (b) => {
   const { userList: l, userListTotal: g, isLoading: p, roleList: i, mutate: x } = b, {
-    tableData: o,
+    tableData: r,
     selectedUser: c,
     setTableData: w,
     setSelectedUser: v,
@@ -22,26 +22,26 @@ const M = {
   } = I(), m = (a) => {
     w(a), c.length > 0 && d([]);
   }, C = (a) => {
-    const e = h(o);
+    const e = h(r);
     e.pageIndex = a, m(e);
   }, S = (a) => {
-    const e = h(o);
+    const e = h(r);
     e.pageSize = Number(a), e.pageIndex = 1, m(e);
   }, k = (a) => {
-    const e = h(o);
+    const e = h(r);
     e.sort = a, m(e);
   }, y = (a, e) => {
     v(a, e);
   }, D = (a, e) => {
     if (a) {
-      const r = e.map((t) => t.original);
-      d(r);
+      const n = e.map((o) => o.original);
+      d(n);
     } else
       d([]);
   }, N = (a, e) => {
-    const r = structuredClone(l).map((t) => (t.id === e && (t.role = a), t));
+    const n = structuredClone(l).map((o) => (o.id === e && (o.role = a), o));
     x(
-      { list: r, total: g - c.length },
+      { list: n, total: g - c.length },
       !1
     );
   }, T = R(
@@ -52,10 +52,10 @@ const M = {
         cell: (a) => {
           const e = a.row.original;
           return /* @__PURE__ */ s("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ n(z, { size: 40, shape: "circle", src: e.img }),
+            /* @__PURE__ */ t(z, { size: 40, shape: "circle", src: e.img }),
             /* @__PURE__ */ s("div", { children: [
-              /* @__PURE__ */ n("div", { className: "font-bold heading-text", children: e.name }),
-              /* @__PURE__ */ n("div", { children: e.email })
+              /* @__PURE__ */ t("div", { className: "font-bold heading-text", children: e.name }),
+              /* @__PURE__ */ t("div", { children: e.email })
             ] })
           ] });
         }
@@ -65,7 +65,7 @@ const M = {
         accessorKey: "status",
         cell: (a) => {
           const e = a.row.original;
-          return /* @__PURE__ */ n("div", { className: "flex items-center", children: /* @__PURE__ */ n(K, { className: M[e.status], children: /* @__PURE__ */ n("span", { className: "capitalize", children: e.status }) }) });
+          return /* @__PURE__ */ t("div", { className: "flex items-center", children: /* @__PURE__ */ t(K, { className: M[e.status], children: /* @__PURE__ */ t("span", { className: "capitalize", children: e.status }) }) });
         }
       },
       {
@@ -74,8 +74,8 @@ const M = {
         cell: (a) => {
           const e = a.row.original;
           return /* @__PURE__ */ s("div", { className: "flex flex-col", children: [
-            /* @__PURE__ */ n("span", { className: "font-semibold", children: u.unix(e.lastOnline).format("MMMM, D YYYY") }),
-            /* @__PURE__ */ n("small", { children: u.unix(e.lastOnline).format("hh:mm A") })
+            /* @__PURE__ */ t("span", { className: "font-semibold", children: u.unix(e.lastOnline).format("MMMM, D YYYY") }),
+            /* @__PURE__ */ t("small", { children: u.unix(e.lastOnline).format("hh:mm A") })
           ] });
         }
       },
@@ -84,9 +84,8 @@ const M = {
         accessorKey: "role",
         size: 70,
         cell: (a) => {
-          var r;
           const e = a.row.original;
-          return /* @__PURE__ */ n(
+          return /* @__PURE__ */ t(
             f,
             {
               renderTitle: /* @__PURE__ */ s(
@@ -95,21 +94,21 @@ const M = {
                   className: "inline-flex items-center gap-2 py-2 px-4 rounded-lg hover:bg-gray-100 hover:dark:bg-gray-700 cursor-pointer",
                   role: "button",
                   children: [
-                    /* @__PURE__ */ n("span", { className: "font-bold heading-text", children: (r = i.find(
-                      (t) => t.id === e.role
-                    )) == null ? void 0 : r.name }),
-                    /* @__PURE__ */ n(L, {})
+                    /* @__PURE__ */ t("span", { className: "font-bold heading-text", children: i.find(
+                      (n) => n.id === e.role
+                    )?.name }),
+                    /* @__PURE__ */ t(L, {})
                   ]
                 }
               ),
-              children: i.filter((t) => t.id !== e.role).map((t) => /* @__PURE__ */ n(
+              children: i.filter((n) => n.id !== e.role).map((n) => /* @__PURE__ */ t(
                 f.Item,
                 {
-                  eventKey: t.id,
-                  onClick: () => N(t.id, e.id),
-                  children: t.name
+                  eventKey: n.id,
+                  onClick: () => N(n.id, e.id),
+                  children: n.name
                 },
-                t.id
+                n.id
               ))
             }
           );
@@ -119,7 +118,7 @@ const M = {
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [i, l]
   );
-  return /* @__PURE__ */ n(
+  return /* @__PURE__ */ t(
     A,
     {
       selectable: !0,
@@ -131,8 +130,8 @@ const M = {
       loading: p,
       pagingData: {
         total: g,
-        pageIndex: o.pageIndex,
-        pageSize: o.pageSize
+        pageIndex: r.pageIndex,
+        pageSize: r.pageSize
       },
       checkboxChecked: (a) => c.some((e) => e.id === a.id),
       hoverable: !1,

package/dist/@ecme/views/concepts/accounts/RolesPermissions/components/RolesPermissionsUserTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"RolesPermissionsUserTable.js","sources":["../../../../../../../lib/@ecme/views/concepts/accounts/RolesPermissions/components/RolesPermissionsUserTable.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport Avatar from '@/components/ui/Avatar'\nimport Tag from '@/components/ui/Tag'\nimport Dropdown from '@/components/ui/Dropdown'\nimport DataTable from '@/components/shared/DataTable'\nimport { useRolePermissionsStore } from '../store/rolePermissionsStore'\nimport dayjs from 'dayjs'\nimport cloneDeep from 'lodash/cloneDeep'\nimport { TbChevronDown } from 'react-icons/tb'\nimport type {\n    User,\n    Users,\n    MutateRolesPermissionsUsersResponse,\n    Roles,\n} from '../types'\nimport type { OnSortParam, ColumnDef, Row } from '@/components/shared/DataTable'\nimport type { TableQueries } from '@/@types/common'\n\ntype RolesPermissionsUserTableProps = {\n    isLoading: boolean\n    userList: Users\n    roleList: Roles\n    userListTotal: number\n    mutate: MutateRolesPermissionsUsersResponse\n}\n\nconst statusColor: Record<string, string> = {\n    active: 'bg-emerald-200 dark:bg-emerald-200 text-gray-900 dark:text-gray-900',\n    blocked: 'bg-red-200 dark:bg-red-200 text-gray-900 dark:text-gray-900',\n}\n\nconst RolesPermissionsUserTable = (props: RolesPermissionsUserTableProps) => {\n    const { userList, userListTotal, isLoading, roleList, mutate } = props\n\n    const {\n        tableData,\n        selectedUser,\n        setTableData,\n        setSelectedUser,\n        setSelectAllUser,\n    } = useRolePermissionsStore()\n\n    const handleSetTableData = (data: TableQueries) => {\n        setTableData(data)\n        if (selectedUser.length > 0) {\n            setSelectAllUser([])\n        }\n    }\n\n    const handlePaginationChange = (page: number) => {\n        const newTableData = cloneDeep(tableData)\n        newTableData.pageIndex = page\n        handleSetTableData(newTableData)\n    }\n\n    const handleSelectChange = (value: number) => {\n        const newTableData = cloneDeep(tableData)\n        newTableData.pageSize = Number(value)\n        newTableData.pageIndex = 1\n        handleSetTableData(newTableData)\n    }\n\n    const handleSort = (sort: OnSortParam) => {\n        const newTableData = cloneDeep(tableData)\n        newTableData.sort = sort\n        handleSetTableData(newTableData)\n    }\n\n    const handleRowSelect = (checked: boolean, row: User) => {\n        setSelectedUser(checked, row)\n    }\n\n    const handleAllRowSelect = (checked: boolean, rows: Row<User>[]) => {\n        if (checked) {\n            const originalRows = rows.map((row) => row.original)\n            setSelectAllUser(originalRows)\n        } else {\n            setSelectAllUser([])\n        }\n    }\n\n    const handleRoleChange = (role: string, id: string) => {\n        const newUserList = structuredClone(userList).map((user) => {\n            if (user.id === id) {\n                user.role = role\n            }\n\n            return user\n        })\n\n        mutate(\n            { list: newUserList, total: userListTotal - selectedUser.length },\n            false,\n        )\n    }\n\n    const columns: ColumnDef<User>[] = useMemo(\n        () => [\n            {\n                header: 'Name',\n                accessorKey: 'name',\n                cell: (props) => {\n                    const row = props.row.original\n                    return (\n                        <div className=\"flex items-center gap-2\">\n                            <Avatar size={40} shape=\"circle\" src={row.img} />\n                            <div>\n                                <div className=\"font-bold heading-text\">\n                                    {row.name}\n                                </div>\n                                <div>{row.email}</div>\n                            </div>\n                        </div>\n                    )\n                },\n            },\n            {\n                header: 'Status',\n                accessorKey: 'status',\n                cell: (props) => {\n                    const row = props.row.original\n                    return (\n                        <div className=\"flex items-center\">\n                            <Tag className={statusColor[row.status]}>\n                                <span className=\"capitalize\">{row.status}</span>\n                            </Tag>\n                        </div>\n                    )\n                },\n            },\n            {\n                header: 'Last online',\n                accessorKey: 'lastOnline',\n                cell: (props) => {\n                    const row = props.row.original\n                    return (\n                        <div className=\"flex flex-col\">\n                            <span className=\"font-semibold\">\n                                {dayjs\n                                    .unix(row.lastOnline)\n                                    .format('MMMM, D YYYY')}\n                            </span>\n                            <small>\n                                {dayjs.unix(row.lastOnline).format('hh:mm A')}\n                            </small>\n                        </div>\n                    )\n                },\n            },\n            {\n                header: 'Role',\n                accessorKey: 'role',\n                size: 70,\n                cell: (props) => {\n                    const row = props.row.original\n                    return (\n                        <Dropdown\n                            renderTitle={\n                                <div\n                                    className=\"inline-flex items-center gap-2 py-2 px-4 rounded-lg hover:bg-gray-100 hover:dark:bg-gray-700 cursor-pointer\"\n                                    role=\"button\"\n                                >\n                                    <span className=\"font-bold heading-text\">\n                                        {\n                                            roleList.find(\n                                                (role) => role.id === row.role,\n                                            )?.name\n                                        }\n                                    </span>\n                                    <TbChevronDown />\n                                </div>\n                            }\n                        >\n                            {roleList\n                                .filter((role) => role.id !== row.role)\n                                .map((role) => (\n                                    <Dropdown.Item\n                                        key={role.id}\n                                        eventKey={role.id}\n                                        onClick={() =>\n                                            handleRoleChange(role.id, row.id)\n                                        }\n                                    >\n                                        {role.name}\n                                    </Dropdown.Item>\n                                ))}\n                        </Dropdown>\n                    )\n                },\n            },\n        ],\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n        [roleList, userList],\n    )\n\n    return (\n        <DataTable\n            selectable\n            columns={columns}\n            data={userList}\n            noData={!isLoading && userList.length === 0}\n            skeletonAvatarColumns={[0]}\n            skeletonAvatarProps={{ width: 28, height: 28 }}\n            loading={isLoading}\n            pagingData={{\n                total: userListTotal,\n                pageIndex: tableData.pageIndex as number,\n                pageSize: tableData.pageSize as number,\n            }}\n            checkboxChecked={(row) =>\n                selectedUser.some((selected) => selected.id === row.id)\n            }\n            hoverable={false}\n            onPaginationChange={handlePaginationChange}\n            onSelectChange={handleSelectChange}\n            onSort={handleSort}\n            onCheckBoxChange={handleRowSelect}\n            onIndeterminateCheckBoxChange={handleAllRowSelect}\n        />\n    )\n}\n\nexport default RolesPermissionsUserTable\n"],"names":["statusColor","RolesPermissionsUserTable","props","userList","userListTotal","isLoading","roleList","mutate","tableData","selectedUser","setTableData","setSelectedUser","setSelectAllUser","useRolePermissionsStore","handleSetTableData","data","handlePaginationChange","page","newTableData","cloneDeep","handleSelectChange","value","handleSort","sort","handleRowSelect","checked","row","handleAllRowSelect","rows","originalRows","handleRoleChange","role","id","newUserList","user","columns","useMemo","jsxs","jsx","Avatar","Tag","dayjs","Dropdown","_a","TbChevronDown","DataTable","selected"],"mappings":"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"}
+{"version":3,"file":"RolesPermissionsUserTable.js","sources":["../../../../../../../lib/@ecme/views/concepts/accounts/RolesPermissions/components/RolesPermissionsUserTable.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport Avatar from '@/components/ui/Avatar'\nimport Tag from '@/components/ui/Tag'\nimport Dropdown from '@/components/ui/Dropdown'\nimport DataTable from '@/components/shared/DataTable'\nimport { useRolePermissionsStore } from '../store/rolePermissionsStore'\nimport dayjs from 'dayjs'\nimport cloneDeep from 'lodash/cloneDeep'\nimport { TbChevronDown } from 'react-icons/tb'\nimport type {\n    User,\n    Users,\n    MutateRolesPermissionsUsersResponse,\n    Roles,\n} from '../types'\nimport type { OnSortParam, ColumnDef, Row } from '@/components/shared/DataTable'\nimport type { TableQueries } from '@/@types/common'\n\ntype RolesPermissionsUserTableProps = {\n    isLoading: boolean\n    userList: Users\n    roleList: Roles\n    userListTotal: number\n    mutate: MutateRolesPermissionsUsersResponse\n}\n\nconst statusColor: Record<string, string> = {\n    active: 'bg-emerald-200 dark:bg-emerald-200 text-gray-900 dark:text-gray-900',\n    blocked: 'bg-red-200 dark:bg-red-200 text-gray-900 dark:text-gray-900',\n}\n\nconst RolesPermissionsUserTable = (props: RolesPermissionsUserTableProps) => {\n    const { userList, userListTotal, isLoading, roleList, mutate } = props\n\n    const {\n        tableData,\n        selectedUser,\n        setTableData,\n        setSelectedUser,\n        setSelectAllUser,\n    } = useRolePermissionsStore()\n\n    const handleSetTableData = (data: TableQueries) => {\n        setTableData(data)\n        if (selectedUser.length > 0) {\n            setSelectAllUser([])\n        }\n    }\n\n    const handlePaginationChange = (page: number) => {\n        const newTableData = cloneDeep(tableData)\n        newTableData.pageIndex = page\n        handleSetTableData(newTableData)\n    }\n\n    const handleSelectChange = (value: number) => {\n        const newTableData = cloneDeep(tableData)\n        newTableData.pageSize = Number(value)\n        newTableData.pageIndex = 1\n        handleSetTableData(newTableData)\n    }\n\n    const handleSort = (sort: OnSortParam) => {\n        const newTableData = cloneDeep(tableData)\n        newTableData.sort = sort\n        handleSetTableData(newTableData)\n    }\n\n    const handleRowSelect = (checked: boolean, row: User) => {\n        setSelectedUser(checked, row)\n    }\n\n    const handleAllRowSelect = (checked: boolean, rows: Row<User>[]) => {\n        if (checked) {\n            const originalRows = rows.map((row) => row.original)\n            setSelectAllUser(originalRows)\n        } else {\n            setSelectAllUser([])\n        }\n    }\n\n    const handleRoleChange = (role: string, id: string) => {\n        const newUserList = structuredClone(userList).map((user) => {\n            if (user.id === id) {\n                user.role = role\n            }\n\n            return user\n        })\n\n        mutate(\n            { list: newUserList, total: userListTotal - selectedUser.length },\n            false,\n        )\n    }\n\n    const columns: ColumnDef<User>[] = useMemo(\n        () => [\n            {\n                header: 'Name',\n                accessorKey: 'name',\n                cell: (props) => {\n                    const row = props.row.original\n                    return (\n                        <div className=\"flex items-center gap-2\">\n                            <Avatar size={40} shape=\"circle\" src={row.img} />\n                            <div>\n                                <div className=\"font-bold heading-text\">\n                                    {row.name}\n                                </div>\n                                <div>{row.email}</div>\n                            </div>\n                        </div>\n                    )\n                },\n            },\n            {\n                header: 'Status',\n                accessorKey: 'status',\n                cell: (props) => {\n                    const row = props.row.original\n                    return (\n                        <div className=\"flex items-center\">\n                            <Tag className={statusColor[row.status]}>\n                                <span className=\"capitalize\">{row.status}</span>\n                            </Tag>\n                        </div>\n                    )\n                },\n            },\n            {\n                header: 'Last online',\n                accessorKey: 'lastOnline',\n                cell: (props) => {\n                    const row = props.row.original\n                    return (\n                        <div className=\"flex flex-col\">\n                            <span className=\"font-semibold\">\n                                {dayjs\n                                    .unix(row.lastOnline)\n                                    .format('MMMM, D YYYY')}\n                            </span>\n                            <small>\n                                {dayjs.unix(row.lastOnline).format('hh:mm A')}\n                            </small>\n                        </div>\n                    )\n                },\n            },\n            {\n                header: 'Role',\n                accessorKey: 'role',\n                size: 70,\n                cell: (props) => {\n                    const row = props.row.original\n                    return (\n                        <Dropdown\n                            renderTitle={\n                                <div\n                                    className=\"inline-flex items-center gap-2 py-2 px-4 rounded-lg hover:bg-gray-100 hover:dark:bg-gray-700 cursor-pointer\"\n                                    role=\"button\"\n                                >\n                                    <span className=\"font-bold heading-text\">\n                                        {\n                                            roleList.find(\n                                                (role) => role.id === row.role,\n                                            )?.name\n                                        }\n                                    </span>\n                                    <TbChevronDown />\n                                </div>\n                            }\n                        >\n                            {roleList\n                                .filter((role) => role.id !== row.role)\n                                .map((role) => (\n                                    <Dropdown.Item\n                                        key={role.id}\n                                        eventKey={role.id}\n                                        onClick={() =>\n                                            handleRoleChange(role.id, row.id)\n                                        }\n                                    >\n                                        {role.name}\n                                    </Dropdown.Item>\n                                ))}\n                        </Dropdown>\n                    )\n                },\n            },\n        ],\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n        [roleList, userList],\n    )\n\n    return (\n        <DataTable\n            selectable\n            columns={columns}\n            data={userList}\n            noData={!isLoading && userList.length === 0}\n            skeletonAvatarColumns={[0]}\n            skeletonAvatarProps={{ width: 28, height: 28 }}\n            loading={isLoading}\n            pagingData={{\n                total: userListTotal,\n                pageIndex: tableData.pageIndex as number,\n                pageSize: tableData.pageSize as number,\n            }}\n            checkboxChecked={(row) =>\n                selectedUser.some((selected) => selected.id === row.id)\n            }\n            hoverable={false}\n            onPaginationChange={handlePaginationChange}\n            onSelectChange={handleSelectChange}\n            onSort={handleSort}\n            onCheckBoxChange={handleRowSelect}\n            onIndeterminateCheckBoxChange={handleAllRowSelect}\n        />\n    )\n}\n\nexport default RolesPermissionsUserTable\n"],"names":["statusColor","RolesPermissionsUserTable","props","userList","userListTotal","isLoading","roleList","mutate","tableData","selectedUser","setTableData","setSelectedUser","setSelectAllUser","useRolePermissionsStore","handleSetTableData","data","handlePaginationChange","page","newTableData","cloneDeep","handleSelectChange","value","handleSort","sort","handleRowSelect","checked","row","handleAllRowSelect","rows","originalRows","handleRoleChange","role","id","newUserList","user","columns","useMemo","jsxs","jsx","Avatar","Tag","dayjs","Dropdown","TbChevronDown","DataTable","selected"],"mappings":"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"}

package/dist/@ecme/views/concepts/accounts/RolesPermissions/hooks/useRolePermissonsUsers.js

@@ -1,8 +1,8 @@
 import { apiGetRolesPermissionsUsers as u } from "../../../../../services/AccontsService.js";
 import { useRolePermissionsStore as f } from "../store/rolePermissionsStore.js";
 import m from "swr";
-function L() {
-  const { tableData: s, filterData: t } = f(), { data: e, isLoading: r, error: o, mutate: i } = m(
+function v() {
+  const { tableData: s, filterData: t } = f(), { data: e, isLoading: a, error: r, mutate: o } = m(
     ["/api/rbac/user", { ...s, ...t }],
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     ([c, n]) => u(n),
@@ -11,16 +11,16 @@ function L() {
       revalidateIfStale: !1,
       revalidateOnReconnect: !1
     }
-  ), a = (e == null ? void 0 : e.list) || [], l = (e == null ? void 0 : e.total) || 0;
+  ), i = e?.list || [], l = e?.total || 0;
   return {
-    userList: a,
+    userList: i,
     userListTotal: l,
-    error: o,
-    isLoading: r,
-    mutate: i
+    error: r,
+    isLoading: a,
+    mutate: o
   };
 }
 export {
-  L as default
+  v as default
 };
 //# sourceMappingURL=useRolePermissonsUsers.js.map

package/dist/@ecme/views/concepts/accounts/RolesPermissions/hooks/useRolePermissonsUsers.js.map

@@ -1 +1 @@
-{"version":3,"file":"useRolePermissonsUsers.js","sources":["../../../../../../../lib/@ecme/views/concepts/accounts/RolesPermissions/hooks/useRolePermissonsUsers.ts"],"sourcesContent":["import { apiGetRolesPermissionsUsers } from '@/services/AccontsService'\nimport { useRolePermissionsStore } from '../store/rolePermissionsStore'\nimport useSWR from 'swr'\nimport type { GetRolesPermissionsUsersResponse } from '../types'\nimport type { TableQueries } from '@/@types/common'\n\nexport default function useRolePermissonsUsers() {\n    const { tableData, filterData } = useRolePermissionsStore()\n\n    const { data, isLoading, error, mutate } = useSWR(\n        ['/api/rbac/user', { ...tableData, ...filterData }],\n        // eslint-disable-next-line @typescript-eslint/no-unused-vars\n        ([_, params]) =>\n            apiGetRolesPermissionsUsers<\n                GetRolesPermissionsUsersResponse,\n                TableQueries\n            >(params),\n        {\n            revalidateOnFocus: false,\n            revalidateIfStale: false,\n            revalidateOnReconnect: false,\n        },\n    )\n\n    const userList = data?.list || []\n\n    const userListTotal = data?.total || 0\n\n    return {\n        userList,\n        userListTotal,\n        error,\n        isLoading,\n        mutate,\n    }\n}\n"],"names":["useRolePermissonsUsers","tableData","filterData","useRolePermissionsStore","data","isLoading","error","mutate","useSWR","_","params","apiGetRolesPermissionsUsers","userList","userListTotal"],"mappings":";;;AAMA,SAAwBA,IAAyB;AAC7C,QAAM,EAAE,WAAAC,GAAW,YAAAC,EAAA,IAAeC,EAAA,GAE5B,EAAE,MAAAC,GAAM,WAAAC,GAAW,OAAAC,GAAO,QAAAC,MAAWC;AAAA,IACvC,CAAC,kBAAkB,EAAE,GAAGP,GAAW,GAAGC,GAAY;AAAA;AAAA,IAElD,CAAC,CAACO,GAAGC,CAAM,MACPC,EAGED,CAAM;AAAA,IACZ;AAAA,MACI,mBAAmB;AAAA,MACnB,mBAAmB;AAAA,MACnB,uBAAuB;AAAA,IAAA;AAAA,EAC3B,GAGEE,KAAWR,KAAA,gBAAAA,EAAM,SAAQ,CAAA,GAEzBS,KAAgBT,KAAA,gBAAAA,EAAM,UAAS;AAErC,SAAO;AAAA,IACH,UAAAQ;AAAA,IACA,eAAAC;AAAA,IACA,OAAAP;AAAA,IACA,WAAAD;AAAA,IACA,QAAAE;AAAA,EAAA;AAER;"}
+{"version":3,"file":"useRolePermissonsUsers.js","sources":["../../../../../../../lib/@ecme/views/concepts/accounts/RolesPermissions/hooks/useRolePermissonsUsers.ts"],"sourcesContent":["import { apiGetRolesPermissionsUsers } from '@/services/AccontsService'\nimport { useRolePermissionsStore } from '../store/rolePermissionsStore'\nimport useSWR from 'swr'\nimport type { GetRolesPermissionsUsersResponse } from '../types'\nimport type { TableQueries } from '@/@types/common'\n\nexport default function useRolePermissonsUsers() {\n    const { tableData, filterData } = useRolePermissionsStore()\n\n    const { data, isLoading, error, mutate } = useSWR(\n        ['/api/rbac/user', { ...tableData, ...filterData }],\n        // eslint-disable-next-line @typescript-eslint/no-unused-vars\n        ([_, params]) =>\n            apiGetRolesPermissionsUsers<\n                GetRolesPermissionsUsersResponse,\n                TableQueries\n            >(params),\n        {\n            revalidateOnFocus: false,\n            revalidateIfStale: false,\n            revalidateOnReconnect: false,\n        },\n    )\n\n    const userList = data?.list || []\n\n    const userListTotal = data?.total || 0\n\n    return {\n        userList,\n        userListTotal,\n        error,\n        isLoading,\n        mutate,\n    }\n}\n"],"names":["useRolePermissonsUsers","tableData","filterData","useRolePermissionsStore","data","isLoading","error","mutate","useSWR","_","params","apiGetRolesPermissionsUsers","userList","userListTotal"],"mappings":";;;AAMA,SAAwBA,IAAyB;AAC7C,QAAM,EAAE,WAAAC,GAAW,YAAAC,EAAA,IAAeC,EAAA,GAE5B,EAAE,MAAAC,GAAM,WAAAC,GAAW,OAAAC,GAAO,QAAAC,MAAWC;AAAA,IACvC,CAAC,kBAAkB,EAAE,GAAGP,GAAW,GAAGC,GAAY;AAAA;AAAA,IAElD,CAAC,CAACO,GAAGC,CAAM,MACPC,EAGED,CAAM;AAAA,IACZ;AAAA,MACI,mBAAmB;AAAA,MACnB,mBAAmB;AAAA,MACnB,uBAAuB;AAAA,IAAA;AAAA,EAC3B,GAGEE,IAAWR,GAAM,QAAQ,CAAA,GAEzBS,IAAgBT,GAAM,SAAS;AAErC,SAAO;AAAA,IACH,UAAAQ;AAAA,IACA,eAAAC;AAAA,IACA,OAAAP;AAAA,IACA,WAAAD;AAAA,IACA,QAAAE;AAAA,EAAA;AAER;"}

package/dist/@ecme/views/concepts/accounts/Settings/components/SettingMobileMenu.js

@@ -1,20 +1,19 @@
-import { jsx as e, Fragment as n } from "react/jsx-runtime";
-import { useRef as o } from "react";
-import i from "../../../../../components/shared/ToggleDrawer.js";
-import { SettingsMenu as l } from "./SettingsMenu.js";
-const g = () => {
-  const r = o(null);
-  return /* @__PURE__ */ e(n, { children: /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(i, { ref: r, title: "Navigation", children: /* @__PURE__ */ e(
-    l,
+import { jsx as e, Fragment as t } from "react/jsx-runtime";
+import { useRef as n } from "react";
+import o from "../../../../../components/shared/ToggleDrawer.js";
+import { SettingsMenu as i } from "./SettingsMenu.js";
+const d = () => {
+  const r = n(null);
+  return /* @__PURE__ */ e(t, { children: /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(o, { ref: r, title: "Navigation", children: /* @__PURE__ */ e(
+    i,
     {
       onChange: () => {
-        var t;
-        (t = r.current) == null || t.handleCloseDrawer();
+        r.current?.handleCloseDrawer();
       }
     }
   ) }) }) });
 };
 export {
-  g as default
+  d as default
 };
 //# sourceMappingURL=SettingMobileMenu.js.map

package/dist/@ecme/views/concepts/accounts/Settings/components/SettingMobileMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"SettingMobileMenu.js","sources":["../../../../../../../lib/@ecme/views/concepts/accounts/Settings/components/SettingMobileMenu.tsx"],"sourcesContent":["import { useRef } from 'react'\nimport ToggleDrawer from '@/components/shared/ToggleDrawer'\nimport SettingsMenu from './SettingsMenu'\nimport type { ToggleDrawerRef } from '@/components/shared/ToggleDrawer'\n\nconst SettingMobileMenu = () => {\n    const drawerRef = useRef<ToggleDrawerRef>(null)\n\n    return (\n        <>\n            <div>\n                <ToggleDrawer ref={drawerRef} title=\"Navigation\">\n                    <SettingsMenu\n                        onChange={() => {\n                            drawerRef.current?.handleCloseDrawer()\n                        }}\n                    />\n                </ToggleDrawer>\n            </div>\n        </>\n    )\n}\n\nexport default SettingMobileMenu\n"],"names":["SettingMobileMenu","drawerRef","useRef","jsx","Fragment","ToggleDrawer","SettingsMenu","_a"],"mappings":";;;;AAKA,MAAMA,IAAoB,MAAM;AAC5B,QAAMC,IAAYC,EAAwB,IAAI;AAE9C,SACI,gBAAAC,EAAAC,GAAA,EACI,4BAAC,OAAA,EACG,UAAA,gBAAAD,EAACE,KAAa,KAAKJ,GAAW,OAAM,cAChC,UAAA,gBAAAE;AAAA,IAACG;AAAA,IAAA;AAAA,MACG,UAAU,MAAM;;AACZ,SAAAC,IAAAN,EAAU,YAAV,QAAAM,EAAmB;AAAA,MACvB;AAAA,IAAA;AAAA,EAAA,EACJ,CACJ,GACJ,GACJ;AAER;"}
+{"version":3,"file":"SettingMobileMenu.js","sources":["../../../../../../../lib/@ecme/views/concepts/accounts/Settings/components/SettingMobileMenu.tsx"],"sourcesContent":["import { useRef } from 'react'\nimport ToggleDrawer from '@/components/shared/ToggleDrawer'\nimport SettingsMenu from './SettingsMenu'\nimport type { ToggleDrawerRef } from '@/components/shared/ToggleDrawer'\n\nconst SettingMobileMenu = () => {\n    const drawerRef = useRef<ToggleDrawerRef>(null)\n\n    return (\n        <>\n            <div>\n                <ToggleDrawer ref={drawerRef} title=\"Navigation\">\n                    <SettingsMenu\n                        onChange={() => {\n                            drawerRef.current?.handleCloseDrawer()\n                        }}\n                    />\n                </ToggleDrawer>\n            </div>\n        </>\n    )\n}\n\nexport default SettingMobileMenu\n"],"names":["SettingMobileMenu","drawerRef","useRef","jsx","Fragment","ToggleDrawer","SettingsMenu"],"mappings":";;;;AAKA,MAAMA,IAAoB,MAAM;AAC5B,QAAMC,IAAYC,EAAwB,IAAI;AAE9C,SACI,gBAAAC,EAAAC,GAAA,EACI,4BAAC,OAAA,EACG,UAAA,gBAAAD,EAACE,KAAa,KAAKJ,GAAW,OAAM,cAChC,UAAA,gBAAAE;AAAA,IAACG;AAAA,IAAA;AAAA,MACG,UAAU,MAAM;AACZ,QAAAL,EAAU,SAAS,kBAAA;AAAA,MACvB;AAAA,IAAA;AAAA,EAAA,EACJ,CACJ,GACJ,GACJ;AAER;"}

package/dist/@ecme/views/concepts/accounts/Settings/components/SettingsBilling.js

@@ -1,28 +1,28 @@
 import { jsx as e, jsxs as t } from "react/jsx-runtime";
-import { useState as b } from "react";
+import { useState as N } from "react";
 import "../../../../../components/ui/Button/index.js";
 import "../../../../../components/ui/Tag/index.js";
-import { Avatar as x } from "../../../../../components/ui/Avatar/index.js";
+import { Avatar as b } from "../../../../../components/ui/Avatar/index.js";
 import "../../../../../components/ui/Notification/index.js";
 import "../../../../../components/ui/toast/index.js";
 import "../../../../../components/view/CreditCardDialog/index.js";
-import v from "./BillingHistory.js";
-import { apiGetSettingsBilling as C } from "../../../../../services/AccontsService.js";
-import S from "../../../../../utils/classNames.js";
-import P from "../../../../../utils/isLastChild.js";
-import c from "../../../../../utils/sleep.js";
-import { TbPlus as E } from "react-icons/tb";
-import I from "swr";
-import M from "dayjs";
-import { useNavigate as D } from "react-router-dom";
-import { PiLightningFill as O } from "react-icons/pi";
-import { NumericFormat as A } from "react-number-format";
-import o from "../../../../../components/ui/toast/toast.js";
-import m from "../../../../../components/ui/Notification/Notification.js";
-import p from "../../../../../components/ui/Tag/Tag.js";
+import x from "./BillingHistory.js";
+import { apiGetSettingsBilling as v } from "../../../../../services/AccontsService.js";
+import C from "../../../../../utils/classNames.js";
+import S from "../../../../../utils/isLastChild.js";
+import d from "../../../../../utils/sleep.js";
+import { TbPlus as P } from "react-icons/tb";
+import E from "swr";
+import I from "dayjs";
+import { useNavigate as M } from "react-router-dom";
+import { PiLightningFill as D } from "react-icons/pi";
+import { NumericFormat as O } from "react-number-format";
+import c from "../../../../../components/ui/toast/toast.js";
+import o from "../../../../../components/ui/Notification/Notification.js";
+import m from "../../../../../components/ui/Tag/Tag.js";
 import s from "../../../../../components/ui/Button/Button.js";
-import T from "../../../../../components/view/CreditCardDialog/CreditCardDialog.js";
-const k = [
+import A from "../../../../../components/view/CreditCardDialog/CreditCardDialog.js";
+const T = [
   "Jan",
   "Feb",
   "Mar",
@@ -35,9 +35,8 @@ const k = [
   "Oct",
   "Nov",
   "Dec"
-], ie = () => {
-  var d;
-  const h = D(), [r, n] = b({
+], ae = () => {
+  const p = M(), [r, n] = N({
     type: "",
     dialogOpen: !1,
     cardInfo: {}
@@ -53,15 +52,15 @@ const k = [
       paymentMethods: [],
       transactionHistory: []
     }
-  } = I(
+  } = E(
     "/api/settings/billing/",
-    () => C(),
+    () => v(),
     {
       revalidateOnFocus: !1,
       revalidateIfStale: !1,
       revalidateOnReconnect: !1
     }
-  ), u = (a) => {
+  ), h = (a) => {
     n({
       type: "EDIT",
       dialogOpen: !0,
@@ -73,35 +72,35 @@ const k = [
       dialogOpen: !1,
       cardInfo: {}
     });
-  }, g = async () => {
-    await c(500), l(), o.push(
-      /* @__PURE__ */ e(m, { type: "success", children: "Credit card updated!" }),
+  }, u = async () => {
+    await d(500), l(), c.push(
+      /* @__PURE__ */ e(o, { type: "success", children: "Credit card updated!" }),
       { placement: "top-center" }
     );
-  }, f = async (a) => {
-    console.log("Submitted values", a), await c(500), l(), o.push(
-      /* @__PURE__ */ e(m, { type: "success", children: "Credit card added!" }),
+  }, g = async (a) => {
+    console.log("Submitted values", a), await d(500), l(), c.push(
+      /* @__PURE__ */ e(o, { type: "success", children: "Credit card added!" }),
       { placement: "top-center" }
     );
-  }, y = () => {
-    h("/concepts/account/pricing?subcription=basic&cycle=monthly");
+  }, f = () => {
+    p("/concepts/account/pricing?subcription=basic&cycle=monthly");
   };
   return /* @__PURE__ */ t("div", { children: [
     /* @__PURE__ */ e("h4", { className: "mb-4", children: "Billing" }),
     /* @__PURE__ */ e("div", { className: "bg-gray-100 dark:bg-gray-700 rounded-xl p-6", children: /* @__PURE__ */ t("div", { className: "flex flex-col lg:flex-row lg:items-center justify-between gap-4", children: [
       /* @__PURE__ */ t("div", { className: "flex items-center gap-3", children: [
         /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
-          x,
+          b,
           {
             className: "bg-emerald-500",
             shape: "circle",
-            icon: /* @__PURE__ */ e(O, {})
+            icon: /* @__PURE__ */ e(D, {})
           }
         ) }),
         /* @__PURE__ */ t("div", { children: [
           /* @__PURE__ */ t("div", { className: "flex items-center gap-2", children: [
             /* @__PURE__ */ e("h6", { className: "font-bold", children: i.currentPlan.plan }),
-            /* @__PURE__ */ e(p, { className: "bg-success-subtle text-success rounded-md border-0", children: /* @__PURE__ */ e("span", { className: "capitalize", children: i.currentPlan.status }) })
+            /* @__PURE__ */ e(m, { className: "bg-success-subtle text-success rounded-md border-0", children: /* @__PURE__ */ e("span", { className: "capitalize", children: i.currentPlan.status }) })
           ] }),
           /* @__PURE__ */ t("div", { className: "font-semibold", children: [
             /* @__PURE__ */ t("span", { children: [
@@ -112,14 +111,14 @@ const k = [
             /* @__PURE__ */ t("span", { children: [
               "Next payment on",
               " ",
-              M.unix(
+              I.unix(
                 i.currentPlan.nextPaymentDate || 0
               ).format("MM/DD/YYYY")
             ] }),
             /* @__PURE__ */ t("span", { children: [
               /* @__PURE__ */ e("span", { className: "mx-1", children: "for" }),
               /* @__PURE__ */ e(
-                A,
+                O,
                 {
                   className: "font-bold heading-text",
                   displayType: "text",
@@ -139,7 +138,7 @@ const k = [
         {
           size: "sm",
           variant: "solid",
-          onClick: y,
+          onClick: f,
           children: "Change plan"
         }
       ) })
@@ -147,12 +146,12 @@ const k = [
     /* @__PURE__ */ t("div", { className: "mt-8", children: [
       /* @__PURE__ */ e("h5", { children: "Payment method" }),
       /* @__PURE__ */ t("div", { children: [
-        (d = i.paymentMethods) == null ? void 0 : d.map((a, N) => /* @__PURE__ */ t(
+        i.paymentMethods?.map((a, y) => /* @__PURE__ */ t(
           "div",
           {
-            className: S(
+            className: C(
               "flex items-center justify-between p-4",
-              !P(i.paymentMethods, N) && "border-b border-gray-200 dark:border-gray-600"
+              !S(i.paymentMethods, y) && "border-b border-gray-200 dark:border-gray-600"
             ),
             children: [
               /* @__PURE__ */ t("div", { className: "flex items-center", children: [
@@ -178,7 +177,7 @@ const k = [
                       " ",
                       a.last4Number
                     ] }),
-                    a.primary && /* @__PURE__ */ e(p, { className: "bg-primary-subtle text-primary rounded-md border-0 mx-2", children: /* @__PURE__ */ t("span", { className: "capitalize", children: [
+                    a.primary && /* @__PURE__ */ e(m, { className: "bg-primary-subtle text-primary rounded-md border-0 mx-2", children: /* @__PURE__ */ t("span", { className: "capitalize", children: [
                       " ",
                       "Primary",
                       " "
@@ -187,7 +186,7 @@ const k = [
                   /* @__PURE__ */ t("span", { children: [
                     "Expired",
                     " ",
-                    k[parseInt(a.expMonth) - 1],
+                    T[parseInt(a.expMonth) - 1],
                     " 20",
                     a.expYear
                   ] })
@@ -198,7 +197,7 @@ const k = [
                 {
                   size: "sm",
                   type: "button",
-                  onClick: () => u(a),
+                  onClick: () => h(a),
                   children: "Edit"
                 }
               ) })
@@ -210,7 +209,7 @@ const k = [
           s,
           {
             variant: "plain",
-            icon: /* @__PURE__ */ e(E, {}),
+            icon: /* @__PURE__ */ e(P, {}),
             onClick: () => {
               n({
                 type: "NEW",
@@ -226,7 +225,7 @@ const k = [
     /* @__PURE__ */ t("div", { className: "mt-8", children: [
       /* @__PURE__ */ e("h5", { children: "Transaction history" }),
       /* @__PURE__ */ e(
-        v,
+        x,
         {
           className: "mt-4",
           data: i.transactionHistory
@@ -234,18 +233,18 @@ const k = [
       )
     ] }),
     /* @__PURE__ */ e(
-      T,
+      A,
       {
         title: r.type === "NEW" ? "Add credit card" : "Edit credit card",
         defaultValues: r.cardInfo,
         dialogOpen: r.dialogOpen,
         onDialogClose: l,
-        onSubmit: r.type === "NEW" ? (a) => f(a) : g
+        onSubmit: r.type === "NEW" ? (a) => g(a) : u
       }
     )
   ] });
 };
 export {
-  ie as default
+  ae as default
 };
 //# sourceMappingURL=SettingsBilling.js.map

package/dist/@ecme/views/concepts/accounts/Settings/components/SettingsBilling.js.map

@@ -1 +1 @@
-{"version":3,"file":"SettingsBilling.js","sources":["../../../../../../../lib/@ecme/views/concepts/accounts/Settings/components/SettingsBilling.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Button from '@/components/ui/Button'\nimport Tag from '@/components/ui/Tag'\nimport Avatar from '@/components/ui/Avatar'\nimport Notification from '@/components/ui/Notification'\nimport toast from '@/components/ui/toast'\nimport CreditCardDialog from '@/components/view/CreditCardDialog'\nimport BillingHistory from './BillingHistory'\nimport { apiGetSettingsBilling } from '@/services/AccontsService'\nimport classNames from '@/utils/classNames'\nimport isLastChild from '@/utils/isLastChild'\nimport sleep from '@/utils/sleep'\nimport { TbPlus } from 'react-icons/tb'\nimport useSWR from 'swr'\nimport dayjs from 'dayjs'\nimport { useNavigate } from 'react-router-dom'\nimport { PiLightningFill } from 'react-icons/pi'\nimport { NumericFormat } from 'react-number-format'\n\nimport type {\n    GetSettingsBillingResponse,\n    CreditCard,\n    CreditCardInfo,\n} from '../types'\n\nconst months = [\n    'Jan',\n    'Feb',\n    'Mar',\n    'Apr',\n    'May',\n    'Jun',\n    'Jul',\n    'Aug',\n    'Sep',\n    'Oct',\n    'Nov',\n    'Dec',\n]\n\nconst SettingsBilling = () => {\n    const navigate = useNavigate()\n\n    const [selectedCard, setSelectedCard] = useState<{\n        type: 'NEW' | 'EDIT' | ''\n        dialogOpen: boolean\n        cardInfo: Partial<CreditCardInfo>\n    }>({\n        type: '',\n        dialogOpen: false,\n        cardInfo: {},\n    })\n\n    const {\n        data = {\n            currentPlan: {\n                plan: '',\n                status: '',\n                billingCycle: '',\n                nextPaymentDate: null,\n                amount: null,\n            },\n            paymentMethods: [],\n            transactionHistory: [],\n        },\n    } = useSWR(\n        '/api/settings/billing/',\n        () => apiGetSettingsBilling<GetSettingsBillingResponse>(),\n        {\n            revalidateOnFocus: false,\n            revalidateIfStale: false,\n            revalidateOnReconnect: false,\n        },\n    )\n\n    const handleEditCreditCard = (card: Partial<CreditCard>) => {\n        setSelectedCard({\n            type: 'EDIT',\n            dialogOpen: true,\n            cardInfo: card,\n        })\n    }\n\n    const handleCreditCardDialogClose = () => {\n        setSelectedCard({\n            type: '',\n            dialogOpen: false,\n            cardInfo: {},\n        })\n    }\n\n    const handleEditCreditCardSubmit = async () => {\n        await sleep(500)\n        handleCreditCardDialogClose()\n        toast.push(\n            <Notification type=\"success\">Credit card updated!</Notification>,\n            { placement: 'top-center' },\n        )\n    }\n\n    const handleAddCreditCardSubmit = async (values: CreditCard) => {\n        console.log('Submitted values', values)\n        await sleep(500)\n        handleCreditCardDialogClose()\n        toast.push(\n            <Notification type=\"success\">Credit card added!</Notification>,\n            { placement: 'top-center' },\n        )\n    }\n\n    const handleChangePlan = () => {\n        navigate('/concepts/account/pricing?subcription=basic&cycle=monthly')\n    }\n\n    return (\n        <div>\n            <h4 className=\"mb-4\">Billing</h4>\n            <div className=\"bg-gray-100 dark:bg-gray-700 rounded-xl p-6\">\n                <div className=\"flex flex-col lg:flex-row lg:items-center justify-between gap-4\">\n                    <div className=\"flex items-center gap-3\">\n                        <div>\n                            <Avatar\n                                className=\"bg-emerald-500\"\n                                shape=\"circle\"\n                                icon={<PiLightningFill />}\n                            />\n                        </div>\n                        <div>\n                            <div className=\"flex items-center gap-2\">\n                                <h6 className=\"font-bold\">\n                                    {data.currentPlan.plan}\n                                </h6>\n                                <Tag className=\"bg-success-subtle text-success rounded-md border-0\">\n                                    <span className=\"capitalize\">\n                                        {data.currentPlan.status}\n                                    </span>\n                                </Tag>\n                            </div>\n                            <div className=\"font-semibold\">\n                                <span>\n                                    Billing {data.currentPlan.billingCycle}\n                                </span>\n                                <span> | </span>\n                                <span>\n                                    Next payment on{' '}\n                                    {dayjs\n                                        .unix(\n                                            (data.currentPlan\n                                                .nextPaymentDate as number) ||\n                                                0,\n                                        )\n                                        .format('MM/DD/YYYY')}\n                                </span>\n                                <span>\n                                    <span className=\"mx-1\">for</span>\n                                    <NumericFormat\n                                        className=\"font-bold heading-text\"\n                                        displayType=\"text\"\n                                        value={(\n                                            Math.round(\n                                                (data.currentPlan.amount || 0) *\n                                                    100,\n                                            ) / 100\n                                        ).toFixed(2)}\n                                        prefix={'$'}\n                                        thousandSeparator={true}\n                                    />\n                                </span>\n                            </div>\n                        </div>\n                    </div>\n                    <div className=\"flex\">\n                        <Button\n                            size=\"sm\"\n                            variant=\"solid\"\n                            onClick={handleChangePlan}\n                        >\n                            Change plan\n                        </Button>\n                    </div>\n                </div>\n            </div>\n            <div className=\"mt-8\">\n                <h5>Payment method</h5>\n                <div>\n                    {data.paymentMethods?.map((card, index) => (\n                        <div\n                            key={card.cardId}\n                            className={classNames(\n                                'flex items-center justify-between p-4',\n                                !isLastChild(data.paymentMethods, index) &&\n                                    'border-b border-gray-200 dark:border-gray-600',\n                            )}\n                        >\n                            <div className=\"flex items-center\">\n                                {card.cardType === 'VISA' && (\n                                    <img\n                                        src=\"/img/others/img-8.png\"\n                                        alt=\"visa\"\n                                    />\n                                )}\n                                {card.cardType === 'MASTER' && (\n                                    <img\n                                        src=\"/img/others/img-9.png\"\n                                        alt=\"master\"\n                                    />\n                                )}\n                                <div className=\"ml-3 rtl:mr-3\">\n                                    <div className=\"flex items-center\">\n                                        <div className=\"text-gray-900 dark:text-gray-100 font-semibold\">\n                                            {card.cardHolderName} ••••{' '}\n                                            {card.last4Number}\n                                        </div>\n                                        {card.primary && (\n                                            <Tag className=\"bg-primary-subtle text-primary rounded-md border-0 mx-2\">\n                                                <span className=\"capitalize\">\n                                                    {' '}\n                                                    Primary{' '}\n                                                </span>\n                                            </Tag>\n                                        )}\n                                    </div>\n                                    <span>\n                                        Expired{' '}\n                                        {months[parseInt(card.expMonth) - 1]} 20\n                                        {card.expYear}\n                                    </span>\n                                </div>\n                            </div>\n                            <div className=\"flex\">\n                                <Button\n                                    size=\"sm\"\n                                    type=\"button\"\n                                    onClick={() => handleEditCreditCard(card)}\n                                >\n                                    Edit\n                                </Button>\n                            </div>\n                        </div>\n                    ))}\n                    <Button\n                        variant=\"plain\"\n                        icon={<TbPlus />}\n                        onClick={() => {\n                            setSelectedCard({\n                                type: 'NEW',\n                                dialogOpen: true,\n                                cardInfo: {},\n                            })\n                        }}\n                    >\n                        Add payment method\n                    </Button>\n                </div>\n            </div>\n            <div className=\"mt-8\">\n                <h5>Transaction history</h5>\n                <BillingHistory\n                    className=\"mt-4\"\n                    data={data.transactionHistory}\n                />\n            </div>\n            <CreditCardDialog\n                title={\n                    selectedCard.type === 'NEW'\n                        ? 'Add credit card'\n                        : 'Edit credit card'\n                }\n                defaultValues={selectedCard.cardInfo as CreditCard}\n                dialogOpen={selectedCard.dialogOpen}\n                onDialogClose={handleCreditCardDialogClose}\n                onSubmit={\n                    selectedCard.type === 'NEW'\n                        ? (values) =>\n                              handleAddCreditCardSubmit(values as CreditCard)\n                        : handleEditCreditCardSubmit\n                }\n            />\n        </div>\n    )\n}\n\nexport default SettingsBilling\n"],"names":["months","SettingsBilling","navigate","useNavigate","selectedCard","setSelectedCard","useState","data","useSWR","apiGetSettingsBilling","handleEditCreditCard","card","handleCreditCardDialogClose","handleEditCreditCardSubmit","sleep","toast","jsx","Notification","handleAddCreditCardSubmit","values","handleChangePlan","jsxs","Avatar","PiLightningFill","Tag","dayjs","NumericFormat","Button","_a","index","classNames","isLastChild","TbPlus","BillingHistory","CreditCardDialog"],"mappings":"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"}
+{"version":3,"file":"SettingsBilling.js","sources":["../../../../../../../lib/@ecme/views/concepts/accounts/Settings/components/SettingsBilling.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Button from '@/components/ui/Button'\nimport Tag from '@/components/ui/Tag'\nimport Avatar from '@/components/ui/Avatar'\nimport Notification from '@/components/ui/Notification'\nimport toast from '@/components/ui/toast'\nimport CreditCardDialog from '@/components/view/CreditCardDialog'\nimport BillingHistory from './BillingHistory'\nimport { apiGetSettingsBilling } from '@/services/AccontsService'\nimport classNames from '@/utils/classNames'\nimport isLastChild from '@/utils/isLastChild'\nimport sleep from '@/utils/sleep'\nimport { TbPlus } from 'react-icons/tb'\nimport useSWR from 'swr'\nimport dayjs from 'dayjs'\nimport { useNavigate } from 'react-router-dom'\nimport { PiLightningFill } from 'react-icons/pi'\nimport { NumericFormat } from 'react-number-format'\n\nimport type {\n    GetSettingsBillingResponse,\n    CreditCard,\n    CreditCardInfo,\n} from '../types'\n\nconst months = [\n    'Jan',\n    'Feb',\n    'Mar',\n    'Apr',\n    'May',\n    'Jun',\n    'Jul',\n    'Aug',\n    'Sep',\n    'Oct',\n    'Nov',\n    'Dec',\n]\n\nconst SettingsBilling = () => {\n    const navigate = useNavigate()\n\n    const [selectedCard, setSelectedCard] = useState<{\n        type: 'NEW' | 'EDIT' | ''\n        dialogOpen: boolean\n        cardInfo: Partial<CreditCardInfo>\n    }>({\n        type: '',\n        dialogOpen: false,\n        cardInfo: {},\n    })\n\n    const {\n        data = {\n            currentPlan: {\n                plan: '',\n                status: '',\n                billingCycle: '',\n                nextPaymentDate: null,\n                amount: null,\n            },\n            paymentMethods: [],\n            transactionHistory: [],\n        },\n    } = useSWR(\n        '/api/settings/billing/',\n        () => apiGetSettingsBilling<GetSettingsBillingResponse>(),\n        {\n            revalidateOnFocus: false,\n            revalidateIfStale: false,\n            revalidateOnReconnect: false,\n        },\n    )\n\n    const handleEditCreditCard = (card: Partial<CreditCard>) => {\n        setSelectedCard({\n            type: 'EDIT',\n            dialogOpen: true,\n            cardInfo: card,\n        })\n    }\n\n    const handleCreditCardDialogClose = () => {\n        setSelectedCard({\n            type: '',\n            dialogOpen: false,\n            cardInfo: {},\n        })\n    }\n\n    const handleEditCreditCardSubmit = async () => {\n        await sleep(500)\n        handleCreditCardDialogClose()\n        toast.push(\n            <Notification type=\"success\">Credit card updated!</Notification>,\n            { placement: 'top-center' },\n        )\n    }\n\n    const handleAddCreditCardSubmit = async (values: CreditCard) => {\n        console.log('Submitted values', values)\n        await sleep(500)\n        handleCreditCardDialogClose()\n        toast.push(\n            <Notification type=\"success\">Credit card added!</Notification>,\n            { placement: 'top-center' },\n        )\n    }\n\n    const handleChangePlan = () => {\n        navigate('/concepts/account/pricing?subcription=basic&cycle=monthly')\n    }\n\n    return (\n        <div>\n            <h4 className=\"mb-4\">Billing</h4>\n            <div className=\"bg-gray-100 dark:bg-gray-700 rounded-xl p-6\">\n                <div className=\"flex flex-col lg:flex-row lg:items-center justify-between gap-4\">\n                    <div className=\"flex items-center gap-3\">\n                        <div>\n                            <Avatar\n                                className=\"bg-emerald-500\"\n                                shape=\"circle\"\n                                icon={<PiLightningFill />}\n                            />\n                        </div>\n                        <div>\n                            <div className=\"flex items-center gap-2\">\n                                <h6 className=\"font-bold\">\n                                    {data.currentPlan.plan}\n                                </h6>\n                                <Tag className=\"bg-success-subtle text-success rounded-md border-0\">\n                                    <span className=\"capitalize\">\n                                        {data.currentPlan.status}\n                                    </span>\n                                </Tag>\n                            </div>\n                            <div className=\"font-semibold\">\n                                <span>\n                                    Billing {data.currentPlan.billingCycle}\n                                </span>\n                                <span> | </span>\n                                <span>\n                                    Next payment on{' '}\n                                    {dayjs\n                                        .unix(\n                                            (data.currentPlan\n                                                .nextPaymentDate as number) ||\n                                                0,\n                                        )\n                                        .format('MM/DD/YYYY')}\n                                </span>\n                                <span>\n                                    <span className=\"mx-1\">for</span>\n                                    <NumericFormat\n                                        className=\"font-bold heading-text\"\n                                        displayType=\"text\"\n                                        value={(\n                                            Math.round(\n                                                (data.currentPlan.amount || 0) *\n                                                    100,\n                                            ) / 100\n                                        ).toFixed(2)}\n                                        prefix={'$'}\n                                        thousandSeparator={true}\n                                    />\n                                </span>\n                            </div>\n                        </div>\n                    </div>\n                    <div className=\"flex\">\n                        <Button\n                            size=\"sm\"\n                            variant=\"solid\"\n                            onClick={handleChangePlan}\n                        >\n                            Change plan\n                        </Button>\n                    </div>\n                </div>\n            </div>\n            <div className=\"mt-8\">\n                <h5>Payment method</h5>\n                <div>\n                    {data.paymentMethods?.map((card, index) => (\n                        <div\n                            key={card.cardId}\n                            className={classNames(\n                                'flex items-center justify-between p-4',\n                                !isLastChild(data.paymentMethods, index) &&\n                                    'border-b border-gray-200 dark:border-gray-600',\n                            )}\n                        >\n                            <div className=\"flex items-center\">\n                                {card.cardType === 'VISA' && (\n                                    <img\n                                        src=\"/img/others/img-8.png\"\n                                        alt=\"visa\"\n                                    />\n                                )}\n                                {card.cardType === 'MASTER' && (\n                                    <img\n                                        src=\"/img/others/img-9.png\"\n                                        alt=\"master\"\n                                    />\n                                )}\n                                <div className=\"ml-3 rtl:mr-3\">\n                                    <div className=\"flex items-center\">\n                                        <div className=\"text-gray-900 dark:text-gray-100 font-semibold\">\n                                            {card.cardHolderName} ••••{' '}\n                                            {card.last4Number}\n                                        </div>\n                                        {card.primary && (\n                                            <Tag className=\"bg-primary-subtle text-primary rounded-md border-0 mx-2\">\n                                                <span className=\"capitalize\">\n                                                    {' '}\n                                                    Primary{' '}\n                                                </span>\n                                            </Tag>\n                                        )}\n                                    </div>\n                                    <span>\n                                        Expired{' '}\n                                        {months[parseInt(card.expMonth) - 1]} 20\n                                        {card.expYear}\n                                    </span>\n                                </div>\n                            </div>\n                            <div className=\"flex\">\n                                <Button\n                                    size=\"sm\"\n                                    type=\"button\"\n                                    onClick={() => handleEditCreditCard(card)}\n                                >\n                                    Edit\n                                </Button>\n                            </div>\n                        </div>\n                    ))}\n                    <Button\n                        variant=\"plain\"\n                        icon={<TbPlus />}\n                        onClick={() => {\n                            setSelectedCard({\n                                type: 'NEW',\n                                dialogOpen: true,\n                                cardInfo: {},\n                            })\n                        }}\n                    >\n                        Add payment method\n                    </Button>\n                </div>\n            </div>\n            <div className=\"mt-8\">\n                <h5>Transaction history</h5>\n                <BillingHistory\n                    className=\"mt-4\"\n                    data={data.transactionHistory}\n                />\n            </div>\n            <CreditCardDialog\n                title={\n                    selectedCard.type === 'NEW'\n                        ? 'Add credit card'\n                        : 'Edit credit card'\n                }\n                defaultValues={selectedCard.cardInfo as CreditCard}\n                dialogOpen={selectedCard.dialogOpen}\n                onDialogClose={handleCreditCardDialogClose}\n                onSubmit={\n                    selectedCard.type === 'NEW'\n                        ? (values) =>\n                              handleAddCreditCardSubmit(values as CreditCard)\n                        : handleEditCreditCardSubmit\n                }\n            />\n        </div>\n    )\n}\n\nexport default SettingsBilling\n"],"names":["months","SettingsBilling","navigate","useNavigate","selectedCard","setSelectedCard","useState","data","useSWR","apiGetSettingsBilling","handleEditCreditCard","card","handleCreditCardDialogClose","handleEditCreditCardSubmit","sleep","toast","jsx","Notification","handleAddCreditCardSubmit","values","handleChangePlan","jsxs","Avatar","PiLightningFill","Tag","dayjs","NumericFormat","Button","index","classNames","isLastChild","TbPlus","BillingHistory","CreditCardDialog"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAyBA,MAAMA,IAAS;AAAA,EACX;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,GAEMC,KAAkB,MAAM;AAC1B,QAAMC,IAAWC,EAAA,GAEX,CAACC,GAAcC,CAAe,IAAIC,EAIrC;AAAA,IACC,MAAM;AAAA,IACN,YAAY;AAAA,IACZ,UAAU,CAAA;AAAA,EAAC,CACd,GAEK;AAAA,IACF,MAAAC,IAAO;AAAA,MACH,aAAa;AAAA,QACT,MAAM;AAAA,QACN,QAAQ;AAAA,QACR,cAAc;AAAA,QACd,iBAAiB;AAAA,QACjB,QAAQ;AAAA,MAAA;AAAA,MAEZ,gBAAgB,CAAA;AAAA,MAChB,oBAAoB,CAAA;AAAA,IAAC;AAAA,EACzB,IACAC;AAAA,IACA;AAAA,IACA,MAAMC,EAAA;AAAA,IACN;AAAA,MACI,mBAAmB;AAAA,MACnB,mBAAmB;AAAA,MACnB,uBAAuB;AAAA,IAAA;AAAA,EAC3B,GAGEC,IAAuB,CAACC,MAA8B;AACxD,IAAAN,EAAgB;AAAA,MACZ,MAAM;AAAA,MACN,YAAY;AAAA,MACZ,UAAUM;AAAA,IAAA,CACb;AAAA,EACL,GAEMC,IAA8B,MAAM;AACtC,IAAAP,EAAgB;AAAA,MACZ,MAAM;AAAA,MACN,YAAY;AAAA,MACZ,UAAU,CAAA;AAAA,IAAC,CACd;AAAA,EACL,GAEMQ,IAA6B,YAAY;AAC3C,UAAMC,EAAM,GAAG,GACfF,EAAA,GACAG,EAAM;AAAA,MACF,gBAAAC,EAACC,GAAA,EAAa,MAAK,WAAU,UAAA,wBAAoB;AAAA,MACjD,EAAE,WAAW,aAAA;AAAA,IAAa;AAAA,EAElC,GAEMC,IAA4B,OAAOC,MAAuB;AAC5D,YAAQ,IAAI,oBAAoBA,CAAM,GACtC,MAAML,EAAM,GAAG,GACfF,EAAA,GACAG,EAAM;AAAA,MACF,gBAAAC,EAACC,GAAA,EAAa,MAAK,WAAU,UAAA,sBAAkB;AAAA,MAC/C,EAAE,WAAW,aAAA;AAAA,IAAa;AAAA,EAElC,GAEMG,IAAmB,MAAM;AAC3B,IAAAlB,EAAS,2DAA2D;AAAA,EACxE;AAEA,2BACK,OAAA,EACG,UAAA;AAAA,IAAA,gBAAAc,EAAC,MAAA,EAAG,WAAU,QAAO,UAAA,WAAO;AAAA,sBAC3B,OAAA,EAAI,WAAU,+CACX,UAAA,gBAAAK,EAAC,OAAA,EAAI,WAAU,mEACX,UAAA;AAAA,MAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,2BACX,UAAA;AAAA,QAAA,gBAAAL,EAAC,OAAA,EACG,UAAA,gBAAAA;AAAA,UAACM;AAAA,UAAA;AAAA,YACG,WAAU;AAAA,YACV,OAAM;AAAA,YACN,wBAAOC,GAAA,CAAA,CAAgB;AAAA,UAAA;AAAA,QAAA,GAE/B;AAAA,0BACC,OAAA,EACG,UAAA;AAAA,UAAA,gBAAAF,EAAC,OAAA,EAAI,WAAU,2BACX,UAAA;AAAA,YAAA,gBAAAL,EAAC,MAAA,EAAG,WAAU,aACT,UAAAT,EAAK,YAAY,MACtB;AAAA,YACA,gBAAAS,EAACQ,GAAA,EAAI,WAAU,sDACX,UAAA,gBAAAR,EAAC,QAAA,EAAK,WAAU,cACX,UAAAT,EAAK,YAAY,OAAA,CACtB,EAAA,CACJ;AAAA,UAAA,GACJ;AAAA,UACA,gBAAAc,EAAC,OAAA,EAAI,WAAU,iBACX,UAAA;AAAA,YAAA,gBAAAA,EAAC,QAAA,EAAK,UAAA;AAAA,cAAA;AAAA,cACOd,EAAK,YAAY;AAAA,YAAA,GAC9B;AAAA,YACA,gBAAAS,EAAC,UAAK,UAAA,MAAA,CAAG;AAAA,8BACR,QAAA,EAAK,UAAA;AAAA,cAAA;AAAA,cACc;AAAA,cACfS,EACI;AAAA,gBACIlB,EAAK,YACD,mBACD;AAAA,cAAA,EAEP,OAAO,YAAY;AAAA,YAAA,GAC5B;AAAA,8BACC,QAAA,EACG,UAAA;AAAA,cAAA,gBAAAS,EAAC,QAAA,EAAK,WAAU,QAAO,UAAA,OAAG;AAAA,cAC1B,gBAAAA;AAAA,gBAACU;AAAA,gBAAA;AAAA,kBACG,WAAU;AAAA,kBACV,aAAY;AAAA,kBACZ,QACI,KAAK;AAAA,qBACAnB,EAAK,YAAY,UAAU,KACxB;AAAA,kBAAA,IACJ,KACN,QAAQ,CAAC;AAAA,kBACX,QAAQ;AAAA,kBACR,mBAAmB;AAAA,gBAAA;AAAA,cAAA;AAAA,YACvB,EAAA,CACJ;AAAA,UAAA,EAAA,CACJ;AAAA,QAAA,EAAA,CACJ;AAAA,MAAA,GACJ;AAAA,MACA,gBAAAS,EAAC,OAAA,EAAI,WAAU,QACX,UAAA,gBAAAA;AAAA,QAACW;AAAA,QAAA;AAAA,UACG,MAAK;AAAA,UACL,SAAQ;AAAA,UACR,SAASP;AAAA,UACZ,UAAA;AAAA,QAAA;AAAA,MAAA,EAED,CACJ;AAAA,IAAA,EAAA,CACJ,EAAA,CACJ;AAAA,IACA,gBAAAC,EAAC,OAAA,EAAI,WAAU,QACX,UAAA;AAAA,MAAA,gBAAAL,EAAC,QAAG,UAAA,iBAAA,CAAc;AAAA,wBACjB,OAAA,EACI,UAAA;AAAA,QAAAT,EAAK,gBAAgB,IAAI,CAACI,GAAMiB,MAC7B,gBAAAP;AAAA,UAAC;AAAA,UAAA;AAAA,YAEG,WAAWQ;AAAA,cACP;AAAA,cACA,CAACC,EAAYvB,EAAK,gBAAgBqB,CAAK,KACnC;AAAA,YAAA;AAAA,YAGR,UAAA;AAAA,cAAA,gBAAAP,EAAC,OAAA,EAAI,WAAU,qBACV,UAAA;AAAA,gBAAAV,EAAK,aAAa,UACf,gBAAAK;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACG,KAAI;AAAA,oBACJ,KAAI;AAAA,kBAAA;AAAA,gBAAA;AAAA,gBAGXL,EAAK,aAAa,YACf,gBAAAK;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACG,KAAI;AAAA,oBACJ,KAAI;AAAA,kBAAA;AAAA,gBAAA;AAAA,gBAGZ,gBAAAK,EAAC,OAAA,EAAI,WAAU,iBACX,UAAA;AAAA,kBAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,qBACX,UAAA;AAAA,oBAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,kDACV,UAAA;AAAA,sBAAAV,EAAK;AAAA,sBAAe;AAAA,sBAAM;AAAA,sBAC1BA,EAAK;AAAA,oBAAA,GACV;AAAA,oBACCA,EAAK,WACF,gBAAAK,EAACQ,GAAA,EAAI,WAAU,2DACX,UAAA,gBAAAH,EAAC,QAAA,EAAK,WAAU,cACX,UAAA;AAAA,sBAAA;AAAA,sBAAI;AAAA,sBACG;AAAA,oBAAA,EAAA,CACZ,EAAA,CACJ;AAAA,kBAAA,GAER;AAAA,oCACC,QAAA,EAAK,UAAA;AAAA,oBAAA;AAAA,oBACM;AAAA,oBACPrB,EAAO,SAASW,EAAK,QAAQ,IAAI,CAAC;AAAA,oBAAE;AAAA,oBACpCA,EAAK;AAAA,kBAAA,EAAA,CACV;AAAA,gBAAA,EAAA,CACJ;AAAA,cAAA,GACJ;AAAA,cACA,gBAAAK,EAAC,OAAA,EAAI,WAAU,QACX,UAAA,gBAAAA;AAAA,gBAACW;AAAA,gBAAA;AAAA,kBACG,MAAK;AAAA,kBACL,MAAK;AAAA,kBACL,SAAS,MAAMjB,EAAqBC,CAAI;AAAA,kBAC3C,UAAA;AAAA,gBAAA;AAAA,cAAA,EAED,CACJ;AAAA,YAAA;AAAA,UAAA;AAAA,UAlDKA,EAAK;AAAA,QAAA,CAoDjB;AAAA,QACD,gBAAAK;AAAA,UAACW;AAAA,UAAA;AAAA,YACG,SAAQ;AAAA,YACR,wBAAOI,GAAA,EAAO;AAAA,YACd,SAAS,MAAM;AACX,cAAA1B,EAAgB;AAAA,gBACZ,MAAM;AAAA,gBACN,YAAY;AAAA,gBACZ,UAAU,CAAA;AAAA,cAAC,CACd;AAAA,YACL;AAAA,YACH,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MAED,EAAA,CACJ;AAAA,IAAA,GACJ;AAAA,IACA,gBAAAgB,EAAC,OAAA,EAAI,WAAU,QACX,UAAA;AAAA,MAAA,gBAAAL,EAAC,QAAG,UAAA,sBAAA,CAAmB;AAAA,MACvB,gBAAAA;AAAA,QAACgB;AAAA,QAAA;AAAA,UACG,WAAU;AAAA,UACV,MAAMzB,EAAK;AAAA,QAAA;AAAA,MAAA;AAAA,IACf,GACJ;AAAA,IACA,gBAAAS;AAAA,MAACiB;AAAA,MAAA;AAAA,QACG,OACI7B,EAAa,SAAS,QAChB,oBACA;AAAA,QAEV,eAAeA,EAAa;AAAA,QAC5B,YAAYA,EAAa;AAAA,QACzB,eAAeQ;AAAA,QACf,UACIR,EAAa,SAAS,QAChB,CAACe,MACGD,EAA0BC,CAAoB,IAClDN;AAAA,MAAA;AAAA,IAAA;AAAA,EAEd,GACJ;AAER;"}