{"version":3,"sources":["webpack:///./src/helpers/loadExternalScript.js","webpack:///./src/views/fund/components/AddFundCard.vue?ca94","webpack:///./src/views/fund/components/CheckoutCardInput.vue?94eb","webpack:///src/views/fund/components/CheckoutCardInput.vue","webpack:///./src/views/fund/components/CheckoutCardInput.vue?7ab0","webpack:///./src/views/fund/components/CheckoutCardInput.vue","webpack:///./src/validators/AccountDetails.js","webpack:///./src/assets/images/fund/paypal.svg","webpack:///./src/views/fund/components/StripeCardInput.vue?9101","webpack:///./src/assets/images/fund/credit-card.svg","webpack:///./src/views/fund/components/CheckoutCardInput.vue?c572","webpack:///./src/views/fund/components/StripeCardInput.vue?6781","webpack:///src/views/fund/components/StripeCardInput.vue","webpack:///./src/views/fund/components/StripeCardInput.vue?cfd5","webpack:///./src/views/fund/components/StripeCardInput.vue","webpack:///./src/views/fund/components/AddFundCard.vue?c99f","webpack:///src/views/fund/components/AddFundCard.vue","webpack:///./src/views/fund/components/AddFundCard.vue?c60f","webpack:///./src/views/fund/components/AddFundCard.vue"],"names":["url","Promise","resolve","reject","scripts","document","querySelectorAll","length","remoteScript","createElement","type","onload","onerror","src","getElementsByTagName","appendChild","render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","ref","errors","any","_v","_s","errorMsg","_e","staticRenderFns","props","data","cardFieldName","cardFieldScope","emptyInput","computed","error","methods","onValidationChanged","includes","event","element","clear","isValid","has","add","scope","field","msg","getErrorMessage","$t","component","Validator","extend","getMessage","validate","value","activeAccount","store","authentication","hasToBeVerified","verification_status","constants","ACCOUNT_VERIFICATION_STATUS","VERIFIED","parseFloat","total_fund","NOT_VERIFIED_FUND_ACCOUNT_LIMIT","isFirstPayment","module","exports","first","stripe","elements","card","$hasAnyFeature","isPaymentDisabled","on","selectCard","class","$event","$gtag","staticStyle","model","callback","$$v","card_name","expression","creditCardsConfig","maxDigits","amountValidation","amount","paymentMethod","$constants","PAYMENT_METHODS","STRIPE","CHECKOUT","showSuccessPopup","showFailPopup","disablePayButton","payWithCreditCard","$hasFeature","payPalConfig","payWithPayPal","popup","show","refreshPage","haveTransactions","creditCardSelected","paypalSelected","components","StripeCardInput","CheckoutCardInput","$store","getters","is_payment_disabled","hasFirstPaymentError","items","some","hasAccountVerifiedError","minAmount","maxAmount","addComma","num","toString","replace","setPopup","body","beautifyAPIError","request","response","JSON","parse","setDefaults","$emit","$validator","reset","$router","go","push","code","watch"],"mappings":"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","file":"js/chunk-5db63d58.e93f2c83.js","sourcesContent":["export default (url) => {\n  return new Promise((resolve, reject) => {\n    // check if the script loaded before\n    const scripts = document.querySelectorAll(`script[src='${url}']`)\n    if (scripts.length) {\n      // the script loaded before so we just return\n      return resolve()\n    }\n\n    // start loading\n    const remoteScript = document.createElement('script')\n    remoteScript.type = 'text/javascript'\n    remoteScript.onload = function () {\n      return resolve()\n    }\n    remoteScript.onerror = function () {\n      return reject()\n    }\n    remoteScript.src = url\n    document.getElementsByTagName('head')[0].appendChild(remoteScript)\n  })\n}\n","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!./AddFundCard.vue?vue&type=style&index=0&id=39e60bac&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"w-full\"},[_c('div',{staticClass:\"w-full flex items-center card p-2\",attrs:{\"id\":\"fund-credit-card-card-number-input\"}},[_c('div',{ref:\"card\",staticClass:\"w-full card-frame\"})]),(_vm.errors.any('checkout-input'))?_c('span',{staticClass:\"text-danger text-sm block mt-2\"},[_vm._v(_vm._s(_vm.errorMsg))]):_vm._e()])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"w-full\">\n    <div id=\"fund-credit-card-card-number-input\" class=\"w-full flex items-center card p-2\">\n      <div class=\"w-full card-frame\" ref=\"card\"></div>\n    </div>\n    <span class=\"text-danger text-sm block mt-2\" v-if=\"errors.any('checkout-input')\">{{ errorMsg }}</span>\n  </div>\n</template>\n\n<script>\nimport LoadExternalScript from '@/helpers/loadExternalScript'\n\nexport default {\n  props: ['cardHolderName'],\n  data () {\n    return {\n      cardFieldName: 'card-number',\n      cardFieldScope: 'checkout-input',\n      emptyInput: 'empty-input'\n    }\n  },\n  computed: {\n    errorMsg () {\n      const error = this.errors.items.find((el) => el.scope === this.cardFieldScope)\n\n      return error ? error['msg'] : ''\n    }\n  },\n\n  async mounted () {\n    await LoadExternalScript(window.speakol_configs.checkout_payment_frame_cdn)\n    await window.Frames.init({\n      publicKey: window.speakol_configs.checkoutPublicKey,\n      style: {\n        placeholder: {\n          base: {\n            color: '#BFBFBF',\n            fontSize: '14px'\n          }\n        }\n      }\n    })\n\n    window.Frames.addEventHandler(\n      window.Frames.Events.FRAME_VALIDATION_CHANGED,\n      this.onValidationChanged\n    )\n  },\n\n  methods: {\n    async getToken () {\n      let card = null\n      this.errors.remove(`${this.cardFieldScope}.${this.emptyInput}`)\n      try {\n        window.Frames.cardholder = {\n          name: this.cardHolderName\n        }\n\n        card = await window.Frames.submitCard()\n        return card.token\n      } catch (Error) {\n        this.errors.add({\n          scope: this.cardFieldScope,\n          field: this.emptyInput,\n          msg: this.getErrorMessage(this.emptyInput)\n        })\n      }\n    },\n\n    onValidationChanged (event) {\n      if (!['card-number', 'expiry-date', 'cvv'].includes(event.element)) {\n        event.element = this.emptyInput\n      }\n      this.errors.clear(this.cardFieldScope)\n\n      if (!event.isValid && !this.errors.has(event.element)) {\n        this.errors.add({\n          scope: this.cardFieldScope,\n          field: event.element,\n          msg: this.getErrorMessage(event.element)\n        })\n      }\n    },\n\n    getErrorMessage (element) {\n      return {\n        'empty-input': this.$t('advertisers_fund.fund.validation.empty_input'),\n        'card-number': this.$t('advertisers_fund.fund.validation.invalid_card'),\n        'expiry-date': this.$t('advertisers_fund.fund.validation.invalid_expiry_date'),\n        'cvv': this.$t('advertisers_fund.fund.validation.invalid_cvv')\n      }[element]\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n$borderColor: #d8d8d8;\n\n.card {\n  border: 1px solid $borderColor;\n  border-radius: 4px;\n  height: 40px;\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!./CheckoutCardInput.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!./CheckoutCardInput.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CheckoutCardInput.vue?vue&type=template&id=19417d11&scoped=true&\"\nimport script from \"./CheckoutCardInput.vue?vue&type=script&lang=js&\"\nexport * from \"./CheckoutCardInput.vue?vue&type=script&lang=js&\"\nimport style0 from \"./CheckoutCardInput.vue?vue&type=style&index=0&id=19417d11&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  \"19417d11\",\n  null\n  \n)\n\nexport default component.exports","import {\n  Validator\n} from 'vee-validate'\n\nimport store from '../store/state'\nimport {constants} from '@/utils/Constants.js'\n\nValidator.extend('bonus', {\n  getMessage: () => 'Rebate can range anywhere between 0% and 100%',\n  validate: (value) => value >= 0 && value <= 100\n})\n\nconst activeAccount = store.authentication.activeAccount\n\nValidator.extend('account_verified', {\n  getMessage: () => {\n    return ''\n  },\n  validate (value) {\n    // account is not verified && (current amount + total fund) > limit && not the first fund\n    const hasToBeVerified = activeAccount.verification_status !== constants.ACCOUNT_VERIFICATION_STATUS.VERIFIED &&\n      parseFloat(value) + parseFloat(activeAccount.total_fund) > constants.NOT_VERIFIED_FUND_ACCOUNT_LIMIT &&\n      activeAccount.total_fund > 0\n\n    return !hasToBeVerified\n  }\n})\n\nValidator.extend('first_payment', {\n  getMessage: () => {\n    return ''\n  },\n  validate (value) {\n    // account is not verified && current amount > limit && is the first fund\n    const isFirstPayment = activeAccount.verification_status !== constants.ACCOUNT_VERIFICATION_STATUS.VERIFIED &&\n      value > constants.NOT_VERIFIED_FUND_ACCOUNT_LIMIT &&\n      activeAccount.total_fund === 0\n\n    return !isFirstPayment\n  }\n})\n","module.exports = __webpack_public_path__ + \"img/paypal.0c866b50.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!./StripeCardInput.vue?vue&type=style&index=0&id=a37f9ee8&lang=scss&scoped=true&\"","module.exports = __webpack_public_path__ + \"img/credit-card.8ca4ba64.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!./CheckoutCardInput.vue?vue&type=style&index=0&id=19417d11&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"w-full\"},[_c('div',{staticClass:\"w-full flex items-center card p-2\",attrs:{\"id\":\"fund-credit-card-card-number-input\"}},[_c('div',{ref:\"card\",staticClass:\"w-full\"})]),_c('span',{staticClass:\"text-danger text-sm block mt-2\"},[_vm._v(_vm._s(_vm.errors.first('card')))])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"w-full\">\n    <div id=\"fund-credit-card-card-number-input\" class=\"w-full flex items-center card p-2\">\n      <div class=\"w-full\" ref=\"card\"></div>\n    </div>\n    <span class=\"text-danger text-sm block mt-2\">{{ errors.first('card') }}</span>\n  </div>\n</template>\n\n<script>\nimport LoadExternalScript from '../../../helpers/loadExternalScript'\nimport {cloneDeep, get} from 'lodash'\n\nexport default {\n  data () {\n    return {\n      stripe: null,\n      elements: null,\n      card: null\n    }\n  },\n  async mounted () {\n\n    // load stripe SDK\n    await LoadExternalScript('https://js.stripe.com/v3/')\n\n    this.stripe = window.Stripe(window.speakol_configs.stripePublicKey)\n    this.elements = this.stripe.elements()\n\n    if (this.card === null) {\n      this.card = await this.elements.create('card', {})\n\n      this.card.on('change', (event) => {\n        if (event.error) {\n          this.$validator.errors.add({\n            field: 'card',\n            msg: event.error.message\n          })\n        } else {\n          this.$validator.errors.remove('card')\n        }\n      })\n    }\n\n    await this.card.mount(this.$refs.card)\n\n\n  },\n\n  methods: {\n    async confirmPayment (response) {\n      const secretKey = response.data['secret_key']\n      const result = cloneDeep(await this.stripe.confirmCardPayment(secretKey, {\n        payment_method: {\n          card: this.card\n        }\n      }))\n\n      const status = get(result, 'paymentIntent.status')\n      if (status === 'succeeded') {\n        this.card.clear()\n        this.$emit('payment-succeeded', get(result, 'paymentIntent', {}))\n      } else {\n        this.$emit('payment-failed', result.error)\n      }\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n$borderColor: #d8d8d8;\n\n.card {\n  border: 1px solid $borderColor;\n  border-radius: 4px;\n  height: 40px;\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!./StripeCardInput.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!./StripeCardInput.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./StripeCardInput.vue?vue&type=template&id=a37f9ee8&scoped=true&\"\nimport script from \"./StripeCardInput.vue?vue&type=script&lang=js&\"\nexport * from \"./StripeCardInput.vue?vue&type=script&lang=js&\"\nimport style0 from \"./StripeCardInput.vue?vue&type=style&index=0&id=a37f9ee8&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  \"a37f9ee8\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"payment-methods-card p-6 pt-8\"},[(_vm.$hasAnyFeature('stripe', 'paytabs', 'checkout'))?_c('div',{staticClass:\"credit-card\"},[_c('div',{staticClass:\"flex items-center\"},[_c('vs-radio',{staticClass:\"radio-btn mr-6\",attrs:{\"id\":\"fund-credit-card-radio-button\",\"value\":\"payment\",\"vsValue\":\"creditCard\",\"disabled\":_vm.isPaymentDisabled},on:{\"input\":_vm.selectCard}}),_c('label',{staticClass:\"title whitespace-no-wrap\",class:{ 'disabled-payments': _vm.isPaymentDisabled },attrs:{\"id\":\"fund-credit-card-label\",\"for\":\"fund-credit-card-radio-button\"},on:{\"click\":function($event){return _vm.$gtag.event('Radio_CreditCard')}}},[_vm._v(\"Credit Card\")]),_c('div',{staticClass:\"w-full flex justify-end\"},[_c('img',{staticClass:\"w-16 md:w-32\",class:{ 'disabled-image': _vm.isPaymentDisabled },attrs:{\"src\":require(\"@/assets/images/fund/credit-card.svg\"),\"alt\":\"credit card\"}})])],1),_c('div',{staticClass:\"description mt-2 mx-12\",class:{ 'disabled-payments': _vm.isPaymentDisabled }},[_vm._v(\"\\n      Enable automatic payment using your credit card\\n    \")]),(_vm.creditCardSelected)?_c('div',{staticClass:\"w-full flex flex-wrap mt-4 md:mt-8 md:justify-between\"},[_c('div',{staticClass:\"grid md:grid-cols-2 gap-4\",staticStyle:{\"width\":\"100%\"}},[_c('div',[_c('speakol-input',{ref:\"cardHolder\",attrs:{\"id\":\"fund-credit-card-cardholder-name-input\",\"name\":\"card_name\",\"label\":\"Cardholder name\",\"placeholder\":\"Cardholder name\",\"validation\":\"required|alpha_spaces\"},model:{value:(_vm.card_name),callback:function ($$v) {_vm.card_name=$$v},expression:\"card_name\"}})],1),_c('div',[_c('speakol-input',{ref:\"creditCardAmount\",attrs:{\"id\":\"fund-credit-card-amount-input\",\"label\":\"Amount\",\"placeholder\":\"Amount\",\"maxLength\":_vm.creditCardsConfig.maxDigits,\"validation\":_vm.creditCardsConfig.amountValidation},model:{value:(_vm.amount),callback:function ($$v) {_vm.amount=$$v},expression:\"amount\"}}),(_vm.hasFirstPaymentError)?_c('span',{staticClass:\"error-message-span text-danger\"},[_vm._v(\"\\n            \"+_vm._s(_vm.$t(\"You can only spend up to $1000 until you complete the\"))+\"\\n            \"),_c('router-link',{staticClass:\"account-details-link shadow-none\",attrs:{\"to\":'/settings/account?ref=status-bar&section=verification'}},[_c('strong',{staticClass:\"text-danger strong-underline\",attrs:{\"id\":\"fund-creditCardAmount-input-validation-errors-actions\"}},[_vm._v(\"Verification Section\")])])],1):_vm._e(),(_vm.hasAccountVerifiedError)?_c('span',{staticClass:\"error-message-span text-danger\"},[_vm._v(\"\\n            \"+_vm._s(_vm.$t(\n                \"The sum of all funds should not exceed $1,000 before completing the\"\n              ))+\"\\n            \"),_c('router-link',{staticClass:\"account-details-link shadow-none\",attrs:{\"to\":'/settings/account?ref=status-bar&section=verification'}},[_c('strong',{staticClass:\"text-danger strong-underline\",attrs:{\"id\":\"fund-creditCardAmount-input-validation-errors-actions\"}},[_vm._v(\"Verification Section\")])])],1):_vm._e()],1),(_vm.paymentMethod === _vm.$constants.PAYMENT_METHODS.STRIPE || _vm.paymentMethod === _vm.$constants.PAYMENT_METHODS.CHECKOUT)?_c('div',[_c('div',{staticClass:\"mr-2 mb-2 label\"},[_vm._v(\"Card Details\")]),(_vm.paymentMethod === _vm.$constants.PAYMENT_METHODS.STRIPE)?_c('StripeCardInput',{ref:\"stripe-card\",on:{\"payment-succeeded\":_vm.showSuccessPopup,\"payment-failed\":_vm.showFailPopup}}):_vm._e(),(_vm.paymentMethod === _vm.$constants.PAYMENT_METHODS.CHECKOUT)?_c('CheckoutCardInput',{ref:\"checkout-card\",attrs:{\"cardHolderName\":_vm.card_name},on:{\"payment-succeeded\":_vm.showSuccessPopup,\"payment-failed\":_vm.showFailPopup}}):_vm._e()],1):_vm._e(),(_vm.paymentMethod === _vm.$constants.PAYMENT_METHODS.STRIPE || _vm.paymentMethod === _vm.$constants.PAYMENT_METHODS.CHECKOUT)?_c('div'):_vm._e(),_c('div',[_c('vs-button',{staticClass:\"w-full md:btn\",attrs:{\"id\":\"fund-crdit-card-pay-button\",\"disabled\":_vm.disablePayButton},on:{\"click\":_vm.payWithCreditCard}},[_vm._v(\"pay\")])],1)])]):_vm._e()]):_vm._e(),(_vm.$hasAnyFeature('paypal'))?_c('vs-divider'):_vm._e(),(_vm.$hasFeature('paypal'))?_c('div',{staticClass:\"PayPal mt-6\"},[_c('div',{staticClass:\"flex items-center\"},[_c('vs-radio',{staticClass:\"radio-btn mr-6\",attrs:{\"id\":\"fund-paypal-label\",\"value\":\"payment\",\"vsValue\":\"paypal\",\"disabled\":_vm.isPaymentDisabled},on:{\"input\":_vm.selectCard}}),_c('label',{staticClass:\"title whitespace-no-wrap\",class:{ 'disabled-payments': _vm.isPaymentDisabled },attrs:{\"id\":\"fund-paypal-label\",\"for\":\"fund-paypal-label\"},on:{\"click\":function($event){return _vm.$gtag.event('Radio_Paypal')}}},[_vm._v(\"PayPal\")]),_c('div',{staticClass:\"w-full flex justify-end\"},[_c('img',{staticClass:\"w-16 md:w-32\",class:{ 'disabled-image': _vm.isPaymentDisabled },attrs:{\"src\":require(\"@/assets/images/fund/paypal.svg\"),\"alt\":\"paypal\"}})])],1),_c('div',{staticClass:\"description mt-2 mx-12\",class:{ 'disabled-payments': _vm.isPaymentDisabled }},[_vm._v(\"\\n      \"+_vm._s(_vm.$t('Prepay your bill by making incremental PayPal payment'))+\"\\n    \")]),(_vm.paypalSelected)?_c('div',[_c('div',{staticClass:\"mt-4 md:mt-8 flex flex-wrap\"},[_c('speakol-input',{ref:\"paypalAmount\",staticClass:\"md:input\",attrs:{\"label\":\"Amount\",\"maxLength\":_vm.payPalConfig.maxDigits,\"validation\":_vm.payPalConfig.amountValidation,\"placeholder\":\"Amount\",\"correlationKey\":\"stripe-amount\",\"field\":\"amount\",\"id\":\"fund-paypal-amount-input\"},model:{value:(_vm.amount),callback:function ($$v) {_vm.amount=$$v},expression:\"amount\"}}),(_vm.hasFirstPaymentError)?_c('span',{staticClass:\"error-message-span text-danger\"},[_vm._v(\"\\n          \"+_vm._s(_vm.$t(\"You can only spend up to $1000 until you complete the\"))+\"\\n          \"),_c('router-link',{staticClass:\"account-details-link shadow-none\",attrs:{\"to\":'/settings/account?ref=status-bar&section=verification'}},[_c('strong',{staticClass:\"text-danger strong-underline\"},[_vm._v(\"Verification Section\")])])],1):_vm._e(),(_vm.hasAccountVerifiedError)?_c('span',{staticClass:\"error-message-span text-danger\"},[_vm._v(\"\\n          \"+_vm._s(_vm.$t(\n              \"The sum of all funds should not exceed $1,000 before completing the\"\n            ))+\"\\n          \"),_c('router-link',{staticClass:\"account-details-link shadow-none\",attrs:{\"to\":'/settings/account?ref=status-bar&section=verification'}},[_c('strong',{staticClass:\"text-danger strong-underline\"},[_vm._v(\"Verification Section\")])])],1):_vm._e()],1),_c('span',{staticClass:\"text-danger text-sm block mt-2\"},[_vm._v(_vm._s(_vm.errors.first(\"paypal amount\")))]),_c('div',{staticClass:\"w-full mt-4 md:mt-8 flex flex-wrap md:pr-2\"},[_c('div',{staticClass:\"w-full\"},[_c('vs-button',{staticClass:\"w-full md:w-48 btn\",attrs:{\"id\":\"fund-paypal-pay-button\",\"disabled\":_vm.disablePayButton},on:{\"click\":_vm.payWithPayPal}},[_vm._v(\"pay\")])],1)])]):_vm._e()]):_vm._e(),_c('speakol-response-popup',{attrs:{\"responsePopupData\":_vm.popup},on:{\"hide-response-popup\":[function($event){_vm.popup.show = false},function($event){return _vm.refreshPage()}]}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"payment-methods-card p-6 pt-8\">\n    <!-- Credit Card -->\n    <div v-if=\"$hasAnyFeature('stripe', 'paytabs', 'checkout')\" class=\"credit-card\">\n      <div class=\"flex items-center\">\n        <vs-radio\n          id=\"fund-credit-card-radio-button\"\n          v-on:input=\"selectCard\"\n          value=\"payment\"\n          vsValue=\"creditCard\"\n          class=\"radio-btn mr-6\"\n          :disabled=\"isPaymentDisabled\"\n        ></vs-radio>\n        <label\n          @click=\"$gtag.event('Radio_CreditCard')\"\n          id=\"fund-credit-card-label\"\n          for=\"fund-credit-card-radio-button\"\n          class=\"title whitespace-no-wrap\"\n          :class=\"{ 'disabled-payments': isPaymentDisabled }\"\n          >Credit Card</label\n        >\n        <div class=\"w-full flex justify-end\">\n          <img\n            class=\"w-16 md:w-32\"\n            :class=\"{ 'disabled-image': isPaymentDisabled }\"\n            src=\"@/assets/images/fund/credit-card.svg\"\n            alt=\"credit card\"\n          />\n        </div>\n      </div>\n      <div\n        class=\"description mt-2 mx-12\"\n        :class=\"{ 'disabled-payments': isPaymentDisabled }\"\n      >\n        Enable automatic payment using your credit card\n      </div>\n\n      <!-- Credit Card form section -->\n      <div v-if=\"creditCardSelected\"\n        class=\"w-full flex flex-wrap mt-4 md:mt-8 md:justify-between\"\n      >\n        <div class=\"grid md:grid-cols-2 gap-4\" style=\"width: 100%;\">\n          <!-- Cardholder name -->\n          <div>\n            <speakol-input\n              id=\"fund-credit-card-cardholder-name-input\"\n              name=\"card_name\"\n              label=\"Cardholder name\"\n              v-model=\"card_name\"\n              placeholder=\"Cardholder name\"\n              validation=\"required|alpha_spaces\"\n              ref=\"cardHolder\"\n            ></speakol-input>\n          </div>\n          <div>\n            <!-- Amount -->\n            <speakol-input\n              id=\"fund-credit-card-amount-input\"\n              label=\"Amount\"\n              v-model=\"amount\"\n              placeholder=\"Amount\"\n              :maxLength=\"creditCardsConfig.maxDigits\"\n              :validation=\"creditCardsConfig.amountValidation\"\n              ref=\"creditCardAmount\"\n            ></speakol-input>\n\n            <span\n              v-if=\"hasFirstPaymentError\"\n              class=\"error-message-span text-danger\"\n            >\n              {{ $t(\"You can only spend up to $1000 until you complete the\") }}\n              <router-link\n                class=\"account-details-link shadow-none\"\n                :to=\"'/settings/account?ref=status-bar&section=verification'\"\n              >\n                <strong id=\"fund-creditCardAmount-input-validation-errors-actions\" class=\"text-danger strong-underline\">Verification Section</strong>\n              </router-link>\n            </span>\n            <span\n              v-if=\"hasAccountVerifiedError\"\n              class=\"error-message-span text-danger\"\n            >\n              {{\n                $t(\n                  \"The sum of all funds should not exceed $1,000 before completing the\"\n                )\n              }}\n              <router-link\n                class=\"account-details-link shadow-none\"\n                :to=\"'/settings/account?ref=status-bar&section=verification'\"\n              >\n                <strong id=\"fund-creditCardAmount-input-validation-errors-actions\" class=\"text-danger strong-underline\">Verification Section</strong>\n              </router-link>\n            </span>\n          </div>\n\n          <!-- Card details -->\n          <div v-if=\"paymentMethod === $constants.PAYMENT_METHODS.STRIPE || paymentMethod === $constants.PAYMENT_METHODS.CHECKOUT\">\n            <div class=\"mr-2 mb-2 label\">Card Details</div>\n            <StripeCardInput\n              v-if=\"paymentMethod === $constants.PAYMENT_METHODS.STRIPE\"\n              v-on:payment-succeeded=\"showSuccessPopup\"\n              v-on:payment-failed=\"showFailPopup\"\n              ref=\"stripe-card\"\n            >\n            </StripeCardInput>\n\n            <CheckoutCardInput\n              v-if=\"paymentMethod === $constants.PAYMENT_METHODS.CHECKOUT\"\n              v-on:payment-succeeded=\"showSuccessPopup\"\n              v-on:payment-failed=\"showFailPopup\"\n              :cardHolderName=\"card_name\"\n              ref=\"checkout-card\"\n            >\n            </CheckoutCardInput>\n          </div>\n          <div v-if=\"paymentMethod === $constants.PAYMENT_METHODS.STRIPE || paymentMethod === $constants.PAYMENT_METHODS.CHECKOUT\"></div>\n          <!-- Button -->\n          <div>\n            <vs-button\n              id=\"fund-crdit-card-pay-button\"\n              :disabled=\"disablePayButton\"\n              @click=\"payWithCreditCard\"\n              class=\"w-full md:btn\"\n              >pay</vs-button\n            >\n          </div>\n        </div>\n      </div>\n    </div>\n\n    <vs-divider v-if=\"$hasAnyFeature('paypal')\"></vs-divider>\n\n    <!-- Paypal -->\n    <div v-if=\"$hasFeature('paypal')\" class=\"PayPal mt-6\">\n      <div class=\"flex items-center\">\n        <vs-radio\n          id=\"fund-paypal-label\"\n          v-on:input=\"selectCard\"\n          value=\"payment\"\n          class=\"radio-btn mr-6\"\n          vsValue=\"paypal\"\n          :disabled=\"isPaymentDisabled\"\n        ></vs-radio>\n        <label\n          @click=\"$gtag.event('Radio_Paypal')\"\n          id=\"fund-paypal-label\"\n          for=\"fund-paypal-label\"\n          class=\"title whitespace-no-wrap\"\n          :class=\"{ 'disabled-payments': isPaymentDisabled }\"\n          >PayPal</label\n        >\n        <div class=\"w-full flex justify-end\">\n          <img class=\"w-16 md:w-32\" :class=\"{ 'disabled-image': isPaymentDisabled }\" src=\"@/assets/images/fund/paypal.svg\" alt=\"paypal\" />\n        </div>\n      </div>\n\n      <div\n        class=\"description mt-2 mx-12\"\n        :class=\"{ 'disabled-payments': isPaymentDisabled }\"\n      >\n        {{ $t('Prepay your bill by making incremental PayPal payment') }}\n      </div>\n\n      <div v-if=\"paypalSelected\">\n        <!-- Amount -->\n        <div class=\"mt-4 md:mt-8 flex flex-wrap\">\n          <!-- Amount -->\n          <speakol-input\n            label=\"Amount\"\n            v-model=\"amount\"\n            :maxLength=\"payPalConfig.maxDigits\"\n            :validation=\"payPalConfig.amountValidation\"\n            placeholder=\"Amount\"\n            class=\"md:input\"\n            ref=\"paypalAmount\"\n            correlationKey=\"stripe-amount\"\n            field=\"amount\"\n            id=\"fund-paypal-amount-input\"\n          ></speakol-input>\n\n          <span\n            v-if=\"hasFirstPaymentError\"\n            class=\"error-message-span text-danger\"\n          >\n            {{ $t(\"You can only spend up to $1000 until you complete the\") }}\n            <router-link\n              class=\"account-details-link shadow-none\"\n              :to=\"'/settings/account?ref=status-bar&section=verification'\"\n            >\n              <strong class=\"text-danger strong-underline\">Verification Section</strong>\n            </router-link>\n          </span>\n          <span\n            v-if=\"hasAccountVerifiedError\"\n            class=\"error-message-span text-danger\"\n          >\n            {{\n              $t(\n                \"The sum of all funds should not exceed $1,000 before completing the\"\n              )\n            }}\n            <router-link\n              class=\"account-details-link shadow-none\"\n              :to=\"'/settings/account?ref=status-bar&section=verification'\"\n            >\n              <strong class=\"text-danger strong-underline\">Verification Section</strong>\n            </router-link>\n          </span>\n        </div>\n        <span class=\"text-danger text-sm block mt-2\">{{\n          errors.first(\"paypal amount\")\n        }}</span>\n\n        <!-- Button -->\n        <div class=\"w-full mt-4 md:mt-8 flex flex-wrap md:pr-2\">\n          <div class=\"w-full\">\n            <vs-button\n              id=\"fund-paypal-pay-button\"\n              :disabled=\"disablePayButton\"\n              @click=\"payWithPayPal\"\n              class=\"w-full md:w-48 btn\"\n              >pay</vs-button\n            >\n          </div>\n        </div>\n      </div>\n    </div>\n\n    <speakol-response-popup\n      v-on:hide-response-popup=\"popup.show = false\"\n      :responsePopupData=\"popup\"\n      @hide-response-popup=\"refreshPage()\"\n    />\n  </div>\n</template>\n\n<script>\nimport StripeCardInput from './StripeCardInput.vue'\nimport {get} from 'lodash'\nimport CheckoutCardInput from './CheckoutCardInput.vue'\n\nimport '@/validators/AccountDetails'\n\nexport default {\n  props: ['paymentMethod', 'total', 'disablePayButton'],\n\n  data () {\n    return {\n      haveTransactions: true,\n      creditCardSelected: false,\n      paypalSelected: false,\n      amount: null,\n      card_name: '',\n      popup: {}\n    }\n  },\n  components: {\n    StripeCardInput,\n    CheckoutCardInput\n  },\n  computed: {\n    isPaymentDisabled () {\n      return this.$store.getters['authentication/activeAccount'].is_payment_disabled\n    },\n    hasFirstPaymentError () {\n      return this.errors.items.some(el => el.rule === 'first_payment') && this.amount > 0\n    },\n    hasAccountVerifiedError () {\n      return this.errors.items.some(el => el.rule === 'account_verified') && this.amount > 0\n    },\n\n    payPalConfig () {\n      const minAmount = this.haveTransactions ? (process.env.VUE_APP_PAYPAL_FUND_MIN_AMOUNT || 100) : (process.env.VUE_APP_NEW_ACCOUNT_PAYPAL_FUND_MIN_AMOUNT || 1000)\n      const maxAmount = this.haveTransactions ? (process.env.VUE_APP_PAYPAL_FUND_MAX_AMOUNT || 1000) : (process.env.VUE_APP_NEW_ACCOUNT_PAYPAL_FUND_MAX_AMOUNT || 1000)\n      const maxDigits = maxAmount.toString().length\n      const amountValidation = minAmount !== maxAmount ? `required|first_payment|account_verified|decimal|min_value:${minAmount}|max_value:${maxAmount}` : `required|first_payment|account_verified|decimal|is:${minAmount}`\n\n\n      return {\n        minAmount,\n        maxAmount,\n        maxDigits,\n        amountValidation\n      }\n    },\n\n    creditCardsConfig () {\n      const minAmount = this.haveTransactions ? (process.env.VUE_APP_CARD_FUND_MIN_AMOUNT || 100) : (process.env.VUE_APP_NEW_ACCOUNT_CARD_FUND_MIN_AMOUNT || 1000)\n      const maxAmount = this.haveTransactions ? (process.env.VUE_APP_CARD_FUND_MAX_AMOUNT || 10000) : (process.env.VUE_APP_NEW_ACCOUNT_CARD_FUND_MAX_AMOUNT || 10000)\n      const maxDigits = maxAmount.toString().length\n      const amountValidation = minAmount !== maxAmount ? `required|first_payment|account_verified|regex:^([0-9]+)$|min_value:${minAmount}|max_value:${maxAmount}` : `required|first_payment|account_verified|regex:^([0-9]+)$|is:${minAmount}`\n\n      return {\n        minAmount,\n        maxAmount,\n        maxDigits,\n        amountValidation\n      }\n    }\n\n  },\n  async mounted () {\n    this.haveTransactions = (await this.getTransactionsCount()) > 0\n\n    const status = get(this, '$route.query.status')\n\n    if (status === 'true') {\n      // this line to fetch the account data to update the status banner\n      this.$store.dispatch('authentication/getUserAuth', localStorage.getItem('activeAccountId'))\n      this.setPopup(true, 'success', this.$t('advertisers_fund.fund.payment_succeeded'))\n    } else if (status === 'false') {\n      this.setPopup(true, 'error', this.$route.query.rejection_reason)\n    }\n  },\n  methods: {\n\n    addComma (num) {\n      return num.toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, ',')\n    },\n\n    async getTransactionsCount () {\n      const { data } = await window.axios.post('/payments/transactions')\n      if (data.success) {\n        return parseInt(data.payload.total)\n      }\n      return 0\n    },\n    setPopup (show = false, type = 'success', body = '') {\n      this.popup = {\n        show,\n        type,\n        body\n      }\n    },\n\n    beautifyAPIError (error) {\n      if (error.request.response) {\n        return JSON.parse(error.request.response)\n      }\n      return error\n    },\n\n    selectCard (paymentMethod) {\n      this.$gtag.event(`Radio_${paymentMethod.charAt(0).toUpperCase() + paymentMethod.slice(1)}`)\n      this.creditCardSelected = paymentMethod === 'creditCard'\n      this.paypalSelected = paymentMethod === 'paypal'\n      this.setDefaults()\n      this.$emit('paymentMethodSelected', paymentMethod)\n    },\n\n    async payWithCreditCard () {\n      let token = null\n      this.$gtag.event('Pay_CreditCard')\n\n      try {\n        if (!await this.isValidPaymentPayload(this.paymentMethod)) {\n          return 'validation failed'\n        }\n\n        if (this.paymentMethod === this.$constants.PAYMENT_METHODS.CHECKOUT) {\n          token = (await this.$refs['checkout-card'].getToken())\n\n          if (!token) {\n            return 'failed to get token'\n          }\n        }\n\n        await this.payWithMethodOfType(this.paymentMethod, this.total, this.card_name, token)\n      } catch (error) {\n        this.showFailPopup(error)\n      }\n    },\n\n    async isValidPaypal () {\n      return await this.$refs['paypalAmount'].validate()\n    },\n\n    async isValidCreditCard () {\n      return await this.isValidMainInputs() && this.errors.items.length === 0\n    },\n\n    async isValidMainInputs () {\n      const inputs = await Promise.all([this.$refs['cardHolder'].validate(), this.$refs['creditCardAmount'].validate()])\n\n      return inputs[0] && inputs[1]\n    },\n\n\n    async isValidPaymentPayload (method) {\n      this.errors.clear()\n      if (method === this.$constants.PAYMENT_METHODS.PAYPAL) {\n        return await this.isValidPaypal()\n      } else if (method === this.$constants.PAYMENT_METHODS.PAYTABS) {\n        return await this.isValidMainInputs()\n      }\n      return await this.isValidCreditCard()\n    },\n\n    async payWithMethodOfType (method, amount, cardName = null, token = null) {\n      try {\n        const {data: response} = await this.sendFundRequest(method, amount, cardName, token)\n\n        if (method === this.$constants.PAYMENT_METHODS.STRIPE) {\n          await this.confirmStripePayment(response)\n        }\n\n        if (response.data.redirect_url) {\n          window.location.href = response.data.redirect_url\n        }\n      } catch (error) {\n        this.showFailPopup(error)\n      }\n    },\n\n    async sendFundRequest (method, amount, cardName = null, token = null) {\n      const { ref } = this.$route.query\n      try {\n        return await window.axios.post('/payments/fund',\n          {\n            cardName,\n            amount,\n            token,\n            ref,\n            'payment-method': method\n          }\n        )\n      } catch (error) {\n        this.showFailPopup(error)\n      }\n    },\n\n    async payWithPayPal () {\n      this.$gtag.event('Pay_Paypal')\n\n      if (!await this.isValidPaymentPayload(this.paymentMethod)) {\n        return 'paypal validation failed'\n      }\n\n      await this.payWithMethodOfType(this.$constants.PAYMENT_METHODS.PAYPAL, this.total)\n    },\n\n    async confirmStripePayment (paymentFirstStepResponse) {\n      try {\n        await this.$refs['stripe-card'].confirmPayment(paymentFirstStepResponse)\n      } catch (error) {\n        this.showFailPopup(error)\n      }\n    },\n\n    setDefaults () {\n      this.setPopup()\n\n      this.amount = null\n      this.card_name = ''\n      this.$validator.reset()\n      this.$emit('amount-change', this.amount)\n    },\n\n    refreshPage () {\n      this.$gtag.event('Payment_popup_confirmation')\n\n      if (this.errors.items.length === 0 && this.paymentMethod === this.$constants.PAYMENT_METHODS.STRIPE) {\n        this.$router.go()\n      } else {\n        this.$router.push('/fund')\n      }\n    },\n\n    showSuccessPopup () {\n      this.setPopup(true, 'success', this.$t('advertisers_fund.fund.payment_succeeded'))\n    },\n\n    showFailPopup (error) {\n      if (error.code) {\n        this.popup.body = `${error.message} ${this.$t('advertisers_fund.fund.validation.contact_bank')}`\n      } else {\n        this.popup.body = this.beautifyAPIError(error)\n      }\n\n      this.popup.show = true\n    }\n  },\n  watch: {\n    amount () {\n      this.$emit('amount-change', this.amount)\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.error-message-span {\n  //color: #db2828;\n  font-size: 0.875rem !important;\n}\n\n.strong-underline {\n  text-decoration: underline;\n}\n\n.payment-methods-card {\n  background: #fff;\n  border: 1px solid #f2f2f2;\n  border-radius: 15px;\n}\n\n.title {\n  font-style: normal;\n  font-weight: 500;\n  font-size: 16px;\n  line-height: 24px;\n  color: #2c2c2c;\n}\n\n.description {\n  font-style: normal;\n  font-weight: normal;\n  font-size: 14px;\n  line-height: 21px;\n  color: #999;\n}\n\n.radio-btn {\n  width: 15px;\n  height: 15px;\n}\n\n.label {\n  font-style: normal;\n  font-weight: normal;\n  font-size: 14px;\n  line-height: 21px;\n  color: #2c2c2c;\n}\n\n.btn {\n  background: #0092d7;\n  border-radius: 3px;\n}\n\n@media (min-width: 768px) {\n  .md\\:input {\n    width: calc(50% - 15px) !important;\n  }\n\n  .md\\:btn {\n    width: 135px !important;\n    height: 40px !important;\n    border-radius: 3px !important;\n  }\n}\n\n.disabled-payments {\n  color: #e0e0e0 !important;\n}\n\n.disabled-image {\n  filter: grayscale(100%);\n  opacity: 0.5;\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!./AddFundCard.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!./AddFundCard.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./AddFundCard.vue?vue&type=template&id=39e60bac&scoped=true&\"\nimport script from \"./AddFundCard.vue?vue&type=script&lang=js&\"\nexport * from \"./AddFundCard.vue?vue&type=script&lang=js&\"\nimport style0 from \"./AddFundCard.vue?vue&type=style&index=0&id=39e60bac&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  \"39e60bac\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}