@glomopay/react-native-sdk 2.0.2 → 3.1.0

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

@@ -4,182 +4,217 @@ exports.injectedScript = void 0;
 /** Injection JavaScript for the Primary WebView */
 exports.injectedScript = `
     (function() {
-      // Overriding console methods
+      // Log prefix for all messages originating from the main WebView
+      const LOG_PREFIX = 'MAIN_WEBVIEW: ';
+
+      /**
+       * Formats an array of arguments into a single prefixed string for posting back to React Native.
+       * Objects are JSON-stringified; primitives are coerced to strings.
+       */
+      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(' ');
+      }
+
+      // Saving original console methods before overriding (must be declared before safePostMessage references them)
       const originalLog = console.log;
       const originalWarn = console.warn;
       const originalError = console.error;
       const originalInfo = console.info;
-      
+
+      /**
+       * Safely posts a message to ReactNativeWebView with a guard check.
+       * Prevents crashes if the WebView bridge is not yet ready or has been torn down.
+       */
+      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 to forward logs back to React Native
       console.log = function(...args) {
         originalLog.apply(console, args);
-        window.ReactNativeWebView.postMessage(JSON.stringify({
+        safePostMessage({
           type: 'console',
           level: 'log',
-          message: args.map(a => typeof a === 'object' ? JSON.stringify(a, null, 2) : String(a)).join(' ')
-        }));
+          message: formatMessage(args)
+        });
       };
-      
+
       console.warn = function(...args) {
         originalWarn.apply(console, args);
-        window.ReactNativeWebView.postMessage(JSON.stringify({
+        safePostMessage({
           type: 'console',
           level: 'warn',
-          message: args.map(a => typeof a === 'object' ? JSON.stringify(a, null, 2) : String(a)).join(' ')
-        }));
+          message: formatMessage(args)
+        });
       };
-      
+
       console.error = function(...args) {
         originalError.apply(console, args);
-        window.ReactNativeWebView.postMessage(JSON.stringify({
+        safePostMessage({
           type: 'console',
           level: 'error',
-          message: args.map(a => typeof a === 'object' ? JSON.stringify(a, null, 2) : String(a)).join(' ')
-        }));
+          message: formatMessage(args)
+        });
       };
-      
+
       console.info = function(...args) {
         originalInfo.apply(console, args);
-        window.ReactNativeWebView.postMessage(JSON.stringify({
+        safePostMessage({
           type: 'console',
           level: 'info',
-          message: args.map(a => typeof a === 'object' ? JSON.stringify(a, null, 2) : String(a)).join(' ')
-        }));
+          message: formatMessage(args)
+        });
       };
-      
-      // Intercepting fetch requests
+
+      // Intercepting fetch requests to log network activity
       const originalFetch = window.fetch;
       window.fetch = function(...args) {
         const url = typeof args[0] === 'string' ? args[0] : args[0]?.url || 'Unknown URL';
-        window.ReactNativeWebView.postMessage(JSON.stringify({
+        safePostMessage({
           type: 'console',
           level: 'network',
-          message: 'FETCH REQUEST: ' + url
-        }));
-        
+          message: LOG_PREFIX + 'FETCH REQUEST: ' + url
+        });
+
         return originalFetch.apply(this, args)
           .then(response => {
-            window.ReactNativeWebView.postMessage(JSON.stringify({
-                type: 'console',
-                level: 'network',
-                message: 'FETCH RESPONSE: ' + url + ' - Status: ' + response.status
-              }));
+            safePostMessage({
+              type: 'console',
+              level: 'network',
+              message: LOG_PREFIX + 'FETCH RESPONSE: ' + url + ' - Status: ' + response.status
+            });
             return response;
           })
           .catch(error => {
-            window.ReactNativeWebView.postMessage(JSON.stringify({
+            safePostMessage({
               type: 'console',
               level: 'error',
-              message: 'FETCH ERROR: ' + url + ' - ' + error.message
-            }));
+              message: LOG_PREFIX + 'FETCH ERROR: ' + url + ' - ' + error.message
+            });
             throw error;
           });
       };
-      
-      // Intercepting XMLHttpRequest
+
+      // Intercepting XMLHttpRequest to log network activity
       const originalOpen = XMLHttpRequest.prototype.open;
       const originalSend = XMLHttpRequest.prototype.send;
-      
+
       XMLHttpRequest.prototype.open = function(method, url) {
         this._url = url;
         this._method = method;
         return originalOpen.apply(this, arguments);
       };
-      
+
       XMLHttpRequest.prototype.send = function() {
-        window.ReactNativeWebView.postMessage(JSON.stringify({
+        safePostMessage({
           type: 'console',
           level: 'network',
-          message: 'XHR REQUEST: ' + this._method + ' ' + this._url
-        }));
-        
+          message: LOG_PREFIX + 'XHR REQUEST: ' + this._method + ' ' + this._url
+        });
+
         this.addEventListener('load', function() {
           try {
-              window.ReactNativeWebView.postMessage(JSON.stringify({
-                type: 'console',
-                level: 'network',
-                message: 'XHR RESPONSE LOAD: ' + this._url + ' - Status: ' + this.status
-              }));
+            safePostMessage({
+              type: 'console',
+              level: 'network',
+              message: LOG_PREFIX + 'XHR RESPONSE LOAD: ' + this._url + ' - Status: ' + this.status
+            });
           } catch (e) {
-            window.ReactNativeWebView.postMessage(JSON.stringify({
+            safePostMessage({
               type: 'console',
               level: 'network',
-              message: 'XHR RESPONSE ERROR: ' + this._url + ' - Status: ' + this.status
-            }));
+              message: LOG_PREFIX + 'XHR RESPONSE ERROR: ' + this._url + ' - Status: ' + this.status
+            });
           }
         });
-        
+
         this.addEventListener('error', function() {
-          window.ReactNativeWebView.postMessage(JSON.stringify({
+          safePostMessage({
             type: 'console',
             level: 'error',
-            message: 'XHR ERROR: ' + this._url
-          }));
+            message: LOG_PREFIX + 'XHR ERROR: ' + this._url
+          });
         });
-        
+
         return originalSend.apply(this, arguments);
       };
-      
+
       // Intercepting window.open
       const originalWindowOpen = window.open;
       window.open = function(url, target, features) {
-        window.ReactNativeWebView.postMessage(JSON.stringify({
+        safePostMessage({
           type: 'window.open',
           url: url,
           target: target,
           features: features
-        }));
-        
-        // Returning a dummy window object to prevent JS errors
+        });
+
+        // Returning a mock window object to prevent JS errors
         return {
           closed: false,
           close: function() {
-            window.ReactNativeWebView.postMessage(JSON.stringify({
+            safePostMessage({
               type: 'window.close'
-            }));
+            });
           },
           focus: function() {
-            window.ReactNativeWebView.postMessage(JSON.stringify({
+            safePostMessage({
               type: 'window.focus'
-            }));
+            });
           },
           blur: function() {
-            window.ReactNativeWebView.postMessage(JSON.stringify({
+            safePostMessage({
               type: 'window.blur'
-            }));
+            });
           }
         };
       };
-      
+
       // Listening for unhandled errors
       window.addEventListener('error', function(event) {
-        window.ReactNativeWebView.postMessage(JSON.stringify({
+        safePostMessage({
           type: 'console',
           level: 'error',
-          message: 'Unhandled Error: ' + event.message + ' at ' + event.filename + ':' + event.lineno
-        }));
+          message: LOG_PREFIX + 'Unhandled Error: ' + event.message + ' at ' + event.filename + ':' + event.lineno
+        });
       });
-      
+
       // Listening for unhandled promise rejections
       window.addEventListener('unhandledrejection', function(event) {
-        window.ReactNativeWebView.postMessage(JSON.stringify({
+        safePostMessage({
           type: 'console',
           level: 'error',
-          message: 'Unhandled Promise Rejection: ' + (event.reason?.toString() || 'Unknown')
-        }));
+          message: LOG_PREFIX + 'Unhandled Promise Rejection: ' + (event.reason?.toString() || 'Unknown')
+        });
       });
 
       // Listening for messages from the WebView
       window.addEventListener('message', function(event) {
-        console.log("MAIN_WEBVIEW: " + 'Message received: ' + event.data);  
-        window.ReactNativeWebView.postMessage(JSON.stringify({
+        console.log(LOG_PREFIX + 'Message received: ' + event.data);
+        safePostMessage({
           type: 'message',
           message: event.data
-        }));
+        });
       });
-      
+
       // Logging that injection is complete
-      console.log('GlomoPay WebView JavaScript injection complete');
-      
+      console.log(LOG_PREFIX + 'GlomoPay WebView JavaScript injection complete');
+
       true; // Required for injected JavaScript
     })();
 `;

package/lib/injections/webview-standard.injection.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"webview-standard.injection.d.ts","sourceRoot":"","sources":["../../src/injections/webview-standard.injection.ts"],"names":[],"mappings":"AAAA,6DAA6D;AAC7D,eAAO,MAAM,cAAc,EAAE,MAiN5B,CAAC"}

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

@@ -0,0 +1,214 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.injectedScript = void 0;
+/** Injection JavaScript for the Standard Checkout WebView */
+exports.injectedScript = `
+    (function() {
+      // Log prefix for all messages originating from the standard checkout WebView
+      const LOG_PREFIX = 'STANDARD_WEBVIEW: ';
+
+      /**
+       * Formats an array of arguments into a single prefixed string for posting back to React Native.
+       * Objects are JSON-stringified; primitives are coerced to strings.
+       */
+      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(' ');
+      }
+
+      // Saving original console methods before overriding (must be declared before safePostMessage references them)
+      const originalLog = console.log;
+      const originalWarn = console.warn;
+      const originalError = console.error;
+      const originalInfo = console.info;
+
+      /**
+       * Safely posts a message to ReactNativeWebView with a guard check.
+       * Prevents crashes if the WebView bridge is not yet ready or has been torn down.
+       */
+      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 to forward logs back to React Native
+
+      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)
+        });
+      };
+
+      // Intercepting fetch requests to log network activity
+      const originalFetch = window.fetch;
+      window.fetch = function(...args) {
+        const url = typeof args[0] === 'string' ? args[0] : args[0]?.url || 'Unknown URL';
+        safePostMessage({
+          type: 'console',
+          level: 'network',
+          message: LOG_PREFIX + 'FETCH REQUEST: ' + url
+        });
+
+        return originalFetch.apply(this, args)
+          .then(response => {
+            safePostMessage({
+              type: 'console',
+              level: 'network',
+              message: LOG_PREFIX + 'FETCH RESPONSE: ' + url + ' - Status: ' + response.status
+            });
+            return response;
+          })
+          .catch(error => {
+            safePostMessage({
+              type: 'console',
+              level: 'error',
+              message: LOG_PREFIX + 'FETCH ERROR: ' + url + ' - ' + error.message
+            });
+            throw error;
+          });
+      };
+
+      // Intercepting XMLHttpRequest to log network activity
+      const originalOpen = XMLHttpRequest.prototype.open;
+      const originalSend = XMLHttpRequest.prototype.send;
+
+      XMLHttpRequest.prototype.open = function(method, url) {
+        this._url = url;
+        this._method = method;
+        return originalOpen.apply(this, arguments);
+      };
+
+      XMLHttpRequest.prototype.send = function() {
+        safePostMessage({
+          type: 'console',
+          level: 'network',
+          message: LOG_PREFIX + 'XHR REQUEST: ' + this._method + ' ' + this._url
+        });
+
+        this.addEventListener('load', function() {
+          safePostMessage({
+            type: 'console',
+            level: 'network',
+            message: LOG_PREFIX + 'XHR RESPONSE: ' + this._url + ' - Status: ' + this.status
+          });
+        });
+
+        this.addEventListener('error', function() {
+          safePostMessage({
+            type: 'console',
+            level: 'error',
+            message: LOG_PREFIX + 'XHR ERROR: ' + this._url
+          });
+        });
+
+        return originalSend.apply(this, arguments);
+      };
+
+      // Intercepting programmatic form.submit() - force target="_blank" to "_self"
+      const originalSubmit = HTMLFormElement.prototype.submit;
+      HTMLFormElement.prototype.submit = function() {
+        if (this.target === '_blank') {
+          this.target = '_self';
+        }
+        return originalSubmit.call(this);
+      };
+
+      // Intercepting window.open (for 3DS redirects, bank pages, etc.)
+      const originalWindowOpen = window.open;
+      window.open = function(url, target, features) {
+        safePostMessage({
+          type: 'window.open',
+          url: url,
+          target: target,
+          features: features
+        });
+
+        // Returning a mock window object so the caller does not crash on .close()/.focus() calls
+        return {
+          closed: false,
+          close: function() {
+            safePostMessage({
+              type: 'window.close'
+            });
+          },
+          focus: function() {},
+          blur: function() {}
+        };
+      };
+
+      // 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 checkout page (payment events, lifecycle events)
+      window.addEventListener('message', function(event) {
+        console.log(LOG_PREFIX + 'Message received: ' + event.data);
+        safePostMessage({
+          type: 'message',
+          message: event.data
+        });
+      });
+
+      // Logging that injection is complete
+      console.log(LOG_PREFIX + 'GlomoPay WebView JavaScript injection complete');
+
+      true; // Required for injected JavaScript
+    })();
+`;

package/lib/services/order-type-fetcher.d.ts

@@ -0,0 +1,28 @@
+/**
+ * Order type fetcher service.
+ * Calls the order API to determine whether a given orderId is an LRS or Standard checkout flow.
+ * Used by the unified GlomoCheckout component to delegate to the correct inner component.
+ */
+import { type GlomoServer } from "../config/base";
+/** The two supported checkout flow types */
+export type OrderType = "standard" | "lrs";
+/** Discriminated union result - either a resolved order type or an error message */
+export type OrderTypeResult = {
+    success: true;
+    orderType: OrderType;
+} | {
+    success: false;
+    error: string;
+};
+/**
+ * Fetches the order type for the given orderId from the public API.
+ * Returns a discriminated union so the caller can handle success/failure without try-catch.
+ */
+export declare function fetchOrderType(options: {
+    orderId: string;
+    publicKey: string;
+    server?: GlomoServer;
+    timeoutMs?: number;
+    devMode?: boolean;
+}): Promise<OrderTypeResult>;
+//# sourceMappingURL=order-type-fetcher.d.ts.map

package/lib/services/order-type-fetcher.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"order-type-fetcher.d.ts","sourceRoot":"","sources":["../../src/services/order-type-fetcher.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,OAAO,EAAuB,KAAK,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAEvE,4CAA4C;AAC5C,MAAM,MAAM,SAAS,GAAG,UAAU,GAAG,KAAK,CAAC;AAE3C,oFAAoF;AACpF,MAAM,MAAM,eAAe,GAAG;IAAE,OAAO,EAAE,IAAI,CAAC;IAAC,SAAS,EAAE,SAAS,CAAA;CAAE,GAAG;IAAE,OAAO,EAAE,KAAK,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC;AAE1G;;;GAGG;AACH,wBAAsB,cAAc,CAAC,OAAO,EAAE;IAC1C,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;CACrB,GAAG,OAAO,CAAC,eAAe,CAAC,CA4D3B"}

package/lib/services/order-type-fetcher.js

@@ -0,0 +1,99 @@
+"use strict";
+/**
+ * Order type fetcher service.
+ * Calls the order API to determine whether a given orderId is an LRS or Standard checkout flow.
+ * Used by the unified GlomoCheckout component to delegate to the correct 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.fetchOrderType = fetchOrderType;
+const axios_1 = __importStar(require("axios"));
+const base_1 = require("../config/base");
+/**
+ * Fetches the order type for the given orderId from the public API.
+ * Returns a discriminated union so the caller can handle success/failure without try-catch.
+ */
+async function fetchOrderType(options) {
+    var _a;
+    try {
+        // Resolving the API base URL from the server config
+        const config = (0, base_1.resolveServerConfig)(options.server);
+        const apiUrl = `${config.baseUrl.api}/api/public/v1/order/${options.orderId}`;
+        if (options.devMode) {
+            console.log(`[Glomo-RN-SDK] Order type API URL: ${apiUrl}`);
+        }
+        /**
+         * Calling the order API with the publicKey as Bearer token.
+         * Cache-busting headers prevent okhttp (Android) from sending If-None-Match on repeat calls,
+         * which would cause the server to return a 304 with an empty body and break order type detection.
+         */
+        const response = await axios_1.default.get(apiUrl, {
+            headers: {
+                Authorization: `Bearer ${options.publicKey}`,
+                "Cache-Control": "no-cache, no-store, must-revalidate",
+                Pragma: "no-cache",
+            },
+            timeout: (_a = options.timeoutMs) !== null && _a !== void 0 ? _a : 30000,
+        });
+        const data = response.data;
+        // Validating that the returned order type is one of the expected values
+        if (data.orderType === "lrs" || data.orderType === "standard") {
+            if (options.devMode) {
+                console.log(`[Glomo-RN-SDK] Order type for orderId: ${options.orderId} successfully determined to be ${data.orderType}`);
+            }
+            return { success: true, orderType: data.orderType };
+        }
+        if (options.devMode) {
+            console.log(`[Glomo-RN-SDK] Unexpected orderType ${data.orderType} provided for ${options.orderId}`);
+        }
+        return { success: false, error: `Unexpected order type from ${apiUrl}: ${data.orderType}` };
+    }
+    catch (error) {
+        // Extracting the error message for logging and returning
+        const message = error instanceof Error ? error.message : String(error);
+        const config = (0, base_1.resolveServerConfig)(options.server);
+        const apiUrl = `${config.baseUrl.api}/api/public/v1/order/${options.orderId}`;
+        if (options.devMode) {
+            // Logging additional response details for Axios errors (status code, response body)
+            if ((0, axios_1.isAxiosError)(error) && error.response) {
+                console.log(`[Glomo-RN-SDK] orderType determination failed for ${options.orderId} from ${apiUrl}: ${message} (${error.response.status}) and data:`, JSON.stringify(error.response.data));
+            }
+            else {
+                console.log(`[Glomo-RN-SDK] orderType determination failed for ${options.orderId} from ${apiUrl}: ${message}`);
+            }
+        }
+        return { success: false, error: `Failed to determine order type for ${apiUrl}: ${message}` };
+    }
+}