@designcrowd/library.brand-page 5.19.2 → 6.0.0-undo-redo-1

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

@@ -103,8 +103,8 @@ export declare const useBrandPageContainerStore: import("pinia").StoreDefinition
             updated: Date;
             brandPageToken: string;
             domainName: string;
-            status: "active" | "pending" | "failed" | "renewFailed" | "deleted";
-            dnsConfigurationStatus: "request_expired" | "missing_expected_dns_records" | "invalid_multiple_dns_records_exist" | "unexpected_aaaa_record" | "completed";
+            status: import("@brand-page-maker/constants").CustomDomainStatus;
+            dnsConfigurationStatus: import("@brand-page-maker/constants").DnsConfigurationStatus;
             triggerOrigin?: string | undefined;
         } | null;
         createCustomDomainErrorMessage: string | null;
@@ -181,8 +181,8 @@ export declare const useBrandPageContainerStore: import("pinia").StoreDefinition
             updated: Date;
             brandPageToken: string;
             domainName: string;
-            status: "active" | "pending" | "failed" | "renewFailed" | "deleted";
-            dnsConfigurationStatus: "request_expired" | "missing_expected_dns_records" | "invalid_multiple_dns_records_exist" | "unexpected_aaaa_record" | "completed";
+            status: import("@brand-page-maker/constants").CustomDomainStatus;
+            dnsConfigurationStatus: import("@brand-page-maker/constants").DnsConfigurationStatus;
             triggerOrigin?: string | undefined;
         } | null;
         createCustomDomainErrorMessage: string | null;

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

@@ -2,13 +2,13 @@ import { defineStore } from 'pinia';
 import brandPageClient, {} from '../../../clients/brand-page-client';
 import { useBrandPageMakerStore, useBrandPageMakerUserStore, useLocalisedRouteStore, useLogoStore, useUiStore, useVideoStore, } from '@brand-page-maker/stores';
 import { SIDE_BAR_TAB_NAMES } from '@brand-page-maker/constants';
-import { BRAND_PAGE_TYPES, SENSITIVE_CONTENT_TYPES, getAbTestResults, getValueType, } from '@brand-page';
+import { BRAND_PAGE_TYPES, SENSITIVE_CONTENT_TYPES, getAbTestResults, } from '@brand-page';
 import { isLogoContent } from '@brand-page/utils';
 import { useUiEditableLogoStore } from '@shared/logo-settings/store';
 import uniq from 'lodash.uniq';
 import cloneDeep from 'lodash.clonedeep';
 import { useShopConfigStore } from '@shared/ecommerce-settings/store/shop-settings-store';
-import { TRIGGER_TYPE, UPGRADE_CTA_LOCATIONS, useEventTracker, EVENTS, } from '@brand-page-maker/composables/useEventTracker';
+import { TRIGGER_TYPE, UPGRADE_CTA_LOCATIONS, useEventTracker, } from '@brand-page-maker/composables/useEventTracker';
 import { navigationTr } from '@src/composables/useTranslate';
 import { errorTr, constantsTr } from '@src/composables/useTranslate';
 import { findValuesByKey } from '../../../helpers/ts.helper';
@@ -261,7 +261,7 @@ export const useBrandPageContainerStore = defineStore('brandPageContainer', {
         },
         async publishBrandPage({ shouldPublish, slug }) {
             const brandPageMakerStore = useBrandPageMakerStore();
-            const eventTracker = useEventTracker();
+            const _eventTracker = useEventTracker();
             if (!this.designDraftToken) {
                 throw new Error('unable to publish brand page when designDraftToken is not set');
             }
@@ -341,7 +341,7 @@ export const useBrandPageContainerStore = defineStore('brandPageContainer', {
         },
         async publishBrandPageWithCustomDomainAsync({ shouldPublish, slug, domain, isPurchasedDomain, }) {
             const brandPageMakerStore = useBrandPageMakerStore();
-            const eventTracker = useEventTracker();
+            const _eventTracker = useEventTracker();
             if (!this.designDraftToken) {
                 throw new Error('unable to publish brand page when designDraftToken is not set');
             }
@@ -573,7 +573,7 @@ export const useBrandPageContainerStore = defineStore('brandPageContainer', {
         async saveBrandPage(payload = {}) {
             const userStore = useBrandPageMakerUserStore();
             const brandPageMakerStore = useBrandPageMakerStore();
-            const eventTracker = useEventTracker();
+            const _eventTracker = useEventTracker();
             if (userStore.isAdmin) {
                 throw new Error('save brand page is not allowed in admin mode');
             }

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

@@ -233,7 +233,7 @@ export declare const useBrandPageMakerStore: import("pinia").StoreDefinition<"br
         brandPageType: BrandPageType;
     }): void;
     initialiseStoresByBrandPageModelAsync(brandPageModel: BrandPageModel): Promise<void>;
-    initialise({ brandPage, brandPageType, logoDraftDesignAttributes, unsplashApplicationName, templateCategories, personalisationData, isPersonalisationEnabled, userPromptContentKey, showAiTemplatesTab, businessName, industry, layout, logoVariationImageUrls, shopConfigData, isServerRenderOverride, }: InitialisePayload): Promise<void>;
+    initialise({ brandPage, brandPageType, logoDraftDesignAttributes, unsplashApplicationName, templateCategories, personalisationData, isPersonalisationEnabled, userPromptContentKey, showAiTemplatesTab, businessName, industry, layout, logoVariationImageUrls, shopConfigData: _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

@@ -1,5 +1,5 @@
 import { EMPTY_LOGO_IMAGE_MODEL, SENSITIVE_CONTENT_TYPES, TEXT_STYLE_TYPES, VIEWPORTS, } from '@brand-page';
-import { BackgroundStyles, BRAND_PAGE_TYPES, BrandPageModel, CONTENT_TYPES, NavigationDesktop, NavigationMobile, NavModel, } from '@brand-page';
+import { BackgroundStyles, BRAND_PAGE_TYPES, BrandPageModel, CONTENT_TYPES, NavigationDesktop, NavigationMobile, } from '@brand-page';
 import { useBrandPageMakerUserStore } from '../user';
 import { defineStore } from 'pinia';
 import { toRaw } from 'vue';
@@ -622,9 +622,7 @@ export const useBrandPageMakerStore = defineStore('brandPageMaker', {
                     console.error('brandpage-maker-store: failed to restore logoEdits', error);
                 }
             }
-            const logoImage = snapshot.brandPageType === BRAND_PAGE_TYPES.default
-                ? snapshot.pages?.[0]?.contents?.find((c) => c.type === 'logo')?.logoImage
-                : snapshot.pageHeaderDesktop?.logoImage;
+            const logoImage = logoUtil.getLogoImageFromModel(snapshot);
             if (!logoImage)
                 return;
             logoSettingsStore.setState({
@@ -824,7 +822,7 @@ export const useBrandPageMakerStore = defineStore('brandPageMaker', {
             transformToRTE(pageSettingsStore, externalEditor, undefined, undefined, TEXT_STYLE_TYPES.paragraphs, textStyles.textStyleOptions.paragraphs.style);
             externalEditor.destroy();
         },
-        async initialise({ brandPage, brandPageType, logoDraftDesignAttributes, unsplashApplicationName, templateCategories, personalisationData, isPersonalisationEnabled, userPromptContentKey, showAiTemplatesTab = false, businessName, industry, layout, logoVariationImageUrls, shopConfigData, isServerRenderOverride = false, }) {
+        async initialise({ brandPage, brandPageType, logoDraftDesignAttributes, unsplashApplicationName, templateCategories, personalisationData, isPersonalisationEnabled, userPromptContentKey, showAiTemplatesTab = false, businessName, industry, layout, logoVariationImageUrls, shopConfigData: _shopConfigData, isServerRenderOverride = false, }) {
             const brandPageContainerStore = useBrandPageContainerStore();
             const userStore = useBrandPageMakerUserStore();
             const uiStore = useUiStore();
@@ -834,7 +832,7 @@ export const useBrandPageMakerStore = defineStore('brandPageMaker', {
             const backgroundSettingsStore = useUiBackgroundSettingsStore();
             const styleSettingsStore = useUiStyleSettingsStore();
             const navigationStyleSettingsStore = useUiNavigationStyleSettingsStore();
-            const sideBarStore = useUiSideBarStore();
+            const _sideBarStore = useUiSideBarStore();
             navigationStyleSettingsStore.initialise({ reset: false });
             this.setIsInitialising({ isInitialising: true });
             try {
@@ -848,9 +846,7 @@ export const useBrandPageMakerStore = defineStore('brandPageMaker', {
                 this.setBrandPageType({
                     brandPageType: _brandPageType,
                 });
-                let logoImage = brandPageModel.brandPageType === BRAND_PAGE_TYPES.default
-                    ? brandPageModel.pages?.[0].contents.find((c) => c.type === 'logo')?.logoImage
-                    : brandPageModel.pageHeaderDesktop?.logoImage;
+                let logoImage = logoUtil.getLogoImageFromModel(brandPageModel);
                 if (!logoImage?.logoDraftToken) {
                     logoImage = logoUtil.safeGetLogoImageFromLogoImageUrl(logoVariationImageUrls[0]);
                 }

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

@@ -27,12 +27,12 @@ export declare const useHistoryStore: import("pinia").StoreDefinition<"history",
     canRedo: import("vue").ComputedRef<boolean>;
     captureBaseline: () => void;
     capture: (args: {
-        source: HistoryEntry['source'];
-        actor: HistoryEntry['actor'];
+        source: HistoryEntry["source"];
+        actor: HistoryEntry["actor"];
         label?: string;
-    }) => 'committed' | 'oversized' | 'noop' | 'skipped';
-    captureTemplateSwitch: (label?: string) => 'committed' | 'oversized' | 'noop' | 'skipped';
-    captureAiChangeset: (label?: string) => 'committed' | 'oversized' | 'noop' | 'skipped';
+    }) => "committed" | "oversized" | "noop" | "skipped";
+    captureTemplateSwitch: (label?: string) => "committed" | "oversized" | "noop" | "skipped";
+    captureAiChangeset: (label?: string) => "committed" | "oversized" | "noop" | "skipped";
     mergeNextMutation: () => void;
     undo: () => Promise<void>;
     redo: () => Promise<void>;
@@ -49,12 +49,12 @@ export declare const useHistoryStore: import("pinia").StoreDefinition<"history",
     canRedo: import("vue").ComputedRef<boolean>;
     captureBaseline: () => void;
     capture: (args: {
-        source: HistoryEntry['source'];
-        actor: HistoryEntry['actor'];
+        source: HistoryEntry["source"];
+        actor: HistoryEntry["actor"];
         label?: string;
-    }) => 'committed' | 'oversized' | 'noop' | 'skipped';
-    captureTemplateSwitch: (label?: string) => 'committed' | 'oversized' | 'noop' | 'skipped';
-    captureAiChangeset: (label?: string) => 'committed' | 'oversized' | 'noop' | 'skipped';
+    }) => "committed" | "oversized" | "noop" | "skipped";
+    captureTemplateSwitch: (label?: string) => "committed" | "oversized" | "noop" | "skipped";
+    captureAiChangeset: (label?: string) => "committed" | "oversized" | "noop" | "skipped";
     mergeNextMutation: () => void;
     undo: () => Promise<void>;
     redo: () => Promise<void>;
@@ -71,12 +71,12 @@ export declare const useHistoryStore: import("pinia").StoreDefinition<"history",
     canRedo: import("vue").ComputedRef<boolean>;
     captureBaseline: () => void;
     capture: (args: {
-        source: HistoryEntry['source'];
-        actor: HistoryEntry['actor'];
+        source: HistoryEntry["source"];
+        actor: HistoryEntry["actor"];
         label?: string;
-    }) => 'committed' | 'oversized' | 'noop' | 'skipped';
-    captureTemplateSwitch: (label?: string) => 'committed' | 'oversized' | 'noop' | 'skipped';
-    captureAiChangeset: (label?: string) => 'committed' | 'oversized' | 'noop' | 'skipped';
+    }) => "committed" | "oversized" | "noop" | "skipped";
+    captureTemplateSwitch: (label?: string) => "committed" | "oversized" | "noop" | "skipped";
+    captureAiChangeset: (label?: string) => "committed" | "oversized" | "noop" | "skipped";
     mergeNextMutation: () => void;
     undo: () => Promise<void>;
     redo: () => Promise<void>;

package/lib/src/brand-page-maker/utils/content-settings.util.js

@@ -1,4 +1,4 @@
-import { SENSITIVE_CONTENT_TYPES } from '@brand-page';
+import {} from '@brand-page';
 import { RESERVED_FIELD_NAMES } from '@shared/content-settings/constants';
 import { CONTENT_SETTINGS_CONFIGS } from '../constants';
 export const mapContentSettingsConfigToAddContentOption = (features) => (config) => {

package/lib/src/brand-page-maker/utils/rich-text-editor.util.d.ts

@@ -31,5 +31,5 @@ export declare const sanitiseClientSideRTE: (html: string) => SanitizationResult
  */
 export declare const sanitizeRTEHtml: (html: string, domPurify: DOMPurify) => SanitizationResult;
 export declare const isLogoColor: (color: string) => boolean;
-export declare const getRTEColor: (color: string | null | undefined, colorType?: 'text' | 'background', defaultValue?: string) => string;
+export declare const getRTEColor: (color: string | null | undefined, colorType?: "text" | "background", defaultValue?: string) => string;
 export declare const hasLogoColorVar: (color: string) => boolean;

package/lib/src/brand-page-maker/utils/rich-text-editor.util.js

@@ -314,7 +314,7 @@ const transformRTEField = (content, pair, externalEditor, uiStyleSettingsStore,
     if (textStyleType && (textStyleType === type || uiStyleSettingsStore)) {
         let globalContentStyle = uiStyleSettingsStore
             ? uiStyleSettingsStore.textStyles.textStyleOptions[textStyleType].style
-            : newStyle ?? {};
+            : (newStyle ?? {});
         globalContentStyle = {
             ...globalContentStyle,
             textAlign: style?.textAlign,
@@ -371,7 +371,7 @@ export const transformToRTE = (uiPageSettingStore, externalEditor, uiStyleSettin
                             (textItemStyleType === type || uiStyleSettingsStore)) {
                             let globalContentStyle = uiStyleSettingsStore
                                 ? uiStyleSettingsStore.textStyles.textStyleOptions[textItemStyleType].style
-                                : newStyle ?? {};
+                                : (newStyle ?? {});
                             globalContentStyle = {
                                 ...globalContentStyle,
                                 textAlign: textItemContent.textStyle.textAlign,
@@ -396,7 +396,7 @@ export const transformToRTE = (uiPageSettingStore, externalEditor, uiStyleSettin
                         let globalContentStyle = uiStyleSettingsStore
                             ? uiStyleSettingsStore.textStyles.textStyleOptions[textStyleType]
                                 .style
-                            : newStyle ?? {};
+                            : (newStyle ?? {});
                         globalContentStyle = {
                             ...globalContentStyle,
                             textAlign: textContent.textStyle.textAlign,
@@ -428,7 +428,7 @@ export const switchAllContentToRTE = (uiPageSettingStore, externalEditor, uiStyl
             if (contentItem.type === 'text') {
                 const textContent = contentItem.settings.content;
                 if (textContent.textItems && textContent.textItems.length > 0) {
-                    for (const [itemIndex, textItemContent,] of textContent.textItems.entries()) {
+                    for (const [_itemIndex, textItemContent,] of textContent.textItems.entries()) {
                         const textItemStyleType = textItemContent.textStyle.textStyleType;
                         if (textItemStyleType && uiStyleSettingsStore) {
                             let globalContentStyle = uiStyleSettingsStore.textStyles

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

@@ -1,3 +1,4 @@
+import type { BrandPageType } from '@brand-page';
 import type { WebsiteSlugCheckResponse } from '@brand-page-maker/models/api.model';
 import type { BrandPageLogoDesignAttributesModel } from './fabric-render-client';
 export interface SaveBrandPageResponse {
@@ -42,20 +43,20 @@ export interface getWebsiteContextualUpgradeResponse {
     showContextualUpgrade: boolean;
 }
 declare const _default: {
-    saveBrandPageAsync: (brandPageType: "default" | "brandSite" | "brandContact", request: any, designDraftToken?: string | undefined) => Promise<SaveBrandPageResponse | null>;
-    setBrandPageSlugAsync: (brandPageType: "default" | "brandSite" | "brandContact", designDraftToken: any, options: any) => Promise<PublishBrandPageResponse | null>;
-    createDefaultBrandPage: (brandPageType: "default" | "brandSite" | "brandContact", slug: any, logoDraftToken: any) => Promise<any>;
-    unpublishBrandPageAsync: (brandPageType: "default" | "brandSite" | "brandContact", designDraftToken: any) => Promise<PublishBrandPageResponse | null>;
-    updateBrandPageMetaAsync: (brandPageType: "default" | "brandSite" | "brandContact", designDraftToken: any, request: any) => Promise<any>;
-    updateSensitiveContentAsync: (brandPageType: "default" | "brandSite" | "brandContact", designDraftToken: any, request: any) => Promise<any>;
-    getStripeOnboardingUrl: (brandPageType: "default" | "brandSite" | "brandContact", designDraftToken: any, taxId: any, options?: {}) => Promise<any>;
-    createBrandPageCustomDomainAsync: (brandPageType: "default" | "brandSite" | "brandContact", designDraftToken: any, domainName: any, isPurchasedDomain: boolean) => Promise<import("axios").AxiosResponse<any, any>>;
-    deleteBrandPageCustomDomainByCustomDomainIdAsync: (brandPageType: "default" | "brandSite" | "brandContact", designDraftToken: any, customDomainId: any) => Promise<void>;
-    getBrandPageCustomDomainConfigAsync: (brandPageType: "default" | "brandSite" | "brandContact") => Promise<any>;
-    updateBrandPageIsCustomDomainEnabledAsync: (brandPageType: "default" | "brandSite" | "brandContact", designDraftToken: any, isCustomDomainEnabled: any) => Promise<any>;
-    getBrandPageIsCustomDomainEnabledAsync: (brandPageType: "default" | "brandSite" | "brandContact", designDraftToken: any) => Promise<any>;
-    getBrandPageCustomDomainAsync: (brandPageType: "default" | "brandSite" | "brandContact", designDraftToken: any) => Promise<any>;
-    checkWebsiteSlugAsync: (brandPageType: "default" | "brandSite" | "brandContact", designDraftToken: string, slug: string) => Promise<WebsiteSlugCheckResponse>;
+    saveBrandPageAsync: (brandPageType: BrandPageType, request: any, designDraftToken?: string) => Promise<SaveBrandPageResponse | null>;
+    setBrandPageSlugAsync: (brandPageType: BrandPageType, designDraftToken: any, options: any) => Promise<PublishBrandPageResponse | null>;
+    createDefaultBrandPage: (brandPageType: BrandPageType, slug: any, logoDraftToken: any) => Promise<any>;
+    unpublishBrandPageAsync: (brandPageType: BrandPageType, designDraftToken: any) => Promise<PublishBrandPageResponse | null>;
+    updateBrandPageMetaAsync: (brandPageType: BrandPageType, designDraftToken: any, request: any) => Promise<any>;
+    updateSensitiveContentAsync: (brandPageType: BrandPageType, designDraftToken: any, request: any) => Promise<any>;
+    getStripeOnboardingUrl: (brandPageType: BrandPageType, designDraftToken: any, taxId: any, options?: {}) => Promise<any>;
+    createBrandPageCustomDomainAsync: (brandPageType: BrandPageType, designDraftToken: any, domainName: any, isPurchasedDomain: boolean) => Promise<import("axios").AxiosResponse<any, any, {}>>;
+    deleteBrandPageCustomDomainByCustomDomainIdAsync: (brandPageType: BrandPageType, designDraftToken: any, customDomainId: any) => Promise<void>;
+    getBrandPageCustomDomainConfigAsync: (brandPageType: BrandPageType) => Promise<any>;
+    updateBrandPageIsCustomDomainEnabledAsync: (brandPageType: BrandPageType, designDraftToken: any, isCustomDomainEnabled: any) => Promise<any>;
+    getBrandPageIsCustomDomainEnabledAsync: (brandPageType: BrandPageType, designDraftToken: any) => Promise<any>;
+    getBrandPageCustomDomainAsync: (brandPageType: BrandPageType, designDraftToken: any) => Promise<any>;
+    checkWebsiteSlugAsync: (brandPageType: BrandPageType, designDraftToken: string, slug: string) => Promise<WebsiteSlugCheckResponse>;
     searchLogoTemplatesAsync: (request: {
         businessName: string;
         query: string;
@@ -64,6 +65,6 @@ declare const _default: {
     }) => Promise<SearchLogoTemplatesResponse | undefined>;
     sendLogoSearchImpressionClickData: (logoToken: string, searchImpressionId: string) => Promise<void>;
     updatePaymentConfigCurrencyAsync: (brandPageToken: string, paymentConfigId: string, newCurrencyId: string) => Promise<any>;
-    getWebsiteContextualUpgradeTestBucketAsync: (brandPageType: "default" | "brandSite" | "brandContact") => Promise<getWebsiteContextualUpgradeResponse | undefined>;
+    getWebsiteContextualUpgradeTestBucketAsync: (brandPageType: BrandPageType) => Promise<getWebsiteContextualUpgradeResponse | undefined>;
 };
 export default _default;

package/lib/src/clients/media-client.d.ts

@@ -2,7 +2,7 @@ export default class MediaClient {
     /**
      * @param {MediaClientOptions} options
      */
-    constructor(options: MakerSettings);
+    constructor(options: MediaClientOptions);
     findPaginatedAdminMediaEndpoint: (skip: any, take: any, videoOnly: any) => string;
     uploadAdminMediaEndpoint: () => string;
     userPolicyDataEndpoint: () => string;
@@ -55,7 +55,7 @@ export default class MediaClient {
      * @returns {Promise<MediaDownloadEntity[]>}
      */
     getAllUserAsync(skip: any, take: any, videoOnly: any): Promise<MediaDownloadEntity[]>;
-    updateUserMediaSourceImageUrlByUserMediaTokenAsync(mediaToken: any, sourceImageUrl: any): Promise<import("axios").AxiosResponse<any, any>>;
+    updateUserMediaSourceImageUrlByUserMediaTokenAsync(mediaToken: any, sourceImageUrl: any): Promise<import("axios").AxiosResponse<any, any, {}>>;
     getUserMediaByTokenAsync(mediaToken: any): Promise<any>;
 }
 export type PolicyData = {