@rebilly/framepay-react 13.148.1 → 13.148.3
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 -1
- package/build/index.js +4 -4
- package/build/lib/components/elements/applepay-element.js +13 -34
- package/build/lib/components/elements/bank-element.js +21 -42
- package/build/lib/components/elements/base-element.js +25 -58
- package/build/lib/components/elements/card-element.js +21 -42
- package/build/lib/components/elements/googlepay-element.js +13 -34
- package/build/lib/components/elements/iban-element.js +26 -48
- package/build/lib/components/elements/paypal-element.js +13 -34
- package/build/lib/components/elements/samsungpay-element.js +13 -34
- package/build/lib/components/injector.js +147 -255
- package/build/lib/components/provider.js +68 -129
- package/build/lib/constants.js +2 -2
- package/build/lib/context.js +9 -9
- package/build/lib/dom-util.js +11 -58
- package/build/lib/framepay-error.js +21 -26
- package/build/lib/get-framepay-api.js +2 -2
- package/package.json +4 -3
- package/tsconfig.json +5 -4
- package/build/index.spec.d.ts +0 -1
- package/build/index.spec.js +0 -54
package/CHANGELOG.md
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
## [13.148.
|
|
1
|
+
## [13.148.3](https://github.com/Rebilly/rebilly/compare/framepay-react-v13.148.2...framepay-react-v13.148.3) (2026-07-15)
|
package/build/index.js
CHANGED
|
@@ -4,9 +4,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
4
4
|
};
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
6
|
exports.withFramePayPaypalComponent = exports.withFramePayGooglePayComponent = exports.withFramePaySamsungPayComponent = exports.withFramePayApplePayComponent = exports.withFramePayIBANComponent = exports.withFramePayBankComponent = exports.withFramePayCardComponent = exports.withFramePay = exports.FramePayProvider = exports.SUPPORTED_CARD_BRANDS = void 0;
|
|
7
|
-
|
|
7
|
+
const constants_1 = require("./lib/constants");
|
|
8
8
|
Object.defineProperty(exports, "SUPPORTED_CARD_BRANDS", { enumerable: true, get: function () { return constants_1.SUPPORTED_CARD_BRANDS; } });
|
|
9
|
-
|
|
9
|
+
const injector_1 = require("./lib/components/injector");
|
|
10
10
|
Object.defineProperty(exports, "withFramePay", { enumerable: true, get: function () { return injector_1.withFramePay; } });
|
|
11
11
|
Object.defineProperty(exports, "withFramePayApplePayComponent", { enumerable: true, get: function () { return injector_1.withFramePayApplePayComponent; } });
|
|
12
12
|
Object.defineProperty(exports, "withFramePaySamsungPayComponent", { enumerable: true, get: function () { return injector_1.withFramePaySamsungPayComponent; } });
|
|
@@ -15,6 +15,6 @@ Object.defineProperty(exports, "withFramePayCardComponent", { enumerable: true,
|
|
|
15
15
|
Object.defineProperty(exports, "withFramePayGooglePayComponent", { enumerable: true, get: function () { return injector_1.withFramePayGooglePayComponent; } });
|
|
16
16
|
Object.defineProperty(exports, "withFramePayIBANComponent", { enumerable: true, get: function () { return injector_1.withFramePayIBANComponent; } });
|
|
17
17
|
Object.defineProperty(exports, "withFramePayPaypalComponent", { enumerable: true, get: function () { return injector_1.withFramePayPaypalComponent; } });
|
|
18
|
-
|
|
18
|
+
const provider_1 = __importDefault(require("./lib/components/provider"));
|
|
19
19
|
exports.FramePayProvider = provider_1.default;
|
|
20
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
20
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi9zcmMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBQUEsK0NBQXdEO0FBMkJwRCxzR0EzQkssaUNBQXFCLE9BMkJMO0FBekJ6Qix3REFTbUM7QUFrQi9CLDZGQTFCQSx1QkFBWSxPQTBCQTtBQUlaLDhHQTdCQSx3Q0FBNkIsT0E2QkE7QUFDN0IsZ0hBN0JBLDBDQUErQixPQTZCQTtBQUgvQiwwR0F6QkEsb0NBQXlCLE9BeUJBO0FBRHpCLDBHQXZCQSxvQ0FBeUIsT0F1QkE7QUFLekIsK0dBM0JBLHlDQUE4QixPQTJCQTtBQUg5QiwwR0F2QkEsb0NBQXlCLE9BdUJBO0FBSXpCLDRHQTFCQSxzQ0FBMkIsT0EwQkE7QUF2Qi9CLHlFQUF5RDtBQWVyRCwyQkFmRyxrQkFBZ0IsQ0FlSCJ9
|
|
@@ -1,44 +1,24 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __extends = (this && this.__extends) || (function () {
|
|
3
|
-
var extendStatics = function (d, b) {
|
|
4
|
-
extendStatics = Object.setPrototypeOf ||
|
|
5
|
-
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
|
6
|
-
function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
|
|
7
|
-
return extendStatics(d, b);
|
|
8
|
-
};
|
|
9
|
-
return function (d, b) {
|
|
10
|
-
if (typeof b !== "function" && b !== null)
|
|
11
|
-
throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
|
|
12
|
-
extendStatics(d, b);
|
|
13
|
-
function __() { this.constructor = d; }
|
|
14
|
-
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
|
15
|
-
};
|
|
16
|
-
})();
|
|
17
2
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
18
3
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
19
4
|
};
|
|
20
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
}
|
|
28
|
-
ApplePayElement.prototype.setupElement = function () {
|
|
29
|
-
var _this = this;
|
|
30
|
-
var Framepay = this.props.Framepay;
|
|
31
|
-
var makeElement = function () {
|
|
6
|
+
const framepay_error_1 = __importDefault(require("../../framepay-error"));
|
|
7
|
+
const base_element_1 = __importDefault(require("./base-element"));
|
|
8
|
+
class ApplePayElement extends base_element_1.default {
|
|
9
|
+
setupElement() {
|
|
10
|
+
const { Framepay } = this.props;
|
|
11
|
+
const makeElement = () => {
|
|
32
12
|
// elementNode already checked in BaseElement.handleSetupElement
|
|
33
13
|
// just ts checks fix
|
|
34
|
-
if (!
|
|
14
|
+
if (!this.elementNode) {
|
|
35
15
|
throw (0, framepay_error_1.default)({
|
|
36
16
|
code: framepay_error_1.default.codes.elementMountError,
|
|
37
17
|
details: 'ApplePayElement invalid elementNode',
|
|
38
18
|
});
|
|
39
19
|
}
|
|
40
20
|
try {
|
|
41
|
-
return Framepay.applePay.mount(
|
|
21
|
+
return Framepay.applePay.mount(this.elementNode);
|
|
42
22
|
}
|
|
43
23
|
catch (e) {
|
|
44
24
|
throw (0, framepay_error_1.default)({
|
|
@@ -48,10 +28,9 @@ var ApplePayElement = /** @class */ (function (_super) {
|
|
|
48
28
|
});
|
|
49
29
|
}
|
|
50
30
|
};
|
|
51
|
-
|
|
52
|
-
this.setState({ element
|
|
53
|
-
}
|
|
54
|
-
|
|
55
|
-
}(base_element_1.default));
|
|
31
|
+
const element = makeElement();
|
|
32
|
+
this.setState({ element });
|
|
33
|
+
}
|
|
34
|
+
}
|
|
56
35
|
exports.default = ApplePayElement;
|
|
57
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
36
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXBwbGVwYXktZWxlbWVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9saWIvY29tcG9uZW50cy9lbGVtZW50cy9hcHBsZXBheS1lbGVtZW50LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7OztBQUNBLDBFQUFpRDtBQUNqRCxrRUFBeUM7QUFHekMsTUFBcUIsZUFBZ0IsU0FBUSxzQkFHNUM7SUFDRyxZQUFZO1FBQ1IsTUFBTSxFQUFFLFFBQVEsRUFBRSxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUM7UUFFaEMsTUFBTSxXQUFXLEdBQUcsR0FBRyxFQUFFO1lBQ3JCLGdFQUFnRTtZQUNoRSxxQkFBcUI7WUFDckIsSUFBSSxDQUFDLElBQUksQ0FBQyxXQUFXLEVBQUUsQ0FBQztnQkFDcEIsTUFBTSxJQUFBLHdCQUFhLEVBQUM7b0JBQ2hCLElBQUksRUFBRSx3QkFBYSxDQUFDLEtBQUssQ0FBQyxpQkFBaUI7b0JBQzNDLE9BQU8sRUFBRSxxQ0FBcUM7aUJBQ2pELENBQUMsQ0FBQztZQUNQLENBQUM7WUFFRCxJQUFJLENBQUM7Z0JBQ0QsT0FBTyxRQUFRLENBQUMsUUFBUSxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLENBQUM7WUFDckQsQ0FBQztZQUFDLE9BQU8sQ0FBQyxFQUFFLENBQUM7Z0JBQ1QsTUFBTSxJQUFBLHdCQUFhLEVBQUM7b0JBQ2hCLElBQUksRUFBRSx3QkFBYSxDQUFDLEtBQUssQ0FBQyxpQkFBaUI7b0JBQzNDLE9BQU8sRUFBRSwwQ0FBMEM7b0JBQ25ELEtBQUssRUFBRSxDQUFDO2lCQUNYLENBQUMsQ0FBQztZQUNQLENBQUM7UUFDTCxDQUFDLENBQUM7UUFFRixNQUFNLE9BQU8sR0FBRyxXQUFXLEVBQUUsQ0FBQztRQUM5QixJQUFJLENBQUMsUUFBUSxDQUFDLEVBQUUsT0FBTyxFQUFFLENBQUMsQ0FBQztJQUMvQixDQUFDO0NBQ0o7QUEvQkQsa0NBK0JDIn0=
|
|
@@ -1,88 +1,67 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __extends = (this && this.__extends) || (function () {
|
|
3
|
-
var extendStatics = function (d, b) {
|
|
4
|
-
extendStatics = Object.setPrototypeOf ||
|
|
5
|
-
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
|
6
|
-
function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
|
|
7
|
-
return extendStatics(d, b);
|
|
8
|
-
};
|
|
9
|
-
return function (d, b) {
|
|
10
|
-
if (typeof b !== "function" && b !== null)
|
|
11
|
-
throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
|
|
12
|
-
extendStatics(d, b);
|
|
13
|
-
function __() { this.constructor = d; }
|
|
14
|
-
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
|
15
|
-
};
|
|
16
|
-
})();
|
|
17
2
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
18
3
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
19
4
|
};
|
|
20
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
}
|
|
28
|
-
BankElement.prototype.setupElement = function () {
|
|
29
|
-
var _this = this;
|
|
30
|
-
var _a = this.props, onReady = _a.onReady, onChange = _a.onChange, onFocus = _a.onFocus, onBlur = _a.onBlur, elementType = _a.elementType;
|
|
31
|
-
var makeElement = function () {
|
|
6
|
+
const framepay_error_1 = __importDefault(require("../../framepay-error"));
|
|
7
|
+
const base_element_1 = __importDefault(require("./base-element"));
|
|
8
|
+
class BankElement extends base_element_1.default {
|
|
9
|
+
setupElement() {
|
|
10
|
+
const { onReady, onChange, onFocus, onBlur, elementType } = this.props;
|
|
11
|
+
const makeElement = () => {
|
|
32
12
|
// elementNode already checked in BaseElement.handleSetupElement
|
|
33
13
|
// just ts checks fix
|
|
34
|
-
if (!
|
|
14
|
+
if (!this.elementNode) {
|
|
35
15
|
throw (0, framepay_error_1.default)({
|
|
36
16
|
code: framepay_error_1.default.codes.elementMountError,
|
|
37
|
-
details:
|
|
17
|
+
details: `BankElement invalid elementNode, elementType: ${elementType || 'default'}`,
|
|
38
18
|
});
|
|
39
19
|
}
|
|
40
20
|
try {
|
|
41
|
-
return
|
|
21
|
+
return this.props.Framepay.bankAccount.mount(this.elementNode, elementType);
|
|
42
22
|
}
|
|
43
23
|
catch (e) {
|
|
44
24
|
throw (0, framepay_error_1.default)({
|
|
45
25
|
code: framepay_error_1.default.codes.elementMountError,
|
|
46
|
-
details:
|
|
26
|
+
details: `BankElement error in remote api call, elementType: ${elementType || 'default'}`,
|
|
47
27
|
trace: e,
|
|
48
28
|
});
|
|
49
29
|
}
|
|
50
30
|
};
|
|
51
|
-
|
|
31
|
+
const element = makeElement();
|
|
52
32
|
try {
|
|
53
|
-
element.on('ready',
|
|
54
|
-
|
|
33
|
+
element.on('ready', () => {
|
|
34
|
+
this.setState({ ready: true }, () => {
|
|
55
35
|
if (onReady) {
|
|
56
36
|
onReady();
|
|
57
37
|
}
|
|
58
38
|
});
|
|
59
39
|
});
|
|
60
|
-
element.on('change',
|
|
40
|
+
element.on('change', (data) => {
|
|
61
41
|
if (onChange) {
|
|
62
42
|
onChange(data);
|
|
63
43
|
}
|
|
64
44
|
});
|
|
65
|
-
element.on('focus',
|
|
45
|
+
element.on('focus', () => {
|
|
66
46
|
if (onFocus) {
|
|
67
47
|
onFocus();
|
|
68
48
|
}
|
|
69
49
|
});
|
|
70
|
-
element.on('blur',
|
|
50
|
+
element.on('blur', () => {
|
|
71
51
|
if (onBlur) {
|
|
72
52
|
onBlur();
|
|
73
53
|
}
|
|
74
54
|
});
|
|
75
|
-
this.setState({ element
|
|
55
|
+
this.setState({ element });
|
|
76
56
|
}
|
|
77
57
|
catch (e) {
|
|
78
58
|
throw (0, framepay_error_1.default)({
|
|
79
59
|
code: framepay_error_1.default.codes.elementMountError,
|
|
80
|
-
details:
|
|
60
|
+
details: `BankElement events binding error, elementType: ${elementType || 'default'}`,
|
|
81
61
|
trace: e,
|
|
82
62
|
});
|
|
83
63
|
}
|
|
84
|
-
}
|
|
85
|
-
|
|
86
|
-
}(base_element_1.default));
|
|
64
|
+
}
|
|
65
|
+
}
|
|
87
66
|
exports.default = BankElement;
|
|
88
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
67
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFuay1lbGVtZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2xpYi9jb21wb25lbnRzL2VsZW1lbnRzL2JhbmstZWxlbWVudC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7QUFDQSwwRUFBaUQ7QUFDakQsa0VBQXlDO0FBSXpDLE1BQXFCLFdBQVksU0FBUSxzQkFBaUM7SUFDdEUsWUFBWTtRQUNSLE1BQU0sRUFBRSxPQUFPLEVBQUUsUUFBUSxFQUFFLE9BQU8sRUFBRSxNQUFNLEVBQUUsV0FBVyxFQUFFLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQztRQUV2RSxNQUFNLFdBQVcsR0FBRyxHQUFHLEVBQUU7WUFDckIsZ0VBQWdFO1lBQ2hFLHFCQUFxQjtZQUNyQixJQUFJLENBQUMsSUFBSSxDQUFDLFdBQVcsRUFBRSxDQUFDO2dCQUNwQixNQUFNLElBQUEsd0JBQWEsRUFBQztvQkFDaEIsSUFBSSxFQUFFLHdCQUFhLENBQUMsS0FBSyxDQUFDLGlCQUFpQjtvQkFDM0MsT0FBTyxFQUFFLGlEQUNMLFdBQVcsSUFBSSxTQUNuQixFQUFFO2lCQUNMLENBQUMsQ0FBQztZQUNQLENBQUM7WUFFRCxJQUFJLENBQUM7Z0JBQ0QsT0FBTyxJQUFJLENBQUMsS0FBSyxDQUFDLFFBQVEsQ0FBQyxXQUFXLENBQUMsS0FBSyxDQUN4QyxJQUFJLENBQUMsV0FBVyxFQUNoQixXQUFXLENBQ2QsQ0FBQztZQUNOLENBQUM7WUFBQyxPQUFPLENBQUMsRUFBRSxDQUFDO2dCQUNULE1BQU0sSUFBQSx3QkFBYSxFQUFDO29CQUNoQixJQUFJLEVBQUUsd0JBQWEsQ0FBQyxLQUFLLENBQUMsaUJBQWlCO29CQUMzQyxPQUFPLEVBQUUsc0RBQ0wsV0FBVyxJQUFJLFNBQ25CLEVBQUU7b0JBQ0YsS0FBSyxFQUFFLENBQUM7aUJBQ1gsQ0FBQyxDQUFDO1lBQ1AsQ0FBQztRQUNMLENBQUMsQ0FBQztRQUVGLE1BQU0sT0FBTyxHQUFHLFdBQVcsRUFBRSxDQUFDO1FBRTlCLElBQUksQ0FBQztZQUNELE9BQU8sQ0FBQyxFQUFFLENBQUMsT0FBTyxFQUFFLEdBQUcsRUFBRTtnQkFDckIsSUFBSSxDQUFDLFFBQVEsQ0FBQyxFQUFFLEtBQUssRUFBRSxJQUFJLEVBQUUsRUFBRSxHQUFHLEVBQUU7b0JBQ2hDLElBQUksT0FBTyxFQUFFLENBQUM7d0JBQ1YsT0FBTyxFQUFFLENBQUM7b0JBQ2QsQ0FBQztnQkFDTCxDQUFDLENBQUMsQ0FBQztZQUNQLENBQUMsQ0FBQyxDQUFDO1lBRUgsT0FBTyxDQUFDLEVBQUUsQ0FBQyxRQUFRLEVBQUUsQ0FBQyxJQUF3QyxFQUFFLEVBQUU7Z0JBQzlELElBQUksUUFBUSxFQUFFLENBQUM7b0JBQ1gsUUFBUSxDQUFDLElBQUksQ0FBQyxDQUFDO2dCQUNuQixDQUFDO1lBQ0wsQ0FBQyxDQUFDLENBQUM7WUFFSCxPQUFPLENBQUMsRUFBRSxDQUFDLE9BQU8sRUFBRSxHQUFHLEVBQUU7Z0JBQ3JCLElBQUksT0FBTyxFQUFFLENBQUM7b0JBQ1YsT0FBTyxFQUFFLENBQUM7Z0JBQ2QsQ0FBQztZQUNMLENBQUMsQ0FBQyxDQUFDO1lBRUgsT0FBTyxDQUFDLEVBQUUsQ0FBQyxNQUFNLEVBQUUsR0FBRyxFQUFFO2dCQUNwQixJQUFJLE1BQU0sRUFBRSxDQUFDO29CQUNULE1BQU0sRUFBRSxDQUFDO2dCQUNiLENBQUM7WUFDTCxDQUFDLENBQUMsQ0FBQztZQUVILElBQUksQ0FBQyxRQUFRLENBQUMsRUFBRSxPQUFPLEVBQUUsQ0FBQyxDQUFDO1FBQy9CLENBQUM7UUFBQyxPQUFPLENBQUMsRUFBRSxDQUFDO1lBQ1QsTUFBTSxJQUFBLHdCQUFhLEVBQUM7Z0JBQ2hCLElBQUksRUFBRSx3QkFBYSxDQUFDLEtBQUssQ0FBQyxpQkFBaUI7Z0JBQzNDLE9BQU8sRUFBRSxrREFDTCxXQUFXLElBQUksU0FDbkIsRUFBRTtnQkFDRixLQUFLLEVBQUUsQ0FBQzthQUNYLENBQUMsQ0FBQztRQUNQLENBQUM7SUFDTCxDQUFDO0NBQ0o7QUF4RUQsOEJBd0VDIn0=
|
|
@@ -1,30 +1,4 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __extends = (this && this.__extends) || (function () {
|
|
3
|
-
var extendStatics = function (d, b) {
|
|
4
|
-
extendStatics = Object.setPrototypeOf ||
|
|
5
|
-
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
|
6
|
-
function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
|
|
7
|
-
return extendStatics(d, b);
|
|
8
|
-
};
|
|
9
|
-
return function (d, b) {
|
|
10
|
-
if (typeof b !== "function" && b !== null)
|
|
11
|
-
throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
|
|
12
|
-
extendStatics(d, b);
|
|
13
|
-
function __() { this.constructor = d; }
|
|
14
|
-
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
|
15
|
-
};
|
|
16
|
-
})();
|
|
17
|
-
var __assign = (this && this.__assign) || function () {
|
|
18
|
-
__assign = Object.assign || function(t) {
|
|
19
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
20
|
-
s = arguments[i];
|
|
21
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
22
|
-
t[p] = s[p];
|
|
23
|
-
}
|
|
24
|
-
return t;
|
|
25
|
-
};
|
|
26
|
-
return __assign.apply(this, arguments);
|
|
27
|
-
};
|
|
28
2
|
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
29
3
|
if (k2 === undefined) k2 = k;
|
|
30
4
|
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
@@ -59,20 +33,18 @@ var __importStar = (this && this.__importStar) || (function () {
|
|
|
59
33
|
};
|
|
60
34
|
})();
|
|
61
35
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
_this.state = {
|
|
36
|
+
const React = __importStar(require("react"));
|
|
37
|
+
class BaseElement extends React.Component {
|
|
38
|
+
constructor() {
|
|
39
|
+
super(...arguments);
|
|
40
|
+
this.state = {
|
|
68
41
|
element: null,
|
|
69
42
|
mounted: false,
|
|
70
43
|
ready: false,
|
|
71
44
|
};
|
|
72
|
-
|
|
73
|
-
return _this;
|
|
45
|
+
this.elementNode = null;
|
|
74
46
|
}
|
|
75
|
-
|
|
47
|
+
componentWillUnmount() {
|
|
76
48
|
if (this.state.mounted && !this.state.element) {
|
|
77
49
|
console.warn('WARNING Element does not exist, please fix the setupElement method and add setState({element})');
|
|
78
50
|
return;
|
|
@@ -80,14 +52,14 @@ var BaseElement = /** @class */ (function (_super) {
|
|
|
80
52
|
if (this.state.element) {
|
|
81
53
|
this.state.element.destroy();
|
|
82
54
|
}
|
|
83
|
-
}
|
|
84
|
-
|
|
55
|
+
}
|
|
56
|
+
componentDidMount() {
|
|
85
57
|
this.handleSetupElement();
|
|
86
|
-
}
|
|
87
|
-
|
|
58
|
+
}
|
|
59
|
+
setupElement() {
|
|
88
60
|
throw new Error('Please implement method setupElement');
|
|
89
|
-
}
|
|
90
|
-
|
|
61
|
+
}
|
|
62
|
+
handleSetupElement() {
|
|
91
63
|
if (!this.props.Framepay.ready) {
|
|
92
64
|
/**
|
|
93
65
|
* The remote api isn't ready
|
|
@@ -112,40 +84,35 @@ var BaseElement = /** @class */ (function (_super) {
|
|
|
112
84
|
// @ts-expect-error todo fix type issue
|
|
113
85
|
this.state.mounted = true;
|
|
114
86
|
this.setupElement();
|
|
115
|
-
}
|
|
87
|
+
}
|
|
116
88
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
117
|
-
|
|
89
|
+
shouldComponentUpdate(nextProps, nextState) {
|
|
118
90
|
// we can't use the componentDidUpdate, componentWillReceiveProps methods
|
|
119
91
|
// also, we can't return true here (to avoid the dom element re-render)
|
|
120
92
|
// so, in that case we had to use that method as componentDidUpdate or componentWillReceiveProps
|
|
121
93
|
// with some magic
|
|
122
94
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
123
|
-
|
|
95
|
+
const rules = [
|
|
124
96
|
[this.props.Framepay.ready, nextProps.Framepay.ready],
|
|
125
97
|
[this.state.mounted, nextState.mounted],
|
|
126
98
|
[this.state.ready, nextState.ready],
|
|
127
99
|
[Boolean(this.state.element), Boolean(nextState.element)],
|
|
128
100
|
];
|
|
129
|
-
|
|
130
|
-
var prev = _a[0], next = _a[1];
|
|
131
|
-
return prev !== next;
|
|
132
|
-
});
|
|
101
|
+
const shouldUpdate = rules.find(([prev, next]) => prev !== next);
|
|
133
102
|
if (shouldUpdate) {
|
|
134
103
|
// @ts-expect-error todo fix typing issues
|
|
135
104
|
this.props = nextProps;
|
|
136
105
|
this.handleSetupElement();
|
|
137
106
|
// @ts-expect-error todo fix typing issues
|
|
138
|
-
this.state =
|
|
107
|
+
this.state = Object.assign({}, nextState);
|
|
139
108
|
}
|
|
140
109
|
return false;
|
|
141
|
-
}
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
_this.elementNode = node;
|
|
110
|
+
}
|
|
111
|
+
render() {
|
|
112
|
+
return (React.createElement("div", { id: this.props.id, ref: (node) => {
|
|
113
|
+
this.elementNode = node;
|
|
146
114
|
} }));
|
|
147
|
-
}
|
|
148
|
-
|
|
149
|
-
}(React.Component));
|
|
115
|
+
}
|
|
116
|
+
}
|
|
150
117
|
exports.default = BaseElement;
|
|
151
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
118
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFzZS1lbGVtZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2xpYi9jb21wb25lbnRzL2VsZW1lbnRzL2Jhc2UtZWxlbWVudC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSw2Q0FBK0I7QUFNL0IsTUFBcUIsV0FHbkIsU0FBUSxLQUFLLENBQUMsU0FBZTtJQUgvQjs7UUFJYSxVQUFLLEdBQUc7WUFDYixPQUFPLEVBQUUsSUFBSTtZQUNiLE9BQU8sRUFBRSxLQUFLO1lBQ2QsS0FBSyxFQUFFLEtBQUs7U0FDVixDQUFDO1FBRUcsZ0JBQVcsR0FBMEIsSUFBSSxDQUFDO0lBc0Z4RCxDQUFDO0lBcEZHLG9CQUFvQjtRQUNoQixJQUFJLElBQUksQ0FBQyxLQUFLLENBQUMsT0FBTyxJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxPQUFPLEVBQUUsQ0FBQztZQUM1QyxPQUFPLENBQUMsSUFBSSxDQUNSLGdHQUFnRyxDQUNuRyxDQUFDO1lBQ0YsT0FBTztRQUNYLENBQUM7UUFDRCxJQUFJLElBQUksQ0FBQyxLQUFLLENBQUMsT0FBTyxFQUFFLENBQUM7WUFDckIsSUFBSSxDQUFDLEtBQUssQ0FBQyxPQUFPLENBQUMsT0FBTyxFQUFFLENBQUM7UUFDakMsQ0FBQztJQUNMLENBQUM7SUFFRCxpQkFBaUI7UUFDYixJQUFJLENBQUMsa0JBQWtCLEVBQUUsQ0FBQztJQUM5QixDQUFDO0lBRUQsWUFBWTtRQUNSLE1BQU0sSUFBSSxLQUFLLENBQUMsc0NBQXNDLENBQUMsQ0FBQztJQUM1RCxDQUFDO0lBRUQsa0JBQWtCO1FBQ2QsSUFBSSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsUUFBUSxDQUFDLEtBQUssRUFBRSxDQUFDO1lBQzdCOztlQUVHO1lBQ0gsT0FBTztRQUNYLENBQUM7UUFDRCxJQUFJLElBQUksQ0FBQyxLQUFLLENBQUMsT0FBTyxFQUFFLENBQUM7WUFDckI7O2VBRUc7WUFDSCxPQUFPO1FBQ1gsQ0FBQztRQUNELElBQUksQ0FBQyxJQUFJLENBQUMsV0FBVyxFQUFFLENBQUM7WUFDcEI7O2VBRUc7WUFDSCxPQUFPO1FBQ1gsQ0FBQztRQUNEOztXQUVHO1FBQ0gsdUNBQXVDO1FBQ3ZDLElBQUksQ0FBQyxLQUFLLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQztRQUMxQixJQUFJLENBQUMsWUFBWSxFQUFFLENBQUM7SUFDeEIsQ0FBQztJQUVELDhEQUE4RDtJQUM5RCxxQkFBcUIsQ0FBQyxTQUFjLEVBQUUsU0FBYztRQUNoRCx5RUFBeUU7UUFDekUsdUVBQXVFO1FBQ3ZFLGdHQUFnRztRQUNoRyxrQkFBa0I7UUFDbEIsOERBQThEO1FBQzlELE1BQU0sS0FBSyxHQUF1QjtZQUM5QixDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsUUFBUSxDQUFDLEtBQUssRUFBRSxTQUFTLENBQUMsUUFBUSxDQUFDLEtBQUssQ0FBQztZQUNyRCxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsT0FBTyxFQUFFLFNBQVMsQ0FBQyxPQUFPLENBQUM7WUFDdkMsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLEtBQUssRUFBRSxTQUFTLENBQUMsS0FBSyxDQUFDO1lBQ25DLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsT0FBTyxDQUFDLEVBQUUsT0FBTyxDQUFDLFNBQVMsQ0FBQyxPQUFPLENBQUMsQ0FBQztTQUM1RCxDQUFDO1FBRUYsTUFBTSxZQUFZLEdBQUcsS0FBSyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsSUFBSSxFQUFFLElBQUksQ0FBQyxFQUFFLEVBQUUsQ0FBQyxJQUFJLEtBQUssSUFBSSxDQUFDLENBQUM7UUFFakUsSUFBSSxZQUFZLEVBQUUsQ0FBQztZQUNmLDBDQUEwQztZQUMxQyxJQUFJLENBQUMsS0FBSyxHQUFHLFNBQVMsQ0FBQztZQUN2QixJQUFJLENBQUMsa0JBQWtCLEVBQUUsQ0FBQztZQUMxQiwwQ0FBMEM7WUFDMUMsSUFBSSxDQUFDLEtBQUsscUJBQVEsU0FBUyxDQUFFLENBQUM7UUFDbEMsQ0FBQztRQUVELE9BQU8sS0FBSyxDQUFDO0lBQ2pCLENBQUM7SUFFRCxNQUFNO1FBQ0YsT0FBTyxDQUNILDZCQUNJLEVBQUUsRUFBRSxJQUFJLENBQUMsS0FBSyxDQUFDLEVBQUUsRUFDakIsR0FBRyxFQUFFLENBQUMsSUFBSSxFQUFFLEVBQUU7Z0JBQ1YsSUFBSSxDQUFDLFdBQVcsR0FBRyxJQUFJLENBQUM7WUFDNUIsQ0FBQyxHQUNILENBQ0wsQ0FBQztJQUNOLENBQUM7Q0FDSjtBQWhHRCw4QkFnR0MifQ==
|
|
@@ -1,88 +1,67 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __extends = (this && this.__extends) || (function () {
|
|
3
|
-
var extendStatics = function (d, b) {
|
|
4
|
-
extendStatics = Object.setPrototypeOf ||
|
|
5
|
-
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
|
6
|
-
function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
|
|
7
|
-
return extendStatics(d, b);
|
|
8
|
-
};
|
|
9
|
-
return function (d, b) {
|
|
10
|
-
if (typeof b !== "function" && b !== null)
|
|
11
|
-
throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
|
|
12
|
-
extendStatics(d, b);
|
|
13
|
-
function __() { this.constructor = d; }
|
|
14
|
-
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
|
15
|
-
};
|
|
16
|
-
})();
|
|
17
2
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
18
3
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
19
4
|
};
|
|
20
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
}
|
|
28
|
-
CardElement.prototype.setupElement = function () {
|
|
29
|
-
var _this = this;
|
|
30
|
-
var _a = this.props, onReady = _a.onReady, onChange = _a.onChange, onFocus = _a.onFocus, onBlur = _a.onBlur, elementType = _a.elementType;
|
|
31
|
-
var makeElement = function () {
|
|
6
|
+
const framepay_error_1 = __importDefault(require("../../framepay-error"));
|
|
7
|
+
const base_element_1 = __importDefault(require("./base-element"));
|
|
8
|
+
class CardElement extends base_element_1.default {
|
|
9
|
+
setupElement() {
|
|
10
|
+
const { onReady, onChange, onFocus, onBlur, elementType } = this.props;
|
|
11
|
+
const makeElement = () => {
|
|
32
12
|
// elementNode already checked in BaseElement.handleSetupElement
|
|
33
13
|
// just ts checks fix
|
|
34
|
-
if (!
|
|
14
|
+
if (!this.elementNode) {
|
|
35
15
|
throw (0, framepay_error_1.default)({
|
|
36
16
|
code: framepay_error_1.default.codes.elementMountError,
|
|
37
|
-
details:
|
|
17
|
+
details: `CardElement invalid elementNode, elementType: ${elementType || 'default'}`,
|
|
38
18
|
});
|
|
39
19
|
}
|
|
40
20
|
try {
|
|
41
|
-
return
|
|
21
|
+
return this.props.Framepay.card.mount(this.elementNode, elementType);
|
|
42
22
|
}
|
|
43
23
|
catch (e) {
|
|
44
24
|
throw (0, framepay_error_1.default)({
|
|
45
25
|
code: framepay_error_1.default.codes.elementMountError,
|
|
46
|
-
details:
|
|
26
|
+
details: `CardElement error in remote api call, elementType: ${elementType || 'default'}`,
|
|
47
27
|
trace: e,
|
|
48
28
|
});
|
|
49
29
|
}
|
|
50
30
|
};
|
|
51
|
-
|
|
31
|
+
const element = makeElement();
|
|
52
32
|
try {
|
|
53
|
-
element.on('ready',
|
|
54
|
-
|
|
33
|
+
element.on('ready', () => {
|
|
34
|
+
this.setState({ ready: true }, () => {
|
|
55
35
|
if (onReady) {
|
|
56
36
|
onReady();
|
|
57
37
|
}
|
|
58
38
|
});
|
|
59
39
|
});
|
|
60
|
-
element.on('change',
|
|
40
|
+
element.on('change', (data) => {
|
|
61
41
|
if (onChange) {
|
|
62
42
|
onChange(data);
|
|
63
43
|
}
|
|
64
44
|
});
|
|
65
|
-
element.on('focus',
|
|
45
|
+
element.on('focus', () => {
|
|
66
46
|
if (onFocus) {
|
|
67
47
|
onFocus();
|
|
68
48
|
}
|
|
69
49
|
});
|
|
70
|
-
element.on('blur',
|
|
50
|
+
element.on('blur', () => {
|
|
71
51
|
if (onBlur) {
|
|
72
52
|
onBlur();
|
|
73
53
|
}
|
|
74
54
|
});
|
|
75
|
-
this.setState({ element
|
|
55
|
+
this.setState({ element });
|
|
76
56
|
}
|
|
77
57
|
catch (e) {
|
|
78
58
|
throw (0, framepay_error_1.default)({
|
|
79
59
|
code: framepay_error_1.default.codes.elementMountError,
|
|
80
|
-
details:
|
|
60
|
+
details: `CardElement events binding error, elementType: ${elementType || 'default'}`,
|
|
81
61
|
trace: e,
|
|
82
62
|
});
|
|
83
63
|
}
|
|
84
|
-
}
|
|
85
|
-
|
|
86
|
-
}(base_element_1.default));
|
|
64
|
+
}
|
|
65
|
+
}
|
|
87
66
|
exports.default = CardElement;
|
|
88
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
67
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC1lbGVtZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2xpYi9jb21wb25lbnRzL2VsZW1lbnRzL2NhcmQtZWxlbWVudC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7QUFDQSwwRUFBaUQ7QUFDakQsa0VBQXlDO0FBSXpDLE1BQXFCLFdBQVksU0FBUSxzQkFBaUM7SUFDdEUsWUFBWTtRQUNSLE1BQU0sRUFBRSxPQUFPLEVBQUUsUUFBUSxFQUFFLE9BQU8sRUFBRSxNQUFNLEVBQUUsV0FBVyxFQUFFLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQztRQUV2RSxNQUFNLFdBQVcsR0FBRyxHQUFHLEVBQUU7WUFDckIsZ0VBQWdFO1lBQ2hFLHFCQUFxQjtZQUNyQixJQUFJLENBQUMsSUFBSSxDQUFDLFdBQVcsRUFBRSxDQUFDO2dCQUNwQixNQUFNLElBQUEsd0JBQWEsRUFBQztvQkFDaEIsSUFBSSxFQUFFLHdCQUFhLENBQUMsS0FBSyxDQUFDLGlCQUFpQjtvQkFDM0MsT0FBTyxFQUFFLGlEQUNMLFdBQVcsSUFBSSxTQUNuQixFQUFFO2lCQUNMLENBQUMsQ0FBQztZQUNQLENBQUM7WUFFRCxJQUFJLENBQUM7Z0JBQ0QsT0FBTyxJQUFJLENBQUMsS0FBSyxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUNqQyxJQUFJLENBQUMsV0FBVyxFQUNoQixXQUFXLENBQ2QsQ0FBQztZQUNOLENBQUM7WUFBQyxPQUFPLENBQUMsRUFBRSxDQUFDO2dCQUNULE1BQU0sSUFBQSx3QkFBYSxFQUFDO29CQUNoQixJQUFJLEVBQUUsd0JBQWEsQ0FBQyxLQUFLLENBQUMsaUJBQWlCO29CQUMzQyxPQUFPLEVBQUUsc0RBQ0wsV0FBVyxJQUFJLFNBQ25CLEVBQUU7b0JBQ0YsS0FBSyxFQUFFLENBQUM7aUJBQ1gsQ0FBQyxDQUFDO1lBQ1AsQ0FBQztRQUNMLENBQUMsQ0FBQztRQUVGLE1BQU0sT0FBTyxHQUFHLFdBQVcsRUFBRSxDQUFDO1FBRTlCLElBQUksQ0FBQztZQUNELE9BQU8sQ0FBQyxFQUFFLENBQUMsT0FBTyxFQUFFLEdBQUcsRUFBRTtnQkFDckIsSUFBSSxDQUFDLFFBQVEsQ0FBQyxFQUFFLEtBQUssRUFBRSxJQUFJLEVBQUUsRUFBRSxHQUFHLEVBQUU7b0JBQ2hDLElBQUksT0FBTyxFQUFFLENBQUM7d0JBQ1YsT0FBTyxFQUFFLENBQUM7b0JBQ2QsQ0FBQztnQkFDTCxDQUFDLENBQUMsQ0FBQztZQUNQLENBQUMsQ0FBQyxDQUFDO1lBRUgsT0FBTyxDQUFDLEVBQUUsQ0FBQyxRQUFRLEVBQUUsQ0FBQyxJQUF3QyxFQUFFLEVBQUU7Z0JBQzlELElBQUksUUFBUSxFQUFFLENBQUM7b0JBQ1gsUUFBUSxDQUFDLElBQUksQ0FBQyxDQUFDO2dCQUNuQixDQUFDO1lBQ0wsQ0FBQyxDQUFDLENBQUM7WUFFSCxPQUFPLENBQUMsRUFBRSxDQUFDLE9BQU8sRUFBRSxHQUFHLEVBQUU7Z0JBQ3JCLElBQUksT0FBTyxFQUFFLENBQUM7b0JBQ1YsT0FBTyxFQUFFLENBQUM7Z0JBQ2QsQ0FBQztZQUNMLENBQUMsQ0FBQyxDQUFDO1lBQ0gsT0FBTyxDQUFDLEVBQUUsQ0FBQyxNQUFNLEVBQUUsR0FBRyxFQUFFO2dCQUNwQixJQUFJLE1BQU0sRUFBRSxDQUFDO29CQUNULE1BQU0sRUFBRSxDQUFDO2dCQUNiLENBQUM7WUFDTCxDQUFDLENBQUMsQ0FBQztZQUVILElBQUksQ0FBQyxRQUFRLENBQUMsRUFBRSxPQUFPLEVBQUUsQ0FBQyxDQUFDO1FBQy9CLENBQUM7UUFBQyxPQUFPLENBQUMsRUFBRSxDQUFDO1lBQ1QsTUFBTSxJQUFBLHdCQUFhLEVBQUM7Z0JBQ2hCLElBQUksRUFBRSx3QkFBYSxDQUFDLEtBQUssQ0FBQyxpQkFBaUI7Z0JBQzNDLE9BQU8sRUFBRSxrREFDTCxXQUFXLElBQUksU0FDbkIsRUFBRTtnQkFDRixLQUFLLEVBQUUsQ0FBQzthQUNYLENBQUMsQ0FBQztRQUNQLENBQUM7SUFDTCxDQUFDO0NBQ0o7QUF2RUQsOEJBdUVDIn0=
|
|
@@ -1,44 +1,24 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __extends = (this && this.__extends) || (function () {
|
|
3
|
-
var extendStatics = function (d, b) {
|
|
4
|
-
extendStatics = Object.setPrototypeOf ||
|
|
5
|
-
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
|
6
|
-
function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
|
|
7
|
-
return extendStatics(d, b);
|
|
8
|
-
};
|
|
9
|
-
return function (d, b) {
|
|
10
|
-
if (typeof b !== "function" && b !== null)
|
|
11
|
-
throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
|
|
12
|
-
extendStatics(d, b);
|
|
13
|
-
function __() { this.constructor = d; }
|
|
14
|
-
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
|
15
|
-
};
|
|
16
|
-
})();
|
|
17
2
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
18
3
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
19
4
|
};
|
|
20
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
}
|
|
28
|
-
GooglePayElement.prototype.setupElement = function () {
|
|
29
|
-
var _this = this;
|
|
30
|
-
var Framepay = this.props.Framepay;
|
|
31
|
-
var makeElement = function () {
|
|
6
|
+
const framepay_error_1 = __importDefault(require("../../framepay-error"));
|
|
7
|
+
const base_element_1 = __importDefault(require("./base-element"));
|
|
8
|
+
class GooglePayElement extends base_element_1.default {
|
|
9
|
+
setupElement() {
|
|
10
|
+
const { Framepay } = this.props;
|
|
11
|
+
const makeElement = () => {
|
|
32
12
|
// elementNode already checked in BaseElement.handleSetupElement
|
|
33
13
|
// just ts checks fix
|
|
34
|
-
if (!
|
|
14
|
+
if (!this.elementNode) {
|
|
35
15
|
throw (0, framepay_error_1.default)({
|
|
36
16
|
code: framepay_error_1.default.codes.elementMountError,
|
|
37
17
|
details: 'GooglePayElement invalid elementNode',
|
|
38
18
|
});
|
|
39
19
|
}
|
|
40
20
|
try {
|
|
41
|
-
return Framepay.googlePay.mount(
|
|
21
|
+
return Framepay.googlePay.mount(this.elementNode);
|
|
42
22
|
}
|
|
43
23
|
catch (e) {
|
|
44
24
|
throw (0, framepay_error_1.default)({
|
|
@@ -48,10 +28,9 @@ var GooglePayElement = /** @class */ (function (_super) {
|
|
|
48
28
|
});
|
|
49
29
|
}
|
|
50
30
|
};
|
|
51
|
-
|
|
52
|
-
this.setState({ element
|
|
53
|
-
}
|
|
54
|
-
|
|
55
|
-
}(base_element_1.default));
|
|
31
|
+
const element = makeElement();
|
|
32
|
+
this.setState({ element });
|
|
33
|
+
}
|
|
34
|
+
}
|
|
56
35
|
exports.default = GooglePayElement;
|
|
57
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
36
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ29vZ2xlcGF5LWVsZW1lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvZWxlbWVudHMvZ29vZ2xlcGF5LWVsZW1lbnQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7O0FBQ0EsMEVBQWlEO0FBQ2pELGtFQUF5QztBQU16QyxNQUFxQixnQkFBaUIsU0FBUSxzQkFHN0M7SUFDRyxZQUFZO1FBQ1IsTUFBTSxFQUFFLFFBQVEsRUFBRSxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUM7UUFFaEMsTUFBTSxXQUFXLEdBQUcsR0FBRyxFQUFFO1lBQ3JCLGdFQUFnRTtZQUNoRSxxQkFBcUI7WUFDckIsSUFBSSxDQUFDLElBQUksQ0FBQyxXQUFXLEVBQUUsQ0FBQztnQkFDcEIsTUFBTSxJQUFBLHdCQUFhLEVBQUM7b0JBQ2hCLElBQUksRUFBRSx3QkFBYSxDQUFDLEtBQUssQ0FBQyxpQkFBaUI7b0JBQzNDLE9BQU8sRUFBRSxzQ0FBc0M7aUJBQ2xELENBQUMsQ0FBQztZQUNQLENBQUM7WUFFRCxJQUFJLENBQUM7Z0JBQ0QsT0FBTyxRQUFRLENBQUMsU0FBUyxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLENBQUM7WUFDdEQsQ0FBQztZQUFDLE9BQU8sQ0FBQyxFQUFFLENBQUM7Z0JBQ1QsTUFBTSxJQUFBLHdCQUFhLEVBQUM7b0JBQ2hCLElBQUksRUFBRSx3QkFBYSxDQUFDLEtBQUssQ0FBQyxpQkFBaUI7b0JBQzNDLE9BQU8sRUFBRSwyQ0FBMkM7b0JBQ3BELEtBQUssRUFBRSxDQUFDO2lCQUNYLENBQUMsQ0FBQztZQUNQLENBQUM7UUFDTCxDQUFDLENBQUM7UUFFRixNQUFNLE9BQU8sR0FBRyxXQUFXLEVBQUUsQ0FBQztRQUM5QixJQUFJLENBQUMsUUFBUSxDQUFDLEVBQUUsT0FBTyxFQUFFLENBQUMsQ0FBQztJQUMvQixDQUFDO0NBQ0o7QUEvQkQsbUNBK0JDIn0=
|