@feedmepos/mf-connect 0.1.98-beta.42 → 0.1.98-beta.44

package/dist/Card-CzzNo7nk.js

@@ -0,0 +1,996 @@
+import { defineComponent as te, ref as x, computed as z, watch as ie, onMounted as le, resolveComponent as v, openBlock as c, createBlock as F, unref as e, isRef as W, withCtx as h, createElementVNode as d, createVNode as u, createElementBlock as M, Fragment as E, renderList as Z, createCommentVNode as $, normalizeClass as fe, createSlots as ye, h as J, toDisplayString as O, createTextVNode as ve, withModifiers as xe } from "vue";
+import { _ as Ce } from "./campaign-CpzFl8Vr.js";
+import { h as re } from "./moment-D7p2TMB-.js";
+import { useDialog as _e, components as de } from "@feedmepos/ui-library";
+import "./index-nuptxtNP.js";
+import { u as ae } from "./loading-DLrpThuY.js";
+import { u as ge } from "./app-wDQR6dpb.js";
+import { u as oe } from "./membership-PNg3pIQf.js";
+import { _ as ee } from "./CustomSelect.vue_vue_type_script_setup_true_lang-Du7fRSZC.js";
+import { p as be, f as ue, n as Se } from "./plugins-D4_SIsjZ.js";
+import { m as H } from "./index-B2hKSeR1.js";
+import { z as me, R as he } from "./app-D4yjN_fQ.js";
+import { Z as ce } from "./zod-D2Q81R3d.js";
+import { _ as pe } from "./ImageInput.vue_vue_type_script_setup_true_lang-B9JaZNoF.js";
+import "./index-BOfM9FNu.js";
+import "./index-GjzeMN4u.js";
+import "./index-DpSlYwDW.js";
+import { b as we } from "./index-DfMsF_gT.js";
+import "./index-BcHiQWdr.js";
+import { O as ke } from "./objectid-Bz-UKgI1.js";
+import { a as Fe, c as Ve } from "./object-BYyQ0PZp.js";
+import { u as $e } from "./business-Dq1_o57i.js";
+import { w as Me } from "./xlsx-DKPe4AfX.js";
+import { a as Ie, C as Ue } from "./export-Cr4mjkQZ.js";
+import { u as Ae, _ as Be } from "./usePagination-a1XSuIrr.js";
+import { u as De } from "./vue-i18n-CzEcAXx-.js";
+import "./index-CuHNDW6e.js";
+import { useRouter as Re } from "vue-router";
+import { o as Ne } from "./objectId-dwaoBfJX.js";
+const Pe = { class: "space-y-16" }, qe = { class: "gap-16 grid grid-cols-2" }, ze = { class: "space-y-16" }, Ee = {
+  key: 0,
+  class: "flex flex-col gap-[16px] w-full"
+}, Te = { class: "flex flex-col gap-[8px]" }, je = ["src"], Oe = { class: "flex pt-[24px] gap-[24px]" }, Le = ["src", "onClick", "alt"], Ye = { class: "flex items-center gap-8" }, Ge = /* @__PURE__ */ te({
+  __name: "CreateCardSheet",
+  emits: ["success", "export"],
+  setup(ne, { expose: L, emit: Y }) {
+    const { minor: V } = ae, C = oe(), A = x(), w = x(!1), B = Y, m = x(!1);
+    function D(f) {
+      m.value = f, f && (n.value = {
+        quantity: 1,
+        code: "",
+        codeConfig: {
+          length: 16,
+          charset: "1234567890",
+          prefix: "",
+          suffix: "",
+          pattern: "####-####-####-####"
+        }
+      });
+    }
+    const n = x({
+      quantity: 1,
+      code: "",
+      codeConfig: {
+        length: 16,
+        charset: "1234567890",
+        prefix: "",
+        suffix: "",
+        pattern: "####-####-####-####"
+      },
+      setCardOnBind: !1,
+      bundle: void 0
+    }), S = [
+      {
+        label: "Bulk number",
+        value: "bulk",
+        sublabel: "Bulk generate unique number"
+      },
+      {
+        label: "Custom number",
+        value: "single",
+        sublabel: "Enter your own custom number"
+      }
+    ], N = [
+      {
+        label: "Alphanumeric",
+        value: "0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ"
+      },
+      {
+        label: "Alphabetic",
+        value: "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ"
+      },
+      { label: "Alphabetic Lowercase", value: "abcdefghijklmnopqrstuvwxyz" },
+      { label: "Alphabetic Uppercase", value: "ABCDEFGHIJKLMNOPQRSTUVWXYZ" },
+      { label: "Numbers", value: "0123456789" },
+      { label: "Custom", value: "" }
+    ], I = x(N[0].value), k = x("bulk"), s = x(0), i = z(
+      () => {
+        var f;
+        return (f = C.membership.design) == null ? void 0 : f[s.value];
+      }
+    ), p = x(!1), r = z(
+      () => C.sortedStoreCategories.flatMap((f) => f.bundles)
+    );
+    async function b(f) {
+      var _, R;
+      if (await ((_ = A.value) == null ? void 0 : _.validateInputs()), !w.value) return;
+      f.design = (R = i.value) == null ? void 0 : R.image;
+      const t = await be.confirm(
+        "",
+        "Do you want to export generated card(s)?",
+        "Export",
+        "Generate and without export"
+      );
+      console.log(t), await V(
+        async () => {
+          const P = await H.createCards(f);
+          console.log(P), await B("success"), t && await B("export", P);
+        },
+        {
+          message: "Creating card(s)",
+          successMessage: "Card(s) created"
+        }
+      );
+    }
+    return L({
+      showSheet: D
+    }), ie(
+      () => n.value.codeConfig.length,
+      (f, t) => {
+        f != t && (n.value.codeConfig.pattern = "#".repeat(Number(f)));
+      }
+    ), ie(
+      () => n.value.codeConfig.pattern,
+      (f, t) => {
+        f != t && (n.value.codeConfig.length = (n.value.codeConfig.pattern.match(/#/g) || []).length);
+      }
+    ), le(async () => {
+      await C.readMemberStore();
+    }), (f, t) => {
+      const _ = v("FmRadio"), R = v("FmRadioGroup"), P = v("FmSwitch"), y = v("FmStepperField"), T = v("FmSelect"), j = v("FmTextField"), o = v("FmTextarea"), l = v("FmButton"), q = v("FmForm"), K = v("FmSideSheet");
+      return c(), F(K, {
+        "max-width": 560,
+        "dismiss-away": !0,
+        header: "Create collection",
+        modelValue: e(m),
+        "onUpdate:modelValue": [
+          t[19] || (t[19] = (U) => W(m) ? m.value = U : null),
+          t[20] || (t[20] = (U) => m.value = U)
+        ]
+      }, {
+        "side-sheet-footer": h(() => [
+          d("div", Ye, [
+            u(l, {
+              label: "Save",
+              onClick: t[17] || (t[17] = (U) => b(e(n))),
+              loading: e(ge)().isLoading
+            }, null, 8, ["loading"]),
+            u(l, {
+              label: "Cancel",
+              type: "button",
+              variant: "tertiary",
+              onClick: t[18] || (t[18] = (U) => m.value = !1)
+            })
+          ])
+        ]),
+        default: h(() => [
+          u(q, {
+            ref_key: "form",
+            ref: A,
+            class: "space-y-40",
+            onValidationSuccess: t[15] || (t[15] = (U) => w.value = !0),
+            onValidationFailed: t[16] || (t[16] = (U) => w.value = !1)
+          }, {
+            default: h(() => {
+              var U, Q, X;
+              return [
+                d("div", null, [
+                  t[21] || (t[21] = d("div", { class: "fm-typo-en-body-lg-600" }, "Number type", -1)),
+                  u(R, {
+                    modelValue: e(k),
+                    "onUpdate:modelValue": t[0] || (t[0] = (a) => W(k) ? k.value = a : null),
+                    inline: !1
+                  }, {
+                    default: h(() => [
+                      (c(), M(E, null, Z(S, (a) => u(_, {
+                        key: a.value,
+                        value: a.value,
+                        label: a.label,
+                        sublabel: a.sublabel
+                      }, null, 8, ["value", "label", "sublabel"])), 64))
+                    ]),
+                    _: 1
+                  }, 8, ["modelValue"])
+                ]),
+                d("div", Pe, [
+                  t[22] || (t[22] = d("div", { class: "fm-typo-en-body-lg-600" }, "Number Settings", -1)),
+                  e(k) === "bulk" ? (c(), M(E, { key: 0 }, [
+                    u(P, {
+                      "model-value": e(p),
+                      "label-placement": "right",
+                      value: "true",
+                      label: "Advance number setting",
+                      required: !0,
+                      "onUpdate:modelValue": t[1] || (t[1] = () => p.value = !e(p))
+                    }, null, 8, ["model-value"]),
+                    e(p) ? (c(), M(E, { key: 0 }, [
+                      u(y, {
+                        "model-value": e(n).codeConfig.length || null,
+                        "onUpdate:modelValue": t[2] || (t[2] = (a) => e(n).codeConfig.length = a),
+                        label: "Code length",
+                        rules: [(a) => Number(a) >= 1 || "Code length must at least 1"],
+                        required: !0
+                      }, null, 8, ["model-value", "rules"]),
+                      u(T, {
+                        label: "Charset",
+                        "model-value": e(I),
+                        items: N,
+                        "helper-text": e(n).codeConfig.charset.length > 62 ? `${e(n).codeConfig.charset.substring(0, 62)}...` : e(n).codeConfig.charset,
+                        "onUpdate:modelValue": t[3] || (t[3] = (a) => {
+                          I.value = a, e(n).codeConfig.charset = a;
+                        })
+                      }, null, 8, ["model-value", "helper-text"]),
+                      e(I) === "" ? (c(), F(j, {
+                        key: 0,
+                        modelValue: e(n).codeConfig.charset,
+                        "onUpdate:modelValue": t[4] || (t[4] = (a) => e(n).codeConfig.charset = a),
+                        label: "Custom Charset",
+                        required: ""
+                      }, null, 8, ["modelValue"])) : $("", !0),
+                      d("div", qe, [
+                        u(j, {
+                          modelValue: e(n).codeConfig.prefix,
+                          "onUpdate:modelValue": t[5] || (t[5] = (a) => e(n).codeConfig.prefix = a),
+                          label: "Prefix (Optional)"
+                        }, null, 8, ["modelValue"]),
+                        u(j, {
+                          modelValue: e(n).codeConfig.suffix,
+                          "onUpdate:modelValue": t[6] || (t[6] = (a) => e(n).codeConfig.suffix = a),
+                          label: "Suffix (Optional)"
+                        }, null, 8, ["modelValue"])
+                      ]),
+                      u(j, {
+                        modelValue: e(n).codeConfig.pattern,
+                        "onUpdate:modelValue": t[7] || (t[7] = (a) => e(n).codeConfig.pattern = a),
+                        label: "Pattern",
+                        required: !0
+                      }, null, 8, ["modelValue"])
+                    ], 64)) : $("", !0),
+                    u(j, {
+                      modelValue: e(n).quantity,
+                      "onUpdate:modelValue": t[8] || (t[8] = (a) => e(n).quantity = a),
+                      label: "Number of code",
+                      rules: [
+                        (a) => a >= 1 || "Quantity cannot be less than 1",
+                        (a) => a <= 1e4 || "Quantity cannot more than 10,000"
+                      ],
+                      required: !0,
+                      "helper-text": `${e(n).quantity} card will be created`
+                    }, null, 8, ["modelValue", "rules", "helper-text"])
+                  ], 64)) : $("", !0),
+                  e(k) !== "bulk" ? (c(), F(o, {
+                    key: 1,
+                    modelValue: e(n).code,
+                    "onUpdate:modelValue": t[9] || (t[9] = (a) => e(n).code = a),
+                    label: "Custom Card Number",
+                    rules: [(a) => e(k) != "single" || !!a || "Custom code is required"],
+                    placeholder: "(For multiple numbers, please enter in the new row.)"
+                  }, null, 8, ["modelValue", "rules"])) : $("", !0)
+                ]),
+                d("div", ze, [
+                  t[23] || (t[23] = d("div", { class: "fm-typo-en-body-lg-600" }, "Card Settings", -1)),
+                  u(P, {
+                    "label-placement": "right",
+                    label: "Set card number on bind",
+                    sublabel: "Automatically set the card number when the user binds the card",
+                    "model-value": e(n).setCardOnBind || !1,
+                    "onUpdate:modelValue": t[10] || (t[10] = (a) => e(n).setCardOnBind = a)
+                  }, null, 8, ["model-value"]),
+                  u(ee, {
+                    label: "Activate bundle on bind",
+                    placeholder: "Select bundle",
+                    items: e(r).filter((a) => !a.stripePriceId).map((a) => ({ label: a.name, value: a._id })),
+                    modelValue: e(n).bundle,
+                    "onUpdate:modelValue": t[12] || (t[12] = (a) => e(n).bundle = a)
+                  }, {
+                    append: h(() => [
+                      e(n).bundle ? (c(), F(l, {
+                        key: 0,
+                        icon: "link_off",
+                        variant: "plain",
+                        onClick: t[11] || (t[11] = (a) => e(n).bundle = void 0)
+                      })) : $("", !0)
+                    ]),
+                    _: 1
+                  }, 8, ["items", "modelValue"]),
+                  (Q = (U = e(C).store) == null ? void 0 : U.stripe) != null && Q.apiKey ? (c(), F(ee, {
+                    key: 0,
+                    label: "Linked subscription bundle",
+                    placeholder: "Select bundle",
+                    items: e(r).filter((a) => a.stripePriceId).map((a) => ({ label: a.name, value: a._id })),
+                    modelValue: e(n).subscriptionBundle,
+                    "onUpdate:modelValue": t[14] || (t[14] = (a) => e(n).subscriptionBundle = a)
+                  }, {
+                    append: h(() => [
+                      e(n).subscriptionBundle ? (c(), F(l, {
+                        key: 0,
+                        icon: "link_off",
+                        variant: "plain",
+                        onClick: t[13] || (t[13] = (a) => e(n).subscriptionBundle = void 0)
+                      })) : $("", !0)
+                    ]),
+                    _: 1
+                  }, 8, ["items", "modelValue"])) : $("", !0)
+                ]),
+                e(C).membership.design ? (c(), M("div", Ee, [
+                  d("div", Te, [
+                    t[24] || (t[24] = d("p", { class: "fm-typo-en-title-sm-800" }, "Design preview", -1)),
+                    d("img", {
+                      src: (X = e(i)) == null ? void 0 : X.image,
+                      class: "aspect-[16/9]"
+                    }, null, 8, je),
+                    d("div", Oe, [
+                      (c(!0), M(E, null, Z(e(C).membership.design, (a, g) => (c(), M("img", {
+                        src: a.image,
+                        key: `image_${g}`,
+                        class: fe(["w-[112px] h-[63px] cursor-pointer", `${e(s) === g ? "border-[2px] border-fm-color-primary" : ""}`]),
+                        onClick: (G) => s.value = g,
+                        alt: `ai_image_predict_${g}`,
+                        style: { objectFit: "cover" }
+                      }, null, 10, Le))), 128))
+                    ])
+                  ])
+                ])) : $("", !0)
+              ];
+            }),
+            _: 1
+          }, 512)
+        ]),
+        _: 1
+      }, 8, ["modelValue"]);
+    };
+  }
+}), He = { class: "space-y-16" }, Ke = {
+  key: 0,
+  class: "flex flex-col gap-[16px] w-full"
+}, Qe = { class: "flex flex-col gap-[8px]" }, Ze = ["src"], Xe = { class: "flex pt-[24px] gap-[24px]" }, Je = ["src", "onClick", "alt"], We = { class: "flex items-center gap-8" }, et = /* @__PURE__ */ te({
+  __name: "EditCardSheet",
+  emits: ["success"],
+  setup(ne, { expose: L, emit: Y }) {
+    const { minor: V } = ae, C = oe(), A = x(), w = x(!1), B = Y, m = x({
+      _id: "",
+      business: "",
+      serialNumber: ""
+    }), D = x(!1);
+    function n(s, i) {
+      var p;
+      D.value = s, s && i && (m.value = i, S.value = (p = C.membership.design) == null ? void 0 : p.findIndex(
+        (r) => r.image === i.design
+      ));
+    }
+    const S = x(0), N = z(
+      () => {
+        var s;
+        return (s = C.membership.design) == null ? void 0 : s[S.value];
+      }
+    ), I = z(
+      () => C.sortedStoreCategories.flatMap(
+        (s) => s.bundles
+      )
+    );
+    async function k(s) {
+      var i, p;
+      await ((i = A.value) == null ? void 0 : i.validateInputs()), w.value && (s.design = (p = N.value) == null ? void 0 : p.image, await V(
+        async () => {
+          await H.updateCard(s), await B("success");
+        },
+        {
+          message: "Updating card",
+          successMessage: "Card updated"
+        }
+      ));
+    }
+    return L({
+      showSheet: n
+    }), le(async () => {
+      await C.readMemberStore();
+    }), (s, i) => {
+      const p = v("FmTextField"), r = v("FmSwitch"), b = v("FmButton"), f = v("FmForm"), t = v("FmSideSheet");
+      return c(), F(t, {
+        "max-width": 560,
+        "dismiss-away": !0,
+        header: "Edit card",
+        modelValue: e(D),
+        "onUpdate:modelValue": [
+          i[10] || (i[10] = (_) => W(D) ? D.value = _ : null),
+          i[11] || (i[11] = (_) => D.value = _)
+        ]
+      }, {
+        "side-sheet-footer": h(() => [
+          d("div", We, [
+            u(b, {
+              label: "Save",
+              disabled: !!e(m).redeemedAt,
+              onClick: i[8] || (i[8] = (_) => k(e(m))),
+              loading: e(ge)().isLoading
+            }, null, 8, ["disabled", "loading"]),
+            u(b, {
+              label: "Cancel",
+              type: "button",
+              variant: "tertiary",
+              onClick: i[9] || (i[9] = (_) => D.value = !1)
+            })
+          ])
+        ]),
+        default: h(() => [
+          u(f, {
+            ref_key: "form",
+            ref: A,
+            class: "space-y-40",
+            onValidationSuccess: i[6] || (i[6] = (_) => w.value = !0),
+            onValidationFailed: i[7] || (i[7] = (_) => w.value = !1)
+          }, {
+            default: h(() => {
+              var _, R, P;
+              return [
+                d("div", He, [
+                  u(p, {
+                    modelValue: e(m).serialNumber,
+                    "onUpdate:modelValue": i[0] || (i[0] = (y) => e(m).serialNumber = y),
+                    label: "Card Number",
+                    rules: [
+                      e(ce).toRule(e(me).string().min(1, "Card number is required")),
+                      e(ce).toRule(
+                        e(me).string().max(50, "Card number must be less than 50 characters")
+                      )
+                    ],
+                    required: !0
+                  }, null, 8, ["modelValue", "rules"]),
+                  i[12] || (i[12] = d("div", { class: "fm-typo-en-body-lg-600" }, "Card Settings", -1)),
+                  u(r, {
+                    "label-placement": "right",
+                    label: "Set card number on bind",
+                    "model-value": e(m).setCardOnBind || !1,
+                    "onUpdate:modelValue": i[1] || (i[1] = (y) => e(m).setCardOnBind = y)
+                  }, null, 8, ["model-value"]),
+                  u(ee, {
+                    label: "Activate bundle on bind",
+                    placeholder: "Select bundle",
+                    items: e(I).filter((y) => !y.stripePriceId).map((y) => ({ label: y.name, value: y._id })),
+                    modelValue: e(m).bundle,
+                    "onUpdate:modelValue": i[3] || (i[3] = (y) => e(m).bundle = y)
+                  }, {
+                    append: h(() => [
+                      e(m).bundle ? (c(), F(b, {
+                        key: 0,
+                        icon: "link_off",
+                        variant: "plain",
+                        onClick: i[2] || (i[2] = (y) => e(m).bundle = null)
+                      })) : $("", !0)
+                    ]),
+                    _: 1
+                  }, 8, ["items", "modelValue"]),
+                  (R = (_ = e(C).store) == null ? void 0 : _.stripe) != null && R.apiKey ? (c(), F(ee, {
+                    key: 0,
+                    label: "Linked subscription bundle",
+                    placeholder: "Select bundle",
+                    items: e(I).filter((y) => y.stripePriceId).map((y) => ({ label: y.name, value: y._id })),
+                    modelValue: e(m).subscriptionBundle,
+                    "onUpdate:modelValue": i[5] || (i[5] = (y) => e(m).subscriptionBundle = y)
+                  }, {
+                    append: h(() => [
+                      e(m).subscriptionBundle ? (c(), F(b, {
+                        key: 0,
+                        icon: "link_off",
+                        variant: "plain",
+                        onClick: i[4] || (i[4] = (y) => e(m).subscriptionBundle = null)
+                      })) : $("", !0)
+                    ]),
+                    _: 1
+                  }, 8, ["items", "modelValue"])) : $("", !0)
+                ]),
+                e(C).membership.design ? (c(), M("div", Ke, [
+                  d("div", Qe, [
+                    i[13] || (i[13] = d("p", { class: "fm-typo-en-title-sm-800" }, "Design preview", -1)),
+                    d("img", {
+                      src: (P = e(N)) == null ? void 0 : P.image,
+                      class: "aspect-[16/9]"
+                    }, null, 8, Ze),
+                    d("div", Xe, [
+                      (c(!0), M(E, null, Z(e(C).membership.design, (y, T) => (c(), M("img", {
+                        src: y.image,
+                        key: `image_${T}`,
+                        class: fe(["w-[112px] h-[63px] cursor-pointer", `${e(S) === T ? "border-[2px] border-fm-color-primary" : ""}`]),
+                        onClick: (j) => S.value = T,
+                        alt: `ai_image_predict_${T}`,
+                        style: { objectFit: "cover" }
+                      }, null, 10, Je))), 128))
+                    ])
+                  ])
+                ])) : $("", !0)
+              ];
+            }),
+            _: 1
+          }, 512)
+        ]),
+        _: 1
+      }, 8, ["modelValue"]);
+    };
+  }
+}), tt = {
+  key: 0,
+  class: "grid grid-cols-1 gap-8"
+}, lt = { class: "flex items-center gap-8" }, at = { class: "flex items-center gap-8" }, ot = 5, nt = /* @__PURE__ */ te({
+  __name: "CardDesignSheet",
+  emits: ["success"],
+  setup(ne, { expose: L, emit: Y }) {
+    const { minor: V } = ae, C = oe(), A = _e(), w = x(!1);
+    x(), x(!1);
+    const B = x(), m = x(null);
+    z(() => {
+      var p, r;
+      return Math.min((((r = (p = B.value) == null ? void 0 : p.design) == null ? void 0 : r.length) ?? 0) + 1, ot);
+    });
+    const D = Y, n = z(() => {
+      var p, r;
+      return ((r = (p = C.membership) == null ? void 0 : p.design) == null ? void 0 : r.filter((b) => b.image)) || [];
+    }), S = x(!1);
+    function N(p) {
+      S.value = p;
+    }
+    function I() {
+      w.value = !0;
+    }
+    async function k() {
+      await V(
+        async () => {
+          var b;
+          const p = Fe(B.value), r = we.parse(p);
+          if (r.design = (r == null ? void 0 : r.design) || [], m.value) {
+            const f = ke().toHexString(), t = await ue.update(
+              ue.designPath(f, m.value),
+              m.value
+            );
+            (b = r.design) == null || b.push({
+              _id: f,
+              image: t
+            });
+          }
+          await H.update(r), await i(), await D("success"), m.value = null, w.value = !1;
+        },
+        {
+          message: "Saving card design",
+          successMessage: "Card design saved"
+        }
+      );
+    }
+    async function s(p, r) {
+      p ? m.value = p : r && A.open({
+        title: "Delete Design",
+        message: "Are you sure you want to delete this design?",
+        primaryActions: { text: "Delete", close: !0 },
+        secondaryActions: { text: "Cancel", close: !1 }
+      }).onPrimary(async () => {
+        var f, t;
+        const b = (f = B.value.design) == null ? void 0 : f.findIndex((_) => _._id == r);
+        console.log(b), b !== -1 && ((t = B.value.design) == null || t.splice(b, 1)), await k();
+      }).onSecondary(() => {
+        A.close();
+      });
+    }
+    async function i() {
+      await C.readMembership(), B.value = C.membership;
+    }
+    return L({
+      showSheet: N
+    }), le(async () => {
+      await i(), n.value.length || (w.value = !0);
+    }), (p, r) => {
+      const b = v("FmButton"), f = v("FmSideSheet");
+      return c(), F(f, {
+        "max-width": 560,
+        "dismiss-away": !0,
+        header: "Manage Design",
+        modelValue: e(S),
+        "onUpdate:modelValue": [
+          r[2] || (r[2] = (t) => W(S) ? S.value = t : null),
+          r[3] || (r[3] = (t) => S.value = t)
+        ]
+      }, ye({
+        default: h(() => [
+          e(w) ? $("", !0) : (c(), M("div", tt, [
+            (c(!0), M(E, null, Z(e(n), (t) => (c(), F(pe, {
+              key: String(t._id),
+              "image-fit": "cover",
+              label: "",
+              "aspect-ratio": "16/9",
+              thumbnail: t.image,
+              accept: ".png, .jpg, .jpeg, .gif",
+              "recommended-size": "Recommended 16:9 ratio / 1280px x 720px",
+              file: void 0,
+              "delete-button": !1
+            }, {
+              "delete-button": h(() => [
+                u(b, {
+                  class: "!text-neutral-50 !bg-neutral-700",
+                  icon: "delete",
+                  variant: "tertiary",
+                  onClick: (_) => s(null, t._id)
+                }, null, 8, ["onClick"])
+              ]),
+              _: 2
+            }, 1032, ["thumbnail"]))), 128))
+          ])),
+          e(w) ? (c(), F(pe, {
+            key: 1,
+            "image-fit": "cover",
+            label: "",
+            "aspect-ratio": "16/9",
+            accept: ".png, .jpg, .jpeg, .gif",
+            "recommended-size": "Recommended 16:9 ratio / 1280px x 720px",
+            "onUpdate:file": s
+          })) : $("", !0)
+        ]),
+        _: 2
+      }, [
+        e(w) ? {
+          name: "side-sheet-footer",
+          fn: h(() => [
+            d("div", at, [
+              u(b, {
+                label: "Save",
+                onClick: k,
+                disabled: !e(m)
+              }, null, 8, ["disabled"]),
+              u(b, {
+                label: "Cancel",
+                type: "button",
+                variant: "tertiary",
+                onClick: r[1] || (r[1] = (t) => w.value = !1)
+              })
+            ])
+          ]),
+          key: "1"
+        } : {
+          name: "side-sheet-footer",
+          fn: h(() => [
+            d("div", lt, [
+              u(b, {
+                label: "Add Design",
+                onClick: I
+              }),
+              u(b, {
+                label: "Cancel",
+                type: "button",
+                variant: "tertiary",
+                onClick: r[0] || (r[0] = (t) => S.value = !1)
+              })
+            ])
+          ]),
+          key: "0"
+        }
+      ]), 1032, ["modelValue"]);
+    };
+  }
+}), st = { class: "flex items-center" }, it = { class: "fm-typo-en-title-md-600 fm-step-title line-clamp-2 mr-8" }, rt = { class: "px-24 flex flex-col pb-24 gap-y-16" }, dt = { class: "flex items-center gap-8 flex-wrap pt-8" }, ut = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, mt = { class: "grid sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-3 gap-16" }, ct = { class: "fm-typo-en-body-md-500 text-fm-color-typo-secondary" }, pt = { class: "fm-typo-en-title-md-800 text-fm-color-typo-primary" }, ft = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-tertiary" }, gt = { class: "flex items-center justify-end" }, bt = { class: "flex flex-col gap-16 text-center" }, yt = { class: "fm-typo-en-title-sm-800" }, vt = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, xt = { class: "flex gap-x-8" }, Qt = /* @__PURE__ */ te({
+  __name: "Card",
+  setup(ne) {
+    const L = Re();
+    function Y() {
+      L.push({ name: he["$connect-STORE"] });
+    }
+    const V = x(), C = z(() => {
+      if (!V.value) return null;
+      const o = V.value.totalIssued;
+      return o ? Math.round(V.value.claimed / o * 100) : 0;
+    });
+    function A(o) {
+      return o === void 0 ? "—" : String(o);
+    }
+    const w = z(() => {
+      var o, l, q;
+      return [
+        {
+          key: "totalIssued",
+          title: s("connect.loyalty.card.stats.totalIssued"),
+          value: A((o = V.value) == null ? void 0 : o.totalIssued),
+          description: s("connect.loyalty.card.stats.totalIssuedHint")
+        },
+        {
+          key: "claimed",
+          title: s("connect.loyalty.card.stats.claimed"),
+          value: A((l = V.value) == null ? void 0 : l.claimed),
+          description: C.value === null ? "" : s("connect.loyalty.card.stats.claimedHint", {
+            rate: C.value
+          })
+        },
+        {
+          key: "unclaimed",
+          title: s("connect.loyalty.card.stats.unclaimed"),
+          value: A((q = V.value) == null ? void 0 : q.unclaimed),
+          description: s("connect.loyalty.card.stats.unclaimedHint")
+        }
+      ];
+    });
+    async function B() {
+      try {
+        V.value = await H.readCardStats();
+      } catch (o) {
+        V.value = void 0, console.error("Failed to load card stats", o);
+      }
+    }
+    const { minor: m, global: D } = ae, n = x(), S = x(), N = x(), I = $e(), k = oe(), { t: s } = De(), i = z(
+      () => k.sortedStoreCategories.flatMap((o) => o.bundles)
+    ), p = [
+      {
+        header: s("connect.loyalty.card.table.type"),
+        accessorFn: (o) => o.giftCard ? s("connect.loyalty.card.table.typeGiftCard") : s("connect.loyalty.card.table.typeRedemption")
+      },
+      {
+        header: s("connect.loyalty.card.table.card_number"),
+        accessorFn: (o) => o.serialNumber
+      },
+      {
+        header: s("connect.loyalty.card.table.redeemed_by"),
+        accessorKey: "user",
+        enableSorting: !1,
+        cell(o) {
+          const l = o.row.original.pf_member;
+          return J(
+            "div",
+            {
+              class: "flex items-center gap-x-8"
+            },
+            [
+              J(de.FmAvatar, {
+                name: l != null && l.photoUrl || l == null ? void 0 : l.name,
+                src: (l == null ? void 0 : l.photoUrl) ?? void 0,
+                size: "sm"
+              }),
+              J("span", { class: "fm-typo-en-body-sm-400" }, l == null ? void 0 : l.name)
+            ]
+          );
+        }
+      },
+      {
+        header: s("connect.loyalty.card.table.phone"),
+        accessorFn: (o) => {
+          var l;
+          return ((l = o.pf_member) == null ? void 0 : l.phoneNumber) || "-";
+        },
+        accessorKey: "pf_member.phoneNumber"
+      },
+      {
+        header: s("connect.loyalty.card.table.created_at"),
+        accessorKey: "_id",
+        accessorFn: (o) => re(Ne(o._id.toString())).format("DD MMM YYYY hh:mmA")
+      },
+      {
+        header: s("connect.loyalty.card.table.bundle"),
+        // A gift card carries its value on itself rather than pointing at a bundle in
+        // Store.categories, so fall back to its program name and amount.
+        accessorFn: (o) => {
+          var l;
+          return o.giftCard ? `${o.giftCard.programName} · RM${o.giftCard.amount}` : ((l = i.value.find((q) => q._id === o.bundle)) == null ? void 0 : l.name) || "-";
+        }
+      },
+      {
+        header: s("connect.loyalty.card.table.redeemed_at"),
+        accessorKey: "redeemedAt",
+        accessorFn: (o) => o.redeemedAt ? re(o.redeemedAt).format("DD MMM YYYY hh:mmA") : "-"
+      },
+      {
+        header: s("connect.loyalty.card.table.actions"),
+        cell(o) {
+          return J(de.FmButton, {
+            variant: "tertiary",
+            icon: "delete",
+            iconColor: "neutral-gray-400",
+            disabled: !!o.row.original.redeemedAt || !!o.row.original.giftCard,
+            onClick: (l) => {
+              l.stopPropagation(), y(o.row.original);
+            }
+          });
+        }
+      }
+    ], { tableMeta: r, rowData: b, onSort: f, debouncedFetchData: t, onSearch: _ } = Ae(H.readCards);
+    async function R(o) {
+      var l;
+      await Promise.all([B(), t(o)]), (l = n.value) == null || l.showSheet(!1);
+    }
+    const P = z(() => I.isPremium ? [
+      {
+        label: s("connect.loyalty.card.actions.create"),
+        value: "create",
+        isPrimary: !0
+      },
+      {
+        label: s("connect.loyalty.card.actions.manage_design"),
+        value: "design",
+        isPrimary: !0
+      }
+    ] : []);
+    async function y(o) {
+      await be.remove(
+        `Are you sure you want to remove card ${o.serialNumber}?`
+      ) && await m(
+        async () => {
+          await H.deleteCard(o._id.toString()), await t({ pageSize: 10, pageIndex: 0 });
+        },
+        {
+          message: `Removing card ${o.serialNumber}`,
+          successMessage: `Removed card ${o.serialNumber} successfully`
+        }
+      );
+    }
+    async function T(o) {
+      if (!o || o.length === 0)
+        return;
+      const l = new Ue(), q = o.map((K) => ({
+        CardNumber: K
+      }));
+      l.addRecords(q), await Me(
+        l.buildExcel(),
+        `cards-${(/* @__PURE__ */ new Date()).toISOString()}.xlsx`,
+        {
+          bookType: "xlsx",
+          bookSST: !1,
+          type: "array"
+        }
+      );
+    }
+    const j = (o) => {
+      var l;
+      if (o.redeemedAt || o.giftCard) {
+        Se.error("Update not permitted", 2e3);
+        return;
+      }
+      (l = S == null ? void 0 : S.value) == null || l.showSheet(!0, o);
+    };
+    return le(async () => {
+      await D(async () => {
+        await I.readPremium(), await k.readMemberStore(), await k.readMembership(), await R();
+      });
+    }), (o, l) => {
+      const q = v("FmPill"), K = v("FmPageHead"), U = v("FmIcon"), Q = v("FmCard"), X = v("FmSearch"), a = v("FmButton");
+      return c(), M(E, null, [
+        u(K, {
+          title: e(s)("connect.loyalty.card.title"),
+          actions: e(P),
+          "onClick:action": l[0] || (l[0] = (g) => {
+            var G, se;
+            console.log(g), g === "design" && ((G = e(N)) == null || G.showSheet(!0)), g === "create" && ((se = e(n)) == null || se.showSheet(!0));
+          })
+        }, {
+          title: h(() => [
+            d("div", st, [
+              d("span", it, O(e(s)("connect.loyalty.card.title")), 1),
+              u(q, {
+                class: "ml-8",
+                variant: "premium"
+              })
+            ])
+          ]),
+          _: 1
+        }, 8, ["title", "actions"]),
+        d("div", rt, [
+          d("div", dt, [
+            u(U, {
+              name: "info",
+              size: "sm",
+              class: "text-fm-color-primary flex-none"
+            }),
+            d("span", ut, O(e(s)("connect.loyalty.card.giftCardSignpost")), 1),
+            d("button", {
+              type: "button",
+              class: "inline-flex items-center gap-4 fm-typo-en-body-md-600 text-fm-color-primary",
+              onClick: Y
+            }, [
+              ve(O(e(s)("connect.loyalty.card.giftCardSignpostAction")) + " ", 1),
+              u(U, {
+                name: "arrow_forward",
+                size: "sm"
+              })
+            ])
+          ]),
+          d("div", mt, [
+            (c(!0), M(E, null, Z(e(w), (g) => (c(), F(Q, {
+              key: g.key,
+              variant: "outlined",
+              class: "flex flex-col gap-8 p-16"
+            }, {
+              default: h(() => [
+                d("div", ct, O(g.title), 1),
+                d("div", pt, O(g.value), 1),
+                d("div", ft, O(g.description), 1)
+              ]),
+              _: 2
+            }, 1024))), 128))
+          ]),
+          e(b).length > 0 || e(b).length <= 0 && e(r).searchValue || e(r).pageCount > 0 ? (c(), M(E, { key: 0 }, [
+            d("div", gt, [
+              u(X, {
+                class: "mt-4",
+                modelValue: e(r).searchValue,
+                "onUpdate:modelValue": [
+                  l[1] || (l[1] = (g) => e(r).searchValue = g),
+                  e(_)
+                ],
+                placeholder: "Search",
+                collapsible: ""
+              }, null, 8, ["modelValue", "onUpdate:modelValue"]),
+              u(a, {
+                icon: "ios_share",
+                variant: "tertiary",
+                onClick: xe(e(Ie), ["prevent"])
+              }, null, 8, ["onClick"])
+            ]),
+            u(Be, {
+              loading: e(r).isLoading,
+              "row-data": e(b),
+              "row-count": e(r).totalRows,
+              "column-defs": p,
+              "shrink-at": !1,
+              "page-count": e(r).pageCount,
+              "page-index": e(r).pageIndex,
+              "page-size": e(r).pageSize,
+              onSortChange: e(f),
+              onPageChange: l[2] || (l[2] = (g) => {
+                e(t)({
+                  pageSize: g.pageSize,
+                  pageIndex: g.pageIndex
+                });
+              }),
+              onRowClick: l[3] || (l[3] = (g) => {
+                j(e(Ve)(g.original));
+              })
+            }, null, 8, ["loading", "row-data", "row-count", "page-count", "page-index", "page-size", "onSortChange"])
+          ], 64)) : (c(), F(Q, {
+            key: 1,
+            variant: "outlined",
+            class: "w-full flex flex-col items-center justify-center gap-y-24 p-24"
+          }, {
+            default: h(() => [
+              l[8] || (l[8] = d("img", {
+                src: Ce,
+                class: "aspect-square w-[150px]"
+              }, null, -1)),
+              d("div", bt, [
+                d("div", yt, O(e(s)("connect.loyalty.card.empty_state.title")), 1),
+                d("div", vt, O(e(s)("connect.loyalty.card.empty_state.description")), 1)
+              ]),
+              d("div", xt, [
+                u(a, {
+                  variant: "primary",
+                  label: e(s)("connect.loyalty.card.actions.add"),
+                  icon: "add",
+                  disabled: !e(I).isPremium,
+                  onClick: l[4] || (l[4] = () => {
+                    var g;
+                    return (g = e(n)) == null ? void 0 : g.showSheet(!0);
+                  })
+                }, null, 8, ["label", "disabled"]),
+                u(a, {
+                  variant: "secondary",
+                  label: e(s)("connect.loyalty.card.actions.manage_design"),
+                  disabled: !e(I).isPremium,
+                  onClick: l[5] || (l[5] = () => {
+                    var g;
+                    return (g = e(N)) == null ? void 0 : g.showSheet(!0);
+                  })
+                }, null, 8, ["label", "disabled"])
+              ])
+            ]),
+            _: 1
+          })),
+          u(Ge, {
+            ref_key: "sheetRef",
+            ref: n,
+            onSuccess: l[6] || (l[6] = (g) => R()),
+            onExport: T
+          }, null, 512),
+          u(nt, {
+            ref_key: "designSheetRef",
+            ref: N,
+            onSuccess: R
+          }, null, 512),
+          u(et, {
+            ref_key: "editSheetRef",
+            ref: S,
+            onSuccess: l[7] || (l[7] = (g) => {
+              var G;
+              R({
+                pageSize: e(r).pageSize,
+                pageIndex: e(r).pageIndex
+              }), (G = e(S)) == null || G.showSheet(!1);
+            })
+          }, null, 512)
+        ])
+      ], 64);
+    };
+  }
+});
+export {
+  Qt as default
+};