react-nomba-checkout-sdk 2.0.0 → 2.0.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.esm.js +2 -11
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +2 -11
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
- package/src/components/NombaCheckoutModal.tsx +4 -0
package/dist/index.esm.js
CHANGED
|
@@ -4140,7 +4140,7 @@ var NombaCheckoutModal = /** @class */ (function (_super) {
|
|
|
4140
4140
|
React.createElement(Loader, null))),
|
|
4141
4141
|
React.createElement("button", { style: modalStyles.closeButton, onClick: this.handleClose },
|
|
4142
4142
|
React.createElement(CloseIcon, null)),
|
|
4143
|
-
React.createElement("iframe", { src: "https://checkout.nomba.com/".concat(this.state.environment === 'sandbox' ? 'sandbox' : 'pay', "/").concat(orderId), allow: 'clipboard-write clipboard-read', width: '100%', height: '80vh', style: modalStyles.iframe, title: 'Nomba checkout', onLoad: this.handleIframeLoad, id: 'checkout-sdk-iframe' })))));
|
|
4143
|
+
React.createElement("iframe", { src: "https://checkout.nomba.com/".concat(this.state.environment === 'sandbox' ? 'sandbox' : 'pay', "/").concat(orderId), allow: 'clipboard-write clipboard-read', width: '100%', height: '80vh', style: modalStyles.iframe, title: 'Nomba checkout', onLoad: this.handleIframeLoad, id: 'checkout-sdk-iframe', name: 'react-sdk' })))));
|
|
4144
4144
|
};
|
|
4145
4145
|
return NombaCheckoutModal;
|
|
4146
4146
|
}(Component));
|
|
@@ -4157,16 +4157,7 @@ var modalStyles = {
|
|
|
4157
4157
|
alignItems: 'center',
|
|
4158
4158
|
zIndex: 9999,
|
|
4159
4159
|
},
|
|
4160
|
-
modal: {
|
|
4161
|
-
backgroundColor: 'white',
|
|
4162
|
-
width: '100%',
|
|
4163
|
-
maxWidth: '60vw',
|
|
4164
|
-
borderRadius: '8px',
|
|
4165
|
-
boxShadow: '0 4px 8px rgba(0, 0, 0, 0.1)',
|
|
4166
|
-
position: 'relative',
|
|
4167
|
-
height: '600px',
|
|
4168
|
-
maxHeight: '95vh',
|
|
4169
|
-
},
|
|
4160
|
+
modal: __assign({ backgroundColor: 'white', width: '100%', maxWidth: '60vw', borderRadius: '8px', boxShadow: '0 4px 8px rgba(0, 0, 0, 0.1)', position: 'relative', height: '600px', maxHeight: '95vh' }, (window.innerWidth <= 768 ? { width: '98vw', maxWidth: '98vw' } : {})),
|
|
4170
4161
|
header: {
|
|
4171
4162
|
position: 'relative',
|
|
4172
4163
|
display: 'flex',
|