@worldcoin/idkit 4.0.4 → 4.0.6

package/dist/index.js

@@ -1,6 +1,6 @@
 import { IDKitErrorCodes, IDKit } from '@worldcoin/idkit-core';
-export { IDKit, IDKitErrorCodes, documentLegacy, orbLegacy, secureDocumentLegacy, selfieCheck, signRequest } from '@worldcoin/idkit-core';
-import { memo, useMemo, useRef, useEffect, useState, useCallback } from 'react';
+export { IDKit, IDKitErrorCodes, documentLegacy, orbLegacy, secureDocumentLegacy, selfieCheckLegacy, signRequest } from '@worldcoin/idkit-core';
+import { memo, useMemo, useState, useRef, useEffect, useCallback } from 'react';
 import { createPortal } from 'react-dom';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import QRCodeUtil from 'qrcode/lib/core/qrcode.js';
@@ -542,6 +542,7 @@ var WIDGET_STYLES = `
   animation: idkit-spin 1s linear infinite;
 }
 .idkit-spinner svg {
+  display: block;
   width: 24px;
   height: 24px;
 }
@@ -714,6 +715,8 @@ var en = {
   "You've cancelled the request in World App.": "You've cancelled the request in World App.",
   "Connection lost": "Connection lost",
   "Please check your connection and try again.": "Please check your connection and try again.",
+  "Verification declined": "Verification declined",
+  "Failed to verify your credential proof. Please contact the website owner.": "Failed to verify your credential proof. Please contact the website owner.",
   "We couldn't complete your request. Please try again.": "We couldn't complete your request. Please try again.",
   "Try Again": "Try Again",
   "Open World App": "Open World App",
@@ -722,6 +725,7 @@ var en = {
   "Use phone camera to scan the QR code": "Use phone camera to scan the QR code",
   "Connecting...": "Connecting...",
   "Please continue in app": "Please continue in app",
+  "Transmitting verification to host app. Please wait...": "Transmitting verification to host app. Please wait...",
   "You will be redirected to the app, please return to this page once you're done": "You will be redirected to the app, please return to this page once you're done",
   "Terms & Privacy": "Terms & Privacy"
 };
@@ -735,6 +739,8 @@ var es = {
   "You've cancelled the request in World App.": "Has cancelado la solicitud en World App.",
   "Connection lost": "Conexion perdida",
   "Please check your connection and try again.": "Por favor verifica tu conexion e intenta de nuevo.",
+  "Verification declined": "Verificaci\xF3n rechazada",
+  "Failed to verify your credential proof. Please contact the website owner.": "No se pudo verificar tu prueba de credencial. Por favor contacta al propietario del sitio web.",
   "We couldn't complete your request. Please try again.": "No pudimos completar tu solicitud. Por favor intenta de nuevo.",
   "Try Again": "Intentar de nuevo",
   "Open World App": "Abrir World App",
@@ -743,6 +749,7 @@ var es = {
   "Use phone camera to scan the QR code": "Usa la c\xE1mara del tel\xE9fono para escanear el c\xF3digo QR",
   "Connecting...": "Conectando...",
   "Please continue in app": "Por favor contin\xFAa en la aplicaci\xF3n",
+  "Transmitting verification to host app. Please wait...": "Enviando verificaci\xF3n a la aplicaci\xF3n anfitriona. Por favor espera...",
   "You will be redirected to the app, please return to this page once you're done": "Ser\xE1s redirigido a la aplicaci\xF3n, por favor regresa a esta p\xE1gina una vez que hayas terminado",
   "Terms & Privacy": "T\xE9rminos y privacidad"
 };
@@ -756,6 +763,8 @@ var th = {
   "You've cancelled the request in World App.": "\u0E04\u0E38\u0E13\u0E44\u0E14\u0E49\u0E22\u0E01\u0E40\u0E25\u0E34\u0E01\u0E04\u0E33\u0E02\u0E2D\u0E43\u0E19 World App",
   "Connection lost": "\u0E01\u0E32\u0E23\u0E40\u0E0A\u0E37\u0E48\u0E2D\u0E21\u0E15\u0E48\u0E2D\u0E02\u0E32\u0E14\u0E2B\u0E32\u0E22",
   "Please check your connection and try again.": "\u0E01\u0E23\u0E38\u0E13\u0E32\u0E15\u0E23\u0E27\u0E08\u0E2A\u0E2D\u0E1A\u0E01\u0E32\u0E23\u0E40\u0E0A\u0E37\u0E48\u0E2D\u0E21\u0E15\u0E48\u0E2D\u0E41\u0E25\u0E49\u0E27\u0E25\u0E2D\u0E07\u0E2D\u0E35\u0E01\u0E04\u0E23\u0E31\u0E49\u0E07",
+  "Verification declined": "\u0E01\u0E32\u0E23\u0E22\u0E37\u0E19\u0E22\u0E31\u0E19\u0E16\u0E39\u0E01\u0E1B\u0E0F\u0E34\u0E40\u0E2A\u0E18",
+  "Failed to verify your credential proof. Please contact the website owner.": "\u0E44\u0E21\u0E48\u0E2A\u0E32\u0E21\u0E32\u0E23\u0E16\u0E22\u0E37\u0E19\u0E22\u0E31\u0E19\u0E2B\u0E25\u0E31\u0E01\u0E10\u0E32\u0E19\u0E02\u0E2D\u0E07 Credential \u0E44\u0E14\u0E49 \u0E42\u0E1B\u0E23\u0E14\u0E15\u0E34\u0E14\u0E15\u0E48\u0E2D\u0E40\u0E08\u0E49\u0E32\u0E02\u0E2D\u0E07\u0E40\u0E27\u0E47\u0E1A\u0E44\u0E0B\u0E15\u0E4C",
   "We couldn't complete your request. Please try again.": "\u0E40\u0E23\u0E32\u0E44\u0E21\u0E48\u0E2A\u0E32\u0E21\u0E32\u0E23\u0E16\u0E14\u0E33\u0E40\u0E19\u0E34\u0E19\u0E01\u0E32\u0E23\u0E15\u0E32\u0E21\u0E04\u0E33\u0E02\u0E2D\u0E02\u0E2D\u0E07\u0E04\u0E38\u0E13\u0E44\u0E14\u0E49 \u0E01\u0E23\u0E38\u0E13\u0E32\u0E25\u0E2D\u0E07\u0E2D\u0E35\u0E01\u0E04\u0E23\u0E31\u0E49\u0E07",
   "Try Again": "\u0E25\u0E2D\u0E07\u0E2D\u0E35\u0E01\u0E04\u0E23\u0E31\u0E49\u0E07",
   "Open World App": "\u0E40\u0E1B\u0E34\u0E14 World App",
@@ -764,6 +773,7 @@ var th = {
   "Use phone camera to scan the QR code": "\u0E43\u0E0A\u0E49\u0E01\u0E25\u0E49\u0E2D\u0E07\u0E42\u0E17\u0E23\u0E28\u0E31\u0E1E\u0E17\u0E4C\u0E40\u0E1E\u0E37\u0E48\u0E2D\u0E2A\u0E41\u0E01\u0E19 QR code",
   "Connecting...": "\u0E01\u0E33\u0E25\u0E31\u0E07\u0E40\u0E0A\u0E37\u0E48\u0E2D\u0E21\u0E15\u0E48\u0E2D...",
   "Please continue in app": "\u0E01\u0E23\u0E38\u0E13\u0E32\u0E14\u0E33\u0E40\u0E19\u0E34\u0E19\u0E01\u0E32\u0E23\u0E15\u0E48\u0E2D\u0E43\u0E19\u0E41\u0E2D\u0E1B",
+  "Transmitting verification to host app. Please wait...": "\u0E01\u0E33\u0E25\u0E31\u0E07\u0E2A\u0E48\u0E07\u0E01\u0E32\u0E23\u0E22\u0E37\u0E19\u0E22\u0E31\u0E19\u0E44\u0E1B\u0E22\u0E31\u0E07\u0E41\u0E2D\u0E1B\u0E42\u0E2E\u0E2A\u0E15\u0E4C \u0E01\u0E23\u0E38\u0E13\u0E32\u0E23\u0E2D\u0E2A\u0E31\u0E01\u0E04\u0E23\u0E39\u0E48...",
   "You will be redirected to the app, please return to this page once you're done": "\u0E04\u0E38\u0E13\u0E08\u0E30\u0E16\u0E39\u0E01\u0E19\u0E33\u0E44\u0E1B\u0E22\u0E31\u0E07\u0E41\u0E2D\u0E1B \u0E01\u0E23\u0E38\u0E13\u0E32\u0E01\u0E25\u0E31\u0E1A\u0E21\u0E32\u0E17\u0E35\u0E48\u0E2B\u0E19\u0E49\u0E32\u0E19\u0E35\u0E49\u0E40\u0E21\u0E37\u0E48\u0E2D\u0E40\u0E2A\u0E23\u0E47\u0E08\u0E41\u0E25\u0E49\u0E27",
   "Terms & Privacy": "\u0E02\u0E49\u0E2D\u0E01\u0E33\u0E2B\u0E19\u0E14\u0E41\u0E25\u0E30\u0E04\u0E27\u0E32\u0E21\u0E40\u0E1B\u0E47\u0E19\u0E2A\u0E48\u0E27\u0E19\u0E15\u0E31\u0E27"
 };
@@ -1517,9 +1527,9 @@ function WarningIcon(props) {
 var errorCodeVariants = {
   [IDKitErrorCodes.UserRejected]: "cancelled",
   [IDKitErrorCodes.VerificationRejected]: "cancelled",
-  [IDKitErrorCodes.FailedByHostApp]: "cancelled",
   [IDKitErrorCodes.Cancelled]: "cancelled",
-  [IDKitErrorCodes.ConnectionFailed]: "connection"
+  [IDKitErrorCodes.ConnectionFailed]: "connection",
+  [IDKitErrorCodes.FailedByHostApp]: "host_verification"
 };
 var variantConfig = {
   cancelled: {
@@ -1533,6 +1543,11 @@ var variantConfig = {
     Icon: ErrorIcon
     // placeholder — swap for WifiOffIcon later
   },
+  host_verification: {
+    title: "Verification declined",
+    message: "Failed to verify your credential proof. Please contact the website owner.",
+    Icon: ErrorIcon
+  },
   generic: {
     title: "Something went wrong",
     message: "We couldn't complete your request. Please try again.",
@@ -1569,26 +1584,60 @@ function ErrorState({
     }
   );
 }
-function getVisualStage(isSuccess, isError) {
-  if (isSuccess) {
-    return "success";
-  }
-  if (isError) {
-    return "error";
-  }
+function HostAppVerificationState({
+  onVerify,
+  onPass,
+  onFail
+}) {
+  useEffect(() => {
+    let cancelled = false;
+    void Promise.resolve(onVerify()).then(() => {
+      if (!cancelled) onPass();
+    }).catch(() => {
+      if (!cancelled) onFail();
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, []);
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      style: {
+        display: "flex",
+        flexDirection: "column",
+        alignItems: "center",
+        textAlign: "center"
+      },
+      children: [
+        /* @__PURE__ */ jsx("div", { className: "idkit-spinner", children: /* @__PURE__ */ jsx(LoadingIcon, {}) }),
+        /* @__PURE__ */ jsx("p", { className: "idkit-subtext", children: __("Transmitting verification to host app. Please wait...") })
+      ]
+    }
+  );
+}
+function getVisualStage(isSuccess, isError, isHostVerifying) {
+  if (isError) return "error";
+  if (isHostVerifying) return "host_verification";
+  if (isSuccess) return "success";
   return "worldid";
 }
 function IDKitRequestWidget({
   open,
   onOpenChange,
+  handleVerify,
   onSuccess,
   onError,
   autoClose = true,
   language,
   ...config
 }) {
+  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);
   const lastErrorCodeRef = useRef(null);
   useEffect(() => {
@@ -1598,34 +1647,42 @@ function IDKitRequestWidget({
   }, [language]);
   useEffect(() => {
     if (open) {
+      setHostVerifyResult(null);
       openFlow();
       return;
     }
+    setHostVerifyResult(null);
+    lastResultRef.current = null;
+    lastErrorCodeRef.current = null;
     resetFlow();
   }, [open, openFlow, resetFlow]);
+  const isSuccess = flow.isSuccess && (!handleVerify || hostVerifyResult === "passed");
+  const isError = flow.isError || hostVerifyResult === "failed";
+  const isHostVerifying = flow.isSuccess && Boolean(handleVerify) && hostVerifyResult === null;
+  const effectiveErrorCode = flow.errorCode ?? (hostVerifyResult === "failed" ? IDKitErrorCodes.FailedByHostApp : null);
   useEffect(() => {
-    if (!flow.result || flow.result === lastResultRef.current) {
+    if (!isSuccess || !flow.result || flow.result === lastResultRef.current) {
       return;
     }
     lastResultRef.current = flow.result;
-    void Promise.resolve(onSuccess?.(flow.result)).catch(() => {
+    void Promise.resolve(onSuccess(flow.result)).catch(() => {
     });
-  }, [onSuccess, flow.result]);
+  }, [flow.result, isSuccess, onSuccess]);
   useEffect(() => {
-    if (!flow.errorCode || flow.errorCode === lastErrorCodeRef.current) {
+    if (!effectiveErrorCode || effectiveErrorCode === lastErrorCodeRef.current) {
       return;
     }
-    lastErrorCodeRef.current = flow.errorCode;
-    void Promise.resolve(onError?.(flow.errorCode)).catch(() => {
+    lastErrorCodeRef.current = effectiveErrorCode;
+    void Promise.resolve(onError?.(effectiveErrorCode)).catch(() => {
     });
-  }, [flow.errorCode, onError]);
+  }, [effectiveErrorCode, onError]);
   useEffect(() => {
-    if (flow.isSuccess && autoClose) {
+    if (isSuccess && autoClose) {
       const timer = setTimeout(() => onOpenChange(false), 2500);
       return () => clearTimeout(timer);
     }
-  }, [flow.isSuccess, autoClose, onOpenChange]);
-  const stage = getVisualStage(flow.isSuccess, flow.isError);
+  }, [isSuccess, autoClose, onOpenChange]);
+  const stage = getVisualStage(isSuccess, isError, isHostVerifying);
   const showSimulatorCallout = config.environment === "staging";
   return /* @__PURE__ */ jsxs(IDKitModal, { open, onOpenChange, children: [
     stage === "worldid" && /* @__PURE__ */ jsx(
@@ -1636,12 +1693,23 @@ function IDKitRequestWidget({
         showSimulatorCallout
       }
     ),
+    stage === "host_verification" && /* @__PURE__ */ jsx(
+      HostAppVerificationState,
+      {
+        onVerify: () => handleVerify(flow.result),
+        onPass: () => setHostVerifyResult("passed"),
+        onFail: () => setHostVerifyResult("failed")
+      }
+    ),
     stage === "success" && /* @__PURE__ */ jsx(SuccessState, {}),
     stage === "error" && /* @__PURE__ */ jsx(
       ErrorState,
       {
-        errorCode: flow.errorCode,
+        errorCode: effectiveErrorCode,
         onRetry: () => {
+          setHostVerifyResult(null);
+          lastResultRef.current = null;
+          lastErrorCodeRef.current = null;
           resetFlow();
           openFlow();
         }