chore: v0.1.9-beta.0

Author: Asha20

CHANGELOG.md

@@ -1,6 +1,16 @@
-## v0.1.8-beta.0
 
-- Add `show` prop to `Popup`, that allows you to specify whether the popup should be shown or hidden.
+## v0.1.9
+
+- Added `"use client"` banner to build outputs
+
+## v0.1.8
+
+- Added `token` and `tokenFetcher` props to [Session](https://talkjs.com/docs/Reference/React_Native_SDK/Components/Session/). For more details on how to use JSON Web Token (JWT)-based authentication, see the [authentication documentation](https://talkjs.com/docs/Features/Security_Settings/Authentication/).
+- Deprecated the `signature` prop on the [Session](https://talkjs.com/docs/Reference/React_Native_SDK/Components/Session/) component. Signature-based authentication continues to be supported indefinitely, but JWT-based authentication is recommended for new projects.
+
+## v0.1.7
+
+- Added `show` prop to `Popup`, that allows you to specify whether the popup should be shown or hidden.
 
 ## v0.1.7-beta.0
 
@@ -10,7 +20,7 @@
 
 ## v0.1.6
 
-- Add `asGuest?: boolean` prop to `Chatbox`, `Inbox` and `Popup`
+- Added `asGuest?: boolean` prop to `Chatbox`, `Inbox` and `Popup`.
 
 ## v0.1.6-beta.0
 
@@ -20,21 +30,21 @@
 
 ## v0.1.5
 
-- Output ES2015
+- Output ES2015.
 
 ## v0.1.4
 
-- Added `useUnreads` hook
+- Added `useUnreads` hook.
 
 
 ## v0.1.3
 
-- Add `signature?: string` prop to `Session`
+- Added `signature?: string` prop to `Session`.
 
 ## v0.1.2
 
-- ~~Add `signature?: string` prop to `Session`~~
+- ~~Add `signature?: string` prop to `Session`.~~
 
 ## v0.1.1
 
-- Remove "experimental" label from README
+- Removed "experimental" label from README.

README.md

@@ -68,7 +68,7 @@ import { Session, Chatbox } from "@talkjs/react";
 function ChatComponent() {
   const syncUser = useCallback(
     () =>
-      new Talk.User({
+      return new Talk.User({
         id: "nina",
         name: "Nina",
         email: "[email protected]",

lib/Session.tsx

@@ -15,6 +15,8 @@ type SessionProps = UserProps &
     sessionRef?: React.MutableRefObject<Talk.Session | undefined>;
     desktopNotificationEnabled?: boolean;
     children?: ReactNode;
+    token?: string;
+    tokenFetcher?: () => Promise<string>;
     signature?: string;
   };
 
@@ -26,6 +28,8 @@ export function Session(props: SessionProps) {
     userId,
     syncUser,
     appId,
+    token,
+    tokenFetcher,
     signature,
     sessionRef,
     desktopNotificationEnabled,
@@ -42,7 +46,7 @@ export function Session(props: SessionProps) {
           ? syncUser()
           : syncUser ?? new Talk.User(userId);
 
-      const session = new Talk.Session({ appId, me, signature });
+      const session = new Talk.Session({ appId, me, token, tokenFetcher, signature });
       setSession(session);
       if (sessionRef) {
         sessionRef.current = session;
@@ -52,7 +56,7 @@ export function Session(props: SessionProps) {
         // if appId or me changed, destroy (and then recreate) the entire
         // session.
         //
-        // once the JSSDK supports proper progammatic user mutation, we can
+        // once the JSSDK supports proper programmatic user mutation, we can
         // avoid recreating the session when `syncUser` changes.
         session.destroy();
         setSession(undefined);

package.json

@@ -28,7 +28,7 @@
     "url": "https://github.com/talkjs/talkjs-react/issues"
   },
   "homepage": "https://talkjs.com",
-  "version": "0.1.8-beta.0",
+  "version": "0.1.9-beta.0",
   "type": "module",
   "files": [
     "dist"
@@ -71,7 +71,7 @@
     "eslint-plugin-react-refresh": "^0.4.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "talkjs": "^0.16.3",
+    "talkjs": "^0.21.0",
     "typescript": "^5.0.2",
     "vite": "^4.4.0",
     "vite-plugin-dts": "^3.5.1"

vite.config.ts

@@ -36,6 +36,7 @@ export default defineConfig({
           react: "React",
           talkjs: "TalkJS",
         },
+        banner: `"use client";`,
       },
     },
   },

yarn.lock

@@ -1479,10 +1479,10 @@ supports-preserve-symlinks-flag@^1.0.0:
   resolved "https://registry.yarnpkg.com/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz#6eda4bd344a3c94aea376d4cc31bc77311039e09"
   integrity sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==
 
-talkjs@^0.16.3:
-  version "0.16.3"
-  resolved "https://registry.yarnpkg.com/talkjs/-/talkjs-0.16.3.tgz#90a811aea6d507b97a13c82d1ea42dcdd51ba9d7"
-  integrity sha512-8zwYJfdokAikZ0Rs/AXT28NPmnFQCnVWI4G7qXo8yTKg77bdNpv9EO0hin/SsSlOFleBDLAkBnnuaiFMEvyrNg==
+talkjs@^0.21.0:
+  version "0.21.0"
+  resolved "https://registry.yarnpkg.com/talkjs/-/talkjs-0.21.0.tgz#8dd2ee2c46b8f203c6264b7d96745421dd594f64"
+  integrity sha512-k1fAyYKLKbNVlchsUnaiLgKVF9J6eynalY5AvxhdKpa0wSssIBVsilcbgPoAkSMWFNNCnPHU75jUfP9tdFPlag==
 
 text-table@^0.2.0:
   version "0.2.0"