@alfadocs/ui-kit-debug 1.78.0 → 1.80.0

package/dist/patterns/reset-password-form/reset-password-form.d.ts

@@ -0,0 +1,108 @@
+import { type HTMLAttributes, type ReactNode } from 'react';
+import type { BrandMarkMotion } from '../_shared/brand-mark';
+/** The form's two fields. */
+export declare const RESET_PASSWORD_FORM_FIELDS: readonly ["password", "passwordConfirm"];
+export type ResetPasswordFormField = (typeof RESET_PASSWORD_FORM_FIELDS)[number];
+/** What the card shows: the form, the result after a good change, or the
+ *  result for a link that no longer works. */
+export type ResetPasswordFormState = 'form' | 'done' | 'expired';
+/** What `onSubmit` receives once both passwords have passed their checks. */
+export interface ResetPasswordFormValues {
+    password: string;
+    passwordConfirm: string;
+}
+/** Messages from the server, already translated: one for each field, plus
+ *  `form` for a message about the whole form. */
+export type ResetPasswordFormErrors = Partial<Record<ResetPasswordFormField | 'form', string>>;
+/** The host's own form field names, for a native form post. They are
+ *  needed: a field without a name is not posted. */
+export type ResetPasswordFormFieldNames = Record<ResetPasswordFormField, string>;
+export interface ResetPasswordFormProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title' | 'onSubmit'> {
+    /**
+     * What the card shows. Default `form`. `done` and `expired` replace the
+     * form and take focus when they appear.
+     */
+    state?: ResetPasswordFormState;
+    /** Replaces the form's heading "Choose a new password". Pass it
+     *  translated. The result states have their own heading. */
+    title?: string;
+    /** Replaces the line under the form's heading ("Enter a new password
+     *  for your account."). Pass it translated. */
+    description?: string;
+    /**
+     * The heading's level. Default 1: this page usually has no other
+     * heading. Pass 2 on a page that has its own `h1`.
+     */
+    headingLevel?: 1 | 2 | 3;
+    /** Shows the Alfadocs mark above the heading. Default true. */
+    showLogo?: boolean;
+    /** How the mark arrives when the card opens. Default `assemble`. */
+    logoMotion?: BrandMarkMotion;
+    /**
+     * Host content between the heading and the fields, such as a notice. It
+     * sits outside the form, so nothing in it is posted.
+     */
+    children?: ReactNode;
+    /**
+     * The address the password is for. In the form it shows read-only, and
+     * is the username a password manager saves the new password under. In
+     * the `done` state it is named in the line under the result.
+     */
+    email?: string;
+    /**
+     * The `done` state's action, "Sign in". A path on the same site, or an
+     * address written in full. Anything else shows no button.
+     */
+    loginHref?: string;
+    /**
+     * The `expired` state's action, "Ask for a new link". A path on the
+     * same site, or an address written in full. Anything else shows no
+     * button.
+     */
+    requestHref?: string;
+    /**
+     * Messages from the server, already translated. A field's message shows
+     * on the field until the user changes it; `form` shows above the
+     * fields. When messages arrive, focus moves to the error summary when a
+     * field has one, or to the message above the fields when only that
+     * says something. Passwords the server refused are emptied.
+     */
+    errors?: ResetPasswordFormErrors;
+    /** Replaces the button's "Change password". Pass it translated. */
+    submitLabel?: string;
+    /**
+     * True while the host sends the passwords: the button shows a spinner
+     * and a second submit is ignored. Set it inside `onSubmit`, before
+     * anything is awaited.
+     */
+    submitting?: boolean;
+    /** For React hosts: called with both passwords once they have passed
+     *  their checks. Not called when `fieldNames` is set. */
+    onSubmit?: (values: ResetPasswordFormValues) => void;
+    /**
+     * For a native form post: the host's own field names, e.g.
+     * `{ password: 'lost_password_reset[password1]', passwordConfirm:
+     * 'lost_password_reset[password2]' }`. When set, the inputs carry those
+     * names and the browser posts the form.
+     */
+    fieldNames?: ResetPasswordFormFieldNames;
+    /**
+     * Where a native form post goes. Default: the current address. Only a
+     * path, or an address on the page's own origin, is accepted: another
+     * origin is never sent what the user typed. Does nothing without
+     * `fieldNames`.
+     */
+    action?: string;
+    /**
+     * Extra hidden inputs posted with a native form, by name: a CSRF token,
+     * e.g. `{ 'lost_password_reset[_token]': token }`. Not used with
+     * `onSubmit`. A name that is also in `fieldNames` is left out.
+     */
+    hiddenFields?: Readonly<Record<string, string>>;
+}
+/**
+ * The card for the page the reset email opens. Mount it on the
+ * reset-password page, inside `SignedOutFrame` or the host's own chrome.
+ */
+export declare const ResetPasswordForm: import("react").ForwardRefExoticComponent<ResetPasswordFormProps & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=reset-password-form.d.ts.map

package/dist/patterns/reset-password-form/reset-password-form.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"reset-password-form.d.ts","sourceRoot":"","sources":["../../../src/patterns/reset-password-form/reset-password-form.tsx"],"names":[],"mappings":"AAYA,OAAO,EAOL,KAAK,cAAc,EACnB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAwBf,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAY7D,6BAA6B;AAC7B,eAAO,MAAM,0BAA0B,0CAG7B,CAAC;AAEX,MAAM,MAAM,sBAAsB,GAChC,CAAC,OAAO,0BAA0B,CAAC,CAAC,MAAM,CAAC,CAAC;AAE9C;8CAC8C;AAC9C,MAAM,MAAM,sBAAsB,GAAG,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;AAEjE,6EAA6E;AAC7E,MAAM,WAAW,uBAAuB;IACtC,QAAQ,EAAE,MAAM,CAAC;IACjB,eAAe,EAAE,MAAM,CAAC;CACzB;AAED;iDACiD;AACjD,MAAM,MAAM,uBAAuB,GAAG,OAAO,CAC3C,MAAM,CAAC,sBAAsB,GAAG,MAAM,EAAE,MAAM,CAAC,CAChD,CAAC;AAEF;oDACoD;AACpD,MAAM,MAAM,2BAA2B,GAAG,MAAM,CAC9C,sBAAsB,EACtB,MAAM,CACP,CAAC;AAEF,MAAM,WAAW,sBAAuB,SAAQ,IAAI,CAClD,cAAc,CAAC,cAAc,CAAC,EAC9B,OAAO,GAAG,UAAU,CACrB;IACC;;;OAGG;IACH,KAAK,CAAC,EAAE,sBAAsB,CAAC;IAC/B;gEAC4D;IAC5D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;mDAC+C;IAC/C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,YAAY,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACzB,+DAA+D;IAC/D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oEAAoE;IACpE,UAAU,CAAC,EAAE,eAAe,CAAC;IAC7B;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;;;;OAMG;IACH,MAAM,CAAC,EAAE,uBAAuB,CAAC;IACjC,mEAAmE;IACnE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;6DACyD;IACzD,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,uBAAuB,KAAK,IAAI,CAAC;IACrD;;;;;OAKG;IACH,UAAU,CAAC,EAAE,2BAA2B,CAAC;IACzC;;;;;OAKG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;;OAIG;IACH,YAAY,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;CACjD;AA2CD;;;GAGG;AACH,eAAO,MAAM,iBAAiB,mHA+d7B,CAAC"}

package/dist/patterns/send-registration-link-form/index.js

@@ -1,4 +1,4 @@
-import { S as o, a as r } from "../../_chunks/send-registration-link-form-__DWY62q.js";
+import { S as o, a as r } from "../../_chunks/send-registration-link-form-vTn1HxjA.js";
 export {
   o as SEND_REGISTRATION_LINK_FIELDS,
   r as SendRegistrationLinkForm

package/dist/patterns/workflow-webhook-action/index.js

@@ -1,4 +1,4 @@
-import { W as O, a } from "../../_chunks/workflow-webhook-action-BvVPZVpG.js";
+import { W as O, a } from "../../_chunks/workflow-webhook-action-DulCpCRz.js";
 export {
   O as WORKFLOW_WEBHOOK_ACTION_FIELDS,
   a as WorkflowWebhookAction