@feedmepos/mf-connect 0.0.3-beta.0

package/dist/MemberOverview-C2n9oJZh.js

@@ -0,0 +1,58 @@
+import { defineComponent as d, resolveComponent as o, openBlock as r, createElementBlock as s, Fragment as a, createElementVNode as e, createVNode as c, withCtx as v, renderList as p, normalizeClass as _, toDisplayString as n, createCommentVNode as u } from "vue";
+const y = { class: "bg-gradient-to-r from-orange-200 p-24 to-blue-200 via-pink-100 mx-[-24px]" }, b = /* @__PURE__ */ e("div", { class: "fm-typo-en-body-lg-600" }, "Member overview", -1), g = { class: "grid grid-cols-6 xs:grid-cols-2 gap-4 divide-x xs:divide-x-0" }, x = { class: "fm-typo-body-md-400 fm-typo-en-body-md-400 mb-2 text-fm-color-typo-secondary" }, f = { class: "fm-typo-en-title-sm-800" }, F = /* @__PURE__ */ d({
+  __name: "MemberOverview",
+  setup(k) {
+    const l = [
+      {
+        key: "Total member",
+        value: 4
+      },
+      {
+        key: "New member",
+        value: 2
+      },
+      {
+        key: "Member average spend",
+        value: 100
+      },
+      {
+        key: "Average visit time",
+        value: 567
+      },
+      {
+        key: "Member growth",
+        value: "100%"
+      },
+      { key: "Inactive member", value: 0 }
+    ];
+    return (h, C) => {
+      const i = o("FmCard");
+      return o("FmButton"), r(), s(a, null, [
+        e("div", y, [
+          c(i, {
+            variant: "outlined",
+            class: "flex flex-col gap-16 p-16"
+          }, {
+            default: v(() => [
+              b,
+              e("div", g, [
+                (r(), s(a, null, p(l, (t, m) => e("div", {
+                  key: t.key,
+                  class: _(["px-8", { "xs:!border-r": m % 2 == 0 }])
+                }, [
+                  e("div", x, n(t.key), 1),
+                  e("div", f, n(t.value), 1)
+                ], 2)), 64))
+              ])
+            ]),
+            _: 1
+          })
+        ]),
+        u("", !0)
+      ], 64);
+    };
+  }
+});
+export {
+  F as default
+};

package/dist/MemberTransactions-Dd1NNP_h.js

@@ -0,0 +1,38 @@
+import { defineComponent as m, ref as i, resolveComponent as p, openBlock as t, createElementBlock as _, createVNode as d, unref as e, createBlock as r, createCommentVNode as f } from "vue";
+import { _ as v, a as b } from "./StoreTransactions.vue_vue_type_script_setup_true_lang-BHaiBpBC.js";
+import { R as k } from "./app-DRUbn5GO.js";
+const x = { class: "flex flex-col gap-y-32 pb-24" }, V = /* @__PURE__ */ m({
+  __name: "MemberTransactions",
+  setup(C) {
+    const l = [
+      {
+        label: "Collection",
+        value: "collection"
+      },
+      {
+        label: "Store",
+        value: "store"
+      }
+    ], o = i(l[0]), a = k.currentRoute.value.params.id;
+    return (T, n) => {
+      const s = p("FmTabs");
+      return t(), _("div", x, [
+        d(s, {
+          "model-value": e(o).value,
+          items: l,
+          "onUpdate:modelValue": n[0] || (n[0] = (u) => o.value = l.find((c) => c.value === u))
+        }, null, 8, ["model-value"]),
+        e(o).value == "collection" ? (t(), r(v, {
+          key: 0,
+          user: e(a)
+        }, null, 8, ["user"])) : e(o).value == "store" ? (t(), r(b, {
+          key: 1,
+          user: e(a)
+        }, null, 8, ["user"])) : f("", !0)
+      ]);
+    };
+  }
+});
+export {
+  V as default
+};

package/dist/MessageInput.vue_vue_type_script_setup_true_lang-Bniz5T6m.js

@@ -0,0 +1,163 @@
+import { defineComponent as _, onMounted as w, resolveComponent as o, openBlock as l, createElementBlock as g, createElementVNode as s, createVNode as i, withCtx as y, Fragment as S, renderList as M, createBlock as E, unref as F } from "vue";
+import { p as C } from "./loading-Dy-VtOFu.js";
+import { r as D } from "./index-C4AxDwBx.js";
+const j = {
+  "user.name": {
+    name: "User name"
+  },
+  "user.birthday": {
+    name: "Birthday"
+  },
+  "user.joinAt": {
+    name: "Join at"
+  },
+  "user.expiringVouchers.days7": {
+    name: "Expiring vouchers in 7 days"
+  },
+  "user.expiringVouchers.days30": {
+    name: "Expiring vouchers in 30 days"
+  },
+  "user.expiringVouchers.days90": {
+    name: "Expiring vouchers in 90 days"
+  },
+  "user.tier": {
+    name: "User tier"
+  },
+  "user.point": {
+    name: "User experience"
+  },
+  "transaction.amount": {
+    name: "Reward amount"
+  },
+  "collectible.name": {
+    name: "Reward name"
+  }
+}, k = { class: "space-y-0" }, T = { class: "flex items-center gap-8 justify-between" }, U = /* @__PURE__ */ s("div", { class: "fm-typo-en-body-lg-400" }, "Add message", -1), B = { class: "relative" }, L = { class: "absolute bottom-[24px] right-[4px]" }, P = /* @__PURE__ */ _({
+  __name: "MessageInput",
+  props: {
+    modelValue: {
+      type: Object
+    },
+    triggerType: {
+      type: String,
+      default: () => "SCHEDULE"
+    },
+    helperText: {
+      type: String
+    },
+    helperState: {
+      type: String
+    },
+    variables: {
+      type: Object,
+      default: () => [
+        "user.name",
+        "user.birthday",
+        "user.joinAt",
+        "user.expiringVouchers.days7",
+        "user.expiringVouchers.days30",
+        "user.expiringVouchers.days90",
+        "user.tier",
+        "user.point",
+        "transaction.amount",
+        "collectible.name"
+      ]
+    }
+  },
+  emits: ["update:model-value"],
+  setup(e, { emit: v }) {
+    const a = e, c = v;
+    function b() {
+      var n;
+      const r = {
+        user: {
+          name: "John Doe",
+          tier: 1,
+          point: 1283,
+          birthday: (/* @__PURE__ */ new Date("2000-10-02T16:00:00.000Z")).toLocaleDateString(),
+          joinAt: (/* @__PURE__ */ new Date("2024-06-14")).toLocaleDateString(),
+          expiringVouchers: { days7: 3, days30: 5, days90: 5 }
+        },
+        transaction: {
+          amount: 3
+        },
+        collectible: {
+          name: "RM10 Voucher"
+        }
+      }, u = D(
+        ((n = a.modelValue) == null ? void 0 : n.content) ?? "",
+        r
+      );
+      C.confirm(u, "Preview message", "OK");
+    }
+    function m(r) {
+      c("update:model-value", {
+        channel: "SMS",
+        content: r,
+        language: "en",
+        variables: a.variables
+      });
+    }
+    return w(() => {
+      c("update:model-value", {
+        ...a.modelValue,
+        variables: a.variables
+      });
+    }), (r, u) => {
+      var d;
+      const n = o("FmButton"), x = o("FmTextarea"), f = o("FmMenuItem"), V = o("FmMenu");
+      return l(), g("div", k, [
+        s("div", T, [
+          U,
+          i(n, {
+            icon: "visibility",
+            label: "Preview message",
+            variant: "plain",
+            onClick: b
+          })
+        ]),
+        s("div", B, [
+          i(x, {
+            "model-value": (d = e.modelValue) == null ? void 0 : d.content,
+            "onUpdate:modelValue": m,
+            "max-length": 160,
+            "show-word-count": !0,
+            placeholder: "Hi there, you have been invited to join membership",
+            "helper-state": e.helperState || void 0,
+            "helper-text": e.helperText
+          }, null, 8, ["model-value", "helper-state", "helper-text"]),
+          s("div", L, [
+            i(V, { placement: "left-end" }, {
+              "menu-button": y(() => [
+                i(n, {
+                  icon: "add",
+                  variant: "tertiary",
+                  size: "md"
+                })
+              ]),
+              default: y(() => [
+                (l(!0), g(S, null, M(e.variables.filter(
+                  (t) => e.triggerType == "SCHEDULE" ? !t.startsWith("transaction.") : !0
+                ), (t) => {
+                  var p;
+                  return l(), E(f, {
+                    key: t,
+                    label: ((p = F(j)[t]) == null ? void 0 : p.name) || t,
+                    onClick: (A) => {
+                      var h;
+                      return m(((h = e.modelValue) == null ? void 0 : h.content) + `{{${t}}}`);
+                    }
+                  }, null, 8, ["label", "onClick"]);
+                }), 128))
+              ]),
+              _: 1
+            })
+          ])
+        ])
+      ]);
+    };
+  }
+});
+export {
+  P as _
+};

package/dist/Point-B-Yo0tOQ.js

@@ -0,0 +1,211 @@
+import { defineComponent as A, ref as k, computed as D, onMounted as T, resolveComponent as i, openBlock as c, createElementBlock as g, Fragment as _, createVNode as r, unref as a, createElementVNode as n, withCtx as h, renderList as j, createBlock as C, resolveDynamicComponent as E, toDisplayString as f, h as M } from "vue";
+import { _ as H } from "./campaign-CpzFl8Vr.js";
+import { useDialog as q, components as z } from "@feedmepos/ui-library";
+import { u as G, p as J } from "./loading-Dy-VtOFu.js";
+import { a as Q } from "./app-DRUbn5GO.js";
+import { u as W } from "./campaign-DmbniSEP.js";
+import { g as S, b as V } from "./dto-ts2Lkngs.js";
+import { _ as X } from "./ChipMenu.vue_vue_type_script_setup_true_lang-BPpZZNkr.js";
+import { _ as Y } from "./EditCampaignSheet.vue_vue_type_script_setup_true_lang-DLb_mc7S.js";
+import { u as Z } from "./template-xUeXMsdp.js";
+import { c as y } from "./index-BZbepUcT.js";
+const ee = { class: "px-24 flex flex-col gap-y-16" }, te = { class: "flex items-center justify-between w-full" }, oe = { class: "flex gap-8 overflow-x-auto" }, ae = { class: "space-y-8" }, ne = { class: "flex w-full gap-4 items-center" }, se = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, re = { class: "space-y-4" }, ie = { class: "fm-typo-en-body-lg-600" }, le = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, ce = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, me = /* @__PURE__ */ n("img", {
+  src: H,
+  class: "aspect-square w-[150px]"
+}, null, -1), de = /* @__PURE__ */ n("div", { class: "flex flex-col gap-16 text-center" }, [
+  /* @__PURE__ */ n("div", { class: "fm-typo-en-title-sm-800" }, "Create your point program"),
+  /* @__PURE__ */ n("div", { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, " Points are virtual point that customers can earn and use to purchase bundle items. ")
+], -1), Fe = /* @__PURE__ */ A({
+  __name: "Point",
+  setup(pe) {
+    const L = {
+      label: "Create campaign",
+      value: "create",
+      isPrimary: !0,
+      prependIcon: "add"
+    }, P = Z("COIN", q()), I = Q(), l = W(), { global: B, minor: w } = G, s = k({
+      searchKey: "",
+      location: null
+    }), p = D(
+      () => l.campaigns.point.filter(
+        (e) => !s.value.location || !e.targetLocation || e.targetLocation.includes(s.value.location)
+      )
+    ), $ = [
+      {
+        header: "Program title",
+        accessorFn: (e) => e.name
+      },
+      {
+        header: "Status",
+        cell(e) {
+          return S(e.row.original);
+        }
+      },
+      {
+        header: "Summary",
+        accessorFn: (e) => V(e)
+        //v.effect,
+      },
+      {
+        header: "Actions",
+        cell(e) {
+          return M(z.FmButton, {
+            variant: "tertiary",
+            icon: "delete",
+            iconColor: "neutral-gray-400",
+            onClick: (o) => {
+              o.stopPropagation(), v(e.row.original);
+            }
+          });
+        }
+      }
+    ], x = k();
+    async function v(e) {
+      await J.remove(`Are you sure you want to remove ${e.name}?`) && await w(
+        async () => {
+          await y.delete(e._id), await l.read("COIN");
+        },
+        {
+          message: `Removing ${e.name}`,
+          successMessage: `Removed ${e.name} successfully`
+        }
+      );
+    }
+    async function u(e) {
+      e ? await o() : P.open(async (m) => {
+        await o(m);
+      });
+      async function o(m) {
+        var d;
+        (d = x.value) == null || d.showSheet(
+          !0,
+          "COIN",
+          e ? await y.readById(e._id) : void 0,
+          m
+        );
+      }
+    }
+    async function K(e) {
+      await w(
+        async () => {
+          e.campaign._id ? await y.update(e.campaign._id, e) : await y.create(e), await l.read("COIN");
+        },
+        {
+          message: `${e.campaign._id ? "Updating" : "Creating"} point program`,
+          successMessage: `Point program ${e.campaign._id ? "updated" : "created"} successfully`
+        }
+      );
+    }
+    return T(async () => {
+      await B(async () => {
+        await l.read("COIN");
+      });
+    }), (e, o) => {
+      const m = i("FmPageHead"), d = i("FmSearch"), N = i("FmTable"), b = i("FmButton"), R = i("FmListItem"), O = i("FmList"), U = i("FmCard");
+      return c(), g(_, null, [
+        r(m, {
+          title: "Point",
+          actions: a(p).length > 0 ? [L] : [],
+          "onClick:action": o[0] || (o[0] = () => u())
+        }, null, 8, ["actions"]),
+        n("div", ee, [
+          r(d, {
+            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(l).campaigns.point && a(l).campaigns.point.length > 0 ? (c(), g(_, { key: 0 }, [
+            n("div", te, [
+              n("div", oe, [
+                r(X, {
+                  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(I).locationItems
+                }, null, 8, ["modelValue", "items"])
+              ]),
+              r(d, {
+                modelValue: a(s).searchKey,
+                "onUpdate:modelValue": o[3] || (o[3] = (t) => a(s).searchKey = t),
+                class: "xs:hidden",
+                placeholder: "search",
+                collapsible: ""
+              }, null, 8, ["modelValue"])
+            ]),
+            r(N, {
+              class: "xs:hidden",
+              "row-data": a(p),
+              "column-defs": $,
+              "search-value": a(s).searchKey,
+              "column-filter": [],
+              onRowClick: o[4] || (o[4] = (t) => u(t.original)),
+              "hide-footer": a(p).length < 10
+            }, null, 8, ["row-data", "search-value", "hide-footer"]),
+            r(O, { class: "hidden xs:flex flex-col mx-[-24px]" }, {
+              default: h(() => [
+                (c(!0), g(_, null, j(a(p).filter(
+                  (t) => t.name.toLowerCase().includes(a(s).searchKey.toLowerCase())
+                ), (t) => (c(), C(R, {
+                  key: t._id.toString(),
+                  onClick: (F) => u(t),
+                  class: "py-12 px-16 flex items-center justify-between border-b border-fm-color-neutral-gray-100"
+                }, {
+                  default: h(() => [
+                    n("div", ae, [
+                      n("div", ne, [
+                        (c(), C(E(a(S)(t)))),
+                        n("div", se, f(t.currentReceive ?? 0) + " used ", 1)
+                      ]),
+                      n("div", re, [
+                        n("div", ie, f(t.name), 1),
+                        n("div", le, f(a(V)(t)), 1)
+                      ]),
+                      n("div", ce, " Point received: " + f(t.currentReceive ?? 0), 1)
+                    ]),
+                    r(b, {
+                      icon: "delete",
+                      "icon-color": "neutral-gray-400",
+                      variant: "tertiary",
+                      onClick: (F) => (F.stopPropagation(), v(t))
+                    }, null, 8, ["onClick"])
+                  ]),
+                  _: 2
+                }, 1032, ["onClick"]))), 128))
+              ]),
+              _: 1
+            })
+          ], 64)) : (c(), C(U, {
+            key: 1,
+            variant: "outlined",
+            class: "w-full flex flex-col items-center justify-center gap-y-24 p-24"
+          }, {
+            default: h(() => [
+              me,
+              de,
+              r(b, {
+                variant: "primary",
+                label: "Create point program",
+                icon: "add",
+                onClick: o[5] || (o[5] = (t) => u())
+              })
+            ]),
+            _: 1
+          })),
+          r(Y, {
+            ref_key: "sheetRef",
+            ref: x,
+            "onSubmit:modelValue": K
+          }, null, 512)
+        ])
+      ], 64);
+    };
+  }
+});
+export {
+  Fe as default
+};

package/dist/Promotion-B2t2rOB2.js

@@ -0,0 +1,219 @@
+import { defineComponent as A, ref as P, computed as D, onMounted as j, resolveComponent as i, openBlock as c, createElementBlock as y, Fragment as g, createVNode as s, unref as l, createElementVNode as a, withCtx as _, renderList as E, createBlock as h, resolveDynamicComponent as H, toDisplayString as v, h as q } from "vue";
+import { _ as z } from "./campaign-CpzFl8Vr.js";
+import { useDialog as G, components as J } from "@feedmepos/ui-library";
+import { c as S, u as Q, p as W } from "./loading-Dy-VtOFu.js";
+import { a as X } from "./app-DRUbn5GO.js";
+import { u as Y } from "./campaign-DmbniSEP.js";
+import { g as O } from "./dto-ts2Lkngs.js";
+import { e as L } from "./effect-BTYIMeYm.js";
+import { _ as Z } from "./ChipMenu.vue_vue_type_script_setup_true_lang-BPpZZNkr.js";
+import { _ as ee } from "./EditCampaignSheet.vue_vue_type_script_setup_true_lang-DLb_mc7S.js";
+import { u as oe } from "./template-xUeXMsdp.js";
+import { c as f } from "./index-BZbepUcT.js";
+const te = { class: "px-24 flex flex-col gap-y-16" }, ae = { class: "flex items-center justify-between w-full" }, ne = { class: "flex gap-8 overflow-x-auto" }, se = { class: "space-y-8" }, le = { class: "flex w-full gap-4 items-center" }, ie = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, re = { class: "space-y-4" }, ce = { class: "fm-typo-en-body-lg-600" }, me = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, de = /* @__PURE__ */ a("img", {
+  src: z,
+  class: "aspect-square w-[150px]"
+}, null, -1), pe = /* @__PURE__ */ a("div", { class: "flex flex-col gap-16 text-center" }, [
+  /* @__PURE__ */ a("div", { class: "fm-typo-en-title-sm-800" }, "Create promotion campaign"),
+  /* @__PURE__ */ a("div", { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, " Special offers or deals made available for a limited time to encourage user engagement and purchases. Promotions are generally available to all eligible users without the need for a specific code and are applied by merchant during the promotional period. ")
+], -1), Pe = /* @__PURE__ */ A({
+  __name: "Promotion",
+  setup(ue) {
+    const V = {
+      label: "Create campaign",
+      value: "create",
+      isPrimary: !0,
+      prependIcon: "add"
+    }, $ = oe("PROMOTION", G()), w = X(), p = Y(), { global: R, minor: b } = Q, n = P({
+      searchKey: "",
+      location: null
+    }), r = D(
+      () => p.campaigns.promotion.filter(
+        (e) => !n.value.location || !e.targetLocation || e.targetLocation.includes(n.value.location)
+      )
+    ), T = [
+      {
+        header: "Promotion title",
+        accessorFn: (e) => e.name
+      },
+      {
+        header: "Status",
+        cell(e) {
+          return O(e.row.original);
+        }
+      },
+      {
+        header: "Type",
+        accessorFn: (e) => `${S.title(e.effect.options.target)} promotion`
+      },
+      {
+        header: "Summary",
+        accessorFn: (e) => L(e.effect)
+      },
+      {
+        header: "Actions",
+        cell(e) {
+          return q(J.FmButton, {
+            variant: "tertiary",
+            icon: "delete",
+            iconColor: "neutral-gray-400",
+            onClick: (t) => {
+              t.stopPropagation(), C(e.row.original);
+            }
+          });
+        }
+      }
+    ], x = P();
+    async function C(e) {
+      await W.remove(`Are you sure you want to remove ${e.name}?`) && await b(
+        async () => {
+          await f.delete(e._id), await p.read("PROMOTION");
+        },
+        {
+          message: `Removing ${e.name}`,
+          successMessage: `Removed ${e.name} successfully`
+        }
+      );
+    }
+    async function u(e) {
+      e ? await t() : $.open(async (m) => {
+        await t(m);
+      });
+      async function t(m) {
+        var d;
+        (d = x.value) == null || d.showSheet(
+          !0,
+          "PROMOTION",
+          e ? await f.readById(e._id) : void 0,
+          m
+        );
+      }
+    }
+    async function I(e) {
+      await b(
+        async () => {
+          e.campaign._id ? await f.update(e.campaign._id, e) : await f.create(e), await p.read("PROMOTION");
+        },
+        {
+          message: `${e.campaign._id ? "Updating" : "Creating"} promotion`,
+          successMessage: `Promotion ${e.campaign._id ? "updated" : "created"} successfully`
+        }
+      );
+    }
+    return j(async () => {
+      await R(async () => {
+        await w.readLocations(), await p.read("PROMOTION");
+      });
+    }), (e, t) => {
+      const m = i("FmPageHead"), d = i("FmSearch"), B = i("FmTable"), M = i("FmChip"), F = i("FmButton"), K = i("FmListItem"), N = i("FmList"), U = i("FmCard");
+      return c(), y(g, null, [
+        s(m, {
+          title: "Promotion",
+          actions: l(r).length > 0 ? [V] : [],
+          "onClick:action": t[0] || (t[0] = (o) => u())
+        }, null, 8, ["actions"]),
+        a("div", te, [
+          s(d, {
+            modelValue: n.value.searchKey,
+            "onUpdate:modelValue": t[1] || (t[1] = (o) => n.value.searchKey = o),
+            class: "hidden xs:block border-b-2 border-fm-color-neutral-gray-100",
+            placeholder: "search",
+            collapsible: ""
+          }, null, 8, ["modelValue"]),
+          l(r) && l(r).length > 0 ? (c(), y(g, { key: 0 }, [
+            a("div", ae, [
+              a("div", ne, [
+                s(Z, {
+                  modelValue: n.value.location,
+                  "onUpdate:modelValue": t[2] || (t[2] = (o) => n.value.location = o),
+                  label: "Location: ",
+                  "show-item-label": !0,
+                  icon: "storefront",
+                  placement: "bottom-start",
+                  items: l(w).locationItems
+                }, null, 8, ["modelValue", "items"])
+              ]),
+              s(d, {
+                modelValue: n.value.searchKey,
+                "onUpdate:modelValue": t[3] || (t[3] = (o) => n.value.searchKey = o),
+                class: "xs:hidden",
+                placeholder: "search",
+                collapsible: ""
+              }, null, 8, ["modelValue"])
+            ]),
+            s(B, {
+              class: "xs:hidden",
+              "row-data": l(r),
+              "column-defs": T,
+              "search-value": n.value.searchKey,
+              "column-filter": [],
+              onRowClick: t[4] || (t[4] = (o) => u(o.original)),
+              "hide-footer": l(r).length < 10
+            }, null, 8, ["row-data", "search-value", "hide-footer"]),
+            s(N, { class: "hidden xs:flex flex-col mx-[-24px]" }, {
+              default: _(() => [
+                (c(!0), y(g, null, E(l(r).filter(
+                  (o) => o.name.toLowerCase().includes(n.value.searchKey.toLowerCase())
+                ), (o) => (c(), h(K, {
+                  key: o._id.toString(),
+                  onClick: (k) => u(o),
+                  class: "py-12 px-16 flex items-center justify-between border-b border-fm-color-neutral-gray-100"
+                }, {
+                  default: _(() => [
+                    a("div", se, [
+                      a("div", le, [
+                        (c(), h(H(l(O)(o)))),
+                        s(M, {
+                          class: "!text-fm-color-typo-info !bg-fm-color-system-info-100",
+                          compact: !0,
+                          label: `${l(S).title(o.effect.options.target)} promotion`
+                        }, null, 8, ["label"]),
+                        a("div", ie, v(o.currentReceive ?? 0) + " used ", 1)
+                      ]),
+                      a("div", re, [
+                        a("div", ce, v(o.name), 1),
+                        a("div", me, v(l(L)(o.effect)), 1)
+                      ])
+                    ]),
+                    s(F, {
+                      icon: "delete",
+                      "icon-color": "neutral-gray-400",
+                      variant: "tertiary",
+                      onClick: (k) => (k.stopPropagation(), C(o))
+                    }, null, 8, ["onClick"])
+                  ]),
+                  _: 2
+                }, 1032, ["onClick"]))), 128))
+              ]),
+              _: 1
+            })
+          ], 64)) : (c(), h(U, {
+            key: 1,
+            variant: "outlined",
+            class: "w-full flex flex-col items-center justify-center gap-y-24 p-24"
+          }, {
+            default: _(() => [
+              de,
+              pe,
+              s(F, {
+                variant: "primary",
+                label: "Create promotion campaign",
+                icon: "add",
+                onClick: t[5] || (t[5] = (o) => u())
+              })
+            ]),
+            _: 1
+          }))
+        ]),
+        s(ee, {
+          ref_key: "sheetRef",
+          ref: x,
+          "onSubmit:modelValue": I
+        }, null, 512)
+      ], 64);
+    };
+  }
+});
+export {
+  Pe as default
+};