{"version":3,"file":"consumerSignupModal-Ca8RQ47m.js","sources":["../../../../Coloplast.UI/src/shared/components/consumerSignup/consumerSignupModal.vue"],"sourcesContent":["<template>\r\n\t<DsModal\r\n\t\tclass=\"signup-modal\"\r\n\t\t:isOpen=\"active\"\r\n\t\t@close-modal=\"hide\"\r\n\t\tcloseLabel=\"Close button\"\r\n\t\t>\r\n        <div ref=\"popup\">\r\n            <img v-if=\"logoUrl\" :src=\"logoUrl\" class=\"c-modal__logo\" alt=\"logo\" />\r\n            <div class=\"c-modal__container\" ref=\"container\">\r\n\t\t\t\t<DsText\r\n\t\t\t\t\tclass=\"e-heading -new\"\r\n\t\t\t\t\thtml-element=\"h2\"\r\n\t\t\t\t\ttabindex=\"-1\"\r\n\t\t\t\t\ttext-type=\"heading-2xl\"\r\n\t\t\t\t\ttext-style=\"bold\">{{ heading }}</DsText>\r\n\t\t\t\t<DsText\r\n\t\t\t\t\thtml-element=\"div\"\r\n\t\t\t\t\ttext-type=\"body-lg\">\r\n\t\t\t\t\t<span v-html=\"description\" />\r\n\t\t\t\t</DsText>\r\n                <form class=\"c-hcp__form\">\r\n                    <div class=\"c-hcp__form-fieldset\">\r\n                        <div class=\"cons-agreement\">\r\n                            <input data-testid=\"consentGiven\" type=\"checkbox\" autofocus name=\"ConsentAgreement\" id=\"hcp-consent\" v-model=\"consentGiven\" />\r\n\t\t\t\t\t\t\t<DsText\r\n\t\t\t\t\t\t\t\thtml-element=\"label\"\r\n\t\t\t\t\t\t\t\tfor=\"hcp-consent\">\r\n\t\t\t\t\t\t\t<span v-html=\"consent\" />\r\n\t\t\t\t\t\t\t</DsText>\r\n                        </div>\r\n                    </div>\r\n\t\t\t\t\t<DsButtonGroup\r\n\t\t\t\t\t\tdesktop-direction=\"column\"\r\n\t\t\t\t\t\tdesktop-alignment=\"stretch\"\r\n\t\t\t\t\t\tmobile-direction=\"column\"\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<DsButton\r\n\t\t\t\t\t\t\t:disabled=\"!consentGiven\"\r\n\t\t\t\t\t\t\t@click.prevent=\"redirect\"\r\n\t\t\t\t\t\t\tvariant=\"primary\"\r\n\t\t\t\t\t\t\tdata-testid=\"submitButton\">{{ buttonText }}</DsButton>\r\n\t\t\t\t\t\t<DsButton\r\n\t\t\t\t\t\t\t@click.prevent=\"hide\"\r\n\t\t\t\t\t\t\tvariant=\"ghost\"\r\n\t\t\t\t\t\t\tdata-testid=\"cancelButton\">{{ cancelButtonText }}</DsButton>\r\n\t\t\t\t\t</DsButtonGroup>\r\n                </form>\r\n            </div>\r\n        </div>\r\n\t</DsModal>\r\n</template>\r\n\r\n<script setup>\r\n</script>\r\n\r\n<script>\r\nimport Events from 'shared/settings/events.js';\r\nimport { DsButton, DsButtonGroup, DsText, DsModal } from '@coloplast/design-system';\r\n\r\nexport default {\r\n    props: {\r\n        heading: {\r\n            type: String,\r\n            required: true,\r\n        },\r\n        description: {\r\n            type: String,\r\n            required: true,\r\n        },\r\n        consentText: {\r\n            type: String,\r\n            required: true,\r\n        },\r\n        consentLinkText: {\r\n            type: String,\r\n            required: true,\r\n        },\r\n        consentLinkUrl: {\r\n            type: String,\r\n            required: true,\r\n        },\r\n        buttonText: {\r\n            type: String,\r\n            required: true,\r\n        },\r\n        redirectUrl: {\r\n            type: String,\r\n            required: true,\r\n        },\r\n        cancelButtonText: {\r\n            type: String,\r\n            required: true,\r\n        },\r\n        logoUrl: {\r\n            type: String,\r\n            required: false,\r\n        },\r\n        showOnPageLoad: {\r\n            type: Boolean,\r\n            default: false,\r\n        },\r\n    },\r\n\tcomponents: {\r\n\t\tDsButton,\r\n\t\tDsButtonGroup,\r\n\t\tDsText,\r\n\t\tDsModal\r\n\t},\r\n    data() {\r\n        return {\r\n            active: false,\r\n            consentGiven: false,\r\n            signupUrl: this.redirectUrl\r\n        }\r\n    },\r\n    computed: {\r\n        consentLink() {\r\n            return `<a href=\"${this.consentLinkUrl}\" target=\"_blank\">${this.consentLinkText}</a>`;\r\n        },\r\n        consent() {\r\n            return this.consentText.replace('$link$', this.consentLink);\r\n        }\r\n    },\r\n    methods: {\r\n        hide() {\r\n            this.active = false;\r\n\r\n\t\t\tconst event = new CustomEvent(Events.INACTIVATE_CONSUMER_SIGNUP, {});\r\n\t\t\tdocument.dispatchEvent(event);\r\n        },\r\n        show(event) {\r\n            if (event.detail) {\r\n                let match = /([?&]state=)[^&]+/.exec(this.signupUrl);\r\n                if (match) {\r\n                    this.signupUrl = this.signupUrl.replace(match[0], `${match[1]}${event.detail}`);\r\n                }\r\n                else {\r\n\t\t\t\t\tthis.signupUrl = `${this.signupUrl}&state=${event.detail}`;\r\n                }\r\n            }\r\n            this.active = true;\r\n        },\r\n        redirect() {\r\n            window.location.assign(this.signupUrl);\r\n        },\r\n    },\r\n    mounted() {\r\n\t\tthis.$nextTick(() => this.active = this.showOnPageLoad );\r\n\r\n        document.addEventListener(Events.ACTIVATE_CONSUMER_SIGNUP, this.show.bind(this));\r\n    },\r\n\tunmounted() {\r\n\t\tdocument.removeEventListener(Events.ACTIVATE_CONSUMER_SIGNUP, this.show.bind(this));\r\n\t}\r\n}\r\n</script>\r\n"],"names":["_sfc_main","DsButton","DsButtonGroup","DsText","DsModal","event","Events","match","_hoisted_1","_hoisted_5","_hoisted_6","_hoisted_7","_createBlock","_component_DsModal","$data","$options","_createElementVNode","$props","_createElementBlock","_hoisted_3","_createVNode","_component_DsText","_hoisted_4","$event","_hoisted_8","_component_DsButtonGroup","_component_DsButton"],"mappings":"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"}