@solidgate/react-sdk 1.0.0 → 1.0.1

package/README.md

@@ -89,6 +89,13 @@ ReactDOM.render(<App />, document.body);
 
 ```
 
-## TypeScript support
+## Build
 
-All TypeScript declarations you can find in ``` @solidgate/react-sdk ```
+Run ``` npm run build ``` to build the project. The build artifacts will be stored in the dist/ directory.
+
+## Development
+
+1. `cd playground`
+2. `npm i`
+3. `npm run start`
+4. Navigate to http://localhost:3000/. The app will automatically reload if you change any of the

package/dist/cjs/components/Payment/Payment.d.ts

@@ -0,0 +1,16 @@
+import { RefObject } from 'react';
+import { ClientSdkInstance, InitConfig } from "@solidgate/client-sdk-loader";
+import ClientSdkEventsProvider from "../../types/ClientSdkEventProvider";
+interface PaymentProps extends Partial<ClientSdkEventsProvider> {
+    merchantData: InitConfig['merchantData'];
+    width?: string;
+    styles?: InitConfig['styles'];
+    formParams?: InitConfig['formParams'];
+    googlePayButtonParams?: Omit<InitConfig['googlePayButtonParams'], 'containerId'>;
+    applePayButtonParams?: Omit<InitConfig['applePayButtonParams'], 'containerId'>;
+    onReadyPaymentInstance?: (paymentInstance: ClientSdkInstance) => void;
+    googlePayContainerRef?: RefObject<HTMLDivElement>;
+    applePayContainerRef?: RefObject<HTMLDivElement>;
+}
+declare const _default: import("react").NamedExoticComponent<PaymentProps>;
+export default _default;

package/dist/cjs/components/Payment/Payment.js

@@ -0,0 +1,79 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const styled_components_1 = __importDefault(require("styled-components"));
+const client_sdk_loader_1 = require("@solidgate/client-sdk-loader");
+const constants_1 = require("../../constants");
+const usePaymentSubscriptions_1 = __importDefault(require("./usePaymentSubscriptions"));
+const getPayButtonParams_1 = __importDefault(require("../../utils/getPayButtonParams"));
+const StyledPayment = styled_components_1.default.div `
+  iframe {
+    border: none;
+  }
+`;
+const Payment = (props) => {
+    const [sdkInstance, setSdkInstance] = (0, react_1.useState)(null);
+    const { merchantData, width, styles, formParams, googlePayContainerRef, applePayContainerRef, onMounted = () => { }, onError = () => { }, onSuccess = () => { }, onFail = () => { }, onSubmit = () => { }, onVerify = () => { }, onCustomStylesAppended = () => { }, onFormRedirect = () => { }, onInteraction = () => { }, onOrderStatus = () => { }, onResize = () => { }, onReadyPaymentInstance = () => { } } = props;
+    const getInitConfig = () => {
+        if (!merchantData) {
+            throw new Error("Attribute 'merchantData' is required");
+        }
+        const config = Object.assign(Object.assign({ merchantData: merchantData, iframeParams: Object.assign({ containerId: constants_1.IFRAME_CONTAINER_ID }, (width && { width })) }, (formParams && { formParams })), (styles && { styles }));
+        if (googlePayContainerRef === null || googlePayContainerRef === void 0 ? void 0 : googlePayContainerRef.current) {
+            const googleButtonParams = (0, getPayButtonParams_1.default)(props, 'googlePayButtonParams', googlePayContainerRef.current);
+            if (googleButtonParams) {
+                config.googlePayButtonParams = googleButtonParams;
+            }
+        }
+        if (applePayContainerRef === null || applePayContainerRef === void 0 ? void 0 : applePayContainerRef.current) {
+            const appleButtonParams = (0, getPayButtonParams_1.default)(props, 'applePayButtonParams', applePayContainerRef.current);
+            if (appleButtonParams) {
+                config.applePayButtonParams = appleButtonParams;
+            }
+        }
+        return config;
+    };
+    const initClientSdk = () => __awaiter(void 0, void 0, void 0, function* () {
+        const clientSdk = yield client_sdk_loader_1.SdkLoader.load();
+        const initConfig = getInitConfig();
+        const clientSdkInstance = clientSdk.init(initConfig);
+        setSdkInstance(clientSdkInstance);
+    });
+    (0, react_1.useEffect)(() => {
+        initClientSdk();
+    }, []);
+    (0, react_1.useEffect)(() => {
+        if (sdkInstance) {
+            onReadyPaymentInstance(sdkInstance);
+        }
+    }, [sdkInstance]);
+    (0, usePaymentSubscriptions_1.default)({
+        onMounted,
+        onError,
+        onSuccess,
+        onFail,
+        onSubmit,
+        onVerify,
+        onCustomStylesAppended,
+        onFormRedirect,
+        onInteraction,
+        onOrderStatus,
+        onResize,
+    }, sdkInstance);
+    return ((0, jsx_runtime_1.jsx)(StyledPayment, { id: constants_1.IFRAME_CONTAINER_ID }, void 0));
+};
+exports.default = (0, react_1.memo)(Payment);
+//# sourceMappingURL=Payment.js.map

package/dist/cjs/components/Payment/Payment.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Payment.js","sourceRoot":"","sources":["../../../../src/components/Payment/Payment.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/components/Payment/index.d.ts

@@ -0,0 +1,2 @@
+import Payment from "./Payment";
+export default Payment;

package/dist/cjs/components/Payment/index.js

@@ -0,0 +1,8 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const Payment_1 = __importDefault(require("./Payment"));
+exports.default = Payment_1.default;
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/Payment/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Payment/index.ts"],"names":[],"mappings":";;;;;AAAA,wDAA+B;AAE/B,kBAAe,iBAAO,CAAA"}

package/dist/cjs/components/Payment/usePaymentSubscriptions.d.ts

@@ -0,0 +1,4 @@
+import { ClientSdkInstance } from "@solidgate/client-sdk-loader";
+import clientSdkEventProvider from "../../types/ClientSdkEventProvider";
+export declare const usePaymentSubscriptions: (callbacks: clientSdkEventProvider, sdkInstance: ClientSdkInstance | null) => void;
+export default usePaymentSubscriptions;

package/dist/cjs/components/Payment/usePaymentSubscriptions.js

@@ -0,0 +1,55 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.usePaymentSubscriptions = void 0;
+const react_1 = require("react");
+const client_sdk_loader_1 = require("@solidgate/client-sdk-loader");
+const usePaymentSubscriptions = (callbacks, sdkInstance) => {
+    const { onMounted = () => { }, onError = () => { }, onSuccess = () => { }, onFail = () => { }, onSubmit = () => { }, onVerify = () => { }, onCustomStylesAppended = () => { }, onFormRedirect = () => { }, onInteraction = () => { }, onOrderStatus = () => { }, onResize = () => { }, } = callbacks;
+    (0, react_1.useEffect)(() => {
+        sdkInstance === null || sdkInstance === void 0 ? void 0 : sdkInstance.on(client_sdk_loader_1.MessageType.Mounted, (e) => onMounted(e.data));
+        return () => sdkInstance === null || sdkInstance === void 0 ? void 0 : sdkInstance.unsubcribe(client_sdk_loader_1.MessageType.Mounted);
+    }, [sdkInstance, onMounted]);
+    (0, react_1.useEffect)(() => {
+        sdkInstance === null || sdkInstance === void 0 ? void 0 : sdkInstance.on(client_sdk_loader_1.MessageType.Error, (e) => onError(e.data));
+        return () => sdkInstance === null || sdkInstance === void 0 ? void 0 : sdkInstance.unsubcribe(client_sdk_loader_1.MessageType.Error);
+    }, [sdkInstance, onError]);
+    (0, react_1.useEffect)(() => {
+        sdkInstance === null || sdkInstance === void 0 ? void 0 : sdkInstance.on(client_sdk_loader_1.MessageType.Success, (e) => onSuccess(e.data));
+        return () => sdkInstance === null || sdkInstance === void 0 ? void 0 : sdkInstance.unsubcribe(client_sdk_loader_1.MessageType.Success);
+    }, [sdkInstance, onSuccess]);
+    (0, react_1.useEffect)(() => {
+        sdkInstance === null || sdkInstance === void 0 ? void 0 : sdkInstance.on(client_sdk_loader_1.MessageType.Fail, (e) => onFail(e.data));
+        return () => sdkInstance === null || sdkInstance === void 0 ? void 0 : sdkInstance.unsubcribe(client_sdk_loader_1.MessageType.Fail);
+    }, [sdkInstance, onFail]);
+    (0, react_1.useEffect)(() => {
+        sdkInstance === null || sdkInstance === void 0 ? void 0 : sdkInstance.on(client_sdk_loader_1.MessageType.Submit, (e) => onSubmit(e.data));
+        return () => sdkInstance === null || sdkInstance === void 0 ? void 0 : sdkInstance.unsubcribe(client_sdk_loader_1.MessageType.Submit);
+    }, [sdkInstance, onSubmit]);
+    (0, react_1.useEffect)(() => {
+        sdkInstance === null || sdkInstance === void 0 ? void 0 : sdkInstance.on(client_sdk_loader_1.MessageType.Verify, (e) => onVerify(e.data));
+        return () => sdkInstance === null || sdkInstance === void 0 ? void 0 : sdkInstance.unsubcribe(client_sdk_loader_1.MessageType.Verify);
+    }, [sdkInstance, onVerify]);
+    (0, react_1.useEffect)(() => {
+        sdkInstance === null || sdkInstance === void 0 ? void 0 : sdkInstance.on(client_sdk_loader_1.MessageType.CustomStylesAppended, (e) => onCustomStylesAppended(e.data));
+        return () => sdkInstance === null || sdkInstance === void 0 ? void 0 : sdkInstance.unsubcribe(client_sdk_loader_1.MessageType.CustomStylesAppended);
+    }, [sdkInstance, onCustomStylesAppended]);
+    (0, react_1.useEffect)(() => {
+        sdkInstance === null || sdkInstance === void 0 ? void 0 : sdkInstance.on(client_sdk_loader_1.MessageType.Redirect, (e) => onFormRedirect(e.data));
+        return () => sdkInstance === null || sdkInstance === void 0 ? void 0 : sdkInstance.unsubcribe(client_sdk_loader_1.MessageType.Redirect);
+    }, [sdkInstance, onFormRedirect]);
+    (0, react_1.useEffect)(() => {
+        sdkInstance === null || sdkInstance === void 0 ? void 0 : sdkInstance.on(client_sdk_loader_1.MessageType.Interaction, (e) => onInteraction(e.data));
+        return () => sdkInstance === null || sdkInstance === void 0 ? void 0 : sdkInstance.unsubcribe(client_sdk_loader_1.MessageType.Interaction);
+    }, [sdkInstance, onInteraction]);
+    (0, react_1.useEffect)(() => {
+        sdkInstance === null || sdkInstance === void 0 ? void 0 : sdkInstance.on(client_sdk_loader_1.MessageType.OrderStatus, (e) => onOrderStatus(e.data));
+        return () => sdkInstance === null || sdkInstance === void 0 ? void 0 : sdkInstance.unsubcribe(client_sdk_loader_1.MessageType.OrderStatus);
+    }, [sdkInstance, onOrderStatus]);
+    (0, react_1.useEffect)(() => {
+        sdkInstance === null || sdkInstance === void 0 ? void 0 : sdkInstance.on(client_sdk_loader_1.MessageType.Resize, (e) => onResize(e.data));
+        return () => sdkInstance === null || sdkInstance === void 0 ? void 0 : sdkInstance.unsubcribe(client_sdk_loader_1.MessageType.Resize);
+    }, [sdkInstance, onResize]);
+};
+exports.usePaymentSubscriptions = usePaymentSubscriptions;
+exports.default = exports.usePaymentSubscriptions;
+//# sourceMappingURL=usePaymentSubscriptions.js.map

package/dist/cjs/components/Payment/usePaymentSubscriptions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePaymentSubscriptions.js","sourceRoot":"","sources":["../../../../src/components/Payment/usePaymentSubscriptions.ts"],"names":[],"mappings":"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"}

package/dist/cjs/constants/index.d.ts

@@ -0,0 +1,4 @@
+declare const IFRAME_CONTAINER_ID: string;
+declare const GOOGLE_PAY_BUTTON_CONTAINER_ID: string;
+declare const APPLE_PAY_BUTTON_CONTAINER_ID: string;
+export { IFRAME_CONTAINER_ID, GOOGLE_PAY_BUTTON_CONTAINER_ID, APPLE_PAY_BUTTON_CONTAINER_ID };

package/dist/cjs/constants/index.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.APPLE_PAY_BUTTON_CONTAINER_ID = exports.GOOGLE_PAY_BUTTON_CONTAINER_ID = exports.IFRAME_CONTAINER_ID = void 0;
+const IFRAME_CONTAINER_ID = `solid-payment-form-container_#${Math.ceil(Math.random() * 10000)}`;
+exports.IFRAME_CONTAINER_ID = IFRAME_CONTAINER_ID;
+const GOOGLE_PAY_BUTTON_CONTAINER_ID = `google-pay-button-container_#${Math.ceil(Math.random() * 10000)}`;
+exports.GOOGLE_PAY_BUTTON_CONTAINER_ID = GOOGLE_PAY_BUTTON_CONTAINER_ID;
+const APPLE_PAY_BUTTON_CONTAINER_ID = `apple-pay-button-container_#${Math.ceil(Math.random() * 10000)}`;
+exports.APPLE_PAY_BUTTON_CONTAINER_ID = APPLE_PAY_BUTTON_CONTAINER_ID;
+//# sourceMappingURL=index.js.map

package/dist/cjs/constants/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/constants/index.ts"],"names":[],"mappings":";;;AAAA,MAAM,mBAAmB,GAAG,iCAAiC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,KAAK,CAAC,EAAE,CAAA;AAK7F,kDAAmB;AAJrB,MAAM,8BAA8B,GAAG,gCAAgC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,KAAK,CAAC,EAAE,CAAA;AAKvG,wEAA8B;AAJhC,MAAM,6BAA6B,GAAG,+BAA+B,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,KAAK,CAAC,EAAE,CAAA;AAKrG,sEAA6B"}

package/dist/cjs/index.d.ts

@@ -0,0 +1,3 @@
+import Payment from "./components/Payment";
+export default Payment;
+export * from '@solidgate/client-sdk-loader';

package/dist/cjs/index.js

@@ -0,0 +1,19 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const Payment_1 = __importDefault(require("./components/Payment"));
+exports.default = Payment_1.default;
+__exportStar(require("@solidgate/client-sdk-loader"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,mEAA0C;AAE1C,kBAAe,iBAAO,CAAA;AACtB,+DAA4C"}

package/dist/cjs/types/ClientSdkEventProvider.d.ts

@@ -0,0 +1,5 @@
+import { SdkMessage } from "@solidgate/client-sdk-loader";
+declare type ClientSdkEventsProvider = {
+    [key in keyof SdkMessage as `on${Capitalize<key>}`]: (e: SdkMessage[key]) => void;
+};
+export default ClientSdkEventsProvider;

package/dist/cjs/types/ClientSdkEventProvider.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=ClientSdkEventProvider.js.map

package/dist/cjs/types/ClientSdkEventProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClientSdkEventProvider.js","sourceRoot":"","sources":["../../../src/types/ClientSdkEventProvider.ts"],"names":[],"mappings":""}

package/dist/cjs/utils/getPayButtonParams.d.ts

@@ -0,0 +1,3 @@
+import { InitConfig } from "@solidgate/client-sdk-loader";
+declare const getPayButtonParams: <T extends "googlePayButtonParams" | "applePayButtonParams">(config: InitConfig, key: T, container: HTMLDivElement | null) => NonNullable<InitConfig[T]> | undefined;
+export default getPayButtonParams;

package/dist/cjs/utils/getPayButtonParams.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const constants_1 = require("../constants");
+const payButtonIds = {
+    googlePayButtonParams: {
+        title: 'GooglePay',
+        id: constants_1.GOOGLE_PAY_BUTTON_CONTAINER_ID
+    },
+    applePayButtonParams: {
+        title: 'ApplePay',
+        id: constants_1.APPLE_PAY_BUTTON_CONTAINER_ID
+    }
+};
+const getPayButtonParams = (config, key, container) => {
+    const payParams = Object.assign({}, (config[key] || {}));
+    if (payParams.containerId) {
+        delete payParams.containerId;
+    }
+    if (container) {
+        if (container.id) {
+            console.warn(`Id attribute "${container.id}" of ${payButtonIds[key].title} container will be overridden`);
+        }
+        payParams.containerId = payButtonIds[key].id;
+        container.id = payParams.containerId;
+    }
+    if (Object.keys(payParams).length) {
+        return payParams;
+    }
+};
+exports.default = getPayButtonParams;
+//# sourceMappingURL=getPayButtonParams.js.map

package/dist/cjs/utils/getPayButtonParams.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getPayButtonParams.js","sourceRoot":"","sources":["../../../src/utils/getPayButtonParams.ts"],"names":[],"mappings":";;AAEA,4CAGqB;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;CACF,CAAA;AAED,MAAM,kBAAkB,GAAG,CACvB,MAAkB,EAClB,GAAM,EACN,SAAgC,EAClC,EAAE;IACF,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,EAAE;YAChB,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,YAAY,CAAC,GAAG,CAAC,CAAC,EAAE,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"}

package/dist/esm/components/Payment/Payment.d.ts

@@ -0,0 +1,16 @@
+import { RefObject } from 'react';
+import { ClientSdkInstance, InitConfig } from "@solidgate/client-sdk-loader";
+import ClientSdkEventsProvider from "../../types/ClientSdkEventProvider";
+interface PaymentProps extends Partial<ClientSdkEventsProvider> {
+    merchantData: InitConfig['merchantData'];
+    width?: string;
+    styles?: InitConfig['styles'];
+    formParams?: InitConfig['formParams'];
+    googlePayButtonParams?: Omit<InitConfig['googlePayButtonParams'], 'containerId'>;
+    applePayButtonParams?: Omit<InitConfig['applePayButtonParams'], 'containerId'>;
+    onReadyPaymentInstance?: (paymentInstance: ClientSdkInstance) => void;
+    googlePayContainerRef?: RefObject<HTMLDivElement>;
+    applePayContainerRef?: RefObject<HTMLDivElement>;
+}
+declare const _default: import("react").NamedExoticComponent<PaymentProps>;
+export default _default;

package/dist/esm/components/Payment/Payment.js

@@ -0,0 +1,74 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useState, memo, } from 'react';
+import styled from "styled-components";
+import { SdkLoader, } from "@solidgate/client-sdk-loader";
+import { IFRAME_CONTAINER_ID } from '../../constants';
+import usePaymentSubscriptions from "./usePaymentSubscriptions";
+import getPayButtonParams from "../../utils/getPayButtonParams";
+const StyledPayment = styled.div `
+  iframe {
+    border: none;
+  }
+`;
+const Payment = (props) => {
+    const [sdkInstance, setSdkInstance] = useState(null);
+    const { merchantData, width, styles, formParams, googlePayContainerRef, applePayContainerRef, onMounted = () => { }, onError = () => { }, onSuccess = () => { }, onFail = () => { }, onSubmit = () => { }, onVerify = () => { }, onCustomStylesAppended = () => { }, onFormRedirect = () => { }, onInteraction = () => { }, onOrderStatus = () => { }, onResize = () => { }, onReadyPaymentInstance = () => { } } = props;
+    const getInitConfig = () => {
+        if (!merchantData) {
+            throw new Error("Attribute 'merchantData' is required");
+        }
+        const config = Object.assign(Object.assign({ merchantData: merchantData, iframeParams: Object.assign({ containerId: IFRAME_CONTAINER_ID }, (width && { width })) }, (formParams && { formParams })), (styles && { styles }));
+        if (googlePayContainerRef === null || googlePayContainerRef === void 0 ? void 0 : googlePayContainerRef.current) {
+            const googleButtonParams = getPayButtonParams(props, 'googlePayButtonParams', googlePayContainerRef.current);
+            if (googleButtonParams) {
+                config.googlePayButtonParams = googleButtonParams;
+            }
+        }
+        if (applePayContainerRef === null || applePayContainerRef === void 0 ? void 0 : applePayContainerRef.current) {
+            const appleButtonParams = getPayButtonParams(props, 'applePayButtonParams', applePayContainerRef.current);
+            if (appleButtonParams) {
+                config.applePayButtonParams = appleButtonParams;
+            }
+        }
+        return config;
+    };
+    const initClientSdk = () => __awaiter(void 0, void 0, void 0, function* () {
+        const clientSdk = yield SdkLoader.load();
+        const initConfig = getInitConfig();
+        const clientSdkInstance = clientSdk.init(initConfig);
+        setSdkInstance(clientSdkInstance);
+    });
+    useEffect(() => {
+        initClientSdk();
+    }, []);
+    useEffect(() => {
+        if (sdkInstance) {
+            onReadyPaymentInstance(sdkInstance);
+        }
+    }, [sdkInstance]);
+    usePaymentSubscriptions({
+        onMounted,
+        onError,
+        onSuccess,
+        onFail,
+        onSubmit,
+        onVerify,
+        onCustomStylesAppended,
+        onFormRedirect,
+        onInteraction,
+        onOrderStatus,
+        onResize,
+    }, sdkInstance);
+    return (_jsx(StyledPayment, { id: IFRAME_CONTAINER_ID }, void 0));
+};
+export default memo(Payment);
+//# sourceMappingURL=Payment.js.map

package/dist/esm/components/Payment/Payment.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Payment.js","sourceRoot":"","sources":["../../../../src/components/Payment/Payment.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/Payment/index.d.ts

@@ -0,0 +1,2 @@
+import Payment from "./Payment";
+export default Payment;

package/dist/esm/components/Payment/index.js

@@ -0,0 +1,3 @@
+import Payment from "./Payment";
+export default Payment;
+//# sourceMappingURL=index.js.map

package/dist/esm/components/Payment/index.js.map

@@ -0,0 +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"}

package/dist/esm/components/Payment/usePaymentSubscriptions.d.ts

@@ -0,0 +1,4 @@
+import { ClientSdkInstance } from "@solidgate/client-sdk-loader";
+import clientSdkEventProvider from "../../types/ClientSdkEventProvider";
+export declare const usePaymentSubscriptions: (callbacks: clientSdkEventProvider, sdkInstance: ClientSdkInstance | null) => void;
+export default usePaymentSubscriptions;

package/dist/esm/components/Payment/usePaymentSubscriptions.js

@@ -0,0 +1,51 @@
+import { useEffect } from "react";
+import { MessageType } from "@solidgate/client-sdk-loader";
+export const usePaymentSubscriptions = (callbacks, sdkInstance) => {
+    const { onMounted = () => { }, onError = () => { }, onSuccess = () => { }, onFail = () => { }, onSubmit = () => { }, onVerify = () => { }, onCustomStylesAppended = () => { }, onFormRedirect = () => { }, onInteraction = () => { }, onOrderStatus = () => { }, onResize = () => { }, } = callbacks;
+    useEffect(() => {
+        sdkInstance === null || sdkInstance === void 0 ? void 0 : sdkInstance.on(MessageType.Mounted, (e) => onMounted(e.data));
+        return () => sdkInstance === null || sdkInstance === void 0 ? void 0 : sdkInstance.unsubcribe(MessageType.Mounted);
+    }, [sdkInstance, onMounted]);
+    useEffect(() => {
+        sdkInstance === null || sdkInstance === void 0 ? void 0 : sdkInstance.on(MessageType.Error, (e) => onError(e.data));
+        return () => sdkInstance === null || sdkInstance === void 0 ? void 0 : sdkInstance.unsubcribe(MessageType.Error);
+    }, [sdkInstance, onError]);
+    useEffect(() => {
+        sdkInstance === null || sdkInstance === void 0 ? void 0 : sdkInstance.on(MessageType.Success, (e) => onSuccess(e.data));
+        return () => sdkInstance === null || sdkInstance === void 0 ? void 0 : sdkInstance.unsubcribe(MessageType.Success);
+    }, [sdkInstance, onSuccess]);
+    useEffect(() => {
+        sdkInstance === null || sdkInstance === void 0 ? void 0 : sdkInstance.on(MessageType.Fail, (e) => onFail(e.data));
+        return () => sdkInstance === null || sdkInstance === void 0 ? void 0 : sdkInstance.unsubcribe(MessageType.Fail);
+    }, [sdkInstance, onFail]);
+    useEffect(() => {
+        sdkInstance === null || sdkInstance === void 0 ? void 0 : sdkInstance.on(MessageType.Submit, (e) => onSubmit(e.data));
+        return () => sdkInstance === null || sdkInstance === void 0 ? void 0 : sdkInstance.unsubcribe(MessageType.Submit);
+    }, [sdkInstance, onSubmit]);
+    useEffect(() => {
+        sdkInstance === null || sdkInstance === void 0 ? void 0 : sdkInstance.on(MessageType.Verify, (e) => onVerify(e.data));
+        return () => sdkInstance === null || sdkInstance === void 0 ? void 0 : sdkInstance.unsubcribe(MessageType.Verify);
+    }, [sdkInstance, onVerify]);
+    useEffect(() => {
+        sdkInstance === null || sdkInstance === void 0 ? void 0 : sdkInstance.on(MessageType.CustomStylesAppended, (e) => onCustomStylesAppended(e.data));
+        return () => sdkInstance === null || sdkInstance === void 0 ? void 0 : sdkInstance.unsubcribe(MessageType.CustomStylesAppended);
+    }, [sdkInstance, onCustomStylesAppended]);
+    useEffect(() => {
+        sdkInstance === null || sdkInstance === void 0 ? void 0 : sdkInstance.on(MessageType.Redirect, (e) => onFormRedirect(e.data));
+        return () => sdkInstance === null || sdkInstance === void 0 ? void 0 : sdkInstance.unsubcribe(MessageType.Redirect);
+    }, [sdkInstance, onFormRedirect]);
+    useEffect(() => {
+        sdkInstance === null || sdkInstance === void 0 ? void 0 : sdkInstance.on(MessageType.Interaction, (e) => onInteraction(e.data));
+        return () => sdkInstance === null || sdkInstance === void 0 ? void 0 : sdkInstance.unsubcribe(MessageType.Interaction);
+    }, [sdkInstance, onInteraction]);
+    useEffect(() => {
+        sdkInstance === null || sdkInstance === void 0 ? void 0 : sdkInstance.on(MessageType.OrderStatus, (e) => onOrderStatus(e.data));
+        return () => sdkInstance === null || sdkInstance === void 0 ? void 0 : sdkInstance.unsubcribe(MessageType.OrderStatus);
+    }, [sdkInstance, onOrderStatus]);
+    useEffect(() => {
+        sdkInstance === null || sdkInstance === void 0 ? void 0 : sdkInstance.on(MessageType.Resize, (e) => onResize(e.data));
+        return () => sdkInstance === null || sdkInstance === void 0 ? void 0 : sdkInstance.unsubcribe(MessageType.Resize);
+    }, [sdkInstance, onResize]);
+};
+export default usePaymentSubscriptions;
+//# sourceMappingURL=usePaymentSubscriptions.js.map

package/dist/esm/components/Payment/usePaymentSubscriptions.js.map

@@ -0,0 +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,GACpB,GAAG,SAAS,CAAA;IAEb,SAAS,CAAC,GAAG,EAAE;QACb,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,EAAE,CAAC,WAAW,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,UAAU,CAAC,WAAW,CAAC,OAAO,CAAC,CAAA;IAC3D,CAAC,EAAE,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC,CAAA;IAE5B,SAAS,CAAC,GAAG,EAAE;QACb,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,EAAE,CAAC,WAAW,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,UAAU,CAAC,WAAW,CAAC,KAAK,CAAC,CAAA;IACzD,CAAC,EAAE,CAAC,WAAW,EAAE,OAAO,CAAC,CAAC,CAAA;IAE1B,SAAS,CAAC,GAAG,EAAE;QACb,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,EAAE,CAAC,WAAW,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,UAAU,CAAC,WAAW,CAAC,OAAO,CAAC,CAAA;IAC3D,CAAC,EAAE,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC,CAAA;IAE5B,SAAS,CAAC,GAAG,EAAE;QACb,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,EAAE,CAAC,WAAW,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,UAAU,CAAC,WAAW,CAAC,IAAI,CAAC,CAAA;IACxD,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC,CAAA;IAEzB,SAAS,CAAC,GAAG,EAAE;QACb,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,EAAE,CAAC,WAAW,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,UAAU,CAAC,WAAW,CAAC,MAAM,CAAC,CAAA;IAC1D,CAAC,EAAE,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC,CAAA;IAE3B,SAAS,CAAC,GAAG,EAAE;QACb,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,EAAE,CAAC,WAAW,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,UAAU,CAAC,WAAW,CAAC,MAAM,CAAC,CAAA;IAC1D,CAAC,EAAE,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC,CAAA;IAE3B,SAAS,CAAC,GAAG,EAAE;QACb,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,EAAE,CAAC,WAAW,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,UAAU,CAAC,WAAW,CAAC,oBAAoB,CAAC,CAAA;IACxE,CAAC,EAAE,CAAC,WAAW,EAAE,sBAAsB,CAAC,CAAC,CAAA;IAEzC,SAAS,CAAC,GAAG,EAAE;QACb,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,EAAE,CAAC,WAAW,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,UAAU,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAA;IAC5D,CAAC,EAAE,CAAC,WAAW,EAAE,cAAc,CAAC,CAAC,CAAA;IAEjC,SAAS,CAAC,GAAG,EAAE;QACb,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,EAAE,CAAC,WAAW,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,UAAU,CAAC,WAAW,CAAC,WAAW,CAAC,CAAA;IAC/D,CAAC,EAAE,CAAC,WAAW,EAAE,aAAa,CAAC,CAAC,CAAA;IAEhC,SAAS,CAAC,GAAG,EAAE;QACb,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,EAAE,CAAC,WAAW,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,UAAU,CAAC,WAAW,CAAC,WAAW,CAAC,CAAA;IAC/D,CAAC,EAAE,CAAC,WAAW,EAAE,aAAa,CAAC,CAAC,CAAA;IAEhC,SAAS,CAAC,GAAG,EAAE;QACb,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,EAAE,CAAC,WAAW,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,UAAU,CAAC,WAAW,CAAC,MAAM,CAAC,CAAA;IAC1D,CAAC,EAAE,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC,CAAA;AAC7B,CAAC,CAAA;AAED,eAAe,uBAAuB,CAAA"}

package/dist/esm/constants/index.d.ts

@@ -0,0 +1,4 @@
+declare const IFRAME_CONTAINER_ID: string;
+declare const GOOGLE_PAY_BUTTON_CONTAINER_ID: string;
+declare const APPLE_PAY_BUTTON_CONTAINER_ID: string;
+export { IFRAME_CONTAINER_ID, GOOGLE_PAY_BUTTON_CONTAINER_ID, APPLE_PAY_BUTTON_CONTAINER_ID };

package/dist/esm/constants/index.js

@@ -0,0 +1,5 @@
+const IFRAME_CONTAINER_ID = `solid-payment-form-container_#${Math.ceil(Math.random() * 10000)}`;
+const GOOGLE_PAY_BUTTON_CONTAINER_ID = `google-pay-button-container_#${Math.ceil(Math.random() * 10000)}`;
+const APPLE_PAY_BUTTON_CONTAINER_ID = `apple-pay-button-container_#${Math.ceil(Math.random() * 10000)}`;
+export { IFRAME_CONTAINER_ID, GOOGLE_PAY_BUTTON_CONTAINER_ID, APPLE_PAY_BUTTON_CONTAINER_ID };
+//# sourceMappingURL=index.js.map

package/dist/esm/constants/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/constants/index.ts"],"names":[],"mappings":"AAAA,MAAM,mBAAmB,GAAG,iCAAiC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,KAAK,CAAC,EAAE,CAAA;AAC/F,MAAM,8BAA8B,GAAG,gCAAgC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,KAAK,CAAC,EAAE,CAAA;AACzG,MAAM,6BAA6B,GAAG,+BAA+B,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,KAAK,CAAC,EAAE,CAAA;AAEvG,OAAO,EACL,mBAAmB,EACnB,8BAA8B,EAC9B,6BAA6B,EAC9B,CAAA"}

package/dist/esm/index.d.ts

@@ -0,0 +1,3 @@
+import Payment from "./components/Payment";
+export default Payment;
+export * from '@solidgate/client-sdk-loader';

package/dist/esm/index.js

@@ -0,0 +1,4 @@
+import Payment from "./components/Payment";
+export default Payment;
+export * from '@solidgate/client-sdk-loader';
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,sBAAsB,CAAA;AAE1C,eAAe,OAAO,CAAA;AACtB,cAAc,8BAA8B,CAAA"}

package/dist/esm/types/ClientSdkEventProvider.d.ts

@@ -0,0 +1,5 @@
+import { SdkMessage } from "@solidgate/client-sdk-loader";
+declare type ClientSdkEventsProvider = {
+    [key in keyof SdkMessage as `on${Capitalize<key>}`]: (e: SdkMessage[key]) => void;
+};
+export default ClientSdkEventsProvider;

package/dist/esm/types/ClientSdkEventProvider.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=ClientSdkEventProvider.js.map

package/dist/esm/types/ClientSdkEventProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClientSdkEventProvider.js","sourceRoot":"","sources":["../../../src/types/ClientSdkEventProvider.ts"],"names":[],"mappings":""}

package/dist/esm/utils/getPayButtonParams.d.ts

@@ -0,0 +1,3 @@
+import { InitConfig } from "@solidgate/client-sdk-loader";
+declare const getPayButtonParams: <T extends "googlePayButtonParams" | "applePayButtonParams">(config: InitConfig, key: T, container: HTMLDivElement | null) => NonNullable<InitConfig[T]> | undefined;
+export default getPayButtonParams;

package/dist/esm/utils/getPayButtonParams.js

@@ -0,0 +1,29 @@
+import { GOOGLE_PAY_BUTTON_CONTAINER_ID, APPLE_PAY_BUTTON_CONTAINER_ID } from "../constants";
+const payButtonIds = {
+    googlePayButtonParams: {
+        title: 'GooglePay',
+        id: GOOGLE_PAY_BUTTON_CONTAINER_ID
+    },
+    applePayButtonParams: {
+        title: 'ApplePay',
+        id: APPLE_PAY_BUTTON_CONTAINER_ID
+    }
+};
+const getPayButtonParams = (config, key, container) => {
+    const payParams = Object.assign({}, (config[key] || {}));
+    if (payParams.containerId) {
+        delete payParams.containerId;
+    }
+    if (container) {
+        if (container.id) {
+            console.warn(`Id attribute "${container.id}" of ${payButtonIds[key].title} container will be overridden`);
+        }
+        payParams.containerId = payButtonIds[key].id;
+        container.id = payParams.containerId;
+    }
+    if (Object.keys(payParams).length) {
+        return payParams;
+    }
+};
+export default getPayButtonParams;
+//# sourceMappingURL=getPayButtonParams.js.map

package/dist/esm/utils/getPayButtonParams.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getPayButtonParams.js","sourceRoot":"","sources":["../../../src/utils/getPayButtonParams.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,8BAA8B,EAC9B,6BAA6B,EAC9B,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;CACF,CAAA;AAED,MAAM,kBAAkB,GAAG,CACvB,MAAkB,EAClB,GAAM,EACN,SAAgC,EAClC,EAAE;IACF,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,EAAE;YAChB,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,YAAY,CAAC,GAAG,CAAC,CAAC,EAAE,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"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@solidgate/react-sdk",
   "repository": "https://bitbucket.org/solidgate/react-sdk",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "author": "Solidgate",
   "description": "Solidgate react sdk loader",
   "main": "dist/cjs/index.js",