@trycourier/courier-ui-inbox 1.0.14-beta → 1.0.16
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 +12 -6
- package/dist/index.js.map +1 -1
- package/dist/index.mjs.map +1 -1
- package/package.json +3 -3
package/README.md
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
## 1. Install
|
|
4
4
|
|
|
5
5
|
```sh
|
|
6
|
-
npm
|
|
6
|
+
npm install @trycourier/courier-ui-inbox
|
|
7
7
|
```
|
|
8
8
|
|
|
9
9
|
> **Using React?** We suggest you use [@trycourier/courier-react](../courier-react/README.md) package instead.
|
|
@@ -14,10 +14,10 @@ To use the SDK, you need to generate a JWT (JSON Web Token) for your user. **Thi
|
|
|
14
14
|
|
|
15
15
|
**How it works:**
|
|
16
16
|
|
|
17
|
-
1. **Your frontend calls your backend:**
|
|
17
|
+
1. **Your frontend calls your backend:**
|
|
18
18
|
- When your app needs to authenticate a user, your frontend should make a request to your own backend (e.g., `/api/generate-courier-jwt`).
|
|
19
19
|
|
|
20
|
-
2. **Your backend calls Courier to issue a JWT:**
|
|
20
|
+
2. **Your backend calls Courier to issue a JWT:**
|
|
21
21
|
- In your backend endpoint, use your [Courier API Key](https://app.courier.com/settings/api-keys) to call the [Courier JWT Token Endpoint](https://www.courier.com/docs/reference/auth/issue-token) and generate a JWT for the user.
|
|
22
22
|
- Your backend then returns the JWT to your frontend.
|
|
23
23
|
|
|
@@ -193,10 +193,10 @@ The fastest way to style the Inbox to match your app. This example shows unread
|
|
|
193
193
|
|
|
194
194
|
<div style="display: flex; justify-content: center; align-items: center; padding: 100px;">
|
|
195
195
|
<!-- Available alignments: 'top-right' | 'top-left' | 'top-center' | 'bottom-right' | 'bottom-left' | 'bottom-center' | 'center-right' | 'center-left' | 'center-center' -->
|
|
196
|
-
<courier-inbox-popup-menu
|
|
196
|
+
<courier-inbox-popup-menu
|
|
197
197
|
popup-alignment="top-right"
|
|
198
|
-
top="44px"
|
|
199
|
-
right="44px"
|
|
198
|
+
top="44px"
|
|
199
|
+
right="44px"
|
|
200
200
|
popup-width="340px"
|
|
201
201
|
popup-height="400px">
|
|
202
202
|
</courier-inbox-popup-menu>
|
|
@@ -372,3 +372,9 @@ Customize the inbox UI with any element you want.
|
|
|
372
372
|
```
|
|
373
373
|
|
|
374
374
|
> **Using React?** We suggest you use [@trycourier/courier-react](../courier-react/README.md) package instead.
|
|
375
|
+
|
|
376
|
+
# **Share feedback with Courier**
|
|
377
|
+
|
|
378
|
+
We want to make this the best SDK for managing notifications! Have an idea or feedback about our SDKs? Let us know!
|
|
379
|
+
|
|
380
|
+
[Courier Web Issues](https://github.com/trycourier/courier-web/issues)
|