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

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

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

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

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

package/lib/src/{CreatedOnBrandCrowd-es-es-DWTJbgkk.js → CreatedOnBrandCrowd-es-es-RloPCLuV.js}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -26,13 +26,11 @@ 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,7 +46,6 @@ export class BackgroundStyles {
     backgroundShapeStyle;
     backgroundImageUrl;
     backgroundShapes;
-    shapeMode;
     personalisationRole;
     media;
     mediaOverlayStyle;
@@ -54,7 +53,6 @@ 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" | "shapes" | "edit";
+            mode: "images" | "edit";
         }): void;
         setFaviconUrl(payload: {
             faviconUrl: string | undefined;

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

@@ -1,14 +1,15 @@
 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;
@@ -179,7 +180,6 @@ 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,9 +276,6 @@ 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;
@@ -296,13 +293,6 @@ 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;
@@ -313,10 +303,8 @@ 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" | "shapes" | "edit";
+            backgroundMode: "images" | "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;
@@ -338,9 +326,18 @@ 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,7 +2,6 @@ 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';
@@ -15,8 +14,6 @@ export default defineComponent({
             backgroundStyles: computed(() => backgroundSettingsStore.backgroundStyles),
             uiStore,
             backgroundSettingsStore,
-            // Per-shape placement/size/opacity mapping + handlers (shared with the customer panel)
-            ...useBackgroundShapeControls(),
         };
     },
     data() {
@@ -30,6 +27,24 @@ 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) {
@@ -68,6 +83,42 @@ 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" | "shapes" | "edit";
+            mode: "images" | "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" | "shapes" | "edit";
+            mode: "images" | "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" | "shapes" | "edit";
+            mode: "images" | "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" | "shapes" | "edit">;
+    mode: import("vue").ComputedRef<"images" | "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" | "shapes" | "edit";
+            mode: "images" | "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" | "shapes" | "edit";
+            mode: "images" | "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" | "shapes" | "edit";
+            mode: "images" | "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" | "shapes" | "edit";
+            mode: "images" | "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" | "shapes" | "edit";
+            mode: "images" | "edit";
         }): void;
         setFaviconUrl(payload: {
             faviconUrl: string | undefined;

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

@@ -147,7 +147,6 @@ 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;
@@ -5259,7 +5258,6 @@ 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;
@@ -10377,7 +10375,6 @@ 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;
@@ -15489,7 +15486,6 @@ 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;
@@ -20607,7 +20603,6 @@ 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;
@@ -25719,7 +25714,6 @@ 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,7 +82,6 @@ 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,7 +45,6 @@ const brandPageTypeTemplateTypeMap = {
 export const BRANDPAGE_SETTINGS_MODES = {
     edit: 'edit',
     images: 'images',
-    shapes: 'shapes',
 };
 export const useBrandPageMakerStore = defineStore('brandPageMaker', {
     state: () => ({