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

package/lib/src/shared/page-settings/components/page-settings-section-styles/PageSettingsSectionStyles.mixin.d.ts

@@ -11,7 +11,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         required: false;
         default: () => never[];
     };
-    isAdmin: {
+    isAdminMaker: {
         type: BooleanConstructor;
         required: true;
     };
@@ -3979,6 +3979,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             triggerSaveSuccessMessage: boolean;
             isDesignCom: boolean;
             isPrePurchase: boolean;
+            prePurchaseBrandKitLogoDraftToken: string;
             makerFonts: any[];
             eventButtonLocation?: string | undefined;
             websiteUpsellModalViewModel?: any;
@@ -4074,6 +4075,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             triggerSaveSuccessMessage: boolean;
             isDesignCom: boolean;
             isPrePurchase: boolean;
+            prePurchaseBrandKitLogoDraftToken: string;
             makerFonts: any[];
             eventButtonLocation?: string | undefined;
             websiteUpsellModalViewModel?: any;
@@ -4169,6 +4171,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             triggerSaveSuccessMessage: boolean;
             isDesignCom: boolean;
             isPrePurchase: boolean;
+            prePurchaseBrandKitLogoDraftToken: string;
             makerFonts: any[];
             eventButtonLocation?: string | undefined;
             websiteUpsellModalViewModel?: any;
@@ -4335,6 +4338,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         getLogoPrimaryText: (state: {
             enableEditMode: boolean;
             logoDraftToken: string;
+            prePurchaseBrandKitLogoDraftToken: string;
             logoEdits: {
                 backgroundObject: {
                     id: string;
@@ -4721,7 +4725,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         required: false;
         default: () => never[];
     };
-    isAdmin: {
+    isAdminMaker: {
         type: BooleanConstructor;
         required: true;
     };

package/lib/src/shared/page-settings/components/page-settings-section-styles/PageSettingsSectionStyles.mixin.js

@@ -29,7 +29,7 @@ export default defineComponent({
             required: false,
             default: () => [],
         },
-        isAdmin: {
+        isAdminMaker: {
             type: Boolean,
             required: true,
         },

package/lib/src/shared/publish-brand-page-with-state/PublishBrandPageModalWithState.mixin.d.ts

@@ -294,6 +294,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             triggerSaveSuccessMessage: boolean;
             isDesignCom: boolean;
             isPrePurchase: boolean;
+            prePurchaseBrandKitLogoDraftToken: string;
             makerFonts: any[];
             eventButtonLocation?: string | undefined;
             websiteUpsellModalViewModel?: any;
@@ -389,6 +390,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             triggerSaveSuccessMessage: boolean;
             isDesignCom: boolean;
             isPrePurchase: boolean;
+            prePurchaseBrandKitLogoDraftToken: string;
             makerFonts: any[];
             eventButtonLocation?: string | undefined;
             websiteUpsellModalViewModel?: any;
@@ -484,6 +486,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             triggerSaveSuccessMessage: boolean;
             isDesignCom: boolean;
             isPrePurchase: boolean;
+            prePurchaseBrandKitLogoDraftToken: string;
             makerFonts: any[];
             eventButtonLocation?: string | undefined;
             websiteUpsellModalViewModel?: any;

package/lib/src/shared/side-bar/components/SideBar.mixin.d.ts

@@ -71,6 +71,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             triggerSaveSuccessMessage: boolean;
             isDesignCom: boolean;
             isPrePurchase: boolean;
+            prePurchaseBrandKitLogoDraftToken: string;
             makerFonts: any[];
             eventButtonLocation?: string | undefined;
             websiteUpsellModalViewModel?: any;
@@ -166,6 +167,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             triggerSaveSuccessMessage: boolean;
             isDesignCom: boolean;
             isPrePurchase: boolean;
+            prePurchaseBrandKitLogoDraftToken: string;
             makerFonts: any[];
             eventButtonLocation?: string | undefined;
             websiteUpsellModalViewModel?: any;
@@ -261,6 +263,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             triggerSaveSuccessMessage: boolean;
             isDesignCom: boolean;
             isPrePurchase: boolean;
+            prePurchaseBrandKitLogoDraftToken: string;
             makerFonts: any[];
             eventButtonLocation?: string | undefined;
             websiteUpsellModalViewModel?: any;
@@ -418,7 +421,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         isPrepurchaseOnly?: boolean | undefined;
     }[]>;
     selectedTabName: import("vue").ComputedRef<string>;
-    isAdmin: import("vue").ComputedRef<boolean>;
+    isAdminMaker: import("vue").ComputedRef<boolean>;
     contentSettingsMode: import("vue").ComputedRef<"images" | "add" | "pages" | "edit" | "focusedContentItem">;
     contentSettingsSelectedItemId: import("vue").ComputedRef<string | null>;
     sideBarStore: import("pinia").Store<"uiSideBar", import("../store").SideBarState, {}, {

package/lib/src/shared/side-bar/components/SideBar.mixin.js

@@ -30,7 +30,7 @@ export default defineComponent({
             brandPageContainerStore,
             tabs: computed(() => sideBarStore.tabs),
             selectedTabName: computed(() => sideBarStore.selectedTabName),
-            isAdmin: computed(() => brandPageContainerStore.isAdminMaker),
+            isAdminMaker: computed(() => brandPageContainerStore.isAdminMaker),
             contentSettingsMode: computed(() => contentSettingsStore.mode),
             contentSettingsSelectedItemId: computed(() => contentSettingsStore.selectedItemId),
             sideBarStore,
@@ -76,10 +76,10 @@ export default defineComponent({
             if (this.isBrandPageLoaded === false && this.isPrePurchase === false) {
                 return false;
             }
-            if (this.isAdmin && tab.isDisabledForAdmin) {
+            if (this.isAdminMaker && tab.isDisabledForAdmin) {
                 return false;
             }
-            if (!this.isAdmin && tab.isEnabledForAdminOnly === true) {
+            if (!this.isAdminMaker && tab.isEnabledForAdminOnly === true) {
                 return false;
             }
             if (this.isPrepurchase && tab.isPrepurchaseOnly === true) {

package/lib/src/shared/style-settings/components/StyleSettings.mixin.d.ts

@@ -355,7 +355,7 @@ declare const _default: import("vue").DefineComponent<{}, {
     doesLogoHaveBackground: import("vue").ComputedRef<boolean>;
     toggleLogoBackground: import("vue").ComputedRef<() => Promise<any>>;
     isDefaultTextColorRequired: import("vue").ComputedRef<boolean>;
-    isAdmin: import("vue").ComputedRef<boolean>;
+    isAdminMaker: import("vue").ComputedRef<boolean>;
     brandPageType: import("vue").ComputedRef<"default" | "brandSite" | "brandContact">;
     showBrandCrowdLogo: import("vue").ComputedRef<boolean>;
     isDesignCom: import("vue").ComputedRef<boolean>;
@@ -678,6 +678,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             triggerSaveSuccessMessage: boolean;
             isDesignCom: boolean;
             isPrePurchase: boolean;
+            prePurchaseBrandKitLogoDraftToken: string;
             makerFonts: any[];
             eventButtonLocation?: string | undefined;
             websiteUpsellModalViewModel?: any;
@@ -773,6 +774,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             triggerSaveSuccessMessage: boolean;
             isDesignCom: boolean;
             isPrePurchase: boolean;
+            prePurchaseBrandKitLogoDraftToken: string;
             makerFonts: any[];
             eventButtonLocation?: string | undefined;
             websiteUpsellModalViewModel?: any;
@@ -868,6 +870,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             triggerSaveSuccessMessage: boolean;
             isDesignCom: boolean;
             isPrePurchase: boolean;
+            prePurchaseBrandKitLogoDraftToken: string;
             makerFonts: any[];
             eventButtonLocation?: string | undefined;
             websiteUpsellModalViewModel?: any;

package/lib/src/shared/style-settings/components/StyleSettings.mixin.js

@@ -36,7 +36,7 @@ export default defineComponent({
             doesLogoHaveBackground: computed(() => styleSettingsStore.doesLogoHaveBackground),
             toggleLogoBackground: computed(() => styleSettingsStore.toggleLogoBackground),
             isDefaultTextColorRequired: computed(() => uiStore.isDefaultTextColorRequired),
-            isAdmin: computed(() => brandPageContainerStore.isAdminMaker),
+            isAdminMaker: computed(() => brandPageContainerStore.isAdminMaker),
             brandPageType: computed(() => brandPageMakerStore.brandPageType),
             showBrandCrowdLogo: computed(() => brandPageMakerStore.showBrandCrowdLogo),
             isDesignCom: computed(() => brandPageContainerStore.isDesignCom),
@@ -104,7 +104,7 @@ export default defineComponent({
         },
     },
     created() {
-        if (this.isAdmin) {
+        if (this.isAdminMaker) {
             // check if the buttons styles are color matched
             Object.keys(this.isColorMatch).forEach((k) => {
                 this.isColorMatch[k] =

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@designcrowd/library.brand-page",
   "description": "A collection of Maker/Designer applications",
-  "version": "6.1.6-use-isadminmaker-2",
+  "version": "6.1.6",
   "author": "Design.com Eng",
   "license": "UNLICENSED",
   "type": "module",

package/src/brand-page-maker/components/action-bar/ActionBar.mixin.ts

@@ -16,7 +16,7 @@ export default defineComponent({
     const containerStore = useBrandPageContainerStore();
 
     return {
-      isAdmin: computed(() => containerStore.isAdminMaker),
+      isAdminMaker: computed(() => containerStore.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.

package/src/brand-page-maker/components/action-bar/ActionBar.vue

@@ -1,6 +1,6 @@
 <template>
   <div
-    v-if="!isAdmin"
+    v-if="!isAdminMaker"
     class="tw-hidden lg:tw-flex tw-p-4 tw-w-full tw-bg-black lg:tw-bg-white tw-border-t tw-border-b tw-border-grayscale-500 tw-border-solid tw-items-center tw-justify-center tw-gap-5 tw-box-border"
   >
     <Button

package/src/brand-page-maker/components/action-bar/ActionBarNavigation.vue

@@ -4,7 +4,7 @@
     class="tw-flex tw-items-center tw-border-t tw-border-solid tw-border-grayscale-600 tw-h-12 tw-px-2 lg:tw-px-0 lg:tw-h-auto lg:tw-border-none tw-gap-3 lg:tw-gap-5 tw-w-full lg:tw-justify-end tw-box-border"
   >
     <Button
-      v-if="!isAdmin && isLivePreviewEnabled"
+      v-if="!isAdminMaker && isLivePreviewEnabled"
       :label="constantsTr('previewDisplayName')"
       variant="no-border"
       :white="true"
@@ -19,9 +19,9 @@
     <Button
       v-if="!isPublished"
       :label="
-        isAdmin ? actionBarTr('saveTemplate') : actionBarTr('saveProgress')
+        isAdminMaker ? actionBarTr('saveTemplate') : actionBarTr('saveProgress')
       "
-      :variant="isAdmin ? 'primary' : 'outline'"
+      :variant="isAdminMaker ? 'primary' : 'outline'"
       :disabled="isSaving"
       :white="true"
       size="small-medium"
@@ -30,7 +30,7 @@
       @on-click.stop="saveBrandPage"
     />
     <Button
-      v-if="isBrandContact && isPublished && !isAdmin"
+      v-if="isBrandContact && isPublished && !isAdminMaker"
       :label="actionBarTr('createTeamCards')"
       variant="gray"
       size="small-medium"
@@ -40,7 +40,7 @@
       @on-click.stop="createTeamCards(true)"
     />
     <Button
-      v-if="!isAdmin"
+      v-if="!isAdminMaker"
       :label="actionBarTr('publish')"
       :variant="isPublishButtonEnabled ? 'success' : 'gray'"
       :disabled="!isPublishButtonEnabled"

package/src/brand-page-maker/components/admin-background-settings/AdminBackgroundSettings.vue

@@ -4,7 +4,7 @@
 <script>
 import BackgroundSettings from '@shared/background-settings/components/BackgroundSettings.vue';
 
-// The shared BackgroundSettings panel reads `isAdmin` from the user store and renders
+// The shared BackgroundSettings panel reads `isAdminMaker` from the user store and renders
 // the admin controls (colour-match, add/placement) inline, so the admin tab is just a
 // thin wrapper. The old slot-based admin UI was removed when BackgroundSettings stopped
 // exposing #pre/#pre-shape/#post-shape slots (BP-4024).

package/src/brand-page-maker/components/brand-page-maker/BrandPageMaker.mixin.ts

@@ -152,7 +152,7 @@ export default defineComponent({
       backButtonLabel: computed(() => containerStore.backButtonLabel),
       isDesignCom: computed(() => containerStore.isDesignCom),
       selectedTabName: computed(() => sideBarStore.selectedTabName),
-      isAdmin: computed(() => containerStore.isAdminMaker),
+      isAdminMaker: computed(() => containerStore.isAdminMaker),
       contentErrorCount: computed(() => contentSettingsStore.contentErrorCount),
       mode: computed(() => contentSettingsStore.mode),
       brandPageMakerStore,

package/src/brand-page-maker/components/brand-page-maker/BrandPageMaker.stories.ts

@@ -111,7 +111,7 @@ const InitialiseMakerStores = (options: {
   prepurchase?: {};
   postpurchase?: {};
   isDesignCom?: boolean;
-  isAdmin?: boolean;
+  isAdminMaker?: boolean;
 }) => {
   const isPrePurchase = !!options.prepurchase;
 
@@ -274,12 +274,12 @@ const InitialiseMakerStores = (options: {
   });
 
   userStore.setUserState({
-    isAdmin: options.isAdmin,
+    isAdmin: options.isAdminMaker,
     hasPremiumSubscription: false,
     brandPageCommissionPercentage: 0.1,
   });
 
-  brandPageContainerStore.isAdminMaker = options.isAdmin ?? false;
+  brandPageContainerStore.isAdminMaker = options.isAdminMaker ?? false;
 };
 
 const FABRIC_RENDER_BASE_URL = 'https://localhost:6006/';
@@ -485,7 +485,7 @@ SampleBanner.story = {
 };
 
 export const SamplePersonalised = (): any => {
-  InitialiseMakerStores({ isAdmin: true });
+  InitialiseMakerStores({ isAdminMaker: true });
 
   return defineComponent({
     components: {
@@ -511,7 +511,7 @@ export const SamplePersonalised = (): any => {
     template: `
       <BrandPageMaker :view-model="viewModel"/>
     `,
-    pinia: setupStoryPinia({ isAdmin: true }),
+    pinia: setupStoryPinia({ isAdminMaker: true }),
   });
 };
 
@@ -1364,7 +1364,7 @@ export const SampleNoUserMedia = (): any => {
 };
 
 export const SampleAdminMode = (): any => {
-  InitialiseMakerStores({ isAdmin: true });
+  InitialiseMakerStores({ isAdminMaker: true });
 
   const pinia = setupStoryPinia();
 
@@ -1412,7 +1412,7 @@ export const SampleAdminModeBrandSite: Story = {
   name: 'Sample (admin mode brandsite1)',
   render: () => ({
     setup() {
-      InitialiseMakerStores({ isAdmin: true });
+      InitialiseMakerStores({ isAdminMaker: true });
     },
     components: {
       BrandPageMaker,

package/src/brand-page-maker/components/brand-page-maker/BrandPageMaker.vue

@@ -5,7 +5,7 @@
     class="tw-font-sans"
   >
     <MakerNavigation
-      :is-admin="isAdmin"
+      :is-admin-maker="isAdminMaker"
       :is-published="isPublished"
       :is-saving="isSaving"
       :brand-crowd-url="brandCrowdUrl"

package/src/brand-page-maker/components/brand-page-maker/__fixtures__/store-fixture.ts

@@ -9,7 +9,7 @@ export const setupStoryPinia = (
     customDomain?: CustomDomainModel;
     designDraftToken?: string;
     endpoints?: Endpoints;
-    isAdmin?: boolean;
+    isAdminMaker?: boolean;
     noUserMedia?: boolean;
     noPaymentConfig?: boolean;
     disableMock?: boolean;

package/src/brand-page-maker/components/brandpage-maker-page/BrandPageMakerPage.mixin.ts

@@ -75,7 +75,7 @@ export default defineComponent({
       canUseRichTextEditor: computed(
         () => brandPageMakerUserStore.features.canUseRichTextEditor,
       ),
-      isAdmin: computed(() => brandPageContainerStore.isAdminMaker),
+      isAdminMaker: computed(() => brandPageContainerStore.isAdminMaker),
       logoTheme: computed(() => uiStore.logoTheme),
       contentSettingsStore,
       brandPageMakerStore,
@@ -294,7 +294,7 @@ export default defineComponent({
       ) {
         let selectedItem = item;
 
-        if (this.isAdmin) {
+        if (this.isAdminMaker) {
           const currentItem = this.items.find(
             (i: { id: string }) => i.id === item.id,
           );

package/src/brand-page-maker/components/brandpage-settings/BrandPageSettings.vue

@@ -140,7 +140,7 @@
         >
           <div class="tw-mt-2">
             <SaveContact
-              :is-admin="isAdmin"
+              :is-admin-maker="isAdminMaker"
               :is-pre-purchase="isPrePurchase"
               :is-design-com="isDesignCom"
             />
@@ -248,7 +248,7 @@ const brandPageViewModel = computed(
   () => brandPageMakerStore.brandPageViewModel,
 );
 const features = computed(() => userStore.features);
-const isAdmin = computed(() => containerStore.isAdminMaker);
+const isAdminMaker = computed(() => containerStore.isAdminMaker);
 const isDesignCom = computed(() => containerStore.isDesignCom);
 const ogImageUrl = computed(() => brandPageMakerStore.ogImageUrl);
 const isPublished = computed(() => containerStore.isPublished);
@@ -265,7 +265,7 @@ const data = reactive({
 });
 
 const isPaymentProvidersSectionEnabled = computed((): boolean => {
-  return !isAdmin.value && features.value.canAddRequestPaymentContents;
+  return !isAdminMaker.value && features.value.canAddRequestPaymentContents;
 });
 
 const isAddPaymentProviderButtonEnabled = computed((): boolean => {

package/src/brand-page-maker/components/brandpage-settings/ReplaceImageSettingsForBrandPageSettings.mixin.ts

@@ -30,7 +30,7 @@ export default defineComponent({
 
     return {
       mode: computed(() => brandPageMakerStore.mode),
-      isAdmin: computed(() => containerStore.isAdminMaker),
+      isAdminMaker: computed(() => containerStore.isAdminMaker),
       brandPageMakerStore,
       userStore,
     };

package/src/brand-page-maker/components/brandpage-settings/ReplaceImageSettingsForBrandPageSettings.vue

@@ -4,7 +4,7 @@
       :section-title="sectionTitle"
       :media-settings="mediaSettings"
       :image-extension="mediaExtension"
-      :is-admin="isAdmin"
+      :is-admin-maker="isAdminMaker"
       :mode="mode"
       :active-tabs="activeTabs"
       :media-type="mediaType"

package/src/brand-page-maker/components/navigation/Navigation.mixin.ts

@@ -4,7 +4,7 @@ import { navigationTr } from '@src/composables/useTranslate';
 
 export default defineComponent({
   props: {
-    isAdmin: {
+    isAdminMaker: {
       type: Boolean,
       required: false,
       default: false,

package/src/brand-page-maker/components/navigation/Navigation.vue

@@ -3,14 +3,14 @@
     data-component="navigation"
     class="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"
     :class="{
-      'tw-bg-grayscale-800': !isAdmin,
+      'tw-bg-grayscale-800': !isAdminMaker,
     }"
   >
     <div
       class="tw-flex tw-flex-col lg:tw-flex-row tw-justify-between lg:tw-items-center lg:tw-gap-4"
     >
       <div
-        v-if="!isAdmin"
+        v-if="!isAdminMaker"
         class="tw-px-2 lg:tw-px-0 tw-h-12 lg:tw-h-auto tw-flex tw-items-center"
       >
         <Logo
@@ -21,7 +21,7 @@
       </div>
       <WebsiteBreadcrumb v-if="showBreadcrumb" class="tw-hidden lg:tw-flex" />
       <Button
-        v-if="isAdmin || !showBreadcrumb"
+        v-if="isAdminMaker || !showBreadcrumb"
         :label="backButtonLabel"
         variant="no-border"
         icon-left="chevron-left"

package/src/brand-page-maker/components/rich-text-editor/RichTextEditor.vue

@@ -1,5 +1,5 @@
 <template>
-  <div v-if="isAdmin" class="tw-p-3">
+  <div v-if="isAdminMaker" class="tw-p-3">
     <p
       class="tw-font-sans tw-font-bold tw-text-secondary-800 tw-text-sm tw-mb-2 tw-mt-4"
     >
@@ -11,7 +11,7 @@
       :name="name + 'TextStyle'"
       :value="textColorValue"
       :options="colorConvertor.convert(props.styles)"
-      :is-admin="isAdmin"
+      :is-admin-maker="isAdminMaker"
       :logo-theme="logoTheme"
       :show-color-pallet="false"
       :is-toggled="true"
@@ -38,7 +38,7 @@
       :name="name"
       :value="textBackgroundColorValue"
       :options="backgroundColorConvertor.convert(props.styles)"
-      :is-admin="isAdmin"
+      :is-admin-maker="isAdminMaker"
       :show-color-pallet="false"
       :logo-theme="logoTheme"
       :is-toggled="false"
@@ -161,7 +161,7 @@
             :icon-type="'text-color'"
             :disable-transparent="true"
             :value="fontSettings.selectedTextColor"
-            :is-admin="isAdmin"
+            :is-admin-maker="isAdminMaker"
             :logo-theme="logoTheme"
             :is-toggled="true"
             :popup="true"
@@ -248,7 +248,7 @@
             :is-rich-text-editor="true"
             :icon-type="'text-background-color'"
             :value="fontSettings.selectedBackgroundColor"
-            :is-admin="isAdmin"
+            :is-admin-maker="isAdminMaker"
             :logo-theme="logoTheme"
             :is-toggled="true"
             :popup="true"
@@ -569,7 +569,7 @@ const isSpacingDropdownOpen = ref(false);
 const containerStore = useBrandPageContainerStore();
 const uiStore = useUiStore();
 
-const isAdmin = computed(() => containerStore.isAdminMaker);
+const isAdminMaker = computed(() => containerStore.isAdminMaker);
 const logoTheme = computed(() => uiStore.logoTheme);
 
 const fontSettings = reactive({
@@ -686,7 +686,7 @@ const textColorValue = computed(() => toggleTextColor.value);
 watch(
   () => props.styles.color,
   (newColor) => {
-    if (isAdmin.value) {
+    if (isAdminMaker.value) {
       toggleTextColor.value = newColor ?? '';
       isTextColorPickerDisabled.value = hasLogoColorVar(newColor ?? '');
     }
@@ -702,7 +702,7 @@ const textBackgroundColorValue = computed(
 watch(
   () => props.styles.backgroundColor,
   (newColor) => {
-    if (isAdmin.value) {
+    if (isAdminMaker.value) {
       toggleTextBackgroundColor.value = newColor ?? '';
       isBackgroundColorPickerDisabled.value = hasLogoColorVar(newColor ?? '');
     }
@@ -715,7 +715,7 @@ watch(
       ?.color,
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
   (_newColor) => {
-    if (isAdmin.value) {
+    if (isAdminMaker.value) {
       if (props.textItemIndex !== undefined && selectedGlobalTextStyles) {
         toggleTextColor.value =
           selectedGlobalTextStyles.value.style.color ?? '';
@@ -735,7 +735,7 @@ watch(
   },
 );
 
-if (isAdmin.value) initializeDisabledStates();
+if (isAdminMaker.value) initializeDisabledStates();
 
 watch(
   () => props.styles.textStyleType,
@@ -748,7 +748,7 @@ watch(
       copyGlobalStyleSettings(globalStyle);
 
       // syncing with admin global color match feature
-      if (isAdmin.value) {
+      if (isAdminMaker.value) {
         if (
           globalStyle.color &&
           (globalStyle.color.includes(STYLE_THEME_KEYS.LogoTextColor) ||

package/src/brand-page-maker/components/save-contact/SaveContact.vue

@@ -27,7 +27,7 @@
       </div>
       <div class="tw-flex-none tw-mt-4">
         <div
-          v-if="!isAdmin && !isPrePurchase && isSavingEnabled"
+          v-if="!isAdminMaker && !isPrePurchase && isSavingEnabled"
           class="tw-flex tw-items-center tw-justify-between tw-cursor-pointer tw-gap-1"
           @click="onHideBranding"
         >
@@ -86,7 +86,7 @@ import {
 } from '../../composables/useEventTracker';
 
 interface Props {
-  isAdmin: boolean;
+  isAdminMaker: boolean;
   isPrePurchase: boolean;
   isDesignCom: boolean;
 }

package/src/brand-page-maker/components/shop/ReplaceImageSettingsForShop.vue

@@ -1,7 +1,7 @@
 <template>
   <div data-component="replace-image-settings-for-shop">
     <ReplaceImageBaseSettings
-      :is-admin="false"
+      :is-admin-maker="false"
       :transparent-bg="true"
       mode="images"
       :media-settings="imageSettings"

package/src/brand-page-maker/components/template-preview/TemplatePreview.mixin.ts

@@ -81,7 +81,7 @@ export default defineComponent({
       runtimeEnvironment: computed(
         () => brandPageContainerStore.runtimeEnvironment,
       ),
-      isAdmin: computed(() => brandPageContainerStore.isAdminMaker),
+      isAdminMaker: computed(() => brandPageContainerStore.isAdminMaker),
       userToken: computed(() => brandPageMakerUserStore.userToken),
       isBrandSite: computed(
         () => brandPageMakerStore.brandPageType === BRAND_PAGE_TYPES.brandSite,
@@ -313,7 +313,7 @@ export default defineComponent({
   },
   watch: {
     template() {
-      if (this.isAdmin) {
+      if (this.isAdminMaker) {
         this.updateViewModel();
       } else {
         // Reset loading state when template changes for image-based previews
@@ -323,20 +323,20 @@ export default defineComponent({
     },
     logoTheme: {
       handler() {
-        if (this.isAdmin) {
+        if (this.isAdminMaker) {
           this.updateViewModel();
         }
       },
       deep: true,
     },
     logoImageBase64Url() {
-      if (this.isAdmin) {
+      if (this.isAdminMaker) {
         this.updateViewModel();
       }
     },
     previewImageUrl() {
       // Reset loading state whenever the preview URL changes
-      if (!this.isAdmin) {
+      if (!this.isAdminMaker) {
         this.imageLoading = true;
         this.imageLoadError = false;
       }
@@ -406,7 +406,7 @@ export default defineComponent({
 
     async updateViewModel(forceUpdate = true) {
       // Only update view model for admin or pre-purchase mode
-      if (!this.isAdmin) {
+      if (!this.isAdminMaker) {
         return;
       }