@solidgate/react-sdk 1.0.1 → 1.1.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/CHANGELOG.md +8 -0
- package/README.md +26 -23
- package/dist/cjs/components/Payment/Payment.js +2 -1
- package/dist/cjs/components/Payment/Payment.js.map +1 -1
- package/dist/cjs/components/Payment/usePaymentSubscriptions.js +16 -12
- package/dist/cjs/components/Payment/usePaymentSubscriptions.js.map +1 -1
- package/dist/esm/components/Payment/Payment.js +2 -1
- package/dist/esm/components/Payment/Payment.js.map +1 -1
- package/dist/esm/components/Payment/usePaymentSubscriptions.js +16 -12
- package/dist/esm/components/Payment/usePaymentSubscriptions.js.map +1 -1
- package/package.json +2 -2
package/CHANGELOG.md
ADDED
package/README.md
CHANGED
|
@@ -50,7 +50,9 @@ const App = () => {
|
|
|
50
50
|
const handleOnRedirectMessage = (e: SdkMessage[MessageType.Redirect]) => {}
|
|
51
51
|
|
|
52
52
|
const handleOnCustomStylesAppended = (e: SdkMessage[MessageType.CustomStylesAppended]) => {}
|
|
53
|
-
|
|
53
|
+
|
|
54
|
+
const handleCard = (e: SdkMessage[MessageType.Card]) => {}
|
|
55
|
+
|
|
54
56
|
const handleOnReadyPaymentInstance = (form: ClientSdkInstance) => {
|
|
55
57
|
// eslint-disable-next-line no-console
|
|
56
58
|
console.log('form', form)
|
|
@@ -59,27 +61,28 @@ const App = () => {
|
|
|
59
61
|
return (
|
|
60
62
|
<div>
|
|
61
63
|
<div ref={appleContainerRef} />
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
64
|
+
<Payment
|
|
65
|
+
googlePayButtonParams={googlePayButtonParams}
|
|
66
|
+
applePayButtonParams={applePayButtonParams}
|
|
67
|
+
googlePayContainerRef={googleContainerRef}
|
|
68
|
+
applePayContainerRef={appleContainerRef}
|
|
69
|
+
merchantData={merchantData}
|
|
70
|
+
styles={customFormStyles}
|
|
71
|
+
formParams={formParams}
|
|
72
|
+
onError={handleOnError}
|
|
73
|
+
onFail={handleOnFail}
|
|
74
|
+
onCard={handleCard}
|
|
75
|
+
onMounted={handleOnMounted}
|
|
76
|
+
onOrderStatus={handleOrderStatus}
|
|
77
|
+
onResize={handleOnResize}
|
|
78
|
+
onSuccess={handleOnSuccess}
|
|
79
|
+
onSubmit={handleOnSubmit}
|
|
80
|
+
onInteraction={handleOnInteraction}
|
|
81
|
+
onVerify={handleOnVerify}
|
|
82
|
+
onFormRedirect={handleOnRedirectMessage}
|
|
83
|
+
onCustomStylesAppended={handleOnCustomStylesAppended}
|
|
84
|
+
onReadyPaymentInstance={handleOnReadyPaymentInstance}
|
|
85
|
+
/>
|
|
83
86
|
<div ref={googleContainerRef} />
|
|
84
87
|
</div>
|
|
85
88
|
)
|
|
@@ -98,4 +101,4 @@ Run ``` npm run build ``` to build the project. The build artifacts will be stor
|
|
|
98
101
|
1. `cd playground`
|
|
99
102
|
2. `npm i`
|
|
100
103
|
3. `npm run start`
|
|
101
|
-
4. Navigate to http://localhost:3000/.
|
|
104
|
+
4. Navigate to http://localhost:3000/.
|
|
@@ -26,7 +26,7 @@ const StyledPayment = styled_components_1.default.div `
|
|
|
26
26
|
`;
|
|
27
27
|
const Payment = (props) => {
|
|
28
28
|
const [sdkInstance, setSdkInstance] = (0, react_1.useState)(null);
|
|
29
|
-
const { merchantData, width, styles, formParams, googlePayContainerRef, applePayContainerRef, onMounted = () => { }, onError = () => { }, onSuccess = () => { }, onFail = () => { }, onSubmit = () => { }, onVerify = () => { }, onCustomStylesAppended = () => { }, onFormRedirect = () => { }, onInteraction = () => { }, onOrderStatus = () => { }, onResize = () => { }, onReadyPaymentInstance = () => { } } = props;
|
|
29
|
+
const { merchantData, width, styles, formParams, googlePayContainerRef, applePayContainerRef, onMounted = () => { }, onError = () => { }, onSuccess = () => { }, onFail = () => { }, onSubmit = () => { }, onVerify = () => { }, onCustomStylesAppended = () => { }, onFormRedirect = () => { }, onInteraction = () => { }, onOrderStatus = () => { }, onResize = () => { }, onReadyPaymentInstance = () => { }, onCard = () => { } } = props;
|
|
30
30
|
const getInitConfig = () => {
|
|
31
31
|
if (!merchantData) {
|
|
32
32
|
throw new Error("Attribute 'merchantData' is required");
|
|
@@ -72,6 +72,7 @@ const Payment = (props) => {
|
|
|
72
72
|
onInteraction,
|
|
73
73
|
onOrderStatus,
|
|
74
74
|
onResize,
|
|
75
|
+
onCard,
|
|
75
76
|
}, sdkInstance);
|
|
76
77
|
return ((0, jsx_runtime_1.jsx)(StyledPayment, { id: constants_1.IFRAME_CONTAINER_ID }, void 0));
|
|
77
78
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Payment.js","sourceRoot":"","sources":["../../../../src/components/Payment/Payment.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,iCAMc;AACd,0EAAsC;AAEtC,oEAIqC;AAIrC,+CAAqD;AAErD,wFAA+D;AAE/D,wFAA+D;AAc/D,MAAM,aAAa,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;CAI/B,CAAA;AAED,MAAM,OAAO,GAAqB,CAAC,KAAK,EAAE,EAAE;IAC1C,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,IAAA,gBAAQ,EAA2B,IAAI,CAAC,CAAA;IAE9E,MAAM,EACJ,YAAY,EACZ,KAAK,EACL,MAAM,EACN,UAAU,EACV,qBAAqB,EACrB,oBAAoB,EACpB,SAAS,GAAG,GAAG,EAAE,GAAE,CAAC,EACpB,OAAO,GAAG,GAAG,EAAE,GAAE,CAAC,EAClB,SAAS,GAAG,GAAG,EAAE,GAAE,CAAC,EACpB,MAAM,GAAG,GAAG,EAAE,GAAE,CAAC,EACjB,QAAQ,GAAG,GAAG,EAAE,GAAE,CAAC,EACnB,QAAQ,GAAG,GAAG,EAAE,GAAE,CAAC,EACnB,sBAAsB,GAAG,GAAG,EAAE,GAAE,CAAC,EACjC,cAAc,GAAG,GAAG,EAAE,GAAE,CAAC,EACzB,aAAa,GAAG,GAAG,EAAE,GAAE,CAAC,EACxB,aAAa,GAAG,GAAG,EAAE,GAAE,CAAC,EACxB,QAAQ,GAAG,GAAG,EAAE,GAAE,CAAC,EACnB,sBAAsB,GAAG,GAAG,EAAE,GAAE,CAAC,
|
|
1
|
+
{"version":3,"file":"Payment.js","sourceRoot":"","sources":["../../../../src/components/Payment/Payment.tsx"],"names":[],"mappings":"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"}
|
|
@@ -4,51 +4,55 @@ exports.usePaymentSubscriptions = void 0;
|
|
|
4
4
|
const react_1 = require("react");
|
|
5
5
|
const client_sdk_loader_1 = require("@solidgate/client-sdk-loader");
|
|
6
6
|
const usePaymentSubscriptions = (callbacks, sdkInstance) => {
|
|
7
|
-
const { onMounted = () => { }, onError = () => { }, onSuccess = () => { }, onFail = () => { }, onSubmit = () => { }, onVerify = () => { }, onCustomStylesAppended = () => { }, onFormRedirect = () => { }, onInteraction = () => { }, onOrderStatus = () => { }, onResize = () => { }, } = callbacks;
|
|
7
|
+
const { onMounted = () => { }, onError = () => { }, onSuccess = () => { }, onFail = () => { }, onSubmit = () => { }, onVerify = () => { }, onCustomStylesAppended = () => { }, onFormRedirect = () => { }, onInteraction = () => { }, onOrderStatus = () => { }, onResize = () => { }, onCard = () => { }, } = callbacks;
|
|
8
8
|
(0, react_1.useEffect)(() => {
|
|
9
9
|
sdkInstance === null || sdkInstance === void 0 ? void 0 : sdkInstance.on(client_sdk_loader_1.MessageType.Mounted, (e) => onMounted(e.data));
|
|
10
|
-
return () => sdkInstance === null || sdkInstance === void 0 ? void 0 : sdkInstance.
|
|
10
|
+
return () => sdkInstance === null || sdkInstance === void 0 ? void 0 : sdkInstance.unsubscribe(client_sdk_loader_1.MessageType.Mounted);
|
|
11
11
|
}, [sdkInstance, onMounted]);
|
|
12
12
|
(0, react_1.useEffect)(() => {
|
|
13
13
|
sdkInstance === null || sdkInstance === void 0 ? void 0 : sdkInstance.on(client_sdk_loader_1.MessageType.Error, (e) => onError(e.data));
|
|
14
|
-
return () => sdkInstance === null || sdkInstance === void 0 ? void 0 : sdkInstance.
|
|
14
|
+
return () => sdkInstance === null || sdkInstance === void 0 ? void 0 : sdkInstance.unsubscribe(client_sdk_loader_1.MessageType.Error);
|
|
15
15
|
}, [sdkInstance, onError]);
|
|
16
16
|
(0, react_1.useEffect)(() => {
|
|
17
17
|
sdkInstance === null || sdkInstance === void 0 ? void 0 : sdkInstance.on(client_sdk_loader_1.MessageType.Success, (e) => onSuccess(e.data));
|
|
18
|
-
return () => sdkInstance === null || sdkInstance === void 0 ? void 0 : sdkInstance.
|
|
18
|
+
return () => sdkInstance === null || sdkInstance === void 0 ? void 0 : sdkInstance.unsubscribe(client_sdk_loader_1.MessageType.Success);
|
|
19
19
|
}, [sdkInstance, onSuccess]);
|
|
20
20
|
(0, react_1.useEffect)(() => {
|
|
21
21
|
sdkInstance === null || sdkInstance === void 0 ? void 0 : sdkInstance.on(client_sdk_loader_1.MessageType.Fail, (e) => onFail(e.data));
|
|
22
|
-
return () => sdkInstance === null || sdkInstance === void 0 ? void 0 : sdkInstance.
|
|
22
|
+
return () => sdkInstance === null || sdkInstance === void 0 ? void 0 : sdkInstance.unsubscribe(client_sdk_loader_1.MessageType.Fail);
|
|
23
23
|
}, [sdkInstance, onFail]);
|
|
24
24
|
(0, react_1.useEffect)(() => {
|
|
25
25
|
sdkInstance === null || sdkInstance === void 0 ? void 0 : sdkInstance.on(client_sdk_loader_1.MessageType.Submit, (e) => onSubmit(e.data));
|
|
26
|
-
return () => sdkInstance === null || sdkInstance === void 0 ? void 0 : sdkInstance.
|
|
26
|
+
return () => sdkInstance === null || sdkInstance === void 0 ? void 0 : sdkInstance.unsubscribe(client_sdk_loader_1.MessageType.Submit);
|
|
27
27
|
}, [sdkInstance, onSubmit]);
|
|
28
28
|
(0, react_1.useEffect)(() => {
|
|
29
29
|
sdkInstance === null || sdkInstance === void 0 ? void 0 : sdkInstance.on(client_sdk_loader_1.MessageType.Verify, (e) => onVerify(e.data));
|
|
30
|
-
return () => sdkInstance === null || sdkInstance === void 0 ? void 0 : sdkInstance.
|
|
30
|
+
return () => sdkInstance === null || sdkInstance === void 0 ? void 0 : sdkInstance.unsubscribe(client_sdk_loader_1.MessageType.Verify);
|
|
31
31
|
}, [sdkInstance, onVerify]);
|
|
32
32
|
(0, react_1.useEffect)(() => {
|
|
33
33
|
sdkInstance === null || sdkInstance === void 0 ? void 0 : sdkInstance.on(client_sdk_loader_1.MessageType.CustomStylesAppended, (e) => onCustomStylesAppended(e.data));
|
|
34
|
-
return () => sdkInstance === null || sdkInstance === void 0 ? void 0 : sdkInstance.
|
|
34
|
+
return () => sdkInstance === null || sdkInstance === void 0 ? void 0 : sdkInstance.unsubscribe(client_sdk_loader_1.MessageType.CustomStylesAppended);
|
|
35
35
|
}, [sdkInstance, onCustomStylesAppended]);
|
|
36
36
|
(0, react_1.useEffect)(() => {
|
|
37
37
|
sdkInstance === null || sdkInstance === void 0 ? void 0 : sdkInstance.on(client_sdk_loader_1.MessageType.Redirect, (e) => onFormRedirect(e.data));
|
|
38
|
-
return () => sdkInstance === null || sdkInstance === void 0 ? void 0 : sdkInstance.
|
|
38
|
+
return () => sdkInstance === null || sdkInstance === void 0 ? void 0 : sdkInstance.unsubscribe(client_sdk_loader_1.MessageType.Redirect);
|
|
39
39
|
}, [sdkInstance, onFormRedirect]);
|
|
40
40
|
(0, react_1.useEffect)(() => {
|
|
41
41
|
sdkInstance === null || sdkInstance === void 0 ? void 0 : sdkInstance.on(client_sdk_loader_1.MessageType.Interaction, (e) => onInteraction(e.data));
|
|
42
|
-
return () => sdkInstance === null || sdkInstance === void 0 ? void 0 : sdkInstance.
|
|
42
|
+
return () => sdkInstance === null || sdkInstance === void 0 ? void 0 : sdkInstance.unsubscribe(client_sdk_loader_1.MessageType.Interaction);
|
|
43
43
|
}, [sdkInstance, onInteraction]);
|
|
44
44
|
(0, react_1.useEffect)(() => {
|
|
45
45
|
sdkInstance === null || sdkInstance === void 0 ? void 0 : sdkInstance.on(client_sdk_loader_1.MessageType.OrderStatus, (e) => onOrderStatus(e.data));
|
|
46
|
-
return () => sdkInstance === null || sdkInstance === void 0 ? void 0 : sdkInstance.
|
|
46
|
+
return () => sdkInstance === null || sdkInstance === void 0 ? void 0 : sdkInstance.unsubscribe(client_sdk_loader_1.MessageType.OrderStatus);
|
|
47
47
|
}, [sdkInstance, onOrderStatus]);
|
|
48
48
|
(0, react_1.useEffect)(() => {
|
|
49
49
|
sdkInstance === null || sdkInstance === void 0 ? void 0 : sdkInstance.on(client_sdk_loader_1.MessageType.Resize, (e) => onResize(e.data));
|
|
50
|
-
return () => sdkInstance === null || sdkInstance === void 0 ? void 0 : sdkInstance.
|
|
50
|
+
return () => sdkInstance === null || sdkInstance === void 0 ? void 0 : sdkInstance.unsubscribe(client_sdk_loader_1.MessageType.Resize);
|
|
51
51
|
}, [sdkInstance, onResize]);
|
|
52
|
+
(0, react_1.useEffect)(() => {
|
|
53
|
+
sdkInstance === null || sdkInstance === void 0 ? void 0 : sdkInstance.on(client_sdk_loader_1.MessageType.Card, (e) => onCard(e.data));
|
|
54
|
+
return () => sdkInstance === null || sdkInstance === void 0 ? void 0 : sdkInstance.unsubscribe(client_sdk_loader_1.MessageType.Card);
|
|
55
|
+
}, [sdkInstance, onCard]);
|
|
52
56
|
};
|
|
53
57
|
exports.usePaymentSubscriptions = usePaymentSubscriptions;
|
|
54
58
|
exports.default = exports.usePaymentSubscriptions;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"usePaymentSubscriptions.js","sourceRoot":"","sources":["../../../../src/components/Payment/usePaymentSubscriptions.ts"],"names":[],"mappings":";;;AAAA,iCAA+B;AAC/B,oEAA2E;AAIpE,MAAM,uBAAuB,GAAG,CAAC,SAAiC,EAAE,WAAqC,EAAE,EAAE;IAClH,MAAM,EACJ,SAAS,GAAG,GAAG,EAAE,GAAE,CAAC,EACpB,OAAO,GAAG,GAAG,EAAE,GAAE,CAAC,EAClB,SAAS,GAAG,GAAG,EAAE,GAAE,CAAC,EACpB,MAAM,GAAG,GAAG,EAAE,GAAE,CAAC,EACjB,QAAQ,GAAG,GAAG,EAAE,GAAE,CAAC,EACnB,QAAQ,GAAG,GAAG,EAAE,GAAE,CAAC,EACnB,sBAAsB,GAAG,GAAG,EAAE,GAAE,CAAC,EACjC,cAAc,GAAG,GAAG,EAAE,GAAE,CAAC,EACzB,aAAa,GAAG,GAAG,EAAE,GAAE,CAAC,EACxB,aAAa,GAAG,GAAG,EAAE,GAAE,CAAC,EACxB,QAAQ,GAAG,GAAG,EAAE,GAAE,CAAC,
|
|
1
|
+
{"version":3,"file":"usePaymentSubscriptions.js","sourceRoot":"","sources":["../../../../src/components/Payment/usePaymentSubscriptions.ts"],"names":[],"mappings":";;;AAAA,iCAA+B;AAC/B,oEAA2E;AAIpE,MAAM,uBAAuB,GAAG,CAAC,SAAiC,EAAE,WAAqC,EAAE,EAAE;IAClH,MAAM,EACJ,SAAS,GAAG,GAAG,EAAE,GAAE,CAAC,EACpB,OAAO,GAAG,GAAG,EAAE,GAAE,CAAC,EAClB,SAAS,GAAG,GAAG,EAAE,GAAE,CAAC,EACpB,MAAM,GAAG,GAAG,EAAE,GAAE,CAAC,EACjB,QAAQ,GAAG,GAAG,EAAE,GAAE,CAAC,EACnB,QAAQ,GAAG,GAAG,EAAE,GAAE,CAAC,EACnB,sBAAsB,GAAG,GAAG,EAAE,GAAE,CAAC,EACjC,cAAc,GAAG,GAAG,EAAE,GAAE,CAAC,EACzB,aAAa,GAAG,GAAG,EAAE,GAAE,CAAC,EACxB,aAAa,GAAG,GAAG,EAAE,GAAE,CAAC,EACxB,QAAQ,GAAG,GAAG,EAAE,GAAE,CAAC,EACnB,MAAM,GAAG,GAAG,EAAE,GAAE,CAAC,GAClB,GAAG,SAAS,CAAA;IAEb,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,EAAE,CAAC,+BAAW,CAAC,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAA;QAC9D,OAAO,GAAG,EAAE,CAAC,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,WAAW,CAAC,+BAAW,CAAC,OAAO,CAAC,CAAA;IAC5D,CAAC,EAAE,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC,CAAA;IAE5B,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,EAAE,CAAC,+BAAW,CAAC,KAAK,EAAE,CAAC,CAAC,EAAE,EAAE,CAAE,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAA;QAC3D,OAAO,GAAG,EAAE,CAAC,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,WAAW,CAAC,+BAAW,CAAC,KAAK,CAAC,CAAA;IAC1D,CAAC,EAAE,CAAC,WAAW,EAAE,OAAO,CAAC,CAAC,CAAA;IAE1B,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,EAAE,CAAC,+BAAW,CAAC,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAA;QAC9D,OAAO,GAAG,EAAE,CAAC,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,WAAW,CAAC,+BAAW,CAAC,OAAO,CAAC,CAAA;IAC5D,CAAC,EAAE,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC,CAAA;IAE5B,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,EAAE,CAAC,+BAAW,CAAC,IAAI,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAA;QACxD,OAAO,GAAG,EAAE,CAAC,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,WAAW,CAAC,+BAAW,CAAC,IAAI,CAAC,CAAA;IACzD,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC,CAAA;IAEzB,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,EAAE,CAAC,+BAAW,CAAC,MAAM,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAA;QAC5D,OAAO,GAAG,EAAE,CAAC,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,WAAW,CAAC,+BAAW,CAAC,MAAM,CAAC,CAAA;IAC3D,CAAC,EAAE,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC,CAAA;IAE3B,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,EAAE,CAAC,+BAAW,CAAC,MAAM,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAA;QAC5D,OAAO,GAAG,EAAE,CAAC,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,WAAW,CAAC,+BAAW,CAAC,MAAM,CAAC,CAAA;IAC3D,CAAC,EAAE,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC,CAAA;IAE3B,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,EAAE,CAAC,+BAAW,CAAC,oBAAoB,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,sBAAsB,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAA;QACxF,OAAO,GAAG,EAAE,CAAC,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,WAAW,CAAC,+BAAW,CAAC,oBAAoB,CAAC,CAAA;IACzE,CAAC,EAAE,CAAC,WAAW,EAAE,sBAAsB,CAAC,CAAC,CAAA;IAEzC,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,EAAE,CAAC,+BAAW,CAAC,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAA;QACpE,OAAO,GAAG,EAAE,CAAC,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,WAAW,CAAC,+BAAW,CAAC,QAAQ,CAAC,CAAA;IAC7D,CAAC,EAAE,CAAC,WAAW,EAAE,cAAc,CAAC,CAAC,CAAA;IAEjC,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,EAAE,CAAC,+BAAW,CAAC,WAAW,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAA;QACtE,OAAO,GAAG,EAAE,CAAC,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,WAAW,CAAC,+BAAW,CAAC,WAAW,CAAC,CAAA;IAChE,CAAC,EAAE,CAAC,WAAW,EAAE,aAAa,CAAC,CAAC,CAAA;IAEhC,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,EAAE,CAAC,+BAAW,CAAC,WAAW,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAA;QACtE,OAAO,GAAG,EAAE,CAAC,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,WAAW,CAAC,+BAAW,CAAC,WAAW,CAAC,CAAA;IAChE,CAAC,EAAE,CAAC,WAAW,EAAE,aAAa,CAAC,CAAC,CAAA;IAEhC,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,EAAE,CAAC,+BAAW,CAAC,MAAM,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAA;QAC5D,OAAO,GAAG,EAAE,CAAC,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,WAAW,CAAC,+BAAW,CAAC,MAAM,CAAC,CAAA;IAC3D,CAAC,EAAE,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC,CAAA;IAE3B,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,EAAE,CAAC,+BAAW,CAAC,IAAI,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAA;QACxD,OAAO,GAAG,EAAE,CAAC,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,WAAW,CAAC,+BAAW,CAAC,IAAI,CAAC,CAAA;IACzD,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC,CAAA;AAC3B,CAAC,CAAA;AA3EY,QAAA,uBAAuB,2BA2EnC;AAED,kBAAe,+BAAuB,CAAA"}
|
|
@@ -21,7 +21,7 @@ const StyledPayment = styled.div `
|
|
|
21
21
|
`;
|
|
22
22
|
const Payment = (props) => {
|
|
23
23
|
const [sdkInstance, setSdkInstance] = useState(null);
|
|
24
|
-
const { merchantData, width, styles, formParams, googlePayContainerRef, applePayContainerRef, onMounted = () => { }, onError = () => { }, onSuccess = () => { }, onFail = () => { }, onSubmit = () => { }, onVerify = () => { }, onCustomStylesAppended = () => { }, onFormRedirect = () => { }, onInteraction = () => { }, onOrderStatus = () => { }, onResize = () => { }, onReadyPaymentInstance = () => { } } = props;
|
|
24
|
+
const { merchantData, width, styles, formParams, googlePayContainerRef, applePayContainerRef, onMounted = () => { }, onError = () => { }, onSuccess = () => { }, onFail = () => { }, onSubmit = () => { }, onVerify = () => { }, onCustomStylesAppended = () => { }, onFormRedirect = () => { }, onInteraction = () => { }, onOrderStatus = () => { }, onResize = () => { }, onReadyPaymentInstance = () => { }, onCard = () => { } } = props;
|
|
25
25
|
const getInitConfig = () => {
|
|
26
26
|
if (!merchantData) {
|
|
27
27
|
throw new Error("Attribute 'merchantData' is required");
|
|
@@ -67,6 +67,7 @@ const Payment = (props) => {
|
|
|
67
67
|
onInteraction,
|
|
68
68
|
onOrderStatus,
|
|
69
69
|
onResize,
|
|
70
|
+
onCard,
|
|
70
71
|
}, sdkInstance);
|
|
71
72
|
return (_jsx(StyledPayment, { id: IFRAME_CONTAINER_ID }, void 0));
|
|
72
73
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Payment.js","sourceRoot":"","sources":["../../../../src/components/Payment/Payment.tsx"],"names":[],"mappings":";;;;;;;;;;AAAA,OAAO,EAEL,SAAS,EACT,QAAQ,EAER,IAAI,GACL,MAAM,OAAO,CAAA;AACd,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAGL,SAAS,GACV,MAAM,8BAA8B,CAAA;AAIrC,OAAO,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAA;AAErD,OAAO,uBAAuB,MAAM,2BAA2B,CAAA;AAE/D,OAAO,kBAAkB,MAAM,gCAAgC,CAAA;AAc/D,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAAA;;;;CAI/B,CAAA;AAED,MAAM,OAAO,GAAqB,CAAC,KAAK,EAAE,EAAE;IAC1C,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAA2B,IAAI,CAAC,CAAA;IAE9E,MAAM,EACJ,YAAY,EACZ,KAAK,EACL,MAAM,EACN,UAAU,EACV,qBAAqB,EACrB,oBAAoB,EACpB,SAAS,GAAG,GAAG,EAAE,GAAE,CAAC,EACpB,OAAO,GAAG,GAAG,EAAE,GAAE,CAAC,EAClB,SAAS,GAAG,GAAG,EAAE,GAAE,CAAC,EACpB,MAAM,GAAG,GAAG,EAAE,GAAE,CAAC,EACjB,QAAQ,GAAG,GAAG,EAAE,GAAE,CAAC,EACnB,QAAQ,GAAG,GAAG,EAAE,GAAE,CAAC,EACnB,sBAAsB,GAAG,GAAG,EAAE,GAAE,CAAC,EACjC,cAAc,GAAG,GAAG,EAAE,GAAE,CAAC,EACzB,aAAa,GAAG,GAAG,EAAE,GAAE,CAAC,EACxB,aAAa,GAAG,GAAG,EAAE,GAAE,CAAC,EACxB,QAAQ,GAAG,GAAG,EAAE,GAAE,CAAC,EACnB,sBAAsB,GAAG,GAAG,EAAE,GAAE,CAAC,
|
|
1
|
+
{"version":3,"file":"Payment.js","sourceRoot":"","sources":["../../../../src/components/Payment/Payment.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,51 +1,55 @@
|
|
|
1
1
|
import { useEffect } from "react";
|
|
2
2
|
import { MessageType } from "@solidgate/client-sdk-loader";
|
|
3
3
|
export const usePaymentSubscriptions = (callbacks, sdkInstance) => {
|
|
4
|
-
const { onMounted = () => { }, onError = () => { }, onSuccess = () => { }, onFail = () => { }, onSubmit = () => { }, onVerify = () => { }, onCustomStylesAppended = () => { }, onFormRedirect = () => { }, onInteraction = () => { }, onOrderStatus = () => { }, onResize = () => { }, } = callbacks;
|
|
4
|
+
const { onMounted = () => { }, onError = () => { }, onSuccess = () => { }, onFail = () => { }, onSubmit = () => { }, onVerify = () => { }, onCustomStylesAppended = () => { }, onFormRedirect = () => { }, onInteraction = () => { }, onOrderStatus = () => { }, onResize = () => { }, onCard = () => { }, } = callbacks;
|
|
5
5
|
useEffect(() => {
|
|
6
6
|
sdkInstance === null || sdkInstance === void 0 ? void 0 : sdkInstance.on(MessageType.Mounted, (e) => onMounted(e.data));
|
|
7
|
-
return () => sdkInstance === null || sdkInstance === void 0 ? void 0 : sdkInstance.
|
|
7
|
+
return () => sdkInstance === null || sdkInstance === void 0 ? void 0 : sdkInstance.unsubscribe(MessageType.Mounted);
|
|
8
8
|
}, [sdkInstance, onMounted]);
|
|
9
9
|
useEffect(() => {
|
|
10
10
|
sdkInstance === null || sdkInstance === void 0 ? void 0 : sdkInstance.on(MessageType.Error, (e) => onError(e.data));
|
|
11
|
-
return () => sdkInstance === null || sdkInstance === void 0 ? void 0 : sdkInstance.
|
|
11
|
+
return () => sdkInstance === null || sdkInstance === void 0 ? void 0 : sdkInstance.unsubscribe(MessageType.Error);
|
|
12
12
|
}, [sdkInstance, onError]);
|
|
13
13
|
useEffect(() => {
|
|
14
14
|
sdkInstance === null || sdkInstance === void 0 ? void 0 : sdkInstance.on(MessageType.Success, (e) => onSuccess(e.data));
|
|
15
|
-
return () => sdkInstance === null || sdkInstance === void 0 ? void 0 : sdkInstance.
|
|
15
|
+
return () => sdkInstance === null || sdkInstance === void 0 ? void 0 : sdkInstance.unsubscribe(MessageType.Success);
|
|
16
16
|
}, [sdkInstance, onSuccess]);
|
|
17
17
|
useEffect(() => {
|
|
18
18
|
sdkInstance === null || sdkInstance === void 0 ? void 0 : sdkInstance.on(MessageType.Fail, (e) => onFail(e.data));
|
|
19
|
-
return () => sdkInstance === null || sdkInstance === void 0 ? void 0 : sdkInstance.
|
|
19
|
+
return () => sdkInstance === null || sdkInstance === void 0 ? void 0 : sdkInstance.unsubscribe(MessageType.Fail);
|
|
20
20
|
}, [sdkInstance, onFail]);
|
|
21
21
|
useEffect(() => {
|
|
22
22
|
sdkInstance === null || sdkInstance === void 0 ? void 0 : sdkInstance.on(MessageType.Submit, (e) => onSubmit(e.data));
|
|
23
|
-
return () => sdkInstance === null || sdkInstance === void 0 ? void 0 : sdkInstance.
|
|
23
|
+
return () => sdkInstance === null || sdkInstance === void 0 ? void 0 : sdkInstance.unsubscribe(MessageType.Submit);
|
|
24
24
|
}, [sdkInstance, onSubmit]);
|
|
25
25
|
useEffect(() => {
|
|
26
26
|
sdkInstance === null || sdkInstance === void 0 ? void 0 : sdkInstance.on(MessageType.Verify, (e) => onVerify(e.data));
|
|
27
|
-
return () => sdkInstance === null || sdkInstance === void 0 ? void 0 : sdkInstance.
|
|
27
|
+
return () => sdkInstance === null || sdkInstance === void 0 ? void 0 : sdkInstance.unsubscribe(MessageType.Verify);
|
|
28
28
|
}, [sdkInstance, onVerify]);
|
|
29
29
|
useEffect(() => {
|
|
30
30
|
sdkInstance === null || sdkInstance === void 0 ? void 0 : sdkInstance.on(MessageType.CustomStylesAppended, (e) => onCustomStylesAppended(e.data));
|
|
31
|
-
return () => sdkInstance === null || sdkInstance === void 0 ? void 0 : sdkInstance.
|
|
31
|
+
return () => sdkInstance === null || sdkInstance === void 0 ? void 0 : sdkInstance.unsubscribe(MessageType.CustomStylesAppended);
|
|
32
32
|
}, [sdkInstance, onCustomStylesAppended]);
|
|
33
33
|
useEffect(() => {
|
|
34
34
|
sdkInstance === null || sdkInstance === void 0 ? void 0 : sdkInstance.on(MessageType.Redirect, (e) => onFormRedirect(e.data));
|
|
35
|
-
return () => sdkInstance === null || sdkInstance === void 0 ? void 0 : sdkInstance.
|
|
35
|
+
return () => sdkInstance === null || sdkInstance === void 0 ? void 0 : sdkInstance.unsubscribe(MessageType.Redirect);
|
|
36
36
|
}, [sdkInstance, onFormRedirect]);
|
|
37
37
|
useEffect(() => {
|
|
38
38
|
sdkInstance === null || sdkInstance === void 0 ? void 0 : sdkInstance.on(MessageType.Interaction, (e) => onInteraction(e.data));
|
|
39
|
-
return () => sdkInstance === null || sdkInstance === void 0 ? void 0 : sdkInstance.
|
|
39
|
+
return () => sdkInstance === null || sdkInstance === void 0 ? void 0 : sdkInstance.unsubscribe(MessageType.Interaction);
|
|
40
40
|
}, [sdkInstance, onInteraction]);
|
|
41
41
|
useEffect(() => {
|
|
42
42
|
sdkInstance === null || sdkInstance === void 0 ? void 0 : sdkInstance.on(MessageType.OrderStatus, (e) => onOrderStatus(e.data));
|
|
43
|
-
return () => sdkInstance === null || sdkInstance === void 0 ? void 0 : sdkInstance.
|
|
43
|
+
return () => sdkInstance === null || sdkInstance === void 0 ? void 0 : sdkInstance.unsubscribe(MessageType.OrderStatus);
|
|
44
44
|
}, [sdkInstance, onOrderStatus]);
|
|
45
45
|
useEffect(() => {
|
|
46
46
|
sdkInstance === null || sdkInstance === void 0 ? void 0 : sdkInstance.on(MessageType.Resize, (e) => onResize(e.data));
|
|
47
|
-
return () => sdkInstance === null || sdkInstance === void 0 ? void 0 : sdkInstance.
|
|
47
|
+
return () => sdkInstance === null || sdkInstance === void 0 ? void 0 : sdkInstance.unsubscribe(MessageType.Resize);
|
|
48
48
|
}, [sdkInstance, onResize]);
|
|
49
|
+
useEffect(() => {
|
|
50
|
+
sdkInstance === null || sdkInstance === void 0 ? void 0 : sdkInstance.on(MessageType.Card, (e) => onCard(e.data));
|
|
51
|
+
return () => sdkInstance === null || sdkInstance === void 0 ? void 0 : sdkInstance.unsubscribe(MessageType.Card);
|
|
52
|
+
}, [sdkInstance, onCard]);
|
|
49
53
|
};
|
|
50
54
|
export default usePaymentSubscriptions;
|
|
51
55
|
//# sourceMappingURL=usePaymentSubscriptions.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"usePaymentSubscriptions.js","sourceRoot":"","sources":["../../../../src/components/Payment/usePaymentSubscriptions.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,OAAO,CAAA;AAC/B,OAAO,EAAoB,WAAW,EAAC,MAAM,8BAA8B,CAAA;AAI3E,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,SAAiC,EAAE,WAAqC,EAAE,EAAE;IAClH,MAAM,EACJ,SAAS,GAAG,GAAG,EAAE,GAAE,CAAC,EACpB,OAAO,GAAG,GAAG,EAAE,GAAE,CAAC,EAClB,SAAS,GAAG,GAAG,EAAE,GAAE,CAAC,EACpB,MAAM,GAAG,GAAG,EAAE,GAAE,CAAC,EACjB,QAAQ,GAAG,GAAG,EAAE,GAAE,CAAC,EACnB,QAAQ,GAAG,GAAG,EAAE,GAAE,CAAC,EACnB,sBAAsB,GAAG,GAAG,EAAE,GAAE,CAAC,EACjC,cAAc,GAAG,GAAG,EAAE,GAAE,CAAC,EACzB,aAAa,GAAG,GAAG,EAAE,GAAE,CAAC,EACxB,aAAa,GAAG,GAAG,EAAE,GAAE,CAAC,EACxB,QAAQ,GAAG,GAAG,EAAE,GAAE,CAAC,
|
|
1
|
+
{"version":3,"file":"usePaymentSubscriptions.js","sourceRoot":"","sources":["../../../../src/components/Payment/usePaymentSubscriptions.ts"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@solidgate/react-sdk",
|
|
3
3
|
"repository": "https://bitbucket.org/solidgate/react-sdk",
|
|
4
|
-
"version": "1.0
|
|
4
|
+
"version": "1.1.0",
|
|
5
5
|
"author": "Solidgate",
|
|
6
6
|
"description": "Solidgate react sdk loader",
|
|
7
7
|
"main": "dist/cjs/index.js",
|
|
@@ -11,7 +11,7 @@
|
|
|
11
11
|
"dist"
|
|
12
12
|
],
|
|
13
13
|
"dependencies": {
|
|
14
|
-
"@solidgate/client-sdk-loader": "1.
|
|
14
|
+
"@solidgate/client-sdk-loader": "^1.3.1",
|
|
15
15
|
"react-scripts": "5.0.0",
|
|
16
16
|
"styled-components": "^5.3.3"
|
|
17
17
|
},
|