@fayz-ai/storefront 0.9.0 → 0.10.0

package/dist/components/marketing/EditorialSections.d.ts

@@ -0,0 +1,248 @@
+import React from 'react';
+export interface SealItem {
+    top?: string;
+    value: string;
+    bottom?: string;
+    tone?: 'primary' | 'accent';
+}
+export declare function SealsBand({ items }: {
+    items?: SealItem[];
+}): React.JSX.Element | null;
+export declare const sealsBlockMeta: {
+    label: string;
+    description: string;
+    settings: {
+        id: string;
+        type: "list";
+        label: string;
+        required: true;
+        help: string;
+        of: ({
+            id: string;
+            type: "text";
+            label: string;
+            help: string;
+            required?: undefined;
+            default?: undefined;
+            options?: undefined;
+        } | {
+            id: string;
+            type: "text";
+            label: string;
+            help: string;
+            required: true;
+            default?: undefined;
+            options?: undefined;
+        } | {
+            id: string;
+            type: "select";
+            label: string;
+            default: string;
+            options: {
+                value: string;
+                label: string;
+            }[];
+            help?: undefined;
+            required?: undefined;
+        })[];
+    }[];
+    presets: {
+        name: string;
+        props: {
+            items: {
+                top: string;
+                value: string;
+                bottom: string;
+                tone: string;
+            }[];
+        };
+    }[];
+    enabledOn: string[];
+};
+export interface StoryQuoteProps {
+    eyebrow?: string;
+    quote: string;
+    attribution?: string;
+    image?: string;
+}
+export declare function StoryQuote({ eyebrow, quote, attribution, image }: StoryQuoteProps): React.JSX.Element;
+export declare const storyQuoteBlockMeta: {
+    label: string;
+    description: string;
+    settings: ({
+        id: string;
+        type: "text";
+        label: string;
+        help: string;
+        required?: undefined;
+    } | {
+        id: string;
+        type: "richtext";
+        label: string;
+        help: string;
+        required: true;
+    } | {
+        id: string;
+        type: "image";
+        label: string;
+        help: string;
+        required?: undefined;
+    })[];
+    presets: {
+        name: string;
+        props: {
+            eyebrow: string;
+            quote: string;
+            attribution: string;
+        };
+    }[];
+    enabledOn: string[];
+};
+export interface ImageTile {
+    image: string;
+    label: string;
+    href?: string;
+}
+export interface ImageTilesProps {
+    title?: string;
+    eyebrow?: string;
+    tiles?: ImageTile[];
+    columns?: number;
+    aspect?: 'portrait' | 'square' | 'wide';
+}
+export declare function ImageTiles({ title, eyebrow, tiles, columns, aspect }: ImageTilesProps): React.JSX.Element | null;
+export declare const imageTilesBlockMeta: {
+    label: string;
+    description: string;
+    settings: ({
+        id: string;
+        type: "text";
+        label: string;
+        required?: undefined;
+        of?: undefined;
+        min?: undefined;
+        max?: undefined;
+        default?: undefined;
+        options?: undefined;
+    } | {
+        id: string;
+        type: "list";
+        label: string;
+        required: true;
+        of: ({
+            id: string;
+            type: "image";
+            label: string;
+            required: true;
+            help?: undefined;
+        } | {
+            id: string;
+            type: "text";
+            label: string;
+            required: true;
+            help?: undefined;
+        } | {
+            id: string;
+            type: "url";
+            label: string;
+            help: string;
+            required?: undefined;
+        })[];
+        min?: undefined;
+        max?: undefined;
+        default?: undefined;
+        options?: undefined;
+    } | {
+        id: string;
+        type: "number";
+        label: string;
+        min: number;
+        max: number;
+        default: number;
+        required?: undefined;
+        of?: undefined;
+        options?: undefined;
+    } | {
+        id: string;
+        type: "select";
+        label: string;
+        default: string;
+        options: {
+            value: string;
+            label: string;
+        }[];
+        required?: undefined;
+        of?: undefined;
+        min?: undefined;
+        max?: undefined;
+    })[];
+    presets: {
+        name: string;
+        props: {
+            title: string;
+            tiles: {
+                image: string;
+                label: string;
+                href: string;
+            }[];
+        };
+    }[];
+    enabledOn: string[];
+};
+export interface FaqItem {
+    q: string;
+    a: string;
+}
+export declare function FaqSection({ title, subtitle, items }: {
+    title?: string;
+    subtitle?: string;
+    items?: FaqItem[];
+}): React.JSX.Element | null;
+export declare const faqBlockMeta: {
+    label: string;
+    description: string;
+    settings: ({
+        id: string;
+        type: "text";
+        label: string;
+        default: string;
+        required?: undefined;
+        of?: undefined;
+    } | {
+        id: string;
+        type: "text";
+        label: string;
+        default?: undefined;
+        required?: undefined;
+        of?: undefined;
+    } | {
+        id: string;
+        type: "list";
+        label: string;
+        required: true;
+        of: ({
+            id: string;
+            type: "text";
+            label: string;
+            required: true;
+        } | {
+            id: string;
+            type: "richtext";
+            label: string;
+            required: true;
+        })[];
+        default?: undefined;
+    })[];
+    presets: {
+        name: string;
+        props: {
+            title: string;
+            items: {
+                q: string;
+                a: string;
+            }[];
+        };
+    }[];
+    enabledOn: string[];
+};
+//# sourceMappingURL=EditorialSections.d.ts.map

package/dist/components/marketing/EditorialSections.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditorialSections.d.ts","sourceRoot":"","sources":["../../../src/components/marketing/EditorialSections.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAyBvC,MAAM,WAAW,QAAQ;IACvB,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,IAAI,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAA;CAC5B;AAED,wBAAgB,SAAS,CAAC,EAAE,KAAU,EAAE,EAAE;IAAE,KAAK,CAAC,EAAE,QAAQ,EAAE,CAAA;CAAE,4BAuB/D;AAED,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwCkB,CAAA;AAI7C,MAAM,WAAW,eAAe;IAC9B,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,wBAAgB,UAAU,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,EAAE,eAAe,qBA4BjF;AAED,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoBa,CAAA;AAI7C,MAAM,WAAW,SAAS;IACxB,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,MAAM,CAAA;CACd;AAED,MAAM,WAAW,eAAe;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,KAAK,CAAC,EAAE,SAAS,EAAE,CAAA;IACnB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,MAAM,CAAC,EAAE,UAAU,GAAG,QAAQ,GAAG,MAAM,CAAA;CACxC;AAQD,wBAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,KAAU,EAAE,OAAW,EAAE,MAAmB,EAAE,EAAE,eAAe,4BA4C3G;AAED,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8Ca,CAAA;AAI7C,MAAM,WAAW,OAAO;IACtB,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;CACV;AAED,wBAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAU,EAAE,EAAE;IAAE,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,OAAO,EAAE,CAAA;CAAE,4BAkCnH;AAED,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgCoB,CAAA"}

package/dist/components/marketing/EntityList.d.ts

@@ -0,0 +1,97 @@
+import React from 'react';
+import type { BlockNode } from '@fayz-ai/core';
+export declare function EntityListBlock({ entity, title, subtitle, fields, limit, node, }: {
+    /** The defineEntity key this block lists. */
+    entity: string;
+    title?: string;
+    subtitle?: string;
+    /** Fields to show per record; empty falls back to the declaration's displayFields. */
+    fields?: Array<{
+        field: string;
+    }>;
+    limit?: number;
+    node?: BlockNode;
+}): React.JSX.Element | null;
+export declare const entityListBlockMeta: {
+    label: string;
+    description: string;
+    settings: ({
+        id: string;
+        type: "entity";
+        label: string;
+        help: string;
+        required: true;
+        of?: undefined;
+        min?: undefined;
+        max?: undefined;
+        default?: undefined;
+    } | {
+        id: string;
+        type: "text";
+        label: string;
+        help?: undefined;
+        required?: undefined;
+        of?: undefined;
+        min?: undefined;
+        max?: undefined;
+        default?: undefined;
+    } | {
+        id: string;
+        type: "text";
+        label: string;
+        help: string;
+        required?: undefined;
+        of?: undefined;
+        min?: undefined;
+        max?: undefined;
+        default?: undefined;
+    } | {
+        id: string;
+        type: "list";
+        label: string;
+        help: string;
+        of: {
+            id: string;
+            type: "text";
+            label: string;
+            required: true;
+        }[];
+        required?: undefined;
+        min?: undefined;
+        max?: undefined;
+        default?: undefined;
+    } | {
+        id: string;
+        type: "number";
+        label: string;
+        help: string;
+        min: number;
+        max: number;
+        default: number;
+        required?: undefined;
+        of?: undefined;
+    })[];
+    presets: {
+        name: string;
+        props: {
+            entity: string;
+            title: string;
+            limit: number;
+        };
+    }[];
+    enabledOn: string[];
+    data: {
+        records: {
+            loader: string;
+            params: {
+                entity: {
+                    $prop: string;
+                };
+                limit: {
+                    $prop: string;
+                };
+            };
+        };
+    };
+};
+//# sourceMappingURL=EntityList.d.ts.map

package/dist/components/marketing/EntityList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EntityList.d.ts","sourceRoot":"","sources":["../../../src/components/marketing/EntityList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,SAAS,EAAgD,MAAM,eAAe,CAAA;AAmF5F,wBAAgB,eAAe,CAAC,EAC9B,MAAM,EACN,KAAK,EACL,QAAQ,EACR,MAAM,EACN,KAAU,EACV,IAAI,GACL,EAAE;IACD,6CAA6C;IAC7C,MAAM,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,sFAAsF;IACtF,MAAM,CAAC,EAAE,KAAK,CAAC;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAA;IACjC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,SAAS,CAAA;CACjB,4BAuCA;AAED,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiDa,CAAA"}

package/dist/components/marketing/FormBlock.d.ts

@@ -0,0 +1,167 @@
+import React from 'react';
+import type { CreateProductEnquiryInput } from '@fayz-ai/shop/types';
+export type FormBlockFieldType = 'text' | 'email' | 'phone' | 'textarea' | 'select';
+export interface FormBlockField {
+    id: string;
+    label: string;
+    type?: FormBlockFieldType;
+    required?: boolean;
+    placeholder?: string;
+    /** `select` only. */
+    options?: readonly {
+        value: string;
+        label: string;
+    }[];
+}
+export interface FormBlockProps {
+    eyebrow?: string;
+    title?: string;
+    subtitle?: string;
+    /** Enquiry subject — how this form's submissions are recognized in the inbox. */
+    subject?: string;
+    fields?: readonly FormBlockField[];
+    submitLabel?: string;
+    successMessage?: string;
+}
+/**
+ * Fold submitted values into the enquiry contract.
+ *
+ * Reserved semantics (documented in the block's settings help):
+ *   · the first `email` field  → customerEmail
+ *   · the first `phone` field  → customerPhone
+ *   · a field with id 'name', else the first plain text field → customerName
+ *   · every remaining field    → a "Label: value" line of the message
+ *
+ * Pure and exported so the mapping — the part that silently eats data when it
+ * is wrong — is unit-testable without a DOM.
+ */
+export declare function buildEnquiryFromForm(fields: readonly FormBlockField[], values: Record<string, string>, subject: string, sourceUrl?: string): CreateProductEnquiryInput;
+export declare function FormBlock({ eyebrow, title, subtitle, subject, fields, submitLabel, successMessage, }: FormBlockProps): React.JSX.Element | null;
+export declare const formBlockMeta: {
+    label: string;
+    description: string;
+    settings: ({
+        id: string;
+        type: "text";
+        label: string;
+        help: string;
+        default?: undefined;
+        required?: undefined;
+        of?: undefined;
+    } | {
+        id: string;
+        type: "text";
+        label: string;
+        help?: undefined;
+        default?: undefined;
+        required?: undefined;
+        of?: undefined;
+    } | {
+        id: string;
+        type: "text";
+        label: string;
+        help: string;
+        default: string;
+        required?: undefined;
+        of?: undefined;
+    } | {
+        id: string;
+        type: "list";
+        label: string;
+        required: true;
+        help: string;
+        of: ({
+            id: string;
+            type: "text";
+            label: string;
+            help: string;
+            required: true;
+            default?: undefined;
+            options?: undefined;
+            of?: undefined;
+        } | {
+            id: string;
+            type: "text";
+            label: string;
+            required: true;
+            help?: undefined;
+            default?: undefined;
+            options?: undefined;
+            of?: undefined;
+        } | {
+            id: string;
+            type: "select";
+            label: string;
+            default: string;
+            options: {
+                value: string;
+                label: string;
+            }[];
+            help?: undefined;
+            required?: undefined;
+            of?: undefined;
+        } | {
+            id: string;
+            type: "boolean";
+            label: string;
+            default: boolean;
+            help?: undefined;
+            required?: undefined;
+            options?: undefined;
+            of?: undefined;
+        } | {
+            id: string;
+            type: "text";
+            label: string;
+            help?: undefined;
+            required?: undefined;
+            default?: undefined;
+            options?: undefined;
+            of?: undefined;
+        } | {
+            id: string;
+            type: "list";
+            label: string;
+            help: string;
+            of: {
+                id: string;
+                type: "text";
+                label: string;
+                required: true;
+            }[];
+            required?: undefined;
+            default?: undefined;
+            options?: undefined;
+        })[];
+        default?: undefined;
+    } | {
+        id: string;
+        type: "text";
+        label: string;
+        default: string;
+        help?: undefined;
+        required?: undefined;
+        of?: undefined;
+    })[];
+    presets: {
+        name: string;
+        props: {
+            title: string;
+            subtitle: string;
+            subject: string;
+            fields: ({
+                id: string;
+                label: string;
+                type: string;
+                required: boolean;
+            } | {
+                id: string;
+                label: string;
+                type: string;
+                required?: undefined;
+            })[];
+        };
+    }[];
+    enabledOn: string[];
+};
+//# sourceMappingURL=FormBlock.d.ts.map

package/dist/components/marketing/FormBlock.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormBlock.d.ts","sourceRoot":"","sources":["../../../src/components/marketing/FormBlock.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAEvC,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,qBAAqB,CAAA;AAgBpE,MAAM,MAAM,kBAAkB,GAAG,MAAM,GAAG,OAAO,GAAG,OAAO,GAAG,UAAU,GAAG,QAAQ,CAAA;AAEnF,MAAM,WAAW,cAAc;IAC7B,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,kBAAkB,CAAA;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,qBAAqB;IACrB,OAAO,CAAC,EAAE,SAAS;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAA;CACtD;AAED,MAAM,WAAW,cAAc;IAC7B,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,iFAAiF;IACjF,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,MAAM,CAAC,EAAE,SAAS,cAAc,EAAE,CAAA;IAClC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,oBAAoB,CAClC,MAAM,EAAE,SAAS,cAAc,EAAE,EACjC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,EAC9B,OAAO,EAAE,MAAM,EACf,SAAS,CAAC,EAAE,MAAM,GACjB,yBAAyB,CAwB3B;AAkDD,wBAAgB,SAAS,CAAC,EACxB,OAAO,EACP,KAAK,EACL,QAAQ,EACR,OAAmB,EACnB,MAAW,EACX,WAAsB,EACtB,cAAoD,GACrD,EAAE,cAAc,4BAwEhB;AAED,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8EmB,CAAA"}

package/dist/components/marketing/HeroSection.d.ts

@@ -0,0 +1,125 @@
+import React from 'react';
+import type { HeroSlide } from '../../blocks/sections';
+import type { HeroVariant } from '../../lib/theme';
+export declare function HeroSection({ variant, slides, height, }: {
+    variant: HeroVariant;
+    slides: HeroSlide[];
+    height?: 'tall' | 'medium';
+}): React.JSX.Element | null;
+export declare const heroBlockMeta: {
+    label: string;
+    description: string;
+    settings: ({
+        id: string;
+        type: "select";
+        label: string;
+        help: string;
+        default: string;
+        options: {
+            value: string;
+            label: string;
+        }[];
+        required?: undefined;
+        of?: undefined;
+    } | {
+        id: string;
+        type: "list";
+        label: string;
+        help: string;
+        required: true;
+        of: ({
+            id: string;
+            type: "text";
+            label: string;
+            required: true;
+            help?: undefined;
+            min?: undefined;
+            max?: undefined;
+            default?: undefined;
+        } | {
+            id: string;
+            type: "text";
+            label: string;
+            required?: undefined;
+            help?: undefined;
+            min?: undefined;
+            max?: undefined;
+            default?: undefined;
+        } | {
+            id: string;
+            type: "text";
+            label: string;
+            help: string;
+            required?: undefined;
+            min?: undefined;
+            max?: undefined;
+            default?: undefined;
+        } | {
+            id: string;
+            type: "url";
+            label: string;
+            help: string;
+            required?: undefined;
+            min?: undefined;
+            max?: undefined;
+            default?: undefined;
+        } | {
+            id: string;
+            type: "image";
+            label: string;
+            help: string;
+            required?: undefined;
+            min?: undefined;
+            max?: undefined;
+            default?: undefined;
+        } | {
+            id: string;
+            type: "number";
+            label: string;
+            help: string;
+            min: number;
+            max: number;
+            default: number;
+            required?: undefined;
+        } | {
+            id: string;
+            type: "boolean";
+            label: string;
+            help: string;
+            default: boolean;
+            required?: undefined;
+            min?: undefined;
+            max?: undefined;
+        })[];
+        default?: undefined;
+        options?: undefined;
+    })[];
+    presets: ({
+        name: string;
+        props: {
+            variant: string;
+            height: string;
+            slides: {
+                title: string;
+                subtitle: string;
+                cta: string;
+                href: string;
+                hue: number;
+            }[];
+        };
+    } | {
+        name: string;
+        props: {
+            variant: string;
+            slides: {
+                title: string;
+                subtitle: string;
+                href: string;
+                hue: number;
+            }[];
+            height?: undefined;
+        };
+    })[];
+    enabledOn: string[];
+};
+//# sourceMappingURL=HeroSection.d.ts.map

package/dist/components/marketing/HeroSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeroSection.d.ts","sourceRoot":"","sources":["../../../src/components/marketing/HeroSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAA;AAG1D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AACtD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AA+ClD,wBAAgB,WAAW,CAAC,EAC1B,OAAO,EAIP,MAAW,EACX,MAAe,GAChB,EAAE;IACD,OAAO,EAAE,WAAW,CAAA;IACpB,MAAM,EAAE,SAAS,EAAE,CAAA;IACnB,MAAM,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAA;CAC3B,4BAsIA;AAED,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkGmB,CAAA"}