@designcrowd/library.brand-page 6.1.14 → 6.1.16

package/lib/src/{CreatedOnBrandCrowd-de-de-CNqGW-GB.js → CreatedOnBrandCrowd-de-de-CmNhDMIf.js}

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

package/lib/src/{CreatedOnBrandCrowd-en-us-BWZeor_R.js → CreatedOnBrandCrowd-en-us-DgplxxWa.js}

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

package/lib/src/{CreatedOnBrandCrowd-es-es-D_-5Qdpd.js → CreatedOnBrandCrowd-es-es-DFdhFOa1.js}

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

package/lib/src/{CreatedOnBrandCrowd-fr-fr-BC6Xo2uA.js → CreatedOnBrandCrowd-fr-ca-DjLCWBLB.js}

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

package/lib/src/{CreatedOnBrandCrowd-fr-ca-BC6Xo2uA.js → CreatedOnBrandCrowd-fr-fr-DjLCWBLB.js}

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

package/lib/src/{CreatedOnBrandCrowd-pt-pt-D10DwNv3.js → CreatedOnBrandCrowd-pt-br-CI2XD0OS.js}

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

package/lib/src/{CreatedOnBrandCrowd-pt-br-D10DwNv3.js → CreatedOnBrandCrowd-pt-pt-CI2XD0OS.js}

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

package/lib/src/{CreatedOnDcom-de-de-BDHrHOOB.js → CreatedOnDcom-de-de-CkLkBztx.js}

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

package/lib/src/{CreatedOnDcom-en-us-EbniAwLE.js → CreatedOnDcom-en-us-frnxBJJv.js}

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

package/lib/src/{CreatedOnDcom-es-es-BpAIMuUH.js → CreatedOnDcom-es-es-CrqgiERj.js}

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

package/lib/src/{CreatedOnDcom-fr-ca-BDSu4efU.js → CreatedOnDcom-fr-ca-CPoEcusj.js}

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

package/lib/src/{CreatedOnDcom-fr-fr-BR7f1SWB.js → CreatedOnDcom-fr-fr-BqrRH3dV.js}

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

package/lib/src/{CreatedOnDcom-pt-br-DzY1XBcr.js → CreatedOnDcom-pt-br-CpbVi3Sw.js}

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

package/lib/src/{CreatedOnDcom-pt-pt-1v5N9vgW.js → CreatedOnDcom-pt-pt-s0XZ3c7y.js}

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

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

@@ -34,6 +34,9 @@ export declare class BackgroundShape {
     constructor(option?: Partial<BackgroundShape>);
 }
 export type BackgroundStyle = Partial<Omit<BrandPageCssStyle, 'backgroundColor'>>;
+export interface BackgroundColorStyle extends BrandPageCssStyle {
+    backgroundOpacity?: number;
+}
 /**
  * The complete default for a page's background media overlay. Seeded into
  * metadata (constructor for new models, migration-20.5 for persisted partials) so
@@ -519,7 +522,7 @@ export declare abstract class AbstractPageHeaderStyles {
     logoImage: LogoImageModel;
     logoTemplateImage: LogoTemplateImageModel | undefined;
     logoImageBase64Url?: string;
-    backgroundStyle: BrandPageCssStyle;
+    backgroundStyle: BackgroundColorStyle;
     style: BrandPageCssStyle;
     viewport: ViewportsType;
     protected constructor(options?: AbstractPageHeaderStylesType);

package/lib/src/brand-page/models/index.js

@@ -253,7 +253,10 @@ export class AbstractPageHeaderStyles {
         this.logoDraftToken = options.logoDraftToken || '';
         this.logoVariation = options.logoVariation || 0;
         this.style = options.style || {};
-        this.backgroundStyle = options.backgroundStyle || {};
+        this.backgroundStyle = {
+            ...(options.backgroundStyle || {}),
+            backgroundOpacity: options.backgroundStyle?.backgroundOpacity ?? 100,
+        };
     }
 }
 export class PageHeaderDesktop extends AbstractPageHeaderStyles {

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

@@ -2,7 +2,7 @@ import { reactive } from 'vue';
 import { assertUnreachable } from '../../helpers/ts.helper';
 import { ButtonStyles, VIEWPORTS } from '../models';
 import { NavigationMobile, NavigationDesktop, BRAND_PAGE_TYPES, BUTTON_LINK_TYPE, NavigationMenuStyles, } from '../models';
-import { isTransparentColour, mutedTextForBackground, backgroundColorFromStyle, } from './color.util';
+import { backgroundColorFromStyle, isTransparentColour, mutedTextForBackground, withColorOpacity, } from './color.util';
 import { resolveColorReference } from './color-palette.util';
 import { containerTextColorDefaults, containerSurfaceForContent, } from './container-text-color.util';
 import { CONTENT_TEXT_STYLE_PROPERTY_KEYS, FALLBACK_DEFAULT_LINK_COLOR, FONT_SIZE_BODY, LINE_HEIGHT_BODY, DEFAULT_LOGO_HEIGHT, DEFAULT_LOGO_WIDTH, ALIGN_LEFT_ALIGNED, ALIGN_RIGHT_ALIGNED, MAX_IMAGES_SECTION_ALIGNMENT_ITEMS_LENGTH, FONT_FAMILY_CONFIGS, isGoogleType, LINE_HEIGHT_HEADINGS, FONT_SIZE_HEADINGS, DEFAULT_TEXT_ALIGN, IMAGE_RESOLUTION_PRESETS, BIG_IMAGE, ALIGN_LEFT_BIG_IMAGE, ALIGN_CARD_CENTER, ALIGN_CARD_CENTER_IMAGE, ALIGN_CARD_LEFT_IMAGE, ALIGN_LEFT_FULL_IMAGE, ALIGN_RIGHT_FULL_IMAGE, } from '../constants';
@@ -737,7 +737,23 @@ export const mapToPageHeaderViewModel = (pageHeader, pageStyles, pages, useOldLo
                 hamburgerMenuStyle,
             }),
         style: pageHeader.style,
-        backgroundStyle: pageHeader.backgroundStyle,
+        backgroundStyle: getHeaderBackgroundStyleWithOpacity(pageHeader),
+    };
+};
+// Folds backgroundOpacity into backgroundColor's alpha so only the container's paint fades, not its children.
+const getHeaderBackgroundStyleWithOpacity = (pageHeader) => {
+    // Real defaults: an un-constructed maker header, or metadata older than migration-11's backfill, can lack these entirely.
+    const { backgroundOpacity = 100, ...backgroundStyle } = pageHeader.backgroundStyle ?? {};
+    const { backgroundColor } = backgroundStyle;
+    if (backgroundOpacity >= 100 ||
+        !backgroundColor ||
+        isTransparentColour(backgroundColor)) {
+        return backgroundStyle;
+    }
+    // withColorOpacity, not setRgbAlpha: fades a var(--palette-n) reference too.
+    return {
+        ...backgroundStyle,
+        backgroundColor: withColorOpacity(backgroundColor, backgroundOpacity / 100),
     };
 };
 export const mapToPageFooterViewModel = (pageFooter, pageStyles, useOldLogoRenderSize = false) => {

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

@@ -132,9 +132,10 @@ export interface BookingSectionViewModel extends ContentViewModel, Omit<BookingS
     buttonViewModel: ButtonViewModel;
     isFullWidth: boolean;
 }
-export interface PageHeaderViewModel extends Omit<PageHeaderDesktop | PageHeaderMobile, 'logoImage' | 'logoImageStyle' | 'isLogoOptional' | 'viewport' | 'isLogoVisible' | 'logoTemplateImage' | 'logoImageHeight' | 'logoImageWidth'> {
+export interface PageHeaderViewModel extends Omit<PageHeaderDesktop | PageHeaderMobile, 'logoImage' | 'logoImageStyle' | 'isLogoOptional' | 'viewport' | 'isLogoVisible' | 'logoTemplateImage' | 'logoImageHeight' | 'logoImageWidth' | 'backgroundStyle'> {
     logo: LogoViewModel;
     pages: PageViewModel[];
+    backgroundStyle: BrandPageCssStyle;
 }
 export interface PageFooterViewModel extends Omit<PageFooterDesktop | PageFooterMobile, 'logoImage' | 'logoImageStyle' | 'isLogoOptional' | 'viewport' | 'isLogoVisible' | 'logoTemplateImage' | 'logoImageHeight' | 'logoImageWidth'> {
     logo: LogoViewModel;

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

@@ -22,7 +22,7 @@ import { FabricRenderClient } from '../../../clients/fabric-render-client';
 import AssetLibraryClient from '../../../clients/asset-library-clients';
 import { useShopConfigStore } from '@shared/ecommerce-settings/store/shop-settings-store';
 import { useProductConfigStore } from '@brand-page-maker/stores/product-config/product-config-store';
-import { UPGRADE_CTA_LOCATIONS } from '../../composables/useEventTracker';
+import { useEventTracker, UPGRADE_CTA_LOCATIONS, PREVIEW_CTA_LOCATIONS, } from '../../composables/useEventTracker';
 import { commonTr } from '@src/composables/useTranslate';
 import { useSnapshot } from '../../../composables/useSnapshot';
 import { usePageNavigationStore } from '@src/shared/page-navigation/store/page-navigation-store';
@@ -340,6 +340,9 @@ export default defineComponent({
             this.$emit(EVENTS.Back);
         },
         onPreview() {
+            // Every click is counted, before the gating below — the modal-open event
+            // fires separately, so click → open reads as a funnel.
+            useEventTracker().sendPreviewClickEvent(PREVIEW_CTA_LOCATIONS.MAKER);
             // The preview frames a SAVED, owned draft. A signed-out customer can't have
             // one, and the save needs an owner — so sign-in comes first, via the host's
             // Save Progress flow.

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

@@ -1152,6 +1152,9 @@ declare const _default: import("vue").DefineComponent<{}, {
     }>;
     eventTracker: {
         sendShippingToggleEvent: (isEnabled: boolean) => void;
+        sendPreviewClickEvent: (ctaLocation: string) => void;
+        sendPreviewModalOpenEvent: (ctaLocation: string) => void;
+        sendPreviewModalContinuationEvent: (continuation: string, ctaLocation: string) => void;
         sendUndoEvent: (props: {
             entries_count: number;
             actor: string | undefined;

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

@@ -59,6 +59,18 @@ export declare const EVENTS: {
     WEBSITE_MAKER_REDO: string;
     WEBSITE_MAKER_HISTORY_CAPPED: string;
     WEBSITE_MAKER_HISTORY_OVERSIZED: string;
+    WEBSITE_MAKER_LIVE_PREVIEW_CLICK: string;
+    WEBSITE_MAKER_LIVE_PREVIEW_MODAL: string;
+};
+export declare const PREVIEW_CTA_LOCATIONS: {
+    MAKER: string;
+    MANAGE_WEBSITE: string;
+};
+export declare const PREVIEW_MODAL_CONTINUATION_EVENTS: {
+    EXIT: string;
+    BACK_TO_EDITOR: string;
+    EDIT: string;
+    PUBLISH: string;
 };
 export declare const SELECT_LOCATIONS: {
     MAKER_PREVIEW: string;
@@ -113,6 +125,9 @@ export declare const PUBLISH_OPTION_MODAL_CONTINUATION_EVENTS: {
 };
 declare const useEventTracker: () => {
     sendShippingToggleEvent: (isEnabled: boolean) => void;
+    sendPreviewClickEvent: (ctaLocation: string) => void;
+    sendPreviewModalOpenEvent: (ctaLocation: string) => void;
+    sendPreviewModalContinuationEvent: (continuation: string, ctaLocation: string) => void;
     sendUndoEvent: (props: {
         entries_count: number;
         actor: string | undefined;

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

@@ -40,6 +40,22 @@ export const EVENTS = {
     WEBSITE_MAKER_REDO: 'website_maker_redo',
     WEBSITE_MAKER_HISTORY_CAPPED: 'website_maker_history_capped',
     WEBSITE_MAKER_HISTORY_OVERSIZED: 'website_maker_history_oversized',
+    WEBSITE_MAKER_LIVE_PREVIEW_CLICK: 'website_maker_live_preview_click',
+    WEBSITE_MAKER_LIVE_PREVIEW_MODAL: 'website_maker_live_preview_modal',
+};
+// The global `location` prop already means pre/post purchase, so the surface a
+// preview was launched from rides on cta_location, reusing existing values.
+export const PREVIEW_CTA_LOCATIONS = {
+    MAKER: 'maker',
+    MANAGE_WEBSITE: 'manage_website',
+};
+export const PREVIEW_MODAL_CONTINUATION_EVENTS = {
+    EXIT: 'exit',
+    // The same button reads "Back to Editor" on the editor and "Edit" on other
+    // surfaces — the continuation mirrors the label the user actually clicked.
+    BACK_TO_EDITOR: 'back_to_editor',
+    EDIT: 'edit',
+    PUBLISH: 'publish',
 };
 export const SELECT_LOCATIONS = {
     MAKER_PREVIEW: 'maker_preview',
@@ -327,6 +343,26 @@ const useEventTracker = () => {
                 is_enabled: isEnabled,
             });
         },
+        // Live preview: the click is tracked separately from the modal opening —
+        // sign-in/save gating means a click doesn't always open the modal, and the
+        // post-sign-in return trip opens it without a click.
+        sendPreviewClickEvent: (ctaLocation) => {
+            _publishEvent(EVENTS.WEBSITE_MAKER_LIVE_PREVIEW_CLICK, {
+                cta_location: ctaLocation,
+            });
+        },
+        sendPreviewModalOpenEvent: (ctaLocation) => {
+            _publishEvent(EVENTS.WEBSITE_MAKER_LIVE_PREVIEW_MODAL, {
+                cta_location: ctaLocation,
+                continuation: null,
+            });
+        },
+        sendPreviewModalContinuationEvent: (continuation, ctaLocation) => {
+            _publishEvent(EVENTS.WEBSITE_MAKER_LIVE_PREVIEW_MODAL, {
+                cta_location: ctaLocation,
+                continuation,
+            });
+        },
         // Undo / Redo (BP-5506)
         sendUndoEvent: (props) => {
             _publishEvent(EVENTS.WEBSITE_MAKER_UNDO, props);

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

@@ -1616,6 +1616,7 @@ export declare const useAiCheckpointStore: import("pinia").StoreDefinition<"aiCh
                 } | undefined;
                 logoImageBase64Url?: string | undefined;
                 backgroundStyle: {
+                    backgroundOpacity?: number | undefined;
                     aspectRatio?: string | undefined;
                     backgroundAttachment?: string | undefined;
                     background?: string | undefined;
@@ -2908,6 +2909,7 @@ export declare const useAiCheckpointStore: import("pinia").StoreDefinition<"aiCh
                 } | undefined;
                 logoImageBase64Url?: string | undefined;
                 backgroundStyle: {
+                    backgroundOpacity?: number | undefined;
                     aspectRatio?: string | undefined;
                     backgroundAttachment?: string | undefined;
                     background?: string | undefined;
@@ -4200,6 +4202,7 @@ export declare const useAiCheckpointStore: import("pinia").StoreDefinition<"aiCh
                 } | undefined;
                 logoImageBase64Url?: string | undefined;
                 backgroundStyle: {
+                    backgroundOpacity?: number | undefined;
                     aspectRatio?: string | undefined;
                     backgroundAttachment?: string | undefined;
                     background?: string | undefined;
@@ -6642,6 +6645,7 @@ export declare const useAiCheckpointStore: import("pinia").StoreDefinition<"aiCh
                 } | undefined;
                 logoImageBase64Url?: string | undefined;
                 backgroundStyle: {
+                    backgroundOpacity?: number | undefined;
                     aspectRatio?: string | undefined;
                     backgroundAttachment?: string | undefined;
                     background?: string | undefined;
@@ -7934,6 +7938,7 @@ export declare const useAiCheckpointStore: import("pinia").StoreDefinition<"aiCh
                 } | undefined;
                 logoImageBase64Url?: string | undefined;
                 backgroundStyle: {
+                    backgroundOpacity?: number | undefined;
                     aspectRatio?: string | undefined;
                     backgroundAttachment?: string | undefined;
                     background?: string | undefined;
@@ -9226,6 +9231,7 @@ export declare const useAiCheckpointStore: import("pinia").StoreDefinition<"aiCh
                 } | undefined;
                 logoImageBase64Url?: string | undefined;
                 backgroundStyle: {
+                    backgroundOpacity?: number | undefined;
                     aspectRatio?: string | undefined;
                     backgroundAttachment?: string | undefined;
                     background?: string | undefined;
@@ -11674,6 +11680,7 @@ export declare const useAiCheckpointStore: import("pinia").StoreDefinition<"aiCh
                 } | undefined;
                 logoImageBase64Url?: string | undefined;
                 backgroundStyle: {
+                    backgroundOpacity?: number | undefined;
                     aspectRatio?: string | undefined;
                     backgroundAttachment?: string | undefined;
                     background?: string | undefined;
@@ -12966,6 +12973,7 @@ export declare const useAiCheckpointStore: import("pinia").StoreDefinition<"aiCh
                 } | undefined;
                 logoImageBase64Url?: string | undefined;
                 backgroundStyle: {
+                    backgroundOpacity?: number | undefined;
                     aspectRatio?: string | undefined;
                     backgroundAttachment?: string | undefined;
                     background?: string | undefined;
@@ -14258,6 +14266,7 @@ export declare const useAiCheckpointStore: import("pinia").StoreDefinition<"aiCh
                 } | undefined;
                 logoImageBase64Url?: string | undefined;
                 backgroundStyle: {
+                    backgroundOpacity?: number | undefined;
                     aspectRatio?: string | undefined;
                     backgroundAttachment?: string | undefined;
                     background?: string | undefined;
@@ -16700,6 +16709,7 @@ export declare const useAiCheckpointStore: import("pinia").StoreDefinition<"aiCh
                 } | undefined;
                 logoImageBase64Url?: string | undefined;
                 backgroundStyle: {
+                    backgroundOpacity?: number | undefined;
                     aspectRatio?: string | undefined;
                     backgroundAttachment?: string | undefined;
                     background?: string | undefined;
@@ -17992,6 +18002,7 @@ export declare const useAiCheckpointStore: import("pinia").StoreDefinition<"aiCh
                 } | undefined;
                 logoImageBase64Url?: string | undefined;
                 backgroundStyle: {
+                    backgroundOpacity?: number | undefined;
                     aspectRatio?: string | undefined;
                     backgroundAttachment?: string | undefined;
                     background?: string | undefined;
@@ -19284,6 +19295,7 @@ export declare const useAiCheckpointStore: import("pinia").StoreDefinition<"aiCh
                 } | undefined;
                 logoImageBase64Url?: string | undefined;
                 backgroundStyle: {
+                    backgroundOpacity?: number | undefined;
                     aspectRatio?: string | undefined;
                     backgroundAttachment?: string | undefined;
                     background?: string | undefined;
@@ -21732,6 +21744,7 @@ export declare const useAiCheckpointStore: import("pinia").StoreDefinition<"aiCh
                 } | undefined;
                 logoImageBase64Url?: string | undefined;
                 backgroundStyle: {
+                    backgroundOpacity?: number | undefined;
                     aspectRatio?: string | undefined;
                     backgroundAttachment?: string | undefined;
                     background?: string | undefined;
@@ -23024,6 +23037,7 @@ export declare const useAiCheckpointStore: import("pinia").StoreDefinition<"aiCh
                 } | undefined;
                 logoImageBase64Url?: string | undefined;
                 backgroundStyle: {
+                    backgroundOpacity?: number | undefined;
                     aspectRatio?: string | undefined;
                     backgroundAttachment?: string | undefined;
                     background?: string | undefined;
@@ -24316,6 +24330,7 @@ export declare const useAiCheckpointStore: import("pinia").StoreDefinition<"aiCh
                 } | undefined;
                 logoImageBase64Url?: string | undefined;
                 backgroundStyle: {
+                    backgroundOpacity?: number | undefined;
                     aspectRatio?: string | undefined;
                     backgroundAttachment?: string | undefined;
                     background?: string | undefined;
@@ -26758,6 +26773,7 @@ export declare const useAiCheckpointStore: import("pinia").StoreDefinition<"aiCh
                 } | undefined;
                 logoImageBase64Url?: string | undefined;
                 backgroundStyle: {
+                    backgroundOpacity?: number | undefined;
                     aspectRatio?: string | undefined;
                     backgroundAttachment?: string | undefined;
                     background?: string | undefined;
@@ -28050,6 +28066,7 @@ export declare const useAiCheckpointStore: import("pinia").StoreDefinition<"aiCh
                 } | undefined;
                 logoImageBase64Url?: string | undefined;
                 backgroundStyle: {
+                    backgroundOpacity?: number | undefined;
                     aspectRatio?: string | undefined;
                     backgroundAttachment?: string | undefined;
                     background?: string | undefined;
@@ -29342,6 +29359,7 @@ export declare const useAiCheckpointStore: import("pinia").StoreDefinition<"aiCh
                 } | undefined;
                 logoImageBase64Url?: string | undefined;
                 backgroundStyle: {
+                    backgroundOpacity?: number | undefined;
                     aspectRatio?: string | undefined;
                     backgroundAttachment?: string | undefined;
                     background?: string | undefined;