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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/lib/src/{CreatedOnDcom-es-es-2db-EVNQ.js → CreatedOnDcom-es-es-zbJx7K9T.js}

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

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

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

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

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

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

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

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

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

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

@@ -1343,7 +1343,7 @@ export const FONT_FAMILY_CONFIGS = {
         categories: [FONT_FAMILY_CATEGORIES().unique.key],
     },
     playwriteOsterreich: {
-        name: 'Playwrite Österreich',
+        name: 'Playwrite AT',
         family: 'Playwrite AT',
         isPremiumFont: false,
         type: 'google',

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

@@ -18,6 +18,7 @@ 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, logoVariationImageUrls, shopConfigData, isServerRenderOverride, }: import("@brand-page-maker/stores").InitialisePayload): Promise<void>;
+        initialise({ brandPage, brandPageType, logoDraftDesignAttributes, unsplashApplicationName, templateCategories, personalisationData, isPersonalisationEnabled, businessName, industry, layout, 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,6 +23,7 @@ export interface BrandPageMakerViewModel {
     brandPageType?: BrandPageType;
     businessName?: string;
     industry?: string;
+    layout?: string;
 }
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     viewModel: {
@@ -166,7 +167,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, logoVariationImageUrls, shopConfigData, isServerRenderOverride, }: import("@brand-page-maker/stores").InitialisePayload): Promise<void>;
+        initialise({ brandPage, brandPageType, logoDraftDesignAttributes, unsplashApplicationName, templateCategories, personalisationData, isPersonalisationEnabled, businessName, industry, layout, 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,6 +151,7 @@ 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, logoVariationImageUrls, shopConfigData, isServerRenderOverride, }: import("../../stores").InitialisePayload): Promise<void>;
+        initialise({ brandPage, brandPageType, logoDraftDesignAttributes, unsplashApplicationName, templateCategories, personalisationData, isPersonalisationEnabled, businessName, industry, layout, 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, logoVariationImageUrls, shopConfigData, isServerRenderOverride, }: import("@brand-page-maker/stores").InitialisePayload): Promise<void>;
+        initialise({ brandPage, brandPageType, logoDraftDesignAttributes, unsplashApplicationName, templateCategories, personalisationData, isPersonalisationEnabled, businessName, industry, layout, 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, logoVariationImageUrls, shopConfigData, isServerRenderOverride, }: import("@brand-page-maker/stores").InitialisePayload): Promise<void>;
+        initialise({ brandPage, brandPageType, logoDraftDesignAttributes, unsplashApplicationName, templateCategories, personalisationData, isPersonalisationEnabled, businessName, industry, layout, 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, logoVariationImageUrls, shopConfigData, isServerRenderOverride, }: import("@brand-page-maker/stores").InitialisePayload): Promise<void>;
+        initialise({ brandPage, brandPageType, logoDraftDesignAttributes, unsplashApplicationName, templateCategories, personalisationData, isPersonalisationEnabled, businessName, industry, layout, 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, logoVariationImageUrls, shopConfigData, isServerRenderOverride, }: import("@brand-page-maker/stores").InitialisePayload): Promise<void>;
+        initialise({ brandPage, brandPageType, logoDraftDesignAttributes, unsplashApplicationName, templateCategories, personalisationData, isPersonalisationEnabled, businessName, industry, layout, 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, logoVariationImageUrls, shopConfigData, isServerRenderOverride, }: import("@brand-page-maker/stores").InitialisePayload): Promise<void>;
+        initialise({ brandPage, brandPageType, logoDraftDesignAttributes, unsplashApplicationName, templateCategories, personalisationData, isPersonalisationEnabled, businessName, industry, layout, 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, logoVariationImageUrls, shopConfigData, isServerRenderOverride, }: import("@brand-page-maker/stores").InitialisePayload): Promise<void>;
+        initialise({ brandPage, brandPageType, logoDraftDesignAttributes, unsplashApplicationName, templateCategories, personalisationData, isPersonalisationEnabled, businessName, industry, layout, 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,6 +204,11 @@ 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/composables/rich-text-editor/useRichTextEditor.js

@@ -271,8 +271,9 @@ export const useRichTextEditor = (model, props, emit, fontSettings, fontStyleDro
         // TODO: resolve the issue of missing style on text between empty lines
         // retainStyleOnEmptyLine(editor, selection);
         if (textStyleAttributes && textStyleAttributes.fontFamily) {
-            selectedFont.value = textStyleAttributes.fontFamily;
-            fontSettings.selectedFont = textStyleAttributes.fontFamily;
+            const font = textStyleAttributes.fontFamily.replace(/^['"]|['"]$/g, '');
+            selectedFont.value = font;
+            fontSettings.selectedFont = font;
         }
         else {
             selectedFont.value = 'Lato';

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

@@ -22,6 +22,7 @@ export interface InitialisePayload {
     isPersonalisationEnabled: boolean;
     businessName: string | undefined;
     industry: string | undefined;
+    layout?: string;
     logoVariationImageUrls: string[];
     shopConfigData: string | ShopConfigData;
     isServerRenderOverride?: boolean;
@@ -191,7 +192,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, logoVariationImageUrls, shopConfigData, isServerRenderOverride, }: InitialisePayload): Promise<void>;
+    initialise({ brandPage, brandPageType, logoDraftDesignAttributes, unsplashApplicationName, templateCategories, personalisationData, isPersonalisationEnabled, businessName, industry, layout, 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, logoVariationImageUrls, shopConfigData, isServerRenderOverride = false, }) {
+        async initialise({ brandPage, brandPageType, logoDraftDesignAttributes, unsplashApplicationName, templateCategories, personalisationData, isPersonalisationEnabled, businessName, industry, layout, logoVariationImageUrls, shopConfigData, isServerRenderOverride = false, }) {
             const brandPageContainerStore = useBrandPageContainerStore();
             const userStore = useBrandPageMakerUserStore();
             const uiStore = useUiStore();
@@ -586,6 +586,7 @@ 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,6 +31,10 @@ export interface ModifyLogoDataRequest {
         template: {
             token: string;
             version: number;
+            placeholder?: {
+                primaryText?: string;
+            };
+            layout?: string;
         };
         draft: {
             token: string;
@@ -43,6 +47,7 @@ export interface ModifyLogoDataRequest {
             removed: boolean;
             updates: Updates;
         }>;
+        layout?: string;
     };
 }
 export interface ModifyLogoDataResponse {
@@ -82,6 +87,7 @@ 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;
@@ -99,6 +105,7 @@ 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,7 +41,10 @@ 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)}&applyAutoLayout=true`;
+        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}`;
+        }
         if (logoColorPalette) {
             url = `${url}&colorpalette=${logoColorPalette}`;
         }

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

@@ -6818,18 +6818,18 @@ select[data-v-534cad39] {
   margin-bottom: 0.5rem
 }
 
-.form-error[data-v-9668f66d] {
+.form-error[data-v-4e641ae0] {
   font-size: 0.875rem;
   line-height: 1.25rem;
   color: #f21b3f
 }
 @media (max-width: 767px) {
-.product-detail[data-v-9668f66d] {
+.product-detail[data-v-4e641ae0] {
     grid-template-columns: repeat(1, minmax(0, 1fr))
 }
 }
 @media (min-width: 767px) {
-.product-detail[data-v-9668f66d] {
+.product-detail[data-v-4e641ae0] {
     grid-template-columns: repeat(2, minmax(0, 1fr))
 }
 }
@@ -8784,11 +8784,11 @@ body {
   min-width: 33.333333%
 }
 
-.font-list[data-v-584b8d39] {
+.font-list[data-v-65616ad0] {
   scrollbar-width: none; /* Firefox */
   -ms-overflow-style: none; /* IE/Edge */
 }
-.font-list[data-v-584b8d39]::-webkit-scrollbar {
+.font-list[data-v-65616ad0]::-webkit-scrollbar {
   display: none; /* Chrome, Safari, Opera */
 }
 

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

@@ -7136,18 +7136,18 @@ select[data-v-534cad39] {
   margin-bottom: 0.5rem
 }
 
-.form-error[data-v-9668f66d] {
+.form-error[data-v-4e641ae0] {
   font-size: 0.875rem;
   line-height: 1.25rem;
   color: #f21b3f
 }
 @media (max-width: 767px) {
-.product-detail[data-v-9668f66d] {
+.product-detail[data-v-4e641ae0] {
     grid-template-columns: repeat(1, minmax(0, 1fr))
 }
 }
 @media (min-width: 767px) {
-.product-detail[data-v-9668f66d] {
+.product-detail[data-v-4e641ae0] {
     grid-template-columns: repeat(2, minmax(0, 1fr))
 }
 }
@@ -9102,11 +9102,11 @@ body {
   min-width: 33.333333%
 }
 
-.font-list[data-v-584b8d39] {
+.font-list[data-v-65616ad0] {
   scrollbar-width: none; /* Firefox */
   -ms-overflow-style: none; /* IE/Edge */
 }
-.font-list[data-v-584b8d39]::-webkit-scrollbar {
+.font-list[data-v-65616ad0]::-webkit-scrollbar {
   display: none; /* Chrome, Safari, Opera */
 }
 

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

@@ -6848,18 +6848,18 @@ select[data-v-534cad39] {
   margin-bottom: 0.5rem
 }
 
-.form-error[data-v-9668f66d] {
+.form-error[data-v-4e641ae0] {
   font-size: 0.875rem;
   line-height: 1.25rem;
   color: #f21b3f
 }
 @media (max-width: 767px) {
-.product-detail[data-v-9668f66d] {
+.product-detail[data-v-4e641ae0] {
     grid-template-columns: repeat(1, minmax(0, 1fr))
 }
 }
 @media (min-width: 767px) {
-.product-detail[data-v-9668f66d] {
+.product-detail[data-v-4e641ae0] {
     grid-template-columns: repeat(2, minmax(0, 1fr))
 }
 }
@@ -8814,11 +8814,11 @@ body {
   min-width: 33.333333%
 }
 
-.font-list[data-v-584b8d39] {
+.font-list[data-v-65616ad0] {
   scrollbar-width: none; /* Firefox */
   -ms-overflow-style: none; /* IE/Edge */
 }
-.font-list[data-v-584b8d39]::-webkit-scrollbar {
+.font-list[data-v-65616ad0]::-webkit-scrollbar {
   display: none; /* Chrome, Safari, Opera */
 }
 

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

@@ -6546,18 +6546,18 @@ select[data-v-534cad39] {
   margin-bottom: 0.5rem
 }
 
-.bp .form-error[data-v-9668f66d] {
+.bp .form-error[data-v-4e641ae0] {
   font-size: 0.875rem;
   line-height: 1.25rem;
   color: #f21b3f
 }
 @media (max-width: 767px) {
-.bp .product-detail[data-v-9668f66d] {
+.bp .product-detail[data-v-4e641ae0] {
     grid-template-columns: repeat(1, minmax(0, 1fr))
 }
 }
 @media (min-width: 767px) {
-.bp .product-detail[data-v-9668f66d] {
+.bp .product-detail[data-v-4e641ae0] {
     grid-template-columns: repeat(2, minmax(0, 1fr))
 }
 }
@@ -8512,11 +8512,11 @@ to {
   min-width: 33.333333%
 }
 
-.bp .font-list[data-v-584b8d39] {
+.bp .font-list[data-v-65616ad0] {
   scrollbar-width: none; /* Firefox */
   -ms-overflow-style: none; /* IE/Edge */
 }
-.bp .font-list[data-v-584b8d39]::-webkit-scrollbar {
+.bp .font-list[data-v-65616ad0]::-webkit-scrollbar {
   display: none; /* Chrome, Safari, Opera */
 }
 

package/lib/src/index.mjs

@@ -1,4 +1,4 @@
-import { A as E, a as T, b as s, c as I, d as S, e as N, f as e, B as A, g as O, h as C, i as G, j as D, k as P, l as t, m as R, n as L, o as M, p as o, q as r, r as b, s as n, t as F, u as i, v as l, w as g, x as B, y as c, z as Y, C as U, D as d, E as u, F as H, G as p, H as y, I as K, J as k, K as m, L as V, M as X, N as h, O as v, P as W, Q as f, R as x, S as z, T as w, U as Z, V as j, W as Q, X as q, Y as J, Z as $, $ as aa, a0 as _a, a1 as Ea, a2 as Ta, a3 as sa, a4 as Ia, a5 as Sa, a6 as Na, a7 as ea, a8 as Aa, a9 as Oa, aa as Ca, ab as Ga, ac as Da, ad as Pa, ae as ta, af as Ra, ag as La, ah as Ma, ai as oa, aj as ra, ak as ba, al as na, am as Fa, an as ia, ao as la, ap as ga, aq as Ba, ar as ca, as as Ya, at as Ua, au as da, av as ua, aw as Ha, ax as pa, ay as ya, az as Ka, aA as ka, aB as ma, aC as Va, aD as Xa, aE as ha, aF as va, aG as Wa, aH as fa, aI as xa, aJ as za, aK as wa, aL as Za, aM as ja, aN as Qa, aO as qa, aP as Ja, aQ as $a, aR as a_, aS as __, aT as E_, aU as T_, aV as s_, aW as I_, aX as S_, aY as N_, aZ as e_, a_ as A_, a$ as O_, b0 as C_, b1 as G_, b2 as D_, b3 as P_, b4 as t_, b5 as R_, b6 as L_, b7 as M_, b8 as o_, b9 as r_, ba as b_, bb as n_, bc as F_, bd as i_, be as l_, bf as g_, bg as B_, bh as c_, bi as Y_, bj as U_, bk as d_, bl as u_, bm as H_, bn as p_, bo as y_, bp as K_, bq as k_, br as m_, bs as V_, bt as X_, bu as h_, bv as v_, bw as W_, bx as f_, by as x_, bz as z_, bA as w_, bB as Z_, bC as j_, bD as Q_, bE as q_, bF as J_, bG as $_, bH as aE, bI as _E, bJ as EE, bK as TE, bL as sE, bM as IE, bN as SE, bO as NE, bP as eE, bQ as AE, bR as OE, bS as CE, bT as GE, bU as DE, bV as PE, bW as tE, bX as RE, bY as LE, bZ as ME, b_ as oE, b$ as rE, c0 as bE, c1 as nE, c2 as FE, c3 as iE, c4 as lE, c5 as gE, c6 as BE, c7 as cE, c8 as YE, c9 as UE, ca as dE, cb as uE, cc as HE, cd as pE, ce as yE, cf as KE, cg as kE, ch as mE, ci as VE, cj as XE, ck as hE, cl as vE, cm as WE, cn as fE, co as xE } from "./lib-DD0QNGsz.js";
+import { A as E, a as T, b as s, c as I, d as S, e as N, f as e, B as A, g as O, h as C, i as G, j as D, k as P, l as t, m as R, n as L, o as M, p as o, q as r, r as b, s as n, t as F, u as i, v as l, w as g, x as B, y as c, z as Y, C as U, D as d, E as u, F as H, G as p, H as y, I as K, J as k, K as m, L as V, M as X, N as h, O as v, P as W, Q as f, R as x, S as z, T as w, U as Z, V as j, W as Q, X as q, Y as J, Z as $, $ as aa, a0 as _a, a1 as Ea, a2 as Ta, a3 as sa, a4 as Ia, a5 as Sa, a6 as Na, a7 as ea, a8 as Aa, a9 as Oa, aa as Ca, ab as Ga, ac as Da, ad as Pa, ae as ta, af as Ra, ag as La, ah as Ma, ai as oa, aj as ra, ak as ba, al as na, am as Fa, an as ia, ao as la, ap as ga, aq as Ba, ar as ca, as as Ya, at as Ua, au as da, av as ua, aw as Ha, ax as pa, ay as ya, az as Ka, aA as ka, aB as ma, aC as Va, aD as Xa, aE as ha, aF as va, aG as Wa, aH as fa, aI as xa, aJ as za, aK as wa, aL as Za, aM as ja, aN as Qa, aO as qa, aP as Ja, aQ as $a, aR as a_, aS as __, aT as E_, aU as T_, aV as s_, aW as I_, aX as S_, aY as N_, aZ as e_, a_ as A_, a$ as O_, b0 as C_, b1 as G_, b2 as D_, b3 as P_, b4 as t_, b5 as R_, b6 as L_, b7 as M_, b8 as o_, b9 as r_, ba as b_, bb as n_, bc as F_, bd as i_, be as l_, bf as g_, bg as B_, bh as c_, bi as Y_, bj as U_, bk as d_, bl as u_, bm as H_, bn as p_, bo as y_, bp as K_, bq as k_, br as m_, bs as V_, bt as X_, bu as h_, bv as v_, bw as W_, bx as f_, by as x_, bz as z_, bA as w_, bB as Z_, bC as j_, bD as Q_, bE as q_, bF as J_, bG as $_, bH as aE, bI as _E, bJ as EE, bK as TE, bL as sE, bM as IE, bN as SE, bO as NE, bP as eE, bQ as AE, bR as OE, bS as CE, bT as GE, bU as DE, bV as PE, bW as tE, bX as RE, bY as LE, bZ as ME, b_ as oE, b$ as rE, c0 as bE, c1 as nE, c2 as FE, c3 as iE, c4 as lE, c5 as gE, c6 as BE, c7 as cE, c8 as YE, c9 as UE, ca as dE, cb as uE, cc as HE, cd as pE, ce as yE, cf as KE, cg as kE, ch as mE, ci as VE, cj as XE, ck as hE, cl as vE, cm as WE, cn as fE, co as xE } from "./lib-CXA7tc7k.js";
 import { createPinia as wE, setActivePinia as ZE } from "pinia";
 export {
   E as ABOUT_SECTION_SETTINGS_CONFIG,