@worldcoin/idkit 4.0.9 → 4.0.10

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';
@@ -62,6 +62,7 @@ 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
   );
@@ -119,11 +120,12 @@ function useIDKitFlow(createFlowHandle, config) {
             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;
@@ -179,7 +181,7 @@ function useIDKitFlow(createFlowHandle, config) {
         abortRef.current = null;
       }
     };
-  }, [state.isOpen, runId]);
+  }, [state.isOpen, runId, isInWorldApp$1]);
   return {
     open,
     reset,
@@ -190,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
   };
 }
 
@@ -1635,7 +1638,8 @@ function getVisualStage(isSuccess, isError, isHostVerifying) {
   if (isSuccess) return "success";
   return "worldid";
 }
-function IDKitRequestWidget({
+function IDKitWidgetBase({
+  flow,
   open,
   onOpenChange,
   handleVerify,
@@ -1643,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);
@@ -1690,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,
@@ -1730,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