@worldcoin/idkit 1.2.2 → 1.4.0

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

@@ -156,11 +156,14 @@ import { jsx } from "react/jsx-runtime";
 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);
-    return rows;
-  }, []);
+  return arr.reduce(
+    (rows, key, index) => {
+      if (index % sqrt === 0) rows.push([key]);
+      else rows[rows.length - 1].push(key);
+      return rows;
+    },
+    []
+  );
 };
 var Qrcode = ({ data, size = 300 }) => {
   const dots = useMemo(() => {

package/build/index.js

@@ -2,7 +2,7 @@ import {
   QRCode_default,
   __,
   idkit_default
-} from "./chunk-OPIVJQZ6.js";
+} from "./chunk-YN64HCS2.js";
 
 // src/hooks/useIDKit.ts
 import { useEffect } from "react";
@@ -692,6 +692,9 @@ select{
 .mb-12{
   margin-bottom: 48px;
 }
+.mb-3{
+  margin-bottom: 12px;
+}
 .mb-4{
   margin-bottom: 16px;
 }
@@ -722,6 +725,18 @@ select{
 .hidden{
   display: none;
 }
+.size-5{
+  width: 20px;
+  height: 20px;
+}
+.size-6{
+  width: 24px;
+  height: 24px;
+}
+.size-\\[244px\\]{
+  width: 244px;
+  height: 244px;
+}
 .h-10{
   height: 40px;
 }
@@ -731,12 +746,6 @@ select{
 .h-5{
   height: 20px;
 }
-.h-6{
-  height: 24px;
-}
-.h-\\[244px\\]{
-  height: 244px;
-}
 .min-h-full{
   min-height: 100%;
 }
@@ -752,12 +761,6 @@ select{
 .w-5{
   width: 20px;
 }
-.w-6{
-  width: 24px;
-}
-.w-\\[244px\\]{
-  width: 244px;
-}
 .w-full{
   width: 100%;
 }
@@ -824,6 +827,11 @@ select{
   margin-top: calc(16px * calc(1 - var(--tw-space-y-reverse)));
   margin-bottom: calc(16px * var(--tw-space-y-reverse));
 }
+.space-y-5 > :not([hidden]) ~ :not([hidden]){
+  --tw-space-y-reverse: 0;
+  margin-top: calc(20px * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(20px * var(--tw-space-y-reverse));
+}
 .space-y-6 > :not([hidden]) ~ :not([hidden]){
   --tw-space-y-reverse: 0;
   margin-top: calc(24px * calc(1 - var(--tw-space-y-reverse)));
@@ -894,10 +902,6 @@ select{
   padding-left: 8px;
   padding-right: 8px;
 }
-.px-4{
-  padding-left: 16px;
-  padding-right: 16px;
-}
 .px-8{
   padding-left: 32px;
   padding-right: 32px;
@@ -910,10 +914,6 @@ select{
   padding-top: 12px;
   padding-bottom: 12px;
 }
-.py-4{
-  padding-top: 16px;
-  padding-bottom: 16px;
-}
 .pt-6{
   padding-top: 24px;
 }
@@ -1425,15 +1425,24 @@ var SuccessState = () => {
 };
 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(" ");
-};
+// ../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs
+function r(e) {
+  var t, f, n = "";
+  if ("string" == typeof e || "number" == typeof e) n += e;
+  else if ("object" == typeof e) if (Array.isArray(e)) {
+    var o = e.length;
+    for (t = 0; t < o; t++) e[t] && (f = r(e[t])) && (n && (n += " "), n += f);
+  } else for (f in e) e[f] && (n && (n += " "), n += f);
+  return n;
+}
+function clsx() {
+  for (var e, t, f = 0, n = "", o = arguments.length; f < o; f++) (e = arguments[f]) && (t = r(e)) && (n && (n += " "), n += t);
+  return n;
+}
+var clsx_default = clsx;
 
 // src/components/IDKitWidget/States/WorldID/QRState.tsx
+import copy from "copy-to-clipboard";
 import { useCallback, useState as useState2 } from "react";
 import { AnimatePresence, motion } from "framer-motion";
 
@@ -1571,7 +1580,7 @@ var QRState = ({ qrData, showQR, setShowQR }) => {
     setTimeout(() => setCopiedLink(false), 2e3);
   }, [qrData]);
   return /* @__PURE__ */ jsxs7(Fragment, { children: [
-    /* @__PURE__ */ jsxs7("div", { className: "mb-10 space-y-4 md:hidden", children: [
+    /* @__PURE__ */ jsxs7("div", { className: clsx_default("md:hidden", { "mb-10 space-y-4": !showQR }), children: [
       /* @__PURE__ */ jsxs7(
         motion.a,
         {
@@ -1580,12 +1589,13 @@ var QRState = ({ qrData, showQR, setShowQR }) => {
           whileHover: { scale: 1.05 },
           transition: { layout: { duration: 0.15 } },
           layoutId: media == "desktop" ? void 0 : "worldid-button",
-          className: classNames(
-            "flex w-full space-x-2 items-center px-4 py-4 border border-transparent font-medium rounded-2xl shadow-sm",
-            "bg-0d151d dark:bg-white text-white dark:text-0d151d"
+          className: clsx_default(
+            "flex w-full items-center space-x-2 rounded-2xl border border-transparent p-4 font-medium shadow-sm",
+            "bg-0d151d text-white dark:bg-white dark:text-0d151d",
+            { hidden: showQR }
           ),
           children: [
-            /* @__PURE__ */ jsx11(WorldcoinIcon_default, { className: "h-5 w-5" }),
+            /* @__PURE__ */ jsx11(WorldcoinIcon_default, { className: "size-5" }),
             /* @__PURE__ */ jsx11(
               motion.span,
               {
@@ -1598,8 +1608,8 @@ var QRState = ({ qrData, showQR, setShowQR }) => {
           ]
         }
       ),
-      /* @__PURE__ */ jsxs7("div", { className: "space-y-4", children: [
-        /* @__PURE__ */ jsxs7("div", { className: "flex items-center space-x-4 ", children: [
+      /* @__PURE__ */ jsxs7("div", { className: clsx_default("mb-3", { "space-y-4": !showQR }), children: [
+        /* @__PURE__ */ jsxs7("div", { className: clsx_default("flex items-center space-x-4 ", { hidden: showQR }), 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" })
@@ -1655,7 +1665,7 @@ var QRState = ({ qrData, showQR, setShowQR }) => {
       /* @__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__ */ 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" }) }) }) })
+      ) : /* @__PURE__ */ jsx11("div", { className: "flex size-[244px] items-center justify-center", children: /* @__PURE__ */ jsx11(QRPlaceholderIcon_default, { className: "size-[244px] animate-pulse" }) }) }) })
     ] })
   ] });
 };
@@ -1768,7 +1778,7 @@ var WorldIDState = () => {
       return handleVerify(result);
     }
   }, [result, handleVerify, verificationState, setStage, errorCode, setErrorState, verification_level]);
-  return /* @__PURE__ */ jsxs9("div", { className: "-mt-6 space-y-10", children: [
+  return /* @__PURE__ */ jsxs9("div", { className: clsx_default("-mt-6 space-y-5", { "space-y-10": !showQR }), 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") }),
@@ -1776,7 +1786,7 @@ var WorldIDState = () => {
     ] }),
     /* @__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__ */ jsx13(LoadingIcon_default, { className: "size-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" })
@@ -1874,7 +1884,7 @@ var IDKitWidget = ({ children, ...config }) => {
             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__ */ 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: "mx-6 mb-12 flex items-center justify-between", children: /* @__PURE__ */ jsx15(Dialog.Close, { className: "flex items-center justify-center rounded-full text-black dark:text-white", children: /* @__PURE__ */ jsx15(XMarkIcon_default, { className: "size-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(

package/build/internal.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@worldcoin/idkit",
-  "version": "1.2.2",
+  "version": "1.4.0",
   "homepage": "https://docs.worldcoin.org/id/idkit",
   "license": "MIT",
   "private": false,
@@ -61,7 +61,7 @@
     "qrcode": "^1.5.3",
     "react-shadow": "^19.1.0",
     "zustand": "^4.5.4",
-    "@worldcoin/idkit-core": "1.2.2"
+    "@worldcoin/idkit-core": "1.4.0"
   },
   "devDependencies": {
     "@types/node": "18.11.9",
@@ -71,6 +71,7 @@
     "@typescript-eslint/eslint-plugin": "^6.21.0",
     "@typescript-eslint/parser": "^6.21.0",
     "autoprefixer": "^10.4.19",
+    "clsx": "^2.1.1",
     "eslint": "8.54.0",
     "eslint-config-prettier": "^8.10.0",
     "eslint-plugin-compat": "^4.2.0",