@glomopay/react-native-sdk 2.0.2 → 3.1.0

package/lib/glomo-subscriptions-checkout.js

@@ -0,0 +1,85 @@
+"use strict";
+/**
+ * GlomoSubscriptionsCheckout - thin wrapper around GlomoStandardCheckout
+ * that accepts a subscriptionId (sub_*) instead of an orderId (order_*).
+ */
+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.GlomoSubscriptionsCheckout = void 0;
+const react_1 = __importStar(require("react"));
+const glomo_standard_checkout_1 = require("./glomo-standard-checkout");
+const analytics_1 = require("./utils/analytics");
+const validation_1 = require("./utils/validation");
+function GlomoSubscriptionsCheckoutComponent(props, ref) {
+    const { subscriptionId: rawSubscriptionId, onSdkError, devMode = false, ...rest } = props;
+    const innerRef = (0, react_1.useRef)(null);
+    const onSdkErrorRef = (0, react_1.useRef)(onSdkError);
+    onSdkErrorRef.current = onSdkError;
+    const subscriptionId = rawSubscriptionId.trim();
+    /** Validating subscriptionId - firing onSdkError via useEffect to avoid side effects during render */
+    const validationError = (() => {
+        if (subscriptionId.length === 0) {
+            return "subscriptionId must not be empty";
+        }
+        if (!subscriptionId.startsWith("sub_")) {
+            return "subscriptionId must start with 'sub_'";
+        }
+        return null;
+    })();
+    (0, react_1.useEffect)(() => {
+        if (validationError) {
+            (0, validation_1.safeCallback)(onSdkErrorRef.current, [[{ type: "validation_error", message: validationError }]], "onSdkError", devMode);
+        }
+    }, [validationError, devMode]);
+    (0, react_1.useImperativeHandle)(ref, () => ({
+        start: () => {
+            var _a, _b;
+            if (validationError) {
+                return false;
+            }
+            return (_b = (_a = innerRef.current) === null || _a === void 0 ? void 0 : _a.start()) !== null && _b !== void 0 ? _b : false;
+        },
+        getStatus: () => {
+            var _a, _b;
+            return (_b = (_a = innerRef.current) === null || _a === void 0 ? void 0 : _a.getStatus()) !== null && _b !== void 0 ? _b : "ready";
+        },
+    }));
+    if (validationError) {
+        return null;
+    }
+    return (<glomo_standard_checkout_1.GlomoStandardCheckoutInternal ref={innerRef} {...rest} orderId={subscriptionId} onSdkError={onSdkError} devMode={devMode} _analyticsTrackers={analytics_1.subscriptionCheckoutTrackers} _skipOrderIdValidation={true}/>);
+}
+exports.GlomoSubscriptionsCheckout = (0, react_1.forwardRef)(GlomoSubscriptionsCheckoutComponent);
+exports.GlomoSubscriptionsCheckout.displayName = "GlomoSubscriptionsCheckout";

package/lib/index.d.ts

@@ -1,6 +1,7 @@
-/** The GlomoPay RN SDK exports */
-export { type GlomoLrsCheckoutPayload, type LrsCheckoutStatus } from "./use-lrs-checkout";
+/** The GlomoPay RN SDK v3 exports */
+export { GlomoCheckout } from "./glomo-checkout";
+export { type GlomoCheckoutRef, type GlomoCheckoutProps, type GlomoCheckoutPayload, type CheckoutStatus, type GlomoBankTransferPayload, type GlomoPayViaBankConnectionPayload, } from "./types/checkout";
+export { type GlomoServer } from "./config/base";
 export { type SdkError } from "./utils/analytics";
-export { type GlomoLrsServer } from "./config/base";
-export { GlomoLrsCheckout, type GlomoLrsCheckoutProps, type GlomoLrsCheckoutRef } from "./glomo-lrs-checkout";
+export { useGlomoCheckout, type UseGlomoCheckoutReturn } from "./use-glomo-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;AAClD,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,eAAe,CAAC;AAGpD,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,qCAAqC;AAGrC,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EACH,KAAK,gBAAgB,EACrB,KAAK,kBAAkB,EACvB,KAAK,oBAAoB,EACzB,KAAK,cAAc,EACnB,KAAK,wBAAwB,EAC7B,KAAK,gCAAgC,GACxC,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,gBAAgB,EAAE,KAAK,sBAAsB,EAAE,MAAM,sBAAsB,CAAC"}

package/lib/index.js

@@ -1,7 +1,9 @@
 "use strict";
-/** The GlomoPay RN SDK exports */
+/** The GlomoPay RN SDK v3 exports */
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.GlomoLrsCheckout = void 0;
-// Main UI Component for the LRS Checkout flow
-var glomo_lrs_checkout_1 = require("./glomo-lrs-checkout");
-Object.defineProperty(exports, "GlomoLrsCheckout", { enumerable: true, get: function () { return glomo_lrs_checkout_1.GlomoLrsCheckout; } });
+exports.useGlomoCheckout = exports.GlomoCheckout = void 0;
+// v3 public API - unified checkout
+var glomo_checkout_1 = require("./glomo-checkout");
+Object.defineProperty(exports, "GlomoCheckout", { enumerable: true, get: function () { return glomo_checkout_1.GlomoCheckout; } });
+var use_glomo_checkout_1 = require("./use-glomo-checkout");
+Object.defineProperty(exports, "useGlomoCheckout", { enumerable: true, get: function () { return use_glomo_checkout_1.useGlomoCheckout; } });

package/lib/injections/index.d.ts

@@ -2,5 +2,6 @@ export declare const InjectionScripts: {
     main: string;
     flow: string;
     educationCarousel: string;
+    standard: 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":"AAOA,eAAO,MAAM,gBAAgB;;;;CAI5B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/injections/index.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,gBAAgB;;;;;CAK5B,CAAC"}

package/lib/injections/index.js

@@ -7,8 +7,10 @@ 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");
+const webview_standard_injection_1 = require("./webview-standard.injection");
 exports.InjectionScripts = {
     main: webview_main_injection_1.injectedScript,
     flow: webview_flow_injection_1.injectedScript,
     educationCarousel: webview_education_carousel_injection_1.injectedScript,
+    standard: webview_standard_injection_1.injectedScript,
 };

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,MA4K5B,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,MAiN5B,CAAC"}

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

@@ -4,114 +4,149 @@ exports.injectedScript = void 0;
 /** Injection JavaScript for the Secondary WebView */
 exports.injectedScript = `
     (function() {
-      // Overriding console methods
+      // Log prefix for all messages originating from the flow WebView
+      const LOG_PREFIX = 'FLOW_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' ? "FLOW_WEBVIEW: " + JSON.stringify(a, null, 2) : "FLOW_WEBVIEW: " + 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' ? "FLOW_WEBVIEW: " + JSON.stringify(a, null, 2) : "FLOW_WEBVIEW: " + 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' ? "FLOW_WEBVIEW: " + JSON.stringify(a, null, 2) : "FLOW_WEBVIEW: " + 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' ? "FLOW_WEBVIEW: " + JSON.stringify(a, null, 2) : "FLOW_WEBVIEW: " + 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: "FLOW_WEBVIEW: " + '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: "FLOW_WEBVIEW: " + '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: "FLOW_WEBVIEW: " + '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: "FLOW_WEBVIEW: " + 'XHR REQUEST: ' + this._method + ' ' + this._url
-        }));
-        
+          message: LOG_PREFIX + 'XHR REQUEST: ' + this._method + ' ' + this._url
+        });
+
         this.addEventListener('load', function() {
-          window.ReactNativeWebView.postMessage(JSON.stringify({
-              type: 'console',
-              level: 'network',
-              message: "FLOW_WEBVIEW: " + 'XHR RESPONSE: ' + this._url + ' - Status: ' + this.status
-            }));
+          safePostMessage({
+            type: 'console',
+            level: 'network',
+            message: LOG_PREFIX + 'XHR RESPONSE: ' + this._url + ' - Status: ' + this.status
+          });
         });
-        
+
         this.addEventListener('error', function() {
-          window.ReactNativeWebView.postMessage(JSON.stringify({
+          safePostMessage({
             type: 'console',
             level: 'error',
-            message: "FLOW_WEBVIEW: " + 'XHR ERROR: ' + this._url
-          }));
+            message: LOG_PREFIX + 'XHR ERROR: ' + this._url
+          });
         });
-        
+
         return originalSend.apply(this, arguments);
       };
-      
-      // Intercepting programmatic form.submit() — force target="_blank" to "_self"
+
+      // Intercepting programmatic form.submit() - force target="_blank" to "_self"
       // This prevents forms from trying to open new windows (which fail silently in WebView)
       const originalSubmit = HTMLFormElement.prototype.submit;
       HTMLFormElement.prototype.submit = function() {
@@ -124,54 +159,56 @@ exports.injectedScript = `
       // 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() {},
           blur: function() {}
         };
       };
-      
+
       // Listening for unhandled errors
       window.addEventListener('error', function(event) {
-        window.ReactNativeWebView.postMessage(JSON.stringify({
+        safePostMessage({
           type: 'console',
           level: 'error',
-          message: "FLOW_WEBVIEW: " + '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: "FLOW_WEBVIEW: " + '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("FLOW_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("FLOW_WEBVIEW: " + 'GlomoPay WebView JavaScript injection complete');
+      console.log(LOG_PREFIX + 'GlomoPay WebView JavaScript injection complete');
+
+      true; // Required for injected JavaScript
     })();
 `;

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,MAoL5B,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,MAuN5B,CAAC"}