@withpotter/components 0.13.0-next.101

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/content-type-page/configured-content-list.tsx"],"sourcesContent":["'use client';\n\nimport type { LucideIcon } from 'lucide-react';\nimport { AlertCircle, Plus, RefreshCw } from 'lucide-react';\nimport type { ContentItem } from '@withpotter/lib/api/types';\nimport type { ContentTypeConfig } from '@withpotter/lib/template-context';\nimport type { ListFilterConfig, ListViewConfig } from '@withpotter/lib/template-types';\nimport type { DataItem } from '@withpotter/ui-kit/data-table';\nimport type { BookingAction } from '@withpotter/components/behaviors';\nimport { BookingActionMenu } from '@withpotter/components/behaviors';\nimport { DataTable } from '@withpotter/ui-kit/data-table';\nimport { MobilePageHeader } from '@withpotter/components/mobile/mobile-page-header';\nimport { Button } from '@withpotter/ui-kit/button';\n\ninterface ConfiguredContentListProps {\n  contentType: ContentTypeConfig;\n  ContentTypeIcon: LucideIcon;\n  listView: ListViewConfig;\n  items: ContentItem[];\n  dataItems: DataItem[];\n  loading: boolean;\n  error: string | null;\n  enrichedFilters?: ListFilterConfig[];\n  fetchContent: () => void | Promise<void>;\n  openEditor: (item?: ContentItem) => void;\n  handleDelete: (id: string) => void | Promise<void>;\n  formatCurrency: (value: number) => string;\n  isBookings: boolean;\n  bookingActionsLoading: boolean;\n  handleBookingAction: (\n    action: BookingAction,\n    item: ContentItem,\n  ) => void | Promise<void>;\n}\n\nexport function ConfiguredContentList({\n  contentType,\n  ContentTypeIcon,\n  listView,\n  items,\n  dataItems,\n  loading,\n  error,\n  enrichedFilters,\n  fetchContent,\n  openEditor,\n  handleDelete,\n  formatCurrency,\n  isBookings,\n  bookingActionsLoading,\n  handleBookingAction,\n}: ConfiguredContentListProps) {\n  return (\n    <>\n      <MobilePageHeader\n        title={contentType.name}\n        action={{\n          label: listView.createLabel || `Add ${contentType.singularName.toLowerCase()}`,\n          onClick: () => openEditor(),\n        }}\n      />\n      <div className=\"hidden lg:flex items-center justify-between mb-8\">\n        <div>\n          <h1 className=\"text-2xl font-semibold text-[var(--text-primary)]\">\n            {contentType.name}\n          </h1>\n          {contentType.description && (\n            <p className=\"text-[var(--text-tertiary)] mt-1\">\n              {contentType.description}\n            </p>\n          )}\n        </div>\n        <Button onClick={() => openEditor()}>\n          <Plus className=\"size-4\" />\n          {listView.createLabel || `Add ${contentType.singularName.toLowerCase()}`}\n        </Button>\n      </div>\n\n      {error && (\n        <div className=\"bg-[var(--error-bg)] border border-[var(--error)]/20 rounded-md p-4 flex items-center gap-3 mb-6\">\n          <AlertCircle className=\"size-5 text-[var(--error)] flex-shrink-0\" />\n          <div className=\"flex-1\">\n            <p className=\"text-[var(--error)]\">{error}</p>\n          </div>\n          <Button\n            variant=\"ghost\"\n            className=\"text-[var(--error)]\"\n            onClick={fetchContent}\n          >\n            <RefreshCw className=\"size-4\" />\n            Retry\n          </Button>\n        </div>\n      )}\n\n      <DataTable\n        items={dataItems}\n        loading={loading}\n        columns={listView.columns}\n        stats={listView.stats}\n        filters={enrichedFilters}\n        title=\"\"\n        description=\"\"\n        singularName={contentType.singularName}\n        pluralName={contentType.name}\n        createLabel={listView.createLabel || `Add ${contentType.singularName.toLowerCase()}`}\n        emptyTitle={\n          listView.emptyTitle || `No ${contentType.name.toLowerCase()} yet`\n        }\n        emptyDescription={\n          listView.emptyDescription ||\n          `Create your first ${contentType.singularName.toLowerCase()} to get started.`\n        }\n        icon={ContentTypeIcon}\n        statusConfig={listView.statusConfig}\n        formatCurrency={formatCurrency}\n        onView={(item) => {\n          const original = items.find((candidate) => candidate.id === item.id);\n          if (original) openEditor(original);\n        }}\n        onEdit={(item) => {\n          const original = items.find((candidate) => candidate.id === item.id);\n          if (original) openEditor(original);\n        }}\n        onDelete={(item) => handleDelete(item.id)}\n        onCreate={() => openEditor()}\n        renderCustomActions={\n          isBookings\n            ? (dataItem, closeMenu) => {\n                const contentItem = items.find(\n                  (item) => item.id === dataItem.id,\n                );\n                if (!contentItem) return null;\n                return (\n                  <BookingActionMenu\n                    item={contentItem}\n                    onAction={(action, item) => {\n                      handleBookingAction(action, item);\n                      closeMenu();\n                    }}\n                    loading={bookingActionsLoading}\n                  />\n                );\n              }\n            : undefined\n        }\n      />\n    </>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/content-type-page/content-editor-overlays.d.ts

@@ -0,0 +1,22 @@
+import type { ComponentProps } from 'react';
+import { CancelBookingModal, RescheduleModal } from '@withpotter/components/behaviors';
+import { ContentTypeStepperPanel } from '@withpotter/components/content-type-stepper-panel';
+type StepperProps = ComponentProps<typeof ContentTypeStepperPanel>;
+type RescheduleProps = ComponentProps<typeof RescheduleModal>;
+type CancelProps = ComponentProps<typeof CancelBookingModal>;
+interface ContentEditorOverlaysProps {
+    editorOpen: boolean;
+    stepperProps: Omit<StepperProps, 'onClose'>;
+    onEditorClose: StepperProps['onClose'];
+    rescheduleItem: RescheduleProps['item'] | null;
+    isRescheduling: boolean;
+    onRescheduleClose: RescheduleProps['onClose'];
+    onRescheduleConfirm: RescheduleProps['onConfirm'];
+    cancelItem: CancelProps['item'] | null;
+    isCancelling: boolean;
+    onCancelClose: CancelProps['onClose'];
+    onCancelConfirm: CancelProps['onConfirm'];
+    bookingActionLoading: boolean;
+}
+export declare function ContentEditorOverlays({ editorOpen, stepperProps, onEditorClose, rescheduleItem, isRescheduling, onRescheduleClose, onRescheduleConfirm, cancelItem, isCancelling, onCancelClose, onCancelConfirm, bookingActionLoading, }: ContentEditorOverlaysProps): import("react").JSX.Element;
+export {};

package/dist/content-type-page/content-editor-overlays.js

@@ -0,0 +1,46 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { CancelBookingModal, RescheduleModal } from "@withpotter/components/behaviors";
+import { ContentTypeStepperPanel } from "@withpotter/components/content-type-stepper-panel";
+function ContentEditorOverlays({
+  editorOpen,
+  stepperProps,
+  onEditorClose,
+  rescheduleItem,
+  isRescheduling,
+  onRescheduleClose,
+  onRescheduleConfirm,
+  cancelItem,
+  isCancelling,
+  onCancelClose,
+  onCancelConfirm,
+  bookingActionLoading
+}) {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    editorOpen && /* @__PURE__ */ jsx(ContentTypeStepperPanel, { ...stepperProps, onClose: onEditorClose }),
+    rescheduleItem && /* @__PURE__ */ jsx(
+      RescheduleModal,
+      {
+        item: rescheduleItem,
+        isOpen: isRescheduling,
+        onClose: onRescheduleClose,
+        onConfirm: onRescheduleConfirm,
+        loading: bookingActionLoading
+      }
+    ),
+    cancelItem && /* @__PURE__ */ jsx(
+      CancelBookingModal,
+      {
+        item: cancelItem,
+        isOpen: isCancelling,
+        onClose: onCancelClose,
+        onConfirm: onCancelConfirm,
+        loading: bookingActionLoading
+      }
+    )
+  ] });
+}
+export {
+  ContentEditorOverlays
+};
+//# sourceMappingURL=content-editor-overlays.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/content-type-page/content-editor-overlays.tsx"],"sourcesContent":["'use client';\n\nimport type { ComponentProps } from 'react';\nimport { CancelBookingModal, RescheduleModal } from '@withpotter/components/behaviors';\nimport { ContentTypeStepperPanel } from '@withpotter/components/content-type-stepper-panel';\n\ntype StepperProps = ComponentProps<typeof ContentTypeStepperPanel>;\ntype RescheduleProps = ComponentProps<typeof RescheduleModal>;\ntype CancelProps = ComponentProps<typeof CancelBookingModal>;\n\ninterface ContentEditorOverlaysProps {\n  editorOpen: boolean;\n  stepperProps: Omit<StepperProps, 'onClose'>;\n  onEditorClose: StepperProps['onClose'];\n  rescheduleItem: RescheduleProps['item'] | null;\n  isRescheduling: boolean;\n  onRescheduleClose: RescheduleProps['onClose'];\n  onRescheduleConfirm: RescheduleProps['onConfirm'];\n  cancelItem: CancelProps['item'] | null;\n  isCancelling: boolean;\n  onCancelClose: CancelProps['onClose'];\n  onCancelConfirm: CancelProps['onConfirm'];\n  bookingActionLoading: boolean;\n}\n\nexport function ContentEditorOverlays({\n  editorOpen,\n  stepperProps,\n  onEditorClose,\n  rescheduleItem,\n  isRescheduling,\n  onRescheduleClose,\n  onRescheduleConfirm,\n  cancelItem,\n  isCancelling,\n  onCancelClose,\n  onCancelConfirm,\n  bookingActionLoading,\n}: ContentEditorOverlaysProps) {\n  return (\n    <>\n      {editorOpen && (\n        <ContentTypeStepperPanel {...stepperProps} onClose={onEditorClose} />\n      )}\n\n      {rescheduleItem && (\n        <RescheduleModal\n          item={rescheduleItem}\n          isOpen={isRescheduling}\n          onClose={onRescheduleClose}\n          onConfirm={onRescheduleConfirm}\n          loading={bookingActionLoading}\n        />\n      )}\n\n      {cancelItem && (\n        <CancelBookingModal\n          item={cancelItem}\n          isOpen={isCancelling}\n          onClose={onCancelClose}\n          onConfirm={onCancelConfirm}\n          loading={bookingActionLoading}\n        />\n      )}\n    </>\n  );\n}\n"],"mappings":";AAwCI,mBAEI,KAFJ;AArCJ,SAAS,oBAAoB,uBAAuB;AACpD,SAAS,+BAA+B;AAqBjC,SAAS,sBAAsB;AAAA,EACpC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA+B;AAC7B,SACE,iCACG;AAAA,kBACC,oBAAC,2BAAyB,GAAG,cAAc,SAAS,eAAe;AAAA,IAGpE,kBACC;AAAA,MAAC;AAAA;AAAA,QACC,MAAM;AAAA,QACN,QAAQ;AAAA,QACR,SAAS;AAAA,QACT,WAAW;AAAA,QACX,SAAS;AAAA;AAAA,IACX;AAAA,IAGD,cACC;AAAA,MAAC;AAAA;AAAA,QACC,MAAM;AAAA,QACN,QAAQ;AAAA,QACR,SAAS;AAAA,QACT,WAAW;AAAA,QACX,SAAS;AAAA;AAAA,IACX;AAAA,KAEJ;AAEJ;","names":[]}

package/dist/content-type-page/content-type-page-state.d.ts

@@ -0,0 +1,10 @@
+import type { ContentTypeConfig } from '@withpotter/lib/template-context';
+interface ContentTypePageStateProps {
+    templateLoading: boolean;
+    contentType?: ContentTypeConfig;
+    normalizedKey: string;
+    availableContentTypeKeys: string[];
+    backHref: string;
+}
+export declare function ContentTypePageState({ templateLoading, contentType, normalizedKey, availableContentTypeKeys, backHref, }: ContentTypePageStateProps): import("react").JSX.Element | null;
+export {};

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

@@ -0,0 +1,52 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import Link from "next/link";
+import { Package } from "lucide-react";
+import { BoxesLoader } from "@withpotter/ui-kit/boxes-loader";
+function ContentTypePageState({
+  templateLoading,
+  contentType,
+  normalizedKey,
+  availableContentTypeKeys,
+  backHref
+}) {
+  if (templateLoading) {
+    return /* @__PURE__ */ jsx("div", { className: "min-h-[60vh] flex items-center justify-center", children: /* @__PURE__ */ jsxs("div", { className: "text-center", children: [
+      /* @__PURE__ */ jsx(BoxesLoader, { size: "lg", className: "mx-auto" }),
+      /* @__PURE__ */ jsx("p", { className: "mt-4 text-[var(--text-tertiary)]", children: "Loading template configuration..." })
+    ] }) });
+  }
+  if (!contentType?.name) {
+    return /* @__PURE__ */ jsx("div", { className: "min-h-[60vh] flex items-center justify-center", children: /* @__PURE__ */ jsxs("div", { className: "text-center", children: [
+      /* @__PURE__ */ jsx(
+        Package,
+        {
+          className: "text-[var(--text-muted)] mx-auto mb-4",
+          style: { width: 48, height: 48 }
+        }
+      ),
+      /* @__PURE__ */ jsx("h2", { className: "text-xl font-semibold text-[var(--text-primary)] mb-2", children: "Content type not found" }),
+      /* @__PURE__ */ jsxs("p", { className: "text-[var(--text-tertiary)] mb-4", children: [
+        'The content type "',
+        normalizedKey,
+        '" is not available for this template.'
+      ] }),
+      /* @__PURE__ */ jsxs("p", { className: "text-xs text-[var(--text-muted)] mb-4", children: [
+        "Available: ",
+        availableContentTypeKeys.join(", ") || "none"
+      ] }),
+      /* @__PURE__ */ jsx(
+        Link,
+        {
+          href: backHref,
+          className: "text-brand-500 hover:underline font-medium",
+          children: "\u2190 Back to Dashboard"
+        }
+      )
+    ] }) });
+  }
+  return null;
+}
+export {
+  ContentTypePageState
+};
+//# sourceMappingURL=content-type-page-state.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/content-type-page/content-type-page-state.tsx"],"sourcesContent":["import Link from 'next/link';\nimport { Package } from 'lucide-react';\nimport type { ContentTypeConfig } from '@withpotter/lib/template-context';\nimport { BoxesLoader } from '@withpotter/ui-kit/boxes-loader';\n\ninterface ContentTypePageStateProps {\n  templateLoading: boolean;\n  contentType?: ContentTypeConfig;\n  normalizedKey: string;\n  availableContentTypeKeys: string[];\n  backHref: string;\n}\n\nexport function ContentTypePageState({\n  templateLoading,\n  contentType,\n  normalizedKey,\n  availableContentTypeKeys,\n  backHref,\n}: ContentTypePageStateProps) {\n  if (templateLoading) {\n    return (\n      <div className=\"min-h-[60vh] flex items-center justify-center\">\n        <div className=\"text-center\">\n          <BoxesLoader size=\"lg\" className=\"mx-auto\" />\n          <p className=\"mt-4 text-[var(--text-tertiary)]\">\n            Loading template configuration...\n          </p>\n        </div>\n      </div>\n    );\n  }\n\n  if (!contentType?.name) {\n    return (\n      <div className=\"min-h-[60vh] flex items-center justify-center\">\n        <div className=\"text-center\">\n          <Package\n            className=\"text-[var(--text-muted)] mx-auto mb-4\"\n            style={{ width: 48, height: 48 }}\n          />\n          <h2 className=\"text-xl font-semibold text-[var(--text-primary)] mb-2\">\n            Content type not found\n          </h2>\n          <p className=\"text-[var(--text-tertiary)] mb-4\">\n            The content type &quot;{normalizedKey}&quot; is not available for\n            this template.\n          </p>\n          <p className=\"text-xs text-[var(--text-muted)] mb-4\">\n            Available: {availableContentTypeKeys.join(', ') || 'none'}\n          </p>\n          <Link\n            href={backHref}\n            className=\"text-brand-500 hover:underline font-medium\"\n          >\n            ← Back to Dashboard\n          </Link>\n        </div>\n      </div>\n    );\n  }\n\n  return null;\n}\n"],"mappings":"AAuBQ,SACE,KADF;AAvBR,OAAO,UAAU;AACjB,SAAS,eAAe;AAExB,SAAS,mBAAmB;AAUrB,SAAS,qBAAqB;AAAA,EACnC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA8B;AAC5B,MAAI,iBAAiB;AACnB,WACE,oBAAC,SAAI,WAAU,iDACb,+BAAC,SAAI,WAAU,eACb;AAAA,0BAAC,eAAY,MAAK,MAAK,WAAU,WAAU;AAAA,MAC3C,oBAAC,OAAE,WAAU,oCAAmC,+CAEhD;AAAA,OACF,GACF;AAAA,EAEJ;AAEA,MAAI,CAAC,aAAa,MAAM;AACtB,WACE,oBAAC,SAAI,WAAU,iDACb,+BAAC,SAAI,WAAU,eACb;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,WAAU;AAAA,UACV,OAAO,EAAE,OAAO,IAAI,QAAQ,GAAG;AAAA;AAAA,MACjC;AAAA,MACA,oBAAC,QAAG,WAAU,yDAAwD,oCAEtE;AAAA,MACA,qBAAC,OAAE,WAAU,oCAAmC;AAAA;AAAA,QACtB;AAAA,QAAc;AAAA,SAExC;AAAA,MACA,qBAAC,OAAE,WAAU,yCAAwC;AAAA;AAAA,QACvC,yBAAyB,KAAK,IAAI,KAAK;AAAA,SACrD;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,MAAM;AAAA,UACN,WAAU;AAAA,UACX;AAAA;AAAA,MAED;AAAA,OACF,GACF;AAAA,EAEJ;AAEA,SAAO;AACT;","names":[]}

package/dist/content-type-page/fallback-content-list.d.ts

@@ -0,0 +1,38 @@
+import type { Dispatch, SetStateAction } from 'react';
+import type { LucideIcon } from 'lucide-react';
+import type { ContentItem } from '@withpotter/lib/api/types';
+import type { ContentTypeConfig } from '@withpotter/lib/template-context';
+import type { BookingAction } from '@withpotter/components/behaviors';
+interface MenuPosition {
+    top: number;
+    left: number;
+}
+interface FallbackContentListProps {
+    contentType: ContentTypeConfig;
+    ContentTypeIcon: LucideIcon;
+    items: ContentItem[];
+    filteredItems: ContentItem[];
+    listFields: string[];
+    loading: boolean;
+    error: string | null;
+    searchQuery: string;
+    setSearchQuery: (value: string) => void;
+    fetchContent: () => void | Promise<void>;
+    openEditor: (item?: ContentItem) => void;
+    getDisplayValue: (item: ContentItem, fieldName: string) => string;
+    menuOpen: string | null;
+    setMenuOpen: Dispatch<SetStateAction<string | null>>;
+    menuPosition: MenuPosition | null;
+    setMenuPosition: Dispatch<SetStateAction<MenuPosition | null>>;
+    confirmingDelete: string | null;
+    setConfirmingDelete: Dispatch<SetStateAction<string | null>>;
+    handleDelete: (id: string) => void | Promise<void>;
+    isBookings: boolean;
+    bookingActionsLoading: boolean;
+    handleBookingAction: (action: BookingAction, item: ContentItem) => void | Promise<void>;
+    duplicateItem: (item: ContentItem) => void;
+    /** Downloads the rows currently listed as a CSV. */
+    onExport: () => void;
+}
+export declare function FallbackContentList({ contentType, ContentTypeIcon, items, filteredItems, listFields, loading, error, searchQuery, setSearchQuery, fetchContent, openEditor, getDisplayValue, menuOpen, setMenuOpen, menuPosition, setMenuPosition, confirmingDelete, setConfirmingDelete, handleDelete, isBookings, bookingActionsLoading, handleBookingAction, duplicateItem, onExport, }: FallbackContentListProps): import("react").JSX.Element;
+export {};

package/dist/content-type-page/fallback-content-list.js

@@ -0,0 +1,309 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import {
+  AlertCircle,
+  Copy,
+  Edit2,
+  Eye,
+  Filter,
+  MoreHorizontal,
+  Plus,
+  RefreshCw,
+  Trash2
+} from "lucide-react";
+import { BookingActionMenu } from "@withpotter/components/behaviors";
+import { BoxesLoader } from "@withpotter/ui-kit/boxes-loader";
+import { Button } from "@withpotter/ui-kit/button";
+import { MobilePageHeader } from "@withpotter/components/mobile/mobile-page-header";
+import { SearchField } from "@withpotter/ui-kit";
+import { OverflowItem, OverflowMenu } from "@withpotter/ui-kit/overflow-menu";
+function FallbackContentList({
+  contentType,
+  ContentTypeIcon,
+  items,
+  filteredItems,
+  listFields,
+  loading,
+  error,
+  searchQuery,
+  setSearchQuery,
+  fetchContent,
+  openEditor,
+  getDisplayValue,
+  menuOpen,
+  setMenuOpen,
+  menuPosition,
+  setMenuPosition,
+  confirmingDelete,
+  setConfirmingDelete,
+  handleDelete,
+  isBookings,
+  bookingActionsLoading,
+  handleBookingAction,
+  duplicateItem,
+  onExport
+}) {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      MobilePageHeader,
+      {
+        title: contentType.name,
+        action: items.length > 0 ? {
+          label: `Add ${contentType.singularName.toLowerCase()}`,
+          onClick: () => openEditor()
+        } : void 0
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { className: "hidden lg:flex items-center justify-between mb-8", children: [
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("h1", { className: "text-2xl font-semibold text-[var(--text-primary)]", children: contentType.name }),
+        contentType.description && /* @__PURE__ */ jsx("p", { className: "text-[var(--text-tertiary)] mt-1", children: contentType.description })
+      ] }),
+      items.length > 0 && /* @__PURE__ */ jsxs(Button, { onClick: () => openEditor(), children: [
+        /* @__PURE__ */ jsx(Plus, { className: "size-4" }),
+        "Add ",
+        contentType.singularName.toLowerCase()
+      ] })
+    ] }),
+    items.length > 0 && /* @__PURE__ */ jsxs("div", { className: "flex flex-col sm:flex-row sm:items-center gap-3 mb-6", children: [
+      /* @__PURE__ */ jsx(
+        SearchField,
+        {
+          className: "sm:w-80",
+          placeholder: `Search ${contentType.name.toLowerCase()}`,
+          value: searchQuery,
+          onChange: setSearchQuery
+        }
+      ),
+      /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
+        /* @__PURE__ */ jsxs(Button, { variant: "secondary", children: [
+          /* @__PURE__ */ jsx(Filter, { className: "size-4" }),
+          "Filter"
+        ] }),
+        /* @__PURE__ */ jsx(OverflowMenu, { children: /* @__PURE__ */ jsx(OverflowItem, { onClick: onExport, children: "Export CSV" }) })
+      ] })
+    ] }),
+    error && /* @__PURE__ */ jsxs("div", { className: "bg-[var(--error-bg)] border border-[var(--error)]/20 rounded-md p-4 flex items-center gap-3 mb-6", children: [
+      /* @__PURE__ */ jsx(AlertCircle, { className: "size-5 text-[var(--error)] flex-shrink-0" }),
+      /* @__PURE__ */ jsx("div", { className: "flex-1", children: /* @__PURE__ */ jsx("p", { className: "text-[var(--error)]", children: error }) }),
+      /* @__PURE__ */ jsxs(
+        Button,
+        {
+          variant: "ghost",
+          className: "text-[var(--error)]",
+          onClick: fetchContent,
+          children: [
+            /* @__PURE__ */ jsx(RefreshCw, { className: "size-4" }),
+            "Retry"
+          ]
+        }
+      )
+    ] }),
+    loading ? /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center min-h-[60vh]", children: /* @__PURE__ */ jsxs("div", { className: "text-center", children: [
+      /* @__PURE__ */ jsx(BoxesLoader, { size: "lg", className: "mx-auto" }),
+      /* @__PURE__ */ jsxs("p", { className: "mt-4 text-[var(--text-tertiary)]", children: [
+        "Loading ",
+        contentType.name.toLowerCase(),
+        "..."
+      ] })
+    ] }) }) : filteredItems.length === 0 ? /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center min-h-[60vh]", children: /* @__PURE__ */ jsxs("div", { className: "text-center", children: [
+      /* @__PURE__ */ jsx("div", { className: "w-12 h-12 bg-[var(--bg-muted)] rounded-full flex items-center justify-center mx-auto mb-4", children: /* @__PURE__ */ jsx(ContentTypeIcon, { className: "w-6 h-6 text-brand-500" }) }),
+      /* @__PURE__ */ jsxs("h3", { className: "text-lg font-semibold text-[var(--text-primary)]", children: [
+        "No ",
+        contentType.name.toLowerCase(),
+        " yet"
+      ] }),
+      /* @__PURE__ */ jsxs("p", { className: "text-[var(--text-tertiary)] text-sm mt-1 mb-4", children: [
+        "Create your first ",
+        contentType.singularName.toLowerCase(),
+        " to get started"
+      ] }),
+      /* @__PURE__ */ jsxs(Button, { onClick: () => openEditor(), children: [
+        /* @__PURE__ */ jsx(Plus, { className: "size-4" }),
+        "Add ",
+        contentType.singularName.toLowerCase()
+      ] })
+    ] }) }) : /* @__PURE__ */ jsx("div", { className: "surface overflow-x-auto", children: /* @__PURE__ */ jsx("div", { className: "overflow-x-auto", children: /* @__PURE__ */ jsxs("table", { className: "w-full min-w-[500px]", children: [
+      /* @__PURE__ */ jsx("thead", { className: "bg-[var(--bg-subtle)] border-b", children: /* @__PURE__ */ jsxs("tr", { children: [
+        listFields.map((fieldName) => {
+          const field = contentType.fields.find(
+            (candidate) => candidate.name === fieldName || candidate.name === `metadata.${fieldName}`
+          );
+          return /* @__PURE__ */ jsx(
+            "th",
+            {
+              className: "text-left px-4 py-3 text-xs font-medium text-[var(--text-tertiary)] uppercase",
+              children: field?.label || fieldName
+            },
+            fieldName
+          );
+        }),
+        /* @__PURE__ */ jsx("th", { className: "text-right px-4 py-3 text-xs font-medium text-[var(--text-tertiary)] uppercase w-24", children: "Actions" })
+      ] }) }),
+      /* @__PURE__ */ jsx("tbody", { className: "divide-y divide-[var(--border-subtle)]", children: filteredItems.map((item) => /* @__PURE__ */ jsxs(
+        "tr",
+        {
+          className: "hover:bg-[var(--interactive-hover)]",
+          children: [
+            listFields.map((fieldName) => /* @__PURE__ */ jsx(
+              "td",
+              {
+                className: "px-4 py-3 text-sm text-[var(--text-secondary)]",
+                children: getDisplayValue(item, fieldName)
+              },
+              fieldName
+            )),
+            /* @__PURE__ */ jsx("td", { className: "px-4 py-3", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-end gap-2", children: [
+              /* @__PURE__ */ jsx(
+                Button,
+                {
+                  variant: "ghost",
+                  size: "icon",
+                  onClick: (event) => {
+                    event.stopPropagation();
+                    openEditor(item);
+                  },
+                  title: "Edit",
+                  children: /* @__PURE__ */ jsx(Edit2, { className: "size-4 text-[var(--text-tertiary)]" })
+                }
+              ),
+              /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+                /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    "aria-label": "More actions",
+                    variant: "ghost",
+                    size: "icon",
+                    onClick: (event) => {
+                      event.stopPropagation();
+                      if (menuOpen === item.id) {
+                        setMenuOpen(null);
+                        setMenuPosition(null);
+                      } else {
+                        const rect = event.currentTarget.getBoundingClientRect();
+                        setMenuPosition({
+                          top: rect.bottom + 4,
+                          left: rect.right - 192
+                        });
+                        setMenuOpen(item.id);
+                      }
+                    },
+                    children: /* @__PURE__ */ jsx(MoreHorizontal, { className: "size-4 text-[var(--text-tertiary)]" })
+                  }
+                ),
+                menuOpen === item.id && menuPosition && /* @__PURE__ */ jsxs(Fragment, { children: [
+                  /* @__PURE__ */ jsx(
+                    "div",
+                    {
+                      className: "fixed inset-0 z-[100]",
+                      onClick: () => {
+                        setMenuOpen(null);
+                        setMenuPosition(null);
+                      }
+                    }
+                  ),
+                  /* @__PURE__ */ jsxs(
+                    "div",
+                    {
+                      className: "fixed w-56 bg-[var(--bg-base)] rounded-md shadow-lg border border-[var(--border-default)] z-[101] py-1 max-h-[80vh] overflow-y-auto",
+                      style: {
+                        top: menuPosition.top,
+                        left: menuPosition.left - 32
+                      },
+                      children: [
+                        /* @__PURE__ */ jsxs(
+                          "button",
+                          {
+                            type: "button",
+                            onClick: () => {
+                              openEditor(item);
+                              setMenuOpen(null);
+                              setMenuPosition(null);
+                            },
+                            className: "w-full px-4 py-2 text-left text-sm text-[var(--text-secondary)] hover:bg-[var(--interactive-active)] cursor-pointer flex items-center gap-2",
+                            children: [
+                              /* @__PURE__ */ jsx(Eye, { className: "size-4" }),
+                              "View / edit"
+                            ]
+                          }
+                        ),
+                        isBookings && /* @__PURE__ */ jsx(
+                          BookingActionMenu,
+                          {
+                            item,
+                            onAction: handleBookingAction,
+                            loading: bookingActionsLoading
+                          }
+                        ),
+                        !isBookings && /* @__PURE__ */ jsxs(Fragment, { children: [
+                          /* @__PURE__ */ jsxs(
+                            "button",
+                            {
+                              type: "button",
+                              onClick: () => {
+                                setMenuOpen(null);
+                                setMenuPosition(null);
+                                duplicateItem(item);
+                              },
+                              className: "w-full px-4 py-2 text-left text-sm text-[var(--text-secondary)] hover:bg-[var(--interactive-active)] cursor-pointer flex items-center gap-2",
+                              children: [
+                                /* @__PURE__ */ jsx(Copy, { className: "size-4" }),
+                                "Duplicate"
+                              ]
+                            }
+                          ),
+                          /* @__PURE__ */ jsxs(
+                            "button",
+                            {
+                              type: "button",
+                              onClick: () => setConfirmingDelete(item.id),
+                              className: "w-full px-4 py-2 text-left text-sm text-[var(--error)] hover:bg-[var(--error-bg)] cursor-pointer flex items-center gap-2",
+                              children: [
+                                /* @__PURE__ */ jsx(Trash2, { className: "size-4" }),
+                                "Delete"
+                              ]
+                            }
+                          ),
+                          confirmingDelete === item.id && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 px-4 py-2 bg-[var(--error-bg)]", children: [
+                            /* @__PURE__ */ jsx("span", { className: "text-xs text-[var(--error)]", children: "Delete?" }),
+                            /* @__PURE__ */ jsx(
+                              Button,
+                              {
+                                variant: "danger",
+                                size: "sm",
+                                onClick: () => {
+                                  handleDelete(item.id);
+                                  setMenuPosition(null);
+                                  setConfirmingDelete(null);
+                                },
+                                children: "Yes"
+                              }
+                            ),
+                            /* @__PURE__ */ jsx(
+                              Button,
+                              {
+                                variant: "ghost",
+                                size: "sm",
+                                onClick: () => setConfirmingDelete(null),
+                                children: "No"
+                              }
+                            )
+                          ] })
+                        ] })
+                      ]
+                    }
+                  )
+                ] })
+              ] })
+            ] }) })
+          ]
+        },
+        item.id
+      )) })
+    ] }) }) })
+  ] });
+}
+export {
+  FallbackContentList
+};
+//# sourceMappingURL=fallback-content-list.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/content-type-page/fallback-content-list.tsx"],"sourcesContent":["'use client';\n\nimport type { Dispatch, SetStateAction } from 'react';\nimport type { LucideIcon } from 'lucide-react';\nimport {\n  AlertCircle,\n  Copy,\n  Edit2,\n  Eye,\n  Filter,\n  MoreHorizontal,\n  Plus,\n  RefreshCw,\n  Trash2,\n} from 'lucide-react';\nimport type { ContentItem } from '@withpotter/lib/api/types';\nimport type { ContentTypeConfig } from '@withpotter/lib/template-context';\nimport type { BookingAction } from '@withpotter/components/behaviors';\nimport { BookingActionMenu } from '@withpotter/components/behaviors';\nimport { BoxesLoader } from '@withpotter/ui-kit/boxes-loader';\nimport { Button } from '@withpotter/ui-kit/button';\nimport { MobilePageHeader } from '@withpotter/components/mobile/mobile-page-header';\nimport { SearchField } from '@withpotter/ui-kit';\nimport { OverflowItem, OverflowMenu } from '@withpotter/ui-kit/overflow-menu';\n\ninterface MenuPosition {\n  top: number;\n  left: number;\n}\n\ninterface FallbackContentListProps {\n  contentType: ContentTypeConfig;\n  ContentTypeIcon: LucideIcon;\n  items: ContentItem[];\n  filteredItems: ContentItem[];\n  listFields: string[];\n  loading: boolean;\n  error: string | null;\n  searchQuery: string;\n  setSearchQuery: (value: string) => void;\n  fetchContent: () => void | Promise<void>;\n  openEditor: (item?: ContentItem) => void;\n  getDisplayValue: (item: ContentItem, fieldName: string) => string;\n  menuOpen: string | null;\n  setMenuOpen: Dispatch<SetStateAction<string | null>>;\n  menuPosition: MenuPosition | null;\n  setMenuPosition: Dispatch<SetStateAction<MenuPosition | null>>;\n  confirmingDelete: string | null;\n  setConfirmingDelete: Dispatch<SetStateAction<string | null>>;\n  handleDelete: (id: string) => void | Promise<void>;\n  isBookings: boolean;\n  bookingActionsLoading: boolean;\n  handleBookingAction: (\n    action: BookingAction,\n    item: ContentItem,\n  ) => void | Promise<void>;\n  duplicateItem: (item: ContentItem) => void;\n  /** Downloads the rows currently listed as a CSV. */\n  onExport: () => void;\n}\n\nexport function FallbackContentList({\n  contentType,\n  ContentTypeIcon,\n  items,\n  filteredItems,\n  listFields,\n  loading,\n  error,\n  searchQuery,\n  setSearchQuery,\n  fetchContent,\n  openEditor,\n  getDisplayValue,\n  menuOpen,\n  setMenuOpen,\n  menuPosition,\n  setMenuPosition,\n  confirmingDelete,\n  setConfirmingDelete,\n  handleDelete,\n  isBookings,\n  bookingActionsLoading,\n  handleBookingAction,\n  duplicateItem,\n  onExport,\n}: FallbackContentListProps) {\n  return (\n    <>\n      <MobilePageHeader\n        title={contentType.name}\n        action={\n          items.length > 0\n            ? {\n                label: `Add ${contentType.singularName.toLowerCase()}`,\n                onClick: () => openEditor(),\n              }\n            : undefined\n        }\n      />\n      <div className=\"hidden lg:flex items-center justify-between mb-8\">\n        <div>\n          <h1 className=\"text-2xl font-semibold text-[var(--text-primary)]\">\n            {contentType.name}\n          </h1>\n          {contentType.description && (\n            <p className=\"text-[var(--text-tertiary)] mt-1\">\n              {contentType.description}\n            </p>\n          )}\n        </div>\n        {items.length > 0 && (\n          <Button onClick={() => openEditor()}>\n            <Plus className=\"size-4\" />\n            Add {contentType.singularName.toLowerCase()}\n          </Button>\n        )}\n      </div>\n\n      {items.length > 0 && (\n        <div className=\"flex flex-col sm:flex-row sm:items-center gap-3 mb-6\">\n          <SearchField\n            className=\"sm:w-80\"\n            placeholder={`Search ${contentType.name.toLowerCase()}`}\n            value={searchQuery}\n            onChange={setSearchQuery}\n          />\n          <div className=\"flex gap-2\">\n            <Button variant=\"secondary\">\n              <Filter className=\"size-4\" />\n              Filter\n            </Button>\n            <OverflowMenu>\n              <OverflowItem onClick={onExport}>\n                Export CSV\n              </OverflowItem>\n            </OverflowMenu>\n          </div>\n        </div>\n      )}\n\n      {error && (\n        <div className=\"bg-[var(--error-bg)] border border-[var(--error)]/20 rounded-md p-4 flex items-center gap-3 mb-6\">\n          <AlertCircle className=\"size-5 text-[var(--error)] flex-shrink-0\" />\n          <div className=\"flex-1\">\n            <p className=\"text-[var(--error)]\">{error}</p>\n          </div>\n          <Button\n            variant=\"ghost\"\n            className=\"text-[var(--error)]\"\n            onClick={fetchContent}\n          >\n            <RefreshCw className=\"size-4\" />\n            Retry\n          </Button>\n        </div>\n      )}\n\n      {loading ? (\n        <div className=\"flex items-center justify-center min-h-[60vh]\">\n          <div className=\"text-center\">\n            <BoxesLoader size=\"lg\" className=\"mx-auto\" />\n            <p className=\"mt-4 text-[var(--text-tertiary)]\">\n              Loading {contentType.name.toLowerCase()}...\n            </p>\n          </div>\n        </div>\n      ) : filteredItems.length === 0 ? (\n        <div className=\"flex items-center justify-center min-h-[60vh]\">\n          <div className=\"text-center\">\n            <div className=\"w-12 h-12 bg-[var(--bg-muted)] rounded-full flex items-center justify-center mx-auto mb-4\">\n              <ContentTypeIcon className=\"w-6 h-6 text-brand-500\" />\n            </div>\n            <h3 className=\"text-lg font-semibold text-[var(--text-primary)]\">\n              No {contentType.name.toLowerCase()} yet\n            </h3>\n            <p className=\"text-[var(--text-tertiary)] text-sm mt-1 mb-4\">\n              Create your first {contentType.singularName.toLowerCase()} to get\n              started\n            </p>\n            <Button onClick={() => openEditor()}>\n              <Plus className=\"size-4\" />\n              Add {contentType.singularName.toLowerCase()}\n            </Button>\n          </div>\n        </div>\n      ) : (\n        <div className=\"surface overflow-x-auto\">\n          <div className=\"overflow-x-auto\">\n            <table className=\"w-full min-w-[500px]\">\n              <thead className=\"bg-[var(--bg-subtle)] border-b\">\n                <tr>\n                  {listFields.map((fieldName) => {\n                    const field = contentType.fields.find(\n                      (candidate) =>\n                        candidate.name === fieldName ||\n                        candidate.name === `metadata.${fieldName}`,\n                    );\n                    return (\n                      <th\n                        key={fieldName}\n                        className=\"text-left px-4 py-3 text-xs font-medium text-[var(--text-tertiary)] uppercase\"\n                      >\n                        {field?.label || fieldName}\n                      </th>\n                    );\n                  })}\n                  <th className=\"text-right px-4 py-3 text-xs font-medium text-[var(--text-tertiary)] uppercase w-24\">\n                    Actions\n                  </th>\n                </tr>\n              </thead>\n              <tbody className=\"divide-y divide-[var(--border-subtle)]\">\n                {filteredItems.map((item) => (\n                  <tr\n                    key={item.id}\n                    className=\"hover:bg-[var(--interactive-hover)]\"\n                  >\n                    {listFields.map((fieldName) => (\n                      <td\n                        key={fieldName}\n                        className=\"px-4 py-3 text-sm text-[var(--text-secondary)]\"\n                      >\n                        {getDisplayValue(item, fieldName)}\n                      </td>\n                    ))}\n                    <td className=\"px-4 py-3\">\n                      <div className=\"flex items-center justify-end gap-2\">\n                        <Button\n                          variant=\"ghost\"\n                          size=\"icon\"\n                          onClick={(event) => {\n                            event.stopPropagation();\n                            openEditor(item);\n                          }}\n                          title=\"Edit\"\n                        >\n                          <Edit2 className=\"size-4 text-[var(--text-tertiary)]\" />\n                        </Button>\n                        <div className=\"relative\">\n                          <Button\n                            aria-label=\"More actions\"\n                            variant=\"ghost\"\n                            size=\"icon\"\n                            onClick={(event) => {\n                              event.stopPropagation();\n                              if (menuOpen === item.id) {\n                                setMenuOpen(null);\n                                setMenuPosition(null);\n                              } else {\n                                const rect =\n                                  event.currentTarget.getBoundingClientRect();\n                                setMenuPosition({\n                                  top: rect.bottom + 4,\n                                  left: rect.right - 192,\n                                });\n                                setMenuOpen(item.id);\n                              }\n                            }}\n                          >\n                            <MoreHorizontal className=\"size-4 text-[var(--text-tertiary)]\" />\n                          </Button>\n                          {menuOpen === item.id && menuPosition && (\n                            <>\n                              <div\n                                className=\"fixed inset-0 z-[100]\"\n                                onClick={() => {\n                                  setMenuOpen(null);\n                                  setMenuPosition(null);\n                                }}\n                              />\n                              <div\n                                className=\"fixed w-56 bg-[var(--bg-base)] rounded-md shadow-lg border border-[var(--border-default)] z-[101] py-1 max-h-[80vh] overflow-y-auto\"\n                                style={{\n                                  top: menuPosition.top,\n                                  left: menuPosition.left - 32,\n                                }}\n                              >\n                                <button\n                                  type=\"button\"\n                                  onClick={() => {\n                                    openEditor(item);\n                                    setMenuOpen(null);\n                                    setMenuPosition(null);\n                                  }}\n                                  className=\"w-full px-4 py-2 text-left text-sm text-[var(--text-secondary)] hover:bg-[var(--interactive-active)] cursor-pointer flex items-center gap-2\"\n                                >\n                                  <Eye className=\"size-4\" />\n                                  View / edit\n                                </button>\n                                {isBookings && (\n                                  <BookingActionMenu\n                                    item={item}\n                                    onAction={handleBookingAction}\n                                    loading={bookingActionsLoading}\n                                  />\n                                )}\n                                {!isBookings && (\n                                  <>\n                                    <button\n                                      type=\"button\"\n                                      onClick={() => {\n                                        setMenuOpen(null);\n                                        setMenuPosition(null);\n                                        duplicateItem(item);\n                                      }}\n                                      className=\"w-full px-4 py-2 text-left text-sm text-[var(--text-secondary)] hover:bg-[var(--interactive-active)] cursor-pointer flex items-center gap-2\"\n                                    >\n                                      <Copy className=\"size-4\" />\n                                      Duplicate\n                                    </button>\n                                    <button\n                                      type=\"button\"\n                                      onClick={() =>\n                                        setConfirmingDelete(item.id)\n                                      }\n                                      className=\"w-full px-4 py-2 text-left text-sm text-[var(--error)] hover:bg-[var(--error-bg)] cursor-pointer flex items-center gap-2\"\n                                    >\n                                      <Trash2 className=\"size-4\" />\n                                      Delete\n                                    </button>\n                                    {confirmingDelete === item.id && (\n                                      <div className=\"flex items-center gap-2 px-4 py-2 bg-[var(--error-bg)]\">\n                                        <span className=\"text-xs text-[var(--error)]\">\n                                          Delete?\n                                        </span>\n                                        <Button\n                                          variant=\"danger\"\n                                          size=\"sm\"\n                                          onClick={() => {\n                                            handleDelete(item.id);\n                                            setMenuPosition(null);\n                                            setConfirmingDelete(null);\n                                          }}\n                                        >\n                                          Yes\n                                        </Button>\n                                        <Button\n                                          variant=\"ghost\"\n                                          size=\"sm\"\n                                          onClick={() =>\n                                            setConfirmingDelete(null)\n                                          }\n                                        >\n                                          No\n                                        </Button>\n                                      </div>\n                                    )}\n                                  </>\n                                )}\n                              </div>\n                            </>\n                          )}\n                        </div>\n                      </div>\n                    </td>\n                  </tr>\n                ))}\n              </tbody>\n            </table>\n          </div>\n        </div>\n      )}\n    </>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/content-type-page/use-content-list-model.d.ts

@@ -0,0 +1,42 @@
+import type { ContentItem } from '@withpotter/lib/api/types';
+import type { ContentTypeConfig } from '@withpotter/lib/template-context';
+import type { ListFilterConfig, ListViewConfig, TemplateConfig } from '@withpotter/lib/template-types';
+interface CategoryOption {
+    value: string;
+    label: string;
+    sortOrder?: number;
+}
+interface UseContentListModelOptions {
+    contentType?: ContentTypeConfig;
+    template?: TemplateConfig;
+    tenantSlug?: string;
+    tenantSettings?: Record<string, unknown>;
+    tenantCurrency: string;
+    items: ContentItem[];
+    searchQuery: string;
+    isTransactional: boolean;
+}
+export declare function useContentListModel({ contentType, template, tenantSlug, tenantSettings, tenantCurrency, items, searchQuery, isTransactional, }: UseContentListModelOptions): {
+    tenantCategories: Record<string, CategoryOption[]>;
+    effectiveListView: ListViewConfig | undefined;
+    mergedFields: import("@withpotter/lib/template-types").ContentFieldConfig[];
+    deduplicatedMergedFields: import("@withpotter/lib/template-types").ContentFieldConfig[];
+    filteredItems: ContentItem[];
+    enrichedFilters: (ListFilterConfig | {
+        type: "select";
+        options: {
+            value: string;
+            label: string;
+        }[];
+        field: string;
+        label: string;
+        placeholder?: string;
+        min?: number;
+        max?: number;
+        step?: number;
+        contentType?: string;
+        labelField?: string;
+    })[] | undefined;
+    formatCurrency: (value: number) => string;
+};
+export {};