doct-ui-auth-kit 1.0.14 → 1.0.15

package/dist/pages.js

@@ -1,5 +1,5 @@
 "use client";
-import { L as e, a as n, M as g, b as s, O as o, c as t, R as p, d as L, S as r, e as P } from "./signup-page-ChXnxtSS.js";
+import { L as e, a as n, M as g, b as s, O as o, c as t, R as p, d as L, S as r, e as P } from "./signup-page-LsYojX4-.js";
 export {
   e as LoginEntry,
   n as LoginEntryPage,

package/dist/{signup-page-ChXnxtSS.js → signup-page-LsYojX4-.js}

@@ -2,7 +2,7 @@
 import { jsx as m, jsxs as k, Fragment as $e } from "react/jsx-runtime";
 import { DoctButton as B, DoctTypography as R, DoctPhoneInput as Ze, DoctLabeledInput as Qe, DoctCircularProgress as ve, DoctOtpInput as et } from "docthub-core-components";
 import { MdArrowBack as tt, MdChevronRight as nt } from "react-icons/md";
-import q, { createContext as lt, useContext as it, useState as K, useEffect as te, useRef as le } from "react";
+import Y, { createContext as lt, useContext as it, useState as K, useEffect as te, useRef as le } from "react";
 import { useFormContext as ne, Controller as de, useForm as ye, FormProvider as Ce } from "react-hook-form";
 import { z as j } from "zod";
 var ae = { exports: {} }, ge = {};
@@ -10,7 +10,7 @@ var Oe;
 function ot() {
   if (Oe) return ge;
   Oe = 1;
-  var n = q.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
+  var n = Y.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
   return ge.c = function(e) {
     return n.H.useMemoCache(e);
   }, ge;
@@ -19,7 +19,7 @@ var pe = {};
 var Te;
 function rt() {
   return Te || (Te = 1, process.env.NODE_ENV !== "production" && (function() {
-    var n = q.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
+    var n = Y.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
     pe.c = function(e) {
       var t = n.H;
       return t === null && console.error(
@@ -277,7 +277,7 @@ function St(n) {
   let a;
   return e[7] !== o || e[8] !== s ? (a = /* @__PURE__ */ m("footer", { className: o, children: s }), e[7] = o, e[8] = s, e[9] = a) : a = e[9], a;
 }
-const H = {
+const q = {
   Root: ht,
   Header: gt,
   Main: Ct,
@@ -436,32 +436,32 @@ function ie(n) {
   e[7] !== w || e[8] !== r ? (L = () => r ? typeof r == "string" ? /* @__PURE__ */ m(R, { variant: "body1", align: w, className: "text-neutral-black", children: r }) : r : null, e[7] = w, e[8] = r, e[9] = L) : L = e[9];
   const M = L;
   let I;
-  e[10] !== a ? (I = a && /* @__PURE__ */ m(H.Header, { children: a }), e[10] = a, e[11] = I) : I = e[11];
+  e[10] !== a ? (I = a && /* @__PURE__ */ m(q.Header, { children: a }), e[10] = a, e[11] = I) : I = e[11];
   let U;
   e[12] !== $ ? (U = $(), e[12] = $, e[13] = U) : U = e[13];
-  let z;
-  e[14] !== w || e[15] !== U ? (z = /* @__PURE__ */ m(H.Logo, { align: w, children: U }), e[14] = w, e[15] = U, e[16] = z) : z = e[16];
   let G;
-  e[17] !== w || e[18] !== T || e[19] !== o ? (G = o && /* @__PURE__ */ m(H.Title, { align: w, children: T() }), e[17] = w, e[18] = T, e[19] = o, e[20] = G) : G = e[20];
+  e[14] !== w || e[15] !== U ? (G = /* @__PURE__ */ m(q.Logo, { align: w, children: U }), e[14] = w, e[15] = U, e[16] = G) : G = e[16];
   let V;
-  e[21] !== w || e[22] !== r || e[23] !== M ? (V = r && /* @__PURE__ */ m(H.Description, { align: w, children: M() }), e[21] = w, e[22] = r, e[23] = M, e[24] = V) : V = e[24];
+  e[17] !== w || e[18] !== T || e[19] !== o ? (V = o && /* @__PURE__ */ m(q.Title, { align: w, children: T() }), e[17] = w, e[18] = T, e[19] = o, e[20] = V) : V = e[20];
+  let H;
+  e[21] !== w || e[22] !== r || e[23] !== M ? (H = r && /* @__PURE__ */ m(q.Description, { align: w, children: M() }), e[21] = w, e[22] = r, e[23] = M, e[24] = H) : H = e[24];
   let W;
-  e[25] !== t ? (W = /* @__PURE__ */ m(H.Body, { children: t }), e[25] = t, e[26] = W) : W = e[26];
-  let Y;
-  e[27] !== z || e[28] !== G || e[29] !== V || e[30] !== W || e[31] !== E ? (Y = /* @__PURE__ */ k(H.Main, { sm: E, children: [
-    z,
+  e[25] !== t ? (W = /* @__PURE__ */ m(q.Body, { children: t }), e[25] = t, e[26] = W) : W = e[26];
+  let z;
+  e[27] !== G || e[28] !== V || e[29] !== H || e[30] !== W || e[31] !== E ? (z = /* @__PURE__ */ k(q.Main, { sm: E, children: [
     G,
     V,
+    H,
     W
-  ] }), e[27] = z, e[28] = G, e[29] = V, e[30] = W, e[31] = E, e[32] = Y) : Y = e[32];
+  ] }), e[27] = G, e[28] = V, e[29] = H, e[30] = W, e[31] = E, e[32] = z) : z = e[32];
   let J;
-  e[33] !== s ? (J = s && /* @__PURE__ */ m(H.Footer, { children: s }), e[33] = s, e[34] = J) : J = e[34];
+  e[33] !== s ? (J = s && /* @__PURE__ */ m(q.Footer, { children: s }), e[33] = s, e[34] = J) : J = e[34];
   let oe;
-  e[35] !== I || e[36] !== Y || e[37] !== J ? (oe = /* @__PURE__ */ k($e, { children: [
+  e[35] !== I || e[36] !== z || e[37] !== J ? (oe = /* @__PURE__ */ k($e, { children: [
     I,
-    Y,
+    z,
     J
-  ] }), e[35] = I, e[36] = Y, e[37] = J, e[38] = oe) : oe = e[38];
+  ] }), e[35] = I, e[36] = z, e[37] = J, e[38] = oe) : oe = e[38];
   const X = oe;
   if (C === "withSlider") {
     let Q;
@@ -469,7 +469,7 @@ function ie(n) {
       className: y
     }, e[39] = y, e[40] = Q) : Q = e[40];
     let ee;
-    e[41] !== X || e[42] !== x || e[43] !== O ? (ee = /* @__PURE__ */ m(H.Root, { variant: O, maxWidth: x, className: "bg-transparent", children: X }), e[41] = X, e[42] = x, e[43] = O, e[44] = ee) : ee = e[44];
+    e[41] !== X || e[42] !== x || e[43] !== O ? (ee = /* @__PURE__ */ m(q.Root, { variant: O, maxWidth: x, className: "bg-transparent", children: X }), e[41] = X, e[42] = x, e[43] = O, e[44] = ee) : ee = e[44];
     let se;
     return e[45] !== S || e[46] !== N || e[47] !== f || e[48] !== Q || e[49] !== ee ? (se = /* @__PURE__ */ m(wt, { sliderImages: N, sliderAutoPlayInterval: S, sliderTitles: f, ...Q, children: ee }), e[45] = S, e[46] = N, e[47] = f, e[48] = Q, e[49] = ee, e[50] = se) : se = e[50], se;
   }
@@ -478,7 +478,7 @@ function ie(n) {
     className: y
   }, e[51] = y, e[52] = Z) : Z = e[52];
   let re;
-  return e[53] !== X || e[54] !== x || e[55] !== O || e[56] !== Z ? (re = /* @__PURE__ */ m(H.Root, { variant: O, maxWidth: x, ...Z, children: X }), e[53] = X, e[54] = x, e[55] = O, e[56] = Z, e[57] = re) : re = e[57], re;
+  return e[53] !== X || e[54] !== x || e[55] !== O || e[56] !== Z ? (re = /* @__PURE__ */ m(q.Root, { variant: O, maxWidth: x, ...Z, children: X }), e[53] = X, e[54] = x, e[55] = O, e[56] = Z, e[57] = re) : re = e[57], re;
 }
 function _t(n) {
   return {
@@ -900,7 +900,7 @@ var qe = {
   className: void 0,
   style: void 0,
   attr: void 0
-}, ke = q.createContext && /* @__PURE__ */ q.createContext(qe), Vt = ["attr", "size", "title"];
+}, ke = Y.createContext && /* @__PURE__ */ Y.createContext(qe), Vt = ["attr", "size", "title"];
 function Ht(n, e) {
   if (n == null) return {};
   var t = qt(n, e), l, i;
@@ -970,12 +970,12 @@ function Jt(n, e) {
   return (e === "string" ? String : Number)(n);
 }
 function Ye(n) {
-  return n && n.map((e, t) => /* @__PURE__ */ q.createElement(e.tag, he({
+  return n && n.map((e, t) => /* @__PURE__ */ Y.createElement(e.tag, he({
     key: t
   }, e.attr), Ye(e.child)));
 }
 function Ke(n) {
-  return (e) => /* @__PURE__ */ q.createElement(Xt, me({
+  return (e) => /* @__PURE__ */ Y.createElement(Xt, me({
     attr: he({}, n.attr)
   }, e), Ye(n.child));
 }
@@ -986,7 +986,7 @@ function Xt(n) {
       size: i,
       title: o
     } = n, r = Ht(n, Vt), s = i || t.size || "1em", a;
-    return t.className && (a = t.className), n.className && (a = (a ? a + " " : "") + n.className), /* @__PURE__ */ q.createElement("svg", me({
+    return t.className && (a = t.className), n.className && (a = (a ? a + " " : "") + n.className), /* @__PURE__ */ Y.createElement("svg", me({
       stroke: "currentColor",
       fill: "currentColor",
       strokeWidth: "0"
@@ -998,9 +998,9 @@ function Xt(n) {
       height: s,
       width: s,
       xmlns: "http://www.w3.org/2000/svg"
-    }), o && /* @__PURE__ */ q.createElement("title", null, o), n.children);
+    }), o && /* @__PURE__ */ Y.createElement("title", null, o), n.children);
   };
-  return ke !== void 0 ? /* @__PURE__ */ q.createElement(ke.Consumer, null, (t) => e(t)) : e(qe);
+  return ke !== void 0 ? /* @__PURE__ */ Y.createElement(ke.Consumer, null, (t) => e(t)) : e(qe);
 }
 function Zt(n) {
   return Ke({ attr: { viewBox: "0 0 384 512" }, child: [{ tag: "path", attr: { d: "M318.7 268.7c-.2-36.7 16.4-64.4 50-84.8-18.8-26.9-47.2-41.7-84.7-44.6-35.5-2.8-74.3 20.7-88.5 20.7-15 0-49.4-19.7-76.4-19.7C63.3 141.2 4 184.8 4 273.5q0 39.3 14.4 81.2c12.8 36.7 59 126.7 107.2 125.2 25.2-.6 43-17.9 75.8-17.9 31.8 0 48.3 17.9 76.4 17.9 48.6-.7 90.4-82.5 102.6-119.3-65.2-30.7-61.7-90-61.7-91.9zm-56.6-164.2c27.3-32.4 24.8-61.9 24-72.5-24.1 1.4-52 16.4-67.9 34.9-17.5 19.8-27.8 44.3-25.6 71.9 26.1 2 49.9-11.4 69.5-34.3z" }, child: [] }] })(n);
@@ -1097,26 +1097,27 @@ function rn(n) {
   e[4] !== f ? (N = () => {
     if (f <= 0)
       return;
-    const z = setInterval(() => {
+    const G = setInterval(() => {
       p(an);
     }, 1e3);
-    return () => clearInterval(z);
+    return () => clearInterval(G);
   }, S = [f], e[4] = f, e[5] = N, e[6] = S) : (N = e[5], S = e[6]), te(N, S);
   let x;
-  e[7] !== C || e[8] !== s || e[9] !== l || e[10] !== r || e[11] !== o || e[12] !== a ? (x = async (z) => {
-    const G = He.safeParse(z);
-    if (!G.success) {
-      const W = G.error.issues[0]?.message ?? "Invalid OTP";
+  e[7] !== C || e[8] !== s || e[9] !== l || e[10] !== r || e[11] !== o || e[12] !== a ? (x = async (G) => {
+    C.clearErrors("otp");
+    const V = He.safeParse(G);
+    if (!V.success) {
+      const W = V.error.issues[0]?.message ?? "Invalid OTP";
       C.setError("otp", {
         message: W
       });
       return;
     }
-    const V = G.data.otp.join("");
+    const H = V.data.otp.join("");
     if (a) {
       u(!0);
       try {
-        const W = await a(V);
+        const W = await a(H);
         if (W !== !0) {
           C.setError("otp", {
             type: "validate",
@@ -1131,16 +1132,20 @@ function rn(n) {
       o || u(!1);
     }
     if (o) {
-      u(!0), o(V).then(() => {
+      u(!0), o(H).then(() => {
         r?.();
       }).catch((W) => {
-        s?.(W);
+        const z = W?.message;
+        C.setError("otp", {
+          type: "submit",
+          message: typeof z == "string" && z.length > 0 ? z : "OTP verification failed"
+        }), s?.(W);
       }).finally(() => {
         u(!1);
       });
       return;
     }
-    l?.(V);
+    l?.(H);
   }, e[7] = C, e[8] = s, e[9] = l, e[10] = r, e[11] = o, e[12] = a, e[13] = x) : x = e[13];
   const A = x;
   let w;
@@ -1666,7 +1671,7 @@ export {
   On as d,
   Tn as e,
   _ as f,
-  H as g,
+  q as g,
   _t as h,
   Tt as i,
   Be as j,

package/dist/types/auth/flow.d.ts

@@ -104,7 +104,13 @@ export interface AuthFlowActions {
         email?: string;
         countryCode?: string;
     }) => void;
-    verifyOtp: (otp: string) => void;
+    /**
+     * Verifies the OTP against the auth API. Resolves on success (after the
+     * reducer has been advanced) and rejects with an `AuthError` whose
+     * `message` carries the API's failure reason — callers can surface it
+     * as a field-level error.
+     */
+    verifyOtp: (otp: string) => Promise<void>;
     resendOtp: () => void;
     providerCallback: (params: {
         provider: 'google' | 'apple';

package/package.json

@@ -1,113 +1,110 @@
-{
-  "name": "doct-ui-auth-kit",
-  "version": "1.0.14",
-  "description": "Composable React auth SDK – layouts, login/signup/OTP pages, SSO provider, and auth flow hooks for Docthub",
-  "type": "module",
-  "main": "./dist/index.js",
-  "module": "./dist/index.js",
-  "types": "./dist/index.d.ts",
-  "files": [
-    "dist",
-    "README.md"
-  ],
-  "keywords": [
-    "react",
-    "auth",
-    "sdk",
-    "docthub",
-    "login",
-    "signup",
-    "sso",
-    "otp"
-  ],
-  "license": "UNLICENSED",
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/docthub/doct-ui-auth-kit"
-  },
-  "scripts": {
-    "dev": "vite",
-    "build": "vite build && tsc --build tsconfig.build.json --force && tsc-alias -p tsconfig.build.json",
-    "prepublishOnly": "npm run build",
-    "lint": "biome lint .",
-    "preview": "vite preview",
-    "format": "biome format --write .",
-    "lint:biome": "biome lint .",
-    "check": "biome check .",
-    "check:fix": "biome check --write .",
-    "type-check": "tsc --noEmit",
-    "prepare": "husky",
-    "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build"
-  },
-  "exports": {
-    ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/index.js"
-    },
-    "./style.css": "./dist/doct-ui-auth-kit.css",
-    "./pages": {
-      "types": "./dist/pages/index.d.ts",
-      "import": "./dist/pages.js"
-    }
-  },
-  "peerDependencies": {
-    "docthub-core-components": "2.99.0",
-    "react": "^19.0.0",
-    "react-dom": "^19.0.0",
-    "react-hook-form": "^7.50.0",
-    "react-icons": "^5.5.0",
-    "zod": "^4.0.0"
-  },
-  "dependencies": {
-    "clsx": "^2.1.1",
-    "dayjs": "^1.11.19",
-    "docthub-core-components": "2.99.0",
-    "react": "^19.0.0",
-    "react-dom": "^19.0.0",
-    "react-hook-form": "^7.50.0",
-    "react-icons": "^5.5.0",
-    "react-phone-number-input": "^3.4.14",
-    "react-router-dom": "^7.13.0",
-    "zod": "^4.0.0"
-  },
-  "devDependencies": {
-    "@biomejs/biome": "^2.3.14",
-    "@chromatic-com/storybook": "^5.0.0",
-    "@eslint/js": "^9.39.1",
-    "@storybook/addon-a11y": "^10.2.6",
-    "@storybook/addon-docs": "^10.2.6",
-    "@storybook/addon-onboarding": "^10.2.6",
-    "@storybook/addon-vitest": "^10.2.6",
-    "@storybook/react-vite": "^10.2.6",
-    "@types/node": "^24.10.1",
-    "@types/react": "^19.2.5",
-    "@types/react-dom": "^19.2.3",
-    "@vitejs/plugin-react": "^5.1.1",
-    "@vitest/browser-playwright": "^4.0.18",
-    "@vitest/coverage-v8": "^4.0.18",
-    "autoprefixer": "^10.4.24",
-    "babel-plugin-react-compiler": "^1.0.0",
-    "eslint": "^9.39.1",
-    "eslint-plugin-react-hooks": "^7.0.1",
-    "eslint-plugin-react-refresh": "^0.4.24",
-    "glob": "^13.0.1",
-    "globals": "^16.5.0",
-    "husky": "^9.1.7",
-    "lint-staged": "^16.2.7",
-    "playwright": "^1.58.1",
-    "postcss": "^8.5.6",
-    "react": "^19.2.0",
-    "react-dom": "^19.2.0",
-    "storybook": "^10.2.6",
-    "tailwind-merge": "^3.0.1",
-    "tailwindcss": "^3.4.16",
-    "tailwindcss-animate": "^1.0.7",
-    "tsc-alias": "^1.8.17",
-    "typescript": "~5.6.2",
-    "typescript-eslint": "^8.46.4",
-    "vite": "^7.2.4",
-    "vite-plugin-dts": "^4.5.0",
-    "vitest": "^4.0.18"
-  }
-}
+{
+  "name": "doct-ui-auth-kit",
+  "version": "1.0.15",
+  "description": "Composable React auth SDK – layouts, login/signup/OTP pages, SSO provider, and auth flow hooks for Docthub",
+  "type": "module",
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "files": ["dist", "README.md"],
+  "keywords": [
+    "react",
+    "auth",
+    "sdk",
+    "docthub",
+    "login",
+    "signup",
+    "sso",
+    "otp"
+  ],
+  "license": "UNLICENSED",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/docthub/doct-ui-auth-kit"
+  },
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build && tsc --build tsconfig.build.json --force && tsc-alias -p tsconfig.build.json",
+    "prepublishOnly": "npm run build",
+    "lint": "biome lint .",
+    "preview": "vite preview",
+    "format": "biome format --write .",
+    "lint:biome": "biome lint .",
+    "check": "biome check .",
+    "check:fix": "biome check --write .",
+    "type-check": "tsc --noEmit",
+    "prepare": "husky",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build"
+  },
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./style.css": "./dist/doct-ui-auth-kit.css",
+    "./pages": {
+      "types": "./dist/pages/index.d.ts",
+      "import": "./dist/pages.js"
+    }
+  },
+  "peerDependencies": {
+    "docthub-core-components": "2.99.0",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "react-hook-form": "^7.50.0",
+    "react-icons": "^5.5.0",
+    "zod": "^4.0.0"
+  },
+  "dependencies": {
+    "clsx": "^2.1.1",
+    "dayjs": "^1.11.19",
+    "docthub-core-components": "2.99.0",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "react-hook-form": "^7.50.0",
+    "react-icons": "^5.5.0",
+    "react-phone-number-input": "^3.4.14",
+    "react-router-dom": "^7.13.0",
+    "zod": "^4.0.0"
+  },
+  "devDependencies": {
+    "@biomejs/biome": "^2.3.14",
+    "@chromatic-com/storybook": "^5.0.0",
+    "@eslint/js": "^9.39.1",
+    "@storybook/addon-a11y": "^10.2.6",
+    "@storybook/addon-docs": "^10.2.6",
+    "@storybook/addon-onboarding": "^10.2.6",
+    "@storybook/addon-vitest": "^10.2.6",
+    "@storybook/react-vite": "^10.2.6",
+    "@types/node": "^24.10.1",
+    "@types/react": "^19.2.5",
+    "@types/react-dom": "^19.2.3",
+    "@vitejs/plugin-react": "^5.1.1",
+    "@vitest/browser-playwright": "^4.0.18",
+    "@vitest/coverage-v8": "^4.0.18",
+    "autoprefixer": "^10.4.24",
+    "babel-plugin-react-compiler": "^1.0.0",
+    "eslint": "^9.39.1",
+    "eslint-plugin-react-hooks": "^7.0.1",
+    "eslint-plugin-react-refresh": "^0.4.24",
+    "glob": "^13.0.1",
+    "globals": "^16.5.0",
+    "husky": "^9.1.7",
+    "lint-staged": "^16.2.7",
+    "playwright": "^1.58.1",
+    "postcss": "^8.5.6",
+    "react": "^19.2.0",
+    "react-dom": "^19.2.0",
+    "storybook": "^10.2.6",
+    "tailwind-merge": "^3.0.1",
+    "tailwindcss": "^3.4.16",
+    "tailwindcss-animate": "^1.0.7",
+    "tsc-alias": "^1.8.17",
+    "typescript": "~5.6.2",
+    "typescript-eslint": "^8.46.4",
+    "vite": "^7.2.4",
+    "vite-plugin-dts": "^4.5.0",
+    "vitest": "^4.0.18"
+  }
+}