@designcrowd/library.brand-page 5.16.48 → 5.16.49

package/src/brand-page/components/images-section/ImagesSection.vue

@@ -63,18 +63,22 @@ import ImageGalleryModal from '../image-gallery/ImageGalleryModal.vue';
 import BpImage from '../image/Image.vue';
 import Placeholder from '../placeholder/Placeholder.vue';
 import FallbackImage from '../fallback-image/FallbackImage.vue';
-import { imagesSectionTr } from '../../../composables/useTranslate';
+import { imagesSectionTr } from '@src/composables/useTranslate';
 import type {
   TextImageSectionViewModel,
   ImageViewModel,
-} from '../../view-models';
-import type { BrandPageContext, ImageItem, TextMediaItem } from '../../models';
-import { ASPECT_RATIOS } from '../../models';
+} from '@brand-page/view-models';
+import type {
+  BrandPageContext,
+  ImageItem,
+  TextMediaItem,
+} from '@brand-page/models';
+import { ASPECT_RATIOS } from '@brand-page/models';
 import { MEDIA_ONLY } from '../../constants';
 import {
   getImageAltText,
   getImagesSectionAspectRatioByDisplayStyle,
-} from '../../utils';
+} from '@brand-page/utils';
 import isURL from 'validator/lib/isURL';
 
 const DEFAULT_CENTERED_ASPECT_RATIO = '2/1';

package/src/brand-page/components/logo/Logo.vue

@@ -91,12 +91,12 @@
 <script setup lang="ts">
 import LogoRender from './LogoRender.vue';
 import { type PropType, computed } from 'vue';
-import type { LogoViewModel } from '../../view-models';
-import type { BrandPageContext, ViewportsType } from '../../models';
+import type { LogoViewModel } from '@brand-page/view-models';
+import type { BrandPageContext, ViewportsType } from '@brand-page/models';
 import {
   getRouteNameByPageIndex,
   getRouteParamsByPage,
-} from '../../utils/route.util';
+} from '@brand-page/utils/route.util';
 import { LazyHydrationWrapper } from 'vue3-lazy-hydration';
 import {
   DEFAULT_LOGO_HEIGHT,

package/src/brand-page/components/logo/LogoRender.vue

@@ -42,7 +42,7 @@
 </template>
 <script setup lang="ts">
 import { computed, ref, watch, onServerPrefetch, onMounted } from 'vue';
-import type { LogoViewModel } from '../../view-models';
+import type { LogoViewModel } from '@brand-page/view-models';
 import { LogoCacheRepository } from '../../repositories';
 import {
   DEFAULT_LOGO_HEIGHT,
@@ -50,7 +50,7 @@ import {
   LOGO_SLIDER_DESKTOP_MAX,
   LOGO_SLIDER_MOBILE_MAX,
 } from '../../constants';
-import type { ViewportsType } from '../../models';
+import type { ViewportsType } from '@brand-page/models';
 
 const props = withDefaults(
   defineProps<{

package/src/brand-page/components/mailing-list/MailingList.mixin.ts

@@ -1,13 +1,13 @@
 import { defineComponent } from 'vue';
 import type { PropType } from 'vue';
-import type { MailingListViewModel } from '../../view-models';
+import type { MailingListViewModel } from '@brand-page/view-models';
 import brandPageClient from '../../clients/brand-page.client';
-import { getEmailValidationError } from '../../utils';
-import type { BrandPageContext } from '../../models';
+import { getEmailValidationError } from '@brand-page/utils';
+import type { BrandPageContext } from '@brand-page/models';
 import {
   contentSettingsTr,
   mailingListTr,
-} from '../../../composables/useTranslate';
+} from '@src/composables/useTranslate';
 import { useReCaptcha } from '../../composables/recaptcha.composable';
 import { RECAPTCHA_ACTION_MAILING_LIST } from '../../constants';
 

package/src/brand-page/components/mailing-list/MailingList.stories.ts

@@ -1,8 +1,8 @@
 import { defineComponent } from 'vue';
 import { faker } from '@faker-js/faker';
-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';
 import { DEFAULT_TEXT_ALIGN } from '../../constants';
-import type { MailingListContent } from '../../models';
+import type { MailingListContent } from '@brand-page/models';
 import MailingList from './MailingList.vue';
 import { context } from '../../__fixtures__/brand-page-sample-data';
 

package/src/brand-page/components/map/GoogleMap.mixin.ts

@@ -1,6 +1,6 @@
 import { defineComponent } from 'vue';
-import { PLACE_ID_QUERY_PREFIX } from '../../../plugins/google-maps-plugin/google-maps-plugin';
-import { getCurrentLocale } from '../../../composables/useTranslate';
+import { PLACE_ID_QUERY_PREFIX } from '@src/plugins/google-maps-plugin/google-maps-plugin';
+import { getCurrentLocale } from '@src/composables/useTranslate';
 
 export default defineComponent({
   props: {

package/src/brand-page/components/map/Map.stories.ts

@@ -1,7 +1,7 @@
 import { defineComponent } from 'vue';
 import * as uuid from 'uuid';
 import Map from './Map.vue';
-import type { MapViewModel } from '../../view-models';
+import type { MapViewModel } from '@brand-page/view-models';
 
 export default {
   title: 'Components/BrandPage/Map',

package/src/brand-page/components/map/Map.vue

@@ -19,9 +19,9 @@
 <script setup lang="ts">
 import GoogleMap from './GoogleMap.vue';
 import Placeholder from '../placeholder/Placeholder.vue';
-import type { MapViewModel } from '../../view-models';
-import type { BrandPageContext } from '../../models';
-import { mapTr } from '../../../composables/useTranslate';
+import type { MapViewModel } from '@brand-page/view-models';
+import type { BrandPageContext } from '@brand-page/models';
+import { mapTr } from '@src/composables/useTranslate';
 import { computed } from 'vue';
 
 interface Props {

package/src/brand-page/components/media/Media.mixin.ts

@@ -1,6 +1,6 @@
 import { defineComponent } from 'vue';
 import type { PropType } from 'vue';
-import type { BrandPageContext, ColorReplacement } from '../../models';
+import type { BrandPageContext, ColorReplacement } from '@brand-page/models';
 import type { MediaViewModel } from '../../../lib';
 
 export default defineComponent({

package/src/brand-page/components/media/Shape.mixin.ts

@@ -1,11 +1,11 @@
 import { defineComponent } from 'vue';
 import type { PropType } from 'vue';
-import type { ColorReplacement } from '../../models';
+import type { ColorReplacement } from '@brand-page/models';
 import ComponentCommonMixin from '../mixins/component-common.mixin';
 import axios from 'axios';
-import { applyColorReplacementsToSvgString } from '../../utils/svg-color.util';
-import { PROXY_SHAPE_URL_REGEX } from '../../../brand-page/constants';
-import { getRegexToMatchAttributeInSvgTag } from '../../../brand-page/utils/svg.util';
+import { applyColorReplacementsToSvgString } from '@brand-page/utils/svg-color.util';
+import { PROXY_SHAPE_URL_REGEX } from '@brand-page/constants';
+import { getRegexToMatchAttributeInSvgTag } from '@brand-page/utils/svg.util';
 
 export default defineComponent({
   mixins: [ComponentCommonMixin],

package/src/brand-page/components/media-query/MediaQuery.stories.ts

@@ -2,7 +2,7 @@ import type { Meta, StoryFn, StoryObj } from '@storybook/vue3';
 import CSSDesktopOnly from './CSSDesktopOnly.vue';
 import CSSMobileOnly from './CSSMobileOnly.vue';
 import MediaQuery from './MediaQuery.vue';
-import { VIEWPORTS } from '../../models';
+import { VIEWPORTS } from '@brand-page/models';
 
 const meta: Meta = {
   title: 'BrandSite/Components/MediaQuery',

package/src/brand-page/components/media-query/MediaQuery.vue

@@ -17,8 +17,8 @@
   </div>
 </template>
 <script setup lang="ts">
-import { VIEWPORTS } from '../../models';
-import type { ViewportsType } from '../../models';
+import { VIEWPORTS } from '@brand-page/models';
+import type { ViewportsType } from '@brand-page/models';
 import CSSDesktopOnly from './CSSDesktopOnly.vue';
 import CSSMobileOnly from './CSSMobileOnly.vue';
 

package/src/brand-page/components/navigation/Navigation.vue

@@ -28,9 +28,9 @@ import type {
   NavigationDesktop,
   NavigationMobile,
   BrandPageContext,
-} from '../../models';
-import type { NavViewModel } from '../../view-models';
-import { getSlugFromContext } from '../../utils';
+} from '@brand-page/models';
+import { getSlugFromContext } from '@brand-page/utils';
+import type { NavViewModel } from '@brand-page/view-models';
 
 interface Props {
   navId: string;

package/src/brand-page/components/page/Page.mixin.ts

@@ -4,21 +4,21 @@ import type {
   BrandPageViewModel,
   ContentViewModel,
   PageViewModel,
-} from '../../view-models';
+} from '@brand-page/view-models';
 import type {
   BackgroundShape,
   BrandPageContext,
   ViewportsType,
-} from '../../models';
+} from '@brand-page/models';
 import {
   DEFAULT_FONT_FAMILY_KEY,
   FALLBACK_FONT_FAMILIES,
   FONT_FAMILY_CONFIGS,
 } from '../../constants';
-import { getSlugFromContext } from '../../utils';
+import { getSlugFromContext } from '@brand-page/utils';
 import type { ComponentPublicInstance } from '@vue/runtime-core';
-import { BRAND_PAGE_TYPES } from '../../models';
-import { hasProfileContent as checkHasProfileContent } from '../../utils/vcard.util';
+import { BRAND_PAGE_TYPES } from '@brand-page/models';
+import { hasProfileContent as checkHasProfileContent } from '@brand-page/utils/vcard.util';
 
 export default defineComponent({
   props: {

package/src/brand-page/components/page/Page.stories.ts

@@ -1,19 +1,19 @@
 import { defineComponent } from 'vue';
 import Page from './Page.vue';
-import type { ContentViewModel, BrandPageViewModel } from '../../view-models';
+import type { ContentViewModel, BrandPageViewModel } from '@brand-page/view-models';
 import {
   mapToPageFooterViewModel,
   mapToPageHeaderViewModel,
   mapToPageStyleViewModel,
   mapToViewModel,
-} from '../../utils';
+} from '@brand-page/utils';
 import {
   BRAND_PAGE_TYPES,
   type BrandPageData,
   BrandPageModel,
   SENSITIVE_CONTENT_TYPES,
   VIEWPORTS,
-} from '../../models';
+} from '@brand-page/models';
 
 export default {
   title: 'Components/BrandPage/Page',

package/src/brand-page/components/page/PageComponent.mixin.ts

@@ -1,7 +1,10 @@
 import { defineComponent } from 'vue';
 import type { PropType } from 'vue';
-import type { BrandPageViewModel, ContentViewModel } from '../../view-models';
-import type { BrandPageContext } from '../../models';
+import type {
+  BrandPageViewModel,
+  ContentViewModel,
+} from '@brand-page/view-models';
+import type { BrandPageContext } from '@brand-page/models';
 
 export default defineComponent({
   props: {

package/src/brand-page/components/page-footer/PageFooter.mixin.ts

@@ -1,8 +1,8 @@
 import { defineComponent } from 'vue';
-import type { PageFooterViewModel } from '../../view-models';
+import type { PageFooterViewModel } from '@brand-page/view-models';
 import type { PropType } from 'vue';
-import type { BrandPageContext } from '../../models';
-import { getRenderText } from '../../utils';
+import type { BrandPageContext } from '@brand-page/models';
+import { getRenderText } from '@brand-page/utils';
 import { FOOTER_DISPLAY } from '../../constants';
 
 export default defineComponent({

package/src/brand-page/components/page-header/PageHeader.mixin.ts

@@ -1,7 +1,10 @@
 import { defineComponent } from 'vue';
 import type { PropType } from 'vue';
-import type { BrandPageContext } from '../../models';
-import type { NavViewModel, PageHeaderViewModel } from '../../view-models';
+import type { BrandPageContext } from '@brand-page/models';
+import type {
+  NavViewModel,
+  PageHeaderViewModel,
+} from '@brand-page/view-models';
 import { LOGO_SLIDER_DESKTOP_MAX } from '../../constants';
 
 export default defineComponent({

package/src/brand-page/components/payment/Payment.mixin.ts

@@ -12,13 +12,13 @@ import type {
   CreateCartResult,
   PaymentConfig,
   PaymentOption,
-} from '../../models';
+} from '@brand-page/models';
 import type {
   RequestPaymentViewModel,
   SupportMeViewModel,
-} from '../../view-models';
-import raygunUtil from '../../utils/raygun.util';
-import { paymentTr } from '../../../composables/useTranslate';
+} from '@brand-page/view-models';
+import raygunUtil from '@brand-page/utils/raygun.util';
+import { paymentTr } from '@src/composables/useTranslate';
 
 const DEFAULT_PAYMENT_SUCCESS_MESSAGE = paymentTr(
   `defaultPaymentSuccessMessage`,

package/src/brand-page/components/payment/Payment.vue

@@ -110,7 +110,7 @@ import { Icon, Loader } from '@designcrowd/fe-shared-lib';
 import RequestPaymentStripe from './RequestPaymentStripe.vue';
 import PaymentMixin from './Payment.mixin.ts';
 import TextWrapper from '../text-wrapper/TextWrapper.vue';
-import { commonTr, paymentTr } from '../../../composables/useTranslate';
+import { commonTr, paymentTr } from '@src/composables/useTranslate';
 
 export default {
   components: {

package/src/brand-page/components/payment/RequestPaymentStripe.mixin.ts

@@ -9,8 +9,8 @@ import type {
   CheckoutInformation,
   CreateCartResult,
   StripePaymentIntent,
-} from '../../models';
-import { requestPaymentStripeTr } from '../../../composables/useTranslate';
+} from '@brand-page/models';
+import { requestPaymentStripeTr } from '@src/composables/useTranslate';
 import brandPageClient from '../../clients/brand-page.client';
 
 declare global {

package/src/brand-page/components/payment/RequestPaymentStripe.vue

@@ -138,7 +138,7 @@
 import { Icon, TextInput, Loader } from '@designcrowd/fe-shared-lib';
 import IconStripe from '../icon/IconStripe.vue';
 import CheckoutStripeMixin from './RequestPaymentStripe.mixin.ts';
-import { requestPaymentStripeTr } from '../../../composables/useTranslate';
+import { requestPaymentStripeTr } from '@src/composables/useTranslate';
 
 export default {
   components: {

package/src/brand-page/components/payment/__fixtures__/request-payment.ts

@@ -6,9 +6,9 @@ import type { RequestPaymentViewModel } from '../../../view-models';
 import { faker } from '@faker-js/faker';
 import { DEFAULT_TEXT_ALIGN } from '../../../constants';
 import { applyLogoThemeToBrandPageStyles } from '../../../utils';
-import { BRAND_PAGE } from '../../../../brand-page-maker/components/brand-page-maker/__fixtures__';
+import { BRAND_PAGE } from '@brand-page-maker/components/brand-page-maker/__fixtures__';
 import type { PageStyles } from '../../../models';
-import { createInitialRequestPaymentContent } from '../../../../brand-page-maker/models';
+import { createInitialRequestPaymentContent } from '@brand-page-maker/models';
 import { BRAND_PAGE_PUBLISHABLE_KEY } from '../../../__fixtures__/stripe.fixture';
 
 export const context = {

package/src/brand-page/components/payment/__fixtures__/support-me.ts

@@ -3,9 +3,9 @@ import {
   logoTheme,
 } from '../../../__fixtures__/brand-page-sample-data';
 import type { SupportMeViewModel } from '../../../view-models';
-import { createInitialSupportMeContent } from '../../../../brand-page-maker/models';
+import { createInitialSupportMeContent } from '@brand-page-maker/models';
 import { applyLogoThemeToBrandPageStyles } from '../../../utils';
-import { BRAND_PAGE } from '../../../../brand-page-maker/components/brand-page-maker/__fixtures__';
+import { BRAND_PAGE } from '@brand-page-maker/components/brand-page-maker/__fixtures__';
 import type { PageStyles } from '../../../models';
 import { faker } from '@faker-js/faker';
 import {

package/src/brand-page/components/payment/request-payment/RequestPayment.mixin.ts

@@ -14,7 +14,7 @@ import type { RequestPaymentViewModel } from '../../../view-models';
 import type { PaymentRequestDetails } from '../Payment.mixin';
 import { DEFAULT_CURRENCY_SYMBOL } from '../../../constants';
 import { addOpacityToHex } from '../../../utils/color.util';
-import { RGBAtoHex } from '../../../../utils/helpers';
+import { RGBAtoHex } from '@utils/helpers';
 
 const MAX_CUSTOM_REQUEST_CHARS = 500;
 

package/src/brand-page/components/payment/request-payment/RequestPayment.stories.ts

@@ -2,7 +2,7 @@ import type { Meta, StoryObj } from '@storybook/vue3';
 import RequestPayment from './RequestPayment.vue';
 import Payment from '../Payment.vue';
 import { viewModel, context } from '../__fixtures__/request-payment';
-import { setupStoryPinia } from '../../../../brand-page-maker/components/brand-page-maker/__fixtures__/store-fixture';
+import { setupStoryPinia } from '@brand-page-maker/components/brand-page-maker/__fixtures__/store-fixture';
 import { faker } from '@faker-js/faker';
 import DarkBackground from '../../../storybook-helpers/components/DarkBackground.vue';
 

package/src/brand-page/components/payment/request-payment/RequestPayment.vue

@@ -129,7 +129,7 @@ import RequestPaymentMixin from './RequestPayment.mixin.ts';
 import Payment from '../Payment.vue';
 import TextWrapper from '../../text-wrapper/TextWrapper.vue';
 import FallbackImage from '../../fallback-image/FallbackImage.vue';
-import { paymentTr } from '../../../../composables/useTranslate';
+import { paymentTr } from '@src/composables/useTranslate';
 
 export default {
   components: {

package/src/brand-page/components/payment/support-me/SupportMe.mixin.ts

@@ -9,7 +9,7 @@ import {
   DEFAULT_CURRENCY_SYMBOL,
   DEFAULT_CURRENCY_CODE,
 } from '../../../constants';
-import { paymentTr } from '../../../../composables/useTranslate';
+import { paymentTr } from '@src/composables/useTranslate';
 
 const MAX_CUSTOM_MESSAGE_CHARS = 500;
 

package/src/brand-page/components/payment/support-me/SupportMe.stories.ts

@@ -1,7 +1,7 @@
 import type { Meta, StoryObj } from '@storybook/vue3';
 import { context, viewModel } from '../__fixtures__/support-me';
 import SupportMe from './SupportMe.vue';
-import { setupStoryPinia } from '../../../../brand-page-maker/components/brand-page-maker/__fixtures__/store-fixture';
+import { setupStoryPinia } from '@brand-page-maker/components/brand-page-maker/__fixtures__/store-fixture';
 import DarkBackground from '../../../storybook-helpers/components/DarkBackground.vue';
 
 const meta: Meta<typeof SupportMe> = {

package/src/brand-page/components/payment/support-me/SupportMe.vue

@@ -95,7 +95,7 @@ import { TextInput } from '@designcrowd/fe-shared-lib';
 import SupportMeMixin from './SupportMe.mixin.ts';
 import Payment from '../Payment.vue';
 import TextWrapper from '../../text-wrapper/TextWrapper.vue';
-import { paymentTr } from '../../../../composables/useTranslate';
+import { paymentTr } from '@src/composables/useTranslate';
 
 export default {
   components: {

package/src/brand-page/components/profile/Profile.mixin.ts

@@ -1,9 +1,9 @@
 import { defineComponent } from 'vue';
 import type { PropType } from 'vue';
-import type { ProfileViewModel } from '../../view-models';
-import { getRenderText, escapeContentText } from '../../utils';
-import type { BrandPageContext } from '../../models';
-import { hasRTEContent } from '../../../brand-page-maker/utils/rich-text-editor.util';
+import type { ProfileViewModel } from '@brand-page/view-models';
+import { getRenderText, escapeContentText } from '@brand-page/utils';
+import type { BrandPageContext } from '@brand-page/models';
+import { hasRTEContent } from '@brand-page-maker/utils/rich-text-editor.util';
 
 export default defineComponent({
   props: {

package/src/brand-page/components/profile/Profile.stories.ts

@@ -1,11 +1,11 @@
 import { defineComponent } from 'vue';
 import Profile from './Profile.vue';
-import type { ProfileViewModel } from '../../view-models';
+import type { ProfileViewModel } from '@brand-page/view-models';
 import { DEFAULT_TEXT_ALIGN } from '../../constants';
 import {
   MEDIA_SIZES,
   type BrandPageContext,
-} from '../../models/brand-page-context.model';
+} from '@brand-page/models/brand-page-context.model';
 export default {
   title: 'Components/BrandPage/Profile',
   component: Profile,

package/src/brand-page/components/save-contact/SaveContactWidget.vue

@@ -39,21 +39,24 @@
 <script setup lang="ts">
 import { computed, reactive, onMounted, watch, ref } from 'vue';
 import { Icon } from '@designcrowd/fe-shared-lib';
-import { type BrandPageContext, type TextStyleDeclaration } from '../../models';
-import { useLocalisedRouteStore } from '../../../brand-page-maker/stores';
+import {
+  type BrandPageContext,
+  type TextStyleDeclaration,
+} from '@brand-page/models';
+import { useLocalisedRouteStore } from '@brand-page-maker/stores';
 import {
   EVENTS,
   useEventTracker,
-} from '../../../brand-page-maker/composables/useEventTracker';
+} from '@brand-page-maker/composables/useEventTracker';
 import {
   saveContactWidgetTr,
   getCurrentLocale,
-} from '../../../composables/useTranslate';
-import { hasProfileContent, saveContact } from '../../utils/vcard.util';
+} from '@src/composables/useTranslate';
+import { hasProfileContent, saveContact } from '@brand-page/utils/vcard.util';
 import { useConsent } from '../../composables/consent.composable';
 import PopupCard from './popup-card/PopupCard.vue';
 import Button from '../button/Button.vue';
-import type { ButtonStyles, TextStyles } from '../../models';
+import type { ButtonStyles, TextStyles } from '@brand-page/models';
 
 interface Props {
   context: BrandPageContext;

package/src/brand-page/components/save-contact/popup-card/PopupCard.vue

@@ -54,11 +54,11 @@ import { type BrandPageContext } from '../../../models';
 import {
   EVENTS,
   useEventTracker,
-} from '../../../../brand-page-maker/composables/useEventTracker';
+} from '@brand-page-maker/composables/useEventTracker';
 import {
   saveContactWidgetTr,
   getCurrentLocale,
-} from '../../../../composables/useTranslate';
+} from '@src/composables/useTranslate';
 
 interface Props {
   context: BrandPageContext;

package/src/brand-page/components/sensitive-content/SensitiveContentModal.vue

@@ -45,7 +45,7 @@
 import { ref, computed, watch } from 'vue';
 import { Modal, Icon } from '@designcrowd/fe-shared-lib';
 import { SENSITIVE_CONTENT_TYPES } from '../../';
-import { sensitiveContentModalTr } from '../../../../src/composables/useTranslate';
+import { sensitiveContentModalTr } from '@src/composables/useTranslate';
 
 const props = defineProps({
   sensitiveContentState: {

package/src/brand-page/components/shapes-section/ShapesSection.vue

@@ -25,8 +25,8 @@
 import type { PropType } from 'vue';
 import TextMediaSection from '../text-media-section/TextMediaSection.vue';
 import Media from '../media/Media.vue';
-import type { TextImageSectionViewModel } from '../../view-models';
-import type { BrandPageContext } from '../../models';
+import type { TextImageSectionViewModel } from '@brand-page/view-models';
+import type { BrandPageContext } from '@brand-page/models';
 
 const props = defineProps({
   viewModel: {

package/src/brand-page/components/shop/Cart.stories.ts

@@ -2,9 +2,9 @@ import type { Meta, StoryObj } from '@storybook/vue3';
 import CartModal from './CartModal.vue';
 import ProductDetailModal from './ProductDetailModal.vue';
 import PaymentModal from './PaymentModal.vue';
-import { setupStoryPinia } from '../../../brand-page-maker/components/brand-page-maker/__fixtures__/store-fixture';
-import { useCartStore } from '../../../shared/ecommerce-settings/store/cart-settings-store';
-import { useShopConfigStore } from '../../../shared/ecommerce-settings/store/shop-settings-store';
+import { setupStoryPinia } from '@brand-page-maker/components/brand-page-maker/__fixtures__/store-fixture';
+import { useCartStore } from '@shared/ecommerce-settings/store/cart-settings-store';
+import { useShopConfigStore } from '@shared/ecommerce-settings/store/shop-settings-store';
 
 const InitialiseCartStores = () => {
   const shopStore = useShopConfigStore();

package/src/brand-page/components/shop/CartModal.vue

@@ -240,10 +240,10 @@ import {
 import {
   useCartStore,
   NOTES_MAX_LENGTH,
-} from '../../../shared/ecommerce-settings/store/cart-settings-store';
+} from '@shared/ecommerce-settings/store/cart-settings-store';
 import { computed, reactive } from 'vue';
-import type { selectedVariantOption } from '../../../brand-page/models/shop.model';
-import { useShopConfigStore } from '../../../shared/ecommerce-settings/store/shop-settings-store';
+import type { selectedVariantOption } from '@brand-page/constantsmodels/shop.model';
+import { useShopConfigStore } from '@shared/ecommerce-settings/store/shop-settings-store';
 import { calculatePrice } from '../../../utils/currency.util';
 
 interface Props {

package/src/brand-page/components/shop/FeaturedDisplay.vue

@@ -59,13 +59,13 @@
   </ul>
 </template>
 <script setup lang="ts">
-import type { BrandPageContext, ShopContent } from '../../models';
+import type { BrandPageContext, ShopContent } from '@brand-page/models';
 import FallbackImage from '../fallback-image/FallbackImage.vue';
 import TextWrapper from '../text-wrapper/TextWrapper.vue';
 import { type PropType } from 'vue';
-import type { ShopViewModel } from '../../view-models';
-import type { ProductModel } from '../../models/shop.model';
-import { useShopConfigStore } from '../../../shared/ecommerce-settings/store/shop-settings-store';
+import type { ShopViewModel } from '@brand-page/view-models';
+import type { ProductModel } from '@brand-page/models/shop.model';
+import { useShopConfigStore } from '@shared/ecommerce-settings/store/shop-settings-store';
 import { computed } from 'vue';
 
 const shopSettingStore = useShopConfigStore();

package/src/brand-page/components/shop/PaymentModal.vue

@@ -113,7 +113,7 @@
 
 <script setup lang="ts">
 import { Modal, Button, Loader } from '@designcrowd/fe-shared-lib';
-import { useCartStore } from '../../../shared/ecommerce-settings/store/cart-settings-store';
+import { useCartStore } from '@shared/ecommerce-settings/store/cart-settings-store';
 import { computed, reactive, onMounted } from 'vue';
 import IconStripe from '../icon/IconStripe.vue';
 import RequestPaymentStripe from '../payment/RequestPaymentStripe.vue';
@@ -127,10 +127,10 @@ import type {
   BrandPagePaymentConfig,
   TextStyleDeclaration,
   StripePaymentIntent,
-} from '../../models';
-import { paymentProviders } from '../../../brand-page/constants';
-import raygunUtil from '../../../brand-page/utils/raygun.util';
-import { paymentModalTr } from '../../../composables/useTranslate';
+} from '@brand-page/models';
+import { paymentProviders } from '@brand-page/constants';
+import raygunUtil from '@brand-page/utils/raygun.util';
+import { paymentModalTr } from '@src/composables/useTranslate';
 
 type State = (typeof paymentState)[keyof typeof paymentState];
 

package/src/brand-page/components/shop/ProductDetailModal.vue

@@ -163,15 +163,15 @@ import {
 import type {
   ProductModel,
   selectedVariantOption,
-} from '../../../brand-page/models/shop.model';
+} from '@brand-page/constantsmodels/shop.model';
 import { computed, reactive, watch } from 'vue';
 import {
   useCartStore,
   NOTES_MAX_LENGTH,
   type AddSkuItemToCartRequest,
-} from '../../../shared/ecommerce-settings/store/cart-settings-store';
-import { useShopConfigStore } from '../../../shared/ecommerce-settings/store/shop-settings-store';
-import { productDetailModalTr } from '../../../composables/useTranslate';
+} from '@shared/ecommerce-settings/store/cart-settings-store';
+import { useShopConfigStore } from '@shared/ecommerce-settings/store/shop-settings-store';
+import { productDetailModalTr } from '@src/composables/useTranslate';
 
 interface Props {
   product: ProductModel;