@designcrowd/library.brand-page 5.14.14 → 5.14.15-ast-bugs

package/lib/src/{CreatedOnBrandCrowd-de-de-D7ryk46x.js → CreatedOnBrandCrowd-de-de-XA_P3O6B.js}

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

package/lib/src/{CreatedOnBrandCrowd-en-us-BiPE1ue8.js → CreatedOnBrandCrowd-en-us-BJSORr8J.js}

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

package/lib/src/{CreatedOnBrandCrowd-es-es-BYmn7fSR.js → CreatedOnBrandCrowd-es-es-CcUkCvk8.js}

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

package/lib/src/{CreatedOnBrandCrowd-fr-fr-D50Z2M1g.js → CreatedOnBrandCrowd-fr-ca-CD35x6qo.js}

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

package/lib/src/{CreatedOnBrandCrowd-fr-ca-D50Z2M1g.js → CreatedOnBrandCrowd-fr-fr-CD35x6qo.js}

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

package/lib/src/{CreatedOnBrandCrowd-pt-pt-B2KzjGPW.js → CreatedOnBrandCrowd-pt-br-B7DFbsMA.js}

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

package/lib/src/{CreatedOnBrandCrowd-pt-br-B2KzjGPW.js → CreatedOnBrandCrowd-pt-pt-B7DFbsMA.js}

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

package/lib/src/{CreatedOnDcom-de-de-Ch5hMWS9.js → CreatedOnDcom-de-de-DC9t7Chk.js}

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

package/lib/src/{CreatedOnDcom-en-us-Dc200pCX.js → CreatedOnDcom-en-us-z6RWJgXt.js}

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

package/lib/src/{CreatedOnDcom-es-es-ClTYKnwP.js → CreatedOnDcom-es-es-B3C8-GjM.js}

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

package/lib/src/{CreatedOnDcom-fr-ca-DLmg-UoU.js → CreatedOnDcom-fr-ca-DFCLyNQ_.js}

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

package/lib/src/{CreatedOnDcom-fr-fr-C9ikSDbM.js → CreatedOnDcom-fr-fr-Dd3irraf.js}

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

package/lib/src/{CreatedOnDcom-pt-br-4D9PnwCa.js → CreatedOnDcom-pt-br-Z_A2r0Wa.js}

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

package/lib/src/{CreatedOnDcom-pt-pt-DDKAHEb_.js → CreatedOnDcom-pt-pt-D1yQ8zxn.js}

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

package/lib/src/brand-page/utils/style.util.d.ts

@@ -1,6 +1,14 @@
 import type { BrandPageModel, LogoTheme, ThemeColor, FabricLogoTheme, ButtonStyles, PageModel } from '../models';
 import { NavigationDesktop, NavigationMobile } from '../models';
 import { PageStyles, PageHeaderMobile, PageHeaderDesktop, PageFooterMobile, PageFooterDesktop } from '../models';
+/**
+ * Simple utility to convert any color format to hex for consistent comparison
+ */
+export declare const normalizeColorToHex: (color: string) => string;
+/**
+ * Simple utility to check if two colors match (handles different formats)
+ */
+export declare const colorsMatch: (color1: string, color2: string) => boolean;
 /**
  * @function getColorValueForCorrectCssProperty
  * @param k: string

package/lib/src/brand-page/utils/style.util.js

@@ -3,8 +3,34 @@ import { PageStyles, PageHeaderMobile, PageHeaderDesktop, PageFooterMobile, Page
 import { STYLE_THEME_KEYS } from '../constants';
 import { arrayToLinearGradient, linearGradientToArray, isColorLinearGradient, RGBAtoHex, } from '../../utils/helpers';
 import { addTransparentAlphaChannelToHex, calculateLuminanceRatio, getNewColorBasedOnTargetColorTheme, } from './color.util';
+import { isRgbColor } from '../../utils/helpers';
 import chroma from 'chroma-js';
 import { hasRTEContent } from '../../brand-page-maker/utils';
+/**
+ * Simple utility to convert any color format to hex for consistent comparison
+ */
+export const normalizeColorToHex = (color) => {
+    if (!color)
+        return color;
+    const cleanColor = color.replace(/ /g, '');
+    try {
+        return isRgbColor(cleanColor) ? RGBAtoHex(cleanColor) : cleanColor;
+    }
+    catch (e) {
+        console.warn('Failed to convert color to hex:', color);
+        return cleanColor;
+    }
+};
+/**
+ * Simple utility to check if two colors match (handles different formats)
+ */
+export const colorsMatch = (color1, color2) => {
+    if (!color1 || !color2)
+        return false;
+    const normalized1 = normalizeColorToHex(color1);
+    const normalized2 = normalizeColorToHex(color2);
+    return normalized1 === normalized2;
+};
 const MIN_LUM_RATIO = 0.3;
 const parseFabricColorToCssStyle = (fabricColor) => {
     if (fabricColor && typeof fabricColor === 'object') {

package/lib/src/brand-page/utils/view-model.util.js

@@ -77,7 +77,7 @@ export const applyViewModelTextStyles = (content, styles) => {
     Object.keys(CONTENT_TEXT_STYLE_PROPERTY_KEYS)
         .filter((propKey) => propKey in content)
         .forEach((propKey) => {
-        content[propKey] = getTextStyleByContentTextStyleProperty(content, propKey, styles.textStyles.textStyleOptions);
+        content[propKey] = getTextStyleByContentTextStyleProperty(content, propKey, styles.textStyles?.textStyleOptions);
     });
     return content;
 };
@@ -85,9 +85,9 @@ const applyViewModelTextItemTextStyles = (textItems, styles) => {
     return textItems.map((item) => {
         let itemTextStyle = item.textStyle;
         if (item.textStyle?.textStyleType) {
-            const textStyleOption = styles.textStyles.textStyleOptions[item.textStyle.textStyleType];
+            const textStyleOption = styles.textStyles?.textStyleOptions?.[item.textStyle.textStyleType];
             itemTextStyle = {
-                ...textStyleOption.style,
+                ...textStyleOption?.style,
                 applyAutoScale: itemTextStyle.applyAutoScale,
                 textAlign: itemTextStyle.textAlign || DEFAULT_TEXT_ALIGN,
                 textStyleType: itemTextStyle.textStyleType || undefined,
@@ -203,17 +203,17 @@ const mapToButtonViewModel = (content, styles, options) => {
     };
     // Extract only text-related properties from titleStyle, excluding button styling properties
     const textOnlyProperties = {
-        color: options.titleStyle.color,
-        fontFamily: options.titleStyle.fontFamily,
-        fontSize: options.titleStyle.fontSize,
-        fontWeight: options.titleStyle.fontWeight,
-        textAlign: options.titleStyle.textAlign,
-        letterSpacing: options.titleStyle.letterSpacing,
-        lineHeight: options.titleStyle.lineHeight || LINE_HEIGHT_HEADINGS,
-        textStyleType: options.titleStyle.textStyleType,
-        applyAutoScale: options.titleStyle.applyAutoScale,
-        textDecoration: options.titleStyle.textDecoration,
-        fontStyle: options.titleStyle.fontStyle,
+        color: options.titleStyle?.color,
+        fontFamily: options.titleStyle?.fontFamily,
+        fontSize: options.titleStyle?.fontSize,
+        fontWeight: options.titleStyle?.fontWeight,
+        textAlign: options.titleStyle?.textAlign,
+        letterSpacing: options.titleStyle?.letterSpacing,
+        lineHeight: options.titleStyle?.lineHeight || LINE_HEIGHT_HEADINGS,
+        textStyleType: options.titleStyle?.textStyleType,
+        applyAutoScale: options.titleStyle?.applyAutoScale,
+        textDecoration: options.titleStyle?.textDecoration,
+        fontStyle: options.titleStyle?.fontStyle,
     };
     /* For text content text style backward compatibility */
     const titleStyle = {
@@ -247,18 +247,18 @@ export const mapToProfileViewModel = (content, styles) => {
     containerStyle = applyContentBorderRadius(containerStyle);
     const titleStyle = {
         ...content.titleStyle,
-        fontSize: content.titleStyle.fontSize || FONT_SIZE_BODY,
-        lineHeight: content.titleStyle.lineHeight || LINE_HEIGHT_BODY,
+        fontSize: content.titleStyle?.fontSize || FONT_SIZE_BODY,
+        lineHeight: content.titleStyle?.lineHeight || LINE_HEIGHT_BODY,
     };
     const descriptionStyle = {
         ...content.descriptionStyle,
-        fontSize: content.descriptionStyle.fontSize || FONT_SIZE_BODY,
-        lineHeight: content.descriptionStyle.lineHeight || LINE_HEIGHT_BODY,
+        fontSize: content.descriptionStyle?.fontSize || FONT_SIZE_BODY,
+        lineHeight: content.descriptionStyle?.lineHeight || LINE_HEIGHT_BODY,
     };
     const nameStyle = {
         ...content.nameStyle,
-        fontSize: content.nameStyle.fontSize || FONT_SIZE_HEADINGS,
-        lineHeight: content.nameStyle.lineHeight || LINE_HEIGHT_HEADINGS,
+        fontSize: content.nameStyle?.fontSize || FONT_SIZE_HEADINGS,
+        lineHeight: content.nameStyle?.lineHeight || LINE_HEIGHT_HEADINGS,
     };
     return applyViewModelTextStyles({
         ...content,

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

@@ -214,9 +214,7 @@ declare const _default: import("vue").DefineComponent<{}, {
         triggerLockedContentClickedEvent(payload: {
             type: string;
         }): Promise<void>;
-        onTemplateSelected(payload: {
-            templateId: string;
-        }): Promise<void>;
+        onTemplateSelected(payload: import("../../stores").OnTemplateSelectedPayload): Promise<void>;
         showUpgradeModalAndSaveAsync(): Promise<void>;
         setIsPersonalisationEnabled({ isPersonalisationEnabled, }: {
             isPersonalisationEnabled: boolean;

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

@@ -877,9 +877,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         triggerLockedContentClickedEvent(payload: {
             type: string;
         }): Promise<void>;
-        onTemplateSelected(payload: {
-            templateId: string;
-        }): Promise<void>;
+        onTemplateSelected(payload: import("../../stores").OnTemplateSelectedPayload): Promise<void>;
         showUpgradeModalAndSaveAsync(): Promise<void>;
         setIsPersonalisationEnabled({ isPersonalisationEnabled, }: {
             isPersonalisationEnabled: boolean;
@@ -997,6 +995,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         loadPageNo({ pageNo }: {
             pageNo: number;
         }): Promise<void>;
+        getCachedTemplateByTokenAsync(token: string): Promise<import("../../../shared/template-settings/models").TemplateSettingsTemplate | undefined>;
         onTemplateSelected(payload: import("../../../shared/template-settings/models").OnTemplateSelectedPayload): Promise<void>;
         onCategorySelected(payload: import("../../../shared/template-settings/models").OnCategorySelectedPayload): Promise<void>;
         onSearch(payload: import("../../../shared/template-settings/models").OnSearchPayload): Promise<void>;

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

@@ -303,7 +303,7 @@ export default defineComponent({
                     eventProps: {
                         content_category: this.contentSettingsStore.getContentCategory(currentlySelectedItem.type),
                         content_type: currentlySelectedItem.type,
-                        select_location: SELECT_LOCATIONS.MAKER_PREVIEW,
+                        select_location: SELECT_LOCATIONS.SIDEBAR,
                     },
                 });
             }

package/lib/src/brand-page-maker/composables/useEventTracker.d.ts

@@ -40,6 +40,8 @@ export declare const EVENTS: {
     WEBSITE_MAKER_CALENDLY_LINK_CLICKED: string;
     WEBSITE_MAKER_UPSELL_OFFER: string;
     WEBSITE_MAKER_UPSELL_ACTION: string;
+    WEBSITE_MAKER_SWITCH_LOGO: string;
+    WEBSITE_MAKER_SWITCH_LOGO_MODAL: string;
 };
 export declare const SELECT_LOCATIONS: {
     MAKER_PREVIEW: string;

package/lib/src/brand-page-maker/composables/useEventTracker.js

@@ -23,6 +23,8 @@ export const EVENTS = {
     WEBSITE_MAKER_CALENDLY_LINK_CLICKED: 'website_maker_calendly_link_clicked',
     WEBSITE_MAKER_UPSELL_OFFER: 'website_maker_upsell_offer',
     WEBSITE_MAKER_UPSELL_ACTION: 'website_maker_upsell_action',
+    WEBSITE_MAKER_SWITCH_LOGO: 'website_maker_switch_logo',
+    WEBSITE_MAKER_SWITCH_LOGO_MODAL: 'website_maker_switch_logo_modal',
 };
 export const SELECT_LOCATIONS = {
     MAKER_PREVIEW: 'maker_preview',

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

@@ -70,6 +70,7 @@ export interface SetIsModifiedPayload {
 }
 export interface OnTemplateSelectedPayload {
     templateId: string;
+    forceApply?: boolean;
 }
 export interface IsApplyingTemplatePayload {
     isApplying: boolean;

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

@@ -340,7 +340,7 @@ export const useBrandPageMakerStore = defineStore('brandPageMaker', {
             this.setSelectedTemplateId({
                 templateId: payload.templateId,
             });
-            if (this.isModifiedAfterTemplateApplied) {
+            if (this.isModifiedAfterTemplateApplied && !payload.forceApply) {
                 this.setIsChangeTemplateConfirmModalVisible({
                     isVisible: true,
                 });

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

@@ -1,3 +1,4 @@
+import type { LogoTemplate } from '../../../clients/brand-page-client';
 export interface LogoTemplateAsset {
     token: string;
     version: number;
@@ -13,6 +14,15 @@ export interface LogoDraftAsset {
 export interface LogoStoreState {
     logoTemplateAsset?: LogoTemplateAsset;
     logoDraftAssets: LogoDraftAsset[];
+    logoSearchState: {
+        primaryText: string;
+        searchText: string;
+        currentPage: number;
+        isSearching: boolean;
+        logoTemplates: LogoTemplate[];
+        totalResultCount: number;
+        hasMore: boolean;
+    };
 }
 export declare const useLogoStore: import("pinia").StoreDefinition<"logoStore", LogoStoreState, {}, {
     initialise(payload: {
@@ -24,4 +34,10 @@ export declare const useLogoStore: import("pinia").StoreDefinition<"logoStore",
         logoDraftAsset: LogoDraftAsset;
     }): void;
     getLogoDraftAssetByToken(token: string): LogoDraftAsset | undefined;
+    resetLogoTemplateSearchResults(): void;
+    searchLogoTemplatesAsync(payload: {
+        searchText: string;
+        primaryText: string;
+        page: number;
+    }): Promise<void>;
 }>;

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

@@ -1,8 +1,18 @@
 import { defineStore } from 'pinia';
+import brandPageClient from '../../../clients/brand-page-client';
 export const useLogoStore = defineStore('logoStore', {
     state: () => ({
         logoTemplateAsset: undefined,
         logoDraftAssets: [],
+        logoSearchState: {
+            primaryText: '',
+            searchText: '',
+            currentPage: 1,
+            isSearching: false,
+            logoTemplates: [],
+            totalResultCount: 0,
+            hasMore: false,
+        },
     }),
     actions: {
         initialise(payload) {
@@ -21,5 +31,39 @@ export const useLogoStore = defineStore('logoStore', {
         getLogoDraftAssetByToken(token) {
             return this.logoDraftAssets.find((x) => x.token === token);
         },
+        resetLogoTemplateSearchResults() {
+            this.logoSearchState.logoTemplates = [];
+            this.logoSearchState.currentPage = 1;
+            this.logoSearchState.totalResultCount = 0;
+            this.logoSearchState.hasMore = false;
+        },
+        async searchLogoTemplatesAsync(payload) {
+            this.logoSearchState.isSearching = true;
+            try {
+                const response = await brandPageClient.searchLogoTemplatesAsync({
+                    businessName: payload.primaryText,
+                    query: payload.searchText,
+                    page: payload.page,
+                    pageSize: 20,
+                });
+                this.logoSearchState.logoTemplates = [
+                    ...this.logoSearchState.logoTemplates,
+                    ...(response?.paginatedItems || []),
+                ];
+                this.logoSearchState.primaryText = payload.primaryText;
+                this.logoSearchState.searchText = payload.searchText;
+                this.logoSearchState.currentPage = payload.page;
+                this.logoSearchState.totalResultCount = response?.totalResultCount || 0;
+            }
+            catch (e) {
+                console.error('Error searching logo templates:', e);
+            }
+            finally {
+                this.logoSearchState.hasMore =
+                    this.logoSearchState.totalResultCount >
+                        this.logoSearchState.logoTemplates.length;
+                this.logoSearchState.isSearching = false;
+            }
+        },
     },
 });

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

@@ -1,4 +1,5 @@
 import type { Endpoints, UiDeviceMode, UIRootState, UIRootStateThirdPartySettings, UiScreenSizeMode } from '../../../shared/models';
+import { type OnTemplateSelectedPayload } from '../brandpage-maker';
 import type { LogoTheme, UserPersonalisationContent } from '../../../brand-page';
 export declare const useUiStore: import("pinia").StoreDefinition<"ui", UIRootState, {
     endpoints: () => Endpoints;
@@ -35,9 +36,7 @@ export declare const useUiStore: import("pinia").StoreDefinition<"ui", UIRootSta
     /**
      * Proxy method to propagate template selection event to style settings store module
      */
-    onTemplateSelected(payload: {
-        templateId: string;
-    }): Promise<void>;
+    onTemplateSelected(payload: OnTemplateSelectedPayload): Promise<void>;
     showUpgradeModalAndSaveAsync(): Promise<void>;
     setIsPersonalisationEnabled({ isPersonalisationEnabled, }: {
         isPersonalisationEnabled: boolean;

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

@@ -1,7 +1,7 @@
 import { defineStore } from 'pinia';
 import { UI_DEVICE_MODES, UI_SCREENSIZE_MODES } from '../../../shared/models';
 import { DEFAULT_LOGO_BACKGROUND_COLOR_RGB, DEFAULT_LOGO_TEXT_COLOR_RGB, } from '../../../brand-page/constants';
-import { useBrandPageMakerStore } from '../brandpage-maker';
+import { useBrandPageMakerStore, } from '../brandpage-maker';
 import { useBrandPageMakerUserStore } from '../user';
 import { useBrandPageContainerStore } from '../brandpage-container';
 import { DEFAULT_ADMIN_ENDPOINTS, DEFAULT_USER_ENDPOINTS, } from '../../constants';