@planningcenter/chat-react-native 3.42.3-qa-staging.0 → 3.42.3-qa-staging.2

package/src/__tests__/hooks/use_font_scale.test.ts

@@ -1,9 +1,13 @@
 import { renderHook } from '@testing-library/react-native'
 import { useFontScale } from '../../hooks/use_font_scale'
 
-jest.mock('react-native', () => ({
-  useWindowDimensions: jest.fn(),
-}))
+jest.mock('react-native', () => {
+  const actual = jest.requireActual('react-native')
+  return Object.defineProperty(actual, 'useWindowDimensions', {
+    value: jest.fn(),
+    configurable: true,
+  })
+})
 
 const mockUseWindowDimensions = require('react-native').useWindowDimensions
 const DEFAULT_NATIVE_FONT_SCALE = 1

package/src/__tests__/utils/liquid_glass.ts

@@ -0,0 +1,40 @@
+import { Platform } from 'react-native'
+import { isLiquidGlassEnabled, setLiquidGlassCapability } from '../../utils/liquid_glass'
+
+const mockPlatform = (OS: 'ios' | 'android', Version: string | number) => {
+  Object.defineProperty(Platform, 'OS', { value: OS, configurable: true })
+  Object.defineProperty(Platform, 'Version', { value: Version, configurable: true })
+}
+
+describe('isLiquidGlassEnabled', () => {
+  afterEach(() => {
+    setLiquidGlassCapability(false)
+  })
+
+  it('is false until the host enables it', () => {
+    mockPlatform('ios', '26.0')
+
+    expect(isLiquidGlassEnabled()).toBe(false)
+  })
+
+  it('is true when the host enables it on iOS 26 or later', () => {
+    mockPlatform('ios', '26.0')
+    setLiquidGlassCapability(true)
+
+    expect(isLiquidGlassEnabled()).toBe(true)
+  })
+
+  it('is false below iOS 26 even when the host enables it', () => {
+    mockPlatform('ios', '18.5')
+    setLiquidGlassCapability(true)
+
+    expect(isLiquidGlassEnabled()).toBe(false)
+  })
+
+  it('is false on android even when the host enables it', () => {
+    mockPlatform('android', 36)
+    setLiquidGlassCapability(true)
+
+    expect(isLiquidGlassEnabled()).toBe(false)
+  })
+})

package/src/__tests__/utils/native_adapters/configuration.ts

@@ -113,7 +113,7 @@ describe('ChatAdapters', () => {
   describe('document picker adapter', () => {
     it('uses the configured adapter when provided', () => {
       const documentPicker = new DocumentPickerAdapter({
-        openAsync: jest.fn(async () => ({ canceled: true, assets: null })),
+        openAsync: jest.fn(async () => ({ canceled: true as true, assets: null })),
       })
 
       ChatAdapters.configure({

package/src/__tests__/utils/system_messages.ts

@@ -11,7 +11,7 @@ const makeMessage = (overrides: Partial<MessageResource> = {}): MessageResource
   textEditedAt: null,
   mine: false,
   attachments: [],
-  author: { id: -1, name: 'System', avatar: '' },
+  author: { id: -1, type: 'Person', name: 'System', avatar: '' },
   reactionCounts: [],
   replyCount: 0,
   replyRootId: null,

package/src/__tests__/utils/uri.ts

@@ -1,4 +1,4 @@
-import { Uri } from '../../utils'
+import { Session, Uri } from '../../utils'
 
 describe('URI', () => {
   it('should be defined', () => {
@@ -7,13 +7,7 @@ describe('URI', () => {
 
   it('should create a new instance', () => {
     const uri = new Uri({
-      session: {
-        env: 'production',
-        token: undefined,
-        type: 'OAuth',
-        isAuthenticated: false,
-        isChurchCenterToken: false,
-      },
+      session: new Session({ env: 'production', type: 'OAuth' }),
     })
     expect(uri).toBeDefined()
   })
@@ -22,39 +16,21 @@ describe('URI', () => {
     describe('planning center', () => {
       it('should return the correct base URL for production', () => {
         const uri = new Uri({
-          session: {
-            env: 'production',
-            token: undefined,
-            type: 'OAuth',
-            isAuthenticated: false,
-            isChurchCenterToken: false,
-          },
+          session: new Session({ env: 'production', type: 'OAuth' }),
         })
         expect(uri.baseUrl).toBe('https://api.planningcenteronline.com')
       })
 
       it('should return the correct base URL for staging', () => {
         const uri = new Uri({
-          session: {
-            env: 'staging',
-            token: undefined,
-            type: 'OAuth',
-            isAuthenticated: false,
-            isChurchCenterToken: false,
-          },
+          session: new Session({ env: 'staging', type: 'OAuth' }),
         })
         expect(uri.baseUrl).toBe('https://api-staging.planningcenteronline.com')
       })
 
       it('should return the correct base URL for development', () => {
         const uri = new Uri({
-          session: {
-            env: 'development',
-            token: undefined,
-            type: 'OAuth',
-            isAuthenticated: false,
-            isChurchCenterToken: false,
-          },
+          session: new Session({ env: 'development', type: 'OAuth' }),
         })
         expect(uri.baseUrl).toBe('https://api.pco.test')
       })
@@ -63,13 +39,7 @@ describe('URI', () => {
     describe('church center', () => {
       it('should return the correct base URL for production', () => {
         const uri = new Uri({
-          session: {
-            env: 'production',
-            token: undefined,
-            type: 'ChurchCenterOauth',
-            isAuthenticated: false,
-            isChurchCenterToken: true,
-          },
+          session: new Session({ env: 'production', type: 'ChurchCenterOauth' }),
           graph: 'churchcenter',
         })
         expect(uri.baseUrl).toBe('https://api.churchcenter.com')
@@ -77,13 +47,7 @@ describe('URI', () => {
 
       it('should return the correct base URL for staging', () => {
         const uri = new Uri({
-          session: {
-            env: 'staging',
-            token: undefined,
-            type: 'ChurchCenterOauth',
-            isAuthenticated: false,
-            isChurchCenterToken: true,
-          },
+          session: new Session({ env: 'staging', type: 'ChurchCenterOauth' }),
           graph: 'churchcenter',
         })
         expect(uri.baseUrl).toBe('https://api.staging.churchcenter.com')
@@ -91,13 +55,7 @@ describe('URI', () => {
 
       it('should return the correct base URL for development', () => {
         const uri = new Uri({
-          session: {
-            env: 'development',
-            token: undefined,
-            type: 'ChurchCenterOauth',
-            isAuthenticated: false,
-            isChurchCenterToken: true,
-          },
+          session: new Session({ env: 'development', type: 'ChurchCenterOauth' }),
           graph: 'churchcenter',
         })
         expect(uri.baseUrl).toBe('https://api.churchcenter.test')

package/src/__utils__/handlers.ts

@@ -1,5 +1,4 @@
-import { http, HttpResponse } from 'msw'
-import { JSONAPIResponse } from '../types'
+import { http, HttpResponse, type JsonBodyType } from 'msw'
 import DefaultFixtures from './fixtures/defaults'
 
 export const BASE_URL = 'https://api.pco.test/chat/v2'
@@ -13,25 +12,25 @@ export const handlers = [
   del(BASE_URL + '/records/:id'),
 ]
 
-function get(url: string, mockedResponse: JSONAPIResponse, mockedStatus: number = 200) {
+function get(url: string, mockedResponse: JsonBodyType, mockedStatus: number = 200) {
   return http.get(url, () => {
     return HttpResponse.json(mockedResponse, { status: mockedStatus })
   })
 }
 
-function post(url: string, mockedResponse: JSONAPIResponse, mockedStatus: number = 200) {
+function post(url: string, mockedResponse: JsonBodyType, mockedStatus: number = 200) {
   return http.post(url, () => {
     return HttpResponse.json(mockedResponse, { status: mockedStatus })
   })
 }
 
-function del(url: string, mockedResponse?: JSONAPIResponse, mockedStatus: number = 200) {
+function del(url: string, mockedResponse?: JsonBodyType, mockedStatus: number = 200) {
   return http.delete(url, () => {
     return HttpResponse.json(mockedResponse, { status: mockedStatus })
   })
 }
 
-function patch(url: string, mockedResponse: JSONAPIResponse, mockedStatus: number = 200) {
+function patch(url: string, mockedResponse: JsonBodyType, mockedStatus: number = 200) {
   return http.patch(url, () => {
     return HttpResponse.json(mockedResponse, { status: mockedStatus })
   })

package/src/components/conversation/attachments/attachment_deleting_overlay.tsx

@@ -1,4 +1,3 @@
-import React from 'react'
 import { View, StyleSheet } from 'react-native'
 import { useTheme } from '../../../hooks'
 import { Spinner } from '../../display'
@@ -19,14 +18,22 @@ const useStyles = () => {
 
   return StyleSheet.create({
     container: {
-      ...StyleSheet.absoluteFillObject,
+      position: 'absolute',
+      top: 0,
+      left: 0,
+      right: 0,
+      bottom: 0,
       justifyContent: 'center',
       alignItems: 'center',
       borderRadius: 8,
       overflow: 'hidden',
     },
     overlay: {
-      ...StyleSheet.absoluteFillObject,
+      position: 'absolute',
+      top: 0,
+      left: 0,
+      right: 0,
+      bottom: 0,
       backgroundColor: colors.fillColorNeutral070,
       opacity: 0.5,
     },

package/src/components/conversation/messages_disabled_banners.tsx

@@ -3,7 +3,7 @@ import { useSafeAreaInsets } from 'react-native-safe-area-context'
 import { useTheme } from '../../hooks'
 import type { ConversationDisabledReason } from '../../types'
 import { ADULT_REQUIREMENT_BODY } from '../../utils'
-import { Text } from '../display'
+import { Button, Text } from '../display'
 
 export const LeaderMessagesDisabledBanner = () => {
   return (
@@ -31,22 +31,37 @@ const DEFAULT_DISABLED_TEXT = 'This conversation has been disabled.'
 
 interface ConversationDisabledBannerProps {
   disabledReason?: ConversationDisabledReason
+  messageLink?: { label: string; onPress: () => void }
 }
 
-export const ConversationDisabledBanner = ({ disabledReason }: ConversationDisabledBannerProps) => {
+export const ConversationDisabledBanner = ({
+  disabledReason,
+  messageLink,
+}: ConversationDisabledBannerProps) => {
   const styles = useStyles()
   const description =
     (disabledReason && DISABLED_REASON_TEXT[disabledReason]) ?? DEFAULT_DISABLED_TEXT
 
-  return <MessagesDisabledBanner description={description} style={styles.memberBanner} />
+  return (
+    <MessagesDisabledBanner
+      description={description}
+      style={styles.memberBanner}
+      messageLink={messageLink}
+    />
+  )
 }
 
 interface MessagesDisabledBannerProps {
   description: string
   style?: ViewStyle
+  messageLink?: { label: string; onPress: () => void }
 }
 
-const MessagesDisabledBanner = ({ description, style }: MessagesDisabledBannerProps) => {
+const MessagesDisabledBanner = ({
+  description,
+  style,
+  messageLink,
+}: MessagesDisabledBannerProps) => {
   const styles = useStyles()
 
   return (
@@ -54,6 +69,15 @@ const MessagesDisabledBanner = ({ description, style }: MessagesDisabledBannerPr
       <Text style={styles.text} variant="tertiary">
         {description}
       </Text>
+      {messageLink && (
+        <Button
+          variant="fill"
+          size="lg"
+          title={messageLink.label}
+          onPress={messageLink.onPress}
+          style={styles.messageButton}
+        />
+      )}
     </View>
   )
 }
@@ -78,5 +102,8 @@ const useStyles = () => {
       paddingBottom: 16 + bottom,
       marginBottom: -bottom,
     },
+    messageButton: {
+      marginTop: 12,
+    },
   })
 }

package/src/components/page/__tests__/component_error_boundary.test.tsx

@@ -4,7 +4,7 @@ import { Text } from 'react-native'
 import { Log } from '../../../utils/native_adapters/configuration'
 import { ComponentErrorBoundary } from '../component_error_boundary'
 
-function Boom({ thrown }: { thrown: unknown }) {
+function Boom({ thrown }: { thrown: unknown }): React.ReactElement {
   throw thrown
 }
 

package/src/components/page/__tests__/error_boundary.test.tsx

@@ -6,7 +6,7 @@ import { Log } from '../../../utils/native_adapters/configuration'
 import { ResponseError } from '../../../utils/response_error'
 import { ErrorBoundary } from '../error_boundary'
 
-function Boom({ thrown }: { thrown: unknown }) {
+function Boom({ thrown }: { thrown: unknown }): React.ReactElement {
   throw thrown
 }
 
@@ -46,7 +46,11 @@ describe('ErrorBoundary', () => {
   })
 
   it('does not report ResponseError — those are owned by the HTTP layer', () => {
-    const failure = { status: 500, statusText: 'Server Error', errors: [] } as FailedResponse
+    const failure = {
+      status: 500,
+      statusText: 'Server Error',
+      errors: [],
+    } as unknown as FailedResponse
 
     render(
       <ErrorBoundary fallback={null}>

package/src/components/page/__tests__/page_error_boundary.test.tsx

@@ -26,7 +26,7 @@ jest.mock('../../primitive/blank_state_primitive', () => {
   }
 })
 
-function Boom({ thrown }: { thrown: unknown }) {
+function Boom({ thrown }: { thrown: unknown }): React.ReactElement {
   throw thrown
 }
 

package/src/contexts/chat_context.tsx

@@ -7,6 +7,7 @@ import { ApiResource, DeepPartial } from '../types'
 import { FailedResponse } from '../types'
 import { ProductAnalyticsConfig } from '../types/product_analytics'
 import { Client, ENV, OauthType, PartialToken, Session, Uri } from '../utils'
+import { setLiquidGlassCapability } from '../utils/liquid_glass'
 import { ChatTheme, defaultTheme, DefaultTheme } from '../utils/theme'
 
 export interface ChatProviderProps {
@@ -18,6 +19,7 @@ export interface ChatProviderProps {
   tokenType?: OauthType
   theme: CreateChatThemeProps
   edgeToEdge?: boolean
+  liquidGlassEnabled?: boolean
 }
 
 export interface ChatContextValue extends Omit<ChatProviderProps, 'theme'> {
@@ -36,6 +38,7 @@ export const ChatContext = createContext<ChatContextValue>({
   theme: defaultTheme('light'),
   token: undefined,
   edgeToEdge: true,
+  liquidGlassEnabled: false,
   productAnalyticsConfig: undefined,
 })
 
@@ -48,7 +51,11 @@ export function ChatProvider({ children, value }: { children: any; value: ChatPr
     giphyApiKey,
     tokenType,
     edgeToEdge = true,
+    liquidGlassEnabled = false,
   } = value
+  // Set during render, not in an effect — navigator options factories read it
+  // before effects would run.
+  setLiquidGlassCapability(liquidGlassEnabled)
   const theme = useCreateChatTheme(value.theme || {})
   const session = useMemo(
     () => new Session({ token, env, type: tokenType }),
@@ -59,6 +66,7 @@ export function ChatProvider({ children, value }: { children: any; value: ChatPr
   const contextValue: ChatContextValue = {
     ...value,
     edgeToEdge,
+    liquidGlassEnabled,
     env,
     giphyApiKey,
     onAgeDisqualification,

package/src/hooks/direct_messages/find_direct_message_conversation.ts

@@ -0,0 +1,16 @@
+import { ApiCollection, ConversationResource } from '../../types'
+import { ApiClient } from '../use_api_client'
+
+export const getFindDirectMessageConversationRequestArgs = (participantIds: string[]) => ({
+  url: '/me/conversations',
+  data: {
+    fields: { Conversation: ['title', 'disabled'] },
+    filter: 'with_exact_direct_message_participants',
+    participant_ids: participantIds.join(','),
+  },
+})
+
+export const findDirectMessageConversation = (apiClient: ApiClient, participantIds: string[]) =>
+  apiClient.chat.get(getFindDirectMessageConversationRequestArgs(participantIds)) as Promise<
+    ApiCollection<ConversationResource>
+  >

package/src/hooks/direct_messages/resolve_message_available_members_link.ts

@@ -0,0 +1,42 @@
+import { ConversationResource } from '../../types'
+import { PreselectedDirectMessagePerson } from '../../types/resources/direct_message_candidate'
+import { MemberResource } from '../../types/resources/member'
+
+export type MessageAvailableMembersLink =
+  | { label: string; existingConversationId: number }
+  | { label: string; recipients: PreselectedDirectMessagePerson[] }
+
+export function resolveMessageAvailableMembersLink({
+  availableMembers,
+  existingConversations,
+  canMessageAvailableMembers,
+}: {
+  availableMembers: Pick<MemberResource, 'id' | 'name' | 'avatar'>[]
+  existingConversations: Pick<ConversationResource, 'id' | 'disabled'>[] | undefined
+  canMessageAvailableMembers: boolean
+}): MessageAvailableMembersLink | undefined {
+  if (availableMembers.length === 0 || !existingConversations) return undefined
+
+  const label =
+    availableMembers.length === 1
+      ? `Message ${availableMembers[0].name.split(' ')[0]}`
+      : `Message the remaining ${availableMembers.length} people`
+
+  const existingConversation = existingConversations[0]
+  if (existingConversation) {
+    return existingConversation.disabled
+      ? undefined
+      : { label, existingConversationId: Number(existingConversation.id) }
+  }
+
+  if (!canMessageAvailableMembers) return undefined
+
+  return {
+    label,
+    recipients: availableMembers.map(m => ({
+      id: m.id.toString(),
+      name: m.name,
+      avatar: m.avatar,
+    })),
+  }
+}

package/src/hooks/direct_messages/use_find_or_create_direct_message_conversation.ts

@@ -1,17 +1,8 @@
 import { useQuery } from '@tanstack/react-query'
 import { useState, useCallback } from 'react'
-import { ApiCollection, ApiResource, ConversationResource } from '../../types'
+import { ApiResource, ConversationResource } from '../../types'
 import { ApiClient, useApiClient } from '../use_api_client'
-
-const findDirectMessageConversation = (apiClient: ApiClient, participantIds: string[]) =>
-  apiClient.chat.get({
-    url: '/me/conversations',
-    data: {
-      fields: { Conversation: ['title'] },
-      filter: 'with_exact_direct_message_participants',
-      participant_ids: participantIds.join(','),
-    },
-  }) as Promise<ApiCollection<ConversationResource>>
+import { findDirectMessageConversation } from './find_direct_message_conversation'
 
 const createDirectMessageConversation = (apiClient: ApiClient, ids: string[]) =>
   apiClient.chat.post({

package/src/hooks/direct_messages/use_message_available_members.ts

@@ -0,0 +1,65 @@
+import { useQuery } from '@tanstack/react-query'
+import { useMemo } from 'react'
+import { ConversationResource } from '../../types'
+import { MemberResource } from '../../types/resources/member'
+import { useApiGet } from '../use_api'
+import { useApiClient } from '../use_api_client'
+import { useCurrentPerson } from '../use_current_person'
+import { getRequestQueryKey } from '../use_suspense_api'
+import {
+  findDirectMessageConversation,
+  getFindDirectMessageConversationRequestArgs,
+} from './find_direct_message_conversation'
+import {
+  MessageAvailableMembersLink,
+  resolveMessageAvailableMembersLink,
+} from './resolve_message_available_members_link'
+
+export function useMessageAvailableMembers(
+  conversation: ConversationResource,
+  { enabled }: { enabled: boolean }
+): MessageAvailableMembersLink | undefined {
+  const apiClient = useApiClient()
+  const currentPerson = useCurrentPerson()
+
+  const { data: members } = useApiGet<MemberResource[]>(
+    {
+      url: `/me/conversations/${conversation.id}/members`,
+      data: { fields: { Member: ['name', 'avatar', 'direct_messages_disabled'] } },
+    },
+    { enabled }
+  )
+
+  const availableMembers = useMemo(() => {
+    if (!enabled || !members) return []
+
+    const currentMember = members.find(m => m.id === currentPerson.id)
+    if (currentMember?.directMessagesDisabled) return []
+
+    return members.filter(m => m.id !== currentPerson.id && !m.directMessagesDisabled)
+  }, [enabled, members, currentPerson.id])
+
+  const availablePersonIds = useMemo(() => availableMembers.map(m => m.id), [availableMembers])
+
+  const { data: existingDirectMessageData } = useQuery({
+    queryKey: getRequestQueryKey(
+      getFindDirectMessageConversationRequestArgs(availablePersonIds.map(String))
+    ),
+    queryFn: () => findDirectMessageConversation(apiClient, availablePersonIds.map(String)),
+    enabled: availablePersonIds.length > 0,
+  })
+
+  return useMemo(
+    () =>
+      resolveMessageAvailableMembersLink({
+        availableMembers,
+        existingConversations: existingDirectMessageData?.data,
+        canMessageAvailableMembers: !!conversation.memberAbility?.canMessageAvailableMembers,
+      }),
+    [
+      availableMembers,
+      existingDirectMessageData,
+      conversation.memberAbility?.canMessageAvailableMembers,
+    ]
+  )
+}

package/src/hooks/direct_messages/use_message_available_members_action.ts

@@ -0,0 +1,34 @@
+import { StackActions, useNavigation } from '@react-navigation/native'
+import { ConversationResource } from '../../types'
+import { useMessageAvailableMembers } from './use_message_available_members'
+
+export function useMessageAvailableMembersAction(conversation: ConversationResource) {
+  const navigation = useNavigation()
+  const isDmDisabled =
+    !!conversation.disabled && conversation.disabledReason === 'direct_messages_disabled'
+  const messageAvailableMembersLink = useMessageAvailableMembers(conversation, {
+    enabled: isDmDisabled,
+  })
+
+  if (!messageAvailableMembersLink) return undefined
+
+  return {
+    label: messageAvailableMembersLink.label,
+    onPress: () => {
+      if ('existingConversationId' in messageAvailableMembersLink) {
+        // replace instead of navigate/push so the disabled conversation isn't
+        // left in the back stack as a dead end
+        navigation.dispatch(
+          StackActions.replace('Conversation', {
+            conversation_id: messageAvailableMembersLink.existingConversationId,
+          })
+        )
+      } else {
+        navigation.navigate('New', {
+          screen: 'ConversationSelectDirectMessageRecipients',
+          params: { preselected_people: messageAvailableMembersLink.recipients },
+        })
+      }
+    },
+  }
+}

package/src/hooks/index.ts

@@ -8,7 +8,7 @@ export * from './use_chat_permissions'
 export * from './use_create_android_ripple_color'
 export * from './use_current_person'
 export * from './use_deleting_ids'
-export * from './use_direct_messages_enabled'
+export * from './use_direct_messages_eligible'
 export * from './use_font_scale'
 export * from './use_has_direct_messages'
 export * from './use_groups_groups'

package/src/hooks/use_conversation.ts

@@ -47,6 +47,7 @@ export const getConversationRequestArgs = ({ conversation_id }: { conversation_i
         'leader',
         'can_reply',
         'can_delete_non_authored_messages',
+        'can_message_available_members',
       ],
       ConversationMembership: [
         'last_read_message_sort_key',

package/src/hooks/use_current_person.ts

@@ -17,6 +17,7 @@ export const currentPersonRequestArgs = {
         'pco_chat_enabled',
         'age_qualification_status',
         'direct_messages_disabled',
+        'direct_messages_eligible',
         'under_18',
       ],
     },

package/src/hooks/use_direct_messages_eligible.ts

@@ -0,0 +1,11 @@
+import { CurrentPersonResource } from '../types'
+import { useApiGet } from './use_api'
+import { currentPersonRequestArgs } from './use_current_person'
+
+export const useDirectMessagesEligible = (): boolean => {
+  const { data: person, isFetched } = useApiGet<CurrentPersonResource>(currentPersonRequestArgs)
+
+  if (!isFetched) return false
+
+  return person?.directMessagesEligible ?? false
+}

package/src/hooks/use_features.ts

@@ -43,7 +43,6 @@ export const availableFeatures = {
   custom_conversation_avatars: 'ROLLOUT_custom_conversation_avatars',
   conversation_safety_lock: 'ROLLOUT_conversation_safety_lock',
   video_moderation: 'ROLLOUT_MOBILE_video_moderation',
-  direct_messages_eap: 'ROLLOUT_direct_messages_eap',
   dm_search_clear_fix: 'ROLLOUT_MOBILE_dm_search_clear_fix',
 } as const satisfies Record<string, `ROLLOUT_${string}`>
 

package/src/index.tsx

@@ -12,7 +12,8 @@ export { default as Event } from './polyfills/events/Event'
 export * from './screens'
 export { AgeCheckUnderageScreen } from './screens/age_check/age_check_underage_screen' // TODO: add to barrel
 export * from './types'
-export { ENV, platformFontWeightBold, Session, TemporaryDefaultColorsType, Uri } from './utils'
+export { platformFontWeightBold, Session, Uri } from './utils'
+export type { ENV, TemporaryDefaultColorsType } from './utils'
 export * from './utils/client'
 export * from './utils/host_bridge'
 export * from './utils/native_adapters'