@designcrowd/library.brand-page 5.16.48 → 5.16.49

package/lib/src/shared/content-settings/components/page-dropdown-field/PageDropdownField.mixin.d.ts

@@ -0,0 +1,149 @@
+import type { ContentPage } from 'src/shared/page-settings/models';
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    id: {
+        type: StringConstructor;
+        required: true;
+    };
+    placeholder: {
+        type: StringConstructor;
+        required: true;
+    };
+    name: {
+        type: StringConstructor;
+        required: true;
+    };
+    value: {
+        type: StringConstructor;
+        required: true;
+    };
+    showUpgradeBtn: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {
+    pageSettingsStore: import("pinia").Store<"uiPageSettings", import("../../../page-settings/store").PageSettingsState, {
+        pageIndex(): number;
+    }, {
+        setCurrentPageIndex({ pageIndex }: {
+            pageIndex: number;
+        }): void;
+        setState({ newState, }: {
+            newState: Omit<import("../../../page-settings/store").PageSettingsState, "sectionCollapsedStates">;
+        }): void;
+        setPageContents({ pageIndex, contents, }: {
+            pageIndex: number;
+            contents: import("../../models").ContentItem<import("../../../../brand-page").Content>[];
+        }): void;
+        setPages({ pages }: {
+            pages: ContentPage[];
+        }): void;
+        setNewPageModalVisibilityAsync({ isNewPageModalVisible, }: {
+            isNewPageModalVisible: boolean;
+        }): Promise<void>;
+        addPage({ page }: {
+            page: ContentPage;
+        }): void;
+        setPageTitleAndSlug({ title, slug, index, }: {
+            title: string;
+            slug: string;
+            index: number;
+        }): void;
+        setPageVisibility({ isHidden, index, }: {
+            isHidden: boolean;
+            index: number;
+        }): void;
+        setPageSettingsSectionValue({ sectionName, propName, index, value, merge, viewport, }: {
+            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;
+            merge?: boolean | undefined;
+            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;
+            logoImageBase64Url: string | undefined;
+            sectionName: "footer" | "header" | "pages";
+            viewport: import("../../../../brand-page").ViewportsType;
+            keepLogoVariation?: boolean | undefined;
+            logoImageHeight?: string | undefined;
+            logoImageWidth?: string | undefined;
+        }): void;
+        updatePageSettingsSectionLogoImageStyle({ sectionName, viewport, logoImageHeight, logoImageWidth, }: {
+            sectionName: string;
+            viewport: string;
+            logoImageHeight: string | undefined;
+            logoImageWidth: string | undefined;
+        }): void;
+        updatePaymentConfigCurrency(updatedPaymentConfig: import("../../../../brand-page").BrandPagePaymentConfig, newCurrency: import("../../../../brand-page").BrandPagePaymentConfigCurrency): void;
+        setPageTitle({ pageTitle, pageIndex, }: {
+            pageTitle: string;
+            pageIndex: number;
+        }): void;
+        setCurrentPageIndexAndGoToPage({ pageIndex }: {
+            pageIndex: number;
+        }): void;
+        addNewPage(payload: {
+            title: string;
+        }): ContentPage;
+        setSelectedSectionName({ sectionName, }: {
+            sectionName?: "footer" | "header" | "pages" | undefined;
+        }): void;
+        setSectionCollapsedState({ sectionName, isCollapsed, }: {
+            sectionName: "footer" | "header" | "pages";
+            isCollapsed: boolean;
+        }): void;
+        collapseAllSections(): void;
+        setPreviousSelectedDisplayStyle(viewport: string, displayStyle: string): void;
+    }>;
+    userStore: import("pinia").Store<"brandPageMakerUser", import("@brand-page-maker/stores").UserState, {}, {
+        setUserState(payload: {
+            emailAddress?: string | undefined;
+            userToken?: string | undefined;
+            isAdmin?: boolean | undefined;
+            hasPremiumSubscription?: boolean | undefined;
+            brandPageCommissionPercentage?: number | undefined;
+            features?: Partial<import("../../../../constants/ui").UIUserFeatures> | undefined;
+        }): void;
+    }>;
+}, {
+    dropdownValues: {};
+    selectedPage: string;
+}, {
+    canAddPages(): boolean;
+    onPagesUpdated(): boolean;
+    addPageButtonVariant(): string;
+    selectedPageName(): string;
+    addPageLabel(): string;
+}, {
+    onSelectPage(payload: ContentPage): void;
+    onAddNewPageSelected(): Promise<void>;
+    addAndUpdateDropdownValues(): void;
+}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    id: {
+        type: StringConstructor;
+        required: true;
+    };
+    placeholder: {
+        type: StringConstructor;
+        required: true;
+    };
+    name: {
+        type: StringConstructor;
+        required: true;
+    };
+    value: {
+        type: StringConstructor;
+        required: true;
+    };
+    showUpgradeBtn: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}>, {
+    showUpgradeBtn: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/lib/src/shared/content-settings/components/page-dropdown-field/PageDropdownField.mixin.js

@@ -0,0 +1,103 @@
+import { useUiPageSettingsStore } from '../../../page-settings/store';
+import { defineComponent } from 'vue';
+import { useBrandPageMakerUserStore } from '@brand-page-maker/stores';
+import { pageSettingTr } from '@src/composables/useTranslate';
+export default defineComponent({
+    props: {
+        id: {
+            type: String,
+            required: true,
+        },
+        placeholder: {
+            type: String,
+            required: true,
+        },
+        name: {
+            type: String,
+            required: true,
+        },
+        value: {
+            type: String,
+            required: true,
+        },
+        showUpgradeBtn: {
+            type: Boolean,
+            default: true,
+        },
+    },
+    setup() {
+        const pageSettingsStore = useUiPageSettingsStore();
+        const userStore = useBrandPageMakerUserStore();
+        return {
+            pageSettingsStore,
+            userStore,
+        };
+    },
+    emits: ['update:modelValue'],
+    data() {
+        return {
+            dropdownValues: {},
+            selectedPage: '',
+        };
+    },
+    computed: {
+        canAddPages() {
+            return (this.userStore.features.maxNumOfPages < 0 ||
+                this.pageSettingsStore.pages.length <
+                    this.userStore.features.maxNumOfPages);
+        },
+        onPagesUpdated() {
+            return (this.userStore.features.maxNumOfPages < 0 ||
+                this.pageSettingsStore.pages.length <
+                    this.userStore.features.maxNumOfPages);
+        },
+        addPageButtonVariant() {
+            return this.canAddPages ? 'outline' : 'primary';
+        },
+        selectedPageName() {
+            return this.selectedPage;
+        },
+        addPageLabel() {
+            return this.canAddPages
+                ? pageSettingTr('addPage')
+                : pageSettingTr('upgradeBtn');
+        },
+    },
+    created() {
+        if (this.value) {
+            const page = this.pageSettingsStore.pages.find((page) => page.slug === this.value);
+            if (page) {
+                this.selectedPage = page.title;
+            }
+            else {
+                this.$emit('update:modelValue', {
+                    id: this.id,
+                    name: this.name,
+                    value: '',
+                });
+            }
+        }
+        this.addAndUpdateDropdownValues();
+    },
+    methods: {
+        onSelectPage(payload) {
+            this.selectedPage = payload.title;
+            if (this.$refs.dropdown?.hideMenu) {
+                this.$refs.dropdown.hideMenu();
+            }
+            this.$emit('update:modelValue', {
+                id: this.id,
+                name: this.name,
+                value: payload.slug,
+            });
+        },
+        async onAddNewPageSelected() {
+            await this.pageSettingsStore.setNewPageModalVisibilityAsync({
+                isNewPageModalVisible: true,
+            });
+        },
+        addAndUpdateDropdownValues() {
+            this.dropdownValues = this.pageSettingsStore.pages;
+        },
+    },
+});

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;

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({