{"version":3,"sources":["webpack:///./src/views/login-form.vue?7083","webpack:///./src/views/login-form.vue?6ee2","webpack:///src/views/login-form.vue","webpack:///./src/views/login-form.vue?bb31","webpack:///./src/views/login-form.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","activeState","loginFormState","Login","staticClass","_v","_s","title","ref","loginValidationRefKey","staticStyle","userName","on","$event","password","onLoginEnterKeyPress","onLoginClick","ResetPassword","_e","directives","name","rawName","value","Mfa","expression","mfaValidationRefKey","code","onMfaCodeEnterKeyPress","rememberUserChecked","onSubmitMfaClick","resetPasswordValidationRefKey","forgotPasswordUserName","onResetPasswordEnterKeyPress","showLinkSent","onSubmitResetPasswordClick","style","staticRenderFns","data","$appInfo","mfaToken","submitted","rememberUser","loaderDisplay","deviceToken","created","expiryDate","Date","now","localStorage","removeItem","methods","loginValidationGroup","validate","isValid","Vue","set","user","login","onSSOLoginClick","window","location","$refs","loginBtn","$el","click","submitMfaBtn","resetPasswordBtn","e","validationGroup","$http","rememberDevice","authenticateMfaCode","payload","computed","instance","mfaValidationGroup","resetPasswordValidationGroup","components","DxButton","DxTextBox","DxValidator","DxRequiredRule","DxValidationGroup","DxCheckBox","component"],"mappings":"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","file":"js/login.544162c8.js","sourcesContent":["export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./login-form.vue?vue&type=style&index=0&lang=scss&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('img',{attrs:{\"src\":require(\"../assets/logos/ikea-logo.svg\")}}),(_vm.activeState === _vm.loginFormState.Login)?_c('div',{staticClass:\"login-container\"},[_c('h1',{staticClass:\"welcome-title\"},[_vm._v(\"Welcome to \"+_vm._s(_vm.title))]),_c('dx-validation-group',{ref:_vm.loginValidationRefKey,attrs:{\"name\":\"loginGroup\"}},[_c('div',{staticClass:\"dx-field\",staticStyle:{\"z-index\":\"3 !important\"}},[_c('dx-text-box',{attrs:{\"placeholder\":\"Username\",\"stylingMode\":\"outlined\",\"width\":\"100%\",\"value\":_vm.userName},on:{\"update:value\":function($event){_vm.userName=$event}}},[_c('dx-validator',[_c('dx-required-rule',{attrs:{\"message\":\"Username is required\"}})],1)],1)],1),_c('div',{staticClass:\"dx-field\",staticStyle:{\"z-index\":\"2 !important\"}},[_c('dx-text-box',{attrs:{\"placeholder\":\"Password\",\"stylingMode\":\"outlined\",\"width\":\"100%\",\"mode\":\"password\",\"value\":_vm.password},on:{\"enter-key\":function($event){return _vm.onLoginEnterKeyPress()},\"update:value\":function($event){_vm.password=$event}}},[_c('dx-validator',[_c('dx-required-rule',{attrs:{\"message\":\"Password is required\"}})],1)],1)],1),_c('div',{staticStyle:{\"margin\":\"30px 0\"}},[_c('dx-button',{ref:\"loginBtn\",attrs:{\"type\":\"default\",\"text\":\"Login\",\"width\":\"100%\"},on:{\"click\":_vm.onLoginClick}})],1)]),_c('p',{staticStyle:{\"margin-bottom\":\"20px\"}},[_c('a',{staticStyle:{\"cursor\":\"pointer\"},on:{\"click\":function($event){_vm.activeState = _vm.loginFormState.ResetPassword}}},[_vm._v(\"Forgotten password?\")])])],1):_vm._e(),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.activeState === _vm.loginFormState.Mfa),expression:\"activeState === loginFormState.Mfa\"}],staticClass:\"mfa-container\"},[_c('h1',[_vm._v(\"Login Code\")]),_c('p',[_vm._v(\"Please enter the code sent to your e-mail address.\")]),_c('dx-validation-group',{ref:_vm.mfaValidationRefKey,attrs:{\"name\":\"mfaGroup\"}},[_c('div',{staticClass:\"dx-field\"},[_c('dx-text-box',{attrs:{\"placeholder\":\"Code\",\"stylingMode\":\"outlined\",\"width\":\"100%\",\"value\":_vm.code},on:{\"update:value\":function($event){_vm.code=$event},\"enter-key\":function($event){return _vm.onMfaCodeEnterKeyPress()}}},[_c('dx-validator',[_c('dx-required-rule',{attrs:{\"message\":\"Code is required\"}})],1)],1)],1),_c('div',{staticClass:\"dx-field\"},[_c('dx-check-box',{attrs:{\"value\":_vm.rememberUserChecked,\"text\":\"Remember me for 30 days\"},on:{\"update:value\":function($event){_vm.rememberUserChecked=$event}}})],1),_c('div',{staticStyle:{\"margin\":\"30px 0\"}},[_c('dx-button',{ref:\"submitMfaBtn\",attrs:{\"type\":\"default\",\"text\":\"Submit code\",\"width\":\"100%\"},on:{\"click\":_vm.onSubmitMfaClick}})],1)])],1),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.activeState === _vm.loginFormState.ResetPassword),expression:\"activeState === loginFormState.ResetPassword\"}]},[_c('h1',[_vm._v(\"Forgotten password?\")]),_c('p',[_vm._v(\"Please enter your user name.\")]),_c('dx-validation-group',{ref:_vm.resetPasswordValidationRefKey,attrs:{\"name\":\"resetPasswordGroup\"}},[_c('div',{staticClass:\"dx-field\"},[_c('dx-text-box',{attrs:{\"placeholder\":\"Username\",\"stylingMode\":\"outlined\",\"width\":\"100%\",\"value\":_vm.forgotPasswordUserName},on:{\"update:value\":function($event){_vm.forgotPasswordUserName=$event},\"enter-key\":function($event){return _vm.onResetPasswordEnterKeyPress()}}},[_c('dx-validator',[_c('dx-required-rule',{attrs:{\"message\":\"Username is required\"}})],1)],1)],1),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.showLinkSent),expression:\"showLinkSent\"}],staticClass:\"positive-notification\"},[_c('i',{staticClass:\"far fa-paper-plane mr-3\"}),_vm._v(\" A link has been sent by email, please check your inbox. \")]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.showLinkSent),expression:\"!showLinkSent\"}],staticStyle:{\"margin\":\"30px 0\"}},[_c('dx-button',{ref:\"resetPasswordBtn\",attrs:{\"type\":\"default\",\"text\":\"Next\",\"width\":\"100%\"},on:{\"click\":_vm.onSubmitResetPasswordClick}})],1)])],1),(_vm.activeState !== _vm.loginFormState.Login)?_c('p',[_c('a',{staticStyle:{\"cursor\":\"pointer\"},on:{\"click\":function($event){_vm.activeState = _vm.loginFormState.Login;\n        _vm.showLinkSent = false;}}},[_vm._v(\"Back\")])]):_vm._e(),_c('div',{staticClass:\"login-loader\",style:(_vm.loaderDisplay)})])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <img src=\"../assets/logos/ikea-logo.svg\" />\r\n    <div class=\"login-container\" v-if=\"activeState === loginFormState.Login\">\r\n      <h1 class=\"welcome-title\">Welcome to {{ title }}</h1>\r\n      <dx-validation-group :ref=\"loginValidationRefKey\" name=\"loginGroup\">\r\n        <div class=\"dx-field\" style=\"z-index: 3 !important\">\r\n          <dx-text-box\r\n            placeholder=\"Username\"\r\n            stylingMode=\"outlined\"\r\n            width=\"100%\"\r\n            :value.sync=\"userName\"\r\n          >\r\n            <dx-validator>\r\n              <dx-required-rule message=\"Username is required\" />\r\n            </dx-validator>\r\n          </dx-text-box>\r\n        </div>\r\n\r\n        <div class=\"dx-field\" style=\"z-index: 2 !important\">\r\n          <dx-text-box\r\n            placeholder=\"Password\"\r\n            stylingMode=\"outlined\"\r\n            width=\"100%\"\r\n            mode=\"password\"\r\n            @enter-key=\"onLoginEnterKeyPress()\"\r\n            :value.sync=\"password\"\r\n          >\r\n            <dx-validator>\r\n              <dx-required-rule message=\"Password is required\" />\r\n            </dx-validator>\r\n          </dx-text-box>\r\n        </div>\r\n\r\n        <div style=\"margin: 30px 0\">\r\n          <dx-button\r\n            type=\"default\"\r\n            text=\"Login\"\r\n            ref=\"loginBtn\"\r\n            width=\"100%\"\r\n            @click=\"onLoginClick\"\r\n          />\r\n        </div>\r\n      </dx-validation-group>\r\n      <p style=\"margin-bottom: 20px\">\r\n        <a\r\n          style=\"cursor: pointer\"\r\n          @click=\"activeState = loginFormState.ResetPassword\"\r\n          >Forgotten password?</a\r\n        >\r\n      </p>\r\n\r\n      <!-- <hr style=\"margin-top: 47px; margin-bottom: 0px\" />\r\n      <div class=\"login-section-divider\">\r\n        <span>OR</span>\r\n      </div>\r\n      <div>\r\n        <dx-button\r\n          type=\"normal\"\r\n          text=\"Login using SSO\"\r\n          ref=\"\"\r\n          width=\"100%\"\r\n          class=\"btn btn-large\"\r\n          style=\"background-color: white !important\"\r\n          icon=\"link\"\r\n          @click=\"onSSOLoginClick\"\r\n        />\r\n      </div> -->\r\n    </div>\r\n\r\n    <div class=\"mfa-container\" v-show=\"activeState === loginFormState.Mfa\">\r\n      <h1>Login Code</h1>\r\n      <p>Please enter the code sent to your e-mail address.</p>\r\n      <dx-validation-group :ref=\"mfaValidationRefKey\" name=\"mfaGroup\">\r\n        <div class=\"dx-field\">\r\n          <dx-text-box\r\n            placeholder=\"Code\"\r\n            stylingMode=\"outlined\"\r\n            width=\"100%\"\r\n            :value.sync=\"code\"\r\n            @enter-key=\"onMfaCodeEnterKeyPress()\"\r\n          >\r\n            <dx-validator>\r\n              <dx-required-rule message=\"Code is required\" />\r\n            </dx-validator>\r\n          </dx-text-box>\r\n        </div>\r\n\r\n        <div class=\"dx-field\">\r\n          <dx-check-box\r\n            :value.sync=\"rememberUserChecked\"\r\n            text=\"Remember me for 30 days\"\r\n          />\r\n        </div>\r\n        <div style=\"margin: 30px 0\">\r\n          <dx-button\r\n            type=\"default\"\r\n            text=\"Submit code\"\r\n            ref=\"submitMfaBtn\"\r\n            width=\"100%\"\r\n            @click=\"onSubmitMfaClick\"\r\n          />\r\n        </div>\r\n      </dx-validation-group>\r\n    </div>\r\n\r\n    <div v-show=\"activeState === loginFormState.ResetPassword\">\r\n      <h1>Forgotten password?</h1>\r\n      <p>Please enter your user name.</p>\r\n      <dx-validation-group\r\n        :ref=\"resetPasswordValidationRefKey\"\r\n        name=\"resetPasswordGroup\"\r\n      >\r\n        <div class=\"dx-field\">\r\n          <dx-text-box\r\n            placeholder=\"Username\"\r\n            stylingMode=\"outlined\"\r\n            width=\"100%\"\r\n            :value.sync=\"forgotPasswordUserName\"\r\n            @enter-key=\"onResetPasswordEnterKeyPress()\"\r\n          >\r\n            <dx-validator>\r\n              <dx-required-rule message=\"Username is required\" />\r\n            </dx-validator>\r\n          </dx-text-box>\r\n        </div>\r\n        <div class=\"positive-notification\" v-show=\"showLinkSent\">\r\n          <i class=\"far fa-paper-plane mr-3\"></i> A link has been sent by email,\r\n          please check your inbox.\r\n        </div>\r\n        <div style=\"margin: 30px 0\" v-show=\"!showLinkSent\">\r\n          <dx-button\r\n            type=\"default\"\r\n            text=\"Next\"\r\n            ref=\"resetPasswordBtn\"\r\n            width=\"100%\"\r\n            @click=\"onSubmitResetPasswordClick\"\r\n          />\r\n        </div>\r\n      </dx-validation-group>\r\n    </div>\r\n    <p v-if=\"activeState !== loginFormState.Login\">\r\n      <a\r\n        style=\"cursor: pointer\"\r\n        @click=\"\r\n          activeState = loginFormState.Login;\r\n          showLinkSent = false;\r\n        \"\r\n        >Back</a\r\n      >\r\n    </p>\r\n    <div :style=\"loaderDisplay\" class=\"login-loader\"></div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport {DxButton, DxCheckBox, DxTextBox} from \"devextreme-vue\";\r\n\r\nimport DxValidationGroup from \"devextreme-vue/validation-group\";\r\nimport DxValidator, {DxRequiredRule} from \"devextreme-vue/validator\";\r\nimport {mapActions} from \"vuex\";\r\nimport notify from \"devextreme/ui/notify\";\r\nimport {loginFormState} from \"../common/constants\";\r\nimport {resetLocalStorage, isNotEmpty} from \"../common/helperFunctions\";\r\n\r\nexport default {\r\n  data() {\r\n    return {\r\n      title: this.$appInfo.title,\r\n      userName: \"\",\r\n      password: \"\",\r\n      mfaToken: \"\",\r\n      forgotPasswordUserName: \"\",\r\n      code: \"\",\r\n      mfaValidationRefKey: \"mfaValidationGroup\",\r\n      loginValidationRefKey: \"loginValidationGroup\",\r\n      resetPasswordValidationRefKey: \"resetPasswordValidationGroup\",\r\n      submitted: false,\r\n      rememberUserChecked: false,\r\n      rememberUser: null,\r\n      showLinkSent: false,\r\n      loaderDisplay: {},\r\n      loginFormState: loginFormState,\r\n      activeState: loginFormState.Login,\r\n      deviceToken: \"\",\r\n    };\r\n  },\r\n  created() {\r\n    if (isNotEmpty(localStorage.getItem(\"rememberUser\"))) {\r\n      let rememberUser = JSON.parse(localStorage.getItem(\"rememberUser\"));\r\n      if (rememberUser.expiryDate && Date.now() < rememberUser.expiryDate) {\r\n        this.rememberUser = rememberUser;\r\n      } else {\r\n        localStorage.removeItem(\"rememberUser\");\r\n      }\r\n    }\r\n  },\r\n  methods: {\r\n    ...mapActions(\"auth\", [\"login\", \"authenticateMfaCode\"]),\r\n    onLoginClick() {\r\n      if (!this.loginValidationGroup.validate().isValid || this.submitted)\r\n        return;\r\n      Vue.set(this.loaderDisplay, \"display\", \"block\");\r\n      let user = {\r\n        userName: this.userName,\r\n        password: this.password,\r\n      };\r\n      if (isNotEmpty(this.rememberUser)) {\r\n        user = {\r\n          ...user,\r\n          deviceToken: this.rememberUser.deviceToken,\r\n        };\r\n      }\r\n      this.submitted = true;\r\n\r\n      this.login(user)\r\n        .then((resp) => {\r\n          this.submitted = false;\r\n          if (resp.data.mfaChallenge === false) {\r\n            resetLocalStorage();\r\n            this.$router.push(\"/home\");\r\n          } else {\r\n            Vue.set(this.loaderDisplay, \"display\", \"none\");\r\n            this.activeState = loginFormState.Mfa;\r\n            this.mfaToken = resp.data.mfaToken;\r\n          }\r\n        })\r\n        .catch((err) => {\r\n          this.submitted = false;\r\n          Vue.set(this.loaderDisplay, \"display\", \"none\");\r\n          if (err.response.data && err.response.data.lockedOut === true) {\r\n            this.activeState = loginFormState.Login;\r\n            this.code = \"\";\r\n            this.userName = \"\";\r\n            this.password = \"\";\r\n            this.mfaToken = \"\";\r\n            notify(\r\n              `Too many failed login attempts. Your account has been locked out for 15 minutes. Please try again later.`,\r\n              \"error\",\r\n            );\r\n          } else {\r\n            this.userName = \"\";\r\n            this.password = \"\";\r\n          }\r\n        });\r\n    },\r\n    onSSOLoginClick() {\r\n      window.location = `${process.env.VUE_APP_API_HOSTNAME}/security/wsfed-challenge`;\r\n    },\r\n    onLoginEnterKeyPress() {\r\n      this.$refs.loginBtn.$el.click();\r\n    },\r\n    onMfaCodeEnterKeyPress() {\r\n      this.$refs.submitMfaBtn.$el.click();\r\n    },\r\n    onResetPasswordEnterKeyPress() {\r\n      this.$refs.resetPasswordBtn.$el.click();\r\n    },\r\n    onSubmitResetPasswordClick(e) {\r\n      if (!e.validationGroup.validate().isValid || this.submitted) return;\r\n      this.$http\r\n        .post(\"security/requestreset\", {\r\n          username: this.forgotPasswordUserName,\r\n        })\r\n        .then(() => {\r\n          this.showLinkSent = true;\r\n        })\r\n        .catch(() => {\r\n          notify(\r\n            \"Unable to send reset password request. please try again later.\",\r\n            \"error\",\r\n          );\r\n        });\r\n    },\r\n    onSubmitMfaClick(e) {\r\n      if (!e.validationGroup.validate().isValid || this.submitted) return;\r\n\r\n      Vue.set(this.loaderDisplay, \"display\", \"block\");\r\n      this.submitted = true;\r\n      let payload = {\r\n        userName: this.userName,\r\n        mfaToken: this.mfaToken,\r\n        code: this.code,\r\n        rememberDevice: this.rememberUserChecked,\r\n      };\r\n      this.authenticateMfaCode(payload)\r\n        .then((resp) => {\r\n          this.submitted = false;\r\n          resetLocalStorage();\r\n          this.$router.push(\"/home\");\r\n        })\r\n        // eslint-disable-next-line no-console\r\n        .catch((err) => {\r\n          Vue.set(this.loaderDisplay, \"display\", \"none\");\r\n          if (err.response.data && err.response.data.lockedOut === true) {\r\n            this.activeState = loginFormState.Login;\r\n            this.code = \"\";\r\n            this.userName = \"\";\r\n            this.password = \"\";\r\n            this.mfaToken = \"\";\r\n            notify(\r\n              `Too many failed login attempts. Your account has been locked out for 15 minutes. Please try again later.`,\r\n              \"error\",\r\n            );\r\n          } else {\r\n            this.code = \"\";\r\n            notify(\r\n              `The code entered was not accepted. Please try again.`,\r\n              \"error\",\r\n            );\r\n          }\r\n          this.submitted = false;\r\n          this.code = \"\";\r\n        });\r\n    },\r\n  },\r\n  computed: {\r\n    loginValidationGroup: function () {\r\n      return this.$refs[this.loginValidationRefKey].instance;\r\n    },\r\n    mfaValidationGroup: function () {\r\n      return this.$refs[this.mfaValidationRefKey].instance;\r\n    },\r\n    resetPasswordValidationGroup: function () {\r\n      return this.$refs[this.resetPasswordValidationRefKey].instance;\r\n    },\r\n  },\r\n  components: {\r\n    DxButton,\r\n    DxTextBox,\r\n    DxValidator,\r\n    DxRequiredRule,\r\n    DxValidationGroup,\r\n    DxCheckBox,\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n@import \"../themes/generated/variables.base.scss\";\r\n.welcome-title {\r\n  margin-bottom: 30px;\r\n}\r\n.login-header {\r\n  text-align: center;\r\n\r\n  .title {\r\n    color: $base-accent;\r\n    font-weight: bold;\r\n    font-size: 30px;\r\n    margin: 0;\r\n  }\r\n}\r\n\r\n.login-section-divider {\r\n  margin-top: -15px;\r\n  margin-bottom: 35px;\r\n  span {\r\n    display: inline-block;\r\n    background: white;\r\n    border-radius: 50px;\r\n    width: 30px;\r\n    height: 30px;\r\n    line-height: 30px;\r\n    border: 1px solid #e8e8e8;\r\n    font-size: 11px;\r\n    font-weight: bold;\r\n  }\r\n}\r\n.positive-notification {\r\n  background: white;\r\n  color: green;\r\n  padding: 10px;\r\n  margin-bottom: 25px;\r\n  font-size: 15px;\r\n}\r\n</style>\r\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./login-form.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./login-form.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./login-form.vue?vue&type=template&id=6ff2a688&\"\nimport script from \"./login-form.vue?vue&type=script&lang=js&\"\nexport * from \"./login-form.vue?vue&type=script&lang=js&\"\nimport style0 from \"./login-form.vue?vue&type=style&index=0&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"],"sourceRoot":""}