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

package/dist/Main-DUbLeLlK.js

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