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

package/lib/src/{CreatedOnBrandCrowd-de-de-uiIr5kLt.js → CreatedOnBrandCrowd-de-de-DsUAZdDZ.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as e, openBlock as l, createStaticVNode as a } from "vue";
-import { _ as t } from "./lib-CBpRmget.js";
+import { _ as t } from "./lib-CRBe2_A8.js";
 const i = {}, h = {
   width: "275",
   height: "36",

package/lib/src/{CreatedOnBrandCrowd-en-us-ZxmDyB2L.js → CreatedOnBrandCrowd-en-us-BNR-T34t.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as e, openBlock as l, createStaticVNode as a } from "vue";
-import { _ as t } from "./lib-CBpRmget.js";
+import { _ as t } from "./lib-CRBe2_A8.js";
 const i = {}, h = {
   width: "251",
   height: "36",

package/lib/src/{CreatedOnBrandCrowd-es-es-Dy0prqYb.js → CreatedOnBrandCrowd-es-es-D9jzI5Gq.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as e, openBlock as l, createStaticVNode as a } from "vue";
-import { _ as t } from "./lib-CBpRmget.js";
+import { _ as t } from "./lib-CRBe2_A8.js";
 const i = {}, h = {
   width: "250",
   height: "36",

package/lib/src/{CreatedOnBrandCrowd-fr-fr-ptYivmhP.js → CreatedOnBrandCrowd-fr-ca-DUbAnAP7.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as e, openBlock as l, createStaticVNode as a } from "vue";
-import { _ as t } from "./lib-CBpRmget.js";
+import { _ as t } from "./lib-CRBe2_A8.js";
 const i = {}, h = {
   width: "237",
   height: "36",

package/lib/src/{CreatedOnBrandCrowd-fr-ca-ptYivmhP.js → CreatedOnBrandCrowd-fr-fr-DUbAnAP7.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as e, openBlock as l, createStaticVNode as a } from "vue";
-import { _ as t } from "./lib-CBpRmget.js";
+import { _ as t } from "./lib-CRBe2_A8.js";
 const i = {}, h = {
   width: "237",
   height: "36",

package/lib/src/{CreatedOnBrandCrowd-pt-pt-CJ2KmyN9.js → CreatedOnBrandCrowd-pt-br-DLzCYy_9.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as e, openBlock as l, createStaticVNode as a } from "vue";
-import { _ as t } from "./lib-CBpRmget.js";
+import { _ as t } from "./lib-CRBe2_A8.js";
 const i = {}, h = {
   width: "263",
   height: "36",

package/lib/src/{CreatedOnBrandCrowd-pt-br-CJ2KmyN9.js → CreatedOnBrandCrowd-pt-pt-DLzCYy_9.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as e, openBlock as l, createStaticVNode as a } from "vue";
-import { _ as t } from "./lib-CBpRmget.js";
+import { _ as t } from "./lib-CRBe2_A8.js";
 const i = {}, h = {
   width: "263",
   height: "36",

package/lib/src/{CreatedOnDcom-de-de-BOKzyd7W.js → CreatedOnDcom-de-de-BP5YtPE5.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as H, openBlock as V, createStaticVNode as t } from "vue";
-import { _ as e } from "./lib-CBpRmget.js";
+import { _ as e } from "./lib-CRBe2_A8.js";
 const M = {}, Z = {
   width: "242",
   height: "36",

package/lib/src/{CreatedOnDcom-en-us-DUn1EGFC.js → CreatedOnDcom-en-us-ih-rYZb7.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as H, openBlock as V, createStaticVNode as t } from "vue";
-import { _ as e } from "./lib-CBpRmget.js";
+import { _ as e } from "./lib-CRBe2_A8.js";
 const i = {}, M = {
   width: "231",
   height: "36",

package/lib/src/{CreatedOnDcom-es-es-CWmC3YRV.js → CreatedOnDcom-es-es-DOdyRnZy.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as H, openBlock as V, createStaticVNode as t } from "vue";
-import { _ as e } from "./lib-CBpRmget.js";
+import { _ as e } from "./lib-CRBe2_A8.js";
 const M = {}, Z = {
   width: "230",
   height: "36",

package/lib/src/{CreatedOnDcom-fr-ca-_UTCwQgn.js → CreatedOnDcom-fr-ca-DJAXIcPr.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as H, openBlock as V, createStaticVNode as t } from "vue";
-import { _ as e } from "./lib-CBpRmget.js";
+import { _ as e } from "./lib-CRBe2_A8.js";
 const i = {}, l = {
   width: "216",
   height: "36",

package/lib/src/{CreatedOnDcom-fr-fr-DYUvSYKz.js → CreatedOnDcom-fr-fr-DOw9WG-3.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as H, openBlock as V, createStaticVNode as t } from "vue";
-import { _ as e } from "./lib-CBpRmget.js";
+import { _ as e } from "./lib-CRBe2_A8.js";
 const i = {}, l = {
   width: "216",
   height: "36",

package/lib/src/{CreatedOnDcom-pt-br-o2kCzJWH.js → CreatedOnDcom-pt-br-9o0DJ0n-.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as H, openBlock as V, createStaticVNode as t } from "vue";
-import { _ as M } from "./lib-CBpRmget.js";
+import { _ as M } from "./lib-CRBe2_A8.js";
 const Z = {}, e = {
   width: "232",
   height: "36",

package/lib/src/{CreatedOnDcom-pt-pt-JLuH_BY3.js → CreatedOnDcom-pt-pt-Dyf54Z8l.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as H, openBlock as V, createStaticVNode as t } from "vue";
-import { _ as M } from "./lib-CBpRmget.js";
+import { _ as M } from "./lib-CRBe2_A8.js";
 const Z = {}, e = {
   width: "232",
   height: "36",

package/lib/src/brand-page/components/about-section/AboutSection.mixin.d.ts

@@ -1,6 +1,6 @@
 import type { PropType } from 'vue';
-import type { AboutSectionViewModel } from '../../view-models';
-import type { BrandPageContext } from '../../models';
+import type { AboutSectionViewModel } from '@brand-page/view-models';
+import type { BrandPageContext } from '@brand-page/models';
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     viewModel: {
         type: PropType<AboutSectionViewModel>;

package/lib/src/brand-page/components/about-section/AboutSection.mixin.js

@@ -1,6 +1,6 @@
 import { defineComponent } from 'vue';
 import ComponentCommonMixin from '../mixins/component-common.mixin';
-import { getRenderText } from '../../utils';
+import { getRenderText } from '@brand-page/utils';
 export default defineComponent({
     mixins: [ComponentCommonMixin],
     props: {

package/lib/src/brand-page/components/background-shape/BackgroundShape.mixin.d.ts

@@ -1,5 +1,5 @@
 import type { PropType } from 'vue';
-import type { BackgroundShape } from '../../models';
+import type { BackgroundShape } from '@brand-page/models';
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     viewModel: {
         type: PropType<BackgroundShape | Record<any, any>>;

package/lib/src/brand-page/components/background-shape/BackgroundShape.mixin.js

@@ -1,10 +1,10 @@
 import { defineComponent } from 'vue';
 import ComponentCommonMixin from '../mixins/component-common.mixin';
 import axios from 'axios';
-import { applyColorToSvgString } from '../../utils/svg-color.util';
+import { applyColorToSvgString } from '@brand-page/utils/svg-color.util';
 import { isURL } from '../../../utils/validator.util';
-import { PROXY_SHAPE_URL_REGEX } from '../../../brand-page/constants';
-import { getRegexToMatchAttributeInSvgTag } from '../../../brand-page/utils/svg.util';
+import { PROXY_SHAPE_URL_REGEX } from '@brand-page/constants';
+import { getRegexToMatchAttributeInSvgTag } from '@brand-page/utils/svg.util';
 const SUPPORTED_SHAPE_HOSTS = [
     'https://bc-user-uploads.brandcrowd.com/public',
     'https://bcassetcdn.com/shapes',

package/lib/src/brand-page/components/banner-section/BannerSection.mixin.d.ts

@@ -1,6 +1,6 @@
 import type { PropType } from 'vue';
-import type { BannerSectionViewModel, ButtonViewModel } from '../../view-models';
-import type { BrandPageContext } from '../../models';
+import type { BannerSectionViewModel, ButtonViewModel } from '@brand-page/view-models';
+import type { BrandPageContext } from '@brand-page/models';
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     viewModel: {
         type: PropType<BannerSectionViewModel>;

package/lib/src/brand-page/components/banner-section/BannerSection.mixin.js

@@ -2,8 +2,8 @@ import { defineComponent } from 'vue';
 import ComponentCommonMixin from '../mixins/component-common.mixin';
 import { isURL, hasValidButton as shouldShowButtonUtil, } from '../../../utils/validator.util';
 import { ALIGN_CENTERED, ALIGN_LEFT_ALIGNED, ALIGN_RIGHT_ALIGNED, BIG_IMAGE, ALIGN_LEFT_BIG_IMAGE, ALIGN_RIGHT_FULL_IMAGE, ALIGN_LEFT_FULL_IMAGE, ALIGN_CARD_CENTER_IMAGE, ALIGN_CARD_LEFT_IMAGE, } from '../../constants';
-import { getRenderText, escapeContentText } from '../../utils';
-import { hasRTEContent } from '../../../brand-page-maker/utils';
+import { getRenderText, escapeContentText } from '@brand-page/utils';
+import { hasRTEContent } from '@brand-page-maker/utils';
 export default defineComponent({
     mixins: [ComponentCommonMixin],
     props: {

package/lib/src/brand-page/components/button/Button.mixin.d.ts

@@ -1,6 +1,6 @@
 import type { PropType } from 'vue';
-import type { BrandPageContext } from '../../models';
-import type { ButtonViewModel } from '../../view-models';
+import type { BrandPageContext } from '@brand-page/models';
+import type { ButtonViewModel } from '@brand-page/view-models';
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     viewModel: {
         type: PropType<ButtonViewModel>;

package/lib/src/brand-page/components/button/Button.mixin.js

@@ -2,7 +2,7 @@ import { defineComponent } from 'vue';
 import { isEmail, isTel, isURL } from '../../../utils/validator.util';
 import ComponentCommonMixin from '../mixins/component-common.mixin';
 import { BP_PAGE_SLUG_ROUTE_NAME, BP_SLUG_ROUTE_NAME } from '../../constants';
-import { getRouteParamsByPage } from '../../utils/route.util';
+import { getRouteParamsByPage } from '@brand-page/utils/route.util';
 export default defineComponent({
     mixins: [ComponentCommonMixin],
     props: {

package/lib/src/brand-page/components/button/Button.stories.d.ts

@@ -1,4 +1,4 @@
-import type { ButtonViewModel } from '../../view-models';
+import type { ButtonViewModel } from '@brand-page/view-models';
 declare const _default: {
     title: string;
     component: import("vue").DefineComponent<{}, {}, any>;

package/lib/src/brand-page/components/button/Button.stories.js

@@ -1,7 +1,7 @@
 import { defineComponent } from 'vue';
 import * as uuid from 'uuid';
 import Button from './Button.vue';
-import { BUTTON_LINK_TYPE, ButtonStyles } from '../../models';
+import { BUTTON_LINK_TYPE, ButtonStyles } from '@brand-page/models';
 import { DEFAULT_TEXT_ALIGN } from '../../constants';
 export default {
     title: 'Components/BrandPage/Button',

package/lib/src/brand-page/components/collapsible/Collapsible.mixin.d.ts

@@ -1,4 +1,4 @@
-import type { BrandPageContext } from '../../models';
+import type { BrandPageContext } from '@brand-page/models';
 import type { PropType } from 'vue';
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     canCollapse: {

package/lib/src/brand-page/components/contact-form/ContactForm.mixin.d.ts

@@ -1,6 +1,6 @@
 import type { PropType } from 'vue';
-import type { ContactFormViewModel } from '../../view-models';
-import type { BrandPageContext, FormField, FormFieldType } from '../../models';
+import type { ContactFormViewModel } from '@brand-page/view-models';
+import type { BrandPageContext, FormField, FormFieldType } from '@brand-page/models';
 export interface FieldValue {
     value: string;
     error?: string;

package/lib/src/brand-page/components/contact-form/ContactForm.mixin.js

@@ -1,10 +1,10 @@
 import { defineComponent } from 'vue';
-import { FORM_FIELD_TYPES } from '../../models';
-import { getEmailValidationError, getMessageValidationError, getNameValidationError, getPhoneValidationError, } from '../../utils';
+import { FORM_FIELD_TYPES } from '@brand-page/models';
+import { getEmailValidationError, getMessageValidationError, getNameValidationError, getPhoneValidationError, } from '@brand-page/utils';
 import brandPageClient from '../../clients/brand-page.client';
 import { isEmail } from '../../../utils/validator.util';
 import { ALIGN_CARD_CENTER, ALIGN_CARD_CENTER_IMAGE, ALIGN_CENTERED, ALIGN_LEFT_FULL_IMAGE, ALIGN_RIGHT_FULL_IMAGE, DISPLAY_STYLE_COLLAPSED, RECAPTCHA_ACTION_CONTACT_FORM, TEXT_ONLY, } from '../../constants';
-import { getRenderText } from '../../utils';
+import { getRenderText } from '@brand-page/utils';
 import { useReCaptcha } from '../../composables/recaptcha.composable';
 export default defineComponent({
     props: {

package/lib/src/brand-page/components/contact-form/ContactForm.stories.d.ts

@@ -1,4 +1,4 @@
-import { type ContactFormViewModel } from '../../view-models';
+import { type ContactFormViewModel } from '@brand-page/view-models';
 declare const _default: {
     title: string;
     component: import("vue").DefineComponent<{}, {}, any>;
@@ -8,7 +8,7 @@ export declare const BPContactForm: () => import("vue").DefineComponent<{}, {},
     brandPageToken: string;
     isPreview: boolean;
     viewModel: ContactFormViewModel;
-    context: import("../../models").BrandPageContext;
+    context: import("@brand-page/models").BrandPageContext;
 }, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {
     ContactForm: import("vue").DefineComponent<{}, {}, any>;
 }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
@@ -16,7 +16,7 @@ export declare const BSContactFormWithLayoutStyle: () => import("vue").DefineCom
     brandPageToken: string;
     isPreview: boolean;
     viewModel: ContactFormViewModel;
-    BScontext: import("../../models").BrandPageContext;
+    BScontext: import("@brand-page/models").BrandPageContext;
 }, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {
     ContactForm: import("vue").DefineComponent<{}, {}, any>;
 }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
@@ -24,7 +24,7 @@ export declare const BSContactFormWithNoLayoutStyle: () => import("vue").DefineC
     brandPageToken: string;
     isPreview: boolean;
     viewModel: ContactFormViewModel;
-    BScontext: import("../../models").BrandPageContext;
+    BScontext: import("@brand-page/models").BrandPageContext;
 }, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {
     ContactForm: import("vue").DefineComponent<{}, {}, any>;
 }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/lib/src/brand-page/components/contact-form/ContactForm.stories.js

@@ -1,10 +1,10 @@
 import { defineComponent } from 'vue';
 import { faker } from '@faker-js/faker';
-import { mockApiCalls } from '../../../brand-page-maker/components/brand-page-maker/mock-api-calls';
-import { BRAND_PAGE } from '../../../brand-page-maker/components/brand-page-maker/__fixtures__';
-import { FORM_FIELD_IDS, PageStyles } from '../../models';
-import { applyLogoThemeToBrandPageStyles } from '../../utils';
-import {} from '../../view-models';
+import { mockApiCalls } from '@brand-page-maker/components/brand-page-maker/mock-api-calls';
+import { BRAND_PAGE } from '@brand-page-maker/components/brand-page-maker/__fixtures__';
+import { FORM_FIELD_IDS, PageStyles } from '@brand-page/models';
+import { applyLogoThemeToBrandPageStyles } from '@brand-page/utils';
+import {} from '@brand-page/view-models';
 import ContactForm from './ContactForm.vue';
 import { ALIGN_CARD_CENTER, DISPLAY_STYLE_PREVIEW } from '../../constants';
 import { BScontext, context, logoTheme } from '../../__fixtures__/brand-page-sample-data';

package/lib/src/brand-page/components/divider-section/DividerSection.mixin.d.ts

@@ -1,6 +1,6 @@
 import type { PropType } from 'vue';
-import type { DividerSectionViewModel } from '../../view-models';
-import type { BrandPageContext } from '../../models';
+import type { DividerSectionViewModel } from '@brand-page/view-models';
+import type { BrandPageContext } from '@brand-page/models';
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     viewModel: {
         type: PropType<DividerSectionViewModel>;

package/lib/src/brand-page/components/divider-section/DividerSection.mixin.js

@@ -1,6 +1,6 @@
 import { defineComponent } from 'vue';
 import ComponentCommonMixin from '../mixins/component-common.mixin';
-import { DIVIDER_STYLES } from '../../models';
+import { DIVIDER_STYLES } from '@brand-page/models';
 export default defineComponent({
     mixins: [ComponentCommonMixin],
     props: {

package/lib/src/brand-page/components/image/Image.mixin.d.ts

@@ -1,6 +1,6 @@
 import type { PropType } from 'vue';
-import type { ImageViewModel } from '../../view-models';
-import type { BrandPageContext } from '../../models';
+import type { ImageViewModel } from '@brand-page/view-models';
+import type { BrandPageContext } from '@brand-page/models';
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     viewModel: {
         type: PropType<ImageViewModel>;

package/lib/src/brand-page/components/image/Image.mixin.js

@@ -1,8 +1,8 @@
 import { defineComponent } from 'vue';
 import ComponentCommonMixin from '../mixins/component-common.mixin';
 import ImageModalMixin from '../mixins/image-modal.mixin';
-import { ASPECT_RATIOS } from '../../models';
-import { getImageAltText, aspectRatioToPaddingPercentage } from '../../utils';
+import { ASPECT_RATIOS } from '@brand-page/models';
+import { getImageAltText, aspectRatioToPaddingPercentage, } from '@brand-page/utils';
 export default defineComponent({
     mixins: [ComponentCommonMixin, ImageModalMixin],
     props: {

package/lib/src/brand-page/components/image-gallery/ImageGallery.mixin.d.ts

@@ -1,7 +1,7 @@
 import type { PropType } from 'vue';
-import type { ImageGalleryViewModel } from '../../view-models';
+import type { ImageGalleryViewModel } from '@brand-page/view-models';
 import type { ImageGalleryImageClickPayload } from './models';
-import type { BrandPageContext, GalleryType } from '../../models';
+import type { BrandPageContext, GalleryType } from '@brand-page/models';
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     viewModel: {
         type: PropType<ImageGalleryViewModel>;

package/lib/src/brand-page/components/image-gallery/ImageGallery.mixin.js

@@ -1,7 +1,7 @@
 import { defineComponent } from 'vue';
 import ComponentCommonMixin from '../mixins/component-common.mixin';
 import ImageModalMixin from '../mixins/image-modal.mixin';
-import { GALLERY_TYPES } from '../../models';
+import { GALLERY_TYPES } from '@brand-page/models';
 export default defineComponent({
     mixins: [ComponentCommonMixin, ImageModalMixin],
     props: {

package/lib/src/brand-page/components/image-gallery/ImageGallery.stories.d.ts

@@ -1,4 +1,4 @@
-import { type BrandPageContext } from '../../models';
+import { type BrandPageContext } from '@brand-page/models';
 declare const _default: {
     title: string;
     component: import("vue").DefineComponent<{}, {}, any>;

package/lib/src/brand-page/components/image-gallery/ImageGallery.stories.js

@@ -1,8 +1,8 @@
 import { defineComponent } from 'vue';
 import ImageGallery from './ImageGallery.vue';
-import { createInitialImageGalleryContent } from '../../../brand-page-maker/models';
-import { mapToImageGalleryViewModel } from '../../utils';
-import { BRAND_PAGE_TYPES, MEDIA_SIZES, } from '../../models';
+import { createInitialImageGalleryContent } from '@brand-page-maker/models';
+import { mapToImageGalleryViewModel } from '@brand-page/utils';
+import { BRAND_PAGE_TYPES, MEDIA_SIZES, } from '@brand-page/models';
 import { createPinia } from 'pinia';
 export default {
     title: 'Components/BrandPage/Image Gallery',

package/lib/src/brand-page/components/image-gallery/ImageGalleryModal.mixin.d.ts

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

package/lib/src/brand-page/components/images-section/ImagesSection.stories.d.ts

@@ -1,4 +1,4 @@
-import { type BrandPageContext } from '../../models';
+import { type BrandPageContext } from '@brand-page/models';
 declare const _default: {
     title: string;
     component: import("vue").DefineComponent<{}, {}, any>;

package/lib/src/brand-page/components/images-section/ImagesSection.stories.js

@@ -1,8 +1,8 @@
 import { defineComponent } from 'vue';
 import ImagesSection from './ImagesSection.vue';
-import { createInitialImagesSectionContent } from '../../../brand-page-maker/models';
-import { mapToImagesSectionViewModel } from '../../utils';
-import { BRAND_PAGE_TYPES, MEDIA_SIZES, PageStyles, } from '../../models';
+import { createInitialImagesSectionContent } from '@brand-page-maker/models';
+import { mapToImagesSectionViewModel } from '@brand-page/utils';
+import { BRAND_PAGE_TYPES, MEDIA_SIZES, PageStyles, } from '@brand-page/models';
 import { createPinia } from 'pinia';
 export default {
     title: 'BrandPage/Components/Images Section',

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

@@ -1,6 +1,6 @@
 import type { PropType } from 'vue';
-import type { MailingListViewModel } from '../../view-models';
-import type { BrandPageContext } from '../../models';
+import type { MailingListViewModel } from '@brand-page/view-models';
+import type { BrandPageContext } from '@brand-page/models';
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     brandPageToken: {
         type: StringConstructor;

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

@@ -1,7 +1,7 @@
 import { defineComponent } from 'vue';
 import brandPageClient from '../../clients/brand-page.client';
-import { getEmailValidationError } from '../../utils';
-import { contentSettingsTr, mailingListTr, } from '../../../composables/useTranslate';
+import { getEmailValidationError } from '@brand-page/utils';
+import { contentSettingsTr, mailingListTr, } from '@src/composables/useTranslate';
 import { useReCaptcha } from '../../composables/recaptcha.composable';
 import { RECAPTCHA_ACTION_MAILING_LIST } from '../../constants';
 const MAX_NAME_LENGTH = 200;

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

@@ -1,4 +1,4 @@
-import type { MailingListContent } from '../../models';
+import type { MailingListContent } from '@brand-page/models';
 declare const _default: {
     title: string;
     component: import("vue").DefineComponent<{}, {}, any>;
@@ -11,7 +11,7 @@ export declare const Sample: () => import("vue").DefineComponent<{}, {}, {
         bpData: MailingListContent;
         acceptedFields: undefined;
     };
-    context: import("../../models").BrandPageContext;
+    context: import("@brand-page/models").BrandPageContext;
 }, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {
     MailingList: import("vue").DefineComponent<{}, {}, any>;
 }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
@@ -22,7 +22,7 @@ export declare const SampleEmailOnly: () => import("vue").DefineComponent<{}, {}
         bpData: MailingListContent;
         acceptedFields: string;
     };
-    context: import("../../models").BrandPageContext;
+    context: import("@brand-page/models").BrandPageContext;
 }, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {
     MailingList: import("vue").DefineComponent<{}, {}, any>;
 }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
@@ -33,7 +33,7 @@ export declare const Disabled: () => import("vue").DefineComponent<{}, {}, {
         bpData: MailingListContent;
         acceptedFields: string;
     };
-    context: import("../../models").BrandPageContext;
+    context: import("@brand-page/models").BrandPageContext;
 }, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {
     MailingList: import("vue").DefineComponent<{}, {}, any>;
 }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

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

@@ -1,6 +1,6 @@
 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 MailingList from './MailingList.vue';
 import { context } from '../../__fixtures__/brand-page-sample-data';

package/lib/src/brand-page/components/map/GoogleMap.mixin.js

@@ -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: {
         placeId: {

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

@@ -1,5 +1,5 @@
 import type { PropType } from 'vue';
-import type { BrandPageContext, ColorReplacement } from '../../models';
+import type { BrandPageContext, ColorReplacement } from '@brand-page/models';
 import type { MediaViewModel } from '../../../lib';
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     mediaType: {

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

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

package/lib/src/brand-page/components/media/Shape.mixin.js

@@ -1,9 +1,9 @@
 import { defineComponent } from 'vue';
 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],
     props: {

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

@@ -1,7 +1,7 @@
 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 = {
     title: 'BrandSite/Components/MediaQuery',
     component: MediaQuery,

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

@@ -1,6 +1,6 @@
 import type { PropType } from 'vue';
-import type { BrandPageViewModel, ContentViewModel, PageViewModel } from '../../view-models';
-import type { BackgroundShape, BrandPageContext, ViewportsType } from '../../models';
+import type { BrandPageViewModel, ContentViewModel, PageViewModel } from '@brand-page/view-models';
+import type { BackgroundShape, BrandPageContext, ViewportsType } from '@brand-page/models';
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     context: {
         type: PropType<BrandPageContext>;

package/lib/src/brand-page/components/page/Page.mixin.js

@@ -1,8 +1,8 @@
 import { defineComponent } from 'vue';
 import { DEFAULT_FONT_FAMILY_KEY, FALLBACK_FONT_FAMILIES, FONT_FAMILY_CONFIGS, } from '../../constants';
-import { getSlugFromContext } from '../../utils';
-import { BRAND_PAGE_TYPES } from '../../models';
-import { hasProfileContent as checkHasProfileContent } from '../../utils/vcard.util';
+import { getSlugFromContext } from '@brand-page/utils';
+import { BRAND_PAGE_TYPES } from '@brand-page/models';
+import { hasProfileContent as checkHasProfileContent } from '@brand-page/utils/vcard.util';
 export default defineComponent({
     props: {
         context: {

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

@@ -1,4 +1,4 @@
-import type { BrandPageViewModel } from '../../view-models';
+import type { BrandPageViewModel } from '@brand-page/view-models';
 declare const _default: {
     title: string;
     component: import("vue").DefineComponent<{}, {}, any>;

package/lib/src/brand-page/components/page/Page.stories.js

@@ -1,7 +1,7 @@
 import { defineComponent } from 'vue';
 import Page from './Page.vue';
-import { mapToPageFooterViewModel, mapToPageHeaderViewModel, mapToPageStyleViewModel, mapToViewModel, } from '../../utils';
-import { BRAND_PAGE_TYPES, BrandPageModel, SENSITIVE_CONTENT_TYPES, VIEWPORTS, } from '../../models';
+import { mapToPageFooterViewModel, mapToPageHeaderViewModel, mapToPageStyleViewModel, mapToViewModel, } from '@brand-page/utils';
+import { BRAND_PAGE_TYPES, BrandPageModel, SENSITIVE_CONTENT_TYPES, VIEWPORTS, } from '@brand-page/models';
 export default {
     title: 'Components/BrandPage/Page',
     component: Page,
@@ -32,6 +32,9 @@ const viewModel = {
         isSavingEnabled: true,
         hideBranding: false,
     },
+    nav: {
+        navItems: [],
+    },
 };
 const defaultSampleArgs = {
     viewModel,

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

@@ -1,6 +1,6 @@
 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';
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     brandPageToken: {
         type: StringConstructor;

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

@@ -1,6 +1,6 @@
-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 type { BrandPageContext } from '@brand-page/models';
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     viewModel: {
         type: PropType<PageFooterViewModel>;