{"version":3,"sources":["webpack:///./src/components/CreateNewAccount.vue?37d4","webpack:///src/components/CreateNewAccount.vue","webpack:///./src/components/CreateNewAccount.vue?590d","webpack:///./src/components/CreateNewAccount.vue","webpack:///./src/components/CreateNewAccount.vue?4a08","webpack:///./src/assets/images/pages/settings/loading.svg"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","showPopup","on","clearAccountForm","$event","_v","_s","$t","directives","name","rawName","value","expression","accountForm","domProps","target","composing","$set","errors","first","has","_e","countries","model","callback","$$v","accountTypes","typeObj","createAccount","successPrompt","hidePopup","staticRenderFns","props","show","required","default","data","company_name","country","mounted","getCountries","computed","get","set","$emit","newValue","personalAccountNames","$store","getters","filter","account","trim","watch","handler","isNameExist","add","field","msg","remove","deep","methods","includes","accountName","$validator","reset","window","location","reload","component","module","exports"],"mappings":"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","file":"js/chunk-6fc54bca.6a634eb8.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"add-new-account-pop-up\"},[_c('vs-popup',{attrs:{\"active\":_vm.showPopup},on:{\"cancel\":_vm.clearAccountForm,\"update:active\":function($event){_vm.showPopup=$event}}},[_c('div',{staticClass:\"create-new-account-parent\"},[_c('h2',{staticClass:\"create-new-account-title\"},[_vm._v(_vm._s(_vm.$t('Add New Account')))]),_c('div',{staticClass:\"vx-row\"},[_c('div',{staticClass:\"vx-col w-full account-type-parent\"},[_c('label',{staticClass:\"account-name-label\",attrs:{\"for\":\"\"}},[_vm._v(_vm._s(_vm.$t('Account Name')))]),_c('p',{staticClass:\"account-name-desc\"},[_vm._v(_vm._s(_vm.$t('The account name must be unique')))]),_c('input',{directives:[{name:\"validate\",rawName:\"v-validate\",value:(\"required|min:6|max:35\"),expression:\"`required|min:6|max:35`\"},{name:\"model\",rawName:\"v-model\",value:(_vm.accountForm.name),expression:\"accountForm.name\"}],staticClass:\"account-name-input w-full\",attrs:{\"id\":\"add-new-account-name-input\",\"maxLength\":\"35\",\"data-vv-validate-on\":\"input|keyup|blur\",\"name\":\"name\",\"placeholder\":\"Account Name\"},domProps:{\"value\":(_vm.accountForm.name)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.accountForm, \"name\", $event.target.value)}}}),_c('span',{staticClass:\"text-danger text-sm block\"},[_vm._v(_vm._s(_vm.errors.first('name')))]),(_vm.errors.has('nameExist'))?_c('span',{staticClass:\"text-danger text-sm block\"},[_vm._v(_vm._s(_vm.errors.first('nameExist')))]):_vm._e()])]),_c('div',{staticClass:\"vx-row account-country-parent\"},[_c('div',{staticClass:\"vx-col w-full\"},[_c('label',{staticClass:\"account-country-label\",attrs:{\"for\":\"\"}},[_vm._v(_vm._s(_vm.$t('Account Country')))]),_c('speakol-select',{directives:[{name:\"validate\",rawName:\"v-validate\",value:('required'),expression:\"'required'\"}],staticClass:\"w-full account-country-dropdown\",attrs:{\"id\":\"add-new-account-country-list\",\"displayLabel\":\"name\",\"placeholder\":\"Select Country\",\"name\":\"country\",\"index\":\"id\",\"options\":_vm.countries},model:{value:(_vm.accountForm.country),callback:function ($$v) {_vm.$set(_vm.accountForm, \"country\", $$v)},expression:\"accountForm.country\"}}),_c('span',{staticClass:\"text-danger text-sm block\"},[_vm._v(_vm._s(_vm.errors.first('country')))])],1)]),_c('div',{staticClass:\"vx-row\"},[_c('div',{staticClass:\"vx-col w-full\"},[_c('label',{staticClass:\"account-type-label\"},[_vm._v(_vm._s(_vm.$t('Account Type')))]),_c('v-select',{directives:[{name:\"validate\",rawName:\"v-validate\",value:('required'),expression:\"'required'\"}],staticClass:\"w-full account-type-dropdown\",attrs:{\"id\":\"add-new-account-type-list\",\"options\":_vm.accountTypes,\"label\":\"text\",\"data-vv-validate-on\":\"input|keyup|blur\",\"name\":\"account type\",\"placeholder\":\"Account Type\"},model:{value:(_vm.accountForm.typeObj),callback:function ($$v) {_vm.$set(_vm.accountForm, \"typeObj\", $$v)},expression:\"accountForm.typeObj\"}}),_c('span',{staticClass:\"text-danger text-sm block\"},[_vm._v(_vm._s(_vm.errors.first('account type')))])],1)]),(_vm.accountForm.typeObj && _vm.accountForm.typeObj.value === 'company')?_c('div',{staticClass:\"vx-row\"},[_c('div',{staticClass:\"vx-col w-full company-name-parent\"},[_c('label',{staticClass:\"company-name-label\",attrs:{\"for\":\"\"}},[_vm._v(_vm._s(_vm.$t('Company Name')))]),_c('input',{directives:[{name:\"validate\",rawName:\"v-validate\",value:('required|min:5|max:40'),expression:\"'required|min:5|max:40'\"},{name:\"model\",rawName:\"v-model\",value:(_vm.accountForm.company_name),expression:\"accountForm.company_name\"}],staticClass:\"company-name-input w-full\",attrs:{\"id\":\"add-new-account-company-name-input\",\"data-vv-name\":\"company name\",\"icon-no-border\":\"\",\"maxLength\":\"40\",\"data-vv-validate-on\":\"input|keyup|blur\",\"name\":\"company_name\",\"placeholder\":\"Company Name\"},domProps:{\"value\":(_vm.accountForm.company_name)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.accountForm, \"company_name\", $event.target.value)}}}),_c('span',{staticClass:\"text-danger text-sm block\"},[_vm._v(_vm._s(_vm.errors.first('company name')))])])]):_vm._e(),_c('div',{staticClass:\"actions-parent text-right\"},[_c('button',{staticClass:\"mr-4 add-new-account-cancel-button\",attrs:{\"id\":\"add-new-account-cancel-button\"},on:{\"click\":_vm.clearAccountForm}},[_vm._v(\"Cancel\")]),_c('button',{staticClass:\"add-new-account-add-button\",attrs:{\"id\":\"add-new-account-add-button\"},on:{\"click\":_vm.createAccount}},[_vm._v(\"Add\")])])])]),_c('vs-popup',{staticClass:\"text-center\",attrs:{\"active\":_vm.successPrompt},on:{\"update:active\":function($event){_vm.successPrompt=$event}}},[_c('img',{attrs:{\"src\":require(\"@/assets/images/pages/settings/loading.svg\")}}),_c('p',{staticClass:\"mb-5\"},[_vm._v(\"Account has been created Successfully.\")]),_c('vs-button',{staticClass:\"w-1/2\",attrs:{\"size\":\"medium\"},on:{\"click\":_vm.hidePopup}},[_vm._v(\"Ok\")])],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"add-new-account-pop-up\">\n    <vs-popup @cancel=\"clearAccountForm\" :active.sync=\"showPopup\">\n      <div class=\"create-new-account-parent\">\n        <h2 class=\"create-new-account-title\">{{$t('Add New Account')}}</h2>\n\n        <div class=\"vx-row\">\n          <div class=\"vx-col w-full account-type-parent\">\n            <label class=\"account-name-label\" for=\"\">{{$t('Account Name')}}</label>\n            <p class=\"account-name-desc\">{{$t('The account name must be unique')}}</p>\n            <input\n              id=\"add-new-account-name-input\"\n              maxLength=\"35\"\n              v-validate=\"`required|min:6|max:35`\"\n              data-vv-validate-on=\"input|keyup|blur\"\n              name=\"name\"\n              placeholder=\"Account Name\"\n              v-model=\"accountForm.name\"\n              class=\"account-name-input w-full\"/>\n            <span class=\"text-danger text-sm block\">{{ errors.first('name') }}</span>\n            <span v-if=\"errors.has('nameExist')\" class=\"text-danger text-sm block\">{{ errors.first('nameExist')}}</span>\n          </div>\n        </div>\n\n        <div class=\"vx-row account-country-parent\">\n          <div class=\"vx-col w-full\">\n            <label class=\"account-country-label\" for=\"\">{{$t('Account Country')}}</label>\n            <speakol-select\n              id=\"add-new-account-country-list\"\n              class=\"w-full account-country-dropdown\"\n              displayLabel=\"name\"\n              placeholder=\"Select Country\"\n              v-model=\"accountForm.country\"\n              v-validate=\"'required'\"\n              name=\"country\"\n              index=\"id\"\n              :options=\"countries\"\n            >\n            </speakol-select>\n            <span class=\"text-danger text-sm block\">{{ errors.first('country') }}</span>\n          </div>\n        </div>\n\n        <div class=\"vx-row\">\n          <div class=\"vx-col w-full\">\n            <label class=\"account-type-label\">{{$t('Account Type')}}</label>\n            <v-select\n              id=\"add-new-account-type-list\"\n              :options=\"accountTypes\"\n              label=\"text\"\n              v-validate=\"'required'\"\n              data-vv-validate-on=\"input|keyup|blur\"\n              name=\"account type\"\n              placeholder=\"Account Type\"\n              v-model=\"accountForm.typeObj\"\n              class=\"w-full account-type-dropdown\">\n            </v-select>\n            <span class=\"text-danger text-sm block\">{{ errors.first('account type') }}</span>\n          </div>\n        </div>\n\n        <div class=\"vx-row\" v-if=\"accountForm.typeObj && accountForm.typeObj.value === 'company'\">\n          <div class=\"vx-col w-full company-name-parent\">\n            <label class=\"company-name-label\" for=\"\">{{$t('Company Name')}}</label>\n            <input\n              id=\"add-new-account-company-name-input\"\n              data-vv-name=\"company name\"\n              icon-no-border\n              maxLength=\"40\"\n              v-validate=\"'required|min:5|max:40'\"\n              data-vv-validate-on=\"input|keyup|blur\"\n              name=\"company_name\"\n              placeholder=\"Company Name\"\n              v-model=\"accountForm.company_name\"\n              class=\"company-name-input w-full\"/>\n            <span class=\"text-danger text-sm block\">{{ errors.first('company name') }}</span>\n          </div>\n        </div>\n\n        <div class=\"actions-parent text-right\">\n          <button id=\"add-new-account-cancel-button\" class=\"mr-4 add-new-account-cancel-button\" v-on:click=\"clearAccountForm\">Cancel</button>\n          <button id=\"add-new-account-add-button\" class=\"add-new-account-add-button\" @click=\"createAccount\">Add</button>\n        </div>\n      </div>\n    </vs-popup>\n\n    <vs-popup :active.sync=\"successPrompt\" class=\"text-center\">\n      <img src=\"@/assets/images/pages/settings/loading.svg\"/>\n      <p class=\"mb-5\">Account has been created Successfully.</p>\n      <vs-button class=\"w-1/2\" size=\"medium\" @click=\"hidePopup\">Ok</vs-button>\n    </vs-popup>\n  </div>\n</template>\n\n<script>\nimport {isEmpty} from 'lodash'\n\nexport default {\n  name: 'CreateAccount',\n  props: {\n    show: {\n      required: true,\n      default: false\n    }\n  },\n  data () {\n    return {\n      successPrompt: false,\n      accountForm: {\n        typeObj: null,\n        name: '',\n        company_name: '',\n        country: null\n      },\n      accountTypes: [\n        {\n          value: 'individual',\n          text: 'Individual'\n        },\n        {\n          value: 'company',\n          text: 'Company'\n        }\n      ],\n      countries: []\n    }\n  },\n  mounted () {\n    this.getCountries()\n  },\n  computed: {\n    showPopup: {\n      get () {\n        return this.show\n      },\n      set (newValue) {\n        this.$emit('show', newValue)\n      }\n    },\n    personalAccountNames () {\n      return this.$store.getters['authentication/accounts'].filter(account => account.type === 'Personal').map((account) => {\n        return account.name.trim()\n      })\n    }\n  },\n\n  watch: {\n    'accountForm.name': {\n      handler (value) {\n        if (this.isNameExist(value.trim())) {\n          this.errors.add({\n            field: 'nameExist',\n            msg: 'The account name must be unique.'\n          })\n        } else {\n          this.errors.remove('nameExist')\n        }\n      },\n      deep: true\n    }\n  },\n  methods: {\n    isNameExist (accountName) {\n      return this.personalAccountNames.includes(accountName)\n    },\n    clearAccountForm () {\n      this.showPopup = false\n      this.$validator.reset()\n      this.accountForm = {\n        typeObj: null,\n        name: '',\n        company_name: '',\n        country: null\n      }\n    },\n    async createAccount () {\n      await this.$validator.validate()\n\n      if (this.errors.any()) return\n\n      try {\n        this.accountForm.type = this.accountForm.typeObj.value\n        this.accountForm.country_id = this.accountForm.country.id\n        delete this.accountForm.country\n        delete this.accountForm.typeObj\n\n\n        await this.$store.dispatch('authentication/createAccount', this.accountForm)\n        this.clearAccountForm()\n\n\n        this.successPrompt = true\n      } catch (error) {\n        this.$setLaravelValidationErrorsFromResponse(error.response.data)\n      }\n    },\n    hidePopup () {\n      this.successPrompt = false\n      window.location.reload()\n    },\n    async getCountries () {\n      const cache = this.$store.getters['settings/countries']\n      if (!isEmpty(cache)) {\n        this.countries = cache\n      } else {\n        await this.$store.dispatch('settings/getCountries')\n        this.countries = this.$store.getters['settings/countries']\n      }\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n  .create-new-account-parent {\n    padding: 37px 37px 37px 42px;\n  }\n\n  .create-new-account-title {\n    margin-bottom: 30px;\n  }\n\n  .account-name-label {\n    font-size: 14px;\n    color: #2c2c2c;\n    margin-bottom: 11px;\n    font-weight: normal;\n  }\n\n  .account-country-label,\n  .account-type-label,\n  .company-name-label {\n    color: #2c2c2c;\n    font-size: 14px;\n    font-weight: normal;\n  }\n\n  .account-country-dropdown,\n  .account-type-dropdown {\n    margin-top: 8px;\n  }\n\n  .account-country-parent {\n    margin-top: 32px;\n    margin-bottom: 32px;\n  }\n\n  .company-name-parent {\n    margin-top: 32px;\n  }\n\n  .account-name-desc {\n    color: #999;\n    font-weight: normal;\n    font-size: 14px;\n    margin-bottom: 10px;\n  }\n\n  .account-name-input {\n    border: 1px solid rgba(0, 0, 0, 0.15);\n    border-radius: 4px;\n    height: 40px;\n    text-indent: 10px;\n  }\n\n  .company-name-input {\n    border: 1px solid rgba(0, 0, 0, 0.15);\n    border-radius: 4px;\n    height: 40px;\n    text-indent: 10px;\n    margin-top: 8px;\n  }\n\n  .company-name-input::placeholder {\n    color: rgba(0, 0, 0, 0.25);\n  }\n\n  /deep/ .vs__search {\n    color: rgba(0, 0, 0, 0.25) !important;\n  }\n\n  .account-name-input::placeholder {\n    color: rgba(0, 0, 0, 0.25);\n  }\n\n  .actions-parent {\n    margin-top: 48px;\n  }\n\n  .add-new-account-add-button {\n    width: 185px;\n    height: 48px;\n    border: none;\n    box-shadow: none;\n    color: white;\n    border-radius: 3px;\n    cursor: pointer;\n    outline: none;\n    background-color: #0092d7;\n  }\n\n  .add-new-account-cancel-button {\n    width: 135px;\n    height: 48px;\n    border: 2px solid #d9d9d9;\n    box-shadow: none;\n    color: rgba(0, 0, 0, 0.65);\n    border-radius: 3px;\n    cursor: pointer;\n    outline: none;\n    background-color: white;\n  }\n\n  @media (max-width: 768px) {\n    .add-new-account-cancel-button,\n    .add-new-account-add-button {\n      width: 100% !important;\n    }\n\n    .add-new-account-add-button {\n      margin-bottom: 20px !important;\n    }\n\n    .create-new-account-parent {\n      padding: 20px;\n    }\n\n    .actions-parent {\n      display: flex;\n      flex-direction: column-reverse;\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!./CreateNewAccount.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!./CreateNewAccount.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CreateNewAccount.vue?vue&type=template&id=29fbc95f&scoped=true&\"\nimport script from \"./CreateNewAccount.vue?vue&type=script&lang=js&\"\nexport * from \"./CreateNewAccount.vue?vue&type=script&lang=js&\"\nimport style0 from \"./CreateNewAccount.vue?vue&type=style&index=0&id=29fbc95f&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  \"29fbc95f\",\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/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!./CreateNewAccount.vue?vue&type=style&index=0&id=29fbc95f&lang=scss&scoped=true&\"","module.exports = __webpack_public_path__ + \"img/loading.7940a450.svg\";"],"sourceRoot":""}