@worldcoin/idkit 4.0.8 → 4.0.9-dev.e3dec21

package/dist/index.cjs

@@ -65,10 +65,13 @@ function toErrorCode(error) {
 }
 
 // src/hooks/useIDKitFlow.ts
+var isDebug = () => typeof window !== "undefined" && window.IDKIT_DEBUG;
 function useIDKitFlow(createFlowHandle, config) {
+  const isInWorldApp = react.useMemo(() => idkitCore.isInWorldApp(), []);
   const [state, setState] = react.useState(
     createInitialHookState
   );
+  const [runId, setRunId] = react.useState(0);
   const abortRef = react.useRef(null);
   const createFlowHandleRef = react.useRef(createFlowHandle);
   const configRef = react.useRef(config);
@@ -78,6 +81,7 @@ function useIDKitFlow(createFlowHandle, config) {
     abortRef.current?.abort();
     abortRef.current = null;
     setState(createInitialHookState);
+    setRunId((id) => id + 1);
   }, []);
   const open = react.useCallback(() => {
     setState((prev) => {
@@ -113,13 +117,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 ? 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;
@@ -147,6 +158,8 @@ function useIDKitFlow(createFlowHandle, config) {
             return;
           }
           if (nextStatus.type === "failed") {
+            if (isDebug())
+              console.warn("[IDKit] Poll returned failed", nextStatus);
             setFailed(nextStatus.error ?? idkitCore.IDKitErrorCodes.GenericError);
             return;
           }
@@ -160,8 +173,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));
       }
     })();
@@ -171,7 +186,7 @@ function useIDKitFlow(createFlowHandle, config) {
         abortRef.current = null;
       }
     };
-  }, [state.isOpen]);
+  }, [state.isOpen, runId, isInWorldApp]);
   return {
     open,
     reset,
@@ -182,7 +197,8 @@ function useIDKitFlow(createFlowHandle, config) {
     connectorURI: state.connectorURI,
     result: state.result,
     errorCode: state.errorCode,
-    isOpen: state.isOpen
+    isOpen: state.isOpen,
+    isInWorldApp
   };
 }
 
@@ -1627,7 +1643,8 @@ function getVisualStage(isSuccess, isError, isHostVerifying) {
   if (isSuccess) return "success";
   return "worldid";
 }
-function IDKitRequestWidget({
+function IDKitWidgetBase({
+  flow,
   open,
   onOpenChange,
   handleVerify,
@@ -1635,12 +1652,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] = react.useState(null);
   const lastResultRef = react.useRef(null);
@@ -1682,13 +1695,31 @@ function IDKitRequestWidget({
     });
   }, [effectiveErrorCode, onError]);
   react.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]);
+  react.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__ */ jsxRuntime.jsxs(IDKitModal, { open, onOpenChange, children: [
     stage === "worldid" && /* @__PURE__ */ jsxRuntime.jsx(
       WorldIDState,
@@ -1722,6 +1753,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__ */ jsxRuntime.jsx(
+    IDKitWidgetBase,
+    {
+      flow,
+      open,
+      onOpenChange,
+      handleVerify,
+      onSuccess,
+      onError,
+      autoClose,
+      language,
+      showSimulatorCallout: config.environment === "staging"
+    }
+  );
+}
 
 Object.defineProperty(exports, "IDKit", {
   enumerable: true,