@glomopay/react-native-sdk 1.3.5 → 2.0.1

package/README.md

@@ -70,6 +70,11 @@ For Expo Go limitations, see [Expo documentation](https://docs.expo.dev/workflow
 
 Before start the checkout flow, you'll need to create an LRS order using other Glomo SDKs and obtain the Order ID (Alphanumeric, starts with `order_`).
 
+### Breaking Changes (latest)
+
+- `server` no longer accepts a custom URL string. It now accepts one of: `"prod"`, `"staging"`.
+- `educationURL` has been removed from the public API. The SDK now manages any educational content behavior internally.
+
 ### 1. Import the SDK
 
 ```tsx
@@ -141,7 +146,7 @@ function CheckoutScreen()
 
 | Prop | Type | Required | Description |
 |------|------|----------|-------------|
-| `server` | `string` | No | The base LRS checkout server URL. If not provided, defaults to the production URL (`https://lrs-checkout-page-prod.web.app`). Only override this for localhost or staging setups. Must be a valid HTTP or HTTPS URL. |
+| `server` | `"prod" \| "staging"` | No | (For development use ONLY) SDK server environment selector. Defaults to `"prod"` when omitted. |
 | `publicKey` | `string` | Yes | Your public key. If it starts with `test_`, mock mode will be enabled automatically. Otherwise, live mode is used. |
 | `orderId` | `string` | Yes | The order ID for this transaction. Must start with `order_` |
 | `onPaymentSuccess` | `(payload: GlomoLrsCheckoutPayload) => void` | Yes | Callback function called when the payment is successful |
@@ -291,7 +296,7 @@ ready → payment_in_progress → payment_successful (order complete)
 - **Device Security Compliance**: If peer dependency `jail-monkey` is installed and the device does not meet compliance requirements (the device is rooted/jailbroken), `start()` will return `false`. Check `onSdkError` callback for `device_forbidden` errors.
   - However, if `jail-monkey` has not been installed, security compliance checks will be skipped.
 - Check that `orderId` is provided and valid (must start with `order_`)
-- If you're providing `server`, verify it is accessible and a valid HTTP/HTTPS URL (note: `server` is optional and defaults to production)
+- If you're providing `server`, ensure it is one of: `"prod"`, `"staging"` (defaults to `"prod"` when omitted)
 - Ensure `publicKey` is valid (must start with `live_`)
 - Implement `onSdkError` callback to receive validation and device compliance error details
 
@@ -410,11 +415,11 @@ The SDK automatically validates all inputs:
 
 - **`publicKey`**: Must start with `live_` and have a minimum length of 6 characters
 - **`orderId`**: Must start with `order_` and have a minimum length of 7 characters
-- **`server`**: Must be a valid HTTP or HTTPS URL (optional, defaults to production URL if not provided)
+- **`server`**: Optional. Must be one of `"prod"`, `"staging"` (defaults to `"prod"` when omitted)
 
 Validation errors are reported through the `onSdkError` callback. The SDK validates inputs when `start()` is called:
 - Device security compliance check (first, before any other validation)
-- Input validation (publicKey, orderId, server)
+- Input validation (publicKey, orderId, and server environment)
 - Checkout URL validation (before building the final URL)
 
 **Example:**

package/lib/config/base.d.ts

@@ -2,9 +2,18 @@
  * Base Configuration variables for GlomoPay RN SDK
  * This file contains the default base configuration variables for the GlomoPay RN SDK.
  */
-/**
- * The default URL points to the production environment.
- * - DEFAULT_BASE_CHECKOUT_URL: The default base checkout URL for the LRS checkout flow.
- */
-export declare const DEFAULT_BASE_CHECKOUT_URL = "https://lrs-checkout.glomopay.com/";
+/** 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";
+/** Base URLs for a given server environment */
+export interface GlomoLrsServerConfig {
+    checkoutBaseUrl: string;
+    educationCarouselBaseUrl: 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;
+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;;;GAGG;AACH,eAAO,MAAM,yBAAyB,uCAAuC,CAAC"}
+{"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"}

package/lib/config/base.js

@@ -4,9 +4,25 @@
  * This file contains the default base configuration variables for the GlomoPay RN SDK.
  */
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.DEFAULT_BASE_CHECKOUT_URL = void 0;
-/**
- * The default URL points to the production environment.
- * - DEFAULT_BASE_CHECKOUT_URL: The default base checkout URL for the LRS checkout flow.
- */
-exports.DEFAULT_BASE_CHECKOUT_URL = "https://lrs-checkout.glomopay.com/";
+exports.SERVER_CONFIGS = exports.DEFAULT_SERVER = void 0;
+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/",
+    },
+    staging: {
+        checkoutBaseUrl: "https://lrs-checkout-page-staging.web.app/",
+        educationCarouselBaseUrl: "https://glomopay-utilities-staging.web.app/lrs-education-carousel/",
+    },
+    local: {
+        checkoutBaseUrl: "http://localhost:6870/",
+        educationCarouselBaseUrl: "http://localhost:6871/lrs-education-carousel/",
+    },
+};
+/** Returns the server config for the given environment, falling back to the default (prod) server */
+function resolveServerConfig(server) {
+    const resolvedServer = server && server in exports.SERVER_CONFIGS ? server : exports.DEFAULT_SERVER;
+    return exports.SERVER_CONFIGS[resolvedServer];
+}

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

@@ -1 +1 @@
-{"version":3,"file":"glomo-lrs-checkout.d.ts","sourceRoot":"","sources":["../src/glomo-lrs-checkout.tsx"],"names":[],"mappings":"AAAA,0CAA0C;AAE1C,OAAO,KAAmD,MAAM,OAAO,CAAC;AAIxE,OAAO,EAAkB,KAAK,qBAAqB,EAAE,KAAK,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AACxG,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAGlD,MAAM,WAAW,qBAAsB,SAAQ,qBAAqB;IAChE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,IAAI,CAAC;CACjD;AAED,MAAM,WAAW,mBAAmB;IAChC,KAAK,EAAE,MAAM,OAAO,CAAC;IACrB,SAAS,EAAE,MAAM,iBAAiB,CAAC;CACtC;AAkND,eAAO,MAAM,gBAAgB,mGAAoF,CAAC"}
+{"version":3,"file":"glomo-lrs-checkout.d.ts","sourceRoot":"","sources":["../src/glomo-lrs-checkout.tsx"],"names":[],"mappings":"AAAA,0CAA0C;AAE1C,OAAO,KAAmD,MAAM,OAAO,CAAC;AAIxE,OAAO,EAAkB,KAAK,qBAAqB,EAAE,KAAK,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AACxG,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAGlD,MAAM,WAAW,qBAAsB,SAAQ,qBAAqB;IAChE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,IAAI,CAAC;CACjD;AAED,MAAM,WAAW,mBAAmB;IAChC,KAAK,EAAE,MAAM,OAAO,CAAC;IACrB,SAAS,EAAE,MAAM,iBAAiB,CAAC;CACtC;AAwWD,eAAO,MAAM,gBAAgB,mGAAoF,CAAC"}

package/lib/glomo-lrs-checkout.js

@@ -43,7 +43,7 @@ const validation_1 = require("./utils/validation");
 /**
  * The Main GlomoPay LRS Checkout Component
  *
- * @param server - Optional. The base LRS checkout server. If not provided, defaults to the production URL (https://lrs-checkout-page-prod.web.app). Only override this for localhost or staging setups.
+ * @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_"
  *
@@ -63,12 +63,13 @@ function GlomoLrsCheckoutComponent({ server, publicKey, orderId, onPaymentSucces
     // 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(`[GlomoPay RN SDK] ${mockMode ? "Using" : "Not using"} Mock mode for publicKey: ${publicKey}`);
+            console.log(`[GlomoPay RN SDK] ${resolvedMockMode ? "Using" : "Not using"} Mock mode for publicKey: ${publicKey}`);
         }
-        return (_a = publicKey === null || publicKey === void 0 ? void 0 : publicKey.toLowerCase().startsWith("test_")) !== null && _a !== void 0 ? _a : false;
+        return resolvedMockMode;
     }, [publicKey, devMode]);
-    const { start, status, showCheckout, flowWebViewUrl, showFlowWebView, checkoutUrl, mainWebViewRef, flowWebViewRef, handleMainWebViewMessage, handleFlowWebViewMessage, handleError, handleHttpError, handleNavigationStateChange, handleModalBackButton, handleFlowBack, injectedMain, injectedFlow, } = (0, use_lrs_checkout_1.useLrsCheckout)({
+    const { start, status, showCheckout, flowWebViewUrl, showFlowWebView, educationCarouselUrl: resolvedEducationCarouselUrl, educationCarouselState, checkoutUrl, mainWebViewRef, flowWebViewRef, educationCarouselWebViewRef, handleMainWebViewMessage, handleFlowWebViewMessage, handleEducationCarouselWebViewMessage, handleError, handleHttpError, handleNavigationStateChange, handleModalBackButton, handleFlowBack, injectedMain, injectedFlow, injectedEducationCarousel, } = (0, use_lrs_checkout_1.useLrsCheckout)({
         server,
         publicKey,
         orderId,
@@ -84,8 +85,57 @@ function GlomoLrsCheckoutComponent({ server, publicKey, orderId, onPaymentSucces
         start,
         getStatus: () => status,
     }));
+    /**
+     * Injecting a viewport meta tag and CSS text-size-adjust guard into the carousel WebView on load.
+     * This prevents the OS from auto-scaling text (especially on Android), which can break the carousel layout.
+     */
+    const carouselViewportGuardScript = (0, react_1.useMemo)(() => `
+            (function() {
+                try {
+                    var viewportContent = "width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no, viewport-fit=cover";
+                    var viewportTag = document.querySelector("meta[name='viewport']");
+
+                    if (!viewportTag) {
+                        viewportTag = document.createElement("meta");
+                        viewportTag.setAttribute("name", "viewport");
+                        var headOrRoot = document.head || document.documentElement;
+                        if (headOrRoot) {
+                            headOrRoot.appendChild(viewportTag);
+                        }
+                    }
+
+                    if (viewportTag) {
+                        viewportTag.setAttribute("content", viewportContent);
+                    }
+
+                    var styleTagId = "__glomo_rn_webview_scale_guard__";
+                    var existingStyleTag = document.getElementById(styleTagId);
+                    if (!existingStyleTag) {
+                        var styleTag = document.createElement("style");
+                        styleTag.id = styleTagId;
+                        styleTag.textContent = "html, body, * { -webkit-text-size-adjust: 100% !important; text-size-adjust: 100% !important; }";
+                        var styleHost = document.head || document.documentElement;
+                        if (styleHost) {
+                            styleHost.appendChild(styleTag);
+                        }
+                    }
+                } catch (error) {}
+                true;
+            })();
+        `, []);
+    /**
+     * Locking down zoom and scaling behaviour for the carousel WebView.
+     * setSupportZoom/scalesPageToFit prevent user-initiated and system-initiated zoom;
+     * textZoom=100 on Android normalises the system font-size setting so the carousel isn't affected.
+     */
+    const carouselWebViewProps = (0, react_1.useMemo)(() => ({
+        setSupportZoom: false,
+        scalesPageToFit: false,
+        overScrollMode: "never",
+        textZoom: react_native_1.Platform.OS === "android" ? 100 : undefined,
+    }), []);
     // Making the WebView component
-    const makeWebView = react_1.default.useCallback((ref, url, messageHandler, identifier, injectedJavaScript) => {
+    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) {
@@ -107,12 +157,37 @@ function GlomoLrsCheckoutComponent({ server, publicKey, orderId, onPaymentSucces
             }
             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} source={{ uri: url }} javaScriptCanOpenWindowsAutomatically={true} setSupportMultipleWindows={true} incognito={true} cacheEnabled={false} cacheMode='LOAD_NO_CACHE' pullToRefreshEnabled={false} limitsNavigationsToAppBoundDomains={false} menuItems={[]} injectedJavaScript={injectedJavaScript} style={styles.webview} showsHorizontalScrollIndicator={false} showsVerticalScrollIndicator={false} mixedContentMode='always' thirdPartyCookiesEnabled={true} sharedCookiesEnabled={true} allowsInlineMediaPlayback={true} mediaPlaybackRequiresUserAction={false}/>);
-    }, [handleError, handleHttpError, handleNavigationStateChange, devMode]);
+        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}`);
+                }
+            }} onLoadEnd={() => {
+                if (identifier === "educationCarousel" && ref.current && carouselViewportGuardScript) {
+                    ref.current.injectJavaScript(carouselViewportGuardScript);
+                }
+                if (devMode) {
+                    console.log(`[GlomoPay RN SDK] [${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}`);
+                }
+            }} 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]);
     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 EducationCarouselWebViewComponent = (0, react_1.useMemo)(() => resolvedEducationCarouselUrl
+        ? makeWebView(educationCarouselWebViewRef, resolvedEducationCarouselUrl, handleEducationCarouselWebViewMessage, "educationCarousel", injectedEducationCarousel, undefined, carouselWebViewProps)
+        : null, [
+        makeWebView,
+        resolvedEducationCarouselUrl,
+        educationCarouselWebViewRef,
+        handleEducationCarouselWebViewMessage,
+        injectedEducationCarousel,
+        carouselWebViewProps,
+    ]);
     // Using the controlled visible if provided, otherwise using the internal state
     const isVisible = (0, react_1.useMemo)(() => controlledVisible !== null && controlledVisible !== void 0 ? controlledVisible : showCheckout, [controlledVisible, showCheckout]);
     // Prevent extreme edge cases where validations inside start() do not prevent the flow initialization
@@ -125,17 +200,44 @@ function GlomoLrsCheckoutComponent({ server, publicKey, orderId, onPaymentSucces
     }, [isVisible, checkoutUrl, devMode]);
     // Alias to ensure explicit component reference for React Native
     const ModalComponent = react_native_1.Modal;
+    /**
+     * Deriving render gates from state:
+     * showCarousel: carousel WebView is visible only after it signals it has content
+     * shouldRenderFlowOverlay: flow overlay is mounted only when there is an active flow URL
+     * shouldRenderEducationCarousel: carousel is rendered inside the flow overlay (depends on shouldRenderFlowOverlay)
+     */
+    const showCarousel = educationCarouselState === "hasContent";
+    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>"}`);
+    }
     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>
 
-                {showFlowWebView && flowWebViewUrl && FlowWebViewComponent && (<react_native_1.View style={styles.flowWebViewContainer}>
+                {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}>‹</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 style={styles.overlayContentContainer}>
+                            {shouldRenderEducationCarousel && (<react_native_1.View pointerEvents={showCarousel ? "auto" : "none"} style={[
+                    styles.educationCarouselContainer,
+                    showCarousel
+                        ? styles.educationCarouselContainerVisible
+                        : styles.educationCarouselContainerHidden,
+                ]}>
+                                    {EducationCarouselWebViewComponent}
+                                </react_native_1.View>)}
+                            <react_native_1.View style={[
+                styles.flowWebViewContent,
+                showCarousel ? styles.flowWebViewContentWithCarousel : null,
+            ]}>
+                                {FlowWebViewComponent}
+                            </react_native_1.View>
+                        </react_native_1.View>
                     </react_native_1.View>)}
             </react_native_1.View>
         </ModalComponent>);
@@ -169,10 +271,9 @@ const styles = react_native_1.StyleSheet.create({
         backgroundColor: "#fff",
         borderBottomWidth: 1,
         borderBottomColor: "#e0e0e0",
-        paddingTop: react_native_1.Platform.OS === "android" ? react_native_1.StatusBar.currentHeight : 0,
     },
     flowBackButton: {
-        paddingVertical: 6,
+        paddingVertical: 0,
         paddingLeft: 20,
     },
     flowBackChevron: {
@@ -183,6 +284,31 @@ const styles = react_native_1.StyleSheet.create({
     flowWebViewContent: {
         flex: 1,
     },
+    flowWebViewContentWithCarousel: {
+        flex: 8.5,
+    },
+    overlayContentContainer: {
+        flex: 1,
+    },
+    educationCarouselContainer: {
+        flex: 1.5,
+    },
+    educationCarouselContainerVisible: {
+        opacity: 1,
+        zIndex: 2,
+        elevation: 2,
+    },
+    educationCarouselContainerHidden: {
+        position: "absolute",
+        top: 0,
+        left: 0,
+        width: 1,
+        height: 1,
+        opacity: 0,
+        zIndex: -1,
+        elevation: 0,
+        overflow: "hidden",
+    },
     errorContainer: {
         flex: 1,
         justifyContent: "center",

package/lib/index.d.ts

@@ -1,5 +1,6 @@
 /** The GlomoPay RN SDK exports */
 export { type GlomoLrsCheckoutPayload, type LrsCheckoutStatus } from "./use-lrs-checkout";
 export { type SdkError } from "./utils/analytics";
+export { type GlomoLrsServer } from "./config/base";
 export { GlomoLrsCheckout, type GlomoLrsCheckoutProps, type GlomoLrsCheckoutRef } from "./glomo-lrs-checkout";
 //# sourceMappingURL=index.d.ts.map

package/lib/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,kCAAkC;AAGlC,OAAO,EAAE,KAAK,uBAAuB,EAAE,KAAK,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAC1F,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAGlD,OAAO,EAAE,gBAAgB,EAAE,KAAK,qBAAqB,EAAE,KAAK,mBAAmB,EAAE,MAAM,sBAAsB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,kCAAkC;AAGlC,OAAO,EAAE,KAAK,uBAAuB,EAAE,KAAK,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAC1F,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,eAAe,CAAC;AAGpD,OAAO,EAAE,gBAAgB,EAAE,KAAK,qBAAqB,EAAE,KAAK,mBAAmB,EAAE,MAAM,sBAAsB,CAAC"}

package/lib/injections/index.d.ts

@@ -1,5 +1,6 @@
 export declare const InjectionScripts: {
     main: string;
     flow: string;
+    educationCarousel: string;
 };
 //# sourceMappingURL=index.d.ts.map

package/lib/injections/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/injections/index.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,gBAAgB;;;CAG5B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/injections/index.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,gBAAgB;;;;CAI5B,CAAC"}

package/lib/injections/index.js

@@ -6,7 +6,9 @@ exports.InjectionScripts = void 0;
  */
 const webview_main_injection_1 = require("./webview-main.injection");
 const webview_flow_injection_1 = require("./webview-flow.injection");
+const webview_education_carousel_injection_1 = require("./webview-education-carousel.injection");
 exports.InjectionScripts = {
     main: webview_main_injection_1.injectedScript,
     flow: webview_flow_injection_1.injectedScript,
+    educationCarousel: webview_education_carousel_injection_1.injectedScript,
 };

package/lib/injections/webview-education-carousel.injection.d.ts

@@ -0,0 +1,3 @@
+/** Injection JavaScript for the Education Carousel WebView */
+export declare const injectedScript: string;
+//# sourceMappingURL=webview-education-carousel.injection.d.ts.map

package/lib/injections/webview-education-carousel.injection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"webview-education-carousel.injection.d.ts","sourceRoot":"","sources":["../../src/injections/webview-education-carousel.injection.ts"],"names":[],"mappings":"AAAA,8DAA8D;AAC9D,eAAO,MAAM,cAAc,EAAE,MAwJ5B,CAAC"}

package/lib/injections/webview-education-carousel.injection.js

@@ -0,0 +1,157 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.injectedScript = void 0;
+/** Injection JavaScript for the Education Carousel WebView */
+exports.injectedScript = `
+    (function() {
+      // Handling the carousel
+      const LOG_PREFIX = 'EDUCATION_CAROUSEL_WEBVIEW: ';
+      
+      function formatMessage(args) {
+        return args.map(function(arg) {
+          if (typeof arg === 'object') {
+            try {
+              return LOG_PREFIX + JSON.stringify(arg, null, 2);
+            } catch (error) {
+              return LOG_PREFIX + '[unserializable object]';
+            }
+          }
+          
+          return LOG_PREFIX + String(arg);
+        }).join(' ');
+      }
+
+      function parseMessageData(rawData) {
+        if (typeof rawData === 'string') {
+          try {
+            return JSON.parse(rawData);
+          } catch (error) {
+            return rawData;
+          }
+        }
+
+        return rawData;
+      }
+
+      function forwardEducationStepsMessage(data, source) {
+        const parsedData = parseMessageData(data);
+
+        if (!parsedData || typeof parsedData !== 'object') {
+          safePostMessage({
+            type: 'console',
+            level: 'debug',
+            message: formatMessage(['Ignored non-object carousel message from ' + source, parsedData])
+          });
+          return;
+        }
+
+        if (parsedData.type !== 'lrs.has_education_steps') {
+          safePostMessage({
+            type: 'console',
+            level: 'debug',
+            message: formatMessage(['Ignored unrelated carousel message from ' + source, parsedData])
+          });
+          return;
+        }
+
+        safePostMessage({
+          type: 'lrs.has_education_steps',
+          value: Boolean(parsedData.value),
+          source: source,
+          payload: parsedData
+        });
+
+        safePostMessage({
+          type: 'console',
+          level: 'info',
+          message: formatMessage(['Forwarded lrs.has_education_steps from ' + source, parsedData])
+        });
+      }
+
+      function safePostMessage(payload) {
+        try {
+          if (window.ReactNativeWebView && typeof window.ReactNativeWebView.postMessage === 'function') {
+            window.ReactNativeWebView.postMessage(JSON.stringify(payload));
+          }
+        } catch (error) {
+          originalError && originalError.call(console, LOG_PREFIX + 'Failed to post message to ReactNativeWebView', error);
+        }
+      }
+
+      // Overriding console methods
+      const originalLog = console.log;
+      const originalWarn = console.warn;
+      const originalError = console.error;
+      const originalInfo = console.info;
+
+      console.log = function(...args) {
+        originalLog.apply(console, args);
+        safePostMessage({
+          type: 'console',
+          level: 'log',
+          message: formatMessage(args)
+        });
+      };
+
+      console.warn = function(...args) {
+        originalWarn.apply(console, args);
+        safePostMessage({
+          type: 'console',
+          level: 'warn',
+          message: formatMessage(args)
+        });
+      };
+
+      console.error = function(...args) {
+        originalError.apply(console, args);
+        safePostMessage({
+          type: 'console',
+          level: 'error',
+          message: formatMessage(args)
+        });
+      };
+
+      console.info = function(...args) {
+        originalInfo.apply(console, args);
+        safePostMessage({
+          type: 'console',
+          level: 'info',
+          message: formatMessage(args)
+        });
+      };
+
+      // Listening for unhandled errors
+      window.addEventListener('error', function(event) {
+        safePostMessage({
+          type: 'console',
+          level: 'error',
+          message: LOG_PREFIX + 'Unhandled Error: ' + event.message + ' at ' + event.filename + ':' + event.lineno
+        });
+      });
+
+      // Listening for unhandled promise rejections
+      window.addEventListener('unhandledrejection', function(event) {
+        safePostMessage({
+          type: 'console',
+          level: 'error',
+          message: LOG_PREFIX + 'Unhandled Promise Rejection: ' + (event.reason?.toString() || 'Unknown')
+        });
+      });
+
+      // Listening for messages from the WebView
+      window.addEventListener('message', function(event) {
+        console.log(LOG_PREFIX + 'Message received from window: ' + event.data);
+        forwardEducationStepsMessage(event.data, 'window.message');
+      });
+
+      document.addEventListener('message', function(event) {
+        console.log(LOG_PREFIX + 'Message received from document: ' + event.data);
+        forwardEducationStepsMessage(event.data, 'document.message');
+      });
+
+      // Logging that injection is complete
+      console.log(LOG_PREFIX + 'GlomoPay WebView JavaScript injection complete and waiting for lrs.has_education_steps');
+
+      true; // Required for injected JavaScript
+    })();
+`;

package/lib/injections/webview-flow.injection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"webview-flow.injection.d.ts","sourceRoot":"","sources":["../../src/injections/webview-flow.injection.ts"],"names":[],"mappings":"AAAA,qDAAqD;AACrD,eAAO,MAAM,cAAc,EAAE,MA8K5B,CAAC"}
+{"version":3,"file":"webview-flow.injection.d.ts","sourceRoot":"","sources":["../../src/injections/webview-flow.injection.ts"],"names":[],"mappings":"AAAA,qDAAqD;AACrD,eAAO,MAAM,cAAc,EAAE,MA4K5B,CAAC"}

package/lib/injections/webview-flow.injection.js

@@ -4,7 +4,7 @@ exports.injectedScript = void 0;
 /** Injection JavaScript for the Secondary WebView */
 exports.injectedScript = `
     (function() {
-      // Override console methods
+      // Overriding console methods
       const originalLog = console.log;
       const originalWarn = console.warn;
       const originalError = console.error;
@@ -61,8 +61,7 @@ exports.injectedScript = `
             window.ReactNativeWebView.postMessage(JSON.stringify({
                 type: 'console',
                 level: 'network',
-                message: "FLOW_WEBVIEW: " + 'FETCH RESPONSE: ' + url + ' - Status: ' + response.status,
-                extraData: { data: response.responseText }
+                message: "FLOW_WEBVIEW: " + 'FETCH RESPONSE: ' + url + ' - Status: ' + response.status
               }));
             return response;
           })
@@ -97,8 +96,7 @@ exports.injectedScript = `
           window.ReactNativeWebView.postMessage(JSON.stringify({
               type: 'console',
               level: 'network',
-              message: "FLOW_WEBVIEW: " + 'XHR RESPONSE: ' + this._url + ' - Status: ' + this.status,
-              extraData: { data: this.responseText }
+              message: "FLOW_WEBVIEW: " + 'XHR RESPONSE: ' + this._url + ' - Status: ' + this.status
             }));
         });
         

package/lib/injections/webview-main.injection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"webview-main.injection.d.ts","sourceRoot":"","sources":["../../src/injections/webview-main.injection.ts"],"names":[],"mappings":"AAAA,mDAAmD;AACnD,eAAO,MAAM,cAAc,EAAE,MAsL5B,CAAC"}
+{"version":3,"file":"webview-main.injection.d.ts","sourceRoot":"","sources":["../../src/injections/webview-main.injection.ts"],"names":[],"mappings":"AAAA,mDAAmD;AACnD,eAAO,MAAM,cAAc,EAAE,MAoL5B,CAAC"}

package/lib/injections/webview-main.injection.js

@@ -4,7 +4,7 @@ exports.injectedScript = void 0;
 /** Injection JavaScript for the Primary WebView */
 exports.injectedScript = `
     (function() {
-      // Override console methods
+      // Overriding console methods
       const originalLog = console.log;
       const originalWarn = console.warn;
       const originalError = console.error;
@@ -97,15 +97,13 @@ exports.injectedScript = `
               window.ReactNativeWebView.postMessage(JSON.stringify({
                 type: 'console',
                 level: 'network',
-                message: 'XHR RESPONSE LOAD: ' + this._url + ' - Status: ' + this.status,
-                extraData: { data: this.responseText }
+                message: 'XHR RESPONSE LOAD: ' + this._url + ' - Status: ' + this.status
               }));
           } catch (e) {
             window.ReactNativeWebView.postMessage(JSON.stringify({
               type: 'console',
               level: 'network',
-              message: 'XHR RESPONSE ERROR: ' + this._url + ' - Status: ' + this.status,
-              extraData: { data: this.responseText }
+              message: 'XHR RESPONSE ERROR: ' + this._url + ' - Status: ' + this.status
             }));
           }
         });