@feedmepos/mf-connect 0.1.98-beta.34 → 0.1.98-beta.35

package/dist/MainLayout-BLo_y7Wl.js

@@ -0,0 +1,143 @@
+import { defineComponent as u, openBlock as s, createElementBlock as p, createVNode as r, unref as e, ref as b, computed as y, watch as V, resolveComponent as i, createElementVNode as o, toDisplayString as w, createTextVNode as j, createCommentVNode as m, normalizeClass as z, createBlock as x, withDirectives as N, vShow as R } from "vue";
+import { _ as E, S as P } from "./LottieAnimation.vue_vue_type_script_setup_true_lang-DdvNQjfa.js";
+import { u as $ } from "./vue-i18n-D-4w-jd1.js";
+import { useCoreStore as D } from "@feedmepos/mf-common";
+import { A as G, a as v } from "./app-DCKRZQHI.js";
+import { u as H } from "./remy-Qz_pNsUS.js";
+import { u as k } from "./app-wDQR6dpb.js";
+import { useRoute as L } from "vue-router";
+const T = { class: "bg-white w-full flex min-h-[calc(100svh-56px)] items-center" }, O = /* @__PURE__ */ u({
+  __name: "Splash",
+  setup(_) {
+    return (t, n) => (s(), p("div", T, [
+      r(E, {
+        class: "flex-1",
+        json: e(P),
+        width: 100,
+        height: 100
+      }, null, 8, ["json"])
+    ]));
+  }
+}), S = "feedme_connect_marketing_promo_bar_hidden";
+function U() {
+  try {
+    return localStorage.getItem(S) !== null;
+  } catch {
+    return !1;
+  }
+}
+function Y() {
+  try {
+    localStorage.setItem(S, (/* @__PURE__ */ new Date()).toISOString());
+  } catch {
+  }
+}
+const q = {
+  key: 0,
+  class: "sticky top-0 z-20 flex w-full items-center gap-12 border-b border-fm-color-neutral-gray-100 bg-fm-color-primary-oats px-24 py-8 xs:px-12"
+}, J = { class: "flex min-w-0 flex-1 flex-wrap items-center gap-8" }, K = { class: "fm-typo-en-body-md-400 text-fm-color-typo-primary" }, Q = { class: "fm-typo-en-body-md-600" }, W = { class: "flex shrink-0 items-center gap-8" }, X = ["aria-label"], Z = /* @__PURE__ */ u({
+  __name: "AiMarketingPromoBar",
+  setup(_) {
+    const { t } = $(), n = H(), { sessionUser: f, currentCountry: d } = D(), a = b(!1), B = y(() => {
+      var l;
+      const c = ((l = f.value) == null ? void 0 : l.permissions) ?? [];
+      return G(
+        [
+          {
+            action: v.Action.manage,
+            subject: v.Subject.Business.crm_marketingMaterial
+          }
+        ],
+        c
+      ).granted;
+    }), C = y(
+      () => d.value === "MY" && B.value
+    );
+    let h = !1;
+    V(
+      C,
+      (c) => {
+        h || !c || (h = !0, !U() && (a.value = !0));
+      },
+      { immediate: !0 }
+    );
+    function M() {
+      n.activate({
+        command: "generateMarketingMaterial",
+        fullscreen: !0,
+        forceNewConversation: !0
+      });
+    }
+    function A() {
+      Y(), a.value = !1;
+    }
+    return (c, l) => {
+      const g = i("FmIcon"), F = i("FmChip"), I = i("FmButton");
+      return a.value ? (s(), p("div", q, [
+        o("div", J, [
+          r(g, {
+            name: "stars",
+            size: "sm",
+            color: "primary"
+          }),
+          o("span", K, [
+            o("span", Q, w(e(t)("connect.marketing.promoBar.new")), 1),
+            j(" " + w(e(t)("connect.marketing.promoBar.message")), 1)
+          ]),
+          r(F, {
+            label: e(t)("connect.marketing.promoBar.credits"),
+            variant: "info",
+            compact: ""
+          }, null, 8, ["label"])
+        ]),
+        o("div", W, [
+          r(I, {
+            class: "px-16 py-2 rounded-xl",
+            variant: "primary",
+            size: "sm",
+            label: e(t)("connect.marketing.promoBar.cta"),
+            "append-icon": "arrow_forward",
+            onClick: M
+          }, null, 8, ["label"]),
+          o("button", {
+            type: "button",
+            class: "flex h-32 w-32 items-center justify-center",
+            "aria-label": e(t)("connect.marketing.promoBar.close"),
+            onClick: A
+          }, [
+            r(g, {
+              name: "close",
+              size: "sm",
+              color: "neutral-gray-400"
+            })
+          ], 8, X)
+        ])
+      ])) : m("", !0);
+    };
+  }
+}), ie = /* @__PURE__ */ u({
+  __name: "MainLayout",
+  setup(_) {
+    const t = L(), n = b(t.query.showHeader !== "false");
+    return (f, d) => {
+      const a = i("RouterView");
+      return s(), p("div", {
+        class: z([
+          "bg-fm-color-neutral-white w-full xs:overflow-y-scroll",
+          e(n) ? "min-h-[calc(100svh-56px)] xs:h-[calc(100svh-56px)]" : "min-h-screen"
+        ])
+      }, [
+        e(k)().isGlobalLoading == !0 ? (s(), x(O, { key: 0 })) : m("", !0),
+        N(o("div", null, [
+          e(n) ? (s(), x(Z, { key: 0 })) : m("", !0),
+          r(a)
+        ], 512), [
+          [R, e(k)().isGlobalLoading == !1]
+        ])
+      ], 2);
+    };
+  }
+});
+export {
+  ie as default
+};

package/dist/{Marketing-CjmMZIjz.js → Marketing-D8LE0dFg.js}

@@ -1,10 +1,11 @@
 import { defineComponent as b, resolveComponent as v, openBlock as s, createBlock as N, unref as c, ref as f, watch as R, createElementBlock as d, createVNode as i, withCtx as S, createElementVNode as n, toDisplayString as w, withModifiers as T, createStaticVNode as U, computed as L, onMounted as P, nextTick as H, onUnmounted as V, Fragment as I, renderList as B, createCommentVNode as j } from "vue";
 import { _ as D } from "./campaign-CpzFl8Vr.js";
-import { u as M } from "./vue-i18n-Smvd1GuG.js";
-import { u as O, a as G, m as q } from "./useMarketingMaterialActions-DRPPq_f7.js";
+import { u as M } from "./vue-i18n-D-4w-jd1.js";
+import { u as G, m as q } from "./useMarketingMaterialActions-Bv_H75tb.js";
+import { u as O } from "./remy-Qz_pNsUS.js";
 import { useRouter as z } from "vue-router";
-import "./index-DQ1APEdi.js";
-import { R as K } from "./app-DM6oVZsM.js";
+import "./index-D6RAcFO9.js";
+import { R as K } from "./app-DCKRZQHI.js";
 const Z = /* @__PURE__ */ b({
   __name: "GenerateMaterialButton",
   setup(l) {
@@ -135,7 +136,7 @@ const Z = /* @__PURE__ */ b({
 }, le = { class: "fm-typo-en-title-sm-800 text-center" }, re = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary w-4/6 xs:w-full text-center" }, se = {
   key: 1,
   class: "px-24 xs:px-12 flex flex-col gap-y-24 xs:gap-y-16 pt-24 xs:pt-16"
-}, ie = { class: "grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-16" }, E = 20, ve = /* @__PURE__ */ b({
+}, ie = { class: "grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-16" }, E = 20, _e = /* @__PURE__ */ b({
   __name: "Marketing",
   setup(l) {
     const { t: r } = M(), u = O(), a = f([]), t = f(!0), e = f(!0), m = f(null), _ = f(null);
@@ -231,5 +232,5 @@ const Z = /* @__PURE__ */ b({
   }
 });
 export {
-  ve as default
+  _e as default
 };