@feedmepos/mf-hrm-portal 2.1.1-dev.3 → 2.1.1-dev.4

package/dist/GrantUserList-DoyxknJZ.js

@@ -0,0 +1,464 @@
+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-BXBPls4m.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 he } from "./app-BZwE2coe.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-CzXchcSS.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(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 = () => {
+      n.value = {
+        name: "",
+        restaurantId: "",
+        roleId: ""
+      }, 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(() => 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
+    })) : []);
+    ue(
+      () => n.value.restaurantId,
+      () => {
+        n.value.roleId = "";
+      }
+    );
+    async function N() {
+      await C.minor(async () => {
+        const c = await a.createGrantUser(n.value);
+        x.open({
+          message: d("grantUser.create.successMessage", {
+            passcode: c.passcode
+          }),
+          type: "success"
+        });
+      }), h.value = !1;
+    }
+    return M({
+      show: h,
+      trigger: B
+    }), (c, i) => {
+      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: h.value,
+          "onUpdate:modelValue": i[4] || (i[4] = (u) => h.value = u),
+          "is-container": s(K).FmForm,
+          "is-container-props": {
+            onValidationSuccess: N,
+            blameFormChildOnValidationFailed: !0
+          },
+          "max-width": 560
+        }, {
+          "side-sheet-header": g(() => [
+            o("p", ke, _(U.value), 1)
+          ]),
+          "side-sheet-footer": g(() => [
+            o("div", we, [
+              l(F, {
+                label: b.value,
+                size: "lg",
+                type: "submit",
+                variant: "primary"
+              }, null, 8, ["label"]),
+              l(F, {
+                label: s(d)("common.cancel"),
+                size: "lg",
+                variant: "tertiary",
+                onClick: i[3] || (i[3] = () => h.value = !1)
+              }, null, 8, ["label"])
+            ])
+          ]),
+          default: g(() => [
+            o("div", Fe, [
+              l(Ve, {
+                title: s(d)("grantUser.form.section")
+              }, {
+                default: g(() => [
+                  l(R, {
+                    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(Q, {
+                    label: s(d)("grantUser.form.restaurant")
+                  }, {
+                    default: g(() => [
+                      l(z, {
+                        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")]
+                      }, null, 8, ["modelValue", "items", "placeholder", "rules"])
+                    ]),
+                    _: 1
+                  }, 8, ["label"]),
+                  l(Q, {
+                    label: s(d)("grantUser.form.role")
+                  }, {
+                    default: g(() => [
+                      l(z, {
+                        modelValue: n.value.roleId,
+                        "onUpdate:modelValue": i[2] || (i[2] = (u) => n.value.roleId = u),
+                        items: $.value,
+                        placeholder: s(d)("grantUser.form.selectRole"),
+                        disabled: !n.value.restaurantId,
+                        rules: [(u) => !!u || s(d)("grantUser.form.roleRequired")]
+                      }, null, 8, ["modelValue", "items", "placeholder", "disabled", "rules"])
+                    ]),
+                    _: 1
+                  }, 8, ["label"])
+                ]),
+                _: 1
+              }, 8, ["title"])
+            ])
+          ]),
+          _: 1
+        }, 8, ["modelValue", "is-container", "is-container-props"])
+      ], 64);
+    };
+  }
+}), Ie = {
+  class: "space-y-8"
+}, Ce = {
+  class: "xs:hidden flex w-full items-start justify-between"
+}, Be = {
+  class: "flex items-start gap-8"
+}, $e = {
+  class: "space-y-4 hidden xs:block"
+}, Ne = {
+  class: "px-16"
+}, Re = {
+  class: "px-16 flex items-start gap-8"
+}, ze = {
+  class: "flex h-full flex-col overflow-auto"
+}, Le = {
+  class: "pb-64 hidden xs:block"
+}, Ae = {
+  class: "space-y-4"
+}, De = {
+  class: "flex items-center gap-8"
+}, Ke = {
+  class: "fm-typo-en-body-lg-600"
+}, Me = {
+  class: "font-mono text-lg font-bold mr-4"
+}, Te = {
+  class: "text-fm-color-typo-secondary"
+}, Ge = {
+  class: "mt-4 space-y-2"
+}, je = {
+  class: "text-xs"
+}, Oe = {
+  class: "text-xs"
+}, Ee = {
+  key: 0,
+  class: "flex flex-col gap-4"
+}, rt = /* @__PURE__ */ X({
+  __name: "GrantUserList",
+  setup(le, {
+    expose: M
+  }) {
+    const {
+      t: a
+    } = Z(), I = (e) => ge(e).format("DD/MM/YYYY, h:mm:ss A"), y = S(), x = ae(), {
+      restaurants: C
+    } = se(), {
+      roles: d
+    } = re(), h = f(() => x.grantUsers), {
+      searchKey: n,
+      filter: B
+    } = Ue(), U = f(() => {
+      var e;
+      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]);
+      });
+    }), b = f(() => {
+      const e = {};
+      return C.value.forEach((t) => {
+        e[t._id] = t.profile.name;
+      }), e;
+    }), V = f(() => {
+      const e = {};
+      return d.value.forEach((t) => {
+        e[t._id] = t.name;
+      }), e;
+    }), $ = (e) => {
+      switch (e) {
+        case "active":
+          return "bg-fm-color-system-success-100 text-fm-color-typo-success";
+        case "used":
+          return "bg-fm-color-typo-tertiary text-fm-color-typo-primary";
+        case "revoked":
+          return "bg-fm-color-system-error-100 text-fm-color-typo-error";
+        default:
+          return "bg-fm-color-typo-secondary text-fm-color-typo-primary";
+      }
+    }, N = (e) => a(`grantUser.status.${e}`), c = [{
+      accessorKey: "passcode",
+      size: 120,
+      maxSize: 120,
+      minSize: 120,
+      header: () => a("grantUser.columns.passcode"),
+      cell(e) {
+        const t = e.row.original.passcode;
+        return p("div", {
+          class: "flex items-center gap-8"
+        }, [p(K.FmButton, {
+          variant: O.Tertiary,
+          textColor: "neutral-gray-400",
+          icon: "content_copy",
+          onClick: (m) => {
+            m.stopPropagation(), q(t);
+          }
+        }), p("span", {
+          class: "font-mono text-lg font-bold"
+        }, t)]);
+      }
+    }, {
+      accessorKey: "name",
+      header: () => a("grantUser.columns.name")
+    }, {
+      accessorKey: "restaurantName",
+      accessorFn: (e) => b.value[e.restaurantId],
+      header: () => a("grantUser.columns.restaurant"),
+      meta: {
+        width: "250px"
+      },
+      cell(e) {
+        return p("div", b.value[e.row.original.restaurantId] || "-");
+      }
+    }, {
+      accessorKey: "roleName",
+      accessorFn: (e) => V.value[e.roleId],
+      header: () => a("grantUser.columns.role"),
+      cell(e) {
+        const t = e.row.original.roleId, m = V.value[t] || "-";
+        return p("div", m);
+      }
+    }, {
+      accessorKey: "status",
+      header: () => a("grantUser.columns.status"),
+      meta: {
+        maxWidth: "120px"
+      },
+      cell(e) {
+        const t = e.row.original.status;
+        return p(K.FmChip, {
+          label: N(t),
+          class: $(t)
+        });
+      }
+    }, {
+      accessorKey: "grantByName",
+      header: () => a("grantUser.columns.grantedBy"),
+      cell(e) {
+        return p("div", e.row.original.grantByName);
+      }
+    }, {
+      accessorKey: "createdAt",
+      header: () => a("grantUser.columns.createdAt"),
+      cell(e) {
+        const t = e.row.original.createdAt;
+        return p("div", I(t));
+      }
+    }, {
+      id: "action",
+      size: 180,
+      meta: {
+        cellClass: "p-16",
+        headerContentClass: "-mx-16"
+      },
+      cell: (e) => {
+        const t = e.row.original;
+        return t.status !== "active" ? null : p("div", {
+          class: "w-full flex justify-end items-center gap-4"
+        }, [p(K.FmButton, {
+          label: a("grantUser.actions.revoke"),
+          variant: O.Secondary,
+          onClick: (m) => {
+            m.stopPropagation(), u(t);
+          }
+        })]);
+      }
+    }], i = ee(), R = _e(), z = te(i), F = S(), {
+      breakpoints: T
+    } = ye(), u = (e) => {
+      R.open({
+        title: a("grantUser.revoke.title"),
+        message: a("grantUser.revoke.message", {
+          name: e.name
+        }),
+        minWidth: T.value.lg ? 588 : 0,
+        primaryActions: {
+          text: a("grantUser.actions.revoke"),
+          close: !1,
+          variant: "destructive"
+        },
+        secondaryActions: {
+          text: a("common.cancel"),
+          close: !0
+        }
+      }).onPrimary(async () => {
+        z.minor(async () => {
+          await x.revokeGrantUser(e._id, e.restaurantId);
+        }, {
+          successMessage: a("grantUser.revoke.successMessage", {
+            name: e.name
+          })
+        }), R.close();
+      });
+    };
+    function oe() {
+      var e;
+      (e = F.value) == null || e.trigger();
+    }
+    const P = f(() => [{
+      label: a("grantUser.status.active"),
+      value: "active"
+    }, {
+      label: a("grantUser.status.used"),
+      value: "used"
+    }, {
+      label: a("grantUser.status.revoked"),
+      value: "revoked"
+    }]), Y = f(() => C.value.map((e) => ({
+      label: `${e.profile.code ? `${e.profile.code} - ` : ""}${e.profile.name}`,
+      value: e._id
+    }))), k = S();
+    async function q(e) {
+      try {
+        await navigator.clipboard.writeText(e), i.open({
+          message: a("grantUser.passcode.copied"),
+          type: "success"
+        });
+      } catch (t) {
+        i.open({
+          message: String(t),
+          type: "error"
+        });
+      }
+    }
+    return M({
+      create: oe,
+      filteredGrantUsers: U
+    }), (e, t) => {
+      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: F,
+        class: "gap-8"
+      }, 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: 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: k.value,
+        "onUpdate:modelValue": t[1] || (t[1] = (r) => k.value = r),
+        multiple: "",
+        variant: "dark",
+        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(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"])]), 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), o("div", Re, [l(A, {
+        modelValue: y.value,
+        "onUpdate:modelValue": t[4] || (t[4] = (r) => y.value = r),
+        multiple: "",
+        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: k.value,
+        "onUpdate:modelValue": t[5] || (t[5] = (r) => k.value = r),
+        multiple: "",
+        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"])])]), 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: 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: g(() => [o("div", Ae, [o("div", De, [l(L, {
+              variant: "tertiary",
+              "text-color": "neutral-gray-400",
+              icon: "content_copy",
+              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" ? (w(), D("div", Ee, [l(L, {
+              label: s(a)("grantUser.actions.revoke"),
+              variant: s(O).Secondary,
+              onClick: W((ie) => u(r), ["stop"])
+            }, null, 8, ["label", "variant", "onClick"])])) : fe("", !0)]),
+            _: 2
+          }, 1024))), 128))]),
+          _: 1
+        })])])]),
+        _: 1
+      })])], 64);
+    };
+  }
+});
+export {
+  rt as default
+};