npm - @feedmepos/mf-brand-app-builder - Versions diffs - 0.5.19-dev.10 → 0.5.19-dev.11 - Mend

@feedmepos/mf-brand-app-builder 0.5.19-dev.10 → 0.5.19-dev.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (21) hide show

package/dist/{BuilderView-BghEVarJ.js → BuilderView-BgiAgQ7q.js} RENAMED Viewed

@@ -1,37 +1,37 @@
-import { resolveComponent as G, TransitionGroup as Fo, defineComponent as he, h as Na, nextTick as Rn, isRef as Po, isReactive as Do, isProxy as Bo, toRaw as ko, ref as se, computed as le, openBlock as P, createElementBlock as j, Fragment as ze, renderList as At, createElementVNode as D, toDisplayString as ge, unref as w, createVNode as E, withCtx as M, createBlock as ne, createCommentVNode as ee, watch as ct, normalizeClass as we, withDirectives as ua, withModifiers as Fa, vShow as pa, createTextVNode as Ro, onMounted as $n, resolveDynamicComponent as an, mergeProps as $o, normalizeProps as Mo, guardReactiveProps as Zo, normalizeStyle as Uo, renderSlot as ja, provide as Vo, inject as jo } from "vue";
-import { T as Ho, u as Qe } from "./index-BsivpBk7.js";
-import { defineStore as Yo, storeToRefs as zo } from "pinia";
-import { p as Ko } from "./views-BDWw3w14.js";
-import { a as Wo } from "./index-zm_sI-xH.js";
+import { resolveComponent as G, TransitionGroup as Fo, defineComponent as he, h as Na, nextTick as Rn, isRef as Po, isReactive as Do, isProxy as Bo, toRaw as ko, ref as se, computed as le, openBlock as P, createElementBlock as j, Fragment as ze, renderList as At, createElementVNode as D, toDisplayString as ge, unref as w, createVNode as E, withCtx as M, createBlock as ne, createCommentVNode as ee, watch as ct, normalizeClass as we, withDirectives as ua, withModifiers as Fa, vShow as pa, createTextVNode as Ro, onMounted as $n, resolveDynamicComponent as an, mergeProps as $o, normalizeProps as Mo, guardReactiveProps as Zo, normalizeStyle as Uo, renderSlot as ja, provide as Vo, inject as jo, markRaw as Ho } from "vue";
+import { T as Yo, u as Qe } from "./index-Dfk7psGp.js";
+import { defineStore as zo, storeToRefs as Ko } from "pinia";
+import { p as Wo } from "./views-BDWw3w14.js";
+import { a as Jo } from "./index-DF80HQR6.js";
 import { v as nn } from "./v4-ANoOI1Qw.js";
-import { _ as Jo } from "./Icon.vue_vue_type_style_index_0_lang-CVCHCcWR.js";
+import { _ as Go } from "./Icon.vue_vue_type_style_index_0_lang-CVCHCcWR.js";
 import { B as Mn } from "./BaDivider-DWZv3fqi.js";
-import { u as et, F as Go, a as Xo } from "./app-DF3CdYCd.js";
-import { C as on, _ as qo, a as Qo } from "./main-DBrQC_KK.js";
+import { u as et, F as Xo, a as qo } from "./app-Q--35VKB.js";
+import { C as on, _ as Qo, a as ei } from "./main-DBrQC_KK.js";
 import { useCoreStore as qe } from "@feedmepos/mf-common";
-import { useDialog as ei, components as ti, useSnackbar as ai } from "@feedmepos/ui-library";
+import { useDialog as ti, components as ai, useSnackbar as ni } from "@feedmepos/ui-library";
 import { useRouter as Zn } from "vue-router";
 import { u as Ha } from "./index-DzaJbB6y.js";
-import { u as Ya } from "./index-XmitPJsR.js";
-import { K as ni, V as oi } from "./vue-sonner-PX6Req0V.js";
+import { u as Ya } from "./index-v8vsudCI.js";
+import { K as oi, V as ii } from "./vue-sonner-PX6Req0V.js";
 const {
-  Axios: ac,
-  AxiosError: ii,
-  CanceledError: nc,
-  isCancel: oc,
-  CancelToken: ic,
-  VERSION: rc,
-  all: sc,
-  Cancel: lc,
-  isAxiosError: cc,
-  spread: dc,
-  toFormData: uc,
-  AxiosHeaders: pc,
-  HttpStatusCode: fc,
-  formToJSON: mc,
-  getAdapter: bc,
-  mergeConfig: gc
-} = Wo;
+  Axios: nc,
+  AxiosError: ri,
+  CanceledError: oc,
+  isCancel: ic,
+  CancelToken: rc,
+  VERSION: sc,
+  all: lc,
+  Cancel: cc,
+  isAxiosError: dc,
+  spread: uc,
+  toFormData: pc,
+  AxiosHeaders: fc,
+  HttpStatusCode: mc,
+  formToJSON: bc,
+  getAdapter: gc,
+  mergeConfig: hc
+} = Jo;
 /**!
  * Sortable 1.14.0
  * @author	RubaXa   <trash@rubaxa.org>
@@ -52,7 +52,7 @@ function Oe(n) {
   for (var e = 1; e < arguments.length; e++) {
     var t = arguments[e] != null ? arguments[e] : {};
     e % 2 ? rn(Object(t), !0).forEach(function(a) {
-      ri(n, a, t[a]);
+      si(n, a, t[a]);
     }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(n, Object.getOwnPropertyDescriptors(t)) : rn(Object(t)).forEach(function(a) {
       Object.defineProperty(n, a, Object.getOwnPropertyDescriptor(t, a));
     });
@@ -67,7 +67,7 @@ function jt(n) {
     return e && typeof Symbol == "function" && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
   }, jt(n);
 }
-function ri(n, e, t) {
+function si(n, e, t) {
   return e in n ? Object.defineProperty(n, e, {
     value: t,
     enumerable: !0,
@@ -85,16 +85,16 @@ function ke() {
     return n;
   }, ke.apply(this, arguments);
 }
-function si(n, e) {
+function li(n, e) {
   if (n == null) return {};
   var t = {}, a = Object.keys(n), o, i;
   for (i = 0; i < a.length; i++)
     o = a[i], !(e.indexOf(o) >= 0) && (t[o] = n[o]);
   return t;
 }
-function li(n, e) {
+function ci(n, e) {
   if (n == null) return {};
-  var t = si(n, e), a, o;
+  var t = li(n, e), a, o;
   if (Object.getOwnPropertySymbols) {
     var i = Object.getOwnPropertySymbols(n);
     for (o = 0; o < i.length; o++)
@@ -102,12 +102,12 @@ function li(n, e) {
   }
   return t;
 }
-var ci = "1.14.0";
+var di = "1.14.0";
 function Be(n) {
   if (typeof window < "u" && window.navigator)
     return !!/* @__PURE__ */ navigator.userAgent.match(n);
 }
-var Re = Be(/(?:Trident.*rv[ :]?11\.|msie|iemobile|Windows Phone)/i), Ot = Be(/Edge/i), sn = Be(/firefox/i), xt = Be(/safari/i) && !Be(/chrome/i) && !Be(/android/i), Un = Be(/iP(ad|od|hone)/i), di = Be(/chrome/i) && Be(/android/i), Vn = {
+var Re = Be(/(?:Trident.*rv[ :]?11\.|msie|iemobile|Windows Phone)/i), Ot = Be(/Edge/i), sn = Be(/firefox/i), xt = Be(/safari/i) && !Be(/chrome/i) && !Be(/android/i), Un = Be(/iP(ad|od|hone)/i), ui = Be(/chrome/i) && Be(/android/i), Vn = {
   capture: !1,
   passive: !1
 };
@@ -133,7 +133,7 @@ function Wt(n, e) {
     return !1;
   }
 }
-function ui(n) {
+function pi(n) {
   return n.host && n !== document && n.host.nodeType ? n.host : n.parentNode;
 }
 function Se(n, e, t, a) {
@@ -143,7 +143,7 @@ function Se(n, e, t, a) {
       if (e != null && (e[0] === ">" ? n.parentNode === t && Wt(n, e) : Wt(n, e)) || a && n === t)
         return n;
       if (n === t) break;
-    } while (n = ui(n));
+    } while (n = pi(n));
   }
   return null;
 }
@@ -258,7 +258,7 @@ function dn(n) {
     } while (n !== a && (n = n.parentNode));
   return [e, t];
 }
-function pi(n, e) {
+function fi(n, e) {
   for (var t in n)
     if (n.hasOwnProperty(t)) {
       for (var a in e)
@@ -281,7 +281,7 @@ function He(n, e) {
   while (t = t.parentNode);
   return Ae();
 }
-function fi(n, e) {
+function mi(n, e) {
   if (n && e)
     for (var t in e)
       e.hasOwnProperty(t) && (n[t] = e[t]);
@@ -301,7 +301,7 @@ function Hn(n, e) {
     }
   };
 }
-function mi() {
+function bi() {
   clearTimeout(Tt), Tt = void 0;
 }
 function Yn(n, e, t) {
@@ -312,7 +312,7 @@ function zn(n) {
   return e && e.dom ? e.dom(n).cloneNode(!0) : t ? t(n).clone(!0)[0] : n.cloneNode(!0);
 }
 var be = "Sortable" + (/* @__PURE__ */ new Date()).getTime();
-function bi() {
+function gi() {
   var n = [], e;
   return {
     captureAnimationState: function() {
@@ -338,7 +338,7 @@ function bi() {
       n.push(a);
     },
     removeAnimationState: function(a) {
-      n.splice(pi(n, {
+      n.splice(fi(n, {
         target: a
       }), 1);
     },
@@ -352,7 +352,7 @@ function bi() {
       n.forEach(function(s) {
         var l = 0, c = s.target, d = c.fromRect, u = q(c), p = c.prevFromRect, f = c.prevToRect, m = s.rect, b = lt(c, !0);
         b && (u.top -= b.f, u.left -= b.e), c.toRect = u, c.thisAnimationDuration && fa(p, u) && !fa(d, u) && // Make sure animatingRect is on line between toRect & fromRect
-        (m.top - u.top) / (m.left - u.left) === (d.top - u.top) / (d.left - u.left) && (l = hi(m, p, f, o.options)), fa(u, d) || (c.prevFromRect = d, c.prevToRect = u, l || (l = o.options.animation), o.animate(c, m, u, l)), l && (i = !0, r = Math.max(r, l), clearTimeout(c.animationResetTimer), c.animationResetTimer = setTimeout(function() {
+        (m.top - u.top) / (m.left - u.left) === (d.top - u.top) / (d.left - u.left) && (l = yi(m, p, f, o.options)), fa(u, d) || (c.prevFromRect = d, c.prevToRect = u, l || (l = o.options.animation), o.animate(c, m, u, l)), l && (i = !0, r = Math.max(r, l), clearTimeout(c.animationResetTimer), c.animationResetTimer = setTimeout(function() {
           c.animationTime = 0, c.prevFromRect = null, c.fromRect = null, c.prevToRect = null, c.thisAnimationDuration = null;
         }, l), c.thisAnimationDuration = l);
       }), clearTimeout(e), i ? e = setTimeout(function() {
@@ -363,17 +363,17 @@ function bi() {
       if (r) {
         L(a, "transition", ""), L(a, "transform", "");
         var s = lt(this.el), l = s && s.a, c = s && s.d, d = (o.left - i.left) / (l || 1), u = (o.top - i.top) / (c || 1);
-        a.animatingX = !!d, a.animatingY = !!u, L(a, "transform", "translate3d(" + d + "px," + u + "px,0)"), this.forRepaintDummy = gi(a), L(a, "transition", "transform " + r + "ms" + (this.options.easing ? " " + this.options.easing : "")), L(a, "transform", "translate3d(0,0,0)"), typeof a.animated == "number" && clearTimeout(a.animated), a.animated = setTimeout(function() {
+        a.animatingX = !!d, a.animatingY = !!u, L(a, "transform", "translate3d(" + d + "px," + u + "px,0)"), this.forRepaintDummy = hi(a), L(a, "transition", "transform " + r + "ms" + (this.options.easing ? " " + this.options.easing : "")), L(a, "transform", "translate3d(0,0,0)"), typeof a.animated == "number" && clearTimeout(a.animated), a.animated = setTimeout(function() {
           L(a, "transition", ""), L(a, "transform", ""), a.animated = !1, a.animatingX = !1, a.animatingY = !1;
         }, r);
       }
     }
   };
 }
-function gi(n) {
+function hi(n) {
   return n.offsetWidth;
 }
-function hi(n, e, t, a) {
+function yi(n, e, t, a) {
   return Math.sqrt(Math.pow(e.top - n.top, 2) + Math.pow(e.left - n.left, 2)) / Math.sqrt(Math.pow(e.top - t.top, 2) + Math.pow(e.left - t.left, 2)) * a.animation;
 }
 var tt = [], ma = {
@@ -428,7 +428,7 @@ var tt = [], ma = {
     }), o;
   }
 };
-function yi(n) {
+function vi(n) {
   var e = n.sortable, t = n.rootEl, a = n.name, o = n.targetEl, i = n.cloneEl, r = n.toEl, s = n.fromEl, l = n.oldIndex, c = n.newIndex, d = n.oldDraggableIndex, u = n.newDraggableIndex, p = n.originalEvent, f = n.putSortable, m = n.extraEventProperties;
   if (e = e || t && t[be], !!e) {
     var b, C = e.options, h = "on" + a.charAt(0).toUpperCase() + a.substr(1);
@@ -442,8 +442,8 @@ function yi(n) {
     t && t.dispatchEvent(b), C[h] && C[h].call(e, b);
   }
 }
-var vi = ["evt"], ue = function(e, t) {
-  var a = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {}, o = a.evt, i = li(a, vi);
+var xi = ["evt"], ue = function(e, t) {
+  var a = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {}, o = a.evt, i = ci(a, xi);
   Nt.pluginEvent.bind(A)(e, t, Oe({
     dragEl: v,
     parentEl: H,
@@ -479,7 +479,7 @@ var vi = ["evt"], ue = function(e, t) {
   }, i));
 };
 function re(n) {
-  yi(Oe({
+  vi(Oe({
     putSortable: te,
     cloneEl: Y,
     targetEl: v,
@@ -490,7 +490,7 @@ function re(n) {
     newDraggableIndex: Ve
   }, n));
 }
-var v, H, F, V, Xe, Ht, Y, je, st, me, Ct, Ve, kt, te, rt = !1, Jt = !1, Gt = [], Je, Ce, ba, ga, un, pn, ht, at, _t, wt = !1, Rt = !1, Yt, ae, ha = [], Pa = !1, Xt = [], ia = typeof document < "u", $t = Un, fn = Ot || Re ? "cssFloat" : "float", xi = ia && !di && !Un && "draggable" in document.createElement("div"), Kn = function() {
+var v, H, F, V, Xe, Ht, Y, je, st, me, Ct, Ve, kt, te, rt = !1, Jt = !1, Gt = [], Je, Ce, ba, ga, un, pn, ht, at, _t, wt = !1, Rt = !1, Yt, ae, ha = [], Pa = !1, Xt = [], ia = typeof document < "u", $t = Un, fn = Ot || Re ? "cssFloat" : "float", Ti = ia && !ui && !Un && "draggable" in document.createElement("div"), Kn = function() {
   if (ia) {
     if (Re)
       return !1;
@@ -508,10 +508,10 @@ var v, H, F, V, Xe, Ht, Y, je, st, me, Ct, Ve, kt, te, rt = !1, Jt = !1, Gt = []
     return r && (l.clear === "both" || l.clear === u) ? "vertical" : "horizontal";
   }
   return i && (s.display === "block" || s.display === "flex" || s.display === "table" || s.display === "grid" || c >= o && a[fn] === "none" || r && a[fn] === "none" && c + d > o) ? "vertical" : "horizontal";
-}, Ti = function(e, t, a) {
+}, Ci = function(e, t, a) {
   var o = a ? e.left : e.top, i = a ? e.right : e.bottom, r = a ? e.width : e.height, s = a ? t.left : t.top, l = a ? t.right : t.bottom, c = a ? t.width : t.height;
   return o === s || i === l || o + r / 2 === s + c / 2;
-}, Ci = function(e, t) {
+}, _i = function(e, t) {
   var a;
   return Gt.some(function(o) {
     var i = o[be].options.emptyInsertThreshold;
@@ -553,7 +553,7 @@ ia && document.addEventListener("click", function(n) {
 var Ge = function(e) {
   if (v) {
     e = e.touches ? e.touches[0] : e;
-    var t = Ci(e.clientX, e.clientY);
+    var t = _i(e.clientX, e.clientY);
     if (t) {
       var a = {};
       for (var o in e)
@@ -561,7 +561,7 @@ var Ge = function(e) {
       a.target = a.rootEl = t, a.preventDefault = void 0, a.stopPropagation = void 0, t[be]._onDragOver(a);
     }
   }
-}, _i = function(e) {
+}, wi = function(e) {
   v && v.parentNode[be]._isOutsideThisEl(e.target);
 };
 function A(n, e) {
@@ -619,7 +619,7 @@ function A(n, e) {
   Jn(e);
   for (var o in this)
     o.charAt(0) === "_" && typeof this[o] == "function" && (this[o] = this[o].bind(this));
-  this.nativeDraggable = e.forceFallback ? !1 : xi, this.nativeDraggable && (this.options.touchStartThreshold = 1), e.supportPointer ? R(n, "pointerdown", this._onTapStart) : (R(n, "mousedown", this._onTapStart), R(n, "touchstart", this._onTapStart)), this.nativeDraggable && (R(n, "dragover", this), R(n, "dragenter", this)), Gt.push(this.el), e.store && e.store.get && this.sort(e.store.get(this) || []), ke(this, bi());
+  this.nativeDraggable = e.forceFallback ? !1 : Ti, this.nativeDraggable && (this.options.touchStartThreshold = 1), e.supportPointer ? R(n, "pointerdown", this._onTapStart) : (R(n, "mousedown", this._onTapStart), R(n, "touchstart", this._onTapStart)), this.nativeDraggable && (R(n, "dragover", this), R(n, "dragenter", this)), Gt.push(this.el), e.store && e.store.get && this.sort(e.store.get(this) || []), ke(this, gi());
 }
 A.prototype = /** @lends Sortable.prototype */
 {
@@ -633,7 +633,7 @@ A.prototype = /** @lends Sortable.prototype */
   _onTapStart: function(e) {
     if (e.cancelable) {
       var t = this, a = this.el, o = this.options, i = o.preventOnFilter, r = e.type, s = e.touches && e.touches[0] || e.pointerType && e.pointerType === "touch" && e, l = (s || e).target, c = e.target.shadowRoot && (e.path && e.path[0] || e.composedPath && e.composedPath()[0]) || l, d = o.filter;
-      if (Ni(a), !v && !(/mousedown|pointerdown/.test(r) && e.button !== 0 || o.disabled) && !c.isContentEditable && !(!this.nativeDraggable && xt && l && l.tagName.toUpperCase() === "SELECT") && (l = Se(l, o.draggable, a, !1), !(l && l.animated) && Ht !== l)) {
+      if (Fi(a), !v && !(/mousedown|pointerdown/.test(r) && e.button !== 0 || o.disabled) && !c.isContentEditable && !(!this.nativeDraggable && xt && l && l.tagName.toUpperCase() === "SELECT") && (l = Se(l, o.draggable, a, !1), !(l && l.animated) && Ht !== l)) {
         if (st = Te(l), Ct = Te(l, o.draggable), typeof d == "function") {
           if (d.call(this, e, l, this)) {
             re({
@@ -726,7 +726,7 @@ A.prototype = /** @lends Sortable.prototype */
     if (rt = !1, V && v) {
       ue("dragStarted", this, {
         evt: t
-      }), this.nativeDraggable && R(document, "dragover", _i);
+      }), this.nativeDraggable && R(document, "dragover", wi);
       var a = this.options;
       !e && fe(v, a.dragClass, !1), fe(v, a.ghostClass, !0), A.active = this, e && this._appendGhost(), re({
         sortable: this,
@@ -857,12 +857,12 @@ A.prototype = /** @lends Sortable.prototype */
       if (r)
         return H = V, h(), this._hideClone(), C("revert"), A.eventCanceled || (Xe ? V.insertBefore(v, Xe) : V.appendChild(v)), y(!0);
       var g = za(t, s.draggable);
-      if (!g || Ei(e, f, this) && !g.animated) {
+      if (!g || Li(e, f, this) && !g.animated) {
         if (g === v)
           return y(!1);
         if (g && t === e.target && (a = g), a && (i = q(a)), Mt(V, t, v, o, a, i, e, !!a) !== !1)
           return h(), t.appendChild(v), H = t, x(), y(!0);
-      } else if (g && Si(e, f, this)) {
+      } else if (g && Ei(e, f, this)) {
         var T = dt(t, 0, s, !0);
         if (T === v)
           return y(!1);
@@ -870,8 +870,8 @@ A.prototype = /** @lends Sortable.prototype */
           return h(), t.insertBefore(v, T), H = t, x(), y(!0);
       } else if (a.parentNode === t) {
         i = q(a);
-        var _ = 0, I, S = v.parentNode !== t, k = !Ti(v.animated && v.toRect || o, a.animated && a.toRect || i, f), Z = f ? "top" : "left", $ = cn(a, "top", "top") || cn(v, "top", "top"), O = $ ? $.scrollTop : void 0;
-        at !== a && (I = i[Z], wt = !1, Rt = !k && s.invertSwap || S), _ = Li(e, a, i, f, k ? 1 : s.swapThreshold, s.invertedSwapThreshold == null ? s.swapThreshold : s.invertedSwapThreshold, Rt, at === a);
+        var _ = 0, I, S = v.parentNode !== t, k = !Ci(v.animated && v.toRect || o, a.animated && a.toRect || i, f), Z = f ? "top" : "left", $ = cn(a, "top", "top") || cn(v, "top", "top"), O = $ ? $.scrollTop : void 0;
+        at !== a && (I = i[Z], wt = !1, Rt = !k && s.invertSwap || S), _ = Ai(e, a, i, f, k ? 1 : s.swapThreshold, s.invertedSwapThreshold == null ? s.swapThreshold : s.invertedSwapThreshold, Rt, at === a);
         var U;
         if (_ !== 0) {
           var z = Te(v);
@@ -886,7 +886,7 @@ A.prototype = /** @lends Sortable.prototype */
         de = _ === 1;
         var Fe = Mt(V, t, v, o, a, i, e, de);
         if (Fe !== !1)
-          return (Fe === 1 || Fe === -1) && (de = Fe === 1), Pa = !0, setTimeout(Ii, 30), h(), de && !X ? t.appendChild(v) : a.parentNode.insertBefore(v, de ? X : a), $ && Yn($, 0, O - $.scrollTop), H = v.parentNode, I !== void 0 && !Rt && (Yt = Math.abs(I - q(a)[Z])), x(), y(!0);
+          return (Fe === 1 || Fe === -1) && (de = Fe === 1), Pa = !0, setTimeout(Si, 30), h(), de && !X ? t.appendChild(v) : a.parentNode.insertBefore(v, de ? X : a), $ && Yn($, 0, O - $.scrollTop), H = v.parentNode, I !== void 0 && !Rt && (Yt = Math.abs(I - q(a)[Z])), x(), y(!0);
       }
       if (t.contains(v))
         return y(!1);
@@ -968,7 +968,7 @@ A.prototype = /** @lends Sortable.prototype */
         break;
       case "dragenter":
       case "dragover":
-        v && (this._onDragOver(e), wi(e));
+        v && (this._onDragOver(e), Ii(e));
         break;
       case "selectstart":
         e.preventDefault();
@@ -981,7 +981,7 @@ A.prototype = /** @lends Sortable.prototype */
    */
   toArray: function() {
     for (var e = [], t, a = this.el.children, o = 0, i = a.length, r = this.options; o < i; o++)
-      t = a[o], Se(t, r.draggable, this.el, !1) && e.push(t.getAttribute(r.dataIdAttr) || Oi(t));
+      t = a[o], Se(t, r.draggable, this.el, !1) && e.push(t.getAttribute(r.dataIdAttr) || Ni(t));
     return e;
   },
   /**
@@ -1053,7 +1053,7 @@ A.prototype = /** @lends Sortable.prototype */
     }
   }
 };
-function wi(n) {
+function Ii(n) {
   n.dataTransfer && (n.dataTransfer.dropEffect = "move"), n.cancelable && n.preventDefault();
 }
 function Mt(n, e, t, a, o, i, r, s) {
@@ -1066,18 +1066,18 @@ function Mt(n, e, t, a, o, i, r, s) {
 function ya(n) {
   n.draggable = !1;
 }
-function Ii() {
+function Si() {
   Pa = !1;
 }
-function Si(n, e, t) {
+function Ei(n, e, t) {
   var a = q(dt(t.el, 0, t.options, !0)), o = 10;
   return e ? n.clientX < a.left - o || n.clientY < a.top && n.clientX < a.right : n.clientY < a.top - o || n.clientY < a.bottom && n.clientX < a.left;
 }
-function Ei(n, e, t) {
+function Li(n, e, t) {
   var a = q(za(t.el, t.options.draggable)), o = 10;
   return e ? n.clientX > a.right + o || n.clientX <= a.right && n.clientY > a.bottom && n.clientX >= a.left : n.clientX > a.right && n.clientY > a.top || n.clientX <= a.right && n.clientY > a.bottom + o;
 }
-function Li(n, e, t, a, o, i, r, s) {
+function Ai(n, e, t, a, o, i, r, s) {
   var l = a ? n.clientY : n.clientX, c = a ? t.height : t.width, d = a ? t.top : t.left, u = a ? t.bottom : t.right, p = !1;
   if (!r) {
     if (s && Yt < c * o) {
@@ -1086,19 +1086,19 @@ function Li(n, e, t, a, o, i, r, s) {
       else if (_t === 1 ? l < d + Yt : l > u - Yt)
         return -_t;
     } else if (l > d + c * (1 - o) / 2 && l < u - c * (1 - o) / 2)
-      return Ai(e);
+      return Oi(e);
   }
   return p = p || r, p && (l < d + c * i / 2 || l > u - c * i / 2) ? l > d + c / 2 ? 1 : -1 : 0;
 }
-function Ai(n) {
+function Oi(n) {
   return Te(v) < Te(n) ? 1 : -1;
 }
-function Oi(n) {
+function Ni(n) {
   for (var e = n.tagName + n.className + n.src + n.href + n.textContent, t = e.length, a = 0; t--; )
     a += e.charCodeAt(t);
   return a.toString(36);
 }
-function Ni(n) {
+function Fi(n) {
   Xt.length = 0;
   for (var e = n.getElementsByTagName("input"), t = e.length; t--; ) {
     var a = e[t];
@@ -1122,7 +1122,7 @@ A.utils = {
   is: function(e, t) {
     return !!Se(e, t, e, !1);
   },
-  extend: fi,
+  extend: mi,
   throttle: Hn,
   closest: Se,
   toggleClass: fe,
@@ -1148,9 +1148,9 @@ A.mount = function() {
 A.create = function(n, e) {
   return new A(n, e);
 };
-A.version = ci;
+A.version = di;
 var J = [], yt, Ba, ka = !1, va, xa, qt, vt;
-function Fi() {
+function Pi() {
   function n() {
     this.defaults = {
       scroll: !0,
@@ -1172,7 +1172,7 @@ function Fi() {
       !this.options.dragOverBubble && !a.rootEl && this._handleAutoScroll(a);
     },
     drop: function() {
-      this.sortable.nativeDraggable ? B(document, "dragover", this._handleAutoScroll) : (B(document, "pointermove", this._handleFallbackAutoScroll), B(document, "touchmove", this._handleFallbackAutoScroll), B(document, "mousemove", this._handleFallbackAutoScroll)), mn(), Kt(), mi();
+      this.sortable.nativeDraggable ? B(document, "dragover", this._handleAutoScroll) : (B(document, "pointermove", this._handleFallbackAutoScroll), B(document, "touchmove", this._handleFallbackAutoScroll), B(document, "mousemove", this._handleFallbackAutoScroll)), mn(), Kt(), bi();
     },
     nulling: function() {
       qt = Ba = yt = ka = vt = va = xa = null, J.length = 0;
@@ -1275,7 +1275,7 @@ Wa.prototype = {
 ke(Wa, {
   pluginName: "removeOnSpill"
 });
-A.mount(new Fi());
+A.mount(new Pi());
 A.mount(Wa, Ka);
 function Ca(n) {
   n.parentElement !== null && n.parentElement.removeChild(n);
@@ -1284,25 +1284,25 @@ function bn(n, e, t) {
   const a = t === 0 ? n.children[0] : n.children[t - 1].nextSibling;
   n.insertBefore(e, a);
 }
-function Pi() {
+function Di() {
   return typeof window < "u" ? window.console : global.console;
 }
-const Di = Pi();
-function Bi(n) {
+const Bi = Di();
+function ki(n) {
   const e = /* @__PURE__ */ Object.create(null);
   return function(a) {
     return e[a] || (e[a] = n(a));
   };
 }
-const ki = /-(\w)/g, Ri = Bi((n) => n.replace(ki, (e, t) => t.toUpperCase())), Qn = ["Start", "Add", "Remove", "Update", "End"], eo = ["Choose", "Unchoose", "Sort", "Filter", "Clone"], to = ["Move"], $i = [to, Qn, eo].flatMap((n) => n).map((n) => `on${n}`), Ra = {
+const Ri = /-(\w)/g, $i = ki((n) => n.replace(Ri, (e, t) => t.toUpperCase())), Qn = ["Start", "Add", "Remove", "Update", "End"], eo = ["Choose", "Unchoose", "Sort", "Filter", "Clone"], to = ["Move"], Mi = [to, Qn, eo].flatMap((n) => n).map((n) => `on${n}`), Ra = {
   manage: to,
   manageAndEmit: Qn,
   emit: eo
 };
-function Mi(n) {
-  return $i.indexOf(n) !== -1;
+function Zi(n) {
+  return Mi.indexOf(n) !== -1;
 }
-const Zi = [
+const Ui = [
   "a",
   "abbr",
   "address",
@@ -1421,10 +1421,10 @@ const Zi = [
   "video",
   "wbr"
 ];
-function Ui(n) {
-  return Zi.includes(n);
-}
 function Vi(n) {
+  return Ui.includes(n);
+}
+function ji(n) {
   return ["transition-group", "TransitionGroup"].includes(n);
 }
 function ao(n) {
@@ -1433,7 +1433,7 @@ function ao(n) {
 function no(n) {
   return n.reduce((e, [t, a]) => (e[t] = a, e), {});
 }
-function ji({ $attrs: n, componentData: e = {} }) {
+function Hi({ $attrs: n, componentData: e = {} }) {
   return {
     ...no(
       Object.entries(n).filter(([a, o]) => ao(a))
@@ -1441,7 +1441,7 @@ function ji({ $attrs: n, componentData: e = {} }) {
     ...e
   };
 }
-function Hi({ $attrs: n, callBackBuilder: e }) {
+function Yi({ $attrs: n, callBackBuilder: e }) {
   const t = no(oo(n));
   Object.entries(e).forEach(([o, i]) => {
     Ra[o].forEach((r) => {
@@ -1455,10 +1455,10 @@ function Hi({ $attrs: n, callBackBuilder: e }) {
   };
 }
 function oo(n) {
-  return Object.entries(n).filter(([e, t]) => !ao(e)).map(([e, t]) => [Ri(e), t]).filter(([e, t]) => !Mi(e));
+  return Object.entries(n).filter(([e, t]) => !ao(e)).map(([e, t]) => [$i(e), t]).filter(([e, t]) => !Zi(e));
 }
-const gn = ({ el: n }) => n, Yi = (n, e) => n.__draggable_context = e, hn = (n) => n.__draggable_context;
-class zi {
+const gn = ({ el: n }) => n, zi = (n, e) => n.__draggable_context = e, hn = (n) => n.__draggable_context;
+class Ki {
   constructor({
     nodes: { header: e, default: t, footer: a },
     root: o,
@@ -1476,7 +1476,7 @@ class zi {
   updated() {
     const { defaultNodes: e, realList: t } = this;
     e.forEach((a, o) => {
-      Yi(gn(a), {
+      zi(gn(a), {
         element: t[o],
         index: o
       });
@@ -1500,13 +1500,13 @@ class zi {
     return e < c ? 0 : o;
   }
 }
-function Ki(n, e) {
+function Wi(n, e) {
   const t = n[e];
   return t ? t() : [];
 }
-function Wi({ $slots: n, realList: e, getKey: t }) {
+function Ji({ $slots: n, realList: e, getKey: t }) {
   const a = e || [], [o, i] = ["header", "footer"].map(
-    (l) => Ki(n, l)
+    (l) => Wi(n, l)
   ), { item: r } = n;
   if (!r)
     throw new Error("draggable element must have an item slot");
@@ -1521,17 +1521,17 @@ function Wi({ $slots: n, realList: e, getKey: t }) {
     default: s
   };
 }
-function Ji(n) {
-  const e = Vi(n), t = !Ui(n) && !e;
+function Gi(n) {
+  const e = ji(n), t = !Vi(n) && !e;
   return {
     transition: e,
     externalComponent: t,
     tag: t ? G(n) : e ? Fo : n
   };
 }
-function Gi({ $slots: n, tag: e, realList: t, getKey: a }) {
-  const o = Wi({ $slots: n, realList: t, getKey: a }), i = Ji(e);
-  return new zi({ nodes: o, root: i, realList: t });
+function Xi({ $slots: n, tag: e, realList: t, getKey: a }) {
+  const o = Ji({ $slots: n, realList: t, getKey: a }), i = Gi(e);
+  return new Ki({ nodes: o, root: i, realList: t });
 }
 function io(n, e) {
   Rn(() => this.$emit(n.toLowerCase(), e));
@@ -1542,14 +1542,14 @@ function ro(n) {
       return this[`onDrag${n}`](e, t);
   };
 }
-function Xi(n) {
+function qi(n) {
   const e = ro.call(this, n);
   return (t, a) => {
     e.call(this, t, a), io.call(this, n, t);
   };
 }
 let _a = null;
-const qi = {
+const Qi = {
   list: {
     type: Array,
     required: !1,
@@ -1581,15 +1581,15 @@ const qi = {
     required: !1,
     default: null
   }
-}, Qi = [
+}, er = [
   "update:modelValue",
   "change",
   ...[...Ra.manageAndEmit, ...Ra.emit].map((n) => n.toLowerCase())
 ], so = he({
   name: "draggable",
   inheritAttrs: !1,
-  props: qi,
-  emits: Qi,
+  props: Qi,
+  emits: er,
   data() {
     return {
       error: !1
@@ -1598,21 +1598,21 @@ const qi = {
   render() {
     try {
       this.error = !1;
-      const { $slots: n, $attrs: e, tag: t, componentData: a, realList: o, getKey: i } = this, r = Gi({
+      const { $slots: n, $attrs: e, tag: t, componentData: a, realList: o, getKey: i } = this, r = Xi({
         $slots: n,
         tag: t,
         realList: o,
         getKey: i
       });
       this.componentStructure = r;
-      const s = ji({ $attrs: e, componentData: a });
+      const s = Hi({ $attrs: e, componentData: a });
       return r.render(Na, s);
     } catch (n) {
       return this.error = !0, Na("pre", { style: { color: "red" } }, n.stack);
     }
   },
   created() {
-    this.list !== null && this.modelValue !== null && Di.error(
+    this.list !== null && this.modelValue !== null && Bi.error(
       "modelValue and list props are mutually exclusive! Please set one or another."
     );
   },
@@ -1621,10 +1621,10 @@ const qi = {
       return;
     const { $attrs: n, $el: e, componentStructure: t } = this;
     t.updated();
-    const a = Hi({
+    const a = Yi({
       $attrs: n,
       callBackBuilder: {
-        manageAndEmit: (i) => Xi.call(this, i),
+        manageAndEmit: (i) => qi.call(this, i),
         emit: (i) => io.bind(this, i),
         manage: (i) => ro.call(this, i)
       }
@@ -1835,13 +1835,13 @@ const qi = {
     ],
     group: "member"
   }
-], er = {
+], tr = {
   paddingTop: "0px",
   paddingBottom: "0px",
   paddingLeft: "0px",
   paddingRight: "0px",
   backgroundColor: "#FFFFFF"
-}, tr = {
+}, ar = {
   containerStyles: {
     paddingTop: "0px",
     paddingBottom: "0px",
@@ -1876,7 +1876,7 @@ const qi = {
     height: n.height ?? "auto",
     boxShadow: n.boxShadow ?? "none"
   }
-}), ar = {
+}), nr = {
   ...Ie({
     marginLeft: "12px",
     marginRight: "12px",
@@ -1902,7 +1902,7 @@ const qi = {
       // underline, line-through
     }
   }
-}, nr = {
+}, or = {
   ...Ie({
     marginLeft: "12px",
     marginRight: "12px",
@@ -1970,7 +1970,7 @@ const qi = {
   itemsPerRow: 3,
   iconColor: "#ff7823",
   textColor: "#000000"
-}, or = {
+}, ir = {
   ...Ie({
     marginLeft: "0px",
     marginRight: "0px",
@@ -1988,7 +1988,7 @@ const qi = {
     isExternal: !1
   },
   objectFit: "cover"
-}, ir = {
+}, rr = {
   ...Ie({
     paddingTop: "0px",
     paddingBottom: "0px",
@@ -2032,7 +2032,7 @@ const qi = {
   memberTitles: ["Title 1", "Title 2"],
   memberCurrentTierTotal: 1050,
   memberPointToNextTier: 50
-}, rr = {
+}, sr = {
   ...Ie({
     marginLeft: "12px",
     marginRight: "12px",
@@ -2051,7 +2051,7 @@ const qi = {
   signedIn: !0,
   designStyle: 1,
   showMemberQr: !0
-}, sr = {
+}, lr = {
   ...Ie({
     marginLeft: "12px",
     marginRight: "12px",
@@ -2074,7 +2074,7 @@ const qi = {
     textColor: "#1C1C1E",
     iconColor: "#FF7823"
   }
-}, lr = {
+}, cr = {
   ...Ie({
     marginLeft: "12px",
     marginRight: "12px",
@@ -2109,7 +2109,7 @@ const qi = {
     orderDate: "2024-03-12T05:19:59.880Z",
     orderType: "DELIVERY"
   }
-], cr = {
+], dr = {
   ...Ie({
     marginLeft: "0px",
     marginRight: "0px",
@@ -2122,7 +2122,7 @@ const qi = {
   }),
   data: co,
   signedIn: !0
-}, dr = {
+}, ur = {
   memberImage: "",
   memberName: "Member",
   memberTierName: "Tier 1",
@@ -2136,7 +2136,7 @@ const qi = {
     tiers: ["Tier 1", "Tier 2", "Tier 3", "Tier 4"],
     titles: ["Title 1", "Title 2", "Title 3", "Title 4", "Title 5"]
   }
-}, ur = {
+}, pr = {
   ...Ie({
     marginLeft: "12px",
     marginRight: "12px",
@@ -2147,16 +2147,16 @@ const qi = {
     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: dr,
+  data: ur,
   showTier: !0,
   showTitle: !0,
   tierColor: "#1F7735",
   titleColor: "#FF7823",
   buttonTextColor: "#6b6b6b",
   buttonFillColor: "#f2f2f7"
-}, pr = {
-  cards: []
 }, fr = {
+  cards: []
+}, mr = {
   ...Ie({
     marginLeft: "12px",
     marginRight: "12px",
@@ -2167,10 +2167,10 @@ const qi = {
     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: pr,
+  data: fr,
   cardFillColor: "#F2F2F7",
   cardTextColor: "#6B6B6B"
-}, mr = {
+}, br = {
   memberImage: "",
   memberName: "Member",
   memberPhone: "+60123456789",
@@ -2178,7 +2178,7 @@ const qi = {
   memberPoints: 1e3,
   memberCurrentTierTotal: 1050,
   memberPointToNextTier: 50
-}, br = {
+}, gr = {
   ...Ie({
     marginLeft: "12px",
     marginRight: "12px",
@@ -2190,7 +2190,7 @@ const qi = {
     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: br,
   thumbnailColorFillColor: "#FBE5CB",
   thumbnailTextColor: "#FF7823",
   textColor: "#1C1C1E",
@@ -4235,13 +4235,13 @@ const qi = {
   amountExpiring: 402,
   isLoading: !1,
   isCompleted: !1
-}, gr = {
-  data: uo,
-  designStyle: 1
 }, hr = {
   data: uo,
   designStyle: 1
 }, yr = {
+  data: uo,
+  designStyle: 1
+}, vr = {
   memberState: {
     member: {
       _id: "666ada11ac413694cc0973b7",
@@ -5149,7 +5149,7 @@ const qi = {
       }
     }
   }
-}, vr = {
+}, xr = {
   data: {
     tableData: [
       ["Invites", "Rewards"],
@@ -5164,7 +5164,7 @@ const qi = {
       label: "Your friends has to sign up with your referral code or link and complete the criterias to progress"
     }
   ]
-}, xr = {
+}, Tr = {
   data: {
     member: {
       referralCode: "h62yzbGh"
@@ -5279,30 +5279,30 @@ const qi = {
   }
 }, Ja = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  BranchList: lr,
-  ButtonList: nr,
-  Container: tr,
-  Homepage: er,
-  ImageCarousel: ir,
-  ImageDisplay: or,
-  MemberAchievements: ur,
-  MemberCard: rr,
-  MemberCards: fr,
-  MemberSummary: br,
-  OrderHistoryCard: cr,
-  OrderMethod: sr,
-  TextDisplay: ar,
-  _Credit: gr,
-  _MemberProfile: yr,
-  _Point: hr,
-  _Referral: xr,
-  _ReferralTutorial: vr
+  BranchList: cr,
+  ButtonList: or,
+  Container: ar,
+  Homepage: tr,
+  ImageCarousel: rr,
+  ImageDisplay: ir,
+  MemberAchievements: pr,
+  MemberCard: sr,
+  MemberCards: mr,
+  MemberSummary: gr,
+  OrderHistoryCard: dr,
+  OrderMethod: lr,
+  TextDisplay: nr,
+  _Credit: hr,
+  _MemberProfile: vr,
+  _Point: yr,
+  _Referral: Tr,
+  _ReferralTutorial: xr
 }, Symbol.toStringTag, { value: "Module" }));
-function Tr(n) {
+function Cr(n) {
   const e = (t) => Array.isArray(t) ? t.map((a) => e(a)) : Po(t) || Do(t) || Bo(t) ? e(ko(t)) : t && typeof t == "object" ? Object.keys(t).reduce((a, o) => (a[o] = e(t[o]), a), {}) : t;
   return e(n);
 }
-const Ke = Yo("editor", () => {
+const Ke = zo("editor", () => {
   const n = se({
     node: [],
     selectedNode: null,
@@ -5316,13 +5316,13 @@ const Ke = Yo("editor", () => {
     n.value.firstFetchedData = JSON.stringify(c), n.value.node = [c];
   }
   async function a(c, d) {
-    await Ho.getTemplateById(c, "drafts", d).then((u) => {
+    await Yo.getTemplateById(c, "drafts", d).then((u) => {
       u && (t(u[0]), o(u[0]));
     }).catch(async (u) => {
       var m;
       const p = Ft(), f = Qe();
-      if (u instanceof ii && ((m = u.response) == null ? void 0 : m.data) == "Template not found") {
-        const b = Ko.find(
+      if (u instanceof ri && ((m = u.response) == null ? void 0 : m.data) == "Template not found") {
+        const b = Wo.find(
           (C) => C.templateId == d
         );
         if (b) {
@@ -5396,7 +5396,7 @@ function Ft() {
   }
   function o() {
     if (n.state.copied) {
-      const i = structuredClone(Tr(n.state.copied));
+      const i = structuredClone(Cr(n.state.copied));
       i._id = nn();
       const r = n.state.node[0].children.findIndex(
         (l) => {
@@ -5417,7 +5417,7 @@ function Ft() {
     pasteNode: o
   };
 }
-const Cr = { 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" }, _r = { class: "flex flex-col gap-12" }, wr = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, Ir = { class: "flex flex-col gap-8 justify-center items-center bg-fm-color-neutral-gray-100 py-12 px-16 cursor-grab rounded-md" }, Sr = { class: "fm-typo-en-body-md-600 text-fm-color-typo-secondary text-center" }, Er = /* @__PURE__ */ he({
+const _r = { 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" }, wr = { class: "flex flex-col gap-12" }, Ir = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, Sr = { class: "flex flex-col gap-8 justify-center items-center bg-fm-color-neutral-gray-100 py-12 px-16 cursor-grab rounded-md" }, Er = { class: "fm-typo-en-body-md-600 text-fm-color-typo-secondary text-center" }, Lr = /* @__PURE__ */ he({
   __name: "ElementSidebar",
   setup(n) {
     const e = Ft(), t = Qe(), { t: a } = et(), o = le(
@@ -5432,9 +5432,9 @@ const Cr = { class: "flex flex-col gap-24 h-full flex-shrink-0 w-[320px] bg-fm-c
     const r = le(() => yn.filter(
       (s) => s.group == o.value || s.group == "all"
     ));
-    return (s, l) => (P(), j("div", Cr, [
-      (P(!0), j(ze, null, At(r.value, (c, d) => (P(), j("section", _r, [
-        D("div", wr, ge(w(a)(c.title)), 1),
+    return (s, l) => (P(), j("div", _r, [
+      (P(!0), j(ze, null, At(r.value, (c, d) => (P(), j("section", wr, [
+        D("div", Ir, ge(w(a)(c.title)), 1),
         E(w(so), {
           list: c.children,
           group: { name: "components", pull: "clone", put: !1 },
@@ -5444,12 +5444,12 @@ const Cr = { 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: u }) => [
-            D("div", Ir, [
-              E(Jo, {
+            D("div", Sr, [
+              E(Go, {
                 class: "text-[24px] text-fm-color-typo-secondary",
                 name: u.icon
               }, null, 8, ["name"]),
-              D("div", Sr, ge(w(a)(u.title)), 1)
+              D("div", Er, ge(w(a)(u.title)), 1)
             ])
           ]),
           _: 2
@@ -5461,10 +5461,10 @@ const Cr = { class: "flex flex-col gap-24 h-full flex-shrink-0 w-[320px] bg-fm-c
       ]))), 256))
     ]));
   }
-}), Lr = { 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" }, Ar = /* @__PURE__ */ he({
+}), Ar = { 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" }, Or = /* @__PURE__ */ he({
   __name: "EditorFloatingToobar",
   setup(n) {
-    const e = Ke(), { state: t } = zo(e), a = Ft(), o = le(
+    const e = Ke(), { state: t } = Ko(e), a = Ft(), o = le(
       () => t.value.selectedNode && t.value.node.length > 0
     ), i = [
       // {
@@ -5506,7 +5506,7 @@ const Cr = { class: "flex flex-col gap-24 h-full flex-shrink-0 w-[320px] bg-fm-c
     ];
     return (r, s) => {
       const l = G("FmButton");
-      return P(), j("div", Lr, [
+      return P(), j("div", Ar, [
         (P(), j(ze, null, At(i, (c) => E(l, {
           size: "md",
           "prepend-icon": c.icon,
@@ -5518,10 +5518,10 @@ const Cr = { class: "flex flex-col gap-24 h-full flex-shrink-0 w-[320px] bg-fm-c
       ]);
     };
   }
-}), Or = { 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" }, Nr = { class: "bg-fm-color-neutral-white px-8 py-8 border border-fm-color-opacity-sm rounded-sm" }, Fr = { class: "py-8 px-12 w-full flex items-center justify-between gap-8 transition-all duration-500" }, Pr = { class: "flex items-center gap-8" }, Dr = { class: "fm-typo-en-body-md-600 text-fm-color-typo-primary" }, Br = { class: "flex items-center gap-8" }, kr = { class: "overflow-y-auto" }, Rr = { class: "flex items-center gap-8" }, $r = { class: "fm-typo-en-body-md-400 text-fm-color-primary" }, Mr = { class: "fm-typo-en-body-md-400 text-fm-color-primary" }, Zr = /* @__PURE__ */ he({
+}), Nr = { 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" }, Fr = { class: "bg-fm-color-neutral-white px-8 py-8 border border-fm-color-opacity-sm rounded-sm" }, Pr = { class: "py-8 px-12 w-full flex items-center justify-between gap-8 transition-all duration-500" }, Dr = { class: "flex items-center gap-8" }, Br = { class: "fm-typo-en-body-md-600 text-fm-color-typo-primary" }, kr = { class: "flex items-center gap-8" }, Rr = { class: "overflow-y-auto" }, $r = { class: "flex items-center gap-8" }, Mr = { class: "fm-typo-en-body-md-400 text-fm-color-primary" }, Zr = { class: "fm-typo-en-body-md-400 text-fm-color-primary" }, Ur = /* @__PURE__ */ he({
   __name: "TemplatePicker",
   setup(n) {
-    const e = se(!1), t = se(""), a = se(""), o = qe(), i = Qe(), r = Ke(), s = Ft(), l = Zn(), c = ei(), d = Ha(), { t: u } = et(), p = le(
+    const e = se(!1), t = se(""), a = se(""), o = qe(), i = Qe(), r = Ke(), s = Ft(), l = Zn(), c = ti(), d = Ha(), { t: u } = et(), p = le(
       () => i.state.allTemplates.filter(
         (g) => {
           var T;
@@ -5633,7 +5633,7 @@ const Cr = { class: "flex flex-col gap-24 h-full flex-shrink-0 w-[320px] bg-fm-c
           isLoading: _
         },
         secondaryActions: { text: u("brand.template.picker.cancel"), close: !0 },
-        contentComponent: Na(ti.FmTextField, {
+        contentComponent: Na(ai.FmTextField, {
           modelValue: T,
           "onUpdate:modelValue": (S) => T.value = S
         })
@@ -5709,7 +5709,7 @@ const Cr = { class: "flex flex-col gap-24 h-full flex-shrink-0 w-[320px] bg-fm-c
         "popover-button": M(() => {
           var O, U;
           return [
-            D("div", Or, [
+            D("div", Nr, [
               (O = w(i).state.selectedTemplate) != null && O.isPublished && ![
                 w(i).state.activeTemplateId,
                 w(i).state.activeMemberTemplateId
@@ -5759,10 +5759,10 @@ const Cr = { class: "flex flex-col gap-24 h-full flex-shrink-0 w-[320px] bg-fm-c
           ];
         }),
         default: M(() => [
-          D("div", Nr, [
+          D("div", Fr, [
             w(i).state.selectedTemplate ? (P(), j(ze, { key: 0 }, [
-              D("div", Fr, [
-                D("div", Pr, [
+              D("div", Pr, [
+                D("div", Dr, [
                   w(i).state.selectedTemplate.isPublished && ![
                     w(i).state.activeTemplateId,
                     w(i).state.activeMemberTemplateId
@@ -5800,9 +5800,9 @@ const Cr = { class: "flex flex-col gap-24 h-full flex-shrink-0 w-[320px] bg-fm-c
                     ]),
                     _: 1
                   }, 8, ["class"])) : ee("", !0),
-                  D("span", Dr, ge(w(i).state.selectedTemplate.templateAlias), 1)
+                  D("span", Br, ge(w(i).state.selectedTemplate.templateAlias), 1)
                 ]),
-                D("div", Br, [
+                D("div", kr, [
                   E(_, {
                     name: "edit",
                     outline: "",
@@ -5825,7 +5825,7 @@ const Cr = { class: "flex flex-col gap-24 h-full flex-shrink-0 w-[320px] bg-fm-c
               class: "p-4",
               placeholder: w(u)("brand.template.picker.search")
             }, null, 8, ["model-value", "placeholder"]),
-            D("div", kr, [
+            D("div", Rr, [
               (P(!0), j(ze, null, At(p.value, (O, U) => {
                 var z;
                 return P(), j(ze, {
@@ -5881,7 +5881,7 @@ const Cr = { class: "flex flex-col gap-24 h-full flex-shrink-0 w-[320px] bg-fm-c
                       }, 1032, ["class"])) : ee("", !0)
                     ]),
                     append: M(() => [
-                      ua(D("div", Rr, [
+                      ua(D("div", $r, [
                         E(_, {
                           outline: "",
                           name: "edit",
@@ -5927,7 +5927,7 @@ const Cr = { class: "flex flex-col gap-24 h-full flex-shrink-0 w-[320px] bg-fm-c
                 })
               ]),
               label: M(() => [
-                D("div", $r, ge(w(u)("brand.template.picker.addNewTemplate")), 1)
+                D("div", Mr, ge(w(u)("brand.template.picker.addNewTemplate")), 1)
               ]),
               _: 1
             }),
@@ -5941,7 +5941,7 @@ const Cr = { class: "flex flex-col gap-24 h-full flex-shrink-0 w-[320px] bg-fm-c
                 })
               ]),
               label: M(() => [
-                D("div", Mr, ge(w(u)("brand.template.picker.addMemberTemplate")), 1)
+                D("div", Zr, ge(w(u)("brand.template.picker.addMemberTemplate")), 1)
               ]),
               _: 1
             })
@@ -5951,7 +5951,7 @@ const Cr = { class: "flex flex-col gap-24 h-full flex-shrink-0 w-[320px] bg-fm-c
       }, 8, ["show-popover"]);
     };
   }
-}), Ur = { class: "w-[280px]" }, Vr = { class: "fm-typo-en-body-sm-600 text-fm-color-typo-secondary py-4 px-8" }, jr = /* @__PURE__ */ he({
+}), Vr = { class: "w-[280px]" }, jr = { class: "fm-typo-en-body-sm-600 text-fm-color-typo-secondary py-4 px-8" }, Hr = /* @__PURE__ */ he({
   __name: "TemplateShareMenu",
   setup(n) {
     const e = se(!1), t = Ke(), a = Ya(), o = Qe(), i = qe(), r = Ha(), { t: s } = et(), { namespace: l } = qe(), c = [
@@ -6115,8 +6115,8 @@ const Cr = { class: "flex flex-col gap-24 h-full flex-shrink-0 w-[320px] bg-fm-c
         default: M(() => {
           var I;
           return [
-            D("div", Ur, [
-              D("div", Vr, ge(w(s)("brand.template.shareMenu.publishThisTemplate")), 1),
+            D("div", Vr, [
+              D("div", jr, ge(w(s)("brand.template.shareMenu.publishThisTemplate")), 1),
               (P(!0), j(ze, null, At(f.value, (S) => (P(), j(ze, null, [
                 E(g, {
                   inset: "",
@@ -6182,11 +6182,11 @@ const Cr = { class: "flex flex-col gap-24 h-full flex-shrink-0 w-[320px] bg-fm-c
     };
   }
 });
-var Pt = {}, Hr = function() {
+var Pt = {}, Yr = function() {
   return typeof Promise == "function" && Promise.prototype && Promise.prototype.then;
 }, po = {}, ye = {};
 let Ga;
-const Yr = [
+const zr = [
   0,
   // Not used
   26,
@@ -6236,7 +6236,7 @@ ye.getSymbolSize = function(e) {
   return e * 4 + 17;
 };
 ye.getSymbolTotalCodewords = function(e) {
-  return Yr[e];
+  return zr[e];
 };
 ye.getBCHDigit = function(n) {
   let e = 0;
@@ -6310,7 +6310,7 @@ fo.prototype = {
     this.buffer.length <= e && this.buffer.push(0), n && (this.buffer[e] |= 128 >>> this.length % 8), this.length++;
   }
 };
-var zr = fo;
+var Kr = fo;
 function Dt(n) {
   if (!n || n < 1)
     throw new Error("BitMatrix size must be defined and greater than 0");
@@ -6329,7 +6329,7 @@ Dt.prototype.xor = function(n, e, t) {
 Dt.prototype.isReserved = function(n, e) {
   return this.reservedBit[n * this.size + e];
 };
-var Kr = Dt, mo = {};
+var Wr = Dt, mo = {};
 (function(n) {
   const e = ye.getSymbolSize;
   n.getRowColCoords = function(a) {
@@ -6349,9 +6349,9 @@ var Kr = Dt, mo = {};
   };
 })(mo);
 var bo = {};
-const Wr = ye.getSymbolSize, vn = 7;
+const Jr = ye.getSymbolSize, vn = 7;
 bo.getPositions = function(e) {
-  const t = Wr(e);
+  const t = Jr(e);
   return [
     // top-left
     [0, 0],
@@ -6875,30 +6875,30 @@ Xa.prototype.encode = function(e) {
   }
   return a;
 };
-var Jr = Xa, vo = {}, We = {}, qa = {};
+var Gr = Xa, vo = {}, We = {}, qa = {};
 qa.isValid = function(e) {
   return !isNaN(e) && e >= 1 && e <= 40;
 };
 var Ne = {};
-const xo = "[0-9]+", Gr = "[A-Z $%*+\\-./:]+";
+const xo = "[0-9]+", Xr = "[A-Z $%*+\\-./:]+";
 let Et = "(?:[u3000-u303F]|[u3040-u309F]|[u30A0-u30FF]|[uFF00-uFFEF]|[u4E00-u9FAF]|[u2605-u2606]|[u2190-u2195]|u203B|[u2010u2015u2018u2019u2025u2026u201Cu201Du2225u2260]|[u0391-u0451]|[u00A7u00A8u00B1u00B4u00D7u00F7])+";
 Et = Et.replace(/u/g, "\\u");
-const Xr = "(?:(?![A-Z0-9 $%*+\\-./:]|" + Et + `)(?:.|[\r
+const qr = "(?:(?![A-Z0-9 $%*+\\-./:]|" + Et + `)(?:.|[\r
 ]))+`;
 Ne.KANJI = new RegExp(Et, "g");
 Ne.BYTE_KANJI = new RegExp("[^A-Z0-9 $%*+\\-./:]+", "g");
-Ne.BYTE = new RegExp(Xr, "g");
+Ne.BYTE = new RegExp(qr, "g");
 Ne.NUMERIC = new RegExp(xo, "g");
-Ne.ALPHANUMERIC = new RegExp(Gr, "g");
-const qr = new RegExp("^" + Et + "$"), Qr = new RegExp("^" + xo + "$"), es = new RegExp("^[A-Z0-9 $%*+\\-./:]+$");
+Ne.ALPHANUMERIC = new RegExp(Xr, "g");
+const Qr = new RegExp("^" + Et + "$"), es = new RegExp("^" + xo + "$"), ts = new RegExp("^[A-Z0-9 $%*+\\-./:]+$");
 Ne.testKanji = function(e) {
-  return qr.test(e);
+  return Qr.test(e);
 };
 Ne.testNumeric = function(e) {
-  return Qr.test(e);
+  return es.test(e);
 };
 Ne.testAlphanumeric = function(e) {
-  return es.test(e);
+  return ts.test(e);
 };
 (function(n) {
   const e = qa, t = Ne;
@@ -7023,18 +7023,18 @@ Ne.testAlphanumeric = function(e) {
   };
 })(vo);
 var To = {};
-const $a = ye, Co = 1335, ts = 21522, xn = $a.getBCHDigit(Co);
+const $a = ye, Co = 1335, as = 21522, xn = $a.getBCHDigit(Co);
 To.getEncodedBits = function(e, t) {
   const a = e.bit << 3 | t;
   let o = a << 10;
   for (; $a.getBCHDigit(o) - xn >= 0; )
     o ^= Co << $a.getBCHDigit(o) - xn;
-  return (a << 10 | o) ^ ts;
+  return (a << 10 | o) ^ as;
 };
 var _o = {};
-const as = We;
+const ns = We;
 function ut(n) {
-  this.mode = as.NUMERIC, this.data = n.toString();
+  this.mode = ns.NUMERIC, this.data = n.toString();
 }
 ut.getBitsLength = function(e) {
   return 10 * Math.floor(e / 3) + (e % 3 ? e % 3 * 3 + 1 : 0);
@@ -7052,8 +7052,8 @@ ut.prototype.write = function(e) {
   const i = this.data.length - t;
   i > 0 && (a = this.data.substr(t), o = parseInt(a, 10), e.put(o, i * 3 + 1));
 };
-var ns = ut;
-const os = We, wa = [
+var os = ut;
+const is = We, wa = [
   "0",
   "1",
   "2",
@@ -7101,7 +7101,7 @@ const os = We, wa = [
   ":"
 ];
 function pt(n) {
-  this.mode = os.ALPHANUMERIC, this.data = n;
+  this.mode = is.ALPHANUMERIC, this.data = n;
 }
 pt.getBitsLength = function(e) {
   return 11 * Math.floor(e / 2) + 6 * (e % 2);
@@ -7120,10 +7120,10 @@ pt.prototype.write = function(e) {
   }
   this.data.length % 2 && e.put(wa.indexOf(this.data[t]), 6);
 };
-var is = pt;
-const rs = We;
+var rs = pt;
+const ss = We;
 function ft(n) {
-  this.mode = rs.BYTE, typeof n == "string" ? this.data = new TextEncoder().encode(n) : this.data = new Uint8Array(n);
+  this.mode = ss.BYTE, typeof n == "string" ? this.data = new TextEncoder().encode(n) : this.data = new Uint8Array(n);
 }
 ft.getBitsLength = function(e) {
   return e * 8;
@@ -7138,10 +7138,10 @@ ft.prototype.write = function(n) {
   for (let e = 0, t = this.data.length; e < t; e++)
     n.put(this.data[e], 8);
 };
-var ss = ft;
-const ls = We, cs = ye;
+var ls = ft;
+const cs = We, ds = ye;
 function mt(n) {
-  this.mode = ls.KANJI, this.data = n;
+  this.mode = cs.KANJI, this.data = n;
 }
 mt.getBitsLength = function(e) {
   return e * 13;
@@ -7155,7 +7155,7 @@ mt.prototype.getBitsLength = function() {
 mt.prototype.write = function(n) {
   let e;
   for (e = 0; e < this.data.length; e++) {
-    let t = cs.toSJIS(this.data[e]);
+    let t = ds.toSJIS(this.data[e]);
     if (t >= 33088 && t <= 40956)
       t -= 33088;
     else if (t >= 57408 && t <= 60351)
@@ -7168,7 +7168,7 @@ Make sure your charset is UTF-8`
     t = (t >>> 8 & 255) * 192 + (t & 255), n.put(t, 13);
   }
 };
-var ds = mt, wo = { exports: {} };
+var us = mt, wo = { exports: {} };
 (function(n) {
   var e = {
     single_source_shortest_paths: function(t, a, o) {
@@ -7234,9 +7234,9 @@ var ds = mt, wo = { exports: {} };
   };
   n.exports = e;
 })(wo);
-var us = wo.exports;
+var ps = wo.exports;
 (function(n) {
-  const e = We, t = ns, a = is, o = ss, i = ds, r = Ne, s = ye, l = us;
+  const e = We, t = os, a = rs, o = ls, i = us, r = Ne, s = ye, l = ps;
   function c(h) {
     return unescape(encodeURIComponent(h)).length;
   }
@@ -7366,9 +7366,9 @@ var us = wo.exports;
     );
   };
 })(_o);
-const ca = ye, Ia = ra, ps = zr, fs = Kr, ms = mo, bs = bo, Ma = go, Za = sa, gs = Jr, ea = vo, hs = To, ys = We, Sa = _o;
-function vs(n, e) {
-  const t = n.size, a = bs.getPositions(e);
+const ca = ye, Ia = ra, fs = Kr, ms = Wr, bs = mo, gs = bo, Ma = go, Za = sa, hs = Gr, ea = vo, ys = To, vs = We, Sa = _o;
+function xs(n, e) {
+  const t = n.size, a = gs.getPositions(e);
   for (let o = 0; o < a.length; o++) {
     const i = a[o][0], r = a[o][1];
     for (let s = -1; s <= 7; s++)
@@ -7377,15 +7377,15 @@ function vs(n, e) {
           r + l <= -1 || t <= r + l || (s >= 0 && s <= 6 && (l === 0 || l === 6) || l >= 0 && l <= 6 && (s === 0 || s === 6) || s >= 2 && s <= 4 && l >= 2 && l <= 4 ? n.set(i + s, r + l, !0, !0) : n.set(i + s, r + l, !1, !0));
   }
 }
-function xs(n) {
+function Ts(n) {
   const e = n.size;
   for (let t = 8; t < e - 8; t++) {
     const a = t % 2 === 0;
     n.set(t, 6, a, !0), n.set(6, t, a, !0);
   }
 }
-function Ts(n, e) {
-  const t = ms.getPositions(e);
+function Cs(n, e) {
+  const t = bs.getPositions(e);
   for (let a = 0; a < t.length; a++) {
     const o = t[a][0], i = t[a][1];
     for (let r = -2; r <= 2; r++)
@@ -7393,20 +7393,20 @@ function Ts(n, e) {
         r === -2 || r === 2 || s === -2 || s === 2 || r === 0 && s === 0 ? n.set(o + r, i + s, !0, !0) : n.set(o + r, i + s, !1, !0);
   }
 }
-function Cs(n, e) {
+function _s(n, e) {
   const t = n.size, a = ea.getEncodedBits(e);
   let o, i, r;
   for (let s = 0; s < 18; s++)
     o = Math.floor(s / 3), i = s % 3 + t - 8 - 3, r = (a >> s & 1) === 1, n.set(o, i, r, !0), n.set(i, o, r, !0);
 }
 function Ea(n, e, t) {
-  const a = n.size, o = hs.getEncodedBits(e, t);
+  const a = n.size, o = ys.getEncodedBits(e, t);
   let i, r;
   for (i = 0; i < 15; i++)
     r = (o >> i & 1) === 1, i < 6 ? n.set(i, 8, r, !0) : i < 8 ? n.set(i + 1, 8, r, !0) : n.set(a - 15 + i, 8, r, !0), i < 8 ? n.set(8, a - i - 1, r, !0) : i < 9 ? n.set(8, 15 - i - 1 + 1, r, !0) : n.set(8, 15 - i - 1, r, !0);
   n.set(a - 8, 8, 1, !0);
 }
-function _s(n, e) {
+function ws(n, e) {
   const t = n.size;
   let a = -1, o = t - 1, i = 7, r = 0;
   for (let s = t - 1; s > 0; s -= 2)
@@ -7422,10 +7422,10 @@ function _s(n, e) {
       }
     }
 }
-function ws(n, e, t) {
-  const a = new ps();
+function Is(n, e, t) {
+  const a = new fs();
   t.forEach(function(l) {
-    a.put(l.mode.bit, 4), a.put(l.getLength(), ys.getCharCountIndicator(l.mode, n)), l.write(a);
+    a.put(l.mode.bit, 4), a.put(l.getLength(), vs.getCharCountIndicator(l.mode, n)), l.write(a);
   });
   const o = ca.getSymbolTotalCodewords(n), i = Za.getTotalCodewordsCount(n, e), r = (o - i) * 8;
   for (a.getLengthInBits() + 4 <= r && a.put(0, 4); a.getLengthInBits() % 8 !== 0; )
@@ -7433,10 +7433,10 @@ function ws(n, e, t) {
   const s = (r - a.getLengthInBits()) / 8;
   for (let l = 0; l < s; l++)
     a.put(l % 2 ? 17 : 236, 8);
-  return Is(a, n, e);
+  return Ss(a, n, e);
 }
-function Is(n, e, t) {
-  const a = ca.getSymbolTotalCodewords(e), o = Za.getTotalCodewordsCount(e, t), i = a - o, r = Za.getBlocksCount(e, t), s = a % r, l = r - s, c = Math.floor(a / r), d = Math.floor(i / r), u = d + 1, p = c - d, f = new gs(p);
+function Ss(n, e, t) {
+  const a = ca.getSymbolTotalCodewords(e), o = Za.getTotalCodewordsCount(e, t), i = a - o, r = Za.getBlocksCount(e, t), s = a % r, l = r - s, c = Math.floor(a / r), d = Math.floor(i / r), u = d + 1, p = c - d, f = new hs(p);
   let m = 0;
   const b = new Array(r), C = new Array(r);
   let h = 0;
@@ -7455,7 +7455,7 @@ function Is(n, e, t) {
       x[g++] = C[_][T];
   return x;
 }
-function Ss(n, e, t, a) {
+function Es(n, e, t, a) {
   let o;
   if (Array.isArray(n))
     o = Sa.fromArray(n);
@@ -7480,8 +7480,8 @@ The chosen QR Code version cannot contain this amount of data.
 Minimum version required to store current data is: ` + i + `.
 `
     );
-  const r = ws(e, t, o), s = ca.getSymbolSize(e), l = new fs(s);
-  return vs(l, e), xs(l), Ts(l, e), Ea(l, t, 0), e >= 7 && Cs(l, e), _s(l, r), isNaN(a) && (a = Ma.getBestMask(
+  const r = Is(e, t, o), s = ca.getSymbolSize(e), l = new ms(s);
+  return xs(l, e), Ts(l), Cs(l, e), Ea(l, t, 0), e >= 7 && _s(l, e), ws(l, r), isNaN(a) && (a = Ma.getBestMask(
     l,
     Ea.bind(null, l, t)
   )), Ma.applyMask(a, l), Ea(l, t, a), {
@@ -7496,7 +7496,7 @@ po.create = function(e, t) {
   if (typeof e > "u" || e === "")
     throw new Error("No input text");
   let a = Ia.M, o, i;
-  return typeof t < "u" && (a = Ia.from(t.errorCorrectionLevel, Ia.M), o = ea.from(t.version), i = Ma.from(t.maskPattern), t.toSJISFunc && ca.setToSJISFunction(t.toSJISFunc)), Ss(e, o, a, i);
+  return typeof t < "u" && (a = Ia.from(t.errorCorrectionLevel, Ia.M), o = ea.from(t.version), i = Ma.from(t.maskPattern), t.toSJISFunc && ca.setToSJISFunction(t.toSJISFunc)), Es(e, o, a, i);
 };
 var Io = {}, Qa = {};
 (function(n) {
@@ -7575,7 +7575,7 @@ var Io = {}, Qa = {};
   };
 })(Io);
 var So = {};
-const Es = Qa;
+const Ls = Qa;
 function Tn(n, e) {
   const t = n.a / 255, a = e + '="' + n.hex + '"';
   return t < 1 ? a + " " + e + '-opacity="' + t.toFixed(2).slice(1) + '"' : a;
@@ -7584,7 +7584,7 @@ function La(n, e, t) {
   let a = n + e;
   return typeof t < "u" && (a += " " + t), a;
 }
-function Ls(n, e, t) {
+function As(n, e, t) {
   let a = "", o = 0, i = !1, r = 0;
   for (let s = 0; s < n.length; s++) {
     const l = Math.floor(s % e), c = Math.floor(s / e);
@@ -7593,14 +7593,14 @@ function Ls(n, e, t) {
   return a;
 }
 So.render = function(e, t, a) {
-  const o = Es.getOptions(t), i = e.modules.size, r = e.modules.data, s = i + o.margin * 2, l = o.color.light.a ? "<path " + Tn(o.color.light, "fill") + ' d="M0 0h' + s + "v" + s + 'H0z"/>' : "", c = "<path " + Tn(o.color.dark, "stroke") + ' d="' + Ls(r, i, o.margin) + '"/>', d = 'viewBox="0 0 ' + s + " " + s + '"', p = '<svg xmlns="http://www.w3.org/2000/svg" ' + (o.width ? 'width="' + o.width + '" height="' + o.width + '" ' : "") + d + ' shape-rendering="crispEdges">' + l + c + `</svg>
+  const o = Ls.getOptions(t), i = e.modules.size, r = e.modules.data, s = i + o.margin * 2, l = o.color.light.a ? "<path " + Tn(o.color.light, "fill") + ' d="M0 0h' + s + "v" + s + 'H0z"/>' : "", c = "<path " + Tn(o.color.dark, "stroke") + ' d="' + As(r, i, o.margin) + '"/>', d = 'viewBox="0 0 ' + s + " " + s + '"', p = '<svg xmlns="http://www.w3.org/2000/svg" ' + (o.width ? 'width="' + o.width + '" height="' + o.width + '" ' : "") + d + ' shape-rendering="crispEdges">' + l + c + `</svg>
 `;
   return typeof a == "function" && a(null, p), p;
 };
-const As = Hr, Ua = po, Eo = Io, Os = So;
+const Os = Yr, Ua = po, Eo = Io, Ns = So;
 function en(n, e, t, a, o) {
   const i = [].slice.call(arguments, 1), r = i.length, s = typeof i[r - 1] == "function";
-  if (!s && !As())
+  if (!s && !Os())
     throw new Error("Callback required as last argument");
   if (s) {
     if (r < 2)
@@ -7629,14 +7629,14 @@ Pt.create = Ua.create;
 Pt.toCanvas = en.bind(null, Eo.render);
 Pt.toDataURL = en.bind(null, Eo.renderToDataURL);
 Pt.toString = en.bind(null, function(n, e, t) {
-  return Os.render(n, t);
+  return Ns.render(n, t);
 });
-const Ns = { class: "flex items-center justify-center" }, Fs = { class: "w-full flex gap-8 justify-end items-center" }, Ps = /* @__PURE__ */ he({
+const Fs = { class: "flex items-center justify-center" }, Ps = { class: "w-full flex gap-8 justify-end items-center" }, Ds = /* @__PURE__ */ he({
   __name: "PreviewQrCode",
   setup(n) {
     const e = se(), t = qe(), a = Qe(), { t: o } = et(), i = se(!1), r = le(() => `${`${"https://{slug}.feedmedev.vip".replace("{slug}", `${t.currentBusiness.value.url ?? t.currentBusiness.value._id}`)}`}/preview/${a.state.selectedTemplate.templateId}`);
     function s() {
-      ni.promise(navigator.clipboard.writeText(r.value), {
+      oi.promise(navigator.clipboard.writeText(r.value), {
         loading: o("brand.template.shareMenu.copying"),
         success: () => o("brand.template.shareMenu.linkCopied"),
         error: () => o("brand.template.shareMenu.errorCopyingLink")
@@ -7683,7 +7683,7 @@ const Ns = { class: "flex items-center justify-center" }, Fs = { class: "w-full
           Ro(ge(w(o)("brand.template.shareMenu.share")), 1)
         ]),
         default: M(() => [
-          D("div", Ns, [
+          D("div", Fs, [
             D("canvas", {
               ref_key: "qrCodeContainer",
               ref: e
@@ -7691,7 +7691,7 @@ const Ns = { class: "flex items-center justify-center" }, Fs = { class: "w-full
           ])
         ]),
         "dialog-footer": M(() => [
-          D("div", Fs, [
+          D("div", Ps, [
             E(d, {
               variant: "secondary",
               label: w(o)("brand.common.cancel"),
@@ -7707,10 +7707,10 @@ const Ns = { class: "flex items-center justify-center" }, Fs = { class: "w-full
       }, 8, ["modelValue"]);
     };
   }
-}), Ds = { class: "p-8 flex gap-8 items-center justify-between border-b border-fm-color-neutral-gray-200 bg-fm-color-neutral-white" }, Bs = { class: "flex gap-8 items-center" }, ks = /* @__PURE__ */ he({
+}), Bs = { class: "p-8 flex gap-8 items-center justify-between border-b border-fm-color-neutral-gray-200 bg-fm-color-neutral-white" }, ks = { class: "flex gap-8 items-center" }, Rs = /* @__PURE__ */ he({
   __name: "EditorToolbar",
   setup(n) {
-    const e = Ke(), t = Qe(), a = qe(), o = ai(), i = Ha(), { t: r } = et();
+    const e = Ke(), t = Qe(), a = qe(), o = ni(), i = Ha(), { t: r } = et();
     function s() {
       if (!e.state.node) {
         o.open(
@@ -7738,10 +7738,10 @@ const Ns = { class: "flex items-center justify-center" }, Fs = { class: "w-full
     }
     return (l, c) => {
       const d = G("FmButton");
-      return P(), j("div", Ds, [
-        E(Zr),
-        D("div", Bs, [
-          E(Ps),
+      return P(), j("div", Bs, [
+        E(Ur),
+        D("div", ks, [
+          E(Ds),
           E(d, {
             class: "transition-all duration-500",
             variant: "tertiary",
@@ -7749,7 +7749,7 @@ const Ns = { class: "flex items-center justify-center" }, Fs = { class: "w-full
             onClick: s,
             disabled: w(e).isSaved()
           }, null, 8, ["disabled"]),
-          E(jr)
+          E(Hr)
         ])
       ]);
     };
@@ -7788,19 +7788,19 @@ const Ns = { class: "flex items-center justify-center" }, Fs = { class: "w-full
     body: "'Roboto', sans-serif"
   }
 };
-function Rs(n = Lo, e) {
+function $s(n = Lo, e) {
   const t = document.documentElement, a = (r, s) => {
     s && t.style.setProperty(`--brand-${r}`, s);
   }, { colors: o, fonts: i } = n;
   a("color-primary", o.primary), a("color-secondary", o.secondary), a("color-accent", o.accent), a("color-background-base", o.background.base), a("color-background-elevated", o.background.elevated), a("color-neutral-light", o.neutral.light), a("color-neutral-mid", o.neutral.mid), a("color-neutral-dark", o.neutral.dark), a("color-typo-on-primary", o.text.onPrimary), a("color-typo-primary", o.text.primary), a("color-typo-secondary", o.text.secondary), a("color-typo-tertiary", o.text.tertiary), a("color-status-success", o.status.success), a("color-status-warning", o.status.warning), a("color-status-error", o.status.error), a("color-status-info", o.status.info), a("font-family-brand", i.brand), a("font-family-heading", i.heading ?? i.brand), a("font-family-body", i.body ?? i.brand);
 }
-const $s = { class: "relative h-full min-w-[500px] flex-1 bg-fm-color-neutral-gray-100 flex flex-col" }, Ms = {
+const Ms = { class: "relative h-full min-w-[500px] flex-1 bg-fm-color-neutral-gray-100 flex flex-col" }, Zs = {
   key: 0,
   class: "flex items-center justify-between pt-8 px-12"
-}, Zs = { 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" }, Us = ["onClickCapture"], Vs = {
+}, Us = { 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" }, Vs = ["onClickCapture"], js = {
   key: 0,
   class: "w-full h-[100px] flex items-center justify-center text-fm-color-typo-secondary mt-24"
-}, js = /* @__PURE__ */ he({
+}, Hs = /* @__PURE__ */ he({
   __name: "Editor",
   setup(n) {
     const e = Ke(), t = qe(), a = Ya(), o = le({
@@ -7818,7 +7818,7 @@ const $s = { class: "relative h-full min-w-[500px] flex-1 bg-fm-color-neutral-gr
     return ct(
       () => t.currentBusiness.value,
       async (l, c) => {
-        l && l.id != (c == null ? void 0 : c.id) && (await a.getBusinessBrandkit(l.id), Rs(a.state.brandkit ?? Lo));
+        l && l.id != (c == null ? void 0 : c.id) && (await a.getBusinessBrandkit(l.id), $s(a.state.brandkit ?? Lo));
       },
       {
         immediate: !0
@@ -7831,8 +7831,8 @@ const $s = { class: "relative h-full min-w-[500px] flex-1 bg-fm-color-neutral-gr
     }), (l, c) => {
       var u, p;
       const d = G("FmIcon");
-      return P(), j("div", $s, [
-        E(ks),
+      return P(), j("div", Ms, [
+        E(Rs),
         D("div", {
           class: "h-full w-full px-24 py-48 flex overflow-y-auto",
           onClick: c[2] || (c[2] = (f) => s(i.value))
@@ -7853,9 +7853,9 @@ const $s = { class: "relative h-full min-w-[500px] flex-1 bg-fm-color-neutral-gr
               default: M(() => {
                 var f, m;
                 return [
-                  i.value.type == "Homepage" && ((f = i.value.props) == null ? void 0 : f.hideCountrySwitcher) !== !0 ? (P(), j("div", Ms, [
-                    E(qo, { data: { selectedCountry: "MY" } }),
-                    D("div", Zs, [
+                  i.value.type == "Homepage" && ((f = i.value.props) == null ? void 0 : f.hideCountrySwitcher) !== !0 ? (P(), j("div", Zs, [
+                    E(Qo, { data: { selectedCountry: "MY" } }),
+                    D("div", Us, [
                       E(d, {
                         class: "rounded-full",
                         name: "account_circle",
@@ -7863,7 +7863,7 @@ const $s = { class: "relative h-full min-w-[500px] flex-1 bg-fm-color-neutral-gr
                       })
                     ])
                   ])) : ee("", !0),
-                  i.value.type == "Homepage" && ((m = i.value.props) == null ? void 0 : m.showNavigationBar) == !0 ? (P(), ne(Qo, {
+                  i.value.type == "Homepage" && ((m = i.value.props) == null ? void 0 : m.showNavigationBar) == !0 ? (P(), ne(ei, {
                     key: 1,
                     title: "Member",
                     className: "block"
@@ -7896,11 +7896,11 @@ const $s = { class: "relative h-full min-w-[500px] flex-1 bg-fm-color-neutral-gr
                           }, c[3] || (c[3] = [
                             D("div", { class: "w-full h-full border-2 border-fm-color-system-info-200" }, null, -1)
                           ]), 6)) : ee("", !0)
-                        ], 40, Us)
+                        ], 40, Vs)
                       ];
                     }),
                     footer: M(() => [
-                      o.value.length ? ee("", !0) : (P(), j("div", Vs, [
+                      o.value.length ? ee("", !0) : (P(), j("div", js, [
                         E(d, { name: "drag_indicator" }),
                         c[4] || (c[4] = D("div", { class: "fm-typo-en-body-sm-400" }, " Drag and drop components here ", -1))
                       ]))
@@ -7913,7 +7913,7 @@ const $s = { class: "relative h-full min-w-[500px] flex-1 bg-fm-color-neutral-gr
             }, 16)) : ee("", !0)
           ], 2)
         ]),
-        E(Ar)
+        E(Or)
       ]);
     };
   }
@@ -7923,11 +7923,11 @@ const $s = { class: "relative h-full min-w-[500px] flex-1 bg-fm-color-neutral-gr
     n = a, e = o;
   });
   return t.resolve = n, t.reject = e, t;
-}, Cn = (n) => n == null ? "" : "" + n, Hs = (n, e, t) => {
+}, Cn = (n) => n == null ? "" : "" + n, Ys = (n, e, t) => {
   n.forEach((a) => {
     e[a] && (t[a] = e[a]);
   });
-}, Ys = /###/g, _n = (n) => n && n.indexOf("###") > -1 ? n.replace(Ys, ".") : n, wn = (n) => !n || N(n), St = (n, e, t) => {
+}, zs = /###/g, _n = (n) => n && n.indexOf("###") > -1 ? n.replace(zs, ".") : n, wn = (n) => !n || N(n), St = (n, e, t) => {
   const a = N(e) ? e.split(".") : e;
   let o = 0;
   for (; o < a.length - 1; ) {
@@ -7952,7 +7952,7 @@ const $s = { class: "relative h-full min-w-[500px] flex-1 bg-fm-color-neutral-gr
   for (; s.obj === void 0 && r.length; )
     i = `${r[r.length - 1]}.${i}`, r = r.slice(0, r.length - 1), s = St(n, r, Object), s != null && s.obj && typeof s.obj[`${s.k}.${i}`] < "u" && (s.obj = void 0);
   s.obj[`${s.k}.${i}`] = t;
-}, zs = (n, e, t, a) => {
+}, Ks = (n, e, t, a) => {
   const {
     obj: o,
     k: i
@@ -7965,7 +7965,7 @@ const $s = { class: "relative h-full min-w-[500px] flex-1 bg-fm-color-neutral-gr
   } = St(n, e);
   if (t && Object.prototype.hasOwnProperty.call(t, a))
     return t[a];
-}, Ks = (n, e, t) => {
+}, Ws = (n, e, t) => {
   const a = ta(n, t);
   return a !== void 0 ? a : ta(e, t);
 }, Ao = (n, e, t) => {
@@ -7973,7 +7973,7 @@ const $s = { class: "relative h-full min-w-[500px] flex-1 bg-fm-color-neutral-gr
     a !== "__proto__" && a !== "constructor" && (a in n ? N(n[a]) || n[a] instanceof String || N(e[a]) || e[a] instanceof String ? t && (n[a] = e[a]) : Ao(n[a], e[a], t) : n[a] = e[a]);
   return n;
 }, nt = (n) => n.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g, "\\$&");
-var Ws = {
+var Js = {
   "&": "&amp;",
   "<": "&lt;",
   ">": "&gt;",
@@ -7981,8 +7981,8 @@ var Ws = {
   "'": "&#39;",
   "/": "&#x2F;"
 };
-const Js = (n) => N(n) ? n.replace(/[&<>"'\/]/g, (e) => Ws[e]) : n;
-class Gs {
+const Gs = (n) => N(n) ? n.replace(/[&<>"'\/]/g, (e) => Js[e]) : n;
+class Xs {
   constructor(e) {
     this.capacity = e, this.regExpMap = /* @__PURE__ */ new Map(), this.regExpQueue = [];
   }
@@ -7994,11 +7994,11 @@ class Gs {
     return this.regExpQueue.length === this.capacity && this.regExpMap.delete(this.regExpQueue.shift()), this.regExpMap.set(e, a), this.regExpQueue.push(e), a;
   }
 }
-const Xs = [" ", ",", "?", "!", ";"], qs = new Gs(20), Qs = (n, e, t) => {
+const qs = [" ", ",", "?", "!", ";"], Qs = new Xs(20), el = (n, e, t) => {
   e = e || "", t = t || "";
-  const a = Xs.filter((r) => e.indexOf(r) < 0 && t.indexOf(r) < 0);
+  const a = qs.filter((r) => e.indexOf(r) < 0 && t.indexOf(r) < 0);
   if (a.length === 0) return !0;
-  const o = qs.getRegExp(`(${a.map((r) => r === "?" ? "\\?" : r).join("|")})`);
+  const o = Qs.getRegExp(`(${a.map((r) => r === "?" ? "\\?" : r).join("|")})`);
   let i = !o.test(n);
   if (!i) {
     const r = n.indexOf(t);
@@ -8026,7 +8026,7 @@ const Xs = [" ", ",", "?", "!", ";"], qs = new Gs(20), Qs = (n, e, t) => {
     o = r;
   }
   return o;
-}, aa = (n) => n == null ? void 0 : n.replace("_", "-"), el = {
+}, aa = (n) => n == null ? void 0 : n.replace("_", "-"), tl = {
   type: "logger",
   log(n) {
     this.output("log", n);
@@ -8049,7 +8049,7 @@ class na {
   }
   init(e) {
     let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
-    this.prefix = t.prefix || "i18next:", this.logger = e || el, this.options = t, this.debug = t.debug;
+    this.prefix = t.prefix || "i18next:", this.logger = e || tl, this.options = t, this.debug = t.debug;
   }
   log() {
     for (var e = arguments.length, t = new Array(e), a = 0; a < e; a++)
@@ -8209,7 +8209,7 @@ const En = {}, Ln = (n) => !N(n) && typeof n != "boolean" && typeof n != "number
 class oa extends da {
   constructor(e) {
     let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
-    super(), Hs(["resourceStore", "languageUtils", "pluralResolver", "interpolator", "backendConnector", "i18nFormat", "utils"], e, this), this.options = t, this.options.keySeparator === void 0 && (this.options.keySeparator = "."), this.logger = Le.create("translator");
+    super(), Ys(["resourceStore", "languageUtils", "pluralResolver", "interpolator", "backendConnector", "i18nFormat", "utils"], e, this), this.options = t, this.options.keySeparator === void 0 && (this.options.keySeparator = "."), this.logger = Le.create("translator");
   }
   changeLanguage(e) {
     e && (this.language = e);
@@ -8228,7 +8228,7 @@ class oa extends da {
     a === void 0 && (a = ":");
     const o = t.keySeparator !== void 0 ? t.keySeparator : this.options.keySeparator;
     let i = t.ns || this.options.defaultNS || [];
-    const r = a && e.indexOf(a) > -1, s = !this.options.userDefinedKeySeparator && !t.keySeparator && !this.options.userDefinedNsSeparator && !t.nsSeparator && !Qs(e, a, o);
+    const r = a && e.indexOf(a) > -1, s = !this.options.userDefinedKeySeparator && !t.keySeparator && !this.options.userDefinedNsSeparator && !t.nsSeparator && !el(e, a, o);
     if (r && !s) {
       const l = e.match(this.interpolator.nestingRegexp);
       if (l && l.length > 0)
@@ -8541,7 +8541,7 @@ const On = {
     pluralCategories: ["one", "other"]
   })
 };
-class tl {
+class al {
   constructor(e) {
     let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
     this.languageUtils = e, this.options = t, this.logger = Le.create("pluralResolver"), this.pluralRulesCache = {};
@@ -8593,10 +8593,10 @@ class tl {
   }
 }
 const Fn = function(n, e, t) {
-  let a = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : ".", o = arguments.length > 4 && arguments[4] !== void 0 ? arguments[4] : !0, i = Ks(n, e, t);
+  let a = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : ".", o = arguments.length > 4 && arguments[4] !== void 0 ? arguments[4] : !0, i = Ws(n, e, t);
   return !i && o && N(t) && (i = Va(n, t, a), i === void 0 && (i = Va(e, t, a))), i;
 }, Aa = (n) => n.replace(/\$/g, "$$$$");
-class al {
+class nl {
   constructor() {
     var t;
     let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
@@ -8626,7 +8626,7 @@ class al {
       maxReplaces: h,
       alwaysFormat: y
     } = e.interpolation;
-    this.escape = t !== void 0 ? t : Js, this.escapeValue = a !== void 0 ? a : !0, this.useRawValueToEscape = o !== void 0 ? o : !1, this.prefix = i ? nt(i) : r || "{{", this.suffix = s ? nt(s) : l || "}}", this.formatSeparator = c || ",", this.unescapePrefix = d ? "" : u || "-", this.unescapeSuffix = this.unescapePrefix ? "" : d || "", this.nestingPrefix = p ? nt(p) : f || nt("$t("), this.nestingSuffix = m ? nt(m) : b || nt(")"), this.nestingOptionsSeparator = C || ",", this.maxReplaces = h || 1e3, this.alwaysFormat = y !== void 0 ? y : !1, this.resetRegExp();
+    this.escape = t !== void 0 ? t : Gs, this.escapeValue = a !== void 0 ? a : !0, this.useRawValueToEscape = o !== void 0 ? o : !1, this.prefix = i ? nt(i) : r || "{{", this.suffix = s ? nt(s) : l || "}}", this.formatSeparator = c || ",", this.unescapePrefix = d ? "" : u || "-", this.unescapeSuffix = this.unescapePrefix ? "" : d || "", this.nestingPrefix = p ? nt(p) : f || nt("$t("), this.nestingSuffix = m ? nt(m) : b || nt(")"), this.nestingOptionsSeparator = C || ",", this.maxReplaces = h || 1e3, this.alwaysFormat = y !== void 0 ? y : !1, this.resetRegExp();
   }
   reset() {
     this.options && this.init(this.options);
@@ -8722,7 +8722,7 @@ class al {
     return e;
   }
 }
-const nl = (n) => {
+const ol = (n) => {
   let e = n.toLowerCase().trim();
   const t = {};
   if (n.indexOf("(") > -1) {
@@ -8753,7 +8753,7 @@ const nl = (n) => {
     return s || (s = n(aa(a), o), e[r] = s), s(t);
   };
 };
-class ol {
+class il {
   constructor() {
     let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
     this.logger = Le.create("formatter"), this.options = e, this.formats = {
@@ -8814,7 +8814,7 @@ class ol {
       const {
         formatName: c,
         formatOptions: d
-      } = nl(l);
+      } = ol(l);
       if (this.formats[c]) {
         let p = s;
         try {
@@ -8834,10 +8834,10 @@ class ol {
     }, e);
   }
 }
-const il = (n, e) => {
+const rl = (n, e) => {
   n.pending[e] !== void 0 && (delete n.pending[e], n.pendingCount--);
 };
-class rl extends da {
+class sl extends da {
   constructor(e, t, a) {
     var i, r;
     let o = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : {};
@@ -8871,7 +8871,7 @@ class rl extends da {
     }), this.state[e] = t ? -1 : 2, t && a && (this.state[e] = 0);
     const s = {};
     this.queue.forEach((l) => {
-      zs(l.loaded, [i], r), il(l, e), t && l.errors.push(t), l.pendingCount === 0 && !l.done && (Object.keys(l.loaded).forEach((c) => {
+      Ks(l.loaded, [i], r), rl(l, e), t && l.errors.push(t), l.pendingCount === 0 && !l.done && (Object.keys(l.loaded).forEach((c) => {
         s[c] || (s[c] = {});
         const d = l.loaded[c];
         d.length && d.forEach((u) => {
@@ -9034,7 +9034,7 @@ const Pn = () => ({
   var e, t;
   return N(n.ns) && (n.ns = [n.ns]), N(n.fallbackLng) && (n.fallbackLng = [n.fallbackLng]), N(n.fallbackNS) && (n.fallbackNS = [n.fallbackNS]), ((t = (e = n.supportedLngs) == null ? void 0 : e.indexOf) == null ? void 0 : t.call(e, "cimode")) < 0 && (n.supportedLngs = n.supportedLngs.concat(["cimode"])), typeof n.initImmediate == "boolean" && (n.initAsync = n.initImmediate), n;
 }, Vt = () => {
-}, sl = (n) => {
+}, ll = (n) => {
   Object.getOwnPropertyNames(Object.getPrototypeOf(n)).forEach((t) => {
     typeof n[t] == "function" && (n[t] = n[t].bind(n));
   });
@@ -9044,7 +9044,7 @@ class Lt extends da {
     let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, t = arguments.length > 1 ? arguments[1] : void 0;
     if (super(), this.options = Dn(e), this.services = {}, this.logger = Le, this.modules = {
       external: []
-    }, sl(this), t && !this.isInitialized && !e.isClone) {
+    }, ll(this), t && !this.isInitialized && !e.isClone) {
       if (!this.options.initAsync)
         return this.init(e, t), this;
       setTimeout(() => {
@@ -9069,16 +9069,16 @@ class Lt extends da {
     if (!this.options.isClone) {
       this.modules.logger ? Le.init(i(this.modules.logger), this.options) : Le.init(null, this.options);
       let d;
-      this.modules.formatter ? d = this.modules.formatter : d = ol;
+      this.modules.formatter ? d = this.modules.formatter : d = il;
       const u = new An(this.options);
       this.store = new Sn(this.options.resources, this.options);
       const p = this.services;
-      p.logger = Le, p.resourceStore = this.store, p.languageUtils = u, p.pluralResolver = new tl(u, {
+      p.logger = Le, p.resourceStore = this.store, p.languageUtils = u, p.pluralResolver = new al(u, {
         prepend: this.options.pluralSeparator,
         simplifyPluralSuffix: this.options.simplifyPluralSuffix
-      }), d && (!this.options.interpolation.format || this.options.interpolation.format === o.interpolation.format) && (p.formatter = i(d), p.formatter.init(p, this.options), this.options.interpolation.format = p.formatter.format.bind(p.formatter)), p.interpolator = new al(this.options), p.utils = {
+      }), d && (!this.options.interpolation.format || this.options.interpolation.format === o.interpolation.format) && (p.formatter = i(d), p.formatter.init(p, this.options), this.options.interpolation.format = p.formatter.format.bind(p.formatter)), p.interpolator = new nl(this.options), p.utils = {
         hasLoadedNamespace: this.hasLoadedNamespace.bind(this)
-      }, p.backendConnector = new rl(i(this.modules.backend), p.resourceStore, p, this.options), p.backendConnector.on("*", function(f) {
+      }, p.backendConnector = new sl(i(this.modules.backend), p.resourceStore, p, this.options), p.backendConnector.on("*", function(f) {
         for (var m = arguments.length, b = new Array(m > 1 ? m - 1 : 0), C = 1; C < m; C++)
           b[C - 1] = arguments[C];
         e.emit(f, ...b);
@@ -9311,7 +9311,7 @@ ce.setDefaultNamespace;
 ce.hasLoadedNamespace;
 ce.loadNamespaces;
 ce.loadLanguages;
-const ll = [
+const cl = [
   {
     $cmp: "ConfigTab",
     props: { title: Oa("brand.template.nodeConfig.pageSetting") },
@@ -9527,7 +9527,7 @@ const ll = [
       }
     ]
   }
-], K = (n) => n, cl = [
+], K = (n) => n, dl = [
   {
     $cmp: "ConfigTab",
     props: { title: K("brand.template.nodeConfig.displayText.title") },
@@ -9690,7 +9690,7 @@ const ll = [
       }
     ]
   }
-], W = (n) => n, dl = [
+], W = (n) => n, ul = [
   {
     $cmp: "ConfigTab",
     props: { title: W("brand.template.nodeConfig.buttonList.title") },
@@ -9837,7 +9837,7 @@ const ll = [
       }
     ]
   }
-], _e = (n) => n, ul = [
+], _e = (n) => n, pl = [
   {
     $cmp: "ConfigTab",
     props: { title: _e("brand.template.nodeConfig.displayImage.title") },
@@ -9935,7 +9935,7 @@ const ll = [
       }
     ]
   }
-], pe = (n) => n, pl = [
+], pe = (n) => n, fl = [
   {
     $cmp: "ConfigTab",
     props: { title: pe("brand.template.nodeConfig.carousel.title") },
@@ -10055,7 +10055,7 @@ const ll = [
       }
     ]
   }
-], Q = (n) => n, fl = [
+], Q = (n) => n, ml = [
   {
     $cmp: "ConfigTab",
     props: { title: Q("brand.template.nodeConfig.memberCard.title") },
@@ -10191,7 +10191,7 @@ const ll = [
       }
     ]
   }
-], ie = (n) => n, ml = [
+], ie = (n) => n, bl = [
   {
     $cmp: "ConfigTab",
     props: { title: ie("brand.template.nodeConfig.orderMethod.title") },
@@ -10312,7 +10312,7 @@ const ll = [
       }
     ]
   }
-], Ue = (n) => n, bl = [
+], Ue = (n) => n, gl = [
   {
     $cmp: "ConfigTab",
     props: { title: Ue("brand.template.nodeConfig.branchList.title") },
@@ -10372,7 +10372,7 @@ const ll = [
       }
     ]
   }
-], De = (n) => n, gl = [
+], De = (n) => n, hl = [
   {
     $cmp: "ConfigTab",
     props: {
@@ -10447,7 +10447,7 @@ const ll = [
       }
     ]
   }
-], Bn = (n) => n, hl = [
+], Bn = (n) => n, yl = [
   {
     $cmp: "ConfigTab",
     props: { title: Bn("brand.template.nodeConfig.memberSummary.title") },
@@ -10462,7 +10462,7 @@ const ll = [
       }
     ]
   }
-], gt = (n) => n, yl = [
+], gt = (n) => n, vl = [
   {
     $cmp: "ConfigTab",
     props: { title: gt("brand.template.nodeConfig.memberCards.title") },
@@ -10505,7 +10505,7 @@ const ll = [
       }
     ]
   }
-], xe = (n) => n, vl = [
+], xe = (n) => n, xl = [
   {
     $cmp: "ConfigTab",
     props: { title: xe("brand.template.nodeConfig.memberAchievements.title") },
@@ -10606,7 +10606,7 @@ const ll = [
       }
     ]
   }
-], Ee = (n) => n, xl = [
+], Ee = (n) => n, Tl = [
   {
     $cmp: "ConfigTab",
     props: { title: Ee("brand.template.nodeConfig.creditHistory.title") },
@@ -10650,7 +10650,7 @@ const ll = [
       }
     ]
   }
-], Tl = [
+], Cl = [
   {
     $cmp: "ConfigTab",
     props: { title: Ee("brand.template.nodeConfig.pointHistory.title") },
@@ -10692,10 +10692,10 @@ const ll = [
       }
     ]
   }
-], Cl = (n) => n, _l = [
+], _l = (n) => n, wl = [
   {
     $cmp: "ConfigTab",
-    props: { title: Cl("brand.template.nodeConfig.memberProfile.title") },
+    props: { title: _l("brand.template.nodeConfig.memberProfile.title") },
     children: [
       // {
       //   $cmp: 'ConfigTabItem',
@@ -10733,7 +10733,7 @@ const ll = [
       // },
     ]
   }
-], it = (n) => n, wl = [
+], it = (n) => n, Il = [
   {
     $cmp: "ConfigTab",
     props: {
@@ -10805,7 +10805,7 @@ const ll = [
       }
     ]
   }
-], kn = (n) => n, Il = [
+], kn = (n) => n, Sl = [
   {
     $cmp: "ConfigTab",
     props: { title: kn("brand.template.nodeConfig.referral.imageTitle") },
@@ -10822,30 +10822,30 @@ const ll = [
       }
     ]
   }
-], Sl = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+], El = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  BranchList: bl,
-  ButtonList: dl,
+  BranchList: gl,
+  ButtonList: ul,
   Container: ve,
-  Homepage: ll,
-  ImageCarousel: pl,
-  ImageDisplay: ul,
-  MemberAchievements: vl,
-  MemberCard: fl,
-  MemberCards: yl,
-  MemberSummary: hl,
-  OrderHistoryCard: gl,
-  OrderMethod: ml,
-  TextDisplay: cl,
-  _Credit: xl,
-  _MemberProfile: _l,
-  _Point: Tl,
-  _Referral: Il,
-  _ReferralTutorial: wl
-}, Symbol.toStringTag, { value: "Module" })), El = {
+  Homepage: cl,
+  ImageCarousel: fl,
+  ImageDisplay: pl,
+  MemberAchievements: xl,
+  MemberCard: ml,
+  MemberCards: vl,
+  MemberSummary: yl,
+  OrderHistoryCard: hl,
+  OrderMethod: bl,
+  TextDisplay: dl,
+  _Credit: Tl,
+  _MemberProfile: wl,
+  _Point: Cl,
+  _Referral: Sl,
+  _ReferralTutorial: Il
+}, Symbol.toStringTag, { value: "Module" })), Ll = {
   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"
-}, Ll = { class: "flex flex-col gap-16 px-12" }, Al = /* @__PURE__ */ he({
+}, Al = { class: "flex flex-col gap-16 px-12" }, Ol = /* @__PURE__ */ he({
   __name: "ConfigSection",
   props: {
     label: {}
@@ -10853,13 +10853,13 @@ const ll = [
   setup(n) {
     const { t: e } = et();
     return (t, a) => (P(), j("div", null, [
-      t.label ? (P(), j("div", El, ge(w(e)(t.label)), 1)) : ee("", !0),
-      D("div", Ll, [
+      t.label ? (P(), j("div", Ll, ge(w(e)(t.label)), 1)) : ee("", !0),
+      D("div", Al, [
         ja(t.$slots, "default")
       ])
     ]));
   }
-}), No = Symbol.for("ba:config-tab"), Ol = { class: "p-16 w-full fm-typo-en-body-md-600 text-fm-color-typo-primary" }, Nl = { class: "flex items-center w-full border-b border-fm-color-neutral-gray-100" }, Fl = /* @__PURE__ */ he({
+}), No = Symbol.for("ba:config-tab"), Nl = { class: "p-16 w-full fm-typo-en-body-md-600 text-fm-color-typo-primary" }, Fl = { class: "flex items-center w-full border-b border-fm-color-neutral-gray-100" }, Pl = /* @__PURE__ */ he({
   __name: "ConfigTab",
   props: {
     title: {}
@@ -10868,7 +10868,12 @@ const ll = [
     const { t: e } = et(), t = se([]), a = se("");
     Vo(No, {
       register(i) {
-        t.value = [...t.value, i], t.value.length === 1 && (a.value = i.value);
+        t.value = [...t.value, i].map(
+          (r) => ({
+            ...r,
+            title: e(r.title)
+          })
+        ), t.value.length === 1 && (a.value = i.value);
       },
       currentTab: le(() => a.value)
     });
@@ -10878,22 +10883,21 @@ const ll = [
     return (i, r) => {
       const s = G("FmTab");
       return P(), j("div", null, [
-        D("div", Ol, ge(w(e)(i.title)), 1),
+        D("div", Nl, ge(w(e)(i.title)), 1),
         E(Mn),
-        D("div", Nl, [
+        D("div", Fl, [
           (P(!0), j(ze, null, At(t.value, (l) => (P(), ne(s, {
-            key: l.value,
             "model-value": a.value,
             "onUpdate:modelValue": r[0] || (r[0] = (c) => o(c)),
-            label: w(e)(l.title),
+            label: l.title,
             value: l.value
-          }, null, 8, ["model-value", "label", "value"]))), 128))
+          }, null, 8, ["model-value", "label", "value"]))), 256))
         ]),
         ja(i.$slots, "default")
       ]);
     };
   }
-}), Pl = { key: 0 }, Dl = { class: "flex flex-col gap-24 py-24" }, Bl = /* @__PURE__ */ he({
+}), Dl = { key: 0 }, Bl = { class: "flex flex-col gap-24 py-24" }, kl = /* @__PURE__ */ he({
   __name: "ConfigTabItem",
   props: {
     title: {},
@@ -10905,28 +10909,28 @@ const ll = [
       t ? t.register(e) : console.warn("ConfigTabItem is to be used with ConfigTab as parent");
     }), (a, o) => {
       var i;
-      return ((i = w(t)) == null ? void 0 : i.currentTab.value) === a.value ? (P(), j("div", Pl, [
-        D("div", Dl, [
+      return ((i = w(t)) == null ? void 0 : i.currentTab.value) === a.value ? (P(), j("div", Dl, [
+        D("div", Bl, [
           ja(a.$slots, "default")
         ])
       ])) : ee("", !0);
     };
   }
-}), kl = { class: "h-full flex-shrink-0 w-[308px] bg-fm-color-neutral-white border-l border-fm-color-neutral-gray-200 overflow-y-auto" }, Rl = /* @__PURE__ */ he({
+}), Rl = { class: "h-full flex-shrink-0 w-[308px] bg-fm-color-neutral-white border-l border-fm-color-neutral-gray-200 overflow-y-auto" }, $l = /* @__PURE__ */ he({
   __name: "Inspector",
   setup(n) {
     const e = Ke(), t = le(() => e.state.selectedNode), a = le(() => {
       var c;
       const l = ((c = t.value) == null ? void 0 : c.type) ?? null;
-      return l !== null ? Sl[l] : [];
+      return l !== null ? El[l] : [];
     }), o = le(() => {
       var l;
       return (l = t.value) == null ? void 0 : l.props;
-    }), i = {
-      ConfigTab: Fl,
-      ConfigTabItem: Bl,
-      ConfigSection: Al
-    };
+    }), i = Ho({
+      ConfigTab: Pl,
+      ConfigTabItem: kl,
+      ConfigSection: Ol
+    });
     function r(l) {
       const c = t.value;
       c && (c.props = { ...l }, e.updateNode(c));
@@ -10956,8 +10960,8 @@ const ll = [
           };
       }
     }
-    return (l, c) => (P(), j("div", kl, [
-      t.value ? (P(), ne(w(Go), {
+    return (l, c) => (P(), j("div", Rl, [
+      t.value ? (P(), ne(w(Xo), {
         config: { rootClasses: s },
         type: "form",
         actions: !1,
@@ -10967,16 +10971,16 @@ const ll = [
         preserve: ""
       }, {
         default: M(() => [
-          E(w(Xo), {
+          E(w(qo), {
             schema: a.value,
-            library: i
-          }, null, 8, ["schema"])
+            library: w(i)
+          }, null, 8, ["schema", "library"])
         ]),
         _: 1
       }, 8, ["config", "model-value"])) : ee("", !0)
     ]));
   }
-}), $l = { class: "relative h-full w-screen flex flex-col overflow-y-hidden" }, Ml = { class: "flex h-full" }, hc = /* @__PURE__ */ he({
+}), Ml = { class: "relative h-full w-screen flex flex-col overflow-y-hidden" }, Zl = { class: "flex h-full" }, yc = /* @__PURE__ */ he({
   __name: "BuilderView",
   props: {
     templateId: {}
@@ -11021,8 +11025,8 @@ const ll = [
       }
     ), (d, u) => {
       const p = G("FmCircularProgress"), f = G("FmOverlay");
-      return P(), j("div", $l, [
-        E(w(oi), {
+      return P(), j("div", Ml, [
+        E(w(ii), {
           position: "top-right",
           "rich-colors": "",
           "close-button": "",
@@ -11040,15 +11044,15 @@ const ll = [
           ]),
           _: 1
         })) : ee("", !0),
-        D("div", Ml, [
-          E(Er),
-          E(js),
-          E(Rl)
+        D("div", Zl, [
+          E(Lr),
+          E(Hs),
+          E($l)
         ])
       ]);
     };
   }
 });
 export {
-  hc as default
+  yc as default
 };