@feedmepos/mf-connect 0.1.0-beta.9 → 0.1.1-prod

package/dist/Promotion-BYViH3bu.js

@@ -1,247 +0,0 @@
-import { defineComponent as H, ref as S, computed as q, h as z, onMounted as G, resolveComponent as l, openBlock as m, createElementBlock as h, Fragment as w, createVNode as r, unref as a, createElementVNode as s, withCtx as v, renderList as J, createBlock as b, resolveDynamicComponent as Q, toDisplayString as g } from "vue";
-import { _ as W } from "./campaign-CpzFl8Vr.js";
-import { useDialog as X, components as Y } from "@feedmepos/ui-library";
-import { c as O, p as I, u as Z } from "./loading-CJ3nOovJ.js";
-import { u as ee } from "./business-DR7jpnLz.js";
-import { u as oe } from "./campaign-MqcTb329.js";
-import { u as te } from "./vue-i18n-BRhKDHdF.js";
-import { g as V } from "./dto-jcK3TGB7.js";
-import { e as L } from "./effect-BjjQeiQg.js";
-import { _ as ne } from "./ChipMenu.vue_vue_type_script_setup_true_lang-BPpZZNkr.js";
-import { _ as ae } from "./EditCampaignSheet.vue_vue_type_script_setup_true_lang-C_ZKNWzb.js";
-import { u as se } from "./template-Cug7aRK0.js";
-import { c as u } from "./index-CWR3qYjb.js";
-const ie = { class: "px-24 flex flex-col gap-y-16" }, re = { class: "flex items-center justify-between w-full" }, le = { class: "flex gap-8 overflow-x-auto" }, ce = { class: "space-y-8" }, me = { class: "flex w-full gap-4 items-center" }, pe = { class: "space-y-4" }, de = { class: "fm-typo-en-body-lg-600" }, ue = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, fe = { class: "flex flex-col gap-16 text-center" }, ye = { class: "fm-typo-en-title-sm-800" }, ge = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Le = /* @__PURE__ */ H({
-  __name: "Promotion",
-  setup(_e) {
-    const { t } = te(), T = {
-      label: t("connect.promotion.createCampaign"),
-      value: "create",
-      isPrimary: !0,
-      prependIcon: "add"
-    }, B = {
-      label: "Force sync",
-      value: "sync",
-      isPrimary: !1,
-      prependIcon: "refresh"
-    }, M = se("PROMOTION", X()), x = ee(), f = oe(), { global: R, minor: _ } = Z, i = S({
-      searchKey: "",
-      location: null
-    }), c = q(
-      () => f.campaigns.promotion.filter(
-        (e) => !i.value.location || !e.targetLocation || e.targetLocation.includes(i.value.location)
-      )
-    ), K = [
-      {
-        header: t("connect.promotion.promotionTitle"),
-        accessorFn: (e) => e.name
-      },
-      {
-        header: t("connect.promotion.status"),
-        cell(e) {
-          return V(e.row.original);
-        }
-      },
-      {
-        header: t("connect.promotion.type"),
-        accessorFn: (e) => `${O.title(e.effect.options.target)} promotion`
-      },
-      {
-        header: t("connect.promotion.summary"),
-        accessorFn: (e) => L(e.effect)
-      },
-      {
-        header: t("connect.promotion.actions"),
-        cell(e) {
-          return z(Y.FmButton, {
-            variant: "tertiary",
-            icon: "delete",
-            iconColor: "neutral-gray-400",
-            onClick: (n) => {
-              n.stopPropagation(), F(e.row.original);
-            }
-          });
-        }
-      }
-    ], C = S();
-    async function F(e) {
-      await I.remove(t("promotion.confirmRemove", { name: e.name })) && await _(
-        async () => {
-          await u.delete(e._id), await f.read("PROMOTION");
-        },
-        {
-          message: t("promotion.removing", { name: e.name }),
-          successMessage: t("promotion.removedSuccessfully", { name: e.name })
-        }
-      );
-    }
-    async function y(e) {
-      e ? await n() : M.open(async (p) => {
-        await n(p);
-      });
-      async function n(p) {
-        var d;
-        (d = C.value) == null || d.showSheet(
-          !0,
-          "PROMOTION",
-          e ? await u.readById(e._id) : void 0,
-          p
-        );
-      }
-    }
-    async function N(e) {
-      await _(
-        async () => {
-          e.campaign._id ? await u.update(e.campaign._id, e) : await u.create(e), await f.read("PROMOTION");
-        },
-        {
-          message: t(e.campaign._id ? "promotion.updating" : "promotion.creating"),
-          successMessage: t(
-            e.campaign._id ? "promotion.updatedSuccessfully" : "promotion.createdSuccessfully"
-          )
-        }
-      );
-    }
-    async function A(e) {
-      switch (e) {
-        case "create":
-          y();
-          break;
-        case "sync":
-          await I.confirm(
-            "Are you sure you want to synchronize all promotions to POS?",
-            "Force sync"
-          ) && _(
-            async () => {
-              await u.syncAllPromotion();
-            },
-            {
-              message: "Syncing promotions...",
-              successMessage: "All promotions synced"
-            }
-          );
-          break;
-      }
-    }
-    return G(async () => {
-      await R(async () => {
-        await x.readLocations(), await f.read("PROMOTION");
-      });
-    }), (e, n) => {
-      const p = l("FmPageHead"), d = l("FmSearch"), $ = l("FmTable"), D = l("FmChip"), k = l("FmButton"), U = l("FmListItem"), j = l("FmList"), E = l("FmCard");
-      return m(), h(w, null, [
-        r(p, {
-          title: a(t)("connect.promotion.title"),
-          actions: a(c).length > 0 ? [T, B] : [],
-          "onClick:action": A
-        }, null, 8, ["title", "actions"]),
-        s("div", ie, [
-          r(d, {
-            modelValue: i.value.searchKey,
-            "onUpdate:modelValue": n[0] || (n[0] = (o) => i.value.searchKey = o),
-            class: "hidden xs:block border-b-2 border-fm-color-neutral-gray-100",
-            placeholder: a(t)("connect.promotion.search"),
-            collapsible: ""
-          }, null, 8, ["modelValue", "placeholder"]),
-          a(c) && a(c).length > 0 ? (m(), h(w, { key: 0 }, [
-            s("div", re, [
-              s("div", le, [
-                r(ne, {
-                  modelValue: i.value.location,
-                  "onUpdate:modelValue": n[1] || (n[1] = (o) => i.value.location = o),
-                  label: a(t)("connect.promotion.location"),
-                  "show-item-label": !0,
-                  icon: "storefront",
-                  placement: "bottom-start",
-                  items: a(x).locationItems
-                }, null, 8, ["modelValue", "label", "items"])
-              ]),
-              r(d, {
-                modelValue: i.value.searchKey,
-                "onUpdate:modelValue": n[2] || (n[2] = (o) => i.value.searchKey = o),
-                class: "xs:hidden",
-                placeholder: "search",
-                collapsible: ""
-              }, null, 8, ["modelValue"])
-            ]),
-            r($, {
-              class: "xs:hidden",
-              "row-data": a(c),
-              "column-defs": K,
-              "search-value": i.value.searchKey,
-              "column-filter": [],
-              onRowClick: n[3] || (n[3] = (o) => y(o.original)),
-              "hide-footer": a(c).length < 10
-            }, null, 8, ["row-data", "search-value", "hide-footer"]),
-            r(j, { class: "hidden xs:flex flex-col mx-[-24px]" }, {
-              default: v(() => [
-                (m(!0), h(w, null, J(a(c).filter(
-                  (o) => o.name.toLowerCase().includes(i.value.searchKey.toLowerCase())
-                ), (o) => (m(), b(U, {
-                  key: o._id.toString(),
-                  onClick: (P) => y(o),
-                  class: "py-12 px-16 flex items-center justify-between border-b border-fm-color-neutral-gray-100"
-                }, {
-                  default: v(() => [
-                    s("div", ce, [
-                      s("div", me, [
-                        (m(), b(Q(a(V)(o)))),
-                        r(D, {
-                          class: "!text-fm-color-typo-info !bg-fm-color-system-info-100",
-                          compact: !0,
-                          label: `${a(O).title(o.effect.options.target)} promotion`
-                        }, null, 8, ["label"])
-                      ]),
-                      s("div", pe, [
-                        s("div", de, g(o.name), 1),
-                        s("div", ue, g(a(L)(o.effect)), 1)
-                      ])
-                    ]),
-                    r(k, {
-                      icon: "delete",
-                      "icon-color": "neutral-gray-400",
-                      variant: "tertiary",
-                      onClick: (P) => (P.stopPropagation(), F(o))
-                    }, null, 8, ["onClick"])
-                  ]),
-                  _: 2
-                }, 1032, ["onClick"]))), 128))
-              ]),
-              _: 1
-            })
-          ], 64)) : (m(), b(E, {
-            key: 1,
-            variant: "outlined",
-            class: "w-full flex flex-col items-center justify-center gap-y-24 p-24"
-          }, {
-            default: v(() => [
-              n[5] || (n[5] = s("img", {
-                src: W,
-                class: "aspect-square w-[150px]"
-              }, null, -1)),
-              s("div", fe, [
-                s("div", ye, g(a(t)("connect.promotion.createPromotionCampaign")), 1),
-                s("div", ge, g(a(t)("connect.promotion.description")), 1)
-              ]),
-              r(k, {
-                variant: "primary",
-                label: a(t)("connect.promotion.createPromotionCampaign"),
-                icon: "add",
-                onClick: n[4] || (n[4] = (o) => y())
-              }, null, 8, ["label"])
-            ]),
-            _: 1
-          }))
-        ]),
-        r(ae, {
-          ref_key: "sheetRef",
-          ref: C,
-          "onSubmit:modelValue": N
-        }, null, 512)
-      ], 64);
-    };
-  }
-});
-export {
-  Le as default
-};

package/dist/Segment-B9Jj1ak0.js

@@ -1,437 +0,0 @@
-import { defineComponent as A, onMounted as E, openBlock as c, createElementBlock as w, createElementVNode as a, toDisplayString as F, unref as e, createVNode as l, createCommentVNode as T, ref as $, computed as j, resolveComponent as p, createBlock as B, isRef as W, createSlots as K, withCtx as f, Fragment as P, h as R, onBeforeMount as Q, renderList as X } from "vue";
-import { _ as ee } from "./campaign-CpzFl8Vr.js";
-import { F as N, p as te, u as oe } from "./loading-CJ3nOovJ.js";
-import { components as L } from "@feedmepos/ui-library";
-import { u as H, _ as O } from "./usePagination-BeF5K3M7.js";
-import { u as ne } from "./vue-i18n-BRhKDHdF.js";
-import { Z as ae } from "./zod-Bg2FbC-D.js";
-import { a as se } from "./index-DBy30v8N.js";
-import { u as le } from "./app-wDQR6dpb.js";
-import { R as ie } from "./rule-builder-CSmOONdb.js";
-import { _ as re } from "./ZodTextField.vue_vue_type_script_setup_true_lang-pG-SrXp9.js";
-import { _ as me } from "./RuleGroup.vue_vue_type_script_setup_true_lang-CTKKhH-r.js";
-import { h as V } from "./moment-BWErdI6_.js";
-import { s as k } from "./membership-B1cmSRyk.js";
-import { o as de } from "./objectId-dwaoBfJX.js";
-import { u as ce } from "./business-DR7jpnLz.js";
-import { m as ue } from "./index-0UYoh1-7.js";
-const pe = se.extend({
-  _id: N.optional(),
-  business: N.optional()
-}), ge = { class: "space-y-16 pr-12" }, fe = { class: "fm-typo-en-title-md-800" }, ye = { class: "flex space-x-8" }, ve = { class: "fm-typo-en-title-md-800 text-fm-color-primary" }, _e = { class: "text-fm-color-typo-secondary" }, be = {
-  key: 0,
-  class: "w-full flex flex-col gap-16 items-center pt-16"
-}, he = /* @__PURE__ */ A({
-  __name: "ReviewSegment",
-  props: {
-    title: {},
-    segment: {}
-  },
-  setup(D) {
-    const y = D, v = [
-      {
-        header: "Name",
-        accessorFn: (o) => o.name
-      },
-      {
-        header: "Id",
-        accessorFn: (o) => o._id
-      },
-      {
-        header: "Customer Since",
-        accessorFn: (o) => V(de(o._id.toString())).format("DD MMM YYYY")
-      },
-      {
-        header: "Phone",
-        accessorFn: (o) => o.phoneNumber
-      },
-      {
-        header: "Birthday",
-        accessorFn: (o) => V(o.birthday).format("DD MMM YYYY")
-      },
-      {
-        header: "Last Visit",
-        accessorFn: (o) => V(o.stats.lastVisit).format("DD MMM YYYY")
-      }
-    ], _ = async (o) => y.segment._id ? await k.paginateSegmentUsers(y.segment._id, {
-      limit: i.value.pageSize,
-      skip: o.pageIndex ?? 0,
-      sortBy: "_id",
-      search: o.searchValue,
-      descending: !0
-    }) : { resources: [], meta: { totalResources: 0, totalPages: 0 } }, { tableMeta: i, rowData: d, onSort: h, debouncedFetchData: m, onSearch: r } = H(_);
-    return E(async () => {
-      await m();
-    }), (o, g) => (c(), w("div", ge, [
-      a("div", fe, F(y.title), 1),
-      a("div", ye, [
-        a("div", ve, F(o.segment.members.length), 1),
-        a("div", _e, [
-          g[1] || (g[1] = a("div", null, "contacts in your segment", -1)),
-          a("div", null, "as of " + F(e(V)(o.segment.lastUpdated).format("DD MMM YYYY")), 1)
-        ])
-      ]),
-      l(O, {
-        loading: e(i).isLoading,
-        "row-data": e(d),
-        "row-count": e(i).totalRows,
-        "column-defs": v,
-        "page-size": e(i).pageSize,
-        "page-count": e(i).pageCount,
-        "page-index": e(i).pageIndex,
-        onSortChange: e(h),
-        onPageChange: g[0] || (g[0] = (S) => e(m)({ pageSize: S.pageSize, pageIndex: S.pageIndex }))
-      }, null, 8, ["loading", "row-data", "row-count", "page-size", "page-count", "page-index", "onSortChange"]),
-      e(d).length == 0 ? (c(), w("div", be, g[2] || (g[2] = [
-        a("div", { class: "fm-typo-en-body-lg-600" }, "No data found", -1),
-        a("div", { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, " No data to show at the current moment. ", -1)
-      ]))) : T("", !0)
-    ]));
-  }
-}), Se = { class: "flex items-center gap-x-8" }, xe = {
-  key: 0,
-  class: "space-y-16 pr-12"
-}, we = { class: "flex items-center gap-8" }, Fe = /* @__PURE__ */ A({
-  __name: "SegmentSheet",
-  emits: ["update:model-value"],
-  setup(D, { expose: y, emit: v }) {
-    const _ = le(), i = $(!1), d = $(!1), h = {
-      name: "",
-      rule: ie.scaffoldGroup(),
-      members: []
-    }, m = pe, r = $(h), o = j(() => {
-      const t = m.safeParse(r.value);
-      return t.success ? [] : t.error.errors;
-    });
-    function g(t) {
-      i.value = !0, d.value = !1, t ? r.value = { ...t } : r.value = { ...h };
-    }
-    function S() {
-      i.value = !1;
-    }
-    async function Y() {
-      m.safeParse(r.value).success && (d.value = !0);
-    }
-    function C() {
-      d.value = !1;
-    }
-    async function z() {
-      n("update:model-value", r.value);
-    }
-    E(async () => {
-    });
-    const n = v;
-    return y({
-      showSheet: g,
-      hideSheet: S
-    }), (t, s) => {
-      const x = p("FmButton"), M = p("FmSideSheet");
-      return c(), B(M, {
-        modelValue: e(i),
-        "onUpdate:modelValue": s[5] || (s[5] = (b) => W(i) ? i.value = b : null),
-        header: "Add segment",
-        "dismiss-away": "",
-        "close-button": !0,
-        "max-width": 1100
-      }, K({
-        "side-sheet-footer": f(() => [
-          a("div", we, [
-            e(d) ? (c(), w(P, { key: 0 }, [
-              l(x, {
-                label: "Save Segment",
-                onClick: z,
-                loading: e(_).isLoading,
-                disabled: e(o).length > 0 || e(_).isLoading
-              }, null, 8, ["loading", "disabled"]),
-              l(x, {
-                label: "Cancel",
-                onClick: s[3] || (s[3] = (b) => C()),
-                variant: "tertiary"
-              })
-            ], 64)) : (c(), w(P, { key: 1 }, [
-              l(x, {
-                label: "Review Segment",
-                disabled: e(o).length > 0 || e(_).isLoading,
-                onClick: Y
-              }, null, 8, ["disabled"]),
-              l(x, {
-                label: "Cancel",
-                onClick: s[4] || (s[4] = (b) => S()),
-                variant: "tertiary"
-              })
-            ], 64))
-          ])
-        ]),
-        default: f(() => {
-          var b;
-          return [
-            e(d) ? (c(), B(he, {
-              key: 1,
-              title: e(r).name,
-              segment: e(r)
-            }, null, 8, ["title", "segment"])) : (c(), w("div", xe, [
-              l(re, {
-                modelValue: e(r).name,
-                "onUpdate:modelValue": s[1] || (s[1] = (I) => e(r).name = I),
-                label: "Segment title",
-                schema: e(ae).typeAtPath(e(m), "name")
-              }, null, 8, ["modelValue", "schema"]),
-              s[7] || (s[7] = a("div", { class: "fm-typo-en-title-sm-800" }, "Segment Filter", -1)),
-              l(me, {
-                "trigger-type": "MEMBERSHIP_JOINED",
-                includeOnly: "user",
-                "model-value": (b = e(r)) == null ? void 0 : b.rule,
-                "onUpdate:modelValue": s[2] || (s[2] = (I) => {
-                  e(r).rule = I;
-                })
-              }, null, 8, ["model-value"])
-            ]))
-          ];
-        }),
-        _: 2
-      }, [
-        e(d) ? {
-          name: "side-sheet-header",
-          fn: f(() => [
-            a("div", Se, [
-              l(x, {
-                icon: "arrow_back",
-                variant: "tertiary",
-                onClick: s[0] || (s[0] = (b) => d.value = !1)
-              }),
-              s[6] || (s[6] = a("div", null, "Review segment", -1))
-            ])
-          ]),
-          key: "0"
-        } : void 0
-      ]), 1032, ["modelValue"]);
-    };
-  }
-}), Ce = { class: "flex items-center" }, ke = { class: "fm-typo-en-title-md-600 fm-step-title line-clamp-2 mr-8" }, Me = { class: "px-24 flex flex-col gap-y-16" }, Ie = { class: "fm-typo-en-body-md-600 text-fm-color-typo-secondary" }, Re = { class: "fm-typo-en-body-md-600" }, $e = { class: "fm-typo-en-body-md-600 text-fm-color-typo-secondary" }, Je = /* @__PURE__ */ A({
-  __name: "Segment",
-  setup(D) {
-    const { minor: y } = oe, { t: v } = ne(), _ = ce(), i = $(0), d = [
-      {
-        header: v("connect.loyalty.segment.table.name"),
-        accessorFn: (n) => n.name
-      },
-      {
-        header: v("connect.loyalty.segment.table.total_customers"),
-        accessorFn: (n) => n.memberCount ?? 0
-      },
-      {
-        header: v("connect.loyalty.segment.table.customer_percentage"),
-        accessorFn: (n) => ((n.memberCount ?? 0) * 100 / i.value).toFixed(2)
-      },
-      {
-        header: v("connect.loyalty.segment.table.actions"),
-        meta: {
-          maxWidth: "100px"
-        },
-        cell(n) {
-          return R("div", { class: "flex items-center justify-end" }, [
-            R(
-              L.FmMenu,
-              {
-                placement: "bottom-end",
-                onClick: (t) => {
-                  t.stopPropagation();
-                }
-              },
-              {
-                "menu-button": () => R(L.FmButton, {
-                  icon: "more_vert",
-                  iconColor: "neutral-gray-400",
-                  variant: "tertiary"
-                }),
-                default: () => [
-                  R(
-                    L.FmMenuItem,
-                    {
-                      onClick: async (t) => {
-                        t.stopPropagation(), S(n.row.original);
-                      }
-                    },
-                    {
-                      label: R(
-                        "div",
-                        {
-                          class: "text-fm-color-typo-error fm-typo-en-body-md-400"
-                        },
-                        "Remove"
-                      )
-                    }
-                  )
-                ]
-              }
-            )
-          ]);
-        }
-      }
-    ], h = $(null), { tableMeta: m, rowData: r, debouncedFetchData: o } = H(
-      k.readAll
-    );
-    async function g() {
-      await y(
-        async () => {
-          await k.refreshSegments(), await o({ pageSize: 10, pageIndex: 0 });
-        },
-        { message: "Refreshing segmentations" }
-      );
-    }
-    async function S(n) {
-      await te.remove(`Are you sure you want to remove ${n.name}?`) && await y(
-        async () => {
-          await k.delete(n._id), await o({ pageSize: 10, pageIndex: 0 });
-        },
-        {
-          message: `Removing ${n.name}`,
-          successMessage: `Removed ${n.name} successfully`
-        }
-      );
-    }
-    async function Y(n) {
-      await y(
-        async () => {
-          var t;
-          if (n._id) {
-            const { members: s, _id: x, ...M } = n;
-            await k.update(n._id, M);
-          } else
-            await k.create(n);
-          await o({ pageSize: 10, pageIndex: 0 }), (t = h.value) == null || t.hideSheet();
-        },
-        {
-          message: "Saving segment",
-          successMessage: "Segment saved"
-        }
-      );
-    }
-    function C(n) {
-      var t;
-      (t = h.value) == null || t.showSheet(n);
-    }
-    const z = j(() => _.isPremium ? [
-      {
-        label: "Refresh segments",
-        value: "refresh"
-      },
-      {
-        label: "Add segment",
-        value: "add",
-        isPrimary: !0,
-        prependIcon: "add"
-      }
-    ] : []);
-    return Q(async () => {
-      const { meta: n } = await ue.read({
-        limit: 1,
-        skip: 0,
-        sortBy: "_id",
-        search: void 0,
-        descending: !1
-      });
-      i.value = n.totalResources ?? 0, await o({ pageSize: 10, pageIndex: 0 }), await _.readPremium();
-    }), (n, t) => {
-      const s = p("FmPill"), x = p("FmPageHead"), M = p("FmIcon"), b = p("FmMenuItem"), I = p("FmMenu"), Z = p("FmListItem"), q = p("FmList"), G = p("FmButton"), J = p("FmCard");
-      return c(), w(P, null, [
-        l(x, {
-          title: "Segments",
-          actions: e(z),
-          "onClick:action": t[0] || (t[0] = (u) => u === "add" ? C() : g())
-        }, {
-          title: f(() => [
-            a("div", Ce, [
-              a("span", ke, F(e(v)("connect.loyalty.segment.title")), 1),
-              l(s, { variant: "premium" })
-            ])
-          ]),
-          _: 1
-        }, 8, ["actions"]),
-        a("div", Me, [
-          e(r).length > 0 || e(m).searchValue || e(m).isLoading ? (c(), w(P, { key: 0 }, [
-            l(O, {
-              loading: e(m).isLoading,
-              "row-data": e(r),
-              "row-count": e(m).totalRows,
-              "column-defs": d,
-              "shrink-at": !1,
-              "page-count": e(m).pageCount,
-              "page-index": e(m).pageIndex,
-              "page-size": e(m).pageSize,
-              onRowClick: t[1] || (t[1] = (u) => {
-                C(u.original);
-              }),
-              onPageChange: e(o)
-            }, null, 8, ["loading", "row-data", "row-count", "page-count", "page-index", "page-size", "onPageChange"]),
-            l(q, { class: "w-full hidden xs:block" }, {
-              default: f(() => [
-                (c(!0), w(P, null, X(e(r), (u) => (c(), B(Z, {
-                  key: u._id.toString(),
-                  tag: "label",
-                  onClick: (U) => C(u)
-                }, {
-                  default: f(() => [
-                    a("div", null, [
-                      a("div", Ie, F((u.memberCount ?? 0).toLocaleString()) + " total customers ", 1),
-                      a("div", Re, F(u.name), 1),
-                      a("div", $e, F(((u.memberCount ?? 0) * 100 / e(i)).toFixed(2)) + "% of customers ", 1)
-                    ])
-                  ]),
-                  append: f(() => [
-                    l(I, { "stop-click-propagation": !0 }, {
-                      "menu-button": f(() => [
-                        l(M, { name: "more_vert" })
-                      ]),
-                      default: f(() => [
-                        l(b, {
-                          class: "text-fm-color-typo-error fm-typo-en-body-md-400",
-                          label: "Remove",
-                          "onUpdate:modelValue": (U) => U && S(u)
-                        }, null, 8, ["onUpdate:modelValue"])
-                      ]),
-                      _: 2
-                    }, 1024)
-                  ]),
-                  _: 2
-                }, 1032, ["onClick"]))), 128))
-              ]),
-              _: 1
-            })
-          ], 64)) : (c(), B(J, {
-            key: 1,
-            variant: "outlined",
-            class: "w-full flex flex-col items-center justify-center gap-y-24 p-24"
-          }, {
-            default: f(() => [
-              t[3] || (t[3] = a("img", {
-                src: ee,
-                class: "aspect-square w-[150px]"
-              }, null, -1)),
-              t[4] || (t[4] = a("div", { class: "flex flex-col gap-16 text-center" }, [
-                a("div", { class: "fm-typo-en-title-sm-800" }, "Create customer segments"),
-                a("div", { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, " Segments allow you to categorize your customers based on various criteria, enabling targeted marketing and personalized experiences. ")
-              ], -1)),
-              l(G, {
-                variant: "primary",
-                label: "Create segment",
-                disabled: !e(_).isPremium,
-                icon: "add",
-                onClick: t[2] || (t[2] = (u) => C())
-              }, null, 8, ["disabled"])
-            ]),
-            _: 1
-          })),
-          l(Fe, {
-            ref_key: "sheetRef",
-            ref: h,
-            "onUpdate:modelValue": Y
-          }, null, 512)
-        ])
-      ], 64);
-    };
-  }
-});
-export {
-  Je as default
-};