@feedmepos/mf-connect 0.1.0-beta.29 → 0.1.0-beta.30

package/dist/Card-JpWEjzjP.js

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