@nascentdigital/funnel-ui 4.4.18

package/dist/server/blocks/Block.js

@@ -0,0 +1,92 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Block = Block;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const funnel_core_1 = require("@nascentdigital/funnel-core");
+const classnames_1 = __importDefault(require("classnames"));
+const react_1 = require("react");
+const schema_1 = require("../schema");
+// component
+function Block(_a) {
+    var _b;
+    var { className, config, layout, renderPanel } = _a, props = __rest(_a, ["className", "config", "layout", "renderPanel"]);
+    // render
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: (0, classnames_1.default)(className, 'nd-Block', funnel_core_1.BlockLayout.ResponsiveClassNames.parse({
+            value: layout.tight,
+            mobile: {
+                none: 'max-md:nd-Block-tight-none',
+                above: 'max-md:nd-Block-tight-above',
+                below: 'max-md:nd-Block-tight-below',
+                both: 'max-md:nd-Block-tight-both'
+            },
+            base: {
+                none: 'md:nd-Block-tight-none',
+                above: 'md:nd-Block-tight-above',
+                below: 'md:nd-Block-tight-below',
+                both: 'md:nd-Block-tight-both'
+            },
+            desktop: {
+                none: 'lg:nd-Block-tight-none',
+                above: 'lg:nd-Block-tight-above',
+                below: 'lg:nd-Block-tight-below',
+                both: 'lg:nd-Block-tight-both'
+            }
+        }), schema_1.BlockConfig.Theme.getClassName((_b = config === null || config === void 0 ? void 0 : config.theme) === null || _b === void 0 ? void 0 : _b.value)) }, props, { children: renderLayout({ renderPanel, layout }) })));
+}
+function renderLayout({ renderPanel, layout }) {
+    // render root container (row/column/stack)
+    const { root } = layout;
+    const { items } = root;
+    const siblingCount = items.length;
+    return ((0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)('nd-Block-root', getContainerClasses(root)), children: items.map((item, index) => (0, jsx_runtime_1.jsx)(react_1.Fragment, { children: renderItem({ renderPanel, parent: root.type, item, siblingCount }) }, `${item.type}.${index}`)) }));
+}
+function getContainerClasses({ type, alignX, alignY, items }) {
+    var _a;
+    const itemCount = (_a = items.length) !== null && _a !== void 0 ? _a : 0;
+    return (0, classnames_1.default)({
+        'nd-Block-row': type === 'row',
+        'nd-Block-column': type === 'column',
+        'nd-Block-stack': type === 'stack',
+        'nd-Block-x-start': alignX === 'start',
+        'nd-Block-x-center': alignX === 'center',
+        'nd-Block-x-end': alignX === 'end',
+        'nd-Block-y-start': alignY === 'start',
+        'nd-Block-y-center': alignY === 'center',
+        'nd-Block-y-end': alignY === 'end',
+        'nd-Block-items-1': itemCount === 1,
+        'nd-Block-items-2': itemCount === 2,
+        'nd-Block-items-3': itemCount === 3
+    });
+}
+function renderItem({ renderPanel, parent, item, siblingCount }) {
+    // render based on item type
+    switch (item.type) {
+        // row/column/stack (l2 containers)
+        case 'row':
+        case 'column':
+        case 'stack': {
+            const { items } = item;
+            const parent = item.type;
+            const siblingCount = items.length;
+            return ((0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)(getContainerClasses(item)), children: items.map((child, index) => (0, jsx_runtime_1.jsx)(react_1.Fragment, { children: renderItem({ renderPanel, parent, item: child, siblingCount }) }, `${child.type}.${index}`)) }));
+        }
+        // child panel (provided by caller)
+        default: {
+            return renderPanel({ panel: item });
+        }
+    }
+}

package/dist/server/blocks/Clients.d.ts

@@ -0,0 +1,33 @@
+import { Schema } from '@nascentdigital/funnel-core';
+import { HTMLBlockElement, HTMLElements } from '../../types';
+import { Client } from '../entities';
+import { Caption, Headline } from '../fields';
+export declare function Clients({ className, headlineTag, captionTag, clientsTag, clientTag, clientProps, clients: clientData, ...props }: Clients.Props): import("react/jsx-runtime").JSX.Element | null;
+export declare namespace Clients {
+    const schema: Schema.Block<"_nd-clients", {
+        headline: Schema.Optional<Schema.RichTextField>;
+        caption: Schema.Optional<Schema.RichTextField>;
+        items: Schema.ListField<{
+            item: Schema.CollectionField<Schema.Collection<{
+                division: Schema.Optional<Schema.TextField>;
+                location: Schema.Optional<Schema.TextField>;
+                logo: Schema.Optional<Schema.AssetField<Schema.AssetField.LinkedValue.Visual>>;
+                badge: Schema.Optional<Schema.AssetField<Schema.AssetField.LinkedValue.Image>>;
+                badgeText: Schema.Optional<Schema.TextField>;
+            }>>;
+        }>;
+    }, {
+        theme: Schema.EnumField<Readonly<import("@nascentdigital/funnel-core").BlockThemes.Options>>;
+    }>;
+    type Props = HTMLBlockElement<'div'> & {
+        headlineTag?: Headline.Tag;
+        captionTag?: Caption.Tag;
+        clientsTag?: HTMLElements.Standard.Container;
+        clientTag?: Client.Tag;
+        clientProps?: Client.Props.Configuration;
+        clients: Model;
+    };
+    type Tag = HTMLElements.Standard.Container;
+    type Model = Schema.Block.LinkedData<typeof schema>;
+    type ItemModel = Model['fields']['items']['value'][number];
+}

package/dist/server/blocks/Clients.js

@@ -0,0 +1,82 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Clients = Clients;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const funnel_core_1 = require("@nascentdigital/funnel-core");
+const classnames_1 = __importDefault(require("classnames"));
+const react_1 = require("react");
+const entities_1 = require("../entities");
+const fields_1 = require("../fields");
+const schema_1 = require("../schema");
+// component
+function Clients(_a) {
+    var _b, _c;
+    var { className, headlineTag = 'h2', captionTag = 'div', clientsTag = 'ul', clientTag = 'li', clientProps = {}, clients: clientData } = _a, props = __rest(_a, ["className", "headlineTag", "captionTag", "clientsTag", "clientTag", "clientProps", "clients"]);
+    // dont render if missing model
+    const { config, fields } = clientData !== null && clientData !== void 0 ? clientData : {};
+    const items = (_c = (_b = fields === null || fields === void 0 ? void 0 : fields.items) === null || _b === void 0 ? void 0 : _b.value) !== null && _c !== void 0 ? _c : [];
+    if (!clientData) {
+        console.warn('[Clients] attempted to render without clients model');
+        return null;
+    }
+    // slice clients for layout
+    let clients;
+    let trailingClients;
+    if (items.length >= 4) {
+        const trailingLogoOffset = items.length - 2;
+        clients = items.slice(0, trailingLogoOffset);
+        trailingClients = items.slice(trailingLogoOffset);
+    }
+    else {
+        clients = items;
+        trailingClients = undefined;
+    }
+    // render
+    const { headline: headlineRaw, caption: captionRaw } = fields;
+    const headline = headlineRaw === null || headlineRaw === void 0 ? void 0 : headlineRaw.value;
+    const caption = captionRaw === null || captionRaw === void 0 ? void 0 : captionRaw.value;
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: (0, classnames_1.default)(className, 'nd-Clients', schema_1.BlockConfig.Presets.ThemeOnly.getClassName(config)) }, props, { children: (0, jsx_runtime_1.jsxs)("div", { className: "nd-Clients-content", children: [(headline || caption) &&
+                    (0, jsx_runtime_1.jsx)("div", { className: "nd-Clients-copyWrap", children: (0, jsx_runtime_1.jsxs)("div", { className: "nd-Clients-copy", children: [headline &&
+                                    (0, jsx_runtime_1.jsx)(fields_1.Headline, { className: "nd-Clients-headline", as: headlineTag, headline: headline }), caption &&
+                                    (0, jsx_runtime_1.jsx)(fields_1.Caption, { className: "nd-Clients-caption", as: captionTag, caption: caption })] }) }), (0, jsx_runtime_1.jsx)("div", { className: "nd-Clients-clientsWrap", children: (0, react_1.createElement)(clientsTag, { className: 'nd-Clients-clients' }, (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [clients.map((client) => (0, jsx_runtime_1.jsx)(entities_1.Client, Object.assign({}, clientProps, { as: clientTag, className: "nd-Clients-client", client: client.value }), client.id)), trailingClients && (0, react_1.createElement)(clientTag, { className: 'nd-Clients-trailingClients' }, (0, react_1.createElement)(clientsTag, { className: 'nd-Clients-clients' }, trailingClients.map(client => (0, jsx_runtime_1.jsx)(entities_1.Client, Object.assign({}, clientProps, { as: clientTag, className: "nd-Clients-client", client: client.value }), client.id))))] })) })] }) })));
+}
+// extension
+(function (Clients) {
+    // schema
+    Clients.schema = funnel_core_1.Schema.Block.create({
+        id: '_nd-clients',
+        name: 'Clients',
+        version: 1,
+        config: Object.assign({}, schema_1.BlockConfig.Presets.ThemeOnly.schema),
+        fields: {
+            headline: fields_1.Headline.schema.optional(),
+            caption: fields_1.Caption.schema.optional(),
+            items: funnel_core_1.Schema.Field.list({
+                name: 'Clients',
+                description: 'Client brands will be displayed in the order you present them.',
+                itemTypes: {
+                    item: funnel_core_1.Schema.Field.collection({
+                        name: 'Client',
+                        collections: [entities_1.Client.schema]
+                    })
+                },
+                min: 3,
+                max: 20
+            })
+        }
+    });
+})(Clients || (exports.Clients = Clients = {}));

package/dist/server/blocks/Editorial.d.ts

@@ -0,0 +1,33 @@
+import { Schema } from '@nascentdigital/funnel-core';
+import { ReactNode } from 'react';
+import { HTMLBlockElement } from '../../types';
+import { Caption, FreeFormContent, Headline, Title, Visual } from '../fields';
+import { BlockConfig } from '../schema';
+export declare function Editorial({ className, editorial, titleTag, headlineTag, captionTag, freeFormContentTag, headerDecorator, visualDecorator, visualLoading, ...props }: Editorial.Props): import("react/jsx-runtime").JSX.Element | null;
+export declare namespace Editorial {
+    const schema: Schema.Block<"_nd-editorial", {
+        visual: Schema.Optional<Schema.AssetField<Schema.AssetField.LinkedValue.Visual>>;
+        title: Schema.Optional<Schema.TextField>;
+        headline: Schema.Optional<Schema.RichTextField>;
+        caption: Schema.Optional<Schema.RichTextField>;
+        ctas: Schema.Optional<Schema.ListField<{
+            cta: Schema.LinkField;
+        }>>;
+        content: Schema.RichTextField;
+        extraContent: Schema.Optional<Schema.RichTextField>;
+    }, {
+        theme: Schema.EnumField<Readonly<import("@nascentdigital/funnel-core").BlockThemes.Options>>;
+        visualLayout: Schema.EnumField<Schema.EnumField.Options<BlockConfig.VisualLayout>>;
+    }>;
+    type Props = HTMLBlockElement<'div'> & {
+        editorial: Model;
+        titleTag?: Title.Tag;
+        headlineTag?: Headline.Tag;
+        captionTag?: Caption.Tag;
+        freeFormContentTag?: FreeFormContent.Tag;
+        headerDecorator?: ReactNode;
+        visualDecorator?: ReactNode;
+        visualLoading?: Visual.Loading;
+    };
+    type Model = Schema.Block.LinkedData<typeof schema>;
+}

package/dist/server/blocks/Editorial.js

@@ -0,0 +1,80 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Editorial = Editorial;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const funnel_core_1 = require("@nascentdigital/funnel-core");
+const classnames_1 = __importDefault(require("classnames"));
+const fields_1 = require("../fields");
+const schema_1 = require("../schema");
+// block
+function Editorial(_a) {
+    var _b, _c, _d, _e, _f;
+    var { className, editorial, titleTag = 'span', headlineTag = 'div', captionTag = 'div', freeFormContentTag = 'div', headerDecorator, visualDecorator, visualLoading = 'eager' } = _a, props = __rest(_a, ["className", "editorial", "titleTag", "headlineTag", "captionTag", "freeFormContentTag", "headerDecorator", "visualDecorator", "visualLoading"]);
+    // dont render if missing model
+    if (!editorial) {
+        console.warn('[Editorial] attempted to render without editorial model');
+        return null;
+    }
+    // render
+    const { title: titleRaw, headline: headlineRaw, caption: captionRaw, ctas: ctasRaw, visual: visualRaw, content: contentRaw, extraContent: extraContentRaw } = editorial.fields;
+    const visual = visualRaw === null || visualRaw === void 0 ? void 0 : visualRaw.value;
+    const title = titleRaw === null || titleRaw === void 0 ? void 0 : titleRaw.value;
+    const headline = headlineRaw === null || headlineRaw === void 0 ? void 0 : headlineRaw.value;
+    const caption = captionRaw === null || captionRaw === void 0 ? void 0 : captionRaw.value;
+    const ctas = (_b = ctasRaw === null || ctasRaw === void 0 ? void 0 : ctasRaw.value) !== null && _b !== void 0 ? _b : [];
+    const content = contentRaw === null || contentRaw === void 0 ? void 0 : contentRaw.value;
+    const extraContent = extraContentRaw === null || extraContentRaw === void 0 ? void 0 : extraContentRaw.value;
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: (0, classnames_1.default)(className, 'nd-Block nd-Editorial', schema_1.BlockConfig.Theme.getClassName((_d = (_c = editorial === null || editorial === void 0 ? void 0 : editorial.config) === null || _c === void 0 ? void 0 : _c.theme) === null || _d === void 0 ? void 0 : _d.value), schema_1.BlockConfig.VisualLayout.getClassName((_f = (_e = editorial === null || editorial === void 0 ? void 0 : editorial.config) === null || _e === void 0 ? void 0 : _e.visualLayout) === null || _f === void 0 ? void 0 : _f.value)) }, props, { children: (0, jsx_runtime_1.jsxs)("div", { className: "nd-Editorial-content", children: [(title || headline || caption || ctas.length > 0) &&
+                    (0, jsx_runtime_1.jsxs)("div", { className: "nd-Editorial-headerWrap", children: [(0, jsx_runtime_1.jsxs)("div", { className: "nd-Editorial-header", children: [title &&
+                                        (0, jsx_runtime_1.jsx)(fields_1.Title, { className: "nd-Editorial-title", as: titleTag, title: title }), headline &&
+                                        (0, jsx_runtime_1.jsx)(fields_1.Headline, { className: "nd-Editorial-headline", as: headlineTag, headline: headline }), caption &&
+                                        (0, jsx_runtime_1.jsx)(fields_1.Caption, { className: "nd-Editorial-caption", as: captionTag, caption: caption }), ctas.length > 0 &&
+                                        (0, jsx_runtime_1.jsx)("div", { className: "nd-Editorial-ctas", children: ctas.map(cta => (0, jsx_runtime_1.jsx)(fields_1.Link, { className: "nd-Editorial-cta", link: cta.value }, cta.id)) })] }), headerDecorator] }), (0, jsx_runtime_1.jsx)("div", { className: "nd-Editorial-bodyWrap", children: (0, jsx_runtime_1.jsxs)("div", { className: "nd-Editorial-body", children: [(visual || visualDecorator) &&
+                                (0, jsx_runtime_1.jsxs)("div", { className: "nd-Editorial-visualWrap", children: [visual &&
+                                            (0, jsx_runtime_1.jsx)(fields_1.Visual, { className: "nd-Editorial-visual", visual: visual, loading: visualLoading }), visualDecorator] }), (0, jsx_runtime_1.jsxs)("div", { className: "nd-Editorial-columns", children: [(0, jsx_runtime_1.jsx)(fields_1.FreeFormContent, { as: freeFormContentTag, className: "nd-Editorial-freeFormContent", content: content }), extraContent &&
+                                        (0, jsx_runtime_1.jsx)(fields_1.FreeFormContent, { as: freeFormContentTag, className: "nd-Editorial-freeFormContent", content: extraContent })] })] }) })] }) })));
+}
+// extension
+(function (Editorial) {
+    // schema
+    Editorial.schema = funnel_core_1.Schema.Block.create({
+        id: '_nd-editorial',
+        name: 'Editorial',
+        version: 1,
+        config: {
+            theme: schema_1.BlockConfig.Theme.schema,
+            visualLayout: schema_1.BlockConfig.VisualLayout.schema
+        },
+        fields: {
+            visual: fields_1.Visual.schema.optional(),
+            title: fields_1.Title.schema.modify({ description: 'A short intro or heading for the message' }).optional(),
+            headline: fields_1.Headline.schema.optional(),
+            caption: fields_1.Caption.schema.optional(),
+            ctas: funnel_core_1.Schema.Field.list({
+                name: 'CTAs',
+                description: 'Add your call-to-actions in the order you\'d like them to appear *(these are optional)*.',
+                itemTypes: {
+                    cta: funnel_core_1.Schema.Field.link({ name: 'Call to Action' })
+                },
+                min: 1,
+                max: 2
+            }).optional(),
+            content: fields_1.FreeFormContent.schema.full,
+            extraContent: fields_1.FreeFormContent.schema.full.optional()
+        }
+    });
+})(Editorial || (exports.Editorial = Editorial = {}));

package/dist/server/blocks/Form.d.ts

@@ -0,0 +1,46 @@
+import { Schema } from '@nascentdigital/funnel-core';
+import { JSXElementConstructor } from 'react';
+import { HTMLBlockElement, HTMLElements } from '../../types';
+import { Caption, Headline, Title } from '../fields';
+import { FormMessage } from './FormMessage';
+export declare function Form({ className, titleTag, headlineTag, captionTag, privacyStatementTag, form, component: ClientForm, ...props }: Form.Props): import("react/jsx-runtime").JSX.Element | null;
+export declare namespace Form {
+    const schema: (formId: string) => Schema.Block<"_nd-form", {
+        title: Schema.Optional<Schema.TextField>;
+        headline: Schema.Optional<Schema.RichTextField>;
+        caption: Schema.Optional<Schema.RichTextField>;
+        form: Schema.FormField;
+        submitLabel: Schema.TextField;
+        privacy: Schema.RichTextField;
+        successMessage: Schema.ObjectField<{
+            headline: Schema.RichTextField;
+            caption: Schema.RichTextField;
+            cta: Schema.Optional<Schema.LinkField>;
+        }>;
+        failureMessage: Schema.ObjectField<{
+            headline: Schema.RichTextField;
+            caption: Schema.RichTextField;
+            cta: Schema.Optional<Schema.LinkField>;
+        }>;
+    }, {
+        readonly theme: Schema.EnumField<Readonly<import("@nascentdigital/funnel-core").BlockThemes.Options>>;
+    }>;
+    type Props = HTMLBlockElement<'div'> & {
+        titleTag?: Title.Tag;
+        headlineTag?: Headline.Tag;
+        captionTag?: Caption.Tag;
+        privacyStatementTag?: Caption.Tag;
+        form: Model;
+        component: Component;
+    };
+    type Tag = HTMLElements.Standard.Container;
+    type Model = Schema.Block.LinkedData<ReturnType<typeof schema>>;
+    type ComponentProps = HTMLBlockElement<'div'> & {
+        form: Schema.FormField.Value;
+        privacy?: Schema.RichTextField.Value;
+        submitLabel?: string;
+        successMessage: FormMessage.Model;
+        failureMessage: FormMessage.Model;
+    };
+    type Component = JSXElementConstructor<ComponentProps>;
+}

package/dist/server/blocks/Form.js

@@ -0,0 +1,74 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Form = Form;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const funnel_core_1 = require("@nascentdigital/funnel-core");
+const classnames_1 = __importDefault(require("classnames"));
+const fields_1 = require("../fields");
+const schema_1 = require("../schema");
+const FormMessage_1 = require("./FormMessage");
+// component
+function Form(_a) {
+    var { className, titleTag = 'span', headlineTag = 'h2', captionTag = 'div', privacyStatementTag = 'div', form, component: ClientForm } = _a, props = __rest(_a, ["className", "titleTag", "headlineTag", "captionTag", "privacyStatementTag", "form", "component"]);
+    // dont render if missing model
+    const { config, fields } = form !== null && form !== void 0 ? form : {};
+    if (!form) {
+        console.warn('[Form] attempted to render without form model');
+        return null;
+    }
+    // render
+    const { title: titleRaw, headline: headlineRaw, caption: captionRaw, privacy: privacyRaw, submitLabel: submitLabelRaw, form: formRaw, successMessage: successMessageRaw, failureMessage: failureMessageRaw } = fields !== null && fields !== void 0 ? fields : {};
+    const title = titleRaw === null || titleRaw === void 0 ? void 0 : titleRaw.value;
+    const headline = headlineRaw === null || headlineRaw === void 0 ? void 0 : headlineRaw.value;
+    const caption = captionRaw === null || captionRaw === void 0 ? void 0 : captionRaw.value;
+    const privacy = privacyRaw === null || privacyRaw === void 0 ? void 0 : privacyRaw.value;
+    const formContent = formRaw === null || formRaw === void 0 ? void 0 : formRaw.value;
+    const submitLabel = submitLabelRaw === null || submitLabelRaw === void 0 ? void 0 : submitLabelRaw.value;
+    const successMessage = successMessageRaw === null || successMessageRaw === void 0 ? void 0 : successMessageRaw.value;
+    const failureMessage = failureMessageRaw === null || failureMessageRaw === void 0 ? void 0 : failureMessageRaw.value;
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: (0, classnames_1.default)(className, 'nd-Form', schema_1.BlockConfig.Presets.ThemeOnly.getClassName(config)) }, props, { children: (0, jsx_runtime_1.jsxs)("div", { className: "nd-Form-content", children: [(0, jsx_runtime_1.jsx)("div", { className: "nd-Form-copyWrap", children: (0, jsx_runtime_1.jsxs)("div", { className: "nd-Form-copy", children: [title &&
+                                (0, jsx_runtime_1.jsx)(fields_1.Title, { className: "nd-Form-title", as: titleTag, title: title }), (0, jsx_runtime_1.jsx)(fields_1.Headline, { className: "nd-Form-headline", as: headlineTag, headline: headline }), caption &&
+                                (0, jsx_runtime_1.jsx)(fields_1.Caption, { className: "nd-Form-caption", as: captionTag, caption: caption })] }) }), (0, jsx_runtime_1.jsx)("div", { className: "nd-Form-formWrap", children: (0, jsx_runtime_1.jsx)(ClientForm, { className: "nd-Form-form", form: formContent, submitLabel: submitLabel, privacy: privacy, successMessage: successMessage, failureMessage: failureMessage }) })] }) })));
+}
+// extension
+(function (Form) {
+    // schema
+    Form.schema = (formId) => funnel_core_1.Schema.Block.create({
+        id: '_nd-form',
+        name: 'Form',
+        version: 1,
+        config: schema_1.BlockConfig.Presets.ThemeOnly.schema,
+        fields: {
+            title: fields_1.Title.schema.optional(),
+            headline: fields_1.Headline.schema.optional(),
+            caption: fields_1.Caption.schema.optional(),
+            form: funnel_core_1.Schema.Field.form({
+                name: 'Form',
+                description: 'Customize the details of your form field',
+                formId
+            }),
+            submitLabel: funnel_core_1.Schema.Field.text({
+                name: 'Submit Label',
+                minLength: 2,
+                maxLength: 30
+            }),
+            privacy: fields_1.Caption.schema.rename('Privacy Statement'),
+            successMessage: FormMessage_1.FormMessage.schema.rename('Success Message'),
+            failureMessage: FormMessage_1.FormMessage.schema.rename('Failure Message')
+        }
+    });
+})(Form || (exports.Form = Form = {}));

package/dist/server/blocks/FormMessage.d.ts

@@ -0,0 +1,15 @@
+import { Schema } from '@nascentdigital/funnel-core';
+export declare function FormMessage({ type, message }: FormMessage.Props): import("react/jsx-runtime").JSX.Element | null;
+export declare namespace FormMessage {
+    const schema: Schema.ObjectField<{
+        headline: Schema.RichTextField;
+        caption: Schema.RichTextField;
+        cta: Schema.Optional<Schema.LinkField>;
+    }>;
+    type Model = Schema.Field.LinkedValue<typeof schema>;
+    type Type = 'success' | 'failure';
+    type Props = {
+        type: Type;
+        message: Model;
+    };
+}

package/dist/server/blocks/FormMessage.js

@@ -0,0 +1,37 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FormMessage = FormMessage;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const funnel_core_1 = require("@nascentdigital/funnel-core");
+const classnames_1 = __importDefault(require("classnames"));
+const fields_1 = require("../fields");
+// component
+function FormMessage({ type, message }) {
+    var _a, _b, _c;
+    // return if no message
+    if (!message) {
+        console.warn('[FormMessage] no message content provided');
+        return null;
+    }
+    // render
+    return ((0, jsx_runtime_1.jsxs)("div", { className: (0, classnames_1.default)('nd-FormMessage', `nd-FormMessage-${type}`), children: [(0, jsx_runtime_1.jsx)(fields_1.Headline, { as: "div", className: "nd-FormMessage-headline", headline: (_a = message.headline) === null || _a === void 0 ? void 0 : _a.value }), (0, jsx_runtime_1.jsx)(fields_1.Caption, { as: "div", className: "nd-FormMessage-caption", caption: (_b = message.caption) === null || _b === void 0 ? void 0 : _b.value }), message.cta &&
+                (0, jsx_runtime_1.jsx)(fields_1.Link, { className: "nd-FormMessage-cta", link: (_c = message.cta) === null || _c === void 0 ? void 0 : _c.value })] }));
+}
+// extension
+(function (FormMessage) {
+    // schema
+    FormMessage.schema = funnel_core_1.Schema.Field.object({
+        name: 'Form Message',
+        preview: {
+            title: 'headline'
+        },
+        content: {
+            headline: fields_1.Headline.schema,
+            caption: fields_1.Caption.schema,
+            cta: funnel_core_1.Schema.Field.link({ name: 'Call to action' }).optional()
+        }
+    });
+})(FormMessage || (exports.FormMessage = FormMessage = {}));