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

package/dist/ApprovalCodeList-B0PLZwav.js

@@ -0,0 +1,758 @@
+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
+};