@feedmepos/mf-connect 0.1.0-beta.2 → 0.1.0-beta.21

package/dist/Card-DqZveZ44.js

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