@glomopay/react-native-sdk 2.0.2 → 3.1.0

package/lib/config/base.d.ts

@@ -2,18 +2,24 @@
  * Base Configuration variables for GlomoPay RN SDK
  * This file contains the default base configuration variables for the GlomoPay RN SDK.
  */
-/** The publicly documented server environments for the SDK */
-export type GlomoLrsServer = "prod" | "staging";
-/** Internal extension that adds "local" for development use — not exported */
-type InternalGlomoLrsServer = GlomoLrsServer | "local";
+/** The publicly documented server environments for the SDK (v3 alias) */
+export type GlomoServer = "prod" | "staging";
+/** Internal extension that adds "local" for development use - not exported */
+type InternalGlomoServer = GlomoServer | "local";
 /** Base URLs for a given server environment */
-export interface GlomoLrsServerConfig {
-    checkoutBaseUrl: string;
-    educationCarouselBaseUrl: string;
+export interface GlomoServerBaseUrls {
+    lrsCheckout: string;
+    standardCheckout: string;
+    lrsEducationCarousel: string;
+    api: string;
 }
-export declare const DEFAULT_SERVER: InternalGlomoLrsServer;
-export declare const SERVER_CONFIGS: Record<InternalGlomoLrsServer, GlomoLrsServerConfig>;
-/** Returns the server config for the given environment, falling back to the default (prod) server */
-export declare function resolveServerConfig(server?: InternalGlomoLrsServer): GlomoLrsServerConfig;
+/** Server config with nested base URLs */
+export interface GlomoServerConfig {
+    baseUrl: GlomoServerBaseUrls;
+}
+export declare const DEFAULT_SERVER: InternalGlomoServer;
+export declare const SERVER_CONFIGS: Record<InternalGlomoServer, GlomoServerConfig>;
+/** Returns the full server config for the given environment, falling back to prod */
+export declare function resolveServerConfig(server?: InternalGlomoServer): GlomoServerConfig;
 export {};
 //# sourceMappingURL=base.d.ts.map

package/lib/config/base.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../src/config/base.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,8DAA8D;AAC9D,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,SAAS,CAAC;AAEhD,8EAA8E;AAC9E,KAAK,sBAAsB,GAAG,cAAc,GAAG,OAAO,CAAC;AAEvD,+CAA+C;AAC/C,MAAM,WAAW,oBAAoB;IACjC,eAAe,EAAE,MAAM,CAAC;IACxB,wBAAwB,EAAE,MAAM,CAAC;CACpC;AAED,eAAO,MAAM,cAAc,EAAE,sBAA+B,CAAC;AAE7D,eAAO,MAAM,cAAc,EAAE,MAAM,CAAC,sBAAsB,EAAE,oBAAoB,CAa/E,CAAC;AAEF,qGAAqG;AACrG,wBAAgB,mBAAmB,CAAC,MAAM,CAAC,EAAE,sBAAsB,GAAG,oBAAoB,CAIzF"}
+{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../src/config/base.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,yEAAyE;AACzE,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,SAAS,CAAC;AAE7C,8EAA8E;AAC9E,KAAK,mBAAmB,GAAG,WAAW,GAAG,OAAO,CAAC;AAEjD,+CAA+C;AAC/C,MAAM,WAAW,mBAAmB;IAChC,WAAW,EAAE,MAAM,CAAC;IACpB,gBAAgB,EAAE,MAAM,CAAC;IACzB,oBAAoB,EAAE,MAAM,CAAC;IAC7B,GAAG,EAAE,MAAM,CAAC;CACf;AAED,0CAA0C;AAC1C,MAAM,WAAW,iBAAiB;IAC9B,OAAO,EAAE,mBAAmB,CAAC;CAChC;AAED,eAAO,MAAM,cAAc,EAAE,mBAA4B,CAAC;AAE1D,eAAO,MAAM,cAAc,EAAE,MAAM,CAAC,mBAAmB,EAAE,iBAAiB,CAyBzE,CAAC;AAEF,qFAAqF;AACrF,wBAAgB,mBAAmB,CAAC,MAAM,CAAC,EAAE,mBAAmB,GAAG,iBAAiB,CAInF"}

package/lib/config/base.js

@@ -9,19 +9,31 @@ exports.resolveServerConfig = resolveServerConfig;
 exports.DEFAULT_SERVER = "prod";
 exports.SERVER_CONFIGS = {
     prod: {
-        checkoutBaseUrl: "https://lrs-checkout.glomopay.com/",
-        educationCarouselBaseUrl: "https://glomopay-utilities.web.app/lrs-education-carousel/",
+        baseUrl: {
+            lrsCheckout: "https://lrs-checkout.glomopay.com/",
+            standardCheckout: "https://checkout.glomopay.com/",
+            lrsEducationCarousel: "https://glomopay-utilities.web.app/lrs-education-carousel/",
+            api: "https://api.glomopay.com",
+        },
     },
     staging: {
-        checkoutBaseUrl: "https://lrs-checkout-page-staging.web.app/",
-        educationCarouselBaseUrl: "https://glomopay-utilities-staging.web.app/lrs-education-carousel/",
+        baseUrl: {
+            lrsCheckout: "https://lrs-checkout-page-staging.web.app/",
+            standardCheckout: "https://glomopay-checkout-page-staging.web.app/",
+            lrsEducationCarousel: "https://glomopay-utilities-staging.web.app/lrs-education-carousel/",
+            api: "https://staging-api.glomopay.com",
+        },
     },
     local: {
-        checkoutBaseUrl: "http://localhost:6870/",
-        educationCarouselBaseUrl: "http://localhost:6871/lrs-education-carousel/",
+        baseUrl: {
+            lrsCheckout: "http://localhost:6870/",
+            standardCheckout: "http://localhost:4444/",
+            lrsEducationCarousel: "http://localhost:6871/lrs-education-carousel/",
+            api: "http://localhost:3000",
+        },
     },
 };
-/** Returns the server config for the given environment, falling back to the default (prod) server */
+/** Returns the full server config for the given environment, falling back to prod */
 function resolveServerConfig(server) {
     const resolvedServer = server && server in exports.SERVER_CONFIGS ? server : exports.DEFAULT_SERVER;
     return exports.SERVER_CONFIGS[resolvedServer];

package/lib/config/segment.js

@@ -72,7 +72,7 @@ function initializeSegment(devMode = false) {
     // Preventing multiple initialization attempts
     if (initializationAttempted) {
         if (devMode) {
-            console.log("[GlomoPay RN SDK] Segment initialization already attempted");
+            console.log("[Glomo-RN-SDK] Segment initialization already attempted");
         }
         return segmentApiClient !== null;
     }
@@ -92,14 +92,14 @@ function initializeSegment(devMode = false) {
             timeout: 10000, // 10 second timeout
         });
         if (devMode) {
-            console.log("[GlomoPay RN SDK] Segment Analytics initialized successfully");
+            console.log("[Glomo-RN-SDK] Segment Analytics initialized successfully");
         }
         return true;
     }
     catch (error) {
         if (devMode) {
             const errorMessage = error instanceof Error ? error.message : String(error);
-            console.error("[GlomoPay RN SDK] Failed to initialize Segment:", errorMessage);
+            console.error("[Glomo-RN-SDK] Failed to initialize Segment:", errorMessage);
         }
         // Resetting the flag to allow retrying if needed
         initializationAttempted = false;

package/lib/glomo-checkout.d.ts

@@ -0,0 +1,8 @@
+/**
+ * The unified GlomoPay Checkout Component (v3).
+ * Detects order type (LRS vs Standard) and delegates rendering to the appropriate inner component.
+ */
+import React from "react";
+import { type GlomoCheckoutRef, type GlomoCheckoutProps } from "./types/checkout";
+export declare const GlomoCheckout: React.ForwardRefExoticComponent<GlomoCheckoutProps & React.RefAttributes<GlomoCheckoutRef>>;
+//# sourceMappingURL=glomo-checkout.d.ts.map

package/lib/glomo-checkout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"glomo-checkout.d.ts","sourceRoot":"","sources":["../src/glomo-checkout.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAsE,MAAM,OAAO,CAAC;AAG3F,OAAO,EAAE,KAAK,gBAAgB,EAAE,KAAK,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAwIlF,eAAO,MAAM,aAAa,6FAA2E,CAAC"}

package/lib/glomo-checkout.js

@@ -0,0 +1,106 @@
+"use strict";
+/**
+ * The unified GlomoPay Checkout Component (v3).
+ * Detects order type (LRS vs Standard) and delegates rendering to the appropriate inner component.
+ */
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GlomoCheckout = void 0;
+const react_1 = __importStar(require("react"));
+const use_glomo_checkout_1 = require("./use-glomo-checkout");
+const analytics_1 = require("./utils/analytics");
+const glomo_lrs_checkout_1 = require("./glomo-lrs-checkout");
+const glomo_standard_checkout_1 = require("./glomo-standard-checkout");
+const glomo_subscriptions_checkout_1 = require("./glomo-subscriptions-checkout");
+function GlomoCheckoutComponent(props, ref) {
+    var _a;
+    // useGlomoCheckout handles order type detection and exposes start/getStatus for the ref
+    const { orderType, start, getStatus, innerLrsRef, innerStandardRef, innerSubscriptionsRef, props: passedProps, } = (0, use_glomo_checkout_1.useGlomoCheckout)(props, { _suppressDeprecationWarning: true });
+    // Exposing start() and getStatus() via the forwarded ref for the merchant to call
+    (0, react_1.useImperativeHandle)(ref, () => ({
+        start,
+        getStatus,
+    }));
+    // Tracking unsupported callback props on subscription flows (fires once per mount)
+    const hasTrackedUnsupportedRef = (0, react_1.useRef)(false);
+    const devMode = (_a = passedProps.devMode) !== null && _a !== void 0 ? _a : false;
+    const mockMode = (0, react_1.useMemo)(() => { var _a, _b; return (_b = (_a = passedProps.publicKey) === null || _a === void 0 ? void 0 : _a.toLowerCase().startsWith("test_")) !== null && _b !== void 0 ? _b : false; }, [passedProps.publicKey]);
+    // Extracting stable booleans for the tracking effect to avoid depending on passedProps object
+    const hasBankTransferCallback = !!passedProps.onBankTransferSubmitted;
+    const hasPayViaBankCallback = !!passedProps.onPayViaBankCompleted;
+    const hasBankConnectionCallback = !!passedProps.onPayViaBankBankConnectionSuccessful;
+    (0, react_1.useEffect)(() => {
+        if (orderType !== "subscriptions" || hasTrackedUnsupportedRef.current)
+            return;
+        hasTrackedUnsupportedRef.current = true;
+        const unsupported = [
+            hasBankTransferCallback && "onBankTransferSubmitted",
+            hasPayViaBankCallback && "onPayViaBankCompleted",
+            hasBankConnectionCallback && "onPayViaBankBankConnectionSuccessful",
+        ].filter(Boolean);
+        for (const name of unsupported) {
+            (0, analytics_1.trackUseOfUnsupportedFunctionality)(name, passedProps.subscriptionId, passedProps.publicKey, devMode, mockMode, "");
+        }
+    }, [
+        orderType,
+        hasBankTransferCallback,
+        hasPayViaBankCallback,
+        hasBankConnectionCallback,
+        passedProps.subscriptionId,
+        passedProps.publicKey,
+        devMode,
+        mockMode,
+    ]);
+    // Delegating to the LRS checkout component once order type is resolved as LRS
+    if (orderType === "lrs") {
+        return (<glomo_lrs_checkout_1.GlomoLrsCheckout ref={innerLrsRef} server={passedProps.server} publicKey={passedProps.publicKey} orderId={passedProps.orderId} onPaymentSuccess={passedProps.onPaymentSuccess} onPaymentFailure={passedProps.onPaymentFailure} onConnectionError={passedProps.onConnectionError} onPaymentTerminate={passedProps.onPaymentTerminate} onSdkError={passedProps.onSdkError} devMode={passedProps.devMode}/>);
+    }
+    // Delegating to the Standard checkout component once order type is resolved as Standard
+    if (orderType === "standard") {
+        return (<glomo_standard_checkout_1.GlomoStandardCheckout ref={innerStandardRef} server={passedProps.server} publicKey={passedProps.publicKey} orderId={passedProps.orderId} onPaymentSuccess={passedProps.onPaymentSuccess} onPaymentFailure={passedProps.onPaymentFailure} onConnectionError={passedProps.onConnectionError} onPaymentTerminate={passedProps.onPaymentTerminate} onSdkError={passedProps.onSdkError} onBankTransferSubmitted={passedProps.onBankTransferSubmitted} onPayViaBankCompleted={passedProps.onPayViaBankCompleted} onPayViaBankBankConnectionSuccessful={passedProps.onPayViaBankBankConnectionSuccessful} onUserRefusedCameraPermissions={passedProps.onUserRefusedCameraPermissions} devMode={passedProps.devMode}/>);
+    }
+    // Delegating to the Subscriptions checkout component when subscriptionId is provided (no API call)
+    if (orderType === "subscriptions") {
+        return (<glomo_subscriptions_checkout_1.GlomoSubscriptionsCheckout ref={innerSubscriptionsRef} server={passedProps.server} publicKey={passedProps.publicKey} subscriptionId={passedProps.subscriptionId} onPaymentSuccess={passedProps.onPaymentSuccess} onPaymentFailure={passedProps.onPaymentFailure} onConnectionError={passedProps.onConnectionError} onPaymentTerminate={passedProps.onPaymentTerminate} onSdkError={passedProps.onSdkError} onPayViaBankBankConnectionSuccessful={passedProps.onPayViaBankBankConnectionSuccessful} onUserRefusedCameraPermissions={passedProps.onUserRefusedCameraPermissions} devMode={passedProps.devMode}/>);
+    }
+    /**
+     * No modal for detecting state - avoids iOS pageSheet conflict where
+     * dismissing the detecting modal interferes with the checkout modal presentation.
+     * The order type detection is fast enough that a loading indicator is not needed.
+     */
+    return null;
+}
+exports.GlomoCheckout = (0, react_1.forwardRef)(GlomoCheckoutComponent);
+exports.GlomoCheckout.displayName = "GlomoCheckout";

package/lib/glomo-lrs-checkout.js

@@ -65,7 +65,7 @@ function GlomoLrsCheckoutComponent({ server, publicKey, orderId, onPaymentSucces
         var _a;
         const resolvedMockMode = (_a = publicKey === null || publicKey === void 0 ? void 0 : publicKey.toLowerCase().startsWith("test_")) !== null && _a !== void 0 ? _a : false;
         if (devMode) {
-            console.log(`[GlomoPay RN SDK] ${resolvedMockMode ? "Using" : "Not using"} Mock mode for publicKey: ${publicKey}`);
+            console.log(`[Glomo-RN-SDK LRS] ${resolvedMockMode ? "Using" : "Not using"} Mock mode for publicKey: ${publicKey}`);
         }
         return resolvedMockMode;
     }, [publicKey, devMode]);
@@ -139,7 +139,7 @@ function GlomoLrsCheckoutComponent({ server, publicKey, orderId, onPaymentSucces
         // Preventing a render if no injection script is provided
         if (!injectedJavaScript) {
             if (devMode) {
-                console.warn(`[GlomoPay RN SDK] JavaScript Injection missing for ${url}. Skipping ${identifier} Render.`);
+                console.warn(`[Glomo-RN-SDK LRS] JavaScript Injection missing for ${url}. Skipping ${identifier} Render.`);
             }
             return null;
         }
@@ -148,29 +148,29 @@ function GlomoLrsCheckoutComponent({ server, publicKey, orderId, onPaymentSucces
             // Redundantly checking for surprise/extreme edge cases
             if (!(0, validation_1.isValidUrl)(url)) {
                 if (devMode) {
-                    console.error(`[GlomoPay RN SDK] Invalid non-empty URL ${url} provided. Skipping ${identifier} Render.`);
+                    console.error(`[Glomo-RN-SDK LRS] Invalid non-empty URL ${url} provided. Skipping ${identifier} Render.`);
                 }
                 return null;
             }
             if (devMode) {
-                console.error(`[GlomoPay RN SDK] Empty or invalid URL provided. Skipping ${identifier} Render.`);
+                console.error(`[Glomo-RN-SDK LRS] Empty or invalid URL provided. Skipping ${identifier} Render.`);
             }
             return null;
         }
         return (<react_native_webview_1.WebView ref={ref} webviewDebuggingEnabled={__DEV__ && devMode} javaScriptEnabled={true} domStorageEnabled={true} onMessage={messageHandler} onError={handleError} onHttpError={handleHttpError} onNavigationStateChange={handleNavigationStateChange} onLoadStart={() => {
                 if (devMode) {
-                    console.log(`[GlomoPay RN SDK] [${identifier}] WebView load started for ${url}`);
+                    console.log(`[Glomo-RN-SDK LRS] [${identifier}] WebView load started for ${url}`);
                 }
             }} onLoadEnd={() => {
                 if (identifier === "educationCarousel" && ref.current && carouselViewportGuardScript) {
                     ref.current.injectJavaScript(carouselViewportGuardScript);
                 }
                 if (devMode) {
-                    console.log(`[GlomoPay RN SDK] [${identifier}] WebView load ended for ${url}`);
+                    console.log(`[Glomo-RN-SDK LRS] [${identifier}] WebView load ended for ${url}`);
                 }
             }} onLoadProgress={({ nativeEvent }) => {
                 if (devMode && identifier === "educationCarousel") {
-                    console.log(`[GlomoPay RN SDK] [educationCarousel] load progress=${nativeEvent.progress} url=${nativeEvent.url}`);
+                    console.log(`[Glomo-RN-SDK LRS] [educationCarousel] load progress=${nativeEvent.progress} url=${nativeEvent.url}`);
                 }
             }} source={{ uri: url }} javaScriptCanOpenWindowsAutomatically={true} setSupportMultipleWindows={true} incognito={true} cacheEnabled={false} cacheMode='LOAD_NO_CACHE' pullToRefreshEnabled={false} limitsNavigationsToAppBoundDomains={false} menuItems={[]} injectedJavaScript={injectedJavaScript} injectedJavaScriptBeforeContentLoaded={injectedJavaScriptBeforeContentLoaded} style={styles.webview} showsHorizontalScrollIndicator={false} showsVerticalScrollIndicator={false} mixedContentMode='always' thirdPartyCookiesEnabled={true} sharedCookiesEnabled={true} allowsInlineMediaPlayback={true} mediaPlaybackRequiresUserAction={false} {...additionalProps}/>);
     }, [handleError, handleHttpError, handleNavigationStateChange, devMode, carouselViewportGuardScript]);
@@ -194,7 +194,7 @@ function GlomoLrsCheckoutComponent({ server, publicKey, orderId, onPaymentSucces
     const shouldShowModal = (0, react_1.useMemo)(() => {
         const value = isVisible && (checkoutUrl !== null && checkoutUrl !== void 0 ? checkoutUrl : "").trim().length > 0;
         if (devMode) {
-            console.log(`[GlomoPay RN SDK] computed visibilityHook: ${value} for internal switch ${isVisible}, and checkout=${checkoutUrl};`);
+            console.log(`[Glomo-RN-SDK LRS] computed visibilityHook: ${value} for internal switch ${isVisible}, and checkout=${checkoutUrl};`);
         }
         return value;
     }, [isVisible, checkoutUrl, devMode]);
@@ -210,7 +210,7 @@ function GlomoLrsCheckoutComponent({ server, publicKey, orderId, onPaymentSucces
     const shouldRenderFlowOverlay = Boolean(showFlowWebView && flowWebViewUrl && FlowWebViewComponent);
     const shouldRenderEducationCarousel = Boolean(shouldRenderFlowOverlay && EducationCarouselWebViewComponent);
     if (devMode) {
-        console.log(`[GlomoPay RN SDK] Render gates: modal=${shouldShowModal}, flowOverlay=${shouldRenderFlowOverlay}, educationCarouselWebView=${shouldRenderEducationCarousel}, educationCarouselVisible=${showCarousel}, flowWebViewUrl=${flowWebViewUrl || "<empty>"}, educationCarouselUrl=${resolvedEducationCarouselUrl || "<empty>"}`);
+        console.log(`[Glomo-RN-SDK LRS] Render gates: modal=${shouldShowModal}, flowOverlay=${shouldRenderFlowOverlay}, educationCarouselWebView=${shouldRenderEducationCarousel}, educationCarouselVisible=${showCarousel}, flowWebViewUrl=${flowWebViewUrl || "<empty>"}, educationCarouselUrl=${resolvedEducationCarouselUrl || "<empty>"}`);
     }
     return (<ModalComponent visible={shouldShowModal} animationType='slide' presentationStyle={react_native_1.Platform.OS === "ios" ? "pageSheet" : "fullScreen"} onRequestClose={handleModalBackButton}>
             <react_native_1.View style={styles.modalContainer}>

package/lib/glomo-standard-checkout.d.ts

@@ -0,0 +1,25 @@
+/** The GlomoPay Standard Checkout Component */
+import React from "react";
+import { type GlomoStandardCheckoutRef, type GlomoStandardCheckoutProps } from "./types/standard-checkout";
+import { type CheckoutAnalyticsTrackers } from "./utils/analytics";
+/**
+ * Internal-only props for GlomoStandardCheckout.
+ * Used by GlomoSubscriptionsCheckout to inject subscription analytics trackers.
+ * Not exported to merchants via index.ts.
+ */
+export interface GlomoStandardCheckoutInternalProps extends GlomoStandardCheckoutProps {
+    _analyticsTrackers?: CheckoutAnalyticsTrackers;
+    _skipOrderIdValidation?: boolean;
+}
+/**
+ * Widening the internal type to GlomoStandardCheckoutInternalProps for internal SDK use,
+ * then narrowing the public export to GlomoStandardCheckoutProps so merchants cannot
+ * pass internal-only props like _analyticsTrackers.
+ */
+export declare const GlomoStandardCheckout: React.ForwardRefExoticComponent<GlomoStandardCheckoutProps & React.RefAttributes<GlomoStandardCheckoutRef>>;
+/**
+ * Internal reference - accepts GlomoStandardCheckoutInternalProps.
+ * Not re-exported from index.ts.
+ */
+export declare const GlomoStandardCheckoutInternal: React.ForwardRefExoticComponent<GlomoStandardCheckoutInternalProps & React.RefAttributes<GlomoStandardCheckoutRef>>;
+//# sourceMappingURL=glomo-standard-checkout.d.ts.map

package/lib/glomo-standard-checkout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"glomo-standard-checkout.d.ts","sourceRoot":"","sources":["../src/glomo-standard-checkout.tsx"],"names":[],"mappings":"AAAA,+CAA+C;AAE/C,OAAO,KAAmD,MAAM,OAAO,CAAC;AAKxE,OAAO,EAAE,KAAK,wBAAwB,EAAE,KAAK,0BAA0B,EAAE,MAAM,2BAA2B,CAAC;AAC3G,OAAO,EAAE,KAAK,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAGnE;;;;GAIG;AACH,MAAM,WAAW,kCAAmC,SAAQ,0BAA0B;IAClF,kBAAkB,CAAC,EAAE,yBAAyB,CAAC;IAC/C,sBAAsB,CAAC,EAAE,OAAO,CAAC;CACpC;AAmQD;;;;GAIG;AACH,eAAO,MAAM,qBAAqB,EAAiD,KAAK,CAAC,yBAAyB,CAC9G,0BAA0B,GAAG,KAAK,CAAC,aAAa,CAAC,wBAAwB,CAAC,CAC7E,CAAC;AAIF;;;GAGG;AACH,eAAO,MAAM,6BAA6B,qHAEzC,CAAC"}

package/lib/glomo-standard-checkout.js

@@ -0,0 +1,229 @@
+"use strict";
+/** The GlomoPay Standard Checkout Component */
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GlomoStandardCheckoutInternal = exports.GlomoStandardCheckout = void 0;
+const react_1 = __importStar(require("react"));
+const react_native_1 = require("react-native");
+const react_native_webview_1 = require("react-native-webview");
+const use_standard_checkout_1 = require("./use-standard-checkout");
+const validation_1 = require("./utils/validation");
+/**
+ * The Main GlomoPay Standard Checkout Component
+ *
+ * @param server - Optional. The SDK server environment. For development builds ONLY.
+ * @param publicKey - The public key for the merchant. If it starts with "test_", mock mode will be enabled automatically. Otherwise, live mode is used.
+ * @param orderId - The order ID. Always starts with "order_"
+ *
+ * @param onPaymentSuccess - The success callback with payload, for a successful payment
+ * @param onPaymentFailure - The failure callback with payload, for a failed payment
+ * @param onPaymentTerminate - Optional callback called when the checkout is terminated either from the webpage (back button or close button) or mobile component (user dismissing the modal on iOS or user pressing the back button on Android)
+ *
+ * @param onConnectionError - Optional callback for connection/network errors
+ * @param onSdkError - Optional callback for handling SDK validation errors and configuration issues
+ *
+ * @param ref - The ref for the component
+ * @param devMode - Turn on to see all logs, warnings, and errors in the console. Off by default
+ */
+function GlomoStandardCheckoutComponent({ server, publicKey, orderId, onPaymentSuccess, onPaymentFailure, onConnectionError, onPaymentTerminate, onSdkError, onBankTransferSubmitted, onPayViaBankCompleted, onPayViaBankBankConnectionSuccessful, onUserRefusedCameraPermissions, devMode = false, _analyticsTrackers, _skipOrderIdValidation, }, ref) {
+    // Computing mockMode based on the publicKey prefix
+    const mockMode = (0, react_1.useMemo)(() => {
+        var _a;
+        const resolvedMockMode = (_a = publicKey === null || publicKey === void 0 ? void 0 : publicKey.toLowerCase().startsWith("test_")) !== null && _a !== void 0 ? _a : false;
+        if (devMode) {
+            console.log(`[Glomo-RN-SDK Standard] ${resolvedMockMode ? "Using" : "Not using"} Mock mode for publicKey: ${publicKey}`);
+        }
+        return resolvedMockMode;
+    }, [publicKey, devMode]);
+    const { start, status, showCheckout, flowWebViewUrl, showFlowWebView, checkoutUrl, mainWebViewRef, flowWebViewRef, handleMainWebViewMessage, handleFlowWebViewMessage, handleError, handleHttpError, handleNavigationStateChange, handleModalBackButton, handleFlowBack, handlePermissionRequest, injectedMain, injectedFlow, } = (0, use_standard_checkout_1.useStandardCheckout)({
+        server,
+        publicKey,
+        orderId,
+        onPaymentSuccess,
+        onPaymentFailure,
+        onConnectionError,
+        onPaymentTerminate,
+        onSdkError,
+        onBankTransferSubmitted,
+        onPayViaBankCompleted,
+        onPayViaBankBankConnectionSuccessful,
+        onUserRefusedCameraPermissions,
+        devMode,
+    }, mockMode, { analyticsTrackers: _analyticsTrackers, _skipOrderIdValidation });
+    // Exposing the start() and getStatus() methods via the ref
+    (0, react_1.useImperativeHandle)(ref, () => ({
+        start,
+        getStatus: () => status,
+    }));
+    // Making the WebView component
+    const makeWebView = react_1.default.useCallback((ref, url, messageHandler, identifier, injectedJavaScript, injectedJavaScriptBeforeContentLoaded, additionalProps) => {
+        // Preventing a render if no injection script is provided
+        if (!injectedJavaScript) {
+            if (devMode) {
+                console.warn(`[Glomo-RN-SDK Standard] JavaScript Injection missing for ${url}. Skipping ${identifier} Render.`);
+            }
+            return null;
+        }
+        // Preventing a render if URL is empty or invalid
+        if (!url || url.trim() === "") {
+            // Redundantly checking for surprise/extreme edge cases
+            if (!(0, validation_1.isValidUrl)(url)) {
+                if (devMode) {
+                    console.error(`[Glomo-RN-SDK Standard] Invalid non-empty URL ${url} provided. Skipping ${identifier} Render.`);
+                }
+                return null;
+            }
+            if (devMode) {
+                console.error(`[Glomo-RN-SDK Standard] Empty or invalid URL provided. Skipping ${identifier} Render.`);
+            }
+            return null;
+        }
+        return (<react_native_webview_1.WebView ref={ref} webviewDebuggingEnabled={__DEV__ && devMode} javaScriptEnabled={true} domStorageEnabled={true} onMessage={messageHandler} onError={handleError} onHttpError={handleHttpError} onNavigationStateChange={handleNavigationStateChange} onLoadStart={() => {
+                if (devMode) {
+                    console.log(`[Glomo-RN-SDK Standard] [${identifier}] WebView load started for ${url}`);
+                }
+            }} onLoadEnd={() => {
+                if (devMode) {
+                    console.log(`[Glomo-RN-SDK Standard] [${identifier}] WebView load ended for ${url}`);
+                }
+            }} source={{ uri: url }} javaScriptCanOpenWindowsAutomatically={true} setSupportMultipleWindows={true} incognito={true} cacheEnabled={false} cacheMode='LOAD_NO_CACHE' pullToRefreshEnabled={false} limitsNavigationsToAppBoundDomains={false} menuItems={[]} injectedJavaScript={injectedJavaScript} injectedJavaScriptBeforeContentLoaded={injectedJavaScriptBeforeContentLoaded} style={styles.webview} showsHorizontalScrollIndicator={false} showsVerticalScrollIndicator={false} mixedContentMode='always' thirdPartyCookiesEnabled={true} sharedCookiesEnabled={true} allowsInlineMediaPlayback={true} mediaPlaybackRequiresUserAction={false} mediaCapturePermissionGrantType='prompt' allowFileAccess={true} allowUniversalAccessFromFileURLs={true} allowFileAccessFromFileURLs={true} androidLayerType='hardware' 
+        // @ts-expect-error onPermissionRequest is an Android-only WebView prop not yet in react-native-webview type definitions
+        onPermissionRequest={handlePermissionRequest} {...additionalProps}/>);
+    }, [handleError, handleHttpError, handleNavigationStateChange, handlePermissionRequest, devMode]);
+    const MainWebViewComponent = (0, react_1.useMemo)(() => makeWebView(mainWebViewRef, checkoutUrl, handleMainWebViewMessage, "main", injectedMain), [makeWebView, checkoutUrl, handleMainWebViewMessage, injectedMain, mainWebViewRef]);
+    const FlowWebViewComponent = (0, react_1.useMemo)(() => flowWebViewUrl
+        ? makeWebView(flowWebViewRef, flowWebViewUrl, handleFlowWebViewMessage, "flow", injectedFlow)
+        : null, [makeWebView, flowWebViewUrl, handleFlowWebViewMessage, injectedFlow, flowWebViewRef]);
+    const isVisible = showCheckout;
+    // Prevent extreme edge cases where validations inside start() do not prevent the flow initialization
+    const shouldShowModal = (0, react_1.useMemo)(() => {
+        const value = isVisible && (checkoutUrl !== null && checkoutUrl !== void 0 ? checkoutUrl : "").trim().length > 0;
+        if (devMode) {
+            console.log(`[Glomo-RN-SDK Standard] computed visibilityHook: ${value} for internal switch ${isVisible}, and checkout=${checkoutUrl};`);
+        }
+        return value;
+    }, [isVisible, checkoutUrl, devMode]);
+    // Alias to ensure explicit component reference for React Native
+    const ModalComponent = react_native_1.Modal;
+    /**
+     * Deriving render gates from state:
+     * shouldRenderFlowOverlay: flow overlay is mounted only when there is an active flow URL
+     */
+    const shouldRenderFlowOverlay = Boolean(showFlowWebView && flowWebViewUrl && FlowWebViewComponent);
+    if (devMode) {
+        console.log(`[Glomo-RN-SDK Standard] Render gates: modal=${shouldShowModal}, flowOverlay=${shouldRenderFlowOverlay}, flowWebViewUrl=${flowWebViewUrl || "<empty>"}`);
+    }
+    return (<ModalComponent visible={shouldShowModal} animationType='slide' presentationStyle={react_native_1.Platform.OS === "ios" ? "pageSheet" : "fullScreen"} onRequestClose={handleModalBackButton}>
+            <react_native_1.View style={styles.modalContainer}>
+                <react_native_1.View style={styles.mainWebViewContainer}>{MainWebViewComponent}</react_native_1.View>
+
+                {shouldRenderFlowOverlay && (<react_native_1.View style={styles.flowWebViewContainer}>
+                        <react_native_1.SafeAreaView style={styles.flowHeader}>
+                            <react_native_1.TouchableOpacity onPress={handleFlowBack} style={styles.flowBackButton}>
+                                <react_native_1.Text style={styles.flowBackChevron}>{"\u2039"}</react_native_1.Text>
+                            </react_native_1.TouchableOpacity>
+                        </react_native_1.SafeAreaView>
+                        <react_native_1.View style={styles.flowWebViewContent}>{FlowWebViewComponent}</react_native_1.View>
+                    </react_native_1.View>)}
+            </react_native_1.View>
+        </ModalComponent>);
+}
+/**
+ * Widening the internal type to GlomoStandardCheckoutInternalProps for internal SDK use,
+ * then narrowing the public export to GlomoStandardCheckoutProps so merchants cannot
+ * pass internal-only props like _analyticsTrackers.
+ */
+exports.GlomoStandardCheckout = (0, react_1.forwardRef)(GlomoStandardCheckoutComponent);
+exports.GlomoStandardCheckout.displayName = "GlomoStandardCheckout";
+/**
+ * Internal reference - accepts GlomoStandardCheckoutInternalProps.
+ * Not re-exported from index.ts.
+ */
+exports.GlomoStandardCheckoutInternal = (0, react_1.forwardRef)(GlomoStandardCheckoutComponent);
+exports.GlomoStandardCheckoutInternal.displayName = "GlomoStandardCheckoutInternal";
+const styles = react_native_1.StyleSheet.create({
+    modalContainer: {
+        flex: 1,
+        backgroundColor: "#fff",
+    },
+    mainWebViewContainer: {
+        flex: 1,
+        position: "relative",
+    },
+    webview: {
+        flex: 1,
+    },
+    flowWebViewContainer: {
+        position: "absolute",
+        top: 0,
+        left: 0,
+        right: 0,
+        bottom: 0,
+        flexDirection: "column",
+        backgroundColor: "#fff",
+        zIndex: 99999,
+        elevation: 99999,
+    },
+    flowHeader: {
+        backgroundColor: "#fff",
+        borderBottomWidth: 1,
+        borderBottomColor: "#e0e0e0",
+    },
+    flowBackButton: {
+        paddingVertical: 0,
+        paddingLeft: 20,
+    },
+    flowBackChevron: {
+        fontSize: 42,
+        color: "#333",
+        lineHeight: 42,
+    },
+    flowWebViewContent: {
+        flex: 1,
+    },
+    errorContainer: {
+        flex: 1,
+        justifyContent: "center",
+        alignItems: "center",
+        padding: 20,
+        backgroundColor: "#fff",
+    },
+    errorText: {
+        color: "#d32f2f",
+        fontSize: 14,
+        textAlign: "center",
+        lineHeight: 20,
+    },
+});

package/lib/glomo-subscriptions-checkout.d.ts

@@ -0,0 +1,8 @@
+/**
+ * GlomoSubscriptionsCheckout - thin wrapper around GlomoStandardCheckout
+ * that accepts a subscriptionId (sub_*) instead of an orderId (order_*).
+ */
+import React from "react";
+import { type GlomoSubscriptionsCheckoutProps, type GlomoSubscriptionsCheckoutRef } from "./types/subscriptions-checkout";
+export declare const GlomoSubscriptionsCheckout: React.ForwardRefExoticComponent<GlomoSubscriptionsCheckoutProps & React.RefAttributes<GlomoSubscriptionsCheckoutRef>>;
+//# sourceMappingURL=glomo-subscriptions-checkout.d.ts.map

package/lib/glomo-subscriptions-checkout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"glomo-subscriptions-checkout.d.ts","sourceRoot":"","sources":["../src/glomo-subscriptions-checkout.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAA6D,MAAM,OAAO,CAAC;AAIlF,OAAO,EACH,KAAK,+BAA+B,EACpC,KAAK,6BAA6B,EACrC,MAAM,gCAAgC,CAAC;AAkExC,eAAO,MAAM,0BAA0B,uHAEtC,CAAC"}