{"version":3,"sources":["webpack:///./src/components/sorryPage/otpErrorPage.vue","webpack:///src/components/sorryPage/otpErrorPage.vue","webpack:///./src/components/sorryPage/otpErrorPage.vue?4e03","webpack:///./src/components/sorryPage/otpErrorPage.vue?b994","webpack:///./src/components/sorryPage/otpErrorPage.vue?ea67"],"names":["render","_vm","this","_c","_self","staticClass","attrs","_m","_v","on","onBackToPassport","staticRenderFns","components","ReactiveUser","beforeMount","resetState","computed","_objectSpread","mapGetters","watch","getPassportData","data","active","$bvModal","show","methods","mapActions","window","location","href","concat","process","component"],"mappings":"yHAAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,UAAU,CAACG,MAAM,CAAC,GAAK,0BAA0B,cAAc,GAAG,cAAc,GAAG,KAAO,OAAO,CAACH,EAAG,iBAAiB,GAAGA,EAAG,MAAM,CAACE,YAAY,WAAW,CAACJ,EAAIM,GAAG,GAAGJ,EAAG,IAAI,CAACE,YAAY,cAAc,CAACJ,EAAIO,GAAG,+BAA+BL,EAAG,IAAI,CAACE,YAAY,aAAa,CAACJ,EAAIO,GAAG,yLAAyLL,EAAG,MAAM,CAACE,YAAY,kBAAkB,CAACF,EAAG,SAAS,CAACE,YAAY,iBAAiBI,GAAG,CAAC,MAAQR,EAAIS,mBAAmB,CAACP,EAAG,IAAI,CAACE,YAAY,8BAA8BF,EAAG,OAAO,CAACF,EAAIO,GAAG,+BAA+B,IAEhxBG,EAAkB,CAAC,WAAY,IAAIV,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,eAAe,CAACF,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACF,EAAG,OAAO,CAACF,EAAIO,GAAG,c,oCC8B9J,GACAI,WAAA,CAAAC,qBACAC,YAAA,WACA,KAAAC,cAEAC,SAAAC,8BAAA,GACAC,eAAA,+BACAA,eAAA,iCAEAC,MAAA,CACAC,gBAAA,SAAAC,GACAA,MAAAC,QACA,KAAAC,SAAAC,KAAA,6BAIAC,QAAAR,8BAAA,GACAS,eAAA,sDACAhB,iBAAA,WACAiB,OAAAC,SAAAC,KAAA,GAAAC,OAAAC,uBAAA,oBCnDoW,I,wBCQhWC,EAAY,eACd,EACAhC,EACAW,GACA,EACA,KACA,WACA,MAIa,aAAAqB,E,kECnBf","file":"js/chunk-8fcce044.d59baccb.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"container\"},[_c('b-modal',{attrs:{\"id\":\"reactivePassportAccount\",\"hide-footer\":\"\",\"hide-header\":\"\",\"size\":\"lg\"}},[_c('ReactiveUser')],1),_c('div',{staticClass:\"content\"},[_vm._m(0),_c('p',{staticClass:\"text-title\"},[_vm._v(\" Security Policy Updated \")]),_c('p',{staticClass:\"sub-title\"},[_vm._v(\" Adding an extra layer of security is compulsory by the dashboard admins for you to access. To continue, please enable Two step-authentication in your VisiPoint Passport account. \")]),_c('div',{staticClass:\"action-wrapper\"},[_c('button',{staticClass:\"btn submit-btn\",on:{\"click\":_vm.onBackToPassport}},[_c('i',{staticClass:\"mdi mdi-chevron-left icon\"}),_c('span',[_vm._v(\" back to passport \")])])])])],1)\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"header-icon\"},[_c('div',{staticClass:\"icon\"},[_c('span',[_vm._v(\":(\")])])])\n}]\n\nexport { render, staticRenderFns }","<template>\n    <div class=\"container\">\n      <!-- modal  -->\n      <b-modal id=\"reactivePassportAccount\" hide-footer hide-header size=\"lg\">\n        <ReactiveUser />\n      </b-modal>\n      <div class=\"content\">\n        <div class=\"header-icon\">\n          <div class=\"icon\"><span>:(</span></div>\n        </div>\n        <p class=\"text-title\">\n            Security Policy Updated\n        </p>\n        <p class=\"sub-title\">\n            Adding an extra layer of security is compulsory by the dashboard admins for you to access. To continue, please enable Two step-authentication in your VisiPoint Passport account.\n        </p>\n        <div class=\"action-wrapper\">\n          <button class=\"btn submit-btn\" @click=\"onBackToPassport\">\n            <i class=\"mdi mdi-chevron-left icon\"></i>\n            <span>\n              back to passport\n            </span>\n          </button>\n        </div>\n      </div>\n    </div>\n  </template>\n  \n  <script>\n  import { mapActions, mapGetters } from \"vuex\";\n  import ReactiveUser from \"../reactiveUser/ReactiveUser\";\n  \n  export default {\n    components: { ReactiveUser },\n    beforeMount() {\n      this.resetState();\n    },\n    computed:{\n          ...mapGetters(\"authfack\", [\"currentEntity\"]),\n      ...mapGetters(\"passport\", [\"getPassportData\"]),\n    },\n      watch: {\n      getPassportData(data) {\n        if (data && !data.active) {\n          this.$bvModal.show(\"reactivePassportAccount\");\n        }\n      },\n    },\n    methods: {\n      ...mapActions(\"passport\", [\"checkPassportStatus\", \"resetState\"]),\n      onBackToPassport() {\n        window.location.href = `${process.env.VUE_APP_BASE_URL_PASSPORT_REDIRECT}?force_otp=1`;\n\n      },\n    },\n  };\n  </script>\n  \n  <style lang=\"scss\" scoped>\n  .container {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    height: 100vh;\n    .content {\n      width: 661px;\n      background-color: #fff;\n      padding: 72px 56px 37px 56px;\n      box-shadow: 0px 1px 40px 3px rgba(0, 0, 0, 0.05);\n      border-radius: 26px;\n      position: relative;\n      text-align: center;\n      .header-icon {\n        position: absolute;\n        top: -55px;\n        inset-inline-start: 43%;\n        .icon {\n          height: 100px;\n          width: 100px;\n          line-height: 100px;\n          color: #fff;\n          background-color: rgba(16, 63, 94, 1);\n          border-radius: 50%;\n          text-align: center;\n          position: relative;\n          span {\n            position: absolute;\n            top: 47%;\n            inset-inline-start: 47%;\n            transform: translate(-50%, -50%);\n            font-size: 3.8rem;\n          }\n        }\n      }\n      .text-title {\n        font-weight: bold;\n        font-size: 20px;\n        color: #000000;\n        margin-bottom: 23px;\n      }\n      .sub-title {\n        font-weight: normal;\n        font-size: 17px;\n        margin-bottom: 46px;\n        color: #787878;\n      }\n      .action-wrapper {\n        display: flex;\n        justify-content: center;\n      }\n      .submit-btn {\n        background: #103f5e;\n        border-radius: 22px;\n        height: 44px;\n        width: 415px;\n        font-size: 16px;\n        color: #fff;\n        text-transform: uppercase;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        .icon {\n          color: #fff;\n          font-size: 30px;\n          margin-inline-end: 8px;\n        }\n      }\n    }\n  }\n  </style>\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!./otpErrorPage.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!./otpErrorPage.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./otpErrorPage.vue?vue&type=template&id=73f2bcf0&scoped=true\"\nimport script from \"./otpErrorPage.vue?vue&type=script&lang=js\"\nexport * from \"./otpErrorPage.vue?vue&type=script&lang=js\"\nimport style0 from \"./otpErrorPage.vue?vue&type=style&index=0&id=73f2bcf0&prod&lang=scss&scoped=true\"\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  \"73f2bcf0\",\n  null\n  \n)\n\nexport default component.exports","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!./otpErrorPage.vue?vue&type=style&index=0&id=73f2bcf0&prod&lang=scss&scoped=true\""],"sourceRoot":""}