@worldcoin/idkit 1.1.4 → 1.2.2

package/build/index.js

@@ -2,7 +2,7 @@ import {
   QRCode_default,
   __,
   idkit_default
-} from "./chunk-JCPD6J62.js";
+} from "./chunk-OPIVJQZ6.js";
 
 // src/hooks/useIDKit.ts
 import { useEffect } from "react";
@@ -15,10 +15,8 @@ var getStore = ({ open, onOpenChange, addSuccessCallback, addVerificationCallbac
 var useIDKit = ({ handleVerify, onSuccess } = {}) => {
   const { open, onOpenChange, addSuccessCallback, addVerificationCallback } = idkit_default(getStore);
   useEffect(() => {
-    if (onSuccess)
-      addSuccessCallback(onSuccess, "hook" /* HOOK */);
-    if (handleVerify)
-      addVerificationCallback(handleVerify, "hook" /* HOOK */);
+    if (onSuccess) addSuccessCallback(onSuccess, "hook" /* HOOK */);
+    if (handleVerify) addVerificationCallback(handleVerify, "hook" /* HOOK */);
   }, [handleVerify, onSuccess]);
   return { open, setOpen: onOpenChange };
 };
@@ -47,15 +45,10 @@ var useMedia = () => {
 };
 var useMedia_default = useMedia;
 
-// src/lib/utils.ts
-var classNames = (...classes) => {
-  return classes.filter(Boolean).join(" ");
-};
-
 // src/styles/styles.css
 var styles_default = `/* TODO: Use an alternative to avoid the extra request to Google (e.g. hosting ourselves, or local file)  */
 @import url('https://fonts.googleapis.com/css2?family=Rubik:wght@400;600;700&family=Sora:wght@600&display=swap');
-/* ! tailwindcss v3.3.3 | MIT License | https://tailwindcss.com  */
+/* ! tailwindcss v3.4.4 | MIT License | https://tailwindcss.com  */
 /*
 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
 2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
@@ -79,16 +72,19 @@ var styles_default = `/* TODO: Use an alternative to avoid the extra request to
 4. Use the user's configured \`sans\` font-family by default.
 5. Use the user's configured \`sans\` font-feature-settings by default.
 6. Use the user's configured \`sans\` font-variation-settings by default.
+7. Disable tap highlights on iOS
 */
-html {
+html,
+:host {
   line-height: 1.5; /* 1 */
   -webkit-text-size-adjust: 100%; /* 2 */
   -moz-tab-size: 4; /* 3 */
   -o-tab-size: 4;
      tab-size: 4; /* 3 */
-  font-family: Rubik, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
+  font-family: Rubik, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
   font-feature-settings: normal; /* 5 */
   font-variation-settings: normal; /* 6 */
+  -webkit-tap-highlight-color: transparent; /* 7 */
 }
 /*
 1. Remove the margin in all browsers.
@@ -142,15 +138,19 @@ strong {
   font-weight: bolder;
 }
 /*
-1. Use the user's configured \`mono\` font family by default.
-2. Correct the odd \`em\` font sizing in all browsers.
+1. Use the user's configured \`mono\` font-family by default.
+2. Use the user's configured \`mono\` font-feature-settings by default.
+3. Use the user's configured \`mono\` font-variation-settings by default.
+4. Correct the odd \`em\` font sizing in all browsers.
 */
 code,
 kbd,
 samp,
 pre {
   font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
-  font-size: 1em; /* 2 */
+  font-feature-settings: normal; /* 2 */
+  font-variation-settings: normal; /* 3 */
+  font-size: 1em; /* 4 */
 }
 /*
 Add the correct font size in all browsers.
@@ -200,6 +200,7 @@ textarea {
   font-size: 100%; /* 1 */
   font-weight: inherit; /* 1 */
   line-height: inherit; /* 1 */
+  letter-spacing: inherit; /* 1 */
   color: inherit; /* 1 */
   margin: 0; /* 2 */
   padding: 0; /* 3 */
@@ -216,9 +217,9 @@ select {
 2. Remove default button styles.
 */
 button,
-[type='button'],
-[type='reset'],
-[type='submit'] {
+input:where([type='button']),
+input:where([type='reset']),
+input:where([type='submit']) {
   -webkit-appearance: button; /* 1 */
   background-color: transparent; /* 2 */
   background-image: none; /* 2 */
@@ -491,9 +492,23 @@ select{
 [type='checkbox']:checked{
   background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
 }
+@media (forced-colors: active) {
+  [type='checkbox']:checked{
+    -webkit-appearance: auto;
+       -moz-appearance: auto;
+            appearance: auto;
+  }
+}
 [type='radio']:checked{
   background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");
 }
+@media (forced-colors: active) {
+  [type='radio']:checked{
+    -webkit-appearance: auto;
+       -moz-appearance: auto;
+            appearance: auto;
+  }
+}
 [type='checkbox']:checked:hover,[type='checkbox']:checked:focus,[type='radio']:checked:hover,[type='radio']:checked:focus{
   border-color: transparent;
   background-color: currentColor;
@@ -506,6 +521,13 @@ select{
   background-position: center;
   background-repeat: no-repeat;
 }
+@media (forced-colors: active) {
+  [type='checkbox']:indeterminate{
+    -webkit-appearance: auto;
+       -moz-appearance: auto;
+            appearance: auto;
+  }
+}
 [type='checkbox']:indeterminate:hover,[type='checkbox']:indeterminate:focus{
   border-color: transparent;
   background-color: currentColor;
@@ -571,6 +593,10 @@ select{
   --tw-backdrop-opacity:  ;
   --tw-backdrop-saturate:  ;
   --tw-backdrop-sepia:  ;
+  --tw-contain-size:  ;
+  --tw-contain-layout:  ;
+  --tw-contain-paint:  ;
+  --tw-contain-style:  ;
 }
 ::backdrop{
   --tw-border-spacing-x: 0;
@@ -620,49 +646,14 @@ select{
   --tw-backdrop-opacity:  ;
   --tw-backdrop-saturate:  ;
   --tw-backdrop-sepia:  ;
-}
-.container{
-  width: 100%;
-}
-@media (min-width: 414px){
-  .container{
-    max-width: 414px;
-  }
-}
-@media (min-width: 640px){
-  .container{
-    max-width: 640px;
-  }
-}
-@media (min-width: 768px){
-  .container{
-    max-width: 768px;
-  }
-}
-@media (min-width: 1024px){
-  .container{
-    max-width: 1024px;
-  }
-}
-@media (min-width: 1280px){
-  .container{
-    max-width: 1280px;
-  }
-}
-@media (min-width: 1536px){
-  .container{
-    max-width: 1536px;
-  }
-}
-.pointer-events-none{
-  pointer-events: none;
+  --tw-contain-size:  ;
+  --tw-contain-layout:  ;
+  --tw-contain-paint:  ;
+  --tw-contain-style:  ;
 }
 .visible{
   visibility: visible;
 }
-.invisible{
-  visibility: hidden;
-}
 .fixed{
   position: fixed;
 }
@@ -675,12 +666,6 @@ select{
 .inset-0{
   inset: 0;
 }
-.left-1\\/2{
-  left: 50%;
-}
-.top-1\\/2{
-  top: 50%;
-}
 .z-10{
   z-index: 10;
 }
@@ -695,18 +680,12 @@ select{
   margin-left: auto;
   margin-right: auto;
 }
-.-ml-4{
-  margin-left: -16px;
-}
 .-mt-5{
   margin-top: -20px;
 }
 .-mt-6{
   margin-top: -24px;
 }
-.-mt-\\[2px\\]{
-  margin-top: -2px;
-}
 .mb-10{
   margin-bottom: 40px;
 }
@@ -734,9 +713,6 @@ select{
 .mt-4{
   margin-top: 16px;
 }
-.mt-\\[2px\\]{
-  margin-top: 2px;
-}
 .flex{
   display: flex;
 }
@@ -746,33 +722,18 @@ select{
 .hidden{
   display: none;
 }
-.aspect-square{
-  aspect-ratio: 1 / 1;
-}
 .h-10{
   height: 40px;
 }
-.h-12{
-  height: 48px;
-}
 .h-24{
   height: 96px;
 }
-.h-3{
-  height: 12px;
-}
-.h-4{
-  height: 16px;
-}
 .h-5{
   height: 20px;
 }
 .h-6{
   height: 24px;
 }
-.h-8{
-  height: 32px;
-}
 .h-\\[244px\\]{
   height: 244px;
 }
@@ -782,15 +743,9 @@ select{
 .min-h-screen{
   min-height: 100vh;
 }
-.w-12{
-  width: 48px;
-}
 .w-24{
   width: 96px;
 }
-.w-3{
-  width: 12px;
-}
 .w-4{
   width: 16px;
 }
@@ -800,15 +755,9 @@ select{
 .w-6{
   width: 24px;
 }
-.w-8{
-  width: 32px;
-}
 .w-\\[244px\\]{
   width: 244px;
 }
-.w-\\[34px\\]{
-  width: 34px;
-}
 .w-full{
   width: 100%;
 }
@@ -818,17 +767,6 @@ select{
 .flex-1{
   flex: 1 1 0%;
 }
-.-translate-x-1\\/2{
-  --tw-translate-x: -50%;
-  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-}
-.-translate-y-1\\/2{
-  --tw-translate-y: -50%;
-  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-}
-.transform{
-  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-}
 @keyframes pulse{
   50%{
     opacity: .5;
@@ -848,9 +786,6 @@ select{
 .cursor-pointer{
   cursor: pointer;
 }
-.list-disc{
-  list-style-type: disc;
-}
 .flex-col{
   flex-direction: column;
 }
@@ -874,31 +809,16 @@ select{
   margin-right: calc(8px * var(--tw-space-x-reverse));
   margin-left: calc(8px * calc(1 - var(--tw-space-x-reverse)));
 }
-.space-x-3 > :not([hidden]) ~ :not([hidden]){
-  --tw-space-x-reverse: 0;
-  margin-right: calc(12px * var(--tw-space-x-reverse));
-  margin-left: calc(12px * calc(1 - var(--tw-space-x-reverse)));
-}
 .space-x-4 > :not([hidden]) ~ :not([hidden]){
   --tw-space-x-reverse: 0;
   margin-right: calc(16px * var(--tw-space-x-reverse));
   margin-left: calc(16px * calc(1 - var(--tw-space-x-reverse)));
 }
-.space-x-6 > :not([hidden]) ~ :not([hidden]){
-  --tw-space-x-reverse: 0;
-  margin-right: calc(24px * var(--tw-space-x-reverse));
-  margin-left: calc(24px * calc(1 - var(--tw-space-x-reverse)));
-}
 .space-y-10 > :not([hidden]) ~ :not([hidden]){
   --tw-space-y-reverse: 0;
   margin-top: calc(40px * calc(1 - var(--tw-space-y-reverse)));
   margin-bottom: calc(40px * var(--tw-space-y-reverse));
 }
-.space-y-3 > :not([hidden]) ~ :not([hidden]){
-  --tw-space-y-reverse: 0;
-  margin-top: calc(12px * calc(1 - var(--tw-space-y-reverse)));
-  margin-bottom: calc(12px * var(--tw-space-y-reverse));
-}
 .space-y-4 > :not([hidden]) ~ :not([hidden]){
   --tw-space-y-reverse: 0;
   margin-top: calc(16px * calc(1 - var(--tw-space-y-reverse)));
@@ -917,9 +837,6 @@ select{
 .overflow-y-hidden{
   overflow-y: hidden;
 }
-.whitespace-nowrap{
-  white-space: nowrap;
-}
 .rounded-2xl{
   border-radius: 1rem;
 }
@@ -929,9 +846,6 @@ select{
 .rounded-lg{
   border-radius: 0.5rem;
 }
-.rounded-md{
-  border-radius: 0.375rem;
-}
 .border{
   border-width: 1px;
 }
@@ -960,17 +874,6 @@ select{
 .bg-black\\/50{
   background-color: rgb(0 0 0 / 0.5);
 }
-.bg-d3dfea\\/30{
-  background-color: rgb(211 223 234 / 0.3);
-}
-.bg-gray-100{
-  --tw-bg-opacity: 1;
-  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
-}
-.bg-indigo-600{
-  --tw-bg-opacity: 1;
-  background-color: rgb(79 70 229 / var(--tw-bg-opacity));
-}
 .bg-transparent{
   background-color: transparent;
 }
@@ -987,10 +890,6 @@ select{
 .p-7{
   padding: 28px;
 }
-.px-12{
-  padding-left: 48px;
-  padding-right: 48px;
-}
 .px-2{
   padding-left: 8px;
   padding-right: 8px;
@@ -1007,10 +906,6 @@ select{
   padding-top: 4px;
   padding-bottom: 4px;
 }
-.py-2{
-  padding-top: 8px;
-  padding-bottom: 8px;
-}
 .py-3{
   padding-top: 12px;
   padding-bottom: 12px;
@@ -1022,17 +917,14 @@ select{
 .pt-6{
   padding-top: 24px;
 }
-.text-left{
-  text-align: left;
-}
 .text-center{
   text-align: center;
 }
 .font-sans{
-  font-family: Rubik, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+  font-family: Rubik, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
 }
 .font-sora{
-  font-family: Sora, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+  font-family: Sora, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
 }
 .text-2xl{
   font-size: 24px;
@@ -1056,15 +948,9 @@ select{
 .font-medium{
   font-weight: 500;
 }
-.font-normal{
-  font-weight: 400;
-}
 .font-semibold{
   font-weight: 600;
 }
-.uppercase{
-  text-transform: uppercase;
-}
 .text-0d151d{
   --tw-text-opacity: 1;
   color: rgb(13 21 29 / var(--tw-text-opacity));
@@ -1077,10 +963,6 @@ select{
   --tw-text-opacity: 1;
   color: rgb(60 66 75 / var(--tw-text-opacity));
 }
-.text-4940e0{
-  --tw-text-opacity: 1;
-  color: rgb(73 64 224 / var(--tw-text-opacity));
-}
 .text-657080{
   --tw-text-opacity: 1;
   color: rgb(101 112 128 / var(--tw-text-opacity));
@@ -1155,10 +1037,6 @@ input[type='number']::-webkit-inner-spin-button,
   -webkit-appearance: none;
           appearance: none;
 }
-.hover\\:bg-indigo-700:hover{
-  --tw-bg-opacity: 1;
-  background-color: rgb(67 56 202 / var(--tw-bg-opacity));
-}
 .hover\\:underline:hover{
   text-decoration-line: underline;
 }
@@ -1207,33 +1085,26 @@ input[type='number']::-webkit-inner-spin-button,
     animation: spin 1.5s linear infinite;
   }
 }
-:is(.dark .dark\\:border-f1f5f8\\/10){
+.dark\\:border-f1f5f8\\/10:is(.dark *){
   border-color: rgb(241 245 248 / 0.1);
 }
-:is(.dark .dark\\:bg-0d151d){
+.dark\\:bg-0d151d:is(.dark *){
   --tw-bg-opacity: 1;
   background-color: rgb(13 21 29 / var(--tw-bg-opacity));
 }
-:is(.dark .dark\\:bg-29343f){
-  --tw-bg-opacity: 1;
-  background-color: rgb(41 52 63 / var(--tw-bg-opacity));
-}
-:is(.dark .dark\\:bg-d3dfea\\/15){
-  background-color: rgb(211 223 234 / .15);
-}
-:is(.dark .dark\\:bg-white){
+.dark\\:bg-white:is(.dark *){
   --tw-bg-opacity: 1;
   background-color: rgb(255 255 255 / var(--tw-bg-opacity));
 }
-:is(.dark .dark\\:text-0d151d){
+.dark\\:text-0d151d:is(.dark *){
   --tw-text-opacity: 1;
   color: rgb(13 21 29 / var(--tw-text-opacity));
 }
-:is(.dark .dark\\:text-9eafc0){
+.dark\\:text-9eafc0:is(.dark *){
   --tw-text-opacity: 1;
   color: rgb(158 175 192 / var(--tw-text-opacity));
 }
-:is(.dark .dark\\:text-white){
+.dark\\:text-white:is(.dark *){
   --tw-text-opacity: 1;
   color: rgb(255 255 255 / var(--tw-text-opacity));
 }
@@ -1456,8 +1327,8 @@ var ErrorState = () => {
   return /* @__PURE__ */ jsxs3("div", { className: "space-y-8", children: [
     /* @__PURE__ */ jsx6("div", { className: "-mt-5 flex items-center justify-center", children: errorState?.code == AppErrorCodes.VerificationRejected ? /* @__PURE__ */ jsx6(WarningIcon_default, { className: "w-24" }) : /* @__PURE__ */ jsx6(ErrorIcon_default, { className: "w-24" }) }),
     /* @__PURE__ */ jsxs3("div", { children: [
-      /* @__PURE__ */ jsx6("p", { className: "text-center text-2xl font-semibold text-gray-900 dark:text-white", children: errorState?.code && ERROR_TITLES[errorState.code] || ERROR_TITLES[AppErrorCodes.GenericError] }),
-      /* @__PURE__ */ jsx6("p", { className: "mx-auto mt-2 max-w-[224px] text-center text-657080", children: errorState?.message || ERROR_MESSAGES[errorState?.code ?? AppErrorCodes.GenericError] })
+      /* @__PURE__ */ jsx6("p", { className: "text-center text-2xl font-semibold text-gray-900 dark:text-white", children: (errorState?.code && ERROR_TITLES[errorState.code]) ?? ERROR_TITLES[AppErrorCodes.GenericError] }),
+      /* @__PURE__ */ jsx6("p", { className: "mx-auto mt-2 max-w-[224px] text-center text-657080", children: errorState?.message ?? ERROR_MESSAGES[errorState?.code ?? AppErrorCodes.GenericError] })
     ] }),
     /* @__PURE__ */ jsx6("div", { className: "flex justify-center", children: /* @__PURE__ */ jsxs3(
       "button",
@@ -1478,84 +1349,10 @@ var ErrorState_default = ErrorState;
 // src/components/IDKitWidget/BaseWidget.tsx
 import * as Toast from "@radix-ui/react-toast";
 
-// public/images/verified.webp
-var verified_default = "./verified-O6D4JQCX.webp";
-
-// src/components/WorldIDIcon.tsx
-import { Fragment, jsx as jsx7, jsxs as jsxs4 } from "react/jsx-runtime";
-var WorldIDIcon = ({ border, size = "sm", ...props }) => {
-  const heightWidth = size === "md" ? 36 : 24;
-  return /* @__PURE__ */ jsxs4(Fragment, { children: [
-    border && /* @__PURE__ */ jsx7(
-      "svg",
-      {
-        className: classNames(
-          border,
-          "absolute left-1/2 top-1/2 w-[34px] -mt-[2px] transform -translate-x-1/2 -translate-y-1/2"
-        ),
-        xmlns: "http://www.w3.org/2000/svg",
-        fill: "currentColor",
-        viewBox: "0 0 26 26",
-        children: /* @__PURE__ */ jsx7("path", { d: "M8.382 2.244a6.938 6.938 0 0 1 9.236 0l1.626 1.451c.346.308.722.581 1.122.815l1.882 1.098a6.937 6.937 0 0 1 2.854 8.784l-.877 1.995c-.187.424-.33.866-.428 1.319l-.463 2.129a6.938 6.938 0 0 1-7.473 5.429l-2.168-.218a6.934 6.934 0 0 0-1.386 0l-2.168.218a6.938 6.938 0 0 1-7.473-5.429l-.463-2.13a6.937 6.937 0 0 0-.428-1.318l-.877-1.995a6.938 6.938 0 0 1 2.854-8.784L5.634 4.51c.4-.234.776-.507 1.122-.815l1.626-1.45Z" })
-      }
-    ),
-    /* @__PURE__ */ jsx7("img", { src: verified_default, ...props, alt: "Verified", width: heightWidth, height: heightWidth })
-  ] });
-};
-var WorldIDIcon_default = WorldIDIcon;
-
-// src/components/Icons/InfoIcon.tsx
-import { jsx as jsx8 } from "react/jsx-runtime";
-var InfoIcon = (props) => /* @__PURE__ */ jsx8("svg", { ...props, xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 16 16", children: /* @__PURE__ */ jsx8(
-  "path",
-  {
-    fill: "currentColor",
-    fillRule: "evenodd",
-    d: "M14.665 7.999a6.667 6.667 0 1 1-13.333 0 6.667 6.667 0 0 1 13.333 0Zm-6-3.334a.667.667 0 1 1-1.333 0 .667.667 0 0 1 1.333 0Zm-1.333 1.5a.5.5 0 0 0 0 1h.167v4.167a.5.5 0 1 0 1 0V6.665a.5.5 0 0 0-.5-.5h-.667Z",
-    clipRule: "evenodd"
-  }
-) });
-var InfoIcon_default = InfoIcon;
-
-// src/components/IDKitWidget/States/PrivacyState.tsx
-import { jsx as jsx9, jsxs as jsxs5 } from "react/jsx-runtime";
-var PrivacyState = () => {
-  return /* @__PURE__ */ jsxs5("div", { className: "-mt-6 flex flex-col items-center justify-center space-y-6 font-sans text-sm", children: [
-    /* @__PURE__ */ jsx9(WorldIDIcon_default, { className: "h-12 w-12" }),
-    /* @__PURE__ */ jsx9("p", { className: "text-center text-2xl font-semibold dark:text-white", children: __("Privacy preserving to the core.") }),
-    /* @__PURE__ */ jsxs5("ul", { className: "text-9eafc0 mb-6 list-disc space-y-3 px-12 dark:text-white", children: [
-      /* @__PURE__ */ jsx9("li", { className: "text-left", children: __(
-        "World ID uses Zero-Knowledge Proofs to make it cryptographically impossible to track persons across applications."
-      ) }),
-      /* @__PURE__ */ jsx9("li", { className: "text-left", children: __("Orb biometrics analyzed by the Orb are not stored.") }),
-      /* @__PURE__ */ jsxs5("li", { className: "text-left ", children: [
-        __("Code and hardware are open source or source available on"),
-        " ",
-        /* @__PURE__ */ jsx9(
-          "a",
-          {
-            href: "https://github.com/worldcoin/idkit-js",
-            target: "_blank",
-            className: "text-4940e0",
-            rel: "noreferrer",
-            children: "GitHub"
-          }
-        ),
-        "."
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxs5("div", { className: "text-9eafc0 dark:text-9eafc0 -ml-4 flex items-center space-x-3", children: [
-      /* @__PURE__ */ jsx9(InfoIcon_default, { className: "h-4 w-4 " }),
-      /* @__PURE__ */ jsx9("p", { className: "whitespace-nowrap text-sm font-medium", children: __("Biometrics are never shared.") })
-    ] })
-  ] });
-};
-var PrivacyState_default = PrivacyState;
-
 // src/components/Icons/CheckIcon.tsx
-import { jsx as jsx10, jsxs as jsxs6 } from "react/jsx-runtime";
-var CheckIcon = (props) => /* @__PURE__ */ jsxs6("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 100 100", ...props, children: [
-  /* @__PURE__ */ jsx10(
+import { jsx as jsx7, jsxs as jsxs4 } from "react/jsx-runtime";
+var CheckIcon = (props) => /* @__PURE__ */ jsxs4("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 100 100", ...props, children: [
+  /* @__PURE__ */ jsx7(
     "circle",
     {
       cx: "50",
@@ -1567,11 +1364,11 @@ var CheckIcon = (props) => /* @__PURE__ */ jsxs6("svg", { xmlns: "http://www.w3.
       strokeWidth: "1.25"
     }
   ),
-  /* @__PURE__ */ jsxs6("g", { filter: "url(#success-c)", children: [
-    /* @__PURE__ */ jsx10("circle", { cx: "50", cy: "50", r: "35", fill: "#fff" }),
-    /* @__PURE__ */ jsx10("circle", { cx: "50", cy: "50", r: "34.432", stroke: "#CCEBCC", strokeWidth: "1.136" })
+  /* @__PURE__ */ jsxs4("g", { filter: "url(#success-c)", children: [
+    /* @__PURE__ */ jsx7("circle", { cx: "50", cy: "50", r: "35", fill: "#fff" }),
+    /* @__PURE__ */ jsx7("circle", { cx: "50", cy: "50", r: "34.432", stroke: "#CCEBCC", strokeWidth: "1.136" })
   ] }),
-  /* @__PURE__ */ jsx10(
+  /* @__PURE__ */ jsx7(
     "path",
     {
       stroke: "#090",
@@ -1581,16 +1378,16 @@ var CheckIcon = (props) => /* @__PURE__ */ jsxs6("svg", { xmlns: "http://www.w3.
       d: "m41.25 52.5 4.375 4.375 13.125-13.75"
     }
   ),
-  /* @__PURE__ */ jsxs6("defs", { children: [
-    /* @__PURE__ */ jsxs6("linearGradient", { id: "success-a", x1: "50", x2: "50", y1: "0", y2: "100", gradientUnits: "userSpaceOnUse", children: [
-      /* @__PURE__ */ jsx10("stop", { stopColor: "#99D699" }),
-      /* @__PURE__ */ jsx10("stop", { offset: "1", stopColor: "#99D699", stopOpacity: "0" })
+  /* @__PURE__ */ jsxs4("defs", { children: [
+    /* @__PURE__ */ jsxs4("linearGradient", { id: "success-a", x1: "50", x2: "50", y1: "0", y2: "100", gradientUnits: "userSpaceOnUse", children: [
+      /* @__PURE__ */ jsx7("stop", { stopColor: "#99D699" }),
+      /* @__PURE__ */ jsx7("stop", { offset: "1", stopColor: "#99D699", stopOpacity: "0" })
     ] }),
-    /* @__PURE__ */ jsxs6("linearGradient", { id: "success-b", x1: "50", x2: "50", y1: "0", y2: "100", gradientUnits: "userSpaceOnUse", children: [
-      /* @__PURE__ */ jsx10("stop", { stopColor: "#99D699" }),
-      /* @__PURE__ */ jsx10("stop", { offset: ".713", stopColor: "#99D699", stopOpacity: "0" })
+    /* @__PURE__ */ jsxs4("linearGradient", { id: "success-b", x1: "50", x2: "50", y1: "0", y2: "100", gradientUnits: "userSpaceOnUse", children: [
+      /* @__PURE__ */ jsx7("stop", { stopColor: "#99D699" }),
+      /* @__PURE__ */ jsx7("stop", { offset: ".713", stopColor: "#99D699", stopOpacity: "0" })
     ] }),
-    /* @__PURE__ */ jsxs6(
+    /* @__PURE__ */ jsxs4(
       "filter",
       {
         id: "success-c",
@@ -1601,13 +1398,13 @@ var CheckIcon = (props) => /* @__PURE__ */ jsxs6("svg", { xmlns: "http://www.w3.
         colorInterpolationFilters: "sRGB",
         filterUnits: "userSpaceOnUse",
         children: [
-          /* @__PURE__ */ jsx10("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }),
-          /* @__PURE__ */ jsx10("feColorMatrix", { in: "SourceAlpha", result: "hardAlpha", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" }),
-          /* @__PURE__ */ jsx10("feOffset", { dy: "1.875" }),
-          /* @__PURE__ */ jsx10("feGaussianBlur", { stdDeviation: "1.875" }),
-          /* @__PURE__ */ jsx10("feColorMatrix", { values: "0 0 0 0 0.8 0 0 0 0 0.921569 0 0 0 0 0.8 0 0 0 0.45 0" }),
-          /* @__PURE__ */ jsx10("feBlend", { in2: "BackgroundImageFix", result: "effect1_dropShadow_39_712" }),
-          /* @__PURE__ */ jsx10("feBlend", { in: "SourceGraphic", in2: "effect1_dropShadow_39_712", result: "shape" })
+          /* @__PURE__ */ jsx7("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }),
+          /* @__PURE__ */ jsx7("feColorMatrix", { in: "SourceAlpha", result: "hardAlpha", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" }),
+          /* @__PURE__ */ jsx7("feOffset", { dy: "1.875" }),
+          /* @__PURE__ */ jsx7("feGaussianBlur", { stdDeviation: "1.875" }),
+          /* @__PURE__ */ jsx7("feColorMatrix", { values: "0 0 0 0 0.8 0 0 0 0 0.921569 0 0 0 0 0.8 0 0 0 0.45 0" }),
+          /* @__PURE__ */ jsx7("feBlend", { in2: "BackgroundImageFix", result: "effect1_dropShadow_39_712" }),
+          /* @__PURE__ */ jsx7("feBlend", { in: "SourceGraphic", in2: "effect1_dropShadow_39_712", result: "shape" })
         ]
       }
     )
@@ -1616,13 +1413,13 @@ var CheckIcon = (props) => /* @__PURE__ */ jsxs6("svg", { xmlns: "http://www.w3.
 var CheckIcon_default = CheckIcon;
 
 // src/components/IDKitWidget/States/SuccessState.tsx
-import { jsx as jsx11, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx8, jsxs as jsxs5 } from "react/jsx-runtime";
 var SuccessState = () => {
-  return /* @__PURE__ */ jsxs7("div", { className: "space-y-6", children: [
-    /* @__PURE__ */ jsx11("div", { className: "-mt-5 flex items-center justify-center", children: /* @__PURE__ */ jsx11(CheckIcon_default, { className: "w-24 text-white" }) }),
-    /* @__PURE__ */ jsxs7("div", { children: [
-      /* @__PURE__ */ jsx11("p", { className: "text-center text-2xl font-semibold text-gray-900 dark:text-white", children: __("Successfully verified") }),
-      /* @__PURE__ */ jsx11("p", { className: "mx-auto mt-2 max-w-[224px] text-center text-lg text-657080", children: __("Your World ID verification was successful") })
+  return /* @__PURE__ */ jsxs5("div", { className: "space-y-6", children: [
+    /* @__PURE__ */ jsx8("div", { className: "-mt-5 flex items-center justify-center", children: /* @__PURE__ */ jsx8(CheckIcon_default, { className: "w-24 text-white" }) }),
+    /* @__PURE__ */ jsxs5("div", { children: [
+      /* @__PURE__ */ jsx8("p", { className: "text-center text-2xl font-semibold text-gray-900 dark:text-white", children: __("Successfully verified") }),
+      /* @__PURE__ */ jsx8("p", { className: "mx-auto mt-2 max-w-[224px] text-center text-lg text-657080", children: __("Your World ID verification was successful") })
     ] })
   ] });
 };
@@ -1630,12 +1427,19 @@ var SuccessState_default = SuccessState;
 
 // src/components/IDKitWidget/States/WorldID/QRState.tsx
 import copy from "copy-to-clipboard";
+
+// src/lib/utils.ts
+var classNames = (...classes) => {
+  return classes.filter(Boolean).join(" ");
+};
+
+// src/components/IDKitWidget/States/WorldID/QRState.tsx
 import { useCallback, useState as useState2 } from "react";
 import { AnimatePresence, motion } from "framer-motion";
 
 // src/components/Icons/WorldcoinIcon.tsx
-import { jsx as jsx12 } from "react/jsx-runtime";
-var WorldcoinIcon = (props) => /* @__PURE__ */ jsx12("svg", { ...props, xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 33 32", children: /* @__PURE__ */ jsx12(
+import { jsx as jsx9 } from "react/jsx-runtime";
+var WorldcoinIcon = (props) => /* @__PURE__ */ jsx9("svg", { ...props, xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 33 32", children: /* @__PURE__ */ jsx9(
   "path",
   {
     fill: "currentColor",
@@ -1645,9 +1449,9 @@ var WorldcoinIcon = (props) => /* @__PURE__ */ jsx12("svg", { ...props, xmlns: "
 var WorldcoinIcon_default = WorldcoinIcon;
 
 // src/components/Icons/QRPlaceholderIcon.tsx
-import { jsx as jsx13, jsxs as jsxs8 } from "react/jsx-runtime";
-var QRPlaceholderIcon = (props) => /* @__PURE__ */ jsxs8("svg", { ...props, xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 200 200", children: [
-  /* @__PURE__ */ jsx13(
+import { jsx as jsx10, jsxs as jsxs6 } from "react/jsx-runtime";
+var QRPlaceholderIcon = (props) => /* @__PURE__ */ jsxs6("svg", { ...props, xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 200 200", children: [
+  /* @__PURE__ */ jsx10(
     "path",
     {
       fill: "#EBECEF",
@@ -1656,14 +1460,14 @@ var QRPlaceholderIcon = (props) => /* @__PURE__ */ jsxs8("svg", { ...props, xmln
       clipRule: "evenodd"
     }
   ),
-  /* @__PURE__ */ jsx13(
+  /* @__PURE__ */ jsx10(
     "path",
     {
       fill: "#EBECEF",
       d: "M197.026 200c.789 0 1.545-.309 2.103-.86.558-.55.871-1.297.871-2.076v-17.616c0-.778-.313-1.525-.871-2.076a2.996 2.996 0 0 0-2.103-.86h-5.948c-.789 0-1.545.31-2.103.86a2.918 2.918 0 0 0-.871 2.076v8.808h-11.897v-11.744h-11.896v-23.487h11.896v8.808c0 .778.314 1.525.872 2.076.557.55 1.314.86 2.102.86h5.949c.788 0 1.545-.31 2.103-.86a2.922 2.922 0 0 0 .871-2.076v-8.808h8.922c.789 0 1.545-.309 2.103-.86a2.916 2.916 0 0 0 .871-2.076v-5.872c0-.779-.313-1.525-.871-2.076a2.992 2.992 0 0 0-2.103-.86h-29.741c-.789 0-1.545.309-2.103.86a2.916 2.916 0 0 0-.871 2.076v8.808h-23.792v-11.744h8.922c.789 0 1.545-.309 2.103-.86.558-.55.871-1.297.871-2.076v-5.872c0-.778-.313-1.525-.871-2.076a2.996 2.996 0 0 0-2.103-.86h-5.948c-.789 0-1.546.31-2.103.86a2.918 2.918 0 0 0-.871 2.076v8.808H119.7c-.789 0-1.545.309-2.103.86a2.916 2.916 0 0 0-.871 2.076v5.872c0 .779.313 1.525.871 2.076.558.551 1.314.86 2.103.86h20.819v8.808c0 .778.313 1.525.871 2.076.557.55 1.314.86 2.103.86h8.922v8.808c0 .778.313 1.525.871 2.076.558.55 1.314.859 2.103.859h8.922v11.744h-20.818c-.789 0-1.546.31-2.103.86a2.916 2.916 0 0 0-.871 2.076v5.872c0 .779.313 1.526.871 2.076a2.99 2.99 0 0 0 2.103.86h17.844c.789 0 1.545-.309 2.103-.86.558-.55.871-1.297.871-2.076v-8.808h11.896v8.808c0 .779.314 1.526.872 2.076a2.99 2.99 0 0 0 2.102.86h17.845Z"
     }
   ),
-  /* @__PURE__ */ jsx13(
+  /* @__PURE__ */ jsx10(
     "path",
     {
       fill: "#EBECEF",
@@ -1672,14 +1476,14 @@ var QRPlaceholderIcon = (props) => /* @__PURE__ */ jsxs8("svg", { ...props, xmln
       clipRule: "evenodd"
     }
   ),
-  /* @__PURE__ */ jsx13(
+  /* @__PURE__ */ jsx10(
     "path",
     {
       fill: "#EBECEF",
       d: "M6.05 89.68A6.05 6.05 0 0 0 0 95.73v9.252a6.05 6.05 0 0 0 6.05 6.05h9.253a6.05 6.05 0 0 0 6.05-6.05V95.73c0-.678-.112-1.33-.318-1.94.445.105.908.16 1.385.16h27.758a6.05 6.05 0 0 0 6.05-6.05v-9.252a6.05 6.05 0 0 0-6.05-6.05H22.42a6.05 6.05 0 0 0-6.05 6.05V87.9c0 .678.112 1.33.317 1.939a6.065 6.065 0 0 0-1.385-.16H6.05Zm102.135-40.926a6.05 6.05 0 0 1 6.05-6.05h9.253a6.05 6.05 0 0 1 6.049 6.05v9.253a6.05 6.05 0 0 1-6.049 6.05h-9.253a6.05 6.05 0 0 1-6.05-6.05v-9.253ZM67.616 184.698a6.05 6.05 0 0 1 6.05-6.05h9.252c.678 0 1.33.111 1.939.317a6.064 6.064 0 0 1-.16-1.385v-9.253a6.05 6.05 0 0 1 6.05-6.049H100a6.05 6.05 0 0 1 6.05 6.049v9.253a6.05 6.05 0 0 1-6.05 6.05h-9.253c-.678 0-1.33-.112-1.938-.317.104.444.159.908.159 1.385v9.252a6.05 6.05 0 0 1-6.05 6.05h-9.253a6.05 6.05 0 0 1-6.05-6.05v-9.252Zm78.291-120.285a6.05 6.05 0 0 1 6.05-6.05h41.993a6.05 6.05 0 0 1 6.05 6.05v9.252a6.05 6.05 0 0 1-6.05 6.05h-41.993a6.05 6.05 0 0 1-6.05-6.05v-9.252ZM95.018 0a6.05 6.05 0 0 0-6.05 6.05v17.082a6.05 6.05 0 0 0 6.05 6.05h9.252a6.05 6.05 0 0 0 6.05-6.05V6.05A6.05 6.05 0 0 0 104.27 0h-9.252Z"
     }
   ),
-  /* @__PURE__ */ jsx13(
+  /* @__PURE__ */ jsx10(
     "path",
     {
       fill: "url(#a)",
@@ -1688,14 +1492,14 @@ var QRPlaceholderIcon = (props) => /* @__PURE__ */ jsxs8("svg", { ...props, xmln
       clipRule: "evenodd"
     }
   ),
-  /* @__PURE__ */ jsx13(
+  /* @__PURE__ */ jsx10(
     "path",
     {
       fill: "url(#a)",
       d: "M197.026 200c.789 0 1.545-.309 2.103-.86.558-.55.871-1.297.871-2.076v-17.616c0-.778-.313-1.525-.871-2.076a2.996 2.996 0 0 0-2.103-.86h-5.948c-.789 0-1.545.31-2.103.86a2.918 2.918 0 0 0-.871 2.076v8.808h-11.897v-11.744h-11.896v-23.487h11.896v8.808c0 .778.314 1.525.872 2.076.557.55 1.314.86 2.102.86h5.949c.788 0 1.545-.31 2.103-.86a2.922 2.922 0 0 0 .871-2.076v-8.808h8.922c.789 0 1.545-.309 2.103-.86a2.916 2.916 0 0 0 .871-2.076v-5.872c0-.779-.313-1.525-.871-2.076a2.992 2.992 0 0 0-2.103-.86h-29.741c-.789 0-1.545.309-2.103.86a2.916 2.916 0 0 0-.871 2.076v8.808h-23.792v-11.744h8.922c.789 0 1.545-.309 2.103-.86.558-.55.871-1.297.871-2.076v-5.872c0-.778-.313-1.525-.871-2.076a2.996 2.996 0 0 0-2.103-.86h-5.948c-.789 0-1.546.31-2.103.86a2.918 2.918 0 0 0-.871 2.076v8.808H119.7c-.789 0-1.545.309-2.103.86a2.916 2.916 0 0 0-.871 2.076v5.872c0 .779.313 1.525.871 2.076.558.551 1.314.86 2.103.86h20.819v8.808c0 .778.313 1.525.871 2.076.557.55 1.314.86 2.103.86h8.922v8.808c0 .778.313 1.525.871 2.076.558.55 1.314.859 2.103.859h8.922v11.744h-20.818c-.789 0-1.546.31-2.103.86a2.916 2.916 0 0 0-.871 2.076v5.872c0 .779.313 1.526.871 2.076a2.99 2.99 0 0 0 2.103.86h17.844c.789 0 1.545-.309 2.103-.86.558-.55.871-1.297.871-2.076v-8.808h11.896v8.808c0 .779.314 1.526.872 2.076a2.99 2.99 0 0 0 2.102.86h17.845Z"
     }
   ),
-  /* @__PURE__ */ jsx13(
+  /* @__PURE__ */ jsx10(
     "path",
     {
       fill: "url(#a)",
@@ -1704,7 +1508,7 @@ var QRPlaceholderIcon = (props) => /* @__PURE__ */ jsxs8("svg", { ...props, xmln
       clipRule: "evenodd"
     }
   ),
-  /* @__PURE__ */ jsx13(
+  /* @__PURE__ */ jsx10(
     "path",
     {
       fill: "url(#a)",
@@ -1713,51 +1517,51 @@ var QRPlaceholderIcon = (props) => /* @__PURE__ */ jsxs8("svg", { ...props, xmln
       clipRule: "evenodd"
     }
   ),
-  /* @__PURE__ */ jsx13(
+  /* @__PURE__ */ jsx10(
     "path",
     {
       fill: "url(#a)",
       d: "M6.05 89.68A6.05 6.05 0 0 0 0 95.73v9.252a6.05 6.05 0 0 0 6.05 6.05h9.253a6.05 6.05 0 0 0 6.05-6.05V95.73c0-.678-.112-1.33-.318-1.94.445.105.908.16 1.385.16h27.758a6.05 6.05 0 0 0 6.05-6.05v-9.252a6.05 6.05 0 0 0-6.05-6.05H22.42a6.05 6.05 0 0 0-6.05 6.05V87.9c0 .678.112 1.33.317 1.939a6.065 6.065 0 0 0-1.385-.16H6.05Z"
     }
   ),
-  /* @__PURE__ */ jsx13(
+  /* @__PURE__ */ jsx10(
     "path",
     {
       fill: "url(#a)",
       d: "M108.185 48.754a6.05 6.05 0 0 1 6.05-6.05h9.253a6.05 6.05 0 0 1 6.049 6.05v9.253a6.05 6.05 0 0 1-6.049 6.05h-9.253a6.05 6.05 0 0 1-6.05-6.05v-9.253Z"
     }
   ),
-  /* @__PURE__ */ jsx13(
+  /* @__PURE__ */ jsx10(
     "path",
     {
       fill: "url(#a)",
       d: "M67.616 184.698a6.05 6.05 0 0 1 6.05-6.05h9.252c.678 0 1.33.111 1.939.317a6.064 6.064 0 0 1-.16-1.385v-9.253a6.05 6.05 0 0 1 6.05-6.049H100a6.05 6.05 0 0 1 6.05 6.049v9.253a6.05 6.05 0 0 1-6.05 6.05h-9.253c-.678 0-1.33-.112-1.938-.317.104.444.159.908.159 1.385v9.252a6.05 6.05 0 0 1-6.05 6.05h-9.253a6.05 6.05 0 0 1-6.05-6.05v-9.252Z"
     }
   ),
-  /* @__PURE__ */ jsx13(
+  /* @__PURE__ */ jsx10(
     "path",
     {
       fill: "url(#a)",
       d: "M145.907 64.413a6.05 6.05 0 0 1 6.05-6.05h41.993a6.05 6.05 0 0 1 6.05 6.05v9.252a6.05 6.05 0 0 1-6.05 6.05h-41.993a6.05 6.05 0 0 1-6.05-6.05v-9.252Z"
     }
   ),
-  /* @__PURE__ */ jsx13(
+  /* @__PURE__ */ jsx10(
     "path",
     {
       fill: "url(#a)",
       d: "M95.018 0a6.05 6.05 0 0 0-6.05 6.05v17.082a6.05 6.05 0 0 0 6.05 6.05h9.252a6.05 6.05 0 0 0 6.05-6.05V6.05A6.05 6.05 0 0 0 104.27 0h-9.252Z"
     }
   ),
-  /* @__PURE__ */ jsx13("defs", { children: /* @__PURE__ */ jsxs8("linearGradient", { id: "a", x1: "0", x2: "200", y1: "0", y2: "200", gradientUnits: "userSpaceOnUse", children: [
-    /* @__PURE__ */ jsx13("stop", { offset: ".37", stopColor: "#fff", stopOpacity: "0" }),
-    /* @__PURE__ */ jsx13("stop", { offset: ".5", stopColor: "#fff", stopOpacity: ".85" }),
-    /* @__PURE__ */ jsx13("stop", { offset: ".63", stopColor: "#fff", stopOpacity: "0" })
+  /* @__PURE__ */ jsx10("defs", { children: /* @__PURE__ */ jsxs6("linearGradient", { id: "a", x1: "0", x2: "200", y1: "0", y2: "200", gradientUnits: "userSpaceOnUse", children: [
+    /* @__PURE__ */ jsx10("stop", { offset: ".37", stopColor: "#fff", stopOpacity: "0" }),
+    /* @__PURE__ */ jsx10("stop", { offset: ".5", stopColor: "#fff", stopOpacity: ".85" }),
+    /* @__PURE__ */ jsx10("stop", { offset: ".63", stopColor: "#fff", stopOpacity: "0" })
   ] }) })
 ] });
 var QRPlaceholderIcon_default = QRPlaceholderIcon;
 
 // src/components/IDKitWidget/States/WorldID/QRState.tsx
-import { Fragment as Fragment2, jsx as jsx14, jsxs as jsxs9 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx11, jsxs as jsxs7 } from "react/jsx-runtime";
 var QRState = ({ qrData, showQR, setShowQR }) => {
   const media = useMedia_default();
   const [copiedLink, setCopiedLink] = useState2(false);
@@ -1766,9 +1570,9 @@ var QRState = ({ qrData, showQR, setShowQR }) => {
     setCopiedLink(true);
     setTimeout(() => setCopiedLink(false), 2e3);
   }, [qrData]);
-  return /* @__PURE__ */ jsxs9(Fragment2, { children: [
-    /* @__PURE__ */ jsxs9("div", { className: "mb-10 space-y-4 md:hidden", children: [
-      /* @__PURE__ */ jsxs9(
+  return /* @__PURE__ */ jsxs7(Fragment, { children: [
+    /* @__PURE__ */ jsxs7("div", { className: "mb-10 space-y-4 md:hidden", children: [
+      /* @__PURE__ */ jsxs7(
         motion.a,
         {
           href: qrData ?? "",
@@ -1781,8 +1585,8 @@ var QRState = ({ qrData, showQR, setShowQR }) => {
             "bg-0d151d dark:bg-white text-white dark:text-0d151d"
           ),
           children: [
-            /* @__PURE__ */ jsx14(WorldcoinIcon_default, { className: "h-5 w-5" }),
-            /* @__PURE__ */ jsx14(
+            /* @__PURE__ */ jsx11(WorldcoinIcon_default, { className: "h-5 w-5" }),
+            /* @__PURE__ */ jsx11(
               motion.span,
               {
                 className: "flex-1 text-center",
@@ -1794,13 +1598,13 @@ var QRState = ({ qrData, showQR, setShowQR }) => {
           ]
         }
       ),
-      /* @__PURE__ */ jsxs9("div", { className: "space-y-4", children: [
-        /* @__PURE__ */ jsxs9("div", { className: "flex items-center space-x-4 ", children: [
-          /* @__PURE__ */ jsx14("hr", { className: "flex-1" }),
-          /* @__PURE__ */ jsx14("span", { className: "text-xs font-medium text-9ba3ae", children: "or" }),
-          /* @__PURE__ */ jsx14("hr", { className: "flex-1" })
+      /* @__PURE__ */ jsxs7("div", { className: "space-y-4", children: [
+        /* @__PURE__ */ jsxs7("div", { className: "flex items-center space-x-4 ", children: [
+          /* @__PURE__ */ jsx11("hr", { className: "flex-1" }),
+          /* @__PURE__ */ jsx11("span", { className: "text-xs font-medium text-9ba3ae", children: "or" }),
+          /* @__PURE__ */ jsx11("hr", { className: "flex-1" })
         ] }),
-        /* @__PURE__ */ jsx14(
+        /* @__PURE__ */ jsx11(
           motion.button,
           {
             className: "w-full rounded-2xl border border-ebecef p-4 text-lg font-medium text-3c424b",
@@ -1810,8 +1614,8 @@ var QRState = ({ qrData, showQR, setShowQR }) => {
         )
       ] })
     ] }),
-    (media == "desktop" || showQR) && /* @__PURE__ */ jsxs9(Fragment2, { children: [
-      /* @__PURE__ */ jsx14(AnimatePresence, { children: copiedLink && /* @__PURE__ */ jsx14(
+    (media == "desktop" || showQR) && /* @__PURE__ */ jsxs7(Fragment, { children: [
+      /* @__PURE__ */ jsx11(AnimatePresence, { children: copiedLink && /* @__PURE__ */ jsx11(
         motion.div,
         {
           className: "text-sm text-9eafc0",
@@ -1844,14 +1648,14 @@ var QRState = ({ qrData, showQR, setShowQR }) => {
               }
             }
           },
-          children: /* @__PURE__ */ jsx14("span", { className: "rounded-lg border border-f1f5f8 px-2 py-1 text-sm", children: __("QR Code copied") })
+          children: /* @__PURE__ */ jsx11("span", { className: "rounded-lg border border-f1f5f8 px-2 py-1 text-sm", children: __("QR Code copied") })
         },
         "copied"
       ) }),
-      /* @__PURE__ */ jsx14("div", { className: "relative inline-flex items-center justify-center rounded-2xl border border-f1f5f8 p-2 dark:border-f1f5f8/10", children: /* @__PURE__ */ jsx14("div", { className: "text-29343f dark:text-white", children: qrData ? (
+      /* @__PURE__ */ jsx11("div", { className: "relative inline-flex items-center justify-center rounded-2xl border border-f1f5f8 p-2 dark:border-f1f5f8/10", children: /* @__PURE__ */ jsx11("div", { className: "text-29343f dark:text-white", children: qrData ? (
         // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
-        /* @__PURE__ */ jsx14("div", { onClick: copyLink, className: "cursor-pointer", children: /* @__PURE__ */ jsx14(QRCode_default, { data: qrData, size: 244 }) })
-      ) : /* @__PURE__ */ jsx14("div", { className: "flex h-[244px] w-[244px] items-center justify-center", children: /* @__PURE__ */ jsx14(QRPlaceholderIcon_default, { className: "h-[244px] w-[244px] animate-pulse" }) }) }) })
+        /* @__PURE__ */ jsx11("div", { onClick: copyLink, className: "cursor-pointer", children: /* @__PURE__ */ jsx11(QRCode_default, { data: qrData, size: 244 }) })
+      ) : /* @__PURE__ */ jsx11("div", { className: "flex h-[244px] w-[244px] items-center justify-center", children: /* @__PURE__ */ jsx11(QRPlaceholderIcon_default, { className: "h-[244px] w-[244px] animate-pulse" }) }) }) })
     ] })
   ] });
 };
@@ -1880,8 +1684,7 @@ var useWorldBridge = (app_id, action, signal, bridge_url, verification_level, ac
     }
   }, [app_id, action, signal, action_description, createClient, ref_verification_level, bridge_url, connectorURI]);
   useEffect3(() => {
-    if (!connectorURI || result || errorCode)
-      return;
+    if (!connectorURI || result || errorCode) return;
     const interval = setInterval(() => void pollForUpdates(), 3e3);
     return () => clearInterval(interval);
   }, [connectorURI, pollForUpdates, errorCode, result]);
@@ -1889,8 +1692,8 @@ var useWorldBridge = (app_id, action, signal, bridge_url, verification_level, ac
 };
 
 // src/components/Icons/LoadingIcon.tsx
-import { jsx as jsx15, jsxs as jsxs10 } from "react/jsx-runtime";
-var LoadingIcon = ({ className, ...props }) => /* @__PURE__ */ jsxs10(
+import { jsx as jsx12, jsxs as jsxs8 } from "react/jsx-runtime";
+var LoadingIcon = ({ className, ...props }) => /* @__PURE__ */ jsxs8(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -1899,8 +1702,8 @@ var LoadingIcon = ({ className, ...props }) => /* @__PURE__ */ jsxs10(
     className: `animate-spin motion-reduce:animate-[spin_1.5s_linear_infinite] ${className}`,
     ...props,
     children: [
-      /* @__PURE__ */ jsx15("circle", { cx: "12", cy: "12", r: "10.75", stroke: "#191C20", strokeOpacity: ".16", strokeWidth: "2.5" }),
-      /* @__PURE__ */ jsx15(
+      /* @__PURE__ */ jsx12("circle", { cx: "12", cy: "12", r: "10.75", stroke: "#191C20", strokeOpacity: ".16", strokeWidth: "2.5" }),
+      /* @__PURE__ */ jsx12(
         "path",
         {
           fill: "#191C20",
@@ -1914,7 +1717,7 @@ var LoadingIcon_default = LoadingIcon;
 
 // src/components/IDKitWidget/States/WorldIDState.tsx
 import { AppErrorCodes as AppErrorCodes2, VerificationState, VerificationLevel } from "@worldcoin/idkit-core";
-import { jsx as jsx16, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx13, jsxs as jsxs9 } from "react/jsx-runtime";
 var getOptions = (store) => ({
   signal: store.signal,
   app_id: store.app_id,
@@ -1965,25 +1768,25 @@ var WorldIDState = () => {
       return handleVerify(result);
     }
   }, [result, handleVerify, verificationState, setStage, errorCode, setErrorState, verification_level]);
-  return /* @__PURE__ */ jsxs11("div", { className: "-mt-6 space-y-10", children: [
-    /* @__PURE__ */ jsxs11("div", { children: [
-      /* @__PURE__ */ jsx16("div", { className: "mb-4 flex items-center justify-center", children: /* @__PURE__ */ jsx16(WorldcoinIcon_default, { className: "h-10 text-0d151d dark:text-white" }) }),
-      /* @__PURE__ */ jsx16("p", { className: "text-center font-sora text-2xl font-semibold text-gray-900 dark:text-white", children: __("Verify with World ID") }),
-      /* @__PURE__ */ jsx16("p", { className: "mt-3 text-center text-657080 dark:text-9eafc0 md:mt-2", children: "Please use your World App to scan the QR code" })
+  return /* @__PURE__ */ jsxs9("div", { className: "-mt-6 space-y-10", children: [
+    /* @__PURE__ */ jsxs9("div", { children: [
+      /* @__PURE__ */ jsx13("div", { className: "mb-4 flex items-center justify-center", children: /* @__PURE__ */ jsx13(WorldcoinIcon_default, { className: "h-10 text-0d151d dark:text-white" }) }),
+      /* @__PURE__ */ jsx13("p", { className: "text-center font-sora text-2xl font-semibold text-gray-900 dark:text-white", children: __("Verify with World ID") }),
+      /* @__PURE__ */ jsx13("p", { className: "mt-3 text-center text-657080 dark:text-9eafc0 md:mt-2", children: "Please use your World App to scan the QR code" })
     ] }),
-    /* @__PURE__ */ jsxs11("div", { className: "relative", children: [
-      verificationState == VerificationState.WaitingForApp && /* @__PURE__ */ jsxs11("div", { className: "absolute inset-0 flex flex-col items-center justify-center space-y-6", children: [
-        /* @__PURE__ */ jsx16(LoadingIcon_default, { className: "h-6 w-6" }),
-        /* @__PURE__ */ jsxs11("div", { children: [
-          /* @__PURE__ */ jsx16("p", { className: "font-bold text-657080", children: "Verifying" }),
-          /* @__PURE__ */ jsx16("p", { className: "text-sm text-657080", children: "Please continue in app" })
+    /* @__PURE__ */ jsxs9("div", { className: "relative", children: [
+      verificationState == VerificationState.WaitingForApp && /* @__PURE__ */ jsxs9("div", { className: "absolute inset-0 flex flex-col items-center justify-center space-y-6", children: [
+        /* @__PURE__ */ jsx13(LoadingIcon_default, { className: "h-6 w-6" }),
+        /* @__PURE__ */ jsxs9("div", { children: [
+          /* @__PURE__ */ jsx13("p", { className: "font-bold text-657080", children: "Verifying" }),
+          /* @__PURE__ */ jsx13("p", { className: "text-sm text-657080", children: "Please continue in app" })
         ] })
       ] }),
-      /* @__PURE__ */ jsx16(
+      /* @__PURE__ */ jsx13(
         "div",
         {
           className: verificationState === VerificationState.WaitingForApp ? "opacity-40 blur-lg transition duration-500 ease-in-out" : "transition duration-500 ease-in-out",
-          children: /* @__PURE__ */ jsx16(QRState_default, { showQR, setShowQR, qrData: connectorURI })
+          children: /* @__PURE__ */ jsx13(QRState_default, { showQR, setShowQR, qrData: connectorURI })
         }
       )
     ] })
@@ -1993,51 +1796,37 @@ var WorldIDState_default = WorldIDState;
 
 // src/components/IDKitWidget/BaseWidget.tsx
 import * as Dialog from "@radix-ui/react-dialog";
-import { Fragment as Fragment3, useEffect as useEffect5, useMemo } from "react";
+import { Fragment as Fragment2, useEffect as useEffect5, useMemo } from "react";
 import { AnimatePresence as AnimatePresence2, motion as motion2 } from "framer-motion";
 
-// src/components/Icons/ArrowLongLeftIcon.tsx
-import { jsx as jsx17 } from "react/jsx-runtime";
-var ArrowLongLeftIcon = (props) => /* @__PURE__ */ jsx17(
-  "svg",
-  {
-    ...props,
-    fill: "none",
-    strokeWidth: 1.5,
-    viewBox: "0 0 24 24",
-    stroke: "currentColor",
-    xmlns: "http://www.w3.org/2000/svg",
-    children: /* @__PURE__ */ jsx17("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6.75 15.75L3 12m0 0l3.75-3.75M3 12h18" })
-  }
-);
-var ArrowLongLeftIcon_default = ArrowLongLeftIcon;
-
 // src/components/IDKitWidget/States/HostAppVerificationState.tsx
 import { memo } from "react";
-import { jsx as jsx18, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx14, jsxs as jsxs10 } from "react/jsx-runtime";
 var HostAppVerificationState = () => {
-  return /* @__PURE__ */ jsxs12("div", { className: "space-y-6", children: [
-    /* @__PURE__ */ jsx18("div", { className: "flex justify-center", children: /* @__PURE__ */ jsx18(LoadingIcon_default, { className: "h-24 w-24" }) }),
-    /* @__PURE__ */ jsx18("div", { className: "text-70868f mt-4", children: __("Transmitting verification to host app. Please wait...") })
+  return /* @__PURE__ */ jsxs10("div", { className: "space-y-6", children: [
+    /* @__PURE__ */ jsx14("div", { className: "flex justify-center", children: /* @__PURE__ */ jsx14(LoadingIcon_default, { className: "h-24 w-24" }) }),
+    /* @__PURE__ */ jsx14("div", { className: "mt-4 text-70868f", children: __("Transmitting verification to host app. Please wait...") })
   ] });
 };
 var HostAppVerificationState_default = memo(HostAppVerificationState);
 
 // src/components/IDKitWidget/BaseWidget.tsx
-import { jsx as jsx19, jsxs as jsxs13 } from "react/jsx-runtime";
-var getParams2 = ({ open, processing, onOpenChange, stage, setStage, computed, setOptions }) => ({
+import { jsx as jsx15, jsxs as jsxs11 } from "react/jsx-runtime";
+var getParams2 = ({ open, processing, onOpenChange, stage, setStage, setOptions }) => ({
   stage,
   setStage,
   processing,
   setOptions,
   isOpen: open,
-  onOpenChange,
-  canGoBack: computed.canGoBack(stage)
+  onOpenChange
 });
 var IDKitWidget = ({ children, ...config }) => {
   const media = useMedia_default();
-  const { isOpen, onOpenChange, stage, setStage, canGoBack, setOptions } = idkit_default(getParams2, shallow2);
+  const { isOpen, onOpenChange, stage, setOptions } = idkit_default(getParams2, shallow2);
   useEffect5(() => {
+    if (config.action === "") {
+      throw new Error(__("Action cannot be an empty string."));
+    }
     setOptions(config, "props" /* PROPS */);
   }, [config, setOptions]);
   const StageContent = useMemo(() => {
@@ -2048,20 +1837,18 @@ var IDKitWidget = ({ children, ...config }) => {
         return SuccessState_default;
       case "ERROR" /* ERROR */:
         return ErrorState_default;
-      case "PRIVACY" /* PRIVACY */:
-        return PrivacyState_default;
       case "HOST_APP_VERIFICATION" /* HOST_APP_VERIFICATION */:
         return HostAppVerificationState_default;
       default:
         throw new Error(__("Invalid IDKitStage :stage.", { stage }));
     }
   }, [stage]);
-  return /* @__PURE__ */ jsxs13(Dialog.Root, { open: isOpen, onOpenChange, children: [
+  return /* @__PURE__ */ jsxs11(Dialog.Root, { open: isOpen, onOpenChange, children: [
     children?.({ open: () => onOpenChange(true) }),
-    /* @__PURE__ */ jsx19(Dialog.Portal, { forceMount: true, children: /* @__PURE__ */ jsx19(Fragment3, { children: /* @__PURE__ */ jsx19(AnimatePresence2, { children: isOpen && /* @__PURE__ */ jsxs13(root.div, { mode: "open", id: "idkit-widget", children: [
-      /* @__PURE__ */ jsx19(Styles_default, {}),
-      /* @__PURE__ */ jsxs13("div", { id: "modal", className: "fixed z-10 font-sans", children: [
-        /* @__PURE__ */ jsx19(Dialog.Overlay, { asChild: true, children: /* @__PURE__ */ jsx19(
+    /* @__PURE__ */ jsx15(Dialog.Portal, { forceMount: true, children: /* @__PURE__ */ jsx15(Fragment2, { children: /* @__PURE__ */ jsx15(AnimatePresence2, { children: isOpen && /* @__PURE__ */ jsxs11(root.div, { mode: "open", id: "idkit-widget", children: [
+      /* @__PURE__ */ jsx15(Styles_default, {}),
+      /* @__PURE__ */ jsxs11("div", { id: "modal", className: "fixed z-10 font-sans", children: [
+        /* @__PURE__ */ jsx15(Dialog.Overlay, { asChild: true, children: /* @__PURE__ */ jsx15(
           motion2.div,
           {
             initial: { opacity: 0 },
@@ -2070,7 +1857,7 @@ var IDKitWidget = ({ children, ...config }) => {
             className: "fixed inset-0 bg-black/50 backdrop-blur-lg"
           }
         ) }),
-        /* @__PURE__ */ jsx19("div", { className: "fixed inset-0 z-10 overflow-y-hidden md:overflow-y-auto", children: /* @__PURE__ */ jsx19("div", { className: "flex min-h-full items-end justify-center text-center md:items-center md:p-4", children: /* @__PURE__ */ jsx19(Dialog.Content, { asChild: true, children: /* @__PURE__ */ jsx19(
+        /* @__PURE__ */ jsx15("div", { className: "fixed inset-0 z-10 overflow-y-hidden md:overflow-y-auto", children: /* @__PURE__ */ jsx15("div", { className: "flex min-h-full items-end justify-center text-center md:items-center md:p-4", children: /* @__PURE__ */ jsx15(Dialog.Content, { asChild: true, children: /* @__PURE__ */ jsx15(
           motion2.div,
           {
             layout: media == "mobile" ? "position" : true,
@@ -2085,26 +1872,12 @@ var IDKitWidget = ({ children, ...config }) => {
             },
             transition: { layout: { duration: 0.15 } },
             className: "relative z-50 flex min-h-screen w-full flex-col bg-white pt-6 shadow focus:outline-none focus-visible:ring focus-visible:ring-purple-500/75 dark:bg-0d151d md:min-h-[35rem] md:max-w-md md:rounded-2xl",
-            children: /* @__PURE__ */ jsxs13(Toast.Provider, { children: [
-              /* @__PURE__ */ jsx19(Toast.Viewport, { className: "flex justify-center" }),
-              /* @__PURE__ */ jsxs13("div", { className: "mx-6 mb-12 flex items-center justify-between", children: [
-                /* @__PURE__ */ jsx19(
-                  "button",
-                  {
-                    onClick: () => setStage("WORLD_ID" /* WORLD_ID */),
-                    disabled: !canGoBack,
-                    className: classNames(
-                      !canGoBack && "invisible pointer-events-none",
-                      "dark:bg-d3dfea/15 flex h-8 w-8 items-center justify-center rounded-full bg-gray-100 dark:text-white"
-                    ),
-                    children: /* @__PURE__ */ jsx19(ArrowLongLeftIcon_default, { className: "w-4" })
-                  }
-                ),
-                /* @__PURE__ */ jsx19(Dialog.Close, { className: "flex items-center justify-center rounded-full dark:text-white", children: /* @__PURE__ */ jsx19(XMarkIcon_default, { className: "h-5 w-5" }) })
-              ] }),
-              /* @__PURE__ */ jsx19("div", { className: "relative mx-6 mb-6 flex flex-1 flex-col items-center justify-center", children: /* @__PURE__ */ jsx19(StageContent, {}) }),
-              /* @__PURE__ */ jsxs13("div", { className: "flex items-center justify-between border-t border-f5f5f7 p-7 md:rounded-b-2xl", children: [
-                /* @__PURE__ */ jsxs13(
+            children: /* @__PURE__ */ jsxs11(Toast.Provider, { children: [
+              /* @__PURE__ */ jsx15(Toast.Viewport, { className: "flex justify-center" }),
+              /* @__PURE__ */ jsx15("div", { className: "mx-6 mb-12 flex items-center justify-between", children: /* @__PURE__ */ jsx15(Dialog.Close, { className: "flex items-center justify-center rounded-full dark:text-white", children: /* @__PURE__ */ jsx15(XMarkIcon_default, { className: "h-5 w-5" }) }) }),
+              /* @__PURE__ */ jsx15("div", { className: "relative mx-6 mb-6 flex flex-1 flex-col items-center justify-center", children: /* @__PURE__ */ jsx15(StageContent, {}) }),
+              /* @__PURE__ */ jsxs11("div", { className: "flex items-center justify-between border-t border-f5f5f7 p-7 md:rounded-b-2xl", children: [
+                /* @__PURE__ */ jsxs11(
                   "a",
                   {
                     href: "https://worldcoin.org/world-id",
@@ -2112,12 +1885,12 @@ var IDKitWidget = ({ children, ...config }) => {
                     rel: "noreferrer",
                     className: "flex items-center gap-1 text-sm text-9eafc0",
                     children: [
-                      /* @__PURE__ */ jsx19(WorldcoinIcon_default, { className: "w-4 text-9eafc0 dark:text-white" }),
-                      /* @__PURE__ */ jsx19("span", { children: __("Powered by Worldcoin") })
+                      /* @__PURE__ */ jsx15(WorldcoinIcon_default, { className: "w-4 text-9eafc0 dark:text-white" }),
+                      /* @__PURE__ */ jsx15("span", { children: __("Powered by Worldcoin") })
                     ]
                   }
                 ),
-                /* @__PURE__ */ jsx19(
+                /* @__PURE__ */ jsx15(
                   "a",
                   {
                     href: "https://developer.worldcoin.org/privacy-statement",
@@ -2143,9 +1916,11 @@ var IDKitWidget_default = memo2(BaseWidget_default);
 // src/index.ts
 import { VerificationLevel as VerificationLevel2 } from "@worldcoin/idkit-core";
 import { solidityEncode } from "@worldcoin/idkit-core/hashing";
+import { verifyCloudProof } from "@worldcoin/idkit-core/backend";
 export {
   IDKitWidget_default as IDKitWidget,
   VerificationLevel2 as VerificationLevel,
   solidityEncode,
-  useIDKit_default as useIDKit
+  useIDKit_default as useIDKit,
+  verifyCloudProof
 };