@worldcoin/idkit 4.0.9 → 4.0.11

package/README.md

@@ -31,6 +31,7 @@ function Example() {
     action: "my-action",
     rp_context,
     allow_legacy_proofs: false,
+    return_to: "myapp://idkit/callback",
     preset: orbLegacy({ signal: "user-123" }),
   });
   const isBusy =
@@ -72,6 +73,7 @@ function WidgetExample() {
       action="my-action"
       rp_context={rpContext}
       allow_legacy_proofs={false}
+      return_to="myapp://idkit/callback"
       preset={orbLegacy({ signal: "user-123" })}
       onSuccess={(result) => {
         // required: runs after verification succeeds

package/dist/index.cjs

@@ -67,6 +67,7 @@ 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
   );
@@ -124,14 +125,15 @@ function useIDKitFlow(createFlowHandle, config) {
             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;
+        const timeout = configRef.current.polling?.timeout ?? 9e5;
         const startedAt = Date.now();
         while (true) {
           ensureNotAborted(controller.signal);
@@ -184,7 +186,7 @@ function useIDKitFlow(createFlowHandle, config) {
         abortRef.current = null;
       }
     };
-  }, [state.isOpen, runId]);
+  }, [state.isOpen, runId, isInWorldApp]);
   return {
     open,
     reset,
@@ -195,7 +197,8 @@ function useIDKitFlow(createFlowHandle, config) {
     connectorURI: state.connectorURI,
     result: state.result,
     errorCode: state.errorCode,
-    isOpen: state.isOpen
+    isOpen: state.isOpen,
+    isInWorldApp
   };
 }
 
@@ -208,6 +211,7 @@ function useIDKitRequest(config) {
       rp_context: config.rp_context,
       action_description: config.action_description,
       bridge_url: config.bridge_url,
+      return_to: config.return_to,
       allow_legacy_proofs: config.allow_legacy_proofs,
       override_connect_base_url: config.override_connect_base_url,
       environment: config.environment
@@ -1640,7 +1644,8 @@ function getVisualStage(isSuccess, isError, isHostVerifying) {
   if (isSuccess) return "success";
   return "worldid";
 }
-function IDKitRequestWidget({
+function IDKitWidgetBase({
+  flow,
   open,
   onOpenChange,
   handleVerify,
@@ -1648,12 +1653,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);
@@ -1695,13 +1696,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,
@@ -1735,6 +1754,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,