{"version":3,"file":"static/js/6243.9ae26295.js","mappings":";;;;;;;;;;;;;;;;;;AAAA,IAAIA,MAAM,GAAG,SAASA,MAAMA,CAAA,EAAG;EAC7B,IAAIC,GAAG,GAAG,IAAI;IACZC,EAAE,GAAGD,GAAG,CAACE,KAAK,CAACD,EAAE;EACnB,OAAOD,GAAG,CAACG,OAAO,GACdF,EAAE,CACA,KAAK,EACL;IAAEG,WAAW,EAAE;EAAsC,CAAC,EACtD,CACEJ,GAAG,CAACK,eAAe,KAAKL,GAAG,CAACM,cAAc,GACtCL,EAAE,CACA,oCAAoC,EACpC;IACEM,KAAK,EAAE;MACL,YAAY,EAAE,kBAAkB;MAChCC,OAAO,EAAE,IAAI;MACb,mBAAmB,EAAE;IACvB;EACF,CAAC,EACD,CACER,GAAG,CAACS,EAAE,CAAC,cAAc,CAAC,EACtBR,EAAE,CAAC,KAAK,EAAE,CACRD,GAAG,CAACU,EAAE,CAACV,GAAG,CAACW,EAAE,CAACX,GAAG,CAACY,EAAE,CAAC,8BAA8B,CAAC,CAAC,CAAC,CACvD,CAAC,EACFX,EAAE,CAAC,cAAc,EAAE;IACjBG,WAAW,EAAE,sBAAsB;IACnCG,KAAK,EAAE;MACL,kBAAkB,EAAE,KAAK;MACzB,iBAAiB,EAAE;IACrB;EACF,CAAC,CAAC,EACFN,EAAE,CACA,QAAQ,EACR;IACEY,GAAG,EAAE,wBAAwB;IAC7BT,WAAW,EAAE,0BAA0B;IACvCU,EAAE,EAAE;MACFC,KAAK,EAAE,SAAAA,MAAUC,MAAM,EAAE;QACvB,OAAOhB,GAAG,CAACiB,OAAO,CAACC,IAAI,CAAC;UAAEC,IAAI,EAAE;QAAmB,CAAC,CAAC;MACvD;IACF;EACF,CAAC,EACD,CACEnB,GAAG,CAACU,EAAE,CACJV,GAAG,CAACW,EAAE,CAACX,GAAG,CAACY,EAAE,CAAC,uCAAuC,CAAC,CACxD,CAAC,CAEL,CAAC,CACF,EACD,CACF,CAAC,GACD,CAACZ,GAAG,CAACoB,aAAa,GAClBnB,EAAE,CACA,oCAAoC,EACpC;IACEM,KAAK,EAAE;MACL,mBAAmB,EAAE,YAAY;MACjC,aAAa,EAAEP,GAAG,CAACqB,UAAU;MAC7B,kBAAkB,EAAErB,GAAG,CAACK,eAAe;MACvC,sBAAsB,EAAEL,GAAG,CAACsB,mBAAmB;MAC/C,YAAY,EAAE,kBAAkB;MAChCd,OAAO,EAAE,IAAI;MACb,mBAAmB,EAAE;IACvB;EACF,CAAC,EACD,CACEP,EAAE,CAAC,KAAK,EAAE,CACRD,GAAG,CAACU,EAAE,CAACV,GAAG,CAACW,EAAE,CAACX,GAAG,CAACY,EAAE,CAAC,8BAA8B,CAAC,CAAC,CAAC,CACvD,CAAC,EACFX,EAAE,CAAC,KAAK,EAAE,CACRD,GAAG,CAACU,EAAE,CAACV,GAAG,CAACW,EAAE,CAACX,GAAG,CAACY,EAAE,CAAC,8BAA8B,CAAC,CAAC,CAAC,CACvD,CAAC,EACFX,EAAE,CACA,aAAa,EACb;IAAEM,KAAK,EAAE;MAAEgB,EAAE,EAAE;QAAEC,KAAK,EAAE;UAAEC,UAAU,EAAE;QAAU;MAAE;IAAE;EAAE,CAAC,EACvD,CACExB,EAAE,CAAC,eAAe,EAAE;IAClBM,KAAK,EAAE;MAAEmB,KAAK,EAAE1B,GAAG,CAACY,EAAE,CAAC,sBAAsB;IAAE;EACjD,CAAC,CAAC,CACH,EACD,CACF,CAAC,CACF,EACD,CACF,CAAC,GACDZ,GAAG,CAAC2B,EAAE,CAAC,CAAC,CACb,EACD,CACF,CAAC,GACD3B,GAAG,CAAC2B,EAAE,CAAC,CAAC;AACd,CAAC;AACD,IAAIC,eAAe,GAAG,EAAE;AACxB7B,MAAM,CAAC8B,aAAa,GAAG,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;AE9C3B;AAEA,0FAAe;EACfV,IAAA;EAEAY,KAAA;IACAX,aAAA;MAAAY,IAAA,EAAAC;IAAA;EACA;EAEAC,UAAA;IACA;IACAC,WAAA,WAAAA,YAAA;MAAA;IAAA;IACAC,8BAAA,WAAAA,+BAAA;MAAA;IAAA;EACA;EAEAC,IAAA,WAAAA,KAAA;IACA;MACAlC,OAAA;MACAkB,UAAA;MACAhB,eAAA;MACAC,cAAA,EAAAA,2BAAA;MACAgB,mBAAA,EAAAA,gCAAAA;IACA;EACA;EAEAgB,WAAA,WAAAA,YAAA;IACA,KAAAC,SAAA,CAAAC,GAAA,4BAAAC,MAAA;IACA,KAAAF,SAAA,CAAAC,GAAA,8BAAAC,MAAA;IACA,KAAAA,MAAA;EACA;EAEAC,aAAA,WAAAA,cAAA;IACA,KAAAH,SAAA,CAAAI,IAAA,4BAAAF,MAAA;IACA,KAAAF,SAAA,CAAAI,IAAA,8BAAAF,MAAA;EACA;EAEAG,OAAA;IACAH,MAAA,WAAAA,OAAA;MAAA,IAAAI,gBAAA;MAEA;MACA,KAAAxC,eAAA,QAAAyC,MAAA,CAAAC,OAAA;MACA,SAAA1C,eAAA,GAAAC,2BAAA,SAAAD,eAAA,GAAAiB,gCAAA;QACA,KAAAnB,OAAA;;QAEA;QACA;QACA,SAAAE,eAAA,KAAAyB,2BAAA;UACA,KAAAkB,SAAA,MAAAC,QAAA;QACA;QACA;MACA;;MAEA;MACA,KAAA5B,UAAA,QAAAyB,MAAA,CAAAC,OAAA;MACA,OAAAF,gBAAA,QAAAxB,UAAA,cAAAwB,gBAAA,eAAAA,gBAAA,CAAAK,KAAA;QACA,KAAA/C,OAAA;MACA,OACA;QACA,KAAAA,OAAA;MACA;IACA;EACA;AACA,CAAC;;AC3GkM,CAAC,iGAAe,qDAAG,EAAC;;;;ACAlG;AACpC;AACL;AAC5E,CAA2G;;;AAG3G;AAC6F;AAC7F,gBAAgB,sCAAU;AAC1B,EAAE,4DAAM;AACR,EAAE,MAAM;AACR,EAAE,eAAe;AACjB;AACA;AACA;AACA;AACA;AACA;;AAEA,mEAAe","sources":["webpack://finnish-art/./src/components/global/PromotionNoResultsCallToAction.vue","webpack://finnish-art/./src/components/global/PromotionNoResultsCallToAction.vue?53ba","webpack://finnish-art/src/components/global/PromotionNoResultsCallToAction.vue","webpack://finnish-art/./src/components/global/PromotionNoResultsCallToAction.vue?b23f","webpack://finnish-art/./src/components/global/PromotionNoResultsCallToAction.vue?3b61"],"sourcesContent":["var render = function render() {\n  var _vm = this,\n    _c = _vm._self._c\n  return _vm.visible\n    ? _c(\n        \"div\",\n        { staticClass: \"promotion-no-results-call-to-action\" },\n        [\n          _vm.membershipLevel === _vm.levelAnonymous\n            ? _c(\n                \"promotion-assistant-call-to-action\",\n                {\n                  attrs: {\n                    \"image-name\": \"silhouette-1.svg\",\n                    reverse: true,\n                    \"auto-invert-color\": true,\n                  },\n                },\n                [\n                  _vm._t(\"bubble-title\"),\n                  _c(\"div\", [\n                    _vm._v(_vm._s(_vm.$t(\"signup.loginRegistrationInfo\"))),\n                  ]),\n                  _c(\"login-button\", {\n                    staticClass: \"login inverse-colors\",\n                    attrs: {\n                      \"is-authenticated\": false,\n                      \"disable-tooltip\": true,\n                    },\n                  }),\n                  _c(\n                    \"button\",\n                    {\n                      ref: \"registrationInfoButton\",\n                      staticClass: \"btn to-registration-info\",\n                      on: {\n                        click: function ($event) {\n                          return _vm.$router.push({ name: \"RegistrationInfo\" })\n                        },\n                      },\n                    },\n                    [\n                      _vm._v(\n                        _vm._s(_vm.$t(\"signup.loginButtonRegistrationTooltip\"))\n                      ),\n                    ]\n                  ),\n                ],\n                2\n              )\n            : !_vm.anonymousOnly\n            ? _c(\n                \"promotion-assistant-call-to-action\",\n                {\n                  attrs: {\n                    \"match-use-profile\": \"PublicOnly\",\n                    \"use-profile\": _vm.useProfile,\n                    \"membership-level\": _vm.membershipLevel,\n                    \"min-membership-level\": _vm.levelRegisteredUser,\n                    \"image-name\": \"silhouette-1.svg\",\n                    reverse: true,\n                    \"auto-invert-color\": true,\n                  },\n                },\n                [\n                  _c(\"div\", [\n                    _vm._v(_vm._s(_vm.$t(\"promotions.tryUseProfileAll1\"))),\n                  ]),\n                  _c(\"div\", [\n                    _vm._v(_vm._s(_vm.$t(\"promotions.tryUseProfileAll2\"))),\n                  ]),\n                  _c(\n                    \"router-link\",\n                    { attrs: { to: { query: { UseProfile: \"ViewAll\" } } } },\n                    [\n                      _c(\"icon-vpn-lock\", {\n                        attrs: { title: _vm.$t(\"navigation.selectAll\") },\n                      }),\n                    ],\n                    1\n                  ),\n                ],\n                1\n              )\n            : _vm._e(),\n        ],\n        1\n      )\n    : _vm._e()\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","export * from \"-!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/vue-loader/lib/loaders/templateLoader.js??ruleSet[1].rules[2]!../../../node_modules/pug-plain-loader/index.js!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PromotionNoResultsCallToAction.vue?vue&type=template&id=7e0b0b50&lang=pug\"","<template lang=\"pug\">\ndiv.promotion-no-results-call-to-action(\n    v-if=\"visible\")\n\n    //- anonymous call to action\n    promotion-assistant-call-to-action(\n        v-if=\"membershipLevel === levelAnonymous\"\n        image-name=\"silhouette-1.svg\"\n        v-bind:reverse=\"true\"\n        v-bind:auto-invert-color=\"true\")\n\n        //- custom title\n        slot(name=\"bubble-title\")\n        div {{ $t('signup.loginRegistrationInfo') }}\n\n        login-button.login.inverse-colors(\n            v-bind:is-authenticated=\"false\"\n            v-bind:disable-tooltip=\"true\")\n\n        button.btn.to-registration-info(\n            ref=\"registrationInfoButton\"\n            v-on:click=\"$router.push({name: 'RegistrationInfo'})\") {{ $t('signup.loginButtonRegistrationTooltip') }}\n\n\n    //- \"PublicOnly\" UseProfile call to action, only for level RegisteredUsers\n    promotion-assistant-call-to-action(\n        v-else-if=\"!anonymousOnly\"\n        match-use-profile=\"PublicOnly\"\n        v-bind:use-profile=\"useProfile\"\n        v-bind:membership-level=\"membershipLevel\"\n        v-bind:min-membership-level=\"levelRegisteredUser\"\n        image-name=\"silhouette-1.svg\"\n        v-bind:reverse=\"true\"\n        v-bind:auto-invert-color=\"true\")\n\n        div {{ $t('promotions.tryUseProfileAll1') }}\n        div {{ $t('promotions.tryUseProfileAll2') }}\n        //- link to change UseProfile\n        router-link(v-bind:to=\"{query: {UseProfile: 'ViewAll'}}\")\n            icon-vpn-lock(v-bind:title=\"$t('navigation.selectAll')\")\n\n\n</template>\n\n<script>\nimport { levelAnonymous, levelBasicUser, levelRegisteredUser } from '@/store/user.js';\n\nexport default {\n    name: 'promotion-no-results-call-to-action',\n\n    props: {\n        anonymousOnly: {        type: Boolean } // only for anonymous users\n    },\n\n    components: {\n        // DxPopover: () => import('devextreme-vue/popover'),\n        LoginButton: () => import('@/components/LoginButton'),\n        PromotionAssistantCallToAction: () => import('@/components/global/PromotionAssistantCallToAction.vue')\n    },\n\n    data: function () {\n        return {\n            visible: true,\n            useProfile: '',\n            membershipLevel: 0,\n            levelAnonymous,\n            levelRegisteredUser\n        };\n    },\n\n    beforeMount: function () {\n        this.$eventBus.$on('use-profile-change', this.update);\n        this.$eventBus.$on('user-profile-fetched', this.update);\n        this.update();\n    },\n\n    beforeDestroy: function () {\n        this.$eventBus.$off('use-profile-change', this.update);\n        this.$eventBus.$off('user-profile-fetched', this.update);\n    },\n\n    methods: {\n        update: function () {\n\n            // not visible for basic users who have no access to \"All\" UseProfile\n            this.membershipLevel = this.$store.getters['user/getMembershipLevel'];\n            if (this.membershipLevel > levelAnonymous && this.membershipLevel < levelRegisteredUser) {\n                this.visible = false;\n\n                // actually, users with that membership level should not see this message at all,\n                // and it is useless to keep track of live changes to this.\n                if (this.membershipLevel === levelBasicUser) {\n                    this.$nextTick(this.$destroy);\n                }\n                return;\n            }\n\n            // only visible with Public UseProfile\n            this.useProfile = this.$store.getters['ux/getUseProfile'];\n            if (!this.useProfile?.match(/Public/)) {\n                this.visible = false;\n            }\n            else {\n                this.visible = true;\n            }\n        }\n    }\n};\n</script>\n\n<style lang=\"scss\">\n// @import '~assets/styles/variables';\n\n.promotion-no-results-call-to-action {\n    .vpn-lock-icon {\n        width: 48px;\n        height: 48px;\n        color: $dark-gray;\n    }\n}\n.dx-overlay-content {\n    .register-info-popover-message {\n        padding: 0.5rem;\n        background: $light-gray-2;\n        border: 2px solid $dark-gray-2;\n        h2, h4 {\n            margin-bottom: 0.5rem;\n            font-size: 1.25rem;\n        }\n        & > div {\n            max-width: 60rem;\n            margin-left: 1rem;\n            font-size: 1rem;\n        }\n        .btn {\n            margin-top: 1rem;\n        }\n\n        // fix margin on widescreen\n        @media screen and (min-width: $breakpoint-desktop) {\n            margin-top: -24px;\n            margin-bottom: -24px;\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!./PromotionNoResultsCallToAction.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!./PromotionNoResultsCallToAction.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./PromotionNoResultsCallToAction.vue?vue&type=template&id=7e0b0b50&lang=pug\"\nimport script from \"./PromotionNoResultsCallToAction.vue?vue&type=script&lang=js\"\nexport * from \"./PromotionNoResultsCallToAction.vue?vue&type=script&lang=js\"\nimport style0 from \"./PromotionNoResultsCallToAction.vue?vue&type=style&index=0&id=7e0b0b50&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","_c","_self","visible","staticClass","membershipLevel","levelAnonymous","attrs","reverse","_t","_v","_s","$t","ref","on","click","$event","$router","push","name","anonymousOnly","useProfile","levelRegisteredUser","to","query","UseProfile","title","_e","staticRenderFns","_withStripped","levelBasicUser","props","type","Boolean","components","LoginButton","PromotionAssistantCallToAction","data","beforeMount","$eventBus","$on","update","beforeDestroy","$off","methods","_this$useProfile","$store","getters","$nextTick","$destroy","match"],"sourceRoot":""}