@withpotter/components 0.13.0-next.101

package/dist/behaviors/gating-config-section.js

@@ -0,0 +1,160 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { Lock, X, ChevronDown, ChevronRight, Plus } from "lucide-react";
+import { Button } from "@withpotter/ui-kit/button";
+import { OptionButton } from "@withpotter/ui-kit/option-button";
+import { Input } from "@withpotter/ui-kit";
+const LABEL_CLS = "block text-sm font-medium text-[var(--text-secondary)] mb-1";
+const HELP_CLS = "mt-1 text-xs text-[var(--text-muted)]";
+function GatingConfigSection({
+  gatedByPlanIds,
+  onPlanIdsChange,
+  availablePlans,
+  gatedBy,
+  onChange,
+  subscribablePlanName,
+  createPlanHref = "/dashboard/subscriptions"
+}) {
+  const planIds = Array.isArray(gatedByPlanIds) ? gatedByPlanIds : [];
+  const plans = Array.isArray(availablePlans) ? availablePlans : [];
+  const tags = Array.isArray(gatedBy) ? gatedBy : [];
+  const [tagInput, setTagInput] = useState("");
+  const [advancedOpen, setAdvancedOpen] = useState(tags.length > 0);
+  const togglePlan = (planId) => {
+    if (planIds.includes(planId)) {
+      onPlanIdsChange(planIds.filter((id) => id !== planId));
+    } else {
+      onPlanIdsChange([...planIds, planId]);
+    }
+  };
+  const handleAddTag = () => {
+    const tag = tagInput.trim().toLowerCase();
+    if (tag && !tags.includes(tag)) {
+      onChange([...tags, tag]);
+      setTagInput("");
+    }
+  };
+  const handleRemoveTag = (tag) => {
+    onChange(tags.filter((t) => t !== tag));
+  };
+  const handleKeyDown = (e) => {
+    if (e.key === "Enter") {
+      e.preventDefault();
+      handleAddTag();
+    }
+  };
+  const isPublic = planIds.length === 0 && tags.length === 0;
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3 p-3 bg-[var(--info-bg)] border border-[var(--info)]/20 rounded-md", children: [
+      /* @__PURE__ */ jsx(Lock, { className: "size-4 text-[var(--info)] mt-0.5 shrink-0" }),
+      /* @__PURE__ */ jsxs("div", { className: "text-xs text-[var(--text-secondary)]", children: [
+        /* @__PURE__ */ jsx("p", { className: "font-medium mb-1", children: "Content gating" }),
+        /* @__PURE__ */ jsx("p", { children: isPublic ? /* @__PURE__ */ jsx(Fragment, { children: "This content is publicly accessible. Select one or more plans below to gate it." }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+          "Customers with an active subscription to ",
+          /* @__PURE__ */ jsx("strong", { children: "any" }),
+          " ",
+          "selected plan can access this content."
+        ] }) })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx("label", { className: LABEL_CLS, children: "Plans that grant access" }),
+      plans.length === 0 ? /* @__PURE__ */ jsxs("div", { className: "p-4 border border-dashed border-[var(--border-default)] rounded-md text-center", children: [
+        /* @__PURE__ */ jsx("p", { className: "text-sm text-[var(--text-secondary)] mb-2", children: "You haven't created any subscription plans yet." }),
+        /* @__PURE__ */ jsxs(
+          "a",
+          {
+            href: createPlanHref,
+            className: "inline-flex items-center gap-1 text-sm font-medium text-brand-600 hover:text-brand-700",
+            children: [
+              /* @__PURE__ */ jsx(Plus, {}),
+              "Create a plan"
+            ]
+          }
+        )
+      ] }) : /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-2", children: plans.map((plan) => {
+        const selected = planIds.includes(plan.id);
+        return /* @__PURE__ */ jsxs(
+          OptionButton,
+          {
+            shape: "card",
+            selected,
+            onClick: () => togglePlan(plan.id),
+            className: "py-2 text-sm",
+            children: [
+              /* @__PURE__ */ jsx("span", { children: plan.name }),
+              selected && /* @__PURE__ */ jsx(X, {})
+            ]
+          },
+          plan.id
+        );
+      }) }),
+      /* @__PURE__ */ jsx("p", { className: HELP_CLS, children: "Select one or more plans. A customer with an active subscription to any of them gets access." })
+    ] }),
+    subscribablePlanName && /* @__PURE__ */ jsxs("div", { className: "text-xs p-2 bg-[var(--success-bg)] border border-[var(--success)]/20 text-[var(--success)] rounded-md", children: [
+      "This content is also linked to plan",
+      " ",
+      /* @__PURE__ */ jsx("strong", { children: subscribablePlanName }),
+      " as a subscribable item."
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "border-t border-[var(--border-subtle)] pt-3", children: [
+      /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          onClick: () => setAdvancedOpen((v) => !v),
+          className: "flex items-center gap-1 text-xs font-medium text-[var(--text-tertiary)] hover:text-[var(--text-primary)]",
+          children: [
+            advancedOpen ? /* @__PURE__ */ jsx(ChevronDown, {}) : /* @__PURE__ */ jsx(ChevronRight, {}),
+            "Advanced: tag-based gating",
+            tags.length > 0 && /* @__PURE__ */ jsx("span", { className: "ml-1 px-2 py-0.5 text-3xs bg-[var(--info-bg)] text-[var(--info)] rounded-md", children: tags.length })
+          ]
+        }
+      ),
+      advancedOpen && /* @__PURE__ */ jsxs("div", { className: "mt-3 space-y-3", children: [
+        /* @__PURE__ */ jsx("p", { className: "text-xs text-[var(--text-muted)]", children: "Legacy: gate by free-form access tags carried on a customer's subscription. A tag match grants access independently of plan selection." }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("label", { className: LABEL_CLS, children: "Required access tags" }),
+          /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
+            /* @__PURE__ */ jsx(
+              Input,
+              {
+                type: "text",
+                value: tagInput,
+                onChange: (e) => setTagInput(e.target.value),
+                onKeyDown: handleKeyDown,
+                placeholder: "e.g. premium-content"
+              }
+            ),
+            /* @__PURE__ */ jsx(Button, { className: "whitespace-nowrap", onClick: handleAddTag, children: "Add" })
+          ] })
+        ] }),
+        tags.length > 0 && /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-2", children: tags.map((tag) => /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: "flex items-center gap-2 px-3 py-2 bg-[var(--info-bg)] text-[var(--info)] rounded-md text-sm",
+            children: [
+              /* @__PURE__ */ jsx("span", { children: tag }),
+              /* @__PURE__ */ jsx(
+                "button",
+                {
+                  "aria-label": "Remove tag",
+                  type: "button",
+                  onClick: () => handleRemoveTag(tag),
+                  className: "text-[var(--info)] hover:text-[var(--text-primary)]",
+                  children: /* @__PURE__ */ jsx(X, {})
+                }
+              )
+            ]
+          },
+          tag
+        )) })
+      ] })
+    ] })
+  ] });
+}
+export {
+  GatingConfigSection
+};
+//# sourceMappingURL=gating-config-section.js.map

package/dist/behaviors/gating-config-section.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/behaviors/gating-config-section.tsx"],"sourcesContent":["'use client';\n\nimport { useState } from 'react';\nimport { Lock, X, ChevronDown, ChevronRight, Plus } from 'lucide-react';\nimport type { MerchantPlan } from '@withpotter/lib/api/types';\nimport { Button } from '@withpotter/ui-kit/button';\nimport { OptionButton } from '@withpotter/ui-kit/option-button';\nimport { Input } from '@withpotter/ui-kit';\n\nconst LABEL_CLS = 'block text-sm font-medium text-[var(--text-secondary)] mb-1';\nconst HELP_CLS = 'mt-1 text-xs text-[var(--text-muted)]';\n\ninterface GatingConfigSectionProps {\n  /** Plan IDs that grant access. Customer needs an active subscription to ANY one of them. */\n  gatedByPlanIds: string[];\n  onPlanIdsChange: (ids: string[]) => void;\n  /** Available active plans the merchant has created. */\n  availablePlans: MerchantPlan[];\n  /** Legacy tag-based gate. OR'd with plan-id gate at evaluation time. */\n  gatedBy: string[];\n  onChange: (tags: string[]) => void;\n  subscribablePlanName?: string;\n  /** Optional dashboard route to the plan-create flow, shown when no plans exist. */\n  createPlanHref?: string;\n}\n\n/**\n * GatingConfigSection\n *\n * Lets merchants choose which subscription plans grant access to this content.\n * Primary UI is a multi-select of the merchant's active plans. Legacy tag gating\n * is preserved under an \"Advanced\" disclosure and OR'd with the plan-id gate\n * server-side. Empty = public.\n */\nexport function GatingConfigSection({\n  gatedByPlanIds,\n  onPlanIdsChange,\n  availablePlans,\n  gatedBy,\n  onChange,\n  subscribablePlanName,\n  createPlanHref = '/dashboard/subscriptions',\n}: GatingConfigSectionProps) {\n  // Defensive: callers should pass arrays, but guard against shape regressions\n  // so the editor never error-boundaries on .map / .includes.\n  const planIds = Array.isArray(gatedByPlanIds) ? gatedByPlanIds : [];\n  const plans = Array.isArray(availablePlans) ? availablePlans : [];\n  const tags = Array.isArray(gatedBy) ? gatedBy : [];\n\n  const [tagInput, setTagInput] = useState('');\n  const [advancedOpen, setAdvancedOpen] = useState(tags.length > 0);\n\n  const togglePlan = (planId: string) => {\n    if (planIds.includes(planId)) {\n      onPlanIdsChange(planIds.filter((id) => id !== planId));\n    } else {\n      onPlanIdsChange([...planIds, planId]);\n    }\n  };\n\n  const handleAddTag = () => {\n    const tag = tagInput.trim().toLowerCase();\n    if (tag && !tags.includes(tag)) {\n      onChange([...tags, tag]);\n      setTagInput('');\n    }\n  };\n\n  const handleRemoveTag = (tag: string) => {\n    onChange(tags.filter((t) => t !== tag));\n  };\n\n  const handleKeyDown = (e: React.KeyboardEvent) => {\n    if (e.key === 'Enter') {\n      e.preventDefault();\n      handleAddTag();\n    }\n  };\n\n  const isPublic = planIds.length === 0 && tags.length === 0;\n\n  return (\n    <div className=\"space-y-4\">\n      <div className=\"flex items-start gap-3 p-3 bg-[var(--info-bg)] border border-[var(--info)]/20 rounded-md\">\n        <Lock className=\"size-4 text-[var(--info)] mt-0.5 shrink-0\" />\n        <div className=\"text-xs text-[var(--text-secondary)]\">\n          <p className=\"font-medium mb-1\">Content gating</p>\n          <p>\n            {isPublic ? (\n              <>\n                This content is publicly accessible. Select one or more plans\n                below to gate it.\n              </>\n            ) : (\n              <>\n                Customers with an active subscription to <strong>any</strong>{' '}\n                selected plan can access this content.\n              </>\n            )}\n          </p>\n        </div>\n      </div>\n\n      {/* Plan multi-select */}\n      <div>\n        <label className={LABEL_CLS}>Plans that grant access</label>\n\n        {plans.length === 0 ? (\n          <div className=\"p-4 border border-dashed border-[var(--border-default)] rounded-md text-center\">\n            <p className=\"text-sm text-[var(--text-secondary)] mb-2\">\n              You haven&apos;t created any subscription plans yet.\n            </p>\n            <a\n              href={createPlanHref}\n              className=\"inline-flex items-center gap-1 text-sm font-medium text-brand-600 hover:text-brand-700\"\n            >\n              <Plus />\n              Create a plan\n            </a>\n          </div>\n        ) : (\n          <div className=\"flex flex-wrap gap-2\">\n            {plans.map((plan) => {\n              const selected = planIds.includes(plan.id);\n              return (\n                <OptionButton\n                  key={plan.id}\n                  shape=\"card\"\n                  selected={selected}\n                  onClick={() => togglePlan(plan.id)}\n                  className=\"py-2 text-sm\"\n                >\n                  <span>{plan.name}</span>\n                  {selected && <X />}\n                </OptionButton>\n              );\n            })}\n          </div>\n        )}\n\n        <p className={HELP_CLS}>\n          Select one or more plans. A customer with an active subscription to\n          any of them gets access.\n        </p>\n      </div>\n\n      {subscribablePlanName && (\n        <div className=\"text-xs p-2 bg-[var(--success-bg)] border border-[var(--success)]/20 text-[var(--success)] rounded-md\">\n          This content is also linked to plan{' '}\n          <strong>{subscribablePlanName}</strong> as a subscribable item.\n        </div>\n      )}\n\n      {/* Advanced: legacy tag-based gating */}\n      <div className=\"border-t border-[var(--border-subtle)] pt-3\">\n        <button\n          type=\"button\"\n          onClick={() => setAdvancedOpen((v) => !v)}\n          className=\"flex items-center gap-1 text-xs font-medium text-[var(--text-tertiary)] hover:text-[var(--text-primary)]\"\n        >\n          {advancedOpen ? <ChevronDown /> : <ChevronRight />}\n          Advanced: tag-based gating\n          {tags.length > 0 && (\n            <span className=\"ml-1 px-2 py-0.5 text-3xs bg-[var(--info-bg)] text-[var(--info)] rounded-md\">\n              {tags.length}\n            </span>\n          )}\n        </button>\n\n        {advancedOpen && (\n          <div className=\"mt-3 space-y-3\">\n            <p className=\"text-xs text-[var(--text-muted)]\">\n              Legacy: gate by free-form access tags carried on a customer&apos;s\n              subscription. A tag match grants access independently of plan\n              selection.\n            </p>\n\n            <div>\n              <label className={LABEL_CLS}>Required access tags</label>\n              <div className=\"flex gap-2\">\n                <Input\n                  type=\"text\"\n                  value={tagInput}\n                  onChange={(e) => setTagInput(e.target.value)}\n                  onKeyDown={handleKeyDown}\n                  placeholder=\"e.g. premium-content\"\n                />\n                <Button className=\"whitespace-nowrap\" onClick={handleAddTag}>\n                  Add\n                </Button>\n              </div>\n            </div>\n\n            {tags.length > 0 && (\n              <div className=\"flex flex-wrap gap-2\">\n                {tags.map((tag) => (\n                  <div\n                    key={tag}\n                    className=\"flex items-center gap-2 px-3 py-2 bg-[var(--info-bg)] text-[var(--info)] rounded-md text-sm\"\n                  >\n                    <span>{tag}</span>\n                    <button\n                      aria-label=\"Remove tag\"\n                      type=\"button\"\n                      onClick={() => handleRemoveTag(tag)}\n                      className=\"text-[var(--info)] hover:text-[var(--text-primary)]\"\n                    >\n                      <X />\n                    </button>\n                  </div>\n                ))}\n              </div>\n            )}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/behaviors/index.d.ts

@@ -0,0 +1,27 @@
+/**
+ * Behavior Blocks
+ *
+ * These components define the UI blocks for each behavior.
+ * They can be used in:
+ * 1. ContentTypePage form (via DynamicForm field injection)
+ * 2. Standalone behavior-specific pages
+ *
+ * Each behavior block exports:
+ * - FormFields: Additional fields to inject into content forms
+ * - TableColumns: Additional columns for list view
+ * - QuickActions: Action buttons for the content item row
+ * - Filters: Filter options for the list view
+ *
+ * NOTE: SellableBlock and BookableBlock have been replaced by
+ * industry-driven fields from industry profiles + dedicated stepper steps.
+ */
+export { LeadCaptureBlock, type LeadCaptureBlockProps, } from './lead-capture-block';
+export { BookingActionMenu, RescheduleModal, CancelBookingModal, useBookingActions, getAvailableActions, BOOKING_STATUS_ACTIONS, type BookingAction, type BookingActionConfig, type RescheduleData, } from './booking-actions';
+export { BehaviorConfigSection, DEFAULT_BEHAVIOR_DEFINITIONS, type BehaviorKey, type BehaviorDefinition, type BehaviorLabelOverrides, } from './behavior-config-section';
+export { BookableConfigPanel } from './bookable-config-panel';
+export { BookingLocationField } from './booking-location-field';
+export { ShippableConfigPanel } from './shippable-config-panel';
+export { SubscribableConfigPanel } from './subscribable-config-panel';
+export { DownloadableConfigPanel } from './downloadable-config-panel';
+export { RentableConfigPanel } from './rentable-config-panel';
+export { TicketedConfigPanel } from './ticketed-config-panel';

package/dist/behaviors/index.js

@@ -0,0 +1,42 @@
+"use client";
+import {
+  LeadCaptureBlock
+} from "./lead-capture-block";
+import {
+  BookingActionMenu,
+  RescheduleModal,
+  CancelBookingModal,
+  useBookingActions,
+  getAvailableActions,
+  BOOKING_STATUS_ACTIONS
+} from "./booking-actions";
+import {
+  BehaviorConfigSection,
+  DEFAULT_BEHAVIOR_DEFINITIONS
+} from "./behavior-config-section";
+import { BookableConfigPanel } from "./bookable-config-panel";
+import { BookingLocationField } from "./booking-location-field";
+import { ShippableConfigPanel } from "./shippable-config-panel";
+import { SubscribableConfigPanel } from "./subscribable-config-panel";
+import { DownloadableConfigPanel } from "./downloadable-config-panel";
+import { RentableConfigPanel } from "./rentable-config-panel";
+import { TicketedConfigPanel } from "./ticketed-config-panel";
+export {
+  BOOKING_STATUS_ACTIONS,
+  BehaviorConfigSection,
+  BookableConfigPanel,
+  BookingActionMenu,
+  BookingLocationField,
+  CancelBookingModal,
+  DEFAULT_BEHAVIOR_DEFINITIONS,
+  DownloadableConfigPanel,
+  LeadCaptureBlock,
+  RentableConfigPanel,
+  RescheduleModal,
+  ShippableConfigPanel,
+  SubscribableConfigPanel,
+  TicketedConfigPanel,
+  getAvailableActions,
+  useBookingActions
+};
+//# sourceMappingURL=index.js.map

package/dist/behaviors/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/behaviors/index.ts"],"sourcesContent":["'use client';\n\n/**\n * Behavior Blocks\n *\n * These components define the UI blocks for each behavior.\n * They can be used in:\n * 1. ContentTypePage form (via DynamicForm field injection)\n * 2. Standalone behavior-specific pages\n *\n * Each behavior block exports:\n * - FormFields: Additional fields to inject into content forms\n * - TableColumns: Additional columns for list view\n * - QuickActions: Action buttons for the content item row\n * - Filters: Filter options for the list view\n *\n * NOTE: SellableBlock and BookableBlock have been replaced by\n * industry-driven fields from industry profiles + dedicated stepper steps.\n */\n\nexport {\n  LeadCaptureBlock,\n  type LeadCaptureBlockProps,\n} from './lead-capture-block';\n\n// Booking status actions (for Bookings page, not content type forms)\nexport {\n  BookingActionMenu,\n  RescheduleModal,\n  CancelBookingModal,\n  useBookingActions,\n  getAvailableActions,\n  BOOKING_STATUS_ACTIONS,\n  type BookingAction,\n  type BookingActionConfig,\n  type RescheduleData,\n} from './booking-actions';\n\n// Behavior config section — Phase 4: interactive behavior toggles with config panels\nexport {\n  BehaviorConfigSection,\n  DEFAULT_BEHAVIOR_DEFINITIONS,\n  type BehaviorKey,\n  type BehaviorDefinition,\n  type BehaviorLabelOverrides,\n} from './behavior-config-section';\n\n// Individual behavior config panels\nexport { BookableConfigPanel } from './bookable-config-panel';\nexport { BookingLocationField } from './booking-location-field';\nexport { ShippableConfigPanel } from './shippable-config-panel';\nexport { SubscribableConfigPanel } from './subscribable-config-panel';\nexport { DownloadableConfigPanel } from './downloadable-config-panel';\nexport { RentableConfigPanel } from './rentable-config-panel';\nexport { TicketedConfigPanel } from './ticketed-config-panel';\n"],"mappings":";AAoBA;AAAA,EACE;AAAA,OAEK;AAGP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAIK;AAGP;AAAA,EACE;AAAA,EACA;AAAA,OAIK;AAGP,SAAS,2BAA2B;AACpC,SAAS,4BAA4B;AACrC,SAAS,4BAA4B;AACrC,SAAS,+BAA+B;AACxC,SAAS,+BAA+B;AACxC,SAAS,2BAA2B;AACpC,SAAS,2BAA2B;","names":[]}

package/dist/behaviors/lead-capture-block.d.ts

@@ -0,0 +1,33 @@
+import type { ContentFieldConfig } from '@withpotter/lib/template-types';
+export interface LeadCaptureBlockProps {
+    values: Record<string, unknown>;
+    onChange: (values: Record<string, unknown>) => void;
+}
+/**
+ * Lead Capture Behavior Block
+ *
+ * Adds inquiry/lead capture fields to content items.
+ * Used when a content type has the "leadCapture" behavior.
+ */
+export declare const LEAD_CAPTURE_FORM_FIELDS: ContentFieldConfig[];
+export declare const LEAD_CAPTURE_TABLE_COLUMNS: {
+    key: string;
+    label: string;
+    format: "number";
+}[];
+export declare const LEAD_CAPTURE_FILTERS: {
+    key: string;
+    label: string;
+    query: {
+        status: string;
+    };
+}[];
+export declare const LEAD_CAPTURE_ACTIONS: {
+    id: string;
+    label: string;
+    icon: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+}[];
+/**
+ * Lead Capture Form Block Component
+ */
+export declare function LeadCaptureBlock({ values, onChange }: LeadCaptureBlockProps): import("react").JSX.Element;

package/dist/behaviors/lead-capture-block.js

@@ -0,0 +1,284 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import {
+  MessageSquare,
+  Mail,
+  Phone,
+  FileText,
+  Plus,
+  Trash2,
+  GripVertical
+} from "lucide-react";
+import { Select } from "@withpotter/ui-kit/select";
+import { Button } from "@withpotter/ui-kit/button";
+import { Input, Checkbox } from "@withpotter/ui-kit";
+import { Textarea } from "@withpotter/ui-kit";
+const FIELD_TYPE_OPTIONS = [
+  { value: "text", label: "Text" },
+  { value: "email", label: "Email" },
+  { value: "phone", label: "Phone" },
+  { value: "textarea", label: "Textarea" },
+  { value: "select", label: "Dropdown" }
+];
+const LEAD_CAPTURE_FORM_FIELDS = [
+  {
+    name: "formFields",
+    label: "Form fields",
+    type: "repeatable",
+    description: "Fields that will appear on the inquiry form",
+    group: "leadCapture"
+  },
+  {
+    name: "successMessage",
+    label: "Success message",
+    type: "textarea",
+    description: "Message shown after form submission",
+    group: "leadCapture",
+    defaultValue: "Thank you for your inquiry. We will get back to you soon!"
+  },
+  {
+    name: "notifyEmail",
+    label: "Notification email",
+    type: "email",
+    description: "Email address to receive inquiry notifications",
+    group: "leadCapture"
+  }
+];
+const LEAD_CAPTURE_TABLE_COLUMNS = [
+  { key: "inquiryCount", label: "Inquiries", format: "number" }
+];
+const LEAD_CAPTURE_FILTERS = [
+  { key: "new", label: "New inquiries", query: { status: "new" } },
+  { key: "pending", label: "Pending", query: { status: "pending" } },
+  { key: "responded", label: "Responded", query: { status: "responded" } }
+];
+const LEAD_CAPTURE_ACTIONS = [
+  { id: "viewInquiries", label: "View inquiries", icon: MessageSquare }
+];
+const DEFAULT_FORM_FIELDS = [
+  {
+    id: "1",
+    name: "name",
+    label: "Full name",
+    type: "text",
+    required: true,
+    placeholder: "John Doe"
+  },
+  {
+    id: "2",
+    name: "email",
+    label: "Email",
+    type: "email",
+    required: true,
+    placeholder: "john@example.com"
+  },
+  {
+    id: "3",
+    name: "phone",
+    label: "Phone",
+    type: "phone",
+    required: false,
+    placeholder: "+1 (555) 000-0000"
+  },
+  {
+    id: "4",
+    name: "message",
+    label: "Message",
+    type: "textarea",
+    required: true,
+    placeholder: "How can we help you?"
+  }
+];
+function LeadCaptureBlock({ values, onChange }) {
+  const formFields = values.formFields || DEFAULT_FORM_FIELDS;
+  const successMessage = values.successMessage || "Thank you for your inquiry. We will get back to you soon!";
+  const notifyEmail = values.notifyEmail;
+  const updateFormFields = (newFields) => {
+    onChange({ ...values, formFields: newFields });
+  };
+  const addField = () => {
+    const newField = {
+      id: Date.now().toString(),
+      name: `field_${formFields.length + 1}`,
+      label: "New field",
+      type: "text",
+      required: false
+    };
+    updateFormFields([...formFields, newField]);
+  };
+  const removeField = (id) => {
+    updateFormFields(formFields.filter((f) => f.id !== id));
+  };
+  const updateField = (id, updates) => {
+    updateFormFields(
+      formFields.map((f) => f.id === id ? { ...f, ...updates } : f)
+    );
+  };
+  const fieldTypeIcons = {
+    text: FileText,
+    email: Mail,
+    phone: Phone,
+    textarea: MessageSquare,
+    select: FileText
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
+    /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-sm font-medium text-[var(--text-secondary)]", children: [
+          /* @__PURE__ */ jsx(MessageSquare, { className: "size-4" }),
+          "Form fields"
+        ] }),
+        /* @__PURE__ */ jsxs(Button, { variant: "ghost", className: "text-brand-500", onClick: addField, children: [
+          /* @__PURE__ */ jsx(Plus, { className: "size-4" }),
+          "Add field"
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "space-y-3", children: formFields.map((field, index) => {
+        const Icon = fieldTypeIcons[field.type] || FileText;
+        return /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: "flex items-start gap-3 p-4 bg-[var(--bg-subtle)] rounded-md border border-[var(--border-default)]",
+            children: [
+              /* @__PURE__ */ jsx("div", { className: "pt-2 text-[var(--text-muted)] cursor-grab", children: /* @__PURE__ */ jsx(GripVertical, { className: "size-4" }) }),
+              /* @__PURE__ */ jsxs("div", { className: "flex-1 grid grid-cols-4 gap-3", children: [
+                /* @__PURE__ */ jsxs("div", { children: [
+                  /* @__PURE__ */ jsx("label", { className: "block text-xs font-medium text-[var(--text-tertiary)] mb-1", children: "Label" }),
+                  /* @__PURE__ */ jsx(
+                    Input,
+                    {
+                      type: "text",
+                      value: field.label,
+                      onChange: (e) => updateField(field.id, { label: e.target.value }),
+                      className: "w-full"
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ jsxs("div", { children: [
+                  /* @__PURE__ */ jsx("label", { className: "block text-xs font-medium text-[var(--text-tertiary)] mb-1", children: "Type" }),
+                  /* @__PURE__ */ jsx(
+                    Select,
+                    {
+                      value: field.type,
+                      onChange: (next) => updateField(field.id, {
+                        type: next
+                      }),
+                      options: FIELD_TYPE_OPTIONS
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ jsxs("div", { children: [
+                  /* @__PURE__ */ jsx("label", { className: "block text-xs font-medium text-[var(--text-tertiary)] mb-1", children: "Placeholder" }),
+                  /* @__PURE__ */ jsx(
+                    Input,
+                    {
+                      type: "text",
+                      value: field.placeholder || "",
+                      onChange: (e) => updateField(field.id, { placeholder: e.target.value }),
+                      className: "w-full",
+                      placeholder: "Optional"
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2 pt-4", children: /* @__PURE__ */ jsx(
+                  Checkbox,
+                  {
+                    checked: field.required,
+                    onChange: (e) => updateField(field.id, { required: e.target.checked }),
+                    label: "Required"
+                  }
+                ) })
+              ] }),
+              /* @__PURE__ */ jsx(
+                Button,
+                {
+                  "aria-label": "Delete",
+                  variant: "ghost",
+                  size: "icon",
+                  onClick: () => removeField(field.id),
+                  children: /* @__PURE__ */ jsx(Trash2, { className: "size-4" })
+                }
+              )
+            ]
+          },
+          field.id
+        );
+      }) })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsx("label", { className: "block text-sm font-medium text-[var(--text-secondary)]", children: "Success message" }),
+      /* @__PURE__ */ jsx(
+        Textarea,
+        {
+          value: successMessage,
+          onChange: (e) => onChange({ ...values, successMessage: e.target.value }),
+          rows: 2,
+          className: "w-full resize-none",
+          placeholder: "Thank you for your inquiry..."
+        }
+      ),
+      /* @__PURE__ */ jsx("p", { className: "text-xs text-[var(--text-tertiary)]", children: "Shown to users after form submission" })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsx("label", { className: "block text-sm font-medium text-[var(--text-secondary)]", children: "Notification email" }),
+      /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+        /* @__PURE__ */ jsx(Mail, { className: "absolute left-3 top-1/2 -translate-y-1/2 size-4 text-[var(--text-muted)]" }),
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            type: "email",
+            value: notifyEmail || "",
+            onChange: (e) => onChange({ ...values, notifyEmail: e.target.value }),
+            className: "w-full pl-10 pr-4",
+            placeholder: "notify@yourbusiness.com"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx("p", { className: "text-xs text-[var(--text-tertiary)]", children: "Receive email notifications for new inquiries" })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "border border-dashed border-[var(--border-strong)] rounded-md p-4", children: [
+      /* @__PURE__ */ jsx("p", { className: "text-xs font-medium text-[var(--text-tertiary)] mb-3", children: "Form preview" }),
+      /* @__PURE__ */ jsx("div", { className: "space-y-3 max-w-md", children: formFields.map((field) => /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsxs("label", { className: "block text-sm font-medium text-[var(--text-secondary)] mb-1", children: [
+          field.label,
+          field.required && /* @__PURE__ */ jsx("span", { className: "text-[var(--error)] ml-1", children: "*" })
+        ] }),
+        field.type === "textarea" ? /* @__PURE__ */ jsx(
+          Textarea,
+          {
+            disabled: true,
+            placeholder: field.placeholder,
+            rows: 3,
+            className: "w-full resize-none"
+          }
+        ) : field.type === "select" ? /* @__PURE__ */ jsx(
+          Select,
+          {
+            value: "",
+            onChange: () => {
+            },
+            options: [],
+            placeholder: "Select an option",
+            disabled: true
+          }
+        ) : /* @__PURE__ */ jsx(
+          Input,
+          {
+            type: field.type,
+            disabled: true,
+            placeholder: field.placeholder,
+            className: "w-full"
+          }
+        )
+      ] }, field.id)) })
+    ] })
+  ] });
+}
+export {
+  LEAD_CAPTURE_ACTIONS,
+  LEAD_CAPTURE_FILTERS,
+  LEAD_CAPTURE_FORM_FIELDS,
+  LEAD_CAPTURE_TABLE_COLUMNS,
+  LeadCaptureBlock
+};
+//# sourceMappingURL=lead-capture-block.js.map

package/dist/behaviors/lead-capture-block.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/behaviors/lead-capture-block.tsx"],"sourcesContent":["'use client';\n\nimport {\n  MessageSquare,\n  Mail,\n  Phone,\n  FileText,\n  Plus,\n  Trash2,\n  GripVertical,\n} from 'lucide-react';\nimport type { ContentFieldConfig } from '@withpotter/lib/template-types';\nimport { Select } from '@withpotter/ui-kit/select';\nimport { Button } from '@withpotter/ui-kit/button';\nimport { Input, Checkbox } from '@withpotter/ui-kit';\nimport { Textarea } from '@withpotter/ui-kit';\n\nconst FIELD_TYPE_OPTIONS = [\n  { value: 'text', label: 'Text' },\n  { value: 'email', label: 'Email' },\n  { value: 'phone', label: 'Phone' },\n  { value: 'textarea', label: 'Textarea' },\n  { value: 'select', label: 'Dropdown' },\n];\n\nexport interface LeadCaptureBlockProps {\n  values: Record<string, unknown>;\n  onChange: (values: Record<string, unknown>) => void;\n}\n\ninterface FormField {\n  id: string;\n  name: string;\n  label: string;\n  type: 'text' | 'email' | 'phone' | 'textarea' | 'select';\n  required: boolean;\n  placeholder?: string;\n  options?: string[];\n}\n\n/**\n * Lead Capture Behavior Block\n *\n * Adds inquiry/lead capture fields to content items.\n * Used when a content type has the \"leadCapture\" behavior.\n */\n\n// Form fields injected by the leadCapture behavior\nexport const LEAD_CAPTURE_FORM_FIELDS: ContentFieldConfig[] = [\n  {\n    name: 'formFields',\n    label: 'Form fields',\n    type: 'repeatable',\n    description: 'Fields that will appear on the inquiry form',\n    group: 'leadCapture',\n  },\n  {\n    name: 'successMessage',\n    label: 'Success message',\n    type: 'textarea',\n    description: 'Message shown after form submission',\n    group: 'leadCapture',\n    defaultValue: 'Thank you for your inquiry. We will get back to you soon!',\n  },\n  {\n    name: 'notifyEmail',\n    label: 'Notification email',\n    type: 'email',\n    description: 'Email address to receive inquiry notifications',\n    group: 'leadCapture',\n  },\n];\n\n// Table columns added by leadCapture behavior\nexport const LEAD_CAPTURE_TABLE_COLUMNS = [\n  { key: 'inquiryCount', label: 'Inquiries', format: 'number' as const },\n];\n\n// Filters for leadCapture items\nexport const LEAD_CAPTURE_FILTERS = [\n  { key: 'new', label: 'New inquiries', query: { status: 'new' } },\n  { key: 'pending', label: 'Pending', query: { status: 'pending' } },\n  { key: 'responded', label: 'Responded', query: { status: 'responded' } },\n];\n\n// Quick actions for leadCapture items\nexport const LEAD_CAPTURE_ACTIONS = [\n  { id: 'viewInquiries', label: 'View inquiries', icon: MessageSquare },\n];\n\nconst DEFAULT_FORM_FIELDS: FormField[] = [\n  {\n    id: '1',\n    name: 'name',\n    label: 'Full name',\n    type: 'text',\n    required: true,\n    placeholder: 'John Doe',\n  },\n  {\n    id: '2',\n    name: 'email',\n    label: 'Email',\n    type: 'email',\n    required: true,\n    placeholder: 'john@example.com',\n  },\n  {\n    id: '3',\n    name: 'phone',\n    label: 'Phone',\n    type: 'phone',\n    required: false,\n    placeholder: '+1 (555) 000-0000',\n  },\n  {\n    id: '4',\n    name: 'message',\n    label: 'Message',\n    type: 'textarea',\n    required: true,\n    placeholder: 'How can we help you?',\n  },\n];\n\n/**\n * Lead Capture Form Block Component\n */\nexport function LeadCaptureBlock({ values, onChange }: LeadCaptureBlockProps) {\n  const formFields = (values.formFields as FormField[]) || DEFAULT_FORM_FIELDS;\n  const successMessage =\n    (values.successMessage as string) ||\n    'Thank you for your inquiry. We will get back to you soon!';\n  const notifyEmail = values.notifyEmail as string | undefined;\n\n  const updateFormFields = (newFields: FormField[]) => {\n    onChange({ ...values, formFields: newFields });\n  };\n\n  const addField = () => {\n    const newField: FormField = {\n      id: Date.now().toString(),\n      name: `field_${formFields.length + 1}`,\n      label: 'New field',\n      type: 'text',\n      required: false,\n    };\n    updateFormFields([...formFields, newField]);\n  };\n\n  const removeField = (id: string) => {\n    updateFormFields(formFields.filter((f) => f.id !== id));\n  };\n\n  const updateField = (id: string, updates: Partial<FormField>) => {\n    updateFormFields(\n      formFields.map((f) => (f.id === id ? { ...f, ...updates } : f)),\n    );\n  };\n\n  const fieldTypeIcons: Record<string, typeof Mail> = {\n    text: FileText,\n    email: Mail,\n    phone: Phone,\n    textarea: MessageSquare,\n    select: FileText,\n  };\n\n  return (\n    <div className=\"space-y-6\">\n      {/* Form Builder Section */}\n      <div className=\"space-y-4\">\n        <div className=\"flex items-center justify-between\">\n          <div className=\"flex items-center gap-2 text-sm font-medium text-[var(--text-secondary)]\">\n            <MessageSquare className=\"size-4\" />\n            Form fields\n          </div>\n          <Button variant=\"ghost\" className=\"text-brand-500\" onClick={addField}>\n            <Plus className=\"size-4\" />\n            Add field\n          </Button>\n        </div>\n\n        {/* Field List */}\n        <div className=\"space-y-3\">\n          {formFields.map((field, index) => {\n            const Icon = fieldTypeIcons[field.type] || FileText;\n            return (\n              <div\n                key={field.id}\n                className=\"flex items-start gap-3 p-4 bg-[var(--bg-subtle)] rounded-md border border-[var(--border-default)]\"\n              >\n                {/* Drag Handle */}\n                <div className=\"pt-2 text-[var(--text-muted)] cursor-grab\">\n                  <GripVertical className=\"size-4\" />\n                </div>\n\n                {/* Field Config */}\n                <div className=\"flex-1 grid grid-cols-4 gap-3\">\n                  {/* Label */}\n                  <div>\n                    <label className=\"block text-xs font-medium text-[var(--text-tertiary)] mb-1\">\n                      Label\n                    </label>\n                    <Input\n                      type=\"text\"\n                      value={field.label}\n                      onChange={(e) =>\n                        updateField(field.id, { label: e.target.value })\n                      }\n                      className=\"w-full\"\n                    />\n                  </div>\n\n                  {/* Type */}\n                  <div>\n                    <label className=\"block text-xs font-medium text-[var(--text-tertiary)] mb-1\">\n                      Type\n                    </label>\n                    <Select\n                      value={field.type}\n                      onChange={(next) =>\n                        updateField(field.id, {\n                          type: next as FormField['type'],\n                        })\n                      }\n                      options={FIELD_TYPE_OPTIONS}\n                    />\n                  </div>\n\n                  {/* Placeholder */}\n                  <div>\n                    <label className=\"block text-xs font-medium text-[var(--text-tertiary)] mb-1\">\n                      Placeholder\n                    </label>\n                    <Input\n                      type=\"text\"\n                      value={field.placeholder || ''}\n                      onChange={(e) =>\n                        updateField(field.id, { placeholder: e.target.value })\n                      }\n                      className=\"w-full\"\n                      placeholder=\"Optional\"\n                    />\n                  </div>\n\n                  {/* Required */}\n                  <div className=\"flex items-center gap-2 pt-4\">\n                    <Checkbox\n                      checked={field.required}\n                      onChange={(e) =>\n                        updateField(field.id, { required: e.target.checked })\n                      }\n                      label=\"Required\"\n                    />\n                  </div>\n                </div>\n\n                {/* Delete Button */}\n                <Button\n                  aria-label=\"Delete\"\n                  variant=\"ghost\"\n                  size=\"icon\"\n                  onClick={() => removeField(field.id)}\n                >\n                  <Trash2 className=\"size-4\" />\n                </Button>\n              </div>\n            );\n          })}\n        </div>\n      </div>\n\n      {/* Success Message */}\n      <div className=\"space-y-2\">\n        <label className=\"block text-sm font-medium text-[var(--text-secondary)]\">\n          Success message\n        </label>\n        <Textarea\n          value={successMessage}\n          onChange={(e) =>\n            onChange({ ...values, successMessage: e.target.value })\n          }\n          rows={2}\n          className=\"w-full resize-none\"\n          placeholder=\"Thank you for your inquiry...\"\n        />\n        <p className=\"text-xs text-[var(--text-tertiary)]\">\n          Shown to users after form submission\n        </p>\n      </div>\n\n      {/* Notification Email */}\n      <div className=\"space-y-2\">\n        <label className=\"block text-sm font-medium text-[var(--text-secondary)]\">\n          Notification email\n        </label>\n        <div className=\"relative\">\n          <Mail className=\"absolute left-3 top-1/2 -translate-y-1/2 size-4 text-[var(--text-muted)]\" />\n          <Input\n            type=\"email\"\n            value={notifyEmail || ''}\n            onChange={(e) =>\n              onChange({ ...values, notifyEmail: e.target.value })\n            }\n            className=\"w-full pl-10 pr-4\"\n            placeholder=\"notify@yourbusiness.com\"\n          />\n        </div>\n        <p className=\"text-xs text-[var(--text-tertiary)]\">\n          Receive email notifications for new inquiries\n        </p>\n      </div>\n\n      {/* Preview */}\n      <div className=\"border border-dashed border-[var(--border-strong)] rounded-md p-4\">\n        <p className=\"text-xs font-medium text-[var(--text-tertiary)] mb-3\">\n          Form preview\n        </p>\n        <div className=\"space-y-3 max-w-md\">\n          {formFields.map((field) => (\n            <div key={field.id}>\n              <label className=\"block text-sm font-medium text-[var(--text-secondary)] mb-1\">\n                {field.label}\n                {field.required && (\n                  <span className=\"text-[var(--error)] ml-1\">*</span>\n                )}\n              </label>\n              {field.type === 'textarea' ? (\n                <Textarea\n                  disabled\n                  placeholder={field.placeholder}\n                  rows={3}\n                  className=\"w-full resize-none\"\n                />\n              ) : field.type === 'select' ? (\n                <Select\n                  value=\"\"\n                  onChange={() => {}}\n                  options={[]}\n                  placeholder=\"Select an option\"\n                  disabled\n                />\n              ) : (\n                <Input\n                  type={field.type}\n                  disabled\n                  placeholder={field.placeholder}\n                  className=\"w-full\"\n                />\n              )}\n            </div>\n          ))}\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/behaviors/rentable-config-panel.d.ts

@@ -0,0 +1,12 @@
+import type { RentableConfig } from '@withpotter/lib/product-types';
+import type { BehaviorLabelOverrides } from './behavior-config-section';
+interface RentableConfigPanelProps {
+    config: RentableConfig;
+    onChange: (config: RentableConfig) => void;
+    labelOverrides?: BehaviorLabelOverrides['rentable'];
+    currencySymbol?: string;
+    /** This listing, so it cannot be made a part of itself. */
+    productId?: string;
+}
+export declare function RentableConfigPanel({ config, onChange, labelOverrides, currencySymbol, productId, }: RentableConfigPanelProps): import("react").JSX.Element;
+export {};