@designcrowd/library.brand-page 5.16.14-stripe-1 → 5.16.15

package/lib/src/{CreatedOnBrandCrowd-de-de-BBJMpNEy.js → CreatedOnBrandCrowd-de-de-BleBfKpn.js}

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

package/lib/src/{CreatedOnBrandCrowd-en-us-fqV3lr6P.js → CreatedOnBrandCrowd-en-us-CQVeaaO_.js}

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

package/lib/src/{CreatedOnBrandCrowd-es-es-DRvty-zh.js → CreatedOnBrandCrowd-es-es-BDQv3Rna.js}

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

package/lib/src/{CreatedOnBrandCrowd-fr-fr-Cf3P5_ts.js → CreatedOnBrandCrowd-fr-ca-Cun9kWNn.js}

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

package/lib/src/{CreatedOnBrandCrowd-fr-ca-Cf3P5_ts.js → CreatedOnBrandCrowd-fr-fr-Cun9kWNn.js}

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

package/lib/src/{CreatedOnBrandCrowd-pt-pt-CJWFnxCL.js → CreatedOnBrandCrowd-pt-br-BYKPykPZ.js}

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

package/lib/src/{CreatedOnBrandCrowd-pt-br-CJWFnxCL.js → CreatedOnBrandCrowd-pt-pt-BYKPykPZ.js}

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

package/lib/src/{CreatedOnDcom-de-de-C5XI0Qwc.js → CreatedOnDcom-de-de-OpJW2Nsf.js}

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

package/lib/src/{CreatedOnDcom-en-us-EbzZsGhT.js → CreatedOnDcom-en-us-Dc-r7UZE.js}

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

package/lib/src/{CreatedOnDcom-es-es-BfzZaAs2.js → CreatedOnDcom-es-es-DzI3GAb8.js}

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

package/lib/src/{CreatedOnDcom-fr-ca-CJHorNXI.js → CreatedOnDcom-fr-ca-CjHDpTvo.js}

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

package/lib/src/{CreatedOnDcom-fr-fr-BhHMV4U9.js → CreatedOnDcom-fr-fr-Mz-PmO5h.js}

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

package/lib/src/{CreatedOnDcom-pt-br-Kvbp1M5V.js → CreatedOnDcom-pt-br-Dv9FCjbb.js}

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

package/lib/src/{CreatedOnDcom-pt-pt-DUqPbQGh.js → CreatedOnDcom-pt-pt-BJKrhwA7.js}

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

package/lib/src/brand-page/clients/brand-page.client.d.ts

@@ -1,4 +1,4 @@
-import type { CreateCartResult, CreateStripePaymentIntentResponse } from '../models';
+import type { CreateCartResult } from '../models';
 export interface FormResult {
     success: boolean;
     errMessage?: string;
@@ -18,19 +18,9 @@ export interface CartForShopRequest {
 declare const _default: {
     addMailSubscriber: (brandPageToken: string, email: string, name?: string | undefined) => Promise<FormResult>;
     submitContactForm: (brandPageToken: string, contentBlockId: string, values: ContactFormField[]) => Promise<FormResult>;
+    createBrandPageCart: (paymentOptionIds: string[], customerRequestDetails?: string | undefined, customerMessage?: string | undefined, customAmount?: number | undefined) => Promise<CreateCartResult<unknown> | null>;
+    createBrandPageCartForShop: (productDetails: CartForShopRequest[], paymentConfigId: string, customerRequestDetails?: string | undefined, customerMessage?: string | undefined, customAmount?: number | undefined) => Promise<CreateCartResult<unknown> | null>;
     getPaymentConfigStatusByPaymentConfigId: (paymentConfigId: string) => Promise<string>;
     getStoreProductsByBrandPageToken: (brandPageToken: string) => Promise<string>;
-    createBrandPageCart: (request: {
-        productIds?: string[] | undefined;
-        productDetails?: CartForShopRequest[] | undefined;
-        paymentConfigId?: string | undefined;
-        customAmount?: number | undefined;
-    }) => Promise<CreateCartResult<unknown> | null>;
-    createStripePaymentIntent: (request: {
-        cartId: string[];
-        customerEmail: string;
-        customerRequestDetails?: string | undefined;
-        customerMessage?: string | undefined;
-    }) => Promise<CreateStripePaymentIntentResponse | null>;
 };
 export default _default;

package/lib/src/brand-page/clients/brand-page.client.js

@@ -52,67 +52,68 @@ const submitContactForm = async (brandPageToken, contentBlockId, values) => {
         };
     }
 };
-const getPaymentConfigStatusByPaymentConfigId = async (paymentConfigId) => {
+const createBrandPageCart = async (paymentOptionIds, customerRequestDetails, customerMessage, customAmount) => {
     const csrfToken = csrfUtil.getCsrfTokenFromMetaHeader();
-    const response = await axios.get(`/api/payment-configs/${paymentConfigId}/status`, {
+    const response = await axios.post(`/api/carts`, {
+        productIds: paymentOptionIds,
+        customerRequestDetails,
+        customerMessage,
+        customAmount,
+    }, {
         headers: {
             'Content-Type': 'application/json',
             [constants.HEADER_CSRF_TOKEN]: csrfToken,
         },
     });
+    if (response.status !== 200) {
+        return null;
+    }
     return response.data;
 };
-const getStoreProductsByBrandPageToken = async (brandPageToken) => {
+const createBrandPageCartForShop = async (productDetails, paymentConfigId, customerRequestDetails, customerMessage, customAmount) => {
     const csrfToken = csrfUtil.getCsrfTokenFromMetaHeader();
-    const response = await axios.get(`/api/brand-pages/${brandPageToken}/shopProducts`, {
+    const response = await axios.post(`/api/cart/shopProducts`, {
+        productDetails: productDetails,
+        paymentConfigId,
+        customerRequestDetails,
+        customerMessage,
+        customAmount,
+    }, {
         headers: {
             'Content-Type': 'application/json',
             [constants.HEADER_CSRF_TOKEN]: csrfToken,
         },
     });
+    if (response.status !== 200) {
+        return null;
+    }
     return response.data;
 };
-const createBrandPageCart = async (request) => {
+const getPaymentConfigStatusByPaymentConfigId = async (paymentConfigId) => {
     const csrfToken = csrfUtil.getCsrfTokenFromMetaHeader();
-    const response = await axios.post(`/api/cart/createCart`, {
-        productIds: request.productIds,
-        productDetails: request.productDetails,
-        paymentConfigId: request.paymentConfigId,
-        customAmount: request.customAmount,
-    }, {
+    const response = await axios.get(`/api/payment-configs/${paymentConfigId}/status`, {
         headers: {
             'Content-Type': 'application/json',
             [constants.HEADER_CSRF_TOKEN]: csrfToken,
         },
     });
-    if (response.status !== 200) {
-        return null;
-    }
     return response.data;
 };
-const createStripePaymentIntent = async (request) => {
+const getStoreProductsByBrandPageToken = async (brandPageToken) => {
     const csrfToken = csrfUtil.getCsrfTokenFromMetaHeader();
-    const response = await axios.post(`/api/stripe/createPaymentIntent`, {
-        cartId: request.cartId,
-        customerEmail: request.customerEmail,
-        customerRequestDetails: request.customerRequestDetails,
-        customerMessage: request.customerMessage,
-    }, {
+    const response = await axios.get(`/api/brand-pages/${brandPageToken}/shopProducts`, {
         headers: {
             'Content-Type': 'application/json',
             [constants.HEADER_CSRF_TOKEN]: csrfToken,
         },
     });
-    if (response.status !== 200) {
-        return null;
-    }
     return response.data;
 };
 export default {
     addMailSubscriber,
     submitContactForm,
+    createBrandPageCart,
+    createBrandPageCartForShop,
     getPaymentConfigStatusByPaymentConfigId,
     getStoreProductsByBrandPageToken,
-    createBrandPageCart,
-    createStripePaymentIntent,
 };

package/lib/src/brand-page/components/payment/Payment.mixin.d.ts

@@ -1,5 +1,5 @@
 import type { PropType } from 'vue';
-import type { BrandPageContext, CheckoutInformation, CreateCartResult, PaymentConfig, PaymentOption } from '../../models';
+import type { BrandPageContext, CreateCartResult, PaymentConfig, PaymentOption } from '../../models';
 import type { RequestPaymentViewModel, SupportMeViewModel } from '../../view-models';
 export declare const paymentState: {
     readonly CreatingCart: "creating-cart";
@@ -62,7 +62,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     showCollapseToggle(): boolean;
     successMessage(): string;
     productName(): string | undefined;
-    checkoutInformation(): CheckoutInformation;
 }, {
     checkRequestPaymentConfig(): Promise<void>;
     createCart(): Promise<void>;

package/lib/src/brand-page/components/payment/Payment.mixin.js

@@ -115,12 +115,6 @@ export default defineComponent({
                 PAYMENT_OPTIONS_LENGTH: this.selectedPaymentOptions.length,
             });
         },
-        checkoutInformation() {
-            return {
-                customerMessage: this.paymentRequestDetails.customerMessage,
-                customerRequestDetails: this.paymentRequestDetails.customerRequestDetails,
-            };
-        },
     },
     watch: {
         async viewModel() {
@@ -163,10 +157,7 @@ export default defineComponent({
             }
             try {
                 this.state = paymentState.CreatingCart;
-                const cartResult = await brandPageClient.createBrandPageCart({
-                    productIds: this.selectedPaymentOptions.map((o) => o.id),
-                    customAmount: this.paymentRequestDetails.customAmount,
-                });
+                const cartResult = await brandPageClient.createBrandPageCart(this.selectedPaymentOptions.map((o) => o.id), this.paymentRequestDetails.customerRequestDetails, this.paymentRequestDetails.customerMessage, this.paymentRequestDetails.customAmount);
                 if (!cartResult) {
                     console.error('Unable to create cart result');
                     this.state = paymentState.PaymentOptionSelection;

package/lib/src/brand-page/components/payment/RequestPaymentStripe.mixin.d.ts

@@ -1,5 +1,5 @@
 import type { PropType } from 'vue';
-import type { BrandPagePaymentConfig, ButtonStyles, CheckoutInformation, CreateCartResult, StripePaymentIntent } from '../../models';
+import type { BrandPagePaymentConfig, ButtonStyles, CreateCartResult, StripePaymentIntent } from '../../models';
 declare global {
     interface Window {
         Stripe?: stripe.StripeStatic;
@@ -28,10 +28,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: PropType<CreateCartResult<StripePaymentIntent>>;
         required: true;
     };
-    checkoutInformation: {
-        type: PropType<CheckoutInformation>;
-        required: true;
-    };
     buttonStyles: {
         type: PropType<ButtonStyles>;
         required: true;
@@ -75,10 +71,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: PropType<CreateCartResult<StripePaymentIntent>>;
         required: true;
     };
-    checkoutInformation: {
-        type: PropType<CheckoutInformation>;
-        required: true;
-    };
     buttonStyles: {
         type: PropType<ButtonStyles>;
         required: true;

package/lib/src/brand-page/components/payment/RequestPaymentStripe.mixin.js

@@ -3,7 +3,6 @@ import validator from 'validator';
 import { debug, debugError } from '../../../utils/debug.util';
 import * as constants from '../../constants';
 import { requestPaymentStripeTr } from '../../../composables/useTranslate';
-import brandPageClient from '../../clients/brand-page.client';
 const INVALID_EMAIL_MESSAGE = () => requestPaymentStripeTr('invalidEmailMessage');
 const STRIPE_SCRIPT_URL = 'https://js.stripe.com/v3/';
 const SCRIPT_TAG_NAME = 'SCRIPT';
@@ -16,10 +15,6 @@ export default defineComponent({
             type: Object,
             required: true,
         },
-        checkoutInformation: {
-            type: Object,
-            required: true,
-        },
         buttonStyles: {
             type: Object,
             required: true,
@@ -64,7 +59,7 @@ export default defineComponent({
     },
     computed: {
         amount() {
-            return centsToDollars(this.cart.totalAmount).toFixed(2) || '';
+            return (centsToDollars(this.cart.paymentProviderDetails.amount).toFixed(2) || '');
         },
         currencyCode() {
             return this.paymentConfig?.defaultCurrency || '';
@@ -202,28 +197,17 @@ export default defineComponent({
             if (!this.cardNumberElement ||
                 !this.isSubmitButtonEnabled ||
                 !this.stripe ||
-                !this.stripePublishableKey ||
-                !this.emailAddress) {
+                !this.stripePublishableKey) {
                 debugError('onSubmitPaymentClick: invalid operation');
                 return;
             }
             this.isBusy = true;
             try {
-                const paymentIntentResponse = await brandPageClient.createStripePaymentIntent({
-                    cartId: this.cart.cartId,
-                    customerEmail: this.emailAddress,
-                    customerRequestDetails: this.checkoutInformation.customerRequestDetails,
-                    customerMessage: this.checkoutInformation.customerMessage,
-                });
-                if (!paymentIntentResponse) {
-                    this.submitError =
-                        'Unable to create payment intent. Please try again.';
-                    return;
-                }
-                const confirmCardPaymentResult = await this.stripe.confirmCardPayment(paymentIntentResponse.paymentIntent.client_secret, {
+                const confirmCardPaymentResult = await this.stripe.confirmCardPayment(this.cart.paymentProviderDetails.client_secret, {
                     payment_method: {
                         card: this.cardNumberElement,
                     },
+                    receipt_email: this.emailAddress,
                 });
                 if (confirmCardPaymentResult.error) {
                     debugError(confirmCardPaymentResult.error);

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

@@ -11,9 +11,9 @@ export interface StripePaymentIntent {
 export declare const isStripePaymentIntent: (value: any) => value is StripePaymentIntent;
 export interface CreateCartResult<T> {
     cartId: string;
+    paymentProviderDetails: T;
     paymentProviderName: string;
     paymentProviderExternalId: string;
-    totalAmount: number;
 }
 export interface Currency {
     id: string;
@@ -133,11 +133,4 @@ export interface SupportMeContent extends Content {
     buttonTextStyle: TextStyleDeclaration;
     itemTextStyle: TextStyleDeclaration;
 }
-export interface CreateStripePaymentIntentResponse {
-    paymentIntent: StripePaymentIntent;
-}
-export interface CheckoutInformation {
-    customerMessage?: string;
-    customerRequestDetails?: string;
-}
 export {};

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

@@ -115,7 +115,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("../../stores").InitialisePayload): Promise<void>;
+        initialise({ brandPage, brandPageType, emailAddress, features, 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;

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

@@ -22,6 +22,7 @@ export interface BrandPageMakerViewModel {
     isPersonalisationEnabled?: boolean;
     brandPageType?: BrandPageType;
     businessName?: string;
+    industry?: string;
 }
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     viewModel: {
@@ -157,7 +158,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("../../stores").InitialisePayload): Promise<void>;
+        initialise({ brandPage, brandPageType, emailAddress, features, 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;

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

@@ -149,6 +149,7 @@ export default defineComponent({
             isPersonalisationEnabled: this.viewModel.isPersonalisationEnabled || false,
             brandPageType: this.viewModel.brandPageType,
             businessName: this.viewModel.businessName,
+            industry: this.viewModel.industry,
             logoVariationImageUrls: this.viewModel.logoVariationImageUrls,
             shopConfigData,
         });

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

@@ -102,7 +102,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("../../stores").InitialisePayload): Promise<void>;
+        initialise({ brandPage, brandPageType, emailAddress, features, 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;

package/lib/src/brand-page-maker/components/brand-page-maker/__fixtures__/brand-page-examples.js

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

package/lib/src/brand-page-maker/components/brand-page-maker/__fixtures__/brand-page-payment.js

@@ -51,9 +51,9 @@ const stripePaymentIntent = {
 };
 export const brandPageCreateCartResult = {
     cartId: faker.datatype.uuid(),
+    paymentProviderDetails: stripePaymentIntent,
     paymentProviderExternalId: faker.datatype.uuid(),
     paymentProviderName: 'Stripe',
-    totalAmount: 0,
 };
 export const requestPaymentPaymentOptions = [
     {

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

@@ -609,7 +609,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("../../stores").InitialisePayload): Promise<void>;
+        initialise({ brandPage, brandPageType, emailAddress, features, 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;

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

@@ -109,7 +109,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("../../stores").InitialisePayload): Promise<void>;
+        initialise({ brandPage, brandPageType, emailAddress, features, 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;

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

@@ -346,7 +346,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("../../stores").InitialisePayload): Promise<void>;
+        initialise({ brandPage, brandPageType, emailAddress, features, 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;

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

@@ -345,7 +345,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("../../stores").InitialisePayload): Promise<void>;
+        initialise({ brandPage, brandPageType, emailAddress, features, 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;

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

@@ -119,7 +119,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("../../stores").InitialisePayload): Promise<void>;
+        initialise({ brandPage, brandPageType, emailAddress, features, 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;

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

@@ -400,7 +400,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("../../stores").InitialisePayload): Promise<void>;
+        initialise({ brandPage, brandPageType, emailAddress, features, 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;

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

@@ -24,6 +24,7 @@ export interface InitialisePayload {
     personalisationData?: UserPersonalisationContent[];
     isPersonalisationEnabled: boolean;
     businessName: string | undefined;
+    industry: string | undefined;
     logoVariationImageUrls: string[];
     shopConfigData: string | ShopConfigData;
     isServerRenderOverride?: boolean;
@@ -52,6 +53,7 @@ export interface BrandPageMakerState {
     ogTitle: string | undefined;
     ogDescription: string | undefined;
     businessName: string | undefined;
+    industry: string | undefined;
     cookieOptions: CookieOptions;
     sensitiveContent: SensitiveContent;
     isBrandPage: boolean;
@@ -183,7 +185,7 @@ export declare const useBrandPageMakerStore: import("pinia").StoreDefinition<"br
     setBrandPageType({ brandPageType }: {
         brandPageType: BrandPageType;
     }): void;
-    initialise({ brandPage, brandPageType, emailAddress, features, logoDraftDesignAttributes, unsplashApplicationName, templateCategories, personalisationData, isPersonalisationEnabled, businessName, logoVariationImageUrls, shopConfigData, isServerRenderOverride, }: InitialisePayload): Promise<void>;
+    initialise({ brandPage, brandPageType, emailAddress, features, logoDraftDesignAttributes, unsplashApplicationName, templateCategories, personalisationData, isPersonalisationEnabled, businessName, industry, logoVariationImageUrls, shopConfigData, isServerRenderOverride, }: InitialisePayload): Promise<void>;
     initialisePages({ pages, sections, }: {
         pages: PageModel[];
         sections: PageSettingsStateSections;

package/lib/src/brand-page-maker/stores/brandpage-maker/brandpage-maker-store.js

@@ -64,6 +64,7 @@ export const useBrandPageMakerStore = defineStore('brandPageMaker', {
         ogTitle: undefined,
         ogDescription: undefined,
         businessName: undefined,
+        industry: undefined,
         isBrandPage: true,
         isBrandPageOrIsBrandContact: false,
         isBrandSite: false,
@@ -407,7 +408,7 @@ export const useBrandPageMakerStore = defineStore('brandPageMaker', {
                     brandPageType === BRAND_PAGE_TYPES.brandContact;
             this.isBrandContact = brandPageType === BRAND_PAGE_TYPES.brandContact;
         },
-        async initialise({ brandPage, brandPageType, emailAddress, features, logoDraftDesignAttributes, unsplashApplicationName, templateCategories, personalisationData, isPersonalisationEnabled, businessName, logoVariationImageUrls, shopConfigData, isServerRenderOverride = false, }) {
+        async initialise({ brandPage, brandPageType, emailAddress, features, logoDraftDesignAttributes, unsplashApplicationName, templateCategories, personalisationData, isPersonalisationEnabled, businessName, industry, logoVariationImageUrls, shopConfigData, isServerRenderOverride = false, }) {
             const brandPageContainerStore = useBrandPageContainerStore();
             const userStore = useBrandPageMakerUserStore();
             const uiStore = useUiStore();
@@ -623,6 +624,7 @@ export const useBrandPageMakerStore = defineStore('brandPageMaker', {
                     isCookiePreviewEnabled: brandPageModel.cookieOptions?.isCookiePreviewEnabled,
                 });
                 this.businessName = businessName;
+                this.industry = industry;
             }
             finally {
                 this.setIsInitialising({ isInitialising: false });

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

@@ -30,7 +30,7 @@ export declare class DesignTemplateClient {
     constructor(options?: DesignTemplateClientOptions);
     getTemplateItemsByTemplateType(templateTypeName: string, options?: GetTemplatesAsyncOptions): Promise<Paginated<PaginatedDesignTemplateItem> | null>;
     getTemplateByTemplateToken(templateToken: string): Promise<DesignTemplate | null>;
-    generateText(prompt: string, existingText?: string, snapshotBase64?: string): Promise<string | null>;
+    generateText(prompt: string, existingText?: string, snapshotBase64?: string, businessName?: string, industry?: string): Promise<string | null>;
 }
 export declare const getInstance: () => DesignTemplateClient;
 export {};

package/lib/src/clients/design-template-client.js

@@ -48,7 +48,7 @@ export class DesignTemplateClient {
         }
         return null;
     }
-    async generateText(prompt, existingText, snapshotBase64) {
+    async generateText(prompt, existingText, snapshotBase64, businessName, industry) {
         try {
             // Get CSRF token from meta tag
             const csrfToken = document.head
@@ -56,8 +56,10 @@ export class DesignTemplateClient {
                 ?.getAttribute('content');
             const response = await axios.post(getGenerateTextEndpoint(), {
                 prompt,
-                existingText: existingText || 'N/A',
+                existingText: existingText || '',
                 snapshotBase64: snapshotBase64 || '',
+                businessName: businessName || '',
+                industry: industry || '',
             }, {
                 withCredentials: true,
                 headers: {

package/lib/src/composables/useSnapshot.js

@@ -50,7 +50,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',
             });