{"version":3,"sources":["webpack:///./src/assets/images/status-bar/danger.svg","webpack:///./src/views/errors/WarningIfAccountIsNotVerified.vue?8e8b","webpack:///src/views/errors/WarningIfAccountIsNotVerified.vue","webpack:///./src/views/errors/WarningIfAccountIsNotVerified.vue?7582","webpack:///./src/views/errors/WarningIfAccountIsNotVerified.vue","webpack:///./src/assets/images/status-bar/info.svg","webpack:///./src/assets/images/status-bar/success.svg","webpack:///./src/views/errors/WarningIfAccountIsNotVerified.vue?f20d","webpack:///./src/assets/images/status-bar/warning.svg"],"names":["module","exports","render","_vm","this","_h","$createElement","_c","_self","showStatusBar","content","staticClass","class","attrs","icon","_v","_s","message","on","$event","preventDefault","goToVerification","apply","arguments","_e","staticRenderFns","computed","account","$store","getters","showLink","isNotSubmitted","isInProgress","$t","totalFund","isVerified","can_display_message","verified_at","accountVerficationTime","setDate","getDate","getTime","today","methods","name","query","ref","section","$route","route","$router","push","$root","$emit","component"],"mappings":"mGAAAA,EAAOC,QAAU,IAA0B,2B,2CCA3C,IAAIC,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAQF,EAAIM,eAAiBN,EAAIO,QAASH,EAAG,MAAM,CAACI,YAAY,oBAAoBC,MAAMT,EAAIO,QAAQE,OAAO,CAACL,EAAG,MAAM,CAACI,YAAY,kCAAkCE,MAAM,CAAC,IAAMV,EAAIO,QAAQI,QAAQP,EAAG,OAAO,CAACJ,EAAIY,GAAG,SAASZ,EAAIa,GAAGb,EAAIO,QAAQO,SAAS,UAAWd,EAAY,SAAEI,EAAG,OAAO,CAACA,EAAG,IAAI,CAACI,YAAY,mCAAmCE,MAAM,CAAC,GAAK,4CAA4C,KAAO,yDAAyDK,GAAG,CAAC,MAAQ,SAASC,GAAgC,OAAxBA,EAAOC,iBAAwBjB,EAAIkB,iBAAiBC,MAAM,KAAMC,cAAc,CAACpB,EAAIY,GAAG,0CAA0CZ,EAAIqB,OAAOrB,EAAIqB,MACltBC,EAAkB,GCgBtB,G,UAAA,CACEC,SAAU,CACRC,QADJ,WAEM,OAAOvB,KAAKwB,OAAOC,QAAQ,iCAE7BC,SAJJ,WAKM,IAAN,qDACM,OAAOC,GAETrB,QARJ,WASM,IAAKN,KAAKK,cACR,OAAO,KAGT,IAAN,0BAEA,qDAEA,mDAEA,gDAEM,OAAIuB,EACK,CACLpB,MAAO,OACPK,QAASb,KAAK6B,GAAG,oDACjBnB,KAAM,EAAhB,SAIUiB,GAAkBG,EAAY,GAAKA,EAAY,IAC1C,CACLtB,MAAO,OACPK,QAASb,KAAK6B,GAAG,2HACjBnB,KAAM,EAAhB,SAIUiB,GAAkBG,GAAa,KAAOA,EAAY,IAC7C,CACLtB,MAAO,UACPK,QAASb,KAAK6B,GAAG,gIACjBnB,KAAM,EAAhB,SAIUiB,GAAkBG,EAAY,IACzB,CACLtB,MAAO,SACPK,QAASb,KAAK6B,GAAG,iIACjBnB,KAAM,EAAhB,SAIUqB,GAAc/B,KAAKuB,QAAQS,oBACtB,CACLxB,MAAO,UACPK,QAASb,KAAK6B,GAAG,qGACjBnB,KAAM,EAAhB,SAIa,MAETL,cA/DJ,WAgEM,IAAKL,KAAKuB,QAAQU,YAChB,OAAO,EAGT,IAAN,WAEA,qCAGM,OAFAC,EAAuBC,QAAQD,EAAuBE,UAAY,GAE9DF,EAAuBG,UAAYC,EAAMD,YAOjDE,QAAS,CACPtB,iBADJ,WAEM,IAAN,GACQuB,KAAM,UACNC,MAAO,CACLC,IAAK,aACLC,QAAS,iBAIT3C,KAAK4C,OAAOJ,OAASK,EAAML,MAC7BxC,KAAK8C,QAAQC,KAAKF,GAGpB7C,KAAKgD,MAAMC,MAAM,4BChH+V,I,wBCQlXC,EAAY,eACd,EACApD,EACAuB,GACA,EACA,KACA,WACA,MAIa,aAAA6B,E,gCCnBftD,EAAOC,QAAU,IAA0B,yB,8CCA3CD,EAAOC,QAAU,IAA0B,4B,oCCA3C,W,qBCAAD,EAAOC,QAAU,IAA0B","file":"js/chunk-e69afae6.c782e9a4.js","sourcesContent":["module.exports = __webpack_public_path__ + \"img/danger.c763c58a.svg\";","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.showStatusBar && _vm.content)?_c('div',{staticClass:\"notifications-bar\",class:_vm.content.class},[_c('img',{staticClass:\"inline-block notifications-icon\",attrs:{\"src\":_vm.content.icon}}),_c('span',[_vm._v(\"\\n    \"+_vm._s(_vm.content.message)+\"\\n  \")]),(_vm.showLink)?_c('span',[_c('a',{staticClass:\"account-details-link shadow-none\",attrs:{\"id\":\"notifications-Verification-account-action\",\"href\":\"/settings/account?ref=status-bar&section=verification\"},on:{\"click\":function($event){$event.preventDefault();return _vm.goToVerification.apply(null, arguments)}}},[_vm._v(\"\\n      Verification Section\\n    \")])]):_vm._e()]):_vm._e()}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"notifications-bar\" v-if=\"showStatusBar && content\" :class=\"content.class\">\n    <img class=\"inline-block notifications-icon\" :src=\"content.icon\">\n\n    <span>\n      {{ content.message }}\n    </span>\n\n    <span v-if=\"showLink\">\n      <a id=\"notifications-Verification-account-action\" href=\"/settings/account?ref=status-bar&section=verification\" class=\"account-details-link shadow-none\" @click.prevent=\"goToVerification\">\n        Verification Section\n      </a>\n    </span>\n  </div>\n</template>\n\n<script>\nexport default {\n  computed: {\n    account () {\n      return this.$store.getters['authentication/activeAccount']\n    },\n    showLink () {\n      const isNotSubmitted  = this.account.verification_status === 'not_submitted'\n      return isNotSubmitted\n    },\n    content () {\n      if (!this.showStatusBar) {\n        return null\n      }\n\n      const totalFund = this.account.total_fund\n\n      const isNotSubmitted  = this.account.verification_status === 'not_submitted'\n\n      const isInProgress  = this.account.verification_status === 'in_progress'\n\n      const isVerified  = this.account.verification_status === 'verified'\n\n      if (isInProgress) {\n        return {\n          class: 'info',\n          message: this.$t('Your account details are currently under review.'),\n          icon: require('@/assets/images/status-bar/info.svg')\n        }\n      }\n\n      if (isNotSubmitted && totalFund > 1 && totalFund < 700) {\n        return {\n          class: 'info',\n          message: this.$t('You can add up to $1000 to your balance. To add more funds, you need to complete your account details by filling in the'),\n          icon: require('@/assets/images/status-bar/info.svg')\n        }\n      }\n\n      if (isNotSubmitted && totalFund >= 700 && totalFund < 901) {\n        return {\n          class: 'warning',\n          message: this.$t('You have almost reached your spending limit. To add funds over $1000, kindly complete your account details by filling in the'),\n          icon: require('@/assets/images/status-bar/warning.svg')\n        }\n      }\n\n      if (isNotSubmitted && totalFund > 900) {\n        return {\n          class: 'danger',\n          message: this.$t('You have reached your spending limit of $1000. To add more funds, you need to complete your account details by filling in the'),\n          icon: require('@/assets/images/status-bar/danger.svg')\n        }\n      }\n\n      if (isVerified && this.account.can_display_message) {\n        return {\n          class: 'success',\n          message: this.$t('Your account details have been successfully verified. Now you can add more funds to your account.'),\n          icon: require('@/assets/images/status-bar/success.svg')\n        }\n      }\n\n      return null\n    },\n    showStatusBar () {\n      if (!this.account.verified_at) {\n        return true\n      }\n\n      const today = new Date()\n\n      const accountVerficationTime = new Date(this.account.verified_at)\n      accountVerficationTime.setDate(accountVerficationTime.getDate() + 1)\n\n      if (accountVerficationTime.getTime() > today.getTime()) {\n        return true\n      }\n\n      return false\n    }\n  },\n  methods: {\n    goToVerification () {\n      const route = {\n        name: 'account',\n        query: {\n          ref: 'status-bar',\n          section: 'verification'\n        }\n      }\n\n      if (this.$route.name !== route.name) {\n        this.$router.push(route)\n      }\n\n      this.$root.$emit('verification-clicked')\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n  .notifications-bar {\n    color: rgba(0, 0, 0, 0.65);\n    border-radius: 0.5rem;\n    text-align: left;\n    padding: 15px 20px;\n    margin-bottom: 30px;\n\n    .account-details-link {\n      color: rgba(0, 0, 0, 0.65) !important;\n      font-weight: bold !important;\n      padding: 0 !important;\n      text-decoration: underline !important;\n    }\n  }\n\n  .info {\n    border: 1px solid #0092d7;\n    background-color: #e6f7ff;\n  }\n\n  .warning {\n    border: 1px solid #f2af03;\n    background-color: #f9f4e7;\n  }\n\n  .danger {\n    border: 1px solid #ffa39e;\n    background-color: #fff1f0;\n  }\n\n  .success {\n    border: 1px solid #21ba45;\n    background-color: #eefaf0;\n  }\n\n  .notifications-icon {\n    position: relative;\n    top: 5px;\n    margin-right: 12px;\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!./WarningIfAccountIsNotVerified.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!./WarningIfAccountIsNotVerified.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./WarningIfAccountIsNotVerified.vue?vue&type=template&id=eced2de4&scoped=true&\"\nimport script from \"./WarningIfAccountIsNotVerified.vue?vue&type=script&lang=js&\"\nexport * from \"./WarningIfAccountIsNotVerified.vue?vue&type=script&lang=js&\"\nimport style0 from \"./WarningIfAccountIsNotVerified.vue?vue&type=style&index=0&id=eced2de4&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  \"eced2de4\",\n  null\n  \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"img/info.f4aac8ee.svg\";","module.exports = __webpack_public_path__ + \"img/success.100f025a.svg\";","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/index.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!./WarningIfAccountIsNotVerified.vue?vue&type=style&index=0&id=eced2de4&lang=scss&scoped=true&\"","module.exports = __webpack_public_path__ + \"img/warning.65f6331c.svg\";"],"sourceRoot":""}