@planningcenter/chat-react-native 1.3.0-rc.0 → 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,28 @@
 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)
+
+
+### 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)
 
 

package/build/index.d.ts

@@ -1,4 +1,6 @@
-import * as React from 'react';
-export * from 'stream-chat-expo';
-export declare function MyView(): React.JSX.Element;
+import React from 'react';
+export declare function PCOChat({ token, onTokenExpired, }: {
+    token?: OathToken;
+    onTokenExpired: () => void;
+}): React.JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/build/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,cAAc,kBAAkB,CAAA;AAEhC,wBAAgB,MAAM,sBAMrB"}
+{"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,10 +1,39 @@
-import * as React from 'react';
-import { Text } from 'react-native';
-import { OverlayProvider } from 'stream-chat-expo';
-export * from 'stream-chat-expo';
-export function MyView() {
-    return (<OverlayProvider>
-      <Text>Hello from the first package changes more change!!</Text>
-    </OverlayProvider>);
+import React, { useEffect, useState } from 'react';
+import { FlatList, StyleSheet, Text } from 'react-native';
+export function PCOChat({ token, onTokenExpired, }) {
+    const [conversations, setConversations] = useState(null);
+    const styles = useStyles();
+    useEffect(() => {
+        if (!token) {
+            return;
+        }
+        fetch('https://api.planningcenteronline.com/chat/v2/me/conversations', {
+            headers: {
+                Authorization: `Bearer ${token.access_token}`,
+            },
+        })
+            .then(validateResponse)
+            .then(response => response.json())
+            .then(setConversations)
+            .catch(error => {
+            if (error.message === 'Token expired') {
+                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>}/>);
 }
+const useStyles = () => {
+    return StyleSheet.create({
+        container: { columnGap: 16 },
+        foo: { fontSize: 24 },
+    });
+};
+const validateResponse = (response) => {
+    const isExpired = response.status === 401;
+    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,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAQ,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAEpD,cAAc,kBAAkB,CAAA;AAEhC,MAAM,UAAU,MAAM;IACpB,OAAO,CACL,CAAC,eAAe,CACd;MAAA,CAAC,IAAI,CAAC,kDAAkD,EAAE,IAAI,CAChE;IAAA,EAAE,eAAe,CAAC,CACnB,CAAC;AACJ,CAAC","sourcesContent":["import * as React from 'react';\nimport { Text } from 'react-native';\nimport  { OverlayProvider } from 'stream-chat-expo';\n\nexport * from 'stream-chat-expo'\n\nexport function MyView() {\n  return (\n    <OverlayProvider>\n      <Text>Hello from the first package changes more change!!</Text>\n    </OverlayProvider>\n  );\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,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,7 +1,6 @@
 {
   "name": "@planningcenter/chat-react-native",
-  "license": "UNLICENSED",
-  "version": "1.3.0-rc.0",
+  "version": "1.3.0-rc.2",
   "description": "",
   "main": "build/index.js",
   "types": "build/index.d.ts",
@@ -11,28 +10,18 @@
     "clean": "expo-module clean",
     "lint": "expo-module lint",
     "test": "expo-module test",
-    "prepublishOnly": "expo-module prepublishOnly",
-    "postinstall": "patch-package",
-    "expo-module": "expo-module"
-  },
-  "dependencies": {
-    "patch-package": "^8.0.0",
-    "stream-chat-expo": "5.44.2",
-    "stream-chat-react-native": "5.44.2"
+    "prepublishOnly": "expo-module prepublishOnly"
   },
   "peerDependencies": {
-    "expo": "*",
     "react": "*",
-    "react-dom": "*",
     "react-native": "*"
   },
   "devDependencies": {
-    "@types/react": "~18.3.12",
-    "expo": "^52.0.25",
+    "@react-native/eslint-config": "^0.77.0",
+    "@typescript-eslint/parser": "^8.23.0",
     "expo-module-scripts": "^3.4.0",
-    "react": "18.3.1",
-    "react-dom": "18.3.1",
-    "react-native": "0.76.6"
+    "prettier": "^3.4.2",
+    "react-native": "0.74.5"
   },
-  "gitHead": "a623dd8f66d99e816d2cb3e55a14f4da1095036a"
+  "gitHead": "01657a32952a72a2a82786e1de30edfc0f52b4f3"
 }

package/src/index.tsx

@@ -1,13 +1,59 @@
-import * as React from 'react';
-import { Text } from 'react-native';
-import  { OverlayProvider } from 'stream-chat-expo';
+import React, { useEffect, useState } from 'react'
+import { FlatList, StyleSheet, Text } from 'react-native'
 
-export * from 'stream-chat-expo'
+export function PCOChat({
+  token,
+  onTokenExpired,
+}: {
+  token?: OathToken
+  onTokenExpired: () => void
+}) {
+  const [conversations, setConversations] = useState<any>(null)
+  const styles = useStyles()
+
+  useEffect(() => {
+    if (!token) {
+      return
+    }
+
+    fetch('https://api.planningcenteronline.com/chat/v2/me/conversations', {
+      headers: {
+        Authorization: `Bearer ${token.access_token}`,
+      },
+    })
+      .then(validateResponse)
+      .then(response => response.json())
+      .then(setConversations)
+      .catch(error => {
+        if (error.message === 'Token expired') {
+          onTokenExpired()
+        }
+      })
+  }, [onTokenExpired, token])
 
-export function MyView() {
   return (
-    <OverlayProvider>
-      <Text>Hello from the first package changes more change!!</Text>
-    </OverlayProvider>
-  );
+    <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: Response) => {
+  const isExpired = response.status === 401
+  if (isExpired) {
+    throw new Error('Token expired')
+  }
+
+  return response
 }

package/tsconfig.json

@@ -1,9 +1,8 @@
-// @generated by expo-module-scripts
 {
   "extends": "expo-module-scripts/tsconfig.base",
   "compilerOptions": {
     "outDir": "./build"
   },
-  "include": ["./src"],
-  "exclude": ["**/__mocks__/*", "**/__tests__/*"]
+  "include": ["./src", "../chat-core/types.d.ts"],
+  "exclude": ["**/__mocks__/*", "**/__tests__/*"],
 }