react-nomba-checkout-sdk 1.0.1 → 2.0.0

package/dist/index.esm.js

@@ -1,4 +1,5 @@
 import React, { Component } from 'react';
+import ReactDOM from 'react-dom/client';
 
 /******************************************************************************
 Copyright (c) Microsoft Corporation.
@@ -85,144 +86,6 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
     return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
 };
 
-var Loader = function () { return (React.createElement("svg", { width: "18", height: "21", viewBox: "0 0 18 21", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
-    React.createElement("path", { d: "M10.3203 8.49095L12.002 7.47669L13.6836 6.46243L15.3652 5.44817L17.0468 4.43393V0.545959L15.3652 1.56021L13.6836 2.57447L12.002 3.58872L10.3203 4.60297L8.63871 5.6172V7.56118L6.95709 6.54697L5.27546 5.53271L3.50974 4.51845L1.82811 3.5042L0.146484 2.48994V6.37789L1.82811 7.39215L3.50974 8.40641L5.19136 9.42067L6.87298 10.4349L8.5546 11.4492L6.87298 12.4634L5.19136 13.4777L3.50974 14.4919L1.82811 15.5062L0.146484 16.3514V20.2394L1.82811 19.2251L3.50974 18.2108L5.19136 17.1966L6.87298 16.1824L8.5546 15.1681V13.2241L10.2362 14.2383L11.9179 15.2526L13.5995 16.2669L15.2811 17.2811L16.9628 18.2954V14.4074L15.2811 13.3932L13.5995 12.3789L11.9179 11.3646L10.2362 10.3504L8.5546 9.33613L10.3203 8.49095Z", fill: "#121212" }))); };
-
-var CloseIcon = function () { return (React.createElement("svg", { width: "32", height: "32", viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
-    React.createElement("rect", { width: "32", height: "32", rx: "16", fill: "#F2F2F2", "fill-opacity": "0.64" }),
-    React.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M11.7646 11.7646C11.8948 11.6344 12.1059 11.6344 12.236 11.7646L16.0003 15.5289L19.7646 11.7646C19.8948 11.6344 20.1059 11.6344 20.236 11.7646C20.3662 11.8948 20.3662 12.1059 20.236 12.236L16.4717 16.0003L20.236 19.7646C20.3662 19.8948 20.3662 20.1059 20.236 20.236C20.1059 20.3662 19.8948 20.3662 19.7646 20.236L16.0003 16.4717L12.236 20.236C12.1059 20.3662 11.8948 20.3662 11.7646 20.236C11.6344 20.1059 11.6344 19.8948 11.7646 19.7646L15.5289 16.0003L11.7646 12.236C11.6344 12.1059 11.6344 11.8948 11.7646 11.7646Z", fill: "#0D0D0D" }))); };
-
-var NombaCheckoutModal = /** @class */ (function (_super) {
-    __extends(NombaCheckoutModal, _super);
-    function NombaCheckoutModal(props) {
-        var _this = _super.call(this, props) || this;
-        _this.handleClose = function () {
-            var _a, _b;
-            (_b = (_a = _this.props).onClose) === null || _b === undefined ? undefined : _b.call(_a);
-        };
-        _this.handleIframeLoad = function () {
-            _this.setState({ isLoading: false });
-        };
-        _this.state = {
-            isLoading: true,
-        };
-        return _this;
-    }
-    NombaCheckoutModal.prototype.render = function () {
-        var orderId = this.props.orderId;
-        var isLoading = this.state.isLoading;
-        return (React.createElement("div", { style: modalStyles.overlay, onClick: this.handleClose },
-            React.createElement("div", { style: modalStyles.modal, onClick: function (e) { return e.stopPropagation(); } },
-                React.createElement("div", { style: modalStyles.content },
-                    isLoading && (React.createElement("div", { style: modalStyles.loader },
-                        React.createElement("div", { className: "spinner" }),
-                        React.createElement(Loader, null))),
-                    React.createElement("button", { style: modalStyles.closeButton, onClick: this.handleClose },
-                        React.createElement(CloseIcon, null)),
-                    React.createElement("iframe", { src: "https://checkout.nomba.com/pay/".concat(orderId), allow: "clipboard-write clipboard-read", width: "100%", height: "80vh", style: modalStyles.iframe, title: "Nomba checkout", onLoad: this.handleIframeLoad })))));
-    };
-    return NombaCheckoutModal;
-}(Component));
-var modalStyles = {
-    overlay: {
-        position: "fixed",
-        top: 0,
-        left: 0,
-        right: 0,
-        bottom: 0,
-        backgroundColor: "rgba(0, 0, 0, 0.5)",
-        display: "flex",
-        justifyContent: "center",
-        alignItems: "center",
-        zIndex: 9999,
-    },
-    modal: {
-        backgroundColor: "white",
-        width: "100%",
-        maxWidth: "60vw",
-        borderRadius: "8px",
-        boxShadow: "0 4px 8px rgba(0, 0, 0, 0.1)",
-        position: "relative",
-        height: "600px",
-        maxHeight: "95vh",
-    },
-    header: {
-        position: "relative",
-        display: "flex",
-        justifyContent: "space-between",
-        alignItems: "center",
-    },
-    closeButton: {
-        position: "absolute",
-        top: "16px",
-        right: "16px",
-        border: "none",
-        background: "transparent",
-    },
-    content: {
-        position: "relative",
-    },
-    iframe: {
-        border: "none",
-        borderRadius: "8px",
-        width: "100%",
-        maxHeight: "95vh",
-        height: "600px",
-        display: "block",
-    },
-    loader: {
-        position: "absolute",
-        top: 0,
-        left: 0,
-        width: "100%",
-        height: "100%",
-        backgroundColor: "rgba(255, 255, 255, 0.8)",
-        display: "flex",
-        flexDirection: "column",
-        alignItems: "center",
-        justifyContent: "center",
-        fontSize: "18px",
-        fontWeight: "bold",
-    },
-};
-
-var NombaCheckoutButton = /** @class */ (function (_super) {
-    __extends(NombaCheckoutButton, _super);
-    function NombaCheckoutButton(props) {
-        var _this = _super.call(this, props) || this;
-        _this.handleClose = function () {
-            var _a, _b;
-            _this.setState({ showModal: false });
-            (_b = (_a = _this.props).onClose) === null || _b === undefined ? undefined : _b.call(_a);
-        };
-        _this.state = {
-            showModal: false,
-        };
-        return _this;
-    }
-    NombaCheckoutButton.prototype.render = function () {
-        var _this = this;
-        var _a = this.props, orderId = _a.orderId, children = _a.children, buttonStyle = _a.buttonStyle, buttonText = _a.buttonText;
-        var showModal = this.state.showModal;
-        return (React.createElement("div", null,
-            React.createElement("button", { style: buttonStyle || styles.button, onClick: showModal
-                    ? function () { return _this.handleClose(); }
-                    : function () { return _this.setState({ showModal: true }); } }, children || buttonText || "Pay with Nomba"),
-            showModal && (React.createElement(NombaCheckoutModal, { orderId: orderId, onClose: this.handleClose }))));
-    };
-    return NombaCheckoutButton;
-}(Component));
-var styles = {
-    button: {
-        height: "48px",
-        width: "100%",
-        background: "#ffcc00",
-        fontSize: "16px",
-        fontWeight: 500,
-        borderRadius: "8px",
-    },
-};
-
 function bind(fn, thisArg) {
   return function wrap() {
     return fn.apply(thisArg, arguments);
@@ -3926,16 +3789,17 @@ axios.HttpStatusCode = HttpStatusCode;
 
 axios.default = axios;
 
-var handleApiCall = function (url, method, body, customHeaders) { return __awaiter(undefined, undefined, undefined, function () {
-    var options, response;
+var handleVendorApiCall = function (url, method, body, customHeaders, environment) { return __awaiter(undefined, undefined, undefined, function () {
+    var baseUrl, options, response;
     return __generator(this, function (_a) {
         switch (_a.label) {
             case 0:
+                baseUrl = 'https://api.nomba.com/v1';
                 options = {
                     method: method,
-                    headers: __assign({ "content-type": "application/json" }, customHeaders),
+                    headers: __assign({ 'content-type': 'application/json' }, customHeaders),
                     data: body && body,
-                    url: "https://vendor-api.kudi.ai/v1".concat(url),
+                    url: "".concat(baseUrl).concat(url),
                 };
                 return [4 /*yield*/, axios(options)];
             case 1:
@@ -3951,7 +3815,7 @@ var useGetOrder = function (orderReference) { return __awaiter(undefined, undefi
         switch (_a.label) {
             case 0:
                 _a.trys.push([0, 2, , 3]);
-                return [4 /*yield*/, handleApiCall("/checkout/order/".concat(orderReference), "GET")];
+                return [4 /*yield*/, handleVendorApiCall("/checkout/order/".concat(orderReference), "GET")];
             case 1:
                 response = _a.sent();
                 return [2 /*return*/, response.data];
@@ -3969,7 +3833,7 @@ var useCardCheckout = function (payload) { return __awaiter(undefined, undefined
         switch (_a.label) {
             case 0:
                 _a.trys.push([0, 2, , 3]);
-                return [4 /*yield*/, handleApiCall("/checkout/checkout-card-detail", "POST", __assign(__assign({}, payload), { key: "", deviceInformation: {
+                return [4 /*yield*/, handleVendorApiCall("/checkout/checkout-card-detail", "POST", __assign(__assign({}, payload), { key: "", deviceInformation: {
                             httpBrowserLanguage: navigator.language,
                             httpBrowserJavaEnabled: "true",
                             httpBrowserJavaScriptEnabled: "true",
@@ -3997,7 +3861,7 @@ var useCardCheckoutOtp = function (payload) { return __awaiter(undefined, undefi
         switch (_a.label) {
             case 0:
                 _a.trys.push([0, 2, , 3]);
-                return [4 /*yield*/, handleApiCall("/checkout/checkout-card-otp", "POST", payload)];
+                return [4 /*yield*/, handleVendorApiCall("/checkout/checkout-card-otp", "POST", payload)];
             case 1:
                 response = _a.sent();
                 return [2 /*return*/, response.data];
@@ -4015,7 +3879,7 @@ var useGenerateQrCode = function (orderReference) { return __awaiter(undefined,
         switch (_a.label) {
             case 0:
                 _a.trys.push([0, 2, , 3]);
-                return [4 /*yield*/, handleApiCall("/checkout/qr/".concat(orderReference), "GET")];
+                return [4 /*yield*/, handleVendorApiCall("/checkout/qr/".concat(orderReference), "GET")];
             case 1:
                 response = _a.sent();
                 return [2 /*return*/, response.data];
@@ -4033,7 +3897,7 @@ var useVerifyOrderStatus = function (orderReference) { return __awaiter(undefine
         switch (_a.label) {
             case 0:
                 _a.trys.push([0, 2, , 3]);
-                return [4 /*yield*/, handleApiCall("/checkout/confirm-transaction-receipt", "POST", { orderReference: orderReference })];
+                return [4 /*yield*/, handleVendorApiCall("/checkout/confirm-transaction-receipt", "POST", { orderReference: orderReference })];
             case 1:
                 response = _a.sent();
                 return [2 /*return*/, response.data];
@@ -4051,7 +3915,7 @@ var useResendOtp = function (orderReference) { return __awaiter(undefined, undef
         switch (_a.label) {
             case 0:
                 _a.trys.push([0, 2, , 3]);
-                return [4 /*yield*/, handleApiCall("/checkout/resend-otp", "POST", {
+                return [4 /*yield*/, handleVendorApiCall("/checkout/resend-otp", "POST", {
                         orderReference: orderReference,
                     })];
             case 1:
@@ -4071,7 +3935,7 @@ var useFetchUssdBanks = function () { return __awaiter(undefined, undefined, und
         switch (_a.label) {
             case 0:
                 _a.trys.push([0, 2, , 3]);
-                return [4 /*yield*/, handleApiCall("/checkout/ussd/banks", "GET")];
+                return [4 /*yield*/, handleVendorApiCall("/checkout/ussd/banks", "GET")];
             case 1:
                 response = _a.sent();
                 return [2 /*return*/, response.data];
@@ -4089,7 +3953,7 @@ var useGetUssdCode = function (payload) { return __awaiter(undefined, undefined,
         switch (_a.label) {
             case 0:
                 _a.trys.push([0, 2, , 3]);
-                return [4 /*yield*/, handleApiCall("/checkout/ussd/code", "POST", payload)];
+                return [4 /*yield*/, handleVendorApiCall("/checkout/ussd/code", "POST", payload)];
             case 1:
                 response = _a.sent();
                 return [2 /*return*/, response.data];
@@ -4101,5 +3965,263 @@ var useGetUssdCode = function (payload) { return __awaiter(undefined, undefined,
     });
 }); };
 
-export { NombaCheckoutButton, NombaCheckoutModal, useCardCheckout, useCardCheckoutOtp, useFetchUssdBanks, useGenerateQrCode, useGetOrder, useGetUssdCode, useResendOtp, useVerifyOrderStatus };
+var handleNombaApiCall = function (url, method, body, customHeaders, environment) { return __awaiter(undefined, undefined, undefined, function () {
+    var baseUrl, options, response;
+    return __generator(this, function (_a) {
+        switch (_a.label) {
+            case 0:
+                baseUrl = environment === 'sandbox'
+                    ? 'https://sandbox.nomba.com/v1'
+                    : 'https://api.nomba.com/v1';
+                options = {
+                    method: method,
+                    headers: __assign({ 'content-type': 'application/json' }, customHeaders),
+                    data: body && body,
+                    url: "".concat(baseUrl).concat(url),
+                };
+                return [4 /*yield*/, axios(options)];
+            case 1:
+                response = _a.sent();
+                return [2 /*return*/, response];
+        }
+    });
+}); };
+
+var useGenerateToken = function (payload) { return __awaiter(undefined, undefined, undefined, function () {
+    var response, error_1;
+    return __generator(this, function (_a) {
+        switch (_a.label) {
+            case 0:
+                _a.trys.push([0, 2, , 3]);
+                return [4 /*yield*/, handleNombaApiCall('/auth/token/issue', 'POST', {
+                        grant_type: 'client_credentials',
+                        client_id: payload.clientId,
+                        client_secret: payload.clientSecret,
+                    }, {
+                        accountId: payload.accountId,
+                    }, payload.environment)];
+            case 1:
+                response = _a.sent();
+                return [2 /*return*/, response];
+            case 2:
+                error_1 = _a.sent();
+                return [2 /*return*/, error_1];
+            case 3: return [2 /*return*/];
+        }
+    });
+}); };
+
+var EventBus = /** @class */ (function () {
+    function EventBus() {
+        this.events = {};
+    }
+    EventBus.prototype.on = function (event, listener) {
+        if (!this.events[event]) {
+            this.events[event] = [];
+        }
+        this.events[event].push(listener);
+    };
+    EventBus.prototype.emit = function (event, data) {
+        if (this.events[event]) {
+            this.events[event].forEach(function (listener) { return listener(data); });
+        }
+    };
+    EventBus.prototype.off = function (event, listener) {
+        if (this.events[event]) {
+            this.events[event] = this.events[event].filter(function (l) { return l !== listener; });
+        }
+    };
+    return EventBus;
+}());
+var eventBus = new EventBus();
+
+var useNombaCheckout = function (payload) { return __awaiter(undefined, undefined, undefined, function () {
+    var response, error_1;
+    var _a, _b, _c;
+    return __generator(this, function (_d) {
+        switch (_d.label) {
+            case 0:
+                _d.trys.push([0, 2, , 3]);
+                return [4 /*yield*/, handleNombaApiCall('/checkout/order', 'POST', {
+                        order: __assign(__assign({}, payload.order), { accountId: payload.accountId }),
+                        tokenizeCard: payload.tokenizeCard,
+                    }, {
+                        accountId: payload.accountId,
+                        public_key: payload.clientId,
+                        'X-Nomba-Integration': 'react-sdk',
+                    }, payload.environment)];
+            case 1:
+                response = _d.sent();
+                eventBus.emit('openModal', {
+                    orderId: (_b = (_a = response === null || response === undefined ? undefined : response.data) === null || _a === undefined ? undefined : _a.data) === null || _b === undefined ? undefined : _b.orderReference,
+                    onClose: payload.onClose,
+                    onPaymentSuccess: payload.onPaymentSuccess,
+                    environment: payload.environment,
+                });
+                return [2 /*return*/, payload.onCreateOrder(response.data)];
+            case 2:
+                error_1 = _d.sent();
+                (_c = payload.onFailure) === null || _c === undefined ? undefined : _c.call(payload, error_1);
+                return [2 /*return*/, error_1];
+            case 3: return [2 /*return*/];
+        }
+    });
+}); };
+
+var Loader = function () { return (React.createElement("svg", { width: "18", height: "21", viewBox: "0 0 18 21", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+    React.createElement("path", { d: "M10.3203 8.49095L12.002 7.47669L13.6836 6.46243L15.3652 5.44817L17.0468 4.43393V0.545959L15.3652 1.56021L13.6836 2.57447L12.002 3.58872L10.3203 4.60297L8.63871 5.6172V7.56118L6.95709 6.54697L5.27546 5.53271L3.50974 4.51845L1.82811 3.5042L0.146484 2.48994V6.37789L1.82811 7.39215L3.50974 8.40641L5.19136 9.42067L6.87298 10.4349L8.5546 11.4492L6.87298 12.4634L5.19136 13.4777L3.50974 14.4919L1.82811 15.5062L0.146484 16.3514V20.2394L1.82811 19.2251L3.50974 18.2108L5.19136 17.1966L6.87298 16.1824L8.5546 15.1681V13.2241L10.2362 14.2383L11.9179 15.2526L13.5995 16.2669L15.2811 17.2811L16.9628 18.2954V14.4074L15.2811 13.3932L13.5995 12.3789L11.9179 11.3646L10.2362 10.3504L8.5546 9.33613L10.3203 8.49095Z", fill: "#121212" }))); };
+
+var CloseIcon = function () { return (React.createElement("svg", { width: '32', height: '32', viewBox: '0 0 32 32', fill: 'none', xmlns: 'http://www.w3.org/2000/svg' },
+    React.createElement("rect", { width: '32', height: '32', rx: '16', fill: '#F2F2F2', fillOpacity: '0.64' }),
+    React.createElement("path", { fillRule: 'evenodd', clipRule: 'evenodd', d: 'M11.7646 11.7646C11.8948 11.6344 12.1059 11.6344 12.236 11.7646L16.0003 15.5289L19.7646 11.7646C19.8948 11.6344 20.1059 11.6344 20.236 11.7646C20.3662 11.8948 20.3662 12.1059 20.236 12.236L16.4717 16.0003L20.236 19.7646C20.3662 19.8948 20.3662 20.1059 20.236 20.236C20.1059 20.3662 19.8948 20.3662 19.7646 20.236L16.0003 16.4717L12.236 20.236C12.1059 20.3662 11.8948 20.3662 11.7646 20.236C11.6344 20.1059 11.6344 19.8948 11.7646 19.7646L15.5289 16.0003L11.7646 12.236C11.6344 12.1059 11.6344 11.8948 11.7646 11.7646Z', fill: '#0D0D0D' }))); };
+
+var NombaCheckoutModal = /** @class */ (function (_super) {
+    __extends(NombaCheckoutModal, _super);
+    function NombaCheckoutModal(props) {
+        var _this = _super.call(this, props) || this;
+        _this.handleOpen = function (orderId) {
+            _this.setState({ isOpen: true, orderId: orderId });
+        };
+        _this.handleClose = function () {
+            var _a, _b;
+            (_b = (_a = _this.state).onClose) === null || _b === undefined ? undefined : _b.call(_a);
+            _this.setState({ isOpen: false });
+        };
+        _this.handleIframeLoad = function () {
+            _this.setState({ isLoading: false });
+        };
+        _this.handleMessage = function (event) {
+            var _a, _b, _c;
+            if (((_a = event.data) === null || _a === undefined ? undefined : _a.type) === 'onSuccess') {
+                (_b = _this.state) === null || _b === undefined ? undefined : _b.onPaymentSuccess((_c = event.data) === null || _c === undefined ? undefined : _c.orderDetails);
+            }
+        };
+        _this.state = {
+            orderId: '',
+            isLoading: true,
+            isOpen: false,
+            onClose: function () { },
+            onPaymentSuccess: function () { },
+            environment: 'live',
+        };
+        return _this;
+    }
+    NombaCheckoutModal.prototype.componentDidMount = function () {
+        var _this = this;
+        window.addEventListener('message', this.handleMessage);
+        eventBus.on('openModal', function (_a) {
+            var orderId = _a.orderId, onClose = _a.onClose, environment = _a.environment, onPaymentSuccess = _a.onPaymentSuccess;
+            _this.setState({
+                isOpen: true,
+                orderId: orderId,
+                onClose: onClose,
+                environment: environment,
+                onPaymentSuccess: onPaymentSuccess,
+            });
+        });
+        eventBus.on('closeModal', function () {
+            _this.setState({ isOpen: false });
+        });
+    };
+    NombaCheckoutModal.prototype.componentWillUnmount = function () {
+        window.removeEventListener('message', this.handleMessage);
+        eventBus.off('openModal', this.handleOpen);
+        eventBus.off('closeModal', this.handleClose);
+    };
+    NombaCheckoutModal.prototype.render = function () {
+        var _a = this.state, isLoading = _a.isLoading, isOpen = _a.isOpen, orderId = _a.orderId;
+        if (!isOpen)
+            return null;
+        return (React.createElement("div", { style: modalStyles.overlay, onClick: this.handleClose },
+            React.createElement("div", { style: modalStyles.modal, onClick: function (e) { return e.stopPropagation(); } },
+                React.createElement("div", { style: modalStyles.content },
+                    isLoading && (React.createElement("div", { style: modalStyles.loader },
+                        React.createElement("div", { className: 'spinner' }),
+                        React.createElement(Loader, null))),
+                    React.createElement("button", { style: modalStyles.closeButton, onClick: this.handleClose },
+                        React.createElement(CloseIcon, null)),
+                    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' })))));
+    };
+    return NombaCheckoutModal;
+}(Component));
+var modalStyles = {
+    overlay: {
+        position: 'fixed',
+        top: 0,
+        left: 0,
+        right: 0,
+        bottom: 0,
+        backgroundColor: 'rgba(0, 0, 0, 0.5)',
+        display: 'flex',
+        justifyContent: 'center',
+        alignItems: 'center',
+        zIndex: 9999,
+    },
+    modal: {
+        backgroundColor: 'white',
+        width: '100%',
+        maxWidth: '60vw',
+        borderRadius: '8px',
+        boxShadow: '0 4px 8px rgba(0, 0, 0, 0.1)',
+        position: 'relative',
+        height: '600px',
+        maxHeight: '95vh',
+    },
+    header: {
+        position: 'relative',
+        display: 'flex',
+        justifyContent: 'space-between',
+        alignItems: 'center',
+    },
+    closeButton: {
+        position: 'absolute',
+        top: '16px',
+        right: '16px',
+        border: 'none',
+        background: 'transparent',
+    },
+    content: {
+        position: 'relative',
+    },
+    iframe: {
+        border: 'none',
+        borderRadius: '8px',
+        width: '100%',
+        maxHeight: '95vh',
+        height: '600px',
+        display: 'block',
+    },
+    loader: {
+        position: 'absolute',
+        top: 0,
+        left: 0,
+        width: '100%',
+        height: '100%',
+        backgroundColor: 'rgba(255, 255, 255, 0.8)',
+        display: 'flex',
+        flexDirection: 'column',
+        alignItems: 'center',
+        justifyContent: 'center',
+        fontSize: '18px',
+        fontWeight: 'bold',
+    },
+};
+
+var root = null;
+var InitializeNombaCheckout = function () {
+    var modalDivId = "nomba-checkout-modal";
+    var modalContainer = document.getElementById(modalDivId);
+    if (!modalContainer) {
+        modalContainer = document.createElement("div");
+        modalContainer.id = modalDivId;
+        document.body.appendChild(modalContainer);
+    }
+    if (!root) {
+        root = ReactDOM.createRoot(modalContainer);
+    }
+    root.render(React.createElement("div", null,
+        React.createElement(NombaCheckoutModal, null)));
+};
+
+export { InitializeNombaCheckout, useCardCheckout, useCardCheckoutOtp, useFetchUssdBanks, useGenerateQrCode, useGenerateToken, useGetOrder, useGetUssdCode, useNombaCheckout, useResendOtp, useVerifyOrderStatus };
 //# sourceMappingURL=index.esm.js.map