@planningcenter/chat-react-native 3.2.0-rc.9 → 3.3.0

package/src/screens/conversations/conversations_screen.tsx

@@ -6,12 +6,14 @@ import { ActionButton } from '../../components/display/action_button'
 import { ConversationsContextProvider } from '../../contexts/conversations_context'
 import { useCanCreateConversations } from '../../hooks'
 import { GraphId } from '../../types/resources/group_resource'
+import { destructureChatGroupGraphId } from '../../utils'
 import { ListHeaderComponent } from './components/list_header_component'
+import { AppName } from '../../types/resources/app_name'
 
 export type ConversationScreenProps = StaticScreenProps<{
   title?: string
   chat_group_graph_id?: GraphId
-  group_source_app_name?: string
+  group_source_app_name?: AppName
 }>
 
 export function ConversationsScreen({ route }: ConversationScreenProps) {
@@ -19,6 +21,39 @@ export function ConversationsScreen({ route }: ConversationScreenProps) {
   const canCreateConversations = useCanCreateConversations()
   const styles = useStyles()
 
+  const { chat_group_graph_id } = route.params || {}
+  const { sourceAppName, sourceId } = destructureChatGroupGraphId(chat_group_graph_id)
+
+  const handleNewConversationNavigation = () => {
+    if (sourceAppName === 'Services') {
+      return navigation.navigate('New', {
+        screen: 'ConversationNew',
+        params: {
+          team_ids: sourceId ? [sourceId] : [],
+          source_app_name: sourceAppName,
+          ...route.params,
+        },
+      })
+    }
+    if (sourceAppName === 'Groups') {
+      return navigation.navigate('New', {
+        screen: 'ConversationNew',
+        params: {
+          group_id: sourceId,
+          source_app_name: sourceAppName,
+          ...route.params,
+        },
+      })
+    }
+
+    return navigation.navigate('New', {
+      screen: 'ConversationSelectRecipients',
+      params: {
+        ...route.params,
+      },
+    })
+  }
+
   return (
     <View style={styles.container}>
       <ConversationsContextProvider args={route.params}>
@@ -27,7 +62,7 @@ export function ConversationsScreen({ route }: ConversationScreenProps) {
       <ActionButton
         visible={canCreateConversations}
         title="New conversation"
-        onPress={() => navigation.navigate('New')}
+        onPress={handleNewConversationNavigation}
       />
     </View>
   )

package/src/screens/send_giphy_screen.tsx

@@ -68,7 +68,7 @@ export function SendGiphyScreen({ route }: SendGiphyScreenProps) {
       <NativeImage
         alt="Powered by Giphy"
         style={styles.powered_by_giphy}
-        source={require('../../assets/images/powered_by_giphy.png')}
+        source={{ uri: poweredByGiphyImage }}
       />
       <View style={styles.control_stack}>
         <View style={styles.button_group}>
@@ -153,3 +153,32 @@ const useStyles = () => {
     },
   })
 }
+
+const poweredByGiphyImage = `data:image/png;base64,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`

package/src/types/resources/groups/groups_group_resource.ts

@@ -1,7 +1,7 @@
 import { ResourceObject } from '../../api_primitives'
 
 export interface GroupsGroupResource extends ResourceObject {
-  id: string
+  id: number
   type: 'Group'
   headerImage: {
     thumbnail: string

package/src/types/resources/groups/groups_member_resource_with_person.ts

@@ -0,0 +1,13 @@
+export interface GroupsGroupMemberResource {
+  type: 'Member'
+  id: number
+  role?: string
+  person: {
+    firstName: string
+    lastName: string
+    avatarUrl: string
+    child: boolean
+    id: number
+    type: 'Person'
+  }
+}

package/src/types/resources/member.ts

@@ -8,17 +8,6 @@ export interface MemberResource {
   role?: string
 }
 
-export interface MemberResourceWithPerson extends MemberResource {
-  person: {
-    firstName: string
-    lastName: string
-    avatarUrl: string
-    child: boolean
-    id: string
-    type: 'Person'
-  }
-}
-
 export interface MemberBadge {
   title: string
 }

package/src/types/resources/message.ts

@@ -18,4 +18,6 @@ export interface MessageResource {
   // Custom Local Properties we set for rendering
   renderAuthor?: boolean
   renderTime?: boolean
+  myLatestInConversation?: boolean
+  lastInGroup?: boolean
 }

package/src/types/resources/oauth_token.ts

@@ -1,8 +1,8 @@
 export type OAuthToken = {
-  token_type: any
-  access_token: any
+  token_type: string
+  access_token: string
   created_at: number
-  expires_in: any
+  expires_in: number
   scope: string
-  refresh_token: any
+  refresh_token: string
 }

package/src/utils/client/client.ts

@@ -1,6 +1,4 @@
 import { ApiCollection, ApiError, ApiResource } from '../../types'
-import { Session } from '../session'
-import { Uri } from '../uri'
 import {
   concatRecords,
   ensureNoQueryParamsInDev,
@@ -22,28 +20,27 @@ type ClientArgs = {
   version: string
   defaultHeaders?: Record<string, string>
   onUnauthorizedResponse?: OnUnauthorizedResponse
-  session: Session
-  app: string
+  root?: string
 }
 
 export class Client {
   version: string = ''
   defaultHeaders: Record<string, string> = {}
-  uri: Uri
   onUnauthorizedResponse?: OnUnauthorizedResponse
+  root?: string
 
-  constructor({ version, defaultHeaders = {}, session, app, onUnauthorizedResponse }: ClientArgs) {
+  constructor({ version, defaultHeaders = {}, onUnauthorizedResponse, root }: ClientArgs) {
     this.version = version
-    this.uri = new Uri({ session, app })
     this.defaultHeaders = defaultHeaders
     this.onUnauthorizedResponse = onUnauthorizedResponse
+    this.root = root
   }
 
   async get<T extends ApiCollection | ApiResource>(args: GetRequest): Promise<T> {
     const { walk, ...data } = args.data
     const isWalking = Boolean(walk)
     const headers = { ...this.headers, ...args.headers }
-    const url = this.uri.appUrl(args.url)
+    const url = this.appUrl(args.url)
 
     await throwErrorIfQueryParams(url)
 
@@ -54,7 +51,7 @@ export class Client {
       data: d = { fields: {} },
       acc = { data: [], included: [], meta: {}, links: {} },
       ...options
-    }: WalkRequest): Promise<ApiCollection | ApiResource> => {
+    }: WalkRequest): Promise<T> => {
       return makeRequest({
         action: 'GET',
         data: d,
@@ -84,7 +81,7 @@ export class Client {
 
   async patch<T extends ApiCollection | ApiResource>(args: PatchRequest): Promise<T> {
     const headers = { ...this.headers, ...args.headers }
-    const url = this.uri.appUrl(args.url)
+    const url = this.appUrl(args.url)
 
     const requestArgs: MakeRequestArgs = { data: args.data, url, action: 'PATCH', headers }
 
@@ -95,7 +92,7 @@ export class Client {
 
   async post<T extends ApiCollection | ApiResource>(args: PostRequest): Promise<T> {
     const headers = { ...this.headers, ...args.headers }
-    const url = this.uri.appUrl(args.url)
+    const url = this.appUrl(args.url)
 
     const requestArgs: MakeRequestArgs = { ...args, data: args.data, url, action: 'POST', headers }
 
@@ -106,7 +103,7 @@ export class Client {
 
   async delete(args: DeleteRequest) {
     const headers = { ...this.headers, ...args.headers }
-    const url = this.uri.appUrl(args.url)
+    const url = this.appUrl(args.url)
 
     const requestArgs: MakeRequestArgs = { url, action: 'DELETE', headers }
 
@@ -133,12 +130,15 @@ export class Client {
     }
   }
 
+  appUrl(url: string) {
+    return `${this.root}${url}`
+  }
+
   get headers() {
     return {
       Accept: 'application/vnd.api+json',
       'Content-Type': 'application/json',
       'X-PCO-API-Version': this.version,
-      ...this.uri.headers,
       ...this.defaultHeaders,
     }
   }

package/src/utils/date.ts

@@ -1,4 +1,4 @@
-// @ts-ignore
+// @ts-expect-error
 import { date as formatDate } from '@planningcenter/datetime-fmt'
 import moment from 'moment-timezone'
 
@@ -24,3 +24,13 @@ const formatShorterDate = (date: DateProps) => {
   // Drop the century from the year
   return formatDate(date, { style: 'short', year: true }).replace(/20(\d{2})/, '$1')
 }
+
+export function getRelativeDateStatus(date: DateProps) {
+  const now = moment()
+
+  const isToday = now.isSame(date, 'day')
+  const isThisWeek = now.isSame(date, 'week')
+  const isThisYear = now.isSame(date, 'year')
+
+  return { isToday, isThisWeek, isThisYear }
+}

package/src/utils/destructure_chat_group_graph_id.ts

@@ -0,0 +1,25 @@
+import { AppName } from '../types/resources/app_name'
+import { SourceType, GraphId } from '../types/resources/group_resource'
+
+interface DestructuredChatGroupGraphIdType {
+  sourceAppName?: AppName
+  sourceType?: SourceType
+  sourceId?: number
+}
+
+export function destructureChatGroupGraphId(
+  chatGroupGraphId?: GraphId
+): DestructuredChatGroupGraphIdType {
+  if (!chatGroupGraphId)
+    return { sourceAppName: undefined, sourceType: undefined, sourceId: undefined }
+
+  const [sourceAppName, sourceType, sourceIdString] = chatGroupGraphId.split('-') as [
+    AppName,
+    SourceType,
+    string,
+  ]
+
+  const sourceIdNumber = Number(sourceIdString)
+
+  return { sourceAppName, sourceType, sourceId: sourceIdNumber }
+}

package/src/utils/index.ts

@@ -7,3 +7,4 @@ export * from './uri'
 export * from './cache'
 export * from './native_adapters'
 export * from './pluralize'
+export * from './destructure_chat_group_graph_id'

package/src/utils/native_adapters/configuration.ts

@@ -1,11 +1,13 @@
 import { AudioAdapter } from './audio'
 import { ClipboardAdapter } from './clipboard'
+import { ImagePickerAdapter } from './image_picker'
 import { VideoAdapter } from './video'
 
 type ChatConfigurations = {
   clipboard: ClipboardAdapter
   audio: AudioAdapter
   video: VideoAdapter
+  imagePicker: ImagePickerAdapter
 }
 
 export class ChatAdapters {
@@ -13,6 +15,7 @@ export class ChatAdapters {
     Clipboard = configurations.clipboard
     Audio = configurations.audio
     Video = configurations.video
+    ImagePicker = configurations.imagePicker
   }
 }
 
@@ -45,4 +48,15 @@ let Video: VideoAdapter = new VideoAdapter({
   ),
 })
 
-export { Clipboard, Audio, Video }
+let ImagePicker: ImagePickerAdapter = new ImagePickerAdapter({
+  openCameraAsync: async () => {
+    methodMissing()
+    return { canceled: true, assets: null }
+  },
+  openImageLibraryAsync: async () => {
+    methodMissing()
+    return { canceled: true, assets: null }
+  },
+})
+
+export { Clipboard, Audio, Video, ImagePicker }

package/src/utils/native_adapters/image_picker.ts

@@ -0,0 +1,31 @@
+export type ImagePickerAsset = {
+  uri: string
+  assetId?: string | null
+  width: number
+  height: number
+  mimeType?: string
+  fileName?: string | null
+  fileSize?: number
+}
+
+type ImagePickerSuccessResult = {
+  canceled: false
+  assets: ImagePickerAsset[]
+}
+
+type ImagePickerCanceledResult = {
+  canceled: true
+  assets: null
+}
+
+export type ImagePickerResult = ImagePickerSuccessResult | ImagePickerCanceledResult
+
+export class ImagePickerAdapter {
+  openCameraAsync: () => Promise<ImagePickerResult>
+  openImageLibraryAsync: () => Promise<ImagePickerResult>
+
+  constructor(methods: ImagePickerAdapter) {
+    this.openCameraAsync = methods.openCameraAsync
+    this.openImageLibraryAsync = methods.openImageLibraryAsync
+  }
+}

package/src/utils/native_adapters/index.ts

@@ -1,4 +1,5 @@
 export * from './clipboard'
 export * from './configuration'
 export * from './audio'
+export * from './image_picker'
 export * from './video'

package/src/utils/session.ts

@@ -1,28 +1,34 @@
 import { OAuthToken } from '../types'
 
 export type ENV = 'production' | 'staging' | 'development'
-
+export type OauthType = 'OAuth' | 'ChurchCenterOauth'
 export type PartialToken = Pick<OAuthToken, 'access_token'> & Partial<OAuthToken>
-export type SessionProps<T = PartialToken> = { env?: ENV; token?: T }
+export type SessionProps<T extends PartialToken> = { env?: ENV; token?: T; type?: OauthType }
 
 /**
  * Session class to track the environment and token
  * Not intended to make network requests or handle authentication
  */
-export class Session<T = PartialToken> {
+export class Session<T extends PartialToken = PartialToken> {
   env: ENV
   token: T | undefined
+  type: OauthType
 
   constructor(props?: SessionProps<T>) {
-    const { env = 'production', token } = props || {}
+    const { env = 'production', token, type } = props || {}
     this.env = env
     this.token = token
+    this.type = type || 'OAuth'
   }
 
   get isAuthenticated() {
     return Boolean(this.token)
   }
 
+  get isChurchCenterToken() {
+    return this.type === 'ChurchCenterOauth'
+  }
+
   toString() {
     return JSON.stringify({ env: this.env, token: this.token })
   }

package/src/utils/upload_uri.ts

@@ -0,0 +1,69 @@
+import DeviceInfo from 'react-native-device-info'
+import { Session } from './session'
+const brand = DeviceInfo.getBrand()
+const model = DeviceInfo.getModel()
+const systemName = DeviceInfo.getSystemName()
+const systemVersion = DeviceInfo.getSystemVersion()
+const readableVersion = DeviceInfo.getReadableVersion()
+const appName = DeviceInfo.getApplicationName()
+
+/**
+ * This is for accessing https://github.com/planningcenter/upload
+ */
+export class UploadUri {
+  session: Session
+  app?: string
+
+  constructor({ session }: { session: Session }) {
+    this.session = session
+  }
+
+  get schema() {
+    if (this.env === 'development') {
+      return 'http'
+    } else {
+      return 'https'
+    }
+  }
+
+  get host() {
+    return `${this.subdomain}.${this.domain}.${this.tld}`
+  }
+
+  get subdomain() {
+    switch (this.env) {
+      case 'staging':
+        return 'upload-staging'
+      default:
+        return 'upload'
+    }
+  }
+
+  get domain(): 'pco' | 'planningcenteronline' {
+    return this.env === 'development' ? 'pco' : 'planningcenteronline'
+  }
+
+  get tld() {
+    switch (this.env) {
+      case 'development':
+        return 'test'
+      default:
+        return 'com'
+    }
+  }
+
+  get env() {
+    return this.session?.env || 'production'
+  }
+
+  get baseUrl() {
+    return `${this.schema}://${this.host}`
+  }
+
+  get headers() {
+    return {
+      'User-Agent': `${appName}/${readableVersion} (${brand}, ${model}, ${systemName}, ${systemVersion})`,
+      Authorization: `Bearer ${this.session.token?.access_token}`,
+    }
+  }
+}

package/src/utils/uri.ts

@@ -7,13 +7,16 @@ const systemVersion = DeviceInfo.getSystemVersion()
 const readableVersion = DeviceInfo.getReadableVersion()
 const appName = DeviceInfo.getApplicationName()
 
+type Graph = 'churchcenter' | 'planningcenter'
 export class Uri {
   session: Session
+  graph: Graph = 'planningcenter'
   app?: string
 
-  constructor({ session, app }: { session: Session; app?: string }) {
+  constructor({ session, app, graph }: { session: Session; app?: string; graph?: Graph }) {
     this.session = session
     this.app = app
+    this.graph = graph || 'planningcenter'
   }
 
   get schema() {
@@ -25,18 +28,39 @@ export class Uri {
   }
 
   get host() {
+    return `${this.subdomain}.${this.domain}.${this.tld}`
+  }
+
+  get subdomain() {
     switch (this.env) {
-      case 'production':
-        return 'api.planningcenteronline.com'
       case 'staging':
-        return 'api-staging.planningcenteronline.com'
+        return this.isChurchCenter ? 'api.staging' : 'api-staging'
+      default:
+        return 'api'
+    }
+  }
+
+  get domain(): 'pco' | 'planningcenteronline' | 'churchcenter' {
+    if (this.isChurchCenter) {
+      return 'churchcenter'
+    }
+
+    return this.env === 'development' ? 'pco' : 'planningcenteronline'
+  }
+
+  get tld() {
+    switch (this.env) {
       case 'development':
-        return 'api.pco.test'
+        return 'test'
       default:
-        return 'api.planningcenteronline.com'
+        return 'com'
     }
   }
 
+  get isChurchCenter() {
+    return this.session.isChurchCenterToken
+  }
+
   get env() {
     return this.session?.env || 'production'
   }

package/src/vendor/tapestry/alias_tokens_color_map.ts

@@ -77,6 +77,7 @@ interface SemanticAliasesColors {
   surfaceColorCanvas: string
   surfaceColor100: string
   surfaceColor090: string
+  surfaceColor080: string
   needsDesignPass: string
 }
 
@@ -108,6 +109,7 @@ const semanticAliasesLight: SemanticAliasesColors = {
   surfaceColorCanvas: neutralsLight.fillColorNeutral090,
   surfaceColor100: neutralsLight.fillColorNeutral100Inverted,
   surfaceColor090: neutralsLight.fillColorNeutral090,
+  surfaceColor080: neutralsLight.fillColorNeutral080,
   needsDesignPass: 'hotpink',
 } as const
 
@@ -139,6 +141,7 @@ const semanticAliasesDark: SemanticAliasesColors = {
   surfaceColorCanvas: neutralsDark.fillColorNeutral090,
   surfaceColor100: neutralsDark.fillColorNeutral100Inverted,
   surfaceColor090: neutralsDark.fillColorNeutral090,
+  surfaceColor080: neutralsDark.fillColorNeutral080,
   needsDesignPass: 'pink',
 }
 

package/build/screens/conversation_new/components/member_error_card.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-export declare const MemberErrorCard: ({ description }: {
-    description: string;
-}) => React.JSX.Element;
-//# sourceMappingURL=member_error_card.d.ts.map

package/build/screens/conversation_new/components/member_error_card.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"member_error_card.d.ts","sourceRoot":"","sources":["../../../../src/screens/conversation_new/components/member_error_card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,eAAO,MAAM,eAAe,oBAAqB;IAAE,WAAW,EAAE,MAAM,CAAA;CAAE,sBAOvE,CAAA"}

package/build/screens/conversation_new/components/member_error_card.js

@@ -1,17 +0,0 @@
-import React from 'react';
-import { View, StyleSheet } from 'react-native';
-import { Banner } from '../../../components';
-export const MemberErrorCard = ({ description }) => {
-    const styles = useStyles();
-    return (<View style={styles.memberErrorBanner}>
-      <Banner appearance="error" description={description}/>
-    </View>);
-};
-const useStyles = () => {
-    return StyleSheet.create({
-        memberErrorBanner: {
-            paddingTop: 16,
-        },
-    });
-};
-//# sourceMappingURL=member_error_card.js.map

package/build/screens/conversation_new/components/member_error_card.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"member_error_card.js","sourceRoot":"","sources":["../../../../src/screens/conversation_new/components/member_error_card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAC/C,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAE5C,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAAE,WAAW,EAA2B,EAAE,EAAE;IAC1E,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAC1B,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,iBAAiB,CAAC,CACpC;MAAA,CAAC,MAAM,CAAC,UAAU,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,WAAW,CAAC,EACtD;IAAA,EAAE,IAAI,CAAC,CACR,CAAA;AACH,CAAC,CAAA;AAED,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,UAAU,CAAC,MAAM,CAAC;QACvB,iBAAiB,EAAE;YACjB,UAAU,EAAE,EAAE;SACf;KACF,CAAC,CAAA;AACJ,CAAC,CAAA","sourcesContent":["import React from 'react'\nimport { View, StyleSheet } from 'react-native'\nimport { Banner } from '../../../components'\n\nexport const MemberErrorCard = ({ description }: { description: string }) => {\n  const styles = useStyles()\n  return (\n    <View style={styles.memberErrorBanner}>\n      <Banner appearance=\"error\" description={description} />\n    </View>\n  )\n}\n\nconst useStyles = () => {\n  return StyleSheet.create({\n    memberErrorBanner: {\n      paddingTop: 16,\n    },\n  })\n}\n"]}

package/build/screens/conversation_new/utils/fake_member_data.d.ts

@@ -1,3 +0,0 @@
-import { MemberResource } from '../../../types';
-export declare const FAKE_MEMBER_DATA: MemberResource[];
-//# sourceMappingURL=fake_member_data.d.ts.map

package/build/screens/conversation_new/utils/fake_member_data.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"fake_member_data.d.ts","sourceRoot":"","sources":["../../../../src/screens/conversation_new/utils/fake_member_data.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAE/C,eAAO,MAAM,gBAAgB,EAAE,cAAc,EA+H5C,CAAA"}