@designcrowd/library.brand-page 5.17.2-kp-1 → 5.17.2

package/lib/src/{CreatedOnBrandCrowd-de-de-CG7ZzREd.js → CreatedOnBrandCrowd-de-de-DVbX019x.js}

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

package/lib/src/{CreatedOnBrandCrowd-en-us-DXcXQQhU.js → CreatedOnBrandCrowd-en-us-U7ZUILmi.js}

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

package/lib/src/{CreatedOnBrandCrowd-es-es-Cg8XQYlG.js → CreatedOnBrandCrowd-es-es-D97zjmv_.js}

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

package/lib/src/{CreatedOnBrandCrowd-fr-fr-nuQ_cwI6.js → CreatedOnBrandCrowd-fr-ca-BuOAG7-D.js}

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

package/lib/src/{CreatedOnBrandCrowd-fr-ca-nuQ_cwI6.js → CreatedOnBrandCrowd-fr-fr-BuOAG7-D.js}

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

package/lib/src/{CreatedOnBrandCrowd-pt-pt-9fam1Z_0.js → CreatedOnBrandCrowd-pt-br-DMTRsNBz.js}

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

package/lib/src/{CreatedOnBrandCrowd-pt-br-9fam1Z_0.js → CreatedOnBrandCrowd-pt-pt-DMTRsNBz.js}

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

package/lib/src/{CreatedOnDcom-de-de-DzNnnDyq.js → CreatedOnDcom-de-de-B_jbp2ga.js}

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

package/lib/src/{CreatedOnDcom-en-us-F2hOKuog.js → CreatedOnDcom-en-us-DQQQhn-z.js}

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

package/lib/src/{CreatedOnDcom-es-es-B5fRGCRL.js → CreatedOnDcom-es-es-q3MzWO6e.js}

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

package/lib/src/{CreatedOnDcom-fr-ca-BDOUholJ.js → CreatedOnDcom-fr-ca-Bep30mu7.js}

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

package/lib/src/{CreatedOnDcom-fr-fr-CrFCcMke.js → CreatedOnDcom-fr-fr-DTF8Zzzc.js}

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

package/lib/src/{CreatedOnDcom-pt-br-DiJIDL9S.js → CreatedOnDcom-pt-br-ByR1GU2L.js}

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

package/lib/src/{CreatedOnDcom-pt-pt-Dkl3NmII.js → CreatedOnDcom-pt-pt-A0L4zTr0.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as H, openBlock as V, createStaticVNode as t } from "vue";
-import { _ as M } from "./lib-DfRSCxHW.js";
+import { _ as M } from "./lib-CvEpWvWA.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, StripeShippingDetails } from '../models';
+import type { CreateCartResult, CreateStripePaymentIntentResponse } from '../models';
 export interface FormResult {
     success: boolean;
     errMessage?: string;
@@ -31,7 +31,6 @@ declare const _default: {
         customerEmail: string;
         customerRequestDetails?: string | undefined;
         customerMessage?: string | undefined;
-        shippingDetails?: StripeShippingDetails | undefined;
     }) => Promise<CreateStripePaymentIntentResponse | null>;
 };
 export default _default;

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

@@ -99,7 +99,6 @@ const createStripePaymentIntent = async (request) => {
         customerEmail: request.customerEmail,
         customerRequestDetails: request.customerRequestDetails,
         customerMessage: request.customerMessage,
-        shipping: request.shippingDetails,
     }, {
         headers: {
             'Content-Type': 'application/json',

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

@@ -0,0 +1,106 @@
+import type { PropType } from 'vue';
+import type { BrandPagePaymentConfig, ButtonStyles, CheckoutInformation, CreateCartResult, StripePaymentIntent } from '@brand-page/models';
+declare global {
+    interface Window {
+        Stripe?: stripe.StripeStatic;
+    }
+}
+interface RequestPaymentStripeData {
+    cardCvcElement: stripe.elements.Element | undefined;
+    cardCvcElementError: stripe.Error | undefined;
+    cardExpiryElement: stripe.elements.Element | undefined;
+    cardExpiryElementError: stripe.Error | undefined;
+    cardNumberElement: stripe.elements.Element | undefined;
+    cardNumberElementError: stripe.Error | undefined;
+    emailAddress: string | undefined;
+    emailAddressError: Error | undefined;
+    isBusy: boolean;
+    isCardCvcValid: boolean;
+    isCardExpiryValid: boolean;
+    isCardNumberValid: boolean;
+    isInitialised: boolean;
+    stripe: stripe.Stripe | undefined;
+    submitButtonMessage: string;
+    submitError: Error | stripe.Error | undefined;
+}
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    cart: {
+        type: PropType<CreateCartResult<StripePaymentIntent>>;
+        required: true;
+    };
+    checkoutInformation: {
+        type: PropType<CheckoutInformation>;
+        required: true;
+    };
+    buttonStyles: {
+        type: PropType<ButtonStyles>;
+        required: true;
+    };
+    paymentConfig: {
+        type: PropType<BrandPagePaymentConfig>;
+        required: true;
+    };
+    stripePublishableKey: {
+        type: StringConstructor;
+        required: true;
+    };
+    productName: {
+        type: StringConstructor;
+        required: false;
+    };
+    isShop: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+}>, {}, RequestPaymentStripeData, {
+    amount(): string;
+    currencyCode(): string;
+    currencySymbol(): string;
+    isStripeElementFormComplete(): boolean;
+    isSubmitButtonEnabled(): boolean;
+    arrowStyle(): BrandPageCssStyle;
+    payButtonStyle(): BrandPageCssStyle;
+    containerStyle(): BrandPageCssStyle;
+}, {
+    initialiseStripeScript(): void;
+    initStripeElements(): void;
+    onBackClick(): void;
+    onEmailAddressEvent(): void;
+    onStripeElementChange(response?: stripe.elements.ElementChangeResponse): void;
+    onSubmitPaymentClick(): Promise<void>;
+    validateEmailAddress(): void;
+}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    cart: {
+        type: PropType<CreateCartResult<StripePaymentIntent>>;
+        required: true;
+    };
+    checkoutInformation: {
+        type: PropType<CheckoutInformation>;
+        required: true;
+    };
+    buttonStyles: {
+        type: PropType<ButtonStyles>;
+        required: true;
+    };
+    paymentConfig: {
+        type: PropType<BrandPagePaymentConfig>;
+        required: true;
+    };
+    stripePublishableKey: {
+        type: StringConstructor;
+        required: true;
+    };
+    productName: {
+        type: StringConstructor;
+        required: false;
+    };
+    isShop: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    isShop: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

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

@@ -0,0 +1,253 @@
+import { defineComponent } from 'vue';
+import validator from 'validator';
+import { debug, debugError } from '../../../utils/debug.util';
+import * as constants from '../../constants';
+import { requestPaymentStripeTr } from '@src/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';
+const centsToDollars = (cents) => {
+    return cents / 100;
+};
+export default defineComponent({
+    props: {
+        cart: {
+            type: Object,
+            required: true,
+        },
+        checkoutInformation: {
+            type: Object,
+            required: true,
+        },
+        buttonStyles: {
+            type: Object,
+            required: true,
+        },
+        paymentConfig: {
+            type: Object,
+            required: true,
+        },
+        stripePublishableKey: {
+            type: String,
+            required: true,
+        },
+        productName: {
+            type: String,
+            required: false,
+        },
+        isShop: {
+            type: Boolean,
+            required: false,
+            default: false,
+        },
+    },
+    data() {
+        return {
+            cardCvcElement: undefined,
+            cardCvcElementError: undefined,
+            cardExpiryElement: undefined,
+            cardExpiryElementError: undefined,
+            cardNumberElement: undefined,
+            cardNumberElementError: undefined,
+            emailAddress: undefined,
+            emailAddressError: undefined,
+            isBusy: false,
+            isCardCvcValid: false,
+            isCardExpiryValid: false,
+            isCardNumberValid: false,
+            isInitialised: false,
+            stripe: undefined,
+            submitButtonMessage: 'Pay',
+            submitError: undefined,
+        };
+    },
+    computed: {
+        amount() {
+            return centsToDollars(this.cart.totalAmount).toFixed(2) || '';
+        },
+        currencyCode() {
+            return this.paymentConfig?.defaultCurrency || '';
+        },
+        currencySymbol() {
+            return this.paymentConfig?.defaultCurrencySymbol || '$';
+        },
+        isStripeElementFormComplete() {
+            return (this.isCardCvcValid && this.isCardExpiryValid && this.isCardNumberValid);
+        },
+        isSubmitButtonEnabled() {
+            return (this.isInitialised &&
+                this.isStripeElementFormComplete &&
+                Boolean(this.emailAddress) &&
+                !this.emailAddressError &&
+                !this.isBusy);
+        },
+        arrowStyle() {
+            return {
+                color: this.buttonStyles.style?.color,
+            };
+        },
+        payButtonStyle() {
+            if (!this.buttonStyles || !this.buttonStyles.style) {
+                return { ...this.buttonStyles };
+            }
+            return {
+                ...this.buttonStyles.style,
+                color: this.buttonStyles.style.backgroundColor,
+                backgroundColor: this.buttonStyles.style.color,
+            };
+        },
+        containerStyle() {
+            const buttonStyle = { ...this.buttonStyles?.style };
+            return {
+                color: buttonStyle.color,
+            };
+        },
+    },
+    mounted() {
+        this.initialiseStripeScript();
+        this.initStripeElements();
+    },
+    methods: {
+        initialiseStripeScript() {
+            debug('initialiseStripeScript: start');
+            const stripeScript = Array.from(document.head.children).find((c) => {
+                return (c.tagName.toUpperCase() === SCRIPT_TAG_NAME &&
+                    c.hasAttribute('src') &&
+                    c.getAttribute('src') === STRIPE_SCRIPT_URL);
+            });
+            if (stripeScript) {
+                debug('initialiseStripeScript: script exists');
+                return;
+            }
+            const scriptElement = document.createElement(SCRIPT_TAG_NAME);
+            scriptElement.setAttribute('src', STRIPE_SCRIPT_URL);
+            scriptElement.setAttribute('async', '');
+            scriptElement.setAttribute('defer', '');
+            document.head.appendChild(scriptElement);
+            debug('initialiseStripeScript: script injected');
+        },
+        initStripeElements() {
+            if (!this.stripePublishableKey) {
+                debugError('initStripeElements: stripe publishable key undefined');
+                return;
+            }
+            if (typeof window.Stripe !== 'function') {
+                setTimeout(() => {
+                    debug('initStripeElements: waiting for stripe script');
+                    this.initStripeElements();
+                }, 250);
+                return;
+            }
+            debug('initStripeElements: start');
+            try {
+                this.stripe = window.Stripe(this.stripePublishableKey, {
+                    stripeAccount: this.cart.paymentProviderExternalId,
+                });
+                const stripeElements = this.stripe.elements();
+                // card number
+                this.cardNumberElement = stripeElements.create('cardNumber', {
+                    style: constants.stripeDefaultStyle,
+                    placeholder: 'Credit Card Number',
+                });
+                this.cardNumberElement.mount(this.$refs.cardNumber);
+                this.cardNumberElement.addEventListener('change', this.onStripeElementChange);
+                // cart expiry
+                this.cardExpiryElement = stripeElements.create('cardExpiry', {
+                    style: constants.stripeDefaultStyle,
+                    placeholder: 'Expiry',
+                });
+                this.cardExpiryElement.mount(this.$refs.cardExpiry);
+                this.cardExpiryElement.addEventListener('change', this.onStripeElementChange);
+                // cart cvc
+                this.cardCvcElement = stripeElements.create('cardCvc', {
+                    style: constants.stripeDefaultStyle,
+                    placeholder: 'CVV',
+                });
+                this.cardCvcElement.mount(this.$refs.cardCvc);
+                this.cardCvcElement.addEventListener('change', this.onStripeElementChange);
+                this.isInitialised = true;
+            }
+            catch (err) {
+                console.error(err);
+            }
+            debug('initStripeElements: end');
+        },
+        onBackClick() {
+            this.$emit('go-to-payment-option-selection');
+        },
+        onEmailAddressEvent() {
+            this.validateEmailAddress();
+        },
+        onStripeElementChange(response) {
+            if (!response) {
+                return;
+            }
+            switch (response.elementType) {
+                case 'cardCvc':
+                    this.isCardCvcValid = response.complete;
+                    this.cardCvcElementError = response.error;
+                    break;
+                case 'cardExpiry':
+                    this.isCardExpiryValid = response.complete;
+                    this.cardExpiryElementError = response.error;
+                    break;
+                case 'cardNumber':
+                    this.isCardNumberValid = response.complete;
+                    this.cardNumberElementError = response.error;
+                    break;
+            }
+        },
+        async onSubmitPaymentClick() {
+            if (!this.cardNumberElement ||
+                !this.isSubmitButtonEnabled ||
+                !this.stripe ||
+                !this.stripePublishableKey ||
+                !this.emailAddress) {
+                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, {
+                    payment_method: {
+                        card: this.cardNumberElement,
+                    },
+                });
+                if (confirmCardPaymentResult.error) {
+                    debugError(confirmCardPaymentResult.error);
+                    this.submitError = confirmCardPaymentResult.error;
+                }
+                else {
+                    debug('onSubmitPaymentClick: payment intent success');
+                    this.$emit('success', { result: confirmCardPaymentResult });
+                }
+            }
+            finally {
+                this.isBusy = false;
+            }
+        },
+        validateEmailAddress() {
+            if (!this.emailAddress) {
+                this.emailAddressError = new Error(INVALID_EMAIL_MESSAGE());
+                return;
+            }
+            if (!validator.isEmail(this.emailAddress)) {
+                this.emailAddressError = new Error(INVALID_EMAIL_MESSAGE());
+                return;
+            }
+            this.emailAddressError = undefined;
+        },
+    },
+});

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

@@ -1,47 +1,6 @@
 import type { Content } from './content.model';
 import type { ProductModel } from './shop.model';
 import type { TextStyleDeclaration } from './styles.model';
-export declare const STRIPE_ADDRESS_LIMITS: {
-    readonly name: {
-        readonly min: 1;
-        readonly max: 350;
-    };
-    readonly line1: {
-        readonly min: 1;
-        readonly max: 200;
-    };
-    readonly line2: {
-        readonly min: 0;
-        readonly max: 200;
-    };
-    readonly city: {
-        readonly min: 0;
-        readonly max: 100;
-    };
-    readonly state: {
-        readonly min: 0;
-        readonly max: 100;
-    };
-    readonly postalCode: {
-        readonly min: 0;
-        readonly max: 20;
-    };
-    readonly country: {
-        readonly min: 2;
-        readonly max: 2;
-    };
-};
-export type StripeAddressField = keyof typeof STRIPE_ADDRESS_LIMITS;
-export interface StripeShippingDetails {
-    name: string;
-    line1: string;
-    line2?: string;
-    city?: string;
-    state?: string;
-    postalCode?: string;
-    country: string;
-    phone?: string;
-}
 export interface StripePaymentIntent {
     id: string;
     object: 'payment_intent';
@@ -139,7 +98,6 @@ export interface ShopContentConfig extends PaymentConfig {
     paymentOptionDisplayType: PaymentOptionDisplayType;
     paymentOptionImageType: PaymentOptionImageType;
     isCustomerRequestDetailsEnabled: boolean;
-    isShippingEnabled: boolean;
 }
 export interface ShopContent extends Content {
     type: 'shop-section';

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

@@ -1,12 +1,3 @@
-export const STRIPE_ADDRESS_LIMITS = {
-    name: { min: 1, max: 350 },
-    line1: { min: 1, max: 200 },
-    line2: { min: 0, max: 200 },
-    city: { min: 0, max: 100 },
-    state: { min: 0, max: 100 },
-    postalCode: { min: 0, max: 20 },
-    country: { min: 2, max: 2 },
-};
 export const isStripePaymentIntent = (value) => {
     return (value &&
         typeof value === 'object' &&

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

@@ -544,7 +544,6 @@ const mapToShopViewModel = (content, styles) => {
             ...content.fillColor,
         },
         isFullWidth: true,
-        isShippingEnabled: content.shopPaymentConfig?.isShippingEnabled ?? false,
     }, styles);
 };
 const mapToTestimonialSectionViewModel = (content, styles) => {

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

@@ -61,7 +61,6 @@ export interface RequestPaymentViewModel extends ContentViewModel, Omit<RequestP
 export interface ShopViewModel extends ContentViewModel, Omit<ShopContent, 'type'> {
     buttonStyles: ButtonStyles;
     isFullWidth: boolean;
-    isShippingEnabled: boolean;
 }
 export interface ContactFormViewModel extends ContentViewModel, Omit<ContactFormContent, 'type'> {
     buttonStyles: ButtonStyles;

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

@@ -1021,7 +1021,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             searchTerm: string | undefined;
         }): void;
         _setSelectedTab({ tabName }: {
-            tabName: "AI" | "all" | "categories";
+            tabName: "all" | "AI" | "categories";
         }): void;
         _setSelectedCategory({ categoryName, }: {
             categoryName: string | undefined;

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

@@ -1009,7 +1009,6 @@ declare const _default: import("vue").DefineComponent<{}, {
         setPreviousSelectedDisplayStyle(viewport: string, displayStyle: string): void;
     }>;
     eventTracker: {
-        sendShippingToggleEvent: (isEnabled: boolean) => void;
         sendSaveContactEvent: () => void;
         sendStartForFreeEvent: () => void;
         sendFooterLinkClickEvent: (linkType: "watermark_logo" | "create_your_website") => void;

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

@@ -57,7 +57,6 @@ export declare const EVENTS: {
     WEBSITE_MAKER_DIGITAL_BUSINESS_CARDS_SAVE_CONTACT_TOGGLE: string;
     WEBSITE_MAKER_DIGITAL_BUSINESS_CARDS_HIDE_POPUP: string;
     WEBSITE_MAKER_GETTY_VIDEO: string;
-    WEBSITE_MAKER_SHIPPING_TOGGLE: string;
 };
 export declare const SELECT_LOCATIONS: {
     MAKER_PREVIEW: string;
@@ -116,7 +115,6 @@ export declare const PUBLISH_OPTION_MODAL_CONTINUATION_EVENTS: {
     FREEMIUM: string;
 };
 declare const useEventTracker: () => {
-    sendShippingToggleEvent: (isEnabled: boolean) => void;
     sendSaveContactEvent: () => void;
     sendStartForFreeEvent: () => void;
     sendFooterLinkClickEvent: (linkType: 'watermark_logo' | 'create_your_website') => void;

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

@@ -38,7 +38,6 @@ export const EVENTS = {
     WEBSITE_MAKER_DIGITAL_BUSINESS_CARDS_SAVE_CONTACT_TOGGLE: 'website_maker_digital_business_cards_save_contact_toggle',
     WEBSITE_MAKER_DIGITAL_BUSINESS_CARDS_HIDE_POPUP: 'website_maker_digital_business_cards_hide_popup',
     WEBSITE_MAKER_GETTY_VIDEO: 'website_maker_getty_video',
-    WEBSITE_MAKER_SHIPPING_TOGGLE: 'website_maker_shipping_toggle',
 };
 export const SELECT_LOCATIONS = {
     MAKER_PREVIEW: 'maker_preview',
@@ -316,11 +315,6 @@ const useEventTracker = () => {
         },
         ...gettyVideoEvents,
         ...publishedWebsiteEvents,
-        sendShippingToggleEvent: (isEnabled) => {
-            _publishEvent(EVENTS.WEBSITE_MAKER_SHIPPING_TOGGLE, {
-                is_enabled: isEnabled,
-            });
-        },
     };
 };
 export { useEventTracker };

package/lib/src/brand-page-maker/constants/config-settings-constant.d.ts

@@ -48,7 +48,6 @@ export declare const DIVIDER_SECTION_SETTINGS_CONFIG: () => ContentSettingsConfi
 export declare const SHAPES_SECTION_SETTINGS_CONFIG: () => ContentSettingsConfig<ShapesSectionContent>;
 export declare const SHOP_SECTION_SETTINGS_CONFIG: () => ContentSettingsConfig<ShopContent, {
     paymentConfig: any;
-    isShippingEnabled: boolean;
 }>;
 export declare const BOOKING_SECTION_SETTINGS_CONFIG: () => ContentSettingsConfig<BookingSectionContent>;
 export declare const CONTENT_SETTINGS_CONFIGS: () => Record<ContentType, ContentSettingsConfig<any>>;

package/lib/src/brand-page-maker/constants/config-settings-constant.js

@@ -2573,13 +2573,6 @@ export const SHOP_SECTION_SETTINGS_CONFIG = () => ({
             groupId: REQUEST_PAYMENT_GROUPS.settings,
             overrideValueFieldName: 'shopPaymentConfig',
         },
-        isShippingEnabled: {
-            type: 'payment-toggle',
-            groupId: REQUEST_PAYMENT_GROUPS.settings,
-            overrideValueFieldName: 'shopPaymentConfig',
-            label: contentSettingsTr(`shippingLabel`),
-            placeholder: contentSettingsTr(`shippingPlaceholder`),
-        },
         fillColor: {
             type: 'color',
             groupId: REQUEST_PAYMENT_GROUPS.style,