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

package/dist/ApprovalCodeList-BH5sgVMU.js

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