@rebilly/framepay-react 1.5.0 → 1.5.1

package/build/lib/components/elements/applepay-element.js

@@ -48,7 +48,7 @@ var ApplePayElement = /** @class */ (function (_super) {
         };
         var element = makeElement();
         try {
-            Rebilly.on('token-ready', function (token) {
+            this.addEventHandler('token-ready', function (token) {
                 if (onTokenReady) {
                     onTokenReady(token);
                 }
@@ -66,4 +66,4 @@ var ApplePayElement = /** @class */ (function (_super) {
     return ApplePayElement;
 }(base_element_1.default));
 exports.default = ApplePayElement;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXBwbGVwYXktZWxlbWVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9saWIvY29tcG9uZW50cy9lbGVtZW50cy9hcHBsZXBheS1lbGVtZW50LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFDQSx3RUFBaUQ7QUFDakQsZ0VBQXlDO0FBRXpDO0lBQTZDLG1DQUc1QztJQUhEOztJQThDQSxDQUFDO0lBMUNHLHNDQUFZLEdBQVo7UUFBQSxpQkF5Q0M7UUF4Q1MsSUFBQSxLQUE0QixJQUFJLENBQUMsS0FBSyxFQUFwQyxPQUFPLGFBQUEsRUFBRSxZQUFZLGtCQUFlLENBQUM7UUFFN0MsSUFBTSxXQUFXLEdBQUc7WUFDaEIsZ0VBQWdFO1lBQ2hFLHFCQUFxQjtZQUNyQixJQUFJLENBQUMsS0FBSSxDQUFDLFdBQVcsRUFBRTtnQkFDbkIsTUFBTSx3QkFBYSxDQUFDO29CQUNoQixJQUFJLEVBQUUsd0JBQWEsQ0FBQyxLQUFLLENBQUMsaUJBQWlCO29CQUMzQyxPQUFPLEVBQUUscUNBQXFDO2lCQUNqRCxDQUFDLENBQUM7YUFDTjtZQUVELElBQUk7Z0JBQ0EsT0FBTyxPQUFPLENBQUMsUUFBUSxDQUFDLEtBQUssQ0FBQyxLQUFJLENBQUMsV0FBVyxDQUFDLENBQUM7YUFDbkQ7WUFBQyxPQUFPLENBQUMsRUFBRTtnQkFDUixNQUFNLHdCQUFhLENBQUM7b0JBQ2hCLElBQUksRUFBRSx3QkFBYSxDQUFDLEtBQUssQ0FBQyxpQkFBaUI7b0JBQzNDLE9BQU8sRUFBRSwwQ0FBMEM7b0JBQ25ELEtBQUssRUFBRSxDQUFDO2lCQUNYLENBQUMsQ0FBQzthQUNOO1FBQ0wsQ0FBQyxDQUFDO1FBRUYsSUFBTSxPQUFPLEdBQUcsV0FBVyxFQUFFLENBQUM7UUFFOUIsSUFBSTtZQUNBLE9BQU8sQ0FBQyxFQUFFLENBQUMsYUFBYSxFQUFFLFVBQUMsS0FBYTtnQkFDcEMsSUFBSSxZQUFZLEVBQUU7b0JBQ2QsWUFBWSxDQUFDLEtBQUssQ0FBQyxDQUFDO2lCQUN2QjtZQUNMLENBQUMsQ0FBQyxDQUFDO1lBRUgsSUFBSSxDQUFDLFFBQVEsQ0FBQyxFQUFFLE9BQU8sU0FBQSxFQUFFLENBQUMsQ0FBQztTQUM5QjtRQUFDLE9BQU8sQ0FBQyxFQUFFO1lBQ1IsTUFBTSx3QkFBYSxDQUFDO2dCQUNoQixJQUFJLEVBQUUsd0JBQWEsQ0FBQyxLQUFLLENBQUMsaUJBQWlCO2dCQUMzQyxPQUFPLEVBQUUsc0NBQXNDO2dCQUMvQyxLQUFLLEVBQUUsQ0FBQzthQUNYLENBQUMsQ0FBQztTQUNOO0lBQ0wsQ0FBQztJQUNMLHNCQUFDO0FBQUQsQ0FBQyxBQTlDRCxDQUE2QyxzQkFBVyxHQThDdkQifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXBwbGVwYXktZWxlbWVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9saWIvY29tcG9uZW50cy9lbGVtZW50cy9hcHBsZXBheS1lbGVtZW50LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFDQSx3RUFBaUQ7QUFDakQsZ0VBQXlDO0FBRXpDO0lBQTZDLG1DQUc1QztJQUhEOztJQThDQSxDQUFDO0lBMUNHLHNDQUFZLEdBQVo7UUFBQSxpQkF5Q0M7UUF4Q1MsSUFBQSxLQUE0QixJQUFJLENBQUMsS0FBSyxFQUFwQyxPQUFPLGFBQUEsRUFBRSxZQUFZLGtCQUFlLENBQUM7UUFFN0MsSUFBTSxXQUFXLEdBQUc7WUFDaEIsZ0VBQWdFO1lBQ2hFLHFCQUFxQjtZQUNyQixJQUFJLENBQUMsS0FBSSxDQUFDLFdBQVcsRUFBRTtnQkFDbkIsTUFBTSx3QkFBYSxDQUFDO29CQUNoQixJQUFJLEVBQUUsd0JBQWEsQ0FBQyxLQUFLLENBQUMsaUJBQWlCO29CQUMzQyxPQUFPLEVBQUUscUNBQXFDO2lCQUNqRCxDQUFDLENBQUM7YUFDTjtZQUVELElBQUk7Z0JBQ0EsT0FBTyxPQUFPLENBQUMsUUFBUSxDQUFDLEtBQUssQ0FBQyxLQUFJLENBQUMsV0FBVyxDQUFDLENBQUM7YUFDbkQ7WUFBQyxPQUFPLENBQUMsRUFBRTtnQkFDUixNQUFNLHdCQUFhLENBQUM7b0JBQ2hCLElBQUksRUFBRSx3QkFBYSxDQUFDLEtBQUssQ0FBQyxpQkFBaUI7b0JBQzNDLE9BQU8sRUFBRSwwQ0FBMEM7b0JBQ25ELEtBQUssRUFBRSxDQUFDO2lCQUNYLENBQUMsQ0FBQzthQUNOO1FBQ0wsQ0FBQyxDQUFDO1FBRUYsSUFBTSxPQUFPLEdBQUcsV0FBVyxFQUFFLENBQUM7UUFFOUIsSUFBSTtZQUNBLElBQUksQ0FBQyxlQUFlLENBQUMsYUFBYSxFQUFFLFVBQUMsS0FBYTtnQkFDOUMsSUFBSSxZQUFZLEVBQUU7b0JBQ2QsWUFBWSxDQUFDLEtBQUssQ0FBQyxDQUFDO2lCQUN2QjtZQUNMLENBQUMsQ0FBQyxDQUFDO1lBRUgsSUFBSSxDQUFDLFFBQVEsQ0FBQyxFQUFFLE9BQU8sU0FBQSxFQUFFLENBQUMsQ0FBQztTQUM5QjtRQUFDLE9BQU8sQ0FBQyxFQUFFO1lBQ1IsTUFBTSx3QkFBYSxDQUFDO2dCQUNoQixJQUFJLEVBQUUsd0JBQWEsQ0FBQyxLQUFLLENBQUMsaUJBQWlCO2dCQUMzQyxPQUFPLEVBQUUsc0NBQXNDO2dCQUMvQyxLQUFLLEVBQUUsQ0FBQzthQUNYLENBQUMsQ0FBQztTQUNOO0lBQ0wsQ0FBQztJQUNMLHNCQUFDO0FBQUQsQ0FBQyxBQTlDRCxDQUE2QyxzQkFBVyxHQThDdkQifQ==

package/build/lib/components/elements/base-element.d.ts

@@ -2,10 +2,16 @@ import * as React from 'react';
 export default class BaseElement<T extends PaymentComponentProps, S extends PaymentComponentState> extends React.Component<T, S> {
     readonly state: S;
     protected elementNode: HTMLDivElement | null;
+    private registeredEventHandlers;
     componentWillUnmount(): void;
     componentDidMount(): void;
     setupElement(): void;
     handleSetupElement(): void;
     shouldComponentUpdate(nextProps: any, nextState: any): boolean;
     render(): JSX.Element;
+    /**
+     * Registers a framepay event handler using Rebilly.on(), which will automatically be
+     * disposed of when the element is umounted.
+     */
+    addEventHandler(event: initRebillyEvents, delegate: RebillyEventDelegate): void;
 }

package/build/lib/components/elements/base-element.js

@@ -42,6 +42,13 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
+var __spreadArrays = (this && this.__spreadArrays) || function () {
+    for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;
+    for (var r = Array(s), k = 0, i = 0; i < il; i++)
+        for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
+            r[k] = a[j];
+    return r;
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 var React = __importStar(require("react"));
 var BaseElement = /** @class */ (function (_super) {
@@ -55,10 +62,17 @@ var BaseElement = /** @class */ (function (_super) {
         };
         /* tslint:disable:readonly-keyword */
         _this.elementNode = null;
+        _this.registeredEventHandlers = [];
         return _this;
     }
     /* tslint:enable:readonly-keyword */
     BaseElement.prototype.componentWillUnmount = function () {
+        // Remove all the registered event handlers
+        var Rebilly = this.props.Rebilly;
+        this.registeredEventHandlers.forEach(function (_a) {
+            var event = _a.event, delegate = _a.delegate;
+            Rebilly.off(event, delegate);
+        });
         if (this.state.mounted && !this.state.element) {
             // tslint:disable-next-line:no-console
             console.log("WARNING Element does not exist, please fix the setupElement method and add setState({element})");
@@ -132,7 +146,21 @@ var BaseElement = /** @class */ (function (_super) {
         var _this = this;
         return (React.createElement("div", { id: this.props.id, ref: function (node) { return (_this.elementNode = node); } }));
     };
+    /**
+     * Registers a framepay event handler using Rebilly.on(), which will automatically be
+     * disposed of when the element is umounted.
+     */
+    BaseElement.prototype.addEventHandler = function (event, delegate) {
+        var Rebilly = this.props.Rebilly;
+        Rebilly.on(event, delegate);
+        this.registeredEventHandlers = __spreadArrays(this.registeredEventHandlers, [
+            {
+                delegate: delegate,
+                event: event
+            }
+        ]);
+    };
     return BaseElement;
 }(React.Component));
 exports.default = BaseElement;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFzZS1lbGVtZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2xpYi9jb21wb25lbnRzL2VsZW1lbnRzL2Jhc2UtZWxlbWVudC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsMkNBQStCO0FBRS9CO0lBR1UsK0JBQXFCO0lBSC9CO1FBQUEscUVBaUdDO1FBN0ZZLFdBQUssR0FBRztZQUNiLE9BQU8sRUFBRSxJQUFJO1lBQ2IsT0FBTyxFQUFFLEtBQUs7WUFDZCxLQUFLLEVBQUUsS0FBSztTQUNWLENBQUM7UUFFUCxxQ0FBcUM7UUFDM0IsaUJBQVcsR0FBMEIsSUFBSSxDQUFDOztJQXNGeEQsQ0FBQztJQXBGRyxvQ0FBb0M7SUFFcEMsMENBQW9CLEdBQXBCO1FBQ0ksSUFBSSxJQUFJLENBQUMsS0FBSyxDQUFDLE9BQU8sSUFBSSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsT0FBTyxFQUFFO1lBQzNDLHNDQUFzQztZQUN0QyxPQUFPLENBQUMsR0FBRyxDQUNQLGdHQUFnRyxDQUNuRyxDQUFDO1lBQ0YsT0FBTztTQUNWO1FBQ0QsSUFBSSxJQUFJLENBQUMsS0FBSyxDQUFDLE9BQU8sRUFBRTtZQUNwQixJQUFJLENBQUMsS0FBSyxDQUFDLE9BQU8sQ0FBQyxPQUFPLEVBQUUsQ0FBQztTQUNoQztJQUNMLENBQUM7SUFFRCx1Q0FBaUIsR0FBakI7UUFDSSxJQUFJLENBQUMsa0JBQWtCLEVBQUUsQ0FBQztJQUM5QixDQUFDO0lBRUQsa0NBQVksR0FBWjtRQUNJLE1BQU0sSUFBSSxLQUFLLENBQUMsc0NBQXNDLENBQUMsQ0FBQztJQUM1RCxDQUFDO0lBRUQsd0NBQWtCLEdBQWxCO1FBQ0ksSUFBSSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsT0FBTyxDQUFDLEtBQUssRUFBRTtZQUMzQjs7ZUFFRztZQUNILE9BQU87U0FDVjtRQUNELElBQUksSUFBSSxDQUFDLEtBQUssQ0FBQyxPQUFPLEVBQUU7WUFDcEI7O2VBRUc7WUFDSCxPQUFPO1NBQ1Y7UUFDRCxJQUFJLENBQUMsSUFBSSxDQUFDLFdBQVcsRUFBRTtZQUNuQjs7ZUFFRztZQUNILE9BQU87U0FDVjtRQUNEOztXQUVHO1FBQ0gsYUFBYTtRQUNiLElBQUksQ0FBQyxLQUFLLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQztRQUMxQixJQUFJLENBQUMsWUFBWSxFQUFFLENBQUM7SUFDeEIsQ0FBQztJQUVELDJDQUFxQixHQUFyQixVQUFzQixTQUFjLEVBQUUsU0FBYztRQUNoRCx5RUFBeUU7UUFDekUsdUVBQXVFO1FBQ3ZFLGdHQUFnRztRQUNoRyxrQkFBa0I7UUFDbEIsSUFBTSxLQUFLLEdBQXVCO1lBQzlCLGFBQWE7WUFDYixDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsT0FBTyxDQUFDLEtBQUssRUFBRSxTQUFTLENBQUMsT0FBTyxDQUFDLEtBQUssQ0FBQztZQUNuRCxhQUFhO1lBQ2IsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLE9BQU8sRUFBRSxTQUFTLENBQUMsT0FBTyxDQUFDO1lBQ3ZDLGFBQWE7WUFDYixDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsS0FBSyxFQUFFLFNBQVMsQ0FBQyxLQUFLLENBQUM7WUFDbkMsYUFBYTtZQUNiLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsT0FBTyxFQUFFLENBQUMsQ0FBQyxTQUFTLENBQUMsT0FBTyxDQUFDO1NBQzlDLENBQUM7UUFFRixJQUFNLFlBQVksR0FBRyxLQUFLLENBQUMsSUFBSSxDQUFDLFVBQUMsRUFBWTtnQkFBWCxJQUFJLFFBQUEsRUFBRSxJQUFJLFFBQUE7WUFBTSxPQUFBLElBQUksS0FBSyxJQUFJO1FBQWIsQ0FBYSxDQUFDLENBQUM7UUFFakUsSUFBSSxZQUFZLEVBQUU7WUFDZCxhQUFhO1lBQ2IsSUFBSSxDQUFDLEtBQUssR0FBRyxTQUFTLENBQUM7WUFDdkIsSUFBSSxDQUFDLGtCQUFrQixFQUFFLENBQUM7WUFDMUIsYUFBYTtZQUNiLElBQUksQ0FBQyxLQUFLLGdCQUFRLFNBQVMsQ0FBRSxDQUFDO1NBQ2pDO1FBRUQsT0FBTyxLQUFLLENBQUM7SUFDakIsQ0FBQztJQUVELDRCQUFNLEdBQU47UUFBQSxpQkFJQztRQUhHLE9BQU8sQ0FDSCw2QkFBSyxFQUFFLEVBQUUsSUFBSSxDQUFDLEtBQUssQ0FBQyxFQUFFLEVBQUUsR0FBRyxFQUFFLFVBQUEsSUFBSSxJQUFJLE9BQUEsQ0FBQyxLQUFJLENBQUMsV0FBVyxHQUFHLElBQUksQ0FBQyxFQUF6QixDQUF5QixHQUFJLENBQ3JFLENBQUM7SUFDTixDQUFDO0lBQ0wsa0JBQUM7QUFBRCxDQUFDLEFBakdELENBR1UsS0FBSyxDQUFDLFNBQVMsR0E4RnhCIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFzZS1lbGVtZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2xpYi9jb21wb25lbnRzL2VsZW1lbnRzL2Jhc2UtZWxlbWVudC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLDJDQUErQjtBQUUvQjtJQUdVLCtCQUFxQjtJQUgvQjtRQUFBLHFFQTRIQztRQXhIWSxXQUFLLEdBQUc7WUFDYixPQUFPLEVBQUUsSUFBSTtZQUNiLE9BQU8sRUFBRSxLQUFLO1lBQ2QsS0FBSyxFQUFFLEtBQUs7U0FDVixDQUFDO1FBRVAscUNBQXFDO1FBQzNCLGlCQUFXLEdBQTBCLElBQUksQ0FBQztRQUU1Qyw2QkFBdUIsR0FHMUIsRUFBRSxDQUFDOztJQTRHWixDQUFDO0lBMUdHLG9DQUFvQztJQUVwQywwQ0FBb0IsR0FBcEI7UUFDSSwyQ0FBMkM7UUFDbkMsSUFBQSxPQUFPLEdBQUssSUFBSSxDQUFDLEtBQUssUUFBZixDQUFnQjtRQUMvQixJQUFJLENBQUMsdUJBQXVCLENBQUMsT0FBTyxDQUFDLFVBQUMsRUFBbUI7Z0JBQWpCLEtBQUssV0FBQSxFQUFFLFFBQVEsY0FBQTtZQUNuRCxPQUFPLENBQUMsR0FBRyxDQUFDLEtBQUssRUFBRSxRQUFRLENBQUMsQ0FBQztRQUNqQyxDQUFDLENBQUMsQ0FBQztRQUVILElBQUksSUFBSSxDQUFDLEtBQUssQ0FBQyxPQUFPLElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLE9BQU8sRUFBRTtZQUMzQyxzQ0FBc0M7WUFDdEMsT0FBTyxDQUFDLEdBQUcsQ0FDUCxnR0FBZ0csQ0FDbkcsQ0FBQztZQUNGLE9BQU87U0FDVjtRQUNELElBQUksSUFBSSxDQUFDLEtBQUssQ0FBQyxPQUFPLEVBQUU7WUFDcEIsSUFBSSxDQUFDLEtBQUssQ0FBQyxPQUFPLENBQUMsT0FBTyxFQUFFLENBQUM7U0FD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

package/build/lib/components/elements/googlepay-element.js

@@ -48,7 +48,7 @@ var GooglePayElement = /** @class */ (function (_super) {
         };
         var element = makeElement();
         try {
-            Rebilly.on('token-ready', function (token) {
+            this.addEventHandler('token-ready', function (token) {
                 if (onTokenReady) {
                     onTokenReady(token);
                 }
@@ -66,4 +66,4 @@ var GooglePayElement = /** @class */ (function (_super) {
     return GooglePayElement;
 }(base_element_1.default));
 exports.default = GooglePayElement;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ29vZ2xlcGF5LWVsZW1lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvZWxlbWVudHMvZ29vZ2xlcGF5LWVsZW1lbnQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUNBLHdFQUFpRDtBQUNqRCxnRUFBeUM7QUFFekM7SUFBOEMsb0NBRzdDO0lBSEQ7O0lBOENBLENBQUM7SUExQ0csdUNBQVksR0FBWjtRQUFBLGlCQXlDQztRQXhDUyxJQUFBLEtBQTRCLElBQUksQ0FBQyxLQUFLLEVBQXBDLE9BQU8sYUFBQSxFQUFFLFlBQVksa0JBQWUsQ0FBQztRQUU3QyxJQUFNLFdBQVcsR0FBRztZQUNoQixnRUFBZ0U7WUFDaEUscUJBQXFCO1lBQ3JCLElBQUksQ0FBQyxLQUFJLENBQUMsV0FBVyxFQUFFO2dCQUNuQixNQUFNLHdCQUFhLENBQUM7b0JBQ2hCLElBQUksRUFBRSx3QkFBYSxDQUFDLEtBQUssQ0FBQyxpQkFBaUI7b0JBQzNDLE9BQU8sRUFBRSxzQ0FBc0M7aUJBQ2xELENBQUMsQ0FBQzthQUNOO1lBRUQsSUFBSTtnQkFDQSxPQUFPLE9BQU8sQ0FBQyxTQUFTLENBQUMsS0FBSyxDQUFDLEtBQUksQ0FBQyxXQUFXLENBQUMsQ0FBQzthQUNwRDtZQUFDLE9BQU8sQ0FBQyxFQUFFO2dCQUNSLE1BQU0sd0JBQWEsQ0FBQztvQkFDaEIsSUFBSSxFQUFFLHdCQUFhLENBQUMsS0FBSyxDQUFDLGlCQUFpQjtvQkFDM0MsT0FBTyxFQUFFLDJDQUEyQztvQkFDcEQsS0FBSyxFQUFFLENBQUM7aUJBQ1gsQ0FBQyxDQUFDO2FBQ047UUFDTCxDQUFDLENBQUM7UUFFRixJQUFNLE9BQU8sR0FBRyxXQUFXLEVBQUUsQ0FBQztRQUU5QixJQUFJO1lBQ0EsT0FBTyxDQUFDLEVBQUUsQ0FBQyxhQUFhLEVBQUUsVUFBQyxLQUFhO2dCQUNwQyxJQUFJLFlBQVksRUFBRTtvQkFDZCxZQUFZLENBQUMsS0FBSyxDQUFDLENBQUM7aUJBQ3ZCO1lBQ0wsQ0FBQyxDQUFDLENBQUM7WUFFSCxJQUFJLENBQUMsUUFBUSxDQUFDLEVBQUUsT0FBTyxTQUFBLEVBQUUsQ0FBQyxDQUFDO1NBQzlCO1FBQUMsT0FBTyxDQUFDLEVBQUU7WUFDUixNQUFNLHdCQUFhLENBQUM7Z0JBQ2hCLElBQUksRUFBRSx3QkFBYSxDQUFDLEtBQUssQ0FBQyxpQkFBaUI7Z0JBQzNDLE9BQU8sRUFBRSx1Q0FBdUM7Z0JBQ2hELEtBQUssRUFBRSxDQUFDO2FBQ1gsQ0FBQyxDQUFDO1NBQ047SUFDTCxDQUFDO0lBQ0wsdUJBQUM7QUFBRCxDQUFDLEFBOUNELENBQThDLHNCQUFXLEdBOEN4RCJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ29vZ2xlcGF5LWVsZW1lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvZWxlbWVudHMvZ29vZ2xlcGF5LWVsZW1lbnQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUNBLHdFQUFpRDtBQUNqRCxnRUFBeUM7QUFFekM7SUFBOEMsb0NBRzdDO0lBSEQ7O0lBOENBLENBQUM7SUExQ0csdUNBQVksR0FBWjtRQUFBLGlCQXlDQztRQXhDUyxJQUFBLEtBQTRCLElBQUksQ0FBQyxLQUFLLEVBQXBDLE9BQU8sYUFBQSxFQUFFLFlBQVksa0JBQWUsQ0FBQztRQUU3QyxJQUFNLFdBQVcsR0FBRztZQUNoQixnRUFBZ0U7WUFDaEUscUJBQXFCO1lBQ3JCLElBQUksQ0FBQyxLQUFJLENBQUMsV0FBVyxFQUFFO2dCQUNuQixNQUFNLHdCQUFhLENBQUM7b0JBQ2hCLElBQUksRUFBRSx3QkFBYSxDQUFDLEtBQUssQ0FBQyxpQkFBaUI7b0JBQzNDLE9BQU8sRUFBRSxzQ0FBc0M7aUJBQ2xELENBQUMsQ0FBQzthQUNOO1lBRUQsSUFBSTtnQkFDQSxPQUFPLE9BQU8sQ0FBQyxTQUFTLENBQUMsS0FBSyxDQUFDLEtBQUksQ0FBQyxXQUFXLENBQUMsQ0FBQzthQUNwRDtZQUFDLE9BQU8sQ0FBQyxFQUFFO2dCQUNSLE1BQU0sd0JBQWEsQ0FBQztvQkFDaEIsSUFBSSxFQUFFLHdCQUFhLENBQUMsS0FBSyxDQUFDLGlCQUFpQjtvQkFDM0MsT0FBTyxFQUFFLDJDQUEyQztvQkFDcEQsS0FBSyxFQUFFLENBQUM7aUJBQ1gsQ0FBQyxDQUFDO2FBQ047UUFDTCxDQUFDLENBQUM7UUFFRixJQUFNLE9BQU8sR0FBRyxXQUFXLEVBQUUsQ0FBQztRQUU5QixJQUFJO1lBQ0EsSUFBSSxDQUFDLGVBQWUsQ0FBQyxhQUFhLEVBQUUsVUFBQyxLQUFhO2dCQUM5QyxJQUFJLFlBQVksRUFBRTtvQkFDZCxZQUFZLENBQUMsS0FBSyxDQUFDLENBQUM7aUJBQ3ZCO1lBQ0wsQ0FBQyxDQUFDLENBQUM7WUFFSCxJQUFJLENBQUMsUUFBUSxDQUFDLEVBQUUsT0FBTyxTQUFBLEVBQUUsQ0FBQyxDQUFDO1NBQzlCO1FBQUMsT0FBTyxDQUFDLEVBQUU7WUFDUixNQUFNLHdCQUFhLENBQUM7Z0JBQ2hCLElBQUksRUFBRSx3QkFBYSxDQUFDLEtBQUssQ0FBQyxpQkFBaUI7Z0JBQzNDLE9BQU8sRUFBRSx1Q0FBdUM7Z0JBQ2hELEtBQUssRUFBRSxDQUFDO2FBQ1gsQ0FBQyxDQUFDO1NBQ047SUFDTCxDQUFDO0lBQ0wsdUJBQUM7QUFBRCxDQUFDLEFBOUNELENBQThDLHNCQUFXLEdBOEN4RCJ9

package/build/lib/components/elements/paypal-element.js

@@ -48,7 +48,7 @@ var PaypalElement = /** @class */ (function (_super) {
         };
         var element = makeElement();
         try {
-            Rebilly.on('token-ready', function (token) {
+            this.addEventHandler('token-ready', function (token) {
                 if (onTokenReady) {
                     onTokenReady(token);
                 }
@@ -66,4 +66,4 @@ var PaypalElement = /** @class */ (function (_super) {
     return PaypalElement;
 }(base_element_1.default));
 exports.default = PaypalElement;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGF5cGFsLWVsZW1lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvZWxlbWVudHMvcGF5cGFsLWVsZW1lbnQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUNBLHdFQUFpRDtBQUNqRCxnRUFBeUM7QUFFekM7SUFBMkMsaUNBRzFDO0lBSEQ7O0lBOENBLENBQUM7SUExQ0csb0NBQVksR0FBWjtRQUFBLGlCQXlDQztRQXhDUyxJQUFBLEtBQTRCLElBQUksQ0FBQyxLQUFLLEVBQXBDLE9BQU8sYUFBQSxFQUFFLFlBQVksa0JBQWUsQ0FBQztRQUU3QyxJQUFNLFdBQVcsR0FBRztZQUNoQixnRUFBZ0U7WUFDaEUscUJBQXFCO1lBQ3JCLElBQUksQ0FBQyxLQUFJLENBQUMsV0FBVyxFQUFFO2dCQUNuQixNQUFNLHdCQUFhLENBQUM7b0JBQ2hCLElBQUksRUFBRSx3QkFBYSxDQUFDLEtBQUssQ0FBQyxpQkFBaUI7b0JBQzNDLE9BQU8sRUFBRSxtQ0FBbUM7aUJBQy9DLENBQUMsQ0FBQzthQUNOO1lBRUQsSUFBSTtnQkFDQSxPQUFPLE9BQU8sQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLEtBQUksQ0FBQyxXQUFXLENBQUMsQ0FBQzthQUNqRDtZQUFDLE9BQU8sQ0FBQyxFQUFFO2dCQUNSLE1BQU0sd0JBQWEsQ0FBQztvQkFDaEIsSUFBSSxFQUFFLHdCQUFhLENBQUMsS0FBSyxDQUFDLGlCQUFpQjtvQkFDM0MsT0FBTyxFQUFFLHdDQUF3QztvQkFDakQsS0FBSyxFQUFFLENBQUM7aUJBQ1gsQ0FBQyxDQUFDO2FBQ047UUFDTCxDQUFDLENBQUM7UUFFRixJQUFNLE9BQU8sR0FBRyxXQUFXLEVBQUUsQ0FBQztRQUU5QixJQUFJO1lBQ0EsT0FBTyxDQUFDLEVBQUUsQ0FBQyxhQUFhLEVBQUUsVUFBQyxLQUFhO2dCQUNwQyxJQUFJLFlBQVksRUFBRTtvQkFDZCxZQUFZLENBQUMsS0FBSyxDQUFDLENBQUM7aUJBQ3ZCO1lBQ0wsQ0FBQyxDQUFDLENBQUM7WUFFSCxJQUFJLENBQUMsUUFBUSxDQUFDLEVBQUUsT0FBTyxTQUFBLEVBQUUsQ0FBQyxDQUFDO1NBQzlCO1FBQUMsT0FBTyxDQUFDLEVBQUU7WUFDUixNQUFNLHdCQUFhLENBQUM7Z0JBQ2hCLElBQUksRUFBRSx3QkFBYSxDQUFDLEtBQUssQ0FBQyxpQkFBaUI7Z0JBQzNDLE9BQU8sRUFBRSxvQ0FBb0M7Z0JBQzdDLEtBQUssRUFBRSxDQUFDO2FBQ1gsQ0FBQyxDQUFDO1NBQ047SUFDTCxDQUFDO0lBQ0wsb0JBQUM7QUFBRCxDQUFDLEFBOUNELENBQTJDLHNCQUFXLEdBOENyRCJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGF5cGFsLWVsZW1lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvZWxlbWVudHMvcGF5cGFsLWVsZW1lbnQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUNBLHdFQUFpRDtBQUNqRCxnRUFBeUM7QUFFekM7SUFBMkMsaUNBRzFDO0lBSEQ7O0lBOENBLENBQUM7SUExQ0csb0NBQVksR0FBWjtRQUFBLGlCQXlDQztRQXhDUyxJQUFBLEtBQTRCLElBQUksQ0FBQyxLQUFLLEVBQXBDLE9BQU8sYUFBQSxFQUFFLFlBQVksa0JBQWUsQ0FBQztRQUU3QyxJQUFNLFdBQVcsR0FBRztZQUNoQixnRUFBZ0U7WUFDaEUscUJBQXFCO1lBQ3JCLElBQUksQ0FBQyxLQUFJLENBQUMsV0FBVyxFQUFFO2dCQUNuQixNQUFNLHdCQUFhLENBQUM7b0JBQ2hCLElBQUksRUFBRSx3QkFBYSxDQUFDLEtBQUssQ0FBQyxpQkFBaUI7b0JBQzNDLE9BQU8sRUFBRSxtQ0FBbUM7aUJBQy9DLENBQUMsQ0FBQzthQUNOO1lBRUQsSUFBSTtnQkFDQSxPQUFPLE9BQU8sQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLEtBQUksQ0FBQyxXQUFXLENBQUMsQ0FBQzthQUNqRDtZQUFDLE9BQU8sQ0FBQyxFQUFFO2dCQUNSLE1BQU0sd0JBQWEsQ0FBQztvQkFDaEIsSUFBSSxFQUFFLHdCQUFhLENBQUMsS0FBSyxDQUFDLGlCQUFpQjtvQkFDM0MsT0FBTyxFQUFFLHdDQUF3QztvQkFDakQsS0FBSyxFQUFFLENBQUM7aUJBQ1gsQ0FBQyxDQUFDO2FBQ047UUFDTCxDQUFDLENBQUM7UUFFRixJQUFNLE9BQU8sR0FBRyxXQUFXLEVBQUUsQ0FBQztRQUU5QixJQUFJO1lBQ0EsSUFBSSxDQUFDLGVBQWUsQ0FBQyxhQUFhLEVBQUUsVUFBQyxLQUFhO2dCQUM5QyxJQUFJLFlBQVksRUFBRTtvQkFDZCxZQUFZLENBQUMsS0FBSyxDQUFDLENBQUM7aUJBQ3ZCO1lBQ0wsQ0FBQyxDQUFDLENBQUM7WUFFSCxJQUFJLENBQUMsUUFBUSxDQUFDLEVBQUUsT0FBTyxTQUFBLEVBQUUsQ0FBQyxDQUFDO1NBQzlCO1FBQUMsT0FBTyxDQUFDLEVBQUU7WUFDUixNQUFNLHdCQUFhLENBQUM7Z0JBQ2hCLElBQUksRUFBRSx3QkFBYSxDQUFDLEtBQUssQ0FBQyxpQkFBaUI7Z0JBQzNDLE9BQU8sRUFBRSxvQ0FBb0M7Z0JBQzdDLEtBQUssRUFBRSxDQUFDO2FBQ1gsQ0FBQyxDQUFDO1NBQ047SUFDTCxDQUFDO0lBQ0wsb0JBQUM7QUFBRCxDQUFDLEFBOUNELENBQTJDLHNCQUFXLEdBOENyRCJ9

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rebilly/framepay-react",
-    "version": "1.5.0",
+    "version": "1.5.1",
     "description": "A React wrapper for Rebilly's FramePay offering out-of-the-box support for Redux and other common React features",
     "main": "build/index.js",
     "author": "Rebilly",

package/types/rebilly/api.d.ts

@@ -28,6 +28,8 @@ interface TokenExtraData {
     readonly leadSource?: object;
 }
 
+type RebillyEventDelegate =  (error: string) => void;
+
 /**
  * The FramePay api interface (external api)
  */
@@ -46,6 +48,11 @@ interface RebillyApi {
 
     readonly on: (
         event: initRebillyEvents,
-        callback: (error: string) => void
+        callback: RebillyEventDelegate
+    ) => void;
+
+    readonly off: (
+        event: initRebillyEvents,
+        callback: RebillyEventDelegate
     ) => void;
 }