@feedmepos/mf-connect 0.1.38-beta.2 → 0.1.39-prod

package/dist/{Game-CKXgXm6Q.js → Game-0FZJcLmj.js}

@@ -1,20 +1,23 @@
 import { defineComponent as N, ref as v, computed as q, onMounted as z, resolveComponent as r, openBlock as p, createElementBlock as C, Fragment as b, createVNode as s, unref as o, withCtx as h, createElementVNode as n, toDisplayString as c, renderList as J, createBlock as k, resolveDynamicComponent as O, h as l } from "vue";
 import { _ as Q } from "./campaign-CpzFl8Vr.js";
 import { useDialog as W, components as w } from "@feedmepos/ui-library";
-import { a as X, p as Y } from "./plugins-eQis66QR.js";
-import { u as Z } from "./loading-BWGQSrCB.js";
-import { u as ee } from "./business-CmxV69wT.js";
-import { u as te } from "./campaign-Dq5C_no-.js";
-import { a as $, b as A, g as oe } from "./campaign-CT_cNJEL.js";
+import { a as X, p as Y } from "./plugins-DK_ue6Xa.js";
+import { u as Z } from "./loading-BFkEqWR6.js";
+import { u as ee } from "./business-TTvv3aTz.js";
+import { u as te } from "./campaign-BiMCoAzx.js";
+import { a as $, b as A, g as oe } from "./campaign-CjEVStN1.js";
 import { _ as ae } from "./ChipMenu.vue_vue_type_script_setup_true_lang-BPpZZNkr.js";
-import { _ as ne } from "./EditCampaignSheet.vue_vue_type_script_setup_true_lang-PJ8q72XH.js";
-import { u as se } from "./template-C3UfY0v5.js";
-import { u as ie } from "./vue-i18n-Bz45zC04.js";
-import { _ as re } from "./SendCollectionSheet.vue_vue_type_script_setup_true_lang-Dnf2oxOG.js";
-import { c as x } from "./index-D5rvMvzx.js";
-const le = { class: "flex items-center" }, ce = { 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" }, de = { class: "flex items-center justify-between w-full" }, pe = { class: "flex gap-8 overflow-x-auto" }, ue = { class: "space-y-8" }, fe = { class: "flex w-full gap-4 items-center" }, ge = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, ye = { class: "space-y-4" }, _e = { class: "fm-typo-en-body-lg-600" }, he = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, we = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, xe = { class: "flex flex-col gap-16 text-center" }, ve = { class: "fm-typo-en-title-sm-800" }, Ce = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Ie = /* @__PURE__ */ N({
+import { _ as ne } from "./EditCampaignSheet.vue_vue_type_script_setup_true_lang-BvCLYtJ3.js";
+import { u as se } from "./template-CxUxlb6-.js";
+import { u as ie } from "./vue-i18n-BtvUK9hI.js";
+import { _ as re } from "./SendCollectionSheet.vue_vue_type_script_setup_true_lang-C2U6Kzvx.js";
+import { c as x } from "./index-CK67enPK.js";
+const le = { class: "flex items-center" }, ce = { 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" }, de = { class: "flex items-center justify-between w-full" }, pe = { class: "flex gap-8 overflow-x-auto" }, ue = { class: "space-y-8" }, fe = { class: "flex w-full gap-4 items-center" }, ge = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, _e = { class: "space-y-4" }, ye = { class: "fm-typo-en-body-lg-600" }, he = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, we = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, xe = /* @__PURE__ */ n("img", {
+  src: Q,
+  class: "aspect-square w-[150px]"
+}, null, -1), ve = { class: "flex flex-col gap-16 text-center" }, Ce = { class: "fm-typo-en-title-sm-800" }, be = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Te = /* @__PURE__ */ N({
   __name: "Game",
-  setup(be) {
+  setup(ke) {
     const { t: m } = ie(), E = {
       label: m("connect.program.common.actions.create", {
         type: m("connect.program.game.title").toLowerCase()
@@ -112,13 +115,13 @@ const le = { class: "flex items-center" }, ce = { class: "fm-typo-en-title-md-60
         }
       );
     }
-    async function y(e) {
+    async function _(e) {
       e ? await t() : K.open(async (u) => {
         await t(u);
       });
       async function t(u) {
-        var _;
-        (_ = S.value) == null || _.showSheet(
+        var y;
+        (y = S.value) == null || y.showSheet(
           !0,
           "GAME",
           e ? await x.readById(e._id) : void 0,
@@ -148,11 +151,11 @@ const le = { class: "flex items-center" }, ce = { class: "fm-typo-en-title-md-60
         await d.read("GAME"), await f.readPremium();
       });
     }), (e, t) => {
-      const u = r("FmPill"), _ = r("FmPageHead"), V = r("FmSearch"), U = r("FmTable"), B = r("FmButton"), j = r("FmListItem"), D = r("FmList"), H = r("FmCard");
+      const u = r("FmPill"), y = r("FmPageHead"), V = r("FmSearch"), U = r("FmTable"), B = r("FmButton"), j = r("FmListItem"), D = r("FmList"), H = r("FmCard");
       return p(), C(b, null, [
-        s(_, {
+        s(y, {
           actions: o(g).length > 0 && o(f).isPremium ? [E] : [],
-          "onClick:action": t[0] || (t[0] = () => y())
+          "onClick:action": t[0] || (t[0] = () => _())
         }, {
           title: h(() => [
             n("div", le, [
@@ -197,7 +200,7 @@ const le = { class: "flex items-center" }, ce = { class: "fm-typo-en-title-md-60
               "column-defs": G,
               "search-value": o(i).searchKey,
               "column-filter": [],
-              onRowClick: t[4] || (t[4] = (a) => y(a.original)),
+              onRowClick: t[4] || (t[4] = (a) => _(a.original)),
               "hide-footer": o(g).length < 10
             }, null, 8, ["row-data", "search-value", "hide-footer"]),
             s(D, { class: "hidden xs:flex flex-col mx-[-24px]" }, {
@@ -206,7 +209,7 @@ const le = { class: "flex items-center" }, ce = { class: "fm-typo-en-title-md-60
                   (a) => a.name.toLowerCase().includes(o(i).searchKey.toLowerCase())
                 ), (a) => (p(), k(j, {
                   key: a._id.toString(),
-                  onClick: (R) => y(a),
+                  onClick: (R) => _(a),
                   class: "py-12 px-16 flex items-center justify-between border-b border-fm-color-neutral-gray-100"
                 }, {
                   default: h(() => [
@@ -215,8 +218,8 @@ const le = { class: "flex items-center" }, ce = { class: "fm-typo-en-title-md-60
                         (p(), k(O(o($)(a)))),
                         n("div", ge, c(a.currentReceive ?? 0) + " used ", 1)
                       ]),
-                      n("div", ye, [
-                        n("div", _e, c(a.name), 1),
+                      n("div", _e, [
+                        n("div", ye, c(a.name), 1),
                         n("div", he, c(o(A)(a)), 1)
                       ]),
                       n("div", we, c(o(m)("connect.program.game.token_received", {
@@ -241,20 +244,17 @@ const le = { class: "flex items-center" }, ce = { class: "fm-typo-en-title-md-60
             class: "w-full flex flex-col items-center justify-center gap-y-24 p-24"
           }, {
             default: h(() => [
-              t[6] || (t[6] = n("img", {
-                src: Q,
-                class: "aspect-square w-[150px]"
-              }, null, -1)),
-              n("div", xe, [
-                n("div", ve, c(o(m)("connect.program.game.empty_state.title")), 1),
-                n("div", Ce, c(o(m)("connect.program.game.empty_state.description")), 1)
+              xe,
+              n("div", ve, [
+                n("div", Ce, c(o(m)("connect.program.game.empty_state.title")), 1),
+                n("div", be, c(o(m)("connect.program.game.empty_state.description")), 1)
               ]),
               s(B, {
                 variant: "primary",
                 label: "Create game program",
                 icon: "add",
                 disabled: !o(f).isPremium,
-                onClick: t[5] || (t[5] = (a) => y())
+                onClick: t[5] || (t[5] = (a) => _())
               }, null, 8, ["disabled"])
             ]),
             _: 1
@@ -274,5 +274,5 @@ const le = { class: "flex items-center" }, ce = { class: "fm-typo-en-title-md-60
   }
 });
 export {
-  Ie as default
+  Te as default
 };

package/dist/ImageInput.vue_vue_type_script_setup_true_lang-ByhTB9Ie.js

@@ -0,0 +1,144 @@
+import { openBlock as l, createElementBlock as o, createElementVNode as n, defineComponent as $, ref as h, onMounted as j, resolveComponent as m, renderSlot as v, toDisplayString as i, createCommentVNode as b, normalizeStyle as C, unref as s, Fragment as x, createVNode as w, withCtx as f, createTextVNode as g, normalizeClass as R, createBlock as F } from "vue";
+import { _ as V } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const z = {}, H = { class: "animate-pulse flex space-x-4 bg-gray-300 dark:bg-gray-700 items-center justify-center rounded w-full h-full" }, N = /* @__PURE__ */ n("svg", {
+  class: "dark:text-gray-600 h-10 text-gray-200 w-10",
+  "aria-hidden": "true",
+  xmlns: "http://www.w3.org/2000/svg",
+  fill: "currentColor",
+  viewBox: "0 0 20 18"
+}, [
+  /* @__PURE__ */ n("path", { d: "M18 0H2a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2Zm-5.5 4a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3Zm4.376 10.481A1 1 0 0 1 16 15H4a1 1 0 0 1-.895-1.447l3.5-7A1 1 0 0 1 7.468 6a.965.965 0 0 1 .9.5l2.775 4.757 1.546-1.887a1 1 0 0 1 1.618.1l2.541 4a1 1 0 0 1 .028 1.011Z" })
+], -1), A = [
+  N
+];
+function D(e, p) {
+  return l(), o("div", H, A);
+}
+const I = /* @__PURE__ */ V(z, [["render", D]]), L = { class: "max-w-full max-h-[400px] space-y-4" }, T = { key: 0 }, U = { class: "text-fm-color-typo-secondary fm-typo-en-body-sm-400" }, Z = {
+  key: 1,
+  class: "h-full w-full relative bg-fm-color-neutral-white p-12 border-2 border-dashed border-fm-color-neutral-gray-300 rounded-md flex flex-col items-center justify-center gap-8 hover:border-fm-color-neutral-gray-400"
+}, E = ["src"], M = ["src"], q = { class: "absolute right-0 top-0" }, G = /* @__PURE__ */ $({
+  __name: "ImageInput",
+  props: {
+    required: {
+      type: Boolean,
+      default: () => !1
+    },
+    disabled: {
+      type: Boolean,
+      default: () => !1
+    },
+    thumbnail: {
+      type: String,
+      default: () => {
+      }
+    },
+    file: {
+      type: File,
+      default: () => {
+      }
+    },
+    label: {
+      type: String,
+      default: () => {
+      }
+    },
+    aspectRatio: {
+      type: String,
+      default: "2/3"
+    },
+    imageFit: {
+      type: String,
+      default: "contain"
+    },
+    accept: {
+      type: String,
+      default: ".png, .jpg, .jpeg, .webm"
+    },
+    recommendedSize: {
+      type: String,
+      default: "Recommended: 950px x 600px"
+    },
+    deleteButton: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  emits: ["update:file"],
+  setup(e, { emit: p }) {
+    const r = e, a = h({
+      loading: !1,
+      imgsrc: r.thumbnail
+    }), u = h(!1), y = p;
+    async function d(t) {
+      return t == null ? (a.value.imgsrc = void 0, y("update:file", null)) : (u.value = !!t.type.startsWith("video/"), a.value.loading = !0, a.value.imgsrc = URL.createObjectURL(t), a.value.loading = !1, y("update:file", t));
+    }
+    return j(() => {
+      var t;
+      r.file && d(r.file), (t = r.thumbnail) != null && t.includes("mp4") && (u.value = !0);
+    }), (t, c) => {
+      const k = m("FmDropField"), S = m("FmHelperText"), _ = m("FmButton");
+      return l(), o("div", L, [
+        v(t.$slots, "label", {}, () => [
+          e.label ? (l(), o("div", T, i(e.label), 1)) : b("", !0)
+        ]),
+        n("div", {
+          style: C({ "aspect-ratio": e.aspectRatio }),
+          class: "flex flex-col max-h-full max-w-full"
+        }, [
+          s(a).loading ? (l(), F(I, { key: 1 })) : (l(), o(x, { key: 0 }, [
+            s(a).imgsrc ? (l(), o("div", Z, [
+              s(u) ? (l(), o("video", {
+                key: 1,
+                src: s(a).imgsrc || e.thumbnail,
+                class: "w-full h-full",
+                controls: ""
+              }, null, 8, M)) : (l(), o("img", {
+                key: 0,
+                class: R([`object-${e.imageFit}`, "w-full h-full"]),
+                src: s(a).imgsrc || e.thumbnail
+              }, null, 10, E)),
+              n("div", q, [
+                v(t.$slots, "delete-button"),
+                e.deleteButton ? (l(), F(_, {
+                  key: 0,
+                  class: "!text-neutral-50 !bg-neutral-700",
+                  icon: "delete",
+                  variant: "tertiary",
+                  disabled: e.disabled,
+                  onClick: c[1] || (c[1] = (B) => d(null))
+                }, null, 8, ["disabled"])) : b("", !0)
+              ])
+            ])) : (l(), o(x, { key: 0 }, [
+              w(k, {
+                class: "flex-1 hihiha",
+                accept: e.accept,
+                disabled: e.disabled,
+                onFileUpload: d,
+                onFileRejected: c[0] || (c[0] = (B) => d(null))
+              }, {
+                label: f(() => [
+                  g(i(void 0))
+                ]),
+                "helper-text": f(() => [
+                  g(i(void 0))
+                ]),
+                "accept-text": f(() => [
+                  n("div", U, [
+                    n("div", null, "(" + i(e.recommendedSize) + ")", 1),
+                    g(" Accepts " + i(e.accept), 1)
+                  ])
+                ]),
+                _: 1
+              }, 8, ["accept", "disabled"]),
+              w(S, { text: "" })
+            ], 64))
+          ], 64))
+        ], 4)
+      ]);
+    };
+  }
+});
+export {
+  G as _
+};

package/dist/{Index-D4DGfUHd.js → Index-ByeKKbuM.js}

@@ -1,16 +1,16 @@
 import { defineComponent as U, ref as g, watch as O, onMounted as I, resolveComponent as m, openBlock as b, createBlock as j, withCtx as P, createTextVNode as z, toDisplayString as $, createElementVNode as c, createVNode as o, unref as e, createElementBlock as F, createCommentVNode as W, normalizeClass as G, computed as L, Fragment as q, isRef as J } from "vue";
-import { u as H } from "./vue-i18n-Bz45zC04.js";
-import "./index-CNJLP3D5.js";
+import { u as H } from "./vue-i18n-BtvUK9hI.js";
+import "./index-BoR-BOFw.js";
 import { useRouter as K } from "vue-router";
-import { u as Q } from "./loading-BWGQSrCB.js";
-import { f as V, p as X } from "./plugins-eQis66QR.js";
-import { u as Y, _ as Z } from "./RewardGroup.vue_vue_type_script_setup_true_lang-CJ_WC2gV.js";
+import { u as Q } from "./loading-BFkEqWR6.js";
+import { f as V, p as X } from "./plugins-DK_ue6Xa.js";
+import { u as Y, _ as Z } from "./RewardGroup.vue_vue_type_script_setup_true_lang-YOKVfimM.js";
 import { useDialog as ee, useSnackbar as ne, FmButtonVariant as p } from "@feedmepos/ui-library";
-import { r as N } from "./index-BXz54M1s.js";
-import { u as ae } from "./reward-DrnzbG20.js";
-import { u as oe } from "./business-CmxV69wT.js";
-import { u as te } from "./membership-Cc4OZ8-U.js";
-import { R as S } from "./app-7cvPyHJ7.js";
+import { r as N } from "./index-CBcbwf0k.js";
+import { u as ae } from "./reward-CW2dSLDW.js";
+import { u as oe } from "./business-TTvv3aTz.js";
+import { u as te } from "./membership-D0eN3i_T.js";
+import { R as S } from "./app-DuIzRGvb.js";
 const re = { class: "space-y-24" }, le = {
   key: 0,
   class: /* @__PURE__ */ G([

package/dist/Marketing-C7F4abzg.js

@@ -0,0 +1,319 @@
+import { openBlock as m, createElementBlock as p, defineComponent as z, ref as S, onMounted as Y, computed as H, h as J, resolveComponent as c, Fragment as x, createVNode as i, unref as r, createElementVNode as s, withCtx as F, renderList as $, createBlock as B, toDisplayString as f, createCommentVNode as j } from "vue";
+import { _ as q } from "./campaign-CpzFl8Vr.js";
+import { components as G } from "@feedmepos/ui-library";
+import { p as X } from "./plugins-DK_ue6Xa.js";
+import { u as Q } from "./loading-BFkEqWR6.js";
+import { defineStore as W } from "pinia";
+import { F as C } from "./index-DkWcEDHA.js";
+import { useCoreStore as Z } from "@feedmepos/mf-common";
+import { g as h, S as ee, b as te } from "./index-VHu8hYtE.js";
+import { _ as ne } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import { u as ae } from "./campaign-BiMCoAzx.js";
+import { h as oe } from "./moment-BWErdI6_.js";
+import { u as re } from "./vue-i18n-BtvUK9hI.js";
+var se = { authUrl: "https://portal-v2.feedmeapi.com/", slackWebhookUrl: "https://hooks.slack.com/services/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", appUrl: "member.feedme.cc", crmUrl: "crm.feedme.cc", paymentPortalUrl: "https://portal.feedme.cc/payment/payout-account", licensePortalUrl: "https://license.feedme.cc/", marketingV1Portal: "https://marketing-v1.feedme.cc" };
+const y = () => {
+  const o = ee.getBusinessId();
+  if (!o) throw new Error("Invalid business ID");
+  return te(`businesses/${o}/marketing-materials/`, {
+    url: se.backendUrl,
+    noIdRequired: !0
+  });
+}, L = {
+  async read() {
+    return h(await y().get(""));
+  },
+  async createMarketing(o) {
+    return h(await y().post("", o));
+  },
+  // add id
+  async updateMarketing(o, t) {
+    return h(
+      await y().put(o, t)
+    );
+  },
+  async deleteMarketing(o) {
+    return h(await y().delete(o));
+  }
+}, I = W("mf-connect-marketing", {
+  state: () => {
+    var o, t;
+    return {
+      marketing: [],
+      defaultMarketing: {
+        _id: void 0,
+        business: ((t = (o = Z().currentBusiness) == null ? void 0 : o.value) == null ? void 0 : t._id) ?? "",
+        name: "",
+        campaign: null,
+        keywords: "",
+        image: "",
+        headline: {
+          content: "",
+          key: void 0
+        },
+        assets: [
+          {
+            platform: C.enum.FACEBOOK,
+            contents: [
+              {
+                type: "POST",
+                size: {
+                  width: 1920,
+                  height: 1080
+                },
+                images: []
+              },
+              {
+                type: "STORY",
+                size: {
+                  width: 1080,
+                  height: 1920
+                },
+                images: []
+              }
+            ]
+          },
+          {
+            platform: C.enum.INSTAGRAM,
+            contents: [
+              {
+                type: "POST",
+                size: {
+                  width: 1080,
+                  height: 1080
+                },
+                images: []
+              },
+              {
+                type: "STORY",
+                size: {
+                  width: 1080,
+                  height: 1920
+                },
+                images: []
+              },
+              {
+                type: "REEL",
+                size: {
+                  width: 1080,
+                  height: 1920
+                },
+                images: []
+              }
+            ]
+          },
+          {
+            platform: C.enum.BRAND_APP,
+            contents: [
+              {
+                type: "IMAGE",
+                size: {
+                  width: 1080,
+                  height: 1920
+                },
+                images: []
+              }
+            ]
+          }
+        ],
+        captions: [{ language: "en", content: "" }]
+      }
+    };
+  },
+  actions: {
+    async readMarketingMaterial() {
+      const o = await L.read();
+      this.marketing = o;
+    }
+  },
+  getters: {
+    state(o) {
+      return o;
+    }
+  }
+}), ie = {};
+function le(o, t) {
+  return m(), p("div");
+}
+const ce = /* @__PURE__ */ ne(ie, [["render", le]]), me = { class: "px-24 flex flex-col gap-y-16" }, de = { class: "flex items-center justify-between w-full" }, pe = { class: "space-y-8" }, ue = { class: "fm-typo-en-body-lg-600" }, ge = { class: "fm-typo-en-body-lg-600" }, fe = { key: 0 }, he = /* @__PURE__ */ s("div", { class: "text-fm-color-typo-secondary fm-typo-en-body-md-600" }, " No results found ", -1), ye = [
+  he
+], ke = /* @__PURE__ */ s("img", {
+  src: q,
+  class: "w-[150px]"
+}, null, -1), _e = { class: "fm-typo-en-title-sm-800" }, be = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary w-4/6 text-center" }, Le = /* @__PURE__ */ z({
+  __name: "Marketing",
+  setup(o) {
+    const { t } = re(), O = {
+      label: t("connect.marketing.create"),
+      value: "create",
+      isPrimary: !0,
+      prependIcon: "add"
+    }, k = S(!1), _ = I(), b = ae(), { global: N, minor: U } = Q;
+    Y(async () => {
+      await N(async () => {
+        await b.read(), await _.readMarketingMaterial();
+      });
+    });
+    const d = H(() => _.marketing.filter(
+      (n) => n.name.includes(l.value.searchKey.toLowerCase())
+    )), u = S(
+      I().defaultMarketing
+    ), D = [
+      {
+        header: t("connect.marketing.table.name"),
+        accessorFn: (n) => n.name
+      },
+      {
+        header: t("connect.marketing.table.campaign"),
+        accessorFn: (n) => {
+          var e;
+          return n.campaign === null || n.campaign === void 0 ? "-" : (e = b.campaigns.all.find(
+            (v) => v._id === n.campaign
+          )) == null ? void 0 : e.name;
+        }
+      },
+      {
+        header: t("connect.marketing.table.createdDate"),
+        accessorFn: (n) => {
+          const e = new Date(
+            parseInt(n._id.toString().substring(0, 8), 16) * 1e3
+          );
+          return oe(e).format("DD MMM YYYY");
+        }
+      },
+      {
+        header: t("connect.marketing.table.actions"),
+        cell(n) {
+          return J(G.FmButton, {
+            variant: "tertiary",
+            icon: "delete",
+            iconColor: "neutral-gray-400",
+            onClick: (e) => {
+              e.stopPropagation(), P(n.row.original);
+            }
+          });
+        }
+      }
+    ];
+    async function P(n) {
+      await X.remove(
+        t("connect.marketing.delete.confirm", { name: n.name })
+      ) && await U(
+        async () => {
+          await L.deleteMarketing(n._id), await _.readMarketingMaterial();
+        },
+        {
+          message: t("connect.marketing.delete.removing", { name: n.name }),
+          successMessage: t("connect.marketing.delete.success", {
+            name: n.name
+          })
+        }
+      );
+    }
+    async function g(n) {
+      n ? u.value = JSON.parse(JSON.stringify(n)) : u.value = JSON.parse(
+        JSON.stringify(I().defaultMarketing)
+      ), k.value = !0;
+    }
+    const l = S({
+      searchKey: ""
+    });
+    return (n, e) => {
+      const v = c("FmPageHead"), V = c("FmSearch"), E = c("FmTable"), T = c("FmButton"), K = c("FmListItem"), A = c("FmList"), R = c("FmCard");
+      return m(), p(x, null, [
+        i(v, {
+          title: r(t)("connect.marketing.title"),
+          class: "xs:hidden",
+          actions: r(d).length > 0 ? [O] : [],
+          "onClick:action": e[0] || (e[0] = () => g())
+        }, null, 8, ["title", "actions"]),
+        s("div", me, [
+          i(V, {
+            modelValue: l.value.searchKey,
+            "onUpdate:modelValue": e[1] || (e[1] = (a) => l.value.searchKey = a),
+            placeholder: r(t)("connect.marketing.search"),
+            class: "hidden xs:block border-b-2 border-fm-color-neutral-gray-100",
+            collapsible: ""
+          }, null, 8, ["modelValue", "placeholder"]),
+          i(ce, {
+            modelValue: u.value,
+            "onUpdate:modelValue": e[2] || (e[2] = (a) => u.value = a),
+            "is-open": k.value,
+            "onUpdate:isOpen": e[3] || (e[3] = (a) => k.value = a)
+          }, null, 8, ["modelValue", "is-open"]),
+          r(d).length > 0 ? (m(), p(x, { key: 0 }, [
+            s("div", de, [
+              i(V, {
+                modelValue: l.value.searchKey,
+                "onUpdate:modelValue": e[4] || (e[4] = (a) => l.value.searchKey = a),
+                class: "xs:hidden",
+                placeholder: r(t)("connect.marketing.search"),
+                collapsible: ""
+              }, null, 8, ["modelValue", "placeholder"])
+            ]),
+            i(E, {
+              class: "xs:hidden",
+              "row-data": r(d),
+              "column-defs": D,
+              "search-value": l.value.searchKey,
+              "column-filter": [],
+              onRowClick: e[5] || (e[5] = (a) => g(a.original)),
+              "hide-footer": !0
+            }, null, 8, ["row-data", "search-value"]),
+            i(A, { class: "hidden xs:flex flex-col mx-[-24px]" }, {
+              default: F(() => [
+                (m(!0), p(x, null, $(r(d).filter(
+                  (a) => a.name.toLowerCase().includes(l.value.searchKey.toLowerCase())
+                ), (a) => (m(), B(K, {
+                  key: a._id.toString(),
+                  onClick: (w) => g(a),
+                  class: "py-12 px-16 flex items-center justify-between border-b border-fm-color-neutral-gray-100"
+                }, {
+                  default: F(() => {
+                    var w;
+                    return [
+                      s("div", pe, [
+                        s("div", ue, f(a.name), 1),
+                        s("div", ge, f(a.campaign === null || a.campaign === void 0 ? "-" : (w = r(b).campaigns.all.find(
+                          (M) => M._id === a.campaign
+                        )) == null ? void 0 : w.name), 1)
+                      ]),
+                      i(T, {
+                        icon: "delete",
+                        "icon-color": "neutral-gray-400",
+                        variant: "tertiary",
+                        onClick: (M) => (M.stopPropagation(), P(a))
+                      }, null, 8, ["onClick"])
+                    ];
+                  }),
+                  _: 2
+                }, 1032, ["onClick"]))), 128))
+              ]),
+              _: 1
+            }),
+            r(d).length == 0 ? (m(), p("div", fe, ye)) : j("", !0)
+          ], 64)) : (m(), B(R, {
+            key: 1,
+            variant: "outlined",
+            class: "w-full justify-center items-center flex flex-col p-[24px] gap-[24px]"
+          }, {
+            default: F(() => [
+              ke,
+              s("p", _e, f(r(t)("connect.marketing.emptyState.title")), 1),
+              s("p", be, f(r(t)("connect.marketing.emptyState.description")), 1),
+              i(T, {
+                label: r(t)("connect.marketing.emptyState.action"),
+                "prepend-icon": "add",
+                onClick: e[6] || (e[6] = (a) => g())
+              }, null, 8, ["label"])
+            ]),
+            _: 1
+          }))
+        ])
+      ], 64);
+    };
+  }
+});
+export {
+  Le as default
+};