├── .babelrc
├── .eslintrc
├── .gitignore
├── LICENSE
├── README.md
├── build
    ├── webpack.dev.js
    └── webpack.dist.js
├── dist
    ├── rave.js
    ├── rave.min.js
    └── rave.min.js.map
├── examples
    ├── commonjs
    │   ├── App.vue
    │   ├── app.js
    │   └── index.html
    └── index.html
├── package.json
├── rave-demo.png
├── src
    ├── index.js
    └── rave.vue
└── webpack.config.js


/.babelrc:
--------------------------------------------------------------------------------
1 | {
2 |   "presets": ["@babel/preset-env"]
3 | }
4 | 


--------------------------------------------------------------------------------
/.eslintrc:
--------------------------------------------------------------------------------
1 | {
2 |   "extends": ["plugin:vue/recommended"],
3 |    "rules": {
4 |      "space-before-function-paren": [2, "never"],
5 |       "indent": ["error",4],
6 |       "camelcase": [2, {"properties": "never"}]
7 |    }
8 | }
9 | 


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 | node_modules
2 | npm-debug.log
3 | .idea
4 | package-lock.json
5 | yarn.lock
6 | .DS_Store


--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
 1 | MIT License
 2 | 
 3 | Copyright (c) 2018 Ayeni Olusegun
 4 | 
 5 | Permission is hereby granted, free of charge, to any person obtaining a copy
 6 | of this software and associated documentation files (the "Software"), to deal
 7 | in the Software without restriction, including without limitation the rights
 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 | 
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 | 
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
  1 | # Rave Payment Component for Vue 2.x
  2 | A Vue Plugin for RavePay Payment Gateway.
  3 | 
  4 | ### Demo
  5 | 
  6 | ![Demo Image](rave-demo.png?raw=true "Demo Image")
  7 | 
  8 | ### Install
  9 | 
 10 | ##### NPM
 11 | ```
 12 | npm install vue vue-ravepayment --save 
 13 | ``` 
 14 | 
 15 | ##### Javascript via CDN
 16 | ```javascript
 17 | <!-- Vue -->
 18 | <script src="https://unpkg.com/vue/dist/vue.js"></script>
 19 | <!-- Vue-Rave -->
 20 | <script src="https://unpkg.com/vue-ravepayment/dist/rave.min.js"></script>
 21 | ```
 22 | 
 23 | ### Usage
 24 | 
 25 | ##### Via NPM
 26 | 
 27 | ###### my-compnent.vue sample
 28 | ```vue
 29 | <template>
 30 |      <Rave
 31 |        style-class="paymentbtn"
 32 |        :email="email"
 33 |        :amount="amount"
 34 |        :reference="reference"
 35 |        :rave-key="raveKey"
 36 |        :callback="callback"
 37 |        :close="close"
 38 |        :metadata="meta"
 39 |        :subaccounts="subaccounts"
 40 |        :redirectUrl="redirect"
 41 |        :paymentPlan="plan"
 42 |        :customerFirstname="fname"
 43 |        :customerLastname="lname"
 44 |        paymentOptions="card,barter,account,ussd"
 45 |        hostedPayemt="1"
 46 |        customTitle="Testing title"
 47 |        currency="NGN"
 48 |        country="NG"
 49 |    ><i>Pay Me, My Money</i></Rave>
 50 | </template>
 51 | <script type="text/javascript">
 52 | import Rave from 'vue-ravepayment';
 53 | export default {
 54 |     components: {
 55 |         Rave
 56 |     },
 57 |     data(){
 58 |         return{
 59 |           raveKey: "FLWPUBK-xxxxxxxxxxxxxxxxxx-X",
 60 |           email: "foobar@example.com",
 61 |           amount: 8000,
 62 |           plan: 2928,
 63 |           fname: "Adewale",
 64 |           lname: "Ayuba",
 65 |           redirect: "https://google.com",
 66 |           meta: [{
 67 |             metaname: 'school',
 68 |             metavalue: 'high school'
 69 |           }],
 70 |           sub: [
 71 |             {
 72 |             id: "1324"
 73 |           },
 74 |           {
 75 |             id: "1221"
 76 |           }
 77 |           ]
 78 |         }
 79 |     },
 80 |     computed: {
 81 |       reference(){
 82 |         let text = "";
 83 |         let possible = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
 84 |  
 85 |         for( let i=0; i < 10; i++ )
 86 |           text += possible.charAt(Math.floor(Math.random() * possible.length));
 87 |  
 88 |         return text;
 89 |       }
 90 |     },
 91 |     methods: {
 92 |       callback: function(response){
 93 |         console.log(response)
 94 |       },
 95 |       close: function(){
 96 |         console.log("Payment closed")
 97 |       }
 98 |     }
 99 | }
100 | </script>
101 | <style> 
102 |     .paymentbtn{
103 |         color: #04193d;
104 |         width: 250px;
105 |         height: 100px;
106 |         font-weight: 800;
107 |     }
108 | </style>
109 | ```
110 | [Usage Example via NPM or Yarn](examples/commonjs/App.vue)
111 | #### via CDN
112 | ```javascript
113 | new Vue({
114 |     el: '#app',
115 |     components:{
116 |       'Rave': VueRavePayment.default
117 |     },
118 |     computed: {
119 |         reference(){
120 |           let text = "";
121 |           let possible = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
122 | 
123 |           for( let i=0; i < 10; i++ )
124 |             text += possible.charAt(Math.floor(Math.random() * possible.length));
125 | 
126 |           return text;
127 |         }
128 |     },
129 |     methods: {
130 |       callback: function(response){
131 |         console.log(response)
132 |       },
133 |       close: function(){
134 |         console.log("Payment closed")
135 |       }
136 |     },
137 |     data: {
138 |       raveBtnText: "Pay Me, My Money",
139 |       raveKey: "FLWPUBK-xxxxxxxxxxxxxxxxx-X",
140 |       email: "foobar@example.com",
141 |       amount: 10000
142 |     }
143 | });
144 | ```
145 | [Usage Example via CDN](examples/index.html)
146 | 
147 | Please checkout [Rave Documentation](https://flutterwavedevelopers.readme.io/v1.0/reference#introduction) for other available options you can add to the tag
148 | 
149 | ## Deployment
150 | WHEN DEPLOYING TO PRODUCTION/LIVE SYSTEM, take note of the following;
151 | 1) Change `is-production` attribute in the component tag to `true` i.e `:is-production="true"`
152 | 2) Change RavePay PUBLIC KEY 
153 | 
154 | ## Contributing
155 | 1. Fork it!
156 | 2. Create your feature branch: `git checkout -b feature-name`
157 | 3. Commit your changes: `git commit -am 'Some commit message'`
158 | 4. Push to the branch: `git push origin feature-name`
159 | 5. Submit a pull request 😉😉
160 | 
161 | ## How can I thank you?
162 | 
163 | Why not star the github repo? I'd love the attention! Why not share the link for this repository on Twitter or Any Social Media? Spread the word!
164 | 
165 | Don't forget to [follow me on twitter](https://twitter.com/iamraphson)!
166 | 
167 | Thanks!
168 | Ayeni Olusegun.
169 | 
170 | ## License
171 | This project is licensed under the MIT License - see the [LICENSE.md](LICENSE.md) file for details
172 | 


--------------------------------------------------------------------------------
/build/webpack.dev.js:
--------------------------------------------------------------------------------
 1 | const path = require('path')
 2 | const webpack = require('webpack')
 3 | const UglifyJsPlugin = require('uglifyjs-webpack-plugin')
 4 | const VueLoaderPlugin = require('vue-loader/lib/plugin')
 5 | 
 6 | module.exports = {
 7 |     entry: {
 8 |         'rave': './examples/commonjs/app.js'
 9 |     },
10 |     output: {
11 |         path: path.resolve(__dirname, '../dist'),
12 |         publicPath: '/dist/',
13 |         filename: '[name].js'
14 |     },
15 |     module: {
16 |         rules: [{
17 |             test: /\.vue$/,
18 |             loader: 'vue-loader'
19 |         }, {
20 |             test: /\.js$/,
21 |             loader: 'babel-loader',
22 |             exclude: /node_modules/
23 |         }, {
24 |             test: /\.css$/,
25 |             use: [
26 |                 'vue-style-loader',
27 |                 'css-loader'
28 |             ]
29 |         }]
30 |     },
31 |     plugins: [
32 |         new VueLoaderPlugin(),
33 |         new webpack.LoaderOptionsPlugin({
34 |             minimize: true,
35 |             debug: false
36 |         })
37 |     ],
38 |     devtool: 'eval-source-map'
39 | }
40 | 


--------------------------------------------------------------------------------
/build/webpack.dist.js:
--------------------------------------------------------------------------------
 1 | const path = require('path')
 2 | const webpack = require('webpack')
 3 | const UglifyJsPlugin = require('uglifyjs-webpack-plugin')
 4 | const VueLoaderPlugin = require('vue-loader/lib/plugin')
 5 | 
 6 | module.exports = {
 7 |     mode: 'production',
 8 |     entry: {
 9 |         'rave': './src/index.js'
10 |     },
11 |     output: {
12 |         path: path.resolve(__dirname, '../dist'),
13 |         publicPath: '/dist/',
14 |         filename: '[name].min.js',
15 |         library: 'VueRavePayment',
16 |         libraryTarget: 'umd',
17 |         umdNamedDefine: true
18 |     },
19 |     module: {
20 |         rules: [{
21 |             enforce: 'pre',
22 |             test: /\.(js|vue)$/,
23 |             exclude: /node_modules/,
24 |             loader: 'eslint-loader'
25 |         }, {
26 |             test: /\.vue$/,
27 |             loader: 'vue-loader'
28 |         }, {
29 |             test: /\.js$/,
30 |             loader: 'babel-loader',
31 |             exclude: /node_modules/
32 |         }, {
33 |             test: /\.css$/,
34 |             use: [
35 |                 'vue-style-loader',
36 |                 'css-loader'
37 |             ]
38 |         }]
39 |     },
40 |     optimization: {
41 |         minimizer: [
42 |             new UglifyJsPlugin({
43 |                 uglifyOptions: {
44 |                     output: {
45 |                         comments: false
46 |                     },
47 |                     warnings: false,
48 |                     compress: {
49 |                         unsafe_comps: true,
50 |                         properties: true,
51 |                         keep_fargs: false,
52 |                         pure_getters: true,
53 |                         collapse_vars: true,
54 |                         unsafe: true,
55 |                         sequences: true,
56 |                         dead_code: true,
57 |                         drop_debugger: true,
58 |                         comparisons: true,
59 |                         conditionals: true,
60 |                         evaluate: true,
61 |                         booleans: true,
62 |                         loops: true,
63 |                         unused: true,
64 |                         hoist_funs: true,
65 |                         if_return: true,
66 |                         join_vars: true,
67 |                         drop_console: true
68 |                     }
69 |                 }
70 |             })
71 |         ]
72 |     },
73 |     plugins: [
74 |         new VueLoaderPlugin(),
75 |         new webpack.LoaderOptionsPlugin({
76 |             minimize: true,
77 |             debug: false
78 |         })
79 |     ],
80 |     devtool: 'source-map'
81 | }
82 | 


--------------------------------------------------------------------------------
/dist/rave.min.js:
--------------------------------------------------------------------------------
1 | !function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define("VueRavePayment",[],t):"object"==typeof exports?exports.VueRavePayment=t():e.VueRavePayment=t()}(window,function(){return r={},o.m=n=[function(e,t,n){var r=n(2);"string"==typeof r&&(r=[[e.i,r,""]]),r.locals&&(e.exports=r.locals);(0,n(5).default)("7ce5ac5d",r,!0,{})},function(e,t,n){"use strict";n(0)},function(e,t,n){(e.exports=n(3)(!1)).push([e.i,"\n.payButton{\n    color: #61DAFB;\n    width: 250px;\n    height: 50px;\n    font-weight: 800;\n}\n",""])},function(e){"use strict";function r(e,t){var n=e[1]||"",r=e[3];if(!r)return n;if(t&&"function"==typeof btoa){var o=function(e){var t=btoa(unescape(encodeURIComponent(JSON.stringify(e))));return"/*# ".concat("sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(t)," */")}(r),a=r.sources.map(function(e){return"/*# sourceURL=".concat(r.sourceRoot).concat(e," */")});return[n].concat(a).concat([o]).join("\n")}return""+n}e.exports=function(n){var u=[];return u.toString=function(){return this.map(function(e){var t=r(e,n);return e[2]?"@media ".concat(e[2],"{").concat(t,"}"):t}).join("")},u.i=function(e,t){"string"==typeof e&&(e=[[null,e,""]]);for(var n={},r=0;r<this.length;r++){var o=this[r][0];null!=o&&(n[o]=!0)}for(var a=0;a<e.length;a++){var i=e[a];null!=i[0]&&n[i[0]]||(t&&!i[2]?i[2]=t:t&&(i[2]="(".concat(i[2],") and (").concat(t,")")),u.push(i))}},u}},function(e,t,n){"use strict";n.r(t);var r={props:{styleClass:{type:String,default:"payButton"},email:{type:String,required:!0},amount:{type:Number,required:!0},raveKey:{type:String,required:!0},reference:{type:String,required:!0},callback:{type:Function,required:!0,default:function(){}},close:{type:Function,required:!0,default:function(){}},metadata:{type:Array,default:function(){return[]}},currency:{type:String,default:"NGN"},country:{type:String,default:"NG"},customerFirstname:{type:String,default:""},customerLastname:{type:String,default:""},customTitle:{type:String,default:""},customDescription:{type:String,default:""},customLogo:{type:String,default:""},redirectUrl:{type:String,default:""},paymentOptions:{type:String,default:"card"},paymentPlan:{type:Number,default:0},hostedPayment:{type:Number,default:0},subaccounts:{type:Array,default:function(){return[]}}},created:function(){var e=document.createElement("script");e.src="https://api.ravepay.co/flwv3-pug/getpaidx/api/flwpbf-inline.js",document.getElementsByTagName("head")[0].appendChild(e)},methods:{payWithRave:function(){var t=this;window.getpaidSetup({customer_email:this.email,amount:this.amount,txref:this.reference,PBFPubKey:this.raveKey,onclose:function(){return t.close()},callback:function(e){return t.callback(e)},meta:this.metadata,currency:this.currency,country:this.country,customer_firstname:this.customerFirstname,customer_lastname:this.customerLastname,custom_title:this.customTitle,custom_logo:this.customLogo,redirect_url:this.redirectUrl,payment_plan:this.paymentPlan,payment_options:this.paymentOptions,subaccounts:this.subaccounts,hosted_payment:this.hostedPayment})}}},o=(n(1),function(e,t,n,r,o,a,i,u){var s,c="function"==typeof e?e.options:e;if(t&&(c.render=t,c.staticRenderFns=n,c._compiled=!0),r&&(c.functional=!0),a&&(c._scopeId="data-v-"+a),i?c._ssrRegister=s=function(e){(e=e||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext)||"undefined"==typeof __VUE_SSR_CONTEXT__||(e=__VUE_SSR_CONTEXT__),o&&o.call(this,e),e&&e._registeredComponents&&e._registeredComponents.add(i)}:o&&(s=u?function(){o.call(this,this.$root.$options.shadowRoot)}:o),s)if(c.functional){c._injectStyles=s;var l=c.render;c.render=function(e,t){return s.call(t),l(e,t)}}else{var f=c.beforeCreate;c.beforeCreate=f?[].concat(f,s):[s]}return{exports:e,options:c}}(r,function(){var e=this;return(e._self._c||e.$createElement)("button",{class:e.styleClass,on:{click:e.payWithRave}},[e._t("default",[e._v("Make Payment")])],2)},[],!1,null,null,null));t.default=o.exports},function(e,t,n){"use strict";function u(e,t){for(var n=[],r={},o=0;o<t.length;o++){var a=t[o],i=a[0],u={id:e+":"+o,css:a[1],media:a[2],sourceMap:a[3]};r[i]?r[i].parts.push(u):n.push(r[i]={id:i,parts:[u]})}return n}function r(a,e,t,n){y=t,v=n||{};var i=u(a,e);return s(i),function(e){for(var t=[],n=0;n<i.length;n++){(r=f[i[n].id]).refs--,t.push(r)}e?s(i=u(a,e)):i=[];for(n=0;n<t.length;n++){var r;if(0===(r=t[n]).refs){for(var o=0;o<r.parts.length;o++)r.parts[o]();delete f[r.id]}}}}function s(e){for(var t=0;t<e.length;t++){var n=e[t],r=f[n.id];if(r){r.refs++;for(var o=0;o<r.parts.length;o++)r.parts[o](n.parts[o]);for(;o<n.parts.length;o++)r.parts.push(i(n.parts[o]));n.parts.length<r.parts.length&&(r.parts.length=n.parts.length)}else{var a=[];for(o=0;o<n.parts.length;o++)a.push(i(n.parts[o]));f[n.id]={id:n.id,refs:1,parts:a}}}}function a(){var e=document.createElement("style");return e.type="text/css",d.appendChild(e),e}function i(t){var n,r,e=document.querySelector("style["+g+'~="'+t.id+'"]');if(e){if(y)return h;e.parentNode.removeChild(e)}if(b){var o=m++;e=p=p||a(),n=c.bind(null,e,o,!1),r=c.bind(null,e,o,!0)}else e=a(),n=function(e,t){var n=t.css,r=t.media,o=t.sourceMap;r&&e.setAttribute("media",r);v.ssrId&&e.setAttribute(g,t.id);o&&(n+="\n/*# sourceURL="+o.sources[0]+" */",n+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(o))))+" */");if(e.styleSheet)e.styleSheet.cssText=n;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(n))}}.bind(null,e),r=function(){e.parentNode.removeChild(e)};return n(t),function(e){if(e){if(e.css===t.css&&e.media===t.media&&e.sourceMap===t.sourceMap)return;n(t=e)}else r()}}function c(e,t,n,r){var o=n?"":r.css;if(e.styleSheet)e.styleSheet.cssText=_(t,o);else{var a=document.createTextNode(o),i=e.childNodes;i[t]&&e.removeChild(i[t]),i.length?e.insertBefore(a,i[t]):e.appendChild(a)}}n.r(t),n.d(t,"default",function(){return r});var o="undefined"!=typeof document;if("undefined"!=typeof DEBUG&&DEBUG&&!o)throw Error("vue-style-loader cannot be used in a non-browser environment. Use { target: 'node' } in your Webpack config to indicate a server-rendering environment.");var l,f={},d=o&&(document.head||document.getElementsByTagName("head")[0]),p=null,m=0,y=!1,h=function(){},v=null,g="data-vue-ssr-id",b="undefined"!=typeof navigator&&/msie [6-9]\b/.test(navigator.userAgent.toLowerCase()),_=(l=[],function(e,t){return l[e]=t,l.filter(Boolean).join("\n")})}],o.c=r,o.d=function(e,t,n){o.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},o.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},o.t=function(t,e){if(1&e&&(t=o(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var n=Object.create(null);if(o.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var r in t)o.d(n,r,function(e){return t[e]}.bind(null,r));return n},o.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(t,"a",t),t},o.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},o.p="/dist/",o(o.s=4);function o(e){if(r[e])return r[e].exports;var t=r[e]={i:e,l:!1,exports:{}};return n[e].call(t.exports,t,t.exports,o),t.l=!0,t.exports}var n,r});


--------------------------------------------------------------------------------
/dist/rave.min.js.map:
--------------------------------------------------------------------------------
1 | {"version":3,"sources":["webpack:///webpack/universalModuleDefinition","webpack:///rave.min.js","webpack:///webpack/bootstrap c8f0e01ce6a3d35de743","webpack:///src/rave.vue","webpack:///./src/index.js","webpack:///./src/rave.vue","webpack:///./src/rave.vue?d149","webpack:///./src/rave.vue?ab96","webpack:///./node_modules/css-loader/lib/css-base.js","webpack:///./node_modules/vue-style-loader/lib/addStylesClient.js","webpack:///./node_modules/vue-style-loader/lib/listToStyles.js","webpack:///./node_modules/vue-loader/lib/component-normalizer.js","webpack:///./src/rave.vue?5dd0"],"names":["root","factory","exports","module","define","amd","self","this","modules","__webpack_require__","moduleId","installedModules","i","l","call","m","c","d","name","getter","o","Object","defineProperty","configurable","enumerable","get","n","__esModule","object","property","prototype","hasOwnProperty","p","s","value","default","props","isProduction","type","Boolean","required","text","String","styleClass","email","amount","Number","raveKey","reference","callback","Function","response","close","metadata","currency","country","customer_firstname","customer_lastname","custom_title","custom_description","custom_logo","redirect_url","payment_plan","subaccounts","created","script","document","createElement","src","getElementsByTagName","appendChild","methods","payWithRave","_this","window","getpaidSetup","customer_email","txref","PBFPubKey","onclose","meta","_rave","_rave2","obj","__webpack_exports__","injectStyle","ssrContext","__WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_rave_vue__","__WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_rave_vue___default","__WEBPACK_IMPORT_KEY__","key","__WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_2a4295b6_hasScoped_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_rave_vue__","normalizeComponent","__vue_styles__","Component","a","content","locals","push","cssWithMappingToString","item","useSourceMap","cssMapping","btoa","sourceMapping","toComment","concat","sources","map","source","sourceRoot","join","sourceMap","unescape","encodeURIComponent","JSON","stringify","list","toString","mediaQuery","alreadyImportedModules","length","id","addStylesToDom","styles","domStyle","stylesInDom","refs","j","parts","addStyle","createStyleElement","styleElement","head","update","remove","querySelector","noop","parentNode","removeChild","isOldIE","styleIndex","singletonCounter","singletonElement","applyToSingletonTag","bind","applyToTag","newObj","css","media","index","styleSheet","cssText","replaceText","cssNode","createTextNode","childNodes","insertBefore","setAttribute","firstChild","hasDocument","DEBUG","Error","listToStyles","navigator","test","userAgent","toLowerCase","parentId","_isProduction","newList","mayRemove","textStore","replacement","filter","newStyles","part","rawScriptExports","compiledTemplate","functionalTemplate","injectStyles","scopeId","moduleIdentifier","esModule","scriptExports","options","render","staticRenderFns","_compiled","functional","_scopeId","hook","context","$vnode","parent","__VUE_SSR_CONTEXT__","_registeredComponents","add","_ssrRegister","existing","beforeCreate","_injectStyles","h","_vm","_h","$createElement","_self","_c","class","domProps","textContent","_s","on","click","esExports"],"mappings":"CAAA,SAAAA,EAAAC,GACA,gBAAAC,UAAA,gBAAAC,QACAA,OAAAD,QAAAD,IACA,kBAAAG,gBAAAC,IACAD,OAAA,oBAAAH,GACA,gBAAAC,SACAA,QAAA,eAAAD,IAEAD,EAAA,eAAAC,KACC,mBAAAK,WAAAC,KAAA,WACD,MCAgB,UAAUC,GCN1B,QAAAC,GAAAC,GAGA,GAAAC,EAAAD,GACA,MAAAC,GAAAD,GAAAR,OAGA,IAAAC,GAAAQ,EAAAD,IACAE,EAAAF,EACAG,GAAA,EACAX,WAUA,OANAM,GAAAE,GAAAI,KAAAX,EAAAD,QAAAC,IAAAD,QAAAO,GAGAN,EAAAU,GAAA,EAGAV,EAAAD,QAvBA,GAAAS,KA4DA,OAhCAF,GAAAM,EAAAP,EAGAC,EAAAO,EAAAL,EAGAF,EAAAQ,EAAA,SAAAf,EAAAgB,EAAAC,GACAV,EAAAW,EAAAlB,EAAAgB,IACAG,OAAAC,eAAApB,EAAAgB,GACAK,cAAA,EACAC,YAAA,EACAC,IAAAN,KAMAV,EAAAiB,EAAA,SAAAvB,GACA,GAAAgB,GAAAhB,KAAAwB,WACA,WAA2B,MAAAxB,GAAA,SAC3B,WAAiC,MAAAA,GAEjC,OADAM,GAAAQ,EAAAE,EAAA,IAAAA,GACAA,GAIAV,EAAAW,EAAA,SAAAQ,EAAAC,GAAsD,MAAAR,QAAAS,UAAAC,eAAAjB,KAAAc,EAAAC,IAGtDpB,EAAAuB,EAAA,SAGAvB,IAAAwB,EAAA,KDgBM,SAAU9B,EAAQD,EAASO,GAEjC,YAGAY,QAAOC,eAAepB,EAAS,cAC3BgC,OAAO,IAOXhC,EAAQiC,SACJC,OACIC,cACIC,KErFZC,QFsFYC,UErFZ,EFsFYL,SEpFZ,GFsFQM,MACIH,KErFZI,OFsFYP,QEpFZ,gBFsFQQ,YACIL,KErFZI,OFsFYP,QEpFZ,aFsFQS,OACIN,KErFZI,OFsFYF,UEpFZ,GFsFQK,QACIP,KErFZQ,OFsFYN,UEpFZ,GFsFQO,SACIT,KErFZI,OFsFYF,UEpFZ,GFsFQQ,WACIV,KErFZI,OFsFYF,UEpFZ,GFsFQS,UACIX,KErFZY,SFsFYV,UErFZ,EFsFYL,QAAS,SAAkBgB,MAE/BC,OACId,KErFZY,SFsFYV,UErFZ,EFsFYL,QAAS,cAEbkB,UACIf,KErFZjB,OFsFYc,QAAS,WACL,WAGRmB,UACIhB,KEvFZI,OFwFYP,QEtFZ,OFwFQoB,SACIjB,KEvFZI,OFwFYP,QEtFZ,MFwFQqB,oBACIlB,KEvFZI,OFwFYP,QEtFZ,IFwFQsB,mBACInB,KEvFZI,OFwFYP,QEtFZ,IFwFQuB,cACIpB,KEvFZI,OFwFYP,QEtFZ,IFwFQwB,oBACIrB,KEvFZI,OFwFYP,QEtFZ,IFwFQyB,aACItB,KEvFZI,OFwFYP,QEtFZ,IFwFQ0B,cACIvB,KEvFZI,OFwFYP,QEtFZ,IFwFQ2B,cACIxB,KEvFZQ,OFwFYX,QEtFZ,IFwFQ4B,aACIzB,KEvFZjB,OFwFYc,QErFZ,KFwFI6B,QAAS,WACL,GAAIC,GAASC,SAASC,cEvF9B,SFwFQF,GAAOG,IAAO7D,KEvFtB8B,aAEA,iEADA,iFFuFQ6B,SAASG,qBAAqB,QAAQ,GAAGC,YErFjDL,IFwFIM,SACIC,YAAa,WEtFrB,GAAAC,GAAAlE,IFyFYmE,QAAOC,cACHC,eAAgBrE,KExFhCqC,MFyFgBC,OAAQtC,KExFxBsC,OFyFgBgC,MAAOtE,KExFvByC,UFyFgB8B,UAAWvE,KExF3BwC,QFyFgBgC,QAAS,WACL,MAAON,GEzF3BrB,SF2FgBH,SAAU,SAAkBE,GACxB,MAAOsB,GAAMxB,SE3FjCE,IF6FgB6B,KAAMzE,KE5FtB8C,SF6FgBC,SAAU/C,KE5F1B+C,SF6FgBC,QAAShD,KE5FzBgD,QF6FgBC,mBAAoBjD,KE5FpCiD,mBF6FgBC,kBAAmBlD,KE5FnCkD,kBF6FgBC,aAAcnD,KE5F9BmD,aF6FgBC,mBAAoBpD,KE5FpCoD,mBF6FgBC,YAAarD,KE5F7BqD,YF6FgBC,aAActD,KE5F9BsD,aF6FgBC,aAAcvD,KE5F9BuD,aF6FgBC,YAAaxD,KE3F7BwD,kBFmGM,SAAU5D,EAAQD,EAASO,GAEjC,YAGAY,QAAOC,eAAepB,EAAS,cAC7BgC,OAAO,GG/NT,IAAA+C,GAAAxE,EAAA,GHoOIyE,EAEJ,SAAgCC,GAAO,MAAOA,IAAOA,EAAIxD,WAAawD,GAAQhD,QAA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","file":"rave.min.js","sourcesContent":["(function webpackUniversalModuleDefinition(root, factory) {\n\tif(typeof exports === 'object' && typeof module === 'object')\n\t\tmodule.exports = factory();\n\telse if(typeof define === 'function' && define.amd)\n\t\tdefine(\"VueRavePayment\", [], factory);\n\telse if(typeof exports === 'object')\n\t\texports[\"VueRavePayment\"] = factory();\n\telse\n\t\troot[\"VueRavePayment\"] = factory();\n})(typeof self !== 'undefined' ? self : this, function() {\nreturn \n\n\n// WEBPACK FOOTER //\n// webpack/universalModuleDefinition","(function webpackUniversalModuleDefinition(root, factory) {\n\tif(typeof exports === 'object' && typeof module === 'object')\n\t\tmodule.exports = factory();\n\telse if(typeof define === 'function' && define.amd)\n\t\tdefine(\"VueRavePayment\", [], factory);\n\telse if(typeof exports === 'object')\n\t\texports[\"VueRavePayment\"] = factory();\n\telse\n\t\troot[\"VueRavePayment\"] = factory();\n})(typeof self !== 'undefined' ? self : this, function() {\nreturn /******/ (function(modules) { // webpackBootstrap\n/******/ \t// The module cache\n/******/ \tvar installedModules = {};\n/******/\n/******/ \t// The require function\n/******/ \tfunction __webpack_require__(moduleId) {\n/******/\n/******/ \t\t// Check if module is in cache\n/******/ \t\tif(installedModules[moduleId]) {\n/******/ \t\t\treturn installedModules[moduleId].exports;\n/******/ \t\t}\n/******/ \t\t// Create a new module (and put it into the cache)\n/******/ \t\tvar module = installedModules[moduleId] = {\n/******/ \t\t\ti: moduleId,\n/******/ \t\t\tl: false,\n/******/ \t\t\texports: {}\n/******/ \t\t};\n/******/\n/******/ \t\t// Execute the module function\n/******/ \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n/******/\n/******/ \t\t// Flag the module as loaded\n/******/ \t\tmodule.l = true;\n/******/\n/******/ \t\t// Return the exports of the module\n/******/ \t\treturn module.exports;\n/******/ \t}\n/******/\n/******/\n/******/ \t// expose the modules object (__webpack_modules__)\n/******/ \t__webpack_require__.m = modules;\n/******/\n/******/ \t// expose the module cache\n/******/ \t__webpack_require__.c = installedModules;\n/******/\n/******/ \t// define getter function for harmony exports\n/******/ \t__webpack_require__.d = function(exports, name, getter) {\n/******/ \t\tif(!__webpack_require__.o(exports, name)) {\n/******/ \t\t\tObject.defineProperty(exports, name, {\n/******/ \t\t\t\tconfigurable: false,\n/******/ \t\t\t\tenumerable: true,\n/******/ \t\t\t\tget: getter\n/******/ \t\t\t});\n/******/ \t\t}\n/******/ \t};\n/******/\n/******/ \t// getDefaultExport function for compatibility with non-harmony modules\n/******/ \t__webpack_require__.n = function(module) {\n/******/ \t\tvar getter = module && module.__esModule ?\n/******/ \t\t\tfunction getDefault() { return module['default']; } :\n/******/ \t\t\tfunction getModuleExports() { return module; };\n/******/ \t\t__webpack_require__.d(getter, 'a', getter);\n/******/ \t\treturn getter;\n/******/ \t};\n/******/\n/******/ \t// Object.prototype.hasOwnProperty.call\n/******/ \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n/******/\n/******/ \t// __webpack_public_path__\n/******/ \t__webpack_require__.p = \"/dist/\";\n/******/\n/******/ \t// Load entry module and return exports\n/******/ \treturn __webpack_require__(__webpack_require__.s = 1);\n/******/ })\n/************************************************************************/\n/******/ ([\n/* 0 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n    value: true\n});\n//\n//\n//\n//\n\nexports.default = {\n    props: {\n        isProduction: {\n            type: Boolean,\n            required: false,\n            default: false\n        },\n        text: {\n            type: String,\n            default: 'Make Payment'\n        },\n        styleClass: {\n            type: String,\n            default: 'payButton'\n        },\n        email: {\n            type: String,\n            required: true\n        },\n        amount: {\n            type: Number,\n            required: true\n        },\n        raveKey: {\n            type: String,\n            required: true\n        },\n        reference: {\n            type: String,\n            required: true\n        },\n        callback: {\n            type: Function,\n            required: true,\n            default: function _default(response) {}\n        },\n        close: {\n            type: Function,\n            required: true,\n            default: function _default() {}\n        },\n        metadata: {\n            type: Object,\n            default: function _default() {\n                return {};\n            }\n        },\n        currency: {\n            type: String,\n            default: 'NGN'\n        },\n        country: {\n            type: String,\n            default: 'NG'\n        },\n        customer_firstname: {\n            type: String,\n            default: ''\n        },\n        customer_lastname: {\n            type: String,\n            default: ''\n        },\n        custom_title: {\n            type: String,\n            default: ''\n        },\n        custom_description: {\n            type: String,\n            default: ''\n        },\n        custom_logo: {\n            type: String,\n            default: ''\n        },\n        redirect_url: {\n            type: String,\n            default: ''\n        },\n        payment_plan: {\n            type: Number,\n            default: ''\n        },\n        subaccounts: {\n            type: Object,\n            default: ''\n        }\n    },\n    created: function created() {\n        var script = document.createElement('script');\n        script.src = !this.isProduction ? 'https://ravesandboxapi.flutterwave.com/flwv3-pug/getpaidx/api/flwpbf-inline.js' : 'https://api.ravepay.co/flwv3-pug/getpaidx/api/flwpbf-inline.js';\n        document.getElementsByTagName('head')[0].appendChild(script);\n    },\n\n    methods: {\n        payWithRave: function payWithRave() {\n            var _this = this;\n\n            window.getpaidSetup({\n                customer_email: this.email,\n                amount: this.amount,\n                txref: this.reference,\n                PBFPubKey: this.raveKey,\n                onclose: function onclose() {\n                    return _this.close();\n                },\n                callback: function callback(response) {\n                    return _this.callback(response);\n                },\n                meta: this.metadata,\n                currency: this.currency,\n                country: this.country,\n                customer_firstname: this.customer_firstname,\n                customer_lastname: this.customer_lastname,\n                custom_title: this.custom_title,\n                custom_description: this.custom_description,\n                custom_logo: this.custom_logo,\n                redirect_url: this.redirect_url,\n                payment_plan: this.payment_plan,\n                subaccounts: this.subaccounts\n            });\n        }\n    }\n};\n\n/***/ }),\n/* 1 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\n\nvar _rave = __webpack_require__(2);\n\nvar _rave2 = _interopRequireDefault(_rave);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nexports.default = _rave2.default;\n\n/***/ }),\n/* 2 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\nObject.defineProperty(__webpack_exports__, \"__esModule\", { value: true });\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_rave_vue__ = __webpack_require__(0);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_rave_vue___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_rave_vue__);\n/* harmony namespace reexport (unknown) */ for(var __WEBPACK_IMPORT_KEY__ in __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_rave_vue__) if(__WEBPACK_IMPORT_KEY__ !== 'default') (function(key) { __webpack_require__.d(__webpack_exports__, key, function() { return __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_rave_vue__[key]; }) }(__WEBPACK_IMPORT_KEY__));\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_2a4295b6_hasScoped_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_rave_vue__ = __webpack_require__(9);\nfunction injectStyle (ssrContext) {\n  __webpack_require__(3)\n}\nvar normalizeComponent = __webpack_require__(8)\n/* script */\n\n\n/* template */\n\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = injectStyle\n/* scopeId */\nvar __vue_scopeId__ = null\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n  __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_rave_vue___default.a,\n  __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_2a4295b6_hasScoped_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_rave_vue__[\"a\" /* default */],\n  __vue_template_functional__,\n  __vue_styles__,\n  __vue_scopeId__,\n  __vue_module_identifier__\n)\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (Component.exports);\n\n\n/***/ }),\n/* 3 */\n/***/ (function(module, exports, __webpack_require__) {\n\n// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// load the styles\nvar content = __webpack_require__(4);\nif(typeof content === 'string') content = [[module.i, content, '']];\nif(content.locals) module.exports = content.locals;\n// add the styles to the DOM\nvar update = __webpack_require__(6)(\"7f88fa9c\", content, true);\n\n/***/ }),\n/* 4 */\n/***/ (function(module, exports, __webpack_require__) {\n\nexports = module.exports = __webpack_require__(5)(false);\n// imports\n\n\n// module\nexports.push([module.i, \".payButton{color:#61dafb;width:250px;height:50px;font-weight:800}\", \"\"]);\n\n// exports\n\n\n/***/ }),\n/* 5 */\n/***/ (function(module, exports) {\n\n/*\n\tMIT License http://www.opensource.org/licenses/mit-license.php\n\tAuthor Tobias Koppers @sokra\n*/\n// css base code, injected by the css-loader\nmodule.exports = function(useSourceMap) {\n\tvar list = [];\n\n\t// return the list of modules as css string\n\tlist.toString = function toString() {\n\t\treturn this.map(function (item) {\n\t\t\tvar content = cssWithMappingToString(item, useSourceMap);\n\t\t\tif(item[2]) {\n\t\t\t\treturn \"@media \" + item[2] + \"{\" + content + \"}\";\n\t\t\t} else {\n\t\t\t\treturn content;\n\t\t\t}\n\t\t}).join(\"\");\n\t};\n\n\t// import a list of modules into the list\n\tlist.i = function(modules, mediaQuery) {\n\t\tif(typeof modules === \"string\")\n\t\t\tmodules = [[null, modules, \"\"]];\n\t\tvar alreadyImportedModules = {};\n\t\tfor(var i = 0; i < this.length; i++) {\n\t\t\tvar id = this[i][0];\n\t\t\tif(typeof id === \"number\")\n\t\t\t\talreadyImportedModules[id] = true;\n\t\t}\n\t\tfor(i = 0; i < modules.length; i++) {\n\t\t\tvar item = modules[i];\n\t\t\t// skip already imported module\n\t\t\t// this implementation is not 100% perfect for weird media query combinations\n\t\t\t//  when a module is imported multiple times with different media queries.\n\t\t\t//  I hope this will never occur (Hey this way we have smaller bundles)\n\t\t\tif(typeof item[0] !== \"number\" || !alreadyImportedModules[item[0]]) {\n\t\t\t\tif(mediaQuery && !item[2]) {\n\t\t\t\t\titem[2] = mediaQuery;\n\t\t\t\t} else if(mediaQuery) {\n\t\t\t\t\titem[2] = \"(\" + item[2] + \") and (\" + mediaQuery + \")\";\n\t\t\t\t}\n\t\t\t\tlist.push(item);\n\t\t\t}\n\t\t}\n\t};\n\treturn list;\n};\n\nfunction cssWithMappingToString(item, useSourceMap) {\n\tvar content = item[1] || '';\n\tvar cssMapping = item[3];\n\tif (!cssMapping) {\n\t\treturn content;\n\t}\n\n\tif (useSourceMap && typeof btoa === 'function') {\n\t\tvar sourceMapping = toComment(cssMapping);\n\t\tvar sourceURLs = cssMapping.sources.map(function (source) {\n\t\t\treturn '/*# sourceURL=' + cssMapping.sourceRoot + source + ' */'\n\t\t});\n\n\t\treturn [content].concat(sourceURLs).concat([sourceMapping]).join('\\n');\n\t}\n\n\treturn [content].join('\\n');\n}\n\n// Adapted from convert-source-map (MIT)\nfunction toComment(sourceMap) {\n\t// eslint-disable-next-line no-undef\n\tvar base64 = btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap))));\n\tvar data = 'sourceMappingURL=data:application/json;charset=utf-8;base64,' + base64;\n\n\treturn '/*# ' + data + ' */';\n}\n\n\n/***/ }),\n/* 6 */\n/***/ (function(module, exports, __webpack_require__) {\n\n/*\n  MIT License http://www.opensource.org/licenses/mit-license.php\n  Author Tobias Koppers @sokra\n  Modified by Evan You @yyx990803\n*/\n\nvar hasDocument = typeof document !== 'undefined'\n\nif (typeof DEBUG !== 'undefined' && DEBUG) {\n  if (!hasDocument) {\n    throw new Error(\n    'vue-style-loader cannot be used in a non-browser environment. ' +\n    \"Use { target: 'node' } in your Webpack config to indicate a server-rendering environment.\"\n  ) }\n}\n\nvar listToStyles = __webpack_require__(7)\n\n/*\ntype StyleObject = {\n  id: number;\n  parts: Array<StyleObjectPart>\n}\n\ntype StyleObjectPart = {\n  css: string;\n  media: string;\n  sourceMap: ?string\n}\n*/\n\nvar stylesInDom = {/*\n  [id: number]: {\n    id: number,\n    refs: number,\n    parts: Array<(obj?: StyleObjectPart) => void>\n  }\n*/}\n\nvar head = hasDocument && (document.head || document.getElementsByTagName('head')[0])\nvar singletonElement = null\nvar singletonCounter = 0\nvar isProduction = false\nvar noop = function () {}\n\n// Force single-tag solution on IE6-9, which has a hard limit on the # of <style>\n// tags it will allow on a page\nvar isOldIE = typeof navigator !== 'undefined' && /msie [6-9]\\b/.test(navigator.userAgent.toLowerCase())\n\nmodule.exports = function (parentId, list, _isProduction) {\n  isProduction = _isProduction\n\n  var styles = listToStyles(parentId, list)\n  addStylesToDom(styles)\n\n  return function update (newList) {\n    var mayRemove = []\n    for (var i = 0; i < styles.length; i++) {\n      var item = styles[i]\n      var domStyle = stylesInDom[item.id]\n      domStyle.refs--\n      mayRemove.push(domStyle)\n    }\n    if (newList) {\n      styles = listToStyles(parentId, newList)\n      addStylesToDom(styles)\n    } else {\n      styles = []\n    }\n    for (var i = 0; i < mayRemove.length; i++) {\n      var domStyle = mayRemove[i]\n      if (domStyle.refs === 0) {\n        for (var j = 0; j < domStyle.parts.length; j++) {\n          domStyle.parts[j]()\n        }\n        delete stylesInDom[domStyle.id]\n      }\n    }\n  }\n}\n\nfunction addStylesToDom (styles /* Array<StyleObject> */) {\n  for (var i = 0; i < styles.length; i++) {\n    var item = styles[i]\n    var domStyle = stylesInDom[item.id]\n    if (domStyle) {\n      domStyle.refs++\n      for (var j = 0; j < domStyle.parts.length; j++) {\n        domStyle.parts[j](item.parts[j])\n      }\n      for (; j < item.parts.length; j++) {\n        domStyle.parts.push(addStyle(item.parts[j]))\n      }\n      if (domStyle.parts.length > item.parts.length) {\n        domStyle.parts.length = item.parts.length\n      }\n    } else {\n      var parts = []\n      for (var j = 0; j < item.parts.length; j++) {\n        parts.push(addStyle(item.parts[j]))\n      }\n      stylesInDom[item.id] = { id: item.id, refs: 1, parts: parts }\n    }\n  }\n}\n\nfunction createStyleElement () {\n  var styleElement = document.createElement('style')\n  styleElement.type = 'text/css'\n  head.appendChild(styleElement)\n  return styleElement\n}\n\nfunction addStyle (obj /* StyleObjectPart */) {\n  var update, remove\n  var styleElement = document.querySelector('style[data-vue-ssr-id~=\"' + obj.id + '\"]')\n\n  if (styleElement) {\n    if (isProduction) {\n      // has SSR styles and in production mode.\n      // simply do nothing.\n      return noop\n    } else {\n      // has SSR styles but in dev mode.\n      // for some reason Chrome can't handle source map in server-rendered\n      // style tags - source maps in <style> only works if the style tag is\n      // created and inserted dynamically. So we remove the server rendered\n      // styles and inject new ones.\n      styleElement.parentNode.removeChild(styleElement)\n    }\n  }\n\n  if (isOldIE) {\n    // use singleton mode for IE9.\n    var styleIndex = singletonCounter++\n    styleElement = singletonElement || (singletonElement = createStyleElement())\n    update = applyToSingletonTag.bind(null, styleElement, styleIndex, false)\n    remove = applyToSingletonTag.bind(null, styleElement, styleIndex, true)\n  } else {\n    // use multi-style-tag mode in all other cases\n    styleElement = createStyleElement()\n    update = applyToTag.bind(null, styleElement)\n    remove = function () {\n      styleElement.parentNode.removeChild(styleElement)\n    }\n  }\n\n  update(obj)\n\n  return function updateStyle (newObj /* StyleObjectPart */) {\n    if (newObj) {\n      if (newObj.css === obj.css &&\n          newObj.media === obj.media &&\n          newObj.sourceMap === obj.sourceMap) {\n        return\n      }\n      update(obj = newObj)\n    } else {\n      remove()\n    }\n  }\n}\n\nvar replaceText = (function () {\n  var textStore = []\n\n  return function (index, replacement) {\n    textStore[index] = replacement\n    return textStore.filter(Boolean).join('\\n')\n  }\n})()\n\nfunction applyToSingletonTag (styleElement, index, remove, obj) {\n  var css = remove ? '' : obj.css\n\n  if (styleElement.styleSheet) {\n    styleElement.styleSheet.cssText = replaceText(index, css)\n  } else {\n    var cssNode = document.createTextNode(css)\n    var childNodes = styleElement.childNodes\n    if (childNodes[index]) styleElement.removeChild(childNodes[index])\n    if (childNodes.length) {\n      styleElement.insertBefore(cssNode, childNodes[index])\n    } else {\n      styleElement.appendChild(cssNode)\n    }\n  }\n}\n\nfunction applyToTag (styleElement, obj) {\n  var css = obj.css\n  var media = obj.media\n  var sourceMap = obj.sourceMap\n\n  if (media) {\n    styleElement.setAttribute('media', media)\n  }\n\n  if (sourceMap) {\n    // https://developer.chrome.com/devtools/docs/javascript-debugging\n    // this makes source maps inside style tags work properly in Chrome\n    css += '\\n/*# sourceURL=' + sourceMap.sources[0] + ' */'\n    // http://stackoverflow.com/a/26603875\n    css += '\\n/*# sourceMappingURL=data:application/json;base64,' + btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap)))) + ' */'\n  }\n\n  if (styleElement.styleSheet) {\n    styleElement.styleSheet.cssText = css\n  } else {\n    while (styleElement.firstChild) {\n      styleElement.removeChild(styleElement.firstChild)\n    }\n    styleElement.appendChild(document.createTextNode(css))\n  }\n}\n\n\n/***/ }),\n/* 7 */\n/***/ (function(module, exports) {\n\n/**\n * Translates the list format produced by css-loader into something\n * easier to manipulate.\n */\nmodule.exports = function listToStyles (parentId, list) {\n  var styles = []\n  var newStyles = {}\n  for (var i = 0; i < list.length; i++) {\n    var item = list[i]\n    var id = item[0]\n    var css = item[1]\n    var media = item[2]\n    var sourceMap = item[3]\n    var part = {\n      id: parentId + ':' + i,\n      css: css,\n      media: media,\n      sourceMap: sourceMap\n    }\n    if (!newStyles[id]) {\n      styles.push(newStyles[id] = { id: id, parts: [part] })\n    } else {\n      newStyles[id].parts.push(part)\n    }\n  }\n  return styles\n}\n\n\n/***/ }),\n/* 8 */\n/***/ (function(module, exports) {\n\n/* globals __VUE_SSR_CONTEXT__ */\n\n// IMPORTANT: Do NOT use ES2015 features in this file.\n// This module is a runtime utility for cleaner component module output and will\n// be included in the final webpack user bundle.\n\nmodule.exports = function normalizeComponent (\n  rawScriptExports,\n  compiledTemplate,\n  functionalTemplate,\n  injectStyles,\n  scopeId,\n  moduleIdentifier /* server only */\n) {\n  var esModule\n  var scriptExports = rawScriptExports = rawScriptExports || {}\n\n  // ES6 modules interop\n  var type = typeof rawScriptExports.default\n  if (type === 'object' || type === 'function') {\n    esModule = rawScriptExports\n    scriptExports = rawScriptExports.default\n  }\n\n  // Vue.extend constructor export interop\n  var options = typeof scriptExports === 'function'\n    ? scriptExports.options\n    : scriptExports\n\n  // render functions\n  if (compiledTemplate) {\n    options.render = compiledTemplate.render\n    options.staticRenderFns = compiledTemplate.staticRenderFns\n    options._compiled = true\n  }\n\n  // functional template\n  if (functionalTemplate) {\n    options.functional = true\n  }\n\n  // scopedId\n  if (scopeId) {\n    options._scopeId = scopeId\n  }\n\n  var hook\n  if (moduleIdentifier) { // server build\n    hook = function (context) {\n      // 2.3 injection\n      context =\n        context || // cached call\n        (this.$vnode && this.$vnode.ssrContext) || // stateful\n        (this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional\n      // 2.2 with runInNewContext: true\n      if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {\n        context = __VUE_SSR_CONTEXT__\n      }\n      // inject component styles\n      if (injectStyles) {\n        injectStyles.call(this, context)\n      }\n      // register component module identifier for async chunk inferrence\n      if (context && context._registeredComponents) {\n        context._registeredComponents.add(moduleIdentifier)\n      }\n    }\n    // used by ssr in case component is cached and beforeCreate\n    // never gets called\n    options._ssrRegister = hook\n  } else if (injectStyles) {\n    hook = injectStyles\n  }\n\n  if (hook) {\n    var functional = options.functional\n    var existing = functional\n      ? options.render\n      : options.beforeCreate\n\n    if (!functional) {\n      // inject component registration as beforeCreate hook\n      options.beforeCreate = existing\n        ? [].concat(existing, hook)\n        : [hook]\n    } else {\n      // for template-only hot-reload because in that case the render fn doesn't\n      // go through the normalizer\n      options._injectStyles = hook\n      // register for functioal component in vue file\n      options.render = function renderWithStyleInjection (h, context) {\n        hook.call(context)\n        return existing(h, context)\n      }\n    }\n  }\n\n  return {\n    esModule: esModule,\n    exports: scriptExports,\n    options: options\n  }\n}\n\n\n/***/ }),\n/* 9 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\nvar render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('button',{class:_vm.styleClass,domProps:{\"textContent\":_vm._s(_vm.text)},on:{\"click\":_vm.payWithRave}})}\nvar staticRenderFns = []\nvar esExports = { render: render, staticRenderFns: staticRenderFns }\n/* harmony default export */ __webpack_exports__[\"a\"] = (esExports);\n\n/***/ })\n/******/ ]);\n});\n\n\n// WEBPACK FOOTER //\n// rave.min.js"," \t// The module cache\n \tvar installedModules = {};\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, {\n \t\t\t\tconfigurable: false,\n \t\t\t\tenumerable: true,\n \t\t\t\tget: getter\n \t\t\t});\n \t\t}\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"/dist/\";\n\n \t// Load entry module and return exports\n \treturn __webpack_require__(__webpack_require__.s = 1);\n\n\n\n// WEBPACK FOOTER //\n// webpack/bootstrap c8f0e01ce6a3d35de743","<template>\n    <button v-text=\"text\" :class=\"styleClass\" @click=\"payWithRave\"></button>\n</template>\n\n<script type=\"text/javascript\">\n  export default {\n      props: {\n          isProduction: {\n              type: Boolean,\n              required: false,\n              default: false\n          },\n          text: {\n              type: String,\n              default: 'Make Payment'\n          },\n          styleClass: {\n              type: String,\n              default: 'payButton'\n          },\n          email: {\n              type: String,\n              required: true\n          },\n          amount: {\n              type: Number,\n              required: true\n          },\n          raveKey: {\n              type: String,\n              required: true\n          },\n          reference: {\n              type: String,\n              required: true\n          },\n          callback: {\n              type: Function,\n              required: true,\n              default: (response) => {}\n          },\n          close: {\n              type: Function,\n              required: true,\n              default: () => {}\n          },\n          metadata: {\n              type: Object,\n              default: () => { return {} }\n          },\n          currency: {\n              type: String,\n              default: 'NGN'\n          },\n          country: {\n              type: String,\n              default: 'NG'\n          },\n          customer_firstname: {\n              type: String,\n              default: ''\n          },\n          customer_lastname: {\n              type: String,\n              default: ''\n          },\n          custom_title: {\n              type: String,\n              default: ''\n          },\n          custom_description: {\n              type: String,\n              default: ''\n          },\n          custom_logo: {\n              type: String,\n              default: ''\n          },\n          redirect_url: {\n              type: String,\n              default: ''\n          },\n          payment_plan: {\n              type: Number,\n              default: ''\n          },\n          subaccounts: {\n              type: Object,\n              default: ''\n          }\n      },\n      created() {\n          const script = document.createElement('script')\n          script.src = (!this.isProduction)\n      ? 'https://ravesandboxapi.flutterwave.com/flwv3-pug/getpaidx/api/flwpbf-inline.js'\n      : 'https://api.ravepay.co/flwv3-pug/getpaidx/api/flwpbf-inline.js'\n          document.getElementsByTagName('head')[0].appendChild(script)\n      },\n      methods: {\n          payWithRave() {\n              window.getpaidSetup({\n                  customer_email: this.email,\n                  amount: this.amount,\n                  txref: this.reference,\n                  PBFPubKey: this.raveKey,\n                  onclose: () => this.close(),\n                  callback: response => this.callback(response),\n                  meta: this.metadata,\n                  currency: this.currency,\n                  country: this.country,\n                  customer_firstname: this.customer_firstname,\n                  customer_lastname: this.customer_lastname,\n                  custom_title: this.custom_title,\n                  custom_description: this.custom_description,\n                  custom_logo: this.custom_logo,\n                  redirect_url: this.redirect_url,\n                  payment_plan: this.payment_plan,\n                  subaccounts: this.subaccounts\n              })\n          }\n      }\n  }\n</script>\n<style>\n    .payButton{\n        color: #61DAFB;\n        width: 250px;\n        height: 50px;\n        font-weight: 800;\n    }\n</style>\n\n\n// WEBPACK FOOTER //\n// src/rave.vue","import rave from './rave.vue'\n\nexport default rave\n\n\n\n// WEBPACK FOOTER //\n// ./src/index.js","function injectStyle (ssrContext) {\n  require(\"!!vue-style-loader!css-loader?minimize!../node_modules/vue-loader/lib/style-compiler/index?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-2a4295b6\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":false}!../node_modules/vue-loader/lib/selector?type=styles&index=0!./rave.vue\")\n}\nvar normalizeComponent = require(\"!../node_modules/vue-loader/lib/component-normalizer\")\n/* script */\nexport * from \"!!babel-loader!../node_modules/vue-loader/lib/selector?type=script&index=0!./rave.vue\"\nimport __vue_script__ from \"!!babel-loader!../node_modules/vue-loader/lib/selector?type=script&index=0!./rave.vue\"\n/* template */\nimport __vue_template__ from \"!!../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-2a4295b6\\\",\\\"hasScoped\\\":false,\\\"buble\\\":{\\\"transforms\\\":{}}}!../node_modules/vue-loader/lib/selector?type=template&index=0!./rave.vue\"\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = injectStyle\n/* scopeId */\nvar __vue_scopeId__ = null\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n  __vue_script__,\n  __vue_template__,\n  __vue_template_functional__,\n  __vue_styles__,\n  __vue_scopeId__,\n  __vue_module_identifier__\n)\n\nexport default Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/rave.vue\n// module id = 2\n// module chunks = 0","// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// load the styles\nvar content = require(\"!!../node_modules/css-loader/index.js?minimize!../node_modules/vue-loader/lib/style-compiler/index.js?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-2a4295b6\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":false}!../node_modules/vue-loader/lib/selector.js?type=styles&index=0!./rave.vue\");\nif(typeof content === 'string') content = [[module.id, content, '']];\nif(content.locals) module.exports = content.locals;\n// add the styles to the DOM\nvar update = require(\"!../node_modules/vue-style-loader/lib/addStylesClient.js\")(\"7f88fa9c\", content, true);\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-style-loader!./node_modules/css-loader?minimize!./node_modules/vue-loader/lib/style-compiler?{\"vue\":true,\"id\":\"data-v-2a4295b6\",\"scoped\":false,\"hasInlineConfig\":false}!./node_modules/vue-loader/lib/selector.js?type=styles&index=0!./src/rave.vue\n// module id = 3\n// module chunks = 0","exports = module.exports = require(\"../node_modules/css-loader/lib/css-base.js\")(false);\n// imports\n\n\n// module\nexports.push([module.id, \".payButton{color:#61dafb;width:250px;height:50px;font-weight:800}\", \"\"]);\n\n// exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/css-loader?minimize!./node_modules/vue-loader/lib/style-compiler?{\"vue\":true,\"id\":\"data-v-2a4295b6\",\"scoped\":false,\"hasInlineConfig\":false}!./node_modules/vue-loader/lib/selector.js?type=styles&index=0!./src/rave.vue\n// module id = 4\n// module chunks = 0","/*\n\tMIT License http://www.opensource.org/licenses/mit-license.php\n\tAuthor Tobias Koppers @sokra\n*/\n// css base code, injected by the css-loader\nmodule.exports = function(useSourceMap) {\n\tvar list = [];\n\n\t// return the list of modules as css string\n\tlist.toString = function toString() {\n\t\treturn this.map(function (item) {\n\t\t\tvar content = cssWithMappingToString(item, useSourceMap);\n\t\t\tif(item[2]) {\n\t\t\t\treturn \"@media \" + item[2] + \"{\" + content + \"}\";\n\t\t\t} else {\n\t\t\t\treturn content;\n\t\t\t}\n\t\t}).join(\"\");\n\t};\n\n\t// import a list of modules into the list\n\tlist.i = function(modules, mediaQuery) {\n\t\tif(typeof modules === \"string\")\n\t\t\tmodules = [[null, modules, \"\"]];\n\t\tvar alreadyImportedModules = {};\n\t\tfor(var i = 0; i < this.length; i++) {\n\t\t\tvar id = this[i][0];\n\t\t\tif(typeof id === \"number\")\n\t\t\t\talreadyImportedModules[id] = true;\n\t\t}\n\t\tfor(i = 0; i < modules.length; i++) {\n\t\t\tvar item = modules[i];\n\t\t\t// skip already imported module\n\t\t\t// this implementation is not 100% perfect for weird media query combinations\n\t\t\t//  when a module is imported multiple times with different media queries.\n\t\t\t//  I hope this will never occur (Hey this way we have smaller bundles)\n\t\t\tif(typeof item[0] !== \"number\" || !alreadyImportedModules[item[0]]) {\n\t\t\t\tif(mediaQuery && !item[2]) {\n\t\t\t\t\titem[2] = mediaQuery;\n\t\t\t\t} else if(mediaQuery) {\n\t\t\t\t\titem[2] = \"(\" + item[2] + \") and (\" + mediaQuery + \")\";\n\t\t\t\t}\n\t\t\t\tlist.push(item);\n\t\t\t}\n\t\t}\n\t};\n\treturn list;\n};\n\nfunction cssWithMappingToString(item, useSourceMap) {\n\tvar content = item[1] || '';\n\tvar cssMapping = item[3];\n\tif (!cssMapping) {\n\t\treturn content;\n\t}\n\n\tif (useSourceMap && typeof btoa === 'function') {\n\t\tvar sourceMapping = toComment(cssMapping);\n\t\tvar sourceURLs = cssMapping.sources.map(function (source) {\n\t\t\treturn '/*# sourceURL=' + cssMapping.sourceRoot + source + ' */'\n\t\t});\n\n\t\treturn [content].concat(sourceURLs).concat([sourceMapping]).join('\\n');\n\t}\n\n\treturn [content].join('\\n');\n}\n\n// Adapted from convert-source-map (MIT)\nfunction toComment(sourceMap) {\n\t// eslint-disable-next-line no-undef\n\tvar base64 = btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap))));\n\tvar data = 'sourceMappingURL=data:application/json;charset=utf-8;base64,' + base64;\n\n\treturn '/*# ' + data + ' */';\n}\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/css-loader/lib/css-base.js\n// module id = 5\n// module chunks = 0","/*\n  MIT License http://www.opensource.org/licenses/mit-license.php\n  Author Tobias Koppers @sokra\n  Modified by Evan You @yyx990803\n*/\n\nvar hasDocument = typeof document !== 'undefined'\n\nif (typeof DEBUG !== 'undefined' && DEBUG) {\n  if (!hasDocument) {\n    throw new Error(\n    'vue-style-loader cannot be used in a non-browser environment. ' +\n    \"Use { target: 'node' } in your Webpack config to indicate a server-rendering environment.\"\n  ) }\n}\n\nvar listToStyles = require('./listToStyles')\n\n/*\ntype StyleObject = {\n  id: number;\n  parts: Array<StyleObjectPart>\n}\n\ntype StyleObjectPart = {\n  css: string;\n  media: string;\n  sourceMap: ?string\n}\n*/\n\nvar stylesInDom = {/*\n  [id: number]: {\n    id: number,\n    refs: number,\n    parts: Array<(obj?: StyleObjectPart) => void>\n  }\n*/}\n\nvar head = hasDocument && (document.head || document.getElementsByTagName('head')[0])\nvar singletonElement = null\nvar singletonCounter = 0\nvar isProduction = false\nvar noop = function () {}\n\n// Force single-tag solution on IE6-9, which has a hard limit on the # of <style>\n// tags it will allow on a page\nvar isOldIE = typeof navigator !== 'undefined' && /msie [6-9]\\b/.test(navigator.userAgent.toLowerCase())\n\nmodule.exports = function (parentId, list, _isProduction) {\n  isProduction = _isProduction\n\n  var styles = listToStyles(parentId, list)\n  addStylesToDom(styles)\n\n  return function update (newList) {\n    var mayRemove = []\n    for (var i = 0; i < styles.length; i++) {\n      var item = styles[i]\n      var domStyle = stylesInDom[item.id]\n      domStyle.refs--\n      mayRemove.push(domStyle)\n    }\n    if (newList) {\n      styles = listToStyles(parentId, newList)\n      addStylesToDom(styles)\n    } else {\n      styles = []\n    }\n    for (var i = 0; i < mayRemove.length; i++) {\n      var domStyle = mayRemove[i]\n      if (domStyle.refs === 0) {\n        for (var j = 0; j < domStyle.parts.length; j++) {\n          domStyle.parts[j]()\n        }\n        delete stylesInDom[domStyle.id]\n      }\n    }\n  }\n}\n\nfunction addStylesToDom (styles /* Array<StyleObject> */) {\n  for (var i = 0; i < styles.length; i++) {\n    var item = styles[i]\n    var domStyle = stylesInDom[item.id]\n    if (domStyle) {\n      domStyle.refs++\n      for (var j = 0; j < domStyle.parts.length; j++) {\n        domStyle.parts[j](item.parts[j])\n      }\n      for (; j < item.parts.length; j++) {\n        domStyle.parts.push(addStyle(item.parts[j]))\n      }\n      if (domStyle.parts.length > item.parts.length) {\n        domStyle.parts.length = item.parts.length\n      }\n    } else {\n      var parts = []\n      for (var j = 0; j < item.parts.length; j++) {\n        parts.push(addStyle(item.parts[j]))\n      }\n      stylesInDom[item.id] = { id: item.id, refs: 1, parts: parts }\n    }\n  }\n}\n\nfunction createStyleElement () {\n  var styleElement = document.createElement('style')\n  styleElement.type = 'text/css'\n  head.appendChild(styleElement)\n  return styleElement\n}\n\nfunction addStyle (obj /* StyleObjectPart */) {\n  var update, remove\n  var styleElement = document.querySelector('style[data-vue-ssr-id~=\"' + obj.id + '\"]')\n\n  if (styleElement) {\n    if (isProduction) {\n      // has SSR styles and in production mode.\n      // simply do nothing.\n      return noop\n    } else {\n      // has SSR styles but in dev mode.\n      // for some reason Chrome can't handle source map in server-rendered\n      // style tags - source maps in <style> only works if the style tag is\n      // created and inserted dynamically. So we remove the server rendered\n      // styles and inject new ones.\n      styleElement.parentNode.removeChild(styleElement)\n    }\n  }\n\n  if (isOldIE) {\n    // use singleton mode for IE9.\n    var styleIndex = singletonCounter++\n    styleElement = singletonElement || (singletonElement = createStyleElement())\n    update = applyToSingletonTag.bind(null, styleElement, styleIndex, false)\n    remove = applyToSingletonTag.bind(null, styleElement, styleIndex, true)\n  } else {\n    // use multi-style-tag mode in all other cases\n    styleElement = createStyleElement()\n    update = applyToTag.bind(null, styleElement)\n    remove = function () {\n      styleElement.parentNode.removeChild(styleElement)\n    }\n  }\n\n  update(obj)\n\n  return function updateStyle (newObj /* StyleObjectPart */) {\n    if (newObj) {\n      if (newObj.css === obj.css &&\n          newObj.media === obj.media &&\n          newObj.sourceMap === obj.sourceMap) {\n        return\n      }\n      update(obj = newObj)\n    } else {\n      remove()\n    }\n  }\n}\n\nvar replaceText = (function () {\n  var textStore = []\n\n  return function (index, replacement) {\n    textStore[index] = replacement\n    return textStore.filter(Boolean).join('\\n')\n  }\n})()\n\nfunction applyToSingletonTag (styleElement, index, remove, obj) {\n  var css = remove ? '' : obj.css\n\n  if (styleElement.styleSheet) {\n    styleElement.styleSheet.cssText = replaceText(index, css)\n  } else {\n    var cssNode = document.createTextNode(css)\n    var childNodes = styleElement.childNodes\n    if (childNodes[index]) styleElement.removeChild(childNodes[index])\n    if (childNodes.length) {\n      styleElement.insertBefore(cssNode, childNodes[index])\n    } else {\n      styleElement.appendChild(cssNode)\n    }\n  }\n}\n\nfunction applyToTag (styleElement, obj) {\n  var css = obj.css\n  var media = obj.media\n  var sourceMap = obj.sourceMap\n\n  if (media) {\n    styleElement.setAttribute('media', media)\n  }\n\n  if (sourceMap) {\n    // https://developer.chrome.com/devtools/docs/javascript-debugging\n    // this makes source maps inside style tags work properly in Chrome\n    css += '\\n/*# sourceURL=' + sourceMap.sources[0] + ' */'\n    // http://stackoverflow.com/a/26603875\n    css += '\\n/*# sourceMappingURL=data:application/json;base64,' + btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap)))) + ' */'\n  }\n\n  if (styleElement.styleSheet) {\n    styleElement.styleSheet.cssText = css\n  } else {\n    while (styleElement.firstChild) {\n      styleElement.removeChild(styleElement.firstChild)\n    }\n    styleElement.appendChild(document.createTextNode(css))\n  }\n}\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-style-loader/lib/addStylesClient.js\n// module id = 6\n// module chunks = 0","/**\n * Translates the list format produced by css-loader into something\n * easier to manipulate.\n */\nmodule.exports = function listToStyles (parentId, list) {\n  var styles = []\n  var newStyles = {}\n  for (var i = 0; i < list.length; i++) {\n    var item = list[i]\n    var id = item[0]\n    var css = item[1]\n    var media = item[2]\n    var sourceMap = item[3]\n    var part = {\n      id: parentId + ':' + i,\n      css: css,\n      media: media,\n      sourceMap: sourceMap\n    }\n    if (!newStyles[id]) {\n      styles.push(newStyles[id] = { id: id, parts: [part] })\n    } else {\n      newStyles[id].parts.push(part)\n    }\n  }\n  return styles\n}\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-style-loader/lib/listToStyles.js\n// module id = 7\n// module chunks = 0","/* globals __VUE_SSR_CONTEXT__ */\n\n// IMPORTANT: Do NOT use ES2015 features in this file.\n// This module is a runtime utility for cleaner component module output and will\n// be included in the final webpack user bundle.\n\nmodule.exports = function normalizeComponent (\n  rawScriptExports,\n  compiledTemplate,\n  functionalTemplate,\n  injectStyles,\n  scopeId,\n  moduleIdentifier /* server only */\n) {\n  var esModule\n  var scriptExports = rawScriptExports = rawScriptExports || {}\n\n  // ES6 modules interop\n  var type = typeof rawScriptExports.default\n  if (type === 'object' || type === 'function') {\n    esModule = rawScriptExports\n    scriptExports = rawScriptExports.default\n  }\n\n  // Vue.extend constructor export interop\n  var options = typeof scriptExports === 'function'\n    ? scriptExports.options\n    : scriptExports\n\n  // render functions\n  if (compiledTemplate) {\n    options.render = compiledTemplate.render\n    options.staticRenderFns = compiledTemplate.staticRenderFns\n    options._compiled = true\n  }\n\n  // functional template\n  if (functionalTemplate) {\n    options.functional = true\n  }\n\n  // scopedId\n  if (scopeId) {\n    options._scopeId = scopeId\n  }\n\n  var hook\n  if (moduleIdentifier) { // server build\n    hook = function (context) {\n      // 2.3 injection\n      context =\n        context || // cached call\n        (this.$vnode && this.$vnode.ssrContext) || // stateful\n        (this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional\n      // 2.2 with runInNewContext: true\n      if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {\n        context = __VUE_SSR_CONTEXT__\n      }\n      // inject component styles\n      if (injectStyles) {\n        injectStyles.call(this, context)\n      }\n      // register component module identifier for async chunk inferrence\n      if (context && context._registeredComponents) {\n        context._registeredComponents.add(moduleIdentifier)\n      }\n    }\n    // used by ssr in case component is cached and beforeCreate\n    // never gets called\n    options._ssrRegister = hook\n  } else if (injectStyles) {\n    hook = injectStyles\n  }\n\n  if (hook) {\n    var functional = options.functional\n    var existing = functional\n      ? options.render\n      : options.beforeCreate\n\n    if (!functional) {\n      // inject component registration as beforeCreate hook\n      options.beforeCreate = existing\n        ? [].concat(existing, hook)\n        : [hook]\n    } else {\n      // for template-only hot-reload because in that case the render fn doesn't\n      // go through the normalizer\n      options._injectStyles = hook\n      // register for functioal component in vue file\n      options.render = function renderWithStyleInjection (h, context) {\n        hook.call(context)\n        return existing(h, context)\n      }\n    }\n  }\n\n  return {\n    esModule: esModule,\n    exports: scriptExports,\n    options: options\n  }\n}\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-loader/lib/component-normalizer.js\n// module id = 8\n// module chunks = 0","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('button',{class:_vm.styleClass,domProps:{\"textContent\":_vm._s(_vm.text)},on:{\"click\":_vm.payWithRave}})}\nvar staticRenderFns = []\nvar esExports = { render: render, staticRenderFns: staticRenderFns }\nexport default esExports\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-loader/lib/template-compiler?{\"id\":\"data-v-2a4295b6\",\"hasScoped\":false,\"buble\":{\"transforms\":{}}}!./node_modules/vue-loader/lib/selector.js?type=template&index=0!./src/rave.vue\n// module id = 9\n// module chunks = 0"],"sourceRoot":""}


--------------------------------------------------------------------------------
/examples/commonjs/App.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |     <div class="App">
 3 |         <p class="App-intro">
 4 |             <Rave
 5 |                 style-class="paymentbtn"
 6 |                 :email="email"
 7 |                 :amount="amount"
 8 |                 payment-options="card"
 9 |                 :reference="reference"
10 |                 :rave-key="raveKey"
11 |                 :callback="callback"
12 |                 :close="close"
13 |                 currency="NGN"
14 |             ></Rave>
15 |         </p>
16 |     </div>
17 | </template>
18 | 
19 | <script type="text/javascript">
20 | import Rave from '../../src';
21 | export default {
22 |     components: {
23 |         Rave
24 |     },
25 |     data(){
26 |         return{
27 |           raveKey: "FLWPUBK_TEST-ad5ad78e73e83375c1cf9a7f1fe2e5b0-X",
28 |           email: "foobar@example.com",
29 |           amount: 10000
30 |         }
31 |     },
32 |     computed: {
33 |       reference(){
34 |         let text = "";
35 |         let possible = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
36 | 
37 |         for( let i=0; i < 10; i++ )
38 |           text += possible.charAt(Math.floor(Math.random() * possible.length));
39 | 
40 |         return text;
41 |       }
42 |     },
43 |     methods: {
44 |       callback: function(response){
45 |         console.log(response)
46 |       },
47 |       close: function(){
48 |         console.log("Payment closed")
49 |       }
50 |     }
51 | }
52 | </script>
53 | <style>
54 |     .App {
55 |         text-align: center;
56 |     }
57 | 
58 |     .App-intro {
59 |         font-size: large;
60 |     }
61 |     .paymentbtn{
62 |         color: #04193d;
63 |         width: 250px;
64 |         height: 50px;
65 |         font-weight: 800;
66 |     }
67 | </style>
68 | 


--------------------------------------------------------------------------------
/examples/commonjs/app.js:
--------------------------------------------------------------------------------
1 | import Vue from 'vue'
2 | import App from './App.vue'
3 | new Vue({
4 |     render: h => h(App)
5 | }).$mount('#app')
6 | 


--------------------------------------------------------------------------------
/examples/commonjs/index.html:
--------------------------------------------------------------------------------
 1 | <html lang="en">
 2 |   <head>
 3 |     <meta charset="utf-8">
 4 |     <title>Vue-Rave</title>
 5 |   </head>
 6 |   <body>
 7 |     <div id="app"></div>
 8 |   </body>
 9 |   <script src="../../dist/rave.js"></script>
10 | </html>


--------------------------------------------------------------------------------
/examples/index.html:
--------------------------------------------------------------------------------
 1 | <html>
 2 | 
 3 | <head>
 4 |     <title>Vue RavePayment Example</title>
 5 |     <meta http-equiv="X-UA-Compatible" content="IE=Edge">
 6 |     <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.4.1/css/all.css" integrity="sha384-5sAR7xN1Nv6T6+dT2mhtzEpVJvfS3NScPQTrOxhwjIuvcA67KV2R5Jz6kr4abQsz" crossorigin="anonymous">
 7 |     <script src="https://unpkg.com/vue/dist/vue.js"></script>
 8 |     <script src="../dist/rave.min.js"></script>
 9 |     <style type="text/css">
10 |         body {
11 |             font-size: 1em;
12 |             font-family: 'Tahoma', sans-serif;
13 |         }
14 | 
15 |         .paymentbtn {
16 |             font-size: 3em;
17 |             color: red;
18 |         }
19 | 
20 |     </style>
21 | </head>
22 | <body>
23 |     <div id="app">
24 |         <Rave
25 |             style-class="paymentbtn"
26 |             :email="email"
27 |             :amount="amount"
28 |             :reference="reference"
29 |             :rave-key="raveKey"
30 |             :callback="callback"
31 |             :close="close"
32 |             currency="NGN"
33 |         >
34 |             <i class="fas fa-money-bill-alt"></i>
35 |             Payment Make Payment - 1
36 |         </Rave>
37 |     </div>
38 | 
39 |     <script type="text/javascript">
40 |     new Vue({
41 |         el: '#app',
42 |         components:{
43 |           'Rave': VueRavePayment.default
44 |         },
45 |         computed: {
46 |             reference(){
47 |               let text = "";
48 |               let possible = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
49 | 
50 |               for( let i=0; i < 10; i++ )
51 |                 text += possible.charAt(Math.floor(Math.random() * possible.length));
52 | 
53 |               return text;
54 |             }
55 |         },
56 |         methods: {
57 |           callback: function(response){
58 |             console.log(response)
59 |           },
60 |           close: function(){
61 |             console.log("Payment closed")
62 |           }
63 |         },
64 |         data: {
65 |           raveKey: "FLWPUBK_TEST-ad5ad78e73e83375c1cf9a7f1fe2e5b0-X",
66 |           email: "foobar@example.com",
67 |           amount: 90000
68 |         }
69 |     });
70 |     </script>
71 | </body>
72 | </html>
73 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "vue-ravepayment",
 3 |   "version": "2.0.2",
 4 |   "description": "Vue Rave Payment Component for Vue 2.x.",
 5 |   "main": "dist/rave.min.js",
 6 |   "scripts": {
 7 |     "lint": "eslint src --ext=js,vue  || exit 0",
 8 |     "lint:fix": "eslint src --ext=js,vue --fix  || exit 0",
 9 |     "dev": "webpack --env=webpack.dev && webpack-dev-server --content-base=./examples/commonjs --env=webpack.dev --open --hot",
10 |     "dist": "webpack --env=webpack.dist"
11 |   },
12 |   "repository": {
13 |     "type": "git",
14 |     "url": "git+https://github.com/iamraphson/vue-ravepayment.git"
15 |   },
16 |   "files": [
17 |     "dist",
18 |     "src"
19 |   ],
20 |   "keywords": [
21 |     "Rave",
22 |     "Vue",
23 |     "Vuejs",
24 |     "Vue 2",
25 |     "Payment Gateway",
26 |     "Rave Payment",
27 |     "Flutterwave"
28 |   ],
29 |   "author": "Ayeni Olusegun",
30 |   "license": "MIT",
31 |   "bugs": {
32 |     "url": "https://github.com/iamraphson/vue-ravepayment/issues"
33 |   },
34 |   "homepage": "",
35 |   "devDependencies": {
36 |     "@babel/cli": "^7.5.5",
37 |     "@babel/core": "^7.5.5",
38 |     "@babel/preset-env": "^7.5.5",
39 |     "babel-loader": "^8.0.6",
40 |     "css-loader": "^3.2.0",
41 |     "eslint": "^6.1.0",
42 |     "eslint-config-vue": "^2.0.2",
43 |     "eslint-loader": "^2.2.1",
44 |     "eslint-plugin-vue": "^5.2.3",
45 |     "standard": "^13.1.0",
46 |     "uglifyjs-webpack-plugin": "^2.2.0",
47 |     "vue": "^2.6.10",
48 |     "vue-loader": "^15.7.1",
49 |     "vue-template-compiler": "^2.6.10",
50 |     "webpack": "^4.39.1",
51 |     "webpack-cli": "^3.3.6",
52 |     "webpack-dev-server": "^3.8.0"
53 |   }
54 | }
55 | 


--------------------------------------------------------------------------------
/rave-demo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/iamraphson/vue-ravepayment/371faba31d38a72a9b06cd20c790c3096caf99e5/rave-demo.png


--------------------------------------------------------------------------------
/src/index.js:
--------------------------------------------------------------------------------
1 | import rave from './rave.vue'
2 | 
3 | export default rave
4 | 


--------------------------------------------------------------------------------
/src/rave.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |   <button
  3 |     :class="styleClass"
  4 |     @click="payWithRave"
  5 |   >
  6 |     <slot>Make Payment</slot>
  7 |   </button>
  8 | </template>
  9 | 
 10 | <script type="text/javascript">
 11 | export default {
 12 |     props: {
 13 |         styleClass: {
 14 |             type: String,
 15 |             default: 'payButton'
 16 |         },
 17 |         email: {
 18 |             type: String,
 19 |             required: true
 20 |         },
 21 |         amount: {
 22 |             type: Number,
 23 |             required: true
 24 |         },
 25 |         raveKey: {
 26 |             type: String,
 27 |             required: true
 28 |         },
 29 |         reference: {
 30 |             type: String,
 31 |             required: true
 32 |         },
 33 |         callback: {
 34 |             type: Function,
 35 |             required: true,
 36 |             default: (response) => {}
 37 |         },
 38 |         close: {
 39 |             type: Function,
 40 |             required: true,
 41 |             default: () => {}
 42 |         },
 43 |         metadata: {
 44 |             type: Array,
 45 |             default: () => { return [] }
 46 |         },
 47 |         currency: {
 48 |             type: String,
 49 |             default: 'NGN'
 50 |         },
 51 |         country: {
 52 |             type: String,
 53 |             default: 'NG'
 54 |         },
 55 |         customerFirstname: {
 56 |             type: String,
 57 |             default: ''
 58 |         },
 59 |         customerLastname: {
 60 |             type: String,
 61 |             default: ''
 62 |         },
 63 |         customTitle: {
 64 |             type: String,
 65 |             default: ''
 66 |         },
 67 |         customDescription: {
 68 |             type: String,
 69 |             default: ''
 70 |         },
 71 |         customLogo: {
 72 |             type: String,
 73 |             default: ''
 74 |         },
 75 |         redirectUrl: {
 76 |             type: String,
 77 |             default: ''
 78 |         },
 79 |         paymentOptions: {
 80 |             type: String,
 81 |             default: 'card'
 82 |         },
 83 |         paymentPlan: {
 84 |             type: Number,
 85 |             default: 0
 86 |         },
 87 |         hostedPayment: {
 88 |             type: Number,
 89 |             default: 0
 90 |         },
 91 |         subaccounts: {
 92 |             type: Array,
 93 |             default: () => { return [] }
 94 |         }
 95 |     },
 96 |     created() {
 97 |         const script = document.createElement('script')
 98 |         script.src = 'https://api.ravepay.co/flwv3-pug/getpaidx/api/flwpbf-inline.js'
 99 |         document.getElementsByTagName('head')[0].appendChild(script)
100 |     },
101 |     methods: {
102 |         payWithRave() {
103 |             window.getpaidSetup({
104 |                 customer_email: this.email,
105 |                 amount: this.amount,
106 |                 txref: this.reference,
107 |                 PBFPubKey: this.raveKey,
108 |                 onclose: () => this.close(),
109 |                 callback: response => this.callback(response),
110 |                 meta: this.metadata,
111 |                 currency: this.currency,
112 |                 country: this.country,
113 |                 customer_firstname: this.customerFirstname,
114 |                 customer_lastname: this.customerLastname,
115 |                 custom_title: this.customTitle,
116 |                 custom_logo: this.customLogo,
117 |                 redirect_url: this.redirectUrl,
118 |                 payment_plan: this.paymentPlan,
119 |                 payment_options: this.paymentOptions,
120 |                 subaccounts: this.subaccounts,
121 |                 hosted_payment: this.hostedPayment
122 |             })
123 |         }
124 |     }
125 | }
126 | </script>
127 | <style>
128 |     .payButton{
129 |         color: #61DAFB;
130 |         width: 250px;
131 |         height: 50px;
132 |         font-weight: 800;
133 |     }
134 | </style>
135 | 


--------------------------------------------------------------------------------
/webpack.config.js:
--------------------------------------------------------------------------------
1 | function buildConfig(env) {
2 |     return require('./build/' + env + '.js')
3 | }
4 | 
5 | module.exports = buildConfig
6 | 


--------------------------------------------------------------------------------