@brokr/sdk 1.0.0 → 2.0.0

package/dist/notifications.js

@@ -0,0 +1,140 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/notifications/index.ts
+var index_exports = {};
+__export(index_exports, {
+  BROKR_BUILT_IN_TYPES: () => BROKR_BUILT_IN_TYPES,
+  defineNotifications: () => defineNotifications,
+  resolveNotificationType: () => resolveNotificationType,
+  resolveRegistry: () => resolveRegistry
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/models.ts
+var providers = [
+  { id: "deepseek", label: "Deepseek", model: "deepseek-chat", color: "#0EA5E9", free: true, logo: "https://assets.brokr.sh/sdk/deepseek_logo.png" },
+  { id: "openai", label: "ChatGPT", model: "gpt-5.4-mini", color: "#10B981", free: false, logo: "https://assets.brokr.sh/sdk/gpt_logo.png" },
+  { id: "anthropic", label: "Claude", model: "claude-sonnet-4-6", color: "#F59E0B", free: false, logo: "https://assets.brokr.sh/sdk/claude_logo.png" },
+  { id: "kimi", label: "Kimi", model: "fireworks/kimi-k2p5", color: "#8B5CF6", free: false, logo: "https://assets.brokr.sh/sdk/kimi_logo.png" },
+  { id: "minimax", label: "Minimax", model: "MiniMaxAI/MiniMax-M2.5", color: "#EC4899", free: false, logo: "https://assets.brokr.sh/sdk/minimax_logo.png" }
+];
+function resolveProviderByModel(model) {
+  return providers.find((p) => p.model === model) ?? providers.find((p) => model.toLowerCase().includes(p.id));
+}
+
+// src/notifications/built-ins.ts
+var BROKR_BUILT_IN_TYPES = {
+  /**
+   * AI response completed — auto-fired by handleChat's background task.
+   * Shows the AI provider logo (Deepseek, GPT, Claude, etc.) and links
+   * to the chat thread.
+   */
+  ai_response: {
+    label: "AI Response",
+    defaultVariant: "default",
+    imageResolver: (data) => {
+      const logo = data.providerLogo;
+      const provider = data.provider;
+      if (typeof logo === "string" && logo) {
+        return { url: logo, alt: typeof provider === "string" ? provider : "AI" };
+      }
+      const model = data.model;
+      if (typeof model === "string") {
+        const entry = resolveProviderByModel(model);
+        if (entry) return { url: entry.logo, alt: entry.label };
+      }
+      return null;
+    },
+    hrefResolver: (data) => {
+      const threadId = data.threadId;
+      if (typeof threadId !== "string") return null;
+      return `/chat?thread=${encodeURIComponent(threadId)}`;
+    },
+    suppressKey: (data) => {
+      const threadId = data.threadId;
+      return typeof threadId === "string" ? threadId : null;
+    }
+  },
+  /** System notifications — platform announcements, maintenance, etc. */
+  system: {
+    label: "System",
+    defaultVariant: "default"
+  },
+  /** Billing notifications — payment success/failure, plan changes. */
+  billing: {
+    label: "Billing",
+    defaultVariant: "warning",
+    hrefResolver: () => "/settings/billing"
+  },
+  /** Fallback for untyped notifications. */
+  default: {
+    label: "Notification",
+    defaultVariant: "default"
+  }
+};
+
+// src/notifications/config.ts
+function defineNotifications(config) {
+  return config;
+}
+function resolveRegistry(config) {
+  const consumer = config?.types ?? {};
+  const merged = { ...BROKR_BUILT_IN_TYPES };
+  for (const [key, entry] of Object.entries(consumer)) {
+    merged[key] = { ...merged[key], ...entry };
+  }
+  return merged;
+}
+
+// src/notifications/registry.ts
+function resolveNotificationType(registry, type, data) {
+  const entry = registry[type ?? "default"];
+  if (!entry) {
+    return { image: null, href: null, variant: "default", suppressKey: null };
+  }
+  let image = null;
+  try {
+    image = entry.imageResolver?.(data) ?? null;
+  } catch {
+  }
+  let href = null;
+  try {
+    href = entry.hrefResolver?.(data) ?? null;
+  } catch {
+  }
+  let suppressKey = null;
+  try {
+    suppressKey = entry.suppressKey?.(data) ?? null;
+  } catch {
+  }
+  return {
+    image,
+    href,
+    variant: entry.defaultVariant ?? "default",
+    suppressKey
+  };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  BROKR_BUILT_IN_TYPES,
+  defineNotifications,
+  resolveNotificationType,
+  resolveRegistry
+});

package/dist/notifications.mjs

@@ -0,0 +1,110 @@
+// src/models.ts
+var providers = [
+  { id: "deepseek", label: "Deepseek", model: "deepseek-chat", color: "#0EA5E9", free: true, logo: "https://assets.brokr.sh/sdk/deepseek_logo.png" },
+  { id: "openai", label: "ChatGPT", model: "gpt-5.4-mini", color: "#10B981", free: false, logo: "https://assets.brokr.sh/sdk/gpt_logo.png" },
+  { id: "anthropic", label: "Claude", model: "claude-sonnet-4-6", color: "#F59E0B", free: false, logo: "https://assets.brokr.sh/sdk/claude_logo.png" },
+  { id: "kimi", label: "Kimi", model: "fireworks/kimi-k2p5", color: "#8B5CF6", free: false, logo: "https://assets.brokr.sh/sdk/kimi_logo.png" },
+  { id: "minimax", label: "Minimax", model: "MiniMaxAI/MiniMax-M2.5", color: "#EC4899", free: false, logo: "https://assets.brokr.sh/sdk/minimax_logo.png" }
+];
+function resolveProviderByModel(model) {
+  return providers.find((p) => p.model === model) ?? providers.find((p) => model.toLowerCase().includes(p.id));
+}
+
+// src/notifications/built-ins.ts
+var BROKR_BUILT_IN_TYPES = {
+  /**
+   * AI response completed — auto-fired by handleChat's background task.
+   * Shows the AI provider logo (Deepseek, GPT, Claude, etc.) and links
+   * to the chat thread.
+   */
+  ai_response: {
+    label: "AI Response",
+    defaultVariant: "default",
+    imageResolver: (data) => {
+      const logo = data.providerLogo;
+      const provider = data.provider;
+      if (typeof logo === "string" && logo) {
+        return { url: logo, alt: typeof provider === "string" ? provider : "AI" };
+      }
+      const model = data.model;
+      if (typeof model === "string") {
+        const entry = resolveProviderByModel(model);
+        if (entry) return { url: entry.logo, alt: entry.label };
+      }
+      return null;
+    },
+    hrefResolver: (data) => {
+      const threadId = data.threadId;
+      if (typeof threadId !== "string") return null;
+      return `/chat?thread=${encodeURIComponent(threadId)}`;
+    },
+    suppressKey: (data) => {
+      const threadId = data.threadId;
+      return typeof threadId === "string" ? threadId : null;
+    }
+  },
+  /** System notifications — platform announcements, maintenance, etc. */
+  system: {
+    label: "System",
+    defaultVariant: "default"
+  },
+  /** Billing notifications — payment success/failure, plan changes. */
+  billing: {
+    label: "Billing",
+    defaultVariant: "warning",
+    hrefResolver: () => "/settings/billing"
+  },
+  /** Fallback for untyped notifications. */
+  default: {
+    label: "Notification",
+    defaultVariant: "default"
+  }
+};
+
+// src/notifications/config.ts
+function defineNotifications(config) {
+  return config;
+}
+function resolveRegistry(config) {
+  const consumer = config?.types ?? {};
+  const merged = { ...BROKR_BUILT_IN_TYPES };
+  for (const [key, entry] of Object.entries(consumer)) {
+    merged[key] = { ...merged[key], ...entry };
+  }
+  return merged;
+}
+
+// src/notifications/registry.ts
+function resolveNotificationType(registry, type, data) {
+  const entry = registry[type ?? "default"];
+  if (!entry) {
+    return { image: null, href: null, variant: "default", suppressKey: null };
+  }
+  let image = null;
+  try {
+    image = entry.imageResolver?.(data) ?? null;
+  } catch {
+  }
+  let href = null;
+  try {
+    href = entry.hrefResolver?.(data) ?? null;
+  } catch {
+  }
+  let suppressKey = null;
+  try {
+    suppressKey = entry.suppressKey?.(data) ?? null;
+  } catch {
+  }
+  return {
+    image,
+    href,
+    variant: entry.defaultVariant ?? "default",
+    suppressKey
+  };
+}
+export {
+  BROKR_BUILT_IN_TYPES,
+  defineNotifications,
+  resolveNotificationType,
+  resolveRegistry
+};

package/dist/payments.js

@@ -0,0 +1,32 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/payments/config.ts
+var config_exports = {};
+__export(config_exports, {
+  definePayments: () => definePayments
+});
+module.exports = __toCommonJS(config_exports);
+function definePayments(config) {
+  return config;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  definePayments
+});

package/dist/payments.mjs

@@ -0,0 +1,7 @@
+// src/payments/config.ts
+function definePayments(config) {
+  return config;
+}
+export {
+  definePayments
+};

package/dist/react-notifications.js

@@ -0,0 +1,286 @@
+"use client";
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/react/notifications/index.ts
+var index_exports = {};
+__export(index_exports, {
+  NotificationBell: () => NotificationBell,
+  NotificationList: () => NotificationList,
+  defineNotifications: () => defineNotifications,
+  useNotifications: () => useNotifications
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/react/notifications/NotificationBell.tsx
+var import_react4 = __toESM(require("react"));
+
+// src/react/notifications/use-notifications.ts
+var import_react3 = require("react");
+
+// src/react/notifications/provider.tsx
+var import_react2 = __toESM(require("react"));
+
+// src/notifications/config.ts
+function defineNotifications(config) {
+  return config;
+}
+
+// src/notifications/registry.ts
+function resolveNotificationType(registry, type, data) {
+  const entry = registry[type ?? "default"];
+  if (!entry) {
+    return { image: null, href: null, variant: "default", suppressKey: null };
+  }
+  let image = null;
+  try {
+    image = entry.imageResolver?.(data) ?? null;
+  } catch {
+  }
+  let href = null;
+  try {
+    href = entry.hrefResolver?.(data) ?? null;
+  } catch {
+  }
+  let suppressKey = null;
+  try {
+    suppressKey = entry.suppressKey?.(data) ?? null;
+  } catch {
+  }
+  return {
+    image,
+    href,
+    variant: entry.defaultVariant ?? "default",
+    suppressKey
+  };
+}
+
+// src/react/notifications/Toast.tsx
+var import_react = __toESM(require("react"));
+
+// src/react/notifications/provider.tsx
+var NotificationsContext = (0, import_react2.createContext)(null);
+
+// src/react/notifications/use-notifications.ts
+function useNotifications() {
+  const ctx = (0, import_react3.useContext)(NotificationsContext);
+  if (!ctx) {
+    throw new Error(
+      "useNotifications() requires <BrokrProvider notifications> or <BrokrProvider notifications={config}>. Pass the notifications prop to enable the notification system."
+    );
+  }
+  return ctx;
+}
+
+// src/react/notifications/NotificationBell.tsx
+function timeAgo(iso) {
+  const diff = Date.now() - new Date(iso).getTime();
+  const mins = Math.floor(diff / 6e4);
+  if (mins < 1) return "just now";
+  if (mins < 60) return `${mins}m ago`;
+  const hours = Math.floor(mins / 60);
+  if (hours < 24) return `${hours}h ago`;
+  const days = Math.floor(hours / 24);
+  return `${days}d ago`;
+}
+function NotificationBell() {
+  const { notifications, unreadCount, markRead, markAllRead, isLoading, registry } = useNotifications();
+  const [open, setOpen] = (0, import_react4.useState)(false);
+  const containerRef = (0, import_react4.useRef)(null);
+  const markReadTimerRef = (0, import_react4.useRef)(null);
+  const toggle = (0, import_react4.useCallback)(() => setOpen((o) => !o), []);
+  (0, import_react4.useEffect)(() => {
+    if (markReadTimerRef.current) {
+      clearTimeout(markReadTimerRef.current);
+      markReadTimerRef.current = null;
+    }
+    if (open && unreadCount > 0) {
+      markReadTimerRef.current = setTimeout(() => {
+        markAllRead();
+      }, 800);
+    }
+    return () => {
+      if (markReadTimerRef.current) {
+        clearTimeout(markReadTimerRef.current);
+        markReadTimerRef.current = null;
+      }
+    };
+  }, [open, unreadCount, markAllRead]);
+  (0, import_react4.useEffect)(() => {
+    if (!open) return;
+    function handleClick(e) {
+      if (containerRef.current && !containerRef.current.contains(e.target)) {
+        setOpen(false);
+      }
+    }
+    document.addEventListener("mousedown", handleClick);
+    return () => document.removeEventListener("mousedown", handleClick);
+  }, [open]);
+  (0, import_react4.useEffect)(() => {
+    if (!open) return;
+    function handleKey(e) {
+      if (e.key === "Escape") setOpen(false);
+    }
+    document.addEventListener("keydown", handleKey);
+    return () => document.removeEventListener("keydown", handleKey);
+  }, [open]);
+  const sorted = (0, import_react4.useMemo)(
+    () => [...notifications].sort(
+      (a, b) => new Date(b.createdAt).getTime() - new Date(a.createdAt).getTime()
+    ),
+    [notifications]
+  );
+  const handleItemClick = (0, import_react4.useCallback)((notif) => {
+    if (!notif.read) markRead(notif.id);
+    const notifData = notif.data ?? {};
+    const notifType = notif.type ?? notifData.type ?? "default";
+    const resolved = resolveNotificationType(registry, notifType, notifData);
+    const href = resolved.href ?? notif.href ?? notifData.href ?? null;
+    if (href) {
+      window.location.assign(href);
+    }
+  }, [markRead, registry]);
+  return /* @__PURE__ */ import_react4.default.createElement("div", { className: "brokr-notif-bell-wrap", ref: containerRef }, /* @__PURE__ */ import_react4.default.createElement(
+    "button",
+    {
+      type: "button",
+      className: "brokr-notif-bell",
+      onClick: toggle,
+      "aria-label": `Notifications${unreadCount > 0 ? ` (${unreadCount} unread)` : ""}`,
+      "aria-expanded": open
+    },
+    /* @__PURE__ */ import_react4.default.createElement("svg", { "aria-hidden": "true", width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.75", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ import_react4.default.createElement("path", { d: "M6 8a6 6 0 0 1 12 0c0 7 3 9 3 9H3s3-2 3-9" }), /* @__PURE__ */ import_react4.default.createElement("path", { d: "M10.3 21a1.94 1.94 0 0 0 3.4 0" })),
+    unreadCount > 0 && /* @__PURE__ */ import_react4.default.createElement("span", { className: "brokr-notif-badge" }, unreadCount > 99 ? "99+" : unreadCount)
+  ), open && /* @__PURE__ */ import_react4.default.createElement("div", { className: "brokr-notif-dropdown", role: "menu" }, /* @__PURE__ */ import_react4.default.createElement("div", { className: "brokr-notif-dropdown-header" }, /* @__PURE__ */ import_react4.default.createElement("span", { className: "brokr-notif-dropdown-title" }, "Notifications"), unreadCount > 0 && /* @__PURE__ */ import_react4.default.createElement(
+    "button",
+    {
+      type: "button",
+      className: "brokr-notif-mark-all",
+      onClick: markAllRead
+    },
+    "Mark all read"
+  )), /* @__PURE__ */ import_react4.default.createElement("div", { className: "brokr-notif-dropdown-list" }, isLoading ? /* @__PURE__ */ import_react4.default.createElement("div", { className: "brokr-notif-empty" }, /* @__PURE__ */ import_react4.default.createElement("span", { className: "brokr-notif-empty-text" }, "Loading\u2026")) : sorted.length === 0 ? /* @__PURE__ */ import_react4.default.createElement("div", { className: "brokr-notif-empty" }, /* @__PURE__ */ import_react4.default.createElement("span", { className: "brokr-notif-empty-text" }, "No notifications yet")) : sorted.map((notif) => {
+    const notifData = notif.data ?? {};
+    const notifType = notifData.type ?? "default";
+    const resolved = resolveNotificationType(registry, notifType, notifData);
+    return /* @__PURE__ */ import_react4.default.createElement(
+      "button",
+      {
+        key: notif.id,
+        type: "button",
+        className: `brokr-notif-item${notif.read ? "" : " brokr-notif-item--unread"}`,
+        onClick: () => handleItemClick(notif),
+        role: "menuitem"
+      },
+      resolved.image ? /* @__PURE__ */ import_react4.default.createElement(
+        "img",
+        {
+          src: resolved.image.url,
+          alt: resolved.image.alt,
+          className: "brokr-notif-item-logo"
+        }
+      ) : /* @__PURE__ */ import_react4.default.createElement("span", { className: `brokr-notif-item-dot brokr-notif-item-dot--${notif.variant}` }),
+      /* @__PURE__ */ import_react4.default.createElement("div", { className: "brokr-notif-item-body" }, /* @__PURE__ */ import_react4.default.createElement("span", { className: "brokr-notif-item-title" }, notif.title), /* @__PURE__ */ import_react4.default.createElement("span", { className: "brokr-notif-item-message" }, notif.message)),
+      /* @__PURE__ */ import_react4.default.createElement("span", { className: "brokr-notif-item-time" }, timeAgo(notif.createdAt))
+    );
+  }))));
+}
+
+// src/react/notifications/NotificationList.tsx
+var import_react5 = __toESM(require("react"));
+function formatTimestamp(iso) {
+  const date = new Date(iso);
+  return new Intl.DateTimeFormat("en-US", {
+    month: "short",
+    day: "numeric",
+    hour: "numeric",
+    minute: "2-digit"
+  }).format(date);
+}
+function NotificationListSkeleton() {
+  return /* @__PURE__ */ import_react5.default.createElement("div", { className: "brokr-notif-list-items" }, [1, 2, 3].map((i) => /* @__PURE__ */ import_react5.default.createElement("div", { key: i, className: "brokr-notif-list-row brokr-notif-list-row--skeleton" }, /* @__PURE__ */ import_react5.default.createElement("span", { className: "brokr-notif-item-dot brokr-notif-item-dot--skeleton" }), /* @__PURE__ */ import_react5.default.createElement("div", { className: "brokr-notif-item-body" }, /* @__PURE__ */ import_react5.default.createElement("span", { className: "brokr-notif-item-title brokr-skeleton-line", style: { width: "60%" } }), /* @__PURE__ */ import_react5.default.createElement("span", { className: "brokr-notif-item-message brokr-skeleton-line", style: { width: "80%" } })), /* @__PURE__ */ import_react5.default.createElement("span", { className: "brokr-notif-item-time brokr-skeleton-line", style: { width: 48 } }))));
+}
+function NotificationList() {
+  const { notifications, unreadCount, markRead, markAllRead, isLoading, registry } = useNotifications();
+  const sorted = (0, import_react5.useMemo)(
+    () => [...notifications].sort(
+      (a, b) => new Date(b.createdAt).getTime() - new Date(a.createdAt).getTime()
+    ),
+    [notifications]
+  );
+  const handleClick = (0, import_react5.useCallback)((notif) => {
+    if (!notif.read) markRead(notif.id);
+    const notifData = notif.data ?? {};
+    const notifType = notif.type ?? notifData.type ?? "default";
+    const resolved = resolveNotificationType(registry, notifType, notifData);
+    const href = resolved.href ?? notif.href ?? notifData.href ?? null;
+    if (href) {
+      window.location.assign(href);
+    }
+  }, [markRead, registry]);
+  return /* @__PURE__ */ import_react5.default.createElement("div", { className: "brokr-notif-list" }, /* @__PURE__ */ import_react5.default.createElement("div", { className: "brokr-notif-list-header" }, /* @__PURE__ */ import_react5.default.createElement("span", { className: "brokr-notif-list-title" }, "Notifications"), unreadCount > 0 && /* @__PURE__ */ import_react5.default.createElement(
+    "button",
+    {
+      type: "button",
+      className: "brokr-notif-mark-all",
+      onClick: markAllRead
+    },
+    "Mark all read"
+  )), isLoading ? /* @__PURE__ */ import_react5.default.createElement(NotificationListSkeleton, null) : sorted.length === 0 ? /* @__PURE__ */ import_react5.default.createElement("div", { className: "brokr-notif-empty" }, /* @__PURE__ */ import_react5.default.createElement("svg", { "aria-hidden": "true", width: "40", height: "40", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1", strokeLinecap: "round", strokeLinejoin: "round", style: { opacity: 0.3 } }, /* @__PURE__ */ import_react5.default.createElement("path", { d: "M6 8a6 6 0 0 1 12 0c0 7 3 9 3 9H3s3-2 3-9" }), /* @__PURE__ */ import_react5.default.createElement("path", { d: "M10.3 21a1.94 1.94 0 0 0 3.4 0" })), /* @__PURE__ */ import_react5.default.createElement("span", { className: "brokr-notif-empty-text" }, "No notifications yet")) : /* @__PURE__ */ import_react5.default.createElement("div", { className: "brokr-notif-list-items" }, sorted.map((notif) => {
+    const notifData = notif.data ?? {};
+    const notifType = notif.type ?? notifData.type ?? "default";
+    const resolved = resolveNotificationType(registry, notifType, notifData);
+    return /* @__PURE__ */ import_react5.default.createElement(
+      "button",
+      {
+        key: notif.id,
+        type: "button",
+        className: `brokr-notif-list-row${notif.read ? "" : " brokr-notif-list-row--unread"}`,
+        onClick: () => handleClick(notif)
+      },
+      resolved.image ? /* @__PURE__ */ import_react5.default.createElement(
+        "img",
+        {
+          src: resolved.image.url,
+          alt: resolved.image.alt,
+          className: "brokr-notif-item-logo"
+        }
+      ) : /* @__PURE__ */ import_react5.default.createElement("span", { className: `brokr-notif-item-dot brokr-notif-item-dot--${notif.variant}` }),
+      /* @__PURE__ */ import_react5.default.createElement("div", { className: "brokr-notif-item-body" }, /* @__PURE__ */ import_react5.default.createElement("span", { className: "brokr-notif-item-title" }, notif.title), /* @__PURE__ */ import_react5.default.createElement("span", { className: "brokr-notif-item-message" }, notif.message)),
+      /* @__PURE__ */ import_react5.default.createElement("span", { className: "brokr-notif-item-time" }, formatTimestamp(notif.createdAt))
+    );
+  })));
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  NotificationBell,
+  NotificationList,
+  defineNotifications,
+  useNotifications
+});