@planningcenter/chat-react-native 4.4.1-qa-staging.39 → 4.4.1-qa-1036.2

package/build/screens/conversation_select_recipients/conversation_select_direct_message_recipients_screen.js

@@ -6,6 +6,7 @@ import { FlatList, Pressable, StyleSheet, View } from 'react-native';
 import { Avatar, Badge, Banner, Icon, KeyboardView, Spinner, Text } from '../../components';
 import { ActionButton } from '../../components/display/action_button';
 import { AutoFocusAwareTextInput } from '../../components/display/text_input';
+import { ComponentErrorBoundary } from '../../components/page/component_error_boundary';
 import { useTheme } from '../../hooks';
 import { useDirectMessageAffiliations } from '../../hooks/direct_messages/use_direct_message_affiliations';
 import { useDirectMessageCandidates } from '../../hooks/direct_messages/use_direct_message_candidates';
@@ -14,10 +15,10 @@ import { useFindOrCreateDirectMessageConversation } from '../../hooks/direct_mes
 import { useDebouncedSearchTerm } from '../../hooks/use_debounced_search_term';
 import { availableFeatures, useFeatures } from '../../hooks/use_features';
 import { ResultsHeading } from './components/results_heading';
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 const MAX_RECIPIENTS = 9;
 export function ConversationSelectDirectMessageRecipientsScreen(t0) {
-  const $ = _c(51);
+  const $ = _c(55);
   const {
     route
   } = t0;
@@ -204,85 +205,99 @@ export function ConversationSelectDirectMessageRecipientsScreen(t0) {
     t14 = $[27];
   }
   let t15;
-  if ($[28] !== t12 || $[29] !== t14) {
-    t15 = /*#__PURE__*/_jsxs(_Fragment, {
-      children: [t12, t14]
+  if ($[28] !== styles.errorBanner) {
+    t15 = /*#__PURE__*/_jsx(Banner, {
+      appearance: "error",
+      description: "Couldn't load people right now. Try again.",
+      style: styles.errorBanner
     });
-    $[28] = t12;
-    $[29] = t14;
-    $[30] = t15;
+    $[28] = styles.errorBanner;
+    $[29] = t15;
   } else {
-    t15 = $[30];
+    t15 = $[29];
   }
   let t16;
-  if ($[31] !== debouncedTerm || $[32] !== selectPerson || $[33] !== selectedPeople || $[34] !== t15) {
+  if ($[30] !== debouncedTerm || $[31] !== selectPerson || $[32] !== selectedPeople) {
     t16 = /*#__PURE__*/_jsx(CandidateResults, {
       term: debouncedTerm,
       selectedPeople: selectedPeople,
-      onSelect: selectPerson,
-      header: t15
+      onSelect: selectPerson
     });
-    $[31] = debouncedTerm;
-    $[32] = selectPerson;
-    $[33] = selectedPeople;
-    $[34] = t15;
-    $[35] = t16;
+    $[30] = debouncedTerm;
+    $[31] = selectPerson;
+    $[32] = selectedPeople;
+    $[33] = t16;
   } else {
-    t16 = $[35];
+    t16 = $[33];
   }
   let t17;
-  if ($[36] !== styles.candidateResultsContainer || $[37] !== t16) {
-    t17 = /*#__PURE__*/_jsx(View, {
-      style: styles.candidateResultsContainer,
+  if ($[34] !== debouncedTerm || $[35] !== t15 || $[36] !== t16) {
+    t17 = /*#__PURE__*/_jsx(ComponentErrorBoundary, {
+      fallback: t15,
       children: t16
-    });
-    $[36] = styles.candidateResultsContainer;
-    $[37] = t16;
-    $[38] = t17;
+    }, debouncedTerm);
+    $[34] = debouncedTerm;
+    $[35] = t15;
+    $[36] = t16;
+    $[37] = t17;
   } else {
-    t17 = $[38];
+    t17 = $[37];
   }
-  const t18 = selectedPeople.size === 0 || validationPending || warnings.length > 0 || isFinding;
-  const t19 = validationPending || isFinding;
-  let t20;
-  if ($[39] !== findOrCreateConversation || $[40] !== recipientIds) {
-    t20 = () => findOrCreateConversation(recipientIds);
-    $[39] = findOrCreateConversation;
-    $[40] = recipientIds;
-    $[41] = t20;
+  let t18;
+  if ($[38] !== styles.candidateResultsContainer || $[39] !== t17) {
+    t18 = /*#__PURE__*/_jsx(View, {
+      style: styles.candidateResultsContainer,
+      children: t17
+    });
+    $[38] = styles.candidateResultsContainer;
+    $[39] = t17;
+    $[40] = t18;
   } else {
-    t20 = $[41];
+    t18 = $[40];
   }
+  const t19 = selectedPeople.size === 0 || validationPending || warnings.length > 0 || isFinding;
+  const t20 = validationPending || isFinding;
   let t21;
-  if ($[42] !== buttonText || $[43] !== t18 || $[44] !== t19 || $[45] !== t20 || $[46] !== warnings) {
-    t21 = /*#__PURE__*/_jsx(ActionButton, {
+  if ($[41] !== findOrCreateConversation || $[42] !== recipientIds) {
+    t21 = () => findOrCreateConversation(recipientIds);
+    $[41] = findOrCreateConversation;
+    $[42] = recipientIds;
+    $[43] = t21;
+  } else {
+    t21 = $[43];
+  }
+  let t22;
+  if ($[44] !== buttonText || $[45] !== t19 || $[46] !== t20 || $[47] !== t21 || $[48] !== warnings) {
+    t22 = /*#__PURE__*/_jsx(ActionButton, {
       title: buttonText,
-      disabled: t18,
-      loading: t19,
-      onPress: t20,
+      disabled: t19,
+      loading: t20,
+      onPress: t21,
       warnings: warnings
     });
-    $[42] = buttonText;
-    $[43] = t18;
-    $[44] = t19;
-    $[45] = t20;
-    $[46] = warnings;
+    $[44] = buttonText;
+    $[45] = t19;
+    $[46] = t20;
     $[47] = t21;
+    $[48] = warnings;
+    $[49] = t22;
   } else {
-    t21 = $[47];
+    t22 = $[49];
   }
-  let t22;
-  if ($[48] !== t17 || $[49] !== t21) {
-    t22 = /*#__PURE__*/_jsxs(KeyboardView, {
-      children: [t17, t21]
+  let t23;
+  if ($[50] !== t12 || $[51] !== t14 || $[52] !== t18 || $[53] !== t22) {
+    t23 = /*#__PURE__*/_jsxs(KeyboardView, {
+      children: [t12, t14, t18, t22]
     });
-    $[48] = t17;
-    $[49] = t21;
-    $[50] = t22;
+    $[50] = t12;
+    $[51] = t14;
+    $[52] = t18;
+    $[53] = t22;
+    $[54] = t23;
   } else {
-    t22 = $[50];
+    t23 = $[54];
   }
-  return t22;
+  return t23;
 }
 function _temp(person) {
   return [person.id, {
@@ -508,12 +523,11 @@ function PersonChip(t0) {
   return t8;
 }
 function CandidateResults(t0) {
-  const $ = _c(50);
+  const $ = _c(45);
   const {
     term,
     selectedPeople,
-    onSelect,
-    header
+    onSelect
   } = t0;
   const styles = useStyles();
   const {
@@ -525,235 +539,211 @@ function CandidateResults(t0) {
     teams,
     resultsDescription
   } = useDirectMessageAffiliations();
+  if (term.length < 1) {
+    if (selectedPeople.size > 0) {
+      return null;
+    }
+    let t1;
+    if ($[0] !== styles.emptyStateIcon) {
+      t1 = /*#__PURE__*/_jsx(Icon, {
+        name: "churchCenter.people",
+        size: 40,
+        style: styles.emptyStateIcon
+      });
+      $[0] = styles.emptyStateIcon;
+      $[1] = t1;
+    } else {
+      t1 = $[1];
+    }
+    let t2;
+    if ($[2] !== styles.emptyStateTitle) {
+      t2 = /*#__PURE__*/_jsx(Text, {
+        style: styles.emptyStateTitle,
+        children: "Search for people to direct message"
+      });
+      $[2] = styles.emptyStateTitle;
+      $[3] = t2;
+    } else {
+      t2 = $[3];
+    }
+    let t3;
+    if ($[4] !== styles.emptyStateSubtitle) {
+      t3 = /*#__PURE__*/_jsx(Text, {
+        variant: "secondary",
+        style: styles.emptyStateSubtitle,
+        children: "Start a conversation with people in your groups and teams."
+      });
+      $[4] = styles.emptyStateSubtitle;
+      $[5] = t3;
+    } else {
+      t3 = $[5];
+    }
+    let t4;
+    if ($[6] !== styles.emptyState || $[7] !== t1 || $[8] !== t2 || $[9] !== t3) {
+      t4 = /*#__PURE__*/_jsxs(View, {
+        style: styles.emptyState,
+        children: [t1, t2, t3]
+      });
+      $[6] = styles.emptyState;
+      $[7] = t1;
+      $[8] = t2;
+      $[9] = t3;
+      $[10] = t4;
+    } else {
+      t4 = $[10];
+    }
+    return t4;
+  }
+  const isAtLimit = selectedPeople.size >= MAX_RECIPIENTS;
+  if (isAtLimit) {
+    let t1;
+    if ($[11] !== styles.emptyStateSubtitle) {
+      t1 = /*#__PURE__*/_jsxs(Text, {
+        variant: "secondary",
+        style: styles.emptyStateSubtitle,
+        children: ["You can add up to ", MAX_RECIPIENTS, " people to a direct message."]
+      });
+      $[11] = styles.emptyStateSubtitle;
+      $[12] = t1;
+    } else {
+      t1 = $[12];
+    }
+    let t2;
+    if ($[13] !== styles.emptyState || $[14] !== t1) {
+      t2 = /*#__PURE__*/_jsx(View, {
+        style: styles.emptyState,
+        children: t1
+      });
+      $[13] = styles.emptyState;
+      $[14] = t1;
+      $[15] = t2;
+    } else {
+      t2 = $[15];
+    }
+    return t2;
+  }
   let t1;
-  if ($[0] !== data?.data) {
+  if ($[16] !== data?.data) {
     t1 = data?.data ?? [];
-    $[0] = data?.data;
-    $[1] = t1;
+    $[16] = data?.data;
+    $[17] = t1;
   } else {
-    t1 = $[1];
+    t1 = $[17];
   }
   let t2;
-  if ($[2] !== selectedPeople || $[3] !== t1) {
+  if ($[18] !== selectedPeople || $[19] !== t1) {
     let t3;
-    if ($[5] !== selectedPeople) {
+    if ($[21] !== selectedPeople) {
       t3 = c => !selectedPeople.has(c.id);
-      $[5] = selectedPeople;
-      $[6] = t3;
+      $[21] = selectedPeople;
+      $[22] = t3;
     } else {
-      t3 = $[6];
+      t3 = $[22];
     }
     t2 = t1.filter(t3);
-    $[2] = selectedPeople;
-    $[3] = t1;
-    $[4] = t2;
+    $[18] = selectedPeople;
+    $[19] = t1;
+    $[20] = t2;
   } else {
-    t2 = $[4];
+    t2 = $[20];
   }
   const unselectedCandidates = t2;
   const hasTruncated = (data?.meta.totalCount ?? 0) > (data?.data.length ?? 0);
-  const isAtLimit = selectedPeople.size >= MAX_RECIPIENTS;
-  const showsResults = term.length >= 1 && !isAtLimit && unselectedCandidates.length > 0;
-  let t3;
-  bb0: {
-    if (showsResults) {
-      t3 = null;
-      break bb0;
-    }
-    if (term.length < 1) {
-      if (selectedPeople.size > 0) {
-        t3 = null;
-        break bb0;
-      }
-      let t4;
-      if ($[7] !== styles.emptyStateIcon) {
-        t4 = /*#__PURE__*/_jsx(Icon, {
-          name: "churchCenter.people",
-          size: 40,
-          style: styles.emptyStateIcon
-        });
-        $[7] = styles.emptyStateIcon;
-        $[8] = t4;
-      } else {
-        t4 = $[8];
-      }
-      let t5;
-      if ($[9] !== styles.emptyStateTitle) {
-        t5 = /*#__PURE__*/_jsx(Text, {
-          style: styles.emptyStateTitle,
-          children: "Search for people to direct message"
-        });
-        $[9] = styles.emptyStateTitle;
-        $[10] = t5;
-      } else {
-        t5 = $[10];
-      }
-      let t6;
-      if ($[11] !== styles.emptyStateSubtitle) {
-        t6 = /*#__PURE__*/_jsx(Text, {
-          variant: "secondary",
-          style: styles.emptyStateSubtitle,
-          children: "Start a conversation with people in your groups and teams."
-        });
-        $[11] = styles.emptyStateSubtitle;
-        $[12] = t6;
-      } else {
-        t6 = $[12];
-      }
-      let t7;
-      if ($[13] !== styles.emptyState || $[14] !== t4 || $[15] !== t5 || $[16] !== t6) {
-        t7 = /*#__PURE__*/_jsxs(View, {
-          style: styles.emptyState,
-          children: [t4, t5, t6]
-        });
-        $[13] = styles.emptyState;
-        $[14] = t4;
-        $[15] = t5;
-        $[16] = t6;
-        $[17] = t7;
-      } else {
-        t7 = $[17];
-      }
-      t3 = t7;
-      break bb0;
-    }
-    if (isAtLimit) {
-      let t4;
-      if ($[18] !== styles.emptyStateSubtitle) {
-        t4 = /*#__PURE__*/_jsxs(Text, {
-          variant: "secondary",
-          style: styles.emptyStateSubtitle,
-          children: ["You can add up to ", MAX_RECIPIENTS, " people to a direct message."]
-        });
-        $[18] = styles.emptyStateSubtitle;
-        $[19] = t4;
-      } else {
-        t4 = $[19];
-      }
-      let t5;
-      if ($[20] !== styles.emptyState || $[21] !== t4) {
-        t5 = /*#__PURE__*/_jsx(View, {
-          style: styles.emptyState,
-          children: t4
-        });
-        $[20] = styles.emptyState;
-        $[21] = t4;
-        $[22] = t5;
-      } else {
-        t5 = $[22];
-      }
-      t3 = t5;
-      break bb0;
-    }
-    if (isFetching) {
-      let t4;
-      if ($[23] === Symbol.for("react.memo_cache_sentinel")) {
-        t4 = /*#__PURE__*/_jsx(Spinner, {});
-        $[23] = t4;
-      } else {
-        t4 = $[23];
-      }
-      let t5;
-      if ($[24] !== styles.emptyState) {
-        t5 = /*#__PURE__*/_jsx(View, {
-          style: styles.emptyState,
-          children: t4
-        });
-        $[24] = styles.emptyState;
-        $[25] = t5;
-      } else {
-        t5 = $[25];
-      }
-      t3 = t5;
-      break bb0;
+  if (isFetching && unselectedCandidates.length === 0) {
+    let t3;
+    if ($[23] === Symbol.for("react.memo_cache_sentinel")) {
+      t3 = /*#__PURE__*/_jsx(Spinner, {});
+      $[23] = t3;
+    } else {
+      t3 = $[23];
     }
     let t4;
+    if ($[24] !== styles.emptyState) {
+      t4 = /*#__PURE__*/_jsx(View, {
+        style: styles.emptyState,
+        children: t3
+      });
+      $[24] = styles.emptyState;
+      $[25] = t4;
+    } else {
+      t4 = $[25];
+    }
+    return t4;
+  }
+  if (!isFetching && unselectedCandidates.length === 0) {
+    let t3;
     if ($[26] !== styles.emptyStateIcon) {
-      t4 = /*#__PURE__*/_jsx(Icon, {
+      t3 = /*#__PURE__*/_jsx(Icon, {
         name: "general.search",
         size: 32,
         style: styles.emptyStateIcon
       });
       $[26] = styles.emptyStateIcon;
-      $[27] = t4;
+      $[27] = t3;
     } else {
-      t4 = $[27];
+      t3 = $[27];
     }
-    let t5;
+    let t4;
     if ($[28] !== styles.emptyStateTitle || $[29] !== term) {
-      t5 = /*#__PURE__*/_jsxs(Text, {
+      t4 = /*#__PURE__*/_jsxs(Text, {
         style: styles.emptyStateTitle,
         children: ["No matches for \"", term, "\""]
       });
       $[28] = styles.emptyStateTitle;
       $[29] = term;
-      $[30] = t5;
+      $[30] = t4;
     } else {
-      t5 = $[30];
+      t4 = $[30];
     }
-    let t6;
+    let t5;
     if ($[31] !== styles.emptyStateSubtitle) {
-      t6 = /*#__PURE__*/_jsx(Text, {
+      t5 = /*#__PURE__*/_jsx(Text, {
         variant: "secondary",
         style: styles.emptyStateSubtitle,
         children: "Try a different name, or check that you share a group or team with them."
       });
       $[31] = styles.emptyStateSubtitle;
-      $[32] = t6;
+      $[32] = t5;
     } else {
-      t6 = $[32];
+      t5 = $[32];
     }
-    let t7;
-    if ($[33] !== styles.emptyState || $[34] !== t4 || $[35] !== t5 || $[36] !== t6) {
-      t7 = /*#__PURE__*/_jsxs(View, {
+    let t6;
+    if ($[33] !== styles.emptyState || $[34] !== t3 || $[35] !== t4 || $[36] !== t5) {
+      t6 = /*#__PURE__*/_jsxs(View, {
         style: styles.emptyState,
-        children: [t4, t5, t6]
+        children: [t3, t4, t5]
       });
       $[33] = styles.emptyState;
-      $[34] = t4;
-      $[35] = t5;
-      $[36] = t6;
-      $[37] = t7;
+      $[34] = t3;
+      $[35] = t4;
+      $[36] = t5;
+      $[37] = t6;
     } else {
-      t7 = $[37];
+      t6 = $[37];
     }
-    t3 = t7;
-  }
-  const emptyState = t3;
-  let t4;
-  if ($[38] !== showsResults || $[39] !== unselectedCandidates) {
-    t4 = showsResults ? unselectedCandidates : [];
-    $[38] = showsResults;
-    $[39] = unselectedCandidates;
-    $[40] = t4;
-  } else {
-    t4 = $[40];
+    return t6;
   }
-  let t5;
-  if ($[41] !== emptyState || $[42] !== groups || $[43] !== hasTruncated || $[44] !== header || $[45] !== onSelect || $[46] !== resultsDescription || $[47] !== t4 || $[48] !== teams) {
-    t5 = /*#__PURE__*/_jsx(CandidateList, {
-      header: header,
-      candidates: t4,
+  let t3;
+  if ($[38] !== groups || $[39] !== hasTruncated || $[40] !== onSelect || $[41] !== resultsDescription || $[42] !== teams || $[43] !== unselectedCandidates) {
+    t3 = /*#__PURE__*/_jsx(CandidateList, {
+      candidates: unselectedCandidates,
       hasTruncated: hasTruncated,
       description: resultsDescription,
-      emptyState: emptyState,
       groups: groups,
       teams: teams,
       onSelect: onSelect
     });
-    $[41] = emptyState;
-    $[42] = groups;
-    $[43] = hasTruncated;
-    $[44] = header;
-    $[45] = onSelect;
-    $[46] = resultsDescription;
-    $[47] = t4;
-    $[48] = teams;
-    $[49] = t5;
+    $[38] = groups;
+    $[39] = hasTruncated;
+    $[40] = onSelect;
+    $[41] = resultsDescription;
+    $[42] = teams;
+    $[43] = unselectedCandidates;
+    $[44] = t3;
   } else {
-    t5 = $[49];
+    t3 = $[44];
   }
-  return t5;
+  return t3;
 }
 function candidateBadges(candidate) {
   const badges = [];
@@ -775,19 +765,16 @@ function candidateAffiliationNames(candidate, groups, teams) {
   })];
 }
 function CandidateList(t0) {
-  const $ = _c(48);
+  const $ = _c(36);
   const {
-    header,
     candidates,
     hasTruncated,
     description,
-    emptyState,
     groups,
     teams,
     onSelect
   } = t0;
   const styles = useStyles();
-  const hasCandidates = candidates.length > 0;
   let t1;
   if ($[0] !== candidates) {
     t1 = candidates.filter(_temp2);
@@ -804,20 +791,17 @@ function CandidateList(t0) {
   let t5;
   let t6;
   let t7;
-  let t8;
-  let t9;
-  if ($[2] !== available || $[3] !== candidates || $[4] !== description || $[5] !== emptyState || $[6] !== groups || $[7] !== hasCandidates || $[8] !== header || $[9] !== onSelect || $[10] !== styles || $[11] !== teams) {
+  if ($[2] !== available || $[3] !== candidates || $[4] !== description || $[5] !== groups || $[6] !== onSelect || $[7] !== styles || $[8] !== teams) {
     const dmDisabled = candidates.filter(_temp3);
     T0 = FlatList;
     t3 = available;
-    t4 = "automatic";
-    t5 = "handled";
-    t6 = _temp4;
-    if ($[21] !== groups || $[22] !== onSelect || $[23] !== teams) {
-      t7 = t10 => {
+    t4 = "handled";
+    t5 = _temp4;
+    if ($[16] !== groups || $[17] !== onSelect || $[18] !== teams) {
+      t6 = t8 => {
         const {
           item: item_0
-        } = t10;
+        } = t8;
         return /*#__PURE__*/_jsx(CandidateItem, {
           candidate: item_0,
           badges: candidateBadges(item_0),
@@ -825,35 +809,22 @@ function CandidateList(t0) {
           onSelect: () => onSelect(item_0)
         });
       };
-      $[21] = groups;
-      $[22] = onSelect;
-      $[23] = teams;
-      $[24] = t7;
+      $[16] = groups;
+      $[17] = onSelect;
+      $[18] = teams;
+      $[19] = t6;
     } else {
-      t7 = $[24];
+      t6 = $[19];
     }
-    let t10;
-    if ($[25] !== description || $[26] !== hasCandidates) {
-      t10 = hasCandidates && /*#__PURE__*/_jsx(ResultsHeading, {
+    if ($[20] !== description) {
+      t7 = /*#__PURE__*/_jsx(ResultsHeading, {
         description: description
       });
-      $[25] = description;
-      $[26] = hasCandidates;
-      $[27] = t10;
-    } else {
-      t10 = $[27];
-    }
-    if ($[28] !== header || $[29] !== t10) {
-      t8 = /*#__PURE__*/_jsxs(_Fragment, {
-        children: [header, t10]
-      });
-      $[28] = header;
-      $[29] = t10;
-      $[30] = t8;
+      $[20] = description;
+      $[21] = t7;
     } else {
-      t8 = $[30];
+      t7 = $[21];
     }
-    t9 = emptyState;
     t2 = dmDisabled.length > 0 && /*#__PURE__*/_jsxs(_Fragment, {
       children: [/*#__PURE__*/_jsx(View, {
         style: styles.unavailableHeader,
@@ -872,36 +843,29 @@ function CandidateList(t0) {
     $[2] = available;
     $[3] = candidates;
     $[4] = description;
-    $[5] = emptyState;
-    $[6] = groups;
-    $[7] = hasCandidates;
-    $[8] = header;
-    $[9] = onSelect;
-    $[10] = styles;
-    $[11] = teams;
-    $[12] = T0;
-    $[13] = t2;
-    $[14] = t3;
-    $[15] = t4;
-    $[16] = t5;
-    $[17] = t6;
-    $[18] = t7;
-    $[19] = t8;
-    $[20] = t9;
+    $[5] = groups;
+    $[6] = onSelect;
+    $[7] = styles;
+    $[8] = teams;
+    $[9] = T0;
+    $[10] = t2;
+    $[11] = t3;
+    $[12] = t4;
+    $[13] = t5;
+    $[14] = t6;
+    $[15] = t7;
   } else {
-    T0 = $[12];
-    t2 = $[13];
-    t3 = $[14];
-    t4 = $[15];
-    t5 = $[16];
-    t6 = $[17];
-    t7 = $[18];
-    t8 = $[19];
-    t9 = $[20];
+    T0 = $[9];
+    t2 = $[10];
+    t3 = $[11];
+    t4 = $[12];
+    t5 = $[13];
+    t6 = $[14];
+    t7 = $[15];
   }
-  let t10;
-  if ($[31] !== hasCandidates || $[32] !== hasTruncated || $[33] !== styles) {
-    t10 = hasCandidates && hasTruncated && /*#__PURE__*/_jsx(View, {
+  let t8;
+  if ($[22] !== hasTruncated || $[23] !== styles) {
+    t8 = hasTruncated && /*#__PURE__*/_jsx(View, {
       style: styles.truncatedFooter,
       children: /*#__PURE__*/_jsx(Text, {
         variant: "secondary",
@@ -909,50 +873,45 @@ function CandidateList(t0) {
         children: "Keep typing to narrow your results."
       })
     });
-    $[31] = hasCandidates;
-    $[32] = hasTruncated;
-    $[33] = styles;
-    $[34] = t10;
+    $[22] = hasTruncated;
+    $[23] = styles;
+    $[24] = t8;
   } else {
-    t10 = $[34];
+    t8 = $[24];
   }
-  let t11;
-  if ($[35] !== t10 || $[36] !== t2) {
-    t11 = /*#__PURE__*/_jsxs(_Fragment, {
-      children: [t2, t10]
+  let t9;
+  if ($[25] !== t2 || $[26] !== t8) {
+    t9 = /*#__PURE__*/_jsxs(_Fragment, {
+      children: [t2, t8]
     });
-    $[35] = t10;
-    $[36] = t2;
-    $[37] = t11;
+    $[25] = t2;
+    $[26] = t8;
+    $[27] = t9;
   } else {
-    t11 = $[37];
+    t9 = $[27];
   }
-  let t12;
-  if ($[38] !== T0 || $[39] !== t11 || $[40] !== t3 || $[41] !== t4 || $[42] !== t5 || $[43] !== t6 || $[44] !== t7 || $[45] !== t8 || $[46] !== t9) {
-    t12 = /*#__PURE__*/_jsx(T0, {
+  let t10;
+  if ($[28] !== T0 || $[29] !== t3 || $[30] !== t4 || $[31] !== t5 || $[32] !== t6 || $[33] !== t7 || $[34] !== t9) {
+    t10 = /*#__PURE__*/_jsx(T0, {
       data: t3,
-      contentInsetAdjustmentBehavior: t4,
-      keyboardShouldPersistTaps: t5,
-      keyExtractor: t6,
-      renderItem: t7,
-      ListHeaderComponent: t8,
-      ListEmptyComponent: t9,
-      ListFooterComponent: t11
+      keyboardShouldPersistTaps: t4,
+      keyExtractor: t5,
+      renderItem: t6,
+      ListHeaderComponent: t7,
+      ListFooterComponent: t9
     });
-    $[38] = T0;
-    $[39] = t11;
-    $[40] = t3;
-    $[41] = t4;
-    $[42] = t5;
-    $[43] = t6;
-    $[44] = t7;
-    $[45] = t8;
-    $[46] = t9;
-    $[47] = t12;
+    $[28] = T0;
+    $[29] = t3;
+    $[30] = t4;
+    $[31] = t5;
+    $[32] = t6;
+    $[33] = t7;
+    $[34] = t9;
+    $[35] = t10;
   } else {
-    t12 = $[47];
+    t10 = $[35];
   }
-  return t12;
+  return t10;
 }
 function _temp4(item) {
   return item.id;