@open-mercato/core 0.7.1-develop.7202.1.a52dc6707c → 0.8.0

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

@@ -1,7 +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": "AA6FI,mBACE,KADF;AA7FJ,YAAY,WAAW;AACvB,SAAS,YAAY;AACrB,SAAS,cAAc;AACvB,SAAS,kBAAkB;AAC3B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAeP,MAAM,WAAwB,CAAC,KAAK,kBAAkB,WAAW;AAC/D,QAAM,WAAW,OAAO,qBAAqB,WAAW,mBAAmB;AAC3E,QAAM,aAAa,OAAO,qBAAqB,WAAW,mBAAmB,WAAW,CAAC;AACzF,SAAO,OAAO,QAAQ,SAAS,EAAE;AAAA,IAC/B,CAAC,MAAM,CAAC,MAAM,KAAK,MAAM,KAAK,WAAW,IAAI,IAAI,KAAK,OAAO,KAAK,CAAC;AAAA,IACnE;AAAA,EACF;AACF;AAEA,MAAM,aAAa,CAAC,YAAoB,IAAI,KAAK,KAAK,IAAI,IAAI,UAAU,GAAM,EAAE,YAAY;AAE5F,MAAM,iBAAiB,YAAY;AAAC;AACpC,MAAM,cAAc,YAAY;AAAC;AACjC,MAAM,oBAAoB,aAAa,CAAC;AAExC,SAAS,iBAAiB,WAAsD;AAC9E,SAAO;AAAA,IACL,IAAI;AAAA,IACJ,MAAM;AAAA,IACN,OAAO;AAAA,IACP,UAAU;AAAA,IACV,QAAQ;AAAA,IACR,SAAS,CAAC;AAAA,IACV,WAAW,WAAW,CAAC;AAAA,IACvB,GAAG;AAAA,EACL;AACF;AAEA,MAAM,yBAAyB,iBAAiB;AAAA,EAC9C,IAAI;AAAA,EACJ,OAAO;AAAA,EACP,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,WAAW,WAAW,CAAC;AACzB,CAAC;AAED,MAAM,8BAA8B,iBAAiB;AAAA,EACnD,IAAI;AAAA,EACJ,OAAO;AAAA,EACP,MAAM;AAAA,EACN,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,WAAW,WAAW,EAAE;AAC1B,CAAC;AAED,MAAM,6BAA6B,iBAAiB;AAAA,EAClD,IAAI;AAAA,EACJ,OAAO;AAAA,EACP,MAAM;AAAA,EACN,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,SAAS;AAAA,IACP,EAAE,IAAI,UAAU,OAAO,kBAAkB,SAAS,UAAU;AAAA,IAC5D,EAAE,IAAI,WAAW,OAAO,WAAW,SAAS,UAAU;AAAA,EACxD;AAAA,EACA,WAAW,WAAW,EAAE;AAC1B,CAAC;AAED,MAAM,qBAAwC;AAAA,EAC5C;AAAA,EACA;AAAA,EACA;AACF;AAEA,SAAS,wBAAwB;AAC/B,QAAM,CAAC,MAAM,OAAO,IAAI,MAAM,SAAS,KAAK;AAC5C,SACE,iCACE;AAAA,wBAAC,UAAO,SAAQ,WAAU,SAAS,MAAM,QAAQ,IAAI,GAAG,qCAExD;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,cAAc;AAAA,QACd,eAAe;AAAA,QACf,aAAa;AAAA,QACb,cAAc;AAAA,QACd,iBAAiB;AAAA,QACjB,WAAW;AAAA,QACX,eAAe;AAAA,QACf,GAAG;AAAA;AAAA,IACL;AAAA,KACF;AAEJ;AAEA,MAAM,wBAAsC;AAAA,EAC1C,IAAI;AAAA,EACJ,OAAO;AAAA,EACP,YAAY;AAAA,EACZ,UAAU;AAAA,IACR;AAAA,MACE,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,QAAQ,MACN,qBAAC,cAAW,SAAQ,SAAQ,MAAK,MAAK,WAAU,YAAW,cAAW,0BACpE;AAAA,4BAAC,QAAK,WAAU,WAAU;AAAA,QAC1B,oBAAC,0BAAuB,OAAO,GAAG;AAAA,SACpC;AAAA,MAEF,MAAM;AAAA;AAAA;AAAA;AAAA,IAIR;AAAA,EACF;AACF;AAEA,MAAM,8BAA4C;AAAA,EAChD,IAAI;AAAA,EACJ,OAAO;AAAA,EACP,YAAY;AAAA,EACZ,UAAU;AAAA,IACR;AAAA,MACE,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,QAAQ,MACN,iCACE;AAAA,6BAAC,cAAW,SAAQ,SAAQ,MAAK,MAAK,WAAU,YAAW,cAAW,0BACpE;AAAA,8BAAC,QAAK,WAAU,WAAU;AAAA,UAC1B,oBAAC,0BAAuB,OAAO,GAAG;AAAA,WACpC;AAAA,QACA,qBAAC,cAAW,SAAQ,SAAQ,MAAK,MAAK,WAAU,YAAW,cAAW,2BACpE;AAAA,8BAAC,QAAK,WAAU,WAAU;AAAA,UAC1B,oBAAC,0BAAuB,OAAO,IAAI;AAAA,WACrC;AAAA,QACA,qBAAC,cAAW,SAAQ,SAAQ,MAAK,MAAK,WAAU,YAAW,cAAW,4BACpE;AAAA,8BAAC,QAAK,WAAU,WAAU;AAAA,UAC1B,oBAAC,0BAAuB,OAAO,KAAK;AAAA,WACtC;AAAA,SACF;AAAA,MAEF,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOR;AAAA,EACF;AACF;AAEA,MAAM,wBAAsC;AAAA,EAC1C,IAAI;AAAA,EACJ,OAAO;AAAA,EACP,YAAY;AAAA,EACZ,UAAU;AAAA,IACR;AAAA,MACE,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,QAAQ,MACN,oBAAC,SAAI,WAAU,mBACb;AAAA,QAAC;AAAA;AAAA,UACC,cAAc;AAAA,UACd,cAAc;AAAA,UACd,iBAAiB;AAAA,UACjB,WAAW;AAAA,UACX,GAAG;AAAA;AAAA,MACL,GACF;AAAA,MAEF,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IASR;AAAA,IACA;AAAA,MACE,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,QAAQ,MACN,oBAAC,SAAI,WAAU,mBACb;AAAA,QAAC;AAAA;AAAA,UACC,cAAc;AAAA,UACd,cAAc;AAAA,UACd,iBAAiB;AAAA,UACjB,WAAW;AAAA,UACX,GAAG;AAAA;AAAA,MACL,GACF;AAAA,MAEF,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAUR;AAAA,IACA;AAAA,MACE,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,QAAQ,MACN,oBAAC,SAAI,WAAU,mBACb;AAAA,QAAC;AAAA;AAAA,UACC,cAAc;AAAA,UACd,cAAc;AAAA,UACd,iBAAiB;AAAA,UACjB,WAAW;AAAA,UACX,GAAG;AAAA;AAAA,MACL,GACF;AAAA,MAEF,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAUR;AAAA,EACF;AACF;AAEA,MAAM,yBAAuC;AAAA,EAC3C,IAAI;AAAA,EACJ,OAAO;AAAA,EACP,YAAY;AAAA,EACZ,UAAU;AAAA,IACR;AAAA,MACE,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,QAAQ,MAAM,oBAAC,yBAAsB;AAAA,MACrC,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAeR;AAAA,EACF;AACF;AAEO,MAAM,UAA0B;AAAA,EACrC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;",
+  "sourcesContent": ["import { useT } from '@open-mercato/shared/lib/i18n/context'\nimport * 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 { NotificationCountBadge, NotificationItem, NotificationPanel } from '@open-mercato/ui/backend/notifications'\nimport type { NotificationDto } from '@open-mercato/shared/modules/notifications/types'\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.\nfunction NotificationBellEntryPresentationalMockPreview() {\n  const t = useT()\n  return (\n    <IconButton\n      variant=\"ghost\"\n      size=\"sm\"\n      className=\"relative\"\n      aria-label={t('design_system.gallery.samples.content.3UnreadNotifications')}\n    >\n      <Bell className=\"h-5 w-5\" />\n      <NotificationCountBadge count={3} />\n    </IconButton>\n  )\n}\nfunction NotificationCountBadgeEntryCountsPreview() {\n  const t = useT()\n  return (\n    <>\n      <IconButton\n        variant=\"ghost\"\n        size=\"sm\"\n        className=\"relative\"\n        aria-label={t('design_system.gallery.samples.content.3UnreadNotifications')}\n      >\n        <Bell className=\"h-5 w-5\" />\n        <NotificationCountBadge count={3} />\n      </IconButton>\n      <IconButton\n        variant=\"ghost\"\n        size=\"sm\"\n        className=\"relative\"\n        aria-label={t('design_system.gallery.samples.content.12UnreadNotifications')}\n      >\n        <Bell className=\"h-5 w-5\" />\n        <NotificationCountBadge count={12} />\n      </IconButton>\n      <IconButton\n        variant=\"ghost\"\n        size=\"sm\"\n        className=\"relative\"\n        aria-label={t('design_system.gallery.samples.content.120UnreadNotifications')}\n      >\n        <Bell className=\"h-5 w-5\" />\n        <NotificationCountBadge count={120} />\n      </IconButton>\n    </>\n  )\n}\nfunction NotificationItemEntryUnreadInfoPreview() {\n  const t = useT()\n  return (\n    <div className=\"w-full max-w-md\">\n      <NotificationItem\n        notification={unreadInfoNotification(t)}\n        onMarkAsRead={noopMarkAsRead}\n        onExecuteAction={noopExecuteAction}\n        onDismiss={noopDismiss}\n        t={t}\n      />\n    </div>\n  )\n}\nfunction NotificationItemEntryWithBodyPreview() {\n  const t = useT()\n  return (\n    <div className=\"w-full max-w-md\">\n      <NotificationItem\n        notification={successWithBodyNotification(t)}\n        onMarkAsRead={noopMarkAsRead}\n        onExecuteAction={noopExecuteAction}\n        onDismiss={noopDismiss}\n        t={t}\n      />\n    </div>\n  )\n}\nfunction NotificationItemEntryWithActionsPreview() {\n  const t = useT()\n  return (\n    <div className=\"w-full max-w-md\">\n      <NotificationItem\n        notification={actionRequiredNotification(t)}\n        onMarkAsRead={noopMarkAsRead}\n        onExecuteAction={noopExecuteAction}\n        onDismiss={noopDismiss}\n        t={t}\n      />\n    </div>\n  )\n}\nconst minutesAgo = (minutes: number) => new Date(Date.now() - minutes * 60_000).toISOString()\nconst noopMarkAsRead = async () => {}\nconst noopDismiss = async () => {}\nconst noopExecuteAction = async () => ({})\nfunction mockNotification(overrides: Partial<NotificationDto> & Pick<NotificationDto, 'title'>): NotificationDto {\n  return {\n    id: 'gallery-notification',\n    type: 'gallery.demo',\n    severity: 'info',\n    status: 'unread',\n    actions: [],\n    createdAt: minutesAgo(5),\n    ...overrides,\n  }\n}\nconst unreadInfoNotification = (t: ReturnType<typeof useT>) =>\n  mockNotification({\n    id: 'gallery-unread-info',\n    title: t('design_system.gallery.samples.content.nightlyImportFinished'),\n    severity: 'info',\n    status: 'unread',\n    sourceModule: 'catalog',\n    createdAt: minutesAgo(4),\n  })\nconst successWithBodyNotification = (t: ReturnType<typeof useT>) =>\n  mockNotification({\n    id: 'gallery-success-body',\n    title: t('design_system.gallery.samples.content.order10023Shipped'),\n    body: t('design_system.gallery.samples.content.carrierPickedUp3ParcelsTrackingNumbersWereEmailedToTheCustomer'),\n    severity: 'success',\n    status: 'read',\n    sourceModule: 'sales',\n    createdAt: minutesAgo(35),\n  })\nconst actionRequiredNotification = (t: ReturnType<typeof useT>) =>\n  mockNotification({\n    id: 'gallery-action-required',\n    title: t('design_system.gallery.samples.content.priceListAwaitingApproval'),\n    body: t('design_system.gallery.samples.content.wholesaleEuPriceListChanges214Products'),\n    severity: 'warning',\n    status: 'unread',\n    sourceModule: 'pricing',\n    actions: [\n      {\n        id: 'review',\n        label: t('design_system.gallery.samples.content.reviewChanges'),\n        variant: 'outline',\n      },\n      {\n        id: 'approve',\n        label: t('design_system.gallery.samples.content.approve'),\n        variant: 'default',\n      },\n    ],\n    createdAt: minutesAgo(90),\n  })\nconst panelNotifications = (t: ReturnType<typeof useT>): NotificationDto[] => [\n  unreadInfoNotification(t),\n  actionRequiredNotification(t),\n  successWithBodyNotification(t),\n]\nfunction DemoNotificationPanel() {\n  const t = useT()\n  const [open, setOpen] = React.useState(false)\n  return (\n    <>\n      <Button variant=\"outline\" onClick={() => setOpen(true)}>\n        {t('design_system.gallery.samples.content.openNotificationPanel')}\n      </Button>\n      <NotificationPanel\n        open={open}\n        onOpenChange={setOpen}\n        notifications={panelNotifications(t)}\n        unreadCount={2}\n        onMarkAsRead={noopMarkAsRead}\n        onExecuteAction={noopExecuteAction}\n        onDismiss={noopDismiss}\n        onMarkAllRead={noopMarkAsRead}\n        t={t}\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: () => <NotificationBellEntryPresentationalMockPreview />,\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}\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: () => <NotificationCountBadgeEntryCountsPreview />,\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}\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: () => <NotificationItemEntryUnreadInfoPreview />,\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: () => <NotificationItemEntryWithBodyPreview />,\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: () => <NotificationItemEntryWithActionsPreview />,\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}\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}\nexport const entries: GalleryEntry[] = [\n  notificationBellEntry,\n  notificationCountBadgeEntry,\n  notificationItemEntry,\n  notificationPanelEntry,\n]\n"],
+  "mappings": "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",
   "names": []
 }