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

package/dist/ApprovalCodeList-CQApO-t4.js

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