@designcrowd/library.brand-page 5.16.48 → 5.16.49

package/lib/src/shared/background-settings/components/background-shapes/BackgroundShapeSettings.mixin.d.ts

@@ -153,7 +153,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             type: import("../../../../brand-page").MediaTypes;
         } | undefined;
     }>;
-    userStore: import("pinia").Store<"brandPageMakerUser", import("../../../../brand-page-maker/stores").UserState, {}, {
+    userStore: import("pinia").Store<"brandPageMakerUser", import("@brand-page-maker/stores").UserState, {}, {
         setUserState(payload: {
             emailAddress?: string | undefined;
             userToken?: string | undefined;

package/lib/src/shared/background-settings/components/background-shapes/BackgroundShapeSettings.mixin.js

@@ -2,10 +2,10 @@ import { defineComponent, computed } from 'vue';
 import { HelloBar } from '@designcrowd/fe-shared-lib';
 import { useUiBackgroundSettingsStore } from '../../store';
 import StyleSettingsSection from '../../../style-settings/components/StyleSettingsSection.vue';
-import ColorPicker from '../../../../brand-page-maker/components/color-palette/BpColorPicker.vue';
-import { hexToRGBA } from '../../../../utils/helpers';
-import { isColorMatched } from '../../../../brand-page-maker/utils';
-import { useBrandPageMakerUserStore } from '../../../../brand-page-maker/stores';
+import ColorPicker from '@brand-page-maker/components/color-palette/BpColorPicker.vue';
+import { hexToRGBA } from '@utils/helpers';
+import { isColorMatched } from '@brand-page-maker/utils';
+import { useBrandPageMakerUserStore } from '@brand-page-maker/stores';
 export default defineComponent({
     components: {
         ColorPicker,

package/lib/src/shared/background-settings/store/background-settings-store.d.ts

@@ -1,5 +1,5 @@
-import type { BackgroundShape, BackgroundStyle, BackgroundStyles, PersonalisationRole } from '../../../brand-page';
-import { type BrandPageSettingsMode } from '../../../brand-page-maker/stores/brandpage-maker/brandpage-maker-store';
+import type { BackgroundShape, BackgroundStyle, BackgroundStyles, PersonalisationRole } from '@brand-page';
+import { type BrandPageSettingsMode } from '@brand-page-maker/stores/brandpage-maker/brandpage-maker-store';
 import type { SetBackgroundShapeSettingsPayload, SetLogoColorsPayload, SetRecommendedLogoColorsPayload } from '../background-settings-models';
 import type { BackgroundSetStatePayload, BackgroundSettingsTabId } from '../models';
 import type { MediaBaseSelectedPayload } from '../../my-uploads/models';

package/lib/src/shared/background-settings/store/background-settings-store.js

@@ -1,8 +1,8 @@
-import { GettyVideoMedia, PageStyles } from '../../../brand-page';
-import { BRANDPAGE_SETTINGS_MODES, } from '../../../brand-page-maker/stores/brandpage-maker/brandpage-maker-store';
+import { GettyVideoMedia, PageStyles } from '@brand-page';
+import { BRANDPAGE_SETTINGS_MODES, } from '@brand-page-maker/stores/brandpage-maker/brandpage-maker-store';
 import { backgroundSettingsTabId } from '../models';
 import { defineStore } from 'pinia';
-import { useUiStore, useVideoStore } from '../../../brand-page-maker/stores';
+import { useUiStore, useVideoStore } from '@brand-page-maker/stores';
 export const useUiBackgroundSettingsStore = defineStore('uiBackgroundSettings', {
     state: () => ({
         backgroundStyles: {

package/lib/src/shared/color-picker/components/ColorPicker.mixin.js

@@ -2,9 +2,9 @@ import { defineComponent } from 'vue';
 import { Icon } from '@designcrowd/fe-shared-lib';
 import ColorPickerSwatch from './ColorPickerSwatch.vue';
 import { DEFAULT_COLORS, DEFAULT_GRADIENT_COLORS } from '../constants';
-import { RGBAtoHex, hexToRGB, arrayToLinearGradient, isRgbColor, } from '../../../utils/helpers';
-import { normalizeColorToHex, colorsMatch, } from '../../../brand-page/utils/style.util';
-import { colorPickerTr } from '../../../composables/useTranslate';
+import { RGBAtoHex, hexToRGB, arrayToLinearGradient, isRgbColor, } from '@utils/helpers';
+import { normalizeColorToHex, colorsMatch } from '@brand-page/utils/style.util';
+import { colorPickerTr } from '@src/composables/useTranslate';
 import { useUiStyleSettingsStore } from '../../style-settings/store';
 // Simple session storage for newColors (persists during browser session, clears on refresh)
 let sessionNewColors = [];

package/lib/src/shared/color-picker/constants.js

@@ -1,4 +1,4 @@
-import { hexToRGB } from '../../utils/helpers';
+import { hexToRGB } from '@utils/helpers';
 export const DEFAULT_COLORS = [
     hexToRGB('#000000'),
     hexToRGB('#545454'),

package/lib/src/shared/confirm-modal/ConfirmModal.mixin.js

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

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

@@ -1,8 +1,8 @@
 import { defineComponent } from 'vue';
 import debounce from 'lodash.debounce';
 import { TextInput, Textarea } from '@designcrowd/fe-shared-lib';
-import { escapeContentText, unescapeContentText, } from '../../../brand-page/utils';
-import { genericTextInputTr } from '../../../composables/useTranslate';
+import { escapeContentText, unescapeContentText } from '@brand-page/utils';
+import { genericTextInputTr } from '@src/composables/useTranslate';
 const DEBOUNCE_WAIT_MS = 100;
 export default defineComponent({
     components: {

package/lib/src/shared/content-settings/components/booking-url-field/BookingUrlField.mixin.js

@@ -1,5 +1,5 @@
 import { defineComponent } from 'vue';
-import { EVENTS } from '../../../../brand-page-maker/composables/useEventTracker';
+import { EVENTS } from '@brand-page-maker/composables/useEventTracker';
 export default defineComponent({
     data() {
         return {

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

@@ -1,6 +1,6 @@
 import type { AddContentOption, ContentItem } from '../../models';
-import type { Content } from '../../../../brand-page';
-import type { ItemCategory } from '../../../../brand-page-maker/models';
+import type { Content } from '@brand-page';
+import type { ItemCategory } from '@brand-page-maker/models';
 interface CategoryTab {
     category: string;
     label: string;
@@ -42,17 +42,17 @@ declare const _default: import("vue").DefineComponent<{}, {
     contentSettingsSelectedItemId: import("vue").ComputedRef<string | null>;
     isAdmin: import("vue").ComputedRef<boolean>;
     canUseRichTextEditor: import("vue").ComputedRef<boolean>;
-    brandPageMakerStore: import("pinia").Store<"brandPageMaker", import("../../../../brand-page-maker/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;
         brandPageTemplate(): any;
         brandPageTitle(): string;
-        brandPageViewModel(): import("../../../../brand-page").BrandPageViewModel;
+        brandPageViewModel(): import("@brand-page").BrandPageViewModel;
         gettyVideoIds(): string[];
         isInteractivePreviewEnabled(): boolean;
         isProduction(): boolean;
@@ -104,14 +104,14 @@ declare const _default: import("vue").DefineComponent<{}, {
             settings: import("../../models").FieldSettingsBase;
         }): void;
         enqueueNotificationMessage({ message, }: {
-            message: import("../../../../brand-page-maker/stores").NotificationMessage;
+            message: import("@brand-page-maker/stores").NotificationMessage;
         }): void;
         enqueueContentErrorMessage(): void;
         dequeueNotificationMessageQueue(): void;
         setCurrentNotificationMessage(payload: {
-            message: false | import("../../../../brand-page-maker/stores").NotificationMessage;
+            message: false | import("@brand-page-maker/stores").NotificationMessage;
         }): void;
-        setIsApplyingTemplate(payload: import("../../../../brand-page-maker/stores").IsApplyingTemplatePayload): void;
+        setIsApplyingTemplate(payload: import("@brand-page-maker/stores").IsApplyingTemplatePayload): void;
         setIsPageNavigating(isPageNavigating: boolean): void;
         setIsChangeTemplateConfirmModalVisible(payload: {
             isVisible: boolean;
@@ -120,7 +120,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             isInitialising: boolean;
         }): void;
         setIsBrandPageLoaded(isLoaded: boolean): void;
-        setIsModifiedAfterTemplateApplied({ isModified, }?: import("../../../../brand-page-maker/stores").SetIsModifiedPayload): void;
+        setIsModifiedAfterTemplateApplied({ isModified, }?: import("@brand-page-maker/stores").SetIsModifiedPayload): void;
         setSelectedTemplateId(payload: {
             templateId: string | false;
         }): void;
@@ -138,29 +138,29 @@ declare const _default: import("vue").DefineComponent<{}, {
         onChangeTemplateConfirmModalConfirm(): void;
         onContentChanged(): void;
         onStyleChanged(): void;
-        onTemplateSelected(payload: import("../../../../brand-page-maker/stores").OnTemplateSelectedPayload): void;
+        onTemplateSelected(payload: import("@brand-page-maker/stores").OnTemplateSelectedPayload): void;
         setSelectedTabName(payload: any): void;
         showNextNotificationMessage(): Promise<void>;
         updateContent<TContent extends 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("../../../../brand-page-maker/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("../../../page-settings/store").PageSettingsStateSections;
         }): void;
         initialiseAdminMaker(payload: {
             models: import("../../../../brand-page-maker/stores/admin-logo-settings").AdminPreviewLogoTemplateModel[];
         }): void;
-        setIsSaving(payload: import("../../../../brand-page-maker/stores").SetIsSavingPayload): Promise<void>;
+        setIsSaving(payload: import("@brand-page-maker/stores").SetIsSavingPayload): Promise<void>;
         showBrandPageSlugEditModal(): Promise<void>;
-        updateBrandPageSettings(payload: import("../../../../brand-page-maker/stores").UpdateBrandPageSettingsPayload): Promise<void>;
-        updateSensitiveContentSettings(payload: import("../../../../brand-page-maker/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>;
@@ -170,7 +170,7 @@ declare const _default: import("vue").DefineComponent<{}, {
         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("../../../template-settings/models").InitialCategories): void;
@@ -473,7 +473,7 @@ declare const _default: import("vue").DefineComponent<{}, {
         } & import("pinia").PiniaCustomStateProperties<import("../../store").ContentSettingsState>): (id: string, groupId: string) => import("../../models").ContentSettingsItemGroupState;
         mode(): "images" | "add" | "pages" | "edit" | "focusedContentItem";
         selectedItem(): ContentItem<any> | undefined;
-        selectedItemTemplate(): import("../../../../brand-page-maker/models").ContentSettingsConfig<any, {}> | undefined;
+        selectedItemTemplate(): import("@brand-page-maker/models").ContentSettingsConfig<any, {}> | undefined;
     }, {
         onContentChanged(): void;
         _addItem({ item, index, }: {
@@ -511,7 +511,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             imageUrl: string;
             width?: number | undefined;
             height?: number | undefined;
-            colorReplacements?: import("../../../../brand-page").ColorReplacement[] | undefined;
+            colorReplacements?: import("@brand-page").ColorReplacement[] | undefined;
             aspectRatio?: number | null | undefined;
         }): void;
         _setSelectedItemMedia(selectedItemId: string | null, mediaPayload: import("../../../my-uploads/models").MediaBaseSelectedPayload): void;
@@ -587,7 +587,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             imageUrl: string;
             width?: number | undefined;
             height?: number | undefined;
-            colorReplacements?: import("../../../../brand-page").ColorReplacement[] | undefined;
+            colorReplacements?: import("@brand-page").ColorReplacement[] | undefined;
             aspectRatio?: number | null | undefined;
         }): void;
         setSelectedItemMedia(selectedItemId: string | null, mediaPayload: import("../../../my-uploads/models").MediaBaseSelectedPayload): void;
@@ -650,16 +650,16 @@ declare const _default: import("vue").DefineComponent<{}, {
             sectionName: "footer" | "header" | "pages";
             propName: "copyrightStyle" | "style" | "iconStyle" | "displayStyle" | "backgroundStyle" | "logoImage" | "logoImageStyle" | "isLogoOptional" | "viewport" | "isLogoVisible" | "logoTemplateImage" | "logoImageHeight" | "logoImageWidth" | "navigationStyles" | "navigation" | "logoImageUrl" | "logoDraftToken" | "logoVariation" | "logoImageBase64Url" | "copyrightText" | "socialLinks" | "textFontFamily";
             index?: number | undefined;
-            value: string | number | boolean | BrandPageCssStyle | import("../../../../brand-page").LinksItem[] | Partial<import("../../../../brand-page").ImageItem> | null | undefined;
+            value: string | number | boolean | BrandPageCssStyle | import("@brand-page").LinksItem[] | Partial<import("@brand-page").ImageItem> | null | undefined;
             merge?: boolean | undefined;
-            viewport: import("../../../../brand-page").ViewportsType;
+            viewport: import("@brand-page").ViewportsType;
         }): void;
         setPageSettingsSectionLogoImage({ sectionName, logoImage, logoTemplateImage, logoImageBase64Url, viewport, keepLogoVariation, logoImageHeight, logoImageWidth, }: {
-            logoImage: import("../../../../brand-page").LogoImageModel;
-            logoTemplateImage?: import("../../../../brand-page").LogoTemplateImageModel | undefined;
+            logoImage: import("@brand-page").LogoImageModel;
+            logoTemplateImage?: import("@brand-page").LogoTemplateImageModel | undefined;
             logoImageBase64Url: string | undefined;
             sectionName: "footer" | "header" | "pages";
-            viewport: import("../../../../brand-page").ViewportsType;
+            viewport: import("@brand-page").ViewportsType;
             keepLogoVariation?: boolean | undefined;
             logoImageHeight?: string | undefined;
             logoImageWidth?: string | undefined;
@@ -670,7 +670,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             logoImageHeight: string | undefined;
             logoImageWidth: string | undefined;
         }): void;
-        updatePaymentConfigCurrency(updatedPaymentConfig: import("../../../../brand-page").BrandPagePaymentConfig, newCurrency: import("../../../../brand-page").BrandPagePaymentConfigCurrency): void;
+        updatePaymentConfigCurrency(updatedPaymentConfig: import("@brand-page").BrandPagePaymentConfig, newCurrency: import("@brand-page").BrandPagePaymentConfigCurrency): void;
         setPageTitle({ pageTitle, pageIndex, }: {
             pageTitle: string;
             pageIndex: number;
@@ -700,10 +700,10 @@ declare const _default: import("vue").DefineComponent<{}, {
         buttonSoftShadowColor(): string;
         defaultTextColor(): string | undefined;
         logoBackgroundColor(): string | undefined;
-        selectedButtonStyleConfig(): import("../../../../brand-page-maker/models").ButtonStyleConfig | undefined;
+        selectedButtonStyleConfig(): import("@brand-page-maker/models").ButtonStyleConfig | undefined;
         selectedTextFontFamily(): "lato" | "roboto" | "notoSans" | "openSans" | "arvo" | "bebasNeue" | "ptSerif" | "oswald" | "inter" | "montserrat" | "raleway" | "anton" | "antonSc" | "quicksand" | "pacifico" | "bioRhyme" | "playfairDisplay" | "mulish" | "telex" | "pridi" | "hindMadurai" | "kanit" | "libreBaskerville" | "amiko" | "neuton" | "tenorSans" | "jacquesFrancois" | "varela" | "quattrocentoSans" | "workSans" | "titilliumWeb" | "amaticSc" | "poiretOne" | "shantellSans" | "dancingScript" | "tangerine" | "cinzel" | "jost" | "exo2" | "ebGaramond" | "ubuntu" | "cabin" | "josefinSans" | "lobsterTwo" | "sacramento" | "nunito" | "aboreto" | "aleo" | "abhayaLibre" | "caladea" | "rokkitt" | "rubik" | "frankRuhlLibre" | "spectral" | "abrilFatface" | "courgette" | "kiteOne" | "amarante" | "satisfy" | "lilitaOne" | "lobster" | "titanOne" | "cookie" | "bungee" | "poppins" | "staatliches" | "patuaOne" | "calistoga" | "suezOne" | "caprasimo" | "rubikMonoOne" | "silkscreen" | "alfaSlabOne" | "orelegaOne" | "audiowide" | "redRose" | "kalnia" | "imbue" | "climateCrisis" | "gluten" | "madimiOne" | "anta" | "trykker" | "moul" | "bevan" | "wendyOne" | "lexendDeca" | "vinaSans" | "chango" | "changaOne" | "protestGuerrilla" | "londrinaShadow" | "candal" | "borel" | "rockNRollOne" | "bungeeInline" | "rampartOne" | "manrope" | "yuseiMagic" | "patrickHandSC" | "farsan" | "handlee" | "lemonada" | "arsenal" | "bakbakOne" | "belleza" | "blackHanSans" | "bowlbyOne" | "brunoAceSC" | "castoroTitling" | "contrailOne" | "delaGothicOne" | "dotGothic16" | "fahkwang" | "francoisOne" | "gloock" | "graduate" | "jersey10" | "kavoon" | "kronaOne" | "notable" | "pavanam" | "phudu" | "poetsenOne" | "pollerOne" | "questrial" | "racingSansOne" | "rammettoOne" | "rubikGlitch" | "shrikhand" | "spicyRice" | "syncopate" | "urbanist" | "yesevaOne" | "zenDots";
         doesLogoHaveBackground(): boolean;
-        activeLogoStyles(): import("../../../../brand-page").LogoStyles;
+        activeLogoStyles(): import("@brand-page").LogoStyles;
     }, {
         initialise(options: {
             reset: boolean;
@@ -720,32 +720,32 @@ declare const _default: import("vue").DefineComponent<{}, {
             style: BrandPageCssStyle;
             clearLogoContentImageStyle: boolean;
         }): void;
-        _setGalleryStyles(payload: import("../../../../brand-page").GalleryStyles): void;
+        _setGalleryStyles(payload: import("@brand-page").GalleryStyles): void;
         _setSelectedButtonStyle(payload: {
             id: string;
         }): void;
         _setTextFontFamily(payload: {
             fontFamily: "lato" | "roboto" | "notoSans" | "openSans" | "arvo" | "bebasNeue" | "ptSerif" | "oswald" | "inter" | "montserrat" | "raleway" | "anton" | "antonSc" | "quicksand" | "pacifico" | "bioRhyme" | "playfairDisplay" | "mulish" | "telex" | "pridi" | "hindMadurai" | "kanit" | "libreBaskerville" | "amiko" | "neuton" | "tenorSans" | "jacquesFrancois" | "varela" | "quattrocentoSans" | "workSans" | "titilliumWeb" | "amaticSc" | "poiretOne" | "shantellSans" | "dancingScript" | "tangerine" | "cinzel" | "jost" | "exo2" | "ebGaramond" | "ubuntu" | "cabin" | "josefinSans" | "lobsterTwo" | "sacramento" | "nunito" | "aboreto" | "aleo" | "abhayaLibre" | "caladea" | "rokkitt" | "rubik" | "frankRuhlLibre" | "spectral" | "abrilFatface" | "courgette" | "kiteOne" | "amarante" | "satisfy" | "lilitaOne" | "lobster" | "titanOne" | "cookie" | "bungee" | "poppins" | "staatliches" | "patuaOne" | "calistoga" | "suezOne" | "caprasimo" | "rubikMonoOne" | "silkscreen" | "alfaSlabOne" | "orelegaOne" | "audiowide" | "redRose" | "kalnia" | "imbue" | "climateCrisis" | "gluten" | "madimiOne" | "anta" | "trykker" | "moul" | "bevan" | "wendyOne" | "lexendDeca" | "vinaSans" | "chango" | "changaOne" | "protestGuerrilla" | "londrinaShadow" | "candal" | "borel" | "rockNRollOne" | "bungeeInline" | "rampartOne" | "manrope" | "yuseiMagic" | "patrickHandSC" | "farsan" | "handlee" | "lemonada" | "arsenal" | "bakbakOne" | "belleza" | "blackHanSans" | "bowlbyOne" | "brunoAceSC" | "castoroTitling" | "contrailOne" | "delaGothicOne" | "dotGothic16" | "fahkwang" | "francoisOne" | "gloock" | "graduate" | "jersey10" | "kavoon" | "kronaOne" | "notable" | "pavanam" | "phudu" | "poetsenOne" | "pollerOne" | "questrial" | "racingSansOne" | "rammettoOne" | "rubikGlitch" | "shrikhand" | "spicyRice" | "syncopate" | "urbanist" | "yesevaOne" | "zenDots";
         }): void;
-        _setTextStyles(payload: Partial<import("../../../../brand-page").TextStyles>): void;
+        _setTextStyles(payload: Partial<import("@brand-page").TextStyles>): void;
         setAdminStyleOptionDefaultValues(): void;
         setTextStyleOption(payload: {
             type: "buttons" | "titles" | "headings" | "paragraphs";
-            style: import("../../../../brand-page").TextStyleDeclaration;
+            style: import("@brand-page").TextStyleDeclaration;
         }): void;
         setStyleOptionValue(payload: {
             option: "buttonBorderColor" | "buttonFillColor" | "buttonShadowColor" | "buttonSoftShadowColor" | "buttonIconColor" | "logoBackgroundColor" | "defaultTextColor";
             value: string;
         }): void;
-        setButtonStyles(payload: import("../../../../brand-page").ButtonStyles): void;
+        setButtonStyles(payload: import("@brand-page").ButtonStyles): void;
         setGalleryType(payload: import("../../../style-settings/models").SetGalleryTypePayload): void;
         setGalleryStyles(payload: import("../../../style-settings/models").SetGalleryTypePayload): void;
-        setTextStyles(payload: import("../../../../brand-page").TextStyles): void;
-        setLogoStyles(payload: import("../../../../brand-page").LogoStyles): void;
+        setTextStyles(payload: import("@brand-page").TextStyles): void;
+        setLogoStyles(payload: import("@brand-page").LogoStyles): void;
         setLogoImageStyle(payload: {
             style: BrandPageCssStyle;
         }, options: {
-            viewport: import("../../../../brand-page").ViewportsType;
+            viewport: import("@brand-page").ViewportsType;
         }): Promise<void>;
         setSelectedButtonStyle(payload: {
             id: string;
@@ -760,11 +760,11 @@ declare const _default: import("vue").DefineComponent<{}, {
         sendGettyVideoReplaceEvent: () => void;
         sendGettyVideoRemoveEvent: () => void;
         sendExperimentStartedEvent: (abTestKey: string, abTestValue: string) => void;
-        setGlobalEventProps: (props: Omit<import("../../../../brand-page-maker/composables/useEventTracker").BpGlobalEventProps, "template_category">) => void;
-        setUpsellBridgeState: (props: import("../../../../brand-page-maker/composables/useEventTracker").BpUpsellEventProps) => void;
-        setDomainUpsellBridgeState: (props: import("../../../../brand-page-maker/composables/useEventTracker").BpUpsellEventProps) => void;
-        subscribe: (callbackFn: (event: import("../../../../brand-page-maker/composables/useEventTracker").BpEventTrackerEvent) => void) => void;
-        sendWebsiteEvent: (event: import("../../../../brand-page-maker/composables/useEventTracker").BpEventTrackerEvent) => void;
+        setGlobalEventProps: (props: Omit<import("@brand-page-maker/composables/useEventTracker").BpGlobalEventProps, "template_category">) => void;
+        setUpsellBridgeState: (props: import("@brand-page-maker/composables/useEventTracker").BpUpsellEventProps) => void;
+        setDomainUpsellBridgeState: (props: import("@brand-page-maker/composables/useEventTracker").BpUpsellEventProps) => void;
+        subscribe: (callbackFn: (event: import("@brand-page-maker/composables/useEventTracker").BpEventTrackerEvent) => void) => void;
+        sendWebsiteEvent: (event: import("@brand-page-maker/composables/useEventTracker").BpEventTrackerEvent) => void;
         sendWebsiteMakerOpenEvent: (location: string) => void;
         sendUpsellOpenEvent: (cta_location?: string | undefined) => void;
         sendDomainUpsellOpenEvent: () => void;

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

@@ -1,14 +1,14 @@
 import { defineComponent, computed } from 'vue';
-import { ITEM_CATEGORIES, ITEM_CATEGORY_NAMES, } from '../../../../brand-page-maker/models';
+import { ITEM_CATEGORIES, ITEM_CATEGORY_NAMES } from '@brand-page-maker/models';
 import { UI_EVENT_SOURCES } from '../../../models';
 import { PAGE_SETTINGS_SECTIONS, useUiPageSettingsStore, } from '../../../page-settings/store';
 import { useUiContentSettingsStore } from '../../store';
 import { CONTENT_SETTINGS_MODES } from '../../store';
-import { useBrandPageMakerStore, useBrandPageMakerUserStore, } from '../../../../brand-page-maker/stores';
+import { useBrandPageMakerStore, useBrandPageMakerUserStore, } from '@brand-page-maker/stores';
 import { SIDE_BAR_CONTENT_ID } from '../../constants';
-import { EVENTS, SELECT_LOCATIONS, useEventTracker, } from '../../../../brand-page-maker/composables/useEventTracker';
-import { useExternalRichTextEditor } from '../../../../brand-page-maker/composables/rich-text-editor/useRichTextEditor';
-import { switchAllContentToRTE, transformToRTE, RTE_ALLOWED_SECTION_TYPES, } from '../../../../brand-page-maker/utils';
+import { EVENTS, SELECT_LOCATIONS, useEventTracker, } from '@brand-page-maker/composables/useEventTracker';
+import { useExternalRichTextEditor } from '@brand-page-maker/composables/rich-text-editor/useRichTextEditor';
+import { switchAllContentToRTE, transformToRTE, RTE_ALLOWED_SECTION_TYPES, } from '@brand-page-maker/utils';
 import { useUiStyleSettingsStore } from '../../../style-settings/store';
 export default defineComponent({
     setup() {

package/lib/src/shared/content-settings/components/content-settings/ContentSettings.stories.js

@@ -1,10 +1,10 @@
 import { defineComponent } from 'vue';
 import * as uuid from 'uuid';
 import ContentSettings from './ContentSettings.vue';
-import { CONTENT_SETTINGS_CONFIGS } from '../../../../brand-page-maker/constants';
-import { mapContentSettingsConfigToAddContentOption } from '../../../../brand-page-maker/utils';
-import { DEFAULT_MAX_NUM_OF_PAGES, } from '../../../../brand-page-maker/stores';
-import { setupStoryPinia } from '../../../../brand-page-maker/components/brand-page-maker/__fixtures__/store-fixture';
+import { CONTENT_SETTINGS_CONFIGS } from '@brand-page-maker/constants';
+import { mapContentSettingsConfigToAddContentOption } from '@brand-page-maker/utils';
+import { DEFAULT_MAX_NUM_OF_PAGES, } from '@brand-page-maker/stores';
+import { setupStoryPinia } from '@brand-page-maker/components/brand-page-maker/__fixtures__/store-fixture';
 import { useUiContentSettingsStore } from '../../store';
 export default {
     title: 'Components/BrandPage/ContentSettings',