@orion-studios/payload-blocks 0.1.0

package/dist/index.js

@@ -0,0 +1,844 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  BookingEmbedBlock: () => BookingEmbedBlock,
+  BuilderBlockLabel: () => BuilderBlockLabel,
+  CtaBlock: () => CtaBlock,
+  FaqBlock: () => FaqBlock,
+  FeatureGridBlock: () => FeatureGridBlock,
+  FormEmbedBlock: () => FormEmbedBlock,
+  HeroBlock: () => HeroBlock,
+  MediaBlock: () => MediaBlock,
+  RichTextBlock: () => RichTextBlock,
+  TestimonialsBlock: () => TestimonialsBlock,
+  builderBlockLabelComponent: () => builderBlockLabelComponent,
+  clonePresetBlocks: () => clonePresetBlocks,
+  defaultPageLayoutBlocks: () => defaultPageLayoutBlocks,
+  sectionPresets: () => sectionPresets,
+  templateStarterPresets: () => templateStarterPresets
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/blocks/adminComponents.ts
+var builderBlockLabelComponent = {
+  exportName: "BuilderBlockLabel",
+  path: "./components/admin/BuilderBlockLabel.tsx"
+};
+
+// src/blocks/BookingEmbed.ts
+var BookingEmbedBlock = {
+  slug: "bookingEmbed",
+  imageURL: "/images/service-removal.svg",
+  imageAltText: "Booking embed section preview",
+  admin: {
+    components: {
+      Label: builderBlockLabelComponent
+    }
+  },
+  labels: {
+    singular: "Booking Embed",
+    plural: "Booking Embeds"
+  },
+  fields: [
+    {
+      name: "title",
+      type: "text"
+    },
+    {
+      name: "description",
+      type: "textarea"
+    },
+    {
+      name: "buttonLabel",
+      type: "text",
+      defaultValue: "Book Consultation"
+    },
+    {
+      name: "buttonHref",
+      type: "text",
+      defaultValue: "/contact"
+    }
+  ]
+};
+
+// src/blocks/Cta.ts
+var CtaBlock = {
+  slug: "cta",
+  imageURL: "/images/logo-mark.svg",
+  imageAltText: "Call to action section preview",
+  admin: {
+    components: {
+      Label: builderBlockLabelComponent
+    }
+  },
+  labels: {
+    singular: "CTA",
+    plural: "CTAs"
+  },
+  fields: [
+    {
+      name: "headline",
+      type: "text",
+      required: true
+    },
+    {
+      name: "description",
+      type: "textarea"
+    },
+    {
+      name: "buttonLabel",
+      type: "text"
+    },
+    {
+      name: "buttonHref",
+      type: "text",
+      admin: {
+        description: "Use internal links like /contact."
+      }
+    },
+    {
+      name: "style",
+      type: "select",
+      defaultValue: "light",
+      options: [
+        {
+          label: "Light",
+          value: "light"
+        },
+        {
+          label: "Dark",
+          value: "dark"
+        }
+      ]
+    },
+    {
+      name: "backgroundColor",
+      type: "text",
+      admin: {
+        description: "Optional background color override for the CTA strip (example: #124a37)."
+      }
+    }
+  ]
+};
+
+// src/blocks/Faq.ts
+var FaqBlock = {
+  slug: "faq",
+  imageURL: "/images/project-before-2.svg",
+  imageAltText: "FAQ section preview",
+  admin: {
+    components: {
+      Label: builderBlockLabelComponent
+    }
+  },
+  labels: {
+    singular: "FAQ",
+    plural: "FAQs"
+  },
+  fields: [
+    {
+      name: "title",
+      type: "text",
+      required: true
+    },
+    {
+      name: "items",
+      type: "array",
+      minRows: 1,
+      maxRows: 12,
+      fields: [
+        {
+          name: "question",
+          type: "text",
+          required: true
+        },
+        {
+          name: "answer",
+          type: "textarea",
+          required: true
+        }
+      ]
+    }
+  ]
+};
+
+// src/blocks/FeatureGrid.ts
+var FeatureGridBlock = {
+  slug: "featureGrid",
+  imageURL: "/images/service-trimming.svg",
+  imageAltText: "Feature grid section preview",
+  admin: {
+    components: {
+      Label: builderBlockLabelComponent
+    }
+  },
+  labels: {
+    singular: "Feature Grid",
+    plural: "Feature Grids"
+  },
+  fields: [
+    {
+      name: "title",
+      type: "text",
+      required: true
+    },
+    {
+      name: "items",
+      type: "array",
+      minRows: 1,
+      maxRows: 6,
+      fields: [
+        {
+          name: "title",
+          type: "text",
+          required: true
+        },
+        {
+          name: "description",
+          type: "textarea"
+        },
+        {
+          name: "icon",
+          type: "text",
+          admin: {
+            description: 'Optional short icon label (e.g. "01", "Leaf", "Star").'
+          }
+        }
+      ]
+    },
+    {
+      name: "variant",
+      type: "select",
+      defaultValue: "cards",
+      options: [
+        {
+          label: "Cards",
+          value: "cards"
+        },
+        {
+          label: "Highlight",
+          value: "highlight"
+        }
+      ]
+    },
+    {
+      name: "backgroundColor",
+      type: "text",
+      admin: {
+        description: "Optional background color override when using the Highlight variant (example: #1f684f)."
+      }
+    }
+  ]
+};
+
+// src/blocks/FormEmbed.ts
+var FormEmbedBlock = {
+  slug: "formEmbed",
+  imageURL: "/images/map-placeholder.svg",
+  imageAltText: "Form embed section preview",
+  admin: {
+    components: {
+      Label: builderBlockLabelComponent
+    }
+  },
+  labels: {
+    singular: "Form Embed",
+    plural: "Form Embeds"
+  },
+  fields: [
+    {
+      name: "title",
+      type: "text"
+    },
+    {
+      name: "description",
+      type: "textarea"
+    },
+    {
+      name: "formType",
+      type: "select",
+      defaultValue: "quote",
+      options: [
+        {
+          label: "Quote Form",
+          value: "quote"
+        }
+      ]
+    }
+  ]
+};
+
+// src/blocks/Hero.ts
+var HeroBlock = {
+  slug: "hero",
+  imageURL: "/images/hero-tree.svg",
+  imageAltText: "Hero section preview",
+  admin: {
+    components: {
+      Label: builderBlockLabelComponent
+    }
+  },
+  labels: {
+    singular: "Hero",
+    plural: "Hero Sections"
+  },
+  fields: [
+    {
+      name: "kicker",
+      type: "text",
+      admin: {
+        description: "Optional short label above the headline."
+      }
+    },
+    {
+      name: "headline",
+      type: "text",
+      required: true
+    },
+    {
+      name: "subheadline",
+      type: "textarea"
+    },
+    {
+      name: "primaryLabel",
+      type: "text"
+    },
+    {
+      name: "primaryHref",
+      type: "text",
+      admin: {
+        description: "Use internal links like /contact."
+      }
+    },
+    {
+      name: "secondaryLabel",
+      type: "text"
+    },
+    {
+      name: "secondaryHref",
+      type: "text",
+      admin: {
+        description: "Use internal links like /services."
+      }
+    },
+    {
+      name: "media",
+      type: "upload",
+      relationTo: "media"
+    },
+    {
+      name: "backgroundImageURL",
+      type: "text",
+      admin: {
+        description: "Optional external/background image URL override for this hero section."
+      }
+    },
+    {
+      name: "backgroundColor",
+      type: "text",
+      admin: {
+        description: "Optional background color override (example: #124a37)."
+      }
+    },
+    {
+      name: "variant",
+      type: "select",
+      defaultValue: "default",
+      options: [
+        {
+          label: "Default",
+          value: "default"
+        },
+        {
+          label: "Centered",
+          value: "centered"
+        }
+      ]
+    }
+  ]
+};
+
+// src/blocks/Media.ts
+var MediaBlock = {
+  slug: "media",
+  imageURL: "/images/project-after-1.svg",
+  imageAltText: "Media section preview",
+  admin: {
+    components: {
+      Label: builderBlockLabelComponent
+    }
+  },
+  labels: {
+    singular: "Media",
+    plural: "Media Sections"
+  },
+  fields: [
+    {
+      name: "image",
+      type: "upload",
+      relationTo: "media",
+      required: true
+    },
+    {
+      name: "caption",
+      type: "text"
+    },
+    {
+      name: "size",
+      type: "select",
+      defaultValue: "default",
+      options: [
+        {
+          label: "Default",
+          value: "default"
+        },
+        {
+          label: "Wide",
+          value: "wide"
+        }
+      ]
+    }
+  ]
+};
+
+// src/blocks/RichText.ts
+var RichTextBlock = {
+  slug: "richText",
+  imageURL: "/window.svg",
+  imageAltText: "Rich text section preview",
+  admin: {
+    components: {
+      Label: builderBlockLabelComponent
+    }
+  },
+  labels: {
+    singular: "Rich Text",
+    plural: "Rich Text Sections"
+  },
+  fields: [
+    {
+      name: "title",
+      type: "text"
+    },
+    {
+      name: "content",
+      type: "richText",
+      required: true
+    },
+    {
+      name: "width",
+      type: "select",
+      defaultValue: "normal",
+      options: [
+        {
+          label: "Normal",
+          value: "normal"
+        },
+        {
+          label: "Narrow",
+          value: "narrow"
+        }
+      ]
+    }
+  ]
+};
+
+// src/blocks/Testimonials.ts
+var TestimonialsBlock = {
+  slug: "testimonials",
+  imageURL: "/images/project-after-2.svg",
+  imageAltText: "Testimonials section preview",
+  admin: {
+    components: {
+      Label: builderBlockLabelComponent
+    }
+  },
+  labels: {
+    singular: "Testimonials",
+    plural: "Testimonials"
+  },
+  fields: [
+    {
+      name: "title",
+      type: "text",
+      required: true
+    },
+    {
+      name: "items",
+      type: "array",
+      minRows: 1,
+      maxRows: 6,
+      fields: [
+        {
+          name: "quote",
+          type: "textarea",
+          required: true
+        },
+        {
+          name: "name",
+          type: "text",
+          required: true
+        },
+        {
+          name: "location",
+          type: "text"
+        }
+      ]
+    }
+  ]
+};
+
+// src/components/BuilderBlockLabel.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var blockTitles = {
+  bookingEmbed: "Booking Embed",
+  cta: "Call to Action",
+  faq: "FAQ",
+  featureGrid: "Feature Grid",
+  formEmbed: "Form Embed",
+  hero: "Hero",
+  media: "Media",
+  richText: "Rich Text",
+  testimonials: "Testimonials"
+};
+var blockEmojis = {
+  bookingEmbed: "Calendar",
+  cta: "Action",
+  faq: "FAQ",
+  featureGrid: "Grid",
+  formEmbed: "Form",
+  hero: "Hero",
+  media: "Media",
+  richText: "Text",
+  testimonials: "Reviews"
+};
+function BuilderBlockLabel({ blockType, rowLabel, rowNumber }) {
+  const fallbackTitle = blockTitles[blockType] || blockType;
+  const title = rowLabel && rowLabel.trim().length > 0 ? rowLabel : fallbackTitle;
+  const tag = blockEmojis[blockType] || "Section";
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { alignItems: "center", display: "flex", gap: 8 }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "span",
+      {
+        style: {
+          background: "var(--theme-elevation-100)",
+          border: "1px solid var(--theme-elevation-200)",
+          borderRadius: 999,
+          color: "var(--theme-text-muted)",
+          fontSize: 11,
+          fontWeight: 700,
+          padding: "2px 8px"
+        },
+        children: tag
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { style: { fontWeight: 700 }, children: [
+      typeof rowNumber === "number" ? `${rowNumber + 1}. ` : "",
+      title
+    ] })
+  ] });
+}
+
+// src/presets/index.ts
+var sectionPresets = [
+  {
+    id: "hero-conversion",
+    title: "Hero + Conversion CTA",
+    description: "Lead section with headline and primary conversion strip.",
+    blocks: [
+      {
+        blockType: "hero",
+        kicker: "Licensed + Insured",
+        headline: "Expert Tree Care for Central Texas",
+        subheadline: "Reliable trimming, safe removals, and stump grinding for residential and commercial properties.",
+        primaryLabel: "Get Your Free Quote",
+        primaryHref: "/contact",
+        secondaryLabel: "See Our Work",
+        secondaryHref: "/portfolio"
+      },
+      {
+        blockType: "cta",
+        headline: "Need a quote this week?",
+        description: "Call (512) 555-0149 or request an on-site estimate online.",
+        buttonLabel: "Contact Us",
+        buttonHref: "/contact",
+        style: "light"
+      }
+    ]
+  },
+  {
+    id: "services-grid",
+    title: "Services Grid",
+    description: "Three-card services section for fast offer communication.",
+    blocks: [
+      {
+        blockType: "featureGrid",
+        title: "Our Services",
+        variant: "cards",
+        items: [
+          {
+            title: "Tree Trimming & Pruning",
+            description: "Canopy balancing, deadwood removal, and seasonal pruning.",
+            icon: "Trim"
+          },
+          {
+            title: "Safe Tree Removal",
+            description: "Controlled removal for hazardous or unstable trees.",
+            icon: "Remove"
+          },
+          {
+            title: "Stump Grinding",
+            description: "Below-grade stump grinding and cleanup.",
+            icon: "Stump"
+          }
+        ]
+      }
+    ]
+  },
+  {
+    id: "social-proof",
+    title: "Testimonials + FAQ",
+    description: "Trust-building section with reviews and common questions.",
+    blocks: [
+      {
+        blockType: "testimonials",
+        title: "What Homeowners Say",
+        items: [
+          {
+            quote: "Great communication, fair pricing, and the cleanup was perfect. We will use them again.",
+            name: "Katie M.",
+            location: "Austin, TX"
+          },
+          {
+            quote: "They removed a dangerous limb over our driveway quickly and safely.",
+            name: "James R.",
+            location: "Round Rock, TX"
+          }
+        ]
+      },
+      {
+        blockType: "faq",
+        title: "Common Questions",
+        items: [
+          {
+            question: "How quickly can you schedule service?",
+            answer: "Most estimate requests are scheduled within 24 hours."
+          },
+          {
+            question: "Do you provide cleanup?",
+            answer: "Yes. Debris haul-off and cleanup are included in quoted scopes."
+          }
+        ]
+      }
+    ]
+  },
+  {
+    id: "lead-capture",
+    title: "Lead Capture",
+    description: "Quote form and consultation CTA for conversion pages.",
+    blocks: [
+      {
+        blockType: "formEmbed",
+        title: "Request a Quote",
+        description: "Share your project details and we will follow up quickly.",
+        formType: "quote"
+      },
+      {
+        blockType: "bookingEmbed",
+        title: "Prefer to book a consultation?",
+        description: "Choose a time window and we will confirm availability.",
+        buttonLabel: "Book Consultation",
+        buttonHref: "/contact"
+      }
+    ]
+  }
+];
+var templateStarterPresets = {
+  contact: [
+    {
+      blockType: "hero",
+      headline: "Contact Us",
+      subheadline: "Request a quote, ask a question, or book a consultation window.",
+      primaryLabel: "Call (512) 555-0149",
+      primaryHref: "tel:+15125550149"
+    },
+    {
+      blockType: "formEmbed",
+      title: "Request a Quote",
+      description: "Tell us about your project and we will follow up quickly.",
+      formType: "quote"
+    },
+    {
+      blockType: "faq",
+      title: "Common Questions",
+      items: [
+        {
+          question: "How quickly can you provide an estimate?",
+          answer: "Most estimates are scheduled within 24 hours."
+        }
+      ]
+    }
+  ],
+  landing: [
+    {
+      blockType: "hero",
+      kicker: "Locally Owned",
+      headline: "Expert Tree Care for Central Texas",
+      subheadline: "Premium trimming, removal, and cleanup with safety-first execution.",
+      primaryLabel: "Get Your Free Quote",
+      primaryHref: "/contact",
+      secondaryLabel: "View Services",
+      secondaryHref: "/services"
+    },
+    {
+      blockType: "featureGrid",
+      title: "Why Homeowners Choose Us",
+      variant: "highlight",
+      items: [
+        { title: "Transparent Pricing", description: "Clear written estimates.", icon: "01" },
+        { title: "Safety-First Crew", description: "Property protection and planning.", icon: "02" },
+        { title: "Fast Scheduling", description: "Quick estimates and service windows.", icon: "03" }
+      ]
+    },
+    {
+      blockType: "cta",
+      headline: "Need a quote this week?",
+      description: "Call (512) 555-0149 or request an estimate online.",
+      buttonLabel: "Contact Us",
+      buttonHref: "/contact",
+      style: "light"
+    }
+  ],
+  services: [
+    {
+      blockType: "hero",
+      headline: "Tree Services Built for Safety and Curb Appeal",
+      subheadline: "Core offerings first, with clear scopes and scheduling.",
+      primaryLabel: "Schedule Estimate",
+      primaryHref: "/contact"
+    },
+    {
+      blockType: "featureGrid",
+      title: "Core Services",
+      variant: "cards",
+      items: [
+        {
+          title: "Tree Trimming & Pruning",
+          description: "Selective pruning for structure, clearance, and health.",
+          icon: "Trim"
+        },
+        {
+          title: "Tree Removal",
+          description: "Controlled removal for unstable or hazardous trees.",
+          icon: "Remove"
+        },
+        {
+          title: "Stump Grinding",
+          description: "Below-grade grinding and cleanup.",
+          icon: "Stump"
+        }
+      ]
+    },
+    {
+      blockType: "faq",
+      title: "Frequently Asked Questions",
+      items: [
+        {
+          question: "Do you handle storm cleanup?",
+          answer: "Yes. We prioritize urgent hazards after severe weather."
+        }
+      ]
+    }
+  ],
+  standard: [
+    {
+      blockType: "hero",
+      headline: "Page Headline",
+      subheadline: "Use this page to communicate your primary message clearly."
+    },
+    {
+      blockType: "richText",
+      title: "Section Heading",
+      width: "normal",
+      content: {
+        root: {
+          children: [
+            {
+              children: [{ detail: 0, format: 0, mode: "normal", style: "", text: "", type: "text", version: 1 }],
+              direction: "ltr",
+              format: "",
+              indent: 0,
+              type: "paragraph",
+              version: 1
+            }
+          ],
+          direction: "ltr",
+          format: "",
+          indent: 0,
+          type: "root",
+          version: 1
+        }
+      }
+    },
+    {
+      blockType: "cta",
+      headline: "Ready to take the next step?",
+      buttonLabel: "Contact Us",
+      buttonHref: "/contact",
+      style: "light"
+    }
+  ]
+};
+function clonePresetBlocks(blocks) {
+  return JSON.parse(JSON.stringify(blocks));
+}
+
+// src/index.ts
+var defaultPageLayoutBlocks = [
+  HeroBlock,
+  RichTextBlock,
+  FeatureGridBlock,
+  MediaBlock,
+  TestimonialsBlock,
+  FaqBlock,
+  FormEmbedBlock,
+  BookingEmbedBlock,
+  CtaBlock
+];
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  BookingEmbedBlock,
+  BuilderBlockLabel,
+  CtaBlock,
+  FaqBlock,
+  FeatureGridBlock,
+  FormEmbedBlock,
+  HeroBlock,
+  MediaBlock,
+  RichTextBlock,
+  TestimonialsBlock,
+  builderBlockLabelComponent,
+  clonePresetBlocks,
+  defaultPageLayoutBlocks,
+  sectionPresets,
+  templateStarterPresets
+});