@worldcoin/idkit 1.2.0 → 1.2.2

package/build/{chunk-YVDL3YIJ.js → chunk-OPIVJQZ6.js}

@@ -1,20 +1,17 @@
 // src/lang/index.ts
 var translations = {};
 var getLang = () => {
-  if (!navigator?.languages)
-    return;
+  if (!navigator?.languages) return;
   const supportedLang = navigator.languages.find((l) => translations[l] != void 0) ?? "";
   return translations[supportedLang];
 };
 var replaceParams = (str, params) => {
   let replaced = str;
-  for (const [key, value] of Object.entries(params ?? {}))
-    replaced = str.replace(`:${key}`, value);
+  for (const [key, value] of Object.entries(params ?? {})) replaced = str.replace(`:${key}`, value);
   return replaced;
 };
 function __(str, params) {
-  if (typeof navigator === "undefined")
-    return str;
+  if (typeof navigator === "undefined") return str;
   return replaceParams(getLang()?.[str] ?? str, params);
 }
 
@@ -92,18 +89,15 @@ var useIDKitStore = createWithEqualityFn()(
         verification_level: verification_level ?? DEFAULT_VERIFICATION_LEVEL
       });
       get().addSuccessCallback(onSuccess, source);
-      if (onError)
-        get().addErrorCallback(onError, source);
-      if (handleVerify)
-        get().addVerificationCallback(handleVerify, source);
+      if (onError) get().addErrorCallback(onError, source);
+      if (handleVerify) get().addVerificationCallback(handleVerify, source);
     },
     handleVerify: (result) => {
       set({ stage: "HOST_APP_VERIFICATION" /* HOST_APP_VERIFICATION */, processing: false });
       Promise.all(Object.values(get().verifyCallbacks).map(async (cb) => cb?.(result))).then(
         () => {
           set({ stage: "SUCCESS" /* SUCCESS */, result });
-          if (get().autoClose)
-            setTimeout(() => get().onOpenChange(false), 2500);
+          if (get().autoClose) setTimeout(() => get().onOpenChange(false), 2500);
         },
         (response) => {
           let errorMessage = void 0;
@@ -163,10 +157,8 @@ var generateMatrix = (data) => {
   const arr = QRCodeUtil.create(data, { errorCorrectionLevel: "M" }).modules.data;
   const sqrt = Math.sqrt(arr.length);
   return arr.reduce((rows, key, index) => {
-    if (index % sqrt === 0)
-      rows.push([key]);
-    else
-      rows[rows.length - 1].push(key);
+    if (index % sqrt === 0) rows.push([key]);
+    else rows[rows.length - 1].push(key);
     return rows;
   }, []);
 };
@@ -204,10 +196,8 @@ var Qrcode = ({ data, size = 300 }) => {
     });
     matrix.forEach((row, i) => {
       row.forEach((_, j) => {
-        if (!matrix[i][j])
-          return;
-        if (i < 7 && j < 7 || i > matrix.length - 8 && j < 7 || i < 7 && j > matrix.length - 8)
-          return;
+        if (!matrix[i][j]) return;
+        if (i < 7 && j < 7 || i > matrix.length - 8 && j < 7 || i < 7 && j > matrix.length - 8) return;
         dots2.push(
           /* @__PURE__ */ jsx(
             "circle",

package/build/{config-19dfed99.d.ts → config-Cp9MWjvm.d.ts}

@@ -38,4 +38,4 @@ type WidgetProps = Config & {
     }) => JSX.Element;
 };
 
-export { Config as C, IDKITStage as I, WidgetProps as W, ConfigSource as a, CallbackFn as b };
+export { type Config as C, IDKITStage as I, type WidgetProps as W, ConfigSource as a, type CallbackFn as b };

package/build/index.d.ts

@@ -1,4 +1,4 @@
-import { C as Config, W as WidgetProps } from './config-19dfed99.js';
+import { C as Config, W as WidgetProps } from './config-Cp9MWjvm.js';
 import * as react from 'react';
 export { IErrorState, ISuccessResult, VerificationLevel } from '@worldcoin/idkit-core';
 export { solidityEncode } from '@worldcoin/idkit-core/hashing';

package/build/index.js

@@ -2,7 +2,7 @@ import {
   QRCode_default,
   __,
   idkit_default
-} from "./chunk-YVDL3YIJ.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 };
 };
@@ -50,7 +48,7 @@ var useMedia_default = useMedia;
 // 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)
@@ -74,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.
@@ -137,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.
@@ -195,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 */
@@ -211,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 */
@@ -486,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;
@@ -501,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;
@@ -566,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;
@@ -615,6 +646,10 @@ select{
   --tw-backdrop-opacity:  ;
   --tw-backdrop-saturate:  ;
   --tw-backdrop-sepia:  ;
+  --tw-contain-size:  ;
+  --tw-contain-layout:  ;
+  --tw-contain-paint:  ;
+  --tw-contain-style:  ;
 }
 .visible{
   visibility: visible;
@@ -886,10 +921,10 @@ select{
   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;
@@ -1050,26 +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-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));
 }
@@ -1649,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]);

package/build/internal.d.ts

@@ -1,7 +1,7 @@
 import * as react from 'react';
 import * as zustand_traditional from 'zustand/traditional';
-import * as zustand from 'zustand';
-import { I as IDKITStage, a as ConfigSource, b as CallbackFn, C as Config } from './config-19dfed99.js';
+import * as zustand_vanilla from 'zustand/vanilla';
+import { I as IDKITStage, a as ConfigSource, b as CallbackFn, C as Config } from './config-Cp9MWjvm.js';
 import { IDKitConfig, ISuccessResult, IErrorState } from '@worldcoin/idkit-core';
 
 type CleanWord<T> = T extends `${string}${' ' | ',' | '!' | '?' | '.' | '`'}${string}` ? never : T extends '' ? never : T;
@@ -47,6 +47,6 @@ type IDKitStore = {
     addSuccessCallback: (cb: CallbackFn<ISuccessResult>, source: ConfigSource) => void;
     addVerificationCallback: (cb: CallbackFn<ISuccessResult>, source: ConfigSource) => void;
 };
-declare const useIDKitStore: zustand_traditional.UseBoundStoreWithEqualityFn<zustand.StoreApi<IDKitStore>>;
+declare const useIDKitStore: zustand_traditional.UseBoundStoreWithEqualityFn<zustand_vanilla.StoreApi<IDKitStore>>;
 
 export { ConfigSource, _default as QRCode, __, useIDKitStore };

package/build/internal.js

@@ -3,7 +3,7 @@ import {
   QRCode_default,
   __,
   idkit_default
-} from "./chunk-YVDL3YIJ.js";
+} from "./chunk-OPIVJQZ6.js";
 export {
   ConfigSource,
   QRCode_default as QRCode,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@worldcoin/idkit",
-  "version": "1.2.0",
+  "version": "1.2.2",
   "homepage": "https://docs.worldcoin.org/id/idkit",
   "license": "MIT",
   "private": false,
@@ -53,41 +53,41 @@
     "react-dom": ">18.0.0"
   },
   "dependencies": {
-    "@radix-ui/react-dialog": "^1.0.3",
-    "@radix-ui/react-toast": "^1.1.3",
-    "@tailwindcss/forms": "^0.5.3",
+    "@radix-ui/react-dialog": "^1.1.1",
+    "@radix-ui/react-toast": "^1.2.1",
+    "@tailwindcss/forms": "^0.5.7",
     "copy-to-clipboard": "^3.3.3",
-    "framer-motion": "^7.6.7",
-    "qrcode": "^1.5.1",
+    "framer-motion": "^11.2.14",
+    "qrcode": "^1.5.3",
     "react-shadow": "^19.1.0",
-    "zustand": "^4.5",
-    "@worldcoin/idkit-core": "1.2.0"
+    "zustand": "^4.5.4",
+    "@worldcoin/idkit-core": "1.2.2"
   },
   "devDependencies": {
     "@types/node": "18.11.9",
-    "@types/qrcode": "^1.5.0",
+    "@types/qrcode": "^1.5.5",
     "@types/react": "18.0.25",
     "@types/react-dom": "18.0.9",
-    "@typescript-eslint/eslint-plugin": "^6.13.1",
-    "@typescript-eslint/parser": "^6.13.1",
-    "autoprefixer": "^10.4.13",
+    "@typescript-eslint/eslint-plugin": "^6.21.0",
+    "@typescript-eslint/parser": "^6.21.0",
+    "autoprefixer": "^10.4.19",
     "eslint": "8.54.0",
-    "eslint-config-prettier": "^8.5.0",
-    "eslint-plugin-compat": "^4.1.1",
+    "eslint-config-prettier": "^8.10.0",
+    "eslint-plugin-compat": "^4.2.0",
     "eslint-plugin-import": "2.26.0",
-    "eslint-plugin-jsx-a11y": "^6.6.1",
+    "eslint-plugin-jsx-a11y": "^6.9.0",
     "eslint-plugin-prettier": "^4.2.1",
-    "eslint-plugin-react": "^7.31.11",
-    "eslint-plugin-react-hooks": "^4.6.0",
-    "eslint-plugin-tailwindcss": "^3.7.1",
-    "postcss": "^8.4.31",
-    "prettier": "^2.7.1",
+    "eslint-plugin-react": "^7.34.3",
+    "eslint-plugin-react-hooks": "^4.6.2",
+    "eslint-plugin-tailwindcss": "^3.17.4",
+    "postcss": "^8.4.39",
+    "prettier": "^3.3.2",
     "prettier-plugin-sort-imports-desc": "^1.0.0",
     "react": "18.2.0",
     "react-dom": "18.2.0",
-    "tailwindcss": "^3.2.4",
-    "tsup": "^7.2.0",
-    "typescript": "^5.3.2"
+    "tailwindcss": "^3.4.4",
+    "tsup": "^8.1.0",
+    "typescript": "^5.5.3"
   },
   "scripts": {
     "dev": "tsup --watch",