@feedmepos/mf-connect 0.1.0-beta.72 → 0.1.0-beta.74

package/dist/{Card-VojKGWaD.js → Card-Bi1q3NGE.js}

@@ -1,37 +1,38 @@
-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 { defineComponent as Z, ref as y, computed as j, watch as fe, 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 ue, createSlots as ge, h as K, toDisplayString as te, withModifiers as be } from "vue";
+import { _ as ve } 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, f as se, n as ve } from "./plugins-0WrJ_ypd.js";
-import { u as J } from "./loading-BfH5PK5q.js";
-import { u as ue } from "./app-wDQR6dpb.js";
-import { u as W } from "./membership-BSgYE5mw.js";
+import { useDialog as ye, components as oe } from "@feedmepos/ui-library";
+import "./index-jdsxOVkp.js";
+import { u as J } from "./loading-ClVTDQc6.js";
+import { u as me } from "./app-wDQR6dpb.js";
+import { u as W } from "./membership-DqMQPgdF.js";
 import { _ as Q } from "./CustomSelect.vue_vue_type_script_setup_true_lang-DLnvDVgf.js";
-import { m as L } from "./index-CyLhq-Cu.js";
-import { z as ye } from "./app-B89lfub2.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-B1zeyOTK.js";
-import { i as Ce } from "./index-DrNO2330.js";
-import "./index-zetVbSGH.js";
-import "./index-DDyqoK-5.js";
-import "./index-DoLnZ0VU.js";
-import { O as Se } from "./objectid-CH4l4E6N.js";
+import { p as ce, f as se, n as xe } from "./plugins-DWMQmNXZ.js";
+import { m as L } from "./index-CIKyf9ft.js";
+import { z as ie } from "./app-nEHwJezD.js";
+import { Z as re } from "./zod-Bg2FbC-D.js";
+import { _ as de } from "./ImageInput.vue_vue_type_script_setup_true_lang-rWUkV9gn.js";
+import "./index-CT4Hyf4w.js";
+import { j as Ce } from "./index-CCTd1lLH.js";
+import "./index-CyXkN89w.js";
+import "./index-CL0DvpMU.js";
+import "./index-yrwLRgg0.js";
+import { O as Se } from "./objectid-B3LrrWLD.js";
 import { a as _e, c as he } from "./object-qECH92oz.js";
-import { u as we } from "./business-hK-Tmb19.js";
-import { w as ke } from "./xlsx-BaKm4Is1.js";
-import { a as Fe, C as Ve } from "./export-B2HL-u8e.js";
+import { u as we } from "./business-CXTuYix4.js";
+import { w as ke } from "./xlsx-BGsRNT8x.js";
+import { a as Fe, C as Ve } from "./export-C11NCFgO.js";
 import { u as $e, _ as Me } from "./usePagination-BeF5K3M7.js";
-import { u as Be } from "./vue-i18n-CeeBM23W.js";
+import { u as Be } from "./vue-i18n-BXjn2dYe.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 = {
+const De = { class: "space-y-16" }, Ae = { class: "gap-16 grid grid-cols-2" }, Ie = { class: "space-y-16" }, Ne = {
   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({
+}, Pe = { class: "flex flex-col gap-[8px]" }, Re = ["src"], qe = { class: "flex pt-[24px] gap-[24px]" }, ze = ["src", "onClick", "alt"], je = { class: "flex items-center gap-8" }, Ee = /* @__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);
+  setup(ee, { expose: E, emit: T }) {
+    const { minor: A } = J, g = W(), M = y(), x = y(!1), w = T, o = y(!1);
     function B(c) {
       o.value = c, c && (s.value = {
         quantity: 1,
@@ -57,7 +58,7 @@ const De = { class: "space-y-16" }, Ae = { class: "gap-16 grid grid-cols-2" }, N
       },
       setCardOnBind: !1,
       bundle: void 0
-    }), b = [
+    }), p = [
       {
         label: "Bulk number",
         value: "bulk",
@@ -81,19 +82,19 @@ const De = { class: "space-y-16" }, Ae = { class: "gap-16 grid grid-cols-2" }, N
       { 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(
+    ], I = y(D[0].value), h = y("bulk"), C = y(0), n = j(
       () => {
         var c;
-        return (c = f.membership.design) == null ? void 0 : c[C.value];
+        return (c = g.membership.design) == null ? void 0 : c[C.value];
       }
-    ), u = y(!1), r = E(
-      () => f.sortedStoreCategories.flatMap((c) => c.bundles)
+    ), u = y(!1), r = j(
+      () => g.sortedStoreCategories.flatMap((c) => c.bundles)
     );
-    async function g(c) {
+    async function b(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(
+      const t = await ce.confirm(
         "",
         "Do you want to export generated card(s)?",
         "Export",
@@ -110,18 +111,18 @@ const De = { class: "space-y-16" }, Ae = { class: "gap-16 grid grid-cols-2" }, N
         }
       );
     }
-    return j({
+    return E({
       showSheet: B
-    }), ce(
+    }), fe(
       () => s.value.codeConfig.length,
       (c, t) => {
         c != t && (s.value.codeConfig.pattern = "#".repeat(Number(c)));
       }
     ), X(async () => {
-      await f.readMemberStore();
+      await g.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, {
+      const l = v("FmRadio"), V = v("FmRadioGroup"), U = v("FmSwitch"), f = v("FmStepperField"), N = v("FmSelect"), q = v("FmTextField"), S = v("FmTextarea"), P = v("FmButton"), O = v("FmForm"), pe = v("FmSideSheet");
+      return m(), F(pe, {
         "max-width": 560,
         "dismiss-away": !0,
         header: "Create collection",
@@ -132,13 +133,13 @@ const De = { class: "space-y-16" }, Ae = { class: "gap-16 grid grid-cols-2" }, N
         ]
       }, {
         "side-sheet-footer": _(() => [
-          d("div", Ee, [
-            i(I, {
+          d("div", je, [
+            i(P, {
               label: "Save",
-              onClick: t[17] || (t[17] = (R) => g(e(s))),
-              loading: e(ue)().isLoading
+              onClick: t[17] || (t[17] = (R) => b(e(s))),
+              loading: e(me)().isLoading
             }, null, 8, ["loading"]),
-            i(I, {
+            i(P, {
               label: "Cancel",
               type: "button",
               variant: "tertiary",
@@ -165,7 +166,7 @@ const De = { class: "space-y-16" }, Ae = { class: "gap-16 grid grid-cols-2" }, N
                     inline: !1
                   }, {
                     default: _(() => [
-                      (m(), $(z, null, H(b, (a) => i(l, {
+                      (m(), $(z, null, H(p, (a) => i(l, {
                         key: a.value,
                         value: a.value,
                         label: a.label,
@@ -187,23 +188,23 @@ const De = { class: "space-y-16" }, Ae = { class: "gap-16 grid grid-cols-2" }, N
                       "onUpdate:modelValue": t[1] || (t[1] = () => u.value = !e(u))
                     }, null, 8, ["model-value"]),
                     e(u) ? (m(), $(z, { key: 0 }, [
-                      i(p, {
+                      i(f, {
                         "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, {
+                      i(N, {
                         label: "Charset",
-                        "model-value": e(N),
+                        "model-value": e(I),
                         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;
+                          I.value = a, e(s).codeConfig.charset = a;
                         })
                       }, null, 8, ["model-value", "helper-text"]),
-                      e(N) === "" ? (m(), F(q, {
+                      e(I) === "" ? (m(), F(q, {
                         key: 0,
                         modelValue: e(s).codeConfig.charset,
                         "onUpdate:modelValue": t[4] || (t[4] = (a) => e(s).codeConfig.charset = a),
@@ -250,7 +251,7 @@ const De = { class: "space-y-16" }, Ae = { class: "gap-16 grid grid-cols-2" }, N
                     placeholder: "(For multiple numbers, please enter in the new row.)"
                   }, null, 8, ["modelValue", "rules"])) : k("", !0)
                 ]),
-                d("div", Ne, [
+                d("div", Ie, [
                   t[23] || (t[23] = d("div", { class: "fm-typo-en-body-lg-600" }, "Card Settings", -1)),
                   i(U, {
                     "label-placement": "right",
@@ -266,7 +267,7 @@ const De = { class: "space-y-16" }, Ae = { class: "gap-16 grid grid-cols-2" }, N
                     "onUpdate:modelValue": t[12] || (t[12] = (a) => e(s).bundle = a)
                   }, {
                     append: _(() => [
-                      e(s).bundle ? (m(), F(I, {
+                      e(s).bundle ? (m(), F(P, {
                         key: 0,
                         icon: "link_off",
                         variant: "plain",
@@ -275,7 +276,7 @@ const De = { class: "space-y-16" }, Ae = { class: "gap-16 grid grid-cols-2" }, N
                     ]),
                     _: 1
                   }, 8, ["items", "modelValue"]),
-                  (le = (R = e(f).store) == null ? void 0 : R.stripe) != null && le.apiKey ? (m(), F(Q, {
+                  (le = (R = e(g).store) == null ? void 0 : R.stripe) != null && le.apiKey ? (m(), F(Q, {
                     key: 0,
                     label: "Linked subscription bundle",
                     placeholder: "Select bundle",
@@ -284,7 +285,7 @@ const De = { class: "space-y-16" }, Ae = { class: "gap-16 grid grid-cols-2" }, N
                     "onUpdate:modelValue": t[14] || (t[14] = (a) => e(s).subscriptionBundle = a)
                   }, {
                     append: _(() => [
-                      e(s).subscriptionBundle ? (m(), F(I, {
+                      e(s).subscriptionBundle ? (m(), F(P, {
                         key: 0,
                         icon: "link_off",
                         variant: "plain",
@@ -294,18 +295,18 @@ const De = { class: "space-y-16" }, Ae = { class: "gap-16 grid grid-cols-2" }, N
                     _: 1
                   }, 8, ["items", "modelValue"])) : k("", !0)
                 ]),
-                e(f).membership.design ? (m(), $("div", Pe, [
-                  d("div", Ie, [
+                e(g).membership.design ? (m(), $("div", Ne, [
+                  d("div", Pe, [
                     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", {
+                      (m(!0), $(z, null, H(e(g).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" : ""}`]),
+                        class: ue(["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" }
@@ -328,25 +329,25 @@ const De = { class: "space-y-16" }, Ae = { class: "gap-16 grid grid-cols-2" }, N
 }, 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({
+  setup(ee, { expose: E, emit: T }) {
+    const { minor: A } = J, g = 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(
+      B.value = C, C && n && (o.value = n, p.value = (u = g.membership.design) == null ? void 0 : u.findIndex(
         (r) => r.image === n.design
       ));
     }
-    const b = y(0), D = E(
+    const p = y(0), D = j(
       () => {
         var C;
-        return (C = f.membership.design) == null ? void 0 : C[b.value];
+        return (C = g.membership.design) == null ? void 0 : C[p.value];
       }
-    ), N = E(
-      () => f.sortedStoreCategories.flatMap(
+    ), I = j(
+      () => g.sortedStoreCategories.flatMap(
         (C) => C.bundles
       )
     );
@@ -362,12 +363,12 @@ const De = { class: "space-y-16" }, Ae = { class: "gap-16 grid grid-cols-2" }, N
         }
       ));
     }
-    return j({
+    return E({
       showSheet: s
     }), X(async () => {
-      await f.readMemberStore();
+      await g.readMemberStore();
     }), (C, n) => {
-      const u = v("FmTextField"), r = v("FmSwitch"), g = v("FmButton"), c = v("FmForm"), t = v("FmSideSheet");
+      const u = v("FmTextField"), r = v("FmSwitch"), b = v("FmButton"), c = v("FmForm"), t = v("FmSideSheet");
       return m(), F(t, {
         "max-width": 560,
         "dismiss-away": !0,
@@ -380,13 +381,13 @@ const De = { class: "space-y-16" }, Ae = { class: "gap-16 grid grid-cols-2" }, N
       }, {
         "side-sheet-footer": _(() => [
           d("div", He, [
-            i(g, {
+            i(b, {
               label: "Save",
               disabled: !!e(o).redeemedAt,
               onClick: n[8] || (n[8] = (l) => h(e(o))),
-              loading: e(ue)().isLoading
+              loading: e(me)().isLoading
             }, null, 8, ["disabled", "loading"]),
-            i(g, {
+            i(b, {
               label: "Cancel",
               type: "button",
               variant: "tertiary",
@@ -408,10 +409,13 @@ const De = { class: "space-y-16" }, Ae = { class: "gap-16 grid grid-cols-2" }, N
                 d("div", Te, [
                   i(u, {
                     modelValue: e(o).serialNumber,
-                    "onUpdate:modelValue": n[0] || (n[0] = (p) => e(o).serialNumber = p),
+                    "onUpdate:modelValue": n[0] || (n[0] = (f) => e(o).serialNumber = f),
                     label: "Card Number",
                     rules: [
-                      e(xe).toRule(e(ye).string().min(1, "Card number is required"))
+                      e(re).toRule(e(ie).string().min(1, "Card number is required")),
+                      e(re).toRule(
+                        e(ie).string().max(50, "Card number must be less than 50 characters")
+                      )
                     ],
                     required: !0
                   }, null, 8, ["modelValue", "rules"]),
@@ -420,45 +424,45 @@ const De = { class: "space-y-16" }, Ae = { class: "gap-16 grid grid-cols-2" }, N
                     "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)
+                    "onUpdate:modelValue": n[1] || (n[1] = (f) => e(o).setCardOnBind = f)
                   }, 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 })),
+                    items: e(I).filter((f) => !f.stripePriceId).map((f) => ({ label: f.name, value: f._id })),
                     modelValue: e(o).bundle,
-                    "onUpdate:modelValue": n[3] || (n[3] = (p) => e(o).bundle = p)
+                    "onUpdate:modelValue": n[3] || (n[3] = (f) => e(o).bundle = f)
                   }, {
                     append: _(() => [
-                      e(o).bundle ? (m(), F(g, {
+                      e(o).bundle ? (m(), F(b, {
                         key: 0,
                         icon: "link_off",
                         variant: "plain",
-                        onClick: n[2] || (n[2] = (p) => e(o).bundle = null)
+                        onClick: n[2] || (n[2] = (f) => 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, {
+                  (V = (l = e(g).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 })),
+                    items: e(I).filter((f) => f.stripePriceId).map((f) => ({ label: f.name, value: f._id })),
                     modelValue: e(o).subscriptionBundle,
-                    "onUpdate:modelValue": n[5] || (n[5] = (p) => e(o).subscriptionBundle = p)
+                    "onUpdate:modelValue": n[5] || (n[5] = (f) => e(o).subscriptionBundle = f)
                   }, {
                     append: _(() => [
-                      e(o).subscriptionBundle ? (m(), F(g, {
+                      e(o).subscriptionBundle ? (m(), F(b, {
                         key: 0,
                         icon: "link_off",
                         variant: "plain",
-                        onClick: n[4] || (n[4] = (p) => e(o).subscriptionBundle = null)
+                        onClick: n[4] || (n[4] = (f) => e(o).subscriptionBundle = null)
                       })) : k("", !0)
                     ]),
                     _: 1
                   }, 8, ["items", "modelValue"])) : k("", !0)
                 ]),
-                e(f).membership.design ? (m(), $("div", Le, [
+                e(g).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", {
@@ -466,12 +470,12 @@ const De = { class: "space-y-16" }, Ae = { class: "gap-16 grid grid-cols-2" }, N
                       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}`,
+                      (m(!0), $(z, null, H(e(g).membership.design, (f, N) => (m(), $("img", {
+                        src: f.image,
+                        key: `image_${N}`,
+                        class: ue(["w-[112px] h-[63px] cursor-pointer", `${e(p) === N ? "border-[2px] border-fm-color-primary" : ""}`]),
+                        onClick: (q) => p.value = N,
+                        alt: `ai_image_predict_${N}`,
                         style: { objectFit: "cover" }
                       }, null, 10, Ge))), 128))
                     ])
@@ -492,35 +496,35 @@ const De = { class: "space-y-16" }, Ae = { class: "gap-16 grid grid-cols-2" }, N
 }, 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);
+  setup(ee, { expose: E, emit: T }) {
+    const { minor: A } = J, g = W(), M = ye(), x = y(!1);
     y(), y(!1);
     const w = y(), o = y(null);
-    E(() => {
+    j(() => {
       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(() => {
+    const B = T, s = j(() => {
       var u, r;
-      return ((r = (u = f.membership) == null ? void 0 : u.design) == null ? void 0 : r.filter((g) => g.image)) || [];
-    }), b = y(!1);
+      return ((r = (u = g.membership) == null ? void 0 : u.design) == null ? void 0 : r.filter((b) => b.image)) || [];
+    }), p = y(!1);
     function D(u) {
-      b.value = u;
+      p.value = u;
     }
-    function N() {
+    function I() {
       x.value = !0;
     }
     async function h() {
       await A(
         async () => {
-          var g;
+          var b;
           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({
+            (b = r.design) == null || b.push({
               _id: c,
               image: t
             });
@@ -541,34 +545,34 @@ const De = { class: "space-y-16" }, Ae = { class: "gap-16 grid grid-cols-2" }, N
         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();
+        const b = (c = w.value.design) == null ? void 0 : c.findIndex((l) => l._id == r);
+        console.log(b), b !== -1 && ((t = w.value.design) == null || t.splice(b, 1)), await h();
       }).onSecondary(() => {
         M.close();
       });
     }
     async function n() {
-      await f.readMembership(), w.value = f.membership;
+      await g.readMembership(), w.value = g.membership;
     }
-    return j({
+    return E({
       showSheet: D
     }), X(async () => {
       await n(), s.value.length || (x.value = !0);
     }), (u, r) => {
-      const g = v("FmButton"), c = v("FmSideSheet");
+      const b = v("FmButton"), c = v("FmSideSheet");
       return m(), F(c, {
         "max-width": 560,
         "dismiss-away": !0,
         header: "Manage Design",
-        modelValue: e(b),
+        modelValue: e(p),
         "onUpdate:modelValue": [
-          r[2] || (r[2] = (t) => G(b) ? b.value = t : null),
-          r[3] || (r[3] = (t) => b.value = t)
+          r[2] || (r[2] = (t) => G(p) ? p.value = t : null),
+          r[3] || (r[3] = (t) => p.value = t)
         ]
-      }, pe({
+      }, ge({
         default: _(() => [
           e(x) ? k("", !0) : (m(), $("div", Ze, [
-            (m(!0), $(z, null, H(e(s), (t) => (m(), F(ie, {
+            (m(!0), $(z, null, H(e(s), (t) => (m(), F(de, {
               key: String(t._id),
               "image-fit": "cover",
               label: "",
@@ -580,7 +584,7 @@ const De = { class: "space-y-16" }, Ae = { class: "gap-16 grid grid-cols-2" }, N
               "delete-button": !1
             }, {
               "delete-button": _(() => [
-                i(g, {
+                i(b, {
                   class: "!text-neutral-50 !bg-neutral-700",
                   icon: "delete",
                   variant: "tertiary",
@@ -590,7 +594,7 @@ const De = { class: "space-y-16" }, Ae = { class: "gap-16 grid grid-cols-2" }, N
               _: 2
             }, 1032, ["thumbnail"]))), 128))
           ])),
-          e(x) ? (m(), F(ie, {
+          e(x) ? (m(), F(de, {
             key: 1,
             "image-fit": "cover",
             label: "",
@@ -606,12 +610,12 @@ const De = { class: "space-y-16" }, Ae = { class: "gap-16 grid grid-cols-2" }, N
           name: "side-sheet-footer",
           fn: _(() => [
             d("div", Je, [
-              i(g, {
+              i(b, {
                 label: "Save",
                 onClick: h,
                 disabled: !e(o)
               }, null, 8, ["disabled"]),
-              i(g, {
+              i(b, {
                 label: "Cancel",
                 type: "button",
                 variant: "tertiary",
@@ -624,15 +628,15 @@ const De = { class: "space-y-16" }, Ae = { class: "gap-16 grid grid-cols-2" }, N
           name: "side-sheet-footer",
           fn: _(() => [
             d("div", Xe, [
-              i(g, {
+              i(b, {
                 label: "Add Design",
-                onClick: N
+                onClick: I
               }),
-              i(g, {
+              i(b, {
                 label: "Cancel",
                 type: "button",
                 variant: "tertiary",
-                onClick: r[0] || (r[0] = (t) => b.value = !1)
+                onClick: r[0] || (r[0] = (t) => p.value = !1)
               })
             ])
           ]),
@@ -641,10 +645,10 @@ const De = { class: "space-y-16" }, Ae = { class: "gap-16 grid grid-cols-2" }, N
       ]), 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" }, It = /* @__PURE__ */ Z({
+}), 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(
+    const { minor: E, global: T } = J, A = y(), g = y(), M = y(), x = we(), w = W(), { t: o } = Be(), B = j(
       () => w.sortedStoreCategories.flatMap((t) => t.bundles)
     ), s = [
       {
@@ -712,12 +716,12 @@ const De = { class: "space-y-16" }, Ae = { class: "gap-16 grid grid-cols-2" }, N
           });
         }
       }
-    ], { 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);
+    ], { tableMeta: p, rowData: D, onSort: I, debouncedFetchData: h, onSearch: C } = $e(L.readCards);
+    async function n(t) {
+      var l;
+      await h(t), (l = A.value) == null || l.showSheet(!1);
     }
-    const u = E(() => x.isPremium ? [
+    const u = j(() => x.isPremium ? [
       {
         label: o("connect.loyalty.card.actions.create"),
         value: "create",
@@ -730,9 +734,9 @@ const De = { class: "space-y-16" }, Ae = { class: "gap-16 grid grid-cols-2" }, N
       }
     ] : []);
     async function r(t) {
-      await de.remove(
+      await ce.remove(
         `Are you sure you want to remove card ${t.serialNumber}?`
-      ) && await j(
+      ) && await E(
         async () => {
           await L.deleteCard(t._id.toString()), await h({ pageSize: 10, pageIndex: 0 });
         },
@@ -742,7 +746,9 @@ const De = { class: "space-y-16" }, Ae = { class: "gap-16 grid grid-cols-2" }, N
         }
       );
     }
-    async function g(t) {
+    async function b(t) {
+      if (!t || t.length === 0)
+        return;
       const l = new Ve(), V = t.map((U) => ({
         CardNumber: U
       }));
@@ -759,24 +765,24 @@ const De = { class: "space-y-16" }, Ae = { class: "gap-16 grid grid-cols-2" }, N
     const c = (t) => {
       var l;
       if (t.redeemedAt) {
-        ve.error("Update not permitted", 2e3);
+        xe.error("Update not permitted", 2e3);
         return;
       }
-      (l = f == null ? void 0 : f.value) == null || l.showSheet(!0, t);
+      (l = g == null ? void 0 : g.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");
+      const V = v("FmPill"), U = v("FmPageHead"), f = v("FmSearch"), N = 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));
+            var P, O;
+            console.log(S), S === "design" && ((P = e(M)) == null || P.showSheet(!0)), S === "create" && ((O = e(A)) == null || O.showSheet(!0));
           })
         }, {
           title: _(() => [
@@ -791,34 +797,34 @@ const De = { class: "space-y-16" }, Ae = { class: "gap-16 grid grid-cols-2" }, N
           _: 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 }, [
+          e(D).length > 0 || e(D).length <= 0 && e(p).searchValue || e(p).pageCount > 0 ? (m(), $(z, { key: 0 }, [
             d("div", nt, [
-              i(p, {
+              i(f, {
                 class: "mt-4",
-                modelValue: e(b).searchValue,
+                modelValue: e(p).searchValue,
                 "onUpdate:modelValue": [
-                  l[1] || (l[1] = (S) => e(b).searchValue = S),
+                  l[1] || (l[1] = (S) => e(p).searchValue = S),
                   e(C)
                 ],
                 placeholder: "Search",
                 collapsible: ""
               }, null, 8, ["modelValue", "onUpdate:modelValue"]),
-              i(P, {
+              i(N, {
                 icon: "ios_share",
                 variant: "tertiary",
-                onClick: fe(e(Fe), ["prevent"])
+                onClick: be(e(Fe), ["prevent"])
               }, null, 8, ["onClick"])
             ]),
             i(Me, {
-              loading: e(b).isLoading,
+              loading: e(p).isLoading,
               "row-data": e(D),
-              "row-count": e(b).totalRows,
+              "row-count": e(p).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),
+              "page-count": e(p).pageCount,
+              "page-index": e(p).pageIndex,
+              "page-size": e(p).pageSize,
+              onSortChange: e(I),
               onPageChange: l[2] || (l[2] = (S) => {
                 e(h)({
                   pageSize: S.pageSize,
@@ -835,8 +841,8 @@ const De = { class: "space-y-16" }, Ae = { class: "gap-16 grid grid-cols-2" }, N
             class: "w-full flex flex-col items-center justify-center gap-y-24 p-24"
           }, {
             default: _(() => [
-              l[7] || (l[7] = d("img", {
-                src: be,
+              l[8] || (l[8] = d("img", {
+                src: ve,
                 class: "aspect-square w-[150px]"
               }, null, -1)),
               d("div", ot, [
@@ -844,7 +850,7 @@ const De = { class: "space-y-16" }, Ae = { class: "gap-16 grid grid-cols-2" }, N
                 d("div", it, te(e(o)("connect.loyalty.card.empty_state.description")), 1)
               ]),
               d("div", rt, [
-                i(P, {
+                i(N, {
                   variant: "primary",
                   label: e(o)("connect.loyalty.card.actions.add"),
                   icon: "add",
@@ -854,7 +860,7 @@ const De = { class: "space-y-16" }, Ae = { class: "gap-16 grid grid-cols-2" }, N
                     return (S = e(A)) == null ? void 0 : S.showSheet(!0);
                   })
                 }, null, 8, ["label", "disabled"]),
-                i(P, {
+                i(N, {
                   variant: "secondary",
                   label: e(o)("connect.loyalty.card.actions.manage_design"),
                   disabled: !e(x).isPremium,
@@ -867,11 +873,11 @@ const De = { class: "space-y-16" }, Ae = { class: "gap-16 grid grid-cols-2" }, N
             ]),
             _: 1
           })),
-          i(je, {
+          i(Ee, {
             ref_key: "sheetRef",
             ref: A,
-            onSuccess: n,
-            onExport: g
+            onSuccess: l[6] || (l[6] = (S) => n()),
+            onExport: b
           }, null, 512),
           i(et, {
             ref_key: "designSheetRef",
@@ -880,10 +886,13 @@ const De = { class: "space-y-16" }, Ae = { class: "gap-16 grid grid-cols-2" }, 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);
+            ref: g,
+            onSuccess: l[7] || (l[7] = (S) => {
+              var P;
+              n({
+                pageSize: e(p).pageSize,
+                pageIndex: e(p).pageIndex
+              }), (P = e(g)) == null || P.showSheet(!1);
             })
           }, null, 512)
         ])
@@ -892,5 +901,5 @@ const De = { class: "space-y-16" }, Ae = { class: "gap-16 grid grid-cols-2" }, N
   }
 });
 export {
-  It as default
+  Rt as default
 };