@solidgate/react-sdk 1.16.0 → 1.16.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (73) hide show
  1. package/dist/cjs/boot/index.d.ts +6 -0
  2. package/dist/cjs/boot/index.js +8 -0
  3. package/dist/cjs/boot/index.js.map +1 -0
  4. package/dist/cjs/components/Payment/Payment.d.ts +22 -0
  5. package/dist/cjs/components/Payment/Payment.js +104 -0
  6. package/dist/cjs/components/Payment/Payment.js.map +1 -0
  7. package/dist/cjs/components/Payment/index.d.ts +2 -0
  8. package/dist/cjs/components/Payment/index.js +8 -0
  9. package/dist/cjs/components/Payment/index.js.map +1 -0
  10. package/dist/cjs/components/Resign/index.d.ts +16 -0
  11. package/dist/cjs/components/Resign/index.js +96 -0
  12. package/dist/cjs/components/Resign/index.js.map +1 -0
  13. package/dist/cjs/components/hooks/useIsomorphicLayoutEffect.d.ts +3 -0
  14. package/dist/cjs/components/hooks/useIsomorphicLayoutEffect.js +7 -0
  15. package/dist/cjs/components/hooks/useIsomorphicLayoutEffect.js.map +1 -0
  16. package/dist/cjs/components/hooks/useSdkEventsSubscribers.d.ts +4 -0
  17. package/dist/cjs/components/hooks/useSdkEventsSubscribers.js +59 -0
  18. package/dist/cjs/components/hooks/useSdkEventsSubscribers.js.map +1 -0
  19. package/dist/cjs/constants/index.d.ts +5 -0
  20. package/dist/cjs/constants/index.js +12 -0
  21. package/dist/cjs/constants/index.js.map +1 -0
  22. package/dist/cjs/index.d.ts +4 -0
  23. package/dist/cjs/index.js +22 -0
  24. package/dist/cjs/index.js.map +1 -0
  25. package/dist/cjs/types/ClientSdkEventProvider.d.ts +5 -0
  26. package/dist/cjs/types/ClientSdkEventProvider.js +3 -0
  27. package/dist/cjs/types/ClientSdkEventProvider.js.map +1 -0
  28. package/dist/cjs/types/ResignConfig.d.ts +6 -0
  29. package/dist/cjs/types/ResignConfig.js +3 -0
  30. package/dist/cjs/types/ResignConfig.js.map +1 -0
  31. package/dist/cjs/utils/getPayButtonParams.d.ts +3 -0
  32. package/dist/cjs/utils/getPayButtonParams.js +36 -0
  33. package/dist/cjs/utils/getPayButtonParams.js.map +1 -0
  34. package/dist/cjs/utils/isBrowser.d.ts +1 -0
  35. package/dist/cjs/utils/isBrowser.js +5 -0
  36. package/dist/cjs/utils/isBrowser.js.map +1 -0
  37. package/dist/esm/boot/index.d.ts +6 -0
  38. package/dist/esm/boot/index.js +6 -0
  39. package/dist/esm/boot/index.js.map +1 -0
  40. package/dist/esm/components/Payment/Payment.d.ts +22 -0
  41. package/dist/esm/components/Payment/Payment.js +99 -0
  42. package/dist/esm/components/Payment/Payment.js.map +1 -0
  43. package/dist/esm/components/Payment/index.d.ts +2 -0
  44. package/dist/esm/components/Payment/index.js +3 -0
  45. package/dist/esm/components/Payment/index.js.map +1 -0
  46. package/dist/esm/components/Resign/index.d.ts +16 -0
  47. package/dist/esm/components/Resign/index.js +91 -0
  48. package/dist/esm/components/Resign/index.js.map +1 -0
  49. package/dist/esm/components/hooks/useIsomorphicLayoutEffect.d.ts +3 -0
  50. package/dist/esm/components/hooks/useIsomorphicLayoutEffect.js +5 -0
  51. package/dist/esm/components/hooks/useIsomorphicLayoutEffect.js.map +1 -0
  52. package/dist/esm/components/hooks/useSdkEventsSubscribers.d.ts +4 -0
  53. package/dist/esm/components/hooks/useSdkEventsSubscribers.js +55 -0
  54. package/dist/esm/components/hooks/useSdkEventsSubscribers.js.map +1 -0
  55. package/dist/esm/constants/index.d.ts +5 -0
  56. package/dist/esm/constants/index.js +6 -0
  57. package/dist/esm/constants/index.js.map +1 -0
  58. package/dist/esm/index.d.ts +4 -0
  59. package/dist/esm/index.js +5 -0
  60. package/dist/esm/index.js.map +1 -0
  61. package/dist/esm/types/ClientSdkEventProvider.d.ts +5 -0
  62. package/dist/esm/types/ClientSdkEventProvider.js +2 -0
  63. package/dist/esm/types/ClientSdkEventProvider.js.map +1 -0
  64. package/dist/esm/types/ResignConfig.d.ts +6 -0
  65. package/dist/esm/types/ResignConfig.js +2 -0
  66. package/dist/esm/types/ResignConfig.js.map +1 -0
  67. package/dist/esm/utils/getPayButtonParams.d.ts +3 -0
  68. package/dist/esm/utils/getPayButtonParams.js +34 -0
  69. package/dist/esm/utils/getPayButtonParams.js.map +1 -0
  70. package/dist/esm/utils/isBrowser.d.ts +1 -0
  71. package/dist/esm/utils/isBrowser.js +2 -0
  72. package/dist/esm/utils/isBrowser.js.map +1 -0
  73. package/package.json +1 -1
@@ -0,0 +1,6 @@
1
+ declare global {
2
+ interface Window {
3
+ __SOLIDGATE_PRIVATE__SDK_INIT_TYPE: string;
4
+ }
5
+ }
6
+ export {};
@@ -0,0 +1,8 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ const isBrowser_1 = require("../utils/isBrowser");
4
+ const sdkInitType = 'react';
5
+ if (isBrowser_1.isBrowser) {
6
+ window.__SOLIDGATE_PRIVATE__SDK_INIT_TYPE = sdkInitType;
7
+ }
8
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/boot/index.ts"],"names":[],"mappings":";;AAAA,kDAA8C;AAE9C,MAAM,WAAW,GAAG,OAAO,CAAA;AAQ3B,IAAI,qBAAS,EAAE;IACb,MAAM,CAAC,kCAAkC,GAAG,WAAW,CAAA;CACxD"}
@@ -0,0 +1,22 @@
1
+ import { RefObject } from 'react';
2
+ import { ClientSdkInstance, InitConfig } from "@solidgate/client-sdk-loader";
3
+ import ClientSdkEventsProvider from "../../types/ClientSdkEventProvider";
4
+ import '../../boot';
5
+ interface PaymentProps extends Partial<ClientSdkEventsProvider> {
6
+ merchantData: InitConfig['merchantData'];
7
+ width?: string;
8
+ styles?: InitConfig['styles'];
9
+ formParams?: InitConfig['formParams'];
10
+ googlePayButtonParams?: Omit<InitConfig['googlePayButtonParams'], 'containerId'>;
11
+ applePayButtonParams?: Omit<InitConfig['applePayButtonParams'], 'containerId'>;
12
+ paypalButtonParams?: Omit<InitConfig['paypalButtonParams'], 'containerId'>;
13
+ onReadyPaymentInstance?: (paymentInstance: ClientSdkInstance) => void;
14
+ googlePayContainerRef?: RefObject<HTMLDivElement | null>;
15
+ applePayContainerRef?: RefObject<HTMLDivElement | null>;
16
+ paypalContainerRef?: RefObject<HTMLDivElement | null>;
17
+ }
18
+ declare const Payment: {
19
+ (props: PaymentProps): JSX.Element;
20
+ displayName: string;
21
+ };
22
+ export default Payment;
@@ -0,0 +1,104 @@
1
+ "use strict";
2
+ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
3
+ function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
4
+ return new (P || (P = Promise))(function (resolve, reject) {
5
+ function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
6
+ function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
7
+ function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
8
+ step((generator = generator.apply(thisArg, _arguments || [])).next());
9
+ });
10
+ };
11
+ var __importDefault = (this && this.__importDefault) || function (mod) {
12
+ return (mod && mod.__esModule) ? mod : { "default": mod };
13
+ };
14
+ Object.defineProperty(exports, "__esModule", { value: true });
15
+ const jsx_runtime_1 = require("react/jsx-runtime");
16
+ const react_1 = require("react");
17
+ const styled_components_1 = __importDefault(require("styled-components"));
18
+ const client_sdk_loader_1 = require("@solidgate/client-sdk-loader");
19
+ const constants_1 = require("../../constants");
20
+ const useIsomorphicLayoutEffect_1 = __importDefault(require("../hooks/useIsomorphicLayoutEffect"));
21
+ const useSdkEventsSubscribers_1 = __importDefault(require("../hooks/useSdkEventsSubscribers"));
22
+ const getPayButtonParams_1 = __importDefault(require("../../utils/getPayButtonParams"));
23
+ require("../../boot");
24
+ const StyledPayment = styled_components_1.default.div `
25
+ iframe {
26
+ border: none;
27
+ }
28
+ `;
29
+ const Payment = (props) => {
30
+ const previousInitConfig = (0, react_1.useRef)();
31
+ const [sdkInstance, setSdkInstance] = (0, react_1.useState)(null);
32
+ const { merchantData, width, styles, formParams, applePayButtonParams, googlePayButtonParams, paypalButtonParams, googlePayContainerRef, applePayContainerRef, paypalContainerRef, onMounted = () => { }, onError = () => { }, onSuccess = () => { }, onFail = () => { }, onSubmit = () => { }, onVerify = () => { }, onCustomStylesAppended = () => { }, onPaymentDetails = () => { }, onFormRedirect = () => { }, onInteraction = () => { }, onOrderStatus = () => { }, onResize = () => { }, onReadyPaymentInstance = () => { }, onCard = () => { } } = props;
33
+ const getInitConfig = () => {
34
+ if (!merchantData) {
35
+ throw new Error("Attribute 'merchantData' is required");
36
+ }
37
+ const config = Object.assign(Object.assign(Object.assign({ merchantData: merchantData, iframeParams: Object.assign({ containerId: constants_1.IFRAME_CONTAINER_ID }, (width && { width })) }, (formParams && { formParams })), (styles && { styles })), { applePayButtonParams,
38
+ googlePayButtonParams,
39
+ paypalButtonParams });
40
+ if (googlePayContainerRef === null || googlePayContainerRef === void 0 ? void 0 : googlePayContainerRef.current) {
41
+ const googleButtonParams = (0, getPayButtonParams_1.default)(props, 'googlePayButtonParams', googlePayContainerRef.current);
42
+ if (googleButtonParams) {
43
+ config.googlePayButtonParams = googleButtonParams;
44
+ }
45
+ }
46
+ if (applePayContainerRef === null || applePayContainerRef === void 0 ? void 0 : applePayContainerRef.current) {
47
+ const appleButtonParams = (0, getPayButtonParams_1.default)(props, 'applePayButtonParams', applePayContainerRef.current);
48
+ if (appleButtonParams) {
49
+ config.applePayButtonParams = appleButtonParams;
50
+ }
51
+ }
52
+ if (paypalContainerRef === null || paypalContainerRef === void 0 ? void 0 : paypalContainerRef.current) {
53
+ const paypalButtonParams = (0, getPayButtonParams_1.default)(props, 'paypalButtonParams', paypalContainerRef.current);
54
+ if (paypalButtonParams) {
55
+ config.paypalButtonParams = paypalButtonParams;
56
+ }
57
+ }
58
+ return config;
59
+ };
60
+ const subscribe = (0, useSdkEventsSubscribers_1.default)({
61
+ onMounted,
62
+ onError,
63
+ onSuccess,
64
+ onFail,
65
+ onSubmit,
66
+ onVerify,
67
+ onCustomStylesAppended,
68
+ onPaymentDetails,
69
+ onFormRedirect,
70
+ onInteraction,
71
+ onOrderStatus,
72
+ onResize,
73
+ onCard,
74
+ }, sdkInstance);
75
+ const initClientSdk = (config) => __awaiter(void 0, void 0, void 0, function* () {
76
+ const clientSdk = yield client_sdk_loader_1.SdkLoader.load();
77
+ const clientSdkInstance = clientSdk === null || clientSdk === void 0 ? void 0 : clientSdk.init(config);
78
+ if (!sdkInstance && clientSdkInstance) {
79
+ subscribe(clientSdkInstance);
80
+ setSdkInstance(clientSdkInstance);
81
+ }
82
+ });
83
+ (0, useIsomorphicLayoutEffect_1.default)(() => {
84
+ var _a;
85
+ const config = getInitConfig();
86
+ const key = JSON.stringify(config);
87
+ if (((_a = previousInitConfig.current) === null || _a === void 0 ? void 0 : _a.key) !== key) {
88
+ previousInitConfig.current = {
89
+ config,
90
+ key
91
+ };
92
+ initClientSdk(config);
93
+ }
94
+ });
95
+ (0, react_1.useEffect)(() => {
96
+ if (sdkInstance) {
97
+ onReadyPaymentInstance(sdkInstance);
98
+ }
99
+ }, [sdkInstance]);
100
+ return ((0, jsx_runtime_1.jsx)(StyledPayment, { id: constants_1.IFRAME_CONTAINER_ID }, void 0));
101
+ };
102
+ Payment.displayName = 'Payment';
103
+ exports.default = Payment;
104
+ //# sourceMappingURL=Payment.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Payment.js","sourceRoot":"","sources":["../../../../src/components/Payment/Payment.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,2 @@
1
+ import Payment from "./Payment";
2
+ export default Payment;
@@ -0,0 +1,8 @@
1
+ "use strict";
2
+ var __importDefault = (this && this.__importDefault) || function (mod) {
3
+ return (mod && mod.__esModule) ? mod : { "default": mod };
4
+ };
5
+ Object.defineProperty(exports, "__esModule", { value: true });
6
+ const Payment_1 = __importDefault(require("./Payment"));
7
+ exports.default = Payment_1.default;
8
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Payment/index.ts"],"names":[],"mappings":";;;;;AAAA,wDAA+B;AAE/B,kBAAe,iBAAO,CAAA"}
@@ -0,0 +1,16 @@
1
+ import { ClientSdkInstance, ResignRequest, ResignFormConfig } from "@solidgate/client-sdk-loader";
2
+ import ClientSdkEventsProvider from "../../types/ClientSdkEventProvider";
3
+ import '../../boot';
4
+ interface ResignProps extends Partial<Omit<ClientSdkEventsProvider, 'onCard'>> {
5
+ resignRequest: ResignRequest;
6
+ container?: NonNullable<ResignFormConfig['container']>;
7
+ appearance?: NonNullable<ResignFormConfig['appearance']>;
8
+ styles?: NonNullable<ResignFormConfig['styles']>;
9
+ onReadyResignInstance?: (paymentInstance: ClientSdkInstance) => void;
10
+ onResignInitFailed?: (error: Error) => void;
11
+ }
12
+ declare const Resign: {
13
+ (props: ResignProps): JSX.Element;
14
+ displayName: string;
15
+ };
16
+ export default Resign;
@@ -0,0 +1,96 @@
1
+ "use strict";
2
+ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
3
+ function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
4
+ return new (P || (P = Promise))(function (resolve, reject) {
5
+ function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
6
+ function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
7
+ function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
8
+ step((generator = generator.apply(thisArg, _arguments || [])).next());
9
+ });
10
+ };
11
+ var __importDefault = (this && this.__importDefault) || function (mod) {
12
+ return (mod && mod.__esModule) ? mod : { "default": mod };
13
+ };
14
+ Object.defineProperty(exports, "__esModule", { value: true });
15
+ const jsx_runtime_1 = require("react/jsx-runtime");
16
+ const react_1 = require("react");
17
+ const styled_components_1 = __importDefault(require("styled-components"));
18
+ const client_sdk_loader_1 = require("@solidgate/client-sdk-loader");
19
+ const constants_1 = require("../../constants");
20
+ const useSdkEventsSubscribers_1 = __importDefault(require("../hooks/useSdkEventsSubscribers"));
21
+ require("../../boot");
22
+ const useIsomorphicLayoutEffect_1 = __importDefault(require("../hooks/useIsomorphicLayoutEffect"));
23
+ const StyledPayment = styled_components_1.default.div `
24
+ iframe {
25
+ border: none;
26
+ }
27
+ `;
28
+ const Resign = (props) => {
29
+ const previousResignConfig = (0, react_1.useRef)();
30
+ const [sdkInstance, setSdkInstance] = (0, react_1.useState)(null);
31
+ const { resignRequest, container, appearance, styles, onMounted = () => { }, onError = () => { }, onSuccess = () => { }, onFail = () => { }, onSubmit = () => { }, onVerify = () => { }, onCustomStylesAppended = () => { }, onPaymentDetails = () => { }, onFormRedirect = () => { }, onInteraction = () => { }, onOrderStatus = () => { }, onResize = () => { }, onReadyResignInstance = () => { }, onResignInitFailed = () => { } } = props;
32
+ const getResignConfig = () => {
33
+ const formConfig = {
34
+ container: Object.assign(Object.assign({}, container), { id: constants_1.IFRAME_CONTAINER_ID })
35
+ };
36
+ if (appearance) {
37
+ formConfig.appearance = appearance;
38
+ }
39
+ if (styles) {
40
+ formConfig.styles = styles;
41
+ }
42
+ const result = {
43
+ request: resignRequest,
44
+ formConfig
45
+ };
46
+ return result;
47
+ };
48
+ const subscribe = (0, useSdkEventsSubscribers_1.default)({
49
+ onMounted,
50
+ onError,
51
+ onSuccess,
52
+ onFail,
53
+ onSubmit,
54
+ onVerify,
55
+ onCustomStylesAppended,
56
+ onPaymentDetails,
57
+ onFormRedirect,
58
+ onInteraction,
59
+ onOrderStatus,
60
+ onResize,
61
+ }, sdkInstance);
62
+ const initClientSdk = (0, react_1.useCallback)((resignConfig) => __awaiter(void 0, void 0, void 0, function* () {
63
+ try {
64
+ const clientSdk = yield client_sdk_loader_1.SdkLoader.load();
65
+ const clientSdkInstance = yield (clientSdk === null || clientSdk === void 0 ? void 0 : clientSdk.resign(resignConfig.request, resignConfig.formConfig));
66
+ if (!sdkInstance && clientSdkInstance) {
67
+ subscribe(clientSdkInstance);
68
+ setSdkInstance(clientSdkInstance);
69
+ }
70
+ }
71
+ catch (error) {
72
+ onResignInitFailed(error);
73
+ }
74
+ }), []);
75
+ (0, useIsomorphicLayoutEffect_1.default)(() => {
76
+ var _a;
77
+ const config = getResignConfig();
78
+ const key = JSON.stringify(config);
79
+ if (((_a = previousResignConfig.current) === null || _a === void 0 ? void 0 : _a.key) !== key) {
80
+ previousResignConfig.current = {
81
+ config,
82
+ key
83
+ };
84
+ initClientSdk(config);
85
+ }
86
+ });
87
+ (0, react_1.useEffect)(() => {
88
+ if (sdkInstance) {
89
+ onReadyResignInstance(sdkInstance);
90
+ }
91
+ }, [sdkInstance]);
92
+ return ((0, jsx_runtime_1.jsx)(StyledPayment, { id: constants_1.IFRAME_CONTAINER_ID }, void 0));
93
+ };
94
+ Resign.displayName = 'Resign';
95
+ exports.default = Resign;
96
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Resign/index.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,3 @@
1
+ import { useLayoutEffect } from 'react';
2
+ declare const useIsomorphicLayoutEffect: typeof useLayoutEffect;
3
+ export default useIsomorphicLayoutEffect;
@@ -0,0 +1,7 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ const react_1 = require("react");
4
+ const isBrowser_1 = require("../../utils/isBrowser");
5
+ const useIsomorphicLayoutEffect = isBrowser_1.isBrowser ? react_1.useLayoutEffect : react_1.useEffect;
6
+ exports.default = useIsomorphicLayoutEffect;
7
+ //# sourceMappingURL=useIsomorphicLayoutEffect.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useIsomorphicLayoutEffect.js","sourceRoot":"","sources":["../../../../src/components/hooks/useIsomorphicLayoutEffect.ts"],"names":[],"mappings":";;AAAA,iCAAkD;AAClD,qDAAiD;AAEjD,MAAM,yBAAyB,GAAG,qBAAS,CAAC,CAAC,CAAC,uBAAe,CAAC,CAAC,CAAC,iBAAS,CAAA;AAEzE,kBAAe,yBAAyB,CAAA"}
@@ -0,0 +1,4 @@
1
+ import { ClientSdkInstance } from '@solidgate/client-sdk-loader';
2
+ import clientSdkEventProvider from "../../types/ClientSdkEventProvider";
3
+ export declare const useSdkEventsSubscribers: (callbacks: Partial<clientSdkEventProvider>, sdkInstance: ClientSdkInstance | null) => (sdkInstance: ClientSdkInstance) => void;
4
+ export default useSdkEventsSubscribers;
@@ -0,0 +1,59 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.useSdkEventsSubscribers = void 0;
4
+ const react_1 = require("react");
5
+ const client_sdk_loader_1 = require("@solidgate/client-sdk-loader");
6
+ const useSdkEventsSubscribers = (callbacks, sdkInstance) => {
7
+ const { onMounted = () => { }, onError = () => { }, onSuccess = () => { }, onFail = () => { }, onSubmit = () => { }, onVerify = () => { }, onCustomStylesAppended = () => { }, onFormRedirect = () => { }, onInteraction = () => { }, onOrderStatus = () => { }, onResize = () => { }, onCard = () => { }, onPaymentDetails = () => { }, } = callbacks;
8
+ const updateCallbackRef = (callback) => {
9
+ const callbackRef = (0, react_1.useRef)(callback);
10
+ callbackRef.current = callback;
11
+ return callbackRef;
12
+ };
13
+ const callbackRefs = {
14
+ [client_sdk_loader_1.MessageType.Mounted]: updateCallbackRef(onMounted),
15
+ [client_sdk_loader_1.MessageType.Error]: updateCallbackRef(onError),
16
+ [client_sdk_loader_1.MessageType.Success]: updateCallbackRef(onSuccess),
17
+ [client_sdk_loader_1.MessageType.Fail]: updateCallbackRef(onFail),
18
+ [client_sdk_loader_1.MessageType.Submit]: updateCallbackRef(onSubmit),
19
+ [client_sdk_loader_1.MessageType.Verify]: updateCallbackRef(onVerify),
20
+ [client_sdk_loader_1.MessageType.CustomStylesAppended]: updateCallbackRef(onCustomStylesAppended),
21
+ [client_sdk_loader_1.MessageType.Redirect]: updateCallbackRef(onFormRedirect),
22
+ [client_sdk_loader_1.MessageType.Interaction]: updateCallbackRef(onInteraction),
23
+ [client_sdk_loader_1.MessageType.OrderStatus]: updateCallbackRef(onOrderStatus),
24
+ [client_sdk_loader_1.MessageType.Resize]: updateCallbackRef(onResize),
25
+ [client_sdk_loader_1.MessageType.Card]: updateCallbackRef(onCard),
26
+ [client_sdk_loader_1.MessageType.PaymentDetails]: updateCallbackRef(onPaymentDetails),
27
+ };
28
+ const subscribe = (0, react_1.useCallback)((sdkInstance) => {
29
+ sdkInstance.on(client_sdk_loader_1.MessageType.Mounted, (e) => callbackRefs[client_sdk_loader_1.MessageType.Mounted].current(e.data));
30
+ sdkInstance.on(client_sdk_loader_1.MessageType.Error, (e) => callbackRefs[client_sdk_loader_1.MessageType.Error].current(e.data));
31
+ sdkInstance.on(client_sdk_loader_1.MessageType.Success, (e) => callbackRefs[client_sdk_loader_1.MessageType.Success].current(e.data));
32
+ sdkInstance.on(client_sdk_loader_1.MessageType.Fail, (e) => callbackRefs[client_sdk_loader_1.MessageType.Fail].current(e.data));
33
+ sdkInstance.on(client_sdk_loader_1.MessageType.Submit, (e) => callbackRefs[client_sdk_loader_1.MessageType.Submit].current(e.data));
34
+ sdkInstance.on(client_sdk_loader_1.MessageType.Verify, (e) => callbackRefs[client_sdk_loader_1.MessageType.Verify].current(e.data));
35
+ sdkInstance.on(client_sdk_loader_1.MessageType.CustomStylesAppended, (e) => callbackRefs[client_sdk_loader_1.MessageType.CustomStylesAppended].current(e.data));
36
+ sdkInstance.on(client_sdk_loader_1.MessageType.Redirect, (e) => callbackRefs[client_sdk_loader_1.MessageType.Redirect].current(e.data));
37
+ sdkInstance.on(client_sdk_loader_1.MessageType.Interaction, (e) => callbackRefs[client_sdk_loader_1.MessageType.Interaction].current(e.data));
38
+ sdkInstance.on(client_sdk_loader_1.MessageType.OrderStatus, (e) => callbackRefs[client_sdk_loader_1.MessageType.OrderStatus].current(e.data));
39
+ sdkInstance.on(client_sdk_loader_1.MessageType.Resize, (e) => callbackRefs[client_sdk_loader_1.MessageType.Resize].current(e.data));
40
+ sdkInstance.on(client_sdk_loader_1.MessageType.Card, (e) => callbackRefs[client_sdk_loader_1.MessageType.Card].current(e.data));
41
+ sdkInstance.on(client_sdk_loader_1.MessageType.PaymentDetails, (e) => callbackRefs[client_sdk_loader_1.MessageType.PaymentDetails].current(e.data));
42
+ }, []);
43
+ const unsubscribe = (0, react_1.useCallback)((sdkInstance) => {
44
+ Object.values(client_sdk_loader_1.MessageType).forEach((type) => {
45
+ sdkInstance.unsubscribe(type);
46
+ });
47
+ }, []);
48
+ (0, react_1.useEffect)(() => {
49
+ return () => {
50
+ if (sdkInstance) {
51
+ unsubscribe(sdkInstance);
52
+ }
53
+ };
54
+ }, []);
55
+ return subscribe;
56
+ };
57
+ exports.useSdkEventsSubscribers = useSdkEventsSubscribers;
58
+ exports.default = exports.useSdkEventsSubscribers;
59
+ //# sourceMappingURL=useSdkEventsSubscribers.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useSdkEventsSubscribers.js","sourceRoot":"","sources":["../../../../src/components/hooks/useSdkEventsSubscribers.ts"],"names":[],"mappings":";;;AAAA,iCAAwE;AACxE,oEAGqC;AAI9B,MAAM,uBAAuB,GAAG,CAAC,SAA0C,EAAE,WAAqC,EAAE,EAAE;IAC3H,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,EACjB,gBAAgB,GAAG,GAAG,EAAE,GAAE,CAAC,GAC5B,GAAG,SAAS,CAAC;IAEd,MAAM,iBAAiB,GAAG,CAAI,QAAW,EAAuB,EAAE;QAChE,MAAM,WAAW,GAAG,IAAA,cAAM,EAAC,QAAQ,CAAC,CAAC;QAErC,WAAW,CAAC,OAAO,GAAG,QAAQ,CAAC;QAE/B,OAAO,WAAW,CAAC;IACrB,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG;QACnB,CAAC,+BAAW,CAAC,OAAO,CAAC,EAAE,iBAAiB,CAAC,SAAS,CAAC;QACnD,CAAC,+BAAW,CAAC,KAAK,CAAC,EAAE,iBAAiB,CAAC,OAAO,CAAC;QAC/C,CAAC,+BAAW,CAAC,OAAO,CAAC,EAAE,iBAAiB,CAAC,SAAS,CAAC;QACnD,CAAC,+BAAW,CAAC,IAAI,CAAC,EAAE,iBAAiB,CAAC,MAAM,CAAC;QAC7C,CAAC,+BAAW,CAAC,MAAM,CAAC,EAAE,iBAAiB,CAAC,QAAQ,CAAC;QACjD,CAAC,+BAAW,CAAC,MAAM,CAAC,EAAE,iBAAiB,CAAC,QAAQ,CAAC;QACjD,CAAC,+BAAW,CAAC,oBAAoB,CAAC,EAAE,iBAAiB,CAAC,sBAAsB,CAAC;QAC7E,CAAC,+BAAW,CAAC,QAAQ,CAAC,EAAE,iBAAiB,CAAC,cAAc,CAAC;QACzD,CAAC,+BAAW,CAAC,WAAW,CAAC,EAAE,iBAAiB,CAAC,aAAa,CAAC;QAC3D,CAAC,+BAAW,CAAC,WAAW,CAAC,EAAE,iBAAiB,CAAC,aAAa,CAAC;QAC3D,CAAC,+BAAW,CAAC,MAAM,CAAC,EAAE,iBAAiB,CAAC,QAAQ,CAAC;QACjD,CAAC,+BAAW,CAAC,IAAI,CAAC,EAAE,iBAAiB,CAAC,MAAM,CAAC;QAC7C,CAAC,+BAAW,CAAC,cAAc,CAAC,EAAE,iBAAiB,CAAC,gBAAgB,CAAC;KAClE,CAAA;IAED,MAAM,SAAS,GAAG,IAAA,mBAAW,EAAC,CAAC,WAA8B,EAAE,EAAE;QAC/D,WAAW,CAAC,EAAE,CAAC,+BAAW,CAAC,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,YAAY,CAAC,+BAAW,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;QAC9F,WAAW,CAAC,EAAE,CAAC,+BAAW,CAAC,KAAK,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,YAAY,CAAC,+BAAW,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;QAC1F,WAAW,CAAC,EAAE,CAAC,+BAAW,CAAC,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,YAAY,CAAC,+BAAW,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;QAC9F,WAAW,CAAC,EAAE,CAAC,+BAAW,CAAC,IAAI,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,YAAY,CAAC,+BAAW,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;QACxF,WAAW,CAAC,EAAE,CAAC,+BAAW,CAAC,MAAM,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,YAAY,CAAC,+BAAW,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;QAC5F,WAAW,CAAC,EAAE,CAAC,+BAAW,CAAC,MAAM,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,YAAY,CAAC,+BAAW,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;QAC5F,WAAW,CAAC,EAAE,CAAC,+BAAW,CAAC,oBAAoB,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,YAAY,CAAC,+BAAW,CAAC,oBAAoB,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;QACxH,WAAW,CAAC,EAAE,CAAC,+BAAW,CAAC,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,YAAY,CAAC,+BAAW,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;QAChG,WAAW,CAAC,EAAE,CAAC,+BAAW,CAAC,WAAW,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,YAAY,CAAC,+BAAW,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;QACtG,WAAW,CAAC,EAAE,CAAC,+BAAW,CAAC,WAAW,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,YAAY,CAAC,+BAAW,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;QACtG,WAAW,CAAC,EAAE,CAAC,+BAAW,CAAC,MAAM,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,YAAY,CAAC,+BAAW,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;QAC5F,WAAW,CAAC,EAAE,CAAC,+BAAW,CAAC,IAAI,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,YAAY,CAAC,+BAAW,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;QACxF,WAAW,CAAC,EAAE,CAAC,+BAAW,CAAC,cAAc,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,YAAY,CAAC,+BAAW,CAAC,cAAc,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;IAC9G,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,WAAW,GAAG,IAAA,mBAAW,EAAC,CAAC,WAA8B,EAAE,EAAE;QACjE,MAAM,CAAC,MAAM,CAAC,+BAAW,CAAC,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;YAC1C,WAAW,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;QAChC,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,OAAO,GAAG,EAAE;YACV,IAAI,WAAW,EAAE;gBACf,WAAW,CAAC,WAAW,CAAC,CAAC;aAC1B;QACH,CAAC,CAAA;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,SAAS,CAAC;AACnB,CAAC,CAAA;AAxEY,QAAA,uBAAuB,2BAwEnC;AAED,kBAAe,+BAAuB,CAAA"}
@@ -0,0 +1,5 @@
1
+ declare const IFRAME_CONTAINER_ID = "solid-payment-form-container_#123";
2
+ declare const GOOGLE_PAY_BUTTON_CONTAINER_ID = "google-pay-button-container_#123";
3
+ declare const APPLE_PAY_BUTTON_CONTAINER_ID = "apple-pay-button-container_#123";
4
+ declare const PAYPAL_BUTTON_CONTAINER_ID = "paypal-button-container_#123";
5
+ export { IFRAME_CONTAINER_ID, GOOGLE_PAY_BUTTON_CONTAINER_ID, APPLE_PAY_BUTTON_CONTAINER_ID, PAYPAL_BUTTON_CONTAINER_ID };
@@ -0,0 +1,12 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.PAYPAL_BUTTON_CONTAINER_ID = exports.APPLE_PAY_BUTTON_CONTAINER_ID = exports.GOOGLE_PAY_BUTTON_CONTAINER_ID = exports.IFRAME_CONTAINER_ID = void 0;
4
+ const IFRAME_CONTAINER_ID = `solid-payment-form-container_#123`;
5
+ exports.IFRAME_CONTAINER_ID = IFRAME_CONTAINER_ID;
6
+ const GOOGLE_PAY_BUTTON_CONTAINER_ID = `google-pay-button-container_#123`;
7
+ exports.GOOGLE_PAY_BUTTON_CONTAINER_ID = GOOGLE_PAY_BUTTON_CONTAINER_ID;
8
+ const APPLE_PAY_BUTTON_CONTAINER_ID = `apple-pay-button-container_#123`;
9
+ exports.APPLE_PAY_BUTTON_CONTAINER_ID = APPLE_PAY_BUTTON_CONTAINER_ID;
10
+ const PAYPAL_BUTTON_CONTAINER_ID = `paypal-button-container_#123`;
11
+ exports.PAYPAL_BUTTON_CONTAINER_ID = PAYPAL_BUTTON_CONTAINER_ID;
12
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/constants/index.ts"],"names":[],"mappings":";;;AAAA,MAAM,mBAAmB,GAAG,mCAAmC,CAAA;AAM7D,kDAAmB;AALrB,MAAM,8BAA8B,GAAG,kCAAkC,CAAA;AAMvE,wEAA8B;AALhC,MAAM,6BAA6B,GAAG,iCAAiC,CAAA;AAMrE,sEAA6B;AAL/B,MAAM,0BAA0B,GAAG,8BAA8B,CAAA;AAM/D,gEAA0B"}
@@ -0,0 +1,4 @@
1
+ import Payment from "./components/Payment";
2
+ export * from '@solidgate/client-sdk-loader';
3
+ export { default as Resign } from './components/Resign';
4
+ export default Payment;
@@ -0,0 +1,22 @@
1
+ "use strict";
2
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
+ if (k2 === undefined) k2 = k;
4
+ Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
5
+ }) : (function(o, m, k, k2) {
6
+ if (k2 === undefined) k2 = k;
7
+ o[k2] = m[k];
8
+ }));
9
+ var __exportStar = (this && this.__exportStar) || function(m, exports) {
10
+ for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
11
+ };
12
+ var __importDefault = (this && this.__importDefault) || function (mod) {
13
+ return (mod && mod.__esModule) ? mod : { "default": mod };
14
+ };
15
+ Object.defineProperty(exports, "__esModule", { value: true });
16
+ exports.Resign = void 0;
17
+ const Payment_1 = __importDefault(require("./components/Payment"));
18
+ __exportStar(require("@solidgate/client-sdk-loader"), exports);
19
+ var Resign_1 = require("./components/Resign");
20
+ Object.defineProperty(exports, "Resign", { enumerable: true, get: function () { return __importDefault(Resign_1).default; } });
21
+ exports.default = Payment_1.default;
22
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,mEAA0C;AAE1C,+DAA4C;AAE5C,8CAAuD;AAA9C,iHAAA,OAAO,OAAU;AAE1B,kBAAe,iBAAO,CAAA"}
@@ -0,0 +1,5 @@
1
+ import { SdkMessage } from "@solidgate/client-sdk-loader";
2
+ declare type ClientSdkEventsProvider = {
3
+ [key in keyof SdkMessage as `on${Capitalize<key>}`]: (e: SdkMessage[key]) => void;
4
+ };
5
+ export default ClientSdkEventsProvider;
@@ -0,0 +1,3 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ //# sourceMappingURL=ClientSdkEventProvider.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ClientSdkEventProvider.js","sourceRoot":"","sources":["../../../src/types/ClientSdkEventProvider.ts"],"names":[],"mappings":""}
@@ -0,0 +1,6 @@
1
+ import { ResignFormConfig, ResignRequest } from '@solidgate/client-sdk-loader';
2
+ declare type ResignConfig = {
3
+ request: ResignRequest;
4
+ formConfig: ResignFormConfig;
5
+ };
6
+ export default ResignConfig;
@@ -0,0 +1,3 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ //# sourceMappingURL=ResignConfig.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ResignConfig.js","sourceRoot":"","sources":["../../../src/types/ResignConfig.ts"],"names":[],"mappings":""}
@@ -0,0 +1,3 @@
1
+ import { InitConfig } from "@solidgate/client-sdk-loader";
2
+ declare const getPayButtonParams: <T extends "applePayButtonParams" | "googlePayButtonParams" | "paypalButtonParams">(config: InitConfig, key: T, container: HTMLDivElement | null) => NonNullable<InitConfig[T]> | undefined;
3
+ export default getPayButtonParams;
@@ -0,0 +1,36 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ const constants_1 = require("../constants");
4
+ const payButtonIds = {
5
+ googlePayButtonParams: {
6
+ title: 'GooglePay',
7
+ id: constants_1.GOOGLE_PAY_BUTTON_CONTAINER_ID
8
+ },
9
+ applePayButtonParams: {
10
+ title: 'ApplePay',
11
+ id: constants_1.APPLE_PAY_BUTTON_CONTAINER_ID
12
+ },
13
+ paypalButtonParams: {
14
+ title: 'PayPal',
15
+ id: constants_1.PAYPAL_BUTTON_CONTAINER_ID
16
+ }
17
+ };
18
+ const getPayButtonParams = (config, key, container) => {
19
+ const syntheticContainerId = payButtonIds[key].id;
20
+ const payParams = Object.assign({}, (config[key] || {}));
21
+ if (payParams.containerId) {
22
+ delete payParams.containerId;
23
+ }
24
+ if (container) {
25
+ if (container.id && container.id !== syntheticContainerId) {
26
+ console.warn(`Id attribute "${container.id}" of ${payButtonIds[key].title} container will be overridden`);
27
+ }
28
+ payParams.containerId = syntheticContainerId;
29
+ container.id = payParams.containerId;
30
+ }
31
+ if (Object.keys(payParams).length) {
32
+ return payParams;
33
+ }
34
+ };
35
+ exports.default = getPayButtonParams;
36
+ //# sourceMappingURL=getPayButtonParams.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"getPayButtonParams.js","sourceRoot":"","sources":["../../../src/utils/getPayButtonParams.ts"],"names":[],"mappings":";;AAEA,4CAIqB;AAErB,MAAM,YAAY,GAAG;IACnB,qBAAqB,EAAE;QACrB,KAAK,EAAE,WAAW;QAClB,EAAE,EAAE,0CAA8B;KACnC;IACD,oBAAoB,EAAE;QACpB,KAAK,EAAE,UAAU;QACjB,EAAE,EAAE,yCAA6B;KAClC;IACD,kBAAkB,EAAE;QAClB,KAAK,EAAE,QAAQ;QACf,EAAE,EAAE,sCAA0B;KAC/B;CACF,CAAA;AAED,MAAM,kBAAkB,GAAG,CACvB,MAAkB,EAClB,GAAM,EACN,SAAgC,EAClC,EAAE;IACF,MAAM,oBAAoB,GAAG,YAAY,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC;IAClD,MAAM,SAAS,GAAG,kBACb,CAAC,MAAM,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC,CACO,CAAA;IAE/B,IAAI,SAAS,CAAC,WAAW,EAAE;QACzB,OAAO,SAAS,CAAC,WAAW,CAAA;KAC7B;IAED,IAAI,SAAS,EAAE;QACb,IAAI,SAAS,CAAC,EAAE,IAAI,SAAS,CAAC,EAAE,KAAK,oBAAoB,EAAE;YACzD,OAAO,CAAC,IAAI,CACV,iBAAiB,SAAS,CAAC,EAAE,QAAQ,YAAY,CAAC,GAAG,CAAC,CAAC,KAAK,+BAA+B,CAC5F,CAAA;SACF;QAED,SAAS,CAAC,WAAW,GAAG,oBAAoB,CAAA;QAC5C,SAAS,CAAC,EAAE,GAAG,SAAS,CAAC,WAAW,CAAA;KACrC;IAED,IAAI,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,MAAM,EAAE;QACjC,OAAO,SAAS,CAAA;KACjB;AACH,CAAC,CAAA;AAED,kBAAe,kBAAkB,CAAA"}
@@ -0,0 +1 @@
1
+ export declare const isBrowser: boolean;
@@ -0,0 +1,5 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.isBrowser = void 0;
4
+ exports.isBrowser = typeof window !== "undefined";
5
+ //# sourceMappingURL=isBrowser.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"isBrowser.js","sourceRoot":"","sources":["../../../src/utils/isBrowser.ts"],"names":[],"mappings":";;;AAAa,QAAA,SAAS,GAAG,OAAO,MAAM,KAAK,WAAW,CAAA"}
@@ -0,0 +1,6 @@
1
+ declare global {
2
+ interface Window {
3
+ __SOLIDGATE_PRIVATE__SDK_INIT_TYPE: string;
4
+ }
5
+ }
6
+ export {};
@@ -0,0 +1,6 @@
1
+ import { isBrowser } from '../utils/isBrowser';
2
+ const sdkInitType = 'react';
3
+ if (isBrowser) {
4
+ window.__SOLIDGATE_PRIVATE__SDK_INIT_TYPE = sdkInitType;
5
+ }
6
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/boot/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAA;AAE9C,MAAM,WAAW,GAAG,OAAO,CAAA;AAQ3B,IAAI,SAAS,EAAE;IACb,MAAM,CAAC,kCAAkC,GAAG,WAAW,CAAA;CACxD"}
@@ -0,0 +1,22 @@
1
+ import { RefObject } from 'react';
2
+ import { ClientSdkInstance, InitConfig } from "@solidgate/client-sdk-loader";
3
+ import ClientSdkEventsProvider from "../../types/ClientSdkEventProvider";
4
+ import '../../boot';
5
+ interface PaymentProps extends Partial<ClientSdkEventsProvider> {
6
+ merchantData: InitConfig['merchantData'];
7
+ width?: string;
8
+ styles?: InitConfig['styles'];
9
+ formParams?: InitConfig['formParams'];
10
+ googlePayButtonParams?: Omit<InitConfig['googlePayButtonParams'], 'containerId'>;
11
+ applePayButtonParams?: Omit<InitConfig['applePayButtonParams'], 'containerId'>;
12
+ paypalButtonParams?: Omit<InitConfig['paypalButtonParams'], 'containerId'>;
13
+ onReadyPaymentInstance?: (paymentInstance: ClientSdkInstance) => void;
14
+ googlePayContainerRef?: RefObject<HTMLDivElement | null>;
15
+ applePayContainerRef?: RefObject<HTMLDivElement | null>;
16
+ paypalContainerRef?: RefObject<HTMLDivElement | null>;
17
+ }
18
+ declare const Payment: {
19
+ (props: PaymentProps): JSX.Element;
20
+ displayName: string;
21
+ };
22
+ export default Payment;
@@ -0,0 +1,99 @@
1
+ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
2
+ function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
3
+ return new (P || (P = Promise))(function (resolve, reject) {
4
+ function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
5
+ function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
6
+ function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
7
+ step((generator = generator.apply(thisArg, _arguments || [])).next());
8
+ });
9
+ };
10
+ import { jsx as _jsx } from "react/jsx-runtime";
11
+ import { useRef, useEffect, useState, } from 'react';
12
+ import styled from "styled-components";
13
+ import { SdkLoader, } from "@solidgate/client-sdk-loader";
14
+ import { IFRAME_CONTAINER_ID } from '../../constants';
15
+ import useIsomorphicLayoutEffect from '../hooks/useIsomorphicLayoutEffect';
16
+ import useSdkEventSubscribers from '../hooks/useSdkEventsSubscribers';
17
+ import getPayButtonParams from "../../utils/getPayButtonParams";
18
+ import '../../boot';
19
+ const StyledPayment = styled.div `
20
+ iframe {
21
+ border: none;
22
+ }
23
+ `;
24
+ const Payment = (props) => {
25
+ const previousInitConfig = useRef();
26
+ const [sdkInstance, setSdkInstance] = useState(null);
27
+ const { merchantData, width, styles, formParams, applePayButtonParams, googlePayButtonParams, paypalButtonParams, googlePayContainerRef, applePayContainerRef, paypalContainerRef, onMounted = () => { }, onError = () => { }, onSuccess = () => { }, onFail = () => { }, onSubmit = () => { }, onVerify = () => { }, onCustomStylesAppended = () => { }, onPaymentDetails = () => { }, onFormRedirect = () => { }, onInteraction = () => { }, onOrderStatus = () => { }, onResize = () => { }, onReadyPaymentInstance = () => { }, onCard = () => { } } = props;
28
+ const getInitConfig = () => {
29
+ if (!merchantData) {
30
+ throw new Error("Attribute 'merchantData' is required");
31
+ }
32
+ const config = Object.assign(Object.assign(Object.assign({ merchantData: merchantData, iframeParams: Object.assign({ containerId: IFRAME_CONTAINER_ID }, (width && { width })) }, (formParams && { formParams })), (styles && { styles })), { applePayButtonParams,
33
+ googlePayButtonParams,
34
+ paypalButtonParams });
35
+ if (googlePayContainerRef === null || googlePayContainerRef === void 0 ? void 0 : googlePayContainerRef.current) {
36
+ const googleButtonParams = getPayButtonParams(props, 'googlePayButtonParams', googlePayContainerRef.current);
37
+ if (googleButtonParams) {
38
+ config.googlePayButtonParams = googleButtonParams;
39
+ }
40
+ }
41
+ if (applePayContainerRef === null || applePayContainerRef === void 0 ? void 0 : applePayContainerRef.current) {
42
+ const appleButtonParams = getPayButtonParams(props, 'applePayButtonParams', applePayContainerRef.current);
43
+ if (appleButtonParams) {
44
+ config.applePayButtonParams = appleButtonParams;
45
+ }
46
+ }
47
+ if (paypalContainerRef === null || paypalContainerRef === void 0 ? void 0 : paypalContainerRef.current) {
48
+ const paypalButtonParams = getPayButtonParams(props, 'paypalButtonParams', paypalContainerRef.current);
49
+ if (paypalButtonParams) {
50
+ config.paypalButtonParams = paypalButtonParams;
51
+ }
52
+ }
53
+ return config;
54
+ };
55
+ const subscribe = useSdkEventSubscribers({
56
+ onMounted,
57
+ onError,
58
+ onSuccess,
59
+ onFail,
60
+ onSubmit,
61
+ onVerify,
62
+ onCustomStylesAppended,
63
+ onPaymentDetails,
64
+ onFormRedirect,
65
+ onInteraction,
66
+ onOrderStatus,
67
+ onResize,
68
+ onCard,
69
+ }, sdkInstance);
70
+ const initClientSdk = (config) => __awaiter(void 0, void 0, void 0, function* () {
71
+ const clientSdk = yield SdkLoader.load();
72
+ const clientSdkInstance = clientSdk === null || clientSdk === void 0 ? void 0 : clientSdk.init(config);
73
+ if (!sdkInstance && clientSdkInstance) {
74
+ subscribe(clientSdkInstance);
75
+ setSdkInstance(clientSdkInstance);
76
+ }
77
+ });
78
+ useIsomorphicLayoutEffect(() => {
79
+ var _a;
80
+ const config = getInitConfig();
81
+ const key = JSON.stringify(config);
82
+ if (((_a = previousInitConfig.current) === null || _a === void 0 ? void 0 : _a.key) !== key) {
83
+ previousInitConfig.current = {
84
+ config,
85
+ key
86
+ };
87
+ initClientSdk(config);
88
+ }
89
+ });
90
+ useEffect(() => {
91
+ if (sdkInstance) {
92
+ onReadyPaymentInstance(sdkInstance);
93
+ }
94
+ }, [sdkInstance]);
95
+ return (_jsx(StyledPayment, { id: IFRAME_CONTAINER_ID }, void 0));
96
+ };
97
+ Payment.displayName = 'Payment';
98
+ export default Payment;
99
+ //# sourceMappingURL=Payment.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Payment.js","sourceRoot":"","sources":["../../../../src/components/Payment/Payment.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,2 @@
1
+ import Payment from "./Payment";
2
+ export default Payment;
@@ -0,0 +1,3 @@
1
+ import Payment from "./Payment";
2
+ export default Payment;
3
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Payment/index.ts"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,WAAW,CAAA;AAE/B,eAAe,OAAO,CAAA"}
@@ -0,0 +1,16 @@
1
+ import { ClientSdkInstance, ResignRequest, ResignFormConfig } from "@solidgate/client-sdk-loader";
2
+ import ClientSdkEventsProvider from "../../types/ClientSdkEventProvider";
3
+ import '../../boot';
4
+ interface ResignProps extends Partial<Omit<ClientSdkEventsProvider, 'onCard'>> {
5
+ resignRequest: ResignRequest;
6
+ container?: NonNullable<ResignFormConfig['container']>;
7
+ appearance?: NonNullable<ResignFormConfig['appearance']>;
8
+ styles?: NonNullable<ResignFormConfig['styles']>;
9
+ onReadyResignInstance?: (paymentInstance: ClientSdkInstance) => void;
10
+ onResignInitFailed?: (error: Error) => void;
11
+ }
12
+ declare const Resign: {
13
+ (props: ResignProps): JSX.Element;
14
+ displayName: string;
15
+ };
16
+ export default Resign;
@@ -0,0 +1,91 @@
1
+ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
2
+ function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
3
+ return new (P || (P = Promise))(function (resolve, reject) {
4
+ function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
5
+ function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
6
+ function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
7
+ step((generator = generator.apply(thisArg, _arguments || [])).next());
8
+ });
9
+ };
10
+ import { jsx as _jsx } from "react/jsx-runtime";
11
+ import { useRef, useEffect, useState, useCallback } from 'react';
12
+ import styled from "styled-components";
13
+ import { SdkLoader, } from "@solidgate/client-sdk-loader";
14
+ import { IFRAME_CONTAINER_ID } from '../../constants';
15
+ import useSdkEventSubscribers from '../hooks/useSdkEventsSubscribers';
16
+ import '../../boot';
17
+ import useIsomorphicLayoutEffect from '../hooks/useIsomorphicLayoutEffect';
18
+ const StyledPayment = styled.div `
19
+ iframe {
20
+ border: none;
21
+ }
22
+ `;
23
+ const Resign = (props) => {
24
+ const previousResignConfig = useRef();
25
+ const [sdkInstance, setSdkInstance] = useState(null);
26
+ const { resignRequest, container, appearance, styles, onMounted = () => { }, onError = () => { }, onSuccess = () => { }, onFail = () => { }, onSubmit = () => { }, onVerify = () => { }, onCustomStylesAppended = () => { }, onPaymentDetails = () => { }, onFormRedirect = () => { }, onInteraction = () => { }, onOrderStatus = () => { }, onResize = () => { }, onReadyResignInstance = () => { }, onResignInitFailed = () => { } } = props;
27
+ const getResignConfig = () => {
28
+ const formConfig = {
29
+ container: Object.assign(Object.assign({}, container), { id: IFRAME_CONTAINER_ID })
30
+ };
31
+ if (appearance) {
32
+ formConfig.appearance = appearance;
33
+ }
34
+ if (styles) {
35
+ formConfig.styles = styles;
36
+ }
37
+ const result = {
38
+ request: resignRequest,
39
+ formConfig
40
+ };
41
+ return result;
42
+ };
43
+ const subscribe = useSdkEventSubscribers({
44
+ onMounted,
45
+ onError,
46
+ onSuccess,
47
+ onFail,
48
+ onSubmit,
49
+ onVerify,
50
+ onCustomStylesAppended,
51
+ onPaymentDetails,
52
+ onFormRedirect,
53
+ onInteraction,
54
+ onOrderStatus,
55
+ onResize,
56
+ }, sdkInstance);
57
+ const initClientSdk = useCallback((resignConfig) => __awaiter(void 0, void 0, void 0, function* () {
58
+ try {
59
+ const clientSdk = yield SdkLoader.load();
60
+ const clientSdkInstance = yield (clientSdk === null || clientSdk === void 0 ? void 0 : clientSdk.resign(resignConfig.request, resignConfig.formConfig));
61
+ if (!sdkInstance && clientSdkInstance) {
62
+ subscribe(clientSdkInstance);
63
+ setSdkInstance(clientSdkInstance);
64
+ }
65
+ }
66
+ catch (error) {
67
+ onResignInitFailed(error);
68
+ }
69
+ }), []);
70
+ useIsomorphicLayoutEffect(() => {
71
+ var _a;
72
+ const config = getResignConfig();
73
+ const key = JSON.stringify(config);
74
+ if (((_a = previousResignConfig.current) === null || _a === void 0 ? void 0 : _a.key) !== key) {
75
+ previousResignConfig.current = {
76
+ config,
77
+ key
78
+ };
79
+ initClientSdk(config);
80
+ }
81
+ });
82
+ useEffect(() => {
83
+ if (sdkInstance) {
84
+ onReadyResignInstance(sdkInstance);
85
+ }
86
+ }, [sdkInstance]);
87
+ return (_jsx(StyledPayment, { id: IFRAME_CONTAINER_ID }, void 0));
88
+ };
89
+ Resign.displayName = 'Resign';
90
+ export default Resign;
91
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Resign/index.tsx"],"names":[],"mappings":";;;;;;;;;;AAAA,OAAO,EACL,MAAM,EACN,SAAS,EACT,QAAQ,EACR,WAAW,EACZ,MAAM,OAAO,CAAA;AACd,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAIL,SAAS,GACV,MAAM,8BAA8B,CAAA;AAKrC,OAAO,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAA;AAErD,OAAO,sBAAsB,MAAM,kCAAkC,CAAA;AAErE,OAAO,YAAY,CAAA;AACnB,OAAO,yBAAyB,MAAM,oCAAoC,CAAA;AAW1E,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAAA;;;;CAI/B,CAAA;AAED,MAAM,MAAM,GAAG,CAAC,KAAkB,EAAE,EAAE;IACpC,MAAM,oBAAoB,GAAG,MAAM,EAG/B,CAAA;IAEJ,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAA2B,IAAI,CAAC,CAAA;IAE9E,MAAM,EACJ,aAAa,EACb,SAAS,EACT,UAAU,EACV,MAAM,EACN,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,gBAAgB,GAAG,GAAG,EAAE,GAAE,CAAC,EAC3B,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,qBAAqB,GAAG,GAAG,EAAE,GAAE,CAAC,EAChC,kBAAkB,GAAG,GAAG,EAAE,GAAE,CAAC,EAC9B,GAAG,KAAK,CAAA;IAET,MAAM,eAAe,GAAG,GAAG,EAAE;QAC3B,MAAM,UAAU,GAAqB;YACnC,SAAS,kCACJ,SAAS,KACZ,EAAE,EAAE,mBAAmB,GACxB;SACF,CAAC;QAEF,IAAI,UAAU,EAAE;YACd,UAAU,CAAC,UAAU,GAAG,UAAU,CAAA;SACnC;QACD,IAAI,MAAM,EAAE;YACV,UAAU,CAAC,MAAM,GAAG,MAAM,CAAA;SAC3B;QAED,MAAM,MAAM,GAAiB;YAC3B,OAAO,EAAE,aAAa;YACtB,UAAU;SACX,CAAC;QAEF,OAAO,MAAM,CAAC;IAChB,CAAC,CAAA;IAED,MAAM,SAAS,GAAG,sBAAsB,CAAC;QACvC,SAAS;QACT,OAAO;QACP,SAAS;QACT,MAAM;QACN,QAAQ;QACR,QAAQ;QACR,sBAAsB;QACtB,gBAAgB;QAChB,cAAc;QACd,aAAa;QACb,aAAa;QACb,QAAQ;KACT,EAAE,WAAW,CAAC,CAAC;IAEhB,MAAM,aAAa,GAAG,WAAW,CAAC,CAAO,YAA0B,EAAE,EAAE;QACrE,IAAI;YACF,MAAM,SAAS,GAAG,MAAM,SAAS,CAAC,IAAI,EAAE,CAAA;YAE1C,MAAM,iBAAiB,GAAG,MAAM,CAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,MAAM,CAAC,YAAY,CAAC,OAAO,EAAE,YAAY,CAAC,UAAU,CAAC,CAAA,CAAA;YAE9F,IAAI,CAAC,WAAW,IAAI,iBAAiB,EAAE;gBACrC,SAAS,CAAC,iBAAiB,CAAC,CAAA;gBAC5B,cAAc,CAAC,iBAAiB,CAAC,CAAA;aAClC;SACF;QAAC,OAAO,KAAK,EAAE;YACd,kBAAkB,CAAC,KAAc,CAAC,CAAC;SACpC;IACH,CAAC,CAAA,EAAE,EAAE,CAAC,CAAA;IAEN,yBAAyB,CAAC,GAAG,EAAE;;QAC7B,MAAM,MAAM,GAAG,eAAe,EAAE,CAAA;QAChC,MAAM,GAAG,GAAG,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,CAAA;QAElC,IAAI,CAAA,MAAA,oBAAoB,CAAC,OAAO,0CAAE,GAAG,MAAK,GAAG,EAAE;YAC7C,oBAAoB,CAAC,OAAO,GAAG;gBAC7B,MAAM;gBACN,GAAG;aACJ,CAAA;YAED,aAAa,CAAC,MAAM,CAAC,CAAA;SACtB;IACH,CAAC,CAAC,CAAA;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,WAAW,EAAE;YACf,qBAAqB,CAAC,WAAW,CAAC,CAAA;SACnC;IACH,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAA;IAEjB,OAAO,CACL,KAAC,aAAa,IAAC,EAAE,EAAE,mBAAmB,WAAG,CAC1C,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAA;AAE7B,eAAe,MAAM,CAAA"}
@@ -0,0 +1,3 @@
1
+ import { useLayoutEffect } from 'react';
2
+ declare const useIsomorphicLayoutEffect: typeof useLayoutEffect;
3
+ export default useIsomorphicLayoutEffect;
@@ -0,0 +1,5 @@
1
+ import { useEffect, useLayoutEffect } from 'react';
2
+ import { isBrowser } from '../../utils/isBrowser';
3
+ const useIsomorphicLayoutEffect = isBrowser ? useLayoutEffect : useEffect;
4
+ export default useIsomorphicLayoutEffect;
5
+ //# sourceMappingURL=useIsomorphicLayoutEffect.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useIsomorphicLayoutEffect.js","sourceRoot":"","sources":["../../../../src/components/hooks/useIsomorphicLayoutEffect.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,eAAe,EAAE,MAAM,OAAO,CAAA;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AAEjD,MAAM,yBAAyB,GAAG,SAAS,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,SAAS,CAAA;AAEzE,eAAe,yBAAyB,CAAA"}
@@ -0,0 +1,4 @@
1
+ import { ClientSdkInstance } from '@solidgate/client-sdk-loader';
2
+ import clientSdkEventProvider from "../../types/ClientSdkEventProvider";
3
+ export declare const useSdkEventsSubscribers: (callbacks: Partial<clientSdkEventProvider>, sdkInstance: ClientSdkInstance | null) => (sdkInstance: ClientSdkInstance) => void;
4
+ export default useSdkEventsSubscribers;
@@ -0,0 +1,55 @@
1
+ import { useCallback, useEffect, useRef } from 'react';
2
+ import { MessageType, } from '@solidgate/client-sdk-loader';
3
+ export const useSdkEventsSubscribers = (callbacks, sdkInstance) => {
4
+ const { onMounted = () => { }, onError = () => { }, onSuccess = () => { }, onFail = () => { }, onSubmit = () => { }, onVerify = () => { }, onCustomStylesAppended = () => { }, onFormRedirect = () => { }, onInteraction = () => { }, onOrderStatus = () => { }, onResize = () => { }, onCard = () => { }, onPaymentDetails = () => { }, } = callbacks;
5
+ const updateCallbackRef = (callback) => {
6
+ const callbackRef = useRef(callback);
7
+ callbackRef.current = callback;
8
+ return callbackRef;
9
+ };
10
+ const callbackRefs = {
11
+ [MessageType.Mounted]: updateCallbackRef(onMounted),
12
+ [MessageType.Error]: updateCallbackRef(onError),
13
+ [MessageType.Success]: updateCallbackRef(onSuccess),
14
+ [MessageType.Fail]: updateCallbackRef(onFail),
15
+ [MessageType.Submit]: updateCallbackRef(onSubmit),
16
+ [MessageType.Verify]: updateCallbackRef(onVerify),
17
+ [MessageType.CustomStylesAppended]: updateCallbackRef(onCustomStylesAppended),
18
+ [MessageType.Redirect]: updateCallbackRef(onFormRedirect),
19
+ [MessageType.Interaction]: updateCallbackRef(onInteraction),
20
+ [MessageType.OrderStatus]: updateCallbackRef(onOrderStatus),
21
+ [MessageType.Resize]: updateCallbackRef(onResize),
22
+ [MessageType.Card]: updateCallbackRef(onCard),
23
+ [MessageType.PaymentDetails]: updateCallbackRef(onPaymentDetails),
24
+ };
25
+ const subscribe = useCallback((sdkInstance) => {
26
+ sdkInstance.on(MessageType.Mounted, (e) => callbackRefs[MessageType.Mounted].current(e.data));
27
+ sdkInstance.on(MessageType.Error, (e) => callbackRefs[MessageType.Error].current(e.data));
28
+ sdkInstance.on(MessageType.Success, (e) => callbackRefs[MessageType.Success].current(e.data));
29
+ sdkInstance.on(MessageType.Fail, (e) => callbackRefs[MessageType.Fail].current(e.data));
30
+ sdkInstance.on(MessageType.Submit, (e) => callbackRefs[MessageType.Submit].current(e.data));
31
+ sdkInstance.on(MessageType.Verify, (e) => callbackRefs[MessageType.Verify].current(e.data));
32
+ sdkInstance.on(MessageType.CustomStylesAppended, (e) => callbackRefs[MessageType.CustomStylesAppended].current(e.data));
33
+ sdkInstance.on(MessageType.Redirect, (e) => callbackRefs[MessageType.Redirect].current(e.data));
34
+ sdkInstance.on(MessageType.Interaction, (e) => callbackRefs[MessageType.Interaction].current(e.data));
35
+ sdkInstance.on(MessageType.OrderStatus, (e) => callbackRefs[MessageType.OrderStatus].current(e.data));
36
+ sdkInstance.on(MessageType.Resize, (e) => callbackRefs[MessageType.Resize].current(e.data));
37
+ sdkInstance.on(MessageType.Card, (e) => callbackRefs[MessageType.Card].current(e.data));
38
+ sdkInstance.on(MessageType.PaymentDetails, (e) => callbackRefs[MessageType.PaymentDetails].current(e.data));
39
+ }, []);
40
+ const unsubscribe = useCallback((sdkInstance) => {
41
+ Object.values(MessageType).forEach((type) => {
42
+ sdkInstance.unsubscribe(type);
43
+ });
44
+ }, []);
45
+ useEffect(() => {
46
+ return () => {
47
+ if (sdkInstance) {
48
+ unsubscribe(sdkInstance);
49
+ }
50
+ };
51
+ }, []);
52
+ return subscribe;
53
+ };
54
+ export default useSdkEventsSubscribers;
55
+ //# sourceMappingURL=useSdkEventsSubscribers.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useSdkEventsSubscribers.js","sourceRoot":"","sources":["../../../../src/components/hooks/useSdkEventsSubscribers.ts"],"names":[],"mappings":"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"}
@@ -0,0 +1,5 @@
1
+ declare const IFRAME_CONTAINER_ID = "solid-payment-form-container_#123";
2
+ declare const GOOGLE_PAY_BUTTON_CONTAINER_ID = "google-pay-button-container_#123";
3
+ declare const APPLE_PAY_BUTTON_CONTAINER_ID = "apple-pay-button-container_#123";
4
+ declare const PAYPAL_BUTTON_CONTAINER_ID = "paypal-button-container_#123";
5
+ export { IFRAME_CONTAINER_ID, GOOGLE_PAY_BUTTON_CONTAINER_ID, APPLE_PAY_BUTTON_CONTAINER_ID, PAYPAL_BUTTON_CONTAINER_ID };
@@ -0,0 +1,6 @@
1
+ const IFRAME_CONTAINER_ID = `solid-payment-form-container_#123`;
2
+ const GOOGLE_PAY_BUTTON_CONTAINER_ID = `google-pay-button-container_#123`;
3
+ const APPLE_PAY_BUTTON_CONTAINER_ID = `apple-pay-button-container_#123`;
4
+ const PAYPAL_BUTTON_CONTAINER_ID = `paypal-button-container_#123`;
5
+ export { IFRAME_CONTAINER_ID, GOOGLE_PAY_BUTTON_CONTAINER_ID, APPLE_PAY_BUTTON_CONTAINER_ID, PAYPAL_BUTTON_CONTAINER_ID };
6
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/constants/index.ts"],"names":[],"mappings":"AAAA,MAAM,mBAAmB,GAAG,mCAAmC,CAAA;AAC/D,MAAM,8BAA8B,GAAG,kCAAkC,CAAA;AACzE,MAAM,6BAA6B,GAAG,iCAAiC,CAAA;AACvE,MAAM,0BAA0B,GAAG,8BAA8B,CAAA;AAEjE,OAAO,EACL,mBAAmB,EACnB,8BAA8B,EAC9B,6BAA6B,EAC7B,0BAA0B,EAC3B,CAAA"}
@@ -0,0 +1,4 @@
1
+ import Payment from "./components/Payment";
2
+ export * from '@solidgate/client-sdk-loader';
3
+ export { default as Resign } from './components/Resign';
4
+ export default Payment;
@@ -0,0 +1,5 @@
1
+ import Payment from "./components/Payment";
2
+ export * from '@solidgate/client-sdk-loader';
3
+ export { default as Resign } from './components/Resign';
4
+ export default Payment;
5
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,sBAAsB,CAAA;AAE1C,cAAc,8BAA8B,CAAA;AAE5C,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAEvD,eAAe,OAAO,CAAA"}
@@ -0,0 +1,5 @@
1
+ import { SdkMessage } from "@solidgate/client-sdk-loader";
2
+ declare type ClientSdkEventsProvider = {
3
+ [key in keyof SdkMessage as `on${Capitalize<key>}`]: (e: SdkMessage[key]) => void;
4
+ };
5
+ export default ClientSdkEventsProvider;
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=ClientSdkEventProvider.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ClientSdkEventProvider.js","sourceRoot":"","sources":["../../../src/types/ClientSdkEventProvider.ts"],"names":[],"mappings":""}
@@ -0,0 +1,6 @@
1
+ import { ResignFormConfig, ResignRequest } from '@solidgate/client-sdk-loader';
2
+ declare type ResignConfig = {
3
+ request: ResignRequest;
4
+ formConfig: ResignFormConfig;
5
+ };
6
+ export default ResignConfig;
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=ResignConfig.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ResignConfig.js","sourceRoot":"","sources":["../../../src/types/ResignConfig.ts"],"names":[],"mappings":""}
@@ -0,0 +1,3 @@
1
+ import { InitConfig } from "@solidgate/client-sdk-loader";
2
+ declare const getPayButtonParams: <T extends "applePayButtonParams" | "googlePayButtonParams" | "paypalButtonParams">(config: InitConfig, key: T, container: HTMLDivElement | null) => NonNullable<InitConfig[T]> | undefined;
3
+ export default getPayButtonParams;
@@ -0,0 +1,34 @@
1
+ import { GOOGLE_PAY_BUTTON_CONTAINER_ID, APPLE_PAY_BUTTON_CONTAINER_ID, PAYPAL_BUTTON_CONTAINER_ID } from '../constants';
2
+ const payButtonIds = {
3
+ googlePayButtonParams: {
4
+ title: 'GooglePay',
5
+ id: GOOGLE_PAY_BUTTON_CONTAINER_ID
6
+ },
7
+ applePayButtonParams: {
8
+ title: 'ApplePay',
9
+ id: APPLE_PAY_BUTTON_CONTAINER_ID
10
+ },
11
+ paypalButtonParams: {
12
+ title: 'PayPal',
13
+ id: PAYPAL_BUTTON_CONTAINER_ID
14
+ }
15
+ };
16
+ const getPayButtonParams = (config, key, container) => {
17
+ const syntheticContainerId = payButtonIds[key].id;
18
+ const payParams = Object.assign({}, (config[key] || {}));
19
+ if (payParams.containerId) {
20
+ delete payParams.containerId;
21
+ }
22
+ if (container) {
23
+ if (container.id && container.id !== syntheticContainerId) {
24
+ console.warn(`Id attribute "${container.id}" of ${payButtonIds[key].title} container will be overridden`);
25
+ }
26
+ payParams.containerId = syntheticContainerId;
27
+ container.id = payParams.containerId;
28
+ }
29
+ if (Object.keys(payParams).length) {
30
+ return payParams;
31
+ }
32
+ };
33
+ export default getPayButtonParams;
34
+ //# sourceMappingURL=getPayButtonParams.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"getPayButtonParams.js","sourceRoot":"","sources":["../../../src/utils/getPayButtonParams.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,8BAA8B,EAC9B,6BAA6B,EAC7B,0BAA0B,EAC3B,MAAM,cAAc,CAAA;AAErB,MAAM,YAAY,GAAG;IACnB,qBAAqB,EAAE;QACrB,KAAK,EAAE,WAAW;QAClB,EAAE,EAAE,8BAA8B;KACnC;IACD,oBAAoB,EAAE;QACpB,KAAK,EAAE,UAAU;QACjB,EAAE,EAAE,6BAA6B;KAClC;IACD,kBAAkB,EAAE;QAClB,KAAK,EAAE,QAAQ;QACf,EAAE,EAAE,0BAA0B;KAC/B;CACF,CAAA;AAED,MAAM,kBAAkB,GAAG,CACvB,MAAkB,EAClB,GAAM,EACN,SAAgC,EAClC,EAAE;IACF,MAAM,oBAAoB,GAAG,YAAY,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC;IAClD,MAAM,SAAS,GAAG,kBACb,CAAC,MAAM,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC,CACO,CAAA;IAE/B,IAAI,SAAS,CAAC,WAAW,EAAE;QACzB,OAAO,SAAS,CAAC,WAAW,CAAA;KAC7B;IAED,IAAI,SAAS,EAAE;QACb,IAAI,SAAS,CAAC,EAAE,IAAI,SAAS,CAAC,EAAE,KAAK,oBAAoB,EAAE;YACzD,OAAO,CAAC,IAAI,CACV,iBAAiB,SAAS,CAAC,EAAE,QAAQ,YAAY,CAAC,GAAG,CAAC,CAAC,KAAK,+BAA+B,CAC5F,CAAA;SACF;QAED,SAAS,CAAC,WAAW,GAAG,oBAAoB,CAAA;QAC5C,SAAS,CAAC,EAAE,GAAG,SAAS,CAAC,WAAW,CAAA;KACrC;IAED,IAAI,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,MAAM,EAAE;QACjC,OAAO,SAAS,CAAA;KACjB;AACH,CAAC,CAAA;AAED,eAAe,kBAAkB,CAAA"}
@@ -0,0 +1 @@
1
+ export declare const isBrowser: boolean;
@@ -0,0 +1,2 @@
1
+ export const isBrowser = typeof window !== "undefined";
2
+ //# sourceMappingURL=isBrowser.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"isBrowser.js","sourceRoot":"","sources":["../../../src/utils/isBrowser.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,SAAS,GAAG,OAAO,MAAM,KAAK,WAAW,CAAA"}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@solidgate/react-sdk",
3
3
  "repository": "https://github.com/solidgate-tech/react-sdk",
4
- "version": "1.16.0",
4
+ "version": "1.16.1",
5
5
  "license": "Apache-2.0",
6
6
  "author": "Solidgate",
7
7
  "description": "Solidgate react sdk loader",