@designcrowd/library.brand-page 5.16.48 → 5.16.49

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

@@ -1,5 +1,5 @@
-import type { UserDomainName } from '../../brand-page/models/user-domain.model';
-import { type DomainObjectType } from '../../brand-page-maker/constants/brandpage-constant';
+import type { UserDomainName } from '@brand-page/models/user-domain.model';
+import { type DomainObjectType } from '@brand-page-maker/constants/brandpage-constant';
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     visible: {
         type: BooleanConstructor;
@@ -65,11 +65,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     abTests: import("vue").ComputedRef<Record<string, string>>;
     brandPageType: import("vue").ComputedRef<"default" | "brandSite" | "brandContact">;
     isSubsequentPublish: 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/models").BrandPageModel;
+        brandPageData(): import("@brand-page/models").BrandPageModel;
         brandPageToken(): string | undefined;
         brandPageDescription(): string;
         brandPageSlug(): string;
@@ -127,14 +127,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             settings: import("../content-settings/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;
@@ -143,7 +143,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             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;
@@ -161,29 +161,29 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         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 import("../../brand-page/models").Content, P extends {
+        updateContent<TContent extends import("@brand-page/models").Content, P extends {
             id: string;
             content: TContent;
         }>(payload: P): Promise<void>;
-        export(): import("../../brand-page/models").BrandPageModel;
+        export(): import("@brand-page/models").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/models").PageModel[];
+            pages: import("@brand-page/models").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>;
@@ -193,12 +193,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         validateContentItems(): Promise<void>;
         validateBrandPageData(): Promise<void>;
         setViewport(payload: {
-            viewport: import("../../brand-page/models").ViewportsType;
+            viewport: import("@brand-page/models").ViewportsType;
         }): void;
         showStripeOnboardingModal(): Promise<void>;
         selectInitialCategories(payload: import("../template-settings/models").InitialCategories): void;
     }>;
-    brandPageContainerStore: import("pinia").Store<"brandPageContainer", import("../../brand-page-maker/stores").BrandPageContainerState, {
+    brandPageContainerStore: import("pinia").Store<"brandPageContainer", import("@brand-page-maker/stores").BrandPageContainerState, {
         brandPageContentTypes(): string[];
         isAdmin(): boolean;
         isPublished: (state: {
@@ -262,7 +262,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             isContextualUpgradeModalVisible: boolean;
             contextualUpgradeType: string | number | symbol | undefined;
             requestVerificationToken?: string | undefined;
-        } & import("pinia").PiniaCustomStateProperties<import("../../brand-page-maker/stores").BrandPageContainerState>) => boolean;
+        } & import("pinia").PiniaCustomStateProperties<import("@brand-page-maker/stores").BrandPageContainerState>) => boolean;
         isUserDraft: (state: {
             availableTaxes: any[];
             brandPageBaseUrl: string;
@@ -324,7 +324,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             isContextualUpgradeModalVisible: boolean;
             contextualUpgradeType: string | number | symbol | undefined;
             requestVerificationToken?: string | undefined;
-        } & import("pinia").PiniaCustomStateProperties<import("../../brand-page-maker/stores").BrandPageContainerState>) => boolean;
+        } & import("pinia").PiniaCustomStateProperties<import("@brand-page-maker/stores").BrandPageContainerState>) => boolean;
     }, {
         initialise(payload: import("../../brand-page-maker/stores/brandpage-container").InitialisePayload): void;
         setDesignTemplateToken(payload: any): void;
@@ -430,11 +430,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         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/publish-brand-page-with-state/PublishBrandPageModalWithState.mixin.js

@@ -1,11 +1,11 @@
 import { defineComponent, computed } from 'vue';
-import { useBrandPageMakerStore, useBrandPageContainerStore, useLocalisedRouteStore, } from '../../brand-page-maker/stores';
+import { useBrandPageMakerStore, useBrandPageContainerStore, useLocalisedRouteStore, } from '@brand-page-maker/stores';
 import { getUserDomainNamesAsync as getActiveUserDomainNamesAsync } from '../../clients/user-domain-name-client';
-import { CUSTOM_DOMAIN_STATUSES, DOMAIN_TYPE, } from '../../brand-page-maker/constants/brandpage-constant';
-import { defaultUSDCurrency } from '../../brand-page-maker/constants/currency-constants';
-import { PUBLISH_MODAL_CONTINUATION_EVENTS, useEventTracker, } from '../../brand-page-maker/composables/useEventTracker';
-import { publishBrandPageModalWithStateTr } from '../../composables/useTranslate';
-import { BRAND_PAGE_TYPES } from '../../brand-page/models';
+import { CUSTOM_DOMAIN_STATUSES, DOMAIN_TYPE, } from '@brand-page-maker/constants/brandpage-constant';
+import { defaultUSDCurrency } from '@brand-page-maker/constants/currency-constants';
+import { PUBLISH_MODAL_CONTINUATION_EVENTS, useEventTracker, } from '@brand-page-maker/composables/useEventTracker';
+import { publishBrandPageModalWithStateTr } from '@src/composables/useTranslate';
+import { BRAND_PAGE_TYPES } from '@brand-page/models';
 export default defineComponent({
     props: {
         visible: {

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

@@ -14,7 +14,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         required: true;
     };
 }>, {
-    brandPageContainerStore: import("pinia").Store<"brandPageContainer", import("../../../brand-page-maker/stores").BrandPageContainerState, {
+    brandPageContainerStore: import("pinia").Store<"brandPageContainer", import("@brand-page-maker/stores").BrandPageContainerState, {
         brandPageContentTypes(): string[];
         isAdmin(): boolean;
         isPublished: (state: {
@@ -78,7 +78,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             isContextualUpgradeModalVisible: boolean;
             contextualUpgradeType: string | number | symbol | undefined;
             requestVerificationToken?: string | undefined;
-        } & import("pinia").PiniaCustomStateProperties<import("../../../brand-page-maker/stores").BrandPageContainerState>) => boolean;
+        } & import("pinia").PiniaCustomStateProperties<import("@brand-page-maker/stores").BrandPageContainerState>) => boolean;
         isUserDraft: (state: {
             availableTaxes: any[];
             brandPageBaseUrl: string;
@@ -140,7 +140,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             isContextualUpgradeModalVisible: boolean;
             contextualUpgradeType: string | number | symbol | undefined;
             requestVerificationToken?: string | undefined;
-        } & import("pinia").PiniaCustomStateProperties<import("../../../brand-page-maker/stores").BrandPageContainerState>) => boolean;
+        } & import("pinia").PiniaCustomStateProperties<import("@brand-page-maker/stores").BrandPageContainerState>) => boolean;
     }, {
         initialise(payload: import("../../../brand-page-maker/stores/brandpage-container").InitialisePayload): void;
         setDesignTemplateToken(payload: any): void;
@@ -265,7 +265,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             sectionName?: string | undefined;
         }): void;
     }>;
-    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/side-bar/components/SideBar.mixin.js

@@ -1,6 +1,6 @@
 import { defineComponent, computed, ref } from 'vue';
 import { useUiSideBarStore } from '../store';
-import { useBrandPageContainerStore, useBrandPageMakerUserStore, useBrandPageMakerStore, } from '../../../brand-page-maker/stores';
+import { useBrandPageContainerStore, useBrandPageMakerUserStore, useBrandPageMakerStore, } from '@brand-page-maker/stores';
 import { SIDE_BAR_CONTENT_ID } from '../../content-settings/constants';
 import { useUiContentSettingsStore } from '../../content-settings/store';
 export default defineComponent({

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

@@ -20,11 +20,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         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/side-bar/components/SideBarTabButton.mixin.js

@@ -1,7 +1,7 @@
 import { defineComponent, computed } from 'vue';
 import { useUiSideBarStore } from '../store';
-import { useBrandPageContainerStore } from '../../../brand-page-maker/stores';
-import { useEventTracker } from '../../../brand-page-maker/composables/useEventTracker';
+import { useBrandPageContainerStore } from '@brand-page-maker/stores';
+import { useEventTracker } from '@brand-page-maker/composables/useEventTracker';
 export default defineComponent({
     props: {
         tab: {

package/lib/src/shared/side-bar/store/side-bar-store.js

@@ -1,6 +1,6 @@
 import { nextTick } from 'vue';
 import { defineStore } from 'pinia';
-import { DEFAULT_SIDE_BAR_TABS, SIDE_BAR_TAB_NAMES, } from '../../../brand-page-maker/constants';
+import { DEFAULT_SIDE_BAR_TABS, SIDE_BAR_TAB_NAMES, } from '@brand-page-maker/constants';
 import { PAGE_SETTINGS_SECTIONS, useUiPageSettingsStore, } from '../../page-settings/store';
 export const useUiSideBarStore = defineStore('uiSideBar', {
     state: () => ({

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

@@ -1,4 +1,4 @@
-import { type ButtonStyleConfigOption, type OtherStyleConfigOption } from '../../../brand-page-maker/models';
+import { type ButtonStyleConfigOption, type OtherStyleConfigOption } from '@brand-page-maker/models';
 import type { UpdateItemValuePayload } from '../../content-settings/models';
 declare const _default: import("vue").DefineComponent<{}, {
     logoTheme: import("vue").ComputedRef<{
@@ -350,7 +350,7 @@ declare const _default: import("vue").DefineComponent<{}, {
     buttonSoftShadowColor: import("vue").ComputedRef<string>;
     defaultTextColor: import("vue").ComputedRef<string | undefined>;
     logoBackgroundColor: import("vue").ComputedRef<string | undefined>;
-    selectedButtonStyleConfig: import("vue").ComputedRef<import("../../../brand-page-maker/models").ButtonStyleConfig | undefined>;
+    selectedButtonStyleConfig: import("vue").ComputedRef<import("@brand-page-maker/models").ButtonStyleConfig | undefined>;
     selectedTextFontFamily: import("vue").ComputedRef<"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: import("vue").ComputedRef<boolean>;
     toggleLogoBackground: import("vue").ComputedRef<() => Promise<any>>;
@@ -364,7 +364,7 @@ declare const _default: import("vue").DefineComponent<{}, {
         endpoints: () => import("../../models").Endpoints;
     }, {
         setLogoTheme(payload: {
-            logoTheme: import("../../../brand-page").LogoTheme;
+            logoTheme: import("@brand-page").LogoTheme;
         }): void;
         setIsDefaultTextColorRequired(payload: {
             isDefaultTextColorRequired: boolean;
@@ -379,7 +379,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             mode: "desktop" | "mobile";
         }): void;
         setUserPersonalisationData({ personalisationData, }: {
-            personalisationData: import("../../../brand-page").UserPersonalisationContent[];
+            personalisationData: import("@brand-page").UserPersonalisationContent[];
         }): void;
         onBackgroundChanged(): void;
         onContentChanged(): void;
@@ -392,7 +392,7 @@ declare const _default: import("vue").DefineComponent<{}, {
         triggerLockedContentClickedEvent(payload: {
             type: string;
         }): Promise<void>;
-        onTemplateSelected(payload: import("../../../brand-page-maker/stores").OnTemplateSelectedPayload): Promise<void>;
+        onTemplateSelected(payload: import("@brand-page-maker/stores").OnTemplateSelectedPayload): Promise<void>;
         showUpgradeModalAndSaveAsync(contextualUpgradeType?: string | number | symbol | undefined): Promise<void>;
         setIsPersonalisationEnabled({ isPersonalisationEnabled, }: {
             isPersonalisationEnabled: boolean;
@@ -407,10 +407,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;
@@ -427,32 +427,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("../models").SetGalleryTypePayload): void;
         setGalleryStyles(payload: import("../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;
@@ -462,7 +462,7 @@ declare const _default: import("vue").DefineComponent<{}, {
         }): Promise<void>;
         toggleLogoBackground(): Promise<any>;
     }>;
-    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;
@@ -472,17 +472,17 @@ declare const _default: import("vue").DefineComponent<{}, {
             features?: Partial<import("../../../constants/ui").UIUserFeatures> | undefined;
         }): void;
     }>;
-    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;
@@ -534,14 +534,14 @@ declare const _default: import("vue").DefineComponent<{}, {
             settings: import("../../content-settings/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;
@@ -550,7 +550,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;
@@ -568,29 +568,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 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("../../../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>;
@@ -600,12 +600,12 @@ 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;
     }>;
-    brandPageContainerStore: import("pinia").Store<"brandPageContainer", import("../../../brand-page-maker/stores").BrandPageContainerState, {
+    brandPageContainerStore: import("pinia").Store<"brandPageContainer", import("@brand-page-maker/stores").BrandPageContainerState, {
         brandPageContentTypes(): string[];
         isAdmin(): boolean;
         isPublished: (state: {
@@ -669,7 +669,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             isContextualUpgradeModalVisible: boolean;
             contextualUpgradeType: string | number | symbol | undefined;
             requestVerificationToken?: string | undefined;
-        } & import("pinia").PiniaCustomStateProperties<import("../../../brand-page-maker/stores").BrandPageContainerState>) => boolean;
+        } & import("pinia").PiniaCustomStateProperties<import("@brand-page-maker/stores").BrandPageContainerState>) => boolean;
         isUserDraft: (state: {
             availableTaxes: any[];
             brandPageBaseUrl: string;
@@ -731,7 +731,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             isContextualUpgradeModalVisible: boolean;
             contextualUpgradeType: string | number | symbol | undefined;
             requestVerificationToken?: string | undefined;
-        } & import("pinia").PiniaCustomStateProperties<import("../../../brand-page-maker/stores").BrandPageContainerState>) => boolean;
+        } & import("pinia").PiniaCustomStateProperties<import("@brand-page-maker/stores").BrandPageContainerState>) => boolean;
     }, {
         initialise(payload: import("../../../brand-page-maker/stores/brandpage-container").InitialisePayload): void;
         setDesignTemplateToken(payload: any): void;
@@ -759,7 +759,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             customDomainConfig: any;
         }): void;
         setBrandPageCustomDomain(payload: {
-            customDomain: import("../../../brand-page-maker/models").CustomDomainModel | null;
+            customDomain: import("@brand-page-maker/models").CustomDomainModel | null;
         }): void;
         setCreateCustomDomainErrorMessage(payload: any): void;
         setBrandPageIsCustomDomainEnabled(payload: any): void;
@@ -837,7 +837,7 @@ declare const _default: import("vue").DefineComponent<{}, {
         setBackgroundStyle({ backgroundStyle, }: {
             backgroundStyle: Partial<Omit<BrandPageCssStyle, "backgroundColor">>;
         }): void;
-        setBackgroundShapes(payload: import("../../../brand-page").BackgroundShape[]): void;
+        setBackgroundShapes(payload: import("@brand-page").BackgroundShape[]): void;
         setBackgroundPersonalisationRole(payload: {
             personalisationRole: "website" | "email" | "phone" | "profile" | "about" | "information" | "media" | undefined;
         }): void;
@@ -860,7 +860,7 @@ declare const _default: import("vue").DefineComponent<{}, {
         setAdminBackgroundOptionDefaultValues(): void;
         setState(payload: import("../../background-settings/models").BackgroundSetStatePayload): void;
         setBackgroundStyles({ backgroundStyles, }: {
-            backgroundStyles: import("../../../brand-page").BackgroundStyles;
+            backgroundStyles: import("@brand-page").BackgroundStyles;
         }): void;
         setBackgroundShapeSettings(payload: import("../../background-settings/background-settings-models").SetBackgroundShapeSettingsPayload): void;
         setRecommendedLogoColors(payload: import("../../background-settings/background-settings-models").SetRecommendedLogoColorsPayload): void;
@@ -875,11 +875,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/style-settings/components/StyleSettings.mixin.js

@@ -1,14 +1,14 @@
 import { defineComponent, computed } from 'vue';
-import { ButtonStyleConfigOptions, OtherStyleConfigOptions, } from '../../../brand-page-maker/models';
+import { ButtonStyleConfigOptions, OtherStyleConfigOptions, } from '@brand-page-maker/models';
 import { isAnEvent } from '../../../helpers/ts.helper';
-import { STYLE_THEME_KEYS } from '../../../brand-page';
-import { RGBAtoHex } from '../../../utils/helpers';
-import { isColorMatched } from '../../../brand-page-maker/utils';
+import { STYLE_THEME_KEYS } from '@brand-page';
+import { RGBAtoHex } from '@utils/helpers';
+import { isColorMatched } from '@brand-page-maker/utils';
 import { useUiStyleSettingsStore } from '../store';
 import { useUiBackgroundSettingsStore } from '../../background-settings/store';
-import { useBrandPageContainerStore, useBrandPageMakerStore, useBrandPageMakerUserStore, useUiStore, } from '../../../brand-page-maker/stores';
-import { TRIGGER_TYPE, UPGRADE_CTA_LOCATIONS, useEventTracker, } from '../../../brand-page-maker/composables/useEventTracker';
-import { styleSettingsTr } from '../../../composables/useTranslate';
+import { useBrandPageContainerStore, useBrandPageMakerStore, useBrandPageMakerUserStore, useUiStore, } from '@brand-page-maker/stores';
+import { TRIGGER_TYPE, UPGRADE_CTA_LOCATIONS, useEventTracker, } from '@brand-page-maker/composables/useEventTracker';
+import { styleSettingsTr } from '@src/composables/useTranslate';
 import { WEBSITE_UPGRADE_CONTEXT_TYPES } from '@designcrowd/fe-shared-lib';
 export default defineComponent({
     setup() {

package/lib/src/shared/style-settings/components/StyleSettings.stories.js

@@ -1,9 +1,9 @@
 import { defineComponent } from 'vue';
 import { createPinia, setActivePinia } from 'pinia';
 import StyleSettings from './StyleSettings.vue';
-import { setupStoryPinia } from '../../../brand-page-maker/components/brand-page-maker/__fixtures__/store-fixture';
-import { useBrandPageMakerStore, useBrandPageMakerUserStore, } from '../../../brand-page-maker/stores';
-import { INITIALISE_PAYLOAD, USER_FEATURES } from '../../../brand-page-maker/components/brand-page-maker/__fixtures__';
+import { setupStoryPinia } from '@brand-page-maker/components/brand-page-maker/__fixtures__/store-fixture';
+import { useBrandPageMakerStore, useBrandPageMakerUserStore, } from '@brand-page-maker/stores';
+import { INITIALISE_PAYLOAD, USER_FEATURES } from '@brand-page-maker/components/brand-page-maker/__fixtures__';
 export default {
     title: 'Components/BrandPageMaker/StyleSettings',
     component: StyleSettings,

package/lib/src/shared/style-settings/models.d.ts

@@ -1,4 +1,4 @@
-import type { FontFamilyKey, FontFamilyCategory, GalleryType } from '../../brand-page';
+import type { FontFamilyKey, FontFamilyCategory, GalleryType } from '@brand-page';
 export type ButtonStyles = ButtonStyle[];
 export interface ButtonDataPicker {
     label: string;

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

@@ -1,7 +1,7 @@
-import type { ButtonStyleConfig, ButtonStyleConfigOption } from '../../../brand-page-maker/models';
-import type { BrandPageType, TextStyleDeclaration, ViewportsType } from '../../../brand-page';
-import { ButtonStyles, GalleryStyles, type GalleryType, LogoStyles, TextStyles, type FontFamilyKey, type TextStyleType } from '../../../brand-page';
-import type { OtherStyleConfigOption } from '../../../brand-page-maker/models';
+import type { ButtonStyleConfig, ButtonStyleConfigOption } from '@brand-page-maker/models';
+import type { BrandPageType, TextStyleDeclaration, ViewportsType } from '@brand-page';
+import { ButtonStyles, GalleryStyles, type GalleryType, LogoStyles, TextStyles, type FontFamilyKey, type TextStyleType } from '@brand-page';
+import type { OtherStyleConfigOption } from '@brand-page-maker/models';
 import type { SetGalleryTypePayload, StyleTextFontFamilyOption } from '../models';
 export interface StyleSettingsState {
     availableButtonStyleConfigs: ButtonStyleConfig[];