doct-ui-auth-kit 1.0.5 → 1.0.6

package/README.md

@@ -29,6 +29,17 @@ import 'docthub-core-components/style.css';
 import 'doct-ui-auth-kit/style.css';
 ```
 
+## Required static assets
+
+When using **`MainLoginPage`** or **`AuthLayoutWrapper`** with `layoutType="withSlider"`, the kit references static paths that are served from **your app’s** `public/` folder. The published npm package does not include these files, so you must add them yourself.
+
+| Asset | Path in your app | Used for |
+|-------|------------------|----------|
+| Logo | `public/main-logo.svg` | Main login page logo (or pass a custom `logo` prop to `AuthLayoutWrapper`) |
+| Slider images | `public/slider/slide-1.png` … `public/slider/slide-5.png` | Marketing slider on the left panel (or pass custom `sliderImages` to `AuthLayoutWrapper`) |
+
+**To get the default assets:** copy from this repo’s `public/main-logo.svg` and `public/slider/*.png` into your app’s `public/` (and `public/slider/`) if you have the kit source. Otherwise use your own logo and slider images. You can also override at runtime by passing the `logo` and `sliderImages` props to `AuthLayoutWrapper` (or equivalent) where the API supports it.
+
 ## Consumer imports
 
 Install the package and import components, layouts, and types from the library:

package/dist/hooks/use-login-entry-form.d.ts

@@ -1,5 +1,5 @@
 import type { UseLoginEntryFormOptions, UseLoginEntryFormReturn } from '@/types';
-export type { EmailFormValues, LoginEntryFormValues, LoginEntryMode, LoginEntrySubmitData, PhoneFormValues, UseLoginEntryFormOptions, UseLoginEntryFormReturn, } from '@/types';
+export type { EmailFormValues, LoginEntryFormValues, LoginEntryMode, LoginEntrySubmitData, LoginEntrySuccessParams, PhoneFormValues, UseLoginEntryFormOptions, UseLoginEntryFormReturn, } from '@/types';
 /**
  * Form state and validation for the login entry screen (phone or email).
  * Business logic: when submitApi is provided, hook runs validate → submitApi(data) → onSuccess() (e.g. redirect).

package/dist/index.js

@@ -1,6 +1,7 @@
+"use client";
 import { jsx as G, Fragment as Kt } from "react/jsx-runtime";
-import { f as le, A as Zr, g as Xr, u as Jr, d as zr, e as Qr, c as ei, a as Yt, b as ti, O as ni, S as ri } from "./signup-BJWKwg7j.js";
-import { D as a1, I as o1, L as d1, h as u1, M as l1, i as s1, j as c1, k as f1, R as $1, l as p1, m as y1, n as h1, o as m1, p as g1, q as v1 } from "./signup-BJWKwg7j.js";
+import { f as le, A as Zr, g as Xr, u as Jr, d as zr, e as Qr, c as ei, a as Yt, b as ti, O as ni, S as ri } from "./signup-DeeuWsoF.js";
+import { D as a1, I as o1, L as d1, h as u1, M as l1, i as s1, j as c1, k as f1, R as $1, l as p1, m as y1, n as h1, o as m1, p as g1, q as v1 } from "./signup-DeeuWsoF.js";
 import N, { createContext as ii, useContext as tr, useRef as nr, useCallback as ae, useMemo as We, useReducer as ai, useEffect as oi } from "react";
 import { DoctCircularProgress as di } from "docthub-core-components";
 function Ft(e) {

package/dist/pages/login-entry.d.ts

@@ -4,13 +4,13 @@ export type { LoginEntryMode, LoginEntryPageProps, LoginEntryProps, } from '@/ty
  * Full LoginEntry page with AuthLayoutWrapper, back button, and slider/standalone layout.
  * Use when rendering the login entry screen as a standalone page.
  *
- * @example Next.js: API call in hook, redirect via callback
+ * @example Next.js: API call in hook, redirect with mode + recipient for OTP page
  * ```tsx
  * <LoginEntryPage
  *   mode="phone"
  *   onBack={() => router.back()}
  *   submitApi={(data) => api.sendOtp(data)}
- *   onSuccess={() => router.push('/otp')}
+ *   onSuccess={(params) => router.push(`/otp?mode=${params.mode}&recipient=${encodeURIComponent(params.recipient)}`)}
  * />
  * ```
  *

package/dist/pages/signup.d.ts

@@ -1,45 +1,4 @@
 import type { SignupPageFullProps, SignupPageProps } from '@/types';
 export type { SignupEntryMode, SignupPageFullProps, SignupPageProps, } from '@/types';
-/**
- * Full Signup page with AuthLayoutWrapper, logo, and default welcome copy.
- * Use when rendering the signup screen as a standalone page.
- *
- * @example Next.js: API in hook, redirect from consumer
- * ```tsx
- * <SignupPage
- *   userType="INDIAN"
- *   loginMethod="phone"
- *   signupCollectField="email"
- *   submitApi={(data) => api.completeProfile(data)}
- *   onSuccess={() => router.push('/otp')}
- * />
- * ```
- *
- * @example Sync onSubmit (AuthFlow)
- * ```tsx
- * <SignupPage onSubmit={(data) => actions.submitSignupDetails(data)} ... />
- * ```
- */
 export declare function SignupPage(props: Readonly<SignupPageFullProps>): import("react/jsx-runtime").JSX.Element;
-/**
- * Signup form body without layout wrapper.
- * Full name plus phone/email (Indian) or full name + email + phone (Foreign).
- * Validation per PRODUCT_PROTOCOLS #1, #25 and edge cases 9, 10, 16, 19; cursor focus on first field (#26).
- * Use inside your own layout or AuthFlow.
- *
- * @example With submitApi + onSuccess (consumer redirect)
- * ```tsx
- * <Signup
- *   userType="INDIAN"
- *   signupCollectField="email"
- *   submitApi={(data) => api.completeProfile(data)}
- *   onSuccess={() => router.push('/otp')}
- * />
- * ```
- *
- * @example Sync onSubmit (AuthFlow)
- * ```tsx
- * <Signup onSubmit={(data) => actions.submitSignupDetails(data)} ... />
- * ```
- */
 export declare function Signup(props: Readonly<SignupPageProps>): import("react/jsx-runtime").JSX.Element;

package/dist/pages.js

@@ -1,10 +1,11 @@
-import { L as n, a as e, M as g, b as o, O as s, c as t, R as p, d as L, S as r, e as P } from "./signup-BJWKwg7j.js";
+"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-DeeuWsoF.js";
 export {
-  n as LoginEntry,
-  e as LoginEntryPage,
+  e as LoginEntry,
+  n as LoginEntryPage,
   g as MainLogin,
-  o as MainLoginPage,
-  s as OtpVerification,
+  s as MainLoginPage,
+  o as OtpVerification,
   t as OtpVerificationPage,
   p as RepeatLogin,
   L as RepeatLoginPage,