@designcrowd/library.brand-page 5.16.48 → 5.16.49

package/src/shared/my-designs/MyDesigns.vue

@@ -85,7 +85,7 @@
 <script>
 import MyDesignsMixin from './MyDesigns.mixin.ts';
 import LoginRequiredMessage from '../login-required-message/LoginRequiredMessage.vue';
-import { myDesignsTr } from '../../composables/useTranslate';
+import { myDesignsTr } from '@src/composables/useTranslate';
 
 export default {
   components: { LoginRequiredMessage },

package/src/shared/my-uploads/MyMedia.mixin.ts

@@ -1,12 +1,12 @@
-import { UI_EVENTS } from '../../brand-page-maker/constants';
+import { UI_EVENTS } from '@brand-page-maker/constants';
 import type { PropType } from 'vue';
 import { computed, defineComponent } from 'vue';
 import type { UserMediaItemWithDimensions } from './models';
 import type { UserMediaClient } from '../../clients/user-media-client';
 import { getInstance as getUserMediaClientInstance } from '../../clients/user-media-client';
-import { preloadImage } from '../../brand-page/utils';
-import { useUiStore } from '../../brand-page-maker/stores';
-import { MEDIA_TYPES } from '../../brand-page/models/brand-page-context.model';
+import { preloadImage } from '@brand-page/utils';
+import { useUiStore } from '@brand-page-maker/stores';
+import { MEDIA_TYPES } from '@brand-page/models/brand-page-context.model';
 
 export default defineComponent({
   props: {

package/src/shared/my-uploads/MyMedia.stories.ts

@@ -1,7 +1,7 @@
 import { defineComponent } from 'vue';
 import MyMedia from './MyMedia.vue';
-import { setupStoryPinia } from '../../brand-page-maker/components/brand-page-maker/__fixtures__/store-fixture';
-import { mockApiCalls } from '../../brand-page-maker/components/brand-page-maker/mock-api-calls';
+import { setupStoryPinia } from '@brand-page-maker/components/brand-page-maker/__fixtures__/store-fixture';
+import { mockApiCalls } from '@brand-page-maker/components/brand-page-maker/mock-api-calls';
 import { getInstance } from '../../clients/user-media-client';
 import { type Endpoints } from '../models';
 import {
@@ -9,7 +9,7 @@ import {
   DELETE_USER_MEDIA_ENDPOINT,
   GET_ALL_USER_MEDIA_ENDPOINT,
   USER_POLICY_DATA_ENDPOINT,
-} from '../../brand-page-maker/constants';
+} from '@brand-page-maker/constants';
 import { createPinia } from 'pinia';
 
 const defaultUserEndpoints: Endpoints = {

package/src/shared/my-uploads/MyMedia.vue

@@ -91,7 +91,7 @@
 import { Button, Icon, Loader } from '@designcrowd/fe-shared-lib';
 import MyMediaMixin from './MyMedia.mixin.ts';
 import MyMediaSelectionItem from './MyMediaSelectionItem.vue';
-import { myUploadSettingsTr, commonTr } from '../../composables/useTranslate';
+import { myUploadSettingsTr, commonTr } from '@src/composables/useTranslate';
 
 export default {
   components: {

package/src/shared/my-uploads/MyUploads.mixin.ts

@@ -1,6 +1,6 @@
 import { type PropType, ref } from 'vue';
 import { computed, defineComponent } from 'vue';
-import { UI_EVENTS } from '../../brand-page-maker/constants';
+import { UI_EVENTS } from '@brand-page-maker/constants';
 import type { UserMediaClient } from '../../clients/user-media-client';
 import { getInstance as getUserMediaClientInstance } from '../../clients/user-media-client';
 import type { MediaFile } from '../../clients/models';
@@ -8,11 +8,11 @@ import { DEFAULT_UPLOAD_FILE_LIMIT } from '../../constants/ui';
 import {
   useBrandPageMakerUserStore,
   useUiStore,
-} from '../../brand-page-maker/stores';
-import { formatKilobytes } from '../../brand-page-maker/utils/file-size.util';
+} from '@brand-page-maker/stores';
+import { formatKilobytes } from '@brand-page-maker/utils/file-size.util';
 import type DropzoneImageUploader from '../dropzone-image-uploader/components/DropzoneImageUploader.vue';
 import type { DropzoneFile } from 'dropzone-vue3';
-import { errorTr } from '../../composables/useTranslate';
+import { errorTr } from '@src/composables/useTranslate';
 
 const DROPZONE_STATUS_CANCELED = 'canceled';
 

package/src/shared/my-uploads/MyUploads.stories.ts

@@ -1,5 +1,5 @@
 import MyUploads from './MyUploads.vue';
-import { mockApiCalls } from '../../brand-page-maker/components/brand-page-maker/mock-api-calls';
+import { mockApiCalls } from '@brand-page-maker/components/brand-page-maker/mock-api-calls';
 
 export default {
   title: 'Components/Shared/MyUploads',

package/src/shared/my-uploads/MyUploads.vue

@@ -56,7 +56,7 @@ import DropzoneImageUploader from '../dropzone-image-uploader/components/Dropzon
 import MyMedia from './MyMedia.vue';
 import MyUploadsMixin from './MyUploads.mixin.ts';
 import LoginRequiredMessage from '../login-required-message/LoginRequiredMessage.vue';
-import { myUploadSettingsTr } from '../../composables/useTranslate';
+import { myUploadSettingsTr } from '@src/composables/useTranslate';
 
 export default {
   components: {

package/src/shared/my-uploads/models.ts

@@ -1,4 +1,4 @@
-import type { MediaTypes } from '../../brand-page';
+import type { MediaTypes } from '@brand-page';
 
 interface UserMediaItemMedia {
   token: string;

package/src/shared/navigation-style-settings/components/navigation-style-settings/NavigationStyleSettings.mixin.ts

@@ -6,15 +6,15 @@ import type {
   NavigationDesktop,
   NavigationMobile,
   TextStyleDeclaration,
-} from '../../../../brand-page/models';
+} from '@brand-page/models';
 import type {
   NavigationStyleConfig,
   NavigationStyleConfigOption,
-} from '../../../../brand-page-maker/models/navigation-style-configs';
-import { NAVIGATION_STYLE_CONFIG_OPTION_TITLES } from '../../../../brand-page-maker/models/navigation-style-configs';
-import { STYLE_THEME_KEYS } from '../../../../brand-page';
-import { isColorMatched } from '../../../../brand-page-maker/utils';
-import { RGBAtoHex } from '../../../../utils/helpers';
+} from '@brand-page-maker/models/navigation-style-configs';
+import { NAVIGATION_STYLE_CONFIG_OPTION_TITLES } from '@brand-page-maker/models/navigation-style-configs';
+import { STYLE_THEME_KEYS } from '@brand-page';
+import { isColorMatched } from '@brand-page-maker/utils';
+import { RGBAtoHex } from '@utils/helpers';
 import type { UpdateItemValuePayload } from '../../../content-settings/models';
 import type { NavigationStyleOptionValueChangeEvent } from '../../../page-settings/models';
 

package/src/shared/navigation-style-settings/components/navigation-style-settings/NavigationStyleSettings.vue

@@ -110,7 +110,7 @@ import { Toggle } from '@designcrowd/fe-shared-lib';
 import NavigationStyleSettingsMixin from './NavigationStyleSettings.mixin.ts';
 import ColorField from '../../../content-settings/components/color-field/ColorField.vue';
 import TextStyleField from '../../../content-settings/components/text-style-field/TextStyleField.vue';
-import { tr, commonTr } from '../../../../composables/useTranslate';
+import { tr, commonTr } from '@src/composables/useTranslate';
 
 export default {
   components: {

package/src/shared/navigation-style-settings/store/index.ts

@@ -1,30 +1,26 @@
-import {
-  NavigationDesktop,
-  NavigationMobile,
-  VIEWPORTS,
-} from '../../../brand-page';
+import { NavigationDesktop, NavigationMobile, VIEWPORTS } from '@brand-page';
 import type {
   ViewportsType,
   NavigationDisplayType,
   TextStyleDeclaration,
-} from '../../../brand-page';
-import { NAVIGATION_DISPLAY, DEFAULT_TEXT_ALIGN } from '../../../brand-page';
-import { getThemeByTextStyleAndLogoTheme } from '../../../brand-page/utils/color.util';
+} from '@brand-page';
+import { NAVIGATION_DISPLAY, DEFAULT_TEXT_ALIGN } from '@brand-page';
+import { getThemeByTextStyleAndLogoTheme } from '@brand-page/utils/color.util';
 import type {
   NavigationStyleConfig,
   NavigationStyleConfigOption,
-} from '../../../brand-page-maker/models/navigation-style-configs';
+} from '@brand-page-maker/models/navigation-style-configs';
 import {
   availableNavigationStyleConfigs,
   navigationStyleTypeConfigs,
-} from '../../../brand-page-maker/models/navigation-style-configs';
+} from '@brand-page-maker/models/navigation-style-configs';
 import { assertUnreachable } from '../../../helpers/ts.helper';
 import { defineStore } from 'pinia';
 import type {
   ContentSettingsItemGroupState,
   ContentSettingsItemState,
 } from '../../content-settings/models';
-import { useUiStore } from '../../../brand-page-maker/stores';
+import { useUiStore } from '@brand-page-maker/stores';
 import { useUiStyleSettingsStore } from '../../style-settings/store';
 import type { PageSection } from '../../page-settings/models';
 import { PAGE_SECTIONS } from '../../page-settings/models';

package/src/shared/page-navigation/store/page-navigation-store.ts

@@ -1,6 +1,6 @@
 import { defineStore } from 'pinia';
-import { NavModel, type NavOrder, type NavRoute } from '../../../brand-page';
-import { getPageSlugFromPageTitle } from '../../../brand-page-maker/utils/slug.util';
+import { NavModel, type NavOrder, type NavRoute } from '@brand-page';
+import { getPageSlugFromPageTitle } from '@brand-page-maker/utils/slug.util';
 
 export interface PageNavigationState {
   routes: NavRoute[];

package/src/shared/page-settings/components/delete-page-modal/DeletePageModal.vue

@@ -46,7 +46,7 @@
 <script>
 import { Modal, Button } from '@designcrowd/fe-shared-lib';
 import DeletePageModalMixin from './DeletePageModal.mixin.ts';
-import { deletePageModalTr } from '../../../../composables/useTranslate';
+import { deletePageModalTr } from '@src/composables/useTranslate';
 
 export default {
   components: {

package/src/shared/page-settings/components/new-page-modal/NewPageModal.mixin.ts

@@ -1,9 +1,9 @@
 import { defineComponent, computed } from 'vue';
 import { getPageTitleError } from '../../utils';
 import { useUiPageSettingsStore } from '../../store';
-import { useEventTracker } from '../../../../brand-page-maker/composables/useEventTracker';
+import { useEventTracker } from '@brand-page-maker/composables/useEventTracker';
 import { usePageNavigationStore } from '../../../page-navigation/store/page-navigation-store';
-import type { NavRoute } from '../../../../brand-page';
+import type { NavRoute } from '@brand-page';
 import { v4 as uuid } from 'uuid';
 
 export default defineComponent({

package/src/shared/page-settings/components/new-page-modal/NewPageModal.vue

@@ -56,7 +56,7 @@
 <script>
 import { Modal, Button, TextInput } from '@designcrowd/fe-shared-lib';
 import NewPageModalMixin from './NewPageModal.mixin.ts';
-import { newPageModalTr } from '../../../../composables/useTranslate';
+import { newPageModalTr } from '@src/composables/useTranslate';
 
 export default {
   components: {

package/src/shared/page-settings/components/page-settings/PageElement.vue

@@ -51,7 +51,7 @@
 <script setup lang="ts">
 import { Icon, TextInput } from '@designcrowd/fe-shared-lib';
 import PageSettingMenu from './PageSettingMenu.vue';
-import { pageSettingsTr } from '../../../../composables/useTranslate';
+import { pageSettingsTr } from '@src/composables/useTranslate';
 
 interface Props {
   isHidden: boolean;

package/src/shared/page-settings/components/page-settings/PageSettingMenu.vue

@@ -40,7 +40,7 @@
 import { ref, computed } from 'vue';
 import { Icon } from '@designcrowd/fe-shared-lib';
 import { directive as vClickOutside } from 'click-outside-vue3'; // import to fix click outside handling
-import { pageSettingsTr } from '../../../../composables/useTranslate';
+import { pageSettingsTr } from '@src/composables/useTranslate';
 
 interface Props {
   index: number;

package/src/shared/page-settings/components/page-settings/PageSettings.mixin.ts

@@ -10,11 +10,11 @@ import {
   ALIGN_JUSTIFIED,
   ALIGN_LEFT_ALIGNED,
   type Content,
-} from '../../../../brand-page';
+} from '@brand-page';
 import {
   PAGE_SECTION_STYLE_OPTIONS,
   type PageSectionStyleOption,
-} from '../../../../brand-page-maker/models/page-section-style.model';
+} from '@brand-page-maker/models/page-section-style.model';
 import { useUiContentSettingsStore } from '../../../content-settings/store';
 import {
   PAGE_SETTINGS_SECTIONS,
@@ -27,18 +27,15 @@ import {
   useBrandPageMakerUserStore,
   useUiStore,
   useBrandPageContainerStore,
-} from '../../../../brand-page-maker/stores';
+} from '@brand-page-maker/stores';
 import { SIDE_BAR_CONTENT_ID } from '../../../content-settings/constants';
 import type { ComponentPublicInstance } from '@vue/runtime-core';
 import {
   TRIGGER_TYPE,
   UPGRADE_CTA_LOCATIONS,
   useEventTracker,
-} from '../../../../brand-page-maker/composables/useEventTracker';
-import {
-  pageSettingTr,
-  styleSettingsTr,
-} from '../../../../composables/useTranslate';
+} from '@brand-page-maker/composables/useEventTracker';
+import { pageSettingTr, styleSettingsTr } from '@src/composables/useTranslate';
 import { WEBSITE_UPGRADE_CONTEXT_TYPES } from '@designcrowd/fe-shared-lib';
 import { usePageNavigationStore } from '../../../page-navigation/store/page-navigation-store';
 

package/src/shared/page-settings/components/page-settings/PageSettings.vue

@@ -139,12 +139,9 @@ import SideBarSectionTitle from '../../../common/SideBarSectionTitle.vue';
 import DeletePageModal from '../delete-page-modal/DeletePageModal.vue';
 import PageElement from './PageElement.vue';
 import PageSettingsSectionStyles from '../page-settings-section-styles/PageSettingsSectionStyles.vue';
-import { useBrandPageContainerStore } from '../../../../brand-page-maker/stores';
+import { useBrandPageContainerStore } from '@brand-page-maker/stores';
 
-import {
-  pageSettingsTr,
-  styleSettingsTr,
-} from '../../../../composables/useTranslate';
+import { pageSettingsTr, styleSettingsTr } from '@src/composables/useTranslate';
 
 export default {
   components: {

package/src/shared/page-settings/components/page-settings-section-styles/FooterDisplayStyle.vue

@@ -18,10 +18,10 @@
 </template>
 <script setup lang="ts">
 import { ButtonGroup } from '@designcrowd/fe-shared-lib';
-import type { ButtonGroupOption } from '../../../../brand-page-maker/models/button-group.model';
+import type { ButtonGroupOption } from '@brand-page-maker/models/button-group.model';
 import { computed } from 'vue';
-import { FOOTER_DISPLAY_STYLE_CONFIGS } from '../../../../brand-page';
-import { tr } from '../../../../composables/useTranslate';
+import { FOOTER_DISPLAY_STYLE_CONFIGS } from '@brand-page';
+import { tr } from '@src/composables/useTranslate';
 
 interface Props {
   displayStyle: string;

package/src/shared/page-settings/components/page-settings-section-styles/HeaderDisplayStyle.vue

@@ -19,16 +19,16 @@
 <script setup lang="ts">
 import { computed } from 'vue';
 import { ButtonGroup } from '@designcrowd/fe-shared-lib';
-import { HEADER_DISPLAY_STYLE_CONFIGS } from '../../../../brand-page';
+import { HEADER_DISPLAY_STYLE_CONFIGS } from '@brand-page';
 import {
   HEADER_DISPLAY,
   NAVIGATION_DISPLAY,
   type ViewportsType,
-} from '../../../../brand-page';
-import type { ButtonGroupOption } from '../../../../brand-page-maker/models/button-group.model';
-import { useBrandPageMakerStore } from '../../../../brand-page-maker/stores';
+} from '@brand-page';
+import type { ButtonGroupOption } from '@brand-page-maker/models/button-group.model';
+import { useBrandPageMakerStore } from '@brand-page-maker/stores';
 import { useUiPageSettingsStore } from '../../store';
-import { tr } from '../../../../composables/useTranslate';
+import { tr } from '@src/composables/useTranslate';
 
 interface Props {
   displayStyle: string;

package/src/shared/page-settings/components/page-settings-section-styles/HeaderNavigationType.vue

@@ -18,9 +18,9 @@
 <script setup lang="ts">
 import { computed } from 'vue';
 import { ButtonGroup } from '@designcrowd/fe-shared-lib';
-import type { NavigationStyleConfig } from '../../../../brand-page-maker/models/navigation-style-configs';
-import type { ButtonGroupOption } from '../../../../brand-page-maker/models/button-group.model';
-import { tr } from '../../../../composables/useTranslate';
+import type { NavigationStyleConfig } from '@brand-page-maker/models/navigation-style-configs';
+import type { ButtonGroupOption } from '@brand-page-maker/models/button-group.model';
+import { tr } from '@src/composables/useTranslate';
 
 interface Props {
   availableNavigationStyleConfigs: NavigationStyleConfig[];

package/src/shared/page-settings/components/page-settings-section-styles/PageSettingsSectionStyles.mixin.ts

@@ -1,7 +1,7 @@
 import { defineComponent, computed } from 'vue';
 import type { PropType } from 'vue';
-import type { PageSectionStyleOption } from '../../../../brand-page-maker/models/page-section-style.model';
-import { PAGE_SECTION_STYLE_OPTIONS } from '../../../../brand-page-maker/models/page-section-style.model';
+import type { PageSectionStyleOption } from '@brand-page-maker/models/page-section-style.model';
+import { PAGE_SECTION_STYLE_OPTIONS } from '@brand-page-maker/models/page-section-style.model';
 import { PAGE_SECTIONS } from '../../models';
 import type {
   NavigationStyleOptionValueChangeEvent,
@@ -23,14 +23,14 @@ import type {
   PageFooterMobile,
   LogoImageModel,
   LogoViewModel,
-} from '../../../../brand-page';
+} from '@brand-page';
 import {
   LOGO_SLIDER_DESKTOP_MAX,
   LOGO_SLIDER_DESKTOP_MIN,
   LOGO_SLIDER_MOBILE_MAX,
   LOGO_SLIDER_MOBILE_MIN,
   VIEWPORTS,
-} from '../../../../brand-page';
+} from '@brand-page';
 import type {
   ContentItemFieldSettings,
   UpdateItemValuePayload,
@@ -47,15 +47,15 @@ import {
   useBrandPageMakerStore,
   useLogoStore,
   useUiStore,
-} from '../../../../brand-page-maker/stores';
+} from '@brand-page-maker/stores';
 import type { DisplayLogoDraftAsset } from '../../../../clients/models';
 import {
   useUiEditableLogoStore,
   useUiLogoSettingsStore,
-} from '../../../../shared/logo-settings/store';
+} from '@shared/logo-settings/store';
 import { FabricRenderClient } from '../../../../clients/fabric-render-client';
-import { parseLogoThemeToCssStyles } from '../../../../brand-page/utils';
-import { commonTr } from '../../../../composables/useTranslate';
+import { parseLogoThemeToCssStyles } from '@brand-page/utils';
+import { commonTr } from '@src/composables/useTranslate';
 
 const viewportsWithTr = () => [
   {

package/src/shared/page-settings/components/page-settings-section-styles/PageSettingsSectionStyles.vue

@@ -222,9 +222,9 @@ import ColorField from '../../../content-settings/components/color-field/ColorFi
 import HeaderDisplayStyle from './HeaderDisplayStyle.vue';
 import HeaderNavigationType from './HeaderNavigationType.vue';
 import FooterDisplayStyle from './FooterDisplayStyle.vue';
-import LogoSelection from '../../../../shared/content-settings/components/logo-selection-field/LogoSelection.vue';
-import LogoSizeSlider from '../../../../shared/content-settings/components/logo-size-field/LogoSizeSlider.vue';
-import { tr, commonTr } from '../../../../composables/useTranslate';
+import LogoSelection from '@shared/content-settings/components/logo-selection-field/LogoSelection.vue';
+import LogoSizeSlider from '@shared/content-settings/components/logo-size-field/LogoSizeSlider.vue';
+import { tr, commonTr } from '@src/composables/useTranslate';
 
 export default {
   components: {

package/src/shared/page-settings/models.ts

@@ -1,7 +1,7 @@
-import type { Content, TextStyleDeclaration } from '../../brand-page';
+import type { Content, TextStyleDeclaration } from '@brand-page';
 import type { ContentItem } from '../content-settings/models';
 import type { PageSettingsStateSectionStyles } from './store';
-import type { NavigationStyleConfigOption } from '../../brand-page-maker/models/navigation-style-configs';
+import type { NavigationStyleConfigOption } from '@brand-page-maker/models/navigation-style-configs';
 
 export interface ContentPage {
   id: string;

package/src/shared/page-settings/store/page-settings-store.test.ts

@@ -3,22 +3,22 @@ import type Vue from 'vue';
 import { createApp } from 'vue';
 import { createPinia, setActivePinia } from 'pinia';
 import type { ContentPage } from '../models';
-import type { PageModel, TextContent } from '../../../brand-page';
+import type { PageModel, TextContent } from '@brand-page';
 import type { ContentItem } from '../../content-settings/models';
 import {
   UNLIMITED_MAX_NUM_OF_PAGES,
   useBrandPageMakerStore,
   useBrandPageMakerUserStore,
-} from '../../../brand-page-maker/stores';
+} from '@brand-page-maker/stores';
 import {
   INITIALISE_PAYLOAD,
   USER_FEATURES,
   brandPageEmpty,
-} from '../../../brand-page-maker/components/brand-page-maker/__fixtures__';
+} from '@brand-page-maker/components/brand-page-maker/__fixtures__';
 import { useUiPageSettingsStore } from './index';
 import { useUiContentSettingsStore } from '../../content-settings/store';
 import { FabricRenderClient } from '../../../clients/fabric-render-client';
-import { setLocaleAsync } from '../../../../src/composables/useTranslate';
+import { setLocaleAsync } from '@src/composables/useTranslate';
 
 vi.mock('../../../clients/brand-page-client', () => ({
   default: {

package/src/shared/page-settings/store/page-settings-store.ts

@@ -8,7 +8,7 @@ import {
   PageFooterMobile,
   VIEWPORTS,
   HEADER_DISPLAY,
-} from '../../../brand-page';
+} from '@brand-page';
 import type {
   Content,
   ImageGalleryItem,
@@ -18,25 +18,25 @@ import type {
   LogoTemplateImageModel,
   BrandPagePaymentConfig,
   BrandPagePaymentConfigCurrency,
-} from '../../../brand-page';
+} from '@brand-page';
 import { v4 as uuid } from 'uuid';
 import type { ContentPage } from '../models';
 import { PAGE_SECTIONS } from '../models';
-import { navigateToPageBySlug } from '../../../brand-page-maker/routing';
-import { getPageSlugFromPageTitle } from '../../../brand-page-maker/utils';
+import { navigateToPageBySlug } from '@brand-page-maker/routing';
+import { getPageSlugFromPageTitle } from '@brand-page-maker/utils';
 import { useUiContentSettingsStore } from '../../content-settings/store';
 import {
   useBrandPageMakerStore,
   useBrandPageMakerUserStore,
   useBrandPageContainerStore,
   useUiStore,
-} from '../../../brand-page-maker/stores';
+} from '@brand-page-maker/stores';
 import { useUiLogoSettingsStore } from '../../logo-settings/store';
 import {
   TRIGGER_TYPE,
   UPGRADE_CTA_LOCATIONS,
   useEventTracker,
-} from '../../../brand-page-maker/composables/useEventTracker';
+} from '@brand-page-maker/composables/useEventTracker';
 import { useShopConfigStore } from '../../ecommerce-settings/store/shop-settings-store';
 import { WEBSITE_UPGRADE_CONTEXT_TYPES } from '@designcrowd/fe-shared-lib';
 

package/src/shared/page-settings/utils.ts

@@ -1,4 +1,4 @@
-import { errorTr } from '../../composables/useTranslate';
+import { errorTr } from '@src/composables/useTranslate';
 
 const MAX_PAGE_TITLE_LENGTH = 30;
 

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

@@ -3,21 +3,21 @@ import {
   useBrandPageMakerStore,
   useBrandPageContainerStore,
   useLocalisedRouteStore,
-} from '../../brand-page-maker/stores';
-import type { UserDomainName } from '../../brand-page/models/user-domain.model';
+} from '@brand-page-maker/stores';
+import type { UserDomainName } from '@brand-page/models/user-domain.model';
 import { getUserDomainNamesAsync as getActiveUserDomainNamesAsync } from '../../clients/user-domain-name-client';
 import {
   CUSTOM_DOMAIN_STATUSES,
   DOMAIN_TYPE,
   type DomainObjectType,
-} from '../../brand-page-maker/constants/brandpage-constant';
-import { defaultUSDCurrency } from '../../brand-page-maker/constants/currency-constants';
+} 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';
+} from '@brand-page-maker/composables/useEventTracker';
+import { publishBrandPageModalWithStateTr } from '@src/composables/useTranslate';
+import { BRAND_PAGE_TYPES } from '@brand-page/models';
 
 export default defineComponent({
   props: {

package/src/shared/shape-library/ShapeLibrary.vue

@@ -166,20 +166,20 @@ const emit = defineEmits<{
 }>();
 
 import AssetLibraryClient from '../../clients/asset-library-clients';
-import { preloadImage } from '../../brand-page/utils';
+import { preloadImage } from '@brand-page/utils';
 import { Button, Loader, TextInput, TabMenu } from '@designcrowd/fe-shared-lib';
 import {
   commonTr,
   shapeLibraryTr,
   currentLocale,
-} from '../../composables/useTranslate';
+} from '@src/composables/useTranslate';
 import {
   useBrandPageContainerStore,
   useBrandPageMakerStore,
   useBrandPageMakerUserStore,
   useUiStore,
-} from '../../brand-page-maker/stores';
-import { useUiSideBarStore } from '../../shared/side-bar/store/side-bar-store';
+} from '@brand-page-maker/stores';
+import { useUiSideBarStore } from '@shared/side-bar/store/side-bar-store';
 import type {
   ShapeCategoryModel,
   ShapeSearchResponseModel,

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

@@ -6,7 +6,7 @@ import {
   useBrandPageContainerStore,
   useBrandPageMakerUserStore,
   useBrandPageMakerStore,
-} from '../../../brand-page-maker/stores';
+} from '@brand-page-maker/stores';
 import { SIDE_BAR_CONTENT_ID } from '../../content-settings/constants';
 import { useUiContentSettingsStore } from '../../content-settings/store';
 

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

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

package/src/shared/side-bar/store/side-bar-store.ts

@@ -4,7 +4,7 @@ import type { SetSelectedTabNamePayload, SideBarTab } from '../models';
 import {
   DEFAULT_SIDE_BAR_TABS,
   SIDE_BAR_TAB_NAMES,
-} from '../../../brand-page-maker/constants';
+} from '@brand-page-maker/constants';
 import {
   PAGE_SETTINGS_SECTIONS,
   useUiPageSettingsStore,

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

@@ -4,11 +4,11 @@ import {
   ButtonStyleConfigOptions,
   type OtherStyleConfigOption,
   OtherStyleConfigOptions,
-} from '../../../brand-page-maker/models';
+} 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 type { UpdateItemValuePayload } from '../../content-settings/models';
@@ -17,13 +17,13 @@ import {
   useBrandPageMakerStore,
   useBrandPageMakerUserStore,
   useUiStore,
-} from '../../../brand-page-maker/stores';
+} from '@brand-page-maker/stores';
 import {
   TRIGGER_TYPE,
   UPGRADE_CTA_LOCATIONS,
   useEventTracker,
-} from '../../../brand-page-maker/composables/useEventTracker';
-import { styleSettingsTr } from '../../../composables/useTranslate';
+} 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({