@orbe-agro/client-core 3.4.10 → 3.4.11

package/dist/lib/@ecme/views/concepts/accounts/RolesPermissions/RolesPermissions.js

@@ -0,0 +1,64 @@
+import { jsxs as e, Fragment as n, jsx as s } from "react/jsx-runtime";
+import a from "../../../../components/shared/Container.js";
+import c from "./components/RolesPermissionsGroups.js";
+import d from "./components/RolesPermissionsGroupsAction.js";
+import u from "./components/RolesPermissionsUserAction.js";
+import f from "./components/RolesPermissionsUserTable.js";
+import p from "./components/RolesPermissionsUserSelected.js";
+import h from "./components/RolesPermissionsAccessDialog.js";
+import R from "./hooks/useRolePermissonsUsers.js";
+import P from "./hooks/useRolePermissonsRoles.js";
+const M = () => {
+  const {
+    userList: o,
+    userListTotal: r,
+    isLoading: t,
+    mutate: m
+  } = R(), { roleList: i, mutate: l } = P();
+  return /* @__PURE__ */ e(n, { children: [
+    /* @__PURE__ */ e(a, { children: [
+      /* @__PURE__ */ e("div", { className: "mb-6", children: [
+        /* @__PURE__ */ e("div", { className: "flex items-center justify-between mb-6", children: [
+          /* @__PURE__ */ s("h3", { children: "Roles & Permissions" }),
+          /* @__PURE__ */ s(d, {})
+        ] }),
+        /* @__PURE__ */ s("div", { className: "mb-10", children: /* @__PURE__ */ s(c, { roleList: i }) })
+      ] }),
+      /* @__PURE__ */ s("div", { children: /* @__PURE__ */ e("div", { children: [
+        /* @__PURE__ */ e("div", { className: "mb-6 flex flex-col gap-5", children: [
+          /* @__PURE__ */ s("h3", { children: "All accounts" }),
+          /* @__PURE__ */ s("div", { className: "flex-1", children: /* @__PURE__ */ s(u, {}) })
+        ] }),
+        /* @__PURE__ */ s(
+          f,
+          {
+            userList: o,
+            userListTotal: r,
+            isLoading: t,
+            mutate: m,
+            roleList: i
+          }
+        )
+      ] }) })
+    ] }),
+    /* @__PURE__ */ s(
+      h,
+      {
+        roleList: i,
+        mutate: l
+      }
+    ),
+    /* @__PURE__ */ s(
+      p,
+      {
+        userList: o,
+        userListTotal: r,
+        mutate: m
+      }
+    )
+  ] });
+};
+export {
+  M as default
+};
+//# sourceMappingURL=RolesPermissions.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RolesPermissions.js","sources":["../../../../../../../lib/@ecme/views/concepts/accounts/RolesPermissions/RolesPermissions.tsx"],"sourcesContent":["import Container from '@/components/shared/Container'\nimport RolesPermissionsGroups from './components/RolesPermissionsGroups'\nimport RolesPermissionsGroupsAction from './components/RolesPermissionsGroupsAction'\nimport RolesPermissionsUserAction from './components/RolesPermissionsUserAction'\nimport RolesPermissionsUserTable from './components/RolesPermissionsUserTable'\nimport RolesPermissionsUserSelected from './components/RolesPermissionsUserSelected'\nimport RolesPermissionsAccessDialog from './components/RolesPermissionsAccessDialog'\nimport useRolePermissonsUsers from './hooks/useRolePermissonsUsers'\nimport useRolePermissonsRoles from './hooks/useRolePermissonsRoles'\n\nconst RolesPermissions = () => {\n    const {\n        userList,\n        userListTotal,\n        isLoading: userLoading,\n        mutate: userMutate,\n    } = useRolePermissonsUsers()\n    const { roleList, mutate: roleMutate } = useRolePermissonsRoles()\n\n    return (\n        <>\n            <Container>\n                <div className=\"mb-6\">\n                    <div className=\"flex items-center justify-between mb-6\">\n                        <h3>Roles & Permissions</h3>\n                        <RolesPermissionsGroupsAction />\n                    </div>\n                    <div className=\"mb-10\">\n                        <RolesPermissionsGroups roleList={roleList} />\n                    </div>\n                </div>\n                <div>\n                    <div>\n                        <div className=\"mb-6 flex flex-col gap-5\">\n                            <h3>All accounts</h3>\n                            <div className=\"flex-1\">\n                                <RolesPermissionsUserAction />\n                            </div>\n                        </div>\n                        <RolesPermissionsUserTable\n                            userList={userList}\n                            userListTotal={userListTotal}\n                            isLoading={userLoading}\n                            mutate={userMutate}\n                            roleList={roleList}\n                        />\n                    </div>\n                </div>\n            </Container>\n            <RolesPermissionsAccessDialog\n                roleList={roleList}\n                mutate={roleMutate}\n            />\n            <RolesPermissionsUserSelected\n                userList={userList}\n                userListTotal={userListTotal}\n                mutate={userMutate}\n            />\n        </>\n    )\n}\n\nexport default RolesPermissions\n"],"names":["RolesPermissions","userList","userListTotal","userLoading","userMutate","useRolePermissonsUsers","roleList","roleMutate","useRolePermissonsRoles","jsxs","Fragment","Container","jsx","RolesPermissionsGroupsAction","RolesPermissionsGroups","RolesPermissionsUserAction","RolesPermissionsUserTable","RolesPermissionsAccessDialog","RolesPermissionsUserSelected"],"mappings":";;;;;;;;;;AAUA,MAAMA,IAAmB,MAAM;AACrB,QAAA;AAAA,IACF,UAAAC;AAAA,IACA,eAAAC;AAAA,IACA,WAAWC;AAAA,IACX,QAAQC;AAAA,MACRC,EAAuB,GACrB,EAAE,UAAAC,GAAU,QAAQC,EAAA,IAAeC,EAAuB;AAEhE,SAEQ,gBAAAC,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAA,gBAAAD,EAACE,GACG,EAAA,UAAA;AAAA,MAAC,gBAAAF,EAAA,OAAA,EAAI,WAAU,QACX,UAAA;AAAA,QAAC,gBAAAA,EAAA,OAAA,EAAI,WAAU,0CACX,UAAA;AAAA,UAAA,gBAAAG,EAAC,QAAG,UAAmB,sBAAA,CAAA;AAAA,4BACtBC,GAA6B,CAAA,CAAA;AAAA,QAAA,GAClC;AAAA,0BACC,OAAI,EAAA,WAAU,SACX,UAAC,gBAAAD,EAAAE,GAAA,EAAuB,UAAAR,GAAoB,EAChD,CAAA;AAAA,MAAA,GACJ;AAAA,MACA,gBAAAM,EAAC,OACG,EAAA,UAAA,gBAAAH,EAAC,OACG,EAAA,UAAA;AAAA,QAAC,gBAAAA,EAAA,OAAA,EAAI,WAAU,4BACX,UAAA;AAAA,UAAA,gBAAAG,EAAC,QAAG,UAAY,eAAA,CAAA;AAAA,4BACf,OAAI,EAAA,WAAU,UACX,UAAA,gBAAAA,EAACG,KAA2B,EAChC,CAAA;AAAA,QAAA,GACJ;AAAA,QACA,gBAAAH;AAAA,UAACI;AAAA,UAAA;AAAA,YACG,UAAAf;AAAA,YACA,eAAAC;AAAA,YACA,WAAWC;AAAA,YACX,QAAQC;AAAA,YACR,UAAAE;AAAA,UAAA;AAAA,QAAA;AAAA,MACJ,EAAA,CACJ,EACJ,CAAA;AAAA,IAAA,GACJ;AAAA,IACA,gBAAAM;AAAA,MAACK;AAAA,MAAA;AAAA,QACG,UAAAX;AAAA,QACA,QAAQC;AAAA,MAAA;AAAA,IACZ;AAAA,IACA,gBAAAK;AAAA,MAACM;AAAA,MAAA;AAAA,QACG,UAAAjB;AAAA,QACA,eAAAC;AAAA,QACA,QAAQE;AAAA,MAAA;AAAA,IAAA;AAAA,EACZ,GACJ;AAER;"}

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

@@ -0,0 +1,161 @@
+import { jsx as e, jsxs as i, Fragment as b } from "react/jsx-runtime";
+import { useState as A, useRef as g, useMemo as F } from "react";
+import "../../../../../components/ui/Button/index.js";
+import { Avatar as B } from "../../../../../components/ui/Avatar/index.js";
+import { Segment as y } from "../../../../../components/ui/Segment/index.js";
+import "../../../../../components/ui/Dialog/index.js";
+import "../../../../../components/ui/Input/index.js";
+import "../../../../../components/ui/ScrollBar/index.js";
+import "../../../../../components/ui/Form/index.js";
+import P from "../../../../../components/ui/hooks/index.js";
+import { useRolePermissionsStore as q } from "../store/rolePermissionsStore.js";
+import { accessModules as x } from "../constants.js";
+import C from "../../../../../utils/classNames.js";
+import z from "../../../../../utils/isLastChild.js";
+import M from "../../../../../utils/sleep.js";
+import { TbFileChart as O, TbFiles as $, TbSettings as E, TbBox as G, TbUserCog as H, TbCheck as J } from "react-icons/tb";
+import K from "../../../../../components/ui/Dialog/Dialog.js";
+import L from "../../../../../components/ui/ScrollBar/ScrollBar.js";
+import v from "../../../../../components/ui/Form/FormItem.js";
+import N from "../../../../../components/ui/Input/Input.js";
+import p from "../../../../../components/ui/Button/Button.js";
+const Q = {
+  users: /* @__PURE__ */ e(H, {}),
+  products: /* @__PURE__ */ e(G, {}),
+  configurations: /* @__PURE__ */ e(E, {}),
+  files: /* @__PURE__ */ e($, {}),
+  reports: /* @__PURE__ */ e(O, {})
+}, { useUniqueId: V } = P, be = ({
+  roleList: c,
+  mutate: d
+}) => {
+  const { selectedRole: m, setSelectedRole: R, setRoleDialog: w, roleDialog: s } = q(), [k, S] = A({}), f = g(null), h = g(null), u = V("role-"), l = () => {
+    w({
+      type: "",
+      open: !1
+    });
+  }, T = async () => {
+    l(), await M(300), R("");
+  }, I = async () => {
+    var n, t;
+    const r = structuredClone(c);
+    r.push({
+      id: u,
+      name: ((n = f.current) == null ? void 0 : n.value) || `Untitle-${u}`,
+      description: ((t = h.current) == null ? void 0 : t.value) || "",
+      users: [],
+      accessRight: k
+    }), d(r, !1), l();
+  }, a = F(() => c.find((r) => r.id === m), [m, c]), D = (r, n) => {
+    if (s.type === "new" && S((t) => (t[n] = r, t)), s.type === "edit") {
+      const t = structuredClone(c).map((o) => (o.id === m && (o.accessRight[n] = r), o));
+      d(t, !1);
+    }
+  };
+  return /* @__PURE__ */ i(
+    K,
+    {
+      isOpen: s.open,
+      width: 900,
+      onClose: l,
+      onRequestClose: l,
+      children: [
+        /* @__PURE__ */ e("h4", { children: s.type === "new" ? "Create role" : a == null ? void 0 : a.name }),
+        /* @__PURE__ */ e(L, { className: "mt-6 max-h-[600px] overflow-y-auto", children: /* @__PURE__ */ i("div", { className: "px-4", children: [
+          s.type === "new" && /* @__PURE__ */ i(b, { children: [
+            /* @__PURE__ */ e(v, { label: "Role name", children: /* @__PURE__ */ e(N, { ref: f }) }),
+            /* @__PURE__ */ e(v, { label: "Description", children: /* @__PURE__ */ e(N, { ref: h, textArea: !0 }) }),
+            /* @__PURE__ */ e("span", { className: "font-semibold mb-2", children: "Permission" })
+          ] }),
+          x.map((r, n) => /* @__PURE__ */ i(
+            "div",
+            {
+              className: C(
+                "flex flex-col md:flex-row md:items-center justify-between gap-4 py-6 border-gray-200 dark:border-gray-600",
+                !z(x, n) && "border-b"
+              ),
+              children: [
+                /* @__PURE__ */ i("div", { className: "flex items-center gap-4", children: [
+                  /* @__PURE__ */ e(
+                    B,
+                    {
+                      className: "bg-transparent dark:bg-transparent p-2 border-2 border-gray-200 dark:border-gray-600 text-primary",
+                      size: 50,
+                      icon: Q[r.id],
+                      shape: "round"
+                    }
+                  ),
+                  /* @__PURE__ */ i("div", { children: [
+                    /* @__PURE__ */ e("h6", { className: "font-bold", children: r.name }),
+                    /* @__PURE__ */ e("span", { children: r.description })
+                  ] })
+                ] }),
+                /* @__PURE__ */ e("div", { className: "flex items-center gap-4", children: /* @__PURE__ */ e(
+                  y,
+                  {
+                    className: "bg-transparent dark:bg-transparent",
+                    selectionType: "multiple",
+                    value: a == null ? void 0 : a.accessRight[r.id],
+                    onChange: (t) => D(t, r.id),
+                    children: r.accessor.map((t) => /* @__PURE__ */ e(
+                      y.Item,
+                      {
+                        value: t.value,
+                        children: ({
+                          active: o,
+                          onSegmentItemClick: U
+                        }) => /* @__PURE__ */ e(
+                          p,
+                          {
+                            variant: "default",
+                            icon: o ? /* @__PURE__ */ e(J, { className: "text-primary text-xl" }) : /* @__PURE__ */ e(b, {}),
+                            active: o,
+                            type: "button",
+                            className: "md:min-w-[100px]",
+                            size: "sm",
+                            customColorClass: ({
+                              active: j
+                            }) => C(
+                              j && "bg-transparent dark:bg-transparent text-primary border-primary ring-1 ring-primary"
+                            ),
+                            onClick: U,
+                            children: t.label
+                          }
+                        )
+                      },
+                      r.id + t.value
+                    ))
+                  }
+                ) })
+              ]
+            },
+            r.id
+          )),
+          /* @__PURE__ */ i("div", { className: "flex justify-end mt-6", children: [
+            /* @__PURE__ */ e(
+              p,
+              {
+                className: "ltr:mr-2 rtl:ml-2",
+                variant: "plain",
+                onClick: l,
+                children: "Cancel"
+              }
+            ),
+            /* @__PURE__ */ e(
+              p,
+              {
+                variant: "solid",
+                onClick: s.type === "edit" ? T : I,
+                children: s.type === "edit" ? "Update" : "Create"
+              }
+            )
+          ] })
+        ] }) })
+      ]
+    }
+  );
+};
+export {
+  be as default
+};
+//# sourceMappingURL=RolesPermissionsAccessDialog.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RolesPermissionsAccessDialog.js","sources":["../../../../../../../../lib/@ecme/views/concepts/accounts/RolesPermissions/components/RolesPermissionsAccessDialog.tsx"],"sourcesContent":["import { useMemo, useState, useRef } from 'react'\nimport Button from '@/components/ui/Button'\nimport Avatar from '@/components/ui/Avatar'\nimport Segment from '@/components/ui/Segment'\nimport Dialog from '@/components/ui/Dialog'\nimport Input from '@/components/ui/Input'\nimport ScrollBar from '@/components/ui/ScrollBar'\nimport { FormItem } from '@/components/ui/Form'\nimport hooks from '@/components/ui/hooks'\nimport { useRolePermissionsStore } from '../store/rolePermissionsStore'\nimport { accessModules } from '../constants'\nimport classNames from '@/utils/classNames'\nimport isLastChild from '@/utils/isLastChild'\nimport sleep from '@/utils/sleep'\nimport {\n    TbUserCog,\n    TbBox,\n    TbSettings,\n    TbFiles,\n    TbFileChart,\n    TbCheck,\n} from 'react-icons/tb'\nimport type { MutateRolesPermissionsRolesResponse, Roles } from '../types'\nimport type { ReactNode } from 'react'\n\ntype RolesPermissionsAccessDialog = {\n    roleList: Roles\n    mutate: MutateRolesPermissionsRolesResponse\n}\n\nconst moduleIcon: Record<string, ReactNode> = {\n    users: <TbUserCog />,\n    products: <TbBox />,\n    configurations: <TbSettings />,\n    files: <TbFiles />,\n    reports: <TbFileChart />,\n}\n\nconst { useUniqueId } = hooks\n\nconst RolesPermissionsAccessDialog = ({\n    roleList,\n    mutate,\n}: RolesPermissionsAccessDialog) => {\n    const { selectedRole, setSelectedRole, setRoleDialog, roleDialog } =\n        useRolePermissionsStore()\n\n    const [accessRight, setAccessRight] = useState<Record<string, string[]>>({})\n\n    const roleNameRef = useRef<HTMLInputElement>(null)\n    const descriptionRef = useRef<HTMLTextAreaElement>(null)\n\n    const newId = useUniqueId('role-')\n\n    const handleClose = () => {\n        setRoleDialog({\n            type: '',\n            open: false,\n        })\n    }\n\n    const handleUpdate = async () => {\n        handleClose()\n        await sleep(300)\n        setSelectedRole('')\n    }\n\n    const handleSubmit = async () => {\n        const newRoleList = structuredClone(roleList)\n        newRoleList.push({\n            id: newId,\n            name: roleNameRef.current?.value || `Untitle-${newId}`,\n            description: descriptionRef.current?.value || '',\n            users: [],\n            accessRight,\n        })\n        mutate(newRoleList, false)\n        handleClose()\n    }\n\n    const modules = useMemo(() => {\n        return roleList.find((role) => role.id === selectedRole)\n    }, [selectedRole, roleList])\n\n    const handleChange = (accessRight: string[], key: string) => {\n        if (roleDialog.type === 'new') {\n            setAccessRight((value) => {\n                value[key] = accessRight\n                return value\n            })\n        }\n\n        if (roleDialog.type === 'edit') {\n            const newRoleList = structuredClone(roleList).map((role) => {\n                if (role.id === selectedRole) {\n                    role.accessRight[key] = accessRight\n                }\n\n                return role\n            })\n\n            mutate(newRoleList, false)\n        }\n    }\n\n    return (\n        <Dialog\n            isOpen={roleDialog.open}\n            width={900}\n            onClose={handleClose}\n            onRequestClose={handleClose}\n        >\n            <h4>{roleDialog.type === 'new' ? 'Create role' : modules?.name}</h4>\n            <ScrollBar className=\"mt-6 max-h-[600px] overflow-y-auto\">\n                <div className=\"px-4\">\n                    {roleDialog.type === 'new' && (\n                        <>\n                            <FormItem label=\"Role name\">\n                                <Input ref={roleNameRef} />\n                            </FormItem>\n                            <FormItem label=\"Description\">\n                                <Input ref={descriptionRef} textArea />\n                            </FormItem>\n                            <span className=\"font-semibold mb-2\">\n                                Permission\n                            </span>\n                        </>\n                    )}\n                    {accessModules.map((module, index) => (\n                        <div\n                            key={module.id}\n                            className={classNames(\n                                'flex flex-col md:flex-row md:items-center justify-between gap-4 py-6 border-gray-200 dark:border-gray-600',\n                                !isLastChild(accessModules, index) &&\n                                    'border-b',\n                            )}\n                        >\n                            <div className=\"flex items-center gap-4\">\n                                <Avatar\n                                    className=\"bg-transparent dark:bg-transparent p-2 border-2 border-gray-200 dark:border-gray-600 text-primary\"\n                                    size={50}\n                                    icon={moduleIcon[module.id]}\n                                    shape=\"round\"\n                                />\n                                <div>\n                                    <h6 className=\"font-bold\">{module.name}</h6>\n                                    <span>{module.description}</span>\n                                </div>\n                            </div>\n                            <div className=\"flex items-center gap-4\">\n                                <Segment\n                                    className=\"bg-transparent dark:bg-transparent\"\n                                    selectionType=\"multiple\"\n                                    value={modules?.accessRight[module.id]}\n                                    onChange={(val) =>\n                                        handleChange(val as string[], module.id)\n                                    }\n                                >\n                                    {module.accessor.map((access) => (\n                                        <Segment.Item\n                                            key={module.id + access.value}\n                                            value={access.value}\n                                        >\n                                            {({\n                                                active,\n                                                onSegmentItemClick,\n                                            }) => {\n                                                return (\n                                                    <Button\n                                                        variant=\"default\"\n                                                        icon={\n                                                            active ? (\n                                                                <TbCheck className=\"text-primary text-xl\" />\n                                                            ) : (\n                                                                <></>\n                                                            )\n                                                        }\n                                                        active={active}\n                                                        type=\"button\"\n                                                        className=\"md:min-w-[100px]\"\n                                                        size=\"sm\"\n                                                        customColorClass={({\n                                                            active,\n                                                        }) =>\n                                                            classNames(\n                                                                active &&\n                                                                    'bg-transparent dark:bg-transparent text-primary border-primary ring-1 ring-primary',\n                                                            )\n                                                        }\n                                                        onClick={\n                                                            onSegmentItemClick\n                                                        }\n                                                    >\n                                                        {access.label}\n                                                    </Button>\n                                                )\n                                            }}\n                                        </Segment.Item>\n                                    ))}\n                                </Segment>\n                            </div>\n                        </div>\n                    ))}\n                    <div className=\"flex justify-end mt-6\">\n                        <Button\n                            className=\"ltr:mr-2 rtl:ml-2\"\n                            variant=\"plain\"\n                            onClick={handleClose}\n                        >\n                            Cancel\n                        </Button>\n                        <Button\n                            variant=\"solid\"\n                            onClick={\n                                roleDialog.type === 'edit'\n                                    ? handleUpdate\n                                    : handleSubmit\n                            }\n                        >\n                            {roleDialog.type === 'edit' ? 'Update' : 'Create'}\n                        </Button>\n                    </div>\n                </div>\n            </ScrollBar>\n        </Dialog>\n    )\n}\n\nexport default RolesPermissionsAccessDialog\n"],"names":["moduleIcon","TbUserCog","TbBox","TbSettings","TbFiles","TbFileChart","useUniqueId","hooks","RolesPermissionsAccessDialog","roleList","mutate","selectedRole","setSelectedRole","setRoleDialog","roleDialog","useRolePermissionsStore","accessRight","setAccessRight","useState","roleNameRef","useRef","descriptionRef","newId","handleClose","handleUpdate","sleep","handleSubmit","newRoleList","_a","_b","modules","useMemo","role","handleChange","key","value","jsxs","Dialog","jsx","ScrollBar","Fragment","FormItem","Input","accessModules","module","index","classNames","isLastChild","Avatar","Segment","val","access","active","onSegmentItemClick","Button","TbCheck"],"mappings":"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"}

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

@@ -0,0 +1,55 @@
+import { jsx as e, jsxs as r } from "react/jsx-runtime";
+import "../../../../../components/ui/Button/index.js";
+import { useRolePermissionsStore as l } from "../store/rolePermissionsStore.js";
+import d from "../../../../../components/shared/UsersAvatarGroup.js";
+import { TbArrowRight as n } from "react-icons/tb";
+import c from "../../../../../components/ui/Button/Button.js";
+const x = ({ roleList: i }) => {
+  const { setSelectedRole: o, setRoleDialog: t } = l(), a = (s) => {
+    o(s), t({
+      type: "edit",
+      open: !0
+    });
+  };
+  return /* @__PURE__ */ e("div", { className: "grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 xl:grid-cols-4 gap-4", children: i.map((s) => /* @__PURE__ */ r(
+    "div",
+    {
+      className: "flex flex-col justify-between rounded-2xl p-5 bg-gray-100 dark:bg-gray-700 min-h-[140px]",
+      children: [
+        /* @__PURE__ */ e("div", { className: "flex items-center justify-between", children: /* @__PURE__ */ e("h6", { className: "font-bold", children: s.name }) }),
+        /* @__PURE__ */ e("p", { className: "mt-2", children: s.description }),
+        /* @__PURE__ */ r("div", { className: "flex items-center justify-between mt-4", children: [
+          /* @__PURE__ */ e("div", { className: "flex flex-col", children: /* @__PURE__ */ e("div", { className: "-ml-2", children: /* @__PURE__ */ e(
+            d,
+            {
+              avatarProps: {
+                className: "cursor-pointer -mr-2 border-2 border-white dark:border-500",
+                size: 28
+              },
+              avatarGroupProps: { maxCount: 3 },
+              chained: !1,
+              users: s.users
+            }
+          ) }) }),
+          /* @__PURE__ */ e(
+            c,
+            {
+              variant: "plain",
+              size: "sm",
+              className: "py-0 h-auto",
+              icon: /* @__PURE__ */ e(n, {}),
+              iconAlignment: "end",
+              onClick: () => a(s.id),
+              children: "Edit role"
+            }
+          )
+        ] })
+      ]
+    },
+    s.id
+  )) });
+};
+export {
+  x as default
+};
+//# sourceMappingURL=RolesPermissionsGroups.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RolesPermissionsGroups.js","sources":["../../../../../../../../lib/@ecme/views/concepts/accounts/RolesPermissions/components/RolesPermissionsGroups.tsx"],"sourcesContent":["import Button from '@/components/ui/Button'\nimport { useRolePermissionsStore } from '../store/rolePermissionsStore'\nimport UsersAvatarGroup from '@/components/shared/UsersAvatarGroup'\nimport { TbArrowRight } from 'react-icons/tb'\nimport type { Roles } from '../types'\n\ntype RolesPermissionsGroupsProps = {\n    roleList: Roles\n}\n\nconst RolesPermissionsGroups = ({ roleList }: RolesPermissionsGroupsProps) => {\n    const { setSelectedRole, setRoleDialog } = useRolePermissionsStore()\n\n    const handleEditRoleClick = (id: string) => {\n        setSelectedRole(id)\n        setRoleDialog({\n            type: 'edit',\n            open: true,\n        })\n    }\n\n    return (\n        <div className=\"grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 xl:grid-cols-4 gap-4\">\n            {roleList.map((role) => (\n                <div\n                    key={role.id}\n                    className=\"flex flex-col justify-between rounded-2xl p-5 bg-gray-100 dark:bg-gray-700 min-h-[140px]\"\n                >\n                    <div className=\"flex items-center justify-between\">\n                        <h6 className=\"font-bold\">{role.name}</h6>\n                    </div>\n                    <p className=\"mt-2\">{role.description}</p>\n                    <div className=\"flex items-center justify-between mt-4\">\n                        <div className=\"flex flex-col\">\n                            <div className=\"-ml-2\">\n                                <UsersAvatarGroup\n                                    avatarProps={{\n                                        className:\n                                            'cursor-pointer -mr-2 border-2 border-white dark:border-500',\n                                        size: 28,\n                                    }}\n                                    avatarGroupProps={{ maxCount: 3 }}\n                                    chained={false}\n                                    users={role.users}\n                                />\n                            </div>\n                        </div>\n                        <Button\n                            variant=\"plain\"\n                            size=\"sm\"\n                            className=\"py-0 h-auto\"\n                            icon={<TbArrowRight />}\n                            iconAlignment=\"end\"\n                            onClick={() => handleEditRoleClick(role.id)}\n                        >\n                            Edit role\n                        </Button>\n                    </div>\n                </div>\n            ))}\n        </div>\n    )\n}\n\nexport default RolesPermissionsGroups\n"],"names":["RolesPermissionsGroups","roleList","setSelectedRole","setRoleDialog","useRolePermissionsStore","handleEditRoleClick","id","role","jsxs","jsx","UsersAvatarGroup","Button","TbArrowRight"],"mappings":";;;;;;AAUA,MAAMA,IAAyB,CAAC,EAAE,UAAAC,QAA4C;AAC1E,QAAM,EAAE,iBAAAC,GAAiB,eAAAC,EAAc,IAAIC,EAAwB,GAE7DC,IAAsB,CAACC,MAAe;AACxC,IAAAJ,EAAgBI,CAAE,GACJH,EAAA;AAAA,MACV,MAAM;AAAA,MACN,MAAM;AAAA,IAAA,CACT;AAAA,EACL;AAEA,2BACK,OAAI,EAAA,WAAU,uEACV,UAASF,EAAA,IAAI,CAACM,MACX,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MAEG,WAAU;AAAA,MAEV,UAAA;AAAA,QAAC,gBAAAC,EAAA,OAAA,EAAI,WAAU,qCACX,UAAA,gBAAAA,EAAC,QAAG,WAAU,aAAa,UAAKF,EAAA,KAAA,CAAK,EACzC,CAAA;AAAA,QACC,gBAAAE,EAAA,KAAA,EAAE,WAAU,QAAQ,YAAK,aAAY;AAAA,QACtC,gBAAAD,EAAC,OAAI,EAAA,WAAU,0CACX,UAAA;AAAA,UAAA,gBAAAC,EAAC,SAAI,WAAU,iBACX,UAAC,gBAAAA,EAAA,OAAA,EAAI,WAAU,SACX,UAAA,gBAAAA;AAAA,YAACC;AAAA,YAAA;AAAA,cACG,aAAa;AAAA,gBACT,WACI;AAAA,gBACJ,MAAM;AAAA,cACV;AAAA,cACA,kBAAkB,EAAE,UAAU,EAAE;AAAA,cAChC,SAAS;AAAA,cACT,OAAOH,EAAK;AAAA,YAAA;AAAA,aAEpB,EACJ,CAAA;AAAA,UACA,gBAAAE;AAAA,YAACE;AAAA,YAAA;AAAA,cACG,SAAQ;AAAA,cACR,MAAK;AAAA,cACL,WAAU;AAAA,cACV,wBAAOC,GAAa,EAAA;AAAA,cACpB,eAAc;AAAA,cACd,SAAS,MAAMP,EAAoBE,EAAK,EAAE;AAAA,cAC7C,UAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QAED,EACJ,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAhCKA,EAAK;AAAA,EAkCjB,CAAA,GACL;AAER;"}

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

@@ -0,0 +1,22 @@
+import { jsx as o } from "react/jsx-runtime";
+import "../../../../../components/ui/Button/index.js";
+import { useRolePermissionsStore as r } from "../store/rolePermissionsStore.js";
+import t from "../../../../../components/ui/Button/Button.js";
+const m = () => {
+  const { setRoleDialog: e } = r();
+  return /* @__PURE__ */ o("div", { children: /* @__PURE__ */ o(
+    t,
+    {
+      variant: "solid",
+      onClick: () => e({
+        type: "new",
+        open: !0
+      }),
+      children: "Create role"
+    }
+  ) });
+};
+export {
+  m as default
+};
+//# sourceMappingURL=RolesPermissionsGroupsAction.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RolesPermissionsGroupsAction.js","sources":["../../../../../../../../lib/@ecme/views/concepts/accounts/RolesPermissions/components/RolesPermissionsGroupsAction.tsx"],"sourcesContent":["import Button from '@/components/ui/Button'\nimport { useRolePermissionsStore } from '../store/rolePermissionsStore'\n\nconst RolesPermissionsGroupsAction = () => {\n    const { setRoleDialog } = useRolePermissionsStore()\n\n    return (\n        <div>\n            <Button\n                variant=\"solid\"\n                onClick={() =>\n                    setRoleDialog({\n                        type: 'new',\n                        open: true,\n                    })\n                }\n            >\n                Create role\n            </Button>\n        </div>\n    )\n}\n\nexport default RolesPermissionsGroupsAction\n"],"names":["RolesPermissionsGroupsAction","setRoleDialog","useRolePermissionsStore","jsx","Button"],"mappings":";;;;AAGA,MAAMA,IAA+B,MAAM;AACjC,QAAA,EAAE,eAAAC,EAAc,IAAIC,EAAwB;AAElD,2BACK,OACG,EAAA,UAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,SAAQ;AAAA,MACR,SAAS,MACLH,EAAc;AAAA,QACV,MAAM;AAAA,QACN,MAAM;AAAA,MAAA,CACT;AAAA,MAER,UAAA;AAAA,IAAA;AAAA,EAAA,GAGL;AAER;"}

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

@@ -0,0 +1,104 @@
+import { jsx as l, jsxs as o } from "react/jsx-runtime";
+import "../../../../../components/ui/Badge/index.js";
+import "../../../../../components/ui/Select/index.js";
+import p from "../../../../../components/shared/DebounceInput.js";
+import { useRolePermissionsStore as g } from "../store/rolePermissionsStore.js";
+import { TbSearch as b } from "react-icons/tb";
+import { components as v } from "react-select";
+import n from "../../../../../components/ui/Select/Option.js";
+import c from "../../../../../components/ui/Badge/Badge.js";
+import r from "../../../../../components/ui/Select/Select.js";
+const { Control: h } = v, f = [
+  { label: "All", value: "", dotBackground: "bg-gray-200" },
+  { label: "Active", value: "active", dotBackground: "bg-success" },
+  { label: "Blocked", value: "blocked", dotBackground: "bg-error" }
+], x = [
+  { label: "All", value: "" },
+  { label: "Admin", value: "admin" },
+  { label: "Supervisor", value: "supervisor" },
+  { label: "Support", value: "support" },
+  { label: "User", value: "user" },
+  { label: "Auditor", value: "auditor" },
+  { label: "Guest", value: "guest" }
+], S = (s) => /* @__PURE__ */ l(
+  n,
+  {
+    ...s,
+    customLabel: (t, a) => /* @__PURE__ */ o("span", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ l(c, { className: t.dotBackground }),
+      /* @__PURE__ */ l("span", { children: a })
+    ] })
+  }
+), C = (s) => /* @__PURE__ */ l(
+  n,
+  {
+    ...s,
+    customLabel: (t, a) => /* @__PURE__ */ l("span", { children: a })
+  }
+), N = ({ children: s, ...t }) => {
+  const a = t.getValue()[0];
+  return /* @__PURE__ */ o(h, { ...t, children: [
+    a && /* @__PURE__ */ l("div", { className: "flex ml-3", children: /* @__PURE__ */ l(c, { className: a.dotBackground }) }),
+    s
+  ] });
+}, V = () => {
+  const { tableData: s, filterData: t, setFilterData: a, setTableData: u } = g(), m = (e) => {
+    a({ ...t, status: e });
+  }, i = (e) => {
+    a({ ...t, role: e });
+  }, d = (e) => {
+    u({ ...s, query: e });
+  };
+  return /* @__PURE__ */ o("div", { className: "flex items-center justify-between", children: [
+    /* @__PURE__ */ l(
+      p,
+      {
+        className: "max-w-[300px]",
+        placeholder: "Search...",
+        type: "text",
+        size: "sm",
+        prefix: /* @__PURE__ */ l(b, { className: "text-lg" }),
+        onChange: (e) => d(e.target.value)
+      }
+    ),
+    /* @__PURE__ */ o("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ l(
+        r,
+        {
+          className: "min-w-[150px] w-full",
+          components: {
+            Control: N,
+            Option: S
+          },
+          options: f,
+          size: "sm",
+          placeholder: "Status",
+          defaultValue: {
+            label: "All",
+            value: "",
+            dotBackground: "bg-gray-200"
+          },
+          onChange: (e) => m((e == null ? void 0 : e.value) || "")
+        }
+      ),
+      /* @__PURE__ */ l(
+        r,
+        {
+          className: "min-w-[150px] w-full",
+          components: {
+            Option: C
+          },
+          options: x,
+          size: "sm",
+          placeholder: "Role",
+          defaultValue: { label: "All", value: "" },
+          onChange: (e) => i((e == null ? void 0 : e.value) || "")
+        }
+      )
+    ] })
+  ] });
+};
+export {
+  V as default
+};
+//# sourceMappingURL=RolesPermissionsUserAction.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RolesPermissionsUserAction.js","sources":["../../../../../../../../lib/@ecme/views/concepts/accounts/RolesPermissions/components/RolesPermissionsUserAction.tsx"],"sourcesContent":["import Badge from '@/components/ui/Badge'\nimport Select, { Option as DefaultOption } from '@/components/ui/Select'\nimport DebounceInput from '@/components/shared/DebounceInput'\nimport { useRolePermissionsStore } from '../store/rolePermissionsStore'\nimport { TbSearch } from 'react-icons/tb'\nimport { components } from 'react-select'\nimport type { ControlProps, OptionProps } from 'react-select'\n\nconst { Control } = components\n\ntype StatusOption = {\n    label: string\n    value: string\n    dotBackground: string\n}\n\ntype RoleOption = {\n    label: string\n    value: string\n}\n\nconst statusOptions = [\n    { label: 'All', value: '', dotBackground: 'bg-gray-200' },\n    { label: 'Active', value: 'active', dotBackground: 'bg-success' },\n    { label: 'Blocked', value: 'blocked', dotBackground: 'bg-error' },\n]\n\nconst roleOptions = [\n    { label: 'All', value: '' },\n    { label: 'Admin', value: 'admin' },\n    { label: 'Supervisor', value: 'supervisor' },\n    { label: 'Support', value: 'support' },\n    { label: 'User', value: 'user' },\n    { label: 'Auditor', value: 'auditor' },\n    { label: 'Guest', value: 'guest' },\n]\n\nconst StatusSelectOption = (props: OptionProps<StatusOption>) => {\n    return (\n        <DefaultOption<StatusOption>\n            {...props}\n            customLabel={(data, label) => (\n                <span className=\"flex items-center gap-2\">\n                    <Badge className={data.dotBackground} />\n                    <span>{label}</span>\n                </span>\n            )}\n        />\n    )\n}\n\nconst RoleSelectOption = (props: OptionProps<RoleOption>) => {\n    return (\n        <DefaultOption<RoleOption>\n            {...props}\n            customLabel={(_, label) => <span>{label}</span>}\n        />\n    )\n}\n\nconst CustomControl = ({ children, ...props }: ControlProps<StatusOption>) => {\n    const selected = props.getValue()[0]\n    return (\n        <Control {...props}>\n            {selected && (\n                <div className=\"flex ml-3\">\n                    <Badge className={selected.dotBackground} />\n                </div>\n            )}\n            {children}\n        </Control>\n    )\n}\n\nconst RolesPermissionsUserAction = () => {\n    const { tableData, filterData, setFilterData, setTableData } =\n        useRolePermissionsStore()\n\n    const handleStatusChange = (status: string) => {\n        setFilterData({ ...filterData, status })\n    }\n\n    const handleRoleChange = (role: string) => {\n        setFilterData({ ...filterData, role })\n    }\n\n    const handleInputChange = (query: string) => {\n        setTableData({ ...tableData, query })\n    }\n\n    return (\n        <div className=\"flex items-center justify-between\">\n            <DebounceInput\n                className=\"max-w-[300px]\"\n                placeholder=\"Search...\"\n                type=\"text\"\n                size=\"sm\"\n                prefix={<TbSearch className=\"text-lg\" />}\n                onChange={(e) => handleInputChange(e.target.value)}\n            />\n            <div className=\"flex items-center gap-2\">\n                <Select<StatusOption, false>\n                    className=\"min-w-[150px] w-full\"\n                    components={{\n                        Control: CustomControl,\n                        Option: StatusSelectOption,\n                    }}\n                    options={statusOptions}\n                    size=\"sm\"\n                    placeholder=\"Status\"\n                    defaultValue={{\n                        label: 'All',\n                        value: '',\n                        dotBackground: 'bg-gray-200',\n                    }}\n                    onChange={(option) =>\n                        handleStatusChange(option?.value || '')\n                    }\n                />\n                <Select<RoleOption>\n                    className=\"min-w-[150px] w-full\"\n                    components={{\n                        Option: RoleSelectOption,\n                    }}\n                    options={roleOptions}\n                    size=\"sm\"\n                    placeholder=\"Role\"\n                    defaultValue={{ label: 'All', value: '' }}\n                    onChange={(option) => handleRoleChange(option?.value || '')}\n                />\n            </div>\n        </div>\n    )\n}\n\nexport default RolesPermissionsUserAction\n"],"names":["Control","components","statusOptions","roleOptions","StatusSelectOption","props","jsx","DefaultOption","data","label","jsxs","Badge","RoleSelectOption","_","CustomControl","children","selected","RolesPermissionsUserAction","tableData","filterData","setFilterData","setTableData","useRolePermissionsStore","handleStatusChange","status","handleRoleChange","role","handleInputChange","query","DebounceInput","TbSearch","Select","option"],"mappings":";;;;;;;;;;AAQA,MAAM,EAAE,SAAAA,EAAY,IAAAC,GAadC,IAAgB;AAAA,EAClB,EAAE,OAAO,OAAO,OAAO,IAAI,eAAe,cAAc;AAAA,EACxD,EAAE,OAAO,UAAU,OAAO,UAAU,eAAe,aAAa;AAAA,EAChE,EAAE,OAAO,WAAW,OAAO,WAAW,eAAe,WAAW;AACpE,GAEMC,IAAc;AAAA,EAChB,EAAE,OAAO,OAAO,OAAO,GAAG;AAAA,EAC1B,EAAE,OAAO,SAAS,OAAO,QAAQ;AAAA,EACjC,EAAE,OAAO,cAAc,OAAO,aAAa;AAAA,EAC3C,EAAE,OAAO,WAAW,OAAO,UAAU;AAAA,EACrC,EAAE,OAAO,QAAQ,OAAO,OAAO;AAAA,EAC/B,EAAE,OAAO,WAAW,OAAO,UAAU;AAAA,EACrC,EAAE,OAAO,SAAS,OAAO,QAAQ;AACrC,GAEMC,IAAqB,CAACC,MAEpB,gBAAAC;AAAA,EAACC;AAAAA,EAAA;AAAA,IACI,GAAGF;AAAA,IACJ,aAAa,CAACG,GAAMC,MACf,gBAAAC,EAAA,QAAA,EAAK,WAAU,2BACZ,UAAA;AAAA,MAAC,gBAAAJ,EAAAK,GAAA,EAAM,WAAWH,EAAK,cAAe,CAAA;AAAA,MACtC,gBAAAF,EAAC,UAAM,UAAMG,EAAA,CAAA;AAAA,IAAA,EACjB,CAAA;AAAA,EAAA;AAER,GAIFG,IAAmB,CAACP,MAElB,gBAAAC;AAAA,EAACC;AAAAA,EAAA;AAAA,IACI,GAAGF;AAAA,IACJ,aAAa,CAACQ,GAAGJ,MAAU,gBAAAH,EAAC,UAAM,UAAMG,EAAA,CAAA;AAAA,EAAA;AAC5C,GAIFK,IAAgB,CAAC,EAAE,UAAAC,GAAU,GAAGV,QAAwC;AAC1E,QAAMW,IAAWX,EAAM,SAAS,EAAE,CAAC;AAE/B,SAAA,gBAAAK,EAACV,GAAS,EAAA,GAAGK,GACR,UAAA;AAAA,IACGW,KAAA,gBAAAV,EAAC,SAAI,WAAU,aACX,4BAACK,GAAM,EAAA,WAAWK,EAAS,cAAA,CAAe,EAC9C,CAAA;AAAA,IAEHD;AAAA,EAAA,GACL;AAER,GAEME,IAA6B,MAAM;AACrC,QAAM,EAAE,WAAAC,GAAW,YAAAC,GAAY,eAAAC,GAAe,cAAAC,EAAA,IAC1CC,EAAwB,GAEtBC,IAAqB,CAACC,MAAmB;AAC3C,IAAAJ,EAAc,EAAE,GAAGD,GAAY,QAAAK,GAAQ;AAAA,EAC3C,GAEMC,IAAmB,CAACC,MAAiB;AACvC,IAAAN,EAAc,EAAE,GAAGD,GAAY,MAAAO,GAAM;AAAA,EACzC,GAEMC,IAAoB,CAACC,MAAkB;AACzC,IAAAP,EAAa,EAAE,GAAGH,GAAW,OAAAU,GAAO;AAAA,EACxC;AAGI,SAAA,gBAAAlB,EAAC,OAAI,EAAA,WAAU,qCACX,UAAA;AAAA,IAAA,gBAAAJ;AAAA,MAACuB;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,aAAY;AAAA,QACZ,MAAK;AAAA,QACL,MAAK;AAAA,QACL,QAAQ,gBAAAvB,EAACwB,GAAS,EAAA,WAAU,UAAU,CAAA;AAAA,QACtC,UAAU,CAAC,MAAMH,EAAkB,EAAE,OAAO,KAAK;AAAA,MAAA;AAAA,IACrD;AAAA,IACA,gBAAAjB,EAAC,OAAI,EAAA,WAAU,2BACX,UAAA;AAAA,MAAA,gBAAAJ;AAAA,QAACyB;AAAA,QAAA;AAAA,UACG,WAAU;AAAA,UACV,YAAY;AAAA,YACR,SAASjB;AAAA,YACT,QAAQV;AAAA,UACZ;AAAA,UACA,SAASF;AAAA,UACT,MAAK;AAAA,UACL,aAAY;AAAA,UACZ,cAAc;AAAA,YACV,OAAO;AAAA,YACP,OAAO;AAAA,YACP,eAAe;AAAA,UACnB;AAAA,UACA,UAAU,CAAC8B,MACPT,GAAmBS,KAAA,gBAAAA,EAAQ,UAAS,EAAE;AAAA,QAAA;AAAA,MAE9C;AAAA,MACA,gBAAA1B;AAAA,QAACyB;AAAA,QAAA;AAAA,UACG,WAAU;AAAA,UACV,YAAY;AAAA,YACR,QAAQnB;AAAA,UACZ;AAAA,UACA,SAAST;AAAA,UACT,MAAK;AAAA,UACL,aAAY;AAAA,UACZ,cAAc,EAAE,OAAO,OAAO,OAAO,GAAG;AAAA,UACxC,UAAU,CAAC6B,MAAWP,GAAiBO,KAAA,gBAAAA,EAAQ,UAAS,EAAE;AAAA,QAAA;AAAA,MAAA;AAAA,IAC9D,EACJ,CAAA;AAAA,EAAA,GACJ;AAER;"}

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

@@ -0,0 +1,79 @@
+import { jsxs as r, Fragment as u, jsx as e } from "react/jsx-runtime";
+import { useState as g } from "react";
+import x from "../../../../../components/shared/StickyFooter.js";
+import "../../../../../components/ui/Button/index.js";
+import b from "../../../../../components/shared/ConfirmDialog.js";
+import { useRolePermissionsStore as y } from "../store/rolePermissionsStore.js";
+import { TbChecks as C } from "react-icons/tb";
+import N from "../../../../../components/ui/Button/Button.js";
+const O = ({
+  mutate: n,
+  userList: l,
+  userListTotal: i
+}) => {
+  const { selectedUser: t, setSelectAllUser: a } = y(), [c, s] = g(!1), m = () => {
+    s(!0);
+  }, o = () => {
+    s(!1);
+  }, d = () => {
+    const h = l.filter((f) => !t.some((p) => p.id === f.id));
+    a([]), n(
+      { list: h, total: i - t.length },
+      !1
+    ), s(!1);
+  };
+  return /* @__PURE__ */ r(u, { children: [
+    t.length > 0 && /* @__PURE__ */ e(
+      x,
+      {
+        className: "-mx-8 flex items-center justify-between py-4 bg-white dark:bg-gray-800",
+        stickyClass: "border-t border-gray-200 dark:border-gray-700 px-8",
+        defaultClass: "container mx-auto px-8 rounded-xl border border-gray-200 dark:border-gray-600 mt-4",
+        children: /* @__PURE__ */ e("div", { className: "container mx-auto", children: /* @__PURE__ */ r("div", { className: "flex items-center justify-between", children: [
+          /* @__PURE__ */ e("span", { children: t.length > 0 && /* @__PURE__ */ r("span", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ e("span", { className: "text-lg text-primary", children: /* @__PURE__ */ e(C, {}) }),
+            /* @__PURE__ */ r("span", { className: "font-semibold flex items-center gap-1", children: [
+              /* @__PURE__ */ r("span", { className: "heading-text", children: [
+                t.length,
+                " Users"
+              ] }),
+              /* @__PURE__ */ e("span", { children: "selected" })
+            ] })
+          ] }) }),
+          /* @__PURE__ */ e("div", { className: "flex items-center", children: /* @__PURE__ */ e(
+            N,
+            {
+              size: "sm",
+              className: "ltr:mr-3 rtl:ml-3",
+              type: "button",
+              customColorClass: () => "border-error ring-1 ring-error text-error hover:border-error hover:ring-error hover:text-error",
+              onClick: m,
+              children: "Delete"
+            }
+          ) })
+        ] }) })
+      }
+    ),
+    /* @__PURE__ */ e(
+      b,
+      {
+        isOpen: c,
+        type: "danger",
+        title: "Remove users",
+        onClose: o,
+        onRequestClose: o,
+        onCancel: o,
+        onConfirm: d,
+        children: /* @__PURE__ */ r("p", { children: [
+          " ",
+          "Are you sure you want to remove these users? This action can't be undo.",
+          " "
+        ] })
+      }
+    )
+  ] });
+};
+export {
+  O as default
+};
+//# sourceMappingURL=RolesPermissionsUserSelected.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RolesPermissionsUserSelected.js","sources":["../../../../../../../../lib/@ecme/views/concepts/accounts/RolesPermissions/components/RolesPermissionsUserSelected.tsx"],"sourcesContent":["import { useState } from 'react'\nimport StickyFooter from '@/components/shared/StickyFooter'\nimport Button from '@/components/ui/Button'\nimport ConfirmDialog from '@/components/shared/ConfirmDialog'\nimport { useRolePermissionsStore } from '../store/rolePermissionsStore'\nimport { TbChecks } from 'react-icons/tb'\nimport type { MutateRolesPermissionsUsersResponse, Users } from '../types'\n\ntype RolesPermissionsUserSelectedProps = {\n    mutate: MutateRolesPermissionsUsersResponse\n    userList: Users\n    userListTotal: number\n}\n\nconst RolesPermissionsUserSelected = ({\n    mutate,\n    userList,\n    userListTotal,\n}: RolesPermissionsUserSelectedProps) => {\n    const { selectedUser, setSelectAllUser } = useRolePermissionsStore()\n\n    const [deleteConfirmationOpen, setDeleteConfirmationOpen] = useState(false)\n\n    const handleDelete = () => {\n        setDeleteConfirmationOpen(true)\n    }\n\n    const handleCancel = () => {\n        setDeleteConfirmationOpen(false)\n    }\n\n    const handleConfirmDelete = () => {\n        const newUserList = userList.filter((user) => {\n            return !selectedUser.some((selected) => selected.id === user.id)\n        })\n        setSelectAllUser([])\n        mutate(\n            { list: newUserList, total: userListTotal - selectedUser.length },\n            false,\n        )\n        setDeleteConfirmationOpen(false)\n    }\n\n    return (\n        <>\n            {selectedUser.length > 0 && (\n                <StickyFooter\n                    className=\"-mx-8 flex items-center justify-between py-4 bg-white dark:bg-gray-800\"\n                    stickyClass=\"border-t border-gray-200 dark:border-gray-700 px-8\"\n                    defaultClass=\"container mx-auto px-8 rounded-xl border border-gray-200 dark:border-gray-600 mt-4\"\n                >\n                    <div className=\"container mx-auto\">\n                        <div className=\"flex items-center justify-between\">\n                            <span>\n                                {selectedUser.length > 0 && (\n                                    <span className=\"flex items-center gap-2\">\n                                        <span className=\"text-lg text-primary\">\n                                            <TbChecks />\n                                        </span>\n                                        <span className=\"font-semibold flex items-center gap-1\">\n                                            <span className=\"heading-text\">\n                                                {selectedUser.length} Users\n                                            </span>\n                                            <span>selected</span>\n                                        </span>\n                                    </span>\n                                )}\n                            </span>\n\n                            <div className=\"flex items-center\">\n                                <Button\n                                    size=\"sm\"\n                                    className=\"ltr:mr-3 rtl:ml-3\"\n                                    type=\"button\"\n                                    customColorClass={() =>\n                                        'border-error ring-1 ring-error text-error hover:border-error hover:ring-error hover:text-error'\n                                    }\n                                    onClick={handleDelete}\n                                >\n                                    Delete\n                                </Button>\n                            </div>\n                        </div>\n                    </div>\n                </StickyFooter>\n            )}\n            <ConfirmDialog\n                isOpen={deleteConfirmationOpen}\n                type=\"danger\"\n                title=\"Remove users\"\n                onClose={handleCancel}\n                onRequestClose={handleCancel}\n                onCancel={handleCancel}\n                onConfirm={handleConfirmDelete}\n            >\n                <p>\n                    {' '}\n                    Are you sure you want to remove these users? This action\n                    can&apos;t be undo.{' '}\n                </p>\n            </ConfirmDialog>\n        </>\n    )\n}\n\nexport default RolesPermissionsUserSelected\n"],"names":["RolesPermissionsUserSelected","mutate","userList","userListTotal","selectedUser","setSelectAllUser","useRolePermissionsStore","deleteConfirmationOpen","setDeleteConfirmationOpen","useState","handleDelete","handleCancel","handleConfirmDelete","newUserList","user","selected","jsxs","Fragment","jsx","StickyFooter","TbChecks","Button","ConfirmDialog"],"mappings":";;;;;;;;AAcA,MAAMA,IAA+B,CAAC;AAAA,EAClC,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,eAAAC;AACJ,MAAyC;AACrC,QAAM,EAAE,cAAAC,GAAc,kBAAAC,EAAiB,IAAIC,EAAwB,GAE7D,CAACC,GAAwBC,CAAyB,IAAIC,EAAS,EAAK,GAEpEC,IAAe,MAAM;AACvB,IAAAF,EAA0B,EAAI;AAAA,EAClC,GAEMG,IAAe,MAAM;AACvB,IAAAH,EAA0B,EAAK;AAAA,EACnC,GAEMI,IAAsB,MAAM;AAC9B,UAAMC,IAAcX,EAAS,OAAO,CAACY,MAC1B,CAACV,EAAa,KAAK,CAACW,MAAaA,EAAS,OAAOD,EAAK,EAAE,CAClE;AACD,IAAAT,EAAiB,CAAA,CAAE,GACnBJ;AAAA,MACI,EAAE,MAAMY,GAAa,OAAOV,IAAgBC,EAAa,OAAO;AAAA,MAChE;AAAA,IACJ,GACAI,EAA0B,EAAK;AAAA,EACnC;AAEA,SAES,gBAAAQ,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAAb,EAAa,SAAS,KACnB,gBAAAc;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,aAAY;AAAA,QACZ,cAAa;AAAA,QAEb,4BAAC,OAAI,EAAA,WAAU,qBACX,UAAC,gBAAAH,EAAA,OAAA,EAAI,WAAU,qCACX,UAAA;AAAA,UAAA,gBAAAE,EAAC,UACI,UAAad,EAAA,SAAS,KAClB,gBAAAY,EAAA,QAAA,EAAK,WAAU,2BACZ,UAAA;AAAA,YAAA,gBAAAE,EAAC,QAAK,EAAA,WAAU,wBACZ,UAAA,gBAAAA,EAACE,IAAS,CAAA,GACd;AAAA,YACA,gBAAAJ,EAAC,QAAK,EAAA,WAAU,yCACZ,UAAA;AAAA,cAAC,gBAAAA,EAAA,QAAA,EAAK,WAAU,gBACX,UAAA;AAAA,gBAAaZ,EAAA;AAAA,gBAAO;AAAA,cAAA,GACzB;AAAA,cACA,gBAAAc,EAAC,UAAK,UAAQ,WAAA,CAAA;AAAA,YAAA,EAClB,CAAA;AAAA,UAAA,EAAA,CACJ,EAER,CAAA;AAAA,UAEA,gBAAAA,EAAC,OAAI,EAAA,WAAU,qBACX,UAAA,gBAAAA;AAAA,YAACG;AAAA,YAAA;AAAA,cACG,MAAK;AAAA,cACL,WAAU;AAAA,cACV,MAAK;AAAA,cACL,kBAAkB,MACd;AAAA,cAEJ,SAASX;AAAA,cACZ,UAAA;AAAA,YAAA;AAAA,UAAA,EAGL,CAAA;AAAA,QAAA,EAAA,CACJ,EACJ,CAAA;AAAA,MAAA;AAAA,IACJ;AAAA,IAEJ,gBAAAQ;AAAA,MAACI;AAAA,MAAA;AAAA,QACG,QAAQf;AAAA,QACR,MAAK;AAAA,QACL,OAAM;AAAA,QACN,SAASI;AAAA,QACT,gBAAgBA;AAAA,QAChB,UAAUA;AAAA,QACV,WAAWC;AAAA,QAEX,4BAAC,KACI,EAAA,UAAA;AAAA,UAAA;AAAA,UAAI;AAAA,UAEe;AAAA,QAAA,EACxB,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACJ,GACJ;AAER;"}