@designcrowd/library.brand-page 5.16.45 → 5.16.47-alias-1

package/lib/src/shared/content-settings/components/payment-config-field/PaymentConfigField.mixin.d.ts

@@ -1,5 +1,5 @@
 import type { PropType } from 'vue';
-import type { BrandPagePaymentConfig, BrandPagePaymentConfigCurrency, PaymentConfig } from '../../../../brand-page';
+import type { BrandPagePaymentConfig, BrandPagePaymentConfigCurrency, PaymentConfig } from '@brand-page';
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     id: {
         type: StringConstructor;
@@ -21,7 +21,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
 }>, {
     brandPageToken: import("vue").ComputedRef<string | undefined>;
     isPaymentConfigSetupVisible: import("vue").ComputedRef<boolean>;
-    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: {
@@ -85,7 +85,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;
@@ -147,7 +147,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;
@@ -272,7 +272,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         pushManageWebPageUpdateSensitiveContentClickEvent(): Promise<void>;
         pushManageWebPageUnpublishClickEvent(): Promise<void>;
     }>;
-    shopConfigStore: import("pinia").Store<"shopConfig", import("../../../../shared/ecommerce-settings/store/shop-settings-store").ShopConfigState, {
+    shopConfigStore: import("pinia").Store<"shopConfig", import("@shared/ecommerce-settings/store/shop-settings-store").ShopConfigState, {
         productsJson(state: {
             paymentConfig: {
                 id: string;
@@ -316,7 +316,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 hasVariants: boolean;
                 enableNotes: boolean;
             }[];
-        } & import("pinia").PiniaCustomStateProperties<import("../../../../shared/ecommerce-settings/store/shop-settings-store").ShopConfigState>): string;
+        } & import("pinia").PiniaCustomStateProperties<import("@shared/ecommerce-settings/store/shop-settings-store").ShopConfigState>): string;
         currencySymbol(state: {
             paymentConfig: {
                 id: string;
@@ -360,11 +360,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 hasVariants: boolean;
                 enableNotes: boolean;
             }[];
-        } & import("pinia").PiniaCustomStateProperties<import("../../../../shared/ecommerce-settings/store/shop-settings-store").ShopConfigState>): string;
+        } & import("pinia").PiniaCustomStateProperties<import("@shared/ecommerce-settings/store/shop-settings-store").ShopConfigState>): string;
     }, {
         initialiseShopStore(options: {
             paymentConfig: BrandPagePaymentConfig | undefined;
-            pages: import("../../../../brand-page").PageModel[];
+            pages: import("@brand-page").PageModel[];
         }): void;
         setPaymentConfig(value: BrandPagePaymentConfig): void;
         getProductById(id: string): import("../../../../brand-page/models/shop.model").ProductModel | undefined;
@@ -377,18 +377,18 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         deleteProduct(id: any): void;
         getVariantCombinations(variants: import("../../../../brand-page/models/shop.model").VariantModel[]): import("../../../../brand-page/models/shop.model").VariantOptionModel[][];
     }>;
-    uiPageSettingsStore: import("pinia").Store<"uiPageSettings", import("../../../page-settings/store/page-settings-store").PageSettingsState, {
+    uiPageSettingsStore: import("pinia").Store<"uiPageSettings", import("@shared/page-settings/store").PageSettingsState, {
         pageIndex(): number;
     }, {
         setCurrentPageIndex({ pageIndex }: {
             pageIndex: number;
         }): void;
         setState({ newState, }: {
-            newState: Omit<import("../../../page-settings/store/page-settings-store").PageSettingsState, "sectionCollapsedStates">;
+            newState: Omit<import("@shared/page-settings/store").PageSettingsState, "sectionCollapsedStates">;
         }): void;
         setPageContents({ pageIndex, contents, }: {
             pageIndex: number;
-            contents: import("../../models").ContentItem<import("../../../../brand-page").Content>[];
+            contents: import("../../models").ContentItem<import("@brand-page").Content>[];
         }): void;
         setPages({ pages }: {
             pages: import("../../../page-settings/models").ContentPage[];
@@ -412,16 +412,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             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;
@@ -442,7 +442,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         }): void;
         addNewPage(payload: {
             title: string;
-        }): void;
+        }): import("../../../page-settings/models").ContentPage;
         setSelectedSectionName({ sectionName, }: {
             sectionName?: "footer" | "header" | "pages" | undefined;
         }): void;

package/lib/src/shared/content-settings/components/payment-config-field/PaymentConfigField.mixin.js

@@ -1,9 +1,9 @@
 import { computed, defineComponent } from 'vue';
-import { useBrandPageContainerStore, useEventManagerStore, } from '../../../../brand-page-maker/stores';
-import { useShopConfigStore } from '../../../../shared/ecommerce-settings/store/shop-settings-store';
-import { paymentConfigTr } from '../../../../composables/useTranslate';
+import { useBrandPageContainerStore, useEventManagerStore, } from '@brand-page-maker/stores';
+import { useShopConfigStore } from '@shared/ecommerce-settings/store/shop-settings-store';
+import { paymentConfigTr } from '@src/composables/useTranslate';
 import brandPageClient from '../../../../clients/brand-page-client';
-import { useUiPageSettingsStore } from '../../../../shared/page-settings/store';
+import { useUiPageSettingsStore } from '@shared/page-settings/store';
 export default defineComponent({
     props: {
         id: {

package/lib/src/shared/content-settings/components/payment-config-field/PaymentConfigOptionField.mixin.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="types/lodash-shims" />
 import type { PropType } from 'vue';
-import type { PaymentOption } from '../../../../brand-page';
+import type { PaymentOption } from '@brand-page';
 import type { DebounceHandle } from 'lodash.debounce';
 export interface PaymentOptionField extends PaymentOption {
     isChanged: boolean;

package/lib/src/shared/content-settings/components/payment-config-field/PaymentConfigOptionField.mixin.js

@@ -1,9 +1,9 @@
 import { defineComponent } from 'vue';
-import { PAYMENT_OPTION_DISPLAY_TYPES, PAYMENT_OPTION_IMAGE_TYPES, } from '../../../../brand-page';
-import { isPaymentAmountValid } from '../../../../brand-page/utils';
+import { PAYMENT_OPTION_DISPLAY_TYPES, PAYMENT_OPTION_IMAGE_TYPES, } from '@brand-page';
+import { isPaymentAmountValid } from '@brand-page/utils';
 import { v4 as uuid } from 'uuid';
 import debounce from 'lodash.debounce';
-import { errorTr } from '../../../../composables/useTranslate';
+import { errorTr } from '@src/composables/useTranslate';
 const MAX_PAYMENT_DESCRIPTION_LENGTH = 100;
 const DEBOUNCE_IN_MS = 250;
 const MAX_PAYMENT_DESCRIPTION_REACHED_MSG = () => errorTr('maxCharactersDescription');

package/lib/src/shared/content-settings/components/payment-config-field/PaymentConfigOptionFieldAdaptor.mixin.d.ts

@@ -1,5 +1,5 @@
 import type { PropType } from 'vue';
-import type { PaymentOption, PaymentOptionDisplayType, RequestPaymentConfig } from '../../../../brand-page';
+import type { PaymentOption, PaymentOptionDisplayType, RequestPaymentConfig } from '@brand-page';
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     id: {
         type: StringConstructor;

package/lib/src/shared/content-settings/components/payment-config-field/payment-config-field-utils.d.ts

@@ -1,4 +1,4 @@
-import type { PaymentConfig } from '../../../../brand-page';
+import type { PaymentConfig } from '@brand-page';
 declare const _default: {
     getCurrencySymbolByRequestPaymentConfig: (value: PaymentConfig) => string;
 };

package/lib/src/shared/content-settings/components/payment-config-field/payment-config-field-utils.js

@@ -1,4 +1,4 @@
-import { DEFAULT_CURRENCY_SYMBOL } from '../../../../brand-page/constants';
+import { DEFAULT_CURRENCY_SYMBOL } from '@brand-page/constants';
 const getCurrencySymbolByRequestPaymentConfig = (value) => {
     return value.paymentConfig?.defaultCurrencySymbol || DEFAULT_CURRENCY_SYMBOL;
 };

package/lib/src/shared/content-settings/components/payment-config-field/payment-link-display-style-field/PaymentImageStyleField.mixin.d.ts

@@ -1,5 +1,5 @@
-import type { ButtonGroupOption } from '../../../../../brand-page-maker/models/button-group.model';
-import type { PaymentOptionImageType, RequestPaymentConfig } from '../../../../../brand-page';
+import type { ButtonGroupOption } from '@brand-page-maker/models/button-group.model';
+import type { PaymentOptionImageType, RequestPaymentConfig } from '@brand-page';
 import type { PropType } from 'vue';
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     id: {

package/lib/src/shared/content-settings/components/payment-config-field/payment-link-display-style-field/PaymentImageStyleField.mixin.js

@@ -1,5 +1,5 @@
 import { defineComponent } from 'vue';
-import { PAYMENT_OPTION_IMAGE_TYPES } from '../../../../../brand-page';
+import { PAYMENT_OPTION_IMAGE_TYPES } from '@brand-page';
 export default defineComponent({
     props: {
         id: {

package/lib/src/shared/content-settings/components/payment-config-field/payment-toggle-field/PaymentToggleField.mixin.d.ts

@@ -1,5 +1,5 @@
 import type { PropType } from 'vue';
-import type { RequestPaymentConfig } from '../../../../../brand-page';
+import type { RequestPaymentConfig } from '@brand-page';
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     id: {
         type: StringConstructor;

package/lib/src/shared/content-settings/components/payment-config-field/request-payment-config-field/RequestPaymentConfigField.mixin.d.ts

@@ -1,7 +1,7 @@
 import type { PropType } from 'vue';
-import type { PaymentConfig, RequestPaymentConfig, PaymentOption, PaymentOptionDisplayType } from '../../../../../brand-page';
+import type { PaymentConfig, RequestPaymentConfig, PaymentOption, PaymentOptionDisplayType } from '@brand-page';
 import type { UpdateItemValuePayload } from '../../../models';
-import type { ButtonGroupOption } from '../../../../../brand-page-maker/models/button-group.model';
+import type { ButtonGroupOption } from '@brand-page-maker/models/button-group.model';
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     id: {
         type: StringConstructor;

package/lib/src/shared/content-settings/components/payment-config-field/request-payment-config-field/RequestPaymentConfigField.mixin.js

@@ -1,5 +1,5 @@
 import { defineComponent } from 'vue';
-import { PAYMENT_OPTION_DISPLAY_TYPES } from '../../../../../brand-page';
+import { PAYMENT_OPTION_DISPLAY_TYPES } from '@brand-page';
 import paymentConfigFieldUtils from '../payment-config-field-utils';
 export default defineComponent({
     props: {

package/lib/src/shared/content-settings/components/payment-config-field/support-me-config-field/SupportMeConfigField.mixin.d.ts

@@ -1,5 +1,5 @@
 import type { PropType } from 'vue';
-import type { PaymentConfig, PaymentOption, SupportMeConfig } from '../../../../../brand-page';
+import type { PaymentConfig, PaymentOption, SupportMeConfig } from '@brand-page';
 import type { UpdateItemValuePayload } from '../../../models';
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     id: {

package/lib/src/shared/content-settings/components/payment-config-field/support-me-config-field/SupportMeConfigField.mixin.js

@@ -1,5 +1,5 @@
 import { defineComponent } from 'vue';
-import { SUPPORT_ME_CUSTOM_PRODUCT_NAME } from '../../../../../brand-page/constants';
+import { SUPPORT_ME_CUSTOM_PRODUCT_NAME } from '@brand-page/constants';
 import { v4 as uuid } from 'uuid';
 import paymentConfigFieldUtils from '../payment-config-field-utils';
 export default defineComponent({

package/lib/src/shared/content-settings/components/radio-field/RadioField.mixin.d.ts

@@ -1,7 +1,7 @@
 import type { PropType } from 'vue';
-import type { MultiFieldOption, OptionsConvertor } from '../../../../brand-page-maker/models';
-import type { ButtonGroupOption } from '../../../../brand-page-maker/models/button-group.model';
-import { type BrandPageContext } from '../../../../brand-page';
+import type { MultiFieldOption, OptionsConvertor } from '@brand-page-maker/models';
+import type { ButtonGroupOption } from '@brand-page-maker/models/button-group.model';
+import { type BrandPageContext } from '@brand-page';
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     id: {
         type: StringConstructor;
@@ -50,7 +50,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     currentRoute: import("vue").ComputedRef<{
         params: any;
     }>;
-    brandPageData: import("vue").ComputedRef<import("../../../../brand-page").BrandPageModel>;
+    brandPageData: import("vue").ComputedRef<import("@brand-page").BrandPageModel>;
 }, {
     options: ButtonGroupOption[];
     columns: number | undefined;

package/lib/src/shared/content-settings/components/radio-field/RadioField.mixin.js

@@ -1,8 +1,8 @@
 import { defineComponent, computed } from 'vue';
 import FieldSubHeader from '../field-sub-header/FieldSubHeader.vue';
 import { Button } from '@designcrowd/fe-shared-lib';
-import { useBrandPageMakerStore, useRouteStore, } from '../../../../brand-page-maker/stores';
-import { BRAND_PAGE_TYPES, MEDIA_SIZES, } from '../../../../brand-page';
+import { useBrandPageMakerStore, useRouteStore, } from '@brand-page-maker/stores';
+import { BRAND_PAGE_TYPES, MEDIA_SIZES, } from '@brand-page';
 export default defineComponent({
     components: {
         FieldSubHeader,

package/lib/src/shared/content-settings/components/shape-field/ShapeField.mixin.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="types/lodash-shims" />
 import type { PropType } from 'vue';
-import type { ColorReplacement, LogoTheme, ShapeItem } from '../../../../brand-page';
+import type { ColorReplacement, LogoTheme, ShapeItem } from '@brand-page';
 import type { DebounceHandle } from 'lodash.debounce';
 import type { UpdateItemValuePayload } from '../../models';
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{

package/lib/src/shared/content-settings/components/shape-field/ShapeField.mixin.js

@@ -1,7 +1,7 @@
 import { defineComponent } from 'vue';
 import debounce from 'lodash.debounce';
 import cloneDeep from 'lodash.clonedeep';
-import { errorTr } from '../../../../composables/useTranslate';
+import { errorTr } from '@src/composables/useTranslate';
 const DEBOUNCE_IN_MS = 250;
 const SHAPE_FIELD_MAX_LENGTH = () => errorTr('maxCharacters');
 export default defineComponent({

package/lib/src/shared/content-settings/components/slider-field/SliderField.mixin.d.ts

@@ -1,5 +1,5 @@
 import type { PropType } from 'vue';
-import type { ValueConvertor } from '../../../../brand-page-maker/models';
+import type { ValueConvertor } from '@brand-page-maker/models';
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     id: {
         type: StringConstructor;

package/lib/src/shared/content-settings/components/testimonial-items-field/TestimonialItemsField.mixin.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="types/lodash-shims" />
 import type { PropType } from 'vue';
-import type { ColorReplacement, Content, LogoTheme, TestimonialItems } from '../../../../brand-page';
+import type { ColorReplacement, Content, LogoTheme, TestimonialItems } from '@brand-page';
 import type { DebounceHandle } from 'lodash.debounce';
 import type { UpdateItemValuePayload } from '../../models';
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{

package/lib/src/shared/content-settings/components/testimonial-items-field/TestimonialItemsField.mixin.js

@@ -1,9 +1,9 @@
 import { defineComponent, computed } from 'vue';
-import { EMPTY_TESTIMONIAL, MAX_DESCRIPTION_LENGTH, MAX_LENGTH_ERROR_MESSAGE, MAX_TITLE_LENGTH, } from '../../../../brand-page';
+import { EMPTY_TESTIMONIAL, MAX_DESCRIPTION_LENGTH, MAX_LENGTH_ERROR_MESSAGE, MAX_TITLE_LENGTH, } from '@brand-page';
 import debounce from 'lodash.debounce';
 import cloneDeep from 'lodash.clonedeep';
-import { useSnapshotStore } from '../../../../brand-page-maker/stores';
-import { getPlainTextFromRTE } from '../../../../brand-page-maker/utils';
+import { useSnapshotStore } from '@brand-page-maker/stores';
+import { getPlainTextFromRTE } from '@brand-page-maker/utils';
 import { isDefaultContentText } from '../../utils';
 const DEBOUNCE_IN_MS = 250;
 export default defineComponent({

package/lib/src/shared/content-settings/components/text-items-field/TextItemsField.mixin.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="types/lodash-shims" />
 import type { PropType } from 'vue';
-import type { Content, LogoTheme, TextItem, TextStyleDeclaration } from '../../../../brand-page/models';
+import type { Content, LogoTheme, TextItem, TextStyleDeclaration } from '@brand-page/models';
 import type { DebounceHandle } from 'lodash.debounce';
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     id: {

package/lib/src/shared/content-settings/components/text-items-field/TextItemsField.mixin.js

@@ -1,10 +1,10 @@
 import { defineComponent, computed } from 'vue';
-import { FONT_SIZE_BODY, MAX_LENGTH_ERROR_MESSAGE, MAX_TEXT_LENGTH, TEXT_EMPTY, TEXT_STYLE_TYPES, } from '../../../../brand-page';
+import { FONT_SIZE_BODY, MAX_LENGTH_ERROR_MESSAGE, MAX_TEXT_LENGTH, TEXT_EMPTY, TEXT_STYLE_TYPES, } from '@brand-page';
 import debounce from 'lodash.debounce';
 import cloneDeep from 'lodash.clonedeep';
-import { escapeContentText } from '../../../../brand-page/utils';
-import { useSnapshotStore } from '../../../../brand-page-maker/stores';
-import { getPlainTextFromRTE, replaceTextInRTE, } from '../../../../brand-page-maker/utils';
+import { escapeContentText } from '@brand-page/utils';
+import { useSnapshotStore } from '@brand-page-maker/stores';
+import { getPlainTextFromRTE, replaceTextInRTE } from '@brand-page-maker/utils';
 import { isDefaultContentText } from '../../utils';
 const DEBOUNCE_IN_MS = 250;
 export default defineComponent({

package/lib/src/shared/content-settings/components/text-style-field/TextStyleField.mixin.d.ts

@@ -1,7 +1,7 @@
 import type { PropType } from 'vue';
 import type { StyleTextFontFamilyOption } from '../../../style-settings/models';
-import type { ButtonGroupOption } from '../../../../brand-page-maker/models/button-group.model';
-import type { LogoTheme, TextStyleDeclaration, TextStyleType } from '../../../../brand-page';
+import type { ButtonGroupOption } from '@brand-page-maker/models/button-group.model';
+import type { LogoTheme, TextStyleDeclaration, TextStyleType } from '@brand-page';
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     id: {
         type: StringConstructor;
@@ -86,7 +86,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         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;
@@ -103,14 +103,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             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";
@@ -120,15 +120,15 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             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;
@@ -282,7 +282,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         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;
@@ -299,14 +299,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             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";
@@ -316,15 +316,15 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             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;

package/lib/src/shared/content-settings/components/text-style-field/TextStyleField.mixin.js

@@ -2,9 +2,9 @@ import { defineComponent, computed } from 'vue';
 import debounce from 'lodash.debounce';
 import { ref } from 'vue';
 import { v4 as uuidV4 } from 'uuid';
-import { backgroundColorConvertor, colorConvertor, textAlignmentOptionsConvertor, textCSSStyleOptionsConvertor, textSizeValueConvertor, letterSpacingValueConvertor, lineHeightValueConvertor, } from '../../../../brand-page-maker/convertors';
+import { backgroundColorConvertor, colorConvertor, textAlignmentOptionsConvertor, textCSSStyleOptionsConvertor, textSizeValueConvertor, letterSpacingValueConvertor, lineHeightValueConvertor, } from '@brand-page-maker/convertors';
 import { useUiStyleSettingsStore } from '../../../style-settings/store';
-import { FONT_FAMILY_CONFIGS, MIN_TEXT_SIZE_PX, MAX_TEXT_SIZE_PX, MIN_LETTER_SPACING_PERCENT, MAX_LETTER_SPACING_PERCENT, MIN_LINE_HEIGHT, MAX_LINE_HEIGHT, TEXT_STYLE_TYPES, TEXT_STYLE_TYPES_DISPLAY_NAME_MAP, } from '../../../../brand-page';
+import { FONT_FAMILY_CONFIGS, MIN_TEXT_SIZE_PX, MAX_TEXT_SIZE_PX, MIN_LETTER_SPACING_PERCENT, MAX_LETTER_SPACING_PERCENT, MIN_LINE_HEIGHT, MAX_LINE_HEIGHT, TEXT_STYLE_TYPES, TEXT_STYLE_TYPES_DISPLAY_NAME_MAP, } from '@brand-page';
 const TEXT_SIZE_CHANGE_DEBOUNCE_WAIT_IN_MS = 5;
 export default defineComponent({
     props: {

package/lib/src/shared/content-settings/components/textarea-field/TextareaField.mixin.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="types/lodash-shims" />
 import { type PropType } from 'vue';
-import type { TextItem } from '../../../../brand-page';
+import type { TextItem } from '@brand-page';
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     enableMaxLengthError: {
         type: BooleanConstructor;

package/lib/src/shared/content-settings/components/toggle-field/ToggleField.mixin.d.ts

@@ -1,5 +1,5 @@
 import type { PropType } from 'vue';
-import type { ValueConvertor } from '../../../../brand-page-maker/models';
+import type { ValueConvertor } from '@brand-page-maker/models';
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     id: {
         type: StringConstructor;

package/lib/src/shared/content-settings/components/youtube-video-field/YoutubeVideoField.mixin.js

@@ -1,7 +1,7 @@
 import { defineComponent } from 'vue';
 import GenericTextInputMixin from '../GenericTextInput.mixin';
-import { YOUTUBE_URL_RE } from '../../../../brand-page-maker/utils';
-import { YOUTUBE_EMBED_URL_PREFIX } from '../../../../brand-page-maker/constants';
+import { YOUTUBE_URL_RE } from '@brand-page-maker/utils';
+import { YOUTUBE_EMBED_URL_PREFIX } from '@brand-page-maker/constants';
 export default defineComponent({
     mixins: [GenericTextInputMixin],
     data() {

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

@@ -1,6 +1,6 @@
-import type { Content, ColorReplacement, ContentType, BrandPageType } from '../../brand-page';
-import type { ContentSettingsDisplayMode, ContentSettingsField, ContentSettingsFieldGroup, ContentSettingsMultiField, ValidateResult } from '../../brand-page-maker/models';
-import type { UserState } from '../../brand-page-maker/stores';
+import type { Content, ColorReplacement, ContentType, BrandPageType } from '@brand-page';
+import type { ContentSettingsDisplayMode, ContentSettingsField, ContentSettingsFieldGroup, ContentSettingsMultiField, ValidateResult } from '@brand-page-maker/models';
+import type { UserState } from '@brand-page-maker/stores';
 import type { MediaBaseSelectedPayload } from '../my-uploads/models';
 export interface ContentItemFieldSettings {
     errorMessage: string;

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

@@ -1,7 +1,7 @@
 import type { AddContentOption, ContentItem, ContentItemFieldSettings, ContentSettingsItemGroupState, ContentSettingsItemState, SetItemSettingsFieldErrorMessagePayload, UpdateItemValuePayload, UpdateMultipleItemValuesPayload, ValidateItemPayload } from '../models';
-import type { ColorReplacement, Content } from '../../../brand-page';
+import type { ColorReplacement, Content } from '@brand-page';
 import type { UIEventSource } from '../../models';
-import type { ContentSettingsConfig, ItemCategory } from '../../../brand-page-maker/models';
+import type { ContentSettingsConfig, ItemCategory } from '@brand-page-maker/models';
 import type { MediaBaseSelectedPayload } from '../../my-uploads/models';
 export declare const CONTENT_SETTINGS_MODES: {
     readonly edit: "edit";

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

@@ -1,14 +1,14 @@
 import { defineStore } from 'pinia';
-import { CONTENT_SETTINGS_CONFIGS, SIDE_BAR_TAB_NAMES, } from '../../../brand-page-maker/constants';
+import { CONTENT_SETTINGS_CONFIGS, SIDE_BAR_TAB_NAMES, } from '@brand-page-maker/constants';
 import { RESERVED_FIELD_NAMES } from '../constants';
 import { UI_EVENT_SOURCES } from '../../models';
-import { CONTENT_SETTINGS_DISPLAY_MODES, ITEM_CATEGORIES, ITEM_CATEGORY_NAMES, } from '../../../brand-page-maker/models';
-import { useUiStore, useBrandPageMakerUserStore, useBrandPageMakerStore, useVideoStore, } from '../../../brand-page-maker/stores';
+import { CONTENT_SETTINGS_DISPLAY_MODES, ITEM_CATEGORIES, ITEM_CATEGORY_NAMES, } from '@brand-page-maker/models';
+import { useUiStore, useBrandPageMakerUserStore, useBrandPageMakerStore, useVideoStore, } from '@brand-page-maker/stores';
 import { useUiSideBarStore } from '../../side-bar/store';
 import { createDefaultContentItemGroupState, createDefaultContentItemState, } from '../../navigation-style-settings/store';
-import { adminValidatorsDict, dummyValidator, validatorDict, } from '../../../brand-page-maker/validators';
+import { adminValidatorsDict, dummyValidator, validatorDict, } from '@brand-page-maker/validators';
 import { vueDeepMerge } from '../../../helpers/vue.helper';
-import {} from '../../../brand-page-maker/stores/video';
+import {} from '@brand-page-maker/stores/video';
 const DEFAULT_TEXT_COLOR_DEPENDENT_TYPES = [
     'profile',
     'text',

package/lib/src/shared/content-settings/utils.d.ts

@@ -1,6 +1,6 @@
 import type { Field, UpdateItemValuePayload } from './models';
-import type { ContentSettingsConfig } from '../../brand-page-maker/models';
-import type { Content, ContentType } from '../../brand-page';
+import type { ContentSettingsConfig } from '@brand-page-maker/models';
+import type { Content, ContentType } from '@brand-page';
 export declare function isUpdateItemValuePayload<T>(payload: UpdateItemValuePayload<T>): payload is UpdateItemValuePayload<T>;
 export declare const getContentSettingsTemplate: (type: ContentType) => ContentSettingsConfig<any> | null;
 export declare const getContentSettingDisplayName: (template: ContentSettingsConfig<any> | null | undefined) => string;

package/lib/src/shared/content-settings/utils.js

@@ -1,6 +1,6 @@
 import { ESCAPED_NEWLINE_CHARACTER } from '../../constants/ui';
-import { CONTENT_SETTINGS_CONFIGS } from '../../brand-page-maker/constants';
-import { contentSettingsTr } from '../../composables/useTranslate';
+import { CONTENT_SETTINGS_CONFIGS } from '@brand-page-maker/constants';
+import { contentSettingsTr } from '@src/composables/useTranslate';
 export function isUpdateItemValuePayload(payload) {
     return !(!payload || !payload.id || !payload.name || !payload.value);
 }

package/lib/src/shared/ecommerce-settings/store/shop-settings-store.d.ts

@@ -1,6 +1,6 @@
-import type { ProductModel, VariantModel, VariantOptionModel } from '../../../brand-page/models/shop.model';
+import type { ProductModel, VariantModel, VariantOptionModel } from '@brand-page/models/shop.model';
 import type { BrandPagePaymentConfig } from 'src/brand-page';
-import type { PageModel } from '../../../brand-page/models/index';
+import type { PageModel } from '@brand-page/models/index';
 export interface ShopConfigState {
     paymentConfig: BrandPagePaymentConfig | undefined;
     products: ProductModel[];