@designcrowd/library.brand-page 6.0.4 → 6.0.5-ast-bg-shape-2

package/lib/src/{CreatedOnBrandCrowd-de-de-Ruu5Az32.js → CreatedOnBrandCrowd-de-de-JQSdMq93.js}

@@ -1,5 +1,5 @@
 import { openBlock as e, createElementBlock as l, createStaticVNode as a } from "vue";
-import { _ as t } from "./lib-Dy7MYyqz.js";
+import { _ as t } from "./lib-yLXd7dEn.js";
 const i = {}, h = {
   width: "275",
   height: "36",

package/lib/src/{CreatedOnBrandCrowd-en-us-DGUJtvld.js → CreatedOnBrandCrowd-en-us-BgO2wjRt.js}

@@ -1,5 +1,5 @@
 import { openBlock as e, createElementBlock as l, createStaticVNode as a } from "vue";
-import { _ as t } from "./lib-Dy7MYyqz.js";
+import { _ as t } from "./lib-yLXd7dEn.js";
 const i = {}, h = {
   width: "251",
   height: "36",

package/lib/src/{CreatedOnBrandCrowd-es-es-Dg-1uOfV.js → CreatedOnBrandCrowd-es-es-DWTJbgkk.js}

@@ -1,5 +1,5 @@
 import { openBlock as e, createElementBlock as l, createStaticVNode as a } from "vue";
-import { _ as t } from "./lib-Dy7MYyqz.js";
+import { _ as t } from "./lib-yLXd7dEn.js";
 const i = {}, h = {
   width: "250",
   height: "36",

package/lib/src/{CreatedOnBrandCrowd-fr-fr-CRKraZl8.js → CreatedOnBrandCrowd-fr-ca-D2Psluqg.js}

@@ -1,5 +1,5 @@
 import { openBlock as e, createElementBlock as l, createStaticVNode as a } from "vue";
-import { _ as t } from "./lib-Dy7MYyqz.js";
+import { _ as t } from "./lib-yLXd7dEn.js";
 const i = {}, h = {
   width: "237",
   height: "36",

package/lib/src/{CreatedOnBrandCrowd-fr-ca-CRKraZl8.js → CreatedOnBrandCrowd-fr-fr-D2Psluqg.js}

@@ -1,5 +1,5 @@
 import { openBlock as e, createElementBlock as l, createStaticVNode as a } from "vue";
-import { _ as t } from "./lib-Dy7MYyqz.js";
+import { _ as t } from "./lib-yLXd7dEn.js";
 const i = {}, h = {
   width: "237",
   height: "36",

package/lib/src/{CreatedOnBrandCrowd-pt-pt-bZ9VlEAu.js → CreatedOnBrandCrowd-pt-br-CFQ11EGu.js}

@@ -1,5 +1,5 @@
 import { openBlock as e, createElementBlock as l, createStaticVNode as a } from "vue";
-import { _ as t } from "./lib-Dy7MYyqz.js";
+import { _ as t } from "./lib-yLXd7dEn.js";
 const i = {}, h = {
   width: "263",
   height: "36",

package/lib/src/{CreatedOnBrandCrowd-pt-br-bZ9VlEAu.js → CreatedOnBrandCrowd-pt-pt-CFQ11EGu.js}

@@ -1,5 +1,5 @@
 import { openBlock as e, createElementBlock as l, createStaticVNode as a } from "vue";
-import { _ as t } from "./lib-Dy7MYyqz.js";
+import { _ as t } from "./lib-yLXd7dEn.js";
 const i = {}, h = {
   width: "263",
   height: "36",

package/lib/src/{CreatedOnDcom-de-de-CJYfwZx8.js → CreatedOnDcom-de-de-CspGtYRH.js}

@@ -1,5 +1,5 @@
 import { openBlock as H, createElementBlock as V, createStaticVNode as t } from "vue";
-import { _ as e } from "./lib-Dy7MYyqz.js";
+import { _ as e } from "./lib-yLXd7dEn.js";
 const M = {}, Z = {
   width: "242",
   height: "36",

package/lib/src/{CreatedOnDcom-en-us-rzA1lVxH.js → CreatedOnDcom-en-us-BrSBS0V6.js}

@@ -1,5 +1,5 @@
 import { openBlock as H, createElementBlock as V, createStaticVNode as t } from "vue";
-import { _ as e } from "./lib-Dy7MYyqz.js";
+import { _ as e } from "./lib-yLXd7dEn.js";
 const i = {}, M = {
   width: "231",
   height: "36",

package/lib/src/{CreatedOnDcom-es-es-CNwGPjik.js → CreatedOnDcom-es-es-CyT4yi7I.js}

@@ -1,5 +1,5 @@
 import { openBlock as H, createElementBlock as V, createStaticVNode as t } from "vue";
-import { _ as e } from "./lib-Dy7MYyqz.js";
+import { _ as e } from "./lib-yLXd7dEn.js";
 const M = {}, Z = {
   width: "230",
   height: "36",

package/lib/src/{CreatedOnDcom-fr-ca-DKw7OGIz.js → CreatedOnDcom-fr-ca-Bzv0gTQh.js}

@@ -1,5 +1,5 @@
 import { openBlock as H, createElementBlock as V, createStaticVNode as t } from "vue";
-import { _ as e } from "./lib-Dy7MYyqz.js";
+import { _ as e } from "./lib-yLXd7dEn.js";
 const i = {}, l = {
   width: "216",
   height: "36",

package/lib/src/{CreatedOnDcom-fr-fr-WzOEaAZG.js → CreatedOnDcom-fr-fr-BirNDV8O.js}

@@ -1,5 +1,5 @@
 import { openBlock as H, createElementBlock as V, createStaticVNode as t } from "vue";
-import { _ as e } from "./lib-Dy7MYyqz.js";
+import { _ as e } from "./lib-yLXd7dEn.js";
 const i = {}, l = {
   width: "216",
   height: "36",

package/lib/src/{CreatedOnDcom-pt-br-DkualVhm.js → CreatedOnDcom-pt-br-D56QUh4Y.js}

@@ -1,5 +1,5 @@
 import { openBlock as H, createElementBlock as V, createStaticVNode as t } from "vue";
-import { _ as M } from "./lib-Dy7MYyqz.js";
+import { _ as M } from "./lib-yLXd7dEn.js";
 const Z = {}, e = {
   width: "232",
   height: "36",

package/lib/src/{CreatedOnDcom-pt-pt-w4Nnsdzq.js → CreatedOnDcom-pt-pt-BQgqxkOG.js}

@@ -1,5 +1,5 @@
 import { openBlock as H, createElementBlock as V, createStaticVNode as t } from "vue";
-import { _ as M } from "./lib-Dy7MYyqz.js";
+import { _ as M } from "./lib-yLXd7dEn.js";
 const Z = {}, e = {
   width: "232",
   height: "36",

package/lib/src/brand-page/models/index.d.ts

@@ -26,11 +26,13 @@ export declare class BackgroundShape {
     constructor(option?: Partial<BackgroundShape>);
 }
 export type BackgroundStyle = Partial<Omit<BrandPageCssStyle, 'backgroundColor'>>;
+export type BackgroundShapeMode = 'single' | 'multiple';
 export declare class BackgroundStyles {
     style: BackgroundStyle;
     backgroundShapeStyle: BackgroundStyle;
     backgroundImageUrl: string;
     backgroundShapes: BackgroundShape[];
+    shapeMode?: BackgroundShapeMode;
     personalisationRole?: PersonalisationRole;
     media?: AbstractMedia;
     mediaOverlayStyle: BrandPageCssStyle;

package/lib/src/brand-page/models/index.js

@@ -46,6 +46,7 @@ export class BackgroundStyles {
     backgroundShapeStyle;
     backgroundImageUrl;
     backgroundShapes;
+    shapeMode;
     personalisationRole;
     media;
     mediaOverlayStyle;
@@ -53,6 +54,7 @@ export class BackgroundStyles {
         this.backgroundImageUrl = option.backgroundImageUrl || '';
         this.backgroundShapes = (option.backgroundShapes ||
             []);
+        this.shapeMode = option.shapeMode;
         this.style = option.style || {
             background: '',
         };

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

@@ -37,7 +37,7 @@ declare const _default: import("vue").DefineComponent<{}, {
         showBrandCrowdLogo(): boolean;
     }, {
         setMode(payload: {
-            mode: "images" | "edit";
+            mode: "images" | "shapes" | "edit";
         }): void;
         setFaviconUrl(payload: {
             faviconUrl: string | undefined;

package/lib/src/brand-page-maker/components/admin-background-settings/AdminBackgroundSettings.mixin.d.ts

@@ -1,15 +1,14 @@
 import type { BackgroundStylesConfigOption } from '@brand-page-maker/models/background-styles-config';
 import type { UserMediaItem, UserMediaItemWithDimensions } from 'src/shared/my-uploads/models';
-interface BackgroundShapePosition {
-    name: string;
-    screenLeft: number;
-    screenTop: number;
-    originLeft: number;
-    originTop: number;
-    scalePercentage: number;
-    opacityPercentage: number;
-}
 declare const _default: import("vue").DefineComponent<{}, {
+    backgroundShapes: import("vue").ComputedRef<import("@shared/background-settings/composables/useBackgroundShapeControls").BackgroundShapePosition[]>;
+    onShapeScreenXChange: (index: number, value: number) => void;
+    onShapeScreenYChange: (index: number, value: number) => void;
+    onShapeOriginXChange: (index: number, value: number) => void;
+    onShapeOriginYChange: (index: number, value: number) => void;
+    onShapeSizeChange: (index: number, value: string | number) => void;
+    onShapeOpacityChange: (index: number, value: string | number) => void;
+    onDeleteShape: (index: number) => void;
     logoTheme: import("vue").ComputedRef<{
         logoTextColor: {
             rgb: string;
@@ -180,6 +179,7 @@ declare const _default: import("vue").DefineComponent<{}, {
                 wordBreak?: string | undefined;
             };
         }[];
+        shapeMode?: import("../../../brand-page").BackgroundShapeMode | undefined;
         personalisationRole?: "website" | "email" | "phone" | "profile" | "about" | "information" | "media" | undefined;
         media?: {
             type: import("../../../brand-page").MediaTypes;
@@ -276,6 +276,9 @@ declare const _default: import("vue").DefineComponent<{}, {
             backgroundStyle: Partial<Omit<BrandPageCssStyle, "backgroundColor">>;
         }): void;
         setBackgroundShapes(payload: import("../../../brand-page").BackgroundShape[]): void;
+        setShapeMode(payload: {
+            shapeMode: import("../../../brand-page").BackgroundShapeMode;
+        }): void;
         setBackgroundPersonalisationRole(payload: {
             personalisationRole: "website" | "email" | "phone" | "profile" | "about" | "information" | "media" | undefined;
         }): void;
@@ -293,6 +296,13 @@ declare const _default: import("vue").DefineComponent<{}, {
         deleteBackgroundShape({ shapeIndex }: {
             shapeIndex: number;
         }): void;
+        replaceBackgroundShape({ shapeIndex, shapeUrl, width, height, aspectRatio, }: {
+            shapeIndex: number;
+            shapeUrl: string;
+            width?: number | undefined;
+            height?: number | undefined;
+            aspectRatio?: number | undefined;
+        }): void;
         setLogoColors({ logoColors }: import("../../../shared/background-settings/background-settings-models").SetLogoColorsPayload): void;
         clearUserImageBackgroundImageUrl(): void;
         setAdminBackgroundOptionDefaultValues(): void;
@@ -303,8 +313,10 @@ declare const _default: import("vue").DefineComponent<{}, {
         setBackgroundShapeSettings(payload: import("../../../shared/background-settings/background-settings-models").SetBackgroundShapeSettingsPayload): void;
         setRecommendedLogoColors(payload: import("../../../shared/background-settings/background-settings-models").SetRecommendedLogoColorsPayload): void;
         setBackgroundMode(payload: {
-            backgroundMode: "images" | "edit";
+            backgroundMode: "images" | "shapes" | "edit";
         }): void;
+        openShapePicker(intent: import("@shared/background-settings/store").ShapePickerIntent): void;
+        closeShapePicker(): void;
         setBackgroundMedia(payload: import("src/shared/my-uploads/models").MediaBaseSelectedPayload): void;
         removeBackgroundVideo(): void;
         resetMediaOverlayStyle(): void;
@@ -326,18 +338,9 @@ declare const _default: import("vue").DefineComponent<{}, {
         readonly backgroundShapeStyle: "backgroundShapeStyle";
     };
 }, {
-    backgroundShapes(): BackgroundShapePosition[];
     colorPickerValue(): (key: BackgroundStylesConfigOption) => string;
     backgroundShapeUrl(): string;
 }, {
-    onShapeSettingChange(index: number, updatedSettings: any): void;
-    onShapeScreenXChange(index: number, value: any): void;
-    onShapeScreenYChange(index: number, value: any): void;
-    onShapeOriginXChange(index: number, value: any): void;
-    onShapeOriginYChange(index: number, value: any): void;
-    onShapeSizeChange(index: number, value: any): void;
-    onShapeOpacityChange(index: number, value: any): void;
-    onDeleteShape(index: number): void;
     onColorMatchToggled(option: BackgroundStylesConfigOption, value: boolean): void;
     onColorPickerInput(option: BackgroundStylesConfigOption, value: string | Event): void;
     onBackgroundShapeSelected(shape: UserMediaItemWithDimensions): void;

package/lib/src/brand-page-maker/components/admin-background-settings/AdminBackgroundSettings.mixin.js

@@ -2,6 +2,7 @@ import { computed, defineComponent } from 'vue';
 import { BackgroundStylesConfigOptions } from '@brand-page-maker/models/background-styles-config';
 import { STYLE_THEME_KEYS } from '@brand-page/constants';
 import { useUiBackgroundSettingsStore } from '@shared/background-settings/store';
+import { useBackgroundShapeControls } from '@shared/background-settings/composables/useBackgroundShapeControls';
 import { assertUnreachable, isAnEvent } from '../../../helpers/ts.helper';
 import { isColorMatched } from '@brand-page-maker/utils';
 import { useUiStore } from '@brand-page-maker/stores';
@@ -14,6 +15,8 @@ export default defineComponent({
             backgroundStyles: computed(() => backgroundSettingsStore.backgroundStyles),
             uiStore,
             backgroundSettingsStore,
+            // Per-shape placement/size/opacity mapping + handlers (shared with the customer panel)
+            ...useBackgroundShapeControls(),
         };
     },
     data() {
@@ -27,24 +30,6 @@ export default defineComponent({
         };
     },
     computed: {
-        backgroundShapes() {
-            return (this.backgroundStyles.backgroundShapes?.map((shape) => {
-                const translate = shape.style.transform
-                    ?.match(/\((.*)\)/)
-                    ?.pop()
-                    ?.split(',');
-                return {
-                    name: shape.name,
-                    screenLeft: parseInt(shape.style.left?.replace('%', '') || '50'),
-                    screenTop: parseInt(shape.style.top?.replace('%', '') || '50'),
-                    originLeft: parseInt(translate ? translate[0] : '-50'),
-                    originTop: parseInt(translate ? translate[1] : '-50'),
-                    scalePercentage: Math.round(parseFloat(shape.style.transform.match(/(?:scale)\(([^)]+)\)/)?.pop() ||
-                        '1') * 100),
-                    opacityPercentage: Math.round(parseFloat(shape.style.opacity || '1') * 100),
-                };
-            }) || []);
-        },
         colorPickerValue() {
             return (key) => {
                 switch (key) {
@@ -83,42 +68,6 @@ export default defineComponent({
         });
     },
     methods: {
-        onShapeSettingChange(index, updatedSettings) {
-            const scale = (this.backgroundShapes[index]?.scalePercentage / 100 || 1).toFixed(2);
-            const opacity = (this.backgroundShapes[index]?.opacityPercentage / 100 || 1).toFixed(2);
-            this.backgroundSettingsStore.setBackgroundShapeSettings({
-                index,
-                ...this.backgroundShapes[index],
-                scale,
-                opacity,
-                ...updatedSettings,
-            });
-        },
-        onShapeScreenXChange(index, value) {
-            this.onShapeSettingChange(index, { screenLeft: value });
-        },
-        onShapeScreenYChange(index, value) {
-            this.onShapeSettingChange(index, { screenTop: value });
-        },
-        onShapeOriginXChange(index, value) {
-            this.onShapeSettingChange(index, { originLeft: value });
-        },
-        onShapeOriginYChange(index, value) {
-            this.onShapeSettingChange(index, { originTop: value });
-        },
-        onShapeSizeChange(index, value) {
-            this.onShapeSettingChange(index, {
-                scale: (parseFloat(value) / 100).toFixed(2),
-            });
-        },
-        onShapeOpacityChange(index, value) {
-            this.onShapeSettingChange(index, {
-                opacity: (parseFloat(value) / 100).toFixed(2),
-            });
-        },
-        onDeleteShape(index) {
-            this.backgroundSettingsStore.deleteBackgroundShape({ shapeIndex: index });
-        },
         onColorMatchToggled(option, value) {
             this.isColorMatch[option] = value;
             switch (option) {

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

@@ -82,7 +82,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         showBrandCrowdLogo(): boolean;
     }, {
         setMode(payload: {
-            mode: "images" | "edit";
+            mode: "images" | "shapes" | "edit";
         }): void;
         setFaviconUrl(payload: {
             faviconUrl: string | undefined;

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

@@ -26,7 +26,7 @@ declare const _default: import("vue").DefineComponent<{}, {
         showBrandCrowdLogo(): boolean;
     }, {
         setMode(payload: {
-            mode: "images" | "edit";
+            mode: "images" | "shapes" | "edit";
         }): void;
         setFaviconUrl(payload: {
             faviconUrl: string | undefined;

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

@@ -546,7 +546,7 @@ declare const _default: import("vue").DefineComponent<{}, {
         showBrandCrowdLogo(): boolean;
     }, {
         setMode(payload: {
-            mode: "images" | "edit";
+            mode: "images" | "shapes" | "edit";
         }): void;
         setFaviconUrl(payload: {
             faviconUrl: string | undefined;

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

@@ -7,7 +7,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: string;
     };
 }>, {
-    mode: import("vue").ComputedRef<"images" | "edit">;
+    mode: import("vue").ComputedRef<"images" | "shapes" | "edit">;
     isAdmin: import("vue").ComputedRef<boolean>;
     brandPageMakerStore: import("pinia").Store<"brandPageMaker", import("@brand-page-maker/stores").BrandPageMakerState, {
         contentErrorCount(): number;
@@ -32,7 +32,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         showBrandCrowdLogo(): boolean;
     }, {
         setMode(payload: {
-            mode: "images" | "edit";
+            mode: "images" | "shapes" | "edit";
         }): void;
         setFaviconUrl(payload: {
             faviconUrl: string | undefined;

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

@@ -310,7 +310,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         showBrandCrowdLogo(): boolean;
     }, {
         setMode(payload: {
-            mode: "images" | "edit";
+            mode: "images" | "shapes" | "edit";
         }): void;
         setFaviconUrl(payload: {
             faviconUrl: string | undefined;

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

@@ -311,7 +311,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         showBrandCrowdLogo(): boolean;
     }, {
         setMode(payload: {
-            mode: "images" | "edit";
+            mode: "images" | "shapes" | "edit";
         }): void;
         setFaviconUrl(payload: {
             faviconUrl: string | undefined;

package/lib/src/brand-page-maker/components/social-share/SocialShare.mixin.d.ts

@@ -42,7 +42,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         showBrandCrowdLogo(): boolean;
     }, {
         setMode(payload: {
-            mode: "images" | "edit";
+            mode: "images" | "shapes" | "edit";
         }): void;
         setFaviconUrl(payload: {
             faviconUrl: string | undefined;

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

@@ -362,7 +362,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         showBrandCrowdLogo(): boolean;
     }, {
         setMode(payload: {
-            mode: "images" | "edit";
+            mode: "images" | "shapes" | "edit";
         }): void;
         setFaviconUrl(payload: {
             faviconUrl: string | undefined;

package/lib/src/brand-page-maker/stores/ai-checkpoint/ai-checkpoint-store.d.ts

@@ -147,6 +147,7 @@ export declare const useAiCheckpointStore: import("pinia").StoreDefinition<"aiCh
                             wordBreak?: string | undefined;
                         };
                     }[];
+                    shapeMode?: import("../../../brand-page/models").BackgroundShapeMode | undefined;
                     personalisationRole?: "website" | "email" | "phone" | "profile" | "about" | "information" | "media" | undefined;
                     media?: {
                         type: import("../../../brand-page/models").MediaTypes;
@@ -5258,6 +5259,7 @@ export declare const useAiCheckpointStore: import("pinia").StoreDefinition<"aiCh
                             wordBreak?: string | undefined;
                         };
                     }[];
+                    shapeMode?: import("../../../brand-page/models").BackgroundShapeMode | undefined;
                     personalisationRole?: "website" | "email" | "phone" | "profile" | "about" | "information" | "media" | undefined;
                     media?: {
                         type: import("../../../brand-page/models").MediaTypes;
@@ -10375,6 +10377,7 @@ export declare const useAiCheckpointStore: import("pinia").StoreDefinition<"aiCh
                             wordBreak?: string | undefined;
                         };
                     }[];
+                    shapeMode?: import("../../../brand-page/models").BackgroundShapeMode | undefined;
                     personalisationRole?: "website" | "email" | "phone" | "profile" | "about" | "information" | "media" | undefined;
                     media?: {
                         type: import("../../../brand-page/models").MediaTypes;
@@ -15486,6 +15489,7 @@ export declare const useAiCheckpointStore: import("pinia").StoreDefinition<"aiCh
                             wordBreak?: string | undefined;
                         };
                     }[];
+                    shapeMode?: import("../../../brand-page/models").BackgroundShapeMode | undefined;
                     personalisationRole?: "website" | "email" | "phone" | "profile" | "about" | "information" | "media" | undefined;
                     media?: {
                         type: import("../../../brand-page/models").MediaTypes;
@@ -20603,6 +20607,7 @@ export declare const useAiCheckpointStore: import("pinia").StoreDefinition<"aiCh
                             wordBreak?: string | undefined;
                         };
                     }[];
+                    shapeMode?: import("../../../brand-page/models").BackgroundShapeMode | undefined;
                     personalisationRole?: "website" | "email" | "phone" | "profile" | "about" | "information" | "media" | undefined;
                     media?: {
                         type: import("../../../brand-page/models").MediaTypes;
@@ -25714,6 +25719,7 @@ export declare const useAiCheckpointStore: import("pinia").StoreDefinition<"aiCh
                             wordBreak?: string | undefined;
                         };
                     }[];
+                    shapeMode?: import("../../../brand-page/models").BackgroundShapeMode | undefined;
                     personalisationRole?: "website" | "email" | "phone" | "profile" | "about" | "information" | "media" | undefined;
                     media?: {
                         type: import("../../../brand-page/models").MediaTypes;

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

@@ -82,6 +82,7 @@ export interface IsApplyingTemplatePayload {
 export declare const BRANDPAGE_SETTINGS_MODES: {
     readonly edit: "edit";
     readonly images: "images";
+    readonly shapes: "shapes";
 };
 export type BrandPageSettingsMode = keyof typeof BRANDPAGE_SETTINGS_MODES;
 export declare const useBrandPageMakerStore: import("pinia").StoreDefinition<"brandPageMaker", BrandPageMakerState, {

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

@@ -45,6 +45,7 @@ const brandPageTypeTemplateTypeMap = {
 export const BRANDPAGE_SETTINGS_MODES = {
     edit: 'edit',
     images: 'images',
+    shapes: 'shapes',
 };
 export const useBrandPageMakerStore = defineStore('brandPageMaker', {
     state: () => ({