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

package/src/brand-page-maker/stores/brandpage-container/brand-page-container-store.initialise.test.ts

@@ -87,3 +87,56 @@ describe('brand-page-container-store initialise — admin maker mapping', () =>
     expect(store.isAdminMaker).toBe(false);
   });
 });
+
+describe('brand-page-container-store initialise — Brand Kit token (BP-5962)', () => {
+  beforeEach(() => {
+    setActivePinia(createPinia());
+  });
+
+  test('consumes the explicit prePurchaseBrandKitLogoDraftToken from the host', () => {
+    const store = useBrandPageContainerStore();
+
+    store.initialise(
+      createInitialisePayload({
+        prePurchaseBrandKitLogoDraftToken: 'brand-kit-copy-token',
+      }),
+    );
+
+    expect(store.prePurchaseBrandKitLogoDraftToken).toBe(
+      'brand-kit-copy-token',
+    );
+  });
+
+  test('leaves the token empty when the host omits it — even for a prepurchase logo draft (the old inference is gone)', () => {
+    const store = useBrandPageContainerStore();
+
+    // Pre-BP-5962 this derived the token from isPrePurchase && logoDraftToken, which
+    // wrongly fired on every reload of a normal saved prepurchase draft. It must now
+    // stay empty unless the host supplies the explicit field.
+    store.initialise(
+      createInitialisePayload({
+        isPrePurchase: true,
+        logoDraftToken: 'a-normal-prepurchase-logo-token',
+      }),
+    );
+
+    expect(store.prePurchaseBrandKitLogoDraftToken).toBe('');
+  });
+
+  test('clears a stale token from a previous mount when the next payload omits it', () => {
+    const store = useBrandPageContainerStore();
+
+    store.initialise(
+      createInitialisePayload({
+        prePurchaseBrandKitLogoDraftToken: 'brand-kit-copy-token',
+      }),
+    );
+    expect(store.prePurchaseBrandKitLogoDraftToken).toBe(
+      'brand-kit-copy-token',
+    );
+
+    store.initialise(createInitialisePayload());
+
+    expect(store.prePurchaseBrandKitLogoDraftToken).toBe('');
+  });
+});

package/src/brand-page-maker/stores/brandpage-container/brand-page-container-store.ts

@@ -89,6 +89,12 @@ export interface BrandPageContainerState {
   triggerSaveSuccessMessage: boolean;
   isDesignCom: boolean;
   isPrePurchase: boolean;
+  // BP-5962: the REAL server logo draft this PREPURCHASE editor mount was
+  // seeded with (the Brand Kit Edit flow - a frozen copy of the user's logo),
+  // or '' when the entry carries none. Rewritten on EVERY initialise -
+  // unlike uiStore.logoDraftToken, which is never cleared and can go stale
+  // across client-side editor-to-editor navigation.
+  prePurchaseBrandKitLogoDraftToken: string;
   makerFonts: any[];
   eventButtonLocation?: string;
   websiteUpsellModalViewModel?: any;
@@ -119,9 +125,15 @@ export type GettyVideoEditorViewModelResponse = {
 
 export type InitialisePayload = Omit<
   BrandPageContainerState,
-  'customDomain' | 'customDomainConfig' | 'isAdminMaker'
+  | 'customDomain'
+  | 'customDomainConfig'
+  | 'isAdminMaker'
+  | 'prePurchaseBrandKitLogoDraftToken'
 > & {
   logoDraftToken?: string;
+  // BP-5962: the Brand Kit logo copy's token, supplied EXPLICITLY by the host (set only for Brand Kit
+  // logos). Never derived. Absent for normal prepurchase/template logos.
+  prePurchaseBrandKitLogoDraftToken?: string;
   isAdminMaker?: boolean;
   brandPageCustomDomain?: CustomDomainModel;
   isBrandPageCustomDomainEnabled: boolean;
@@ -181,6 +193,7 @@ export const useBrandPageContainerStore = defineStore('brandPageContainer', {
       isSellDomainNameEnabled: false,
       isDesignCom: false,
       isPrePurchase: false,
+      prePurchaseBrandKitLogoDraftToken: '',
       makerFonts: [],
       eventButtonLocation: undefined,
       websiteUpsellModalViewModel: undefined,
@@ -291,6 +304,12 @@ export const useBrandPageContainerStore = defineStore('brandPageContainer', {
         uiStore.setLogoDraftToken({ logoDraftToken: payload.logoDraftToken });
       }
 
+      // BP-5962: consume the host's explicit token verbatim (set unconditionally so a stale token from a
+      // previous editor mount never leaks in). The old derivation from isPrePurchase + logoDraftToken is
+      // gone — it fired on every reload of a normal saved draft and wrongly rendered it from the draft.
+      this.prePurchaseBrandKitLogoDraftToken =
+        payload.prePurchaseBrandKitLogoDraftToken || '';
+
       payload?.gettyVideos?.forEach((video) =>
         videoStore.setVideoUrlsWithToken(
           video.token,

package/src/brand-page-maker/stores/brandpage-maker/brandpage-maker-store.ts

@@ -1435,6 +1435,13 @@ export const useBrandPageMakerStore = defineStore('brandPageMaker', {
               logoTemplateMetadata: '',
               isLogoDraftSaved: false,
               logoDraftToken: uiStore.logoDraftToken || uuid.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:
+                brandPageContainerStore.prePurchaseBrandKitLogoDraftToken,
               logoEdits: {
                 backgroundObject: {
                   id: '',

package/src/clients/fabric-render-client.ts

@@ -32,6 +32,11 @@ export interface ModifyLogoDataRequest {
   variation: string;
   primaryText?: string;
   generateS3Url?: boolean;
+  // BP-6010: opt out of fabric-render's default re-stack after a changeRequest.
+  // Sent only on Brand Kit prepurchase renders, where the render base is the
+  // user's seeded logo draft and its authored arrangement must be preserved.
+  // Absent/false keeps fabric-render's behaviour unchanged for everyone else.
+  disableAutoLayout?: boolean;
   logo: {
     template: {
       token: string;

package/src/shared/background-settings/components/BackgroundSettings.vue

@@ -47,9 +47,9 @@
             id="background-overlay-color"
             name="overlayColor"
             :value="overlayColorValue"
-            :is-admin="isAdmin"
+            :is-admin-maker="isAdminMaker"
             :logo-theme="logoTheme"
-            :enable-color-match="isAdmin"
+            :enable-color-match="isAdminMaker"
             disable-transparent
             :label="backgroundSettingsTr('overlayColor')"
             @update:model-value="onOverlayColorChange"
@@ -80,7 +80,7 @@
       <!-- Shape section — admin always sees it; customers only when the
            template has at least one shape (main or array). -->
       <CollapsiblePanel
-        v-if="isAdmin || hasSingleShape || hasMultipleShapes"
+        v-if="isAdminMaker || hasSingleShape || hasMultipleShapes"
         data-component="collapsible-panel"
         :title="backgroundSettingsTr('shape')"
       >
@@ -158,7 +158,7 @@ const recommendedLogoColors = computed(
 const logoColors = computed(() => backgroundSettingsStore.logoColors);
 const logoTheme = computed(() => uiStore.logoTheme);
 const backgroundMode = computed(() => backgroundSettingsStore.backgroundMode);
-const isAdmin = computed(() => containerStore.isAdminMaker);
+const isAdminMaker = computed(() => containerStore.isAdminMaker);
 const isPersonalisationEnabled = computed(
   () => uiStore.isPersonalisationEnabled,
 );
@@ -166,7 +166,7 @@ const isPersonalisationEnabled = computed(
 defineEmits(['on-intent-image-replace']);
 
 const showPersonalisationField = computed(() => {
-  return isAdmin.value && isPersonalisationEnabled.value;
+  return isAdminMaker.value && isPersonalisationEnabled.value;
 });
 
 const personalisationRole = computed(() => {
@@ -251,10 +251,10 @@ const hasMultipleShapes = computed(
 
 const shapeTabs = computed(() => {
   const tabs: string[] = [];
-  if (isAdmin.value || hasSingleShape.value) {
+  if (isAdminMaker.value || hasSingleShape.value) {
     tabs.push(backgroundSettingsTr('singleShape'));
   }
-  if (isAdmin.value || hasMultipleShapes.value) {
+  if (isAdminMaker.value || hasMultipleShapes.value) {
     tabs.push(backgroundSettingsTr('multipleShapes'));
   }
   return tabs;

package/src/shared/background-settings/components/MultiBackgroundShapes.vue

@@ -5,9 +5,9 @@
       id="background-shapes"
       name="shapeColor"
       :value="shapeColorValue"
-      :is-admin="isAdmin"
+      :is-admin-maker="isAdminMaker"
       :logo-theme="logoTheme"
-      :enable-color-match="isAdmin"
+      :enable-color-match="isAdminMaker"
       :disable-transparent="true"
       :custom-groups="customGroups"
       :label="backgroundSettingsTr('shapeColor')"
@@ -72,7 +72,7 @@
 
         <template v-if="backgroundShapes[option.index]">
           <!-- Screen placement comes first (admin-only, template building) -->
-          <template v-if="isAdmin">
+          <template v-if="isAdminMaker">
             <p
               class="tw-mt-3 tw-font-sans tw-font-bold tw-text-secondary-800 tw-text-sm tw-mb-1"
             >
@@ -143,7 +143,7 @@
 
     <!-- Adding items is admin-only -->
     <Button
-      v-if="isAdmin"
+      v-if="isAdminMaker"
       variant="outline"
       :label="shapeFieldTr('addItemLabel')"
       size="small"
@@ -187,7 +187,7 @@ defineProps({
 
 const store = useUiBackgroundSettingsStore();
 const containerStore = useBrandPageContainerStore();
-const isAdmin = computed(() => containerStore.isAdminMaker);
+const isAdminMaker = computed(() => containerStore.isAdminMaker);
 
 const {
   backgroundShapes,

package/src/shared/background-settings/components/ReplaceImageSettingsForBackgroundSettings.vue

@@ -4,7 +4,7 @@
       :section-title="sectionTitle"
       :media-settings="mediaSettings"
       :image-extension="mediaExtension"
-      :is-admin="isAdmin"
+      :is-admin-maker="isAdminMaker"
       :mode="backgroundMode"
       :active-tabs="activeTabs"
       :media-type="mediaType"
@@ -58,7 +58,7 @@ const contentSettingsStore = useUiContentSettingsStore();
 const bpEventTracker = useEventTracker();
 
 const backgroundMode = computed(() => backgroundSettingsStore.backgroundMode);
-const isAdmin = computed(() => containerStore.isAdminMaker);
+const isAdminMaker = computed(() => containerStore.isAdminMaker);
 
 const mediaSettings = computed((): ReplaceImageSettingsBase | undefined => {
   return brandPageMakerStore.fieldSettings?.replaceImageSettings;

package/src/shared/background-settings/components/SingleBackgroundShape.vue

@@ -14,9 +14,9 @@
         id="background-shape"
         name="shapeColor"
         :value="shapeColorValue"
-        :is-admin="isAdmin"
+        :is-admin-maker="isAdminMaker"
         :logo-theme="logoTheme"
-        :enable-color-match="isAdmin"
+        :enable-color-match="isAdminMaker"
         :disable-transparent="true"
         :custom-groups="customGroups"
         :label="backgroundSettingsTr('shapeColor')"
@@ -66,7 +66,7 @@ defineProps({
 
 const store = useUiBackgroundSettingsStore();
 const containerStore = useBrandPageContainerStore();
-const isAdmin = computed(() => containerStore.isAdminMaker);
+const isAdminMaker = computed(() => containerStore.isAdminMaker);
 
 const {
   shapeUrl,

package/src/shared/background-settings/components/background-color/BackgroundColorSettings.vue

@@ -4,16 +4,16 @@
       id="background-color"
       name="background"
       :value="backgroundStyles.style.background || ''"
-      :is-admin="isAdmin"
+      :is-admin-maker="isAdminMaker"
       :logo-theme="logoTheme"
-      :enable-color-match="isAdmin"
+      :enable-color-match="isAdminMaker"
       show-gradients
       disable-transparent
       :label="backgroundSettingsTr(`backgroundColor`)"
       @update:model-value="onBackgroundColorChange"
     />
     <HelloBar
-      v-if="colorMatched && isAdmin"
+      v-if="colorMatched && isAdminMaker"
       label="Color Matched Logo"
       description="The color of the background is matched to the customers logo. If you change the color of the background, it will not longer be matched to the customer's logo."
       class="tw-mb-4 tw-mt-4"
@@ -47,7 +47,7 @@ const containerStore = useBrandPageContainerStore();
 const backgroundSettingsStore = useUiBackgroundSettingsStore();
 
 // Computed
-const isAdmin = computed(() => containerStore.isAdminMaker);
+const isAdminMaker = computed(() => containerStore.isAdminMaker);
 const backgroundStyles = computed(
   () => backgroundSettingsStore.backgroundStyles,
 );

package/src/shared/background-settings/components/background-shapes/BackgroundShapeSettings.mixin.ts

@@ -34,7 +34,7 @@ export default defineComponent({
     const backgroundSettingsStore = useUiBackgroundSettingsStore();
 
     return {
-      isAdmin: computed(() => containerStore.isAdminMaker),
+      isAdminMaker: computed(() => containerStore.isAdminMaker),
       backgroundStyles: computed(
         () => backgroundSettingsStore.backgroundStyles,
       ),

package/src/shared/background-settings/components/background-shapes/BackgroundShapeSettings.vue

@@ -1,7 +1,7 @@
 <template>
   <div>
     <HelloBar
-      v-if="colorMatched && isAdmin"
+      v-if="colorMatched && isAdminMaker"
       label="Color Matched Logo"
       description="The color of the shapes is matched to the customers logo. If you change the color of the shapes, it will not longer be matched to the customer's logo."
       class="tw-mb-4"

package/src/shared/content-settings/components/button-configuration-field/ButtonConfigurationField.vue

@@ -130,13 +130,13 @@ interface Props {
   pages?: Array<{ slug: string; title: string }>;
   titleLength?: number;
   descriptionLength?: number;
-  isAdmin?: boolean;
+  isAdminMaker?: boolean;
 }
 
 const props = withDefaults(defineProps<Props>(), {
   titleLength: MAX_TITLE_LENGTH,
   descriptionLength: MAX_DESCRIPTION_LENGTH,
-  isAdmin: false,
+  isAdminMaker: false,
   pages: undefined,
 });
 

package/src/shared/content-settings/components/color-field/ColorField.vue

@@ -4,8 +4,8 @@
     class="tw-flex"
     :class="{
       'tw-mt-4': !!label,
-      'tw-flex-col tw-gap-y-2 tw-w-full': isAdmin,
-      'tw-gap-2 tw-justify-between tw-items-center': !isAdmin,
+      'tw-flex-col tw-gap-y-2 tw-w-full': isAdminMaker,
+      'tw-gap-2 tw-justify-between tw-items-center': !isAdminMaker,
     }"
   >
     <span
@@ -18,7 +18,7 @@
       class="tw-flex tw-flex-row tw-gap-2 tw-items-center tw-justify-between"
     >
       <Toggle
-        v-if="isAdmin && enableColorMatch"
+        v-if="isAdminMaker && enableColorMatch"
         :id="`${id}-${name}-color-matched${toggleIdSuffix}`"
         :model-value="isOptionColorMatched"
         color="info"
@@ -43,7 +43,7 @@
       </div>
 
       <!-- Start Admin Style Theme Key Select -->
-      <div v-if="isAdmin && !isRichTextEditor && isOptionColorMatched">
+      <div v-if="isAdminMaker && !isRichTextEditor && isOptionColorMatched">
         <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"
           @change.stop="
@@ -100,7 +100,7 @@ interface Props {
     string | undefined
   >;
   label?: string;
-  isAdmin: boolean;
+  isAdminMaker: boolean;
   logoTheme: LogoTheme;
   toggleUniqueId?: string;
   enableColorMatch?: boolean;
@@ -333,7 +333,7 @@ watch(
       return;
     }
 
-    if (props.isAdmin && !newVal) {
+    if (props.isAdminMaker && !newVal) {
       newColor.value = '';
       changeColor();
       return;

package/src/shared/content-settings/components/color-replacements-field/ColorReplacementsField.vue

@@ -3,8 +3,8 @@
     data-component="color-replacements-field"
     class="tw-flex"
     :class="{
-      'tw-flex-col tw-gap-y-2 tw-w-full': isAdmin,
-      'tw-gap-2 tw-justify-between tw-items-center': !isAdmin,
+      'tw-flex-col tw-gap-y-2 tw-w-full': isAdminMaker,
+      'tw-gap-2 tw-justify-between tw-items-center': !isAdminMaker,
     }"
   >
     <span
@@ -14,7 +14,9 @@
     </span>
     <Toggle
       v-if="
-        isAdmin && data.colorReplacements && data.colorReplacements.length > 0
+        isAdminMaker &&
+        data.colorReplacements &&
+        data.colorReplacements.length > 0
       "
       :id="`${id}-${name}-color-matched${toggleIdSuffix}`"
       :model-value="isOptionColorMatched"
@@ -35,18 +37,18 @@
         :key="`${colorReplacement.attribute}-${colorReplacement.originalColor}`"
       >
         <ColorField
-          v-if="!isAdmin || !isOptionColorMatched"
+          v-if="!isAdminMaker || !isOptionColorMatched"
           name="fill"
           :disable-transparent="true"
           :value="colorReplacement.replacementColor"
-          :is-admin="isAdmin"
+          :is-admin-maker="isAdminMaker"
           :logo-theme="logoTheme"
           @update:model-value="onColorPickerInput($event, index)"
         />
       </div>
       <div
         v-if="
-          isAdmin &&
+          isAdminMaker &&
           data.colorReplacements &&
           data.colorReplacements.length > 0 &&
           isOptionColorMatched
@@ -90,7 +92,7 @@ const props = defineProps<{
   id: string;
   name: string;
   value: ColorReplacement[];
-  isAdmin: boolean;
+  isAdminMaker: boolean;
   label?: string;
   toggleUniqueId?: string;
   logoTheme: LogoTheme;

package/src/shared/content-settings/components/content-settings/ContentSettings.mixin.ts

@@ -59,7 +59,7 @@ export default defineComponent({
       contentSettingsSelectedItemId: computed(
         () => contentSettingsStore.selectedItemId,
       ),
-      isAdmin: computed(() => containerStore.isAdminMaker),
+      isAdminMaker: computed(() => containerStore.isAdminMaker),
       canUseRichTextEditor: computed(
         () => userStore.features.canUseRichTextEditor,
       ),

package/src/shared/content-settings/components/content-settings/ReplaceImageSettingsForContent.mixin.ts

@@ -54,7 +54,7 @@ export default defineComponent({
         () => contentSettingsStore.selectedItemTemplate?.type,
       ),
       mode: computed(() => contentSettingsStore.mode),
-      isAdmin: computed(() => containerStore.isAdminMaker),
+      isAdminMaker: computed(() => containerStore.isAdminMaker),
       contentSettingsStore,
       userStore,
       pageSettingsStore,
@@ -66,7 +66,7 @@ export default defineComponent({
   },
   computed: {
     isDeleteEnabled(): boolean {
-      return this.isAdmin;
+      return this.isAdminMaker;
     },
     selectedField(): ContentItemFieldSettings | undefined {
       if (!this.selectedItemFieldName) {

package/src/shared/content-settings/components/content-settings/ReplaceImageSettingsForContent.vue

@@ -2,7 +2,7 @@
   <div data-component="replace-image-settings-for-content">
     <ReplaceImageBaseSettings
       :section-title="sectionTitle"
-      :is-admin="isAdmin"
+      :is-admin-maker="isAdminMaker"
       :mode="mode"
       :media-settings="imageSettings"
       :active-tabs="activeTabs"

package/src/shared/content-settings/components/content-settings-item/ContentSettingsItem.mixin.ts

@@ -72,7 +72,7 @@ export default defineComponent({
       isPersonalisationEnabled: computed(
         () => uiStore.isPersonalisationEnabled,
       ),
-      isAdmin: computed(() => containerStore.isAdminMaker),
+      isAdminMaker: computed(() => containerStore.isAdminMaker),
       contentSettingsStore,
       sideBarStore,
       eventTracker,
@@ -190,7 +190,7 @@ export default defineComponent({
     },
 
     showPersonalisationField(): boolean {
-      return this.isAdmin && this.isPersonalisationEnabled;
+      return this.isAdminMaker && this.isPersonalisationEnabled;
     },
 
     personalisationRole(): PersonalisationRole | undefined {

package/src/shared/content-settings/components/content-settings-item/ContentSettingsItemField.mixin.ts

@@ -68,7 +68,7 @@ export default defineComponent({
       getContent: computed(() => contentSettingsStore.getContent),
       getValue: computed(() => contentSettingsStore.getValue),
       brandPageData: computed(() => brandPageMakerStore.brandPageData),
-      isAdmin: computed(() => brandPageContainerStore.isAdminMaker),
+      isAdminMaker: computed(() => brandPageContainerStore.isAdminMaker),
       isDesignCom: computed(() => brandPageContainerStore.isDesignCom),
       canUseRichTextEditor: computed(
         () => userStore.features.canUseRichTextEditor,
@@ -208,7 +208,7 @@ export default defineComponent({
     },
     showToggle(): boolean | undefined {
       //TODO: convert showToggle to both boolean and a function
-      if (this.field.name === 'backgroundStyle' && this.isAdmin) {
+      if (this.field.name === 'backgroundStyle' && this.isAdminMaker) {
         return true;
       }
 
@@ -294,7 +294,7 @@ export default defineComponent({
       }
     },
     onFieldChangeLogo(): void {
-      if (this.isAdmin) {
+      if (this.isAdminMaker) {
         this.sideBarStore.setSelectedTabName({
           tabName: SIDE_BAR_TAB_NAMES.ADMIN_LOGO_SETTINGS,
         });

package/src/shared/content-settings/components/content-settings-item/ContentSettingsItemField.vue

@@ -41,7 +41,7 @@
         }"
         :name="fieldName"
         :content="content"
-        :is-admin="isAdmin"
+        :is-admin-maker="isAdminMaker"
         :logo-theme="logoTheme"
         :is-toggled="isToggled"
         :multiple="field.multiple"

package/src/shared/content-settings/components/draggable-item-list/DraggableItemList.mixin.ts

@@ -59,7 +59,7 @@ export default defineComponent({
       type: Object as PropType<LogoTheme>,
       required: true,
     },
-    isAdmin: {
+    isAdminMaker: {
       type: Boolean,
       required: true,
     },

package/src/shared/content-settings/components/draggable-item-list/DraggableItemList.vue

@@ -131,7 +131,7 @@
                   : ''
               "
               :value="element.colorReplacements"
-              :is-admin="isAdmin"
+              :is-admin-maker="isAdminMaker"
               :logo-theme="logoTheme"
               :toggle-unique-id="index.toString()"
               @update:model-value="onColorReplacementsChange($event, index)"

package/src/shared/content-settings/components/focused-content-item-settings/FocusedContentItemSettings.mixin.ts

@@ -57,7 +57,7 @@ export default defineComponent({
       isPersonalisationEnabled: computed(
         () => uiStore.isPersonalisationEnabled,
       ),
-      isAdmin: computed(() => containerStore.isAdminMaker),
+      isAdminMaker: computed(() => containerStore.isAdminMaker),
       canUseRichTextEditor: computed(
         () => userStore.features.canUseRichTextEditor,
       ),
@@ -223,7 +223,7 @@ export default defineComponent({
     },
 
     showPersonalisationField(): boolean {
-      return this.isAdmin && this.isPersonalisationEnabled;
+      return this.isAdminMaker && this.isPersonalisationEnabled;
     },
 
     personalisationRole(): PersonalisationRole | undefined {

package/src/shared/content-settings/components/images-field/ImagesField.mixin.ts

@@ -38,7 +38,7 @@ export default defineComponent({
       type: Object as PropType<LogoTheme>,
       required: true,
     },
-    isAdmin: {
+    isAdminMaker: {
       type: Boolean,
       required: true,
     },

package/src/shared/content-settings/components/images-field/ImagesField.vue

@@ -14,7 +14,7 @@
       value-prop-name="imageTitle"
       :media-type="mediaType"
       :logo-theme="logoTheme"
-      :is-admin="isAdmin"
+      :is-admin-maker="isAdminMaker"
       @on-intent-image-replace="onReplace"
     />
     <div

package/src/shared/content-settings/components/links-field/LinksField.mixin.ts

@@ -44,7 +44,7 @@ export default defineComponent({
       type: Array as PropType<LinksItem[]>,
       required: true,
     },
-    isAdmin: {
+    isAdminMaker: {
       type: Boolean,
       required: true,
     },

package/src/shared/content-settings/components/links-field/LinksField.vue

@@ -10,7 +10,7 @@
       value-prop-name="url"
       field-type="url"
       :settings="itemListSettings"
-      :is-admin="isAdmin"
+      :is-admin-maker="isAdminMaker"
       :logo-theme="logoTheme"
       @on-intent-image-replace="onItemListIntentImageReplace"
       @on-color-replacements-change="onColorReplacementsChange"

package/src/shared/content-settings/components/replace-image-base-settings/ReplaceImageBaseSettings.vue

@@ -128,7 +128,7 @@ const props = defineProps({
     type: Object as PropType<BrandPageSettingsMode>,
     required: true,
   },
-  isAdmin: {
+  isAdminMaker: {
     type: Boolean,
     required: true,
     default: false,
@@ -231,7 +231,7 @@ const tabs = ref<Tab[]>([
 
 const enabledTabs = computed(() => {
   return tabs.value
-    .filter((x) => x.id !== 'MY_DESIGNS' || !props.isAdmin)
+    .filter((x) => x.id !== 'MY_DESIGNS' || !props.isAdminMaker)
     .filter(
       (x) =>
         props.activeTabs.some((y) => y === x.id) &&

package/src/shared/content-settings/components/shape-field/ShapeField.mixin.ts

@@ -33,7 +33,7 @@ export default defineComponent({
       type: Object as PropType<LogoTheme>,
       required: true,
     },
-    isAdmin: {
+    isAdminMaker: {
       type: Boolean,
       required: true,
     },

package/src/shared/content-settings/components/shape-field/ShapeField.vue

@@ -58,7 +58,7 @@
               : ''
           "
           :value="option.item.colorReplacements"
-          :is-admin="isAdmin"
+          :is-admin-maker="isAdminMaker"
           :logo-theme="logoTheme"
           :toggle-unique-id="option.index.toString()"
           @update:model-value="onColorReplacementsChange($event, option.index)"