@10x-media/form-builder 0.1.0-beta.2 → 0.1.0-beta.4

package/styles/form-builder.css

@@ -101,198 +101,18 @@
 	height: 100%;
 	background: var(--fb-results-fill, currentColor);
 }
-.fb-results__total {
-	margin-block-start: 0.5rem;
-	opacity: 0.7;
-	font-size: 0.875em;
-}
-
-/* Flow builder (admin UI only, requires Payload theme variables). */
-.fb-flow-builder {
-	display: flex;
-	flex-direction: column;
-	gap: 0.5rem;
-	margin-block-end: 1rem;
-}
-.fb-flow-builder__hint {
-	color: var(--theme-elevation-400);
-	font-size: 0.875rem;
-	margin: 0;
-}
-.fb-flow-builder__steps {
-	display: flex;
-	flex-direction: column;
-	gap: 0.5rem;
-}
-.fb-flow-builder__actions {
-	margin-block-start: 0.25rem;
-}
-
-.fb-flow-step__header-content {
-	display: flex;
-	align-items: center;
-	gap: 0.5rem;
-	overflow: hidden;
-}
-.fb-flow-step__index {
-	font-size: 0.6875rem;
+.fb-results__bucket--winner {
 	font-weight: 600;
-	text-transform: uppercase;
-	letter-spacing: 0.04em;
-	color: var(--theme-elevation-400);
-	flex-shrink: 0;
-}
-.fb-flow-step__id-preview {
-	font-size: 0.875rem;
-	overflow: hidden;
-	text-overflow: ellipsis;
-	white-space: nowrap;
-}
-.fb-flow-step__id-preview em {
-	color: var(--theme-elevation-400);
-	font-style: italic;
-}
-.fb-flow-step__body {
-	padding: 0.75rem;
-	display: flex;
-	flex-direction: column;
-	gap: 0.25rem;
-}
-.fb-flow-step__row {
-	display: flex;
-	flex-direction: column;
-	gap: 0.25rem;
-}
-.fb-flow-step__hint {
-	font-size: 0.75rem;
-	color: var(--theme-elevation-400);
-	margin: 0;
-}
-.fb-flow-step__field-picker {
-	display: flex;
-	flex-wrap: wrap;
-	gap: 0.25rem 1.25rem;
-	padding-block: 0.25rem;
 }
-.fb-flow-step__transitions {
-	display: flex;
-	flex-direction: column;
-	gap: 0.5rem;
-	padding-block-start: 0.5rem;
-}
-.fb-flow-step__transitions-header {
-	display: flex;
-	align-items: baseline;
-	gap: 0.5rem;
-}
-
-.fb-flow-transition {
-	border: 1px solid var(--theme-border-color);
-	border-radius: var(--style-radius-s);
-	padding: 0.5rem 0.75rem;
-	display: flex;
-	flex-direction: column;
-	gap: 0.5rem;
-}
-.fb-flow-transition__header {
-	display: flex;
-	align-items: center;
-	gap: 0.5rem;
-}
-.fb-flow-transition__label {
-	font-size: 0.6875rem;
-	font-weight: 600;
-	text-transform: uppercase;
-	letter-spacing: 0.04em;
-	color: var(--theme-elevation-400);
-	flex-shrink: 0;
-}
-.fb-flow-transition__goto {
-	flex: 1;
-	min-width: 0;
-}
-.fb-flow-transition__actions {
-	display: flex;
-	align-items: center;
-	gap: 0.25rem;
-	flex-shrink: 0;
-}
-.fb-flow-transition__when-label {
-	font-size: 0.6875rem;
-	font-weight: 600;
-	text-transform: uppercase;
-	letter-spacing: 0.04em;
-	color: var(--theme-elevation-400);
-}
-.fb-flow-transition__condition {
-	padding-inline-start: 0.25rem;
-}
-
-/* Condition builder (admin UI only, requires Payload theme variables). */
-.fb-condition-builder {
-	display: flex;
-	flex-direction: column;
-	gap: 0.5rem;
-}
-.fb-condition-builder__hint {
-	color: var(--theme-elevation-400);
-	font-size: 0.875rem;
-	margin: 0;
-}
-.fb-condition-builder__group {
-	display: flex;
-	flex-direction: column;
-	gap: 0.375rem;
-	padding: 0.75rem;
-	border: 1px solid var(--theme-border-color);
-	border-radius: var(--style-radius-m);
-}
-.fb-condition-builder__or-label {
-	display: inline-block;
-	font-size: 11px;
-	font-weight: 500;
+.fb-results__winner-badge {
+	margin-inline-start: 0.375rem;
+	font-size: 0.75em;
 	text-transform: uppercase;
-	margin-block: 0.125rem;
-}
-.fb-condition-builder__and-row {
-	display: flex;
-	flex-direction: column;
-	gap: 0.25rem;
-}
-.fb-condition-builder__and-label {
-	font-size: 10px;
-	font-weight: 500;
-	text-transform: uppercase;
-	padding-inline-start: 0.125rem;
-}
-.fb-condition-builder__add-condition {
-	align-self: flex-start;
-	margin-block-start: 0.25rem;
-}
-.fb-condition-builder__actions {
-	display: flex;
-	gap: 0.5rem;
-	margin-top: 0.5rem;
-}
-.fb-condition-row {
-	display: flex;
-	align-items: flex-start;
-	gap: 0.5rem;
-	flex-wrap: nowrap;
-}
-.fb-condition-row__field {
-	flex: 1 1 9rem;
-	min-width: 0;
-}
-.fb-condition-row__operator {
-	flex: 0 1 9rem;
-	min-width: 0;
-}
-.fb-condition-row__value {
-	flex: 1 1 9rem;
-	min-width: 0;
+	letter-spacing: 0.05em;
+	opacity: 0.7;
 }
-.fb-condition-row__remove {
-	flex-shrink: 0;
-	align-self: center;
+.fb-results__total {
+	margin-block-start: 0.5rem;
+	opacity: 0.7;
+	font-size: 0.875em;
 }

package/dist/collections/uploads.d.ts

@@ -1,30 +0,0 @@
-import { CollectionOverrides } from "../plugin/collectionOverrides.js";
-import { CollectionConfig } from "payload";
-
-//#region src/collections/uploads.d.ts
-declare const FORM_UPLOADS_SLUG = "form-uploads";
-/** Override surface for the built-in upload collection. */
-type UploadsCollectionConfig = {
-  slug?: string; /** Merged onto the collection's `upload` config (e.g. `staticDir`, `mimeTypes`). `true` uses Payload defaults. */
-  upload?: NonNullable<CollectionConfig['upload']> | true; /** Replace access (defaults: anonymous create, authed read/update/delete). */
-  access?: CollectionConfig['access']; /** Append extra fields. */
-  fields?: CollectionConfig['fields'];
-};
-type UploadsOption = boolean | UploadsCollectionConfig;
-/**
- * The built-in upload collection backing the `file` field. Anonymous create (public forms upload here),
- * authed read/update/delete (only admins read stored files; submitters cannot enumerate others' uploads).
- * Per-field MIME/size is re-enforced at submit, so the collection stays permissive by default. No
- * `imageSizes`, so it needs no `sharp`. Projects with their own upload collection set `uploads: false` and
- * point the file field's `relationTo` at theirs.
- */
-declare const buildUploadsCollection: (config?: UploadsCollectionConfig, overrides?: CollectionOverrides) => CollectionConfig;
-/** Resolve the `uploads` plugin option: `false` disables, `true`/object enables the built-in collection. */
-declare const resolveUploads: (option: UploadsOption | undefined) => {
-  enabled: boolean;
-  slug: string;
-  collection?: CollectionConfig;
-};
-//#endregion
-export { FORM_UPLOADS_SLUG, UploadsCollectionConfig, UploadsOption, buildUploadsCollection, resolveUploads };
-//# sourceMappingURL=uploads.d.ts.map

package/dist/collections/uploads.js

@@ -1,55 +0,0 @@
-import { isLoggedIn } from "../plugin/access.js";
-//#region src/collections/uploads.ts
-const FORM_UPLOADS_SLUG = "form-uploads";
-/**
-* The built-in upload collection backing the `file` field. Anonymous create (public forms upload here),
-* authed read/update/delete (only admins read stored files; submitters cannot enumerate others' uploads).
-* Per-field MIME/size is re-enforced at submit, so the collection stays permissive by default. No
-* `imageSizes`, so it needs no `sharp`. Projects with their own upload collection set `uploads: false` and
-* point the file field's `relationTo` at theirs.
-*/
-const buildUploadsCollection = (config = {}, overrides) => {
-	const defaultFields = [{
-		name: "owner",
-		type: "text",
-		admin: {
-			readOnly: true,
-			hidden: true
-		}
-	}, ...config.fields ?? []];
-	return {
-		...overrides ?? {},
-		slug: config.slug ?? "form-uploads",
-		access: {
-			create: () => true,
-			read: isLoggedIn,
-			update: isLoggedIn,
-			delete: isLoggedIn,
-			...config.access ?? {},
-			...overrides?.access ?? {}
-		},
-		admin: {
-			group: "Forms",
-			...overrides?.admin ?? {}
-		},
-		upload: config.upload && config.upload !== true ? config.upload : true,
-		fields: overrides?.fields ? overrides.fields({ defaultFields }) : defaultFields
-	};
-};
-/** Resolve the `uploads` plugin option: `false` disables, `true`/object enables the built-in collection. */
-const resolveUploads = (option) => {
-	if (option === false) return {
-		enabled: false,
-		slug: FORM_UPLOADS_SLUG
-	};
-	const collection = buildUploadsCollection(option && option !== true ? option : {});
-	return {
-		enabled: true,
-		slug: collection.slug,
-		collection
-	};
-};
-//#endregion
-export { FORM_UPLOADS_SLUG, buildUploadsCollection, resolveUploads };
-
-//# sourceMappingURL=uploads.js.map

package/dist/collections/uploads.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"uploads.js","names":[],"sources":["../../src/collections/uploads.ts"],"sourcesContent":["import type { CollectionConfig, Field } from 'payload'\nimport { isLoggedIn } from '../plugin/access'\nimport type { CollectionOverrides } from '../plugin/collectionOverrides'\n\nexport const FORM_UPLOADS_SLUG = 'form-uploads'\n\n/** Override surface for the built-in upload collection. */\nexport type UploadsCollectionConfig = {\n\tslug?: string\n\t/** Merged onto the collection's `upload` config (e.g. `staticDir`, `mimeTypes`). `true` uses Payload defaults. */\n\tupload?: NonNullable<CollectionConfig['upload']> | true\n\t/** Replace access (defaults: anonymous create, authed read/update/delete). */\n\taccess?: CollectionConfig['access']\n\t/** Append extra fields. */\n\tfields?: CollectionConfig['fields']\n}\n\nexport type UploadsOption = boolean | UploadsCollectionConfig\n\n/**\n * The built-in upload collection backing the `file` field. Anonymous create (public forms upload here),\n * authed read/update/delete (only admins read stored files; submitters cannot enumerate others' uploads).\n * Per-field MIME/size is re-enforced at submit, so the collection stays permissive by default. No\n * `imageSizes`, so it needs no `sharp`. Projects with their own upload collection set `uploads: false` and\n * point the file field's `relationTo` at theirs.\n */\nexport const buildUploadsCollection = (\n\tconfig: UploadsCollectionConfig = {},\n\toverrides?: CollectionOverrides\n): CollectionConfig => {\n\tconst defaultFields: Field[] = [\n\t\t{ name: 'owner', type: 'text', admin: { readOnly: true, hidden: true } },\n\t\t...(config.fields ?? []),\n\t]\n\n\treturn {\n\t\t...(overrides ?? {}),\n\t\tslug: config.slug ?? FORM_UPLOADS_SLUG,\n\t\taccess: {\n\t\t\tcreate: () => true,\n\t\t\tread: isLoggedIn,\n\t\t\tupdate: isLoggedIn,\n\t\t\tdelete: isLoggedIn,\n\t\t\t...(config.access ?? {}),\n\t\t\t...(overrides?.access ?? {}),\n\t\t},\n\t\tadmin: { group: 'Forms', ...(overrides?.admin ?? {}) },\n\t\tupload: config.upload && config.upload !== true ? config.upload : true,\n\t\tfields: overrides?.fields ? overrides.fields({ defaultFields }) : defaultFields,\n\t}\n}\n\n/** Resolve the `uploads` plugin option: `false` disables, `true`/object enables the built-in collection. */\nexport const resolveUploads = (\n\toption: UploadsOption | undefined\n): { enabled: boolean; slug: string; collection?: CollectionConfig } => {\n\tif (option === false) {\n\t\treturn { enabled: false, slug: FORM_UPLOADS_SLUG }\n\t}\n\tconst config = option && option !== true ? option : {}\n\tconst collection = buildUploadsCollection(config)\n\treturn { enabled: true, slug: collection.slug as string, collection }\n}\n"],"mappings":";;AAIA,MAAa,oBAAoB;;;;;;;;AAsBjC,MAAa,0BACZ,SAAkC,CAAC,GACnC,cACsB;CACtB,MAAM,gBAAyB,CAC9B;EAAE,MAAM;EAAS,MAAM;EAAQ,OAAO;GAAE,UAAU;GAAM,QAAQ;EAAK;CAAE,GACvE,GAAI,OAAO,UAAU,CAAC,CACvB;CAEA,OAAO;EACN,GAAI,aAAa,CAAC;EAClB,MAAM,OAAO,QAAA;EACb,QAAQ;GACP,cAAc;GACd,MAAM;GACN,QAAQ;GACR,QAAQ;GACR,GAAI,OAAO,UAAU,CAAC;GACtB,GAAI,WAAW,UAAU,CAAC;EAC3B;EACA,OAAO;GAAE,OAAO;GAAS,GAAI,WAAW,SAAS,CAAC;EAAG;EACrD,QAAQ,OAAO,UAAU,OAAO,WAAW,OAAO,OAAO,SAAS;EAClE,QAAQ,WAAW,SAAS,UAAU,OAAO,EAAE,cAAc,CAAC,IAAI;CACnE;AACD;;AAGA,MAAa,kBACZ,WACuE;CACvE,IAAI,WAAW,OACd,OAAO;EAAE,SAAS;EAAO,MAAM;CAAkB;CAGlD,MAAM,aAAa,uBADJ,UAAU,WAAW,OAAO,SAAS,CAAC,CACL;CAChD,OAAO;EAAE,SAAS;EAAM,MAAM,WAAW;EAAgB;CAAW;AACrE"}

package/dist/presentations/registry.d.ts

@@ -1,15 +0,0 @@
-import { PresentationDescriptor } from "./types.js";
-
-//#region src/presentations/registry.d.ts
-type PresentationDescriptorRegistry = Map<string, PresentationDescriptor>;
-/** Per-name override: `false` removes, `true` keeps the default, a descriptor adds or replaces one. */
-type PresentationDescriptorOption = boolean | PresentationDescriptor;
-type PresentationsDescriptorConfig = Record<string, PresentationDescriptorOption>;
-/**
- * Resolve the active presentation descriptors from the defaults and a consumer override map.
- * Mirrors the field-type, validation-rule, and renderer registry convention.
- */
-declare const resolvePresentationDescriptors: (defaults: Record<string, PresentationDescriptor>, config?: PresentationsDescriptorConfig) => PresentationDescriptorRegistry;
-//#endregion
-export { PresentationDescriptorOption, PresentationDescriptorRegistry, PresentationsDescriptorConfig, resolvePresentationDescriptors };
-//# sourceMappingURL=registry.d.ts.map

package/dist/presentations/registry.js

@@ -1,15 +0,0 @@
-//#region src/presentations/registry.ts
-/**
-* Resolve the active presentation descriptors from the defaults and a consumer override map.
-* Mirrors the field-type, validation-rule, and renderer registry convention.
-*/
-const resolvePresentationDescriptors = (defaults, config = {}) => {
-	const registry = new Map(Object.entries(defaults));
-	for (const [name, option] of Object.entries(config)) if (option === false) registry.delete(name);
-	else if (option === true) {} else registry.set(name, option);
-	return registry;
-};
-//#endregion
-export { resolvePresentationDescriptors };
-
-//# sourceMappingURL=registry.js.map

package/dist/presentations/registry.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"registry.js","names":[],"sources":["../../src/presentations/registry.ts"],"sourcesContent":["import type { PresentationDescriptor } from './types'\n\nexport type PresentationDescriptorRegistry = Map<string, PresentationDescriptor>\n\n/** Per-name override: `false` removes, `true` keeps the default, a descriptor adds or replaces one. */\nexport type PresentationDescriptorOption = boolean | PresentationDescriptor\n\nexport type PresentationsDescriptorConfig = Record<string, PresentationDescriptorOption>\n\n/**\n * Resolve the active presentation descriptors from the defaults and a consumer override map.\n * Mirrors the field-type, validation-rule, and renderer registry convention.\n */\nexport const resolvePresentationDescriptors = (\n\tdefaults: Record<string, PresentationDescriptor>,\n\tconfig: PresentationsDescriptorConfig = {}\n): PresentationDescriptorRegistry => {\n\tconst registry: PresentationDescriptorRegistry = new Map(Object.entries(defaults))\n\tfor (const [name, option] of Object.entries(config)) {\n\t\tif (option === false) {\n\t\t\tregistry.delete(name)\n\t\t} else if (option === true) {\n\t\t\t// keep the default; no-op when no default exists for this name\n\t\t} else {\n\t\t\tregistry.set(name, option)\n\t\t}\n\t}\n\treturn registry\n}\n"],"mappings":";;;;;AAaA,MAAa,kCACZ,UACA,SAAwC,CAAC,MACL;CACpC,MAAM,WAA2C,IAAI,IAAI,OAAO,QAAQ,QAAQ,CAAC;CACjF,KAAK,MAAM,CAAC,MAAM,WAAW,OAAO,QAAQ,MAAM,GACjD,IAAI,WAAW,OACd,SAAS,OAAO,IAAI;MACd,IAAI,WAAW,MAAM,CAE5B,OACC,SAAS,IAAI,MAAM,MAAM;CAG3B,OAAO;AACR"}

package/dist/react/toFormDocument.d.ts

@@ -1,24 +0,0 @@
-import { FormDocument } from "./Form.js";
-
-//#region src/react/toFormDocument.d.ts
-/**
- * Narrows a Payload-generated form document (from `getPayload().findByID()` or `fetch`) to
- * `FormDocument` without an unsafe `as` cast. Handles the small structural mismatches between
- * the auto-generated collection types and what `<Form>` expects:
- * - `fields` may be a typed blocks-union array or null; normalized to `FormFieldInstance[]`
- * - `flow` is stored as opaque JSON; typed as `FormFlow | undefined`
- * - `defaultPresentation` may be null; coerced to `undefined`
- */
-declare function toFormDocument(form: {
-  id: number | string;
-  fields?: {
-    blockType: string;
-    name: string;
-    [key: string]: unknown;
-  }[] | null;
-  flow?: unknown;
-  defaultPresentation?: string | null;
-}): FormDocument;
-//#endregion
-export { toFormDocument };
-//# sourceMappingURL=toFormDocument.d.ts.map

package/dist/react/toFormDocument.js

@@ -1,22 +0,0 @@
-"use client";
-//#region src/react/toFormDocument.ts
-/**
-* Narrows a Payload-generated form document (from `getPayload().findByID()` or `fetch`) to
-* `FormDocument` without an unsafe `as` cast. Handles the small structural mismatches between
-* the auto-generated collection types and what `<Form>` expects:
-* - `fields` may be a typed blocks-union array or null; normalized to `FormFieldInstance[]`
-* - `flow` is stored as opaque JSON; typed as `FormFlow | undefined`
-* - `defaultPresentation` may be null; coerced to `undefined`
-*/
-function toFormDocument(form) {
-	return {
-		id: form.id,
-		fields: form.fields ?? [],
-		flow: form.flow,
-		defaultPresentation: form.defaultPresentation ?? void 0
-	};
-}
-//#endregion
-export { toFormDocument };
-
-//# sourceMappingURL=toFormDocument.js.map

package/dist/react/toFormDocument.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"toFormDocument.js","names":[],"sources":["../../src/react/toFormDocument.ts"],"sourcesContent":["'use client'\n\nimport type { FormFlow } from '../flow/types'\nimport type { FormFieldInstance } from '../submissions/types'\nimport type { FormDocument } from './Form'\n\n/**\n * Narrows a Payload-generated form document (from `getPayload().findByID()` or `fetch`) to\n * `FormDocument` without an unsafe `as` cast. Handles the small structural mismatches between\n * the auto-generated collection types and what `<Form>` expects:\n * - `fields` may be a typed blocks-union array or null; normalized to `FormFieldInstance[]`\n * - `flow` is stored as opaque JSON; typed as `FormFlow | undefined`\n * - `defaultPresentation` may be null; coerced to `undefined`\n */\nexport function toFormDocument(form: {\n\tid: number | string\n\tfields?: { blockType: string; name: string; [key: string]: unknown }[] | null\n\tflow?: unknown\n\tdefaultPresentation?: string | null\n}): FormDocument {\n\treturn {\n\t\tid: form.id,\n\t\tfields: (form.fields ?? []) as FormFieldInstance[],\n\t\tflow: form.flow as FormFlow | undefined,\n\t\tdefaultPresentation: form.defaultPresentation ?? undefined,\n\t}\n}\n"],"mappings":";;;;;;;;;;AAcA,SAAgB,eAAe,MAKd;CAChB,OAAO;EACN,IAAI,KAAK;EACT,QAAS,KAAK,UAAU,CAAC;EACzB,MAAM,KAAK;EACX,qBAAqB,KAAK,uBAAuB,KAAA;CAClD;AACD"}