@open-mercato/core 0.6.7-develop.6785.1.1dd7cfac55 → 0.6.7-develop.6795.1.8a3f27921c

package/dist/modules/design_system/gallery/entries/notifications.js

@@ -0,0 +1,257 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { Bell } from "lucide-react";
+import { Button } from "@open-mercato/ui/primitives/button";
+import { IconButton } from "@open-mercato/ui/primitives/icon-button";
+import {
+  NotificationCountBadge,
+  NotificationItem,
+  NotificationPanel
+} from "@open-mercato/ui/backend/notifications";
+const galleryT = (key, fallbackOrParams, params) => {
+  const fallback = typeof fallbackOrParams === "string" ? fallbackOrParams : key;
+  const variables = (typeof fallbackOrParams === "object" ? fallbackOrParams : params) ?? {};
+  return Object.entries(variables).reduce(
+    (text, [name, value]) => text.replaceAll(`{${name}}`, String(value)),
+    fallback
+  );
+};
+const minutesAgo = (minutes) => new Date(Date.now() - minutes * 6e4).toISOString();
+const noopMarkAsRead = async () => {
+};
+const noopDismiss = async () => {
+};
+const noopExecuteAction = async () => ({});
+function mockNotification(overrides) {
+  return {
+    id: "gallery-notification",
+    type: "gallery.demo",
+    title: "Notification",
+    severity: "info",
+    status: "unread",
+    actions: [],
+    createdAt: minutesAgo(5),
+    ...overrides
+  };
+}
+const unreadInfoNotification = mockNotification({
+  id: "gallery-unread-info",
+  title: "Nightly import finished",
+  severity: "info",
+  status: "unread",
+  sourceModule: "catalog",
+  createdAt: minutesAgo(4)
+});
+const successWithBodyNotification = mockNotification({
+  id: "gallery-success-body",
+  title: "Order #10023 shipped",
+  body: "Carrier picked up 3 parcels. Tracking numbers were emailed to the customer.",
+  severity: "success",
+  status: "read",
+  sourceModule: "sales",
+  createdAt: minutesAgo(35)
+});
+const actionRequiredNotification = mockNotification({
+  id: "gallery-action-required",
+  title: "Price list awaiting approval",
+  body: "Wholesale EU price list changes 214 products.",
+  severity: "warning",
+  status: "unread",
+  sourceModule: "pricing",
+  actions: [
+    { id: "review", label: "Review changes", variant: "outline" },
+    { id: "approve", label: "Approve", variant: "default" }
+  ],
+  createdAt: minutesAgo(90)
+});
+const panelNotifications = [
+  unreadInfoNotification,
+  actionRequiredNotification,
+  successWithBodyNotification
+];
+function DemoNotificationPanel() {
+  const [open, setOpen] = React.useState(false);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(Button, { variant: "outline", onClick: () => setOpen(true), children: "Open notification panel" }),
+    /* @__PURE__ */ jsx(
+      NotificationPanel,
+      {
+        open,
+        onOpenChange: setOpen,
+        notifications: panelNotifications,
+        unreadCount: 2,
+        onMarkAsRead: noopMarkAsRead,
+        onExecuteAction: noopExecuteAction,
+        onDismiss: noopDismiss,
+        onMarkAllRead: noopMarkAsRead,
+        t: galleryT
+      }
+    )
+  ] });
+}
+const notificationBellEntry = {
+  id: "notification-bell",
+  title: "NotificationBell",
+  importPath: "@open-mercato/ui/backend/notifications",
+  variants: [
+    {
+      id: "presentational-mock",
+      title: "Presentational mock (live bell is SSE-wired)",
+      render: () => /* @__PURE__ */ jsxs(IconButton, { variant: "ghost", size: "sm", className: "relative", "aria-label": "3 unread notifications", children: [
+        /* @__PURE__ */ jsx(Bell, { className: "h-5 w-5" }),
+        /* @__PURE__ */ jsx(NotificationCountBadge, { count: 3 })
+      ] }),
+      code: `import { NotificationBell } from '@open-mercato/ui/backend/notifications'
+
+// Wired to the notifications API + SSE \u2014 AppShell renders one in the topbar.
+<NotificationBell t={t} />`
+    }
+  ]
+};
+const notificationCountBadgeEntry = {
+  id: "notification-count-badge",
+  title: "NotificationCountBadge",
+  importPath: "@open-mercato/ui/backend/notifications",
+  variants: [
+    {
+      id: "counts",
+      title: "Counts (caps at 99+)",
+      render: () => /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsxs(IconButton, { variant: "ghost", size: "sm", className: "relative", "aria-label": "3 unread notifications", children: [
+          /* @__PURE__ */ jsx(Bell, { className: "h-5 w-5" }),
+          /* @__PURE__ */ jsx(NotificationCountBadge, { count: 3 })
+        ] }),
+        /* @__PURE__ */ jsxs(IconButton, { variant: "ghost", size: "sm", className: "relative", "aria-label": "12 unread notifications", children: [
+          /* @__PURE__ */ jsx(Bell, { className: "h-5 w-5" }),
+          /* @__PURE__ */ jsx(NotificationCountBadge, { count: 12 })
+        ] }),
+        /* @__PURE__ */ jsxs(IconButton, { variant: "ghost", size: "sm", className: "relative", "aria-label": "120 unread notifications", children: [
+          /* @__PURE__ */ jsx(Bell, { className: "h-5 w-5" }),
+          /* @__PURE__ */ jsx(NotificationCountBadge, { count: 120 })
+        ] })
+      ] }),
+      code: `import { NotificationCountBadge } from '@open-mercato/ui/backend/notifications'
+
+// Renders nothing for count <= 0; anchors to the nearest relative parent.
+<IconButton variant="ghost" size="sm" className="relative" aria-label="3 unread notifications">
+  <Bell className="h-5 w-5" />
+  <NotificationCountBadge count={3} />
+</IconButton>`
+    }
+  ]
+};
+const notificationItemEntry = {
+  id: "notification-item",
+  title: "NotificationItem",
+  importPath: "@open-mercato/ui/backend/notifications",
+  variants: [
+    {
+      id: "unread-info",
+      title: "Unread (mocked data)",
+      render: () => /* @__PURE__ */ jsx("div", { className: "w-full max-w-md", children: /* @__PURE__ */ jsx(
+        NotificationItem,
+        {
+          notification: unreadInfoNotification,
+          onMarkAsRead: noopMarkAsRead,
+          onExecuteAction: noopExecuteAction,
+          onDismiss: noopDismiss,
+          t: galleryT
+        }
+      ) }),
+      code: `import { NotificationItem } from '@open-mercato/ui/backend/notifications'
+
+<NotificationItem
+  notification={notification} // NotificationDto with status: 'unread'
+  onMarkAsRead={() => markAsRead(notification.id)}
+  onExecuteAction={(actionId) => executeAction(notification.id, actionId)}
+  onDismiss={() => dismiss(notification.id)}
+  t={t}
+/>`
+    },
+    {
+      id: "with-body",
+      title: "Read with body bubble (mocked data)",
+      render: () => /* @__PURE__ */ jsx("div", { className: "w-full max-w-md", children: /* @__PURE__ */ jsx(
+        NotificationItem,
+        {
+          notification: successWithBodyNotification,
+          onMarkAsRead: noopMarkAsRead,
+          onExecuteAction: noopExecuteAction,
+          onDismiss: noopDismiss,
+          t: galleryT
+        }
+      ) }),
+      code: `import { NotificationItem } from '@open-mercato/ui/backend/notifications'
+
+// A notification with a body renders it as a speech-bubble under the title.
+<NotificationItem
+  notification={notification} // NotificationDto with body text
+  onMarkAsRead={() => markAsRead(notification.id)}
+  onExecuteAction={(actionId) => executeAction(notification.id, actionId)}
+  onDismiss={() => dismiss(notification.id)}
+  t={t}
+/>`
+    },
+    {
+      id: "with-actions",
+      title: "Action required (mocked data)",
+      render: () => /* @__PURE__ */ jsx("div", { className: "w-full max-w-md", children: /* @__PURE__ */ jsx(
+        NotificationItem,
+        {
+          notification: actionRequiredNotification,
+          onMarkAsRead: noopMarkAsRead,
+          onExecuteAction: noopExecuteAction,
+          onDismiss: noopDismiss,
+          t: galleryT
+        }
+      ) }),
+      code: `import { NotificationItem } from '@open-mercato/ui/backend/notifications'
+
+// Actions come from notification.actions; the last one renders as primary.
+<NotificationItem
+  notification={notification} // NotificationDto with actions[]
+  onMarkAsRead={() => markAsRead(notification.id)}
+  onExecuteAction={(actionId) => executeAction(notification.id, actionId)}
+  onDismiss={() => dismiss(notification.id)}
+  t={t}
+/>`
+    }
+  ]
+};
+const notificationPanelEntry = {
+  id: "notification-panel",
+  title: "NotificationPanel",
+  importPath: "@open-mercato/ui/backend/notifications",
+  variants: [
+    {
+      id: "mocked-inbox",
+      title: "Mocked inbox (opens in a sheet)",
+      render: () => /* @__PURE__ */ jsx(DemoNotificationPanel, {}),
+      code: `import { NotificationPanel } from '@open-mercato/ui/backend/notifications'
+
+const [open, setOpen] = React.useState(false)
+
+<NotificationPanel
+  open={open}
+  onOpenChange={setOpen}
+  notifications={notifications} // NotificationDto[]
+  unreadCount={unreadCount}
+  onMarkAsRead={markAsRead}
+  onExecuteAction={executeAction}
+  onDismiss={dismiss}
+  onMarkAllRead={markAllRead}
+  t={t}
+/>`
+    }
+  ]
+};
+const entries = [
+  notificationBellEntry,
+  notificationCountBadgeEntry,
+  notificationItemEntry,
+  notificationPanelEntry
+];
+export {
+  entries
+};
+//# sourceMappingURL=notifications.js.map

package/dist/modules/design_system/gallery/entries/notifications.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/modules/design_system/gallery/entries/notifications.tsx"],
+  "sourcesContent": ["import * as React from 'react'\nimport { Bell } from 'lucide-react'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { IconButton } from '@open-mercato/ui/primitives/icon-button'\nimport {\n  NotificationCountBadge,\n  NotificationItem,\n  NotificationPanel,\n} from '@open-mercato/ui/backend/notifications'\nimport type { NotificationDto } from '@open-mercato/shared/modules/notifications/types'\nimport type { TranslateFn } from '@open-mercato/shared/lib/i18n/context'\nimport type { GalleryEntry } from '../types'\n\n// Component titles and variant names are proper nouns from the codebase and\n// are deliberately not translated. `code` MUST contain the entry's importPath\n// (enforced by the registry-integrity test) and is always reviewed alongside\n// its sibling `render`.\n\n// All previews below run on inline mocked data \u2014 no API calls, no SSE.\n// `NotificationBell` itself is wired to `useNotifications` (SSE + API) and\n// cannot be severed from it, so its entry shows the presentational chrome\n// (bell trigger + `NotificationCountBadge`) instead of mounting the live bell.\n\nconst galleryT: TranslateFn = (key, fallbackOrParams, params) => {\n  const fallback = typeof fallbackOrParams === 'string' ? fallbackOrParams : key\n  const variables = (typeof fallbackOrParams === 'object' ? fallbackOrParams : params) ?? {}\n  return Object.entries(variables).reduce(\n    (text, [name, value]) => text.replaceAll(`{${name}}`, String(value)),\n    fallback,\n  )\n}\n\nconst minutesAgo = (minutes: number) => new Date(Date.now() - minutes * 60_000).toISOString()\n\nconst noopMarkAsRead = async () => {}\nconst noopDismiss = async () => {}\nconst noopExecuteAction = async () => ({})\n\nfunction mockNotification(overrides: Partial<NotificationDto>): NotificationDto {\n  return {\n    id: 'gallery-notification',\n    type: 'gallery.demo',\n    title: 'Notification',\n    severity: 'info',\n    status: 'unread',\n    actions: [],\n    createdAt: minutesAgo(5),\n    ...overrides,\n  }\n}\n\nconst unreadInfoNotification = mockNotification({\n  id: 'gallery-unread-info',\n  title: 'Nightly import finished',\n  severity: 'info',\n  status: 'unread',\n  sourceModule: 'catalog',\n  createdAt: minutesAgo(4),\n})\n\nconst successWithBodyNotification = mockNotification({\n  id: 'gallery-success-body',\n  title: 'Order #10023 shipped',\n  body: 'Carrier picked up 3 parcels. Tracking numbers were emailed to the customer.',\n  severity: 'success',\n  status: 'read',\n  sourceModule: 'sales',\n  createdAt: minutesAgo(35),\n})\n\nconst actionRequiredNotification = mockNotification({\n  id: 'gallery-action-required',\n  title: 'Price list awaiting approval',\n  body: 'Wholesale EU price list changes 214 products.',\n  severity: 'warning',\n  status: 'unread',\n  sourceModule: 'pricing',\n  actions: [\n    { id: 'review', label: 'Review changes', variant: 'outline' },\n    { id: 'approve', label: 'Approve', variant: 'default' },\n  ],\n  createdAt: minutesAgo(90),\n})\n\nconst panelNotifications: NotificationDto[] = [\n  unreadInfoNotification,\n  actionRequiredNotification,\n  successWithBodyNotification,\n]\n\nfunction DemoNotificationPanel() {\n  const [open, setOpen] = React.useState(false)\n  return (\n    <>\n      <Button variant=\"outline\" onClick={() => setOpen(true)}>\n        Open notification panel\n      </Button>\n      <NotificationPanel\n        open={open}\n        onOpenChange={setOpen}\n        notifications={panelNotifications}\n        unreadCount={2}\n        onMarkAsRead={noopMarkAsRead}\n        onExecuteAction={noopExecuteAction}\n        onDismiss={noopDismiss}\n        onMarkAllRead={noopMarkAsRead}\n        t={galleryT}\n      />\n    </>\n  )\n}\n\nconst notificationBellEntry: GalleryEntry = {\n  id: 'notification-bell',\n  title: 'NotificationBell',\n  importPath: '@open-mercato/ui/backend/notifications',\n  variants: [\n    {\n      id: 'presentational-mock',\n      title: 'Presentational mock (live bell is SSE-wired)',\n      render: () => (\n        <IconButton variant=\"ghost\" size=\"sm\" className=\"relative\" aria-label=\"3 unread notifications\">\n          <Bell className=\"h-5 w-5\" />\n          <NotificationCountBadge count={3} />\n        </IconButton>\n      ),\n      code: `import { NotificationBell } from '@open-mercato/ui/backend/notifications'\n\n// Wired to the notifications API + SSE \u2014 AppShell renders one in the topbar.\n<NotificationBell t={t} />`,\n    },\n  ],\n}\n\nconst notificationCountBadgeEntry: GalleryEntry = {\n  id: 'notification-count-badge',\n  title: 'NotificationCountBadge',\n  importPath: '@open-mercato/ui/backend/notifications',\n  variants: [\n    {\n      id: 'counts',\n      title: 'Counts (caps at 99+)',\n      render: () => (\n        <>\n          <IconButton variant=\"ghost\" size=\"sm\" className=\"relative\" aria-label=\"3 unread notifications\">\n            <Bell className=\"h-5 w-5\" />\n            <NotificationCountBadge count={3} />\n          </IconButton>\n          <IconButton variant=\"ghost\" size=\"sm\" className=\"relative\" aria-label=\"12 unread notifications\">\n            <Bell className=\"h-5 w-5\" />\n            <NotificationCountBadge count={12} />\n          </IconButton>\n          <IconButton variant=\"ghost\" size=\"sm\" className=\"relative\" aria-label=\"120 unread notifications\">\n            <Bell className=\"h-5 w-5\" />\n            <NotificationCountBadge count={120} />\n          </IconButton>\n        </>\n      ),\n      code: `import { NotificationCountBadge } from '@open-mercato/ui/backend/notifications'\n\n// Renders nothing for count <= 0; anchors to the nearest relative parent.\n<IconButton variant=\"ghost\" size=\"sm\" className=\"relative\" aria-label=\"3 unread notifications\">\n  <Bell className=\"h-5 w-5\" />\n  <NotificationCountBadge count={3} />\n</IconButton>`,\n    },\n  ],\n}\n\nconst notificationItemEntry: GalleryEntry = {\n  id: 'notification-item',\n  title: 'NotificationItem',\n  importPath: '@open-mercato/ui/backend/notifications',\n  variants: [\n    {\n      id: 'unread-info',\n      title: 'Unread (mocked data)',\n      render: () => (\n        <div className=\"w-full max-w-md\">\n          <NotificationItem\n            notification={unreadInfoNotification}\n            onMarkAsRead={noopMarkAsRead}\n            onExecuteAction={noopExecuteAction}\n            onDismiss={noopDismiss}\n            t={galleryT}\n          />\n        </div>\n      ),\n      code: `import { NotificationItem } from '@open-mercato/ui/backend/notifications'\n\n<NotificationItem\n  notification={notification} // NotificationDto with status: 'unread'\n  onMarkAsRead={() => markAsRead(notification.id)}\n  onExecuteAction={(actionId) => executeAction(notification.id, actionId)}\n  onDismiss={() => dismiss(notification.id)}\n  t={t}\n/>`,\n    },\n    {\n      id: 'with-body',\n      title: 'Read with body bubble (mocked data)',\n      render: () => (\n        <div className=\"w-full max-w-md\">\n          <NotificationItem\n            notification={successWithBodyNotification}\n            onMarkAsRead={noopMarkAsRead}\n            onExecuteAction={noopExecuteAction}\n            onDismiss={noopDismiss}\n            t={galleryT}\n          />\n        </div>\n      ),\n      code: `import { NotificationItem } from '@open-mercato/ui/backend/notifications'\n\n// A notification with a body renders it as a speech-bubble under the title.\n<NotificationItem\n  notification={notification} // NotificationDto with body text\n  onMarkAsRead={() => markAsRead(notification.id)}\n  onExecuteAction={(actionId) => executeAction(notification.id, actionId)}\n  onDismiss={() => dismiss(notification.id)}\n  t={t}\n/>`,\n    },\n    {\n      id: 'with-actions',\n      title: 'Action required (mocked data)',\n      render: () => (\n        <div className=\"w-full max-w-md\">\n          <NotificationItem\n            notification={actionRequiredNotification}\n            onMarkAsRead={noopMarkAsRead}\n            onExecuteAction={noopExecuteAction}\n            onDismiss={noopDismiss}\n            t={galleryT}\n          />\n        </div>\n      ),\n      code: `import { NotificationItem } from '@open-mercato/ui/backend/notifications'\n\n// Actions come from notification.actions; the last one renders as primary.\n<NotificationItem\n  notification={notification} // NotificationDto with actions[]\n  onMarkAsRead={() => markAsRead(notification.id)}\n  onExecuteAction={(actionId) => executeAction(notification.id, actionId)}\n  onDismiss={() => dismiss(notification.id)}\n  t={t}\n/>`,\n    },\n  ],\n}\n\nconst notificationPanelEntry: GalleryEntry = {\n  id: 'notification-panel',\n  title: 'NotificationPanel',\n  importPath: '@open-mercato/ui/backend/notifications',\n  variants: [\n    {\n      id: 'mocked-inbox',\n      title: 'Mocked inbox (opens in a sheet)',\n      render: () => <DemoNotificationPanel />,\n      code: `import { NotificationPanel } from '@open-mercato/ui/backend/notifications'\n\nconst [open, setOpen] = React.useState(false)\n\n<NotificationPanel\n  open={open}\n  onOpenChange={setOpen}\n  notifications={notifications} // NotificationDto[]\n  unreadCount={unreadCount}\n  onMarkAsRead={markAsRead}\n  onExecuteAction={executeAction}\n  onDismiss={dismiss}\n  onMarkAllRead={markAllRead}\n  t={t}\n/>`,\n    },\n  ],\n}\n\nexport const entries: GalleryEntry[] = [\n  notificationBellEntry,\n  notificationCountBadgeEntry,\n  notificationItemEntry,\n  notificationPanelEntry,\n]\n"],
+  "mappings": "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",
+  "names": []
+}