@designcrowd/library.brand-page 5.16.58-subnav-4 → 5.16.58

package/lib/src/{CreatedOnBrandCrowd-de-de-CR7wP-Zf.js → CreatedOnBrandCrowd-de-de-bdnticnt.js}

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

package/lib/src/{CreatedOnBrandCrowd-en-us-BHbT5Z09.js → CreatedOnBrandCrowd-en-us-CtWWYCkK.js}

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

package/lib/src/{CreatedOnBrandCrowd-es-es-ABiYHvRu.js → CreatedOnBrandCrowd-es-es-BgYx36Zs.js}

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

package/lib/src/{CreatedOnBrandCrowd-fr-fr-CgGHVLwI.js → CreatedOnBrandCrowd-fr-ca-BAAt9yV5.js}

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

package/lib/src/{CreatedOnBrandCrowd-fr-ca-CgGHVLwI.js → CreatedOnBrandCrowd-fr-fr-BAAt9yV5.js}

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

package/lib/src/{CreatedOnBrandCrowd-pt-pt-XBHZymRT.js → CreatedOnBrandCrowd-pt-br-98OrPAEA.js}

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

package/lib/src/{CreatedOnBrandCrowd-pt-br-XBHZymRT.js → CreatedOnBrandCrowd-pt-pt-98OrPAEA.js}

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

package/lib/src/{CreatedOnDcom-de-de-SQquI9m2.js → CreatedOnDcom-de-de-CkmqJgRc.js}

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

package/lib/src/{CreatedOnDcom-en-us-bA4QRBai.js → CreatedOnDcom-en-us-CEYdUbXP.js}

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

package/lib/src/{CreatedOnDcom-es-es-FeMz7pah.js → CreatedOnDcom-es-es-CoI_nofI.js}

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

package/lib/src/{CreatedOnDcom-fr-ca-DwO46Pln.js → CreatedOnDcom-fr-ca-B-9EBKoJ.js}

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

package/lib/src/{CreatedOnDcom-fr-fr-xJ1XxpdJ.js → CreatedOnDcom-fr-fr-Cuh9uIqc.js}

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

package/lib/src/{CreatedOnDcom-pt-br-BaTDiFJk.js → CreatedOnDcom-pt-br-CTrcQ_63.js}

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

package/lib/src/{CreatedOnDcom-pt-pt-BnilMMzc.js → CreatedOnDcom-pt-pt-6NtFieOX.js}

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

package/lib/src/brand-page/__fixtures__/brand-page-sample-data.js

@@ -79,6 +79,7 @@ export const brandPageNoLogoData = {
 export const context = {
     isTemplate: false,
     brandPageSlug: '',
+    currentPageSlug: '',
     isPreview: false,
     isProduction: false,
     isDesignCom: false,
@@ -104,6 +105,7 @@ export const context = {
 export const BScontext = {
     isTemplate: false,
     brandPageSlug: '',
+    currentPageSlug: '',
     isPreview: false,
     isProduction: false,
     isDesignCom: false,

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 '@brand-page/view-models';
-import type { BrandPageContext } from '@brand-page/models';
+import type { AboutSectionViewModel } from '../../view-models';
+import type { BrandPageContext } from '../../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 '@brand-page/utils';
+import { getRenderText } from '../../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 '@brand-page/models';
+import type { BackgroundShape } from '../../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 '@brand-page/utils/svg-color.util';
+import { applyColorToSvgString } from '../../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 '@brand-page/view-models';
-import type { BrandPageContext } from '@brand-page/models';
+import type { BannerSectionViewModel, ButtonViewModel } from '../../view-models';
+import type { BrandPageContext } from '../../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 '@brand-page/utils';
-import { hasRTEContent } from '@brand-page-maker/utils';
+import { getRenderText, escapeContentText } from '../../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 '@brand-page/models';
-import type { ButtonViewModel } from '@brand-page/view-models';
+import type { BrandPageContext } from '../../models';
+import type { ButtonViewModel } from '../../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

@@ -1,7 +1,6 @@
 import { defineComponent } from 'vue';
 import { isEmail, isTel, isURL } from '../../../utils/validator.util';
 import ComponentCommonMixin from '../mixins/component-common.mixin';
-import { findNavItemByPageId } from '@src/brand-page/utils/route.util';
 export default defineComponent({
     mixins: [ComponentCommonMixin],
     props: {
@@ -154,7 +153,7 @@ export default defineComponent({
             }
         },
         routes() {
-            const route = findNavItemByPageId(this.context.nav.navItems, this.viewModel.page);
+            const route = this.context.nav.navItems.find((x) => x.pageId === this.viewModel.page);
             return {
                 name: route?.routeName || '',
                 routeParams: route?.routeParams || {},

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

@@ -1,4 +1,4 @@
-import type { ButtonViewModel } from '@brand-page/view-models';
+import type { ButtonViewModel } from '../../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 '@brand-page/models';
+import { BUTTON_LINK_TYPE, ButtonStyles } from '../../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 '@brand-page/models';
+import type { BrandPageContext } from '../../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 '@brand-page/view-models';
-import type { BrandPageContext, FormField, FormFieldType } from '@brand-page/models';
+import type { ContactFormViewModel } from '../../view-models';
+import type { BrandPageContext, FormField, FormFieldType } from '../../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 '@brand-page/models';
-import { getEmailValidationError, getMessageValidationError, getNameValidationError, getPhoneValidationError, } from '@brand-page/utils';
+import { FORM_FIELD_TYPES } from '../../models';
+import { getEmailValidationError, getMessageValidationError, getNameValidationError, getPhoneValidationError, } from '../../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 '@brand-page/utils';
+import { getRenderText } from '../../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 '@brand-page/view-models';
+import { type ContactFormViewModel } from '../../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("@brand-page/models").BrandPageContext;
+    context: import("../../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("@brand-page/models").BrandPageContext;
+    BScontext: import("../../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("@brand-page/models").BrandPageContext;
+    BScontext: import("../../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 '@brand-page/models';
-import { applyLogoThemeToBrandPageStyles } from '@brand-page/utils';
-import {} from '@brand-page/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 '../../models';
+import { applyLogoThemeToBrandPageStyles } from '../../utils';
+import {} from '../../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 '@brand-page/view-models';
-import type { BrandPageContext } from '@brand-page/models';
+import type { DividerSectionViewModel } from '../../view-models';
+import type { BrandPageContext } from '../../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 '@brand-page/models';
+import { DIVIDER_STYLES } from '../../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 '@brand-page/view-models';
-import type { BrandPageContext } from '@brand-page/models';
+import type { ImageViewModel } from '../../view-models';
+import type { BrandPageContext } from '../../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 '@brand-page/models';
-import { getImageAltText, aspectRatioToPaddingPercentage, } from '@brand-page/utils';
+import { ASPECT_RATIOS } from '../../models';
+import { getImageAltText, aspectRatioToPaddingPercentage } from '../../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 '@brand-page/view-models';
+import type { ImageGalleryViewModel } from '../../view-models';
 import type { ImageGalleryImageClickPayload } from './models';
-import type { BrandPageContext, GalleryType } from '@brand-page/models';
+import type { BrandPageContext, GalleryType } from '../../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 '@brand-page/models';
+import { GALLERY_TYPES } from '../../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 '@brand-page/models';
+import { type BrandPageContext } from '../../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 '@brand-page/utils';
-import { BRAND_PAGE_TYPES, MEDIA_SIZES, } from '@brand-page/models';
+import { createInitialImageGalleryContent } from '../../../brand-page-maker/models';
+import { mapToImageGalleryViewModel } from '../../utils';
+import { BRAND_PAGE_TYPES, MEDIA_SIZES, } from '../../models';
 import { createPinia } from 'pinia';
 export default {
     title: 'Components/BrandPage/Image Gallery',
@@ -11,6 +11,7 @@ export default {
 const context = {
     isTemplate: false,
     brandPageSlug: '',
+    currentPageSlug: '',
     pages: [],
     isPreview: false,
     isProduction: false,

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 '@brand-page/models';
+import type { BrandPageContext, ImageItem } from '../../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 '@brand-page/models';
+import { type BrandPageContext } from '../../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 '@brand-page/utils';
-import { BRAND_PAGE_TYPES, MEDIA_SIZES, PageStyles, } from '@brand-page/models';
+import { createInitialImagesSectionContent } from '../../../brand-page-maker/models';
+import { mapToImagesSectionViewModel } from '../../utils';
+import { BRAND_PAGE_TYPES, MEDIA_SIZES, PageStyles, } from '../../models';
 import { createPinia } from 'pinia';
 export default {
     title: 'BrandPage/Components/Images Section',
@@ -11,6 +11,7 @@ export default {
 const context = {
     isTemplate: false,
     brandPageSlug: '',
+    currentPageSlug: '',
     pages: [],
     isPreview: false,
     isDesignCom: false,

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 '@brand-page/view-models';
-import type { BrandPageContext } from '@brand-page/models';
+import type { MailingListViewModel } from '../../view-models';
+import type { BrandPageContext } from '../../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 '@brand-page/utils';
-import { contentSettingsTr, mailingListTr, } from '@src/composables/useTranslate';
+import { getEmailValidationError } from '../../utils';
+import { contentSettingsTr, mailingListTr, } from '../../../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 '@brand-page/models';
+import type { MailingListContent } from '../../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("@brand-page/models").BrandPageContext;
+    context: import("../../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("@brand-page/models").BrandPageContext;
+    context: import("../../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("@brand-page/models").BrandPageContext;
+    context: import("../../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 '@src/plugins/google-maps-plugin/google-maps-plugin';
-import { getCurrentLocale } from '@src/composables/useTranslate';
+import { PLACE_ID_QUERY_PREFIX } from '../../../plugins/google-maps-plugin/google-maps-plugin';
+import { getCurrentLocale } from '../../../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 '@brand-page/models';
+import type { BrandPageContext, ColorReplacement } from '../../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 '@brand-page/models';
+import type { ColorReplacement } from '../../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 '@brand-page/utils/svg-color.util';
-import { PROXY_SHAPE_URL_REGEX } from '@brand-page/constants';
-import { getRegexToMatchAttributeInSvgTag } from '@brand-page/utils/svg.util';
+import { applyColorReplacementsToSvgString } from '../../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 '@brand-page/models';
+import { VIEWPORTS } from '../../models';
 const meta = {
     title: 'BrandSite/Components/MediaQuery',
     component: MediaQuery,

package/lib/src/brand-page/components/navigation/button-carousel/ButtonCarouselNavigation.mixin.d.ts

@@ -43,8 +43,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         threshold: number;
     };
 }, {}, {
-    isCurrentPage(navItem: {
-        relativePath: string;
+    isCurrentPage(routeParams: {
+        slug?: string;
+        pageSlug?: string;
     }): boolean;
     handleClickedOnce(): void;
     update(): void;