{"version":3,"mappings":";ygBAkIA,MAAMA,EAAoBC,EAAqB,IAC9CC,EAAA,WAAO,kCAAsD,OAAAC,KAAA,kEAGxDC,EAASC,EAAI,EAAK,EAExBC,EAAU,IAAM,CACfF,EAAO,MAAQ,GACf,EAED,MAAMG,EAAQC,IAERC,EAAQC,EAGRC,EAAaC,EAAS,IACvBH,EAAM,GAAG,cAAc,gBACnBA,EAAM,GAAG,aAAa,uBAEtBA,EAAM,GAAG,aAAa,uBAE9B,EAEKI,EAAqBD,EAAS,IAC5BH,EAAM,GAAG,cAAc,0BAA4B,CAACA,EAAM,GAAG,cAAc,eAClF,EAGKK,EAAsB,GAAkB,CACzCD,EAAmB,QACtB,EAAE,eAAe,EACXN,EAAA,OAAO,mCAAoC,EAAI,EACtD,2+CC7JKQ,EAAkB,SAAS,iBAChC,sCACD,EAEIA,GACaA,EAAA,QAASC,GAAuB,CAC/C,MAAMC,EAAMC,EAAU,CACrB,KAAM,oBACN,EACDD,EAAI,IAAIV,CAAK,EACTU,EAAA,UAAU,mBAAoBE,CAAc,EAChDF,EAAI,MAAMD,CAAkB,EAC5B","names":["AuthenticateModal","defineAsyncComponent","__vitePreload","n","loaded","ref","onMounted","store","useStore","props","__props","buttonText","computed","shouldTriggerModal","buttonClickHandler","ctaBannerBlocks","ctaBannerBlockElem","app","createApp","CtaBannerBlock"],"ignoreList":[],"sources":["../../../../Coloplast.UI/Features/Banner/Views/Blocks/CtaBannerBlock/CtaBannerBlock.vue","../../../../Coloplast.UI/Features/Banner/Views/Blocks/CtaBannerBlock/ctaBannerBlock-entry.ts"],"sourcesContent":["<template>\r\n\t<slot v-if=\"!loaded\"></slot>\r\n\t<DsBlock v-if=\"vm && loaded\">\r\n\t\t<DsBannerXl\r\n\t\t\t:background=\"vm.CurrentBlock.BackgroundColor\"\r\n\t\t\t:button-click-handler=\"buttonClickHandler\"\r\n\t\t\t:button-href=\"vm.CurrentBlock.ButtonLink\"\r\n\t\t\t:button-text=\"buttonText\"\r\n\t\t\t:description=\"vm.CurrentBlock.DescriptionText\"\r\n\t\t\t:media-alt-text=\"vm.CurrentBlock.ImageAltTex\"\r\n\t\t\t:media-focal-point=\"vm.CurrentBlock.MediaFocalPoint\"\r\n\t\t\t:media-focal-point-mobile=\"vm.CurrentBlock.MediaFocalPointMobile\"\r\n\t\t\t:media-placement=\"vm.CurrentBlock.MediaPlacement\"\r\n\t\t\t:media-placement-mobile=\"vm.CurrentBlock.MediaPlacementMobile\"\r\n\t\t\t:media-render-mode=\"vm.CurrentBlock.MediaRenderMode\"\r\n\t\t\t:media-render-mode-mobile=\"vm.CurrentBlock.MediaRenderModeMobile\"\r\n\t\t\t:media-src=\"vm.BaseViewModel.ImageUrl\"\r\n\t\t\t:text-wrap-mode=\"vm.CurrentBlock.TextWrapMode\"\r\n\t\t\t:title-large=\"vm.CurrentBlock.TitleLarge\"\r\n\t\t\t:title-small=\"vm.CurrentBlock.TitleSmall\"\r\n\t\t\t:title-small-html-element=\"vm.CurrentBlock.TitleLargeHtmlElement\"\r\n\t\t\t:title-large-html-element=\"vm.CurrentBlock.TitleSmallHtmlElement\"\r\n\t\t></DsBannerXl>\r\n\t\t<AuthenticateModal\r\n\t\t\tv-if=\"vm.BaseViewModel.IsAuthenticationRequired\"\r\n\t\t\t:vm=\"vm\"\r\n\t\t\t:disabledRedirectAfterClosing=\"true\"\r\n\t\t>\r\n\t\t</AuthenticateModal>\r\n\t</DsBlock>\r\n</template>\r\n<script lang=\"ts\" setup>\r\nimport { computed, defineAsyncComponent, onMounted, ref } from 'vue';\r\nimport { DsBannerXl, DsBlock } from '@coloplast/design-system';\r\nimport { useStore } from 'vuex';\r\n\r\nimport type {\r\n\tBannerBackgroundOption,\r\n\tBannerMediaFocalPointMobileOption,\r\n\tBannerMediaPlacementMobileOption,\r\n\tBannerMediaPlacementOption,\r\n\tBannerMediaRenderModeMobileOption,\r\n\tBannerMediaRenderModeOption,\r\n} from '@coloplast/design-system/types/components/banner/interface.d.ts';\r\nimport { type ObjectPositionOption } from '@coloplast/design-system/dist/types/types/object-position.d.ts';\r\n\r\nexport type AuthenticateModalViewModel = {\r\n\tAuthenticateModalHeading: string;\r\n\tCanProceedWithoutRegistering: boolean;\r\n\tCurrentBlockId: number;\r\n\tIsAuthenticated: boolean;\r\n\tIsHcpModal: boolean;\r\n\tPrimaryButtonViewModel: {\r\n\t\tToShow: boolean;\r\n\t\tButtonAction: number;\r\n\t};\r\n\tProceedWithoutRegisteringDescriptionText: string;\r\n\tProceedWithoutRegisteringUrlText: string;\r\n\tSecondaryButtonViewModel: {\r\n\t\tToShow: boolean;\r\n\t\tButtonAction: number;\r\n\t};\r\n\tShowModal: boolean;\r\n\tSignInButtonText: string;\r\n\tSignInDescriptionText: string;\r\n\tSignInHeading: string;\r\n\tSignInUrl: string;\r\n\tSignUpButtonText: string;\r\n\tSignUpDescriptionText: string;\r\n\tSignUpHeading: string;\r\n\tSignUpReturnUrl: string;\r\n\tSupportingTextAndLinkViewModel: {\r\n\t\tToShow: boolean;\r\n\t\tButtonAction: number;\r\n\t};\r\n\tUspList: string[];\r\n};\r\n\r\nexport type BaseViewModel = {\r\n\tAuthenticateModalViewModel: AuthenticateModalViewModel;\r\n\tIsAuthenticated: boolean;\r\n\tIsAuthenticationRequired: boolean;\r\n\tCurrentBlockId: number;\r\n\tImageUrl: string;\r\n};\r\n\r\nexport type CurrentBlock = {\r\n\tTitleLarge: string;\r\n\tTitleLargeHtmlElement?: \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\";\r\n\tTitleSmall: string;\r\n\tTitleSmallHtmlElement?: \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\";\r\n\tDescriptionText: string;\r\n\tImage: string;\r\n\tImageAltTex: string;\r\n\tLoggedInUserButtonText: string;\r\n\tLoggedOutUserButtonText: string;\r\n\tButtonLink: string;\r\n\tBackgroundColor?: BannerBackgroundOption;\r\n\tTextWrapMode: \"wrap\" | \"balance\";\r\n\tMediaSizes: string;\r\n\tMediaSrcSet: string;\r\n\tMediaPlacement?: BannerMediaPlacementOption;\r\n\tMediaPlacementMobile?: BannerMediaPlacementMobileOption;\r\n\tMediaFocalPoint: ObjectPositionOption;\r\n\tMediaFocalPointMobile: BannerMediaFocalPointMobileOption;\r\n\tMediaRenderMode?: BannerMediaRenderModeOption;\r\n\tMediaRenderModeMobile: BannerMediaRenderModeMobileOption;\r\n\tIsAuthenticationRequired: boolean;\r\n\tAuthenticateModel: {\r\n\t\tAuthenticateModalHeading: string;\r\n\t\tIsHcpModal: string;\r\n\t\tHcpLoginAzureFlow: string;\r\n\t\tActionOrder: string;\r\n\t};\r\n};\r\n\r\ntype CtaBannerViewModel = {\r\n\tBaseViewModel: BaseViewModel;\r\n\tCurrentBlock: CurrentBlock;\r\n};\r\n\r\nexport type CtaBannerBlockProps = {\r\n\tvm: CtaBannerViewModel;\r\n};\r\n\r\nexport type CtaBannerModalProps = {\r\n\tvm: CtaBannerViewModel;\r\n}\r\n\r\n// Only fetch the modal code if needed\r\nconst AuthenticateModal = defineAsyncComponent(() =>\r\n\timport('multisite/components/checkout/checkoutModalLogin.vue')\r\n);\r\n\r\nconst loaded = ref(false);\r\n\r\nonMounted(() => {\r\n\tloaded.value = true;\r\n});\r\n\r\nconst store = useStore();\r\n\r\nconst props = defineProps<CtaBannerBlockProps>();\r\n\r\n// Button text is conditional based on whether the user is logged in or not\r\nconst buttonText = computed(() => {\r\n\tif (props.vm.BaseViewModel.IsAuthenticated) {\r\n\t\treturn props.vm.CurrentBlock.LoggedInUserButtonText;\r\n\t} else {\r\n\t\treturn props.vm.CurrentBlock.LoggedOutUserButtonText;\r\n\t}\r\n});\r\n\r\nconst shouldTriggerModal = computed(() => {\r\n\treturn props.vm.BaseViewModel.IsAuthenticationRequired && !props.vm.BaseViewModel.IsAuthenticated;\r\n});\r\n\r\n// Trigger the login flow\r\nconst buttonClickHandler = (e: MouseEvent) => {\r\n\tif (shouldTriggerModal.value) {\r\n\t\te.preventDefault();\r\n\t\tstore.commit(\"globalCheckout/setLoginModalShow\", true);\r\n\t}\r\n};\r\n</script>\r\n","import { createApp } from 'vue';\r\nimport store from 'shared/store';\r\nimport CtaBannerBlock from './CtaBannerBlock.vue';\r\nimport '@coloplast/design-system/dist/components/banner/ds-banner-xl.css';\r\n\r\nconst ctaBannerBlocks = document.querySelectorAll(\r\n\t'[data-block-name=\"cta-banner-block\"]'\r\n);\r\n\r\nif (ctaBannerBlocks) {\r\n\tctaBannerBlocks.forEach((ctaBannerBlockElem) => {\r\n\t\tconst app = createApp({\r\n\t\t\tname: 'CtaBannerBlockApp',\r\n\t\t});\r\n\t\tapp.use(store);\r\n\t\tapp.component('cta-banner-block', CtaBannerBlock);\r\n\t\tapp.mount(ctaBannerBlockElem);\r\n\t});\r\n}\r\n"],"file":"feature-ctaBannerBlock-CJ1m3vz3.js"}