@designcrowd/library.brand-page 6.1.6-use-isadminmaker-2 → 6.1.6

package/lib/src/{lib-dewphkuW.js → lib-Bg2K2ze6.js}

@@ -67892,7 +67892,7 @@ const Wi = /* @__PURE__ */ f9(WG1), KG1 = (e, t, n) => {
       canUseRichTextEditor: L(
         () => i.features.canUseRichTextEditor
       ),
-      isAdmin: L(() => n.isAdminMaker),
+      isAdminMaker: L(() => n.isAdminMaker),
       logoTheme: L(() => a.logoTheme),
       contentSettingsStore: e,
       brandPageMakerStore: t,
@@ -68041,7 +68041,7 @@ const Wi = /* @__PURE__ */ f9(WG1), KG1 = (e, t, n) => {
         });
       }), this.isHeaderSelected = !1, this.isFooterSelected = !1, this.isContentSelected = !0, _C.includes(e.type) && this.canUseRichTextEditor) {
         let o = e;
-        if (this.isAdmin) {
+        if (this.isAdminMaker) {
           const s = this.items.find(
             (r) => r.id === e.id
           );
@@ -68184,10 +68184,10 @@ const Wi = /* @__PURE__ */ f9(WG1), KG1 = (e, t, n) => {
     He(() => n.context.isDesignCom, async () => {
       const _ = i9().toLowerCase(), S = n.context.isDesignCom ? "Dcom" : "BrandCrowd";
       try {
-        const { default: M } = await tV(/* @__PURE__ */ Object.assign({ "./watermark/CreatedOnBrandCrowd-de-de.vue": () => import("./CreatedOnBrandCrowd-de-de-CPLDYp5f.js"), "./watermark/CreatedOnBrandCrowd-en-us.vue": () => import("./CreatedOnBrandCrowd-en-us-Br3HqLLr.js"), "./watermark/CreatedOnBrandCrowd-es-es.vue": () => import("./CreatedOnBrandCrowd-es-es-DwkIQVgN.js"), "./watermark/CreatedOnBrandCrowd-fr-ca.vue": () => import("./CreatedOnBrandCrowd-fr-ca-DqeI8mF_.js"), "./watermark/CreatedOnBrandCrowd-fr-fr.vue": () => import("./CreatedOnBrandCrowd-fr-fr-DqeI8mF_.js"), "./watermark/CreatedOnBrandCrowd-pt-br.vue": () => import("./CreatedOnBrandCrowd-pt-br-bvgq_CN8.js"), "./watermark/CreatedOnBrandCrowd-pt-pt.vue": () => import("./CreatedOnBrandCrowd-pt-pt-bvgq_CN8.js"), "./watermark/CreatedOnDcom-de-de.vue": () => import("./CreatedOnDcom-de-de-nT3MnRXy.js"), "./watermark/CreatedOnDcom-en-us.vue": () => import("./CreatedOnDcom-en-us-D2TYrEzJ.js"), "./watermark/CreatedOnDcom-es-es.vue": () => import("./CreatedOnDcom-es-es-Q-5tnP12.js"), "./watermark/CreatedOnDcom-fr-ca.vue": () => import("./CreatedOnDcom-fr-ca-txkwqCzm.js"), "./watermark/CreatedOnDcom-fr-fr.vue": () => import("./CreatedOnDcom-fr-fr-CUnJXLgr.js"), "./watermark/CreatedOnDcom-pt-br.vue": () => import("./CreatedOnDcom-pt-br-7XAwvP9H.js"), "./watermark/CreatedOnDcom-pt-pt.vue": () => import("./CreatedOnDcom-pt-pt-DjhLiioZ.js") }), `./watermark/CreatedOn${S}-${_}.vue`, 3);
+        const { default: M } = await tV(/* @__PURE__ */ Object.assign({ "./watermark/CreatedOnBrandCrowd-de-de.vue": () => import("./CreatedOnBrandCrowd-de-de-COw1kYDh.js"), "./watermark/CreatedOnBrandCrowd-en-us.vue": () => import("./CreatedOnBrandCrowd-en-us-JRm1p0it.js"), "./watermark/CreatedOnBrandCrowd-es-es.vue": () => import("./CreatedOnBrandCrowd-es-es-D-G9uI6b.js"), "./watermark/CreatedOnBrandCrowd-fr-ca.vue": () => import("./CreatedOnBrandCrowd-fr-ca-DQCScohj.js"), "./watermark/CreatedOnBrandCrowd-fr-fr.vue": () => import("./CreatedOnBrandCrowd-fr-fr-DQCScohj.js"), "./watermark/CreatedOnBrandCrowd-pt-br.vue": () => import("./CreatedOnBrandCrowd-pt-br-4RazAfO7.js"), "./watermark/CreatedOnBrandCrowd-pt-pt.vue": () => import("./CreatedOnBrandCrowd-pt-pt-4RazAfO7.js"), "./watermark/CreatedOnDcom-de-de.vue": () => import("./CreatedOnDcom-de-de-DqvLTbhq.js"), "./watermark/CreatedOnDcom-en-us.vue": () => import("./CreatedOnDcom-en-us-DG1X0ero.js"), "./watermark/CreatedOnDcom-es-es.vue": () => import("./CreatedOnDcom-es-es-BxHAIikP.js"), "./watermark/CreatedOnDcom-fr-ca.vue": () => import("./CreatedOnDcom-fr-ca-BGXoViAC.js"), "./watermark/CreatedOnDcom-fr-fr.vue": () => import("./CreatedOnDcom-fr-fr-CsvmeK2T.js"), "./watermark/CreatedOnDcom-pt-br.vue": () => import("./CreatedOnDcom-pt-br-DvWm7MjO.js"), "./watermark/CreatedOnDcom-pt-pt.vue": () => import("./CreatedOnDcom-pt-pt-Bhz2YEVP.js") }), `./watermark/CreatedOn${S}-${_}.vue`, 3);
         i.value = M;
       } catch {
-        const { default: x } = await tV(/* @__PURE__ */ Object.assign({ "./watermark/CreatedOnBrandCrowd-en-us.vue": () => import("./CreatedOnBrandCrowd-en-us-Br3HqLLr.js"), "./watermark/CreatedOnDcom-en-us.vue": () => import("./CreatedOnDcom-en-us-D2TYrEzJ.js") }), `./watermark/CreatedOn${S}-en-us.vue`, 3);
+        const { default: x } = await tV(/* @__PURE__ */ Object.assign({ "./watermark/CreatedOnBrandCrowd-en-us.vue": () => import("./CreatedOnBrandCrowd-en-us-JRm1p0it.js"), "./watermark/CreatedOnDcom-en-us.vue": () => import("./CreatedOnDcom-en-us-DG1X0ero.js") }), `./watermark/CreatedOn${S}-en-us.vue`, 3);
         i.value = x;
       }
     }, {
@@ -79439,6 +79439,7 @@ const d0 = (e) => {
     isSellDomainNameEnabled: !1,
     isDesignCom: !1,
     isPrePurchase: !1,
+    prePurchaseBrandKitLogoDraftToken: "",
     makerFonts: [],
     eventButtonLocation: void 0,
     websiteUpsellModalViewModel: void 0,
@@ -79469,7 +79470,7 @@ const d0 = (e) => {
         templateId: this.designTemplateToken
       });
       const r = De();
-      e.logoDraftToken && r.setLogoDraftToken({ logoDraftToken: e.logoDraftToken }), e?.gettyVideos?.forEach(
+      e.logoDraftToken && r.setLogoDraftToken({ logoDraftToken: e.logoDraftToken }), this.prePurchaseBrandKitLogoDraftToken = e.prePurchaseBrandKitLogoDraftToken || "", e?.gettyVideos?.forEach(
         (a) => n.setVideoUrlsWithToken(
           a.token,
           a.videoPreviewAsset.uri,
@@ -80150,6 +80151,7 @@ const d0 = (e) => {
     isTextOnlyLogo: !1,
     enableEditMode: !1,
     logoDraftToken: "",
+    prePurchaseBrandKitLogoDraftToken: "",
     editableLogoVariations: [
       {
         variationId: J6.LOGO_WITH_TRANSPARENT_BACKGROUND,
@@ -80217,7 +80219,7 @@ const d0 = (e) => {
   }),
   actions: {
     async setStateAsync(e) {
-      this.resetLogoEdits(), this.setLogoDraftToken(e.newState.logoDraftToken), this.makerFonts = e.newState.makerFonts;
+      this.resetLogoEdits(), this.setLogoDraftToken(e.newState.logoDraftToken), this.prePurchaseBrandKitLogoDraftToken = e.newState.prePurchaseBrandKitLogoDraftToken || "", this.makerFonts = e.newState.makerFonts;
       const t = await this.postEditableLogoRequestAsync({
         returnJson: !0,
         defaultPrimaryText: e?.defaultPrimaryText,
@@ -80408,17 +80410,21 @@ const d0 = (e) => {
       ), !1) : !1;
     },
     async postEditableLogoRequestAsync(e) {
-      const t = P4(), n = !!e?.layout, i = {
+      const t = P4(), n = !!e?.layout, i = !!this.prePurchaseBrandKitLogoDraftToken && this.logoDraftToken === this.prePurchaseBrandKitLogoDraftToken, o = {
         returnJson: e?.returnJson || !1,
         generateS3Url: !0,
         dimensionsType: e?.dimensionType,
         variation: e?.variationType,
+        // BP-6010: a draft-based render must keep the draft's authored
+        // arrangement - opt out of fabric-render's default re-stack. Rides the
+        // same condition as the draft so the two can never drift apart.
+        disableAutoLayout: i ? !0 : void 0,
         logo: {
           template: {
             token: t.logoTemplateAsset.token,
             version: t.logoTemplateAsset.version
           },
-          draft: null
+          draft: i ? { token: this.prePurchaseBrandKitLogoDraftToken } : null
         },
         changeRequest: {
           objects: {
@@ -80440,29 +80446,29 @@ const d0 = (e) => {
           }
         }
       };
-      return n ? (i.logo.template.placeholder = {
+      return n ? (o.logo.template.placeholder = {
         primaryText: e.defaultPrimaryText
-      }, i.logo.template.layout = e.layout, i.changeRequest.layout = e.layout) : i.primaryText = e?.defaultPrimaryText, this.logoEdits.textObjects.forEach((r) => {
-        const a = {
-          fontFamily: r.fontFamily,
-          fill: r.fill,
-          stroke: r.outlineColor,
-          strokeWidth: r.outlineEnabled ? r.outlineWidth : 0,
-          isUppercase: r.isUppercase,
+      }, o.logo.template.layout = e.layout, o.changeRequest.layout = e.layout) : o.primaryText = e?.defaultPrimaryText, this.logoEdits.textObjects.forEach((a) => {
+        const l = {
+          fontFamily: a.fontFamily,
+          fill: a.fill,
+          stroke: a.outlineColor,
+          strokeWidth: a.outlineEnabled ? a.outlineWidth : 0,
+          isUppercase: a.isUppercase,
           shadow: {
-            ...r.shadow,
-            blur: r.shadowEnabled ? r.shadow.blur : 0,
-            offsetX: r.shadowEnabled ? r.shadow.offsetX : 0,
-            offsetY: r.shadowEnabled ? r.shadow.offsetY : 0
+            ...a.shadow,
+            blur: a.shadowEnabled ? a.shadow.blur : 0,
+            offsetX: a.shadowEnabled ? a.shadow.offsetX : 0,
+            offsetY: a.shadowEnabled ? a.shadow.offsetY : 0
           }
         };
-        a.textOriginal = r.text, i.changeRequest.objects[r.id] = {
-          type: r.type,
-          role: r.role,
-          removed: !r.textEnabled || !r.text,
-          updates: a
+        l.textOriginal = a.text, o.changeRequest.objects[a.id] = {
+          type: a.type,
+          role: a.role,
+          removed: !a.textEnabled || !a.text,
+          updates: l
         };
-      }), await C3.getInstance().getModifiedLogoAsync(i);
+      }), await C3.getInstance().getModifiedLogoAsync(o);
     }
   },
   getters: {
@@ -82863,6 +82869,12 @@ const L2 = o3("uiContentSettings", {
             logoTemplateMetadata: "",
             isLogoDraftSaved: !1,
             logoDraftToken: b.logoDraftToken || o2.v4(),
+            // Only the container's per-mount Brand Kit seed is a REAL server
+            // draft (the editor was opened from one - Brand Kit Edit). The
+            // uuid fallback above is a session-local identity, and
+            // uiStore.logoDraftToken is never cleared between mounts -
+            // neither must ever reach fabric-render as a render base.
+            prePurchaseBrandKitLogoDraftToken: y.prePurchaseBrandKitLogoDraftToken,
             logoEdits: {
               backgroundObject: {
                 id: "",
@@ -88523,7 +88535,7 @@ const Wd = J({
   setup() {
     const e = x2(), t = le(), n = X1();
     return {
-      isAdmin: L(() => n.isAdminMaker),
+      isAdminMaker: L(() => n.isAdminMaker),
       // BP-5873: the Preview button is behind an AB test, and pre/post purchase are
       // two separate experiments. Pick the one for the current purchase state — a
       // user's value on the other side is independent and must not leak across.
@@ -88575,7 +88587,7 @@ const Wd = J({
 };
 function h7e(e, t, n, i, o, s) {
   const r = E("Button");
-  return e.isAdmin ? k("", !0) : (u(), f("div", f7e, [
+  return e.isAdminMaker ? k("", !0) : (u(), f("div", f7e, [
     e.isPublished ? k("", !0) : (u(), $(r, {
       key: 0,
       label: i.actionBarTr("saveProgress"),
@@ -91000,7 +91012,7 @@ const Bne = /* @__PURE__ */ v(Pne, [["render", $ne]]), One = {
     value: {},
     valueConvertor: { default: void 0 },
     label: { default: void 0 },
-    isAdmin: { type: Boolean },
+    isAdminMaker: { type: Boolean },
     logoTheme: {},
     toggleUniqueId: { default: "" },
     enableColorMatch: { type: Boolean, default: !1 },
@@ -91075,7 +91087,7 @@ const Bne = /* @__PURE__ */ v(Pne, [["render", $ne]]), One = {
       (I, B) => {
         if (!s.value || I === B)
           return;
-        if (n.isAdmin && !I) {
+        if (n.isAdminMaker && !I) {
           a.value = "", S();
           return;
         }
@@ -91094,13 +91106,13 @@ const Bne = /* @__PURE__ */ v(Pne, [["render", $ne]]), One = {
       "data-component": "color-field",
       class: O(["tw-flex", {
         "tw-mt-4": !!e.label,
-        "tw-flex-col tw-gap-y-2 tw-w-full": e.isAdmin,
-        "tw-gap-2 tw-justify-between tw-items-center": !e.isAdmin
+        "tw-flex-col tw-gap-y-2 tw-w-full": e.isAdminMaker,
+        "tw-gap-2 tw-justify-between tw-items-center": !e.isAdminMaker
       }])
     }, [
       e.label ? (u(), f("span", zne, P(e.label), 1)) : k("", !0),
       p("div", qne, [
-        e.isAdmin && e.enableColorMatch ? (u(), $(H(U3), {
+        e.isAdminMaker && e.enableColorMatch ? (u(), $(H(U3), {
           key: 0,
           id: `${e.id}-${e.name}-color-matched${g.value}`,
           "model-value": h.value,
@@ -91123,7 +91135,7 @@ const Bne = /* @__PURE__ */ v(Pne, [["render", $ne]]), One = {
             onInput: w
           }, null, 8, ["custom-groups", "popup", "color", "use-v2", "is-rich-text-editor", "icon-type", "show-gradients"])) : k("", !0)
         ]),
-        e.isAdmin && !e.isRichTextEditor && h.value ? (u(), f("div", jne, [
+        e.isAdminMaker && !e.isRichTextEditor && h.value ? (u(), f("div", jne, [
           p("select", {
             class: "c-select c-button-style tw-border tw-appearance-none tw-border-none tw-h-10 tw-pl-2 tw-rounded tw-cursor-pointer tw-transition-all tw-duration-300 tw-bg-white",
             onChange: B[0] || (B[0] = w1((F) => b(
@@ -91163,14 +91175,14 @@ const Bne = /* @__PURE__ */ v(Pne, [["render", $ne]]), One = {
         id: "background-color",
         name: "background",
         value: s.value.style.background || "",
-        "is-admin": o.value,
+        "is-admin-maker": o.value,
         "logo-theme": e.logoTheme,
         "enable-color-match": o.value,
         "show-gradients": "",
         "disable-transparent": "",
         label: H(E2)("backgroundColor"),
         "onUpdate:modelValue": l
-      }, null, 8, ["value", "is-admin", "logo-theme", "enable-color-match", "label"]),
+      }, null, 8, ["value", "is-admin-maker", "logo-theme", "enable-color-match", "label"]),
       a.value && o.value ? (u(), $(H(p0), {
         key: 0,
         label: "Color Matched Logo",
@@ -91673,14 +91685,14 @@ const nt = /* @__PURE__ */ v(uie, [["render", hie]]), gie = {
         id: "background-shapes",
         name: "shapeColor",
         value: g.value,
-        "is-admin": i.value,
+        "is-admin-maker": i.value,
         "logo-theme": e.logoTheme,
         "enable-color-match": i.value,
         "disable-transparent": !0,
         "custom-groups": e.customGroups,
         label: H(E2)("shapeColor"),
         "onUpdate:modelValue": m
-      }, null, 8, ["value", "is-admin", "logo-theme", "enable-color-match", "custom-groups", "label"]),
+      }, null, 8, ["value", "is-admin-maker", "logo-theme", "enable-color-match", "custom-groups", "label"]),
       p("p", vie, P(H(E2)("shapeItems")), 1),
       T(c7, {
         items: h.value,
@@ -91859,14 +91871,14 @@ const nt = /* @__PURE__ */ v(uie, [["render", hie]]), gie = {
           id: "background-shape",
           name: "shapeColor",
           value: H(r),
-          "is-admin": i.value,
+          "is-admin-maker": i.value,
           "logo-theme": e.logoTheme,
           "enable-color-match": i.value,
           "disable-transparent": !0,
           "custom-groups": e.customGroups,
           label: H(E2)("shapeColor"),
           "onUpdate:modelValue": H(a)
-        }, null, 8, ["value", "is-admin", "logo-theme", "enable-color-match", "custom-groups", "label", "onUpdate:modelValue"]),
+        }, null, 8, ["value", "is-admin-maker", "logo-theme", "enable-color-match", "custom-groups", "label", "onUpdate:modelValue"]),
         p("div", $ie, [
           p("span", Bie, P(H(E2)("opacity")), 1),
           T(H(j9), {
@@ -92247,7 +92259,7 @@ const Die = { key: 2 }, Nie = { class: "tw-grid tw-gap-4 tw-grid-cols-2" }, Rie
       ])) : k("", !0)
     ]));
   }
-}), MR = /* @__PURE__ */ v(roe, [["__scopeId", "data-v-746ed367"]]), aoe = {
+}), MR = /* @__PURE__ */ v(roe, [["__scopeId", "data-v-a77d954c"]]), aoe = {
   key: 0,
   class: "tw-text-xl tw-font-bold"
 }, it = /* @__PURE__ */ J({
@@ -93017,7 +93029,7 @@ const Woe = /* @__PURE__ */ v($oe, [["render", joe], ["__scopeId", "data-v-68941
       dropzoneImageUploaderRef: a1(null),
       endpoints: L(() => e.endpoints),
       uiStore: e,
-      isAdmin: L(() => !!n.isAdminMaker),
+      isAdminMaker: L(() => !!n.isAdminMaker),
       isLoggedIn: L(() => !!t.emailAddress)
     };
   },
@@ -93147,7 +93159,7 @@ const Woe = /* @__PURE__ */ v($oe, [["render", joe], ["__scopeId", "data-v-68941
 }, tse = { class: "tw-text-info-500 tw-mb-1 tw-leading-relaxed group-hover:tw-underline" }, nse = { class: "tw-leading-relaxed tw-text-grayscale-600" }, ise = { key: 0 }, ose = { class: "tw-text-primary-500" }, sse = { key: 1 };
 function rse(e, t, n, i, o, s) {
   const r = E("LoginRequiredMessage"), a = E("DropzoneImageUploader"), l = E("MyMedia");
-  return !e.isLoggedIn && !e.isAdmin ? (u(), $(r, { key: 0 })) : (u(), f("div", Qoe, [
+  return !e.isLoggedIn && !e.isAdminMaker ? (u(), $(r, { key: 0 })) : (u(), f("div", Qoe, [
     T(a, {
       ref: "dropzoneImageUploaderRef",
       class: "tw-mb-4 tw-group",
@@ -94050,7 +94062,7 @@ const ere = { "data-component": "video-library" }, tre = {
       type: Object,
       required: !0
     },
-    isAdmin: {
+    isAdminMaker: {
       type: Boolean,
       required: !0,
       default: !1
@@ -94113,7 +94125,7 @@ const ere = { "data-component": "video-library" }, tre = {
         label: n("shapeLibrary"),
         active: !1
       }
-    ]), C = L(() => d.value.filter((x) => x.id !== "MY_DESIGNS" || !i.isAdmin).filter(
+    ]), C = L(() => d.value.filter((x) => x.id !== "MY_DESIGNS" || !i.isAdminMaker).filter(
       (x) => i.activeTabs.some((I) => I === x.id) && (!a.value || x.id !== "MY_DESIGNS")
     ).filter((x) => x.id !== "VIDEO_LIBRARY" || l.value)), h = L(() => !0), g = () => {
       o("on-back");
@@ -94289,7 +94301,7 @@ const ere = { "data-component": "video-library" }, tre = {
         "section-title": g.value,
         "media-settings": C.value,
         "image-extension": m.value,
-        "is-admin": d.value,
+        "is-admin-maker": d.value,
         mode: c.value,
         "active-tabs": h.value,
         "media-type": e.mediaType,
@@ -94298,7 +94310,7 @@ const ere = { "data-component": "video-library" }, tre = {
         onOnImagePicked: w,
         onOnImageRemoved: b,
         onOnVideoSelected: x
-      }, null, 8, ["section-title", "media-settings", "image-extension", "is-admin", "mode", "active-tabs", "media-type"])
+      }, null, 8, ["section-title", "media-settings", "image-extension", "is-admin-maker", "mode", "active-tabs", "media-type"])
     ]));
   }
 }), xre = { "data-test-tag": "background-settings" }, Vre = { key: 1 }, Hre = { class: "tw-top-0 tw-z-10 tw-px-1 tw-pt-4 tw-pb-4" }, Ire = { key: 2 }, Ere = { class: "tw-mt-3 tw-mb-1.5 tw-text-sm tw-font-bold tw-capitalize" }, Pre = { class: "tw-mt-2" }, Are = { class: "tw-font-sans tw-font-bold tw-text-secondary-800 tw-text-sm" }, $re = {
@@ -94453,13 +94465,13 @@ const ere = { "data-component": "video-library" }, tre = {
                 id: "background-overlay-color",
                 name: "overlayColor",
                 value: b.value,
-                "is-admin": C.value,
+                "is-admin-maker": C.value,
                 "logo-theme": c.value,
                 "enable-color-match": C.value,
                 "disable-transparent": "",
                 label: H(E2)("overlayColor"),
                 "onUpdate:modelValue": S
-              }, null, 8, ["value", "is-admin", "logo-theme", "enable-color-match", "label"]),
+              }, null, 8, ["value", "is-admin-maker", "logo-theme", "enable-color-match", "label"]),
               p("div", Pre, [
                 p("span", Are, P(H(E2)("overlayOpacity")), 1),
                 T(H(j9), {
@@ -94696,7 +94708,7 @@ const Qre = /* @__PURE__ */ v(Xre, [["render", Jre], ["__scopeId", "data-v-0cd8c
       contentSettingsSelectedItemId: L(
         () => t.selectedItemId
       ),
-      isAdmin: L(() => r.isAdminMaker),
+      isAdminMaker: L(() => r.isAdminMaker),
       canUseRichTextEditor: L(
         () => s.features.canUseRichTextEditor
       ),
@@ -94893,7 +94905,7 @@ const Qre = /* @__PURE__ */ v(Xre, [["render", Jre], ["__scopeId", "data-v-0cd8c
       isPersonalisationEnabled: L(
         () => i.isPersonalisationEnabled
       ),
-      isAdmin: L(() => o.isAdminMaker),
+      isAdminMaker: L(() => o.isAdminMaker),
       contentSettingsStore: e,
       sideBarStore: t,
       eventTracker: r
@@ -94969,7 +94981,7 @@ const Qre = /* @__PURE__ */ v(Xre, [["render", Jre], ["__scopeId", "data-v-0cd8c
       return this.isFocusedDisplayMode || this.collapsed ? _H : eae;
     },
     showPersonalisationField() {
-      return this.isAdmin && this.isPersonalisationEnabled;
+      return this.isAdminMaker && this.isPersonalisationEnabled;
     },
     personalisationRole() {
       return this.getValue(this.id, "personalisationRole");
@@ -95053,7 +95065,7 @@ const Qre = /* @__PURE__ */ v(Xre, [["render", Jre], ["__scopeId", "data-v-0cd8c
       getContent: L(() => e.getContent),
       getValue: L(() => e.getValue),
       brandPageData: L(() => t.brandPageData),
-      isAdmin: L(() => r.isAdminMaker),
+      isAdminMaker: L(() => r.isAdminMaker),
       isDesignCom: L(() => r.isDesignCom),
       canUseRichTextEditor: L(
         () => n.features.canUseRichTextEditor
@@ -95140,7 +95152,7 @@ const Qre = /* @__PURE__ */ v(Xre, [["render", Jre], ["__scopeId", "data-v-0cd8c
       return this.field.name !== "buttonTextStyle" && this.type === "banner-section";
     },
     showToggle() {
-      return this.field.name === "backgroundStyle" && this.isAdmin ? !0 : this.field.showToggle;
+      return this.field.name === "backgroundStyle" && this.isAdminMaker ? !0 : this.field.showToggle;
     },
     disableTransparent() {
       return typeof this.field.disableTransparent == "function" ? this.field.disableTransparent(this.brandPageType) : this.field.disableTransparent || !1;
@@ -95189,7 +95201,7 @@ const Qre = /* @__PURE__ */ v(Xre, [["render", Jre], ["__scopeId", "data-v-0cd8c
       }
     },
     onFieldChangeLogo() {
-      this.isAdmin ? this.sideBarStore.setSelectedTabName({
+      this.isAdminMaker ? this.sideBarStore.setSelectedTabName({
         tabName: P2.ADMIN_LOGO_SETTINGS
       }) : this.sideBarStore.setSelectedTabName({
         tabName: P2.LOGO_SETTINGS
@@ -95564,7 +95576,7 @@ const Cae = /* @__PURE__ */ v(aae, [["render", dae]]), uae = "image/png, image/j
       type: Object,
       required: !0
     },
-    isAdmin: {
+    isAdminMaker: {
       type: Boolean,
       required: !0
     }
@@ -95664,7 +95676,7 @@ const Cae = /* @__PURE__ */ v(aae, [["render", dae]]), uae = "image/png, image/j
       type: Object,
       required: !0
     },
-    isAdmin: {
+    isAdminMaker: {
       type: Boolean,
       required: !0
     }
@@ -95770,7 +95782,7 @@ const Cae = /* @__PURE__ */ v(aae, [["render", dae]]), uae = "image/png, image/j
     id: {},
     name: {},
     value: {},
-    isAdmin: { type: Boolean },
+    isAdminMaker: { type: Boolean },
     label: {},
     toggleUniqueId: {},
     logoTheme: {}
@@ -95816,12 +95828,12 @@ const Cae = /* @__PURE__ */ v(aae, [["render", dae]]), uae = "image/png, image/j
     return (h, g) => (u(), f("div", {
       "data-component": "color-replacements-field",
       class: O(["tw-flex", {
-        "tw-flex-col tw-gap-y-2 tw-w-full": e.isAdmin,
-        "tw-gap-2 tw-justify-between tw-items-center": !e.isAdmin
+        "tw-flex-col tw-gap-y-2 tw-w-full": e.isAdminMaker,
+        "tw-gap-2 tw-justify-between tw-items-center": !e.isAdminMaker
       }])
     }, [
       e.label ? (u(), f("span", hae, P(e.label), 1)) : k("", !0),
-      e.isAdmin && s.colorReplacements && s.colorReplacements.length > 0 ? (u(), $(H(U3), {
+      e.isAdminMaker && s.colorReplacements && s.colorReplacements.length > 0 ? (u(), $(H(U3), {
         key: 1,
         id: `${e.id}-${e.name}-color-matched${l.value}`,
         "model-value": a.value,
@@ -95839,17 +95851,17 @@ const Cae = /* @__PURE__ */ v(aae, [["render", dae]]), uae = "image/png, image/j
         (u(!0), f(S1, null, N1(s.colorReplacements, (m, y) => (u(), f("div", {
           key: `${m.attribute}-${m.originalColor}`
         }, [
-          !e.isAdmin || !a.value ? (u(), $(p5, {
+          !e.isAdminMaker || !a.value ? (u(), $(p5, {
             key: 0,
             name: "fill",
             "disable-transparent": !0,
             value: m.replacementColor,
-            "is-admin": e.isAdmin,
+            "is-admin-maker": e.isAdminMaker,
             "logo-theme": e.logoTheme,
             "onUpdate:modelValue": (w) => c(w, y)
-          }, null, 8, ["value", "is-admin", "logo-theme", "onUpdate:modelValue"])) : k("", !0)
+          }, null, 8, ["value", "is-admin-maker", "logo-theme", "onUpdate:modelValue"])) : k("", !0)
         ]))), 128)),
-        e.isAdmin && s.colorReplacements && s.colorReplacements.length > 0 && a.value ? (u(), f("div", gae, [
+        e.isAdminMaker && s.colorReplacements && s.colorReplacements.length > 0 && a.value ? (u(), f("div", gae, [
           p("select", {
             class: "c-select c-button-style tw-flex-grow tw-border tw-appearance-none tw-border-none tw-h-10 tw-pl-2 tw-rounded tw-cursor-pointer tw-transition-all tw-duration-300 tw-bg-white",
             onChange: g[0] || (g[0] = w1((m) => d(m.target.value), ["stop"]))
@@ -95994,11 +96006,11 @@ function Hae(e, t, n, i, o, s) {
               name: e.name,
               label: h.colorReplacements && h.colorReplacements.length === 1 ? i.commonTr("shapeColor") : "",
               value: h.colorReplacements,
-              "is-admin": e.isAdmin,
+              "is-admin-maker": e.isAdminMaker,
               "logo-theme": e.logoTheme,
               "toggle-unique-id": g.toString(),
               "onUpdate:modelValue": (m) => e.onColorReplacementsChange(m, g)
-            }, null, 8, ["id", "name", "label", "value", "is-admin", "logo-theme", "toggle-unique-id", "onUpdate:modelValue"])
+            }, null, 8, ["id", "name", "label", "value", "is-admin-maker", "logo-theme", "toggle-unique-id", "onUpdate:modelValue"])
           ], 2)) : k("", !0)
         ])
       ]),
@@ -96015,7 +96027,7 @@ function Hae(e, t, n, i, o, s) {
     }, null, 8, ["onOnClick"])) : k("", !0)
   ]);
 }
-const VR = /* @__PURE__ */ v(wae, [["render", Hae], ["__scopeId", "data-v-0aaf173c"]]), Iae = {
+const VR = /* @__PURE__ */ v(wae, [["render", Hae], ["__scopeId", "data-v-c1205c30"]]), Iae = {
   components: {
     DraggableItemList: VR,
     Button: D1
@@ -96044,9 +96056,9 @@ function Pae(e, t, n, i, o, s) {
       "value-prop-name": "imageTitle",
       "media-type": e.mediaType,
       "logo-theme": e.logoTheme,
-      "is-admin": e.isAdmin,
+      "is-admin-maker": e.isAdminMaker,
       onOnIntentImageReplace: e.onReplace
-    }, null, 8, ["id", "modelValue", "name", "placeholder-prefix", "placeholder-suffix", "media-type", "logo-theme", "is-admin", "onOnIntentImageReplace"])) : k("", !0),
+    }, null, 8, ["id", "modelValue", "name", "placeholder-prefix", "placeholder-suffix", "media-type", "logo-theme", "is-admin-maker", "onOnIntentImageReplace"])) : k("", !0),
     !e.maxLength || e.images.length < e.maxLength ? (u(), f("div", Eae, [
       T(a, {
         variant: "outline",
@@ -96062,7 +96074,7 @@ function Pae(e, t, n, i, o, s) {
     ])) : k("", !0)
   ]);
 }
-const Aae = /* @__PURE__ */ v(Iae, [["render", Pae], ["__scopeId", "data-v-2620ff7d"]]), $ae = J({
+const Aae = /* @__PURE__ */ v(Iae, [["render", Pae], ["__scopeId", "data-v-593c94ff"]]), $ae = J({
   props: {
     value: {
       type: Object,
@@ -96815,7 +96827,7 @@ const zae = /* @__PURE__ */ v(Nae, [["render", Uae], ["__scopeId", "data-v-8240b
       type: Array,
       required: !0
     },
-    isAdmin: {
+    isAdminMaker: {
       type: Boolean,
       required: !0
     },
@@ -96912,11 +96924,11 @@ function ble(e, t, n, i, o, s) {
       "value-prop-name": "url",
       "field-type": "url",
       settings: e.itemListSettings,
-      "is-admin": e.isAdmin,
+      "is-admin-maker": e.isAdminMaker,
       "logo-theme": e.logoTheme,
       onOnIntentImageReplace: e.onItemListIntentImageReplace,
       onOnColorReplacementsChange: e.onColorReplacementsChange
-    }, null, 8, ["id", "modelValue", "name", "placeholder-prefix", "settings", "is-admin", "logo-theme", "onOnIntentImageReplace", "onOnColorReplacementsChange"])) : k("", !0),
+    }, null, 8, ["id", "modelValue", "name", "placeholder-prefix", "settings", "is-admin-maker", "logo-theme", "onOnIntentImageReplace", "onOnColorReplacementsChange"])) : k("", !0),
     p("div", wle, [
       e.links.length < 4 ? (u(), $(a, {
         key: 0,
@@ -103737,14 +103749,14 @@ const Cu = /* @__PURE__ */ v(cMe, [["render", uMe]]), pMe = {
             name: e.name + "TextStyle",
             value: K.value,
             options: H(Un).convert(i.styles),
-            "is-admin": y.value,
+            "is-admin-maker": y.value,
             "logo-theme": w.value,
             "show-color-pallet": !1,
             "is-toggled": !0,
             "onUpdate:modelValue": q1[0] || (q1[0] = (Ce) => {
               H(f1)(Ce, "textColor"), !Ce.value || Ce.value === "" ? S.value = !1 : S.value = !0;
             })
-          }, null, 8, ["id", "name", "value", "options", "is-admin", "logo-theme"]),
+          }, null, 8, ["id", "name", "value", "options", "is-admin-maker", "logo-theme"]),
           p("p", yMe, P(H(Di)("backgroundColor")), 1),
           T(p5, {
             id: `${e.rawId}-backgroundStyle${e.textItemIndex ?? ""}`,
@@ -103752,14 +103764,14 @@ const Cu = /* @__PURE__ */ v(cMe, [["render", uMe]]), pMe = {
             name: e.name,
             value: o1.value,
             options: H(j2).convert(i.styles),
-            "is-admin": y.value,
+            "is-admin-maker": y.value,
             "show-color-pallet": !1,
             "logo-theme": w.value,
             "is-toggled": !1,
             "onUpdate:modelValue": q1[1] || (q1[1] = (Ce) => {
               H(f1)(Ce, "backgroundColor"), !Ce.value || Ce.value === "" ? M.value = !1 : M.value = !0;
             })
-          }, null, 8, ["id", "name", "value", "options", "is-admin", "logo-theme"])
+          }, null, 8, ["id", "name", "value", "options", "is-admin-maker", "logo-theme"])
         ])) : k("", !0),
         p("div", wMe, [
           p("div", null, [
@@ -103867,7 +103879,7 @@ const Cu = /* @__PURE__ */ v(cMe, [["render", uMe]]), pMe = {
                   "icon-type": "text-color",
                   "disable-transparent": !0,
                   value: b.selectedTextColor,
-                  "is-admin": y.value,
+                  "is-admin-maker": y.value,
                   "logo-theme": w.value,
                   "is-toggled": !0,
                   popup: !0,
@@ -103877,7 +103889,7 @@ const Cu = /* @__PURE__ */ v(cMe, [["render", uMe]]), pMe = {
                       value: Ce.value
                     });
                   })
-                }, null, 8, ["class", "value", "is-admin", "logo-theme"])
+                }, null, 8, ["class", "value", "is-admin-maker", "logo-theme"])
               ]),
               q1[21] || (q1[21] = p("div", { class: "border desktop" }, null, -1)),
               T(H(D1), {
@@ -103935,7 +103947,7 @@ const Cu = /* @__PURE__ */ v(cMe, [["render", uMe]]), pMe = {
                   "is-rich-text-editor": !0,
                   "icon-type": "text-background-color",
                   value: b.selectedBackgroundColor,
-                  "is-admin": y.value,
+                  "is-admin-maker": y.value,
                   "logo-theme": w.value,
                   "is-toggled": !0,
                   popup: !0,
@@ -103945,7 +103957,7 @@ const Cu = /* @__PURE__ */ v(cMe, [["render", uMe]]), pMe = {
                       value: Ce.value
                     });
                   })
-                }, null, 8, ["class", "value", "is-admin", "logo-theme"])
+                }, null, 8, ["class", "value", "is-admin-maker", "logo-theme"])
               ]),
               T(H(D1), {
                 class: O(["toolbar-editor-button", {
@@ -104107,7 +104119,7 @@ const Cu = /* @__PURE__ */ v(cMe, [["render", uMe]]), pMe = {
       ], 64);
     };
   }
-}), uZ = /* @__PURE__ */ v(NMe, [["__scopeId", "data-v-d9421f5b"]]), RMe = {
+}), uZ = /* @__PURE__ */ v(NMe, [["__scopeId", "data-v-e32b05aa"]]), RMe = {
   components: {
     RichTextEditor: uZ
   },
@@ -105125,7 +105137,7 @@ const pZ = /* @__PURE__ */ v(Vke, [["render", Eke], ["__scopeId", "data-v-f3d394
     });
     return (a, l) => (u(), f("div", lLe, [
       T(su, {
-        "is-admin": !1,
+        "is-admin-maker": !1,
         "transparent-bg": !0,
         mode: "images",
         "media-settings": r,
@@ -105583,7 +105595,7 @@ const NLe = /* @__PURE__ */ v(ELe, [["render", DLe]]), Jh = 5, WH = J({
       type: Object,
       required: !0
     },
-    isAdmin: {
+    isAdminMaker: {
       type: Boolean,
       required: !0
     },
@@ -105978,12 +105990,12 @@ function YLe(e, t, n, i, o, s) {
         name: e.name,
         value: e.textColorValue,
         options: e.textColorOptions,
-        "is-admin": e.isAdmin,
+        "is-admin-maker": e.isAdminMaker,
         "logo-theme": e.logoTheme,
         "is-toggled": !1,
         "disable-transparent": !0,
         "onUpdate:modelValue": e.onSelectColor
-      }, null, 8, ["id", "name", "value", "options", "is-admin", "logo-theme", "onUpdate:modelValue"]),
+      }, null, 8, ["id", "name", "value", "options", "is-admin-maker", "logo-theme", "onUpdate:modelValue"]),
       e.showTextBackgroundColorOptions ? (u(), f("p", KLe, P(i.textStyleFieldTr("backgroundColor")), 1)) : k("", !0),
       e.showTextBackgroundColorOptions ? (u(), $(h, {
         key: 5,
@@ -105992,11 +106004,11 @@ function YLe(e, t, n, i, o, s) {
         name: e.name,
         value: e.textBackgroundColorValue,
         options: e.textBackgroundColorOptions,
-        "is-admin": e.isAdmin,
+        "is-admin-maker": e.isAdminMaker,
         "logo-theme": e.logoTheme,
         "is-toggled": !1,
         "onUpdate:modelValue": e.onSelectBackgroundColor
-      }, null, 8, ["id", "name", "value", "options", "is-admin", "logo-theme", "onUpdate:modelValue"])) : k("", !0)
+      }, null, 8, ["id", "name", "value", "options", "is-admin-maker", "logo-theme", "onUpdate:modelValue"])) : k("", !0)
     ], 2)) : k("", !0)
   ], 2);
 }
@@ -106024,7 +106036,7 @@ const Zs = /* @__PURE__ */ v(RLe, [["render", YLe]]), XLe = { "data-component":
     pages: { default: void 0 },
     titleLength: { default: v3 },
     descriptionLength: { default: l6 },
-    isAdmin: { type: Boolean, default: !1 }
+    isAdminMaker: { type: Boolean, default: !1 }
   },
   emits: ["update:buttonConfig"],
   setup(e, { emit: t }) {
@@ -106320,7 +106332,7 @@ const Zs = /* @__PURE__ */ v(RLe, [["render", YLe]]), XLe = { "data-component":
     maxLength: { default: void 0 },
     logoTheme: {},
     settings: {},
-    isAdmin: { type: Boolean },
+    isAdminMaker: { type: Boolean },
     brandPageType: { default: c1.brandSite }
   },
   emits: ["update:modelValue", "on-intent-image-replace"],
@@ -106459,7 +106471,7 @@ const Zs = /* @__PURE__ */ v(RLe, [["render", YLe]]), XLe = { "data-component":
             onOnIntentImageReplace: (l1) => B(G.index, G.item.imageUrl),
             "onUpdate:modelValue": (l1) => F(G.index)
           }, null, 8, ["id", "media-type", "name", "value", "onOnIntentImageReplace", "onUpdate:modelValue"]),
-          e.isAdmin && e.content.personalisationRole ? (u(), $($7, {
+          e.isAdminMaker && e.content.personalisationRole ? (u(), $($7, {
             key: 0,
             id: e.id,
             name: "imageUrlOverride",
@@ -106474,11 +106486,11 @@ const Zs = /* @__PURE__ */ v(RLe, [["render", YLe]]), XLe = { "data-component":
             name: e.name,
             label: G.item.colorReplacements && G.item.colorReplacements.length === 1 ? H(c4)("shapeColor") : "",
             value: G.item.colorReplacements,
-            "is-admin": e.isAdmin,
+            "is-admin-maker": e.isAdminMaker,
             "logo-theme": e.logoTheme,
             "toggle-unique-id": G.index.toString(),
             "onUpdate:modelValue": (l1) => D(l1, G.index)
-          }, null, 8, ["id", "name", "label", "value", "is-admin", "logo-theme", "toggle-unique-id", "onUpdate:modelValue"]),
+          }, null, 8, ["id", "name", "label", "value", "is-admin-maker", "logo-theme", "toggle-unique-id", "onUpdate:modelValue"]),
           p("h4", vTe, P(H(c4)("title")), 1),
           T(H(je), {
             modelValue: s.value[G.index].title,
@@ -106492,7 +106504,7 @@ const Zs = /* @__PURE__ */ v(RLe, [["render", YLe]]), XLe = { "data-component":
             error: H(ao)(s.value[G.index].title) >= l.value
           }, null, 8, ["modelValue", "onUpdate:modelValue", "maxlength", "placeholder", "error"]),
           H(ao)(s.value[G.index].title) >= l.value ? (u(), f("p", STe, P(r.value), 1)) : k("", !0),
-          e.isAdmin && e.content.personalisationRole ? (u(), $($7, {
+          e.isAdminMaker && e.content.personalisationRole ? (u(), $($7, {
             key: 3,
             id: e.id,
             name: "titleOverride",
@@ -106520,7 +106532,7 @@ const Zs = /* @__PURE__ */ v(RLe, [["render", YLe]]), XLe = { "data-component":
             error: H(ao)(s.value[G.index].paragraph) >= C.value,
             "onUpdate:modelValue": (l1) => n1(l1, G.index)
           }, null, 8, ["id", "value", "item", "name", "max-length", "placeholder", "error", "onUpdate:modelValue"]),
-          e.isAdmin && e.content.personalisationRole ? (u(), $($7, {
+          e.isAdminMaker && e.content.personalisationRole ? (u(), $($7, {
             key: 4,
             id: e.id,
             name: "paragraphOverride",
@@ -106545,7 +106557,7 @@ const Zs = /* @__PURE__ */ v(RLe, [["render", YLe]]), XLe = { "data-component":
                 error: s.value[G.index].imageTitle.length >= C.value
               }, null, 8, ["modelValue", "onUpdate:modelValue", "maxlength", "placeholder", "attrs", "error"]),
               s.value[G.index].imageTitle.length >= C.value ? (u(), f("p", TTe, P(r.value), 1)) : k("", !0),
-              e.isAdmin && e.content.personalisationRole ? (u(), $($7, {
+              e.isAdminMaker && e.content.personalisationRole ? (u(), $($7, {
                 key: 1,
                 id: e.id,
                 name: "imageTitleOverride",
@@ -106558,7 +106570,7 @@ const Zs = /* @__PURE__ */ v(RLe, [["render", YLe]]), XLe = { "data-component":
             T(aTe, {
               id: e.id,
               index: G.index,
-              "is-admin": e.isAdmin,
+              "is-admin-maker": e.isAdminMaker,
               "button-config": {
                 buttonText: s.value[G.index].buttonText ?? !1,
                 buttonLinkType: s.value[G.index].buttonLinkType || "url",
@@ -106568,7 +106580,7 @@ const Zs = /* @__PURE__ */ v(RLe, [["render", YLe]]), XLe = { "data-component":
               "title-length": l.value,
               "description-length": C.value,
               "onUpdate:buttonConfig": (l1) => e1(l1, G.index)
-            }, null, 8, ["id", "index", "is-admin", "button-config", "title-length", "description-length", "onUpdate:buttonConfig"])
+            }, null, 8, ["id", "index", "is-admin-maker", "button-config", "title-length", "description-length", "onUpdate:buttonConfig"])
           ], 64)),
           !w(G.item) && e.brandPageType === H(c1).brandSite ? (u(), f("div", xTe, [
             p("div", VTe, [
@@ -106643,7 +106655,7 @@ const Zs = /* @__PURE__ */ v(RLe, [["render", YLe]]), XLe = { "data-component":
       type: Object,
       required: !0
     },
-    isAdmin: {
+    isAdminMaker: {
       type: Boolean,
       required: !0
     }
@@ -106781,11 +106793,11 @@ function GTe(e, t, n, i, o, s) {
           name: e.name,
           label: C.item.colorReplacements && C.item.colorReplacements.length === 1 ? i.shapeFieldTr("shapeColor") : "",
           value: C.item.colorReplacements,
-          "is-admin": e.isAdmin,
+          "is-admin-maker": e.isAdminMaker,
           "logo-theme": e.logoTheme,
           "toggle-unique-id": C.index.toString(),
           "onUpdate:modelValue": (h) => e.onColorReplacementsChange(h, C.index)
-        }, null, 8, ["id", "name", "label", "value", "is-admin", "logo-theme", "toggle-unique-id", "onUpdate:modelValue"])
+        }, null, 8, ["id", "name", "label", "value", "is-admin-maker", "logo-theme", "toggle-unique-id", "onUpdate:modelValue"])
       ]),
       _: 1
     }, 8, ["items", "onItemsChange", "onItemsDelete"]),
@@ -106817,7 +106829,7 @@ const jTe = /* @__PURE__ */ v(DTe, [["render", GTe]]), WTe = 250, KTe = J({
       type: Object,
       required: !0
     },
-    isAdmin: {
+    isAdminMaker: {
       type: Boolean,
       required: !0
     },
@@ -106999,7 +107011,7 @@ function dxe(e, t, n, i, o, s) {
           "onUpdate:modelValue": (m) => e.onTextAreaTextChange(m, g.index)
         }, null, 8, ["value", "name", "error", "max-length", "onBlur", "onFocus", "onUpdate:modelValue"]),
         e.isEmpty[g.index] ? (u(), f("p", txe, P(e.testimonialEmptyErrorMessage), 1)) : e.options[g.index].testimonials && e.rteTextLength(e.options[g.index].testimonials) >= e.maxTestimonialLength ? (u(), f("p", nxe, P(e.testimonialMaxLengthErrorMessage), 1)) : k("", !0),
-        e.isAdmin && e.content.personalisationRole ? (u(), $(a, {
+        e.isAdminMaker && e.content.personalisationRole ? (u(), $(a, {
           key: 2,
           id: e.id,
           name: "testimonialsOverride",
@@ -107016,7 +107028,7 @@ function dxe(e, t, n, i, o, s) {
           onOnIntentImageReplace: (m) => e.onReplaceImage(g.index),
           "onUpdate:modelValue": (m) => e.onRemoveImage(g.index)
         }, null, 8, ["id", "name", "value", "onOnIntentImageReplace", "onUpdate:modelValue"]),
-        e.isAdmin && e.content.personalisationRole ? (u(), $(a, {
+        e.isAdminMaker && e.content.personalisationRole ? (u(), $(a, {
           key: 3,
           id: e.id,
           name: "imageUrlOverride",
@@ -107032,11 +107044,11 @@ function dxe(e, t, n, i, o, s) {
             name: e.name,
             label: g.item.colorReplacements && g.item.colorReplacements.length === 1 ? i.testimonialItemsFieldTr("shapeColor") : "",
             value: g.item.colorReplacements,
-            "is-admin": e.isAdmin,
+            "is-admin-maker": e.isAdminMaker,
             "logo-theme": e.logoTheme,
             "toggle-unique-id": g.index.toString(),
             "onUpdate:modelValue": (m) => e.onColorReplacementsChange(m, g.index)
-          }, null, 8, ["id", "name", "label", "value", "is-admin", "logo-theme", "toggle-unique-id", "onUpdate:modelValue"])
+          }, null, 8, ["id", "name", "label", "value", "is-admin-maker", "logo-theme", "toggle-unique-id", "onUpdate:modelValue"])
         ])) : k("", !0),
         p("h4", rxe, P(i.testimonialItemsFieldTr("name")), 1),
         T(d, {
@@ -107047,7 +107059,7 @@ function dxe(e, t, n, i, o, s) {
           maxlength: 60
         }, null, 8, ["modelValue", "onUpdate:modelValue"]),
         e.options[g.index] && e.options[g.index].name && e.rteTextLength(e.options[g.index].name) >= e.maxTitleLength ? (u(), f("p", axe, P(e.testimonialMaxLengthErrorMessage), 1)) : k("", !0),
-        e.isAdmin && e.content.personalisationRole ? (u(), $(a, {
+        e.isAdminMaker && e.content.personalisationRole ? (u(), $(a, {
           key: 6,
           id: e.id,
           name: "nameOverride",
@@ -107066,7 +107078,7 @@ function dxe(e, t, n, i, o, s) {
           maxlength: 60
         }, null, 8, ["modelValue", "onUpdate:modelValue", "placeholder"]),
         e.options[g.index] && e.options[g.index].position && e.rteTextLength(e.options[g.index].position) >= e.maxTitleLength ? (u(), f("p", cxe, P(e.testimonialMaxLengthErrorMessage), 1)) : k("", !0),
-        e.isAdmin && e.content.personalisationRole ? (u(), $(a, {
+        e.isAdminMaker && e.content.personalisationRole ? (u(), $(a, {
           key: 8,
           id: e.id,
           name: "positionOverride",
@@ -107088,7 +107100,7 @@ function dxe(e, t, n, i, o, s) {
     }, null, 8, ["label", "onOnClick"])) : k("", !0)
   ]);
 }
-const Cxe = /* @__PURE__ */ v(YTe, [["render", dxe], ["__scopeId", "data-v-fe811a3f"]]), uxe = 250, pxe = J({
+const Cxe = /* @__PURE__ */ v(YTe, [["render", dxe], ["__scopeId", "data-v-e6fd86eb"]]), uxe = 250, pxe = J({
   props: {
     id: {
       type: String,
@@ -107106,7 +107118,7 @@ const Cxe = /* @__PURE__ */ v(YTe, [["render", dxe], ["__scopeId", "data-v-fe811
       type: Array,
       required: !0
     },
-    isAdmin: {
+    isAdminMaker: {
       type: Boolean,
       required: !0
     },
@@ -107299,7 +107311,7 @@ function wxe(e, t, n, i, o, s) {
           onFocus: (h) => e.onFocusOverride(C.index),
           "onUpdate:modelValue": (h) => e.onTextAreaTextChange(h, C.index)
         }, null, 8, ["id", "index", "show-rich-text-editor", "value", "name", "styles", "item", "error", "max-length", "content-type", "onBlur", "onFocus", "onUpdate:modelValue"])),
-        e.isAdmin && e.content.personalisationRole ? (u(), $(a, {
+        e.isAdminMaker && e.content.personalisationRole ? (u(), $(a, {
           key: 0,
           id: e.id,
           name: "textOverride",
@@ -107311,14 +107323,14 @@ function wxe(e, t, n, i, o, s) {
         e.showRichTextEditor ? k("", !0) : (u(), $(l, {
           id: `text-style-field-${C.index}`,
           key: `text-style-field-${C.index}`,
-          "is-admin": e.isAdmin,
+          "is-admin-maker": e.isAdminMaker,
           value: e.options[C.index].textStyle,
           "logo-theme": e.logoTheme,
           "show-font-style-only": !0,
           label: i.textItemsFieldTr("fontSettings"),
           "is-text-content": !0,
           "onUpdate:modelValue": (h) => e.setTextStyleOption(h, C.index)
-        }, null, 8, ["id", "is-admin", "value", "logo-theme", "label", "onUpdate:modelValue"]))
+        }, null, 8, ["id", "is-admin-maker", "value", "logo-theme", "label", "onUpdate:modelValue"]))
       ]),
       _: 1
     }, 8, ["items", "onItemsChange", "onItemsDelete"]),
@@ -107333,7 +107345,7 @@ function wxe(e, t, n, i, o, s) {
     }, null, 8, ["label", "onOnClick"])) : k("", !0)
   ]);
 }
-const bxe = /* @__PURE__ */ v(fxe, [["render", wxe], ["__scopeId", "data-v-0c65e8af"]]), vxe = J({
+const bxe = /* @__PURE__ */ v(fxe, [["render", wxe], ["__scopeId", "data-v-960cf968"]]), vxe = J({
   props: {
     id: {
       type: String,
@@ -107569,7 +107581,7 @@ function Bxe(e, t, n, i, o, s) {
         },
         name: e.fieldName,
         content: e.content,
-        "is-admin": e.isAdmin,
+        "is-admin-maker": e.isAdminMaker,
         "logo-theme": e.logoTheme,
         "is-toggled": e.isToggled,
         multiple: e.field.multiple,
@@ -107600,7 +107612,7 @@ function Bxe(e, t, n, i, o, s) {
         onOnIntentImageReplace: e.onIntentImageReplace,
         onOnToggleStateChange: e.onToggleStateChange,
         onCapturePreviewSnapshot: e.onCaptureSnapshot
-      }, null, 40, ["id", "attrs", "name", "content", "is-admin", "logo-theme", "is-toggled", "multiple", "placeholder", "role", "value", "content-type", "show-rich-text-editor", "settings", "settings-name", "title", "styles", "label", "fields", "options-convertor", "value-convertor", "variant", "min-length", "max-length", "brand-page-type", "show-text-alignment-options", "show-text-background-color-options", "disable-transparent", "is-design-com", "onUpdate:modelValue", "onChangeLogo", "onOnIntentImageReplace", "onOnToggleStateChange", "onCapturePreviewSnapshot"])), [
+      }, null, 40, ["id", "attrs", "name", "content", "is-admin-maker", "logo-theme", "is-toggled", "multiple", "placeholder", "role", "value", "content-type", "show-rich-text-editor", "settings", "settings-name", "title", "styles", "label", "fields", "options-convertor", "value-convertor", "variant", "min-length", "max-length", "brand-page-type", "show-text-alignment-options", "show-text-background-color-options", "disable-transparent", "is-design-com", "onUpdate:modelValue", "onChangeLogo", "onOnIntentImageReplace", "onOnToggleStateChange", "onCapturePreviewSnapshot"])), [
         [N3, !e.showToggle || e.isToggled]
       ])
     ], 2)) : k("", !0)
@@ -107702,7 +107714,7 @@ const zxe = /* @__PURE__ */ v(Oxe, [["render", Uxe]]), KH = J({
         () => t.selectedItemTemplate?.type
       ),
       mode: L(() => t.mode),
-      isAdmin: L(() => i.isAdminMaker),
+      isAdminMaker: L(() => i.isAdminMaker),
       contentSettingsStore: t,
       userStore: n,
       pageSettingsStore: o,
@@ -107714,7 +107726,7 @@ const zxe = /* @__PURE__ */ v(Oxe, [["render", Uxe]]), KH = J({
   },
   computed: {
     isDeleteEnabled() {
-      return this.isAdmin;
+      return this.isAdminMaker;
     },
     selectedField() {
       if (this.selectedItemFieldName)
@@ -107884,7 +107896,7 @@ function jxe(e, t, n, i, o, s) {
   return u(), f("div", Gxe, [
     T(r, {
       "section-title": e.sectionTitle,
-      "is-admin": e.isAdmin,
+      "is-admin-maker": e.isAdminMaker,
       mode: e.mode,
       "media-settings": e.imageSettings,
       "active-tabs": e.activeTabs,
@@ -107895,7 +107907,7 @@ function jxe(e, t, n, i, o, s) {
       onOnImagePicked: e.onImageSelected,
       onOnImageRemoved: e.onImageRemoved,
       onOnVideoSelected: e.onVideoSelected
-    }, null, 8, ["section-title", "is-admin", "mode", "media-settings", "active-tabs", "onOnBack", "onOnDesignSelected", "onOnShapeSelected", "onOnImagePicked", "onOnImageRemoved", "onOnVideoSelected"])
+    }, null, 8, ["section-title", "is-admin-maker", "mode", "media-settings", "active-tabs", "onOnBack", "onOnDesignSelected", "onOnShapeSelected", "onOnImagePicked", "onOnImageRemoved", "onOnVideoSelected"])
   ]);
 }
 const Wxe = /* @__PURE__ */ v(qxe, [["render", jxe]]), Kxe = {
@@ -108230,7 +108242,7 @@ const dVe = /* @__PURE__ */ v(iVe, [["render", cVe]]), S5 = {
       ),
       sections: L(() => i.sections),
       features: L(() => n.features),
-      isAdmin: L(() => r.isAdminMaker),
+      isAdminMaker: L(() => r.isAdminMaker),
       isBrandSite: L(() => e.isBrandSite),
       navigationStyleTypeConfigs: L(
         () => s.navigationStyleTypeConfigs
@@ -108575,7 +108587,7 @@ const bVe = /* @__PURE__ */ v(fVe, [["render", wVe]]), eg = () => [
       required: !1,
       default: () => []
     },
-    isAdmin: {
+    isAdminMaker: {
       type: Boolean,
       required: !0
     },
@@ -108970,7 +108982,7 @@ const bVe = /* @__PURE__ */ v(fVe, [["render", wVe]]), eg = () => [
       type: Array,
       required: !0
     },
-    isAdmin: {
+    isAdminMaker: {
       type: Boolean,
       required: !0
     },
@@ -109104,43 +109116,43 @@ function EVe(e, t, n, i, o, s) {
         id: "navigation-hamburger-default-button-style",
         key: "navigation-hamburger-default-button-style",
         name: "Default text style",
-        "is-admin": e.isAdmin,
+        "is-admin-maker": e.isAdminMaker,
         label: i.commonTr("defaultTextStyle"),
         "logo-theme": e.logoTheme,
         value: e.value.hamburgerMenuStyle.defaultButtonStyle,
         "onUpdate:modelValue": t[0] || (t[0] = (c) => e.setTextStyleOption("defaultTextStyle", c))
-      }, null, 8, ["is-admin", "label", "logo-theme", "value"]), [
+      }, null, 8, ["is-admin-maker", "label", "logo-theme", "value"]), [
         [N3, e.value.displayType.includes("hamburger")]
       ]),
       Je(T(r, {
         id: "navigation-default-button-style",
         key: "navigation-default-button-style",
         name: "Default text style",
-        "is-admin": e.isAdmin,
+        "is-admin-maker": e.isAdminMaker,
         label: i.commonTr("defaultTextStyle"),
         "logo-theme": e.logoTheme,
         value: e.value.defaultButtonStyle,
         "show-text-alignment-options": !1,
         "onUpdate:modelValue": t[1] || (t[1] = (c) => e.setTextStyleOption("defaultTextStyle", c))
-      }, null, 8, ["is-admin", "label", "logo-theme", "value"]), [
+      }, null, 8, ["is-admin-maker", "label", "logo-theme", "value"]), [
         [N3, !e.value.displayType.includes("hamburger")]
       ])
     ]),
     (u(!0), f(S1, null, N1(e.navigationStyleOptions, (c, d) => (u(), f("div", {
       key: d,
       class: O(["tw-flex tw-justify-between tw-w-full", {
-        "tw-items-start": e.isAdmin,
-        "tw-items-center": !e.isAdmin,
+        "tw-items-start": e.isAdminMaker,
+        "tw-items-center": !e.isAdminMaker,
         "tw-mb-4": d < e.navigationStyleOptions.length - 1
       }])
     }, [
       p("div", LVe, [
         p("p", {
           class: O(["tw-font-sans tw-font-bold tw-text-secondary-800 tw-text-sm tw-break-words", {
-            "tw-mb-2": e.isAdmin
+            "tw-mb-2": e.isAdminMaker
           }])
         }, P(e.navigationStyleConfigOptionTitles[c]), 3),
-        e.isAdmin ? (u(), f("div", TVe, [
+        e.isAdminMaker ? (u(), f("div", TVe, [
           T(a, {
             id: `${c}-color-matched`,
             "model-value": e.isOptionColorMatched(c),
@@ -109151,19 +109163,19 @@ function EVe(e, t, n, i, o, s) {
           }, null, 8, ["id", "model-value", "onUpdate:modelValue"])
         ])) : k("", !0)
       ]),
-      e.isAdmin && !e.isOptionColorMatched(c) || !e.isAdmin ? (u(), f("div", xVe, [
+      e.isAdminMaker && !e.isOptionColorMatched(c) || !e.isAdminMaker ? (u(), f("div", xVe, [
         T(l, {
           id: "navigationStyle",
           name: "navigationStyle",
           value: e.colorPickerValue(c),
-          "is-admin": e.isAdmin,
+          "is-admin-maker": e.isAdminMaker,
           "is-toggled": !1,
           "logo-theme": e.logoTheme,
           "disable-transparent": c !== "defaultBackgroundColor" && c !== "selectedBackgroundColor",
           "onUpdate:modelValue": (C) => e.onColorPickerInput(c, C)
-        }, null, 8, ["value", "is-admin", "logo-theme", "disable-transparent", "onUpdate:modelValue"])
+        }, null, 8, ["value", "is-admin-maker", "logo-theme", "disable-transparent", "onUpdate:modelValue"])
       ])) : k("", !0),
-      e.isAdmin && e.isOptionColorMatched(c) ? (u(), f("div", VVe, [
+      e.isAdminMaker && e.isOptionColorMatched(c) ? (u(), f("div", VVe, [
         p("select", {
           class: "c-select c-button-style tw-border tw-appearance-none tw-border-none tw-h-10 tw-pl-2 tw-pr-8 tw-rounded tw-cursor-pointer tw-transition-all tw-duration-300 tw-bg-white",
           onChange: w1((C) => e.onColorPickerInput(c, C.target.value), ["stop"])
@@ -109413,11 +109425,11 @@ function CHe(e, t, n, i, o, s) {
         ]),
         T(g, {
           "available-navigation-style-configs": e.availableNavigationStyleConfigs,
-          "is-admin": e.isAdmin,
+          "is-admin-maker": e.isAdminMaker,
           "logo-theme": e.logoTheme,
           value: e.navigation,
           onOptionValueChange: e.handleHeaderNavigationStyleOptionValueChange
-        }, null, 8, ["available-navigation-style-configs", "is-admin", "logo-theme", "value", "onOptionValueChange"])
+        }, null, 8, ["available-navigation-style-configs", "is-admin-maker", "logo-theme", "value", "onOptionValueChange"])
       ])) : k("", !0),
       S === e.PAGE_SECTION_STYLE_OPTIONS.copyright ? (u(), f("div", eHe, [
         p("div", tHe, [
@@ -109460,10 +109472,10 @@ function CHe(e, t, n, i, o, s) {
           "font-family-options": e.availableTextFontFamilyOptions,
           value: e.fontStyle(x.propName),
           "show-text-alignment-options": !1,
-          "is-admin": e.isAdmin,
+          "is-admin-maker": e.isAdminMaker,
           "logo-theme": e.logoTheme,
           "onUpdate:modelValue": (I) => e.setTextStyleOption(x.propName, I)
-        }, null, 8, ["id", "name", "label", "font-family-options", "value", "is-admin", "logo-theme", "onUpdate:modelValue"]))), 128))
+        }, null, 8, ["id", "name", "label", "font-family-options", "value", "is-admin-maker", "logo-theme", "onUpdate:modelValue"]))), 128))
       ])) : k("", !0),
       S === e.PAGE_SECTION_STYLE_OPTIONS.iconColor ? (u(), f("div", lHe, [
         T(b, {
@@ -109472,12 +109484,12 @@ function CHe(e, t, n, i, o, s) {
           name: "fill",
           label: i.commonTr("iconColor"),
           value: e.iconColor,
-          "is-admin": e.isAdmin,
+          "is-admin-maker": e.isAdminMaker,
           "logo-theme": e.logoTheme,
           "toggle-unique-id": e.sectionName,
           "disable-transparent": !0,
           "onUpdate:modelValue": e.onSelectColor
-        }, null, 8, ["label", "value", "is-admin", "logo-theme", "toggle-unique-id", "onUpdate:modelValue"])
+        }, null, 8, ["label", "value", "is-admin-maker", "logo-theme", "toggle-unique-id", "onUpdate:modelValue"])
       ])) : k("", !0),
       S === e.PAGE_SECTION_STYLE_OPTIONS.backgroundColor ? (u(), f("div", cHe, [
         T(b, {
@@ -109487,11 +109499,11 @@ function CHe(e, t, n, i, o, s) {
           name: "backgroundColor",
           label: i.commonTr("backgroundColor"),
           value: e.backgroundColor,
-          "is-admin": e.isAdmin,
+          "is-admin-maker": e.isAdminMaker,
           "logo-theme": e.logoTheme,
           "toggle-unique-id": e.sectionName,
           "onUpdate:modelValue": e.onSelectColor
-        }, null, 8, ["class", "label", "value", "is-admin", "logo-theme", "toggle-unique-id", "onUpdate:modelValue"])
+        }, null, 8, ["class", "label", "value", "is-admin-maker", "logo-theme", "toggle-unique-id", "onUpdate:modelValue"])
       ])) : k("", !0),
       S === e.PAGE_SECTION_STYLE_OPTIONS.footerDisplay ? (u(), f("div", dHe, [
         e.showFooterDisplayStyle ? (u(), $(_, {
@@ -109503,7 +109515,7 @@ function CHe(e, t, n, i, o, s) {
     ]))), 128))
   ], 64);
 }
-const uHe = /* @__PURE__ */ v(UVe, [["render", CHe], ["__scopeId", "data-v-c93e7fd0"]]), pHe = {
+const uHe = /* @__PURE__ */ v(UVe, [["render", CHe], ["__scopeId", "data-v-4a885317"]]), pHe = {
   key: 0,
   style: { "border-radius": "8px" },
   class: "tw-absolute tw-right-0 tw-top-full tw-mt-1 tw-list-none tw-bg-white tw-shadow-md tw-py-2 tw-z-30 tw-max-w-[242px]"
@@ -109926,11 +109938,11 @@ function $He(e, t, n, i, o, s) {
         default: t1(() => [
           T(C, {
             "section-name": "header",
-            "is-admin": e.isAdmin,
+            "is-admin-maker": e.isAdminMaker,
             "is-brand-site": e.isBrandSite,
             "logo-theme": e.logoTheme,
             "style-options": e.headerPageSectionStyleOptions
-          }, null, 8, ["is-admin", "is-brand-site", "logo-theme", "style-options"])
+          }, null, 8, ["is-admin-maker", "is-brand-site", "logo-theme", "style-options"])
         ]),
         _: 1
       }, 8, ["title", "is-collapsed"]),
@@ -109945,12 +109957,12 @@ function $He(e, t, n, i, o, s) {
           T(C, {
             "section-name": "footer",
             "font-settings-options": e.footerFontSettingsOptions,
-            "is-admin": e.isAdmin,
+            "is-admin-maker": e.isAdminMaker,
             "is-brand-site": e.isBrandSite,
             "logo-theme": e.logoTheme,
             "style-options": e.footerPageSectionStyleOptions
-          }, null, 8, ["font-settings-options", "is-admin", "is-brand-site", "logo-theme", "style-options"]),
-          !e.isAdmin && !e.isPrePurchase && e.showBrandCrowdLogo ? (u(), f("div", {
+          }, null, 8, ["font-settings-options", "is-admin-maker", "is-brand-site", "logo-theme", "style-options"]),
+          !e.isAdminMaker && !e.isPrePurchase && e.showBrandCrowdLogo ? (u(), f("div", {
             key: 0,
             class: "tw-flex tw-items-center tw-justify-between tw-cursor-pointer",
             onClick: t[1] || (t[1] = (...m) => e.onHideBrandPageLogoClickFromFooter && e.onHideBrandPageLogoClickFromFooter(...m))
@@ -109981,7 +109993,7 @@ function $He(e, t, n, i, o, s) {
     ])
   ]);
 }
-const BHe = /* @__PURE__ */ v(VHe, [["render", $He], ["__scopeId", "data-v-4686f97e"]]), QH = J({
+const BHe = /* @__PURE__ */ v(VHe, [["render", $He], ["__scopeId", "data-v-d2becd27"]]), QH = J({
   emits: ["capture-preview-snapshot"],
   setup() {
     const e = L2(), t = le();
@@ -109998,7 +110010,7 @@ const BHe = /* @__PURE__ */ v(VHe, [["render", $He], ["__scopeId", "data-v-4686f
       isPersonalisationEnabled: L(
         () => o.isPersonalisationEnabled
       ),
-      isAdmin: L(() => i.isAdminMaker),
+      isAdminMaker: L(() => i.isAdminMaker),
       canUseRichTextEditor: L(
         () => n.features.canUseRichTextEditor
       ),
@@ -110097,7 +110109,7 @@ const BHe = /* @__PURE__ */ v(VHe, [["render", $He], ["__scopeId", "data-v-4686f
       return this.template?.displayName || "";
     },
     showPersonalisationField() {
-      return this.isAdmin && this.isPersonalisationEnabled;
+      return this.isAdminMaker && this.isPersonalisationEnabled;
     },
     personalisationRole() {
       return this.getValue(this.id, "personalisationRole");
@@ -111248,7 +111260,7 @@ function sEe(e, t, n, i, o, s) {
 }
 const rEe = /* @__PURE__ */ v(iEe, [["render", sEe]]), aEe = J({
   props: {
-    isAdmin: {
+    isAdminMaker: {
       type: Boolean,
       required: !1,
       default: !1
@@ -111321,7 +111333,7 @@ const rEe = /* @__PURE__ */ v(iEe, [["render", sEe]]), aEe = J({
 function dEe(e, t, n, i, o, s) {
   const r = E("Button");
   return u(), f("div", cEe, [
-    !e.isAdmin && e.isLivePreviewEnabled ? (u(), $(r, {
+    !e.isAdminMaker && e.isLivePreviewEnabled ? (u(), $(r, {
       key: 0,
       label: i.constantsTr("previewDisplayName"),
       variant: "no-border",
@@ -111336,8 +111348,8 @@ function dEe(e, t, n, i, o, s) {
     }, null, 8, ["label", "onOnClick"])) : k("", !0),
     e.isPublished ? k("", !0) : (u(), $(r, {
       key: 1,
-      label: e.isAdmin ? i.actionBarTr("saveTemplate") : i.actionBarTr("saveProgress"),
-      variant: e.isAdmin ? "primary" : "outline",
+      label: e.isAdminMaker ? i.actionBarTr("saveTemplate") : i.actionBarTr("saveProgress"),
+      variant: e.isAdminMaker ? "primary" : "outline",
       disabled: e.isSaving,
       white: !0,
       size: "small-medium",
@@ -111345,7 +111357,7 @@ function dEe(e, t, n, i, o, s) {
       classes: "!tw-px-3 lg:!tw-px-6 tw-w-full lg:tw-w-auto tw-whitespace-nowrap",
       onOnClick: w1(e.saveBrandPage, ["stop"])
     }, null, 8, ["label", "variant", "disabled", "onOnClick"])),
-    e.isBrandContact && e.isPublished && !e.isAdmin ? (u(), $(r, {
+    e.isBrandContact && e.isPublished && !e.isAdminMaker ? (u(), $(r, {
       key: 2,
       label: i.actionBarTr("createTeamCards"),
       variant: "gray",
@@ -111355,7 +111367,7 @@ function dEe(e, t, n, i, o, s) {
       "data-test-create-team-cards-button": "",
       onOnClick: t[0] || (t[0] = w1((a) => e.createTeamCards(!0), ["stop"]))
     }, null, 8, ["label"])) : k("", !0),
-    e.isAdmin ? k("", !0) : (u(), $(r, {
+    e.isAdminMaker ? k("", !0) : (u(), $(r, {
       key: 3,
       label: i.actionBarTr("publish"),
       variant: e.isPublishButtonEnabled ? "success" : "gray",
@@ -111593,11 +111605,11 @@ function TEe(e, t, n, i, o, s) {
   return u(), f("header", {
     "data-component": "navigation",
     class: O(["js-bp-header tw-h-24 lg:tw-h-16 tw-box-border lg:tw-py-4 lg:tw-px-5 tw-z-30 tw-fixed tw-w-full lg:tw-relative", {
-      "tw-bg-grayscale-800": !e.isAdmin
+      "tw-bg-grayscale-800": !e.isAdminMaker
     }])
   }, [
     p("div", kEe, [
-      e.isAdmin ? k("", !0) : (u(), f("div", LEe, [
+      e.isAdminMaker ? k("", !0) : (u(), f("div", LEe, [
         T(r, {
           "brand-crowd-url": e.brandCrowdUrl,
           "is-design-com": e.isDesignCom,
@@ -111608,7 +111620,7 @@ function TEe(e, t, n, i, o, s) {
         key: 1,
         class: "tw-hidden lg:tw-flex"
       })) : k("", !0),
-      e.isAdmin || !i.showBreadcrumb ? (u(), $(l, {
+      e.isAdminMaker || !i.showBreadcrumb ? (u(), $(l, {
         key: 2,
         label: i.backButtonLabel,
         variant: "no-border",
@@ -111628,7 +111640,7 @@ function TEe(e, t, n, i, o, s) {
     ])
   ], 2);
 }
-const xEe = /* @__PURE__ */ v(MEe, [["render", TEe], ["__scopeId", "data-v-d4db1988"]]), VEe = 250, oI = J({
+const xEe = /* @__PURE__ */ v(MEe, [["render", TEe], ["__scopeId", "data-v-b1e86b09"]]), VEe = 250, oI = J({
   components: {
     HelloBar: p0,
     BrandPageMakerPage: yc,
@@ -112074,7 +112086,7 @@ const XEe = /* @__PURE__ */ v(UEe, [["render", YEe], ["__scopeId", "data-v-d1836
       brandPageContainerStore: t,
       tabs: L(() => e.tabs),
       selectedTabName: L(() => e.selectedTabName),
-      isAdmin: L(() => t.isAdminMaker),
+      isAdminMaker: L(() => t.isAdminMaker),
       contentSettingsMode: L(() => i.mode),
       contentSettingsSelectedItemId: L(
         () => i.selectedItemId
@@ -112115,7 +112127,7 @@ const XEe = /* @__PURE__ */ v(UEe, [["render", YEe], ["__scopeId", "data-v-d1836
         this.sideBarStore.setSelectedTabName({ tabName: this.mobileTabName });
     },
     shouldDisplayTab(e) {
-      return this.isBrandPageLoaded === !1 && this.isPrePurchase === !1 || this.isAdmin && e.isDisabledForAdmin || !this.isAdmin && e.isEnabledForAdminOnly === !0 ? !1 : this.isPrepurchase && e.isPrepurchaseOnly === !0 ? !0 : !this.isMobileScreenSize && e.isMobileOnly ? !1 : e.name === P2.AI_WEBSITE_BUILDER ? this.isAiWebsiteAssistantVisible : e.isVisible;
+      return this.isBrandPageLoaded === !1 && this.isPrePurchase === !1 || this.isAdminMaker && e.isDisabledForAdmin || !this.isAdminMaker && e.isEnabledForAdminOnly === !0 ? !1 : this.isPrepurchase && e.isPrepurchaseOnly === !0 ? !0 : !this.isMobileScreenSize && e.isMobileOnly ? !1 : e.name === P2.AI_WEBSITE_BUILDER ? this.isAiWebsiteAssistantVisible : e.isVisible;
     },
     contentScrollToTop() {
       const e = this.$refs[this.sideBarContentRef];
@@ -112271,7 +112283,7 @@ const dPe = /* @__PURE__ */ v(oPe, [["render", cPe]]), lI = J({
       isDefaultTextColorRequired: L(
         () => e.isDefaultTextColorRequired
       ),
-      isAdmin: L(() => o.isAdminMaker),
+      isAdminMaker: L(() => o.isAdminMaker),
       brandPageType: L(() => i.brandPageType),
       showBrandCrowdLogo: L(
         () => i.showBrandCrowdLogo
@@ -112329,7 +112341,7 @@ const dPe = /* @__PURE__ */ v(oPe, [["render", cPe]]), lI = J({
     }
   },
   created() {
-    this.isAdmin && Object.keys(this.isColorMatch).forEach((e) => {
+    this.isAdminMaker && Object.keys(this.isColorMatch).forEach((e) => {
       this.isColorMatch[e] = typeof this[e] == "string" && Zt(this[e]);
     });
   },
@@ -112506,12 +112518,12 @@ const mPe = /* @__PURE__ */ v(fPe, [["render", gPe]]), yPe = { "data-component":
         value: w.style,
         "show-text-alignment-options": !1,
         "white-background": !0,
-        "is-admin": l.value,
+        "is-admin-maker": l.value,
         "logo-theme": d.value,
         "show-text-style-type-options": !1,
         "title-text-size": "base",
         "onUpdate:modelValue": (b) => h(w.type, b)
-      }, null, 8, ["id", "name", "label", "font-family-options", "value", "is-admin", "logo-theme", "onUpdate:modelValue"]))), 128))
+      }, null, 8, ["id", "name", "label", "font-family-options", "value", "is-admin-maker", "logo-theme", "onUpdate:modelValue"]))), 128))
     ]));
   }
 }), bPe = {
@@ -112543,15 +112555,15 @@ function jPe(e, t, n, i, o, s) {
     T(r, {
       title: i.styleSettingsTr("styleTitle")
     }, null, 8, ["title"]),
-    e.isAdmin ? (u(), $(c, { key: 0 }, {
+    e.isAdminMaker ? (u(), $(c, { key: 0 }, {
       default: t1(() => [
         p("div", SPe, [
           p("p", {
             class: O(["tw-font-sans tw-font-bold tw-text-secondary-800 tw-text-sm", {
-              "tw-mb-2": e.isAdmin
+              "tw-mb-2": e.isAdminMaker
             }])
           }, P(i.styleSettingsTr("logoBackgroundColor")), 3),
-          e.isAdmin ? (u(), f("div", _Pe, [
+          e.isAdminMaker ? (u(), f("div", _Pe, [
             T(a, {
               id: "logo-background-color-matched",
               "model-value": e.isColorMatch.logoBackgroundColor,
@@ -112562,7 +112574,7 @@ function jPe(e, t, n, i, o, s) {
             }, null, 8, ["model-value", "label"])
           ])) : k("", !0)
         ]),
-        e.isAdmin && e.isColorMatch.logoBackgroundColor ? (u(), f("div", MPe, [
+        e.isAdminMaker && e.isColorMatch.logoBackgroundColor ? (u(), f("div", MPe, [
           p("select", {
             class: "c-select c-button-style tw-border tw-appearance-none tw-border-none tw-h-10 tw-pl-2 tw-pr-8 tw-rounded tw-cursor-pointer tw-transition-all tw-duration-300 tw-bg-white",
             onChange: t[1] || (t[1] = w1((m) => e.onColorPickerInput("logoBackgroundColor", m), ["stop"]))
@@ -112574,42 +112586,42 @@ function jPe(e, t, n, i, o, s) {
             }, P(m), 9, kPe))), 128))
           ], 32)
         ])) : k("", !0),
-        e.isAdmin && !e.isColorMatch.logoBackgroundColor ? (u(), f("div", LPe, [
+        e.isAdminMaker && !e.isColorMatch.logoBackgroundColor ? (u(), f("div", LPe, [
           T(l, {
             id: "iconStyle",
             name: "fill",
             value: e.colorPickerValue("logoBackgroundColor"),
-            "is-admin": e.isAdmin,
+            "is-admin-maker": e.isAdminMaker,
             "logo-theme": e.logoTheme,
             "toggle-unique-id": e.sectionName,
             "disable-transparent": !0,
             "onUpdate:modelValue": t[2] || (t[2] = (m) => e.onColorPickerInput("logoBackgroundColor", m))
-          }, null, 8, ["value", "is-admin", "logo-theme", "toggle-unique-id"])
+          }, null, 8, ["value", "is-admin-maker", "logo-theme", "toggle-unique-id"])
         ])) : k("", !0)
       ]),
       _: 1
     })) : k("", !0),
-    e.isAdmin ? (u(), $(c, { key: 1 }, {
+    e.isAdminMaker ? (u(), $(c, { key: 1 }, {
       default: t1(() => [
         T(d)
       ]),
       _: 1
     })) : k("", !0),
-    e.isAdmin && e.isDefaultTextColorRequired ? (u(), $(c, { key: 2 }, {
+    e.isAdminMaker && e.isDefaultTextColorRequired ? (u(), $(c, { key: 2 }, {
       default: t1(() => [
         p("div", {
           class: O(["tw-flex tw-justify-between tw-w-full", {
-            "tw-items-start": e.isAdmin,
-            "tw-items-center": !e.isAdmin
+            "tw-items-start": e.isAdminMaker,
+            "tw-items-center": !e.isAdminMaker
           }])
         }, [
           p("div", TPe, [
             p("p", {
               class: O(["tw-font-sans tw-font-bold tw-text-secondary-800 tw-text-sm", {
-                "tw-mb-2": e.isAdmin
+                "tw-mb-2": e.isAdminMaker
               }])
             }, P(i.styleSettingsTr("defaultTextColor")), 3),
-            e.isAdmin ? (u(), f("div", xPe, [
+            e.isAdminMaker ? (u(), f("div", xPe, [
               T(a, {
                 id: "default-text-color-matched",
                 "model-value": e.isColorMatch.defaultTextColor,
@@ -112620,19 +112632,19 @@ function jPe(e, t, n, i, o, s) {
               }, null, 8, ["model-value", "label"])
             ])) : k("", !0)
           ]),
-          e.isAdmin && !e.isColorMatch.defaultTextColor || !e.isAdmin ? (u(), f("div", VPe, [
+          e.isAdminMaker && !e.isColorMatch.defaultTextColor || !e.isAdminMaker ? (u(), f("div", VPe, [
             T(l, {
               id: "iconStyle",
               name: "fill",
               value: e.colorPickerValue("defaultTextColor"),
-              "is-admin": e.isAdmin,
+              "is-admin-maker": e.isAdminMaker,
               "logo-theme": e.logoTheme,
               "toggle-unique-id": e.sectionName,
               "disable-transparent": !0,
               "onUpdate:modelValue": t[4] || (t[4] = (m) => e.onColorPickerInput("defaultTextColor", m))
-            }, null, 8, ["value", "is-admin", "logo-theme", "toggle-unique-id"])
+            }, null, 8, ["value", "is-admin-maker", "logo-theme", "toggle-unique-id"])
           ])) : k("", !0),
-          e.isAdmin && e.isColorMatch.defaultTextColor ? (u(), f("div", HPe, [
+          e.isAdminMaker && e.isColorMatch.defaultTextColor ? (u(), f("div", HPe, [
             p("select", {
               class: "c-select c-button-style tw-border tw-appearance-none tw-border-none tw-h-10 tw-pl-2 tw-pr-8 tw-rounded tw-cursor-pointer tw-transition-all tw-duration-300 tw-bg-white",
               onChange: t[5] || (t[5] = w1((m) => e.onColorPickerInput("defaultTextColor", m), ["stop"]))
@@ -112690,17 +112702,17 @@ function jPe(e, t, n, i, o, s) {
             (u(!0), f(S1, null, N1(e.filteredButtonStyleOptions, (m, y) => (u(), f("div", {
               key: y,
               class: O(["tw-mb-4 tw-flex tw-justify-between", {
-                "tw-items-start": e.isAdmin,
-                "tw-items-center": !e.isAdmin
+                "tw-items-start": e.isAdminMaker,
+                "tw-items-center": !e.isAdminMaker
               }])
             }, [
               p("div", BPe, [
                 p("p", {
                   class: O(["tw-font-sans tw-font-bold tw-text-secondary-800 tw-text-sm", {
-                    "tw-mb-2": e.isAdmin
+                    "tw-mb-2": e.isAdminMaker
                   }])
                 }, P(e.getButtonStyleConfigOptionTitle(m)), 3),
-                e.isAdmin ? (u(), f("div", OPe, [
+                e.isAdminMaker ? (u(), f("div", OPe, [
                   T(a, {
                     id: `picker-colour-matched-${m}`,
                     "model-value": e.isColorMatch[m],
@@ -112711,19 +112723,19 @@ function jPe(e, t, n, i, o, s) {
                   }, null, 8, ["id", "model-value", "onUpdate:modelValue"])
                 ])) : k("", !0)
               ]),
-              e.isAdmin && !e.isColorMatch[m] || !e.isAdmin ? (u(), f("div", DPe, [
+              e.isAdminMaker && !e.isColorMatch[m] || !e.isAdminMaker ? (u(), f("div", DPe, [
                 T(l, {
                   id: "iconStyle",
                   name: "fill",
                   value: e.colorPickerValue(m),
-                  "is-admin": e.isAdmin,
+                  "is-admin-maker": e.isAdminMaker,
                   "logo-theme": e.logoTheme,
                   "toggle-unique-id": e.sectionName,
                   "disable-transparent": !0,
                   "onUpdate:modelValue": (w) => e.onColorPickerInput(m, w)
-                }, null, 8, ["value", "is-admin", "logo-theme", "toggle-unique-id", "onUpdate:modelValue"])
+                }, null, 8, ["value", "is-admin-maker", "logo-theme", "toggle-unique-id", "onUpdate:modelValue"])
               ])) : k("", !0),
-              e.isAdmin && e.isColorMatch[m] ? (u(), f("div", NPe, [
+              e.isAdminMaker && e.isColorMatch[m] ? (u(), f("div", NPe, [
                 p("select", {
                   class: "c-select c-button-style tw-border tw-appearance-none tw-border-none tw-h-10 tw-pl-2 tw-pr-8 tw-rounded tw-cursor-pointer tw-transition-all tw-duration-300 tw-bg-white",
                   onChange: w1((w) => e.onColorPickerInputDropdown(m, w.target.value), ["stop"])
@@ -112754,7 +112766,7 @@ function jPe(e, t, n, i, o, s) {
       ]),
       _: 1
     }),
-    !e.isAdmin && !e.isPrePurchase && e.showBrandCrowdLogo ? (u(), f("div", {
+    !e.isAdminMaker && !e.isPrePurchase && e.showBrandCrowdLogo ? (u(), f("div", {
       key: 3,
       class: "tw-flex tw-items-center tw-justify-between tw-cursor-pointer",
       onClick: t[6] || (t[6] = (...m) => e.onHideBrandPageLogoClick && e.onHideBrandPageLogoClick(...m))
@@ -113022,7 +113034,7 @@ const oAe = 100, dI = J({
       backButtonLabel: L(() => r.backButtonLabel),
       isDesignCom: L(() => r.isDesignCom),
       selectedTabName: L(() => t.selectedTabName),
-      isAdmin: L(() => r.isAdminMaker),
+      isAdminMaker: L(() => r.isAdminMaker),
       contentErrorCount: L(() => i.contentErrorCount),
       mode: L(() => i.mode),
       brandPageMakerStore: e,
@@ -113530,7 +113542,7 @@ const yAe = /* @__PURE__ */ v(rAe, [["render", mAe], ["__scopeId", "data-v-246f2
       runtimeEnvironment: L(
         () => t.runtimeEnvironment
       ),
-      isAdmin: L(() => t.isAdminMaker),
+      isAdminMaker: L(() => t.isAdminMaker),
       userToken: L(() => n.userToken),
       isBrandSite: L(
         () => e.brandPageType === c1.brandSite
@@ -113684,19 +113696,19 @@ const yAe = /* @__PURE__ */ v(rAe, [["render", mAe], ["__scopeId", "data-v-246f2
   },
   watch: {
     template() {
-      this.isAdmin ? this.updateViewModel() : (this.imageLoading = !0, this.imageLoadError = !1);
+      this.isAdminMaker ? this.updateViewModel() : (this.imageLoading = !0, this.imageLoadError = !1);
     },
     logoTheme: {
       handler() {
-        this.isAdmin && this.updateViewModel();
+        this.isAdminMaker && this.updateViewModel();
       },
       deep: !0
     },
     logoImageBase64Url() {
-      this.isAdmin && this.updateViewModel();
+      this.isAdminMaker && this.updateViewModel();
     },
     previewImageUrl() {
-      this.isAdmin || (this.imageLoading = !0, this.imageLoadError = !1);
+      this.isAdminMaker || (this.imageLoading = !0, this.imageLoadError = !1);
     }
   },
   created() {
@@ -113736,7 +113748,7 @@ const yAe = /* @__PURE__ */ v(rAe, [["render", mAe], ["__scopeId", "data-v-246f2
       this.imageLoadError = !1, this.imageLoading = !0, this.$forceUpdate();
     },
     async updateViewModel(e = !0) {
-      if (!this.isAdmin)
+      if (!this.isAdminMaker)
         return;
       const t = y9();
       let n = this.template.brandPageModel;
@@ -115677,7 +115689,7 @@ const dOe = /* @__PURE__ */ v(QBe, [["render", cOe]]), COe = { class: "tw-relati
     const e = le(), t = x2(), n = X1();
     return {
       mode: L(() => e.mode),
-      isAdmin: L(() => n.isAdminMaker),
+      isAdminMaker: L(() => n.isAdminMaker),
       brandPageMakerStore: e,
       userStore: t
     };
@@ -115763,7 +115775,7 @@ function EOe(e, t, n, i, o, s) {
       "section-title": e.sectionTitle,
       "media-settings": e.mediaSettings,
       "image-extension": e.mediaExtension,
-      "is-admin": e.isAdmin,
+      "is-admin-maker": e.isAdminMaker,
       mode: e.mode,
       "active-tabs": e.activeTabs,
       "media-type": e.mediaType,
@@ -115771,7 +115783,7 @@ function EOe(e, t, n, i, o, s) {
       onOnDesignSelected: e.onDesignSelected,
       onOnImagePicked: e.onImageSelected,
       onOnImageRemoved: e.onImageRemoved
-    }, null, 8, ["section-title", "media-settings", "image-extension", "is-admin", "mode", "active-tabs", "media-type", "onOnBack", "onOnDesignSelected", "onOnImagePicked", "onOnImageRemoved"])
+    }, null, 8, ["section-title", "media-settings", "image-extension", "is-admin-maker", "mode", "active-tabs", "media-type", "onOnBack", "onOnDesignSelected", "onOnImagePicked", "onOnImageRemoved"])
   ]);
 }
 const POe = /* @__PURE__ */ v(HOe, [["render", EOe]]), AOe = {
@@ -115781,7 +115793,7 @@ const POe = /* @__PURE__ */ v(HOe, [["render", EOe]]), AOe = {
 }, $Oe = { class: "section" }, BOe = { class: "tw-font-sans tw-text-sm tw-text-grayscale-600" }, OOe = { class: "tw-flex-none tw-mt-4" }, DOe = { class: "tw-flex tw-items-center tw-justify-between tw-cursor-pointer" }, NOe = { class: "tw-flex tw-items-center" }, ROe = { class: "tw-font-sans tw-font-bold tw-text-secondary-800 tw-text-sm tw-mr-2" }, ZOe = { class: "tw-flex-none tw-mt-4" }, FOe = { class: "tw-flex tw-items-center tw-gap-1" }, UOe = { class: "tw-font-sans tw-font-bold tw-text-secondary-800 tw-text-sm" }, zOe = { class: "tw-text-grayscale-600 tw-font-normal" }, qOe = { class: "tw-inline-block tw-text-primary-500 tw-border-2 tw-border-solid tw-border-current tw-rounded-full tw-px-3 tw-py-px tw-uppercase tw-text-xs" }, GOe = /* @__PURE__ */ J({
   __name: "SaveContact",
   props: {
-    isAdmin: { type: Boolean },
+    isAdminMaker: { type: Boolean },
     isPrePurchase: { type: Boolean },
     isDesignCom: { type: Boolean }
   },
@@ -115839,7 +115851,7 @@ const POe = /* @__PURE__ */ v(HOe, [["render", EOe]]), AOe = {
           ])
         ]),
         p("div", ZOe, [
-          !e.isAdmin && !e.isPrePurchase && s.value ? (u(), f("div", {
+          !e.isAdminMaker && !e.isPrePurchase && s.value ? (u(), f("div", {
             key: 0,
             class: "tw-flex tw-items-center tw-justify-between tw-cursor-pointer tw-gap-1",
             onClick: h
@@ -116100,10 +116112,10 @@ const POe = /* @__PURE__ */ v(HOe, [["render", EOe]]), AOe = {
             default: t1(() => [
               p("div", nDe, [
                 T(GOe, {
-                  "is-admin": m.value,
+                  "is-admin-maker": m.value,
                   "is-pre-purchase": _.value,
                   "is-design-com": y.value
-                }, null, 8, ["is-admin", "is-pre-purchase", "is-design-com"])
+                }, null, 8, ["is-admin-maker", "is-pre-purchase", "is-design-com"])
               ])
             ]),
             _: 1
@@ -116124,7 +116136,7 @@ const POe = /* @__PURE__ */ v(HOe, [["render", EOe]]), AOe = {
       ])) : k("", !0)
     ]));
   }
-}), sDe = /* @__PURE__ */ v(oDe, [["__scopeId", "data-v-1694af94"]]), bI = J({
+}), sDe = /* @__PURE__ */ v(oDe, [["__scopeId", "data-v-f775b41a"]]), bI = J({
   setup() {
     const e = KN(), t = L2(), n = le();
     return {
@@ -121158,7 +121170,7 @@ function UZe(e, t, n, i, o, s) {
     class: "tw-font-sans"
   }, [
     T(r, {
-      "is-admin": e.isAdmin,
+      "is-admin-maker": e.isAdminMaker,
       "is-published": e.isPublished,
       "is-saving": e.isSaving,
       "brand-crowd-url": i.brandCrowdUrl,
@@ -121170,7 +121182,7 @@ function UZe(e, t, n, i, o, s) {
       onPublish: t[1] || (t[1] = (M) => e.saveAndPublishBrandPage(!1)),
       onPreview: e.onPreview,
       onCreateTeamCards: e.onCreateTeamCards
-    }, null, 8, ["is-admin", "is-published", "is-saving", "brand-crowd-url", "back-url", "back-button-label", "is-design-com", "onBack", "onPreview", "onCreateTeamCards"]),
+    }, null, 8, ["is-admin-maker", "is-published", "is-saving", "brand-crowd-url", "back-url", "back-button-label", "is-design-com", "onBack", "onPreview", "onCreateTeamCards"]),
     R1(e.$slots, "editButtonHeader", {}, void 0, !0),
     p("div", IZe, [
       p("div", EZe, [
@@ -121283,7 +121295,7 @@ function UZe(e, t, n, i, o, s) {
     }, null, 8, ["visible", "onPublish", "onClose"])
   ], 8, HZe);
 }
-const IUe = /* @__PURE__ */ v(VZe, [["render", UZe], ["__scopeId", "data-v-29e3ff4e"]]), QI = J({
+const IUe = /* @__PURE__ */ v(VZe, [["render", UZe], ["__scopeId", "data-v-08af5b72"]]), QI = J({
   props: {
     visible: {
       type: Boolean,