@volr/react-ui 0.1.62 → 0.1.64

package/dist/index.cjs

@@ -607,8 +607,8 @@ function getUserFriendlyError(error, t) {
 function WalletConnectedView({ user, onClose, showHeader = true }) {
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
     showHeader && onClose && /* @__PURE__ */ jsxRuntime.jsx(ModalHeader, { onClose }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "volr:text-center", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "volr:text-2xl volr:font-semibold volr:text-slate-900 volr:mb-5", children: "Wallet Connected" }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "volr:text-xl volr:font-semibold volr:text-slate-900 volr:mb-5", children: "Wallet Connected" }),
       user.evmAddress ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "volr:bg-slate-50 volr:rounded-lg volr:p-5 volr:mb-6 volr:text-left", children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "volr:mb-3", children: [
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "volr:text-xs volr:text-slate-500 volr:mb-1 volr:font-medium", children: "Wallet Address" }),
@@ -900,7 +900,7 @@ function PasskeyEnrollForm({
 }) {
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "volr:my-8 volr:flex volr:justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(BiometricIcon, { type: biometricType, size: 60 }) }),
-    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "volr:text-base volr:text-slate-600 volr:mb-8", children: biometricMessage }),
+    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "volr:text-base volr:text-slate-600 volr:mb-8 volr:text-center", children: biometricMessage }),
     errorMessage && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "volr:mb-6 volr:p-3 volr:rounded-lg volr:bg-rose-50 volr:border volr:border-rose-200 volr:text-rose-700 volr:text-sm volr:flex volr:items-start volr:gap-2 volr:text-left", children: [
       /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "currentColor", className: "volr:flex-shrink-0 volr:mt-0.5", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z" }) }),
       /* @__PURE__ */ jsxRuntime.jsx("span", { children: errorMessage })
@@ -1011,13 +1011,6 @@ function PasskeyEnrollView({
         onError(error);
       }
     }
-    if (!user?.email) {
-      const error = new Error("User email is required for passkey enrollment");
-      setErrorMessage(getUserFriendlyError(error, t));
-      if (onError) {
-        onError(error);
-      }
-    }
   }, [user, onError, t]);
   React10.useEffect(() => {
     if (enrollmentError) {
@@ -1029,9 +1022,9 @@ function PasskeyEnrollView({
     }
   }, [enrollmentError, onError, t]);
   const handleEnroll = async () => {
-    if (!user?.id || !user?.email) {
+    if (!user?.id) {
       const error = new Error(
-        "User ID and email are required for passkey enrollment"
+        "User ID is required for passkey enrollment"
       );
       setErrorMessage(getUserFriendlyError(error, t));
       if (onError) {
@@ -1125,7 +1118,7 @@ function PasskeyEnrollView({
       }
     ) });
   }
-  const content = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "volr:text-center", children: [
+  const content = /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
     /* @__PURE__ */ jsxRuntime.jsx("p", { className: "volr:text-xl volr:font-semibold volr:text-slate-900 volr:mb-5", children: t("passkey.start") }),
     !hasStarted ? /* @__PURE__ */ jsxRuntime.jsx(
       PasskeyEnrollForm,