@solidgate/react-sdk 1.4.0 → 1.5.0

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

@@ -26,6 +26,7 @@ const StyledPayment = styled_components_1.default.div `
   }
 `;
 const Payment = (props) => {
+    const previousInitConfig = (0, react_1.useRef)();
     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 = () => { }, onCard = () => { } } = props;
     const getInitConfig = () => {
@@ -47,15 +48,25 @@ const Payment = (props) => {
         }
         return config;
     };
-    const initClientSdk = () => __awaiter(void 0, void 0, void 0, function* () {
+    const initClientSdk = (config) => __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);
+        const clientSdkInstance = clientSdk.init(config);
+        if (!sdkInstance) {
+            setSdkInstance(clientSdkInstance);
+        }
     });
     (0, react_1.useLayoutEffect)(() => {
-        initClientSdk();
-    }, []);
+        var _a;
+        const config = getInitConfig();
+        const key = JSON.stringify(config);
+        if (((_a = previousInitConfig.current) === null || _a === void 0 ? void 0 : _a.key) !== key) {
+            previousInitConfig.current = {
+                config,
+                key
+            };
+            initClientSdk(config);
+        }
+    });
     (0, react_1.useEffect)(() => {
         if (sdkInstance) {
             onReadyPaymentInstance(sdkInstance);

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

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

package/dist/cjs/utils/getPayButtonParams.js

@@ -12,15 +12,16 @@ const payButtonIds = {
     }
 };
 const getPayButtonParams = (config, key, container) => {
+    const syntheticContainerId = payButtonIds[key].id;
     const payParams = Object.assign({}, (config[key] || {}));
     if (payParams.containerId) {
         delete payParams.containerId;
     }
     if (container) {
-        if (container.id) {
+        if (container.id && container.id !== syntheticContainerId) {
             console.warn(`Id attribute "${container.id}" of ${payButtonIds[key].title} container will be overridden`);
         }
-        payParams.containerId = payButtonIds[key].id;
+        payParams.containerId = syntheticContainerId;
         container.id = payParams.containerId;
     }
     if (Object.keys(payParams).length) {

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

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

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

@@ -8,7 +8,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 import { jsx as _jsx } from "react/jsx-runtime";
-import { useEffect, useState, memo, useLayoutEffect } from 'react';
+import { useRef, useEffect, useLayoutEffect, useState, memo, } from 'react';
 import styled from "styled-components";
 import { SdkLoader, } from "@solidgate/client-sdk-loader";
 import { IFRAME_CONTAINER_ID } from '../../constants';
@@ -21,6 +21,7 @@ const StyledPayment = styled.div `
   }
 `;
 const Payment = (props) => {
+    const previousInitConfig = useRef();
     const [sdkInstance, setSdkInstance] = useState(null);
     const { merchantData, width, styles, formParams, googlePayContainerRef, applePayContainerRef, onMounted = () => { }, onError = () => { }, onSuccess = () => { }, onFail = () => { }, onSubmit = () => { }, onVerify = () => { }, onCustomStylesAppended = () => { }, onFormRedirect = () => { }, onInteraction = () => { }, onOrderStatus = () => { }, onResize = () => { }, onReadyPaymentInstance = () => { }, onCard = () => { } } = props;
     const getInitConfig = () => {
@@ -42,15 +43,25 @@ const Payment = (props) => {
         }
         return config;
     };
-    const initClientSdk = () => __awaiter(void 0, void 0, void 0, function* () {
+    const initClientSdk = (config) => __awaiter(void 0, void 0, void 0, function* () {
         const clientSdk = yield SdkLoader.load();
-        const initConfig = getInitConfig();
-        const clientSdkInstance = clientSdk.init(initConfig);
-        setSdkInstance(clientSdkInstance);
+        const clientSdkInstance = clientSdk.init(config);
+        if (!sdkInstance) {
+            setSdkInstance(clientSdkInstance);
+        }
     });
     useLayoutEffect(() => {
-        initClientSdk();
-    }, []);
+        var _a;
+        const config = getInitConfig();
+        const key = JSON.stringify(config);
+        if (((_a = previousInitConfig.current) === null || _a === void 0 ? void 0 : _a.key) !== key) {
+            previousInitConfig.current = {
+                config,
+                key
+            };
+            initClientSdk(config);
+        }
+    });
     useEffect(() => {
         if (sdkInstance) {
             onReadyPaymentInstance(sdkInstance);

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

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

package/dist/esm/utils/getPayButtonParams.js

@@ -10,15 +10,16 @@ const payButtonIds = {
     }
 };
 const getPayButtonParams = (config, key, container) => {
+    const syntheticContainerId = payButtonIds[key].id;
     const payParams = Object.assign({}, (config[key] || {}));
     if (payParams.containerId) {
         delete payParams.containerId;
     }
     if (container) {
-        if (container.id) {
+        if (container.id && container.id !== syntheticContainerId) {
             console.warn(`Id attribute "${container.id}" of ${payButtonIds[key].title} container will be overridden`);
         }
-        payParams.containerId = payButtonIds[key].id;
+        payParams.containerId = syntheticContainerId;
         container.id = payParams.containerId;
     }
     if (Object.keys(payParams).length) {

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

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

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@solidgate/react-sdk",
   "repository": "https://bitbucket.org/solidgate/react-sdk",
-  "version": "1.4.0",
+  "version": "1.5.0",
   "license": "Apache-2.0",
   "author": "Solidgate",
   "description": "Solidgate react sdk loader",
@@ -13,7 +13,6 @@
   ],
   "dependencies": {
     "@solidgate/client-sdk-loader": "^1.6.0",
-    "react-scripts": "5.0.0",
     "styled-components": "^5.3.3"
   },
   "scripts": {
@@ -59,6 +58,7 @@
     "@types/react-dom": "^17.0.9",
     "@types/styled-components": "^5.1.22",
     "cross-env": "^7.0.3",
+    "react-scripts": "5.0.0",
     "typescript": "^4.4.2"
   },
   "peerDependencies": {