@designcrowd/library.brand-page 5.15.27-ast-bug → 5.16.0-ast-preview-1

package/lib/src/{CreatedOnBrandCrowd-de-de-CkGQ4G_0.js → CreatedOnBrandCrowd-de-de-HPTmEVKC.js}

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

package/lib/src/{CreatedOnBrandCrowd-en-us-CI0R4imY.js → CreatedOnBrandCrowd-en-us-sJrp0jlw.js}

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

package/lib/src/{CreatedOnBrandCrowd-es-es-DfVOwAgX.js → CreatedOnBrandCrowd-es-es-DCgIkMwu.js}

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

package/lib/src/{CreatedOnBrandCrowd-fr-fr-CDzs65j6.js → CreatedOnBrandCrowd-fr-ca-Tlh31gqe.js}

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

package/lib/src/{CreatedOnBrandCrowd-fr-ca-CDzs65j6.js → CreatedOnBrandCrowd-fr-fr-Tlh31gqe.js}

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

package/lib/src/{CreatedOnBrandCrowd-pt-pt-DT5-KEqF.js → CreatedOnBrandCrowd-pt-br-Dx_KMsev.js}

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

package/lib/src/{CreatedOnBrandCrowd-pt-br-DT5-KEqF.js → CreatedOnBrandCrowd-pt-pt-Dx_KMsev.js}

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

package/lib/src/{CreatedOnDcom-de-de-CrXmnwk7.js → CreatedOnDcom-de-de-BBWxN-1A.js}

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

package/lib/src/{CreatedOnDcom-en-us-BxDKAimo.js → CreatedOnDcom-en-us-DeGKo6Wf.js}

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

package/lib/src/{CreatedOnDcom-es-es-BV-bf9GA.js → CreatedOnDcom-es-es-D4bZ0zJj.js}

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

package/lib/src/{CreatedOnDcom-fr-ca-BM0lK2ZN.js → CreatedOnDcom-fr-ca-OevxDkD0.js}

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

package/lib/src/{CreatedOnDcom-fr-fr-DAmKbip-.js → CreatedOnDcom-fr-fr-CLRY9hW2.js}

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

package/lib/src/{CreatedOnDcom-pt-br-_tHW_OU7.js → CreatedOnDcom-pt-br-C04b_VpV.js}

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

package/lib/src/{CreatedOnDcom-pt-pt-CYkWyII5.js → CreatedOnDcom-pt-pt-CGwrDxSK.js}

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

package/lib/src/brand-page/components/payment/__fixtures__/request-payment.d.ts

@@ -23,6 +23,7 @@ export declare const context: {
         disableNavigationSideMenu?: boolean | undefined;
         mediaSizes?: "size1x" | "size2x" | "sizeThumb" | undefined;
         renderVideoAsImage?: boolean | undefined;
+        shouldPlayVideos?: boolean | undefined;
     } | undefined;
     abTests?: import("../../../models").AbTest | undefined;
     isCapturingPreview: boolean;

package/lib/src/brand-page/components/payment/__fixtures__/support-me.d.ts

@@ -23,6 +23,7 @@ export declare const context: {
         disableNavigationSideMenu?: boolean | undefined;
         mediaSizes?: "size1x" | "size2x" | "sizeThumb" | undefined;
         renderVideoAsImage?: boolean | undefined;
+        shouldPlayVideos?: boolean | undefined;
     } | undefined;
     abTests?: import("../../../models").AbTest | undefined;
     isCapturingPreview: boolean;

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

@@ -70,6 +70,7 @@ export interface BrandPageContext {
         disableNavigationSideMenu?: boolean;
         mediaSizes?: MediaSizes;
         renderVideoAsImage?: boolean;
+        shouldPlayVideos?: boolean;
     };
     abTests?: AbTest;
     /** Is brand page rendered for preview */

package/lib/src/brand-page/utils/migration/migration-07.js

@@ -1,4 +1,4 @@
-import { BRAND_PAGE_TYPES, DEFAULT_LOGO_HEIGHT, DEFAULT_LOGO_WIDTH, PageFooterDesktop, PageFooterMobile, PageHeaderDesktop, PageHeaderMobile, } from '../..';
+import { BRAND_PAGE_TYPES, DEFAULT_LOGO_HEIGHT, DEFAULT_LOGO_WIDTH, } from '../..';
 import { FabricRenderClient } from '../../../clients/fabric-render-client';
 import { calculateLogoDimensions } from '../logo.util';
 export const migration07 = async (migrationResult, options) => {

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

@@ -11,6 +11,9 @@ declare const _default: import("vue").DefineComponent<{}, {
             isAdmin: boolean;
         }): void;
         setBrandPageCommissionPercentage(payload: number): void;
+        setUserId(payload: {
+            userId: string;
+        }): void;
     }>;
     brandPageMakerStore: import("pinia").Store<"brandPageMaker", import("../../stores").BrandPageMakerState, {
         contentErrorCount(): number;

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

@@ -37,6 +37,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     }>;
     isChangeTemplateConfirmModalVisible: import("vue").ComputedRef<boolean>;
     viewport: import("vue").ComputedRef<ViewportsType>;
+    shouldPlayVideos: import("vue").ComputedRef<boolean>;
+    hasGettyVideos: import("vue").ComputedRef<boolean>;
     deviceMode: import("vue").ComputedRef<"desktop" | "mobile">;
     isMobileDevice: import("vue").ComputedRef<boolean>;
     isMobileScreenSize: import("vue").ComputedRef<boolean>;
@@ -195,6 +197,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             isAdmin: boolean;
         }): void;
         setBrandPageCommissionPercentage(payload: number): void;
+        setUserId(payload: {
+            userId: string;
+        }): void;
     }>;
     containerStore: import("pinia").Store<"brandPageContainer", import("../../stores").BrandPageContainerState, {
         brandPageContentTypes(): string[];
@@ -1140,6 +1145,39 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         getProductModel(): import("../../../brand-page/models/shop.model").ProductModel;
     }>;
     router: import("vue-router").Router;
+    videoStore: import("pinia").Store<"video", import("../../stores").videoStoreState, {
+        getVideoUrlsForToken: (state: {
+            videoUrls: {
+                [x: string]: import("../../stores").VideoUrlData;
+            };
+            gettyImagesKeyPrefix: string;
+            shouldPlayVideos: boolean;
+        } & import("pinia").PiniaCustomStateProperties<import("../../stores").videoStoreState>) => (token: string) => import("../../stores").VideoUrlData;
+        getPreviewS3VideoUrlsForToken: (state: {
+            videoUrls: {
+                [x: string]: import("../../stores").VideoUrlData;
+            };
+            gettyImagesKeyPrefix: string;
+            shouldPlayVideos: boolean;
+        } & import("pinia").PiniaCustomStateProperties<import("../../stores").videoStoreState>) => (token: string) => {
+            videoUrl: string;
+            previewImageUrl: string;
+        };
+        getOptimisedS3VideoUrlsForToken: (state: {
+            videoUrls: {
+                [x: string]: import("../../stores").VideoUrlData;
+            };
+            gettyImagesKeyPrefix: string;
+            shouldPlayVideos: boolean;
+        } & import("pinia").PiniaCustomStateProperties<import("../../stores").videoStoreState>) => (token: string) => {
+            videoUrl: string;
+            previewImageUrl: string;
+        };
+    }, {
+        setVideoUrlsWithToken(token: string, videoUrl: string, previewImageUrl: string, assetId: string): void;
+        setGettyImageKeyPrefix(prefix: string): void;
+        toggleShouldPlayVideo(): void;
+    }>;
 }, {
     mounted: boolean;
     isBrandPageLoaded: boolean;
@@ -1159,6 +1197,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     onBackBrandPage(): void;
     onChangeTemplateConfirmModalCancel(): void;
     onChangeTemplateConfirmModalConfirm(): void;
+    onVideoPlayToggle(): void;
 }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     viewModel: {
         type: PropType<BrandPageMakerViewModel>;

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

@@ -10,7 +10,7 @@ import { createInitialBrandPage } from '../../models';
 import { navigateToPageBySlug } from '../../routing';
 import { useBrandPageContainerStore } from '../../stores';
 import { UI_DEVICE_MODES, UI_SCREENSIZE_MODES, } from '../../../shared/models';
-import { useBrandPageMakerStore, useBrandPageMakerUserStore, useLocalisedRouteStore, useUiStore, } from '../../stores';
+import { useBrandPageMakerStore, useBrandPageMakerUserStore, useLocalisedRouteStore, useUiStore, useVideoStore, } from '../../stores';
 import { useUiContentSettingsStore } from '../../../shared/content-settings/store';
 import { useUiTemplateSettingsStore } from '../../../shared/template-settings/store';
 import { useUiPageSettingsStore } from '../../../shared/page-settings/store';
@@ -42,12 +42,17 @@ export default defineComponent({
         const productSettingStore = useProductConfigStore();
         const router = useRouter();
         const localisedRouteStore = useLocalisedRouteStore();
+        const videoStore = useVideoStore();
         return {
             commonTr,
             currentNotificationMessage: computed(() => brandPageMakerStore.currentNotificationMessage),
             isChangeTemplateConfirmModalVisible: computed(() => brandPageMakerStore.isChangeTemplateConfirmModalVisible),
             // the state of Mobile/Desktop tab
             viewport: computed(() => brandPageMakerStore.viewport),
+            // the play setting for videos in maker
+            shouldPlayVideos: computed(() => videoStore.shouldPlayVideos),
+            hasGettyVideos: computed(() => brandPageMakerStore.gettyVideoIds &&
+                brandPageMakerStore.gettyVideoIds.length > 0),
             // the state of active Preview Device type
             deviceMode: computed(() => uiStore.deviceMode),
             isMobileDevice: computed(() => uiStore.deviceMode === UI_DEVICE_MODES.mobile),
@@ -79,6 +84,7 @@ export default defineComponent({
             shopSettingStore,
             productSettingStore,
             router,
+            videoStore,
         };
     },
     data() {
@@ -271,5 +277,8 @@ export default defineComponent({
         onChangeTemplateConfirmModalConfirm() {
             this.brandPageMakerStore.onChangeTemplateConfirmModalConfirm();
         },
+        onVideoPlayToggle() {
+            this.videoStore.toggleShouldPlayVideo();
+        },
     },
 });

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

@@ -143,6 +143,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             isAdmin: boolean;
         }): void;
         setBrandPageCommissionPercentage(payload: number): void;
+        setUserId(payload: {
+            userId: string;
+        }): void;
     }>;
 }, {
     imageExtension: string[];

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

@@ -16,7 +16,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
 }>, {}, {
     visible: boolean;
     loadedOnce: boolean;
-}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {
+    toggleShouldPlay(): void;
+}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     isMobileDevice: {
         type: BooleanConstructor;
         required: true;

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

@@ -1,5 +1,4 @@
 import { defineComponent } from 'vue';
-import { debounce } from '../../../shared/functions';
 import { DEVICE_CSS_TRANSITION_DELAY } from '../../constants';
 export default defineComponent({
     props: {
@@ -40,4 +39,9 @@ export default defineComponent({
             clearTimeout(t);
         }, 100);
     },
+    methods: {
+        toggleShouldPlay() {
+            this.$emit('toggle-should-play');
+        },
+    },
 });

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

@@ -31,6 +31,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     }>;
     isDesignCom: import("vue").ComputedRef<boolean>;
     isInitialising: import("vue").ComputedRef<boolean>;
+    shouldPlayVideos: import("vue").ComputedRef<boolean>;
     viewport: import("../../../brand-page").ViewportsType;
     abTests: Record<string, string>;
 }, {

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

@@ -2,7 +2,7 @@ import { defineComponent, computed } from 'vue';
 import debounce from 'lodash.debounce';
 import { HelloBar, Loader } from '@designcrowd/fe-shared-lib';
 import { BRAND_PAGE_TYPES, MEDIA_SIZES } from '../../../brand-page';
-import { useBrandPageContainerStore, useBrandPageMakerStore, useRouteStore, } from '../../../brand-page-maker/stores';
+import { useBrandPageContainerStore, useBrandPageMakerStore, useRouteStore, useVideoStore, } from '../../../brand-page-maker/stores';
 import BrandPageMakerPage from '../brandpage-maker-page/BrandPageMakerPage.vue';
 const RESIZE_DEBOUNCE_WAIT_MS = 250;
 export default defineComponent({
@@ -39,10 +39,12 @@ export default defineComponent({
         const containerStore = useBrandPageContainerStore();
         const routeStore = useRouteStore();
         const brandPageMakerStore = useBrandPageMakerStore();
+        const videoStore = useVideoStore();
         return {
             currentRoute: computed(() => routeStore.currentRoute),
             isDesignCom: computed(() => containerStore.isDesignCom),
             isInitialising: computed(() => brandPageMakerStore.isInitialising),
+            shouldPlayVideos: computed(() => videoStore.shouldPlayVideos),
             viewport: brandPageMakerStore.viewport,
             abTests: containerStore.abTests,
         };
@@ -77,7 +79,8 @@ export default defineComponent({
                 isServerRender: false,
                 options: {
                     mediaSizes: MEDIA_SIZES.size1x,
-                    renderVideoAsImage: true,
+                    renderVideoAsImage: false,
+                    shouldPlayVideos: this.shouldPlayVideos,
                 },
                 stripePublishableKey: undefined,
                 runtimeEnvironment: this.runtimeEnvironment,

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

@@ -375,6 +375,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         currentPublishedSlugUrl: (state: {
             baseFabricRenderDomain: string;
             baseBrandPageDomain: string;
+            baseTemplatePreviewDomain: string;
             upgradeSubscriptionUrlPath: string;
             reactivationUrlPath: string;
             backToWebsiteManageUrlPath: string;
@@ -393,6 +394,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         currentBrandPageUrl: (state: {
             baseFabricRenderDomain: string;
             baseBrandPageDomain: string;
+            baseTemplatePreviewDomain: string;
             upgradeSubscriptionUrlPath: string;
             reactivationUrlPath: string;
             backToWebsiteManageUrlPath: string;
@@ -412,6 +414,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         getBuilderLandingPageByTypeUrl: (state: {
             baseFabricRenderDomain: string;
             baseBrandPageDomain: string;
+            baseTemplatePreviewDomain: string;
             upgradeSubscriptionUrlPath: string;
             reactivationUrlPath: string;
             backToWebsiteManageUrlPath: string;
@@ -428,6 +431,25 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             localisedBaseUrl: string;
         } & import("pinia").PiniaCustomStateProperties<import("../../stores").LocalisedRouteState>) => (isPreview: boolean, brandPageType: string, isDesignCom: boolean, locale: string) => string;
         getWebsiteBaseUrl: () => (isDesignCom: boolean) => "https://www.design.com" | "https://www.brandcrowd.com";
+        getTemplatePreviewUrl: (state: {
+            baseFabricRenderDomain: string;
+            baseBrandPageDomain: string;
+            baseTemplatePreviewDomain: string;
+            upgradeSubscriptionUrlPath: string;
+            reactivationUrlPath: string;
+            backToWebsiteManageUrlPath: string;
+            manageWebsiteDesignsUrlPath: string;
+            createNewDesignUrlPath: string;
+            termsOfUseUrlPath: string;
+            websiteBuilderUrlPath: string;
+            digitalBusinessCardBuilderUrlPath: string;
+            linkInBioBuilderUrlPath: string;
+            brandPageEditorUrlPath: string;
+            brandSiteEditorUrlPath: string;
+            brandContactEditorUrlPath: string;
+            logoEditUrlPath: string;
+            localisedBaseUrl: string;
+        } & import("pinia").PiniaCustomStateProperties<import("../../stores").LocalisedRouteState>) => (templateId: string, logoDraftToken: string, deviceType: "desktop" | "mobile", contentKey?: string | undefined, userToken?: string | undefined, runtimeEnvironment?: string | undefined, isAiTemplate?: boolean | undefined) => string;
     }, {
         initialise(payload: any): void;
     }>;