{"version":3,"sources":["webpack:///./src/components/assets/registration-img.png","webpack:///./src/views/Register/components/PremiumClub/Register.vue?171c","webpack:///src/views/Register/components/PremiumClub/Register.vue","webpack:///./src/views/Register/components/PremiumClub/Register.vue?eced","webpack:///./src/views/Register/components/PremiumClub/Register.vue?18b7","webpack:///./src/views/Register/components/PremiumClub/Register.vue?dc7e"],"names":["module","exports","render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","_v","_s","$t","directives","name","rawName","value","expression","domProps","on","$event","target","composing","processedFirstName","processedLastName","processedUsername","isUsernameValid","_e","processedEmail","processedIsFormValid","updateEmail","emailSuggestion","clientIpCountry","placeholder","styleClasses","phoneFormatValidate","model","callback","$$v","processedPhone","slot","isPhoneFormatValid","_","size","phone","Array","isArray","isNotChecked","_i","$$a","$$el","$$c","checked","$$i","concat","slice","class","ref","cancel","isActiveButton","submit","staticRenderFns","window","turnstile","remove","component"],"mappings":"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","file":"js/63542021/chunk-961d8000.js","sourcesContent":["module.exports = __webpack_public_path__ + \"img/registration-img.dc5121a6.png\";","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"register-page\"},[_c('div',{staticClass:\"register-container\"},[_c('img',{attrs:{\"src\":require(\"@/components/assets/registration-img.png\"),\"alt\":\"\"}}),_c('h1',{staticClass:\"register-header\"},[_vm._v(_vm._s(_vm.$t('generalTabs.registration')))]),_c('div',{staticClass:\"register-first-inputs-block\"},[_c('h2',{staticClass:\"register-block-header\"},[_vm._v(_vm._s(_vm.$t('generalTabs.personalInfo')))]),_c('div',{staticClass:\"register-double-inputs\"},[_c('div',{staticClass:\"register-input-block double-inputs\"},[_c('label',{staticClass:\"register-lable\"},[_vm._v(_vm._s(_vm.$t('generalTabs.firstName')))]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.processedFirstName),expression:\"processedFirstName\"}],staticClass:\"register-input\",attrs:{\"type\":\"text\"},domProps:{\"value\":(_vm.processedFirstName)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.processedFirstName=$event.target.value}}})]),_c('div',{staticClass:\"register-input-block double-inputs\"},[_c('label',{staticClass:\"register-lable\"},[_vm._v(_vm._s(_vm.$t('generalTabs.lastName')))]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.processedLastName),expression:\"processedLastName\"}],staticClass:\"register-input\",attrs:{\"type\":\"text\"},domProps:{\"value\":(_vm.processedLastName)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.processedLastName=$event.target.value}}})])]),_c('div',{staticClass:\"register-input-block\"},[_c('label',{staticClass:\"register-lable\"},[_vm._v(_vm._s(_vm.$t('global.byUsername')))]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.processedUsername),expression:\"processedUsername\"}],staticClass:\"register-input\",attrs:{\"type\":\"text\"},domProps:{\"value\":(_vm.processedUsername)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.processedUsername=$event.target.value}}}),(!_vm.isUsernameValid)?_c('span',{staticClass:\"register-error\"},[_vm._v(_vm._s(_vm.$t('global.fieldMustBe')))]):_vm._e()])]),_c('hr'),_c('div',[_c('h2',{staticClass:\"register-block-header\"},[_vm._v(_vm._s(_vm.$t('generalTabs.contactInfo')))]),_c('div',{staticClass:\"register-input-block\"},[_c('label',{staticClass:\"register-lable\"},[_vm._v(_vm._s(_vm.$t('global.email')))]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.processedEmail),expression:\"processedEmail\"}],staticClass:\"register-input\",attrs:{\"type\":\"email\"},domProps:{\"value\":(_vm.processedEmail)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.processedEmail=$event.target.value}}}),(!_vm.processedIsFormValid)?_c('span',{staticClass:\"register-error\"},[_vm._v(_vm._s(_vm.$t('global.invalidEmail')))]):_vm._e(),(_vm.emailSuggestion)?_c('div',{staticClass:\"v-text-field__details\",on:{\"click\":function($event){return _vm.updateEmail(_vm.emailSuggestion)}}},[_c('div',{staticClass:\"v-messages theme--light success--text\",attrs:{\"role\":\"alert\"}},[_c('div',{staticClass:\"v-messages__wrapper\"},[_c('div',{staticClass:\"v-messages__message\"},[_vm._v(_vm._s(_vm.$t('global.didYouMean'))+\" \"+_vm._s(_vm.emailSuggestion)+\"?\")])])])]):_vm._e()]),_c('div',{staticClass:\"register-input-block\"},[_c('label',{staticClass:\"register-lable\"},[_vm._v(_vm._s(_vm.$t('generalTabs.phoneNumber')))]),_c('vue-tel-input',{attrs:{\"mode\":\"international\",\"default-country\":_vm.clientIpCountry.name,\"styleClasses\":\"phone-validator\",\"input-options\":{ placeholder: _vm.$t('global.phoneNumber'), styleClasses: 'phone-validator' }},on:{\"input\":_vm.phoneFormatValidate},model:{value:(_vm.processedPhone),callback:function ($$v) {_vm.processedPhone=$$v},expression:\"processedPhone\"}},[_c('template',{slot:\"arrow-icon\"},[_c('span',{staticClass:\"vti__dropdown-arrow\"},[_vm._v(\" ▼\")])])],2),(!_vm.isPhoneFormatValid && _vm._.size(_vm.phone) > 0)?_c('div',{staticClass:\"v-text-field__details\"},[_c('div',{staticClass:\"v-messages theme--light error--text\",attrs:{\"role\":\"alert\"}},[_c('div',{staticClass:\"v-messages__wrapper\"},[_c('div',{staticClass:\"v-messages__message\"},[_vm._v(_vm._s(_vm.$t('global.invalidPhone')))])])])]):_vm._e()],1)]),_c('div',{staticClass:\"welcome-agree\"},[_c('label',{staticClass:\"checkbox-container\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.isNotChecked),expression:\"isNotChecked\"}],staticClass:\"welcome-checkbox\",attrs:{\"type\":\"checkbox\"},domProps:{\"checked\":Array.isArray(_vm.isNotChecked)?_vm._i(_vm.isNotChecked,null)>-1:(_vm.isNotChecked)},on:{\"change\":function($event){var $$a=_vm.isNotChecked,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.isNotChecked=$$a.concat([$$v]))}else{$$i>-1&&(_vm.isNotChecked=$$a.slice(0,$$i).concat($$a.slice($$i+1)))}}else{_vm.isNotChecked=$$c}}}}),_c('div',{class:_vm.isNotChecked ? 'custom-checkbox active' : 'custom-checkbox'}),_c('div',{staticClass:\"checkmark\",class:_vm.isNotChecked ? 'active' : ''})]),_c('p',{staticClass:\"welcome-agree-text\"},[_vm._v(_vm._s(_vm.$t(\"generalTabs.iAgree\"))+\" \"),_c('a',{staticClass:\"privacy-policy\",attrs:{\"href\":\"/PrivacyPolicy\",\"target\":\"_blank\"}},[_vm._v(_vm._s(_vm.$t(\"generalTabs.privacyPolicy\")))])])]),_c('CloudFlareCaptcha',{ref:\"CloudFlareCaptcha\"}),_c('div',{staticClass:\"register-buttons\"},[_c('button',{staticClass:\"register-btn cancel-btn\",on:{\"click\":_vm.cancel}},[_vm._v(_vm._s(_vm.$t('global.cancel')))]),_c('button',{staticClass:\"register-btn\",class:_vm.isActiveButton ? 'register-inactive-btn' : '',on:{\"click\":_vm.submit}},[_vm._v(_vm._s(_vm.$t('global.continue')))])])],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div class=\"register-page\">\n        <div class=\"register-container\">\n            <img src=\"@/components/assets/registration-img.png\" alt=\"\">\n            <h1 class=\"register-header\">{{ $t('generalTabs.registration') }}</h1>\n            <div class=\"register-first-inputs-block\">\n                <h2 class=\"register-block-header\">{{ $t('generalTabs.personalInfo') }}</h2>\n                <div class=\"register-double-inputs\">\n                    <div class=\"register-input-block double-inputs\">\n                        <label class=\"register-lable\">{{ $t('generalTabs.firstName') }}</label>\n                        <input class=\"register-input\" v-model=\"processedFirstName\" type=\"text\">\n                    </div>\n\n                    <div class=\"register-input-block double-inputs\">\n                        <label class=\"register-lable\">{{ $t('generalTabs.lastName') }}</label>\n                        <input class=\"register-input\" v-model=\"processedLastName\" type=\"text\">\n                    </div>\n                </div>\n                <div class=\"register-input-block\">\n                    <label class=\"register-lable\">{{ $t('global.byUsername') }}</label>\n                    <input class=\"register-input\" v-model=\"processedUsername\" type=\"text\">\n                    <span v-if=\"!isUsernameValid\" class=\"register-error\">{{ $t('global.fieldMustBe') }}</span>\n                </div>\n            </div>\n            <hr />\n            <div>\n                <h2 class=\"register-block-header\">{{ $t('generalTabs.contactInfo') }}</h2>\n                    <div class=\"register-input-block\">\n                        <label class=\"register-lable\">{{ $t('global.email') }}</label>\n                        <input class=\"register-input\" v-model=\"processedEmail\" type=\"email\">\n                        <span v-if=\"!processedIsFormValid\" class=\"register-error\">{{ $t('global.invalidEmail') }}</span>\n                        <div class=\"v-text-field__details\" v-if=\"emailSuggestion\" @click=\"updateEmail(emailSuggestion)\">\n                            <div class=\"v-messages theme--light success--text\" role=\"alert\">\n                                <div class=\"v-messages__wrapper\">\n                                    <div class=\"v-messages__message\">{{ $t('global.didYouMean') }} {{\n                                        emailSuggestion }}?</div>\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                <div class=\"register-input-block\">\n                    <label class=\"register-lable\">{{ $t('generalTabs.phoneNumber') }}</label>\n                    <vue-tel-input mode=\"international\" @input=\"phoneFormatValidate\" v-model=\"processedPhone\"\n                        :default-country=\"clientIpCountry.name\" styleClasses='phone-validator'\n                        :input-options=\"{ placeholder: $t('global.phoneNumber'), styleClasses: 'phone-validator' }\">\n                        <template slot=\"arrow-icon\"> <span class=\"vti__dropdown-arrow\">&nbsp;▼</span></template>\n                    </vue-tel-input>\n                    <div class=\"v-text-field__details\" v-if=\"!isPhoneFormatValid && _.size(phone) > 0\">\n                        <div class=\"v-messages theme--light error--text\" role=\"alert\">\n                            <div class=\"v-messages__wrapper\">\n                                <div class=\"v-messages__message\">{{ $t('global.invalidPhone') }}</div>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div class=\"welcome-agree\">\n                <label class=\"checkbox-container\">\n                    <input v-model=\"isNotChecked\" class=\"welcome-checkbox\" type=\"checkbox\">\n                    <div :class=\"isNotChecked ? 'custom-checkbox active' : 'custom-checkbox'\"></div>\n                    <div class=\"checkmark\" :class=\"isNotChecked ? 'active' : ''\"></div>\n                </label>\n                <p class=\"welcome-agree-text\">{{ $t(\"generalTabs.iAgree\") }}\n                    <a href=\"/PrivacyPolicy\" target=\"_blank\" class=\"privacy-policy\">{{ $t(\"generalTabs.privacyPolicy\")\n                        }}</a>\n                </p>\n            </div>\n            <CloudFlareCaptcha ref=\"CloudFlareCaptcha\" />\n            <div class=\"register-buttons\">\n                <button class=\"register-btn cancel-btn\" @click=\"cancel\">{{ $t('global.cancel') }}</button>\n                <button class=\"register-btn\" :class=\"isActiveButton ? 'register-inactive-btn' : ''\" @click=\"submit\">{{\n                    $t('global.continue') }}</button>\n            </div>\n        </div>\n    </div>\n</template>\n\n<script>\nimport { mapActions, mapGetters } from 'vuex';\nimport ApiService from '@/services/ApiService';\nimport VueService from '@/services/VueService';\n\nexport default {\n    props: [\n        'isTrial',\n        'goToRegistrationPage',\n        'isFormValid',\n        'updateIsFormValid',\n        'leadId',\n        'firstName',\n        'updateFirstName',\n        'lastName',\n        'updateLastName',\n        'email',\n        'updateEmail',\n        'emailSuggestion',\n        'username',\n        'updateUsername',\n        'isUsernameValid',\n        'phone',\n        'updatePhone',\n        'phoneFormatValidate',\n        'clientIpCountry',\n        'isPhoneFormatValid',\n        'country',\n        'updateCountry',\n        'countries',\n        'reff',\n        'updateReff',\n        'promoCode',\n        'updatePromoCode',\n        'cancel'\n    ],\n    components: {\n        CloudFlareCaptcha: () => import(\"../../../../components/CloudFlareCaptcha.vue\")\n    },\n    data() {\n        return {\n            isNotChecked: false,\n            rules: {\n                email: (value) => {\n                    const pattern = /^(([^<>()[\\]\\\\.,;:\\s@\"]+(\\.[^<>()[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/;\n                    return pattern.test(value);\n                }\n            },\n            clientIpPromise: ApiService.publicApi.getCurrentClientIp(),\n            invitationToken: null\n        }\n    },\n    computed: {\n        ...mapGetters(['siteInfo']),\n        processedFirstName: {\n            get() {\n                return this.firstName;\n            },\n            set(value) {\n                this.updateFirstName(value);\n            }\n        },\n        processedLastName: {\n            get() {\n                return this.lastName;\n            },\n            set(value) {\n                this.updateLastName(value);\n            }\n        },\n        processedEmail: {\n            get() {\n                return this.email;\n            },\n            set(value) {\n                this.updateEmail(value);\n            }\n        },\n        processedUsername: {\n            get() {\n                return this.username;\n            },\n            set(value) {\n                this.updateUsername(value);\n            }\n        },\n        processedPhone: {\n            get() {\n                return this.phone;\n            },\n            set(value) {\n                this.updatePhone(value);\n            }\n        },\n        processedCountry: {\n            get() {\n                return this.country;\n            },\n            set(value) {\n                const obj = this.countries.find((item) => item.text === value)\n                if(obj) this.updateCountry(obj.value);\n            }\n        },\n        processedReff: {\n            get() {\n                return this.reff;\n            },\n            set(value) {\n                this.updateReff(value);\n            }\n        },\n        processedPromoCode: {\n            get() {\n                return this.promoCode;\n            },\n            set(value) {\n                this.updatePromoCode(value);\n            }\n        },\n        processedIsFormValid: {\n            get() {\n                return this.isFormValid;\n            },\n            set(value) {\n                this.updateIsFormValid(value);\n            }\n        },\n        isActiveButton() {\n            if (!this.isUsernameValid || !this.country || !this.isPhoneFormatValid || !this.isNotChecked || !this.processedIsFormValid) {\n                return true\n            } else {\n                return false\n            }\n        }\n    },\n    watch: {\n        processedEmail(value) {\n            this.processedIsFormValid = this.rules.email(value)\n        }\n    },\n    async created() {\n          const loader = this.$loading.show();\n          try {\n            if (this.$route.query.invitationToken) {\n              this.invitationToken = this.$route.query.invitationToken;\n              const res = await ApiService.publicApi.isAllowToRegisterByLinkId(this.invitationToken);\n              if (res.error) {\n                return this.$router.push(`/Login`);\n              }\n              this.processedPromoCode = res.clientId;\n            } else {\n              return this.$router.push(`/Login`);\n            }\n          } finally {\n            loader.hide();\n          }\n    },\n    methods: {\n        ...mapActions([\"setToken\"]),\n        async submit() {\n            const token = await this.captchaToken();\n\n            if (!token) return;\n\n            const clientData = {\n                ip: await this.clientIpPromise,\n                email: this.processedEmail,\n                username: this.processedUsername,\n                firstName: this.processedFirstName,\n                lastName: this.processedLastName,\n                phone: this.processedPhone,\n                isTrial: false,\n                country: this.processedCountry,\n                googleCaptcha: token,\n                language: this.$i18n.locale,\n                promoCode: this.processedPromoCode,\n                invitationToken: this.invitationToken\n            };\n            this.resetCaptcha();\n            const res = await ApiService.clientsApi.register(clientData);\n\n            if (res.alreadyExist) {\n                if (res.byPhone || res.byEmail) {\n                    return VueService.showToastMessage({\n                        message: `${res.byEmail ? this.$t('global.yourEmail') : this.$t('global.phoneNumber')} ${this.$t('global.alreadyExist')}`,\n                        type: 'error'\n                    });\n                } else if (res.error101) {\n                    return VueService.showToastMessage({\n                        message: this.$t('global.error101'),\n                        type: 'error'\n                    });\n                } else if (res.byUsername) {\n                    return VueService.showToastMessage({\n                        message: `${this.$t('global.byUsername')} ${this.$t('global.alreadyExist')}`,\n                        type: 'error'\n                    });\n                }\n            }\n\n            if (res.token) {\n                await this.setToken(res.token);\n                window.turnstile.remove()\n                await this.$router.push(\"Subscriptions\");\n            }\n\n        },\n        captchaToken() {\n            return this.$refs.CloudFlareCaptcha.getCapatchToken();\n        },\n        resetCaptcha() {\n            return this.$refs.CloudFlareCaptcha.resetCaptcha();\n        }\n    }\n};\n</script>\n<style>\nh1,\nh2,\np,\nbutton,\ninput,\nlabel {\n    font-family: 'Wix Madefor Display', sans-serif;\n    color: white;\n    margin: 0;\n    padding: 0;\n}\n\nhr {\n    color: white;\n    opacity: 12%;\n    margin: 20px 0;\n}\n\n.vti__dropdown:hover,\n.vti__dropdown.open {\n    background-color: transparent;\n}\n\n.vti__dropdown-list {\n    background-color: #1D1B29;\n    border: 1px solid #3C3A46;\n    border-radius: 8px;\n}\n\n.register-page {\n    display: flex;\n    width: 100%;\n    justify-content: center;\n    padding: 30px;\n    align-items: center;\n}\n\n.register-container {\n    padding: 0 32px;\n    background-color: #1F212799;\n    backdrop-filter: blur(10px);\n    border-radius: 12px;\n    min-width: 600px;\n}\n\n.register-header {\n    font-size: 28px;\n    font-weight: 700;\n    line-height: 35.28px;\n    margin-bottom: 24px;\n}\n\n.register-block-header {\n    font-size: 16px;\n    font-weight: 600;\n    line-height: 20.16px;\n}\n\n.register-double-inputs {\n    display: flex;\n    justify-content: space-between;\n    margin-top: 12px;\n}\n\n.register-lable {\n    font-size: 13px;\n    font-weight: 400;\n    line-height: 16.38px;\n    margin-bottom: 8px;\n}\n\n.register-input-block {\n    display: flex;\n    flex-direction: column;\n    justify-content: flex-start;\n    margin-bottom: 12px;\n}\n\n.register-input {\n    font-size: 15px;\n    font-weight: 400;\n    line-height: 18.9px;\n    background-color: #FFFFFF0A;\n    border-radius: 8px;\n    border: 1px solid #FFFFFF1A;\n    padding: 12px 16px;\n    outline: none;\n}\n\n.register-input:focus {\n    border: 1px solid #4E4BCD;\n}\n\n.double-inputs {\n    width: 48%;\n}\n\n.welcome-agree {\n    display: flex;\n    align-items: center;\n    margin: 24px 0;\n}\n\n.welcome-agree p {\n    color: #FFFFFF99;\n    margin-bottom: 0;\n    font-size: 13px;\n    font-weight: 400;\n    line-height: 19, 5px;\n    margin-left: 9px;\n}\n\n.register-buttons {\n    display: flex;\n    justify-content: space-between;\n    margin-bottom: 30px;\n}\n\n.register-btn {\n    width: fit-content;\n    border: none;\n    outline: none;\n    background-color: #4E4BCD;\n    font-weight: 600;\n    font-size: 14px;\n    line-height: 17.64px;\n    border-radius: 8px;\n    padding: 12px 21.5px;\n    margin-top: 8px;\n    transition: 0.2s all;\n}\n\n.cancel-btn {\n    background-color: transparent;\n    color: #4E4BCD;\n    border: 1px solid #4E4BCD;\n}\n\n\n.privacy-policy {\n    color: #918FFA;\n    text-decoration: underline;\n    cursor: pointer;\n}\n\n.welcome-checkbox {\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    opacity: 0;\n}\n\n.checkbox-container {\n    position: relative;\n    display: inline-block;\n    cursor: pointer;\n}\n\n.custom-checkbox {\n    width: 18px;\n    height: 18px;\n    border: 2px solid #888;\n    border-radius: 2px;\n    background-color: transparent;\n    cursor: pointer;\n}\n\n.custom-checkbox.active {\n    background-color: #4E4BCD;\n    border: 2px solid #4E4BCD;\n}\n\n.checkmark {\n    position: absolute;\n    top: 10%;\n    left: 35%;\n    transform: rotate(45deg);\n    width: 6px;\n    height: 10px;\n    border-right: 2px solid #1F212799;\n    border-bottom: 2px solid #1F212799;\n    opacity: 0;\n}\n\n.checkmark.active {\n    opacity: 1;\n}\n\n.register-error {\n    font-family: 'Wix Madefor Display', sans-serif;\n    font-weight: 400;\n    font-size: 12px;\n    line-height: 19.5px;\n    color: #FF254C;\n}\n\n.register-inactive-btn {\n    background-color: #3C3A46;\n    color: #1D1B29;\n    pointer-events: none;\n}\n\n.vue-tel-input {\n    font-size: 15px;\n    font-weight: 400;\n    line-height: 18.9px;\n    background-color: #FFFFFF0A;\n    border-radius: 8px;\n    border: 1px solid #FFFFFF1A;\n    outline: none;\n}\n\n@media only screen and (max-width: 600px) {\n    img {\n        width: 100%;\n    }\n\n    .register-container {\n        min-width: 10%;\n    }\n}\n</style>\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Register.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Register.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Register.vue?vue&type=template&id=27775bbe&\"\nimport script from \"./Register.vue?vue&type=script&lang=js&\"\nexport * from \"./Register.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Register.vue?vue&type=style&index=0&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Register.vue?vue&type=style&index=0&lang=css&\""],"sourceRoot":""}