@planningcenter/chat-react-native 3.44.5-rc.0 → 3.45.0-rc.1

package/build/hooks/index.js

@@ -13,7 +13,8 @@ export * from './use_font_scale';
 export * from './use_has_direct_messages';
 export * from './use_groups_groups';
 export * from './use_groups';
-export * from './use_interaction_ghost_color';
+export * from './use_selected_chip_background_color';
+export * from './use_interaction_tinted_background_color';
 export * from './use_message_reaction_toggle';
 export * from './use_new_conversation_entry';
 export * from './use_organization';

package/build/hooks/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,yCAAyC,CAAA;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAC/C,cAAc,WAAW,CAAA;AACzB,cAAc,iBAAiB,CAAA;AAC/B,cAAc,qBAAqB,CAAA;AACnC,cAAc,gCAAgC,CAAA;AAC9C,cAAc,wBAAwB,CAAA;AACtC,cAAc,mCAAmC,CAAA;AACjD,cAAc,sBAAsB,CAAA;AACpC,cAAc,oBAAoB,CAAA;AAClC,cAAc,gCAAgC,CAAA;AAC9C,cAAc,kBAAkB,CAAA;AAChC,cAAc,2BAA2B,CAAA;AACzC,cAAc,qBAAqB,CAAA;AACnC,cAAc,cAAc,CAAA;AAC5B,cAAc,+BAA+B,CAAA;AAC7C,cAAc,+BAA+B,CAAA;AAC7C,cAAc,8BAA8B,CAAA;AAC5C,cAAc,oBAAoB,CAAA;AAClC,cAAc,qBAAqB,CAAA;AACnC,cAAc,+BAA+B,CAAA;AAC7C,cAAc,yBAAyB,CAAA;AACvC,cAAc,wBAAwB,CAAA;AACtC,cAAc,gCAAgC,CAAA;AAC9C,cAAc,wBAAwB,CAAA;AACtC,cAAc,oBAAoB,CAAA;AAClC,cAAc,aAAa,CAAA","sourcesContent":["export * from './use_animated_message_background_color'\nexport { useApiClient } from './use_api_client'\nexport * from './use_api'\nexport * from './use_app_state'\nexport * from './use_async_storage'\nexport * from './use_at_font_scale_breakpoint'\nexport * from './use_chat_permissions'\nexport * from './use_create_android_ripple_color'\nexport * from './use_current_person'\nexport * from './use_deleting_ids'\nexport * from './use_direct_messages_eligible'\nexport * from './use_font_scale'\nexport * from './use_has_direct_messages'\nexport * from './use_groups_groups'\nexport * from './use_groups'\nexport * from './use_interaction_ghost_color'\nexport * from './use_message_reaction_toggle'\nexport * from './use_new_conversation_entry'\nexport * from './use_organization'\nexport * from './use_people_person'\nexport * from './use_preview_avatar_diameter'\nexport * from './use_product_analytics'\nexport * from './use_qualified_by_age'\nexport * from './use_scalable_number_of_lines'\nexport * from './use_submit_age_check'\nexport * from './use_suspense_api'\nexport * from './use_theme'\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,yCAAyC,CAAA;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAC/C,cAAc,WAAW,CAAA;AACzB,cAAc,iBAAiB,CAAA;AAC/B,cAAc,qBAAqB,CAAA;AACnC,cAAc,gCAAgC,CAAA;AAC9C,cAAc,wBAAwB,CAAA;AACtC,cAAc,mCAAmC,CAAA;AACjD,cAAc,sBAAsB,CAAA;AACpC,cAAc,oBAAoB,CAAA;AAClC,cAAc,gCAAgC,CAAA;AAC9C,cAAc,kBAAkB,CAAA;AAChC,cAAc,2BAA2B,CAAA;AACzC,cAAc,qBAAqB,CAAA;AACnC,cAAc,cAAc,CAAA;AAC5B,cAAc,sCAAsC,CAAA;AACpD,cAAc,2CAA2C,CAAA;AACzD,cAAc,+BAA+B,CAAA;AAC7C,cAAc,8BAA8B,CAAA;AAC5C,cAAc,oBAAoB,CAAA;AAClC,cAAc,qBAAqB,CAAA;AACnC,cAAc,+BAA+B,CAAA;AAC7C,cAAc,yBAAyB,CAAA;AACvC,cAAc,wBAAwB,CAAA;AACtC,cAAc,gCAAgC,CAAA;AAC9C,cAAc,wBAAwB,CAAA;AACtC,cAAc,oBAAoB,CAAA;AAClC,cAAc,aAAa,CAAA","sourcesContent":["export * from './use_animated_message_background_color'\nexport { useApiClient } from './use_api_client'\nexport * from './use_api'\nexport * from './use_app_state'\nexport * from './use_async_storage'\nexport * from './use_at_font_scale_breakpoint'\nexport * from './use_chat_permissions'\nexport * from './use_create_android_ripple_color'\nexport * from './use_current_person'\nexport * from './use_deleting_ids'\nexport * from './use_direct_messages_eligible'\nexport * from './use_font_scale'\nexport * from './use_has_direct_messages'\nexport * from './use_groups_groups'\nexport * from './use_groups'\nexport * from './use_selected_chip_background_color'\nexport * from './use_interaction_tinted_background_color'\nexport * from './use_message_reaction_toggle'\nexport * from './use_new_conversation_entry'\nexport * from './use_organization'\nexport * from './use_people_person'\nexport * from './use_preview_avatar_diameter'\nexport * from './use_product_analytics'\nexport * from './use_qualified_by_age'\nexport * from './use_scalable_number_of_lines'\nexport * from './use_submit_age_check'\nexport * from './use_suspense_api'\nexport * from './use_theme'\n"]}

package/build/hooks/use_interaction_tinted_background_color.d.ts

@@ -0,0 +1,2 @@
+export declare function useInteractionTintedBackgroundColor(): string;
+//# sourceMappingURL=use_interaction_tinted_background_color.d.ts.map

package/build/hooks/use_interaction_tinted_background_color.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use_interaction_tinted_background_color.d.ts","sourceRoot":"","sources":["../../src/hooks/use_interaction_tinted_background_color.ts"],"names":[],"mappings":"AAIA,wBAAgB,mCAAmC,WAWlD"}

package/build/hooks/use_interaction_tinted_background_color.js

@@ -0,0 +1,11 @@
+import colorFunction from 'color';
+import { useMemo } from 'react';
+import { useTheme } from './use_theme';
+export function useInteractionTintedBackgroundColor() {
+    const { colors } = useTheme();
+    return useMemo(() => colorFunction(colors.interaction)
+        .hsl()
+        .lightness(colors.name === 'dark' ? 12 : 92)
+        .string(), [colors.interaction, colors.name]);
+}
+//# sourceMappingURL=use_interaction_tinted_background_color.js.map

package/build/hooks/use_interaction_tinted_background_color.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use_interaction_tinted_background_color.js","sourceRoot":"","sources":["../../src/hooks/use_interaction_tinted_background_color.ts"],"names":[],"mappings":"AAAA,OAAO,aAAa,MAAM,OAAO,CAAA;AACjC,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAC/B,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AAEtC,MAAM,UAAU,mCAAmC;IACjD,MAAM,EAAE,MAAM,EAAE,GAAG,QAAQ,EAAE,CAAA;IAE7B,OAAO,OAAO,CACZ,GAAG,EAAE,CACH,aAAa,CAAC,MAAM,CAAC,WAAW,CAAC;SAC9B,GAAG,EAAE;SACL,SAAS,CAAC,MAAM,CAAC,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;SAC3C,MAAM,EAAE,EACb,CAAC,MAAM,CAAC,WAAW,EAAE,MAAM,CAAC,IAAI,CAAC,CAClC,CAAA;AACH,CAAC","sourcesContent":["import colorFunction from 'color'\nimport { useMemo } from 'react'\nimport { useTheme } from './use_theme'\n\nexport function useInteractionTintedBackgroundColor() {\n  const { colors } = useTheme()\n\n  return useMemo(\n    () =>\n      colorFunction(colors.interaction)\n        .hsl()\n        .lightness(colors.name === 'dark' ? 12 : 92)\n        .string(),\n    [colors.interaction, colors.name]\n  )\n}\n"]}

package/build/hooks/use_selected_chip_background_color.d.ts

@@ -0,0 +1,2 @@
+export declare function useSelectedChipBackgroundColor(): string;
+//# sourceMappingURL=use_selected_chip_background_color.d.ts.map

package/build/hooks/use_selected_chip_background_color.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use_selected_chip_background_color.d.ts","sourceRoot":"","sources":["../../src/hooks/use_selected_chip_background_color.ts"],"names":[],"mappings":"AAIA,wBAAgB,8BAA8B,WAW7C"}

package/build/hooks/use_selected_chip_background_color.js

@@ -0,0 +1,11 @@
+import colorFunction from 'color';
+import { useMemo } from 'react';
+import { useTheme } from './use_theme';
+export function useSelectedChipBackgroundColor() {
+    const { colors, chip } = useTheme();
+    return useMemo(() => colorFunction(colors.fillColorChipSelected ?? colors.interaction)
+        .hsl()
+        .lightness(chip.hslLightnessChipSelected)
+        .string(), [colors.fillColorChipSelected, colors.interaction, chip.hslLightnessChipSelected]);
+}
+//# sourceMappingURL=use_selected_chip_background_color.js.map

package/build/hooks/use_selected_chip_background_color.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use_selected_chip_background_color.js","sourceRoot":"","sources":["../../src/hooks/use_selected_chip_background_color.ts"],"names":[],"mappings":"AAAA,OAAO,aAAa,MAAM,OAAO,CAAA;AACjC,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAC/B,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AAEtC,MAAM,UAAU,8BAA8B;IAC5C,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,QAAQ,EAAE,CAAA;IAEnC,OAAO,OAAO,CACZ,GAAG,EAAE,CACH,aAAa,CAAC,MAAM,CAAC,qBAAqB,IAAI,MAAM,CAAC,WAAW,CAAC;SAC9D,GAAG,EAAE;SACL,SAAS,CAAC,IAAI,CAAC,wBAAwB,CAAC;SACxC,MAAM,EAAE,EACb,CAAC,MAAM,CAAC,qBAAqB,EAAE,MAAM,CAAC,WAAW,EAAE,IAAI,CAAC,wBAAwB,CAAC,CAClF,CAAA;AACH,CAAC","sourcesContent":["import colorFunction from 'color'\nimport { useMemo } from 'react'\nimport { useTheme } from './use_theme'\n\nexport function useSelectedChipBackgroundColor() {\n  const { colors, chip } = useTheme()\n\n  return useMemo(\n    () =>\n      colorFunction(colors.fillColorChipSelected ?? colors.interaction)\n        .hsl()\n        .lightness(chip.hslLightnessChipSelected)\n        .string(),\n    [colors.fillColorChipSelected, colors.interaction, chip.hslLightnessChipSelected]\n  )\n}\n"]}

package/build/screens/conversation_select_recipients/conversation_select_direct_message_recipients_screen.js

@@ -223,7 +223,7 @@ const useStyles = () => {
         },
         row: {
             flexDirection: 'row',
-            alignItems: 'flex-start',
+            alignItems: 'center',
             gap: 12,
             paddingHorizontal: 16,
             paddingVertical: 12,

package/build/screens/conversation_select_recipients/conversation_select_direct_message_recipients_screen.js.map

@@ -1 +1 @@
-{"version":3,"file":"conversation_select_direct_message_recipients_screen.js","sourceRoot":"","sources":["../../../src/screens/conversation_select_recipients/conversation_select_direct_message_recipients_screen.tsx"],"names":[],"mappings":"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","sourcesContent":["import { PlatformPressable } from '@react-navigation/elements'\nimport { StackActions, useNavigation } from '@react-navigation/native'\nimport { RefObject, useEffect, useRef, useState } from 'react'\nimport { FlatList, Pressable, StyleSheet, TextInput, View } from 'react-native'\nimport { Avatar, Badge, Banner, Icon, KeyboardView, Spinner, Text } from '../../components'\nimport { ActionButton } from '../../components/display/action_button'\nimport { AutoFocusAwareTextInput } from '../../components/display/text_input'\nimport { ComponentErrorBoundary } from '../../components/page/component_error_boundary'\nimport { useTheme } from '../../hooks'\nimport { useDirectMessageAffiliations } from '../../hooks/direct_messages/use_direct_message_affiliations'\nimport { useDirectMessageCandidates } from '../../hooks/direct_messages/use_direct_message_candidates'\nimport { useDirectMessageConversationValidate } from '../../hooks/direct_messages/use_direct_message_conversation_validate'\nimport { useFindOrCreateDirectMessageConversation } from '../../hooks/direct_messages/use_find_or_create_direct_message_conversation'\nimport { availableFeatures, useFeatures } from '../../hooks/use_features'\nimport { DirectMessageCandidateResource } from '../../types/resources/direct_message_candidate'\nimport { ConversationSelectRecipientsScreenProps } from './types/screen_props'\n\nconst MAX_RECIPIENTS = 9\n\nexport function ConversationSelectDirectMessageRecipientsScreen({\n  route,\n}: ConversationSelectRecipientsScreenProps) {\n  const { preselected_people = [] } = route.params ?? {}\n  const styles = useStyles()\n  const navigation = useNavigation()\n  const { featureEnabled } = useFeatures()\n  const [searchTerm, setSearchTerm] = useState('')\n  const [debouncedTerm, setDebouncedTerm] = useState('')\n  const [selectedPeople, setSelectedPeople] = useState<Map<string, DirectMessageCandidateResource>>(\n    () =>\n      new Map(\n        preselected_people.map(person => [\n          person.id,\n          {\n            ...person,\n            type: 'DirectMessageCandidate' as const,\n            groups: [],\n            teams: [],\n            under_18: false,\n            directMessagesDisabled: false,\n          },\n        ])\n      )\n  )\n  const searchInputRef = useRef<TextInput>(null)\n\n  useEffect(() => {\n    const timer = setTimeout(() => setDebouncedTerm(searchTerm), 200)\n    return () => clearTimeout(timer)\n  }, [searchTerm])\n\n  const selectPerson = (person: DirectMessageCandidateResource) => {\n    if (selectedPeople.size >= MAX_RECIPIENTS) return\n    setSelectedPeople(prev => new Map(prev).set(person.id, person))\n    setSearchTerm('')\n    setDebouncedTerm('')\n    // Controlled TextInput can retain stale native text on iOS when the value\n    // is cleared while it stays focused (keyboardShouldPersistTaps keeps it\n    // focused through the tap) — clear() forces the native view to sync. Gated\n    // so EAP reporters can toggle the fix on their devices to confirm it.\n    if (featureEnabled(availableFeatures.dm_search_clear_fix)) {\n      searchInputRef.current?.clear()\n    }\n  }\n\n  const removePerson = (id: string) => {\n    setSelectedPeople(prev => {\n      const next = new Map(prev)\n      next.delete(id)\n      return next\n    })\n  }\n\n  const recipientIds = [...selectedPeople.keys()]\n  const { warnings, validationPending } = useDirectMessageConversationValidate({ recipientIds })\n\n  const handleSuccess = (conversationId: number) => {\n    navigation.getParent()?.goBack()\n    navigation.dispatch(StackActions.push('Conversation', { conversation_id: conversationId }))\n  }\n\n  const { findOrCreateConversation, directMessageExists, isFinding, isError } =\n    useFindOrCreateDirectMessageConversation({ recipientIds, onSuccess: handleSuccess })\n\n  const buttonText = (() => {\n    if (selectedPeople.size === 0) return 'Start conversation'\n    if (selectedPeople.size === 1) {\n      const firstName = selectedPeople.values().next().value!.name.split(' ')[0]\n      return directMessageExists ? `Open message with ${firstName}` : `Message ${firstName}`\n    }\n    return directMessageExists\n      ? `Open direct message (${selectedPeople.size})`\n      : `Start direct message (${selectedPeople.size})`\n  })()\n\n  return (\n    <KeyboardView>\n      {isError && (\n        <Banner\n          appearance=\"error\"\n          description=\"There was an issue starting the conversation. Please try again.\"\n          style={styles.errorBanner}\n        />\n      )}\n      <ToField\n        selectedPeople={selectedPeople}\n        searchTerm={searchTerm}\n        onSearchChange={setSearchTerm}\n        onRemove={removePerson}\n        onClear={() => setSelectedPeople(new Map())}\n        searchInputRef={searchInputRef}\n      />\n      <View style={styles.candidateResultsContainer}>\n        <ComponentErrorBoundary\n          key={debouncedTerm}\n          fallback={\n            <Banner\n              appearance=\"error\"\n              description=\"Couldn't load people right now. Try again.\"\n              style={styles.errorBanner}\n            />\n          }\n        >\n          <CandidateResults\n            term={debouncedTerm}\n            selectedPeople={selectedPeople}\n            onSelect={selectPerson}\n          />\n        </ComponentErrorBoundary>\n      </View>\n      <ActionButton\n        title={buttonText}\n        disabled={\n          selectedPeople.size === 0 || validationPending || warnings.length > 0 || isFinding\n        }\n        loading={validationPending || isFinding}\n        onPress={() => findOrCreateConversation(recipientIds)}\n        warnings={warnings}\n      />\n    </KeyboardView>\n  )\n}\n\nfunction ToField({\n  selectedPeople,\n  searchTerm,\n  onSearchChange,\n  onRemove,\n  onClear,\n  searchInputRef,\n}: {\n  selectedPeople: Map<string, DirectMessageCandidateResource>\n  searchTerm: string\n  onSearchChange: (term: string) => void\n  onRemove: (id: string) => void\n  onClear: () => void\n  searchInputRef: RefObject<TextInput | null>\n}) {\n  const styles = useStyles()\n  const { colors } = useTheme()\n  const hasSelections = selectedPeople.size > 0\n\n  return (\n    <View style={styles.toField}>\n      <View style={styles.toFieldHeader}>\n        <Text style={styles.toLabel}>To</Text>\n        {hasSelections && (\n          <Pressable onPress={onClear} hitSlop={8}>\n            <Text style={styles.clearButton}>Clear</Text>\n          </Pressable>\n        )}\n      </View>\n      <View style={styles.toInputArea}>\n        {[...selectedPeople.values()].map(person => (\n          <PersonChip key={person.id} person={person} onRemove={onRemove} />\n        ))}\n        <AutoFocusAwareTextInput\n          autoFocus\n          inputRef={searchInputRef}\n          placeholder=\"Search\"\n          placeholderTextColor={colors.textColorDefaultPlaceholder}\n          value={searchTerm}\n          onChangeText={onSearchChange}\n          style={styles.toTextInput}\n          returnKeyType=\"search\"\n        />\n      </View>\n    </View>\n  )\n}\n\nfunction PersonChip({\n  person,\n  onRemove,\n}: {\n  person: DirectMessageCandidateResource\n  onRemove: (id: string) => void\n}) {\n  const styles = useStyles()\n\n  return (\n    <View style={styles.chip}>\n      <Avatar sourceUri={person.avatar} size=\"sm\" showFallback={!person.avatar} />\n      <Text style={styles.chipName}>{person.name}</Text>\n      <Pressable\n        onPress={() => onRemove(person.id)}\n        hitSlop={8}\n        accessibilityLabel={`Remove ${person.name}`}\n      >\n        <Icon name=\"general.x\" size={12} style={styles.chipRemoveIcon} />\n      </Pressable>\n    </View>\n  )\n}\n\nfunction CandidateResults({\n  term,\n  selectedPeople,\n  onSelect,\n}: {\n  term: string\n  selectedPeople: Map<string, DirectMessageCandidateResource>\n  onSelect: (candidate: DirectMessageCandidateResource) => void\n}) {\n  const styles = useStyles()\n  const { data, isFetching } = useDirectMessageCandidates(term)\n  const { groups, teams } = useDirectMessageAffiliations()\n\n  if (term.length < 1) {\n    if (selectedPeople.size > 0) return null\n\n    return (\n      <View style={styles.emptyState}>\n        <Icon name=\"churchCenter.people\" size={40} style={styles.emptyStateIcon} />\n        <Text style={styles.emptyStateTitle}>Search for people to direct message</Text>\n        <Text variant=\"secondary\" style={styles.emptyStateSubtitle}>\n          Start a conversation with people in your groups and teams.\n        </Text>\n      </View>\n    )\n  }\n\n  const isAtLimit = selectedPeople.size >= MAX_RECIPIENTS\n\n  if (isAtLimit) {\n    return (\n      <View style={styles.emptyState}>\n        <Text variant=\"secondary\" style={styles.emptyStateSubtitle}>\n          You can add up to {MAX_RECIPIENTS} people to a direct message.\n        </Text>\n      </View>\n    )\n  }\n\n  const unselectedCandidates = (data?.data ?? []).filter(c => !selectedPeople.has(c.id))\n  const hasTruncated = (data?.meta.totalCount ?? 0) > (data?.data.length ?? 0)\n\n  if (isFetching && unselectedCandidates.length === 0) {\n    return (\n      <View style={styles.emptyState}>\n        <Spinner />\n      </View>\n    )\n  }\n\n  if (!isFetching && unselectedCandidates.length === 0) {\n    return (\n      <View style={styles.emptyState}>\n        <Icon name=\"general.search\" size={32} style={styles.emptyStateIcon} />\n        <Text style={styles.emptyStateTitle}>No matches for \"{term}\"</Text>\n        <Text variant=\"secondary\" style={styles.emptyStateSubtitle}>\n          Try a different name, or check that you share a group or team with them.\n        </Text>\n      </View>\n    )\n  }\n\n  return (\n    <CandidateList\n      candidates={unselectedCandidates}\n      hasTruncated={hasTruncated}\n      groups={groups}\n      teams={teams}\n      onSelect={onSelect}\n    />\n  )\n}\n\nfunction candidateBadges(candidate: DirectMessageCandidateResource) {\n  const badges = []\n  if (candidate.directMessagesDisabled) badges.push({ title: 'DMs off' })\n  if (candidate.under_18) badges.push({ title: 'Under 18' })\n  return badges\n}\n\nfunction candidateAffiliationNames(\n  candidate: DirectMessageCandidateResource,\n  groups: Map<number, string>,\n  teams: Map<number, string>\n) {\n  return [\n    ...candidate.groups.flatMap(id => {\n      const name = groups.get(id)\n      return name ? [name] : []\n    }),\n    ...candidate.teams.flatMap(id => {\n      const name = teams.get(id)\n      return name ? [name] : []\n    }),\n  ]\n}\n\nfunction CandidateList({\n  candidates,\n  hasTruncated,\n  groups,\n  teams,\n  onSelect,\n}: {\n  candidates: DirectMessageCandidateResource[]\n  hasTruncated: boolean\n  groups: Map<number, string>\n  teams: Map<number, string>\n  onSelect: (candidate: DirectMessageCandidateResource) => void\n}) {\n  const styles = useStyles()\n  const available = candidates.filter(c => !c.directMessagesDisabled)\n  const dmDisabled = candidates.filter(c => c.directMessagesDisabled)\n\n  return (\n    <FlatList<DirectMessageCandidateResource>\n      data={available}\n      keyboardShouldPersistTaps=\"handled\"\n      keyExtractor={item => item.id}\n      renderItem={({ item }) => (\n        <CandidateItem\n          candidate={item}\n          badges={candidateBadges(item)}\n          affiliationNames={candidateAffiliationNames(item, groups, teams)}\n          onSelect={() => onSelect(item)}\n        />\n      )}\n      ListHeaderComponent={\n        <View style={styles.resultsHeader}>\n          <Text style={styles.resultsHeading}>Results</Text>\n        </View>\n      }\n      ListFooterComponent={\n        <>\n          {dmDisabled.length > 0 && (\n            <>\n              <View style={styles.unavailableHeader}>\n                <Text variant=\"secondary\" style={styles.unavailableLabel}>\n                  Unavailable for direct messages\n                </Text>\n              </View>\n              {dmDisabled.map(candidate => (\n                <CandidateItem\n                  key={candidate.id}\n                  candidate={candidate}\n                  badges={candidateBadges(candidate)}\n                  affiliationNames={candidateAffiliationNames(candidate, groups, teams)}\n                  disabled\n                />\n              ))}\n            </>\n          )}\n          {hasTruncated && (\n            <View style={styles.truncatedFooter}>\n              <Text variant=\"secondary\" style={styles.truncatedText}>\n                Keep typing to narrow your results.\n              </Text>\n            </View>\n          )}\n        </>\n      }\n    />\n  )\n}\n\nfunction CandidateItem({\n  candidate,\n  badges,\n  affiliationNames,\n  onSelect,\n  disabled = false,\n}: {\n  candidate: DirectMessageCandidateResource\n  badges: { title: string }[]\n  affiliationNames: string[]\n  onSelect?: () => void\n  disabled?: boolean\n}) {\n  const styles = useStyles()\n\n  return (\n    <PlatformPressable\n      onPress={disabled ? undefined : onSelect}\n      accessibilityRole=\"button\"\n      accessibilityLabel={`Select ${candidate.name}`}\n      accessibilityState={{ disabled }}\n    >\n      <View style={[styles.row, disabled && styles.candidateDisabled]}>\n        <Avatar sourceUri={candidate.avatar} size=\"lg\" showFallback={!candidate.avatar} />\n        <View style={styles.rowInfo}>\n          <Text style={styles.rowName}>{candidate.name}</Text>\n          {affiliationNames.length > 0 && (\n            <Text style={styles.rowAffiliations} numberOfLines={2}>\n              {affiliationNames.join(', ')}\n            </Text>\n          )}\n          {badges.length > 0 && (\n            <View style={styles.badgeRow}>\n              {badges.map(({ title }) => (\n                <Badge key={title} label={title} />\n              ))}\n            </View>\n          )}\n        </View>\n      </View>\n    </PlatformPressable>\n  )\n}\n\nconst useStyles = () => {\n  const { colors } = useTheme()\n\n  return StyleSheet.create({\n    candidateResultsContainer: {\n      flex: 1,\n    },\n    toField: {\n      paddingHorizontal: 16,\n      paddingTop: 16,\n      paddingBottom: 8,\n    },\n    toFieldHeader: {\n      flexDirection: 'row',\n      justifyContent: 'space-between',\n      alignItems: 'center',\n      marginBottom: 8,\n    },\n    toLabel: {\n      fontWeight: '600',\n      color: colors.textColorDefaultSecondary,\n    },\n    clearButton: {\n      color: colors.interaction,\n    },\n    toInputArea: {\n      flexDirection: 'row',\n      flexWrap: 'wrap',\n      alignItems: 'center',\n      gap: 6,\n      borderWidth: 1,\n      borderColor: colors.borderColorDefaultBase,\n      borderRadius: 8,\n      paddingHorizontal: 10,\n      paddingVertical: 8,\n    },\n    toTextInput: {\n      flex: 1,\n      minWidth: 80,\n      color: colors.textColorDefaultPrimary,\n      fontSize: 16,\n      paddingVertical: 2,\n    },\n    chip: {\n      flexDirection: 'row',\n      alignItems: 'center',\n      gap: 4,\n      borderWidth: 1,\n      borderColor: colors.borderColorDefaultBase,\n      borderRadius: 100,\n      paddingLeft: 4,\n      paddingRight: 6,\n      paddingVertical: 3,\n    },\n    chipName: {\n      fontSize: 14,\n    },\n    chipRemoveIcon: {\n      color: colors.iconColorDefaultSecondary,\n    },\n    errorBanner: {\n      margin: 16,\n    },\n    emptyState: {\n      alignItems: 'center',\n      paddingTop: 32,\n      paddingHorizontal: 32,\n      gap: 8,\n    },\n    emptyStateIcon: {\n      color: colors.iconColorDefaultSecondary,\n      marginBottom: 4,\n    },\n    emptyStateTitle: {\n      fontWeight: '600',\n      textAlign: 'center',\n    },\n    emptyStateSubtitle: {\n      textAlign: 'center',\n      fontSize: 14,\n    },\n    row: {\n      flexDirection: 'row',\n      alignItems: 'flex-start',\n      gap: 12,\n      paddingHorizontal: 16,\n      paddingVertical: 12,\n      borderBottomWidth: 1,\n      borderColor: colors.borderColorDefaultDim,\n    },\n    rowInfo: {\n      flex: 1,\n      gap: 2,\n    },\n    rowName: {\n      fontSize: 15,\n      fontWeight: '500',\n    },\n    rowAffiliations: {\n      fontSize: 12,\n      color: colors.textColorDefaultSecondary,\n    },\n    badgeRow: {\n      flexDirection: 'row',\n      flexWrap: 'wrap',\n      gap: 4,\n      marginTop: 4,\n    },\n\n    candidateDisabled: {\n      opacity: 0.5,\n    },\n    resultsHeader: {\n      paddingHorizontal: 16,\n      paddingTop: 16,\n      paddingBottom: 8,\n    },\n    resultsHeading: {\n      fontWeight: '600',\n    },\n    unavailableHeader: {\n      paddingHorizontal: 16,\n      paddingTop: 16,\n      paddingBottom: 8,\n    },\n    unavailableLabel: {\n      fontSize: 13,\n    },\n    truncatedFooter: {\n      paddingHorizontal: 16,\n      paddingTop: 12,\n      paddingBottom: 8,\n    },\n    truncatedText: {\n      fontSize: 13,\n      textAlign: 'center',\n    },\n  })\n}\n"]}
+{"version":3,"file":"conversation_select_direct_message_recipients_screen.js","sourceRoot":"","sources":["../../../src/screens/conversation_select_recipients/conversation_select_direct_message_recipients_screen.tsx"],"names":[],"mappings":"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","sourcesContent":["import { PlatformPressable } from '@react-navigation/elements'\nimport { StackActions, useNavigation } from '@react-navigation/native'\nimport { RefObject, useEffect, useRef, useState } from 'react'\nimport { FlatList, Pressable, StyleSheet, TextInput, View } from 'react-native'\nimport { Avatar, Badge, Banner, Icon, KeyboardView, Spinner, Text } from '../../components'\nimport { ActionButton } from '../../components/display/action_button'\nimport { AutoFocusAwareTextInput } from '../../components/display/text_input'\nimport { ComponentErrorBoundary } from '../../components/page/component_error_boundary'\nimport { useTheme } from '../../hooks'\nimport { useDirectMessageAffiliations } from '../../hooks/direct_messages/use_direct_message_affiliations'\nimport { useDirectMessageCandidates } from '../../hooks/direct_messages/use_direct_message_candidates'\nimport { useDirectMessageConversationValidate } from '../../hooks/direct_messages/use_direct_message_conversation_validate'\nimport { useFindOrCreateDirectMessageConversation } from '../../hooks/direct_messages/use_find_or_create_direct_message_conversation'\nimport { availableFeatures, useFeatures } from '../../hooks/use_features'\nimport { DirectMessageCandidateResource } from '../../types/resources/direct_message_candidate'\nimport { ConversationSelectRecipientsScreenProps } from './types/screen_props'\n\nconst MAX_RECIPIENTS = 9\n\nexport function ConversationSelectDirectMessageRecipientsScreen({\n  route,\n}: ConversationSelectRecipientsScreenProps) {\n  const { preselected_people = [] } = route.params ?? {}\n  const styles = useStyles()\n  const navigation = useNavigation()\n  const { featureEnabled } = useFeatures()\n  const [searchTerm, setSearchTerm] = useState('')\n  const [debouncedTerm, setDebouncedTerm] = useState('')\n  const [selectedPeople, setSelectedPeople] = useState<Map<string, DirectMessageCandidateResource>>(\n    () =>\n      new Map(\n        preselected_people.map(person => [\n          person.id,\n          {\n            ...person,\n            type: 'DirectMessageCandidate' as const,\n            groups: [],\n            teams: [],\n            under_18: false,\n            directMessagesDisabled: false,\n          },\n        ])\n      )\n  )\n  const searchInputRef = useRef<TextInput>(null)\n\n  useEffect(() => {\n    const timer = setTimeout(() => setDebouncedTerm(searchTerm), 200)\n    return () => clearTimeout(timer)\n  }, [searchTerm])\n\n  const selectPerson = (person: DirectMessageCandidateResource) => {\n    if (selectedPeople.size >= MAX_RECIPIENTS) return\n    setSelectedPeople(prev => new Map(prev).set(person.id, person))\n    setSearchTerm('')\n    setDebouncedTerm('')\n    // Controlled TextInput can retain stale native text on iOS when the value\n    // is cleared while it stays focused (keyboardShouldPersistTaps keeps it\n    // focused through the tap) — clear() forces the native view to sync. Gated\n    // so EAP reporters can toggle the fix on their devices to confirm it.\n    if (featureEnabled(availableFeatures.dm_search_clear_fix)) {\n      searchInputRef.current?.clear()\n    }\n  }\n\n  const removePerson = (id: string) => {\n    setSelectedPeople(prev => {\n      const next = new Map(prev)\n      next.delete(id)\n      return next\n    })\n  }\n\n  const recipientIds = [...selectedPeople.keys()]\n  const { warnings, validationPending } = useDirectMessageConversationValidate({ recipientIds })\n\n  const handleSuccess = (conversationId: number) => {\n    navigation.getParent()?.goBack()\n    navigation.dispatch(StackActions.push('Conversation', { conversation_id: conversationId }))\n  }\n\n  const { findOrCreateConversation, directMessageExists, isFinding, isError } =\n    useFindOrCreateDirectMessageConversation({ recipientIds, onSuccess: handleSuccess })\n\n  const buttonText = (() => {\n    if (selectedPeople.size === 0) return 'Start conversation'\n    if (selectedPeople.size === 1) {\n      const firstName = selectedPeople.values().next().value!.name.split(' ')[0]\n      return directMessageExists ? `Open message with ${firstName}` : `Message ${firstName}`\n    }\n    return directMessageExists\n      ? `Open direct message (${selectedPeople.size})`\n      : `Start direct message (${selectedPeople.size})`\n  })()\n\n  return (\n    <KeyboardView>\n      {isError && (\n        <Banner\n          appearance=\"error\"\n          description=\"There was an issue starting the conversation. Please try again.\"\n          style={styles.errorBanner}\n        />\n      )}\n      <ToField\n        selectedPeople={selectedPeople}\n        searchTerm={searchTerm}\n        onSearchChange={setSearchTerm}\n        onRemove={removePerson}\n        onClear={() => setSelectedPeople(new Map())}\n        searchInputRef={searchInputRef}\n      />\n      <View style={styles.candidateResultsContainer}>\n        <ComponentErrorBoundary\n          key={debouncedTerm}\n          fallback={\n            <Banner\n              appearance=\"error\"\n              description=\"Couldn't load people right now. Try again.\"\n              style={styles.errorBanner}\n            />\n          }\n        >\n          <CandidateResults\n            term={debouncedTerm}\n            selectedPeople={selectedPeople}\n            onSelect={selectPerson}\n          />\n        </ComponentErrorBoundary>\n      </View>\n      <ActionButton\n        title={buttonText}\n        disabled={\n          selectedPeople.size === 0 || validationPending || warnings.length > 0 || isFinding\n        }\n        loading={validationPending || isFinding}\n        onPress={() => findOrCreateConversation(recipientIds)}\n        warnings={warnings}\n      />\n    </KeyboardView>\n  )\n}\n\nfunction ToField({\n  selectedPeople,\n  searchTerm,\n  onSearchChange,\n  onRemove,\n  onClear,\n  searchInputRef,\n}: {\n  selectedPeople: Map<string, DirectMessageCandidateResource>\n  searchTerm: string\n  onSearchChange: (term: string) => void\n  onRemove: (id: string) => void\n  onClear: () => void\n  searchInputRef: RefObject<TextInput | null>\n}) {\n  const styles = useStyles()\n  const { colors } = useTheme()\n  const hasSelections = selectedPeople.size > 0\n\n  return (\n    <View style={styles.toField}>\n      <View style={styles.toFieldHeader}>\n        <Text style={styles.toLabel}>To</Text>\n        {hasSelections && (\n          <Pressable onPress={onClear} hitSlop={8}>\n            <Text style={styles.clearButton}>Clear</Text>\n          </Pressable>\n        )}\n      </View>\n      <View style={styles.toInputArea}>\n        {[...selectedPeople.values()].map(person => (\n          <PersonChip key={person.id} person={person} onRemove={onRemove} />\n        ))}\n        <AutoFocusAwareTextInput\n          autoFocus\n          inputRef={searchInputRef}\n          placeholder=\"Search\"\n          placeholderTextColor={colors.textColorDefaultPlaceholder}\n          value={searchTerm}\n          onChangeText={onSearchChange}\n          style={styles.toTextInput}\n          returnKeyType=\"search\"\n        />\n      </View>\n    </View>\n  )\n}\n\nfunction PersonChip({\n  person,\n  onRemove,\n}: {\n  person: DirectMessageCandidateResource\n  onRemove: (id: string) => void\n}) {\n  const styles = useStyles()\n\n  return (\n    <View style={styles.chip}>\n      <Avatar sourceUri={person.avatar} size=\"sm\" showFallback={!person.avatar} />\n      <Text style={styles.chipName}>{person.name}</Text>\n      <Pressable\n        onPress={() => onRemove(person.id)}\n        hitSlop={8}\n        accessibilityLabel={`Remove ${person.name}`}\n      >\n        <Icon name=\"general.x\" size={12} style={styles.chipRemoveIcon} />\n      </Pressable>\n    </View>\n  )\n}\n\nfunction CandidateResults({\n  term,\n  selectedPeople,\n  onSelect,\n}: {\n  term: string\n  selectedPeople: Map<string, DirectMessageCandidateResource>\n  onSelect: (candidate: DirectMessageCandidateResource) => void\n}) {\n  const styles = useStyles()\n  const { data, isFetching } = useDirectMessageCandidates(term)\n  const { groups, teams } = useDirectMessageAffiliations()\n\n  if (term.length < 1) {\n    if (selectedPeople.size > 0) return null\n\n    return (\n      <View style={styles.emptyState}>\n        <Icon name=\"churchCenter.people\" size={40} style={styles.emptyStateIcon} />\n        <Text style={styles.emptyStateTitle}>Search for people to direct message</Text>\n        <Text variant=\"secondary\" style={styles.emptyStateSubtitle}>\n          Start a conversation with people in your groups and teams.\n        </Text>\n      </View>\n    )\n  }\n\n  const isAtLimit = selectedPeople.size >= MAX_RECIPIENTS\n\n  if (isAtLimit) {\n    return (\n      <View style={styles.emptyState}>\n        <Text variant=\"secondary\" style={styles.emptyStateSubtitle}>\n          You can add up to {MAX_RECIPIENTS} people to a direct message.\n        </Text>\n      </View>\n    )\n  }\n\n  const unselectedCandidates = (data?.data ?? []).filter(c => !selectedPeople.has(c.id))\n  const hasTruncated = (data?.meta.totalCount ?? 0) > (data?.data.length ?? 0)\n\n  if (isFetching && unselectedCandidates.length === 0) {\n    return (\n      <View style={styles.emptyState}>\n        <Spinner />\n      </View>\n    )\n  }\n\n  if (!isFetching && unselectedCandidates.length === 0) {\n    return (\n      <View style={styles.emptyState}>\n        <Icon name=\"general.search\" size={32} style={styles.emptyStateIcon} />\n        <Text style={styles.emptyStateTitle}>No matches for \"{term}\"</Text>\n        <Text variant=\"secondary\" style={styles.emptyStateSubtitle}>\n          Try a different name, or check that you share a group or team with them.\n        </Text>\n      </View>\n    )\n  }\n\n  return (\n    <CandidateList\n      candidates={unselectedCandidates}\n      hasTruncated={hasTruncated}\n      groups={groups}\n      teams={teams}\n      onSelect={onSelect}\n    />\n  )\n}\n\nfunction candidateBadges(candidate: DirectMessageCandidateResource) {\n  const badges = []\n  if (candidate.directMessagesDisabled) badges.push({ title: 'DMs off' })\n  if (candidate.under_18) badges.push({ title: 'Under 18' })\n  return badges\n}\n\nfunction candidateAffiliationNames(\n  candidate: DirectMessageCandidateResource,\n  groups: Map<number, string>,\n  teams: Map<number, string>\n) {\n  return [\n    ...candidate.groups.flatMap(id => {\n      const name = groups.get(id)\n      return name ? [name] : []\n    }),\n    ...candidate.teams.flatMap(id => {\n      const name = teams.get(id)\n      return name ? [name] : []\n    }),\n  ]\n}\n\nfunction CandidateList({\n  candidates,\n  hasTruncated,\n  groups,\n  teams,\n  onSelect,\n}: {\n  candidates: DirectMessageCandidateResource[]\n  hasTruncated: boolean\n  groups: Map<number, string>\n  teams: Map<number, string>\n  onSelect: (candidate: DirectMessageCandidateResource) => void\n}) {\n  const styles = useStyles()\n  const available = candidates.filter(c => !c.directMessagesDisabled)\n  const dmDisabled = candidates.filter(c => c.directMessagesDisabled)\n\n  return (\n    <FlatList<DirectMessageCandidateResource>\n      data={available}\n      keyboardShouldPersistTaps=\"handled\"\n      keyExtractor={item => item.id}\n      renderItem={({ item }) => (\n        <CandidateItem\n          candidate={item}\n          badges={candidateBadges(item)}\n          affiliationNames={candidateAffiliationNames(item, groups, teams)}\n          onSelect={() => onSelect(item)}\n        />\n      )}\n      ListHeaderComponent={\n        <View style={styles.resultsHeader}>\n          <Text style={styles.resultsHeading}>Results</Text>\n        </View>\n      }\n      ListFooterComponent={\n        <>\n          {dmDisabled.length > 0 && (\n            <>\n              <View style={styles.unavailableHeader}>\n                <Text variant=\"secondary\" style={styles.unavailableLabel}>\n                  Unavailable for direct messages\n                </Text>\n              </View>\n              {dmDisabled.map(candidate => (\n                <CandidateItem\n                  key={candidate.id}\n                  candidate={candidate}\n                  badges={candidateBadges(candidate)}\n                  affiliationNames={candidateAffiliationNames(candidate, groups, teams)}\n                  disabled\n                />\n              ))}\n            </>\n          )}\n          {hasTruncated && (\n            <View style={styles.truncatedFooter}>\n              <Text variant=\"secondary\" style={styles.truncatedText}>\n                Keep typing to narrow your results.\n              </Text>\n            </View>\n          )}\n        </>\n      }\n    />\n  )\n}\n\nfunction CandidateItem({\n  candidate,\n  badges,\n  affiliationNames,\n  onSelect,\n  disabled = false,\n}: {\n  candidate: DirectMessageCandidateResource\n  badges: { title: string }[]\n  affiliationNames: string[]\n  onSelect?: () => void\n  disabled?: boolean\n}) {\n  const styles = useStyles()\n\n  return (\n    <PlatformPressable\n      onPress={disabled ? undefined : onSelect}\n      accessibilityRole=\"button\"\n      accessibilityLabel={`Select ${candidate.name}`}\n      accessibilityState={{ disabled }}\n    >\n      <View style={[styles.row, disabled && styles.candidateDisabled]}>\n        <Avatar sourceUri={candidate.avatar} size=\"lg\" showFallback={!candidate.avatar} />\n        <View style={styles.rowInfo}>\n          <Text style={styles.rowName}>{candidate.name}</Text>\n          {affiliationNames.length > 0 && (\n            <Text style={styles.rowAffiliations} numberOfLines={2}>\n              {affiliationNames.join(', ')}\n            </Text>\n          )}\n          {badges.length > 0 && (\n            <View style={styles.badgeRow}>\n              {badges.map(({ title }) => (\n                <Badge key={title} label={title} />\n              ))}\n            </View>\n          )}\n        </View>\n      </View>\n    </PlatformPressable>\n  )\n}\n\nconst useStyles = () => {\n  const { colors } = useTheme()\n\n  return StyleSheet.create({\n    candidateResultsContainer: {\n      flex: 1,\n    },\n    toField: {\n      paddingHorizontal: 16,\n      paddingTop: 16,\n      paddingBottom: 8,\n    },\n    toFieldHeader: {\n      flexDirection: 'row',\n      justifyContent: 'space-between',\n      alignItems: 'center',\n      marginBottom: 8,\n    },\n    toLabel: {\n      fontWeight: '600',\n      color: colors.textColorDefaultSecondary,\n    },\n    clearButton: {\n      color: colors.interaction,\n    },\n    toInputArea: {\n      flexDirection: 'row',\n      flexWrap: 'wrap',\n      alignItems: 'center',\n      gap: 6,\n      borderWidth: 1,\n      borderColor: colors.borderColorDefaultBase,\n      borderRadius: 8,\n      paddingHorizontal: 10,\n      paddingVertical: 8,\n    },\n    toTextInput: {\n      flex: 1,\n      minWidth: 80,\n      color: colors.textColorDefaultPrimary,\n      fontSize: 16,\n      paddingVertical: 2,\n    },\n    chip: {\n      flexDirection: 'row',\n      alignItems: 'center',\n      gap: 4,\n      borderWidth: 1,\n      borderColor: colors.borderColorDefaultBase,\n      borderRadius: 100,\n      paddingLeft: 4,\n      paddingRight: 6,\n      paddingVertical: 3,\n    },\n    chipName: {\n      fontSize: 14,\n    },\n    chipRemoveIcon: {\n      color: colors.iconColorDefaultSecondary,\n    },\n    errorBanner: {\n      margin: 16,\n    },\n    emptyState: {\n      alignItems: 'center',\n      paddingTop: 32,\n      paddingHorizontal: 32,\n      gap: 8,\n    },\n    emptyStateIcon: {\n      color: colors.iconColorDefaultSecondary,\n      marginBottom: 4,\n    },\n    emptyStateTitle: {\n      fontWeight: '600',\n      textAlign: 'center',\n    },\n    emptyStateSubtitle: {\n      textAlign: 'center',\n      fontSize: 14,\n    },\n    row: {\n      flexDirection: 'row',\n      alignItems: 'center',\n      gap: 12,\n      paddingHorizontal: 16,\n      paddingVertical: 12,\n      borderBottomWidth: 1,\n      borderColor: colors.borderColorDefaultDim,\n    },\n    rowInfo: {\n      flex: 1,\n      gap: 2,\n    },\n    rowName: {\n      fontSize: 15,\n      fontWeight: '500',\n    },\n    rowAffiliations: {\n      fontSize: 12,\n      color: colors.textColorDefaultSecondary,\n    },\n    badgeRow: {\n      flexDirection: 'row',\n      flexWrap: 'wrap',\n      gap: 4,\n      marginTop: 4,\n    },\n\n    candidateDisabled: {\n      opacity: 0.5,\n    },\n    resultsHeader: {\n      paddingHorizontal: 16,\n      paddingTop: 16,\n      paddingBottom: 8,\n    },\n    resultsHeading: {\n      fontWeight: '600',\n    },\n    unavailableHeader: {\n      paddingHorizontal: 16,\n      paddingTop: 16,\n      paddingBottom: 8,\n    },\n    unavailableLabel: {\n      fontSize: 13,\n    },\n    truncatedFooter: {\n      paddingHorizontal: 16,\n      paddingTop: 12,\n      paddingBottom: 8,\n    },\n    truncatedText: {\n      fontSize: 13,\n      textAlign: 'center',\n    },\n  })\n}\n"]}

package/build/screens/design_system_screen.js

@@ -6,7 +6,7 @@ import { Avatar, AvatarGroup, Badge, Banner, BannerCollapsible, Button, Conversa
 import { VideoAttachmentPreview } from '../components/display/video_attachment_preview';
 import BannerPrimitive from '../components/primitive/banner_primitive';
 import BlankState from '../components/primitive/blank_state_primitive';
-import { useInteractionGhostBackgroundColor, useTheme } from '../hooks';
+import { useSelectedChipBackgroundColor, useTheme } from '../hooks';
 import { MAX_FONT_SIZE_MULTIPLIER, platformPressedOpacityStyle, platformFontWeightMedium, Haptic, } from '../utils';
 // =================================
 // ====== Docs Utils ===============
@@ -223,7 +223,7 @@ function HapticButton({ title, onPress }) {
 // =================================
 const useStyles = () => {
     const { colors } = useTheme();
-    const interactionGhostBackgroundColor = useInteractionGhostBackgroundColor();
+    const selectedChipBackgroundColor = useSelectedChipBackgroundColor();
     return StyleSheet.create({
         hapticButton: {
             flexGrow: 1,
@@ -231,7 +231,7 @@ const useStyles = () => {
             padding: 16,
             alignItems: 'center',
             justifyContent: 'center',
-            backgroundColor: interactionGhostBackgroundColor,
+            backgroundColor: selectedChipBackgroundColor,
             borderWidth: 1,
             borderColor: colors.interaction,
             borderRadius: 8,