@novu/react 3.1.0 → 3.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +6 -6
- package/dist/cjs/components/Bell.d.cts +1 -0
- package/dist/cjs/components/Inbox.cjs +20 -4
- package/dist/cjs/components/Inbox.cjs.map +1 -1
- package/dist/cjs/components/Inbox.d.cts +1 -0
- package/dist/cjs/components/InboxContent.d.cts +1 -0
- package/dist/cjs/components/Notifications.d.cts +1 -0
- package/dist/cjs/components/index.d.cts +1 -1
- package/dist/cjs/hooks/NovuProvider.cjs +27 -6
- package/dist/cjs/hooks/NovuProvider.cjs.map +1 -1
- package/dist/cjs/hooks/NovuProvider.d.cts +2 -2
- package/dist/cjs/utils/types.cjs.map +1 -1
- package/dist/cjs/utils/types.d.cts +9 -2
- package/dist/esm/components/Bell.d.ts +1 -0
- package/dist/esm/components/Inbox.d.ts +1 -0
- package/dist/esm/components/Inbox.js +20 -4
- package/dist/esm/components/Inbox.js.map +1 -1
- package/dist/esm/components/InboxContent.d.ts +1 -0
- package/dist/esm/components/Notifications.d.ts +1 -0
- package/dist/esm/components/index.d.ts +1 -1
- package/dist/esm/hooks/NovuProvider.d.ts +2 -2
- package/dist/esm/hooks/NovuProvider.js +27 -6
- package/dist/esm/hooks/NovuProvider.js.map +1 -1
- package/dist/esm/utils/types.d.ts +9 -2
- package/package.json +2 -2
package/README.md
CHANGED
|
@@ -22,7 +22,7 @@ function Novu() {
|
|
|
22
22
|
return (
|
|
23
23
|
<Inbox
|
|
24
24
|
options={{
|
|
25
|
-
|
|
25
|
+
subscriber: 'SUBSCRIBER_ID',
|
|
26
26
|
applicationIdentifier: 'APPLICATION_IDENTIFIER',
|
|
27
27
|
}}
|
|
28
28
|
/>
|
|
@@ -43,7 +43,7 @@ function Novu() {
|
|
|
43
43
|
options={{
|
|
44
44
|
backendUrl: 'YOUR_BACKEND_URL',
|
|
45
45
|
socketUrl: 'YOUR_SOCKET_URL',
|
|
46
|
-
|
|
46
|
+
subscriber: 'SUBSCRIBER_ID',
|
|
47
47
|
applicationIdentifier: 'APPLICATION_IDENTIFIER',
|
|
48
48
|
}}
|
|
49
49
|
/>
|
|
@@ -65,7 +65,7 @@ function Novu() {
|
|
|
65
65
|
<div>
|
|
66
66
|
<Inbox
|
|
67
67
|
options={{
|
|
68
|
-
|
|
68
|
+
subscriber: 'SUBSCRIBER_ID',
|
|
69
69
|
applicationIdentifier: 'APPLICATION_IDENTIFIER',
|
|
70
70
|
}}
|
|
71
71
|
open={isOpen}
|
|
@@ -88,7 +88,7 @@ function Novu() {
|
|
|
88
88
|
return (
|
|
89
89
|
<Inbox
|
|
90
90
|
options={{
|
|
91
|
-
|
|
91
|
+
subscriber: 'SUBSCRIBER_ID',
|
|
92
92
|
applicationIdentifier: 'APPLICATION_IDENTIFIER',
|
|
93
93
|
}}
|
|
94
94
|
localization={{
|
|
@@ -109,7 +109,7 @@ function Novu() {
|
|
|
109
109
|
|
|
110
110
|
## HMAC Encryption
|
|
111
111
|
|
|
112
|
-
When Novu's user adds the Inbox to their application
|
|
112
|
+
When Novu's user adds the Inbox component to their application, developers need to provide a subscriber prop with the value of their customer's subscriberId, along with an application identifier that serves as a public key for API communication.
|
|
113
113
|
|
|
114
114
|
A malicious actor can access the user feed by accessing the API and passing another `subscriberId` using the public application identifier.
|
|
115
115
|
|
|
@@ -135,7 +135,7 @@ const hmacHash = createHmac('sha256', process.env.NOVU_API_KEY).update(subscribe
|
|
|
135
135
|
|
|
136
136
|
```jsx
|
|
137
137
|
<Inbox
|
|
138
|
-
|
|
138
|
+
subscriber={'SUBSCRIBER_ID_PLAIN_VALUE'}
|
|
139
139
|
subscriberHash={'SUBSCRIBER_ID_HASH_VALUE'}
|
|
140
140
|
applicationIdentifier={'APPLICATION_IDENTIFIER'}
|
|
141
141
|
/>
|
|
@@ -105,7 +105,7 @@ var _DefaultInbox = (props) => {
|
|
|
105
105
|
};
|
|
106
106
|
var DefaultInbox = (0, import_Renderer.withRenderer)(_DefaultInbox);
|
|
107
107
|
var Inbox = import_react.default.memo((props) => {
|
|
108
|
-
const { applicationIdentifier,
|
|
108
|
+
const { applicationIdentifier, subscriberHash, backendUrl, socketUrl } = props;
|
|
109
109
|
const novu = (0, import_NovuProvider.useUnsafeNovu)();
|
|
110
110
|
if (novu) {
|
|
111
111
|
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(InboxChild, { ...props });
|
|
@@ -114,10 +114,10 @@ var Inbox = import_react.default.memo((props) => {
|
|
|
114
114
|
import_NovuProvider.InternalNovuProvider,
|
|
115
115
|
{
|
|
116
116
|
applicationIdentifier,
|
|
117
|
-
subscriberId,
|
|
118
117
|
subscriberHash,
|
|
119
118
|
backendUrl,
|
|
120
119
|
socketUrl,
|
|
120
|
+
subscriber: buildSubscriber(props),
|
|
121
121
|
userAgentType: "components",
|
|
122
122
|
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(InboxChild, { ...props })
|
|
123
123
|
}
|
|
@@ -144,7 +144,13 @@ var InboxChild = import_react.default.memo((props) => {
|
|
|
144
144
|
tabs,
|
|
145
145
|
preferencesFilter,
|
|
146
146
|
routerPush,
|
|
147
|
-
options: {
|
|
147
|
+
options: {
|
|
148
|
+
applicationIdentifier,
|
|
149
|
+
subscriberHash,
|
|
150
|
+
backendUrl,
|
|
151
|
+
socketUrl,
|
|
152
|
+
subscriber: buildSubscriber(props)
|
|
153
|
+
}
|
|
148
154
|
};
|
|
149
155
|
}, [
|
|
150
156
|
localization,
|
|
@@ -155,7 +161,8 @@ var InboxChild = import_react.default.memo((props) => {
|
|
|
155
161
|
subscriberId,
|
|
156
162
|
subscriberHash,
|
|
157
163
|
backendUrl,
|
|
158
|
-
socketUrl
|
|
164
|
+
socketUrl,
|
|
165
|
+
props.subscriber
|
|
159
166
|
]);
|
|
160
167
|
if (isWithChildrenProps(props)) {
|
|
161
168
|
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_NovuUI.NovuUI, { options, novu, children: props.children });
|
|
@@ -191,6 +198,15 @@ var InboxChild = import_react.default.memo((props) => {
|
|
|
191
198
|
function isWithChildrenProps(props) {
|
|
192
199
|
return "children" in props;
|
|
193
200
|
}
|
|
201
|
+
function buildSubscriber(options) {
|
|
202
|
+
let subscriberObj;
|
|
203
|
+
if (options.subscriber) {
|
|
204
|
+
subscriberObj = typeof options.subscriber === "string" ? { subscriberId: options.subscriber } : options.subscriber;
|
|
205
|
+
} else {
|
|
206
|
+
subscriberObj = { subscriberId: options.subscriberId };
|
|
207
|
+
}
|
|
208
|
+
return subscriberObj;
|
|
209
|
+
}
|
|
194
210
|
// Annotate the CommonJS export names for ESM import in node:
|
|
195
211
|
0 && (module.exports = {
|
|
196
212
|
Inbox
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/Inbox.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { DefaultProps, DefaultInboxProps, WithChildrenProps } from '../utils/types';\nimport { Mounter } from './Mounter';\nimport { useNovuUI } from '../context/NovuUIContext';\nimport { useRenderer } from '../context/RendererContext';\nimport { InternalNovuProvider, useNovu, useUnsafeNovu } from '../hooks/NovuProvider';\nimport { NovuUI } from './NovuUI';\nimport { withRenderer } from './Renderer';\n\nexport type InboxProps = DefaultProps | WithChildrenProps;\n\nconst _DefaultInbox = (props: DefaultInboxProps) => {\n const {\n open,\n renderNotification,\n renderSubject,\n renderBody,\n renderBell,\n onNotificationClick,\n onPrimaryActionClick,\n onSecondaryActionClick,\n placement,\n placementOffset,\n } = props;\n const { novuUI } = useNovuUI();\n const { mountElement } = useRenderer();\n\n const mount = React.useCallback(\n (element: HTMLElement) => {\n if (renderNotification) {\n return novuUI.mountComponent({\n name: 'Inbox',\n props: {\n open,\n renderNotification: renderNotification\n ? (el, notification) => mountElement(el, renderNotification(notification))\n : undefined,\n renderBell: renderBell ? (el, unreadCount) => mountElement(el, renderBell(unreadCount)) : undefined,\n onNotificationClick,\n onPrimaryActionClick,\n onSecondaryActionClick,\n placementOffset,\n placement,\n },\n element,\n });\n }\n\n return novuUI.mountComponent({\n name: 'Inbox',\n props: {\n open,\n renderSubject: renderSubject\n ? (el, notification) => mountElement(el, renderSubject(notification))\n : undefined,\n renderBody: renderBody ? (el, notification) => mountElement(el, renderBody(notification)) : undefined,\n renderBell: renderBell ? (el, unreadCount) => mountElement(el, renderBell(unreadCount)) : undefined,\n onNotificationClick,\n onPrimaryActionClick,\n onSecondaryActionClick,\n placementOffset,\n placement,\n },\n element,\n });\n },\n [\n open,\n renderNotification,\n renderSubject,\n renderBody,\n renderBell,\n onNotificationClick,\n onPrimaryActionClick,\n onSecondaryActionClick,\n ]\n );\n\n return <Mounter mount={mount} />;\n};\n\nconst DefaultInbox = withRenderer(_DefaultInbox);\n\nexport const Inbox = React.memo((props: InboxProps) => {\n const { applicationIdentifier,
|
|
1
|
+
{"version":3,"sources":["../../../src/components/Inbox.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { Subscriber } from '@novu/js';\nimport { DefaultProps, DefaultInboxProps, WithChildrenProps } from '../utils/types';\nimport { Mounter } from './Mounter';\nimport { useNovuUI } from '../context/NovuUIContext';\nimport { useRenderer } from '../context/RendererContext';\nimport { InternalNovuProvider, useNovu, useUnsafeNovu } from '../hooks/NovuProvider';\nimport { NovuUI } from './NovuUI';\nimport { withRenderer } from './Renderer';\n\nexport type InboxProps = DefaultProps | WithChildrenProps;\n\nconst _DefaultInbox = (props: DefaultInboxProps) => {\n const {\n open,\n renderNotification,\n renderSubject,\n renderBody,\n renderBell,\n onNotificationClick,\n onPrimaryActionClick,\n onSecondaryActionClick,\n placement,\n placementOffset,\n } = props;\n const { novuUI } = useNovuUI();\n const { mountElement } = useRenderer();\n\n const mount = React.useCallback(\n (element: HTMLElement) => {\n if (renderNotification) {\n return novuUI.mountComponent({\n name: 'Inbox',\n props: {\n open,\n renderNotification: renderNotification\n ? (el, notification) => mountElement(el, renderNotification(notification))\n : undefined,\n renderBell: renderBell ? (el, unreadCount) => mountElement(el, renderBell(unreadCount)) : undefined,\n onNotificationClick,\n onPrimaryActionClick,\n onSecondaryActionClick,\n placementOffset,\n placement,\n },\n element,\n });\n }\n\n return novuUI.mountComponent({\n name: 'Inbox',\n props: {\n open,\n renderSubject: renderSubject\n ? (el, notification) => mountElement(el, renderSubject(notification))\n : undefined,\n renderBody: renderBody ? (el, notification) => mountElement(el, renderBody(notification)) : undefined,\n renderBell: renderBell ? (el, unreadCount) => mountElement(el, renderBell(unreadCount)) : undefined,\n onNotificationClick,\n onPrimaryActionClick,\n onSecondaryActionClick,\n placementOffset,\n placement,\n },\n element,\n });\n },\n [\n open,\n renderNotification,\n renderSubject,\n renderBody,\n renderBell,\n onNotificationClick,\n onPrimaryActionClick,\n onSecondaryActionClick,\n ]\n );\n\n return <Mounter mount={mount} />;\n};\n\nconst DefaultInbox = withRenderer(_DefaultInbox);\n\nexport const Inbox = React.memo((props: InboxProps) => {\n const { applicationIdentifier, subscriberHash, backendUrl, socketUrl } = props;\n const novu = useUnsafeNovu();\n\n if (novu) {\n return <InboxChild {...props} />;\n }\n\n return (\n <InternalNovuProvider\n applicationIdentifier={applicationIdentifier}\n subscriberHash={subscriberHash}\n backendUrl={backendUrl}\n socketUrl={socketUrl}\n subscriber={buildSubscriber(props)}\n userAgentType=\"components\"\n >\n <InboxChild {...props} />\n </InternalNovuProvider>\n );\n});\n\nconst InboxChild = React.memo((props: InboxProps) => {\n const {\n localization,\n appearance,\n tabs,\n preferencesFilter,\n routerPush,\n applicationIdentifier,\n subscriberId,\n subscriberHash,\n backendUrl,\n socketUrl,\n } = props;\n const novu = useNovu();\n\n const options = useMemo(() => {\n return {\n localization,\n appearance,\n tabs,\n preferencesFilter,\n routerPush,\n options: {\n applicationIdentifier,\n subscriberHash,\n backendUrl,\n socketUrl,\n subscriber: buildSubscriber(props),\n },\n };\n }, [\n localization,\n appearance,\n tabs,\n preferencesFilter,\n applicationIdentifier,\n subscriberId,\n subscriberHash,\n backendUrl,\n socketUrl,\n props.subscriber,\n ]);\n\n if (isWithChildrenProps(props)) {\n return (\n <NovuUI options={options} novu={novu}>\n {props.children}\n </NovuUI>\n );\n }\n\n const {\n open,\n renderNotification,\n renderSubject,\n renderBody,\n renderBell,\n onNotificationClick,\n onPrimaryActionClick,\n onSecondaryActionClick,\n placementOffset,\n placement,\n } = props;\n\n return (\n <NovuUI options={options} novu={novu}>\n <DefaultInbox\n open={open}\n renderNotification={renderNotification}\n renderSubject={renderSubject}\n renderBody={renderBody}\n renderBell={renderBell}\n onNotificationClick={onNotificationClick}\n onPrimaryActionClick={onPrimaryActionClick}\n onSecondaryActionClick={onSecondaryActionClick}\n placement={placement}\n placementOffset={placementOffset}\n />\n </NovuUI>\n );\n});\n\nfunction isWithChildrenProps(props: InboxProps): props is WithChildrenProps {\n return 'children' in props;\n}\n\nfunction buildSubscriber(options: InboxProps): Subscriber {\n let subscriberObj: Subscriber;\n\n if (options.subscriber) {\n subscriberObj = typeof options.subscriber === 'string' ? { subscriberId: options.subscriber } : options.subscriber;\n } else {\n subscriberObj = { subscriberId: options.subscriberId as string };\n }\n\n return subscriberObj;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA+B;AAG/B,qBAAwB;AACxB,2BAA0B;AAC1B,6BAA4B;AAC5B,0BAA6D;AAC7D,oBAAuB;AACvB,sBAA6B;AAuEpB;AAnET,IAAM,gBAAgB,CAAC,UAA6B;AAClD,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AACJ,QAAM,EAAE,OAAO,QAAI,gCAAU;AAC7B,QAAM,EAAE,aAAa,QAAI,oCAAY;AAErC,QAAM,QAAQ,aAAAA,QAAM;AAAA,IAClB,CAAC,YAAyB;AACxB,UAAI,oBAAoB;AACtB,eAAO,OAAO,eAAe;AAAA,UAC3B,MAAM;AAAA,UACN,OAAO;AAAA,YACL;AAAA,YACA,oBAAoB,qBAChB,CAAC,IAAI,iBAAiB,aAAa,IAAI,mBAAmB,YAAY,CAAC,IACvE;AAAA,YACJ,YAAY,aAAa,CAAC,IAAI,gBAAgB,aAAa,IAAI,WAAW,WAAW,CAAC,IAAI;AAAA,YAC1F;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,UACF;AAAA,UACA;AAAA,QACF,CAAC;AAAA,MACH;AAEA,aAAO,OAAO,eAAe;AAAA,QAC3B,MAAM;AAAA,QACN,OAAO;AAAA,UACL;AAAA,UACA,eAAe,gBACX,CAAC,IAAI,iBAAiB,aAAa,IAAI,cAAc,YAAY,CAAC,IAClE;AAAA,UACJ,YAAY,aAAa,CAAC,IAAI,iBAAiB,aAAa,IAAI,WAAW,YAAY,CAAC,IAAI;AAAA,UAC5F,YAAY,aAAa,CAAC,IAAI,gBAAgB,aAAa,IAAI,WAAW,WAAW,CAAC,IAAI;AAAA,UAC1F;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAAA,QACA;AAAA,MACF,CAAC;AAAA,IACH;AAAA,IACA;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AAEA,SAAO,4CAAC,0BAAQ,OAAc;AAChC;AAEA,IAAM,mBAAe,8BAAa,aAAa;AAExC,IAAM,QAAQ,aAAAA,QAAM,KAAK,CAAC,UAAsB;AACrD,QAAM,EAAE,uBAAuB,gBAAgB,YAAY,UAAU,IAAI;AACzE,QAAM,WAAO,mCAAc;AAE3B,MAAI,MAAM;AACR,WAAO,4CAAC,cAAY,GAAG,OAAO;AAAA,EAChC;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,YAAY,gBAAgB,KAAK;AAAA,MACjC,eAAc;AAAA,MAEd,sDAAC,cAAY,GAAG,OAAO;AAAA;AAAA,EACzB;AAEJ,CAAC;AAED,IAAM,aAAa,aAAAA,QAAM,KAAK,CAAC,UAAsB;AACnD,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AACJ,QAAM,WAAO,6BAAQ;AAErB,QAAM,cAAU,sBAAQ,MAAM;AAC5B,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,SAAS;AAAA,QACP;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,YAAY,gBAAgB,KAAK;AAAA,MACnC;AAAA,IACF;AAAA,EACF,GAAG;AAAA,IACD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,MAAM;AAAA,EACR,CAAC;AAED,MAAI,oBAAoB,KAAK,GAAG;AAC9B,WACE,4CAAC,wBAAO,SAAkB,MACvB,gBAAM,UACT;AAAA,EAEJ;AAEA,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AAEJ,SACE,4CAAC,wBAAO,SAAkB,MACxB;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,EACF,GACF;AAEJ,CAAC;AAED,SAAS,oBAAoB,OAA+C;AAC1E,SAAO,cAAc;AACvB;AAEA,SAAS,gBAAgB,SAAiC;AACxD,MAAI;AAEJ,MAAI,QAAQ,YAAY;AACtB,oBAAgB,OAAO,QAAQ,eAAe,WAAW,EAAE,cAAc,QAAQ,WAAW,IAAI,QAAQ;AAAA,EAC1G,OAAO;AACL,oBAAgB,EAAE,cAAc,QAAQ,aAAuB;AAAA,EACjE;AAEA,SAAO;AACT;","names":["React"]}
|
|
@@ -2,6 +2,7 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
|
2
2
|
import React__default from 'react';
|
|
3
3
|
import { DefaultProps, WithChildrenProps } from '../utils/types.cjs';
|
|
4
4
|
import '@novu/js/ui';
|
|
5
|
+
import '@novu/js';
|
|
5
6
|
|
|
6
7
|
type InboxProps = DefaultProps | WithChildrenProps;
|
|
7
8
|
declare const Inbox: React__default.MemoExoticComponent<(props: InboxProps) => react_jsx_runtime.JSX.Element>;
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import React__default from 'react';
|
|
2
2
|
import { NotificationClickHandler, NotificationActionClickHandler, InboxPage } from '@novu/js/ui';
|
|
3
3
|
import { NotificationRendererProps, SubjectBodyRendererProps, NoRendererProps } from '../utils/types.cjs';
|
|
4
|
+
import '@novu/js';
|
|
4
5
|
|
|
5
6
|
type InboxContentProps = {
|
|
6
7
|
onNotificationClick?: NotificationClickHandler;
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import React__default from 'react';
|
|
2
2
|
import { NotificationClickHandler, NotificationActionClickHandler } from '@novu/js/ui';
|
|
3
3
|
import { NotificationRendererProps, SubjectBodyRendererProps, NoRendererProps } from '../utils/types.cjs';
|
|
4
|
+
import '@novu/js';
|
|
4
5
|
|
|
5
6
|
type NotificationProps = {
|
|
6
7
|
onNotificationClick?: NotificationClickHandler;
|
|
@@ -29,7 +29,7 @@ module.exports = __toCommonJS(NovuProvider_exports);
|
|
|
29
29
|
var import_js = require("@novu/js");
|
|
30
30
|
var import_react = require("react");
|
|
31
31
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
32
|
-
var version = "3.
|
|
32
|
+
var version = "3.2.0";
|
|
33
33
|
var name = "@novu/react";
|
|
34
34
|
var baseUserAgent = `${name}@${version}`;
|
|
35
35
|
var NovuContext = (0, import_react.createContext)(void 0);
|
|
@@ -41,19 +41,20 @@ var NovuProvider = ({
|
|
|
41
41
|
backendUrl,
|
|
42
42
|
apiUrl,
|
|
43
43
|
socketUrl,
|
|
44
|
-
useCache
|
|
44
|
+
useCache,
|
|
45
|
+
subscriber
|
|
45
46
|
}) => {
|
|
46
47
|
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
47
48
|
InternalNovuProvider,
|
|
48
49
|
{
|
|
49
50
|
applicationIdentifier,
|
|
50
|
-
subscriberId,
|
|
51
51
|
subscriberHash,
|
|
52
52
|
backendUrl,
|
|
53
53
|
apiUrl,
|
|
54
54
|
socketUrl,
|
|
55
55
|
useCache,
|
|
56
56
|
userAgentType: "hooks",
|
|
57
|
+
subscriber: buildSubscriber(subscriberId, subscriber),
|
|
57
58
|
children
|
|
58
59
|
}
|
|
59
60
|
);
|
|
@@ -67,20 +68,31 @@ var InternalNovuProvider = ({
|
|
|
67
68
|
apiUrl,
|
|
68
69
|
socketUrl,
|
|
69
70
|
useCache,
|
|
71
|
+
subscriber,
|
|
70
72
|
userAgentType
|
|
71
73
|
}) => {
|
|
72
74
|
const novu = (0, import_react.useMemo)(
|
|
73
75
|
() => new import_js.Novu({
|
|
74
76
|
applicationIdentifier,
|
|
75
|
-
subscriberId,
|
|
76
77
|
subscriberHash,
|
|
77
78
|
backendUrl,
|
|
78
79
|
apiUrl,
|
|
79
80
|
socketUrl,
|
|
80
81
|
useCache,
|
|
81
|
-
__userAgent: `${baseUserAgent} ${userAgentType}
|
|
82
|
+
__userAgent: `${baseUserAgent} ${userAgentType}`,
|
|
83
|
+
...subscriber ? { subscriber } : { subscriberId }
|
|
82
84
|
}),
|
|
83
|
-
[
|
|
85
|
+
[
|
|
86
|
+
applicationIdentifier,
|
|
87
|
+
subscriberId,
|
|
88
|
+
subscriberHash,
|
|
89
|
+
backendUrl,
|
|
90
|
+
apiUrl,
|
|
91
|
+
socketUrl,
|
|
92
|
+
useCache,
|
|
93
|
+
subscriber,
|
|
94
|
+
userAgentType
|
|
95
|
+
]
|
|
84
96
|
);
|
|
85
97
|
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(NovuContext.Provider, { value: novu, children });
|
|
86
98
|
};
|
|
@@ -95,6 +107,15 @@ var useUnsafeNovu = () => {
|
|
|
95
107
|
const context = (0, import_react.useContext)(NovuContext);
|
|
96
108
|
return context;
|
|
97
109
|
};
|
|
110
|
+
function buildSubscriber(subscriberId, subscriber) {
|
|
111
|
+
let subscriberObj;
|
|
112
|
+
if (subscriber) {
|
|
113
|
+
subscriberObj = typeof subscriber === "string" ? { subscriberId: subscriber } : subscriber;
|
|
114
|
+
} else {
|
|
115
|
+
subscriberObj = { subscriberId };
|
|
116
|
+
}
|
|
117
|
+
return subscriberObj;
|
|
118
|
+
}
|
|
98
119
|
// Annotate the CommonJS export names for ESM import in node:
|
|
99
120
|
0 && (module.exports = {
|
|
100
121
|
InternalNovuProvider,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/hooks/NovuProvider.tsx"],"sourcesContent":["import { Novu, NovuOptions } from '@novu/js';\nimport { ReactNode, createContext, useContext, useMemo } from 'react';\n\n// @ts-ignore\nconst version = PACKAGE_VERSION;\n// @ts-ignore\nconst name = PACKAGE_NAME;\nconst baseUserAgent = `${name}@${version}`;\n\nexport type NovuProviderProps = NovuOptions & {\n children: ReactNode;\n};\n\nconst NovuContext = createContext<Novu | undefined>(undefined);\n\nexport const NovuProvider = ({\n children,\n applicationIdentifier,\n subscriberId,\n subscriberHash,\n backendUrl,\n apiUrl,\n socketUrl,\n useCache,\n}: NovuProviderProps) => {\n return (\n <InternalNovuProvider\n applicationIdentifier={applicationIdentifier}\n
|
|
1
|
+
{"version":3,"sources":["../../../src/hooks/NovuProvider.tsx"],"sourcesContent":["import { Novu, NovuOptions, Subscriber } from '@novu/js';\nimport { ReactNode, createContext, useContext, useMemo } from 'react';\n\n// @ts-ignore\nconst version = PACKAGE_VERSION;\n// @ts-ignore\nconst name = PACKAGE_NAME;\nconst baseUserAgent = `${name}@${version}`;\n\nexport type NovuProviderProps = NovuOptions & {\n children: ReactNode;\n};\n\nconst NovuContext = createContext<Novu | undefined>(undefined);\n\nexport const NovuProvider = ({\n children,\n applicationIdentifier,\n subscriberId,\n subscriberHash,\n backendUrl,\n apiUrl,\n socketUrl,\n useCache,\n subscriber,\n}: NovuProviderProps) => {\n return (\n <InternalNovuProvider\n applicationIdentifier={applicationIdentifier}\n subscriberHash={subscriberHash}\n backendUrl={backendUrl}\n apiUrl={apiUrl}\n socketUrl={socketUrl}\n useCache={useCache}\n userAgentType=\"hooks\"\n subscriber={buildSubscriber(subscriberId, subscriber)}\n >\n {children}\n </InternalNovuProvider>\n );\n};\n\n/**\n * @internal Should be used internally not to be exposed outside of the library\n * This is needed to differentiate between the hooks and components user agents\n * Better to use this internally to avoid confusion.\n */\nexport const InternalNovuProvider = ({\n children,\n applicationIdentifier,\n subscriberId,\n subscriberHash,\n backendUrl,\n apiUrl,\n socketUrl,\n useCache,\n subscriber,\n userAgentType,\n}: NovuProviderProps & { userAgentType: 'components' | 'hooks' }) => {\n const novu = useMemo(\n () =>\n new Novu({\n applicationIdentifier,\n subscriberHash,\n backendUrl,\n apiUrl,\n socketUrl,\n useCache,\n __userAgent: `${baseUserAgent} ${userAgentType}`,\n ...(subscriber ? { subscriber } : { subscriberId: subscriberId as string }),\n }),\n [\n applicationIdentifier,\n subscriberId,\n subscriberHash,\n backendUrl,\n apiUrl,\n socketUrl,\n useCache,\n subscriber,\n userAgentType,\n ]\n );\n\n return <NovuContext.Provider value={novu}>{children}</NovuContext.Provider>;\n};\n\nexport const useNovu = () => {\n const context = useContext(NovuContext);\n if (!context) {\n throw new Error('useNovu must be used within a <NovuProvider />');\n }\n\n return context;\n};\n\nexport const useUnsafeNovu = () => {\n const context = useContext(NovuContext);\n\n return context;\n};\n\nfunction buildSubscriber(subscriberId: string | undefined, subscriber: Subscriber | string | undefined): Subscriber {\n let subscriberObj: Subscriber;\n\n if (subscriber) {\n subscriberObj = typeof subscriber === 'string' ? { subscriberId: subscriber } : subscriber;\n } else {\n subscriberObj = { subscriberId: subscriberId as string };\n }\n\n return subscriberObj;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAA8C;AAC9C,mBAA8D;AA0B1D;AAvBJ,IAAM,UAAU;AAEhB,IAAM,OAAO;AACb,IAAM,gBAAgB,GAAG,IAAI,IAAI,OAAO;AAMxC,IAAM,kBAAc,4BAAgC,MAAS;AAEtD,IAAM,eAAe,CAAC;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAyB;AACvB,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,eAAc;AAAA,MACd,YAAY,gBAAgB,cAAc,UAAU;AAAA,MAEnD;AAAA;AAAA,EACH;AAEJ;AAOO,IAAM,uBAAuB,CAAC;AAAA,EACnC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAqE;AACnE,QAAM,WAAO;AAAA,IACX,MACE,IAAI,eAAK;AAAA,MACP;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,aAAa,GAAG,aAAa,IAAI,aAAa;AAAA,MAC9C,GAAI,aAAa,EAAE,WAAW,IAAI,EAAE,aAAqC;AAAA,IAC3E,CAAC;AAAA,IACH;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AAEA,SAAO,4CAAC,YAAY,UAAZ,EAAqB,OAAO,MAAO,UAAS;AACtD;AAEO,IAAM,UAAU,MAAM;AAC3B,QAAM,cAAU,yBAAW,WAAW;AACtC,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI,MAAM,gDAAgD;AAAA,EAClE;AAEA,SAAO;AACT;AAEO,IAAM,gBAAgB,MAAM;AACjC,QAAM,cAAU,yBAAW,WAAW;AAEtC,SAAO;AACT;AAEA,SAAS,gBAAgB,cAAkC,YAAyD;AAClH,MAAI;AAEJ,MAAI,YAAY;AACd,oBAAgB,OAAO,eAAe,WAAW,EAAE,cAAc,WAAW,IAAI;AAAA,EAClF,OAAO;AACL,oBAAgB,EAAE,aAAqC;AAAA,EACzD;AAEA,SAAO;AACT;","names":[]}
|
|
@@ -5,13 +5,13 @@ import { ReactNode } from 'react';
|
|
|
5
5
|
type NovuProviderProps = NovuOptions & {
|
|
6
6
|
children: ReactNode;
|
|
7
7
|
};
|
|
8
|
-
declare const NovuProvider: ({ children, applicationIdentifier, subscriberId, subscriberHash, backendUrl, apiUrl, socketUrl, useCache, }: NovuProviderProps) => react_jsx_runtime.JSX.Element;
|
|
8
|
+
declare const NovuProvider: ({ children, applicationIdentifier, subscriberId, subscriberHash, backendUrl, apiUrl, socketUrl, useCache, subscriber, }: NovuProviderProps) => react_jsx_runtime.JSX.Element;
|
|
9
9
|
/**
|
|
10
10
|
* @internal Should be used internally not to be exposed outside of the library
|
|
11
11
|
* This is needed to differentiate between the hooks and components user agents
|
|
12
12
|
* Better to use this internally to avoid confusion.
|
|
13
13
|
*/
|
|
14
|
-
declare const InternalNovuProvider: ({ children, applicationIdentifier, subscriberId, subscriberHash, backendUrl, apiUrl, socketUrl, useCache, userAgentType, }: NovuProviderProps & {
|
|
14
|
+
declare const InternalNovuProvider: ({ children, applicationIdentifier, subscriberId, subscriberHash, backendUrl, apiUrl, socketUrl, useCache, subscriber, userAgentType, }: NovuProviderProps & {
|
|
15
15
|
userAgentType: "components" | "hooks";
|
|
16
16
|
}) => react_jsx_runtime.JSX.Element;
|
|
17
17
|
declare const useNovu: () => Novu;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/utils/types.ts"],"sourcesContent":["import type {\n Notification,\n NotificationClickHandler,\n NotificationActionClickHandler,\n Tab,\n Appearance,\n Localization,\n RouterPush,\n PreferencesFilter,\n InboxProps,\n} from '@novu/js/ui';\n\nexport type NotificationsRenderer = (notification: Notification) => React.ReactNode;\nexport type SubjectRenderer = (notification: Notification) => React.ReactNode;\nexport type BodyRenderer = (notification: Notification) => React.ReactNode;\nexport type BellRenderer = (unreadCount: number) => React.ReactNode;\n\nexport type DefaultInboxProps = {\n open?: boolean;\n renderNotification?: NotificationsRenderer;\n renderSubject?: SubjectRenderer;\n renderBody?: BodyRenderer;\n renderBell?: BellRenderer;\n onNotificationClick?: NotificationClickHandler;\n onPrimaryActionClick?: NotificationActionClickHandler;\n onSecondaryActionClick?: NotificationActionClickHandler;\n placement?: InboxProps['placement'];\n placementOffset?: InboxProps['placementOffset'];\n};\n\nexport type BaseProps = {\n applicationIdentifier: string;\n
|
|
1
|
+
{"version":3,"sources":["../../../src/utils/types.ts"],"sourcesContent":["import type {\n Notification,\n NotificationClickHandler,\n NotificationActionClickHandler,\n Tab,\n Appearance,\n Localization,\n RouterPush,\n PreferencesFilter,\n InboxProps,\n} from '@novu/js/ui';\nimport type { Subscriber } from '@novu/js';\n\nexport type NotificationsRenderer = (notification: Notification) => React.ReactNode;\nexport type SubjectRenderer = (notification: Notification) => React.ReactNode;\nexport type BodyRenderer = (notification: Notification) => React.ReactNode;\nexport type BellRenderer = (unreadCount: number) => React.ReactNode;\n\nexport type DefaultInboxProps = {\n open?: boolean;\n renderNotification?: NotificationsRenderer;\n renderSubject?: SubjectRenderer;\n renderBody?: BodyRenderer;\n renderBell?: BellRenderer;\n onNotificationClick?: NotificationClickHandler;\n onPrimaryActionClick?: NotificationActionClickHandler;\n onSecondaryActionClick?: NotificationActionClickHandler;\n placement?: InboxProps['placement'];\n placementOffset?: InboxProps['placementOffset'];\n};\n\nexport type BaseProps = {\n applicationIdentifier: string;\n subscriberHash?: string;\n backendUrl?: string;\n socketUrl?: string;\n appearance?: Appearance;\n localization?: Localization;\n tabs?: Array<Tab>;\n preferencesFilter?: PreferencesFilter;\n routerPush?: RouterPush;\n} & (\n | {\n // TODO: Backward compatibility support - remove in future versions (see NV-5801)\n /** @deprecated Use subscriber prop instead */\n subscriberId: string;\n subscriber?: never;\n }\n | {\n subscriber: Subscriber | string;\n subscriberId?: never;\n }\n);\n\nexport type NotificationRendererProps = {\n renderNotification: NotificationsRenderer;\n renderSubject?: never;\n renderBody?: never;\n};\n\nexport type SubjectBodyRendererProps = {\n renderNotification?: never;\n renderSubject?: SubjectRenderer;\n renderBody?: BodyRenderer;\n};\n\nexport type NoRendererProps = {\n renderNotification?: undefined;\n renderSubject?: undefined;\n renderBody?: undefined;\n};\n\nexport type DefaultProps = BaseProps &\n DefaultInboxProps & {\n children?: never;\n } & (NotificationRendererProps | SubjectBodyRendererProps | NoRendererProps);\n\nexport type WithChildrenProps = BaseProps & {\n children: React.ReactNode;\n};\n"],"mappings":";;;;;;;;;;;;;;;;AAAA;AAAA;","names":[]}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { Notification, NotificationClickHandler, NotificationActionClickHandler, InboxProps, Appearance, Localization, Tab, PreferencesFilter, RouterPush } from '@novu/js/ui';
|
|
2
|
+
import { Subscriber } from '@novu/js';
|
|
2
3
|
|
|
3
4
|
type NotificationsRenderer = (notification: Notification) => React.ReactNode;
|
|
4
5
|
type SubjectRenderer = (notification: Notification) => React.ReactNode;
|
|
@@ -18,7 +19,6 @@ type DefaultInboxProps = {
|
|
|
18
19
|
};
|
|
19
20
|
type BaseProps = {
|
|
20
21
|
applicationIdentifier: string;
|
|
21
|
-
subscriberId: string;
|
|
22
22
|
subscriberHash?: string;
|
|
23
23
|
backendUrl?: string;
|
|
24
24
|
socketUrl?: string;
|
|
@@ -27,7 +27,14 @@ type BaseProps = {
|
|
|
27
27
|
tabs?: Array<Tab>;
|
|
28
28
|
preferencesFilter?: PreferencesFilter;
|
|
29
29
|
routerPush?: RouterPush;
|
|
30
|
-
}
|
|
30
|
+
} & ({
|
|
31
|
+
/** @deprecated Use subscriber prop instead */
|
|
32
|
+
subscriberId: string;
|
|
33
|
+
subscriber?: never;
|
|
34
|
+
} | {
|
|
35
|
+
subscriber: Subscriber | string;
|
|
36
|
+
subscriberId?: never;
|
|
37
|
+
});
|
|
31
38
|
type NotificationRendererProps = {
|
|
32
39
|
renderNotification: NotificationsRenderer;
|
|
33
40
|
renderSubject?: never;
|
|
@@ -2,6 +2,7 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
|
2
2
|
import React__default from 'react';
|
|
3
3
|
import { DefaultProps, WithChildrenProps } from '../utils/types.js';
|
|
4
4
|
import '@novu/js/ui';
|
|
5
|
+
import '@novu/js';
|
|
5
6
|
|
|
6
7
|
type InboxProps = DefaultProps | WithChildrenProps;
|
|
7
8
|
declare const Inbox: React__default.MemoExoticComponent<(props: InboxProps) => react_jsx_runtime.JSX.Element>;
|
|
@@ -71,7 +71,7 @@ var _DefaultInbox = (props) => {
|
|
|
71
71
|
};
|
|
72
72
|
var DefaultInbox = withRenderer(_DefaultInbox);
|
|
73
73
|
var Inbox = React.memo((props) => {
|
|
74
|
-
const { applicationIdentifier,
|
|
74
|
+
const { applicationIdentifier, subscriberHash, backendUrl, socketUrl } = props;
|
|
75
75
|
const novu = useUnsafeNovu();
|
|
76
76
|
if (novu) {
|
|
77
77
|
return /* @__PURE__ */ jsx(InboxChild, { ...props });
|
|
@@ -80,10 +80,10 @@ var Inbox = React.memo((props) => {
|
|
|
80
80
|
InternalNovuProvider,
|
|
81
81
|
{
|
|
82
82
|
applicationIdentifier,
|
|
83
|
-
subscriberId,
|
|
84
83
|
subscriberHash,
|
|
85
84
|
backendUrl,
|
|
86
85
|
socketUrl,
|
|
86
|
+
subscriber: buildSubscriber(props),
|
|
87
87
|
userAgentType: "components",
|
|
88
88
|
children: /* @__PURE__ */ jsx(InboxChild, { ...props })
|
|
89
89
|
}
|
|
@@ -110,7 +110,13 @@ var InboxChild = React.memo((props) => {
|
|
|
110
110
|
tabs,
|
|
111
111
|
preferencesFilter,
|
|
112
112
|
routerPush,
|
|
113
|
-
options: {
|
|
113
|
+
options: {
|
|
114
|
+
applicationIdentifier,
|
|
115
|
+
subscriberHash,
|
|
116
|
+
backendUrl,
|
|
117
|
+
socketUrl,
|
|
118
|
+
subscriber: buildSubscriber(props)
|
|
119
|
+
}
|
|
114
120
|
};
|
|
115
121
|
}, [
|
|
116
122
|
localization,
|
|
@@ -121,7 +127,8 @@ var InboxChild = React.memo((props) => {
|
|
|
121
127
|
subscriberId,
|
|
122
128
|
subscriberHash,
|
|
123
129
|
backendUrl,
|
|
124
|
-
socketUrl
|
|
130
|
+
socketUrl,
|
|
131
|
+
props.subscriber
|
|
125
132
|
]);
|
|
126
133
|
if (isWithChildrenProps(props)) {
|
|
127
134
|
return /* @__PURE__ */ jsx(NovuUI, { options, novu, children: props.children });
|
|
@@ -157,6 +164,15 @@ var InboxChild = React.memo((props) => {
|
|
|
157
164
|
function isWithChildrenProps(props) {
|
|
158
165
|
return "children" in props;
|
|
159
166
|
}
|
|
167
|
+
function buildSubscriber(options) {
|
|
168
|
+
let subscriberObj;
|
|
169
|
+
if (options.subscriber) {
|
|
170
|
+
subscriberObj = typeof options.subscriber === "string" ? { subscriberId: options.subscriber } : options.subscriber;
|
|
171
|
+
} else {
|
|
172
|
+
subscriberObj = { subscriberId: options.subscriberId };
|
|
173
|
+
}
|
|
174
|
+
return subscriberObj;
|
|
175
|
+
}
|
|
160
176
|
export {
|
|
161
177
|
Inbox
|
|
162
178
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/Inbox.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { DefaultProps, DefaultInboxProps, WithChildrenProps } from '../utils/types';\nimport { Mounter } from './Mounter';\nimport { useNovuUI } from '../context/NovuUIContext';\nimport { useRenderer } from '../context/RendererContext';\nimport { InternalNovuProvider, useNovu, useUnsafeNovu } from '../hooks/NovuProvider';\nimport { NovuUI } from './NovuUI';\nimport { withRenderer } from './Renderer';\n\nexport type InboxProps = DefaultProps | WithChildrenProps;\n\nconst _DefaultInbox = (props: DefaultInboxProps) => {\n const {\n open,\n renderNotification,\n renderSubject,\n renderBody,\n renderBell,\n onNotificationClick,\n onPrimaryActionClick,\n onSecondaryActionClick,\n placement,\n placementOffset,\n } = props;\n const { novuUI } = useNovuUI();\n const { mountElement } = useRenderer();\n\n const mount = React.useCallback(\n (element: HTMLElement) => {\n if (renderNotification) {\n return novuUI.mountComponent({\n name: 'Inbox',\n props: {\n open,\n renderNotification: renderNotification\n ? (el, notification) => mountElement(el, renderNotification(notification))\n : undefined,\n renderBell: renderBell ? (el, unreadCount) => mountElement(el, renderBell(unreadCount)) : undefined,\n onNotificationClick,\n onPrimaryActionClick,\n onSecondaryActionClick,\n placementOffset,\n placement,\n },\n element,\n });\n }\n\n return novuUI.mountComponent({\n name: 'Inbox',\n props: {\n open,\n renderSubject: renderSubject\n ? (el, notification) => mountElement(el, renderSubject(notification))\n : undefined,\n renderBody: renderBody ? (el, notification) => mountElement(el, renderBody(notification)) : undefined,\n renderBell: renderBell ? (el, unreadCount) => mountElement(el, renderBell(unreadCount)) : undefined,\n onNotificationClick,\n onPrimaryActionClick,\n onSecondaryActionClick,\n placementOffset,\n placement,\n },\n element,\n });\n },\n [\n open,\n renderNotification,\n renderSubject,\n renderBody,\n renderBell,\n onNotificationClick,\n onPrimaryActionClick,\n onSecondaryActionClick,\n ]\n );\n\n return <Mounter mount={mount} />;\n};\n\nconst DefaultInbox = withRenderer(_DefaultInbox);\n\nexport const Inbox = React.memo((props: InboxProps) => {\n const { applicationIdentifier,
|
|
1
|
+
{"version":3,"sources":["../../../src/components/Inbox.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { Subscriber } from '@novu/js';\nimport { DefaultProps, DefaultInboxProps, WithChildrenProps } from '../utils/types';\nimport { Mounter } from './Mounter';\nimport { useNovuUI } from '../context/NovuUIContext';\nimport { useRenderer } from '../context/RendererContext';\nimport { InternalNovuProvider, useNovu, useUnsafeNovu } from '../hooks/NovuProvider';\nimport { NovuUI } from './NovuUI';\nimport { withRenderer } from './Renderer';\n\nexport type InboxProps = DefaultProps | WithChildrenProps;\n\nconst _DefaultInbox = (props: DefaultInboxProps) => {\n const {\n open,\n renderNotification,\n renderSubject,\n renderBody,\n renderBell,\n onNotificationClick,\n onPrimaryActionClick,\n onSecondaryActionClick,\n placement,\n placementOffset,\n } = props;\n const { novuUI } = useNovuUI();\n const { mountElement } = useRenderer();\n\n const mount = React.useCallback(\n (element: HTMLElement) => {\n if (renderNotification) {\n return novuUI.mountComponent({\n name: 'Inbox',\n props: {\n open,\n renderNotification: renderNotification\n ? (el, notification) => mountElement(el, renderNotification(notification))\n : undefined,\n renderBell: renderBell ? (el, unreadCount) => mountElement(el, renderBell(unreadCount)) : undefined,\n onNotificationClick,\n onPrimaryActionClick,\n onSecondaryActionClick,\n placementOffset,\n placement,\n },\n element,\n });\n }\n\n return novuUI.mountComponent({\n name: 'Inbox',\n props: {\n open,\n renderSubject: renderSubject\n ? (el, notification) => mountElement(el, renderSubject(notification))\n : undefined,\n renderBody: renderBody ? (el, notification) => mountElement(el, renderBody(notification)) : undefined,\n renderBell: renderBell ? (el, unreadCount) => mountElement(el, renderBell(unreadCount)) : undefined,\n onNotificationClick,\n onPrimaryActionClick,\n onSecondaryActionClick,\n placementOffset,\n placement,\n },\n element,\n });\n },\n [\n open,\n renderNotification,\n renderSubject,\n renderBody,\n renderBell,\n onNotificationClick,\n onPrimaryActionClick,\n onSecondaryActionClick,\n ]\n );\n\n return <Mounter mount={mount} />;\n};\n\nconst DefaultInbox = withRenderer(_DefaultInbox);\n\nexport const Inbox = React.memo((props: InboxProps) => {\n const { applicationIdentifier, subscriberHash, backendUrl, socketUrl } = props;\n const novu = useUnsafeNovu();\n\n if (novu) {\n return <InboxChild {...props} />;\n }\n\n return (\n <InternalNovuProvider\n applicationIdentifier={applicationIdentifier}\n subscriberHash={subscriberHash}\n backendUrl={backendUrl}\n socketUrl={socketUrl}\n subscriber={buildSubscriber(props)}\n userAgentType=\"components\"\n >\n <InboxChild {...props} />\n </InternalNovuProvider>\n );\n});\n\nconst InboxChild = React.memo((props: InboxProps) => {\n const {\n localization,\n appearance,\n tabs,\n preferencesFilter,\n routerPush,\n applicationIdentifier,\n subscriberId,\n subscriberHash,\n backendUrl,\n socketUrl,\n } = props;\n const novu = useNovu();\n\n const options = useMemo(() => {\n return {\n localization,\n appearance,\n tabs,\n preferencesFilter,\n routerPush,\n options: {\n applicationIdentifier,\n subscriberHash,\n backendUrl,\n socketUrl,\n subscriber: buildSubscriber(props),\n },\n };\n }, [\n localization,\n appearance,\n tabs,\n preferencesFilter,\n applicationIdentifier,\n subscriberId,\n subscriberHash,\n backendUrl,\n socketUrl,\n props.subscriber,\n ]);\n\n if (isWithChildrenProps(props)) {\n return (\n <NovuUI options={options} novu={novu}>\n {props.children}\n </NovuUI>\n );\n }\n\n const {\n open,\n renderNotification,\n renderSubject,\n renderBody,\n renderBell,\n onNotificationClick,\n onPrimaryActionClick,\n onSecondaryActionClick,\n placementOffset,\n placement,\n } = props;\n\n return (\n <NovuUI options={options} novu={novu}>\n <DefaultInbox\n open={open}\n renderNotification={renderNotification}\n renderSubject={renderSubject}\n renderBody={renderBody}\n renderBell={renderBell}\n onNotificationClick={onNotificationClick}\n onPrimaryActionClick={onPrimaryActionClick}\n onSecondaryActionClick={onSecondaryActionClick}\n placement={placement}\n placementOffset={placementOffset}\n />\n </NovuUI>\n );\n});\n\nfunction isWithChildrenProps(props: InboxProps): props is WithChildrenProps {\n return 'children' in props;\n}\n\nfunction buildSubscriber(options: InboxProps): Subscriber {\n let subscriberObj: Subscriber;\n\n if (options.subscriber) {\n subscriberObj = typeof options.subscriber === 'string' ? { subscriberId: options.subscriber } : options.subscriber;\n } else {\n subscriberObj = { subscriberId: options.subscriberId as string };\n }\n\n return subscriberObj;\n}\n"],"mappings":"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","names":[]}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import React__default from 'react';
|
|
2
2
|
import { NotificationClickHandler, NotificationActionClickHandler, InboxPage } from '@novu/js/ui';
|
|
3
3
|
import { NotificationRendererProps, SubjectBodyRendererProps, NoRendererProps } from '../utils/types.js';
|
|
4
|
+
import '@novu/js';
|
|
4
5
|
|
|
5
6
|
type InboxContentProps = {
|
|
6
7
|
onNotificationClick?: NotificationClickHandler;
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import React__default from 'react';
|
|
2
2
|
import { NotificationClickHandler, NotificationActionClickHandler } from '@novu/js/ui';
|
|
3
3
|
import { NotificationRendererProps, SubjectBodyRendererProps, NoRendererProps } from '../utils/types.js';
|
|
4
|
+
import '@novu/js';
|
|
4
5
|
|
|
5
6
|
type NotificationProps = {
|
|
6
7
|
onNotificationClick?: NotificationClickHandler;
|
|
@@ -5,13 +5,13 @@ import { ReactNode } from 'react';
|
|
|
5
5
|
type NovuProviderProps = NovuOptions & {
|
|
6
6
|
children: ReactNode;
|
|
7
7
|
};
|
|
8
|
-
declare const NovuProvider: ({ children, applicationIdentifier, subscriberId, subscriberHash, backendUrl, apiUrl, socketUrl, useCache, }: NovuProviderProps) => react_jsx_runtime.JSX.Element;
|
|
8
|
+
declare const NovuProvider: ({ children, applicationIdentifier, subscriberId, subscriberHash, backendUrl, apiUrl, socketUrl, useCache, subscriber, }: NovuProviderProps) => react_jsx_runtime.JSX.Element;
|
|
9
9
|
/**
|
|
10
10
|
* @internal Should be used internally not to be exposed outside of the library
|
|
11
11
|
* This is needed to differentiate between the hooks and components user agents
|
|
12
12
|
* Better to use this internally to avoid confusion.
|
|
13
13
|
*/
|
|
14
|
-
declare const InternalNovuProvider: ({ children, applicationIdentifier, subscriberId, subscriberHash, backendUrl, apiUrl, socketUrl, useCache, userAgentType, }: NovuProviderProps & {
|
|
14
|
+
declare const InternalNovuProvider: ({ children, applicationIdentifier, subscriberId, subscriberHash, backendUrl, apiUrl, socketUrl, useCache, subscriber, userAgentType, }: NovuProviderProps & {
|
|
15
15
|
userAgentType: "components" | "hooks";
|
|
16
16
|
}) => react_jsx_runtime.JSX.Element;
|
|
17
17
|
declare const useNovu: () => Novu;
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
import { Novu } from "@novu/js";
|
|
3
3
|
import { createContext, useContext, useMemo } from "react";
|
|
4
4
|
import { jsx } from "react/jsx-runtime";
|
|
5
|
-
var version = "3.
|
|
5
|
+
var version = "3.2.0";
|
|
6
6
|
var name = "@novu/react";
|
|
7
7
|
var baseUserAgent = `${name}@${version}`;
|
|
8
8
|
var NovuContext = createContext(void 0);
|
|
@@ -14,19 +14,20 @@ var NovuProvider = ({
|
|
|
14
14
|
backendUrl,
|
|
15
15
|
apiUrl,
|
|
16
16
|
socketUrl,
|
|
17
|
-
useCache
|
|
17
|
+
useCache,
|
|
18
|
+
subscriber
|
|
18
19
|
}) => {
|
|
19
20
|
return /* @__PURE__ */ jsx(
|
|
20
21
|
InternalNovuProvider,
|
|
21
22
|
{
|
|
22
23
|
applicationIdentifier,
|
|
23
|
-
subscriberId,
|
|
24
24
|
subscriberHash,
|
|
25
25
|
backendUrl,
|
|
26
26
|
apiUrl,
|
|
27
27
|
socketUrl,
|
|
28
28
|
useCache,
|
|
29
29
|
userAgentType: "hooks",
|
|
30
|
+
subscriber: buildSubscriber(subscriberId, subscriber),
|
|
30
31
|
children
|
|
31
32
|
}
|
|
32
33
|
);
|
|
@@ -40,20 +41,31 @@ var InternalNovuProvider = ({
|
|
|
40
41
|
apiUrl,
|
|
41
42
|
socketUrl,
|
|
42
43
|
useCache,
|
|
44
|
+
subscriber,
|
|
43
45
|
userAgentType
|
|
44
46
|
}) => {
|
|
45
47
|
const novu = useMemo(
|
|
46
48
|
() => new Novu({
|
|
47
49
|
applicationIdentifier,
|
|
48
|
-
subscriberId,
|
|
49
50
|
subscriberHash,
|
|
50
51
|
backendUrl,
|
|
51
52
|
apiUrl,
|
|
52
53
|
socketUrl,
|
|
53
54
|
useCache,
|
|
54
|
-
__userAgent: `${baseUserAgent} ${userAgentType}
|
|
55
|
+
__userAgent: `${baseUserAgent} ${userAgentType}`,
|
|
56
|
+
...subscriber ? { subscriber } : { subscriberId }
|
|
55
57
|
}),
|
|
56
|
-
[
|
|
58
|
+
[
|
|
59
|
+
applicationIdentifier,
|
|
60
|
+
subscriberId,
|
|
61
|
+
subscriberHash,
|
|
62
|
+
backendUrl,
|
|
63
|
+
apiUrl,
|
|
64
|
+
socketUrl,
|
|
65
|
+
useCache,
|
|
66
|
+
subscriber,
|
|
67
|
+
userAgentType
|
|
68
|
+
]
|
|
57
69
|
);
|
|
58
70
|
return /* @__PURE__ */ jsx(NovuContext.Provider, { value: novu, children });
|
|
59
71
|
};
|
|
@@ -68,6 +80,15 @@ var useUnsafeNovu = () => {
|
|
|
68
80
|
const context = useContext(NovuContext);
|
|
69
81
|
return context;
|
|
70
82
|
};
|
|
83
|
+
function buildSubscriber(subscriberId, subscriber) {
|
|
84
|
+
let subscriberObj;
|
|
85
|
+
if (subscriber) {
|
|
86
|
+
subscriberObj = typeof subscriber === "string" ? { subscriberId: subscriber } : subscriber;
|
|
87
|
+
} else {
|
|
88
|
+
subscriberObj = { subscriberId };
|
|
89
|
+
}
|
|
90
|
+
return subscriberObj;
|
|
91
|
+
}
|
|
71
92
|
export {
|
|
72
93
|
InternalNovuProvider,
|
|
73
94
|
NovuProvider,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/hooks/NovuProvider.tsx"],"sourcesContent":["import { Novu, NovuOptions } from '@novu/js';\nimport { ReactNode, createContext, useContext, useMemo } from 'react';\n\n// @ts-ignore\nconst version = PACKAGE_VERSION;\n// @ts-ignore\nconst name = PACKAGE_NAME;\nconst baseUserAgent = `${name}@${version}`;\n\nexport type NovuProviderProps = NovuOptions & {\n children: ReactNode;\n};\n\nconst NovuContext = createContext<Novu | undefined>(undefined);\n\nexport const NovuProvider = ({\n children,\n applicationIdentifier,\n subscriberId,\n subscriberHash,\n backendUrl,\n apiUrl,\n socketUrl,\n useCache,\n}: NovuProviderProps) => {\n return (\n <InternalNovuProvider\n applicationIdentifier={applicationIdentifier}\n
|
|
1
|
+
{"version":3,"sources":["../../../src/hooks/NovuProvider.tsx"],"sourcesContent":["import { Novu, NovuOptions, Subscriber } from '@novu/js';\nimport { ReactNode, createContext, useContext, useMemo } from 'react';\n\n// @ts-ignore\nconst version = PACKAGE_VERSION;\n// @ts-ignore\nconst name = PACKAGE_NAME;\nconst baseUserAgent = `${name}@${version}`;\n\nexport type NovuProviderProps = NovuOptions & {\n children: ReactNode;\n};\n\nconst NovuContext = createContext<Novu | undefined>(undefined);\n\nexport const NovuProvider = ({\n children,\n applicationIdentifier,\n subscriberId,\n subscriberHash,\n backendUrl,\n apiUrl,\n socketUrl,\n useCache,\n subscriber,\n}: NovuProviderProps) => {\n return (\n <InternalNovuProvider\n applicationIdentifier={applicationIdentifier}\n subscriberHash={subscriberHash}\n backendUrl={backendUrl}\n apiUrl={apiUrl}\n socketUrl={socketUrl}\n useCache={useCache}\n userAgentType=\"hooks\"\n subscriber={buildSubscriber(subscriberId, subscriber)}\n >\n {children}\n </InternalNovuProvider>\n );\n};\n\n/**\n * @internal Should be used internally not to be exposed outside of the library\n * This is needed to differentiate between the hooks and components user agents\n * Better to use this internally to avoid confusion.\n */\nexport const InternalNovuProvider = ({\n children,\n applicationIdentifier,\n subscriberId,\n subscriberHash,\n backendUrl,\n apiUrl,\n socketUrl,\n useCache,\n subscriber,\n userAgentType,\n}: NovuProviderProps & { userAgentType: 'components' | 'hooks' }) => {\n const novu = useMemo(\n () =>\n new Novu({\n applicationIdentifier,\n subscriberHash,\n backendUrl,\n apiUrl,\n socketUrl,\n useCache,\n __userAgent: `${baseUserAgent} ${userAgentType}`,\n ...(subscriber ? { subscriber } : { subscriberId: subscriberId as string }),\n }),\n [\n applicationIdentifier,\n subscriberId,\n subscriberHash,\n backendUrl,\n apiUrl,\n socketUrl,\n useCache,\n subscriber,\n userAgentType,\n ]\n );\n\n return <NovuContext.Provider value={novu}>{children}</NovuContext.Provider>;\n};\n\nexport const useNovu = () => {\n const context = useContext(NovuContext);\n if (!context) {\n throw new Error('useNovu must be used within a <NovuProvider />');\n }\n\n return context;\n};\n\nexport const useUnsafeNovu = () => {\n const context = useContext(NovuContext);\n\n return context;\n};\n\nfunction buildSubscriber(subscriberId: string | undefined, subscriber: Subscriber | string | undefined): Subscriber {\n let subscriberObj: Subscriber;\n\n if (subscriber) {\n subscriberObj = typeof subscriber === 'string' ? { subscriberId: subscriber } : subscriber;\n } else {\n subscriberObj = { subscriberId: subscriberId as string };\n }\n\n return subscriberObj;\n}\n"],"mappings":";AAAA,SAAS,YAAqC;AAC9C,SAAoB,eAAe,YAAY,eAAe;AA0B1D;AAvBJ,IAAM,UAAU;AAEhB,IAAM,OAAO;AACb,IAAM,gBAAgB,GAAG,IAAI,IAAI,OAAO;AAMxC,IAAM,cAAc,cAAgC,MAAS;AAEtD,IAAM,eAAe,CAAC;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAyB;AACvB,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,eAAc;AAAA,MACd,YAAY,gBAAgB,cAAc,UAAU;AAAA,MAEnD;AAAA;AAAA,EACH;AAEJ;AAOO,IAAM,uBAAuB,CAAC;AAAA,EACnC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAqE;AACnE,QAAM,OAAO;AAAA,IACX,MACE,IAAI,KAAK;AAAA,MACP;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,aAAa,GAAG,aAAa,IAAI,aAAa;AAAA,MAC9C,GAAI,aAAa,EAAE,WAAW,IAAI,EAAE,aAAqC;AAAA,IAC3E,CAAC;AAAA,IACH;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AAEA,SAAO,oBAAC,YAAY,UAAZ,EAAqB,OAAO,MAAO,UAAS;AACtD;AAEO,IAAM,UAAU,MAAM;AAC3B,QAAM,UAAU,WAAW,WAAW;AACtC,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI,MAAM,gDAAgD;AAAA,EAClE;AAEA,SAAO;AACT;AAEO,IAAM,gBAAgB,MAAM;AACjC,QAAM,UAAU,WAAW,WAAW;AAEtC,SAAO;AACT;AAEA,SAAS,gBAAgB,cAAkC,YAAyD;AAClH,MAAI;AAEJ,MAAI,YAAY;AACd,oBAAgB,OAAO,eAAe,WAAW,EAAE,cAAc,WAAW,IAAI;AAAA,EAClF,OAAO;AACL,oBAAgB,EAAE,aAAqC;AAAA,EACzD;AAEA,SAAO;AACT;","names":[]}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { Notification, NotificationClickHandler, NotificationActionClickHandler, InboxProps, Appearance, Localization, Tab, PreferencesFilter, RouterPush } from '@novu/js/ui';
|
|
2
|
+
import { Subscriber } from '@novu/js';
|
|
2
3
|
|
|
3
4
|
type NotificationsRenderer = (notification: Notification) => React.ReactNode;
|
|
4
5
|
type SubjectRenderer = (notification: Notification) => React.ReactNode;
|
|
@@ -18,7 +19,6 @@ type DefaultInboxProps = {
|
|
|
18
19
|
};
|
|
19
20
|
type BaseProps = {
|
|
20
21
|
applicationIdentifier: string;
|
|
21
|
-
subscriberId: string;
|
|
22
22
|
subscriberHash?: string;
|
|
23
23
|
backendUrl?: string;
|
|
24
24
|
socketUrl?: string;
|
|
@@ -27,7 +27,14 @@ type BaseProps = {
|
|
|
27
27
|
tabs?: Array<Tab>;
|
|
28
28
|
preferencesFilter?: PreferencesFilter;
|
|
29
29
|
routerPush?: RouterPush;
|
|
30
|
-
}
|
|
30
|
+
} & ({
|
|
31
|
+
/** @deprecated Use subscriber prop instead */
|
|
32
|
+
subscriberId: string;
|
|
33
|
+
subscriber?: never;
|
|
34
|
+
} | {
|
|
35
|
+
subscriber: Subscriber | string;
|
|
36
|
+
subscriberId?: never;
|
|
37
|
+
});
|
|
31
38
|
type NotificationRendererProps = {
|
|
32
39
|
renderNotification: NotificationsRenderer;
|
|
33
40
|
renderSubject?: never;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@novu/react",
|
|
3
|
-
"version": "3.
|
|
3
|
+
"version": "3.2.0",
|
|
4
4
|
"repository": {
|
|
5
5
|
"type": "git",
|
|
6
6
|
"url": "https://github.com/novuhq/novu",
|
|
@@ -110,7 +110,7 @@
|
|
|
110
110
|
}
|
|
111
111
|
},
|
|
112
112
|
"dependencies": {
|
|
113
|
-
"@novu/js": "3.
|
|
113
|
+
"@novu/js": "3.2.0"
|
|
114
114
|
},
|
|
115
115
|
"nx": {
|
|
116
116
|
"tags": [
|