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

package/dist/Card-CISdGnSl.js

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