@feedmepos/mf-connect 0.0.16-beta.1 → 0.0.16-beta.11

package/dist/Collections-B1SC1rr7.js

@@ -0,0 +1,453 @@
+var oe = Object.defineProperty;
+var te = (f, r, u) => r in f ? oe(f, r, { enumerable: !0, configurable: !0, writable: !0, value: u }) : f[r] = u;
+var $ = (f, r, u) => te(f, typeof r != "symbol" ? r + "" : r, u);
+import { defineComponent as H, ref as p, computed as J, watch as O, resolveComponent as d, openBlock as y, createBlock as T, unref as o, isRef as K, withCtx as I, createElementVNode as b, createVNode as s, createElementBlock as P, Fragment as N, renderList as ae, createCommentVNode as R, onMounted as le, h as S } from "vue";
+import { h as j } from "./moment-BWErdI6_.js";
+import { components as G } from "@feedmepos/ui-library";
+import { u as Q, a as ne } from "./loading-D_AN6p24.js";
+import { J as se } from "./JsonViewer-v8_C7l5N.js";
+import { u as re } from "./app-wDQR6dpb.js";
+import { useRoute as W, useRouter as ie } from "vue-router";
+import { c as A } from "./index-UTQHDUdW.js";
+import { u as z, w as de } from "./xlsx-BB366cdN.js";
+import { u as ue, _ as ce } from "./usePagination-BeF5K3M7.js";
+import { m as me } from "./index-C7oeXRUl.js";
+import { o as pe } from "./objectId-dwaoBfJX.js";
+const fe = { class: "space-y-16" }, ge = { class: "gap-16 grid grid-cols-2" }, be = { class: "flex items-center gap-8" }, Ce = /* @__PURE__ */ H({
+  __name: "CreateCollectionSheet",
+  emits: ["success"],
+  setup(f, { expose: r, emit: u }) {
+    const { minor: F } = Q, k = W(), _ = p(), B = p(!1), E = u, g = p(!1);
+    function q(t) {
+      g.value = t, t && (l.value = {
+        quantity: 1,
+        code: "",
+        codeConfig: {
+          length: 8,
+          charset: "0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ",
+          prefix: "",
+          suffix: "",
+          pattern: "########"
+        }
+      });
+    }
+    const l = p({
+      quantity: 1,
+      code: "",
+      codeConfig: {
+        length: 8,
+        charset: "0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ",
+        prefix: "",
+        suffix: "",
+        pattern: "########"
+      }
+    }), D = [
+      {
+        label: "Bulk codes",
+        value: "bulk",
+        sublabel: "Bulk generate unique codes"
+      },
+      {
+        label: "Custom code",
+        value: "single",
+        sublabel: "Enter your own custom codes"
+      }
+    ], U = [
+      {
+        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: "" }
+    ], C = p(U[0].value), c = p("bulk"), h = p(!1), M = J(() => k.params.id);
+    async function n(t) {
+      var e;
+      await ((e = _.value) == null ? void 0 : e.validateInputs()), B.value && await F(
+        async () => {
+          await A.createCollectionByCampaignId(M.value, t), await E("success");
+        },
+        {
+          message: "Creating claim(s)",
+          successMessage: "Claim(s) created"
+        }
+      );
+    }
+    return r({
+      showSheet: q
+    }), O(
+      () => c.value,
+      (t, e) => {
+        e != t && (l.value.code = "", l.value.codeConfig.length = 8, l.value.codeConfig.charset = "0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ", l.value.codeConfig.prefix = "", l.value.codeConfig.suffix = "", l.value.codeConfig.pattern = "########");
+      }
+    ), O(
+      () => l.value.codeConfig.length,
+      (t, e) => {
+        t != e && (l.value.codeConfig.pattern = "#".repeat(Math.min(16, Number(t))));
+      }
+    ), (t, e) => {
+      const v = d("FmRadio"), i = d("FmRadioGroup"), V = d("FmSwitch"), L = d("FmStepperField"), w = d("FmSelect"), x = d("FmTextField"), X = d("FmTextarea"), Z = d("FmForm"), Y = d("FmButton"), ee = d("FmSideSheet");
+      return y(), T(ee, {
+        "max-width": 560,
+        "dismiss-away": !0,
+        header: "Create collection",
+        modelValue: o(g),
+        "onUpdate:modelValue": [
+          e[14] || (e[14] = (a) => K(g) ? g.value = a : null),
+          e[15] || (e[15] = (a) => g.value = a)
+        ]
+      }, {
+        "side-sheet-footer": I(() => [
+          b("div", be, [
+            s(Y, {
+              label: "Save",
+              onClick: e[12] || (e[12] = (a) => n(o(l))),
+              loading: o(re)().isLoading
+            }, null, 8, ["loading"]),
+            s(Y, {
+              label: "Cancel",
+              type: "button",
+              variant: "tertiary",
+              onClick: e[13] || (e[13] = (a) => g.value = !1)
+            })
+          ])
+        ]),
+        default: I(() => [
+          s(se, { json: o(l) }, null, 8, ["json"]),
+          s(Z, {
+            ref_key: "form",
+            ref: _,
+            class: "space-y-40",
+            onValidationSuccess: e[10] || (e[10] = (a) => B.value = !0),
+            onValidationFailed: e[11] || (e[11] = (a) => B.value = !1)
+          }, {
+            default: I(() => [
+              b("div", null, [
+                e[16] || (e[16] = b("div", { class: "fm-typo-en-body-lg-600" }, "Code type", -1)),
+                s(i, {
+                  modelValue: o(c),
+                  "onUpdate:modelValue": e[0] || (e[0] = (a) => K(c) ? c.value = a : null),
+                  inline: !1
+                }, {
+                  default: I(() => [
+                    (y(), P(N, null, ae(D, (a) => s(v, {
+                      key: a.value,
+                      value: a.value,
+                      label: a.label,
+                      sublabel: a.sublabel
+                    }, null, 8, ["value", "label", "sublabel"])), 64))
+                  ]),
+                  _: 1
+                }, 8, ["modelValue"])
+              ]),
+              b("div", fe, [
+                e[17] || (e[17] = b("div", { class: "fm-typo-en-body-lg-600" }, "Settings", -1)),
+                o(c) === "bulk" ? (y(), P(N, { key: 0 }, [
+                  s(V, {
+                    "model-value": o(h),
+                    "label-placement": "right",
+                    value: "true",
+                    label: "Advance code setting",
+                    required: !0,
+                    "onUpdate:modelValue": e[1] || (e[1] = () => h.value = !o(h))
+                  }, null, 8, ["model-value"]),
+                  o(h) ? (y(), P(N, { key: 0 }, [
+                    s(L, {
+                      modelValue: o(l).codeConfig.length,
+                      "onUpdate:modelValue": e[2] || (e[2] = (a) => o(l).codeConfig.length = a),
+                      label: "Code length",
+                      max: 16,
+                      min: 1,
+                      rules: [
+                        (a) => Number(a) >= 1 || "Code length must at least 1",
+                        (a) => Number(a) <= 16 || "Code length must less than 16"
+                      ],
+                      required: !0
+                    }, null, 8, ["modelValue", "rules"]),
+                    s(w, {
+                      label: "Charset",
+                      "model-value": o(C),
+                      items: U,
+                      "helper-text": o(l).codeConfig.charset.length > 62 ? `${o(l).codeConfig.charset.substring(0, 62)}...` : o(l).codeConfig.charset,
+                      "onUpdate:modelValue": e[3] || (e[3] = (a) => {
+                        C.value = a, o(l).codeConfig.charset = a;
+                      })
+                    }, null, 8, ["model-value", "helper-text"]),
+                    o(C) === "" ? (y(), T(x, {
+                      key: 0,
+                      modelValue: o(l).codeConfig.charset,
+                      "onUpdate:modelValue": e[4] || (e[4] = (a) => o(l).codeConfig.charset = a),
+                      label: "Custom Charset",
+                      required: ""
+                    }, null, 8, ["modelValue"])) : R("", !0),
+                    b("div", ge, [
+                      s(x, {
+                        modelValue: o(l).codeConfig.prefix,
+                        "onUpdate:modelValue": e[5] || (e[5] = (a) => o(l).codeConfig.prefix = a),
+                        label: "Prefix (Optional)"
+                      }, null, 8, ["modelValue"]),
+                      s(x, {
+                        modelValue: o(l).codeConfig.suffix,
+                        "onUpdate:modelValue": e[6] || (e[6] = (a) => o(l).codeConfig.suffix = a),
+                        label: "Suffix (Optional)"
+                      }, null, 8, ["modelValue"])
+                    ]),
+                    s(x, {
+                      modelValue: o(l).codeConfig.pattern,
+                      "onUpdate:modelValue": e[7] || (e[7] = (a) => o(l).codeConfig.pattern = a),
+                      label: "Pattern",
+                      required: !0
+                    }, null, 8, ["modelValue"])
+                  ], 64)) : R("", !0),
+                  s(x, {
+                    modelValue: o(l).quantity,
+                    "onUpdate:modelValue": e[8] || (e[8] = (a) => o(l).quantity = a),
+                    label: "Number of code",
+                    rules: [
+                      (a) => a >= 1 || "Quantity cannot be less than 1",
+                      (a) => a <= 1e4 || "Quantity cannot more than 10,000"
+                    ],
+                    required: !0,
+                    "helper-text": `${o(l).quantity} claim will be created`
+                  }, null, 8, ["modelValue", "rules", "helper-text"])
+                ], 64)) : R("", !0),
+                o(c) !== "bulk" ? (y(), T(X, {
+                  key: 1,
+                  modelValue: o(l).code,
+                  "onUpdate:modelValue": e[9] || (e[9] = (a) => o(l).code = a),
+                  label: "Custom Code",
+                  rules: [(a) => o(c) != "single" || !!a || "Custom code is required"],
+                  placeholder: "(For multiple codes, please enter in the new row.)"
+                }, null, 8, ["modelValue", "rules"])) : R("", !0)
+              ])
+            ]),
+            _: 1
+          }, 512)
+        ]),
+        _: 1
+      }, 8, ["modelValue"]);
+    };
+  }
+});
+class ve {
+  constructor() {
+    $(this, "data", []);
+  }
+  addRecord(r) {
+    this.data.push(r);
+  }
+  buildExcel() {
+    const r = z.book_new(), u = z.json_to_sheet(this.data);
+    return z.book_append_sheet(r, u, "Collection"), r;
+  }
+}
+const m = {
+  sortBy: "_id",
+  descending: !1,
+  rowsPerPage: 1e3,
+  page: 1,
+  rowsNumber: 0
+}, xe = { class: "px-24 flex flex-col gap-y-32 pb-24" }, ye = { class: "flex items-center justify-end py-4 xs:hidden" }, Ae = /* @__PURE__ */ H({
+  __name: "Collections",
+  setup(f) {
+    const r = W(), u = ie, F = p(), k = J(() => r.params.id), _ = p(!1), { custom: B } = Q, E = [
+      {
+        header: "ID/Code",
+        accessorKey: "_id",
+        cell(n) {
+          return S("div", { class: "flex items-center" }, [
+            S(G.FmIcon, {
+              name: "content_copy",
+              outline: !0,
+              size: "sm",
+              class: "cursor-pointer mr-4",
+              onClick: (t) => {
+                t.preventDefault(), t.stopPropagation(), ne(
+                  n.row.original.code || n.row.original._id.toString()
+                );
+              }
+            }),
+            S(
+              "div",
+              { class: "pr-2 text-ellipsis overflow-hidden" },
+              n.row.original.code || n.row.original._id.toString()
+            )
+          ]);
+        }
+      },
+      {
+        header: "User",
+        accessorKey: "user",
+        enableSorting: !1,
+        cell(n) {
+          const t = n.row.original.pf_user;
+          return S(
+            "div",
+            {
+              class: "flex items-center gap-x-8"
+            },
+            [
+              S(G.FmAvatar, {
+                name: t != null && t.photoUrl || t == null ? void 0 : t.name,
+                src: (t == null ? void 0 : t.photoUrl) ?? void 0,
+                size: "sm"
+              }),
+              S("span", t == null ? void 0 : t.name)
+            ]
+          );
+        }
+      },
+      {
+        header: "Phone",
+        accessorFn: (n) => {
+          var t;
+          return ((t = n.pf_user) == null ? void 0 : t.phoneNumber) || "-";
+        },
+        accessorKey: "pf_user.phoneNumber"
+      },
+      {
+        header: "Balance",
+        accessorKey: "balance"
+      },
+      {
+        header: "Created at",
+        accessorKey: "_id",
+        accessorFn: (n) => j(pe(n._id.toString())).format("DD MMM YYYY")
+      },
+      {
+        header: "Nearest expired at",
+        accessorKey: "expiryBalance",
+        accessorFn: (n) => {
+          var t;
+          return n.expiryBalance && n.expiryBalance.length ? j((t = n.expiryBalance) == null ? void 0 : t[0].expiredAt).format("DD MMM YYYY") : "Never expires";
+        }
+      }
+    ], g = {
+      "$connect-STORE_REWARD_COLLECTIONS": me.readCollectionsByRewardId,
+      "$connect-CAMPAIGN_VOUCHER_COLLECTIONS": A.readCollectionsByCampaignId
+    }, q = (n) => {
+      const t = g[r.name];
+      return (e) => t(n, e);
+    }, { tableMeta: l, rowData: D, onSort: U, debouncedFetchData: C, onSearch: c } = ue(q(k.value));
+    async function h() {
+      var n;
+      await C(), (n = F.value) == null || n.showSheet(!1);
+    }
+    async function M() {
+      _.value || B(
+        async () => {
+          var v;
+          const n = new ve(), t = (await A.readCollectionsByCampaignId(k.value, {
+            limit: 1,
+            skip: 0,
+            sortBy: m.sortBy,
+            descending: m.descending
+          })).meta.totalResources ?? 0, e = m.rowsPerPage;
+          for (let i = 0; i < t; i += e) {
+            const V = {
+              ...m,
+              limit: e,
+              skip: (m.page - 1) * m.rowsPerPage,
+              sortBy: m.sortBy,
+              descending: m.descending
+            }, L = await A.readCollectionsByCampaignId(
+              k.value,
+              V
+            );
+            for await (const w of L.resources) {
+              const x = {
+                Id: (w == null ? void 0 : w.code) || ((v = w._id) == null ? void 0 : v.toString()) || ""
+              };
+              n.addRecord(x);
+            }
+            m.page++;
+          }
+          await de(
+            n.buildExcel(),
+            `members-${(/* @__PURE__ */ new Date()).toISOString()}.xlsx`,
+            {
+              bookType: "xlsx",
+              bookSST: !1,
+              type: "array"
+            }
+          ), m.page = 1;
+        },
+        {
+          isLoading: _
+        }
+      );
+    }
+    return le(async () => {
+      await C();
+    }), (n, t) => {
+      const e = d("FmPageHead"), v = d("FmSearch");
+      return y(), P(N, null, [
+        s(e, {
+          title: "Collections",
+          "back-button": !0,
+          actions: [
+            { label: "Export", value: "export", isPrimary: !1 },
+            {
+              label: "Create collection",
+              value: "create",
+              isPrimary: !0
+            }
+          ],
+          "onClick:back": t[0] || (t[0] = (i) => o(u).back()),
+          "onClick:action": t[1] || (t[1] = (i) => {
+            var V;
+            i === "create" && ((V = o(F)) == null || V.showSheet(!0)), i === "export" && M();
+          })
+        }),
+        b("div", xe, [
+          s(v, {
+            class: "hidden xs:flex border-b border-fm-color-neutral-gray-100",
+            modelValue: o(l).searchValue,
+            "onUpdate:modelValue": [
+              t[2] || (t[2] = (i) => o(l).searchValue = i),
+              o(c)
+            ],
+            placeholder: "Search",
+            collapsible: ""
+          }, null, 8, ["modelValue", "onUpdate:modelValue"]),
+          b("div", ye, [
+            s(v, {
+              modelValue: o(l).searchValue,
+              "onUpdate:modelValue": [
+                t[3] || (t[3] = (i) => o(l).searchValue = i),
+                o(c)
+              ],
+              placeholder: "Search",
+              collapsible: ""
+            }, null, 8, ["modelValue", "onUpdate:modelValue"])
+          ]),
+          s(ce, {
+            loading: o(l).isLoading,
+            "row-data": o(D),
+            "column-defs": E,
+            "row-count": o(l).totalRows,
+            "page-count": o(l).pageCount,
+            "page-index": o(l).pageIndex,
+            "page-size": o(l).pageSize,
+            "shrink-at": !1,
+            onSortChange: o(U),
+            onPageChange: t[4] || (t[4] = (i) => o(C)({ pageSize: i.pageSize, pageIndex: i.pageIndex }))
+          }, null, 8, ["loading", "row-data", "row-count", "page-count", "page-index", "page-size", "onSortChange"]),
+          s(Ce, {
+            ref_key: "sheetRef",
+            ref: F,
+            onSuccess: h
+          }, null, 512)
+        ])
+      ], 64);
+    };
+  }
+});
+export {
+  Ae as default
+};

package/dist/Credit-BgwI8DR3.js

@@ -0,0 +1,216 @@
+import { defineComponent as N, ref as S, computed as j, h as M, onMounted as A, resolveComponent as l, openBlock as c, createElementBlock as y, Fragment as h, createVNode as i, unref as a, createElementVNode as n, withCtx as C, renderList as H, createBlock as v, resolveDynamicComponent as q, toDisplayString as g, createCommentVNode as z } from "vue";
+import { _ as G } from "./campaign-CpzFl8Vr.js";
+import { useDialog as J, components as O } from "@feedmepos/ui-library";
+import { p as Q, u as W } from "./loading-D_AN6p24.js";
+import { u as X } from "./business-dQh3AEot.js";
+import { u as Y } from "./campaign-BOl8AgKA.js";
+import { g as V, b as L } from "./dto-B8NfyVPG.js";
+import { u as Z } from "./vue-i18n-BxwiXSkp.js";
+import { _ as ee } from "./ChipMenu.vue_vue_type_script_setup_true_lang-BPpZZNkr.js";
+import { _ as oe } from "./EditCampaignSheet.vue_vue_type_script_setup_true_lang-D9VR3P2d.js";
+import { u as te } from "./template-clxvNnbF.js";
+import { c as _ } from "./index-UTQHDUdW.js";
+const ae = { class: "px-24 flex flex-col gap-y-16" }, ne = { class: "flex items-center justify-between w-full" }, re = { class: "flex gap-8 overflow-x-auto" }, se = { class: "space-y-8" }, ie = { class: "flex w-full gap-4 items-center" }, le = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, ce = { class: "space-y-4" }, me = { class: "fm-typo-en-body-lg-600" }, de = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, pe = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, ue = { key: 0 }, Ve = /* @__PURE__ */ N({
+  __name: "Credit",
+  setup(fe) {
+    const { t: r } = Z(), I = {
+      label: r("connect.program.common.actions.create", {
+        type: r("connect.program.credit.title").toLowerCase()
+      }),
+      value: "create",
+      isPrimary: !0,
+      prependIcon: "add"
+    }, R = te("CREDIT", J()), B = X(), m = Y(), { global: D, minor: w } = W, s = S({
+      searchKey: "",
+      location: null
+    }), d = j(
+      () => m.campaigns.credit.filter(
+        (e) => !s.value.location || !e.targetLocation || e.targetLocation.includes(s.value.location)
+      )
+    ), T = [
+      {
+        header: r("connect.program.common.table.title"),
+        accessorFn: (e) => e.name
+      },
+      {
+        header: r("connect.program.common.table.status"),
+        cell(e) {
+          return V(e.row.original);
+        }
+      },
+      {
+        header: r("connect.program.common.table.summary"),
+        accessorFn: (e) => L(e)
+      },
+      {
+        header: r("connect.program.common.table.actions"),
+        cell(e) {
+          return M(O.FmButton, {
+            variant: "tertiary",
+            icon: "delete",
+            iconColor: "neutral-gray-400",
+            onClick: (o) => {
+              o.stopPropagation(), x(e.row.original);
+            }
+          });
+        }
+      }
+    ], b = S();
+    async function x(e) {
+      await Q.remove(r("program.common.remove.confirm", { name: e.name })) && await w(
+        async () => {
+          await _.delete(e._id), await m.read("CREDIT");
+        },
+        {
+          message: r("program.common.remove.removing", { name: e.name }),
+          successMessage: r("program.common.remove.removed", { name: e.name })
+        }
+      );
+    }
+    async function f(e) {
+      e ? await o() : R.open(async (p) => {
+        await o(p);
+      });
+      async function o(p) {
+        var u;
+        (u = b.value) == null || u.showSheet(
+          !0,
+          "CREDIT",
+          e ? await _.readById(e._id) : void 0,
+          p
+        );
+      }
+    }
+    async function E(e) {
+      await w(
+        async () => {
+          e.campaign._id ? await _.update(e.campaign._id, e) : await _.create(e), await m.read("CREDIT");
+        },
+        {
+          message: `${e.campaign._id ? "Updating" : "Creating"} credit program`,
+          successMessage: `Credit program ${e.campaign._id ? "updated" : "created"} successfully`
+        }
+      );
+    }
+    return A(async () => {
+      await D(async () => {
+        await m.read("CREDIT");
+      });
+    }), (e, o) => {
+      const p = l("FmPageHead"), u = l("FmSearch"), K = l("FmTable"), F = l("FmButton"), $ = l("FmListItem"), P = l("FmList"), U = l("FmCard");
+      return c(), y(h, null, [
+        i(p, {
+          title: a(r)("connect.program.credit.title"),
+          actions: a(d).length > 0 ? [I] : [],
+          "onClick:action": o[0] || (o[0] = () => f())
+        }, null, 8, ["title", "actions"]),
+        n("div", ae, [
+          i(u, {
+            modelValue: a(s).searchKey,
+            "onUpdate:modelValue": o[1] || (o[1] = (t) => a(s).searchKey = t),
+            class: "hidden xs:block border-b-2 border-fm-color-neutral-gray-100",
+            placeholder: "search",
+            collapsible: ""
+          }, null, 8, ["modelValue"]),
+          a(m).campaigns.credit && a(m).campaigns.credit.length > 0 ? (c(), y(h, { key: 0 }, [
+            n("div", ne, [
+              n("div", re, [
+                i(ee, {
+                  modelValue: a(s).location,
+                  "onUpdate:modelValue": o[2] || (o[2] = (t) => a(s).location = t),
+                  label: "Location: ",
+                  "show-item-label": !0,
+                  icon: "storefront",
+                  placement: "bottom-start",
+                  items: a(B).locationItems
+                }, null, 8, ["modelValue", "items"])
+              ]),
+              i(u, {
+                modelValue: a(s).searchKey,
+                "onUpdate:modelValue": o[3] || (o[3] = (t) => a(s).searchKey = t),
+                class: "xs:hidden",
+                placeholder: "search",
+                collapsible: ""
+              }, null, 8, ["modelValue"])
+            ]),
+            i(K, {
+              class: "xs:hidden",
+              "row-data": a(d),
+              "column-defs": T,
+              "search-value": a(s).searchKey,
+              "column-filter": [],
+              onRowClick: o[4] || (o[4] = (t) => f(t.original)),
+              "hide-footer": a(d).length < 10
+            }, null, 8, ["row-data", "search-value", "hide-footer"]),
+            i(P, { class: "hidden xs:flex flex-col mx-[-24px]" }, {
+              default: C(() => [
+                (c(!0), y(h, null, H(a(d).filter(
+                  (t) => t.name.toLowerCase().includes(a(s).searchKey.toLowerCase())
+                ), (t) => (c(), v($, {
+                  key: t._id.toString(),
+                  onClick: (k) => f(t),
+                  class: "py-12 px-16 flex items-center justify-between border-b border-fm-color-neutral-gray-100"
+                }, {
+                  default: C(() => [
+                    n("div", se, [
+                      n("div", ie, [
+                        (c(), v(q(a(V)(t)))),
+                        n("div", le, g(t.currentReceive ?? 0) + " used ", 1)
+                      ]),
+                      n("div", ce, [
+                        n("div", me, g(t.name), 1),
+                        n("div", de, g(a(L)(t)), 1)
+                      ]),
+                      n("div", pe, " Credit received: " + g(t.currentReceive ?? 0), 1)
+                    ]),
+                    i(F, {
+                      icon: "delete",
+                      "icon-color": "neutral-gray-400",
+                      variant: "tertiary",
+                      onClick: (k) => (k.stopPropagation(), x(t))
+                    }, null, 8, ["onClick"])
+                  ]),
+                  _: 2
+                }, 1032, ["onClick"]))), 128))
+              ]),
+              _: 1
+            }),
+            a(d).length == 0 ? (c(), y("div", ue, o[6] || (o[6] = [
+              n("div", { class: "text-fm-color-typo-secondary fm-typo-en-body-md-600" }, " No results found ", -1)
+            ]))) : z("", !0)
+          ], 64)) : (c(), v(U, {
+            key: 1,
+            variant: "outlined",
+            class: "w-full flex flex-col items-center justify-center gap-y-24 p-24"
+          }, {
+            default: C(() => [
+              o[7] || (o[7] = n("img", {
+                src: G,
+                class: "aspect-square w-[150px]"
+              }, null, -1)),
+              o[8] || (o[8] = n("div", { class: "flex flex-col gap-16 text-center" }, [
+                n("div", { class: "fm-typo-en-title-sm-800" }, "Create your credit program"),
+                n("div", { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, " Credits are virtual money that customers can use to pay for their purchases, similar to cash within your store. ")
+              ], -1)),
+              i(F, {
+                variant: "primary",
+                label: "Create credit program",
+                icon: "add",
+                onClick: o[5] || (o[5] = (t) => f())
+              })
+            ]),
+            _: 1
+          })),
+          i(oe, {
+            ref_key: "sheetRef",
+            ref: b,
+            "onSubmit:modelValue": E
+          }, null, 512)
+        ])
+      ], 64);
+    };
+  }
+});
+export {
+  Ve as default
+};