New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More
Socket
Sign inDemoInstall
Socket

@payvision/checkout-library

Package Overview
Dependencies
Maintainers
1
Versions
9
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@payvision/checkout-library - npm Package Compare versions

Comparing version 1.0.2 to 1.1.0

sonar-project.properties

2

dist/checkout-library.js

@@ -1,1 +0,1 @@

!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define("Checkout",[],t):"object"==typeof exports?exports.Checkout=t():e.Checkout=t()}(window,function(){return function(e){var t={};function r(n){if(t[n])return t[n].exports;var i=t[n]={i:n,l:!1,exports:{}};return e[n].call(i.exports,i,i.exports,r),i.l=!0,i.exports}return r.m=e,r.c=t,r.d=function(e,t,n){r.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.t=function(e,t){if(1&t&&(e=r(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(r.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var i in e)r.d(n,i,function(t){return e[t]}.bind(null,i));return n},r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,"a",t),t},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.p="",r(r.s=0)}([function(e,t,r){e.exports=r(1)},function(e,t,r){"use strict";r.r(t);var n={width:"100%",height:"780px",frameBorder:"0"};function i(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function o(e){var t,r,n,o,c,u=this,a=e.target.contentWindow,s=(t=this.url,(r=t.split("/"))[0]+"//"+r[2]);n=window,o="message",c=function(e){if(e.origin===s){var t=e.data||{ready:!1,error:!1,height:0},r=t.ready,n=t.error,i=t.redirect,o=t.height;r&&u.show(),n&&function(e){document.dispatchEvent(new CustomEvent("checkout-error",{detail:{error:e}}))}(n),i&&function(e){if(window.location.href===e)return window.location.reload();window.location.assign(e)}(i),o&&function(e,t){e.style.height=t}(u.iframe,o)}},n.addEventListener?n.addEventListener(o,c,!1):n.attachEvent&&n.attachEvent("on"+o,c);var f=function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter(function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable}))),n.forEach(function(t){i(e,t,r[t])})}return e}({styles:this.styles},this.options);a.postMessage(f,s)}function c(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter(function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable}))),n.forEach(function(t){u(e,t,r[t])})}return e}function u(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function a(e,t){if(null==e)return{};var r,n,i=function(e,t){if(null==e)return{};var r,n,i={},o=Object.keys(e);for(n=0;n<o.length;n++)r=o[n],t.indexOf(r)>=0||(i[r]=e[r]);return i}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n<o.length;n++)r=o[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(i[r]=e[r])}return i}function s(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}var f=function(){function e(t,r){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e);var i=n.styles,o=void 0===i?{}:i,u=a(n,["styles"]);this.checkoutId=t,this.elementId=r,this.options=c({live:!1},u),this.styles=o}var t,r,i;return t=e,(r=[{key:"render",value:function(){var e=this.options.live,t=void 0!==e&&e,r=this.styles.iframe,i=void 0===r?{}:r;return this.url=function(e){return e?"https://connect.acehubpaymentservices.com/gateway/v3/web/checkouts/CHECKOUT_ID":"https://stagconnect.acehubpaymentservices.com/gateway/v3/web/checkouts/CHECKOUT_ID"}(t),this.iframe=function(e){var t=document.createElement("iframe");return t.width=e.width,t.height=e.height,t.frameBorder=e.frameBorder,t.style.visibility="hidden",t.style.transition="all 0.2s ease-out",t.name="Checkout",t}(c({},n,i)),function(e,t,r){var n=r.url;if(!t)throw new ReferenceError("There is no checkout id");e.src="".concat(n.replace(/CHECKOUT_ID/,t))}(this.iframe,this.checkoutId,{url:this.url}),function(e,t){var r=document.getElementById(t);if(!r)throw new ReferenceError("The element specified is not present in DOM");var n=r.querySelector("iframe");n?r.replaceChild(e,n):r.appendChild(e)}(this.iframe,this.elementId),this.iframe.onload=o.bind(this),this}},{key:"show",value:function(){if(!this.iframe)throw new ReferenceError("The component is not initialiased. Use render method.");return this.iframe.style.visibility="visible",this}},{key:"hide",value:function(){if(!this.iframe)throw new ReferenceError("The component is not initialiased. Use render method.");return this.iframe.style.visibility="hidden",this}}])&&s(t.prototype,r),i&&s(t,i),e}();t.default=f}]).default});
!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define("Checkout",[],t):"object"==typeof exports?exports.Checkout=t():e.Checkout=t()}(window,function(){return function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}return n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)n.d(r,o,function(t){return e[t]}.bind(null,o));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=0)}([function(e,t,n){e.exports=n(1)},function(e,t,n){"use strict";n.r(t);var r={width:"100%",height:"780px",frameBorder:"0"};function o(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function i(e){document.dispatchEvent(new CustomEvent("checkout-error",{detail:{error:e}}))}function s(e){e.fields?function(e){var t=e.url;if(window.location.href===t)return window.location.reload();window.location.assign(t)}(e):function(e){var t=e.url,n=e.fields,r=e.method,o=void 0===r?"post":r,i=e.target,s=void 0===i?"_top":i,c=document.createElement("form");c.setAttribute("method",o),c.setAttribute("action",t),c.setAttribute("target",s);var u=!0,a=!1,l=void 0;try{for(var f,d=n[Symbol.iterator]();!(u=(f=d.next()).done);u=!0){var h=f.value,v=document.createElement("input");v.setAttribute("type","hidden"),v.setAttribute("name",h),v.setAttribute("value",n[h]),c.appendChild(v)}}catch(e){a=!0,l=e}finally{try{u||null==d.return||d.return()}finally{if(a)throw l}}document.body.appendChild(c),c.submit()}(e)}function c(e){return e instanceof Function}function u(e){var t,n,r,u,a,l=this,f=e.target.contentWindow,d=(t=this.url,(n=t.split("/"))[0]+"//"+n[2]),h={onReady:c(this.events.onReady)?this.events.onReady:this.show.bind(this),onError:c(this.events.onError)?this.events.onError:i,onSuccess:c(this.events.onSuccess)?this.events.onSuccess:s};r=window,u="message",a=function(e){if(e.origin===d){var t=e.data||{ready:!1,error:!1,height:0},n=t.ready,r=t.error,o=t.resolve,i=t.height;n&&h.onReady(l),r&&h.onError(r),o&&h.onSuccess(o),i&&function(e,t){e.style.height=t}(l.iframe,i)}},r.addEventListener?r.addEventListener(u,a,!1):r.attachEvent&&r.attachEvent("on"+u,a);var v=function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),r.forEach(function(t){o(e,t,n[t])})}return e}({styles:this.styles,events:Object.keys(this.events)},this.options);f.postMessage(v,d)}function a(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),r.forEach(function(t){l(e,t,n[t])})}return e}function l(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function f(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},i=Object.keys(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}function d(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}var h=function(){function e(t,n){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e);var o=r.styles,i=void 0===o?{}:o,s=r.events,c=void 0===s?{}:s,u=f(r,["styles","events"]);this.checkoutId=t,this.elementId=n,this.options=a({live:!1},u),this.styles=i,this.events=c}var t,n,o;return t=e,(n=[{key:"render",value:function(){var e=this.options,t=e.live,n=void 0!==t&&t,o=e.overrideProxyUrl,i=void 0===o?"":o,s=this.styles.iframe,c=void 0===s?{}:s;return this.url=i?"".concat(i,"/CHECKOUT_ID"):function(e){return e?"https://connect.acehubpaymentservices.com/gateway/v3/web/checkouts/CHECKOUT_ID":"https://stagconnect.acehubpaymentservices.com/gateway/v3/web/checkouts/CHECKOUT_ID"}(n),this.iframe=function(e){var t=document.createElement("iframe");return t.width=e.width,t.height=e.height,t.frameBorder=e.frameBorder,t.style.visibility="hidden",t.style.transition="all 0.2s ease-out",t.name="Checkout",t}(a({},r,c)),function(e,t,n){var r=n.url;if(!t)throw new ReferenceError("There is no checkout id");e.src="".concat(r.replace(/CHECKOUT_ID/,t))}(this.iframe,this.checkoutId,{url:this.url}),function(e,t){var n=document.getElementById(t);if(!n)throw new ReferenceError("The element specified is not present in DOM");var r=n.querySelector("iframe");r?n.replaceChild(e,r):n.appendChild(e)}(this.iframe,this.elementId),this.iframe.onload=u.bind(this),this}},{key:"show",value:function(){if(!this.iframe)throw new ReferenceError("The component is not initialiased. Use render method.");return this.iframe.style.visibility="visible",this}},{key:"hide",value:function(){if(!this.iframe)throw new ReferenceError("The component is not initialiased. Use render method.");return this.iframe.style.visibility="hidden",this}}])&&d(t.prototype,n),o&&d(t,o),e}();t.default=h}]).default});
{
"name": "@payvision/checkout-library",
"version": "1.0.2",
"version": "1.1.0",
"description": "Payvision Checkout javascript customization library.",

@@ -5,0 +5,0 @@ "main": "dist/checkout-library.js",

@@ -33,4 +33,4 @@ # Checkout.js

<script
src="https://cdn.payvision.com/checkout/1.0.2/checkout-library.js"
integrity="sha384-dfYwYFWBpMmpGLKBjz9mAoR4xHB0JSJk/jbd93YsdXmS3Nu0KFbluVF+8F8yguT7"
src="https://cdn.payvision.com/checkout/1.1.0/checkout-library.js"
integrity="sha384-pZaZN073vDkrkNB2mL8gFpb2mpnDhREucju9O1z8bZaJOjUbLspiEFt9mdwpZs8Y"
crossorigin="anonymous"

@@ -42,7 +42,7 @@ ></script>

Use corresponding integrity "sha384-dfYwYFWBpMmpGLKBjz9mAoR4xHB0JSJk/jbd93YsdXmS3Nu0KFbluVF+8F8yguT7" to ensure [subresource integrity](https://developer.mozilla.org/en-US/docs/Web/Security/Subresource_Integrity).
Use corresponding integrity "sha384-pZaZN073vDkrkNB2mL8gFpb2mpnDhREucju9O1z8bZaJOjUbLspiEFt9mdwpZs8Y" to ensure [subresource integrity](https://developer.mozilla.org/en-US/docs/Web/Security/Subresource_Integrity).
## Use of library
> Create an HTML element as container for the checkout. The **container id** will be used to embed the checkout using the library.
> Create an HTML element as the container for the checkout. The **container id** will be used to embed the checkout using the library.

@@ -65,3 +65,3 @@ ```html

> Create checkout custom options object (not required).
> Create the checkout custom options object (not required).

@@ -109,3 +109,3 @@ ```javascript

> Create a checkout object with parameters from above.
> Create the checkout object with parameters from above.

@@ -127,2 +127,3 @@ ```javascript

| **live** | boolean | The target environment [false: staging (default), true: production] |
| **events** | object | <ul><li>onReady: Function emitted when the checkout is ready.</li><li>onSuccess: Function emitted when the checkout is completed.</li><li>onError: Function emitted when an error has occurred.</li></ul> |
| **styles** | object | <ul><li>imageUrl: 'Logo Url'</li><li>autoHeight: [*false*]</li><li>generalStyles <ul> <li>fontFamily [_'"Source Sans Pro", "Arial", "Verdana"'_]</li><li>fontFamilyUrl [' ']</li> <li>backgroundColor[<span style="color: #f6f7fb">_'#f6f7fb'_</span>]</li> <li>primaryThemeColor[<span style="color: #213d8f">_'#213d8f'_</span>]</li> <li>accentThemeColor[<span style="color: #909ec7">_'#909ec7'_</span>]</li> <li>secondaryThemeColor[<span style="color: #909ec7">_'#909ec7'_</span>]</li> <li>infoThemeColor[<span style="color: #1db9de">_'#1db9de'_</span>]</li> <li>warningThemeColor[<span style="color: #fec61f">_'#fec61f'_</span>]</li> <li>errorThemeColor[<span style="color: #e6493a">_'#e6493a'_</span>]</li> <li>successThemeColor[<span style="color: #35ba6">_'#35ba6'_</span>]</li> </ul> </li> <li> formStyles <ul> <li>backgroundFormColor[<span style="color: #ffffff">_'#ffffff'_</span>]</li> <li>backgroundFormContainerColor[<span style="color: #ffffff">_'#ffffff'_</span>]</li> <li>fontSize[<span>_14px_</span>]</li> <li>borderWidth[<span >_1px_</span>]</li> <li>borderRadius[<span>_2px_</span>]</li> </ul> </li> <li> paymentButtonStyles <ul> <li>fontColor[<span style="color: #ffffff">_'#ffffff'_</span>]</li> <li>backgroundColor[<span style="color: #8ec03f">_'#8ec03f'_</span>]</li> <li>borderColor[<span style="color: #8ec03f">_'#8ec03f'_</span>]</li> <li>fontSize[<span>_16px_</span>]</li> <li>borderWidth[<span >_1px_</span>]</li> <li>borderRadius[<span>_2px_</span>]</li> </ul> </li> iframe <ul> <li> width ['100%'] </li> <li> heigth ['780px'] </li> </ul> </ul> |

@@ -134,3 +135,3 @@

You can configure the library to development purposes if set the `option.live` to false. If you want to release your build to production you have to set the target to production environvment with the `option.live` setted true.
You can configure the library for development purposes if set the `option.live` to false. If you want to release your build to production you have to set the target to live environment with the `option.live` set to true.

@@ -152,2 +153,12 @@ | Environment | Url |

## Events
Checkout.js provides the following helper methods to manipulate Checkout UI.
| Method | Parameters | Description | Example |
| ------------ | ---------- | ------------------- | -------- |
| **onReady** | Checkout | Checkout ready to be displayed | onReady: checkout => checkout.show() |
| **onError** | Error | Error in checkout | onError: error => console.log(error.message) |
| **onSuccess** | Redirect | Checkout completed | onSuccess: redirect => redirect.method === 'GET' ? window.location.assign(redirect.url) : submitForm(redirect.url, redirect.fields) |
## Supported browsers

@@ -161,2 +172,2 @@

Payvision © 2019
Payvision © 2020
SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc