@planningcenter/chat-react-native 3.29.0 → 3.30.0-rc.1

package/src/components/display/button.tsx

@@ -2,10 +2,10 @@ import React from 'react'
 import { Pressable, StyleSheet, Text, View } from 'react-native'
 import type { PressableProps, ViewStyle } from 'react-native'
 import LinearGradient from 'react-native-linear-gradient'
-import { Icon, IconString } from './icon'
 import { useTheme, useFontScale, useCreateAndroidRippleColor } from '../../hooks'
-import { tokens } from '../../vendor/tapestry/tokens'
 import { platformFontWeightBold, platformPressedOpacityStyle } from '../../utils'
+import { tokens } from '../../vendor/tapestry/tokens'
+import { Icon, IconString } from './icon'
 import { Spinner } from './spinner'
 import { getColorKey, useButtonColorOptionMap, useGradientColorMap } from './utils/button_colors'
 import type { ButtonAppearanceUnion } from './utils/button_colors'

package/src/components/display/child_notice.tsx

@@ -1,10 +1,10 @@
 import React from 'react'
+import { View, StyleSheet, type ViewStyle } from 'react-native'
 import { MemberResource } from '../../types'
-import { BannerCollapsible } from './banner_collapsible'
+import { platformFontWeightMedium, pluralize } from '../../utils'
 import BannerPrimitive from '../primitive/banner_primitive'
-import { View, StyleSheet, type ViewStyle } from 'react-native'
 import { Avatar } from './avatar'
-import { platformFontWeightMedium, pluralize } from '../../utils'
+import { BannerCollapsible } from './banner_collapsible'
 import { Text } from './text'
 
 // =================================

package/src/components/display/heading.tsx

@@ -1,4 +1,3 @@
-import { useTheme } from '../../hooks'
 import React from 'react'
 import {
   Platform,
@@ -6,8 +5,9 @@ import {
   Text as ReactNativeText,
   TextProps as ReactNativeTextProps,
 } from 'react-native'
-import { tokens } from '../../vendor/tapestry/tokens'
+import { useTheme } from '../../hooks'
 import { platformFontWeightBold } from '../../utils/styles'
+import { tokens } from '../../vendor/tapestry/tokens'
 
 // =================================
 // ====== Component ================

package/src/components/display/icon.tsx

@@ -1,10 +1,3 @@
-import React from 'react'
-import { StyleSheet, View } from 'react-native'
-import type { ColorValue, StyleProp, ViewStyle } from 'react-native'
-import { SvgXml } from 'react-native-svg'
-import type { XmlProps } from 'react-native-svg'
-import { useFontScale, useTheme } from '../../hooks'
-
 import * as accounts from '@planningcenter/icons/paths/accounts'
 import * as api from '@planningcenter/icons/paths/api'
 import * as brand from '@planningcenter/icons/paths/brand'
@@ -15,9 +8,15 @@ import * as general from '@planningcenter/icons/paths/general'
 import * as groups from '@planningcenter/icons/paths/groups'
 import * as logomark from '@planningcenter/icons/paths/logomark'
 import * as people from '@planningcenter/icons/paths/people'
-import * as services from '@planningcenter/icons/paths/services'
 import * as publishing from '@planningcenter/icons/paths/publishing'
 import * as registrations from '@planningcenter/icons/paths/registrations'
+import * as services from '@planningcenter/icons/paths/services'
+import React from 'react'
+import type { ColorValue, StyleProp, ViewStyle } from 'react-native'
+import { StyleSheet, View } from 'react-native'
+import type { XmlProps } from 'react-native-svg'
+import { SvgXml } from 'react-native-svg'
+import { useFontScale, useTheme } from '../../hooks'
 
 // =================================
 // ====== Constants ================

package/src/components/display/icon_button.tsx

@@ -1,10 +1,10 @@
 import React from 'react'
 import { Pressable, StyleSheet, type StyleProp } from 'react-native'
 import type { PressableProps, ViewStyle } from 'react-native'
-import { Icon } from './icon'
-import type { IconProps, IconString } from './icon'
 import { useTheme, useFontScale, useCreateAndroidRippleColor } from '../../hooks'
 import { platformPressedOpacityStyle } from '../../utils'
+import { Icon } from './icon'
+import type { IconProps, IconString } from './icon'
 import { Spinner } from './spinner'
 import { getColorKey, useIconButtonColorOptionMap } from './utils/button_colors'
 import type { IconButtonAppearanceUnion } from './utils/button_colors'

package/src/components/display/image_attachment_preview.tsx

@@ -1,9 +1,9 @@
 import { View, StyleSheet } from 'react-native'
-import { Image } from './image'
-import { IconButton } from './icon_button'
-import { Icon } from './icon'
 import { useTheme } from '../../hooks'
 import { tokens } from '../../vendor/tapestry/tokens'
+import { Icon } from './icon'
+import { IconButton } from './icon_button'
+import { Image } from './image'
 
 const SIZES = {
   sm: 'sm',

package/src/components/display/person.tsx

@@ -1,10 +1,10 @@
 import React from 'react'
 import { StyleSheet, View, type ViewStyle } from 'react-native'
-import { platformFontWeightMedium } from '../../utils/styles'
 import { MemberResource } from '../../types'
+import { platformFontWeightMedium } from '../../utils/styles'
 import { Avatar } from './avatar'
-import { Text } from './text'
 import { Badge } from './badge'
+import { Text } from './text'
 
 // =================================
 // ====== Components ===============

package/src/components/display/platform_modal_header_buttons.tsx

@@ -1,9 +1,9 @@
-import { ColorValue, Platform, StyleSheet } from 'react-native'
-import { TextButton } from './text_button'
 import { HeaderButton } from '@react-navigation/elements'
-import { Icon } from './icon'
-import { useTheme } from '../../hooks'
 import type { NativeStackHeaderRightProps } from '@react-navigation/native-stack'
+import { ColorValue, Platform, StyleSheet } from 'react-native'
+import { useTheme } from '../../hooks'
+import { Icon } from './icon'
+import { TextButton } from './text_button'
 
 interface HeaderTextButtonProps {
   onPress: () => void

package/src/components/display/text.tsx

@@ -1,4 +1,3 @@
-import { useTheme } from '../../hooks'
 import React from 'react'
 import { StyleSheet, Text as ReactNativeText, Platform } from 'react-native'
 import type {
@@ -6,6 +5,7 @@ import type {
   TextProps as ReactNativeTextProps,
   StyleProp,
 } from 'react-native'
+import { useTheme } from '../../hooks'
 import { tokens } from '../../vendor/tapestry/tokens'
 
 // =================================

package/src/components/display/text_inline_button.tsx

@@ -1,10 +1,10 @@
+import colorFunction from 'color'
 import React, { useState } from 'react'
 import { Platform, StyleSheet } from 'react-native'
 import { useTheme } from '../../hooks'
+import { platformFontWeightMedium } from '../../utils'
 import { Text } from './text'
 import type { TextProps } from './text'
-import { platformFontWeightMedium } from '../../utils'
-import colorFunction from 'color'
 import { getColorKey, useButtonColorOptionMap } from './utils/button_colors'
 import type { ButtonAppearanceUnion } from './utils/button_colors'
 

package/src/components/display/toggle_button.tsx

@@ -1,7 +1,6 @@
 import React from 'react'
 import { Pressable, StyleSheet } from 'react-native'
 import type { PressableProps, GestureResponderEvent } from 'react-native'
-import { Text } from './text'
 import {
   useTheme,
   useFontScale,
@@ -13,9 +12,10 @@ import {
   platformFontWeightBold,
   platformPressedOpacityStyle,
 } from '../../utils'
-import { Icon, IconString } from './icon'
-import { tokens } from '../../vendor/tapestry/tokens'
 import { Haptic } from '../../utils/native_adapters/configuration'
+import { tokens } from '../../vendor/tapestry/tokens'
+import { Icon, IconString } from './icon'
+import { Text } from './text'
 
 // =================================
 // ====== Constants ================

package/src/components/display/video_attachment_preview.tsx

@@ -1,11 +1,11 @@
 import { View, StyleSheet } from 'react-native'
-import { IconButton } from './icon_button'
 import { useTheme } from '../../hooks'
-import { Icon } from './icon'
-import { Text } from './text'
 import { platformFontWeightMedium } from '../../utils'
-import { Spinner } from './spinner'
 import { tokens } from '../../vendor/tapestry/tokens'
+import { Icon } from './icon'
+import { IconButton } from './icon_button'
+import { Spinner } from './spinner'
+import { Text } from './text'
 
 interface VideoAttachmentPreviewProps {
   name: string

package/src/components/group_conversation_list.tsx

@@ -1,13 +1,13 @@
 import React, { useEffect } from 'react'
 import { StyleSheet, View, ViewStyle } from 'react-native'
-import { ConversationPreview } from './conversations/conversation_preview'
-import { ConversationRequestArgs } from '../utils/request/conversation'
-import { useTheme } from '../hooks'
-import { Icon, Text } from './display'
 import {
   ConversationsContextProvider,
   useConversationsContext,
 } from '../contexts/conversations_context'
+import { useTheme } from '../hooks'
+import { ConversationRequestArgs } from '../utils/request/conversation'
+import { ConversationPreview } from './conversations/conversation_preview'
+import { Icon, Text } from './display'
 
 interface GroupConversationsProps extends Partial<ConversationRequestArgs> {
   limit?: number

package/src/components/primitive/avatar_primitive.tsx

@@ -1,10 +1,10 @@
 import React, { createContext, useContext, useEffect, useState } from 'react'
 import { StyleSheet, View, ViewProps } from 'react-native'
 import { useFontScale, useTheme } from '../../hooks'
+import { MAX_FONT_SIZE_MULTIPLIER } from '../../utils'
 import { Icon, IconString } from '../display/icon'
 import { Image, ImageProps } from '../display/image'
 import { Spinner } from '../display/spinner'
-import { MAX_FONT_SIZE_MULTIPLIER } from '../../utils'
 
 // =================================
 // ====== Exports ==================

package/src/components/primitive/banner_primitive.tsx

@@ -1,20 +1,20 @@
 import React, { createContext, FC, ReactNode, useContext } from 'react'
 import { Pressable, StyleSheet, View, ViewStyle } from 'react-native'
-import {
-  useStatusColorAppearanceMap,
-  type StatusAppearanceUnion,
-} from '../display/utils/status_colors'
+import { useCreateAndroidRippleColor, useFontScale } from '../../hooks'
 import {
   MAX_FONT_SIZE_MULTIPLIER,
   platformFontWeightMedium,
   platformPressedOpacityStyle,
 } from '../../utils'
 import { tokens } from '../../vendor/tapestry/tokens'
-import { useCreateAndroidRippleColor, useFontScale } from '../../hooks'
-import { Icon, IconString } from '../display/icon'
 import { Heading } from '../display/heading'
+import { Icon, IconString } from '../display/icon'
 import { Text } from '../display/text'
 import { TextInlineButton } from '../display/text_inline_button'
+import {
+  useStatusColorAppearanceMap,
+  type StatusAppearanceUnion,
+} from '../display/utils/status_colors'
 
 // ========================================
 // ====== Exports =========================

package/src/components/primitive/form_sheet.tsx

@@ -12,9 +12,9 @@ import {
 } from 'react-native'
 import { useSafeAreaInsets } from 'react-native-safe-area-context'
 import { useTheme } from '../../hooks'
+import { MAX_FONT_SIZE_MULTIPLIER_LANDMARK } from '../../utils'
 import type { ButtonProps, TextButtonProps } from '../display'
 import { Button, Heading, Icon, IconString, Text, TextButton } from '../display'
-import { MAX_FONT_SIZE_MULTIPLIER_LANDMARK } from '../../utils'
 
 // =================================
 // ====== Exports ==================

package/src/components/safe_area_modal.tsx

@@ -1,6 +1,6 @@
 import { ModalProps, Platform, Modal, View, StyleProp, ViewStyle, StyleSheet } from 'react-native'
-import { useChatContext } from '../contexts/chat_context'
 import { useSafeAreaInsets } from 'react-native-safe-area-context'
+import { useChatContext } from '../contexts/chat_context'
 
 interface CustomModalProps extends ModalProps {
   containerStyle?: StyleProp<ViewStyle>

package/src/contexts/api_provider.tsx

@@ -7,11 +7,11 @@ import {
 } from '@tanstack/react-query'
 import React, { useContext, useEffect, useRef } from 'react'
 import { ViewProps } from 'react-native'
-import { ChatContext, ChatContextValue } from './chat_context'
-import { getRequestQueryKey, RequestQueryKey } from '../hooks/use_suspense_api'
-import { appGrantsRequestArgs } from '../hooks/use_chat_permissions'
 import { ApiClient, useApiClient } from '../hooks/use_api_client'
 import { useAppState } from '../hooks/use_app_state'
+import { appGrantsRequestArgs } from '../hooks/use_chat_permissions'
+import { getRequestQueryKey, RequestQueryKey } from '../hooks/use_suspense_api'
+import { ChatContext, ChatContextValue } from './chat_context'
 
 let apiClient: ApiClient | undefined
 

package/src/contexts/chat_context.tsx

@@ -1,13 +1,13 @@
+import { useQuery } from '@tanstack/react-query'
 import { merge } from 'lodash'
 import React, { createContext, useMemo } from 'react'
 import { ColorSchemeName, useColorScheme } from 'react-native'
-import { useQuery } from '@tanstack/react-query'
+import { AgeCheckContactInfo } from '../screens/age_check/screen_props'
 import { ApiResource, DeepPartial } from '../types'
-import { Client, ENV, OauthType, PartialToken, Session, Uri } from '../utils'
 import { FailedResponse } from '../types'
-import { ChatTheme, defaultTheme, DefaultTheme } from '../utils/theme'
-import { AgeCheckContactInfo } from '../screens/age_check/screen_props'
 import { ProductAnalyticsConfig } from '../types/product_analytics'
+import { Client, ENV, OauthType, PartialToken, Session, Uri } from '../utils'
+import { ChatTheme, defaultTheme, DefaultTheme } from '../utils/theme'
 
 export interface ChatProviderProps {
   env?: ENV

package/src/contexts/conversations_context.tsx

@@ -1,11 +1,11 @@
-import React, { createContext, PropsWithChildren, useContext, useMemo, useState } from 'react'
-import { ConversationFiltersParams } from '../screens/conversation_filters/screen_props'
-import { useConversations, UseConversationsValue } from '../hooks/use_conversations'
 import {
   FetchNextPageOptions,
   InfiniteQueryObserverResult,
   InfiniteData,
 } from '@tanstack/react-query'
+import React, { createContext, PropsWithChildren, useContext, useMemo, useState } from 'react'
+import { useConversations, UseConversationsValue } from '../hooks/use_conversations'
+import { ConversationFiltersParams } from '../screens/conversation_filters/screen_props'
 import { ApiCollection, ConversationResource } from '../types'
 
 interface ConversationsContextValue extends UseConversationsValue {

package/src/contexts/session_context.tsx

@@ -10,14 +10,14 @@ import React, {
 import { Alert } from 'react-native'
 import { currentPersonQueryKey } from '../hooks/use_current_person'
 import { organizationRequestArgs } from '../hooks/use_organization'
+import { useStorage } from '../hooks/use_storage'
 import { getRequestQueryKey } from '../hooks/use_suspense_api'
 import { CurrentPersonResource, FailedResponse, OAuthToken, OrganizationResource } from '../types'
 import { ApiResource } from '../types/api_primitives'
 import { ENV, PartialToken, Session, UNAUTHENTICATED_SESSION_ID } from '../utils'
-import { SessionManager } from '../utils/session_manager'
 import { StorageAdapter } from '../utils/native_adapters/storage_adapter'
+import { SessionManager } from '../utils/session_manager'
 import { chatQueryClient } from './api_provider'
-import { useStorage } from '../hooks/use_storage'
 
 type Sessions = Record<string, string> // Key is session ID
 

package/src/hooks/groups/use_groups_conversation_create.ts

@@ -1,15 +1,16 @@
 import { useMutation } from '@tanstack/react-query'
 import { ApiResource, ConversationResource, ResourceObject } from '../../types'
-import { useApiClient } from '../use_api_client'
 import { throwResponseError } from '../../utils/response_error'
+import { useApiClient } from '../use_api_client'
 
 interface Props {
   groupId: number
   title?: string
+  genderId?: string | null
   onSuccess: (conversationId: number) => void
 }
 
-export function useGroupsConversationCreate({ groupId, title, onSuccess }: Props) {
+export function useGroupsConversationCreate({ groupId, title, genderId, onSuccess }: Props) {
   const apiClient = useApiClient()
   return useMutation({
     throwOnError: true,
@@ -38,6 +39,7 @@ export function useGroupsConversationCreate({ groupId, title, onSuccess }: Props
                 type: 'Conversation',
                 attributes: {
                   payload,
+                  ...(genderId ? { gender_id: genderId } : {}),
                 },
               },
             },

package/src/hooks/services/use_find_or_create_services_conversation.ts

@@ -1,6 +1,6 @@
 import { useMutation, useQuery } from '@tanstack/react-query'
-import { useMemo } from 'react'
 import { omitBy, isNil } from 'lodash'
+import { useMemo } from 'react'
 import {
   ApiCollection,
   ApiResource,
@@ -8,8 +8,8 @@ import {
   ServicesChatGroupIdentifiersResource,
   ServicesChatPayloadResource,
 } from '../../types'
-import { ApiClient, useApiClient } from '../use_api_client'
 import { throwResponseError } from '../../utils/response_error'
+import { ApiClient, useApiClient } from '../use_api_client'
 
 interface Props {
   teamIds?: number[]

package/src/hooks/services/use_team_members_for_new_conversation.ts

@@ -1,7 +1,7 @@
 import { isNil, omitBy } from 'lodash'
-import { useApiGet } from '../use_api'
-import { MemberResource, TeamPeopleResource, TeamPersonResponseItem } from '../../types'
 import { useMemo } from 'react'
+import { MemberResource, TeamPeopleResource, TeamPersonResponseItem } from '../../types'
+import { useApiGet } from '../use_api'
 
 interface Props {
   teamIds: number[]

package/src/hooks/services/use_team_plans.ts

@@ -1,8 +1,8 @@
-import { ApiResource, PlansResource } from '../../types'
-import { ApiClient, useApiClient } from '../use_api_client'
-import { useMemo } from 'react'
 import { useQueries } from '@tanstack/react-query'
 import { groupBy, keyBy, uniqBy } from 'lodash'
+import { useMemo } from 'react'
+import { ApiResource, PlansResource } from '../../types'
+import { ApiClient, useApiClient } from '../use_api_client'
 
 export type PlanListItem =
   | { type: 'header'; title: string }

package/src/hooks/use_api_client.ts

@@ -1,7 +1,7 @@
 import { useContext, useMemo } from 'react'
 import { ChatContext } from '../contexts/chat_context'
-import { Client } from '../utils/client'
 import { Uri } from '../utils'
+import { Client } from '../utils/client'
 
 export type App = 'chat' | 'groups' | 'services' | 'people'
 const apps: App[] = ['chat', 'groups', 'services', 'people']

package/src/hooks/use_attachment_uploader.ts

@@ -1,13 +1,13 @@
 import { useCallback, useEffect, useMemo, useRef, useState } from 'react'
-import { SUPPORTED_EXTENSIONS } from './attachments/supported_extensions'
-import { useUploadClient } from './use_upload_client'
-import { useApiClient } from './use_api_client'
 import { ApiResource } from '../types'
 import {
   FileAttachment,
   FileUploadState,
   NativeAttachmentFile,
 } from '../types/resources/denormalized_attachment_resource_for_create'
+import { SUPPORTED_EXTENSIONS } from './attachments/supported_extensions'
+import { useApiClient } from './use_api_client'
+import { useUploadClient } from './use_upload_client'
 
 export interface FileError {
   file_type?: string[]

package/src/hooks/use_broadcast_typing_status.ts

@@ -1,6 +1,6 @@
 import { useCallback, useRef } from 'react'
-import { useApiClient } from './use_api_client'
 import { useConversationContext } from '../contexts/conversation_context'
+import { useApiClient } from './use_api_client'
 
 const THROTTLE_INTERVAL = 3000 // 3 seconds
 

package/src/hooks/use_conversation.ts

@@ -2,10 +2,10 @@ import { useMutation, useQueryClient } from '@tanstack/react-query'
 import { useState } from 'react'
 import { ApiResource, ConversationResource } from '../types'
 import { transformGetToPost } from '../utils/client/request_helpers'
+import { Haptic } from '../utils/native_adapters'
+import { getConversationsRequestArgs } from '../utils/request/conversation'
 import { useApiClient } from './use_api_client'
 import { getRequestQueryKey, useSuspenseGet } from './use_suspense_api'
-import { getConversationsRequestArgs } from '../utils/request/conversation'
-import { Haptic } from '../utils/native_adapters'
 
 export const getConversationRequestArgs = ({ conversation_id }: { conversation_id: number }) => ({
   url: `/me/conversations/${conversation_id}`,

package/src/hooks/use_conversation_membership.ts

@@ -1,10 +1,10 @@
 import { Updater, useMutation, useQueryClient } from '@tanstack/react-query'
 import { ApiResource, ConversationMembershipResource, ConversationResource } from '../types'
+import { deepSnakeCaseKeys } from '../utils/deep_snake_case_keys'
+import { throwResponseError } from '../utils/response_error'
 import { useApiClient } from './use_api_client'
 import { getConversationRequestArgs } from './use_conversation'
 import { getRequestQueryKey } from './use_suspense_api'
-import { deepSnakeCaseKeys } from '../utils/deep_snake_case_keys'
-import { throwResponseError } from '../utils/response_error'
 
 export const useConversationMembershipUpdate = ({
   conversation_id,

package/src/hooks/use_conversation_message.ts

@@ -1,6 +1,6 @@
 import { MessageResource } from '../types'
-import { useApiGet } from './use_api'
 import { getMessageRequestArgs, getMessageQueryKey } from '../utils/request/get_message'
+import { useApiGet } from './use_api'
 
 export const useConversationMessage = ({
   conversation_id,

package/src/hooks/use_conversation_messages.ts

@@ -1,7 +1,7 @@
 import { useMemo } from 'react'
 import { MessageResource } from '../types'
-import { SuspensePaginatorOptions, useSuspensePaginator } from './use_suspense_api'
 import { getMessagesQueryKey, getMessagesRequestArgs } from '../utils/request/get_messages'
+import { SuspensePaginatorOptions, useSuspensePaginator } from './use_suspense_api'
 
 export const useConversationMessages = (
   { conversation_id, reply_root_id }: { conversation_id: number; reply_root_id?: string | null },

package/src/hooks/use_conversation_messages_jolt_events.ts

@@ -1,27 +1,27 @@
+import { InfiniteData, useQueryClient } from '@tanstack/react-query'
 import { ApiCollection, MessageResource } from '../types'
-import { useJoltChannel, useJoltEvent } from './use_jolt'
-import { deleteRecordInPagesData } from '../utils'
+import { JoltReactionEvent, JoltTypingEvent } from '../types/jolt_events'
 import {
   MessageCreatedEvent,
   MessageUpdatedEvent,
   MessageDeletedEvent,
 } from '../types/jolt_events/message_events'
-import { InfiniteData, useQueryClient } from '@tanstack/react-query'
-import { useCurrentPerson } from './use_current_person'
-import { transformMessageEventDataToMessageResource } from '../utils/jolt/transform_message_event_data_to_message_resource'
-import { getRequestQueryKey } from './use_suspense_api'
-import { JoltReactionEvent, JoltTypingEvent } from '../types/jolt_events'
-import { getMessagesRequestArgs } from '../utils/request/get_messages'
-import { getMessageQueryKey } from '../utils/request/get_message'
-import { TYPING_TIMEOUT_INTERVAL, useTypingStatusCache } from './use_typing_status_cache'
-import { completeMessageCreationTracking } from '../utils/performance_tracking'
-import { useApiClient } from './use_api_client'
+import { deleteRecordInPagesData } from '../utils'
 import {
   updateCacheWithMessage,
   updateCacheWithIndividualMessage,
   updateCacheWithReaction,
   getThreadedMessagesQueryKey,
 } from '../utils/cache/messages_cache'
+import { transformMessageEventDataToMessageResource } from '../utils/jolt/transform_message_event_data_to_message_resource'
+import { completeMessageCreationTracking } from '../utils/performance_tracking'
+import { getMessageQueryKey } from '../utils/request/get_message'
+import { getMessagesRequestArgs } from '../utils/request/get_messages'
+import { useApiClient } from './use_api_client'
+import { useCurrentPerson } from './use_current_person'
+import { useJoltChannel, useJoltEvent } from './use_jolt'
+import { getRequestQueryKey } from './use_suspense_api'
+import { TYPING_TIMEOUT_INTERVAL, useTypingStatusCache } from './use_typing_status_cache'
 
 interface Props {
   conversationId: number

package/src/hooks/use_create_android_ripple_color.ts

@@ -1,5 +1,5 @@
-import { useMemo } from 'react'
 import colorFunction from 'color'
+import { useMemo } from 'react'
 import { useTheme } from './use_theme'
 
 export const useCreateAndroidRippleColor = ({ color }: { color: string }) => {

package/src/hooks/use_current_person.ts

@@ -1,7 +1,7 @@
 import { useQueryClient } from '@tanstack/react-query'
 import { CurrentPersonResource } from '../types'
-import { getRequestQueryKey, useSuspenseGet } from './use_suspense_api'
 import { ApiResource } from '../types/api_primitives'
+import { getRequestQueryKey, useSuspenseGet } from './use_suspense_api'
 
 export const currentPersonRequestArgs = {
   url: '/me',

package/src/hooks/use_features.ts

@@ -1,9 +1,9 @@
 import { useSuspenseQuery } from '@tanstack/react-query'
 import { useCallback } from 'react'
+import { ApiCollection } from '../types'
+import type { FeatureResource } from '../types/resources/feature_resource'
 import { getFeaturesRequestArgs, getFeaturesQueryKey } from '../utils/request/get_features'
 import { useApiClient } from './use_api_client'
-import type { FeatureResource } from '../types/resources/feature_resource'
-import { ApiCollection } from '../types'
 
 export function useFeatures() {
   const apiClient = useApiClient()
@@ -36,6 +36,7 @@ export function useFeatures() {
 export const availableFeatures = {
   message_reporting: 'ROLLOUT_MOBILE_message_reporting',
   granular_notifications_ui: 'ROLLOUT_granular_notification_preferences_ui',
+  gender_specific_conversations: 'ROLLOUT_gender_specific_conversations',
 }
 
 const stableEmptyFeatures: ApiCollection<FeatureResource> = {

package/src/hooks/use_font_scale.ts

@@ -1,5 +1,5 @@
-import { useWindowDimensions } from 'react-native'
 import { clamp } from 'lodash'
+import { useWindowDimensions } from 'react-native'
 
 export const useFontScale = ({
   maxFontSizeMultiplier,

package/src/hooks/use_giphy.ts

@@ -1,6 +1,6 @@
 import { useCallback, useContext, useEffect, useState } from 'react'
-import { DenormalizedGiphyAttachmentResourceForCreate } from '../types/resources/denormalized_attachment_resource_for_create'
 import { ChatContext } from '../contexts/chat_context'
+import { DenormalizedGiphyAttachmentResourceForCreate } from '../types/resources/denormalized_attachment_resource_for_create'
 
 interface GiphyGif {
   id: string

package/src/hooks/use_interaction_ghost_color.ts

@@ -1,6 +1,6 @@
+import colorFunction from 'color'
 import { useMemo } from 'react'
 import { useTheme } from './use_theme'
-import colorFunction from 'color'
 
 export function useInteractionGhostBackgroundColor() {
   const { colors } = useTheme()

package/src/hooks/use_live_relative_time.ts

@@ -1,6 +1,6 @@
 import { useEffect, useState } from 'react'
-import dayjs from '../utils/dayjs'
 import { relativeTime, type DateProps } from '../utils/date'
+import dayjs from '../utils/dayjs'
 
 const MINUTE = 60
 const HOUR = MINUTE * 60