@feedmepos/mf-connect 0.1.98-beta.52 → 0.1.98-beta.53

package/dist/Card-Bzbm3-sW.js

@@ -1,1060 +0,0 @@
-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-BDxwnonR.js";
-import { u as te } from "./loading-C5r1cx-_.js";
-import { u as ve } from "./app-wDQR6dpb.js";
-import { u as le } from "./membership-C7KQ-KXT.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-BO66KEQi.js";
-import { m as H } from "./index-CueUIXPn.js";
-import { z as fe, R as Ie } from "./app-C38mcv88.js";
-import { Z as ge } from "./zod-BkZnH28K.js";
-import { _ as be } from "./ImageInput.vue_vue_type_script_setup_true_lang-CuC8sOKH.js";
-import "./index-DlzhY2Gz.js";
-import "./index-DVA1kIwN.js";
-import "./index-WXnNDUyq.js";
-import { b as Ae } from "./index-CeXhFaZg.js";
-import "./index-C567s8tj.js";
-import { O as Me } from "./objectid-CpTyDbom.js";
-import { u as Ce } from "./vue-i18n-3ow1X-2g.js";
-import { a as Ue, c as Be } from "./object-BYyQ0PZp.js";
-import { u as De } from "./business-2oH_ru_8.js";
-import { w as Ne } from "./xlsx-BtLSi0cI.js";
-import { a as Re, C as Pe } from "./export-DWSRMvQd.js";
-import { u as ze, _ as Ee } from "./usePagination-D6tENEun.js";
-import "./index-HQFexw0Z.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
-};