{"version":3,"file":"static/js/1368.0ef135a6.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,uBACbC,GAAI,CAAEC,WAAYZ,EAAIa,iBAExB,CACEX,EACE,SACA,CACEY,IAAK,cACLJ,YAAa,mBACbK,MAAOf,EAAIgB,KAAO,gBAAkB,GACpCC,MAAO,CAAEC,KAAM,SAAUC,SAAUnB,EAAIgB,MACvCL,GAAI,CAAES,MAAOpB,EAAIqB,UAEnB,CAACrB,EAAIsB,GAAGtB,EAAIuB,GAAGvB,EAAIwB,GAAG,gBAAiBxB,EAAIyB,GAAG,YAC9C,IAEDzB,EAAI0B,gBACL1B,EAAI2B,gBACH3B,EAAI4B,oBAAsB5B,EAAI6B,sBAC3B3B,EACE,aACA,CACEe,MAAO,CACLC,KAAM,UACNY,QAAS9B,EAAI+B,YACbC,UAAWhC,EAAIiC,gBACfC,SAAUlC,EAAIkC,SACdC,OAAQnC,EAAI2B,cACZ,eAAgB,CAAEZ,MAAO,0BAE3BJ,GAAI,CACF,iBAAkB,SAAUyB,GAC1BpC,EAAI+B,YAAcK,CACpB,IAGJ,CACElC,EACE,MACA,CAAEQ,YAAa,mBACf,CACEV,EAAI4B,mBACA1B,EACE,uBACA,CACEe,MAAO,CACL,aAAc,mBACd,YAAa,EACboB,SAAS,IAGb,CACEnC,EAAG,MAAO,CAACF,EAAIsB,GAAGtB,EAAIuB,GAAGvB,EAAIwB,GAAG,sBAChCtB,EAAG,MAAO,CACRF,EAAIsB,GAAGtB,EAAIuB,GAAGvB,EAAIwB,GAAG,iCAEvBtB,EACE,SACA,CACEQ,YAAa,MACbC,GAAI,CAAES,MAAOpB,EAAIsC,eAEnB,CAACtC,EAAIsB,GAAGtB,EAAIuB,GAAGvB,EAAIwB,GAAG,6BAI5BxB,EAAIuC,KACRrC,EACE,aACA,CACEe,MAAO,CACLa,QAAS9B,EAAI6B,qBACbM,OAAQnC,EAAI2B,eAEdhB,GAAI,CACF,iBAAkB,SAAUyB,GAC1BpC,EAAI6B,qBAAuBO,CAC7B,IAGJ,CACElC,EACE,cACA,CAAEe,MAAO,CAAEuB,GAAI,CAAEnC,KAAM,sBACvB,CACEL,EAAIsB,GACFtB,EAAIuB,GACFvB,EAAIwB,GAAG,8CAMjB,IAGJ,KAINxB,EAAIuC,MAEV,EAEJ,EAEAxC,EAAO0C,eAAgB,E,4GCxHqJ,ECqD5K,CACApC,KAAAA,eAEAqC,MAAAA,CACAC,gBAAAA,CAAAC,KAAAA,QAAAC,UAAAA,GACAnB,eAAAA,CAAAkB,KAAAA,UAGAE,WAAAA,CACAC,UAAAA,WAAA,oOAIAC,KAAAA,WACA,OACAhC,MAAAA,EACAR,MAAAA,EACAuB,aAAAA,EACAH,oBAAAA,EACAC,sBAAAA,EACAoB,oBAAAA,EACAtB,cAAAA,KAEAO,SAAAA,CACAgB,GAAAA,SACAC,OAAAA,WAEAlB,gBAAAA,CACAzB,KAAAA,CACAoC,KAAAA,MACAQ,KAAAA,CACAC,MAAAA,GAEAb,GAAAA,CACAa,MAAAA,IAGAC,KAAAA,CACAV,KAAAA,OACAQ,KAAAA,EACAZ,GAAAA,IAIA,EAEAe,YAAAA,WAAA,QACA,kIAEA,4BAEA,iDAEA,4BAEA,aACA,EAEAC,cAAAA,WACA,uBACA,EAEAC,MAAAA,CACAd,gBAAAA,WACA,2BACA,aACA,GAGAe,QAAAA,CAOArC,QAAAA,WACA,aACA,4CACA,kCACA,EAEAsC,OAAAA,WAAA,WACA,wBACA,aACA,aACA,6BACA,2BACA,oBACA,6BAEA,2BACA,aACA,iBAEA,SACA,aACA,aAIA,2GACA,qBAGA,sBACA,4BACA,kCACA,2CAEA,IAEA,CACA,EAOA9C,eAAAA,WAAA,WACA,0CAGA,iCAGA,SACA,mDACA+C,EAAAA,QAEAC,OAAAA,YAAAA,OAAAA,WAAAA,IAGAC,EAAAA,UAAAA,WACA,yBACA,SAAAC,UAAAA,GAFAD,GAKA,8BAIA,mEACA,EAMAxB,aAAAA,WACA,2BACA,gDACA,2CAEA,IC7LA,GAXgB,E,SAAA,GACd,EACAvC,EH6GoB,IG3GpB,EACA,KACA,KACA,MAI8B,O","sources":["webpack://finnish-art/./src/components/LoginButton.vue","webpack://finnish-art/./src/components/LoginButton.vue?5229","webpack://finnish-art/src/components/LoginButton.vue","webpack://finnish-art/./src/components/LoginButton.vue?5dd0"],"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: \"login-button-wrapper\",\n      on: { mouseenter: _vm.updateMessages },\n    },\n    [\n      _c(\n        \"button\",\n        {\n          ref: \"loginButton\",\n          staticClass: \"login-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(\"user.login\"))), _vm._t(\"default\")],\n        2\n      ),\n      !_vm.disableTooltip &&\n      _vm.popoverTarget &&\n      (_vm.showSessionExpired || _vm.showRegistrationInfo)\n        ? _c(\n            \"dx-popover\",\n            {\n              attrs: {\n                role: \"tooltip\",\n                visible: _vm.showPopover,\n                animation: _vm.animationConfig,\n                position: _vm.position,\n                target: _vm.popoverTarget,\n                \"wrapper-attr\": { class: \"login-popover-wrapper\" },\n              },\n              on: {\n                \"update:visible\": function ($event) {\n                  _vm.showPopover = $event\n                },\n              },\n            },\n            [\n              _c(\n                \"div\",\n                { staticClass: \"popover-message\" },\n                [\n                  _vm.showSessionExpired\n                    ? _c(\n                        \"silhouette-assistant\",\n                        {\n                          attrs: {\n                            \"image-name\": \"silhouette-1.svg\",\n                            \"bubble-nr\": 2,\n                            reverse: true,\n                          },\n                        },\n                        [\n                          _c(\"div\", [_vm._v(_vm._s(_vm.$t(\"user.loggedOut\")))]),\n                          _c(\"div\", [\n                            _vm._v(_vm._s(_vm.$t(\"user.loggedOutLoginPrompt\"))),\n                          ]),\n                          _c(\n                            \"button\",\n                            {\n                              staticClass: \"btn\",\n                              on: { click: _vm.loginDismiss },\n                            },\n                            [_vm._v(_vm._s(_vm.$t(\"common.okUnderstood\")))]\n                          ),\n                        ]\n                      )\n                    : _vm._e(),\n                  _c(\n                    \"dx-tooltip\",\n                    {\n                      attrs: {\n                        visible: _vm.showRegistrationInfo,\n                        target: _vm.popoverTarget,\n                      },\n                      on: {\n                        \"update:visible\": function ($event) {\n                          _vm.showRegistrationInfo = $event\n                        },\n                      },\n                    },\n                    [\n                      _c(\n                        \"router-link\",\n                        { attrs: { to: { name: \"RegistrationInfo\" } } },\n                        [\n                          _vm._v(\n                            _vm._s(\n                              _vm.$t(\"signup.loginButtonRegistrationTooltip\")\n                            )\n                          ),\n                        ]\n                      ),\n                    ],\n                    1\n                  ),\n                ],\n                1\n              ),\n            ]\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!./LoginButton.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!./LoginButton.vue?vue&type=script&lang=js&\"","<template lang=\"pug\">\ndiv.login-button-wrapper(\n    v-show=\"show\"\n    v-on:mouseenter=\"updateMessages\")\n\n    button.login-button.btn(\n        ref=\"loginButton\"\n        role=\"button\"\n        v-bind:class=\"busy ? 'busy disabled' : ''\"\n        v-bind:disabled=\"busy\"\n        v-on:click=\"onClick\") {{ $t('user.login') }}\n\n        slot\n\n    dx-popover(\n        v-if=\"!disableTooltip && popoverTarget && (showSessionExpired || showRegistrationInfo)\"\n        role=\"tooltip\"\n        v-bind:visible.sync=\"showPopover\"\n        v-bind:animation=\"animationConfig\"\n        v-bind:position=\"position\"\n        v-bind:target=\"popoverTarget\"\n        v-bind:wrapper-attr=\"{class: 'login-popover-wrapper'}\")\n\n        div.popover-message\n\n            //- session expired\n            silhouette-assistant(\n                v-if=\"showSessionExpired\"\n                image-name=\"silhouette-1.svg\"\n                v-bind:bubble-nr=\"2\"\n                v-bind:reverse=\"true\")\n\n                div {{ $t('user.loggedOut') }}\n                div {{ $t('user.loggedOutLoginPrompt') }}\n\n                button.btn(v-on:click=\"loginDismiss\") {{ $t('common.okUnderstood') }}\n\n            //- registration tooltip\n            dx-tooltip(\n                v-bind:visible.sync=\"showRegistrationInfo\"\n                v-bind:target=\"popoverTarget\")\n                router-link(\n                    v-bind:to=\"{name: 'RegistrationInfo'}\") {{ $t('signup.loginButtonRegistrationTooltip') }}\n\n</template>\n\n<script>\nimport {\n    phaseExpired,\n    phaseEmailVerified,\n    phaseBusy\n} from '@/store/ux';\n\nexport default {\n    name: 'login-button',\n\n    props: {\n        isAuthenticated: {  type: Boolean, required: true },\n        disableTooltip: {   type: Boolean }\n    },\n\n    components: {\n        DxPopover: () => import('devextreme-vue/popover')\n        // DxTooltip: () => import('devextreme-vue/tooltip')\n    },\n\n    data: function () {\n        return {\n            busy: false,\n            show: true,\n            showPopover: false,\n            showSessionExpired: false,\n            showRegistrationInfo: false,\n            waitInitialSession: false,\n            popoverTarget: null,\n            // position: 'bottom', // shows the little arrow\n            position: {\n                my: 'bottom', // does not calc arrow position\n                offset: '-30 -30'\n            },\n            animationConfig: {\n                show: {\n                    type: 'pop',\n                    from: {\n                        scale: 0\n                    },\n                    to: {\n                        scale: 1\n                    }\n                },\n                hide: {\n                    type: 'fade',\n                    from: 1,\n                    to: 0\n                }\n            }\n        };\n    },\n\n    beforeMount: function () {\n        if (this.$route?.name?.match(/InfoMessage|RegistrationInfo/) && this.disableTooltip) {\n            // button inline registration info\n            this.waitInitialSession = false;\n        }\n        if (this.$store.getters['ux/getLoginPhase'] === phaseBusy) {\n            // wait for session if login is in process\n            this.waitInitialSession = true;\n        }\n        this.update();\n    },\n\n    beforeDestroy: function () {\n        this.popoverTarget = null;\n    },\n\n    watch: {\n        isAuthenticated: function () {\n            this.waitInitialSession = false;\n            this.update();\n        }\n    },\n\n    methods: {\n\n        /**\n         * Login by emitting `user-login` signal to the global bus.\n         * The actual `onLogin()` method is in UserSessionMixin\n         * and it will redirect the browser.\n         */\n        onClick: function () {\n            this.busy = true;\n            this.$store.commit('ux/setLoginPhase', phaseBusy);\n            this.$eventBus.$emit('user-login');\n        },\n\n        update: function () {\n            if (this.isAuthenticated) {\n                this.busy = false;\n                this.show = false;\n                this.showRegistrationInfo = false;\n                this.showSessionExpired = false;\n                this.showPopover = false;\n                this.popoverTarget = null;\n            }\n            else if (this.waitInitialSession) {\n                this.busy = true;\n                this.show = false;\n            }\n            else {\n                this.busy = false;\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.showPopover = false;\n                }\n                else {\n                    this.updateMessages();\n                    this.$nextTick(() => {\n                        if (!this.disableTooltip && this.showPopover) {\n                            this.popoverTarget = this.$refs.loginButton || this.$el;\n                        }\n                    });\n                }\n            }\n        },\n\n        /**\n         * Show popover and/or tooltip messages for the button.\n         * NOTE: registration button in the navbar shows this message, except when it is not\n         *       on the page, as on mobile. Hence the message can be shown by this login-button.\n         */\n        updateMessages: function () {\n            const loginPhase = this.$store.getters['ux/getLoginPhase'];\n\n            // session expired popup\n            this.showSessionExpired = (loginPhase === phaseExpired);\n\n            // anonymous registration info popup\n            if (loginPhase < phaseEmailVerified) {\n                if (this.$store.getters['ux/getShowRegistrationInfo']\n                    && process.client\n                    // $breakpoint-mobile: 576px; - co-dependency in Navigation media queries\n                    && window.innerWidth && window.innerWidth < 576) {\n\n                    // tooltip is shown delayed, to prevent it from flashing during load\n                    _.debounce(() => {\n                        this.showRegistrationInfo = true;\n                    }, 1500, {trailing: true})();\n                }\n                else {\n                    this.showRegistrationInfo = false;\n                }\n            }\n\n            this.showPopover = (this.showSessionExpired || this.showRegistrationInfo);\n        },\n\n        /**\n         * Dismiss session expired popover message.\n         * If ux loginPhase is expired, set it to anonymous.\n         */\n        loginDismiss: function () {\n            this.showSessionExpired = false;\n            if (this.$store.getters['ux/getLoginPhase'] === phaseExpired) {\n                this.$store.commit('ux/setLoginPhase', phaseEmailVerified);\n            }\n        }\n    }\n};\n</script>\n\n<style lang=\"scss\">\n/** .login-button style set in app.scss */\n\n// transparent login-popover dx-overlay\n// (requires devextreme v21.2 to set unique class via v-bind:wrapper-attr)\n.dx-popover-wrapper.dx-overlay-wrapper.login-popover-wrapper {\n\n    // z-index: 7000 !important; // should not overlap navbar language dropdown\n    //                              although the tooltip popover SHOULD overlap navbar\n\n    .dx-overlay-content {\n        background: transparent;\n        box-shadow: none;\n        .dx-popover-arrow {\n            display: none !important;\n        }\n    }\n    .popover-message {\n        display: inline-flex;\n        flex-direction: column;\n        max-width: 400px;\n        font-size: 1rem;\n        text-align: center;\n        .silhouette-assistant {\n            margin: -10px 0 -10px -10px; // dx-popover adds padding\n            .bubble-wrapper {\n                align-self: flex-start;\n                min-height: 0;\n                margin-left: 1rem;\n                padding-top: 11%;\n                padding-bottom: 11%;\n                div {\n                    margin-bottom: 1rem;\n                }\n            }\n        }\n        button {\n            margin-top: 1rem;\n        }\n    }\n}\n</style>\n","import { render, staticRenderFns } from \"./LoginButton.vue?vue&type=template&id=0533a128&lang=pug&\"\nimport script from \"./LoginButton.vue?vue&type=script&lang=js&\"\nexport * from \"./LoginButton.vue?vue&type=script&lang=js&\"\nimport style0 from \"./LoginButton.vue?vue&type=style&index=0&id=0533a128&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","on","mouseenter","updateMessages","ref","class","busy","attrs","role","disabled","click","onClick","_v","_s","$t","_t","disableTooltip","popoverTarget","showSessionExpired","showRegistrationInfo","visible","showPopover","animation","animationConfig","position","target","$event","reverse","loginDismiss","_e","to","_withStripped","props","isAuthenticated","type","required","components","DxPopover","data","waitInitialSession","my","offset","from","scale","hide","beforeMount","beforeDestroy","watch","methods","update","process","window","_","trailing"],"sourceRoot":""}