@feedmepos/mf-hrm-portal 2.1.1-dev.6 → 2.2.0-dev

package/dist/ApprovalCodeList-B1XHbhum.js

@@ -1,757 +0,0 @@
-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-Dxul0qTK.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-DnOYVjuj.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
-};