@feedmepos/mf-brand-app-builder 0.5.14-alpha.12 → 0.5.14-alpha.13

package/dist/{App-DlJ8d5SZ.js → App-dnGYM5SW.js}

@@ -61,7 +61,7 @@ const $ = { class: "shrink-0 w-64 h-full bg-fm-color-neutral-white border-r bord
     }
     return x(async () => {
       console.log(
-        `Running v0.5.14-alpha.12 on ${e.namespace.value}`
+        `Running v0.5.14-alpha.13 on ${e.namespace.value}`
       ), e.hideSidebar.value = !0;
     }), y(() => {
       e.hideSidebar.value = !1;

package/dist/{BuilderView-BuxIn26s.js → BuilderView-DnDoC2sO.js}

@@ -13,7 +13,7 @@ import { useRouter as Ya } from "vue-router";
 import { u as ca } from "./index-DzaJbB6y.js";
 import { u as da } from "./index-BtpEVtDw.js";
 import { K as io, V as ro } from "./vue-sonner-CBFYmm8_.js";
-import { F as lo, a as so } from "./app-CvStn-hu.js";
+import { F as lo, a as so } from "./app-CvGPo64A.js";
 /**!
  * Sortable 1.14.0
  * @author	RubaXa   <trash@rubaxa.org>
@@ -185,8 +185,8 @@ function z(t, e, a, n, o) {
         }
       while (o = o.parentNode);
     if (n && t !== window) {
-      var f = Me(o || t), h = f && f.a, g = f && f.d;
-      f && (r /= g, s /= h, u /= h, d /= g, l = r + d, c = s + u);
+      var p = Me(o || t), h = p && p.a, g = p && p.d;
+      p && (r /= g, s /= h, u /= h, d /= g, l = r + d, c = s + u);
     }
     return {
       top: r,
@@ -332,9 +332,9 @@ function vo() {
       }
       var i = !1, r = 0;
       t.forEach(function(s) {
-        var l = 0, c = s.target, d = c.fromRect, u = z(c), m = c.prevFromRect, f = c.prevToRect, h = s.rect, g = Me(c, !0);
+        var l = 0, c = s.target, d = c.fromRect, u = z(c), m = c.prevFromRect, p = c.prevToRect, h = s.rect, g = Me(c, !0);
         g && (u.top -= g.f, u.left -= g.e), c.toRect = u, c.thisAnimationDuration && kt(m, u) && !kt(d, u) && // Make sure animatingRect is on line between toRect & fromRect
-        (h.top - u.top) / (h.left - u.left) === (d.top - u.top) / (d.left - u.left) && (l = _o(h, m, f, o.options)), kt(u, d) || (c.prevFromRect = d, c.prevToRect = u, l || (l = o.options.animation), o.animate(c, h, u, l)), l && (i = !0, r = Math.max(r, l), clearTimeout(c.animationResetTimer), c.animationResetTimer = setTimeout(function() {
+        (h.top - u.top) / (h.left - u.left) === (d.top - u.top) / (d.left - u.left) && (l = _o(h, m, p, o.options)), kt(u, d) || (c.prevFromRect = d, c.prevToRect = u, l || (l = o.options.animation), o.animate(c, h, 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() {
@@ -411,13 +411,13 @@ var Pe = [], Rt = {
   }
 };
 function xo(t) {
-  var e = t.sortable, a = t.rootEl, n = t.name, o = t.targetEl, i = t.cloneEl, r = t.toEl, s = t.fromEl, l = t.oldIndex, c = t.newIndex, d = t.oldDraggableIndex, u = t.newDraggableIndex, m = t.originalEvent, f = t.putSortable, h = t.extraEventProperties;
+  var e = t.sortable, a = t.rootEl, n = t.name, o = t.targetEl, i = t.cloneEl, r = t.toEl, s = t.fromEl, l = t.oldIndex, c = t.newIndex, d = t.oldDraggableIndex, u = t.newDraggableIndex, m = t.originalEvent, p = t.putSortable, h = t.extraEventProperties;
   if (e = e || a && a[oe], !!e) {
     var g, T = e.options, v = "on" + n.charAt(0).toUpperCase() + n.substr(1);
     window.CustomEvent && !ve && !ot ? g = new CustomEvent(n, {
       bubbles: !0,
       cancelable: !0
-    }) : (g = document.createEvent("Event"), g.initEvent(n, !0, !0)), g.to = r || a, g.from = s || a, g.item = o || a, g.clone = i, g.oldIndex = l, g.newIndex = c, g.oldDraggableIndex = d, g.newDraggableIndex = u, g.originalEvent = m, g.pullMode = f ? f.lastPutMode : void 0;
+    }) : (g = document.createEvent("Event"), g.initEvent(n, !0, !0)), g.to = r || a, g.from = s || a, g.item = o || a, g.clone = i, g.oldIndex = l, g.newIndex = c, g.oldDraggableIndex = d, g.newDraggableIndex = u, g.originalEvent = m, g.pullMode = p ? p.lastPutMode : void 0;
     var _ = be(be({}, h), it.getEventProperties(n, e));
     for (var b in _)
       g[b] = _[b];
@@ -791,13 +791,13 @@ S.prototype = /** @lends Sortable.prototype */
   },
   // Returns true - if no further action is needed (either inserted or another condition)
   _onDragOver: function(e) {
-    var a = this.el, n = e.target, o, i, r, s = this.options, l = s.group, c = S.active, d = dt === l, u = s.sort, m = X || c, f, h = this, g = !1;
+    var a = this.el, n = e.target, o, i, r, s = this.options, l = s.group, c = S.active, d = dt === l, u = s.sort, m = X || c, p, h = this, g = !1;
     if (Qt) return;
     function T(je, On) {
       ee(je, h, be({
         evt: e,
         isOwner: d,
-        axis: f ? "vertical" : "horizontal",
+        axis: p ? "vertical" : "horizontal",
         revert: r,
         dragRect: o,
         targetRect: i,
@@ -835,16 +835,16 @@ S.prototype = /** @lends Sortable.prototype */
     if (y.contains(e.target) || n.animated && n.animatingX && n.animatingY || h._ignoreWhileAnimating === n)
       return _(!1);
     if (xt = !1, c && !s.disabled && (d ? u || (r = Z !== L) : X === this || (this.lastPutMode = dt.checkPull(this, c, y, e)) && l.checkPut(this, c, y, e))) {
-      if (f = this._getDirection(e, n) === "vertical", o = z(y), T("dragOverValid"), S.eventCanceled) return g;
+      if (p = this._getDirection(e, n) === "vertical", o = z(y), T("dragOverValid"), S.eventCanceled) return g;
       if (r)
         return Z = L, v(), this._hideClone(), T("revert"), S.eventCanceled || (Fe ? L.insertBefore(y, Fe) : L.appendChild(y)), _(!0);
-      var p = ua(a, s.draggable);
-      if (!p || Fo(e, f, this) && !p.animated) {
-        if (p === y)
+      var f = ua(a, s.draggable);
+      if (!f || Fo(e, p, this) && !f.animated) {
+        if (f === y)
           return _(!1);
-        if (p && a === e.target && (n = p), n && (i = z(n)), ft(L, a, y, o, n, i, e, !!n) !== !1)
+        if (f && a === e.target && (n = f), n && (i = z(n)), ft(L, a, y, o, n, i, e, !!n) !== !1)
           return v(), a.appendChild(y), Z = a, b(), _(!0);
-      } else if (p && Do(e, f, this)) {
+      } else if (f && Do(e, p, this)) {
         var x = Ze(a, 0, s, !0);
         if (x === y)
           return _(!1);
@@ -852,8 +852,8 @@ S.prototype = /** @lends Sortable.prototype */
           return v(), a.insertBefore(y, x), Z = a, b(), _(!0);
       } else if (n.parentNode === a) {
         i = z(n);
-        var C = 0, w, H = y.parentNode !== a, R = !Io(y.animated && y.toRect || o, n.animated && n.toRect || i, f), j = f ? "top" : "left", D = Sa(n, "top", "top") || Sa(y, "top", "top"), Q = D ? D.scrollTop : void 0;
-        ke !== n && (w = i[j], et = !1, ut = !R && s.invertSwap || H), C = No(e, n, i, f, R ? 1 : s.swapThreshold, s.invertedSwapThreshold == null ? s.swapThreshold : s.invertedSwapThreshold, ut, ke === n);
+        var C = 0, w, H = y.parentNode !== a, R = !Io(y.animated && y.toRect || o, n.animated && n.toRect || i, p), j = p ? "top" : "left", D = Sa(n, "top", "top") || Sa(y, "top", "top"), Q = D ? D.scrollTop : void 0;
+        ke !== n && (w = i[j], et = !1, ut = !R && s.invertSwap || H), C = No(e, n, i, p, R ? 1 : s.swapThreshold, s.invertedSwapThreshold == null ? s.swapThreshold : s.invertedSwapThreshold, ut, ke === n);
         var $;
         if (C !== 0) {
           var ce = se(y);
@@ -1198,13 +1198,13 @@ var Yt = Wa(function(t, e, a, n) {
     ta !== a && (ta = a, Tt(), Xe = e.scroll, d = e.scrollFn, Xe === !0 && (Xe = Ce(a, !0)));
     var u = 0, m = Xe;
     do {
-      var f = m, h = z(f), g = h.top, T = h.bottom, v = h.left, _ = h.right, b = h.width, p = h.height, x = void 0, C = void 0, w = f.scrollWidth, H = f.scrollHeight, R = E(f), j = f.scrollLeft, D = f.scrollTop;
-      f === l ? (x = b < w && (R.overflowX === "auto" || R.overflowX === "scroll" || R.overflowX === "visible"), C = p < H && (R.overflowY === "auto" || R.overflowY === "scroll" || R.overflowY === "visible")) : (x = b < w && (R.overflowX === "auto" || R.overflowX === "scroll"), C = p < H && (R.overflowY === "auto" || R.overflowY === "scroll"));
-      var Q = x && (Math.abs(_ - o) <= r && j + b < w) - (Math.abs(v - o) <= r && !!j), $ = C && (Math.abs(T - i) <= r && D + p < H) - (Math.abs(g - i) <= r && !!D);
+      var p = m, h = z(p), g = h.top, T = h.bottom, v = h.left, _ = h.right, b = h.width, f = h.height, x = void 0, C = void 0, w = p.scrollWidth, H = p.scrollHeight, R = E(p), j = p.scrollLeft, D = p.scrollTop;
+      p === l ? (x = b < w && (R.overflowX === "auto" || R.overflowX === "scroll" || R.overflowX === "visible"), C = f < H && (R.overflowY === "auto" || R.overflowY === "scroll" || R.overflowY === "visible")) : (x = b < w && (R.overflowX === "auto" || R.overflowX === "scroll"), C = f < H && (R.overflowY === "auto" || R.overflowY === "scroll"));
+      var Q = x && (Math.abs(_ - o) <= r && j + b < w) - (Math.abs(v - o) <= r && !!j), $ = C && (Math.abs(T - i) <= r && D + f < H) - (Math.abs(g - i) <= r && !!D);
       if (!V[u])
         for (var ce = 0; ce <= u; ce++)
           V[ce] || (V[ce] = {});
-      (V[u].vx != Q || V[u].vy != $ || V[u].el !== f) && (V[u].el = f, V[u].vx = Q, V[u].vy = $, clearInterval(V[u].pid), (Q != 0 || $ != 0) && (c = !0, V[u].pid = setInterval((function() {
+      (V[u].vx != Q || V[u].vy != $ || V[u].el !== p) && (V[u].el = p, V[u].vx = Q, V[u].vy = $, clearInterval(V[u].pid), (Q != 0 || $ != 0) && (c = !0, V[u].pid = setInterval((function() {
         n && this.layer === 0 && S.active._onTouchMove(It);
         var ze = V[this.layer].vy ? V[this.layer].vy * s : 0, Te = V[this.layer].vx ? V[this.layer].vx * s : 0;
         typeof d == "function" && d.call(S.dragged.parentNode[oe], Te, ze, t, It, V[this.layer].el) !== "continue" || Xa(V[this.layer].el, Te, ze);
@@ -5278,13 +5278,13 @@ const Se = Gn("editor", () => {
       u && (a(u[0]), o(u[0]));
     }).catch(async (u) => {
       var h;
-      const m = rt(), f = Oe();
+      const m = rt(), p = Oe();
       if (u instanceof qn && ((h = u.response) == null ? void 0 : h.data) == "Template not found") {
         const g = Kn.find(
           (T) => T.templateId == d
         );
         if (g) {
-          f.addNewTemplate({
+          p.addNewTemplate({
             group: g.group,
             id: g.templateId,
             name: g.templateAlias,
@@ -5295,7 +5295,7 @@ const Se = Gn("editor", () => {
             {},
             ma[g.type]
           );
-          a(T), o(T), await f.saveTemplate(c, [T]);
+          a(T), o(T), await p.saveTemplate(c, [T]);
           return;
         }
       }
@@ -5481,21 +5481,21 @@ const Ei = { class: "flex flex-col gap-24 h-full flex-shrink-0 w-[320px] bg-fm-c
     const e = q(!1), a = q(""), n = q(""), o = Ne(), i = Oe(), r = Se(), s = rt(), l = Ya(), c = ao(), d = ca(), u = te(
       () => i.state.allTemplates.filter(
         (b) => {
-          var p;
-          return ((p = i.state.selectedTemplate) == null ? void 0 : p.templateId) !== b.templateId && (a.value ? b.templateAlias.toLocaleLowerCase().includes(a.value.toLocaleLowerCase()) : !0);
+          var f;
+          return ((f = i.state.selectedTemplate) == null ? void 0 : f.templateId) !== b.templateId && (a.value ? b.templateAlias.toLocaleLowerCase().includes(a.value.toLocaleLowerCase()) : !0);
         }
       )
     ), m = async (b) => {
       d.promise(
         async () => {
           i.addNewTemplate(b == "member" ? { group: "member" } : {});
-          const p = s.buildNewNode(
+          const f = s.buildNewNode(
             "Homepage",
             {},
             b == "member" ? { hideCountrySwitcher: !0, showNavigationBar: !0 } : {}
           );
-          r.setRootNode(p), r.setCurrentNode(p), await i.saveTemplate(o.currentBusiness.value._id, [
-            p
+          r.setRootNode(f), r.setCurrentNode(f), await i.saveTemplate(o.currentBusiness.value._id, [
+            f
           ]);
         },
         {
@@ -5505,12 +5505,12 @@ const Ei = { class: "flex flex-col gap-24 h-full flex-shrink-0 w-[320px] bg-fm-c
         }
       );
     };
-    function f(b) {
+    function p(b) {
       e.value = !1;
-      const p = q(!1), x = async () => {
+      const f = q(!1), x = async () => {
         d.promise(
           async () => {
-            p.value = !0, i.saveTemplate(
+            f.value = !0, i.saveTemplate(
               o.currentBusiness.value._id,
               r.state.node
             );
@@ -5524,7 +5524,7 @@ const Ei = { class: "flex flex-col gap-24 h-full flex-shrink-0 w-[320px] bg-fm-c
             error: () => "Error saving template, please try again"
           }
         ).then(() => {
-          p.value = !1;
+          f.value = !1;
         });
       };
       r.isSaved() ? m(b) : c.open({
@@ -5533,17 +5533,17 @@ const Ei = { class: "flex flex-col gap-24 h-full flex-shrink-0 w-[320px] bg-fm-c
         primaryActions: {
           text: "Save",
           close: !1,
-          isLoading: p
+          isLoading: f
         },
         secondaryActions: {
           text: "Cancel",
           close: !0,
-          disabled: p
+          disabled: f
         },
         tertiaryActions: {
           text: "Discard",
           close: !0,
-          disabled: p,
+          disabled: f,
           variant: "destructive"
         }
       }).onPrimary(async () => {
@@ -5581,8 +5581,8 @@ const Ei = { class: "flex flex-col gap-24 h-full flex-shrink-0 w-[320px] bg-fm-c
     }
     function v(b) {
       e.value = !1;
-      const p = q(b.templateAlias), x = q(!1), C = te(
-        () => p.value === b.templateAlias
+      const f = q(b.templateAlias), x = q(!1), C = te(
+        () => f.value === b.templateAlias
       );
       c.open({
         title: "Rename template",
@@ -5594,8 +5594,8 @@ const Ei = { class: "flex flex-col gap-24 h-full flex-shrink-0 w-[320px] bg-fm-c
         },
         secondaryActions: { text: "Cancel", close: !0 },
         contentComponent: Kt(no.FmTextField, {
-          modelValue: p,
-          "onUpdate:modelValue": (w) => p.value = w
+          modelValue: f,
+          "onUpdate:modelValue": (w) => f.value = w
         })
       }).onPrimary(async () => {
         x.value = !0, d.promise(
@@ -5603,12 +5603,12 @@ const Ei = { class: "flex flex-col gap-24 h-full flex-shrink-0 w-[320px] bg-fm-c
             await i.renameTemplate(
               o.currentBusiness.value._id,
               b.templateId,
-              p.value
+              f.value
             ), x.value = !1, c.close();
           },
           {
             loading: "Renaming template...",
-            success: () => `Template renamed to '${p.value}'`,
+            success: () => `Template renamed to '${f.value}'`,
             error: () => "Error renaming template, please try again"
           }
         );
@@ -5616,20 +5616,20 @@ const Ei = { class: "flex flex-col gap-24 h-full flex-shrink-0 w-[320px] bg-fm-c
     }
     function _(b) {
       e.value = !1;
-      const p = q(!1);
+      const f = q(!1);
       c.open({
         title: "Delete template",
         message: `Are you sure you want to delete ${b.templateAlias}? This action cannot be undone.`,
         primaryActions: {
           text: "Delete",
           close: !1,
-          isLoading: p,
+          isLoading: f,
           variant: "destructive"
         },
         secondaryActions: { text: "Cancel", close: !0 }
       }).onPrimary(async () => {
         var x;
-        p.value = !0, await d.promise(
+        f.value = !0, await d.promise(
           i.deleteTemplate(
             o.currentBusiness.value._id,
             b.templateId
@@ -5639,7 +5639,7 @@ const Ei = { class: "flex flex-col gap-24 h-full flex-shrink-0 w-[320px] bg-fm-c
             success: () => "Template deleted",
             error: () => "Error deleting template, please try again"
           }
-        ), p.value = !1, c.close(), (!i.state.selectedTemplate || ((x = i.state.selectedTemplate) == null ? void 0 : x.templateId) === b.templateId) && l.push({
+        ), f.value = !1, c.close(), (!i.state.selectedTemplate || ((x = i.state.selectedTemplate) == null ? void 0 : x.templateId) === b.templateId) && l.push({
           name: "builder",
           params: {
             templateId: void 0
@@ -5656,12 +5656,12 @@ const Ei = { class: "flex flex-col gap-24 h-full flex-shrink-0 w-[320px] bg-fm-c
       () => i.state.allTemplates.length,
       () => {
       }
-    ), (b, p) => {
+    ), (b, f) => {
       const x = Y("FmIcon"), C = Y("FmChip"), w = Y("FmMenuDivider"), H = Y("FmSearch"), R = Y("FmMenuItem"), j = Y("FmPopover");
       return F(), J(j, {
         width: 300,
         "max-height": 400,
-        onPopoverChanged: p[4] || (p[4] = (D) => e.value = D),
+        onPopoverChanged: f[4] || (f[4] = (D) => e.value = D),
         "show-popover": e.value
       }, {
         "popover-button": k(() => {
@@ -5765,13 +5765,13 @@ const Ei = { class: "flex flex-col gap-24 h-full flex-shrink-0 w-[320px] bg-fm-c
                     name: "edit",
                     outline: "",
                     class: "text-fm-color-neutral-black cursor-pointer",
-                    onClick: p[0] || (p[0] = (D) => v(A(i).state.selectedTemplate))
+                    onClick: f[0] || (f[0] = (D) => v(A(i).state.selectedTemplate))
                   }),
                   I(x, {
                     outline: "",
                     name: "delete",
                     class: "text-fm-color-system-error-300 cursor-pointer",
-                    onClick: p[1] || (p[1] = (D) => _(A(i).state.selectedTemplate))
+                    onClick: f[1] || (f[1] = (D) => _(A(i).state.selectedTemplate))
                   })
                 ])
               ]),
@@ -5779,7 +5779,7 @@ const Ei = { class: "flex flex-col gap-24 h-full flex-shrink-0 w-[320px] bg-fm-c
             ], 64)) : W("", !0),
             I(H, {
               "model-value": a.value,
-              "onUpdate:modelValue": p[2] || (p[2] = (D) => a.value = D),
+              "onUpdate:modelValue": f[2] || (f[2] = (D) => a.value = D),
               class: "p-4",
               placeholder: "Search"
             }, null, 8, ["model-value"]),
@@ -5877,20 +5877,20 @@ const Ei = { class: "flex flex-col gap-24 h-full flex-shrink-0 w-[320px] bg-fm-c
               [Pt, u.value.length === 0]
             ]),
             I(w, { inset: "" }),
-            I(R, { onClick: f }, {
+            I(R, { onClick: p }, {
               prepend: k(() => [
                 I(x, {
                   name: "add",
                   class: "text-fm-color-primary"
                 })
               ]),
-              label: k(() => p[5] || (p[5] = [
+              label: k(() => f[5] || (f[5] = [
                 N("div", { class: "fm-typo-en-body-md-400 text-fm-color-primary" }, " Add new template ", -1)
               ])),
               _: 1
             }),
             I(R, {
-              onClick: p[3] || (p[3] = (D) => f("member"))
+              onClick: f[3] || (f[3] = (D) => p("member"))
             }, {
               prepend: k(() => [
                 I(x, {
@@ -5898,7 +5898,7 @@ const Ei = { class: "flex flex-col gap-24 h-full flex-shrink-0 w-[320px] bg-fm-c
                   class: "text-fm-color-primary"
                 })
               ]),
-              label: k(() => p[6] || (p[6] = [
+              label: k(() => f[6] || (f[6] = [
                 N("div", { class: "fm-typo-en-body-md-400 text-fm-color-primary" }, " Add member template ", -1)
               ])),
               _: 1
@@ -5956,7 +5956,7 @@ const Ei = { class: "flex flex-col gap-24 h-full flex-shrink-0 w-[320px] bg-fm-c
         return T.isPublished ? o.state.activeMemberTemplateId === T.templateId ? "This template has been set as member homepage" : "" : "Template is not published yet";
     }
     const m = te(() => {
-      var T, v, _, b, p, x, C, w;
+      var T, v, _, b, f, x, C, w;
       return [
         {
           label: "Save and publish",
@@ -5987,7 +5987,7 @@ const Ei = { class: "flex flex-col gap-24 h-full flex-shrink-0 w-[320px] bg-fm-c
           sublabelClass: (T = o.state.selectedTemplate) != null && T.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: () => {
-            f();
+            p();
           },
           disabled: !d(o.state.selectedTemplate, "home")
         },
@@ -5997,13 +5997,13 @@ const Ei = { class: "flex flex-col gap-24 h-full flex-shrink-0 w-[320px] bg-fm-c
           sublabelClass: (_ = o.state.selectedTemplate) != null && _.isPublished ? o.state.activeMemberTemplateId === ((b = o.state.selectedTemplate) == null ? void 0 : b.templateId) ? "text-fm-color-typo-warning" : "" : "text-fm-color-typo-warning",
           icon: "account_circle",
           action: () => {
-            f("member");
+            p("member");
           },
           disabled: !d(o.state.selectedTemplate, "member")
         },
         {
           label: "Copy public link view",
-          sublabel: (p = o.state.selectedTemplate) != null && p.templateId.startsWith("member-") || (x = o.state.selectedTemplate) != null && x.isPublished ? "" : "Template is not published yet",
+          sublabel: (f = o.state.selectedTemplate) != null && f.templateId.startsWith("member-") || (x = o.state.selectedTemplate) != null && x.isPublished ? "" : "Template is not published yet",
           sublabelClass: "text-fm-color-typo-warning",
           icon: "link",
           action: () => {
@@ -6013,7 +6013,7 @@ const Ei = { class: "flex flex-col gap-24 h-full flex-shrink-0 w-[320px] bg-fm-c
         }
       ];
     });
-    async function f(T) {
+    async function p(T) {
       r.promise(
         o.setMainPageTemplate(i.currentBusiness.value._id, T),
         {
@@ -6053,7 +6053,7 @@ const Ei = { class: "flex flex-col gap-24 h-full flex-shrink-0 w-[320px] bg-fm-c
       });
     }
     return (T, v) => {
-      const _ = Y("FmButton"), b = Y("FmMenuDivider"), p = Y("FmMenuItem"), x = Y("FmMenu");
+      const _ = Y("FmButton"), b = Y("FmMenuDivider"), f = Y("FmMenuItem"), x = Y("FmMenu");
       return F(), J(x, {
         placement: "bottom-end",
         onMenuChanged: v[0] || (v[0] = (C) => e.value = C)
@@ -6075,7 +6075,7 @@ const Ei = { class: "flex flex-col gap-24 h-full flex-shrink-0 w-[320px] bg-fm-c
                   inset: "",
                   class: "!mx-4 hidden [&:nth-last-child(2)]:block"
                 }),
-                I(p, {
+                I(f, {
                   label: w.label,
                   sublabel: w.sublabel,
                   icon: w.icon,
@@ -6110,7 +6110,7 @@ const Ei = { class: "flex flex-col gap-24 h-full flex-shrink-0 w-[320px] bg-fm-c
                 inset: "",
                 class: "!mx-4"
               }),
-              I(p, {
+              I(f, {
                 disabled: !((C = A(o).state.selectedTemplate) != null && C.isPublished),
                 onClick: g
               }, {
@@ -6342,8 +6342,8 @@ var vn = {};
     for (let u = 0; u < i; u++) {
       s = l = 0, c = d = null;
       for (let m = 0; m < i; m++) {
-        let f = o.get(u, m);
-        f === c ? s++ : (s >= 5 && (r += e.N1 + (s - 5)), c = f, s = 1), f = o.get(m, u), f === d ? l++ : (l >= 5 && (r += e.N1 + (l - 5)), d = f, l = 1);
+        let p = o.get(u, m);
+        p === c ? s++ : (s >= 5 && (r += e.N1 + (s - 5)), c = p, s = 1), p = o.get(m, u), p === d ? l++ : (l >= 5 && (r += e.N1 + (l - 5)), d = p, l = 1);
       }
       s >= 5 && (r += e.N1 + (s - 5)), l >= 5 && (r += e.N1 + (l - 5));
     }
@@ -6914,35 +6914,35 @@ ge.testAlphanumeric = function(e) {
 })(Ae);
 (function(t) {
   const e = re, a = Dt, n = Bt, o = Ae, i = ha, r = 7973, s = e.getBCHDigit(r);
-  function l(m, f, h) {
+  function l(m, p, h) {
     for (let g = 1; g <= 40; g++)
-      if (f <= t.getCapacity(g, h, m))
+      if (p <= t.getCapacity(g, h, m))
         return g;
   }
-  function c(m, f) {
-    return o.getCharCountIndicator(m, f) + 4;
+  function c(m, p) {
+    return o.getCharCountIndicator(m, p) + 4;
   }
-  function d(m, f) {
+  function d(m, p) {
     let h = 0;
     return m.forEach(function(g) {
-      const T = c(g.mode, f);
+      const T = c(g.mode, p);
       h += T + g.getBitsLength();
     }), h;
   }
-  function u(m, f) {
+  function u(m, p) {
     for (let h = 1; h <= 40; h++)
-      if (d(m, h) <= t.getCapacity(h, f, o.MIXED))
+      if (d(m, h) <= t.getCapacity(h, p, o.MIXED))
         return h;
   }
-  t.from = function(f, h) {
-    return i.isValid(f) ? parseInt(f, 10) : h;
-  }, t.getCapacity = function(f, h, g) {
-    if (!i.isValid(f))
+  t.from = function(p, h) {
+    return i.isValid(p) ? parseInt(p, 10) : h;
+  }, t.getCapacity = function(p, h, g) {
+    if (!i.isValid(p))
       throw new Error("Invalid QR Code version");
     typeof g > "u" && (g = o.BYTE);
-    const T = e.getSymbolTotalCodewords(f), v = a.getTotalCodewordsCount(f, h), _ = (T - v) * 8;
+    const T = e.getSymbolTotalCodewords(p), v = a.getTotalCodewordsCount(p, h), _ = (T - v) * 8;
     if (g === o.MIXED) return _;
-    const b = _ - c(g, f);
+    const b = _ - c(g, p);
     switch (g) {
       case o.NUMERIC:
         return Math.floor(b / 10 * 3);
@@ -6954,25 +6954,25 @@ ge.testAlphanumeric = function(e) {
       default:
         return Math.floor(b / 8);
     }
-  }, t.getBestVersionForData = function(f, h) {
+  }, t.getBestVersionForData = function(p, h) {
     let g;
     const T = n.from(h, n.M);
-    if (Array.isArray(f)) {
-      if (f.length > 1)
-        return u(f, T);
-      if (f.length === 0)
+    if (Array.isArray(p)) {
+      if (p.length > 1)
+        return u(p, T);
+      if (p.length === 0)
         return 1;
-      g = f[0];
+      g = p[0];
     } else
-      g = f;
+      g = p;
     return l(g.mode, g.getLength(), T);
-  }, t.getEncodedBits = function(f) {
-    if (!i.isValid(f) || f < 7)
+  }, t.getEncodedBits = function(p) {
+    if (!i.isValid(p) || p < 7)
       throw new Error("Invalid QR Code version");
-    let h = f << 12;
+    let h = p << 12;
     for (; e.getBCHDigit(h) - s >= 0; )
       h ^= r << e.getBCHDigit(h) - s;
-    return f << 12 | h;
+    return p << 12 | h;
   };
 })(xn);
 var wn = {};
@@ -7129,10 +7129,10 @@ var ur = He, Sn = { exports: {} };
       r[n] = 0;
       var s = e.PriorityQueue.make();
       s.push(n, 0);
-      for (var l, c, d, u, m, f, h, g, T; !s.empty(); ) {
+      for (var l, c, d, u, m, p, h, g, T; !s.empty(); ) {
         l = s.pop(), c = l.value, u = l.cost, m = a[c] || {};
         for (d in m)
-          m.hasOwnProperty(d) && (f = m[d], h = u + f, g = r[d], T = typeof r[d] > "u", (T || g > h) && (r[d] = h, s.push(d, h), i[d] = c));
+          m.hasOwnProperty(d) && (p = m[d], h = u + p, g = r[d], T = typeof r[d] > "u", (T || g > h) && (r[d] = h, s.push(d, h), i[d] = c));
       }
       if (typeof o < "u" && typeof r[o] > "u") {
         var v = ["Could not find a path from ", n, " to ", o, "."].join("");
@@ -7194,21 +7194,21 @@ var pr = Sn.exports;
     return unescape(encodeURIComponent(v)).length;
   }
   function d(v, _, b) {
-    const p = [];
+    const f = [];
     let x;
     for (; (x = v.exec(b)) !== null; )
-      p.push({
+      f.push({
         data: x[0],
         index: x.index,
         mode: _,
         length: x[0].length
       });
-    return p;
+    return f;
   }
   function u(v) {
     const _ = d(r.NUMERIC, e.NUMERIC, v), b = d(r.ALPHANUMERIC, e.ALPHANUMERIC, v);
-    let p, x;
-    return s.isKanjiModeEnabled() ? (p = d(r.BYTE, e.BYTE, v), x = d(r.KANJI, e.KANJI, v)) : (p = d(r.BYTE_KANJI, e.BYTE, v), x = []), _.concat(b, p, x).sort(function(w, H) {
+    let f, x;
+    return s.isKanjiModeEnabled() ? (f = d(r.BYTE, e.BYTE, v), x = d(r.KANJI, e.KANJI, v)) : (f = d(r.BYTE_KANJI, e.BYTE, v), x = []), _.concat(b, f, x).sort(function(w, H) {
       return w.index - H.index;
     }).map(function(w) {
       return {
@@ -7230,69 +7230,69 @@ var pr = Sn.exports;
         return o.getBitsLength(v);
     }
   }
-  function f(v) {
+  function p(v) {
     return v.reduce(function(_, b) {
-      const p = _.length - 1 >= 0 ? _[_.length - 1] : null;
-      return p && p.mode === b.mode ? (_[_.length - 1].data += b.data, _) : (_.push(b), _);
+      const f = _.length - 1 >= 0 ? _[_.length - 1] : null;
+      return f && f.mode === b.mode ? (_[_.length - 1].data += b.data, _) : (_.push(b), _);
     }, []);
   }
   function h(v) {
     const _ = [];
     for (let b = 0; b < v.length; b++) {
-      const p = v[b];
-      switch (p.mode) {
+      const f = v[b];
+      switch (f.mode) {
         case e.NUMERIC:
           _.push([
-            p,
-            { data: p.data, mode: e.ALPHANUMERIC, length: p.length },
-            { data: p.data, mode: e.BYTE, length: p.length }
+            f,
+            { data: f.data, mode: e.ALPHANUMERIC, length: f.length },
+            { data: f.data, mode: e.BYTE, length: f.length }
           ]);
           break;
         case e.ALPHANUMERIC:
           _.push([
-            p,
-            { data: p.data, mode: e.BYTE, length: p.length }
+            f,
+            { data: f.data, mode: e.BYTE, length: f.length }
           ]);
           break;
         case e.KANJI:
           _.push([
-            p,
-            { data: p.data, mode: e.BYTE, length: c(p.data) }
+            f,
+            { data: f.data, mode: e.BYTE, length: c(f.data) }
           ]);
           break;
         case e.BYTE:
           _.push([
-            { data: p.data, mode: e.BYTE, length: c(p.data) }
+            { data: f.data, mode: e.BYTE, length: c(f.data) }
           ]);
       }
     }
     return _;
   }
   function g(v, _) {
-    const b = {}, p = { start: {} };
+    const b = {}, f = { start: {} };
     let x = ["start"];
     for (let C = 0; C < v.length; C++) {
       const w = v[C], H = [];
       for (let R = 0; R < w.length; R++) {
         const j = w[R], D = "" + C + R;
-        H.push(D), b[D] = { node: j, lastCount: 0 }, p[D] = {};
+        H.push(D), b[D] = { node: j, lastCount: 0 }, f[D] = {};
         for (let Q = 0; Q < x.length; Q++) {
           const $ = x[Q];
-          b[$] && b[$].node.mode === j.mode ? (p[$][D] = m(b[$].lastCount + j.length, j.mode) - m(b[$].lastCount, j.mode), b[$].lastCount += j.length) : (b[$] && (b[$].lastCount = j.length), p[$][D] = m(j.length, j.mode) + 4 + e.getCharCountIndicator(j.mode, _));
+          b[$] && b[$].node.mode === j.mode ? (f[$][D] = m(b[$].lastCount + j.length, j.mode) - m(b[$].lastCount, j.mode), b[$].lastCount += j.length) : (b[$] && (b[$].lastCount = j.length), f[$][D] = m(j.length, j.mode) + 4 + e.getCharCountIndicator(j.mode, _));
         }
       }
       x = H;
     }
     for (let C = 0; C < x.length; C++)
-      p[x[C]].end = 0;
-    return { map: p, table: b };
+      f[x[C]].end = 0;
+    return { map: f, table: b };
   }
   function T(v, _) {
     let b;
-    const p = e.getBestModeForData(v);
-    if (b = e.from(_, p), b !== e.BYTE && b.bit < p.bit)
+    const f = e.getBestModeForData(v);
+    if (b = e.from(_, f), b !== e.BYTE && b.bit < f.bit)
       throw new Error('"' + v + '" cannot be encoded with mode ' + e.toString(b) + `.
- Suggested mode is: ` + e.toString(p));
+ Suggested mode is: ` + e.toString(f));
     switch (b === e.KANJI && !s.isKanjiModeEnabled() && (b = e.BYTE), b) {
       case e.NUMERIC:
         return new a(v);
@@ -7305,14 +7305,14 @@ var pr = Sn.exports;
     }
   }
   t.fromArray = function(_) {
-    return _.reduce(function(b, p) {
-      return typeof p == "string" ? b.push(T(p, null)) : p.data && b.push(T(p.data, p.mode)), b;
+    return _.reduce(function(b, f) {
+      return typeof f == "string" ? b.push(T(f, null)) : f.data && b.push(T(f.data, f.mode)), b;
     }, []);
   }, t.fromString = function(_, b) {
-    const p = u(_, s.isKanjiModeEnabled()), x = h(p), C = g(x, b), w = l.find_path(C.map, "start", "end"), H = [];
+    const f = u(_, s.isKanjiModeEnabled()), x = h(f), C = g(x, b), w = l.find_path(C.map, "start", "end"), H = [];
     for (let R = 1; R < w.length - 1; R++)
       H.push(C.table[w[R]].node);
-    return t.fromArray(f(H));
+    return t.fromArray(p(H));
   }, t.rawSplit = function(_) {
     return t.fromArray(
       u(_, s.isKanjiModeEnabled())
@@ -7389,23 +7389,23 @@ function Ir(t, e, a) {
   return Er(n, t, e);
 }
 function Er(t, e, a) {
-  const n = Nt.getSymbolTotalCodewords(e), o = ra.getTotalCodewordsCount(e, a), i = n - o, r = ra.getBlocksCount(e, a), s = n % r, l = r - s, c = Math.floor(n / r), d = Math.floor(i / r), u = d + 1, m = c - d, f = new hr(m);
+  const n = Nt.getSymbolTotalCodewords(e), o = ra.getTotalCodewordsCount(e, a), i = n - o, r = ra.getBlocksCount(e, a), s = n % r, l = r - s, c = Math.floor(n / r), d = Math.floor(i / r), u = d + 1, m = c - d, p = new hr(m);
   let h = 0;
   const g = new Array(r), T = new Array(r);
   let v = 0;
   const _ = new Uint8Array(t.buffer);
   for (let w = 0; w < r; w++) {
     const H = w < l ? d : u;
-    g[w] = _.slice(h, h + H), T[w] = f.encode(g[w]), h += H, v = Math.max(v, H);
+    g[w] = _.slice(h, h + H), T[w] = p.encode(g[w]), h += H, v = Math.max(v, H);
   }
   const b = new Uint8Array(n);
-  let p = 0, x, C;
+  let f = 0, x, C;
   for (x = 0; x < v; x++)
     for (C = 0; C < r; C++)
-      x < g[C].length && (b[p++] = g[C][x]);
+      x < g[C].length && (b[f++] = g[C][x]);
   for (x = 0; x < m; x++)
     for (C = 0; C < r; C++)
-      b[p++] = T[C][x];
+      b[f++] = T[C][x];
   return b;
 }
 function Sr(t, e, a, n) {
@@ -7493,10 +7493,10 @@ var An = {}, ya = {};
   }, t.qrToImageData = function(n, o, i) {
     const r = o.modules.size, s = o.modules.data, l = t.getScale(r, i), c = Math.floor((r + i.margin * 2) * l), d = i.margin * l, u = [i.color.light, i.color.dark];
     for (let m = 0; m < c; m++)
-      for (let f = 0; f < c; f++) {
-        let h = (m * c + f) * 4, g = i.color.light;
-        if (m >= d && f >= d && m < c - d && f < c - d) {
-          const T = Math.floor((m - d) / l), v = Math.floor((f - d) / l);
+      for (let p = 0; p < c; p++) {
+        let h = (m * c + p) * 4, g = i.color.light;
+        if (m >= d && p >= d && m < c - d && p < c - d) {
+          const T = Math.floor((m - d) / l), v = Math.floor((p - d) / l);
           g = u[s[T * r + v] ? 1 : 0];
         }
         n[h++] = g.r, n[h++] = g.g, n[h++] = g.b, n[h] = g.a;
@@ -7788,7 +7788,7 @@ const $r = { class: "relative h-full min-w-[500px] flex-1 bg-fm-color-neutral-gr
         I(Lr),
         N("div", {
           class: "h-full w-full px-24 py-48 flex overflow-y-auto",
-          onClick: c[2] || (c[2] = (f) => s(i.value))
+          onClick: c[2] || (c[2] = (p) => s(i.value))
         }, [
           N("div", {
             class: ue(["w-[375px] border border-fm-color-neutral-gray-200 m-auto pb-24", {
@@ -7801,12 +7801,12 @@ const $r = { class: "relative h-full min-w-[500px] flex-1 bg-fm-color-neutral-gr
               ...ma[i.value.type],
               ...i.value.props
             }, {
-              onClick: c[1] || (c[1] = (f) => s(i.value))
+              onClick: c[1] || (c[1] = (p) => s(i.value))
             }), {
               default: k(() => {
-                var f, h;
+                var p, h;
                 return [
-                  i.value.type == "Homepage" && ((f = i.value.props) == null ? void 0 : f.hideCountrySwitcher) !== !0 ? (F(), M("div", Zr, [
+                  i.value.type == "Homepage" && ((p = i.value.props) == null ? void 0 : p.hideCountrySwitcher) !== !0 ? (F(), M("div", Zr, [
                     I(eo, { data: { selectedCountry: "MY" } }),
                     N("div", Ur, [
                       I(d, {
@@ -9321,14 +9321,14 @@ const $r = { class: "relative h-full min-w-[500px] flex-1 bg-fm-color-neutral-gr
       var u, m;
       const d = e.currentBusiness.value._id;
       if (n.state.allTemplates.length > 0) {
-        const f = i.currentRoute.value.params.templateId, h = n.state.allTemplates.find(
-          (v) => f == v.templateId
-        ), g = (u = [...n.state.allTemplates].shift()) == null ? void 0 : u.templateId, T = (h == null ? void 0 : h.templateId) || f || g;
+        const p = typeof i.currentRoute.value.params.templateId == "object" ? i.currentRoute.value.params.templateId[0] : i.currentRoute.value.params.templateId, h = n.state.allTemplates.find(
+          (v) => p == v.templateId
+        ), g = (u = [...n.state.allTemplates].shift()) == null ? void 0 : u.templateId, T = (h == null ? void 0 : h.templateId) || (p != null && p.startsWith("member-") ? p : void 0) || g;
         await a.setFromTemplate(d, T), n.setSelectedTemplate(T), await n.getMainTemplateId(d);
       } else {
         console.log("No templates found, creating a new one"), n.addNewTemplate();
-        const f = r.buildNewNode("Homepage", {});
-        a.setRootNode(f), a.setCurrentNode(f), await n.saveTemplate(d, a.state.node), n.setSelectedTemplate(
+        const p = r.buildNewNode("Homepage", {});
+        a.setRootNode(p), a.setCurrentNode(p), await n.saveTemplate(d, a.state.node), n.setSelectedTemplate(
           n.state.allTemplates[0].templateId
         );
       }
@@ -9345,11 +9345,11 @@ const $r = { class: "relative h-full min-w-[500px] flex-1 bg-fm-color-neutral-gr
       { immediate: !0 }
     ), $e(
       () => i.currentRoute.value.params.templateId,
-      () => {
+      async () => {
         c();
       }
     ), (d, u) => {
-      const m = Y("FmCircularProgress"), f = Y("FmOverlay");
+      const m = Y("FmCircularProgress"), p = Y("FmOverlay");
       return F(), M("div", Tl, [
         I(A(ro), {
           position: "top-right",
@@ -9357,7 +9357,7 @@ const $r = { class: "relative h-full min-w-[500px] flex-1 bg-fm-color-neutral-gr
           "close-button": "",
           duration: 3e3
         }),
-        s.value ? (F(), J(f, {
+        s.value ? (F(), J(p, {
           key: 0,
           "dismiss-away": !1,
           "prevent-backdrop-event": !1,

package/dist/{ListRepeater-dMqxAolL.js → ListRepeater-D9MrLjvV.js}

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

package/dist/{app-CvStn-hu.js → app-CvGPo64A.js}

@@ -18,7 +18,7 @@ const vo = [
         path: ":templateId(.*)*",
         name: "builder",
         component: L(
-          () => import("./BuilderView-BuxIn26s.js")
+          () => import("./BuilderView-DnDoC2sO.js")
         )
       }
     ]
@@ -4706,7 +4706,7 @@ const go = (e) => {
         ),
         BaListRepeater: U(
           L(
-            () => import("./ListRepeater-dMqxAolL.js")
+            () => import("./ListRepeater-D9MrLjvV.js")
           )
         ),
         BaTextStyleList: U(
@@ -4747,7 +4747,7 @@ const go = (e) => {
       }
     })
   );
-}, ho = L(() => import("./App-DlJ8d5SZ.js"));
+}, ho = L(() => import("./App-dnGYM5SW.js"));
 export {
   dn as F,
   pn as a,

package/dist/app.js

@@ -1,5 +1,5 @@
 import "vue";
-import { b as p, c as s, r as t } from "./app-CvStn-hu.js";
+import { b as p, c as s, r as t } from "./app-CvGPo64A.js";
 export {
   p as FmApp,
   s as FormKitPlugin,

package/dist/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@feedmepos/mf-brand-app-builder",
-  "version": "0.5.14-alpha.12",
+  "version": "0.5.14-alpha.13",
   "type": "module",
   "files": [
     "dist"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@feedmepos/mf-brand-app-builder",
-  "version": "0.5.14-alpha.12",
+  "version": "0.5.14-alpha.13",
   "type": "module",
   "files": [
     "dist"