{"version":3,"sources":["webpack:///./src/views/AfterbanksWidget.vue?f54b","webpack:///src/views/AfterbanksWidget.vue","webpack:///./src/views/AfterbanksWidget.vue?549d","webpack:///./src/views/AfterbanksWidget.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","iframeSrc","staticRenderFns","name","props","company_id","type","String","Number","required","bank_account_id","service_id","parameters","responseMessage","date","Date","setDate","getDate","dd","padStart","mm","getMonth","yyyy","getFullYear","validUntil","afterbanksIframeContainer","document","getElementById","afterbanksIframe","querySelector","action","showSplashScreen","showCheckTerms","showSandbox","window","addEventListener","receiveFromFrame","contentWindow","postMessage","removeEventListener","methods","ev","data","undefined","code","message","codigo","mensaje","style","height","scrollTo","console","log","computed","hasOwnProperty","client","component"],"mappings":"yHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,MAAM,CAAC,GAAK,sBAAsB,CAACF,EAAG,SAAS,CAACE,MAAM,CAAC,IAAMN,EAAIO,UAAU,YAAc,KAAK,aAAe,IAAI,OAAS,IAAI,MAAQ,OAAO,OAAS,aAC5PC,EAAkB,GCaP,GACbC,KAAM,mBACNC,MAAO,CACLC,WAAY,CACVC,KAAM,CAACC,OAAQC,QACfC,UAAU,GAEZC,gBAAiB,CACfJ,KAAMC,OACNE,UAAU,GAEZE,WAAY,CACVL,KAAMC,OACNE,UAAU,IAGd,OACE,MAAO,CACLG,WAAY,CAEV,GAAMjB,KAAKe,gBAEX,OAAU,OAEV,YAAe,KACf,eAAkB,UAClB,aAAgB,MAChB,YAAef,KAAKgB,WACpB,UAAa,EACb,gBAAmB,KACnB,YAAe,EACf,iBAAoB,EACpB,eAAkB,EAClB,mBAAsB,0BAA0BhB,KAAKU,2BACrD,mBAAsB,GAEtB,eAAkB,EAClB,WAAc,IAEhBQ,gBAAiB,GACjBZ,UAAW,KAGf,UACE,MAAMa,EAAO,IAAIC,KACjBD,EAAKE,QAAQF,EAAKG,UAAY,IAC9B,MAAMC,EAAKX,OAAOO,EAAKG,WAAWE,SAAS,EAAG,KACxCC,EAAKb,OAAOO,EAAKO,WAAa,GAAGF,SAAS,EAAG,KAC7CG,EAAOR,EAAKS,cAClB5B,KAAKiB,WAAWY,WAAa,GAAGN,KAAME,KAAME,IAE5C,MAAMG,EAA4BC,SAASC,eAAe,qBACpDC,EAAmBH,EAA0BI,cAAc,UAEjElC,KAAKM,UAAY,+DAA+DN,KAAKiB,WAAWkB,OAAO,qBAAqBnC,KAAKiB,WAAWmB,iBAAiB,mBAAmBpC,KAAKiB,WAAWoB,eAAe,gBAAgBrC,KAAKiB,WAAWqB,YAE/OC,OAAOC,iBAAiB,UAAWxC,KAAKyC,kBAAkB,GAE1DR,EAAiBO,iBAAiB,OAAQ,KACpCP,EAAiBS,eACnBT,EAAiBS,cAAcC,YAAY3C,KAAKiB,WAAY,kCAIlE,gBACEsB,OAAOK,oBAAoB,UAAW5C,KAAKyC,mBAE7CI,QAAS,CACP,iBAAiBC,GACf,GAAgB,KAAZA,EAAGC,WAAgCC,IAAjBF,EAAGC,KAAKE,WAA0CD,IAApBF,EAAGC,KAAKG,QAAuB,CACjF,MAAMC,EAASL,EAAGC,KAAKE,KACjBG,EAAUN,EAAGC,KAAKG,QAExB,OAAQC,GACN,KAAK,IAC2B,QAA1BnD,KAAKiB,WAAWkB,SAClBnC,KAAKkB,gBAAkB,qCAEzB,MACF,KAAK,KACHa,SAASC,eAAe,qBAAqBqB,MAAMC,OAASF,EAAU,KACtEb,OAAOgB,SAAS,EAAG,GACnBxB,SAASC,eAAe,qBAAqBE,cAAc,UAAUQ,cAAcC,YAAY,CAAC,OAAU,sBAAuB,+BACjI,MACF,KAAK,SACH,MACF,QACE3C,KAAKkB,gBAAkB,oBAAoBiC,OAAYC,IAE3DI,QAAQC,IAAIzD,KAAKkB,oBAIvBwC,SAAU,CACR,cACE,OAAO1D,KAAKiB,WAAW0C,eAAe,WAAwC,KAA3B3D,KAAKiB,WAAW2C,OAC/D,WAAa5D,KAAKiB,WAAW2C,OAC7B,MC/G+L,I,YCOrMC,EAAY,eACd,EACA/D,EACAS,GACA,EACA,KACA,KACA,MAIa,aAAAsD,E","file":"js/chunk-2d0ab66e.4e025e99.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{\"id\":\"arcopay-container\"}},[_c('iframe',{attrs:{\"src\":_vm.iframeSrc,\"frameborder\":\"no\",\"framespacing\":\"0\",\"border\":\"0\",\"width\":\"100%\",\"height\":\"100%\"}})])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n   <div id=\"arcopay-container\">\n    <iframe\n      :src=\"iframeSrc\"\n      frameborder=\"no\"\n      framespacing=\"0\"\n      border=\"0\"\n      width=\"100%\"\n      height=\"100%\"\n    ></iframe>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: 'AfterbanksWidget',\n  props: {\n    company_id: {\n      type: [String, Number],\n      required: true\n    },\n    bank_account_id: {\n      type: String,\n      required: true\n    },\n    service_id: {\n      type: String,\n      required: true\n    },\n  },\n  data() {\n    return {\n      parameters: {\n        // ID de cliente\n        \"id\": this.bank_account_id,\n        // Acción del widget\n        \"action\": \"read\",\n        // Configuración del widget\n        \"countryCode\": \"ES\",               \n        \"banksShownPSD2\": \"sandbox\",\n        \"banksShownV3\": \"ALL\",\n        \"defaultBank\": this.service_id,\n        \"autoStart\": 0,\n        \"defaultLanguage\": \"ES\",\n        \"showSandbox\": 0,\n        \"showSplashScreen\": 0,\n        \"showCheckTerms\": 1,\n        \"URLredirectAfterOK\": `https://app.inmatic.ai/${this.company_id}/bank-accounts`,\n        \"URLredirectAfterKO\": \"\",\n        // Parámetros READ PSD2\n        \"dailyFrequency\": 4,\n        \"validUntil\": \"\"\n      },\n      responseMessage: '',\n      iframeSrc: '',\n    };\n  },\n  mounted() {\n    const date = new Date();\n    date.setDate(date.getDate() + 90);\n    const dd = String(date.getDate()).padStart(2, '0');\n    const mm = String(date.getMonth() + 1).padStart(2, '0');\n    const yyyy = date.getFullYear();\n    this.parameters.validUntil = `${dd}-${mm}-${yyyy}`\n\n    const afterbanksIframeContainer = document.getElementById('arcopay-container');\n    const afterbanksIframe = afterbanksIframeContainer.querySelector('iframe');\n\n    this.iframeSrc = \"https://www.afterbanks.com/appmain/PSD2ExternalForm/?action=\"+this.parameters.action+\"&showSplashScreen=\"+this.parameters.showSplashScreen+\"&showCheckTerms=\"+this.parameters.showCheckTerms+\"&showSandbox=\"+this.parameters.showSandbox;\n\n    window.addEventListener('message', this.receiveFromFrame, false);\n\n    afterbanksIframe.addEventListener('load', () => {\n      if (afterbanksIframe.contentWindow) {\n        afterbanksIframe.contentWindow.postMessage(this.parameters, 'https://www.afterbanks.com/');\n      }\n    });\n  },\n  beforeDestroy() {\n    window.removeEventListener('message', this.receiveFromFrame);\n  },\n  methods: {\n    receiveFromFrame(ev) {\n      if (ev.data !== '' && ev.data.code !== undefined && ev.data.message !== undefined) {\n        const codigo = ev.data.code;\n        const mensaje = ev.data.message;\n\n        switch (codigo) {\n          case 200:\n            if (this.parameters.action == 'read') {\n              this.responseMessage = 'Lectura finalizada correctamente.';\n            }\n            break;\n          case 9999:\n            document.getElementById('arcopay-container').style.height = mensaje + 'px';\n            window.scrollTo(0, 0);\n            document.getElementById('arcopay-container').querySelector('iframe').contentWindow.postMessage({\"action\": \"changeIframeHeight\"}, 'https://www.afterbanks.com/');\n            break;\n          case 99999999:\n            break;\n          default:\n            this.responseMessage = `Evento recibido: ${codigo} - ${mensaje}`;\n        }\n        console.log(this.responseMessage)\n      }\n    },\n  },\n  computed: {\n    extraClient() {\n      return this.parameters.hasOwnProperty('client') && this.parameters.client !== ''\n        ? '&client=' + this.parameters.client\n        : '';\n    },\n  },\n};\n</script>","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AfterbanksWidget.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AfterbanksWidget.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./AfterbanksWidget.vue?vue&type=template&id=514c1e73&\"\nimport script from \"./AfterbanksWidget.vue?vue&type=script&lang=js&\"\nexport * from \"./AfterbanksWidget.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":""}