@planningcenter/chat-react-native 1.3.0-rc.1 → 1.3.0-rc.2

package/.eslintrc.yml

@@ -0,0 +1,2 @@
+root: true
+extends: ['@react-native', '../../.eslintrc.yml']

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.3.0-rc.2](https://github.com/planningcenter/chat-js/compare/v1.2.0...v1.3.0-rc.2) (2025-02-06)
+
+
+### Features
+
+* add auth to the example app ([#50](https://github.com/planningcenter/chat-js/issues/50)) ([5e0ae00](https://github.com/planningcenter/chat-js/commit/5e0ae008345743f6bba388e982a3ad768265971a))
+* drop stream and set global dependencies ([#49](https://github.com/planningcenter/chat-js/issues/49)) ([1214b9f](https://github.com/planningcenter/chat-js/commit/1214b9fbc17f4ab67a1de1d39954604a28268f35))
+* **StreamChat:** export core package ([#41](https://github.com/planningcenter/chat-js/issues/41)) ([e9afde0](https://github.com/planningcenter/chat-js/commit/e9afde0e2a11d9c7e13b84f8eee8a6cfa7aff795)), closes [#45](https://github.com/planningcenter/chat-js/issues/45)
+
+
+
 ## [1.3.0-rc.1](https://github.com/planningcenter/chat-js/compare/v1.2.0...v1.3.0-rc.1) (2025-02-06)
 
 

package/build/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-export declare function PCOChat({ token, onTokenExpired }: {
+export declare function PCOChat({ token, onTokenExpired, }: {
     token?: OathToken;
     onTokenExpired: () => void;
 }): React.JSX.Element;

package/build/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAGnD,wBAAgB,OAAO,CAAC,EAAE,KAAK,EAAE,cAAc,EAAE,EAAE;IAAE,KAAK,CAAC,EAAE,SAAS,CAAC;IAAC,cAAc,EAAE,MAAM,IAAI,CAAA;CAAE,qBA6BnG"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAA;AAGlD,wBAAgB,OAAO,CAAC,EACtB,KAAK,EACL,cAAc,GACf,EAAE;IACD,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,cAAc,EAAE,MAAM,IAAI,CAAA;CAC3B,qBAiCA"}

package/build/index.js

@@ -1,15 +1,18 @@
 import React, { useEffect, useState } from 'react';
-import { FlatList, Text } from 'react-native';
-export function PCOChat({ token, onTokenExpired }) {
+import { FlatList, StyleSheet, Text } from 'react-native';
+export function PCOChat({ token, onTokenExpired, }) {
     const [conversations, setConversations] = useState(null);
+    const styles = useStyles();
     useEffect(() => {
-        if (!token)
+        if (!token) {
             return;
+        }
         fetch('https://api.planningcenteronline.com/chat/v2/me/conversations', {
             headers: {
-                Authorization: `Bearer ${token?.access_token}`
-            }
-        }).then(validateResponse)
+                Authorization: `Bearer ${token.access_token}`,
+            },
+        })
+            .then(validateResponse)
             .then(response => response.json())
             .then(setConversations)
             .catch(error => {
@@ -17,13 +20,20 @@ export function PCOChat({ token, onTokenExpired }) {
                 onTokenExpired();
             }
         });
-    }, [token]);
-    return (<FlatList data={conversations?.data} ListEmptyComponent={<Text>No conversations</Text>} contentContainerStyle={{ columnGap: 16 }} ListHeaderComponent={<Text style={{ fontWeight: '600', fontSize: 16 }}>Conversations</Text>} renderItem={({ item }) => <Text>{item.attributes.title}</Text>}/>);
+    }, [onTokenExpired, token]);
+    return (<FlatList data={conversations?.data} ListEmptyComponent={<Text>No conversations</Text>} contentContainerStyle={styles.container} ListHeaderComponent={<Text style={styles.foo}>Conversations</Text>} renderItem={({ item }) => <Text>{item.attributes.title}</Text>}/>);
 }
+const useStyles = () => {
+    return StyleSheet.create({
+        container: { columnGap: 16 },
+        foo: { fontSize: 24 },
+    });
+};
 const validateResponse = (response) => {
     const isExpired = response.status === 401;
-    if (isExpired)
+    if (isExpired) {
         throw new Error('Token expired');
+    }
     return response;
 };
 //# sourceMappingURL=index.js.map

package/build/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAE9C,MAAM,UAAU,OAAO,CAAC,EAAE,KAAK,EAAE,cAAc,EAAqD;IAClG,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAM,IAAI,CAAC,CAAA;IAE7D,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,KAAK;YAAE,OAAM;QAElB,KAAK,CAAC,+DAA+D,EAAE;YACrE,OAAO,EAAE;gBACP,aAAa,EAAE,UAAU,KAAK,EAAE,YAAY,EAAE;aAC/C;SACF,CAAC,CAAC,IAAI,CAAC,gBAAgB,CAAC;aACtB,IAAI,CAAC,QAAQ,CAAC,EAAE,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC;aACjC,IAAI,CAAC,gBAAgB,CAAC;aACtB,KAAK,CAAC,KAAK,CAAC,EAAE;YACb,IAAI,KAAK,CAAC,OAAO,KAAK,eAAe,EAAE,CAAC;gBACtC,cAAc,EAAE,CAAA;YAClB,CAAC;QACH,CAAC,CAAC,CAAA;IACN,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAA;IAEX,OAAO,CACL,CAAC,QAAQ,CACP,IAAI,CAAC,CAAC,aAAa,EAAE,IAAI,CAAC,CAC1B,kBAAkB,CAAC,CAAC,CAAC,IAAI,CAAC,gBAAgB,EAAE,IAAI,CAAC,CAAC,CAClD,qBAAqB,CAAC,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,CACzC,mBAAmB,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,UAAU,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAAC,aAAa,EAAE,IAAI,CAAC,CAAC,CAC5F,UAAU,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC,CAAC,EAC/D,CACH,CAAA;AACH,CAAC;AAED,MAAM,gBAAgB,GAAG,CAAC,QAAkB,EAAE,EAAE;IAC9C,MAAM,SAAS,GAAG,QAAQ,CAAC,MAAM,KAAK,GAAG,CAAA;IACzC,IAAI,SAAS;QAAE,MAAM,IAAI,KAAK,CAAC,eAAe,CAAC,CAAA;IAE/C,OAAO,QAAQ,CAAA;AACjB,CAAC,CAAA","sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { FlatList, Text } from 'react-native';\n\nexport function PCOChat({ token, onTokenExpired }: { token?: OathToken, onTokenExpired: () => void }) {\n  const [conversations, setConversations] = useState<any>(null)\n\n  useEffect(() => {\n    if (!token) return\n\n    fetch('https://api.planningcenteronline.com/chat/v2/me/conversations', {\n      headers: {\n        Authorization: `Bearer ${token?.access_token}`\n      }\n    }).then(validateResponse)\n      .then(response => response.json())\n      .then(setConversations)\n      .catch(error => {\n        if (error.message === 'Token expired') {\n          onTokenExpired()\n        }\n      })\n  }, [token])\n\n  return (\n    <FlatList \n      data={conversations?.data}\n      ListEmptyComponent={<Text>No conversations</Text>}\n      contentContainerStyle={{ columnGap: 16 }}\n      ListHeaderComponent={<Text style={{ fontWeight: '600', fontSize: 16 }}>Conversations</Text>}\n      renderItem={({ item }) => <Text>{item.attributes.title}</Text>}\n    />\n  )\n}\n\nconst validateResponse = (response: Response) => {\n  const isExpired = response.status === 401\n  if (isExpired) throw new Error('Token expired')\n\n  return response\n}"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAClD,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAEzD,MAAM,UAAU,OAAO,CAAC,EACtB,KAAK,EACL,cAAc,GAIf;IACC,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAM,IAAI,CAAC,CAAA;IAC7D,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAE1B,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,KAAK,EAAE,CAAC;YACX,OAAM;QACR,CAAC;QAED,KAAK,CAAC,+DAA+D,EAAE;YACrE,OAAO,EAAE;gBACP,aAAa,EAAE,UAAU,KAAK,CAAC,YAAY,EAAE;aAC9C;SACF,CAAC;aACC,IAAI,CAAC,gBAAgB,CAAC;aACtB,IAAI,CAAC,QAAQ,CAAC,EAAE,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC;aACjC,IAAI,CAAC,gBAAgB,CAAC;aACtB,KAAK,CAAC,KAAK,CAAC,EAAE;YACb,IAAI,KAAK,CAAC,OAAO,KAAK,eAAe,EAAE,CAAC;gBACtC,cAAc,EAAE,CAAA;YAClB,CAAC;QACH,CAAC,CAAC,CAAA;IACN,CAAC,EAAE,CAAC,cAAc,EAAE,KAAK,CAAC,CAAC,CAAA;IAE3B,OAAO,CACL,CAAC,QAAQ,CACP,IAAI,CAAC,CAAC,aAAa,EAAE,IAAI,CAAC,CAC1B,kBAAkB,CAAC,CAAC,CAAC,IAAI,CAAC,gBAAgB,EAAE,IAAI,CAAC,CAAC,CAClD,qBAAqB,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CACxC,mBAAmB,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,aAAa,EAAE,IAAI,CAAC,CAAC,CACnE,UAAU,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC,CAAC,EAC/D,CACH,CAAA;AACH,CAAC;AAED,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,UAAU,CAAC,MAAM,CAAC;QACvB,SAAS,EAAE,EAAE,SAAS,EAAE,EAAE,EAAE;QAC5B,GAAG,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE;KACtB,CAAC,CAAA;AACJ,CAAC,CAAA;AAED,MAAM,gBAAgB,GAAG,CAAC,QAAkB,EAAE,EAAE;IAC9C,MAAM,SAAS,GAAG,QAAQ,CAAC,MAAM,KAAK,GAAG,CAAA;IACzC,IAAI,SAAS,EAAE,CAAC;QACd,MAAM,IAAI,KAAK,CAAC,eAAe,CAAC,CAAA;IAClC,CAAC;IAED,OAAO,QAAQ,CAAA;AACjB,CAAC,CAAA","sourcesContent":["import React, { useEffect, useState } from 'react'\nimport { FlatList, StyleSheet, Text } from 'react-native'\n\nexport function PCOChat({\n  token,\n  onTokenExpired,\n}: {\n  token?: OathToken\n  onTokenExpired: () => void\n}) {\n  const [conversations, setConversations] = useState<any>(null)\n  const styles = useStyles()\n\n  useEffect(() => {\n    if (!token) {\n      return\n    }\n\n    fetch('https://api.planningcenteronline.com/chat/v2/me/conversations', {\n      headers: {\n        Authorization: `Bearer ${token.access_token}`,\n      },\n    })\n      .then(validateResponse)\n      .then(response => response.json())\n      .then(setConversations)\n      .catch(error => {\n        if (error.message === 'Token expired') {\n          onTokenExpired()\n        }\n      })\n  }, [onTokenExpired, token])\n\n  return (\n    <FlatList\n      data={conversations?.data}\n      ListEmptyComponent={<Text>No conversations</Text>}\n      contentContainerStyle={styles.container}\n      ListHeaderComponent={<Text style={styles.foo}>Conversations</Text>}\n      renderItem={({ item }) => <Text>{item.attributes.title}</Text>}\n    />\n  )\n}\n\nconst useStyles = () => {\n  return StyleSheet.create({\n    container: { columnGap: 16 },\n    foo: { fontSize: 24 },\n  })\n}\n\nconst validateResponse = (response: Response) => {\n  const isExpired = response.status === 401\n  if (isExpired) {\n    throw new Error('Token expired')\n  }\n\n  return response\n}\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@planningcenter/chat-react-native",
-  "version": "1.3.0-rc.1",
+  "version": "1.3.0-rc.2",
   "description": "",
   "main": "build/index.js",
   "types": "build/index.d.ts",
@@ -17,7 +17,11 @@
     "react-native": "*"
   },
   "devDependencies": {
-    "expo-module-scripts": "^3.4.0"
+    "@react-native/eslint-config": "^0.77.0",
+    "@typescript-eslint/parser": "^8.23.0",
+    "expo-module-scripts": "^3.4.0",
+    "prettier": "^3.4.2",
+    "react-native": "0.74.5"
   },
-  "gitHead": "e26d1788f1ff5fe95e5040ca6a16e3c0b0bab759"
+  "gitHead": "01657a32952a72a2a82786e1de30edfc0f52b4f3"
 }

package/src/index.tsx

@@ -1,17 +1,27 @@
-import React, { useEffect, useState } from 'react';
-import { FlatList, Text } from 'react-native';
+import React, { useEffect, useState } from 'react'
+import { FlatList, StyleSheet, Text } from 'react-native'
 
-export function PCOChat({ token, onTokenExpired }: { token?: OathToken, onTokenExpired: () => void }) {
+export function PCOChat({
+  token,
+  onTokenExpired,
+}: {
+  token?: OathToken
+  onTokenExpired: () => void
+}) {
   const [conversations, setConversations] = useState<any>(null)
+  const styles = useStyles()
 
   useEffect(() => {
-    if (!token) return
+    if (!token) {
+      return
+    }
 
     fetch('https://api.planningcenteronline.com/chat/v2/me/conversations', {
       headers: {
-        Authorization: `Bearer ${token?.access_token}`
-      }
-    }).then(validateResponse)
+        Authorization: `Bearer ${token.access_token}`,
+      },
+    })
+      .then(validateResponse)
       .then(response => response.json())
       .then(setConversations)
       .catch(error => {
@@ -19,22 +29,31 @@ export function PCOChat({ token, onTokenExpired }: { token?: OathToken, onTokenE
           onTokenExpired()
         }
       })
-  }, [token])
+  }, [onTokenExpired, token])
 
   return (
-    <FlatList 
+    <FlatList
       data={conversations?.data}
       ListEmptyComponent={<Text>No conversations</Text>}
-      contentContainerStyle={{ columnGap: 16 }}
-      ListHeaderComponent={<Text style={{ fontWeight: '600', fontSize: 16 }}>Conversations</Text>}
+      contentContainerStyle={styles.container}
+      ListHeaderComponent={<Text style={styles.foo}>Conversations</Text>}
       renderItem={({ item }) => <Text>{item.attributes.title}</Text>}
     />
   )
 }
 
+const useStyles = () => {
+  return StyleSheet.create({
+    container: { columnGap: 16 },
+    foo: { fontSize: 24 },
+  })
+}
+
 const validateResponse = (response: Response) => {
   const isExpired = response.status === 401
-  if (isExpired) throw new Error('Token expired')
+  if (isExpired) {
+    throw new Error('Token expired')
+  }
 
   return response
-}
+}