@feedmepos/mf-connect 0.1.119-prod → 0.1.121-dev

package/dist/{MarketingMaterialEdit-DYVzNDpM.js → MarketingMaterialEdit-C7dD4Bzw.js}

@@ -1,17 +1,17 @@
-import { defineComponent as C, resolveComponent as b, openBlock as s, createBlock as T, withCtx as j, createElementVNode as e, createVNode as r, createElementBlock as u, unref as t, ref as M, watch as V, Fragment as B, createCommentVNode as $, withModifiers as N, Teleport as Z, Transition as J, toDisplayString as f, renderList as L, createTextVNode as Q, computed as E, normalizeClass as D, onMounted as X, isRef as Y, resolveDynamicComponent as ee } from "vue";
-import { _ as O } from "./lodash-C2wVbAap.js";
-import "./index-BzwwXWpZ.js";
-import { useRoute as q, useRouter as te } from "vue-router";
-import { u as I } from "./vue-i18n-DzsxJorb.js";
-import { u as G, m as H } from "./useMarketingMaterialActions-6URv8neP.js";
-import { useClientEvent as K } from "@feedmepos/mf-remy-panel";
+import { defineComponent as C, resolveComponent as b, openBlock as s, createBlock as T, withCtx as j, createElementVNode as e, createVNode as c, createElementBlock as u, unref as t, ref as M, watch as V, Fragment as B, createCommentVNode as $, withModifiers as N, Teleport as J, Transition as Q, toDisplayString as f, renderList as L, createTextVNode as q, computed as E, normalizeClass as D, onMounted as X, isRef as Y, resolveDynamicComponent as ee } from "vue";
+import { _ as O } from "./lodash-CshibTzh.js";
+import "./index-CJAFz9Nn.js";
+import { useRoute as G, useRouter as te } from "vue-router";
+import { u as I } from "./vue-i18n-B_qtODCw.js";
+import { u as K, m as H } from "./useMarketingMaterialActions-Bz0Kgvgd.js";
+import { useClientEvent as Z } from "@feedmepos/mf-remy-panel";
 import { _ as oe } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 import { _ as ne } from "./remy-icon-BhUGu2NI.js";
 import { useSnackbar as ae, useDialog as se } from "@feedmepos/ui-library";
 import { u as le } from "./remy-Qz_pNsUS.js";
 import { useCoreStore as R } from "@feedmepos/mf-common";
-import { u as ie } from "./loading-CQm1DKWE.js";
-import { R as A } from "./app-C06bAZj3.js";
+import { u as ie } from "./loading-CsOSUWBd.js";
+import { R as A } from "./app-BG-zK89d.js";
 const S = /* @__PURE__ */ C({
   __name: "ActionToolbarButton",
   props: {
@@ -19,10 +19,10 @@ const S = /* @__PURE__ */ C({
     tooltip: {}
   },
   emits: ["click"],
-  setup(l, { emit: c }) {
-    const d = c;
-    return (p, m) => {
-      const i = b("FmIcon"), o = b("FmTooltip");
+  setup(l, { emit: m }) {
+    const d = m;
+    return (p, i) => {
+      const r = b("FmIcon"), o = b("FmTooltip");
       return s(), T(o, {
         content: l.tooltip,
         placement: "bottom",
@@ -32,9 +32,9 @@ const S = /* @__PURE__ */ C({
         default: j(() => [
           e("button", {
             class: "p-2 rounded-lg bg-white/10 hover:bg-white/20 transition-colors text-white flex items-center justify-center",
-            onClick: m[0] || (m[0] = (n) => d("click"))
+            onClick: i[0] || (i[0] = (n) => d("click"))
           }, [
-            r(i, {
+            c(r, {
               name: l.icon,
               size: "md"
             }, null, 8, ["name"])
@@ -50,9 +50,9 @@ const S = /* @__PURE__ */ C({
     imageUrl: {}
   },
   emits: ["edit", "close"],
-  setup(l, { emit: c }) {
-    const d = l, p = c, { t: m } = I();
-    async function i() {
+  setup(l, { emit: m }) {
+    const d = l, p = m, { t: i } = I();
+    async function r() {
       if (d.imageUrl)
         try {
           const n = await (await fetch(d.imageUrl)).blob(), v = URL.createObjectURL(n), _ = document.createElement("a");
@@ -62,19 +62,19 @@ const S = /* @__PURE__ */ C({
         }
     }
     return (o, n) => (s(), u("div", re, [
-      r(S, {
+      c(S, {
         icon: "edit",
-        tooltip: t(m)("connect.common.edit"),
+        tooltip: t(i)("connect.common.edit"),
         onClick: n[0] || (n[0] = (v) => p("edit"))
       }, null, 8, ["tooltip"]),
-      r(S, {
+      c(S, {
         icon: "download",
-        tooltip: t(m)("connect.marketing.actions.download"),
-        onClick: i
+        tooltip: t(i)("connect.marketing.actions.download"),
+        onClick: r
       }, null, 8, ["tooltip"]),
-      r(S, {
+      c(S, {
         icon: "close",
-        tooltip: t(m)("connect.marketing.actions.close"),
+        tooltip: t(i)("connect.marketing.actions.close"),
         onClick: n[1] || (n[1] = (v) => p("close"))
       }, null, 8, ["tooltip"])
     ]));
@@ -88,8 +88,8 @@ const S = /* @__PURE__ */ C({
     imageUrl: {}
   },
   emits: ["edit", "update:imageUrl"],
-  setup(l, { emit: c }) {
-    const d = l, p = c, { t: m } = I(), i = q(), o = M(!1), n = M(d.imageUrl);
+  setup(l, { emit: m }) {
+    const d = l, p = m, { t: i } = I(), r = G(), o = M(!1), n = M(d.imageUrl);
     V(
       () => d.imageUrl,
       (y) => {
@@ -100,13 +100,13 @@ const S = /* @__PURE__ */ C({
     function _() {
       o.value = !1, p("edit", n.value);
     }
-    K(
+    Z(
       "apply-edited-banner",
       async ({ imageUrl: y }) => {
-        i.query.id && (n.value = y, p("update:imageUrl", y));
+        r.query.id && (n.value = y, p("update:imageUrl", y));
       }
     );
-    const { downloadMaterialImage: k, copyMaterialLink: h } = G();
+    const { downloadMaterialImage: k, copyMaterialLink: h } = K();
     async function F() {
       n.value && await k(n.value);
     }
@@ -126,7 +126,7 @@ const S = /* @__PURE__ */ C({
           t(n) ? (s(), u("img", {
             key: 0,
             src: t(n),
-            alt: t(m)("connect.marketing.materialEdit.generatedMaterial"),
+            alt: t(i)("connect.marketing.materialEdit.generatedMaterial"),
             class: "w-full h-full object-contain"
           }, null, 8, me)) : $("", !0),
           e("div", {
@@ -134,33 +134,33 @@ const S = /* @__PURE__ */ C({
             onClick: a[0] || (a[0] = N(() => {
             }, ["stop"]))
           }, [
-            r(P, { placement: "right-start" }, {
+            c(P, { placement: "right-start" }, {
               "menu-button": j(() => [
-                r(g, {
+                c(g, {
                   icon: "more_horiz",
                   variant: "tertiary",
                   class: "bg-white hover:bg-gray-100 text-black shadow-sm"
                 })
               ]),
               default: j(() => [
-                r(x, {
+                c(x, {
                   icon: "open_in_new",
-                  label: t(m)("connect.marketing.actions.openInNewTab"),
+                  label: t(i)("connect.marketing.actions.openInNewTab"),
                   onClick: U
                 }, null, 8, ["label"]),
-                r(x, {
+                c(x, {
                   icon: "download",
-                  label: t(m)("connect.marketing.actions.download"),
+                  label: t(i)("connect.marketing.actions.download"),
                   onClick: F
                 }, null, 8, ["label"]),
-                r(x, {
+                c(x, {
                   icon: "content_copy",
-                  label: t(m)("connect.marketing.actions.copyLink"),
+                  label: t(i)("connect.marketing.actions.copyLink"),
                   onClick: w
                 }, null, 8, ["label"]),
-                r(x, {
+                c(x, {
                   icon: "edit",
-                  label: t(m)("connect.marketing.actions.regenerateImage"),
+                  label: t(i)("connect.marketing.actions.regenerateImage"),
                   onClick: _
                 }, null, 8, ["label"])
               ]),
@@ -171,8 +171,8 @@ const S = /* @__PURE__ */ C({
             e("div", { class: "w-10 h-10 rounded-full border-4 border-white/30 border-t-white animate-spin" }, null, -1)
           ])])) : $("", !0)
         ]),
-        (s(), T(Z, { to: "body" }, [
-          r(J, { name: "fade" }, {
+        (s(), T(J, { to: "body" }, [
+          c(Q, { name: "fade" }, {
             default: j(() => [
               t(o) ? (s(), u("div", {
                 key: 0,
@@ -180,7 +180,7 @@ const S = /* @__PURE__ */ C({
                 onClick: a[3] || (a[3] = N((z) => o.value = !1, ["self"]))
               }, [
                 e("div", ue, [
-                  r(ce, {
+                  c(ce, {
                     class: "absolute top-0 right-0 z-10 -translate-y-full p-4",
                     "image-url": t(n),
                     onEdit: _,
@@ -189,7 +189,7 @@ const S = /* @__PURE__ */ C({
                   t(n) ? (s(), u("img", {
                     key: 0,
                     src: t(n),
-                    alt: t(m)("connect.marketing.materialEdit.preview"),
+                    alt: t(i)("connect.marketing.materialEdit.preview"),
                     class: "max-h-[80vh] max-w-[90vw] object-contain rounded-xl"
                   }, null, 8, pe)) : $("", !0)
                 ])
@@ -207,20 +207,20 @@ const S = /* @__PURE__ */ C({
     text: {}
   },
   emits: ["editWithRemy"],
-  setup(l, { emit: c }) {
-    const d = c, { t: p } = I(), m = ae();
-    async function i(o) {
+  setup(l, { emit: m }) {
+    const d = m, { t: p } = I(), i = ae();
+    async function r(o) {
       if (o)
         try {
-          await navigator.clipboard.writeText(o), m.open({ message: p("connect.marketing.actions.copied"), type: "success" });
+          await navigator.clipboard.writeText(o), i.open({ message: p("connect.marketing.actions.copied"), type: "success" });
         } catch {
-          m.open({ message: p("connect.marketing.actions.failedToCopy"), type: "error" });
+          i.open({ message: p("connect.marketing.actions.failedToCopy"), type: "error" });
         }
     }
     return (o, n) => {
       const v = b("FmIcon"), _ = b("FmTooltip");
       return s(), u("div", ve, [
-        r(_, {
+        c(_, {
           content: t(p)("connect.marketing.actions.copy"),
           placement: "top",
           "hide-arrow": !1
@@ -228,9 +228,9 @@ const S = /* @__PURE__ */ C({
           default: j(() => [
             e("button", {
               class: "p-8 rounded-full hover:bg-fm-color-neutral-gray-100 transition-all opacity-0 group-hover:opacity-100 focus:opacity-100 flex items-center justify-center",
-              onClick: n[0] || (n[0] = (k) => i(l.text))
+              onClick: n[0] || (n[0] = (k) => r(l.text))
             }, [
-              r(v, {
+              c(v, {
                 name: "content_copy",
                 size: "sm",
                 color: "neutral-gray-400"
@@ -239,7 +239,7 @@ const S = /* @__PURE__ */ C({
           ]),
           _: 1
         }, 8, ["content"]),
-        r(_, {
+        c(_, {
           content: t(p)("connect.marketing.actions.remyAi"),
           placement: "top",
           "hide-arrow": !1
@@ -266,8 +266,8 @@ const S = /* @__PURE__ */ C({
     marketingMaterial: {}
   },
   emits: ["update:imageUrl", "update:headline", "update:caption"],
-  setup(l, { emit: c }) {
-    const d = l, p = c, { t: m } = I(), i = le(), o = M(d.marketingMaterial.headline), n = M(d.marketingMaterial.caption), v = M(d.marketingMaterial.headline), _ = M(d.marketingMaterial.caption), k = M(!1), h = M(!1);
+  setup(l, { emit: m }) {
+    const d = l, p = m, { t: i } = I(), r = le(), o = M(d.marketingMaterial.headline), n = M(d.marketingMaterial.caption), v = M(d.marketingMaterial.headline), _ = M(d.marketingMaterial.caption), k = M(!1), h = M(!1);
     V(
       () => d.marketingMaterial.headline,
       (a) => {
@@ -286,14 +286,14 @@ const S = /* @__PURE__ */ C({
         }
         n.value = a ?? "", _.value = a;
       }
-    ), K(
+    ), Z(
       "apply-edited-copy",
       async ({ headline: a, caption: g }) => {
         a !== void 0 && (o.value = a, v.value = a, k.value = !0, p("update:headline", a)), g !== void 0 && (n.value = g, _.value = g, h.value = !0, p("update:caption", g));
       }
     );
     function F() {
-      i.activate({
+      r.activate({
         command: "editMarketingBanner",
         prompt: "",
         attachments: [
@@ -305,7 +305,7 @@ const S = /* @__PURE__ */ C({
       });
     }
     function U() {
-      i.activate({
+      r.activate({
         command: "editCopy",
         attachments: [
           {
@@ -325,26 +325,26 @@ const S = /* @__PURE__ */ C({
     return (a, g) => {
       const x = b("FmTextField"), P = b("FmTextarea");
       return s(), u("section", _e, [
-        e("h2", he, f(t(m)("connect.marketing.materialEdit.contentDetails")), 1),
+        e("h2", he, f(t(i)("connect.marketing.materialEdit.contentDetails")), 1),
         e("div", ye, [
           e("div", be, [
-            e("p", xe, f(t(m)("connect.marketing.materialEdit.image")), 1),
-            r(fe, {
+            e("p", xe, f(t(i)("connect.marketing.materialEdit.image")), 1),
+            c(fe, {
               "image-url": l.marketingMaterial.imageUrl,
               onEdit: F,
               "onUpdate:imageUrl": g[0] || (g[0] = (z) => p("update:imageUrl", z))
             }, null, 8, ["image-url"])
           ]),
           e("div", ke, [
-            e("p", we, f(t(m)("connect.marketing.materialEdit.headline")), 1),
+            e("p", we, f(t(i)("connect.marketing.materialEdit.headline")), 1),
             e("div", $e, [
-              r(x, {
+              c(x, {
                 "model-value": t(o),
                 "onUpdate:modelValue": g[1] || (g[1] = (z) => y("headline", z)),
                 onFocusChanged: g[2] || (g[2] = (z) => !z && w("headline"))
               }, null, 8, ["model-value"]),
               e("div", Me, [
-                r(W, {
+                c(W, {
                   text: t(o),
                   onEditWithRemy: U
                 }, null, 8, ["text"])
@@ -352,16 +352,16 @@ const S = /* @__PURE__ */ C({
             ])
           ]),
           e("div", Ce, [
-            e("p", Fe, f(t(m)("connect.marketing.materialEdit.caption")), 1),
+            e("p", Fe, f(t(i)("connect.marketing.materialEdit.caption")), 1),
             e("div", Ue, [
-              r(P, {
+              c(P, {
                 "model-value": t(n),
                 "onUpdate:modelValue": g[3] || (g[3] = (z) => y("caption", z)),
                 onFocusChanged: g[4] || (g[4] = (z) => !z && w("caption")),
                 rows: "4"
               }, null, 8, ["model-value"]),
               e("div", ze, [
-                r(W, {
+                c(W, {
                   text: t(n),
                   onEditWithRemy: U
                 }, null, 8, ["text"])
@@ -375,26 +375,26 @@ const S = /* @__PURE__ */ C({
 }), je = { class: "flex items-center px-4" }, Ee = { class: "px-[4px] py-[6px] text-xs text-fm-color-typo-secondary" }, Te = /* @__PURE__ */ C({
   __name: "ActionBar",
   setup(l) {
-    const c = [
+    const m = [
       { icon: "thumb_up", count: "10k+" },
       { icon: "mode_comment", count: "128" },
       { icon: "share", count: "56" }
     ];
     return (d, p) => {
-      const m = b("FmIcon");
+      const i = b("FmIcon");
       return s(), u("div", je, [
-        (s(), u(B, null, L(c, (i) => e("button", {
-          key: i.icon,
+        (s(), u(B, null, L(m, (r) => e("button", {
+          key: r.icon,
           class: "flex px-12 py-[6px] items-center justify-center text-fm-color-typo-secondary hover:bg-fm-color-neutral-gray-50 transition-colors fm-typo-en-body-sm-400"
         }, [
-          r(m, {
+          c(i, {
             class: "px-[4px] py-[6px]",
-            name: i.icon,
+            name: r.icon,
             size: "md",
             color: "neutral-gray-400",
             outline: ""
           }, null, 8, ["name"]),
-          e("span", Ee, f(i.count), 1)
+          e("span", Ee, f(r.count), 1)
         ])), 64))
       ]);
     };
@@ -413,10 +413,10 @@ const S = /* @__PURE__ */ C({
     caption: {}
   },
   setup(l) {
-    const { t: c } = I(), { currentBusiness: d } = R();
-    return (p, m) => {
+    const { t: m } = I(), { currentBusiness: d } = R();
+    return (p, i) => {
       var o, n;
-      const i = b("FmIcon");
+      const r = b("FmIcon");
       return s(), u("div", Be, [
         e("div", Re, [
           e("div", Pe, [
@@ -424,8 +424,8 @@ const S = /* @__PURE__ */ C({
               key: 0,
               src: t(d).thumbnail,
               class: "w-full h-full object-cover",
-              alt: t(c)("connect.marketing.preview.businessLogo")
-            }, null, 8, Ae)) : (s(), T(i, {
+              alt: t(m)("connect.marketing.preview.businessLogo")
+            }, null, 8, Ae)) : (s(), T(r, {
               key: 1,
               name: "storefront",
               size: "sm",
@@ -433,17 +433,17 @@ const S = /* @__PURE__ */ C({
             }))
           ]),
           e("div", Se, [
-            e("p", Ve, f(((n = t(d)) == null ? void 0 : n.name) ?? t(c)("connect.marketing.preview.yourBusiness")), 1),
+            e("p", Ve, f(((n = t(d)) == null ? void 0 : n.name) ?? t(m)("connect.marketing.preview.yourBusiness")), 1),
             e("p", Le, [
-              Q(f(t(c)("connect.marketing.preview.sponsored")) + " · ", 1),
-              r(i, {
+              q(f(t(m)("connect.marketing.preview.sponsored")) + " · ", 1),
+              c(r, {
                 name: "public",
                 size: "sm",
                 color: "neutral-gray-400"
               })
             ])
           ]),
-          r(i, {
+          c(r, {
             name: "more_horiz",
             size: "sm",
             color: "neutral-gray-400"
@@ -456,10 +456,10 @@ const S = /* @__PURE__ */ C({
           l.imageUrl ? (s(), u("img", {
             key: 0,
             src: l.imageUrl,
-            alt: t(c)("connect.marketing.preview.postImage"),
+            alt: t(m)("connect.marketing.preview.postImage"),
             class: "w-full h-auto block"
           }, null, 8, He)) : (s(), u("div", We, [
-            r(i, {
+            c(r, {
               name: "image",
               size: "xl",
               color: "neutral-gray-300"
@@ -467,10 +467,10 @@ const S = /* @__PURE__ */ C({
           ]))
         ]),
         e("div", qe, [
-          m[0] || (m[0] = e("p", { class: "fm-typo-en-body-xs-400 text-fm-color-typo-secondary uppercase tracking-wide mb-2" }, " yourbusiness.com ", -1)),
+          i[0] || (i[0] = e("p", { class: "fm-typo-en-body-xs-400 text-fm-color-typo-secondary uppercase tracking-wide mb-2" }, " yourbusiness.com ", -1)),
           e("p", Ge, f(l.headline ?? "—"), 1)
         ]),
-        r(Te)
+        c(Te)
       ]);
     };
   }
@@ -488,64 +488,67 @@ const S = /* @__PURE__ */ C({
     caption: {}
   },
   setup(l) {
-    const { t: c } = I(), { currentBusiness: d } = R();
-    return (p, m) => {
+    const { t: m } = I(), { currentBusiness: d } = R();
+    return (p, i) => {
       var o, n;
-      const i = b("FmIcon");
-      return s(), u("div", Ze, [
-        l.imageUrl ? (s(), u("img", {
-          key: 0,
-          src: l.imageUrl,
-          alt: t(c)("connect.marketing.preview.storyImage"),
-          class: "absolute inset-0 w-full h-full object-contain"
-        }, null, 8, Je)) : (s(), u("div", Qe, [
-          r(i, {
-            name: "image",
-            size: "xl",
-            color: "neutral-gray-500"
-          })
-        ])),
-        e("div", Xe, [
-          m[0] || (m[0] = e("div", { class: "flex gap-4 mb-10" }, [
-            e("div", { class: "h-[2px] flex-1 rounded-full bg-white" })
-          ], -1)),
-          e("div", Ye, [
-            e("div", et, [
-              (o = t(d)) != null && o.thumbnail ? (s(), u("img", {
-                key: 0,
-                src: t(d).thumbnail,
-                class: "w-full h-full object-cover",
-                alt: t(c)("connect.marketing.preview.businessLogo")
-              }, null, 8, tt)) : (s(), T(i, {
-                key: 1,
-                name: "storefront",
-                size: "sm",
-                color: "neutral-gray-400"
-              }))
-            ]),
-            e("div", ot, [
-              e("p", nt, f(((n = t(d)) == null ? void 0 : n.name) ?? t(c)("connect.marketing.preview.yourBusiness")), 1),
-              e("p", at, f(t(c)("connect.marketing.preview.sponsored")), 1)
-            ]),
-            r(i, {
-              name: "more_vert",
-              size: "sm",
-              color: "neutral-white"
-            }),
-            r(i, {
-              name: "close",
-              size: "sm",
-              color: "neutral-white"
+      const r = b("FmIcon");
+      return s(), u(B, null, [
+        e("div", Ze, [
+          l.imageUrl ? (s(), u("img", {
+            key: 0,
+            src: l.imageUrl,
+            alt: t(m)("connect.marketing.preview.storyImage"),
+            class: "absolute inset-0 w-full h-full object-contain"
+          }, null, 8, Je)) : (s(), u("div", Qe, [
+            c(r, {
+              name: "image",
+              size: "xl",
+              color: "neutral-gray-500"
             })
+          ])),
+          e("div", Xe, [
+            i[0] || (i[0] = e("div", { class: "flex gap-4 mb-10" }, [
+              e("div", { class: "h-[2px] flex-1 rounded-full bg-white" })
+            ], -1)),
+            e("div", Ye, [
+              e("div", et, [
+                (o = t(d)) != null && o.thumbnail ? (s(), u("img", {
+                  key: 0,
+                  src: t(d).thumbnail,
+                  class: "w-full h-full object-cover",
+                  alt: t(m)("connect.marketing.preview.businessLogo")
+                }, null, 8, tt)) : (s(), T(r, {
+                  key: 1,
+                  name: "storefront",
+                  size: "sm",
+                  color: "neutral-gray-400"
+                }))
+              ]),
+              e("div", ot, [
+                e("p", nt, f(((n = t(d)) == null ? void 0 : n.name) ?? t(m)("connect.marketing.preview.yourBusiness")), 1),
+                e("p", at, f(t(m)("connect.marketing.preview.sponsored")), 1)
+              ]),
+              c(r, {
+                name: "more_vert",
+                size: "sm",
+                color: "neutral-white"
+              }),
+              c(r, {
+                name: "close",
+                size: "sm",
+                color: "neutral-white"
+              })
+            ])
+          ]),
+          e("div", st, [
+            l.caption ? (s(), u("p", lt, f(l.caption), 1)) : $("", !0),
+            e("div", it, [
+              e("button", rt, f(l.headline ?? t(m)("connect.marketing.preview.learnMore")), 1)
+            ])
           ])
         ]),
-        e("div", st, [
-          l.caption ? (s(), u("p", lt, f(l.caption), 1)) : $("", !0),
-          e("div", it, [
-            e("button", rt, f(l.headline ?? t(c)("connect.marketing.preview.learnMore")), 1)
-          ])
-        ])
-      ]);
+        i[1] || (i[1] = q(" /template> ", -1))
+      ], 64);
     };
   }
 }), mt = { class: "max-w-[400px] mx-auto rounded-lg border border-fm-color-neutral-gray-200 fm-shadow-light-200 overflow-hidden bg-white" }, dt = { class: "flex items-center gap-12 px-12 py-10" }, ut = { class: "w-32 h-32 rounded-full bg-gradient-to-tr from-yellow-400 via-pink-500 to-purple-600 p-[2px] shrink-0" }, pt = { class: "w-full h-full rounded-full bg-white p-[1px] overflow-hidden" }, gt = ["src", "alt"], ft = {
@@ -565,10 +568,10 @@ const S = /* @__PURE__ */ C({
     caption: {}
   },
   setup(l) {
-    const { t: c } = I(), { currentBusiness: d } = R();
-    return (p, m) => {
+    const { t: m } = I(), { currentBusiness: d } = R();
+    return (p, i) => {
       var o, n, v;
-      const i = b("FmIcon");
+      const r = b("FmIcon");
       return s(), u("div", mt, [
         e("div", dt, [
           e("div", ut, [
@@ -577,9 +580,9 @@ const S = /* @__PURE__ */ C({
                 key: 0,
                 src: t(d).thumbnail,
                 class: "w-full h-full object-cover rounded-full",
-                alt: t(c)("connect.marketing.preview.businessLogo")
+                alt: t(m)("connect.marketing.preview.businessLogo")
               }, null, 8, gt)) : (s(), u("div", ft, [
-                r(i, {
+                c(r, {
                   name: "storefront",
                   size: "sm",
                   color: "neutral-gray-400"
@@ -588,10 +591,10 @@ const S = /* @__PURE__ */ C({
             ])
           ]),
           e("div", vt, [
-            e("p", _t, f(((n = t(d)) == null ? void 0 : n.name) ?? t(c)("connect.marketing.preview.yourBusiness")), 1),
-            e("p", ht, f(t(c)("connect.marketing.preview.sponsored")), 1)
+            e("p", _t, f(((n = t(d)) == null ? void 0 : n.name) ?? t(m)("connect.marketing.preview.yourBusiness")), 1),
+            e("p", ht, f(t(m)("connect.marketing.preview.sponsored")), 1)
           ]),
-          r(i, {
+          c(r, {
             name: "more_horiz",
             size: "sm",
             color: "neutral-gray-400"
@@ -601,10 +604,10 @@ const S = /* @__PURE__ */ C({
           l.imageUrl ? (s(), u("img", {
             key: 0,
             src: l.imageUrl,
-            alt: t(c)("connect.marketing.preview.postImage"),
+            alt: t(m)("connect.marketing.preview.postImage"),
             class: "w-full h-auto block"
           }, null, 8, bt)) : (s(), u("div", xt, [
-            r(i, {
+            c(r, {
               name: "image",
               size: "xl",
               color: "neutral-gray-300"
@@ -612,35 +615,35 @@ const S = /* @__PURE__ */ C({
           ]))
         ]),
         e("div", kt, [
-          r(i, {
+          c(r, {
             name: "favorite_border",
             size: "md",
             color: "neutral-gray-700"
           }),
-          r(i, {
+          c(r, {
             name: "mode_comment",
             size: "md",
             color: "neutral-gray-700",
             outline: ""
           }),
-          r(i, {
+          c(r, {
             name: "send",
             size: "md",
             color: "neutral-gray-700"
           }),
-          m[0] || (m[0] = e("div", { class: "flex-1" }, null, -1)),
-          r(i, {
+          i[0] || (i[0] = e("div", { class: "flex-1" }, null, -1)),
+          c(r, {
             name: "bookmark_border",
             size: "md",
             color: "neutral-gray-700"
           })
         ]),
         e("div", wt, [
-          e("p", $t, f(t(c)("connect.marketing.preview.likes", { count: "10,428" })), 1)
+          e("p", $t, f(t(m)("connect.marketing.preview.likes", { count: "10,428" })), 1)
         ]),
         l.caption || l.headline ? (s(), u("div", Mt, [
           e("p", Ct, [
-            e("span", Ft, f(((v = t(d)) == null ? void 0 : v.name) ?? t(c)("connect.marketing.preview.yourBusiness")), 1),
+            e("span", Ft, f(((v = t(d)) == null ? void 0 : v.name) ?? t(m)("connect.marketing.preview.yourBusiness")), 1),
             e("span", Ut, f(l.caption ?? l.headline), 1)
           ])
         ])) : $("", !0)
@@ -664,25 +667,25 @@ const S = /* @__PURE__ */ C({
     caption: {}
   },
   setup(l) {
-    const { t: c } = I(), { currentBusiness: d } = R();
-    return (p, m) => {
+    const { t: m } = I(), { currentBusiness: d } = R();
+    return (p, i) => {
       var o, n;
-      const i = b("FmIcon");
+      const r = b("FmIcon");
       return s(), u("div", It, [
         l.imageUrl ? (s(), u("img", {
           key: 0,
           src: l.imageUrl,
-          alt: t(c)("connect.marketing.preview.storyImage"),
+          alt: t(m)("connect.marketing.preview.storyImage"),
           class: "absolute inset-0 w-full h-full object-contain"
         }, null, 8, jt)) : (s(), u("div", Et, [
-          r(i, {
+          c(r, {
             name: "image",
             size: "xl",
             color: "neutral-gray-500"
           })
         ])),
         e("div", Tt, [
-          m[0] || (m[0] = e("div", { class: "flex gap-4 mb-10" }, [
+          i[0] || (i[0] = e("div", { class: "flex gap-4 mb-10" }, [
             e("div", { class: "h-[2px] flex-1 rounded-full bg-white" })
           ], -1)),
           e("div", Bt, [
@@ -692,9 +695,9 @@ const S = /* @__PURE__ */ C({
                   key: 0,
                   src: t(d).thumbnail,
                   class: "w-full h-full object-cover",
-                  alt: t(c)("connect.marketing.preview.businessLogo")
+                  alt: t(m)("connect.marketing.preview.businessLogo")
                 }, null, 8, At)) : (s(), u("div", St, [
-                  r(i, {
+                  c(r, {
                     name: "storefront",
                     size: "sm",
                     color: "neutral-gray-400"
@@ -703,15 +706,15 @@ const S = /* @__PURE__ */ C({
               ])
             ]),
             e("div", Vt, [
-              e("p", Lt, f(((n = t(d)) == null ? void 0 : n.name) ?? t(c)("connect.marketing.preview.yourBusiness")), 1),
-              e("p", Nt, f(t(c)("connect.marketing.preview.sponsored")), 1)
+              e("p", Lt, f(((n = t(d)) == null ? void 0 : n.name) ?? t(m)("connect.marketing.preview.yourBusiness")), 1),
+              e("p", Nt, f(t(m)("connect.marketing.preview.sponsored")), 1)
             ]),
-            r(i, {
+            c(r, {
               name: "more_vert",
               size: "sm",
               color: "neutral-white"
             }),
-            r(i, {
+            c(r, {
               name: "close",
               size: "sm",
               color: "neutral-white"
@@ -721,7 +724,7 @@ const S = /* @__PURE__ */ C({
         e("div", Dt, [
           l.caption ? (s(), u("p", Ot, f(l.caption), 1)) : $("", !0),
           e("div", Ht, [
-            e("button", Wt, f(l.headline ?? t(c)("connect.marketing.preview.learnMore")), 1)
+            e("button", Wt, f(l.headline ?? t(m)("connect.marketing.preview.learnMore")), 1)
           ])
         ])
       ]);
@@ -742,21 +745,21 @@ const S = /* @__PURE__ */ C({
     modelValue: {}
   },
   emits: ["update:modelValue"],
-  setup(l, { emit: c }) {
-    const d = l, p = c, { t: m } = I(), i = M(!1), o = E(() => [
+  setup(l, { emit: m }) {
+    const d = l, p = m, { t: i } = I(), r = M(!1), o = E(() => [
       {
-        name: m("connect.marketing.preview.facebook"),
+        name: i("connect.marketing.preview.facebook"),
         iconColor: "#1877F2",
         iconPath: "M9.101 23.691v-7.98H6.627v-3.667h2.474v-1.58c0-4.085 1.848-5.978 5.858-5.978.401 0 .955.042 1.468.103a8.68 8.68 0 0 1 1.141.195v3.325a8.623 8.623 0 0 0-.653-.036 26.805 26.805 0 0 0-.733-.009c-.707 0-1.259.096-1.675.309a1.686 1.686 0 0 0-.679.622c-.258.42-.374.995-.374 1.752v1.297h3.919l-.386 2.103-.287 1.564h-3.246v8.245C19.396 23.238 24 18.179 24 12.044c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.628 3.874 10.35 9.101 11.647Z",
         options: [
           {
-            label: m("connect.marketing.preview.facebookPost"),
+            label: i("connect.marketing.preview.facebookPost"),
             value: "facebook-post",
             icon: "draft",
             aspectRatio: "1:1"
           },
           {
-            label: m("connect.marketing.preview.facebookStory"),
+            label: i("connect.marketing.preview.facebookStory"),
             value: "facebook-story",
             icon: "motion_play",
             aspectRatio: "9:16"
@@ -764,18 +767,18 @@ const S = /* @__PURE__ */ C({
         ]
       },
       {
-        name: m("connect.marketing.preview.instagram"),
+        name: i("connect.marketing.preview.instagram"),
         iconColor: "#E1306C",
         iconPath: "M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zM12 0C8.741 0 8.333.014 7.053.072 2.695.272.273 2.69.073 7.052.014 8.333 0 8.741 0 12c0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98C8.333 23.986 8.741 24 12 24c3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98C15.668.014 15.259 0 12 0zm0 5.838a6.162 6.162 0 100 12.324 6.162 6.162 0 000-12.324zM12 16a4 4 0 110-8 4 4 0 010 8zm5.882-10.55a1.44 1.44 0 10-2.88 0 1.44 1.44 0 002.88 0z",
         options: [
           {
-            label: m("connect.marketing.preview.instagramPost"),
+            label: i("connect.marketing.preview.instagramPost"),
             value: "instagram-post",
             icon: "draft",
             aspectRatio: "1:1"
           },
           {
-            label: m("connect.marketing.preview.instagramStory"),
+            label: i("connect.marketing.preview.instagramStory"),
             value: "instagram-story",
             icon: "motion_play",
             aspectRatio: "9:16"
@@ -787,19 +790,19 @@ const S = /* @__PURE__ */ C({
     ), _ = E(
       () => o.value.find((h) => h.options.some((F) => F.value === d.modelValue))
     ), k = (h) => {
-      p("update:modelValue", h), i.value = !1;
+      p("update:modelValue", h), r.value = !1;
     };
     return (h, F) => {
       const U = b("FmIcon");
       return s(), u("div", Gt, [
-        i.value ? (s(), u("div", {
+        r.value ? (s(), u("div", {
           key: 0,
           class: "fixed inset-0 z-10",
-          onClick: F[0] || (F[0] = (w) => i.value = !1)
+          onClick: F[0] || (F[0] = (w) => r.value = !1)
         })) : $("", !0),
         e("button", {
           type: "button",
-          onClick: F[1] || (F[1] = (w) => i.value = !i.value),
+          onClick: F[1] || (F[1] = (w) => r.value = !r.value),
           class: "relative z-20 flex items-center justify-between w-full px-16 py-12 bg-white border border-fm-color-neutral-gray-200 rounded-lg hover:border-fm-color-primary-300 focus:outline-none focus:border-fm-color-primary-500 transition-colors shadow-sm"
         }, [
           v.value && _.value ? (s(), u("div", Kt, [
@@ -815,13 +818,13 @@ const S = /* @__PURE__ */ C({
             ], 8, Zt)),
             e("span", Qt, f(v.value.label), 1)
           ])) : $("", !0),
-          r(U, {
+          c(U, {
             name: "expand_more",
             size: "md",
             color: "neutral-gray-400"
           })
         ]),
-        i.value ? (s(), u("div", Xt, [
+        r.value ? (s(), u("div", Xt, [
           e("div", Yt, [
             (s(!0), u(B, null, L(o.value, (w, y) => (s(), u("div", {
               key: w.name,
@@ -849,7 +852,7 @@ const S = /* @__PURE__ */ C({
                 ]])
               }, [
                 e("div", lo, [
-                  r(U, {
+                  c(U, {
                     name: a.icon,
                     size: "sm",
                     outline: "",
@@ -879,24 +882,24 @@ const S = /* @__PURE__ */ C({
     marketingMaterial: {}
   },
   emits: ["save"],
-  setup(l, { emit: c }) {
-    const d = l, { t: p } = I(), { shareMaterial: m } = G();
-    async function i() {
-      await m(d.marketingMaterial);
+  setup(l, { emit: m }) {
+    const d = l, { t: p } = I(), { shareMaterial: i } = K();
+    async function r() {
+      await i(d.marketingMaterial);
     }
     return (o, n) => {
       const v = b("FmButton"), _ = b("FmMenuItem"), k = b("FmMenu");
       return s(), u("div", mo, [
-        r(v, {
+        c(v, {
           variant: "primary",
           disabled: l.disabled,
           class: "!rounded-r-none",
           label: t(p)("connect.common.save"),
           onClick: n[0] || (n[0] = (h) => o.$emit("save"))
         }, null, 8, ["disabled", "label"]),
-        r(k, { placement: "bottom-end" }, {
+        c(k, { placement: "bottom-end" }, {
           "menu-button": j(() => [
-            r(v, {
+            c(v, {
               variant: "primary",
               icon: "arrow_drop_down",
               disabled: l.disabled,
@@ -904,10 +907,10 @@ const S = /* @__PURE__ */ C({
             }, null, 8, ["disabled"])
           ]),
           default: j(() => [
-            r(_, {
+            c(_, {
               label: t(p)("connect.marketing.actions.share"),
               disabled: !l.marketingMaterial || l.disabled,
-              onClick: i
+              onClick: r
             }, null, 8, ["label", "disabled"])
           ]),
           _: 1
@@ -918,31 +921,31 @@ const S = /* @__PURE__ */ C({
 }), po = { class: "mx-auto mb-24 grid max-w-[856px] grid-cols-1 lg:grid-cols-2 rounded-2xl xs:rounded-none border border-fm-color-neutral-gray-200 xs:border-none overflow-hidden" }, go = { class: "min-w-0 bg-fm-color-neutral-gray-50 xs:p-16" }, fo = { class: "mx-auto flex max-w-[560px] flex-col" }, vo = { class: "p-24 xs:p-16" }, _o = { class: "bg-fm-color-neutral-gray-100 p-24 xs:p-12" }, Eo = /* @__PURE__ */ C({
   __name: "MarketingMaterialEdit",
   setup(l) {
-    const { t: c } = I(), d = te(), p = q(), m = se(), { minor: i } = ie, o = M(null), n = M(null), v = E(() => !o.value || !n.value ? !1 : o.value.imageUrl !== n.value.imageUrl || o.value.headline !== n.value.headline || o.value.caption !== n.value.caption), _ = {
-      label: c("connect.common.cancel"),
+    const { t: m } = I(), d = te(), p = G(), i = se(), { minor: r } = ie, o = M(null), n = M(null), v = E(() => !o.value || !n.value ? !1 : o.value.imageUrl !== n.value.imageUrl || o.value.headline !== n.value.headline || o.value.caption !== n.value.caption), _ = {
+      label: m("connect.common.cancel"),
       value: "cancel",
       isPrimary: !1
     };
     async function k() {
-      v.value ? m.open({
-        title: c("connect.campaign.common.unsaved_changes"),
-        message: c("connect.campaign.common.unsaved_changes"),
+      v.value ? i.open({
+        title: m("connect.campaign.common.unsaved_changes"),
+        message: m("connect.campaign.common.unsaved_changes"),
         primaryActions: {
-          text: c("connect.campaign.common.unsaved_changes_confirm"),
+          text: m("connect.campaign.common.unsaved_changes_confirm"),
           close: !0
         },
         secondaryActions: {
-          text: c("connect.campaign.common.unsaved_changes_cancel"),
+          text: m("connect.campaign.common.unsaved_changes_cancel"),
           close: !1
         }
       }).onPrimary(() => {
         d.push({ name: A["$connect-MARKETING"] });
       }).onSecondary(() => {
-        m.close();
+        i.close();
       }) : d.push({ name: A["$connect-MARKETING"] });
     }
     async function h() {
-      o.value && await i(
+      o.value && await r(
         async () => {
           const y = o.value._id, a = await H.updateMarketingMaterial(y, {
             imageUrl: o.value.imageUrl,
@@ -952,8 +955,8 @@ const S = /* @__PURE__ */ C({
           o.value = a, n.value = O.cloneDeep(a);
         },
         {
-          message: c("connect.marketing.materialEdit.saving"),
-          successMessage: c("connect.marketing.materialEdit.save_success")
+          message: m("connect.marketing.materialEdit.saving"),
+          successMessage: m("connect.marketing.materialEdit.save_success")
         }
       );
     }
@@ -983,15 +986,15 @@ const S = /* @__PURE__ */ C({
     }), (y, a) => {
       const g = b("FmPageHead");
       return s(), u(B, null, [
-        r(g, {
+        c(g, {
           "back-button": !0,
-          title: t(c)("connect.marketing.materialEdit.title"),
+          title: t(m)("connect.marketing.materialEdit.title"),
           actions: [_],
           "onClick:back": k,
           "onClick:action": F
         }, {
           append: j(() => [
-            r(uo, {
+            c(uo, {
               "marketing-material": t(o),
               onSave: h
             }, null, 8, ["marketing-material"])
@@ -1002,7 +1005,7 @@ const S = /* @__PURE__ */ C({
           e("section", go, [
             e("div", fo, [
               e("div", vo, [
-                r(co, {
+                c(co, {
                   modelValue: t(U),
                   "onUpdate:modelValue": a[0] || (a[0] = (x) => Y(U) ? U.value = x : null)
                 }, null, 8, ["modelValue"])