@feedmepos/mf-brand-app-builder 0.5.19-dev.7 → 0.5.19-dev.8

package/dist/{BrandkitView-Bv3g_unT.js → BrandkitView-C8BU5x1e.js}

@@ -1,10 +1,10 @@
 import { defineComponent as At, resolveComponent as ve, openBlock as ee, createElementBlock as re, createElementVNode as y, createVNode as M, withCtx as Le, normalizeStyle as tr, unref as O, createCommentVNode as De, toDisplayString as P, ref as dr, watch as Qr, withDirectives as gr, vShow as mr, Fragment as Ae, Transition as jr, createTextVNode as Qe, renderList as yr, normalizeClass as Ia } from "vue";
-import { B as Ma } from "./index-BiA7EdYJ.js";
+import { B as Ma } from "./index-BpIP-u0D.js";
 import { K as Pa } from "./ColorPicker-CHzKbuCD.js";
-import { u as Ba } from "./index-DHyq9kbn.js";
+import { u as Ba } from "./index-Bu7uBOtG.js";
 import { useCoreStore as Aa } from "@feedmepos/mf-common";
 import { u as Ga } from "./index-DzaJbB6y.js";
-import { u as Na } from "./app-EDk-Htyr.js";
+import { u as Na } from "./app-p3PSkafU.js";
 import { _ as _a } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const Ha = { class: "fm-typo-en-body-md-400" }, Wa = { class: "flex gap-8 items-center" }, za = { class: "p-4 relative" }, Va = { class: "shadow-lg rounded-lg p-8" }, qa = {
   key: 0,

package/dist/{BuilderView-Dsb6Hnrt.js → BuilderView-C61M3C2N.js}

@@ -1,18 +1,18 @@
-import { resolveComponent as J, TransitionGroup as ho, defineComponent as fe, h as ya, nextTick as Cn, isRef as yo, isReactive as vo, isProxy as xo, toRaw as To, ref as ie, computed as ae, openBlock as D, createElementBlock as H, Fragment as ke, renderList as ht, createElementVNode as B, toDisplayString as pe, unref as S, createVNode as L, withCtx as Z, createBlock as te, createCommentVNode as q, watch as qe, normalizeClass as ye, withDirectives as Qt, withModifiers as va, vShow as ea, createTextVNode as Co, onMounted as _n, resolveDynamicComponent as ja, mergeProps as _o, normalizeProps as wo, guardReactiveProps as Io, normalizeStyle as So, renderSlot as Oa, provide as Eo, inject as Lo, markRaw as Ao } from "vue";
-import { T as Oo, u as je } from "./index-Cr6R9jiY.js";
+import { resolveComponent as J, TransitionGroup as ho, defineComponent as fe, h as ya, nextTick as Cn, isRef as yo, isReactive as vo, isProxy as xo, toRaw as To, ref as oe, computed as ie, openBlock as D, createElementBlock as H, Fragment as ke, renderList as ht, createElementVNode as B, toDisplayString as pe, unref as S, createVNode as L, withCtx as Z, createBlock as te, createCommentVNode as q, watch as qe, normalizeClass as ye, withDirectives as Qt, withModifiers as va, vShow as ea, createTextVNode as Co, onMounted as _n, resolveDynamicComponent as ja, mergeProps as _o, normalizeProps as wo, guardReactiveProps as Io, normalizeStyle as So, renderSlot as Oa, provide as Eo, inject as Lo, markRaw as Ao } from "vue";
+import { T as Oo, u as je } from "./index-CHoPUARg.js";
 import { defineStore as No, storeToRefs as Fo } from "pinia";
 import { p as Po } from "./views-BDWw3w14.js";
-import { a as Do } from "./index-Cnssd8Iy.js";
+import { a as Do } from "./index-CUfUCBrv.js";
 import { v as Ha } from "./v4-ANoOI1Qw.js";
 import { _ as Bo } from "./Icon.vue_vue_type_style_index_0_lang-CVCHCcWR.js";
 import { B as wn } from "./BaDivider-DWZv3fqi.js";
-import { u as He, F as ko, a as Ro } from "./app-EDk-Htyr.js";
+import { u as He, F as ko, a as Ro } from "./app-p3PSkafU.js";
 import { C as Ya, _ as $o, a as Mo } from "./main-DBrQC_KK.js";
 import { useCoreStore as Ve } from "@feedmepos/mf-common";
 import { useDialog as Zo, components as Uo, useSnackbar as Vo } from "@feedmepos/ui-library";
 import { useRouter as In } from "vue-router";
 import { u as Na } from "./index-DzaJbB6y.js";
-import { u as Fa } from "./index-DHyq9kbn.js";
+import { u as Fa } from "./index-Bu7uBOtG.js";
 import { K as jo, V as Ho } from "./vue-sonner-PX6Req0V.js";
 const {
   Axios: Ul,
@@ -470,7 +470,7 @@ var ii = ["evt"], le = function(e, t) {
       Pe = !1;
     },
     dispatchSortableEvent: function(s) {
-      oe({
+      ne({
         sortable: t,
         name: s,
         originalEvent: o
@@ -478,7 +478,7 @@ var ii = ["evt"], le = function(e, t) {
     }
   }, i));
 };
-function oe(n) {
+function ne(n) {
   oi(_e({
     putSortable: Q,
     cloneEl: z,
@@ -636,7 +636,7 @@ O.prototype = /** @lends Sortable.prototype */
       if (hi(a), !x && !(/mousedown|pointerdown/.test(r) && e.button !== 0 || o.disabled) && !c.isContentEditable && !(!this.nativeDraggable && lt && l && l.tagName.toUpperCase() === "SELECT") && (l = xe(l, o.draggable, a, !1), !(l && l.animated) && Ft !== l)) {
         if (Ge = ge(l), dt = ge(l, o.draggable), typeof d == "function") {
           if (d.call(this, e, l, this)) {
-            oe({
+            ne({
               sortable: t,
               rootEl: c,
               name: "filter",
@@ -650,7 +650,7 @@ O.prototype = /** @lends Sortable.prototype */
           }
         } else if (d && (d = d.split(",").some(function(u) {
           if (u = xe(c, u.trim(), a, !1), u)
-            return oe({
+            return ne({
               sortable: t,
               rootEl: u,
               name: "filter",
@@ -683,7 +683,7 @@ O.prototype = /** @lends Sortable.prototype */
           o._onDrop();
           return;
         }
-        o._disableDelayedDragEvents(), !Ka && o.nativeDraggable && (x.draggable = !0), o._triggerDragStart(e, t), oe({
+        o._disableDelayedDragEvents(), !Ka && o.nativeDraggable && (x.draggable = !0), o._triggerDragStart(e, t), ne({
           sortable: o,
           name: "choose",
           originalEvent: e
@@ -728,7 +728,7 @@ O.prototype = /** @lends Sortable.prototype */
         evt: t
       }), this.nativeDraggable && $(document, "dragover", ci);
       var a = this.options;
-      !e && ce(x, a.dragClass, !1), ce(x, a.ghostClass, !0), O.active = this, e && this._appendGhost(), oe({
+      !e && ce(x, a.dragClass, !1), ce(x, a.ghostClass, !0), O.active = this, e && this._appendGhost(), ne({
         sortable: this,
         name: "start",
         originalEvent: t
@@ -801,7 +801,7 @@ O.prototype = /** @lends Sortable.prototype */
       return;
     }
     le("setupClone", this), O.eventCanceled || (z = Nn(x), z.draggable = !1, z.style["will-change"] = "", this._hideClone(), ce(z, this.options.chosenClass, !1), O.clone = z), a.cloneId = Dt(function() {
-      le("clone", a), !O.eventCanceled && (a.options.removeCloneOnHide || j.insertBefore(z, x), a._hideClone(), oe({
+      le("clone", a), !O.eventCanceled && (a.options.removeCloneOnHide || j.insertBefore(z, x), a._hideClone(), ne({
         sortable: a,
         name: "clone"
       }));
@@ -811,7 +811,7 @@ O.prototype = /** @lends Sortable.prototype */
   _onDragOver: function(e) {
     var t = this.el, a = e.target, o, i, r, s = this.options, l = s.group, c = O.active, d = wt === l, u = s.sort, p = Q || c, m, b = this, g = !1;
     if (xa) return;
-    function _(Ae, ne) {
+    function _(Ae, ae) {
       le(Ae, b, _e({
         evt: e,
         isOwner: d,
@@ -827,7 +827,7 @@ O.prototype = /** @lends Sortable.prototype */
           return Et(j, t, x, o, Ne, X(Ne), e, _t);
         },
         changed: T
-      }, ne));
+      }, ae));
     }
     function y() {
       _("dragOverAnimationCapture"), b.captureAnimationState(), b !== p && p.captureAnimationState();
@@ -840,7 +840,7 @@ O.prototype = /** @lends Sortable.prototype */
       }), b !== p && (p.animateAll(), p._ignoreWhileAnimating = null)), (a === x && !x.animated || a === t && !a.animated) && (ze = null), !s.dragoverBubble && !e.rootEl && a !== document && (x.parentNode[ue]._isOutsideThisEl(e.target), !Ae && Ze(e)), !s.dragoverBubble && e.stopPropagation && e.stopPropagation(), g = !0;
     }
     function T() {
-      de = ge(x), Fe = ge(x, s.draggable), oe({
+      de = ge(x), Fe = ge(x, s.draggable), ne({
         sortable: b,
         name: "change",
         toEl: t,
@@ -909,46 +909,46 @@ O.prototype = /** @lends Sortable.prototype */
       this._nulling();
       return;
     }
-    Je = !1, It = !1, pt = !1, clearInterval(this._loopId), clearTimeout(this._dragStartTimer), Ta(this.cloneId), Ta(this._dragStartId), this.nativeDraggable && (k(document, "drop", this), k(t, "dragstart", this._onDragStart)), this._offMoveEvents(), this._offUpEvents(), lt && A(document.body, "user-select", ""), A(x, "transform", ""), e && (it && (e.cancelable && e.preventDefault(), !a.dropBubble && e.stopPropagation()), P && P.parentNode && P.parentNode.removeChild(P), (j === Y || Q && Q.lastPutMode !== "clone") && z && z.parentNode && z.parentNode.removeChild(z), x && (this.nativeDraggable && k(x, "dragend", this), ra(x), x.style["will-change"] = "", it && !Je && ce(x, Q ? Q.options.ghostClass : this.options.ghostClass, !1), ce(x, this.options.chosenClass, !1), oe({
+    Je = !1, It = !1, pt = !1, clearInterval(this._loopId), clearTimeout(this._dragStartTimer), Ta(this.cloneId), Ta(this._dragStartId), this.nativeDraggable && (k(document, "drop", this), k(t, "dragstart", this._onDragStart)), this._offMoveEvents(), this._offUpEvents(), lt && A(document.body, "user-select", ""), A(x, "transform", ""), e && (it && (e.cancelable && e.preventDefault(), !a.dropBubble && e.stopPropagation()), P && P.parentNode && P.parentNode.removeChild(P), (j === Y || Q && Q.lastPutMode !== "clone") && z && z.parentNode && z.parentNode.removeChild(z), x && (this.nativeDraggable && k(x, "dragend", this), ra(x), x.style["will-change"] = "", it && !Je && ce(x, Q ? Q.options.ghostClass : this.options.ghostClass, !1), ce(x, this.options.chosenClass, !1), ne({
       sortable: this,
       name: "unchoose",
       toEl: Y,
       newIndex: null,
       newDraggableIndex: null,
       originalEvent: e
-    }), j !== Y ? (de >= 0 && (oe({
+    }), j !== Y ? (de >= 0 && (ne({
       rootEl: Y,
       name: "add",
       toEl: Y,
       fromEl: j,
       originalEvent: e
-    }), oe({
+    }), ne({
       sortable: this,
       name: "remove",
       toEl: Y,
       originalEvent: e
-    }), oe({
+    }), ne({
       rootEl: Y,
       name: "sort",
       toEl: Y,
       fromEl: j,
       originalEvent: e
-    }), oe({
+    }), ne({
       sortable: this,
       name: "sort",
       toEl: Y,
       originalEvent: e
-    })), Q && Q.save()) : de !== Ge && de >= 0 && (oe({
+    })), Q && Q.save()) : de !== Ge && de >= 0 && (ne({
       sortable: this,
       name: "update",
       toEl: Y,
       originalEvent: e
-    }), oe({
+    }), ne({
       sortable: this,
       name: "sort",
       toEl: Y,
       originalEvent: e
-    })), O.active && ((de == null || de === -1) && (de = Ge, Fe = dt), oe({
+    })), O.active && ((de == null || de === -1) && (de = Ge, Fe = dt), ne({
       sortable: this,
       name: "end",
       toEl: Y,
@@ -5303,7 +5303,7 @@ function sr(n) {
   return e(n);
 }
 const Re = No("editor", () => {
-  const n = ie({
+  const n = oe({
     node: [],
     selectedNode: null,
     copied: null,
@@ -5420,7 +5420,7 @@ function xt() {
 const lr = { class: "flex flex-col gap-24 h-full flex-shrink-0 w-[320px] bg-fm-color-neutral-white py-16 px-24 border-r border-fm-color-neutral-gray-200 overflow-y-auto" }, cr = { class: "flex flex-col gap-12" }, dr = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, ur = { class: "flex flex-col gap-8 justify-center items-center bg-fm-color-neutral-gray-100 py-12 px-16 cursor-grab rounded-md" }, pr = { class: "fm-typo-en-body-md-600 text-fm-color-typo-secondary text-center" }, fr = /* @__PURE__ */ fe({
   __name: "ElementSidebar",
   setup(n) {
-    const e = xt(), t = je(), { t: a } = He(), o = ae(
+    const e = xt(), t = je(), { t: a } = He(), o = ie(
       () => {
         var s;
         return ((s = t.state.selectedTemplate) == null ? void 0 : s.group) || "default";
@@ -5429,7 +5429,7 @@ const lr = { class: "flex flex-col gap-24 h-full flex-shrink-0 w-[320px] bg-fm-c
     function i(s) {
       return e.buildNewNode(s.component, {});
     }
-    const r = ae(() => on.filter(
+    const r = ie(() => on.filter(
       (s) => s.group == o.value || s.group == "all"
     ));
     return (s, l) => (D(), H("div", lr, [
@@ -5464,7 +5464,7 @@ const lr = { class: "flex flex-col gap-24 h-full flex-shrink-0 w-[320px] bg-fm-c
 }), mr = { class: "absolute z-10 flex items-center gap-8 bottom-24 left-1/2 transform -translate-x-1/2 bg-fm-color-neutral-white border border-fm-color-neutral-gray-100 rounded-lg p-8 shadow-light-600" }, br = /* @__PURE__ */ fe({
   __name: "EditorFloatingToobar",
   setup(n) {
-    const e = Re(), { state: t } = Fo(e), a = xt(), o = ae(
+    const e = Re(), { state: t } = Fo(e), a = xt(), o = ie(
       () => t.value.selectedNode && t.value.node.length > 0
     ), i = [
       // {
@@ -5521,7 +5521,7 @@ const lr = { class: "flex flex-col gap-24 h-full flex-shrink-0 w-[320px] bg-fm-c
 }), gr = { class: "flex items-center gap-8 select-none px-8 py-8 rounded-md active:bg-fm-color-opacity-md transition-all duration-500 cursor-pointer" }, hr = { class: "bg-fm-color-neutral-white px-8 py-8 border border-fm-color-opacity-sm rounded-sm" }, yr = { class: "py-8 px-12 w-full flex items-center justify-between gap-8 transition-all duration-500" }, vr = { class: "flex items-center gap-8" }, xr = { class: "fm-typo-en-body-md-600 text-fm-color-typo-primary" }, Tr = { class: "flex items-center gap-8" }, Cr = { class: "overflow-y-auto" }, _r = { class: "flex items-center gap-8" }, wr = { class: "fm-typo-en-body-md-400 text-fm-color-primary" }, Ir = { class: "fm-typo-en-body-md-400 text-fm-color-primary" }, Sr = /* @__PURE__ */ fe({
   __name: "TemplatePicker",
   setup(n) {
-    const e = ie(!1), t = ie(""), a = ie(""), o = Ve(), i = je(), r = Re(), s = xt(), l = In(), c = Zo(), d = Na(), { t: u } = He(), p = ae(
+    const e = oe(!1), t = oe(""), a = oe(""), o = Ve(), i = je(), r = Re(), s = xt(), l = In(), c = Zo(), d = Na(), { t: u } = He(), p = ie(
       () => i.state.allTemplates.filter(
         (h) => {
           var C;
@@ -5550,7 +5550,7 @@ const lr = { class: "flex flex-col gap-24 h-full flex-shrink-0 w-[320px] bg-fm-c
     };
     function b(h) {
       e.value = !1;
-      const C = ie(!1), w = async () => {
+      const C = oe(!1), w = async () => {
         d.promise(
           async () => {
             C.value = !0, i.saveTemplate(
@@ -5621,7 +5621,7 @@ const lr = { class: "flex flex-col gap-24 h-full flex-shrink-0 w-[320px] bg-fm-c
     }
     function v(h) {
       e.value = !1;
-      const C = ie(h.templateAlias), w = ie(!1), I = ae(
+      const C = oe(h.templateAlias), w = oe(!1), I = ie(
         () => C.value === h.templateAlias
       );
       c.open({
@@ -5656,7 +5656,7 @@ const lr = { class: "flex flex-col gap-24 h-full flex-shrink-0 w-[320px] bg-fm-c
     }
     function T(h) {
       e.value = !1;
-      const C = ie(!1);
+      const C = oe(!1);
       c.open({
         title: u("brand.template.picker.deleteTitle"),
         message: u("brand.template.picker.deleteMessage", {
@@ -5954,7 +5954,7 @@ const lr = { class: "flex flex-col gap-24 h-full flex-shrink-0 w-[320px] bg-fm-c
 }), Er = { class: "w-[280px]" }, Lr = { class: "fm-typo-en-body-sm-600 text-fm-color-typo-secondary py-4 px-8" }, Ar = /* @__PURE__ */ fe({
   __name: "TemplateShareMenu",
   setup(n) {
-    const e = ie(!1), t = Re(), a = Fa(), o = je(), i = Ve(), r = Na(), { t: s } = He(), { namespace: l } = Ve(), c = [
+    const e = oe(!1), t = Re(), a = Fa(), o = je(), i = Ve(), r = Na(), { t: s } = He(), { namespace: l } = Ve(), c = [
       "6620bdb2823d92001b3a966f",
       "5dc8df2eb3de6a0021295d8f",
       "5d9b00862cb0c4002146e69a",
@@ -5987,7 +5987,7 @@ const lr = { class: "flex flex-col gap-24 h-full flex-shrink-0 w-[320px] bg-fm-c
       "678f134f13a27b001c72b1e7",
       "5f76a6ffcd6730001b320816",
       "67ff36e8b11f39001c012541"
-    ], d = ae(() => l.value === "dev" || a.state.isPremium || c.includes(i.currentBusiness.value._id));
+    ], d = ie(() => l.value === "dev" || a.state.isPremium || c.includes(i.currentBusiness.value._id));
     function u(y, v) {
       return !y || !d.value ? !1 : (!y.group || y.group == "default") && v == "home" ? y.isPublished && o.state.activeTemplateId !== y.templateId : y.group == "member" && v == "member" ? y.isPublished && o.state.activeMemberTemplateId !== y.templateId : !1;
     }
@@ -5998,7 +5998,7 @@ const lr = { class: "flex flex-col gap-24 h-full flex-shrink-0 w-[320px] bg-fm-c
       if (v == "member")
         return y.isPublished ? o.state.activeMemberTemplateId === y.templateId ? s("brand.template.shareMenu.thisTemplateSetAsMemberHomepage") : "" : s("brand.template.shareMenu.templateNotPublished");
     }
-    const m = ae(() => {
+    const m = ie(() => {
       var y, v, T, h, C, w, I, E;
       return [
         {
@@ -7634,7 +7634,7 @@ Tt.toString = Ua.bind(null, function(n, e, t) {
 const hs = { class: "flex items-center justify-center" }, ys = { class: "w-full flex gap-8 justify-end items-center" }, vs = /* @__PURE__ */ fe({
   __name: "PreviewQrCode",
   setup(n) {
-    const e = ie(), t = Ve(), a = je(), { t: o } = He(), i = ie(!1), r = ae(() => `${`${"https://{slug}.feedmedev.vip".replace("{slug}", `${t.currentBusiness.value.url ?? t.currentBusiness.value._id}`)}`}/preview/${a.state.selectedTemplate.templateId}`);
+    const e = oe(), t = Ve(), a = je(), { t: o } = He(), i = oe(!1), r = ie(() => `${`${"https://{slug}.feedmedev.vip".replace("{slug}", `${t.currentBusiness.value.url ?? t.currentBusiness.value._id}`)}`}/preview/${a.state.selectedTemplate.templateId}`);
     function s() {
       jo.promise(navigator.clipboard.writeText(r.value), {
         loading: o("brand.template.shareMenu.copying"),
@@ -7803,15 +7803,15 @@ const ws = { class: "relative h-full min-w-[500px] flex-1 bg-fm-color-neutral-gr
 }, As = /* @__PURE__ */ fe({
   __name: "Editor",
   setup(n) {
-    const e = Re(), t = Ve(), a = Fa(), o = ae({
+    const e = Re(), t = Ve(), a = Fa(), o = ie({
       get() {
         return e.state.node[0].children;
       },
       set(l) {
         e.setNodeList(l);
       }
-    }), i = ae(() => e.state.node[0]), r = ae(() => e.state.selectedNode);
-    ie(!1);
+    }), i = ie(() => e.state.node[0]), r = ie(() => e.state.selectedNode);
+    oe(!1);
     function s(l) {
       e.setCurrentNode(l);
     }
@@ -8317,27 +8317,27 @@ class zt extends qt {
       const K = (t.missingKeyNoValueFallbackToKey || this.options.missingKeyNoValueFallbackToKey) && N ? void 0 : p, G = T && I !== p && this.options.updateMissing;
       if (N || M || G) {
         if (this.logger.log(G ? "updateKey" : "missingKey", c, l, r, G ? I : p), i) {
-          const ne = this.resolve(r, {
+          const ae = this.resolve(r, {
             ...t,
             keySeparator: !1
           });
-          ne && ne.res && this.logger.warn("Seems the loaded translations were in flat JSON format instead of nested. Either set keySeparator: false on init or make sure your translations are published in nested format.");
+          ae && ae.res && this.logger.warn("Seems the loaded translations were in flat JSON format instead of nested. Either set keySeparator: false on init or make sure your translations are published in nested format.");
         }
         let se = [];
         const Ie = this.languageUtils.getFallbackCodes(this.options.fallbackLng, t.lng || this.language);
         if (this.options.saveMissingTo === "fallback" && Ie && Ie[0])
-          for (let ne = 0; ne < Ie.length; ne++)
-            se.push(Ie[ne]);
+          for (let ae = 0; ae < Ie.length; ae++)
+            se.push(Ie[ae]);
         else this.options.saveMissingTo === "all" ? se = this.languageUtils.toResolveHierarchy(t.lng || this.language) : se.push(t.lng || this.language);
-        const Ae = (ne, Oe, Ne) => {
+        const Ae = (ae, Oe, Ne) => {
           var Va;
           const _t = T && Ne !== p ? Ne : K;
-          this.options.missingKeyHandler ? this.options.missingKeyHandler(ne, l, Oe, _t, G, t) : (Va = this.backendConnector) != null && Va.saveMissing && this.backendConnector.saveMissing(ne, l, Oe, _t, G, t), this.emit("missingKey", ne, l, Oe, p);
+          this.options.missingKeyHandler ? this.options.missingKeyHandler(ae, l, Oe, _t, G, t) : (Va = this.backendConnector) != null && Va.saveMissing && this.backendConnector.saveMissing(ae, l, Oe, _t, G, t), this.emit("missingKey", ae, l, Oe, p);
         };
-        this.options.saveMissing && (this.options.saveMissingPlurals && v ? se.forEach((ne) => {
-          const Oe = this.pluralResolver.getSuffixes(ne, t);
+        this.options.saveMissing && (this.options.saveMissingPlurals && v ? se.forEach((ae) => {
+          const Oe = this.pluralResolver.getSuffixes(ae, t);
           w && t[`defaultValue${this.options.pluralSeparator}zero`] && Oe.indexOf(`${this.options.pluralSeparator}zero`) < 0 && Oe.push(`${this.options.pluralSeparator}zero`), Oe.forEach((Ne) => {
-            Ae([ne], r + Ne, t[`defaultValue${Ne}`] || I);
+            Ae([ae], r + Ne, t[`defaultValue${Ne}`] || I);
           });
         }) : Ae(se, r, I));
       }
@@ -10865,36 +10865,35 @@ const Ws = [
     title: {}
   },
   setup(n) {
-    const { t: e } = He(), t = ie([]), a = ie(""), o = n;
+    const { t: e } = He(), t = oe([]), a = oe("");
     Eo(go, {
-      register(s) {
-        t.value = [...t.value, s].map(
-          (l) => ({
-            ...l,
-            title: e(l.title)
+      register(i) {
+        t.value = [...t.value, i].map(
+          (r) => ({
+            ...r,
+            title: e(r.title)
           })
-        ), t.value.length === 1 && (a.value = s.value);
+        ), t.value.length === 1 && (a.value = i.value);
       },
-      currentTab: ae(() => a.value)
+      currentTab: ie(() => a.value)
     });
-    const i = ae(() => e(o.title));
-    function r(s) {
-      a.value = s;
+    function o(i) {
+      a.value = i;
     }
-    return (s, l) => {
-      const c = J("FmTab");
+    return (i, r) => {
+      const s = J("FmTab");
       return D(), H("div", null, [
-        B("div", bl, pe(i.value), 1),
+        B("div", bl, pe(i.title), 1),
         L(wn),
         B("div", gl, [
-          (D(!0), H(ke, null, ht(t.value, (d) => (D(), te(c, {
+          (D(!0), H(ke, null, ht(t.value, (l) => (D(), te(s, {
             "model-value": a.value,
-            "onUpdate:modelValue": l[0] || (l[0] = (u) => r(u)),
-            label: d.title,
-            value: d.value
+            "onUpdate:modelValue": r[0] || (r[0] = (c) => o(c)),
+            label: l.title,
+            value: l.value
           }, null, 8, ["model-value", "label", "value"]))), 256))
         ]),
-        Oa(s.$slots, "default")
+        Oa(i.$slots, "default")
       ]);
     };
   }
@@ -10920,11 +10919,11 @@ const Ws = [
 }), Tl = { class: "h-full flex-shrink-0 w-[308px] bg-fm-color-neutral-white border-l border-fm-color-neutral-gray-200 overflow-y-auto" }, Cl = /* @__PURE__ */ fe({
   __name: "Inspector",
   setup(n) {
-    const e = Re(), t = ae(() => e.state.selectedNode), a = ae(() => {
+    const e = Re(), t = ie(() => e.state.selectedNode), a = ie(() => {
       var c;
       const l = ((c = t.value) == null ? void 0 : c.type) ?? null;
       return l !== null ? ul[l] : [];
-    }), o = ae(() => {
+    }), o = ie(() => {
       var l;
       return (l = t.value) == null ? void 0 : l.props;
     }), i = Ao({
@@ -10987,7 +10986,7 @@ const Ws = [
     templateId: {}
   },
   setup(n) {
-    const e = Ve(), t = Re(), a = je(), o = Fa(), i = In(), r = xt(), s = ie(!0);
+    const e = Ve(), t = Re(), a = je(), o = Fa(), i = In(), r = xt(), s = oe(!0);
     async function l() {
       var d, u;
       s.value = !0, e.currentBusiness.value && ((d = e.currentBusiness.value) != null && d._id && await a.getAllTemplates(e.currentBusiness.value._id), (u = e.currentBusiness.value) != null && u.url && await o.getGlobalSlug(e.currentBusiness.value.url), c());

package/dist/{ButtonGroup-CabLKyri.js → ButtonGroup-DDQcWzI9.js}

@@ -1,5 +1,5 @@
 import { defineComponent as s, computed as n, resolveComponent as c, openBlock as m, createBlock as d } from "vue";
-import { u as i } from "./app-EDk-Htyr.js";
+import { u as i } from "./app-p3PSkafU.js";
 const x = /* @__PURE__ */ s({
   __name: "ButtonGroup",
   props: {

package/dist/{ImageUpload-CZJC6Yuz.js → ImageUpload-SIGBaXe4.js}

@@ -1,5 +1,5 @@
 import { defineComponent as y, ref as b, resolveComponent as w, openBlock as r, createElementBlock as s, createVNode as c, Fragment as C, createElementVNode as i, unref as u, createCommentVNode as f } from "vue";
-import { r as g, I as h } from "./image-C67NP--2.js";
+import { r as g, I as h } from "./image-Bsuqx0Uc.js";
 import { useCoreStore as I } from "@feedmepos/mf-common";
 import "./main-DBrQC_KK.js";
 import { _ as $ } from "./Icon.vue_vue_type_style_index_0_lang-CVCHCcWR.js";

package/dist/{LinkButton-Cd7Xi0n9.js → LinkButton-BYAExatU.js}

@@ -1,7 +1,7 @@
 import { defineComponent as I, ref as f, computed as k, onBeforeMount as L, resolveComponent as c, openBlock as u, createBlock as v, withCtx as m, createElementBlock as x, createElementVNode as a, toDisplayString as P, createVNode as r, withModifiers as R, Fragment as M, renderList as F } from "vue";
 import { B as y } from "./BaDivider-DWZv3fqi.js";
 import { _ as W } from "./Icon.vue_vue_type_style_index_0_lang-CVCHCcWR.js";
-import { u as $ } from "./index-Cr6R9jiY.js";
+import { u as $ } from "./index-CHoPUARg.js";
 import "@feedmepos/mf-common";
 const j = {
   key: 1,

package/dist/{ListRepeater-CdKySTFH.js → ListRepeater-hzUtH7O1.js}

@@ -1,5 +1,5 @@
 import { defineComponent as b, resolveComponent as y, openBlock as c, createBlock as s, unref as u, withCtx as i, createElementBlock as m, Fragment as x, renderList as g, createElementVNode as p, createVNode as n, resolveDynamicComponent as F } from "vue";
-import { F as f } from "./app-EDk-Htyr.js";
+import { F as f } from "./app-p3PSkafU.js";
 const h = { class: "flex justify-end gap-4 items-center w-full py-16 px-12 border-b" }, z = { class: "flex flex-col gap-4 w-full p-12" }, I = /* @__PURE__ */ b({
   __name: "ListRepeater",
   props: {

package/dist/{ManagementSettings-C4iEzNxC.js → ManagementSettings-ng7VWeSW.js}

@@ -1,10 +1,10 @@
 import { defineComponent as C, ref as y, computed as S, watch as $, resolveComponent as d, openBlock as g, createElementBlock as k, createElementVNode as o, toDisplayString as _, unref as i, createVNode as u, createBlock as F, withCtx as U } from "vue";
 import { useCoreStore as P } from "@feedmepos/mf-common";
-import { B as h } from "./index-BiA7EdYJ.js";
+import { B as h } from "./index-BpIP-u0D.js";
 import { K as V } from "./vue-sonner-PX6Req0V.js";
-import { r as q, I } from "./image-C67NP--2.js";
+import { r as q, I } from "./image-Bsuqx0Uc.js";
 import { useSnackbar as T } from "@feedmepos/ui-library";
-import { u as A } from "./app-EDk-Htyr.js";
+import { u as A } from "./app-p3PSkafU.js";
 const E = new RegExp(/^[a-z0-9][a-z0-9\-]{4,}[a-z0-9]$/), N = [
   "brand",
   "home",

package/dist/{ProjectView-DfH0pwvf.js → ProjectView-Dvk5eyiy.js}

@@ -1,12 +1,12 @@
 import { defineComponent as De, openBlock as R, createElementBlock as k, normalizeClass as he, createElementVNode as M, toDisplayString as p, ref as oe, computed as re, watch as Re, resolveComponent as V, unref as A, Fragment as Qe, renderList as ce, createVNode as Z, createCommentVNode as P, createBlock as q, withCtx as ie, h as je } from "vue";
-import { u as ue } from "./index-Cr6R9jiY.js";
+import { u as ue } from "./index-CHoPUARg.js";
 import { useCoreStore as Te } from "@feedmepos/mf-common";
 import { p as Oe } from "./views-BDWw3w14.js";
 import { useRouter as Ae } from "vue-router";
 import { g as Ee, c as He } from "./_commonjsHelpers-DaMA6jEr.js";
 import { useDialog as Me, components as le } from "@feedmepos/ui-library";
 import { K as se } from "./vue-sonner-PX6Req0V.js";
-import { u as Ge } from "./app-EDk-Htyr.js";
+import { u as Ge } from "./app-p3PSkafU.js";
 var Ce = { exports: {} };
 (function(_, N) {
   (function(D, E) {

package/dist/{Select-CtYNwgo_.js → Select-B1fwJAzB.js}

@@ -1,5 +1,5 @@
 import { defineComponent as F, ref as y, computed as h, onMounted as I, resolveComponent as p, openBlock as n, createBlock as d, withCtx as v, createVNode as x, createElementVNode as B, createElementBlock as r, toDisplayString as _, createCommentVNode as c, Fragment as N, renderList as V, normalizeClass as z, createTextVNode as P } from "vue";
-import { u as S } from "./app-EDk-Htyr.js";
+import { u as S } from "./app-p3PSkafU.js";
 const $ = { class: "min-w-[100px] w-full flex items-center justify-between" }, j = ["value"], E = {
   key: 1,
   class: "h-full fm-typo-en-body-lg-400 text-fm-color-typo-primary select-none cursor-pointer"

package/dist/{SettingsView-BgEbkeGm.js → SettingsView-W3VPDZWD.js}

@@ -1,6 +1,6 @@
 import { defineComponent as u, resolveComponent as i, openBlock as c, createElementBlock as p, createElementVNode as f, toDisplayString as d, unref as e, createVNode as s } from "vue";
 import { useRoute as b, useRouter as g, RouterView as _ } from "vue-router";
-import { u as v } from "./app-EDk-Htyr.js";
+import { u as v } from "./app-p3PSkafU.js";
 const w = { class: "h-full w-full p-24 bg-fm-color-neutral-white overflow-auto flex flex-col gap-24" }, h = { class: "fm-typo-en-title-md-600 text-fm-color-typo-primary" }, B = /* @__PURE__ */ u({
   __name: "SettingsView",
   setup(x) {