{"version":3,"file":"static/js/6941.a9e34b08.js","mappings":"8JAAA,IAAIA,EAAS,WACX,IAAIC,EAAMC,KACRC,EAAKF,EAAIG,MAAMD,GACjB,OAAOA,EACL,MACA,CACEE,WAAY,CACV,CACEC,KAAM,OACNC,QAAS,SACTC,MAAOP,EAAIQ,KACXC,WAAY,SAGhBC,YAAa,2BAEf,CACER,EACE,SACA,CACES,IAAK,iBACLD,YAAa,sBACbE,MAAOZ,EAAIa,KAAO,gBAAkB,GACpCC,MAAO,CAAEC,KAAM,SAAUC,SAAUhB,EAAIa,MACvCI,GAAI,CAAEC,MAAOlB,EAAImB,UAEnB,CAACnB,EAAIoB,GAAGpB,EAAIqB,GAAGrB,EAAIsB,GAAG,wBAEvBtB,EAAIuB,gBAAkBvB,EAAIwB,eAAiBxB,EAAIyB,qBAC5CvB,EACE,aACA,CACEY,MAAO,CACLC,KAAM,UACNW,QAAS1B,EAAIQ,KACbmB,OAAQ3B,EAAIwB,gBAGhB,CACEtB,EACE,cACA,CAAEY,MAAO,CAAEc,GAAI,CAAEvB,KAAM,sBACvB,CACEL,EAAIoB,GACFpB,EAAIqB,GAAGrB,EAAIsB,GAAG,8CAKtB,GAEFtB,EAAI6B,MAEV,EAEJ,EAEA9B,EAAO+B,eAAgB,E,gFCzDwJ,EC4B/K,CACAzB,KAAAA,kBAEA0B,MAAAA,CACAC,gBAAAA,CAAAC,KAAAA,QAAAC,UAAAA,GACAX,eAAAA,CAAAU,KAAAA,SACAE,MAAAA,CAAAF,KAAAA,OAAAG,QAAAA,OAGAC,WAAAA,CACA,EAGAC,KAAAA,WACA,OACAzB,MAAAA,EACAL,MAAAA,EACAiB,sBAAAA,EACAD,cAAAA,KAEA,EAEAe,YAAAA,WACA,cACA,4CACA,EAEAC,cAAAA,WACA,8CACA,uBACA,EAEAC,MAAAA,CACAT,gBAAAA,WACA,aACA,GAGAU,QAAAA,CAOAvB,QAAAA,WAAA,MACA,wEACA,mBAAAd,KAAAA,sBAGA,cACAsC,EAAAA,EAAAA,MAEA,EAEAC,OAAAA,WAAA,IAYA,IAZA,OACA,kDAGA,OAFA,kBACA,cAIA,sBACA,aACA,6BACA,0BAGA,aAIA,4GACA,6BACA,yBAGA,4EAGAC,EAAAA,UAAAA,WAEA,wBACA,wBACA,6CACA,GAEA,eAAAC,UAAAA,GAPAD,IASA,YACA,ICnGA,GAXgB,E,SAAA,GACd,EACA9C,EH8CoB,IG5CpB,EACA,KACA,KACA,MAI8B,O","sources":["webpack://finnish-art/./src/components/RegisterButton.vue","webpack://finnish-art/./src/components/RegisterButton.vue?b425","webpack://finnish-art/src/components/RegisterButton.vue","webpack://finnish-art/./src/components/RegisterButton.vue?3595"],"sourcesContent":["var render = function render() {\n  var _vm = this,\n    _c = _vm._self._c\n  return _c(\n    \"div\",\n    {\n      directives: [\n        {\n          name: \"show\",\n          rawName: \"v-show\",\n          value: _vm.show,\n          expression: \"show\",\n        },\n      ],\n      staticClass: \"register-button-wrapper\",\n    },\n    [\n      _c(\n        \"button\",\n        {\n          ref: \"registerButton\",\n          staticClass: \"register-button btn\",\n          class: _vm.busy ? \"busy disabled\" : \"\",\n          attrs: { role: \"button\", disabled: _vm.busy },\n          on: { click: _vm.onClick },\n        },\n        [_vm._v(_vm._s(_vm.$t(\"signup.register\")))]\n      ),\n      !_vm.disableTooltip && _vm.popoverTarget && _vm.showRegistrationInfo\n        ? _c(\n            \"dx-tooltip\",\n            {\n              attrs: {\n                role: \"tooltip\",\n                visible: _vm.show,\n                target: _vm.popoverTarget,\n              },\n            },\n            [\n              _c(\n                \"router-link\",\n                { attrs: { to: { name: \"RegistrationInfo\" } } },\n                [\n                  _vm._v(\n                    _vm._s(_vm.$t(\"signup.loginButtonRegistrationTooltip\"))\n                  ),\n                ]\n              ),\n            ],\n            1\n          )\n        : _vm._e(),\n    ],\n    1\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","import mod from \"-!../../node_modules/babel-loader/lib/index.js!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./RegisterButton.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/babel-loader/lib/index.js!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./RegisterButton.vue?vue&type=script&lang=js&\"","<template lang=\"pug\">\ndiv.register-button-wrapper(\n    v-show=\"show\")\n\n    button.register-button.btn(\n        ref=\"registerButton\"\n        role=\"button\"\n        v-bind:class=\"busy ? 'busy disabled' : ''\"\n        v-bind:disabled=\"busy\"\n        v-on:click=\"onClick\") {{ $t('signup.register') }}\n\n    dx-tooltip(\n        v-if=\"!disableTooltip && popoverTarget && showRegistrationInfo\"\n        role=\"tooltip\"\n        v-bind:visible=\"show\"\n        v-bind:target=\"popoverTarget\")\n        router-link(\n            v-bind:to=\"{name: 'RegistrationInfo'}\") {{ $t('signup.loginButtonRegistrationTooltip') }}\n\n\n</template>\n\n<script>\nimport { register } from '@/helpers/muusa';\nimport {\n    phaseBusy\n} from '@/store/ux';\n\nexport default {\n    name: 'register-button',\n\n    props: {\n        isAuthenticated: {  type: Boolean, required: true },\n        disableTooltip: {   type: Boolean },\n        delay: {            type: Number, default: 2500 }\n    },\n\n    components: {\n        // DxTooltip: () => import('devextreme-vue/tooltip')\n    },\n\n    data: function () {\n        return {\n            busy: false,\n            show: false,\n            showRegistrationInfo: false,\n            popoverTarget: null\n        };\n    },\n\n    beforeMount: function () {\n        this.update();\n        this.$eventBus.$on('user-login', this.update);\n    },\n\n    beforeDestroy: function () {\n        this.$eventBus.$off('user-login', this.update);\n        this.popoverTarget = null;\n    },\n\n    watch: {\n        isAuthenticated: function () {\n            this.update();\n        }\n    },\n\n    methods: {\n\n        /**\n         * This button will redirect to RegisterInfo page.\n         * Except on that page, this button will redirect to auth0\n         * via `register()` from muusa helpers.\n         */\n        onClick: function () {\n            if (this.$route?.name !== 'RegistrationInfo') {\n                this.$router.push({name: 'RegistrationInfo'});\n            }\n            else {\n                this.busy = true;\n                register();\n            }\n        },\n\n        update: function () {\n            if (this.$store.getters['ux/getLoginPhase'] === phaseBusy) {\n                this.show = false;\n                this.busy = true;\n                return;\n            }\n\n            if (this.isAuthenticated) {\n                this.show = false;\n                this.showRegistrationInfo = false;\n                this.popoverTarget = null;\n            }\n            else {\n                this.show = true;\n\n                // no popup on InfoPages\n                // NOTE: button can be hidden by route meta `no-login`\n                if (this.$route?.name?.match(/InfoMessage|RegistrationInfo/)) {\n                    this.showRegistrationInfo = false;\n                    this.popoverTarget = null;\n                }\n                else {\n                    this.showRegistrationInfo = this.$store.getters['ux/getShowRegistrationInfo'];\n                }\n\n                _.debounce(() => {\n                    // tooltip is shown delayed, to prevent it from flashing during load\n                    if (this.showRegistrationInfo) {\n                        this.$nextTick(() => {\n                            this.popoverTarget = this.$refs.registerButton || this.$el;\n                        });\n                    }\n                }, this.delay, {trailing: true})();\n            }\n            this.busy = false;\n        }\n    }\n};\n</script>\n\n<style lang=\"scss\">\n// .register-button style set in app.scss\n// register-button uses the same global .dx-overlay-wrapper styles that are set in login-button\n</style>\n","import { render, staticRenderFns } from \"./RegisterButton.vue?vue&type=template&id=cf97dbfa&lang=pug&\"\nimport script from \"./RegisterButton.vue?vue&type=script&lang=js&\"\nexport * from \"./RegisterButton.vue?vue&type=script&lang=js&\"\nimport style0 from \"./RegisterButton.vue?vue&type=style&index=0&id=cf97dbfa&prod&lang=scss&\"\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"],"names":["render","_vm","this","_c","_self","directives","name","rawName","value","show","expression","staticClass","ref","class","busy","attrs","role","disabled","on","click","onClick","_v","_s","$t","disableTooltip","popoverTarget","showRegistrationInfo","visible","target","to","_e","_withStripped","props","isAuthenticated","type","required","delay","default","components","data","beforeMount","beforeDestroy","watch","methods","register","update","_","trailing"],"sourceRoot":""}