@withpotter/components 0.13.0-next.101

package/dist/content-type-page.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/content-type-page.tsx"],"sourcesContent":["'use client';\n\nimport { useState, useEffect, useMemo, useCallback, useRef } from 'react';\nimport { useAuth } from '@withpotter/lib/auth-context';\nimport {\n  useCurrentTemplate,\n  useTemplates,\n  type ContentTypeConfig,\n} from '@withpotter/lib/template-context';\nimport { bookingsApi } from '@withpotter/lib/api/bookings';\nimport { contentApi } from '@withpotter/lib/api/content';\nimport { tenantApi } from '@withpotter/lib/api/tenant';\nimport type { ContentItem, BookingItem, WaitlistItem } from '@withpotter/lib/api/types';\nimport { waitlistApi } from '@withpotter/lib/api/waitlist';\nimport type { DataItem } from '@withpotter/ui-kit/data-table';\nimport {\n  useBookingActions,\n  type BookingAction,\n  type RescheduleData,\n} from '@withpotter/components/behaviors';\nimport type { CustomFieldDefinition } from '@withpotter/components/custom-fields-step';\nimport { useProductFormState } from '@withpotter/hooks/use-product-form-state';\nimport { useApiDispatch } from '@withpotter/hooks/use-api-dispatch';\nimport { useMoneyVisibility } from '@withpotter/lib/use-money-visibility';\nimport { datedCsvFilename, downloadCsv } from '@withpotter/lib/csv';\nimport { FallbackContentList } from '@withpotter/components/content-type-page/fallback-content-list';\nimport { ContentEditorOverlays } from '@withpotter/components/content-type-page/content-editor-overlays';\nimport { ConfiguredContentList } from '@withpotter/components/content-type-page/configured-content-list';\nimport { ContentTypePageState } from '@withpotter/components/content-type-page/content-type-page-state';\nimport { useContentListModel } from '@withpotter/components/content-type-page/use-content-list-model';\n\n/**\n * Convert kebab-case to camelCase\n * e.g., \"meal-plans\" -> \"mealPlans\"\n */\nfunction kebabToCamel(str: string): string {\n  return str.replace(/-([a-z])/g, (_, c) => c.toUpperCase());\n}\n\ninterface ContentTypePageProps {\n  contentTypeKey: string;\n  backHref?: string;\n  resolvedContentType?: ContentTypeConfig;\n}\n\nexport function ContentTypePage({\n  contentTypeKey,\n  backHref = '/dashboard',\n  resolvedContentType,\n}: ContentTypePageProps) {\n  const { tenant, refreshTenant } = useAuth();\n  const { canSeeEarnings } = useMoneyVisibility();\n  const { template, loading: templateLoading } = useCurrentTemplate(\n    tenant?.templateId,\n  );\n  const { loadTemplateSchema } = useTemplates();\n  const categorySyncAttempted = useRef(false);\n\n  // Normalize the key: convert kebab-case to camelCase (meal-plans -> mealPlans)\n  const normalizedKey = kebabToCamel(contentTypeKey);\n\n  // Use resolved content type if provided, otherwise look up by multiple key variations\n  const contentType =\n    resolvedContentType ||\n    template?.contentTypes[contentTypeKey] || // Try original key first (e.g., \"treatments\")\n    template?.contentTypes[normalizedKey] || // Try camelCase version\n    template?.contentTypes[contentTypeKey.toLowerCase()] || // Try lowercase\n    // Try to find by matching the name or singularName\n    Object.values(template?.contentTypes || {}).find(\n      (ct) =>\n        ct.name?.toLowerCase() === contentTypeKey.toLowerCase() ||\n        ct.singularName?.toLowerCase() === contentTypeKey.toLowerCase(),\n    );\n\n  // State\n  const [items, setItems] = useState<ContentItem[]>([]);\n  const [loading, setLoading] = useState(true);\n  const [error, setError] = useState<string | null>(null);\n  const [saving, setSaving] = useState(false);\n  const [searchQuery, setSearchQuery] = useState('');\n  const [selectedItem, setSelectedItem] = useState<ContentItem | null>(null);\n  const [isEditing, setIsEditing] = useState(false);\n  const [isCreating, setIsCreating] = useState(false);\n  const [formValues, setFormValues] = useState<Record<string, unknown>>({});\n  const [menuOpen, setMenuOpen] = useState<string | null>(null);\n  const [confirmingDelete, setConfirmingDelete] = useState<string | null>(null);\n  const [menuPosition, setMenuPosition] = useState<{\n    top: number;\n    left: number;\n  } | null>(null);\n\n  // Determine the API endpoint to use\n  // template-context maps coreEndpoint to apiEndpoint, so we check apiEndpoint first\n  const apiEndpoint =\n    contentType?.apiEndpoint || contentType?.contentTypeKey || normalizedKey;\n  const isBookings = apiEndpoint === 'bookings';\n\n  // Detect transactional content types (sellable, bookable, etc.) → product mode\n  const TRANSACTIONAL_BEHAVIORS = [\n    'sellable',\n    'bookable',\n    'shippable',\n    'subscribable',\n    'downloadable',\n    'rentable',\n    'ticketed',\n    'addable',\n  ];\n  const isTransactional =\n    contentType?.behaviors?.some((b) => TRANSACTIONAL_BEHAVIORS.includes(b)) ??\n    false;\n\n  // Product form state (behaviors, pricing, collections, etc.) — only for transactional content\n  const productFormState = useProductFormState({\n    contentType: isTransactional ? contentType ?? null : null,\n    product: isTransactional && selectedItem ? (selectedItem as any) : null,\n  });\n\n  // Behavior-driven API dispatch\n  const { save: apiDispatchSave } = useApiDispatch();\n\n  // Booking actions hook (only used when isBookings is true)\n  const bookingActions = useBookingActions({\n    tenantSlug: tenant?.slug || '',\n    onSuccess: () => fetchContent(),\n    onError: (err) => setError(err.message),\n  });\n\n  // Fetch content from API\n  const fetchContent = useCallback(async () => {\n    if (!tenant?.slug || !contentType) return;\n\n    setLoading(true);\n    setError(null);\n\n    try {\n      let contentItems: ContentItem[] = [];\n\n      // Use special API for bookings, inquiries, etc.\n      if (apiEndpoint === 'bookings') {\n        const response = await bookingsApi.list(tenant.slug);\n        // Transform booking items to content item format\n        // Spread all metadata fields into data - template's listView.columns determines what to display\n        contentItems = (response.data || []).map((booking: BookingItem) => {\n          const metadata = (booking.metadata || {}) as Record<string, unknown>;\n          return {\n            id: booking.id,\n            tenantId: booking.tenantId,\n            type: booking.type,\n            title: booking.customerName || booking.bookingNumber,\n            slug: booking.bookingNumber,\n            isActive:\n              booking.status === 'confirmed' || booking.status === 'completed',\n            featured: false,\n            sortOrder: 0,\n            createdAt: booking.createdAt,\n            updatedAt: booking.updatedAt,\n            data: {\n              // Core booking fields\n              bookingNumber: booking.bookingNumber,\n              bookingStatus: booking.status,\n              status: booking.status, // Also expose as 'status' for template columns\n              type: booking.type,\n              date: booking.date,\n              startTime: booking.startTime,\n              endTime: booking.endTime,\n              customerName: booking.customerName,\n              customerEmail: booking.customerEmail,\n              customerPhone: booking.customerPhone,\n              customerNote: booking.customerNote,\n              durationMinutes: booking.durationMinutes,\n              // Include treatment/content info - price comes from the related content\n              treatmentTitle: metadata.treatmentTitle || booking.content?.title,\n              treatmentPrice: metadata.treatmentPrice || booking.content?.price,\n              // Spread all metadata - API enriches with fallbacks (e.g., treatmentTitle from content.title)\n              ...metadata,\n            },\n          };\n        });\n      } else if (apiEndpoint === 'waitlist') {\n        // Waitlist API\n        const response = await waitlistApi.list(tenant.slug);\n        // Transform waitlist items to content item format\n        /* Only the fields the waitlist endpoint actually sends. This used to\n           read `tenantId`, `updatedAt`, `customerNote` and `metadata` off the\n           entry — four fields no waitlist route has ever returned, so the row\n           carried an undefined tenant and an undefined timestamp. */\n        contentItems = (response.data || []).map((entry: WaitlistItem) => ({\n          id: entry.id,\n          tenantId: tenant?.id ?? '',\n          type: 'waitlist',\n          title: entry.customerName || entry.customerEmail,\n          slug: entry.id,\n          isActive: entry.status === 'converted',\n          featured: false,\n          sortOrder: entry.position ?? 0,\n          createdAt: entry.createdAt,\n          updatedAt: entry.createdAt,\n          data: {\n            customerName: entry.customerName,\n            customerEmail: entry.customerEmail,\n            customerPhone: entry.customerPhone,\n            preferredDate: entry.requestedDate,\n            requestedStartTime: entry.requestedStartTime,\n            requestedEndTime: entry.requestedEndTime,\n            offeredDate: entry.offeredDate,\n            offeredStartTime: entry.offeredStartTime,\n            offeredEndTime: entry.offeredEndTime,\n            offerExpiresAt: entry.offerExpiresAt,\n            status: entry.status,\n            position: entry.position,\n            priority: entry.priority,\n            partySize: entry.partySize,\n          },\n        }));\n      } else {\n        // Standard content API\n        const apiContentType = contentType.contentTypeKey || normalizedKey;\n        const response = await contentApi.list(tenant.slug, apiContentType);\n        // Handle both array response and paginated response\n        contentItems = Array.isArray(response) ? response : response.data || [];\n      }\n\n      setItems(contentItems);\n    } catch (err) {\n      console.error('Failed to fetch content:', err);\n      setError(err instanceof Error ? err.message : 'Failed to load content');\n      setItems([]);\n    } finally {\n      setLoading(false);\n    }\n  }, [tenant?.slug, tenant?.id, contentType, normalizedKey, apiEndpoint]);\n\n  // Load data when content type is available\n  useEffect(() => {\n    if (contentType && tenant?.slug) {\n      fetchContent();\n    } else if (!templateLoading && contentType) {\n      // Template is loaded but tenant is not available - stop loading\n      setLoading(false);\n    }\n  }, [contentType, tenant?.slug, fetchContent, templateLoading]);\n\n  // Get tenant currency from settings\n  const tenantCurrency =\n    ((tenant?.settings as Record<string, unknown>)?.currency as string) ||\n    'NGN';\n\n  const {\n    tenantCategories,\n    effectiveListView,\n    mergedFields,\n    deduplicatedMergedFields,\n    filteredItems,\n    enrichedFilters,\n    formatCurrency,\n  } = useContentListModel({\n    contentType,\n    template: template ?? undefined,\n    tenantSlug: tenant?.slug,\n    tenantSettings: tenant?.settings as Record<string, unknown> | undefined,\n    tenantCurrency,\n    items,\n    searchQuery,\n    isTransactional,\n  });\n\n  // Auto-sync default categories from template if not saved to tenant settings\n  useEffect(() => {\n    if (categorySyncAttempted.current) return;\n    if (!tenant?.templateId || !tenant?.slug) return;\n\n    // Check if categories exist in tenant settings\n    const existingCategories = (tenant?.settings as Record<string, unknown>)\n      ?.categories;\n    if (\n      existingCategories &&\n      Object.keys(existingCategories as object).length > 0\n    )\n      return;\n\n    categorySyncAttempted.current = true;\n\n    // Load template schema and sync default categories\n    loadTemplateSchema(tenant.templateId).then(async (schema) => {\n      if (!schema?.siteSettings) return;\n\n      // Find all categoryManager fields and collect defaults\n      interface CategoryOptionLocal {\n        value: string;\n        label: string;\n        sortOrder?: number;\n      }\n      const defaultCategories: Record<string, CategoryOptionLocal[]> = {};\n      for (const [, section] of Object.entries(schema.siteSettings)) {\n        const sectionData = section as unknown as {\n          type: string;\n          contentTypeKey: string;\n          defaults: CategoryOptionLocal[];\n        };\n        if (sectionData?.type === 'categoryManager' && sectionData.defaults) {\n          defaultCategories[sectionData.contentTypeKey] = [\n            ...sectionData.defaults,\n          ];\n        }\n      }\n\n      if (Object.keys(defaultCategories).length === 0) return;\n\n      try {\n        const existingSettings =\n          (tenant.settings as Record<string, unknown>) || {};\n        await tenantApi.update(tenant.slug, {\n          settings: {\n            ...existingSettings,\n            categories: defaultCategories,\n          },\n        });\n        await refreshTenant();\n      } catch (err) {\n        console.error('Failed to auto-sync default categories:', err);\n      }\n    });\n  }, [\n    tenant?.templateId,\n    tenant?.slug,\n    tenant?.settings,\n    loadTemplateSchema,\n    refreshTenant,\n  ]);\n\n  // Workspace-saved custom field definitions\n  const savedCustomFieldDefinitions = useMemo(() => {\n    const settings = tenant?.settings as Record<string, unknown> | undefined;\n    return (settings?.customFieldDefinitions as CustomFieldDefinition[]) ?? [];\n  }, [tenant?.settings]);\n\n  const handleSaveCustomFieldDefinition = useCallback(\n    async (def: CustomFieldDefinition) => {\n      if (!tenant?.slug) return;\n      const existing = savedCustomFieldDefinitions.filter(\n        (d) => d.key !== def.key,\n      );\n      const updated = [...existing, def];\n      try {\n        await tenantApi.update(tenant.slug, {\n          settings: {\n            ...(tenant.settings as Record<string, unknown>),\n            customFieldDefinitions: updated,\n          },\n        });\n        await refreshTenant();\n      } catch (err) {\n        console.error('Failed to save custom field definition:', err);\n      }\n    },\n    [\n      tenant?.slug,\n      tenant?.settings,\n      savedCustomFieldDefinitions,\n      refreshTenant,\n    ],\n  );\n\n  const handleRemoveCustomFieldDefinition = useCallback(\n    async (key: string) => {\n      if (!tenant?.slug) return;\n      const updated = savedCustomFieldDefinitions.filter((d) => d.key !== key);\n      try {\n        await tenantApi.update(tenant.slug, {\n          settings: {\n            ...(tenant.settings as Record<string, unknown>),\n            customFieldDefinitions: updated,\n          },\n        });\n        await refreshTenant();\n      } catch (err) {\n        console.error('Failed to remove custom field definition:', err);\n      }\n    },\n    [\n      tenant?.slug,\n      tenant?.settings,\n      savedCustomFieldDefinitions,\n      refreshTenant,\n    ],\n  );\n\n  // Get display value for a field from ContentItem\n  const getDisplayValue = (item: ContentItem, fieldName: string): string => {\n    const field = contentType?.fields.find(\n      (f) => f.name === fieldName || f.name === `metadata.${fieldName}`,\n    );\n\n    // Check common fields first, then data object\n    const cleanFieldName = fieldName.replace('metadata.', '');\n    const value =\n      (item as unknown as Record<string, unknown>)[cleanFieldName] ??\n      item.data?.[cleanFieldName];\n\n    if (value === undefined || value === null) return '—';\n\n    switch (field?.type) {\n      case 'currency':\n        return formatCurrency(value as number);\n      case 'boolean':\n      case 'toggle':\n        return value ? '✓ Yes' : '✗ No';\n      case 'select':\n        return (\n          field.options?.find((o) => o.value === value)?.label || String(value)\n        );\n      case 'multiselect': {\n        const vals = value as string[];\n        return vals\n          .map((v) => field.options?.find((o) => o.value === v)?.label || v)\n          .join(', ');\n      }\n      case 'date':\n        return new Date(value as string).toLocaleDateString();\n      case 'image':\n        return '📷 Image';\n      default:\n        return String(value);\n    }\n  };\n\n  // Handle create/edit\n  const handleSave = async () => {\n    if (!tenant?.slug || !contentType) {\n      return;\n    }\n\n    setSaving(true);\n    setError(null);\n\n    try {\n      const apiContentType = contentType.contentTypeKey || normalizedKey;\n\n      // ── Transactional content → behavior-driven API dispatch ──\n      if (isTransactional) {\n        const title = (formValues.title as string) || productFormState.title;\n        const slug = (formValues.slug as string) || productFormState.slug;\n\n        if (!title?.trim()) {\n          setError('Title is required');\n          setSaving(false);\n          return;\n        }\n\n        await apiDispatchSave(\n          {\n            title: title.trim(),\n            slug: slug?.trim() || '',\n            description:\n              (formValues.description as string) ||\n              productFormState.description ||\n              undefined,\n            featured: productFormState.featured,\n            isActive: productFormState.isActive,\n            heroImage: productFormState.heroImage,\n            galleryItems: productFormState.galleryItems,\n            price: productFormState.price,\n            compareAtPrice: productFormState.compareAtPrice,\n            costPrice: productFormState.costPrice,\n            currency: productFormState.tenantCurrency,\n            trackInventory: productFormState.trackInventory,\n            quantity:\n              typeof productFormState.quantity === 'number'\n                ? productFormState.quantity\n                : 0,\n            lowStockThreshold:\n              typeof productFormState.lowStockThreshold === 'number'\n                ? productFormState.lowStockThreshold\n                : 5,\n            productType: productFormState.productType,\n            behaviorConfigs: productFormState.behaviorConfigs,\n            gatedBy: productFormState.gatedBy,\n            gatedByPlanIds: productFormState.gatedByPlanIds,\n            templateValues: { ...formValues },\n            allCollections: productFormState.allCollections,\n            selectedCollectionIds: productFormState.selectedCollectionIds,\n            resourceRequirements: productFormState.resourceRequirements,\n          },\n          apiContentType,\n          selectedItem?.id,\n        );\n\n        // Refresh the list after save\n        await fetchContent();\n\n        setIsCreating(false);\n        setIsEditing(false);\n        setSelectedItem(null);\n        setFormValues({});\n        setSaving(false);\n        return;\n      }\n\n      // ── Non-transactional content (original logic) ──\n\n      // Check if status is a schema-defined field (e.g., product status: active/draft/out_of_stock)\n      // vs the built-in content isActive flag\n      const hasCustomStatusField = contentType.fields?.some(\n        (f) => f.name === 'status' && f.type === 'select',\n      );\n\n      // Extract common fields and put the rest in data\n      const {\n        title,\n        slug,\n        description,\n        isActive,\n        status,\n        featured,\n        sortOrder,\n        price,\n        images,\n        ...rest\n      } = formValues;\n\n      // If status is a custom field, keep it in data, otherwise derive isActive\n      const dataWithStatus = hasCustomStatusField ? { ...rest, status } : rest;\n\n      const payload = {\n        title: (title as string) || 'Untitled',\n        slug: slug as string | undefined,\n        description: description as string | undefined,\n        isActive: hasCustomStatusField\n          ? true\n          : isActive !== undefined\n          ? Boolean(isActive)\n          : status === 'published' || status === undefined,\n        featured: (featured as boolean) || false,\n        sortOrder: (sortOrder as number) || 0,\n        price: price as number | undefined,\n        images: images as string[] | undefined,\n        data: dataWithStatus, // Template-specific fields go in data\n      };\n\n      if (isCreating) {\n        if (apiEndpoint === 'team') {\n          // Team API expects flat DTO: { name, role, bio, photo, socialLinks, featured, ... }\n          const imageVal = formValues.image as\n            { url?: string; alt?: string } | string | undefined;\n          const photo = imageVal\n            ? typeof imageVal === 'string'\n              ? { url: imageVal }\n              : imageVal.url\n              ? { url: imageVal.url, alternativeText: imageVal.alt }\n              : undefined\n            : undefined;\n\n          const teamPayload = {\n            name: (formValues.name as string) || 'Untitled',\n            slug: formValues.slug as string | undefined,\n            role: formValues.role as string | undefined,\n            bio: formValues.bio as string | undefined,\n            photo,\n            socialLinks: {\n              instagram: formValues.instagram as string | undefined,\n              twitter: formValues.twitter as string | undefined,\n              linkedin: formValues.linkedin as string | undefined,\n              email: formValues.email as string | undefined,\n            },\n            specialties: formValues.specialties as string[] | undefined,\n            featured: (formValues.featured as boolean) || false,\n            sortOrder: (formValues.sortOrder as number) || 0,\n            isActive: true,\n          };\n          const response = await contentApi.create(\n            tenant.slug,\n            'team',\n            teamPayload as any,\n          );\n          const newItem = response.data || response;\n          setItems([newItem, ...items]);\n        } else {\n          const response = await contentApi.create(\n            tenant.slug,\n            apiContentType,\n            payload,\n          );\n          const newItem = response.data || response;\n          setItems([newItem, ...items]);\n        }\n      } else if (selectedItem) {\n        let updatedItem: ContentItem;\n\n        // Use bookingsApi for bookings, contentApi for everything else\n        if (apiEndpoint === 'bookings') {\n          // For bookings, send the booking-specific fields\n          const bookingPayload = {\n            status: formValues.status as string,\n            customerName: formValues.customerName as string,\n            customerEmail: formValues.customerEmail as string,\n            customerPhone: formValues.customerPhone as string,\n            customerNote: formValues.customerNote as string,\n            date: formValues.date as string,\n            startTime: formValues.startTime as string,\n            endTime: formValues.endTime as string,\n            // Include metadata for therapist and other custom fields\n            metadata: {\n              therapistName: formValues.therapistName as string,\n              therapistId: formValues.therapistId as string,\n              treatmentTitle: formValues.treatmentTitle as string,\n              treatmentPrice: formValues.treatmentPrice as number,\n            },\n          };\n          await bookingsApi.update(\n            tenant.slug,\n            selectedItem.id,\n            bookingPayload,\n          );\n          // Update local item with the new values\n          updatedItem = {\n            ...selectedItem,\n            data: {\n              ...selectedItem.data,\n              ...bookingPayload,\n              ...bookingPayload.metadata,\n              bookingStatus: bookingPayload.status,\n            },\n          };\n        } else if (apiEndpoint === 'team') {\n          // Team API expects flat DTO\n          const imageVal = formValues.image as\n            { url?: string; alt?: string } | string | undefined;\n          const photo = imageVal\n            ? typeof imageVal === 'string'\n              ? { url: imageVal }\n              : imageVal.url\n              ? { url: imageVal.url, alternativeText: imageVal.alt }\n              : undefined\n            : undefined;\n\n          const teamPayload = {\n            name:\n              (formValues.name as string) || selectedItem.title || 'Untitled',\n            slug: formValues.slug as string | undefined,\n            role: formValues.role as string | undefined,\n            bio: formValues.bio as string | undefined,\n            photo,\n            socialLinks: {\n              instagram: formValues.instagram as string | undefined,\n              twitter: formValues.twitter as string | undefined,\n              linkedin: formValues.linkedin as string | undefined,\n              email: formValues.email as string | undefined,\n            },\n            specialties: formValues.specialties as string[] | undefined,\n            featured: (formValues.featured as boolean) || false,\n            sortOrder: (formValues.sortOrder as number) || 0,\n          };\n          const response = await contentApi.update(\n            tenant.slug,\n            'team',\n            selectedItem.id,\n            teamPayload as any,\n          );\n          updatedItem = response.data || response;\n        } else {\n          const response = await contentApi.update(\n            tenant.slug,\n            apiContentType,\n            selectedItem.id,\n            payload,\n          );\n          updatedItem = response.data || response;\n        }\n        setItems(\n          items.map((item) =>\n            item.id === selectedItem.id ? updatedItem : item,\n          ),\n        );\n      }\n\n      setIsCreating(false);\n      setIsEditing(false);\n      setSelectedItem(null);\n      setFormValues({});\n    } catch (err) {\n      console.error('Failed to save:', err);\n      setError(err instanceof Error ? err.message : 'Failed to save content');\n    } finally {\n      setSaving(false);\n    }\n  };\n\n  const handleDelete = async (id: string) => {\n    if (!tenant?.slug || !contentType) return;\n\n    try {\n      if (isBookings) {\n        // Cancelled, not deleted: `DELETE /bookings/:id` has never been served,\n        // and a booking is an appointment — called off, not erased.\n        await bookingsApi.cancel(tenant.slug, id);\n      } else {\n        // Use content API for regular content\n        const apiContentType = contentType.contentTypeKey || normalizedKey;\n        await contentApi.delete(tenant.slug, apiContentType, id);\n      }\n      setItems(items.filter((item) => item.id !== id));\n    } catch (err) {\n      console.error('Failed to delete:', err);\n      setError(err instanceof Error ? err.message : 'Failed to delete');\n    }\n    setMenuOpen(null);\n  };\n\n  // ─────────────────────────────────────────────────────────────────────────────\n  // Booking action handler (delegates to booking-actions behavior)\n  // ─────────────────────────────────────────────────────────────────────────────\n\n  const handleBookingAction = async (\n    action: BookingAction,\n    item: ContentItem,\n  ) => {\n    setMenuOpen(null);\n\n    if (action === 'reschedule') {\n      bookingActions.openRescheduleModal(item);\n      return;\n    }\n\n    if (action === 'cancel') {\n      bookingActions.openCancelModal(item);\n      return;\n    }\n\n    await bookingActions.executeAction(action, item);\n  };\n\n  const handleRescheduleConfirm = async (data: RescheduleData) => {\n    if (!bookingActions.rescheduleItem) return;\n    const success = await bookingActions.executeAction(\n      'reschedule',\n      bookingActions.rescheduleItem,\n      data,\n    );\n    if (success) {\n      bookingActions.closeRescheduleModal();\n    }\n  };\n\n  const handleCancelConfirm = async (reason?: string) => {\n    if (!bookingActions.cancelItem) return;\n    const success = await bookingActions.executeAction(\n      'cancel',\n      bookingActions.cancelItem,\n      reason,\n    );\n    if (success) {\n      bookingActions.closeCancelModal();\n    }\n  };\n\n  const openEditor = (item?: ContentItem) => {\n    if (item) {\n      setSelectedItem(item);\n      // Flatten item data for form - data contains template-specific fields including metadata\n      const flatValues: Record<string, unknown> = {\n        title: item.title,\n        slug: item.slug,\n        description: item.description,\n        isActive: item.isActive,\n        featured: item.featured,\n        sortOrder: item.sortOrder,\n        price: item.price,\n        images: item.images,\n        ...(item.data || {}), // Spread template-specific data (includes metadata fields)\n      };\n      setFormValues(flatValues);\n      setIsEditing(true);\n    } else {\n      setSelectedItem(null);\n      setFormValues(\n        contentType?.fields.reduce((acc, field) => {\n          if (field.defaultValue !== undefined) {\n            acc[field.name] = field.defaultValue;\n          }\n          return acc;\n        }, {} as Record<string, unknown>) || {},\n      );\n      setIsCreating(true);\n    }\n  };\n\n  if (templateLoading || !contentType?.name) {\n    return (\n      <ContentTypePageState\n        templateLoading={templateLoading}\n        contentType={contentType}\n        normalizedKey={normalizedKey}\n        availableContentTypeKeys={Object.keys(template?.contentTypes || {})}\n        backHref={backHref}\n      />\n    );\n  }\n\n  // Safely get the icon component\n  const ContentTypeIcon = contentType.icon;\n\n  // List fields to show in table (fallback when no listView config)\n  const listFields =\n    contentType.listFields ||\n    contentType.fields.slice(0, 4).map((f) => f.name.replace('metadata.', ''));\n\n  const handleFallbackExport = () => {\n    downloadCsv(\n      datedCsvFilename(contentType.name.toLowerCase().replace(/\\s+/g, '-')),\n      listFields.map(\n        (fieldName) =>\n          contentType.fields.find(\n            (field) => field.name.replace('metadata.', '') === fieldName,\n          )?.label || fieldName,\n      ),\n      filteredItems.map((item) =>\n        listFields.map((fieldName) => getDisplayValue(item, fieldName)),\n      ),\n    );\n  };\n\n  // Convert ContentItem to DataItem for DataTable\n  // Spread data first, then item properties so id/type from item take precedence\n  // But don't let null/undefined top-level fields overwrite data fields\n  // For bookings, preserve the booking status (not the content status)\n  const dataItems: DataItem[] = items.map((item) => {\n    // Start with data fields\n    const flattened: DataItem = { id: item.id, ...item.data };\n\n    // Then merge item fields, but only if they're not null/undefined\n    // This prevents top-level nulls from overwriting data values\n    Object.entries(item).forEach(([key, value]) => {\n      if (key !== 'data' && value !== null && value !== undefined) {\n        flattened[key] = value;\n      }\n    });\n\n    // Ensure id is always set\n    flattened.id = item.id;\n\n    // For bookings, use the booking status (pending/confirmed/etc) not the content status (draft/published)\n    if (isBookings && item.data?.bookingStatus) {\n      flattened.status = item.data.bookingStatus;\n    }\n    return flattened;\n  });\n\n  const productMode = isTransactional\n    ? {\n        price: productFormState.price,\n        compareAtPrice: productFormState.compareAtPrice,\n        costPrice: productFormState.costPrice,\n        onPriceChange: productFormState.setPrice,\n        onCompareAtPriceChange: productFormState.setCompareAtPrice,\n        onCostPriceChange: productFormState.setCostPrice,\n        showProfitability: canSeeEarnings,\n        currencySymbol: productFormState.currencySymbol,\n        trackInventory: productFormState.trackInventory,\n        onTrackInventoryChange: productFormState.setTrackInventory,\n        quantity: productFormState.quantity,\n        onQuantityChange: productFormState.setQuantity,\n        lowStockThreshold: productFormState.lowStockThreshold,\n        onLowStockThresholdChange: productFormState.setLowStockThreshold,\n        heroImage: productFormState.heroImage,\n        onHeroImageChange: productFormState.setHeroImage,\n        galleryItems: productFormState.galleryItems,\n        onGalleryItemsChange: productFormState.setGalleryItems,\n        behaviorConfigs: productFormState.behaviorConfigs,\n        setBehaviorConfigs: productFormState.setBehaviorConfigs,\n        availableBehaviors: productFormState.availableBehaviors,\n        behaviorLabelOverrides: productFormState.behaviorLabelOverrides,\n        gatedBy: productFormState.gatedBy,\n        setGatedBy: productFormState.setGatedBy,\n        gatedByPlanIds: productFormState.gatedByPlanIds,\n        setGatedByPlanIds: productFormState.setGatedByPlanIds,\n        activePlans: productFormState.activePlans,\n        linkedPlanName: productFormState.linkedPlanName,\n        updateBookableConfig: productFormState.updateBookableConfig,\n        updateShippableConfig: productFormState.updateShippableConfig,\n        updateSubscribableConfig: productFormState.updateSubscribableConfig,\n        updateDownloadableConfig: productFormState.updateDownloadableConfig,\n        updateRentableConfig: productFormState.updateRentableConfig,\n        updateTicketedConfig: productFormState.updateTicketedConfig,\n        updateGiftCardConfig: productFormState.updateGiftCardConfig,\n        resourceCategories: productFormState.resourceCategories,\n        resourceRequirements: productFormState.resourceRequirements,\n        onResourceRequirementsChange: productFormState.setResourceRequirements,\n        allCollections: productFormState.allCollections,\n        selectedCollectionIds: productFormState.selectedCollectionIds,\n        onSelectedCollectionIdsChange:\n          productFormState.setSelectedCollectionIds,\n        collectionsLoading: productFormState.collectionsLoading,\n      }\n    : undefined;\n\n  const editorOverlays = (\n    <ContentEditorOverlays\n      editorOpen={isEditing || isCreating}\n      stepperProps={{\n        contentType,\n        mergedFields: isTransactional ? deduplicatedMergedFields : mergedFields,\n        formValues,\n        setFormValues,\n        tenantCurrency,\n        tenantCategories,\n        tenantSlug: tenant?.slug,\n        template,\n        isCreating,\n        saving,\n        selectedItem,\n        onSave: handleSave,\n        productMode,\n        savedCustomFieldDefinitions,\n        onSaveCustomFieldDefinition: handleSaveCustomFieldDefinition,\n        onRemoveCustomFieldDefinition: handleRemoveCustomFieldDefinition,\n      }}\n      onEditorClose={() => {\n        setIsCreating(false);\n        setIsEditing(false);\n        setSelectedItem(null);\n        setFormValues({});\n      }}\n      rescheduleItem={bookingActions.rescheduleItem}\n      isRescheduling={bookingActions.isRescheduling}\n      onRescheduleClose={bookingActions.closeRescheduleModal}\n      onRescheduleConfirm={handleRescheduleConfirm}\n      cancelItem={bookingActions.cancelItem}\n      isCancelling={bookingActions.isCancelling}\n      onCancelClose={bookingActions.closeCancelModal}\n      onCancelConfirm={handleCancelConfirm}\n      bookingActionLoading={bookingActions.loading}\n    />\n  );\n\n  // If listView config exists (from template or defaults), use the DataTable component\n  if (effectiveListView) {\n    const listView = effectiveListView;\n\n    return (\n      <div className=\"p-4 lg:p-6 max-w-7xl mx-auto\">\n        <ConfiguredContentList\n          contentType={contentType}\n          ContentTypeIcon={ContentTypeIcon}\n          listView={listView}\n          items={items}\n          dataItems={dataItems}\n          loading={loading}\n          error={error}\n          enrichedFilters={enrichedFilters}\n          fetchContent={fetchContent}\n          openEditor={openEditor}\n          handleDelete={handleDelete}\n          formatCurrency={formatCurrency}\n          isBookings={isBookings}\n          bookingActionsLoading={bookingActions.loading}\n          handleBookingAction={handleBookingAction}\n        />\n\n        {editorOverlays}\n      </div>\n    );\n  }\n\n  // FALLBACK: Original table rendering when no listView config\n\n  return (\n    <div className=\"p-4 lg:p-6 max-w-7xl mx-auto\">\n      <FallbackContentList\n        contentType={contentType}\n        ContentTypeIcon={ContentTypeIcon}\n        items={items}\n        filteredItems={filteredItems}\n        listFields={listFields}\n        loading={loading}\n        error={error}\n        searchQuery={searchQuery}\n        setSearchQuery={setSearchQuery}\n        fetchContent={fetchContent}\n        openEditor={openEditor}\n        getDisplayValue={getDisplayValue}\n        menuOpen={menuOpen}\n        setMenuOpen={setMenuOpen}\n        menuPosition={menuPosition}\n        setMenuPosition={setMenuPosition}\n        confirmingDelete={confirmingDelete}\n        setConfirmingDelete={setConfirmingDelete}\n        handleDelete={handleDelete}\n        isBookings={isBookings}\n        bookingActionsLoading={bookingActions.loading}\n        handleBookingAction={handleBookingAction}\n        onExport={handleFallbackExport}\n        duplicateItem={(item) => {\n          const duplicateValues: Record<string, unknown> = {\n            title: `${item.title} (Copy)`,\n            description: item.description,\n            isActive: false,\n            featured: item.featured,\n            sortOrder: item.sortOrder,\n            price: item.price,\n            images: item.images,\n            ...item.data,\n          };\n          setFormValues(duplicateValues);\n          setSelectedItem(null);\n          setIsCreating(true);\n        }}\n      />\n\n      {editorOverlays}\n    </div>\n  );\n}\n"],"mappings":"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","names":["title","slug"]}

package/dist/content-type-stepper/behavior-steps.d.ts

@@ -0,0 +1,3 @@
+import type { FormStep } from '@withpotter/ui-kit/form-stepper-panel';
+import type { ProductModeProps } from './types';
+export declare function buildBehaviorSteps(productMode: ProductModeProps, productId?: string): FormStep[];

package/dist/content-type-stepper/behavior-steps.js

@@ -0,0 +1,203 @@
+import { jsx } from "react/jsx-runtime";
+import { BookableConfigPanel } from "@withpotter/components/behaviors/bookable-config-panel";
+import { ShippableConfigPanel } from "@withpotter/components/behaviors/shippable-config-panel";
+import { SubscribableConfigPanel } from "@withpotter/components/behaviors/subscribable-config-panel";
+import { DownloadableConfigPanel } from "@withpotter/components/behaviors/downloadable-config-panel";
+import { RentableConfigPanel } from "@withpotter/components/behaviors/rentable-config-panel";
+import { TicketedConfigPanel } from "@withpotter/components/behaviors/ticketed-config-panel";
+import { GatingConfigSection } from "@withpotter/components/behaviors/gating-config-section";
+import {
+  getBehaviorConfig,
+  isBehaviorEnabled
+} from "@withpotter/lib/product-types";
+const BEHAVIOR_STEP_CONFIG = {
+  bookable: {
+    label: "Booking settings",
+    description: "Configure booking availability, duration, and capacity"
+  },
+  shippable: {
+    label: "Delivery",
+    description: "Set weight, dimensions, and handling"
+  },
+  subscribable: {
+    label: "Membership",
+    description: "Link to a membership plan"
+  },
+  downloadable: {
+    label: "Digital files",
+    description: "Upload files that customers can download"
+  },
+  rentable: {
+    label: "Rental settings",
+    description: "Configure rental rates, deposit, and duration"
+  },
+  ticketed: {
+    label: "Ticketing",
+    description: "Configure ticket capacity, venue, and dates"
+  }
+};
+function buildBehaviorSteps(productMode, productId) {
+  const steps = [];
+  const {
+    behaviorConfigs,
+    behaviorLabelOverrides,
+    updateBookableConfig,
+    updateShippableConfig,
+    updateSubscribableConfig,
+    updateDownloadableConfig,
+    updateRentableConfig,
+    updateTicketedConfig,
+    resourceCategories,
+    resourceRequirements,
+    onResourceRequirementsChange,
+    activePlans,
+    linkedPlanName,
+    gatedBy,
+    setGatedBy,
+    gatedByPlanIds,
+    setGatedByPlanIds,
+    currencySymbol
+  } = productMode;
+  if (isBehaviorEnabled(behaviorConfigs.bookable)) {
+    const config = getBehaviorConfig(
+      behaviorConfigs.bookable
+    ) || { enabled: true };
+    const stepConfig = BEHAVIOR_STEP_CONFIG.bookable;
+    steps.push({
+      key: "__bookable",
+      label: stepConfig.label,
+      description: stepConfig.description,
+      content: /* @__PURE__ */ jsx(
+        BookableConfigPanel,
+        {
+          config,
+          onChange: updateBookableConfig,
+          labelOverrides: behaviorLabelOverrides?.bookable,
+          resourceCategories,
+          resourceRequirements,
+          onResourceRequirementsChange
+        }
+      )
+    });
+  }
+  if (isBehaviorEnabled(behaviorConfigs.shippable)) {
+    const config = getBehaviorConfig(
+      behaviorConfigs.shippable
+    ) || { enabled: true };
+    const stepConfig = BEHAVIOR_STEP_CONFIG.shippable;
+    steps.push({
+      key: "__shippable",
+      label: stepConfig.label,
+      description: stepConfig.description,
+      content: /* @__PURE__ */ jsx(
+        ShippableConfigPanel,
+        {
+          config,
+          onChange: updateShippableConfig,
+          labelOverrides: behaviorLabelOverrides?.shippable
+        }
+      )
+    });
+  }
+  if (isBehaviorEnabled(behaviorConfigs.rentable)) {
+    const config = getBehaviorConfig(
+      behaviorConfigs.rentable
+    ) || { enabled: true };
+    const stepConfig = BEHAVIOR_STEP_CONFIG.rentable;
+    steps.push({
+      key: "__rentable",
+      label: stepConfig.label,
+      description: stepConfig.description,
+      content: /* @__PURE__ */ jsx(
+        RentableConfigPanel,
+        {
+          config,
+          onChange: updateRentableConfig,
+          labelOverrides: behaviorLabelOverrides?.rentable,
+          currencySymbol,
+          productId
+        }
+      )
+    });
+  }
+  if (isBehaviorEnabled(behaviorConfigs.subscribable)) {
+    const config = getBehaviorConfig(
+      behaviorConfigs.subscribable
+    ) || { enabled: true };
+    const stepConfig = BEHAVIOR_STEP_CONFIG.subscribable;
+    steps.push({
+      key: "__subscribable",
+      label: stepConfig.label,
+      description: stepConfig.description,
+      content: /* @__PURE__ */ jsx(
+        SubscribableConfigPanel,
+        {
+          config,
+          onChange: updateSubscribableConfig,
+          labelOverrides: behaviorLabelOverrides?.subscribable,
+          plans: activePlans
+        }
+      )
+    });
+  }
+  if (isBehaviorEnabled(behaviorConfigs.downloadable)) {
+    const config = getBehaviorConfig(
+      behaviorConfigs.downloadable
+    ) || { enabled: true };
+    const stepConfig = BEHAVIOR_STEP_CONFIG.downloadable;
+    steps.push({
+      key: "__downloadable",
+      label: stepConfig.label,
+      description: stepConfig.description,
+      content: /* @__PURE__ */ jsx(
+        DownloadableConfigPanel,
+        {
+          config,
+          onChange: updateDownloadableConfig,
+          labelOverrides: behaviorLabelOverrides?.downloadable
+        }
+      )
+    });
+  }
+  if (isBehaviorEnabled(behaviorConfigs.ticketed)) {
+    const config = getBehaviorConfig(
+      behaviorConfigs.ticketed
+    ) || { enabled: true };
+    const stepConfig = BEHAVIOR_STEP_CONFIG.ticketed;
+    steps.push({
+      key: "__ticketed",
+      label: stepConfig.label,
+      description: stepConfig.description,
+      content: /* @__PURE__ */ jsx(
+        TicketedConfigPanel,
+        {
+          config,
+          onChange: updateTicketedConfig,
+          labelOverrides: behaviorLabelOverrides?.ticketed,
+          currencySymbol
+        }
+      )
+    });
+  }
+  steps.push({
+    key: "__gating",
+    label: "Access & gating",
+    description: "Restrict access to members or specific plans",
+    content: /* @__PURE__ */ jsx(
+      GatingConfigSection,
+      {
+        gatedBy,
+        onChange: setGatedBy,
+        gatedByPlanIds,
+        onPlanIdsChange: setGatedByPlanIds,
+        availablePlans: activePlans,
+        subscribablePlanName: linkedPlanName
+      }
+    )
+  });
+  return steps;
+}
+export {
+  buildBehaviorSteps
+};
+//# sourceMappingURL=behavior-steps.js.map

package/dist/content-type-stepper/behavior-steps.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/content-type-stepper/behavior-steps.tsx"],"sourcesContent":["import type { FormStep } from '@withpotter/ui-kit/form-stepper-panel';\nimport { BookableConfigPanel } from '@withpotter/components/behaviors/bookable-config-panel';\nimport { ShippableConfigPanel } from '@withpotter/components/behaviors/shippable-config-panel';\nimport { SubscribableConfigPanel } from '@withpotter/components/behaviors/subscribable-config-panel';\nimport { DownloadableConfigPanel } from '@withpotter/components/behaviors/downloadable-config-panel';\nimport { RentableConfigPanel } from '@withpotter/components/behaviors/rentable-config-panel';\nimport { TicketedConfigPanel } from '@withpotter/components/behaviors/ticketed-config-panel';\nimport { GatingConfigSection } from '@withpotter/components/behaviors/gating-config-section';\nimport {\n  getBehaviorConfig,\n  isBehaviorEnabled,\n  type BookableConfig,\n  type DownloadableConfig,\n  type RentableConfig,\n  type ShippableConfig,\n  type SubscribableConfig,\n  type TicketedConfig,\n} from '@withpotter/lib/product-types';\nimport type { ProductModeProps } from './types';\n\nconst BEHAVIOR_STEP_CONFIG: Record<\n  string,\n  { label: string; description: string }\n> = {\n  bookable: {\n    label: 'Booking settings',\n    description: 'Configure booking availability, duration, and capacity',\n  },\n  shippable: {\n    label: 'Delivery',\n    description: 'Set weight, dimensions, and handling',\n  },\n  subscribable: {\n    label: 'Membership',\n    description: 'Link to a membership plan',\n  },\n  downloadable: {\n    label: 'Digital files',\n    description: 'Upload files that customers can download',\n  },\n  rentable: {\n    label: 'Rental settings',\n    description: 'Configure rental rates, deposit, and duration',\n  },\n  ticketed: {\n    label: 'Ticketing',\n    description: 'Configure ticket capacity, venue, and dates',\n  },\n};\n\nexport function buildBehaviorSteps(\n  productMode: ProductModeProps,\n  productId?: string,\n): FormStep[] {\n  const steps: FormStep[] = [];\n  const {\n    behaviorConfigs,\n    behaviorLabelOverrides,\n    updateBookableConfig,\n    updateShippableConfig,\n    updateSubscribableConfig,\n    updateDownloadableConfig,\n    updateRentableConfig,\n    updateTicketedConfig,\n    resourceCategories,\n    resourceRequirements,\n    onResourceRequirementsChange,\n    activePlans,\n    linkedPlanName,\n    gatedBy,\n    setGatedBy,\n    gatedByPlanIds,\n    setGatedByPlanIds,\n    currencySymbol,\n  } = productMode;\n\n  if (isBehaviorEnabled(behaviorConfigs.bookable)) {\n    const config = getBehaviorConfig<BookableConfig>(\n      behaviorConfigs.bookable,\n    ) || { enabled: true };\n    const stepConfig = BEHAVIOR_STEP_CONFIG.bookable;\n    steps.push({\n      key: '__bookable',\n      label: stepConfig.label,\n      description: stepConfig.description,\n      content: (\n        <BookableConfigPanel\n          config={config}\n          onChange={updateBookableConfig}\n          labelOverrides={behaviorLabelOverrides?.bookable}\n          resourceCategories={resourceCategories}\n          resourceRequirements={resourceRequirements}\n          onResourceRequirementsChange={onResourceRequirementsChange}\n        />\n      ),\n    });\n  }\n\n  if (isBehaviorEnabled(behaviorConfigs.shippable)) {\n    const config = getBehaviorConfig<ShippableConfig>(\n      behaviorConfigs.shippable,\n    ) || { enabled: true };\n    const stepConfig = BEHAVIOR_STEP_CONFIG.shippable;\n    steps.push({\n      key: '__shippable',\n      label: stepConfig.label,\n      description: stepConfig.description,\n      content: (\n        <ShippableConfigPanel\n          config={config}\n          onChange={updateShippableConfig}\n          labelOverrides={behaviorLabelOverrides?.shippable}\n        />\n      ),\n    });\n  }\n\n  if (isBehaviorEnabled(behaviorConfigs.rentable)) {\n    const config = getBehaviorConfig<RentableConfig>(\n      behaviorConfigs.rentable,\n    ) || { enabled: true };\n    const stepConfig = BEHAVIOR_STEP_CONFIG.rentable;\n    steps.push({\n      key: '__rentable',\n      label: stepConfig.label,\n      description: stepConfig.description,\n      content: (\n        <RentableConfigPanel\n          config={config}\n          onChange={updateRentableConfig}\n          labelOverrides={behaviorLabelOverrides?.rentable}\n          currencySymbol={currencySymbol}\n          productId={productId}\n        />\n      ),\n    });\n  }\n\n  if (isBehaviorEnabled(behaviorConfigs.subscribable)) {\n    const config = getBehaviorConfig<SubscribableConfig>(\n      behaviorConfigs.subscribable,\n    ) || { enabled: true };\n    const stepConfig = BEHAVIOR_STEP_CONFIG.subscribable;\n    steps.push({\n      key: '__subscribable',\n      label: stepConfig.label,\n      description: stepConfig.description,\n      content: (\n        <SubscribableConfigPanel\n          config={config}\n          onChange={updateSubscribableConfig}\n          labelOverrides={behaviorLabelOverrides?.subscribable}\n          plans={activePlans}\n        />\n      ),\n    });\n  }\n\n  if (isBehaviorEnabled(behaviorConfigs.downloadable)) {\n    const config = getBehaviorConfig<DownloadableConfig>(\n      behaviorConfigs.downloadable,\n    ) || { enabled: true };\n    const stepConfig = BEHAVIOR_STEP_CONFIG.downloadable;\n    steps.push({\n      key: '__downloadable',\n      label: stepConfig.label,\n      description: stepConfig.description,\n      content: (\n        <DownloadableConfigPanel\n          config={config}\n          onChange={updateDownloadableConfig}\n          labelOverrides={behaviorLabelOverrides?.downloadable}\n        />\n      ),\n    });\n  }\n\n  if (isBehaviorEnabled(behaviorConfigs.ticketed)) {\n    const config = getBehaviorConfig<TicketedConfig>(\n      behaviorConfigs.ticketed,\n    ) || { enabled: true };\n    const stepConfig = BEHAVIOR_STEP_CONFIG.ticketed;\n    steps.push({\n      key: '__ticketed',\n      label: stepConfig.label,\n      description: stepConfig.description,\n      content: (\n        <TicketedConfigPanel\n          config={config}\n          onChange={updateTicketedConfig}\n          labelOverrides={behaviorLabelOverrides?.ticketed}\n          currencySymbol={currencySymbol}\n        />\n      ),\n    });\n  }\n\n  steps.push({\n    key: '__gating',\n    label: 'Access & gating',\n    description: 'Restrict access to members or specific plans',\n    content: (\n      <GatingConfigSection\n        gatedBy={gatedBy}\n        onChange={setGatedBy}\n        gatedByPlanIds={gatedByPlanIds}\n        onPlanIdsChange={setGatedByPlanIds}\n        availablePlans={activePlans}\n        subscribablePlanName={linkedPlanName}\n      />\n    ),\n  });\n\n  return steps;\n}\n"],"mappings":"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","names":[]}

package/dist/content-type-stepper/product-steps.d.ts

@@ -0,0 +1,20 @@
+import type { ContentFieldConfig } from '@withpotter/lib/template-types';
+import type { ProductModeProps } from './types';
+export declare function ProductPricingStep({ price, compareAtPrice, onPriceChange, onCompareAtPriceChange, currencySymbol, trackInventory, onTrackInventoryChange, quantity, onQuantityChange, lowStockThreshold, onLowStockThresholdChange, showInventory, }: Pick<ProductModeProps, 'price' | 'compareAtPrice' | 'onPriceChange' | 'onCompareAtPriceChange' | 'currencySymbol' | 'trackInventory' | 'onTrackInventoryChange' | 'quantity' | 'onQuantityChange' | 'lowStockThreshold' | 'onLowStockThresholdChange'> & {
+    showInventory?: boolean;
+}): import("react").JSX.Element;
+export declare function ProductMediaStep({ heroImage, onHeroImageChange, galleryItems, onGalleryItemsChange, }: Pick<ProductModeProps, 'heroImage' | 'onHeroImageChange' | 'galleryItems' | 'onGalleryItemsChange'>): import("react").JSX.Element;
+export declare function PublishStep({ publishFields, formValues, setFormValues, tenantCurrency, tenantCategories, tenantSlug, contentTypeSchemas, productMode, }: {
+    publishFields: ContentFieldConfig[];
+    formValues: Record<string, unknown>;
+    setFormValues: (v: Record<string, unknown>) => void;
+    tenantCurrency: string;
+    tenantCategories: Record<string, {
+        value: string;
+        label: string;
+        sortOrder?: number;
+    }[]>;
+    tenantSlug?: string;
+    contentTypeSchemas: Record<string, ContentFieldConfig[]>;
+    productMode: ProductModeProps;
+}): import("react").JSX.Element;

package/dist/content-type-stepper/product-steps.js

@@ -0,0 +1,219 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { DynamicForm } from "@withpotter/components/dynamic-form";
+import { ImageUploadModal } from "@withpotter/components/image-upload-modal";
+import { SortableGallery } from "@withpotter/ui-kit/sortable-gallery";
+import { CollectionPicker } from "@withpotter/ui-kit/collection-picker";
+import { PricingFields } from "@withpotter/ui-kit/pricing-fields";
+import { Button, Checkbox, Input } from "@withpotter/ui-kit";
+function ProductPricingStep({
+  price,
+  compareAtPrice,
+  onPriceChange,
+  onCompareAtPriceChange,
+  currencySymbol,
+  trackInventory,
+  onTrackInventoryChange,
+  quantity,
+  onQuantityChange,
+  lowStockThreshold,
+  onLowStockThresholdChange,
+  showInventory = true
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
+    /* @__PURE__ */ jsx(
+      PricingFields,
+      {
+        price,
+        compareAtPrice,
+        onPriceChange,
+        onCompareAtPriceChange,
+        currencySymbol
+      }
+    ),
+    showInventory && /* @__PURE__ */ jsxs("div", { className: "border-t pt-4 space-y-4", children: [
+      /* @__PURE__ */ jsx("h3", { className: "text-sm font-medium text-gray-700", children: "Inventory" }),
+      /* @__PURE__ */ jsx(
+        Checkbox,
+        {
+          checked: trackInventory,
+          onChange: (e) => onTrackInventoryChange(e.target.checked),
+          label: "Track inventory"
+        }
+      ),
+      trackInventory && /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("label", { className: "block text-sm font-medium text-gray-600 mb-1", children: "Quantity" }),
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              type: "number",
+              min: 0,
+              value: quantity,
+              onChange: (e) => onQuantityChange(
+                e.target.value === "" ? "" : parseInt(e.target.value, 10)
+              ),
+              className: "border-gray-300"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("label", { className: "block text-sm font-medium text-gray-600 mb-1", children: "Low stock alert" }),
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              type: "number",
+              min: 0,
+              value: lowStockThreshold,
+              onChange: (e) => onLowStockThresholdChange(
+                e.target.value === "" ? "" : parseInt(e.target.value, 10)
+              ),
+              className: "border-gray-300"
+            }
+          )
+        ] })
+      ] })
+    ] })
+  ] });
+}
+function ProductMediaStep({
+  heroImage,
+  onHeroImageChange,
+  galleryItems,
+  onGalleryItemsChange
+}) {
+  const [showHeroModal, setShowHeroModal] = useState(false);
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
+    /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx("h3", { className: "text-sm font-medium text-[var(--text-secondary)] mb-2", children: "Hero image" }),
+      heroImage ? /* @__PURE__ */ jsxs("div", { className: "relative w-full aspect-video rounded-md overflow-hidden bg-[var(--bg-muted)] border border-[var(--border-default)]", children: [
+        /* @__PURE__ */ jsx(
+          "img",
+          {
+            src: heroImage.url,
+            alt: "Hero",
+            className: "w-full h-full object-cover"
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { className: "absolute bottom-0 inset-x-0 p-2 bg-gradient-to-t from-black/70 to-transparent flex items-center justify-end gap-2", children: [
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "ghost",
+              size: "sm",
+              onClick: () => setShowHeroModal(true),
+              children: "Replace"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "danger",
+              size: "sm",
+              onClick: () => onHeroImageChange(null),
+              children: "Remove"
+            }
+          )
+        ] })
+      ] }) : /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          onClick: () => setShowHeroModal(true),
+          className: "w-full aspect-video rounded-md border-2 border-dashed border-[var(--border-strong)] flex flex-col items-center justify-center gap-2 hover:border-brand-500 hover:bg-[var(--accent-secondary)]/30 transition-colors cursor-pointer",
+          children: [
+            /* @__PURE__ */ jsxs(
+              "svg",
+              {
+                xmlns: "http://www.w3.org/2000/svg",
+                className: "w-8 h-8 text-[var(--text-muted)]",
+                viewBox: "0 0 24 24",
+                fill: "none",
+                stroke: "currentColor",
+                strokeWidth: "1.5",
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
+                children: [
+                  /* @__PURE__ */ jsx("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", ry: "2" }),
+                  /* @__PURE__ */ jsx("circle", { cx: "9", cy: "9", r: "2" }),
+                  /* @__PURE__ */ jsx("path", { d: "m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21" })
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsx("span", { className: "text-sm text-[var(--text-tertiary)]", children: "Upload hero image" })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        ImageUploadModal,
+        {
+          isOpen: showHeroModal,
+          onClose: () => setShowHeroModal(false),
+          onSuccess: (result) => {
+            onHeroImageChange({
+              url: result.url,
+              type: "image",
+              alt: result.alt,
+              width: result.width,
+              height: result.height
+            });
+            setShowHeroModal(false);
+          },
+          title: heroImage ? "Replace Hero Image" : "Upload Hero Image",
+          initialUrl: heroImage?.url,
+          initialAlt: heroImage?.alt
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+      SortableGallery,
+      {
+        items: galleryItems,
+        onItemsChange: onGalleryItemsChange,
+        onSetAsHero: (item) => onHeroImageChange(item)
+      }
+    ) })
+  ] });
+}
+function PublishStep({
+  publishFields,
+  formValues,
+  setFormValues,
+  tenantCurrency,
+  tenantCategories,
+  tenantSlug,
+  contentTypeSchemas,
+  productMode
+}) {
+  const hasCollections = productMode.allCollections.length > 0 || productMode.collectionsLoading;
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
+    publishFields.length > 0 && /* @__PURE__ */ jsx(
+      DynamicForm,
+      {
+        fields: publishFields,
+        values: formValues,
+        onChange: setFormValues,
+        currencyCode: tenantCurrency,
+        tenantCategories,
+        tenantSlug,
+        contentTypeSchemas
+      }
+    ),
+    hasCollections && /* @__PURE__ */ jsx("div", { className: "border-t pt-4", children: /* @__PURE__ */ jsx(
+      CollectionPicker,
+      {
+        allCollections: productMode.allCollections,
+        selectedIds: productMode.selectedCollectionIds,
+        onSelectedChange: productMode.onSelectedCollectionIdsChange,
+        loading: productMode.collectionsLoading
+      }
+    ) })
+  ] });
+}
+export {
+  ProductMediaStep,
+  ProductPricingStep,
+  PublishStep
+};
+//# sourceMappingURL=product-steps.js.map

package/dist/content-type-stepper/product-steps.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/content-type-stepper/product-steps.tsx"],"sourcesContent":["'use client';\n\nimport { useState } from 'react';\nimport { DynamicForm } from '@withpotter/components/dynamic-form';\nimport { ImageUploadModal } from '@withpotter/components/image-upload-modal';\nimport { SortableGallery } from '@withpotter/ui-kit/sortable-gallery';\nimport { CollectionPicker } from '@withpotter/ui-kit/collection-picker';\nimport { PricingFields } from '@withpotter/ui-kit/pricing-fields';\nimport { Button, Checkbox, Input } from '@withpotter/ui-kit';\nimport type { ContentFieldConfig } from '@withpotter/lib/template-types';\nimport type { ProductModeProps } from './types';\n\nexport function ProductPricingStep({\n  price,\n  compareAtPrice,\n  onPriceChange,\n  onCompareAtPriceChange,\n  currencySymbol,\n  trackInventory,\n  onTrackInventoryChange,\n  quantity,\n  onQuantityChange,\n  lowStockThreshold,\n  onLowStockThresholdChange,\n  showInventory = true,\n}: Pick<\n  ProductModeProps,\n  | 'price'\n  | 'compareAtPrice'\n  | 'onPriceChange'\n  | 'onCompareAtPriceChange'\n  | 'currencySymbol'\n  | 'trackInventory'\n  | 'onTrackInventoryChange'\n  | 'quantity'\n  | 'onQuantityChange'\n  | 'lowStockThreshold'\n  | 'onLowStockThresholdChange'\n> & { showInventory?: boolean }) {\n  return (\n    <div className=\"space-y-6\">\n      <PricingFields\n        price={price}\n        compareAtPrice={compareAtPrice}\n        onPriceChange={onPriceChange}\n        onCompareAtPriceChange={onCompareAtPriceChange}\n        currencySymbol={currencySymbol}\n      />\n\n      {showInventory && (\n        <div className=\"border-t pt-4 space-y-4\">\n          <h3 className=\"text-sm font-medium text-gray-700\">Inventory</h3>\n          <Checkbox\n            checked={trackInventory}\n            onChange={(e) => onTrackInventoryChange(e.target.checked)}\n            label=\"Track inventory\"\n          />\n          {trackInventory && (\n            <div className=\"grid grid-cols-2 gap-4\">\n              <div>\n                <label className=\"block text-sm font-medium text-gray-600 mb-1\">\n                  Quantity\n                </label>\n                <Input\n                  type=\"number\"\n                  min={0}\n                  value={quantity}\n                  onChange={(e) =>\n                    onQuantityChange(\n                      e.target.value === '' ? '' : parseInt(e.target.value, 10),\n                    )\n                  }\n                  className=\"border-gray-300\"\n                />\n              </div>\n              <div>\n                <label className=\"block text-sm font-medium text-gray-600 mb-1\">\n                  Low stock alert\n                </label>\n                <Input\n                  type=\"number\"\n                  min={0}\n                  value={lowStockThreshold}\n                  onChange={(e) =>\n                    onLowStockThresholdChange(\n                      e.target.value === '' ? '' : parseInt(e.target.value, 10),\n                    )\n                  }\n                  className=\"border-gray-300\"\n                />\n              </div>\n            </div>\n          )}\n        </div>\n      )}\n    </div>\n  );\n}\n\nexport function ProductMediaStep({\n  heroImage,\n  onHeroImageChange,\n  galleryItems,\n  onGalleryItemsChange,\n}: Pick<\n  ProductModeProps,\n  'heroImage' | 'onHeroImageChange' | 'galleryItems' | 'onGalleryItemsChange'\n>) {\n  const [showHeroModal, setShowHeroModal] = useState(false);\n\n  return (\n    <div className=\"space-y-6\">\n      <div>\n        <h3 className=\"text-sm font-medium text-[var(--text-secondary)] mb-2\">\n          Hero image\n        </h3>\n        {heroImage ? (\n          <div className=\"relative w-full aspect-video rounded-md overflow-hidden bg-[var(--bg-muted)] border border-[var(--border-default)]\">\n            {/* eslint-disable-next-line @next/next/no-img-element */}\n            <img\n              src={heroImage.url}\n              alt=\"Hero\"\n              className=\"w-full h-full object-cover\"\n            />\n            <div className=\"absolute bottom-0 inset-x-0 p-2 bg-gradient-to-t from-black/70 to-transparent flex items-center justify-end gap-2\">\n              <Button\n                variant=\"ghost\"\n                size=\"sm\"\n                onClick={() => setShowHeroModal(true)}\n              >\n                Replace\n              </Button>\n              <Button\n                variant=\"danger\"\n                size=\"sm\"\n                onClick={() => onHeroImageChange(null)}\n              >\n                Remove\n              </Button>\n            </div>\n          </div>\n        ) : (\n          <button\n            type=\"button\"\n            onClick={() => setShowHeroModal(true)}\n            className=\"w-full aspect-video rounded-md border-2 border-dashed border-[var(--border-strong)] flex flex-col items-center justify-center gap-2 hover:border-brand-500 hover:bg-[var(--accent-secondary)]/30 transition-colors cursor-pointer\"\n          >\n            <svg\n              xmlns=\"http://www.w3.org/2000/svg\"\n              className=\"w-8 h-8 text-[var(--text-muted)]\"\n              viewBox=\"0 0 24 24\"\n              fill=\"none\"\n              stroke=\"currentColor\"\n              strokeWidth=\"1.5\"\n              strokeLinecap=\"round\"\n              strokeLinejoin=\"round\"\n            >\n              <rect width=\"18\" height=\"18\" x=\"3\" y=\"3\" rx=\"2\" ry=\"2\" />\n              <circle cx=\"9\" cy=\"9\" r=\"2\" />\n              <path d=\"m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21\" />\n            </svg>\n            <span className=\"text-sm text-[var(--text-tertiary)]\">\n              Upload hero image\n            </span>\n          </button>\n        )}\n\n        <ImageUploadModal\n          isOpen={showHeroModal}\n          onClose={() => setShowHeroModal(false)}\n          onSuccess={(result) => {\n            onHeroImageChange({\n              url: result.url,\n              type: 'image',\n              alt: result.alt,\n              width: result.width,\n              height: result.height,\n            });\n            setShowHeroModal(false);\n          }}\n          title={heroImage ? 'Replace Hero Image' : 'Upload Hero Image'}\n          initialUrl={heroImage?.url}\n          initialAlt={heroImage?.alt}\n        />\n      </div>\n\n      <div>\n        <SortableGallery\n          items={galleryItems}\n          onItemsChange={onGalleryItemsChange}\n          onSetAsHero={(item) => onHeroImageChange(item)}\n        />\n      </div>\n    </div>\n  );\n}\n\nexport function PublishStep({\n  publishFields,\n  formValues,\n  setFormValues,\n  tenantCurrency,\n  tenantCategories,\n  tenantSlug,\n  contentTypeSchemas,\n  productMode,\n}: {\n  publishFields: 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  contentTypeSchemas: Record<string, ContentFieldConfig[]>;\n  productMode: ProductModeProps;\n}) {\n  const hasCollections =\n    productMode.allCollections.length > 0 || productMode.collectionsLoading;\n\n  return (\n    <div className=\"space-y-6\">\n      {publishFields.length > 0 && (\n        <DynamicForm\n          fields={publishFields}\n          values={formValues}\n          onChange={setFormValues}\n          currencyCode={tenantCurrency}\n          tenantCategories={tenantCategories}\n          tenantSlug={tenantSlug}\n          contentTypeSchemas={contentTypeSchemas}\n        />\n      )}\n\n      {hasCollections && (\n        <div className=\"border-t pt-4\">\n          <CollectionPicker\n            allCollections={productMode.allCollections}\n            selectedIds={productMode.selectedCollectionIds}\n            onSelectedChange={productMode.onSelectedCollectionIdsChange}\n            loading={productMode.collectionsLoading}\n          />\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}