@payfit/unity-components 3.4.6 → 3.4.8

package/dist/esm/ai-kit.js

@@ -10,4 +10,6 @@ import { AIComposerActions as l } from "./modules/ai-kit/components/ai-composer/
 import { AIComposerAlert as u } from "./modules/ai-kit/components/ai-composer/parts/AIComposerAlert.js";
 import { AIComposerSubmitAction as d } from "./modules/ai-kit/components/ai-composer/parts/AIComposerSubmitAction.js";
 import { AIComposerTextArea as f } from "./modules/ai-kit/components/ai-composer/parts/AIComposerTextArea.js";
-export { n as AIButton, s as AIComposer, c as AIComposerAction, l as AIComposerActions, u as AIComposerAlert, a as AIComposerAttachment, o as AIComposerAttachmentsGroup, d as AIComposerSubmitAction, f as AIComposerTextArea, i as AITriggerButton, r as PayfitAIBrand, e as aiGradientEffect, t as aiGradientSurfaceEffect };
+import { useAIKitFieldContext as p, useAIKitFormContext as m } from "./modules/ai-kit/hooks/ai-kit-form-context.js";
+import { aiKitForm as h, useAIKitForm as g } from "./modules/ai-kit/hooks/use-ai-kit-form.js";
+export { n as AIButton, s as AIComposer, c as AIComposerAction, l as AIComposerActions, u as AIComposerAlert, a as AIComposerAttachment, o as AIComposerAttachmentsGroup, d as AIComposerSubmitAction, f as AIComposerTextArea, i as AITriggerButton, r as PayfitAIBrand, e as aiGradientEffect, t as aiGradientSurfaceEffect, h as aiKitForm, p as useAIKitFieldContext, g as useAIKitForm, m as useAIKitFormContext };

package/dist/esm/modules/ai-kit/components/ai-composer/form/TanstackAIComposerAlert.d.ts

@@ -0,0 +1,12 @@
+import { AIComposerAlertProps } from '../parts/AIComposerAlert.js';
+export interface TanstackAIComposerAlertProps extends Omit<AIComposerAlertProps, 'children' | 'id' | 'variant'> {
+    /** Names the one field whose validation message occupies the Composer slot. */
+    field: string;
+}
+/**
+ * Renders the first relevant validation error for one nominated Composer field.
+ */
+export declare const TanstackAIComposerAlert: {
+    ({ field, ...props }: TanstackAIComposerAlertProps): import('react/jsx-runtime').JSX.Element;
+    displayName: string;
+};

package/dist/esm/modules/ai-kit/components/ai-composer/form/TanstackAIComposerAlert.js

@@ -0,0 +1,32 @@
+import { AIComposerAlert as e } from "../parts/AIComposerAlert.js";
+import { useAIKitFormContext as t } from "../../../hooks/ai-kit-form-context.js";
+import { useTanstackAIComposerFormLayoutContext as n } from "./TanstackAIComposerForm.context.js";
+import { jsx as r } from "react/jsx-runtime";
+//#region src/modules/ai-kit/components/ai-composer/form/TanstackAIComposerAlert.tsx
+var i = (e) => {
+	if (typeof e == "object" && e && "message" in e) {
+		let { message: t } = e;
+		if (typeof t == "string") return t;
+	}
+	return typeof e == "string" ? e : String(e);
+}, a = ({ field: a, ...o }) => {
+	let s = t(), { getAlertId: c } = n();
+	return /* @__PURE__ */ r(s.Subscribe, {
+		selector: (e) => ({
+			fieldMeta: e.fieldMeta[a],
+			submissionAttempts: e.submissionAttempts
+		}),
+		children: ({ fieldMeta: t, submissionAttempts: n }) => {
+			let s = t?.errors ?? [];
+			return t !== void 0 && !t.isValid && s.length > 0 && (t.isTouched || n > 0) ? /* @__PURE__ */ r(e, {
+				...o,
+				id: c(a),
+				variant: "error",
+				children: i(s[0])
+			}) : null;
+		}
+	});
+};
+a.displayName = "TanstackAIComposerAlert";
+//#endregion
+export { a as TanstackAIComposerAlert };

package/dist/esm/modules/ai-kit/components/ai-composer/form/TanstackAIComposerForm.context.d.ts

@@ -0,0 +1,6 @@
+interface TanstackAIComposerFormLayoutContextValue {
+    getAlertId: (field: string) => string;
+}
+export declare const TanstackAIComposerFormLayoutContextProvider: import('react').Provider<TanstackAIComposerFormLayoutContextValue | null>;
+export declare const useTanstackAIComposerFormLayoutContext: () => TanstackAIComposerFormLayoutContextValue;
+export {};

package/dist/esm/modules/ai-kit/components/ai-composer/form/TanstackAIComposerForm.context.js

@@ -0,0 +1,9 @@
+import { createContext as e, useContext as t } from "react";
+//#region src/modules/ai-kit/components/ai-composer/form/TanstackAIComposerForm.context.tsx
+var n = e(null), r = n.Provider, i = () => {
+	let e = t(n);
+	if (!e) throw Error("AI Kit Composer form parts must be rendered inside ComposerForm");
+	return e;
+};
+//#endregion
+export { r as TanstackAIComposerFormLayoutContextProvider, i as useTanstackAIComposerFormLayoutContext };

package/dist/esm/modules/ai-kit/components/ai-composer/form/TanstackAIComposerForm.d.ts

@@ -0,0 +1,9 @@
+import { AIComposerProps } from '../AIComposer.js';
+export type TanstackAIComposerFormProps = Omit<AIComposerProps, 'onSubmit'>;
+/**
+ * Connects the native AI Composer form to the current AI Kit TanStack Form.
+ *
+ * An explicit Composer lifecycle state remains application-owned. Without one,
+ * the form's submission state drives the Composer loading treatment.
+ */
+export declare const TanstackAIComposerForm: import('react').ForwardRefExoticComponent<TanstackAIComposerFormProps & import('react').RefAttributes<HTMLFormElement>>;

package/dist/esm/modules/ai-kit/components/ai-composer/form/TanstackAIComposerForm.js

@@ -0,0 +1,26 @@
+import { AIComposer as e } from "../AIComposer.js";
+import { useAIKitFormContext as t } from "../../../hooks/ai-kit-form-context.js";
+import { TanstackAIComposerFormLayoutContextProvider as n } from "./TanstackAIComposerForm.context.js";
+import { forwardRef as r, useId as i, useMemo as a } from "react";
+import { jsx as o } from "react/jsx-runtime";
+//#region src/modules/ai-kit/components/ai-composer/form/TanstackAIComposerForm.tsx
+var s = (e, t) => `${e}-${t.replace(/[^\\w-]/g, "-")}-alert`, c = r(({ state: r, ...c }, l) => {
+	let u = t(), d = i(), f = a(() => ({ getAlertId: (e) => s(d, e) }), [d]);
+	return /* @__PURE__ */ o(u.Subscribe, {
+		selector: (e) => e.isSubmitting,
+		children: (t) => /* @__PURE__ */ o(n, {
+			value: f,
+			children: /* @__PURE__ */ o(e, {
+				...c,
+				ref: l,
+				state: r ?? (t ? "loading" : "enabled"),
+				onSubmit: () => {
+					u.handleSubmit();
+				}
+			})
+		})
+	});
+});
+c.displayName = "TanstackAIComposerForm";
+//#endregion
+export { c as TanstackAIComposerForm };

package/dist/esm/modules/ai-kit/components/ai-composer/form/TanstackAIComposerSubmitAction.d.ts

@@ -0,0 +1,8 @@
+import { AIComposerSubmitActionProps } from '../parts/AIComposerSubmitAction.js';
+export type TanstackAIComposerSubmitActionProps = Omit<AIComposerSubmitActionProps, 'onPress'>;
+/**
+ * Submits the current AI Kit form from the Composer action region.
+ *
+ * The base action still owns stop behavior while the parent Composer streams.
+ */
+export declare const TanstackAIComposerSubmitAction: import('react').ForwardRefExoticComponent<TanstackAIComposerSubmitActionProps & import('react').RefAttributes<HTMLButtonElement>>;

package/dist/esm/modules/ai-kit/components/ai-composer/form/TanstackAIComposerSubmitAction.js

@@ -0,0 +1,18 @@
+import { AIComposerSubmitAction as e } from "../parts/AIComposerSubmitAction.js";
+import { useAIKitFormContext as t } from "../../../hooks/ai-kit-form-context.js";
+import { forwardRef as n } from "react";
+import { jsx as r } from "react/jsx-runtime";
+//#region src/modules/ai-kit/components/ai-composer/form/TanstackAIComposerSubmitAction.tsx
+var i = n((n, i) => {
+	let a = t();
+	return /* @__PURE__ */ r(e, {
+		...n,
+		ref: i,
+		onPress: () => {
+			a.handleSubmit();
+		}
+	});
+});
+i.displayName = "TanstackAIComposerSubmitAction";
+//#endregion
+export { i as TanstackAIComposerSubmitAction };

package/dist/esm/modules/ai-kit/components/ai-composer/form/TanstackAIComposerTextArea.d.ts

@@ -0,0 +1,4 @@
+import { AIComposerTextAreaProps } from '../parts/AIComposerTextArea.js';
+export type TanstackAIComposerTextAreaProps = Omit<AIComposerTextAreaProps, 'aria-describedby' | 'aria-invalid' | 'defaultValue' | 'onBlur' | 'onChange' | 'value'>;
+/** Binds the Composer prompt textarea to the current AI Kit form field. */
+export declare const TanstackAIComposerTextArea: import('react').ForwardRefExoticComponent<TanstackAIComposerTextAreaProps & import('react').RefAttributes<HTMLTextAreaElement>>;

package/dist/esm/modules/ai-kit/components/ai-composer/form/TanstackAIComposerTextArea.js

@@ -0,0 +1,34 @@
+import { AIComposerTextArea as e } from "../parts/AIComposerTextArea.js";
+import { useAIKitFieldContext as t, useAIKitFormContext as n } from "../../../hooks/ai-kit-form-context.js";
+import { useTanstackAIComposerFormLayoutContext as r } from "./TanstackAIComposerForm.context.js";
+import { forwardRef as i } from "react";
+import { jsx as a } from "react/jsx-runtime";
+//#region src/modules/ai-kit/components/ai-composer/form/TanstackAIComposerTextArea.tsx
+var o = i((i, o) => {
+	let s = t(), c = n(), { getAlertId: l } = r();
+	return /* @__PURE__ */ a(c.Subscribe, {
+		selector: (e) => ({
+			fieldMeta: e.fieldMeta[s.name],
+			submissionAttempts: e.submissionAttempts
+		}),
+		children: ({ fieldMeta: t, submissionAttempts: n }) => {
+			let r = t !== void 0 && !t.isValid && (t.isTouched || n > 0);
+			return /* @__PURE__ */ a(e, {
+				...i,
+				ref: o,
+				value: s.state.value,
+				"aria-invalid": r || void 0,
+				"aria-describedby": r ? l(s.name) : void 0,
+				onChange: (e) => {
+					s.handleChange(e.target.value);
+				},
+				onBlur: () => {
+					s.handleBlur();
+				}
+			});
+		}
+	});
+});
+o.displayName = "TanstackAIComposerTextArea";
+//#endregion
+export { o as TanstackAIComposerTextArea };

package/dist/esm/modules/ai-kit/hooks/ai-kit-form-context.d.ts

@@ -0,0 +1 @@
+export declare const aiKitFieldContext: import('react').Context<import('@tanstack/form-core').AnyFieldApi>, aiKitFormContext: import('react').Context<import('@tanstack/form-core').AnyFormApi>, useAIKitFieldContext: <TData>() => import('@tanstack/form-core').FieldApi<any, string, TData, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any>, useAIKitFormContext: () => import('@tanstack/react-form').ReactFormExtendedApi<Record<string, never>, any, any, any, any, any, any, any, any, any, any, any>;

package/dist/esm/modules/ai-kit/hooks/ai-kit-form-context.js

@@ -0,0 +1,5 @@
+import { createFormHookContexts as e } from "@tanstack/react-form";
+//#region src/modules/ai-kit/hooks/ai-kit-form-context.tsx
+var { fieldContext: t, formContext: n, useFieldContext: r, useFormContext: i } = e();
+//#endregion
+export { t as aiKitFieldContext, n as aiKitFormContext, r as useAIKitFieldContext, i as useAIKitFormContext };