@rebilly/framepay-react 1.2.0 → 1.3.0
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/build/index.d.ts +3 -3
- package/build/index.js +3 -2
- package/build/lib/components/elements/googlepay-element.d.ts +4 -0
- package/build/lib/components/elements/googlepay-element.js +69 -0
- package/build/lib/components/injector.d.ts +55 -1
- package/build/lib/components/injector.js +30 -8
- package/package.json +1 -1
- package/types/elements.d.ts +4 -4
- package/types/injector.d.ts +4 -4
- package/types/rebilly/api.d.ts +1 -1
- package/types/rebilly/payment-elements/elements/googlepay.d.ts +14 -0
- package/types/rebilly/payment-elements/payment-element-names.d.ts +1 -1
- package/types/rebilly/settings.d.ts +7 -0
- package/build/lib/components/elements/digitalwallet-element.d.ts +0 -4
- package/build/lib/components/elements/digitalwallet-element.js +0 -95
- package/types/rebilly/payment-elements/elements/digitalwallet.d.ts +0 -19
package/build/index.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { SUPPORTED_CARD_BRANDS } from './lib/constants';
|
|
2
|
-
import { withFramePay, withFramePayApplePayComponent, withFramePayBankComponent, withFramePayCardComponent, withFramePayIBANComponent } from './lib/components/injector';
|
|
2
|
+
import { withFramePay, withFramePayApplePayComponent, withFramePayBankComponent, withFramePayCardComponent, withFramePayGooglePayComponent, withFramePayIBANComponent } from './lib/components/injector';
|
|
3
3
|
import FramePayProvider from './lib/components/provider';
|
|
4
|
-
import { FramePayApplePayProps, FramePayBankProps, FramePayCardProps, FramePayComponentProps,
|
|
5
|
-
export { SUPPORTED_CARD_BRANDS, FramePayProvider, withFramePay, withFramePayCardComponent, withFramePayBankComponent, withFramePayIBANComponent, withFramePayApplePayComponent, FramePayComponentProps, FramePayCardProps, FramePayBankProps, FramePayIBANProps, FramePayApplePayProps,
|
|
4
|
+
import { FramePayApplePayProps, FramePayBankProps, FramePayCardProps, FramePayComponentProps, FramePayGooglePayProps, FramePayIBANProps } from '../types/injector';
|
|
5
|
+
export { SUPPORTED_CARD_BRANDS, FramePayProvider, withFramePay, withFramePayCardComponent, withFramePayBankComponent, withFramePayIBANComponent, withFramePayApplePayComponent, withFramePayGooglePayComponent, FramePayComponentProps, FramePayCardProps, FramePayBankProps, FramePayIBANProps, FramePayApplePayProps, FramePayGooglePayProps, };
|
package/build/index.js
CHANGED
|
@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
3
3
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
4
|
};
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
exports.withFramePayApplePayComponent = exports.withFramePayIBANComponent = exports.withFramePayBankComponent = exports.withFramePayCardComponent = exports.withFramePay = exports.FramePayProvider = exports.SUPPORTED_CARD_BRANDS = void 0;
|
|
6
|
+
exports.withFramePayGooglePayComponent = exports.withFramePayApplePayComponent = exports.withFramePayIBANComponent = exports.withFramePayBankComponent = exports.withFramePayCardComponent = exports.withFramePay = exports.FramePayProvider = exports.SUPPORTED_CARD_BRANDS = void 0;
|
|
7
7
|
var 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
|
var injector_1 = require("./lib/components/injector");
|
|
@@ -11,7 +11,8 @@ Object.defineProperty(exports, "withFramePay", { enumerable: true, get: function
|
|
|
11
11
|
Object.defineProperty(exports, "withFramePayApplePayComponent", { enumerable: true, get: function () { return injector_1.withFramePayApplePayComponent; } });
|
|
12
12
|
Object.defineProperty(exports, "withFramePayBankComponent", { enumerable: true, get: function () { return injector_1.withFramePayBankComponent; } });
|
|
13
13
|
Object.defineProperty(exports, "withFramePayCardComponent", { enumerable: true, get: function () { return injector_1.withFramePayCardComponent; } });
|
|
14
|
+
Object.defineProperty(exports, "withFramePayGooglePayComponent", { enumerable: true, get: function () { return injector_1.withFramePayGooglePayComponent; } });
|
|
14
15
|
Object.defineProperty(exports, "withFramePayIBANComponent", { enumerable: true, get: function () { return injector_1.withFramePayIBANComponent; } });
|
|
15
16
|
var provider_1 = __importDefault(require("./lib/components/provider"));
|
|
16
17
|
exports.FramePayProvider = provider_1.default;
|
|
17
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
18
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi9zcmMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBQUEsNkNBQXdEO0FBdUJwRCxzR0F2QkssaUNBQXFCLE9BdUJMO0FBckJ6QixzREFPbUM7QUFnQi9CLDZGQXRCQSx1QkFBWSxPQXNCQTtBQUlaLDhHQXpCQSx3Q0FBNkIsT0F5QkE7QUFGN0IsMEdBdEJBLG9DQUF5QixPQXNCQTtBQUR6QiwwR0FwQkEsb0NBQXlCLE9Bb0JBO0FBSXpCLCtHQXZCQSx5Q0FBOEIsT0F1QkE7QUFGOUIsMEdBcEJBLG9DQUF5QixPQW9CQTtBQWpCN0IsdUVBQXlEO0FBYXJELDJCQWJHLGtCQUFnQixDQWFIIn0=
|
|
@@ -0,0 +1,69 @@
|
|
|
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 (b.hasOwnProperty(p)) d[p] = b[p]; };
|
|
7
|
+
return extendStatics(d, b);
|
|
8
|
+
};
|
|
9
|
+
return function (d, b) {
|
|
10
|
+
extendStatics(d, b);
|
|
11
|
+
function __() { this.constructor = d; }
|
|
12
|
+
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
|
13
|
+
};
|
|
14
|
+
})();
|
|
15
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
16
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
17
|
+
};
|
|
18
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
19
|
+
var framepay_error_1 = __importDefault(require("../../framepay-error"));
|
|
20
|
+
var base_element_1 = __importDefault(require("./base-element"));
|
|
21
|
+
var GooglePayElement = /** @class */ (function (_super) {
|
|
22
|
+
__extends(GooglePayElement, _super);
|
|
23
|
+
function GooglePayElement() {
|
|
24
|
+
return _super !== null && _super.apply(this, arguments) || this;
|
|
25
|
+
}
|
|
26
|
+
GooglePayElement.prototype.setupElement = function () {
|
|
27
|
+
var _this = this;
|
|
28
|
+
var _a = this.props, Rebilly = _a.Rebilly, onTokenReady = _a.onTokenReady;
|
|
29
|
+
var makeElement = function () {
|
|
30
|
+
// elementNode already checked in BaseElement.handleSetupElement
|
|
31
|
+
// just ts checks fix
|
|
32
|
+
if (!_this.elementNode) {
|
|
33
|
+
throw framepay_error_1.default({
|
|
34
|
+
code: framepay_error_1.default.codes.elementMountError,
|
|
35
|
+
details: "GooglePayElement invalid elementNode"
|
|
36
|
+
});
|
|
37
|
+
}
|
|
38
|
+
try {
|
|
39
|
+
return Rebilly.googlePay.mount(_this.elementNode);
|
|
40
|
+
}
|
|
41
|
+
catch (e) {
|
|
42
|
+
throw framepay_error_1.default({
|
|
43
|
+
code: framepay_error_1.default.codes.elementMountError,
|
|
44
|
+
details: "GooglePayElement error in remote api call",
|
|
45
|
+
trace: e
|
|
46
|
+
});
|
|
47
|
+
}
|
|
48
|
+
};
|
|
49
|
+
var element = makeElement();
|
|
50
|
+
try {
|
|
51
|
+
Rebilly.on('token-ready', function (token) {
|
|
52
|
+
if (onTokenReady) {
|
|
53
|
+
onTokenReady(token);
|
|
54
|
+
}
|
|
55
|
+
});
|
|
56
|
+
this.setState({ element: element });
|
|
57
|
+
}
|
|
58
|
+
catch (e) {
|
|
59
|
+
throw framepay_error_1.default({
|
|
60
|
+
code: framepay_error_1.default.codes.elementMountError,
|
|
61
|
+
details: "GooglePayElement events binding error",
|
|
62
|
+
trace: e
|
|
63
|
+
});
|
|
64
|
+
}
|
|
65
|
+
};
|
|
66
|
+
return GooglePayElement;
|
|
67
|
+
}(base_element_1.default));
|
|
68
|
+
exports.default = GooglePayElement;
|
|
69
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ29vZ2xlcGF5LWVsZW1lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvZWxlbWVudHMvZ29vZ2xlcGF5LWVsZW1lbnQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUNBLHdFQUFpRDtBQUNqRCxnRUFBeUM7QUFFekM7SUFBOEMsb0NBRzdDO0lBSEQ7O0lBOENBLENBQUM7SUExQ0csdUNBQVksR0FBWjtRQUFBLGlCQXlDQztRQXhDUyxJQUFBLEtBQTRCLElBQUksQ0FBQyxLQUFLLEVBQXBDLE9BQU8sYUFBQSxFQUFFLFlBQVksa0JBQWUsQ0FBQztRQUU3QyxJQUFNLFdBQVcsR0FBRztZQUNoQixnRUFBZ0U7WUFDaEUscUJBQXFCO1lBQ3JCLElBQUksQ0FBQyxLQUFJLENBQUMsV0FBVyxFQUFFO2dCQUNuQixNQUFNLHdCQUFhLENBQUM7b0JBQ2hCLElBQUksRUFBRSx3QkFBYSxDQUFDLEtBQUssQ0FBQyxpQkFBaUI7b0JBQzNDLE9BQU8sRUFBRSxzQ0FBc0M7aUJBQ2xELENBQUMsQ0FBQzthQUNOO1lBRUQsSUFBSTtnQkFDQSxPQUFPLE9BQU8sQ0FBQyxTQUFTLENBQUMsS0FBSyxDQUFDLEtBQUksQ0FBQyxXQUFXLENBQUMsQ0FBQzthQUNwRDtZQUFDLE9BQU8sQ0FBQyxFQUFFO2dCQUNSLE1BQU0sd0JBQWEsQ0FBQztvQkFDaEIsSUFBSSxFQUFFLHdCQUFhLENBQUMsS0FBSyxDQUFDLGlCQUFpQjtvQkFDM0MsT0FBTyxFQUFFLDJDQUEyQztvQkFDcEQsS0FBSyxFQUFFLENBQUM7aUJBQ1gsQ0FBQyxDQUFDO2FBQ047UUFDTCxDQUFDLENBQUM7UUFFRixJQUFNLE9BQU8sR0FBRyxXQUFXLEVBQUUsQ0FBQztRQUU5QixJQUFJO1lBQ0EsT0FBTyxDQUFDLEVBQUUsQ0FBQyxhQUFhLEVBQUUsVUFBQyxLQUFhO2dCQUNwQyxJQUFJLFlBQVksRUFBRTtvQkFDZCxZQUFZLENBQUMsS0FBSyxDQUFDLENBQUM7aUJBQ3ZCO1lBQ0wsQ0FBQyxDQUFDLENBQUM7WUFFSCxJQUFJLENBQUMsUUFBUSxDQUFDLEVBQUUsT0FBTyxTQUFBLEVBQUUsQ0FBQyxDQUFDO1NBQzlCO1FBQUMsT0FBTyxDQUFDLEVBQUU7WUFDUixNQUFNLHdCQUFhLENBQUM7Z0JBQ2hCLElBQUksRUFBRSx3QkFBYSxDQUFDLEtBQUssQ0FBQyxpQkFBaUI7Z0JBQzNDLE9BQU8sRUFBRSx1Q0FBdUM7Z0JBQ2hELEtBQUssRUFBRSxDQUFDO2FBQ1gsQ0FBQyxDQUFDO1NBQ047SUFDTCxDQUFDO0lBQ0wsdUJBQUM7QUFBRCxDQUFDLEFBOUNELENBQThDLHNCQUFXLEdBOEN4RCJ9
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import { FramePayApplePayProps, FramePayBankProps, FramePayCardProps, FramePayComponentProps, FramePayIBANProps } from '../../../types/injector';
|
|
2
|
+
import { FramePayApplePayProps, FramePayBankProps, FramePayCardProps, FramePayComponentProps, FramePayGooglePayProps, FramePayIBANProps } from '../../../types/injector';
|
|
3
3
|
export declare function withFramePay<OriginalProps extends object>(WrappedComponent: React.ComponentType<OriginalProps & FramePayComponentProps>): {
|
|
4
4
|
new (props: (OriginalProps & FramePayComponentProps) | Readonly<OriginalProps & FramePayComponentProps>): {
|
|
5
5
|
render(): JSX.Element;
|
|
@@ -270,3 +270,57 @@ export declare function withFramePayApplePayComponent<OriginalProps extends obje
|
|
|
270
270
|
readonly displayName: string;
|
|
271
271
|
contextType?: React.Context<any> | undefined;
|
|
272
272
|
};
|
|
273
|
+
export declare function withFramePayGooglePayComponent<OriginalProps extends object>(WrappedComponent: React.ComponentType<OriginalProps & FramePayGooglePayProps>): {
|
|
274
|
+
new (props: (OriginalProps & FramePayGooglePayProps) | Readonly<OriginalProps & FramePayGooglePayProps>): {
|
|
275
|
+
render(): JSX.Element;
|
|
276
|
+
context: any;
|
|
277
|
+
setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<OriginalProps & FramePayGooglePayProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
|
|
278
|
+
forceUpdate(callback?: (() => void) | undefined): void;
|
|
279
|
+
readonly props: Readonly<OriginalProps & FramePayGooglePayProps> & Readonly<{
|
|
280
|
+
children?: React.ReactNode;
|
|
281
|
+
}>;
|
|
282
|
+
state: Readonly<{}>;
|
|
283
|
+
refs: {
|
|
284
|
+
[key: string]: React.ReactInstance;
|
|
285
|
+
};
|
|
286
|
+
componentDidMount?(): void;
|
|
287
|
+
shouldComponentUpdate?(nextProps: Readonly<OriginalProps & FramePayGooglePayProps>, nextState: Readonly<{}>, nextContext: any): boolean;
|
|
288
|
+
componentWillUnmount?(): void;
|
|
289
|
+
componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
|
|
290
|
+
getSnapshotBeforeUpdate?(prevProps: Readonly<OriginalProps & FramePayGooglePayProps>, prevState: Readonly<{}>): any;
|
|
291
|
+
componentDidUpdate?(prevProps: Readonly<OriginalProps & FramePayGooglePayProps>, prevState: Readonly<{}>, snapshot?: any): void;
|
|
292
|
+
componentWillMount?(): void;
|
|
293
|
+
UNSAFE_componentWillMount?(): void;
|
|
294
|
+
componentWillReceiveProps?(nextProps: Readonly<OriginalProps & FramePayGooglePayProps>, nextContext: any): void;
|
|
295
|
+
UNSAFE_componentWillReceiveProps?(nextProps: Readonly<OriginalProps & FramePayGooglePayProps>, nextContext: any): void;
|
|
296
|
+
componentWillUpdate?(nextProps: Readonly<OriginalProps & FramePayGooglePayProps>, nextState: Readonly<{}>, nextContext: any): void;
|
|
297
|
+
UNSAFE_componentWillUpdate?(nextProps: Readonly<OriginalProps & FramePayGooglePayProps>, nextState: Readonly<{}>, nextContext: any): void;
|
|
298
|
+
};
|
|
299
|
+
new (props: OriginalProps & FramePayGooglePayProps, context: any): {
|
|
300
|
+
render(): JSX.Element;
|
|
301
|
+
context: any;
|
|
302
|
+
setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<OriginalProps & FramePayGooglePayProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
|
|
303
|
+
forceUpdate(callback?: (() => void) | undefined): void;
|
|
304
|
+
readonly props: Readonly<OriginalProps & FramePayGooglePayProps> & Readonly<{
|
|
305
|
+
children?: React.ReactNode;
|
|
306
|
+
}>;
|
|
307
|
+
state: Readonly<{}>;
|
|
308
|
+
refs: {
|
|
309
|
+
[key: string]: React.ReactInstance;
|
|
310
|
+
};
|
|
311
|
+
componentDidMount?(): void;
|
|
312
|
+
shouldComponentUpdate?(nextProps: Readonly<OriginalProps & FramePayGooglePayProps>, nextState: Readonly<{}>, nextContext: any): boolean;
|
|
313
|
+
componentWillUnmount?(): void;
|
|
314
|
+
componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
|
|
315
|
+
getSnapshotBeforeUpdate?(prevProps: Readonly<OriginalProps & FramePayGooglePayProps>, prevState: Readonly<{}>): any;
|
|
316
|
+
componentDidUpdate?(prevProps: Readonly<OriginalProps & FramePayGooglePayProps>, prevState: Readonly<{}>, snapshot?: any): void;
|
|
317
|
+
componentWillMount?(): void;
|
|
318
|
+
UNSAFE_componentWillMount?(): void;
|
|
319
|
+
componentWillReceiveProps?(nextProps: Readonly<OriginalProps & FramePayGooglePayProps>, nextContext: any): void;
|
|
320
|
+
UNSAFE_componentWillReceiveProps?(nextProps: Readonly<OriginalProps & FramePayGooglePayProps>, nextContext: any): void;
|
|
321
|
+
componentWillUpdate?(nextProps: Readonly<OriginalProps & FramePayGooglePayProps>, nextState: Readonly<{}>, nextContext: any): void;
|
|
322
|
+
UNSAFE_componentWillUpdate?(nextProps: Readonly<OriginalProps & FramePayGooglePayProps>, nextState: Readonly<{}>, nextContext: any): void;
|
|
323
|
+
};
|
|
324
|
+
readonly displayName: string;
|
|
325
|
+
contextType?: React.Context<any> | undefined;
|
|
326
|
+
};
|
|
@@ -47,13 +47,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
47
47
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
48
48
|
};
|
|
49
49
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
50
|
-
exports.withFramePayApplePayComponent = exports.withFramePayIBANComponent = exports.withFramePayBankComponent = exports.withFramePayCardComponent = exports.withFramePay = void 0;
|
|
50
|
+
exports.withFramePayGooglePayComponent = exports.withFramePayApplePayComponent = exports.withFramePayIBANComponent = exports.withFramePayBankComponent = exports.withFramePayCardComponent = exports.withFramePay = void 0;
|
|
51
51
|
var React = __importStar(require("react"));
|
|
52
52
|
var context_1 = require("../context");
|
|
53
53
|
var applepay_element_1 = __importDefault(require("./elements/applepay-element"));
|
|
54
54
|
var bank_element_1 = __importDefault(require("./elements/bank-element"));
|
|
55
55
|
var card_element_1 = __importDefault(require("./elements/card-element"));
|
|
56
|
-
var
|
|
56
|
+
var googlepay_element_1 = __importDefault(require("./elements/googlepay-element"));
|
|
57
57
|
var iban_element_1 = __importDefault(require("./elements/iban-element"));
|
|
58
58
|
var makeRebillyProps = function (data) {
|
|
59
59
|
return Object.assign(Object.create(data.api || {}), {
|
|
@@ -200,17 +200,17 @@ var elementsFabric = function (type) {
|
|
|
200
200
|
ApplePayElement: ApplePayElement
|
|
201
201
|
};
|
|
202
202
|
}
|
|
203
|
-
if (type === '
|
|
203
|
+
if (type === 'googlePay') {
|
|
204
204
|
/**
|
|
205
|
-
*
|
|
205
|
+
* Google Pay
|
|
206
206
|
*/
|
|
207
|
-
var
|
|
207
|
+
var GooglePayElement = Hoc('GooglePayElement', googlepay_element_1.default, function (data) {
|
|
208
208
|
return ({
|
|
209
209
|
Rebilly: makeRebillyProps(data)
|
|
210
210
|
});
|
|
211
211
|
});
|
|
212
212
|
return {
|
|
213
|
-
|
|
213
|
+
GooglePayElement: GooglePayElement
|
|
214
214
|
};
|
|
215
215
|
}
|
|
216
216
|
/**
|
|
@@ -220,7 +220,7 @@ var elementsFabric = function (type) {
|
|
|
220
220
|
};
|
|
221
221
|
function withFramePay(WrappedComponent) {
|
|
222
222
|
var _a;
|
|
223
|
-
var elements = __assign(__assign(__assign(__assign(__assign({}, elementsFabric('card')), elementsFabric('bankAccount')), elementsFabric('iban')), elementsFabric('applePay')), elementsFabric('
|
|
223
|
+
var elements = __assign(__assign(__assign(__assign(__assign({}, elementsFabric('card')), elementsFabric('bankAccount')), elementsFabric('iban')), elementsFabric('applePay')), elementsFabric('googlePay'));
|
|
224
224
|
return _a = /** @class */ (function (_super) {
|
|
225
225
|
__extends(class_2, _super);
|
|
226
226
|
function class_2() {
|
|
@@ -328,4 +328,26 @@ function withFramePayApplePayComponent(WrappedComponent) {
|
|
|
328
328
|
_a;
|
|
329
329
|
}
|
|
330
330
|
exports.withFramePayApplePayComponent = withFramePayApplePayComponent;
|
|
331
|
-
|
|
331
|
+
function withFramePayGooglePayComponent(WrappedComponent) {
|
|
332
|
+
var _a;
|
|
333
|
+
var elements = elementsFabric('googlePay');
|
|
334
|
+
return _a = /** @class */ (function (_super) {
|
|
335
|
+
__extends(class_7, _super);
|
|
336
|
+
function class_7() {
|
|
337
|
+
return _super !== null && _super.apply(this, arguments) || this;
|
|
338
|
+
}
|
|
339
|
+
class_7.prototype.render = function () {
|
|
340
|
+
var _this = this;
|
|
341
|
+
return (React.createElement(context_1.ContextConsumer, null, function (data) {
|
|
342
|
+
return (React.createElement(WrappedComponent, __assign({}, __assign(__assign(__assign({}, _this.props), elements), { Rebilly: makeRebillyProps(data) }))));
|
|
343
|
+
}));
|
|
344
|
+
};
|
|
345
|
+
return class_7;
|
|
346
|
+
}(React.Component)),
|
|
347
|
+
_a.displayName = "withFramePayGooglePayComponent" + name + "(" + (WrappedComponent.displayName ||
|
|
348
|
+
WrappedComponent.name ||
|
|
349
|
+
'Component') + ")",
|
|
350
|
+
_a;
|
|
351
|
+
}
|
|
352
|
+
exports.withFramePayGooglePayComponent = withFramePayGooglePayComponent;
|
|
353
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5qZWN0b3IuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvaW5qZWN0b3IudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxzQ0FBc0M7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFFdEMsMkNBQStCO0FBQy9CLHNDQUE2QztBQUM3QyxpRkFBbUU7QUFDbkUseUVBQTJEO0FBQzNELHlFQUEyRDtBQUMzRCxtRkFBcUU7QUFDckUseUVBQTJEO0FBVzNELElBQU0sZ0JBQWdCLEdBQUcsVUFBQyxJQUFxQjtJQUMzQyxPQUFBLE1BQU0sQ0FBQyxNQUFNLENBQUMsTUFBTSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsR0FBRyxJQUFJLEVBQUUsQ0FBQyxFQUFFO1FBQ3pDLEtBQUssRUFBRSxJQUFJLENBQUMsS0FBSztRQUNqQixLQUFLLEVBQUUsSUFBSSxDQUFDLEtBQUs7S0FDcEIsQ0FBaUI7QUFIbEIsQ0FHa0IsQ0FBQztBQUV2QixTQUFTLEdBQUcsQ0FDUixJQUFZLEVBQ1osZ0JBQXdDLEVBQ3hDLFFBQTJDOztJQUUzQztZQUFxQiwyQkFBc0I7WUFBcEM7O1lBbUJQLENBQUM7WUFkRyx3QkFBTSxHQUFOO2dCQUFBLGlCQWFDO2dCQVpHLE9BQU8sQ0FDSCxvQkFBQyx5QkFBZSxRQUNYLFVBQUMsSUFBcUI7b0JBQ25CLElBQU0sUUFBUSxHQUFHLFFBQVEsQ0FBQyxJQUFJLENBQUMsQ0FBQztvQkFDaEMsT0FBTyxDQUNILG9CQUFDLGdCQUFnQixxQ0FDSixLQUFJLENBQUMsS0FBSyxHQUFLLFFBQVEsR0FDbEMsQ0FDTCxDQUFDO2dCQUNOLENBQUMsQ0FDYSxDQUNyQixDQUFDO1lBQ04sQ0FBQztZQUNMLGNBQUM7UUFBRCxDQUFDLEFBbkJNLENBQWMsS0FBSyxDQUFDLFNBQVM7UUFDaEIsY0FBVyxHQUFHLGlCQUFlLElBQUksVUFBSSxnQkFBZ0IsQ0FB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
|
package/package.json
CHANGED
package/types/elements.d.ts
CHANGED
|
@@ -39,10 +39,10 @@ interface ApplePayProps extends RebillyProps {
|
|
|
39
39
|
readonly onTokenReady?: (data: string) => void;
|
|
40
40
|
}
|
|
41
41
|
|
|
42
|
-
interface
|
|
42
|
+
interface GooglePayProps extends RebillyProps {
|
|
43
|
+
readonly Rebilly: RebillyProps;
|
|
44
|
+
readonly id?: string;
|
|
43
45
|
readonly onTokenReady?: (data: string) => void;
|
|
44
|
-
readonly form: HTMLElement | React.Component;
|
|
45
|
-
readonly extraData: Object;
|
|
46
46
|
}
|
|
47
47
|
|
|
48
48
|
interface BankState extends PaymentComponentState {
|
|
@@ -61,6 +61,6 @@ interface ApplePayState extends PaymentComponentState {
|
|
|
61
61
|
readonly element: PaymentElement | null;
|
|
62
62
|
}
|
|
63
63
|
|
|
64
|
-
interface
|
|
64
|
+
interface GooglePayState extends PaymentComponentState {
|
|
65
65
|
readonly element: PaymentElement | null;
|
|
66
66
|
}
|
package/types/injector.d.ts
CHANGED
|
@@ -16,9 +16,9 @@ export interface FramePayComponentProps {
|
|
|
16
16
|
// IBAN components
|
|
17
17
|
readonly IBANElement: React.Component;
|
|
18
18
|
|
|
19
|
-
// Google Pay
|
|
19
|
+
// Google Pay and Apple Pay components
|
|
20
20
|
readonly ApplePayElement: React.Component;
|
|
21
|
-
readonly
|
|
21
|
+
readonly GooglePayElement: React.Component;
|
|
22
22
|
}
|
|
23
23
|
|
|
24
24
|
export interface FramePayCardProps {
|
|
@@ -46,7 +46,7 @@ export interface FramePayApplePayProps {
|
|
|
46
46
|
readonly ApplePayElement: React.Component;
|
|
47
47
|
}
|
|
48
48
|
|
|
49
|
-
export interface
|
|
49
|
+
export interface FramePayGooglePayProps {
|
|
50
50
|
readonly Rebilly: RebillyProps;
|
|
51
|
-
readonly
|
|
51
|
+
readonly GooglePayElement: React.Component;
|
|
52
52
|
}
|
package/types/rebilly/api.d.ts
CHANGED
|
@@ -37,7 +37,7 @@ interface RebillyApi {
|
|
|
37
37
|
readonly bankAccount: BankPaymentMethod;
|
|
38
38
|
readonly iban: IBANPaymentMethod;
|
|
39
39
|
readonly applePay: ApplePayPaymentMethod;
|
|
40
|
-
readonly
|
|
40
|
+
readonly googlePay: GooglePayPaymentMethod;
|
|
41
41
|
readonly createToken: (
|
|
42
42
|
form: HTMLElement | HTMLFormElement,
|
|
43
43
|
extraData?: TokenExtraData
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* GooglePay Payment Method
|
|
3
|
+
*/
|
|
4
|
+
declare type GooglePayPaymentElementTypes = {
|
|
5
|
+
readonly form: HTMLElement | React.Component;
|
|
6
|
+
readonly extraData?: Object;
|
|
7
|
+
};
|
|
8
|
+
|
|
9
|
+
interface GooglePayPaymentMethod extends PaymentElementWrapper {
|
|
10
|
+
readonly mount: (
|
|
11
|
+
node: HTMLElement | HTMLDivElement,
|
|
12
|
+
options?: GooglePayPaymentElementTypes
|
|
13
|
+
) => PaymentElement;
|
|
14
|
+
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
type PaymentElements = 'card' | 'bankAccount' | 'iban' | 'applePay' | '
|
|
1
|
+
type PaymentElements = 'card' | 'bankAccount' | 'iban' | 'applePay' | 'googlePay';
|
|
@@ -89,6 +89,12 @@ interface ApplePayDisplayOptions {
|
|
|
89
89
|
readonly buttonLanguage: string;
|
|
90
90
|
}
|
|
91
91
|
|
|
92
|
+
interface GooglePayDisplayOptions {
|
|
93
|
+
readonly buttonType: string;
|
|
94
|
+
readonly buttonColor: string;
|
|
95
|
+
readonly buttonHeight: string;
|
|
96
|
+
}
|
|
97
|
+
|
|
92
98
|
interface FramePaySettings {
|
|
93
99
|
readonly publishableKey: string;
|
|
94
100
|
readonly organizationId: string;
|
|
@@ -100,4 +106,5 @@ interface FramePaySettings {
|
|
|
100
106
|
readonly classes?: FramePaySettingsClasses;
|
|
101
107
|
readonly card?: FramePayCardSettings;
|
|
102
108
|
readonly applePay?: ApplePayDisplayOptions;
|
|
109
|
+
readonly googlePay?: GooglePayDisplayOptions;
|
|
103
110
|
}
|
|
@@ -1,95 +0,0 @@
|
|
|
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 (b.hasOwnProperty(p)) d[p] = b[p]; };
|
|
7
|
-
return extendStatics(d, b);
|
|
8
|
-
};
|
|
9
|
-
return function (d, b) {
|
|
10
|
-
extendStatics(d, b);
|
|
11
|
-
function __() { this.constructor = d; }
|
|
12
|
-
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
|
13
|
-
};
|
|
14
|
-
})();
|
|
15
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
16
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
17
|
-
};
|
|
18
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
19
|
-
var framepay_error_1 = __importDefault(require("../../framepay-error"));
|
|
20
|
-
var base_element_1 = __importDefault(require("./base-element"));
|
|
21
|
-
var DigitalWalletElement = /** @class */ (function (_super) {
|
|
22
|
-
__extends(DigitalWalletElement, _super);
|
|
23
|
-
function DigitalWalletElement() {
|
|
24
|
-
return _super !== null && _super.apply(this, arguments) || this;
|
|
25
|
-
}
|
|
26
|
-
DigitalWalletElement.prototype.setupElement = function () {
|
|
27
|
-
var _this = this;
|
|
28
|
-
var _a = this.props, Rebilly = _a.Rebilly, onReady = _a.onReady, onChange = _a.onChange, onFocus = _a.onFocus, onBlur = _a.onBlur, onTokenReady = _a.onTokenReady, extraData = _a.extraData, form = _a.form;
|
|
29
|
-
var makeElement = function () {
|
|
30
|
-
// elementNode already checked in BaseElement.handleSetupElement
|
|
31
|
-
// just ts checks fix
|
|
32
|
-
if (!_this.elementNode) {
|
|
33
|
-
throw framepay_error_1.default({
|
|
34
|
-
code: framepay_error_1.default.codes.elementMountError,
|
|
35
|
-
details: "DigitalWalletElement invalid elementNode"
|
|
36
|
-
});
|
|
37
|
-
}
|
|
38
|
-
try {
|
|
39
|
-
return Rebilly.digitalWallet.mount(_this.elementNode, {
|
|
40
|
-
extraData: extraData,
|
|
41
|
-
form: form,
|
|
42
|
-
type: 'googlePay'
|
|
43
|
-
});
|
|
44
|
-
}
|
|
45
|
-
catch (e) {
|
|
46
|
-
throw framepay_error_1.default({
|
|
47
|
-
code: framepay_error_1.default.codes.elementMountError,
|
|
48
|
-
details: "DigitalWalletElement error in remote api call",
|
|
49
|
-
trace: e
|
|
50
|
-
});
|
|
51
|
-
}
|
|
52
|
-
};
|
|
53
|
-
var element = makeElement();
|
|
54
|
-
try {
|
|
55
|
-
element.on('ready', function () {
|
|
56
|
-
_this.setState({ ready: true }, function () {
|
|
57
|
-
if (onReady) {
|
|
58
|
-
onReady();
|
|
59
|
-
}
|
|
60
|
-
});
|
|
61
|
-
});
|
|
62
|
-
element.on('change', function (data) {
|
|
63
|
-
if (onChange) {
|
|
64
|
-
onChange(data);
|
|
65
|
-
}
|
|
66
|
-
});
|
|
67
|
-
element.on('focus', function () {
|
|
68
|
-
if (onFocus) {
|
|
69
|
-
onFocus();
|
|
70
|
-
}
|
|
71
|
-
});
|
|
72
|
-
element.on('blur', function () {
|
|
73
|
-
if (onBlur) {
|
|
74
|
-
onBlur();
|
|
75
|
-
}
|
|
76
|
-
});
|
|
77
|
-
Rebilly.on('token-ready', function (token) {
|
|
78
|
-
if (onTokenReady) {
|
|
79
|
-
onTokenReady(token);
|
|
80
|
-
}
|
|
81
|
-
});
|
|
82
|
-
this.setState({ element: element });
|
|
83
|
-
}
|
|
84
|
-
catch (e) {
|
|
85
|
-
throw framepay_error_1.default({
|
|
86
|
-
code: framepay_error_1.default.codes.elementMountError,
|
|
87
|
-
details: "DigitalWalletElement events binding error",
|
|
88
|
-
trace: e
|
|
89
|
-
});
|
|
90
|
-
}
|
|
91
|
-
};
|
|
92
|
-
return DigitalWalletElement;
|
|
93
|
-
}(base_element_1.default));
|
|
94
|
-
exports.default = DigitalWalletElement;
|
|
95
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGlnaXRhbHdhbGxldC1lbGVtZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2xpYi9jb21wb25lbnRzL2VsZW1lbnRzL2RpZ2l0YWx3YWxsZXQtZWxlbWVudC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQ0Esd0VBQWlEO0FBQ2pELGdFQUF5QztBQUV6QztJQUFrRCx3Q0FHakQ7SUFIRDs7SUFxRkEsQ0FBQztJQWpGRywyQ0FBWSxHQUFaO1FBQUEsaUJBZ0ZDO1FBL0VTLElBQUEsS0FTRixJQUFJLENBQUMsS0FBSyxFQVJWLE9BQU8sYUFBQSxFQUNQLE9BQU8sYUFBQSxFQUNQLFFBQVEsY0FBQSxFQUNSLE9BQU8sYUFBQSxFQUNQLE1BQU0sWUFBQSxFQUNOLFlBQVksa0JBQUEsRUFDWixTQUFTLGVBQUEsRUFDVCxJQUFJLFVBQ00sQ0FBQztRQUVmLElBQU0sV0FBVyxHQUFHO1lBQ2hCLGdFQUFnRTtZQUNoRSxxQkFBcUI7WUFDckIsSUFBSSxDQUFDLEtBQUksQ0FBQyxXQUFXLEVBQUU7Z0JBQ25CLE1BQU0sd0JBQWEsQ0FBQztvQkFDaEIsSUFBSSxFQUFFLHdCQUFhLENBQUMsS0FBSyxDQUFDLGlCQUFpQjtvQkFDM0MsT0FBTyxFQUFFLDBDQUEwQztpQkFDdEQsQ0FBQyxDQUFDO2FBQ047WUFFRCxJQUFJO2dCQUNBLE9BQU8sT0FBTyxDQUFDLGFBQWEsQ0FBQyxLQUFLLENBQUMsS0FBSSxDQUFDLFdBQVcsRUFBRTtvQkFDakQsU0FBUyxXQUFBO29CQUNULElBQUksTUFBQTtvQkFDSixJQUFJLEVBQUUsV0FBVztpQkFDcEIsQ0FBQyxDQUFDO2FBQ047WUFBQyxPQUFPLENBQUMsRUFBRTtnQkFDUixNQUFNLHdCQUFhLENBQUM7b0JBQ2hCLElBQUksRUFBRSx3QkFBYSxDQUFDLEtBQUssQ0FBQyxpQkFBaUI7b0JBQzNDLE9BQU8sRUFBRSwrQ0FBK0M7b0JBQ3hELEtBQUssRUFBRSxDQUFDO2lCQUNYLENBQUMsQ0FBQzthQUNOO1FBQ0wsQ0FBQyxDQUFDO1FBRUYsSUFBTSxPQUFPLEdBQUcsV0FBVyxFQUFFLENBQUM7UUFFOUIsSUFBSTtZQUNBLE9BQU8sQ0FBQyxFQUFFLENBQUMsT0FBTyxFQUFFO2dCQUNoQixLQUFJLENBQUMsUUFBUSxDQUFDLEVBQUUsS0FBSyxFQUFFLElBQUksRUFBRSxFQUFFO29CQUMzQixJQUFJLE9BQU8sRUFBRTt3QkFDVCxPQUFPLEVBQUUsQ0FBQztxQkFDYjtnQkFDTCxDQUFDLENBQUMsQ0FBQztZQUNQLENBQUMsQ0FBQyxDQUFDO1lBRUgsT0FBTyxDQUFDLEVBQUUsQ0FBQyxRQUFRLEVBQUUsVUFBQyxJQUFxQztnQkFDdkQsSUFBSSxRQUFRLEVBQUU7b0JBQ1YsUUFBUSxDQUFDLElBQUksQ0FBQyxDQUFDO2lCQUNsQjtZQUNMLENBQUMsQ0FBQyxDQUFDO1lBRUgsT0FBTyxDQUFDLEVBQUUsQ0FBQyxPQUFPLEVBQUU7Z0JBQ2hCLElBQUksT0FBTyxFQUFFO29CQUNULE9BQU8sRUFBRSxDQUFDO2lCQUNiO1lBQ0wsQ0FBQyxDQUFDLENBQUM7WUFFSCxPQUFPLENBQUMsRUFBRSxDQUFDLE1BQU0sRUFBRTtnQkFDZixJQUFJLE1BQU0sRUFBRTtvQkFDUixNQUFNLEVBQUUsQ0FBQztpQkFDWjtZQUNMLENBQUMsQ0FBQyxDQUFDO1lBRUgsT0FBTyxDQUFDLEVBQUUsQ0FBQyxhQUFhLEVBQUUsVUFBQyxLQUFhO2dCQUNwQyxJQUFJLFlBQVksRUFBRTtvQkFDZCxZQUFZLENBQUMsS0FBSyxDQUFDLENBQUM7aUJBQ3ZCO1lBQ0wsQ0FBQyxDQUFDLENBQUM7WUFFSCxJQUFJLENBQUMsUUFBUSxDQUFDLEVBQUUsT0FBTyxTQUFBLEVBQUUsQ0FBQyxDQUFDO1NBQzlCO1FBQUMsT0FBTyxDQUFDLEVBQUU7WUFDUixNQUFNLHdCQUFhLENBQUM7Z0JBQ2hCLElBQUksRUFBRSx3QkFBYSxDQUFDLEtBQUssQ0FBQyxpQkFBaUI7Z0JBQzNDLE9BQU8sRUFBRSwyQ0FBMkM7Z0JBQ3BELEtBQUssRUFBRSxDQUFDO2FBQ1gsQ0FBQyxDQUFDO1NBQ047SUFDTCxDQUFDO0lBQ0wsMkJBQUM7QUFBRCxDQUFDLEFBckZELENBQWtELHNCQUFXLEdBcUY1RCJ9
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* DigitalWallet Payment element
|
|
3
|
-
*/
|
|
4
|
-
|
|
5
|
-
/**
|
|
6
|
-
* DigitalWallet Payment Method
|
|
7
|
-
*/
|
|
8
|
-
declare type DigitalWalletPaymentElementTypes = {
|
|
9
|
-
readonly type: 'googlePay';
|
|
10
|
-
readonly form: HTMLElement | React.Component;
|
|
11
|
-
readonly extraData?: Object;
|
|
12
|
-
};
|
|
13
|
-
|
|
14
|
-
interface DigitalWalletPaymentMethod extends PaymentElementWrapper {
|
|
15
|
-
readonly mount: (
|
|
16
|
-
node: HTMLElement | HTMLDivElement,
|
|
17
|
-
options?: DigitalWalletPaymentElementTypes
|
|
18
|
-
) => PaymentElement;
|
|
19
|
-
}
|