{"version":3,"sources":["webpack:///./src/views/Frontend/Account/Register.vue","webpack:///src/views/Frontend/Account/Register.vue","webpack:///./src/views/Frontend/Account/Register.vue?63d6","webpack:///./src/views/Frontend/Account/Register.vue?2e26","webpack:///./src/components/UI/Message.vue","webpack:///src/components/UI/Message.vue","webpack:///./src/components/UI/Message.vue?5d20","webpack:///./src/components/UI/Message.vue?fb09"],"names":["render","_vm$profile","_vm$profile2","_vm","this","_c","_self","staticClass","attrs","activeView","key","domProps","_s","$t","backAction","on","profileCreated","name","profile","firstName","errorConfirmProfile","_e","email","scopedSlots","_u","fn","ref","class","errorCodeMessage","code","checkCodePart1","$event","type","indexOf","_k","keyCode","handleConfirmProfile","apply","arguments","checkCodePart2","checkCodePart3","_v","proxy","isProcessing","staticRenderFns","FrontendPageLayout","Register","Message","components","data","vm","channelId","$store","getters","failCode","verificationKey","computed","beforeDestroy","methods","onCodeValidated","fieldLabel","$router","go","Profile","VerificationKey","e","target","value","trim","length","$refs","codePart2","focus","updateCode","codePart3","output","codePart1","_this","self","loginProvider","checkAuthPin","then","response","status","dispatch","ProfileToken","push","catch","finally","component","combindedClass","message","_t","props","String","default","size","c"],"mappings":"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","file":"js/my-account-register.js?id=364fe6ce8894d531a108","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('FrontendPageLayout',[_c('section',[_c('div',{staticClass:\"container\"},[_c('div',{staticClass:\"columns is-centered\"},[_c('div',{staticClass:\"column is-one-third\"},[_c('div',{staticClass:\"has-padding\"},[_c('div',{staticClass:\"box\"},[_c('transition',{attrs:{\"name\":\"fade\",\"mode\":\"out-in\"}},[(_vm.activeView === 'register')?_c('div',{key:\"register\"},[_c('div',{staticClass:\"title is-4\",domProps:{\"innerHTML\":_vm._s(\n                      _vm.$t('Components.AccountControls.Register.Main_Title')\n                    )}}),_c('Register',{attrs:{\"labelForInput\":false,\"showPasswordField\":true,\"channelId\":0,\"backFunc\":_vm.backAction},on:{\"nextAction\":_vm.profileCreated}})],1):(_vm.activeView === 'profileCreated')?_c('div',{key:\"profilecreated\"},[_c('div',{staticClass:\"title is-4\",domProps:{\"innerHTML\":_vm._s(\n                      _vm.$t('Views.Account.Register.Main_Title_ProfileCreated', {\n                        name: _vm.profile?.firstName || '',\n                      })\n                    )}}),(_vm.errorConfirmProfile)?_c('Message',{staticClass:\"is-danger\",attrs:{\"message\":_vm.errorConfirmProfile}}):_vm._e(),_c('div',{staticClass:\"has-margin-bottom\",domProps:{\"innerHTML\":_vm._s(_vm.$t('Views.Account.Register.Text_ProfileCreated', { email: _vm.profile?.email || '' }))}}),_c('ui-base-field-template',{attrs:{\"labelForInput\":false,\"label\":_vm.$t('Views.Account.Register.Label_ConfirmationCode'),\"required\":true},scopedSlots:_vm._u([{key:\"fields\",fn:function(){return [_c('div',{staticClass:\"level is-inline-flex input-codes is-mobile\"},[_c('div',{staticClass:\"level-item\"},[_c('input',{ref:\"codePart1\",staticClass:\"input has-text-centered\",class:[\n                              {\n                                'is-danger':\n                                  _vm.errorConfirmProfile ||\n                                  (_vm.errorCodeMessage && !_vm.code),\n                              },\n                            ],attrs:{\"type\":\"text\",\"size\":\"2\",\"max\":\"2\",\"maxlength\":\"2\",\"name\":\"codePart1\"},on:{\"keyup\":[_vm.checkCodePart1,function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\"))return null;return _vm.handleConfirmProfile.apply(null, arguments)}]}})]),_c('div',{staticClass:\"level-item\"},[_c('font-awesome-icon',{attrs:{\"icon\":['far', 'minus']}})],1),_c('div',{staticClass:\"level-item\"},[_c('input',{ref:\"codePart2\",staticClass:\"input has-text-centered\",class:[\n                              {\n                                'is-danger':\n                                  _vm.errorConfirmProfile ||\n                                  (_vm.errorCodeMessage && !_vm.code),\n                              },\n                            ],attrs:{\"type\":\"text\",\"size\":\"2\",\"max\":\"2\",\"maxlength\":\"2\",\"name\":\"codePart2\"},on:{\"keyup\":[_vm.checkCodePart2,function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\"))return null;return _vm.handleConfirmProfile.apply(null, arguments)}]}})]),_c('div',{staticClass:\"level-item\"},[_c('font-awesome-icon',{attrs:{\"icon\":['far', 'minus']}})],1),_c('div',{staticClass:\"level-item\"},[_c('input',{ref:\"codePart3\",staticClass:\"input has-text-centered\",class:[\n                              {\n                                'is-danger':\n                                  _vm.errorConfirmProfile ||\n                                  (_vm.errorCodeMessage && !_vm.code),\n                              },\n                            ],attrs:{\"type\":\"text\",\"size\":\"2\",\"max\":\"2\",\"maxlength\":\"2\",\"name\":\"codePart3\"},on:{\"keyup\":[_vm.checkCodePart3,function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\"))return null;return _vm.handleConfirmProfile.apply(null, arguments)}]}})])]),(_vm.errorCodeMessage)?_c('p',[_c('span',{staticClass:\"help is-danger\"},[_vm._v(\" \"+_vm._s(_vm.errorCodeMessage)+\" \")])]):_vm._e()]},proxy:true}])}),_c('div',{staticClass:\"has-text-right has-padding-top\"},[_c('button',{staticClass:\"button is-primary\",class:[\n                        {\n                          'is-loading': _vm.isProcessing,\n                        },\n                      ],attrs:{\"disabled\":_vm.isProcessing},on:{\"click\":_vm.handleConfirmProfile}},[_c('span',{domProps:{\"innerHTML\":_vm._s(\n                          _vm.$t('Views.Account.Register.Button_ConfirmProfile')\n                        )}})])])],1):(_vm.activeView === 'profileConfirmed')?_c('div',{key:\"profileConfirmed\"},[_c('div',{staticClass:\"title is-4\",domProps:{\"innerHTML\":_vm._s(\n                      _vm.$t('Views.Account.Register.Main_Title_ProfileConfirm')\n                    )}}),_c('div',{staticClass:\"has-margin-bottom\",domProps:{\"innerHTML\":_vm._s(_vm.$t('Views.Account.Register.Text_ProfileConfirm'))}}),_c('div',{staticClass:\"has-text-right has-padding\"},[_c('router-link',{staticClass:\"button is-primary\",attrs:{\"tag\":\"button\",\"to\":{ name: 'my-account-login' }}},[_vm._v(_vm._s(_vm.$t('Views.Account.Register.Button_Login')))])],1)]):_vm._e()])],1)])])])])])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <FrontendPageLayout>\n    <section>\n      <div class=\"container\">\n        <div class=\"columns is-centered\">\n          <div class=\"column is-one-third\">\n            <div class=\"has-padding\">\n              <div class=\"box\">\n                <transition\n                  name=\"fade\"\n                  mode=\"out-in\"\n                >\n                  <!-- Register new account -->\n                  <div\n                    key=\"register\"\n                    v-if=\"activeView === 'register'\"\n                  >\n                    <div\n                      class=\"title is-4\"\n                      v-html=\"\n                        $t('Components.AccountControls.Register.Main_Title')\n                      \"\n                    ></div>\n                    <Register\n                      :labelForInput=\"false\"\n                      :showPasswordField=\"true\"\n                      :channelId=\"0\"\n                      :backFunc=\"backAction\"\n                      @nextAction=\"profileCreated\"\n                    />\n                  </div>\n\n                  <!-- Confirm new account -->\n                  <div\n                    v-else-if=\"activeView === 'profileCreated'\"\n                    key=\"profilecreated\"\n                  >\n                    <div\n                      class=\"title is-4\"\n                      v-html=\"\n                        $t('Views.Account.Register.Main_Title_ProfileCreated', {\n                          name: profile?.firstName || '',\n                        })\n                      \"\n                    ></div>\n\n                    <Message\n                      v-if=\"errorConfirmProfile\"\n                      class=\"is-danger\"\n                      :message=\"errorConfirmProfile\"\n                    ></Message>\n\n                    <div\n                      class=\"has-margin-bottom\"\n                      v-html=\"$t('Views.Account.Register.Text_ProfileCreated', { email: profile?.email || '' })\"\n                    ></div>\n\n                    <ui-base-field-template\n                      :labelForInput=\"false\"\n                      :label=\"\n                        $t('Views.Account.Register.Label_ConfirmationCode')\n                      \"\n                      :required=\"true\"\n                    >\n                      <template v-slot:fields>\n                        <div class=\"level is-inline-flex input-codes is-mobile\">\n                          <div class=\"level-item\">\n                            <input\n                              type=\"text\"\n                              ref=\"codePart1\"\n                              @keyup=\"checkCodePart1\"\n                              @keyup.enter=\"handleConfirmProfile\"\n                              size=\"2\"\n                              max=\"2\"\n                              maxlength=\"2\"\n                              name=\"codePart1\"\n                              class=\"input has-text-centered\"\n                              :class=\"[\n                                {\n                                  'is-danger':\n                                    errorConfirmProfile ||\n                                    (errorCodeMessage && !code),\n                                },\n                              ]\"\n                            />\n                          </div>\n                          <div class=\"level-item\">\n                            <font-awesome-icon :icon=\"['far', 'minus']\" />\n                          </div>\n                          <div class=\"level-item\">\n                            <input\n                              type=\"text\"\n                              ref=\"codePart2\"\n                              @keyup=\"checkCodePart2\"\n                              @keyup.enter=\"handleConfirmProfile\"\n                              size=\"2\"\n                              max=\"2\"\n                              maxlength=\"2\"\n                              name=\"codePart2\"\n                              class=\"input has-text-centered\"\n                              :class=\"[\n                                {\n                                  'is-danger':\n                                    errorConfirmProfile ||\n                                    (errorCodeMessage && !code),\n                                },\n                              ]\"\n                            />\n                          </div>\n                          <div class=\"level-item\">\n                            <font-awesome-icon :icon=\"['far', 'minus']\" />\n                          </div>\n                          <div class=\"level-item\">\n                            <input\n                              type=\"text\"\n                              ref=\"codePart3\"\n                              @keyup=\"checkCodePart3\"\n                              @keyup.enter=\"handleConfirmProfile\"\n                              size=\"2\"\n                              max=\"2\"\n                              maxlength=\"2\"\n                              name=\"codePart3\"\n                              class=\"input has-text-centered\"\n                              :class=\"[\n                                {\n                                  'is-danger':\n                                    errorConfirmProfile ||\n                                    (errorCodeMessage && !code),\n                                },\n                              ]\"\n                            />\n                          </div>\n                        </div>\n                        <p v-if=\"errorCodeMessage\">\n                          <span class=\"help is-danger\">\n                            {{ errorCodeMessage }}\n                          </span>\n                        </p>\n                      </template>\n                    </ui-base-field-template>\n\n                    <div class=\"has-text-right has-padding-top\">\n                      <button\n                        @click=\"handleConfirmProfile\"\n                        :disabled=\"isProcessing\"\n                        class=\"button is-primary\"\n                        :class=\"[\n                          {\n                            'is-loading': isProcessing,\n                          },\n                        ]\"\n                      >\n                        <span v-html=\"\n                            $t('Views.Account.Register.Button_ConfirmProfile')\n                          \"></span>\n                      </button>\n                    </div>\n                  </div>\n\n                  <!-- Account confirmed -->\n                  <div\n                    v-else-if=\"activeView === 'profileConfirmed'\"\n                    key=\"profileConfirmed\"\n                  >\n                    <div\n                      class=\"title is-4 \"\n                      v-html=\"\n                        $t('Views.Account.Register.Main_Title_ProfileConfirm')\n                      \"\n                    ></div>\n\n                    <div\n                      class=\"has-margin-bottom\"\n                      v-html=\"$t('Views.Account.Register.Text_ProfileConfirm')\"\n                    ></div>\n                    <div class=\"has-text-right has-padding\">\n                      <router-link\n                        tag=\"button\"\n                        class=\"button is-primary\"\n                        :to=\"{ name: 'my-account-login' }\"\n                      >{{ $t('Views.Account.Register.Button_Login') }}</router-link>\n                    </div>\n                  </div>\n                </transition>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </section>\n  </FrontendPageLayout>\n</template>\n\n<script>\nimport loginProvider from '@/providers/login'\nconst FrontendPageLayout = () =>\n  import(\n    /* webpackChunkName: \"my-account-register\" */ '@/components/MainSiteElements/Frontend/FrontendPageLayout.vue'\n  )\nconst Register = () =>\n  import(\n    /* webpackChunkName: \"my-account-register\" */ '@/components/AccountControls/Register'\n  )\nconst Message = () =>\n  import(\n    /* webpackChunkName: \"my-account-register\" */ '@/components/UI/Message'\n  )\n\nexport default {\n  name: 'view-account-register',\n\n  components: {\n    Register,\n    Message,\n    FrontendPageLayout,\n  },\n\n  data(vm) {\n    const channelId = vm.$store.getters['brandChannelId']\n    return {\n      activeView: 'register',\n      profile: null,\n      code: '',\n      isProcessing: false,\n      errorCodeMessage: '',\n      failCode: 0,\n      verificationKey: '',\n      channelId\n    }\n  },\n\n  computed: {\n    errorConfirmProfile() {\n      if (this.failCode < 0) {\n        return this.$t(\n          'Views.Account.Register.Message_ConfirmProfile_ErrorCode-1'\n        )\n      } else if (this.failCode === 400) {\n        return this.$t(\n          'Views.Account.Register.Message_ConfirmProfile_ErrorCode400'\n        )\n      } else {\n        return ''\n      }\n    },\n  },\n\n  beforeDestroy() {\n    this.profile = null\n  },\n\n  methods: {\n    onCodeValidated() {\n      this.errorCodeMessage = ''\n      if (this.code === '') {\n        this.errorCodeMessage = this.$t('Form.InputErrors.RequiredField', {\n          fieldLabel: this.$t('Views.Account.Register.Label_ConfirmationCode'),\n        })\n      } else if (this.failCode === -1) {\n        this.errorCodeMessage = this.$t(\n          'Views.Account.Register.Message_ConfirmProfile_ErrorCode-1'\n        )\n      }\n    },\n\n    backAction() {\n      this.$router.go(-1)\n    },\n\n    profileCreated(data) {\n      this.profile = data.Profile;\n      this.verificationKey = data.VerificationKey;\n      this.activeView = 'profileCreated';\n    },\n\n    checkCodePart1(e) {\n      if (e.target.value.trim() !== '' && e.target.value.length === 2) {\n        this.$refs.codePart2.focus()\n      }\n      this.updateCode()\n    },\n\n    checkCodePart2(e) {\n      if (e.target.value.trim() !== '' && e.target.value.length === 2) {\n        this.$refs.codePart3.focus()\n      }\n      this.updateCode()\n    },\n\n    checkCodePart3() {\n      this.updateCode()\n    },\n\n    updateCode() {\n      let output = ''\n      output += this.$refs.codePart1 ? this.$refs.codePart1.value.trim() : ''\n      output += this.$refs.codePart2 ? this.$refs.codePart2.value.trim() : ''\n      output += this.$refs.codePart3 ? this.$refs.codePart3.value.trim() : ''\n      this.code = output\n      this.onCodeValidated()\n    },\n\n    handleConfirmProfile() {\n      let self = this\n      this.errorCodeMessage = ''\n      this.onCodeValidated()\n      if (this.isProcessing) { return }\n      this.isProcessing = true\n      loginProvider.methods\n        .checkAuthPin(this.verificationKey, this.code)\n        .then((response) => {\n          if (response.status === 200) {\n            //self.activeView = 'profileConfirmed'\n\n            self.$store.dispatch(\n              'profileStore/saveProfileToken',\n              response.data.ProfileToken\n            )\n\n            this.$router.push({ name: 'my-account-dashboard' })\n          } else {\n            self.failCode = response.data\n            self.isProcessing = false\n          }\n        })\n        .catch((e) => {\n          this.failCode = -1\n          self.isProcessing = false\n        })\n        .finally()\n    },\n  },\n}\n</script>\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-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--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-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=4169c666\"\nimport script from \"./Register.vue?vue&type=script&lang=js\"\nexport * from \"./Register.vue?vue&type=script&lang=js\"\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","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('article',{staticClass:\"message\",class:_vm.combindedClass},[_c('div',{staticClass:\"message-body\"},[(_vm.message)?[_vm._v(\" \"+_vm._s(_vm.message)+\" \")]:_vm._e(),_vm._t(\"content\")],2)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <article\n    class=\"message\"\n    :class=\"combindedClass\"\n  >\n    <div class=\"message-body\">\n      <template v-if=\"message\">\n        {{ message }}\n      </template>\n      <slot name=\"content\"></slot>\n    </div>\n  </article>\n</template>\n\n<script>\nexport default {\n  props: {\n    /**\n     * For what'll be shown inside of the message box.\n     */\n    message: {\n      type: String,\n      default: ''\n    },\n\n    size: {\n      type: String,\n      default: ''\n    },\n\n    /**\n     * type bepaalt het type weergave\n     * eq. is-info = for information style. It defines the style of the message\n     */\n    type: {\n      type: String,\n      default: 'is-info'\n    }\n  },\n  data() {\n    return {};\n  },\n\n  computed: {\n    combindedClass() {\n      let c = this.type;\n\n      if (this.size.length > 0) {\n        c = c + ' ' + this.size;\n      }\n\n      return c;\n    }\n  }\n};\n</script>\n\n<style lang=\"scss\" scoped></style>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Message.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Message.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Message.vue?vue&type=template&id=509443f1&scoped=true\"\nimport script from \"./Message.vue?vue&type=script&lang=js\"\nexport * from \"./Message.vue?vue&type=script&lang=js\"\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  \"509443f1\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}