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

package/dist/GrantUserList-CnLjOi5_.js

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

package/dist/Main-Cn7Dawg4.js

@@ -1,120 +0,0 @@
-import { defineComponent as U, computed as n, ref as R, watch as C, resolveComponent as _, createBlock as i, openBlock as m, withCtx as p, createElementVNode as w, createCommentVNode as S, createVNode as y, resolveDynamicComponent as F, createTextVNode as G, toDisplayString as q } from "vue";
-import { useRoute as x, useRouter as E } from "vue-router";
-import { useI18n as $, useCoreStore as I } from "@feedmepos/mf-common";
-import { useSnackbar as M } from "@feedmepos/ui-library";
-import { _ as j } from "./ResponsiveFabButton.vue_vue_type_script_setup_true_lang-Cn-3MRBO.js";
-import { _ as z } from "./PageLayout.vue_vue_type_script_setup_true_lang-HKK4cbW8.js";
-import { u as H } from "./restaurant-YOVMuuFY.js";
-import { u as J } from "./role-CR_-nBDY.js";
-import { u as K } from "./grant-user-CQZaTzVt.js";
-import { u as Q } from "./approval-code-Q4666xp5.js";
-import { R as u } from "./app-DX-PG6wx.js";
-const W = { class: "space-y-24" }, le = /* @__PURE__ */ U({
-  __name: "Main",
-  setup(X) {
-    const { t: o } = $(), c = x(), d = E(), T = M(), { sessionUser: V, currentBusiness: b } = I(), { readRestaurants: h } = H(), { readRoles: B } = J(), { readGrantUsers: P } = K(), { readApprovalCodes: L } = Q(), s = n(() => {
-      var t;
-      return !!((t = V.value) != null && t.role.isAdmin);
-    }), A = R(), g = R(), r = n({
-      get: () => c.name === u.POS_GRANT ? "grants" : "codes",
-      set: (t) => {
-        d.push({
-          name: t === "grants" ? u.POS_GRANT : u.APPROVAL_CODE,
-          query: d.currentRoute.value.query
-        });
-      }
-    }), v = n(() => {
-      const t = [];
-      return s.value && t.push({
-        label: o("posAccess.tabs.grants"),
-        subTitle: o("posAccess.tabs.grantsDescription"),
-        value: "grants",
-        createButtonLabel: o("grantUser.actions.create"),
-        createButtonAction: () => {
-          var e;
-          return (e = g.value) == null ? void 0 : e.create();
-        }
-      }), t.push({
-        label: o("posAccess.tabs.codes"),
-        subTitle: o("posAccess.tabs.codesDescription"),
-        value: "codes",
-        createButtonLabel: o("approvalCode.actions.create"),
-        createButtonAction: () => {
-          var e;
-          return (e = A.value) == null ? void 0 : e.create();
-        }
-      }), t;
-    }), l = n(
-      () => v.value.find((t) => t.value === r.value) ?? v.value[0]
-    ), N = n(() => s.value ? o("posAccess.title") : o("approvalCode.title"));
-    return C(
-      [s, () => c.name],
-      () => {
-        !s.value && c.name === u.POS_GRANT && d.replace({ name: u.APPROVAL_CODE, query: c.query });
-      },
-      { immediate: !0 }
-    ), C(
-      [b, s],
-      async () => {
-        var t;
-        if ((t = b.value) != null && t._id)
-          try {
-            const e = [h(), L()];
-            s.value && e.push(B(), P()), await Promise.all(e);
-          } catch (e) {
-            console.error("Failed to load POS access dependencies:", e), T.open({
-              message: e instanceof Error ? e.message : String(e),
-              type: "error"
-            });
-          }
-      },
-      { immediate: !0 }
-    ), (t, e) => {
-      const O = _("FmSpacer"), k = _("FmTabs"), D = _("RouterView");
-      return m(), i(z, { heading: N.value }, {
-        "sub-heading": p(() => {
-          var a;
-          return [
-            G(q((a = l.value) == null ? void 0 : a.subTitle), 1)
-          ];
-        }),
-        "append-heading": p(() => {
-          var a;
-          return [
-            y(O),
-            (a = l.value) != null && a.createButtonLabel ? (m(), i(j, {
-              key: 0,
-              icon: "add",
-              label: l.value.createButtonLabel,
-              onClick: e[0] || (e[0] = (f) => l.value.createButtonAction())
-            }, null, 8, ["label"])) : S("", !0)
-          ];
-        }),
-        default: p(() => [
-          w("div", W, [
-            s.value ? (m(), i(k, {
-              key: 0,
-              modelValue: r.value,
-              "onUpdate:modelValue": e[1] || (e[1] = (a) => r.value = a),
-              items: v.value
-            }, null, 8, ["modelValue", "items"])) : S("", !0),
-            y(D, null, {
-              default: p(({ Component: a }) => [
-                (m(), i(F(a), {
-                  ref: (f) => {
-                    r.value === "codes" && (A.value = f), r.value === "grants" && (g.value = f);
-                  }
-                }, null, 512))
-              ]),
-              _: 1
-            })
-          ])
-        ]),
-        _: 1
-      }, 8, ["heading"]);
-    };
-  }
-});
-export {
-  le as default
-};