@10x-media/form-builder 0.1.0-beta.0 → 0.1.0-beta.1

package/dist/exports/client.d.ts

@@ -1,21 +1,3 @@
-import { t as ConditionFieldType } from "../fieldTypes-B8jkNRob.js";
-
-//#region src/client/FormConditionField.d.ts
-/** Props: standard JSON field client props plus the `conditionTypes` map we pass via clientProps. */
-type FormConditionFieldProps = {
-  path?: string;
-  field?: {
-    label?: unknown;
-    name?: string;
-  };
-  label?: unknown;
-  conditionTypes: Record<string, ConditionFieldType>;
-};
-/**
- * The `Field` mounted on a form field's `visibleWhen`/`validateWhen` json column. Binds the field's own
- * path with `useField<Where>()` (the QueryPresetsWhereField precedent) and renders the native builder.
- */
-declare const FormConditionField: (props: FormConditionFieldProps) => import("react/jsx-runtime").JSX.Element;
-//#endregion
-export { FormConditionField };
-//# sourceMappingURL=client.d.ts.map
+import { FlowBuilder } from "../client/FlowBuilder.js";
+import { FormConditionField } from "../client/FormConditionField.js";
+export { FlowBuilder, FormConditionField };

package/dist/exports/client.js

@@ -1,320 +1,4 @@
 "use client";
-import { t as keys } from "../keys-N5xGiUsh.js";
-import { a as operatorValueShape, i as operatorLabelKey, r as firstOperatorFor, t as conditionOperators } from "../fieldTypes-CzhhJXjg.js";
-import { reduceFieldsToValues, transformWhereQuery } from "payload/shared";
-import { DateCondition, FieldLabel, NumberCondition, ReactSelect, SelectCondition, TextCondition, useField, useFormFields, useTranslation } from "@payloadcms/ui";
-import { useMemo } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/translations/useTranslation.ts
-/**
-* `useTranslation` bound to this plugin's keys, so `t(keys.X)` typechecks without
-* a per-call `@ts-expect-error`. Returns Payload's `{ t, i18n }` unchanged.
-*/
-const useTranslation$1 = () => useTranslation();
-//#endregion
-//#region src/client/synthesizeClientField.ts
-/** Project a stored field row into a condition operand, or `null` when the row has no usable name. */
-const operandFromRow = (row, conditionTypes) => {
-	const name = typeof row.name === "string" ? row.name.trim() : "";
-	if (name.length === 0) return null;
-	const conditionType = conditionTypes[row.blockType] ?? "text";
-	return {
-		name,
-		label: typeof row.label === "string" && row.label.length > 0 ? row.label : name,
-		conditionType,
-		options: Array.isArray(row.options) ? row.options : void 0
-	};
-};
-/**
-* Build the minimal `*FieldClient` a Payload leaf condition input requires for a given operand. Casts
-* are localized to these four synths and nowhere else: `FieldBaseClient` requires only `name`, and each
-* leaf is `FieldBaseClient & Pick<…, 'type' | …>` where every picked member but `type` (and `select`'s
-* required `options`) is optional, so the literals are structurally complete. `dateClientField` omits
-* `admin.date`, so `DateCondition` falls back to its default date format. Each synth returns a single
-* concrete client type so leaf `field` props need no narrowing.
-*/
-const textClientField = (operand) => ({
-	name: operand.name,
-	label: operand.label,
-	type: "text"
-});
-const numberClientField = (operand) => ({
-	name: operand.name,
-	label: operand.label,
-	type: "number"
-});
-const dateClientField = (operand) => ({
-	name: operand.name,
-	label: operand.label,
-	type: "date"
-});
-const selectClientField = (operand) => ({
-	name: operand.name,
-	label: operand.label,
-	type: "select",
-	options: operand.options ?? []
-});
-//#endregion
-//#region src/client/ConditionRow.tsx
-/** ReactSelect's `onChange` hands back `Option | Option[]`; narrow it to the single chosen option. */
-const singleOption = (selected) => Array.isArray(selected) ? selected[0] : selected;
-const ConditionRow = ({ condition, operands, onChange, onRemove }) => {
-	const { t, i18n } = useTranslation$1();
-	const operand = operands.find((entry) => entry.name === condition.field);
-	const conditionType = operand?.conditionType ?? "text";
-	const operators = conditionOperators[conditionType];
-	const fieldOptions = operands.map((entry) => ({
-		label: entry.label,
-		value: entry.name
-	}));
-	const operatorOptions = operators.map((operator) => ({
-		label: i18n.t(operatorLabelKey(operator)),
-		value: operator
-	}));
-	const handleFieldChange = (selected) => {
-		const chosen = singleOption(selected);
-		const next = operands.find((entry) => entry.name === chosen?.value);
-		if (!next) return;
-		onChange({
-			field: next.name,
-			operator: firstOperatorFor(next.conditionType),
-			value: void 0
-		});
-	};
-	const handleOperatorChange = (selected) => {
-		const chosen = singleOption(selected);
-		if (!chosen) return;
-		const operator = chosen.value;
-		const keepValue = operatorValueShape(condition.operator) === operatorValueShape(operator);
-		onChange({
-			...condition,
-			operator,
-			value: keepValue ? condition.value : void 0
-		});
-	};
-	return /* @__PURE__ */ jsxs("div", {
-		className: "form-builder-condition-row",
-		style: {
-			display: "flex",
-			gap: 8,
-			alignItems: "flex-start"
-		},
-		children: [
-			/* @__PURE__ */ jsx("div", {
-				style: { minWidth: 160 },
-				children: /* @__PURE__ */ jsx(ReactSelect, {
-					options: fieldOptions,
-					value: fieldOptions.find((option) => option.value === condition.field),
-					placeholder: t(keys.conditionSelectField),
-					isClearable: false,
-					onChange: handleFieldChange
-				})
-			}),
-			/* @__PURE__ */ jsx("div", {
-				style: { minWidth: 140 },
-				children: /* @__PURE__ */ jsx(ReactSelect, {
-					options: operatorOptions,
-					value: operatorOptions.find((option) => option.value === condition.operator),
-					disabled: !operand,
-					isClearable: false,
-					onChange: handleOperatorChange
-				})
-			}),
-			/* @__PURE__ */ jsx("div", {
-				style: { flex: 1 },
-				children: /* @__PURE__ */ jsx(ConditionValue, {
-					conditionType,
-					operand,
-					operator: condition.operator,
-					value: condition.value,
-					onChange: (value) => onChange({
-						...condition,
-						value
-					})
-				})
-			}),
-			/* @__PURE__ */ jsx("button", {
-				type: "button",
-				onClick: onRemove,
-				"aria-label": t(keys.conditionRemove),
-				children: t(keys.conditionRemove)
-			})
-		]
-	});
-};
-const ConditionValue = ({ conditionType, operand, operator, value, onChange }) => {
-	const { t } = useTranslation$1();
-	if (conditionType === "checkbox" || operatorValueShape(operator) === "boolean") {
-		const options = [{
-			label: t(keys.conditionTrue),
-			value: "true"
-		}, {
-			label: t(keys.conditionFalse),
-			value: "false"
-		}];
-		const handleBooleanChange = (selected) => {
-			onChange(singleOption(selected)?.value === "true");
-		};
-		return /* @__PURE__ */ jsx(ReactSelect, {
-			options,
-			value: options.find((option) => String(option.value) === String(value)) ?? options[0],
-			isClearable: false,
-			onChange: handleBooleanChange
-		});
-	}
-	if (!operand) return null;
-	switch (conditionType) {
-		case "number": return /* @__PURE__ */ jsx(NumberCondition, {
-			disabled: false,
-			field: numberClientField(operand),
-			operator,
-			value,
-			onChange: (next) => onChange(next)
-		});
-		case "date": return /* @__PURE__ */ jsx(DateCondition, {
-			disabled: false,
-			field: dateClientField(operand),
-			operator,
-			value,
-			onChange: (next) => onChange(next)
-		});
-		case "select": return /* @__PURE__ */ jsx(SelectCondition, {
-			disabled: false,
-			field: selectClientField(operand),
-			operator,
-			options: operand.options ?? [],
-			value,
-			onChange: (next) => onChange(next)
-		});
-		default: return /* @__PURE__ */ jsx(TextCondition, {
-			disabled: false,
-			field: textClientField(operand),
-			operator,
-			value,
-			onChange: (next) => onChange(next)
-		});
-	}
-};
-//#endregion
-//#region src/client/ConditionBuilder.tsx
-const toRow = (constraint) => {
-	const field = Object.keys(constraint)[0];
-	if (!field) return null;
-	const ops = constraint[field];
-	const operator = Object.keys(ops)[0];
-	if (!operator) return null;
-	return {
-		field,
-		operator,
-		value: ops[operator]
-	};
-};
-const fromRow = (row) => ({ [row.field]: { [row.operator]: row.value } });
-const readGroups = (value) => {
-	if (!value || Object.keys(value).length === 0) return [];
-	const canonical = transformWhereQuery(value);
-	return (Array.isArray(canonical.or) ? canonical.or : []).map((group) => {
-		return (Array.isArray(group.and) ? group.and : []).map((constraint) => toRow(constraint)).filter((row) => row !== null);
-	});
-};
-const writeGroups = (groups) => ({ or: groups.filter((group) => group.length > 0).map((group) => ({ and: group.map(fromRow) })) });
-const operandsFromData = (data, conditionTypes, selfName) => {
-	return (Array.isArray(data.fields) ? data.fields : []).map((row) => operandFromRow(row, conditionTypes)).filter((operand) => operand !== null && operand.name !== selfName);
-};
-const ConditionBuilder = ({ value, onChange, conditionTypes, selfName }) => {
-	const { t } = useTranslation$1();
-	const operandsJson = useFormFields(([fields]) => JSON.stringify(operandsFromData(reduceFieldsToValues(fields, true), conditionTypes, selfName)));
-	const operands = useMemo(() => JSON.parse(operandsJson), [operandsJson]);
-	const groups = readGroups(value);
-	const emit = (next) => onChange(writeGroups(next));
-	const addCondition = (groupIndex) => {
-		const first = operands[0];
-		if (!first) return;
-		const row = {
-			field: first.name,
-			operator: firstOperatorFor(first.conditionType),
-			value: void 0
-		};
-		emit(groups.length === 0 ? [[row]] : groups.map((group, index) => index === groupIndex ? [...group, row] : group));
-	};
-	const addOrGroup = () => {
-		const first = operands[0];
-		if (!first) return;
-		emit([...groups, [{
-			field: first.name,
-			operator: firstOperatorFor(first.conditionType),
-			value: void 0
-		}]]);
-	};
-	const updateRow = (groupIndex, rowIndex, row) => emit(groups.map((group, index) => index === groupIndex ? group.map((existing, position) => position === rowIndex ? row : existing) : group));
-	const removeRow = (groupIndex, rowIndex) => emit(groups.map((group, index) => index === groupIndex ? group.filter((_, position) => position !== rowIndex) : group).filter((group) => group.length > 0));
-	if (operands.length === 0) return /* @__PURE__ */ jsx("p", {
-		className: "form-builder-condition__hint",
-		children: t(keys.conditionNoFields)
-	});
-	return /* @__PURE__ */ jsxs("div", {
-		className: "form-builder-condition",
-		children: [groups.length === 0 ? /* @__PURE__ */ jsx("p", {
-			className: "form-builder-condition__hint",
-			children: t(keys.conditionEmpty)
-		}) : groups.map((group, groupIndex) => /* @__PURE__ */ jsxs("div", {
-			className: "form-builder-condition__group",
-			children: [
-				groupIndex > 0 ? /* @__PURE__ */ jsx("div", {
-					className: "form-builder-condition__or",
-					children: t(keys.conditionOr)
-				}) : null,
-				group.map((row, rowIndex) => /* @__PURE__ */ jsxs("div", {
-					className: "form-builder-condition__and",
-					children: [rowIndex > 0 ? /* @__PURE__ */ jsx("span", { children: t(keys.conditionAnd) }) : null, /* @__PURE__ */ jsx(ConditionRow, {
-						condition: row,
-						operands,
-						onChange: (next) => updateRow(groupIndex, rowIndex, next),
-						onRemove: () => removeRow(groupIndex, rowIndex)
-					})]
-				}, rowIndex)),
-				/* @__PURE__ */ jsx("button", {
-					type: "button",
-					onClick: () => addCondition(groupIndex),
-					children: t(keys.conditionAddCondition)
-				})
-			]
-		}, groupIndex)), /* @__PURE__ */ jsx("div", {
-			className: "form-builder-condition__actions",
-			children: /* @__PURE__ */ jsx("button", {
-				type: "button",
-				onClick: () => groups.length === 0 ? addCondition(0) : addOrGroup(),
-				children: groups.length === 0 ? t(keys.conditionAddCondition) : t(keys.conditionAddOr)
-			})
-		})]
-	});
-};
-//#endregion
-//#region src/client/FormConditionField.tsx
-const toStaticLabel = (label) => {
-	if (typeof label === "string") return label;
-	if (label && typeof label === "object") return label;
-};
-/**
-* The `Field` mounted on a form field's `visibleWhen`/`validateWhen` json column. Binds the field's own
-* path with `useField<Where>()` (the QueryPresetsWhereField precedent) and renders the native builder.
-*/
-const FormConditionField = (props) => {
-	const { path, setValue, value } = useField();
-	return /* @__PURE__ */ jsxs("div", {
-		className: "field-type form-builder-condition-field",
-		children: [/* @__PURE__ */ jsx(FieldLabel, {
-			label: toStaticLabel(props.field?.label ?? props.label),
-			path
-		}), /* @__PURE__ */ jsx(ConditionBuilder, {
-			value: value ?? void 0,
-			onChange: setValue,
-			conditionTypes: props.conditionTypes,
-			selfName: props.field?.name
-		})]
-	});
-};
-//#endregion
-export { FormConditionField };
-
-//# sourceMappingURL=client.js.map
+import { FlowBuilder } from "../client/FlowBuilder.js";
+import { FormConditionField } from "../client/FormConditionField.js";
+export { FlowBuilder, FormConditionField };

package/dist/exports/i18n.d.ts

@@ -1,138 +1,3 @@
-//#region src/translations/keys.d.ts
-/**
- * Typed translation keys. Lookups must go through these constants, not string
- * literals (enforced by requireI18nKeysTyped.grit). Every key here must have a
- * value in every locale (`en.ts`), or it is a type error.
- */
-declare const keys: {
-  readonly pluginName: "formBuilder:pluginName";
-  readonly fieldTitle: "formBuilder:fieldTitle";
-  readonly fieldTypeText: "formBuilder:fieldType.text";
-  readonly fieldTypeTextarea: "formBuilder:fieldType.textarea";
-  readonly fieldTypeEmail: "formBuilder:fieldType.email";
-  readonly fieldTypeNumber: "formBuilder:fieldType.number";
-  readonly fieldTypeSelect: "formBuilder:fieldType.select";
-  readonly fieldTypeCheckbox: "formBuilder:fieldType.checkbox";
-  readonly configOptions: "formBuilder:config.options";
-  readonly configOption: "formBuilder:config.option";
-  readonly configOptionLabel: "formBuilder:config.optionLabel";
-  readonly configOptionValue: "formBuilder:config.optionValue";
-  readonly validationRequired: "formBuilder:validation.required";
-  readonly validationEmail: "formBuilder:validation.email";
-  readonly validationNumber: "formBuilder:validation.number";
-  readonly validationSelect: "formBuilder:validation.select";
-  readonly formatYes: "formBuilder:format.yes";
-  readonly formatNo: "formBuilder:format.no";
-  readonly configName: "formBuilder:config.name";
-  readonly configLabel: "formBuilder:config.label";
-  readonly configRequired: "formBuilder:config.required";
-  readonly configWidth: "formBuilder:config.width";
-  readonly configPlaceholder: "formBuilder:config.placeholder";
-  readonly configDescription: "formBuilder:config.description";
-  readonly configVisibleWhen: "formBuilder:config.visibleWhen";
-  readonly configValidateWhen: "formBuilder:config.validateWhen";
-  readonly submissionAnswers: "formBuilder:submission.answers";
-  readonly submissionNoAnswers: "formBuilder:submission.noAnswers";
-  readonly ruleMinLength: "formBuilder:rule.minLength.label";
-  readonly ruleMaxLength: "formBuilder:rule.maxLength.label";
-  readonly ruleMin: "formBuilder:rule.min.label";
-  readonly ruleMax: "formBuilder:rule.max.label";
-  readonly rulePattern: "formBuilder:rule.pattern.label";
-  readonly ruleEmail: "formBuilder:rule.email.label";
-  readonly ruleUrl: "formBuilder:rule.url.label";
-  readonly ruleOneOf: "formBuilder:rule.oneOf.label";
-  readonly ruleMatchesField: "formBuilder:rule.matchesField.label";
-  readonly ruleNotAlreadySubmitted: "formBuilder:rule.notAlreadySubmitted.label";
-  readonly ruleMinLengthMessage: "formBuilder:rule.minLength.message";
-  readonly ruleMaxLengthMessage: "formBuilder:rule.maxLength.message";
-  readonly ruleMinMessage: "formBuilder:rule.min.message";
-  readonly ruleMaxMessage: "formBuilder:rule.max.message";
-  readonly rulePatternMessage: "formBuilder:rule.pattern.message";
-  readonly ruleEmailMessage: "formBuilder:rule.email.message";
-  readonly ruleUrlMessage: "formBuilder:rule.url.message";
-  readonly ruleOneOfMessage: "formBuilder:rule.oneOf.message";
-  readonly ruleMatchesFieldMessage: "formBuilder:rule.matchesField.message";
-  readonly ruleNotAlreadySubmittedMessage: "formBuilder:rule.notAlreadySubmitted.message";
-  readonly ruleParamMin: "formBuilder:rule.param.min";
-  readonly ruleParamMax: "formBuilder:rule.param.max";
-  readonly ruleParamPattern: "formBuilder:rule.param.pattern";
-  readonly ruleParamFlags: "formBuilder:rule.param.flags";
-  readonly ruleParamValues: "formBuilder:rule.param.values";
-  readonly ruleParamField: "formBuilder:rule.param.field";
-  readonly validationsLabel: "formBuilder:validations.label";
-  readonly validationMessageLabel: "formBuilder:validations.message";
-  readonly validationSeverityLabel: "formBuilder:validations.severity";
-  readonly validationSeverityError: "formBuilder:validations.severity.error";
-  readonly validationSeverityWarning: "formBuilder:validations.severity.warning";
-  readonly conditionAddCondition: "formBuilder:condition.addCondition";
-  readonly conditionAddOr: "formBuilder:condition.addOr";
-  readonly conditionAnd: "formBuilder:condition.and";
-  readonly conditionOr: "formBuilder:condition.or";
-  readonly conditionRemove: "formBuilder:condition.remove";
-  readonly conditionNoFields: "formBuilder:condition.noFields";
-  readonly conditionEmpty: "formBuilder:condition.empty";
-  readonly conditionSelectField: "formBuilder:condition.selectField";
-  readonly conditionValuePlaceholder: "formBuilder:condition.value";
-  readonly conditionTrue: "formBuilder:condition.true";
-  readonly conditionFalse: "formBuilder:condition.false";
-  readonly configAdvanced: "formBuilder:config.advanced";
-  readonly configHidden: "formBuilder:config.hidden";
-  readonly fieldTypeCalculation: "formBuilder:fieldType.calculation";
-  readonly configExpression: "formBuilder:config.expression";
-  readonly configCalcDisplay: "formBuilder:config.calcDisplay";
-  readonly configDefaultPresentation: "formBuilder:config.defaultPresentation";
-  readonly presentationPage: "formBuilder:presentation.page";
-  readonly presentationModal: "formBuilder:presentation.modal";
-  readonly presentationDrawer: "formBuilder:presentation.drawer";
-  readonly presentationInline: "formBuilder:presentation.inline";
-  readonly actionEmailTeam: "formBuilder:action.emailTeam";
-  readonly actionConfirmation: "formBuilder:action.confirmation";
-  readonly actionSignedWebhook: "formBuilder:action.signedWebhook";
-  readonly actionConfigTo: "formBuilder:action.config.to";
-  readonly actionConfigSubject: "formBuilder:action.config.subject";
-  readonly actionConfigBody: "formBuilder:action.config.body";
-  readonly actionConfigToField: "formBuilder:action.config.toField";
-  readonly actionConfigUrl: "formBuilder:action.config.url";
-  readonly actionConfigSecret: "formBuilder:action.config.secret";
-  readonly configActions: "formBuilder:config.actions";
-  readonly consentSourceStatic: "formBuilder:consentSource.static";
-  readonly consentSourcePageReference: "formBuilder:consentSource.pageReference";
-  readonly consentConfigLabel: "formBuilder:consent.config.label";
-  readonly consentConfigUrl: "formBuilder:consent.config.url";
-  readonly consentConfigVersion: "formBuilder:consent.config.version";
-  readonly consentConfigRelationTo: "formBuilder:consent.config.relationTo";
-  readonly consentConfigDocId: "formBuilder:consent.config.docId";
-  readonly consentConfigUrlField: "formBuilder:consent.config.urlField";
-  readonly consentConfigCaptureVersion: "formBuilder:consent.config.captureVersion";
-  readonly fieldTypeConsent: "formBuilder:fieldType.consent";
-  readonly consentConfigStatement: "formBuilder:consent.config.statement";
-  readonly consentConfigSource: "formBuilder:consent.config.source";
-  readonly consentConfigSourceConfig: "formBuilder:consent.config.sourceConfig";
-  readonly consentConfigOptional: "formBuilder:consent.config.optional";
-  readonly resultsTitle: "formBuilder:results.title";
-  readonly resultsResponses: "formBuilder:results.responses";
-  readonly resultsNoResponses: "formBuilder:results.noResponses";
-  readonly resultsTruncated: "formBuilder:results.truncated";
-  readonly configShowResults: "formBuilder:config.showResults";
-  readonly configResultsField: "formBuilder:config.resultsField";
-  readonly validationFileMissing: "formBuilder:validation.file.missing";
-  readonly validationFileMimeType: "formBuilder:validation.file.mimeType";
-  readonly validationFileTooLarge: "formBuilder:validation.file.tooLarge";
-  readonly fieldTypeFile: "formBuilder:fieldType.file";
-  readonly fileConfigRelationTo: "formBuilder:file.config.relationTo";
-  readonly fileConfigMimeTypes: "formBuilder:file.config.mimeTypes";
-  readonly fileConfigMaxSize: "formBuilder:file.config.maxSize";
-  readonly spamRateLimited: "formBuilder:spam.rateLimited";
-  readonly spamRejected: "formBuilder:spam.rejected";
-  readonly spamCaptchaFailed: "formBuilder:spam.captchaFailed";
-};
-type TranslationKey = (typeof keys)[keyof typeof keys];
-//#endregion
-//#region src/translations/index.d.ts
-/** Per-locale messages merged into `config.i18n.translations`. English only for now. */
-declare const translations: {
-  en: Record<string, Record<string, string>>;
-};
-//#endregion
-export { type TranslationKey as FormBuilderTranslationKeys, keys, translations };
-//# sourceMappingURL=i18n.d.ts.map
+import { TranslationKey, keys } from "../translations/keys.js";
+import { TranslationsOption, translations } from "../translations/index.js";
+export { type TranslationKey as FormBuilderTranslationKeys, type TranslationKey, type TranslationsOption, keys, translations };

package/dist/exports/i18n.js

@@ -1,3 +1,3 @@
-import { t as keys } from "../keys-N5xGiUsh.js";
-import { t as translations } from "../translations-edMqq_2e.js";
+import { keys } from "../translations/keys.js";
+import { translations } from "../translations/index.js";
 export { keys, translations };