@feedmepos/mf-connect 0.1.97-prod → 0.1.98-beta.2

package/dist/{MarketingMaterialEdit-DUIkUA79.js → MarketingMaterialEdit-CzYTbdJd.js}

@@ -1,15 +1,15 @@
-import { defineComponent as k, resolveComponent as B, openBlock as n, createBlock as M, withCtx as H, createElementVNode as t, createVNode as c, createElementBlock as d, unref as e, ref as I, watch as Z, Fragment as Q, createCommentVNode as P, withModifiers as U, Teleport as V, Transition as J, toDisplayString as A, renderList as F, createTextVNode as S, computed as N, normalizeClass as G, onMounted as _, isRef as $, resolveDynamicComponent as tt } from "vue";
-import { _ as T } from "./lodash-CgcQgDO8.js";
-import "./index-Bc-pgOn6.js";
-import { useRoute as q, useRouter as et } from "vue-router";
-import { u as R } from "./vue-i18n-BU_SuDqj.js";
-import { a as X, u as ot, m as K } from "./useMarketingMaterialActions-BCqwGe4e.js";
-import { useClientEvent as Y } from "@feedmepos/mf-remy-panel";
+import { defineComponent as k, resolveComponent as B, openBlock as n, createBlock as M, withCtx as H, createElementVNode as t, createVNode as r, createElementBlock as d, unref as e, ref as I, watch as Z, Fragment as Q, createCommentVNode as P, withModifiers as U, Teleport as J, Transition as S, toDisplayString as A, renderList as F, createTextVNode as q, computed as N, normalizeClass as G, onMounted as _, isRef as $, resolveDynamicComponent as tt } from "vue";
+import { _ as T } from "./lodash-CELsN1M_.js";
+import "./index-DDp0nMys.js";
+import { useRoute as X, useRouter as et } from "vue-router";
+import { u as R } from "./vue-i18n-B-92uhPn.js";
+import { a as Y, u as ot, m as K } from "./useMarketingMaterialActions-CEd6ODsz.js";
+import { useClientEvent as V } from "@feedmepos/mf-remy-panel";
 import { _ as st } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 import { useSnackbar as at, useDialog as nt } from "@feedmepos/ui-library";
 import { useCoreStore as W } from "@feedmepos/mf-common";
-import { u as it } from "./loading-DK8UdxtS.js";
-import { R as z } from "./app-_LtKE4PZ.js";
+import { u as it } from "./loading-CxY9qhzD.js";
+import { R as z } from "./app-DlECkPwT.js";
 const L = /* @__PURE__ */ k({
   __name: "ActionToolbarButton",
   props: {
@@ -17,10 +17,10 @@ const L = /* @__PURE__ */ k({
     tooltip: {}
   },
   emits: ["click"],
-  setup(i, { emit: r }) {
-    const p = r;
-    return (g, f) => {
-      const l = B("FmIcon"), o = B("FmTooltip");
+  setup(i, { emit: f }) {
+    const p = f;
+    return (g, l) => {
+      const c = B("FmIcon"), o = B("FmTooltip");
       return n(), M(o, {
         content: i.tooltip,
         placement: "bottom",
@@ -30,9 +30,9 @@ const L = /* @__PURE__ */ k({
         default: H(() => [
           t("button", {
             class: "p-2 rounded-lg bg-white/10 hover:bg-white/20 transition-colors text-white flex items-center justify-center",
-            onClick: f[0] || (f[0] = (s) => p("click"))
+            onClick: l[0] || (l[0] = (s) => p("click"))
           }, [
-            c(l, {
+            r(c, {
               name: i.icon,
               size: "md"
             }, null, 8, ["name"])
@@ -48,9 +48,9 @@ const L = /* @__PURE__ */ k({
     imageUrl: {}
   },
   emits: ["edit", "close"],
-  setup(i, { emit: r }) {
-    const p = i, g = r, { t: f } = R();
-    async function l() {
+  setup(i, { emit: f }) {
+    const p = i, g = f, { t: l } = R();
+    async function c() {
       if (p.imageUrl)
         try {
           const s = await (await fetch(p.imageUrl)).blob(), u = URL.createObjectURL(s), b = document.createElement("a");
@@ -60,19 +60,19 @@ const L = /* @__PURE__ */ k({
         }
     }
     return (o, s) => (n(), d("div", lt, [
-      c(L, {
+      r(L, {
         icon: "edit",
-        tooltip: e(f)("connect.common.edit"),
+        tooltip: e(l)("connect.common.edit"),
         onClick: s[0] || (s[0] = (u) => g("edit"))
       }, null, 8, ["tooltip"]),
-      c(L, {
+      r(L, {
         icon: "download",
-        tooltip: e(f)("connect.marketing.actions.download"),
-        onClick: l
+        tooltip: e(l)("connect.marketing.actions.download"),
+        onClick: c
       }, null, 8, ["tooltip"]),
-      c(L, {
+      r(L, {
         icon: "close",
-        tooltip: e(f)("connect.marketing.actions.close"),
+        tooltip: e(l)("connect.marketing.actions.close"),
         onClick: s[1] || (s[1] = (u) => g("close"))
       }, null, 8, ["tooltip"])
     ]));
@@ -86,8 +86,8 @@ const L = /* @__PURE__ */ k({
     imageUrl: {}
   },
   emits: ["edit", "update:imageUrl"],
-  setup(i, { emit: r }) {
-    const p = i, g = r, { t: f } = R(), l = q(), o = I(!1), s = I(p.imageUrl);
+  setup(i, { emit: f }) {
+    const p = i, g = f, { t: l } = R(), c = X(), o = I(!1), s = I(p.imageUrl);
     Z(
       () => p.imageUrl,
       (y) => {
@@ -98,13 +98,13 @@ const L = /* @__PURE__ */ k({
     function b() {
       o.value = !1, g("edit", s.value);
     }
-    Y(
+    V(
       "apply-edited-banner",
       async ({ imageUrl: y }) => {
-        l.query.id && (s.value = y, g("update:imageUrl", y));
+        c.query.id && (s.value = y, g("update:imageUrl", y));
       }
     );
-    const { downloadMaterialImage: x, copyMaterialLink: v } = X();
+    const { downloadMaterialImage: x, copyMaterialLink: v } = Y();
     async function C() {
       s.value && await x(s.value);
     }
@@ -124,7 +124,7 @@ const L = /* @__PURE__ */ k({
           e(s) ? (n(), d("img", {
             key: 0,
             src: e(s),
-            alt: e(f)("connect.marketing.materialEdit.generatedMaterial"),
+            alt: e(l)("connect.marketing.materialEdit.generatedMaterial"),
             class: "w-full h-full object-contain"
           }, null, 8, rt)) : P("", !0),
           t("div", {
@@ -132,33 +132,33 @@ const L = /* @__PURE__ */ k({
             onClick: a[0] || (a[0] = U(() => {
             }, ["stop"]))
           }, [
-            c(E, { placement: "right-start" }, {
+            r(E, { placement: "right-start" }, {
               "menu-button": H(() => [
-                c(m, {
+                r(m, {
                   icon: "more_horiz",
                   variant: "tertiary",
                   class: "bg-white hover:bg-gray-100 text-black shadow-sm"
                 })
               ]),
               default: H(() => [
-                c(w, {
+                r(w, {
                   icon: "open_in_new",
-                  label: e(f)("connect.marketing.actions.openInNewTab"),
+                  label: e(l)("connect.marketing.actions.openInNewTab"),
                   onClick: D
                 }, null, 8, ["label"]),
-                c(w, {
+                r(w, {
                   icon: "download",
-                  label: e(f)("connect.marketing.actions.download"),
+                  label: e(l)("connect.marketing.actions.download"),
                   onClick: C
                 }, null, 8, ["label"]),
-                c(w, {
+                r(w, {
                   icon: "content_copy",
-                  label: e(f)("connect.marketing.actions.copyLink"),
+                  label: e(l)("connect.marketing.actions.copyLink"),
                   onClick: h
                 }, null, 8, ["label"]),
-                c(w, {
+                r(w, {
                   icon: "edit",
-                  label: e(f)("connect.marketing.actions.regenerateImage"),
+                  label: e(l)("connect.marketing.actions.regenerateImage"),
                   onClick: b
                 }, null, 8, ["label"])
               ]),
@@ -169,8 +169,8 @@ const L = /* @__PURE__ */ k({
             t("div", { class: "w-10 h-10 rounded-full border-4 border-white/30 border-t-white animate-spin" }, null, -1)
           ])])) : P("", !0)
         ]),
-        (n(), M(V, { to: "body" }, [
-          c(J, { name: "fade" }, {
+        (n(), M(J, { to: "body" }, [
+          r(S, { name: "fade" }, {
             default: H(() => [
               e(o) ? (n(), d("div", {
                 key: 0,
@@ -178,7 +178,7 @@ const L = /* @__PURE__ */ k({
                 onClick: a[3] || (a[3] = U((O) => o.value = !1, ["self"]))
               }, [
                 t("div", pt, [
-                  c(ct, {
+                  r(ct, {
                     class: "absolute top-0 right-0 z-10 -translate-y-full p-4",
                     "image-url": e(s),
                     onEdit: b,
@@ -187,7 +187,7 @@ const L = /* @__PURE__ */ k({
                   e(s) ? (n(), d("img", {
                     key: 0,
                     src: e(s),
-                    alt: e(f)("connect.marketing.materialEdit.preview"),
+                    alt: e(l)("connect.marketing.materialEdit.preview"),
                     class: "max-h-[80vh] max-w-[90vw] object-contain rounded-xl"
                   }, null, 8, dt)) : P("", !0)
                 ])
@@ -205,20 +205,20 @@ const L = /* @__PURE__ */ k({
     text: {}
   },
   emits: ["editWithRemy"],
-  setup(i, { emit: r }) {
-    const p = r, { t: g } = R(), f = at();
-    async function l(o) {
+  setup(i, { emit: f }) {
+    const p = f, { t: g } = R(), l = at();
+    async function c(o) {
       if (o)
         try {
-          await navigator.clipboard.writeText(o), f.open({ message: g("connect.marketing.actions.copied"), type: "success" });
+          await navigator.clipboard.writeText(o), l.open({ message: g("connect.marketing.actions.copied"), type: "success" });
         } catch {
-          f.open({ message: g("connect.marketing.actions.failedToCopy"), type: "error" });
+          l.open({ message: g("connect.marketing.actions.failedToCopy"), type: "error" });
         }
     }
     return (o, s) => {
       const u = B("FmIcon"), b = B("FmTooltip");
       return n(), d("div", ut, [
-        c(b, {
+        r(b, {
           content: e(g)("connect.marketing.actions.copy"),
           placement: "top",
           "hide-arrow": !1
@@ -226,9 +226,9 @@ const L = /* @__PURE__ */ k({
           default: H(() => [
             t("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: s[0] || (s[0] = (x) => l(i.text))
+              onClick: s[0] || (s[0] = (x) => c(i.text))
             }, [
-              c(u, {
+              r(u, {
                 name: "content_copy",
                 size: "sm",
                 color: "neutral-gray-400"
@@ -237,7 +237,7 @@ const L = /* @__PURE__ */ k({
           ]),
           _: 1
         }, 8, ["content"]),
-        c(b, {
+        r(b, {
           content: e(g)("connect.marketing.actions.remyAi"),
           placement: "top",
           "hide-arrow": !1
@@ -264,8 +264,8 @@ const L = /* @__PURE__ */ k({
     marketingMaterial: {}
   },
   emits: ["update:imageUrl", "update:headline", "update:caption"],
-  setup(i, { emit: r }) {
-    const p = i, g = r, { t: f } = R(), l = ot(), o = I(p.marketingMaterial.headline), s = I(p.marketingMaterial.caption), u = I(p.marketingMaterial.headline), b = I(p.marketingMaterial.caption), x = I(!1), v = I(!1);
+  setup(i, { emit: f }) {
+    const p = i, g = f, { t: l } = R(), c = ot(), o = I(p.marketingMaterial.headline), s = I(p.marketingMaterial.caption), u = I(p.marketingMaterial.headline), b = I(p.marketingMaterial.caption), x = I(!1), v = I(!1);
     Z(
       () => p.marketingMaterial.headline,
       (a) => {
@@ -284,14 +284,14 @@ const L = /* @__PURE__ */ k({
         }
         s.value = a ?? "", b.value = a;
       }
-    ), Y(
+    ), V(
       "apply-edited-copy",
       async ({ headline: a, caption: m }) => {
         a !== void 0 && (o.value = a, u.value = a, x.value = !0, g("update:headline", a)), m !== void 0 && (s.value = m, b.value = m, v.value = !0, g("update:caption", m));
       }
     );
     function C() {
-      l.activate({
+      c.activate({
         command: "editMarketingBanner",
         prompt: "",
         attachments: [
@@ -303,7 +303,7 @@ const L = /* @__PURE__ */ k({
       });
     }
     function D() {
-      l.activate({
+      c.activate({
         command: "editCopy",
         attachments: [
           {
@@ -323,26 +323,26 @@ const L = /* @__PURE__ */ k({
     return (a, m) => {
       const w = B("FmTextField"), E = B("FmTextarea");
       return n(), d("section", bt, [
-        t("h2", vt, A(e(f)("connect.marketing.materialEdit.contentDetails")), 1),
+        t("h2", vt, A(e(l)("connect.marketing.materialEdit.contentDetails")), 1),
         t("div", yt, [
           t("div", Bt, [
-            t("p", wt, A(e(f)("connect.marketing.materialEdit.image")), 1),
-            c(mt, {
+            t("p", wt, A(e(l)("connect.marketing.materialEdit.image")), 1),
+            r(mt, {
               "image-url": i.marketingMaterial.imageUrl,
               onEdit: C,
               "onUpdate:imageUrl": m[0] || (m[0] = (O) => g("update:imageUrl", O))
             }, null, 8, ["image-url"])
           ]),
           t("div", xt, [
-            t("p", ht, A(e(f)("connect.marketing.materialEdit.headline")), 1),
+            t("p", ht, A(e(l)("connect.marketing.materialEdit.headline")), 1),
             t("div", Pt, [
-              c(w, {
+              r(w, {
                 "model-value": e(o),
                 "onUpdate:modelValue": m[1] || (m[1] = (O) => y("headline", O)),
                 onFocusChanged: m[2] || (m[2] = (O) => !O && h("headline"))
               }, null, 8, ["model-value"]),
               t("div", It, [
-                c(j, {
+                r(j, {
                   text: e(o),
                   onEditWithRemy: D
                 }, null, 8, ["text"])
@@ -350,16 +350,16 @@ const L = /* @__PURE__ */ k({
             ])
           ]),
           t("div", kt, [
-            t("p", Ct, A(e(f)("connect.marketing.materialEdit.caption")), 1),
+            t("p", Ct, A(e(l)("connect.marketing.materialEdit.caption")), 1),
             t("div", Dt, [
-              c(E, {
+              r(E, {
                 "model-value": e(s),
                 "onUpdate:modelValue": m[3] || (m[3] = (O) => y("caption", O)),
                 onFocusChanged: m[4] || (m[4] = (O) => !O && h("caption")),
                 rows: "4"
               }, null, 8, ["model-value"]),
               t("div", Ot, [
-                c(j, {
+                r(j, {
                   text: e(s),
                   onEditWithRemy: D
                 }, null, 8, ["text"])
@@ -373,26 +373,26 @@ const L = /* @__PURE__ */ k({
 }), Ht = { class: "flex items-center px-4" }, Nt = { class: "px-[4px] py-[6px] text-xs text-fm-color-typo-secondary" }, Mt = /* @__PURE__ */ k({
   __name: "ActionBar",
   setup(i) {
-    const r = [
+    const f = [
       { icon: "thumb_up", count: "10k+" },
       { icon: "mode_comment", count: "128" },
       { icon: "share", count: "56" }
     ];
     return (p, g) => {
-      const f = B("FmIcon");
+      const l = B("FmIcon");
       return n(), d("div", Ht, [
-        (n(), d(Q, null, F(r, (l) => t("button", {
-          key: l.icon,
+        (n(), d(Q, null, F(f, (c) => t("button", {
+          key: c.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"
         }, [
-          c(f, {
+          r(l, {
             class: "px-[4px] py-[6px]",
-            name: l.icon,
+            name: c.icon,
             size: "md",
             color: "neutral-gray-400",
             outline: ""
           }, null, 8, ["name"]),
-          t("span", Nt, A(l.count), 1)
+          t("span", Nt, A(c.count), 1)
         ])), 64))
       ]);
     };
@@ -411,10 +411,10 @@ const L = /* @__PURE__ */ k({
     caption: {}
   },
   setup(i) {
-    const { t: r } = R(), { currentBusiness: p } = W();
-    return (g, f) => {
+    const { t: f } = R(), { currentBusiness: p } = W();
+    return (g, l) => {
       var o, s;
-      const l = B("FmIcon");
+      const c = B("FmIcon");
       return n(), d("div", Qt, [
         t("div", Wt, [
           t("div", Et, [
@@ -422,8 +422,8 @@ const L = /* @__PURE__ */ k({
               key: 0,
               src: e(p).thumbnail,
               class: "w-full h-full object-cover",
-              alt: e(r)("connect.marketing.preview.businessLogo")
-            }, null, 8, zt)) : (n(), M(l, {
+              alt: e(f)("connect.marketing.preview.businessLogo")
+            }, null, 8, zt)) : (n(), M(c, {
               key: 1,
               name: "storefront",
               size: "sm",
@@ -431,17 +431,17 @@ const L = /* @__PURE__ */ k({
             }))
           ]),
           t("div", Lt, [
-            t("p", Zt, A(((s = e(p)) == null ? void 0 : s.name) ?? e(r)("connect.marketing.preview.yourBusiness")), 1),
+            t("p", Zt, A(((s = e(p)) == null ? void 0 : s.name) ?? e(f)("connect.marketing.preview.yourBusiness")), 1),
             t("p", Ft, [
-              S(A(e(r)("connect.marketing.preview.sponsored")) + " · ", 1),
-              c(l, {
+              q(A(e(f)("connect.marketing.preview.sponsored")) + " · ", 1),
+              r(c, {
                 name: "public",
                 size: "sm",
                 color: "neutral-gray-400"
               })
             ])
           ]),
-          c(l, {
+          r(c, {
             name: "more_horiz",
             size: "sm",
             color: "neutral-gray-400"
@@ -454,10 +454,10 @@ const L = /* @__PURE__ */ k({
           i.imageUrl ? (n(), d("img", {
             key: 0,
             src: i.imageUrl,
-            alt: e(r)("connect.marketing.preview.postImage"),
+            alt: e(f)("connect.marketing.preview.postImage"),
             class: "w-full h-auto block"
           }, null, 8, Kt)) : (n(), d("div", jt, [
-            c(l, {
+            r(c, {
               name: "image",
               size: "xl",
               color: "neutral-gray-300"
@@ -465,10 +465,10 @@ const L = /* @__PURE__ */ k({
           ]))
         ]),
         t("div", qt, [
-          f[0] || (f[0] = t("p", { class: "fm-typo-en-body-xs-400 text-fm-color-typo-secondary uppercase tracking-wide mb-2" }, " yourbusiness.com ", -1)),
+          l[0] || (l[0] = t("p", { class: "fm-typo-en-body-xs-400 text-fm-color-typo-secondary uppercase tracking-wide mb-2" }, " yourbusiness.com ", -1)),
           t("p", Xt, A(i.headline ?? "—"), 1)
         ]),
-        c(Mt)
+        r(Mt)
       ]);
     };
   }
@@ -486,64 +486,67 @@ const L = /* @__PURE__ */ k({
     caption: {}
   },
   setup(i) {
-    const { t: r } = R(), { currentBusiness: p } = W();
-    return (g, f) => {
+    const { t: f } = R(), { currentBusiness: p } = W();
+    return (g, l) => {
       var o, s;
-      const l = B("FmIcon");
-      return n(), d("div", Vt, [
-        i.imageUrl ? (n(), d("img", {
-          key: 0,
-          src: i.imageUrl,
-          alt: e(r)("connect.marketing.preview.storyImage"),
-          class: "absolute inset-0 w-full h-full object-contain"
-        }, null, 8, Jt)) : (n(), d("div", St, [
-          c(l, {
-            name: "image",
-            size: "xl",
-            color: "neutral-gray-500"
-          })
-        ])),
-        t("div", _t, [
-          f[0] || (f[0] = t("div", { class: "flex gap-4 mb-10" }, [
-            t("div", { class: "h-[2px] flex-1 rounded-full bg-white" })
-          ], -1)),
-          t("div", $t, [
-            t("div", te, [
-              (o = e(p)) != null && o.thumbnail ? (n(), d("img", {
-                key: 0,
-                src: e(p).thumbnail,
-                class: "w-full h-full object-cover",
-                alt: e(r)("connect.marketing.preview.businessLogo")
-              }, null, 8, ee)) : (n(), M(l, {
-                key: 1,
-                name: "storefront",
-                size: "sm",
-                color: "neutral-gray-400"
-              }))
-            ]),
-            t("div", oe, [
-              t("p", se, A(((s = e(p)) == null ? void 0 : s.name) ?? e(r)("connect.marketing.preview.yourBusiness")), 1),
-              t("p", ae, A(e(r)("connect.marketing.preview.sponsored")), 1)
-            ]),
-            c(l, {
-              name: "more_vert",
-              size: "sm",
-              color: "neutral-white"
-            }),
-            c(l, {
-              name: "close",
-              size: "sm",
-              color: "neutral-white"
+      const c = B("FmIcon");
+      return n(), d(Q, null, [
+        t("div", Vt, [
+          i.imageUrl ? (n(), d("img", {
+            key: 0,
+            src: i.imageUrl,
+            alt: e(f)("connect.marketing.preview.storyImage"),
+            class: "absolute inset-0 w-full h-full object-contain"
+          }, null, 8, Jt)) : (n(), d("div", St, [
+            r(c, {
+              name: "image",
+              size: "xl",
+              color: "neutral-gray-500"
             })
+          ])),
+          t("div", _t, [
+            l[0] || (l[0] = t("div", { class: "flex gap-4 mb-10" }, [
+              t("div", { class: "h-[2px] flex-1 rounded-full bg-white" })
+            ], -1)),
+            t("div", $t, [
+              t("div", te, [
+                (o = e(p)) != null && o.thumbnail ? (n(), d("img", {
+                  key: 0,
+                  src: e(p).thumbnail,
+                  class: "w-full h-full object-cover",
+                  alt: e(f)("connect.marketing.preview.businessLogo")
+                }, null, 8, ee)) : (n(), M(c, {
+                  key: 1,
+                  name: "storefront",
+                  size: "sm",
+                  color: "neutral-gray-400"
+                }))
+              ]),
+              t("div", oe, [
+                t("p", se, A(((s = e(p)) == null ? void 0 : s.name) ?? e(f)("connect.marketing.preview.yourBusiness")), 1),
+                t("p", ae, A(e(f)("connect.marketing.preview.sponsored")), 1)
+              ]),
+              r(c, {
+                name: "more_vert",
+                size: "sm",
+                color: "neutral-white"
+              }),
+              r(c, {
+                name: "close",
+                size: "sm",
+                color: "neutral-white"
+              })
+            ])
+          ]),
+          t("div", ne, [
+            i.caption ? (n(), d("p", ie, A(i.caption), 1)) : P("", !0),
+            t("div", le, [
+              t("button", ce, A(i.headline ?? e(f)("connect.marketing.preview.learnMore")), 1)
+            ])
           ])
         ]),
-        t("div", ne, [
-          i.caption ? (n(), d("p", ie, A(i.caption), 1)) : P("", !0),
-          t("div", le, [
-            t("button", ce, A(i.headline ?? e(r)("connect.marketing.preview.learnMore")), 1)
-          ])
-        ])
-      ]);
+        l[1] || (l[1] = q(" /template> ", -1))
+      ], 64);
     };
   }
 }), fe = { class: "max-w-[400px] mx-auto rounded-lg border border-fm-color-neutral-gray-200 fm-shadow-light-200 overflow-hidden bg-white" }, pe = { class: "flex items-center gap-12 px-12 py-10" }, de = { class: "w-32 h-32 rounded-full bg-gradient-to-tr from-yellow-400 via-pink-500 to-purple-600 p-[2px] shrink-0" }, ge = { class: "w-full h-full rounded-full bg-white p-[1px] overflow-hidden" }, me = ["src", "alt"], Ae = {
@@ -563,10 +566,10 @@ const L = /* @__PURE__ */ k({
     caption: {}
   },
   setup(i) {
-    const { t: r } = R(), { currentBusiness: p } = W();
-    return (g, f) => {
+    const { t: f } = R(), { currentBusiness: p } = W();
+    return (g, l) => {
       var o, s, u;
-      const l = B("FmIcon");
+      const c = B("FmIcon");
       return n(), d("div", fe, [
         t("div", pe, [
           t("div", de, [
@@ -575,9 +578,9 @@ const L = /* @__PURE__ */ k({
                 key: 0,
                 src: e(p).thumbnail,
                 class: "w-full h-full object-cover rounded-full",
-                alt: e(r)("connect.marketing.preview.businessLogo")
+                alt: e(f)("connect.marketing.preview.businessLogo")
               }, null, 8, me)) : (n(), d("div", Ae, [
-                c(l, {
+                r(c, {
                   name: "storefront",
                   size: "sm",
                   color: "neutral-gray-400"
@@ -586,10 +589,10 @@ const L = /* @__PURE__ */ k({
             ])
           ]),
           t("div", ue, [
-            t("p", be, A(((s = e(p)) == null ? void 0 : s.name) ?? e(r)("connect.marketing.preview.yourBusiness")), 1),
-            t("p", ve, A(e(r)("connect.marketing.preview.sponsored")), 1)
+            t("p", be, A(((s = e(p)) == null ? void 0 : s.name) ?? e(f)("connect.marketing.preview.yourBusiness")), 1),
+            t("p", ve, A(e(f)("connect.marketing.preview.sponsored")), 1)
           ]),
-          c(l, {
+          r(c, {
             name: "more_horiz",
             size: "sm",
             color: "neutral-gray-400"
@@ -599,10 +602,10 @@ const L = /* @__PURE__ */ k({
           i.imageUrl ? (n(), d("img", {
             key: 0,
             src: i.imageUrl,
-            alt: e(r)("connect.marketing.preview.postImage"),
+            alt: e(f)("connect.marketing.preview.postImage"),
             class: "w-full h-auto block"
           }, null, 8, Be)) : (n(), d("div", we, [
-            c(l, {
+            r(c, {
               name: "image",
               size: "xl",
               color: "neutral-gray-300"
@@ -610,35 +613,35 @@ const L = /* @__PURE__ */ k({
           ]))
         ]),
         t("div", xe, [
-          c(l, {
+          r(c, {
             name: "favorite_border",
             size: "md",
             color: "neutral-gray-700"
           }),
-          c(l, {
+          r(c, {
             name: "mode_comment",
             size: "md",
             color: "neutral-gray-700",
             outline: ""
           }),
-          c(l, {
+          r(c, {
             name: "send",
             size: "md",
             color: "neutral-gray-700"
           }),
-          f[0] || (f[0] = t("div", { class: "flex-1" }, null, -1)),
-          c(l, {
+          l[0] || (l[0] = t("div", { class: "flex-1" }, null, -1)),
+          r(c, {
             name: "bookmark_border",
             size: "md",
             color: "neutral-gray-700"
           })
         ]),
         t("div", he, [
-          t("p", Pe, A(e(r)("connect.marketing.preview.likes", { count: "10,428" })), 1)
+          t("p", Pe, A(e(f)("connect.marketing.preview.likes", { count: "10,428" })), 1)
         ]),
         i.caption || i.headline ? (n(), d("div", Ie, [
           t("p", ke, [
-            t("span", Ce, A(((u = e(p)) == null ? void 0 : u.name) ?? e(r)("connect.marketing.preview.yourBusiness")), 1),
+            t("span", Ce, A(((u = e(p)) == null ? void 0 : u.name) ?? e(f)("connect.marketing.preview.yourBusiness")), 1),
             t("span", De, A(i.caption ?? i.headline), 1)
           ])
         ])) : P("", !0)
@@ -662,25 +665,25 @@ const L = /* @__PURE__ */ k({
     caption: {}
   },
   setup(i) {
-    const { t: r } = R(), { currentBusiness: p } = W();
-    return (g, f) => {
+    const { t: f } = R(), { currentBusiness: p } = W();
+    return (g, l) => {
       var o, s;
-      const l = B("FmIcon");
+      const c = B("FmIcon");
       return n(), d("div", Re, [
         i.imageUrl ? (n(), d("img", {
           key: 0,
           src: i.imageUrl,
-          alt: e(r)("connect.marketing.preview.storyImage"),
+          alt: e(f)("connect.marketing.preview.storyImage"),
           class: "absolute inset-0 w-full h-full object-contain"
         }, null, 8, He)) : (n(), d("div", Ne, [
-          c(l, {
+          r(c, {
             name: "image",
             size: "xl",
             color: "neutral-gray-500"
           })
         ])),
         t("div", Me, [
-          f[0] || (f[0] = t("div", { class: "flex gap-4 mb-10" }, [
+          l[0] || (l[0] = t("div", { class: "flex gap-4 mb-10" }, [
             t("div", { class: "h-[2px] flex-1 rounded-full bg-white" })
           ], -1)),
           t("div", Qe, [
@@ -690,9 +693,9 @@ const L = /* @__PURE__ */ k({
                   key: 0,
                   src: e(p).thumbnail,
                   class: "w-full h-full object-cover",
-                  alt: e(r)("connect.marketing.preview.businessLogo")
+                  alt: e(f)("connect.marketing.preview.businessLogo")
                 }, null, 8, ze)) : (n(), d("div", Le, [
-                  c(l, {
+                  r(c, {
                     name: "storefront",
                     size: "sm",
                     color: "neutral-gray-400"
@@ -701,15 +704,15 @@ const L = /* @__PURE__ */ k({
               ])
             ]),
             t("div", Ze, [
-              t("p", Fe, A(((s = e(p)) == null ? void 0 : s.name) ?? e(r)("connect.marketing.preview.yourBusiness")), 1),
-              t("p", Ue, A(e(r)("connect.marketing.preview.sponsored")), 1)
+              t("p", Fe, A(((s = e(p)) == null ? void 0 : s.name) ?? e(f)("connect.marketing.preview.yourBusiness")), 1),
+              t("p", Ue, A(e(f)("connect.marketing.preview.sponsored")), 1)
             ]),
-            c(l, {
+            r(c, {
               name: "more_vert",
               size: "sm",
               color: "neutral-white"
             }),
-            c(l, {
+            r(c, {
               name: "close",
               size: "sm",
               color: "neutral-white"
@@ -719,7 +722,7 @@ const L = /* @__PURE__ */ k({
         t("div", Ge, [
           i.caption ? (n(), d("p", Te, A(i.caption), 1)) : P("", !0),
           t("div", Ke, [
-            t("button", je, A(i.headline ?? e(r)("connect.marketing.preview.learnMore")), 1)
+            t("button", je, A(i.headline ?? e(f)("connect.marketing.preview.learnMore")), 1)
           ])
         ])
       ]);
@@ -740,21 +743,21 @@ const L = /* @__PURE__ */ k({
     modelValue: {}
   },
   emits: ["update:modelValue"],
-  setup(i, { emit: r }) {
-    const p = i, g = r, { t: f } = R(), l = I(!1), o = N(() => [
+  setup(i, { emit: f }) {
+    const p = i, g = f, { t: l } = R(), c = I(!1), o = N(() => [
       {
-        name: f("connect.marketing.preview.facebook"),
+        name: l("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: f("connect.marketing.preview.facebookPost"),
+            label: l("connect.marketing.preview.facebookPost"),
             value: "facebook-post",
             icon: "draft",
             aspectRatio: "1:1"
           },
           {
-            label: f("connect.marketing.preview.facebookStory"),
+            label: l("connect.marketing.preview.facebookStory"),
             value: "facebook-story",
             icon: "motion_play",
             aspectRatio: "9:16"
@@ -762,18 +765,18 @@ const L = /* @__PURE__ */ k({
         ]
       },
       {
-        name: f("connect.marketing.preview.instagram"),
+        name: l("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: f("connect.marketing.preview.instagramPost"),
+            label: l("connect.marketing.preview.instagramPost"),
             value: "instagram-post",
             icon: "draft",
             aspectRatio: "1:1"
           },
           {
-            label: f("connect.marketing.preview.instagramStory"),
+            label: l("connect.marketing.preview.instagramStory"),
             value: "instagram-story",
             icon: "motion_play",
             aspectRatio: "9:16"
@@ -785,19 +788,19 @@ const L = /* @__PURE__ */ k({
     ), b = N(
       () => o.value.find((v) => v.options.some((C) => C.value === p.modelValue))
     ), x = (v) => {
-      g("update:modelValue", v), l.value = !1;
+      g("update:modelValue", v), c.value = !1;
     };
     return (v, C) => {
       const D = B("FmIcon");
       return n(), d("div", Xe, [
-        l.value ? (n(), d("div", {
+        c.value ? (n(), d("div", {
           key: 0,
           class: "fixed inset-0 z-10",
-          onClick: C[0] || (C[0] = (h) => l.value = !1)
+          onClick: C[0] || (C[0] = (h) => c.value = !1)
         })) : P("", !0),
         t("button", {
           type: "button",
-          onClick: C[1] || (C[1] = (h) => l.value = !l.value),
+          onClick: C[1] || (C[1] = (h) => c.value = !c.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"
         }, [
           u.value && b.value ? (n(), d("div", Ye, [
@@ -813,13 +816,13 @@ const L = /* @__PURE__ */ k({
             ], 8, Ve)),
             t("span", Se, A(u.value.label), 1)
           ])) : P("", !0),
-          c(D, {
+          r(D, {
             name: "expand_more",
             size: "md",
             color: "neutral-gray-400"
           })
         ]),
-        l.value ? (n(), d("div", _e, [
+        c.value ? (n(), d("div", _e, [
           t("div", $e, [
             (n(!0), d(Q, null, F(o.value, (h, y) => (n(), d("div", {
               key: h.name,
@@ -847,7 +850,7 @@ const L = /* @__PURE__ */ k({
                 ]])
               }, [
                 t("div", io, [
-                  c(D, {
+                  r(D, {
                     name: a.icon,
                     size: "sm",
                     outline: "",
@@ -877,24 +880,24 @@ const L = /* @__PURE__ */ k({
     marketingMaterial: {}
   },
   emits: ["save"],
-  setup(i, { emit: r }) {
-    const p = i, { t: g } = R(), { shareMaterial: f } = X();
-    async function l() {
-      await f(p.marketingMaterial);
+  setup(i, { emit: f }) {
+    const p = i, { t: g } = R(), { shareMaterial: l } = Y();
+    async function c() {
+      await l(p.marketingMaterial);
     }
     return (o, s) => {
       const u = B("FmButton"), b = B("FmMenuItem"), x = B("FmMenu");
       return n(), d("div", fo, [
-        c(u, {
+        r(u, {
           variant: "primary",
           disabled: i.disabled,
           class: "!rounded-r-none",
           label: e(g)("connect.common.save"),
           onClick: s[0] || (s[0] = (v) => o.$emit("save"))
         }, null, 8, ["disabled", "label"]),
-        c(x, { placement: "bottom-end" }, {
+        r(x, { placement: "bottom-end" }, {
           "menu-button": H(() => [
-            c(u, {
+            r(u, {
               variant: "primary",
               icon: "arrow_drop_down",
               disabled: i.disabled,
@@ -902,10 +905,10 @@ const L = /* @__PURE__ */ k({
             }, null, 8, ["disabled"])
           ]),
           default: H(() => [
-            c(b, {
+            r(b, {
               label: e(g)("connect.marketing.actions.share"),
               disabled: !i.marketingMaterial || i.disabled,
-              onClick: l
+              onClick: c
             }, null, 8, ["label", "disabled"])
           ]),
           _: 1
@@ -916,31 +919,31 @@ const L = /* @__PURE__ */ k({
 }), go = { 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" }, mo = { class: "min-w-0 bg-fm-color-neutral-gray-50 xs:p-16" }, Ao = { class: "mx-auto flex max-w-[560px] flex-col" }, uo = { class: "p-24 xs:p-16" }, bo = { class: "bg-fm-color-neutral-gray-100 p-24 xs:p-12" }, Ro = /* @__PURE__ */ k({
   __name: "MarketingMaterialEdit",
   setup(i) {
-    const { t: r } = R(), p = et(), g = q(), f = nt(), { minor: l } = it, o = I(null), s = I(null), u = N(() => !o.value || !s.value ? !1 : o.value.imageUrl !== s.value.imageUrl || o.value.headline !== s.value.headline || o.value.caption !== s.value.caption), b = {
-      label: r("connect.common.cancel"),
+    const { t: f } = R(), p = et(), g = X(), l = nt(), { minor: c } = it, o = I(null), s = I(null), u = N(() => !o.value || !s.value ? !1 : o.value.imageUrl !== s.value.imageUrl || o.value.headline !== s.value.headline || o.value.caption !== s.value.caption), b = {
+      label: f("connect.common.cancel"),
       value: "cancel",
       isPrimary: !1
     };
     async function x() {
-      u.value ? f.open({
-        title: r("connect.campaign.common.unsaved_changes"),
-        message: r("connect.campaign.common.unsaved_changes"),
+      u.value ? l.open({
+        title: f("connect.campaign.common.unsaved_changes"),
+        message: f("connect.campaign.common.unsaved_changes"),
         primaryActions: {
-          text: r("connect.campaign.common.unsaved_changes_confirm"),
+          text: f("connect.campaign.common.unsaved_changes_confirm"),
           close: !0
         },
         secondaryActions: {
-          text: r("connect.campaign.common.unsaved_changes_cancel"),
+          text: f("connect.campaign.common.unsaved_changes_cancel"),
           close: !1
         }
       }).onPrimary(() => {
         p.push({ name: z["$connect-MARKETING"] });
       }).onSecondary(() => {
-        f.close();
+        l.close();
       }) : p.push({ name: z["$connect-MARKETING"] });
     }
     async function v() {
-      o.value && await l(
+      o.value && await c(
         async () => {
           const y = o.value._id, a = await K.updateMarketingMaterial(y, {
             imageUrl: o.value.imageUrl,
@@ -950,8 +953,8 @@ const L = /* @__PURE__ */ k({
           o.value = a, s.value = T.cloneDeep(a);
         },
         {
-          message: r("connect.marketing.materialEdit.saving"),
-          successMessage: r("connect.marketing.materialEdit.save_success")
+          message: f("connect.marketing.materialEdit.saving"),
+          successMessage: f("connect.marketing.materialEdit.save_success")
         }
       );
     }
@@ -981,15 +984,15 @@ const L = /* @__PURE__ */ k({
     }), (y, a) => {
       const m = B("FmPageHead");
       return n(), d(Q, null, [
-        c(m, {
+        r(m, {
           "back-button": !0,
-          title: e(r)("connect.marketing.materialEdit.title"),
+          title: e(f)("connect.marketing.materialEdit.title"),
           actions: [b],
           "onClick:back": x,
           "onClick:action": C
         }, {
           append: H(() => [
-            c(po, {
+            r(po, {
               "marketing-material": e(o),
               onSave: v
             }, null, 8, ["marketing-material"])
@@ -1000,7 +1003,7 @@ const L = /* @__PURE__ */ k({
           t("section", mo, [
             t("div", Ao, [
               t("div", uo, [
-                c(ro, {
+                r(ro, {
                   modelValue: e(D),
                   "onUpdate:modelValue": a[0] || (a[0] = (w) => $(D) ? D.value = w : null)
                 }, null, 8, ["modelValue"])