@feedmepos/mf-connect 0.1.8-prod → 0.1.9-prod

package/dist/Card-DndggRLr.js

@@ -0,0 +1,1036 @@
+import { defineComponent as ne, ref as S, computed as K, watch as ke, onMounted as te, resolveComponent as y, openBlock as _, createBlock as I, unref as e, isRef as Q, withCtx as R, createElementVNode as m, createVNode as l, createElementBlock as N, Fragment as j, renderList as Z, createCommentVNode as x, normalizeClass as ve, createSlots as Te, h as z, toDisplayString as ae, withModifiers as Re } from "vue";
+import { _ as Ae } from "./campaign-CpzFl8Vr.js";
+import { h as pe } from "./moment-BWErdI6_.js";
+import { useDialog as Ce, components as me } from "@feedmepos/ui-library";
+import { p as he, u as oe, f as ue, n as xe } from "./loading-ChoC5E9d.js";
+import { u as ye } from "./app-wDQR6dpb.js";
+import { u as se } from "./membership-CU-k0-Tf.js";
+import { _ as ee } from "./CustomSelect.vue_vue_type_script_setup_true_lang-DLnvDVgf.js";
+import { m as Y } from "./index-Dnf7j71V.js";
+import { z as Ie } from "./app-C66C2KLW.js";
+import { Z as Oe } from "./zod-Bg2FbC-D.js";
+import { _ as ce } from "./ImageInput.vue_vue_type_script_setup_true_lang-ByhTB9Ie.js";
+import "./index-9CXt2kbQ.js";
+import "./index-O9lB54LY.js";
+import { l as Ne } from "./index-C7745kXl.js";
+import "./index-D0obMrAS.js";
+import "./index-CZ28ywyB.js";
+import "./index-QuBsnXgx.js";
+import { g as we } from "./_commonjsHelpers-BkfeUUK-.js";
+import { a as De, c as Ue } from "./object-qECH92oz.js";
+import { u as Fe } from "./business-DNAVZOSH.js";
+import { a as Be, _ as He, w as Ve } from "./usePagination-JGI7x0W7.js";
+import { e as Pe, C as Me } from "./export-CNg5YWMm.js";
+import { u as Ge } from "./vue-i18n-Bch1JmhI.js";
+import { o as Le } from "./objectId-dwaoBfJX.js";
+const $e = /* @__PURE__ */ m("div", { class: "fm-typo-en-body-lg-600" }, "Number type", -1), je = { class: "space-y-16" }, Ke = /* @__PURE__ */ m("div", { class: "fm-typo-en-body-lg-600" }, "Number Settings", -1), Ye = { class: "gap-16 grid grid-cols-2" }, Xe = { class: "space-y-16" }, qe = /* @__PURE__ */ m("div", { class: "fm-typo-en-body-lg-600" }, "Card Settings", -1), We = {
+  key: 0,
+  class: "flex flex-col gap-[16px] w-full"
+}, ze = { class: "flex flex-col gap-[8px]" }, Je = /* @__PURE__ */ m("p", { class: "fm-typo-en-title-sm-800" }, "Design preview", -1), Qe = ["src"], Ze = { class: "flex pt-[24px] gap-[24px]" }, en = ["src", "onClick", "alt"], nn = { class: "flex items-center gap-8" }, tn = /* @__PURE__ */ ne({
+  __name: "CreateCardSheet",
+  emits: ["success", "export"],
+  setup(t, { expose: d, emit: B }) {
+    const { minor: V } = oe, b = se(), D = S(), E = S(!1), C = B, a = S(!1);
+    function U(g) {
+      a.value = g, g && (i.value = {
+        quantity: 1,
+        code: "",
+        codeConfig: {
+          length: 12,
+          charset: "1234567890",
+          prefix: "",
+          suffix: "",
+          pattern: "####-####-####-####"
+        }
+      });
+    }
+    const i = S({
+      quantity: 1,
+      code: "",
+      codeConfig: {
+        length: 12,
+        charset: "1234567890",
+        prefix: "",
+        suffix: "",
+        pattern: "####-####-####-####"
+      },
+      setCardOnBind: !1,
+      bundle: void 0
+    }), v = [
+      {
+        label: "Bulk number",
+        value: "bulk",
+        sublabel: "Bulk generate unique number"
+      },
+      {
+        label: "Custom number",
+        value: "single",
+        sublabel: "Enter your own custom number"
+      }
+    ], H = [
+      {
+        label: "Alphanumeric",
+        value: "0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ"
+      },
+      {
+        label: "Alphabetic",
+        value: "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ"
+      },
+      { label: "Alphabetic Lowercase", value: "abcdefghijklmnopqrstuvwxyz" },
+      { label: "Alphabetic Uppercase", value: "ABCDEFGHIJKLMNOPQRSTUVWXYZ" },
+      { label: "Numbers", value: "0123456789" },
+      { label: "Custom", value: "" }
+    ], P = S(H[0].value), A = S("bulk"), k = S(0), r = K(
+      () => {
+        var g;
+        return (g = b.membership.design) == null ? void 0 : g[k.value];
+      }
+    ), u = S(!1), p = K(
+      () => b.sortedStoreCategories.flatMap((g) => g.bundles)
+    );
+    async function h(g) {
+      var o, O;
+      if (await ((o = D.value) == null ? void 0 : o.validateInputs()), !E.value) return;
+      g.design = (O = r.value) == null ? void 0 : O.image;
+      const n = await he.confirm(
+        "",
+        "Do you want to export generated card(s)?",
+        "Export",
+        "Generate and without export"
+      );
+      console.log(n), await V(
+        async () => {
+          const F = await Y.createCards(g);
+          console.log(F), await C("success"), n && await C("export", F);
+        },
+        {
+          message: "Creating card(s)",
+          successMessage: "Card(s) created"
+        }
+      );
+    }
+    return d({
+      showSheet: U
+    }), ke(
+      () => i.value.codeConfig.length,
+      (g, n) => {
+        g != n && (i.value.codeConfig.pattern = "#".repeat(Number(g)));
+      }
+    ), te(async () => {
+      await b.readMemberStore();
+    }), (g, n) => {
+      const o = y("FmRadio"), O = y("FmRadioGroup"), F = y("FmSwitch"), f = y("FmStepperField"), M = y("FmSelect"), $ = y("FmTextField"), T = y("FmTextarea"), G = y("FmButton"), q = y("FmForm"), Ee = y("FmSideSheet");
+      return _(), I(Ee, {
+        "max-width": 560,
+        "dismiss-away": !0,
+        header: "Create collection",
+        modelValue: e(a),
+        "onUpdate:modelValue": [
+          n[19] || (n[19] = (L) => Q(a) ? a.value = L : null),
+          n[20] || (n[20] = (L) => a.value = L)
+        ]
+      }, {
+        "side-sheet-footer": R(() => [
+          m("div", nn, [
+            l(G, {
+              label: "Save",
+              onClick: n[17] || (n[17] = (L) => h(e(i))),
+              loading: e(ye)().isLoading
+            }, null, 8, ["loading"]),
+            l(G, {
+              label: "Cancel",
+              type: "button",
+              variant: "tertiary",
+              onClick: n[18] || (n[18] = (L) => a.value = !1)
+            })
+          ])
+        ]),
+        default: R(() => [
+          l(q, {
+            ref_key: "form",
+            ref: D,
+            class: "space-y-40",
+            onValidationSuccess: n[15] || (n[15] = (L) => E.value = !0),
+            onValidationFailed: n[16] || (n[16] = (L) => E.value = !1)
+          }, {
+            default: R(() => {
+              var L, le, de;
+              return [
+                m("div", null, [
+                  $e,
+                  l(O, {
+                    modelValue: e(A),
+                    "onUpdate:modelValue": n[0] || (n[0] = (s) => Q(A) ? A.value = s : null),
+                    inline: !1
+                  }, {
+                    default: R(() => [
+                      (_(), N(j, null, Z(v, (s) => l(o, {
+                        key: s.value,
+                        value: s.value,
+                        label: s.label,
+                        sublabel: s.sublabel
+                      }, null, 8, ["value", "label", "sublabel"])), 64))
+                    ]),
+                    _: 1
+                  }, 8, ["modelValue"])
+                ]),
+                m("div", je, [
+                  Ke,
+                  e(A) === "bulk" ? (_(), N(j, { key: 0 }, [
+                    l(F, {
+                      "model-value": e(u),
+                      "label-placement": "right",
+                      value: "true",
+                      label: "Advance number setting",
+                      required: !0,
+                      "onUpdate:modelValue": n[1] || (n[1] = () => u.value = !e(u))
+                    }, null, 8, ["model-value"]),
+                    e(u) ? (_(), N(j, { key: 0 }, [
+                      l(f, {
+                        "model-value": e(i).codeConfig.length || null,
+                        "onUpdate:modelValue": n[2] || (n[2] = (s) => e(i).codeConfig.length = s),
+                        label: "Code length",
+                        rules: [(s) => Number(s) >= 1 || "Code length must at least 1"],
+                        required: !0
+                      }, null, 8, ["model-value", "rules"]),
+                      l(M, {
+                        label: "Charset",
+                        "model-value": e(P),
+                        items: H,
+                        "helper-text": e(i).codeConfig.charset.length > 62 ? `${e(i).codeConfig.charset.substring(0, 62)}...` : e(i).codeConfig.charset,
+                        "onUpdate:modelValue": n[3] || (n[3] = (s) => {
+                          P.value = s, e(i).codeConfig.charset = s;
+                        })
+                      }, null, 8, ["model-value", "helper-text"]),
+                      e(P) === "" ? (_(), I($, {
+                        key: 0,
+                        modelValue: e(i).codeConfig.charset,
+                        "onUpdate:modelValue": n[4] || (n[4] = (s) => e(i).codeConfig.charset = s),
+                        label: "Custom Charset",
+                        required: ""
+                      }, null, 8, ["modelValue"])) : x("", !0),
+                      m("div", Ye, [
+                        l($, {
+                          modelValue: e(i).codeConfig.prefix,
+                          "onUpdate:modelValue": n[5] || (n[5] = (s) => e(i).codeConfig.prefix = s),
+                          label: "Prefix (Optional)"
+                        }, null, 8, ["modelValue"]),
+                        l($, {
+                          modelValue: e(i).codeConfig.suffix,
+                          "onUpdate:modelValue": n[6] || (n[6] = (s) => e(i).codeConfig.suffix = s),
+                          label: "Suffix (Optional)"
+                        }, null, 8, ["modelValue"])
+                      ]),
+                      l($, {
+                        modelValue: e(i).codeConfig.pattern,
+                        "onUpdate:modelValue": n[7] || (n[7] = (s) => e(i).codeConfig.pattern = s),
+                        label: "Pattern",
+                        required: !0
+                      }, null, 8, ["modelValue"])
+                    ], 64)) : x("", !0),
+                    l($, {
+                      modelValue: e(i).quantity,
+                      "onUpdate:modelValue": n[8] || (n[8] = (s) => e(i).quantity = s),
+                      label: "Number of code",
+                      rules: [
+                        (s) => s >= 1 || "Quantity cannot be less than 1",
+                        (s) => s <= 1e4 || "Quantity cannot more than 10,000"
+                      ],
+                      required: !0,
+                      "helper-text": `${e(i).quantity} card will be created`
+                    }, null, 8, ["modelValue", "rules", "helper-text"])
+                  ], 64)) : x("", !0),
+                  e(A) !== "bulk" ? (_(), I(T, {
+                    key: 1,
+                    modelValue: e(i).code,
+                    "onUpdate:modelValue": n[9] || (n[9] = (s) => e(i).code = s),
+                    label: "Custom Card Number",
+                    rules: [(s) => e(A) != "single" || !!s || "Custom code is required"],
+                    placeholder: "(For multiple numbers, please enter in the new row.)"
+                  }, null, 8, ["modelValue", "rules"])) : x("", !0)
+                ]),
+                m("div", Xe, [
+                  qe,
+                  l(F, {
+                    "label-placement": "right",
+                    label: "Set card number on bind",
+                    "model-value": e(i).setCardOnBind || !1,
+                    "onUpdate:modelValue": n[10] || (n[10] = (s) => e(i).setCardOnBind = s)
+                  }, null, 8, ["model-value"]),
+                  l(ee, {
+                    label: "Activate bundle on bind",
+                    placeholder: "Select bundle",
+                    items: e(p).filter((s) => !s.stripePriceId).map((s) => ({ label: s.name, value: s._id })),
+                    modelValue: e(i).bundle,
+                    "onUpdate:modelValue": n[12] || (n[12] = (s) => e(i).bundle = s)
+                  }, {
+                    append: R(() => [
+                      e(i).bundle ? (_(), I(G, {
+                        key: 0,
+                        icon: "link_off",
+                        variant: "plain",
+                        onClick: n[11] || (n[11] = (s) => e(i).bundle = void 0)
+                      })) : x("", !0)
+                    ]),
+                    _: 1
+                  }, 8, ["items", "modelValue"]),
+                  (le = (L = e(b).store) == null ? void 0 : L.stripe) != null && le.apiKey ? (_(), I(ee, {
+                    key: 0,
+                    label: "Linked subscription bundle",
+                    placeholder: "Select bundle",
+                    items: e(p).filter((s) => s.stripePriceId).map((s) => ({ label: s.name, value: s._id })),
+                    modelValue: e(i).subscriptionBundle,
+                    "onUpdate:modelValue": n[14] || (n[14] = (s) => e(i).subscriptionBundle = s)
+                  }, {
+                    append: R(() => [
+                      e(i).subscriptionBundle ? (_(), I(G, {
+                        key: 0,
+                        icon: "link_off",
+                        variant: "plain",
+                        onClick: n[13] || (n[13] = (s) => e(i).subscriptionBundle = void 0)
+                      })) : x("", !0)
+                    ]),
+                    _: 1
+                  }, 8, ["items", "modelValue"])) : x("", !0)
+                ]),
+                e(b).membership.design ? (_(), N("div", We, [
+                  m("div", ze, [
+                    Je,
+                    m("img", {
+                      src: (de = e(r)) == null ? void 0 : de.image,
+                      class: "aspect-[16/9]"
+                    }, null, 8, Qe),
+                    m("div", Ze, [
+                      (_(!0), N(j, null, Z(e(b).membership.design, (s, W) => (_(), N("img", {
+                        src: s.image,
+                        key: `image_${W}`,
+                        class: ve(["w-[112px] h-[63px] cursor-pointer", `${e(k) === W ? "border-[2px] border-fm-color-primary" : ""}`]),
+                        onClick: (Dn) => k.value = W,
+                        alt: `ai_image_predict_${W}`,
+                        style: { objectFit: "cover" }
+                      }, null, 10, en))), 128))
+                    ])
+                  ])
+                ])) : x("", !0)
+              ];
+            }),
+            _: 1
+          }, 512)
+        ]),
+        _: 1
+      }, 8, ["modelValue"]);
+    };
+  }
+}), on = { class: "space-y-16" }, sn = /* @__PURE__ */ m("div", { class: "fm-typo-en-body-lg-600" }, "Card Settings", -1), an = {
+  key: 0,
+  class: "flex flex-col gap-[16px] w-full"
+}, rn = { class: "flex flex-col gap-[8px]" }, ln = /* @__PURE__ */ m("p", { class: "fm-typo-en-title-sm-800" }, "Design preview", -1), dn = ["src"], pn = { class: "flex pt-[24px] gap-[24px]" }, mn = ["src", "onClick", "alt"], un = { class: "flex items-center gap-8" }, cn = /* @__PURE__ */ ne({
+  __name: "EditCardSheet",
+  emits: ["success"],
+  setup(t, { expose: d, emit: B }) {
+    const { minor: V } = oe, b = se(), D = S(), E = S(!1), C = B, a = S({
+      _id: "",
+      business: "",
+      serialNumber: ""
+    }), U = S(!1);
+    function i(k, r) {
+      var u;
+      U.value = k, k && r && (a.value = r, v.value = (u = b.membership.design) == null ? void 0 : u.findIndex(
+        (p) => p.image === r.design
+      ));
+    }
+    const v = S(0), H = K(
+      () => {
+        var k;
+        return (k = b.membership.design) == null ? void 0 : k[v.value];
+      }
+    ), P = K(
+      () => b.sortedStoreCategories.flatMap(
+        (k) => k.bundles
+      )
+    );
+    async function A(k) {
+      var r, u;
+      await ((r = D.value) == null ? void 0 : r.validateInputs()), E.value && (k.design = (u = H.value) == null ? void 0 : u.image, await V(
+        async () => {
+          await Y.updateCard(k), await C("success");
+        },
+        {
+          message: "Updating card",
+          successMessage: "Card updated"
+        }
+      ));
+    }
+    return d({
+      showSheet: i
+    }), te(async () => {
+      await b.readMemberStore();
+    }), (k, r) => {
+      const u = y("FmTextField"), p = y("FmSwitch"), h = y("FmButton"), g = y("FmForm"), n = y("FmSideSheet");
+      return _(), I(n, {
+        "max-width": 560,
+        "dismiss-away": !0,
+        header: "Edit card",
+        modelValue: e(U),
+        "onUpdate:modelValue": [
+          r[10] || (r[10] = (o) => Q(U) ? U.value = o : null),
+          r[11] || (r[11] = (o) => U.value = o)
+        ]
+      }, {
+        "side-sheet-footer": R(() => [
+          m("div", un, [
+            l(h, {
+              label: "Save",
+              disabled: !!e(a).redeemedAt,
+              onClick: r[8] || (r[8] = (o) => A(e(a))),
+              loading: e(ye)().isLoading
+            }, null, 8, ["disabled", "loading"]),
+            l(h, {
+              label: "Cancel",
+              type: "button",
+              variant: "tertiary",
+              onClick: r[9] || (r[9] = (o) => U.value = !1)
+            })
+          ])
+        ]),
+        default: R(() => [
+          l(g, {
+            ref_key: "form",
+            ref: D,
+            class: "space-y-40",
+            onValidationSuccess: r[6] || (r[6] = (o) => E.value = !0),
+            onValidationFailed: r[7] || (r[7] = (o) => E.value = !1)
+          }, {
+            default: R(() => {
+              var o, O, F;
+              return [
+                m("div", on, [
+                  l(u, {
+                    modelValue: e(a).serialNumber,
+                    "onUpdate:modelValue": r[0] || (r[0] = (f) => e(a).serialNumber = f),
+                    label: "Card Number",
+                    rules: [
+                      e(Oe).toRule(e(Ie).string().min(1, "Card number is required"))
+                    ],
+                    required: !0
+                  }, null, 8, ["modelValue", "rules"]),
+                  sn,
+                  l(p, {
+                    "label-placement": "right",
+                    label: "Set card number on bind",
+                    "model-value": e(a).setCardOnBind || !1,
+                    "onUpdate:modelValue": r[1] || (r[1] = (f) => e(a).setCardOnBind = f)
+                  }, null, 8, ["model-value"]),
+                  l(ee, {
+                    label: "Activate bundle on bind",
+                    placeholder: "Select bundle",
+                    items: e(P).filter((f) => !f.stripePriceId).map((f) => ({ label: f.name, value: f._id })),
+                    modelValue: e(a).bundle,
+                    "onUpdate:modelValue": r[3] || (r[3] = (f) => e(a).bundle = f)
+                  }, {
+                    append: R(() => [
+                      e(a).bundle ? (_(), I(h, {
+                        key: 0,
+                        icon: "link_off",
+                        variant: "plain",
+                        onClick: r[2] || (r[2] = (f) => e(a).bundle = null)
+                      })) : x("", !0)
+                    ]),
+                    _: 1
+                  }, 8, ["items", "modelValue"]),
+                  (O = (o = e(b).store) == null ? void 0 : o.stripe) != null && O.apiKey ? (_(), I(ee, {
+                    key: 0,
+                    label: "Linked subscription bundle",
+                    placeholder: "Select bundle",
+                    items: e(P).filter((f) => f.stripePriceId).map((f) => ({ label: f.name, value: f._id })),
+                    modelValue: e(a).subscriptionBundle,
+                    "onUpdate:modelValue": r[5] || (r[5] = (f) => e(a).subscriptionBundle = f)
+                  }, {
+                    append: R(() => [
+                      e(a).subscriptionBundle ? (_(), I(h, {
+                        key: 0,
+                        icon: "link_off",
+                        variant: "plain",
+                        onClick: r[4] || (r[4] = (f) => e(a).subscriptionBundle = null)
+                      })) : x("", !0)
+                    ]),
+                    _: 1
+                  }, 8, ["items", "modelValue"])) : x("", !0)
+                ]),
+                e(b).membership.design ? (_(), N("div", an, [
+                  m("div", rn, [
+                    ln,
+                    m("img", {
+                      src: (F = e(H)) == null ? void 0 : F.image,
+                      class: "aspect-[16/9]"
+                    }, null, 8, dn),
+                    m("div", pn, [
+                      (_(!0), N(j, null, Z(e(b).membership.design, (f, M) => (_(), N("img", {
+                        src: f.image,
+                        key: `image_${M}`,
+                        class: ve(["w-[112px] h-[63px] cursor-pointer", `${e(v) === M ? "border-[2px] border-fm-color-primary" : ""}`]),
+                        onClick: ($) => v.value = M,
+                        alt: `ai_image_predict_${M}`,
+                        style: { objectFit: "cover" }
+                      }, null, 10, mn))), 128))
+                    ])
+                  ])
+                ])) : x("", !0)
+              ];
+            }),
+            _: 1
+          }, 512)
+        ]),
+        _: 1
+      }, 8, ["modelValue"]);
+    };
+  }
+});
+var re = { env: { GITHUB_STATE: "/home/runner/work/_temp/_runner_file_commands/save_state_c1670ca1-b881-4d05-8425-9917b7fd8031", npm_package_dependencies_zod: "3.22.4", npm_package_devDependencies__types_node: "^18.19.41", STATS_TRP: "true", DEPLOYMENT_BASEPATH: "/opt/runner", DOTNET_NOLOGO: "1", npm_package_dependencies_pinia: "^2.1.7", npm_package_dependencies_vite_plugin_vue_devtools: "^7.6.4", USER: "runner", npm_config_user_agent: "pnpm/9.15.9 npm/? node/v20.19.0 linux x64", CI: "true", npm_package_dependencies_vue: "^3.4.33", RUNNER_ENVIRONMENT: "github-hosted", GITHUB_ENV: "/home/runner/work/_temp/_runner_file_commands/set_env_c1670ca1-b881-4d05-8425-9917b7fd8031", PIPX_HOME: "/opt/pipx", npm_package_devDependencies_vite: "^5.3.4", npm_node_execpath: "/opt/hostedtoolcache/node/20.19.0/x64/bin/node", JAVA_HOME_8_X64: "/usr/lib/jvm/temurin-8-jdk-amd64", SHLVL: "1", npm_package_files_0: "dist", HOME: "/home/runner", RUNNER_TEMP: "/home/runner/work/_temp", GITHUB_EVENT_PATH: "/home/runner/work/_temp/_github_workflow/event.json", npm_package_scripts_build_mf_dev: "vite build --mode fmmf", npm_package_dependencies__types_qrcode: "^1.5.5", JAVA_HOME_11_X64: "/usr/lib/jvm/temurin-11-jdk-amd64", PIPX_BIN_DIR: "/opt/pipx_bin", GITHUB_REPOSITORY_OWNER: "feedmepos", npm_package_scripts_build_mf_prod: "vite build --mode fmmf:prod", npm_package_dependencies_change_case: "^5.4.4", NODE_OPTIONS: "--max-old-space-size=8096", GRADLE_HOME: "/usr/share/gradle-8.13", ANDROID_NDK_LATEST_HOME: "/usr/local/lib/android/sdk/ndk/28.1.13356709", JAVA_HOME_21_X64: "/usr/lib/jvm/temurin-21-jdk-amd64", STATS_RDCL: "true", GITHUB_RETENTION_DAYS: "90", npm_package_dependencies__feedmepos_mf_common: "1.12.5", npm_package_dependencies_fabric: "^6.4.2", npm_package_dependencies_zod_i18n_map: "2.27.0", GITHUB_REPOSITORY_OWNER_ID: "54831515", POWERSHELL_DISTRIBUTION_CHANNEL: "GitHub-Actions-ubuntu24", AZURE_EXTENSION_DIR: "/opt/az/azcliextensions", GITHUB_HEAD_REF: "", SYSTEMD_EXEC_PID: "713", npm_package_dependencies__feedmepos_ui_library: "1.3.5", npm_package_dependencies_dayjs: "^1.11.12", npm_package_dependencies_dotenv: "^16.4.5", npm_package_dependencies_moment: "^2.30.1", GITHUB_GRAPHQL_URL: "https://api.github.com/graphql", npm_package_scripts_build_only_dev: "pnpm build:mf:dev", npm_package_dependencies_i18next: "24.2.1", npm_package_devDependencies_tailwindcss: "^3.4.6", npm_package_devDependencies_typescript: "^5.5.3", NVM_DIR: "/home/runner/.nvm", npm_package_scripts_build_dev: "cross-env NODE_OPTIONS=--max-old-space-size=4096 vite build --mode development", npm_package_scripts_build_only_prod: "pnpm build:mf:prod", npm_package_dependencies_xlsx: "^0.18.5", npm_package_devDependencies_vue_tsc: "^2.0.26", DOTNET_SKIP_FIRST_TIME_EXPERIENCE: "1", GOROOT_1_21_X64: "/opt/hostedtoolcache/go/1.21.13/x64", JAVA_HOME_17_X64: "/usr/lib/jvm/temurin-17-jdk-amd64", ImageVersion: "20250420.1.0", npm_package_scripts_dev: "vite", npm_package_scripts_build_prod: "cross-env NODE_OPTIONS=--max-old-space-size=4096 vite build --mode production", npm_package_dependencies_unplugin_auto_import: "^0.17.8", RUNNER_OS: "Linux", GITHUB_API_URL: "https://api.github.com", GOROOT_1_22_X64: "/opt/hostedtoolcache/go/1.22.12/x64", STORE_PATH: "/home/runner/setup-pnpm/node_modules/.bin/store/v3", SWIFT_PATH: "/usr/share/swift/usr/bin", npm_package_type: "module", RUNNER_USER: "runner", STATS_V3PS: "true", CHROMEWEBDRIVER: "/usr/local/share/chromedriver-linux64", GOROOT_1_23_X64: "/opt/hostedtoolcache/go/1.23.8/x64", JOURNAL_STREAM: "9:5732", GITHUB_WORKFLOW: "Publish mf-connect - production", _: "/home/runner/setup-pnpm/node_modules/.bin/pnpm", npm_package_module: "./dist/app.js", npm_package_devDependencies_autoprefixer: "^10.4.19", MEMORY_PRESSURE_WATCH: "/sys/fs/cgroup/system.slice/runner-provisioner.service/memory.pressure", npm_package_devDependencies__types_uuid: "^9.0.8", npm_package_devDependencies_unlayer_types: "^1.157.0", npm_config_registry: "https://registry.npmjs.org/", ACTIONS_RUNNER_ACTION_ARCHIVE_CACHE: "/opt/actionarchivecache", STATS_D: "false", GITHUB_RUN_ID: "14713513133", STATS_VMFE: "true", npm_package_dependencies_bson_objectid: "^2.0.4", npm_package_devDependencies__types_lodash: "^4.17.7", GITHUB_REF_TYPE: "branch", BOOTSTRAP_HASKELL_NONINTERACTIVE: "1", GITHUB_WORKFLOW_SHA: "e8a110257b146219091c0d928b5431558ca6a044", GITHUB_BASE_REF: "", ImageOS: "ubuntu24", npm_package_exports___import: "./dist/app.js", npm_package_devDependencies__vitejs_plugin_vue: "^5.0.5", GITHUB_WORKFLOW_REF: "feedmepos/marketing-services/.github/workflows/[PROD] publish-mf-connect.yml@refs/heads/main", PERFLOG_LOCATION_SETTING: "RUNNER_PERFLOG", GITHUB_ACTION_REPOSITORY: "", npm_package_dependencies_axios: "^1.7.2", npm_config_node_gyp: "/home/runner/setup-pnpm/node_modules/.pnpm/pnpm@9.15.9/node_modules/pnpm/dist/node_modules/node-gyp/bin/node-gyp.js", PATH: "/home/runner/work/marketing-services/marketing-services/packages/connect/node_modules/.bin:/home/runner/setup-pnpm/node_modules/.pnpm/pnpm@9.15.9/node_modules/pnpm/dist/node-gyp-bin:/home/runner/work/marketing-services/marketing-services/packages/connect/node_modules/.bin:/home/runner/setup-pnpm/node_modules/.pnpm/pnpm@9.15.9/node_modules/pnpm/dist/node-gyp-bin:/home/runner/setup-pnpm/node_modules/.bin:/opt/hostedtoolcache/node/20.19.0/x64/bin:/snap/bin:/home/runner/.local/bin:/opt/pipx_bin:/home/runner/.cargo/bin:/home/runner/.config/composer/vendor/bin:/usr/local/.ghcup/bin:/home/runner/.dotnet/tools:/usr/local/sbin:/usr/local/bin:/usr/sbin:/usr/bin:/sbin:/bin:/usr/games:/usr/local/games:/snap/bin", ANT_HOME: "/usr/share/ant", DOTNET_MULTILEVEL_LOOKUP: "0", RUNNER_TRACKING_ID: "github_f437e01b-6626-43ba-9c59-6a29c41af823", INVOCATION_ID: "58cdead5d3f243948409ca8f036c7466", RUNNER_TOOL_CACHE: "/opt/hostedtoolcache", NODE: "/opt/hostedtoolcache/node/20.19.0/x64/bin/node", npm_package_name: "@feedmepos/mf-connect", npm_package_scripts_deploy_dev: "pnpm run build-only:dev && pnpm publish --no-git-checks .", npm_package_dependencies_cross_env: "^7.0.3", GITHUB_ACTION: "__run_5", GITHUB_RUN_NUMBER: "51", GITHUB_TRIGGERING_ACTOR: "qaijunse", RUNNER_ARCH: "X64", XDG_RUNTIME_DIR: "/run/user/1001", AGENT_TOOLSDIRECTORY: "/opt/hostedtoolcache", npm_package_scripts_deploy_prod: "pnpm run build-only:prod && pnpm publish --no-git-checks .", npm_config_frozen_lockfile: "", LANG: "C.UTF-8", VCPKG_INSTALLATION_ROOT: "/usr/local/share/vcpkg", npm_package_dependencies__feedmepos_mf_core_ui: "1.0.18", CONDA: "/usr/share/miniconda", RUNNER_NAME: "GitHub Actions 372", XDG_CONFIG_HOME: "/home/runner/.config", STATS_VMD: "true", GITHUB_REF_NAME: "main", GITHUB_REPOSITORY: "feedmepos/marketing-services", STATS_D_D: "false", npm_package_scripts_build_dts: "vue-tsc --declaration --noEmit false --emitDeclarationOnly -p tsconfig.json --outDir ./dist && mv ./dist/src/* dist", npm_package_scripts_build_types: "vue-tsc --declaration --emitDeclarationOnly -p tsconfig.json --outDir dist --composite false", npm_package_dependencies__feedmepos_core: "^2.14.6", npm_lifecycle_script: "vite build --mode fmmf:prod", STATS_UE: "true", ANDROID_NDK_ROOT: "/usr/local/lib/android/sdk/ndk/27.2.12479018", GITHUB_ACTION_REF: "", DEBIAN_FRONTEND: "noninteractive", npm_package_dependencies_rrule: "^2.8.1", npm_package_dependencies_vue3_lottie: "^3.3.0", GITHUB_REPOSITORY_ID: "615151795", GITHUB_ACTIONS: "true", STATS_PIP: "false", NODE_PATH: "/home/runner/work/marketing-services/marketing-services/packages/connect/node_modules/.pnpm/vite@5.3.4_@types+node@18.19.41/node_modules/vite/bin/node_modules:/home/runner/work/marketing-services/marketing-services/packages/connect/node_modules/.pnpm/vite@5.3.4_@types+node@18.19.41/node_modules/vite/node_modules:/home/runner/work/marketing-services/marketing-services/packages/connect/node_modules/.pnpm/vite@5.3.4_@types+node@18.19.41/node_modules:/home/runner/work/marketing-services/marketing-services/packages/connect/node_modules/.pnpm/node_modules:/home/runner/setup-pnpm/node_modules/.pnpm/pnpm@9.15.9/node_modules/pnpm/bin/node_modules:/home/runner/setup-pnpm/node_modules/.pnpm/pnpm@9.15.9/node_modules/pnpm/node_modules:/home/runner/setup-pnpm/node_modules/.pnpm/pnpm@9.15.9/node_modules:/home/runner/setup-pnpm/node_modules/.pnpm/node_modules:/home/runner/setup-pnpm/node_modules/.pnpm/pnpm@9.15.9/node_modules/pnpm/bin/node_modules:/home/runner/setup-pnpm/node_modules/.pnpm/pnpm@9.15.9/node_modules/pnpm/node_modules:/home/runner/setup-pnpm/node_modules/.pnpm/pnpm@9.15.9/node_modules:/home/runner/setup-pnpm/node_modules/.pnpm/node_modules", npm_package_version: "0.1.9-prod", npm_lifecycle_event: "build:mf:prod", GITHUB_REF_PROTECTED: "false", npm_package_scripts_build: "vue-tsc && vite build", npm_package_dependencies_uuid: "^10.0.0", npm_package_dependencies_vue_i18n: "10.0.5", GITHUB_WORKSPACE: "/home/runner/work/marketing-services/marketing-services", ACCEPT_EULA: "Y", GITHUB_JOB: "deploy", RUNNER_PERFLOG: "/home/runner/perflog", npm_package_dependencies_lodash: "^4.17.21", GITHUB_SHA: "e8a110257b146219091c0d928b5431558ca6a044", GITHUB_RUN_ATTEMPT: "1", STATS_D_TC: "true", npm_package_exports___style: "./dist/style.css", npm_package_dependencies_vue_router: "^4.4.0", GITHUB_REF: "refs/heads/main", GITHUB_ACTOR: "qaijunse", ANDROID_SDK_ROOT: "/usr/local/lib/android/sdk", npm_package_license: "UNLICENSED", npm_package_dependencies_email_addresses: "^5.0.0", npm_package_dependencies_firebase: "^10.12.4", npm_package_dependencies_qrcode: "^1.5.3", GITHUB_PATH: "/home/runner/work/_temp/_runner_file_commands/add_path_c1670ca1-b881-4d05-8425-9917b7fd8031", JAVA_HOME: "/usr/lib/jvm/temurin-17-jdk-amd64", PWD: "/home/runner/work/marketing-services/marketing-services/packages/connect", GITHUB_ACTOR_ID: "39590157", RUNNER_WORKSPACE: "/home/runner/work/marketing-services", npm_execpath: "/home/runner/setup-pnpm/node_modules/.pnpm/pnpm@9.15.9/node_modules/pnpm/bin/pnpm.cjs", HOMEBREW_CLEANUP_PERIODIC_FULL_DAYS: "3650", STATS_TIS: "mining", GITHUB_EVENT_NAME: "workflow_dispatch", HOMEBREW_NO_AUTO_UPDATE: "1", ANDROID_HOME: "/usr/local/lib/android/sdk", GITHUB_SERVER_URL: "https://github.com", GECKOWEBDRIVER: "/usr/local/share/gecko_driver", GHCUP_INSTALL_BASE_PREFIX: "/usr/local", GITHUB_OUTPUT: "/home/runner/work/_temp/_runner_file_commands/set_output_c1670ca1-b881-4d05-8425-9917b7fd8031", npm_package_exports___types: "./dist/packages/connect/src/app.d.ts", EDGEWEBDRIVER: "/usr/local/share/edge_driver", STATS_EXT: "true", PNPM_SCRIPT_SRC_DIR: "/home/runner/work/marketing-services/marketing-services/packages/connect", npm_package_devDependencies_postcss: "^8.4.39", npm_command: "run-script", ANDROID_NDK: "/usr/local/lib/android/sdk/ndk/27.2.12479018", SGX_AESM_ADDR: "1", CHROME_BIN: "/usr/bin/google-chrome", npm_package_scripts_preview: "vite preview", SELENIUM_JAR_PATH: "/usr/share/java/selenium-server.jar", MEMORY_PRESSURE_WRITE: "c29tZSAyMDAwMDAgMjAwMDAwMAA=", PNPM_HOME: "/home/runner/setup-pnpm/node_modules/.bin", STATS_EXTP: "https://provjobdprod.z13.web.core.windows.net/settings/provjobdsettings-latest/provjobd.data", npm_package_dependencies__feedmepos_menu: "1.0.34", ANDROID_NDK_HOME: "/usr/local/lib/android/sdk/ndk/27.2.12479018", GITHUB_STEP_SUMMARY: "/home/runner/work/_temp/_runner_file_commands/step_summary_c1670ca1-b881-4d05-8425-9917b7fd8031", INIT_CWD: "/home/runner/work/marketing-services/marketing-services/packages/connect", NODE_ENV: "production", FEEDME_NAMESPACE: "prod", FIREBASE_API_KEY: "AIzaSyA_isPR1-9bX7UmRiJIhsIRNNwdn6DdmW4", FIREBASE_AUTH_DOMAIN: "feedme-253402.firebaseapp.com", FIREBASE_DATABASE_URL: "https://feedme-253402.firebaseio.com", FIREBASE_PROJECT_ID: "feedme-253402", FIREBASE_STORAGE_BUCKET: "image.feedme.cc", FIREBASE_MESSAGING_SENDER_ID: "128512026847", FIREBASE_APP_ID: "1:128512026847:web:7c5c8ab7e8b90502dc616a", FIREBASE_MEASUREMENT_ID: "G-LTKS7N2HQS", ASSET_STORAGE_BUCKET: "static.feedme.cc", AUTH_URL: "https://portal-v2.feedmeapi.com/", SLACK_WEBHOOK_URL: "https://hooks.slack.com/services/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", MEMBER_APP_URL: "member.feedme.cc", CRM_APP_URL: "crm.feedme.cc", MARKETING_V1_PORTAL: "https://marketing-v1.feedme.cc", CLIENT_ID: "d5f8840d63dbb758b6c4ee2a5e8b013d15dd25e242c457481326062b83962476", PAYMENT_PORTAL_URL: "https://portal.feedme.cc/payment/payout-account" } }, ie = Math.floor(Math.random() * 16777215), _e = c.index = parseInt(Math.random() * 16777215, 10), ge = (typeof re > "u" || typeof re.pid != "number" ? Math.floor(Math.random() * 1e5) : re.pid) % 65535, fe = (() => {
+  try {
+    return _Buffer;
+  } catch {
+    try {
+      return Buffer;
+    } catch {
+      return null;
+    }
+  }
+})(), J = function(t) {
+  return !!(t != null && t.constructor && typeof t.constructor.isBuffer == "function" && t.constructor.isBuffer(t));
+}, Se = [];
+for (var w = 0; w < 256; w++)
+  Se[w] = (w <= 15 ? "0" : "") + w.toString(16);
+var be = new RegExp("^[0-9a-fA-F]{24}$"), X = [];
+w = 0;
+for (; w < 10; ) X[48 + w] = w++;
+for (; w < 16; ) X[55 + w] = X[87 + w] = w++;
+function c(t) {
+  if (!(this instanceof c)) return new c(t);
+  if (t && (t instanceof c || t._bsontype === "ObjectID"))
+    return t;
+  if (this._bsontype = "ObjectID", t == null || typeof t == "number") {
+    this.id = this.generate(t);
+    return;
+  }
+  var d = c.isValid(t);
+  if (!d && t != null)
+    throw new Error(
+      "Argument passed in must be a single String of 12 bytes or a string of 24 hex characters"
+    );
+  if (d && typeof t == "string" && t.length === 24)
+    return c.createFromHexString(t);
+  if (t != null && t.length === 12)
+    this.id = t;
+  else {
+    if (t != null && typeof t.toHexString == "function")
+      return t;
+    throw new Error(
+      "Argument passed in must be a single String of 12 bytes or a string of 24 hex characters"
+    );
+  }
+}
+var _n = c;
+c.default = c;
+c.createFromTime = function(t) {
+  return t = parseInt(t, 10) % 4294967295, new c(fn(8, t) + "0000000000000000");
+};
+c.createFromHexString = function(t) {
+  if (typeof t > "u" || t != null && t.length !== 24)
+    throw new Error(
+      "Argument passed in must be a single String of 12 bytes or a string of 24 hex characters"
+    );
+  for (var d = "", B = 0; B < 24; )
+    d += String.fromCharCode(X[t.charCodeAt(B++)] << 4 | X[t.charCodeAt(B++)]);
+  return new c(d);
+};
+c.isValid = function(t) {
+  return t == null ? !1 : typeof t == "number" ? !0 : typeof t == "string" ? t.length === 12 || t.length === 24 && be.test(t) : t instanceof c ? !0 : J(t) ? c.isValid(t.toString("hex")) : typeof t.toHexString == "function" && fe && (t.id instanceof fe || typeof t.id == "string") ? t.id.length === 12 || t.id.length === 24 && be.test(t.id) : !1;
+};
+c.prototype = {
+  constructor: c,
+  /**
+   * Return the ObjectID id as a 24 byte hex string representation
+   *
+   * @return {String} return the 24 byte hex string representation.
+   * @api public
+   */
+  toHexString: function() {
+    if (!this.id || !this.id.length)
+      throw new Error(
+        "invalid ObjectId, ObjectId.id must be either a string or a Buffer, but is [" + JSON.stringify(this.id) + "]"
+      );
+    if (this.id.length === 24)
+      return this.id;
+    if (J(this.id))
+      return this.id.toString("hex");
+    for (var t = "", d = 0; d < this.id.length; d++)
+      t += Se[this.id.charCodeAt(d)];
+    return t;
+  },
+  /**
+   * Compares the equality of this ObjectID with `otherID`.
+   *
+   * @param {Object} otherId ObjectID instance to compare against.
+   * @return {Boolean} the result of comparing two ObjectID's
+   * @api public
+   */
+  equals: function(t) {
+    return t instanceof c ? this.toString() === t.toString() : typeof t == "string" && c.isValid(t) && t.length === 12 && J(this.id) ? t === this.id.toString("binary") : typeof t == "string" && c.isValid(t) && t.length === 24 ? t.toLowerCase() === this.toHexString() : typeof t == "string" && c.isValid(t) && t.length === 12 ? t === this.id : t != null && (t instanceof c || t.toHexString) ? t.toHexString() === this.toHexString() : !1;
+  },
+  /**
+   * Returns the generation date (accurate up to the second) that this ID was generated.
+   *
+   * @return {Date} the generation date
+   * @api public
+   */
+  getTimestamp: function() {
+    var t = /* @__PURE__ */ new Date(), d;
+    return J(this.id) ? d = this.id[3] | this.id[2] << 8 | this.id[1] << 16 | this.id[0] << 24 : d = this.id.charCodeAt(3) | this.id.charCodeAt(2) << 8 | this.id.charCodeAt(1) << 16 | this.id.charCodeAt(0) << 24, t.setTime(Math.floor(d) * 1e3), t;
+  },
+  /**
+  * Generate a 12 byte id buffer used in ObjectID's
+  *
+  * @method
+  * @param {number} [time] optional parameter allowing to pass in a second based timestamp.
+  * @return {string} return the 12 byte id buffer string.
+  */
+  generate: function(t) {
+    typeof t != "number" && (t = ~~(Date.now() / 1e3)), t = parseInt(t, 10) % 4294967295;
+    var d = gn();
+    return String.fromCharCode(
+      t >> 24 & 255,
+      t >> 16 & 255,
+      t >> 8 & 255,
+      t & 255,
+      ie >> 16 & 255,
+      ie >> 8 & 255,
+      ie & 255,
+      ge >> 8 & 255,
+      ge & 255,
+      d >> 16 & 255,
+      d >> 8 & 255,
+      d & 255
+    );
+  }
+};
+function gn() {
+  return _e = (_e + 1) % 16777215;
+}
+function fn(t, d) {
+  return d = d.toString(16), d.length === t ? d : "00000000".substring(d.length, t) + d;
+}
+var bn = Symbol && Symbol.for && Symbol.for("nodejs.util.inspect.custom") || "inspect";
+c.prototype[bn] = function() {
+  return "ObjectID(" + this + ")";
+};
+c.prototype.toJSON = c.prototype.toHexString;
+c.prototype.toString = c.prototype.toHexString;
+const vn = /* @__PURE__ */ we(_n), hn = {
+  key: 0,
+  class: "grid grid-cols-1 gap-8"
+}, yn = { class: "flex items-center gap-8" }, Sn = { class: "flex items-center gap-8" }, En = 5, kn = /* @__PURE__ */ ne({
+  __name: "CardDesignSheet",
+  emits: ["success"],
+  setup(t, { expose: d, emit: B }) {
+    const { minor: V } = oe, b = se(), D = Ce(), E = S(!1);
+    S(), S(!1);
+    const C = S(), a = S(null);
+    K(() => {
+      var u, p;
+      return Math.min((((p = (u = C.value) == null ? void 0 : u.design) == null ? void 0 : p.length) ?? 0) + 1, En);
+    });
+    const U = B, i = K(() => {
+      var u, p;
+      return ((p = (u = b.membership) == null ? void 0 : u.design) == null ? void 0 : p.filter((h) => h.image)) || [];
+    }), v = S(!1);
+    function H(u) {
+      v.value = u;
+    }
+    function P() {
+      E.value = !0;
+    }
+    async function A() {
+      await V(
+        async () => {
+          var h;
+          const u = De(C.value), p = Ne.parse(u);
+          if (p.design = (p == null ? void 0 : p.design) || [], a.value) {
+            const g = vn().toHexString(), n = await ue.update(
+              ue.designPath(g, a.value),
+              a.value
+            );
+            (h = p.design) == null || h.push({
+              _id: g,
+              image: n
+            });
+          }
+          await Y.update(p), await r(), await U("success"), a.value = null, E.value = !1;
+        },
+        {
+          message: "Saving card design",
+          successMessage: "Card design saved"
+        }
+      );
+    }
+    async function k(u, p) {
+      u ? a.value = u : p && D.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 g, n;
+        const h = (g = C.value.design) == null ? void 0 : g.findIndex((o) => o._id == p);
+        console.log(h), h !== -1 && ((n = C.value.design) == null || n.splice(h, 1)), await A();
+      }).onSecondary(() => {
+        D.close();
+      });
+    }
+    async function r() {
+      await b.readMembership(), C.value = b.membership;
+    }
+    return d({
+      showSheet: H
+    }), te(async () => {
+      await r(), i.value.length || (E.value = !0);
+    }), (u, p) => {
+      const h = y("FmButton"), g = y("FmSideSheet");
+      return _(), I(g, {
+        "max-width": 560,
+        "dismiss-away": !0,
+        header: "Manage Design",
+        modelValue: e(v),
+        "onUpdate:modelValue": [
+          p[2] || (p[2] = (n) => Q(v) ? v.value = n : null),
+          p[3] || (p[3] = (n) => v.value = n)
+        ]
+      }, Te({
+        default: R(() => [
+          e(E) ? x("", !0) : (_(), N("div", hn, [
+            (_(!0), N(j, null, Z(e(i), (n) => (_(), I(ce, {
+              key: String(n._id),
+              "image-fit": "cover",
+              label: "",
+              "aspect-ratio": "16/9",
+              thumbnail: n.image,
+              accept: ".png, .jpg, .jpeg, .gif",
+              "recommended-size": "Recommended 16:9 ratio / 1280px x 720px",
+              file: void 0,
+              "delete-button": !1
+            }, {
+              "delete-button": R(() => [
+                l(h, {
+                  class: "!text-neutral-50 !bg-neutral-700",
+                  icon: "delete",
+                  variant: "tertiary",
+                  onClick: (o) => k(null, n._id)
+                }, null, 8, ["onClick"])
+              ]),
+              _: 2
+            }, 1032, ["thumbnail"]))), 128))
+          ])),
+          e(E) ? (_(), I(ce, {
+            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": k
+          })) : x("", !0)
+        ]),
+        _: 2
+      }, [
+        e(E) ? {
+          name: "side-sheet-footer",
+          fn: R(() => [
+            m("div", Sn, [
+              l(h, {
+                label: "Save",
+                onClick: A,
+                disabled: !e(a)
+              }, null, 8, ["disabled"]),
+              l(h, {
+                label: "Cancel",
+                type: "button",
+                variant: "tertiary",
+                onClick: p[1] || (p[1] = (n) => E.value = !1)
+              })
+            ])
+          ]),
+          key: "1"
+        } : {
+          name: "side-sheet-footer",
+          fn: R(() => [
+            m("div", yn, [
+              l(h, {
+                label: "Add Design",
+                onClick: P
+              }),
+              l(h, {
+                label: "Cancel",
+                type: "button",
+                variant: "tertiary",
+                onClick: p[0] || (p[0] = (n) => v.value = !1)
+              })
+            ])
+          ]),
+          key: "0"
+        }
+      ]), 1032, ["modelValue"]);
+    };
+  }
+}), Tn = { class: "flex items-center" }, Rn = { class: "fm-typo-en-title-md-600 fm-step-title line-clamp-2 mr-8" }, An = { class: "px-24 flex flex-col pb-24 gap-y-16" }, Cn = { class: "flex items-center justify-end" }, xn = /* @__PURE__ */ m("img", {
+  src: Ae,
+  class: "aspect-square w-[150px]"
+}, null, -1), In = { class: "flex flex-col gap-16 text-center" }, On = { class: "fm-typo-en-title-sm-800" }, Nn = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, wn = { class: "flex gap-x-8" }, at = /* @__PURE__ */ ne({
+  __name: "Card",
+  setup(t) {
+    const { minor: d, global: B } = oe, V = S(), b = S(), D = S(), E = Fe(), C = se(), { t: a } = Ge(), U = K(
+      () => C.sortedStoreCategories.flatMap((n) => n.bundles)
+    ), i = [
+      {
+        header: a("connect.loyalty.card.table.card_number"),
+        accessorFn: (n) => n.serialNumber
+      },
+      {
+        header: a("connect.loyalty.card.table.redeemed_by"),
+        accessorKey: "user",
+        enableSorting: !1,
+        cell(n) {
+          const o = n.row.original.pf_member;
+          return z(
+            "div",
+            {
+              class: "flex items-center gap-x-8"
+            },
+            [
+              z(me.FmAvatar, {
+                name: o != null && o.photoUrl || o == null ? void 0 : o.name,
+                src: (o == null ? void 0 : o.photoUrl) ?? void 0,
+                size: "sm"
+              }),
+              z("span", { class: "fm-typo-en-body-sm-400" }, o == null ? void 0 : o.name)
+            ]
+          );
+        }
+      },
+      {
+        header: a("connect.loyalty.card.table.phone"),
+        accessorFn: (n) => {
+          var o;
+          return ((o = n.pf_member) == null ? void 0 : o.phoneNumber) || "-";
+        },
+        accessorKey: "pf_member.phoneNumber"
+      },
+      {
+        header: a("connect.loyalty.card.table.created_at"),
+        accessorKey: "_id",
+        accessorFn: (n) => pe(Le(n._id.toString())).format("DD MMM YYYY hh:mmA")
+      },
+      {
+        header: a("connect.loyalty.card.table.bundle"),
+        accessorFn: (n) => {
+          var o;
+          return ((o = U.value.find((O) => O._id === n.bundle)) == null ? void 0 : o.name) || "-";
+        }
+      },
+      {
+        header: a("connect.loyalty.card.table.redeemed_at"),
+        accessorKey: "redeemedAt",
+        accessorFn: (n) => n.redeemedAt ? pe(n.redeemedAt).format("DD MMM YYYY hh:mmA") : "-"
+      },
+      {
+        header: a("connect.loyalty.card.table.actions"),
+        cell(n) {
+          return z(me.FmButton, {
+            variant: "tertiary",
+            icon: "delete",
+            iconColor: "neutral-gray-400",
+            disabled: !!n.row.original.redeemedAt,
+            onClick: (o) => {
+              o.stopPropagation(), p(n.row.original);
+            }
+          });
+        }
+      }
+    ], { tableMeta: v, rowData: H, onSort: P, debouncedFetchData: A, onSearch: k } = Be(Y.readCards);
+    async function r() {
+      var n;
+      await A(), (n = V.value) == null || n.showSheet(!1);
+    }
+    const u = K(() => E.isPremium ? [
+      {
+        label: a("connect.loyalty.card.actions.create"),
+        value: "create",
+        isPrimary: !0
+      },
+      {
+        label: a("connect.loyalty.card.actions.manage_design"),
+        value: "design",
+        isPrimary: !0
+      }
+    ] : []);
+    async function p(n) {
+      await he.remove(
+        `Are you sure you want to remove card ${n.serialNumber}?`
+      ) && await d(
+        async () => {
+          await Y.deleteCard(n._id.toString()), await A({ pageSize: 10, pageIndex: 0 });
+        },
+        {
+          message: `Removing card ${n.serialNumber}`,
+          successMessage: `Removed card ${n.serialNumber} successfully`
+        }
+      );
+    }
+    async function h(n) {
+      const o = new Me(), O = n.map((F) => ({
+        CardNumber: F
+      }));
+      o.addRecords(O), await Ve(
+        o.buildExcel(),
+        `cards-${(/* @__PURE__ */ new Date()).toISOString()}.xlsx`,
+        {
+          bookType: "xlsx",
+          bookSST: !1,
+          type: "array"
+        }
+      );
+    }
+    const g = (n) => {
+      var o;
+      if (n.redeemedAt) {
+        xe.error("Update not permitted", 2e3);
+        return;
+      }
+      (o = b == null ? void 0 : b.value) == null || o.showSheet(!0, n);
+    };
+    return te(async () => {
+      await B(async () => {
+        await E.readPremium(), await C.readMemberStore(), await C.readMembership(), await r();
+      });
+    }), (n, o) => {
+      const O = y("FmPill"), F = y("FmPageHead"), f = y("FmSearch"), M = y("FmButton"), $ = y("FmCard");
+      return _(), N(j, null, [
+        l(F, {
+          title: e(a)("connect.loyalty.card.title"),
+          actions: e(u),
+          "onClick:action": o[0] || (o[0] = (T) => {
+            var G, q;
+            console.log(T), T === "design" && ((G = e(D)) == null || G.showSheet(!0)), T === "create" && ((q = e(V)) == null || q.showSheet(!0));
+          })
+        }, {
+          title: R(() => [
+            m("div", Tn, [
+              m("span", Rn, ae(e(a)("connect.loyalty.card.title")), 1),
+              l(O, {
+                class: "ml-8",
+                variant: "premium"
+              })
+            ])
+          ]),
+          _: 1
+        }, 8, ["title", "actions"]),
+        m("div", An, [
+          e(H).length > 0 || e(H).length <= 0 && e(v).searchValue || e(v).pageCount > 0 ? (_(), N(j, { key: 0 }, [
+            m("div", Cn, [
+              l(f, {
+                class: "mt-4",
+                modelValue: e(v).searchValue,
+                "onUpdate:modelValue": [
+                  o[1] || (o[1] = (T) => e(v).searchValue = T),
+                  e(k)
+                ],
+                placeholder: "Search",
+                collapsible: ""
+              }, null, 8, ["modelValue", "onUpdate:modelValue"]),
+              l(M, {
+                icon: "ios_share",
+                variant: "tertiary",
+                onClick: Re(e(Pe), ["prevent"])
+              }, null, 8, ["onClick"])
+            ]),
+            l(He, {
+              loading: e(v).isLoading,
+              "row-data": e(H),
+              "row-count": e(v).totalRows,
+              "column-defs": i,
+              "shrink-at": !1,
+              "page-count": e(v).pageCount,
+              "page-index": e(v).pageIndex,
+              "page-size": e(v).pageSize,
+              onSortChange: e(P),
+              onPageChange: o[2] || (o[2] = (T) => {
+                e(A)({
+                  pageSize: T.pageSize,
+                  pageIndex: T.pageIndex
+                });
+              }),
+              onRowClick: o[3] || (o[3] = (T) => {
+                g(e(Ue)(T.original));
+              })
+            }, null, 8, ["loading", "row-data", "row-count", "page-count", "page-index", "page-size", "onSortChange"])
+          ], 64)) : (_(), I($, {
+            key: 1,
+            variant: "outlined",
+            class: "w-full flex flex-col items-center justify-center gap-y-24 p-24"
+          }, {
+            default: R(() => [
+              xn,
+              m("div", In, [
+                m("div", On, ae(e(a)("connect.loyalty.card.empty_state.title")), 1),
+                m("div", Nn, ae(e(a)("connect.loyalty.card.empty_state.description")), 1)
+              ]),
+              m("div", wn, [
+                l(M, {
+                  variant: "primary",
+                  label: e(a)("connect.loyalty.card.actions.add"),
+                  icon: "add",
+                  disabled: !e(E).isPremium,
+                  onClick: o[4] || (o[4] = () => {
+                    var T;
+                    return (T = e(V)) == null ? void 0 : T.showSheet(!0);
+                  })
+                }, null, 8, ["label", "disabled"]),
+                l(M, {
+                  variant: "secondary",
+                  label: e(a)("connect.loyalty.card.actions.manage_design"),
+                  disabled: !e(E).isPremium,
+                  onClick: o[5] || (o[5] = () => {
+                    var T;
+                    return (T = e(D)) == null ? void 0 : T.showSheet(!0);
+                  })
+                }, null, 8, ["label", "disabled"])
+              ])
+            ]),
+            _: 1
+          })),
+          l(tn, {
+            ref_key: "sheetRef",
+            ref: V,
+            onSuccess: r,
+            onExport: h
+          }, null, 512),
+          l(kn, {
+            ref_key: "designSheetRef",
+            ref: D,
+            onSuccess: r
+          }, null, 512),
+          l(cn, {
+            ref_key: "editSheetRef",
+            ref: b,
+            onSuccess: o[6] || (o[6] = (T) => {
+              var G;
+              r(), (G = e(b)) == null || G.showSheet(!1);
+            })
+          }, null, 512)
+        ])
+      ], 64);
+    };
+  }
+});
+export {
+  at as default
+};