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

package/lib/src/{CreatedOnBrandCrowd-de-de-xbgTmfnA.js → CreatedOnBrandCrowd-de-de-Bq0Ya4Nh.js}

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

package/lib/src/{CreatedOnBrandCrowd-en-us-DLLGJkMo.js → CreatedOnBrandCrowd-en-us-BELAuKsd.js}

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

package/lib/src/{CreatedOnBrandCrowd-es-es-A-Q0Q2lN.js → CreatedOnBrandCrowd-es-es-B_9RczIO.js}

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

package/lib/src/{CreatedOnBrandCrowd-fr-fr-ayTWQM7e.js → CreatedOnBrandCrowd-fr-ca-DqBEtXk0.js}

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

package/lib/src/{CreatedOnBrandCrowd-fr-ca-ayTWQM7e.js → CreatedOnBrandCrowd-fr-fr-DqBEtXk0.js}

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

package/lib/src/{CreatedOnBrandCrowd-pt-pt-D_h55ex6.js → CreatedOnBrandCrowd-pt-br-CxgkREwN.js}

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

package/lib/src/{CreatedOnBrandCrowd-pt-br-D_h55ex6.js → CreatedOnBrandCrowd-pt-pt-CxgkREwN.js}

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

package/lib/src/{CreatedOnDcom-de-de-2cpFIVVB.js → CreatedOnDcom-de-de-GNRBzcq4.js}

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

package/lib/src/{CreatedOnDcom-en-us-CEDrFuPs.js → CreatedOnDcom-en-us-CL7CoDCl.js}

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

package/lib/src/{CreatedOnDcom-es-es-B78-IyMk.js → CreatedOnDcom-es-es-BCqFyNhe.js}

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

package/lib/src/{CreatedOnDcom-fr-ca-cNDHyePc.js → CreatedOnDcom-fr-ca-BFGWZGLG.js}

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

package/lib/src/{CreatedOnDcom-fr-fr-CgXgKRMi.js → CreatedOnDcom-fr-fr-U7XwogWl.js}

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

package/lib/src/{CreatedOnDcom-pt-br-CS5atdv2.js → CreatedOnDcom-pt-br-CMU7DzLB.js}

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

package/lib/src/{CreatedOnDcom-pt-pt-Ck8lHWax.js → CreatedOnDcom-pt-pt-kPCIBR8r.js}

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

package/lib/src/brand-page/components/navigation/navigation-side-menu/NavigationSideMenu.mixin.d.ts

@@ -1,6 +1,6 @@
 import type { PropType } from 'vue';
 import type { BrandPageContext, NavigationDesktop, NavigationMobile } from '../../../models';
-import type { NavViewModel } from '../../../view-models';
+import type { NavViewModel, NavItemViewModel } from '../../../view-models';
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     context: {
         type: PropType<BrandPageContext>;
@@ -23,11 +23,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         required: true;
     };
 }>, {}, {}, {
+    visibleNavItems(): NavItemViewModel[];
     closeButtonStyle(): BrandPageCssStyle;
     defaultButtonStyle(): BrandPageCssStyle;
     selectedButtonStyle(): BrandPageCssStyle;
     routes(): any[];
 }, {
+    filterHiddenNavItems(navItems: NavItemViewModel[]): NavItemViewModel[];
     isCurrentPage(routeParams: {
         slug?: string;
         pageSlug?: string;

package/lib/src/brand-page/components/navigation/navigation-side-menu/NavigationSideMenu.mixin.js

@@ -23,6 +23,9 @@ export default defineComponent({
         },
     },
     computed: {
+        visibleNavItems() {
+            return this.filterHiddenNavItems(this.pageNavigation.navItems);
+        },
         closeButtonStyle() {
             return Object.assign({}, this.styles.hamburgerMenuStyle.defaultButtonStyle, { fontSize: 'initial', lineHeight: 'initial' });
         },
@@ -33,7 +36,7 @@ export default defineComponent({
             return this.styles.hamburgerMenuStyle.selectedButtonStyle;
         },
         routes() {
-            return this.pageNavigation.navItems.map((navItem, i) => {
+            return this.visibleNavItems.map((navItem, i) => {
                 return {
                     routeName: navItem.routeName,
                     routeParams: navItem.routeParams,
@@ -42,6 +45,14 @@ export default defineComponent({
         },
     },
     methods: {
+        filterHiddenNavItems(navItems) {
+            return navItems
+                .filter((item) => !item.isHidden)
+                .map((item) => ({
+                ...item,
+                nestedNavItems: this.filterHiddenNavItems(item.nestedNavItems),
+            }));
+        },
         isCurrentPage(routeParams) {
             const slug = this.context.customDomain
                 ? routeParams.slug

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/utils/view-model.util.js

@@ -637,7 +637,7 @@ export const mapToNavViewModel = (nav, brandPageSlug, isCustomDomain) => {
     return {
         navItems: nav.orders
             .map((order, idx) => buildNavItemViewModel(order, nav.routes, '', idx === 0, brandPageSlug, isCustomDomain))
-            .filter((item) => item !== null).filter((item) => !item.isHidden),
+            .filter((item) => item !== null),
     };
 };
 export const mapToPageStyleViewModel = (pageStyles, options) => {

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

@@ -120,6 +120,7 @@ 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[];

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

@@ -165,6 +165,7 @@ 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[];
@@ -199,6 +200,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,6 +110,7 @@ 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[];

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

@@ -616,6 +616,7 @@ 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[];
@@ -926,6 +927,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,6 +116,7 @@ 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[];

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

@@ -362,6 +362,7 @@ 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[];

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

@@ -363,6 +363,7 @@ 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[];

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

@@ -126,6 +126,7 @@ 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[];

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

@@ -414,6 +414,7 @@ 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[];

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

@@ -0,0 +1,53 @@
+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;
+    stopGeneration: () => void;
+    formattedMessages: ComputedRef<{
+        type: string;
+        props: Record<string, unknown>;
+    }[]>;
+}
+export declare function useAiChat(options: UseAiChatOptions): UseAiChatResult;