{"version":3,"sources":["webpack:///./src/views/Components/SimplePoyntCollect.vue","webpack:///src/views/Components/SimplePoyntCollect.vue","webpack:///./src/views/Components/SimplePoyntCollect.vue?ba9b","webpack:///./src/views/Components/SimplePoyntCollect.vue?2c9a"],"names":["render","_vm","this","_c","_self","ref","attrs","poyntErrors","staticClass","_v","_s","_e","staticStyle","staticRenderFns","data","t","mounted","collect","methods","getNonce","businessId","$localStorageService","getItem","_this","self","fieldErrors","poyntErrros","options","iFrame","width","border","style","theme","displayComponents","firstName","lastName","zipCode","emailAddress","submitButton","showEndingPage","labels","fields","zip","url","process","VUE_APP_POYNT_COLLECT_URL","poyntCollect","document","createElement","src","async","onload","TokenizeJs","on","nonce","$emit","err","$refs","cardElement","innerHTML","mount","getElementById","appendChild","component"],"mappings":"4IAAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACA,EAAG,MAAM,CAACE,IAAI,YAAYC,MAAM,CAAC,GAAK,eAAgBL,EAAIM,YAAaJ,EAAG,MAAM,CAACK,YAAY,sBAAsB,CAACP,EAAIQ,GAAG,SAASR,EAAIS,GAAGT,EAAIM,aAAa,UAAUN,EAAIU,KAAKR,EAAG,MAAM,CAACE,IAAI,cAAcG,YAAY,uBAAuBI,YAAY,CAAC,mBAAmB,SAASN,MAAM,CAAC,GAAK,qBAE5WO,EAAkB,GCeP,GACfC,KAAA,WACA,OACAC,EAAA,KACAR,YAAA,OAGAS,QAAA,WACA,KAAAC,WAEAC,QAAA,CACAC,SAAA,WACA,KAAAJ,EAAAI,SAAA,CACAC,WAAA,KAAAC,qBAAAC,QAAA,iBAGAL,QAAA,eAAAM,EAAA,KACAC,EAAA,KACAA,EAAAC,YAAA,GAEA,KAAAC,YAAA,KAEA,IAAAC,EAAA,CACAC,OAAA,CACAC,MAAA,OAEAC,OAAA,OAEAC,MAAA,CACAC,MAAA,YAGAC,kBAAA,CACAC,WAAA,EACAC,UAAA,EACAC,SAAA,EACAC,cAAA,EACAC,cAAA,EACAC,gBAAA,EACAC,QAAA,GAEAC,OAAA,CACAJ,aAAA,KACAK,IAAA,KACAR,UAAA,GACAC,SAAA,KAIAQ,EAAA,mCAEAC,8OAAAC,4BACAF,EAAAC,8OAAAC,2BAGA,IAAAC,EAAAC,SAAAC,cAAA,UACAF,EAAAG,IAAAN,EAEAG,EAAAI,OAAA,EAEAJ,EAAAK,OAAA,WACA5B,EAAAR,EAAA,IAAAqC,WACA7B,EAAAF,qBAAAC,QAAA,cACAC,EAAAF,qBAAAC,QAAA,eAGAC,EAAAR,EAAAsC,GAAA,kBAAAC,GACA/B,EAAAgC,MAAA,QAAAD,MAGA/B,EAAAR,EAAAsC,GAAA,kBAAAG,GACAjC,EAAAhB,YACA,gEAGAgB,EAAAkC,MAAAC,YAAAC,UAAA,GAEApC,EAAAR,EAAA6C,MAAA,eAAAb,SAAApB,IAGAoB,SAAAc,eAAA,aAAAC,YAAAhB,MCjG0W,I,YCOtWiB,EAAY,eACd,EACA/D,EACAa,GACA,EACA,KACA,KACA,MAIa,aAAAkD,E","file":"js/Components-SimplePoyntCollect-vue.5041bc56.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('div',{ref:\"scriptRef\",attrs:{\"id\":\"scriptRef\"}}),(_vm.poyntErrors)?_c('div',{staticClass:\"alert alert-danger\"},[_vm._v(\"\\n    \"+_vm._s(_vm.poyntErrors)+\"\\n  \")]):_vm._e(),_c('div',{ref:\"cardElement\",staticClass:\"card p-4 shadow-none\",staticStyle:{\"background-color\":\"white\"},attrs:{\"id\":\"card-element\"}})])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <div ref=\"scriptRef\" id=\"scriptRef\" />\n    <div v-if=\"poyntErrors\" class=\"alert alert-danger\">\n      {{ poyntErrors }}\n    </div>\n\n    <div\n      class=\"card p-4 shadow-none\"\n      style=\"background-color:white\"\n      id=\"card-element\"\n      ref=\"cardElement\"\n    ></div>\n  </div>\n</template>\n\n<script>\nexport default {\n  data: function() {\n    return {\n      t: null,\n      poyntErrors: null,\n    };\n  },\n  mounted() {\n    this.collect();\n  },\n  methods: {\n    getNonce() {\n      this.t.getNonce({\n        businessId: this.$localStorageService.getItem(\"businessId\"),\n      });\n    },\n    collect() {\n      var self = this;\n      self.fieldErrors = [];\n\n      this.poyntErrros = null;\n\n      const options = {\n        iFrame: {\n          width: \"100%\",\n\n          border: \"0px\",\n        },\n        style: {\n          theme: \"customer\", // basic default theme,\n          // theme: \"customer\", (alternative default theme)\n        },\n        displayComponents: {\n          firstName: false, // toggle these to true if you wish to show the forms\n          lastName: false,\n          zipCode: true,\n          emailAddress: false,\n          submitButton: false,\n          showEndingPage: false, // controls ending page,\n          labels: true,\n        },\n        fields: {\n          emailAddress: null,\n          zip: null,\n          firstName: \"\",\n          lastName: \"\",\n        },\n      };\n\n      var url = \"https://cdn.poynt.net/collect.js\";\n\n      if (process.env.VUE_APP_POYNT_COLLECT_URL) {\n        url = process.env.VUE_APP_POYNT_COLLECT_URL;\n      }\n\n      var poyntCollect = document.createElement(\"script\");\n      poyntCollect.src = url;\n\n      poyntCollect.async = false;\n\n      poyntCollect.onload = () => {\n        this.t = new TokenizeJs(\n          this.$localStorageService.getItem(\"businessId\"),\n          this.$localStorageService.getItem(\"poyntAppId\")\n        );\n\n        this.t.on(\"nonce\", (nonce) => {\n          this.$emit(\"nonce\", nonce);\n        });\n\n        this.t.on(\"error\", (err) => {\n          this.poyntErrors =\n            \"Please complete or correct any invalid credit card fields.\";\n        });\n\n        this.$refs.cardElement.innerHTML = \"\";\n\n        this.t.mount(\"card-element\", document, options);\n      };\n\n      document.getElementById(\"scriptRef\").appendChild(poyntCollect);\n    },\n  },\n};\n</script>\n\n<style></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!./SimplePoyntCollect.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!./SimplePoyntCollect.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./SimplePoyntCollect.vue?vue&type=template&id=095cab6c\"\nimport script from \"./SimplePoyntCollect.vue?vue&type=script&lang=js\"\nexport * from \"./SimplePoyntCollect.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":""}