@withpotter/components 0.13.0-next.101

package/dist/content-type-stepper/types.d.ts

@@ -0,0 +1,86 @@
+import type { Dispatch, SetStateAction } from 'react';
+import type { BehaviorLabelOverrides } from '@withpotter/components/behaviors/behavior-config-section';
+import type { CustomFieldDefinition } from '@withpotter/components/custom-fields-step';
+import type { BookableConfig, DownloadableConfig, GiftCardConfig, ProductBehaviors, ProductMedia, RentableConfig, ShippableConfig, SubscribableConfig, TicketedConfig } from '@withpotter/lib/product-types';
+import type { ContentFieldConfig, ContentTypeConfig, TemplateConfig } from '@withpotter/lib/template-types';
+import type { ContentItem, MerchantPlan } from '@withpotter/lib/api/types';
+import type { ContentResourceRequirementItem } from '@withpotter/lib/resource-types';
+import type { ProductGalleryItem } from '@withpotter/lib/media-utils';
+export interface ContentTypeStepperPanelProps {
+    contentType: ContentTypeConfig;
+    mergedFields: ContentFieldConfig[];
+    formValues: Record<string, unknown>;
+    setFormValues: (v: Record<string, unknown>) => void;
+    tenantCurrency: string;
+    tenantCategories: Record<string, {
+        value: string;
+        label: string;
+        sortOrder?: number;
+    }[]>;
+    tenantSlug?: string;
+    template: TemplateConfig | null;
+    isCreating: boolean;
+    saving: boolean;
+    selectedItem: ContentItem | null;
+    onSave: () => void;
+    onClose: () => void;
+    error?: string | null;
+    onClearError?: () => void;
+    productMode?: ProductModeProps;
+    savedCustomFieldDefinitions?: CustomFieldDefinition[];
+    onSaveCustomFieldDefinition?: (definition: CustomFieldDefinition) => void;
+    onRemoveCustomFieldDefinition?: (key: string) => void;
+}
+export interface ProductModeProps {
+    price: number | undefined;
+    compareAtPrice: number | undefined;
+    costPrice: number | null | undefined;
+    onPriceChange: (v: number | undefined) => void;
+    onCompareAtPriceChange: (v: number | undefined) => void;
+    onCostPriceChange: (v: number | null | undefined) => void;
+    showProfitability: boolean;
+    currencySymbol: string;
+    trackInventory: boolean;
+    onTrackInventoryChange: (v: boolean) => void;
+    quantity: number | '';
+    onQuantityChange: (v: number | '') => void;
+    lowStockThreshold: number | '';
+    onLowStockThresholdChange: (v: number | '') => void;
+    heroImage: ProductMedia | null;
+    onHeroImageChange: (v: ProductMedia | null) => void;
+    galleryItems: ProductGalleryItem[];
+    onGalleryItemsChange: Dispatch<SetStateAction<ProductGalleryItem[]>>;
+    behaviorConfigs: ProductBehaviors;
+    setBehaviorConfigs: Dispatch<SetStateAction<ProductBehaviors>>;
+    availableBehaviors: string[];
+    behaviorLabelOverrides?: BehaviorLabelOverrides;
+    gatedBy: string[];
+    setGatedBy: (v: string[]) => void;
+    gatedByPlanIds: string[];
+    setGatedByPlanIds: (v: string[]) => void;
+    activePlans: MerchantPlan[];
+    linkedPlanName?: string;
+    updateBookableConfig: (config: BookableConfig) => void;
+    updateShippableConfig: (config: ShippableConfig) => void;
+    updateSubscribableConfig: (config: SubscribableConfig) => void;
+    updateDownloadableConfig: (config: DownloadableConfig) => void;
+    updateRentableConfig: (config: RentableConfig) => void;
+    updateTicketedConfig: (config: TicketedConfig) => void;
+    updateGiftCardConfig: (config: GiftCardConfig) => void;
+    resourceCategories: Array<{
+        id: string;
+        label: string;
+        labelPlural: string;
+        kind: string;
+    }>;
+    resourceRequirements: ContentResourceRequirementItem[];
+    onResourceRequirementsChange: Dispatch<SetStateAction<ContentResourceRequirementItem[]>>;
+    allCollections: ContentItem[];
+    selectedCollectionIds: Set<string>;
+    onSelectedCollectionIdsChange: Dispatch<SetStateAction<Set<string>>>;
+    collectionsLoading: boolean;
+}
+export declare const BASIC_FIELDS: Set<string>;
+export declare const PUBLISH_FIELDS: Set<string>;
+export declare const PLATFORM_MEDIA_FIELDS: Set<string>;
+export declare const PRICING_FIELDS: Set<string>;

package/dist/content-type-stepper/types.js

@@ -0,0 +1,28 @@
+const BASIC_FIELDS = /* @__PURE__ */ new Set([
+  "title",
+  "slug",
+  "shortDescription",
+  "description"
+]);
+const PUBLISH_FIELDS = /* @__PURE__ */ new Set([
+  "featured",
+  "newArrival",
+  "onSale",
+  "chefSpecial",
+  "status"
+]);
+const PLATFORM_MEDIA_FIELDS = /* @__PURE__ */ new Set(["image", "gallery"]);
+const PRICING_FIELDS = /* @__PURE__ */ new Set([
+  "price",
+  "compareAtPrice",
+  "trackInventory",
+  "quantity",
+  "lowStockThreshold"
+]);
+export {
+  BASIC_FIELDS,
+  PLATFORM_MEDIA_FIELDS,
+  PRICING_FIELDS,
+  PUBLISH_FIELDS
+};
+//# sourceMappingURL=types.js.map

package/dist/content-type-stepper/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/content-type-stepper/types.ts"],"sourcesContent":["import type { Dispatch, SetStateAction } from 'react';\nimport type { BehaviorLabelOverrides } from '@withpotter/components/behaviors/behavior-config-section';\nimport type { CustomFieldDefinition } from '@withpotter/components/custom-fields-step';\nimport type {\n  BookableConfig,\n  DownloadableConfig,\n  GiftCardConfig,\n  ProductBehaviors,\n  ProductMedia,\n  RentableConfig,\n  ShippableConfig,\n  SubscribableConfig,\n  TicketedConfig,\n} from '@withpotter/lib/product-types';\nimport type {\n  ContentFieldConfig,\n  ContentTypeConfig,\n  TemplateConfig,\n} from '@withpotter/lib/template-types';\nimport type { ContentItem, MerchantPlan } from '@withpotter/lib/api/types';\nimport type { ContentResourceRequirementItem } from '@withpotter/lib/resource-types';\nimport type { ProductGalleryItem } from '@withpotter/lib/media-utils';\n\nexport interface ContentTypeStepperPanelProps {\n  contentType: ContentTypeConfig;\n  mergedFields: ContentFieldConfig[];\n  formValues: Record<string, unknown>;\n  setFormValues: (v: Record<string, unknown>) => void;\n  tenantCurrency: string;\n  tenantCategories: Record<\n    string,\n    { value: string; label: string; sortOrder?: number }[]\n  >;\n  tenantSlug?: string;\n  template: TemplateConfig | null;\n  isCreating: boolean;\n  saving: boolean;\n  selectedItem: ContentItem | null;\n  onSave: () => void;\n  onClose: () => void;\n  error?: string | null;\n  onClearError?: () => void;\n  productMode?: ProductModeProps;\n  savedCustomFieldDefinitions?: CustomFieldDefinition[];\n  onSaveCustomFieldDefinition?: (definition: CustomFieldDefinition) => void;\n  onRemoveCustomFieldDefinition?: (key: string) => void;\n}\n\nexport interface ProductModeProps {\n  price: number | undefined;\n  compareAtPrice: number | undefined;\n  costPrice: number | null | undefined;\n  onPriceChange: (v: number | undefined) => void;\n  onCompareAtPriceChange: (v: number | undefined) => void;\n  onCostPriceChange: (v: number | null | undefined) => void;\n  showProfitability: boolean;\n  currencySymbol: string;\n  trackInventory: boolean;\n  onTrackInventoryChange: (v: boolean) => void;\n  quantity: number | '';\n  onQuantityChange: (v: number | '') => void;\n  lowStockThreshold: number | '';\n  onLowStockThresholdChange: (v: number | '') => void;\n  heroImage: ProductMedia | null;\n  onHeroImageChange: (v: ProductMedia | null) => void;\n  galleryItems: ProductGalleryItem[];\n  onGalleryItemsChange: Dispatch<SetStateAction<ProductGalleryItem[]>>;\n  behaviorConfigs: ProductBehaviors;\n  setBehaviorConfigs: Dispatch<SetStateAction<ProductBehaviors>>;\n  availableBehaviors: string[];\n  behaviorLabelOverrides?: BehaviorLabelOverrides;\n  gatedBy: string[];\n  setGatedBy: (v: string[]) => void;\n  gatedByPlanIds: string[];\n  setGatedByPlanIds: (v: string[]) => void;\n  activePlans: MerchantPlan[];\n  linkedPlanName?: string;\n  updateBookableConfig: (config: BookableConfig) => void;\n  updateShippableConfig: (config: ShippableConfig) => void;\n  updateSubscribableConfig: (config: SubscribableConfig) => void;\n  updateDownloadableConfig: (config: DownloadableConfig) => void;\n  updateRentableConfig: (config: RentableConfig) => void;\n  updateTicketedConfig: (config: TicketedConfig) => void;\n  updateGiftCardConfig: (config: GiftCardConfig) => void;\n  resourceCategories: Array<{\n    id: string;\n    label: string;\n    labelPlural: string;\n    kind: string;\n  }>;\n  resourceRequirements: ContentResourceRequirementItem[];\n  onResourceRequirementsChange: Dispatch<\n    SetStateAction<ContentResourceRequirementItem[]>\n  >;\n  allCollections: ContentItem[];\n  selectedCollectionIds: Set<string>;\n  onSelectedCollectionIdsChange: Dispatch<SetStateAction<Set<string>>>;\n  collectionsLoading: boolean;\n}\n\nexport const BASIC_FIELDS = new Set([\n  'title',\n  'slug',\n  'shortDescription',\n  'description',\n]);\n\nexport const PUBLISH_FIELDS = new Set([\n  'featured',\n  'newArrival',\n  'onSale',\n  'chefSpecial',\n  'status',\n]);\n\nexport const PLATFORM_MEDIA_FIELDS = new Set(['image', 'gallery']);\n\nexport const PRICING_FIELDS = new Set([\n  'price',\n  'compareAtPrice',\n  'trackInventory',\n  'quantity',\n  'lowStockThreshold',\n]);\n"],"mappings":"AAoGO,MAAM,eAAe,oBAAI,IAAI;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,CAAC;AAEM,MAAM,iBAAiB,oBAAI,IAAI;AAAA,EACpC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,CAAC;AAEM,MAAM,wBAAwB,oBAAI,IAAI,CAAC,SAAS,SAAS,CAAC;AAE1D,MAAM,iBAAiB,oBAAI,IAAI;AAAA,EACpC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,CAAC;","names":[]}

package/dist/content-type-stepper-panel.d.ts

@@ -0,0 +1,3 @@
+import { type ContentTypeStepperPanelProps } from '@withpotter/components/content-type-stepper/types';
+export type { ContentTypeStepperPanelProps, ProductModeProps, } from '@withpotter/components/content-type-stepper/types';
+export declare function ContentTypeStepperPanel({ contentType, mergedFields, formValues, setFormValues, tenantCurrency, tenantCategories, tenantSlug, template, isCreating, saving, selectedItem, onSave, onClose, error, onClearError, productMode, savedCustomFieldDefinitions, onSaveCustomFieldDefinition, onRemoveCustomFieldDefinition, }: ContentTypeStepperPanelProps): import("react").JSX.Element;

package/dist/content-type-stepper-panel.js

@@ -0,0 +1,322 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { DynamicForm } from "@withpotter/components/dynamic-form";
+import {
+  FormStepperPanel
+} from "@withpotter/ui-kit/form-stepper-panel";
+import { LeadCaptureBlock } from "@withpotter/components/behaviors";
+import { DigitalFilesBlock } from "@withpotter/components/digital-files-block";
+import { FeatureTogglesStep } from "@withpotter/components/feature-toggles-step";
+import {
+  CustomFieldsStep
+} from "@withpotter/components/custom-fields-step";
+import { isBehaviorEnabled } from "@withpotter/lib/product-types";
+import { buildBehaviorSteps } from "@withpotter/components/content-type-stepper/behavior-steps";
+import {
+  ProductMediaStep,
+  ProductPricingStep,
+  PublishStep
+} from "@withpotter/components/content-type-stepper/product-steps";
+import {
+  BASIC_FIELDS,
+  PLATFORM_MEDIA_FIELDS,
+  PRICING_FIELDS,
+  PUBLISH_FIELDS
+} from "@withpotter/components/content-type-stepper/types";
+function ContentTypeStepperPanel({
+  contentType,
+  mergedFields,
+  formValues,
+  setFormValues,
+  tenantCurrency,
+  tenantCategories,
+  tenantSlug,
+  template,
+  isCreating,
+  saving,
+  selectedItem,
+  onSave,
+  onClose,
+  error,
+  onClearError,
+  productMode,
+  savedCustomFieldDefinitions,
+  onSaveCustomFieldDefinition,
+  onRemoveCustomFieldDefinition
+}) {
+  const contentTypeSchemas = useMemo(
+    () => Object.fromEntries(
+      Object.entries(template?.contentTypes || {}).map(([key, ct]) => [
+        key,
+        ct.fields
+      ])
+    ),
+    [template?.contentTypes]
+  );
+  const hasBookable = (productMode?.availableBehaviors?.includes("bookable") ?? false) || isBehaviorEnabled(productMode?.behaviorConfigs?.bookable);
+  const steps = useMemo(() => {
+    const result = [];
+    const fieldGroups = contentType.fieldGroups;
+    const hasLeadCapture = contentType.behaviors?.includes("leadCapture") ?? false;
+    const groupedFieldNames = new Set(
+      fieldGroups?.flatMap((g) => g.fields) ?? []
+    );
+    if (productMode) {
+      const basicFields = mergedFields.filter(
+        (f) => BASIC_FIELDS.has(f.name) && !groupedFieldNames.has(f.name)
+      );
+      if (basicFields.length > 0) {
+        result.push({
+          key: "__basic",
+          label: "Basic info",
+          description: `Core details for this ${contentType.singularName.toLowerCase()}`,
+          content: /* @__PURE__ */ jsx(
+            DynamicForm,
+            {
+              fields: basicFields,
+              values: formValues,
+              onChange: setFormValues,
+              currencyCode: tenantCurrency,
+              tenantCategories,
+              tenantSlug,
+              contentTypeSchemas
+            }
+          )
+        });
+      }
+    } else {
+      if (fieldGroups && fieldGroups.length > 0) {
+        const ungroupedFields = mergedFields.filter(
+          (f) => !groupedFieldNames.has(f.name)
+        );
+        if (ungroupedFields.length > 0) {
+          result.push({
+            key: "__ungrouped",
+            label: "Basic info",
+            description: `Core fields for this ${contentType.singularName.toLowerCase()}`,
+            content: /* @__PURE__ */ jsx(
+              DynamicForm,
+              {
+                fields: ungroupedFields,
+                values: formValues,
+                onChange: setFormValues,
+                currencyCode: tenantCurrency,
+                tenantCategories,
+                tenantSlug,
+                contentTypeSchemas
+              }
+            )
+          });
+        }
+      } else {
+        result.push({
+          key: "__allFields",
+          label: "Details",
+          description: `Enter the details for this ${contentType.singularName.toLowerCase()}`,
+          content: /* @__PURE__ */ jsx(
+            DynamicForm,
+            {
+              fields: mergedFields,
+              values: formValues,
+              onChange: setFormValues,
+              currencyCode: tenantCurrency,
+              tenantCategories,
+              tenantSlug,
+              contentTypeSchemas
+            }
+          )
+        });
+      }
+    }
+    if (fieldGroups && fieldGroups.length > 0) {
+      for (const group of fieldGroups) {
+        const groupFields = mergedFields.filter(
+          (f) => group.fields.includes(f.name)
+        );
+        if (groupFields.length === 0) continue;
+        result.push({
+          key: group.name,
+          label: group.label,
+          description: group.description,
+          content: /* @__PURE__ */ jsx(
+            DynamicForm,
+            {
+              fields: groupFields,
+              values: formValues,
+              onChange: setFormValues,
+              currencyCode: tenantCurrency,
+              tenantCategories,
+              tenantSlug,
+              contentTypeSchemas
+            }
+          )
+        });
+      }
+    }
+    if (productMode) {
+      const detailFields = mergedFields.filter(
+        (f) => !BASIC_FIELDS.has(f.name) && !PUBLISH_FIELDS.has(f.name) && !PLATFORM_MEDIA_FIELDS.has(f.name) && !PRICING_FIELDS.has(f.name) && !groupedFieldNames.has(f.name)
+      );
+      if (detailFields.length > 0) {
+        result.push({
+          key: "__details",
+          label: "Details",
+          description: `Additional details for this ${contentType.singularName.toLowerCase()}`,
+          content: /* @__PURE__ */ jsx(
+            DynamicForm,
+            {
+              fields: detailFields,
+              values: formValues,
+              onChange: setFormValues,
+              currencyCode: tenantCurrency,
+              tenantCategories,
+              tenantSlug,
+              contentTypeSchemas
+            }
+          )
+        });
+      }
+    }
+    if (productMode) {
+      const currentCustomFields = formValues.customFields || [];
+      result.push({
+        key: "__customFields",
+        label: "Custom fields",
+        description: "Add any extra fields specific to this product",
+        content: /* @__PURE__ */ jsx(
+          CustomFieldsStep,
+          {
+            customFields: currentCustomFields,
+            onChange: (fields) => setFormValues({ ...formValues, customFields: fields }),
+            savedDefinitions: savedCustomFieldDefinitions ?? [],
+            onSaveDefinition: onSaveCustomFieldDefinition ?? (() => {
+            }),
+            onRemoveDefinition: onRemoveCustomFieldDefinition ?? (() => {
+            })
+          }
+        )
+      });
+    }
+    if (productMode) {
+      result.push({
+        key: "__pricing",
+        label: "Pricing",
+        description: "Set pricing for this item",
+        content: /* @__PURE__ */ jsx(ProductPricingStep, { ...productMode, showInventory: !hasBookable })
+      });
+    }
+    if (productMode) {
+      result.push({
+        key: "__features",
+        label: "Features",
+        description: "Enable additional capabilities",
+        content: /* @__PURE__ */ jsx(
+          FeatureTogglesStep,
+          {
+            industryBehaviors: productMode.availableBehaviors,
+            behaviorConfigs: productMode.behaviorConfigs,
+            setBehaviorConfigs: productMode.setBehaviorConfigs,
+            behaviorLabelOverrides: productMode.behaviorLabelOverrides
+          }
+        )
+      });
+    }
+    if (productMode) {
+      const behaviorSteps = buildBehaviorSteps(productMode, selectedItem?.id);
+      result.push(...behaviorSteps);
+    }
+    if (productMode) {
+      result.push({
+        key: "__media",
+        label: "Media",
+        description: "Add images for this item",
+        content: /* @__PURE__ */ jsx(
+          ProductMediaStep,
+          {
+            heroImage: productMode.heroImage,
+            onHeroImageChange: productMode.onHeroImageChange,
+            galleryItems: productMode.galleryItems,
+            onGalleryItemsChange: productMode.onGalleryItemsChange
+          }
+        )
+      });
+    }
+    if (productMode) {
+      const publishFields = mergedFields.filter(
+        (f) => PUBLISH_FIELDS.has(f.name) && !groupedFieldNames.has(f.name)
+      );
+      result.push({
+        key: "__publish",
+        label: "Publish",
+        description: "Visibility, status, and organization",
+        content: /* @__PURE__ */ jsx(
+          PublishStep,
+          {
+            publishFields,
+            formValues,
+            setFormValues,
+            tenantCurrency,
+            tenantCategories,
+            tenantSlug,
+            contentTypeSchemas,
+            productMode
+          }
+        )
+      });
+    }
+    if (hasLeadCapture) {
+      result.push({
+        key: "__leadCapture",
+        label: "Lead capture",
+        description: "Configure the lead capture form fields",
+        content: /* @__PURE__ */ jsx(LeadCaptureBlock, { values: formValues, onChange: setFormValues })
+      });
+    }
+    if (contentType.behaviors?.includes("downloadable") && !productMode) {
+      result.push({
+        key: "__downloadable",
+        label: "Digital files",
+        description: "Upload files that customers can download",
+        content: /* @__PURE__ */ jsx(
+          DigitalFilesBlock,
+          {
+            contentId: selectedItem?.id || null,
+            isNewItem: isCreating
+          }
+        )
+      });
+    }
+    return result;
+  }, [
+    contentType,
+    mergedFields,
+    formValues,
+    setFormValues,
+    tenantCurrency,
+    tenantCategories,
+    tenantSlug,
+    contentTypeSchemas,
+    selectedItem,
+    isCreating,
+    productMode,
+    hasBookable
+  ]);
+  return /* @__PURE__ */ jsx(
+    FormStepperPanel,
+    {
+      title: isCreating ? `New ${contentType.singularName.toLowerCase()}` : `Edit ${contentType.singularName}`,
+      steps,
+      onSave,
+      onClose,
+      saving,
+      saveLabel: isCreating ? `Create ${contentType.singularName.toLowerCase()}` : "Save changes",
+      error,
+      onClearError
+    }
+  );
+}
+export {
+  ContentTypeStepperPanel
+};
+//# sourceMappingURL=content-type-stepper-panel.js.map

package/dist/content-type-stepper-panel.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/content-type-stepper-panel.tsx"],"sourcesContent":["'use client';\n\nimport { useMemo } from 'react';\nimport { DynamicForm } from '@withpotter/components/dynamic-form';\nimport {\n  FormStepperPanel,\n  type FormStep,\n} from '@withpotter/ui-kit/form-stepper-panel';\nimport { LeadCaptureBlock } from '@withpotter/components/behaviors';\nimport { DigitalFilesBlock } from '@withpotter/components/digital-files-block';\nimport { FeatureTogglesStep } from '@withpotter/components/feature-toggles-step';\nimport {\n  CustomFieldsStep,\n  type CustomFieldEntry,\n} from '@withpotter/components/custom-fields-step';\nimport { isBehaviorEnabled } from '@withpotter/lib/product-types';\nimport type { ContentBehavior } from '@withpotter/lib/template-types';\nimport { buildBehaviorSteps } from '@withpotter/components/content-type-stepper/behavior-steps';\nimport {\n  ProductMediaStep,\n  ProductPricingStep,\n  PublishStep,\n} from '@withpotter/components/content-type-stepper/product-steps';\nimport {\n  BASIC_FIELDS,\n  PLATFORM_MEDIA_FIELDS,\n  PRICING_FIELDS,\n  PUBLISH_FIELDS,\n  type ContentTypeStepperPanelProps,\n} from '@withpotter/components/content-type-stepper/types';\n\nexport type {\n  ContentTypeStepperPanelProps,\n  ProductModeProps,\n} from '@withpotter/components/content-type-stepper/types';\n\n// ============================================================================\n// COMPONENT\n// ============================================================================\n\nexport function ContentTypeStepperPanel({\n  contentType,\n  mergedFields,\n  formValues,\n  setFormValues,\n  tenantCurrency,\n  tenantCategories,\n  tenantSlug,\n  template,\n  isCreating,\n  saving,\n  selectedItem,\n  onSave,\n  onClose,\n  error,\n  onClearError,\n  productMode,\n  savedCustomFieldDefinitions,\n  onSaveCustomFieldDefinition,\n  onRemoveCustomFieldDefinition,\n}: ContentTypeStepperPanelProps) {\n  const contentTypeSchemas = useMemo(\n    () =>\n      Object.fromEntries(\n        Object.entries(template?.contentTypes || {}).map(([key, ct]) => [\n          key,\n          ct.fields,\n        ]),\n      ),\n    [template?.contentTypes],\n  );\n\n  const hasBookable =\n    (productMode?.availableBehaviors?.includes('bookable') ?? false) ||\n    isBehaviorEnabled(productMode?.behaviorConfigs?.bookable);\n\n  // Build steps from field classification + behavior config steps\n  const steps = useMemo<FormStep[]>(() => {\n    const result: FormStep[] = [];\n    const fieldGroups = contentType.fieldGroups;\n    const hasLeadCapture =\n      contentType.behaviors?.includes('leadCapture') ?? false;\n\n    // Collect all grouped field names\n    const groupedFieldNames = new Set(\n      fieldGroups?.flatMap((g) => g.fields) ?? [],\n    );\n\n    // ── Step 1: Basic Info ──\n    // Only core fields: title, slug, shortDescription, description\n    if (productMode) {\n      const basicFields = mergedFields.filter(\n        (f) => BASIC_FIELDS.has(f.name) && !groupedFieldNames.has(f.name),\n      );\n      if (basicFields.length > 0) {\n        result.push({\n          key: '__basic',\n          label: 'Basic info',\n          description: `Core details for this ${contentType.singularName.toLowerCase()}`,\n          content: (\n            <DynamicForm\n              fields={basicFields}\n              values={formValues}\n              onChange={setFormValues}\n              currencyCode={tenantCurrency}\n              tenantCategories={tenantCategories}\n              tenantSlug={tenantSlug}\n              contentTypeSchemas={contentTypeSchemas}\n            />\n          ),\n        });\n      }\n    } else {\n      // Non-product mode: same as before (ungrouped fields or all fields)\n      if (fieldGroups && fieldGroups.length > 0) {\n        const ungroupedFields = mergedFields.filter(\n          (f) => !groupedFieldNames.has(f.name),\n        );\n        if (ungroupedFields.length > 0) {\n          result.push({\n            key: '__ungrouped',\n            label: 'Basic info',\n            description: `Core fields for this ${contentType.singularName.toLowerCase()}`,\n            content: (\n              <DynamicForm\n                fields={ungroupedFields}\n                values={formValues}\n                onChange={setFormValues}\n                currencyCode={tenantCurrency}\n                tenantCategories={tenantCategories}\n                tenantSlug={tenantSlug}\n                contentTypeSchemas={contentTypeSchemas}\n              />\n            ),\n          });\n        }\n      } else {\n        result.push({\n          key: '__allFields',\n          label: 'Details',\n          description: `Enter the details for this ${contentType.singularName.toLowerCase()}`,\n          content: (\n            <DynamicForm\n              fields={mergedFields}\n              values={formValues}\n              onChange={setFormValues}\n              currencyCode={tenantCurrency}\n              tenantCategories={tenantCategories}\n              tenantSlug={tenantSlug}\n              contentTypeSchemas={contentTypeSchemas}\n            />\n          ),\n        });\n      }\n    }\n\n    // ── Step 2: Field Group steps (template/industry defined sections) ──\n    if (fieldGroups && fieldGroups.length > 0) {\n      for (const group of fieldGroups) {\n        const groupFields = mergedFields.filter((f) =>\n          group.fields.includes(f.name),\n        );\n        if (groupFields.length === 0) continue;\n\n        result.push({\n          key: group.name,\n          label: group.label,\n          description: group.description,\n          content: (\n            <DynamicForm\n              fields={groupFields}\n              values={formValues}\n              onChange={setFormValues}\n              currencyCode={tenantCurrency}\n              tenantCategories={tenantCategories}\n              tenantSlug={tenantSlug}\n              contentTypeSchemas={contentTypeSchemas}\n            />\n          ),\n        });\n      }\n    }\n\n    // ── Step 3: \"Details\" — ungrouped fields not in basic/publish/platform sets ──\n    if (productMode) {\n      const detailFields = mergedFields.filter(\n        (f) =>\n          !BASIC_FIELDS.has(f.name) &&\n          !PUBLISH_FIELDS.has(f.name) &&\n          !PLATFORM_MEDIA_FIELDS.has(f.name) &&\n          !PRICING_FIELDS.has(f.name) &&\n          !groupedFieldNames.has(f.name),\n      );\n      if (detailFields.length > 0) {\n        result.push({\n          key: '__details',\n          label: 'Details',\n          description: `Additional details for this ${contentType.singularName.toLowerCase()}`,\n          content: (\n            <DynamicForm\n              fields={detailFields}\n              values={formValues}\n              onChange={setFormValues}\n              currencyCode={tenantCurrency}\n              tenantCategories={tenantCategories}\n              tenantSlug={tenantSlug}\n              contentTypeSchemas={contentTypeSchemas}\n            />\n          ),\n        });\n      }\n    }\n\n    // ── Step 4: Custom Fields (merchant-defined) ──\n    if (productMode) {\n      const currentCustomFields =\n        (formValues.customFields as CustomFieldEntry[] | undefined) || [];\n      result.push({\n        key: '__customFields',\n        label: 'Custom fields',\n        description: 'Add any extra fields specific to this product',\n        content: (\n          <CustomFieldsStep\n            customFields={currentCustomFields}\n            onChange={(fields) =>\n              setFormValues({ ...formValues, customFields: fields })\n            }\n            savedDefinitions={savedCustomFieldDefinitions ?? []}\n            onSaveDefinition={onSaveCustomFieldDefinition ?? (() => {})}\n            onRemoveDefinition={onRemoveCustomFieldDefinition ?? (() => {})}\n          />\n        ),\n      });\n    }\n\n    // ── Step 5: Pricing ──\n    if (productMode) {\n      result.push({\n        key: '__pricing',\n        label: 'Pricing',\n        description: 'Set pricing for this item',\n        content: (\n          <ProductPricingStep {...productMode} showInventory={!hasBookable} />\n        ),\n      });\n    }\n\n    // ── Step 6: Features — behavior toggles ──\n    if (productMode) {\n      result.push({\n        key: '__features',\n        label: 'Features',\n        description: 'Enable additional capabilities',\n        content: (\n          <FeatureTogglesStep\n            industryBehaviors={\n              productMode.availableBehaviors as ContentBehavior[]\n            }\n            behaviorConfigs={productMode.behaviorConfigs}\n            setBehaviorConfigs={productMode.setBehaviorConfigs}\n            behaviorLabelOverrides={productMode.behaviorLabelOverrides}\n          />\n        ),\n      });\n    }\n\n    // ── Step 7: Per-behavior config steps ──\n    // No toggles — behaviors are pre-set by the industry profile.\n    // Each active behavior with a config panel gets its own step.\n    if (productMode) {\n      const behaviorSteps = buildBehaviorSteps(productMode, selectedItem?.id);\n      result.push(...behaviorSteps);\n    }\n\n    // ── Step 8: Media ──\n    if (productMode) {\n      result.push({\n        key: '__media',\n        label: 'Media',\n        description: 'Add images for this item',\n        content: (\n          <ProductMediaStep\n            heroImage={productMode.heroImage}\n            onHeroImageChange={productMode.onHeroImageChange}\n            galleryItems={productMode.galleryItems}\n            onGalleryItemsChange={productMode.onGalleryItemsChange}\n          />\n        ),\n      });\n    }\n\n    // ── Step 9: Publish ──\n    if (productMode) {\n      const publishFields = mergedFields.filter(\n        (f) => PUBLISH_FIELDS.has(f.name) && !groupedFieldNames.has(f.name),\n      );\n      result.push({\n        key: '__publish',\n        label: 'Publish',\n        description: 'Visibility, status, and organization',\n        content: (\n          <PublishStep\n            publishFields={publishFields}\n            formValues={formValues}\n            setFormValues={setFormValues}\n            tenantCurrency={tenantCurrency}\n            tenantCategories={tenantCategories}\n            tenantSlug={tenantSlug}\n            contentTypeSchemas={contentTypeSchemas}\n            productMode={productMode}\n          />\n        ),\n      });\n    }\n\n    // ── Behavior-specific content steps (non-product mode) ──\n    if (hasLeadCapture) {\n      result.push({\n        key: '__leadCapture',\n        label: 'Lead capture',\n        description: 'Configure the lead capture form fields',\n        content: (\n          <LeadCaptureBlock values={formValues} onChange={setFormValues} />\n        ),\n      });\n    }\n\n    if (contentType.behaviors?.includes('downloadable') && !productMode) {\n      result.push({\n        key: '__downloadable',\n        label: 'Digital files',\n        description: 'Upload files that customers can download',\n        content: (\n          <DigitalFilesBlock\n            contentId={selectedItem?.id || null}\n            isNewItem={isCreating}\n          />\n        ),\n      });\n    }\n\n    return result;\n  }, [\n    contentType,\n    mergedFields,\n    formValues,\n    setFormValues,\n    tenantCurrency,\n    tenantCategories,\n    tenantSlug,\n    contentTypeSchemas,\n    selectedItem,\n    isCreating,\n    productMode,\n    hasBookable,\n  ]);\n\n  return (\n    <FormStepperPanel\n      title={\n        isCreating\n          ? `New ${contentType.singularName.toLowerCase()}`\n          : `Edit ${contentType.singularName}`\n      }\n      steps={steps}\n      onSave={onSave}\n      onClose={onClose}\n      saving={saving}\n      saveLabel={\n        isCreating\n          ? `Create ${contentType.singularName.toLowerCase()}`\n          : 'Save changes'\n      }\n      error={error}\n      onClearError={onClearError}\n    />\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/create-business-modal.d.ts

@@ -0,0 +1,36 @@
+interface CreateBusinessModalProps {
+    open: boolean;
+    onClose: () => void;
+}
+/**
+ * Adding a business without leaving the app.
+ *
+ * It renders the SAME steps onboarding renders, from the same hook, and
+ * `/dashboard/workspaces/new` opens it rather than redirecting to /onboarding.
+ * Full-screen onboarding is first run, where there is no app to stay inside.
+ *
+ * ---------------------------------------------------------------------------
+ * IT USED TO BE A DEAD END, and that is the reason this file was rewritten.
+ *
+ * The flow has four steps. This shell rendered three. `useBusinessSetup`
+ * advanced to `template` on the last Continue, nothing was mapped to that step,
+ * and the body rendered ZERO elements — a 200px box holding a title, a void, and
+ * a "Create business" button that could never enable, because the value that
+ * enables it is reported by the step that was not there. No business could be
+ * created from this modal at all. A shell that enumerates steps by hand will
+ * always drift from the hook that owns them; the enumeration is now exhaustive
+ * over `SetupStep`, so leaving one out is a type error rather than a blank box.
+ *
+ * THE LAYOUT IS THE DIALOG'S, not the page's. A 19px title, a body that scrolls,
+ * a footer that does not move.
+ *
+ * TWO COLUMNS, because width follows columns and not content. It was a 576px box
+ * around a single column of three fields, which is the widest a form can be
+ * before the eye stops tracking from the end of one line to the start of the
+ * next — and every pixel of that width was empty. Now half of it is a
+ * photograph that answers what the merchant just said, and the questions sit in
+ * a column narrow enough to read. The last step is the exception and takes the
+ * whole width: it is a shelf of storefronts, not a question.
+ */
+export declare function CreateBusinessModal({ open, onClose, }: CreateBusinessModalProps): import("react").JSX.Element;
+export {};