@worldcoin/idkit 4.0.8 → 4.0.9-dev.e3dec21

package/dist/index.js

@@ -1,6 +1,6 @@
-import { IDKitErrorCodes, IDKit } from '@worldcoin/idkit-core';
+import { IDKitErrorCodes, isInWorldApp, IDKit } from '@worldcoin/idkit-core';
 export { IDKit, IDKitErrorCodes, deviceLegacy, documentLegacy, orbLegacy, secureDocumentLegacy, selfieCheckLegacy, signRequest } from '@worldcoin/idkit-core';
-import { memo, useMemo, useState, useRef, useEffect, useCallback } from 'react';
+import { memo, useMemo, useState, useRef, useCallback, useEffect } from 'react';
 import { createPortal } from 'react-dom';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import QRCodeUtil from 'qrcode/lib/core/qrcode.js';
@@ -60,10 +60,13 @@ function toErrorCode(error) {
 }
 
 // src/hooks/useIDKitFlow.ts
+var isDebug = () => typeof window !== "undefined" && window.IDKIT_DEBUG;
 function useIDKitFlow(createFlowHandle, config) {
+  const isInWorldApp$1 = useMemo(() => isInWorldApp(), []);
   const [state, setState] = useState(
     createInitialHookState
   );
+  const [runId, setRunId] = useState(0);
   const abortRef = useRef(null);
   const createFlowHandleRef = useRef(createFlowHandle);
   const configRef = useRef(config);
@@ -73,6 +76,7 @@ function useIDKitFlow(createFlowHandle, config) {
     abortRef.current?.abort();
     abortRef.current = null;
     setState(createInitialHookState);
+    setRunId((id) => id + 1);
   }, []);
   const open = useCallback(() => {
     setState((prev) => {
@@ -108,13 +112,20 @@ function useIDKitFlow(createFlowHandle, config) {
     };
     void (async () => {
       try {
+        if (isDebug()) console.debug("[IDKit] Creating flow handle\u2026");
         const request = await createFlowHandleRef.current();
         ensureNotAborted(controller.signal);
+        if (isDebug())
+          console.debug("[IDKit] Flow created", {
+            connectorURI: request.connectorURI,
+            requestId: request.requestId
+          });
+        const connectorURI = isInWorldApp$1 ? null : request.connectorURI;
         setState((prev) => {
-          if (prev.connectorURI === request.connectorURI) {
+          if (prev.connectorURI === connectorURI) {
             return prev;
           }
-          return { ...prev, connectorURI: request.connectorURI };
+          return { ...prev, connectorURI };
         });
         const pollInterval = configRef.current.polling?.interval ?? 1e3;
         const timeout = configRef.current.polling?.timeout ?? 3e5;
@@ -142,6 +153,8 @@ function useIDKitFlow(createFlowHandle, config) {
             return;
           }
           if (nextStatus.type === "failed") {
+            if (isDebug())
+              console.warn("[IDKit] Poll returned failed", nextStatus);
             setFailed(nextStatus.error ?? IDKitErrorCodes.GenericError);
             return;
           }
@@ -155,8 +168,10 @@ function useIDKitFlow(createFlowHandle, config) {
         }
       } catch (error) {
         if (controller.signal.aborted) {
+          if (isDebug()) console.debug("[IDKit] Flow aborted");
           return;
         }
+        if (isDebug()) console.error("[IDKit] Flow error:", error);
         setFailed(toErrorCode(error));
       }
     })();
@@ -166,7 +181,7 @@ function useIDKitFlow(createFlowHandle, config) {
         abortRef.current = null;
       }
     };
-  }, [state.isOpen]);
+  }, [state.isOpen, runId, isInWorldApp$1]);
   return {
     open,
     reset,
@@ -177,7 +192,8 @@ function useIDKitFlow(createFlowHandle, config) {
     connectorURI: state.connectorURI,
     result: state.result,
     errorCode: state.errorCode,
-    isOpen: state.isOpen
+    isOpen: state.isOpen,
+    isInWorldApp: isInWorldApp$1
   };
 }
 
@@ -1622,7 +1638,8 @@ function getVisualStage(isSuccess, isError, isHostVerifying) {
   if (isSuccess) return "success";
   return "worldid";
 }
-function IDKitRequestWidget({
+function IDKitWidgetBase({
+  flow,
   open,
   onOpenChange,
   handleVerify,
@@ -1630,12 +1647,8 @@ function IDKitRequestWidget({
   onError,
   autoClose = true,
   language,
-  ...config
+  showSimulatorCallout
 }) {
-  if (typeof onSuccess !== "function") {
-    throw new Error("IDKitRequestWidget requires an onSuccess callback.");
-  }
-  const flow = useIDKitRequest(config);
   const { open: openFlow, reset: resetFlow } = flow;
   const [hostVerifyResult, setHostVerifyResult] = useState(null);
   const lastResultRef = useRef(null);
@@ -1677,13 +1690,31 @@ function IDKitRequestWidget({
     });
   }, [effectiveErrorCode, onError]);
   useEffect(() => {
-    if (isSuccess && autoClose) {
+    if (!flow.isInWorldApp || !isHostVerifying || !flow.result || !handleVerify) {
+      return;
+    }
+    let cancelled = false;
+    void Promise.resolve(handleVerify(flow.result)).then(() => {
+      if (!cancelled) setHostVerifyResult("passed");
+    }).catch(() => {
+      if (!cancelled) setHostVerifyResult("failed");
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [flow.isInWorldApp, isHostVerifying, flow.result, handleVerify]);
+  useEffect(() => {
+    if (flow.isInWorldApp && (isSuccess || isError)) {
+      onOpenChange(false);
+    } else if (isSuccess && autoClose) {
       const timer = setTimeout(() => onOpenChange(false), 2500);
       return () => clearTimeout(timer);
     }
-  }, [isSuccess, autoClose, onOpenChange]);
+  }, [isSuccess, isError, autoClose, onOpenChange, flow.isInWorldApp]);
+  if (flow.isInWorldApp) {
+    return null;
+  }
   const stage = getVisualStage(isSuccess, isError, isHostVerifying);
-  const showSimulatorCallout = config.environment === "staging";
   return /* @__PURE__ */ jsxs(IDKitModal, { open, onOpenChange, children: [
     stage === "worldid" && /* @__PURE__ */ jsx(
       WorldIDState,
@@ -1717,6 +1748,35 @@ function IDKitRequestWidget({
     )
   ] });
 }
+function IDKitRequestWidget({
+  open,
+  onOpenChange,
+  handleVerify,
+  onSuccess,
+  onError,
+  autoClose,
+  language,
+  ...config
+}) {
+  if (typeof onSuccess !== "function") {
+    throw new Error("IDKitRequestWidget requires an onSuccess callback.");
+  }
+  const flow = useIDKitRequest(config);
+  return /* @__PURE__ */ jsx(
+    IDKitWidgetBase,
+    {
+      flow,
+      open,
+      onOpenChange,
+      handleVerify,
+      onSuccess,
+      onError,
+      autoClose,
+      language,
+      showSimulatorCallout: config.environment === "staging"
+    }
+  );
+}
 
 export { IDKitRequestWidget, useIDKitRequest };
 //# sourceMappingURL=index.js.map