@designcrowd/library.brand-page 5.16.53 → 5.16.54-ai-text-1

package/lib/src/{CreatedOnBrandCrowd-de-de-CejWy1YN.js → CreatedOnBrandCrowd-de-de-D_nKZvfb.js}

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

package/lib/src/{CreatedOnBrandCrowd-en-us-D4zwnmuP.js → CreatedOnBrandCrowd-en-us-CMDci0F3.js}

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

package/lib/src/{CreatedOnBrandCrowd-es-es-CS57f6v7.js → CreatedOnBrandCrowd-es-es-BsZOtFmt.js}

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

package/lib/src/{CreatedOnBrandCrowd-fr-fr-BYtaFS2D.js → CreatedOnBrandCrowd-fr-ca-CacUyqOB.js}

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

package/lib/src/{CreatedOnBrandCrowd-fr-ca-BYtaFS2D.js → CreatedOnBrandCrowd-fr-fr-CacUyqOB.js}

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

package/lib/src/{CreatedOnBrandCrowd-pt-pt-blFPofeb.js → CreatedOnBrandCrowd-pt-br-C4RxlIAF.js}

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

package/lib/src/{CreatedOnBrandCrowd-pt-br-blFPofeb.js → CreatedOnBrandCrowd-pt-pt-C4RxlIAF.js}

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

package/lib/src/{CreatedOnDcom-de-de-DoiLqeTw.js → CreatedOnDcom-de-de-Ccbu2pF6.js}

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

package/lib/src/{CreatedOnDcom-en-us-CDqWgWuP.js → CreatedOnDcom-en-us-DA2YuqX_.js}

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

package/lib/src/{CreatedOnDcom-es-es-BVF4w8R8.js → CreatedOnDcom-es-es-CX7Uqdog.js}

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

package/lib/src/{CreatedOnDcom-fr-ca-k3myTyVH.js → CreatedOnDcom-fr-ca-C-MEkQxe.js}

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

package/lib/src/{CreatedOnDcom-fr-fr-CguF4s2G.js → CreatedOnDcom-fr-fr-CLMAMNlw.js}

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

package/lib/src/{CreatedOnDcom-pt-br-CtHWhIti.js → CreatedOnDcom-pt-br-m42wRS-K.js}

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

package/lib/src/{CreatedOnDcom-pt-pt-DOicpVqu.js → CreatedOnDcom-pt-pt-Byend_zH.js}

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

package/lib/src/brand-page/composables/consent.composable.d.ts

@@ -8,5 +8,7 @@ export declare const useConsent: () => {
         featureEnabled: boolean;
     }) => ConsentType;
     grant: (cb?: () => unknown) => void;
+    deny: (cb?: () => unknown) => void;
     accepted: import("vue").ComputedRef<boolean>;
+    declined: import("vue").ComputedRef<boolean>;
 };

package/lib/src/brand-page/composables/consent.composable.js

@@ -39,20 +39,30 @@ export const useConsent = () => {
         }
         store.featureEnabled = options.featureEnabled;
         store.consent = getStoredConsent();
-        store.showConsentModal = options.featureEnabled && !accepted.value;
+        store.showConsentModal =
+            options.featureEnabled && !accepted.value && !declined.value;
         return store.consent;
     };
     const accepted = computed(() => Boolean(store.consent && store.consent === 'granted'));
+    const declined = computed(() => Boolean(store.consent && store.consent === 'denied'));
     const grant = (cb) => {
         storeConsent('granted');
         store.updateConsent('granted');
         store.showConsentModal = store.featureEnabled && !accepted.value;
         cb && cb();
     };
+    const deny = (cb) => {
+        storeConsent('denied');
+        store.updateConsent('denied');
+        store.showConsentModal = false;
+        cb && cb();
+    };
     return {
         initialise,
         grant,
+        deny,
         accepted,
+        declined,
         ...toRefs(store),
     };
 };

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

@@ -37,6 +37,7 @@ export interface AbTestResult {
 export interface AbTest {
     bp_3926_freemium_watermark?: AbTestResult;
     bp_4572_ai_text_generation_post_purchase?: AbTestResult;
+    bp_4964_ai_text_generation_improvement?: AbTestResult;
 }
 export declare const MEDIA_SIZES: {
     readonly size1x: "size1x";

package/lib/src/brand-page/models/brand-page-context.model.js

@@ -25,6 +25,7 @@ export const AB_TEST_FLAG = {
 const AB_TEST_KEYS = {
     BP_3926_FREEMIUM_WATERMARK: 'bc-bp-3926-freemium-cta-in-website-editor',
     BP_4572_AI_TEXT_GENERATION_POST_PURCHASE: 'bc-bp-4572-ai-text-generation-post-purchase',
+    BP_4964_AI_TEXT_GENERATION_IMPROVEMENT: 'bc-bp-4964-ai-text-improvement-post-purchase-on-website',
 };
 export const MEDIA_SIZES = {
     size1x: 'size1x',
@@ -50,5 +51,9 @@ export const getAbTestResults = (abtestKeyValues) => {
     if (abtestKeyValues[AB_TEST_KEYS.BP_4572_AI_TEXT_GENERATION_POST_PURCHASE]) {
         abTests.bp_4572_ai_text_generation_post_purchase = getValueType(AB_TEST_KEYS.BP_4572_AI_TEXT_GENERATION_POST_PURCHASE, abtestKeyValues[AB_TEST_KEYS.BP_4572_AI_TEXT_GENERATION_POST_PURCHASE]);
     }
+    // AB Test for BP-4572 - AI Text Generation Improvement
+    if (abtestKeyValues[AB_TEST_KEYS.BP_4964_AI_TEXT_GENERATION_IMPROVEMENT]) {
+        abTests.bp_4964_ai_text_generation_improvement = getValueType(AB_TEST_KEYS.BP_4964_AI_TEXT_GENERATION_IMPROVEMENT, abtestKeyValues[AB_TEST_KEYS.BP_4964_AI_TEXT_GENERATION_IMPROVEMENT]);
+    }
     return abTests;
 };

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

@@ -137,7 +137,7 @@ export interface VideoContent extends Content {
 export interface TextContent extends Content {
     iconUrl: string;
     /**
-     * For BrandPage only
+     * For BrandPage/BrandContact only
      */
     text: string;
     /**

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

@@ -111,6 +111,11 @@ export const migrateBrandPageModel = async (brandPageModel, options) => {
         brandPageModel,
         useOldLogoRenderSize: false,
     };
+    const latestVersion = GetLatestModelVersion();
+    // Return early if the model is already at the latest version
+    if (migrationResult.brandPageModel.v === latestVersion) {
+        return migrationResult;
+    }
     if (!modelVersion) {
         modelVersion = 0;
     }
@@ -120,6 +125,6 @@ export const migrateBrandPageModel = async (brandPageModel, options) => {
         }
     }
     // Set the model to latest version
-    migrationResult.brandPageModel.v = GetLatestModelVersion();
+    migrationResult.brandPageModel.v = latestVersion;
     return migrationResult;
 };

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

@@ -120,11 +120,16 @@ declare const _default: import("vue").DefineComponent<{}, {
         setBrandPageType({ brandPageType }: {
             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("../../stores").InitialisePayload): Promise<void>;
         initialisePages({ pages, sections, }: {
             pages: import("../../../brand-page").PageModel[];
             sections: import("../../../shared/page-settings/store").PageSettingsStateSections;
         }): void;
+        initialisePagesForCurrentPage({ pages, sections, }: {
+            pages: import("../../../brand-page").PageModel[];
+            sections: import("../../../shared/page-settings/store").PageSettingsStateSections;
+        }): void;
         initialiseAdminMaker(payload: {
             models: import("../../stores/admin-logo-settings").AdminPreviewLogoTemplateModel[];
         }): void;

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

@@ -165,11 +165,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         setBrandPageType({ brandPageType }: {
             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("../../stores").InitialisePayload): Promise<void>;
         initialisePages({ pages, sections, }: {
             pages: import("../../../brand-page").PageModel[];
             sections: import("../../../shared/page-settings/store").PageSettingsStateSections;
         }): void;
+        initialisePagesForCurrentPage({ pages, sections, }: {
+            pages: import("../../../brand-page").PageModel[];
+            sections: import("../../../shared/page-settings/store").PageSettingsStateSections;
+        }): void;
         initialiseAdminMaker(payload: {
             models: AdminPreviewLogoTemplateModel[];
         }): void;
@@ -199,6 +204,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         setSelectedSettingsSection(payload: {
             sectionName?: string | undefined;
         }): void;
+        setAiTextEditContext(payload: import("../../../shared/side-bar/store").AiTextEditContext): void;
+        clearAiTextEditContext(): void;
     }>;
     userStore: import("pinia").Store<"brandPageMakerUser", import("../../stores").UserState, {}, {
         setUserState(payload: {

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

@@ -110,11 +110,16 @@ declare const _default: import("vue").DefineComponent<{}, {
         setBrandPageType({ brandPageType }: {
             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>;
         initialisePages({ pages, sections, }: {
             pages: import("../../../lib").PageModel[];
             sections: import("../../../shared/page-settings/store").PageSettingsStateSections;
         }): void;
+        initialisePagesForCurrentPage({ pages, sections, }: {
+            pages: import("../../../lib").PageModel[];
+            sections: import("../../../shared/page-settings/store").PageSettingsStateSections;
+        }): void;
         initialiseAdminMaker(payload: {
             models: import("../../stores/admin-logo-settings").AdminPreviewLogoTemplateModel[];
         }): void;

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

@@ -616,11 +616,16 @@ declare const _default: import("vue").DefineComponent<{}, {
         setBrandPageType({ brandPageType }: {
             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("../../stores").InitialisePayload): Promise<void>;
         initialisePages({ pages, sections, }: {
             pages: import("../../../brand-page").PageModel[];
             sections: import("../../../shared/page-settings/store").PageSettingsStateSections;
         }): void;
+        initialisePagesForCurrentPage({ pages, sections, }: {
+            pages: import("../../../brand-page").PageModel[];
+            sections: import("../../../shared/page-settings/store").PageSettingsStateSections;
+        }): void;
         initialiseAdminMaker(payload: {
             models: import("../../stores/admin-logo-settings").AdminPreviewLogoTemplateModel[];
         }): void;
@@ -926,6 +931,8 @@ declare const _default: import("vue").DefineComponent<{}, {
         setSelectedSettingsSection(payload: {
             sectionName?: string | undefined;
         }): void;
+        setAiTextEditContext(payload: import("../../../shared/side-bar/store").AiTextEditContext): void;
+        clearAiTextEditContext(): void;
     }>;
     pageSettingsStore: import("pinia").Store<"uiPageSettings", import("../../../shared/page-settings/store").PageSettingsState, {
         pageIndex(): number;

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

@@ -116,11 +116,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         setBrandPageType({ brandPageType }: {
             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("../../stores").InitialisePayload): Promise<void>;
         initialisePages({ pages, sections, }: {
             pages: import("../../../brand-page").PageModel[];
             sections: import("../../../shared/page-settings/store").PageSettingsStateSections;
         }): void;
+        initialisePagesForCurrentPage({ pages, sections, }: {
+            pages: import("../../../brand-page").PageModel[];
+            sections: import("../../../shared/page-settings/store").PageSettingsStateSections;
+        }): void;
         initialiseAdminMaker(payload: {
             models: import("../../stores/admin-logo-settings").AdminPreviewLogoTemplateModel[];
         }): void;

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

@@ -362,11 +362,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         setBrandPageType({ brandPageType }: {
             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("../../stores").InitialisePayload): Promise<void>;
         initialisePages({ pages, sections, }: {
             pages: import("../../../brand-page").PageModel[];
             sections: import("../../../shared/page-settings/store").PageSettingsStateSections;
         }): void;
+        initialisePagesForCurrentPage({ pages, sections, }: {
+            pages: import("../../../brand-page").PageModel[];
+            sections: import("../../../shared/page-settings/store").PageSettingsStateSections;
+        }): void;
         initialiseAdminMaker(payload: {
             models: import("../../stores/admin-logo-settings").AdminPreviewLogoTemplateModel[];
         }): void;

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

@@ -363,11 +363,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         setBrandPageType({ brandPageType }: {
             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("../../stores").InitialisePayload): Promise<void>;
         initialisePages({ pages, sections, }: {
             pages: import("../../../brand-page").PageModel[];
             sections: import("../../../shared/page-settings/store").PageSettingsStateSections;
         }): void;
+        initialisePagesForCurrentPage({ pages, sections, }: {
+            pages: import("../../../brand-page").PageModel[];
+            sections: import("../../../shared/page-settings/store").PageSettingsStateSections;
+        }): void;
         initialiseAdminMaker(payload: {
             models: import("../../stores/admin-logo-settings").AdminPreviewLogoTemplateModel[];
         }): void;

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

@@ -126,11 +126,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         setBrandPageType({ brandPageType }: {
             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("../../stores").InitialisePayload): Promise<void>;
         initialisePages({ pages, sections, }: {
             pages: import("../../../brand-page").PageModel[];
             sections: import("../../../shared/page-settings/store").PageSettingsStateSections;
         }): void;
+        initialisePagesForCurrentPage({ pages, sections, }: {
+            pages: import("../../../brand-page").PageModel[];
+            sections: import("../../../shared/page-settings/store").PageSettingsStateSections;
+        }): void;
         initialiseAdminMaker(payload: {
             models: import("../../stores/admin-logo-settings").AdminPreviewLogoTemplateModel[];
         }): void;

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

@@ -414,11 +414,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         setBrandPageType({ brandPageType }: {
             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("../../stores").InitialisePayload): Promise<void>;
         initialisePages({ pages, sections, }: {
             pages: import("../../../brand-page").PageModel[];
             sections: import("../../../shared/page-settings/store").PageSettingsStateSections;
         }): void;
+        initialisePagesForCurrentPage({ pages, sections, }: {
+            pages: import("../../../brand-page").PageModel[];
+            sections: import("../../../shared/page-settings/store").PageSettingsStateSections;
+        }): void;
         initialiseAdminMaker(payload: {
             models: import("../../stores/admin-logo-settings").AdminPreviewLogoTemplateModel[];
         }): void;

package/lib/src/brand-page-maker/composables/ai-chat/useAiChat.d.ts

@@ -0,0 +1,54 @@
+import { type ComputedRef, type Ref } from 'vue';
+export interface BaseThreadMessage {
+    id: string;
+    role: 'user' | 'agent';
+    isTyping?: boolean;
+    isError?: boolean;
+    timestamp: Date;
+}
+export interface TextThreadMessage extends BaseThreadMessage {
+    type: 'text';
+    text: string;
+}
+export interface ImageThreadMessage extends BaseThreadMessage {
+    type: 'image';
+    images: {
+        url: string;
+        alt?: string;
+    }[];
+    text?: string;
+}
+export type ThreadMessage = TextThreadMessage | ImageThreadMessage;
+export interface SendMessageOptions {
+    text?: string;
+    images?: {
+        url: string;
+        alt?: string;
+    }[];
+}
+export interface UseAiChatOptions {
+    currentValue?: string;
+    fieldId: string;
+    fieldName: string;
+    contentType: string;
+    maxChars?: number;
+    textStyle?: BrandPageCssStyle;
+    onTextUpdate?: (text: string) => void;
+    onStyleUpdate?: (style: BrandPageCssStyle) => void;
+}
+export interface UseAiChatResult {
+    threadItems: Ref<ThreadMessage[]>;
+    isProcessing: Ref<boolean>;
+    currentTypingMessageId: Ref<string | null>;
+    generatedText: Ref<string | null>;
+    generatedStyle: Ref<BrandPageCssStyle | null>;
+    sendMessageAsync: (options: SendMessageOptions) => Promise<void>;
+    deleteMessage: (messageId: string) => void;
+    stopGenerationAsync: () => Promise<void>;
+    formattedMessages: ComputedRef<{
+        type: string;
+        props: Record<string, unknown>;
+    }[]>;
+}
+export declare const createWelcomeMessage: (currentValue: string) => TextThreadMessage;
+export declare function useAiChat(options: UseAiChatOptions): UseAiChatResult;