@rebilly/framepay-react 1.6.0 → 2.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +1 -0
- package/README.md +7 -6
- package/build/lib/components/elements/applepay-element.js +3 -17
- package/build/lib/components/elements/base-element.d.ts +0 -6
- package/build/lib/components/elements/base-element.js +1 -31
- package/build/lib/components/elements/googlepay-element.js +3 -17
- package/build/lib/components/elements/paypal-element.js +3 -17
- package/build/lib/components/provider.d.ts +1 -0
- package/build/lib/components/provider.js +13 -3
- package/package.json +15 -17
- package/types/elements.d.ts +0 -3
- package/types/provider.d.ts +1 -0
- package/types/rebilly/api.d.ts +1 -1
package/CHANGELOG.md
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
## [2.0.1](https://github.com/Rebilly/rebilly/compare/framepay-react-v2.0.0...framepay-react-v2.0.1) (2023-03-15)
|
package/README.md
CHANGED
|
@@ -35,10 +35,11 @@ This package is a wrapper for [FramePay](https://rebilly.github.io/framepay-docs
|
|
|
35
35
|
- [Incorrect](#incorrect)
|
|
36
36
|
- [Correct](#correct)
|
|
37
37
|
- [Developer instructions](#developer-instructions)
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
38
|
+
- [Prerequisites](#prerequisites)
|
|
39
|
+
- [Project setup](#project-setup)
|
|
40
|
+
- [Manual preview](#manual-preview)
|
|
41
|
+
- [How to run unit tests?](#how-to-run-unit-tests)
|
|
42
|
+
- [How to run E2E tests?](#how-to-run-e2e-tests)
|
|
42
43
|
|
|
43
44
|
### FramePay documentation
|
|
44
45
|
For more information on FramePay see its [official documentation](https://www.rebilly.com/docs/dev-docs/framepay/).
|
|
@@ -344,5 +345,5 @@ Unit tests can be run using the `test:unit` command.
|
|
|
344
345
|
#### How to run E2E tests?
|
|
345
346
|
- Ensure you are running the preview examples, otherwise all E2E tests will fail
|
|
346
347
|
- Run one of the following commands:
|
|
347
|
-
- `test:
|
|
348
|
-
- `test:
|
|
348
|
+
- `test:e2e:run` - runs all tests headlessly
|
|
349
|
+
- `test:e2e:open` - opens GUI which allows you to interact with each test visually
|
|
@@ -27,7 +27,7 @@ var ApplePayElement = /** @class */ (function (_super) {
|
|
|
27
27
|
}
|
|
28
28
|
ApplePayElement.prototype.setupElement = function () {
|
|
29
29
|
var _this = this;
|
|
30
|
-
var
|
|
30
|
+
var Rebilly = this.props.Rebilly;
|
|
31
31
|
var makeElement = function () {
|
|
32
32
|
// elementNode already checked in BaseElement.handleSetupElement
|
|
33
33
|
// just ts checks fix
|
|
@@ -49,23 +49,9 @@ var ApplePayElement = /** @class */ (function (_super) {
|
|
|
49
49
|
}
|
|
50
50
|
};
|
|
51
51
|
var element = makeElement();
|
|
52
|
-
|
|
53
|
-
this.addEventHandler('token-ready', function (token) {
|
|
54
|
-
if (onTokenReady) {
|
|
55
|
-
onTokenReady(token);
|
|
56
|
-
}
|
|
57
|
-
});
|
|
58
|
-
this.setState({ element: element });
|
|
59
|
-
}
|
|
60
|
-
catch (e) {
|
|
61
|
-
throw (0, framepay_error_1.default)({
|
|
62
|
-
code: framepay_error_1.default.codes.elementMountError,
|
|
63
|
-
details: "ApplePayElement events binding error",
|
|
64
|
-
trace: e
|
|
65
|
-
});
|
|
66
|
-
}
|
|
52
|
+
this.setState({ element: element });
|
|
67
53
|
};
|
|
68
54
|
return ApplePayElement;
|
|
69
55
|
}(base_element_1.default));
|
|
70
56
|
exports.default = ApplePayElement;
|
|
71
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
57
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXBwbGVwYXktZWxlbWVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9saWIvY29tcG9uZW50cy9lbGVtZW50cy9hcHBsZXBheS1lbGVtZW50LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUNBLHdFQUFpRDtBQUNqRCxnRUFBeUM7QUFFekM7SUFBNkMsbUNBRzVDO0lBSEQ7O0lBK0JBLENBQUM7SUEzQkcsc0NBQVksR0FBWjtRQUFBLGlCQTBCQztRQXpCVyxJQUFBLE9BQU8sR0FBSyxJQUFJLENBQUMsS0FBSyxRQUFmLENBQWdCO1FBRS9CLElBQU0sV0FBVyxHQUFHO1lBQ2hCLGdFQUFnRTtZQUNoRSxxQkFBcUI7WUFDckIsSUFBSSxDQUFDLEtBQUksQ0FBQyxXQUFXLEVBQUU7Z0JBQ25CLE1BQU0sSUFBQSx3QkFBYSxFQUFDO29CQUNoQixJQUFJLEVBQUUsd0JBQWEsQ0FBQyxLQUFLLENBQUMsaUJBQWlCO29CQUMzQyxPQUFPLEVBQUUscUNBQXFDO2lCQUNqRCxDQUFDLENBQUM7YUFDTjtZQUVELElBQUk7Z0JBQ0EsT0FBTyxPQUFPLENBQUMsUUFBUSxDQUFDLEtBQUssQ0FBQyxLQUFJLENBQUMsV0FBVyxDQUFDLENBQUM7YUFDbkQ7WUFBQyxPQUFPLENBQUMsRUFBRTtnQkFDUixNQUFNLElBQUEsd0JBQWEsRUFBQztvQkFDaEIsSUFBSSxFQUFFLHdCQUFhLENBQUMsS0FBSyxDQUFDLGlCQUFpQjtvQkFDM0MsT0FBTyxFQUFFLDBDQUEwQztvQkFDbkQsS0FBSyxFQUFFLENBQUM7aUJBQ1gsQ0FBQyxDQUFDO2FBQ047UUFDTCxDQUFDLENBQUM7UUFFRixJQUFNLE9BQU8sR0FBRyxXQUFXLEVBQUUsQ0FBQztRQUM5QixJQUFJLENBQUMsUUFBUSxDQUFDLEVBQUUsT0FBTyxTQUFBLEVBQUUsQ0FBQyxDQUFDO0lBQy9CLENBQUM7SUFDTCxzQkFBQztBQUFELENBQUMsQUEvQkQsQ0FBNkMsc0JBQVcsR0ErQnZEIn0=
|
|
@@ -2,16 +2,10 @@ import * as React from 'react';
|
|
|
2
2
|
export default class BaseElement<T extends PaymentComponentProps, S extends PaymentComponentState> extends React.Component<T, S> {
|
|
3
3
|
readonly state: S;
|
|
4
4
|
protected elementNode: HTMLDivElement | null;
|
|
5
|
-
private registeredEventHandlers;
|
|
6
5
|
componentWillUnmount(): void;
|
|
7
6
|
componentDidMount(): void;
|
|
8
7
|
setupElement(): void;
|
|
9
8
|
handleSetupElement(): void;
|
|
10
9
|
shouldComponentUpdate(nextProps: any, nextState: any): boolean;
|
|
11
10
|
render(): JSX.Element;
|
|
12
|
-
/**
|
|
13
|
-
* Registers a framepay event handler using Rebilly.on(), which will automatically be
|
|
14
|
-
* disposed of when the element is umounted.
|
|
15
|
-
*/
|
|
16
|
-
addEventHandler(event: initRebillyEvents, delegate: RebillyEventDelegate): void;
|
|
17
11
|
}
|
|
@@ -48,15 +48,6 @@ var __importStar = (this && this.__importStar) || function (mod) {
|
|
|
48
48
|
__setModuleDefault(result, mod);
|
|
49
49
|
return result;
|
|
50
50
|
};
|
|
51
|
-
var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
|
|
52
|
-
if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
|
|
53
|
-
if (ar || !(i in from)) {
|
|
54
|
-
if (!ar) ar = Array.prototype.slice.call(from, 0, i);
|
|
55
|
-
ar[i] = from[i];
|
|
56
|
-
}
|
|
57
|
-
}
|
|
58
|
-
return to.concat(ar || Array.prototype.slice.call(from));
|
|
59
|
-
};
|
|
60
51
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
61
52
|
var React = __importStar(require("react"));
|
|
62
53
|
var BaseElement = /** @class */ (function (_super) {
|
|
@@ -70,17 +61,10 @@ var BaseElement = /** @class */ (function (_super) {
|
|
|
70
61
|
};
|
|
71
62
|
/* tslint:disable:readonly-keyword */
|
|
72
63
|
_this.elementNode = null;
|
|
73
|
-
_this.registeredEventHandlers = [];
|
|
74
64
|
return _this;
|
|
75
65
|
}
|
|
76
66
|
/* tslint:enable:readonly-keyword */
|
|
77
67
|
BaseElement.prototype.componentWillUnmount = function () {
|
|
78
|
-
// Remove all the registered event handlers
|
|
79
|
-
var Rebilly = this.props.Rebilly;
|
|
80
|
-
this.registeredEventHandlers.forEach(function (_a) {
|
|
81
|
-
var event = _a.event, delegate = _a.delegate;
|
|
82
|
-
Rebilly.off(event, delegate);
|
|
83
|
-
});
|
|
84
68
|
if (this.state.mounted && !this.state.element) {
|
|
85
69
|
// tslint:disable-next-line:no-console
|
|
86
70
|
console.log("WARNING Element does not exist, please fix the setupElement method and add setState({element})");
|
|
@@ -154,21 +138,7 @@ var BaseElement = /** @class */ (function (_super) {
|
|
|
154
138
|
var _this = this;
|
|
155
139
|
return (React.createElement("div", { id: this.props.id, ref: function (node) { return (_this.elementNode = node); } }));
|
|
156
140
|
};
|
|
157
|
-
/**
|
|
158
|
-
* Registers a framepay event handler using Rebilly.on(), which will automatically be
|
|
159
|
-
* disposed of when the element is umounted.
|
|
160
|
-
*/
|
|
161
|
-
BaseElement.prototype.addEventHandler = function (event, delegate) {
|
|
162
|
-
var Rebilly = this.props.Rebilly;
|
|
163
|
-
Rebilly.on(event, delegate);
|
|
164
|
-
this.registeredEventHandlers = __spreadArray(__spreadArray([], this.registeredEventHandlers, true), [
|
|
165
|
-
{
|
|
166
|
-
delegate: delegate,
|
|
167
|
-
event: event
|
|
168
|
-
}
|
|
169
|
-
], false);
|
|
170
|
-
};
|
|
171
141
|
return BaseElement;
|
|
172
142
|
}(React.Component));
|
|
173
143
|
exports.default = BaseElement;
|
|
174
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
144
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFzZS1lbGVtZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2xpYi9jb21wb25lbnRzL2VsZW1lbnRzL2Jhc2UtZWxlbWVudC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsMkNBQStCO0FBRS9CO0lBR1UsK0JBQXFCO0lBSC9CO1FBQUEscUVBaUdDO1FBN0ZZLFdBQUssR0FBRztZQUNiLE9BQU8sRUFBRSxJQUFJO1lBQ2IsT0FBTyxFQUFFLEtBQUs7WUFDZCxLQUFLLEVBQUUsS0FBSztTQUNWLENBQUM7UUFFUCxxQ0FBcUM7UUFDM0IsaUJBQVcsR0FBMEIsSUFBSSxDQUFDOztJQXNGeEQsQ0FBQztJQXBGRyxvQ0FBb0M7SUFFcEMsMENBQW9CLEdBQXBCO1FBQ0ksSUFBSSxJQUFJLENBQUMsS0FBSyxDQUFDLE9BQU8sSUFBSSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsT0FBTyxFQUFFO1lBQzNDLHNDQUFzQztZQUN0QyxPQUFPLENBQUMsR0FBRyxDQUNQLGdHQUFnRyxDQUNuRyxDQUFDO1lBQ0YsT0FBTztTQUNWO1FBQ0QsSUFBSSxJQUFJLENBQUMsS0FBSyxDQUFDLE9BQU8sRUFBRTtZQUNwQixJQUFJLENBQUMsS0FBSyxDQUFDLE9BQU8sQ0FBQyxPQUFPLEVBQUUsQ0FBQztTQUNoQztJQUNMLENBQUM7SUFFRCx1Q0FBaUIsR0FBakI7UUFDSSxJQUFJLENBQUMsa0JBQWtCLEVBQUUsQ0FBQztJQUM5QixDQUFDO0lBRUQsa0NBQVksR0FBWjtRQUNJLE1BQU0sSUFBSSxLQUFLLENBQUMsc0NBQXNDLENBQUMsQ0FBQztJQUM1RCxDQUFDO0lBRUQsd0NBQWtCLEdBQWxCO1FBQ0ksSUFBSSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsT0FBTyxDQUFDLEtBQUssRUFBRTtZQUMzQjs7ZUFFRztZQUNILE9BQU87U0FDVjtRQUNELElBQUksSUFBSSxDQUFDLEtBQUssQ0FBQyxPQUFPLEVBQUU7WUFDcEI7O2VBRUc7WUFDSCxPQUFPO1NBQ1Y7UUFDRCxJQUFJLENBQUMsSUFBSSxDQUFDLFdBQVcsRUFBRTtZQUNuQjs7ZUFFRztZQUNILE9BQU87U0FDVjtRQUNEOztXQUVHO1FBQ0gsYUFBYTtRQUNiLElBQUksQ0FBQyxLQUFLLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQztRQUMxQixJQUFJLENBQUMsWUFBWSxFQUFFLENBQUM7SUFDeEIsQ0FBQztJQUVELDJDQUFxQixHQUFyQixVQUFzQixTQUFjLEVBQUUsU0FBYztRQUNoRCx5RUFBeUU7UUFDekUsdUVBQXVFO1FBQ3ZFLGdHQUFnRztRQUNoRyxrQkFBa0I7UUFDbEIsSUFBTSxLQUFLLEdBQXVCO1lBQzlCLGFBQWE7WUFDYixDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsT0FBTyxDQUFDLEtBQUssRUFBRSxTQUFTLENBQUMsT0FBTyxDQUFDLEtBQUssQ0FBQztZQUNuRCxhQUFhO1lBQ2IsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLE9BQU8sRUFBRSxTQUFTLENBQUMsT0FBTyxDQUFDO1lBQ3ZDLGFBQWE7WUFDYixDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsS0FBSyxFQUFFLFNBQVMsQ0FBQyxLQUFLLENBQUM7WUFDbkMsYUFBYTtZQUNiLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsT0FBTyxFQUFFLENBQUMsQ0FBQyxTQUFTLENBQUMsT0FBTyxDQUFDO1NBQzlDLENBQUM7UUFFRixJQUFNLFlBQVksR0FBRyxLQUFLLENBQUMsSUFBSSxDQUFDLFVBQUMsRUFBWTtnQkFBWCxJQUFJLFFBQUEsRUFBRSxJQUFJLFFBQUE7WUFBTSxPQUFBLElBQUksS0FBSyxJQUFJO1FBQWIsQ0FBYSxDQUFDLENBQUM7UUFFakUsSUFBSSxZQUFZLEVBQUU7WUFDZCxhQUFhO1lBQ2IsSUFBSSxDQUFDLEtBQUssR0FBRyxTQUFTLENBQUM7WUFDdkIsSUFBSSxDQUFDLGtCQUFrQixFQUFFLENBQUM7WUFDMUIsYUFBYTtZQUNiLElBQUksQ0FBQyxLQUFLLGdCQUFRLFNBQVMsQ0FBRSxDQUFDO1NBQ2pDO1FBRUQsT0FBTyxLQUFLLENBQUM7SUFDakIsQ0FBQztJQUVELDRCQUFNLEdBQU47UUFBQSxpQkFJQztRQUhHLE9BQU8sQ0FDSCw2QkFBSyxFQUFFLEVBQUUsSUFBSSxDQUFDLEtBQUssQ0FBQyxFQUFFLEVBQUUsR0FBRyxFQUFFLFVBQUEsSUFBSSxJQUFJLE9BQUEsQ0FBQyxLQUFJLENBQUMsV0FBVyxHQUFHLElBQUksQ0FBQyxFQUF6QixDQUF5QixHQUFJLENBQ3JFLENBQUM7SUFDTixDQUFDO0lBQ0wsa0JBQUM7QUFBRCxDQUFDLEFBakdELENBR1UsS0FBSyxDQUFDLFNBQVMsR0E4RnhCIn0=
|
|
@@ -27,7 +27,7 @@ var GooglePayElement = /** @class */ (function (_super) {
|
|
|
27
27
|
}
|
|
28
28
|
GooglePayElement.prototype.setupElement = function () {
|
|
29
29
|
var _this = this;
|
|
30
|
-
var
|
|
30
|
+
var Rebilly = this.props.Rebilly;
|
|
31
31
|
var makeElement = function () {
|
|
32
32
|
// elementNode already checked in BaseElement.handleSetupElement
|
|
33
33
|
// just ts checks fix
|
|
@@ -49,23 +49,9 @@ var GooglePayElement = /** @class */ (function (_super) {
|
|
|
49
49
|
}
|
|
50
50
|
};
|
|
51
51
|
var element = makeElement();
|
|
52
|
-
|
|
53
|
-
this.addEventHandler('token-ready', function (token) {
|
|
54
|
-
if (onTokenReady) {
|
|
55
|
-
onTokenReady(token);
|
|
56
|
-
}
|
|
57
|
-
});
|
|
58
|
-
this.setState({ element: element });
|
|
59
|
-
}
|
|
60
|
-
catch (e) {
|
|
61
|
-
throw (0, framepay_error_1.default)({
|
|
62
|
-
code: framepay_error_1.default.codes.elementMountError,
|
|
63
|
-
details: "GooglePayElement events binding error",
|
|
64
|
-
trace: e
|
|
65
|
-
});
|
|
66
|
-
}
|
|
52
|
+
this.setState({ element: element });
|
|
67
53
|
};
|
|
68
54
|
return GooglePayElement;
|
|
69
55
|
}(base_element_1.default));
|
|
70
56
|
exports.default = GooglePayElement;
|
|
71
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
57
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ29vZ2xlcGF5LWVsZW1lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvZWxlbWVudHMvZ29vZ2xlcGF5LWVsZW1lbnQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQ0Esd0VBQWlEO0FBQ2pELGdFQUF5QztBQUV6QztJQUE4QyxvQ0FHN0M7SUFIRDs7SUErQkEsQ0FBQztJQTNCRyx1Q0FBWSxHQUFaO1FBQUEsaUJBMEJDO1FBekJXLElBQUEsT0FBTyxHQUFLLElBQUksQ0FBQyxLQUFLLFFBQWYsQ0FBZ0I7UUFFL0IsSUFBTSxXQUFXLEdBQUc7WUFDaEIsZ0VBQWdFO1lBQ2hFLHFCQUFxQjtZQUNyQixJQUFJLENBQUMsS0FBSSxDQUFDLFdBQVcsRUFBRTtnQkFDbkIsTUFBTSxJQUFBLHdCQUFhLEVBQUM7b0JBQ2hCLElBQUksRUFBRSx3QkFBYSxDQUFDLEtBQUssQ0FBQyxpQkFBaUI7b0JBQzNDLE9BQU8sRUFBRSxzQ0FBc0M7aUJBQ2xELENBQUMsQ0FBQzthQUNOO1lBRUQsSUFBSTtnQkFDQSxPQUFPLE9BQU8sQ0FBQyxTQUFTLENBQUMsS0FBSyxDQUFDLEtBQUksQ0FBQyxXQUFXLENBQUMsQ0FBQzthQUNwRDtZQUFDLE9BQU8sQ0FBQyxFQUFFO2dCQUNSLE1BQU0sSUFBQSx3QkFBYSxFQUFDO29CQUNoQixJQUFJLEVBQUUsd0JBQWEsQ0FBQyxLQUFLLENBQUMsaUJBQWlCO29CQUMzQyxPQUFPLEVBQUUsMkNBQTJDO29CQUNwRCxLQUFLLEVBQUUsQ0FBQztpQkFDWCxDQUFDLENBQUM7YUFDTjtRQUNMLENBQUMsQ0FBQztRQUVGLElBQU0sT0FBTyxHQUFHLFdBQVcsRUFBRSxDQUFDO1FBQzlCLElBQUksQ0FBQyxRQUFRLENBQUMsRUFBRSxPQUFPLFNBQUEsRUFBRSxDQUFDLENBQUM7SUFDL0IsQ0FBQztJQUNMLHVCQUFDO0FBQUQsQ0FBQyxBQS9CRCxDQUE4QyxzQkFBVyxHQStCeEQifQ==
|
|
@@ -27,7 +27,7 @@ var PaypalElement = /** @class */ (function (_super) {
|
|
|
27
27
|
}
|
|
28
28
|
PaypalElement.prototype.setupElement = function () {
|
|
29
29
|
var _this = this;
|
|
30
|
-
var
|
|
30
|
+
var Rebilly = this.props.Rebilly;
|
|
31
31
|
var makeElement = function () {
|
|
32
32
|
// elementNode already checked in BaseElement.handleSetupElement
|
|
33
33
|
// just ts checks fix
|
|
@@ -49,23 +49,9 @@ var PaypalElement = /** @class */ (function (_super) {
|
|
|
49
49
|
}
|
|
50
50
|
};
|
|
51
51
|
var element = makeElement();
|
|
52
|
-
|
|
53
|
-
this.addEventHandler('token-ready', function (token) {
|
|
54
|
-
if (onTokenReady) {
|
|
55
|
-
onTokenReady(token);
|
|
56
|
-
}
|
|
57
|
-
});
|
|
58
|
-
this.setState({ element: element });
|
|
59
|
-
}
|
|
60
|
-
catch (e) {
|
|
61
|
-
throw (0, framepay_error_1.default)({
|
|
62
|
-
code: framepay_error_1.default.codes.elementMountError,
|
|
63
|
-
details: "PaypalElement events binding error",
|
|
64
|
-
trace: e
|
|
65
|
-
});
|
|
66
|
-
}
|
|
52
|
+
this.setState({ element: element });
|
|
67
53
|
};
|
|
68
54
|
return PaypalElement;
|
|
69
55
|
}(base_element_1.default));
|
|
70
56
|
exports.default = PaypalElement;
|
|
71
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
57
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGF5cGFsLWVsZW1lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvZWxlbWVudHMvcGF5cGFsLWVsZW1lbnQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQ0Esd0VBQWlEO0FBQ2pELGdFQUF5QztBQUV6QztJQUEyQyxpQ0FHMUM7SUFIRDs7SUErQkEsQ0FBQztJQTNCRyxvQ0FBWSxHQUFaO1FBQUEsaUJBMEJDO1FBekJXLElBQUEsT0FBTyxHQUFLLElBQUksQ0FBQyxLQUFLLFFBQWYsQ0FBZ0I7UUFFL0IsSUFBTSxXQUFXLEdBQUc7WUFDaEIsZ0VBQWdFO1lBQ2hFLHFCQUFxQjtZQUNyQixJQUFJLENBQUMsS0FBSSxDQUFDLFdBQVcsRUFBRTtnQkFDbkIsTUFBTSxJQUFBLHdCQUFhLEVBQUM7b0JBQ2hCLElBQUksRUFBRSx3QkFBYSxDQUFDLEtBQUssQ0FBQyxpQkFBaUI7b0JBQzNDLE9BQU8sRUFBRSxtQ0FBbUM7aUJBQy9DLENBQUMsQ0FBQzthQUNOO1lBRUQsSUFBSTtnQkFDQSxPQUFPLE9BQU8sQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLEtBQUksQ0FBQyxXQUFXLENBQUMsQ0FBQzthQUNqRDtZQUFDLE9BQU8sQ0FBQyxFQUFFO2dCQUNSLE1BQU0sSUFBQSx3QkFBYSxFQUFDO29CQUNoQixJQUFJLEVBQUUsd0JBQWEsQ0FBQyxLQUFLLENBQUMsaUJBQWlCO29CQUMzQyxPQUFPLEVBQUUsd0NBQXdDO29CQUNqRCxLQUFLLEVBQUUsQ0FBQztpQkFDWCxDQUFDLENBQUM7YUFDTjtRQUNMLENBQUMsQ0FBQztRQUVGLElBQU0sT0FBTyxHQUFHLFdBQVcsRUFBRSxDQUFDO1FBQzlCLElBQUksQ0FBQyxRQUFRLENBQUMsRUFBRSxPQUFPLFNBQUEsRUFBRSxDQUFDLENBQUM7SUFDL0IsQ0FBQztJQUNMLG9CQUFDO0FBQUQsQ0FBQyxBQS9CRCxDQUEyQyxzQkFBVyxHQStCckQifQ==
|
|
@@ -147,13 +147,22 @@ var Provider = /** @class */ (function (_super) {
|
|
|
147
147
|
}
|
|
148
148
|
});
|
|
149
149
|
api.on('error', function (error) {
|
|
150
|
-
_this.setState({
|
|
150
|
+
_this.setState({
|
|
151
|
+
api: api,
|
|
152
|
+
error: error.code,
|
|
153
|
+
ready: false
|
|
154
|
+
});
|
|
151
155
|
// call error callback
|
|
152
156
|
if (_this.props.onError) {
|
|
153
157
|
// @ts-ignore
|
|
154
158
|
_this.props.onError(error);
|
|
155
159
|
}
|
|
156
160
|
});
|
|
161
|
+
api.on('token-ready', function (token) {
|
|
162
|
+
if (_this.props.onTokenReady) {
|
|
163
|
+
_this.props.onTokenReady(token);
|
|
164
|
+
}
|
|
165
|
+
});
|
|
157
166
|
}
|
|
158
167
|
catch (e) {
|
|
159
168
|
return [2 /*return*/, this.setState({
|
|
@@ -178,9 +187,10 @@ var Provider = /** @class */ (function (_super) {
|
|
|
178
187
|
injectScript: true,
|
|
179
188
|
injectStyle: false,
|
|
180
189
|
onError: function () { return ({}); },
|
|
181
|
-
onReady: function () { return ({}); }
|
|
190
|
+
onReady: function () { return ({}); },
|
|
191
|
+
onTokenReady: function () { return ({}); }
|
|
182
192
|
};
|
|
183
193
|
return Provider;
|
|
184
194
|
}(React.Component));
|
|
185
195
|
exports.default = Provider;
|
|
186
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
196
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJvdmlkZXIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvcHJvdmlkZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLDJDQUErQjtBQUMvQiwwQ0FBb0Q7QUFDcEQsc0NBQTZDO0FBQzdDLHdDQUF3RDtBQUN4RCxxRUFBOEM7QUFDOUMsdUVBQStDO0FBRS9DO0lBQXNDLDRCQUdyQztJQUhEO1FBQUEscUVBdUdDO1FBM0ZZLFdBQUssR0FBb0I7WUFDOUIsR0FBRyxFQUFFLElBQUEseUJBQWEsR0FBRTtZQUNwQixLQUFLLEVBQUUsSUFBSTtZQUNYLEtBQUssRUFBRSxLQUFLO1NBQ2YsQ0FBQzs7SUF1Rk4sQ0FBQztJQXJGRyxvQ0FBaUIsR0FBakI7UUFBQSxpQkFVQztRQVRHLElBQUksSUFBSSxDQUFDLEtBQUssQ0FBQyxZQUFZLEVBQUU7WUFDekIsSUFBQSx1QkFBWSxFQUFDO2dCQUNULE9BQU8sRUFBRSxjQUFNLE9BQUEsS0FBSSxDQUFDLFVBQVUsRUFBRSxFQUFqQixDQUFpQjtnQkFDaEMsT0FBTyxFQUFFLGNBQU0sT0FBQSxLQUFJLENBQUMsVUFBVSxFQUFFLEVBQWpCLENBQWlCO2FBQ25DLENBQUMsQ0FBQztTQUNOO1FBQ0QsSUFBSSxJQUFJLENBQUMsS0FBSyxDQUFDLFdBQVcsRUFBRTtZQUN4QixJQUFBLHNCQUFXLEdBQUUsQ0FBQztTQUNqQjtJQUNMLENBQUM7SUFFRCw2QkFBVSxHQUFWO1FBQ0ksT0FBTyxJQUFJLENBQUMsUUFBUSxDQUNoQjtZQUNJLEtBQUssRUFBRSx3QkFBYSxDQUFDLEtBQUssQ0FBQyxpQkFBaUI7WUFDNUMsS0FBSyxFQUFFLEtBQUs7U0FDZixFQUNEO1lBQ0ksSUFBTSxLQUFLLEdBQUcsSUFB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
|
package/package.json
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@rebilly/framepay-react",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "2.0.1",
|
|
4
4
|
"description": "A React wrapper for Rebilly's FramePay offering out-of-the-box support for Redux and other common React features",
|
|
5
5
|
"main": "build/index.js",
|
|
6
6
|
"author": "Rebilly",
|
|
7
7
|
"types": "build/index.d.ts",
|
|
8
|
-
"repository": "https://github.com/Rebilly/
|
|
8
|
+
"repository": "https://github.com/Rebilly/rebilly",
|
|
9
9
|
"license": "MIT",
|
|
10
10
|
"keywords": [
|
|
11
11
|
"framepay",
|
|
@@ -17,7 +17,8 @@
|
|
|
17
17
|
],
|
|
18
18
|
"files": [
|
|
19
19
|
"build",
|
|
20
|
-
"types"
|
|
20
|
+
"types",
|
|
21
|
+
"CHANGELOG.md"
|
|
21
22
|
],
|
|
22
23
|
"scripts": {
|
|
23
24
|
"set-react-14": "cross-env REACT_VERSION=0.14.0 node ./test/e2e/switch-react-version",
|
|
@@ -35,21 +36,19 @@
|
|
|
35
36
|
"fix": "run-s fix:*",
|
|
36
37
|
"fix:prettier": "prettier \"src/**/*.ts\" \"src/**/*.tsx\" \"test/**/*.ts\" \"test/**/*.tsx\" \"./*.json\" --write",
|
|
37
38
|
"fix:tslint": "tslint --fix --project .",
|
|
38
|
-
"
|
|
39
|
+
"lint:no-fix": "tslint --project . && prettier \"src/**/*.ts\" \"src/**/*.tsx\" \"test/**/*.ts\" \"test/**/*.tsx\" \"./*.json\" --list-different",
|
|
39
40
|
"test:unit": "jest --config ./test/unit/jest.config.js",
|
|
40
|
-
"test:
|
|
41
|
-
"test:
|
|
42
|
-
"test:
|
|
43
|
-
"test:
|
|
44
|
-
"test:
|
|
45
|
-
"test:
|
|
46
|
-
"test:
|
|
47
|
-
"test:
|
|
48
|
-
"test:
|
|
41
|
+
"test:e2e:base": "START_SERVER_AND_TEST_INSECURE=1 start-server-and-test serve:e2e:no-build https-get://localhost:8000 test:e2e:run",
|
|
42
|
+
"test:e2e:react-14": "cross-env REACT_VERSION=0.14.0 run-s set-react-14 dotenv build:e2e clean-react-alias test:e2e:base",
|
|
43
|
+
"test:e2e:react-15": "cross-env REACT_VERSION=15.0.0 run-s set-react-15 dotenv build:e2e clean-react-alias test:e2e:base",
|
|
44
|
+
"test:e2e:react-16": "cross-env REACT_VERSION=16 run-s set-react-16 dotenv build:e2e clean-react-alias test:e2e:base",
|
|
45
|
+
"test:e2e:react-17": "cross-env REACT_VERSION=17 run-s set-react-17 dotenv build:e2e clean-react-alias test:e2e:base",
|
|
46
|
+
"test:e2e:react-18": "cross-env REACT_VERSION=18 run-s set-react-18 dotenv build:e2e clean-react-alias test:e2e:base",
|
|
47
|
+
"test:e2e": "run-s test:e2e:react-*",
|
|
48
|
+
"test:e2e:open": "cypress open",
|
|
49
|
+
"test:e2e:run": "cypress run",
|
|
49
50
|
"watch": "run-s build && run-p \"build -- --w\"",
|
|
50
|
-
"clean:e2e": "rm -rf test/e2e/build"
|
|
51
|
-
"precommit": "run-s fix",
|
|
52
|
-
"prepush": "run-s fix"
|
|
51
|
+
"clean:e2e": "rm -rf test/e2e/build"
|
|
53
52
|
},
|
|
54
53
|
"peerDependencies": {
|
|
55
54
|
"react": "^0.14.0 || ^15.0.0 || ^16.0.0 || ^17.0.0 || ^18.0.0",
|
|
@@ -72,7 +71,6 @@
|
|
|
72
71
|
"cypress-iframe": "^1.0.1",
|
|
73
72
|
"dotenv": "^7.0.0",
|
|
74
73
|
"express": "^4.16.4",
|
|
75
|
-
"husky": "^1.3.1",
|
|
76
74
|
"jest": "^29.3.1",
|
|
77
75
|
"jest-environment-jsdom": "^29.3.1",
|
|
78
76
|
"npm-run-all": "^4.1.5",
|
package/types/elements.d.ts
CHANGED
|
@@ -36,19 +36,16 @@ interface CardProps extends PaymentComponentProps {
|
|
|
36
36
|
interface ApplePayProps extends RebillyProps {
|
|
37
37
|
readonly Rebilly: RebillyProps;
|
|
38
38
|
readonly id?: string;
|
|
39
|
-
readonly onTokenReady?: (data: string) => void;
|
|
40
39
|
}
|
|
41
40
|
|
|
42
41
|
interface GooglePayProps extends RebillyProps {
|
|
43
42
|
readonly Rebilly: RebillyProps;
|
|
44
43
|
readonly id?: string;
|
|
45
|
-
readonly onTokenReady?: (data: string) => void;
|
|
46
44
|
}
|
|
47
45
|
|
|
48
46
|
interface PaypalProps extends RebillyProps {
|
|
49
47
|
readonly Rebilly: RebillyProps;
|
|
50
48
|
readonly id?: string;
|
|
51
|
-
readonly onTokenReady?: (data: string) => void;
|
|
52
49
|
}
|
|
53
50
|
|
|
54
51
|
interface BankState extends PaymentComponentState {
|
package/types/provider.d.ts
CHANGED
package/types/rebilly/api.d.ts
CHANGED