@designcrowd/library.brand-page 6.2.3 → 6.2.4

package/lib/src/metadata-builder/models.d.ts

@@ -27,6 +27,7 @@ export declare const BUILDER_TYPES: {
     readonly CREATE_TWITCH: "create-twitch";
     readonly CREATE_TIKTOK: "create-tiktok";
     readonly CREATE_BOOKING_SECTION: "create-booking-section";
+    readonly CREATE_SUPPORT_ME: "create-support-me";
     readonly UPDATE_BANNER_SECTION: "update-banner-section";
     readonly UPDATE_ABOUT_SECTION: "update-about-section";
     readonly UPDATE_CONTACT_FORM: "update-contact-form";
@@ -52,6 +53,7 @@ export declare const BUILDER_TYPES: {
     readonly UPDATE_TWITCH: "update-twitch";
     readonly UPDATE_TIKTOK: "update-tiktok";
     readonly UPDATE_BOOKING_SECTION: "update-booking-section";
+    readonly UPDATE_SUPPORT_ME: "update-support-me";
     readonly DELETE_SECTION: "delete-section";
     readonly MOVE_SECTION: "move-section";
     readonly ADD_PAGE: "add-page";

package/lib/src/metadata-builder/models.js

@@ -26,6 +26,7 @@ export const BUILDER_TYPES = {
     CREATE_TWITCH: 'create-twitch',
     CREATE_TIKTOK: 'create-tiktok',
     CREATE_BOOKING_SECTION: 'create-booking-section',
+    CREATE_SUPPORT_ME: 'create-support-me',
     // Per-section builder types (update)
     UPDATE_BANNER_SECTION: 'update-banner-section',
     UPDATE_ABOUT_SECTION: 'update-about-section',
@@ -52,6 +53,7 @@ export const BUILDER_TYPES = {
     UPDATE_TWITCH: 'update-twitch',
     UPDATE_TIKTOK: 'update-tiktok',
     UPDATE_BOOKING_SECTION: 'update-booking-section',
+    UPDATE_SUPPORT_ME: 'update-support-me',
     // Section-level operations
     DELETE_SECTION: 'delete-section',
     MOVE_SECTION: 'move-section',

package/lib/src/metadata-builder/parsers/ai-toolcall-parser.d.ts

@@ -28,6 +28,7 @@ export declare const AI_ASSISTANT_TOOL_NAMES: {
     readonly BUILD_TESTIMONIAL_SECTION: "build_testimonial-section_section";
     readonly BUILD_DIVIDER_SECTION: "build_divider-section_section";
     readonly BUILD_BOOKING_SECTION: "build_booking-section_section";
+    readonly BUILD_SUPPORT_ME_SECTION: "build_support-me_section";
     readonly DELETE_SECTION: "delete_section";
     readonly MOVE_SECTION: "move_section";
     readonly ADD_PAGE: "add_page";

package/lib/src/metadata-builder/parsers/ai-toolcall-parser.js

@@ -30,6 +30,7 @@ export const AI_ASSISTANT_TOOL_NAMES = {
     BUILD_TESTIMONIAL_SECTION: 'build_testimonial-section_section',
     BUILD_DIVIDER_SECTION: 'build_divider-section_section',
     BUILD_BOOKING_SECTION: 'build_booking-section_section',
+    BUILD_SUPPORT_ME_SECTION: 'build_support-me_section',
     // Section-level operation tools
     DELETE_SECTION: 'delete_section',
     MOVE_SECTION: 'move_section',
@@ -109,6 +110,9 @@ export const SECTION_TOOL_MAP = {
     [AI_ASSISTANT_TOOL_NAMES.BUILD_BOOKING_SECTION]: {
         sectionType: 'booking-section',
     },
+    [AI_ASSISTANT_TOOL_NAMES.BUILD_SUPPORT_ME_SECTION]: {
+        sectionType: 'support-me',
+    },
 };
 export const parseToolCalls = (toolCalls) => {
     if (!toolCalls || toolCalls.length === 0) {

package/lib/src/metadata-builder/parsers/section-tool-arguments.d.ts

@@ -6,7 +6,7 @@
  */
 import type { ContentType } from '../../brand-page/models';
 /** Content types not supported by the AI builder. */
-type UnsupportedContentType = 'logo' | 'video' | 'map' | 'request-payment' | 'support-me' | 'shop-section';
+type UnsupportedContentType = 'logo' | 'video' | 'map' | 'request-payment' | 'shop-section';
 export type SectionType = Exclude<ContentType, UnsupportedContentType>;
 export interface TiptapMark {
     type: 'bold' | 'italic' | 'underline' | 'strike' | 'link' | 'textStyle' | 'highlight';
@@ -407,13 +407,25 @@ export interface BookingSectionArguments {
     padding_top?: number;
     padding_bottom?: number;
 }
+export interface SupportMeArguments {
+    title?: string;
+    description?: string;
+    success_message?: string;
+    /** Matches DISPLAY_STYLE_PREVIEW / DISPLAY_STYLE_COLLAPSED. */
+    display_style?: 'preview' | 'collapsed';
+    title_style?: TextStyleArguments;
+    heading_style?: TextStyleArguments;
+    description_style?: TextStyleArguments;
+    item_text_style?: TextStyleArguments;
+    button_text_style?: ButtonTextStyleArguments;
+}
 export interface DividerSectionArguments {
     divider_style?: 'none' | 'thin' | 'thick';
     divider_color?: string | null;
     background_color?: string | null;
     padding?: number;
 }
-export type SectionToolArguments = ProfileSectionArguments | TextSectionArguments | ImageSectionArguments | ImageGallerySectionArguments | GeneralLinkSectionArguments | WebsiteSectionArguments | EmailSectionArguments | PhoneSectionArguments | FacebookSectionArguments | XSectionArguments | InstagramSectionArguments | YoutubeSectionArguments | LinkedinSectionArguments | PinterestSectionArguments | TwitchSectionArguments | TiktokSectionArguments | SocialLinksSectionArguments | MailingListSectionArguments | ContactFormSectionArguments | BannerSectionArguments | AboutSectionArguments | ImagesSectionArguments | TestimonialSectionArguments | ShapesSectionArguments | BookingSectionArguments | DividerSectionArguments;
+export type SectionToolArguments = ProfileSectionArguments | TextSectionArguments | ImageSectionArguments | ImageGallerySectionArguments | GeneralLinkSectionArguments | WebsiteSectionArguments | EmailSectionArguments | PhoneSectionArguments | FacebookSectionArguments | XSectionArguments | InstagramSectionArguments | YoutubeSectionArguments | LinkedinSectionArguments | PinterestSectionArguments | TwitchSectionArguments | TiktokSectionArguments | SocialLinksSectionArguments | MailingListSectionArguments | ContactFormSectionArguments | BannerSectionArguments | AboutSectionArguments | ImagesSectionArguments | TestimonialSectionArguments | ShapesSectionArguments | BookingSectionArguments | SupportMeArguments | DividerSectionArguments;
 export interface SectionToolCallShape {
     mode: 'create' | 'update';
     type: string;

package/lib/src/shared/content-settings/components/GenericTextInput.mixin.d.ts

@@ -185,8 +185,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
 }>, {
     index: number;
     settings: ContentItemFieldSettings;
-    value: string | false | undefined;
     styles: Record<string, any>;
+    value: string | false | undefined;
     role: string;
     placeholder: string;
     minLength: number;

package/lib/src/shared/content-settings/components/email-field/EmailField.mixin.d.ts

@@ -182,8 +182,8 @@ declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import
 }>, {
     index: number;
     settings: import("../../models").ContentItemFieldSettings;
-    value: string | false | undefined;
     styles: Record<string, any>;
+    value: string | false | undefined;
     role: string;
     placeholder: string;
     minLength: number;

package/lib/src/shared/content-settings/components/payment-config-field/PaymentConfigField.mixin.d.ts

@@ -91,6 +91,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     isVariation: boolean;
                     isExcluded: boolean;
                 } | undefined;
+                bp_6136_v2_ai_builder?: {
+                    key: string;
+                    value: string;
+                    isControl: boolean;
+                    isVariation: boolean;
+                    isExcluded: boolean;
+                } | undefined;
             };
             isSubsequentPublish: boolean;
             isContextualUpgradeModalVisible: boolean;
@@ -166,6 +173,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     isVariation: boolean;
                     isExcluded: boolean;
                 } | undefined;
+                bp_6136_v2_ai_builder?: {
+                    key: string;
+                    value: string;
+                    isControl: boolean;
+                    isVariation: boolean;
+                    isExcluded: boolean;
+                } | undefined;
             };
             isSubsequentPublish: boolean;
             isContextualUpgradeModalVisible: boolean;
@@ -241,6 +255,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     isVariation: boolean;
                     isExcluded: boolean;
                 } | undefined;
+                bp_6136_v2_ai_builder?: {
+                    key: string;
+                    value: string;
+                    isControl: boolean;
+                    isVariation: boolean;
+                    isExcluded: boolean;
+                } | undefined;
             };
             isSubsequentPublish: boolean;
             isContextualUpgradeModalVisible: boolean;

package/lib/src/shared/content-settings/components/tel-field/TelField.mixin.d.ts

@@ -182,8 +182,8 @@ declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import
 }>, {
     index: number;
     settings: import("../../models").ContentItemFieldSettings;
-    value: string | false | undefined;
     styles: Record<string, any>;
+    value: string | false | undefined;
     role: string;
     placeholder: string;
     minLength: number;

package/lib/src/shared/content-settings/components/text-field/TextField.mixin.d.ts

@@ -187,8 +187,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
 }>, {
     index: number;
     settings: import("../../models").ContentItemFieldSettings;
-    value: string | false | undefined;
     styles: Record<string, any>;
+    value: string | false | undefined;
     role: string;
     placeholder: string;
     minLength: number;

package/lib/src/shared/content-settings/components/textarea-field/TextareaField.mixin.d.ts

@@ -196,8 +196,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
 }>, {
     index: number;
     settings: import("../../models").ContentItemFieldSettings;
-    value: string | false | undefined;
     styles: Record<string, any>;
+    value: string | false | undefined;
     role: string;
     placeholder: string;
     minLength: number;

package/lib/src/shared/content-settings/components/url-field/UrlField.mixin.d.ts

@@ -189,8 +189,8 @@ declare const _default: import("vue").DefineComponent<{}, {}, Record<string, any
 }>, {
     index: number;
     settings: import("../../models").ContentItemFieldSettings;
-    value: string | false | undefined;
     styles: Record<string, any>;
+    value: string | false | undefined;
     role: string;
     placeholder: string;
     minLength: number;

package/lib/src/shared/content-settings/components/youtube-video-field/YoutubeVideoField.mixin.d.ts

@@ -185,8 +185,8 @@ declare const _default: import("vue").DefineComponent<{}, {}, Record<string, any
 }>, {
     index: number;
     settings: import("../../models").ContentItemFieldSettings;
-    value: string | false | undefined;
     styles: Record<string, any>;
+    value: string | false | undefined;
     role: string;
     placeholder: string;
     minLength: number;

package/lib/src/shared/logo-settings/components/LogoSettings.mixin.d.ts

@@ -387,6 +387,13 @@ declare const _default: import("vue").DefineComponent<{}, {
                     isVariation: boolean;
                     isExcluded: boolean;
                 } | undefined;
+                bp_6136_v2_ai_builder?: {
+                    key: string;
+                    value: string;
+                    isControl: boolean;
+                    isVariation: boolean;
+                    isExcluded: boolean;
+                } | undefined;
             };
             isSubsequentPublish: boolean;
             isContextualUpgradeModalVisible: boolean;
@@ -462,6 +469,13 @@ declare const _default: import("vue").DefineComponent<{}, {
                     isVariation: boolean;
                     isExcluded: boolean;
                 } | undefined;
+                bp_6136_v2_ai_builder?: {
+                    key: string;
+                    value: string;
+                    isControl: boolean;
+                    isVariation: boolean;
+                    isExcluded: boolean;
+                } | undefined;
             };
             isSubsequentPublish: boolean;
             isContextualUpgradeModalVisible: boolean;
@@ -537,6 +551,13 @@ declare const _default: import("vue").DefineComponent<{}, {
                     isVariation: boolean;
                     isExcluded: boolean;
                 } | undefined;
+                bp_6136_v2_ai_builder?: {
+                    key: string;
+                    value: string;
+                    isControl: boolean;
+                    isVariation: boolean;
+                    isExcluded: boolean;
+                } | undefined;
             };
             isSubsequentPublish: boolean;
             isContextualUpgradeModalVisible: boolean;

package/lib/src/shared/page-settings/components/delete-page-modal/DeletePageModal.mixin.d.ts

@@ -35,8 +35,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     onCancel?: ((...args: any[]) => any) | undefined;
     onConfirm?: ((...args: any[]) => any) | undefined;
 }>, {
-    isVisible: boolean;
     pageId: string;
     pageTitle: string;
+    isVisible: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/lib/src/shared/page-settings/components/page-settings/PageSettings.mixin.d.ts

@@ -4823,6 +4823,13 @@ declare const _default: import("vue").DefineComponent<{}, {
                     isVariation: boolean;
                     isExcluded: boolean;
                 } | undefined;
+                bp_6136_v2_ai_builder?: {
+                    key: string;
+                    value: string;
+                    isControl: boolean;
+                    isVariation: boolean;
+                    isExcluded: boolean;
+                } | undefined;
             };
             isSubsequentPublish: boolean;
             isContextualUpgradeModalVisible: boolean;
@@ -4898,6 +4905,13 @@ declare const _default: import("vue").DefineComponent<{}, {
                     isVariation: boolean;
                     isExcluded: boolean;
                 } | undefined;
+                bp_6136_v2_ai_builder?: {
+                    key: string;
+                    value: string;
+                    isControl: boolean;
+                    isVariation: boolean;
+                    isExcluded: boolean;
+                } | undefined;
             };
             isSubsequentPublish: boolean;
             isContextualUpgradeModalVisible: boolean;
@@ -4973,6 +4987,13 @@ declare const _default: import("vue").DefineComponent<{}, {
                     isVariation: boolean;
                     isExcluded: boolean;
                 } | undefined;
+                bp_6136_v2_ai_builder?: {
+                    key: string;
+                    value: string;
+                    isControl: boolean;
+                    isVariation: boolean;
+                    isExcluded: boolean;
+                } | undefined;
             };
             isSubsequentPublish: boolean;
             isContextualUpgradeModalVisible: boolean;

package/lib/src/shared/page-settings/components/page-settings-section-styles/PageSettingsSectionStyles.mixin.d.ts

@@ -4174,6 +4174,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     isVariation: boolean;
                     isExcluded: boolean;
                 } | undefined;
+                bp_6136_v2_ai_builder?: {
+                    key: string;
+                    value: string;
+                    isControl: boolean;
+                    isVariation: boolean;
+                    isExcluded: boolean;
+                } | undefined;
             };
             isSubsequentPublish: boolean;
             isContextualUpgradeModalVisible: boolean;
@@ -4249,6 +4256,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     isVariation: boolean;
                     isExcluded: boolean;
                 } | undefined;
+                bp_6136_v2_ai_builder?: {
+                    key: string;
+                    value: string;
+                    isControl: boolean;
+                    isVariation: boolean;
+                    isExcluded: boolean;
+                } | undefined;
             };
             isSubsequentPublish: boolean;
             isContextualUpgradeModalVisible: boolean;
@@ -4324,6 +4338,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     isVariation: boolean;
                     isExcluded: boolean;
                 } | undefined;
+                bp_6136_v2_ai_builder?: {
+                    key: string;
+                    value: string;
+                    isControl: boolean;
+                    isVariation: boolean;
+                    isExcluded: boolean;
+                } | undefined;
             };
             isSubsequentPublish: boolean;
             isContextualUpgradeModalVisible: boolean;

package/lib/src/shared/publish-brand-page-with-state/PublishBrandPageModalWithState.mixin.d.ts

@@ -70,6 +70,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             isVariation: boolean;
             isExcluded: boolean;
         } | undefined;
+        bp_6136_v2_ai_builder?: {
+            key: string;
+            value: string;
+            isControl: boolean;
+            isVariation: boolean;
+            isExcluded: boolean;
+        } | undefined;
     }>;
     brandPageType: import("vue").ComputedRef<"default" | "brandSite" | "brandContact">;
     isSubsequentPublish: import("vue").ComputedRef<boolean>;
@@ -287,6 +294,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     isVariation: boolean;
                     isExcluded: boolean;
                 } | undefined;
+                bp_6136_v2_ai_builder?: {
+                    key: string;
+                    value: string;
+                    isControl: boolean;
+                    isVariation: boolean;
+                    isExcluded: boolean;
+                } | undefined;
             };
             isSubsequentPublish: boolean;
             isContextualUpgradeModalVisible: boolean;
@@ -362,6 +376,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     isVariation: boolean;
                     isExcluded: boolean;
                 } | undefined;
+                bp_6136_v2_ai_builder?: {
+                    key: string;
+                    value: string;
+                    isControl: boolean;
+                    isVariation: boolean;
+                    isExcluded: boolean;
+                } | undefined;
             };
             isSubsequentPublish: boolean;
             isContextualUpgradeModalVisible: boolean;
@@ -437,6 +458,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     isVariation: boolean;
                     isExcluded: boolean;
                 } | undefined;
+                bp_6136_v2_ai_builder?: {
+                    key: string;
+                    value: string;
+                    isControl: boolean;
+                    isVariation: boolean;
+                    isExcluded: boolean;
+                } | undefined;
             };
             isSubsequentPublish: boolean;
             isContextualUpgradeModalVisible: boolean;

package/lib/src/shared/side-bar/components/SideBar.mixin.d.ts

@@ -84,6 +84,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     isVariation: boolean;
                     isExcluded: boolean;
                 } | undefined;
+                bp_6136_v2_ai_builder?: {
+                    key: string;
+                    value: string;
+                    isControl: boolean;
+                    isVariation: boolean;
+                    isExcluded: boolean;
+                } | undefined;
             };
             isSubsequentPublish: boolean;
             isContextualUpgradeModalVisible: boolean;
@@ -159,6 +166,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     isVariation: boolean;
                     isExcluded: boolean;
                 } | undefined;
+                bp_6136_v2_ai_builder?: {
+                    key: string;
+                    value: string;
+                    isControl: boolean;
+                    isVariation: boolean;
+                    isExcluded: boolean;
+                } | undefined;
             };
             isSubsequentPublish: boolean;
             isContextualUpgradeModalVisible: boolean;
@@ -234,6 +248,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     isVariation: boolean;
                     isExcluded: boolean;
                 } | undefined;
+                bp_6136_v2_ai_builder?: {
+                    key: string;
+                    value: string;
+                    isControl: boolean;
+                    isVariation: boolean;
+                    isExcluded: boolean;
+                } | undefined;
             };
             isSubsequentPublish: boolean;
             isContextualUpgradeModalVisible: boolean;

package/lib/src/shared/style-settings/button-style-preset.d.ts

@@ -0,0 +1,12 @@
+import { type ButtonStyleConfig } from '../../brand-page-maker/models/button-styles-config';
+/**
+ * The button CSS a preset contributes when it is selected: its shape (border radius,
+ * style, width) and its shadow rule. One rule shared by the editor's picker and the AI
+ * `update_global_styles` path — the site renders buttons from `buttonStyles.style`, so
+ * storing the preset id alone changes nothing on the page (BP-6082).
+ *
+ * Shadow: a shadow preset keeps the current shadow colour when one is set (default
+ * colour otherwise); a preset without a shadow clears it. `undefined` for an id that is
+ * not in `configs`.
+ */
+export declare const buttonStylePresetCss: (presetId: string, currentStyle: BrandPageCssStyle, configs?: readonly ButtonStyleConfig[]) => BrandPageCssStyle | undefined;

package/lib/src/shared/style-settings/button-style-preset.js

@@ -0,0 +1,39 @@
+import { availableButtonStyleConfigs, } from '../../brand-page-maker/models/button-styles-config';
+import { ButtonBoxShadowSize, ButtonSoftBoxShadowSize, } from '../../brand-page/constants/misc.constants';
+import { DEFAULT_BUTTON_SHADOW_COLOR } from '../../constants/ui';
+import { CssShadowRE } from '../../utils/helpers';
+/**
+ * The button CSS a preset contributes when it is selected: its shape (border radius,
+ * style, width) and its shadow rule. One rule shared by the editor's picker and the AI
+ * `update_global_styles` path — the site renders buttons from `buttonStyles.style`, so
+ * storing the preset id alone changes nothing on the page (BP-6082).
+ *
+ * Shadow: a shadow preset keeps the current shadow colour when one is set (default
+ * colour otherwise); a preset without a shadow clears it. `undefined` for an id that is
+ * not in `configs`.
+ */
+export const buttonStylePresetCss = (presetId, currentStyle, configs = availableButtonStyleConfigs) => {
+    const config = configs.find((c) => c.id === presetId);
+    if (!config) {
+        return undefined;
+    }
+    const shadowFor = (size) => {
+        const current = currentStyle.boxShadow;
+        if (!current) {
+            return `${size} ${DEFAULT_BUTTON_SHADOW_COLOR}`;
+        }
+        const match = CssShadowRE.exec(current);
+        return match ? `${size} ${match[1]}` : current;
+    };
+    const style = { ...config.style };
+    if (config.hasShadow) {
+        style.boxShadow = shadowFor(ButtonBoxShadowSize);
+    }
+    else if (config.hasSoftShadow) {
+        style.boxShadow = shadowFor(ButtonSoftBoxShadowSize);
+    }
+    else {
+        style.boxShadow = '';
+    }
+    return style;
+};

package/lib/src/shared/style-settings/components/StyleSettings.mixin.d.ts

@@ -592,6 +592,13 @@ declare const _default: import("vue").DefineComponent<{}, {
                     isVariation: boolean;
                     isExcluded: boolean;
                 } | undefined;
+                bp_6136_v2_ai_builder?: {
+                    key: string;
+                    value: string;
+                    isControl: boolean;
+                    isVariation: boolean;
+                    isExcluded: boolean;
+                } | undefined;
             };
             isSubsequentPublish: boolean;
             isContextualUpgradeModalVisible: boolean;
@@ -667,6 +674,13 @@ declare const _default: import("vue").DefineComponent<{}, {
                     isVariation: boolean;
                     isExcluded: boolean;
                 } | undefined;
+                bp_6136_v2_ai_builder?: {
+                    key: string;
+                    value: string;
+                    isControl: boolean;
+                    isVariation: boolean;
+                    isExcluded: boolean;
+                } | undefined;
             };
             isSubsequentPublish: boolean;
             isContextualUpgradeModalVisible: boolean;
@@ -742,6 +756,13 @@ declare const _default: import("vue").DefineComponent<{}, {
                     isVariation: boolean;
                     isExcluded: boolean;
                 } | undefined;
+                bp_6136_v2_ai_builder?: {
+                    key: string;
+                    value: string;
+                    isControl: boolean;
+                    isVariation: boolean;
+                    isExcluded: boolean;
+                } | undefined;
             };
             isSubsequentPublish: boolean;
             isContextualUpgradeModalVisible: boolean;

package/lib/src/shared/style-settings/store/style-settings-store.js

@@ -1,14 +1,14 @@
 import { defineStore } from 'pinia';
-import { getColorFromCSSShadow, hexToRGBA, isHexColor, CssShadowRE, } from '@utils/helpers';
+import { getColorFromCSSShadow, hexToRGBA, isHexColor } from '@utils/helpers';
 import { ButtonStyles, GalleryStyles, PageStyles, TextStyles, ButtonBoxShadowSize, FONT_FAMILY_CONFIGS, CONTENT_TYPES, ButtonSoftBoxShadowSize, BoxShadowSpread, availableGalleryTypes, } from '@brand-page';
 import { assertUnreachable } from '../../../helpers/ts.helper';
 import { isColorVarReference } from '@brand-page/utils';
-import { DEFAULT_BUTTON_SHADOW_COLOR } from '../../../constants/ui';
 import { useBrandPageMakerStore, useBrandPageMakerUserStore, useUiStore, } from '@brand-page-maker/stores';
 import { useUiContentSettingsStore } from '../../content-settings/store';
 import { useUiPageSettingsStore } from '../../page-settings/store';
 import { PAGE_SECTIONS } from '../../page-settings/models';
 import { availableButtonStyleConfigs } from '@brand-page-maker/models';
+import { buttonStylePresetCss } from '../button-style-preset';
 import { TRIGGER_TYPE, UPGRADE_CTA_LOCATIONS, useEventTracker, } from '@brand-page-maker/composables/useEventTracker';
 const onStyleChanged = () => {
     const uiStore = useUiStore();
@@ -203,38 +203,12 @@ export const useUiStyleSettingsStore = defineStore('uiStyleSettings', {
         },
         setSelectedButtonStyle(payload) {
             this._setSelectedButtonStyle(payload);
-            const buttonStyleConfig = this.availableButtonStyleConfigs.find((c) => c.id === payload.id);
-            if (!buttonStyleConfig) {
+            // Shape + shadow derivation lives in buttonStylePresetCss so the AI metadata
+            // builder applies a preset exactly as this picker does (BP-6082).
+            const buttonStyle = buttonStylePresetCss(payload.id, this.buttonStyles.style, this.availableButtonStyleConfigs);
+            if (!buttonStyle) {
                 return;
             }
-            let buttonStyle = {
-                ...buttonStyleConfig.style,
-            };
-            if (buttonStyleConfig.hasShadow) {
-                if (!this.buttonStyles.style.boxShadow) {
-                    buttonStyle.boxShadow = `${ButtonBoxShadowSize} ${DEFAULT_BUTTON_SHADOW_COLOR}`;
-                }
-                else {
-                    const match = CssShadowRE.exec(this.buttonStyles.style.boxShadow);
-                    buttonStyle.boxShadow = match
-                        ? `${ButtonBoxShadowSize} ${match[1]}`
-                        : this.buttonStyles.style.boxShadow;
-                }
-            }
-            else if (buttonStyleConfig.hasSoftShadow) {
-                if (!this.buttonStyles.style.boxShadow) {
-                    buttonStyle.boxShadow = `${ButtonSoftBoxShadowSize} ${DEFAULT_BUTTON_SHADOW_COLOR}`;
-                }
-                else {
-                    const match = CssShadowRE.exec(this.buttonStyles.style.boxShadow);
-                    buttonStyle.boxShadow = match
-                        ? `${ButtonSoftBoxShadowSize} ${match[1]}`
-                        : this.buttonStyles.style.boxShadow;
-                }
-            }
-            else {
-                buttonStyle = { ...buttonStyle, boxShadow: '' };
-            }
             this._setButtonStyle(buttonStyle);
             onStyleChanged();
         },

package/lib/src/utils/minify-brand-page-metadata.d.ts

@@ -15,6 +15,15 @@ type MinifiedFooter = {
     logoImageWidth?: string;
     logoAssetKey?: string;
     socialLinks?: MinifiedFooterSocialLink[];
+    backgroundStyle?: {
+        backgroundColor?: string;
+    };
+    copyrightStyle?: {
+        color?: string;
+    };
+    iconStyle?: {
+        fill?: string;
+    };
 };
 type MinifiedHeader = {
     displayStyle?: string;