@nascentdigital/funnel-ui 4.4.18

package/dist/server/blocks/Testimonial.js

@@ -0,0 +1,68 @@
+"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.Testimonial = Testimonial;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const funnel_core_1 = require("@nascentdigital/funnel-core");
+const classnames_1 = __importDefault(require("classnames"));
+const entities_1 = require("../entities");
+const fields_1 = require("../fields");
+const schema_1 = require("../schema");
+// block
+function Testimonial(_a) {
+    var _b;
+    var { className, titleTag = 'span', quoteTag = 'h2', testimonial } = _a, props = __rest(_a, ["className", "titleTag", "quoteTag", "testimonial"]);
+    // dont render if missing model
+    if (!testimonial) {
+        console.warn('[Testimonial] attempted to render without testimonial model');
+        return null;
+    }
+    // render
+    const { visual: visualRaw, title: titleRaw, quote: quoteRaw, author: authorRaw, link: linkRaw } = (_b = testimonial.fields) !== null && _b !== void 0 ? _b : {};
+    const visual = visualRaw === null || visualRaw === void 0 ? void 0 : visualRaw.value;
+    const title = titleRaw === null || titleRaw === void 0 ? void 0 : titleRaw.value;
+    const quote = quoteRaw === null || quoteRaw === void 0 ? void 0 : quoteRaw.value;
+    const author = authorRaw === null || authorRaw === void 0 ? void 0 : authorRaw.value;
+    const link = linkRaw === null || linkRaw === void 0 ? void 0 : linkRaw.value;
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: (0, classnames_1.default)(className, 'nd-Testimonial', schema_1.BlockConfig.Presets.VisualAndCopy.getClassName(testimonial.config)) }, props, { children: (0, jsx_runtime_1.jsxs)("div", { className: "nd-Testimonial-content", children: [visual &&
+                    (0, jsx_runtime_1.jsx)("div", { className: "nd-Testimonial-visualWrap", children: (0, jsx_runtime_1.jsx)(fields_1.Visual, { className: "nd-Testimonial-visual", visual: visual }) }), (0, jsx_runtime_1.jsx)("div", { className: "nd-Testimonial-copyWrap", children: (0, jsx_runtime_1.jsxs)("div", { className: "nd-Testimonial-copy", children: [title &&
+                                (0, jsx_runtime_1.jsx)(fields_1.Title, { className: "nd-Testimonial-title", as: titleTag, title: title }), (0, jsx_runtime_1.jsx)(fields_1.Quote, { className: "nd-Testimonial-quote", as: quoteTag, quote: quote }), (0, jsx_runtime_1.jsx)(entities_1.Person, { as: "div", className: "nd-Testimonial-author", person: author }), link &&
+                                (0, jsx_runtime_1.jsx)(fields_1.Link, { className: "nd-Testimonial-link", link: link })] }) })] }) })));
+}
+// extension
+(function (Testimonial) {
+    // schema
+    Testimonial.schema = funnel_core_1.Schema.Block.create({
+        id: '_nd-testimonial',
+        name: 'Testimonial',
+        version: 1,
+        config: Object.assign({}, schema_1.BlockConfig.Presets.VisualAndCopy.schema),
+        fields: {
+            visual: fields_1.Visual.schema.modify({
+                hint: 'Create some context about the speaker or the statement',
+                tags: ['lifestyle', 'person', 'product', 'brand']
+            }).optional(),
+            title: fields_1.Title.schema.optional(),
+            quote: fields_1.Quote.schema,
+            author: funnel_core_1.Schema.Field.collection({
+                name: 'Author',
+                hint: 'Who said it?',
+                collections: [entities_1.Person.schema]
+            }),
+            link: funnel_core_1.Schema.Field.link({ name: 'Link' }).optional()
+        }
+    });
+})(Testimonial || (exports.Testimonial = Testimonial = {}));

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

@@ -0,0 +1,43 @@
+import { Schema } from '@nascentdigital/funnel-core';
+import { HTMLBlockElement, HTMLElements } from '../../types';
+import { UniqueSellingPoint } from '../entities';
+import { Caption, Headline, Title } from '../fields';
+export declare function ValueProp({ className, titleTag, headlineTag, captionTag, uspProps, valueProp, ...props }: ValueProp.Props): import("react/jsx-runtime").JSX.Element | null;
+export declare namespace ValueProp {
+    type Layout = 'riverflow' | 'lineup' | 'cards';
+    namespace Layout {
+        const Enum: Schema.EnumField.Options<Layout>;
+        const schema: Schema.EnumField<Schema.EnumField.Options<Layout>>;
+        function getClassName(layout?: Layout): string;
+    }
+    const schema: Schema.Block<"_nd-valueProp", {
+        title: Schema.Optional<Schema.TextField>;
+        headline: Schema.RichTextField;
+        caption: Schema.Optional<Schema.RichTextField>;
+        ctas: Schema.Optional<Schema.ListField<{
+            cta: Schema.LinkField;
+        }>>;
+        items: Schema.ListField<{
+            item: Schema.CollectionField<Schema.Collection<{
+                icon: Schema.Optional<Schema.AssetField<Schema.AssetField.LinkedValue.Visual>>;
+                image: Schema.Optional<Schema.AssetField<Schema.AssetField.LinkedValue.Visual>>;
+                headline: Schema.RichTextField;
+                caption: Schema.Optional<Schema.RichTextField>;
+                link: Schema.Optional<Schema.LinkField>;
+            }>>;
+        }>;
+    }, {
+        layout: Schema.EnumField<Schema.EnumField.Options<Layout>>;
+        theme: Schema.EnumField<Readonly<import("@nascentdigital/funnel-core").BlockThemes.Options>>;
+    }>;
+    type Props = HTMLBlockElement<'div'> & {
+        titleTag?: Title.Tag;
+        headlineTag?: Headline.Tag;
+        captionTag?: Caption.Tag;
+        uspProps?: UniqueSellingPoint.Props.Configuration;
+        valueProp: Model;
+    };
+    type Tag = HTMLElements.Standard.Container;
+    type Model = Schema.Block.LinkedData<typeof schema>;
+    type ItemModel = Model['fields']['items']['value'][number];
+}

package/dist/server/blocks/ValueProp.js

@@ -0,0 +1,125 @@
+"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.ValueProp = ValueProp;
+const react_1 = require("react");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const funnel_core_1 = require("@nascentdigital/funnel-core");
+const classnames_1 = __importDefault(require("classnames"));
+const entities_1 = require("../entities");
+const fields_1 = require("../fields");
+const schema_1 = require("../schema");
+// component
+function ValueProp(_a) {
+    var _b, _c, _d, _e, _f;
+    var { className, titleTag = 'span', headlineTag = 'h2', captionTag = 'div', uspProps = {}, valueProp } = _a, props = __rest(_a, ["className", "titleTag", "headlineTag", "captionTag", "uspProps", "valueProp"]);
+    // dont render if missing model
+    const { config, fields } = valueProp !== null && valueProp !== void 0 ? valueProp : {};
+    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 (!valueProp) {
+        console.warn('[ValueProp] attempted to render without valueProp model');
+        return null;
+    }
+    // render
+    const { title: titleRaw, headline: headlineRaw, caption: captionRaw, ctas: ctasRaw } = 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 ctas = (_d = ctasRaw === null || ctasRaw === void 0 ? void 0 : ctasRaw.value) !== null && _d !== void 0 ? _d : [];
+    const layout = (_f = (_e = config === null || config === void 0 ? void 0 : config.layout) === null || _e === void 0 ? void 0 : _e.value) !== null && _f !== void 0 ? _f : 'riverflow';
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: (0, classnames_1.default)(className, 'nd-ValueProp', ValueProp.Layout.getClassName(layout), schema_1.BlockConfig.Presets.ThemeOnly.getClassName(config)) }, props, { children: (0, jsx_runtime_1.jsxs)("div", { className: "nd-ValueProp-content", children: [(0, jsx_runtime_1.jsx)("div", { className: "nd-ValueProp-copyWrap", children: (0, jsx_runtime_1.jsxs)("div", { className: "nd-ValueProp-copy", children: [title &&
+                                (0, jsx_runtime_1.jsx)(fields_1.Title, { className: "nd-ValueProp-title", as: titleTag, title: title }), (0, jsx_runtime_1.jsx)(fields_1.Headline, { className: "nd-ValueProp-headline", as: headlineTag, headline: headline }), caption &&
+                                (0, jsx_runtime_1.jsx)(fields_1.Caption, { className: "nd-ValueProp-caption", as: captionTag, caption: caption }), ctas.length > 0 &&
+                                (0, jsx_runtime_1.jsx)("div", { className: "nd-ValueProp-ctas", children: ctas.map(cta => (0, jsx_runtime_1.jsx)(fields_1.Link, { className: "nd-ValueProp-cta", link: cta.value }, cta.id)) })] }) }), (0, jsx_runtime_1.jsx)("div", { className: "nd-ValueProp-uspsWrap", children: renderLayout({ layout, usps: items, uspProps }) })] }) })));
+}
+// extension
+(function (ValueProp) {
+    let Layout;
+    (function (Layout) {
+        // enum
+        Layout.Enum = {
+            cards: { name: 'Cards', hint: 'A set of cards that wrap.' },
+            riverflow: { name: 'Riverflow', hint: 'A vertically alternating pattern.' },
+            lineup: { name: 'Lineup', hint: 'A horizontal stack.' }
+        };
+        // schema
+        Layout.schema = funnel_core_1.Schema.Field.enumeration({
+            name: 'Layout',
+            hint: 'Select you selling point layout',
+            description: 'Determine how your USPs will be presented.',
+            options: Layout.Enum,
+            defaultOption: 'cards'
+        });
+        // helpers
+        function getClassName(layout) {
+            switch (layout) {
+                case 'cards':
+                    return 'nd-ValueProp-layout-cards';
+                case 'riverflow':
+                    return 'nd-ValueProp-layout-riverflow';
+                case 'lineup':
+                    return 'nd-ValueProp-layout-lineup';
+                default:
+                    console.warn('[ValueProp] unrecognized layout:', layout);
+                    return 'nd-ValueProp-layout-cards';
+            }
+        }
+        Layout.getClassName = getClassName;
+    })(Layout = ValueProp.Layout || (ValueProp.Layout = {}));
+    // schema
+    ValueProp.schema = funnel_core_1.Schema.Block.create({
+        id: '_nd-valueProp',
+        name: 'Value Proposition',
+        version: 1,
+        config: Object.assign(Object.assign({}, schema_1.BlockConfig.Presets.ThemeOnly.schema), { layout: Layout.schema }),
+        fields: {
+            title: fields_1.Title.schema.optional(),
+            headline: fields_1.Headline.schema,
+            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(),
+            items: funnel_core_1.Schema.Field.list({
+                name: 'Selling Points',
+                description: 'Project will be displayed in the order you present them.',
+                itemTypes: {
+                    item: funnel_core_1.Schema.Field.collection({
+                        name: 'Unique Selling Point',
+                        collections: [entities_1.UniqueSellingPoint.schema]
+                    })
+                },
+                min: 3,
+                max: 300
+            })
+        }
+    });
+})(ValueProp || (exports.ValueProp = ValueProp = {}));
+function renderLayout(args) {
+    // render based on layout
+    const { usps = [], layout, uspProps } = args;
+    switch (layout) {
+        case 'riverflow':
+        case 'lineup':
+        default:
+            return ((0, jsx_runtime_1.jsx)("ul", { className: "nd-ValueProp-usps", children: usps.map(({ id, value: usp }) => (0, react_1.createElement)(entities_1.UniqueSellingPoint, Object.assign({}, uspProps, { key: id, as: "li", className: "nd-ValueProp-usp", usp: usp }))) }));
+    }
+}

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

@@ -0,0 +1,13 @@
+export * from './Block';
+export * from './Clients';
+export * from './Editorial';
+export * from './Form';
+export * from './FormMessage';
+export * from './MediaLayout';
+export * from './Message';
+export * from './Outcome';
+export * from './Projects';
+export * from './Stat';
+export * from './Stats';
+export * from './Testimonial';
+export * from './ValueProp';

package/dist/server/blocks/index.js

@@ -0,0 +1,29 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./Block"), exports);
+__exportStar(require("./Clients"), exports);
+__exportStar(require("./Editorial"), exports);
+__exportStar(require("./Form"), exports);
+__exportStar(require("./FormMessage"), exports);
+__exportStar(require("./MediaLayout"), exports);
+__exportStar(require("./Message"), exports);
+__exportStar(require("./Outcome"), exports);
+__exportStar(require("./Projects"), exports);
+__exportStar(require("./Stat"), exports);
+__exportStar(require("./Stats"), exports);
+__exportStar(require("./Testimonial"), exports);
+__exportStar(require("./ValueProp"), exports);

package/dist/server/data/PrePaginator.d.ts

@@ -0,0 +1,8 @@
+import { Paginator } from '../../client/refs';
+export declare function PrePaginator<TArgs, TResult extends Paginator.Page>({ className, prefetch, ...paginatorProps }: PrePaginator.Props<TArgs, TResult>): Promise<import("react/jsx-runtime").JSX.Element>;
+export declare namespace PrePaginator {
+    type Props<TArgs, TResult extends Paginator.Page> = Omit<Paginator.Props<TArgs, TResult>, 'pageOffset' | 'initialItems'> & {
+        className?: string;
+        prefetch?: number;
+    };
+}

package/dist/server/data/PrePaginator.js

@@ -0,0 +1,30 @@
+"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.PrePaginator = PrePaginator;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const classnames_1 = __importDefault(require("classnames"));
+const refs_1 = require("../../client/refs");
+// component
+async function PrePaginator(_a) {
+    var { className, prefetch = 1 } = _a, paginatorProps = __rest(_a, ["className", "prefetch"]);
+    // fetch initial page
+    const { pageSize, query, onQuery, ItemElement } = paginatorProps;
+    const { items, hasMore } = await onQuery(Object.assign(Object.assign({}, query), { page: 1, pageSize: pageSize * prefetch }));
+    // render
+    return ((0, jsx_runtime_1.jsxs)("div", { className: (0, classnames_1.default)(className, 'nd-PrePaginator'), children: [items.map((item, index) => (0, jsx_runtime_1.jsx)(ItemElement, { item: item }, index)), hasMore &&
+                (0, jsx_runtime_1.jsx)(refs_1.Paginator, Object.assign({ pageOffset: prefetch + 1 }, paginatorProps))] }));
+}

package/dist/server/data/index.d.ts

@@ -0,0 +1 @@
+export * from './PrePaginator';

package/dist/server/data/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./PrePaginator"), exports);