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

package/lib/src/shared/page-settings/components/page-settings/PageSettings.mixin.d.ts

@@ -3137,7 +3137,7 @@ declare const _default: import("vue").DefineComponent<{}, {
         googleAdsenseEnabled: boolean;
         canUseUndoRedo: boolean;
     }>;
-    isAdmin: import("vue").ComputedRef<boolean>;
+    isAdminMaker: import("vue").ComputedRef<boolean>;
     isBrandSite: import("vue").ComputedRef<boolean>;
     navigationStyleTypeConfigs: import("vue").ComputedRef<{
         header: {
@@ -3950,7 +3950,6 @@ declare const _default: import("vue").DefineComponent<{}, {
             brandPageCommissionPercentage?: number;
             features?: Partial<import("@brand-page-maker/stores").UserFeatures>;
         }): void;
-        setIsAdminMaker(isAdminMaker: boolean): void;
     }>;
     pageSettingsStore: import("pinia").Store<"uiPageSettings", import("../../store").PageSettingsState, {
         getFirstOrDefaultPage(): ContentPage;
@@ -4561,7 +4560,6 @@ declare const _default: import("vue").DefineComponent<{}, {
     brandPageContainerStore: import("pinia").Store<"brandPageContainer", import("@brand-page-maker/stores").BrandPageContainerState, {
         brandPageContentTypes(): string[];
         isAdmin(): boolean;
-        isAdminMaker(): boolean;
         isPublished: (state: {
             availableTaxes: any[];
             brandPageBaseUrl: string;
@@ -4598,6 +4596,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             isUpgradeModalVisible: boolean;
             isPublishing: boolean;
             isProduction: boolean;
+            isAdminMaker: boolean;
             isSellDomainNameEnabled: boolean;
             isStripeOnboardingModalVisible: boolean;
             isReactivationModal: boolean;
@@ -4692,6 +4691,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             isUpgradeModalVisible: boolean;
             isPublishing: boolean;
             isProduction: boolean;
+            isAdminMaker: boolean;
             isSellDomainNameEnabled: boolean;
             isStripeOnboardingModalVisible: boolean;
             isReactivationModal: boolean;
@@ -4786,6 +4786,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             isUpgradeModalVisible: boolean;
             isPublishing: boolean;
             isProduction: boolean;
+            isAdminMaker: boolean;
             isSellDomainNameEnabled: boolean;
             isStripeOnboardingModalVisible: boolean;
             isReactivationModal: boolean;

package/lib/src/shared/page-settings/components/page-settings/PageSettings.mixin.js

@@ -138,7 +138,7 @@ export default defineComponent({
             sectionCollapsedStates: computed(() => pageSettingsStore.sectionCollapsedStates),
             sections: computed(() => pageSettingsStore.sections),
             features: computed(() => userStore.features),
-            isAdmin: computed(() => userStore.isAdminMaker),
+            isAdminMaker: computed(() => brandPageContainerStore.isAdminMaker),
             isBrandSite: computed(() => brandPageMakerStore.isBrandSite),
             navigationStyleTypeConfigs: computed(() => navigationSettingsStore.navigationStyleTypeConfigs),
             navigationStylesDesktop: computed(() => navigationSettingsStore.navigation.header.desktop),

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;
     };
@@ -3925,7 +3925,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     containerStore: import("pinia").Store<"brandPageContainer", import("@brand-page-maker/stores").BrandPageContainerState, {
         brandPageContentTypes(): string[];
         isAdmin(): boolean;
-        isAdminMaker(): boolean;
         isPublished: (state: {
             availableTaxes: any[];
             brandPageBaseUrl: string;
@@ -3962,6 +3961,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             isUpgradeModalVisible: boolean;
             isPublishing: boolean;
             isProduction: boolean;
+            isAdminMaker: boolean;
             isSellDomainNameEnabled: boolean;
             isStripeOnboardingModalVisible: boolean;
             isReactivationModal: boolean;
@@ -4056,6 +4056,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             isUpgradeModalVisible: boolean;
             isPublishing: boolean;
             isProduction: boolean;
+            isAdminMaker: boolean;
             isSellDomainNameEnabled: boolean;
             isStripeOnboardingModalVisible: boolean;
             isReactivationModal: boolean;
@@ -4150,6 +4151,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             isUpgradeModalVisible: boolean;
             isPublishing: boolean;
             isProduction: boolean;
+            isAdminMaker: boolean;
             isSellDomainNameEnabled: boolean;
             isStripeOnboardingModalVisible: boolean;
             isReactivationModal: boolean;
@@ -4719,7 +4721,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

@@ -240,7 +240,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     brandPageContainerStore: import("pinia").Store<"brandPageContainer", import("@brand-page-maker/stores").BrandPageContainerState, {
         brandPageContentTypes(): string[];
         isAdmin(): boolean;
-        isAdminMaker(): boolean;
         isPublished: (state: {
             availableTaxes: any[];
             brandPageBaseUrl: string;
@@ -277,6 +276,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             isUpgradeModalVisible: boolean;
             isPublishing: boolean;
             isProduction: boolean;
+            isAdminMaker: boolean;
             isSellDomainNameEnabled: boolean;
             isStripeOnboardingModalVisible: boolean;
             isReactivationModal: boolean;
@@ -371,6 +371,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             isUpgradeModalVisible: boolean;
             isPublishing: boolean;
             isProduction: boolean;
+            isAdminMaker: boolean;
             isSellDomainNameEnabled: boolean;
             isStripeOnboardingModalVisible: boolean;
             isReactivationModal: boolean;
@@ -465,6 +466,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             isUpgradeModalVisible: boolean;
             isPublishing: boolean;
             isProduction: boolean;
+            isAdminMaker: boolean;
             isSellDomainNameEnabled: boolean;
             isStripeOnboardingModalVisible: boolean;
             isReactivationModal: boolean;

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

@@ -17,7 +17,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     brandPageContainerStore: import("pinia").Store<"brandPageContainer", import("@brand-page-maker/stores").BrandPageContainerState, {
         brandPageContentTypes(): string[];
         isAdmin(): boolean;
-        isAdminMaker(): boolean;
         isPublished: (state: {
             availableTaxes: any[];
             brandPageBaseUrl: string;
@@ -54,6 +53,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             isUpgradeModalVisible: boolean;
             isPublishing: boolean;
             isProduction: boolean;
+            isAdminMaker: boolean;
             isSellDomainNameEnabled: boolean;
             isStripeOnboardingModalVisible: boolean;
             isReactivationModal: boolean;
@@ -148,6 +148,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             isUpgradeModalVisible: boolean;
             isPublishing: boolean;
             isProduction: boolean;
+            isAdminMaker: boolean;
             isSellDomainNameEnabled: boolean;
             isStripeOnboardingModalVisible: boolean;
             isReactivationModal: boolean;
@@ -242,6 +243,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             isUpgradeModalVisible: boolean;
             isPublishing: boolean;
             isProduction: boolean;
+            isAdminMaker: boolean;
             isSellDomainNameEnabled: boolean;
             isStripeOnboardingModalVisible: boolean;
             isReactivationModal: boolean;
@@ -416,7 +418,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, {}, {
@@ -437,7 +439,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             brandPageCommissionPercentage?: number;
             features?: Partial<import("@brand-page-maker/stores").UserFeatures>;
         }): void;
-        setIsAdminMaker(isAdminMaker: boolean): void;
     }>;
     'side-bar-content': import("vue").Ref<null, null>;
     isPrepurchase: import("vue").ComputedRef<boolean>;

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(() => userStore.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>;
@@ -477,7 +477,6 @@ declare const _default: import("vue").DefineComponent<{}, {
             brandPageCommissionPercentage?: number;
             features?: Partial<import("@brand-page-maker/stores").UserFeatures>;
         }): void;
-        setIsAdminMaker(isAdminMaker: boolean): void;
     }>;
     brandPageMakerStore: import("pinia").Store<"brandPageMaker", import("@brand-page-maker/stores").BrandPageMakerState, {
         contentErrorCount(): number;
@@ -625,7 +624,6 @@ declare const _default: import("vue").DefineComponent<{}, {
     brandPageContainerStore: import("pinia").Store<"brandPageContainer", import("@brand-page-maker/stores").BrandPageContainerState, {
         brandPageContentTypes(): string[];
         isAdmin(): boolean;
-        isAdminMaker(): boolean;
         isPublished: (state: {
             availableTaxes: any[];
             brandPageBaseUrl: string;
@@ -662,6 +660,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             isUpgradeModalVisible: boolean;
             isPublishing: boolean;
             isProduction: boolean;
+            isAdminMaker: boolean;
             isSellDomainNameEnabled: boolean;
             isStripeOnboardingModalVisible: boolean;
             isReactivationModal: boolean;
@@ -756,6 +755,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             isUpgradeModalVisible: boolean;
             isPublishing: boolean;
             isProduction: boolean;
+            isAdminMaker: boolean;
             isSellDomainNameEnabled: boolean;
             isStripeOnboardingModalVisible: boolean;
             isReactivationModal: boolean;
@@ -850,6 +850,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             isUpgradeModalVisible: boolean;
             isPublishing: boolean;
             isProduction: boolean;
+            isAdminMaker: boolean;
             isSellDomainNameEnabled: boolean;
             isStripeOnboardingModalVisible: boolean;
             isReactivationModal: boolean;

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(() => userStore.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/lib/src/shared/template-settings/store/template-settings-store.js

@@ -3,7 +3,7 @@ import * as DesignTemplateClient from '../../../clients/design-template-client';
 import {} from '../../../clients/models';
 import { BP_DEFAULT_TEMPLATE_TYPE_NAME, BP_BRAND_SITE_TEMPLATE_TYPE_NAME, SIDE_BAR_TAB_NAMES, } from '@brand-page-maker/constants';
 import { defineStore, storeToRefs } from 'pinia';
-import { useBrandPageContainerStore, useBrandPageMakerStore, useBrandPageMakerUserStore, useLogoStore, useUiStore, } from '@brand-page-maker/stores';
+import { useBrandPageContainerStore, useBrandPageMakerStore, useLogoStore, useUiStore, } from '@brand-page-maker/stores';
 import { useUiSideBarStore } from '../../side-bar/store';
 import { BrandPageModel, } from '@brand-page/models';
 import { migrateBrandPageModel } from '@brand-page/utils';
@@ -65,9 +65,9 @@ export const useUiTemplateSettingsStore = defineStore('uiTemplateSettings', {
     },
     getters: {
         renderAsImage() {
-            const brandPageMakerUserStore = useBrandPageMakerUserStore();
+            const brandPageContainerStore = useBrandPageContainerStore();
             // Admin users get live previews, non-admin users get images
-            return !brandPageMakerUserStore.isAdminMaker;
+            return !brandPageContainerStore.isAdminMaker;
         },
     },
     actions: {
@@ -158,7 +158,6 @@ export const useUiTemplateSettingsStore = defineStore('uiTemplateSettings', {
         async loadPageNo({ pageNo }) {
             const brandPageMakerStore = useBrandPageMakerStore();
             const brandPageContainerStore = useBrandPageContainerStore();
-            const brandPageMakerUserStore = useBrandPageMakerUserStore();
             const logoSettingsStore = useUiLogoSettingsStore();
             const logoStore = useLogoStore();
             const editableLogoStore = useUiEditableLogoStore();
@@ -280,7 +279,7 @@ export const useUiTemplateSettingsStore = defineStore('uiTemplateSettings', {
                 }
                 const templates = await Promise.all(result.paginatedItems.map(async (item) => {
                     try {
-                        if (brandPageMakerUserStore.isAdminMaker) {
+                        if (brandPageContainerStore.isAdminMaker) {
                             const template = await designTemplateClient.getTemplateByTemplateToken(item.designTemplateToken);
                             return this.safeMapToTemplateSettingsTemplate(template);
                         }
@@ -461,7 +460,7 @@ export const useUiTemplateSettingsStore = defineStore('uiTemplateSettings', {
         setupLogoChangeWatcher() {
             const logoSettingsStore = useUiLogoSettingsStore();
             const editableLogoStore = useUiEditableLogoStore();
-            const brandPageMakerUserStore = useBrandPageMakerUserStore();
+            const brandPageContainerStore = useBrandPageContainerStore();
             const { selectedLogoImage } = storeToRefs(logoSettingsStore);
             const { editableLogoVariations } = storeToRefs(editableLogoStore);
             let s3TokenDebounceTimer = null;
@@ -475,11 +474,11 @@ export const useUiTemplateSettingsStore = defineStore('uiTemplateSettings', {
                 // shows in the thumbnails.
                 const hasLogoChanged = newLogoImage.logoDraftToken !== oldLogoImage.logoDraftToken ||
                     newLogoImage.logoVariation !== oldLogoImage.logoVariation;
-                if (!brandPageMakerUserStore.isAdminMaker &&
+                if (!brandPageContainerStore.isAdminMaker &&
                     newLogoImage.logoDraftToken &&
                     hasLogoChanged) {
                     const uiStore = useUiStore();
-                    const isPrePurchase = useBrandPageContainerStore().isPrePurchase;
+                    const isPrePurchase = brandPageContainerStore.isPrePurchase;
                     uiStore.setUserPersonalisationData({
                         personalisationData: undefined,
                     });
@@ -509,7 +508,7 @@ export const useUiTemplateSettingsStore = defineStore('uiTemplateSettings', {
                 if (newS3Token === oldS3Token) {
                     return;
                 }
-                if (brandPageMakerUserStore.isAdminMaker) {
+                if (brandPageContainerStore.isAdminMaker) {
                     return;
                 }
                 // Debounce the reload by 500ms to avoid rapid successive reloads

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-1",
+  "version": "6.1.6-use-isadminmaker-3",
   "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(() => userStore.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(() => userStore.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,
   });
 
-  userStore.setIsAdminMaker(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(() => brandPageMakerUserStore.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(() => userStore.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

@@ -3,6 +3,7 @@ import {
   useBrandPageMakerStore,
   BRANDPAGE_SETTINGS_MODES,
   useBrandPageMakerUserStore,
+  useBrandPageContainerStore,
 } from '@brand-page-maker/stores';
 import type {
   ReplaceImageSettingsBase,
@@ -25,10 +26,11 @@ export default defineComponent({
   setup() {
     const brandPageMakerStore = useBrandPageMakerStore();
     const userStore = useBrandPageMakerUserStore();
+    const containerStore = useBrandPageContainerStore();
 
     return {
       mode: computed(() => brandPageMakerStore.mode),
-      isAdmin: computed(() => userStore.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"