@sneekin/ui 0.4.2 → 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (14) hide show
  1. package/README.md +43 -19
  2. package/dist/component.d.ts +5 -5
  3. package/dist/country-picker.d.ts +1 -1
  4. package/dist/fetch-handlers.d.ts +10 -9
  5. package/dist/index.d.ts +6 -6
  6. package/dist/index.js +147 -148
  7. package/dist/index.js.map +1 -1
  8. package/dist/index.mjs +147 -148
  9. package/dist/index.mjs.map +1 -1
  10. package/dist/state.d.ts +34 -21
  11. package/dist/theme.d.ts +2 -2
  12. package/dist/use-sneek-login.d.ts +44 -0
  13. package/package.json +1 -1
  14. package/dist/use-sneek-otp.d.ts +0 -40
package/dist/index.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/use-sneek-otp.ts","../src/state.ts","../src/component.tsx","../src/country-picker.tsx","../src/countries.ts","../src/theme.ts","../src/fetch-handlers.ts"],"sourcesContent":["import { useCallback, useReducer } from 'react';\nimport {\n initialOtpState,\n otpReducer,\n toMessage,\n type RequestOtpResult,\n type SneekOtpState,\n} from './state';\n\n/**\n * Partner-supplied transport. These call the *partner's own backend*, which in\n * turn talks to the Sneek API with the secret server-side key. The browser\n * never sees a Sneek API key — that is the whole security model of this package.\n */\nexport interface SneekOtpHandlers<TResult = unknown> {\n /** Ask the partner backend to send an OTP to `identifier`. */\n requestOtp: (identifier: string) => Promise<RequestOtpResult>;\n /** Verify the code with the partner backend; resolve with the auth result. */\n verifyOtp: (input: { requestId: string; code: string }) => Promise<TResult>;\n /** Called after a successful verification with the partner's result. */\n onSuccess?: (result: TResult) => void;\n /** Called on any error (request or verify). */\n onError?: (error: unknown) => void;\n}\n\nexport interface UseSneekOtp extends SneekOtpState {\n setIdentifier: (value: string) => void;\n setCode: (value: string) => void;\n /** Submit the identify step — triggers `requestOtp`. */\n sendOtp: () => Promise<void>;\n /** Submit the verify step — triggers `verifyOtp`. */\n verify: () => Promise<void>;\n /** Go back to the identify screen (e.g. \"use a different email\"). */\n back: () => void;\n /** Re-send the OTP to the same identifier. */\n resend: () => Promise<void>;\n /** Convenience booleans. */\n isSending: boolean;\n isVerifying: boolean;\n isBusy: boolean;\n}\n\nconst DEFAULT_REQUEST_ERROR = 'Could not send the code. Please try again.';\nconst DEFAULT_VERIFY_ERROR = 'That code was not correct. Please try again.';\n\n/**\n * Headless hook implementing the passwordless OTP login flow. Bring your own\n * markup, or use the {@link SneekOtpLogin} component for a styled default.\n */\nexport function useSneekOtp<TResult = unknown>(\n handlers: SneekOtpHandlers<TResult>,\n): UseSneekOtp {\n const [state, dispatch] = useReducer(otpReducer, initialOtpState);\n\n const { requestOtp, verifyOtp, onSuccess, onError } = handlers;\n\n const setIdentifier = useCallback((value: string) => {\n dispatch({ type: 'set_identifier', value });\n }, []);\n\n const setCode = useCallback((value: string) => {\n dispatch({ type: 'set_code', value });\n }, []);\n\n const runRequest = useCallback(\n async (identifier: string) => {\n const trimmed = identifier.trim();\n if (!trimmed) {\n dispatch({ type: 'request_error', message: 'Enter your email or mobile number.' });\n return;\n }\n dispatch({ type: 'request_start' });\n try {\n const result = await requestOtp(trimmed);\n dispatch({ type: 'request_success', result });\n } catch (error) {\n dispatch({ type: 'request_error', message: toMessage(error, DEFAULT_REQUEST_ERROR) });\n onError?.(error);\n }\n },\n [requestOtp, onError],\n );\n\n const sendOtp = useCallback(() => runRequest(state.identifier), [runRequest, state.identifier]);\n\n const resend = useCallback(() => runRequest(state.identifier), [runRequest, state.identifier]);\n\n const verify = useCallback(async () => {\n const code = state.code.trim();\n if (!code) {\n dispatch({ type: 'verify_error', message: 'Enter the code you received.' });\n return;\n }\n dispatch({ type: 'verify_start' });\n try {\n const result = await verifyOtp({ requestId: state.requestId, code });\n onSuccess?.(result);\n } catch (error) {\n dispatch({ type: 'verify_error', message: toMessage(error, DEFAULT_VERIFY_ERROR) });\n onError?.(error);\n }\n }, [verifyOtp, state.code, state.requestId, onSuccess, onError]);\n\n const back = useCallback(() => {\n dispatch({ type: 'back_to_identify' });\n }, []);\n\n return {\n ...state,\n setIdentifier,\n setCode,\n sendOtp,\n verify,\n back,\n resend,\n isSending: state.status === 'sending',\n isVerifying: state.status === 'verifying',\n isBusy: state.status !== 'idle',\n };\n}\n","/**\n * Framework-agnostic state machine for the Sneek passwordless OTP flow.\n *\n * Kept free of React so it can be unit-tested in isolation and reused by other\n * front-end bindings later (Vue/Svelte). The hook in `use-sneek-otp.ts` is a\n * thin wrapper around this reducer.\n */\n\nexport type SneekChannel = 'sms' | 'whatsapp' | 'email';\n\n/** Which screen of the two-step flow is showing. */\nexport type SneekOtpStep = 'identify' | 'verify';\n\n/** Async lifecycle for the in-flight request. */\nexport type SneekOtpStatus = 'idle' | 'sending' | 'verifying';\n\nexport interface SneekOtpState {\n step: SneekOtpStep;\n status: SneekOtpStatus;\n /** The email / mobile / username the user typed. */\n identifier: string;\n /** The OTP code the user typed on the verify screen. */\n code: string;\n /** Opaque id returned by the partner backend, replayed on verify. */\n requestId: string;\n /** Channels the OTP was actually delivered over. */\n channels: SneekChannel[];\n /** Seconds until the OTP expires (from the request response). */\n expiresInSeconds: number;\n /** User-facing error message, or null. */\n error: string | null;\n}\n\nexport const initialOtpState: SneekOtpState = {\n step: 'identify',\n status: 'idle',\n identifier: '',\n code: '',\n requestId: '',\n channels: [],\n expiresInSeconds: 0,\n error: null,\n};\n\nexport interface RequestOtpResult {\n requestId: string;\n channels?: SneekChannel[];\n expiresInSeconds?: number;\n}\n\nexport type SneekOtpAction =\n | { type: 'set_identifier'; value: string }\n | { type: 'set_code'; value: string }\n | { type: 'request_start' }\n | { type: 'request_success'; result: RequestOtpResult }\n | { type: 'request_error'; message: string }\n | { type: 'verify_start' }\n | { type: 'verify_error'; message: string }\n | { type: 'reset' }\n | { type: 'back_to_identify' };\n\nconst isBusy = (status: SneekOtpStatus): boolean => status !== 'idle';\n\nexport function otpReducer(\n state: SneekOtpState,\n action: SneekOtpAction,\n): SneekOtpState {\n switch (action.type) {\n case 'set_identifier':\n return { ...state, identifier: action.value, error: null };\n\n case 'set_code':\n return { ...state, code: action.value, error: null };\n\n case 'request_start':\n // Guard against double submits while a request is already in flight.\n if (isBusy(state.status)) return state;\n return { ...state, status: 'sending', error: null };\n\n case 'request_success':\n return {\n ...state,\n step: 'verify',\n status: 'idle',\n code: '',\n requestId: action.result.requestId,\n channels: action.result.channels ?? [],\n expiresInSeconds: action.result.expiresInSeconds ?? 0,\n error: null,\n };\n\n case 'request_error':\n return { ...state, status: 'idle', error: action.message };\n\n case 'verify_start':\n if (isBusy(state.status)) return state;\n return { ...state, status: 'verifying', error: null };\n\n case 'verify_error':\n return { ...state, status: 'idle', error: action.message };\n\n case 'back_to_identify':\n return {\n ...state,\n step: 'identify',\n status: 'idle',\n code: '',\n requestId: '',\n channels: [],\n expiresInSeconds: 0,\n error: null,\n };\n\n case 'reset':\n return { ...initialOtpState };\n\n default:\n return state;\n }\n}\n\nconst CHANNEL_LABELS: Record<SneekChannel, string> = {\n sms: 'SMS',\n whatsapp: 'WhatsApp',\n email: 'email',\n};\n\n/** \"SMS, WhatsApp\" — human label for the channels an OTP was sent over. */\nexport function formatChannels(channels: SneekChannel[]): string {\n return channels.map((c) => CHANNEL_LABELS[c] ?? c).join(', ');\n}\n\n/** Normalize any thrown value into a user-facing message. */\nexport function toMessage(error: unknown, fallback: string): string {\n if (error instanceof Error && error.message) return error.message;\n if (typeof error === 'string' && error) return error;\n return fallback;\n}\n","import {\n useEffect,\n useId,\n useState,\n type CSSProperties,\n type FormEvent,\n type ReactNode,\n} from 'react';\n\nimport { CountryPicker } from './country-picker';\nimport {\n countryByDialPrefix,\n countryByIso2,\n DEFAULT_COUNTRY_ISO2,\n type Country,\n} from './countries';\nimport { buildStyles, SNEEK_STYLE_ID } from './theme';\nimport { useSneekOtp, type SneekOtpHandlers } from './use-sneek-otp';\n\nexport type SneekTheme = 'auto' | 'light' | 'dark';\nexport type SneekIdentifierMode = 'phone' | 'email' | 'both';\n\n/** Digits in a Sneek code. */\nconst CODE_LENGTH = 6;\n/** Seconds before \"Resend code\" becomes tappable again. */\nconst RESEND_SECONDS = 30;\n/** E.164 allows 15 digits total; this is the remainder after a 3-digit dial code. */\nconst MAX_NATIONAL_DIGITS = 12;\n\nexport interface SneekOtpLoginProps<TResult = unknown>\n extends SneekOtpHandlers<TResult> {\n /** Heading above the form. @default 'Sign in' */\n title?: string;\n /** Heading once the code has been sent. @default 'Enter the code' */\n verifyTitle?: string;\n /** Sub-heading. Pass `null` to remove it. */\n subtitle?: ReactNode;\n /**\n * Which identifiers a visitor can sign in with. `'both'` starts on phone\n * with a country chip and offers a link to switch to email.\n * @default 'both'\n */\n identifierMode?: SneekIdentifierMode;\n /**\n * ISO 3166-1 alpha-2 country to preselect for the phone chip.\n * @default 'IN' (India)\n */\n defaultCountry?: string;\n /** Overrides the auto label (\"Mobile number\" / \"Email address\"). */\n identifierLabel?: string;\n /** Overrides the auto placeholder. Only used in email mode. */\n identifierPlaceholder?: string;\n /**\n * Colour scheme. `auto` follows the visitor's system setting.\n * @default 'auto'\n */\n theme?: SneekTheme;\n /**\n * Override the single accent colour. Leave unset to use Sneek orange,\n * which is tuned per mode for contrast.\n */\n accentColor?: string;\n /**\n * Replaces the Sneek mark above the title (which sits in a rounded,\n * bordered box by default). Pass `null` to remove it entirely.\n */\n logo?: ReactNode;\n /** Show the \"Secured by Sneek\" line under the form. @default true */\n showBranding?: boolean;\n /** Style overrides for the outer card. */\n style?: CSSProperties;\n /** Extra class on the outer card. */\n className?: string;\n}\n\n/**\n * Sneek mark: two triangles offset on a diagonal — one pointing up on the\n * right, one pointing down on the left. Traced from the brand asset so the\n * package needs no image file and no CDN.\n */\nfunction SneekMark() {\n return (\n <svg\n width=\"20\"\n height=\"20\"\n viewBox=\"0 0 32 32\"\n fill=\"none\"\n role=\"img\"\n aria-label=\"Sneek\"\n >\n <path d=\"M21.3 1 29.3 16H13.3L21.3 1Z\" fill=\"var(--sneek-accent)\" />\n <path d=\"M2.7 17.5H18.7L10.7 31 2.7 17.5Z\" fill=\"var(--sneek-accent)\" />\n </svg>\n );\n}\n\n/**\n * The default mark sits in a rounded, bordered box — matching how the mark\n * is framed everywhere else in the product (app icon, dashboard nav) — rather\n * than floating bare on the card.\n */\nfunction SneekMarkBox() {\n return (\n <div\n style={{\n display: 'grid',\n placeItems: 'center',\n width: 44,\n height: 44,\n borderRadius: 16,\n border: '1px solid var(--sneek-border)',\n background: 'var(--sneek-surface)',\n }}\n >\n <SneekMark />\n </div>\n );\n}\n\n/**\n * Drop-in passwordless login card.\n *\n * The component never receives a Sneek API key — it calls the handlers you\n * supply, which talk to your own backend. See `createFetchHandlers` for the\n * common case.\n *\n * @example\n * ```tsx\n * <SneekOtpLogin\n * {...createFetchHandlers({ baseUrl: '/api/auth' })}\n * onSuccess={(session) => router.push('/app')}\n * />\n * ```\n */\nexport function SneekOtpLogin<TResult = unknown>(\n props: SneekOtpLoginProps<TResult>,\n): ReactNode {\n const {\n title = 'Sign in',\n verifyTitle = 'Enter the code',\n subtitle = 'Enter your email or phone. We will send you a code.',\n identifierMode = 'both',\n defaultCountry,\n identifierLabel,\n identifierPlaceholder,\n theme = 'auto',\n accentColor,\n logo,\n showBranding = true,\n style,\n className,\n ...handlers\n } = props;\n\n const otp = useSneekOtp<TResult>(handlers);\n const uid = useId();\n // Countdown before resend re-enables. Instant resend is both poor feedback\n // and an easy way to burn someone's SMS quota.\n const [resendIn, setResendIn] = useState(0);\n const [codeFocused, setCodeFocused] = useState(false);\n const [mode, setMode] = useState<'phone' | 'email'>(\n identifierMode === 'email' ? 'email' : 'phone',\n );\n const [country, setCountry] = useState<Country>(\n () => (defaultCountry && countryByIso2(defaultCountry)) || countryByIso2(DEFAULT_COUNTRY_ISO2)!,\n );\n // The digits typed into the phone field, separate from `otp.identifier`\n // (which holds the composed +<dial><digits> value actually submitted).\n const [nationalNumber, setNationalNumber] = useState('');\n const identifierId = `${uid}-identifier`;\n const codeId = `${uid}-code`;\n const statusId = `${uid}-status`;\n\n const onCountrySelect = (next: Country) => {\n setCountry(next);\n otp.setIdentifier(`+${next.dial}${nationalNumber}`);\n };\n\n const onNationalNumberChange = (raw: string) => {\n let digits = raw.replace(/\\D/g, '').slice(0, MAX_NATIONAL_DIGITS + 3);\n let effectiveCountry = country;\n // Only re-detect off an explicit leading '+' — a real, unambiguous\n // signal that this is a full international number. A plain jump in\n // digit count (paste, or a phone-autofill suggestion) is NOT enough:\n // most 10-digit local numbers coincidentally start with digits that\n // match *some* country's dial code, which would otherwise silently\n // truncate a legitimate local number.\n if (raw.trim().startsWith('+')) {\n const guess = countryByDialPrefix(digits);\n if (guess && digits.startsWith(guess.dial)) {\n effectiveCountry = guess;\n digits = digits.slice(guess.dial.length);\n }\n }\n digits = digits.slice(0, MAX_NATIONAL_DIGITS);\n if (effectiveCountry !== country) setCountry(effectiveCountry);\n setNationalNumber(digits);\n otp.setIdentifier(`+${effectiveCountry.dial}${digits}`);\n };\n\n const switchMode = (next: 'phone' | 'email') => {\n setMode(next);\n setNationalNumber('');\n otp.setIdentifier('');\n };\n\n // One <style> element for the whole page, regardless of how many cards\n // render. Injected on mount so the package stays SSR-safe.\n useEffect(() => {\n if (typeof document === 'undefined') return;\n let el = document.getElementById(SNEEK_STYLE_ID);\n if (!el) {\n el = document.createElement('style');\n el.id = SNEEK_STYLE_ID;\n document.head.appendChild(el);\n }\n el.textContent = buildStyles(accentColor);\n }, [accentColor]);\n\n const onIdentifySubmit = (event: FormEvent<HTMLFormElement>) => {\n event.preventDefault();\n void otp.sendOtp();\n };\n\n const onVerifySubmit = (event: FormEvent<HTMLFormElement>) => {\n event.preventDefault();\n void otp.verify();\n };\n\n // Start the cooldown whenever a code goes out.\n useEffect(() => {\n if (otp.step === 'verify') setResendIn(RESEND_SECONDS);\n }, [otp.step]);\n\n useEffect(() => {\n if (resendIn <= 0) return;\n const timer = setTimeout(() => setResendIn((n) => n - 1), 1000);\n return () => clearTimeout(timer);\n }, [resendIn]);\n\n // Submit as soon as the code looks complete — nobody should have to reach\n // for a button after typing the last digit.\n useEffect(() => {\n if (otp.step === 'verify' && otp.code.length === CODE_LENGTH && !otp.isBusy) {\n void otp.verify();\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [otp.code, otp.step]);\n\n const label: CSSProperties = {\n display: 'flex',\n flexDirection: 'column',\n gap: 8,\n fontSize: 14,\n lineHeight: '20px',\n color: 'var(--sneek-text-muted)',\n };\n\n const input: CSSProperties = {\n padding: '12px 14px',\n border: '1px solid var(--sneek-border)',\n borderRadius: 12,\n background: 'var(--sneek-surface-2)',\n color: 'var(--sneek-text)',\n fontSize: 15,\n width: '100%',\n outline: 'none',\n transition: 'border-color 200ms var(--sneek-ease)',\n };\n\n const button: CSSProperties = {\n padding: '12px 18px',\n border: 'none',\n borderRadius: 9999,\n background: 'var(--sneek-accent)',\n color: 'var(--sneek-accent-contrast)',\n fontSize: 15,\n fontWeight: 500,\n cursor: otp.isBusy ? 'not-allowed' : 'pointer',\n opacity: otp.isBusy ? 0.6 : 1,\n width: '100%',\n transition: 'filter 200ms var(--sneek-ease), opacity 200ms var(--sneek-ease)',\n };\n\n const link: CSSProperties = {\n border: 'none',\n background: 'transparent',\n color: 'var(--sneek-accent)',\n cursor: otp.isBusy ? 'not-allowed' : 'pointer',\n font: 'inherit',\n fontSize: 14,\n padding: 0,\n };\n\n const notice: CSSProperties = {\n padding: '10px 12px',\n borderRadius: 12,\n background: 'var(--sneek-surface-2)',\n border: '1px solid var(--sneek-border)',\n fontSize: 14,\n color: 'var(--sneek-text-muted)',\n };\n\n return (\n <div\n className={className ? `sneek-otp ${className}` : 'sneek-otp'}\n data-theme={theme === 'auto' ? undefined : theme}\n style={{\n maxWidth: 400,\n margin: '0 auto',\n padding: 24,\n border: '1px solid var(--sneek-border)',\n borderRadius: 16,\n background: 'var(--sneek-surface)',\n boxShadow: 'var(--sneek-shadow)',\n color: 'var(--sneek-text)',\n fontFamily:\n 'Inter, ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", sans-serif',\n lineHeight: 1.5,\n ...style,\n }}\n >\n {logo === null ? null : (logo ?? <SneekMarkBox />)}\n <h2\n style={{\n fontSize: 21,\n lineHeight: '28px',\n fontWeight: 500,\n letterSpacing: '-0.01em',\n margin: '16px 0 0',\n }}\n >\n {otp.step === 'verify' ? verifyTitle : title}\n </h2>\n {otp.step === 'verify' ? (\n <p\n style={{\n fontSize: 14,\n lineHeight: '20px',\n color: 'var(--sneek-text-muted)',\n margin: '8px 0 0',\n }}\n >\n Sent to{' '}\n <span style={{ color: 'var(--sneek-text)' }}>{otp.identifier}</span>\n {' · '}\n <button\n type=\"button\"\n className=\"sneek-otp-link\"\n onClick={otp.back}\n disabled={otp.isBusy}\n style={{ ...link, fontSize: 14 }}\n >\n Change\n </button>\n </p>\n ) : subtitle ? (\n <p\n style={{\n fontSize: 14,\n lineHeight: '20px',\n color: 'var(--sneek-text-muted)',\n margin: '8px 0 0',\n }}\n >\n {subtitle}\n </p>\n ) : null}\n\n {/* Errors and channel notices are announced, not just shown. */}\n <div role=\"status\" aria-live=\"polite\" id={statusId} style={{ marginTop: 32 }}>\n {otp.error ? (\n <div\n role=\"alert\"\n style={{\n ...notice,\n color: 'var(--sneek-danger)',\n borderColor: 'var(--sneek-danger)',\n }}\n >\n {otp.error}\n </div>\n ) : null}\n </div>\n\n {otp.step === 'identify' ? (\n <form\n onSubmit={onIdentifySubmit}\n style={{ display: 'flex', flexDirection: 'column', gap: 16, marginTop: 16 }}\n >\n <div style={{ display: 'flex', alignItems: 'baseline', justifyContent: 'space-between' }}>\n <label style={{ ...label, gap: 0 }} htmlFor={identifierId}>\n {identifierLabel ?? (mode === 'phone' ? 'Mobile number' : 'Email address')}\n </label>\n {identifierMode === 'both' ? (\n <button\n type=\"button\"\n className=\"sneek-otp-link\"\n onClick={() => switchMode(mode === 'phone' ? 'email' : 'phone')}\n disabled={otp.isBusy}\n style={{ ...link, fontSize: 13 }}\n >\n {mode === 'phone' ? 'Use email instead' : 'Use phone instead'}\n </button>\n ) : null}\n </div>\n\n {mode === 'phone' ? (\n <div\n className=\"sneek-otp-phone-field\"\n style={{\n display: 'flex',\n alignItems: 'stretch',\n border: '1px solid var(--sneek-border)',\n borderRadius: 12,\n background: 'var(--sneek-surface-2)',\n transition: 'border-color 200ms var(--sneek-ease)',\n }}\n >\n <CountryPicker\n country={country}\n onSelect={onCountrySelect}\n disabled={otp.isBusy}\n />\n <span\n aria-hidden=\"true\"\n style={{\n width: 1,\n margin: '9px 0',\n background: 'var(--sneek-border)',\n }}\n />\n <input\n id={identifierId}\n type=\"tel\"\n inputMode=\"tel\"\n autoComplete=\"tel-national\"\n value={nationalNumber}\n onChange={(e) => onNationalNumberChange(e.target.value)}\n placeholder=\"Mobile number\"\n autoFocus\n required\n aria-describedby={statusId}\n style={{\n ...input,\n flex: 1,\n border: 'none',\n background: 'transparent',\n borderRadius: 0,\n }}\n />\n </div>\n ) : (\n <input\n id={identifierId}\n className=\"sneek-otp-input\"\n type=\"email\"\n value={otp.identifier}\n onChange={(e) => otp.setIdentifier(e.target.value)}\n placeholder={identifierPlaceholder ?? 'you@company.com'}\n autoComplete=\"email\"\n autoFocus\n required\n aria-describedby={statusId}\n style={input}\n />\n )}\n\n <button\n type=\"submit\"\n className=\"sneek-otp-button\"\n disabled={otp.isBusy}\n style={button}\n >\n {otp.isSending ? 'Sending code…' : 'Send code'}\n </button>\n </form>\n ) : (\n <form\n onSubmit={onVerifySubmit}\n style={{ display: 'flex', flexDirection: 'column', gap: 16, marginTop: 16 }}\n >\n <label style={{ ...label, marginBottom: -8 }} htmlFor={codeId}>\n {CODE_LENGTH}-digit code\n </label>\n {/*\n * One real input captures keystrokes — paste, backspace and\n * SMS/email autofill all keep working, which six separate\n * `<input>`s make surprisingly easy to break. It sits over\n * the visible cells, transparent; the cells below just\n * mirror its value.\n */}\n <div style={{ position: 'relative' }}>\n <input\n id={codeId}\n className=\"sneek-otp-code-input\"\n type=\"text\"\n inputMode=\"numeric\"\n pattern=\"[0-9]*\"\n autoComplete=\"one-time-code\"\n maxLength={CODE_LENGTH}\n value={otp.code}\n onChange={(e) =>\n otp.setCode(\n e.target.value.replace(/\\D/g, '').slice(0, CODE_LENGTH),\n )\n }\n onFocus={() => setCodeFocused(true)}\n onBlur={() => setCodeFocused(false)}\n autoFocus\n required\n aria-describedby={statusId}\n style={{\n position: 'absolute',\n inset: 0,\n width: '100%',\n height: '100%',\n opacity: 0,\n caretColor: 'transparent',\n cursor: 'text',\n }}\n />\n <div\n className=\"sneek-otp-code-cells\"\n aria-hidden=\"true\"\n style={{ display: 'flex', gap: 10 }}\n >\n {Array.from({ length: CODE_LENGTH }).map((_, i) => {\n const digit = otp.code[i];\n const isActive = codeFocused && i === otp.code.length;\n return (\n <div\n key={i}\n data-active={isActive}\n style={{\n flex: 1,\n height: 44,\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n fontSize: 22,\n color: 'var(--sneek-text)',\n borderBottom: `2px solid ${\n isActive ? 'var(--sneek-accent)' : 'var(--sneek-border)'\n }`,\n transition: 'border-color 200ms var(--sneek-ease)',\n }}\n >\n {digit ?? (isActive ? (\n <span\n className=\"sneek-otp-caret\"\n style={{\n width: 2,\n height: 22,\n background: 'var(--sneek-accent)',\n }}\n />\n ) : null)}\n </div>\n );\n })}\n </div>\n </div>\n <button\n type=\"submit\"\n className=\"sneek-otp-button\"\n disabled={otp.isBusy || otp.code.length < CODE_LENGTH}\n style={{\n ...button,\n opacity:\n otp.isBusy || otp.code.length < CODE_LENGTH ? 0.6 : 1,\n }}\n >\n {otp.isVerifying ? 'Verifying…' : 'Verify'}\n </button>\n <div style={{ textAlign: 'center' }}>\n {resendIn > 0 ? (\n <span\n style={{\n fontSize: 14,\n color: 'var(--sneek-text-muted)',\n }}\n >\n Resend code in {resendIn}s\n </span>\n ) : (\n <button\n type=\"button\"\n className=\"sneek-otp-link\"\n onClick={() => void otp.resend()}\n disabled={otp.isBusy}\n style={link}\n >\n Resend code\n </button>\n )}\n </div>\n </form>\n )}\n\n {showBranding ? (\n <p\n style={{\n margin: '32px 0 0',\n textAlign: 'center',\n fontSize: 12,\n lineHeight: '16px',\n color: 'var(--sneek-text-muted)',\n }}\n >\n Secured by{' '}\n <a\n href=\"https://sneek.in\"\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n className=\"sneek-otp-brand-link\"\n style={{\n display: 'inline-block',\n padding: '0 5px',\n borderRadius: 6,\n color: 'var(--sneek-accent)',\n fontWeight: 500,\n textDecoration: 'none',\n transition: 'box-shadow 200ms var(--sneek-ease)',\n }}\n >\n Sneek\n </a>\n </p>\n ) : null}\n </div>\n );\n}\n","import {\n useEffect,\n useId,\n useRef,\n useState,\n type CSSProperties,\n} from 'react';\n\nimport { COUNTRIES, flagEmoji, type Country } from './countries';\n\nfunction ChevronDown() {\n return (\n <svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"none\" aria-hidden=\"true\">\n <path\n d=\"M2 3.5 5 6.5 8 3.5\"\n stroke=\"currentColor\"\n strokeWidth=\"1.4\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n </svg>\n );\n}\n\nexport interface CountryPickerProps {\n country: Country;\n onSelect: (country: Country) => void;\n disabled?: boolean;\n}\n\n/**\n * The flag + dial-code chip in front of the phone number field. Opens a\n * searchable list on click; the number field itself keeps auto-detecting\n * from pasted content independently of this — this is the manual path.\n */\nexport function CountryPicker({ country, onSelect, disabled }: CountryPickerProps) {\n const [open, setOpen] = useState(false);\n const [query, setQuery] = useState('');\n const rootRef = useRef<HTMLDivElement>(null);\n const searchRef = useRef<HTMLInputElement>(null);\n const uid = useId();\n\n useEffect(() => {\n if (!open) return;\n searchRef.current?.focus();\n const onDocPointerDown = (event: MouseEvent) => {\n if (rootRef.current && !rootRef.current.contains(event.target as Node)) {\n setOpen(false);\n }\n };\n const onKeyDown = (event: KeyboardEvent) => {\n if (event.key === 'Escape') setOpen(false);\n };\n document.addEventListener('mousedown', onDocPointerDown);\n document.addEventListener('keydown', onKeyDown);\n return () => {\n document.removeEventListener('mousedown', onDocPointerDown);\n document.removeEventListener('keydown', onKeyDown);\n };\n }, [open]);\n\n const q = query.trim().toLowerCase();\n const filtered = q\n ? COUNTRIES.filter(\n (c) => c.name.toLowerCase().includes(q) || c.dial.includes(q.replace(/^\\+/, '')),\n )\n : COUNTRIES;\n\n const listId = `${uid}-country-list`;\n\n return (\n <div ref={rootRef} style={{ position: 'relative', flexShrink: 0 }}>\n <button\n type=\"button\"\n className=\"sneek-otp-country-chip\"\n onClick={() => setOpen((o) => !o)}\n disabled={disabled}\n aria-haspopup=\"listbox\"\n aria-expanded={open}\n style={{\n display: 'flex',\n alignItems: 'center',\n gap: 6,\n height: '100%',\n padding: '0 10px 0 14px',\n border: 'none',\n borderRadius: '12px 0 0 12px',\n background: 'transparent',\n color: 'var(--sneek-text)',\n fontSize: 15,\n cursor: disabled ? 'not-allowed' : 'pointer',\n }}\n >\n <span style={{ fontSize: 18, lineHeight: 1 }}>{flagEmoji(country.iso2)}</span>\n <span style={{ color: 'var(--sneek-text-muted)' }}>+{country.dial}</span>\n <span style={{ color: 'var(--sneek-text-muted)' }}>\n <ChevronDown />\n </span>\n </button>\n\n {open ? (\n <div\n role=\"presentation\"\n style={{\n position: 'absolute',\n top: 'calc(100% + 6px)',\n left: 0,\n zIndex: 10,\n width: 260,\n maxWidth: '80vw',\n border: '1px solid var(--sneek-border)',\n borderRadius: 12,\n background: 'var(--sneek-surface)',\n boxShadow: 'var(--sneek-shadow), 0 8px 24px rgb(0 0 0 / 0.12)',\n overflow: 'hidden',\n }}\n >\n <input\n ref={searchRef}\n value={query}\n onChange={(e) => setQuery(e.target.value)}\n onKeyDown={(e) => {\n if (e.key === 'Enter' && filtered[0]) {\n onSelect(filtered[0]);\n setOpen(false);\n setQuery('');\n }\n }}\n placeholder=\"Search country or code\"\n aria-controls={listId}\n role=\"combobox\"\n aria-expanded={open}\n style={{\n width: '100%',\n padding: '10px 12px',\n border: 'none',\n borderBottom: '1px solid var(--sneek-border)',\n background: 'transparent',\n color: 'var(--sneek-text)',\n fontSize: 14,\n outline: 'none',\n }}\n />\n <div\n id={listId}\n role=\"listbox\"\n style={{ maxHeight: 240, overflowY: 'auto', padding: 6 }}\n >\n {filtered.length === 0 ? (\n <p\n style={{\n padding: '8px 10px',\n fontSize: 13,\n color: 'var(--sneek-text-muted)',\n }}\n >\n No match.\n </p>\n ) : (\n filtered.map((c) => {\n const optionStyle: CSSProperties = {\n display: 'flex',\n width: '100%',\n alignItems: 'center',\n gap: 10,\n padding: '8px 10px',\n border: 'none',\n borderRadius: 8,\n background:\n c.iso2 === country.iso2\n ? 'var(--sneek-surface-2)'\n : 'transparent',\n color: 'var(--sneek-text)',\n fontSize: 14,\n textAlign: 'left',\n cursor: 'pointer',\n };\n return (\n <button\n key={c.iso2}\n type=\"button\"\n role=\"option\"\n aria-selected={c.iso2 === country.iso2}\n onClick={() => {\n onSelect(c);\n setOpen(false);\n setQuery('');\n }}\n style={optionStyle}\n >\n <span style={{ fontSize: 17, lineHeight: 1 }}>\n {flagEmoji(c.iso2)}\n </span>\n <span style={{ flex: 1 }}>{c.name}</span>\n <span style={{ color: 'var(--sneek-text-muted)' }}>\n +{c.dial}\n </span>\n </button>\n );\n })\n )}\n </div>\n </div>\n ) : null}\n </div>\n );\n}\n","/**\n * Country calling codes for the phone-mode chip in the identify step.\n *\n * Flags are computed from the ISO 3166-1 alpha-2 code (two regional-indicator\n * codepoints) rather than hand-typed emoji, so there is no chance of a flag\n * silently drifting from its country. Where a dial code is shared by several\n * territories (+1, +7, +44, +61...), the first entry is the one auto-detect\n * and the default resolve to — the largest or best-known user of that code.\n */\nexport interface Country {\n iso2: string;\n name: string;\n dial: string;\n}\n\nfunction flagFromIso2(iso2: string): string {\n const A = 0x1f1e6;\n const codePoints = [...iso2.toUpperCase()].map((c) => A + (c.charCodeAt(0) - 65));\n return String.fromCodePoint(...codePoints);\n}\n\n/** [iso2, name, dial code without '+'] — ordered so shared-code lookups hit the expected country first. */\nconst RAW: [string, string, string][] = [\n ['US', 'United States', '1'],\n ['CA', 'Canada', '1'],\n ['GB', 'United Kingdom', '44'],\n ['IN', 'India', '91'],\n ['AU', 'Australia', '61'],\n ['DE', 'Germany', '49'],\n ['FR', 'France', '33'],\n ['IT', 'Italy', '39'],\n ['ES', 'Spain', '34'],\n ['PT', 'Portugal', '351'],\n ['NL', 'Netherlands', '31'],\n ['BE', 'Belgium', '32'],\n ['CH', 'Switzerland', '41'],\n ['AT', 'Austria', '43'],\n ['SE', 'Sweden', '46'],\n ['NO', 'Norway', '47'],\n ['DK', 'Denmark', '45'],\n ['FI', 'Finland', '358'],\n ['IE', 'Ireland', '353'],\n ['IS', 'Iceland', '354'],\n ['PL', 'Poland', '48'],\n ['CZ', 'Czechia', '420'],\n ['SK', 'Slovakia', '421'],\n ['HU', 'Hungary', '36'],\n ['RO', 'Romania', '40'],\n ['BG', 'Bulgaria', '359'],\n ['GR', 'Greece', '30'],\n ['TR', 'Turkiye', '90'],\n ['RU', 'Russia', '7'],\n ['UA', 'Ukraine', '380'],\n ['BY', 'Belarus', '375'],\n ['LT', 'Lithuania', '370'],\n ['LV', 'Latvia', '371'],\n ['EE', 'Estonia', '372'],\n ['HR', 'Croatia', '385'],\n ['RS', 'Serbia', '381'],\n ['SI', 'Slovenia', '386'],\n ['CY', 'Cyprus', '357'],\n ['MT', 'Malta', '356'],\n ['LU', 'Luxembourg', '352'],\n ['CN', 'China', '86'],\n ['JP', 'Japan', '81'],\n ['KR', 'South Korea', '82'],\n ['HK', 'Hong Kong', '852'],\n ['TW', 'Taiwan', '886'],\n ['MO', 'Macau', '853'],\n ['SG', 'Singapore', '65'],\n ['MY', 'Malaysia', '60'],\n ['ID', 'Indonesia', '62'],\n ['TH', 'Thailand', '66'],\n ['VN', 'Vietnam', '84'],\n ['PH', 'Philippines', '63'],\n ['PK', 'Pakistan', '92'],\n ['BD', 'Bangladesh', '880'],\n ['LK', 'Sri Lanka', '94'],\n ['NP', 'Nepal', '977'],\n ['MM', 'Myanmar', '95'],\n ['KH', 'Cambodia', '855'],\n ['LA', 'Laos', '856'],\n ['MN', 'Mongolia', '976'],\n ['KZ', 'Kazakhstan', '7'],\n ['UZ', 'Uzbekistan', '998'],\n ['AE', 'United Arab Emirates', '971'],\n ['SA', 'Saudi Arabia', '966'],\n ['QA', 'Qatar', '974'],\n ['KW', 'Kuwait', '965'],\n ['BH', 'Bahrain', '973'],\n ['OM', 'Oman', '968'],\n ['JO', 'Jordan', '962'],\n ['LB', 'Lebanon', '961'],\n ['IL', 'Israel', '972'],\n ['IQ', 'Iraq', '964'],\n ['IR', 'Iran', '98'],\n ['EG', 'Egypt', '20'],\n ['ZA', 'South Africa', '27'],\n ['NG', 'Nigeria', '234'],\n ['KE', 'Kenya', '254'],\n ['GH', 'Ghana', '233'],\n ['ET', 'Ethiopia', '251'],\n ['TZ', 'Tanzania', '255'],\n ['UG', 'Uganda', '256'],\n ['MA', 'Morocco', '212'],\n ['DZ', 'Algeria', '213'],\n ['TN', 'Tunisia', '216'],\n ['BR', 'Brazil', '55'],\n ['MX', 'Mexico', '52'],\n ['AR', 'Argentina', '54'],\n ['CL', 'Chile', '56'],\n ['CO', 'Colombia', '57'],\n ['PE', 'Peru', '51'],\n ['VE', 'Venezuela', '58'],\n ['EC', 'Ecuador', '593'],\n ['UY', 'Uruguay', '598'],\n ['PY', 'Paraguay', '595'],\n ['BO', 'Bolivia', '591'],\n ['CR', 'Costa Rica', '506'],\n ['PA', 'Panama', '507'],\n ['DO', 'Dominican Republic', '1'],\n ['GT', 'Guatemala', '502'],\n ['NZ', 'New Zealand', '64'],\n ['FJ', 'Fiji', '679'],\n];\n\nexport const COUNTRIES: readonly Country[] = RAW.map(([iso2, name, dial]) => ({\n iso2,\n name,\n dial,\n}));\n\nexport const DEFAULT_COUNTRY_ISO2 = 'IN';\n\nexport function flagEmoji(iso2: string): string {\n return flagFromIso2(iso2);\n}\n\nexport function countryByIso2(iso2: string): Country | undefined {\n return COUNTRIES.find((c) => c.iso2 === iso2);\n}\n\n/**\n * Longest-dial-code-first match against a digit string (no '+'). Tries 3, 2,\n * then 1-digit prefixes so e.g. \"44\" resolves to the UK rather than being cut\n * short at a 1-digit code that happens to also exist.\n */\nexport function countryByDialPrefix(digits: string): Country | undefined {\n for (const len of [3, 2, 1]) {\n const prefix = digits.slice(0, len);\n if (prefix.length < len) continue;\n const match = COUNTRIES.find((c) => c.dial === prefix);\n if (match) return match;\n }\n return undefined;\n}\n\n/** Best-effort guess from the browser's locale region, e.g. \"en-GB\" -> GB. */\nexport function detectCountryFromLocale(): Country | undefined {\n if (typeof navigator === 'undefined') return undefined;\n const locales = navigator.languages ?? [navigator.language];\n for (const locale of locales) {\n const match = /-([A-Z]{2})$/.exec(locale ?? '');\n if (match) {\n const found = countryByIso2(match[1]);\n if (found) return found;\n }\n }\n return undefined;\n}\n","/**\n * Theme for the drop-in login card.\n *\n * The package ships zero dependencies and no stylesheet, so the tokens are\n * injected once as CSS custom properties scoped to `.sneek-otp`. That buys two\n * things inline styles cannot: a `prefers-color-scheme` media query, and real\n * `:focus-visible` / `:hover` states.\n *\n * Light and dark are authored independently rather than one being an inversion\n * of the other. In dark, the page-to-card lightness delta carries depth and the\n * card needs no shadow; in light both are near-white, so the card takes a\n * visible border and a real shadow.\n */\nexport const SNEEK_STYLE_ID = 'sneek-otp-styles';\n\n/** Brand orange. The single accent — nothing else on the card is coloured. */\nexport const SNEEK_ACCENT_DARK = '#f86513';\n/** Darkened for light mode so it clears WCAG AA as text and as a button fill. */\nexport const SNEEK_ACCENT_LIGHT = '#b83f06';\n\nexport function buildStyles(accent?: string): string {\n const darkAccent = accent ?? SNEEK_ACCENT_DARK;\n const lightAccent = accent ?? SNEEK_ACCENT_LIGHT;\n\n const light = `\n --sneek-surface: #ffffff;\n --sneek-surface-2: #f4f1ed;\n --sneek-border: #e3ddd5;\n --sneek-text: #1c1917;\n --sneek-text-muted: #57534e;\n --sneek-accent: ${lightAccent};\n --sneek-accent-soft: color-mix(in srgb, ${lightAccent} 12%, transparent);\n --sneek-accent-shadow: color-mix(in srgb, ${lightAccent} 45%, transparent);\n --sneek-accent-contrast: #ffffff;\n --sneek-danger: #b0242a;\n --sneek-shadow: 0 3px 3px -2px rgb(0 0 0 / 0.10), 0 3px 4px rgb(0 0 0 / 0.07),\n 0 1px 8px rgb(0 0 0 / 0.06);`;\n\n const dark = `\n --sneek-surface: #17150f;\n --sneek-surface-2: #201d16;\n --sneek-border: rgba(255, 255, 255, 0.08);\n --sneek-text: #faf8f6;\n --sneek-text-muted: #a8a29b;\n --sneek-accent: ${darkAccent};\n --sneek-accent-soft: color-mix(in srgb, ${darkAccent} 16%, transparent);\n --sneek-accent-shadow: color-mix(in srgb, ${darkAccent} 55%, transparent);\n --sneek-accent-contrast: #1a0d04;\n --sneek-danger: #d43a3c;\n --sneek-shadow: none;`;\n\n return `\n.sneek-otp {${light}\n --sneek-ease: cubic-bezier(0, 0, 0.2, 1);\n}\n@media (prefers-color-scheme: dark) {\n .sneek-otp:not([data-theme=\"light\"]) {${dark}\n }\n}\n.sneek-otp[data-theme=\"dark\"] {${dark}\n}\n.sneek-otp[data-theme=\"light\"] {${light}\n}\n.sneek-otp *, .sneek-otp *::before, .sneek-otp *::after { box-sizing: border-box; }\n.sneek-otp-input:focus-visible,\n.sneek-otp-button:focus-visible,\n.sneek-otp-link:focus-visible,\n.sneek-otp-country-chip:focus-visible,\n.sneek-otp-brand-link:focus-visible {\n outline: 2px solid var(--sneek-accent);\n outline-offset: 2px;\n}\n.sneek-otp-input:focus {\n border-color: var(--sneek-accent);\n}\n.sneek-otp-phone-field:focus-within {\n border-color: var(--sneek-accent);\n}\n.sneek-otp-button:not(:disabled):hover {\n filter: brightness(1.08);\n}\n.sneek-otp-link:not(:disabled):hover {\n text-decoration: underline;\n}\n.sneek-otp-country-chip:not(:disabled):hover {\n filter: brightness(1.08);\n}\n.sneek-otp-brand-link {\n box-shadow: 0 1px 6px var(--sneek-accent-shadow);\n}\n.sneek-otp-brand-link:hover {\n box-shadow: 0 2px 10px var(--sneek-accent-shadow);\n}\n@media (prefers-reduced-motion: reduce) {\n .sneek-otp * { transition-duration: 0.01ms !important; }\n}\n@keyframes sneek-otp-caret {\n 0%, 45% { opacity: 1; }\n 50%, 100% { opacity: 0; }\n}\n.sneek-otp-caret {\n animation: sneek-otp-caret 1s step-end infinite;\n}\n`;\n}\n","import type { RequestOtpResult } from './state';\n\nexport interface FetchHandlerOptions {\n /**\n * Partner backend endpoint that sends an OTP. Receives `{ identifier }`,\n * must return `{ requestId, channels?, expiresInSeconds? }`.\n * @default '/api/auth/request-otp'\n */\n requestUrl?: string;\n /**\n * Partner backend endpoint that verifies an OTP. Receives\n * `{ requestId, code }`, returns whatever your app needs (session, token…).\n * @default '/api/auth/verify-otp'\n */\n verifyUrl?: string;\n /** Extra headers (e.g. CSRF token) to send on both requests. */\n headers?: Record<string, string>;\n /** Forwarded to fetch — set to 'include' if you use cookie sessions. */\n credentials?: RequestCredentials;\n}\n\nasync function postJson<T>(\n url: string,\n body: unknown,\n options: FetchHandlerOptions,\n): Promise<T> {\n const response = await fetch(url, {\n method: 'POST',\n headers: { 'Content-Type': 'application/json', ...(options.headers ?? {}) },\n credentials: options.credentials,\n body: JSON.stringify(body),\n });\n\n if (!response.ok) {\n let message = `Request failed (${response.status})`;\n try {\n const data = (await response.json()) as { message?: string; error?: string };\n message = data.message || data.error || message;\n } catch {\n // non-JSON error body — keep the status-based message\n }\n throw new Error(message);\n }\n\n return (await response.json()) as T;\n}\n\n/**\n * Build {@link SneekOtpHandlers} that POST to your own backend endpoints.\n * Those endpoints call the Sneek API server-side with your secret key.\n */\nexport function createFetchHandlers<TResult = unknown>(\n options: FetchHandlerOptions = {},\n): {\n requestOtp: (identifier: string) => Promise<RequestOtpResult>;\n verifyOtp: (input: { requestId: string; code: string }) => Promise<TResult>;\n} {\n const requestUrl = options.requestUrl ?? '/api/auth/request-otp';\n const verifyUrl = options.verifyUrl ?? '/api/auth/verify-otp';\n\n return {\n requestOtp: (identifier: string) =>\n postJson<RequestOtpResult>(requestUrl, { identifier }, options),\n verifyOtp: (input: { requestId: string; code: string }) =>\n postJson<TResult>(verifyUrl, input, options),\n };\n}\n"],"mappings":"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","names":["useEffect","useId","useState","jsx","jsxs","useId","useState","useEffect"]}
1
+ {"version":3,"sources":["../src/use-sneek-login.ts","../src/state.ts","../src/component.tsx","../src/country-picker.tsx","../src/countries.ts","../src/theme.ts","../src/fetch-handlers.ts"],"sourcesContent":["import { useCallback, useReducer } from 'react';\nimport {\n initialLoginState,\n loginReducer,\n toMessage,\n type SneekLoginState,\n type VerificationRequest,\n} from './state.js';\n\n/**\n * Partner-supplied transport. These call the *partner's own backend*, which in\n * turn talks to the Sneek API with the secret server-side key. The browser\n * never sees a Sneek API key — that is the whole security model of this package.\n */\nexport interface SneekLoginHandlers<TResult = unknown> {\n /**\n * Ask the partner backend to start a verification for `identifier`. The\n * caller never says how to reach the person; Sneek picks the channel and\n * reports it back for display.\n */\n requestVerification: (identifier: string) => Promise<VerificationRequest>;\n /** Complete the verification with the partner backend; resolve with the auth result. */\n verify: (input: { requestId: string; code: string }) => Promise<TResult>;\n /** Called after a successful verification with the partner's result. */\n onSuccess?: (result: TResult) => void;\n /** Called on any error (request or verify). */\n onError?: (error: unknown) => void;\n}\n\nexport interface UseSneekLogin extends SneekLoginState {\n setIdentifier: (value: string) => void;\n setCode: (value: string) => void;\n /** Submit the identify step — triggers `requestVerification`. */\n startVerification: () => Promise<void>;\n /** Submit the verify step — triggers `verify`. */\n submitCode: () => Promise<void>;\n /** Go back to the identify screen (e.g. \"use a different email\"). */\n back: () => void;\n /** Start a fresh verification for the same identifier. */\n resend: () => Promise<void>;\n /** Convenience booleans. */\n isRequesting: boolean;\n isVerifying: boolean;\n isBusy: boolean;\n}\n\nconst DEFAULT_REQUEST_ERROR = 'Could not send the code. Please try again.';\nconst DEFAULT_VERIFY_ERROR = 'That code was not correct. Please try again.';\n\n/**\n * Headless hook implementing the passwordless login flow. Bring your own\n * markup, or use the {@link SneekLogin} component for a styled default.\n */\nexport function useSneekLogin<TResult = unknown>(\n handlers: SneekLoginHandlers<TResult>,\n): UseSneekLogin {\n const [state, dispatch] = useReducer(loginReducer, initialLoginState);\n\n const { requestVerification, verify, onSuccess, onError } = handlers;\n\n const setIdentifier = useCallback((value: string) => {\n dispatch({ type: 'set_identifier', value });\n }, []);\n\n const setCode = useCallback((value: string) => {\n dispatch({ type: 'set_code', value });\n }, []);\n\n const runRequest = useCallback(\n async (identifier: string) => {\n const trimmed = identifier.trim();\n if (!trimmed) {\n dispatch({ type: 'request_error', message: 'Enter your email or mobile number.' });\n return;\n }\n dispatch({ type: 'request_start' });\n try {\n const request = await requestVerification(trimmed);\n dispatch({ type: 'request_success', request });\n } catch (error) {\n dispatch({ type: 'request_error', message: toMessage(error, DEFAULT_REQUEST_ERROR) });\n onError?.(error);\n }\n },\n [requestVerification, onError],\n );\n\n const startVerification = useCallback(\n () => runRequest(state.identifier),\n [runRequest, state.identifier],\n );\n\n const resend = useCallback(() => runRequest(state.identifier), [runRequest, state.identifier]);\n\n const submitCode = useCallback(async () => {\n const code = state.code.trim();\n if (!code) {\n dispatch({ type: 'verify_error', message: 'Enter the code you received.' });\n return;\n }\n dispatch({ type: 'verify_start' });\n try {\n const result = await verify({ requestId: state.requestId, code });\n onSuccess?.(result);\n } catch (error) {\n dispatch({ type: 'verify_error', message: toMessage(error, DEFAULT_VERIFY_ERROR) });\n onError?.(error);\n }\n }, [verify, state.code, state.requestId, onSuccess, onError]);\n\n const back = useCallback(() => {\n dispatch({ type: 'back_to_identify' });\n }, []);\n\n return {\n ...state,\n setIdentifier,\n setCode,\n startVerification,\n submitCode,\n back,\n resend,\n isRequesting: state.status === 'requesting',\n isVerifying: state.status === 'verifying',\n isBusy: state.status !== 'idle',\n };\n}\n","/**\n * Framework-agnostic state machine for the Sneek passwordless login flow.\n *\n * Kept free of React so it can be unit-tested in isolation and reused by other\n * front-end bindings later (Vue/Svelte). The hook in `use-sneek-login.ts` is a\n * thin wrapper around this reducer.\n */\n\n/**\n * How Sneek delivered the challenge. Reported by the server *after* it has\n * chosen; never supplied by the caller. The choice comes from the website's\n * `authChannels` bitmask, which the browser cannot see and must not second-guess.\n */\nexport type SneekChannel = 'sms' | 'whatsapp' | 'email';\n\n/** Which screen of the two-step flow is showing. */\nexport type SneekLoginStep = 'identify' | 'verify';\n\n/** Async lifecycle for the in-flight request. */\nexport type SneekLoginStatus = 'idle' | 'requesting' | 'verifying';\n\nexport interface SneekLoginState {\n step: SneekLoginStep;\n status: SneekLoginStatus;\n /** The email / mobile / username the user typed. */\n identifier: string;\n /** The code the user typed on the verify screen. */\n code: string;\n /** Opaque id returned by the partner backend, replayed on verify. */\n requestId: string;\n /** The single channel Sneek chose, or null while it is not yet known. */\n channel: SneekChannel | null;\n /** Server-redacted identifier, e.g. `+91***29`. Empty when not reported. */\n maskedIdentifier: string;\n /** ISO timestamp the challenge stops being accepted. Empty when not reported. */\n expiresAt: string;\n /** User-facing error message, or null. */\n error: string | null;\n}\n\nexport const initialLoginState: SneekLoginState = {\n step: 'identify',\n status: 'idle',\n identifier: '',\n code: '',\n requestId: '',\n channel: null,\n maskedIdentifier: '',\n expiresAt: '',\n error: null,\n};\n\n/**\n * What the partner backend returns once Sneek has started a verification.\n * Only `requestId` is required: a partner route that does its own bookkeeping\n * may not forward the display fields, and the card degrades to generic copy.\n */\nexport interface VerificationRequest {\n requestId: string;\n channel?: SneekChannel;\n maskedIdentifier?: string;\n expiresAt?: string;\n}\n\nexport type SneekLoginAction =\n | { type: 'set_identifier'; value: string }\n | { type: 'set_code'; value: string }\n | { type: 'request_start' }\n | { type: 'request_success'; request: VerificationRequest }\n | { type: 'request_error'; message: string }\n | { type: 'verify_start' }\n | { type: 'verify_error'; message: string }\n | { type: 'reset' }\n | { type: 'back_to_identify' };\n\nconst isBusy = (status: SneekLoginStatus): boolean => status !== 'idle';\n\nexport function loginReducer(\n state: SneekLoginState,\n action: SneekLoginAction,\n): SneekLoginState {\n switch (action.type) {\n case 'set_identifier':\n return { ...state, identifier: action.value, error: null };\n\n case 'set_code':\n return { ...state, code: action.value, error: null };\n\n case 'request_start':\n // Guard against double submits while a request is already in flight.\n if (isBusy(state.status)) return state;\n return { ...state, status: 'requesting', error: null };\n\n case 'request_success':\n return {\n ...state,\n step: 'verify',\n status: 'idle',\n code: '',\n requestId: action.request.requestId,\n channel: action.request.channel ?? null,\n maskedIdentifier: action.request.maskedIdentifier ?? '',\n expiresAt: action.request.expiresAt ?? '',\n error: null,\n };\n\n case 'request_error':\n return { ...state, status: 'idle', error: action.message };\n\n case 'verify_start':\n if (isBusy(state.status)) return state;\n return { ...state, status: 'verifying', error: null };\n\n case 'verify_error':\n return { ...state, status: 'idle', error: action.message };\n\n case 'back_to_identify':\n return {\n ...state,\n step: 'identify',\n status: 'idle',\n code: '',\n requestId: '',\n channel: null,\n maskedIdentifier: '',\n expiresAt: '',\n error: null,\n };\n\n case 'reset':\n return { ...initialLoginState };\n\n default:\n return state;\n }\n}\n\nconst CHANNEL_LABELS: Record<SneekChannel, string> = {\n sms: 'SMS',\n whatsapp: 'WhatsApp',\n email: 'email',\n};\n\n/** Human label for the one channel Sneek chose, e.g. `whatsapp` -> \"WhatsApp\". */\nexport function channelLabel(channel: SneekChannel): string {\n return CHANNEL_LABELS[channel] ?? channel;\n}\n\n/** Normalize any thrown value into a user-facing message. */\nexport function toMessage(error: unknown, fallback: string): string {\n if (error instanceof Error && error.message) return error.message;\n if (typeof error === 'string' && error) return error;\n return fallback;\n}\n","import {\n useEffect,\n useId,\n useState,\n type CSSProperties,\n type FormEvent,\n type ReactNode,\n} from 'react';\n\nimport { CountryPicker } from './country-picker.js';\nimport {\n countryByDialPrefix,\n countryByIso2,\n DEFAULT_COUNTRY_ISO2,\n type Country,\n} from './countries.js';\nimport { channelLabel } from './state.js';\nimport { buildStyles, SNEEK_STYLE_ID } from './theme.js';\nimport { useSneekLogin, type SneekLoginHandlers } from './use-sneek-login.js';\n\nexport type SneekTheme = 'auto' | 'light' | 'dark';\nexport type SneekIdentifierMode = 'phone' | 'email' | 'both';\n\n/** Digits in a Sneek code. */\nconst CODE_LENGTH = 6;\n/** Seconds before \"Send again\" becomes tappable again. */\nconst RESEND_SECONDS = 30;\n/** E.164 allows 15 digits total; this is the remainder after a 3-digit dial code. */\nconst MAX_NATIONAL_DIGITS = 12;\n\nexport interface SneekLoginProps<TResult = unknown>\n extends SneekLoginHandlers<TResult> {\n /** Heading above the form. @default 'Sign in' */\n title?: string;\n /** Heading once the code has been sent. @default 'Enter the code' */\n verifyTitle?: string;\n /** Sub-heading. Pass `null` to remove it. */\n subtitle?: ReactNode;\n /**\n * Which identifiers a visitor can sign in with. `'both'` starts on phone\n * with a country chip and offers a link to switch to email.\n * @default 'both'\n */\n identifierMode?: SneekIdentifierMode;\n /**\n * ISO 3166-1 alpha-2 country to preselect for the phone chip.\n * @default 'IN' (India)\n */\n defaultCountry?: string;\n /** Overrides the auto label (\"Mobile number\" / \"Email address\"). */\n identifierLabel?: string;\n /** Overrides the auto placeholder. Only used in email mode. */\n identifierPlaceholder?: string;\n /**\n * Colour scheme. `auto` follows the visitor's system setting.\n * @default 'auto'\n */\n theme?: SneekTheme;\n /**\n * Override the single accent colour. Leave unset to use Sneek orange,\n * which is tuned per mode for contrast.\n */\n accentColor?: string;\n /**\n * Replaces the Sneek mark above the title (which sits in a rounded,\n * bordered box by default). Pass `null` to remove it entirely.\n */\n logo?: ReactNode;\n /** Show the \"Secured by Sneek\" line under the form. @default true */\n showBranding?: boolean;\n /** Style overrides for the outer card. */\n style?: CSSProperties;\n /** Extra class on the outer card. */\n className?: string;\n}\n\n/**\n * Sneek mark: two triangles offset on a diagonal — one pointing up on the\n * right, one pointing down on the left. Traced from the brand asset so the\n * package needs no image file and no CDN.\n */\nfunction SneekMark() {\n return (\n <svg\n width=\"20\"\n height=\"20\"\n viewBox=\"0 0 32 32\"\n fill=\"none\"\n role=\"img\"\n aria-label=\"Sneek\"\n >\n <path d=\"M21.3 1 29.3 16H13.3L21.3 1Z\" fill=\"var(--sneek-accent)\" />\n <path d=\"M2.7 17.5H18.7L10.7 31 2.7 17.5Z\" fill=\"var(--sneek-accent)\" />\n </svg>\n );\n}\n\n/**\n * The default mark sits in a rounded, bordered box — matching how the mark\n * is framed everywhere else in the product (app icon, dashboard nav) — rather\n * than floating bare on the card.\n */\nfunction SneekMarkBox() {\n return (\n <div\n style={{\n display: 'grid',\n placeItems: 'center',\n width: 44,\n height: 44,\n borderRadius: 16,\n border: '1px solid var(--sneek-border)',\n background: 'var(--sneek-surface)',\n }}\n >\n <SneekMark />\n </div>\n );\n}\n\n/**\n * Drop-in passwordless login card.\n *\n * The component never receives a Sneek API key — it calls the handlers you\n * supply, which talk to your own backend. See `createFetchHandlers` for the\n * common case.\n *\n * @example\n * ```tsx\n * <SneekLogin\n * {...createFetchHandlers()}\n * onSuccess={(session) => router.push('/app')}\n * />\n * ```\n */\nexport function SneekLogin<TResult = unknown>(\n props: SneekLoginProps<TResult>,\n): ReactNode {\n const {\n title = 'Sign in',\n verifyTitle = 'Enter the code',\n subtitle = 'Enter your email or phone to continue.',\n identifierMode = 'both',\n defaultCountry,\n identifierLabel,\n identifierPlaceholder,\n theme = 'auto',\n accentColor,\n logo,\n showBranding = true,\n style,\n className,\n ...handlers\n } = props;\n\n const login = useSneekLogin<TResult>(handlers);\n const uid = useId();\n // Countdown before resend re-enables. Instant resend is both poor feedback\n // and an easy way to burn someone's SMS quota.\n const [resendIn, setResendIn] = useState(0);\n const [codeFocused, setCodeFocused] = useState(false);\n const [mode, setMode] = useState<'phone' | 'email'>(\n identifierMode === 'email' ? 'email' : 'phone',\n );\n const [country, setCountry] = useState<Country>(\n () => (defaultCountry && countryByIso2(defaultCountry)) || countryByIso2(DEFAULT_COUNTRY_ISO2)!,\n );\n // The digits typed into the phone field, separate from `login.identifier`\n // (which holds the composed +<dial><digits> value actually submitted).\n const [nationalNumber, setNationalNumber] = useState('');\n const identifierId = `${uid}-identifier`;\n const codeId = `${uid}-code`;\n const statusId = `${uid}-status`;\n\n const onCountrySelect = (next: Country) => {\n setCountry(next);\n login.setIdentifier(`+${next.dial}${nationalNumber}`);\n };\n\n const onNationalNumberChange = (raw: string) => {\n let digits = raw.replace(/\\D/g, '').slice(0, MAX_NATIONAL_DIGITS + 3);\n let effectiveCountry = country;\n // Only re-detect off an explicit leading '+' — a real, unambiguous\n // signal that this is a full international number. A plain jump in\n // digit count (paste, or a phone-autofill suggestion) is NOT enough:\n // most 10-digit local numbers coincidentally start with digits that\n // match *some* country's dial code, which would otherwise silently\n // truncate a legitimate local number.\n if (raw.trim().startsWith('+')) {\n const guess = countryByDialPrefix(digits);\n if (guess && digits.startsWith(guess.dial)) {\n effectiveCountry = guess;\n digits = digits.slice(guess.dial.length);\n }\n }\n digits = digits.slice(0, MAX_NATIONAL_DIGITS);\n if (effectiveCountry !== country) setCountry(effectiveCountry);\n setNationalNumber(digits);\n login.setIdentifier(`+${effectiveCountry.dial}${digits}`);\n };\n\n const switchMode = (next: 'phone' | 'email') => {\n setMode(next);\n setNationalNumber('');\n login.setIdentifier('');\n };\n\n // One <style> element for the whole page, regardless of how many cards\n // render. Injected on mount so the package stays SSR-safe.\n useEffect(() => {\n if (typeof document === 'undefined') return;\n let el = document.getElementById(SNEEK_STYLE_ID);\n if (!el) {\n el = document.createElement('style');\n el.id = SNEEK_STYLE_ID;\n document.head.appendChild(el);\n }\n el.textContent = buildStyles(accentColor);\n }, [accentColor]);\n\n const onIdentifySubmit = (event: FormEvent<HTMLFormElement>) => {\n event.preventDefault();\n void login.startVerification();\n };\n\n const onVerifySubmit = (event: FormEvent<HTMLFormElement>) => {\n event.preventDefault();\n void login.submitCode();\n };\n\n // Start the cooldown whenever a challenge goes out.\n useEffect(() => {\n if (login.step === 'verify') setResendIn(RESEND_SECONDS);\n }, [login.step]);\n\n useEffect(() => {\n if (resendIn <= 0) return;\n const timer = setTimeout(() => setResendIn((n) => n - 1), 1000);\n return () => clearTimeout(timer);\n }, [resendIn]);\n\n // Submit as soon as the code looks complete — nobody should have to reach\n // for a button after typing the last digit.\n useEffect(() => {\n if (login.step === 'verify' && login.code.length === CODE_LENGTH && !login.isBusy) {\n void login.submitCode();\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [login.code, login.step]);\n\n // Sneek picks the channel per website at request time, so the card can only\n // name it after the server has answered — and falls back to copy that\n // claims nothing when a partner backend does not forward the detail.\n const destination = login.maskedIdentifier || login.identifier;\n const deliveryNotice = login.channel\n ? `Sent via ${channelLabel(login.channel)} to ${destination}`\n : `Sent to ${destination}`;\n\n const label: CSSProperties = {\n display: 'flex',\n flexDirection: 'column',\n gap: 8,\n fontSize: 14,\n lineHeight: '20px',\n color: 'var(--sneek-text-muted)',\n };\n\n const input: CSSProperties = {\n padding: '12px 14px',\n border: '1px solid var(--sneek-border)',\n borderRadius: 12,\n background: 'var(--sneek-surface-2)',\n color: 'var(--sneek-text)',\n fontSize: 15,\n width: '100%',\n outline: 'none',\n transition: 'border-color 200ms var(--sneek-ease)',\n };\n\n const button: CSSProperties = {\n padding: '12px 18px',\n border: 'none',\n borderRadius: 9999,\n background: 'var(--sneek-accent)',\n color: 'var(--sneek-accent-contrast)',\n fontSize: 15,\n fontWeight: 500,\n cursor: login.isBusy ? 'not-allowed' : 'pointer',\n opacity: login.isBusy ? 0.6 : 1,\n width: '100%',\n transition: 'filter 200ms var(--sneek-ease), opacity 200ms var(--sneek-ease)',\n };\n\n const link: CSSProperties = {\n border: 'none',\n background: 'transparent',\n color: 'var(--sneek-accent)',\n cursor: login.isBusy ? 'not-allowed' : 'pointer',\n font: 'inherit',\n fontSize: 14,\n padding: 0,\n };\n\n const notice: CSSProperties = {\n padding: '10px 12px',\n borderRadius: 12,\n background: 'var(--sneek-surface-2)',\n border: '1px solid var(--sneek-border)',\n fontSize: 14,\n color: 'var(--sneek-text-muted)',\n };\n\n return (\n <div\n className={className ? `sneek-login ${className}` : 'sneek-login'}\n data-theme={theme === 'auto' ? undefined : theme}\n style={{\n maxWidth: 400,\n margin: '0 auto',\n padding: 24,\n border: '1px solid var(--sneek-border)',\n borderRadius: 16,\n background: 'var(--sneek-surface)',\n boxShadow: 'var(--sneek-shadow)',\n color: 'var(--sneek-text)',\n fontFamily:\n 'Inter, ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", sans-serif',\n lineHeight: 1.5,\n ...style,\n }}\n >\n {logo === null ? null : (logo ?? <SneekMarkBox />)}\n <h2\n style={{\n fontSize: 21,\n lineHeight: '28px',\n fontWeight: 500,\n letterSpacing: '-0.01em',\n margin: '16px 0 0',\n }}\n >\n {login.step === 'verify' ? verifyTitle : title}\n </h2>\n {login.step === 'identify' && subtitle ? (\n <p\n style={{\n fontSize: 14,\n lineHeight: '20px',\n color: 'var(--sneek-text-muted)',\n margin: '8px 0 0',\n }}\n >\n {subtitle}\n </p>\n ) : null}\n\n {/*\n * One live region for both outcomes of a submit: the error, or the\n * sentence naming the channel Sneek actually chose. Screen-reader\n * users hear the destination change without having to go hunting\n * for it after the step swaps.\n */}\n <div role=\"status\" aria-live=\"polite\" id={statusId} style={{ marginTop: 32 }}>\n {login.error ? (\n <div\n role=\"alert\"\n style={{\n ...notice,\n color: 'var(--sneek-danger)',\n borderColor: 'var(--sneek-danger)',\n }}\n >\n {login.error}\n </div>\n ) : login.step === 'verify' ? (\n <div style={notice}>{deliveryNotice}</div>\n ) : null}\n </div>\n\n {login.step === 'identify' ? (\n <form\n onSubmit={onIdentifySubmit}\n style={{ display: 'flex', flexDirection: 'column', gap: 16, marginTop: 16 }}\n >\n <div style={{ display: 'flex', alignItems: 'baseline', justifyContent: 'space-between' }}>\n <label style={{ ...label, gap: 0 }} htmlFor={identifierId}>\n {identifierLabel ?? (mode === 'phone' ? 'Mobile number' : 'Email address')}\n </label>\n {identifierMode === 'both' ? (\n <button\n type=\"button\"\n className=\"sneek-login-link\"\n onClick={() => switchMode(mode === 'phone' ? 'email' : 'phone')}\n disabled={login.isBusy}\n style={{ ...link, fontSize: 13 }}\n >\n {mode === 'phone' ? 'Use email instead' : 'Use phone instead'}\n </button>\n ) : null}\n </div>\n\n {mode === 'phone' ? (\n <div\n className=\"sneek-login-phone-field\"\n style={{\n display: 'flex',\n alignItems: 'stretch',\n border: '1px solid var(--sneek-border)',\n borderRadius: 12,\n background: 'var(--sneek-surface-2)',\n transition: 'border-color 200ms var(--sneek-ease)',\n }}\n >\n <CountryPicker\n country={country}\n onSelect={onCountrySelect}\n disabled={login.isBusy}\n />\n <span\n aria-hidden=\"true\"\n style={{\n width: 1,\n margin: '9px 0',\n background: 'var(--sneek-border)',\n }}\n />\n <input\n id={identifierId}\n type=\"tel\"\n inputMode=\"tel\"\n autoComplete=\"tel-national\"\n value={nationalNumber}\n onChange={(e) => onNationalNumberChange(e.target.value)}\n placeholder=\"Mobile number\"\n autoFocus\n required\n aria-describedby={statusId}\n style={{\n ...input,\n flex: 1,\n border: 'none',\n background: 'transparent',\n borderRadius: 0,\n }}\n />\n </div>\n ) : (\n <input\n id={identifierId}\n className=\"sneek-login-input\"\n type=\"email\"\n value={login.identifier}\n onChange={(e) => login.setIdentifier(e.target.value)}\n placeholder={identifierPlaceholder ?? 'you@company.com'}\n autoComplete=\"email\"\n autoFocus\n required\n aria-describedby={statusId}\n style={input}\n />\n )}\n\n {/*\n * \"Continue\", not \"Send code\": at this point the card has\n * no idea whether Sneek will text, email or push — that is\n * decided server-side, per website, once the identifier is\n * submitted.\n */}\n <button\n type=\"submit\"\n className=\"sneek-login-button\"\n disabled={login.isBusy}\n style={button}\n >\n {login.isRequesting ? 'Working…' : 'Continue'}\n </button>\n </form>\n ) : (\n <form\n onSubmit={onVerifySubmit}\n style={{ display: 'flex', flexDirection: 'column', gap: 16, marginTop: 16 }}\n >\n <label style={{ ...label, marginBottom: -8 }} htmlFor={codeId}>\n {CODE_LENGTH}-digit code\n </label>\n {/*\n * One real input captures keystrokes — paste, backspace and\n * SMS/email autofill all keep working, which six separate\n * `<input>`s make surprisingly easy to break. It sits over\n * the visible cells, transparent; the cells below just\n * mirror its value.\n */}\n <div style={{ position: 'relative' }}>\n <input\n id={codeId}\n className=\"sneek-login-code-input\"\n type=\"text\"\n inputMode=\"numeric\"\n pattern=\"[0-9]*\"\n autoComplete=\"one-time-code\"\n maxLength={CODE_LENGTH}\n value={login.code}\n onChange={(e) =>\n login.setCode(\n e.target.value.replace(/\\D/g, '').slice(0, CODE_LENGTH),\n )\n }\n onFocus={() => setCodeFocused(true)}\n onBlur={() => setCodeFocused(false)}\n autoFocus\n required\n aria-describedby={statusId}\n style={{\n position: 'absolute',\n inset: 0,\n width: '100%',\n height: '100%',\n opacity: 0,\n caretColor: 'transparent',\n cursor: 'text',\n }}\n />\n <div\n className=\"sneek-login-code-cells\"\n aria-hidden=\"true\"\n style={{ display: 'flex', gap: 10 }}\n >\n {Array.from({ length: CODE_LENGTH }).map((_, i) => {\n const digit = login.code[i];\n const isActive = codeFocused && i === login.code.length;\n return (\n <div\n key={i}\n data-active={isActive}\n style={{\n flex: 1,\n height: 44,\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n fontSize: 22,\n color: 'var(--sneek-text)',\n borderBottom: `2px solid ${\n isActive ? 'var(--sneek-accent)' : 'var(--sneek-border)'\n }`,\n transition: 'border-color 200ms var(--sneek-ease)',\n }}\n >\n {digit ?? (isActive ? (\n <span\n className=\"sneek-login-caret\"\n style={{\n width: 2,\n height: 22,\n background: 'var(--sneek-accent)',\n }}\n />\n ) : null)}\n </div>\n );\n })}\n </div>\n </div>\n <button\n type=\"submit\"\n className=\"sneek-login-button\"\n disabled={login.isBusy || login.code.length < CODE_LENGTH}\n style={{\n ...button,\n opacity:\n login.isBusy || login.code.length < CODE_LENGTH ? 0.6 : 1,\n }}\n >\n {login.isVerifying ? 'Verifying…' : 'Verify'}\n </button>\n <div\n style={{\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n gap: 10,\n fontSize: 14,\n color: 'var(--sneek-text-muted)',\n }}\n >\n {resendIn > 0 ? (\n <span>Send again in {resendIn}s</span>\n ) : (\n <button\n type=\"button\"\n className=\"sneek-login-link\"\n onClick={() => void login.resend()}\n disabled={login.isBusy}\n style={link}\n >\n Send again\n </button>\n )}\n <span aria-hidden=\"true\">·</span>\n <button\n type=\"button\"\n className=\"sneek-login-link\"\n onClick={login.back}\n disabled={login.isBusy}\n style={link}\n >\n Use a different email or phone\n </button>\n </div>\n </form>\n )}\n\n {showBranding ? (\n <p\n style={{\n margin: '32px 0 0',\n textAlign: 'center',\n fontSize: 12,\n lineHeight: '16px',\n color: 'var(--sneek-text-muted)',\n }}\n >\n Secured by{' '}\n <a\n href=\"https://sneek.in\"\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n className=\"sneek-login-brand-link\"\n style={{\n display: 'inline-block',\n padding: '0 5px',\n borderRadius: 6,\n color: 'var(--sneek-accent)',\n fontWeight: 500,\n textDecoration: 'none',\n transition: 'box-shadow 200ms var(--sneek-ease)',\n }}\n >\n Sneek\n </a>\n </p>\n ) : null}\n </div>\n );\n}\n","import {\n useEffect,\n useId,\n useRef,\n useState,\n type CSSProperties,\n} from 'react';\n\nimport { COUNTRIES, flagEmoji, type Country } from './countries.js';\n\nfunction ChevronDown() {\n return (\n <svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"none\" aria-hidden=\"true\">\n <path\n d=\"M2 3.5 5 6.5 8 3.5\"\n stroke=\"currentColor\"\n strokeWidth=\"1.4\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n </svg>\n );\n}\n\nexport interface CountryPickerProps {\n country: Country;\n onSelect: (country: Country) => void;\n disabled?: boolean;\n}\n\n/**\n * The flag + dial-code chip in front of the phone number field. Opens a\n * searchable list on click; the number field itself keeps auto-detecting\n * from pasted content independently of this — this is the manual path.\n */\nexport function CountryPicker({ country, onSelect, disabled }: CountryPickerProps) {\n const [open, setOpen] = useState(false);\n const [query, setQuery] = useState('');\n const rootRef = useRef<HTMLDivElement>(null);\n const searchRef = useRef<HTMLInputElement>(null);\n const uid = useId();\n\n useEffect(() => {\n if (!open) return;\n searchRef.current?.focus();\n const onDocPointerDown = (event: MouseEvent) => {\n if (rootRef.current && !rootRef.current.contains(event.target as Node)) {\n setOpen(false);\n }\n };\n const onKeyDown = (event: KeyboardEvent) => {\n if (event.key === 'Escape') setOpen(false);\n };\n document.addEventListener('mousedown', onDocPointerDown);\n document.addEventListener('keydown', onKeyDown);\n return () => {\n document.removeEventListener('mousedown', onDocPointerDown);\n document.removeEventListener('keydown', onKeyDown);\n };\n }, [open]);\n\n const q = query.trim().toLowerCase();\n const filtered = q\n ? COUNTRIES.filter(\n (c) => c.name.toLowerCase().includes(q) || c.dial.includes(q.replace(/^\\+/, '')),\n )\n : COUNTRIES;\n\n const listId = `${uid}-country-list`;\n\n return (\n <div ref={rootRef} style={{ position: 'relative', flexShrink: 0 }}>\n <button\n type=\"button\"\n className=\"sneek-login-country-chip\"\n onClick={() => setOpen((o) => !o)}\n disabled={disabled}\n aria-haspopup=\"listbox\"\n aria-expanded={open}\n style={{\n display: 'flex',\n alignItems: 'center',\n gap: 6,\n height: '100%',\n padding: '0 10px 0 14px',\n border: 'none',\n borderRadius: '12px 0 0 12px',\n background: 'transparent',\n color: 'var(--sneek-text)',\n fontSize: 15,\n cursor: disabled ? 'not-allowed' : 'pointer',\n }}\n >\n <span style={{ fontSize: 18, lineHeight: 1 }}>{flagEmoji(country.iso2)}</span>\n <span style={{ color: 'var(--sneek-text-muted)' }}>+{country.dial}</span>\n <span style={{ color: 'var(--sneek-text-muted)' }}>\n <ChevronDown />\n </span>\n </button>\n\n {open ? (\n <div\n role=\"presentation\"\n style={{\n position: 'absolute',\n top: 'calc(100% + 6px)',\n left: 0,\n zIndex: 10,\n width: 260,\n maxWidth: '80vw',\n border: '1px solid var(--sneek-border)',\n borderRadius: 12,\n background: 'var(--sneek-surface)',\n boxShadow: 'var(--sneek-shadow), 0 8px 24px rgb(0 0 0 / 0.12)',\n overflow: 'hidden',\n }}\n >\n <input\n ref={searchRef}\n value={query}\n onChange={(e) => setQuery(e.target.value)}\n onKeyDown={(e) => {\n if (e.key === 'Enter' && filtered[0]) {\n onSelect(filtered[0]);\n setOpen(false);\n setQuery('');\n }\n }}\n placeholder=\"Search country or code\"\n aria-controls={listId}\n role=\"combobox\"\n aria-expanded={open}\n style={{\n width: '100%',\n padding: '10px 12px',\n border: 'none',\n borderBottom: '1px solid var(--sneek-border)',\n background: 'transparent',\n color: 'var(--sneek-text)',\n fontSize: 14,\n outline: 'none',\n }}\n />\n <div\n id={listId}\n role=\"listbox\"\n style={{ maxHeight: 240, overflowY: 'auto', padding: 6 }}\n >\n {filtered.length === 0 ? (\n <p\n style={{\n padding: '8px 10px',\n fontSize: 13,\n color: 'var(--sneek-text-muted)',\n }}\n >\n No match.\n </p>\n ) : (\n filtered.map((c) => {\n const optionStyle: CSSProperties = {\n display: 'flex',\n width: '100%',\n alignItems: 'center',\n gap: 10,\n padding: '8px 10px',\n border: 'none',\n borderRadius: 8,\n background:\n c.iso2 === country.iso2\n ? 'var(--sneek-surface-2)'\n : 'transparent',\n color: 'var(--sneek-text)',\n fontSize: 14,\n textAlign: 'left',\n cursor: 'pointer',\n };\n return (\n <button\n key={c.iso2}\n type=\"button\"\n role=\"option\"\n aria-selected={c.iso2 === country.iso2}\n onClick={() => {\n onSelect(c);\n setOpen(false);\n setQuery('');\n }}\n style={optionStyle}\n >\n <span style={{ fontSize: 17, lineHeight: 1 }}>\n {flagEmoji(c.iso2)}\n </span>\n <span style={{ flex: 1 }}>{c.name}</span>\n <span style={{ color: 'var(--sneek-text-muted)' }}>\n +{c.dial}\n </span>\n </button>\n );\n })\n )}\n </div>\n </div>\n ) : null}\n </div>\n );\n}\n","/**\n * Country calling codes for the phone-mode chip in the identify step.\n *\n * Flags are computed from the ISO 3166-1 alpha-2 code (two regional-indicator\n * codepoints) rather than hand-typed emoji, so there is no chance of a flag\n * silently drifting from its country. Where a dial code is shared by several\n * territories (+1, +7, +44, +61...), the first entry is the one auto-detect\n * and the default resolve to — the largest or best-known user of that code.\n */\nexport interface Country {\n iso2: string;\n name: string;\n dial: string;\n}\n\nfunction flagFromIso2(iso2: string): string {\n const A = 0x1f1e6;\n const codePoints = [...iso2.toUpperCase()].map((c) => A + (c.charCodeAt(0) - 65));\n return String.fromCodePoint(...codePoints);\n}\n\n/** [iso2, name, dial code without '+'] — ordered so shared-code lookups hit the expected country first. */\nconst RAW: [string, string, string][] = [\n ['US', 'United States', '1'],\n ['CA', 'Canada', '1'],\n ['GB', 'United Kingdom', '44'],\n ['IN', 'India', '91'],\n ['AU', 'Australia', '61'],\n ['DE', 'Germany', '49'],\n ['FR', 'France', '33'],\n ['IT', 'Italy', '39'],\n ['ES', 'Spain', '34'],\n ['PT', 'Portugal', '351'],\n ['NL', 'Netherlands', '31'],\n ['BE', 'Belgium', '32'],\n ['CH', 'Switzerland', '41'],\n ['AT', 'Austria', '43'],\n ['SE', 'Sweden', '46'],\n ['NO', 'Norway', '47'],\n ['DK', 'Denmark', '45'],\n ['FI', 'Finland', '358'],\n ['IE', 'Ireland', '353'],\n ['IS', 'Iceland', '354'],\n ['PL', 'Poland', '48'],\n ['CZ', 'Czechia', '420'],\n ['SK', 'Slovakia', '421'],\n ['HU', 'Hungary', '36'],\n ['RO', 'Romania', '40'],\n ['BG', 'Bulgaria', '359'],\n ['GR', 'Greece', '30'],\n ['TR', 'Turkiye', '90'],\n ['RU', 'Russia', '7'],\n ['UA', 'Ukraine', '380'],\n ['BY', 'Belarus', '375'],\n ['LT', 'Lithuania', '370'],\n ['LV', 'Latvia', '371'],\n ['EE', 'Estonia', '372'],\n ['HR', 'Croatia', '385'],\n ['RS', 'Serbia', '381'],\n ['SI', 'Slovenia', '386'],\n ['CY', 'Cyprus', '357'],\n ['MT', 'Malta', '356'],\n ['LU', 'Luxembourg', '352'],\n ['CN', 'China', '86'],\n ['JP', 'Japan', '81'],\n ['KR', 'South Korea', '82'],\n ['HK', 'Hong Kong', '852'],\n ['TW', 'Taiwan', '886'],\n ['MO', 'Macau', '853'],\n ['SG', 'Singapore', '65'],\n ['MY', 'Malaysia', '60'],\n ['ID', 'Indonesia', '62'],\n ['TH', 'Thailand', '66'],\n ['VN', 'Vietnam', '84'],\n ['PH', 'Philippines', '63'],\n ['PK', 'Pakistan', '92'],\n ['BD', 'Bangladesh', '880'],\n ['LK', 'Sri Lanka', '94'],\n ['NP', 'Nepal', '977'],\n ['MM', 'Myanmar', '95'],\n ['KH', 'Cambodia', '855'],\n ['LA', 'Laos', '856'],\n ['MN', 'Mongolia', '976'],\n ['KZ', 'Kazakhstan', '7'],\n ['UZ', 'Uzbekistan', '998'],\n ['AE', 'United Arab Emirates', '971'],\n ['SA', 'Saudi Arabia', '966'],\n ['QA', 'Qatar', '974'],\n ['KW', 'Kuwait', '965'],\n ['BH', 'Bahrain', '973'],\n ['OM', 'Oman', '968'],\n ['JO', 'Jordan', '962'],\n ['LB', 'Lebanon', '961'],\n ['IL', 'Israel', '972'],\n ['IQ', 'Iraq', '964'],\n ['IR', 'Iran', '98'],\n ['EG', 'Egypt', '20'],\n ['ZA', 'South Africa', '27'],\n ['NG', 'Nigeria', '234'],\n ['KE', 'Kenya', '254'],\n ['GH', 'Ghana', '233'],\n ['ET', 'Ethiopia', '251'],\n ['TZ', 'Tanzania', '255'],\n ['UG', 'Uganda', '256'],\n ['MA', 'Morocco', '212'],\n ['DZ', 'Algeria', '213'],\n ['TN', 'Tunisia', '216'],\n ['BR', 'Brazil', '55'],\n ['MX', 'Mexico', '52'],\n ['AR', 'Argentina', '54'],\n ['CL', 'Chile', '56'],\n ['CO', 'Colombia', '57'],\n ['PE', 'Peru', '51'],\n ['VE', 'Venezuela', '58'],\n ['EC', 'Ecuador', '593'],\n ['UY', 'Uruguay', '598'],\n ['PY', 'Paraguay', '595'],\n ['BO', 'Bolivia', '591'],\n ['CR', 'Costa Rica', '506'],\n ['PA', 'Panama', '507'],\n ['DO', 'Dominican Republic', '1'],\n ['GT', 'Guatemala', '502'],\n ['NZ', 'New Zealand', '64'],\n ['FJ', 'Fiji', '679'],\n];\n\nexport const COUNTRIES: readonly Country[] = RAW.map(([iso2, name, dial]) => ({\n iso2,\n name,\n dial,\n}));\n\nexport const DEFAULT_COUNTRY_ISO2 = 'IN';\n\nexport function flagEmoji(iso2: string): string {\n return flagFromIso2(iso2);\n}\n\nexport function countryByIso2(iso2: string): Country | undefined {\n return COUNTRIES.find((c) => c.iso2 === iso2);\n}\n\n/**\n * Longest-dial-code-first match against a digit string (no '+'). Tries 3, 2,\n * then 1-digit prefixes so e.g. \"44\" resolves to the UK rather than being cut\n * short at a 1-digit code that happens to also exist.\n */\nexport function countryByDialPrefix(digits: string): Country | undefined {\n for (const len of [3, 2, 1]) {\n const prefix = digits.slice(0, len);\n if (prefix.length < len) continue;\n const match = COUNTRIES.find((c) => c.dial === prefix);\n if (match) return match;\n }\n return undefined;\n}\n\n/** Best-effort guess from the browser's locale region, e.g. \"en-GB\" -> GB. */\nexport function detectCountryFromLocale(): Country | undefined {\n if (typeof navigator === 'undefined') return undefined;\n const locales = navigator.languages ?? [navigator.language];\n for (const locale of locales) {\n const match = /-([A-Z]{2})$/.exec(locale ?? '');\n if (match) {\n const found = countryByIso2(match[1]);\n if (found) return found;\n }\n }\n return undefined;\n}\n","/**\n * Theme for the drop-in login card.\n *\n * The package ships zero dependencies and no stylesheet, so the tokens are\n * injected once as CSS custom properties scoped to `.sneek-login`. That buys two\n * things inline styles cannot: a `prefers-color-scheme` media query, and real\n * `:focus-visible` / `:hover` states.\n *\n * Light and dark are authored independently rather than one being an inversion\n * of the other. In dark, the page-to-card lightness delta carries depth and the\n * card needs no shadow; in light both are near-white, so the card takes a\n * visible border and a real shadow.\n */\nexport const SNEEK_STYLE_ID = 'sneek-login-styles';\n\n/** Brand orange. The single accent — nothing else on the card is coloured. */\nexport const SNEEK_ACCENT_DARK = '#f86513';\n/** Darkened for light mode so it clears WCAG AA as text and as a button fill. */\nexport const SNEEK_ACCENT_LIGHT = '#b83f06';\n\nexport function buildStyles(accent?: string): string {\n const darkAccent = accent ?? SNEEK_ACCENT_DARK;\n const lightAccent = accent ?? SNEEK_ACCENT_LIGHT;\n\n const light = `\n --sneek-surface: #ffffff;\n --sneek-surface-2: #f4f1ed;\n --sneek-border: #e3ddd5;\n --sneek-text: #1c1917;\n --sneek-text-muted: #57534e;\n --sneek-accent: ${lightAccent};\n --sneek-accent-soft: color-mix(in srgb, ${lightAccent} 12%, transparent);\n --sneek-accent-shadow: color-mix(in srgb, ${lightAccent} 45%, transparent);\n --sneek-accent-contrast: #ffffff;\n --sneek-danger: #b0242a;\n --sneek-shadow: 0 3px 3px -2px rgb(0 0 0 / 0.10), 0 3px 4px rgb(0 0 0 / 0.07),\n 0 1px 8px rgb(0 0 0 / 0.06);`;\n\n const dark = `\n --sneek-surface: #17150f;\n --sneek-surface-2: #201d16;\n --sneek-border: rgba(255, 255, 255, 0.08);\n --sneek-text: #faf8f6;\n --sneek-text-muted: #a8a29b;\n --sneek-accent: ${darkAccent};\n --sneek-accent-soft: color-mix(in srgb, ${darkAccent} 16%, transparent);\n --sneek-accent-shadow: color-mix(in srgb, ${darkAccent} 55%, transparent);\n --sneek-accent-contrast: #1a0d04;\n --sneek-danger: #d43a3c;\n --sneek-shadow: none;`;\n\n return `\n.sneek-login {${light}\n --sneek-ease: cubic-bezier(0, 0, 0.2, 1);\n}\n@media (prefers-color-scheme: dark) {\n .sneek-login:not([data-theme=\"light\"]) {${dark}\n }\n}\n.sneek-login[data-theme=\"dark\"] {${dark}\n}\n.sneek-login[data-theme=\"light\"] {${light}\n}\n.sneek-login *, .sneek-login *::before, .sneek-login *::after { box-sizing: border-box; }\n.sneek-login-input:focus-visible,\n.sneek-login-button:focus-visible,\n.sneek-login-link:focus-visible,\n.sneek-login-country-chip:focus-visible,\n.sneek-login-brand-link:focus-visible {\n outline: 2px solid var(--sneek-accent);\n outline-offset: 2px;\n}\n.sneek-login-input:focus {\n border-color: var(--sneek-accent);\n}\n.sneek-login-phone-field:focus-within {\n border-color: var(--sneek-accent);\n}\n.sneek-login-button:not(:disabled):hover {\n filter: brightness(1.08);\n}\n.sneek-login-link:not(:disabled):hover {\n text-decoration: underline;\n}\n.sneek-login-country-chip:not(:disabled):hover {\n filter: brightness(1.08);\n}\n.sneek-login-brand-link {\n box-shadow: 0 1px 6px var(--sneek-accent-shadow);\n}\n.sneek-login-brand-link:hover {\n box-shadow: 0 2px 10px var(--sneek-accent-shadow);\n}\n@media (prefers-reduced-motion: reduce) {\n .sneek-login * { transition-duration: 0.01ms !important; }\n}\n@keyframes sneek-login-caret {\n 0%, 45% { opacity: 1; }\n 50%, 100% { opacity: 0; }\n}\n.sneek-login-caret {\n animation: sneek-login-caret 1s step-end infinite;\n}\n`;\n}\n","import type { VerificationRequest } from './state.js';\n\nexport interface FetchHandlerOptions {\n /**\n * Partner backend endpoint that starts a verification. Receives\n * `{ identifier }`, must return\n * `{ requestId, channel?, maskedIdentifier?, expiresAt? }`.\n * @default '/api/auth/request'\n */\n requestUrl?: string;\n /**\n * Partner backend endpoint that completes a verification. Receives\n * `{ requestId, code }`, returns whatever your app needs (session, token…).\n * @default '/api/auth/verify'\n */\n verifyUrl?: string;\n /** Extra headers (e.g. CSRF token) to send on both requests. */\n headers?: Record<string, string>;\n /** Forwarded to fetch — set to 'include' if you use cookie sessions. */\n credentials?: RequestCredentials;\n}\n\nasync function postJson<T>(\n url: string,\n body: unknown,\n options: FetchHandlerOptions,\n): Promise<T> {\n const response = await fetch(url, {\n method: 'POST',\n headers: { 'Content-Type': 'application/json', ...(options.headers ?? {}) },\n credentials: options.credentials,\n body: JSON.stringify(body),\n });\n\n if (!response.ok) {\n let message = `Request failed (${response.status})`;\n try {\n const data = (await response.json()) as { message?: string; error?: string };\n message = data.message || data.error || message;\n } catch {\n // non-JSON error body — keep the status-based message\n }\n throw new Error(message);\n }\n\n return (await response.json()) as T;\n}\n\n/**\n * Build {@link SneekLoginHandlers} that POST to your own backend endpoints.\n * Those endpoints call the Sneek API server-side with your secret key.\n */\nexport function createFetchHandlers<TResult = unknown>(\n options: FetchHandlerOptions = {},\n): {\n requestVerification: (identifier: string) => Promise<VerificationRequest>;\n verify: (input: { requestId: string; code: string }) => Promise<TResult>;\n} {\n const requestUrl = options.requestUrl ?? '/api/auth/request';\n const verifyUrl = options.verifyUrl ?? '/api/auth/verify';\n\n return {\n requestVerification: (identifier: string) =>\n postJson<VerificationRequest>(requestUrl, { identifier }, options),\n verify: (input: { requestId: string; code: string }) =>\n postJson<TResult>(verifyUrl, input, options),\n };\n}\n"],"mappings":"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","names":["useEffect","useId","useState","jsx","jsxs","useId","useState","useEffect"]}
package/dist/state.d.ts CHANGED
@@ -1,38 +1,51 @@
1
1
  /**
2
- * Framework-agnostic state machine for the Sneek passwordless OTP flow.
2
+ * Framework-agnostic state machine for the Sneek passwordless login flow.
3
3
  *
4
4
  * Kept free of React so it can be unit-tested in isolation and reused by other
5
- * front-end bindings later (Vue/Svelte). The hook in `use-sneek-otp.ts` is a
5
+ * front-end bindings later (Vue/Svelte). The hook in `use-sneek-login.ts` is a
6
6
  * thin wrapper around this reducer.
7
7
  */
8
+ /**
9
+ * How Sneek delivered the challenge. Reported by the server *after* it has
10
+ * chosen; never supplied by the caller. The choice comes from the website's
11
+ * `authChannels` bitmask, which the browser cannot see and must not second-guess.
12
+ */
8
13
  export type SneekChannel = 'sms' | 'whatsapp' | 'email';
9
14
  /** Which screen of the two-step flow is showing. */
10
- export type SneekOtpStep = 'identify' | 'verify';
15
+ export type SneekLoginStep = 'identify' | 'verify';
11
16
  /** Async lifecycle for the in-flight request. */
12
- export type SneekOtpStatus = 'idle' | 'sending' | 'verifying';
13
- export interface SneekOtpState {
14
- step: SneekOtpStep;
15
- status: SneekOtpStatus;
17
+ export type SneekLoginStatus = 'idle' | 'requesting' | 'verifying';
18
+ export interface SneekLoginState {
19
+ step: SneekLoginStep;
20
+ status: SneekLoginStatus;
16
21
  /** The email / mobile / username the user typed. */
17
22
  identifier: string;
18
- /** The OTP code the user typed on the verify screen. */
23
+ /** The code the user typed on the verify screen. */
19
24
  code: string;
20
25
  /** Opaque id returned by the partner backend, replayed on verify. */
21
26
  requestId: string;
22
- /** Channels the OTP was actually delivered over. */
23
- channels: SneekChannel[];
24
- /** Seconds until the OTP expires (from the request response). */
25
- expiresInSeconds: number;
27
+ /** The single channel Sneek chose, or null while it is not yet known. */
28
+ channel: SneekChannel | null;
29
+ /** Server-redacted identifier, e.g. `+91***29`. Empty when not reported. */
30
+ maskedIdentifier: string;
31
+ /** ISO timestamp the challenge stops being accepted. Empty when not reported. */
32
+ expiresAt: string;
26
33
  /** User-facing error message, or null. */
27
34
  error: string | null;
28
35
  }
29
- export declare const initialOtpState: SneekOtpState;
30
- export interface RequestOtpResult {
36
+ export declare const initialLoginState: SneekLoginState;
37
+ /**
38
+ * What the partner backend returns once Sneek has started a verification.
39
+ * Only `requestId` is required: a partner route that does its own bookkeeping
40
+ * may not forward the display fields, and the card degrades to generic copy.
41
+ */
42
+ export interface VerificationRequest {
31
43
  requestId: string;
32
- channels?: SneekChannel[];
33
- expiresInSeconds?: number;
44
+ channel?: SneekChannel;
45
+ maskedIdentifier?: string;
46
+ expiresAt?: string;
34
47
  }
35
- export type SneekOtpAction = {
48
+ export type SneekLoginAction = {
36
49
  type: 'set_identifier';
37
50
  value: string;
38
51
  } | {
@@ -42,7 +55,7 @@ export type SneekOtpAction = {
42
55
  type: 'request_start';
43
56
  } | {
44
57
  type: 'request_success';
45
- result: RequestOtpResult;
58
+ request: VerificationRequest;
46
59
  } | {
47
60
  type: 'request_error';
48
61
  message: string;
@@ -56,8 +69,8 @@ export type SneekOtpAction = {
56
69
  } | {
57
70
  type: 'back_to_identify';
58
71
  };
59
- export declare function otpReducer(state: SneekOtpState, action: SneekOtpAction): SneekOtpState;
60
- /** "SMS, WhatsApp" — human label for the channels an OTP was sent over. */
61
- export declare function formatChannels(channels: SneekChannel[]): string;
72
+ export declare function loginReducer(state: SneekLoginState, action: SneekLoginAction): SneekLoginState;
73
+ /** Human label for the one channel Sneek chose, e.g. `whatsapp` -> "WhatsApp". */
74
+ export declare function channelLabel(channel: SneekChannel): string;
62
75
  /** Normalize any thrown value into a user-facing message. */
63
76
  export declare function toMessage(error: unknown, fallback: string): string;
package/dist/theme.d.ts CHANGED
@@ -2,7 +2,7 @@
2
2
  * Theme for the drop-in login card.
3
3
  *
4
4
  * The package ships zero dependencies and no stylesheet, so the tokens are
5
- * injected once as CSS custom properties scoped to `.sneek-otp`. That buys two
5
+ * injected once as CSS custom properties scoped to `.sneek-login`. That buys two
6
6
  * things inline styles cannot: a `prefers-color-scheme` media query, and real
7
7
  * `:focus-visible` / `:hover` states.
8
8
  *
@@ -11,7 +11,7 @@
11
11
  * card needs no shadow; in light both are near-white, so the card takes a
12
12
  * visible border and a real shadow.
13
13
  */
14
- export declare const SNEEK_STYLE_ID = "sneek-otp-styles";
14
+ export declare const SNEEK_STYLE_ID = "sneek-login-styles";
15
15
  /** Brand orange. The single accent — nothing else on the card is coloured. */
16
16
  export declare const SNEEK_ACCENT_DARK = "#f86513";
17
17
  /** Darkened for light mode so it clears WCAG AA as text and as a button fill. */
package/dist/use-sneek-login.d.ts ADDED
@@ -0,0 +1,44 @@
1
+ import { type SneekLoginState, type VerificationRequest } from './state.js';
2
+ /**
3
+ * Partner-supplied transport. These call the *partner's own backend*, which in
4
+ * turn talks to the Sneek API with the secret server-side key. The browser
5
+ * never sees a Sneek API key — that is the whole security model of this package.
6
+ */
7
+ export interface SneekLoginHandlers<TResult = unknown> {
8
+ /**
9
+ * Ask the partner backend to start a verification for `identifier`. The
10
+ * caller never says how to reach the person; Sneek picks the channel and
11
+ * reports it back for display.
12
+ */
13
+ requestVerification: (identifier: string) => Promise<VerificationRequest>;
14
+ /** Complete the verification with the partner backend; resolve with the auth result. */
15
+ verify: (input: {
16
+ requestId: string;
17
+ code: string;
18
+ }) => Promise<TResult>;
19
+ /** Called after a successful verification with the partner's result. */
20
+ onSuccess?: (result: TResult) => void;
21
+ /** Called on any error (request or verify). */
22
+ onError?: (error: unknown) => void;
23
+ }
24
+ export interface UseSneekLogin extends SneekLoginState {
25
+ setIdentifier: (value: string) => void;
26
+ setCode: (value: string) => void;
27
+ /** Submit the identify step — triggers `requestVerification`. */
28
+ startVerification: () => Promise<void>;
29
+ /** Submit the verify step — triggers `verify`. */
30
+ submitCode: () => Promise<void>;
31
+ /** Go back to the identify screen (e.g. "use a different email"). */
32
+ back: () => void;
33
+ /** Start a fresh verification for the same identifier. */
34
+ resend: () => Promise<void>;
35
+ /** Convenience booleans. */
36
+ isRequesting: boolean;
37
+ isVerifying: boolean;
38
+ isBusy: boolean;
39
+ }
40
+ /**
41
+ * Headless hook implementing the passwordless login flow. Bring your own
42
+ * markup, or use the {@link SneekLogin} component for a styled default.
43
+ */
44
+ export declare function useSneekLogin<TResult = unknown>(handlers: SneekLoginHandlers<TResult>): UseSneekLogin;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sneekin/ui",
3
- "version": "0.4.2",
3
+ "version": "1.0.0",
4
4
  "publishConfig": {
5
5
  "access": "public"
6
6
  },
package/dist/use-sneek-otp.d.ts DELETED
@@ -1,40 +0,0 @@
1
- import { type RequestOtpResult, type SneekOtpState } from './state';
2
- /**
3
- * Partner-supplied transport. These call the *partner's own backend*, which in
4
- * turn talks to the Sneek API with the secret server-side key. The browser
5
- * never sees a Sneek API key — that is the whole security model of this package.
6
- */
7
- export interface SneekOtpHandlers<TResult = unknown> {
8
- /** Ask the partner backend to send an OTP to `identifier`. */
9
- requestOtp: (identifier: string) => Promise<RequestOtpResult>;
10
- /** Verify the code with the partner backend; resolve with the auth result. */
11
- verifyOtp: (input: {
12
- requestId: string;
13
- code: string;
14
- }) => Promise<TResult>;
15
- /** Called after a successful verification with the partner's result. */
16
- onSuccess?: (result: TResult) => void;
17
- /** Called on any error (request or verify). */
18
- onError?: (error: unknown) => void;
19
- }
20
- export interface UseSneekOtp extends SneekOtpState {
21
- setIdentifier: (value: string) => void;
22
- setCode: (value: string) => void;
23
- /** Submit the identify step — triggers `requestOtp`. */
24
- sendOtp: () => Promise<void>;
25
- /** Submit the verify step — triggers `verifyOtp`. */
26
- verify: () => Promise<void>;
27
- /** Go back to the identify screen (e.g. "use a different email"). */
28
- back: () => void;
29
- /** Re-send the OTP to the same identifier. */
30
- resend: () => Promise<void>;
31
- /** Convenience booleans. */
32
- isSending: boolean;
33
- isVerifying: boolean;
34
- isBusy: boolean;
35
- }
36
- /**
37
- * Headless hook implementing the passwordless OTP login flow. Bring your own
38
- * markup, or use the {@link SneekOtpLogin} component for a styled default.
39
- */
40
- export declare function useSneekOtp<TResult = unknown>(handlers: SneekOtpHandlers<TResult>): UseSneekOtp;