@reclaimprotocol/js-sdk 3.0.4 → 4.1.0

package/dist/index.js

@@ -72,7 +72,7 @@ var require_package = __commonJS({
   "package.json"(exports2, module2) {
     module2.exports = {
       name: "@reclaimprotocol/js-sdk",
-      version: "3.0.3",
+      version: "4.1.0",
       description: "Designed to request proofs from the Reclaim protocol and manage the flow of claims and witness interactions.",
       main: "dist/index.js",
       types: "dist/index.d.ts",
@@ -167,12 +167,21 @@ var require_package = __commonJS({
 var index_exports = {};
 __export(index_exports, {
   ClaimCreationType: () => ClaimCreationType,
+  RECLAIM_EXTENSION_ACTIONS: () => RECLAIM_EXTENSION_ACTIONS,
   ReclaimProofRequest: () => ReclaimProofRequest,
   transformForOnchain: () => transformForOnchain,
   verifyProof: () => verifyProof
 });
 module.exports = __toCommonJS(index_exports);
 
+// src/utils/interfaces.ts
+var RECLAIM_EXTENSION_ACTIONS = {
+  CHECK_EXTENSION: "RECLAIM_EXTENSION_CHECK",
+  EXTENSION_RESPONSE: "RECLAIM_EXTENSION_RESPONSE",
+  START_VERIFICATION: "RECLAIM_START_VERIFICATION",
+  STATUS_UPDATE: "RECLAIM_STATUS_UPDATE"
+};
+
 // src/witness.ts
 var import_ethers = require("ethers");
 function fetchWitnessListForClaim({ witnesses, witnessesRequiredForClaim, epoch }, params, timestampS) {
@@ -360,7 +369,11 @@ var constants = {
     return `${BACKEND_BASE_URL}/api/sdk/session/`;
   },
   // URL for sharing Reclaim templates
-  RECLAIM_SHARE_URL: "https://share.reclaimprotocol.org/verifier/?template="
+  RECLAIM_SHARE_URL: "https://share.reclaimprotocol.org/verifier/?template=",
+  // Chrome extension URL for Reclaim Protocol
+  CHROME_EXTENSION_URL: "https://chromewebstore.google.com/",
+  // QR Code API base URL
+  QR_CODE_API_URL: "https://api.qrserver.com/v1/create-qr-code/"
 };
 
 // src/utils/validationUtils.ts
@@ -1232,18 +1245,401 @@ function assertValidSignedClaim(claim, expectedWitnessAddresses) {
   }
 }
 
+// src/utils/modalUtils.ts
+var logger6 = logger_default.logger;
+var QRCodeModal = class {
+  constructor(options = {}) {
+    this.countdownSeconds = 60;
+    this.modalId = "reclaim-qr-modal";
+    this.options = __spreadValues({
+      title: "Verify with Reclaim",
+      description: "Scan the QR code with your mobile device to complete verification",
+      extensionUrl: constants.CHROME_EXTENSION_URL,
+      darkTheme: false
+    }, options);
+  }
+  show(requestUrl) {
+    return __async(this, null, function* () {
+      try {
+        this.close();
+        const modalHTML = this.createModalHTML();
+        document.body.insertAdjacentHTML("beforeend", modalHTML);
+        yield this.generateQRCode(requestUrl, "reclaim-qr-code");
+        this.addEventListeners();
+        this.startAutoCloseTimer();
+      } catch (error) {
+        logger6.info("Error showing QR code modal:", error);
+        throw error;
+      }
+    });
+  }
+  close() {
+    if (this.autoCloseTimer) {
+      clearTimeout(this.autoCloseTimer);
+      this.autoCloseTimer = void 0;
+    }
+    if (this.countdownTimer) {
+      clearInterval(this.countdownTimer);
+      this.countdownTimer = void 0;
+    }
+    const modal = document.getElementById(this.modalId);
+    if (modal) {
+      modal.remove();
+    }
+    if (this.options.onClose) {
+      this.options.onClose();
+    }
+  }
+  getThemeStyles() {
+    const isDark = this.options.darkTheme;
+    return {
+      modalBackground: isDark ? "rgba(0, 0, 0, 0.8)" : "rgba(0, 0, 0, 0.5)",
+      cardBackground: isDark ? "#1f2937" : "white",
+      titleColor: isDark ? "#f9fafb" : "#1f2937",
+      textColor: isDark ? "#d1d5db" : "#6b7280",
+      qrBackground: isDark ? "#374151" : "#f9fafb",
+      tipBackground: isDark ? "#1e40af" : "#f0f9ff",
+      tipBorder: isDark ? "#1e40af" : "#e0f2fe",
+      tipTextColor: isDark ? "#dbeafe" : "#0369a1",
+      buttonBackground: isDark ? "#374151" : "#f3f4f6",
+      buttonColor: isDark ? "#f9fafb" : "#374151",
+      buttonHoverBackground: isDark ? "#4b5563" : "#e5e7eb",
+      countdownColor: isDark ? "#6b7280" : "#9ca3af",
+      progressBackground: isDark ? "#4b5563" : "#e5e7eb",
+      progressGradient: isDark ? "linear-gradient(90deg, #3b82f6 0%, #2563eb 50%, #1d4ed8 100%)" : "linear-gradient(90deg, #2563eb 0%, #1d4ed8 50%, #1e40af 100%)",
+      linkColor: isDark ? "#60a5fa" : "#2563eb",
+      extensionButtonBackground: isDark ? "#1e40af" : "#2563eb",
+      extensionButtonHover: isDark ? "#1d4ed8" : "#1d4ed8"
+    };
+  }
+  createModalHTML() {
+    const styles = this.getThemeStyles();
+    return `
+            <div id="${this.modalId}" style="
+                position: fixed;
+                top: 0;
+                left: 0;
+                width: 100%;
+                height: 100%;
+                background-color: ${styles.modalBackground};
+                display: flex;
+                justify-content: center;
+                align-items: center;
+                z-index: 10000;
+                font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+            ">
+                <div style="
+                    background: ${styles.cardBackground};
+                    border-radius: 12px;
+                    padding: 32px;
+                    max-width: 400px;
+                    width: 90%;
+                    text-align: center;
+                    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+                    position: relative;
+                ">
+                    <button id="reclaim-close-modal" style="
+                        position: absolute;
+                        top: 16px;
+                        right: 16px;
+                        background: none;
+                        border: none;
+                        cursor: pointer;
+                        padding: 4px;
+                        border-radius: 6px;
+                        display: flex;
+                        align-items: center;
+                        justify-content: center;
+                        transition: background-color 0.2s;
+                        width: 32px;
+                        height: 32px;
+                    "
+                    onmouseover="this.style.backgroundColor='${styles.buttonHoverBackground}'"
+                    onmouseout="this.style.backgroundColor='transparent'"
+                    title="Close modal">
+                        <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+                            <path d="M12 4L4 12M4 4L12 12" stroke="${styles.buttonColor}" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+                        </svg>
+                    </button>
+                    
+                    <h2 style="
+                        margin: 0 0 16px 0;
+                        font-size: 24px;
+                        font-weight: 600;
+                        color: ${styles.titleColor};
+                    ">${this.options.title}</h2>
+                    
+                    <p style="
+                        margin: 0 0 24px 0;
+                        color: ${styles.textColor};
+                        font-size: 14px;
+                        line-height: 1.5;
+                    ">${this.options.description}</p>
+                    
+                    <div id="reclaim-qr-code" style="
+                        margin: 0 auto 24px auto;
+                        background: ${styles.qrBackground};
+                        border-radius: 8px;
+                        display: inline-block;
+                    "></div>
+                    
+                    <div style="
+                        margin-bottom: 24px;
+                        padding: 16px;
+                        background: ${styles.tipBackground};
+                        border: 1px solid ${styles.tipBorder};
+                        border-radius: 8px;
+                    ">
+                        <p style="
+                            margin: 0 0 12px 0;
+                            font-size: 14px;
+                            color: ${styles.tipTextColor};
+                            font-weight: 500;
+                        ">\u{1F4A1} For a better experience</p>
+                        <p style="
+                            margin: 0 0 12px 0;
+                            font-size: 13px;
+                            color: ${styles.tipTextColor};
+                            line-height: 1.4;
+                        ">Install our browser extension for seamless verification without QR codes</p>
+                        <a href="${this.options.extensionUrl}" 
+                           target="_blank" 
+                           style="
+                               display: inline-block;
+                               background: ${styles.extensionButtonBackground};
+                               color: white;
+                               text-decoration: none;
+                               padding: 8px 16px;
+                               border-radius: 6px;
+                               font-size: 12px;
+                               font-weight: 500;
+                               transition: background-color 0.2s;
+                           "
+                           onmouseover="this.style.backgroundColor='${styles.extensionButtonHover}'"
+                           onmouseout="this.style.backgroundColor='${styles.extensionButtonBackground}'">
+                            Install Extension
+                        </a>
+                    </div>
+                    
+                    <div style="margin-top: 16px;">
+                        <div id="reclaim-countdown" style="
+                            font-size: 12px;
+                            color: ${styles.countdownColor};
+                            font-weight: 400;
+                            margin-bottom: 8px;
+                        ">Auto-close in 1:00</div>
+                        
+                        <div style="
+                            width: 100%;
+                            height: 4px;
+                            background-color: ${styles.progressBackground};
+                            border-radius: 2px;
+                            overflow: hidden;
+                        ">
+                            <div id="reclaim-progress-bar" style="
+                                width: 100%;
+                                height: 100%;
+                                background: ${styles.progressGradient};
+                                border-radius: 2px;
+                                transition: width 1s linear;
+                            "></div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        `;
+  }
+  generateQRCode(text, containerId) {
+    return __async(this, null, function* () {
+      try {
+        const qrCodeUrl = `${constants.QR_CODE_API_URL}?size=200x200&data=${encodeURIComponent(text)}`;
+        const container = document.getElementById(containerId);
+        const styles = this.getThemeStyles();
+        if (container) {
+          container.innerHTML = `
+                    <img src="${qrCodeUrl}" 
+                         alt="QR Code for Reclaim verification" 
+                         style="width: 200px; height: 200px; border-radius: 4px;"
+                         onerror="this.style.display='none'; this.nextElementSibling.style.display='block';">
+                    <div style="display: none; padding: 20px; color: ${styles.textColor}; font-size: 14px;">
+                        QR code could not be loaded.<br>
+                        <a href="${text}" target="_blank" style="color: ${styles.linkColor}; text-decoration: underline;">
+                            Click here to open verification link
+                        </a>
+                    </div>
+                `;
+        }
+      } catch (error) {
+        logger6.info("Error generating QR code:", error);
+        const container = document.getElementById(containerId);
+        const styles = this.getThemeStyles();
+        if (container) {
+          container.innerHTML = `
+                    <div style="padding: 20px; color: ${styles.textColor}; font-size: 14px;">
+                        <a href="${text}" target="_blank" style="color: ${styles.linkColor}; text-decoration: underline;">
+                            Click here to open verification link
+                        </a>
+                    </div>
+                `;
+        }
+      }
+    });
+  }
+  addEventListeners() {
+    const closeButton = document.getElementById("reclaim-close-modal");
+    const modal = document.getElementById(this.modalId);
+    const closeModal = () => {
+      this.close();
+    };
+    if (closeButton) {
+      closeButton.addEventListener("click", closeModal);
+    }
+    if (modal) {
+      modal.addEventListener("click", (e) => {
+        if (e.target === modal) {
+          closeModal();
+        }
+      });
+    }
+    const handleEscape = (e) => {
+      if (e.key === "Escape") {
+        closeModal();
+        document.removeEventListener("keydown", handleEscape);
+      }
+    };
+    document.addEventListener("keydown", handleEscape);
+  }
+  startAutoCloseTimer() {
+    this.countdownSeconds = 60;
+    this.updateCountdownDisplay();
+    this.countdownTimer = setInterval(() => {
+      this.countdownSeconds--;
+      this.updateCountdownDisplay();
+      if (this.countdownSeconds <= 0) {
+        this.close();
+      }
+    }, 1e3);
+    this.autoCloseTimer = setTimeout(() => {
+      this.close();
+    }, 6e4);
+  }
+  updateCountdownDisplay() {
+    const countdownElement = document.getElementById("reclaim-countdown");
+    const progressBar = document.getElementById("reclaim-progress-bar");
+    if (countdownElement) {
+      const minutes = Math.floor(this.countdownSeconds / 60);
+      const seconds = this.countdownSeconds % 60;
+      const timeString = `${minutes}:${seconds.toString().padStart(2, "0")}`;
+      countdownElement.textContent = `Auto-close in ${timeString}`;
+    }
+    if (progressBar) {
+      const progressPercentage = this.countdownSeconds / 60 * 100;
+      progressBar.style.width = `${progressPercentage}%`;
+    }
+  }
+};
+
 // src/utils/device.ts
 var navigatorDefined = typeof navigator !== "undefined";
 var windowDefined = typeof window !== "undefined";
 var userAgent = navigatorDefined ? navigator.userAgent.toLowerCase() : "";
 var userAgentData = navigatorDefined ? navigator.userAgentData : void 0;
-var userAgentIsAndroid = userAgent.includes("android" /* ANDROID */);
-var isIpad = windowDefined && navigatorDefined && ((userAgentData == null ? void 0 : userAgentData.platform) === "ipad" /* IPAD */ || userAgent.includes("ipad" /* IPAD */));
-var userAgentIsIOS = new RegExp(`${"ios" /* IOS */}|ipod`, "i").test(userAgent) || isIpad;
-var userAgentIsMobile = new RegExp(`${"android" /* ANDROID */}|webos|${"ios" /* IOS */}|${"ipad" /* IPAD */}|ipod|blackberry|iemobile|opera mini`, "i").test(userAgent) || windowDefined && "orientation" in window;
+function getDeviceType() {
+  var _a, _b;
+  if (!navigatorDefined || !windowDefined) {
+    return "desktop" /* DESKTOP */;
+  }
+  let mobileScore = 0;
+  const CONFIDENCE_THRESHOLD = 3;
+  const isTouchDevice = "ontouchstart" in window || navigatorDefined && navigator.maxTouchPoints > 0;
+  if (isTouchDevice) {
+    mobileScore += 2;
+  }
+  const screenWidth = window.innerWidth || ((_a = window.screen) == null ? void 0 : _a.width) || 0;
+  const screenHeight = window.innerHeight || ((_b = window.screen) == null ? void 0 : _b.height) || 0;
+  const hasSmallScreen = screenWidth <= 768 || screenHeight <= 768;
+  if (hasSmallScreen) {
+    mobileScore += 2;
+  }
+  const mobileUserAgentPattern = /android|webos|iphone|ipad|ipod|blackberry|iemobile|opera mini|mobile/i;
+  if (mobileUserAgentPattern.test(userAgent)) {
+    mobileScore += 3;
+  }
+  const hasMobileAPIs = "orientation" in window || "DeviceMotionEvent" in window || "DeviceOrientationEvent" in window;
+  if (hasMobileAPIs) {
+    mobileScore += 2;
+  }
+  const hasHighDPI = windowDefined && window.devicePixelRatio > 1.5;
+  if (hasHighDPI && hasSmallScreen) {
+    mobileScore += 1;
+  }
+  const hasViewportMeta = document.querySelector('meta[name="viewport"]') !== null;
+  if (hasViewportMeta && hasSmallScreen) {
+    mobileScore += 1;
+  }
+  const hasLargeScreen = screenWidth > 1024 && screenHeight > 768;
+  const hasKeyboard = "keyboard" in navigator;
+  const hasPointer = window.matchMedia && window.matchMedia("(pointer: fine)").matches;
+  if (hasLargeScreen && !isTouchDevice) {
+    mobileScore -= 2;
+  }
+  if (hasPointer && !isTouchDevice) {
+    mobileScore -= 1;
+  }
+  const isPadWithKeyboard = userAgent.includes("macintosh") && isTouchDevice;
+  if (isPadWithKeyboard) {
+    mobileScore += 2;
+  }
+  return mobileScore >= CONFIDENCE_THRESHOLD ? "mobile" /* MOBILE */ : "desktop" /* DESKTOP */;
+}
+function getMobileDeviceType() {
+  var _a, _b;
+  if (!navigatorDefined || !windowDefined) {
+    return "android" /* ANDROID */;
+  }
+  const ua = navigator.userAgent;
+  const iosPattern = /iPad|iPhone|iPod/i;
+  if (iosPattern.test(ua)) {
+    return "ios" /* IOS */;
+  }
+  const androidPattern = /Android/i;
+  if (androidPattern.test(ua)) {
+    return "android" /* ANDROID */;
+  }
+  const isMacWithTouch = /Macintosh|MacIntel/i.test(ua) && "ontouchstart" in window;
+  if (isMacWithTouch) {
+    return "ios" /* IOS */;
+  }
+  if ((userAgentData == null ? void 0 : userAgentData.platform) === "macOS" && "ontouchstart" in window) {
+    return "ios" /* IOS */;
+  }
+  if (typeof ((_a = window.DeviceMotionEvent) == null ? void 0 : _a.requestPermission) === "function") {
+    return "ios" /* IOS */;
+  }
+  if (typeof CSS !== "undefined" && ((_b = CSS.supports) == null ? void 0 : _b.call(CSS, "-webkit-touch-callout", "none"))) {
+    return "ios" /* IOS */;
+  }
+  const isIOSWebKit = /WebKit/i.test(ua) && !/Chrome|CriOS|Android/i.test(ua);
+  if (isIOSWebKit) {
+    return "ios" /* IOS */;
+  }
+  const isChromeOnMobile = window.chrome && /Mobile/i.test(ua);
+  if (isChromeOnMobile && !iosPattern.test(ua)) {
+    return "android" /* ANDROID */;
+  }
+  const androidMobilePattern = /Mobile.*Android|Android.*Mobile/i;
+  if (androidMobilePattern.test(ua)) {
+    return "android" /* ANDROID */;
+  }
+  const mobilePattern = /webos|blackberry|iemobile|opera mini/i;
+  if (mobilePattern.test(ua)) {
+    return "android" /* ANDROID */;
+  }
+  return "android" /* ANDROID */;
+}
 
 // src/Reclaim.ts
-var logger6 = logger_default.logger;
+var logger7 = logger_default.logger;
 var sdkVersion = require_package().version;
 function verifyProof(proofOrProofs) {
   return __async(this, null, function* () {
@@ -1291,7 +1687,7 @@ function verifyProof(proofOrProofs) {
       };
       assertValidSignedClaim(signedClaim, witnesses);
     } catch (e) {
-      logger6.info(`Error verifying proof: ${e instanceof Error ? e.message : String(e)}`);
+      logger7.info(`Error verifying proof: ${e instanceof Error ? e.message : String(e)}`);
       return false;
     }
     return true;
@@ -1316,6 +1712,20 @@ function transformForOnchain(proof) {
   };
   return { claimInfo, signedClaim };
 }
+var emptyTemplateData = {
+  sessionId: "",
+  providerId: "",
+  applicationId: "",
+  signature: "",
+  timestamp: "",
+  callbackUrl: "",
+  context: "",
+  parameters: {},
+  redirectUrl: "",
+  acceptAiProviders: false,
+  sdkVersion: "",
+  jsonProofResponse: false
+};
 var ReclaimProofRequest = class _ReclaimProofRequest {
   // 30 seconds timeout, can be adjusted
   // Private constructor
@@ -1324,36 +1734,36 @@ var ReclaimProofRequest = class _ReclaimProofRequest {
     this.claimCreationType = "createClaim" /* STANDALONE */;
     this.intervals = /* @__PURE__ */ new Map();
     this.jsonProofResponse = false;
+    this.extensionID = "reclaim-extension";
     this.FAILURE_TIMEOUT = 3e4;
+    var _a;
     this.providerId = providerId;
     this.timeStamp = Date.now().toString();
     this.applicationId = applicationId;
     this.sessionId = "";
+    this.templateData = emptyTemplateData;
     this.parameters = {};
     if (!options) {
       options = {};
     }
-    if (!options.device) {
-      if (userAgentIsIOS) {
-        options.device = "ios" /* IOS */;
-      } else if (userAgentIsAndroid) {
-        options.device = "android" /* ANDROID */;
-      }
-    }
-    if (options.useAppClip === void 0) {
-      options.useAppClip = true;
-    }
+    options.useBrowserExtension = (_a = options.useBrowserExtension) != null ? _a : true;
     if (options == null ? void 0 : options.log) {
       logger_default.setLogLevel("info");
     } else {
       logger_default.setLogLevel("silent");
     }
+    if (options.useAppClip === void 0) {
+      options.useAppClip = true;
+    }
     if (options == null ? void 0 : options.envUrl) {
       setBackendBaseUrl(options.envUrl);
     }
+    if (options.extensionID) {
+      this.extensionID = options.extensionID;
+    }
     this.options = options;
     this.sdkVersion = "js-" + sdkVersion;
-    logger6.info(`Initializing client with applicationId: ${this.applicationId}`);
+    logger7.info(`Initializing client with applicationId: ${this.applicationId}`);
   }
   // Static initialization methods
   static init(applicationId, appSecret, providerId, options) {
@@ -1375,9 +1785,6 @@ var ReclaimProofRequest = class _ReclaimProofRequest {
               { paramName: "log", input: options.log }
             ], "the constructor");
           }
-          if (options.useAppClip === void 0) {
-            options.useAppClip = true;
-          }
           if (options.useAppClip) {
             validateFunctionParams([
               { paramName: "useAppClip", input: options.useAppClip }
@@ -1388,6 +1795,16 @@ var ReclaimProofRequest = class _ReclaimProofRequest {
               { paramName: "device", input: options.device, isString: true }
             ], "the constructor");
           }
+          if (options.useBrowserExtension) {
+            validateFunctionParams([
+              { paramName: "useBrowserExtension", input: options.useBrowserExtension }
+            ], "the constructor");
+          }
+          if (options.extensionID) {
+            validateFunctionParams([
+              { paramName: "extensionID", input: options.extensionID, isString: true }
+            ], "the constructor");
+          }
           if (options.envUrl) {
             validateFunctionParams([
               { paramName: "envUrl", input: options.envUrl, isString: true }
@@ -1401,7 +1818,7 @@ var ReclaimProofRequest = class _ReclaimProofRequest {
         proofRequestInstance.sessionId = data.sessionId;
         return proofRequestInstance;
       } catch (error) {
-        logger6.info("Failed to initialize ReclaimProofRequest", error);
+        logger7.info("Failed to initialize ReclaimProofRequest", error);
         throw new InitError("Failed to initialize ReclaimProofRequest", error);
       }
     });
@@ -1465,7 +1882,7 @@ var ReclaimProofRequest = class _ReclaimProofRequest {
         proofRequestInstance.sdkVersion = sdkVersion2;
         return proofRequestInstance;
       } catch (error) {
-        logger6.info("Failed to parse JSON string in fromJsonString:", error);
+        logger7.info("Failed to parse JSON string in fromJsonString:", error);
         throw new InvalidParamError("Invalid JSON string provided to fromJsonString");
       }
     });
@@ -1483,6 +1900,33 @@ var ReclaimProofRequest = class _ReclaimProofRequest {
   setClaimCreationType(claimCreationType) {
     this.claimCreationType = claimCreationType;
   }
+  setModalOptions(options) {
+    try {
+      if (options.title !== void 0) {
+        validateFunctionParams([
+          { input: options.title, paramName: "title", isString: true }
+        ], "setModalOptions");
+      }
+      if (options.description !== void 0) {
+        validateFunctionParams([
+          { input: options.description, paramName: "description", isString: true }
+        ], "setModalOptions");
+      }
+      if (options.extensionUrl !== void 0) {
+        validateURL(options.extensionUrl, "setModalOptions");
+      }
+      if (options.darkTheme !== void 0) {
+        validateFunctionParams([
+          { input: options.darkTheme, paramName: "darkTheme" }
+        ], "setModalOptions");
+      }
+      this.modalOptions = __spreadValues(__spreadValues({}, this.modalOptions), options);
+      logger7.info("Modal options set successfully");
+    } catch (error) {
+      logger7.info("Error setting modal options:", error);
+      throw new SetParamsError("Error setting modal options", error);
+    }
+  }
   addContext(address, message) {
     try {
       validateFunctionParams([
@@ -1491,7 +1935,7 @@ var ReclaimProofRequest = class _ReclaimProofRequest {
       ], "addContext");
       this.context = { contextAddress: address, contextMessage: message };
     } catch (error) {
-      logger6.info("Error adding context", error);
+      logger7.info("Error adding context", error);
       throw new AddContextError("Error adding context", error);
     }
   }
@@ -1500,7 +1944,7 @@ var ReclaimProofRequest = class _ReclaimProofRequest {
       validateParameters(params);
       this.parameters = __spreadValues(__spreadValues({}, this.parameters), params);
     } catch (error) {
-      logger6.info("Error Setting Params:", error);
+      logger7.info("Error Setting Params:", error);
       throw new SetParamsError("Error setting params", error);
     }
   }
@@ -1510,7 +1954,7 @@ var ReclaimProofRequest = class _ReclaimProofRequest {
       validateFunctionParams([{ input: this.sessionId, paramName: "sessionId", isString: true }], "getAppCallbackUrl");
       return this.appCallbackUrl || `${constants.DEFAULT_RECLAIM_CALLBACK_URL}${this.sessionId}`;
     } catch (error) {
-      logger6.info("Error getting app callback url", error);
+      logger7.info("Error getting app callback url", error);
       throw new GetAppCallbackUrlError("Error getting app callback url", error);
     }
   }
@@ -1519,18 +1963,25 @@ var ReclaimProofRequest = class _ReclaimProofRequest {
       validateFunctionParams([{ input: this.sessionId, paramName: "sessionId", isString: true }], "getStatusUrl");
       return `${constants.DEFAULT_RECLAIM_STATUS_URL}${this.sessionId}`;
     } catch (error) {
-      logger6.info("Error fetching Status Url", error);
+      logger7.info("Error fetching Status Url", error);
       throw new GetStatusUrlError("Error fetching status url", error);
     }
   }
+  // getter for SessionId
+  getSessionId() {
+    if (!this.sessionId) {
+      throw new SessionNotStartedError("SessionId is not set");
+    }
+    return this.sessionId;
+  }
   // Private helper methods
   setSignature(signature) {
     try {
       validateFunctionParams([{ input: signature, paramName: "signature", isString: true }], "setSignature");
       this.signature = signature;
-      logger6.info(`Signature set successfully for applicationId: ${this.applicationId}`);
+      logger7.info(`Signature set successfully for applicationId: ${this.applicationId}`);
     } catch (error) {
-      logger6.info("Error setting signature", error);
+      logger7.info("Error setting signature", error);
       throw new SetSignatureError("Error setting signature", error);
     }
   }
@@ -1545,7 +1996,7 @@ var ReclaimProofRequest = class _ReclaimProofRequest {
         const messageHash = import_ethers6.ethers.keccak256(new TextEncoder().encode(canonicalData));
         return yield wallet.signMessage(import_ethers6.ethers.getBytes(messageHash));
       } catch (err) {
-        logger6.info(`Error generating proof request for applicationId: ${this.applicationId}, providerId: ${this.providerId}, signature: ${this.signature}, timeStamp: ${this.timeStamp}`, err);
+        logger7.info(`Error generating proof request for applicationId: ${this.applicationId}, providerId: ${this.providerId}, signature: ${this.signature}, timeStamp: ${this.timeStamp}`, err);
         throw new SignatureGeneratingError(`Error generating signature for applicationSecret: ${applicationSecret}`);
       }
     });
@@ -1576,8 +2027,8 @@ var ReclaimProofRequest = class _ReclaimProofRequest {
   }
   getRequestUrl() {
     return __async(this, null, function* () {
-      var _a, _b, _c, _d, _e;
-      logger6.info("Creating Request Url");
+      var _a, _b, _c, _d;
+      logger7.info("Creating Request Url");
       if (!this.signature) {
         throw new SignatureNotFoundError("Signature is not set.");
       }
@@ -1602,23 +2053,158 @@ var ReclaimProofRequest = class _ReclaimProofRequest {
           let template = encodeURIComponent(JSON.stringify(templateData));
           template = replaceAll(template, "(", "%28");
           template = replaceAll(template, ")", "%29");
-          const isIos = ((_e = this.options) == null ? void 0 : _e.device) === "ios";
+          const isIos = getMobileDeviceType() === "ios" /* IOS */;
           if (!isIos) {
             const instantAppUrl = `https://share.reclaimprotocol.org/verify/?template=${template}`;
-            logger6.info("Instant App Url created successfully: " + instantAppUrl);
+            logger7.info("Instant App Url created successfully: " + instantAppUrl);
             return instantAppUrl;
           } else {
             const appClipUrl = `https://appclip.apple.com/id?p=org.reclaimprotocol.app.clip&template=${template}`;
-            logger6.info("App Clip Url created successfully: " + appClipUrl);
+            logger7.info("App Clip Url created successfully: " + appClipUrl);
             return appClipUrl;
           }
         } else {
           const link = yield createLinkWithTemplateData(templateData);
-          logger6.info("Request Url created successfully: " + link);
+          logger7.info("Request Url created successfully: " + link);
           return link;
         }
       } catch (error) {
-        logger6.info("Error creating Request Url:", error);
+        logger7.info("Error creating Request Url:", error);
+        throw error;
+      }
+    });
+  }
+  triggerReclaimFlow() {
+    return __async(this, null, function* () {
+      var _a, _b, _c, _d;
+      if (!this.signature) {
+        throw new SignatureNotFoundError("Signature is not set.");
+      }
+      try {
+        validateSignature(this.providerId, this.signature, this.applicationId, this.timeStamp);
+        const templateData = {
+          sessionId: this.sessionId,
+          providerId: this.providerId,
+          applicationId: this.applicationId,
+          signature: this.signature,
+          timestamp: this.timeStamp,
+          callbackUrl: this.getAppCallbackUrl(),
+          context: JSON.stringify(this.context),
+          parameters: this.parameters,
+          redirectUrl: (_a = this.redirectUrl) != null ? _a : "",
+          acceptAiProviders: (_c = (_b = this.options) == null ? void 0 : _b.acceptAiProviders) != null ? _c : false,
+          sdkVersion: this.sdkVersion,
+          jsonProofResponse: this.jsonProofResponse
+        };
+        this.templateData = templateData;
+        logger7.info("Triggering Reclaim flow");
+        const deviceType = getDeviceType();
+        yield updateSession(this.sessionId, "SESSION_STARTED" /* SESSION_STARTED */);
+        if (deviceType === "desktop" /* DESKTOP */) {
+          const extensionAvailable = yield this.isBrowserExtensionAvailable();
+          if (((_d = this.options) == null ? void 0 : _d.useBrowserExtension) && extensionAvailable) {
+            logger7.info("Triggering browser extension flow");
+            this.triggerBrowserExtensionFlow();
+            return;
+          } else {
+            logger7.info("Browser extension not available, showing QR code modal");
+            yield this.showQRCodeModal();
+          }
+        } else if (deviceType === "mobile" /* MOBILE */) {
+          const mobileDeviceType = getMobileDeviceType();
+          if (mobileDeviceType === "android" /* ANDROID */) {
+            logger7.info("Redirecting to Android instant app");
+            yield this.redirectToInstantApp();
+          } else if (mobileDeviceType === "ios" /* IOS */) {
+            logger7.info("Redirecting to iOS app clip");
+            yield this.redirectToAppClip();
+          }
+        }
+      } catch (error) {
+        logger7.info("Error triggering Reclaim flow:", error);
+        throw error;
+      }
+    });
+  }
+  isBrowserExtensionAvailable(timeout = 200) {
+    return __async(this, null, function* () {
+      try {
+        return new Promise((resolve) => {
+          const messageId = `reclaim-check-${Date.now()}`;
+          const timeoutId = setTimeout(() => {
+            window.removeEventListener("message", messageListener);
+            resolve(false);
+          }, timeout);
+          const messageListener = (event) => {
+            var _a, _b;
+            if (((_a = event.data) == null ? void 0 : _a.action) === RECLAIM_EXTENSION_ACTIONS.EXTENSION_RESPONSE && ((_b = event.data) == null ? void 0 : _b.messageId) === messageId) {
+              clearTimeout(timeoutId);
+              window.removeEventListener("message", messageListener);
+              resolve(!!event.data.installed);
+            }
+          };
+          window.addEventListener("message", messageListener);
+          const message = {
+            action: RECLAIM_EXTENSION_ACTIONS.CHECK_EXTENSION,
+            extensionID: this.extensionID,
+            messageId
+          };
+          window.postMessage(message, "*");
+        });
+      } catch (error) {
+        logger7.info("Error checking Reclaim extension installed:", error);
+        return false;
+      }
+    });
+  }
+  triggerBrowserExtensionFlow() {
+    const message = {
+      action: RECLAIM_EXTENSION_ACTIONS.START_VERIFICATION,
+      messageId: this.sessionId,
+      data: this.templateData,
+      extensionID: this.extensionID
+    };
+    window.postMessage(message, "*");
+    logger7.info("Browser extension flow triggered");
+  }
+  showQRCodeModal() {
+    return __async(this, null, function* () {
+      try {
+        const requestUrl = yield createLinkWithTemplateData(this.templateData);
+        const modal = new QRCodeModal(this.modalOptions);
+        yield modal.show(requestUrl);
+      } catch (error) {
+        logger7.info("Error showing QR code modal:", error);
+        throw error;
+      }
+    });
+  }
+  redirectToInstantApp() {
+    return __async(this, null, function* () {
+      try {
+        let template = encodeURIComponent(JSON.stringify(this.templateData));
+        template = replaceAll(template, "(", "%28");
+        template = replaceAll(template, ")", "%29");
+        const instantAppUrl = `https://share.reclaimprotocol.org/verify/?template=${template}`;
+        logger7.info("Redirecting to Android instant app: " + instantAppUrl);
+        window.location.href = instantAppUrl;
+      } catch (error) {
+        logger7.info("Error redirecting to instant app:", error);
+        throw error;
+      }
+    });
+  }
+  redirectToAppClip() {
+    return __async(this, null, function* () {
+      try {
+        let template = encodeURIComponent(JSON.stringify(this.templateData));
+        template = replaceAll(template, "(", "%28");
+        template = replaceAll(template, ")", "%29");
+        const appClipUrl = `https://appclip.apple.com/id?p=org.reclaimprotocol.app.clip&template=${template}`;
+        logger7.info("Redirecting to iOS app clip: " + appClipUrl);
+        window.location.href = appClipUrl;
+      } catch (error) {
+        logger7.info("Error redirecting to app clip:", error);
         throw error;
       }
     });
@@ -1627,10 +2213,10 @@ var ReclaimProofRequest = class _ReclaimProofRequest {
     return __async(this, arguments, function* ({ onSuccess, onError }) {
       if (!this.sessionId) {
         const message = "Session can't be started due to undefined value of sessionId";
-        logger6.info(message);
+        logger7.info(message);
         throw new SessionNotStartedError(message);
       }
-      logger6.info("Starting session");
+      logger7.info("Starting session");
       const interval = setInterval(() => __async(this, null, function* () {
         try {
           const statusUrlResponse = yield fetchStatusUrl(this.sessionId);
@@ -1654,7 +2240,7 @@ var ReclaimProofRequest = class _ReclaimProofRequest {
               if (this.claimCreationType === "createClaim" /* STANDALONE */) {
                 const verified = yield verifyProof(proofs);
                 if (!verified) {
-                  logger6.info(`Proofs not verified: ${JSON.stringify(proofs)}`);
+                  logger7.info(`Proofs not verified: ${JSON.stringify(proofs)}`);
                   throw new ProofNotVerifiedError();
                 }
               }
@@ -1691,6 +2277,7 @@ var ReclaimProofRequest = class _ReclaimProofRequest {
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   ClaimCreationType,
+  RECLAIM_EXTENSION_ACTIONS,
   ReclaimProofRequest,
   transformForOnchain,
   verifyProof