@planningcenter/chat-react-native 3.2.0-rc.8 → 3.2.0

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',
 }