@designcrowd/library.brand-page 5.16.14 → 5.16.15

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

@@ -141,7 +141,7 @@ declare const _default: import("vue").DefineComponent<{}, {
         setBrandPageType({ brandPageType }: {
             brandPageType: "default" | "brandSite" | "brandContact";
         }): void;
-        initialise({ brandPage, brandPageType, emailAddress, features, logoDraftDesignAttributes, unsplashApplicationName, templateCategories, personalisationData, isPersonalisationEnabled, businessName, logoVariationImageUrls, shopConfigData, isServerRenderOverride, }: import("../../../../brand-page-maker/stores").InitialisePayload): Promise<void>;
+        initialise({ brandPage, brandPageType, emailAddress, features, logoDraftDesignAttributes, unsplashApplicationName, templateCategories, personalisationData, isPersonalisationEnabled, businessName, industry, logoVariationImageUrls, shopConfigData, isServerRenderOverride, }: import("../../../../brand-page-maker/stores").InitialisePayload): Promise<void>;
         initialisePages({ pages, sections, }: {
             pages: import("../../../../brand-page").PageModel[];
             sections: import("../../../page-settings/store").PageSettingsStateSections;

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

@@ -661,7 +661,7 @@ declare const _default: import("vue").DefineComponent<{}, {
         setBrandPageType({ brandPageType }: {
             brandPageType: "default" | "brandSite" | "brandContact";
         }): void;
-        initialise({ brandPage, brandPageType, emailAddress, features, logoDraftDesignAttributes, unsplashApplicationName, templateCategories, personalisationData, isPersonalisationEnabled, businessName, logoVariationImageUrls, shopConfigData, isServerRenderOverride, }: import("../../../../brand-page-maker/stores").InitialisePayload): Promise<void>;
+        initialise({ brandPage, brandPageType, emailAddress, features, logoDraftDesignAttributes, unsplashApplicationName, templateCategories, personalisationData, isPersonalisationEnabled, businessName, industry, logoVariationImageUrls, shopConfigData, isServerRenderOverride, }: import("../../../../brand-page-maker/stores").InitialisePayload): Promise<void>;
         initialisePages({ pages, sections, }: {
             pages: import("../../../../brand-page").PageModel[];
             sections: import("../../../page-settings/store").PageSettingsStateSections;

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

@@ -604,7 +604,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         setBrandPageType({ brandPageType }: {
             brandPageType: "default" | "brandSite" | "brandContact";
         }): void;
-        initialise({ brandPage, brandPageType, emailAddress, features, logoDraftDesignAttributes, unsplashApplicationName, templateCategories, personalisationData, isPersonalisationEnabled, businessName, logoVariationImageUrls, shopConfigData, isServerRenderOverride, }: import("../../../../brand-page-maker/stores").InitialisePayload): Promise<void>;
+        initialise({ brandPage, brandPageType, emailAddress, features, logoDraftDesignAttributes, unsplashApplicationName, templateCategories, personalisationData, isPersonalisationEnabled, businessName, industry, logoVariationImageUrls, shopConfigData, isServerRenderOverride, }: import("../../../../brand-page-maker/stores").InitialisePayload): Promise<void>;
         initialisePages({ pages, sections, }: {
             pages: import("../../../../brand-page").PageModel[];
             sections: import("../../../page-settings/store").PageSettingsStateSections;

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

@@ -131,7 +131,7 @@ declare const _default: import("vue").DefineComponent<{}, {
         setBrandPageType({ brandPageType }: {
             brandPageType: "default" | "brandSite" | "brandContact";
         }): void;
-        initialise({ brandPage, brandPageType, emailAddress, features, logoDraftDesignAttributes, unsplashApplicationName, templateCategories, personalisationData, isPersonalisationEnabled, businessName, logoVariationImageUrls, shopConfigData, isServerRenderOverride, }: import("../../../brand-page-maker/stores").InitialisePayload): Promise<void>;
+        initialise({ brandPage, brandPageType, emailAddress, features, logoDraftDesignAttributes, unsplashApplicationName, templateCategories, personalisationData, isPersonalisationEnabled, businessName, industry, logoVariationImageUrls, shopConfigData, isServerRenderOverride, }: import("../../../brand-page-maker/stores").InitialisePayload): Promise<void>;
         initialisePages({ pages, sections, }: {
             pages: import("../../../brand-page").PageModel[];
             sections: import("../../page-settings/store/page-settings-store").PageSettingsStateSections;

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

@@ -3821,7 +3821,7 @@ declare const _default: import("vue").DefineComponent<{}, {
         setBrandPageType({ brandPageType }: {
             brandPageType: "default" | "brandSite" | "brandContact";
         }): void;
-        initialise({ brandPage, brandPageType, emailAddress, features, logoDraftDesignAttributes, unsplashApplicationName, templateCategories, personalisationData, isPersonalisationEnabled, businessName, logoVariationImageUrls, shopConfigData, isServerRenderOverride, }: import("../../../../brand-page-maker/stores").InitialisePayload): Promise<void>;
+        initialise({ brandPage, brandPageType, emailAddress, features, logoDraftDesignAttributes, unsplashApplicationName, templateCategories, personalisationData, isPersonalisationEnabled, businessName, industry, logoVariationImageUrls, shopConfigData, isServerRenderOverride, }: import("../../../../brand-page-maker/stores").InitialisePayload): Promise<void>;
         initialisePages({ pages, sections, }: {
             pages: import("../../../../brand-page").PageModel[];
             sections: import("../../store").PageSettingsStateSections;

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

@@ -4324,7 +4324,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         setBrandPageType({ brandPageType }: {
             brandPageType: "default" | "brandSite" | "brandContact";
         }): void;
-        initialise({ brandPage, brandPageType, emailAddress, features, logoDraftDesignAttributes, unsplashApplicationName, templateCategories, personalisationData, isPersonalisationEnabled, businessName, logoVariationImageUrls, shopConfigData, isServerRenderOverride, }: import("../../../../brand-page-maker/stores").InitialisePayload): Promise<void>;
+        initialise({ brandPage, brandPageType, emailAddress, features, logoDraftDesignAttributes, unsplashApplicationName, templateCategories, personalisationData, isPersonalisationEnabled, businessName, industry, logoVariationImageUrls, shopConfigData, isServerRenderOverride, }: import("../../../../brand-page-maker/stores").InitialisePayload): Promise<void>;
         initialisePages({ pages, sections, }: {
             pages: import("../../../../brand-page").PageModel[];
             sections: import("../../store").PageSettingsStateSections;

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

@@ -165,7 +165,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         setBrandPageType({ brandPageType }: {
             brandPageType: "default" | "brandSite" | "brandContact";
         }): void;
-        initialise({ brandPage, brandPageType, emailAddress, features, logoDraftDesignAttributes, unsplashApplicationName, templateCategories, personalisationData, isPersonalisationEnabled, businessName, logoVariationImageUrls, shopConfigData, isServerRenderOverride, }: import("../../brand-page-maker/stores").InitialisePayload): Promise<void>;
+        initialise({ brandPage, brandPageType, emailAddress, features, logoDraftDesignAttributes, unsplashApplicationName, templateCategories, personalisationData, isPersonalisationEnabled, businessName, industry, logoVariationImageUrls, shopConfigData, isServerRenderOverride, }: import("../../brand-page-maker/stores").InitialisePayload): Promise<void>;
         initialisePages({ pages, sections, }: {
             pages: import("../../brand-page/models").PageModel[];
             sections: import("../page-settings/store").PageSettingsStateSections;

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

@@ -574,7 +574,7 @@ declare const _default: import("vue").DefineComponent<{}, {
         setBrandPageType({ brandPageType }: {
             brandPageType: "default" | "brandSite" | "brandContact";
         }): void;
-        initialise({ brandPage, brandPageType, emailAddress, features, logoDraftDesignAttributes, unsplashApplicationName, templateCategories, personalisationData, isPersonalisationEnabled, businessName, logoVariationImageUrls, shopConfigData, isServerRenderOverride, }: import("../../../brand-page-maker/stores").InitialisePayload): Promise<void>;
+        initialise({ brandPage, brandPageType, emailAddress, features, logoDraftDesignAttributes, unsplashApplicationName, templateCategories, personalisationData, isPersonalisationEnabled, businessName, industry, logoVariationImageUrls, shopConfigData, isServerRenderOverride, }: import("../../../brand-page-maker/stores").InitialisePayload): Promise<void>;
         initialisePages({ pages, sections, }: {
             pages: import("../../../brand-page").PageModel[];
             sections: import("../../page-settings/store").PageSettingsStateSections;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@designcrowd/library.brand-page",
   "description": "A collection of Maker/Designer applications",
-  "version": "5.16.14",
+  "version": "5.16.15",
   "author": "Design.com Eng",
   "license": "UNLICENSED",
   "type": "module",

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

@@ -65,6 +65,7 @@ export interface BrandPageMakerViewModel {
   isPersonalisationEnabled?: boolean;
   brandPageType?: BrandPageType;
   businessName?: string;
+  industry?: string;
 }
 
 const RESIZE_DEBOUNCE_WAIT_IN_MS = 100;
@@ -221,6 +222,7 @@ export default defineComponent({
         this.viewModel.isPersonalisationEnabled || false,
       brandPageType: this.viewModel.brandPageType,
       businessName: this.viewModel.businessName,
+      industry: this.viewModel.industry,
       logoVariationImageUrls: this.viewModel.logoVariationImageUrls,
       shopConfigData,
     });

package/src/brand-page-maker/components/brand-page-maker/__fixtures__/brand-page-examples.ts

@@ -2137,6 +2137,7 @@ export const INITIALISE_PAYLOAD: InitialisePayload = Object.freeze({
   personalisationData: undefined,
   isPersonalisationEnabled: false,
   businessName: '',
+  industry: '',
   logoImage: { ...EMPTY_LOGO_IMAGE_MODEL },
   shopConfigData: '',
 } as InitialisePayload);

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

@@ -120,6 +120,7 @@ export interface InitialisePayload {
   personalisationData?: UserPersonalisationContent[];
   isPersonalisationEnabled: boolean;
   businessName: string | undefined;
+  industry: string | undefined;
   logoVariationImageUrls: string[];
   shopConfigData: string | ShopConfigData;
   isServerRenderOverride?: boolean;
@@ -150,6 +151,7 @@ export interface BrandPageMakerState {
   ogTitle: string | undefined;
   ogDescription: string | undefined;
   businessName: string | undefined;
+  industry: string | undefined;
   cookieOptions: CookieOptions;
   sensitiveContent: SensitiveContent;
   isBrandPage: boolean;
@@ -218,6 +220,7 @@ export const useBrandPageMakerStore = defineStore('brandPageMaker', {
     ogTitle: undefined,
     ogDescription: undefined,
     businessName: undefined,
+    industry: undefined,
     isBrandPage: true,
     isBrandPageOrIsBrandContact: false,
     isBrandSite: false,
@@ -682,6 +685,7 @@ export const useBrandPageMakerStore = defineStore('brandPageMaker', {
       personalisationData,
       isPersonalisationEnabled,
       businessName,
+      industry,
       logoVariationImageUrls,
       shopConfigData,
       isServerRenderOverride = false,
@@ -1005,6 +1009,7 @@ export const useBrandPageMakerStore = defineStore('brandPageMaker', {
         });
 
         this.businessName = businessName;
+        this.industry = industry;
       } finally {
         this.setIsInitialising({ isInitialising: false });
       }

package/src/clients/design-template-client.ts

@@ -113,6 +113,8 @@ export class DesignTemplateClient {
     prompt: string,
     existingText?: string,
     snapshotBase64?: string,
+    businessName?: string,
+    industry?: string,
   ): Promise<string | null> {
     try {
       // Get CSRF token from meta tag
@@ -131,8 +133,10 @@ export class DesignTemplateClient {
         getGenerateTextEndpoint(),
         {
           prompt,
-          existingText: existingText || 'N/A',
+          existingText: existingText || '',
           snapshotBase64: snapshotBase64 || '',
+          businessName: businessName || '',
+          industry: industry || '',
         },
         {
           withCredentials: true,

package/src/composables/useSnapshot.ts

@@ -70,7 +70,7 @@ export function useSnapshot() {
       const canvas = await window.html2canvas(element, {
         allowTaint: true,
         useCORS: true,
-        scale: 0.5, // Reduce quality to decrease file size
+        scale: 0.8, // Reduce quality to decrease file size
         logging: false,
         backgroundColor: '#ffffff',
       });

package/src/shared/content-settings/components/generate-ai-modal/GenerateAiModal.vue

@@ -168,6 +168,7 @@ import {
   useEventTracker,
 } from '../../../../brand-page-maker/composables/useEventTracker';
 import { useSnapshotStore } from '../../../../brand-page-maker/stores';
+import { useBrandPageMakerStore } from '../../../../brand-page-maker/stores';
 
 interface Props {
   isVisible: boolean;
@@ -202,6 +203,11 @@ const MAX_PROMPT_LENGTH = 500;
 const snapshotStore = useSnapshotStore();
 const snapshotBase64 = computed(() => snapshotStore.snapshotBase64);
 
+const brandPageMakerStore = useBrandPageMakerStore();
+
+const businessName = computed(() => brandPageMakerStore.businessName || '');
+const industry = computed(() => brandPageMakerStore.industry || '');
+
 // Auto-resize textarea
 const resizeTextarea = () => {
   if (textareaRef.value) {
@@ -408,6 +414,8 @@ const onSendPrompt = async (customPrompt?: string) => {
       promptToSend,
       props.existingText ?? '',
       snapshotBase64.value || undefined,
+      businessName.value,
+      industry.value,
     );
 
     // Check if generation was stopped before setting response
@@ -451,17 +459,6 @@ watch(
       resetModalState();
       data.isStopped = false;
       data.lastPromptSent = '';
-
-      if (props.existingText && props.existingText.trim()) {
-        eventTracker.sendWebsiteEvent({
-          eventName: EVENTS.WEBSITE_MAKER_AI_SEND_PROMPT,
-          eventProps: {
-            cta_location: props.ctaLocation,
-          },
-        });
-        const defaultPrompt = getDefaultPrompt();
-        onSendPrompt(defaultPrompt);
-      }
     } else if (!newValue && oldValue) {
       // Modal is closing - stop everything immediately
       data.isStopped = true;