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

package/dist/ApprovalCodeList-B0PLZwav.js

@@ -1,758 +0,0 @@
-import { defineComponent as re, ref as D, computed as C, resolveComponent as k, createBlock as Y, openBlock as y, withCtx as A, createElementVNode as r, createElementBlock as S, createCommentVNode as W, toDisplayString as g, unref as a, Fragment as G, renderList as te, createVNode as i, renderSlot as be, isRef as de, withModifiers as pe, createTextVNode as he, normalizeClass as xe, h as b } from "vue";
-import { d as ke } from "./dayjs.min-BXBPls4m.js";
-import { useI18n as ne } from "@feedmepos/mf-common";
-import { useSnackbar as ie, components as z, useDialog as we, useBreakpoints as Ve, FmButtonVariant as le } from "@feedmepos/ui-library";
-import { S as H } from "./SelectFilter-ATOm0hdn.js";
-import { _ as Fe } from "./app-BZwE2coe.js";
-import { _ as me, u as $e, H as Ae } from "./FormItem.vue_vue_type_script_setup_true_lang-DPT2FoIc.js";
-import { _ as Se } from "./index.vue_vue_type_script_setup_true_lang-BVVwfd7B.js";
-import { u as fe } from "./useLoading-BH02lYns.js";
-import { u as ye } from "./approval-code-Q4666xp5.js";
-import { u as ce } from "./restaurant-YOVMuuFY.js";
-import { _ as Pe } from "./FormSection.vue_vue_type_script_setup_true_lang-DknXTYiK.js";
-const je = {
-  discount: { subject: "order", actions: ["update"], conditions: { operation: "discount" } },
-  payment: { subject: "order", actions: ["update"], conditions: { operation: "payment" } },
-  claimDeposit: {
-    subject: "order",
-    actions: ["update"],
-    conditions: { operation: "claimDeposit" }
-  },
-  changePrice: { subject: "order", actions: ["update"], conditions: { operation: "changePrice" } },
-  void: { subject: "order", actions: ["update"], conditions: { operation: "void" } },
-  resend: { subject: "order", actions: ["update"], conditions: { operation: "resend" } },
-  changePaymentType: {
-    subject: "order",
-    actions: ["update"],
-    conditions: { operation: "changePaymentType" }
-  },
-  refund: { subject: "refund", actions: ["create"], conditions: { operation: "refund" } },
-  openDrawer: { subject: "drawer", actions: ["manage"], conditions: { operation: "openDrawer" } },
-  openCounter: {
-    subject: "counterRecord",
-    actions: ["manage"],
-    conditions: { operation: "openCounter" }
-  },
-  closeCounter: {
-    subject: "counterRecord",
-    actions: ["manage"],
-    conditions: { operation: "closeCounter" }
-  },
-  printReceipt: { subject: "order", actions: ["read"], conditions: { operation: "printReceipt" } }
-};
-function Be(u, s) {
-  const e = je[u], _ = u === "discount" && (s == null ? void 0 : s.maxPercentage) !== void 0 ? { ...e.conditions, adjustment: { $lte: s.maxPercentage / 100 } } : { ...e.conditions };
-  return { key: u, subject: e.subject, actions: e.actions, conditions: _ };
-}
-function Ie(u) {
-  var e;
-  const s = (e = u.conditions) == null ? void 0 : e.adjustment;
-  if (s && typeof s == "object" && "$lte" in s && typeof s.$lte == "number")
-    return Math.round(s.$lte * 100);
-}
-function ue(u, s) {
-  return u.map((e) => {
-    const _ = s(`approvalCode.permissions.${e.key}`), d = Ie(e);
-    return d === void 0 ? _ : `${_} ≤${d}%`;
-  });
-}
-function _e(u, s, e) {
-  return [
-    `${e("approvalCode.columns.passcode")} ${u.passcode}`,
-    ue(u.permissions, e).join(", "),
-    s
-  ].filter(Boolean).join(" · ");
-}
-function ge(u) {
-  return typeof u == "string" ? u.trim() : u;
-}
-function Re(u) {
-  const s = ge(u);
-  if (s === void 0 || s === "") return !0;
-  const e = Number(s);
-  return Number.isInteger(e) && e >= 1 && e <= 100;
-}
-function De(u) {
-  const s = ge(u);
-  if (!(s === void 0 || s === ""))
-    return Number(s);
-}
-const oe = [
-  { key: "printReceipt", ruleKeys: ["printReceipt"] },
-  { key: "resend", ruleKeys: ["resend"] },
-  { key: "openDrawer", ruleKeys: ["openDrawer"] },
-  { key: "counter", ruleKeys: ["openCounter", "closeCounter"] },
-  { key: "discount", ruleKeys: ["discount"] },
-  { key: "changePrice", ruleKeys: ["changePrice"] },
-  { key: "void", ruleKeys: ["void"] },
-  { key: "changePaymentType", ruleKeys: ["changePaymentType"] },
-  { key: "refund", ruleKeys: ["refund"] }
-];
-function ee(u) {
-  return u.usedAt ?? u.revokedAt;
-}
-function Ne(u, s) {
-  if (!s || s.length === 0) return !0;
-  const e = new Set(
-    s.flatMap(
-      (_) => {
-        var d;
-        return ((d = oe.find((h) => h.key === _)) == null ? void 0 : d.ruleKeys) ?? [];
-      }
-    )
-  );
-  return u.permissions.some((_) => e.has(_.key));
-}
-const Te = { class: "pr-24" }, Me = { class: "fm-typo-en-title-md-600" }, Ke = { class: "text-fm-color-typo-secondary text-sm mt-4" }, Ue = { class: "rounded-md border border-fm-color-neutral-gray-100 p-16" }, Le = { class: "flex items-center justify-between gap-8" }, Ee = { class: "text-fm-color-typo-secondary text-sm min-w-0" }, Oe = { class: "font-mono text-xl font-bold" }, ze = { class: "w-full flex items-center justify-end gap-8" }, Ye = /* @__PURE__ */ re({
-  __name: "ApprovalCodeCreatedDialog",
-  emits: ["createAnother"],
-  setup(u, { expose: s, emit: e }) {
-    const _ = e, { t: d } = ne(), h = ie(), { restaurants: w } = ce(), V = D(!1), n = D([]), P = (f) => {
-      f.length !== 0 && (n.value = f, V.value = !0);
-    }, N = C(() => n.value.length > 1), c = C(() => {
-      var j, F;
-      const f = (j = n.value[0]) == null ? void 0 : j.restaurantId;
-      return (F = w.value.find((p) => p._id === f)) == null ? void 0 : F.profile.name;
-    }), B = C(() => {
-      const f = n.value[0];
-      return f ? [f.name, ue(f.permissions, d).join(", "), c.value].filter(Boolean).join(" · ") : "";
-    }), I = C(
-      () => N.value ? d("approvalCode.created.titleBulk", { count: n.value.length }) : d("approvalCode.created.title")
-    ), E = C(
-      () => N.value ? d("approvalCode.created.subtitleBulk") : d("approvalCode.created.subtitle")
-    );
-    async function T(f) {
-      try {
-        await navigator.clipboard.writeText(f), h.open({
-          message: d("approvalCode.passcode.copied"),
-          type: "success"
-        });
-      } catch (j) {
-        h.open({
-          message: String(j),
-          type: "error"
-        });
-      }
-    }
-    const q = (f) => T(_e(f, c.value, d)), M = () => T([B.value, ...n.value.map((f) => f.passcode)].join(`
-`)), X = () => {
-      V.value = !1;
-    }, R = () => {
-      V.value = !1, _("createAnother");
-    };
-    return s({ open: P }), (f, j) => {
-      const F = k("FmButton"), p = k("FmDialog");
-      return y(), Y(p, {
-        modelValue: V.value,
-        "onUpdate:modelValue": j[0] || (j[0] = (m) => V.value = m),
-        "min-width": 360,
-        "max-width": 560
-      }, {
-        "dialog-header": A(() => [
-          r("div", Te, [
-            r("p", Me, g(I.value), 1),
-            r("p", Ke, g(E.value), 1)
-          ])
-        ]),
-        "dialog-footer": A(() => [
-          r("div", ze, [
-            i(F, {
-              variant: "secondary",
-              label: a(d)("approvalCode.created.createAnother"),
-              onClick: R
-            }, null, 8, ["label"]),
-            i(F, {
-              variant: "primary",
-              label: a(d)("approvalCode.created.done"),
-              onClick: X
-            }, null, 8, ["label"])
-          ])
-        ]),
-        default: A(() => [
-          r("div", Ue, [
-            r("div", Le, [
-              r("p", Ee, g(B.value), 1),
-              N.value ? (y(), Y(F, {
-                key: 0,
-                class: "shrink-0 whitespace-nowrap",
-                variant: "secondary",
-                icon: "content_copy",
-                label: a(d)("approvalCode.created.copyAll"),
-                onClick: M
-              }, null, 8, ["label"])) : W("", !0)
-            ]),
-            (y(!0), S(G, null, te(n.value, (m) => (y(), S("div", {
-              key: m._id,
-              class: "flex items-center justify-between mt-8"
-            }, [
-              r("span", Oe, g(m.passcode), 1),
-              i(F, {
-                variant: "tertiary",
-                icon: "content_copy",
-                label: a(d)("approvalCode.created.copy"),
-                onClick: ($) => q(m)
-              }, null, 8, ["label", "onClick"])
-            ]))), 128))
-          ])
-        ]),
-        _: 1
-      }, 8, ["modelValue"]);
-    };
-  }
-}), qe = { class: "fm-typo-en-title-md-600" }, He = { class: "space-y-40" }, We = { class: "space-y-8" }, Ge = { class: "flex items-center gap-8" }, Xe = {
-  key: 0,
-  class: "pl-32 pt-8"
-}, Ze = {
-  key: 0,
-  class: "text-fm-color-typo-error text-sm"
-}, Je = {
-  key: 0,
-  class: "text-fm-color-typo-error text-sm"
-}, Qe = { class: "flex gap-8 items-center justify-start" }, et = /* @__PURE__ */ re({
-  __name: "ApprovalCodeForm",
-  emits: ["created"],
-  setup(u, { expose: s, emit: e }) {
-    const _ = e, d = ye(), h = ce(), w = ie(), V = fe(w), { t: n } = ne(), P = D(!1), N = () => ({
-      name: "",
-      restaurantId: "",
-      permissions: [],
-      count: 1
-    }), c = D(N()), B = D(void 0), I = () => {
-      c.value = N(), B.value = void 0, P.value = !0;
-    }, E = C(() => n("approvalCode.form.title")), T = C(() => n("common.create")), q = C(() => h.restaurants.value.map((p) => ({
-      label: `${p.profile.code ? p.profile.code + " - " : ""}${p.profile.name}`,
-      value: p._id
-    }))), M = (p) => c.value.permissions.includes(p), X = (p, m) => {
-      m && !M(p) && (c.value.permissions = [...c.value.permissions, p]), m || (c.value.permissions = c.value.permissions.filter(($) => $ !== p));
-    }, R = C(
-      () => c.value.permissions.length === 0 ? n("approvalCode.form.permissionsRequired") : ""
-    ), f = C(() => M("discount") ? Re(B.value) ? "" : n("approvalCode.form.discountMaxPercentageInvalid") : "");
-    function j() {
-      const p = De(B.value);
-      return c.value.permissions.flatMap((m) => {
-        const $ = oe.find((K) => K.key === m);
-        return $ ? $.ruleKeys.map(
-          (K) => Be(K, { maxPercentage: p })
-        ) : [];
-      });
-    }
-    async function F() {
-      if (R.value) {
-        w.open({ message: R.value, type: "error" });
-        return;
-      }
-      if (f.value) {
-        w.open({ message: f.value, type: "error" });
-        return;
-      }
-      const p = await V.minor(
-        async () => d.createApprovalCodes({
-          name: c.value.name,
-          restaurantId: c.value.restaurantId,
-          count: Number(c.value.count),
-          permissions: j()
-        })
-      );
-      w.open({
-        message: p.length === 1 ? n("approvalCode.create.successMessage", { passcode: p[0].passcode }) : n("approvalCode.create.successMessageBulk", { count: p.length }),
-        type: "success"
-      }), P.value = !1, _("created", p);
-    }
-    return s({
-      show: P,
-      trigger: I
-    }), (p, m) => {
-      const $ = k("FmTextField"), K = k("FmSelect"), Q = k("FmCheckbox"), Z = k("fm-button"), ae = k("fm-side-sheet");
-      return y(), S(G, null, [
-        be(p.$slots, "default", { trigger: I }),
-        i(ae, {
-          id: "approval-code-form",
-          modelValue: P.value,
-          "onUpdate:modelValue": m[5] || (m[5] = (v) => P.value = v),
-          "is-container": a(z).FmForm,
-          "is-container-props": {
-            onValidationSuccess: F,
-            blameFormChildOnValidationFailed: !0
-          },
-          "max-width": 560
-        }, {
-          "side-sheet-header": A(() => [
-            r("p", qe, g(E.value), 1)
-          ]),
-          "side-sheet-footer": A(() => [
-            r("div", Qe, [
-              i(Z, {
-                label: T.value,
-                size: "lg",
-                type: "submit",
-                variant: "primary"
-              }, null, 8, ["label"]),
-              i(Z, {
-                label: a(n)("common.cancel"),
-                size: "lg",
-                variant: "tertiary",
-                onClick: m[4] || (m[4] = () => P.value = !1)
-              }, null, 8, ["label"])
-            ])
-          ]),
-          default: A(() => [
-            r("div", He, [
-              i(Pe, {
-                title: a(n)("approvalCode.form.section")
-              }, {
-                default: A(() => [
-                  i($, {
-                    modelValue: c.value.name,
-                    "onUpdate:modelValue": m[0] || (m[0] = (v) => c.value.name = v),
-                    label: a(n)("approvalCode.form.name"),
-                    rules: [(v) => !!v || a(n)("approvalCode.form.nameRequired")]
-                  }, null, 8, ["modelValue", "label", "rules"]),
-                  i(me, {
-                    label: a(n)("approvalCode.form.restaurant")
-                  }, {
-                    default: A(() => [
-                      i(K, {
-                        modelValue: c.value.restaurantId,
-                        "onUpdate:modelValue": m[1] || (m[1] = (v) => c.value.restaurantId = v),
-                        items: q.value,
-                        placeholder: a(n)("approvalCode.form.selectRestaurant"),
-                        rules: [(v) => !!v || a(n)("approvalCode.form.restaurantRequired")]
-                      }, null, 8, ["modelValue", "items", "placeholder", "rules"])
-                    ]),
-                    _: 1
-                  }, 8, ["label"]),
-                  i(me, {
-                    label: a(n)("approvalCode.form.permissions")
-                  }, {
-                    default: A(() => [
-                      r("div", We, [
-                        (y(!0), S(G, null, te(a(oe), (v) => (y(), S("div", {
-                          key: v.key
-                        }, [
-                          r("div", Ge, [
-                            i(Q, {
-                              "model-value": M(v.key),
-                              value: v.key,
-                              size: "sm",
-                              dense: "",
-                              "onUpdate:modelValue": (t) => X(v.key, t)
-                            }, null, 8, ["model-value", "value", "onUpdate:modelValue"]),
-                            r("span", null, g(a(n)(`approvalCode.permissions.${v.key}`)), 1)
-                          ]),
-                          v.key === "discount" && M("discount") ? (y(), S("div", Xe, [
-                            i($, {
-                              modelValue: B.value,
-                              "onUpdate:modelValue": m[2] || (m[2] = (t) => B.value = t),
-                              type: "number",
-                              class: "max-w-[200px]",
-                              label: a(n)("approvalCode.form.discountMaxPercentage")
-                            }, null, 8, ["modelValue", "label"]),
-                            f.value ? (y(), S("p", Ze, g(f.value), 1)) : W("", !0)
-                          ])) : W("", !0)
-                        ]))), 128)),
-                        R.value ? (y(), S("p", Je, g(R.value), 1)) : W("", !0)
-                      ])
-                    ]),
-                    _: 1
-                  }, 8, ["label"]),
-                  i($, {
-                    modelValue: c.value.count,
-                    "onUpdate:modelValue": m[3] || (m[3] = (v) => c.value.count = v),
-                    modelModifiers: { number: !0 },
-                    type: "number",
-                    label: a(n)("approvalCode.form.count"),
-                    rules: [
-                      (v) => Number.isInteger(Number(v)) && Number(v) >= 1 && Number(v) <= 10 || a(n)("approvalCode.form.countRange")
-                    ]
-                  }, null, 8, ["modelValue", "label", "rules"])
-                ]),
-                _: 1
-              }, 8, ["title"])
-            ])
-          ]),
-          _: 1
-        }, 8, ["modelValue", "is-container", "is-container-props"])
-      ], 64);
-    };
-  }
-}), tt = {
-  class: "space-y-8"
-}, ot = {
-  class: "xs:hidden flex w-full items-start justify-between"
-}, at = {
-  class: "flex items-start gap-8"
-}, st = {
-  class: "space-y-4 hidden xs:block"
-}, lt = {
-  class: "px-16"
-}, rt = {
-  class: "px-16 flex items-start gap-8"
-}, nt = {
-  class: "pb-64 hidden xs:block"
-}, it = {
-  class: "space-y-4"
-}, ct = {
-  class: "flex items-center gap-8"
-}, ut = {
-  class: "fm-typo-en-body-lg-600"
-}, dt = {
-  class: "font-mono text-lg font-bold mr-4"
-}, pt = {
-  class: "text-fm-color-typo-secondary"
-}, mt = {
-  class: "flex flex-wrap gap-4 mt-4"
-}, vt = {
-  class: "mt-4 space-y-2"
-}, ft = {
-  class: "text-xs"
-}, yt = {
-  class: "text-xs"
-}, _t = {
-  key: 0,
-  class: "text-xs"
-}, gt = {
-  class: "flex flex-col gap-4"
-}, ve = 10, Ct = 2, Bt = /* @__PURE__ */ re({
-  __name: "ApprovalCodeList",
-  setup(u, {
-    expose: s
-  }) {
-    const {
-      t: e
-    } = ne(), _ = (t) => ke(t).format("DD/MM/YYYY, h:mm:ss A"), d = D(), h = D(), w = D(), V = ye(), {
-      restaurants: n
-    } = ce(), P = C(() => oe.map((t) => ({
-      label: e(`approvalCode.permissions.${t.key}`),
-      value: t.key
-    }))), N = C(() => V.approvalCodes), {
-      searchKey: c,
-      filter: B
-    } = $e(), I = C(() => {
-      const t = {};
-      return n.value.forEach((o) => {
-        t[o._id] = o.profile.name;
-      }), t;
-    }), E = (t) => ue(t.permissions, e), T = C(() => {
-      var t;
-      return (t = N.value) == null ? void 0 : t.filter((o) => {
-        const x = !d.value || d.value.includes(o.restaurantId), U = !h.value || h.value.includes(o.status), L = I.value[o.restaurantId] || "";
-        return x && U && Ne(o, w.value) && B([o.passcode, o.name, L, o.grantByName, ...E(o)]);
-      });
-    }), q = (t) => {
-      switch (t) {
-        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";
-      }
-    }, M = (t) => e(`approvalCode.status.${t}`), X = [{
-      accessorKey: "passcode",
-      size: 120,
-      maxSize: 120,
-      minSize: 120,
-      header: () => e("approvalCode.columns.passcode"),
-      cell(t) {
-        const o = t.row.original;
-        return b("div", {
-          class: "flex items-center gap-8"
-        }, [b(z.FmButton, {
-          variant: le.Tertiary,
-          textColor: "neutral-gray-400",
-          icon: "content_copy",
-          onClick: (x) => {
-            x.stopPropagation(), v(o);
-          }
-        }), b("span", {
-          class: "font-mono text-lg font-bold"
-        }, o.passcode)]);
-      }
-    }, {
-      accessorKey: "name",
-      header: () => e("approvalCode.columns.name"),
-      enableSorting: !1
-    }, {
-      accessorKey: "permissions",
-      header: () => e("approvalCode.columns.permissions"),
-      enableSorting: !1,
-      cell(t) {
-        const o = t.row.original, x = E(o), U = x.slice(0, Ct), L = x.length - U.length, J = b("div", {
-          class: "flex flex-wrap gap-4 py-8"
-        }, [...U.map((se) => b(z.FmChip, {
-          label: se
-        })), ...L > 0 ? [b(z.FmChip, {
-          label: `+${L}`
-        })] : []]);
-        return L === 0 ? J : b(z.FmTooltip, {
-          variant: "plain",
-          placement: "top"
-        }, {
-          default: () => J,
-          content: () => b("div", x.join(", "))
-        });
-      }
-    }, {
-      accessorKey: "restaurantName",
-      accessorFn: (t) => I.value[t.restaurantId],
-      header: () => e("approvalCode.columns.restaurant"),
-      enableSorting: !1,
-      meta: {
-        width: "220px"
-      },
-      cell(t) {
-        return b("div", I.value[t.row.original.restaurantId] || "-");
-      }
-    }, {
-      accessorKey: "status",
-      header: () => e("approvalCode.columns.status"),
-      enableSorting: !1,
-      meta: {
-        maxWidth: "120px"
-      },
-      cell(t) {
-        const o = t.row.original.status;
-        return b(z.FmChip, {
-          label: M(o),
-          class: q(o)
-        });
-      }
-    }, {
-      accessorKey: "createdAt",
-      header: () => e("approvalCode.columns.createdAt"),
-      cell(t) {
-        const o = t.row.original.createdAt;
-        return b("div", _(o));
-      }
-    }, {
-      id: "resolvedAt",
-      accessorFn: (t) => ee(t) ?? "",
-      header: () => e("approvalCode.columns.resolvedAt"),
-      cell(t) {
-        const o = ee(t.row.original);
-        return b("div", o ? _(o) : "-");
-      }
-    }, {
-      accessorKey: "grantByName",
-      header: () => e("approvalCode.columns.grantedBy"),
-      enableSorting: !1,
-      cell(t) {
-        return b("div", t.row.original.grantByName);
-      }
-    }, {
-      id: "action",
-      size: 140,
-      minSize: 140,
-      enableSorting: !1,
-      meta: {
-        cellClass: "p-16",
-        headerContentClass: "-mx-16"
-      },
-      cell: (t) => {
-        const o = t.row.original, x = [];
-        return o.status === "active" && x.push(b(z.FmButton, {
-          label: e("approvalCode.actions.revoke"),
-          variant: le.Secondary,
-          onClick: (U) => {
-            U.stopPropagation(), $(o);
-          }
-        })), b("div", {
-          class: "w-full flex justify-end items-center gap-4"
-        }, x);
-      }
-    }], R = ie(), f = we(), j = fe(R), F = D(), p = D(), {
-      breakpoints: m
-    } = Ve(), $ = (t) => {
-      f.open({
-        title: e("approvalCode.revoke.title"),
-        message: e("approvalCode.revoke.message", {
-          name: t.name
-        }),
-        minWidth: m.value.lg ? 588 : 0,
-        primaryActions: {
-          text: e("approvalCode.actions.revoke"),
-          close: !1,
-          variant: "destructive"
-        },
-        secondaryActions: {
-          text: e("common.cancel"),
-          close: !0
-        }
-      }).onPrimary(async () => {
-        j.minor(async () => {
-          await V.revokeApprovalCode(t._id, t.restaurantId);
-        }, {
-          successMessage: e("approvalCode.revoke.successMessage", {
-            name: t.name
-          })
-        }), f.close();
-      });
-    };
-    function K() {
-      var t;
-      (t = F.value) == null || t.trigger();
-    }
-    const Q = C(() => [{
-      label: e("approvalCode.status.active"),
-      value: "active"
-    }, {
-      label: e("approvalCode.status.used"),
-      value: "used"
-    }, {
-      label: e("approvalCode.status.revoked"),
-      value: "revoked"
-    }]), Z = C(() => n.value.map((t) => ({
-      label: `${t.profile.code ? `${t.profile.code} - ` : ""}${t.profile.name}`,
-      value: t._id
-    })));
-    function ae(t) {
-      return _e(t, I.value[t.restaurantId], e);
-    }
-    async function v(t) {
-      try {
-        await navigator.clipboard.writeText(ae(t)), R.open({
-          message: e("approvalCode.passcode.copied"),
-          type: "success"
-        });
-      } catch (o) {
-        R.open({
-          message: String(o),
-          type: "error"
-        });
-      }
-    }
-    return s({
-      create: K,
-      filteredApprovalCodes: T
-    }), (t, o) => {
-      const x = k("FmSearch"), U = k("FmTable"), L = k("FmButton"), J = k("FmChip"), se = k("FmListItem"), Ce = k("FmList");
-      return y(), S(G, null, [i(et, {
-        ref_key: "approvalCodeFormRef",
-        ref: F,
-        class: "gap-8",
-        onCreated: o[0] || (o[0] = (l) => {
-          var O;
-          return (O = p.value) == null ? void 0 : O.open(l);
-        })
-      }, null, 512), i(Ye, {
-        ref_key: "createdDialogRef",
-        ref: p,
-        onCreateAnother: K
-      }, null, 512), r("div", tt, [r("div", ot, [r("div", at, [i(H, {
-        modelValue: w.value,
-        "onUpdate:modelValue": o[1] || (o[1] = (l) => w.value = l),
-        multiple: "",
-        variant: "dark",
-        items: P.value,
-        "selected-prefix": a(e)("approvalCode.filter.selected_action_prefix"),
-        placeholder: a(e)("approvalCode.filter.action_placeholder"),
-        class: "!w-auto"
-      }, null, 8, ["modelValue", "items", "selected-prefix", "placeholder"]), i(H, {
-        modelValue: d.value,
-        "onUpdate:modelValue": o[2] || (o[2] = (l) => d.value = l),
-        multiple: "",
-        items: Z.value,
-        variant: "dark",
-        "selected-prefix": a(e)("approvalCode.columns.restaurant"),
-        placeholder: a(e)("approvalCode.columns.restaurant"),
-        class: "!w-auto"
-      }, null, 8, ["modelValue", "items", "selected-prefix", "placeholder"]), i(H, {
-        modelValue: h.value,
-        "onUpdate:modelValue": o[3] || (o[3] = (l) => h.value = l),
-        multiple: "",
-        variant: "dark",
-        items: Q.value,
-        "selected-prefix": a(e)("approvalCode.filter.selected_status_prefix"),
-        placeholder: a(e)("approvalCode.filter.status_placeholder")
-      }, null, 8, ["modelValue", "items", "selected-prefix", "placeholder"])]), i(x, {
-        modelValue: a(c),
-        "onUpdate:modelValue": o[4] || (o[4] = (l) => de(c) ? c.value = l : null),
-        autofocus: "",
-        class: "pl-4 w-[320px]",
-        placeholder: a(e)("approvalCode.search.placeholder")
-      }, null, 8, ["modelValue", "placeholder"])]), r("div", st, [r("div", lt, [i(x, {
-        modelValue: a(c),
-        "onUpdate:modelValue": o[5] || (o[5] = (l) => de(c) ? c.value = l : null),
-        autofocus: "",
-        placeholder: a(e)("approvalCode.search.placeholder")
-      }, null, 8, ["modelValue", "placeholder"])]), i(Ae), r("div", rt, [i(H, {
-        modelValue: w.value,
-        "onUpdate:modelValue": o[6] || (o[6] = (l) => w.value = l),
-        multiple: "",
-        variant: "dark",
-        items: P.value,
-        "selected-prefix": a(e)("approvalCode.filter.selected_action_prefix"),
-        placeholder: a(e)("approvalCode.filter.action_placeholder"),
-        class: "!w-auto"
-      }, null, 8, ["modelValue", "items", "selected-prefix", "placeholder"]), i(H, {
-        modelValue: d.value,
-        "onUpdate:modelValue": o[7] || (o[7] = (l) => d.value = l),
-        multiple: "",
-        items: Z.value,
-        variant: "dark",
-        "selected-prefix": a(e)("approvalCode.columns.restaurant"),
-        placeholder: a(e)("approvalCode.columns.restaurant"),
-        class: "!w-auto"
-      }, null, 8, ["modelValue", "items", "selected-prefix", "placeholder"]), i(H, {
-        modelValue: h.value,
-        "onUpdate:modelValue": o[8] || (o[8] = (l) => h.value = l),
-        multiple: "",
-        variant: "dark",
-        items: Q.value,
-        "selected-prefix": a(e)("approvalCode.filter.selected_status_prefix"),
-        placeholder: a(e)("approvalCode.filter.status_placeholder")
-      }, null, 8, ["modelValue", "items", "selected-prefix", "placeholder"])])]), N.value.length > 0 || a(V).isLoading ? (y(), Y(Fe, {
-        key: 0,
-        class: "overflow-auto"
-      }, {
-        default: A(() => [i(U, {
-          class: "xs:hidden",
-          "column-defs": X,
-          "row-data": T.value,
-          "page-size": ve,
-          "hide-footer": T.value.length <= ve,
-          loading: a(V).isLoading,
-          virtual: !1,
-          "pin-header-row": ""
-        }, null, 8, ["row-data", "hide-footer", "loading"]), r("div", nt, [i(Ce, {
-          separator: ""
-        }, {
-          default: A(() => [(y(!0), S(G, null, te(T.value, (l) => (y(), Y(se, {
-            key: l._id,
-            class: "py-12 px-16 items-center justify-between"
-          }, {
-            default: A(() => [r("div", it, [r("div", ct, [i(L, {
-              variant: "tertiary",
-              "text-color": "neutral-gray-400",
-              icon: "content_copy",
-              onClick: pe((O) => v(l), ["stop"])
-            }, null, 8, ["onClick"]), r("p", ut, [r("span", dt, g(l.passcode), 1), he(" - " + g(l.name), 1)])]), r("div", pt, [r("div", null, g(I.value[l.restaurantId] || "-"), 1), r("div", mt, [(y(!0), S(G, null, te(E(l), (O) => (y(), Y(J, {
-              key: O,
-              label: O
-            }, null, 8, ["label"]))), 128))]), r("div", vt, [r("div", ft, g(a(e)("approvalCode.columns.grantedBy")) + ": " + g(l.grantByName), 1), r("div", yt, g(a(e)("approvalCode.columns.createdAt")) + ": " + g(_(l.createdAt)), 1), a(ee)(l) ? (y(), S("div", _t, g(a(e)("approvalCode.columns.resolvedAt")) + ": " + g(_(a(ee)(l))), 1)) : W("", !0), i(J, {
-              label: M(l.status),
-              class: xe(q(l.status))
-            }, null, 8, ["label", "class"])])])]), r("div", gt, [l.status === "active" ? (y(), Y(L, {
-              key: 0,
-              label: a(e)("approvalCode.actions.revoke"),
-              variant: a(le).Secondary,
-              onClick: pe((O) => $(l), ["stop"])
-            }, null, 8, ["label", "variant", "onClick"])) : W("", !0)])]),
-            _: 2
-          }, 1024))), 128))]),
-          _: 1
-        })])]),
-        _: 1
-      })) : (y(), Y(a(Se), {
-        key: 1,
-        title: a(e)("approvalCode.noData.title"),
-        subtitle: a(e)("approvalCode.noData.subtitle")
-      }, null, 8, ["title", "subtitle"]))])], 64);
-    };
-  }
-});
-export {
-  Bt as default
-};