@planningcenter/chat-react-native 1.2.0 → 1.2.1-qa-44.1

package/.eslintrc.yml

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

package/CHANGELOG.md

@@ -3,6 +3,14 @@
 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)
+
+**Note:** Version bump only for package @planningcenter/chat-react-native
+
+
+
+
+
 ## [1.2.0](https://github.com/planningcenter/chat-js/compare/v1.1.0...v1.2.0) (2025-01-16)
 
 

package/build/index.d.ts

@@ -1,3 +1,6 @@
-import * as React from 'react';
-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,wBAAgB,MAAM,sBAErB"}
+{"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,7 +1,39 @@
-import * as React from 'react';
-// @ts-ignore
-import { Text } from 'react-native';
-export function MyView() {
-    return <Text>Hello from the first package changes more change!</Text>;
+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,aAAa;AACb,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,MAAM,UAAU,MAAM;IACpB,OAAO,CAAC,IAAI,CAAC,iDAAiD,EAAE,IAAI,CAAC,CAAC;AACxE,CAAC","sourcesContent":["import * as React from 'react';\n// @ts-ignore\nimport { Text } from 'react-native';\n\nexport function MyView() {\n  return <Text>Hello from the first package changes more change!</Text>;\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,6 +1,6 @@
 {
   "name": "@planningcenter/chat-react-native",
-  "version": "1.2.0",
+  "version": "1.2.1-qa-44.1",
   "description": "",
   "main": "build/index.js",
   "types": "build/index.d.ts",
@@ -10,11 +10,18 @@
     "clean": "expo-module clean",
     "lint": "expo-module lint",
     "test": "expo-module test",
-    "prepublishOnly": "expo-module prepublishOnly",
-    "postinstall": "yarn run build"
+    "prepublishOnly": "expo-module prepublishOnly"
+  },
+  "peerDependencies": {
+    "react": "*",
+    "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": "071d9fd8c01253cb7791c1300e2e5557a29f734e"
+  "gitHead": "93bd319b83622c779c45dc02d047ebe7805ac2c8"
 }

package/patches/README.md

@@ -0,0 +1,12 @@
+We currently maintain patches for:
+
+- **stream-chat-expo**
+- **stream-chat-react-native-core**
+
+We expect these patches to be removed post-strexit
+
+
+Some helpful context on the patches is available here: [chore(stream-chat): bump packages](https://github.com/planningcenter/ChurchCenterApp/pull/3534#discussion_r1852521860)
+
+
+>"Streamchat doesn't follow new unreads but we have ui that allows you to swipe to mark read and unread. Their UI doesn't follow those updates so it feels like marking unread is broken because the UI doesn't update even though it totally works."

package/patches/stream-chat-expo+5.44.2.patch

@@ -0,0 +1,105 @@
+diff --git a/node_modules/stream-chat-expo/src/optionalDependencies/getLocalAssetUri.ts b/node_modules/stream-chat-expo/src/optionalDependencies/getLocalAssetUri.ts
+index 3d79743..656c391 100644
+--- a/node_modules/stream-chat-expo/src/optionalDependencies/getLocalAssetUri.ts
++++ b/node_modules/stream-chat-expo/src/optionalDependencies/getLocalAssetUri.ts
+@@ -6,11 +6,11 @@ try {
+   // do nothing
+ }
+ 
+-if (!MediaLibrary) {
+-  console.log(
+-    'expo-media-library is not installed. Please install it or you can choose to install expo-image-picker for native image picker.',
+-  );
+-}
++// if (!MediaLibrary) {
++//   console.log(
++//     'expo-media-library is not installed. Please install it or you can choose to install expo-image-picker for native image picker.',
++//   );
++// }
+ 
+ export const getLocalAssetUri = async (assetId: string): Promise<string | undefined> => {
+   try {
+diff --git a/node_modules/stream-chat-expo/src/optionalDependencies/getPhotos.ts b/node_modules/stream-chat-expo/src/optionalDependencies/getPhotos.ts
+index b40c745..4025b64 100644
+--- a/node_modules/stream-chat-expo/src/optionalDependencies/getPhotos.ts
++++ b/node_modules/stream-chat-expo/src/optionalDependencies/getPhotos.ts
+@@ -6,11 +6,11 @@ try {
+   // do nothing
+ }
+ 
+-if (!MediaLibrary) {
+-  console.log(
+-    'expo-media-library is not installed. Please install it or you can choose to install expo-image-picker for native image picker.',
+-  );
+-}
++// if (!MediaLibrary) {
++//   console.log(
++//     'expo-media-library is not installed. Please install it or you can choose to install expo-image-picker for native image picker.',
++//   );
++// }
+ import type { Asset } from 'stream-chat-react-native-core';
+ 
+ type ReturnType = {
+diff --git a/node_modules/stream-chat-expo/src/optionalDependencies/iOS14RefreshGallerySelection.ts b/node_modules/stream-chat-expo/src/optionalDependencies/iOS14RefreshGallerySelection.ts
+index 49bfe50..22e1a39 100644
+--- a/node_modules/stream-chat-expo/src/optionalDependencies/iOS14RefreshGallerySelection.ts
++++ b/node_modules/stream-chat-expo/src/optionalDependencies/iOS14RefreshGallerySelection.ts
+@@ -8,11 +8,11 @@ try {
+   // do nothing
+ }
+ 
+-if (!MediaLibrary) {
+-  console.log(
+-    'expo-media-library is not installed. Please install it or you can choose to install expo-image-picker for native image picker.',
+-  );
+-}
++// if (!MediaLibrary) {
++//   console.log(
++//     'expo-media-library is not installed. Please install it or you can choose to install expo-image-picker for native image picker.',
++//   );
++// }
+ 
+ const isAboveIOS14 = Platform.OS === 'ios' && parseInt(Platform.Version as string, 10) >= 14;
+ 
+diff --git a/node_modules/stream-chat-expo/src/optionalDependencies/oniOS14GalleryLibrarySelectionChange.ts b/node_modules/stream-chat-expo/src/optionalDependencies/oniOS14GalleryLibrarySelectionChange.ts
+index 89721ac..bdf6686 100644
+--- a/node_modules/stream-chat-expo/src/optionalDependencies/oniOS14GalleryLibrarySelectionChange.ts
++++ b/node_modules/stream-chat-expo/src/optionalDependencies/oniOS14GalleryLibrarySelectionChange.ts
+@@ -8,11 +8,11 @@ try {
+   // do nothing
+ }
+ 
+-if (!MediaLibrary) {
+-  console.log(
+-    'expo-media-library is not installed. Please install it or you can choose to install expo-image-picker for native image picker.',
+-  );
+-}
++// if (!MediaLibrary) {
++//   console.log(
++//     'expo-media-library is not installed. Please install it or you can choose to install expo-image-picker for native image picker.',
++//   );
++// }
+ 
+ const isAboveIOS14 = Platform.OS === 'ios' && parseInt(Platform.Version as string, 10) >= 14;
+ 
+diff --git a/node_modules/stream-chat-expo/src/optionalDependencies/triggerHaptic.ts b/node_modules/stream-chat-expo/src/optionalDependencies/triggerHaptic.ts
+index e385bf3..476a13a 100644
+--- a/node_modules/stream-chat-expo/src/optionalDependencies/triggerHaptic.ts
++++ b/node_modules/stream-chat-expo/src/optionalDependencies/triggerHaptic.ts
+@@ -6,11 +6,11 @@ try {
+   // do nothing
+ }
+ 
+-if (!Haptics) {
+-  console.log(
+-    'expo-haptics is not installed. Installing this package will enable haptic feedback when scaling images in the image gallery if the scaling hits the higher or lower limits for its value.',
+-  );
+-}
++// if (!Haptics) {
++//   console.log(
++//     'expo-haptics is not installed. Installing this package will enable haptic feedback when scaling images in the image gallery if the scaling hits the higher or lower limits for its value.',
++//   );
++// }
+ 
+ type HapticFeedbackTypes =
+   | 'impactHeavy'

package/patches/stream-chat-react-native-core+5.44.2.patch

@@ -0,0 +1,24 @@
+diff --git a/node_modules/stream-chat-react-native-core/src/components/ChannelPreview/hooks/useChannelPreviewData.ts b/node_modules/stream-chat-react-native-core/src/components/ChannelPreview/hooks/useChannelPreviewData.ts
+index a678e70..4beaf06 100644
+--- a/node_modules/stream-chat-react-native-core/src/components/ChannelPreview/hooks/useChannelPreviewData.ts
++++ b/node_modules/stream-chat-react-native-core/src/components/ChannelPreview/hooks/useChannelPreviewData.ts
+@@ -31,10 +31,16 @@ export const useChannelPreviewData = <
+   const channelLastMessageString = `${channelLastMessage?.id}${channelLastMessage?.updated_at}`;
+ 
+   useEffect(() => {
+-    const { unsubscribe } = client.on('notification.mark_read', () => {
++    const handleMarkReadOrMarkUnread = () => {
+       setUnread(channel.countUnread());
+-    });
+-    return unsubscribe;
++    }
++
++    const listeners = [
++      client.on('notification.mark_read', handleMarkReadOrMarkUnread),
++      client.on('notification.mark_unread', handleMarkReadOrMarkUnread),
++    ];
++
++    return () => listeners.forEach((l) => l.unsubscribe());
+   }, [channel, client]);
+ 
+   useEffect(() => {

package/src/index.tsx

@@ -1,7 +1,59 @@
-import * as React from 'react';
-// @ts-ignore
-import { Text } from 'react-native';
+import React, { useEffect, useState } from 'react'
+import { FlatList, StyleSheet, Text } from 'react-native'
 
-export function MyView() {
-  return <Text>Hello from the first package changes more change!</Text>;
+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])
+
+  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: 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__/*"],
 }