@worldcoin/idkit 4.0.0-dev.ae2c0a6 → 4.0.1-dev.a1a85c4

package/dist/index.cjs

@@ -202,36 +202,6 @@ function useIDKitRequest(config) {
     config
   );
 }
-function assertSessionId(sessionId) {
-  if (sessionId === void 0) {
-    return void 0;
-  }
-  if (sessionId.trim().length === 0) {
-    throw idkitCore.IDKitErrorCodes.MalformedRequest;
-  }
-  return sessionId;
-}
-function useIDKitSession(config) {
-  return useIDKitFlow(() => {
-    const existingSessionId = assertSessionId(config.existing_session_id);
-    const builder = existingSessionId ? idkitCore.IDKit.proveSession(existingSessionId, {
-      app_id: config.app_id,
-      rp_context: config.rp_context,
-      action_description: config.action_description,
-      bridge_url: config.bridge_url,
-      override_connect_base_url: config.override_connect_base_url,
-      environment: config.environment
-    }) : idkitCore.IDKit.createSession({
-      app_id: config.app_id,
-      rp_context: config.rp_context,
-      action_description: config.action_description,
-      bridge_url: config.bridge_url,
-      override_connect_base_url: config.override_connect_base_url,
-      environment: config.environment
-    });
-    return builder.preset(config.preset);
-  }, config);
-}
 
 // src/styles/widgetStyles.ts
 var WIDGET_STYLES = `
@@ -528,6 +498,22 @@ var WIDGET_STYLES = `
   color: var(--idkit-text-secondary);
 }
 
+/* Simulator callout (staging only) */
+.idkit-simulator-callout {
+  margin: 12px 0 0;
+  font-size: 14px;
+  color: var(--idkit-text-secondary);
+  text-align: center;
+}
+.idkit-simulator-callout a {
+  color: var(--idkit-text-muted);
+  text-decoration: underline;
+  text-underline-offset: 2px;
+}
+.idkit-simulator-callout a:hover {
+  color: var(--idkit-text);
+}
+
 /* Mobile deep-link button */
 .idkit-deeplink-btn {
   display: flex;
@@ -1186,7 +1172,10 @@ function QRPlaceholderIcon(props) {
     }
   );
 }
-function QRState({ qrData }) {
+function QRState({
+  qrData,
+  showSimulatorCallout
+}) {
   const media = useMedia();
   const [copiedLink, setCopiedLink] = react.useState(false);
   const copyLink = react.useCallback(() => {
@@ -1225,13 +1214,27 @@ function QRState({ qrData }) {
           style: { cursor: "pointer" },
           children: /* @__PURE__ */ jsxRuntime.jsx(QRCode, { data: qrData, size: media === "mobile" ? 160 : 200 })
         }
-      ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "idkit-qr-placeholder", children: /* @__PURE__ */ jsxRuntime.jsx(QRPlaceholderIcon, {}) }) }) })
+      ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "idkit-qr-placeholder", children: /* @__PURE__ */ jsxRuntime.jsx(QRPlaceholderIcon, {}) }) }) }),
+      showSimulatorCallout && qrData && /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "idkit-simulator-callout", children: [
+        "Testing in staging?",
+        " ",
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "a",
+          {
+            href: `https://simulator.worldcoin.org?connect_url=${encodeURIComponent(qrData)}`,
+            target: "_blank",
+            rel: "noopener noreferrer",
+            children: "Use the simulator"
+          }
+        )
+      ] })
     ] })
   ] });
 }
 function WorldIDState({
   connectorURI,
-  isAwaitingUserConfirmation
+  isAwaitingUserConfirmation,
+  showSimulatorCallout
 }) {
   const media = useMedia();
   return /* @__PURE__ */ jsxRuntime.jsxs(
@@ -1261,7 +1264,13 @@ function WorldIDState({
             "div",
             {
               className: `idkit-qr-blur ${isAwaitingUserConfirmation ? "blurred" : ""}`,
-              children: /* @__PURE__ */ jsxRuntime.jsx("div", { style: { display: "flex", justifyContent: "center" }, children: /* @__PURE__ */ jsxRuntime.jsx(QRState, { qrData: connectorURI }) })
+              children: /* @__PURE__ */ jsxRuntime.jsx("div", { style: { display: "flex", justifyContent: "center" }, children: /* @__PURE__ */ jsxRuntime.jsx(
+                QRState,
+                {
+                  qrData: connectorURI,
+                  showSimulatorCallout
+                }
+              ) })
             }
           )
         ] })
@@ -1622,90 +1631,14 @@ function IDKitRequestWidget({
     }
   }, [flow.isSuccess, autoClose, onOpenChange]);
   const stage = getVisualStage(flow.isSuccess, flow.isError);
+  const showSimulatorCallout = config.environment === "staging";
   return /* @__PURE__ */ jsxRuntime.jsxs(IDKitModal, { open, onOpenChange, children: [
     stage === "worldid" && /* @__PURE__ */ jsxRuntime.jsx(
       WorldIDState,
       {
         connectorURI: flow.connectorURI,
-        isAwaitingUserConfirmation: flow.isAwaitingUserConfirmation
-      }
-    ),
-    stage === "success" && /* @__PURE__ */ jsxRuntime.jsx(SuccessState, {}),
-    stage === "error" && /* @__PURE__ */ jsxRuntime.jsx(
-      ErrorState,
-      {
-        errorCode: flow.errorCode,
-        onRetry: () => {
-          resetFlow();
-          openFlow();
-        }
-      }
-    )
-  ] });
-}
-function getVisualStage2(isSuccess, isError) {
-  if (isSuccess) {
-    return "success";
-  }
-  if (isError) {
-    return "error";
-  }
-  return "worldid";
-}
-function IDKitSessionWidget({
-  open,
-  onOpenChange,
-  onSuccess,
-  onError,
-  autoClose = true,
-  language,
-  ...config
-}) {
-  const flow = useIDKitSession(config);
-  const { open: openFlow, reset: resetFlow } = flow;
-  const lastResultRef = react.useRef(null);
-  const lastErrorCodeRef = react.useRef(null);
-  react.useEffect(() => {
-    if (language) {
-      setLocalizationConfig({ language });
-    }
-  }, [language]);
-  react.useEffect(() => {
-    if (open) {
-      openFlow();
-      return;
-    }
-    resetFlow();
-  }, [open, openFlow, resetFlow]);
-  react.useEffect(() => {
-    if (!flow.result || flow.result === lastResultRef.current) {
-      return;
-    }
-    lastResultRef.current = flow.result;
-    void Promise.resolve(onSuccess?.(flow.result)).catch(() => {
-    });
-  }, [onSuccess, flow.result]);
-  react.useEffect(() => {
-    if (!flow.errorCode || flow.errorCode === lastErrorCodeRef.current) {
-      return;
-    }
-    lastErrorCodeRef.current = flow.errorCode;
-    void Promise.resolve(onError?.(flow.errorCode)).catch(() => {
-    });
-  }, [flow.errorCode, onError]);
-  react.useEffect(() => {
-    if (flow.isSuccess && autoClose) {
-      const timer = setTimeout(() => onOpenChange(false), 2500);
-      return () => clearTimeout(timer);
-    }
-  }, [flow.isSuccess, autoClose, onOpenChange]);
-  const stage = getVisualStage2(flow.isSuccess, flow.isError);
-  return /* @__PURE__ */ jsxRuntime.jsxs(IDKitModal, { open, onOpenChange, children: [
-    stage === "worldid" && /* @__PURE__ */ jsxRuntime.jsx(
-      WorldIDState,
-      {
-        connectorURI: flow.connectorURI,
-        isAwaitingUserConfirmation: flow.isAwaitingUserConfirmation
+        isAwaitingUserConfirmation: flow.isAwaitingUserConfirmation,
+        showSimulatorCallout
       }
     ),
     stage === "success" && /* @__PURE__ */ jsxRuntime.jsx(SuccessState, {}),
@@ -1722,10 +1655,6 @@ function IDKitSessionWidget({
   ] });
 }
 
-Object.defineProperty(exports, "CredentialRequest", {
-  enumerable: true,
-  get: function () { return idkitCore.CredentialRequest; }
-});
 Object.defineProperty(exports, "IDKit", {
   enumerable: true,
   get: function () { return idkitCore.IDKit; }
@@ -1734,14 +1663,6 @@ Object.defineProperty(exports, "IDKitErrorCodes", {
   enumerable: true,
   get: function () { return idkitCore.IDKitErrorCodes; }
 });
-Object.defineProperty(exports, "all", {
-  enumerable: true,
-  get: function () { return idkitCore.all; }
-});
-Object.defineProperty(exports, "any", {
-  enumerable: true,
-  get: function () { return idkitCore.any; }
-});
 Object.defineProperty(exports, "documentLegacy", {
   enumerable: true,
   get: function () { return idkitCore.documentLegacy; }
@@ -1759,8 +1680,6 @@ Object.defineProperty(exports, "signRequest", {
   get: function () { return idkitCore.signRequest; }
 });
 exports.IDKitRequestWidget = IDKitRequestWidget;
-exports.IDKitSessionWidget = IDKitSessionWidget;
 exports.useIDKitRequest = useIDKitRequest;
-exports.useIDKitSession = useIDKitSession;
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map