@planningcenter/chat-react-native 4.4.1-qa-staging.30 → 4.4.1-qa-staging.31

package/build/screens/conversation_select_recipients/conversation_select_direct_message_recipients_screen.js

@@ -15,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, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 const MAX_RECIPIENTS = 9;
 export function ConversationSelectDirectMessageRecipientsScreen(t0) {
-  const $ = _c(55);
+  const $ = _c(51);
   const {
     route
   } = t0;
@@ -205,99 +205,85 @@ export function ConversationSelectDirectMessageRecipientsScreen(t0) {
     t14 = $[27];
   }
   let t15;
-  if ($[28] !== styles.errorBanner) {
-    t15 = /*#__PURE__*/_jsx(Banner, {
-      appearance: "error",
-      description: "Couldn't load people right now. Try again.",
-      style: styles.errorBanner
+  if ($[28] !== t12 || $[29] !== t14) {
+    t15 = /*#__PURE__*/_jsxs(_Fragment, {
+      children: [t12, t14]
     });
-    $[28] = styles.errorBanner;
-    $[29] = t15;
+    $[28] = t12;
+    $[29] = t14;
+    $[30] = t15;
   } else {
-    t15 = $[29];
+    t15 = $[30];
   }
   let t16;
-  if ($[30] !== debouncedTerm || $[31] !== selectPerson || $[32] !== selectedPeople) {
+  if ($[31] !== debouncedTerm || $[32] !== selectPerson || $[33] !== selectedPeople || $[34] !== t15) {
     t16 = /*#__PURE__*/_jsx(CandidateResults, {
       term: debouncedTerm,
       selectedPeople: selectedPeople,
-      onSelect: selectPerson
+      onSelect: selectPerson,
+      header: t15
     });
-    $[30] = debouncedTerm;
-    $[31] = selectPerson;
-    $[32] = selectedPeople;
-    $[33] = t16;
+    $[31] = debouncedTerm;
+    $[32] = selectPerson;
+    $[33] = selectedPeople;
+    $[34] = t15;
+    $[35] = t16;
   } else {
-    t16 = $[33];
+    t16 = $[35];
   }
   let t17;
-  if ($[34] !== debouncedTerm || $[35] !== t15 || $[36] !== t16) {
-    t17 = /*#__PURE__*/_jsx(ComponentErrorBoundary, {
-      fallback: t15,
-      children: t16
-    }, debouncedTerm);
-    $[34] = debouncedTerm;
-    $[35] = t15;
-    $[36] = t16;
-    $[37] = t17;
-  } else {
-    t17 = $[37];
-  }
-  let t18;
-  if ($[38] !== styles.candidateResultsContainer || $[39] !== t17) {
-    t18 = /*#__PURE__*/_jsx(View, {
+  if ($[36] !== styles.candidateResultsContainer || $[37] !== t16) {
+    t17 = /*#__PURE__*/_jsx(View, {
       style: styles.candidateResultsContainer,
-      children: t17
+      children: t16
     });
-    $[38] = styles.candidateResultsContainer;
-    $[39] = t17;
-    $[40] = t18;
+    $[36] = styles.candidateResultsContainer;
+    $[37] = t16;
+    $[38] = t17;
   } else {
-    t18 = $[40];
+    t17 = $[38];
   }
-  const t19 = selectedPeople.size === 0 || validationPending || warnings.length > 0 || isFinding;
-  const t20 = validationPending || isFinding;
-  let t21;
-  if ($[41] !== findOrCreateConversation || $[42] !== recipientIds) {
-    t21 = () => findOrCreateConversation(recipientIds);
-    $[41] = findOrCreateConversation;
-    $[42] = recipientIds;
-    $[43] = t21;
+  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;
   } else {
-    t21 = $[43];
+    t20 = $[41];
   }
-  let t22;
-  if ($[44] !== buttonText || $[45] !== t19 || $[46] !== t20 || $[47] !== t21 || $[48] !== warnings) {
-    t22 = /*#__PURE__*/_jsx(ActionButton, {
+  let t21;
+  if ($[42] !== buttonText || $[43] !== t18 || $[44] !== t19 || $[45] !== t20 || $[46] !== warnings) {
+    t21 = /*#__PURE__*/_jsx(ActionButton, {
       title: buttonText,
-      disabled: t19,
-      loading: t20,
-      onPress: t21,
+      disabled: t18,
+      loading: t19,
+      onPress: t20,
       warnings: warnings
     });
-    $[44] = buttonText;
-    $[45] = t19;
-    $[46] = t20;
+    $[42] = buttonText;
+    $[43] = t18;
+    $[44] = t19;
+    $[45] = t20;
+    $[46] = warnings;
     $[47] = t21;
-    $[48] = warnings;
-    $[49] = t22;
   } else {
-    t22 = $[49];
+    t21 = $[47];
   }
-  let t23;
-  if ($[50] !== t12 || $[51] !== t14 || $[52] !== t18 || $[53] !== t22) {
-    t23 = /*#__PURE__*/_jsxs(KeyboardView, {
-      children: [t12, t14, t18, t22]
+  let t22;
+  if ($[48] !== t17 || $[49] !== t21) {
+    t22 = /*#__PURE__*/_jsxs(KeyboardView, {
+      children: [t17, t21]
     });
-    $[50] = t12;
-    $[51] = t14;
-    $[52] = t18;
-    $[53] = t22;
-    $[54] = t23;
+    $[48] = t17;
+    $[49] = t21;
+    $[50] = t22;
   } else {
-    t23 = $[54];
+    t22 = $[50];
   }
-  return t23;
+  return t22;
 }
 function _temp(person) {
   return [person.id, {
@@ -523,227 +509,312 @@ function PersonChip(t0) {
   return t8;
 }
 function CandidateResults(t0) {
-  const $ = _c(45);
+  const $ = _c(60);
   const {
     term,
     selectedPeople,
-    onSelect
+    onSelect,
+    header
   } = t0;
   const styles = useStyles();
+  let t1;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t1 = {
+      throwOnError: false
+    };
+    $[0] = t1;
+  } else {
+    t1 = $[0];
+  }
   const {
     data,
-    isFetching
-  } = useDirectMessageCandidates(term);
+    isFetching,
+    isError
+  } = useDirectMessageCandidates(term, t1);
   const {
     groups,
     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 t2;
+  if ($[1] !== data?.data) {
+    t2 = data?.data ?? [];
+    $[1] = data?.data;
+    $[2] = t2;
+  } else {
+    t2 = $[2];
+  }
+  let t3;
+  if ($[3] !== selectedPeople || $[4] !== t2) {
     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;
+    if ($[6] !== selectedPeople) {
+      t4 = c => !selectedPeople.has(c.id);
+      $[6] = selectedPeople;
+      $[7] = t4;
     } else {
-      t4 = $[10];
+      t4 = $[7];
     }
-    return t4;
+    t3 = t2.filter(t4);
+    $[3] = selectedPeople;
+    $[4] = t2;
+    $[5] = t3;
+  } else {
+    t3 = $[5];
   }
+  const unselectedCandidates = t3;
+  const hasTruncated = (data?.meta.totalCount ?? 0) > (data?.data.length ?? 0);
   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];
+  const showsResults = term.length >= 1 && !isAtLimit && !isError && unselectedCandidates.length > 0;
+  let t4;
+  bb0: {
+    if (showsResults) {
+      t4 = null;
+      break bb0;
     }
-    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];
+    if (term.length < 1) {
+      if (selectedPeople.size > 0) {
+        t4 = null;
+        break bb0;
+      }
+      let t5;
+      if ($[8] !== styles.emptyStateIcon) {
+        t5 = /*#__PURE__*/_jsx(Icon, {
+          name: "churchCenter.people",
+          size: 40,
+          style: styles.emptyStateIcon
+        });
+        $[8] = styles.emptyStateIcon;
+        $[9] = t5;
+      } else {
+        t5 = $[9];
+      }
+      let t6;
+      if ($[10] !== styles.emptyStateTitle) {
+        t6 = /*#__PURE__*/_jsx(Text, {
+          style: styles.emptyStateTitle,
+          children: "Search for people to direct message"
+        });
+        $[10] = styles.emptyStateTitle;
+        $[11] = t6;
+      } else {
+        t6 = $[11];
+      }
+      let t7;
+      if ($[12] !== styles.emptyStateSubtitle) {
+        t7 = /*#__PURE__*/_jsx(Text, {
+          variant: "secondary",
+          style: styles.emptyStateSubtitle,
+          children: "Start a conversation with people in your groups and teams."
+        });
+        $[12] = styles.emptyStateSubtitle;
+        $[13] = t7;
+      } else {
+        t7 = $[13];
+      }
+      let t8;
+      if ($[14] !== styles.emptyState || $[15] !== t5 || $[16] !== t6 || $[17] !== t7) {
+        t8 = /*#__PURE__*/_jsxs(View, {
+          style: styles.emptyState,
+          children: [t5, t6, t7]
+        });
+        $[14] = styles.emptyState;
+        $[15] = t5;
+        $[16] = t6;
+        $[17] = t7;
+        $[18] = t8;
+      } else {
+        t8 = $[18];
+      }
+      t4 = t8;
+      break bb0;
     }
-    return t2;
-  }
-  let t1;
-  if ($[16] !== data?.data) {
-    t1 = data?.data ?? [];
-    $[16] = data?.data;
-    $[17] = t1;
-  } else {
-    t1 = $[17];
-  }
-  let t2;
-  if ($[18] !== selectedPeople || $[19] !== t1) {
-    let t3;
-    if ($[21] !== selectedPeople) {
-      t3 = c => !selectedPeople.has(c.id);
-      $[21] = selectedPeople;
-      $[22] = t3;
-    } else {
-      t3 = $[22];
+    if (isError) {
+      let t5;
+      if ($[19] !== styles.errorBanner) {
+        t5 = /*#__PURE__*/_jsx(Banner, {
+          appearance: "error",
+          description: "Couldn't load people right now. Try again.",
+          style: styles.errorBanner
+        });
+        $[19] = styles.errorBanner;
+        $[20] = t5;
+      } else {
+        t5 = $[20];
+      }
+      let t6;
+      if ($[21] !== term) {
+        t6 = /*#__PURE__*/_jsx(CandidateSearchError, {
+          term: term
+        });
+        $[21] = term;
+        $[22] = t6;
+      } else {
+        t6 = $[22];
+      }
+      let t7;
+      if ($[23] !== t5 || $[24] !== t6 || $[25] !== term) {
+        t7 = /*#__PURE__*/_jsx(ComponentErrorBoundary, {
+          fallback: t5,
+          children: t6
+        }, term);
+        $[23] = t5;
+        $[24] = t6;
+        $[25] = term;
+        $[26] = t7;
+      } else {
+        t7 = $[26];
+      }
+      t4 = t7;
+      break bb0;
     }
-    t2 = t1.filter(t3);
-    $[18] = selectedPeople;
-    $[19] = t1;
-    $[20] = t2;
-  } else {
-    t2 = $[20];
-  }
-  const unselectedCandidates = t2;
-  const hasTruncated = (data?.meta.totalCount ?? 0) > (data?.data.length ?? 0);
-  if (isFetching && unselectedCandidates.length === 0) {
-    let t3;
-    if ($[23] === Symbol.for("react.memo_cache_sentinel")) {
-      t3 = /*#__PURE__*/_jsx(Spinner, {});
-      $[23] = t3;
-    } else {
-      t3 = $[23];
+    if (isAtLimit) {
+      let t5;
+      if ($[27] !== styles.emptyStateSubtitle) {
+        t5 = /*#__PURE__*/_jsxs(Text, {
+          variant: "secondary",
+          style: styles.emptyStateSubtitle,
+          children: ["You can add up to ", MAX_RECIPIENTS, " people to a direct message."]
+        });
+        $[27] = styles.emptyStateSubtitle;
+        $[28] = t5;
+      } else {
+        t5 = $[28];
+      }
+      let t6;
+      if ($[29] !== styles.emptyState || $[30] !== t5) {
+        t6 = /*#__PURE__*/_jsx(View, {
+          style: styles.emptyState,
+          children: t5
+        });
+        $[29] = styles.emptyState;
+        $[30] = t5;
+        $[31] = t6;
+      } else {
+        t6 = $[31];
+      }
+      t4 = t6;
+      break bb0;
     }
-    let t4;
-    if ($[24] !== styles.emptyState) {
-      t4 = /*#__PURE__*/_jsx(View, {
-        style: styles.emptyState,
-        children: t3
-      });
-      $[24] = styles.emptyState;
-      $[25] = t4;
-    } else {
-      t4 = $[25];
+    if (isFetching) {
+      let t5;
+      if ($[32] === Symbol.for("react.memo_cache_sentinel")) {
+        t5 = /*#__PURE__*/_jsx(Spinner, {});
+        $[32] = t5;
+      } else {
+        t5 = $[32];
+      }
+      let t6;
+      if ($[33] !== styles.emptyState) {
+        t6 = /*#__PURE__*/_jsx(View, {
+          style: styles.emptyState,
+          children: t5
+        });
+        $[33] = styles.emptyState;
+        $[34] = t6;
+      } else {
+        t6 = $[34];
+      }
+      t4 = t6;
+      break bb0;
     }
-    return t4;
-  }
-  if (!isFetching && unselectedCandidates.length === 0) {
-    let t3;
-    if ($[26] !== styles.emptyStateIcon) {
-      t3 = /*#__PURE__*/_jsx(Icon, {
+    let t5;
+    if ($[35] !== styles.emptyStateIcon) {
+      t5 = /*#__PURE__*/_jsx(Icon, {
         name: "general.search",
         size: 32,
         style: styles.emptyStateIcon
       });
-      $[26] = styles.emptyStateIcon;
-      $[27] = t3;
+      $[35] = styles.emptyStateIcon;
+      $[36] = t5;
     } else {
-      t3 = $[27];
+      t5 = $[36];
     }
-    let t4;
-    if ($[28] !== styles.emptyStateTitle || $[29] !== term) {
-      t4 = /*#__PURE__*/_jsxs(Text, {
+    let t6;
+    if ($[37] !== styles.emptyStateTitle || $[38] !== term) {
+      t6 = /*#__PURE__*/_jsxs(Text, {
         style: styles.emptyStateTitle,
         children: ["No matches for \"", term, "\""]
       });
-      $[28] = styles.emptyStateTitle;
-      $[29] = term;
-      $[30] = t4;
+      $[37] = styles.emptyStateTitle;
+      $[38] = term;
+      $[39] = t6;
     } else {
-      t4 = $[30];
+      t6 = $[39];
     }
-    let t5;
-    if ($[31] !== styles.emptyStateSubtitle) {
-      t5 = /*#__PURE__*/_jsx(Text, {
+    let t7;
+    if ($[40] !== styles.emptyStateSubtitle) {
+      t7 = /*#__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] = t5;
+      $[40] = styles.emptyStateSubtitle;
+      $[41] = t7;
     } else {
-      t5 = $[32];
+      t7 = $[41];
     }
-    let t6;
-    if ($[33] !== styles.emptyState || $[34] !== t3 || $[35] !== t4 || $[36] !== t5) {
-      t6 = /*#__PURE__*/_jsxs(View, {
+    let t8;
+    if ($[42] !== styles.emptyState || $[43] !== t5 || $[44] !== t6 || $[45] !== t7) {
+      t8 = /*#__PURE__*/_jsxs(View, {
         style: styles.emptyState,
-        children: [t3, t4, t5]
+        children: [t5, t6, t7]
       });
-      $[33] = styles.emptyState;
-      $[34] = t3;
-      $[35] = t4;
-      $[36] = t5;
-      $[37] = t6;
+      $[42] = styles.emptyState;
+      $[43] = t5;
+      $[44] = t6;
+      $[45] = t7;
+      $[46] = t8;
     } else {
-      t6 = $[37];
+      t8 = $[46];
     }
-    return t6;
+    t4 = t8;
   }
-  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,
+  const emptyState = t4;
+  let t5;
+  if ($[47] !== showsResults || $[48] !== unselectedCandidates) {
+    t5 = showsResults ? unselectedCandidates : [];
+    $[47] = showsResults;
+    $[48] = unselectedCandidates;
+    $[49] = t5;
+  } else {
+    t5 = $[49];
+  }
+  const t6 = showsResults && hasTruncated;
+  const t7 = showsResults ? resultsDescription : null;
+  let t8;
+  if ($[50] !== emptyState || $[51] !== groups || $[52] !== header || $[53] !== onSelect || $[54] !== showsResults || $[55] !== t5 || $[56] !== t6 || $[57] !== t7 || $[58] !== teams) {
+    t8 = /*#__PURE__*/_jsx(CandidateList, {
+      header: header,
+      candidates: t5,
+      hasTruncated: t6,
+      description: t7,
+      showsHeading: showsResults,
+      emptyState: emptyState,
       groups: groups,
       teams: teams,
       onSelect: onSelect
     });
-    $[38] = groups;
-    $[39] = hasTruncated;
-    $[40] = onSelect;
-    $[41] = resultsDescription;
-    $[42] = teams;
-    $[43] = unselectedCandidates;
-    $[44] = t3;
+    $[50] = emptyState;
+    $[51] = groups;
+    $[52] = header;
+    $[53] = onSelect;
+    $[54] = showsResults;
+    $[55] = t5;
+    $[56] = t6;
+    $[57] = t7;
+    $[58] = teams;
+    $[59] = t8;
   } else {
-    t3 = $[44];
+    t8 = $[59];
   }
-  return t3;
+  return t8;
+}
+function CandidateSearchError(t0) {
+  const {
+    term
+  } = t0;
+  useDirectMessageCandidates(term);
+  return null;
 }
 function candidateBadges(candidate) {
   const badges = [];
@@ -765,11 +836,14 @@ function candidateAffiliationNames(candidate, groups, teams) {
   })];
 }
 function CandidateList(t0) {
-  const $ = _c(36);
+  const $ = _c(47);
   const {
+    header,
     candidates,
     hasTruncated,
     description,
+    showsHeading,
+    emptyState,
     groups,
     teams,
     onSelect
@@ -791,17 +865,20 @@ function CandidateList(t0) {
   let t5;
   let t6;
   let t7;
-  if ($[2] !== available || $[3] !== candidates || $[4] !== description || $[5] !== groups || $[6] !== onSelect || $[7] !== styles || $[8] !== teams) {
+  let t8;
+  let t9;
+  if ($[2] !== available || $[3] !== candidates || $[4] !== description || $[5] !== emptyState || $[6] !== groups || $[7] !== header || $[8] !== onSelect || $[9] !== showsHeading || $[10] !== styles || $[11] !== teams) {
     const dmDisabled = candidates.filter(_temp3);
     T0 = FlatList;
     t3 = available;
-    t4 = "handled";
-    t5 = _temp4;
-    if ($[16] !== groups || $[17] !== onSelect || $[18] !== teams) {
-      t6 = t8 => {
+    t4 = "automatic";
+    t5 = "handled";
+    t6 = _temp4;
+    if ($[21] !== groups || $[22] !== onSelect || $[23] !== teams) {
+      t7 = t10 => {
         const {
           item: item_0
-        } = t8;
+        } = t10;
         return /*#__PURE__*/_jsx(CandidateItem, {
           candidate: item_0,
           badges: candidateBadges(item_0),
@@ -809,22 +886,35 @@ function CandidateList(t0) {
           onSelect: () => onSelect(item_0)
         });
       };
-      $[16] = groups;
-      $[17] = onSelect;
-      $[18] = teams;
-      $[19] = t6;
+      $[21] = groups;
+      $[22] = onSelect;
+      $[23] = teams;
+      $[24] = t7;
     } else {
-      t6 = $[19];
+      t7 = $[24];
     }
-    if ($[20] !== description) {
-      t7 = /*#__PURE__*/_jsx(ResultsHeading, {
+    let t10;
+    if ($[25] !== description || $[26] !== showsHeading) {
+      t10 = showsHeading && /*#__PURE__*/_jsx(ResultsHeading, {
         description: description
       });
-      $[20] = description;
-      $[21] = t7;
+      $[25] = description;
+      $[26] = showsHeading;
+      $[27] = t10;
     } else {
-      t7 = $[21];
+      t10 = $[27];
     }
+    if ($[28] !== header || $[29] !== t10) {
+      t8 = /*#__PURE__*/_jsxs(_Fragment, {
+        children: [header, t10]
+      });
+      $[28] = header;
+      $[29] = t10;
+      $[30] = t8;
+    } else {
+      t8 = $[30];
+    }
+    t9 = emptyState;
     t2 = dmDisabled.length > 0 && /*#__PURE__*/_jsxs(_Fragment, {
       children: [/*#__PURE__*/_jsx(View, {
         style: styles.unavailableHeader,
@@ -843,29 +933,36 @@ function CandidateList(t0) {
     $[2] = available;
     $[3] = candidates;
     $[4] = description;
-    $[5] = groups;
-    $[6] = onSelect;
-    $[7] = styles;
-    $[8] = teams;
-    $[9] = T0;
-    $[10] = t2;
-    $[11] = t3;
-    $[12] = t4;
-    $[13] = t5;
-    $[14] = t6;
-    $[15] = t7;
+    $[5] = emptyState;
+    $[6] = groups;
+    $[7] = header;
+    $[8] = onSelect;
+    $[9] = showsHeading;
+    $[10] = styles;
+    $[11] = teams;
+    $[12] = T0;
+    $[13] = t2;
+    $[14] = t3;
+    $[15] = t4;
+    $[16] = t5;
+    $[17] = t6;
+    $[18] = t7;
+    $[19] = t8;
+    $[20] = t9;
   } else {
-    T0 = $[9];
-    t2 = $[10];
-    t3 = $[11];
-    t4 = $[12];
-    t5 = $[13];
-    t6 = $[14];
-    t7 = $[15];
+    T0 = $[12];
+    t2 = $[13];
+    t3 = $[14];
+    t4 = $[15];
+    t5 = $[16];
+    t6 = $[17];
+    t7 = $[18];
+    t8 = $[19];
+    t9 = $[20];
   }
-  let t8;
-  if ($[22] !== hasTruncated || $[23] !== styles) {
-    t8 = hasTruncated && /*#__PURE__*/_jsx(View, {
+  let t10;
+  if ($[31] !== hasTruncated || $[32] !== styles) {
+    t10 = hasTruncated && /*#__PURE__*/_jsx(View, {
       style: styles.truncatedFooter,
       children: /*#__PURE__*/_jsx(Text, {
         variant: "secondary",
@@ -873,45 +970,49 @@ function CandidateList(t0) {
         children: "Keep typing to narrow your results."
       })
     });
-    $[22] = hasTruncated;
-    $[23] = styles;
-    $[24] = t8;
+    $[31] = hasTruncated;
+    $[32] = styles;
+    $[33] = t10;
   } else {
-    t8 = $[24];
+    t10 = $[33];
   }
-  let t9;
-  if ($[25] !== t2 || $[26] !== t8) {
-    t9 = /*#__PURE__*/_jsxs(_Fragment, {
-      children: [t2, t8]
+  let t11;
+  if ($[34] !== t10 || $[35] !== t2) {
+    t11 = /*#__PURE__*/_jsxs(_Fragment, {
+      children: [t2, t10]
     });
-    $[25] = t2;
-    $[26] = t8;
-    $[27] = t9;
+    $[34] = t10;
+    $[35] = t2;
+    $[36] = t11;
   } else {
-    t9 = $[27];
+    t11 = $[36];
   }
-  let t10;
-  if ($[28] !== T0 || $[29] !== t3 || $[30] !== t4 || $[31] !== t5 || $[32] !== t6 || $[33] !== t7 || $[34] !== t9) {
-    t10 = /*#__PURE__*/_jsx(T0, {
+  let t12;
+  if ($[37] !== T0 || $[38] !== t11 || $[39] !== t3 || $[40] !== t4 || $[41] !== t5 || $[42] !== t6 || $[43] !== t7 || $[44] !== t8 || $[45] !== t9) {
+    t12 = /*#__PURE__*/_jsx(T0, {
       data: t3,
-      keyboardShouldPersistTaps: t4,
-      keyExtractor: t5,
-      renderItem: t6,
-      ListHeaderComponent: t7,
-      ListFooterComponent: t9
+      contentInsetAdjustmentBehavior: t4,
+      keyboardShouldPersistTaps: t5,
+      keyExtractor: t6,
+      renderItem: t7,
+      ListHeaderComponent: t8,
+      ListEmptyComponent: t9,
+      ListFooterComponent: t11
     });
-    $[28] = T0;
-    $[29] = t3;
-    $[30] = t4;
-    $[31] = t5;
-    $[32] = t6;
-    $[33] = t7;
-    $[34] = t9;
-    $[35] = t10;
+    $[37] = T0;
+    $[38] = t11;
+    $[39] = t3;
+    $[40] = t4;
+    $[41] = t5;
+    $[42] = t6;
+    $[43] = t7;
+    $[44] = t8;
+    $[45] = t9;
+    $[46] = t12;
   } else {
-    t10 = $[35];
+    t12 = $[46];
   }
-  return t10;
+  return t12;
 }
 function _temp4(item) {
   return item.id;