@feedmepos/mf-connect 0.1.38-beta.8 → 0.1.38-beta.80

package/dist/{Index-DMdNgISh.js → Index-C67U3YDJ.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-DVmD9I_o.js";
-import "./index-Cm2sBagk.js";
+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 B, 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-DDbkmbSf.js";
+import "./index-BdjY7GRO.js";
 import { useRouter as K } from "vue-router";
-import { u as Q } from "./loading-C6Ouh0mG.js";
-import { f as V, p as X } from "./plugins-C-CRzeyC.js";
-import { u as Y, _ as Z } from "./RewardGroup.vue_vue_type_script_setup_true_lang-DSRvoo9z.js";
+import { u as Q } from "./loading-fZQi5zP8.js";
+import { f as V, p as X } from "./plugins-9_UvAdJ2.js";
+import { u as Y, _ as Z } from "./RewardGroup.vue_vue_type_script_setup_true_lang-BICsdgSh.js";
 import { useDialog as ee, useSnackbar as ne, FmButtonVariant as p } from "@feedmepos/ui-library";
-import { r as N } from "./index-26SopNpv.js";
-import { u as ae } from "./reward-CN4gvn4c.js";
-import { u as oe } from "./business-Bc-EMd2p.js";
-import { u as te } from "./membership-DU0BwIj8.js";
-import { R as S } from "./app-BGaUIdCr.js";
+import { r as N } from "./index-ItaoypTr.js";
+import { u as ae } from "./reward-DXHGeGYY.js";
+import { u as oe } from "./business-6oZ8Rgui.js";
+import { u as te } from "./membership-CApN5ZJ1.js";
+import { R as $ } from "./app-Duwed9mD.js";
 const re = { class: "space-y-24" }, le = {
   key: 0,
   class: /* @__PURE__ */ G([
@@ -32,10 +32,10 @@ const re = { class: "space-y-24" }, le = {
     modelValue: { type: Boolean }
   },
   emits: ["update:modelValue"],
-  setup(B, { emit: k }) {
-    const y = B;
+  setup(k, { emit: T }) {
+    const y = k;
     ee();
-    const s = ne(), { t } = H(), i = Y(), { minor: _ } = Q, d = g(!1), T = k, r = g(null), w = g(null);
+    const s = ne(), { t } = H(), i = Y(), { minor: _ } = Q, d = g(!1), x = T, r = g(null), w = g(null);
     async function h() {
       if (!r.value) {
         s.open({
@@ -47,18 +47,18 @@ const re = { class: "space-y-24" }, le = {
       _(
         async () => {
           d.value = !0;
-          const n = await V.update(
+          const a = await V.update(
             V.referralTermAndConditionPath(),
             r.value
-          ), a = i.referralProgram;
-          a.term_and_condition = n, await N.update(a), d.value = !1, v();
+          ), n = i.referralProgram;
+          n.term_and_condition = a, await N.update(n), d.value = !1, v();
         },
         {
           successMessage: "Term and Condition uploaded successfully"
         }
       );
     }
-    async function x() {
+    async function E() {
       await X.confirm(
         t("connect.referral.term_and_condition.confirm_remove"),
         t("connect.common.confirm"),
@@ -69,8 +69,8 @@ const re = { class: "space-y-24" }, le = {
           d.value = !0, await V.delete(
             V.referralTermAndConditionPath()
           );
-          const a = i.referralProgram;
-          a.term_and_condition = void 0, await N.update(a), d.value = !1, v();
+          const n = i.referralProgram;
+          n.term_and_condition = void 0, await N.update(n), d.value = !1, v();
         },
         {
           successMessage: "Term and Condition removed successfully"
@@ -78,27 +78,27 @@ const re = { class: "space-y-24" }, le = {
       );
     }
     function v() {
-      r.value = null, T("update:modelValue", !1);
+      r.value = null, x("update:modelValue", !1);
     }
     function l() {
-      var n;
-      window.open((n = i.referralProgram) == null ? void 0 : n.term_and_condition, "_blank");
+      var a;
+      window.open((a = i.referralProgram) == null ? void 0 : a.term_and_condition, "_blank");
     }
     return O(
       () => y.modelValue,
-      (n) => {
+      (a) => {
         r.value = null;
       }
     ), I(() => {
-    }), (n, a) => {
-      const R = m("FmButton"), E = m("FmDropField"), u = m("fm-button"), A = m("fm-dialog");
-      return b(), j(A, {
-        "model-value": n.modelValue,
-        "onUpdate:modelValue": a[3] || (a[3] = (C) => n.$emit("update:modelValue", C)),
+    }), (a, n) => {
+      const R = m("FmButton"), A = m("FmDropField"), u = m("fm-button"), S = m("fm-dialog");
+      return b(), j(S, {
+        "model-value": k.modelValue,
+        "onUpdate:modelValue": n[3] || (n[3] = (C) => a.$emit("update:modelValue", C)),
         "dismiss-away": ""
       }, {
         "dialog-header": P(() => [
-          z($(n.$t("connect.referral.actions.terms")), 1)
+          z(B(a.$t("connect.referral.actions.terms")), 1)
         ]),
         "dialog-footer": P(() => [
           c("div", me, [
@@ -130,7 +130,7 @@ const re = { class: "space-y-24" }, le = {
                 o(R, {
                   variant: e(p).Plain,
                   icon: "delete",
-                  onClick: x
+                  onClick: E
                 }, null, 8, ["variant"])
               ])) : W("", !0),
               e(r) ? (b(), F("div", se, [
@@ -138,7 +138,7 @@ const re = { class: "space-y-24" }, le = {
                   variant: e(p).Tertiary,
                   "prepend-icon": "attach_file"
                 }, null, 8, ["variant"]),
-                c("p", ce, $(e(r).name), 1),
+                c("p", ce, B(e(r).name), 1),
                 c("label", {
                   ref_key: "fileLabelRef",
                   ref: w,
@@ -147,7 +147,7 @@ const re = { class: "space-y-24" }, le = {
                   o(u, {
                     variant: e(p).Plain,
                     label: e(t)("Replace File"),
-                    onClick: a[1] || (a[1] = () => {
+                    onClick: n[1] || (n[1] = () => {
                       var f;
                       return (f = e(w)) == null ? void 0 : f.click();
                     })
@@ -157,15 +157,15 @@ const re = { class: "space-y-24" }, le = {
                     accept: ".pdf",
                     class: "hidden",
                     type: "file",
-                    onChange: a[2] || (a[2] = (f) => {
+                    onChange: n[2] || (n[2] = (f) => {
                       var D, M;
                       return r.value = ((M = (D = f.target) == null ? void 0 : D.files) == null ? void 0 : M[0]) ?? null;
                     })
                   }, null, 32)
                 ], 512)
               ])) : (b(), F("div", ie, [
-                o(E, {
-                  onFileUpload: a[0] || (a[0] = (f) => r.value = f),
+                o(A, {
+                  onFileUpload: n[0] || (n[0] = (f) => r.value = f),
                   accept: ".pdf",
                   "max-file-size": 8e6
                 })
@@ -177,10 +177,10 @@ const re = { class: "space-y-24" }, le = {
       }, 8, ["model-value"]);
     };
   }
-}), ue = { class: "flex items-center" }, fe = { class: "fm-typo-en-title-md-600 fm-step-title line-clamp-2 mr-8" }, pe = { class: "px-24 flex flex-col gap-y-16 pb-24" }, he = /* @__PURE__ */ U({
+}), ue = { class: "flex items-center" }, fe = { class: "fm-typo-en-title-md-600 fm-step-title line-clamp-2 mr-8" }, pe = { class: "px-24 flex flex-col gap-y-16 pb-24" }, xe = /* @__PURE__ */ U({
   __name: "Index",
-  setup(B) {
-    const k = ae(), y = g(null), { t: s } = H(), t = K(), i = g(!1), _ = oe(), d = te(), T = L(() => _.isPremium ? [
+  setup(k) {
+    const T = ae(), y = g(null), { t: s } = H(), t = K(), i = g(!1), _ = oe(), d = te(), x = L(() => _.isPremium ? [
       {
         label: s("connect.referral.actions.terms"),
         value: "term_and_condition"
@@ -198,44 +198,44 @@ const re = { class: "space-y-24" }, le = {
     ] : []), r = [
       {
         label: s("connect.referral.tabs.overview"),
-        value: S["$connect-REFERRAL_OVERVIEW"],
+        value: $["$connect-REFERRAL_OVERVIEW"],
         actions: []
       },
       {
         label: s("connect.referral.tabs.record"),
-        value: S["$connect-REFERRAL_RECORD"],
+        value: $["$connect-REFERRAL_RECORD"],
         actions: []
       }
     ], w = L(() => r.find((l) => l.value === t.currentRoute.value.name) ?? r[0]);
     async function h(l) {
       await t.push({ name: l });
     }
-    async function x(l) {
-      var n;
-      l === "add_referral_tier" && ((n = y.value) == null || n.onManageRewardGroup(-1)), l === "manage_reward" && await t.push({ name: S["$connect-REWARD_TEMPLATE"] }), l === "term_and_condition" && v();
+    async function E(l) {
+      var a;
+      l === "add_referral_tier" && ((a = y.value) == null || a.onManageRewardGroup(-1)), l === "manage_reward" && await t.push({ name: $["$connect-REWARD_TEMPLATE"] }), l === "term_and_condition" && v();
     }
     async function v() {
       i.value = !0;
     }
     return I(async () => {
-      await k.readRewards(), await _.readPremium(), await d.readSegments();
-    }), (l, n) => {
-      const a = m("FmPill"), R = m("FmPageHead"), E = m("FmTabs"), u = m("RouterView");
+      await T.readRewards(), await _.readPremium(), await d.readSegments();
+    }), (l, a) => {
+      const n = m("FmPill"), R = m("FmPageHead"), A = m("FmTabs"), u = m("RouterView");
       return b(), F(q, null, [
         o(R, {
-          actions: e(T),
-          "onClick:action": x
+          actions: e(x),
+          "onClick:action": E
         }, {
           title: P(() => [
             c("div", ue, [
-              c("span", fe, $(e(s)("connect.referral.title")), 1),
-              o(a, { variant: "premium" })
+              c("span", fe, B(e(s)("connect.referral.title")), 1),
+              o(n, { variant: "premium" })
             ])
           ]),
           _: 1
         }, 8, ["actions"]),
         c("div", pe, [
-          o(E, {
+          o(A, {
             "model-value": e(w).value,
             items: r,
             "onUpdate:modelValue": h
@@ -244,7 +244,7 @@ const re = { class: "space-y-24" }, le = {
         ]),
         o(de, {
           modelValue: e(i),
-          "onUpdate:modelValue": n[0] || (n[0] = (A) => J(i) ? i.value = A : null)
+          "onUpdate:modelValue": a[0] || (a[0] = (S) => J(i) ? i.value = S : null)
         }, null, 8, ["modelValue"]),
         o(Z, {
           ref_key: "rewardGroupRef",
@@ -255,5 +255,5 @@ const re = { class: "space-y-24" }, le = {
   }
 });
 export {
-  he as default
+  xe as default
 };

package/dist/LocationPicker.vue_vue_type_script_setup_true_lang-pQ8sF5KW.js

@@ -0,0 +1,48 @@
+import { defineComponent as g, openBlock as t, createElementBlock as o, createElementVNode as i, toDisplayString as r, unref as c, createCommentVNode as m, Fragment as y, renderList as _, normalizeClass as d, createVNode as b } from "vue";
+import { u as x } from "./vue-i18n-DDbkmbSf.js";
+import { components as h } from "@feedmepos/ui-library";
+const k = { class: "border-t border-fm-color-neutral-gray-200 bg-fm-color-neutral-gray-50 p-12 flex flex-col gap-8" }, v = { class: "fm-typo-en-body-sm-600 text-fm-color-neutral-gray-500 px-4" }, S = {
+  key: 0,
+  class: "fm-typo-en-body-sm-400 text-fm-color-neutral-gray-400 px-4 py-8"
+}, C = ["onClick"], I = { class: "fm-typo-en-body-md-400 flex-1 truncate" }, L = {
+  key: 0,
+  class: "fm-typo-en-body-sm-400 text-fm-color-neutral-gray-400 shrink-0"
+}, F = /* @__PURE__ */ g({
+  __name: "LocationPicker",
+  props: {
+    locations: {},
+    selectedIds: {}
+  },
+  emits: ["toggle"],
+  setup(n, { emit: p }) {
+    const f = n, { t: a } = x(), u = p;
+    function s(l) {
+      return f.selectedIds.includes(l);
+    }
+    return (l, w) => (t(), o("div", k, [
+      i("p", v, r(c(a)("connect.review.selectLocations")), 1),
+      n.locations.length === 0 ? (t(), o("p", S, r(c(a)("connect.review.noAvailableLocations")), 1)) : m("", !0),
+      (t(!0), o(y, null, _(n.locations, (e) => (t(), o("button", {
+        key: e._id.toString(),
+        class: d([
+          "flex items-center gap-12 p-12 rounded-lg bg-white border text-left transition-colors",
+          s(e._id.toString()) ? "border-fm-color-primary-500 bg-fm-color-primary-50" : "border-fm-color-neutral-gray-200 hover:border-fm-color-primary-300"
+        ]),
+        onClick: (N) => u("toggle", e)
+      }, [
+        b(c(h).FmIcon, {
+          name: s(e._id.toString()) ? "check_box" : "check_box_outline_blank",
+          class: d([
+            s(e._id.toString()) ? "text-fm-color-primary-500" : "text-fm-color-neutral-gray-300",
+            "shrink-0"
+          ])
+        }, null, 8, ["name", "class"]),
+        i("span", I, r(e.name), 1),
+        e.code ? (t(), o("span", L, r(e.code), 1)) : m("", !0)
+      ], 10, C))), 128))
+    ]));
+  }
+});
+export {
+  F as _
+};

package/dist/{LottieAnimation.vue_vue_type_script_setup_true_lang-CyGJxUol.js → LottieAnimation.vue_vue_type_script_setup_true_lang-o-eN3J4i.js}

@@ -1,5 +1,5 @@
 import { defineComponent, ref, watchEffect, computed, watch, openBlock, createElementBlock, normalizeStyle, onBeforeUnmount, resolveComponent, unref, createBlock } from "vue";
-import { c as commonjsGlobal, g as getDefaultExportFromCjs } from "./_commonjsHelpers-BkfeUUK-.js";
+import { c as commonjsGlobal, g as getDefaultExportFromCjs } from "./app-Duwed9mD.js";
 const v = "4.8.0", meta = {
   g: "LottieFiles AE ",
   a: "",

package/dist/{MainLayout-B1aJoR95.js → MainLayout-DPjqCyJ5.js}

@@ -1,5 +1,5 @@
 import { defineComponent as n, openBlock as o, createElementBlock as a, createVNode as c, unref as e, ref as m, resolveComponent as u, normalizeClass as _, createBlock as p, createCommentVNode as h, withDirectives as f, createElementVNode as d, vShow as w } from "vue";
-import { _ as v, S as x } from "./LottieAnimation.vue_vue_type_script_setup_true_lang-CyGJxUol.js";
+import { _ as v, S as x } from "./LottieAnimation.vue_vue_type_script_setup_true_lang-o-eN3J4i.js";
 import { u as r } from "./app-wDQR6dpb.js";
 import { useRoute as g } from "vue-router";
 const S = { class: "bg-white w-full flex min-h-[calc(100svh-56px)] items-center" }, V = /* @__PURE__ */ n({

package/dist/Marketing-DtEooXof.js

@@ -0,0 +1,166 @@
+import { defineComponent as k, resolveComponent as h, openBlock as t, createBlock as x, unref as a, createElementBlock as i, createElementVNode as n, toDisplayString as v, createStaticVNode as R, ref as d, computed as T, onMounted as H, nextTick as V, onUnmounted as O, Fragment as y, createVNode as f, withCtx as U, renderList as C, createCommentVNode as A } from "vue";
+import { _ as j } from "./campaign-CpzFl8Vr.js";
+import { u as w } from "./vue-i18n-DDbkmbSf.js";
+import { ChatPanel as D } from "@feedmepos/mf-remy-panel";
+import { u as I, m as G } from "./remy-NLAa-9Qg.js";
+import { useRouter as L } from "vue-router";
+import "./index-BdjY7GRO.js";
+import { R as q } from "./app-Duwed9mD.js";
+const K = /* @__PURE__ */ k({
+  __name: "GenerateMaterialButton",
+  setup(l) {
+    const { t: o } = w(), c = I();
+    function s() {
+      c.activate({
+        command: "generateMarketingMaterial",
+        fullscreen: !0,
+        forceNewConversation: !0
+      });
+    }
+    return (e, m) => {
+      const p = h("FmButton");
+      return t(), x(p, {
+        label: a(o)("connect.marketing.emptyState.action"),
+        "prepend-icon": "wand_stars",
+        onClick: s
+      }, null, 8, ["label"]);
+    };
+  }
+}), Z = { class: "h-[205.5px] w-full overflow-hidden bg-fm-color-neutral-gray-100" }, z = ["src", "alt"], J = { class: "p-3 space-y-1" }, Q = { class: "font-semibold text-sm text-gray-900 truncate" }, W = { class: "text-xs text-gray-500 line-clamp-2" }, X = {
+  key: 1,
+  class: "p-16 rounded-lg overflow-hidden fm-shadow-light-100 animate-pulse"
+}, S = /* @__PURE__ */ k({
+  __name: "MarketingMaterialItem",
+  props: {
+    material: {}
+  },
+  setup(l) {
+    const { t: o } = w(), c = L();
+    return (s, e) => l.material ? (t(), i("div", {
+      key: 0,
+      class: "group rounded-lg overflow-hidden cursor-pointer border border-transparent hover:border-blue-500 hover:bg-blue-50 transition-[border-color,background-color] fm-shadow-light-100 hover:fm-shadow-light-300",
+      onClick: e[0] || (e[0] = (m) => a(c).push({
+        name: a(q)["$connect-MARKETING_MATERIAL_EDIT"],
+        query: { id: l.material._id }
+      }))
+    }, [
+      n("div", Z, [
+        n("img", {
+          src: l.material.imageUrl,
+          alt: a(o)("connect.marketing.title"),
+          class: "w-full h-full object-cover"
+        }, null, 8, z)
+      ]),
+      n("div", J, [
+        n("p", Q, v(l.material.headline), 1),
+        n("p", W, v(l.material.caption), 1)
+      ])
+    ])) : (t(), i("div", X, [...e[1] || (e[1] = [
+      R('<div class="h-[205.5px] w-full bg-fm-color-neutral-gray-100 rounded"></div><div class="p-3 space-y-1"><div class="h-[16px] w-3/4 rounded bg-fm-color-neutral-gray-100"></div><div class="h-12 w-full rounded bg-fm-color-neutral-gray-100"></div><div class="h-12 w-2/3 rounded bg-fm-color-neutral-gray-100"></div></div>', 2)
+    ])]));
+  }
+}), Y = {
+  key: 0,
+  class: "px-24 flex flex-col gap-y-16 py-24"
+}, ee = { class: "fm-typo-en-title-sm-800" }, te = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary w-4/6 text-center" }, ne = {
+  key: 1,
+  class: "px-24 flex flex-col gap-y-24 pt-24"
+}, ae = { class: "grid grid-cols-2 gap-[16px] sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-4" }, $ = 20, me = /* @__PURE__ */ k({
+  __name: "Marketing",
+  setup(l) {
+    const { t: o } = w(), c = I(), s = d([]), e = d(!0), m = d(!0), p = d(null), _ = d(null);
+    let u = null;
+    const E = T(() => ({
+      label: o("connect.marketing.emptyState.action"),
+      value: "generate",
+      isPrimary: !0,
+      prependIcon: "wand_stars"
+    }));
+    function N(r) {
+      r === "generate" && c.activate({
+        command: "generateMarketingMaterial",
+        fullscreen: !0,
+        forceNewConversation: !0
+      });
+    }
+    async function b() {
+      const r = await G.listMarketingMaterials(
+        p.value,
+        $
+      );
+      s.value.push(...r.resources), p.value = r.meta.nextCursor, m.value = !!r.meta.nextCursor;
+    }
+    function B() {
+      u = new IntersectionObserver(
+        async ([r]) => {
+          if (!(!r.isIntersecting || !m.value)) {
+            e.value = !0;
+            try {
+              await b();
+            } catch {
+            } finally {
+              e.value = !1;
+            }
+          }
+        },
+        { rootMargin: "200px" }
+      ), _.value && u.observe(_.value);
+    }
+    return H(async () => {
+      try {
+        await b();
+      } catch {
+      } finally {
+        e.value = !1, await V(), B();
+      }
+    }), O(() => {
+      u == null || u.disconnect();
+    }), (r, M) => {
+      const F = h("FmPageHead"), P = h("FmCard");
+      return t(), i(y, null, [
+        f(F, {
+          title: a(o)("connect.marketing.title"),
+          actions: s.value.length > 0 ? [E.value] : [],
+          "onClick:action": N
+        }, null, 8, ["title", "actions"]),
+        !e.value && s.value.length === 0 ? (t(), i("div", Y, [
+          f(P, {
+            variant: "outlined",
+            class: "w-full justify-center items-center flex flex-col p-[24px] gap-[24px]"
+          }, {
+            default: U(() => [
+              M[0] || (M[0] = n("img", {
+                src: j,
+                class: "w-[150px]"
+              }, null, -1)),
+              n("p", ee, v(a(o)("connect.marketing.emptyState.title")), 1),
+              n("p", te, v(a(o)("connect.marketing.emptyState.description")), 1),
+              f(K)
+            ]),
+            _: 1
+          })
+        ])) : (t(), i("div", ne, [
+          n("div", ae, [
+            (t(!0), i(y, null, C(s.value, (g) => (t(), x(S, {
+              key: g._id,
+              material: g
+            }, null, 8, ["material"]))), 128)),
+            e.value ? (t(), i(y, { key: 0 }, C($, (g) => f(S, {
+              key: `skeleton-${g}`,
+              material: null
+            })), 64)) : A("", !0)
+          ]),
+          n("div", {
+            ref_key: "sentinel",
+            ref: _,
+            class: "h-1"
+          }, null, 512)
+        ])),
+        a(c).dialogShowing ? (t(), x(a(D), { key: 2 })) : A("", !0)
+      ], 64);
+    };
+  }
+});
+export {
+  me as default
+};