@feedmepos/mf-brand-app-builder 0.5.28-prod → 0.5.29-dev

package/dist/{BuilderView-CeBhUmEZ.js → BuilderView-Dtm0i4NK.js}

@@ -1,19 +1,20 @@
-import { resolveComponent as V, TransitionGroup as qn, defineComponent as se, nextTick as rn, h as ma, isRef as Qn, isReactive as eo, isProxy as to, toRaw as ao, ref as q, computed as ie, createElementBlock as Z, openBlock as N, Fragment as Le, renderList as vt, createElementVNode as I, createVNode as w, createBlock as ae, createCommentVNode as Q, toDisplayString as j, unref as v, withCtx as M, normalizeClass as ye, watch as tt, withDirectives as Gt, withModifiers as ba, vShow as Xt, createTextVNode as no, onMounted as ln, resolveDynamicComponent as Ma, mergeProps as oo, normalizeProps as ro, guardReactiveProps as io, normalizeStyle as lo, renderSlot as wa, provide as so, inject as co, markRaw as uo } from "vue";
-import { T as po, u as Ge } from "./index-CPs0rWCO.js";
+import { resolveComponent as V, TransitionGroup as qn, defineComponent as se, nextTick as rn, h as ma, isRef as Qn, isReactive as eo, isProxy as to, toRaw as ao, ref as q, computed as ie, createElementBlock as Z, openBlock as N, Fragment as Le, renderList as vt, createElementVNode as I, createVNode as _, createBlock as ae, createCommentVNode as Q, toDisplayString as j, unref as y, withCtx as M, normalizeClass as ye, watch as tt, withDirectives as Gt, withModifiers as ba, vShow as Xt, createTextVNode as no, onMounted as ln, resolveDynamicComponent as Ma, mergeProps as oo, normalizeProps as ro, guardReactiveProps as io, normalizeStyle as lo, renderSlot as wa, provide as so, inject as co, markRaw as uo } from "vue";
+import { T as po, u as Ge } from "./index-Bk6TOZrx.js";
 import { defineStore as mo, storeToRefs as bo } from "pinia";
 import { p as fo } from "./views-BDWw3w14.js";
-import { A as go } from "./index-C6_vWPi0.js";
+import { A as go } from "./index-D0LOMBBD.js";
 import { v as Ra } from "./v4-CKwdnpQf.js";
 import { _ as ho } from "./Icon.vue_vue_type_style_index_0_lang-BcRjQndc.js";
 import { B as sn } from "./BaDivider-Cp9gfB4r.js";
-import { useI18n as Ze, useCoreStore as We } from "@feedmepos/mf-common";
-import { C as $a, _ as yo, a as vo } from "./main-TiuQoOa_.js";
-import { useDialog as To, components as xo, useSnackbar as Co } from "@feedmepos/ui-library";
+import { useI18n as Ue, useCoreStore as We } from "@feedmepos/mf-common";
+import { C as $a, _ as yo, a as vo } from "./main-CFlu_mRA.js";
+import { useAppStore as To, RemyButton as xo, useClientEvent as Co } from "@feedmepos/mf-remy-panel";
+import { useDialog as _o, components as wo, useSnackbar as Io } from "@feedmepos/ui-library";
 import { useRouter as dn } from "vue-router";
-import { u as Ia, a as _o, b as wo } from "./brandkit-OeLZ05mv.js";
-import { u as Ea } from "./index-CawZ03Z8.js";
-import { K as Io, V as Eo } from "./vue-sonner-CBFYmm8_.js";
-import { F as So, a as Ao } from "./app-Bh_S4QSD.js";
+import { u as Ia, a as Eo, b as So } from "./brandkit-OeLZ05mv.js";
+import { u as Ea } from "./index-C1rSMuKA.js";
+import { K as Ao, V as Bo } from "./vue-sonner-CBFYmm8_.js";
+import { F as Lo, a as ko } from "./app-Dv1xHBP_.js";
 /**!
  * Sortable 1.14.0
  * @author	RubaXa   <trash@rubaxa.org>
@@ -34,7 +35,7 @@ function Ie(t) {
   for (var e = 1; e < arguments.length; e++) {
     var a = arguments[e] != null ? arguments[e] : {};
     e % 2 ? Za(Object(a), !0).forEach(function(n) {
-      Bo(t, n, a[n]);
+      Do(t, n, a[n]);
     }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(t, Object.getOwnPropertyDescriptors(a)) : Za(Object(a)).forEach(function(n) {
       Object.defineProperty(t, n, Object.getOwnPropertyDescriptor(a, n));
     });
@@ -49,7 +50,7 @@ function kt(t) {
     return e && typeof Symbol == "function" && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
   }, kt(t);
 }
-function Bo(t, e, a) {
+function Do(t, e, a) {
   return e in t ? Object.defineProperty(t, e, {
     value: a,
     enumerable: !0,
@@ -67,16 +68,16 @@ function De() {
     return t;
   }, De.apply(this, arguments);
 }
-function Lo(t, e) {
+function No(t, e) {
   if (t == null) return {};
   var a = {}, n = Object.keys(t), o, r;
   for (r = 0; r < n.length; r++)
     o = n[r], !(e.indexOf(o) >= 0) && (a[o] = t[o]);
   return a;
 }
-function ko(t, e) {
+function Fo(t, e) {
   if (t == null) return {};
-  var a = Lo(t, e), n, o;
+  var a = No(t, e), n, o;
   if (Object.getOwnPropertySymbols) {
     var r = Object.getOwnPropertySymbols(t);
     for (o = 0; o < r.length; o++)
@@ -84,12 +85,12 @@ function ko(t, e) {
   }
   return a;
 }
-var Do = "1.14.0";
+var Oo = "1.14.0";
 function ke(t) {
   if (typeof window < "u" && window.navigator)
     return !!/* @__PURE__ */ navigator.userAgent.match(t);
 }
-var Ne = ke(/(?:Trident.*rv[ :]?11\.|msie|iemobile|Windows Phone)/i), Tt = ke(/Edge/i), Ua = ke(/firefox/i), pt = ke(/safari/i) && !ke(/chrome/i) && !ke(/android/i), cn = ke(/iP(ad|od|hone)/i), No = ke(/chrome/i) && ke(/android/i), un = {
+var Ne = ke(/(?:Trident.*rv[ :]?11\.|msie|iemobile|Windows Phone)/i), Tt = ke(/Edge/i), Ua = ke(/firefox/i), pt = ke(/safari/i) && !ke(/chrome/i) && !ke(/android/i), cn = ke(/iP(ad|od|hone)/i), Po = ke(/chrome/i) && ke(/android/i), un = {
   capture: !1,
   passive: !1
 };
@@ -115,7 +116,7 @@ function Pt(t, e) {
     return !1;
   }
 }
-function Fo(t) {
+function Mo(t) {
   return t.host && t !== document && t.host.nodeType ? t.host : t.parentNode;
 }
 function Ce(t, e, a, n) {
@@ -125,7 +126,7 @@ function Ce(t, e, a, n) {
       if (e != null && (e[0] === ">" ? t.parentNode === a && Pt(t, e) : Pt(t, e)) || n && t === a)
         return t;
       if (t === a) break;
-    } while (t = Fo(t));
+    } while (t = Mo(t));
   }
   return null;
 }
@@ -199,11 +200,11 @@ function J(t, e, a, n, o) {
   }
 }
 function Ha(t, e, a) {
-  for (var n = Re(t, !0), o = J(t)[e]; n; ) {
+  for (var n = $e(t, !0), o = J(t)[e]; n; ) {
     var r = J(n)[a], l = void 0;
     if (l = o >= r, !l) return n;
     if (n === we()) break;
-    n = Re(n, !1);
+    n = $e(n, !1);
   }
   return !1;
 }
@@ -240,7 +241,7 @@ function Ya(t) {
     } while (t !== n && (t = t.parentNode));
   return [e, a];
 }
-function Oo(t, e) {
+function Ro(t, e) {
   for (var a in t)
     if (t.hasOwnProperty(a)) {
       for (var n in e)
@@ -248,7 +249,7 @@ function Oo(t, e) {
     }
   return -1;
 }
-function Re(t, e) {
+function $e(t, e) {
   if (!t || !t.getBoundingClientRect) return we();
   var a = t, n = !1;
   do
@@ -263,7 +264,7 @@ function Re(t, e) {
   while (a = a.parentNode);
   return we();
 }
-function Po(t, e) {
+function $o(t, e) {
   if (t && e)
     for (var a in e)
       e.hasOwnProperty(a) && (t[a] = e[a]);
@@ -283,7 +284,7 @@ function mn(t, e) {
     }
   };
 }
-function Mo() {
+function Zo() {
   clearTimeout(mt), mt = void 0;
 }
 function bn(t, e, a) {
@@ -294,7 +295,7 @@ function fn(t) {
   return e && e.dom ? e.dom(t).cloneNode(!0) : a ? a(t).clone(!0)[0] : t.cloneNode(!0);
 }
 var pe = "Sortable" + (/* @__PURE__ */ new Date()).getTime();
-function Ro() {
+function Uo() {
   var t = [], e;
   return {
     captureAnimationState: function() {
@@ -320,7 +321,7 @@ function Ro() {
       t.push(n);
     },
     removeAnimationState: function(n) {
-      t.splice(Oo(t, {
+      t.splice(Ro(t, {
         target: n
       }), 1);
     },
@@ -334,7 +335,7 @@ function Ro() {
       t.forEach(function(i) {
         var s = 0, d = i.target, c = d.fromRect, p = J(d), m = d.prevFromRect, u = d.prevToRect, b = i.rect, g = et(d, !0);
         g && (p.top -= g.f, p.left -= g.e), d.toRect = p, d.thisAnimationDuration && Jt(m, p) && !Jt(c, p) && // Make sure animatingRect is on line between toRect & fromRect
-        (b.top - p.top) / (b.left - p.left) === (c.top - p.top) / (c.left - p.left) && (s = Zo(b, m, u, o.options)), Jt(p, c) || (d.prevFromRect = c, d.prevToRect = p, s || (s = o.options.animation), o.animate(d, b, p, s)), s && (r = !0, l = Math.max(l, s), clearTimeout(d.animationResetTimer), d.animationResetTimer = setTimeout(function() {
+        (b.top - p.top) / (b.left - p.left) === (c.top - p.top) / (c.left - p.left) && (s = Ho(b, m, u, o.options)), Jt(p, c) || (d.prevFromRect = c, d.prevToRect = p, s || (s = o.options.animation), o.animate(d, b, p, s)), s && (r = !0, l = Math.max(l, s), clearTimeout(d.animationResetTimer), d.animationResetTimer = setTimeout(function() {
           d.animationTime = 0, d.prevFromRect = null, d.fromRect = null, d.prevToRect = null, d.thisAnimationDuration = null;
         }, s), d.thisAnimationDuration = s);
       }), clearTimeout(e), r ? e = setTimeout(function() {
@@ -345,17 +346,17 @@ function Ro() {
       if (l) {
         E(n, "transition", ""), E(n, "transform", "");
         var i = et(this.el), s = i && i.a, d = i && i.d, c = (o.left - r.left) / (s || 1), p = (o.top - r.top) / (d || 1);
-        n.animatingX = !!c, n.animatingY = !!p, E(n, "transform", "translate3d(" + c + "px," + p + "px,0)"), this.forRepaintDummy = $o(n), E(n, "transition", "transform " + l + "ms" + (this.options.easing ? " " + this.options.easing : "")), E(n, "transform", "translate3d(0,0,0)"), typeof n.animated == "number" && clearTimeout(n.animated), n.animated = setTimeout(function() {
+        n.animatingX = !!c, n.animatingY = !!p, E(n, "transform", "translate3d(" + c + "px," + p + "px,0)"), this.forRepaintDummy = Vo(n), E(n, "transition", "transform " + l + "ms" + (this.options.easing ? " " + this.options.easing : "")), E(n, "transform", "translate3d(0,0,0)"), typeof n.animated == "number" && clearTimeout(n.animated), n.animated = setTimeout(function() {
           E(n, "transition", ""), E(n, "transform", ""), n.animated = !1, n.animatingX = !1, n.animatingY = !1;
         }, l);
       }
     }
   };
 }
-function $o(t) {
+function Vo(t) {
   return t.offsetWidth;
 }
-function Zo(t, e, a, n) {
+function Ho(t, e, a, n) {
   return Math.sqrt(Math.pow(e.top - t.top, 2) + Math.pow(e.left - t.left, 2)) / Math.sqrt(Math.pow(e.top - a.top, 2) + Math.pow(e.left - a.left, 2)) * n.animation;
 }
 var Xe = [], Kt = {
@@ -410,7 +411,7 @@ var Xe = [], Kt = {
     }), o;
   }
 };
-function Uo(t) {
+function Yo(t) {
   var e = t.sortable, a = t.rootEl, n = t.name, o = t.targetEl, r = t.cloneEl, l = t.toEl, i = t.fromEl, s = t.oldIndex, d = t.newIndex, c = t.oldDraggableIndex, p = t.newDraggableIndex, m = t.originalEvent, u = t.putSortable, b = t.extraEventProperties;
   if (e = e || a && a[pe], !!e) {
     var g, B = e.options, f = "on" + n.charAt(0).toUpperCase() + n.substr(1);
@@ -418,14 +419,14 @@ function Uo(t) {
       bubbles: !0,
       cancelable: !0
     }) : (g = document.createEvent("Event"), g.initEvent(n, !0, !0)), g.to = l || a, g.from = i || a, g.item = o || a, g.clone = r, g.oldIndex = s, g.newIndex = d, g.oldDraggableIndex = c, g.newDraggableIndex = p, g.originalEvent = m, g.pullMode = u ? u.lastPutMode : void 0;
-    var y = Ie(Ie({}, b), xt.getEventProperties(n, e));
-    for (var T in y)
-      g[T] = y[T];
+    var v = Ie(Ie({}, b), xt.getEventProperties(n, e));
+    for (var T in v)
+      g[T] = v[T];
     a && a.dispatchEvent(g), B[f] && B[f].call(e, g);
   }
 }
-var Vo = ["evt"], le = function(e, a) {
-  var n = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {}, o = n.evt, r = ko(n, Vo);
+var zo = ["evt"], le = function(e, a) {
+  var n = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {}, o = n.evt, r = Fo(n, zo);
   xt.pluginEvent.bind(S)(e, a, Ie({
     dragEl: h,
     parentEl: H,
@@ -434,7 +435,7 @@ var Vo = ["evt"], le = function(e, a) {
     nextEl: je,
     lastDownEl: Dt,
     cloneEl: Y,
-    cloneHidden: Me,
+    cloneHidden: Re,
     dragStarted: dt,
     putSortable: ee,
     activeSortable: S.active,
@@ -442,14 +443,14 @@ var Vo = ["evt"], le = function(e, a) {
     oldIndex: Qe,
     oldDraggableIndex: bt,
     newIndex: ue,
-    newDraggableIndex: Pe,
+    newDraggableIndex: Me,
     hideGhostForTarget: vn,
     unhideGhostForTarget: Tn,
     cloneNowHidden: function() {
-      Me = !0;
+      Re = !0;
     },
     cloneNowShown: function() {
-      Me = !1;
+      Re = !1;
     },
     dispatchSortableEvent: function(i) {
       re({
@@ -461,7 +462,7 @@ var Vo = ["evt"], le = function(e, a) {
   }, r));
 };
 function re(t) {
-  Uo(Ie({
+  Yo(Ie({
     putSortable: ee,
     cloneEl: Y,
     targetEl: h,
@@ -469,10 +470,10 @@ function re(t) {
     oldIndex: Qe,
     oldDraggableIndex: bt,
     newIndex: ue,
-    newDraggableIndex: Pe
+    newDraggableIndex: Me
   }, t));
 }
-var h, H, k, $, je, Dt, Y, Me, Qe, ue, bt, Pe, It, ee, qe = !1, Mt = !1, Rt = [], Ye, ve, qt, Qt, za, ja, dt, Je, ft, gt = !1, Et = !1, Nt, te, ea = [], fa = !1, $t = [], Ht = typeof document < "u", St = cn, Wa = Tt || Ne ? "cssFloat" : "float", Ho = Ht && !No && !cn && "draggable" in document.createElement("div"), gn = function() {
+var h, H, k, $, je, Dt, Y, Re, Qe, ue, bt, Me, It, ee, qe = !1, Mt = !1, Rt = [], Ye, ve, qt, Qt, za, ja, dt, Je, ft, gt = !1, Et = !1, Nt, te, ea = [], fa = !1, $t = [], Ht = typeof document < "u", St = cn, Wa = Tt || Ne ? "cssFloat" : "float", jo = Ht && !Po && !cn && "draggable" in document.createElement("div"), gn = function() {
   if (Ht) {
     if (Ne)
       return !1;
@@ -490,10 +491,10 @@ var h, H, k, $, je, Dt, Y, Me, Qe, ue, bt, Pe, It, ee, qe = !1, Mt = !1, Rt = []
     return l && (s.clear === "both" || s.clear === p) ? "vertical" : "horizontal";
   }
   return r && (i.display === "block" || i.display === "flex" || i.display === "table" || i.display === "grid" || d >= o && n[Wa] === "none" || l && n[Wa] === "none" && d + c > o) ? "vertical" : "horizontal";
-}, Yo = function(e, a, n) {
+}, Wo = function(e, a, n) {
   var o = n ? e.left : e.top, r = n ? e.right : e.bottom, l = n ? e.width : e.height, i = n ? a.left : a.top, s = n ? a.right : a.bottom, d = n ? a.width : a.height;
   return o === i || r === s || o + l / 2 === i + d / 2;
-}, zo = function(e, a) {
+}, Go = function(e, a) {
   var n;
   return Rt.some(function(o) {
     var r = o[pe].options.emptyInsertThreshold;
@@ -535,7 +536,7 @@ Ht && document.addEventListener("click", function(t) {
 var ze = function(e) {
   if (h) {
     e = e.touches ? e.touches[0] : e;
-    var a = zo(e.clientX, e.clientY);
+    var a = Go(e.clientX, e.clientY);
     if (a) {
       var n = {};
       for (var o in e)
@@ -543,7 +544,7 @@ var ze = function(e) {
       n.target = n.rootEl = a, n.preventDefault = void 0, n.stopPropagation = void 0, a[pe]._onDragOver(n);
     }
   }
-}, jo = function(e) {
+}, Xo = function(e) {
   h && h.parentNode[pe]._isOutsideThisEl(e.target);
 };
 function S(t, e) {
@@ -601,7 +602,7 @@ function S(t, e) {
   yn(e);
   for (var o in this)
     o.charAt(0) === "_" && typeof this[o] == "function" && (this[o] = this[o].bind(this));
-  this.nativeDraggable = e.forceFallback ? !1 : Ho, this.nativeDraggable && (this.options.touchStartThreshold = 1), e.supportPointer ? R(t, "pointerdown", this._onTapStart) : (R(t, "mousedown", this._onTapStart), R(t, "touchstart", this._onTapStart)), this.nativeDraggable && (R(t, "dragover", this), R(t, "dragenter", this)), Rt.push(this.el), e.store && e.store.get && this.sort(e.store.get(this) || []), De(this, Ro());
+  this.nativeDraggable = e.forceFallback ? !1 : jo, this.nativeDraggable && (this.options.touchStartThreshold = 1), e.supportPointer ? R(t, "pointerdown", this._onTapStart) : (R(t, "mousedown", this._onTapStart), R(t, "touchstart", this._onTapStart)), this.nativeDraggable && (R(t, "dragover", this), R(t, "dragenter", this)), Rt.push(this.el), e.store && e.store.get && this.sort(e.store.get(this) || []), De(this, Uo());
 }
 S.prototype = /** @lends Sortable.prototype */
 {
@@ -615,7 +616,7 @@ S.prototype = /** @lends Sortable.prototype */
   _onTapStart: function(e) {
     if (e.cancelable) {
       var a = this, n = this.el, o = this.options, r = o.preventOnFilter, l = e.type, i = e.touches && e.touches[0] || e.pointerType && e.pointerType === "touch" && e, s = (i || e).target, d = e.target.shadowRoot && (e.path && e.path[0] || e.composedPath && e.composedPath()[0]) || s, c = o.filter;
-      if (er(n), !h && !(/mousedown|pointerdown/.test(l) && e.button !== 0 || o.disabled) && !d.isContentEditable && !(!this.nativeDraggable && pt && s && s.tagName.toUpperCase() === "SELECT") && (s = Ce(s, o.draggable, n, !1), !(s && s.animated) && Dt !== s)) {
+      if (nr(n), !h && !(/mousedown|pointerdown/.test(l) && e.button !== 0 || o.disabled) && !d.isContentEditable && !(!this.nativeDraggable && pt && s && s.tagName.toUpperCase() === "SELECT") && (s = Ce(s, o.draggable, n, !1), !(s && s.animated) && Dt !== s)) {
         if (Qe = he(s), bt = he(s, o.draggable), typeof c == "function") {
           if (c.call(this, e, s, this)) {
             re({
@@ -708,7 +709,7 @@ S.prototype = /** @lends Sortable.prototype */
     if (qe = !1, $ && h) {
       le("dragStarted", this, {
         evt: a
-      }), this.nativeDraggable && R(document, "dragover", jo);
+      }), this.nativeDraggable && R(document, "dragover", Xo);
       var n = this.options;
       !e && ce(h, n.dragClass, !1), ce(h, n.ghostClass, !0), S.active = this, e && this._appendGhost(), re({
         sortable: this,
@@ -793,8 +794,8 @@ S.prototype = /** @lends Sortable.prototype */
   _onDragOver: function(e) {
     var a = this.el, n = e.target, o, r, l, i = this.options, s = i.group, d = S.active, c = It === s, p = i.sort, m = ee || d, u, b = this, g = !1;
     if (fa) return;
-    function B(Fe, lt) {
-      le(Fe, b, Ie({
+    function B(Oe, lt) {
+      le(Oe, b, Ie({
         evt: e,
         isOwner: c,
         axis: u ? "vertical" : "horizontal",
@@ -804,7 +805,7 @@ S.prototype = /** @lends Sortable.prototype */
         canSort: p,
         fromSortable: m,
         target: n,
-        completed: y,
+        completed: v,
         onMove: function(Pa, Kn) {
           return At($, a, h, o, Pa, J(Pa), e, Kn);
         },
@@ -814,46 +815,46 @@ S.prototype = /** @lends Sortable.prototype */
     function f() {
       B("dragOverAnimationCapture"), b.captureAnimationState(), b !== m && m.captureAnimationState();
     }
-    function y(Fe) {
+    function v(Oe) {
       return B("dragOverCompleted", {
-        insertion: Fe
-      }), Fe && (c ? d._hideClone() : d._showClone(b), b !== m && (ce(h, ee ? ee.options.ghostClass : d.options.ghostClass, !1), ce(h, i.ghostClass, !0)), ee !== b && b !== S.active ? ee = b : b === S.active && ee && (ee = null), m === b && (b._ignoreWhileAnimating = n), b.animateAll(function() {
+        insertion: Oe
+      }), Oe && (c ? d._hideClone() : d._showClone(b), b !== m && (ce(h, ee ? ee.options.ghostClass : d.options.ghostClass, !1), ce(h, i.ghostClass, !0)), ee !== b && b !== S.active ? ee = b : b === S.active && ee && (ee = null), m === b && (b._ignoreWhileAnimating = n), b.animateAll(function() {
         B("dragOverAnimationComplete"), b._ignoreWhileAnimating = null;
-      }), b !== m && (m.animateAll(), m._ignoreWhileAnimating = null)), (n === h && !h.animated || n === a && !n.animated) && (Je = null), !i.dragoverBubble && !e.rootEl && n !== document && (h.parentNode[pe]._isOutsideThisEl(e.target), !Fe && ze(e)), !i.dragoverBubble && e.stopPropagation && e.stopPropagation(), g = !0;
+      }), b !== m && (m.animateAll(), m._ignoreWhileAnimating = null)), (n === h && !h.animated || n === a && !n.animated) && (Je = null), !i.dragoverBubble && !e.rootEl && n !== document && (h.parentNode[pe]._isOutsideThisEl(e.target), !Oe && ze(e)), !i.dragoverBubble && e.stopPropagation && e.stopPropagation(), g = !0;
     }
     function T() {
-      ue = he(h), Pe = he(h, i.draggable), re({
+      ue = he(h), Me = he(h, i.draggable), re({
         sortable: b,
         name: "change",
         toEl: a,
         newIndex: ue,
-        newDraggableIndex: Pe,
+        newDraggableIndex: Me,
         originalEvent: e
       });
     }
     if (e.preventDefault !== void 0 && e.cancelable && e.preventDefault(), n = Ce(n, i.draggable, a, !0), B("dragOver"), S.eventCanceled) return g;
     if (h.contains(e.target) || n.animated && n.animatingX && n.animatingY || b._ignoreWhileAnimating === n)
-      return y(!1);
+      return v(!1);
     if (Mt = !1, d && !i.disabled && (c ? p || (l = H !== $) : ee === this || (this.lastPutMode = It.checkPull(this, d, h, e)) && s.checkPut(this, d, h, e))) {
       if (u = this._getDirection(e, n) === "vertical", o = J(h), B("dragOverValid"), S.eventCanceled) return g;
       if (l)
-        return H = $, f(), this._hideClone(), B("revert"), S.eventCanceled || (je ? $.insertBefore(h, je) : $.appendChild(h)), y(!0);
+        return H = $, f(), this._hideClone(), B("revert"), S.eventCanceled || (je ? $.insertBefore(h, je) : $.appendChild(h)), v(!0);
       var x = Sa(a, i.draggable);
-      if (!x || Jo(e, u, this) && !x.animated) {
+      if (!x || Qo(e, u, this) && !x.animated) {
         if (x === h)
-          return y(!1);
+          return v(!1);
         if (x && a === e.target && (n = x), n && (r = J(n)), At($, a, h, o, n, r, e, !!n) !== !1)
-          return f(), a.appendChild(h), H = a, T(), y(!0);
-      } else if (x && Xo(e, u, this)) {
+          return f(), a.appendChild(h), H = a, T(), v(!0);
+      } else if (x && qo(e, u, this)) {
         var L = at(a, 0, i, !0);
         if (L === h)
-          return y(!1);
+          return v(!1);
         if (n = L, r = J(n), At($, a, h, o, n, r, e, !1) !== !1)
-          return f(), a.insertBefore(h, L), H = a, T(), y(!0);
+          return f(), a.insertBefore(h, L), H = a, T(), v(!0);
       } else if (n.parentNode === a) {
         r = J(n);
-        var D = 0, F, C = h.parentNode !== a, _ = !Yo(h.animated && h.toRect || o, n.animated && n.toRect || r, u), A = u ? "top" : "left", U = Ha(n, "top", "top") || Ha(h, "top", "top"), ne = U ? U.scrollTop : void 0;
-        Je !== n && (F = r[A], gt = !1, Et = !_ && i.invertSwap || C), D = Ko(e, n, r, u, _ ? 1 : i.swapThreshold, i.invertedSwapThreshold == null ? i.swapThreshold : i.invertedSwapThreshold, Et, Je === n);
+        var D = 0, F, C = h.parentNode !== a, w = !Wo(h.animated && h.toRect || o, n.animated && n.toRect || r, u), A = u ? "top" : "left", U = Ha(n, "top", "top") || Ha(h, "top", "top"), ne = U ? U.scrollTop : void 0;
+        Je !== n && (F = r[A], gt = !1, Et = !w && i.invertSwap || C), D = er(e, n, r, u, w ? 1 : i.swapThreshold, i.invertedSwapThreshold == null ? i.swapThreshold : i.invertedSwapThreshold, Et, Je === n);
         var z;
         if (D !== 0) {
           var fe = he(h);
@@ -862,16 +863,16 @@ S.prototype = /** @lends Sortable.prototype */
           while (z && (E(z, "display") === "none" || z === k));
         }
         if (D === 0 || z === n)
-          return y(!1);
+          return v(!1);
         Je = n, ft = D;
         var He = n.nextElementSibling, O = !1;
         O = D === 1;
         var Se = At($, a, h, o, n, r, e, O);
         if (Se !== !1)
-          return (Se === 1 || Se === -1) && (O = Se === 1), fa = !0, setTimeout(Go, 30), f(), O && !He ? a.appendChild(h) : n.parentNode.insertBefore(h, O ? He : n), U && bn(U, 0, ne - U.scrollTop), H = h.parentNode, F !== void 0 && !Et && (Nt = Math.abs(F - J(n)[A])), T(), y(!0);
+          return (Se === 1 || Se === -1) && (O = Se === 1), fa = !0, setTimeout(Ko, 30), f(), O && !He ? a.appendChild(h) : n.parentNode.insertBefore(h, O ? He : n), U && bn(U, 0, ne - U.scrollTop), H = h.parentNode, F !== void 0 && !Et && (Nt = Math.abs(F - J(n)[A])), T(), v(!0);
       }
       if (a.contains(h))
-        return y(!1);
+        return v(!1);
     }
     return !1;
   },
@@ -885,9 +886,9 @@ S.prototype = /** @lends Sortable.prototype */
   },
   _onDrop: function(e) {
     var a = this.el, n = this.options;
-    if (ue = he(h), Pe = he(h, n.draggable), le("drop", this, {
+    if (ue = he(h), Me = he(h, n.draggable), le("drop", this, {
       evt: e
-    }), H = h && h.parentNode, ue = he(h), Pe = he(h, n.draggable), S.eventCanceled) {
+    }), H = h && h.parentNode, ue = he(h), Me = he(h, n.draggable), S.eventCanceled) {
       this._nulling();
       return;
     }
@@ -930,7 +931,7 @@ S.prototype = /** @lends Sortable.prototype */
       name: "sort",
       toEl: H,
       originalEvent: e
-    })), S.active && ((ue == null || ue === -1) && (ue = Qe, Pe = bt), re({
+    })), S.active && ((ue == null || ue === -1) && (ue = Qe, Me = bt), re({
       sortable: this,
       name: "end",
       toEl: H,
@@ -938,7 +939,7 @@ S.prototype = /** @lends Sortable.prototype */
     }), this.save()))), this._nulling();
   },
   _nulling: function() {
-    le("nulling", this), $ = h = H = k = je = Y = Dt = Me = Ye = ve = dt = ue = Pe = Qe = bt = Je = ft = ee = It = S.dragged = S.ghost = S.clone = S.active = null, $t.forEach(function(e) {
+    le("nulling", this), $ = h = H = k = je = Y = Dt = Re = Ye = ve = dt = ue = Me = Qe = bt = Je = ft = ee = It = S.dragged = S.ghost = S.clone = S.active = null, $t.forEach(function(e) {
       e.checked = !0;
     }), $t.length = qt = Qt = 0;
   },
@@ -950,7 +951,7 @@ S.prototype = /** @lends Sortable.prototype */
         break;
       case "dragenter":
       case "dragover":
-        h && (this._onDragOver(e), Wo(e));
+        h && (this._onDragOver(e), Jo(e));
         break;
       case "selectstart":
         e.preventDefault();
@@ -963,7 +964,7 @@ S.prototype = /** @lends Sortable.prototype */
    */
   toArray: function() {
     for (var e = [], a, n = this.el.children, o = 0, r = n.length, l = this.options; o < r; o++)
-      a = n[o], Ce(a, l.draggable, this.el, !1) && e.push(a.getAttribute(l.dataIdAttr) || Qo(a));
+      a = n[o], Ce(a, l.draggable, this.el, !1) && e.push(a.getAttribute(l.dataIdAttr) || ar(a));
     return e;
   },
   /**
@@ -1019,9 +1020,9 @@ S.prototype = /** @lends Sortable.prototype */
     }), this._onDrop(), this._disableDelayedDragEvents(), Rt.splice(Rt.indexOf(this.el), 1), this.el = e = null;
   },
   _hideClone: function() {
-    if (!Me) {
+    if (!Re) {
       if (le("hideClone", this), S.eventCanceled) return;
-      E(Y, "display", "none"), this.options.removeCloneOnHide && Y.parentNode && Y.parentNode.removeChild(Y), Me = !0;
+      E(Y, "display", "none"), this.options.removeCloneOnHide && Y.parentNode && Y.parentNode.removeChild(Y), Re = !0;
     }
   },
   _showClone: function(e) {
@@ -1029,13 +1030,13 @@ S.prototype = /** @lends Sortable.prototype */
       this._hideClone();
       return;
     }
-    if (Me) {
+    if (Re) {
       if (le("showClone", this), S.eventCanceled) return;
-      h.parentNode == $ && !this.options.group.revertClone ? $.insertBefore(Y, h) : je ? $.insertBefore(Y, je) : $.appendChild(Y), this.options.group.revertClone && this.animate(h, Y), E(Y, "display", ""), Me = !1;
+      h.parentNode == $ && !this.options.group.revertClone ? $.insertBefore(Y, h) : je ? $.insertBefore(Y, je) : $.appendChild(Y), this.options.group.revertClone && this.animate(h, Y), E(Y, "display", ""), Re = !1;
     }
   }
 };
-function Wo(t) {
+function Jo(t) {
   t.dataTransfer && (t.dataTransfer.dropEffect = "move"), t.cancelable && t.preventDefault();
 }
 function At(t, e, a, n, o, r, l, i) {
@@ -1048,18 +1049,18 @@ function At(t, e, a, n, o, r, l, i) {
 function ta(t) {
   t.draggable = !1;
 }
-function Go() {
+function Ko() {
   fa = !1;
 }
-function Xo(t, e, a) {
+function qo(t, e, a) {
   var n = J(at(a.el, 0, a.options, !0)), o = 10;
   return e ? t.clientX < n.left - o || t.clientY < n.top && t.clientX < n.right : t.clientY < n.top - o || t.clientY < n.bottom && t.clientX < n.left;
 }
-function Jo(t, e, a) {
+function Qo(t, e, a) {
   var n = J(Sa(a.el, a.options.draggable)), o = 10;
   return e ? t.clientX > n.right + o || t.clientX <= n.right && t.clientY > n.bottom && t.clientX >= n.left : t.clientX > n.right && t.clientY > n.top || t.clientX <= n.right && t.clientY > n.bottom + o;
 }
-function Ko(t, e, a, n, o, r, l, i) {
+function er(t, e, a, n, o, r, l, i) {
   var s = n ? t.clientY : t.clientX, d = n ? a.height : a.width, c = n ? a.top : a.left, p = n ? a.bottom : a.right, m = !1;
   if (!l) {
     if (i && Nt < d * o) {
@@ -1068,19 +1069,19 @@ function Ko(t, e, a, n, o, r, l, i) {
       else if (ft === 1 ? s < c + Nt : s > p - Nt)
         return -ft;
     } else if (s > c + d * (1 - o) / 2 && s < p - d * (1 - o) / 2)
-      return qo(e);
+      return tr(e);
   }
   return m = m || l, m && (s < c + d * r / 2 || s > p - d * r / 2) ? s > c + d / 2 ? 1 : -1 : 0;
 }
-function qo(t) {
+function tr(t) {
   return he(h) < he(t) ? 1 : -1;
 }
-function Qo(t) {
+function ar(t) {
   for (var e = t.tagName + t.className + t.src + t.href + t.textContent, a = e.length, n = 0; a--; )
     n += e.charCodeAt(a);
   return n.toString(36);
 }
-function er(t) {
+function nr(t) {
   $t.length = 0;
   for (var e = t.getElementsByTagName("input"), a = e.length; a--; ) {
     var n = e[a];
@@ -1104,7 +1105,7 @@ S.utils = {
   is: function(e, a) {
     return !!Ce(e, a, e, !1);
   },
-  extend: Po,
+  extend: $o,
   throttle: mn,
   closest: Ce,
   toggleClass: ce,
@@ -1130,9 +1131,9 @@ S.mount = function() {
 S.create = function(t, e) {
   return new S(t, e);
 };
-S.version = Do;
+S.version = Oo;
 var X = [], ct, ha, ya = !1, aa, na, Zt, ut;
-function tr() {
+function or() {
   function t() {
     this.defaults = {
       scroll: !0,
@@ -1154,7 +1155,7 @@ function tr() {
       !this.options.dragOverBubble && !n.rootEl && this._handleAutoScroll(n);
     },
     drop: function() {
-      this.sortable.nativeDraggable ? P(document, "dragover", this._handleAutoScroll) : (P(document, "pointermove", this._handleFallbackAutoScroll), P(document, "touchmove", this._handleFallbackAutoScroll), P(document, "mousemove", this._handleFallbackAutoScroll)), Ga(), Ot(), Mo();
+      this.sortable.nativeDraggable ? P(document, "dragover", this._handleAutoScroll) : (P(document, "pointermove", this._handleFallbackAutoScroll), P(document, "touchmove", this._handleFallbackAutoScroll), P(document, "mousemove", this._handleFallbackAutoScroll)), Ga(), Ot(), Zo();
     },
     nulling: function() {
       Zt = ha = ct = ya = ut = aa = na = null, X.length = 0;
@@ -1166,17 +1167,17 @@ function tr() {
       var o = this, r = (a.touches ? a.touches[0] : a).clientX, l = (a.touches ? a.touches[0] : a).clientY, i = document.elementFromPoint(r, l);
       if (Zt = a, n || this.options.forceAutoScrollFallback || Tt || Ne || pt) {
         oa(a, this.options, i, n);
-        var s = Re(i, !0);
+        var s = $e(i, !0);
         ya && (!ut || r !== aa || l !== na) && (ut && Ga(), ut = setInterval(function() {
-          var d = Re(document.elementFromPoint(r, l), !0);
+          var d = $e(document.elementFromPoint(r, l), !0);
           d !== s && (s = d, Ot()), oa(a, o.options, d, n);
         }, 10), aa = r, na = l);
       } else {
-        if (!this.options.bubbleScroll || Re(i, !0) === we()) {
+        if (!this.options.bubbleScroll || $e(i, !0) === we()) {
           Ot();
           return;
         }
-        oa(a, this.options, Re(i, !1), !1);
+        oa(a, this.options, $e(i, !1), !1);
       }
     }
   }, De(t, {
@@ -1195,12 +1196,12 @@ function Ga() {
 var oa = mn(function(t, e, a, n) {
   if (e.scroll) {
     var o = (t.touches ? t.touches[0] : t).clientX, r = (t.touches ? t.touches[0] : t).clientY, l = e.scrollSensitivity, i = e.scrollSpeed, s = we(), d = !1, c;
-    ha !== a && (ha = a, Ot(), ct = e.scroll, c = e.scrollFn, ct === !0 && (ct = Re(a, !0)));
+    ha !== a && (ha = a, Ot(), ct = e.scroll, c = e.scrollFn, ct === !0 && (ct = $e(a, !0)));
     var p = 0, m = ct;
     do {
-      var u = m, b = J(u), g = b.top, B = b.bottom, f = b.left, y = b.right, T = b.width, x = b.height, L = void 0, D = void 0, F = u.scrollWidth, C = u.scrollHeight, _ = E(u), A = u.scrollLeft, U = u.scrollTop;
-      u === s ? (L = T < F && (_.overflowX === "auto" || _.overflowX === "scroll" || _.overflowX === "visible"), D = x < C && (_.overflowY === "auto" || _.overflowY === "scroll" || _.overflowY === "visible")) : (L = T < F && (_.overflowX === "auto" || _.overflowX === "scroll"), D = x < C && (_.overflowY === "auto" || _.overflowY === "scroll"));
-      var ne = L && (Math.abs(y - o) <= l && A + T < F) - (Math.abs(f - o) <= l && !!A), z = D && (Math.abs(B - r) <= l && U + x < C) - (Math.abs(g - r) <= l && !!U);
+      var u = m, b = J(u), g = b.top, B = b.bottom, f = b.left, v = b.right, T = b.width, x = b.height, L = void 0, D = void 0, F = u.scrollWidth, C = u.scrollHeight, w = E(u), A = u.scrollLeft, U = u.scrollTop;
+      u === s ? (L = T < F && (w.overflowX === "auto" || w.overflowX === "scroll" || w.overflowX === "visible"), D = x < C && (w.overflowY === "auto" || w.overflowY === "scroll" || w.overflowY === "visible")) : (L = T < F && (w.overflowX === "auto" || w.overflowX === "scroll"), D = x < C && (w.overflowY === "auto" || w.overflowY === "scroll"));
+      var ne = L && (Math.abs(v - o) <= l && A + T < F) - (Math.abs(f - o) <= l && !!A), z = D && (Math.abs(B - r) <= l && U + x < C) - (Math.abs(g - r) <= l && !!U);
       if (!X[p])
         for (var fe = 0; fe <= p; fe++)
           X[fe] || (X[fe] = {});
@@ -1211,7 +1212,7 @@ var oa = mn(function(t, e, a, n) {
       }).bind({
         layer: p
       }), 24))), p++;
-    } while (e.bubbleScroll && m !== s && (m = Re(m, !1)));
+    } while (e.bubbleScroll && m !== s && (m = $e(m, !1)));
     ya = d;
   }
 }, 30), xn = function(e) {
@@ -1257,7 +1258,7 @@ Ba.prototype = {
 De(Ba, {
   pluginName: "removeOnSpill"
 });
-S.mount(new tr());
+S.mount(new or());
 S.mount(Ba, Aa);
 function ra(t) {
   t.parentElement !== null && t.parentElement.removeChild(t);
@@ -1266,25 +1267,25 @@ function Xa(t, e, a) {
   const n = a === 0 ? t.children[0] : t.children[a - 1].nextSibling;
   t.insertBefore(e, n);
 }
-function ar() {
+function rr() {
   return typeof window < "u" ? window.console : global.console;
 }
-const nr = ar();
-function or(t) {
+const ir = rr();
+function lr(t) {
   const e = /* @__PURE__ */ Object.create(null);
   return function(n) {
     return e[n] || (e[n] = t(n));
   };
 }
-const rr = /-(\w)/g, ir = or((t) => t.replace(rr, (e, a) => a.toUpperCase())), Cn = ["Start", "Add", "Remove", "Update", "End"], _n = ["Choose", "Unchoose", "Sort", "Filter", "Clone"], wn = ["Move"], lr = [wn, Cn, _n].flatMap((t) => t).map((t) => `on${t}`), va = {
+const sr = /-(\w)/g, dr = lr((t) => t.replace(sr, (e, a) => a.toUpperCase())), Cn = ["Start", "Add", "Remove", "Update", "End"], _n = ["Choose", "Unchoose", "Sort", "Filter", "Clone"], wn = ["Move"], cr = [wn, Cn, _n].flatMap((t) => t).map((t) => `on${t}`), va = {
   manage: wn,
   manageAndEmit: Cn,
   emit: _n
 };
-function sr(t) {
-  return lr.indexOf(t) !== -1;
+function ur(t) {
+  return cr.indexOf(t) !== -1;
 }
-const dr = [
+const pr = [
   "a",
   "abbr",
   "address",
@@ -1403,10 +1404,10 @@ const dr = [
   "video",
   "wbr"
 ];
-function cr(t) {
-  return dr.includes(t);
+function mr(t) {
+  return pr.includes(t);
 }
-function ur(t) {
+function br(t) {
   return ["transition-group", "TransitionGroup"].includes(t);
 }
 function In(t) {
@@ -1415,7 +1416,7 @@ function In(t) {
 function En(t) {
   return t.reduce((e, [a, n]) => (e[a] = n, e), {});
 }
-function pr({ $attrs: t, componentData: e = {} }) {
+function fr({ $attrs: t, componentData: e = {} }) {
   return {
     ...En(
       Object.entries(t).filter(([n, o]) => In(n))
@@ -1423,7 +1424,7 @@ function pr({ $attrs: t, componentData: e = {} }) {
     ...e
   };
 }
-function mr({ $attrs: t, callBackBuilder: e }) {
+function gr({ $attrs: t, callBackBuilder: e }) {
   const a = En(Sn(t));
   Object.entries(e).forEach(([o, r]) => {
     va[o].forEach((l) => {
@@ -1437,10 +1438,10 @@ function mr({ $attrs: t, callBackBuilder: e }) {
   };
 }
 function Sn(t) {
-  return Object.entries(t).filter(([e, a]) => !In(e)).map(([e, a]) => [ir(e), a]).filter(([e, a]) => !sr(e));
+  return Object.entries(t).filter(([e, a]) => !In(e)).map(([e, a]) => [dr(e), a]).filter(([e, a]) => !ur(e));
 }
-const Ja = ({ el: t }) => t, br = (t, e) => t.__draggable_context = e, Ka = (t) => t.__draggable_context;
-class fr {
+const Ja = ({ el: t }) => t, hr = (t, e) => t.__draggable_context = e, Ka = (t) => t.__draggable_context;
+class yr {
   constructor({
     nodes: { header: e, default: a, footer: n },
     root: o,
@@ -1458,7 +1459,7 @@ class fr {
   updated() {
     const { defaultNodes: e, realList: a } = this;
     e.forEach((n, o) => {
-      br(Ja(n), {
+      hr(Ja(n), {
         element: a[o],
         index: o
       });
@@ -1482,13 +1483,13 @@ class fr {
     return e < d ? 0 : o;
   }
 }
-function gr(t, e) {
+function vr(t, e) {
   const a = t[e];
   return a ? a() : [];
 }
-function hr({ $slots: t, realList: e, getKey: a }) {
+function Tr({ $slots: t, realList: e, getKey: a }) {
   const n = e || [], [o, r] = ["header", "footer"].map(
-    (s) => gr(t, s)
+    (s) => vr(t, s)
   ), { item: l } = t;
   if (!l)
     throw new Error("draggable element must have an item slot");
@@ -1503,17 +1504,17 @@ function hr({ $slots: t, realList: e, getKey: a }) {
     default: i
   };
 }
-function yr(t) {
-  const e = ur(t), a = !cr(t) && !e;
+function xr(t) {
+  const e = br(t), a = !mr(t) && !e;
   return {
     transition: e,
     externalComponent: a,
     tag: a ? V(t) : e ? qn : t
   };
 }
-function vr({ $slots: t, tag: e, realList: a, getKey: n }) {
-  const o = hr({ $slots: t, realList: a, getKey: n }), r = yr(e);
-  return new fr({ nodes: o, root: r, realList: a });
+function Cr({ $slots: t, tag: e, realList: a, getKey: n }) {
+  const o = Tr({ $slots: t, realList: a, getKey: n }), r = xr(e);
+  return new yr({ nodes: o, root: r, realList: a });
 }
 function An(t, e) {
   rn(() => this.$emit(t.toLowerCase(), e));
@@ -1524,14 +1525,14 @@ function Bn(t) {
       return this[`onDrag${t}`](e, a);
   };
 }
-function Tr(t) {
+function _r(t) {
   const e = Bn.call(this, t);
   return (a, n) => {
     e.call(this, a, n), An.call(this, t, a);
   };
 }
 let ia = null;
-const xr = {
+const wr = {
   list: {
     type: Array,
     required: !1,
@@ -1563,15 +1564,15 @@ const xr = {
     required: !1,
     default: null
   }
-}, Cr = [
+}, Ir = [
   "update:modelValue",
   "change",
   ...[...va.manageAndEmit, ...va.emit].map((t) => t.toLowerCase())
 ], Ln = se({
   name: "draggable",
   inheritAttrs: !1,
-  props: xr,
-  emits: Cr,
+  props: wr,
+  emits: Ir,
   data() {
     return {
       error: !1
@@ -1580,21 +1581,21 @@ const xr = {
   render() {
     try {
       this.error = !1;
-      const { $slots: t, $attrs: e, tag: a, componentData: n, realList: o, getKey: r } = this, l = vr({
+      const { $slots: t, $attrs: e, tag: a, componentData: n, realList: o, getKey: r } = this, l = Cr({
         $slots: t,
         tag: a,
         realList: o,
         getKey: r
       });
       this.componentStructure = l;
-      const i = pr({ $attrs: e, componentData: n });
+      const i = fr({ $attrs: e, componentData: n });
       return l.render(ma, i);
     } catch (t) {
       return this.error = !0, ma("pre", { style: { color: "red" } }, t.stack);
     }
   },
   created() {
-    this.list !== null && this.modelValue !== null && nr.error(
+    this.list !== null && this.modelValue !== null && ir.error(
       "modelValue and list props are mutually exclusive! Please set one or another."
     );
   },
@@ -1603,10 +1604,10 @@ const xr = {
       return;
     const { $attrs: t, $el: e, componentStructure: a } = this;
     a.updated();
-    const n = mr({
+    const n = gr({
       $attrs: t,
       callBackBuilder: {
-        manageAndEmit: (r) => Tr.call(this, r),
+        manageAndEmit: (r) => _r.call(this, r),
         emit: (r) => An.bind(this, r),
         manage: (r) => Bn.call(this, r)
       }
@@ -1817,13 +1818,13 @@ const xr = {
     ],
     group: "member"
   }
-], _r = {
+], Er = {
   paddingTop: "0px",
   paddingBottom: "0px",
   paddingLeft: "0px",
   paddingRight: "0px",
   backgroundColor: "#FFFFFF"
-}, wr = {
+}, Sr = {
   containerStyles: {
     paddingTop: "0px",
     paddingBottom: "0px",
@@ -1858,7 +1859,7 @@ const xr = {
     height: t.height ?? "auto",
     boxShadow: t.boxShadow ?? "none"
   }
-}), Ir = {
+}), Ar = {
   ...xe({
     marginLeft: "12px",
     marginRight: "12px",
@@ -1884,7 +1885,7 @@ const xr = {
       // underline, line-through
     }
   }
-}, Er = {
+}, Br = {
   ...xe({
     marginLeft: "12px",
     marginRight: "12px",
@@ -1952,7 +1953,7 @@ const xr = {
   itemsPerRow: 3,
   iconColor: "#ff7823",
   textColor: "#000000"
-}, Sr = {
+}, Lr = {
   ...xe({
     marginLeft: "0px",
     marginRight: "0px",
@@ -1970,7 +1971,7 @@ const xr = {
     isExternal: !1
   },
   objectFit: "cover"
-}, Ar = {
+}, kr = {
   ...xe({
     paddingTop: "0px",
     paddingBottom: "0px",
@@ -2015,7 +2016,7 @@ const xr = {
   memberTitles: ["Title 1", "Title 2"],
   memberCurrentTierTotal: 1050,
   memberPointToNextTier: 50
-}, Br = {
+}, Dr = {
   ...xe({
     marginLeft: "12px",
     marginRight: "12px",
@@ -2034,7 +2035,7 @@ const xr = {
   signedIn: !0,
   designStyle: 1,
   showMemberQr: !0
-}, Lr = {
+}, Nr = {
   ...xe({
     marginLeft: "12px",
     marginRight: "12px",
@@ -2057,7 +2058,7 @@ const xr = {
     textColor: "#1C1C1E",
     iconColor: "#FF7823"
   }
-}, Qa = (t) => t, kr = {
+}, Qa = (t) => t, Fr = {
   ...xe({
     marginLeft: "12px",
     marginRight: "12px",
@@ -2092,7 +2093,7 @@ const xr = {
     orderDate: "2024-03-12T05:19:59.880Z",
     orderType: "DELIVERY"
   }
-], Dr = {
+], Or = {
   ...xe({
     marginLeft: "0px",
     marginRight: "0px",
@@ -2105,7 +2106,7 @@ const xr = {
   }),
   data: Dn,
   signedIn: !0
-}, Nr = {
+}, Pr = {
   memberImage: "",
   memberName: "Member",
   memberTierName: "Tier 1",
@@ -2119,7 +2120,7 @@ const xr = {
     tiers: ["Tier 1", "Tier 2", "Tier 3", "Tier 4"],
     titles: ["Title 1", "Title 2", "Title 3", "Title 4", "Title 5"]
   }
-}, Fr = {
+}, Mr = {
   ...xe({
     marginLeft: "12px",
     marginRight: "12px",
@@ -2130,16 +2131,16 @@ const xr = {
     borderRadius: "12px",
     boxShadow: "0px 4px 8px 0px rgba(199, 199, 204, 0.24), 0px 4px 8px 0px color(display-p3 0.7804 0.7804 0.8 / 0.24)"
   }),
-  data: Nr,
+  data: Pr,
   showTier: !0,
   showTitle: !0,
   tierColor: "#1F7735",
   titleColor: "#FF7823",
   buttonTextColor: "#6b6b6b",
   buttonFillColor: "#f2f2f7"
-}, Or = {
+}, Rr = {
   cards: []
-}, Pr = {
+}, $r = {
   ...xe({
     marginLeft: "12px",
     marginRight: "12px",
@@ -2150,10 +2151,10 @@ const xr = {
     borderRadius: "12px",
     boxShadow: "0px 4px 8px 0px rgba(199, 199, 204, 0.24), 0px 4px 8px 0px color(display-p3 0.7804 0.7804 0.8 / 0.24)"
   }),
-  data: Or,
+  data: Rr,
   cardFillColor: "#F2F2F7",
   cardTextColor: "#6B6B6B"
-}, Mr = {
+}, Zr = {
   memberImage: "",
   memberName: "Member",
   memberPhone: "+60123456789",
@@ -2161,7 +2162,7 @@ const xr = {
   memberPoints: 1e3,
   memberCurrentTierTotal: 1050,
   memberPointToNextTier: 50
-}, Rr = {
+}, Ur = {
   ...xe({
     marginLeft: "12px",
     marginRight: "12px",
@@ -2173,7 +2174,7 @@ const xr = {
     boxShadow: "0px 4px 8px 0px rgba(199, 199, 204, 0.24), 0px 4px 8px 0px color(display-p3 0.7804 0.7804 0.8 / 0.24)",
     backgroundColor: "#FFFFFF"
   }),
-  data: Mr,
+  data: Zr,
   thumbnailColorFillColor: "#FBE5CB",
   thumbnailTextColor: "#FF7823",
   textColor: "#1C1C1E",
@@ -4218,13 +4219,13 @@ const xr = {
   amountExpiring: 402,
   isLoading: !1,
   isCompleted: !1
-}, $r = {
+}, Vr = {
   data: Nn,
   designStyle: 1
-}, Zr = {
+}, Hr = {
   data: Nn,
   designStyle: 1
-}, Ur = {
+}, Yr = {
   memberState: {
     member: {
       _id: "666ada11ac413694cc0973b7",
@@ -5132,7 +5133,7 @@ const xr = {
       }
     }
   }
-}, Vr = {
+}, zr = {
   data: {
     tableData: [
       ["Invites", "Rewards"],
@@ -5147,7 +5148,7 @@ const xr = {
       label: "Your friends has to sign up with your referral code or link and complete the criterias to progress"
     }
   ]
-}, Hr = {
+}, jr = {
   data: {
     member: {
       referralCode: "h62yzbGh"
@@ -5262,30 +5263,30 @@ const xr = {
   }
 }, La = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  BranchList: kr,
-  ButtonList: Er,
-  Container: wr,
-  Homepage: _r,
-  ImageCarousel: Ar,
-  ImageDisplay: Sr,
-  MemberAchievements: Fr,
-  MemberCard: Br,
-  MemberCards: Pr,
-  MemberSummary: Rr,
-  OrderHistoryCard: Dr,
-  OrderMethod: Lr,
-  TextDisplay: Ir,
-  _Credit: $r,
-  _MemberProfile: Ur,
-  _Point: Zr,
-  _Referral: Hr,
-  _ReferralTutorial: Vr
+  BranchList: Fr,
+  ButtonList: Br,
+  Container: Sr,
+  Homepage: Er,
+  ImageCarousel: kr,
+  ImageDisplay: Lr,
+  MemberAchievements: Mr,
+  MemberCard: Dr,
+  MemberCards: $r,
+  MemberSummary: Ur,
+  OrderHistoryCard: Or,
+  OrderMethod: Nr,
+  TextDisplay: Ar,
+  _Credit: Vr,
+  _MemberProfile: Yr,
+  _Point: Hr,
+  _Referral: jr,
+  _ReferralTutorial: zr
 }, Symbol.toStringTag, { value: "Module" }));
-function Yr(t) {
+function Wr(t) {
   const e = (a) => Array.isArray(a) ? a.map((n) => e(n)) : Qn(a) || eo(a) || to(a) ? e(ao(a)) : a && typeof a == "object" ? Object.keys(a).reduce((n, o) => (n[o] = e(a[o]), n), {}) : a;
   return e(t);
 }
-const Ue = mo("editor", () => {
+const Fe = mo("editor", () => {
   const t = q({
     node: [],
     selectedNode: null,
@@ -5358,7 +5359,7 @@ const Ue = mo("editor", () => {
   };
 });
 function Ct() {
-  const t = Ue();
+  const t = Fe();
   function e(r, l, i) {
     return {
       _id: a(),
@@ -5379,7 +5380,7 @@ function Ct() {
   }
   function o() {
     if (t.state.copied) {
-      const r = structuredClone(Yr(t.state.copied));
+      const r = structuredClone(Wr(t.state.copied));
       r._id = Ra();
       const l = t.state.node[0].children.findIndex(
         (s) => {
@@ -5401,10 +5402,10 @@ function Ct() {
     pasteNode: o
   };
 }
-const zr = { 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" }, jr = { class: "flex flex-col gap-12" }, Wr = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, Gr = { class: "flex flex-col gap-8 justify-center items-center bg-fm-color-neutral-gray-100 py-12 px-16 cursor-grab rounded-md" }, Xr = { class: "fm-typo-en-body-md-600 text-fm-color-typo-secondary text-center" }, Jr = /* @__PURE__ */ se({
+const Gr = { 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" }, Xr = { class: "flex flex-col gap-12" }, Jr = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, Kr = { class: "flex flex-col gap-8 justify-center items-center bg-fm-color-neutral-gray-100 py-12 px-16 cursor-grab rounded-md" }, qr = { class: "fm-typo-en-body-md-600 text-fm-color-typo-secondary text-center" }, Qr = /* @__PURE__ */ se({
   __name: "ElementSidebar",
   setup(t) {
-    const e = Ct(), a = Ge(), { t: n } = Ze(), o = ie(
+    const e = Ct(), a = Ge(), { t: n } = Ue(), o = ie(
       () => {
         var i;
         return ((i = a.state.selectedTemplate) == null ? void 0 : i.group) || "default";
@@ -5416,10 +5417,10 @@ const zr = { class: "flex flex-col gap-24 h-full flex-shrink-0 w-[320px] bg-fm-c
     const l = ie(() => qa.filter(
       (i) => i.group == o.value || i.group == "all"
     ));
-    return (i, s) => (N(), Z("div", zr, [
-      (N(!0), Z(Le, null, vt(l.value, (d, c) => (N(), Z("section", jr, [
-        I("div", Wr, j(v(n)(d.title)), 1),
-        w(v(Ln), {
+    return (i, s) => (N(), Z("div", Gr, [
+      (N(!0), Z(Le, null, vt(l.value, (d, c) => (N(), Z("section", Xr, [
+        I("div", Jr, j(y(n)(d.title)), 1),
+        _(y(Ln), {
           list: d.children,
           group: { name: "components", pull: "clone", put: !1 },
           sort: !1,
@@ -5428,27 +5429,27 @@ const zr = { class: "flex flex-col gap-24 h-full flex-shrink-0 w-[320px] bg-fm-c
           class: "grid grid-cols-2 gap-8"
         }, {
           item: M(({ element: p }) => [
-            I("div", Gr, [
-              w(ho, {
+            I("div", Kr, [
+              _(ho, {
                 class: "text-[24px] text-fm-color-typo-secondary",
                 name: p.icon
               }, null, 8, ["name"]),
-              I("div", Xr, j(v(n)(p.title)), 1)
+              I("div", qr, j(y(n)(p.title)), 1)
             ])
           ]),
           _: 2
         }, 1032, ["list"]),
-        c !== v(qa).length - 1 ? (N(), ae(sn, {
+        c !== y(qa).length - 1 ? (N(), ae(sn, {
           key: 0,
           class: "mt-12"
         })) : Q("", !0)
       ]))), 256))
     ]));
   }
-}), Kr = { 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" }, qr = /* @__PURE__ */ se({
+}), ei = { 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" }, ti = /* @__PURE__ */ se({
   __name: "EditorFloatingToobar",
   setup(t) {
-    const e = Ue(), { state: a } = bo(e), n = Ct(), o = ie(
+    const e = Fe(), { state: a } = bo(e), n = Ct(), o = ie(
       () => a.value.selectedNode && a.value.node.length > 0
     ), r = [
       // {
@@ -5490,19 +5491,19 @@ const zr = { class: "flex flex-col gap-24 h-full flex-shrink-0 w-[320px] bg-fm-c
     ];
     return (l, i) => {
       const s = V("FmButton");
-      return N(), Z("div", Kr, [
-        (N(), Z(Le, null, vt(r, (d) => w(s, {
+      return N(), Z("div", ei, [
+        (N(), Z(Le, null, vt(r, (d) => _(s, {
           size: "md",
           "prepend-icon": d.icon,
           onClick: d.action,
           variant: "tertiary",
           "icon-color": d.iconColor,
-          disabled: !v(a).selectedNode || d.disabled()
+          disabled: !y(a).selectedNode || d.disabled()
         }, null, 8, ["prepend-icon", "onClick", "icon-color", "disabled"])), 64))
       ]);
     };
   }
-}), Qr = [
+}), ai = [
   {
     _id: "image-display-default",
     type: "ImageDisplay",
@@ -5687,7 +5688,7 @@ const zr = { class: "flex flex-col gap-24 h-full flex-shrink-0 w-[320px] bg-fm-c
     ],
     children: []
   }
-], ei = [
+], ni = [
   {
     _id: "member-summary-default",
     type: "MemberSummary",
@@ -5923,18 +5924,18 @@ const zr = { class: "flex flex-col gap-24 h-full flex-shrink-0 w-[320px] bg-fm-c
     children: []
   }
 ];
-function ti(t, e = !1) {
+function oi(t, e = !1) {
   const a = e ? {
     hideCountrySwitcher: !0,
     showNavigationBar: !0,
     backgroundColor: "var(--brand-color-background-elevated)"
-  } : { backgroundColor: "var(--brand-color-background-base)" }, n = t.buildNewNode("Homepage", {}, a), o = e ? ei : Qr;
+  } : { backgroundColor: "var(--brand-color-background-base)" }, n = t.buildNewNode("Homepage", {}, a), o = e ? ni : ai;
   return n.children = o.map((r) => ({
     ...r,
     _id: t.generateId()
   })), n;
 }
-const ai = { class: "mb-24" }, ni = { class: "fm-typo-en-title-lg-700 text-fm-color-typo-primary mb-8" }, oi = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, ri = { class: "grid grid-cols-2 gap-16" }, ii = { class: "aspect-square bg-fm-color-neutral-gray-100 rounded-md mb-12 flex items-center justify-center" }, li = { class: "text-center" }, si = { class: "text-fm-color-neutral-gray-500 fm-typo-en-body-sm-400" }, di = { class: "flex items-start gap-8" }, ci = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary mb-4" }, ui = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, pi = { class: "aspect-square bg-fm-color-neutral-gray-100 rounded-md mb-12 flex items-center justify-center" }, mi = { class: "text-center" }, bi = { class: "text-fm-color-neutral-gray-500 fm-typo-en-body-sm-400" }, fi = { class: "flex items-start gap-8" }, gi = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary mb-4" }, hi = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, yi = { class: "mt-12 flex w-full justify-end gap-12" }, vi = /* @__PURE__ */ se({
+const ri = { class: "mb-24" }, ii = { class: "fm-typo-en-title-lg-700 text-fm-color-typo-primary mb-8" }, li = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, si = { class: "grid grid-cols-2 gap-16" }, di = { class: "aspect-square bg-fm-color-neutral-gray-100 rounded-md mb-12 flex items-center justify-center" }, ci = { class: "text-center" }, ui = { class: "text-fm-color-neutral-gray-500 fm-typo-en-body-sm-400" }, pi = { class: "flex items-start gap-8" }, mi = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary mb-4" }, bi = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, fi = { class: "aspect-square bg-fm-color-neutral-gray-100 rounded-md mb-12 flex items-center justify-center" }, gi = { class: "text-center" }, hi = { class: "text-fm-color-neutral-gray-500 fm-typo-en-body-sm-400" }, yi = { class: "flex items-start gap-8" }, vi = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary mb-4" }, Ti = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, xi = { class: "mt-12 flex w-full justify-end gap-12" }, Ci = /* @__PURE__ */ se({
   __name: "TemplateSelectionModal",
   props: {
     show: { type: Boolean },
@@ -5942,7 +5943,7 @@ const ai = { class: "mb-24" }, ni = { class: "fm-typo-en-title-lg-700 text-fm-co
   },
   emits: ["close", "select"],
   setup(t, { emit: e }) {
-    const { t: a } = Ze(), n = q(null);
+    const { t: a } = Ue(), n = q(null);
     function o(i) {
       n.value = i;
     }
@@ -5957,28 +5958,28 @@ const ai = { class: "mb-24" }, ni = { class: "fm-typo-en-title-lg-700 text-fm-co
         "close-button": !1
       }, {
         "dialog-header": M(() => [
-          I("div", ai, [
-            I("h2", ni, j(v(a)("brand.template.selection.title")), 1),
-            I("p", oi, j(v(a)("brand.template.selection.description")), 1)
+          I("div", ri, [
+            I("h2", ii, j(y(a)("brand.template.selection.title")), 1),
+            I("p", li, j(y(a)("brand.template.selection.description")), 1)
           ])
         ]),
         "dialog-footer": M(() => [
-          I("div", yi, [
-            w(c, {
+          I("div", xi, [
+            _(c, {
               variant: "tertiary",
               onClick: s[2] || (s[2] = (m) => i.$emit("close")),
-              label: v(a)("brand.template.selection.cancel")
+              label: y(a)("brand.template.selection.cancel")
             }, null, 8, ["label"]),
-            w(c, {
+            _(c, {
               variant: "primary",
               disabled: !n.value,
               onClick: r,
-              label: v(a)("brand.template.selection.create")
+              label: y(a)("brand.template.selection.create")
             }, null, 8, ["disabled", "label"])
           ])
         ]),
         default: M(() => [
-          I("div", ri, [
+          I("div", si, [
             I("div", {
               class: ye(["border rounded-lg p-16 cursor-pointer transition-all duration-200 hover:bg-fm-color-neutral-gray-50", {
                 "border-fm-color-primary bg-fm-color-primary/5": n.value === "default",
@@ -5986,20 +5987,20 @@ const ai = { class: "mb-24" }, ni = { class: "fm-typo-en-title-lg-700 text-fm-co
               }]),
               onClick: s[0] || (s[0] = (m) => o("default"))
             }, [
-              I("div", ii, [
-                I("div", li, [
-                  w(d, {
+              I("div", di, [
+                I("div", ci, [
+                  _(d, {
                     name: "dashboard",
                     size: "xl",
                     class: "text-fm-color-neutral-gray-400 mb-8"
                   }),
-                  I("div", si, j(v(a)("brand.template.selection.defaultPreview")), 1)
+                  I("div", ui, j(y(a)("brand.template.selection.defaultPreview")), 1)
                 ])
               ]),
-              I("div", di, [
+              I("div", pi, [
                 I("div", null, [
-                  I("h3", ci, j(v(a)("brand.template.selection.defaultTitle")), 1),
-                  I("p", ui, j(v(a)("brand.template.selection.defaultDescription")), 1)
+                  I("h3", mi, j(y(a)("brand.template.selection.defaultTitle")), 1),
+                  I("p", bi, j(y(a)("brand.template.selection.defaultDescription")), 1)
                 ])
               ])
             ], 2),
@@ -6010,20 +6011,20 @@ const ai = { class: "mb-24" }, ni = { class: "fm-typo-en-title-lg-700 text-fm-co
               }]),
               onClick: s[1] || (s[1] = (m) => o("blank"))
             }, [
-              I("div", pi, [
-                I("div", mi, [
-                  w(d, {
+              I("div", fi, [
+                I("div", gi, [
+                  _(d, {
                     name: "add",
                     size: "xl",
                     class: "text-fm-color-neutral-gray-400 mb-8"
                   }),
-                  I("div", bi, j(v(a)("brand.template.selection.blankPreview")), 1)
+                  I("div", hi, j(y(a)("brand.template.selection.blankPreview")), 1)
                 ])
               ]),
-              I("div", fi, [
+              I("div", yi, [
                 I("div", null, [
-                  I("h3", gi, j(v(a)("brand.template.selection.blankTitle")), 1),
-                  I("p", hi, j(v(a)("brand.template.selection.blankDescription")), 1)
+                  I("h3", vi, j(y(a)("brand.template.selection.blankTitle")), 1),
+                  I("p", Ti, j(y(a)("brand.template.selection.blankDescription")), 1)
                 ])
               ])
             ], 2)
@@ -6033,22 +6034,22 @@ const ai = { class: "mb-24" }, ni = { class: "fm-typo-en-title-lg-700 text-fm-co
       }, 8, ["model-value"]);
     };
   }
-}), Ti = { 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" }, xi = { class: "bg-fm-color-neutral-white px-8 py-8 border border-fm-color-opacity-sm rounded-sm" }, Ci = { class: "py-8 px-12 w-full flex items-center justify-between gap-8 transition-all duration-500" }, _i = { class: "flex items-center gap-8" }, wi = { class: "fm-typo-en-body-md-600 text-fm-color-typo-primary" }, Ii = { class: "flex items-center gap-8" }, Ei = { class: "overflow-y-auto" }, Si = { class: "flex items-center gap-8" }, Ai = { class: "fm-typo-en-body-md-400 text-fm-color-primary" }, Bi = { class: "fm-typo-en-body-md-400 text-fm-color-primary" }, Li = /* @__PURE__ */ se({
+}), _i = { 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" }, wi = { class: "bg-fm-color-neutral-white px-8 py-8 border border-fm-color-opacity-sm rounded-sm" }, Ii = { class: "py-8 px-12 w-full flex items-center justify-between gap-8 transition-all duration-500" }, Ei = { class: "flex items-center gap-8" }, Si = { class: "fm-typo-en-body-md-600 text-fm-color-typo-primary" }, Ai = { class: "flex items-center gap-8" }, Bi = { class: "overflow-y-auto" }, Li = { class: "flex items-center gap-8" }, ki = { class: "fm-typo-en-body-md-400 text-fm-color-primary" }, Di = { class: "fm-typo-en-body-md-400 text-fm-color-primary" }, Ni = /* @__PURE__ */ se({
   __name: "TemplatePicker",
   setup(t) {
-    const e = q(!1), a = q(""), n = q(""), o = q(!1), r = q("default"), l = We(), i = Ge(), s = Ue(), d = Ct(), c = dn(), p = To(), m = Ia(), { t: u } = Ze(), b = ie(
+    const e = q(!1), a = q(""), n = q(""), o = q(!1), r = q("default"), l = We(), i = Ge(), s = Fe(), d = Ct(), c = dn(), p = _o(), m = Ia(), { t: u } = Ue(), b = ie(
       () => i.state.allTemplates.filter(
         (C) => {
-          var _;
-          return ((_ = i.state.selectedTemplate) == null ? void 0 : _.templateId) !== C.templateId && (a.value ? C.templateAlias.toLocaleLowerCase().includes(a.value.toLocaleLowerCase()) : !0);
+          var w;
+          return ((w = i.state.selectedTemplate) == null ? void 0 : w.templateId) !== C.templateId && (a.value ? C.templateAlias.toLocaleLowerCase().includes(a.value.toLocaleLowerCase()) : !0);
         }
       )
-    ), g = async (C, _ = "blank") => {
+    ), g = async (C, w = "blank") => {
       m.promise(
         async () => {
           i.addNewTemplate(C == "member" ? { group: "member" } : {});
           let A;
-          _ === "default" ? A = ti(
+          w === "default" ? A = oi(
             d,
             C === "member"
           ) : A = d.buildNewNode(
@@ -6070,10 +6071,10 @@ const ai = { class: "mb-24" }, ni = { class: "fm-typo-en-title-lg-700 text-fm-co
       if (e.value = !1, r.value = C || "default", s.isSaved())
         o.value = !0;
       else {
-        const _ = q(!1), A = async () => {
+        const w = q(!1), A = async () => {
           m.promise(
             async () => {
-              _.value = !0, i.saveTemplate(
+              w.value = !0, i.saveTemplate(
                 l.currentBusiness.value._id,
                 s.state.node
               );
@@ -6084,7 +6085,7 @@ const ai = { class: "mb-24" }, ni = { class: "fm-typo-en-title-lg-700 text-fm-co
               error: () => u("brand.template.picker.errorSaving")
             }
           ).then(() => {
-            _.value = !1;
+            w.value = !1;
           });
         };
         p.open({
@@ -6093,17 +6094,17 @@ const ai = { class: "mb-24" }, ni = { class: "fm-typo-en-title-lg-700 text-fm-co
           primaryActions: {
             text: u("brand.template.picker.save"),
             close: !1,
-            isLoading: _
+            isLoading: w
           },
           secondaryActions: {
             text: u("brand.template.picker.cancel"),
             close: !0,
-            disabled: _
+            disabled: w
           },
           tertiaryActions: {
             text: u("brand.template.picker.discard"),
             close: !0,
-            disabled: _,
+            disabled: w,
             variant: "destructive"
           }
         }).onPrimary(async () => {
@@ -6115,10 +6116,10 @@ const ai = { class: "mb-24" }, ni = { class: "fm-typo-en-title-lg-700 text-fm-co
     }
     function f(C) {
       o.value = !1;
-      const _ = r.value === "member" ? "member" : void 0;
-      g(_, C);
+      const w = r.value === "member" ? "member" : void 0;
+      g(w, C);
     }
-    function y() {
+    function v() {
       o.value = !1, r.value = "default";
     }
     function T(C) {
@@ -6150,8 +6151,8 @@ const ai = { class: "mb-24" }, ni = { class: "fm-typo-en-title-lg-700 text-fm-co
     }
     function D(C) {
       e.value = !1;
-      const _ = q(C.templateAlias), A = q(!1), U = ie(
-        () => _.value === C.templateAlias
+      const w = q(C.templateAlias), A = q(!1), U = ie(
+        () => w.value === C.templateAlias
       );
       p.open({
         title: u("brand.template.picker.renameTitle"),
@@ -6162,9 +6163,9 @@ const ai = { class: "mb-24" }, ni = { class: "fm-typo-en-title-lg-700 text-fm-co
           isLoading: A
         },
         secondaryActions: { text: u("brand.template.picker.cancel"), close: !0 },
-        contentComponent: ma(xo.FmTextField, {
-          modelValue: _,
-          "onUpdate:modelValue": (ne) => _.value = ne
+        contentComponent: ma(wo.FmTextField, {
+          modelValue: w,
+          "onUpdate:modelValue": (ne) => w.value = ne
         })
       }).onPrimary(async () => {
         A.value = !0, m.promise(
@@ -6172,12 +6173,12 @@ const ai = { class: "mb-24" }, ni = { class: "fm-typo-en-title-lg-700 text-fm-co
             await i.renameTemplate(
               l.currentBusiness.value._id,
               C.templateId,
-              _.value
+              w.value
             ), A.value = !1, p.close();
           },
           {
             loading: u("brand.template.picker.renaming"),
-            success: () => u("brand.template.picker.renamed", { name: _.value }),
+            success: () => u("brand.template.picker.renamed", { name: w.value }),
             error: () => u("brand.template.picker.errorRenaming")
           }
         );
@@ -6185,7 +6186,7 @@ const ai = { class: "mb-24" }, ni = { class: "fm-typo-en-title-lg-700 text-fm-co
     }
     function F(C) {
       e.value = !1;
-      const _ = q(!1);
+      const w = q(!1);
       p.open({
         title: u("brand.template.picker.deleteTitle"),
         message: u("brand.template.picker.deleteMessage", {
@@ -6194,13 +6195,13 @@ const ai = { class: "mb-24" }, ni = { class: "fm-typo-en-title-lg-700 text-fm-co
         primaryActions: {
           text: u("brand.template.picker.delete"),
           close: !1,
-          isLoading: _,
+          isLoading: w,
           variant: "destructive"
         },
         secondaryActions: { text: u("brand.template.picker.cancel"), close: !0 }
       }).onPrimary(async () => {
         var A;
-        _.value = !0, await m.promise(
+        w.value = !0, await m.promise(
           i.deleteTemplate(
             l.currentBusiness.value._id,
             C.templateId
@@ -6210,7 +6211,7 @@ const ai = { class: "mb-24" }, ni = { class: "fm-typo-en-title-lg-700 text-fm-co
             success: () => u("brand.template.picker.deleted"),
             error: () => u("brand.template.picker.errorDeleting")
           }
-        ), _.value = !1, p.close(), (!i.state.selectedTemplate || ((A = i.state.selectedTemplate) == null ? void 0 : A.templateId) === C.templateId) && c.push({
+        ), w.value = !1, p.close(), (!i.state.selectedTemplate || ((A = i.state.selectedTemplate) == null ? void 0 : A.templateId) === C.templateId) && c.push({
           name: "builder",
           params: {
             templateId: void 0
@@ -6227,29 +6228,29 @@ const ai = { class: "mb-24" }, ni = { class: "fm-typo-en-title-lg-700 text-fm-co
       () => i.state.allTemplates.length,
       () => {
       }
-    ), (C, _) => {
+    ), (C, w) => {
       const A = V("FmIcon"), U = V("FmChip"), ne = V("FmMenuDivider"), z = V("FmSearch"), fe = V("FmMenuItem"), He = V("FmPopover");
       return N(), Z(Le, null, [
-        w(He, {
+        _(He, {
           width: 300,
           "max-height": 400,
-          onPopoverChanged: _[4] || (_[4] = (O) => e.value = O),
+          onPopoverChanged: w[4] || (w[4] = (O) => e.value = O),
           "show-popover": e.value
         }, {
           "popover-button": M(() => {
             var O, Se;
             return [
-              I("div", Ti, [
-                (O = v(i).state.selectedTemplate) != null && O.isPublished && ![
-                  v(i).state.activeTemplateId,
-                  v(i).state.activeMemberTemplateId
-                ].includes(v(i).state.selectedTemplate.templateId) ? (N(), ae(U, {
+              I("div", _i, [
+                (O = y(i).state.selectedTemplate) != null && O.isPublished && ![
+                  y(i).state.activeTemplateId,
+                  y(i).state.activeMemberTemplateId
+                ].includes(y(i).state.selectedTemplate.templateId) ? (N(), ae(U, {
                   key: 0,
                   class: "bg-fm-color-system-success-100",
                   compact: ""
                 }, {
                   default: M(() => [
-                    w(A, {
+                    _(A, {
                       color: "system-success-400",
                       name: "task_alt",
                       size: "sm"
@@ -6257,52 +6258,52 @@ const ai = { class: "mb-24" }, ni = { class: "fm-typo-en-title-lg-700 text-fm-co
                   ]),
                   _: 1
                 })) : Q("", !0),
-                v(i).state.selectedTemplate && [
-                  v(i).state.activeTemplateId,
-                  v(i).state.activeMemberTemplateId
-                ].includes(v(i).state.selectedTemplate.templateId) ? (N(), ae(U, {
+                y(i).state.selectedTemplate && [
+                  y(i).state.activeTemplateId,
+                  y(i).state.activeMemberTemplateId
+                ].includes(y(i).state.selectedTemplate.templateId) ? (N(), ae(U, {
                   key: 1,
                   class: ye([{
-                    grayscale: !v(i).state.selectedTemplate.isPublished
+                    grayscale: !y(i).state.selectedTemplate.isPublished
                   }, "bg-fm-color-system-warning-100"]),
                   compact: ""
                 }, {
                   default: M(() => [
-                    w(A, {
+                    _(A, {
                       size: "sm",
                       class: "text-fm-color-primary",
                       outline: "",
-                      name: v(i).state.selectedTemplate.templateId == v(i).state.activeTemplateId ? "home" : "account_circle"
+                      name: y(i).state.selectedTemplate.templateId == y(i).state.activeTemplateId ? "home" : "account_circle"
                     }, null, 8, ["name"])
                   ]),
                   _: 1
                 }, 8, ["class"])) : Q("", !0),
                 I("p", {
                   class: ye({
-                    italic: !v(s).isSaved()
+                    italic: !y(s).isSaved()
                   })
-                }, j((Se = v(i).state.selectedTemplate) == null ? void 0 : Se.templateAlias), 3),
-                w(A, {
+                }, j((Se = y(i).state.selectedTemplate) == null ? void 0 : Se.templateAlias), 3),
+                _(A, {
                   name: e.value ? "keyboard_arrow_up" : "keyboard_arrow_down"
                 }, null, 8, ["name"])
               ])
             ];
           }),
           default: M(() => [
-            I("div", xi, [
-              v(i).state.selectedTemplate ? (N(), Z(Le, { key: 0 }, [
-                I("div", Ci, [
-                  I("div", _i, [
-                    v(i).state.selectedTemplate.isPublished && ![
-                      v(i).state.activeTemplateId,
-                      v(i).state.activeMemberTemplateId
-                    ].includes(v(i).state.selectedTemplate.templateId) ? (N(), ae(U, {
+            I("div", wi, [
+              y(i).state.selectedTemplate ? (N(), Z(Le, { key: 0 }, [
+                I("div", Ii, [
+                  I("div", Ei, [
+                    y(i).state.selectedTemplate.isPublished && ![
+                      y(i).state.activeTemplateId,
+                      y(i).state.activeMemberTemplateId
+                    ].includes(y(i).state.selectedTemplate.templateId) ? (N(), ae(U, {
                       key: 0,
                       class: "bg-fm-color-system-success-100",
                       compact: ""
                     }, {
                       default: M(() => [
-                        w(A, {
+                        _(A, {
                           color: "system-success-400",
                           name: "task_alt",
                           size: "sm"
@@ -6311,59 +6312,59 @@ const ai = { class: "mb-24" }, ni = { class: "fm-typo-en-title-lg-700 text-fm-co
                       _: 1
                     })) : Q("", !0),
                     [
-                      v(i).state.activeTemplateId,
-                      v(i).state.activeMemberTemplateId
-                    ].includes(v(i).state.selectedTemplate.templateId) ? (N(), ae(U, {
+                      y(i).state.activeTemplateId,
+                      y(i).state.activeMemberTemplateId
+                    ].includes(y(i).state.selectedTemplate.templateId) ? (N(), ae(U, {
                       key: 1,
                       class: ye([{
-                        grayscale: !v(i).state.selectedTemplate.isPublished
+                        grayscale: !y(i).state.selectedTemplate.isPublished
                       }, "bg-fm-color-system-warning-100"]),
                       compact: ""
                     }, {
                       default: M(() => [
-                        w(A, {
+                        _(A, {
                           size: "sm",
                           class: "text-fm-color-primary",
                           outline: "",
-                          name: v(i).state.selectedTemplate.templateId == v(i).state.activeTemplateId ? "home" : "account_circle"
+                          name: y(i).state.selectedTemplate.templateId == y(i).state.activeTemplateId ? "home" : "account_circle"
                         }, null, 8, ["name"])
                       ]),
                       _: 1
                     }, 8, ["class"])) : Q("", !0),
-                    I("span", wi, j(v(i).state.selectedTemplate.templateAlias), 1)
+                    I("span", Si, j(y(i).state.selectedTemplate.templateAlias), 1)
                   ]),
-                  I("div", Ii, [
-                    w(A, {
+                  I("div", Ai, [
+                    _(A, {
                       name: "edit",
                       outline: "",
                       class: "text-fm-color-neutral-black cursor-pointer",
-                      onClick: _[0] || (_[0] = (O) => D(v(i).state.selectedTemplate))
+                      onClick: w[0] || (w[0] = (O) => D(y(i).state.selectedTemplate))
                     }),
-                    w(A, {
+                    _(A, {
                       outline: "",
                       name: "delete",
                       class: "text-fm-color-system-error-300 cursor-pointer",
-                      onClick: _[1] || (_[1] = (O) => F(v(i).state.selectedTemplate))
+                      onClick: w[1] || (w[1] = (O) => F(y(i).state.selectedTemplate))
                     })
                   ])
                 ]),
-                w(ne, { inset: "" })
+                _(ne, { inset: "" })
               ], 64)) : Q("", !0),
-              w(z, {
+              _(z, {
                 "model-value": a.value,
-                "onUpdate:modelValue": _[2] || (_[2] = (O) => a.value = O),
+                "onUpdate:modelValue": w[2] || (w[2] = (O) => a.value = O),
                 class: "p-4",
-                placeholder: v(u)("brand.template.picker.search")
+                placeholder: y(u)("brand.template.picker.search")
               }, null, 8, ["model-value", "placeholder"]),
-              I("div", Ei, [
+              I("div", Bi, [
                 (N(!0), Z(Le, null, vt(b.value, (O, Se) => {
-                  var Fe;
+                  var Oe;
                   return N(), Z(Le, {
                     key: O.templateId
                   }, [
-                    w(fe, {
+                    _(fe, {
                       label: O.templateAlias,
-                      "model-value": O.templateId === ((Fe = v(i).state.selectedTemplate) == null ? void 0 : Fe.templateId),
+                      "model-value": O.templateId === ((Oe = y(i).state.selectedTemplate) == null ? void 0 : Oe.templateId),
                       onClick: (lt) => T(O),
                       onMouseover: (lt) => x(O.templateId),
                       onMouseout: L,
@@ -6371,15 +6372,15 @@ const ai = { class: "mb-24" }, ni = { class: "fm-typo-en-title-lg-700 text-fm-co
                     }, {
                       prepend: M(() => [
                         O.isPublished && ![
-                          v(i).state.activeTemplateId,
-                          v(i).state.activeMemberTemplateId
+                          y(i).state.activeTemplateId,
+                          y(i).state.activeMemberTemplateId
                         ].includes(O.templateId) ? (N(), ae(U, {
                           key: 0,
                           class: "bg-fm-color-system-success-100",
                           compact: ""
                         }, {
                           default: M(() => [
-                            w(A, {
+                            _(A, {
                               color: "system-success-400",
                               outline: "",
                               name: "task_alt",
@@ -6389,8 +6390,8 @@ const ai = { class: "mb-24" }, ni = { class: "fm-typo-en-title-lg-700 text-fm-co
                           _: 1
                         })) : Q("", !0),
                         [
-                          v(i).state.activeTemplateId,
-                          v(i).state.activeMemberTemplateId
+                          y(i).state.activeTemplateId,
+                          y(i).state.activeMemberTemplateId
                         ].includes(O.templateId) ? (N(), ae(U, {
                           key: 1,
                           class: ye(["bg-fm-color-system-warning-100", {
@@ -6399,10 +6400,10 @@ const ai = { class: "mb-24" }, ni = { class: "fm-typo-en-title-lg-700 text-fm-co
                           compact: ""
                         }, {
                           default: M(() => [
-                            w(A, {
+                            _(A, {
                               color: "primary",
                               class: "text-fm-color-primary",
-                              name: O.templateId == v(i).state.activeTemplateId ? "home" : "account_circle",
+                              name: O.templateId == y(i).state.activeTemplateId ? "home" : "account_circle",
                               size: "sm",
                               outline: ""
                             }, null, 8, ["name"])
@@ -6411,14 +6412,14 @@ const ai = { class: "mb-24" }, ni = { class: "fm-typo-en-title-lg-700 text-fm-co
                         }, 1032, ["class"])) : Q("", !0)
                       ]),
                       append: M(() => [
-                        Gt(I("div", Si, [
-                          w(A, {
+                        Gt(I("div", Li, [
+                          _(A, {
                             outline: "",
                             name: "edit",
                             class: "text-fm-color-neutral-black",
                             onClick: ba((lt) => D(O), ["stop"])
                           }, null, 8, ["onClick"]),
-                          Gt(w(A, {
+                          Gt(_(A, {
                             outline: "",
                             name: "delete",
                             class: "text-fm-color-system-error-300",
@@ -6426,7 +6427,7 @@ const ai = { class: "mb-24" }, ni = { class: "fm-typo-en-title-lg-700 text-fm-co
                           }, null, 8, ["onClick"]), [
                             [
                               Xt,
-                              b.value.length > 1 && O.templateId !== v(i).state.activeTemplateId
+                              b.value.length > 1 && O.templateId !== y(i).state.activeTemplateId
                             ]
                           ])
                         ], 512), [
@@ -6435,43 +6436,43 @@ const ai = { class: "mb-24" }, ni = { class: "fm-typo-en-title-lg-700 text-fm-co
                       ]),
                       _: 2
                     }, 1032, ["label", "model-value", "onClick", "onMouseover"]),
-                    w(ne, {
+                    _(ne, {
                       class: ye({ hidden: Se === b.value.length - 1 }),
                       inset: ""
                     }, null, 8, ["class"])
                   ], 64);
                 }), 128))
               ]),
-              Gt(w(fe, {
+              Gt(_(fe, {
                 disabled: "",
-                label: v(u)("brand.template.picker.noTemplateFound")
+                label: y(u)("brand.template.picker.noTemplateFound")
               }, null, 8, ["label"]), [
                 [Xt, b.value.length === 0]
               ]),
-              w(ne, { inset: "" }),
-              w(fe, { onClick: B }, {
+              _(ne, { inset: "" }),
+              _(fe, { onClick: B }, {
                 prepend: M(() => [
-                  w(A, {
+                  _(A, {
                     name: "add",
                     class: "text-fm-color-primary"
                   })
                 ]),
                 label: M(() => [
-                  I("div", Ai, j(v(u)("brand.template.picker.addNewTemplate")), 1)
+                  I("div", ki, j(y(u)("brand.template.picker.addNewTemplate")), 1)
                 ]),
                 _: 1
               }),
-              w(fe, {
-                onClick: _[3] || (_[3] = (O) => B("member"))
+              _(fe, {
+                onClick: w[3] || (w[3] = (O) => B("member"))
               }, {
                 prepend: M(() => [
-                  w(A, {
+                  _(A, {
                     name: "add",
                     class: "text-fm-color-primary"
                   })
                 ]),
                 label: M(() => [
-                  I("div", Bi, j(v(u)("brand.template.picker.addMemberTemplate")), 1)
+                  I("div", Di, j(y(u)("brand.template.picker.addMemberTemplate")), 1)
                 ]),
                 _: 1
               })
@@ -6479,19 +6480,19 @@ const ai = { class: "mb-24" }, ni = { class: "fm-typo-en-title-lg-700 text-fm-co
           ]),
           _: 1
         }, 8, ["show-popover"]),
-        w(vi, {
+        _(Ci, {
           show: o.value,
           "template-options": [],
-          onClose: y,
+          onClose: v,
           onSelect: f
         }, null, 8, ["show"])
       ], 64);
     };
   }
-}), ki = { class: "w-[280px]" }, Di = { class: "fm-typo-en-body-sm-600 text-fm-color-typo-secondary py-4 px-8" }, Ni = /* @__PURE__ */ se({
+}), Fi = { class: "w-[280px]" }, Oi = { class: "fm-typo-en-body-sm-600 text-fm-color-typo-secondary py-4 px-8" }, Pi = /* @__PURE__ */ se({
   __name: "TemplateShareMenu",
   setup(t) {
-    const e = q(!1), a = Ue(), n = Ea(), o = Ge(), r = We(), l = Ia(), { t: i } = Ze(), { namespace: s } = We(), d = [
+    const e = q(!1), a = Fe(), n = Ea(), o = Ge(), r = We(), l = Ia(), { t: i } = Ue(), { namespace: s } = We(), d = [
       "6620bdb2823d92001b3a966f",
       "5dc8df2eb3de6a0021295d8f",
       "5d9b00862cb0c4002146e69a",
@@ -6525,18 +6526,18 @@ const ai = { class: "mb-24" }, ni = { class: "fm-typo-en-title-lg-700 text-fm-co
       "5f76a6ffcd6730001b320816",
       "67ff36e8b11f39001c012541"
     ], c = ie(() => s.value === "dev" || n.state.isPremium || d.includes(r.currentBusiness.value._id));
-    function p(f, y) {
-      return !f || !c.value ? !1 : (!f.group || f.group == "default") && y == "home" ? f.isPublished && o.state.activeTemplateId !== f.templateId : f.group == "member" && y == "member" ? f.isPublished && o.state.activeMemberTemplateId !== f.templateId : !1;
+    function p(f, v) {
+      return !f || !c.value ? !1 : (!f.group || f.group == "default") && v == "home" ? f.isPublished && o.state.activeTemplateId !== f.templateId : f.group == "member" && v == "member" ? f.isPublished && o.state.activeMemberTemplateId !== f.templateId : !1;
     }
-    function m(f, y) {
+    function m(f, v) {
       if (!f || f.group == "referral") return "";
-      if (y == "home")
+      if (v == "home")
         return f.isPublished ? o.state.activeTemplateId === f.templateId ? i("brand.template.shareMenu.thisTemplateSetAsHomepage") : "" : i("brand.template.shareMenu.templateNotPublished");
-      if (y == "member")
+      if (v == "member")
         return f.isPublished ? o.state.activeMemberTemplateId === f.templateId ? i("brand.template.shareMenu.thisTemplateSetAsMemberHomepage") : "" : i("brand.template.shareMenu.templateNotPublished");
     }
     const u = ie(() => {
-      var f, y, T, x, L, D, F, C;
+      var f, v, T, x, L, D, F, C;
       return [
         {
           label: i("brand.template.shareMenu.saveAndPublish"),
@@ -6564,7 +6565,7 @@ const ai = { class: "mb-24" }, ni = { class: "fm-typo-en-title-lg-700 text-fm-co
         {
           label: i("brand.template.shareMenu.publishAsMainHomepage"),
           sublabel: m(o.state.selectedTemplate, "home"),
-          sublabelClass: (f = o.state.selectedTemplate) != null && f.isPublished ? o.state.activeTemplateId === ((y = o.state.selectedTemplate) == null ? void 0 : y.templateId) ? "text-fm-color-typo-warning" : "" : "text-fm-color-typo-warning",
+          sublabelClass: (f = o.state.selectedTemplate) != null && f.isPublished ? o.state.activeTemplateId === ((v = o.state.selectedTemplate) == null ? void 0 : v.templateId) ? "text-fm-color-typo-warning" : "" : "text-fm-color-typo-warning",
           icon: "home",
           action: () => {
             b();
@@ -6604,8 +6605,8 @@ const ai = { class: "mb-24" }, ni = { class: "fm-typo-en-title-lg-700 text-fm-co
       );
     }
     async function g() {
-      var y;
-      const f = `${"https://{slug}.feedme.vip".replace("{slug}", `${r.currentBusiness.value.url ?? ((y = r.currentBusiness.value) == null ? void 0 : y.id)}`)}`;
+      var v;
+      const f = `${"https://{slug}.feedmedev.vip".replace("{slug}", `${r.currentBusiness.value.url ?? ((v = r.currentBusiness.value) == null ? void 0 : v.id)}`)}`;
       l.promise(
         async () => {
           var x;
@@ -6622,10 +6623,10 @@ const ai = { class: "mb-24" }, ni = { class: "fm-typo-en-title-lg-700 text-fm-co
       );
     }
     async function B() {
-      var f, y;
+      var f, v;
       (f = o.state.selectedTemplate) != null && f.isPublished && l.promise(o.unpublishTemplate(r.currentBusiness.value._id), {
         loading: i("brand.template.shareMenu.unpublishing", {
-          templateAlias: (y = o.state.selectedTemplate) == null ? void 0 : y.templateAlias
+          templateAlias: (v = o.state.selectedTemplate) == null ? void 0 : v.templateAlias
         }),
         success: () => {
           var T;
@@ -6636,30 +6637,30 @@ const ai = { class: "mb-24" }, ni = { class: "fm-typo-en-title-lg-700 text-fm-co
         error: () => i("brand.template.shareMenu.errorUnpublishing")
       });
     }
-    return (f, y) => {
+    return (f, v) => {
       const T = V("FmButton"), x = V("FmMenuDivider"), L = V("FmMenuItem"), D = V("FmMenu");
       return N(), ae(D, {
         placement: "bottom-end",
-        onMenuChanged: y[0] || (y[0] = (F) => e.value = F)
+        onMenuChanged: v[0] || (v[0] = (F) => e.value = F)
       }, {
         "menu-button": M(() => [
-          w(T, {
+          _(T, {
             "prepend-icon": "publish",
             "append-icon": e.value ? "keyboard_arrow_up" : "keyboard_arrow_down",
-            label: v(i)("brand.template.shareMenu.share")
+            label: y(i)("brand.template.shareMenu.share")
           }, null, 8, ["append-icon", "label"])
         ]),
         default: M(() => {
           var F;
           return [
-            I("div", ki, [
-              I("div", Di, j(v(i)("brand.template.shareMenu.publishThisTemplate")), 1),
+            I("div", Fi, [
+              I("div", Oi, j(y(i)("brand.template.shareMenu.publishThisTemplate")), 1),
               (N(!0), Z(Le, null, vt(u.value, (C) => (N(), Z(Le, null, [
-                w(x, {
+                _(x, {
                   inset: "",
                   class: "!mx-4 hidden [&:nth-last-child(2)]:block"
                 }),
-                w(L, {
+                _(L, {
                   label: C.label,
                   sublabel: C.sublabel,
                   icon: C.icon,
@@ -6690,12 +6691,12 @@ const ai = { class: "mb-24" }, ni = { class: "fm-typo-en-title-lg-700 text-fm-co
                   _: 2
                 }, 1032, ["label", "sublabel", "icon", "disabled", "onUpdate:modelValue"])
               ], 64))), 256)),
-              w(x, {
+              _(x, {
                 inset: "",
                 class: "!mx-4"
               }),
-              w(L, {
-                disabled: !((F = v(o).state.selectedTemplate) != null && F.isPublished),
+              _(L, {
+                disabled: !((F = y(o).state.selectedTemplate) != null && F.isPublished),
                 onClick: B
               }, {
                 label: M(() => {
@@ -6704,9 +6705,9 @@ const ai = { class: "mb-24" }, ni = { class: "fm-typo-en-title-lg-700 text-fm-co
                     I("div", {
                       class: ye([
                         "fm-typo-en-body-md-400 max-w-[240px]",
-                        (C = v(o).state.selectedTemplate) != null && C.isPublished ? "text-fm-color-typo-error" : "text-fm-color-typo-disabled"
+                        (C = y(o).state.selectedTemplate) != null && C.isPublished ? "text-fm-color-typo-error" : "text-fm-color-typo-disabled"
                       ])
-                    }, j(v(i)("brand.template.shareMenu.unpublish")), 3)
+                    }, j(y(i)("brand.template.shareMenu.unpublish")), 3)
                   ];
                 }),
                 _: 1
@@ -6719,11 +6720,11 @@ const ai = { class: "mb-24" }, ni = { class: "fm-typo-en-title-lg-700 text-fm-co
     };
   }
 });
-var _t = {}, Fi = function() {
+var _t = {}, Mi = function() {
   return typeof Promise == "function" && Promise.prototype && Promise.prototype.then;
 }, Fn = {}, me = {};
 let ka;
-const Oi = [
+const Ri = [
   0,
   // Not used
   26,
@@ -6773,7 +6774,7 @@ me.getSymbolSize = function(e) {
   return e * 4 + 17;
 };
 me.getSymbolTotalCodewords = function(e) {
-  return Oi[e];
+  return Ri[e];
 };
 me.getBCHDigit = function(t) {
   let e = 0;
@@ -6847,7 +6848,7 @@ On.prototype = {
     this.buffer.length <= e && this.buffer.push(0), t && (this.buffer[e] |= 128 >>> this.length % 8), this.length++;
   }
 };
-var Pi = On;
+var $i = On;
 function wt(t) {
   if (!t || t < 1)
     throw new Error("BitMatrix size must be defined and greater than 0");
@@ -6866,7 +6867,7 @@ wt.prototype.xor = function(t, e, a) {
 wt.prototype.isReserved = function(t, e) {
   return this.reservedBit[t * this.size + e];
 };
-var Mi = wt, Pn = {};
+var Zi = wt, Pn = {};
 (function(t) {
   const e = me.getSymbolSize;
   t.getRowColCoords = function(n) {
@@ -6886,9 +6887,9 @@ var Mi = wt, Pn = {};
   };
 })(Pn);
 var Mn = {};
-const Ri = me.getSymbolSize, en = 7;
+const Ui = me.getSymbolSize, en = 7;
 Mn.getPositions = function(e) {
-  const a = Ri(e);
+  const a = Ui(e);
   return [
     // top-left
     [0, 0],
@@ -6995,7 +6996,7 @@ var Rn = {};
   };
 })(Rn);
 var zt = {};
-const $e = Yt, Bt = [
+const Ze = Yt, Bt = [
   // L  M  Q  H
   1,
   1,
@@ -7322,13 +7323,13 @@ const $e = Yt, Bt = [
 ];
 zt.getBlocksCount = function(e, a) {
   switch (a) {
-    case $e.L:
+    case Ze.L:
       return Bt[(e - 1) * 4 + 0];
-    case $e.M:
+    case Ze.M:
       return Bt[(e - 1) * 4 + 1];
-    case $e.Q:
+    case Ze.Q:
       return Bt[(e - 1) * 4 + 2];
-    case $e.H:
+    case Ze.H:
       return Bt[(e - 1) * 4 + 3];
     default:
       return;
@@ -7336,13 +7337,13 @@ zt.getBlocksCount = function(e, a) {
 };
 zt.getTotalCodewordsCount = function(e, a) {
   switch (a) {
-    case $e.L:
+    case Ze.L:
       return Lt[(e - 1) * 4 + 0];
-    case $e.M:
+    case Ze.M:
       return Lt[(e - 1) * 4 + 1];
-    case $e.Q:
+    case Ze.Q:
       return Lt[(e - 1) * 4 + 2];
-    case $e.H:
+    case Ze.H:
       return Lt[(e - 1) * 4 + 3];
     default:
       return;
@@ -7412,30 +7413,30 @@ Da.prototype.encode = function(e) {
   }
   return n;
 };
-var $i = Da, Un = {}, Ve = {}, Na = {};
+var Vi = Da, Un = {}, Ve = {}, Na = {};
 Na.isValid = function(e) {
   return !isNaN(e) && e >= 1 && e <= 40;
 };
 var Ee = {};
-const Vn = "[0-9]+", Zi = "[A-Z $%*+\\-./:]+";
+const Vn = "[0-9]+", Hi = "[A-Z $%*+\\-./:]+";
 let yt = "(?:[u3000-u303F]|[u3040-u309F]|[u30A0-u30FF]|[uFF00-uFFEF]|[u4E00-u9FAF]|[u2605-u2606]|[u2190-u2195]|u203B|[u2010u2015u2018u2019u2025u2026u201Cu201Du2225u2260]|[u0391-u0451]|[u00A7u00A8u00B1u00B4u00D7u00F7])+";
 yt = yt.replace(/u/g, "\\u");
-const Ui = "(?:(?![A-Z0-9 $%*+\\-./:]|" + yt + `)(?:.|[\r
+const Yi = "(?:(?![A-Z0-9 $%*+\\-./:]|" + yt + `)(?:.|[\r
 ]))+`;
 Ee.KANJI = new RegExp(yt, "g");
 Ee.BYTE_KANJI = new RegExp("[^A-Z0-9 $%*+\\-./:]+", "g");
-Ee.BYTE = new RegExp(Ui, "g");
+Ee.BYTE = new RegExp(Yi, "g");
 Ee.NUMERIC = new RegExp(Vn, "g");
-Ee.ALPHANUMERIC = new RegExp(Zi, "g");
-const Vi = new RegExp("^" + yt + "$"), Hi = new RegExp("^" + Vn + "$"), Yi = new RegExp("^[A-Z0-9 $%*+\\-./:]+$");
+Ee.ALPHANUMERIC = new RegExp(Hi, "g");
+const zi = new RegExp("^" + yt + "$"), ji = new RegExp("^" + Vn + "$"), Wi = new RegExp("^[A-Z0-9 $%*+\\-./:]+$");
 Ee.testKanji = function(e) {
-  return Vi.test(e);
+  return zi.test(e);
 };
 Ee.testNumeric = function(e) {
-  return Hi.test(e);
+  return ji.test(e);
 };
 Ee.testAlphanumeric = function(e) {
-  return Yi.test(e);
+  return Wi.test(e);
 };
 (function(t) {
   const e = Na, a = Ee;
@@ -7524,9 +7525,9 @@ Ee.testAlphanumeric = function(e) {
     if (!r.isValid(u))
       throw new Error("Invalid QR Code version");
     typeof g > "u" && (g = o.BYTE);
-    const B = e.getSymbolTotalCodewords(u), f = a.getTotalCodewordsCount(u, b), y = (B - f) * 8;
-    if (g === o.MIXED) return y;
-    const T = y - d(g, u);
+    const B = e.getSymbolTotalCodewords(u), f = a.getTotalCodewordsCount(u, b), v = (B - f) * 8;
+    if (g === o.MIXED) return v;
+    const T = v - d(g, u);
     switch (g) {
       case o.NUMERIC:
         return Math.floor(T / 10 * 3);
@@ -7560,18 +7561,18 @@ Ee.testAlphanumeric = function(e) {
   };
 })(Un);
 var Hn = {};
-const Ta = me, Yn = 1335, zi = 21522, tn = Ta.getBCHDigit(Yn);
+const Ta = me, Yn = 1335, Gi = 21522, tn = Ta.getBCHDigit(Yn);
 Hn.getEncodedBits = function(e, a) {
   const n = e.bit << 3 | a;
   let o = n << 10;
   for (; Ta.getBCHDigit(o) - tn >= 0; )
     o ^= Yn << Ta.getBCHDigit(o) - tn;
-  return (n << 10 | o) ^ zi;
+  return (n << 10 | o) ^ Gi;
 };
 var zn = {};
-const ji = Ve;
+const Xi = Ve;
 function nt(t) {
-  this.mode = ji.NUMERIC, this.data = t.toString();
+  this.mode = Xi.NUMERIC, this.data = t.toString();
 }
 nt.getBitsLength = function(e) {
   return 10 * Math.floor(e / 3) + (e % 3 ? e % 3 * 3 + 1 : 0);
@@ -7589,8 +7590,8 @@ nt.prototype.write = function(e) {
   const r = this.data.length - a;
   r > 0 && (n = this.data.substr(a), o = parseInt(n, 10), e.put(o, r * 3 + 1));
 };
-var Wi = nt;
-const Gi = Ve, la = [
+var Ji = nt;
+const Ki = Ve, la = [
   "0",
   "1",
   "2",
@@ -7638,7 +7639,7 @@ const Gi = Ve, la = [
   ":"
 ];
 function ot(t) {
-  this.mode = Gi.ALPHANUMERIC, this.data = t;
+  this.mode = Ki.ALPHANUMERIC, this.data = t;
 }
 ot.getBitsLength = function(e) {
   return 11 * Math.floor(e / 2) + 6 * (e % 2);
@@ -7657,10 +7658,10 @@ ot.prototype.write = function(e) {
   }
   this.data.length % 2 && e.put(la.indexOf(this.data[a]), 6);
 };
-var Xi = ot;
-const Ji = Ve;
+var qi = ot;
+const Qi = Ve;
 function rt(t) {
-  this.mode = Ji.BYTE, typeof t == "string" ? this.data = new TextEncoder().encode(t) : this.data = new Uint8Array(t);
+  this.mode = Qi.BYTE, typeof t == "string" ? this.data = new TextEncoder().encode(t) : this.data = new Uint8Array(t);
 }
 rt.getBitsLength = function(e) {
   return e * 8;
@@ -7675,10 +7676,10 @@ rt.prototype.write = function(t) {
   for (let e = 0, a = this.data.length; e < a; e++)
     t.put(this.data[e], 8);
 };
-var Ki = rt;
-const qi = Ve, Qi = me;
+var el = rt;
+const tl = Ve, al = me;
 function it(t) {
-  this.mode = qi.KANJI, this.data = t;
+  this.mode = tl.KANJI, this.data = t;
 }
 it.getBitsLength = function(e) {
   return e * 13;
@@ -7692,7 +7693,7 @@ it.prototype.getBitsLength = function() {
 it.prototype.write = function(t) {
   let e;
   for (e = 0; e < this.data.length; e++) {
-    let a = Qi.toSJIS(this.data[e]);
+    let a = al.toSJIS(this.data[e]);
     if (a >= 33088 && a <= 40956)
       a -= 33088;
     else if (a >= 57408 && a <= 60351)
@@ -7705,7 +7706,7 @@ Make sure your charset is UTF-8`
     a = (a >>> 8 & 255) * 192 + (a & 255), t.put(a, 13);
   }
 };
-var el = it, jn = { exports: {} };
+var nl = it, jn = { exports: {} };
 (function(t) {
   var e = {
     single_source_shortest_paths: function(a, n, o) {
@@ -7771,28 +7772,28 @@ var el = it, jn = { exports: {} };
   };
   t.exports = e;
 })(jn);
-var tl = jn.exports;
+var ol = jn.exports;
 (function(t) {
-  const e = Ve, a = Wi, n = Xi, o = Ki, r = el, l = Ee, i = me, s = tl;
+  const e = Ve, a = Ji, n = qi, o = el, r = nl, l = Ee, i = me, s = ol;
   function d(f) {
     return unescape(encodeURIComponent(f)).length;
   }
-  function c(f, y, T) {
+  function c(f, v, T) {
     const x = [];
     let L;
     for (; (L = f.exec(T)) !== null; )
       x.push({
         data: L[0],
         index: L.index,
-        mode: y,
+        mode: v,
         length: L[0].length
       });
     return x;
   }
   function p(f) {
-    const y = c(l.NUMERIC, e.NUMERIC, f), T = c(l.ALPHANUMERIC, e.ALPHANUMERIC, f);
+    const v = c(l.NUMERIC, e.NUMERIC, f), T = c(l.ALPHANUMERIC, e.ALPHANUMERIC, f);
     let x, L;
-    return i.isKanjiModeEnabled() ? (x = c(l.BYTE, e.BYTE, f), L = c(l.KANJI, e.KANJI, f)) : (x = c(l.BYTE_KANJI, e.BYTE, f), L = []), y.concat(T, x, L).sort(function(F, C) {
+    return i.isKanjiModeEnabled() ? (x = c(l.BYTE, e.BYTE, f), L = c(l.KANJI, e.KANJI, f)) : (x = c(l.BYTE_KANJI, e.BYTE, f), L = []), v.concat(T, x, L).sort(function(F, C) {
       return F.index - C.index;
     }).map(function(F) {
       return {
@@ -7802,8 +7803,8 @@ var tl = jn.exports;
       };
     });
   }
-  function m(f, y) {
-    switch (y) {
+  function m(f, v) {
+    switch (v) {
       case e.NUMERIC:
         return a.getBitsLength(f);
       case e.ALPHANUMERIC:
@@ -7815,54 +7816,54 @@ var tl = jn.exports;
     }
   }
   function u(f) {
-    return f.reduce(function(y, T) {
-      const x = y.length - 1 >= 0 ? y[y.length - 1] : null;
-      return x && x.mode === T.mode ? (y[y.length - 1].data += T.data, y) : (y.push(T), y);
+    return f.reduce(function(v, T) {
+      const x = v.length - 1 >= 0 ? v[v.length - 1] : null;
+      return x && x.mode === T.mode ? (v[v.length - 1].data += T.data, v) : (v.push(T), v);
     }, []);
   }
   function b(f) {
-    const y = [];
+    const v = [];
     for (let T = 0; T < f.length; T++) {
       const x = f[T];
       switch (x.mode) {
         case e.NUMERIC:
-          y.push([
+          v.push([
             x,
             { data: x.data, mode: e.ALPHANUMERIC, length: x.length },
             { data: x.data, mode: e.BYTE, length: x.length }
           ]);
           break;
         case e.ALPHANUMERIC:
-          y.push([
+          v.push([
             x,
             { data: x.data, mode: e.BYTE, length: x.length }
           ]);
           break;
         case e.KANJI:
-          y.push([
+          v.push([
             x,
             { data: x.data, mode: e.BYTE, length: d(x.data) }
           ]);
           break;
         case e.BYTE:
-          y.push([
+          v.push([
             { data: x.data, mode: e.BYTE, length: d(x.data) }
           ]);
       }
     }
-    return y;
+    return v;
   }
-  function g(f, y) {
+  function g(f, v) {
     const T = {}, x = { start: {} };
     let L = ["start"];
     for (let D = 0; D < f.length; D++) {
       const F = f[D], C = [];
-      for (let _ = 0; _ < F.length; _++) {
-        const A = F[_], U = "" + D + _;
+      for (let w = 0; w < F.length; w++) {
+        const A = F[w], U = "" + D + w;
         C.push(U), T[U] = { node: A, lastCount: 0 }, x[U] = {};
         for (let ne = 0; ne < L.length; ne++) {
           const z = L[ne];
-          T[z] && T[z].node.mode === A.mode ? (x[z][U] = m(T[z].lastCount + A.length, A.mode) - m(T[z].lastCount, A.mode), T[z].lastCount += A.length) : (T[z] && (T[z].lastCount = A.length), x[z][U] = m(A.length, A.mode) + 4 + e.getCharCountIndicator(A.mode, y));
+          T[z] && T[z].node.mode === A.mode ? (x[z][U] = m(T[z].lastCount + A.length, A.mode) - m(T[z].lastCount, A.mode), T[z].lastCount += A.length) : (T[z] && (T[z].lastCount = A.length), x[z][U] = m(A.length, A.mode) + 4 + e.getCharCountIndicator(A.mode, v));
         }
       }
       L = C;
@@ -7871,10 +7872,10 @@ var tl = jn.exports;
       x[L[D]].end = 0;
     return { map: x, table: T };
   }
-  function B(f, y) {
+  function B(f, v) {
     let T;
     const x = e.getBestModeForData(f);
-    if (T = e.from(y, x), T !== e.BYTE && T.bit < x.bit)
+    if (T = e.from(v, x), T !== e.BYTE && T.bit < x.bit)
       throw new Error('"' + f + '" cannot be encoded with mode ' + e.toString(T) + `.
  Suggested mode is: ` + e.toString(x));
     switch (T === e.KANJI && !i.isKanjiModeEnabled() && (T = e.BYTE), T) {
@@ -7888,24 +7889,24 @@ var tl = jn.exports;
         return new o(f);
     }
   }
-  t.fromArray = function(y) {
-    return y.reduce(function(T, x) {
+  t.fromArray = function(v) {
+    return v.reduce(function(T, x) {
       return typeof x == "string" ? T.push(B(x, null)) : x.data && T.push(B(x.data, x.mode)), T;
     }, []);
-  }, t.fromString = function(y, T) {
-    const x = p(y, i.isKanjiModeEnabled()), L = b(x), D = g(L, T), F = s.find_path(D.map, "start", "end"), C = [];
-    for (let _ = 1; _ < F.length - 1; _++)
-      C.push(D.table[F[_]].node);
+  }, t.fromString = function(v, T) {
+    const x = p(v, i.isKanjiModeEnabled()), L = b(x), D = g(L, T), F = s.find_path(D.map, "start", "end"), C = [];
+    for (let w = 1; w < F.length - 1; w++)
+      C.push(D.table[F[w]].node);
     return t.fromArray(u(C));
-  }, t.rawSplit = function(y) {
+  }, t.rawSplit = function(v) {
     return t.fromArray(
-      p(y, i.isKanjiModeEnabled())
+      p(v, i.isKanjiModeEnabled())
     );
   };
 })(zn);
-const Wt = me, sa = Yt, al = Pi, nl = Mi, ol = Pn, rl = Mn, xa = Rn, Ca = zt, il = $i, Vt = Un, ll = Hn, sl = Ve, da = zn;
-function dl(t, e) {
-  const a = t.size, n = rl.getPositions(e);
+const Wt = me, sa = Yt, rl = $i, il = Zi, ll = Pn, sl = Mn, xa = Rn, Ca = zt, dl = Vi, Vt = Un, cl = Hn, ul = Ve, da = zn;
+function pl(t, e) {
+  const a = t.size, n = sl.getPositions(e);
   for (let o = 0; o < n.length; o++) {
     const r = n[o][0], l = n[o][1];
     for (let i = -1; i <= 7; i++)
@@ -7914,15 +7915,15 @@ function dl(t, e) {
           l + s <= -1 || a <= l + s || (i >= 0 && i <= 6 && (s === 0 || s === 6) || s >= 0 && s <= 6 && (i === 0 || i === 6) || i >= 2 && i <= 4 && s >= 2 && s <= 4 ? t.set(r + i, l + s, !0, !0) : t.set(r + i, l + s, !1, !0));
   }
 }
-function cl(t) {
+function ml(t) {
   const e = t.size;
   for (let a = 8; a < e - 8; a++) {
     const n = a % 2 === 0;
     t.set(a, 6, n, !0), t.set(6, a, n, !0);
   }
 }
-function ul(t, e) {
-  const a = ol.getPositions(e);
+function bl(t, e) {
+  const a = ll.getPositions(e);
   for (let n = 0; n < a.length; n++) {
     const o = a[n][0], r = a[n][1];
     for (let l = -2; l <= 2; l++)
@@ -7930,20 +7931,20 @@ function ul(t, e) {
         l === -2 || l === 2 || i === -2 || i === 2 || l === 0 && i === 0 ? t.set(o + l, r + i, !0, !0) : t.set(o + l, r + i, !1, !0);
   }
 }
-function pl(t, e) {
+function fl(t, e) {
   const a = t.size, n = Vt.getEncodedBits(e);
   let o, r, l;
   for (let i = 0; i < 18; i++)
     o = Math.floor(i / 3), r = i % 3 + a - 8 - 3, l = (n >> i & 1) === 1, t.set(o, r, l, !0), t.set(r, o, l, !0);
 }
 function ca(t, e, a) {
-  const n = t.size, o = ll.getEncodedBits(e, a);
+  const n = t.size, o = cl.getEncodedBits(e, a);
   let r, l;
   for (r = 0; r < 15; r++)
     l = (o >> r & 1) === 1, r < 6 ? t.set(r, 8, l, !0) : r < 8 ? t.set(r + 1, 8, l, !0) : t.set(n - 15 + r, 8, l, !0), r < 8 ? t.set(8, n - r - 1, l, !0) : r < 9 ? t.set(8, 15 - r - 1 + 1, l, !0) : t.set(8, 15 - r - 1, l, !0);
   t.set(n - 8, 8, 1, !0);
 }
-function ml(t, e) {
+function gl(t, e) {
   const a = t.size;
   let n = -1, o = a - 1, r = 7, l = 0;
   for (let i = a - 1; i > 0; i -= 2)
@@ -7959,10 +7960,10 @@ function ml(t, e) {
       }
     }
 }
-function bl(t, e, a) {
-  const n = new al();
+function hl(t, e, a) {
+  const n = new rl();
   a.forEach(function(s) {
-    n.put(s.mode.bit, 4), n.put(s.getLength(), sl.getCharCountIndicator(s.mode, t)), s.write(n);
+    n.put(s.mode.bit, 4), n.put(s.getLength(), ul.getCharCountIndicator(s.mode, t)), s.write(n);
   });
   const o = Wt.getSymbolTotalCodewords(t), r = Ca.getTotalCodewordsCount(t, e), l = (o - r) * 8;
   for (n.getLengthInBits() + 4 <= l && n.put(0, 4); n.getLengthInBits() % 8 !== 0; )
@@ -7970,17 +7971,17 @@ function bl(t, e, a) {
   const i = (l - n.getLengthInBits()) / 8;
   for (let s = 0; s < i; s++)
     n.put(s % 2 ? 17 : 236, 8);
-  return fl(n, t, e);
+  return yl(n, t, e);
 }
-function fl(t, e, a) {
-  const n = Wt.getSymbolTotalCodewords(e), o = Ca.getTotalCodewordsCount(e, a), r = n - o, l = Ca.getBlocksCount(e, a), i = n % l, s = l - i, d = Math.floor(n / l), c = Math.floor(r / l), p = c + 1, m = d - c, u = new il(m);
+function yl(t, e, a) {
+  const n = Wt.getSymbolTotalCodewords(e), o = Ca.getTotalCodewordsCount(e, a), r = n - o, l = Ca.getBlocksCount(e, a), i = n % l, s = l - i, d = Math.floor(n / l), c = Math.floor(r / l), p = c + 1, m = d - c, u = new dl(m);
   let b = 0;
   const g = new Array(l), B = new Array(l);
   let f = 0;
-  const y = new Uint8Array(t.buffer);
+  const v = new Uint8Array(t.buffer);
   for (let F = 0; F < l; F++) {
     const C = F < s ? c : p;
-    g[F] = y.slice(b, b + C), B[F] = u.encode(g[F]), b += C, f = Math.max(f, C);
+    g[F] = v.slice(b, b + C), B[F] = u.encode(g[F]), b += C, f = Math.max(f, C);
   }
   const T = new Uint8Array(n);
   let x = 0, L, D;
@@ -7992,7 +7993,7 @@ function fl(t, e, a) {
       T[x++] = B[D][L];
   return T;
 }
-function gl(t, e, a, n) {
+function vl(t, e, a, n) {
   let o;
   if (Array.isArray(t))
     o = da.fromArray(t);
@@ -8017,8 +8018,8 @@ The chosen QR Code version cannot contain this amount of data.
 Minimum version required to store current data is: ` + r + `.
 `
     );
-  const l = bl(e, a, o), i = Wt.getSymbolSize(e), s = new nl(i);
-  return dl(s, e), cl(s), ul(s, e), ca(s, a, 0), e >= 7 && pl(s, e), ml(s, l), isNaN(n) && (n = xa.getBestMask(
+  const l = hl(e, a, o), i = Wt.getSymbolSize(e), s = new il(i);
+  return pl(s, e), ml(s), bl(s, e), ca(s, a, 0), e >= 7 && fl(s, e), gl(s, l), isNaN(n) && (n = xa.getBestMask(
     s,
     ca.bind(null, s, a)
   )), xa.applyMask(n, s), ca(s, a, n), {
@@ -8033,7 +8034,7 @@ Fn.create = function(e, a) {
   if (typeof e > "u" || e === "")
     throw new Error("No input text");
   let n = sa.M, o, r;
-  return typeof a < "u" && (n = sa.from(a.errorCorrectionLevel, sa.M), o = Vt.from(a.version), r = xa.from(a.maskPattern), a.toSJISFunc && Wt.setToSJISFunction(a.toSJISFunc)), gl(e, o, n, r);
+  return typeof a < "u" && (n = sa.from(a.errorCorrectionLevel, sa.M), o = Vt.from(a.version), r = xa.from(a.maskPattern), a.toSJISFunc && Wt.setToSJISFunction(a.toSJISFunc)), vl(e, o, n, r);
 };
 var Wn = {}, Fa = {};
 (function(t) {
@@ -8112,7 +8113,7 @@ var Wn = {}, Fa = {};
   };
 })(Wn);
 var Gn = {};
-const hl = Fa;
+const Tl = Fa;
 function an(t, e) {
   const a = t.a / 255, n = e + '="' + t.hex + '"';
   return a < 1 ? n + " " + e + '-opacity="' + a.toFixed(2).slice(1) + '"' : n;
@@ -8121,7 +8122,7 @@ function ua(t, e, a) {
   let n = t + e;
   return typeof a < "u" && (n += " " + a), n;
 }
-function yl(t, e, a) {
+function xl(t, e, a) {
   let n = "", o = 0, r = !1, l = 0;
   for (let i = 0; i < t.length; i++) {
     const s = Math.floor(i % e), d = Math.floor(i / e);
@@ -8130,14 +8131,14 @@ function yl(t, e, a) {
   return n;
 }
 Gn.render = function(e, a, n) {
-  const o = hl.getOptions(a), r = e.modules.size, l = e.modules.data, i = r + o.margin * 2, s = o.color.light.a ? "<path " + an(o.color.light, "fill") + ' d="M0 0h' + i + "v" + i + 'H0z"/>' : "", d = "<path " + an(o.color.dark, "stroke") + ' d="' + yl(l, r, o.margin) + '"/>', c = 'viewBox="0 0 ' + i + " " + i + '"', m = '<svg xmlns="http://www.w3.org/2000/svg" ' + (o.width ? 'width="' + o.width + '" height="' + o.width + '" ' : "") + c + ' shape-rendering="crispEdges">' + s + d + `</svg>
+  const o = Tl.getOptions(a), r = e.modules.size, l = e.modules.data, i = r + o.margin * 2, s = o.color.light.a ? "<path " + an(o.color.light, "fill") + ' d="M0 0h' + i + "v" + i + 'H0z"/>' : "", d = "<path " + an(o.color.dark, "stroke") + ' d="' + xl(l, r, o.margin) + '"/>', c = 'viewBox="0 0 ' + i + " " + i + '"', m = '<svg xmlns="http://www.w3.org/2000/svg" ' + (o.width ? 'width="' + o.width + '" height="' + o.width + '" ' : "") + c + ' shape-rendering="crispEdges">' + s + d + `</svg>
 `;
   return typeof n == "function" && n(null, m), m;
 };
-const vl = Fi, _a = Fn, Xn = Wn, Tl = Gn;
+const Cl = Mi, _a = Fn, Xn = Wn, _l = Gn;
 function Oa(t, e, a, n, o) {
   const r = [].slice.call(arguments, 1), l = r.length, i = typeof r[l - 1] == "function";
-  if (!i && !vl())
+  if (!i && !Cl())
     throw new Error("Callback required as last argument");
   if (i) {
     if (l < 2)
@@ -8166,14 +8167,14 @@ _t.create = _a.create;
 _t.toCanvas = Oa.bind(null, Xn.render);
 _t.toDataURL = Oa.bind(null, Xn.renderToDataURL);
 _t.toString = Oa.bind(null, function(t, e, a) {
-  return Tl.render(t, a);
+  return _l.render(t, a);
 });
-const xl = { class: "flex items-center justify-center" }, Cl = { class: "w-full flex gap-8 justify-end items-center" }, _l = /* @__PURE__ */ se({
+const wl = { class: "flex items-center justify-center" }, Il = { class: "w-full flex gap-8 justify-end items-center" }, El = /* @__PURE__ */ se({
   __name: "PreviewQrCode",
   setup(t) {
-    const e = q(), a = We(), n = Ge(), { t: o } = Ze(), r = q(!1), l = ie(() => `${`${"https://{slug}.feedme.vip".replace("{slug}", `${a.currentBusiness.value.url ?? a.currentBusiness.value._id}`)}`}/preview/${n.state.selectedTemplate.templateId}`);
+    const e = q(), a = We(), n = Ge(), { t: o } = Ue(), r = q(!1), l = ie(() => `${`${"https://{slug}.feedmedev.vip".replace("{slug}", `${a.currentBusiness.value.url ?? a.currentBusiness.value._id}`)}`}/preview/${n.state.selectedTemplate.templateId}`);
     function i() {
-      Io.promise(navigator.clipboard.writeText(l.value), {
+      Ao.promise(navigator.clipboard.writeText(l.value), {
         loading: o("brand.template.shareMenu.copying"),
         success: () => o("brand.template.shareMenu.linkCopied"),
         error: () => o("brand.template.shareMenu.errorCopyingLink")
@@ -8202,12 +8203,12 @@ const xl = { class: "flex items-center justify-center" }, Cl = { class: "w-full
         "max-width": 200
       }, {
         "dialog-button": M(() => [
-          w(p, {
+          _(p, {
             placement: "bottom",
-            content: v(o)("brand.template.shareMenu.maintenanceTooltip")
+            content: y(o)("brand.template.shareMenu.maintenanceTooltip")
           }, {
             default: M(() => [
-              w(c, {
+              _(c, {
                 variant: "tertiary",
                 "prepend-icon": "visibility",
                 disabled: !0
@@ -8217,10 +8218,10 @@ const xl = { class: "flex items-center justify-center" }, Cl = { class: "w-full
           }, 8, ["content"])
         ]),
         "dialog-header": M(() => [
-          no(j(v(o)("brand.template.shareMenu.share")), 1)
+          no(j(y(o)("brand.template.shareMenu.share")), 1)
         ]),
         default: M(() => [
-          I("div", xl, [
+          I("div", wl, [
             I("canvas", {
               ref_key: "qrCodeContainer",
               ref: e
@@ -8228,14 +8229,14 @@ const xl = { class: "flex items-center justify-center" }, Cl = { class: "w-full
           ])
         ]),
         "dialog-footer": M(() => [
-          I("div", Cl, [
-            w(c, {
+          I("div", Il, [
+            _(c, {
               variant: "secondary",
-              label: v(o)("brand.common.cancel"),
+              label: y(o)("brand.common.cancel"),
               onClick: d[0] || (d[0] = (u) => r.value = !1)
             }, null, 8, ["label"]),
-            w(c, {
-              label: v(o)("brand.template.shareMenu.copyPublicLinkView"),
+            _(c, {
+              label: y(o)("brand.template.shareMenu.copyPublicLinkView"),
               onClick: i
             }, null, 8, ["label"])
           ])
@@ -8244,11 +8245,11 @@ const xl = { class: "flex items-center justify-center" }, Cl = { class: "w-full
       }, 8, ["modelValue"]);
     };
   }
-}), wl = { class: "p-8 flex gap-8 items-center justify-between border-b border-fm-color-neutral-gray-200 bg-fm-color-neutral-white" }, Il = { class: "flex gap-8 items-center" }, El = /* @__PURE__ */ se({
+}), Sl = { class: "p-8 flex gap-8 items-center justify-between border-b border-fm-color-neutral-gray-200 bg-fm-color-neutral-white" }, Al = { class: "flex gap-8 items-center" }, Bl = /* @__PURE__ */ se({
   __name: "EditorToolbar",
   setup(t) {
-    const e = Ue(), a = Ge(), n = We(), o = Co(), r = Ia(), { t: l } = Ze();
-    function i() {
+    const e = Fe(), a = Ge(), n = We(), o = Io(), r = Ia(), { t: l } = Ue(), i = To();
+    function s() {
       if (!e.state.node) {
         o.open(
           {
@@ -8273,34 +8274,43 @@ const xl = { class: "flex items-center justify-center" }, Cl = { class: "w-full
         }
       );
     }
-    return (s, d) => {
-      const c = V("FmButton");
-      return N(), Z("div", wl, [
-        w(Li),
-        I("div", Il, [
-          w(_l),
-          w(c, {
+    function d() {
+      var p;
+      const c = (p = a.state.selectedTemplate) == null ? void 0 : p.templateId;
+      c && i.activate({
+        command: "updateBrandAppTemplate",
+        context: { templateId: c }
+      });
+    }
+    return (c, p) => {
+      const m = V("FmButton");
+      return N(), Z("div", Sl, [
+        _(Ni),
+        I("div", Al, [
+          _(El),
+          _(y(xo), { onClick: d }),
+          _(m, {
             class: "transition-all duration-500",
             variant: "tertiary",
             "prepend-icon": "save",
-            onClick: i,
-            disabled: v(e).isSaved()
+            onClick: s,
+            disabled: y(e).isSaved()
           }, null, 8, ["disabled"]),
-          w(Ni)
+          _(Pi)
         ])
       ]);
     };
   }
-}), Sl = { class: "relative h-full min-w-[500px] flex-1 bg-fm-color-neutral-gray-100 flex flex-col" }, Al = { class: "w-[375px] border border-fm-color-neutral-gray-200 m-auto pb-24 bg-brand-background-base" }, Bl = {
+}), Ll = { class: "relative h-full min-w-[500px] flex-1 bg-fm-color-neutral-gray-100 flex flex-col" }, kl = { class: "w-[375px] border border-fm-color-neutral-gray-200 m-auto pb-24 bg-brand-background-base" }, Dl = {
   key: 0,
   class: "flex items-center justify-between pt-8 px-12"
-}, Ll = { class: "flex items-center justify-center cursor-pointer rounded-full text-fm-color-typo-secondary !h-32 !w-32 border-1 border-fm-color-neutral-gray-200" }, kl = ["onClickCapture"], Dl = {
+}, Nl = { class: "flex items-center justify-center cursor-pointer rounded-full text-fm-color-typo-secondary !h-32 !w-32 border-1 border-fm-color-neutral-gray-200" }, Fl = ["onClickCapture"], Ol = {
   key: 0,
   class: "w-full h-[100px] flex items-center justify-center text-fm-color-typo-secondary mt-24"
-}, Nl = /* @__PURE__ */ se({
+}, Pl = /* @__PURE__ */ se({
   __name: "Editor",
   setup(t) {
-    const e = Ue(), a = We(), n = Ea(), o = ie({
+    const e = Fe(), a = We(), n = Ea(), o = ie({
       get() {
         return e.state.node[0].children;
       },
@@ -8315,7 +8325,7 @@ const xl = { class: "flex items-center justify-center" }, Cl = { class: "w-full
     return tt(
       () => a.currentBusiness.value,
       async (s, d) => {
-        s && s.id != (d == null ? void 0 : d.id) && (await n.getBusinessBrandkit(s.id), _o(n.state.brandkit ?? wo));
+        s && s.id != (d == null ? void 0 : d.id) && (await n.getBusinessBrandkit(s.id), Eo(n.state.brandkit ?? So));
       },
       {
         immediate: !0
@@ -8327,13 +8337,13 @@ const xl = { class: "flex items-center justify-center" }, Cl = { class: "w-full
       });
     }), (s, d) => {
       const c = V("FmIcon");
-      return N(), Z("div", Sl, [
-        w(El),
+      return N(), Z("div", Ll, [
+        _(Bl),
         I("div", {
           class: "h-full w-full px-24 py-48 flex overflow-y-auto",
           onClick: d[2] || (d[2] = (p) => i(r.value))
         }, [
-          I("div", Al, [
+          I("div", kl, [
             r.value ? (N(), ae(Ma($a[r.value.type]), oo({ key: 0 }, {
               data: r.value.data,
               ...La[r.value.type],
@@ -8344,10 +8354,10 @@ const xl = { class: "flex items-center justify-center" }, Cl = { class: "w-full
               default: M(() => {
                 var p, m;
                 return [
-                  r.value.type == "Homepage" && ((p = r.value.props) == null ? void 0 : p.hideCountrySwitcher) !== !0 ? (N(), Z("div", Bl, [
-                    w(yo, { data: { selectedCountry: "MY" } }),
-                    I("div", Ll, [
-                      w(c, {
+                  r.value.type == "Homepage" && ((p = r.value.props) == null ? void 0 : p.hideCountrySwitcher) !== !0 ? (N(), Z("div", Dl, [
+                    _(yo, { data: { selectedCountry: "MY" } }),
+                    I("div", Nl, [
+                      _(c, {
                         class: "rounded-full",
                         name: "account_circle",
                         outline: ""
@@ -8359,7 +8369,7 @@ const xl = { class: "flex items-center justify-center" }, Cl = { class: "w-full
                     title: "Member",
                     className: "block"
                   })) : Q("", !0),
-                  w(v(Ln), {
+                  _(y(Ln), {
                     class: ye(["w-full h-full flex flex-col gap-16", { "min-h-[600px]": r.value.type == "Homepage" }]),
                     modelValue: o.value,
                     "onUpdate:modelValue": d[0] || (d[0] = (u) => o.value = u),
@@ -8387,12 +8397,12 @@ const xl = { class: "flex items-center justify-center" }, Cl = { class: "w-full
                           }, d[3] || (d[3] = [
                             I("div", { class: "w-full h-full border-2 border-fm-color-system-info-200" }, null, -1)
                           ]), 6)) : Q("", !0)
-                        ], 40, kl)
+                        ], 40, Fl)
                       ];
                     }),
                     footer: M(() => [
-                      o.value.length ? Q("", !0) : (N(), Z("div", Dl, [
-                        w(c, { name: "drag_indicator" }),
+                      o.value.length ? Q("", !0) : (N(), Z("div", Ol, [
+                        _(c, { name: "drag_indicator" }),
                         d[4] || (d[4] = I("div", { class: "fm-typo-en-body-sm-400" }, " Drag and drop components here ", -1))
                       ]))
                     ]),
@@ -8404,11 +8414,11 @@ const xl = { class: "flex items-center justify-center" }, Cl = { class: "w-full
             }, 16)) : Q("", !0)
           ])
         ]),
-        w(qr)
+        _(ti)
       ]);
     };
   }
-}), pa = (t) => t, Fl = [
+}), pa = (t) => t, Ml = [
   {
     $cmp: "ConfigTab",
     props: { title: pa("brand.template.nodeConfig.pageSetting") },
@@ -8624,7 +8634,7 @@ const xl = { class: "flex items-center justify-center" }, Cl = { class: "w-full
       }
     ]
   }
-], W = (t) => t, Ol = [
+], W = (t) => t, Rl = [
   {
     $cmp: "ConfigTab",
     props: { title: W("brand.template.nodeConfig.displayText.title") },
@@ -8787,7 +8797,7 @@ const xl = { class: "flex items-center justify-center" }, Cl = { class: "w-full
       }
     ]
   }
-], G = (t) => t, Pl = [
+], G = (t) => t, $l = [
   {
     $cmp: "ConfigTab",
     props: { title: G("brand.template.nodeConfig.buttonList.title") },
@@ -8934,7 +8944,7 @@ const xl = { class: "flex items-center justify-center" }, Cl = { class: "w-full
       }
     ]
   }
-], Te = (t) => t, Ml = [
+], Te = (t) => t, Zl = [
   {
     $cmp: "ConfigTab",
     props: { title: Te("brand.template.nodeConfig.displayImage.title") },
@@ -9032,7 +9042,7 @@ const xl = { class: "flex items-center justify-center" }, Cl = { class: "w-full
       }
     ]
   }
-], de = (t) => t, Rl = [
+], de = (t) => t, Ul = [
   {
     $cmp: "ConfigTab",
     props: { title: de("brand.template.nodeConfig.carousel.title") },
@@ -9152,7 +9162,7 @@ const xl = { class: "flex items-center justify-center" }, Cl = { class: "w-full
       }
     ]
   }
-], K = (t) => t, $l = [
+], K = (t) => t, Vl = [
   {
     $cmp: "ConfigTab",
     props: { title: K("brand.template.nodeConfig.memberCard.title") },
@@ -9288,7 +9298,7 @@ const xl = { class: "flex items-center justify-center" }, Cl = { class: "w-full
       }
     ]
   }
-], oe = (t) => t, Zl = [
+], oe = (t) => t, Hl = [
   {
     $cmp: "ConfigTab",
     props: { title: oe("brand.template.nodeConfig.orderMethod.title") },
@@ -9409,15 +9419,15 @@ const xl = { class: "flex items-center justify-center" }, Cl = { class: "w-full
       }
     ]
   }
-], Oe = (t) => t, Ul = [
+], Pe = (t) => t, Yl = [
   {
     $cmp: "ConfigTab",
-    props: { title: Oe("brand.template.nodeConfig.branchList.title") },
+    props: { title: Pe("brand.template.nodeConfig.branchList.title") },
     children: [
       {
         $cmp: "ConfigTabItem",
         props: {
-          title: Oe("brand.template.nodeConfig.branchList.propertiesTitle"),
+          title: Pe("brand.template.nodeConfig.branchList.propertiesTitle"),
           value: "properties"
         },
         children: [
@@ -9426,31 +9436,31 @@ const xl = { class: "flex items-center justify-center" }, Cl = { class: "w-full
             children: [
               {
                 $formkit: "BaTextField",
-                label: Oe(
+                label: Pe(
                   "brand.template.nodeConfig.branchList.displayTextLabel"
                 ),
                 name: "label"
               },
               {
                 $formkit: "BaTextField",
-                label: Oe("brand.template.nodeConfig.branchList.subTextLabel"),
+                label: Pe("brand.template.nodeConfig.branchList.subTextLabel"),
                 name: "sublabel"
               },
               {
                 $formkit: "BaColorPicker",
-                label: Oe("brand.template.nodeConfig.branchList.iconColorLabel"),
+                label: Pe("brand.template.nodeConfig.branchList.iconColorLabel"),
                 name: "iconColor"
               },
               {
                 $formkit: "BaColorPicker",
-                label: Oe(
+                label: Pe(
                   "brand.template.nodeConfig.branchList.displayTextColorLabel"
                 ),
                 name: "labelColor"
               },
               {
                 $formkit: "BaColorPicker",
-                label: Oe(
+                label: Pe(
                   "brand.template.nodeConfig.branchList.subTextColorLabel"
                 ),
                 name: "sublabelColor"
@@ -9462,14 +9472,14 @@ const xl = { class: "flex items-center justify-center" }, Cl = { class: "w-full
       {
         $cmp: "ConfigTabItem",
         props: {
-          title: Oe("brand.template.nodeConfig.branchList.frameTitle"),
+          title: Pe("brand.template.nodeConfig.branchList.frameTitle"),
           value: "frame"
         },
         children: [...be]
       }
     ]
   }
-], Be = (t) => t, Vl = [
+], Be = (t) => t, zl = [
   {
     $cmp: "ConfigTab",
     props: {
@@ -9544,7 +9554,7 @@ const xl = { class: "flex items-center justify-center" }, Cl = { class: "w-full
       }
     ]
   }
-], nn = (t) => t, Hl = [
+], nn = (t) => t, jl = [
   {
     $cmp: "ConfigTab",
     props: { title: nn("brand.template.nodeConfig.memberSummary.title") },
@@ -9559,7 +9569,7 @@ const xl = { class: "flex items-center justify-center" }, Cl = { class: "w-full
       }
     ]
   }
-], st = (t) => t, Yl = [
+], st = (t) => t, Wl = [
   {
     $cmp: "ConfigTab",
     props: { title: st("brand.template.nodeConfig.memberCards.title") },
@@ -9602,7 +9612,7 @@ const xl = { class: "flex items-center justify-center" }, Cl = { class: "w-full
       }
     ]
   }
-], ge = (t) => t, zl = [
+], ge = (t) => t, Gl = [
   {
     $cmp: "ConfigTab",
     props: { title: ge("brand.template.nodeConfig.memberAchievements.title") },
@@ -9703,7 +9713,7 @@ const xl = { class: "flex items-center justify-center" }, Cl = { class: "w-full
       }
     ]
   }
-], _e = (t) => t, jl = [
+], _e = (t) => t, Xl = [
   {
     $cmp: "ConfigTab",
     props: { title: _e("brand.template.nodeConfig.creditHistory.title") },
@@ -9747,7 +9757,7 @@ const xl = { class: "flex items-center justify-center" }, Cl = { class: "w-full
       }
     ]
   }
-], Wl = [
+], Jl = [
   {
     $cmp: "ConfigTab",
     props: { title: _e("brand.template.nodeConfig.pointHistory.title") },
@@ -9789,10 +9799,10 @@ const xl = { class: "flex items-center justify-center" }, Cl = { class: "w-full
       }
     ]
   }
-], Gl = (t) => t, Xl = [
+], Kl = (t) => t, ql = [
   {
     $cmp: "ConfigTab",
-    props: { title: Gl("brand.template.nodeConfig.memberProfile.title") },
+    props: { title: Kl("brand.template.nodeConfig.memberProfile.title") },
     children: [
       // {
       //   $cmp: 'ConfigTabItem',
@@ -9830,7 +9840,7 @@ const xl = { class: "flex items-center justify-center" }, Cl = { class: "w-full
       // },
     ]
   }
-], Ke = (t) => t, Jl = [
+], Ke = (t) => t, Ql = [
   {
     $cmp: "ConfigTab",
     props: {
@@ -9902,7 +9912,7 @@ const xl = { class: "flex items-center justify-center" }, Cl = { class: "w-full
       }
     ]
   }
-], on = (t) => t, Kl = [
+], on = (t) => t, es = [
   {
     $cmp: "ConfigTab",
     props: { title: on("brand.template.nodeConfig.referral.imageTitle") },
@@ -9919,50 +9929,50 @@ const xl = { class: "flex items-center justify-center" }, Cl = { class: "w-full
       }
     ]
   }
-], ql = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+], ts = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  BranchList: Ul,
-  ButtonList: Pl,
+  BranchList: Yl,
+  ButtonList: $l,
   Container: be,
-  Homepage: Fl,
-  ImageCarousel: Rl,
-  ImageDisplay: Ml,
-  MemberAchievements: zl,
-  MemberCard: $l,
-  MemberCards: Yl,
-  MemberSummary: Hl,
-  OrderHistoryCard: Vl,
-  OrderMethod: Zl,
-  TextDisplay: Ol,
-  _Credit: jl,
-  _MemberProfile: Xl,
-  _Point: Wl,
-  _Referral: Kl,
-  _ReferralTutorial: Jl
-}, Symbol.toStringTag, { value: "Module" })), Ql = {
+  Homepage: Ml,
+  ImageCarousel: Ul,
+  ImageDisplay: Zl,
+  MemberAchievements: Gl,
+  MemberCard: Vl,
+  MemberCards: Wl,
+  MemberSummary: jl,
+  OrderHistoryCard: zl,
+  OrderMethod: Hl,
+  TextDisplay: Rl,
+  _Credit: Xl,
+  _MemberProfile: ql,
+  _Point: Jl,
+  _Referral: es,
+  _ReferralTutorial: Ql
+}, Symbol.toStringTag, { value: "Module" })), as = {
   key: 0,
   class: "bg-fm-color-system-info-100 border-l-4 border-fm-color-system-info-300 mb-16 pl-8 pr-12 py-8 fm-typo-en-body-md-400 text-fm-color-typo-primary"
-}, es = { class: "flex flex-col gap-16 px-12" }, ts = /* @__PURE__ */ se({
+}, ns = { class: "flex flex-col gap-16 px-12" }, os = /* @__PURE__ */ se({
   __name: "ConfigSection",
   props: {
     label: {}
   },
   setup(t) {
-    const { t: e } = Ze();
+    const { t: e } = Ue();
     return (a, n) => (N(), Z("div", null, [
-      a.label ? (N(), Z("div", Ql, j(v(e)(a.label)), 1)) : Q("", !0),
-      I("div", es, [
+      a.label ? (N(), Z("div", as, j(y(e)(a.label)), 1)) : Q("", !0),
+      I("div", ns, [
         wa(a.$slots, "default")
       ])
     ]));
   }
-}), Jn = Symbol.for("ba:config-tab"), as = { class: "p-16 w-full fm-typo-en-body-md-600 text-fm-color-typo-primary" }, ns = { class: "flex items-center w-full border-b border-fm-color-neutral-gray-100" }, os = /* @__PURE__ */ se({
+}), Jn = Symbol.for("ba:config-tab"), rs = { class: "p-16 w-full fm-typo-en-body-md-600 text-fm-color-typo-primary" }, is = { class: "flex items-center w-full border-b border-fm-color-neutral-gray-100" }, ls = /* @__PURE__ */ se({
   __name: "ConfigTab",
   props: {
     title: {}
   },
   setup(t) {
-    const { t: e } = Ze(), a = q([]), n = q("");
+    const { t: e } = Ue(), a = q([]), n = q("");
     so(Jn, {
       register(r) {
         a.value = [...a.value, r].map(
@@ -9980,9 +9990,9 @@ const xl = { class: "flex items-center justify-center" }, Cl = { class: "w-full
     return (r, l) => {
       const i = V("FmTab");
       return N(), Z("div", null, [
-        I("div", as, j(v(e)(r.title)), 1),
-        w(sn),
-        I("div", ns, [
+        I("div", rs, j(y(e)(r.title)), 1),
+        _(sn),
+        I("div", is, [
           (N(!0), Z(Le, null, vt(a.value, (s) => (N(), ae(i, {
             "model-value": n.value,
             "onUpdate:modelValue": l[0] || (l[0] = (d) => o(d)),
@@ -9994,7 +10004,7 @@ const xl = { class: "flex items-center justify-center" }, Cl = { class: "w-full
       ]);
     };
   }
-}), rs = { key: 0 }, is = { class: "flex flex-col gap-24 py-24" }, ls = /* @__PURE__ */ se({
+}), ss = { key: 0 }, ds = { class: "flex flex-col gap-24 py-24" }, cs = /* @__PURE__ */ se({
   __name: "ConfigTabItem",
   props: {
     title: {},
@@ -10006,27 +10016,27 @@ const xl = { class: "flex items-center justify-center" }, Cl = { class: "w-full
       a ? a.register(e) : console.warn("ConfigTabItem is to be used with ConfigTab as parent");
     }), (n, o) => {
       var r;
-      return ((r = v(a)) == null ? void 0 : r.currentTab.value) === n.value ? (N(), Z("div", rs, [
-        I("div", is, [
+      return ((r = y(a)) == null ? void 0 : r.currentTab.value) === n.value ? (N(), Z("div", ss, [
+        I("div", ds, [
           wa(n.$slots, "default")
         ])
       ])) : Q("", !0);
     };
   }
-}), ss = { class: "h-full flex-shrink-0 w-[308px] bg-fm-color-neutral-white border-l border-fm-color-neutral-gray-200 overflow-y-auto" }, ds = /* @__PURE__ */ se({
+}), us = { class: "h-full flex-shrink-0 w-[308px] bg-fm-color-neutral-white border-l border-fm-color-neutral-gray-200 overflow-y-auto" }, ps = /* @__PURE__ */ se({
   __name: "Inspector",
   setup(t) {
-    const e = Ue(), a = ie(() => e.state.selectedNode), n = ie(() => {
+    const e = Fe(), a = ie(() => e.state.selectedNode), n = ie(() => {
       var d;
       const s = ((d = a.value) == null ? void 0 : d.type) ?? null;
-      return s !== null ? ql[s] : [];
+      return s !== null ? ts[s] : [];
     }), o = ie(() => {
       var s;
       return (s = a.value) == null ? void 0 : s.props;
     }), r = uo({
-      ConfigTab: os,
-      ConfigTabItem: ls,
-      ConfigSection: ts
+      ConfigTab: ls,
+      ConfigTabItem: cs,
+      ConfigSection: os
     });
     function l(s) {
       const d = a.value;
@@ -10057,8 +10067,8 @@ const xl = { class: "flex items-center justify-center" }, Cl = { class: "w-full
           };
       }
     }
-    return (s, d) => (N(), Z("div", ss, [
-      a.value ? (N(), ae(v(So), {
+    return (s, d) => (N(), Z("div", us, [
+      a.value ? (N(), ae(y(Lo), {
         config: { rootClasses: i },
         type: "form",
         actions: !1,
@@ -10068,22 +10078,49 @@ const xl = { class: "flex items-center justify-center" }, Cl = { class: "w-full
         preserve: ""
       }, {
         default: M(() => [
-          w(v(Ao), {
+          _(y(ko), {
             schema: n.value,
-            library: v(r)
+            library: y(r)
           }, null, 8, ["schema", "library"])
         ]),
         _: 1
       }, 8, ["config", "model-value"])) : Q("", !0)
     ]));
   }
-}), cs = { class: "relative h-full w-screen flex flex-col overflow-y-hidden" }, us = { class: "flex h-full" }, Bs = /* @__PURE__ */ se({
+});
+function ms() {
+  const t = Fe();
+  Co("apply-brand-template", (e) => {
+    if (console.log("[EditorBridge] apply-brand-template received:", e), !Array.isArray(e) || e.length !== 1) {
+      console.error(
+        "[EditorBridge] Schema must be an array with exactly 1 root node, got:",
+        e
+      );
+      return;
+    }
+    const a = e[0];
+    if (a.type !== "Homepage") {
+      console.error(
+        `[EditorBridge] Root node type must be "Homepage", got "${a.type}"`
+      );
+      return;
+    }
+    if (!Array.isArray(a.children)) {
+      console.error('[EditorBridge] Root node must have a "children" array');
+      return;
+    }
+    t.setRootNode(a), t.setCurrentNode(a), console.log("[EditorBridge] Template applied successfully");
+  });
+}
+const bs = { class: "relative h-full w-screen flex flex-col overflow-y-hidden" }, fs = { class: "flex h-full" }, Fs = /* @__PURE__ */ se({
   __name: "BuilderView",
   props: {
     templateId: {}
   },
   setup(t) {
-    const e = We(), a = Ue(), n = Ge(), o = Ea(), r = dn(), l = Ct(), i = q(!0);
+    const e = We(), a = Fe(), n = Ge(), o = Ea(), r = dn(), l = Ct();
+    ms();
+    const i = q(!0);
     async function s() {
       var c, p;
       i.value = !0, e.currentBusiness.value && ((c = e.currentBusiness.value) != null && c._id && await n.getAllTemplates(e.currentBusiness.value._id), (p = e.currentBusiness.value) != null && p.url && await o.getGlobalSlug(e.currentBusiness.value.url), d());
@@ -10122,8 +10159,8 @@ const xl = { class: "flex items-center justify-center" }, Cl = { class: "w-full
       }
     ), (c, p) => {
       const m = V("FmCircularProgress"), u = V("FmOverlay");
-      return N(), Z("div", cs, [
-        w(v(Eo), {
+      return N(), Z("div", bs, [
+        _(y(Bo), {
           position: "top-right",
           "rich-colors": "",
           "close-button": "",
@@ -10137,19 +10174,19 @@ const xl = { class: "flex items-center justify-center" }, Cl = { class: "w-full
           "center-content": ""
         }, {
           default: M(() => [
-            w(m, { size: "xxl" })
+            _(m, { size: "xxl" })
           ]),
           _: 1
         })) : Q("", !0),
-        I("div", us, [
-          w(Jr),
-          w(Nl),
-          w(ds)
+        I("div", fs, [
+          _(Qr),
+          _(Pl),
+          _(ps)
         ])
       ]);
     };
   }
 });
 export {
-  Bs as default
+  Fs as default
 };