@designcrowd/library.brand-page 5.17.2 → 5.17.4

package/lib/src/mockServiceWorker.js

@@ -7,7 +7,7 @@
  * - Please do NOT modify this file.
  */
 
-const PACKAGE_VERSION = '2.12.3'
+const PACKAGE_VERSION = '2.12.10'
 const INTEGRITY_CHECKSUM = '4db4a41e972cec1b64cc569c66952d82'
 const IS_MOCKED_RESPONSE = Symbol('isMockedResponse')
 const activeClientIds = new Set()

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

@@ -783,6 +783,7 @@ declare const _default: import("vue").DefineComponent<{}, {
         toggleLogoBackground(): Promise<any>;
     }>;
     eventTracker: {
+        sendShippingToggleEvent: (isEnabled: boolean) => void;
         sendSaveContactEvent: () => void;
         sendStartForFreeEvent: () => void;
         sendFooterLinkClickEvent: (linkType: "watermark_logo" | "create_your_website") => void;

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

@@ -731,6 +731,7 @@ declare const _default: import("vue").DefineComponent<{}, {
         toggleShouldPlayVideo(): void;
     }>;
     bpEventTracker: {
+        sendShippingToggleEvent: (isEnabled: boolean) => void;
         sendSaveContactEvent: () => void;
         sendStartForFreeEvent: () => void;
         sendFooterLinkClickEvent: (linkType: "watermark_logo" | "create_your_website") => void;

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

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

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

@@ -206,6 +206,20 @@ export default defineComponent({
             this.clearFieldValue();
         },
     },
+    mounted() {
+        if (this.field.fieldTypeAssessor && this.field.validator) {
+            const validatorResult = this.field.validator(this.content);
+            const isInvalid = validatorResult === false ||
+                (typeof validatorResult === 'object' && !validatorResult.isValid);
+            if (isInvalid) {
+                this.clearFieldValue();
+            }
+            this.contentSettingsStore.validateItem({
+                id: this.id,
+                name: this.field.name,
+            });
+        }
+    },
     methods: {
         onFieldChanged(payload) {
             if (payload.multipleValues) {

package/lib/src/shared/content-settings/components/payment-config-field/payment-toggle-field/PaymentToggleField.mixin.d.ts

@@ -21,6 +21,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: PropType<RequestPaymentConfig>;
         required: true;
     };
+    placeholder: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
 }>, {}, {}, {
     toggleState: {
         get(): boolean;
@@ -47,7 +52,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: PropType<RequestPaymentConfig>;
         required: true;
     };
+    placeholder: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
 }>> & Readonly<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}>, {
+    placeholder: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/lib/src/shared/content-settings/components/payment-config-field/payment-toggle-field/PaymentToggleField.mixin.js

@@ -1,4 +1,5 @@
 import { defineComponent } from 'vue';
+import { useEventTracker } from '../../../../../brand-page-maker/composables/useEventTracker';
 export default defineComponent({
     props: {
         id: {
@@ -21,6 +22,11 @@ export default defineComponent({
             type: Object,
             required: true,
         },
+        placeholder: {
+            type: String,
+            required: false,
+            default: '',
+        },
     },
     emits: ['update:modelValue'],
     computed: {
@@ -38,6 +44,10 @@ export default defineComponent({
                     name: this.name,
                     value,
                 };
+                if (this.settingsName === 'isShippingEnabled') {
+                    const eventTracker = useEventTracker();
+                    eventTracker.sendShippingToggleEvent(newVal);
+                }
                 this.$emit('update:modelValue', payload);
             },
         },

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

@@ -208,7 +208,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             searchTerm: string | undefined;
         }): void;
         _setSelectedTab({ tabName }: {
-            tabName: "all" | "AI" | "categories";
+            tabName: "AI" | "all" | "categories";
         }): void;
         _setSelectedCategory({ categoryName, }: {
             categoryName: string | undefined;
@@ -242,6 +242,7 @@ declare const _default: import("vue").DefineComponent<{}, {
         setupLogoChangeWatcher(): void;
     }>;
     eventTracker: {
+        sendShippingToggleEvent: (isEnabled: boolean) => void;
         sendSaveContactEvent: () => void;
         sendStartForFreeEvent: () => void;
         sendFooterLinkClickEvent: (linkType: "watermark_logo" | "create_your_website") => void;

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

@@ -4725,6 +4725,7 @@ declare const _default: import("vue").DefineComponent<{}, {
     onDraggingStart: () => void;
     onDraggingEnd: (ev?: any, routeId?: string, previousParentRouteId?: string) => void;
     eventTracker: {
+        sendShippingToggleEvent: (isEnabled: boolean) => void;
         sendSaveContactEvent: () => void;
         sendStartForFreeEvent: () => void;
         sendFooterLinkClickEvent: (linkType: "watermark_logo" | "create_your_website") => void;

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

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

package/lib/src/shared/side-bar/components/SideBarTabButton.mixin.d.ts

@@ -18,6 +18,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     }>;
     isDesignCom: import("vue").ComputedRef<boolean>;
     eventTracker: {
+        sendShippingToggleEvent: (isEnabled: boolean) => void;
         sendSaveContactEvent: () => void;
         sendStartForFreeEvent: () => void;
         sendFooterLinkClickEvent: (linkType: "watermark_logo" | "create_your_website") => void;

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

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

package/lib/src/shared/template-settings/components/TemplatesSettings.mixin.d.ts

@@ -489,7 +489,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             searchTerm: string | undefined;
         }): void;
         _setSelectedTab({ tabName }: {
-            tabName: "all" | "AI" | "categories";
+            tabName: "AI" | "all" | "categories";
         }): void;
         _setSelectedCategory({ categoryName, }: {
             categoryName: string | undefined;
@@ -562,6 +562,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     }>;
     isDesignCom: import("vue").ComputedRef<boolean>;
     eventTracker: {
+        sendShippingToggleEvent: (isEnabled: boolean) => void;
         sendSaveContactEvent: () => void;
         sendStartForFreeEvent: () => void;
         sendFooterLinkClickEvent: (linkType: "watermark_logo" | "create_your_website") => void;

package/package.json

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

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

@@ -3,6 +3,7 @@ import * as constants from '../constants';
 import type {
   CreateCartResult,
   CreateStripePaymentIntentResponse,
+  StripeShippingDetails,
 } from '../models';
 import * as csrfUtil from '../utils/csrf.util';
 
@@ -171,6 +172,7 @@ const createStripePaymentIntent = async (request: {
   customerEmail: string;
   customerRequestDetails?: string;
   customerMessage?: string;
+  shippingDetails?: StripeShippingDetails;
 }): Promise<CreateStripePaymentIntentResponse | null> => {
   const csrfToken = csrfUtil.getCsrfTokenFromMetaHeader();
 
@@ -181,6 +183,7 @@ const createStripePaymentIntent = async (request: {
       customerEmail: request.customerEmail,
       customerRequestDetails: request.customerRequestDetails,
       customerMessage: request.customerMessage,
+      shipping: request.shippingDetails,
     },
     {
       headers: {

package/src/brand-page/components/about-section/AboutSection.vue

@@ -9,6 +9,8 @@
         'about-container': context.isBrandSite,
         'about-container--padding tw-py-10': !isFullImage,
         'mobile-about-container--padding': isFullImage,
+        'side-full-media-container':
+          isFullImage && (isRightAligned || isLeftAligned),
       }"
     >
       <Media
@@ -64,6 +66,7 @@
             'tw-relative tw-overflow-hidden': !viewModel.imageUrl,
             'full-square-image': isFullImage,
             'container-image': !isFullImage,
+            'tw-mb-4': isMobileDevice,
           }"
           :class="{
             'tw-flex tw-justify-center': isDividedContent,
@@ -117,6 +120,9 @@ export default {
   max-width: var(--brandsite-max-width);
   margin: 0 auto;
 }
+.side-full-media-container {
+  max-width: 100% !important;
+}
 .about-container--padding {
   padding-left: var(--page-padding);
   padding-right: var(--page-padding);
@@ -177,7 +183,6 @@ export default {
 }
 
 .about-container :deep(.full-square-image) {
-  @apply tw-mb-4;
   width: 100%;
   aspect-ratio: 1/1;
   object-fit: cover;
@@ -195,6 +200,7 @@ export default {
   width: 100%;
   height: fit-content;
 }
+
 @media (max-width: 767px) {
   .about-container :deep(.mob_img--left) {
     @apply tw-block tw-w-full;