@designcrowd/library.brand-page 5.17.18-ast-layout → 5.17.18-ast-btn-styles

package/lib/src/{CreatedOnBrandCrowd-de-de-B3Kzl17t.js → CreatedOnBrandCrowd-de-de-D2OCuUBR.js}

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

package/lib/src/{CreatedOnBrandCrowd-en-us-DELbE7_X.js → CreatedOnBrandCrowd-en-us-CeQE2mrH.js}

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

package/lib/src/{CreatedOnBrandCrowd-es-es-rZtjzBFS.js → CreatedOnBrandCrowd-es-es-GCt5DXs8.js}

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

package/lib/src/{CreatedOnBrandCrowd-fr-fr-Db56MNkl.js → CreatedOnBrandCrowd-fr-ca-CX2-IOfY.js}

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

package/lib/src/{CreatedOnBrandCrowd-fr-ca-Db56MNkl.js → CreatedOnBrandCrowd-fr-fr-CX2-IOfY.js}

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

package/lib/src/{CreatedOnBrandCrowd-pt-pt-BgyU_-LR.js → CreatedOnBrandCrowd-pt-br-BjTeqtuz.js}

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

package/lib/src/{CreatedOnBrandCrowd-pt-br-BgyU_-LR.js → CreatedOnBrandCrowd-pt-pt-BjTeqtuz.js}

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

package/lib/src/{CreatedOnDcom-de-de-DC1SfcCh.js → CreatedOnDcom-de-de-LJRZhI9w.js}

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

package/lib/src/{CreatedOnDcom-en-us-4nXZjUop.js → CreatedOnDcom-en-us-CSy4jVVQ.js}

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

package/lib/src/{CreatedOnDcom-es-es-zbJx7K9T.js → CreatedOnDcom-es-es-BhFkRbVC.js}

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

package/lib/src/{CreatedOnDcom-fr-ca-Bql0VfNS.js → CreatedOnDcom-fr-ca-bhu0hPDU.js}

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

package/lib/src/{CreatedOnDcom-fr-fr-B-b5k54k.js → CreatedOnDcom-fr-fr-B1whVvQJ.js}

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

package/lib/src/{CreatedOnDcom-pt-br-B9KQtWm7.js → CreatedOnDcom-pt-br-DtLVtfZK.js}

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

package/lib/src/{CreatedOnDcom-pt-pt-D4T1u4a1.js → CreatedOnDcom-pt-pt-5CMzJm82.js}

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

package/lib/src/brand-page/components/button/Button.mixin.d.ts

@@ -25,14 +25,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     iconStyle(): BrandPageCssStyle;
     isModalUrl(): boolean;
     isModalImageUrlValid(): boolean;
-    isPaperIcon(): boolean;
-    isArrowIcon(): boolean;
     isBrushStrokeIcon(): boolean;
-    isShowIcon(): boolean;
-    isTopLeftIconName(): string;
-    isBottomRightIconName(): string;
-    isTopLeftIconViewBox(): string;
-    isBottomRightIconViewBox(): string;
     href(): string | undefined;
     isValidUrl(): boolean;
     url(): string;

package/lib/src/brand-page/components/button/Button.mixin.js

@@ -54,50 +54,9 @@ export default defineComponent({
         isModalImageUrlValid() {
             return isURL(this.viewModel.modalImageUrl);
         },
-        isPaperIcon() {
-            return this.viewModel.styles.selectedButtonStyleId === 'BUTTON_STYLE_21';
-        },
-        isArrowIcon() {
-            return this.viewModel.styles.selectedButtonStyleId === 'BUTTON_STYLE_20';
-        },
         isBrushStrokeIcon() {
             return this.viewModel.styles.selectedButtonStyleId === 'BUTTON_STYLE_19';
         },
-        isShowIcon() {
-            return this.isBrushStrokeIcon || this.isPaperIcon;
-        },
-        isTopLeftIconName() {
-            if (this.viewModel.styles.selectedButtonStyleId === 'BUTTON_STYLE_19') {
-                return 'button-brushstroke-left';
-            }
-            else {
-                return 'button-paper-top';
-            }
-        },
-        isBottomRightIconName() {
-            if (this.viewModel.styles.selectedButtonStyleId === 'BUTTON_STYLE_19') {
-                return 'button-brushstroke-right';
-            }
-            else {
-                return 'button-paper-bottom';
-            }
-        },
-        isTopLeftIconViewBox() {
-            if (this.viewModel.styles.selectedButtonStyleId === 'BUTTON_STYLE_19') {
-                return '0 0 12 20';
-            }
-            else {
-                return '41 0 120 16';
-            }
-        },
-        isBottomRightIconViewBox() {
-            if (this.viewModel.styles.selectedButtonStyleId === 'BUTTON_STYLE_19') {
-                return '2 0 12 20';
-            }
-            else {
-                return '41 0 120 16';
-            }
-        },
         href() {
             if (this.isModalUrl) {
                 return undefined;

package/lib/src/brand-page/models/logo.model.d.ts

@@ -18,7 +18,6 @@ export interface LogoTemplateImageModel {
     logoTemplateToken: string;
     logoTemplateText: string;
     logoTemplateVersion: number;
-    layout?: string;
 }
 export declare const EMPTY_LOGO_IMAGE_MODEL: Readonly<LogoImageModel>;
 export interface LogoContent extends Content, EditableLogo {

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

@@ -122,7 +122,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             brandPageType: "default" | "brandSite" | "brandContact";
         }): void;
         initialiseStoresByBrandPageModelAsync(brandPageModel: import("@brand-page/models").BrandPageModel): Promise<void>;
-        initialise({ brandPage, brandPageType, logoDraftDesignAttributes, unsplashApplicationName, templateCategories, personalisationData, isPersonalisationEnabled, businessName, industry, layout, logoVariationImageUrls, shopConfigData, isServerRenderOverride, }: import("@brand-page-maker/stores").InitialisePayload): Promise<void>;
+        initialise({ brandPage, brandPageType, logoDraftDesignAttributes, unsplashApplicationName, templateCategories, personalisationData, isPersonalisationEnabled, businessName, industry, logoVariationImageUrls, shopConfigData, isServerRenderOverride, }: import("@brand-page-maker/stores").InitialisePayload): Promise<void>;
         initialisePages({ pages, sections, }: {
             pages: import("@brand-page/models").PageModel[];
             sections: import("../../../shared/page-settings/store").PageSettingsStateSections;

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

@@ -23,7 +23,6 @@ export interface BrandPageMakerViewModel {
     brandPageType?: BrandPageType;
     businessName?: string;
     industry?: string;
-    layout?: string;
 }
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     viewModel: {
@@ -167,7 +166,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             brandPageType: "default" | "brandSite" | "brandContact";
         }): void;
         initialiseStoresByBrandPageModelAsync(brandPageModel: import("@brand-page").BrandPageModel): Promise<void>;
-        initialise({ brandPage, brandPageType, logoDraftDesignAttributes, unsplashApplicationName, templateCategories, personalisationData, isPersonalisationEnabled, businessName, industry, layout, logoVariationImageUrls, shopConfigData, isServerRenderOverride, }: import("@brand-page-maker/stores").InitialisePayload): Promise<void>;
+        initialise({ brandPage, brandPageType, logoDraftDesignAttributes, unsplashApplicationName, templateCategories, personalisationData, isPersonalisationEnabled, businessName, industry, logoVariationImageUrls, shopConfigData, isServerRenderOverride, }: import("@brand-page-maker/stores").InitialisePayload): Promise<void>;
         initialisePages({ pages, sections, }: {
             pages: import("@brand-page").PageModel[];
             sections: import("@shared/page-settings/store").PageSettingsStateSections;

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

@@ -151,7 +151,6 @@ export default defineComponent({
             brandPageType: this.viewModel.brandPageType,
             businessName: this.viewModel.businessName,
             industry: this.viewModel.industry,
-            layout: this.viewModel.layout,
             logoVariationImageUrls: this.viewModel.logoVariationImageUrls,
             shopConfigData,
         });

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

@@ -111,7 +111,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             brandPageType: "default" | "brandSite" | "brandContact";
         }): void;
         initialiseStoresByBrandPageModelAsync(brandPageModel: import("../../../lib").BrandPageModel): Promise<void>;
-        initialise({ brandPage, brandPageType, logoDraftDesignAttributes, unsplashApplicationName, templateCategories, personalisationData, isPersonalisationEnabled, businessName, industry, layout, logoVariationImageUrls, shopConfigData, isServerRenderOverride, }: import("../../stores").InitialisePayload): Promise<void>;
+        initialise({ brandPage, brandPageType, logoDraftDesignAttributes, unsplashApplicationName, templateCategories, personalisationData, isPersonalisationEnabled, businessName, industry, logoVariationImageUrls, shopConfigData, isServerRenderOverride, }: import("../../stores").InitialisePayload): Promise<void>;
         initialisePages({ pages, sections, }: {
             pages: import("../../../lib").PageModel[];
             sections: import("../../../shared/page-settings/store").PageSettingsStateSections;

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

@@ -617,7 +617,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             brandPageType: "default" | "brandSite" | "brandContact";
         }): void;
         initialiseStoresByBrandPageModelAsync(brandPageModel: import("@brand-page").BrandPageModel): Promise<void>;
-        initialise({ brandPage, brandPageType, logoDraftDesignAttributes, unsplashApplicationName, templateCategories, personalisationData, isPersonalisationEnabled, businessName, industry, layout, logoVariationImageUrls, shopConfigData, isServerRenderOverride, }: import("@brand-page-maker/stores").InitialisePayload): Promise<void>;
+        initialise({ brandPage, brandPageType, logoDraftDesignAttributes, unsplashApplicationName, templateCategories, personalisationData, isPersonalisationEnabled, businessName, industry, logoVariationImageUrls, shopConfigData, isServerRenderOverride, }: import("@brand-page-maker/stores").InitialisePayload): Promise<void>;
         initialisePages({ pages, sections, }: {
             pages: import("@brand-page").PageModel[];
             sections: import("@shared/page-settings/store").PageSettingsStateSections;

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

@@ -117,7 +117,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             brandPageType: "default" | "brandSite" | "brandContact";
         }): void;
         initialiseStoresByBrandPageModelAsync(brandPageModel: import("../../../brand-page").BrandPageModel): Promise<void>;
-        initialise({ brandPage, brandPageType, logoDraftDesignAttributes, unsplashApplicationName, templateCategories, personalisationData, isPersonalisationEnabled, businessName, industry, layout, logoVariationImageUrls, shopConfigData, isServerRenderOverride, }: import("@brand-page-maker/stores").InitialisePayload): Promise<void>;
+        initialise({ brandPage, brandPageType, logoDraftDesignAttributes, unsplashApplicationName, templateCategories, personalisationData, isPersonalisationEnabled, businessName, industry, logoVariationImageUrls, shopConfigData, isServerRenderOverride, }: import("@brand-page-maker/stores").InitialisePayload): Promise<void>;
         initialisePages({ pages, sections, }: {
             pages: import("../../../brand-page").PageModel[];
             sections: import("../../../shared/page-settings/store").PageSettingsStateSections;

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

@@ -423,7 +423,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             brandPageType: "default" | "brandSite" | "brandContact";
         }): void;
         initialiseStoresByBrandPageModelAsync(brandPageModel: import("../../../brand-page").BrandPageModel): Promise<void>;
-        initialise({ brandPage, brandPageType, logoDraftDesignAttributes, unsplashApplicationName, templateCategories, personalisationData, isPersonalisationEnabled, businessName, industry, layout, logoVariationImageUrls, shopConfigData, isServerRenderOverride, }: import("@brand-page-maker/stores").InitialisePayload): Promise<void>;
+        initialise({ brandPage, brandPageType, logoDraftDesignAttributes, unsplashApplicationName, templateCategories, personalisationData, isPersonalisationEnabled, businessName, industry, logoVariationImageUrls, shopConfigData, isServerRenderOverride, }: import("@brand-page-maker/stores").InitialisePayload): Promise<void>;
         initialisePages({ pages, sections, }: {
             pages: import("../../../brand-page").PageModel[];
             sections: import("../../../shared/page-settings/store").PageSettingsStateSections;

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

@@ -424,7 +424,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             brandPageType: "default" | "brandSite" | "brandContact";
         }): void;
         initialiseStoresByBrandPageModelAsync(brandPageModel: import("../../../brand-page").BrandPageModel): Promise<void>;
-        initialise({ brandPage, brandPageType, logoDraftDesignAttributes, unsplashApplicationName, templateCategories, personalisationData, isPersonalisationEnabled, businessName, industry, layout, logoVariationImageUrls, shopConfigData, isServerRenderOverride, }: import("@brand-page-maker/stores").InitialisePayload): Promise<void>;
+        initialise({ brandPage, brandPageType, logoDraftDesignAttributes, unsplashApplicationName, templateCategories, personalisationData, isPersonalisationEnabled, businessName, industry, logoVariationImageUrls, shopConfigData, isServerRenderOverride, }: import("@brand-page-maker/stores").InitialisePayload): Promise<void>;
         initialisePages({ pages, sections, }: {
             pages: import("../../../brand-page").PageModel[];
             sections: import("../../../shared/page-settings/store").PageSettingsStateSections;

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

@@ -127,7 +127,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             brandPageType: "default" | "brandSite" | "brandContact";
         }): void;
         initialiseStoresByBrandPageModelAsync(brandPageModel: import("../../../brand-page").BrandPageModel): Promise<void>;
-        initialise({ brandPage, brandPageType, logoDraftDesignAttributes, unsplashApplicationName, templateCategories, personalisationData, isPersonalisationEnabled, businessName, industry, layout, logoVariationImageUrls, shopConfigData, isServerRenderOverride, }: import("@brand-page-maker/stores").InitialisePayload): Promise<void>;
+        initialise({ brandPage, brandPageType, logoDraftDesignAttributes, unsplashApplicationName, templateCategories, personalisationData, isPersonalisationEnabled, businessName, industry, logoVariationImageUrls, shopConfigData, isServerRenderOverride, }: import("@brand-page-maker/stores").InitialisePayload): Promise<void>;
         initialisePages({ pages, sections, }: {
             pages: import("../../../brand-page").PageModel[];
             sections: import("../../../shared/page-settings/store").PageSettingsStateSections;

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

@@ -475,7 +475,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             brandPageType: "default" | "brandSite" | "brandContact";
         }): void;
         initialiseStoresByBrandPageModelAsync(brandPageModel: import("@brand-page").BrandPageModel): Promise<void>;
-        initialise({ brandPage, brandPageType, logoDraftDesignAttributes, unsplashApplicationName, templateCategories, personalisationData, isPersonalisationEnabled, businessName, industry, layout, logoVariationImageUrls, shopConfigData, isServerRenderOverride, }: import("@brand-page-maker/stores").InitialisePayload): Promise<void>;
+        initialise({ brandPage, brandPageType, logoDraftDesignAttributes, unsplashApplicationName, templateCategories, personalisationData, isPersonalisationEnabled, businessName, industry, logoVariationImageUrls, shopConfigData, isServerRenderOverride, }: import("@brand-page-maker/stores").InitialisePayload): Promise<void>;
         initialisePages({ pages, sections, }: {
             pages: import("@brand-page").PageModel[];
             sections: import("../../../shared/page-settings/store").PageSettingsStateSections;

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

@@ -204,11 +204,6 @@ export default defineComponent({
             },
             deep: true,
         },
-        logoImageBase64Url() {
-            if (this.isAdmin) {
-                this.updateViewModel();
-            }
-        },
         previewImageUrl() {
             // Reset loading state whenever the preview URL changes
             if (!this.isAdmin) {

package/lib/src/brand-page-maker/models/button-styles-config.js

@@ -1,4 +1,3 @@
-import { BRAND_PAGE_TYPES } from '@brand-page';
 import { ButtonBoxShadowSize, ButtonSoftBoxShadowSize } from '@brand-page';
 export const ButtonStyleConfigOptions = [
     'buttonBorderColor',
@@ -57,7 +56,7 @@ export const availableButtonStyleConfigs = [
         iconName: undefined,
         iconViewBox: undefined,
         options: ['buttonFillColor', 'buttonIconColor'],
-        brandPageType: [BRAND_PAGE_TYPES.default, BRAND_PAGE_TYPES.brandContact],
+        brandPageType: undefined,
     },
     {
         id: 'BUTTON_STYLE_4',
@@ -108,7 +107,7 @@ export const availableButtonStyleConfigs = [
         iconName: undefined,
         iconViewBox: undefined,
         options: ['buttonFillColor', 'buttonBorderColor', 'buttonIconColor'],
-        brandPageType: [BRAND_PAGE_TYPES.default, BRAND_PAGE_TYPES.brandContact],
+        brandPageType: undefined,
     },
     {
         id: 'BUTTON_STYLE_7',
@@ -131,7 +130,7 @@ export const availableButtonStyleConfigs = [
             'buttonShadowColor',
             'buttonIconColor',
         ],
-        brandPageType: [BRAND_PAGE_TYPES.default, BRAND_PAGE_TYPES.brandContact],
+        brandPageType: undefined,
     },
     {
         id: 'BUTTON_STYLE_8',
@@ -154,7 +153,7 @@ export const availableButtonStyleConfigs = [
             'buttonShadowColor',
             'buttonIconColor',
         ],
-        brandPageType: [BRAND_PAGE_TYPES.default, BRAND_PAGE_TYPES.brandContact],
+        brandPageType: undefined,
     },
     {
         id: 'BUTTON_STYLE_9',
@@ -177,7 +176,7 @@ export const availableButtonStyleConfigs = [
             'buttonShadowColor',
             'buttonIconColor',
         ],
-        brandPageType: [BRAND_PAGE_TYPES.default, BRAND_PAGE_TYPES.brandContact],
+        brandPageType: undefined,
     },
     {
         id: 'BUTTON_STYLE_10',
@@ -228,7 +227,7 @@ export const availableButtonStyleConfigs = [
         iconName: 'button-dashed-oval',
         iconViewBox: '0 0 60 20',
         options: ['buttonFillColor', 'buttonBorderColor', 'buttonIconColor'],
-        brandPageType: [BRAND_PAGE_TYPES.default, BRAND_PAGE_TYPES.brandContact],
+        brandPageType: undefined,
     },
     {
         id: 'BUTTON_STYLE_13',
@@ -279,7 +278,7 @@ export const availableButtonStyleConfigs = [
         iconName: 'button-doubleline-oval',
         iconViewBox: '0 0 60 20',
         options: ['buttonFillColor', 'buttonBorderColor', 'buttonIconColor'],
-        brandPageType: [BRAND_PAGE_TYPES.default, BRAND_PAGE_TYPES.brandContact],
+        brandPageType: undefined,
     },
     {
         id: 'BUTTON_STYLE_16',
@@ -336,7 +335,7 @@ export const availableButtonStyleConfigs = [
         iconName: 'button-softshadow-oval',
         iconViewBox: '0 0 60 20',
         options: ['buttonFillColor', 'buttonSoftShadowColor', 'buttonIconColor'],
-        brandPageType: [BRAND_PAGE_TYPES.default, BRAND_PAGE_TYPES.brandContact],
+        brandPageType: undefined,
     },
     {
         id: 'BUTTON_STYLE_19',
@@ -353,7 +352,7 @@ export const availableButtonStyleConfigs = [
         iconName: 'button-brushstroke',
         iconViewBox: '0 0 60 20',
         options: ['buttonFillColor', 'buttonIconColor'],
-        brandPageType: [BRAND_PAGE_TYPES.default, BRAND_PAGE_TYPES.brandContact],
+        brandPageType: undefined,
     },
     {
         id: 'BUTTON_STYLE_20',
@@ -370,7 +369,7 @@ export const availableButtonStyleConfigs = [
         iconName: 'button-arrow',
         iconViewBox: '0 0 60 20',
         options: ['buttonFillColor', 'buttonIconColor'],
-        brandPageType: [BRAND_PAGE_TYPES.default, BRAND_PAGE_TYPES.brandContact],
+        brandPageType: undefined,
     },
     {
         id: 'BUTTON_STYLE_21',
@@ -387,6 +386,6 @@ export const availableButtonStyleConfigs = [
         iconName: 'button-paper',
         iconViewBox: '0 0 60 20',
         options: ['buttonFillColor', 'buttonIconColor'],
-        brandPageType: [BRAND_PAGE_TYPES.default, BRAND_PAGE_TYPES.brandContact],
+        brandPageType: undefined,
     },
 ];

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

@@ -22,7 +22,6 @@ export interface InitialisePayload {
     isPersonalisationEnabled: boolean;
     businessName: string | undefined;
     industry: string | undefined;
-    layout?: string;
     logoVariationImageUrls: string[];
     shopConfigData: string | ShopConfigData;
     isServerRenderOverride?: boolean;
@@ -192,7 +191,7 @@ export declare const useBrandPageMakerStore: import("pinia").StoreDefinition<"br
         brandPageType: BrandPageType;
     }): void;
     initialiseStoresByBrandPageModelAsync(brandPageModel: BrandPageModel): Promise<void>;
-    initialise({ brandPage, brandPageType, logoDraftDesignAttributes, unsplashApplicationName, templateCategories, personalisationData, isPersonalisationEnabled, businessName, industry, layout, logoVariationImageUrls, shopConfigData, isServerRenderOverride, }: InitialisePayload): Promise<void>;
+    initialise({ brandPage, brandPageType, logoDraftDesignAttributes, unsplashApplicationName, templateCategories, personalisationData, isPersonalisationEnabled, businessName, industry, logoVariationImageUrls, shopConfigData, isServerRenderOverride, }: InitialisePayload): Promise<void>;
     initialisePages({ pages, sections, }: {
         pages: PageModel[];
         sections: PageSettingsStateSections;

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

@@ -482,7 +482,7 @@ export const useBrandPageMakerStore = defineStore('brandPageMaker', {
                 },
             });
         },
-        async initialise({ brandPage, brandPageType, logoDraftDesignAttributes, unsplashApplicationName, templateCategories, personalisationData, isPersonalisationEnabled, businessName, industry, layout, logoVariationImageUrls, shopConfigData, isServerRenderOverride = false, }) {
+        async initialise({ brandPage, brandPageType, logoDraftDesignAttributes, unsplashApplicationName, templateCategories, personalisationData, isPersonalisationEnabled, businessName, industry, logoVariationImageUrls, shopConfigData, isServerRenderOverride = false, }) {
             const brandPageContainerStore = useBrandPageContainerStore();
             const userStore = useBrandPageMakerUserStore();
             const uiStore = useUiStore();
@@ -586,7 +586,6 @@ export const useBrandPageMakerStore = defineStore('brandPageMaker', {
                 if (brandPageContainerStore.isPrePurchase) {
                     await editableLogoStore.setStateAsync({
                         defaultPrimaryText: businessName,
-                        defaultLayout: layout,
                         newState: {
                             isTextOnlyLogo: false,
                             logoTemplateMetadata: '',

package/lib/src/clients/fabric-render-client.d.ts

@@ -31,10 +31,6 @@ export interface ModifyLogoDataRequest {
         template: {
             token: string;
             version: number;
-            placeholder?: {
-                primaryText?: string;
-            };
-            layout?: string;
         };
         draft: {
             token: string;
@@ -47,7 +43,6 @@ export interface ModifyLogoDataRequest {
             removed: boolean;
             updates: Updates;
         }>;
-        layout?: string;
     };
 }
 export interface ModifyLogoDataResponse {
@@ -87,7 +82,6 @@ export declare class FabricRenderClient {
         logoTemplateToken: string;
         logoTemplateVersion: number;
         logoTemplateText: string;
-        layout?: string;
     }, outputFormat?: LogoOutputFormat, logoColorPalette?: string | undefined): string;
     getLogoVariationUrlByLogoVariationIndex(logoDraftToken: string, tick: string | number | undefined, variationIndex: number, outputFormat?: LogoOutputFormat): string;
     private getModifyLogoPostEndpoint;
@@ -105,7 +99,6 @@ export declare class FabricRenderClient {
         logoTemplateToken: string;
         logoTemplateText: string;
         logoTemplateVersion: number;
-        layout?: string;
     }): Promise<{
         data: string;
         width: number;

package/lib/src/clients/fabric-render-client.js

@@ -41,10 +41,7 @@ export class FabricRenderClient {
         return FabricRenderClient._staticClient;
     }
     getLogoTemplateUrlByLogoTemplateImage(logoTemplateImage, outputFormat = 'base64svgjson', logoColorPalette = undefined) {
-        let url = `${this.baseUrl}/asset/logotemplate/brand-page/${logoTemplateImage.logoTemplateToken}?dimensionsType=preview_image_transparent_no_buffer&outputFormat=${outputFormat}&logoTemplateVersion=${logoTemplateImage.logoTemplateVersion}&text=${encodeURIComponent(logoTemplateImage.logoTemplateText)}`;
-        if (logoTemplateImage.layout) {
-            url = `${url}&layout=${logoTemplateImage.layout}`;
-        }
+        let url = `${this.baseUrl}/asset/logotemplate/brand-page/${logoTemplateImage.logoTemplateToken}?dimensionsType=preview_image_transparent_no_buffer&outputFormat=${outputFormat}&logoTemplateVersion=${logoTemplateImage.logoTemplateVersion}&text=${encodeURIComponent(logoTemplateImage.logoTemplateText)}&applyAutoLayout=true`;
         if (logoColorPalette) {
             url = `${url}&colorpalette=${logoColorPalette}`;
         }