@reclaimprotocol/js-sdk 5.5.0 → 5.6.0-dev.0

package/dist/index.d.ts

@@ -603,10 +603,9 @@ type ReclaimFlowInitOptions = {
      * that automatically launches the verification flow after they install the app, ensuring
      * a seamless continuation of the verification process.
      *
-     * **Platform Support:** Currently Android only
-     *
-     * **Default Behavior:** Opt-in during rollout phase. Will default to `true` for all apps
-     * once fully released. See: https://blog.reclaimprotocol.org/posts/moving-beyond-google-play-instant
+     * **Default Behavior:** Enabled by default for Android. Opt-in during rollout phase for iOS.
+     * Will default to `true` for all apps once fully released.
+     * See: https://blog.reclaimprotocol.org/posts/moving-beyond-google-play-instant
      */
     canUseDeferredDeepLinksFlow?: boolean;
     /**
@@ -621,6 +620,17 @@ type ReclaimFlowInitOptions = {
      * @default 'portal'
      */
     verificationMode?: 'app' | 'portal';
+    /**
+     * The deeplink to ios mobile application.
+     * Defaults to `reclaimverifier://org.reclaimprotocol.app`.
+     */
+    iosDeepLinkBaseUrl?: string;
+    /**
+     * The link to ios app store page.
+     * Defaults to Reclaim Verifier's iOS App store page
+     * `itms-apps://apps.apple.com/in/app/reclaim-verifier/id6503247508`
+     */
+    iosAppDownloadUrl?: string;
 };
 type ReclaimFlowLaunchOptions = ReclaimFlowInitOptions & {
     /**
@@ -1469,6 +1479,7 @@ declare class ReclaimProofRequest {
     private showQRCodeModal;
     private redirectToInstantApp;
     private redirectToAppClip;
+    private redirectToiOSApp;
     /**
      * Returns the provider id and exact version of the provider that was used in the verification session of this request.
      *

package/dist/index.js

@@ -84,7 +84,7 @@ var require_package = __commonJS({
   "package.json"(exports2, module2) {
     module2.exports = {
       name: "@reclaimprotocol/js-sdk",
-      version: "5.5.0",
+      version: "5.6.0-dev.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",
@@ -3242,8 +3242,8 @@ var ReclaimProofRequest = class _ReclaimProofRequest {
     template = replaceAll(template, ")", "%29");
     return template;
   }
-  buildSharePageUrl(template) {
-    return `${this.appSharePageUrl}/?template=${template}`;
+  buildSharePageUrl(template, url) {
+    return `${url != null ? url : this.appSharePageUrl}/?template=${template}`;
   }
   openPortalTab(templateData, preOpenedTab) {
     return __async(this, null, function* () {
@@ -3549,11 +3549,11 @@ var ReclaimProofRequest = class _ReclaimProofRequest {
           }
         } else if (deviceType === "mobile" /* MOBILE */) {
           if (mode === "app") {
-            if (((_d = this.options) == null ? void 0 : _d.useAppClip) && getMobileDeviceType() === "ios" /* IOS */) {
-              logger11.info("Redirecting to iOS app clip");
-              this.redirectToAppClip();
+            if ((((_d = this.options) == null ? void 0 : _d.useAppClip) || options.canUseDeferredDeepLinksFlow) && getMobileDeviceType() === "ios" /* IOS */) {
+              logger11.info("Redirecting for iOS");
+              yield this.redirectToiOSApp(options);
             } else {
-              logger11.info("Redirecting to share page");
+              logger11.info("Redirecting for android");
               yield this.redirectToInstantApp(options);
             }
           } else {
@@ -3652,7 +3652,7 @@ var ReclaimProofRequest = class _ReclaimProofRequest {
         const template = this.encodeTemplateData(this.templateData);
         let instantAppUrl = this.buildSharePageUrl(template);
         logger11.info("Redirecting to Android instant app: " + instantAppUrl);
-        const isDeferredDeeplinksFlowEnabled = (_a = options.canUseDeferredDeepLinksFlow) != null ? _a : false;
+        const isDeferredDeeplinksFlowEnabled = (_a = options.canUseDeferredDeepLinksFlow) != null ? _a : true;
         if (isDeferredDeeplinksFlowEnabled) {
           instantAppUrl = instantAppUrl.replace("/verifier", "/link");
           const deepLink = `intent://details?id=org.reclaimprotocol.app&url=${encodeURIComponent(
@@ -3721,6 +3721,69 @@ var ReclaimProofRequest = class _ReclaimProofRequest {
       throw error;
     }
   }
+  redirectToiOSApp(options) {
+    return __async(this, null, function* () {
+      var _a;
+      try {
+        logger11.info("Preparing to launch for iOS app: ", options);
+        const isDeferredDeeplinksFlowEnabled = (_a = options.canUseDeferredDeepLinksFlow) != null ? _a : false;
+        if (!isDeferredDeeplinksFlowEnabled) {
+          return this.redirectToAppClip();
+        }
+        const template = this.encodeTemplateData(this.templateData);
+        const defaultiOSDeepLinkUrlBase = "reclaimverifier://org.reclaimprotocol.app";
+        const deepLink = this.buildSharePageUrl(
+          template,
+          options.iosDeepLinkBaseUrl || defaultiOSDeepLinkUrlBase
+        );
+        const iosAppInstallUrl = options.iosAppDownloadUrl || "itms-apps://apps.apple.com/in/app/reclaim-verifier/id6503247508";
+        logger11.info("Redirecting to iOS app: " + deepLink, "or store: ", iosAppInstallUrl);
+        try {
+          window.navigator.clipboard.writeText(deepLink).catch(() => {
+            console.error("We can't access the clipboard. Please copy this link and open Reclaim Verifier app.");
+          });
+          let appInstalled = false;
+          let timeoutId;
+          const iframe = document.createElement("iframe");
+          iframe.style.display = "none";
+          iframe.style.width = "1px";
+          iframe.style.height = "1px";
+          document.body.appendChild(iframe);
+          const cleanup = () => {
+            if (iframe.parentNode) {
+              document.body.removeChild(iframe);
+            }
+            if (timeoutId) {
+              clearTimeout(timeoutId);
+            }
+          };
+          const onVisibilityChange = () => {
+            if (document.hidden) {
+              logger11.info("App maybe installed, document hidden");
+              appInstalled = true;
+              cleanup();
+              window.location.href = deepLink;
+            }
+          };
+          document.addEventListener("visibilitychange", onVisibilityChange, { once: true });
+          iframe.src = deepLink;
+          timeoutId = setTimeout(() => {
+            document.removeEventListener("visibilitychange", onVisibilityChange);
+            cleanup();
+            if (!appInstalled) {
+              window.location.href = iosAppInstallUrl;
+            }
+          }, 1500);
+        } catch (e) {
+          console.error("something went wrong during launch, opening store", e);
+          window.location.href = iosAppInstallUrl;
+        }
+      } catch (error) {
+        logger11.info("Error redirecting to instant app:", error);
+        throw error;
+      }
+    });
+  }
   /**
    * Returns the provider id and exact version of the provider that was used in the verification session of this request. 
    *