{"version":3,"file":"static/js/4677.765d8ed5.js","mappings":"8JAAA,IAAIA,EAAS,WACX,IAAIC,EAAMC,KACRC,EAAKF,EAAIG,MAAMD,GACjB,OAAOA,EACL,eACA,CACEE,YAAa,sBACbC,MAAO,CACLC,KAAM,cACN,kBAAmB,sBACnBC,KAAMP,EAAIQ,KACV,gBAAgB,EAChB,gBAAgB,EAChB,uBAAuB,GAEzBC,GAAI,CACF,cAAe,SAAUC,GACvBV,EAAIQ,KAAOE,CACb,EACAC,KAAMX,EAAIY,WAGd,CACEV,EAAG,eAAgB,CACjBW,IAAK,QACLR,MAAO,CAAES,MAAOd,EAAIc,OACpBC,YAAaf,EAAIgB,GAAG,CAClB,CACEC,IAAK,gBACLC,GAAI,WACF,MAAO,CACJlB,EAAImB,YA6BDnB,EAAIoB,iBACJlB,EAAG,MAAO,CAAEE,YAAa,2BAA6B,CACpDF,EAAG,SAAU,CACXE,YAAa,gCAEfF,EACE,MACA,CACEE,YAAa,SACbC,MAAO,CAAEgB,GAAI,wBAEf,CAACrB,EAAIsB,GAAGtB,EAAIuB,GAAGvB,EAAIwB,GAAG,+BAG1BxB,EAAIyB,KA1CJvB,EAAG,MAAO,CAAEE,YAAa,2BAA6B,CACpDF,EACE,SACA,CACEE,YAAa,YACbC,MAAO,CAAEC,KAAM,SAAU,eAAgB,SACzCG,GAAI,CAAEiB,MAAO1B,EAAI2B,QAEnB,CAAC3B,EAAIsB,GAAGtB,EAAIuB,GAAGvB,EAAIwB,GAAG,kBAExBtB,EACE,SACA,CACEE,YAAa,YACbC,MAAO,CAAEC,KAAM,SAAU,eAAgB,SACzCG,GAAI,CAAEiB,MAAO1B,EAAIY,WAEnB,CAACZ,EAAIsB,GAAGtB,EAAIuB,GAAGvB,EAAIwB,GAAG,mCAExBtB,EACE,MACA,CACEE,YAAa,SACbC,MAAO,CAAEgB,GAAI,wBAEf,CAACrB,EAAIsB,GAAGtB,EAAIuB,GAAGvB,EAAIwB,GAAG,+BAkB9BxB,EAAIoB,iBACAlB,EAAG,MAAO,CAAEE,YAAa,oBAAsB,CAC7CJ,EAAIsB,GAAGtB,EAAIuB,GAAGvB,EAAIwB,GAAG,qCAEvBxB,EAAIyB,KACRvB,EAAG,MAAO,CAAEE,YAAa,eAE7B,EACAwB,OAAO,QAKf,EAEJ,EAEA7B,EAAO8B,eAAgB,E,2XC5CvB,mDAEA,GACAC,KAAAA,sBAEAC,MAAAA,CACAxB,KAAAA,CAAAyB,KAAAA,QAAAC,SAAAA,IAGAC,WAAAA,CACAC,YAAAA,WAAA,iEAGAC,S,qWAAAA,CAAAA,CAAAA,EACAC,EAAAA,CACAC,WAAAA,SAAAA,GAAA,wBAIAC,KAAAA,WACA,OACA/B,MAAAA,EACAgC,cAAAA,EACApB,kBAAAA,EACAqB,aAAAA,KACAtB,aAAAA,EACAL,MAAAA,KAEA,EAEA4B,QAAAA,WAEA,4CAEA,0DACA,WACA,EAEAC,cAAAA,WACA,6CACA,wDACA,EAEAC,MAAAA,CACArC,KAAAA,WACA,sBACA,EAKA+B,WAAAA,WACA,WACA,GAGAO,QAAAA,CACAC,KAAAA,WAEA,8BACA,uBAKA,YAGA,gDACA,EAKAC,OAAAA,SAAAA,GACA,aACA,qBACA,uBACA,EAKAC,kBAAAA,WACA,sBACA,mBACAC,aAAAA,KAAAA,cAEA,6CAEA,EAKArC,SAAAA,WACA,aACA,qBAEA,4CAEA,oBACAqC,aAAAA,KAAAA,cACA,uBAEA,EAEAtB,MAAAA,WACA,oBACA,uBACA,kCACA,IC/JmL,ICmBnL,GAXgB,E,SAAA,GACd,EACA5B,EHiFoB,IG/EpB,EACA,KACA,KACA,MAI8B,O","sources":["webpack://finnish-art/./src/components/Modals/LoginExpired.vue","webpack://finnish-art/src/components/Modals/LoginExpired.vue","webpack://finnish-art/./src/components/Modals/LoginExpired.vue?13ab","webpack://finnish-art/./src/components/Modals/LoginExpired.vue?da47"],"sourcesContent":["var render = function render() {\n  var _vm = this,\n    _c = _vm._self._c\n  return _c(\n    \"modal-dialog\",\n    {\n      staticClass: \"modal-login-expired\",\n      attrs: {\n        role: \"alertdialog\",\n        \"aria-labelledby\": \"login-expired-title\",\n        show: _vm.open,\n        \"close-on-esc\": true,\n        \"close-button\": true,\n        \"close-on-click-mask\": true,\n      },\n      on: {\n        \"update:show\": function ($event) {\n          _vm.open = $event\n        },\n        hide: _vm.stayAnon,\n      },\n    },\n    [\n      _c(\"errors-quote\", {\n        ref: \"quote\",\n        attrs: { error: _vm.error },\n        scopedSlots: _vm._u([\n          {\n            key: \"message-panel\",\n            fn: function () {\n              return [\n                !_vm.redirecting\n                  ? _c(\"div\", { staticClass: \"session-expired-options\" }, [\n                      _c(\n                        \"button\",\n                        {\n                          staticClass: \"btn login\",\n                          attrs: { role: \"button\", \"aria-pressed\": \"false\" },\n                          on: { click: _vm.login },\n                        },\n                        [_vm._v(_vm._s(_vm.$t(\"user.login\")))]\n                      ),\n                      _c(\n                        \"button\",\n                        {\n                          staticClass: \"btn close\",\n                          attrs: { role: \"button\", \"aria-pressed\": \"false\" },\n                          on: { click: _vm.stayAnon },\n                        },\n                        [_vm._v(_vm._s(_vm.$t(\"signup.continueWithoutLogin\")))]\n                      ),\n                      _c(\n                        \"div\",\n                        {\n                          staticClass: \"status\",\n                          attrs: { id: \"login-expired-title\" },\n                        },\n                        [_vm._v(_vm._s(_vm.$t(\"errors.sessionExpired\")))]\n                      ),\n                    ])\n                  : _vm.withLoginTimeout\n                  ? _c(\"div\", { staticClass: \"session-expired-options\" }, [\n                      _c(\"button\", {\n                        staticClass: \"btn login button is-loading\",\n                      }),\n                      _c(\n                        \"div\",\n                        {\n                          staticClass: \"status\",\n                          attrs: { id: \"login-expired-title\" },\n                        },\n                        [_vm._v(_vm._s(_vm.$t(\"errors.sessionExpired\")))]\n                      ),\n                    ])\n                  : _vm._e(),\n                _vm.withLoginTimeout\n                  ? _c(\"div\", { staticClass: \"redirect-message\" }, [\n                      _vm._v(_vm._s(_vm.$t(\"errors.sessionExpiredRedirect\"))),\n                    ])\n                  : _vm._e(),\n                _c(\"div\", { staticClass: \"flex-block\" }),\n              ]\n            },\n            proxy: true,\n          },\n        ]),\n      }),\n    ],\n    1\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","<template lang=\"pug\">\nmodal-dialog.modal-login-expired(\n    role=\"alertdialog\" aria-labelledby=\"login-expired-title\"\n    v-bind:show.sync=\"open\"\n    v-bind:close-on-esc=\"true\"\n    v-bind:close-button=\"true\"\n    v-bind:close-on-click-mask=\"true\"\n    v-on:hide=\"stayAnon\")\n\n    errors-quote(\n        ref=\"quote\"\n        v-bind:error=\"error\")\n        template(#message-panel=\"\")\n\n            div.session-expired-options(\n                v-if=\"!redirecting\")\n                button.btn.login(\n                    v-on:click=\"login\"\n                    role=\"button\"\n                    aria-pressed=\"false\"\n                    ) {{ $t('user.login') }}\n                button.btn.close(\n                    v-on:click=\"stayAnon\"\n                    role=\"button\"\n                    aria-pressed=\"false\"\n                    ) {{ $t('signup.continueWithoutLogin') }}\n                div#login-expired-title.status {{ $t('errors.sessionExpired') }}\n\n            div.session-expired-options(\n                v-else-if=\"withLoginTimeout\")\n                //- bulma spinner\n                button.btn.login.button.is-loading\n                div#login-expired-title.status {{ $t('errors.sessionExpired') }}\n\n            div.redirect-message(v-if=\"withLoginTimeout\") {{ $t('errors.sessionExpiredRedirect') }}\n            div.flex-block\n\n\n</template>\n\n<script>\nimport { createNamespacedHelpers } from 'vuex';\n\nimport {\n    phaseAnonymous,\n    phaseExpired\n} from '@/store/ux';\n\nconst mapState = createNamespacedHelpers('ux').mapState;\n\nexport default {\n    name: 'modal-login-expired',\n\n    props: {\n        show: { type: Boolean, default: false }\n    },\n\n    components: {\n        ErrorsQuote: () => import('@/components/Errors/Quote')\n    },\n\n    computed: {\n        ...mapState({\n            loginPhase: state => state.loginPhase\n        })\n    },\n\n    data: function () {\n        return {\n            open: false,\n            openOverride: false, // opened from signal\n            withLoginTimeout: false, // signal can specify\n            loginTimeout: null,\n            redirecting: false,\n            error: null\n        };\n    },\n\n    mounted: function () {\n        // auth-change signal\n        this.$eventBus.$on('auth-change', this.init);\n        // signal to enforce modal\n        this.$eventBus.$on('modal-show-user-expired', this.doOpen);\n        this.init();\n    },\n\n    beforeDestroy: function () {\n        this.$eventBus.$off('auth-change', this.init);\n        this.$eventBus.$off('modal-show-user-expired', this.init);\n    },\n\n    watch: {\n        show: function () {\n            this.show && this.init();\n        },\n\n        /**\n         * Check state when loginPhase store value changes.\n         */\n        loginPhase: function () {\n            this.init();\n        }\n    },\n\n    methods: {\n        init: function () {\n            // open modal if session login is expired\n            const isExpired = (this.loginPhase === phaseExpired);\n            if (!isExpired && this.openOverride) {\n                // if openOverride is true, modal is not hidden\n                // but is shown regardless of openOverride state (closing modal should reset its state)\n                return;\n            }\n            this.open = isExpired;\n\n            // set login timeout\n            this.withLoginTimeout && this.setupLoginTimeout();\n        },\n\n        /**\n         * Called from bus signal.\n         */\n        doOpen: function (withLoginTimeout) {\n            this.open = true;\n            this.openOverride = true;\n            this.withLoginTimeout = withLoginTimeout;\n        },\n\n        /**\n         * Forced login timeout.\n         */\n        setupLoginTimeout: function () {\n            if (this.open && process.client) {\n                if (this.loginTimeout) {\n                    clearTimeout(this.loginTimeout);\n                }\n                this.loginTimeout = setTimeout(this.login, 10000);\n            }\n        },\n\n        /**\n         * Remain browsing as is.\n         */\n        stayAnon: function () {\n            this.open = false;\n            this.openOverride = false;\n\n            this.$store.commit('ux/setLoginPhase', phaseAnonymous);\n\n            if (this.loginTimeout) {\n                clearTimeout(this.loginTimeout);\n                this.loginTimeout = null;\n            }\n        },\n\n        login: function () {\n            this.redirecting = true;\n            this.loginTimeout = null;\n            this.$eventBus.$emit('user-login');\n        }\n    }\n};\n</script>\n\n<style lang=\"scss\">\n// @import '~assets/styles/variables';\n\n.modal-login-expired {\n    text-align: center;\n    .o-modal__content {\n        z-index: 15000; // override other .modal-dialogs\n    }\n    .errors-quote {\n        min-height: unset;\n        padding: 0;\n        button {\n            min-width: 9rem;\n            margin: 1rem auto;\n            padding: 0.2rem 1rem;\n        }\n        .columns {\n            box-shadow: none;\n        }\n        .message-panel {\n            .session-expired-options {\n                display: inline-flex;\n                flex-direction: column;\n                .btn.login {\n                    margin: 1rem auto;\n                    font-size: 1.25rem;\n                }\n                .btn.close {\n                    margin: 3rem auto 0;\n                    padding: 0;\n                    font-size: 0.9rem;\n                    text-decoration: underline;\n                    border: 0;\n                }\n            }\n            .status {\n                display: inline-flex;\n                flex-direction: column;\n                font-size: 0.75rem;\n            }\n        }\n        .redirect-message {\n            font-size: 1.75rem;\n        }\n        .flex-block {\n            display: inline-flex;\n            min-height: 3vh;\n        }\n    }\n}\n</style>\n","import mod from \"-!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./LoginExpired.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!./LoginExpired.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./LoginExpired.vue?vue&type=template&id=71b0538e&lang=pug&\"\nimport script from \"./LoginExpired.vue?vue&type=script&lang=js&\"\nexport * from \"./LoginExpired.vue?vue&type=script&lang=js&\"\nimport style0 from \"./LoginExpired.vue?vue&type=style&index=0&id=71b0538e&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","staticClass","attrs","role","show","open","on","$event","hide","stayAnon","ref","error","scopedSlots","_u","key","fn","redirecting","withLoginTimeout","id","_v","_s","$t","_e","click","login","proxy","_withStripped","name","props","type","default","components","ErrorsQuote","computed","mapState","loginPhase","data","openOverride","loginTimeout","mounted","beforeDestroy","watch","methods","init","doOpen","setupLoginTimeout","clearTimeout"],"sourceRoot":""}