@feedmepos/mf-connect 0.1.98-beta.7 → 0.1.98-beta.72

package/dist/Card-B6ol3PQw.js

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