{"version":3,"sources":["webpack:///./src/components/MobilePhoneManagementForm.vue?6d05","webpack:///src/components/MobilePhoneManagementForm.vue","webpack:///./src/components/MobilePhoneManagementForm.vue?4553","webpack:///./src/components/MobilePhoneManagementForm.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","color","_v","_s","$t","class","colors","account_number","product","action","_e","default-country-code","form","beneficiaryPhoneCountryCode","national-mode-operation","on","formatted","setPhoneNumberToSend","model","value","callback","$$v","$set","expression","slot","mobile_phone","disabled","processing","to","name","primaryBackground","disabledVerificationButton","click","warnLink","$i18n","t","phone-number","phoneNumberToSend","show","linkPhoneNumberDialog","onClose","onSuccess","registerMobilePhoneOnAccount","yesNoDialog","onYes","link","onNo","$event","textPrimary","mobilePhone","staticRenderFns","PhoneNumberInput","__webpack_require__","e","then","bind","MobilePhoneManagementFormvue_type_script_lang_js_","components","props","type","String","default","required","reference_id","Number","data","phoneNumberLength","sharedKey","computed","Object","objectSpread","vuex_esm","menuChilds","dialog","state","countries","general","currentMenu","_this","find","m","$route","methods","sendOTPCode","linkOTPPhone","setPhoneNumberToSendUnlink","lodash","$store","dispatch","title","message","root","length","strongRegex","RegExp","validateFormat","test","slice","_link","asyncToGenerator","regeneratorRuntime","mark","_callee","wrap","_context","prev","next","sent","stop","apply","arguments","_registerMobilePhoneOnAccount","_callee2","_ref","otp_code","shared_key","_context2","data_shared_key","concat","t0","_x","mask","formattedNumber","components_MobilePhoneManagementFormvue_type_script_lang_js_","component","componentNormalizer","__webpack_exports__"],"mappings":"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","file":"js/5593.23b4ab08.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"my-4 md:mx-8\"},[_c('breadcrumbs'),_c('div',{staticClass:\"flex w-full items-center\"},[_c('v-icon',{staticClass:\"text-6xl ic-management-mobile-phone\",attrs:{\"color\":\"primary\"}}),_c('div',{staticClass:\"uppercase font-bold text-grey text-base\"},[_vm._v(\"\\r\\n        \"+_vm._s(_vm.$t('messages.products.mobile_phone_management'))+\"\\r\\n      \")])],1),_c('div',{},[_c('div',{staticClass:\"bg-white rounded-lg elevation-0 p-4\"},[_c('div',[_c('v-subheader',{staticClass:\"uppercase text-md font-bold p-0\",class:(\"\" + (_vm.colors.textPrimary))},[_vm._v(\"\\r\\n            \"+_vm._s(_vm.$t('messages.accounts.account_detail'))+\"\\r\\n          \")]),_c('div',{staticClass:\"flex flex-col w-full text-grey md:w-1/2\"},[_c('label',{staticClass:\"first-case text-grey text-md font-medium md:text-lg\"},[_vm._v(\"\\r\\n              \"+_vm._s(_vm.$t('messages.accounts.account_number'))+\"\\r\\n            \")]),_c('div',{staticClass:\"flex-1 mx-1 break-words\"},[_vm._v(\"\\r\\n              \"+_vm._s(_vm.account_number)+\"\\r\\n            \")])]),_c('div',{staticClass:\"flex flex-col w-full text-grey md:w-1/2\"},[_c('label',{staticClass:\"first-case text-grey text-md font-medium md:text-lg\"},[_vm._v(\"\\r\\n              \"+_vm._s(_vm.$t('messages.common.product'))+\"\\r\\n            \")]),_c('div',{staticClass:\"flex-1 mx-1 break-words\"},[_vm._v(\"\\r\\n              \"+_vm._s(_vm.product)+\"\\r\\n            \")])])],1),_c('div',[(_vm.action === 'LINK')?_c('v-subheader',{staticClass:\"uppercase text-md font-bold p-0\",class:(\"\" + (_vm.colors.textPrimary))},[_vm._v(\"\\r\\n            \"+_vm._s(_vm.$t('messages.common.actions.mobile_phone_to_link'))+\"\\r\\n          \")]):_vm._e(),(_vm.action === 'UNLINK')?_c('v-subheader',{staticClass:\"uppercase text-md font-bold p-0\",class:(\"\" + (_vm.colors.textPrimary))},[_vm._v(\"\\r\\n            \"+_vm._s(_vm.$t('messages.common.actions.mobile_phone_to_unlink'))+\"\\r\\n          \")]):_vm._e(),_c('div',{staticClass:\"flex flex-wrap\"},[(_vm.action === 'LINK')?_c('div',{staticClass:\"w-full md:pr-3 md:w-1/2\"},[_c('phone-number-input',{attrs:{\"default-country-code\":_vm.form.beneficiaryPhoneCountryCode,\"national-mode-operation\":true},on:{\"formatted\":_vm.setPhoneNumberToSend},model:{value:(_vm.form.mobilePhone),callback:function ($$v) {_vm.$set(_vm.form, \"mobilePhone\", $$v)},expression:\"form.mobilePhone\"}},[_c('template',{slot:\"label\"},[_vm._v(\"\\r\\n                  \"+_vm._s(_vm.$t('messages.common.phone_number'))+\"\\r\\n                  \"+_vm._s(_vm.$t('messages.info_msgs.optional'))+\"\\r\\n                \")])],2)],1):_vm._e(),(_vm.action === 'UNLINK')?_c('div',{staticClass:\"w-full md:pr-3 md:w-1/2\"},[_c('div',{staticClass:\"flex-1 mx-1 break-words\"},[_vm._v(\"\\r\\n                \"+_vm._s(_vm.mobile_phone)+\"\\r\\n              \")])]):_vm._e()])],1)]),_c('div',{staticClass:\"flex flex-col-reverse justify-end mt-3 -mr-1 sm:flex-row\"},[_c('v-flex',{staticClass:\"flex-col flex-col-reverse sm:flex-row justify-end\"},[_c('v-btn',{staticClass:\"elevation-0 bg-grey text-white rounded-xl font-bold\",attrs:{\"disabled\":_vm.processing,\"to\":{ name: 'management-mobile-phone' }}},[_vm._v(_vm._s(_vm.$t(\"messages.common.actions.back\")))]),_c('v-btn',{staticClass:\"elevation-0 text-white rounded-xl font-bold\",class:_vm.colors.primaryBackground,attrs:{\"disabled\":_vm.disabledVerificationButton},on:{\"click\":_vm.warnLink}},[_vm._v(\"\\r\\n            \"+_vm._s((_vm.action === \"LINK\") ? this.$i18n.t(\"messages.common.actions.link\") : this.$i18n.t(\"messages.common.actions.unlink\"))+\"\\r\\n          \")])],1)],1),_c('LinkPhoneNumberDialog',{attrs:{\"phone-number\":_vm.phoneNumberToSend,\"show\":_vm.linkPhoneNumberDialog},on:{\"onClose\":function () { _vm.linkPhoneNumberDialog = false; },\"onSuccess\":_vm.registerMobilePhoneOnAccount}}),_c('YesNoDialog',{attrs:{\"show\":_vm.yesNoDialog},on:{\"onYes\":_vm.link,\"onNo\":function($event){_vm.yesNoDialog = !_vm.yesNoDialog}}},[_c('template',{slot:\"title\"},[_c('v-icon',{staticClass:\"text-7xl\",class:_vm.colors.textPrimary},[_vm._v(\"ic-warning\")])],1),_c('template',{slot:\"content\"},[_c('div',{staticClass:\"break-words text-center px-6 first-case\"},[[_c('p',{staticClass:\"text-lg font-medium mt-2\"},[_vm._v(\"\\r\\n                \"+_vm._s(_vm.action === \"LINK\" ? _vm.$t(\"messages.info_msgs.confirmation_required_msg_link\", {\r\n                  mobile_phone: _vm.form.mobilePhone,\r\n                  product: _vm.product,\r\n                  account_number: _vm.account_number\r\n                }) :\r\n                _vm.$t(\"messages.info_msgs.confirmation_required_msg_unlink\", {\r\n                  mobile_phone: _vm.form.mobilePhone,\r\n                  product: _vm.product,\r\n                  account_number: _vm.account_number\r\n                }))+\"\\r\\n              \")])]],2)]),_c('template',{slot:\"yes-text\"},[_vm._v(_vm._s(_vm.$t(\"messages.common.actions.continue\")))]),_c('template',{slot:\"no-text\"},[_vm._v(_vm._s(_vm.$t(\"messages.common.actions.close\")))])],2)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"my-4 md:mx-8\">\r\n    <breadcrumbs />\r\n    <div class=\"flex w-full items-center\">\r\n      <v-icon \r\n        color=\"primary\" \r\n        class=\"text-6xl ic-management-mobile-phone\" />\r\n      <div class=\"uppercase font-bold text-grey text-base\">\r\n        {{ $t('messages.products.mobile_phone_management') }}\r\n      </div>\r\n    </div>\r\n    <div class=\"\">\r\n      <div class=\"bg-white rounded-lg elevation-0 p-4\">\r\n        <!-- Debit Account -->\r\n        <div>                    \r\n          <v-subheader\r\n            :class=\"`${colors.textPrimary}`\"\r\n            class=\"uppercase text-md font-bold p-0\"\r\n          >\r\n            {{ $t('messages.accounts.account_detail') }}\r\n          </v-subheader>\r\n\r\n          <div class=\"flex flex-col w-full text-grey md:w-1/2\">\r\n            <label\r\n              class=\"first-case text-grey text-md font-medium md:text-lg\"\r\n            >\r\n              {{ $t('messages.accounts.account_number') }}\r\n            </label>\r\n            <div\r\n              class=\"flex-1 mx-1 break-words\">\r\n              {{ account_number }}\r\n            </div>\r\n          </div>\r\n          <div class=\"flex flex-col w-full text-grey md:w-1/2\">\r\n            <label\r\n              class=\"first-case text-grey text-md font-medium md:text-lg\"\r\n            >\r\n              {{ $t('messages.common.product') }}\r\n            </label>\r\n            <div\r\n              class=\"flex-1 mx-1 break-words\">\r\n              {{ product }}\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <!-- ./ Debit Account -->\r\n\r\n        <!-- Mobile Phone To Link -->\r\n        <div>\r\n          <v-subheader \r\n            v-if=\"action === 'LINK'\"\r\n            :class=\"`${colors.textPrimary}`\"\r\n            class=\"uppercase text-md font-bold p-0\"\r\n          >\r\n            {{ $t('messages.common.actions.mobile_phone_to_link') }}\r\n          </v-subheader>\r\n          <v-subheader \r\n            v-if=\"action === 'UNLINK'\"\r\n            :class=\"`${colors.textPrimary}`\"\r\n            class=\"uppercase text-md font-bold p-0\"\r\n          >\r\n            {{ $t('messages.common.actions.mobile_phone_to_unlink') }}\r\n          </v-subheader>\r\n          <div class=\"flex flex-wrap\">                      \r\n            <div \r\n              v-if=\"action === 'LINK'\" \r\n              class=\"w-full md:pr-3 md:w-1/2\">\r\n              <phone-number-input\r\n                :default-country-code=\"form.beneficiaryPhoneCountryCode\"\r\n                :national-mode-operation=\"true\"\r\n                v-model=\"form.mobilePhone\"\r\n                @formatted=\"setPhoneNumberToSend\"\r\n              >\r\n                <template slot=\"label\">\r\n                  {{ $t('messages.common.phone_number') }}\r\n                  {{ $t('messages.info_msgs.optional') }}\r\n                </template>\r\n              </phone-number-input>\r\n            </div>\r\n            <div \r\n              v-if=\"action === 'UNLINK'\" \r\n              class=\"w-full md:pr-3 md:w-1/2\">\r\n              <div\r\n                class=\"flex-1 mx-1 break-words\">\r\n                {{ mobile_phone }}\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <!-- ./ Mobile Phone To Link -->\r\n\r\n      </div>\r\n      <div\r\n        class=\"flex flex-col-reverse justify-end mt-3 -mr-1 sm:flex-row\"\r\n      >\r\n        <v-flex class=\"flex-col flex-col-reverse sm:flex-row justify-end\">\r\n          <v-btn\r\n            :disabled=\"processing\"\r\n            :to=\"{ name: 'management-mobile-phone' }\"\r\n            class=\"elevation-0 bg-grey text-white rounded-xl font-bold\">{{ $t(\"messages.common.actions.back\") }}</v-btn>\r\n          <v-btn\r\n            :disabled=\"disabledVerificationButton\"\r\n            :class=\"colors.primaryBackground\"\r\n            class=\"elevation-0 text-white rounded-xl font-bold\"            \r\n            @click=\"warnLink\">\r\n            {{ (action === \"LINK\") ? this.$i18n.t(\"messages.common.actions.link\") : this.$i18n.t(\"messages.common.actions.unlink\") }}\r\n          </v-btn>\r\n        </v-flex>        \r\n      </div>\r\n      <LinkPhoneNumberDialog\r\n        :phone-number=\"phoneNumberToSend\"\r\n        :show=\"linkPhoneNumberDialog\"\r\n        @onClose=\"() => { linkPhoneNumberDialog = false; }\"\r\n        @onSuccess=\"registerMobilePhoneOnAccount\"\r\n      />\r\n      <YesNoDialog\r\n        :show=\"yesNoDialog\"\r\n        @onYes=\"link\"\r\n        @onNo=\"yesNoDialog = !yesNoDialog\">\r\n        <template slot=\"title\">\r\n          <v-icon\r\n            :class=\"colors.textPrimary\"\r\n            class=\"text-7xl\">ic-warning</v-icon>\r\n        </template>\r\n        <template slot=\"content\">\r\n          <div class=\"break-words text-center px-6 first-case\">\r\n            <template>\r\n              <p class=\"text-lg font-medium mt-2\">\r\n                {{ action === \"LINK\" ? $t(\"messages.info_msgs.confirmation_required_msg_link\", {\r\n                  mobile_phone: form.mobilePhone,\r\n                  product: product,\r\n                  account_number: account_number\r\n                }) :\r\n                $t(\"messages.info_msgs.confirmation_required_msg_unlink\", {\r\n                  mobile_phone: form.mobilePhone,\r\n                  product: product,\r\n                  account_number: account_number\r\n                })\r\n                }}\r\n              </p>\r\n            </template>\r\n          </div>\r\n        </template>\r\n        <template slot=\"yes-text\">{{ $t(\"messages.common.actions.continue\") }}</template>\r\n        <template slot=\"no-text\">{{ $t(\"messages.common.actions.close\") }}</template>\r\n      </YesNoDialog>   \r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { mapGetters, mapActions, mapState } from 'vuex';\r\nimport { isEmpty } from 'lodash';\r\nconst PhoneNumberInput = () => import('@/components/PhoneNumberInput');\r\n\r\nexport default {\r\n  name: 'MobilePhoneManagementForm',\r\n   components: {\r\n    PhoneNumberInput\r\n  },\r\n  props: {\r\n    account_number: {\r\n      type: String,\r\n      default: '',\r\n      required: true\r\n    },\r\n    // reference_id\r\n    product: {\r\n      type: String,\r\n      default: '',\r\n      required: true\r\n    },\r\n    action: {\r\n      type: String,\r\n      default: 'LINK',\r\n      required: true\r\n    },\r\n    reference_id: {\r\n      type: Number,      \r\n      required: true\r\n    },\r\n    mobile_phone: {\r\n      type: String,\r\n      default: ''\r\n    }\r\n  },\r\n  data() {\r\n    return {\r\n      form: {\r\n        beneficiaryPhoneCountryCode: \"sv\",\r\n        mobilePhone: \"\"\r\n      },\r\n      yesNoDialog: false,\r\n      processing: false,\r\n      linkPhoneNumberDialog: false,\r\n      phoneNumberToSend: \"\",\r\n      phoneNumberLength: 8,\r\n      sharedKey: null,\r\n      disabledVerificationButton: false\r\n    };\r\n  },\r\n  computed: {\r\n    ...mapGetters({\r\n      colors: 'currentColors',\r\n      menuChilds: \"general/menuChilds\"\r\n    }),\r\n    ...mapState({\r\n      dialog: (state) => state.dialog,\r\n      countries: (state) => state.general.countries\r\n    }),    \r\n    currentMenu() {\r\n      return this.menuChilds.find(m => m.name === this.$route.name);\r\n    }\r\n  },\r\n  methods: {\r\n    ...mapActions({\r\n      sendOTPCode: 'auth/sendOTPCode',\r\n      linkOTPPhone: 'auth/linkOTPPhone'\r\n    }),\r\n    warnLink() {\r\n      if (this.action === \"UNLINK\") {\r\n        this.setPhoneNumberToSendUnlink(this.mobile_phone);\r\n      }\r\n      if (isEmpty(this.phoneNumberToSend)) {\r\n        this.$store.dispatch(\r\n            'dialog',\r\n            {\r\n              title: 'Advertencia',\r\n              message: 'Número de teléfono es requerido',\r\n              type: 'error'\r\n            },\r\n            { root: true }\r\n          );   \r\n        return;\r\n      }\r\n\r\n      if (this.phoneNumberToSend.length < this.phoneNumberLength) {\r\n        this.$store.dispatch(\r\n            'dialog',\r\n            {\r\n              title: 'Advertencia',\r\n              message: 'Número de teléfono inválido',\r\n              type: 'error'\r\n            },\r\n            { root: true }\r\n          );   \r\n        return;\r\n      }\r\n\r\n       var strongRegex = new RegExp(\r\n      //eslint-disable-next-line no-useless-escape\r\n        \"^[6-7][0-9]{7}$\"\r\n        );\r\n      \r\n      var validateFormat = this.action === \"LINK\" ? strongRegex.test(this.form.mobilePhone) : strongRegex.test(this.form.mobilePhone.slice(-this.phoneNumberLength));\r\n      if (!validateFormat) {\r\n        this.$store.dispatch(\r\n            'dialog',\r\n            {\r\n              title: 'Advertencia',\r\n              message: 'No se pueden vincular números de teléfono fijo.',\r\n              type: 'error'\r\n            },\r\n            { root: true }\r\n          );   \r\n        return;\r\n      }\r\n\r\n      this.yesNoDialog = true;\r\n    },\r\n    async link() {\r\n      this.yesNoDialog = false;\r\n      this.linkPhoneNumberDialog = this.action === \"LINK\" ? true : false;\r\n      if (this.action === \"LINK\")\r\n        this.sharedKey = await this.sendOTPCode({ mobile_phone: this.form.mobilePhone } );\r\n      else\r\n        this.registerMobilePhoneOnAccount(\"\",\"\");\r\n    },\r\n    async registerMobilePhoneOnAccount({ otp_code, shared_key }) {\r\n      try {        \r\n        await this.linkOTPPhone({\r\n          reference_id: this.reference_id,\r\n          otp_code,\r\n          data_shared_key: this.sharedKey !== null ? this.sharedKey : shared_key,\r\n          action: this.action,\r\n          mobile_phone: this.form.mobilePhone\r\n          \r\n        });\r\n        this.$store.dispatch(\r\n              'dialog',\r\n              {\r\n                title: this.$i18n.t('messages.info_msgs.successful_operation_code'),\r\n                message: `El número ${this.form.mobilePhone} ha sido ${this.action ===\"LINK\" ? \"vinculado a tu\": \"desvinculado de tu\"} ${this.product} número ${this.account_number}`,\r\n                type: 'success'\r\n              },\r\n              { root: true }\r\n        );\r\n        this.disabledVerificationButton = true;\r\n      } catch (error) {\r\n        this.$store.dispatch(\r\n          'dialog',\r\n          {\r\n            title: 'Operación fallida',\r\n            message: error,\r\n            type: 'error'\r\n          },\r\n          { root: true }\r\n        );\r\n      }\r\n    },\r\n    setPhoneNumberToSend(formatted) {\r\n      this.phoneNumberLength = formatted.mask.length;\r\n      this.phoneNumberToSend = formatted.formattedNumber;\r\n    },\r\n    setPhoneNumberToSendUnlink(formatted) {\r\n      this.phoneNumberLength=8;     \r\n      this.phoneNumberToSend = formatted;\r\n      this.form.mobilePhone = this.phoneNumberToSend;\r\n    }\r\n  }\r\n};\r\n</script>\r\n\r\n<style></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/vue-loader/lib/index.js??vue-loader-options!./MobilePhoneManagementForm.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/vue-loader/lib/index.js??vue-loader-options!./MobilePhoneManagementForm.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./MobilePhoneManagementForm.vue?vue&type=template&id=251050dc&\"\nimport script from \"./MobilePhoneManagementForm.vue?vue&type=script&lang=js&\"\nexport * from \"./MobilePhoneManagementForm.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"],"sourceRoot":""}