@feedmepos/mf-brand-app-builder 0.5.22-dev.0 → 0.5.22-dev.1

package/dist/{BuilderView-BLM7vEZA.js → BuilderView-Dfl1VhES.js}

@@ -1,81 +1,37 @@
-import { resolveComponent as V, TransitionGroup as Qn, defineComponent as se, h as ma, nextTick as rn, isRef as eo, isReactive as to, isProxy as ao, toRaw as no, ref as q, computed as ie, openBlock as F, createElementBlock as Z, Fragment as Le, renderList as vt, createElementVNode as I, toDisplayString as j, unref as v, createVNode as w, withCtx as M, createBlock as ae, createCommentVNode as Q, normalizeClass as ye, watch as tt, withDirectives as Gt, withModifiers as ba, vShow as Jt, createTextVNode as oo, onMounted as ln, resolveDynamicComponent as Ma, mergeProps as ro, normalizeProps as io, guardReactiveProps as lo, normalizeStyle as so, renderSlot as wa, provide as co, inject as uo, markRaw as po } from "vue";
-import { T as mo, u as Ge } from "./index-V999lx_3.js";
-import { defineStore as bo, storeToRefs as fo } from "pinia";
-import { p as go } from "./views-BDWw3w14.js";
-import { a as ho } from "./index-CvbnxMT4.js";
+import { resolveComponent as V, TransitionGroup as eo, defineComponent as se, h as ma, nextTick as ln, isRef as to, isReactive as ao, isProxy as no, toRaw as oo, ref as q, computed as ie, openBlock as F, createElementBlock as Z, Fragment as Le, renderList as vt, createElementVNode as I, toDisplayString as j, unref as v, createVNode as w, withCtx as M, createBlock as ae, createCommentVNode as Q, normalizeClass as ye, watch as tt, withDirectives as Gt, withModifiers as ba, vShow as Jt, createTextVNode as ro, onMounted as sn, resolveDynamicComponent as Ma, mergeProps as io, normalizeProps as lo, guardReactiveProps as so, normalizeStyle as co, renderSlot as wa, provide as uo, inject as po, markRaw as mo } from "vue";
+import { T as bo, u as Ge } from "./index-ChMgx2Hq.js";
+import { defineStore as fo, storeToRefs as go } from "pinia";
+import { p as ho } from "./views-BDWw3w14.js";
+import { a as yo } from "./index-BXwbQwb-.js";
 import { v as Ra } from "./v4-ANoOI1Qw.js";
-import { _ as yo } from "./Icon.vue_vue_type_style_index_0_lang-CVCHCcWR.js";
-import { B as sn } from "./BaDivider-DWZv3fqi.js";
+import { _ as vo } from "./Icon.vue_vue_type_style_index_0_lang-CVCHCcWR.js";
+import { B as dn } from "./BaDivider-DWZv3fqi.js";
 import { useI18n as Ze, useCoreStore as We } from "@feedmepos/mf-common";
-import { C as $a, _ as vo, a as To } from "./main--RZvbXYz.js";
-import { useDialog as xo, components as Co, useSnackbar as _o } from "@feedmepos/ui-library";
-import { useRouter as dn } from "vue-router";
+import { C as $a, _ as To, a as xo } from "./main-8cObQmGm.js";
+import { useDialog as Co, components as _o, useSnackbar as wo } from "@feedmepos/ui-library";
+import { useRouter as cn } from "vue-router";
 import { u as Ia } from "./index-DzaJbB6y.js";
-import { u as Ea } from "./index-BodukiEf.js";
-import { K as wo, V as Io } from "./vue-sonner-PX6Req0V.js";
-import { F as Eo, a as So } from "./app-OPl2Khtq.js";
+import { u as Ea } from "./index-5BRydZO9.js";
+import { K as Io, V as Eo } from "./vue-sonner-PX6Req0V.js";
+import { F as So, a as Ao } from "./app-CJ2VgCHp.js";
 const {
-  Axios: Ls,
-  AxiosError: Ao,
-  CanceledError: ks,
-  isCancel: Ds,
-  CancelToken: Fs,
-  VERSION: Ns,
-  all: Os,
-  Cancel: Ps,
-  isAxiosError: Ms,
-  spread: Rs,
-  toFormData: $s,
-  AxiosHeaders: Zs,
-  HttpStatusCode: Us,
-  formToJSON: Vs,
-  getAdapter: Hs,
-  mergeConfig: Ys
-} = ho, cn = {
-  colors: {
-    primary: "#ff7823",
-    secondary: "#fff3e6",
-    accent: "#fff3e6",
-    background: {
-      base: "#F8F8F8",
-      elevated: "#FFFFFF"
-    },
-    neutral: {
-      light: "#ECF0F0",
-      mid: "#555555",
-      dark: "#1C1C1E"
-    },
-    text: {
-      onPrimary: "#FFFFFF",
-      primary: "#1C1C1E",
-      secondary: "#555555",
-      tertiary: "#A2A09E"
-    },
-    status: {
-      success: "#10B981",
-      warning: "#F59E0B",
-      error: "#EF4444",
-      info: "#3B82F6"
-      // Add info if missing previously
-    }
-  },
-  fonts: {
-    brand: "'Inter', sans-serif",
-    heading: "'Inter', sans-serif",
-    body: "'Roboto', sans-serif"
-  },
-  fontFamilies: []
-};
-function Bo(t = cn, e) {
-  const a = document.documentElement, n = (l, i) => {
-    i && a.style.setProperty(`--brand-${l}`, i);
-  }, { colors: o, fonts: r } = t;
-  n("color-primary", o.primary), n("color-secondary", o.secondary), n("color-accent", o.accent), n("color-background-base", o.background.base), n("color-background-elevated", o.background.elevated), n("color-neutral-light", o.neutral.light), n("color-neutral-mid", o.neutral.mid), n("color-neutral-dark", o.neutral.dark), n("color-typo-on-primary", o.text.onPrimary), n("color-typo-primary", o.text.primary), n("color-typo-secondary", o.text.secondary), n("color-typo-tertiary", o.text.tertiary), n("color-status-success", o.status.success), n("color-status-warning", o.status.warning), n("color-status-error", o.status.error), n("color-status-info", o.status.info), n("font-family-brand", r.brand), n("font-family-heading", r.heading ?? r.brand), n("font-family-body", r.body ?? r.brand);
-  for (const l of t.fontFamilies ?? []) {
-    const i = document.createElement("link");
-    i.rel = "stylesheet", i.href = l.stylesheet, document.head.appendChild(i);
-  }
-}
+  Axios: ks,
+  AxiosError: Bo,
+  CanceledError: Ds,
+  isCancel: Fs,
+  CancelToken: Ns,
+  VERSION: Os,
+  all: Ps,
+  Cancel: Ms,
+  isAxiosError: Rs,
+  spread: $s,
+  toFormData: Zs,
+  AxiosHeaders: Us,
+  HttpStatusCode: Vs,
+  formToJSON: Hs,
+  getAdapter: Ys,
+  mergeConfig: zs
+} = yo;
 /**!
  * Sortable 1.14.0
  * @author	RubaXa   <trash@rubaxa.org>
@@ -867,8 +823,8 @@ S.prototype = /** @lends Sortable.prototype */
         fromSortable: m,
         target: n,
         completed: y,
-        onMove: function(Pa, qn) {
-          return At($, a, h, o, Pa, X(Pa), e, qn);
+        onMove: function(Pa, Qn) {
+          return At($, a, h, o, Pa, X(Pa), e, Qn);
         },
         changed: T
       }, lt));
@@ -1570,7 +1526,7 @@ function vr(t) {
   return {
     transition: e,
     externalComponent: a,
-    tag: a ? V(t) : e ? Qn : t
+    tag: a ? V(t) : e ? eo : t
   };
 }
 function Tr({ $slots: t, tag: e, realList: a, getKey: n }) {
@@ -1578,7 +1534,7 @@ function Tr({ $slots: t, tag: e, realList: a, getKey: n }) {
   return new gr({ nodes: o, root: r, realList: a });
 }
 function Bn(t, e) {
-  rn(() => this.$emit(t.toLowerCase(), e));
+  ln(() => this.$emit(t.toLowerCase(), e));
 }
 function Ln(t) {
   return (e, a) => {
@@ -1710,7 +1666,7 @@ const Cr = {
       return t.__draggable_component__;
     },
     emitChanges(t) {
-      rn(() => this.$emit("change", t));
+      ln(() => this.$emit("change", t));
     },
     alterList(t) {
       if (this.list) {
@@ -5344,10 +5300,10 @@ const Cr = {
   _ReferralTutorial: Hr
 }, Symbol.toStringTag, { value: "Module" }));
 function zr(t) {
-  const e = (a) => Array.isArray(a) ? a.map((n) => e(n)) : eo(a) || to(a) || ao(a) ? e(no(a)) : a && typeof a == "object" ? Object.keys(a).reduce((n, o) => (n[o] = e(a[o]), n), {}) : a;
+  const e = (a) => Array.isArray(a) ? a.map((n) => e(n)) : to(a) || ao(a) || no(a) ? e(oo(a)) : a && typeof a == "object" ? Object.keys(a).reduce((n, o) => (n[o] = e(a[o]), n), {}) : a;
   return e(t);
 }
-const Ue = bo("editor", () => {
+const Ue = fo("editor", () => {
   const t = q({
     node: [],
     selectedNode: null,
@@ -5361,13 +5317,13 @@ const Ue = bo("editor", () => {
     t.value.firstFetchedData = JSON.stringify(d), t.value.node = [d];
   }
   async function n(d, c) {
-    await mo.getTemplateById(d, "drafts", c).then((p) => {
+    await bo.getTemplateById(d, "drafts", c).then((p) => {
       p && (a(p[0]), o(p[0]));
     }).catch(async (p) => {
       var b;
       const m = Ct(), u = Ge();
-      if (p instanceof Ao && ((b = p.response) == null ? void 0 : b.data) == "Template not found") {
-        const g = go.find(
+      if (p instanceof Bo && ((b = p.response) == null ? void 0 : b.data) == "Template not found") {
+        const g = ho.find(
           (B) => B.templateId == c
         );
         if (g) {
@@ -5491,7 +5447,7 @@ const jr = { class: "flex flex-col gap-24 h-full flex-shrink-0 w-[320px] bg-fm-c
         }, {
           item: M(({ element: p }) => [
             I("div", Jr, [
-              w(yo, {
+              w(vo, {
                 class: "text-[24px] text-fm-color-typo-secondary",
                 name: p.icon
               }, null, 8, ["name"]),
@@ -5500,7 +5456,7 @@ const jr = { class: "flex flex-col gap-24 h-full flex-shrink-0 w-[320px] bg-fm-c
           ]),
           _: 2
         }, 1032, ["list"]),
-        c !== v(qa).length - 1 ? (F(), ae(sn, {
+        c !== v(qa).length - 1 ? (F(), ae(dn, {
           key: 0,
           class: "mt-12"
         })) : Q("", !0)
@@ -5510,7 +5466,7 @@ const jr = { class: "flex flex-col gap-24 h-full flex-shrink-0 w-[320px] bg-fm-c
 }), qr = { class: "absolute z-10 flex items-center gap-8 bottom-24 left-1/2 transform -translate-x-1/2 bg-fm-color-neutral-white border border-fm-color-neutral-gray-100 rounded-lg p-8 shadow-light-600" }, Qr = /* @__PURE__ */ se({
   __name: "EditorFloatingToobar",
   setup(t) {
-    const e = Ue(), { state: a } = fo(e), n = Ct(), o = ie(
+    const e = Ue(), { state: a } = go(e), n = Ct(), o = ie(
       () => a.value.selectedNode && a.value.node.length > 0
     ), r = [
       // {
@@ -6098,7 +6054,7 @@ const ni = { class: "mb-24" }, oi = { class: "fm-typo-en-title-lg-700 text-fm-co
 }), xi = { 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" }, Ci = { class: "bg-fm-color-neutral-white px-8 py-8 border border-fm-color-opacity-sm rounded-sm" }, _i = { class: "py-8 px-12 w-full flex items-center justify-between gap-8 transition-all duration-500" }, wi = { class: "flex items-center gap-8" }, Ii = { class: "fm-typo-en-body-md-600 text-fm-color-typo-primary" }, Ei = { class: "flex items-center gap-8" }, Si = { class: "overflow-y-auto" }, Ai = { class: "flex items-center gap-8" }, Bi = { class: "fm-typo-en-body-md-400 text-fm-color-primary" }, Li = { class: "fm-typo-en-body-md-400 text-fm-color-primary" }, ki = /* @__PURE__ */ se({
   __name: "TemplatePicker",
   setup(t) {
-    const e = q(!1), a = q(""), n = q(""), o = q(!1), r = q("default"), l = We(), i = Ge(), s = Ue(), d = Ct(), c = dn(), p = xo(), m = Ia(), { t: u } = Ze(), b = ie(
+    const e = q(!1), a = q(""), n = q(""), o = q(!1), r = q("default"), l = We(), i = Ge(), s = Ue(), d = Ct(), c = cn(), p = Co(), m = Ia(), { t: u } = Ze(), b = ie(
       () => i.state.allTemplates.filter(
         (C) => {
           var _;
@@ -6224,7 +6180,7 @@ const ni = { class: "mb-24" }, oi = { class: "fm-typo-en-title-lg-700 text-fm-co
           isLoading: A
         },
         secondaryActions: { text: u("brand.template.picker.cancel"), close: !0 },
-        contentComponent: ma(Co.FmTextField, {
+        contentComponent: ma(_o.FmTextField, {
           modelValue: _,
           "onUpdate:modelValue": (ne) => _.value = ne
         })
@@ -8235,7 +8191,7 @@ const Cl = { class: "flex items-center justify-center" }, _l = { class: "w-full
   setup(t) {
     const e = q(), a = We(), n = Ge(), { t: o } = Ze(), r = q(!1), l = ie(() => `${`${"https://{slug}.feedmedev.vip".replace("{slug}", `${a.currentBusiness.value.url ?? a.currentBusiness.value._id}`)}`}/preview/${n.state.selectedTemplate.templateId}`);
     function i() {
-      wo.promise(navigator.clipboard.writeText(l.value), {
+      Io.promise(navigator.clipboard.writeText(l.value), {
         loading: o("brand.template.shareMenu.copying"),
         success: () => o("brand.template.shareMenu.linkCopied"),
         error: () => o("brand.template.shareMenu.errorCopyingLink")
@@ -8279,7 +8235,7 @@ const Cl = { class: "flex items-center justify-center" }, _l = { class: "w-full
           }, 8, ["content"])
         ]),
         "dialog-header": M(() => [
-          oo(j(v(o)("brand.template.shareMenu.share")), 1)
+          ro(j(v(o)("brand.template.shareMenu.share")), 1)
         ]),
         default: M(() => [
           I("div", Cl, [
@@ -8309,7 +8265,7 @@ const Cl = { class: "flex items-center justify-center" }, _l = { class: "w-full
 }), Il = { class: "p-8 flex gap-8 items-center justify-between border-b border-fm-color-neutral-gray-200 bg-fm-color-neutral-white" }, El = { class: "flex gap-8 items-center" }, Sl = /* @__PURE__ */ se({
   __name: "EditorToolbar",
   setup(t) {
-    const e = Ue(), a = Ge(), n = We(), o = _o(), r = Ia(), { t: l } = Ze();
+    const e = Ue(), a = Ge(), n = We(), o = wo(), r = Ia(), { t: l } = Ze();
     function i() {
       if (!e.state.node) {
         o.open(
@@ -8353,13 +8309,60 @@ const Cl = { class: "flex items-center justify-center" }, _l = { class: "w-full
       ]);
     };
   }
-}), Al = { class: "relative h-full min-w-[500px] flex-1 bg-fm-color-neutral-gray-100 flex flex-col" }, Bl = { class: "w-[375px] border border-fm-color-neutral-gray-200 m-auto pb-24 bg-brand-background-base" }, Ll = {
+}), nn = /* @__PURE__ */ new Set(), Kn = {
+  colors: {
+    primary: "#ff7823",
+    secondary: "#fff3e6",
+    accent: "#fff3e6",
+    background: {
+      base: "#F8F8F8",
+      elevated: "#FFFFFF"
+    },
+    neutral: {
+      light: "#ECF0F0",
+      mid: "#555555",
+      dark: "#1C1C1E"
+    },
+    text: {
+      onPrimary: "#FFFFFF",
+      primary: "#1C1C1E",
+      secondary: "#555555",
+      tertiary: "#A2A09E"
+    },
+    status: {
+      success: "#10B981",
+      warning: "#F59E0B",
+      error: "#EF4444",
+      info: "#3B82F6"
+      // Add info if missing previously
+    }
+  },
+  fonts: {
+    brand: "'Inter', sans-serif",
+    heading: "'Inter', sans-serif",
+    body: "'Roboto', sans-serif"
+  }
+};
+function Al(t = Kn, e) {
+  const a = document.documentElement, n = (l, i) => {
+    i && a.style.setProperty(`--brand-${l}`, i);
+  }, { colors: o, fonts: r } = t;
+  n("color-primary", o.primary), n("color-secondary", o.secondary), n("color-accent", o.accent), n("color-background-base", o.background.base), n("color-background-elevated", o.background.elevated), n("color-neutral-light", o.neutral.light), n("color-neutral-mid", o.neutral.mid), n("color-neutral-dark", o.neutral.dark), n("color-typo-on-primary", o.text.onPrimary), n("color-typo-primary", o.text.primary), n("color-typo-secondary", o.text.secondary), n("color-typo-tertiary", o.text.tertiary), n("color-status-success", o.status.success), n("color-status-warning", o.status.warning), n("color-status-error", o.status.error), n("color-status-info", o.status.info), n("font-family-brand", r.brand), n("font-family-heading", r.heading ?? r.brand), n("font-family-body", r.body ?? r.brand);
+  for (const l of t.fontFamilies ?? []) {
+    const i = l.stylesheet;
+    if (!i || nn.has(i) || document.querySelector(`link[href="${i}"]`))
+      continue;
+    const s = document.createElement("link");
+    s.rel = "stylesheet", s.href = i, s.setAttribute("data-brand-font", i), document.head.appendChild(s), nn.add(i);
+  }
+}
+const Bl = { class: "relative h-full min-w-[500px] flex-1 bg-fm-color-neutral-gray-100 flex flex-col" }, Ll = { class: "w-[375px] border border-fm-color-neutral-gray-200 m-auto pb-24 bg-brand-background-base" }, kl = {
   key: 0,
   class: "flex items-center justify-between pt-8 px-12"
-}, kl = { 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" }, Dl = ["onClickCapture"], Fl = {
+}, Dl = { class: "flex items-center justify-center cursor-pointer rounded-full text-fm-color-typo-secondary !h-32 !w-32 border-1 border-fm-color-neutral-gray-200" }, Fl = ["onClickCapture"], Nl = {
   key: 0,
   class: "w-full h-[100px] flex items-center justify-center text-fm-color-typo-secondary mt-24"
-}, Nl = /* @__PURE__ */ se({
+}, Ol = /* @__PURE__ */ se({
   __name: "Editor",
   setup(t) {
     const e = Ue(), a = We(), n = Ea(), o = ie({
@@ -8377,26 +8380,26 @@ const Cl = { class: "flex items-center justify-center" }, _l = { class: "w-full
     return tt(
       () => a.currentBusiness.value,
       async (s, d) => {
-        s && s.id != (d == null ? void 0 : d.id) && (await n.getBusinessBrandkit(s.id), Bo(n.state.brandkit ?? cn));
+        s && s.id != (d == null ? void 0 : d.id) && (await n.getBusinessBrandkit(s.id), Al(n.state.brandkit ?? Kn));
       },
       {
         immediate: !0
       }
-    ), ln(() => {
+    ), sn(() => {
       window.addEventListener("beforeunload", function(s) {
         if (!e.isSaved())
           return s.preventDefault(), "Changes you made may not be saved.";
       });
     }), (s, d) => {
       const c = V("FmIcon");
-      return F(), Z("div", Al, [
+      return F(), Z("div", Bl, [
         w(Sl),
         I("div", {
           class: "h-full w-full px-24 py-48 flex overflow-y-auto",
           onClick: d[2] || (d[2] = (p) => i(r.value))
         }, [
-          I("div", Bl, [
-            r.value ? (F(), ae(Ma($a[r.value.type]), ro({ key: 0 }, {
+          I("div", Ll, [
+            r.value ? (F(), ae(Ma($a[r.value.type]), io({ key: 0 }, {
               data: r.value.data,
               ...La[r.value.type],
               ...r.value.props
@@ -8406,9 +8409,9 @@ const Cl = { class: "flex items-center justify-center" }, _l = { class: "w-full
               default: M(() => {
                 var p, m;
                 return [
-                  r.value.type == "Homepage" && ((p = r.value.props) == null ? void 0 : p.hideCountrySwitcher) !== !0 ? (F(), Z("div", Ll, [
-                    w(vo, { data: { selectedCountry: "MY" } }),
-                    I("div", kl, [
+                  r.value.type == "Homepage" && ((p = r.value.props) == null ? void 0 : p.hideCountrySwitcher) !== !0 ? (F(), Z("div", kl, [
+                    w(To, { data: { selectedCountry: "MY" } }),
+                    I("div", Dl, [
                       w(c, {
                         class: "rounded-full",
                         name: "account_circle",
@@ -8416,7 +8419,7 @@ const Cl = { class: "flex items-center justify-center" }, _l = { class: "w-full
                       })
                     ])
                   ])) : Q("", !0),
-                  r.value.type == "Homepage" && ((m = r.value.props) == null ? void 0 : m.showNavigationBar) == !0 ? (F(), ae(To, {
+                  r.value.type == "Homepage" && ((m = r.value.props) == null ? void 0 : m.showNavigationBar) == !0 ? (F(), ae(xo, {
                     key: 1,
                     title: "Member",
                     className: "block"
@@ -8436,24 +8439,24 @@ const Cl = { class: "flex items-center justify-center" }, _l = { class: "w-full
                           class: "relative cursor-grab",
                           onClickCapture: ba((B) => i(u), ["prevent", "stop"])
                         }, [
-                          (F(), ae(Ma($a[u.type]), io(lo({ data: u.data, ...u.props })), null, 16)),
+                          (F(), ae(Ma($a[u.type]), lo(so({ data: u.data, ...u.props })), null, 16)),
                           u._id === ((b = l.value) == null ? void 0 : b._id) ? (F(), Z("div", {
                             key: 0,
                             class: ye({
                               "w-full h-full absolute top-0 left-0 z-10": u._id === ((g = l.value) == null ? void 0 : g._id)
                             }),
-                            style: so({
+                            style: co({
                               paddingLeft: u.props.marginLeft,
                               paddingRight: u.props.marginRight
                             })
                           }, d[3] || (d[3] = [
                             I("div", { class: "w-full h-full border-2 border-fm-color-system-info-200" }, null, -1)
                           ]), 6)) : Q("", !0)
-                        ], 40, Dl)
+                        ], 40, Fl)
                       ];
                     }),
                     footer: M(() => [
-                      o.value.length ? Q("", !0) : (F(), Z("div", Fl, [
+                      o.value.length ? Q("", !0) : (F(), Z("div", Nl, [
                         w(c, { name: "drag_indicator" }),
                         d[4] || (d[4] = I("div", { class: "fm-typo-en-body-sm-400" }, " Drag and drop components here ", -1))
                       ]))
@@ -8470,7 +8473,7 @@ const Cl = { class: "flex items-center justify-center" }, _l = { class: "w-full
       ]);
     };
   }
-}), pa = (t) => t, Ol = [
+}), pa = (t) => t, Pl = [
   {
     $cmp: "ConfigTab",
     props: { title: pa("brand.template.nodeConfig.pageSetting") },
@@ -8686,7 +8689,7 @@ const Cl = { class: "flex items-center justify-center" }, _l = { class: "w-full
       }
     ]
   }
-], W = (t) => t, Pl = [
+], W = (t) => t, Ml = [
   {
     $cmp: "ConfigTab",
     props: { title: W("brand.template.nodeConfig.displayText.title") },
@@ -8849,7 +8852,7 @@ const Cl = { class: "flex items-center justify-center" }, _l = { class: "w-full
       }
     ]
   }
-], G = (t) => t, Ml = [
+], G = (t) => t, Rl = [
   {
     $cmp: "ConfigTab",
     props: { title: G("brand.template.nodeConfig.buttonList.title") },
@@ -8996,7 +8999,7 @@ const Cl = { class: "flex items-center justify-center" }, _l = { class: "w-full
       }
     ]
   }
-], Te = (t) => t, Rl = [
+], Te = (t) => t, $l = [
   {
     $cmp: "ConfigTab",
     props: { title: Te("brand.template.nodeConfig.displayImage.title") },
@@ -9094,7 +9097,7 @@ const Cl = { class: "flex items-center justify-center" }, _l = { class: "w-full
       }
     ]
   }
-], de = (t) => t, $l = [
+], de = (t) => t, Zl = [
   {
     $cmp: "ConfigTab",
     props: { title: de("brand.template.nodeConfig.carousel.title") },
@@ -9214,7 +9217,7 @@ const Cl = { class: "flex items-center justify-center" }, _l = { class: "w-full
       }
     ]
   }
-], K = (t) => t, Zl = [
+], K = (t) => t, Ul = [
   {
     $cmp: "ConfigTab",
     props: { title: K("brand.template.nodeConfig.memberCard.title") },
@@ -9350,7 +9353,7 @@ const Cl = { class: "flex items-center justify-center" }, _l = { class: "w-full
       }
     ]
   }
-], oe = (t) => t, Ul = [
+], oe = (t) => t, Vl = [
   {
     $cmp: "ConfigTab",
     props: { title: oe("brand.template.nodeConfig.orderMethod.title") },
@@ -9471,7 +9474,7 @@ const Cl = { class: "flex items-center justify-center" }, _l = { class: "w-full
       }
     ]
   }
-], Oe = (t) => t, Vl = [
+], Oe = (t) => t, Hl = [
   {
     $cmp: "ConfigTab",
     props: { title: Oe("brand.template.nodeConfig.branchList.title") },
@@ -9531,7 +9534,7 @@ const Cl = { class: "flex items-center justify-center" }, _l = { class: "w-full
       }
     ]
   }
-], Be = (t) => t, Hl = [
+], Be = (t) => t, Yl = [
   {
     $cmp: "ConfigTab",
     props: {
@@ -9606,22 +9609,22 @@ const Cl = { class: "flex items-center justify-center" }, _l = { class: "w-full
       }
     ]
   }
-], nn = (t) => t, Yl = [
+], on = (t) => t, zl = [
   {
     $cmp: "ConfigTab",
-    props: { title: nn("brand.template.nodeConfig.memberSummary.title") },
+    props: { title: on("brand.template.nodeConfig.memberSummary.title") },
     children: [
       {
         $cmp: "ConfigTabItem",
         props: {
-          title: nn("brand.template.nodeConfig.memberSummary.frameTitle"),
+          title: on("brand.template.nodeConfig.memberSummary.frameTitle"),
           value: "frame"
         },
         children: [...be]
       }
     ]
   }
-], st = (t) => t, zl = [
+], st = (t) => t, jl = [
   {
     $cmp: "ConfigTab",
     props: { title: st("brand.template.nodeConfig.memberCards.title") },
@@ -9664,7 +9667,7 @@ const Cl = { class: "flex items-center justify-center" }, _l = { class: "w-full
       }
     ]
   }
-], ge = (t) => t, jl = [
+], ge = (t) => t, Wl = [
   {
     $cmp: "ConfigTab",
     props: { title: ge("brand.template.nodeConfig.memberAchievements.title") },
@@ -9765,7 +9768,7 @@ const Cl = { class: "flex items-center justify-center" }, _l = { class: "w-full
       }
     ]
   }
-], _e = (t) => t, Wl = [
+], _e = (t) => t, Gl = [
   {
     $cmp: "ConfigTab",
     props: { title: _e("brand.template.nodeConfig.creditHistory.title") },
@@ -9809,7 +9812,7 @@ const Cl = { class: "flex items-center justify-center" }, _l = { class: "w-full
       }
     ]
   }
-], Gl = [
+], Jl = [
   {
     $cmp: "ConfigTab",
     props: { title: _e("brand.template.nodeConfig.pointHistory.title") },
@@ -9851,10 +9854,10 @@ const Cl = { class: "flex items-center justify-center" }, _l = { class: "w-full
       }
     ]
   }
-], Jl = (t) => t, Xl = [
+], Xl = (t) => t, Kl = [
   {
     $cmp: "ConfigTab",
-    props: { title: Jl("brand.template.nodeConfig.memberProfile.title") },
+    props: { title: Xl("brand.template.nodeConfig.memberProfile.title") },
     children: [
       // {
       //   $cmp: 'ConfigTabItem',
@@ -9892,7 +9895,7 @@ const Cl = { class: "flex items-center justify-center" }, _l = { class: "w-full
       // },
     ]
   }
-], Ke = (t) => t, Kl = [
+], Ke = (t) => t, ql = [
   {
     $cmp: "ConfigTab",
     props: {
@@ -9964,15 +9967,15 @@ const Cl = { class: "flex items-center justify-center" }, _l = { class: "w-full
       }
     ]
   }
-], on = (t) => t, ql = [
+], rn = (t) => t, Ql = [
   {
     $cmp: "ConfigTab",
-    props: { title: on("brand.template.nodeConfig.referral.imageTitle") },
+    props: { title: rn("brand.template.nodeConfig.referral.imageTitle") },
     children: [
       {
         $cmp: "ConfigTabItem",
         props: {
-          title: on("brand.template.nodeConfig.referral.contentTitle"),
+          title: rn("brand.template.nodeConfig.referral.contentTitle"),
           value: "design"
         },
         children: [
@@ -9981,30 +9984,30 @@ const Cl = { class: "flex items-center justify-center" }, _l = { class: "w-full
       }
     ]
   }
-], Ql = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+], es = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  BranchList: Vl,
-  ButtonList: Ml,
+  BranchList: Hl,
+  ButtonList: Rl,
   Container: be,
-  Homepage: Ol,
-  ImageCarousel: $l,
-  ImageDisplay: Rl,
-  MemberAchievements: jl,
-  MemberCard: Zl,
-  MemberCards: zl,
-  MemberSummary: Yl,
-  OrderHistoryCard: Hl,
-  OrderMethod: Ul,
-  TextDisplay: Pl,
-  _Credit: Wl,
-  _MemberProfile: Xl,
-  _Point: Gl,
-  _Referral: ql,
-  _ReferralTutorial: Kl
-}, Symbol.toStringTag, { value: "Module" })), es = {
+  Homepage: Pl,
+  ImageCarousel: Zl,
+  ImageDisplay: $l,
+  MemberAchievements: Wl,
+  MemberCard: Ul,
+  MemberCards: jl,
+  MemberSummary: zl,
+  OrderHistoryCard: Yl,
+  OrderMethod: Vl,
+  TextDisplay: Ml,
+  _Credit: Gl,
+  _MemberProfile: Kl,
+  _Point: Jl,
+  _Referral: Ql,
+  _ReferralTutorial: ql
+}, Symbol.toStringTag, { value: "Module" })), ts = {
   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"
-}, ts = { class: "flex flex-col gap-16 px-12" }, as = /* @__PURE__ */ se({
+}, as = { class: "flex flex-col gap-16 px-12" }, ns = /* @__PURE__ */ se({
   __name: "ConfigSection",
   props: {
     label: {}
@@ -10012,20 +10015,20 @@ const Cl = { class: "flex items-center justify-center" }, _l = { class: "w-full
   setup(t) {
     const { t: e } = Ze();
     return (a, n) => (F(), Z("div", null, [
-      a.label ? (F(), Z("div", es, j(v(e)(a.label)), 1)) : Q("", !0),
-      I("div", ts, [
+      a.label ? (F(), Z("div", ts, j(v(e)(a.label)), 1)) : Q("", !0),
+      I("div", as, [
         wa(a.$slots, "default")
       ])
     ]));
   }
-}), Kn = Symbol.for("ba:config-tab"), ns = { class: "p-16 w-full fm-typo-en-body-md-600 text-fm-color-typo-primary" }, os = { class: "flex items-center w-full border-b border-fm-color-neutral-gray-100" }, rs = /* @__PURE__ */ se({
+}), qn = Symbol.for("ba:config-tab"), os = { class: "p-16 w-full fm-typo-en-body-md-600 text-fm-color-typo-primary" }, rs = { class: "flex items-center w-full border-b border-fm-color-neutral-gray-100" }, is = /* @__PURE__ */ se({
   __name: "ConfigTab",
   props: {
     title: {}
   },
   setup(t) {
     const { t: e } = Ze(), a = q([]), n = q("");
-    co(Kn, {
+    uo(qn, {
       register(r) {
         a.value = [...a.value, r].map(
           (l) => ({
@@ -10042,9 +10045,9 @@ const Cl = { class: "flex items-center justify-center" }, _l = { class: "w-full
     return (r, l) => {
       const i = V("FmTab");
       return F(), Z("div", null, [
-        I("div", ns, j(v(e)(r.title)), 1),
-        w(sn),
-        I("div", os, [
+        I("div", os, j(v(e)(r.title)), 1),
+        w(dn),
+        I("div", rs, [
           (F(!0), Z(Le, null, vt(a.value, (s) => (F(), ae(i, {
             "model-value": n.value,
             "onUpdate:modelValue": l[0] || (l[0] = (d) => o(d)),
@@ -10056,39 +10059,39 @@ const Cl = { class: "flex items-center justify-center" }, _l = { class: "w-full
       ]);
     };
   }
-}), is = { key: 0 }, ls = { class: "flex flex-col gap-24 py-24" }, ss = /* @__PURE__ */ se({
+}), ls = { key: 0 }, ss = { class: "flex flex-col gap-24 py-24" }, ds = /* @__PURE__ */ se({
   __name: "ConfigTabItem",
   props: {
     title: {},
     value: {}
   },
   setup(t) {
-    const e = t, a = uo(Kn, null);
-    return ln(() => {
+    const e = t, a = po(qn, null);
+    return sn(() => {
       a ? a.register(e) : console.warn("ConfigTabItem is to be used with ConfigTab as parent");
     }), (n, o) => {
       var r;
-      return ((r = v(a)) == null ? void 0 : r.currentTab.value) === n.value ? (F(), Z("div", is, [
-        I("div", ls, [
+      return ((r = v(a)) == null ? void 0 : r.currentTab.value) === n.value ? (F(), Z("div", ls, [
+        I("div", ss, [
           wa(n.$slots, "default")
         ])
       ])) : Q("", !0);
     };
   }
-}), ds = { class: "h-full flex-shrink-0 w-[308px] bg-fm-color-neutral-white border-l border-fm-color-neutral-gray-200 overflow-y-auto" }, cs = /* @__PURE__ */ se({
+}), cs = { class: "h-full flex-shrink-0 w-[308px] bg-fm-color-neutral-white border-l border-fm-color-neutral-gray-200 overflow-y-auto" }, us = /* @__PURE__ */ se({
   __name: "Inspector",
   setup(t) {
     const e = Ue(), a = ie(() => e.state.selectedNode), n = ie(() => {
       var d;
       const s = ((d = a.value) == null ? void 0 : d.type) ?? null;
-      return s !== null ? Ql[s] : [];
+      return s !== null ? es[s] : [];
     }), o = ie(() => {
       var s;
       return (s = a.value) == null ? void 0 : s.props;
-    }), r = po({
-      ConfigTab: rs,
-      ConfigTabItem: ss,
-      ConfigSection: as
+    }), r = mo({
+      ConfigTab: is,
+      ConfigTabItem: ds,
+      ConfigSection: ns
     });
     function l(s) {
       const d = a.value;
@@ -10119,8 +10122,8 @@ const Cl = { class: "flex items-center justify-center" }, _l = { class: "w-full
           };
       }
     }
-    return (s, d) => (F(), Z("div", ds, [
-      a.value ? (F(), ae(v(Eo), {
+    return (s, d) => (F(), Z("div", cs, [
+      a.value ? (F(), ae(v(So), {
         config: { rootClasses: i },
         type: "form",
         actions: !1,
@@ -10130,7 +10133,7 @@ const Cl = { class: "flex items-center justify-center" }, _l = { class: "w-full
         preserve: ""
       }, {
         default: M(() => [
-          w(v(So), {
+          w(v(Ao), {
             schema: n.value,
             library: v(r)
           }, null, 8, ["schema", "library"])
@@ -10139,13 +10142,13 @@ const Cl = { class: "flex items-center justify-center" }, _l = { class: "w-full
       }, 8, ["config", "model-value"])) : Q("", !0)
     ]));
   }
-}), us = { class: "relative h-full w-screen flex flex-col overflow-y-hidden" }, ps = { class: "flex h-full" }, zs = /* @__PURE__ */ se({
+}), ps = { class: "relative h-full w-screen flex flex-col overflow-y-hidden" }, ms = { class: "flex h-full" }, js = /* @__PURE__ */ se({
   __name: "BuilderView",
   props: {
     templateId: {}
   },
   setup(t) {
-    const e = We(), a = Ue(), n = Ge(), o = Ea(), r = dn(), l = Ct(), i = q(!0);
+    const e = We(), a = Ue(), n = Ge(), o = Ea(), r = cn(), l = Ct(), i = q(!0);
     async function s() {
       var c, p;
       i.value = !0, e.currentBusiness.value && ((c = e.currentBusiness.value) != null && c._id && await n.getAllTemplates(e.currentBusiness.value._id), (p = e.currentBusiness.value) != null && p.url && await o.getGlobalSlug(e.currentBusiness.value.url), d());
@@ -10184,8 +10187,8 @@ const Cl = { class: "flex items-center justify-center" }, _l = { class: "w-full
       }
     ), (c, p) => {
       const m = V("FmCircularProgress"), u = V("FmOverlay");
-      return F(), Z("div", us, [
-        w(v(Io), {
+      return F(), Z("div", ps, [
+        w(v(Eo), {
           position: "top-right",
           "rich-colors": "",
           "close-button": "",
@@ -10203,15 +10206,15 @@ const Cl = { class: "flex items-center justify-center" }, _l = { class: "w-full
           ]),
           _: 1
         })) : Q("", !0),
-        I("div", ps, [
+        I("div", ms, [
           w(Kr),
-          w(Nl),
-          w(cs)
+          w(Ol),
+          w(us)
         ])
       ]);
     };
   }
 });
 export {
-  zs as default
+  js as default
 };