@planningcenter/chat-react-native 3.32.1-rc.0 → 3.33.0-rc.0

package/src/screens/conversation_new/conversation_new_screen.tsx

@@ -1,5 +1,6 @@
 import { StaticScreenProps } from '@react-navigation/native'
 import React from 'react'
+import type { AvatarUpdatePayload } from '../../hooks/use_conversation_avatar_update'
 import { AppName } from '../../types/resources/app_name'
 import { GraphId } from '../../types/resources/group_resource'
 import { TeamFilterTypes } from '../conversation_filter_recipients/types'
@@ -15,16 +16,28 @@ type ConversationNewScreenProps = StaticScreenProps<{
   source_app_name: AppName
   chat_group_graph_id?: GraphId
   group_source_app_name?: AppName
+  avatar_selection?: AvatarUpdatePayload
 }>
 
 export const ConversationNewScreen = ({ route }: ConversationNewScreenProps) => {
-  const { group_id, team_ids, source_app_name, plan_id, chat_group_graph_id, team_filter_type } =
-    route.params
+  const {
+    group_id,
+    team_ids,
+    source_app_name,
+    plan_id,
+    chat_group_graph_id,
+    team_filter_type,
+    avatar_selection,
+  } = route.params
 
   switch (source_app_name) {
     case 'Groups':
       return group_id ? (
-        <GroupsForm groupId={group_id} chat_group_graph_id={chat_group_graph_id} />
+        <GroupsForm
+          groupId={group_id}
+          chat_group_graph_id={chat_group_graph_id}
+          avatarSelection={avatar_selection}
+        />
       ) : (
         <SourceAppErrorCard />
       )
@@ -34,6 +47,7 @@ export const ConversationNewScreen = ({ route }: ConversationNewScreenProps) =>
           initialTeamIds={team_ids}
           initialPlanId={plan_id}
           teamFilterType={team_filter_type}
+          avatarSelection={avatar_selection}
         />
       )
     default:

package/src/screens/team_conversation_screen.tsx

@@ -22,7 +22,8 @@ export const TeamConversationScreen = ({ route }: TeamConversationScreenProps) =
   const teamAndPlanParams = buildTeamAndPlanParams(route.params.team_ids, route.params.plan_id)
   const { data: conversation } = useQuery({
     queryKey: ['team-conversation', route.params.team_ids, route.params.plan_id],
-    queryFn: () => findOrCreateServicesConversation(apiClient, teamAndPlanParams),
+    queryFn: () =>
+      findOrCreateServicesConversation(apiClient, teamAndPlanParams).then(r => r.conversation),
   })
 
   useEffect(() => {

package/src/types/resources/chat_configuration_resource.ts

@@ -0,0 +1,11 @@
+// Shape after transform_response flattens attributes and camelCases keys.
+// The wire format uses snake_case nested under attributes (see the Rails
+// ChatConfigurationVertex); the JS client transforms it before consumers
+// see it.
+export interface ChatConfigurationResource {
+  type: 'ChatConfiguration'
+  id: string
+  allowedFileExtensions: string[]
+  maxFileSizeInBytes: number
+  maxAttachmentsPerMessage: number
+}

package/src/utils/auth_events.ts

@@ -0,0 +1,21 @@
+type Listener = () => void
+const listeners = new Set<Listener>()
+
+export function onAuthRefresh(listener: Listener) {
+  listeners.add(listener)
+  return () => {
+    listeners.delete(listener)
+  }
+}
+
+export function emitAuthRefresh() {
+  listeners.forEach(fn => fn())
+}
+
+export function __resetAuthRefreshListenersForTests() {
+  listeners.clear()
+}
+
+export function __getAuthRefreshListenerCountForTests() {
+  return listeners.size
+}

package/src/utils/native_adapters/configuration.ts

@@ -2,6 +2,7 @@ import AsyncStorage from '@react-native-async-storage/async-storage'
 import { Linking as RNLinking } from 'react-native'
 import { AudioAdapter } from './audio'
 import { ClipboardAdapter } from './clipboard'
+import { DocumentPickerAdapter } from './document_picker'
 import { HapticAdapter } from './haptic'
 import { ImagePickerAdapter } from './image_picker'
 import { LinkingAdapter } from './linking'
@@ -14,6 +15,7 @@ type ChatConfigurations = {
   audio: AudioAdapter
   video: VideoAdapter
   imagePicker: ImagePickerAdapter
+  documentPicker: DocumentPickerAdapter
   log?: LogAdapter
   linking?: LinkingAdapter
   haptic?: HapticAdapter
@@ -25,6 +27,7 @@ export class ChatAdapters {
     Audio = configurations.audio
     Video = configurations.video
     ImagePicker = configurations.imagePicker
+    DocumentPicker = configurations.documentPicker
     Log = configurations.log || new LogAdapter()
     Linking = configurations.linking || new LinkingAdapter(RNLinking)
     Haptic = configurations.haptic || new HapticAdapter()
@@ -71,6 +74,13 @@ export let ImagePicker: ImagePickerAdapter = new ImagePickerAdapter({
   },
 })
 
+export let DocumentPicker: DocumentPickerAdapter = new DocumentPickerAdapter({
+  openAsync: async () => {
+    methodMissing()
+    return { canceled: true, assets: null }
+  },
+})
+
 export let Log: LogAdapter = new LogAdapter()
 
 export let Linking: LinkingAdapter = new LinkingAdapter(RNLinking)

package/src/utils/native_adapters/document_picker.ts

@@ -0,0 +1,26 @@
+export type DocumentPickerAsset = {
+  uri: string
+  name: string
+  size?: number
+  mimeType?: string
+}
+
+type DocumentPickerSuccessResult = {
+  canceled: false
+  assets: DocumentPickerAsset[]
+}
+
+type DocumentPickerCanceledResult = {
+  canceled: true
+  assets: null
+}
+
+export type DocumentPickerResult = DocumentPickerSuccessResult | DocumentPickerCanceledResult
+
+export class DocumentPickerAdapter {
+  openAsync: () => Promise<DocumentPickerResult>
+
+  constructor(methods: DocumentPickerAdapter) {
+    this.openAsync = methods.openAsync
+  }
+}

package/src/utils/native_adapters/image_picker.ts

@@ -20,9 +20,16 @@ type ImagePickerCanceledResult = {
 
 export type ImagePickerResult = ImagePickerSuccessResult | ImagePickerCanceledResult
 
+export interface ImagePickerOptions {
+  selectionLimit?: number
+  allowsEditing?: boolean
+  allowsMultipleSelection?: boolean
+  mediaTypes?: Array<'images' | 'videos' | 'livePhotos'>
+}
+
 export class ImagePickerAdapter {
   openCameraAsync: () => Promise<ImagePickerResult>
-  openImageLibraryAsync: () => Promise<ImagePickerResult>
+  openImageLibraryAsync: (options?: ImagePickerOptions) => Promise<ImagePickerResult>
 
   constructor(methods: ImagePickerAdapter) {
     this.openCameraAsync = methods.openCameraAsync

package/src/utils/native_adapters/index.ts

@@ -1,6 +1,7 @@
 export * from './audio'
 export * from './clipboard'
 export * from './configuration'
+export * from './document_picker'
 export * from './image_picker'
 export * from './linking'
 export * from './log'

package/src/utils/request/get_chat_configuration.ts

@@ -0,0 +1,23 @@
+import { getRequestQueryKey } from '../../hooks/use_suspense_api'
+
+export const getChatConfigurationRequestArgs = () => {
+  const url = '/me/chat_configuration'
+
+  return {
+    url,
+    data: {
+      fields: {
+        ChatConfiguration: [
+          'allowed_file_extensions',
+          'max_file_size_in_bytes',
+          'max_attachments_per_message',
+        ],
+      },
+    },
+  }
+}
+
+export const getChatConfigurationQueryKey = () => {
+  const requestArgs = getChatConfigurationRequestArgs()
+  return getRequestQueryKey(requestArgs)
+}

package/build/hooks/attachments/supported_extensions.d.ts

@@ -1,2 +0,0 @@
-export declare const SUPPORTED_EXTENSIONS: string[];
-//# sourceMappingURL=supported_extensions.d.ts.map

package/build/hooks/attachments/supported_extensions.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"supported_extensions.d.ts","sourceRoot":"","sources":["../../../src/hooks/attachments/supported_extensions.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,oBAAoB,UA8ChC,CAAA"}

package/build/hooks/attachments/supported_extensions.js

@@ -1,48 +0,0 @@
-export const SUPPORTED_EXTENSIONS = [
-    '.3ga',
-    '.3gp',
-    '.aac',
-    '.amr',
-    '.avi',
-    '.bmp',
-    '.doc',
-    '.docx',
-    '.gif',
-    '.h263',
-    '.h264',
-    '.heic',
-    '.heif',
-    '.jpeg',
-    '.jpg',
-    '.key',
-    '.m4a',
-    '.m4b',
-    '.m4p',
-    '.m4r',
-    '.m4v',
-    '.mkv',
-    '.mov',
-    '.mp3',
-    '.mp4',
-    '.mp4-latm',
-    '.mpeg',
-    '.mpeg4',
-    '.mpg',
-    '.numbers',
-    '.ogg',
-    '.pages',
-    '.pdf',
-    '.png',
-    '.ppt',
-    '.pptx',
-    '.rtf',
-    '.txt',
-    '.vcf',
-    '.wav',
-    '.webm',
-    '.webp',
-    '.wmv',
-    '.xls',
-    '.xlsx',
-];
-//# sourceMappingURL=supported_extensions.js.map

package/build/hooks/attachments/supported_extensions.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"supported_extensions.js","sourceRoot":"","sources":["../../../src/hooks/attachments/supported_extensions.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,oBAAoB,GAAG;IAClC,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,OAAO;IACP,MAAM;IACN,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,WAAW;IACX,OAAO;IACP,QAAQ;IACR,MAAM;IACN,UAAU;IACV,MAAM;IACN,QAAQ;IACR,MAAM;IACN,MAAM;IACN,MAAM;IACN,OAAO;IACP,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,OAAO;IACP,OAAO;IACP,MAAM;IACN,MAAM;IACN,OAAO;CACR,CAAA","sourcesContent":["export const SUPPORTED_EXTENSIONS = [\n  '.3ga',\n  '.3gp',\n  '.aac',\n  '.amr',\n  '.avi',\n  '.bmp',\n  '.doc',\n  '.docx',\n  '.gif',\n  '.h263',\n  '.h264',\n  '.heic',\n  '.heif',\n  '.jpeg',\n  '.jpg',\n  '.key',\n  '.m4a',\n  '.m4b',\n  '.m4p',\n  '.m4r',\n  '.m4v',\n  '.mkv',\n  '.mov',\n  '.mp3',\n  '.mp4',\n  '.mp4-latm',\n  '.mpeg',\n  '.mpeg4',\n  '.mpg',\n  '.numbers',\n  '.ogg',\n  '.pages',\n  '.pdf',\n  '.png',\n  '.ppt',\n  '.pptx',\n  '.rtf',\n  '.txt',\n  '.vcf',\n  '.wav',\n  '.webm',\n  '.webp',\n  '.wmv',\n  '.xls',\n  '.xlsx',\n]\n"]}

package/src/hooks/attachments/supported_extensions.ts

@@ -1,47 +0,0 @@
-export const SUPPORTED_EXTENSIONS = [
-  '.3ga',
-  '.3gp',
-  '.aac',
-  '.amr',
-  '.avi',
-  '.bmp',
-  '.doc',
-  '.docx',
-  '.gif',
-  '.h263',
-  '.h264',
-  '.heic',
-  '.heif',
-  '.jpeg',
-  '.jpg',
-  '.key',
-  '.m4a',
-  '.m4b',
-  '.m4p',
-  '.m4r',
-  '.m4v',
-  '.mkv',
-  '.mov',
-  '.mp3',
-  '.mp4',
-  '.mp4-latm',
-  '.mpeg',
-  '.mpeg4',
-  '.mpg',
-  '.numbers',
-  '.ogg',
-  '.pages',
-  '.pdf',
-  '.png',
-  '.ppt',
-  '.pptx',
-  '.rtf',
-  '.txt',
-  '.vcf',
-  '.wav',
-  '.webm',
-  '.webp',
-  '.wmv',
-  '.xls',
-  '.xlsx',
-]