@planningcenter/chat-react-native 1.2.1-qa-44.1 → 1.3.0-rc.1

package/CHANGELOG.md

@@ -3,11 +3,23 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
-## 1.2.1-qa-44.1 (2025-02-06)
+## [1.3.0-rc.1](https://github.com/planningcenter/chat-js/compare/v1.2.0...v1.3.0-rc.1) (2025-02-06)
 
-**Note:** Version bump only for package @planningcenter/chat-react-native
 
+### 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.0](https://github.com/planningcenter/chat-js/compare/v1.2.0...v1.3.0-rc.0) (2025-01-24)
+
+
+### Features
 
+* **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)
 
 
 

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,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"}
+{"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"}

package/build/index.js

@@ -1,18 +1,15 @@
 import React, { useEffect, useState } from 'react';
-import { FlatList, StyleSheet, Text } from 'react-native';
-export function PCOChat({ token, onTokenExpired, }) {
+import { FlatList, 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 => {
@@ -20,20 +17,13 @@ export function PCOChat({ token, onTokenExpired, }) {
                 onTokenExpired();
             }
         });
-    }, [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>}/>);
+    }, [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>}/>);
 }
-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,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"]}
+{"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}"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@planningcenter/chat-react-native",
-  "version": "1.2.1-qa-44.1",
+  "version": "1.3.0-rc.1",
   "description": "",
   "main": "build/index.js",
   "types": "build/index.d.ts",
@@ -17,11 +17,7 @@
     "react-native": "*"
   },
   "devDependencies": {
-    "@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"
+    "expo-module-scripts": "^3.4.0"
   },
-  "gitHead": "93bd319b83622c779c45dc02d047ebe7805ac2c8"
+  "gitHead": "e26d1788f1ff5fe95e5040ca6a16e3c0b0bab759"
 }

package/src/index.tsx

@@ -1,27 +1,17 @@
-import React, { useEffect, useState } from 'react'
-import { FlatList, StyleSheet, Text } from 'react-native'
+import React, { useEffect, useState } from 'react';
+import { FlatList, 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 => {
@@ -29,31 +19,22 @@ export function PCOChat({
           onTokenExpired()
         }
       })
-  }, [onTokenExpired, token])
+  }, [token])
 
   return (
-    <FlatList
+    <FlatList 
       data={conversations?.data}
       ListEmptyComponent={<Text>No conversations</Text>}
-      contentContainerStyle={styles.container}
-      ListHeaderComponent={<Text style={styles.foo}>Conversations</Text>}
+      contentContainerStyle={{ columnGap: 16 }}
+      ListHeaderComponent={<Text style={{ fontWeight: '600', fontSize: 16 }}>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
-}
+}

package/.eslintrc.yml

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