@designcrowd/library.brand-page 5.10.34 → 5.10.35-ast-back-url-1

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

@@ -227,6 +227,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             isSellDomainNameEnabled: boolean;
             isStripeOnboardingModalVisible: boolean;
             isReactivationModal: boolean;
+            isPublishUpgradeModal: boolean;
             isSaving: boolean;
             backButtonLabel: string;
             manageWebsiteDesignsUrl: string;
@@ -286,6 +287,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             isSellDomainNameEnabled: boolean;
             isStripeOnboardingModalVisible: boolean;
             isReactivationModal: boolean;
+            isPublishUpgradeModal: boolean;
             isSaving: boolean;
             backButtonLabel: string;
             manageWebsiteDesignsUrl: string;
@@ -315,6 +317,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         setIsBrandPageSlugEditMode(payload: any): void;
         setIsPublishing(payload: any): void;
         setIsPublishModalVisible(payload: any): void;
+        setIsPublishUpgradeModal(payload: any): void;
         setIsSaving(payload: any): void;
         setIsUpgradeModalVisible(payload: any): void;
         setPublishErrorMessage(payload: any): void;
@@ -361,7 +364,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         saveBrandPage(payload?: {
             isPublish?: boolean | undefined;
             eventButtonLocation?: string | undefined;
-        }): Promise<boolean>;
+        }): Promise<false | {
+            saved: boolean;
+            canPublish: any;
+        }>;
         saveAndPublishBrandPage(eventButtonLocation: string): Promise<void>;
         saveTemplate(): Promise<void>;
         setBrandPageStatus(status: any): Promise<void>;

package/lib/src/brand-page-maker/components/brand-page-maker/BrandPageMaker.stories.js

@@ -166,6 +166,7 @@ const InitialiseMakerStores = (options) => {
         isBrandPageSlugEditMode: false,
         isPublishModalVisible: false,
         isUpgradeModalVisible: false,
+        isPublishUpgradeModal: false,
         isStripeOnboardingModalVisible: false,
         publishErrorMessage: '',
         selectedTaxId: undefined,

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

@@ -666,6 +666,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             isSellDomainNameEnabled: boolean;
             isStripeOnboardingModalVisible: boolean;
             isReactivationModal: boolean;
+            isPublishUpgradeModal: boolean;
             isSaving: boolean;
             backButtonLabel: string;
             manageWebsiteDesignsUrl: string;
@@ -725,6 +726,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             isSellDomainNameEnabled: boolean;
             isStripeOnboardingModalVisible: boolean;
             isReactivationModal: boolean;
+            isPublishUpgradeModal: boolean;
             isSaving: boolean;
             backButtonLabel: string;
             manageWebsiteDesignsUrl: string;
@@ -754,6 +756,7 @@ declare const _default: import("vue").DefineComponent<{}, {
         setIsBrandPageSlugEditMode(payload: any): void;
         setIsPublishing(payload: any): void;
         setIsPublishModalVisible(payload: any): void;
+        setIsPublishUpgradeModal(payload: any): void;
         setIsSaving(payload: any): void;
         setIsUpgradeModalVisible(payload: any): void;
         setPublishErrorMessage(payload: any): void;
@@ -800,7 +803,10 @@ declare const _default: import("vue").DefineComponent<{}, {
         saveBrandPage(payload?: {
             isPublish?: boolean | undefined;
             eventButtonLocation?: string | undefined;
-        }): Promise<boolean>;
+        }): Promise<false | {
+            saved: boolean;
+            canPublish: any;
+        }>;
         saveAndPublishBrandPage(eventButtonLocation: string): Promise<void>;
         saveTemplate(): Promise<void>;
         setBrandPageStatus(status: any): Promise<void>;

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

@@ -37,6 +37,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
 }>, {}, {}, {}, {
     saveBrandPage(): void;
     saveAndPublishBrandPage(): void;
+    handleBackClick(): void;
 }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     isAdmin: {
         type: BooleanConstructor;

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

@@ -46,5 +46,11 @@ export default defineComponent({
         saveAndPublishBrandPage() {
             this.$emit(EVENTS.Publish);
         },
+        handleBackClick() {
+            console.log('handleBackClick called', this.backUrl);
+            if (this.backUrl === '') {
+                this.$emit(EVENTS.Back);
+            }
+        },
     },
 });

package/lib/src/brand-page-maker/components/quick-link-bar/QuickLinkBar.mixin.d.ts

@@ -49,6 +49,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             isSellDomainNameEnabled: boolean;
             isStripeOnboardingModalVisible: boolean;
             isReactivationModal: boolean;
+            isPublishUpgradeModal: boolean;
             isSaving: boolean;
             backButtonLabel: string;
             manageWebsiteDesignsUrl: string;
@@ -108,6 +109,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             isSellDomainNameEnabled: boolean;
             isStripeOnboardingModalVisible: boolean;
             isReactivationModal: boolean;
+            isPublishUpgradeModal: boolean;
             isSaving: boolean;
             backButtonLabel: string;
             manageWebsiteDesignsUrl: string;
@@ -137,6 +139,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         setIsBrandPageSlugEditMode(payload: any): void;
         setIsPublishing(payload: any): void;
         setIsPublishModalVisible(payload: any): void;
+        setIsPublishUpgradeModal(payload: any): void;
         setIsSaving(payload: any): void;
         setIsUpgradeModalVisible(payload: any): void;
         setPublishErrorMessage(payload: any): void;
@@ -183,7 +186,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         saveBrandPage(payload?: {
             isPublish?: boolean | undefined;
             eventButtonLocation?: string | undefined;
-        }): Promise<boolean>;
+        }): Promise<false | {
+            saved: boolean;
+            canPublish: any;
+        }>;
         saveAndPublishBrandPage(eventButtonLocation: string): Promise<void>;
         saveTemplate(): Promise<void>;
         setBrandPageStatus(status: any): Promise<void>;

package/lib/src/brand-page-maker/components/seo-settings/SeoPageSettings.mixin.d.ts

@@ -65,6 +65,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             isSellDomainNameEnabled: boolean;
             isStripeOnboardingModalVisible: boolean;
             isReactivationModal: boolean;
+            isPublishUpgradeModal: boolean;
             isSaving: boolean;
             backButtonLabel: string;
             manageWebsiteDesignsUrl: string;
@@ -124,6 +125,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             isSellDomainNameEnabled: boolean;
             isStripeOnboardingModalVisible: boolean;
             isReactivationModal: boolean;
+            isPublishUpgradeModal: boolean;
             isSaving: boolean;
             backButtonLabel: string;
             manageWebsiteDesignsUrl: string;
@@ -153,6 +155,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         setIsBrandPageSlugEditMode(payload: any): void;
         setIsPublishing(payload: any): void;
         setIsPublishModalVisible(payload: any): void;
+        setIsPublishUpgradeModal(payload: any): void;
         setIsSaving(payload: any): void;
         setIsUpgradeModalVisible(payload: any): void;
         setPublishErrorMessage(payload: any): void;
@@ -199,7 +202,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         saveBrandPage(payload?: {
             isPublish?: boolean | undefined;
             eventButtonLocation?: string | undefined;
-        }): Promise<boolean>;
+        }): Promise<false | {
+            saved: boolean;
+            canPublish: any;
+        }>;
         saveAndPublishBrandPage(eventButtonLocation: string): Promise<void>;
         saveTemplate(): Promise<void>;
         setBrandPageStatus(status: any): Promise<void>;

package/lib/src/brand-page-maker/components/seo-settings/UrlSettings.mixin.d.ts

@@ -68,6 +68,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             isSellDomainNameEnabled: boolean;
             isStripeOnboardingModalVisible: boolean;
             isReactivationModal: boolean;
+            isPublishUpgradeModal: boolean;
             isSaving: boolean;
             backButtonLabel: string;
             manageWebsiteDesignsUrl: string;
@@ -127,6 +128,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             isSellDomainNameEnabled: boolean;
             isStripeOnboardingModalVisible: boolean;
             isReactivationModal: boolean;
+            isPublishUpgradeModal: boolean;
             isSaving: boolean;
             backButtonLabel: string;
             manageWebsiteDesignsUrl: string;
@@ -156,6 +158,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         setIsBrandPageSlugEditMode(payload: any): void;
         setIsPublishing(payload: any): void;
         setIsPublishModalVisible(payload: any): void;
+        setIsPublishUpgradeModal(payload: any): void;
         setIsSaving(payload: any): void;
         setIsUpgradeModalVisible(payload: any): void;
         setPublishErrorMessage(payload: any): void;
@@ -202,7 +205,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         saveBrandPage(payload?: {
             isPublish?: boolean | undefined;
             eventButtonLocation?: string | undefined;
-        }): Promise<boolean>;
+        }): Promise<false | {
+            saved: boolean;
+            canPublish: any;
+        }>;
         saveAndPublishBrandPage(eventButtonLocation: string): Promise<void>;
         saveTemplate(): Promise<void>;
         setBrandPageStatus(status: any): Promise<void>;

package/lib/src/brand-page-maker/components/seo-settings/UseExistingDomainModal.mixin.d.ts

@@ -46,6 +46,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             isSellDomainNameEnabled: boolean;
             isStripeOnboardingModalVisible: boolean;
             isReactivationModal: boolean;
+            isPublishUpgradeModal: boolean;
             isSaving: boolean;
             backButtonLabel: string;
             manageWebsiteDesignsUrl: string;
@@ -105,6 +106,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             isSellDomainNameEnabled: boolean;
             isStripeOnboardingModalVisible: boolean;
             isReactivationModal: boolean;
+            isPublishUpgradeModal: boolean;
             isSaving: boolean;
             backButtonLabel: string;
             manageWebsiteDesignsUrl: string;
@@ -134,6 +136,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         setIsBrandPageSlugEditMode(payload: any): void;
         setIsPublishing(payload: any): void;
         setIsPublishModalVisible(payload: any): void;
+        setIsPublishUpgradeModal(payload: any): void;
         setIsSaving(payload: any): void;
         setIsUpgradeModalVisible(payload: any): void;
         setPublishErrorMessage(payload: any): void;
@@ -180,7 +183,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         saveBrandPage(payload?: {
             isPublish?: boolean | undefined;
             eventButtonLocation?: string | undefined;
-        }): Promise<boolean>;
+        }): Promise<false | {
+            saved: boolean;
+            canPublish: any;
+        }>;
         saveAndPublishBrandPage(eventButtonLocation: string): Promise<void>;
         saveTemplate(): Promise<void>;
         setBrandPageStatus(status: any): Promise<void>;

package/lib/src/brand-page-maker/components/upgrade-to-premium-button/UpgradeToPremiumButton.mixin.d.ts

@@ -46,6 +46,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             isSellDomainNameEnabled: boolean;
             isStripeOnboardingModalVisible: boolean;
             isReactivationModal: boolean;
+            isPublishUpgradeModal: boolean;
             isSaving: boolean;
             backButtonLabel: string;
             manageWebsiteDesignsUrl: string;
@@ -105,6 +106,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             isSellDomainNameEnabled: boolean;
             isStripeOnboardingModalVisible: boolean;
             isReactivationModal: boolean;
+            isPublishUpgradeModal: boolean;
             isSaving: boolean;
             backButtonLabel: string;
             manageWebsiteDesignsUrl: string;
@@ -134,6 +136,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         setIsBrandPageSlugEditMode(payload: any): void;
         setIsPublishing(payload: any): void;
         setIsPublishModalVisible(payload: any): void;
+        setIsPublishUpgradeModal(payload: any): void;
         setIsSaving(payload: any): void;
         setIsUpgradeModalVisible(payload: any): void;
         setPublishErrorMessage(payload: any): void;
@@ -180,7 +183,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         saveBrandPage(payload?: {
             isPublish?: boolean | undefined;
             eventButtonLocation?: string | undefined;
-        }): Promise<boolean>;
+        }): Promise<false | {
+            saved: boolean;
+            canPublish: any;
+        }>;
         saveAndPublishBrandPage(eventButtonLocation: string): Promise<void>;
         saveTemplate(): Promise<void>;
         setBrandPageStatus(status: any): Promise<void>;

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

@@ -26,6 +26,7 @@ export interface BrandPageContainerState {
     isSellDomainNameEnabled: boolean;
     isStripeOnboardingModalVisible: boolean;
     isReactivationModal: boolean;
+    isPublishUpgradeModal: boolean;
     isSaving: boolean;
     backButtonLabel: string;
     manageWebsiteDesignsUrl: string;
@@ -99,6 +100,7 @@ export declare const useBrandPageContainerStore: import("pinia").StoreDefinition
         isSellDomainNameEnabled: boolean;
         isStripeOnboardingModalVisible: boolean;
         isReactivationModal: boolean;
+        isPublishUpgradeModal: boolean;
         isSaving: boolean;
         backButtonLabel: string;
         manageWebsiteDesignsUrl: string;
@@ -158,6 +160,7 @@ export declare const useBrandPageContainerStore: import("pinia").StoreDefinition
         isSellDomainNameEnabled: boolean;
         isStripeOnboardingModalVisible: boolean;
         isReactivationModal: boolean;
+        isPublishUpgradeModal: boolean;
         isSaving: boolean;
         backButtonLabel: string;
         manageWebsiteDesignsUrl: string;
@@ -187,6 +190,7 @@ export declare const useBrandPageContainerStore: import("pinia").StoreDefinition
     setIsBrandPageSlugEditMode(payload: any): void;
     setIsPublishing(payload: any): void;
     setIsPublishModalVisible(payload: any): void;
+    setIsPublishUpgradeModal(payload: any): void;
     setIsSaving(payload: any): void;
     setIsUpgradeModalVisible(payload: any): void;
     setPublishErrorMessage(payload: any): void;
@@ -233,7 +237,10 @@ export declare const useBrandPageContainerStore: import("pinia").StoreDefinition
     saveBrandPage(payload?: {
         isPublish?: boolean;
         eventButtonLocation?: string;
-    }): Promise<boolean>;
+    }): Promise<false | {
+        saved: boolean;
+        canPublish: any;
+    }>;
     saveAndPublishBrandPage(eventButtonLocation: string): Promise<void>;
     saveTemplate(): Promise<void>;
     setBrandPageStatus(status: any): Promise<void>;

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

@@ -42,6 +42,7 @@ export const useBrandPageContainerStore = defineStore('brandPageContainer', {
             isPublishing: false,
             isSaving: false,
             isUpgradeModalVisible: false,
+            isPublishUpgradeModal: false,
             runtimeEnvironment: 'undefined',
             upgradeUrl: '',
             reactivationUrl: '',
@@ -109,6 +110,7 @@ export const useBrandPageContainerStore = defineStore('brandPageContainer', {
             this.upgradeUrl = payload.upgradeUrl; // Deprecated: Remove when manage brand page routing is implemented
             this.reactivationUrl = payload.reactivationUrl; // Deprecated: Remove when manage brand page routing is implemented
             this.isReactivationModal = payload.isReactivationModal;
+            this.isPublishUpgradeModal = payload.isPublishUpgradeModal;
             this.availableTaxes = payload.availableTaxes;
             this.selectedTaxId =
                 this.availableTaxes?.length > 0 ? this.availableTaxes[0].id : undefined;
@@ -153,6 +155,9 @@ export const useBrandPageContainerStore = defineStore('brandPageContainer', {
             this.isPublishModalVisible = payload.isVisible;
             this.eventButtonLocation = payload.eventButtonLocation;
         },
+        setIsPublishUpgradeModal(payload) {
+            this.isPublishUpgradeModal = payload;
+        },
         setIsSaving(payload) {
             if (process.env.NODE_ENV !== 'production' &&
                 typeof payload.isSaving !== 'boolean') {
@@ -230,6 +235,7 @@ export const useBrandPageContainerStore = defineStore('brandPageContainer', {
                 }
             }
             this.clearTriggerSaveEventApiOnPublishModalClose();
+            this.setIsPublishUpgradeModal(false);
             this.setIsPublishModalVisible({ isVisible: false });
             await this.endBrandPageSlugEditMode();
             if (!payload.skipShowNextNotificationMessage) {
@@ -239,6 +245,7 @@ export const useBrandPageContainerStore = defineStore('brandPageContainer', {
         },
         async closeUpgradeModal() {
             const brandPageMakerStore = useBrandPageMakerStore();
+            this.setIsPublishUpgradeModal(false);
             this.setIsUpgradeModalVisible({ isVisible: false });
             await this.showSaveSuccessMessage();
             await brandPageMakerStore.showNextNotificationMessage();
@@ -296,6 +303,7 @@ export const useBrandPageContainerStore = defineStore('brandPageContainer', {
                         trigger_type: TRIGGER_TYPE.AUTOMATIC,
                         content_type: null,
                     });
+                    this.setIsPublishUpgradeModal(true);
                     await this.showUpgradeModalAndSaveAsync();
                     await this.closePublishModal({
                         skipShowNextNotificationMessage: true,
@@ -388,6 +396,7 @@ export const useBrandPageContainerStore = defineStore('brandPageContainer', {
             }
             catch (err) {
                 if (err.customDomainResponse?.data?.showUpgradeModal === true) {
+                    this.setIsPublishUpgradeModal(true);
                     await this.showUpgradeModalAndSaveAsync();
                     await this.closePublishModal({
                         skipShowNextNotificationMessage: true,
@@ -592,7 +601,7 @@ export const useBrandPageContainerStore = defineStore('brandPageContainer', {
                     await this.showSaveSuccessMessage();
                     await brandPageMakerStore.showNextNotificationMessage();
                 }
-                return true;
+                return { saved: true, canPublish: response.canPublish };
             }
             catch (err) {
                 if (err.response?.data?.showUpgradeModal === true) {
@@ -621,17 +630,24 @@ export const useBrandPageContainerStore = defineStore('brandPageContainer', {
             if (userStore.isAdmin) {
                 throw new Error('save brand page is not allowed in admin mode');
             }
-            const didSave = await this.saveBrandPage({
+            const response = await this.saveBrandPage({
                 isPublish: true,
                 eventButtonLocation,
             });
-            if (!didSave) {
+            if (!response.saved) {
                 return;
             }
             if (this.brandPageStatus !== BRANDPAGE_STATUS.Published) {
                 this.setTriggerSaveEventApiOnPublishModalClose();
             }
-            await this.showPublishModal(eventButtonLocation);
+            if (!response.canPublish) {
+                this.setIsPublishUpgradeModal(true);
+                await this.showUpgradeModalAndSaveAsync();
+                return;
+            }
+            else {
+                await this.showPublishModal(eventButtonLocation);
+            }
         },
         async saveTemplate() {
             const userStore = useBrandPageMakerUserStore();
@@ -655,7 +671,6 @@ export const useBrandPageContainerStore = defineStore('brandPageContainer', {
             await brandPageMakerStore.showNextNotificationMessage();
         },
         async setBrandPageStatus(status) {
-            const sideBarStore = useUiSideBarStore();
             this.brandPageStatus = status;
         },
         showPublishModal(eventButtonLocation) {

package/lib/src/constants/brand-page-maker.d.ts

@@ -3,6 +3,7 @@ export declare const EVENTS: {
     readonly Save: "save";
     readonly Publish: "publish";
     readonly Initialised: "initialised";
+    readonly Back: "Back";
 };
 export declare const S3_TEMPLATE_ASSETS_URL = "https://bcassetcdn.com/assets/brand-page/template-assets/backgrounds";
 export declare const BRAND_PAGE_ICONS: string[];

package/lib/src/constants/brand-page-maker.js

@@ -3,6 +3,7 @@ export const EVENTS = {
     Save: 'save',
     Publish: 'publish',
     Initialised: 'initialised',
+    Back: 'Back',
 };
 export const S3_TEMPLATE_ASSETS_URL = 'https://bcassetcdn.com/assets/brand-page/template-assets/backgrounds';
 export const BRAND_PAGE_ICONS = [

package/lib/src/css/library.brand-page-brandCrowd.min.css

@@ -7906,27 +7906,27 @@ body {
             transition-timing-function: cubic-bezier(0, 0, 0.2, 1)
 }
 
-.c-color[data-v-b0c2fd65] {
+.c-color[data-v-1dd06ab9] {
   -webkit-box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
           box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
 }
-.c-color[data-v-b0c2fd65]:hover {
+.c-color[data-v-1dd06ab9]:hover {
   -webkit-box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.3);
           box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.3);
   -webkit-transform: scale(1.025);
           transform: scale(1.025);
 }
-.c-color[data-v-b0c2fd65] {
+.c-color[data-v-1dd06ab9] {
   -webkit-box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
           box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
 }
-.c-color[data-v-b0c2fd65]:hover {
+.c-color[data-v-1dd06ab9]:hover {
   -webkit-box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.3);
           box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.3);
   -webkit-transform: scale(1.025);
           transform: scale(1.025);
 }
-.maker-color-palette__popup[data-v-b0c2fd65] {
+.maker-color-palette__popup[data-v-1dd06ab9] {
   position: absolute;
   padding: 0.625rem;
   background: white;
@@ -7940,13 +7940,13 @@ body {
   height: fit-content;
   max-width: 100%;
 }
-.maker-color-palette__widget-body[data-v-b0c2fd65] {
+.maker-color-palette__widget-body[data-v-1dd06ab9] {
   height: 100%;
   overflow-x: hidden;
   overflow-y: auto;
   padding: 0.625rem;
 }
-.picker-button[data-v-b0c2fd65] {
+.picker-button[data-v-1dd06ab9] {
   width: 100%;
   border: 1px solid #878787;
   text-transform: uppercase;
@@ -7955,14 +7955,14 @@ body {
   cursor: pointer;
 }
 @media print, screen and (min-width: 40em) {
-.maker-color-palette__popup[data-v-b0c2fd65] {
+.maker-color-palette__popup[data-v-1dd06ab9] {
     bottom: initial;
     height: auto;
     top: 1.25rem;
     width: calc(100% - 36px);
 }
 }
-.maker-text-color__icon[data-v-b0c2fd65] {
+.maker-text-color__icon[data-v-1dd06ab9] {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -7976,7 +7976,7 @@ body {
   height: 32px;
   margin-top: 15px;
 }
-.maker-text-color__icon .active[data-v-b0c2fd65] {
+.maker-text-color__icon .active[data-v-1dd06ab9] {
   font-weight: bold;
   background: #e3e3e3;
 }

package/lib/src/css/library.brand-page-brandPage.min.css

@@ -8234,27 +8234,27 @@ body {
             transition-timing-function: cubic-bezier(0, 0, 0.2, 1)
 }
 
-.c-color[data-v-b0c2fd65] {
+.c-color[data-v-1dd06ab9] {
   -webkit-box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
           box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
 }
-.c-color[data-v-b0c2fd65]:hover {
+.c-color[data-v-1dd06ab9]:hover {
   -webkit-box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.3);
           box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.3);
   -webkit-transform: scale(1.025);
           transform: scale(1.025);
 }
-.c-color[data-v-b0c2fd65] {
+.c-color[data-v-1dd06ab9] {
   -webkit-box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
           box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
 }
-.c-color[data-v-b0c2fd65]:hover {
+.c-color[data-v-1dd06ab9]:hover {
   -webkit-box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.3);
           box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.3);
   -webkit-transform: scale(1.025);
           transform: scale(1.025);
 }
-.maker-color-palette__popup[data-v-b0c2fd65] {
+.maker-color-palette__popup[data-v-1dd06ab9] {
   position: absolute;
   padding: 0.625rem;
   background: white;
@@ -8268,13 +8268,13 @@ body {
   height: fit-content;
   max-width: 100%;
 }
-.maker-color-palette__widget-body[data-v-b0c2fd65] {
+.maker-color-palette__widget-body[data-v-1dd06ab9] {
   height: 100%;
   overflow-x: hidden;
   overflow-y: auto;
   padding: 0.625rem;
 }
-.picker-button[data-v-b0c2fd65] {
+.picker-button[data-v-1dd06ab9] {
   width: 100%;
   border: 1px solid #878787;
   text-transform: uppercase;
@@ -8283,14 +8283,14 @@ body {
   cursor: pointer;
 }
 @media print, screen and (min-width: 40em) {
-.maker-color-palette__popup[data-v-b0c2fd65] {
+.maker-color-palette__popup[data-v-1dd06ab9] {
     bottom: initial;
     height: auto;
     top: 1.25rem;
     width: calc(100% - 36px);
 }
 }
-.maker-text-color__icon[data-v-b0c2fd65] {
+.maker-text-color__icon[data-v-1dd06ab9] {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -8304,7 +8304,7 @@ body {
   height: 32px;
   margin-top: 15px;
 }
-.maker-text-color__icon .active[data-v-b0c2fd65] {
+.maker-text-color__icon .active[data-v-1dd06ab9] {
   font-weight: bold;
   background: #e3e3e3;
 }

package/lib/src/css/library.brand-page-designCom.min.css

@@ -7924,27 +7924,27 @@ body {
             transition-timing-function: cubic-bezier(0, 0, 0.2, 1)
 }
 
-.c-color[data-v-b0c2fd65] {
+.c-color[data-v-1dd06ab9] {
   -webkit-box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
           box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
 }
-.c-color[data-v-b0c2fd65]:hover {
+.c-color[data-v-1dd06ab9]:hover {
   -webkit-box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.3);
           box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.3);
   -webkit-transform: scale(1.025);
           transform: scale(1.025);
 }
-.c-color[data-v-b0c2fd65] {
+.c-color[data-v-1dd06ab9] {
   -webkit-box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
           box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
 }
-.c-color[data-v-b0c2fd65]:hover {
+.c-color[data-v-1dd06ab9]:hover {
   -webkit-box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.3);
           box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.3);
   -webkit-transform: scale(1.025);
           transform: scale(1.025);
 }
-.maker-color-palette__popup[data-v-b0c2fd65] {
+.maker-color-palette__popup[data-v-1dd06ab9] {
   position: absolute;
   padding: 0.625rem;
   background: white;
@@ -7958,13 +7958,13 @@ body {
   height: fit-content;
   max-width: 100%;
 }
-.maker-color-palette__widget-body[data-v-b0c2fd65] {
+.maker-color-palette__widget-body[data-v-1dd06ab9] {
   height: 100%;
   overflow-x: hidden;
   overflow-y: auto;
   padding: 0.625rem;
 }
-.picker-button[data-v-b0c2fd65] {
+.picker-button[data-v-1dd06ab9] {
   width: 100%;
   border: 1px solid #878787;
   text-transform: uppercase;
@@ -7973,14 +7973,14 @@ body {
   cursor: pointer;
 }
 @media print, screen and (min-width: 40em) {
-.maker-color-palette__popup[data-v-b0c2fd65] {
+.maker-color-palette__popup[data-v-1dd06ab9] {
     bottom: initial;
     height: auto;
     top: 1.25rem;
     width: calc(100% - 36px);
 }
 }
-.maker-text-color__icon[data-v-b0c2fd65] {
+.maker-text-color__icon[data-v-1dd06ab9] {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -7994,7 +7994,7 @@ body {
   height: 32px;
   margin-top: 15px;
 }
-.maker-text-color__icon .active[data-v-b0c2fd65] {
+.maker-text-color__icon .active[data-v-1dd06ab9] {
   font-weight: bold;
   background: #e3e3e3;
 }