[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill-novu-novu-inbox-integration":3,"mdc--1mvbc3-key":41,"related-org-novu-novu-inbox-integration":9729,"related-repo-novu-novu-inbox-integration":9828},{"slug":4,"name":4,"fn":5,"description":6,"org":7,"tags":12,"stars":29,"repoUrl":30,"updatedAt":31,"license":32,"forks":33,"topics":34,"repo":36,"sourceUrl":39,"mdContent":40},"novu-inbox-integration","integrate Novu in-app notification inbox","Integrate Novu's in-app notification inbox into web applications. Supports React, Next.js, and vanilla JavaScript. Includes the Inbox component (bell icon + notification feed), composable components (Bell, Notifications, InboxContent, Preferences), headless hooks, branded theming, custom render props, multi-tenancy via contexts, tabs, localization, and HMAC security. Use when adding an in-app notification center, bell icon, notification feed, real-time notification updates, or building a personalized and branded notification experience.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},"novu","Novu","https:\u002F\u002Fpexgzepcugksgbtrxkhf.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Forg-logos\u002Fnovu.png","novuhq",[13,17,20,23,26],{"name":14,"slug":15,"type":16},"React","react","tag",{"name":18,"slug":19,"type":16},"Next.js","next-js",{"name":21,"slug":22,"type":16},"JavaScript","javascript",{"name":24,"slug":25,"type":16},"Frontend","frontend",{"name":27,"slug":28,"type":16},"Notifications","notifications",1,"https:\u002F\u002Fgithub.com\u002Fnovuhq\u002Fskills","2026-07-13T06:21:11.359078",null,2,[35,28,8],"notification",{"repoUrl":30,"stars":29,"forks":33,"topics":37,"description":38},[35,28,8],"Novu Skill Set for AI Agents ","https:\u002F\u002Fgithub.com\u002Fnovuhq\u002Fskills\u002Ftree\u002FHEAD\u002Fskills\u002Finbox-integration","---\nname: novu-inbox-integration\ndescription: Integrate Novu's in-app notification inbox into web applications. Supports React, Next.js, and vanilla JavaScript. Includes the Inbox component (bell icon + notification feed), composable components (Bell, Notifications, InboxContent, Preferences), headless hooks, branded theming, custom render props, multi-tenancy via contexts, tabs, localization, and HMAC security. Use when adding an in-app notification center, bell icon, notification feed, real-time notification updates, or building a personalized and branded notification experience.\ninputs:\n - name: NOVU_APPLICATION_IDENTIFIER\n description: \"Application identifier for client-side Inbox integration. Found in dashboard integration settings.\"\n required: true\n type: string\n---\n\n# Inbox Integration\n\nAdd an in-app notification center to your web application. The Inbox component provides a bell icon, notification feed, read\u002Farchive management, action buttons, and real-time WebSocket updates β€” all theme-able and personalizable to match your product.\n\n## Packages\n\n| Package | Use For |\n| --- | --- |\n| `@novu\u002Freact` | React 18\u002F19 applications |\n| `@novu\u002Fnextjs` | Next.js (App Router + Pages Router) |\n| `@novu\u002Fjs` | Vanilla JavaScript \u002F non-React frameworks |\n\n## React Quick Start\n\n```bash\nnpm install @novu\u002Freact\n```\n\n```tsx\nimport { Inbox } from \"@novu\u002Freact\";\n\nfunction App() {\n return (\n \u003CInbox\n applicationIdentifier=\"YOUR_NOVU_APP_ID\"\n subscriberId=\"subscriber-123\"\n subscriberHash=\"HMAC_HASH\" \u002F\u002F Required if HMAC encryption is enabled\n \u002F>\n );\n}\n```\n\nThis renders a bell icon with unread count. Clicking it opens a popover with the notification feed.\n\n## Next.js\n\n```bash\nnpm install @novu\u002Fnextjs\n```\n\n### App Router\n\n```tsx\n\u002F\u002F components\u002FNotificationInbox.tsx\n\"use client\";\n\nimport { Inbox } from \"@novu\u002Fnextjs\";\n\nexport function NotificationInbox() {\n return (\n \u003CInbox\n applicationIdentifier={process.env.NEXT_PUBLIC_NOVU_APP_ID!}\n subscriberId=\"subscriber-123\"\n subscriberHash=\"HMAC_HASH\"\n \u002F>\n );\n}\n```\n\n**Important:** The Inbox is a client component β€” use `\"use client\"` directive in Next.js App Router.\n\n### Pages Router\n\n```tsx\nimport { Inbox } from \"@novu\u002Fnextjs\";\n\nexport default function NotificationsPage() {\n return (\n \u003CInbox\n applicationIdentifier={process.env.NEXT_PUBLIC_NOVU_APP_ID!}\n subscriberId=\"subscriber-123\"\n subscriberHash=\"HMAC_HASH\"\n \u002F>\n );\n}\n```\n\n## Composable Components\n\nThe `\u003CInbox>` component is composable. When you pass children, it acts as a context provider and you compose the UI from primitives:\n\n| Component | Purpose |\n| --- | --- |\n| `\u003CBell \u002F>` | Bell icon with unread count |\n| `\u003CNotifications \u002F>` | Notification feed (header + list + footer) |\n| `\u003CInboxContent \u002F>` | Same as `\u003CNotifications \u002F>` plus the Preferences page |\n| `\u003CPreferences \u002F>` | Standalone preferences panel |\n\n```tsx\nimport { Inbox, Bell, Notifications, Preferences } from \"@novu\u002Freact\";\n\nfunction App() {\n return (\n \u003CInbox\n applicationIdentifier=\"YOUR_NOVU_APP_ID\"\n subscriberId=\"subscriber-123\"\n subscriberHash=\"HMAC_HASH\"\n >\n \u003CBell \u002F>\n \u003CNotifications \u002F>\n \u003CPreferences \u002F>\n \u003C\u002FInbox>\n );\n}\n```\n\nUse these primitives to build a custom popover, modal, drawer, or full-page notification experience.\n\n## Branding the Inbox\n\nThe Inbox is fully themeable via the `appearance` prop. It supports four keys:\n\n| Key | Purpose |\n| --- | --- |\n| `baseTheme` | Apply a predefined theme (e.g. `dark`) |\n| `variables` | Global design tokens (colors, fonts, radius, severity colors) |\n| `elements` | Per-element styles (style object, class string, or context callback) |\n| `icons` | Replace built-in icons with your own React components |\n\nStyles are auto-injected into `\u003Chead>` (or the shadow root if rendered inside a shadow DOM). When both `baseTheme` and `variables` are provided, `variables` win.\n\n> Inspiration: the [Inbox Playground](https:\u002F\u002Finbox.novu.co) showcases pre-styled variants like Notion and Reddit.\n\n### Dark mode (and other base themes)\n\n```tsx\nimport { Inbox } from \"@novu\u002Freact\";\nimport { dark } from \"@novu\u002Freact\u002Fthemes\";\n\n\u003CInbox\n applicationIdentifier=\"YOUR_NOVU_APP_ID\"\n subscriberId=\"subscriber-123\"\n appearance={{ baseTheme: dark }}\n\u002F>\n```\n\n### Global variables\n\n```tsx\n\u003CInbox\n applicationIdentifier=\"YOUR_NOVU_APP_ID\"\n subscriberId=\"subscriber-123\"\n appearance={{\n variables: {\n colorPrimary: \"#0081F1\",\n colorBackground: \"#ffffff\",\n colorForeground: \"#1A1523\",\n colorPrimaryForeground: \"#ffffff\",\n colorSecondary: \"#F1F0EF\",\n colorCounter: \"#E5484D\",\n colorCounterForeground: \"#ffffff\",\n colorNeutral: \"#E0DEDC\",\n colorShadow: \"rgba(0,0,0,0.08)\",\n fontSize: \"14px\",\n borderRadius: \"8px\",\n colorSeverityHigh: \"#E5484D\",\n colorSeverityMedium: \"#F76808\",\n colorSeverityLow: \"#3E63DD\",\n },\n }}\n\u002F>\n```\n\n### Element-level styling (Tailwind, CSS Modules, inline styles)\n\nEach element accepts a string of class names, a style object, or a function `(context) => string` for runtime conditionals.\n\n```tsx\nimport inboxStyles from \".\u002Finbox.module.css\";\n\n\u003CInbox\n applicationIdentifier=\"YOUR_NOVU_APP_ID\"\n subscriberId=\"subscriber-123\"\n appearance={{\n elements: {\n bellIcon: ({ unreadCount }) =>\n unreadCount.total > 10\n ? \"p-4 bg-white rounded-full [--bell-gradient-end:var(--color-red-500)]\"\n : \"p-4 bg-white rounded-full\",\n notification: ({ notification }) =>\n notification.data?.priority === \"high\"\n ? \"bg-red-50 ring-1 ring-red-300 rounded-lg\"\n : \"bg-white rounded-lg shadow-sm hover:bg-gray-50\",\n notificationSubject: { fontWeight: 600 },\n notificationBody: inboxStyles.body,\n },\n }}\n\u002F>\n```\n\n> To find an element key, inspect the DOM: any class starting with `nv-` (visible just before a πŸ”” emoji in DevTools) maps to a key in `appearance.elements` (drop the `nv-` prefix). TS autocomplete lists all available keys.\n\n### Custom icons\n\nReplace any built-in icon by returning a React component from `appearance.icons`:\n\n```tsx\nimport { RiSettings3Fill, RiNotification3Fill } from \"react-icons\u002Fri\";\n\n\u003CInbox\n applicationIdentifier=\"YOUR_NOVU_APP_ID\"\n subscriberId=\"subscriber-123\"\n appearance={{\n icons: {\n bell: () => \u003CRiNotification3Fill \u002F>,\n cogs: () => \u003CRiSettings3Fill \u002F>,\n },\n }}\n\u002F>\n```\n\nCommon icon keys: `bell`, `cogs`, `dots`, `arrowDown`, `arrowDropDown`, `arrowLeft`, `arrowRight`, `check`, `clock`, `trash`, `markAsRead`, `markAsUnread`, `markAsArchived`, `markAsUnarchived`, `email`, `sms`, `push`, `inApp`, `chat`. To find more, inspect classes that start with `nv-` and contain a πŸ–ΌοΈ emoji.\n\n### Severity styling\n\nNotifications and the bell are styled by severity (`high`, `medium`, `low`). Override colors via `variables`:\n\n> Severity is a **visual** dial only. The workflow-level `critical: true` flag is independent β€” it changes runtime delivery (bypass preferences, skip digest), not Inbox styling. `critical` workflows that should also stand out visually should set `severity: 'high'` explicitly. See [`design-workflow\u002Freferences\u002Fseverity-and-critical.md`](..\u002Fdesign-workflow\u002Freferences\u002Fseverity-and-critical.md) for the full design rules.\n\n```tsx\nappearance: {\n variables: {\n colorSeverityHigh: \"#E5484D\",\n colorSeverityMedium: \"#F76808\",\n colorSeverityLow: \"#3E63DD\",\n },\n}\n```\n\n…or per element:\n\n```tsx\nappearance: {\n elements: {\n severityHigh__notificationBar: { backgroundColor: \"red\" },\n severityHigh__bellContainer: \"ring-2 ring-red-500\",\n severityGlowHigh__bellSeverityGlow: \"bg-red-500\",\n },\n}\n```\n\nBy default the bell takes the color of the highest-severity unread notification.\n\n### Responsive Inbox\n\n```tsx\n\u003CInbox\n \u002F* ... *\u002F\n appearance={{ elements: { popoverContent: \"novu-popover-content\" } }}\n\u002F>\n```\n\n```css\n.novu-popover-content { max-width: 500px; }\n@media (max-width: 768px) { .novu-popover-content { max-width: 350px; } }\n@media (max-width: 480px) { .novu-popover-content { max-width: 250px; } }\n```\n\nSee [Branding & Styling Reference](.\u002Freferences\u002Fbranding-and-styling.md) for the full variable list, severity element keys, dynamic callback signatures, and Notion\u002FReddit-style presets.\n\n## Personalization\n\n### Render props\n\nOverride individual parts of a notification β€” keep the surrounding chrome (action buttons, hover state, etc.) intact:\n\n```tsx\n\u003CInbox\n applicationIdentifier=\"YOUR_NOVU_APP_ID\"\n subscriberId=\"subscriber-123\"\n renderBell={(unreadCount) => \u003CMyBell count={unreadCount.total} \u002F>}\n renderAvatar={(notification) => \u003CAvatar src={notification.avatar} \u002F>}\n renderSubject={(notification) => \u003Cstrong>{notification.subject}\u003C\u002Fstrong>}\n renderBody={(notification) => \u003Cp>{notification.body}\u003C\u002Fp>}\n renderDefaultActions={(notification) => \u003CMyActions notification={notification} \u002F>}\n renderCustomActions={(notification) => (\n \u003CPrimarySecondaryButtons notification={notification} \u002F>\n )}\n\u002F>\n```\n\nUse `renderNotification` only when you need full control of the item β€” you'll need to re-implement default actions (mark as read, archive, snooze) yourself.\n\n```tsx\n\u003CInbox\n \u002F* ... *\u002F\n renderNotification={(notification) => (\n \u003Cdiv className=\"custom-row\">\n \u003Ch3>{notification.subject}\u003C\u002Fh3>\n \u003Cp>{notification.body}\u003C\u002Fp>\n \u003C\u002Fdiv>\n )}\n\u002F>\n```\n\n### Conditional display\n\n`renderNotification` receives the full notification β€” branch on `tags`, `data`, `severity`, or `workflow.identifier`:\n\n```tsx\nrenderNotification={(notification) => {\n if (notification.severity === SeverityLevelEnum.HIGH) return \u003CHighPriorityRow notification={notification} \u002F>;\n if (notification.tags?.includes(\"billing\")) return \u003CBillingRow notification={notification} \u002F>;\n if (notification.data?.priority === \"high\") return \u003CUrgentRow notification={notification} \u002F>;\n\n return \u003CDefaultRow notification={notification} \u002F>;\n}}\n```\n\n### HTML in notification content\n\nTo render rich HTML in `subject` \u002F `body`:\n\n1. Disable **Disable content sanitization** in the In-App step in your workflow.\n2. Render with `dangerouslySetInnerHTML` in a render prop:\n\n```tsx\n\u003CInbox\n \u002F* ... *\u002F\n renderBody={(notification) => (\n \u003Cdiv dangerouslySetInnerHTML={{ __html: notification.body }} \u002F>\n )}\n renderSubject={(notification) => (\n \u003Cspan dangerouslySetInnerHTML={{ __html: notification.subject }} \u002F>\n )}\n\u002F>\n```\n\n> Only enable this if you fully control the trigger payload β€” raw HTML opens an XSS surface area.\n\n### Notification click behavior\n\nHook the Inbox into your router. Novu calls `routerPush` with the `redirect.url` defined in your workflow:\n\n```tsx\nimport { useRouter } from \"next\u002Fnavigation\";\n\nconst router = useRouter();\n\n\u003CInbox\n \u002F* ... *\u002F\n routerPush={(path) => router.push(path)}\n onNotificationClick={(notification) => track(\"inbox_notification_click\", { id: notification.id })}\n onPrimaryActionClick={(notification) => doSomething(notification.primaryAction)}\n onSecondaryActionClick={(notification) => doSomethingElse(notification.secondaryAction)}\n\u002F>\n```\n\nWorks with React Router (`useNavigate()`), Remix (`useNavigate()`), Gatsby (`navigate()`), and any custom router.\n\nSee [Personalization Reference](.\u002Freferences\u002Fpersonalization.md) for full render-prop signatures, `renderCustomActions` styling examples, popover composition with Radix \u002F shadcn Drawer, and conditional UI patterns.\n\n## Tabs\n\nGroup notifications into tabs by **tags**, **severity**, or **`data` properties**:\n\n```tsx\nimport { Inbox, SeverityLevelEnum } from \"@novu\u002Freact\";\n\n\u003CInbox\n applicationIdentifier=\"YOUR_NOVU_APP_ID\"\n subscriberId=\"subscriber-123\"\n tabs={[\n { label: \"All\", filter: { tags: [] } },\n { label: \"Promotions\", filter: { tags: [\"promotions\"] } },\n { label: \"Security\", filter: { tags: [\"security\", \"alert\"] } },\n { label: \"Critical\", filter: { severity: SeverityLevelEnum.HIGH } },\n { label: \"High Priority\", filter: { data: { priority: \"high\" } } },\n {\n label: \"Billing\",\n filter: { tags: [\"billing\"], data: { entity: \"invoice\" } },\n },\n ]}\n\u002F>\n```\n\n- **Tags** are workflow-level β€” assign them in the workflow editor. Multiple tags use `OR` logic.\n- **Severity** comes from the In-App step's severity setting (`HIGH`, `MEDIUM`, `LOW`).\n- **`data`** comes from the [data object](#data-object) defined per In-App step.\n\nUse the [`useCounts` hook](https:\u002F\u002Fdocs.novu.co\u002Fplatform\u002Fsdks\u002Freact\u002Fhooks\u002Fuse-counts) to render unread counts per tab.\n\n## Multi-Tenancy with Contexts\n\nUse **Contexts** to scope the Inbox to a tenant, workspace, or feature area. The Inbox shows only notifications whose trigger context matches the Inbox context exactly.\n\n### 1. Trigger workflows with context\n\n```typescript\nawait novu.trigger({\n workflowId: \"invoice-paid\",\n to: { subscriberId: \"user-123\" },\n payload: { amount: \"$250\" },\n context: {\n tenant: {\n id: \"acme-corp\",\n data: { name: \"Acme Corporation\", plan: \"enterprise\" },\n },\n },\n});\n```\n\n### 2. Pass the matching context to the Inbox\n\n```tsx\n\u003CInbox\n applicationIdentifier=\"YOUR_NOVU_APP_ID\"\n subscriberId=\"user-123\"\n subscriberHash=\"HMAC_HASH\"\n context={{\n tenant: {\n id: \"acme-corp\",\n data: { name: \"Acme Corporation\", plan: \"enterprise\" },\n },\n }}\n\u002F>\n```\n\n### 3. Secure the context with `contextHash`\n\nBecause `context` is set client-side, a hostile user could swap tenant IDs. Generate an HMAC hash of the canonicalized context server-side:\n\n```typescript\nimport { createHmac } from \"crypto\";\nimport { canonicalize } from \"@tufjs\u002Fcanonical-json\";\n\nconst context = {\n tenant: { id: \"acme-corp\", data: { name: \"Acme Corporation\", plan: \"enterprise\" } },\n};\n\nconst contextHash = createHmac(\"sha256\", process.env.NOVU_SECRET_KEY!)\n .update(canonicalize(context))\n .digest(\"hex\");\n```\n\nPass it alongside the `context`:\n\n```tsx\n\u003CInbox\n \u002F* ... *\u002F\n context={context}\n contextHash={contextHash}\n\u002F>\n```\n\n### Context match rules\n\n| Workflow Context | Inbox Context | Displayed? |\n| --- | --- | --- |\n| `{ tenant: \"acme\" }` | `{ tenant: \"acme\" }` | βœ… |\n| `{}` | `{}` | βœ… |\n| `{ tenant: \"acme\" }` | `{}` | ❌ |\n| `{}` | `{ tenant: \"acme\" }` | ❌ |\n| `{ tenant: \"acme\" }` | `{ tenant: \"globex\" }` | ❌ |\n\nContext that doesn't yet exist in Novu is auto-created. Existing context data is **not** auto-updated to prevent overwrites.\n\nSee [Multi-Tenancy Reference](.\u002Freferences\u002Fmulti-tenancy.md) for full setup, dashboard management, and dynamic content rendering with `{{context}}`.\n\n## Data Object\n\nEach In-App step supports a custom **data object** β€” up to 10 scalar key-value pairs (string, number, boolean, null; strings ≀ 256 chars) defined in the workflow editor. Values can be static (`\"status\": \"merged\"`) or dynamic (`\"firstName\": \"{{subscriber.firstName}}\"`).\n\nAccess it client-side as `notification.data` and use it for render decisions, conditional styling, and tab filtering.\n\n```tsx\n\u003CInbox\n \u002F* ... *\u002F\n renderNotification={(notification) => (\n \u003Cdiv>\n \u003Cspan>{notification.data?.emoji}\u003C\u002Fspan>\n \u003Cstrong>{notification.data?.firstName}\u003C\u002Fstrong>\n \u003Cp>{notification.body}\u003C\u002Fp>\n \u003C\u002Fdiv>\n )}\n\u002F>\n```\n\nType the data object globally for autocomplete:\n\n```ts\ndeclare global {\n interface NotificationData {\n reactionType?: string;\n entityId?: string;\n userName?: string;\n }\n}\n```\n\n> Don't store secrets in `data` β€” it's returned to the client. Never spread the entire trigger payload into `data`.\n\n## Custom Popover\n\nMount the notification feed inside any popover, drawer, or page layout. Use `\u003CBell \u002F>` (or your own trigger) plus `\u003CNotifications \u002F>` or `\u003CInboxContent \u002F>`:\n\n```tsx\nimport { Inbox, InboxContent, Bell } from \"@novu\u002Freact\";\nimport { Popover, PopoverTrigger, PopoverContent } from \"@radix-ui\u002Freact-popover\";\n\n\u003CInbox\n applicationIdentifier=\"YOUR_NOVU_APP_ID\"\n subscriberId=\"subscriber-123\"\n>\n \u003CPopover>\n \u003CPopoverTrigger>\n \u003CBell \u002F>\n \u003C\u002FPopoverTrigger>\n \u003CPopoverContent className=\"h-[600px] w-[400px] p-0\">\n \u003CInboxContent \u002F>\n \u003C\u002FPopoverContent>\n \u003C\u002FPopover>\n\u003C\u002FInbox>\n```\n\nThe same pattern works with shadcn `\u003CDrawer>`, Headless UI, or a route-level page (mount `\u003CInboxContent \u002F>` directly without any popover). All customization props (`appearance`, `localization`, `tabs`, `routerPush`, render props) flow through the `\u003CInbox>` provider.\n\n## Localization\n\nOverride Inbox UI text β€” useful for multi-language apps or matching your product voice:\n\n```tsx\n\u003CInbox\n applicationIdentifier=\"YOUR_NOVU_APP_ID\"\n subscriberId=\"subscriber-123\"\n localization={{\n locale: \"en-US\",\n \"inbox.filters.labels.default\": \"Notifications\",\n \"inbox.filters.dropdownOptions.unread\": \"Unread only\",\n \"notifications.emptyNotice\": \"You're all caught up.\",\n \"notifications.actions.readAll\": \"Mark all as read\",\n \"notification.actions.archive.tooltip\": \"Move to archive\",\n \"preferences.title\": \"Notification Preferences\",\n dynamic: {\n \"new-comment-on-post\": \"Post comments\",\n \"new-follower-digest\": \"New Follower Updates\",\n },\n }}\n\u002F>\n```\n\n- Localization changes UI text only. To translate notification *content*, use [Workflow Translations](https:\u002F\u002Fdocs.novu.co\u002Fplatform\u002Fworkflow\u002Fadvanced-features\u002Ftranslations).\n- Use the `dynamic` map to localize workflow names shown in the Preferences UI.\n- The full key list lives in [`defaultLocalization.ts`](https:\u002F\u002Fgithub.com\u002Fnovuhq\u002Fnovu\u002Fblob\u002Fnext\u002Fpackages\u002Fjs\u002Fsrc\u002Fui\u002Fconfig\u002FdefaultLocalization.ts).\n\n## HMAC Authentication\n\n**Required in production** to prevent subscriber impersonation. See https:\u002F\u002Fdocs.novu.co\u002Fplatform\u002Finbox\u002Fprepare-for-production for the full guide.\n\n### Generate the hash (server-side)\n\n```typescript\nimport { createHmac } from \"crypto\";\n\nconst subscriberHash = createHmac(\"sha256\", process.env.NOVU_SECRET_KEY!)\n .update(subscriberId)\n .digest(\"hex\");\n```\n\n### Python\n\n```python\nimport hmac, hashlib\n\nsubscriber_hash = hmac.new(\n NOVU_SECRET_KEY.encode(),\n subscriber_id.encode(),\n hashlib.sha256,\n).hexdigest()\n```\n\n### Pass to the component\n\n```tsx\n\u003CInbox\n applicationIdentifier=\"YOUR_NOVU_APP_ID\"\n subscriberId=\"subscriber-123\"\n subscriberHash={subscriberHash}\n\u002F>\n```\n\nIf you also pass a `context`, generate a `contextHash` (see [Multi-Tenancy](#multi-tenancy-with-contexts)).\n\n## Common Pitfalls\n\n1. **`applicationIdentifier` is NOT the same as `NOVU_SECRET_KEY`** β€” the app ID is a public identifier safe for client-side use. The secret key is server-only.\n2. **HMAC hash is mandatory in production** β€” without it, anyone can impersonate a subscriber by guessing their ID.\n3. **The Inbox only shows notifications from workflows with an `inApp` step** β€” if your workflow doesn't include `step.inApp()`, nothing appears.\n4. **`\"use client\"` is required in Next.js App Router** β€” the Inbox component is client-side only.\n5. **Real-time updates are automatic** β€” the Inbox uses WebSockets internally. No additional setup needed.\n6. **`@novu\u002Freact` vs `@novu\u002Fnextjs`** β€” use `@novu\u002Fnextjs` for Next.js apps (handles SSR edge cases), `@novu\u002Freact` for all other React apps.\n7. **`variables` override `baseTheme`** β€” when both are set in `appearance`, variables win. Set variables in dark\u002Flight themes intentionally.\n8. **Element callbacks return strings** β€” `(context) => string` returns class names, not style objects. For style objects use a static value.\n9. **Context filtering is exact-match** β€” passing `context={{}}` to the Inbox hides any notification triggered with a non-empty context, and vice-versa.\n10. **Don't store secrets in `notification.data`** β€” it's sent to the client.\n11. **`renderNotification` removes default actions** β€” use granular render props (`renderSubject`, `renderBody`, `renderAvatar`, `renderDefaultActions`, `renderCustomActions`) when you want to keep mark-as-read \u002F archive \u002F snooze affordances.\n12. **HTML rendering requires both steps** β€” disabling sanitization in the workflow *and* using `dangerouslySetInnerHTML` in a render prop. Either alone has no effect.\n\n## References\n\n- [Branding & Styling](.\u002Freferences\u002Fbranding-and-styling.md) β€” full appearance API: themes, variables, elements, icons, severity, dynamic callbacks\n- [Personalization](.\u002Freferences\u002Fpersonalization.md) β€” render props, custom popover (Radix, shadcn Drawer), conditional display, click handlers\n- [Multi-Tenancy with Contexts](.\u002Freferences\u002Fmulti-tenancy.md) β€” context-based isolation, securing contextHash, dynamic templates\n- [React Inbox Examples](.\u002Freferences\u002Freact-inbox-examples.md)\n- [Next.js Inbox Examples](.\u002Freferences\u002Fnextjs-inbox-examples.md)\n- [Headless Inbox (Vanilla JS)](.\u002Freferences\u002Fheadless-inbox-examples.md)\n- [Security (HMAC)](.\u002Freferences\u002Fsecurity.md)\n",{"data":42,"body":49},{"name":4,"description":6,"inputs":43},[44],{"name":45,"description":46,"required":47,"type":48},"NOVU_APPLICATION_IDENTIFIER","Application identifier for client-side Inbox integration. Found in dashboard integration settings.",true,"string",{"type":50,"children":51},"root",[52,61,67,74,154,160,193,432,437,442,465,472,723,742,748,958,964,977,1074,1359,1364,1370,1383,1480,1514,1534,1540,1735,1741,2267,2273,2286,2729,2760,2766,2778,3017,3164,3170,3202,3253,3390,3395,3547,3552,3558,3646,3837,3850,3856,3862,3867,4300,4313,4515,4521,4559,4877,4883,4901,4931,5130,5138,5144,5165,5510,5538,5558,5564,5590,6293,6367,6387,6393,6404,6410,6720,6726,6951,6963,6976,7348,7359,7430,7436,7583,7595,7614,7620,7646,7659,7894,7899,8019,8040,8046,8071,8427,8480,8485,8490,8929,8982,8988,9006,9012,9184,9190,9253,9259,9350,9376,9382,9650,9656,9723],{"type":53,"tag":54,"props":55,"children":57},"element","h1",{"id":56},"inbox-integration",[58],{"type":59,"value":60},"text","Inbox Integration",{"type":53,"tag":62,"props":63,"children":64},"p",{},[65],{"type":59,"value":66},"Add an in-app notification center to your web application. The Inbox component provides a bell icon, notification feed, read\u002Farchive management, action buttons, and real-time WebSocket updates β€” all theme-able and personalizable to match your product.",{"type":53,"tag":68,"props":69,"children":71},"h2",{"id":70},"packages",[72],{"type":59,"value":73},"Packages",{"type":53,"tag":75,"props":76,"children":77},"table",{},[78,97],{"type":53,"tag":79,"props":80,"children":81},"thead",{},[82],{"type":53,"tag":83,"props":84,"children":85},"tr",{},[86,92],{"type":53,"tag":87,"props":88,"children":89},"th",{},[90],{"type":59,"value":91},"Package",{"type":53,"tag":87,"props":93,"children":94},{},[95],{"type":59,"value":96},"Use For",{"type":53,"tag":98,"props":99,"children":100},"tbody",{},[101,120,137],{"type":53,"tag":83,"props":102,"children":103},{},[104,115],{"type":53,"tag":105,"props":106,"children":107},"td",{},[108],{"type":53,"tag":109,"props":110,"children":112},"code",{"className":111},[],[113],{"type":59,"value":114},"@novu\u002Freact",{"type":53,"tag":105,"props":116,"children":117},{},[118],{"type":59,"value":119},"React 18\u002F19 applications",{"type":53,"tag":83,"props":121,"children":122},{},[123,132],{"type":53,"tag":105,"props":124,"children":125},{},[126],{"type":53,"tag":109,"props":127,"children":129},{"className":128},[],[130],{"type":59,"value":131},"@novu\u002Fnextjs",{"type":53,"tag":105,"props":133,"children":134},{},[135],{"type":59,"value":136},"Next.js (App Router + Pages Router)",{"type":53,"tag":83,"props":138,"children":139},{},[140,149],{"type":53,"tag":105,"props":141,"children":142},{},[143],{"type":53,"tag":109,"props":144,"children":146},{"className":145},[],[147],{"type":59,"value":148},"@novu\u002Fjs",{"type":53,"tag":105,"props":150,"children":151},{},[152],{"type":59,"value":153},"Vanilla JavaScript \u002F non-React frameworks",{"type":53,"tag":68,"props":155,"children":157},{"id":156},"react-quick-start",[158],{"type":59,"value":159},"React Quick Start",{"type":53,"tag":161,"props":162,"children":167},"pre",{"className":163,"code":164,"language":165,"meta":166,"style":166},"language-bash shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","npm install @novu\u002Freact\n","bash","",[168],{"type":53,"tag":109,"props":169,"children":170},{"__ignoreMap":166},[171],{"type":53,"tag":172,"props":173,"children":175},"span",{"class":174,"line":29},"line",[176,182,188],{"type":53,"tag":172,"props":177,"children":179},{"style":178},"--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B",[180],{"type":59,"value":181},"npm",{"type":53,"tag":172,"props":183,"children":185},{"style":184},"--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D",[186],{"type":59,"value":187}," install",{"type":53,"tag":172,"props":189,"children":190},{"style":184},[191],{"type":59,"value":192}," @novu\u002Freact\n",{"type":53,"tag":161,"props":194,"children":198},{"className":195,"code":196,"language":197,"meta":166,"style":166},"language-tsx shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","import { Inbox } from \"@novu\u002Freact\";\n\nfunction App() {\n return (\n \u003CInbox\n applicationIdentifier=\"YOUR_NOVU_APP_ID\"\n subscriberId=\"subscriber-123\"\n subscriberHash=\"HMAC_HASH\" \u002F\u002F Required if HMAC encryption is enabled\n \u002F>\n );\n}\n","tsx",[199],{"type":53,"tag":109,"props":200,"children":201},{"__ignoreMap":166},[202,252,260,286,301,315,343,369,401,410,423],{"type":53,"tag":172,"props":203,"children":204},{"class":174,"line":29},[205,211,217,223,228,233,238,242,247],{"type":53,"tag":172,"props":206,"children":208},{"style":207},"--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic",[209],{"type":59,"value":210},"import",{"type":53,"tag":172,"props":212,"children":214},{"style":213},"--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF",[215],{"type":59,"value":216}," {",{"type":53,"tag":172,"props":218,"children":220},{"style":219},"--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8",[221],{"type":59,"value":222}," Inbox",{"type":53,"tag":172,"props":224,"children":225},{"style":213},[226],{"type":59,"value":227}," }",{"type":53,"tag":172,"props":229,"children":230},{"style":207},[231],{"type":59,"value":232}," from",{"type":53,"tag":172,"props":234,"children":235},{"style":213},[236],{"type":59,"value":237}," \"",{"type":53,"tag":172,"props":239,"children":240},{"style":184},[241],{"type":59,"value":114},{"type":53,"tag":172,"props":243,"children":244},{"style":213},[245],{"type":59,"value":246},"\"",{"type":53,"tag":172,"props":248,"children":249},{"style":213},[250],{"type":59,"value":251},";\n",{"type":53,"tag":172,"props":253,"children":254},{"class":174,"line":33},[255],{"type":53,"tag":172,"props":256,"children":257},{"emptyLinePlaceholder":47},[258],{"type":59,"value":259},"\n",{"type":53,"tag":172,"props":261,"children":263},{"class":174,"line":262},3,[264,270,276,281],{"type":53,"tag":172,"props":265,"children":267},{"style":266},"--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA",[268],{"type":59,"value":269},"function",{"type":53,"tag":172,"props":271,"children":273},{"style":272},"--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF",[274],{"type":59,"value":275}," App",{"type":53,"tag":172,"props":277,"children":278},{"style":213},[279],{"type":59,"value":280},"()",{"type":53,"tag":172,"props":282,"children":283},{"style":213},[284],{"type":59,"value":285}," {\n",{"type":53,"tag":172,"props":287,"children":289},{"class":174,"line":288},4,[290,295],{"type":53,"tag":172,"props":291,"children":292},{"style":207},[293],{"type":59,"value":294}," return",{"type":53,"tag":172,"props":296,"children":298},{"style":297},"--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178",[299],{"type":59,"value":300}," (\n",{"type":53,"tag":172,"props":302,"children":304},{"class":174,"line":303},5,[305,310],{"type":53,"tag":172,"props":306,"children":307},{"style":213},[308],{"type":59,"value":309}," \u003C",{"type":53,"tag":172,"props":311,"children":312},{"style":178},[313],{"type":59,"value":314},"Inbox\n",{"type":53,"tag":172,"props":316,"children":318},{"class":174,"line":317},6,[319,324,329,333,338],{"type":53,"tag":172,"props":320,"children":321},{"style":266},[322],{"type":59,"value":323}," applicationIdentifier",{"type":53,"tag":172,"props":325,"children":326},{"style":213},[327],{"type":59,"value":328},"=",{"type":53,"tag":172,"props":330,"children":331},{"style":213},[332],{"type":59,"value":246},{"type":53,"tag":172,"props":334,"children":335},{"style":184},[336],{"type":59,"value":337},"YOUR_NOVU_APP_ID",{"type":53,"tag":172,"props":339,"children":340},{"style":213},[341],{"type":59,"value":342},"\"\n",{"type":53,"tag":172,"props":344,"children":346},{"class":174,"line":345},7,[347,352,356,360,365],{"type":53,"tag":172,"props":348,"children":349},{"style":266},[350],{"type":59,"value":351}," subscriberId",{"type":53,"tag":172,"props":353,"children":354},{"style":213},[355],{"type":59,"value":328},{"type":53,"tag":172,"props":357,"children":358},{"style":213},[359],{"type":59,"value":246},{"type":53,"tag":172,"props":361,"children":362},{"style":184},[363],{"type":59,"value":364},"subscriber-123",{"type":53,"tag":172,"props":366,"children":367},{"style":213},[368],{"type":59,"value":342},{"type":53,"tag":172,"props":370,"children":372},{"class":174,"line":371},8,[373,378,382,386,391,395],{"type":53,"tag":172,"props":374,"children":375},{"style":266},[376],{"type":59,"value":377}," subscriberHash",{"type":53,"tag":172,"props":379,"children":380},{"style":213},[381],{"type":59,"value":328},{"type":53,"tag":172,"props":383,"children":384},{"style":213},[385],{"type":59,"value":246},{"type":53,"tag":172,"props":387,"children":388},{"style":184},[389],{"type":59,"value":390},"HMAC_HASH",{"type":53,"tag":172,"props":392,"children":393},{"style":213},[394],{"type":59,"value":246},{"type":53,"tag":172,"props":396,"children":398},{"style":397},"--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic",[399],{"type":59,"value":400}," \u002F\u002F Required if HMAC encryption is enabled\n",{"type":53,"tag":172,"props":402,"children":404},{"class":174,"line":403},9,[405],{"type":53,"tag":172,"props":406,"children":407},{"style":213},[408],{"type":59,"value":409}," \u002F>\n",{"type":53,"tag":172,"props":411,"children":413},{"class":174,"line":412},10,[414,419],{"type":53,"tag":172,"props":415,"children":416},{"style":297},[417],{"type":59,"value":418}," )",{"type":53,"tag":172,"props":420,"children":421},{"style":213},[422],{"type":59,"value":251},{"type":53,"tag":172,"props":424,"children":426},{"class":174,"line":425},11,[427],{"type":53,"tag":172,"props":428,"children":429},{"style":213},[430],{"type":59,"value":431},"}\n",{"type":53,"tag":62,"props":433,"children":434},{},[435],{"type":59,"value":436},"This renders a bell icon with unread count. Clicking it opens a popover with the notification feed.",{"type":53,"tag":68,"props":438,"children":440},{"id":439},"nextjs",[441],{"type":59,"value":18},{"type":53,"tag":161,"props":443,"children":445},{"className":163,"code":444,"language":165,"meta":166,"style":166},"npm install @novu\u002Fnextjs\n",[446],{"type":53,"tag":109,"props":447,"children":448},{"__ignoreMap":166},[449],{"type":53,"tag":172,"props":450,"children":451},{"class":174,"line":29},[452,456,460],{"type":53,"tag":172,"props":453,"children":454},{"style":178},[455],{"type":59,"value":181},{"type":53,"tag":172,"props":457,"children":458},{"style":184},[459],{"type":59,"value":187},{"type":53,"tag":172,"props":461,"children":462},{"style":184},[463],{"type":59,"value":464}," @novu\u002Fnextjs\n",{"type":53,"tag":466,"props":467,"children":469},"h3",{"id":468},"app-router",[470],{"type":59,"value":471},"App Router",{"type":53,"tag":161,"props":473,"children":475},{"className":195,"code":474,"language":197,"meta":166,"style":166},"\u002F\u002F components\u002FNotificationInbox.tsx\n\"use client\";\n\nimport { Inbox } from \"@novu\u002Fnextjs\";\n\nexport function NotificationInbox() {\n return (\n \u003CInbox\n applicationIdentifier={process.env.NEXT_PUBLIC_NOVU_APP_ID!}\n subscriberId=\"subscriber-123\"\n subscriberHash=\"HMAC_HASH\"\n \u002F>\n );\n}\n",[476],{"type":53,"tag":109,"props":477,"children":478},{"__ignoreMap":166},[479,487,507,514,553,560,586,597,608,649,672,695,703,715],{"type":53,"tag":172,"props":480,"children":481},{"class":174,"line":29},[482],{"type":53,"tag":172,"props":483,"children":484},{"style":397},[485],{"type":59,"value":486},"\u002F\u002F components\u002FNotificationInbox.tsx\n",{"type":53,"tag":172,"props":488,"children":489},{"class":174,"line":33},[490,494,499,503],{"type":53,"tag":172,"props":491,"children":492},{"style":213},[493],{"type":59,"value":246},{"type":53,"tag":172,"props":495,"children":496},{"style":184},[497],{"type":59,"value":498},"use client",{"type":53,"tag":172,"props":500,"children":501},{"style":213},[502],{"type":59,"value":246},{"type":53,"tag":172,"props":504,"children":505},{"style":213},[506],{"type":59,"value":251},{"type":53,"tag":172,"props":508,"children":509},{"class":174,"line":262},[510],{"type":53,"tag":172,"props":511,"children":512},{"emptyLinePlaceholder":47},[513],{"type":59,"value":259},{"type":53,"tag":172,"props":515,"children":516},{"class":174,"line":288},[517,521,525,529,533,537,541,545,549],{"type":53,"tag":172,"props":518,"children":519},{"style":207},[520],{"type":59,"value":210},{"type":53,"tag":172,"props":522,"children":523},{"style":213},[524],{"type":59,"value":216},{"type":53,"tag":172,"props":526,"children":527},{"style":219},[528],{"type":59,"value":222},{"type":53,"tag":172,"props":530,"children":531},{"style":213},[532],{"type":59,"value":227},{"type":53,"tag":172,"props":534,"children":535},{"style":207},[536],{"type":59,"value":232},{"type":53,"tag":172,"props":538,"children":539},{"style":213},[540],{"type":59,"value":237},{"type":53,"tag":172,"props":542,"children":543},{"style":184},[544],{"type":59,"value":131},{"type":53,"tag":172,"props":546,"children":547},{"style":213},[548],{"type":59,"value":246},{"type":53,"tag":172,"props":550,"children":551},{"style":213},[552],{"type":59,"value":251},{"type":53,"tag":172,"props":554,"children":555},{"class":174,"line":303},[556],{"type":53,"tag":172,"props":557,"children":558},{"emptyLinePlaceholder":47},[559],{"type":59,"value":259},{"type":53,"tag":172,"props":561,"children":562},{"class":174,"line":317},[563,568,573,578,582],{"type":53,"tag":172,"props":564,"children":565},{"style":207},[566],{"type":59,"value":567},"export",{"type":53,"tag":172,"props":569,"children":570},{"style":266},[571],{"type":59,"value":572}," function",{"type":53,"tag":172,"props":574,"children":575},{"style":272},[576],{"type":59,"value":577}," NotificationInbox",{"type":53,"tag":172,"props":579,"children":580},{"style":213},[581],{"type":59,"value":280},{"type":53,"tag":172,"props":583,"children":584},{"style":213},[585],{"type":59,"value":285},{"type":53,"tag":172,"props":587,"children":588},{"class":174,"line":345},[589,593],{"type":53,"tag":172,"props":590,"children":591},{"style":207},[592],{"type":59,"value":294},{"type":53,"tag":172,"props":594,"children":595},{"style":297},[596],{"type":59,"value":300},{"type":53,"tag":172,"props":598,"children":599},{"class":174,"line":371},[600,604],{"type":53,"tag":172,"props":601,"children":602},{"style":213},[603],{"type":59,"value":309},{"type":53,"tag":172,"props":605,"children":606},{"style":178},[607],{"type":59,"value":314},{"type":53,"tag":172,"props":609,"children":610},{"class":174,"line":403},[611,615,620,625,630,635,639,644],{"type":53,"tag":172,"props":612,"children":613},{"style":266},[614],{"type":59,"value":323},{"type":53,"tag":172,"props":616,"children":617},{"style":213},[618],{"type":59,"value":619},"={",{"type":53,"tag":172,"props":621,"children":622},{"style":219},[623],{"type":59,"value":624},"process",{"type":53,"tag":172,"props":626,"children":627},{"style":213},[628],{"type":59,"value":629},".",{"type":53,"tag":172,"props":631,"children":632},{"style":219},[633],{"type":59,"value":634},"env",{"type":53,"tag":172,"props":636,"children":637},{"style":213},[638],{"type":59,"value":629},{"type":53,"tag":172,"props":640,"children":641},{"style":219},[642],{"type":59,"value":643},"NEXT_PUBLIC_NOVU_APP_ID",{"type":53,"tag":172,"props":645,"children":646},{"style":213},[647],{"type":59,"value":648},"!}\n",{"type":53,"tag":172,"props":650,"children":651},{"class":174,"line":412},[652,656,660,664,668],{"type":53,"tag":172,"props":653,"children":654},{"style":266},[655],{"type":59,"value":351},{"type":53,"tag":172,"props":657,"children":658},{"style":213},[659],{"type":59,"value":328},{"type":53,"tag":172,"props":661,"children":662},{"style":213},[663],{"type":59,"value":246},{"type":53,"tag":172,"props":665,"children":666},{"style":184},[667],{"type":59,"value":364},{"type":53,"tag":172,"props":669,"children":670},{"style":213},[671],{"type":59,"value":342},{"type":53,"tag":172,"props":673,"children":674},{"class":174,"line":425},[675,679,683,687,691],{"type":53,"tag":172,"props":676,"children":677},{"style":266},[678],{"type":59,"value":377},{"type":53,"tag":172,"props":680,"children":681},{"style":213},[682],{"type":59,"value":328},{"type":53,"tag":172,"props":684,"children":685},{"style":213},[686],{"type":59,"value":246},{"type":53,"tag":172,"props":688,"children":689},{"style":184},[690],{"type":59,"value":390},{"type":53,"tag":172,"props":692,"children":693},{"style":213},[694],{"type":59,"value":342},{"type":53,"tag":172,"props":696,"children":698},{"class":174,"line":697},12,[699],{"type":53,"tag":172,"props":700,"children":701},{"style":213},[702],{"type":59,"value":409},{"type":53,"tag":172,"props":704,"children":706},{"class":174,"line":705},13,[707,711],{"type":53,"tag":172,"props":708,"children":709},{"style":297},[710],{"type":59,"value":418},{"type":53,"tag":172,"props":712,"children":713},{"style":213},[714],{"type":59,"value":251},{"type":53,"tag":172,"props":716,"children":718},{"class":174,"line":717},14,[719],{"type":53,"tag":172,"props":720,"children":721},{"style":213},[722],{"type":59,"value":431},{"type":53,"tag":62,"props":724,"children":725},{},[726,732,734,740],{"type":53,"tag":727,"props":728,"children":729},"strong",{},[730],{"type":59,"value":731},"Important:",{"type":59,"value":733}," The Inbox is a client component β€” use ",{"type":53,"tag":109,"props":735,"children":737},{"className":736},[],[738],{"type":59,"value":739},"\"use client\"",{"type":59,"value":741}," directive in Next.js App Router.",{"type":53,"tag":466,"props":743,"children":745},{"id":744},"pages-router",[746],{"type":59,"value":747},"Pages Router",{"type":53,"tag":161,"props":749,"children":751},{"className":195,"code":750,"language":197,"meta":166,"style":166},"import { Inbox } from \"@novu\u002Fnextjs\";\n\nexport default function NotificationsPage() {\n return (\n \u003CInbox\n applicationIdentifier={process.env.NEXT_PUBLIC_NOVU_APP_ID!}\n subscriberId=\"subscriber-123\"\n subscriberHash=\"HMAC_HASH\"\n \u002F>\n );\n}\n",[752],{"type":53,"tag":109,"props":753,"children":754},{"__ignoreMap":166},[755,794,801,830,841,852,887,910,933,940,951],{"type":53,"tag":172,"props":756,"children":757},{"class":174,"line":29},[758,762,766,770,774,778,782,786,790],{"type":53,"tag":172,"props":759,"children":760},{"style":207},[761],{"type":59,"value":210},{"type":53,"tag":172,"props":763,"children":764},{"style":213},[765],{"type":59,"value":216},{"type":53,"tag":172,"props":767,"children":768},{"style":219},[769],{"type":59,"value":222},{"type":53,"tag":172,"props":771,"children":772},{"style":213},[773],{"type":59,"value":227},{"type":53,"tag":172,"props":775,"children":776},{"style":207},[777],{"type":59,"value":232},{"type":53,"tag":172,"props":779,"children":780},{"style":213},[781],{"type":59,"value":237},{"type":53,"tag":172,"props":783,"children":784},{"style":184},[785],{"type":59,"value":131},{"type":53,"tag":172,"props":787,"children":788},{"style":213},[789],{"type":59,"value":246},{"type":53,"tag":172,"props":791,"children":792},{"style":213},[793],{"type":59,"value":251},{"type":53,"tag":172,"props":795,"children":796},{"class":174,"line":33},[797],{"type":53,"tag":172,"props":798,"children":799},{"emptyLinePlaceholder":47},[800],{"type":59,"value":259},{"type":53,"tag":172,"props":802,"children":803},{"class":174,"line":262},[804,808,813,817,822,826],{"type":53,"tag":172,"props":805,"children":806},{"style":207},[807],{"type":59,"value":567},{"type":53,"tag":172,"props":809,"children":810},{"style":207},[811],{"type":59,"value":812}," default",{"type":53,"tag":172,"props":814,"children":815},{"style":266},[816],{"type":59,"value":572},{"type":53,"tag":172,"props":818,"children":819},{"style":272},[820],{"type":59,"value":821}," NotificationsPage",{"type":53,"tag":172,"props":823,"children":824},{"style":213},[825],{"type":59,"value":280},{"type":53,"tag":172,"props":827,"children":828},{"style":213},[829],{"type":59,"value":285},{"type":53,"tag":172,"props":831,"children":832},{"class":174,"line":288},[833,837],{"type":53,"tag":172,"props":834,"children":835},{"style":207},[836],{"type":59,"value":294},{"type":53,"tag":172,"props":838,"children":839},{"style":297},[840],{"type":59,"value":300},{"type":53,"tag":172,"props":842,"children":843},{"class":174,"line":303},[844,848],{"type":53,"tag":172,"props":845,"children":846},{"style":213},[847],{"type":59,"value":309},{"type":53,"tag":172,"props":849,"children":850},{"style":178},[851],{"type":59,"value":314},{"type":53,"tag":172,"props":853,"children":854},{"class":174,"line":317},[855,859,863,867,871,875,879,883],{"type":53,"tag":172,"props":856,"children":857},{"style":266},[858],{"type":59,"value":323},{"type":53,"tag":172,"props":860,"children":861},{"style":213},[862],{"type":59,"value":619},{"type":53,"tag":172,"props":864,"children":865},{"style":219},[866],{"type":59,"value":624},{"type":53,"tag":172,"props":868,"children":869},{"style":213},[870],{"type":59,"value":629},{"type":53,"tag":172,"props":872,"children":873},{"style":219},[874],{"type":59,"value":634},{"type":53,"tag":172,"props":876,"children":877},{"style":213},[878],{"type":59,"value":629},{"type":53,"tag":172,"props":880,"children":881},{"style":219},[882],{"type":59,"value":643},{"type":53,"tag":172,"props":884,"children":885},{"style":213},[886],{"type":59,"value":648},{"type":53,"tag":172,"props":888,"children":889},{"class":174,"line":345},[890,894,898,902,906],{"type":53,"tag":172,"props":891,"children":892},{"style":266},[893],{"type":59,"value":351},{"type":53,"tag":172,"props":895,"children":896},{"style":213},[897],{"type":59,"value":328},{"type":53,"tag":172,"props":899,"children":900},{"style":213},[901],{"type":59,"value":246},{"type":53,"tag":172,"props":903,"children":904},{"style":184},[905],{"type":59,"value":364},{"type":53,"tag":172,"props":907,"children":908},{"style":213},[909],{"type":59,"value":342},{"type":53,"tag":172,"props":911,"children":912},{"class":174,"line":371},[913,917,921,925,929],{"type":53,"tag":172,"props":914,"children":915},{"style":266},[916],{"type":59,"value":377},{"type":53,"tag":172,"props":918,"children":919},{"style":213},[920],{"type":59,"value":328},{"type":53,"tag":172,"props":922,"children":923},{"style":213},[924],{"type":59,"value":246},{"type":53,"tag":172,"props":926,"children":927},{"style":184},[928],{"type":59,"value":390},{"type":53,"tag":172,"props":930,"children":931},{"style":213},[932],{"type":59,"value":342},{"type":53,"tag":172,"props":934,"children":935},{"class":174,"line":403},[936],{"type":53,"tag":172,"props":937,"children":938},{"style":213},[939],{"type":59,"value":409},{"type":53,"tag":172,"props":941,"children":942},{"class":174,"line":412},[943,947],{"type":53,"tag":172,"props":944,"children":945},{"style":297},[946],{"type":59,"value":418},{"type":53,"tag":172,"props":948,"children":949},{"style":213},[950],{"type":59,"value":251},{"type":53,"tag":172,"props":952,"children":953},{"class":174,"line":425},[954],{"type":53,"tag":172,"props":955,"children":956},{"style":213},[957],{"type":59,"value":431},{"type":53,"tag":68,"props":959,"children":961},{"id":960},"composable-components",[962],{"type":59,"value":963},"Composable Components",{"type":53,"tag":62,"props":965,"children":966},{},[967,969,975],{"type":59,"value":968},"The ",{"type":53,"tag":109,"props":970,"children":972},{"className":971},[],[973],{"type":59,"value":974},"\u003CInbox>",{"type":59,"value":976}," component is composable. When you pass children, it acts as a context provider and you compose the UI from primitives:",{"type":53,"tag":75,"props":978,"children":979},{},[980,996],{"type":53,"tag":79,"props":981,"children":982},{},[983],{"type":53,"tag":83,"props":984,"children":985},{},[986,991],{"type":53,"tag":87,"props":987,"children":988},{},[989],{"type":59,"value":990},"Component",{"type":53,"tag":87,"props":992,"children":993},{},[994],{"type":59,"value":995},"Purpose",{"type":53,"tag":98,"props":997,"children":998},{},[999,1016,1033,1057],{"type":53,"tag":83,"props":1000,"children":1001},{},[1002,1011],{"type":53,"tag":105,"props":1003,"children":1004},{},[1005],{"type":53,"tag":109,"props":1006,"children":1008},{"className":1007},[],[1009],{"type":59,"value":1010},"\u003CBell \u002F>",{"type":53,"tag":105,"props":1012,"children":1013},{},[1014],{"type":59,"value":1015},"Bell icon with unread count",{"type":53,"tag":83,"props":1017,"children":1018},{},[1019,1028],{"type":53,"tag":105,"props":1020,"children":1021},{},[1022],{"type":53,"tag":109,"props":1023,"children":1025},{"className":1024},[],[1026],{"type":59,"value":1027},"\u003CNotifications \u002F>",{"type":53,"tag":105,"props":1029,"children":1030},{},[1031],{"type":59,"value":1032},"Notification feed (header + list + footer)",{"type":53,"tag":83,"props":1034,"children":1035},{},[1036,1045],{"type":53,"tag":105,"props":1037,"children":1038},{},[1039],{"type":53,"tag":109,"props":1040,"children":1042},{"className":1041},[],[1043],{"type":59,"value":1044},"\u003CInboxContent \u002F>",{"type":53,"tag":105,"props":1046,"children":1047},{},[1048,1050,1055],{"type":59,"value":1049},"Same as ",{"type":53,"tag":109,"props":1051,"children":1053},{"className":1052},[],[1054],{"type":59,"value":1027},{"type":59,"value":1056}," plus the Preferences page",{"type":53,"tag":83,"props":1058,"children":1059},{},[1060,1069],{"type":53,"tag":105,"props":1061,"children":1062},{},[1063],{"type":53,"tag":109,"props":1064,"children":1066},{"className":1065},[],[1067],{"type":59,"value":1068},"\u003CPreferences \u002F>",{"type":53,"tag":105,"props":1070,"children":1071},{},[1072],{"type":59,"value":1073},"Standalone preferences panel",{"type":53,"tag":161,"props":1075,"children":1077},{"className":195,"code":1076,"language":197,"meta":166,"style":166},"import { Inbox, Bell, Notifications, Preferences } from \"@novu\u002Freact\";\n\nfunction App() {\n return (\n \u003CInbox\n applicationIdentifier=\"YOUR_NOVU_APP_ID\"\n subscriberId=\"subscriber-123\"\n subscriberHash=\"HMAC_HASH\"\n >\n \u003CBell \u002F>\n \u003CNotifications \u002F>\n \u003CPreferences \u002F>\n \u003C\u002FInbox>\n );\n}\n",[1078],{"type":53,"tag":109,"props":1079,"children":1080},{"__ignoreMap":166},[1081,1148,1155,1174,1185,1196,1219,1242,1265,1273,1291,1306,1322,1340,1351],{"type":53,"tag":172,"props":1082,"children":1083},{"class":174,"line":29},[1084,1088,1092,1096,1101,1106,1110,1115,1119,1124,1128,1132,1136,1140,1144],{"type":53,"tag":172,"props":1085,"children":1086},{"style":207},[1087],{"type":59,"value":210},{"type":53,"tag":172,"props":1089,"children":1090},{"style":213},[1091],{"type":59,"value":216},{"type":53,"tag":172,"props":1093,"children":1094},{"style":219},[1095],{"type":59,"value":222},{"type":53,"tag":172,"props":1097,"children":1098},{"style":213},[1099],{"type":59,"value":1100},",",{"type":53,"tag":172,"props":1102,"children":1103},{"style":219},[1104],{"type":59,"value":1105}," Bell",{"type":53,"tag":172,"props":1107,"children":1108},{"style":213},[1109],{"type":59,"value":1100},{"type":53,"tag":172,"props":1111,"children":1112},{"style":219},[1113],{"type":59,"value":1114}," Notifications",{"type":53,"tag":172,"props":1116,"children":1117},{"style":213},[1118],{"type":59,"value":1100},{"type":53,"tag":172,"props":1120,"children":1121},{"style":219},[1122],{"type":59,"value":1123}," Preferences",{"type":53,"tag":172,"props":1125,"children":1126},{"style":213},[1127],{"type":59,"value":227},{"type":53,"tag":172,"props":1129,"children":1130},{"style":207},[1131],{"type":59,"value":232},{"type":53,"tag":172,"props":1133,"children":1134},{"style":213},[1135],{"type":59,"value":237},{"type":53,"tag":172,"props":1137,"children":1138},{"style":184},[1139],{"type":59,"value":114},{"type":53,"tag":172,"props":1141,"children":1142},{"style":213},[1143],{"type":59,"value":246},{"type":53,"tag":172,"props":1145,"children":1146},{"style":213},[1147],{"type":59,"value":251},{"type":53,"tag":172,"props":1149,"children":1150},{"class":174,"line":33},[1151],{"type":53,"tag":172,"props":1152,"children":1153},{"emptyLinePlaceholder":47},[1154],{"type":59,"value":259},{"type":53,"tag":172,"props":1156,"children":1157},{"class":174,"line":262},[1158,1162,1166,1170],{"type":53,"tag":172,"props":1159,"children":1160},{"style":266},[1161],{"type":59,"value":269},{"type":53,"tag":172,"props":1163,"children":1164},{"style":272},[1165],{"type":59,"value":275},{"type":53,"tag":172,"props":1167,"children":1168},{"style":213},[1169],{"type":59,"value":280},{"type":53,"tag":172,"props":1171,"children":1172},{"style":213},[1173],{"type":59,"value":285},{"type":53,"tag":172,"props":1175,"children":1176},{"class":174,"line":288},[1177,1181],{"type":53,"tag":172,"props":1178,"children":1179},{"style":207},[1180],{"type":59,"value":294},{"type":53,"tag":172,"props":1182,"children":1183},{"style":297},[1184],{"type":59,"value":300},{"type":53,"tag":172,"props":1186,"children":1187},{"class":174,"line":303},[1188,1192],{"type":53,"tag":172,"props":1189,"children":1190},{"style":213},[1191],{"type":59,"value":309},{"type":53,"tag":172,"props":1193,"children":1194},{"style":178},[1195],{"type":59,"value":314},{"type":53,"tag":172,"props":1197,"children":1198},{"class":174,"line":317},[1199,1203,1207,1211,1215],{"type":53,"tag":172,"props":1200,"children":1201},{"style":266},[1202],{"type":59,"value":323},{"type":53,"tag":172,"props":1204,"children":1205},{"style":213},[1206],{"type":59,"value":328},{"type":53,"tag":172,"props":1208,"children":1209},{"style":213},[1210],{"type":59,"value":246},{"type":53,"tag":172,"props":1212,"children":1213},{"style":184},[1214],{"type":59,"value":337},{"type":53,"tag":172,"props":1216,"children":1217},{"style":213},[1218],{"type":59,"value":342},{"type":53,"tag":172,"props":1220,"children":1221},{"class":174,"line":345},[1222,1226,1230,1234,1238],{"type":53,"tag":172,"props":1223,"children":1224},{"style":266},[1225],{"type":59,"value":351},{"type":53,"tag":172,"props":1227,"children":1228},{"style":213},[1229],{"type":59,"value":328},{"type":53,"tag":172,"props":1231,"children":1232},{"style":213},[1233],{"type":59,"value":246},{"type":53,"tag":172,"props":1235,"children":1236},{"style":184},[1237],{"type":59,"value":364},{"type":53,"tag":172,"props":1239,"children":1240},{"style":213},[1241],{"type":59,"value":342},{"type":53,"tag":172,"props":1243,"children":1244},{"class":174,"line":371},[1245,1249,1253,1257,1261],{"type":53,"tag":172,"props":1246,"children":1247},{"style":266},[1248],{"type":59,"value":377},{"type":53,"tag":172,"props":1250,"children":1251},{"style":213},[1252],{"type":59,"value":328},{"type":53,"tag":172,"props":1254,"children":1255},{"style":213},[1256],{"type":59,"value":246},{"type":53,"tag":172,"props":1258,"children":1259},{"style":184},[1260],{"type":59,"value":390},{"type":53,"tag":172,"props":1262,"children":1263},{"style":213},[1264],{"type":59,"value":342},{"type":53,"tag":172,"props":1266,"children":1267},{"class":174,"line":403},[1268],{"type":53,"tag":172,"props":1269,"children":1270},{"style":213},[1271],{"type":59,"value":1272}," >\n",{"type":53,"tag":172,"props":1274,"children":1275},{"class":174,"line":412},[1276,1281,1286],{"type":53,"tag":172,"props":1277,"children":1278},{"style":213},[1279],{"type":59,"value":1280}," \u003C",{"type":53,"tag":172,"props":1282,"children":1283},{"style":178},[1284],{"type":59,"value":1285},"Bell",{"type":53,"tag":172,"props":1287,"children":1288},{"style":213},[1289],{"type":59,"value":1290}," \u002F>\n",{"type":53,"tag":172,"props":1292,"children":1293},{"class":174,"line":425},[1294,1298,1302],{"type":53,"tag":172,"props":1295,"children":1296},{"style":213},[1297],{"type":59,"value":1280},{"type":53,"tag":172,"props":1299,"children":1300},{"style":178},[1301],{"type":59,"value":27},{"type":53,"tag":172,"props":1303,"children":1304},{"style":213},[1305],{"type":59,"value":1290},{"type":53,"tag":172,"props":1307,"children":1308},{"class":174,"line":697},[1309,1313,1318],{"type":53,"tag":172,"props":1310,"children":1311},{"style":213},[1312],{"type":59,"value":1280},{"type":53,"tag":172,"props":1314,"children":1315},{"style":178},[1316],{"type":59,"value":1317},"Preferences",{"type":53,"tag":172,"props":1319,"children":1320},{"style":213},[1321],{"type":59,"value":1290},{"type":53,"tag":172,"props":1323,"children":1324},{"class":174,"line":705},[1325,1330,1335],{"type":53,"tag":172,"props":1326,"children":1327},{"style":213},[1328],{"type":59,"value":1329}," \u003C\u002F",{"type":53,"tag":172,"props":1331,"children":1332},{"style":178},[1333],{"type":59,"value":1334},"Inbox",{"type":53,"tag":172,"props":1336,"children":1337},{"style":213},[1338],{"type":59,"value":1339},">\n",{"type":53,"tag":172,"props":1341,"children":1342},{"class":174,"line":717},[1343,1347],{"type":53,"tag":172,"props":1344,"children":1345},{"style":297},[1346],{"type":59,"value":418},{"type":53,"tag":172,"props":1348,"children":1349},{"style":213},[1350],{"type":59,"value":251},{"type":53,"tag":172,"props":1352,"children":1354},{"class":174,"line":1353},15,[1355],{"type":53,"tag":172,"props":1356,"children":1357},{"style":213},[1358],{"type":59,"value":431},{"type":53,"tag":62,"props":1360,"children":1361},{},[1362],{"type":59,"value":1363},"Use these primitives to build a custom popover, modal, drawer, or full-page notification experience.",{"type":53,"tag":68,"props":1365,"children":1367},{"id":1366},"branding-the-inbox",[1368],{"type":59,"value":1369},"Branding the Inbox",{"type":53,"tag":62,"props":1371,"children":1372},{},[1373,1375,1381],{"type":59,"value":1374},"The Inbox is fully themeable via the ",{"type":53,"tag":109,"props":1376,"children":1378},{"className":1377},[],[1379],{"type":59,"value":1380},"appearance",{"type":59,"value":1382}," prop. It supports four keys:",{"type":53,"tag":75,"props":1384,"children":1385},{},[1386,1401],{"type":53,"tag":79,"props":1387,"children":1388},{},[1389],{"type":53,"tag":83,"props":1390,"children":1391},{},[1392,1397],{"type":53,"tag":87,"props":1393,"children":1394},{},[1395],{"type":59,"value":1396},"Key",{"type":53,"tag":87,"props":1398,"children":1399},{},[1400],{"type":59,"value":995},{"type":53,"tag":98,"props":1402,"children":1403},{},[1404,1429,1446,1463],{"type":53,"tag":83,"props":1405,"children":1406},{},[1407,1416],{"type":53,"tag":105,"props":1408,"children":1409},{},[1410],{"type":53,"tag":109,"props":1411,"children":1413},{"className":1412},[],[1414],{"type":59,"value":1415},"baseTheme",{"type":53,"tag":105,"props":1417,"children":1418},{},[1419,1421,1427],{"type":59,"value":1420},"Apply a predefined theme (e.g. ",{"type":53,"tag":109,"props":1422,"children":1424},{"className":1423},[],[1425],{"type":59,"value":1426},"dark",{"type":59,"value":1428},")",{"type":53,"tag":83,"props":1430,"children":1431},{},[1432,1441],{"type":53,"tag":105,"props":1433,"children":1434},{},[1435],{"type":53,"tag":109,"props":1436,"children":1438},{"className":1437},[],[1439],{"type":59,"value":1440},"variables",{"type":53,"tag":105,"props":1442,"children":1443},{},[1444],{"type":59,"value":1445},"Global design tokens (colors, fonts, radius, severity colors)",{"type":53,"tag":83,"props":1447,"children":1448},{},[1449,1458],{"type":53,"tag":105,"props":1450,"children":1451},{},[1452],{"type":53,"tag":109,"props":1453,"children":1455},{"className":1454},[],[1456],{"type":59,"value":1457},"elements",{"type":53,"tag":105,"props":1459,"children":1460},{},[1461],{"type":59,"value":1462},"Per-element styles (style object, class string, or context callback)",{"type":53,"tag":83,"props":1464,"children":1465},{},[1466,1475],{"type":53,"tag":105,"props":1467,"children":1468},{},[1469],{"type":53,"tag":109,"props":1470,"children":1472},{"className":1471},[],[1473],{"type":59,"value":1474},"icons",{"type":53,"tag":105,"props":1476,"children":1477},{},[1478],{"type":59,"value":1479},"Replace built-in icons with your own React components",{"type":53,"tag":62,"props":1481,"children":1482},{},[1483,1485,1491,1493,1498,1500,1505,1507,1512],{"type":59,"value":1484},"Styles are auto-injected into ",{"type":53,"tag":109,"props":1486,"children":1488},{"className":1487},[],[1489],{"type":59,"value":1490},"\u003Chead>",{"type":59,"value":1492}," (or the shadow root if rendered inside a shadow DOM). When both ",{"type":53,"tag":109,"props":1494,"children":1496},{"className":1495},[],[1497],{"type":59,"value":1415},{"type":59,"value":1499}," and ",{"type":53,"tag":109,"props":1501,"children":1503},{"className":1502},[],[1504],{"type":59,"value":1440},{"type":59,"value":1506}," are provided, ",{"type":53,"tag":109,"props":1508,"children":1510},{"className":1509},[],[1511],{"type":59,"value":1440},{"type":59,"value":1513}," win.",{"type":53,"tag":1515,"props":1516,"children":1517},"blockquote",{},[1518],{"type":53,"tag":62,"props":1519,"children":1520},{},[1521,1523,1532],{"type":59,"value":1522},"Inspiration: the ",{"type":53,"tag":1524,"props":1525,"children":1529},"a",{"href":1526,"rel":1527},"https:\u002F\u002Finbox.novu.co",[1528],"nofollow",[1530],{"type":59,"value":1531},"Inbox Playground",{"type":59,"value":1533}," showcases pre-styled variants like Notion and Reddit.",{"type":53,"tag":466,"props":1535,"children":1537},{"id":1536},"dark-mode-and-other-base-themes",[1538],{"type":59,"value":1539},"Dark mode (and other base themes)",{"type":53,"tag":161,"props":1541,"children":1543},{"className":195,"code":1542,"language":197,"meta":166,"style":166},"import { Inbox } from \"@novu\u002Freact\";\nimport { dark } from \"@novu\u002Freact\u002Fthemes\";\n\n\u003CInbox\n applicationIdentifier=\"YOUR_NOVU_APP_ID\"\n subscriberId=\"subscriber-123\"\n appearance={{ baseTheme: dark }}\n\u002F>\n",[1544],{"type":53,"tag":109,"props":1545,"children":1546},{"__ignoreMap":166},[1547,1586,1627,1634,1646,1670,1694,1727],{"type":53,"tag":172,"props":1548,"children":1549},{"class":174,"line":29},[1550,1554,1558,1562,1566,1570,1574,1578,1582],{"type":53,"tag":172,"props":1551,"children":1552},{"style":207},[1553],{"type":59,"value":210},{"type":53,"tag":172,"props":1555,"children":1556},{"style":213},[1557],{"type":59,"value":216},{"type":53,"tag":172,"props":1559,"children":1560},{"style":219},[1561],{"type":59,"value":222},{"type":53,"tag":172,"props":1563,"children":1564},{"style":213},[1565],{"type":59,"value":227},{"type":53,"tag":172,"props":1567,"children":1568},{"style":207},[1569],{"type":59,"value":232},{"type":53,"tag":172,"props":1571,"children":1572},{"style":213},[1573],{"type":59,"value":237},{"type":53,"tag":172,"props":1575,"children":1576},{"style":184},[1577],{"type":59,"value":114},{"type":53,"tag":172,"props":1579,"children":1580},{"style":213},[1581],{"type":59,"value":246},{"type":53,"tag":172,"props":1583,"children":1584},{"style":213},[1585],{"type":59,"value":251},{"type":53,"tag":172,"props":1587,"children":1588},{"class":174,"line":33},[1589,1593,1597,1602,1606,1610,1614,1619,1623],{"type":53,"tag":172,"props":1590,"children":1591},{"style":207},[1592],{"type":59,"value":210},{"type":53,"tag":172,"props":1594,"children":1595},{"style":213},[1596],{"type":59,"value":216},{"type":53,"tag":172,"props":1598,"children":1599},{"style":219},[1600],{"type":59,"value":1601}," dark",{"type":53,"tag":172,"props":1603,"children":1604},{"style":213},[1605],{"type":59,"value":227},{"type":53,"tag":172,"props":1607,"children":1608},{"style":207},[1609],{"type":59,"value":232},{"type":53,"tag":172,"props":1611,"children":1612},{"style":213},[1613],{"type":59,"value":237},{"type":53,"tag":172,"props":1615,"children":1616},{"style":184},[1617],{"type":59,"value":1618},"@novu\u002Freact\u002Fthemes",{"type":53,"tag":172,"props":1620,"children":1621},{"style":213},[1622],{"type":59,"value":246},{"type":53,"tag":172,"props":1624,"children":1625},{"style":213},[1626],{"type":59,"value":251},{"type":53,"tag":172,"props":1628,"children":1629},{"class":174,"line":262},[1630],{"type":53,"tag":172,"props":1631,"children":1632},{"emptyLinePlaceholder":47},[1633],{"type":59,"value":259},{"type":53,"tag":172,"props":1635,"children":1636},{"class":174,"line":288},[1637,1642],{"type":53,"tag":172,"props":1638,"children":1639},{"style":213},[1640],{"type":59,"value":1641},"\u003C",{"type":53,"tag":172,"props":1643,"children":1644},{"style":178},[1645],{"type":59,"value":314},{"type":53,"tag":172,"props":1647,"children":1648},{"class":174,"line":303},[1649,1654,1658,1662,1666],{"type":53,"tag":172,"props":1650,"children":1651},{"style":266},[1652],{"type":59,"value":1653}," applicationIdentifier",{"type":53,"tag":172,"props":1655,"children":1656},{"style":213},[1657],{"type":59,"value":328},{"type":53,"tag":172,"props":1659,"children":1660},{"style":213},[1661],{"type":59,"value":246},{"type":53,"tag":172,"props":1663,"children":1664},{"style":184},[1665],{"type":59,"value":337},{"type":53,"tag":172,"props":1667,"children":1668},{"style":213},[1669],{"type":59,"value":342},{"type":53,"tag":172,"props":1671,"children":1672},{"class":174,"line":317},[1673,1678,1682,1686,1690],{"type":53,"tag":172,"props":1674,"children":1675},{"style":266},[1676],{"type":59,"value":1677}," subscriberId",{"type":53,"tag":172,"props":1679,"children":1680},{"style":213},[1681],{"type":59,"value":328},{"type":53,"tag":172,"props":1683,"children":1684},{"style":213},[1685],{"type":59,"value":246},{"type":53,"tag":172,"props":1687,"children":1688},{"style":184},[1689],{"type":59,"value":364},{"type":53,"tag":172,"props":1691,"children":1692},{"style":213},[1693],{"type":59,"value":342},{"type":53,"tag":172,"props":1695,"children":1696},{"class":174,"line":345},[1697,1702,1707,1712,1717,1722],{"type":53,"tag":172,"props":1698,"children":1699},{"style":266},[1700],{"type":59,"value":1701}," appearance",{"type":53,"tag":172,"props":1703,"children":1704},{"style":213},[1705],{"type":59,"value":1706},"={{",{"type":53,"tag":172,"props":1708,"children":1709},{"style":297},[1710],{"type":59,"value":1711}," baseTheme",{"type":53,"tag":172,"props":1713,"children":1714},{"style":213},[1715],{"type":59,"value":1716},":",{"type":53,"tag":172,"props":1718,"children":1719},{"style":219},[1720],{"type":59,"value":1721}," dark ",{"type":53,"tag":172,"props":1723,"children":1724},{"style":213},[1725],{"type":59,"value":1726},"}}\n",{"type":53,"tag":172,"props":1728,"children":1729},{"class":174,"line":371},[1730],{"type":53,"tag":172,"props":1731,"children":1732},{"style":213},[1733],{"type":59,"value":1734},"\u002F>\n",{"type":53,"tag":466,"props":1736,"children":1738},{"id":1737},"global-variables",[1739],{"type":59,"value":1740},"Global variables",{"type":53,"tag":161,"props":1742,"children":1744},{"className":195,"code":1743,"language":197,"meta":166,"style":166},"\u003CInbox\n applicationIdentifier=\"YOUR_NOVU_APP_ID\"\n subscriberId=\"subscriber-123\"\n appearance={{\n variables: {\n colorPrimary: \"#0081F1\",\n colorBackground: \"#ffffff\",\n colorForeground: \"#1A1523\",\n colorPrimaryForeground: \"#ffffff\",\n colorSecondary: \"#F1F0EF\",\n colorCounter: \"#E5484D\",\n colorCounterForeground: \"#ffffff\",\n colorNeutral: \"#E0DEDC\",\n colorShadow: \"rgba(0,0,0,0.08)\",\n fontSize: \"14px\",\n borderRadius: \"8px\",\n colorSeverityHigh: \"#E5484D\",\n colorSeverityMedium: \"#F76808\",\n colorSeverityLow: \"#3E63DD\",\n },\n }}\n\u002F>\n",[1745],{"type":53,"tag":109,"props":1746,"children":1747},{"__ignoreMap":166},[1748,1759,1782,1805,1817,1833,1863,1892,1921,1949,1978,2007,2035,2064,2093,2122,2152,2181,2211,2241,2250,2259],{"type":53,"tag":172,"props":1749,"children":1750},{"class":174,"line":29},[1751,1755],{"type":53,"tag":172,"props":1752,"children":1753},{"style":213},[1754],{"type":59,"value":1641},{"type":53,"tag":172,"props":1756,"children":1757},{"style":178},[1758],{"type":59,"value":314},{"type":53,"tag":172,"props":1760,"children":1761},{"class":174,"line":33},[1762,1766,1770,1774,1778],{"type":53,"tag":172,"props":1763,"children":1764},{"style":266},[1765],{"type":59,"value":1653},{"type":53,"tag":172,"props":1767,"children":1768},{"style":213},[1769],{"type":59,"value":328},{"type":53,"tag":172,"props":1771,"children":1772},{"style":213},[1773],{"type":59,"value":246},{"type":53,"tag":172,"props":1775,"children":1776},{"style":184},[1777],{"type":59,"value":337},{"type":53,"tag":172,"props":1779,"children":1780},{"style":213},[1781],{"type":59,"value":342},{"type":53,"tag":172,"props":1783,"children":1784},{"class":174,"line":262},[1785,1789,1793,1797,1801],{"type":53,"tag":172,"props":1786,"children":1787},{"style":266},[1788],{"type":59,"value":1677},{"type":53,"tag":172,"props":1790,"children":1791},{"style":213},[1792],{"type":59,"value":328},{"type":53,"tag":172,"props":1794,"children":1795},{"style":213},[1796],{"type":59,"value":246},{"type":53,"tag":172,"props":1798,"children":1799},{"style":184},[1800],{"type":59,"value":364},{"type":53,"tag":172,"props":1802,"children":1803},{"style":213},[1804],{"type":59,"value":342},{"type":53,"tag":172,"props":1806,"children":1807},{"class":174,"line":288},[1808,1812],{"type":53,"tag":172,"props":1809,"children":1810},{"style":266},[1811],{"type":59,"value":1701},{"type":53,"tag":172,"props":1813,"children":1814},{"style":213},[1815],{"type":59,"value":1816},"={{\n",{"type":53,"tag":172,"props":1818,"children":1819},{"class":174,"line":303},[1820,1825,1829],{"type":53,"tag":172,"props":1821,"children":1822},{"style":297},[1823],{"type":59,"value":1824}," variables",{"type":53,"tag":172,"props":1826,"children":1827},{"style":213},[1828],{"type":59,"value":1716},{"type":53,"tag":172,"props":1830,"children":1831},{"style":213},[1832],{"type":59,"value":285},{"type":53,"tag":172,"props":1834,"children":1835},{"class":174,"line":317},[1836,1841,1845,1849,1854,1858],{"type":53,"tag":172,"props":1837,"children":1838},{"style":297},[1839],{"type":59,"value":1840}," colorPrimary",{"type":53,"tag":172,"props":1842,"children":1843},{"style":213},[1844],{"type":59,"value":1716},{"type":53,"tag":172,"props":1846,"children":1847},{"style":213},[1848],{"type":59,"value":237},{"type":53,"tag":172,"props":1850,"children":1851},{"style":184},[1852],{"type":59,"value":1853},"#0081F1",{"type":53,"tag":172,"props":1855,"children":1856},{"style":213},[1857],{"type":59,"value":246},{"type":53,"tag":172,"props":1859,"children":1860},{"style":213},[1861],{"type":59,"value":1862},",\n",{"type":53,"tag":172,"props":1864,"children":1865},{"class":174,"line":345},[1866,1871,1875,1879,1884,1888],{"type":53,"tag":172,"props":1867,"children":1868},{"style":297},[1869],{"type":59,"value":1870}," colorBackground",{"type":53,"tag":172,"props":1872,"children":1873},{"style":213},[1874],{"type":59,"value":1716},{"type":53,"tag":172,"props":1876,"children":1877},{"style":213},[1878],{"type":59,"value":237},{"type":53,"tag":172,"props":1880,"children":1881},{"style":184},[1882],{"type":59,"value":1883},"#ffffff",{"type":53,"tag":172,"props":1885,"children":1886},{"style":213},[1887],{"type":59,"value":246},{"type":53,"tag":172,"props":1889,"children":1890},{"style":213},[1891],{"type":59,"value":1862},{"type":53,"tag":172,"props":1893,"children":1894},{"class":174,"line":371},[1895,1900,1904,1908,1913,1917],{"type":53,"tag":172,"props":1896,"children":1897},{"style":297},[1898],{"type":59,"value":1899}," colorForeground",{"type":53,"tag":172,"props":1901,"children":1902},{"style":213},[1903],{"type":59,"value":1716},{"type":53,"tag":172,"props":1905,"children":1906},{"style":213},[1907],{"type":59,"value":237},{"type":53,"tag":172,"props":1909,"children":1910},{"style":184},[1911],{"type":59,"value":1912},"#1A1523",{"type":53,"tag":172,"props":1914,"children":1915},{"style":213},[1916],{"type":59,"value":246},{"type":53,"tag":172,"props":1918,"children":1919},{"style":213},[1920],{"type":59,"value":1862},{"type":53,"tag":172,"props":1922,"children":1923},{"class":174,"line":403},[1924,1929,1933,1937,1941,1945],{"type":53,"tag":172,"props":1925,"children":1926},{"style":297},[1927],{"type":59,"value":1928}," colorPrimaryForeground",{"type":53,"tag":172,"props":1930,"children":1931},{"style":213},[1932],{"type":59,"value":1716},{"type":53,"tag":172,"props":1934,"children":1935},{"style":213},[1936],{"type":59,"value":237},{"type":53,"tag":172,"props":1938,"children":1939},{"style":184},[1940],{"type":59,"value":1883},{"type":53,"tag":172,"props":1942,"children":1943},{"style":213},[1944],{"type":59,"value":246},{"type":53,"tag":172,"props":1946,"children":1947},{"style":213},[1948],{"type":59,"value":1862},{"type":53,"tag":172,"props":1950,"children":1951},{"class":174,"line":412},[1952,1957,1961,1965,1970,1974],{"type":53,"tag":172,"props":1953,"children":1954},{"style":297},[1955],{"type":59,"value":1956}," colorSecondary",{"type":53,"tag":172,"props":1958,"children":1959},{"style":213},[1960],{"type":59,"value":1716},{"type":53,"tag":172,"props":1962,"children":1963},{"style":213},[1964],{"type":59,"value":237},{"type":53,"tag":172,"props":1966,"children":1967},{"style":184},[1968],{"type":59,"value":1969},"#F1F0EF",{"type":53,"tag":172,"props":1971,"children":1972},{"style":213},[1973],{"type":59,"value":246},{"type":53,"tag":172,"props":1975,"children":1976},{"style":213},[1977],{"type":59,"value":1862},{"type":53,"tag":172,"props":1979,"children":1980},{"class":174,"line":425},[1981,1986,1990,1994,1999,2003],{"type":53,"tag":172,"props":1982,"children":1983},{"style":297},[1984],{"type":59,"value":1985}," colorCounter",{"type":53,"tag":172,"props":1987,"children":1988},{"style":213},[1989],{"type":59,"value":1716},{"type":53,"tag":172,"props":1991,"children":1992},{"style":213},[1993],{"type":59,"value":237},{"type":53,"tag":172,"props":1995,"children":1996},{"style":184},[1997],{"type":59,"value":1998},"#E5484D",{"type":53,"tag":172,"props":2000,"children":2001},{"style":213},[2002],{"type":59,"value":246},{"type":53,"tag":172,"props":2004,"children":2005},{"style":213},[2006],{"type":59,"value":1862},{"type":53,"tag":172,"props":2008,"children":2009},{"class":174,"line":697},[2010,2015,2019,2023,2027,2031],{"type":53,"tag":172,"props":2011,"children":2012},{"style":297},[2013],{"type":59,"value":2014}," colorCounterForeground",{"type":53,"tag":172,"props":2016,"children":2017},{"style":213},[2018],{"type":59,"value":1716},{"type":53,"tag":172,"props":2020,"children":2021},{"style":213},[2022],{"type":59,"value":237},{"type":53,"tag":172,"props":2024,"children":2025},{"style":184},[2026],{"type":59,"value":1883},{"type":53,"tag":172,"props":2028,"children":2029},{"style":213},[2030],{"type":59,"value":246},{"type":53,"tag":172,"props":2032,"children":2033},{"style":213},[2034],{"type":59,"value":1862},{"type":53,"tag":172,"props":2036,"children":2037},{"class":174,"line":705},[2038,2043,2047,2051,2056,2060],{"type":53,"tag":172,"props":2039,"children":2040},{"style":297},[2041],{"type":59,"value":2042}," colorNeutral",{"type":53,"tag":172,"props":2044,"children":2045},{"style":213},[2046],{"type":59,"value":1716},{"type":53,"tag":172,"props":2048,"children":2049},{"style":213},[2050],{"type":59,"value":237},{"type":53,"tag":172,"props":2052,"children":2053},{"style":184},[2054],{"type":59,"value":2055},"#E0DEDC",{"type":53,"tag":172,"props":2057,"children":2058},{"style":213},[2059],{"type":59,"value":246},{"type":53,"tag":172,"props":2061,"children":2062},{"style":213},[2063],{"type":59,"value":1862},{"type":53,"tag":172,"props":2065,"children":2066},{"class":174,"line":717},[2067,2072,2076,2080,2085,2089],{"type":53,"tag":172,"props":2068,"children":2069},{"style":297},[2070],{"type":59,"value":2071}," colorShadow",{"type":53,"tag":172,"props":2073,"children":2074},{"style":213},[2075],{"type":59,"value":1716},{"type":53,"tag":172,"props":2077,"children":2078},{"style":213},[2079],{"type":59,"value":237},{"type":53,"tag":172,"props":2081,"children":2082},{"style":184},[2083],{"type":59,"value":2084},"rgba(0,0,0,0.08)",{"type":53,"tag":172,"props":2086,"children":2087},{"style":213},[2088],{"type":59,"value":246},{"type":53,"tag":172,"props":2090,"children":2091},{"style":213},[2092],{"type":59,"value":1862},{"type":53,"tag":172,"props":2094,"children":2095},{"class":174,"line":1353},[2096,2101,2105,2109,2114,2118],{"type":53,"tag":172,"props":2097,"children":2098},{"style":297},[2099],{"type":59,"value":2100}," fontSize",{"type":53,"tag":172,"props":2102,"children":2103},{"style":213},[2104],{"type":59,"value":1716},{"type":53,"tag":172,"props":2106,"children":2107},{"style":213},[2108],{"type":59,"value":237},{"type":53,"tag":172,"props":2110,"children":2111},{"style":184},[2112],{"type":59,"value":2113},"14px",{"type":53,"tag":172,"props":2115,"children":2116},{"style":213},[2117],{"type":59,"value":246},{"type":53,"tag":172,"props":2119,"children":2120},{"style":213},[2121],{"type":59,"value":1862},{"type":53,"tag":172,"props":2123,"children":2125},{"class":174,"line":2124},16,[2126,2131,2135,2139,2144,2148],{"type":53,"tag":172,"props":2127,"children":2128},{"style":297},[2129],{"type":59,"value":2130}," borderRadius",{"type":53,"tag":172,"props":2132,"children":2133},{"style":213},[2134],{"type":59,"value":1716},{"type":53,"tag":172,"props":2136,"children":2137},{"style":213},[2138],{"type":59,"value":237},{"type":53,"tag":172,"props":2140,"children":2141},{"style":184},[2142],{"type":59,"value":2143},"8px",{"type":53,"tag":172,"props":2145,"children":2146},{"style":213},[2147],{"type":59,"value":246},{"type":53,"tag":172,"props":2149,"children":2150},{"style":213},[2151],{"type":59,"value":1862},{"type":53,"tag":172,"props":2153,"children":2155},{"class":174,"line":2154},17,[2156,2161,2165,2169,2173,2177],{"type":53,"tag":172,"props":2157,"children":2158},{"style":297},[2159],{"type":59,"value":2160}," colorSeverityHigh",{"type":53,"tag":172,"props":2162,"children":2163},{"style":213},[2164],{"type":59,"value":1716},{"type":53,"tag":172,"props":2166,"children":2167},{"style":213},[2168],{"type":59,"value":237},{"type":53,"tag":172,"props":2170,"children":2171},{"style":184},[2172],{"type":59,"value":1998},{"type":53,"tag":172,"props":2174,"children":2175},{"style":213},[2176],{"type":59,"value":246},{"type":53,"tag":172,"props":2178,"children":2179},{"style":213},[2180],{"type":59,"value":1862},{"type":53,"tag":172,"props":2182,"children":2184},{"class":174,"line":2183},18,[2185,2190,2194,2198,2203,2207],{"type":53,"tag":172,"props":2186,"children":2187},{"style":297},[2188],{"type":59,"value":2189}," colorSeverityMedium",{"type":53,"tag":172,"props":2191,"children":2192},{"style":213},[2193],{"type":59,"value":1716},{"type":53,"tag":172,"props":2195,"children":2196},{"style":213},[2197],{"type":59,"value":237},{"type":53,"tag":172,"props":2199,"children":2200},{"style":184},[2201],{"type":59,"value":2202},"#F76808",{"type":53,"tag":172,"props":2204,"children":2205},{"style":213},[2206],{"type":59,"value":246},{"type":53,"tag":172,"props":2208,"children":2209},{"style":213},[2210],{"type":59,"value":1862},{"type":53,"tag":172,"props":2212,"children":2214},{"class":174,"line":2213},19,[2215,2220,2224,2228,2233,2237],{"type":53,"tag":172,"props":2216,"children":2217},{"style":297},[2218],{"type":59,"value":2219}," colorSeverityLow",{"type":53,"tag":172,"props":2221,"children":2222},{"style":213},[2223],{"type":59,"value":1716},{"type":53,"tag":172,"props":2225,"children":2226},{"style":213},[2227],{"type":59,"value":237},{"type":53,"tag":172,"props":2229,"children":2230},{"style":184},[2231],{"type":59,"value":2232},"#3E63DD",{"type":53,"tag":172,"props":2234,"children":2235},{"style":213},[2236],{"type":59,"value":246},{"type":53,"tag":172,"props":2238,"children":2239},{"style":213},[2240],{"type":59,"value":1862},{"type":53,"tag":172,"props":2242,"children":2244},{"class":174,"line":2243},20,[2245],{"type":53,"tag":172,"props":2246,"children":2247},{"style":213},[2248],{"type":59,"value":2249}," },\n",{"type":53,"tag":172,"props":2251,"children":2253},{"class":174,"line":2252},21,[2254],{"type":53,"tag":172,"props":2255,"children":2256},{"style":213},[2257],{"type":59,"value":2258}," }}\n",{"type":53,"tag":172,"props":2260,"children":2262},{"class":174,"line":2261},22,[2263],{"type":53,"tag":172,"props":2264,"children":2265},{"style":213},[2266],{"type":59,"value":1734},{"type":53,"tag":466,"props":2268,"children":2270},{"id":2269},"element-level-styling-tailwind-css-modules-inline-styles",[2271],{"type":59,"value":2272},"Element-level styling (Tailwind, CSS Modules, inline styles)",{"type":53,"tag":62,"props":2274,"children":2275},{},[2276,2278,2284],{"type":59,"value":2277},"Each element accepts a string of class names, a style object, or a function ",{"type":53,"tag":109,"props":2279,"children":2281},{"className":2280},[],[2282],{"type":59,"value":2283},"(context) => string",{"type":59,"value":2285}," for runtime conditionals.",{"type":53,"tag":161,"props":2287,"children":2289},{"className":195,"code":2288,"language":197,"meta":166,"style":166},"import inboxStyles from \".\u002Finbox.module.css\";\n\n\u003CInbox\n applicationIdentifier=\"YOUR_NOVU_APP_ID\"\n subscriberId=\"subscriber-123\"\n appearance={{\n elements: {\n bellIcon: ({ unreadCount }) =>\n unreadCount.total > 10\n ? \"p-4 bg-white rounded-full [--bell-gradient-end:var(--color-red-500)]\"\n : \"p-4 bg-white rounded-full\",\n notification: ({ notification }) =>\n notification.data?.priority === \"high\"\n ? \"bg-red-50 ring-1 ring-red-300 rounded-lg\"\n : \"bg-white rounded-lg shadow-sm hover:bg-gray-50\",\n notificationSubject: { fontWeight: 600 },\n notificationBody: inboxStyles.body,\n },\n }}\n\u002F>\n",[2290],{"type":53,"tag":109,"props":2291,"children":2292},{"__ignoreMap":166},[2293,2327,2334,2345,2368,2391,2402,2418,2451,2479,2500,2525,2554,2599,2619,2643,2678,2708,2715,2722],{"type":53,"tag":172,"props":2294,"children":2295},{"class":174,"line":29},[2296,2300,2305,2310,2314,2319,2323],{"type":53,"tag":172,"props":2297,"children":2298},{"style":207},[2299],{"type":59,"value":210},{"type":53,"tag":172,"props":2301,"children":2302},{"style":219},[2303],{"type":59,"value":2304}," inboxStyles ",{"type":53,"tag":172,"props":2306,"children":2307},{"style":207},[2308],{"type":59,"value":2309},"from",{"type":53,"tag":172,"props":2311,"children":2312},{"style":213},[2313],{"type":59,"value":237},{"type":53,"tag":172,"props":2315,"children":2316},{"style":184},[2317],{"type":59,"value":2318},".\u002Finbox.module.css",{"type":53,"tag":172,"props":2320,"children":2321},{"style":213},[2322],{"type":59,"value":246},{"type":53,"tag":172,"props":2324,"children":2325},{"style":213},[2326],{"type":59,"value":251},{"type":53,"tag":172,"props":2328,"children":2329},{"class":174,"line":33},[2330],{"type":53,"tag":172,"props":2331,"children":2332},{"emptyLinePlaceholder":47},[2333],{"type":59,"value":259},{"type":53,"tag":172,"props":2335,"children":2336},{"class":174,"line":262},[2337,2341],{"type":53,"tag":172,"props":2338,"children":2339},{"style":213},[2340],{"type":59,"value":1641},{"type":53,"tag":172,"props":2342,"children":2343},{"style":178},[2344],{"type":59,"value":314},{"type":53,"tag":172,"props":2346,"children":2347},{"class":174,"line":288},[2348,2352,2356,2360,2364],{"type":53,"tag":172,"props":2349,"children":2350},{"style":266},[2351],{"type":59,"value":1653},{"type":53,"tag":172,"props":2353,"children":2354},{"style":213},[2355],{"type":59,"value":328},{"type":53,"tag":172,"props":2357,"children":2358},{"style":213},[2359],{"type":59,"value":246},{"type":53,"tag":172,"props":2361,"children":2362},{"style":184},[2363],{"type":59,"value":337},{"type":53,"tag":172,"props":2365,"children":2366},{"style":213},[2367],{"type":59,"value":342},{"type":53,"tag":172,"props":2369,"children":2370},{"class":174,"line":303},[2371,2375,2379,2383,2387],{"type":53,"tag":172,"props":2372,"children":2373},{"style":266},[2374],{"type":59,"value":1677},{"type":53,"tag":172,"props":2376,"children":2377},{"style":213},[2378],{"type":59,"value":328},{"type":53,"tag":172,"props":2380,"children":2381},{"style":213},[2382],{"type":59,"value":246},{"type":53,"tag":172,"props":2384,"children":2385},{"style":184},[2386],{"type":59,"value":364},{"type":53,"tag":172,"props":2388,"children":2389},{"style":213},[2390],{"type":59,"value":342},{"type":53,"tag":172,"props":2392,"children":2393},{"class":174,"line":317},[2394,2398],{"type":53,"tag":172,"props":2395,"children":2396},{"style":266},[2397],{"type":59,"value":1701},{"type":53,"tag":172,"props":2399,"children":2400},{"style":213},[2401],{"type":59,"value":1816},{"type":53,"tag":172,"props":2403,"children":2404},{"class":174,"line":345},[2405,2410,2414],{"type":53,"tag":172,"props":2406,"children":2407},{"style":297},[2408],{"type":59,"value":2409}," elements",{"type":53,"tag":172,"props":2411,"children":2412},{"style":213},[2413],{"type":59,"value":1716},{"type":53,"tag":172,"props":2415,"children":2416},{"style":213},[2417],{"type":59,"value":285},{"type":53,"tag":172,"props":2419,"children":2420},{"class":174,"line":371},[2421,2426,2430,2435,2441,2446],{"type":53,"tag":172,"props":2422,"children":2423},{"style":272},[2424],{"type":59,"value":2425}," bellIcon",{"type":53,"tag":172,"props":2427,"children":2428},{"style":213},[2429],{"type":59,"value":1716},{"type":53,"tag":172,"props":2431,"children":2432},{"style":213},[2433],{"type":59,"value":2434}," ({",{"type":53,"tag":172,"props":2436,"children":2438},{"style":2437},"--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#EEFFFF;--shiki-default-font-style:italic;--shiki-dark:#BABED8;--shiki-dark-font-style:italic",[2439],{"type":59,"value":2440}," unreadCount",{"type":53,"tag":172,"props":2442,"children":2443},{"style":213},[2444],{"type":59,"value":2445}," })",{"type":53,"tag":172,"props":2447,"children":2448},{"style":266},[2449],{"type":59,"value":2450}," =>\n",{"type":53,"tag":172,"props":2452,"children":2453},{"class":174,"line":403},[2454,2459,2463,2468,2473],{"type":53,"tag":172,"props":2455,"children":2456},{"style":219},[2457],{"type":59,"value":2458}," unreadCount",{"type":53,"tag":172,"props":2460,"children":2461},{"style":213},[2462],{"type":59,"value":629},{"type":53,"tag":172,"props":2464,"children":2465},{"style":219},[2466],{"type":59,"value":2467},"total ",{"type":53,"tag":172,"props":2469,"children":2470},{"style":213},[2471],{"type":59,"value":2472},">",{"type":53,"tag":172,"props":2474,"children":2476},{"style":2475},"--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C",[2477],{"type":59,"value":2478}," 10\n",{"type":53,"tag":172,"props":2480,"children":2481},{"class":174,"line":412},[2482,2487,2491,2496],{"type":53,"tag":172,"props":2483,"children":2484},{"style":213},[2485],{"type":59,"value":2486}," ?",{"type":53,"tag":172,"props":2488,"children":2489},{"style":213},[2490],{"type":59,"value":237},{"type":53,"tag":172,"props":2492,"children":2493},{"style":184},[2494],{"type":59,"value":2495},"p-4 bg-white rounded-full [--bell-gradient-end:var(--color-red-500)]",{"type":53,"tag":172,"props":2497,"children":2498},{"style":213},[2499],{"type":59,"value":342},{"type":53,"tag":172,"props":2501,"children":2502},{"class":174,"line":425},[2503,2508,2512,2517,2521],{"type":53,"tag":172,"props":2504,"children":2505},{"style":213},[2506],{"type":59,"value":2507}," :",{"type":53,"tag":172,"props":2509,"children":2510},{"style":213},[2511],{"type":59,"value":237},{"type":53,"tag":172,"props":2513,"children":2514},{"style":184},[2515],{"type":59,"value":2516},"p-4 bg-white rounded-full",{"type":53,"tag":172,"props":2518,"children":2519},{"style":213},[2520],{"type":59,"value":246},{"type":53,"tag":172,"props":2522,"children":2523},{"style":213},[2524],{"type":59,"value":1862},{"type":53,"tag":172,"props":2526,"children":2527},{"class":174,"line":697},[2528,2533,2537,2541,2546,2550],{"type":53,"tag":172,"props":2529,"children":2530},{"style":272},[2531],{"type":59,"value":2532}," notification",{"type":53,"tag":172,"props":2534,"children":2535},{"style":213},[2536],{"type":59,"value":1716},{"type":53,"tag":172,"props":2538,"children":2539},{"style":213},[2540],{"type":59,"value":2434},{"type":53,"tag":172,"props":2542,"children":2543},{"style":2437},[2544],{"type":59,"value":2545}," notification",{"type":53,"tag":172,"props":2547,"children":2548},{"style":213},[2549],{"type":59,"value":2445},{"type":53,"tag":172,"props":2551,"children":2552},{"style":266},[2553],{"type":59,"value":2450},{"type":53,"tag":172,"props":2555,"children":2556},{"class":174,"line":705},[2557,2562,2566,2571,2576,2581,2586,2590,2595],{"type":53,"tag":172,"props":2558,"children":2559},{"style":219},[2560],{"type":59,"value":2561}," notification",{"type":53,"tag":172,"props":2563,"children":2564},{"style":213},[2565],{"type":59,"value":629},{"type":53,"tag":172,"props":2567,"children":2568},{"style":219},[2569],{"type":59,"value":2570},"data",{"type":53,"tag":172,"props":2572,"children":2573},{"style":213},[2574],{"type":59,"value":2575},"?.",{"type":53,"tag":172,"props":2577,"children":2578},{"style":219},[2579],{"type":59,"value":2580},"priority ",{"type":53,"tag":172,"props":2582,"children":2583},{"style":213},[2584],{"type":59,"value":2585},"===",{"type":53,"tag":172,"props":2587,"children":2588},{"style":213},[2589],{"type":59,"value":237},{"type":53,"tag":172,"props":2591,"children":2592},{"style":184},[2593],{"type":59,"value":2594},"high",{"type":53,"tag":172,"props":2596,"children":2597},{"style":213},[2598],{"type":59,"value":342},{"type":53,"tag":172,"props":2600,"children":2601},{"class":174,"line":717},[2602,2606,2610,2615],{"type":53,"tag":172,"props":2603,"children":2604},{"style":213},[2605],{"type":59,"value":2486},{"type":53,"tag":172,"props":2607,"children":2608},{"style":213},[2609],{"type":59,"value":237},{"type":53,"tag":172,"props":2611,"children":2612},{"style":184},[2613],{"type":59,"value":2614},"bg-red-50 ring-1 ring-red-300 rounded-lg",{"type":53,"tag":172,"props":2616,"children":2617},{"style":213},[2618],{"type":59,"value":342},{"type":53,"tag":172,"props":2620,"children":2621},{"class":174,"line":1353},[2622,2626,2630,2635,2639],{"type":53,"tag":172,"props":2623,"children":2624},{"style":213},[2625],{"type":59,"value":2507},{"type":53,"tag":172,"props":2627,"children":2628},{"style":213},[2629],{"type":59,"value":237},{"type":53,"tag":172,"props":2631,"children":2632},{"style":184},[2633],{"type":59,"value":2634},"bg-white rounded-lg shadow-sm hover:bg-gray-50",{"type":53,"tag":172,"props":2636,"children":2637},{"style":213},[2638],{"type":59,"value":246},{"type":53,"tag":172,"props":2640,"children":2641},{"style":213},[2642],{"type":59,"value":1862},{"type":53,"tag":172,"props":2644,"children":2645},{"class":174,"line":2124},[2646,2651,2655,2659,2664,2668,2673],{"type":53,"tag":172,"props":2647,"children":2648},{"style":297},[2649],{"type":59,"value":2650}," notificationSubject",{"type":53,"tag":172,"props":2652,"children":2653},{"style":213},[2654],{"type":59,"value":1716},{"type":53,"tag":172,"props":2656,"children":2657},{"style":213},[2658],{"type":59,"value":216},{"type":53,"tag":172,"props":2660,"children":2661},{"style":297},[2662],{"type":59,"value":2663}," fontWeight",{"type":53,"tag":172,"props":2665,"children":2666},{"style":213},[2667],{"type":59,"value":1716},{"type":53,"tag":172,"props":2669,"children":2670},{"style":2475},[2671],{"type":59,"value":2672}," 600",{"type":53,"tag":172,"props":2674,"children":2675},{"style":213},[2676],{"type":59,"value":2677}," },\n",{"type":53,"tag":172,"props":2679,"children":2680},{"class":174,"line":2154},[2681,2686,2690,2695,2699,2704],{"type":53,"tag":172,"props":2682,"children":2683},{"style":297},[2684],{"type":59,"value":2685}," notificationBody",{"type":53,"tag":172,"props":2687,"children":2688},{"style":213},[2689],{"type":59,"value":1716},{"type":53,"tag":172,"props":2691,"children":2692},{"style":219},[2693],{"type":59,"value":2694}," inboxStyles",{"type":53,"tag":172,"props":2696,"children":2697},{"style":213},[2698],{"type":59,"value":629},{"type":53,"tag":172,"props":2700,"children":2701},{"style":219},[2702],{"type":59,"value":2703},"body",{"type":53,"tag":172,"props":2705,"children":2706},{"style":213},[2707],{"type":59,"value":1862},{"type":53,"tag":172,"props":2709,"children":2710},{"class":174,"line":2183},[2711],{"type":53,"tag":172,"props":2712,"children":2713},{"style":213},[2714],{"type":59,"value":2249},{"type":53,"tag":172,"props":2716,"children":2717},{"class":174,"line":2213},[2718],{"type":53,"tag":172,"props":2719,"children":2720},{"style":213},[2721],{"type":59,"value":2258},{"type":53,"tag":172,"props":2723,"children":2724},{"class":174,"line":2243},[2725],{"type":53,"tag":172,"props":2726,"children":2727},{"style":213},[2728],{"type":59,"value":1734},{"type":53,"tag":1515,"props":2730,"children":2731},{},[2732],{"type":53,"tag":62,"props":2733,"children":2734},{},[2735,2737,2743,2745,2751,2753,2758],{"type":59,"value":2736},"To find an element key, inspect the DOM: any class starting with ",{"type":53,"tag":109,"props":2738,"children":2740},{"className":2739},[],[2741],{"type":59,"value":2742},"nv-",{"type":59,"value":2744}," (visible just before a πŸ”” emoji in DevTools) maps to a key in ",{"type":53,"tag":109,"props":2746,"children":2748},{"className":2747},[],[2749],{"type":59,"value":2750},"appearance.elements",{"type":59,"value":2752}," (drop the ",{"type":53,"tag":109,"props":2754,"children":2756},{"className":2755},[],[2757],{"type":59,"value":2742},{"type":59,"value":2759}," prefix). TS autocomplete lists all available keys.",{"type":53,"tag":466,"props":2761,"children":2763},{"id":2762},"custom-icons",[2764],{"type":59,"value":2765},"Custom icons",{"type":53,"tag":62,"props":2767,"children":2768},{},[2769,2771,2777],{"type":59,"value":2770},"Replace any built-in icon by returning a React component from ",{"type":53,"tag":109,"props":2772,"children":2774},{"className":2773},[],[2775],{"type":59,"value":2776},"appearance.icons",{"type":59,"value":1716},{"type":53,"tag":161,"props":2779,"children":2781},{"className":195,"code":2780,"language":197,"meta":166,"style":166},"import { RiSettings3Fill, RiNotification3Fill } from \"react-icons\u002Fri\";\n\n\u003CInbox\n applicationIdentifier=\"YOUR_NOVU_APP_ID\"\n subscriberId=\"subscriber-123\"\n appearance={{\n icons: {\n bell: () => \u003CRiNotification3Fill \u002F>,\n cogs: () => \u003CRiSettings3Fill \u002F>,\n },\n }}\n\u002F>\n",[2782],{"type":53,"tag":109,"props":2783,"children":2784},{"__ignoreMap":166},[2785,2835,2842,2853,2876,2899,2910,2926,2963,2996,3003,3010],{"type":53,"tag":172,"props":2786,"children":2787},{"class":174,"line":29},[2788,2792,2796,2801,2805,2810,2814,2818,2822,2827,2831],{"type":53,"tag":172,"props":2789,"children":2790},{"style":207},[2791],{"type":59,"value":210},{"type":53,"tag":172,"props":2793,"children":2794},{"style":213},[2795],{"type":59,"value":216},{"type":53,"tag":172,"props":2797,"children":2798},{"style":219},[2799],{"type":59,"value":2800}," RiSettings3Fill",{"type":53,"tag":172,"props":2802,"children":2803},{"style":213},[2804],{"type":59,"value":1100},{"type":53,"tag":172,"props":2806,"children":2807},{"style":219},[2808],{"type":59,"value":2809}," RiNotification3Fill",{"type":53,"tag":172,"props":2811,"children":2812},{"style":213},[2813],{"type":59,"value":227},{"type":53,"tag":172,"props":2815,"children":2816},{"style":207},[2817],{"type":59,"value":232},{"type":53,"tag":172,"props":2819,"children":2820},{"style":213},[2821],{"type":59,"value":237},{"type":53,"tag":172,"props":2823,"children":2824},{"style":184},[2825],{"type":59,"value":2826},"react-icons\u002Fri",{"type":53,"tag":172,"props":2828,"children":2829},{"style":213},[2830],{"type":59,"value":246},{"type":53,"tag":172,"props":2832,"children":2833},{"style":213},[2834],{"type":59,"value":251},{"type":53,"tag":172,"props":2836,"children":2837},{"class":174,"line":33},[2838],{"type":53,"tag":172,"props":2839,"children":2840},{"emptyLinePlaceholder":47},[2841],{"type":59,"value":259},{"type":53,"tag":172,"props":2843,"children":2844},{"class":174,"line":262},[2845,2849],{"type":53,"tag":172,"props":2846,"children":2847},{"style":213},[2848],{"type":59,"value":1641},{"type":53,"tag":172,"props":2850,"children":2851},{"style":178},[2852],{"type":59,"value":314},{"type":53,"tag":172,"props":2854,"children":2855},{"class":174,"line":288},[2856,2860,2864,2868,2872],{"type":53,"tag":172,"props":2857,"children":2858},{"style":266},[2859],{"type":59,"value":1653},{"type":53,"tag":172,"props":2861,"children":2862},{"style":213},[2863],{"type":59,"value":328},{"type":53,"tag":172,"props":2865,"children":2866},{"style":213},[2867],{"type":59,"value":246},{"type":53,"tag":172,"props":2869,"children":2870},{"style":184},[2871],{"type":59,"value":337},{"type":53,"tag":172,"props":2873,"children":2874},{"style":213},[2875],{"type":59,"value":342},{"type":53,"tag":172,"props":2877,"children":2878},{"class":174,"line":303},[2879,2883,2887,2891,2895],{"type":53,"tag":172,"props":2880,"children":2881},{"style":266},[2882],{"type":59,"value":1677},{"type":53,"tag":172,"props":2884,"children":2885},{"style":213},[2886],{"type":59,"value":328},{"type":53,"tag":172,"props":2888,"children":2889},{"style":213},[2890],{"type":59,"value":246},{"type":53,"tag":172,"props":2892,"children":2893},{"style":184},[2894],{"type":59,"value":364},{"type":53,"tag":172,"props":2896,"children":2897},{"style":213},[2898],{"type":59,"value":342},{"type":53,"tag":172,"props":2900,"children":2901},{"class":174,"line":317},[2902,2906],{"type":53,"tag":172,"props":2903,"children":2904},{"style":266},[2905],{"type":59,"value":1701},{"type":53,"tag":172,"props":2907,"children":2908},{"style":213},[2909],{"type":59,"value":1816},{"type":53,"tag":172,"props":2911,"children":2912},{"class":174,"line":345},[2913,2918,2922],{"type":53,"tag":172,"props":2914,"children":2915},{"style":297},[2916],{"type":59,"value":2917}," icons",{"type":53,"tag":172,"props":2919,"children":2920},{"style":213},[2921],{"type":59,"value":1716},{"type":53,"tag":172,"props":2923,"children":2924},{"style":213},[2925],{"type":59,"value":285},{"type":53,"tag":172,"props":2927,"children":2928},{"class":174,"line":371},[2929,2934,2938,2943,2948,2953,2958],{"type":53,"tag":172,"props":2930,"children":2931},{"style":272},[2932],{"type":59,"value":2933}," bell",{"type":53,"tag":172,"props":2935,"children":2936},{"style":213},[2937],{"type":59,"value":1716},{"type":53,"tag":172,"props":2939,"children":2940},{"style":213},[2941],{"type":59,"value":2942}," ()",{"type":53,"tag":172,"props":2944,"children":2945},{"style":266},[2946],{"type":59,"value":2947}," =>",{"type":53,"tag":172,"props":2949,"children":2950},{"style":213},[2951],{"type":59,"value":2952}," \u003C",{"type":53,"tag":172,"props":2954,"children":2955},{"style":178},[2956],{"type":59,"value":2957},"RiNotification3Fill",{"type":53,"tag":172,"props":2959,"children":2960},{"style":213},[2961],{"type":59,"value":2962}," \u002F>,\n",{"type":53,"tag":172,"props":2964,"children":2965},{"class":174,"line":403},[2966,2971,2975,2979,2983,2987,2992],{"type":53,"tag":172,"props":2967,"children":2968},{"style":272},[2969],{"type":59,"value":2970}," cogs",{"type":53,"tag":172,"props":2972,"children":2973},{"style":213},[2974],{"type":59,"value":1716},{"type":53,"tag":172,"props":2976,"children":2977},{"style":213},[2978],{"type":59,"value":2942},{"type":53,"tag":172,"props":2980,"children":2981},{"style":266},[2982],{"type":59,"value":2947},{"type":53,"tag":172,"props":2984,"children":2985},{"style":213},[2986],{"type":59,"value":2952},{"type":53,"tag":172,"props":2988,"children":2989},{"style":178},[2990],{"type":59,"value":2991},"RiSettings3Fill",{"type":53,"tag":172,"props":2993,"children":2994},{"style":213},[2995],{"type":59,"value":2962},{"type":53,"tag":172,"props":2997,"children":2998},{"class":174,"line":412},[2999],{"type":53,"tag":172,"props":3000,"children":3001},{"style":213},[3002],{"type":59,"value":2249},{"type":53,"tag":172,"props":3004,"children":3005},{"class":174,"line":425},[3006],{"type":53,"tag":172,"props":3007,"children":3008},{"style":213},[3009],{"type":59,"value":2258},{"type":53,"tag":172,"props":3011,"children":3012},{"class":174,"line":697},[3013],{"type":53,"tag":172,"props":3014,"children":3015},{"style":213},[3016],{"type":59,"value":1734},{"type":53,"tag":62,"props":3018,"children":3019},{},[3020,3022,3028,3030,3036,3037,3043,3044,3050,3051,3057,3058,3064,3065,3071,3072,3078,3079,3085,3086,3092,3093,3099,3100,3106,3107,3113,3114,3120,3121,3127,3128,3134,3135,3141,3142,3148,3149,3155,3157,3162],{"type":59,"value":3021},"Common icon keys: ",{"type":53,"tag":109,"props":3023,"children":3025},{"className":3024},[],[3026],{"type":59,"value":3027},"bell",{"type":59,"value":3029},", ",{"type":53,"tag":109,"props":3031,"children":3033},{"className":3032},[],[3034],{"type":59,"value":3035},"cogs",{"type":59,"value":3029},{"type":53,"tag":109,"props":3038,"children":3040},{"className":3039},[],[3041],{"type":59,"value":3042},"dots",{"type":59,"value":3029},{"type":53,"tag":109,"props":3045,"children":3047},{"className":3046},[],[3048],{"type":59,"value":3049},"arrowDown",{"type":59,"value":3029},{"type":53,"tag":109,"props":3052,"children":3054},{"className":3053},[],[3055],{"type":59,"value":3056},"arrowDropDown",{"type":59,"value":3029},{"type":53,"tag":109,"props":3059,"children":3061},{"className":3060},[],[3062],{"type":59,"value":3063},"arrowLeft",{"type":59,"value":3029},{"type":53,"tag":109,"props":3066,"children":3068},{"className":3067},[],[3069],{"type":59,"value":3070},"arrowRight",{"type":59,"value":3029},{"type":53,"tag":109,"props":3073,"children":3075},{"className":3074},[],[3076],{"type":59,"value":3077},"check",{"type":59,"value":3029},{"type":53,"tag":109,"props":3080,"children":3082},{"className":3081},[],[3083],{"type":59,"value":3084},"clock",{"type":59,"value":3029},{"type":53,"tag":109,"props":3087,"children":3089},{"className":3088},[],[3090],{"type":59,"value":3091},"trash",{"type":59,"value":3029},{"type":53,"tag":109,"props":3094,"children":3096},{"className":3095},[],[3097],{"type":59,"value":3098},"markAsRead",{"type":59,"value":3029},{"type":53,"tag":109,"props":3101,"children":3103},{"className":3102},[],[3104],{"type":59,"value":3105},"markAsUnread",{"type":59,"value":3029},{"type":53,"tag":109,"props":3108,"children":3110},{"className":3109},[],[3111],{"type":59,"value":3112},"markAsArchived",{"type":59,"value":3029},{"type":53,"tag":109,"props":3115,"children":3117},{"className":3116},[],[3118],{"type":59,"value":3119},"markAsUnarchived",{"type":59,"value":3029},{"type":53,"tag":109,"props":3122,"children":3124},{"className":3123},[],[3125],{"type":59,"value":3126},"email",{"type":59,"value":3029},{"type":53,"tag":109,"props":3129,"children":3131},{"className":3130},[],[3132],{"type":59,"value":3133},"sms",{"type":59,"value":3029},{"type":53,"tag":109,"props":3136,"children":3138},{"className":3137},[],[3139],{"type":59,"value":3140},"push",{"type":59,"value":3029},{"type":53,"tag":109,"props":3143,"children":3145},{"className":3144},[],[3146],{"type":59,"value":3147},"inApp",{"type":59,"value":3029},{"type":53,"tag":109,"props":3150,"children":3152},{"className":3151},[],[3153],{"type":59,"value":3154},"chat",{"type":59,"value":3156},". To find more, inspect classes that start with ",{"type":53,"tag":109,"props":3158,"children":3160},{"className":3159},[],[3161],{"type":59,"value":2742},{"type":59,"value":3163}," and contain a πŸ–ΌοΈ emoji.",{"type":53,"tag":466,"props":3165,"children":3167},{"id":3166},"severity-styling",[3168],{"type":59,"value":3169},"Severity styling",{"type":53,"tag":62,"props":3171,"children":3172},{},[3173,3175,3180,3181,3187,3188,3194,3196,3201],{"type":59,"value":3174},"Notifications and the bell are styled by severity (",{"type":53,"tag":109,"props":3176,"children":3178},{"className":3177},[],[3179],{"type":59,"value":2594},{"type":59,"value":3029},{"type":53,"tag":109,"props":3182,"children":3184},{"className":3183},[],[3185],{"type":59,"value":3186},"medium",{"type":59,"value":3029},{"type":53,"tag":109,"props":3189,"children":3191},{"className":3190},[],[3192],{"type":59,"value":3193},"low",{"type":59,"value":3195},"). Override colors via ",{"type":53,"tag":109,"props":3197,"children":3199},{"className":3198},[],[3200],{"type":59,"value":1440},{"type":59,"value":1716},{"type":53,"tag":1515,"props":3203,"children":3204},{},[3205],{"type":53,"tag":62,"props":3206,"children":3207},{},[3208,3210,3215,3217,3223,3225,3231,3233,3239,3241,3251],{"type":59,"value":3209},"Severity is a ",{"type":53,"tag":727,"props":3211,"children":3212},{},[3213],{"type":59,"value":3214},"visual",{"type":59,"value":3216}," dial only. The workflow-level ",{"type":53,"tag":109,"props":3218,"children":3220},{"className":3219},[],[3221],{"type":59,"value":3222},"critical: true",{"type":59,"value":3224}," flag is independent β€” it changes runtime delivery (bypass preferences, skip digest), not Inbox styling. ",{"type":53,"tag":109,"props":3226,"children":3228},{"className":3227},[],[3229],{"type":59,"value":3230},"critical",{"type":59,"value":3232}," workflows that should also stand out visually should set ",{"type":53,"tag":109,"props":3234,"children":3236},{"className":3235},[],[3237],{"type":59,"value":3238},"severity: 'high'",{"type":59,"value":3240}," explicitly. See ",{"type":53,"tag":1524,"props":3242,"children":3244},{"href":3243},"..\u002Fdesign-workflow\u002Freferences\u002Fseverity-and-critical.md",[3245],{"type":53,"tag":109,"props":3246,"children":3248},{"className":3247},[],[3249],{"type":59,"value":3250},"design-workflow\u002Freferences\u002Fseverity-and-critical.md",{"type":59,"value":3252}," for the full design rules.",{"type":53,"tag":161,"props":3254,"children":3256},{"className":195,"code":3255,"language":197,"meta":166,"style":166},"appearance: {\n variables: {\n colorSeverityHigh: \"#E5484D\",\n colorSeverityMedium: \"#F76808\",\n colorSeverityLow: \"#3E63DD\",\n },\n}\n",[3257],{"type":53,"tag":109,"props":3258,"children":3259},{"__ignoreMap":166},[3260,3275,3291,3319,3347,3375,3383],{"type":53,"tag":172,"props":3261,"children":3262},{"class":174,"line":29},[3263,3267,3271],{"type":53,"tag":172,"props":3264,"children":3265},{"style":178},[3266],{"type":59,"value":1380},{"type":53,"tag":172,"props":3268,"children":3269},{"style":213},[3270],{"type":59,"value":1716},{"type":53,"tag":172,"props":3272,"children":3273},{"style":213},[3274],{"type":59,"value":285},{"type":53,"tag":172,"props":3276,"children":3277},{"class":174,"line":33},[3278,3283,3287],{"type":53,"tag":172,"props":3279,"children":3280},{"style":178},[3281],{"type":59,"value":3282}," variables",{"type":53,"tag":172,"props":3284,"children":3285},{"style":213},[3286],{"type":59,"value":1716},{"type":53,"tag":172,"props":3288,"children":3289},{"style":213},[3290],{"type":59,"value":285},{"type":53,"tag":172,"props":3292,"children":3293},{"class":174,"line":262},[3294,3299,3303,3307,3311,3315],{"type":53,"tag":172,"props":3295,"children":3296},{"style":178},[3297],{"type":59,"value":3298}," colorSeverityHigh",{"type":53,"tag":172,"props":3300,"children":3301},{"style":213},[3302],{"type":59,"value":1716},{"type":53,"tag":172,"props":3304,"children":3305},{"style":213},[3306],{"type":59,"value":237},{"type":53,"tag":172,"props":3308,"children":3309},{"style":184},[3310],{"type":59,"value":1998},{"type":53,"tag":172,"props":3312,"children":3313},{"style":213},[3314],{"type":59,"value":246},{"type":53,"tag":172,"props":3316,"children":3317},{"style":213},[3318],{"type":59,"value":1862},{"type":53,"tag":172,"props":3320,"children":3321},{"class":174,"line":288},[3322,3327,3331,3335,3339,3343],{"type":53,"tag":172,"props":3323,"children":3324},{"style":178},[3325],{"type":59,"value":3326}," colorSeverityMedium",{"type":53,"tag":172,"props":3328,"children":3329},{"style":213},[3330],{"type":59,"value":1716},{"type":53,"tag":172,"props":3332,"children":3333},{"style":213},[3334],{"type":59,"value":237},{"type":53,"tag":172,"props":3336,"children":3337},{"style":184},[3338],{"type":59,"value":2202},{"type":53,"tag":172,"props":3340,"children":3341},{"style":213},[3342],{"type":59,"value":246},{"type":53,"tag":172,"props":3344,"children":3345},{"style":213},[3346],{"type":59,"value":1862},{"type":53,"tag":172,"props":3348,"children":3349},{"class":174,"line":303},[3350,3355,3359,3363,3367,3371],{"type":53,"tag":172,"props":3351,"children":3352},{"style":178},[3353],{"type":59,"value":3354}," colorSeverityLow",{"type":53,"tag":172,"props":3356,"children":3357},{"style":213},[3358],{"type":59,"value":1716},{"type":53,"tag":172,"props":3360,"children":3361},{"style":213},[3362],{"type":59,"value":237},{"type":53,"tag":172,"props":3364,"children":3365},{"style":184},[3366],{"type":59,"value":2232},{"type":53,"tag":172,"props":3368,"children":3369},{"style":213},[3370],{"type":59,"value":246},{"type":53,"tag":172,"props":3372,"children":3373},{"style":213},[3374],{"type":59,"value":1862},{"type":53,"tag":172,"props":3376,"children":3377},{"class":174,"line":317},[3378],{"type":53,"tag":172,"props":3379,"children":3380},{"style":213},[3381],{"type":59,"value":3382}," },\n",{"type":53,"tag":172,"props":3384,"children":3385},{"class":174,"line":345},[3386],{"type":53,"tag":172,"props":3387,"children":3388},{"style":213},[3389],{"type":59,"value":431},{"type":53,"tag":62,"props":3391,"children":3392},{},[3393],{"type":59,"value":3394},"…or per element:",{"type":53,"tag":161,"props":3396,"children":3398},{"className":195,"code":3397,"language":197,"meta":166,"style":166},"appearance: {\n elements: {\n severityHigh__notificationBar: { backgroundColor: \"red\" },\n severityHigh__bellContainer: \"ring-2 ring-red-500\",\n severityGlowHigh__bellSeverityGlow: \"bg-red-500\",\n },\n}\n",[3399],{"type":53,"tag":109,"props":3400,"children":3401},{"__ignoreMap":166},[3402,3417,3433,3475,3504,3533,3540],{"type":53,"tag":172,"props":3403,"children":3404},{"class":174,"line":29},[3405,3409,3413],{"type":53,"tag":172,"props":3406,"children":3407},{"style":178},[3408],{"type":59,"value":1380},{"type":53,"tag":172,"props":3410,"children":3411},{"style":213},[3412],{"type":59,"value":1716},{"type":53,"tag":172,"props":3414,"children":3415},{"style":213},[3416],{"type":59,"value":285},{"type":53,"tag":172,"props":3418,"children":3419},{"class":174,"line":33},[3420,3425,3429],{"type":53,"tag":172,"props":3421,"children":3422},{"style":178},[3423],{"type":59,"value":3424}," elements",{"type":53,"tag":172,"props":3426,"children":3427},{"style":213},[3428],{"type":59,"value":1716},{"type":53,"tag":172,"props":3430,"children":3431},{"style":213},[3432],{"type":59,"value":285},{"type":53,"tag":172,"props":3434,"children":3435},{"class":174,"line":262},[3436,3441,3445,3449,3454,3458,3462,3467,3471],{"type":53,"tag":172,"props":3437,"children":3438},{"style":178},[3439],{"type":59,"value":3440}," severityHigh__notificationBar",{"type":53,"tag":172,"props":3442,"children":3443},{"style":213},[3444],{"type":59,"value":1716},{"type":53,"tag":172,"props":3446,"children":3447},{"style":213},[3448],{"type":59,"value":216},{"type":53,"tag":172,"props":3450,"children":3451},{"style":178},[3452],{"type":59,"value":3453}," backgroundColor",{"type":53,"tag":172,"props":3455,"children":3456},{"style":213},[3457],{"type":59,"value":1716},{"type":53,"tag":172,"props":3459,"children":3460},{"style":213},[3461],{"type":59,"value":237},{"type":53,"tag":172,"props":3463,"children":3464},{"style":184},[3465],{"type":59,"value":3466},"red",{"type":53,"tag":172,"props":3468,"children":3469},{"style":213},[3470],{"type":59,"value":246},{"type":53,"tag":172,"props":3472,"children":3473},{"style":213},[3474],{"type":59,"value":2677},{"type":53,"tag":172,"props":3476,"children":3477},{"class":174,"line":288},[3478,3483,3487,3491,3496,3500],{"type":53,"tag":172,"props":3479,"children":3480},{"style":178},[3481],{"type":59,"value":3482}," severityHigh__bellContainer",{"type":53,"tag":172,"props":3484,"children":3485},{"style":213},[3486],{"type":59,"value":1716},{"type":53,"tag":172,"props":3488,"children":3489},{"style":213},[3490],{"type":59,"value":237},{"type":53,"tag":172,"props":3492,"children":3493},{"style":184},[3494],{"type":59,"value":3495},"ring-2 ring-red-500",{"type":53,"tag":172,"props":3497,"children":3498},{"style":213},[3499],{"type":59,"value":246},{"type":53,"tag":172,"props":3501,"children":3502},{"style":213},[3503],{"type":59,"value":1862},{"type":53,"tag":172,"props":3505,"children":3506},{"class":174,"line":303},[3507,3512,3516,3520,3525,3529],{"type":53,"tag":172,"props":3508,"children":3509},{"style":178},[3510],{"type":59,"value":3511}," severityGlowHigh__bellSeverityGlow",{"type":53,"tag":172,"props":3513,"children":3514},{"style":213},[3515],{"type":59,"value":1716},{"type":53,"tag":172,"props":3517,"children":3518},{"style":213},[3519],{"type":59,"value":237},{"type":53,"tag":172,"props":3521,"children":3522},{"style":184},[3523],{"type":59,"value":3524},"bg-red-500",{"type":53,"tag":172,"props":3526,"children":3527},{"style":213},[3528],{"type":59,"value":246},{"type":53,"tag":172,"props":3530,"children":3531},{"style":213},[3532],{"type":59,"value":1862},{"type":53,"tag":172,"props":3534,"children":3535},{"class":174,"line":317},[3536],{"type":53,"tag":172,"props":3537,"children":3538},{"style":213},[3539],{"type":59,"value":3382},{"type":53,"tag":172,"props":3541,"children":3542},{"class":174,"line":345},[3543],{"type":53,"tag":172,"props":3544,"children":3545},{"style":213},[3546],{"type":59,"value":431},{"type":53,"tag":62,"props":3548,"children":3549},{},[3550],{"type":59,"value":3551},"By default the bell takes the color of the highest-severity unread notification.",{"type":53,"tag":466,"props":3553,"children":3555},{"id":3554},"responsive-inbox",[3556],{"type":59,"value":3557},"Responsive Inbox",{"type":53,"tag":161,"props":3559,"children":3561},{"className":195,"code":3560,"language":197,"meta":166,"style":166},"\u003CInbox\n \u002F* ... *\u002F\n appearance={{ elements: { popoverContent: \"novu-popover-content\" } }}\n\u002F>\n",[3562],{"type":53,"tag":109,"props":3563,"children":3564},{"__ignoreMap":166},[3565,3576,3584,3639],{"type":53,"tag":172,"props":3566,"children":3567},{"class":174,"line":29},[3568,3572],{"type":53,"tag":172,"props":3569,"children":3570},{"style":213},[3571],{"type":59,"value":1641},{"type":53,"tag":172,"props":3573,"children":3574},{"style":178},[3575],{"type":59,"value":314},{"type":53,"tag":172,"props":3577,"children":3578},{"class":174,"line":33},[3579],{"type":53,"tag":172,"props":3580,"children":3581},{"style":397},[3582],{"type":59,"value":3583}," \u002F* ... *\u002F\n",{"type":53,"tag":172,"props":3585,"children":3586},{"class":174,"line":262},[3587,3591,3595,3600,3604,3608,3613,3617,3621,3626,3630,3634],{"type":53,"tag":172,"props":3588,"children":3589},{"style":266},[3590],{"type":59,"value":1701},{"type":53,"tag":172,"props":3592,"children":3593},{"style":213},[3594],{"type":59,"value":1706},{"type":53,"tag":172,"props":3596,"children":3597},{"style":297},[3598],{"type":59,"value":3599}," elements",{"type":53,"tag":172,"props":3601,"children":3602},{"style":213},[3603],{"type":59,"value":1716},{"type":53,"tag":172,"props":3605,"children":3606},{"style":213},[3607],{"type":59,"value":216},{"type":53,"tag":172,"props":3609,"children":3610},{"style":297},[3611],{"type":59,"value":3612}," popoverContent",{"type":53,"tag":172,"props":3614,"children":3615},{"style":213},[3616],{"type":59,"value":1716},{"type":53,"tag":172,"props":3618,"children":3619},{"style":213},[3620],{"type":59,"value":237},{"type":53,"tag":172,"props":3622,"children":3623},{"style":184},[3624],{"type":59,"value":3625},"novu-popover-content",{"type":53,"tag":172,"props":3627,"children":3628},{"style":213},[3629],{"type":59,"value":246},{"type":53,"tag":172,"props":3631,"children":3632},{"style":213},[3633],{"type":59,"value":227},{"type":53,"tag":172,"props":3635,"children":3636},{"style":213},[3637],{"type":59,"value":3638}," }}\n",{"type":53,"tag":172,"props":3640,"children":3641},{"class":174,"line":288},[3642],{"type":53,"tag":172,"props":3643,"children":3644},{"style":213},[3645],{"type":59,"value":1734},{"type":53,"tag":161,"props":3647,"children":3651},{"className":3648,"code":3649,"language":3650,"meta":166,"style":166},"language-css shiki shiki-themes material-theme-lighter material-theme material-theme-palenight",".novu-popover-content { max-width: 500px; }\n@media (max-width: 768px) { .novu-popover-content { max-width: 350px; } }\n@media (max-width: 480px) { .novu-popover-content { max-width: 250px; } }\n","css",[3652],{"type":53,"tag":109,"props":3653,"children":3654},{"__ignoreMap":166},[3655,3695,3768],{"type":53,"tag":172,"props":3656,"children":3657},{"class":174,"line":29},[3658,3662,3666,3670,3676,3680,3685,3690],{"type":53,"tag":172,"props":3659,"children":3660},{"style":213},[3661],{"type":59,"value":629},{"type":53,"tag":172,"props":3663,"children":3664},{"style":178},[3665],{"type":59,"value":3625},{"type":53,"tag":172,"props":3667,"children":3668},{"style":213},[3669],{"type":59,"value":216},{"type":53,"tag":172,"props":3671,"children":3673},{"style":3672},"--shiki-light:#8796B0;--shiki-default:#B2CCD6;--shiki-dark:#B2CCD6",[3674],{"type":59,"value":3675}," max-width",{"type":53,"tag":172,"props":3677,"children":3678},{"style":213},[3679],{"type":59,"value":1716},{"type":53,"tag":172,"props":3681,"children":3682},{"style":2475},[3683],{"type":59,"value":3684}," 500px",{"type":53,"tag":172,"props":3686,"children":3687},{"style":213},[3688],{"type":59,"value":3689},";",{"type":53,"tag":172,"props":3691,"children":3692},{"style":213},[3693],{"type":59,"value":3694}," }\n",{"type":53,"tag":172,"props":3696,"children":3697},{"class":174,"line":33},[3698,3703,3708,3713,3717,3722,3726,3730,3735,3739,3743,3747,3751,3756,3760,3764],{"type":53,"tag":172,"props":3699,"children":3700},{"style":207},[3701],{"type":59,"value":3702},"@media",{"type":53,"tag":172,"props":3704,"children":3705},{"style":213},[3706],{"type":59,"value":3707}," (",{"type":53,"tag":172,"props":3709,"children":3710},{"style":178},[3711],{"type":59,"value":3712},"max-width",{"type":53,"tag":172,"props":3714,"children":3715},{"style":213},[3716],{"type":59,"value":1716},{"type":53,"tag":172,"props":3718,"children":3719},{"style":2475},[3720],{"type":59,"value":3721}," 768px",{"type":53,"tag":172,"props":3723,"children":3724},{"style":213},[3725],{"type":59,"value":1428},{"type":53,"tag":172,"props":3727,"children":3728},{"style":213},[3729],{"type":59,"value":216},{"type":53,"tag":172,"props":3731,"children":3732},{"style":213},[3733],{"type":59,"value":3734}," .",{"type":53,"tag":172,"props":3736,"children":3737},{"style":178},[3738],{"type":59,"value":3625},{"type":53,"tag":172,"props":3740,"children":3741},{"style":213},[3742],{"type":59,"value":216},{"type":53,"tag":172,"props":3744,"children":3745},{"style":3672},[3746],{"type":59,"value":3675},{"type":53,"tag":172,"props":3748,"children":3749},{"style":213},[3750],{"type":59,"value":1716},{"type":53,"tag":172,"props":3752,"children":3753},{"style":2475},[3754],{"type":59,"value":3755}," 350px",{"type":53,"tag":172,"props":3757,"children":3758},{"style":213},[3759],{"type":59,"value":3689},{"type":53,"tag":172,"props":3761,"children":3762},{"style":213},[3763],{"type":59,"value":227},{"type":53,"tag":172,"props":3765,"children":3766},{"style":213},[3767],{"type":59,"value":3694},{"type":53,"tag":172,"props":3769,"children":3770},{"class":174,"line":262},[3771,3775,3779,3783,3787,3792,3796,3800,3804,3808,3812,3816,3820,3825,3829,3833],{"type":53,"tag":172,"props":3772,"children":3773},{"style":207},[3774],{"type":59,"value":3702},{"type":53,"tag":172,"props":3776,"children":3777},{"style":213},[3778],{"type":59,"value":3707},{"type":53,"tag":172,"props":3780,"children":3781},{"style":178},[3782],{"type":59,"value":3712},{"type":53,"tag":172,"props":3784,"children":3785},{"style":213},[3786],{"type":59,"value":1716},{"type":53,"tag":172,"props":3788,"children":3789},{"style":2475},[3790],{"type":59,"value":3791}," 480px",{"type":53,"tag":172,"props":3793,"children":3794},{"style":213},[3795],{"type":59,"value":1428},{"type":53,"tag":172,"props":3797,"children":3798},{"style":213},[3799],{"type":59,"value":216},{"type":53,"tag":172,"props":3801,"children":3802},{"style":213},[3803],{"type":59,"value":3734},{"type":53,"tag":172,"props":3805,"children":3806},{"style":178},[3807],{"type":59,"value":3625},{"type":53,"tag":172,"props":3809,"children":3810},{"style":213},[3811],{"type":59,"value":216},{"type":53,"tag":172,"props":3813,"children":3814},{"style":3672},[3815],{"type":59,"value":3675},{"type":53,"tag":172,"props":3817,"children":3818},{"style":213},[3819],{"type":59,"value":1716},{"type":53,"tag":172,"props":3821,"children":3822},{"style":2475},[3823],{"type":59,"value":3824}," 250px",{"type":53,"tag":172,"props":3826,"children":3827},{"style":213},[3828],{"type":59,"value":3689},{"type":53,"tag":172,"props":3830,"children":3831},{"style":213},[3832],{"type":59,"value":227},{"type":53,"tag":172,"props":3834,"children":3835},{"style":213},[3836],{"type":59,"value":3694},{"type":53,"tag":62,"props":3838,"children":3839},{},[3840,3842,3848],{"type":59,"value":3841},"See ",{"type":53,"tag":1524,"props":3843,"children":3845},{"href":3844},".\u002Freferences\u002Fbranding-and-styling.md",[3846],{"type":59,"value":3847},"Branding & Styling Reference",{"type":59,"value":3849}," for the full variable list, severity element keys, dynamic callback signatures, and Notion\u002FReddit-style presets.",{"type":53,"tag":68,"props":3851,"children":3853},{"id":3852},"personalization",[3854],{"type":59,"value":3855},"Personalization",{"type":53,"tag":466,"props":3857,"children":3859},{"id":3858},"render-props",[3860],{"type":59,"value":3861},"Render props",{"type":53,"tag":62,"props":3863,"children":3864},{},[3865],{"type":59,"value":3866},"Override individual parts of a notification β€” keep the surrounding chrome (action buttons, hover state, etc.) intact:",{"type":53,"tag":161,"props":3868,"children":3870},{"className":195,"code":3869,"language":197,"meta":166,"style":166},"\u003CInbox\n applicationIdentifier=\"YOUR_NOVU_APP_ID\"\n subscriberId=\"subscriber-123\"\n renderBell={(unreadCount) => \u003CMyBell count={unreadCount.total} \u002F>}\n renderAvatar={(notification) => \u003CAvatar src={notification.avatar} \u002F>}\n renderSubject={(notification) => \u003Cstrong>{notification.subject}\u003C\u002Fstrong>}\n renderBody={(notification) => \u003Cp>{notification.body}\u003C\u002Fp>}\n renderDefaultActions={(notification) => \u003CMyActions notification={notification} \u002F>}\n renderCustomActions={(notification) => (\n \u003CPrimarySecondaryButtons notification={notification} \u002F>\n )}\n\u002F>\n",[3871],{"type":53,"tag":109,"props":3872,"children":3873},{"__ignoreMap":166},[3874,3885,3908,3931,3993,4052,4116,4176,4225,4253,4282,4293],{"type":53,"tag":172,"props":3875,"children":3876},{"class":174,"line":29},[3877,3881],{"type":53,"tag":172,"props":3878,"children":3879},{"style":213},[3880],{"type":59,"value":1641},{"type":53,"tag":172,"props":3882,"children":3883},{"style":178},[3884],{"type":59,"value":314},{"type":53,"tag":172,"props":3886,"children":3887},{"class":174,"line":33},[3888,3892,3896,3900,3904],{"type":53,"tag":172,"props":3889,"children":3890},{"style":266},[3891],{"type":59,"value":1653},{"type":53,"tag":172,"props":3893,"children":3894},{"style":213},[3895],{"type":59,"value":328},{"type":53,"tag":172,"props":3897,"children":3898},{"style":213},[3899],{"type":59,"value":246},{"type":53,"tag":172,"props":3901,"children":3902},{"style":184},[3903],{"type":59,"value":337},{"type":53,"tag":172,"props":3905,"children":3906},{"style":213},[3907],{"type":59,"value":342},{"type":53,"tag":172,"props":3909,"children":3910},{"class":174,"line":262},[3911,3915,3919,3923,3927],{"type":53,"tag":172,"props":3912,"children":3913},{"style":266},[3914],{"type":59,"value":1677},{"type":53,"tag":172,"props":3916,"children":3917},{"style":213},[3918],{"type":59,"value":328},{"type":53,"tag":172,"props":3920,"children":3921},{"style":213},[3922],{"type":59,"value":246},{"type":53,"tag":172,"props":3924,"children":3925},{"style":184},[3926],{"type":59,"value":364},{"type":53,"tag":172,"props":3928,"children":3929},{"style":213},[3930],{"type":59,"value":342},{"type":53,"tag":172,"props":3932,"children":3933},{"class":174,"line":288},[3934,3939,3944,3949,3953,3957,3961,3966,3971,3975,3979,3983,3988],{"type":53,"tag":172,"props":3935,"children":3936},{"style":266},[3937],{"type":59,"value":3938}," renderBell",{"type":53,"tag":172,"props":3940,"children":3941},{"style":213},[3942],{"type":59,"value":3943},"={(",{"type":53,"tag":172,"props":3945,"children":3946},{"style":2437},[3947],{"type":59,"value":3948},"unreadCount",{"type":53,"tag":172,"props":3950,"children":3951},{"style":213},[3952],{"type":59,"value":1428},{"type":53,"tag":172,"props":3954,"children":3955},{"style":266},[3956],{"type":59,"value":2947},{"type":53,"tag":172,"props":3958,"children":3959},{"style":213},[3960],{"type":59,"value":2952},{"type":53,"tag":172,"props":3962,"children":3963},{"style":178},[3964],{"type":59,"value":3965},"MyBell",{"type":53,"tag":172,"props":3967,"children":3968},{"style":266},[3969],{"type":59,"value":3970}," count",{"type":53,"tag":172,"props":3972,"children":3973},{"style":213},[3974],{"type":59,"value":619},{"type":53,"tag":172,"props":3976,"children":3977},{"style":219},[3978],{"type":59,"value":3948},{"type":53,"tag":172,"props":3980,"children":3981},{"style":213},[3982],{"type":59,"value":629},{"type":53,"tag":172,"props":3984,"children":3985},{"style":219},[3986],{"type":59,"value":3987},"total",{"type":53,"tag":172,"props":3989,"children":3990},{"style":213},[3991],{"type":59,"value":3992},"} \u002F>}\n",{"type":53,"tag":172,"props":3994,"children":3995},{"class":174,"line":303},[3996,4001,4005,4009,4013,4017,4021,4026,4031,4035,4039,4043,4048],{"type":53,"tag":172,"props":3997,"children":3998},{"style":266},[3999],{"type":59,"value":4000}," renderAvatar",{"type":53,"tag":172,"props":4002,"children":4003},{"style":213},[4004],{"type":59,"value":3943},{"type":53,"tag":172,"props":4006,"children":4007},{"style":2437},[4008],{"type":59,"value":35},{"type":53,"tag":172,"props":4010,"children":4011},{"style":213},[4012],{"type":59,"value":1428},{"type":53,"tag":172,"props":4014,"children":4015},{"style":266},[4016],{"type":59,"value":2947},{"type":53,"tag":172,"props":4018,"children":4019},{"style":213},[4020],{"type":59,"value":2952},{"type":53,"tag":172,"props":4022,"children":4023},{"style":178},[4024],{"type":59,"value":4025},"Avatar",{"type":53,"tag":172,"props":4027,"children":4028},{"style":266},[4029],{"type":59,"value":4030}," src",{"type":53,"tag":172,"props":4032,"children":4033},{"style":213},[4034],{"type":59,"value":619},{"type":53,"tag":172,"props":4036,"children":4037},{"style":219},[4038],{"type":59,"value":35},{"type":53,"tag":172,"props":4040,"children":4041},{"style":213},[4042],{"type":59,"value":629},{"type":53,"tag":172,"props":4044,"children":4045},{"style":219},[4046],{"type":59,"value":4047},"avatar",{"type":53,"tag":172,"props":4049,"children":4050},{"style":213},[4051],{"type":59,"value":3992},{"type":53,"tag":172,"props":4053,"children":4054},{"class":174,"line":317},[4055,4060,4064,4068,4072,4076,4080,4084,4089,4093,4097,4102,4107,4111],{"type":53,"tag":172,"props":4056,"children":4057},{"style":266},[4058],{"type":59,"value":4059}," renderSubject",{"type":53,"tag":172,"props":4061,"children":4062},{"style":213},[4063],{"type":59,"value":3943},{"type":53,"tag":172,"props":4065,"children":4066},{"style":2437},[4067],{"type":59,"value":35},{"type":53,"tag":172,"props":4069,"children":4070},{"style":213},[4071],{"type":59,"value":1428},{"type":53,"tag":172,"props":4073,"children":4074},{"style":266},[4075],{"type":59,"value":2947},{"type":53,"tag":172,"props":4077,"children":4078},{"style":213},[4079],{"type":59,"value":2952},{"type":53,"tag":172,"props":4081,"children":4082},{"style":297},[4083],{"type":59,"value":727},{"type":53,"tag":172,"props":4085,"children":4086},{"style":213},[4087],{"type":59,"value":4088},">{",{"type":53,"tag":172,"props":4090,"children":4091},{"style":219},[4092],{"type":59,"value":35},{"type":53,"tag":172,"props":4094,"children":4095},{"style":213},[4096],{"type":59,"value":629},{"type":53,"tag":172,"props":4098,"children":4099},{"style":219},[4100],{"type":59,"value":4101},"subject",{"type":53,"tag":172,"props":4103,"children":4104},{"style":213},[4105],{"type":59,"value":4106},"}\u003C\u002F",{"type":53,"tag":172,"props":4108,"children":4109},{"style":297},[4110],{"type":59,"value":727},{"type":53,"tag":172,"props":4112,"children":4113},{"style":213},[4114],{"type":59,"value":4115},">}\n",{"type":53,"tag":172,"props":4117,"children":4118},{"class":174,"line":345},[4119,4124,4128,4132,4136,4140,4144,4148,4152,4156,4160,4164,4168,4172],{"type":53,"tag":172,"props":4120,"children":4121},{"style":266},[4122],{"type":59,"value":4123}," renderBody",{"type":53,"tag":172,"props":4125,"children":4126},{"style":213},[4127],{"type":59,"value":3943},{"type":53,"tag":172,"props":4129,"children":4130},{"style":2437},[4131],{"type":59,"value":35},{"type":53,"tag":172,"props":4133,"children":4134},{"style":213},[4135],{"type":59,"value":1428},{"type":53,"tag":172,"props":4137,"children":4138},{"style":266},[4139],{"type":59,"value":2947},{"type":53,"tag":172,"props":4141,"children":4142},{"style":213},[4143],{"type":59,"value":2952},{"type":53,"tag":172,"props":4145,"children":4146},{"style":297},[4147],{"type":59,"value":62},{"type":53,"tag":172,"props":4149,"children":4150},{"style":213},[4151],{"type":59,"value":4088},{"type":53,"tag":172,"props":4153,"children":4154},{"style":219},[4155],{"type":59,"value":35},{"type":53,"tag":172,"props":4157,"children":4158},{"style":213},[4159],{"type":59,"value":629},{"type":53,"tag":172,"props":4161,"children":4162},{"style":219},[4163],{"type":59,"value":2703},{"type":53,"tag":172,"props":4165,"children":4166},{"style":213},[4167],{"type":59,"value":4106},{"type":53,"tag":172,"props":4169,"children":4170},{"style":297},[4171],{"type":59,"value":62},{"type":53,"tag":172,"props":4173,"children":4174},{"style":213},[4175],{"type":59,"value":4115},{"type":53,"tag":172,"props":4177,"children":4178},{"class":174,"line":371},[4179,4184,4188,4192,4196,4200,4204,4209,4213,4217,4221],{"type":53,"tag":172,"props":4180,"children":4181},{"style":266},[4182],{"type":59,"value":4183}," renderDefaultActions",{"type":53,"tag":172,"props":4185,"children":4186},{"style":213},[4187],{"type":59,"value":3943},{"type":53,"tag":172,"props":4189,"children":4190},{"style":2437},[4191],{"type":59,"value":35},{"type":53,"tag":172,"props":4193,"children":4194},{"style":213},[4195],{"type":59,"value":1428},{"type":53,"tag":172,"props":4197,"children":4198},{"style":266},[4199],{"type":59,"value":2947},{"type":53,"tag":172,"props":4201,"children":4202},{"style":213},[4203],{"type":59,"value":2952},{"type":53,"tag":172,"props":4205,"children":4206},{"style":178},[4207],{"type":59,"value":4208},"MyActions",{"type":53,"tag":172,"props":4210,"children":4211},{"style":266},[4212],{"type":59,"value":2545},{"type":53,"tag":172,"props":4214,"children":4215},{"style":213},[4216],{"type":59,"value":619},{"type":53,"tag":172,"props":4218,"children":4219},{"style":219},[4220],{"type":59,"value":35},{"type":53,"tag":172,"props":4222,"children":4223},{"style":213},[4224],{"type":59,"value":3992},{"type":53,"tag":172,"props":4226,"children":4227},{"class":174,"line":403},[4228,4233,4237,4241,4245,4249],{"type":53,"tag":172,"props":4229,"children":4230},{"style":266},[4231],{"type":59,"value":4232}," renderCustomActions",{"type":53,"tag":172,"props":4234,"children":4235},{"style":213},[4236],{"type":59,"value":3943},{"type":53,"tag":172,"props":4238,"children":4239},{"style":2437},[4240],{"type":59,"value":35},{"type":53,"tag":172,"props":4242,"children":4243},{"style":213},[4244],{"type":59,"value":1428},{"type":53,"tag":172,"props":4246,"children":4247},{"style":266},[4248],{"type":59,"value":2947},{"type":53,"tag":172,"props":4250,"children":4251},{"style":219},[4252],{"type":59,"value":300},{"type":53,"tag":172,"props":4254,"children":4255},{"class":174,"line":412},[4256,4260,4265,4269,4273,4277],{"type":53,"tag":172,"props":4257,"children":4258},{"style":213},[4259],{"type":59,"value":309},{"type":53,"tag":172,"props":4261,"children":4262},{"style":178},[4263],{"type":59,"value":4264},"PrimarySecondaryButtons",{"type":53,"tag":172,"props":4266,"children":4267},{"style":266},[4268],{"type":59,"value":2545},{"type":53,"tag":172,"props":4270,"children":4271},{"style":213},[4272],{"type":59,"value":619},{"type":53,"tag":172,"props":4274,"children":4275},{"style":219},[4276],{"type":59,"value":35},{"type":53,"tag":172,"props":4278,"children":4279},{"style":213},[4280],{"type":59,"value":4281},"} \u002F>\n",{"type":53,"tag":172,"props":4283,"children":4284},{"class":174,"line":425},[4285,4289],{"type":53,"tag":172,"props":4286,"children":4287},{"style":219},[4288],{"type":59,"value":418},{"type":53,"tag":172,"props":4290,"children":4291},{"style":213},[4292],{"type":59,"value":431},{"type":53,"tag":172,"props":4294,"children":4295},{"class":174,"line":697},[4296],{"type":53,"tag":172,"props":4297,"children":4298},{"style":213},[4299],{"type":59,"value":1734},{"type":53,"tag":62,"props":4301,"children":4302},{},[4303,4305,4311],{"type":59,"value":4304},"Use ",{"type":53,"tag":109,"props":4306,"children":4308},{"className":4307},[],[4309],{"type":59,"value":4310},"renderNotification",{"type":59,"value":4312}," only when you need full control of the item β€” you'll need to re-implement default actions (mark as read, archive, snooze) yourself.",{"type":53,"tag":161,"props":4314,"children":4316},{"className":195,"code":4315,"language":197,"meta":166,"style":166},"\u003CInbox\n \u002F* ... *\u002F\n renderNotification={(notification) => (\n \u003Cdiv className=\"custom-row\">\n \u003Ch3>{notification.subject}\u003C\u002Fh3>\n \u003Cp>{notification.body}\u003C\u002Fp>\n \u003C\u002Fdiv>\n )}\n\u002F>\n",[4317],{"type":53,"tag":109,"props":4318,"children":4319},{"__ignoreMap":166},[4320,4331,4338,4366,4404,4443,4482,4497,4508],{"type":53,"tag":172,"props":4321,"children":4322},{"class":174,"line":29},[4323,4327],{"type":53,"tag":172,"props":4324,"children":4325},{"style":213},[4326],{"type":59,"value":1641},{"type":53,"tag":172,"props":4328,"children":4329},{"style":178},[4330],{"type":59,"value":314},{"type":53,"tag":172,"props":4332,"children":4333},{"class":174,"line":33},[4334],{"type":53,"tag":172,"props":4335,"children":4336},{"style":397},[4337],{"type":59,"value":3583},{"type":53,"tag":172,"props":4339,"children":4340},{"class":174,"line":262},[4341,4346,4350,4354,4358,4362],{"type":53,"tag":172,"props":4342,"children":4343},{"style":266},[4344],{"type":59,"value":4345}," renderNotification",{"type":53,"tag":172,"props":4347,"children":4348},{"style":213},[4349],{"type":59,"value":3943},{"type":53,"tag":172,"props":4351,"children":4352},{"style":2437},[4353],{"type":59,"value":35},{"type":53,"tag":172,"props":4355,"children":4356},{"style":213},[4357],{"type":59,"value":1428},{"type":53,"tag":172,"props":4359,"children":4360},{"style":266},[4361],{"type":59,"value":2947},{"type":53,"tag":172,"props":4363,"children":4364},{"style":219},[4365],{"type":59,"value":300},{"type":53,"tag":172,"props":4367,"children":4368},{"class":174,"line":288},[4369,4373,4378,4383,4387,4391,4396,4400],{"type":53,"tag":172,"props":4370,"children":4371},{"style":213},[4372],{"type":59,"value":309},{"type":53,"tag":172,"props":4374,"children":4375},{"style":297},[4376],{"type":59,"value":4377},"div",{"type":53,"tag":172,"props":4379,"children":4380},{"style":266},[4381],{"type":59,"value":4382}," className",{"type":53,"tag":172,"props":4384,"children":4385},{"style":213},[4386],{"type":59,"value":328},{"type":53,"tag":172,"props":4388,"children":4389},{"style":213},[4390],{"type":59,"value":246},{"type":53,"tag":172,"props":4392,"children":4393},{"style":184},[4394],{"type":59,"value":4395},"custom-row",{"type":53,"tag":172,"props":4397,"children":4398},{"style":213},[4399],{"type":59,"value":246},{"type":53,"tag":172,"props":4401,"children":4402},{"style":213},[4403],{"type":59,"value":1339},{"type":53,"tag":172,"props":4405,"children":4406},{"class":174,"line":303},[4407,4411,4415,4419,4423,4427,4431,4435,4439],{"type":53,"tag":172,"props":4408,"children":4409},{"style":213},[4410],{"type":59,"value":1280},{"type":53,"tag":172,"props":4412,"children":4413},{"style":297},[4414],{"type":59,"value":466},{"type":53,"tag":172,"props":4416,"children":4417},{"style":213},[4418],{"type":59,"value":4088},{"type":53,"tag":172,"props":4420,"children":4421},{"style":219},[4422],{"type":59,"value":35},{"type":53,"tag":172,"props":4424,"children":4425},{"style":213},[4426],{"type":59,"value":629},{"type":53,"tag":172,"props":4428,"children":4429},{"style":219},[4430],{"type":59,"value":4101},{"type":53,"tag":172,"props":4432,"children":4433},{"style":213},[4434],{"type":59,"value":4106},{"type":53,"tag":172,"props":4436,"children":4437},{"style":297},[4438],{"type":59,"value":466},{"type":53,"tag":172,"props":4440,"children":4441},{"style":213},[4442],{"type":59,"value":1339},{"type":53,"tag":172,"props":4444,"children":4445},{"class":174,"line":317},[4446,4450,4454,4458,4462,4466,4470,4474,4478],{"type":53,"tag":172,"props":4447,"children":4448},{"style":213},[4449],{"type":59,"value":1280},{"type":53,"tag":172,"props":4451,"children":4452},{"style":297},[4453],{"type":59,"value":62},{"type":53,"tag":172,"props":4455,"children":4456},{"style":213},[4457],{"type":59,"value":4088},{"type":53,"tag":172,"props":4459,"children":4460},{"style":219},[4461],{"type":59,"value":35},{"type":53,"tag":172,"props":4463,"children":4464},{"style":213},[4465],{"type":59,"value":629},{"type":53,"tag":172,"props":4467,"children":4468},{"style":219},[4469],{"type":59,"value":2703},{"type":53,"tag":172,"props":4471,"children":4472},{"style":213},[4473],{"type":59,"value":4106},{"type":53,"tag":172,"props":4475,"children":4476},{"style":297},[4477],{"type":59,"value":62},{"type":53,"tag":172,"props":4479,"children":4480},{"style":213},[4481],{"type":59,"value":1339},{"type":53,"tag":172,"props":4483,"children":4484},{"class":174,"line":345},[4485,4489,4493],{"type":53,"tag":172,"props":4486,"children":4487},{"style":213},[4488],{"type":59,"value":1329},{"type":53,"tag":172,"props":4490,"children":4491},{"style":297},[4492],{"type":59,"value":4377},{"type":53,"tag":172,"props":4494,"children":4495},{"style":213},[4496],{"type":59,"value":1339},{"type":53,"tag":172,"props":4498,"children":4499},{"class":174,"line":371},[4500,4504],{"type":53,"tag":172,"props":4501,"children":4502},{"style":219},[4503],{"type":59,"value":418},{"type":53,"tag":172,"props":4505,"children":4506},{"style":213},[4507],{"type":59,"value":431},{"type":53,"tag":172,"props":4509,"children":4510},{"class":174,"line":403},[4511],{"type":53,"tag":172,"props":4512,"children":4513},{"style":213},[4514],{"type":59,"value":1734},{"type":53,"tag":466,"props":4516,"children":4518},{"id":4517},"conditional-display",[4519],{"type":59,"value":4520},"Conditional display",{"type":53,"tag":62,"props":4522,"children":4523},{},[4524,4529,4531,4537,4538,4543,4544,4550,4552,4558],{"type":53,"tag":109,"props":4525,"children":4527},{"className":4526},[],[4528],{"type":59,"value":4310},{"type":59,"value":4530}," receives the full notification β€” branch on ",{"type":53,"tag":109,"props":4532,"children":4534},{"className":4533},[],[4535],{"type":59,"value":4536},"tags",{"type":59,"value":3029},{"type":53,"tag":109,"props":4539,"children":4541},{"className":4540},[],[4542],{"type":59,"value":2570},{"type":59,"value":3029},{"type":53,"tag":109,"props":4545,"children":4547},{"className":4546},[],[4548],{"type":59,"value":4549},"severity",{"type":59,"value":4551},", or ",{"type":53,"tag":109,"props":4553,"children":4555},{"className":4554},[],[4556],{"type":59,"value":4557},"workflow.identifier",{"type":59,"value":1716},{"type":53,"tag":161,"props":4560,"children":4562},{"className":195,"code":4561,"language":197,"meta":166,"style":166},"renderNotification={(notification) => {\n if (notification.severity === SeverityLevelEnum.HIGH) return \u003CHighPriorityRow notification={notification} \u002F>;\n if (notification.tags?.includes(\"billing\")) return \u003CBillingRow notification={notification} \u002F>;\n if (notification.data?.priority === \"high\") return \u003CUrgentRow notification={notification} \u002F>;\n\n return \u003CDefaultRow notification={notification} \u002F>;\n}}\n",[4563],{"type":53,"tag":109,"props":4564,"children":4565},{"__ignoreMap":166},[4566,4587,4666,4750,4831,4838,4870],{"type":53,"tag":172,"props":4567,"children":4568},{"class":174,"line":29},[4569,4573,4577,4582],{"type":53,"tag":172,"props":4570,"children":4571},{"style":219},[4572],{"type":59,"value":4310},{"type":53,"tag":172,"props":4574,"children":4575},{"style":213},[4576],{"type":59,"value":619},{"type":53,"tag":172,"props":4578,"children":4579},{"style":219},[4580],{"type":59,"value":4581},"(notification) => ",{"type":53,"tag":172,"props":4583,"children":4584},{"style":213},[4585],{"type":59,"value":4586},"{\n",{"type":53,"tag":172,"props":4588,"children":4589},{"class":174,"line":33},[4590,4595,4599,4603,4607,4611,4616,4621,4625,4630,4635,4640,4644,4649,4653,4657,4661],{"type":53,"tag":172,"props":4591,"children":4592},{"style":207},[4593],{"type":59,"value":4594}," if",{"type":53,"tag":172,"props":4596,"children":4597},{"style":297},[4598],{"type":59,"value":3707},{"type":53,"tag":172,"props":4600,"children":4601},{"style":219},[4602],{"type":59,"value":35},{"type":53,"tag":172,"props":4604,"children":4605},{"style":213},[4606],{"type":59,"value":629},{"type":53,"tag":172,"props":4608,"children":4609},{"style":219},[4610],{"type":59,"value":4549},{"type":53,"tag":172,"props":4612,"children":4613},{"style":213},[4614],{"type":59,"value":4615}," ===",{"type":53,"tag":172,"props":4617,"children":4618},{"style":219},[4619],{"type":59,"value":4620}," SeverityLevelEnum",{"type":53,"tag":172,"props":4622,"children":4623},{"style":213},[4624],{"type":59,"value":629},{"type":53,"tag":172,"props":4626,"children":4627},{"style":219},[4628],{"type":59,"value":4629},"HIGH",{"type":53,"tag":172,"props":4631,"children":4632},{"style":297},[4633],{"type":59,"value":4634},") ",{"type":53,"tag":172,"props":4636,"children":4637},{"style":207},[4638],{"type":59,"value":4639},"return",{"type":53,"tag":172,"props":4641,"children":4642},{"style":213},[4643],{"type":59,"value":2952},{"type":53,"tag":172,"props":4645,"children":4646},{"style":178},[4647],{"type":59,"value":4648},"HighPriorityRow",{"type":53,"tag":172,"props":4650,"children":4651},{"style":266},[4652],{"type":59,"value":2545},{"type":53,"tag":172,"props":4654,"children":4655},{"style":213},[4656],{"type":59,"value":619},{"type":53,"tag":172,"props":4658,"children":4659},{"style":219},[4660],{"type":59,"value":35},{"type":53,"tag":172,"props":4662,"children":4663},{"style":213},[4664],{"type":59,"value":4665},"} \u002F>;\n",{"type":53,"tag":172,"props":4667,"children":4668},{"class":174,"line":262},[4669,4673,4677,4681,4685,4689,4693,4698,4703,4707,4712,4716,4721,4725,4729,4734,4738,4742,4746],{"type":53,"tag":172,"props":4670,"children":4671},{"style":207},[4672],{"type":59,"value":4594},{"type":53,"tag":172,"props":4674,"children":4675},{"style":297},[4676],{"type":59,"value":3707},{"type":53,"tag":172,"props":4678,"children":4679},{"style":219},[4680],{"type":59,"value":35},{"type":53,"tag":172,"props":4682,"children":4683},{"style":213},[4684],{"type":59,"value":629},{"type":53,"tag":172,"props":4686,"children":4687},{"style":219},[4688],{"type":59,"value":4536},{"type":53,"tag":172,"props":4690,"children":4691},{"style":213},[4692],{"type":59,"value":2575},{"type":53,"tag":172,"props":4694,"children":4695},{"style":272},[4696],{"type":59,"value":4697},"includes",{"type":53,"tag":172,"props":4699,"children":4700},{"style":297},[4701],{"type":59,"value":4702},"(",{"type":53,"tag":172,"props":4704,"children":4705},{"style":213},[4706],{"type":59,"value":246},{"type":53,"tag":172,"props":4708,"children":4709},{"style":184},[4710],{"type":59,"value":4711},"billing",{"type":53,"tag":172,"props":4713,"children":4714},{"style":213},[4715],{"type":59,"value":246},{"type":53,"tag":172,"props":4717,"children":4718},{"style":297},[4719],{"type":59,"value":4720},")) ",{"type":53,"tag":172,"props":4722,"children":4723},{"style":207},[4724],{"type":59,"value":4639},{"type":53,"tag":172,"props":4726,"children":4727},{"style":213},[4728],{"type":59,"value":2952},{"type":53,"tag":172,"props":4730,"children":4731},{"style":178},[4732],{"type":59,"value":4733},"BillingRow",{"type":53,"tag":172,"props":4735,"children":4736},{"style":266},[4737],{"type":59,"value":2545},{"type":53,"tag":172,"props":4739,"children":4740},{"style":213},[4741],{"type":59,"value":619},{"type":53,"tag":172,"props":4743,"children":4744},{"style":219},[4745],{"type":59,"value":35},{"type":53,"tag":172,"props":4747,"children":4748},{"style":213},[4749],{"type":59,"value":4665},{"type":53,"tag":172,"props":4751,"children":4752},{"class":174,"line":288},[4753,4757,4761,4765,4769,4773,4777,4782,4786,4790,4794,4798,4802,4806,4810,4815,4819,4823,4827],{"type":53,"tag":172,"props":4754,"children":4755},{"style":207},[4756],{"type":59,"value":4594},{"type":53,"tag":172,"props":4758,"children":4759},{"style":297},[4760],{"type":59,"value":3707},{"type":53,"tag":172,"props":4762,"children":4763},{"style":219},[4764],{"type":59,"value":35},{"type":53,"tag":172,"props":4766,"children":4767},{"style":213},[4768],{"type":59,"value":629},{"type":53,"tag":172,"props":4770,"children":4771},{"style":219},[4772],{"type":59,"value":2570},{"type":53,"tag":172,"props":4774,"children":4775},{"style":213},[4776],{"type":59,"value":2575},{"type":53,"tag":172,"props":4778,"children":4779},{"style":219},[4780],{"type":59,"value":4781},"priority",{"type":53,"tag":172,"props":4783,"children":4784},{"style":213},[4785],{"type":59,"value":4615},{"type":53,"tag":172,"props":4787,"children":4788},{"style":213},[4789],{"type":59,"value":237},{"type":53,"tag":172,"props":4791,"children":4792},{"style":184},[4793],{"type":59,"value":2594},{"type":53,"tag":172,"props":4795,"children":4796},{"style":213},[4797],{"type":59,"value":246},{"type":53,"tag":172,"props":4799,"children":4800},{"style":297},[4801],{"type":59,"value":4634},{"type":53,"tag":172,"props":4803,"children":4804},{"style":207},[4805],{"type":59,"value":4639},{"type":53,"tag":172,"props":4807,"children":4808},{"style":213},[4809],{"type":59,"value":2952},{"type":53,"tag":172,"props":4811,"children":4812},{"style":178},[4813],{"type":59,"value":4814},"UrgentRow",{"type":53,"tag":172,"props":4816,"children":4817},{"style":266},[4818],{"type":59,"value":2545},{"type":53,"tag":172,"props":4820,"children":4821},{"style":213},[4822],{"type":59,"value":619},{"type":53,"tag":172,"props":4824,"children":4825},{"style":219},[4826],{"type":59,"value":35},{"type":53,"tag":172,"props":4828,"children":4829},{"style":213},[4830],{"type":59,"value":4665},{"type":53,"tag":172,"props":4832,"children":4833},{"class":174,"line":303},[4834],{"type":53,"tag":172,"props":4835,"children":4836},{"emptyLinePlaceholder":47},[4837],{"type":59,"value":259},{"type":53,"tag":172,"props":4839,"children":4840},{"class":174,"line":317},[4841,4845,4849,4854,4858,4862,4866],{"type":53,"tag":172,"props":4842,"children":4843},{"style":207},[4844],{"type":59,"value":294},{"type":53,"tag":172,"props":4846,"children":4847},{"style":213},[4848],{"type":59,"value":2952},{"type":53,"tag":172,"props":4850,"children":4851},{"style":178},[4852],{"type":59,"value":4853},"DefaultRow",{"type":53,"tag":172,"props":4855,"children":4856},{"style":266},[4857],{"type":59,"value":2545},{"type":53,"tag":172,"props":4859,"children":4860},{"style":213},[4861],{"type":59,"value":619},{"type":53,"tag":172,"props":4863,"children":4864},{"style":219},[4865],{"type":59,"value":35},{"type":53,"tag":172,"props":4867,"children":4868},{"style":213},[4869],{"type":59,"value":4665},{"type":53,"tag":172,"props":4871,"children":4872},{"class":174,"line":345},[4873],{"type":53,"tag":172,"props":4874,"children":4875},{"style":213},[4876],{"type":59,"value":1726},{"type":53,"tag":466,"props":4878,"children":4880},{"id":4879},"html-in-notification-content",[4881],{"type":59,"value":4882},"HTML in notification content",{"type":53,"tag":62,"props":4884,"children":4885},{},[4886,4888,4893,4895,4900],{"type":59,"value":4887},"To render rich HTML in ",{"type":53,"tag":109,"props":4889,"children":4891},{"className":4890},[],[4892],{"type":59,"value":4101},{"type":59,"value":4894}," \u002F ",{"type":53,"tag":109,"props":4896,"children":4898},{"className":4897},[],[4899],{"type":59,"value":2703},{"type":59,"value":1716},{"type":53,"tag":4902,"props":4903,"children":4904},"ol",{},[4905,4918],{"type":53,"tag":4906,"props":4907,"children":4908},"li",{},[4909,4911,4916],{"type":59,"value":4910},"Disable ",{"type":53,"tag":727,"props":4912,"children":4913},{},[4914],{"type":59,"value":4915},"Disable content sanitization",{"type":59,"value":4917}," in the In-App step in your workflow.",{"type":53,"tag":4906,"props":4919,"children":4920},{},[4921,4923,4929],{"type":59,"value":4922},"Render with ",{"type":53,"tag":109,"props":4924,"children":4926},{"className":4925},[],[4927],{"type":59,"value":4928},"dangerouslySetInnerHTML",{"type":59,"value":4930}," in a render prop:",{"type":53,"tag":161,"props":4932,"children":4934},{"className":195,"code":4933,"language":197,"meta":166,"style":166},"\u003CInbox\n \u002F* ... *\u002F\n renderBody={(notification) => (\n \u003Cdiv dangerouslySetInnerHTML={{ __html: notification.body }} \u002F>\n )}\n renderSubject={(notification) => (\n \u003Cspan dangerouslySetInnerHTML={{ __html: notification.subject }} \u002F>\n )}\n\u002F>\n",[4935],{"type":53,"tag":109,"props":4936,"children":4937},{"__ignoreMap":166},[4938,4949,4956,4983,5030,5041,5068,5112,5123],{"type":53,"tag":172,"props":4939,"children":4940},{"class":174,"line":29},[4941,4945],{"type":53,"tag":172,"props":4942,"children":4943},{"style":213},[4944],{"type":59,"value":1641},{"type":53,"tag":172,"props":4946,"children":4947},{"style":178},[4948],{"type":59,"value":314},{"type":53,"tag":172,"props":4950,"children":4951},{"class":174,"line":33},[4952],{"type":53,"tag":172,"props":4953,"children":4954},{"style":397},[4955],{"type":59,"value":3583},{"type":53,"tag":172,"props":4957,"children":4958},{"class":174,"line":262},[4959,4963,4967,4971,4975,4979],{"type":53,"tag":172,"props":4960,"children":4961},{"style":266},[4962],{"type":59,"value":4123},{"type":53,"tag":172,"props":4964,"children":4965},{"style":213},[4966],{"type":59,"value":3943},{"type":53,"tag":172,"props":4968,"children":4969},{"style":2437},[4970],{"type":59,"value":35},{"type":53,"tag":172,"props":4972,"children":4973},{"style":213},[4974],{"type":59,"value":1428},{"type":53,"tag":172,"props":4976,"children":4977},{"style":266},[4978],{"type":59,"value":2947},{"type":53,"tag":172,"props":4980,"children":4981},{"style":219},[4982],{"type":59,"value":300},{"type":53,"tag":172,"props":4984,"children":4985},{"class":174,"line":288},[4986,4990,4994,4999,5003,5008,5012,5016,5020,5025],{"type":53,"tag":172,"props":4987,"children":4988},{"style":213},[4989],{"type":59,"value":309},{"type":53,"tag":172,"props":4991,"children":4992},{"style":297},[4993],{"type":59,"value":4377},{"type":53,"tag":172,"props":4995,"children":4996},{"style":266},[4997],{"type":59,"value":4998}," dangerouslySetInnerHTML",{"type":53,"tag":172,"props":5000,"children":5001},{"style":213},[5002],{"type":59,"value":1706},{"type":53,"tag":172,"props":5004,"children":5005},{"style":297},[5006],{"type":59,"value":5007}," __html",{"type":53,"tag":172,"props":5009,"children":5010},{"style":213},[5011],{"type":59,"value":1716},{"type":53,"tag":172,"props":5013,"children":5014},{"style":219},[5015],{"type":59,"value":2545},{"type":53,"tag":172,"props":5017,"children":5018},{"style":213},[5019],{"type":59,"value":629},{"type":53,"tag":172,"props":5021,"children":5022},{"style":219},[5023],{"type":59,"value":5024},"body ",{"type":53,"tag":172,"props":5026,"children":5027},{"style":213},[5028],{"type":59,"value":5029},"}} \u002F>\n",{"type":53,"tag":172,"props":5031,"children":5032},{"class":174,"line":303},[5033,5037],{"type":53,"tag":172,"props":5034,"children":5035},{"style":219},[5036],{"type":59,"value":418},{"type":53,"tag":172,"props":5038,"children":5039},{"style":213},[5040],{"type":59,"value":431},{"type":53,"tag":172,"props":5042,"children":5043},{"class":174,"line":317},[5044,5048,5052,5056,5060,5064],{"type":53,"tag":172,"props":5045,"children":5046},{"style":266},[5047],{"type":59,"value":4059},{"type":53,"tag":172,"props":5049,"children":5050},{"style":213},[5051],{"type":59,"value":3943},{"type":53,"tag":172,"props":5053,"children":5054},{"style":2437},[5055],{"type":59,"value":35},{"type":53,"tag":172,"props":5057,"children":5058},{"style":213},[5059],{"type":59,"value":1428},{"type":53,"tag":172,"props":5061,"children":5062},{"style":266},[5063],{"type":59,"value":2947},{"type":53,"tag":172,"props":5065,"children":5066},{"style":219},[5067],{"type":59,"value":300},{"type":53,"tag":172,"props":5069,"children":5070},{"class":174,"line":345},[5071,5075,5079,5083,5087,5091,5095,5099,5103,5108],{"type":53,"tag":172,"props":5072,"children":5073},{"style":213},[5074],{"type":59,"value":309},{"type":53,"tag":172,"props":5076,"children":5077},{"style":297},[5078],{"type":59,"value":172},{"type":53,"tag":172,"props":5080,"children":5081},{"style":266},[5082],{"type":59,"value":4998},{"type":53,"tag":172,"props":5084,"children":5085},{"style":213},[5086],{"type":59,"value":1706},{"type":53,"tag":172,"props":5088,"children":5089},{"style":297},[5090],{"type":59,"value":5007},{"type":53,"tag":172,"props":5092,"children":5093},{"style":213},[5094],{"type":59,"value":1716},{"type":53,"tag":172,"props":5096,"children":5097},{"style":219},[5098],{"type":59,"value":2545},{"type":53,"tag":172,"props":5100,"children":5101},{"style":213},[5102],{"type":59,"value":629},{"type":53,"tag":172,"props":5104,"children":5105},{"style":219},[5106],{"type":59,"value":5107},"subject ",{"type":53,"tag":172,"props":5109,"children":5110},{"style":213},[5111],{"type":59,"value":5029},{"type":53,"tag":172,"props":5113,"children":5114},{"class":174,"line":371},[5115,5119],{"type":53,"tag":172,"props":5116,"children":5117},{"style":219},[5118],{"type":59,"value":418},{"type":53,"tag":172,"props":5120,"children":5121},{"style":213},[5122],{"type":59,"value":431},{"type":53,"tag":172,"props":5124,"children":5125},{"class":174,"line":403},[5126],{"type":53,"tag":172,"props":5127,"children":5128},{"style":213},[5129],{"type":59,"value":1734},{"type":53,"tag":1515,"props":5131,"children":5132},{},[5133],{"type":53,"tag":62,"props":5134,"children":5135},{},[5136],{"type":59,"value":5137},"Only enable this if you fully control the trigger payload β€” raw HTML opens an XSS surface area.",{"type":53,"tag":466,"props":5139,"children":5141},{"id":5140},"notification-click-behavior",[5142],{"type":59,"value":5143},"Notification click behavior",{"type":53,"tag":62,"props":5145,"children":5146},{},[5147,5149,5155,5157,5163],{"type":59,"value":5148},"Hook the Inbox into your router. Novu calls ",{"type":53,"tag":109,"props":5150,"children":5152},{"className":5151},[],[5153],{"type":59,"value":5154},"routerPush",{"type":59,"value":5156}," with the ",{"type":53,"tag":109,"props":5158,"children":5160},{"className":5159},[],[5161],{"type":59,"value":5162},"redirect.url",{"type":59,"value":5164}," defined in your workflow:",{"type":53,"tag":161,"props":5166,"children":5168},{"className":195,"code":5167,"language":197,"meta":166,"style":166},"import { useRouter } from \"next\u002Fnavigation\";\n\nconst router = useRouter();\n\n\u003CInbox\n \u002F* ... *\u002F\n routerPush={(path) => router.push(path)}\n onNotificationClick={(notification) => track(\"inbox_notification_click\", { id: notification.id })}\n onPrimaryActionClick={(notification) => doSomething(notification.primaryAction)}\n onSecondaryActionClick={(notification) => doSomethingElse(notification.secondaryAction)}\n\u002F>\n",[5169],{"type":53,"tag":109,"props":5170,"children":5171},{"__ignoreMap":166},[5172,5213,5220,5249,5256,5267,5274,5321,5410,5457,5503],{"type":53,"tag":172,"props":5173,"children":5174},{"class":174,"line":29},[5175,5179,5183,5188,5192,5196,5200,5205,5209],{"type":53,"tag":172,"props":5176,"children":5177},{"style":207},[5178],{"type":59,"value":210},{"type":53,"tag":172,"props":5180,"children":5181},{"style":213},[5182],{"type":59,"value":216},{"type":53,"tag":172,"props":5184,"children":5185},{"style":219},[5186],{"type":59,"value":5187}," useRouter",{"type":53,"tag":172,"props":5189,"children":5190},{"style":213},[5191],{"type":59,"value":227},{"type":53,"tag":172,"props":5193,"children":5194},{"style":207},[5195],{"type":59,"value":232},{"type":53,"tag":172,"props":5197,"children":5198},{"style":213},[5199],{"type":59,"value":237},{"type":53,"tag":172,"props":5201,"children":5202},{"style":184},[5203],{"type":59,"value":5204},"next\u002Fnavigation",{"type":53,"tag":172,"props":5206,"children":5207},{"style":213},[5208],{"type":59,"value":246},{"type":53,"tag":172,"props":5210,"children":5211},{"style":213},[5212],{"type":59,"value":251},{"type":53,"tag":172,"props":5214,"children":5215},{"class":174,"line":33},[5216],{"type":53,"tag":172,"props":5217,"children":5218},{"emptyLinePlaceholder":47},[5219],{"type":59,"value":259},{"type":53,"tag":172,"props":5221,"children":5222},{"class":174,"line":262},[5223,5228,5233,5237,5241,5245],{"type":53,"tag":172,"props":5224,"children":5225},{"style":266},[5226],{"type":59,"value":5227},"const",{"type":53,"tag":172,"props":5229,"children":5230},{"style":219},[5231],{"type":59,"value":5232}," router ",{"type":53,"tag":172,"props":5234,"children":5235},{"style":213},[5236],{"type":59,"value":328},{"type":53,"tag":172,"props":5238,"children":5239},{"style":272},[5240],{"type":59,"value":5187},{"type":53,"tag":172,"props":5242,"children":5243},{"style":219},[5244],{"type":59,"value":280},{"type":53,"tag":172,"props":5246,"children":5247},{"style":213},[5248],{"type":59,"value":251},{"type":53,"tag":172,"props":5250,"children":5251},{"class":174,"line":288},[5252],{"type":53,"tag":172,"props":5253,"children":5254},{"emptyLinePlaceholder":47},[5255],{"type":59,"value":259},{"type":53,"tag":172,"props":5257,"children":5258},{"class":174,"line":303},[5259,5263],{"type":53,"tag":172,"props":5260,"children":5261},{"style":213},[5262],{"type":59,"value":1641},{"type":53,"tag":172,"props":5264,"children":5265},{"style":178},[5266],{"type":59,"value":314},{"type":53,"tag":172,"props":5268,"children":5269},{"class":174,"line":317},[5270],{"type":53,"tag":172,"props":5271,"children":5272},{"style":397},[5273],{"type":59,"value":3583},{"type":53,"tag":172,"props":5275,"children":5276},{"class":174,"line":345},[5277,5282,5286,5291,5295,5299,5304,5308,5312,5317],{"type":53,"tag":172,"props":5278,"children":5279},{"style":266},[5280],{"type":59,"value":5281}," routerPush",{"type":53,"tag":172,"props":5283,"children":5284},{"style":213},[5285],{"type":59,"value":3943},{"type":53,"tag":172,"props":5287,"children":5288},{"style":2437},[5289],{"type":59,"value":5290},"path",{"type":53,"tag":172,"props":5292,"children":5293},{"style":213},[5294],{"type":59,"value":1428},{"type":53,"tag":172,"props":5296,"children":5297},{"style":266},[5298],{"type":59,"value":2947},{"type":53,"tag":172,"props":5300,"children":5301},{"style":219},[5302],{"type":59,"value":5303}," router",{"type":53,"tag":172,"props":5305,"children":5306},{"style":213},[5307],{"type":59,"value":629},{"type":53,"tag":172,"props":5309,"children":5310},{"style":272},[5311],{"type":59,"value":3140},{"type":53,"tag":172,"props":5313,"children":5314},{"style":219},[5315],{"type":59,"value":5316},"(path)",{"type":53,"tag":172,"props":5318,"children":5319},{"style":213},[5320],{"type":59,"value":431},{"type":53,"tag":172,"props":5322,"children":5323},{"class":174,"line":371},[5324,5329,5333,5337,5341,5345,5350,5354,5358,5363,5367,5371,5375,5380,5384,5388,5392,5397,5402,5406],{"type":53,"tag":172,"props":5325,"children":5326},{"style":266},[5327],{"type":59,"value":5328}," onNotificationClick",{"type":53,"tag":172,"props":5330,"children":5331},{"style":213},[5332],{"type":59,"value":3943},{"type":53,"tag":172,"props":5334,"children":5335},{"style":2437},[5336],{"type":59,"value":35},{"type":53,"tag":172,"props":5338,"children":5339},{"style":213},[5340],{"type":59,"value":1428},{"type":53,"tag":172,"props":5342,"children":5343},{"style":266},[5344],{"type":59,"value":2947},{"type":53,"tag":172,"props":5346,"children":5347},{"style":272},[5348],{"type":59,"value":5349}," track",{"type":53,"tag":172,"props":5351,"children":5352},{"style":219},[5353],{"type":59,"value":4702},{"type":53,"tag":172,"props":5355,"children":5356},{"style":213},[5357],{"type":59,"value":246},{"type":53,"tag":172,"props":5359,"children":5360},{"style":184},[5361],{"type":59,"value":5362},"inbox_notification_click",{"type":53,"tag":172,"props":5364,"children":5365},{"style":213},[5366],{"type":59,"value":246},{"type":53,"tag":172,"props":5368,"children":5369},{"style":213},[5370],{"type":59,"value":1100},{"type":53,"tag":172,"props":5372,"children":5373},{"style":213},[5374],{"type":59,"value":216},{"type":53,"tag":172,"props":5376,"children":5377},{"style":297},[5378],{"type":59,"value":5379}," id",{"type":53,"tag":172,"props":5381,"children":5382},{"style":213},[5383],{"type":59,"value":1716},{"type":53,"tag":172,"props":5385,"children":5386},{"style":219},[5387],{"type":59,"value":2545},{"type":53,"tag":172,"props":5389,"children":5390},{"style":213},[5391],{"type":59,"value":629},{"type":53,"tag":172,"props":5393,"children":5394},{"style":219},[5395],{"type":59,"value":5396},"id ",{"type":53,"tag":172,"props":5398,"children":5399},{"style":213},[5400],{"type":59,"value":5401},"}",{"type":53,"tag":172,"props":5403,"children":5404},{"style":219},[5405],{"type":59,"value":1428},{"type":53,"tag":172,"props":5407,"children":5408},{"style":213},[5409],{"type":59,"value":431},{"type":53,"tag":172,"props":5411,"children":5412},{"class":174,"line":403},[5413,5418,5422,5426,5430,5434,5439,5444,5448,5453],{"type":53,"tag":172,"props":5414,"children":5415},{"style":266},[5416],{"type":59,"value":5417}," onPrimaryActionClick",{"type":53,"tag":172,"props":5419,"children":5420},{"style":213},[5421],{"type":59,"value":3943},{"type":53,"tag":172,"props":5423,"children":5424},{"style":2437},[5425],{"type":59,"value":35},{"type":53,"tag":172,"props":5427,"children":5428},{"style":213},[5429],{"type":59,"value":1428},{"type":53,"tag":172,"props":5431,"children":5432},{"style":266},[5433],{"type":59,"value":2947},{"type":53,"tag":172,"props":5435,"children":5436},{"style":272},[5437],{"type":59,"value":5438}," doSomething",{"type":53,"tag":172,"props":5440,"children":5441},{"style":219},[5442],{"type":59,"value":5443},"(notification",{"type":53,"tag":172,"props":5445,"children":5446},{"style":213},[5447],{"type":59,"value":629},{"type":53,"tag":172,"props":5449,"children":5450},{"style":219},[5451],{"type":59,"value":5452},"primaryAction)",{"type":53,"tag":172,"props":5454,"children":5455},{"style":213},[5456],{"type":59,"value":431},{"type":53,"tag":172,"props":5458,"children":5459},{"class":174,"line":412},[5460,5465,5469,5473,5477,5481,5486,5490,5494,5499],{"type":53,"tag":172,"props":5461,"children":5462},{"style":266},[5463],{"type":59,"value":5464}," onSecondaryActionClick",{"type":53,"tag":172,"props":5466,"children":5467},{"style":213},[5468],{"type":59,"value":3943},{"type":53,"tag":172,"props":5470,"children":5471},{"style":2437},[5472],{"type":59,"value":35},{"type":53,"tag":172,"props":5474,"children":5475},{"style":213},[5476],{"type":59,"value":1428},{"type":53,"tag":172,"props":5478,"children":5479},{"style":266},[5480],{"type":59,"value":2947},{"type":53,"tag":172,"props":5482,"children":5483},{"style":272},[5484],{"type":59,"value":5485}," doSomethingElse",{"type":53,"tag":172,"props":5487,"children":5488},{"style":219},[5489],{"type":59,"value":5443},{"type":53,"tag":172,"props":5491,"children":5492},{"style":213},[5493],{"type":59,"value":629},{"type":53,"tag":172,"props":5495,"children":5496},{"style":219},[5497],{"type":59,"value":5498},"secondaryAction)",{"type":53,"tag":172,"props":5500,"children":5501},{"style":213},[5502],{"type":59,"value":431},{"type":53,"tag":172,"props":5504,"children":5505},{"class":174,"line":425},[5506],{"type":53,"tag":172,"props":5507,"children":5508},{"style":213},[5509],{"type":59,"value":1734},{"type":53,"tag":62,"props":5511,"children":5512},{},[5513,5515,5521,5523,5528,5530,5536],{"type":59,"value":5514},"Works with React Router (",{"type":53,"tag":109,"props":5516,"children":5518},{"className":5517},[],[5519],{"type":59,"value":5520},"useNavigate()",{"type":59,"value":5522},"), Remix (",{"type":53,"tag":109,"props":5524,"children":5526},{"className":5525},[],[5527],{"type":59,"value":5520},{"type":59,"value":5529},"), Gatsby (",{"type":53,"tag":109,"props":5531,"children":5533},{"className":5532},[],[5534],{"type":59,"value":5535},"navigate()",{"type":59,"value":5537},"), and any custom router.",{"type":53,"tag":62,"props":5539,"children":5540},{},[5541,5542,5548,5550,5556],{"type":59,"value":3841},{"type":53,"tag":1524,"props":5543,"children":5545},{"href":5544},".\u002Freferences\u002Fpersonalization.md",[5546],{"type":59,"value":5547},"Personalization Reference",{"type":59,"value":5549}," for full render-prop signatures, ",{"type":53,"tag":109,"props":5551,"children":5553},{"className":5552},[],[5554],{"type":59,"value":5555},"renderCustomActions",{"type":59,"value":5557}," styling examples, popover composition with Radix \u002F shadcn Drawer, and conditional UI patterns.",{"type":53,"tag":68,"props":5559,"children":5561},{"id":5560},"tabs",[5562],{"type":59,"value":5563},"Tabs",{"type":53,"tag":62,"props":5565,"children":5566},{},[5567,5569,5573,5574,5578,5579,5589],{"type":59,"value":5568},"Group notifications into tabs by ",{"type":53,"tag":727,"props":5570,"children":5571},{},[5572],{"type":59,"value":4536},{"type":59,"value":3029},{"type":53,"tag":727,"props":5575,"children":5576},{},[5577],{"type":59,"value":4549},{"type":59,"value":4551},{"type":53,"tag":727,"props":5580,"children":5581},{},[5582,5587],{"type":53,"tag":109,"props":5583,"children":5585},{"className":5584},[],[5586],{"type":59,"value":2570},{"type":59,"value":5588}," properties",{"type":59,"value":1716},{"type":53,"tag":161,"props":5591,"children":5593},{"className":195,"code":5592,"language":197,"meta":166,"style":166},"import { Inbox, SeverityLevelEnum } from \"@novu\u002Freact\";\n\n\u003CInbox\n applicationIdentifier=\"YOUR_NOVU_APP_ID\"\n subscriberId=\"subscriber-123\"\n tabs={[\n { label: \"All\", filter: { tags: [] } },\n { label: \"Promotions\", filter: { tags: [\"promotions\"] } },\n { label: \"Security\", filter: { tags: [\"security\", \"alert\"] } },\n { label: \"Critical\", filter: { severity: SeverityLevelEnum.HIGH } },\n { label: \"High Priority\", filter: { data: { priority: \"high\" } } },\n {\n label: \"Billing\",\n filter: { tags: [\"billing\"], data: { entity: \"invoice\" } },\n },\n ]}\n\u002F>\n",[5594],{"type":53,"tag":109,"props":5595,"children":5596},{"__ignoreMap":166},[5597,5644,5651,5662,5685,5708,5725,5794,5877,5975,6049,6139,6147,6176,6267,6274,6286],{"type":53,"tag":172,"props":5598,"children":5599},{"class":174,"line":29},[5600,5604,5608,5612,5616,5620,5624,5628,5632,5636,5640],{"type":53,"tag":172,"props":5601,"children":5602},{"style":207},[5603],{"type":59,"value":210},{"type":53,"tag":172,"props":5605,"children":5606},{"style":213},[5607],{"type":59,"value":216},{"type":53,"tag":172,"props":5609,"children":5610},{"style":219},[5611],{"type":59,"value":222},{"type":53,"tag":172,"props":5613,"children":5614},{"style":213},[5615],{"type":59,"value":1100},{"type":53,"tag":172,"props":5617,"children":5618},{"style":219},[5619],{"type":59,"value":4620},{"type":53,"tag":172,"props":5621,"children":5622},{"style":213},[5623],{"type":59,"value":227},{"type":53,"tag":172,"props":5625,"children":5626},{"style":207},[5627],{"type":59,"value":232},{"type":53,"tag":172,"props":5629,"children":5630},{"style":213},[5631],{"type":59,"value":237},{"type":53,"tag":172,"props":5633,"children":5634},{"style":184},[5635],{"type":59,"value":114},{"type":53,"tag":172,"props":5637,"children":5638},{"style":213},[5639],{"type":59,"value":246},{"type":53,"tag":172,"props":5641,"children":5642},{"style":213},[5643],{"type":59,"value":251},{"type":53,"tag":172,"props":5645,"children":5646},{"class":174,"line":33},[5647],{"type":53,"tag":172,"props":5648,"children":5649},{"emptyLinePlaceholder":47},[5650],{"type":59,"value":259},{"type":53,"tag":172,"props":5652,"children":5653},{"class":174,"line":262},[5654,5658],{"type":53,"tag":172,"props":5655,"children":5656},{"style":213},[5657],{"type":59,"value":1641},{"type":53,"tag":172,"props":5659,"children":5660},{"style":178},[5661],{"type":59,"value":314},{"type":53,"tag":172,"props":5663,"children":5664},{"class":174,"line":288},[5665,5669,5673,5677,5681],{"type":53,"tag":172,"props":5666,"children":5667},{"style":266},[5668],{"type":59,"value":1653},{"type":53,"tag":172,"props":5670,"children":5671},{"style":213},[5672],{"type":59,"value":328},{"type":53,"tag":172,"props":5674,"children":5675},{"style":213},[5676],{"type":59,"value":246},{"type":53,"tag":172,"props":5678,"children":5679},{"style":184},[5680],{"type":59,"value":337},{"type":53,"tag":172,"props":5682,"children":5683},{"style":213},[5684],{"type":59,"value":342},{"type":53,"tag":172,"props":5686,"children":5687},{"class":174,"line":303},[5688,5692,5696,5700,5704],{"type":53,"tag":172,"props":5689,"children":5690},{"style":266},[5691],{"type":59,"value":1677},{"type":53,"tag":172,"props":5693,"children":5694},{"style":213},[5695],{"type":59,"value":328},{"type":53,"tag":172,"props":5697,"children":5698},{"style":213},[5699],{"type":59,"value":246},{"type":53,"tag":172,"props":5701,"children":5702},{"style":184},[5703],{"type":59,"value":364},{"type":53,"tag":172,"props":5705,"children":5706},{"style":213},[5707],{"type":59,"value":342},{"type":53,"tag":172,"props":5709,"children":5710},{"class":174,"line":317},[5711,5716,5720],{"type":53,"tag":172,"props":5712,"children":5713},{"style":266},[5714],{"type":59,"value":5715}," tabs",{"type":53,"tag":172,"props":5717,"children":5718},{"style":213},[5719],{"type":59,"value":619},{"type":53,"tag":172,"props":5721,"children":5722},{"style":219},[5723],{"type":59,"value":5724},"[\n",{"type":53,"tag":172,"props":5726,"children":5727},{"class":174,"line":345},[5728,5733,5738,5742,5746,5751,5755,5759,5764,5768,5772,5777,5781,5786,5790],{"type":53,"tag":172,"props":5729,"children":5730},{"style":213},[5731],{"type":59,"value":5732}," {",{"type":53,"tag":172,"props":5734,"children":5735},{"style":297},[5736],{"type":59,"value":5737}," label",{"type":53,"tag":172,"props":5739,"children":5740},{"style":213},[5741],{"type":59,"value":1716},{"type":53,"tag":172,"props":5743,"children":5744},{"style":213},[5745],{"type":59,"value":237},{"type":53,"tag":172,"props":5747,"children":5748},{"style":184},[5749],{"type":59,"value":5750},"All",{"type":53,"tag":172,"props":5752,"children":5753},{"style":213},[5754],{"type":59,"value":246},{"type":53,"tag":172,"props":5756,"children":5757},{"style":213},[5758],{"type":59,"value":1100},{"type":53,"tag":172,"props":5760,"children":5761},{"style":297},[5762],{"type":59,"value":5763}," filter",{"type":53,"tag":172,"props":5765,"children":5766},{"style":213},[5767],{"type":59,"value":1716},{"type":53,"tag":172,"props":5769,"children":5770},{"style":213},[5771],{"type":59,"value":216},{"type":53,"tag":172,"props":5773,"children":5774},{"style":297},[5775],{"type":59,"value":5776}," tags",{"type":53,"tag":172,"props":5778,"children":5779},{"style":213},[5780],{"type":59,"value":1716},{"type":53,"tag":172,"props":5782,"children":5783},{"style":219},[5784],{"type":59,"value":5785}," [] ",{"type":53,"tag":172,"props":5787,"children":5788},{"style":213},[5789],{"type":59,"value":5401},{"type":53,"tag":172,"props":5791,"children":5792},{"style":213},[5793],{"type":59,"value":2677},{"type":53,"tag":172,"props":5795,"children":5796},{"class":174,"line":371},[5797,5801,5805,5809,5813,5818,5822,5826,5830,5834,5838,5842,5846,5851,5855,5860,5864,5869,5873],{"type":53,"tag":172,"props":5798,"children":5799},{"style":213},[5800],{"type":59,"value":5732},{"type":53,"tag":172,"props":5802,"children":5803},{"style":297},[5804],{"type":59,"value":5737},{"type":53,"tag":172,"props":5806,"children":5807},{"style":213},[5808],{"type":59,"value":1716},{"type":53,"tag":172,"props":5810,"children":5811},{"style":213},[5812],{"type":59,"value":237},{"type":53,"tag":172,"props":5814,"children":5815},{"style":184},[5816],{"type":59,"value":5817},"Promotions",{"type":53,"tag":172,"props":5819,"children":5820},{"style":213},[5821],{"type":59,"value":246},{"type":53,"tag":172,"props":5823,"children":5824},{"style":213},[5825],{"type":59,"value":1100},{"type":53,"tag":172,"props":5827,"children":5828},{"style":297},[5829],{"type":59,"value":5763},{"type":53,"tag":172,"props":5831,"children":5832},{"style":213},[5833],{"type":59,"value":1716},{"type":53,"tag":172,"props":5835,"children":5836},{"style":213},[5837],{"type":59,"value":216},{"type":53,"tag":172,"props":5839,"children":5840},{"style":297},[5841],{"type":59,"value":5776},{"type":53,"tag":172,"props":5843,"children":5844},{"style":213},[5845],{"type":59,"value":1716},{"type":53,"tag":172,"props":5847,"children":5848},{"style":219},[5849],{"type":59,"value":5850}," [",{"type":53,"tag":172,"props":5852,"children":5853},{"style":213},[5854],{"type":59,"value":246},{"type":53,"tag":172,"props":5856,"children":5857},{"style":184},[5858],{"type":59,"value":5859},"promotions",{"type":53,"tag":172,"props":5861,"children":5862},{"style":213},[5863],{"type":59,"value":246},{"type":53,"tag":172,"props":5865,"children":5866},{"style":219},[5867],{"type":59,"value":5868},"] ",{"type":53,"tag":172,"props":5870,"children":5871},{"style":213},[5872],{"type":59,"value":5401},{"type":53,"tag":172,"props":5874,"children":5875},{"style":213},[5876],{"type":59,"value":2677},{"type":53,"tag":172,"props":5878,"children":5879},{"class":174,"line":403},[5880,5884,5888,5892,5896,5901,5905,5909,5913,5917,5921,5925,5929,5933,5937,5942,5946,5950,5954,5959,5963,5967,5971],{"type":53,"tag":172,"props":5881,"children":5882},{"style":213},[5883],{"type":59,"value":5732},{"type":53,"tag":172,"props":5885,"children":5886},{"style":297},[5887],{"type":59,"value":5737},{"type":53,"tag":172,"props":5889,"children":5890},{"style":213},[5891],{"type":59,"value":1716},{"type":53,"tag":172,"props":5893,"children":5894},{"style":213},[5895],{"type":59,"value":237},{"type":53,"tag":172,"props":5897,"children":5898},{"style":184},[5899],{"type":59,"value":5900},"Security",{"type":53,"tag":172,"props":5902,"children":5903},{"style":213},[5904],{"type":59,"value":246},{"type":53,"tag":172,"props":5906,"children":5907},{"style":213},[5908],{"type":59,"value":1100},{"type":53,"tag":172,"props":5910,"children":5911},{"style":297},[5912],{"type":59,"value":5763},{"type":53,"tag":172,"props":5914,"children":5915},{"style":213},[5916],{"type":59,"value":1716},{"type":53,"tag":172,"props":5918,"children":5919},{"style":213},[5920],{"type":59,"value":216},{"type":53,"tag":172,"props":5922,"children":5923},{"style":297},[5924],{"type":59,"value":5776},{"type":53,"tag":172,"props":5926,"children":5927},{"style":213},[5928],{"type":59,"value":1716},{"type":53,"tag":172,"props":5930,"children":5931},{"style":219},[5932],{"type":59,"value":5850},{"type":53,"tag":172,"props":5934,"children":5935},{"style":213},[5936],{"type":59,"value":246},{"type":53,"tag":172,"props":5938,"children":5939},{"style":184},[5940],{"type":59,"value":5941},"security",{"type":53,"tag":172,"props":5943,"children":5944},{"style":213},[5945],{"type":59,"value":246},{"type":53,"tag":172,"props":5947,"children":5948},{"style":213},[5949],{"type":59,"value":1100},{"type":53,"tag":172,"props":5951,"children":5952},{"style":213},[5953],{"type":59,"value":237},{"type":53,"tag":172,"props":5955,"children":5956},{"style":184},[5957],{"type":59,"value":5958},"alert",{"type":53,"tag":172,"props":5960,"children":5961},{"style":213},[5962],{"type":59,"value":246},{"type":53,"tag":172,"props":5964,"children":5965},{"style":219},[5966],{"type":59,"value":5868},{"type":53,"tag":172,"props":5968,"children":5969},{"style":213},[5970],{"type":59,"value":5401},{"type":53,"tag":172,"props":5972,"children":5973},{"style":213},[5974],{"type":59,"value":2677},{"type":53,"tag":172,"props":5976,"children":5977},{"class":174,"line":412},[5978,5982,5986,5990,5994,5999,6003,6007,6011,6015,6019,6024,6028,6032,6036,6041,6045],{"type":53,"tag":172,"props":5979,"children":5980},{"style":213},[5981],{"type":59,"value":5732},{"type":53,"tag":172,"props":5983,"children":5984},{"style":297},[5985],{"type":59,"value":5737},{"type":53,"tag":172,"props":5987,"children":5988},{"style":213},[5989],{"type":59,"value":1716},{"type":53,"tag":172,"props":5991,"children":5992},{"style":213},[5993],{"type":59,"value":237},{"type":53,"tag":172,"props":5995,"children":5996},{"style":184},[5997],{"type":59,"value":5998},"Critical",{"type":53,"tag":172,"props":6000,"children":6001},{"style":213},[6002],{"type":59,"value":246},{"type":53,"tag":172,"props":6004,"children":6005},{"style":213},[6006],{"type":59,"value":1100},{"type":53,"tag":172,"props":6008,"children":6009},{"style":297},[6010],{"type":59,"value":5763},{"type":53,"tag":172,"props":6012,"children":6013},{"style":213},[6014],{"type":59,"value":1716},{"type":53,"tag":172,"props":6016,"children":6017},{"style":213},[6018],{"type":59,"value":216},{"type":53,"tag":172,"props":6020,"children":6021},{"style":297},[6022],{"type":59,"value":6023}," severity",{"type":53,"tag":172,"props":6025,"children":6026},{"style":213},[6027],{"type":59,"value":1716},{"type":53,"tag":172,"props":6029,"children":6030},{"style":219},[6031],{"type":59,"value":4620},{"type":53,"tag":172,"props":6033,"children":6034},{"style":213},[6035],{"type":59,"value":629},{"type":53,"tag":172,"props":6037,"children":6038},{"style":219},[6039],{"type":59,"value":6040},"HIGH ",{"type":53,"tag":172,"props":6042,"children":6043},{"style":213},[6044],{"type":59,"value":5401},{"type":53,"tag":172,"props":6046,"children":6047},{"style":213},[6048],{"type":59,"value":2677},{"type":53,"tag":172,"props":6050,"children":6051},{"class":174,"line":425},[6052,6056,6060,6064,6068,6073,6077,6081,6085,6089,6093,6098,6102,6106,6111,6115,6119,6123,6127,6131,6135],{"type":53,"tag":172,"props":6053,"children":6054},{"style":213},[6055],{"type":59,"value":5732},{"type":53,"tag":172,"props":6057,"children":6058},{"style":297},[6059],{"type":59,"value":5737},{"type":53,"tag":172,"props":6061,"children":6062},{"style":213},[6063],{"type":59,"value":1716},{"type":53,"tag":172,"props":6065,"children":6066},{"style":213},[6067],{"type":59,"value":237},{"type":53,"tag":172,"props":6069,"children":6070},{"style":184},[6071],{"type":59,"value":6072},"High Priority",{"type":53,"tag":172,"props":6074,"children":6075},{"style":213},[6076],{"type":59,"value":246},{"type":53,"tag":172,"props":6078,"children":6079},{"style":213},[6080],{"type":59,"value":1100},{"type":53,"tag":172,"props":6082,"children":6083},{"style":297},[6084],{"type":59,"value":5763},{"type":53,"tag":172,"props":6086,"children":6087},{"style":213},[6088],{"type":59,"value":1716},{"type":53,"tag":172,"props":6090,"children":6091},{"style":213},[6092],{"type":59,"value":216},{"type":53,"tag":172,"props":6094,"children":6095},{"style":297},[6096],{"type":59,"value":6097}," data",{"type":53,"tag":172,"props":6099,"children":6100},{"style":213},[6101],{"type":59,"value":1716},{"type":53,"tag":172,"props":6103,"children":6104},{"style":213},[6105],{"type":59,"value":216},{"type":53,"tag":172,"props":6107,"children":6108},{"style":297},[6109],{"type":59,"value":6110}," priority",{"type":53,"tag":172,"props":6112,"children":6113},{"style":213},[6114],{"type":59,"value":1716},{"type":53,"tag":172,"props":6116,"children":6117},{"style":213},[6118],{"type":59,"value":237},{"type":53,"tag":172,"props":6120,"children":6121},{"style":184},[6122],{"type":59,"value":2594},{"type":53,"tag":172,"props":6124,"children":6125},{"style":213},[6126],{"type":59,"value":246},{"type":53,"tag":172,"props":6128,"children":6129},{"style":213},[6130],{"type":59,"value":227},{"type":53,"tag":172,"props":6132,"children":6133},{"style":213},[6134],{"type":59,"value":227},{"type":53,"tag":172,"props":6136,"children":6137},{"style":213},[6138],{"type":59,"value":2677},{"type":53,"tag":172,"props":6140,"children":6141},{"class":174,"line":697},[6142],{"type":53,"tag":172,"props":6143,"children":6144},{"style":213},[6145],{"type":59,"value":6146}," {\n",{"type":53,"tag":172,"props":6148,"children":6149},{"class":174,"line":705},[6150,6155,6159,6163,6168,6172],{"type":53,"tag":172,"props":6151,"children":6152},{"style":297},[6153],{"type":59,"value":6154}," label",{"type":53,"tag":172,"props":6156,"children":6157},{"style":213},[6158],{"type":59,"value":1716},{"type":53,"tag":172,"props":6160,"children":6161},{"style":213},[6162],{"type":59,"value":237},{"type":53,"tag":172,"props":6164,"children":6165},{"style":184},[6166],{"type":59,"value":6167},"Billing",{"type":53,"tag":172,"props":6169,"children":6170},{"style":213},[6171],{"type":59,"value":246},{"type":53,"tag":172,"props":6173,"children":6174},{"style":213},[6175],{"type":59,"value":1862},{"type":53,"tag":172,"props":6177,"children":6178},{"class":174,"line":717},[6179,6184,6188,6192,6196,6200,6204,6208,6212,6216,6221,6225,6229,6233,6237,6242,6246,6250,6255,6259,6263],{"type":53,"tag":172,"props":6180,"children":6181},{"style":297},[6182],{"type":59,"value":6183}," filter",{"type":53,"tag":172,"props":6185,"children":6186},{"style":213},[6187],{"type":59,"value":1716},{"type":53,"tag":172,"props":6189,"children":6190},{"style":213},[6191],{"type":59,"value":216},{"type":53,"tag":172,"props":6193,"children":6194},{"style":297},[6195],{"type":59,"value":5776},{"type":53,"tag":172,"props":6197,"children":6198},{"style":213},[6199],{"type":59,"value":1716},{"type":53,"tag":172,"props":6201,"children":6202},{"style":219},[6203],{"type":59,"value":5850},{"type":53,"tag":172,"props":6205,"children":6206},{"style":213},[6207],{"type":59,"value":246},{"type":53,"tag":172,"props":6209,"children":6210},{"style":184},[6211],{"type":59,"value":4711},{"type":53,"tag":172,"props":6213,"children":6214},{"style":213},[6215],{"type":59,"value":246},{"type":53,"tag":172,"props":6217,"children":6218},{"style":219},[6219],{"type":59,"value":6220},"]",{"type":53,"tag":172,"props":6222,"children":6223},{"style":213},[6224],{"type":59,"value":1100},{"type":53,"tag":172,"props":6226,"children":6227},{"style":297},[6228],{"type":59,"value":6097},{"type":53,"tag":172,"props":6230,"children":6231},{"style":213},[6232],{"type":59,"value":1716},{"type":53,"tag":172,"props":6234,"children":6235},{"style":213},[6236],{"type":59,"value":216},{"type":53,"tag":172,"props":6238,"children":6239},{"style":297},[6240],{"type":59,"value":6241}," entity",{"type":53,"tag":172,"props":6243,"children":6244},{"style":213},[6245],{"type":59,"value":1716},{"type":53,"tag":172,"props":6247,"children":6248},{"style":213},[6249],{"type":59,"value":237},{"type":53,"tag":172,"props":6251,"children":6252},{"style":184},[6253],{"type":59,"value":6254},"invoice",{"type":53,"tag":172,"props":6256,"children":6257},{"style":213},[6258],{"type":59,"value":246},{"type":53,"tag":172,"props":6260,"children":6261},{"style":213},[6262],{"type":59,"value":227},{"type":53,"tag":172,"props":6264,"children":6265},{"style":213},[6266],{"type":59,"value":2677},{"type":53,"tag":172,"props":6268,"children":6269},{"class":174,"line":1353},[6270],{"type":53,"tag":172,"props":6271,"children":6272},{"style":213},[6273],{"type":59,"value":2249},{"type":53,"tag":172,"props":6275,"children":6276},{"class":174,"line":2124},[6277,6282],{"type":53,"tag":172,"props":6278,"children":6279},{"style":219},[6280],{"type":59,"value":6281}," ]",{"type":53,"tag":172,"props":6283,"children":6284},{"style":213},[6285],{"type":59,"value":431},{"type":53,"tag":172,"props":6287,"children":6288},{"class":174,"line":2154},[6289],{"type":53,"tag":172,"props":6290,"children":6291},{"style":213},[6292],{"type":59,"value":1734},{"type":53,"tag":6294,"props":6295,"children":6296},"ul",{},[6297,6315,6346],{"type":53,"tag":4906,"props":6298,"children":6299},{},[6300,6305,6307,6313],{"type":53,"tag":727,"props":6301,"children":6302},{},[6303],{"type":59,"value":6304},"Tags",{"type":59,"value":6306}," are workflow-level β€” assign them in the workflow editor. Multiple tags use ",{"type":53,"tag":109,"props":6308,"children":6310},{"className":6309},[],[6311],{"type":59,"value":6312},"OR",{"type":59,"value":6314}," logic.",{"type":53,"tag":4906,"props":6316,"children":6317},{},[6318,6323,6325,6330,6331,6337,6338,6344],{"type":53,"tag":727,"props":6319,"children":6320},{},[6321],{"type":59,"value":6322},"Severity",{"type":59,"value":6324}," comes from the In-App step's severity setting (",{"type":53,"tag":109,"props":6326,"children":6328},{"className":6327},[],[6329],{"type":59,"value":4629},{"type":59,"value":3029},{"type":53,"tag":109,"props":6332,"children":6334},{"className":6333},[],[6335],{"type":59,"value":6336},"MEDIUM",{"type":59,"value":3029},{"type":53,"tag":109,"props":6339,"children":6341},{"className":6340},[],[6342],{"type":59,"value":6343},"LOW",{"type":59,"value":6345},").",{"type":53,"tag":4906,"props":6347,"children":6348},{},[6349,6357,6359,6365],{"type":53,"tag":727,"props":6350,"children":6351},{},[6352],{"type":53,"tag":109,"props":6353,"children":6355},{"className":6354},[],[6356],{"type":59,"value":2570},{"type":59,"value":6358}," comes from the ",{"type":53,"tag":1524,"props":6360,"children":6362},{"href":6361},"#data-object",[6363],{"type":59,"value":6364},"data object",{"type":59,"value":6366}," defined per In-App step.",{"type":53,"tag":62,"props":6368,"children":6369},{},[6370,6372,6385],{"type":59,"value":6371},"Use the ",{"type":53,"tag":1524,"props":6373,"children":6376},{"href":6374,"rel":6375},"https:\u002F\u002Fdocs.novu.co\u002Fplatform\u002Fsdks\u002Freact\u002Fhooks\u002Fuse-counts",[1528],[6377,6383],{"type":53,"tag":109,"props":6378,"children":6380},{"className":6379},[],[6381],{"type":59,"value":6382},"useCounts",{"type":59,"value":6384}," hook",{"type":59,"value":6386}," to render unread counts per tab.",{"type":53,"tag":68,"props":6388,"children":6390},{"id":6389},"multi-tenancy-with-contexts",[6391],{"type":59,"value":6392},"Multi-Tenancy with Contexts",{"type":53,"tag":62,"props":6394,"children":6395},{},[6396,6397,6402],{"type":59,"value":4304},{"type":53,"tag":727,"props":6398,"children":6399},{},[6400],{"type":59,"value":6401},"Contexts",{"type":59,"value":6403}," to scope the Inbox to a tenant, workspace, or feature area. The Inbox shows only notifications whose trigger context matches the Inbox context exactly.",{"type":53,"tag":466,"props":6405,"children":6407},{"id":6406},"_1-trigger-workflows-with-context",[6408],{"type":59,"value":6409},"1. Trigger workflows with context",{"type":53,"tag":161,"props":6411,"children":6415},{"className":6412,"code":6413,"language":6414,"meta":166,"style":166},"language-typescript shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","await novu.trigger({\n workflowId: \"invoice-paid\",\n to: { subscriberId: \"user-123\" },\n payload: { amount: \"$250\" },\n context: {\n tenant: {\n id: \"acme-corp\",\n data: { name: \"Acme Corporation\", plan: \"enterprise\" },\n },\n },\n});\n","typescript",[6416],{"type":53,"tag":109,"props":6417,"children":6418},{"__ignoreMap":166},[6419,6449,6478,6520,6562,6578,6594,6623,6691,6698,6705],{"type":53,"tag":172,"props":6420,"children":6421},{"class":174,"line":29},[6422,6427,6432,6436,6441,6445],{"type":53,"tag":172,"props":6423,"children":6424},{"style":207},[6425],{"type":59,"value":6426},"await",{"type":53,"tag":172,"props":6428,"children":6429},{"style":219},[6430],{"type":59,"value":6431}," novu",{"type":53,"tag":172,"props":6433,"children":6434},{"style":213},[6435],{"type":59,"value":629},{"type":53,"tag":172,"props":6437,"children":6438},{"style":272},[6439],{"type":59,"value":6440},"trigger",{"type":53,"tag":172,"props":6442,"children":6443},{"style":219},[6444],{"type":59,"value":4702},{"type":53,"tag":172,"props":6446,"children":6447},{"style":213},[6448],{"type":59,"value":4586},{"type":53,"tag":172,"props":6450,"children":6451},{"class":174,"line":33},[6452,6457,6461,6465,6470,6474],{"type":53,"tag":172,"props":6453,"children":6454},{"style":297},[6455],{"type":59,"value":6456}," workflowId",{"type":53,"tag":172,"props":6458,"children":6459},{"style":213},[6460],{"type":59,"value":1716},{"type":53,"tag":172,"props":6462,"children":6463},{"style":213},[6464],{"type":59,"value":237},{"type":53,"tag":172,"props":6466,"children":6467},{"style":184},[6468],{"type":59,"value":6469},"invoice-paid",{"type":53,"tag":172,"props":6471,"children":6472},{"style":213},[6473],{"type":59,"value":246},{"type":53,"tag":172,"props":6475,"children":6476},{"style":213},[6477],{"type":59,"value":1862},{"type":53,"tag":172,"props":6479,"children":6480},{"class":174,"line":262},[6481,6486,6490,6494,6499,6503,6507,6512,6516],{"type":53,"tag":172,"props":6482,"children":6483},{"style":297},[6484],{"type":59,"value":6485}," to",{"type":53,"tag":172,"props":6487,"children":6488},{"style":213},[6489],{"type":59,"value":1716},{"type":53,"tag":172,"props":6491,"children":6492},{"style":213},[6493],{"type":59,"value":216},{"type":53,"tag":172,"props":6495,"children":6496},{"style":297},[6497],{"type":59,"value":6498}," subscriberId",{"type":53,"tag":172,"props":6500,"children":6501},{"style":213},[6502],{"type":59,"value":1716},{"type":53,"tag":172,"props":6504,"children":6505},{"style":213},[6506],{"type":59,"value":237},{"type":53,"tag":172,"props":6508,"children":6509},{"style":184},[6510],{"type":59,"value":6511},"user-123",{"type":53,"tag":172,"props":6513,"children":6514},{"style":213},[6515],{"type":59,"value":246},{"type":53,"tag":172,"props":6517,"children":6518},{"style":213},[6519],{"type":59,"value":2677},{"type":53,"tag":172,"props":6521,"children":6522},{"class":174,"line":288},[6523,6528,6532,6536,6541,6545,6549,6554,6558],{"type":53,"tag":172,"props":6524,"children":6525},{"style":297},[6526],{"type":59,"value":6527}," payload",{"type":53,"tag":172,"props":6529,"children":6530},{"style":213},[6531],{"type":59,"value":1716},{"type":53,"tag":172,"props":6533,"children":6534},{"style":213},[6535],{"type":59,"value":216},{"type":53,"tag":172,"props":6537,"children":6538},{"style":297},[6539],{"type":59,"value":6540}," amount",{"type":53,"tag":172,"props":6542,"children":6543},{"style":213},[6544],{"type":59,"value":1716},{"type":53,"tag":172,"props":6546,"children":6547},{"style":213},[6548],{"type":59,"value":237},{"type":53,"tag":172,"props":6550,"children":6551},{"style":184},[6552],{"type":59,"value":6553},"$250",{"type":53,"tag":172,"props":6555,"children":6556},{"style":213},[6557],{"type":59,"value":246},{"type":53,"tag":172,"props":6559,"children":6560},{"style":213},[6561],{"type":59,"value":2677},{"type":53,"tag":172,"props":6563,"children":6564},{"class":174,"line":303},[6565,6570,6574],{"type":53,"tag":172,"props":6566,"children":6567},{"style":297},[6568],{"type":59,"value":6569}," context",{"type":53,"tag":172,"props":6571,"children":6572},{"style":213},[6573],{"type":59,"value":1716},{"type":53,"tag":172,"props":6575,"children":6576},{"style":213},[6577],{"type":59,"value":285},{"type":53,"tag":172,"props":6579,"children":6580},{"class":174,"line":317},[6581,6586,6590],{"type":53,"tag":172,"props":6582,"children":6583},{"style":297},[6584],{"type":59,"value":6585}," tenant",{"type":53,"tag":172,"props":6587,"children":6588},{"style":213},[6589],{"type":59,"value":1716},{"type":53,"tag":172,"props":6591,"children":6592},{"style":213},[6593],{"type":59,"value":285},{"type":53,"tag":172,"props":6595,"children":6596},{"class":174,"line":345},[6597,6602,6606,6610,6615,6619],{"type":53,"tag":172,"props":6598,"children":6599},{"style":297},[6600],{"type":59,"value":6601}," id",{"type":53,"tag":172,"props":6603,"children":6604},{"style":213},[6605],{"type":59,"value":1716},{"type":53,"tag":172,"props":6607,"children":6608},{"style":213},[6609],{"type":59,"value":237},{"type":53,"tag":172,"props":6611,"children":6612},{"style":184},[6613],{"type":59,"value":6614},"acme-corp",{"type":53,"tag":172,"props":6616,"children":6617},{"style":213},[6618],{"type":59,"value":246},{"type":53,"tag":172,"props":6620,"children":6621},{"style":213},[6622],{"type":59,"value":1862},{"type":53,"tag":172,"props":6624,"children":6625},{"class":174,"line":371},[6626,6631,6635,6639,6644,6648,6652,6657,6661,6665,6670,6674,6678,6683,6687],{"type":53,"tag":172,"props":6627,"children":6628},{"style":297},[6629],{"type":59,"value":6630}," data",{"type":53,"tag":172,"props":6632,"children":6633},{"style":213},[6634],{"type":59,"value":1716},{"type":53,"tag":172,"props":6636,"children":6637},{"style":213},[6638],{"type":59,"value":216},{"type":53,"tag":172,"props":6640,"children":6641},{"style":297},[6642],{"type":59,"value":6643}," name",{"type":53,"tag":172,"props":6645,"children":6646},{"style":213},[6647],{"type":59,"value":1716},{"type":53,"tag":172,"props":6649,"children":6650},{"style":213},[6651],{"type":59,"value":237},{"type":53,"tag":172,"props":6653,"children":6654},{"style":184},[6655],{"type":59,"value":6656},"Acme Corporation",{"type":53,"tag":172,"props":6658,"children":6659},{"style":213},[6660],{"type":59,"value":246},{"type":53,"tag":172,"props":6662,"children":6663},{"style":213},[6664],{"type":59,"value":1100},{"type":53,"tag":172,"props":6666,"children":6667},{"style":297},[6668],{"type":59,"value":6669}," plan",{"type":53,"tag":172,"props":6671,"children":6672},{"style":213},[6673],{"type":59,"value":1716},{"type":53,"tag":172,"props":6675,"children":6676},{"style":213},[6677],{"type":59,"value":237},{"type":53,"tag":172,"props":6679,"children":6680},{"style":184},[6681],{"type":59,"value":6682},"enterprise",{"type":53,"tag":172,"props":6684,"children":6685},{"style":213},[6686],{"type":59,"value":246},{"type":53,"tag":172,"props":6688,"children":6689},{"style":213},[6690],{"type":59,"value":2677},{"type":53,"tag":172,"props":6692,"children":6693},{"class":174,"line":403},[6694],{"type":53,"tag":172,"props":6695,"children":6696},{"style":213},[6697],{"type":59,"value":2249},{"type":53,"tag":172,"props":6699,"children":6700},{"class":174,"line":412},[6701],{"type":53,"tag":172,"props":6702,"children":6703},{"style":213},[6704],{"type":59,"value":3382},{"type":53,"tag":172,"props":6706,"children":6707},{"class":174,"line":425},[6708,6712,6716],{"type":53,"tag":172,"props":6709,"children":6710},{"style":213},[6711],{"type":59,"value":5401},{"type":53,"tag":172,"props":6713,"children":6714},{"style":219},[6715],{"type":59,"value":1428},{"type":53,"tag":172,"props":6717,"children":6718},{"style":213},[6719],{"type":59,"value":251},{"type":53,"tag":466,"props":6721,"children":6723},{"id":6722},"_2-pass-the-matching-context-to-the-inbox",[6724],{"type":59,"value":6725},"2. Pass the matching context to the Inbox",{"type":53,"tag":161,"props":6727,"children":6729},{"className":195,"code":6728,"language":197,"meta":166,"style":166},"\u003CInbox\n applicationIdentifier=\"YOUR_NOVU_APP_ID\"\n subscriberId=\"user-123\"\n subscriberHash=\"HMAC_HASH\"\n context={{\n tenant: {\n id: \"acme-corp\",\n data: { name: \"Acme Corporation\", plan: \"enterprise\" },\n },\n }}\n\u002F>\n",[6730],{"type":53,"tag":109,"props":6731,"children":6732},{"__ignoreMap":166},[6733,6744,6767,6790,6814,6825,6840,6867,6930,6937,6944],{"type":53,"tag":172,"props":6734,"children":6735},{"class":174,"line":29},[6736,6740],{"type":53,"tag":172,"props":6737,"children":6738},{"style":213},[6739],{"type":59,"value":1641},{"type":53,"tag":172,"props":6741,"children":6742},{"style":178},[6743],{"type":59,"value":314},{"type":53,"tag":172,"props":6745,"children":6746},{"class":174,"line":33},[6747,6751,6755,6759,6763],{"type":53,"tag":172,"props":6748,"children":6749},{"style":266},[6750],{"type":59,"value":1653},{"type":53,"tag":172,"props":6752,"children":6753},{"style":213},[6754],{"type":59,"value":328},{"type":53,"tag":172,"props":6756,"children":6757},{"style":213},[6758],{"type":59,"value":246},{"type":53,"tag":172,"props":6760,"children":6761},{"style":184},[6762],{"type":59,"value":337},{"type":53,"tag":172,"props":6764,"children":6765},{"style":213},[6766],{"type":59,"value":342},{"type":53,"tag":172,"props":6768,"children":6769},{"class":174,"line":262},[6770,6774,6778,6782,6786],{"type":53,"tag":172,"props":6771,"children":6772},{"style":266},[6773],{"type":59,"value":1677},{"type":53,"tag":172,"props":6775,"children":6776},{"style":213},[6777],{"type":59,"value":328},{"type":53,"tag":172,"props":6779,"children":6780},{"style":213},[6781],{"type":59,"value":246},{"type":53,"tag":172,"props":6783,"children":6784},{"style":184},[6785],{"type":59,"value":6511},{"type":53,"tag":172,"props":6787,"children":6788},{"style":213},[6789],{"type":59,"value":342},{"type":53,"tag":172,"props":6791,"children":6792},{"class":174,"line":288},[6793,6798,6802,6806,6810],{"type":53,"tag":172,"props":6794,"children":6795},{"style":266},[6796],{"type":59,"value":6797}," subscriberHash",{"type":53,"tag":172,"props":6799,"children":6800},{"style":213},[6801],{"type":59,"value":328},{"type":53,"tag":172,"props":6803,"children":6804},{"style":213},[6805],{"type":59,"value":246},{"type":53,"tag":172,"props":6807,"children":6808},{"style":184},[6809],{"type":59,"value":390},{"type":53,"tag":172,"props":6811,"children":6812},{"style":213},[6813],{"type":59,"value":342},{"type":53,"tag":172,"props":6815,"children":6816},{"class":174,"line":303},[6817,6821],{"type":53,"tag":172,"props":6818,"children":6819},{"style":266},[6820],{"type":59,"value":6569},{"type":53,"tag":172,"props":6822,"children":6823},{"style":213},[6824],{"type":59,"value":1816},{"type":53,"tag":172,"props":6826,"children":6827},{"class":174,"line":317},[6828,6832,6836],{"type":53,"tag":172,"props":6829,"children":6830},{"style":297},[6831],{"type":59,"value":6585},{"type":53,"tag":172,"props":6833,"children":6834},{"style":213},[6835],{"type":59,"value":1716},{"type":53,"tag":172,"props":6837,"children":6838},{"style":213},[6839],{"type":59,"value":285},{"type":53,"tag":172,"props":6841,"children":6842},{"class":174,"line":345},[6843,6847,6851,6855,6859,6863],{"type":53,"tag":172,"props":6844,"children":6845},{"style":297},[6846],{"type":59,"value":6601},{"type":53,"tag":172,"props":6848,"children":6849},{"style":213},[6850],{"type":59,"value":1716},{"type":53,"tag":172,"props":6852,"children":6853},{"style":213},[6854],{"type":59,"value":237},{"type":53,"tag":172,"props":6856,"children":6857},{"style":184},[6858],{"type":59,"value":6614},{"type":53,"tag":172,"props":6860,"children":6861},{"style":213},[6862],{"type":59,"value":246},{"type":53,"tag":172,"props":6864,"children":6865},{"style":213},[6866],{"type":59,"value":1862},{"type":53,"tag":172,"props":6868,"children":6869},{"class":174,"line":371},[6870,6874,6878,6882,6886,6890,6894,6898,6902,6906,6910,6914,6918,6922,6926],{"type":53,"tag":172,"props":6871,"children":6872},{"style":297},[6873],{"type":59,"value":6630},{"type":53,"tag":172,"props":6875,"children":6876},{"style":213},[6877],{"type":59,"value":1716},{"type":53,"tag":172,"props":6879,"children":6880},{"style":213},[6881],{"type":59,"value":216},{"type":53,"tag":172,"props":6883,"children":6884},{"style":297},[6885],{"type":59,"value":6643},{"type":53,"tag":172,"props":6887,"children":6888},{"style":213},[6889],{"type":59,"value":1716},{"type":53,"tag":172,"props":6891,"children":6892},{"style":213},[6893],{"type":59,"value":237},{"type":53,"tag":172,"props":6895,"children":6896},{"style":184},[6897],{"type":59,"value":6656},{"type":53,"tag":172,"props":6899,"children":6900},{"style":213},[6901],{"type":59,"value":246},{"type":53,"tag":172,"props":6903,"children":6904},{"style":213},[6905],{"type":59,"value":1100},{"type":53,"tag":172,"props":6907,"children":6908},{"style":297},[6909],{"type":59,"value":6669},{"type":53,"tag":172,"props":6911,"children":6912},{"style":213},[6913],{"type":59,"value":1716},{"type":53,"tag":172,"props":6915,"children":6916},{"style":213},[6917],{"type":59,"value":237},{"type":53,"tag":172,"props":6919,"children":6920},{"style":184},[6921],{"type":59,"value":6682},{"type":53,"tag":172,"props":6923,"children":6924},{"style":213},[6925],{"type":59,"value":246},{"type":53,"tag":172,"props":6927,"children":6928},{"style":213},[6929],{"type":59,"value":2677},{"type":53,"tag":172,"props":6931,"children":6932},{"class":174,"line":403},[6933],{"type":53,"tag":172,"props":6934,"children":6935},{"style":213},[6936],{"type":59,"value":2249},{"type":53,"tag":172,"props":6938,"children":6939},{"class":174,"line":412},[6940],{"type":53,"tag":172,"props":6941,"children":6942},{"style":213},[6943],{"type":59,"value":2258},{"type":53,"tag":172,"props":6945,"children":6946},{"class":174,"line":425},[6947],{"type":53,"tag":172,"props":6948,"children":6949},{"style":213},[6950],{"type":59,"value":1734},{"type":53,"tag":466,"props":6952,"children":6954},{"id":6953},"_3-secure-the-context-with-contexthash",[6955,6957],{"type":59,"value":6956},"3. Secure the context with ",{"type":53,"tag":109,"props":6958,"children":6960},{"className":6959},[],[6961],{"type":59,"value":6962},"contextHash",{"type":53,"tag":62,"props":6964,"children":6965},{},[6966,6968,6974],{"type":59,"value":6967},"Because ",{"type":53,"tag":109,"props":6969,"children":6971},{"className":6970},[],[6972],{"type":59,"value":6973},"context",{"type":59,"value":6975}," is set client-side, a hostile user could swap tenant IDs. Generate an HMAC hash of the canonicalized context server-side:",{"type":53,"tag":161,"props":6977,"children":6979},{"className":6412,"code":6978,"language":6414,"meta":166,"style":166},"import { createHmac } from \"crypto\";\nimport { canonicalize } from \"@tufjs\u002Fcanonical-json\";\n\nconst context = {\n tenant: { id: \"acme-corp\", data: { name: \"Acme Corporation\", plan: \"enterprise\" } },\n};\n\nconst contextHash = createHmac(\"sha256\", process.env.NOVU_SECRET_KEY!)\n .update(canonicalize(context))\n .digest(\"hex\");\n",[6980],{"type":53,"tag":109,"props":6981,"children":6982},{"__ignoreMap":166},[6983,7024,7065,7072,7092,7196,7204,7211,7284,7311],{"type":53,"tag":172,"props":6984,"children":6985},{"class":174,"line":29},[6986,6990,6994,6999,7003,7007,7011,7016,7020],{"type":53,"tag":172,"props":6987,"children":6988},{"style":207},[6989],{"type":59,"value":210},{"type":53,"tag":172,"props":6991,"children":6992},{"style":213},[6993],{"type":59,"value":216},{"type":53,"tag":172,"props":6995,"children":6996},{"style":219},[6997],{"type":59,"value":6998}," createHmac",{"type":53,"tag":172,"props":7000,"children":7001},{"style":213},[7002],{"type":59,"value":227},{"type":53,"tag":172,"props":7004,"children":7005},{"style":207},[7006],{"type":59,"value":232},{"type":53,"tag":172,"props":7008,"children":7009},{"style":213},[7010],{"type":59,"value":237},{"type":53,"tag":172,"props":7012,"children":7013},{"style":184},[7014],{"type":59,"value":7015},"crypto",{"type":53,"tag":172,"props":7017,"children":7018},{"style":213},[7019],{"type":59,"value":246},{"type":53,"tag":172,"props":7021,"children":7022},{"style":213},[7023],{"type":59,"value":251},{"type":53,"tag":172,"props":7025,"children":7026},{"class":174,"line":33},[7027,7031,7035,7040,7044,7048,7052,7057,7061],{"type":53,"tag":172,"props":7028,"children":7029},{"style":207},[7030],{"type":59,"value":210},{"type":53,"tag":172,"props":7032,"children":7033},{"style":213},[7034],{"type":59,"value":216},{"type":53,"tag":172,"props":7036,"children":7037},{"style":219},[7038],{"type":59,"value":7039}," canonicalize",{"type":53,"tag":172,"props":7041,"children":7042},{"style":213},[7043],{"type":59,"value":227},{"type":53,"tag":172,"props":7045,"children":7046},{"style":207},[7047],{"type":59,"value":232},{"type":53,"tag":172,"props":7049,"children":7050},{"style":213},[7051],{"type":59,"value":237},{"type":53,"tag":172,"props":7053,"children":7054},{"style":184},[7055],{"type":59,"value":7056},"@tufjs\u002Fcanonical-json",{"type":53,"tag":172,"props":7058,"children":7059},{"style":213},[7060],{"type":59,"value":246},{"type":53,"tag":172,"props":7062,"children":7063},{"style":213},[7064],{"type":59,"value":251},{"type":53,"tag":172,"props":7066,"children":7067},{"class":174,"line":262},[7068],{"type":53,"tag":172,"props":7069,"children":7070},{"emptyLinePlaceholder":47},[7071],{"type":59,"value":259},{"type":53,"tag":172,"props":7073,"children":7074},{"class":174,"line":288},[7075,7079,7084,7088],{"type":53,"tag":172,"props":7076,"children":7077},{"style":266},[7078],{"type":59,"value":5227},{"type":53,"tag":172,"props":7080,"children":7081},{"style":219},[7082],{"type":59,"value":7083}," context ",{"type":53,"tag":172,"props":7085,"children":7086},{"style":213},[7087],{"type":59,"value":328},{"type":53,"tag":172,"props":7089,"children":7090},{"style":213},[7091],{"type":59,"value":285},{"type":53,"tag":172,"props":7093,"children":7094},{"class":174,"line":303},[7095,7100,7104,7108,7112,7116,7120,7124,7128,7132,7136,7140,7144,7148,7152,7156,7160,7164,7168,7172,7176,7180,7184,7188,7192],{"type":53,"tag":172,"props":7096,"children":7097},{"style":297},[7098],{"type":59,"value":7099}," tenant",{"type":53,"tag":172,"props":7101,"children":7102},{"style":213},[7103],{"type":59,"value":1716},{"type":53,"tag":172,"props":7105,"children":7106},{"style":213},[7107],{"type":59,"value":216},{"type":53,"tag":172,"props":7109,"children":7110},{"style":297},[7111],{"type":59,"value":5379},{"type":53,"tag":172,"props":7113,"children":7114},{"style":213},[7115],{"type":59,"value":1716},{"type":53,"tag":172,"props":7117,"children":7118},{"style":213},[7119],{"type":59,"value":237},{"type":53,"tag":172,"props":7121,"children":7122},{"style":184},[7123],{"type":59,"value":6614},{"type":53,"tag":172,"props":7125,"children":7126},{"style":213},[7127],{"type":59,"value":246},{"type":53,"tag":172,"props":7129,"children":7130},{"style":213},[7131],{"type":59,"value":1100},{"type":53,"tag":172,"props":7133,"children":7134},{"style":297},[7135],{"type":59,"value":6097},{"type":53,"tag":172,"props":7137,"children":7138},{"style":213},[7139],{"type":59,"value":1716},{"type":53,"tag":172,"props":7141,"children":7142},{"style":213},[7143],{"type":59,"value":216},{"type":53,"tag":172,"props":7145,"children":7146},{"style":297},[7147],{"type":59,"value":6643},{"type":53,"tag":172,"props":7149,"children":7150},{"style":213},[7151],{"type":59,"value":1716},{"type":53,"tag":172,"props":7153,"children":7154},{"style":213},[7155],{"type":59,"value":237},{"type":53,"tag":172,"props":7157,"children":7158},{"style":184},[7159],{"type":59,"value":6656},{"type":53,"tag":172,"props":7161,"children":7162},{"style":213},[7163],{"type":59,"value":246},{"type":53,"tag":172,"props":7165,"children":7166},{"style":213},[7167],{"type":59,"value":1100},{"type":53,"tag":172,"props":7169,"children":7170},{"style":297},[7171],{"type":59,"value":6669},{"type":53,"tag":172,"props":7173,"children":7174},{"style":213},[7175],{"type":59,"value":1716},{"type":53,"tag":172,"props":7177,"children":7178},{"style":213},[7179],{"type":59,"value":237},{"type":53,"tag":172,"props":7181,"children":7182},{"style":184},[7183],{"type":59,"value":6682},{"type":53,"tag":172,"props":7185,"children":7186},{"style":213},[7187],{"type":59,"value":246},{"type":53,"tag":172,"props":7189,"children":7190},{"style":213},[7191],{"type":59,"value":227},{"type":53,"tag":172,"props":7193,"children":7194},{"style":213},[7195],{"type":59,"value":2677},{"type":53,"tag":172,"props":7197,"children":7198},{"class":174,"line":317},[7199],{"type":53,"tag":172,"props":7200,"children":7201},{"style":213},[7202],{"type":59,"value":7203},"};\n",{"type":53,"tag":172,"props":7205,"children":7206},{"class":174,"line":345},[7207],{"type":53,"tag":172,"props":7208,"children":7209},{"emptyLinePlaceholder":47},[7210],{"type":59,"value":259},{"type":53,"tag":172,"props":7212,"children":7213},{"class":174,"line":371},[7214,7218,7223,7227,7231,7235,7239,7244,7248,7252,7257,7261,7265,7269,7274,7279],{"type":53,"tag":172,"props":7215,"children":7216},{"style":266},[7217],{"type":59,"value":5227},{"type":53,"tag":172,"props":7219,"children":7220},{"style":219},[7221],{"type":59,"value":7222}," contextHash ",{"type":53,"tag":172,"props":7224,"children":7225},{"style":213},[7226],{"type":59,"value":328},{"type":53,"tag":172,"props":7228,"children":7229},{"style":272},[7230],{"type":59,"value":6998},{"type":53,"tag":172,"props":7232,"children":7233},{"style":219},[7234],{"type":59,"value":4702},{"type":53,"tag":172,"props":7236,"children":7237},{"style":213},[7238],{"type":59,"value":246},{"type":53,"tag":172,"props":7240,"children":7241},{"style":184},[7242],{"type":59,"value":7243},"sha256",{"type":53,"tag":172,"props":7245,"children":7246},{"style":213},[7247],{"type":59,"value":246},{"type":53,"tag":172,"props":7249,"children":7250},{"style":213},[7251],{"type":59,"value":1100},{"type":53,"tag":172,"props":7253,"children":7254},{"style":219},[7255],{"type":59,"value":7256}," process",{"type":53,"tag":172,"props":7258,"children":7259},{"style":213},[7260],{"type":59,"value":629},{"type":53,"tag":172,"props":7262,"children":7263},{"style":219},[7264],{"type":59,"value":634},{"type":53,"tag":172,"props":7266,"children":7267},{"style":213},[7268],{"type":59,"value":629},{"type":53,"tag":172,"props":7270,"children":7271},{"style":219},[7272],{"type":59,"value":7273},"NOVU_SECRET_KEY",{"type":53,"tag":172,"props":7275,"children":7276},{"style":213},[7277],{"type":59,"value":7278},"!",{"type":53,"tag":172,"props":7280,"children":7281},{"style":219},[7282],{"type":59,"value":7283},")\n",{"type":53,"tag":172,"props":7285,"children":7286},{"class":174,"line":403},[7287,7292,7297,7301,7306],{"type":53,"tag":172,"props":7288,"children":7289},{"style":213},[7290],{"type":59,"value":7291}," .",{"type":53,"tag":172,"props":7293,"children":7294},{"style":272},[7295],{"type":59,"value":7296},"update",{"type":53,"tag":172,"props":7298,"children":7299},{"style":219},[7300],{"type":59,"value":4702},{"type":53,"tag":172,"props":7302,"children":7303},{"style":272},[7304],{"type":59,"value":7305},"canonicalize",{"type":53,"tag":172,"props":7307,"children":7308},{"style":219},[7309],{"type":59,"value":7310},"(context))\n",{"type":53,"tag":172,"props":7312,"children":7313},{"class":174,"line":412},[7314,7318,7323,7327,7331,7336,7340,7344],{"type":53,"tag":172,"props":7315,"children":7316},{"style":213},[7317],{"type":59,"value":7291},{"type":53,"tag":172,"props":7319,"children":7320},{"style":272},[7321],{"type":59,"value":7322},"digest",{"type":53,"tag":172,"props":7324,"children":7325},{"style":219},[7326],{"type":59,"value":4702},{"type":53,"tag":172,"props":7328,"children":7329},{"style":213},[7330],{"type":59,"value":246},{"type":53,"tag":172,"props":7332,"children":7333},{"style":184},[7334],{"type":59,"value":7335},"hex",{"type":53,"tag":172,"props":7337,"children":7338},{"style":213},[7339],{"type":59,"value":246},{"type":53,"tag":172,"props":7341,"children":7342},{"style":219},[7343],{"type":59,"value":1428},{"type":53,"tag":172,"props":7345,"children":7346},{"style":213},[7347],{"type":59,"value":251},{"type":53,"tag":62,"props":7349,"children":7350},{},[7351,7353,7358],{"type":59,"value":7352},"Pass it alongside the ",{"type":53,"tag":109,"props":7354,"children":7356},{"className":7355},[],[7357],{"type":59,"value":6973},{"type":59,"value":1716},{"type":53,"tag":161,"props":7360,"children":7362},{"className":195,"code":7361,"language":197,"meta":166,"style":166},"\u003CInbox\n \u002F* ... *\u002F\n context={context}\n contextHash={contextHash}\n\u002F>\n",[7363],{"type":53,"tag":109,"props":7364,"children":7365},{"__ignoreMap":166},[7366,7377,7384,7403,7423],{"type":53,"tag":172,"props":7367,"children":7368},{"class":174,"line":29},[7369,7373],{"type":53,"tag":172,"props":7370,"children":7371},{"style":213},[7372],{"type":59,"value":1641},{"type":53,"tag":172,"props":7374,"children":7375},{"style":178},[7376],{"type":59,"value":314},{"type":53,"tag":172,"props":7378,"children":7379},{"class":174,"line":33},[7380],{"type":53,"tag":172,"props":7381,"children":7382},{"style":397},[7383],{"type":59,"value":3583},{"type":53,"tag":172,"props":7385,"children":7386},{"class":174,"line":262},[7387,7391,7395,7399],{"type":53,"tag":172,"props":7388,"children":7389},{"style":266},[7390],{"type":59,"value":6569},{"type":53,"tag":172,"props":7392,"children":7393},{"style":213},[7394],{"type":59,"value":619},{"type":53,"tag":172,"props":7396,"children":7397},{"style":219},[7398],{"type":59,"value":6973},{"type":53,"tag":172,"props":7400,"children":7401},{"style":213},[7402],{"type":59,"value":431},{"type":53,"tag":172,"props":7404,"children":7405},{"class":174,"line":288},[7406,7411,7415,7419],{"type":53,"tag":172,"props":7407,"children":7408},{"style":266},[7409],{"type":59,"value":7410}," contextHash",{"type":53,"tag":172,"props":7412,"children":7413},{"style":213},[7414],{"type":59,"value":619},{"type":53,"tag":172,"props":7416,"children":7417},{"style":219},[7418],{"type":59,"value":6962},{"type":53,"tag":172,"props":7420,"children":7421},{"style":213},[7422],{"type":59,"value":431},{"type":53,"tag":172,"props":7424,"children":7425},{"class":174,"line":303},[7426],{"type":53,"tag":172,"props":7427,"children":7428},{"style":213},[7429],{"type":59,"value":1734},{"type":53,"tag":466,"props":7431,"children":7433},{"id":7432},"context-match-rules",[7434],{"type":59,"value":7435},"Context match rules",{"type":53,"tag":75,"props":7437,"children":7438},{},[7439,7460],{"type":53,"tag":79,"props":7440,"children":7441},{},[7442],{"type":53,"tag":83,"props":7443,"children":7444},{},[7445,7450,7455],{"type":53,"tag":87,"props":7446,"children":7447},{},[7448],{"type":59,"value":7449},"Workflow Context",{"type":53,"tag":87,"props":7451,"children":7452},{},[7453],{"type":59,"value":7454},"Inbox Context",{"type":53,"tag":87,"props":7456,"children":7457},{},[7458],{"type":59,"value":7459},"Displayed?",{"type":53,"tag":98,"props":7461,"children":7462},{},[7463,7488,7512,7536,7559],{"type":53,"tag":83,"props":7464,"children":7465},{},[7466,7475,7483],{"type":53,"tag":105,"props":7467,"children":7468},{},[7469],{"type":53,"tag":109,"props":7470,"children":7472},{"className":7471},[],[7473],{"type":59,"value":7474},"{ tenant: \"acme\" }",{"type":53,"tag":105,"props":7476,"children":7477},{},[7478],{"type":53,"tag":109,"props":7479,"children":7481},{"className":7480},[],[7482],{"type":59,"value":7474},{"type":53,"tag":105,"props":7484,"children":7485},{},[7486],{"type":59,"value":7487},"βœ…",{"type":53,"tag":83,"props":7489,"children":7490},{},[7491,7500,7508],{"type":53,"tag":105,"props":7492,"children":7493},{},[7494],{"type":53,"tag":109,"props":7495,"children":7497},{"className":7496},[],[7498],{"type":59,"value":7499},"{}",{"type":53,"tag":105,"props":7501,"children":7502},{},[7503],{"type":53,"tag":109,"props":7504,"children":7506},{"className":7505},[],[7507],{"type":59,"value":7499},{"type":53,"tag":105,"props":7509,"children":7510},{},[7511],{"type":59,"value":7487},{"type":53,"tag":83,"props":7513,"children":7514},{},[7515,7523,7531],{"type":53,"tag":105,"props":7516,"children":7517},{},[7518],{"type":53,"tag":109,"props":7519,"children":7521},{"className":7520},[],[7522],{"type":59,"value":7474},{"type":53,"tag":105,"props":7524,"children":7525},{},[7526],{"type":53,"tag":109,"props":7527,"children":7529},{"className":7528},[],[7530],{"type":59,"value":7499},{"type":53,"tag":105,"props":7532,"children":7533},{},[7534],{"type":59,"value":7535},"❌",{"type":53,"tag":83,"props":7537,"children":7538},{},[7539,7547,7555],{"type":53,"tag":105,"props":7540,"children":7541},{},[7542],{"type":53,"tag":109,"props":7543,"children":7545},{"className":7544},[],[7546],{"type":59,"value":7499},{"type":53,"tag":105,"props":7548,"children":7549},{},[7550],{"type":53,"tag":109,"props":7551,"children":7553},{"className":7552},[],[7554],{"type":59,"value":7474},{"type":53,"tag":105,"props":7556,"children":7557},{},[7558],{"type":59,"value":7535},{"type":53,"tag":83,"props":7560,"children":7561},{},[7562,7570,7579],{"type":53,"tag":105,"props":7563,"children":7564},{},[7565],{"type":53,"tag":109,"props":7566,"children":7568},{"className":7567},[],[7569],{"type":59,"value":7474},{"type":53,"tag":105,"props":7571,"children":7572},{},[7573],{"type":53,"tag":109,"props":7574,"children":7576},{"className":7575},[],[7577],{"type":59,"value":7578},"{ tenant: \"globex\" }",{"type":53,"tag":105,"props":7580,"children":7581},{},[7582],{"type":59,"value":7535},{"type":53,"tag":62,"props":7584,"children":7585},{},[7586,7588,7593],{"type":59,"value":7587},"Context that doesn't yet exist in Novu is auto-created. Existing context data is ",{"type":53,"tag":727,"props":7589,"children":7590},{},[7591],{"type":59,"value":7592},"not",{"type":59,"value":7594}," auto-updated to prevent overwrites.",{"type":53,"tag":62,"props":7596,"children":7597},{},[7598,7599,7605,7607,7613],{"type":59,"value":3841},{"type":53,"tag":1524,"props":7600,"children":7602},{"href":7601},".\u002Freferences\u002Fmulti-tenancy.md",[7603],{"type":59,"value":7604},"Multi-Tenancy Reference",{"type":59,"value":7606}," for full setup, dashboard management, and dynamic content rendering with ",{"type":53,"tag":109,"props":7608,"children":7610},{"className":7609},[],[7611],{"type":59,"value":7612},"{{context}}",{"type":59,"value":629},{"type":53,"tag":68,"props":7615,"children":7617},{"id":7616},"data-object",[7618],{"type":59,"value":7619},"Data Object",{"type":53,"tag":62,"props":7621,"children":7622},{},[7623,7625,7629,7631,7637,7639,7645],{"type":59,"value":7624},"Each In-App step supports a custom ",{"type":53,"tag":727,"props":7626,"children":7627},{},[7628],{"type":59,"value":6364},{"type":59,"value":7630}," β€” up to 10 scalar key-value pairs (string, number, boolean, null; strings ≀ 256 chars) defined in the workflow editor. Values can be static (",{"type":53,"tag":109,"props":7632,"children":7634},{"className":7633},[],[7635],{"type":59,"value":7636},"\"status\": \"merged\"",{"type":59,"value":7638},") or dynamic (",{"type":53,"tag":109,"props":7640,"children":7642},{"className":7641},[],[7643],{"type":59,"value":7644},"\"firstName\": \"{{subscriber.firstName}}\"",{"type":59,"value":6345},{"type":53,"tag":62,"props":7647,"children":7648},{},[7649,7651,7657],{"type":59,"value":7650},"Access it client-side as ",{"type":53,"tag":109,"props":7652,"children":7654},{"className":7653},[],[7655],{"type":59,"value":7656},"notification.data",{"type":59,"value":7658}," and use it for render decisions, conditional styling, and tab filtering.",{"type":53,"tag":161,"props":7660,"children":7662},{"className":195,"code":7661,"language":197,"meta":166,"style":166},"\u003CInbox\n \u002F* ... *\u002F\n renderNotification={(notification) => (\n \u003Cdiv>\n \u003Cspan>{notification.data?.emoji}\u003C\u002Fspan>\n \u003Cstrong>{notification.data?.firstName}\u003C\u002Fstrong>\n \u003Cp>{notification.body}\u003C\u002Fp>\n \u003C\u002Fdiv>\n )}\n\u002F>\n",[7663],{"type":53,"tag":109,"props":7664,"children":7665},{"__ignoreMap":166},[7666,7677,7684,7711,7726,7774,7822,7861,7876,7887],{"type":53,"tag":172,"props":7667,"children":7668},{"class":174,"line":29},[7669,7673],{"type":53,"tag":172,"props":7670,"children":7671},{"style":213},[7672],{"type":59,"value":1641},{"type":53,"tag":172,"props":7674,"children":7675},{"style":178},[7676],{"type":59,"value":314},{"type":53,"tag":172,"props":7678,"children":7679},{"class":174,"line":33},[7680],{"type":53,"tag":172,"props":7681,"children":7682},{"style":397},[7683],{"type":59,"value":3583},{"type":53,"tag":172,"props":7685,"children":7686},{"class":174,"line":262},[7687,7691,7695,7699,7703,7707],{"type":53,"tag":172,"props":7688,"children":7689},{"style":266},[7690],{"type":59,"value":4345},{"type":53,"tag":172,"props":7692,"children":7693},{"style":213},[7694],{"type":59,"value":3943},{"type":53,"tag":172,"props":7696,"children":7697},{"style":2437},[7698],{"type":59,"value":35},{"type":53,"tag":172,"props":7700,"children":7701},{"style":213},[7702],{"type":59,"value":1428},{"type":53,"tag":172,"props":7704,"children":7705},{"style":266},[7706],{"type":59,"value":2947},{"type":53,"tag":172,"props":7708,"children":7709},{"style":219},[7710],{"type":59,"value":300},{"type":53,"tag":172,"props":7712,"children":7713},{"class":174,"line":288},[7714,7718,7722],{"type":53,"tag":172,"props":7715,"children":7716},{"style":213},[7717],{"type":59,"value":309},{"type":53,"tag":172,"props":7719,"children":7720},{"style":297},[7721],{"type":59,"value":4377},{"type":53,"tag":172,"props":7723,"children":7724},{"style":213},[7725],{"type":59,"value":1339},{"type":53,"tag":172,"props":7727,"children":7728},{"class":174,"line":303},[7729,7733,7737,7741,7745,7749,7753,7757,7762,7766,7770],{"type":53,"tag":172,"props":7730,"children":7731},{"style":213},[7732],{"type":59,"value":1280},{"type":53,"tag":172,"props":7734,"children":7735},{"style":297},[7736],{"type":59,"value":172},{"type":53,"tag":172,"props":7738,"children":7739},{"style":213},[7740],{"type":59,"value":4088},{"type":53,"tag":172,"props":7742,"children":7743},{"style":219},[7744],{"type":59,"value":35},{"type":53,"tag":172,"props":7746,"children":7747},{"style":213},[7748],{"type":59,"value":629},{"type":53,"tag":172,"props":7750,"children":7751},{"style":219},[7752],{"type":59,"value":2570},{"type":53,"tag":172,"props":7754,"children":7755},{"style":213},[7756],{"type":59,"value":2575},{"type":53,"tag":172,"props":7758,"children":7759},{"style":219},[7760],{"type":59,"value":7761},"emoji",{"type":53,"tag":172,"props":7763,"children":7764},{"style":213},[7765],{"type":59,"value":4106},{"type":53,"tag":172,"props":7767,"children":7768},{"style":297},[7769],{"type":59,"value":172},{"type":53,"tag":172,"props":7771,"children":7772},{"style":213},[7773],{"type":59,"value":1339},{"type":53,"tag":172,"props":7775,"children":7776},{"class":174,"line":317},[7777,7781,7785,7789,7793,7797,7801,7805,7810,7814,7818],{"type":53,"tag":172,"props":7778,"children":7779},{"style":213},[7780],{"type":59,"value":1280},{"type":53,"tag":172,"props":7782,"children":7783},{"style":297},[7784],{"type":59,"value":727},{"type":53,"tag":172,"props":7786,"children":7787},{"style":213},[7788],{"type":59,"value":4088},{"type":53,"tag":172,"props":7790,"children":7791},{"style":219},[7792],{"type":59,"value":35},{"type":53,"tag":172,"props":7794,"children":7795},{"style":213},[7796],{"type":59,"value":629},{"type":53,"tag":172,"props":7798,"children":7799},{"style":219},[7800],{"type":59,"value":2570},{"type":53,"tag":172,"props":7802,"children":7803},{"style":213},[7804],{"type":59,"value":2575},{"type":53,"tag":172,"props":7806,"children":7807},{"style":219},[7808],{"type":59,"value":7809},"firstName",{"type":53,"tag":172,"props":7811,"children":7812},{"style":213},[7813],{"type":59,"value":4106},{"type":53,"tag":172,"props":7815,"children":7816},{"style":297},[7817],{"type":59,"value":727},{"type":53,"tag":172,"props":7819,"children":7820},{"style":213},[7821],{"type":59,"value":1339},{"type":53,"tag":172,"props":7823,"children":7824},{"class":174,"line":345},[7825,7829,7833,7837,7841,7845,7849,7853,7857],{"type":53,"tag":172,"props":7826,"children":7827},{"style":213},[7828],{"type":59,"value":1280},{"type":53,"tag":172,"props":7830,"children":7831},{"style":297},[7832],{"type":59,"value":62},{"type":53,"tag":172,"props":7834,"children":7835},{"style":213},[7836],{"type":59,"value":4088},{"type":53,"tag":172,"props":7838,"children":7839},{"style":219},[7840],{"type":59,"value":35},{"type":53,"tag":172,"props":7842,"children":7843},{"style":213},[7844],{"type":59,"value":629},{"type":53,"tag":172,"props":7846,"children":7847},{"style":219},[7848],{"type":59,"value":2703},{"type":53,"tag":172,"props":7850,"children":7851},{"style":213},[7852],{"type":59,"value":4106},{"type":53,"tag":172,"props":7854,"children":7855},{"style":297},[7856],{"type":59,"value":62},{"type":53,"tag":172,"props":7858,"children":7859},{"style":213},[7860],{"type":59,"value":1339},{"type":53,"tag":172,"props":7862,"children":7863},{"class":174,"line":371},[7864,7868,7872],{"type":53,"tag":172,"props":7865,"children":7866},{"style":213},[7867],{"type":59,"value":1329},{"type":53,"tag":172,"props":7869,"children":7870},{"style":297},[7871],{"type":59,"value":4377},{"type":53,"tag":172,"props":7873,"children":7874},{"style":213},[7875],{"type":59,"value":1339},{"type":53,"tag":172,"props":7877,"children":7878},{"class":174,"line":403},[7879,7883],{"type":53,"tag":172,"props":7880,"children":7881},{"style":219},[7882],{"type":59,"value":418},{"type":53,"tag":172,"props":7884,"children":7885},{"style":213},[7886],{"type":59,"value":431},{"type":53,"tag":172,"props":7888,"children":7889},{"class":174,"line":412},[7890],{"type":53,"tag":172,"props":7891,"children":7892},{"style":213},[7893],{"type":59,"value":1734},{"type":53,"tag":62,"props":7895,"children":7896},{},[7897],{"type":59,"value":7898},"Type the data object globally for autocomplete:",{"type":53,"tag":161,"props":7900,"children":7904},{"className":7901,"code":7902,"language":7903,"meta":166,"style":166},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","declare global {\n interface NotificationData {\n reactionType?: string;\n entityId?: string;\n userName?: string;\n }\n}\n","ts",[7905],{"type":53,"tag":109,"props":7906,"children":7907},{"__ignoreMap":166},[7908,7925,7942,7964,7984,8004,8012],{"type":53,"tag":172,"props":7909,"children":7910},{"class":174,"line":29},[7911,7916,7921],{"type":53,"tag":172,"props":7912,"children":7913},{"style":266},[7914],{"type":59,"value":7915},"declare",{"type":53,"tag":172,"props":7917,"children":7918},{"style":219},[7919],{"type":59,"value":7920}," global ",{"type":53,"tag":172,"props":7922,"children":7923},{"style":213},[7924],{"type":59,"value":4586},{"type":53,"tag":172,"props":7926,"children":7927},{"class":174,"line":33},[7928,7933,7938],{"type":53,"tag":172,"props":7929,"children":7930},{"style":266},[7931],{"type":59,"value":7932}," interface",{"type":53,"tag":172,"props":7934,"children":7935},{"style":178},[7936],{"type":59,"value":7937}," NotificationData",{"type":53,"tag":172,"props":7939,"children":7940},{"style":213},[7941],{"type":59,"value":285},{"type":53,"tag":172,"props":7943,"children":7944},{"class":174,"line":262},[7945,7950,7955,7960],{"type":53,"tag":172,"props":7946,"children":7947},{"style":297},[7948],{"type":59,"value":7949}," reactionType",{"type":53,"tag":172,"props":7951,"children":7952},{"style":213},[7953],{"type":59,"value":7954},"?:",{"type":53,"tag":172,"props":7956,"children":7957},{"style":178},[7958],{"type":59,"value":7959}," string",{"type":53,"tag":172,"props":7961,"children":7962},{"style":213},[7963],{"type":59,"value":251},{"type":53,"tag":172,"props":7965,"children":7966},{"class":174,"line":288},[7967,7972,7976,7980],{"type":53,"tag":172,"props":7968,"children":7969},{"style":297},[7970],{"type":59,"value":7971}," entityId",{"type":53,"tag":172,"props":7973,"children":7974},{"style":213},[7975],{"type":59,"value":7954},{"type":53,"tag":172,"props":7977,"children":7978},{"style":178},[7979],{"type":59,"value":7959},{"type":53,"tag":172,"props":7981,"children":7982},{"style":213},[7983],{"type":59,"value":251},{"type":53,"tag":172,"props":7985,"children":7986},{"class":174,"line":303},[7987,7992,7996,8000],{"type":53,"tag":172,"props":7988,"children":7989},{"style":297},[7990],{"type":59,"value":7991}," userName",{"type":53,"tag":172,"props":7993,"children":7994},{"style":213},[7995],{"type":59,"value":7954},{"type":53,"tag":172,"props":7997,"children":7998},{"style":178},[7999],{"type":59,"value":7959},{"type":53,"tag":172,"props":8001,"children":8002},{"style":213},[8003],{"type":59,"value":251},{"type":53,"tag":172,"props":8005,"children":8006},{"class":174,"line":317},[8007],{"type":53,"tag":172,"props":8008,"children":8009},{"style":213},[8010],{"type":59,"value":8011}," }\n",{"type":53,"tag":172,"props":8013,"children":8014},{"class":174,"line":345},[8015],{"type":53,"tag":172,"props":8016,"children":8017},{"style":213},[8018],{"type":59,"value":431},{"type":53,"tag":1515,"props":8020,"children":8021},{},[8022],{"type":53,"tag":62,"props":8023,"children":8024},{},[8025,8027,8032,8034,8039],{"type":59,"value":8026},"Don't store secrets in ",{"type":53,"tag":109,"props":8028,"children":8030},{"className":8029},[],[8031],{"type":59,"value":2570},{"type":59,"value":8033}," β€” it's returned to the client. Never spread the entire trigger payload into ",{"type":53,"tag":109,"props":8035,"children":8037},{"className":8036},[],[8038],{"type":59,"value":2570},{"type":59,"value":629},{"type":53,"tag":68,"props":8041,"children":8043},{"id":8042},"custom-popover",[8044],{"type":59,"value":8045},"Custom Popover",{"type":53,"tag":62,"props":8047,"children":8048},{},[8049,8051,8056,8058,8063,8065,8070],{"type":59,"value":8050},"Mount the notification feed inside any popover, drawer, or page layout. Use ",{"type":53,"tag":109,"props":8052,"children":8054},{"className":8053},[],[8055],{"type":59,"value":1010},{"type":59,"value":8057}," (or your own trigger) plus ",{"type":53,"tag":109,"props":8059,"children":8061},{"className":8060},[],[8062],{"type":59,"value":1027},{"type":59,"value":8064}," or ",{"type":53,"tag":109,"props":8066,"children":8068},{"className":8067},[],[8069],{"type":59,"value":1044},{"type":59,"value":1716},{"type":53,"tag":161,"props":8072,"children":8074},{"className":195,"code":8073,"language":197,"meta":166,"style":166},"import { Inbox, InboxContent, Bell } from \"@novu\u002Freact\";\nimport { Popover, PopoverTrigger, PopoverContent } from \"@radix-ui\u002Freact-popover\";\n\n\u003CInbox\n applicationIdentifier=\"YOUR_NOVU_APP_ID\"\n subscriberId=\"subscriber-123\"\n>\n \u003CPopover>\n \u003CPopoverTrigger>\n \u003CBell \u002F>\n \u003C\u002FPopoverTrigger>\n \u003CPopoverContent className=\"h-[600px] w-[400px] p-0\">\n \u003CInboxContent \u002F>\n \u003C\u002FPopoverContent>\n \u003C\u002FPopover>\n\u003C\u002FInbox>\n",[8075],{"type":53,"tag":109,"props":8076,"children":8077},{"__ignoreMap":166},[8078,8134,8193,8200,8211,8234,8257,8264,8281,8297,8312,8327,8364,8380,8395,8411],{"type":53,"tag":172,"props":8079,"children":8080},{"class":174,"line":29},[8081,8085,8089,8093,8097,8102,8106,8110,8114,8118,8122,8126,8130],{"type":53,"tag":172,"props":8082,"children":8083},{"style":207},[8084],{"type":59,"value":210},{"type":53,"tag":172,"props":8086,"children":8087},{"style":213},[8088],{"type":59,"value":216},{"type":53,"tag":172,"props":8090,"children":8091},{"style":219},[8092],{"type":59,"value":222},{"type":53,"tag":172,"props":8094,"children":8095},{"style":213},[8096],{"type":59,"value":1100},{"type":53,"tag":172,"props":8098,"children":8099},{"style":219},[8100],{"type":59,"value":8101}," InboxContent",{"type":53,"tag":172,"props":8103,"children":8104},{"style":213},[8105],{"type":59,"value":1100},{"type":53,"tag":172,"props":8107,"children":8108},{"style":219},[8109],{"type":59,"value":1105},{"type":53,"tag":172,"props":8111,"children":8112},{"style":213},[8113],{"type":59,"value":227},{"type":53,"tag":172,"props":8115,"children":8116},{"style":207},[8117],{"type":59,"value":232},{"type":53,"tag":172,"props":8119,"children":8120},{"style":213},[8121],{"type":59,"value":237},{"type":53,"tag":172,"props":8123,"children":8124},{"style":184},[8125],{"type":59,"value":114},{"type":53,"tag":172,"props":8127,"children":8128},{"style":213},[8129],{"type":59,"value":246},{"type":53,"tag":172,"props":8131,"children":8132},{"style":213},[8133],{"type":59,"value":251},{"type":53,"tag":172,"props":8135,"children":8136},{"class":174,"line":33},[8137,8141,8145,8150,8154,8159,8163,8168,8172,8176,8180,8185,8189],{"type":53,"tag":172,"props":8138,"children":8139},{"style":207},[8140],{"type":59,"value":210},{"type":53,"tag":172,"props":8142,"children":8143},{"style":213},[8144],{"type":59,"value":216},{"type":53,"tag":172,"props":8146,"children":8147},{"style":219},[8148],{"type":59,"value":8149}," Popover",{"type":53,"tag":172,"props":8151,"children":8152},{"style":213},[8153],{"type":59,"value":1100},{"type":53,"tag":172,"props":8155,"children":8156},{"style":219},[8157],{"type":59,"value":8158}," PopoverTrigger",{"type":53,"tag":172,"props":8160,"children":8161},{"style":213},[8162],{"type":59,"value":1100},{"type":53,"tag":172,"props":8164,"children":8165},{"style":219},[8166],{"type":59,"value":8167}," PopoverContent",{"type":53,"tag":172,"props":8169,"children":8170},{"style":213},[8171],{"type":59,"value":227},{"type":53,"tag":172,"props":8173,"children":8174},{"style":207},[8175],{"type":59,"value":232},{"type":53,"tag":172,"props":8177,"children":8178},{"style":213},[8179],{"type":59,"value":237},{"type":53,"tag":172,"props":8181,"children":8182},{"style":184},[8183],{"type":59,"value":8184},"@radix-ui\u002Freact-popover",{"type":53,"tag":172,"props":8186,"children":8187},{"style":213},[8188],{"type":59,"value":246},{"type":53,"tag":172,"props":8190,"children":8191},{"style":213},[8192],{"type":59,"value":251},{"type":53,"tag":172,"props":8194,"children":8195},{"class":174,"line":262},[8196],{"type":53,"tag":172,"props":8197,"children":8198},{"emptyLinePlaceholder":47},[8199],{"type":59,"value":259},{"type":53,"tag":172,"props":8201,"children":8202},{"class":174,"line":288},[8203,8207],{"type":53,"tag":172,"props":8204,"children":8205},{"style":213},[8206],{"type":59,"value":1641},{"type":53,"tag":172,"props":8208,"children":8209},{"style":178},[8210],{"type":59,"value":314},{"type":53,"tag":172,"props":8212,"children":8213},{"class":174,"line":303},[8214,8218,8222,8226,8230],{"type":53,"tag":172,"props":8215,"children":8216},{"style":266},[8217],{"type":59,"value":1653},{"type":53,"tag":172,"props":8219,"children":8220},{"style":213},[8221],{"type":59,"value":328},{"type":53,"tag":172,"props":8223,"children":8224},{"style":213},[8225],{"type":59,"value":246},{"type":53,"tag":172,"props":8227,"children":8228},{"style":184},[8229],{"type":59,"value":337},{"type":53,"tag":172,"props":8231,"children":8232},{"style":213},[8233],{"type":59,"value":342},{"type":53,"tag":172,"props":8235,"children":8236},{"class":174,"line":317},[8237,8241,8245,8249,8253],{"type":53,"tag":172,"props":8238,"children":8239},{"style":266},[8240],{"type":59,"value":1677},{"type":53,"tag":172,"props":8242,"children":8243},{"style":213},[8244],{"type":59,"value":328},{"type":53,"tag":172,"props":8246,"children":8247},{"style":213},[8248],{"type":59,"value":246},{"type":53,"tag":172,"props":8250,"children":8251},{"style":184},[8252],{"type":59,"value":364},{"type":53,"tag":172,"props":8254,"children":8255},{"style":213},[8256],{"type":59,"value":342},{"type":53,"tag":172,"props":8258,"children":8259},{"class":174,"line":345},[8260],{"type":53,"tag":172,"props":8261,"children":8262},{"style":213},[8263],{"type":59,"value":1339},{"type":53,"tag":172,"props":8265,"children":8266},{"class":174,"line":371},[8267,8272,8277],{"type":53,"tag":172,"props":8268,"children":8269},{"style":213},[8270],{"type":59,"value":8271}," \u003C",{"type":53,"tag":172,"props":8273,"children":8274},{"style":178},[8275],{"type":59,"value":8276},"Popover",{"type":53,"tag":172,"props":8278,"children":8279},{"style":213},[8280],{"type":59,"value":1339},{"type":53,"tag":172,"props":8282,"children":8283},{"class":174,"line":403},[8284,8288,8293],{"type":53,"tag":172,"props":8285,"children":8286},{"style":213},[8287],{"type":59,"value":309},{"type":53,"tag":172,"props":8289,"children":8290},{"style":178},[8291],{"type":59,"value":8292},"PopoverTrigger",{"type":53,"tag":172,"props":8294,"children":8295},{"style":213},[8296],{"type":59,"value":1339},{"type":53,"tag":172,"props":8298,"children":8299},{"class":174,"line":412},[8300,8304,8308],{"type":53,"tag":172,"props":8301,"children":8302},{"style":213},[8303],{"type":59,"value":1280},{"type":53,"tag":172,"props":8305,"children":8306},{"style":178},[8307],{"type":59,"value":1285},{"type":53,"tag":172,"props":8309,"children":8310},{"style":213},[8311],{"type":59,"value":1290},{"type":53,"tag":172,"props":8313,"children":8314},{"class":174,"line":425},[8315,8319,8323],{"type":53,"tag":172,"props":8316,"children":8317},{"style":213},[8318],{"type":59,"value":1329},{"type":53,"tag":172,"props":8320,"children":8321},{"style":178},[8322],{"type":59,"value":8292},{"type":53,"tag":172,"props":8324,"children":8325},{"style":213},[8326],{"type":59,"value":1339},{"type":53,"tag":172,"props":8328,"children":8329},{"class":174,"line":697},[8330,8334,8339,8343,8347,8351,8356,8360],{"type":53,"tag":172,"props":8331,"children":8332},{"style":213},[8333],{"type":59,"value":309},{"type":53,"tag":172,"props":8335,"children":8336},{"style":178},[8337],{"type":59,"value":8338},"PopoverContent",{"type":53,"tag":172,"props":8340,"children":8341},{"style":266},[8342],{"type":59,"value":4382},{"type":53,"tag":172,"props":8344,"children":8345},{"style":213},[8346],{"type":59,"value":328},{"type":53,"tag":172,"props":8348,"children":8349},{"style":213},[8350],{"type":59,"value":246},{"type":53,"tag":172,"props":8352,"children":8353},{"style":184},[8354],{"type":59,"value":8355},"h-[600px] w-[400px] p-0",{"type":53,"tag":172,"props":8357,"children":8358},{"style":213},[8359],{"type":59,"value":246},{"type":53,"tag":172,"props":8361,"children":8362},{"style":213},[8363],{"type":59,"value":1339},{"type":53,"tag":172,"props":8365,"children":8366},{"class":174,"line":705},[8367,8371,8376],{"type":53,"tag":172,"props":8368,"children":8369},{"style":213},[8370],{"type":59,"value":1280},{"type":53,"tag":172,"props":8372,"children":8373},{"style":178},[8374],{"type":59,"value":8375},"InboxContent",{"type":53,"tag":172,"props":8377,"children":8378},{"style":213},[8379],{"type":59,"value":1290},{"type":53,"tag":172,"props":8381,"children":8382},{"class":174,"line":717},[8383,8387,8391],{"type":53,"tag":172,"props":8384,"children":8385},{"style":213},[8386],{"type":59,"value":1329},{"type":53,"tag":172,"props":8388,"children":8389},{"style":178},[8390],{"type":59,"value":8338},{"type":53,"tag":172,"props":8392,"children":8393},{"style":213},[8394],{"type":59,"value":1339},{"type":53,"tag":172,"props":8396,"children":8397},{"class":174,"line":1353},[8398,8403,8407],{"type":53,"tag":172,"props":8399,"children":8400},{"style":213},[8401],{"type":59,"value":8402}," \u003C\u002F",{"type":53,"tag":172,"props":8404,"children":8405},{"style":178},[8406],{"type":59,"value":8276},{"type":53,"tag":172,"props":8408,"children":8409},{"style":213},[8410],{"type":59,"value":1339},{"type":53,"tag":172,"props":8412,"children":8413},{"class":174,"line":2124},[8414,8419,8423],{"type":53,"tag":172,"props":8415,"children":8416},{"style":213},[8417],{"type":59,"value":8418},"\u003C\u002F",{"type":53,"tag":172,"props":8420,"children":8421},{"style":178},[8422],{"type":59,"value":1334},{"type":53,"tag":172,"props":8424,"children":8425},{"style":213},[8426],{"type":59,"value":1339},{"type":53,"tag":62,"props":8428,"children":8429},{},[8430,8432,8438,8440,8445,8447,8452,8453,8459,8460,8465,8466,8471,8473,8478],{"type":59,"value":8431},"The same pattern works with shadcn ",{"type":53,"tag":109,"props":8433,"children":8435},{"className":8434},[],[8436],{"type":59,"value":8437},"\u003CDrawer>",{"type":59,"value":8439},", Headless UI, or a route-level page (mount ",{"type":53,"tag":109,"props":8441,"children":8443},{"className":8442},[],[8444],{"type":59,"value":1044},{"type":59,"value":8446}," directly without any popover). All customization props (",{"type":53,"tag":109,"props":8448,"children":8450},{"className":8449},[],[8451],{"type":59,"value":1380},{"type":59,"value":3029},{"type":53,"tag":109,"props":8454,"children":8456},{"className":8455},[],[8457],{"type":59,"value":8458},"localization",{"type":59,"value":3029},{"type":53,"tag":109,"props":8461,"children":8463},{"className":8462},[],[8464],{"type":59,"value":5560},{"type":59,"value":3029},{"type":53,"tag":109,"props":8467,"children":8469},{"className":8468},[],[8470],{"type":59,"value":5154},{"type":59,"value":8472},", render props) flow through the ",{"type":53,"tag":109,"props":8474,"children":8476},{"className":8475},[],[8477],{"type":59,"value":974},{"type":59,"value":8479}," provider.",{"type":53,"tag":68,"props":8481,"children":8482},{"id":8458},[8483],{"type":59,"value":8484},"Localization",{"type":53,"tag":62,"props":8486,"children":8487},{},[8488],{"type":59,"value":8489},"Override Inbox UI text β€” useful for multi-language apps or matching your product voice:",{"type":53,"tag":161,"props":8491,"children":8493},{"className":195,"code":8492,"language":197,"meta":166,"style":166},"\u003CInbox\n applicationIdentifier=\"YOUR_NOVU_APP_ID\"\n subscriberId=\"subscriber-123\"\n localization={{\n locale: \"en-US\",\n \"inbox.filters.labels.default\": \"Notifications\",\n \"inbox.filters.dropdownOptions.unread\": \"Unread only\",\n \"notifications.emptyNotice\": \"You're all caught up.\",\n \"notifications.actions.readAll\": \"Mark all as read\",\n \"notification.actions.archive.tooltip\": \"Move to archive\",\n \"preferences.title\": \"Notification Preferences\",\n dynamic: {\n \"new-comment-on-post\": \"Post comments\",\n \"new-follower-digest\": \"New Follower Updates\",\n },\n }}\n\u002F>\n",[8494],{"type":53,"tag":109,"props":8495,"children":8496},{"__ignoreMap":166},[8497,8508,8531,8554,8566,8595,8632,8669,8706,8743,8780,8817,8833,8871,8908,8915,8922],{"type":53,"tag":172,"props":8498,"children":8499},{"class":174,"line":29},[8500,8504],{"type":53,"tag":172,"props":8501,"children":8502},{"style":213},[8503],{"type":59,"value":1641},{"type":53,"tag":172,"props":8505,"children":8506},{"style":178},[8507],{"type":59,"value":314},{"type":53,"tag":172,"props":8509,"children":8510},{"class":174,"line":33},[8511,8515,8519,8523,8527],{"type":53,"tag":172,"props":8512,"children":8513},{"style":266},[8514],{"type":59,"value":1653},{"type":53,"tag":172,"props":8516,"children":8517},{"style":213},[8518],{"type":59,"value":328},{"type":53,"tag":172,"props":8520,"children":8521},{"style":213},[8522],{"type":59,"value":246},{"type":53,"tag":172,"props":8524,"children":8525},{"style":184},[8526],{"type":59,"value":337},{"type":53,"tag":172,"props":8528,"children":8529},{"style":213},[8530],{"type":59,"value":342},{"type":53,"tag":172,"props":8532,"children":8533},{"class":174,"line":262},[8534,8538,8542,8546,8550],{"type":53,"tag":172,"props":8535,"children":8536},{"style":266},[8537],{"type":59,"value":1677},{"type":53,"tag":172,"props":8539,"children":8540},{"style":213},[8541],{"type":59,"value":328},{"type":53,"tag":172,"props":8543,"children":8544},{"style":213},[8545],{"type":59,"value":246},{"type":53,"tag":172,"props":8547,"children":8548},{"style":184},[8549],{"type":59,"value":364},{"type":53,"tag":172,"props":8551,"children":8552},{"style":213},[8553],{"type":59,"value":342},{"type":53,"tag":172,"props":8555,"children":8556},{"class":174,"line":288},[8557,8562],{"type":53,"tag":172,"props":8558,"children":8559},{"style":266},[8560],{"type":59,"value":8561}," localization",{"type":53,"tag":172,"props":8563,"children":8564},{"style":213},[8565],{"type":59,"value":1816},{"type":53,"tag":172,"props":8567,"children":8568},{"class":174,"line":303},[8569,8574,8578,8582,8587,8591],{"type":53,"tag":172,"props":8570,"children":8571},{"style":297},[8572],{"type":59,"value":8573}," locale",{"type":53,"tag":172,"props":8575,"children":8576},{"style":213},[8577],{"type":59,"value":1716},{"type":53,"tag":172,"props":8579,"children":8580},{"style":213},[8581],{"type":59,"value":237},{"type":53,"tag":172,"props":8583,"children":8584},{"style":184},[8585],{"type":59,"value":8586},"en-US",{"type":53,"tag":172,"props":8588,"children":8589},{"style":213},[8590],{"type":59,"value":246},{"type":53,"tag":172,"props":8592,"children":8593},{"style":213},[8594],{"type":59,"value":1862},{"type":53,"tag":172,"props":8596,"children":8597},{"class":174,"line":317},[8598,8603,8608,8612,8616,8620,8624,8628],{"type":53,"tag":172,"props":8599,"children":8600},{"style":213},[8601],{"type":59,"value":8602}," \"",{"type":53,"tag":172,"props":8604,"children":8605},{"style":297},[8606],{"type":59,"value":8607},"inbox.filters.labels.default",{"type":53,"tag":172,"props":8609,"children":8610},{"style":213},[8611],{"type":59,"value":246},{"type":53,"tag":172,"props":8613,"children":8614},{"style":213},[8615],{"type":59,"value":1716},{"type":53,"tag":172,"props":8617,"children":8618},{"style":213},[8619],{"type":59,"value":237},{"type":53,"tag":172,"props":8621,"children":8622},{"style":184},[8623],{"type":59,"value":27},{"type":53,"tag":172,"props":8625,"children":8626},{"style":213},[8627],{"type":59,"value":246},{"type":53,"tag":172,"props":8629,"children":8630},{"style":213},[8631],{"type":59,"value":1862},{"type":53,"tag":172,"props":8633,"children":8634},{"class":174,"line":345},[8635,8639,8644,8648,8652,8656,8661,8665],{"type":53,"tag":172,"props":8636,"children":8637},{"style":213},[8638],{"type":59,"value":8602},{"type":53,"tag":172,"props":8640,"children":8641},{"style":297},[8642],{"type":59,"value":8643},"inbox.filters.dropdownOptions.unread",{"type":53,"tag":172,"props":8645,"children":8646},{"style":213},[8647],{"type":59,"value":246},{"type":53,"tag":172,"props":8649,"children":8650},{"style":213},[8651],{"type":59,"value":1716},{"type":53,"tag":172,"props":8653,"children":8654},{"style":213},[8655],{"type":59,"value":237},{"type":53,"tag":172,"props":8657,"children":8658},{"style":184},[8659],{"type":59,"value":8660},"Unread only",{"type":53,"tag":172,"props":8662,"children":8663},{"style":213},[8664],{"type":59,"value":246},{"type":53,"tag":172,"props":8666,"children":8667},{"style":213},[8668],{"type":59,"value":1862},{"type":53,"tag":172,"props":8670,"children":8671},{"class":174,"line":371},[8672,8676,8681,8685,8689,8693,8698,8702],{"type":53,"tag":172,"props":8673,"children":8674},{"style":213},[8675],{"type":59,"value":8602},{"type":53,"tag":172,"props":8677,"children":8678},{"style":297},[8679],{"type":59,"value":8680},"notifications.emptyNotice",{"type":53,"tag":172,"props":8682,"children":8683},{"style":213},[8684],{"type":59,"value":246},{"type":53,"tag":172,"props":8686,"children":8687},{"style":213},[8688],{"type":59,"value":1716},{"type":53,"tag":172,"props":8690,"children":8691},{"style":213},[8692],{"type":59,"value":237},{"type":53,"tag":172,"props":8694,"children":8695},{"style":184},[8696],{"type":59,"value":8697},"You're all caught up.",{"type":53,"tag":172,"props":8699,"children":8700},{"style":213},[8701],{"type":59,"value":246},{"type":53,"tag":172,"props":8703,"children":8704},{"style":213},[8705],{"type":59,"value":1862},{"type":53,"tag":172,"props":8707,"children":8708},{"class":174,"line":403},[8709,8713,8718,8722,8726,8730,8735,8739],{"type":53,"tag":172,"props":8710,"children":8711},{"style":213},[8712],{"type":59,"value":8602},{"type":53,"tag":172,"props":8714,"children":8715},{"style":297},[8716],{"type":59,"value":8717},"notifications.actions.readAll",{"type":53,"tag":172,"props":8719,"children":8720},{"style":213},[8721],{"type":59,"value":246},{"type":53,"tag":172,"props":8723,"children":8724},{"style":213},[8725],{"type":59,"value":1716},{"type":53,"tag":172,"props":8727,"children":8728},{"style":213},[8729],{"type":59,"value":237},{"type":53,"tag":172,"props":8731,"children":8732},{"style":184},[8733],{"type":59,"value":8734},"Mark all as read",{"type":53,"tag":172,"props":8736,"children":8737},{"style":213},[8738],{"type":59,"value":246},{"type":53,"tag":172,"props":8740,"children":8741},{"style":213},[8742],{"type":59,"value":1862},{"type":53,"tag":172,"props":8744,"children":8745},{"class":174,"line":412},[8746,8750,8755,8759,8763,8767,8772,8776],{"type":53,"tag":172,"props":8747,"children":8748},{"style":213},[8749],{"type":59,"value":8602},{"type":53,"tag":172,"props":8751,"children":8752},{"style":297},[8753],{"type":59,"value":8754},"notification.actions.archive.tooltip",{"type":53,"tag":172,"props":8756,"children":8757},{"style":213},[8758],{"type":59,"value":246},{"type":53,"tag":172,"props":8760,"children":8761},{"style":213},[8762],{"type":59,"value":1716},{"type":53,"tag":172,"props":8764,"children":8765},{"style":213},[8766],{"type":59,"value":237},{"type":53,"tag":172,"props":8768,"children":8769},{"style":184},[8770],{"type":59,"value":8771},"Move to archive",{"type":53,"tag":172,"props":8773,"children":8774},{"style":213},[8775],{"type":59,"value":246},{"type":53,"tag":172,"props":8777,"children":8778},{"style":213},[8779],{"type":59,"value":1862},{"type":53,"tag":172,"props":8781,"children":8782},{"class":174,"line":425},[8783,8787,8792,8796,8800,8804,8809,8813],{"type":53,"tag":172,"props":8784,"children":8785},{"style":213},[8786],{"type":59,"value":8602},{"type":53,"tag":172,"props":8788,"children":8789},{"style":297},[8790],{"type":59,"value":8791},"preferences.title",{"type":53,"tag":172,"props":8793,"children":8794},{"style":213},[8795],{"type":59,"value":246},{"type":53,"tag":172,"props":8797,"children":8798},{"style":213},[8799],{"type":59,"value":1716},{"type":53,"tag":172,"props":8801,"children":8802},{"style":213},[8803],{"type":59,"value":237},{"type":53,"tag":172,"props":8805,"children":8806},{"style":184},[8807],{"type":59,"value":8808},"Notification Preferences",{"type":53,"tag":172,"props":8810,"children":8811},{"style":213},[8812],{"type":59,"value":246},{"type":53,"tag":172,"props":8814,"children":8815},{"style":213},[8816],{"type":59,"value":1862},{"type":53,"tag":172,"props":8818,"children":8819},{"class":174,"line":697},[8820,8825,8829],{"type":53,"tag":172,"props":8821,"children":8822},{"style":297},[8823],{"type":59,"value":8824}," dynamic",{"type":53,"tag":172,"props":8826,"children":8827},{"style":213},[8828],{"type":59,"value":1716},{"type":53,"tag":172,"props":8830,"children":8831},{"style":213},[8832],{"type":59,"value":285},{"type":53,"tag":172,"props":8834,"children":8835},{"class":174,"line":705},[8836,8841,8846,8850,8854,8858,8863,8867],{"type":53,"tag":172,"props":8837,"children":8838},{"style":213},[8839],{"type":59,"value":8840}," \"",{"type":53,"tag":172,"props":8842,"children":8843},{"style":297},[8844],{"type":59,"value":8845},"new-comment-on-post",{"type":53,"tag":172,"props":8847,"children":8848},{"style":213},[8849],{"type":59,"value":246},{"type":53,"tag":172,"props":8851,"children":8852},{"style":213},[8853],{"type":59,"value":1716},{"type":53,"tag":172,"props":8855,"children":8856},{"style":213},[8857],{"type":59,"value":237},{"type":53,"tag":172,"props":8859,"children":8860},{"style":184},[8861],{"type":59,"value":8862},"Post comments",{"type":53,"tag":172,"props":8864,"children":8865},{"style":213},[8866],{"type":59,"value":246},{"type":53,"tag":172,"props":8868,"children":8869},{"style":213},[8870],{"type":59,"value":1862},{"type":53,"tag":172,"props":8872,"children":8873},{"class":174,"line":717},[8874,8878,8883,8887,8891,8895,8900,8904],{"type":53,"tag":172,"props":8875,"children":8876},{"style":213},[8877],{"type":59,"value":8840},{"type":53,"tag":172,"props":8879,"children":8880},{"style":297},[8881],{"type":59,"value":8882},"new-follower-digest",{"type":53,"tag":172,"props":8884,"children":8885},{"style":213},[8886],{"type":59,"value":246},{"type":53,"tag":172,"props":8888,"children":8889},{"style":213},[8890],{"type":59,"value":1716},{"type":53,"tag":172,"props":8892,"children":8893},{"style":213},[8894],{"type":59,"value":237},{"type":53,"tag":172,"props":8896,"children":8897},{"style":184},[8898],{"type":59,"value":8899},"New Follower Updates",{"type":53,"tag":172,"props":8901,"children":8902},{"style":213},[8903],{"type":59,"value":246},{"type":53,"tag":172,"props":8905,"children":8906},{"style":213},[8907],{"type":59,"value":1862},{"type":53,"tag":172,"props":8909,"children":8910},{"class":174,"line":1353},[8911],{"type":53,"tag":172,"props":8912,"children":8913},{"style":213},[8914],{"type":59,"value":2249},{"type":53,"tag":172,"props":8916,"children":8917},{"class":174,"line":2124},[8918],{"type":53,"tag":172,"props":8919,"children":8920},{"style":213},[8921],{"type":59,"value":2258},{"type":53,"tag":172,"props":8923,"children":8924},{"class":174,"line":2154},[8925],{"type":53,"tag":172,"props":8926,"children":8927},{"style":213},[8928],{"type":59,"value":1734},{"type":53,"tag":6294,"props":8930,"children":8931},{},[8932,8953,8965],{"type":53,"tag":4906,"props":8933,"children":8934},{},[8935,8937,8943,8945,8952],{"type":59,"value":8936},"Localization changes UI text only. To translate notification ",{"type":53,"tag":8938,"props":8939,"children":8940},"em",{},[8941],{"type":59,"value":8942},"content",{"type":59,"value":8944},", use ",{"type":53,"tag":1524,"props":8946,"children":8949},{"href":8947,"rel":8948},"https:\u002F\u002Fdocs.novu.co\u002Fplatform\u002Fworkflow\u002Fadvanced-features\u002Ftranslations",[1528],[8950],{"type":59,"value":8951},"Workflow Translations",{"type":59,"value":629},{"type":53,"tag":4906,"props":8954,"children":8955},{},[8956,8957,8963],{"type":59,"value":6371},{"type":53,"tag":109,"props":8958,"children":8960},{"className":8959},[],[8961],{"type":59,"value":8962},"dynamic",{"type":59,"value":8964}," map to localize workflow names shown in the Preferences UI.",{"type":53,"tag":4906,"props":8966,"children":8967},{},[8968,8970,8981],{"type":59,"value":8969},"The full key list lives in ",{"type":53,"tag":1524,"props":8971,"children":8974},{"href":8972,"rel":8973},"https:\u002F\u002Fgithub.com\u002Fnovuhq\u002Fnovu\u002Fblob\u002Fnext\u002Fpackages\u002Fjs\u002Fsrc\u002Fui\u002Fconfig\u002FdefaultLocalization.ts",[1528],[8975],{"type":53,"tag":109,"props":8976,"children":8978},{"className":8977},[],[8979],{"type":59,"value":8980},"defaultLocalization.ts",{"type":59,"value":629},{"type":53,"tag":68,"props":8983,"children":8985},{"id":8984},"hmac-authentication",[8986],{"type":59,"value":8987},"HMAC Authentication",{"type":53,"tag":62,"props":8989,"children":8990},{},[8991,8996,8998,9004],{"type":53,"tag":727,"props":8992,"children":8993},{},[8994],{"type":59,"value":8995},"Required in production",{"type":59,"value":8997}," to prevent subscriber impersonation. See ",{"type":53,"tag":1524,"props":8999,"children":9002},{"href":9000,"rel":9001},"https:\u002F\u002Fdocs.novu.co\u002Fplatform\u002Finbox\u002Fprepare-for-production",[1528],[9003],{"type":59,"value":9000},{"type":59,"value":9005}," for the full guide.",{"type":53,"tag":466,"props":9007,"children":9009},{"id":9008},"generate-the-hash-server-side",[9010],{"type":59,"value":9011},"Generate the hash (server-side)",{"type":53,"tag":161,"props":9013,"children":9015},{"className":6412,"code":9014,"language":6414,"meta":166,"style":166},"import { createHmac } from \"crypto\";\n\nconst subscriberHash = createHmac(\"sha256\", process.env.NOVU_SECRET_KEY!)\n .update(subscriberId)\n .digest(\"hex\");\n",[9016],{"type":53,"tag":109,"props":9017,"children":9018},{"__ignoreMap":166},[9019,9058,9065,9133,9149],{"type":53,"tag":172,"props":9020,"children":9021},{"class":174,"line":29},[9022,9026,9030,9034,9038,9042,9046,9050,9054],{"type":53,"tag":172,"props":9023,"children":9024},{"style":207},[9025],{"type":59,"value":210},{"type":53,"tag":172,"props":9027,"children":9028},{"style":213},[9029],{"type":59,"value":216},{"type":53,"tag":172,"props":9031,"children":9032},{"style":219},[9033],{"type":59,"value":6998},{"type":53,"tag":172,"props":9035,"children":9036},{"style":213},[9037],{"type":59,"value":227},{"type":53,"tag":172,"props":9039,"children":9040},{"style":207},[9041],{"type":59,"value":232},{"type":53,"tag":172,"props":9043,"children":9044},{"style":213},[9045],{"type":59,"value":237},{"type":53,"tag":172,"props":9047,"children":9048},{"style":184},[9049],{"type":59,"value":7015},{"type":53,"tag":172,"props":9051,"children":9052},{"style":213},[9053],{"type":59,"value":246},{"type":53,"tag":172,"props":9055,"children":9056},{"style":213},[9057],{"type":59,"value":251},{"type":53,"tag":172,"props":9059,"children":9060},{"class":174,"line":33},[9061],{"type":53,"tag":172,"props":9062,"children":9063},{"emptyLinePlaceholder":47},[9064],{"type":59,"value":259},{"type":53,"tag":172,"props":9066,"children":9067},{"class":174,"line":262},[9068,9072,9077,9081,9085,9089,9093,9097,9101,9105,9109,9113,9117,9121,9125,9129],{"type":53,"tag":172,"props":9069,"children":9070},{"style":266},[9071],{"type":59,"value":5227},{"type":53,"tag":172,"props":9073,"children":9074},{"style":219},[9075],{"type":59,"value":9076}," subscriberHash ",{"type":53,"tag":172,"props":9078,"children":9079},{"style":213},[9080],{"type":59,"value":328},{"type":53,"tag":172,"props":9082,"children":9083},{"style":272},[9084],{"type":59,"value":6998},{"type":53,"tag":172,"props":9086,"children":9087},{"style":219},[9088],{"type":59,"value":4702},{"type":53,"tag":172,"props":9090,"children":9091},{"style":213},[9092],{"type":59,"value":246},{"type":53,"tag":172,"props":9094,"children":9095},{"style":184},[9096],{"type":59,"value":7243},{"type":53,"tag":172,"props":9098,"children":9099},{"style":213},[9100],{"type":59,"value":246},{"type":53,"tag":172,"props":9102,"children":9103},{"style":213},[9104],{"type":59,"value":1100},{"type":53,"tag":172,"props":9106,"children":9107},{"style":219},[9108],{"type":59,"value":7256},{"type":53,"tag":172,"props":9110,"children":9111},{"style":213},[9112],{"type":59,"value":629},{"type":53,"tag":172,"props":9114,"children":9115},{"style":219},[9116],{"type":59,"value":634},{"type":53,"tag":172,"props":9118,"children":9119},{"style":213},[9120],{"type":59,"value":629},{"type":53,"tag":172,"props":9122,"children":9123},{"style":219},[9124],{"type":59,"value":7273},{"type":53,"tag":172,"props":9126,"children":9127},{"style":213},[9128],{"type":59,"value":7278},{"type":53,"tag":172,"props":9130,"children":9131},{"style":219},[9132],{"type":59,"value":7283},{"type":53,"tag":172,"props":9134,"children":9135},{"class":174,"line":288},[9136,9140,9144],{"type":53,"tag":172,"props":9137,"children":9138},{"style":213},[9139],{"type":59,"value":7291},{"type":53,"tag":172,"props":9141,"children":9142},{"style":272},[9143],{"type":59,"value":7296},{"type":53,"tag":172,"props":9145,"children":9146},{"style":219},[9147],{"type":59,"value":9148},"(subscriberId)\n",{"type":53,"tag":172,"props":9150,"children":9151},{"class":174,"line":303},[9152,9156,9160,9164,9168,9172,9176,9180],{"type":53,"tag":172,"props":9153,"children":9154},{"style":213},[9155],{"type":59,"value":7291},{"type":53,"tag":172,"props":9157,"children":9158},{"style":272},[9159],{"type":59,"value":7322},{"type":53,"tag":172,"props":9161,"children":9162},{"style":219},[9163],{"type":59,"value":4702},{"type":53,"tag":172,"props":9165,"children":9166},{"style":213},[9167],{"type":59,"value":246},{"type":53,"tag":172,"props":9169,"children":9170},{"style":184},[9171],{"type":59,"value":7335},{"type":53,"tag":172,"props":9173,"children":9174},{"style":213},[9175],{"type":59,"value":246},{"type":53,"tag":172,"props":9177,"children":9178},{"style":219},[9179],{"type":59,"value":1428},{"type":53,"tag":172,"props":9181,"children":9182},{"style":213},[9183],{"type":59,"value":251},{"type":53,"tag":466,"props":9185,"children":9187},{"id":9186},"python",[9188],{"type":59,"value":9189},"Python",{"type":53,"tag":161,"props":9191,"children":9194},{"className":9192,"code":9193,"language":9186,"meta":166,"style":166},"language-python shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","import hmac, hashlib\n\nsubscriber_hash = hmac.new(\n NOVU_SECRET_KEY.encode(),\n subscriber_id.encode(),\n hashlib.sha256,\n).hexdigest()\n",[9195],{"type":53,"tag":109,"props":9196,"children":9197},{"__ignoreMap":166},[9198,9206,9213,9221,9229,9237,9245],{"type":53,"tag":172,"props":9199,"children":9200},{"class":174,"line":29},[9201],{"type":53,"tag":172,"props":9202,"children":9203},{},[9204],{"type":59,"value":9205},"import hmac, hashlib\n",{"type":53,"tag":172,"props":9207,"children":9208},{"class":174,"line":33},[9209],{"type":53,"tag":172,"props":9210,"children":9211},{"emptyLinePlaceholder":47},[9212],{"type":59,"value":259},{"type":53,"tag":172,"props":9214,"children":9215},{"class":174,"line":262},[9216],{"type":53,"tag":172,"props":9217,"children":9218},{},[9219],{"type":59,"value":9220},"subscriber_hash = hmac.new(\n",{"type":53,"tag":172,"props":9222,"children":9223},{"class":174,"line":288},[9224],{"type":53,"tag":172,"props":9225,"children":9226},{},[9227],{"type":59,"value":9228}," NOVU_SECRET_KEY.encode(),\n",{"type":53,"tag":172,"props":9230,"children":9231},{"class":174,"line":303},[9232],{"type":53,"tag":172,"props":9233,"children":9234},{},[9235],{"type":59,"value":9236}," subscriber_id.encode(),\n",{"type":53,"tag":172,"props":9238,"children":9239},{"class":174,"line":317},[9240],{"type":53,"tag":172,"props":9241,"children":9242},{},[9243],{"type":59,"value":9244}," hashlib.sha256,\n",{"type":53,"tag":172,"props":9246,"children":9247},{"class":174,"line":345},[9248],{"type":53,"tag":172,"props":9249,"children":9250},{},[9251],{"type":59,"value":9252},").hexdigest()\n",{"type":53,"tag":466,"props":9254,"children":9256},{"id":9255},"pass-to-the-component",[9257],{"type":59,"value":9258},"Pass to the component",{"type":53,"tag":161,"props":9260,"children":9262},{"className":195,"code":9261,"language":197,"meta":166,"style":166},"\u003CInbox\n applicationIdentifier=\"YOUR_NOVU_APP_ID\"\n subscriberId=\"subscriber-123\"\n subscriberHash={subscriberHash}\n\u002F>\n",[9263],{"type":53,"tag":109,"props":9264,"children":9265},{"__ignoreMap":166},[9266,9277,9300,9323,9343],{"type":53,"tag":172,"props":9267,"children":9268},{"class":174,"line":29},[9269,9273],{"type":53,"tag":172,"props":9270,"children":9271},{"style":213},[9272],{"type":59,"value":1641},{"type":53,"tag":172,"props":9274,"children":9275},{"style":178},[9276],{"type":59,"value":314},{"type":53,"tag":172,"props":9278,"children":9279},{"class":174,"line":33},[9280,9284,9288,9292,9296],{"type":53,"tag":172,"props":9281,"children":9282},{"style":266},[9283],{"type":59,"value":1653},{"type":53,"tag":172,"props":9285,"children":9286},{"style":213},[9287],{"type":59,"value":328},{"type":53,"tag":172,"props":9289,"children":9290},{"style":213},[9291],{"type":59,"value":246},{"type":53,"tag":172,"props":9293,"children":9294},{"style":184},[9295],{"type":59,"value":337},{"type":53,"tag":172,"props":9297,"children":9298},{"style":213},[9299],{"type":59,"value":342},{"type":53,"tag":172,"props":9301,"children":9302},{"class":174,"line":262},[9303,9307,9311,9315,9319],{"type":53,"tag":172,"props":9304,"children":9305},{"style":266},[9306],{"type":59,"value":1677},{"type":53,"tag":172,"props":9308,"children":9309},{"style":213},[9310],{"type":59,"value":328},{"type":53,"tag":172,"props":9312,"children":9313},{"style":213},[9314],{"type":59,"value":246},{"type":53,"tag":172,"props":9316,"children":9317},{"style":184},[9318],{"type":59,"value":364},{"type":53,"tag":172,"props":9320,"children":9321},{"style":213},[9322],{"type":59,"value":342},{"type":53,"tag":172,"props":9324,"children":9325},{"class":174,"line":288},[9326,9330,9334,9339],{"type":53,"tag":172,"props":9327,"children":9328},{"style":266},[9329],{"type":59,"value":6797},{"type":53,"tag":172,"props":9331,"children":9332},{"style":213},[9333],{"type":59,"value":619},{"type":53,"tag":172,"props":9335,"children":9336},{"style":219},[9337],{"type":59,"value":9338},"subscriberHash",{"type":53,"tag":172,"props":9340,"children":9341},{"style":213},[9342],{"type":59,"value":431},{"type":53,"tag":172,"props":9344,"children":9345},{"class":174,"line":303},[9346],{"type":53,"tag":172,"props":9347,"children":9348},{"style":213},[9349],{"type":59,"value":1734},{"type":53,"tag":62,"props":9351,"children":9352},{},[9353,9355,9360,9362,9367,9369,9375],{"type":59,"value":9354},"If you also pass a ",{"type":53,"tag":109,"props":9356,"children":9358},{"className":9357},[],[9359],{"type":59,"value":6973},{"type":59,"value":9361},", generate a ",{"type":53,"tag":109,"props":9363,"children":9365},{"className":9364},[],[9366],{"type":59,"value":6962},{"type":59,"value":9368}," (see ",{"type":53,"tag":1524,"props":9370,"children":9372},{"href":9371},"#multi-tenancy-with-contexts",[9373],{"type":59,"value":9374},"Multi-Tenancy",{"type":59,"value":6345},{"type":53,"tag":68,"props":9377,"children":9379},{"id":9378},"common-pitfalls",[9380],{"type":59,"value":9381},"Common Pitfalls",{"type":53,"tag":4902,"props":9383,"children":9384},{},[9385,9406,9416,9441,9456,9466,9500,9527,9544,9562,9576,9626],{"type":53,"tag":4906,"props":9386,"children":9387},{},[9388,9404],{"type":53,"tag":727,"props":9389,"children":9390},{},[9391,9397,9399],{"type":53,"tag":109,"props":9392,"children":9394},{"className":9393},[],[9395],{"type":59,"value":9396},"applicationIdentifier",{"type":59,"value":9398}," is NOT the same as ",{"type":53,"tag":109,"props":9400,"children":9402},{"className":9401},[],[9403],{"type":59,"value":7273},{"type":59,"value":9405}," β€” the app ID is a public identifier safe for client-side use. The secret key is server-only.",{"type":53,"tag":4906,"props":9407,"children":9408},{},[9409,9414],{"type":53,"tag":727,"props":9410,"children":9411},{},[9412],{"type":59,"value":9413},"HMAC hash is mandatory in production",{"type":59,"value":9415}," β€” without it, anyone can impersonate a subscriber by guessing their ID.",{"type":53,"tag":4906,"props":9417,"children":9418},{},[9419,9431,9433,9439],{"type":53,"tag":727,"props":9420,"children":9421},{},[9422,9424,9429],{"type":59,"value":9423},"The Inbox only shows notifications from workflows with an ",{"type":53,"tag":109,"props":9425,"children":9427},{"className":9426},[],[9428],{"type":59,"value":3147},{"type":59,"value":9430}," step",{"type":59,"value":9432}," β€” if your workflow doesn't include ",{"type":53,"tag":109,"props":9434,"children":9436},{"className":9435},[],[9437],{"type":59,"value":9438},"step.inApp()",{"type":59,"value":9440},", nothing appears.",{"type":53,"tag":4906,"props":9442,"children":9443},{},[9444,9454],{"type":53,"tag":727,"props":9445,"children":9446},{},[9447,9452],{"type":53,"tag":109,"props":9448,"children":9450},{"className":9449},[],[9451],{"type":59,"value":739},{"type":59,"value":9453}," is required in Next.js App Router",{"type":59,"value":9455}," β€” the Inbox component is client-side only.",{"type":53,"tag":4906,"props":9457,"children":9458},{},[9459,9464],{"type":53,"tag":727,"props":9460,"children":9461},{},[9462],{"type":59,"value":9463},"Real-time updates are automatic",{"type":59,"value":9465}," β€” the Inbox uses WebSockets internally. No additional setup needed.",{"type":53,"tag":4906,"props":9467,"children":9468},{},[9469,9484,9486,9491,9493,9498],{"type":53,"tag":727,"props":9470,"children":9471},{},[9472,9477,9479],{"type":53,"tag":109,"props":9473,"children":9475},{"className":9474},[],[9476],{"type":59,"value":114},{"type":59,"value":9478}," vs ",{"type":53,"tag":109,"props":9480,"children":9482},{"className":9481},[],[9483],{"type":59,"value":131},{"type":59,"value":9485}," β€” use ",{"type":53,"tag":109,"props":9487,"children":9489},{"className":9488},[],[9490],{"type":59,"value":131},{"type":59,"value":9492}," for Next.js apps (handles SSR edge cases), ",{"type":53,"tag":109,"props":9494,"children":9496},{"className":9495},[],[9497],{"type":59,"value":114},{"type":59,"value":9499}," for all other React apps.",{"type":53,"tag":4906,"props":9501,"children":9502},{},[9503,9518,9520,9525],{"type":53,"tag":727,"props":9504,"children":9505},{},[9506,9511,9513],{"type":53,"tag":109,"props":9507,"children":9509},{"className":9508},[],[9510],{"type":59,"value":1440},{"type":59,"value":9512}," override ",{"type":53,"tag":109,"props":9514,"children":9516},{"className":9515},[],[9517],{"type":59,"value":1415},{"type":59,"value":9519}," β€” when both are set in ",{"type":53,"tag":109,"props":9521,"children":9523},{"className":9522},[],[9524],{"type":59,"value":1380},{"type":59,"value":9526},", variables win. Set variables in dark\u002Flight themes intentionally.",{"type":53,"tag":4906,"props":9528,"children":9529},{},[9530,9535,9537,9542],{"type":53,"tag":727,"props":9531,"children":9532},{},[9533],{"type":59,"value":9534},"Element callbacks return strings",{"type":59,"value":9536}," β€” ",{"type":53,"tag":109,"props":9538,"children":9540},{"className":9539},[],[9541],{"type":59,"value":2283},{"type":59,"value":9543}," returns class names, not style objects. For style objects use a static value.",{"type":53,"tag":4906,"props":9545,"children":9546},{},[9547,9552,9554,9560],{"type":53,"tag":727,"props":9548,"children":9549},{},[9550],{"type":59,"value":9551},"Context filtering is exact-match",{"type":59,"value":9553}," β€” passing ",{"type":53,"tag":109,"props":9555,"children":9557},{"className":9556},[],[9558],{"type":59,"value":9559},"context={{}}",{"type":59,"value":9561}," to the Inbox hides any notification triggered with a non-empty context, and vice-versa.",{"type":53,"tag":4906,"props":9563,"children":9564},{},[9565,9574],{"type":53,"tag":727,"props":9566,"children":9567},{},[9568,9569],{"type":59,"value":8026},{"type":53,"tag":109,"props":9570,"children":9572},{"className":9571},[],[9573],{"type":59,"value":7656},{"type":59,"value":9575}," β€” it's sent to the client.",{"type":53,"tag":4906,"props":9577,"children":9578},{},[9579,9589,9591,9597,9598,9604,9605,9611,9612,9618,9619,9624],{"type":53,"tag":727,"props":9580,"children":9581},{},[9582,9587],{"type":53,"tag":109,"props":9583,"children":9585},{"className":9584},[],[9586],{"type":59,"value":4310},{"type":59,"value":9588}," removes default actions",{"type":59,"value":9590}," β€” use granular render props (",{"type":53,"tag":109,"props":9592,"children":9594},{"className":9593},[],[9595],{"type":59,"value":9596},"renderSubject",{"type":59,"value":3029},{"type":53,"tag":109,"props":9599,"children":9601},{"className":9600},[],[9602],{"type":59,"value":9603},"renderBody",{"type":59,"value":3029},{"type":53,"tag":109,"props":9606,"children":9608},{"className":9607},[],[9609],{"type":59,"value":9610},"renderAvatar",{"type":59,"value":3029},{"type":53,"tag":109,"props":9613,"children":9615},{"className":9614},[],[9616],{"type":59,"value":9617},"renderDefaultActions",{"type":59,"value":3029},{"type":53,"tag":109,"props":9620,"children":9622},{"className":9621},[],[9623],{"type":59,"value":5555},{"type":59,"value":9625},") when you want to keep mark-as-read \u002F archive \u002F snooze affordances.",{"type":53,"tag":4906,"props":9627,"children":9628},{},[9629,9634,9636,9641,9643,9648],{"type":53,"tag":727,"props":9630,"children":9631},{},[9632],{"type":59,"value":9633},"HTML rendering requires both steps",{"type":59,"value":9635}," β€” disabling sanitization in the workflow ",{"type":53,"tag":8938,"props":9637,"children":9638},{},[9639],{"type":59,"value":9640},"and",{"type":59,"value":9642}," using ",{"type":53,"tag":109,"props":9644,"children":9646},{"className":9645},[],[9647],{"type":59,"value":4928},{"type":59,"value":9649}," in a render prop. Either alone has no effect.",{"type":53,"tag":68,"props":9651,"children":9653},{"id":9652},"references",[9654],{"type":59,"value":9655},"References",{"type":53,"tag":6294,"props":9657,"children":9658},{},[9659,9669,9678,9687,9696,9705,9714],{"type":53,"tag":4906,"props":9660,"children":9661},{},[9662,9667],{"type":53,"tag":1524,"props":9663,"children":9664},{"href":3844},[9665],{"type":59,"value":9666},"Branding & Styling",{"type":59,"value":9668}," β€” full appearance API: themes, variables, elements, icons, severity, dynamic callbacks",{"type":53,"tag":4906,"props":9670,"children":9671},{},[9672,9676],{"type":53,"tag":1524,"props":9673,"children":9674},{"href":5544},[9675],{"type":59,"value":3855},{"type":59,"value":9677}," β€” render props, custom popover (Radix, shadcn Drawer), conditional display, click handlers",{"type":53,"tag":4906,"props":9679,"children":9680},{},[9681,9685],{"type":53,"tag":1524,"props":9682,"children":9683},{"href":7601},[9684],{"type":59,"value":6392},{"type":59,"value":9686}," β€” context-based isolation, securing contextHash, dynamic templates",{"type":53,"tag":4906,"props":9688,"children":9689},{},[9690],{"type":53,"tag":1524,"props":9691,"children":9693},{"href":9692},".\u002Freferences\u002Freact-inbox-examples.md",[9694],{"type":59,"value":9695},"React Inbox Examples",{"type":53,"tag":4906,"props":9697,"children":9698},{},[9699],{"type":53,"tag":1524,"props":9700,"children":9702},{"href":9701},".\u002Freferences\u002Fnextjs-inbox-examples.md",[9703],{"type":59,"value":9704},"Next.js Inbox Examples",{"type":53,"tag":4906,"props":9706,"children":9707},{},[9708],{"type":53,"tag":1524,"props":9709,"children":9711},{"href":9710},".\u002Freferences\u002Fheadless-inbox-examples.md",[9712],{"type":59,"value":9713},"Headless Inbox (Vanilla JS)",{"type":53,"tag":4906,"props":9715,"children":9716},{},[9717],{"type":53,"tag":1524,"props":9718,"children":9720},{"href":9719},".\u002Freferences\u002Fsecurity.md",[9721],{"type":59,"value":9722},"Security (HMAC)",{"type":53,"tag":9724,"props":9725,"children":9726},"style",{},[9727],{"type":59,"value":9728},"html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"items":9730,"total":371},[9731,9747,9761,9773,9786,9794,9805,9817],{"slug":9732,"name":9732,"fn":9733,"description":9734,"org":9735,"tags":9736,"stars":9744,"repoUrl":9745,"updatedAt":9746},"env-setup","configure Novu environment variables","Create or update Novu environment variables in the user's project safely (never expose the secret key to the client). Complements the official Novu skills by covering project-level env configuration.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[9737,9740,9743],{"name":9738,"slug":9739,"type":16},"Configuration","configuration",{"name":9741,"slug":9742,"type":16},"Environment Variables","environment-variables",{"name":27,"slug":28,"type":16},39301,"https:\u002F\u002Fgithub.com\u002Fnovuhq\u002Fnovu","2026-07-13T06:21:58.740401",{"slug":9748,"name":9748,"fn":9749,"description":9750,"org":9751,"tags":9752,"stars":29,"repoUrl":30,"updatedAt":9760},"novu-dashboard-workflows","author Novu workflow step content","Author step content for Novu workflows defined in the Dashboard or generated\u002Fedited via the Novu MCP. Use when filling in step controls (subject, body, editorType, headers, body, conditions) for email, in-app, sms, push, chat, delay, digest, throttle, or HTTP Request steps.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[9753,9756,9757],{"name":9754,"slug":9755,"type":16},"MCP","mcp",{"name":27,"slug":28,"type":16},{"name":9758,"slug":9759,"type":16},"Workflow Automation","workflow-automation","2026-07-13T06:21:22.380822",{"slug":9762,"name":9762,"fn":9763,"description":9764,"org":9765,"tags":9766,"stars":29,"repoUrl":30,"updatedAt":9772},"novu-design-workflow","design Novu notification workflows","Design notification workflows the Novu way β€” choose channels, set severity, decide when a workflow is critical, configure digests, and route based on subscriber state. Applies to BOTH dashboard-authored and code-first (`@novu\u002Fframework`) workflows. Use when planning a new workflow, deciding which channels to include, picking severity, configuring digest behavior, or matching a use case (order confirmation, payment failed, account suspended, comment, trial expiring, password reset, webhook fan-out, fetch-then-notify) to a proven template.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[9767,9770,9771],{"name":9768,"slug":9769,"type":16},"Messaging","messaging",{"name":27,"slug":28,"type":16},{"name":9758,"slug":9759,"type":16},"2026-07-16T06:02:17.656187",{"slug":9774,"name":9774,"fn":9775,"description":9776,"org":9777,"tags":9778,"stars":29,"repoUrl":30,"updatedAt":9785},"novu-framework-integration","build code-first notification workflows","Build code-first notification workflows with @novu\u002Fframework. Use when defining workflows in TypeScript (Zod \u002F JSON Schema \u002F Class Validator), composing channel steps (email, SMS, push, chat, in-app) with action steps (delay, digest, custom), exposing Step Controls for non-technical teammates, rendering React\u002FVue\u002FSvelte Email templates, hosting the Bridge Endpoint inside Next.js, Express, NestJS, Remix, Nuxt, SvelteKit, H3, or AWS Lambda, syncing to Novu Cloud via CLI \u002F GitHub Actions, securing production with HMAC, or implementing translations, hydration, multi-channel orchestration, and LLM-powered notification logic in code.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[9779,9782,9783],{"name":9780,"slug":9781,"type":16},"Backend","backend",{"name":27,"slug":28,"type":16},{"name":9784,"slug":6414,"type":16},"TypeScript","2026-07-13T06:21:20.83585",{"slug":4,"name":4,"fn":5,"description":6,"org":9787,"tags":9788,"stars":29,"repoUrl":30,"updatedAt":31},{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[9789,9790,9791,9792,9793],{"name":24,"slug":25,"type":16},{"name":21,"slug":22,"type":16},{"name":18,"slug":19,"type":16},{"name":27,"slug":28,"type":16},{"name":14,"slug":15,"type":16},{"slug":9795,"name":9795,"fn":9796,"description":9797,"org":9798,"tags":9799,"stars":29,"repoUrl":30,"updatedAt":9804},"novu-manage-preferences","configure Novu notification preferences","Configure notification preferences in Novu at the workflow and subscriber level. Set default channel preferences (email, SMS, push, chat, in-app), mark preferences as read-only or subscriber-editable, and manage subscriber-specific overrides. Use when setting up notification opt-in\u002Fopt-out, configuring per-channel delivery preferences, or building a preferences management UI.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[9800,9801],{"name":27,"slug":28,"type":16},{"name":9802,"slug":9803,"type":16},"Operations","operations","2026-07-13T06:21:30.061407",{"slug":9806,"name":9806,"fn":9807,"description":9808,"org":9809,"tags":9810,"stars":29,"repoUrl":30,"updatedAt":9816},"novu-manage-subscribers","manage Novu notification subscribers and topics","Create, update, search, and delete subscribers in Novu. Manage topics for group-based notification targeting. Set subscriber credentials for push and chat channels. Use when managing notification recipients, creating subscriber records, organizing subscribers into topics, or configuring channel-specific credentials.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[9811,9814,9815],{"name":9812,"slug":9813,"type":16},"API Development","api-development",{"name":9768,"slug":9769,"type":16},{"name":27,"slug":28,"type":16},"2026-07-16T06:00:28.792114",{"slug":9818,"name":9818,"fn":9819,"description":9820,"org":9821,"tags":9822,"stars":29,"repoUrl":30,"updatedAt":9827},"novu-trigger-notification","trigger Novu notification workflows","Trigger Novu notification workflows to send messages across email, SMS, push, chat, and in-app channels. Supports single triggers, bulk triggers, broadcast to all subscribers, topic-based targeting, and cancellation. Use when sending transactional notifications, alerts, or any event-driven messages.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[9823,9826],{"name":9824,"slug":9825,"type":16},"Automation","automation",{"name":27,"slug":28,"type":16},"2026-07-13T06:21:23.63132",{"items":9829,"total":345},[9830,9836,9842,9848,9856,9861,9867],{"slug":9748,"name":9748,"fn":9749,"description":9750,"org":9831,"tags":9832,"stars":29,"repoUrl":30,"updatedAt":9760},{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[9833,9834,9835],{"name":9754,"slug":9755,"type":16},{"name":27,"slug":28,"type":16},{"name":9758,"slug":9759,"type":16},{"slug":9762,"name":9762,"fn":9763,"description":9764,"org":9837,"tags":9838,"stars":29,"repoUrl":30,"updatedAt":9772},{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[9839,9840,9841],{"name":9768,"slug":9769,"type":16},{"name":27,"slug":28,"type":16},{"name":9758,"slug":9759,"type":16},{"slug":9774,"name":9774,"fn":9775,"description":9776,"org":9843,"tags":9844,"stars":29,"repoUrl":30,"updatedAt":9785},{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[9845,9846,9847],{"name":9780,"slug":9781,"type":16},{"name":27,"slug":28,"type":16},{"name":9784,"slug":6414,"type":16},{"slug":4,"name":4,"fn":5,"description":6,"org":9849,"tags":9850,"stars":29,"repoUrl":30,"updatedAt":31},{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[9851,9852,9853,9854,9855],{"name":24,"slug":25,"type":16},{"name":21,"slug":22,"type":16},{"name":18,"slug":19,"type":16},{"name":27,"slug":28,"type":16},{"name":14,"slug":15,"type":16},{"slug":9795,"name":9795,"fn":9796,"description":9797,"org":9857,"tags":9858,"stars":29,"repoUrl":30,"updatedAt":9804},{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[9859,9860],{"name":27,"slug":28,"type":16},{"name":9802,"slug":9803,"type":16},{"slug":9806,"name":9806,"fn":9807,"description":9808,"org":9862,"tags":9863,"stars":29,"repoUrl":30,"updatedAt":9816},{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[9864,9865,9866],{"name":9812,"slug":9813,"type":16},{"name":9768,"slug":9769,"type":16},{"name":27,"slug":28,"type":16},{"slug":9818,"name":9818,"fn":9819,"description":9820,"org":9868,"tags":9869,"stars":29,"repoUrl":30,"updatedAt":9827},{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[9870,9871],{"name":9824,"slug":9825,"type":16},{"name":27,"slug":28,"type":16}]