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

package/dist/ApprovalCodeList-CXJyMKEg.js

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