@designcrowd/library.brand-page 5.16.48 → 5.16.50

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

@@ -19,7 +19,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         required: false;
     };
 }>, {
-    brandPageMakerStore: import("pinia").Store<"brandPageMaker", import("../../stores").BrandPageMakerState, {
+    brandPageMakerStore: import("pinia").Store<"brandPageMaker", import("@brand-page-maker/stores").BrandPageMakerState, {
         contentErrorCount(): number;
         brandPageBaseUrl(): string;
         brandPageContentTypes(): string[];
@@ -81,14 +81,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             settings: import("../../../shared/content-settings/models").FieldSettingsBase;
         }): void;
         enqueueNotificationMessage({ message, }: {
-            message: import("../../stores").NotificationMessage;
+            message: import("@brand-page-maker/stores").NotificationMessage;
         }): void;
         enqueueContentErrorMessage(): void;
         dequeueNotificationMessageQueue(): void;
         setCurrentNotificationMessage(payload: {
-            message: false | import("../../stores").NotificationMessage;
+            message: false | import("@brand-page-maker/stores").NotificationMessage;
         }): void;
-        setIsApplyingTemplate(payload: import("../../stores").IsApplyingTemplatePayload): void;
+        setIsApplyingTemplate(payload: import("@brand-page-maker/stores").IsApplyingTemplatePayload): void;
         setIsPageNavigating(isPageNavigating: boolean): void;
         setIsChangeTemplateConfirmModalVisible(payload: {
             isVisible: boolean;
@@ -97,7 +97,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             isInitialising: boolean;
         }): void;
         setIsBrandPageLoaded(isLoaded: boolean): void;
-        setIsModifiedAfterTemplateApplied({ isModified, }?: import("../../stores").SetIsModifiedPayload): void;
+        setIsModifiedAfterTemplateApplied({ isModified, }?: import("@brand-page-maker/stores").SetIsModifiedPayload): void;
         setSelectedTemplateId(payload: {
             templateId: string | false;
         }): void;
@@ -115,7 +115,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         onChangeTemplateConfirmModalConfirm(): void;
         onContentChanged(): void;
         onStyleChanged(): void;
-        onTemplateSelected(payload: import("../../stores").OnTemplateSelectedPayload): void;
+        onTemplateSelected(payload: import("@brand-page-maker/stores").OnTemplateSelectedPayload): void;
         setSelectedTabName(payload: any): void;
         showNextNotificationMessage(): Promise<void>;
         updateContent<TContent extends import("../../../brand-page").Content, P extends {
@@ -126,7 +126,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         setBrandPageType({ brandPageType }: {
             brandPageType: "default" | "brandSite" | "brandContact";
         }): void;
-        initialise({ brandPage, brandPageType, logoDraftDesignAttributes, unsplashApplicationName, templateCategories, personalisationData, isPersonalisationEnabled, businessName, industry, logoVariationImageUrls, shopConfigData, isServerRenderOverride, }: import("../../stores").InitialisePayload): Promise<void>;
+        initialise({ brandPage, brandPageType, logoDraftDesignAttributes, unsplashApplicationName, templateCategories, personalisationData, isPersonalisationEnabled, businessName, industry, logoVariationImageUrls, shopConfigData, isServerRenderOverride, }: import("@brand-page-maker/stores").InitialisePayload): Promise<void>;
         initialisePages({ pages, sections, }: {
             pages: import("../../../brand-page").PageModel[];
             sections: import("../../../shared/page-settings/store").PageSettingsStateSections;
@@ -134,10 +134,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         initialiseAdminMaker(payload: {
             models: import("../../stores/admin-logo-settings").AdminPreviewLogoTemplateModel[];
         }): void;
-        setIsSaving(payload: import("../../stores").SetIsSavingPayload): Promise<void>;
+        setIsSaving(payload: import("@brand-page-maker/stores").SetIsSavingPayload): Promise<void>;
         showBrandPageSlugEditModal(): Promise<void>;
-        updateBrandPageSettings(payload: import("../../stores").UpdateBrandPageSettingsPayload): Promise<void>;
-        updateSensitiveContentSettings(payload: import("../../stores").UpdateSensitiveContentPayload): Promise<void>;
+        updateBrandPageSettings(payload: import("@brand-page-maker/stores").UpdateBrandPageSettingsPayload): Promise<void>;
+        updateSensitiveContentSettings(payload: import("@brand-page-maker/stores").UpdateSensitiveContentPayload): Promise<void>;
         updateAndSaveMeasurementID(payload: {
             measurementID: string | undefined;
         }): Promise<void>;

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

@@ -1,6 +1,6 @@
 import { defineComponent } from 'vue';
-import { useBrandPageMakerStore, BRANDPAGE_SETTINGS_MODES } from '../../stores';
-import { contentSettingsTr, socialShareTr, } from '../../../composables/useTranslate';
+import { useBrandPageMakerStore, BRANDPAGE_SETTINGS_MODES, } from '@brand-page-maker/stores';
+import { contentSettingsTr, socialShareTr, } from '@src/composables/useTranslate';
 export default defineComponent({
     emits: ['media-type-change', 'field-change'],
     setup() {

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

@@ -1,7 +1,7 @@
 /// <reference types="types/lodash-shims" />
 import type { PropType } from 'vue';
-import type { BrandPageContext, BrandPageViewModel, LogoImageModel, LogoTemplateImageModel, LogoTheme, UserPersonalisation } from '../../../brand-page';
-import { type TemplateSettingsTemplate } from '../../../shared/template-settings/models';
+import type { BrandPageContext, BrandPageViewModel, LogoImageModel, LogoTemplateImageModel, LogoTheme, UserPersonalisation } from '@brand-page';
+import { type TemplateSettingsTemplate } from '@shared/template-settings/models';
 import type { DebounceHandle } from 'lodash.debounce';
 interface TemplatePreviewData {
     containerStyle: BrandPageCssStyle;
@@ -70,7 +70,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     isBrandSite: import("vue").ComputedRef<boolean>;
     selectedTab: import("vue").ComputedRef<string>;
     renderAsImage: import("vue").ComputedRef<boolean>;
-    brandPageMakerUserStore: import("pinia").Store<"brandPageMakerUser", import("../../stores").UserState, {}, {
+    brandPageMakerUserStore: import("pinia").Store<"brandPageMakerUser", import("@brand-page-maker/stores").UserState, {}, {
         setUserState(payload: {
             emailAddress?: string | undefined;
             userToken?: string | undefined;
@@ -80,7 +80,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             features?: Partial<import("../../../constants/ui").UIUserFeatures> | undefined;
         }): void;
     }>;
-    brandPageContainerStore: import("pinia").Store<"brandPageContainer", import("../../stores").BrandPageContainerState, {
+    brandPageContainerStore: import("pinia").Store<"brandPageContainer", import("@brand-page-maker/stores").BrandPageContainerState, {
         brandPageContentTypes(): string[];
         isAdmin(): boolean;
         isPublished: (state: {
@@ -144,7 +144,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             isContextualUpgradeModalVisible: boolean;
             contextualUpgradeType: string | number | symbol | undefined;
             requestVerificationToken?: string | undefined;
-        } & import("pinia").PiniaCustomStateProperties<import("../../stores").BrandPageContainerState>) => boolean;
+        } & import("pinia").PiniaCustomStateProperties<import("@brand-page-maker/stores").BrandPageContainerState>) => boolean;
         isUserDraft: (state: {
             availableTaxes: any[];
             brandPageBaseUrl: string;
@@ -206,7 +206,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             isContextualUpgradeModalVisible: boolean;
             contextualUpgradeType: string | number | symbol | undefined;
             requestVerificationToken?: string | undefined;
-        } & import("pinia").PiniaCustomStateProperties<import("../../stores").BrandPageContainerState>) => boolean;
+        } & import("pinia").PiniaCustomStateProperties<import("@brand-page-maker/stores").BrandPageContainerState>) => boolean;
     }, {
         initialise(payload: import("../../stores/brandpage-container").InitialisePayload): void;
         setDesignTemplateToken(payload: any): void;
@@ -307,11 +307,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             isCustomDomainEnabled: any;
         }): Promise<void>;
     }>;
-    brandPageMakerStore: import("pinia").Store<"brandPageMaker", import("../../stores").BrandPageMakerState, {
+    brandPageMakerStore: import("pinia").Store<"brandPageMaker", import("@brand-page-maker/stores").BrandPageMakerState, {
         contentErrorCount(): number;
         brandPageBaseUrl(): string;
         brandPageContentTypes(): string[];
-        brandPageData(): import("../../../brand-page").BrandPageModel;
+        brandPageData(): import("@brand-page").BrandPageModel;
         brandPageToken(): string | undefined;
         brandPageDescription(): string;
         brandPageSlug(): string;
@@ -369,14 +369,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             settings: import("../../../shared/content-settings/models").FieldSettingsBase;
         }): void;
         enqueueNotificationMessage({ message, }: {
-            message: import("../../stores").NotificationMessage;
+            message: import("@brand-page-maker/stores").NotificationMessage;
         }): void;
         enqueueContentErrorMessage(): void;
         dequeueNotificationMessageQueue(): void;
         setCurrentNotificationMessage(payload: {
-            message: false | import("../../stores").NotificationMessage;
+            message: false | import("@brand-page-maker/stores").NotificationMessage;
         }): void;
-        setIsApplyingTemplate(payload: import("../../stores").IsApplyingTemplatePayload): void;
+        setIsApplyingTemplate(payload: import("@brand-page-maker/stores").IsApplyingTemplatePayload): void;
         setIsPageNavigating(isPageNavigating: boolean): void;
         setIsChangeTemplateConfirmModalVisible(payload: {
             isVisible: boolean;
@@ -385,7 +385,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             isInitialising: boolean;
         }): void;
         setIsBrandPageLoaded(isLoaded: boolean): void;
-        setIsModifiedAfterTemplateApplied({ isModified, }?: import("../../stores").SetIsModifiedPayload): void;
+        setIsModifiedAfterTemplateApplied({ isModified, }?: import("@brand-page-maker/stores").SetIsModifiedPayload): void;
         setSelectedTemplateId(payload: {
             templateId: string | false;
         }): void;
@@ -403,29 +403,29 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         onChangeTemplateConfirmModalConfirm(): void;
         onContentChanged(): void;
         onStyleChanged(): void;
-        onTemplateSelected(payload: import("../../stores").OnTemplateSelectedPayload): void;
+        onTemplateSelected(payload: import("@brand-page-maker/stores").OnTemplateSelectedPayload): void;
         setSelectedTabName(payload: any): void;
         showNextNotificationMessage(): Promise<void>;
-        updateContent<TContent extends import("../../../brand-page").Content, P extends {
+        updateContent<TContent extends import("@brand-page").Content, P extends {
             id: string;
             content: TContent;
         }>(payload: P): Promise<void>;
-        export(): import("../../../brand-page").BrandPageModel;
+        export(): import("@brand-page").BrandPageModel;
         setBrandPageType({ brandPageType }: {
             brandPageType: "default" | "brandSite" | "brandContact";
         }): void;
-        initialise({ brandPage, brandPageType, logoDraftDesignAttributes, unsplashApplicationName, templateCategories, personalisationData, isPersonalisationEnabled, businessName, industry, logoVariationImageUrls, shopConfigData, isServerRenderOverride, }: import("../../stores").InitialisePayload): Promise<void>;
+        initialise({ brandPage, brandPageType, logoDraftDesignAttributes, unsplashApplicationName, templateCategories, personalisationData, isPersonalisationEnabled, businessName, industry, logoVariationImageUrls, shopConfigData, isServerRenderOverride, }: import("@brand-page-maker/stores").InitialisePayload): Promise<void>;
         initialisePages({ pages, sections, }: {
-            pages: import("../../../brand-page").PageModel[];
+            pages: import("@brand-page").PageModel[];
             sections: import("../../../shared/page-settings/store").PageSettingsStateSections;
         }): void;
         initialiseAdminMaker(payload: {
             models: import("../../stores/admin-logo-settings").AdminPreviewLogoTemplateModel[];
         }): void;
-        setIsSaving(payload: import("../../stores").SetIsSavingPayload): Promise<void>;
+        setIsSaving(payload: import("@brand-page-maker/stores").SetIsSavingPayload): Promise<void>;
         showBrandPageSlugEditModal(): Promise<void>;
-        updateBrandPageSettings(payload: import("../../stores").UpdateBrandPageSettingsPayload): Promise<void>;
-        updateSensitiveContentSettings(payload: import("../../stores").UpdateSensitiveContentPayload): Promise<void>;
+        updateBrandPageSettings(payload: import("@brand-page-maker/stores").UpdateBrandPageSettingsPayload): Promise<void>;
+        updateSensitiveContentSettings(payload: import("@brand-page-maker/stores").UpdateSensitiveContentPayload): Promise<void>;
         updateAndSaveMeasurementID(payload: {
             measurementID: string | undefined;
         }): Promise<void>;
@@ -435,10 +435,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         validateContentItems(): Promise<void>;
         validateBrandPageData(): Promise<void>;
         setViewport(payload: {
-            viewport: import("../../../brand-page").ViewportsType;
+            viewport: import("@brand-page").ViewportsType;
         }): void;
         showStripeOnboardingModal(): Promise<void>;
-        selectInitialCategories(payload: import("../../../shared/template-settings/models").InitialCategories): void;
+        selectInitialCategories(payload: import("@shared/template-settings/models").InitialCategories): void;
     }>;
 }, TemplatePreviewData, {
     context(): BrandPageContext;

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

@@ -1,14 +1,14 @@
 import { computed, defineComponent } from 'vue';
-import { BRAND_PAGE_TYPES, MEDIA_SIZES, VIEWPORTS } from '../../../brand-page';
-import { applyLogoThemeToBrandPageModel, applyUserPersonalisationToBrandPageModelAsync, getBrandPageViewModelFromBrandPageModel, } from '../../../brand-page/utils';
-import { STYLE_THEME_KEYS } from '../../../brand-page/constants';
-import { TEMPLATE_TABS, } from '../../../shared/template-settings/models';
+import { BRAND_PAGE_TYPES, MEDIA_SIZES, VIEWPORTS } from '@brand-page';
+import { applyLogoThemeToBrandPageModel, applyUserPersonalisationToBrandPageModelAsync, getBrandPageViewModelFromBrandPageModel, } from '@brand-page/utils';
+import { STYLE_THEME_KEYS } from '@brand-page/constants';
+import { TEMPLATE_TABS, } from '@shared/template-settings/models';
 import debounce from 'lodash.debounce';
-import { MOBILE_HEIGHT, MOBILE_WIDTH } from '../../constants';
-import { useBrandPageContainerStore, useBrandPageMakerStore, useBrandPageMakerUserStore, } from '../../stores';
-import { useUiTemplateSettingsStore } from '../../../shared/template-settings/store';
-import { applyLogoImageBase64UrlToBrandPageTemplateModel, applyLogoImageToBrandPageTemplateModel, applyLogoTemplateImageToBrandPageTemplateModel, } from '../../../brand-page/utils/logo.util';
-import { useVideoStore } from '../../../lib';
+import { MOBILE_HEIGHT, MOBILE_WIDTH } from '@brand-page-maker/constants';
+import { useBrandPageContainerStore, useBrandPageMakerStore, useBrandPageMakerUserStore, } from '@brand-page-maker/stores';
+import { useUiTemplateSettingsStore } from '@shared/template-settings/store';
+import { applyLogoImageBase64UrlToBrandPageTemplateModel, applyLogoImageToBrandPageTemplateModel, applyLogoTemplateImageToBrandPageTemplateModel, } from '@brand-page/utils/logo.util';
+import { useVideoStore } from '@src/lib';
 const DEBOUNCE_IN_MS = 250;
 export default defineComponent({
     emits: ['template-selected'],

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

@@ -1,4 +1,4 @@
-import { type LogoTheme } from '../../../brand-page';
+import { type LogoTheme } from '@brand-page';
 declare const _default: {
     title: string;
     component: import("vue").DefineComponent<{}, {}, any>;
@@ -136,7 +136,7 @@ export declare const Samples: () => import("vue").DefineComponent<{}, {}, {
                 };
                 readonly textFontFamily: "lato";
                 readonly textStyleOptions: {
-                    readonly titles: import("../../../brand-page").TextStyleOption;
+                    readonly titles: import("@brand-page").TextStyleOption;
                 };
             };
             readonly buttonStyles: {
@@ -320,7 +320,7 @@ export declare const SamplesBrandSite: {
                     };
                     readonly textFontFamily: "lato";
                     readonly textStyleOptions: {
-                        readonly titles: import("../../../brand-page").TextStyleOption;
+                        readonly titles: import("@brand-page").TextStyleOption;
                     };
                 };
                 readonly buttonStyles: {

package/lib/src/brand-page-maker/components/template-preview/TemplatePreview.stories.js

@@ -1,10 +1,10 @@
 import { defineComponent } from 'vue';
 import TemplatePreview from './TemplatePreview.vue';
-import { BRAND_PAGE_TYPES } from '../../../brand-page';
-import { hexToRGB } from '../../../utils/helpers.js';
+import { BRAND_PAGE_TYPES } from '@brand-page';
+import { hexToRGB } from '@utils/helpers.js';
 import { createRouter, createMemoryHistory } from 'vue-router';
 import { BRAND_PAGE_TEMPLATE_BP_909, LOGO_IMAGE_URL, sampleLogoTheme, } from '../../../__fixtures__';
-import { DESKTOP_HEIGHT, DESKTOP_WIDTH } from '../../constants';
+import { DESKTOP_HEIGHT, DESKTOP_WIDTH } from '@brand-page-maker/constants';
 export default {
     title: 'Components/BrandPageMaker/Template Preview',
     component: TemplatePreview,

package/lib/src/brand-page-maker/components/upgrade-to-premium-button/UpgradeToPremiumButton.mixin.d.ts

@@ -5,7 +5,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: () => any;
     };
 }>, {
-    brandPageContainerStore: import("pinia").Store<"brandPageContainer", import("../../stores").BrandPageContainerState, {
+    brandPageContainerStore: import("pinia").Store<"brandPageContainer", import("@brand-page-maker/stores").BrandPageContainerState, {
         brandPageContentTypes(): string[];
         isAdmin(): boolean;
         isPublished: (state: {
@@ -69,7 +69,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             isContextualUpgradeModalVisible: boolean;
             contextualUpgradeType: string | number | symbol | undefined;
             requestVerificationToken?: string | undefined;
-        } & import("pinia").PiniaCustomStateProperties<import("../../stores").BrandPageContainerState>) => boolean;
+        } & import("pinia").PiniaCustomStateProperties<import("@brand-page-maker/stores").BrandPageContainerState>) => boolean;
         isUserDraft: (state: {
             availableTaxes: any[];
             brandPageBaseUrl: string;
@@ -131,7 +131,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             isContextualUpgradeModalVisible: boolean;
             contextualUpgradeType: string | number | symbol | undefined;
             requestVerificationToken?: string | undefined;
-        } & import("pinia").PiniaCustomStateProperties<import("../../stores").BrandPageContainerState>) => boolean;
+        } & import("pinia").PiniaCustomStateProperties<import("@brand-page-maker/stores").BrandPageContainerState>) => boolean;
     }, {
         initialise(payload: import("../../stores/brandpage-container").InitialisePayload): void;
         setDesignTemplateToken(payload: any): void;

package/lib/src/brand-page-maker/components/upgrade-to-premium-button/UpgradeToPremiumButton.mixin.js

@@ -1,6 +1,6 @@
 import { defineComponent } from 'vue';
-import { useBrandPageContainerStore } from '../../stores';
-import { commonTr } from '../../../composables/useTranslate';
+import { useBrandPageContainerStore } from '@brand-page-maker/stores';
+import { commonTr } from '@src/composables/useTranslate';
 export default defineComponent({
     props: {
         label: {

package/lib/src/brand-page-maker/composables/rich-text-editor/font.js

@@ -1,5 +1,5 @@
 import { ref } from 'vue';
-import { emToPx, pxToEm, skipStyleDetection, } from '../../../brand-page-maker/utils';
+import { emToPx, pxToEm, skipStyleDetection } from '@brand-page-maker/utils';
 import debounce from 'lodash/debounce';
 export const useFont = (editor, fontSettings, dropdownRef) => {
     const selectedFont = ref(fontSettings.selectedFont ?? 'Lato');

package/lib/src/brand-page-maker/composables/rich-text-editor/formatting.js

@@ -1,4 +1,4 @@
-import { skipStyleDetection } from '../../../brand-page-maker/utils';
+import { skipStyleDetection } from '@brand-page-maker/utils';
 export const createFormattingActions = (editor) => {
     return {
         toggleBold: () => editor.chain().focus().toggleBold().run(),

package/lib/src/brand-page-maker/composables/rich-text-editor/spacing.js

@@ -1,7 +1,7 @@
 import { ref, computed } from 'vue';
 import debounce from 'lodash/debounce';
-import { letterSpacingValueConvertor } from '../../../brand-page-maker/convertors';
-import { skipStyleDetection } from '../../../brand-page-maker/utils';
+import { letterSpacingValueConvertor } from '@brand-page-maker/convertors';
+import { skipStyleDetection } from '@brand-page-maker/utils';
 export const useSpacing = (editor) => {
     const letterSpacing = ref('0');
     const lineHeight = ref('1');

package/lib/src/brand-page-maker/composables/rich-text-editor/textAlign.js

@@ -1,5 +1,5 @@
 import { ref, computed } from 'vue';
-import { skipStyleDetection } from '../../../brand-page-maker/utils';
+import { skipStyleDetection } from '@brand-page-maker/utils';
 export const useTextAlign = (editor) => {
     const alignmentSettings = {
         none: {

package/lib/src/brand-page-maker/composables/rich-text-editor/useRichTextEditor.d.ts

@@ -1,9 +1,9 @@
 import { type ModelRef, type ComputedRef, type Ref, type WritableComputedRef } from 'vue';
 import { Editor } from '@tiptap/vue-3';
-import type { StyleTextFontFamilyOption } from '../../../shared/style-settings/models';
-import type { HyperlinkType, TextStyles } from '../../../brand-page';
-import { type TextItem, type TextStyleDeclaration } from '../../../brand-page';
-import type { ButtonGroupOption } from '../../../brand-page-maker/models/button-group.model';
+import type { StyleTextFontFamilyOption } from '@shared/style-settings/models';
+import type { HyperlinkType, TextStyles } from '@brand-page';
+import { type TextItem, type TextStyleDeclaration } from '@brand-page';
+import type { ButtonGroupOption } from '@brand-page-maker/models/button-group.model';
 interface UseRichTextEditorReturn {
     editor: Editor;
     onFocus: () => void;

package/lib/src/brand-page-maker/composables/rich-text-editor/useRichTextEditor.js

@@ -17,16 +17,16 @@ import { useTextAlign } from './textAlign';
 import { useFont } from './font';
 import { useSpacing } from './spacing';
 import Color from 'color';
-import { buildInitialMarks, emToPx, isStyleChanged, pxToEm, sanitiseClientSideRTE, skipStyleDetection, } from '../../../brand-page-maker/utils';
-import { HYPERLINK_TYPE, } from '../../../brand-page';
-import { letterSpacingValueConvertor, colorConvertor, backgroundColorConvertor, } from '../../../brand-page-maker/convertors';
-import { useUiContentSettingsStore } from '../../../shared/content-settings/store';
+import { buildInitialMarks, emToPx, isStyleChanged, pxToEm, sanitiseClientSideRTE, skipStyleDetection, } from '@brand-page-maker/utils';
+import { HYPERLINK_TYPE, } from '@brand-page';
+import { letterSpacingValueConvertor, colorConvertor, backgroundColorConvertor, } from '@brand-page-maker/convertors';
+import { useUiContentSettingsStore } from '@shared/content-settings/store';
 import { AllSelection } from 'prosemirror-state';
 import { MaxLength } from './extensions/MaxLength';
 import { AutoLink } from './extensions/AutoLink';
 import { isHrefPageId, useHyperlink } from './hyperlink';
 import { useBubbleMenu } from './bubbleMenu';
-import { hasLogoColorVar, isLogoColor, getRTEColor, } from '../../utils/rich-text-editor.util';
+import { hasLogoColorVar, isLogoColor, getRTEColor, } from '@brand-page-maker/utils/rich-text-editor.util';
 import { useEventTracker, EVENTS } from '../useEventTracker';
 export const useExternalRichTextEditor = () => {
     const externalEditor = new Editor({

package/lib/src/brand-page-maker/constants/brandpage-meta-constant.js

@@ -1,4 +1,4 @@
-import { commonTr, errorTr } from '../../composables/useTranslate';
+import { commonTr, errorTr } from '@src/composables/useTranslate';
 export const BRANDPAGE_DEFAULT_SAVE_MESSAGE_DESCRIPTION = () => commonTr(`defaultSaveDescription`);
 export const BRANDPAGE_SLUG_CHARACTER_LIMIT = 100;
 export const BRANDPAGE_SLUG_INVALID_ERROR_MESSAGE = () => errorTr(`invalidSlugError`);

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

@@ -1,4 +1,4 @@
-import type { LogoContent, FacebookContent, GeneralLinkContent, PhoneContent, EmailContent, ImageContent, InstagramContent, LinkedInContent, PinterestContent, ProfileContent, TextContent, TiktokContent, TwitchContent, XContent, VideoContent, WebsiteContent, YoutubeContent, ContentType, MapContent, ImageGalleryContent, MailingListContent, RequestPaymentContent, SupportMeContent, ContactFormContent, BannerSectionContent, SocialLinksContent, ImagesSectionContent, TestimonialSectionContent, AboutSectionContent, DividerSectionContent, ShapesSectionContent, ShopContent, BookingSectionContent } from '../../brand-page';
+import type { LogoContent, FacebookContent, GeneralLinkContent, PhoneContent, EmailContent, ImageContent, InstagramContent, LinkedInContent, PinterestContent, ProfileContent, TextContent, TiktokContent, TwitchContent, XContent, VideoContent, WebsiteContent, YoutubeContent, ContentType, MapContent, ImageGalleryContent, MailingListContent, RequestPaymentContent, SupportMeContent, ContactFormContent, BannerSectionContent, SocialLinksContent, ImagesSectionContent, TestimonialSectionContent, AboutSectionContent, DividerSectionContent, ShapesSectionContent, ShopContent, BookingSectionContent } from '@brand-page';
 import type { ContentSettingsConfig, ContentSettingsField, ContentSettingsMultiField } from '../models';
 export declare const LOGO_SETTINGS_CONFIG: () => ContentSettingsConfig<Omit<LogoContent, 'version' | 'logoVariation' | 'logoImageHeight' | 'logoImageWidth' | 'logoLastUpdate' | 'logoImageBase64Url'>>;
 export declare const GENERAL_LINK_CONTENT_SETTINGS_CONFIG: () => ContentSettingsConfig<GeneralLinkContent>;

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

@@ -1,7 +1,7 @@
-import { SOCIAL_LINKS_ICON_DISPLAY_STYLES, BRAND_PAGE_TYPES, DIVIDER_STYLES, MEDIA_TYPES, BUTTON_LINK_TYPE, FONT_SIZE_BODY, LINE_HEIGHT_BODY, MIN_TEXT_SIZE_PX, MAX_TEXT_SIZE_PX, TEXT_COLUMNS, DEFAULT_SHAPE_SIZE, PAYMENT_OPTION_DISPLAY_TYPES, PAYMENT_OPTION_IMAGE_TYPES, GettyVideoMedia, } from '../../brand-page';
+import { SOCIAL_LINKS_ICON_DISPLAY_STYLES, BRAND_PAGE_TYPES, DIVIDER_STYLES, MEDIA_TYPES, BUTTON_LINK_TYPE, FONT_SIZE_BODY, LINE_HEIGHT_BODY, MIN_TEXT_SIZE_PX, MAX_TEXT_SIZE_PX, TEXT_COLUMNS, DEFAULT_SHAPE_SIZE, PAYMENT_OPTION_DISPLAY_TYPES, PAYMENT_OPTION_IMAGE_TYPES, GettyVideoMedia, } from '@brand-page';
 import { createInitialButtonContent, createInitialImageContent, createInitialProfileContent, createInitialTextContent, createInitialVideoContent, createInitialLogoContent, createInitialMapContent, createInitialImageGalleryContent, createInitialGeneralLinkContent, createInitialMailingListContent, createInitialRequestPaymentContent, createInitialSupportMeContent, createInitialContactFormContent, CONTENT_SETTINGS_DISPLAY_MODES, createInitialBannerSectionContent, createInitialSocialLinksContent, createInitialImagesSectionContent, createInitialTestimonialSectionContent, createInitialAboutSectionContent, createInitialDividerSectionContent, createInitialShapesSectionContent, VARIANT_DISPLAY_MODES, createInitialShopContent, createInitialBookingSectionContent, } from '../models';
 import { colorConvertor, backgroundColorConvertor, borderColorConvertor, displayStyleConvertor, galleryTypeConvertor, imageAspectRatioConvertor, textAlignmentOptionsConvertor, videoContentStateConvertor, fillColorConvertor, bannerAlignDisplayStyleConvertor, aboutDisplayStyleConvertor, dividerStyleConvertor, shapeSizeOptionsConvertor, buttonLinkStyleConvertor, textSizeValueConvertor, textColumnStyleConvertor, contactLayoutStyleConvertor, paymentLinkDisplayStyleConvertor, shopDisplayConvertor, shopAspectRatioConvertor, } from '../convertors';
-import { ALIGN_CENTERED, DISPLAY_STYLE_COLLAPSED, DISPLAY_STYLE_PREVIEW, } from '../../brand-page';
+import { ALIGN_CENTERED, DISPLAY_STYLE_COLLAPSED, DISPLAY_STYLE_PREVIEW, } from '@brand-page';
 import { imageFieldVisibilityAssessor, imageOptionVisibilityAssessor, imageGalleryFieldVisibilityAssessor, cardFillVisibilityAssessor, mediaSectionItemsFieldTypeAssessor, dividerToggleFieldVisibilityAssessor, shapeSectionItemsFieldTypeAssessor, colorReplacementVisibilityTypeAssessor, colorReplacementProfileVisibilityTypeAssessor, colorReplacementIconVisibilityTypeAssessor, imagesSectionCardStyleVisibilityAssessor, contactCardDisplayTypeVisibilityAssessor, imageUrlVisibilityAssessor, displayTypeVisibilityAssessor, logoFieldVisibilityAssessor, shapesSectionCardStyleVisibilityAssessor, shopImageOptionVisibilityAssessor, shopItemColorVisibility, personalisationOverrideVisibility, } from '../assessors';
 import { logoBackgroundColorDefaultGetter, paymentFillColorFieldDefaultGetter, paymentTextAndBorderColorFieldDefaultGetter, shopBorderColorFieldDefaultGetter, shopFillColorFieldDefaultGetter, textColorFieldDefaultGetter, } from '../default-getters';
 import { socialLinksIconDisplayStyleConvertor } from '../convertors/social-links-icon-display-style.convertor';
@@ -12,9 +12,9 @@ import { imagesSectionAspectRatioVisibilityAssessor } from '../assessors/images-
 import { bannerLinkTypeVisibilityAssessor, bannerSectionPageVisibilityAssessor, bannerSectionUrlVisibilityAssessor, bannerDisplayTypeVisibilityAssessor, bannerOverlayOptionsVisibilityAssessor, } from '../assessors/banner-section-description-visibility.assessor';
 import { imagesSectionTextStyleVisibilityAssessor } from '../assessors/images-section-text-style-visibility.assessor';
 import { bannerPlaceholderFieldTypeAssessor, bannerSectionFieldTypeAssessor, bannerSectionRoleTypeAssessor, } from '../assessors/banner-section-field.assessor';
-import { isValidSvgUrl } from '../../brand-page/utils';
+import { isValidSvgUrl } from '@brand-page/utils';
 import { brandPageOrbrandContactTypeVisibilityAssessor, brandSiteTypeVisibilityAssessor, } from '../assessors/brand-page-type-visibility.assessor';
-import { contentSettingsTr } from '../../composables/useTranslate';
+import { contentSettingsTr } from '@src/composables/useTranslate';
 const MediaFieldNames = {
     aspectRatio: 'aspectRatio',
     iconUrl: 'iconUrl',

package/lib/src/brand-page-maker/constants/index.d.ts

@@ -1,4 +1,4 @@
-import type { Endpoints } from '../../shared/models';
+import type { Endpoints } from '@shared/models';
 export * from './config-settings-constant';
 export * from './brandpage-meta-constant';
 export * from './sidebar-constant';

package/lib/src/brand-page-maker/constants/index.js

@@ -1,4 +1,4 @@
-import { commonTr, errorTr } from '../../composables/useTranslate';
+import { commonTr, errorTr } from '@src/composables/useTranslate';
 export * from './config-settings-constant';
 export * from './brandpage-meta-constant';
 export * from './sidebar-constant';

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

@@ -1,4 +1,4 @@
-import type { PersonalisationMappingType, TestimonialItems, TextItem, TextMediaItem, UserPersonalisationItem, UserPersonalisationSection } from '../../brand-page/models';
+import type { PersonalisationMappingType, TestimonialItems, TextItem, TextMediaItem, UserPersonalisationItem, UserPersonalisationSection } from '@brand-page/models';
 export type ContentPersonalisationMapping<T> = {
     [key in Exclude<keyof UserPersonalisationSection, 'items'> | keyof UserPersonalisationItem]?: (keyof T)[];
 };

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

@@ -1,4 +1,4 @@
-import type { SideBarTab } from '../../shared/side-bar/models';
+import type { SideBarTab } from '@shared/side-bar/models';
 export declare const SIDE_BAR_TAB_NAMES: {
     PREVIEW: string;
     TEMPLATE_SETTINGS: string;

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

@@ -1,4 +1,4 @@
-import { constantsTr } from '../../composables/useTranslate';
+import { constantsTr } from '@src/composables/useTranslate';
 export const SIDE_BAR_TAB_NAMES = {
     PREVIEW: 'Preview',
     TEMPLATE_SETTINGS: 'TemplatesSettings',

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

@@ -1,4 +1,4 @@
-import { constantsTr } from '../../composables/useTranslate';
+import { constantsTr } from '@src/composables/useTranslate';
 export const MESSAGE_VISIBLE_DURATION = 3000;
 export const BRANDPAGE_SETTINGS_SAVE_SUCCESS_MESSAGE_DESCRIPTION = () => constantsTr('successfulSave');
 export const DEVICE_CSS_TRANSITION_DELAY = 300;

package/lib/src/brand-page-maker/convertors/about-display-style.convertor.d.ts

@@ -1,3 +1,3 @@
 import type { ButtonGroupConfig, ValueConvertor } from '../models';
-import type { AboutSectionContent } from '../../brand-page';
+import type { AboutSectionContent } from '@brand-page';
 export declare const aboutDisplayStyleConvertor: ValueConvertor<string | null, ButtonGroupConfig, Partial<AboutSectionContent>>;

package/lib/src/brand-page-maker/convertors/about-display-style.convertor.js

@@ -1,4 +1,4 @@
-import { ALIGN_CENTERED, ALIGN_LEFT_ALIGNED, ALIGN_LEFT_FULL_IMAGE, ALIGN_RIGHT_ALIGNED, ALIGN_RIGHT_FULL_IMAGE, TEXT_ONLY, } from '../../brand-page/constants';
+import { ALIGN_CENTERED, ALIGN_LEFT_ALIGNED, ALIGN_LEFT_FULL_IMAGE, ALIGN_RIGHT_ALIGNED, ALIGN_RIGHT_FULL_IMAGE, TEXT_ONLY, } from '@brand-page/constants';
 export const aboutDisplayStyleConvertor = {
     convertBackToMultipleValues: true,
     convert(value) {

package/lib/src/brand-page-maker/convertors/align-display-style.convertor.js

@@ -1,5 +1,5 @@
-import { ALIGN_CENTERED, ALIGN_LEFT_ALIGNED } from '../../brand-page/constants';
-import { converterTr } from '../../composables/useTranslate';
+import { ALIGN_CENTERED, ALIGN_LEFT_ALIGNED } from '@brand-page/constants';
+import { converterTr } from '@src/composables/useTranslate';
 export const alignDisplayStyleConvertor = {
     convertBackToMultipleValues: false,
     convert(value) {

package/lib/src/brand-page-maker/convertors/banner-align-display-style.convertor.d.ts

@@ -1,3 +1,3 @@
 import type { ButtonGroupConfig, ValueConvertor } from '../models';
-import type { BannerSectionContent } from '../../brand-page';
+import type { BannerSectionContent } from '@brand-page';
 export declare const bannerAlignDisplayStyleConvertor: ValueConvertor<string | null, ButtonGroupConfig, Partial<BannerSectionContent>>;

package/lib/src/brand-page-maker/convertors/banner-align-display-style.convertor.js

@@ -1,4 +1,4 @@
-import { ALIGN_CENTERED, ALIGN_LEFT_ALIGNED, ALIGN_RIGHT_ALIGNED, BIG_IMAGE, ALIGN_LEFT_FULL_IMAGE, ALIGN_RIGHT_FULL_IMAGE, ALIGN_LEFT_BIG_IMAGE, ALIGN_CARD_CENTER_IMAGE, ALIGN_CARD_LEFT_IMAGE, } from '../../brand-page/constants';
+import { ALIGN_CENTERED, ALIGN_LEFT_ALIGNED, ALIGN_RIGHT_ALIGNED, BIG_IMAGE, ALIGN_LEFT_FULL_IMAGE, ALIGN_RIGHT_FULL_IMAGE, ALIGN_LEFT_BIG_IMAGE, ALIGN_CARD_CENTER_IMAGE, ALIGN_CARD_LEFT_IMAGE, } from '@brand-page/constants';
 export const bannerAlignDisplayStyleConvertor = {
     convertBackToMultipleValues: true,
     convert(value) {

package/lib/src/brand-page-maker/convertors/button-link-style.convertor.js

@@ -1,5 +1,5 @@
-import { BUTTON_LINK_TYPE } from '../../brand-page/models/index';
-import { converterTr } from '../../composables/useTranslate';
+import { BUTTON_LINK_TYPE } from '@brand-page/models/index';
+import { converterTr } from '@src/composables/useTranslate';
 export const buttonLinkStyleConvertor = {
     convertBackToMultipleValues: false,
     convert(value, context) {

package/lib/src/brand-page-maker/convertors/contact-layout-style.convertor.d.ts

@@ -1,3 +1,3 @@
 import type { ButtonGroupConfig, ValueConvertor } from '../models';
-import type { ContactFormContent } from '../../brand-page';
+import type { ContactFormContent } from '@brand-page';
 export declare const contactLayoutStyleConvertor: ValueConvertor<string | null, ButtonGroupConfig, Partial<ContactFormContent>>;

package/lib/src/brand-page-maker/convertors/contact-layout-style.convertor.js

@@ -1,4 +1,4 @@
-import { ALIGN_CENTERED, ALIGN_LEFT_FULL_IMAGE, ALIGN_RIGHT_FULL_IMAGE, ALIGN_CARD_CENTER_IMAGE, TEXT_ONLY, ALIGN_CARD_CENTER, } from '../../brand-page/constants';
+import { ALIGN_CENTERED, ALIGN_LEFT_FULL_IMAGE, ALIGN_RIGHT_FULL_IMAGE, ALIGN_CARD_CENTER_IMAGE, TEXT_ONLY, ALIGN_CARD_CENTER, } from '@brand-page/constants';
 export const contactLayoutStyleConvertor = {
     convertBackToMultipleValues: true,
     convert(value) {

package/lib/src/brand-page-maker/convertors/display-style.convertor.js

@@ -1,5 +1,5 @@
-import { DISPLAY_STYLE_COLLAPSED, DISPLAY_STYLE_PREVIEW, } from '../../brand-page/constants';
-import { converterTr } from '../../composables/useTranslate';
+import { DISPLAY_STYLE_COLLAPSED, DISPLAY_STYLE_PREVIEW, } from '@brand-page/constants';
+import { converterTr } from '@src/composables/useTranslate';
 export const displayStyleConvertor = {
     convertBackToMultipleValues: false,
     convert(value) {

package/lib/src/brand-page-maker/convertors/divider-style.convertor.js

@@ -1,5 +1,5 @@
-import { DIVIDER_STYLES } from '../../brand-page';
-import { contentSettingsTr } from '../../composables/useTranslate';
+import { DIVIDER_STYLES } from '@brand-page';
+import { contentSettingsTr } from '@src/composables/useTranslate';
 export const dividerStyleConvertor = {
     convertBackToMultipleValues: false,
     convert(value) {

package/lib/src/brand-page-maker/convertors/gallery-type.convertor.d.ts

@@ -1,4 +1,4 @@
 import type { OptionsConvertor } from '../models';
-import type { GalleryStyles } from '../../brand-page';
+import type { GalleryStyles } from '@brand-page';
 export declare const galleryTypeConvertor: OptionsConvertor<GalleryStyles>;
 export type GalleryTypeConvertor = typeof galleryTypeConvertor;

package/lib/src/brand-page-maker/convertors/gallery-type.convertor.js

@@ -1,5 +1,5 @@
-import { GALLERY_TYPES } from '../../brand-page';
-import { converterTr } from '../../composables/useTranslate';
+import { GALLERY_TYPES } from '@brand-page';
+import { converterTr } from '@src/composables/useTranslate';
 export const galleryTypeConvertor = {
     convertBackToMultipleValues: false,
     convert(value) {

package/lib/src/brand-page-maker/convertors/image-aspect-ratio.convertor.d.ts

@@ -1,4 +1,4 @@
 import type { OptionsConvertor } from '../models';
-import type { AspectRatio } from '../../brand-page';
+import type { AspectRatio } from '@brand-page';
 export declare const imageAspectRatioConvertor: OptionsConvertor<AspectRatio | false>;
 export type ImageAspectRatioConvertor = typeof imageAspectRatioConvertor;

package/lib/src/brand-page-maker/convertors/image-aspect-ratio.convertor.js

@@ -1,6 +1,6 @@
-import { ASPECT_RATIOS, BRAND_PAGE_TYPES } from '../../brand-page';
+import { ASPECT_RATIOS, BRAND_PAGE_TYPES } from '@brand-page';
 import { useBrandPageMakerStore } from '../stores';
-import { converterTr } from '../../composables/useTranslate';
+import { converterTr } from '@src/composables/useTranslate';
 export const imageAspectRatioConvertor = {
     convertBackToMultipleValues: false,
     convert(value) {