import { defineBlock } from "@wabbit/tome-blocks-core/defineBlock";
import { ctaMeta } from "./meta";
import { createVariantAwareBlock } from "@wabbit/tome-blocks-core/variants";
import { ctaVariants } from "./variants";
import {
  FixedToolbarFeature,
  HeadingFeature,
  InlineToolbarFeature,
  lexicalEditor,
  OrderedListFeature,
  ParagraphFeature,
  UnorderedListFeature,
  ItalicFeature,
  LinkFeature
} from "@payloadcms/richtext-lexical";
const baseCtaFactory = (config) => {
  const mediaCollection = config?.mediaCollection ?? "media";
  const linkableCollections = config?.linkableCollections ?? ["pages"];
  return {
    slug: "cta",
    interfaceName: "CtaBlock",
    labels: { singular: "Call to Action", plural: "Calls to Action" },
    fields: [
      {
        name: "backgroundColor",
        type: "select",
        defaultValue: "none",
        options: [
          { label: "None", value: "none" },
          { label: "White", value: "white" },
          { label: "Light Gray", value: "light-gray" },
          { label: "Dark", value: "dark" }
        ]
      },
      {
        type: "row",
        fields: [
          {
            name: "layout",
            label: "Layout Width",
            type: "select",
            defaultValue: "normal",
            options: [
              { label: "Normal", value: "normal" },
              { label: "Narrow", value: "narrow" },
              { label: "Full Width", value: "fullWidth" }
            ]
          },
          {
            name: "appearance",
            label: "Appearance",
            type: "select",
            defaultValue: "default",
            options: [
              { label: "Default (Inherit)", value: "default" },
              { label: "Primary", value: "primary" },
              { label: "Secondary", value: "secondary" },
              { label: "Transparent", value: "transparent" }
            ]
          }
        ]
      },
      {
        name: "eyebrow",
        type: "text",
        label: "Eyebrow Text",
        admin: {
          description: "Small text above the headline."
        }
      },
      {
        name: "richText",
        type: "richText",
        localized: true,
        editor: lexicalEditor({
          features: ({ rootFeatures }) => [
            ...rootFeatures,
            HeadingFeature({ enabledHeadingSizes: ["h2", "h3", "h4"] }),
            ParagraphFeature(),
            OrderedListFeature(),
            UnorderedListFeature(),
            FixedToolbarFeature(),
            InlineToolbarFeature()
          ]
        })
      },
      {
        name: "image",
        type: "upload",
        relationTo: mediaCollection,
        required: false
      },
      {
        name: "links",
        type: "array",
        maxRows: 3,
        fields: [
          {
            name: "link",
            type: "group",
            fields: [
              {
                name: "type",
                type: "radio",
                defaultValue: "reference",
                options: [
                  { label: "Internal link", value: "reference" },
                  { label: "Custom URL", value: "custom" }
                ],
                admin: { layout: "horizontal" }
              },
              {
                name: "reference",
                type: "relationship",
                relationTo: linkableCollections,
                admin: { condition: (_, s) => s?.type === "reference" }
              },
              {
                name: "url",
                type: "text",
                admin: { condition: (_, s) => s?.type === "custom" }
              },
              { name: "label", type: "text", required: true, localized: true },
              { name: "newTab", type: "checkbox", label: "Open in new tab" },
              {
                name: "appearance",
                type: "select",
                defaultValue: "default",
                options: [
                  { label: "Default", value: "default" },
                  { label: "Outline", value: "outline" }
                ]
              }
            ]
          }
        ]
      },
      {
        name: "disclaimer",
        type: "richText",
        label: "Disclaimer (Optional)",
        editor: lexicalEditor({
          features: () => [
            ParagraphFeature(),
            ItalicFeature(),
            LinkFeature()
          ]
        })
      },
      {
        type: "collapsible",
        label: "Advanced Styling",
        admin: { initCollapsed: true },
        fields: [
          { name: "textColor", label: "Custom Text Color", type: "text" },
          { name: "customBackgroundColor", label: "Custom Background Color", type: "text" },
          { name: "accentColor", label: "Custom Accent Color", type: "text" }
        ]
      }
    ]
  };
};
const variantAware = createVariantAwareBlock({
  factory: baseCtaFactory,
  variants: ctaVariants
});
const ctaBlock = defineBlock(
  ctaMeta,
  variantAware.factory,
  variantAware.variants
);
export {
  ctaBlock
};
//# sourceMappingURL=index.js.map
Install
