@feedmepos/mf-hrm-portal 2.1.1-dev.5 → 2.1.1-dev.7

package/dist/{GrantUserList-DKP4MBQM.js → GrantUserList-DURXYzRs.js}

@@ -1,65 +1,65 @@
-import { defineComponent as Z, ref as S, computed as f, watch as de, resolveComponent as v, createElementBlock as D, openBlock as b, Fragment as P, renderSlot as me, createVNode as l, unref as s, withCtx as y, createElementVNode as n, toDisplayString as _, createBlock as O, isRef as W, renderList as pe, createCommentVNode as fe, withModifiers as J, createTextVNode as Q, normalizeClass as ve, h as p } from "vue";
-import { d as ge } from "./dayjs.min-BTSZLci9.js";
-import { useI18n as ee } from "@feedmepos/mf-common";
-import { useSnackbar as te, components as K, useDialog as _e, useBreakpoints as ye, FmButtonVariant as E } from "@feedmepos/ui-library";
+import { defineComponent as X, ref as S, computed as f, watch as ue, resolveComponent as v, createElementBlock as D, openBlock as w, Fragment as E, renderSlot as de, createVNode as l, unref as s, withCtx as g, createElementVNode as o, toDisplayString as _, isRef as H, renderList as me, createBlock as pe, createCommentVNode as fe, withModifiers as W, createTextVNode as J, normalizeClass as ve, h as p } from "vue";
+import { d as ge } from "./dayjs.min-BXDtus8O.js";
+import { useI18n as Z } from "@feedmepos/mf-common";
+import { useSnackbar as ee, components as K, useDialog as _e, useBreakpoints as ye, FmButtonVariant as O } from "@feedmepos/ui-library";
 import { S as A } from "./SelectFilter-ATOm0hdn.js";
-import { _ as Ue } from "./app-BP0oihBR.js";
-import { _ as X, u as he, H as xe } from "./FormItem.vue_vue_type_script_setup_true_lang-DPT2FoIc.js";
-import { _ as be } from "./index.vue_vue_type_script_setup_true_lang-BVVwfd7B.js";
-import { u as ae } from "./useLoading-BH02lYns.js";
-import { u as se } from "./grant-user-CQZaTzVt.js";
-import { u as re } from "./restaurant-YOVMuuFY.js";
-import { u as le } from "./role-BS3LFO8u.js";
-import { _ as ke } from "./FormSection.vue_vue_type_script_setup_true_lang-DknXTYiK.js";
-const Ve = { class: "fm-typo-en-title-md-600" }, Fe = { class: "space-y-40" }, we = { class: "flex gap-8 items-center justify-start" }, Se = /* @__PURE__ */ Z({
+import { _ as he } from "./app-CGL_lSgW.js";
+import { _ as Q, u as Ue, H as xe } from "./FormItem.vue_vue_type_script_setup_true_lang-DPT2FoIc.js";
+import { _ as be } from "./TableEmptyState.vue_vue_type_script_setup_true_lang-IfAZmWr0.js";
+import { u as te } from "./useLoading-BH02lYns.js";
+import { u as ae } from "./grant-user-CQZaTzVt.js";
+import { u as se } from "./restaurant-YOVMuuFY.js";
+import { u as re } from "./role-Ct8MPQeS.js";
+import { _ as Ve } from "./FormSection.vue_vue_type_script_setup_true_lang-DknXTYiK.js";
+const ke = { class: "fm-typo-en-title-md-600" }, Fe = { class: "space-y-40" }, we = { class: "flex gap-8 items-center justify-start" }, Se = /* @__PURE__ */ X({
   __name: "GrantUserForm",
-  setup(oe, { expose: M }) {
-    const a = se(), I = le(), U = re(), h = te(), C = ae(h), { t: d } = ee(), g = S(!1), o = S({
+  setup(le, { expose: M }) {
+    const a = ae(), I = re(), y = se(), x = ee(), C = te(x), { t: d } = Z(), h = S(!1), n = S({
       name: "",
       restaurantId: "",
       roleId: ""
     }), B = () => {
-      o.value = {
+      n.value = {
         name: "",
         restaurantId: "",
         roleId: ""
-      }, g.value = !0;
-    }, x = f(() => d("grantUser.form.title")), k = f(() => d("common.create")), V = f(() => U.restaurants.value.map((c) => ({
+      }, h.value = !0;
+    }, U = f(() => d("grantUser.form.title")), b = f(() => d("common.create")), V = f(() => y.restaurants.value.map((c) => ({
       label: `${c.profile.code ? c.profile.code + " - " : ""}${c.profile.name}`,
       value: c._id
-    }))), $ = f(() => o.value.restaurantId ? I.roles.value.filter((c) => c.restaurants.some((i) => i.id === o.value.restaurantId)).map((c) => ({
+    }))), $ = f(() => n.value.restaurantId ? I.roles.value.filter((c) => c.restaurants.some((i) => i.id === n.value.restaurantId)).map((c) => ({
       label: c.name,
       value: c._id,
       disabled: !c.isUsable
     })) : []);
-    de(
-      () => o.value.restaurantId,
+    ue(
+      () => n.value.restaurantId,
       () => {
-        o.value.roleId = "";
+        n.value.roleId = "";
       }
     );
     async function N() {
       await C.minor(async () => {
-        const c = await a.createGrantUser(o.value);
-        h.open({
+        const c = await a.createGrantUser(n.value);
+        x.open({
           message: d("grantUser.create.successMessage", {
             passcode: c.passcode
           }),
           type: "success"
         });
-      }), g.value = !1;
+      }), h.value = !1;
     }
     return M({
-      show: g,
+      show: h,
       trigger: B
     }), (c, i) => {
-      const R = v("FmTextField"), z = v("FmSelect"), w = v("fm-button"), T = v("fm-side-sheet");
-      return b(), D(P, null, [
-        me(c.$slots, "default", { trigger: B }),
+      const R = v("FmTextField"), z = v("FmSelect"), F = v("fm-button"), T = v("fm-side-sheet");
+      return w(), D(E, null, [
+        de(c.$slots, "default", { trigger: B }),
         l(T, {
           id: "grant-user-form",
-          modelValue: g.value,
-          "onUpdate:modelValue": i[4] || (i[4] = (u) => g.value = u),
+          modelValue: h.value,
+          "onUpdate:modelValue": i[4] || (i[4] = (u) => h.value = u),
           "is-container": s(K).FmForm,
           "is-container-props": {
             onValidationSuccess: N,
@@ -67,44 +67,44 @@ const Ve = { class: "fm-typo-en-title-md-600" }, Fe = { class: "space-y-40" }, w
           },
           "max-width": 560
         }, {
-          "side-sheet-header": y(() => [
-            n("p", Ve, _(x.value), 1)
+          "side-sheet-header": g(() => [
+            o("p", ke, _(U.value), 1)
           ]),
-          "side-sheet-footer": y(() => [
-            n("div", we, [
-              l(w, {
-                label: k.value,
+          "side-sheet-footer": g(() => [
+            o("div", we, [
+              l(F, {
+                label: b.value,
                 size: "lg",
                 type: "submit",
                 variant: "primary"
               }, null, 8, ["label"]),
-              l(w, {
+              l(F, {
                 label: s(d)("common.cancel"),
                 size: "lg",
                 variant: "tertiary",
-                onClick: i[3] || (i[3] = () => g.value = !1)
+                onClick: i[3] || (i[3] = () => h.value = !1)
               }, null, 8, ["label"])
             ])
           ]),
-          default: y(() => [
-            n("div", Fe, [
-              l(ke, {
+          default: g(() => [
+            o("div", Fe, [
+              l(Ve, {
                 title: s(d)("grantUser.form.section")
               }, {
-                default: y(() => [
+                default: g(() => [
                   l(R, {
-                    modelValue: o.value.name,
-                    "onUpdate:modelValue": i[0] || (i[0] = (u) => o.value.name = u),
+                    modelValue: n.value.name,
+                    "onUpdate:modelValue": i[0] || (i[0] = (u) => n.value.name = u),
                     label: s(d)("grantUser.form.name"),
                     rules: [(u) => !!u || s(d)("grantUser.form.nameRequired")]
                   }, null, 8, ["modelValue", "label", "rules"]),
-                  l(X, {
+                  l(Q, {
                     label: s(d)("grantUser.form.restaurant")
                   }, {
-                    default: y(() => [
+                    default: g(() => [
                       l(z, {
-                        modelValue: o.value.restaurantId,
-                        "onUpdate:modelValue": i[1] || (i[1] = (u) => o.value.restaurantId = u),
+                        modelValue: n.value.restaurantId,
+                        "onUpdate:modelValue": i[1] || (i[1] = (u) => n.value.restaurantId = u),
                         items: V.value,
                         placeholder: s(d)("grantUser.form.selectRestaurant"),
                         rules: [(u) => !!u || s(d)("grantUser.form.restaurantRequired")]
@@ -112,16 +112,16 @@ const Ve = { class: "fm-typo-en-title-md-600" }, Fe = { class: "space-y-40" }, w
                     ]),
                     _: 1
                   }, 8, ["label"]),
-                  l(X, {
+                  l(Q, {
                     label: s(d)("grantUser.form.role")
                   }, {
-                    default: y(() => [
+                    default: g(() => [
                       l(z, {
-                        modelValue: o.value.roleId,
-                        "onUpdate:modelValue": i[2] || (i[2] = (u) => o.value.roleId = u),
+                        modelValue: n.value.roleId,
+                        "onUpdate:modelValue": i[2] || (i[2] = (u) => n.value.roleId = u),
                         items: $.value,
                         placeholder: s(d)("grantUser.form.selectRole"),
-                        disabled: !o.value.restaurantId,
+                        disabled: !n.value.restaurantId,
                         rules: [(u) => !!u || s(d)("grantUser.form.roleRequired")]
                       }, null, 8, ["modelValue", "items", "placeholder", "disabled", "rules"])
                     ]),
@@ -150,47 +150,49 @@ const Ve = { class: "fm-typo-en-title-md-600" }, Fe = { class: "space-y-40" }, w
 }, Re = {
   class: "px-16 flex items-start gap-8"
 }, ze = {
-  class: "pb-64 hidden xs:block"
+  class: "flex h-full flex-col overflow-auto"
 }, Le = {
-  class: "space-y-4"
+  class: "pb-64 hidden xs:block"
 }, Ae = {
-  class: "flex items-center gap-8"
+  class: "space-y-4"
 }, De = {
-  class: "fm-typo-en-body-lg-600"
+  class: "flex items-center gap-8"
 }, Ke = {
-  class: "font-mono text-lg font-bold mr-4"
+  class: "fm-typo-en-body-lg-600"
 }, Me = {
-  class: "text-fm-color-typo-secondary"
+  class: "font-mono text-lg font-bold mr-4"
 }, Te = {
-  class: "mt-4 space-y-2"
+  class: "text-fm-color-typo-secondary"
 }, Ge = {
-  class: "text-xs"
+  class: "mt-4 space-y-2"
 }, je = {
   class: "text-xs"
 }, Oe = {
+  class: "text-xs"
+}, Ee = {
   key: 0,
   class: "flex flex-col gap-4"
-}, st = /* @__PURE__ */ Z({
+}, rt = /* @__PURE__ */ X({
   __name: "GrantUserList",
-  setup(oe, {
+  setup(le, {
     expose: M
   }) {
     const {
       t: a
-    } = ee(), I = (e) => ge(e).format("DD/MM/YYYY, h:mm:ss A"), U = S(), h = se(), {
+    } = Z(), I = (e) => ge(e).format("DD/MM/YYYY, h:mm:ss A"), y = S(), x = ae(), {
       restaurants: C
-    } = re(), {
+    } = se(), {
       roles: d
-    } = le(), g = f(() => h.grantUsers), {
-      searchKey: o,
+    } = re(), h = f(() => x.grantUsers), {
+      searchKey: n,
       filter: B
-    } = he(), x = f(() => {
+    } = Ue(), U = f(() => {
       var e;
-      return (e = g.value) == null ? void 0 : e.filter((t) => {
-        const m = !U.value || U.value.includes(t.restaurantId), G = !F.value || F.value.includes(t.status), L = k.value[t.restaurantId] || "", j = V.value[t.roleId] || "";
+      return (e = h.value) == null ? void 0 : e.filter((t) => {
+        const m = !y.value || y.value.includes(t.restaurantId), G = !k.value || k.value.includes(t.status), L = b.value[t.restaurantId] || "", j = V.value[t.roleId] || "";
         return m && G && B([t.passcode, t.name, L, j, t.grantByName]);
       });
-    }), k = f(() => {
+    }), b = f(() => {
       const e = {};
       return C.value.forEach((t) => {
         e[t._id] = t.profile.name;
@@ -222,11 +224,11 @@ const Ve = { class: "fm-typo-en-title-md-600" }, Fe = { class: "space-y-40" }, w
         return p("div", {
           class: "flex items-center gap-8"
         }, [p(K.FmButton, {
-          variant: E.Tertiary,
+          variant: O.Tertiary,
           textColor: "neutral-gray-400",
           icon: "content_copy",
           onClick: (m) => {
-            m.stopPropagation(), H(t);
+            m.stopPropagation(), q(t);
           }
         }), p("span", {
           class: "font-mono text-lg font-bold"
@@ -237,13 +239,13 @@ const Ve = { class: "fm-typo-en-title-md-600" }, Fe = { class: "space-y-40" }, w
       header: () => a("grantUser.columns.name")
     }, {
       accessorKey: "restaurantName",
-      accessorFn: (e) => k.value[e.restaurantId],
+      accessorFn: (e) => b.value[e.restaurantId],
       header: () => a("grantUser.columns.restaurant"),
       meta: {
         width: "250px"
       },
       cell(e) {
-        return p("div", k.value[e.row.original.restaurantId] || "-");
+        return p("div", b.value[e.row.original.restaurantId] || "-");
       }
     }, {
       accessorKey: "roleName",
@@ -292,13 +294,13 @@ const Ve = { class: "fm-typo-en-title-md-600" }, Fe = { class: "space-y-40" }, w
           class: "w-full flex justify-end items-center gap-4"
         }, [p(K.FmButton, {
           label: a("grantUser.actions.revoke"),
-          variant: E.Secondary,
+          variant: O.Secondary,
           onClick: (m) => {
             m.stopPropagation(), u(t);
           }
         })]);
       }
-    }], i = te(), R = _e(), z = ae(i), w = S(), {
+    }], i = ee(), R = _e(), z = te(i), F = S(), {
       breakpoints: T
     } = ye(), u = (e) => {
       R.open({
@@ -318,7 +320,7 @@ const Ve = { class: "fm-typo-en-title-md-600" }, Fe = { class: "space-y-40" }, w
         }
       }).onPrimary(async () => {
         z.minor(async () => {
-          await h.revokeGrantUser(e._id, e.restaurantId);
+          await x.revokeGrantUser(e._id, e.restaurantId);
         }, {
           successMessage: a("grantUser.revoke.successMessage", {
             name: e.name
@@ -326,11 +328,11 @@ const Ve = { class: "fm-typo-en-title-md-600" }, Fe = { class: "space-y-40" }, w
         }), R.close();
       });
     };
-    function ne() {
+    function oe() {
       var e;
-      (e = w.value) == null || e.trigger();
+      (e = F.value) == null || e.trigger();
     }
-    const Y = f(() => [{
+    const P = f(() => [{
       label: a("grantUser.status.active"),
       value: "active"
     }, {
@@ -339,11 +341,11 @@ const Ve = { class: "fm-typo-en-title-md-600" }, Fe = { class: "space-y-40" }, w
     }, {
       label: a("grantUser.status.revoked"),
       value: "revoked"
-    }]), q = f(() => C.value.map((e) => ({
+    }]), Y = f(() => C.value.map((e) => ({
       label: `${e.profile.code ? `${e.profile.code} - ` : ""}${e.profile.name}`,
       value: e._id
-    }))), F = S();
-    async function H(e) {
+    }))), k = S();
+    async function q(e) {
       try {
         await navigator.clipboard.writeText(e), i.open({
           message: a("grantUser.passcode.copied"),
@@ -357,105 +359,106 @@ const Ve = { class: "fm-typo-en-title-md-600" }, Fe = { class: "space-y-40" }, w
       }
     }
     return M({
-      create: ne,
-      filteredGrantUsers: x
+      create: oe,
+      filteredGrantUsers: U
     }), (e, t) => {
-      const m = v("FmSearch"), G = v("FmTable"), L = v("FmButton"), j = v("FmChip"), ce = v("FmListItem"), ie = v("FmList");
-      return b(), D(P, null, [l(Se, {
+      const m = v("FmSearch"), G = v("FmTable"), L = v("FmButton"), j = v("FmChip"), ne = v("FmListItem"), ce = v("FmList");
+      return w(), D(E, null, [l(Se, {
         ref_key: "grantUserFormRef",
-        ref: w,
+        ref: F,
         class: "gap-8"
-      }, null, 512), n("div", Ie, [n("div", Ce, [n("div", Be, [l(A, {
-        modelValue: U.value,
-        "onUpdate:modelValue": t[0] || (t[0] = (r) => U.value = r),
+      }, null, 512), o("div", Ie, [o("div", Ce, [o("div", Be, [l(A, {
+        modelValue: y.value,
+        "onUpdate:modelValue": t[0] || (t[0] = (r) => y.value = r),
         multiple: "",
-        items: q.value,
+        items: Y.value,
         variant: "dark",
         "selected-prefix": s(a)("grantUser.columns.restaurant"),
         placeholder: s(a)("grantUser.columns.restaurant"),
         class: "!w-auto"
       }, null, 8, ["modelValue", "items", "selected-prefix", "placeholder"]), l(A, {
-        modelValue: F.value,
-        "onUpdate:modelValue": t[1] || (t[1] = (r) => F.value = r),
+        modelValue: k.value,
+        "onUpdate:modelValue": t[1] || (t[1] = (r) => k.value = r),
         multiple: "",
         variant: "dark",
-        items: Y.value,
+        items: P.value,
         "selected-prefix": s(a)("grantUser.filter.selected_status_prefix"),
         placeholder: s(a)("grantUser.filter.status_placeholder")
       }, null, 8, ["modelValue", "items", "selected-prefix", "placeholder"])]), l(m, {
-        modelValue: s(o),
-        "onUpdate:modelValue": t[2] || (t[2] = (r) => W(o) ? o.value = r : null),
+        modelValue: s(n),
+        "onUpdate:modelValue": t[2] || (t[2] = (r) => H(n) ? n.value = r : null),
         autofocus: "",
         class: "pl-4 w-[320px]",
         placeholder: s(a)("grantUser.search.placeholder")
-      }, null, 8, ["modelValue", "placeholder"])]), n("div", $e, [n("div", Ne, [l(m, {
-        modelValue: s(o),
-        "onUpdate:modelValue": t[3] || (t[3] = (r) => W(o) ? o.value = r : null),
+      }, null, 8, ["modelValue", "placeholder"])]), o("div", $e, [o("div", Ne, [l(m, {
+        modelValue: s(n),
+        "onUpdate:modelValue": t[3] || (t[3] = (r) => H(n) ? n.value = r : null),
         autofocus: "",
         placeholder: s(a)("grantUser.search.placeholder")
-      }, null, 8, ["modelValue", "placeholder"])]), l(xe), n("div", Re, [l(A, {
-        modelValue: U.value,
-        "onUpdate:modelValue": t[4] || (t[4] = (r) => U.value = r),
+      }, null, 8, ["modelValue", "placeholder"])]), l(xe), o("div", Re, [l(A, {
+        modelValue: y.value,
+        "onUpdate:modelValue": t[4] || (t[4] = (r) => y.value = r),
         multiple: "",
-        items: q.value,
+        items: Y.value,
         variant: "dark",
         "selected-prefix": s(a)("grantUser.columns.restaurant"),
         placeholder: s(a)("grantUser.columns.restaurant"),
         class: "!w-auto"
       }, null, 8, ["modelValue", "items", "selected-prefix", "placeholder"]), l(A, {
-        modelValue: F.value,
-        "onUpdate:modelValue": t[5] || (t[5] = (r) => F.value = r),
+        modelValue: k.value,
+        "onUpdate:modelValue": t[5] || (t[5] = (r) => k.value = r),
         multiple: "",
-        items: Y.value,
+        items: P.value,
         variant: "dark",
         "selected-prefix": s(a)("grantUser.filter.selected_status_prefix"),
         placeholder: s(a)("grantUser.filter.status_placeholder")
-      }, null, 8, ["modelValue", "items", "selected-prefix", "placeholder"])])]), g.value.length > 0 || s(h).isLoading ? (b(), O(Ue, {
-        key: 0,
-        class: "overflow-auto"
-      }, {
-        default: y(() => [l(G, {
-          class: "xs:hidden",
-          "column-defs": c,
-          "row-data": x.value,
-          "page-size": x.value.length,
-          loading: s(h).isLoading,
-          virtual: x.value.length > 0,
-          "pin-header-row": "",
-          "hide-footer": ""
-        }, null, 8, ["row-data", "page-size", "loading", "virtual"]), n("div", ze, [l(ie, {
+      }, null, 8, ["modelValue", "items", "selected-prefix", "placeholder"])])]), l(he, null, {
+        default: g(() => [o("div", ze, [l(be, {
+          "is-loading": s(x).isLoading,
+          "is-empty": U.value.length === 0,
+          title: s(a)("grantUser.noData.title"),
+          subtitle: s(a)("grantUser.noData.subtitle")
+        }, {
+          default: g(() => [l(G, {
+            class: "xs:hidden",
+            "column-defs": c,
+            "row-data": U.value,
+            "page-size": U.value.length,
+            loading: s(x).isLoading,
+            virtual: U.value.length > 0,
+            "pin-header-row": "",
+            "hide-footer": ""
+          }, null, 8, ["row-data", "page-size", "loading", "virtual"])]),
+          _: 1
+        }, 8, ["is-loading", "is-empty", "title", "subtitle"]), o("div", Le, [l(ce, {
           separator: ""
         }, {
-          default: y(() => [(b(!0), D(P, null, pe(x.value, (r) => (b(), O(ce, {
+          default: g(() => [(w(!0), D(E, null, me(U.value, (r) => (w(), pe(ne, {
             key: r._id,
             class: "py-12 px-16 items-center justify-between"
           }, {
-            default: y(() => [n("div", Le, [n("div", Ae, [l(L, {
+            default: g(() => [o("div", Ae, [o("div", De, [l(L, {
               variant: "tertiary",
               "text-color": "neutral-gray-400",
               icon: "content_copy",
-              onClick: J((ue) => H(r.passcode), ["stop"])
-            }, null, 8, ["onClick"]), n("p", De, [n("span", Ke, _(r.passcode), 1), Q(" - " + _(r.name), 1)])]), n("div", Me, [n("div", null, [Q(_(k.value[r.restaurantId] || "-") + " ", 1), n("div", null, _(V.value[r.roleId] || "-"), 1)]), n("div", Te, [n("div", Ge, _(s(a)("grantUser.columns.grantedBy")) + ": " + _(r.grantByName), 1), n("div", je, _(s(a)("grantUser.columns.createdAt")) + ": " + _(I(r.createdAt)), 1), l(j, {
+              onClick: W((ie) => q(r.passcode), ["stop"])
+            }, null, 8, ["onClick"]), o("p", Ke, [o("span", Me, _(r.passcode), 1), J(" - " + _(r.name), 1)])]), o("div", Te, [o("div", null, [J(_(b.value[r.restaurantId] || "-") + " ", 1), o("div", null, _(V.value[r.roleId] || "-"), 1)]), o("div", Ge, [o("div", je, _(s(a)("grantUser.columns.grantedBy")) + ": " + _(r.grantByName), 1), o("div", Oe, _(s(a)("grantUser.columns.createdAt")) + ": " + _(I(r.createdAt)), 1), l(j, {
               label: N(r.status),
               class: ve($(r.status))
-            }, null, 8, ["label", "class"])])])]), r.status === "active" ? (b(), D("div", Oe, [l(L, {
+            }, null, 8, ["label", "class"])])])]), r.status === "active" ? (w(), D("div", Ee, [l(L, {
               label: s(a)("grantUser.actions.revoke"),
-              variant: s(E).Secondary,
-              onClick: J((ue) => u(r), ["stop"])
+              variant: s(O).Secondary,
+              onClick: W((ie) => u(r), ["stop"])
             }, null, 8, ["label", "variant", "onClick"])])) : fe("", !0)]),
             _: 2
           }, 1024))), 128))]),
           _: 1
-        })])]),
+        })])])]),
         _: 1
-      })) : (b(), O(s(be), {
-        key: 1,
-        title: s(a)("grantUser.noData.title"),
-        subtitle: s(a)("grantUser.noData.subtitle")
-      }, null, 8, ["title", "subtitle"]))])], 64);
+      })])], 64);
     };
   }
 });
 export {
-  st as default
+  rt as default
 };