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

package/build/screens/conversation_select_recipients/conversation_select_direct_message_recipients_screen.js

@@ -6,7 +6,6 @@ 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';
@@ -509,7 +508,7 @@ function PersonChip(t0) {
   return t8;
 }
 function CandidateResults(t0) {
-  const $ = _c(60);
+  const $ = _c(50);
   const {
     term,
     selectedPeople,
@@ -517,304 +516,244 @@ function CandidateResults(t0) {
     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,
-    isError
-  } = useDirectMessageCandidates(term, t1);
+    isFetching
+  } = useDirectMessageCandidates(term);
   const {
     groups,
     teams,
     resultsDescription
   } = useDirectMessageAffiliations();
-  let t2;
-  if ($[1] !== data?.data) {
-    t2 = data?.data ?? [];
-    $[1] = data?.data;
-    $[2] = t2;
+  let t1;
+  if ($[0] !== data?.data) {
+    t1 = data?.data ?? [];
+    $[0] = data?.data;
+    $[1] = t1;
   } else {
-    t2 = $[2];
+    t1 = $[1];
   }
-  let t3;
-  if ($[3] !== selectedPeople || $[4] !== t2) {
-    let t4;
-    if ($[6] !== selectedPeople) {
-      t4 = c => !selectedPeople.has(c.id);
-      $[6] = selectedPeople;
-      $[7] = t4;
+  let t2;
+  if ($[2] !== selectedPeople || $[3] !== t1) {
+    let t3;
+    if ($[5] !== selectedPeople) {
+      t3 = c => !selectedPeople.has(c.id);
+      $[5] = selectedPeople;
+      $[6] = t3;
     } else {
-      t4 = $[7];
+      t3 = $[6];
     }
-    t3 = t2.filter(t4);
-    $[3] = selectedPeople;
+    t2 = t1.filter(t3);
+    $[2] = selectedPeople;
+    $[3] = t1;
     $[4] = t2;
-    $[5] = t3;
   } else {
-    t3 = $[5];
+    t2 = $[4];
   }
-  const unselectedCandidates = t3;
+  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 && !isError && unselectedCandidates.length > 0;
-  let t4;
+  const showsResults = term.length >= 1 && !isAtLimit && unselectedCandidates.length > 0;
+  let t3;
   bb0: {
     if (showsResults) {
-      t4 = null;
+      t3 = null;
       break bb0;
     }
     if (term.length < 1) {
       if (selectedPeople.size > 0) {
-        t4 = null;
+        t3 = null;
         break bb0;
       }
-      let t5;
-      if ($[8] !== styles.emptyStateIcon) {
-        t5 = /*#__PURE__*/_jsx(Icon, {
+      let t4;
+      if ($[7] !== styles.emptyStateIcon) {
+        t4 = /*#__PURE__*/_jsx(Icon, {
           name: "churchCenter.people",
           size: 40,
           style: styles.emptyStateIcon
         });
-        $[8] = styles.emptyStateIcon;
-        $[9] = t5;
+        $[7] = styles.emptyStateIcon;
+        $[8] = t4;
       } else {
-        t5 = $[9];
+        t4 = $[8];
       }
-      let t6;
-      if ($[10] !== styles.emptyStateTitle) {
-        t6 = /*#__PURE__*/_jsx(Text, {
+      let t5;
+      if ($[9] !== styles.emptyStateTitle) {
+        t5 = /*#__PURE__*/_jsx(Text, {
           style: styles.emptyStateTitle,
           children: "Search for people to direct message"
         });
-        $[10] = styles.emptyStateTitle;
-        $[11] = t6;
+        $[9] = styles.emptyStateTitle;
+        $[10] = t5;
       } else {
-        t6 = $[11];
+        t5 = $[10];
       }
-      let t7;
-      if ($[12] !== styles.emptyStateSubtitle) {
-        t7 = /*#__PURE__*/_jsx(Text, {
+      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."
         });
-        $[12] = styles.emptyStateSubtitle;
-        $[13] = t7;
+        $[11] = styles.emptyStateSubtitle;
+        $[12] = t6;
       } else {
-        t7 = $[13];
+        t6 = $[12];
       }
-      let t8;
-      if ($[14] !== styles.emptyState || $[15] !== t5 || $[16] !== t6 || $[17] !== t7) {
-        t8 = /*#__PURE__*/_jsxs(View, {
+      let t7;
+      if ($[13] !== styles.emptyState || $[14] !== t4 || $[15] !== t5 || $[16] !== t6) {
+        t7 = /*#__PURE__*/_jsxs(View, {
           style: styles.emptyState,
-          children: [t5, t6, t7]
+          children: [t4, t5, t6]
         });
-        $[14] = styles.emptyState;
+        $[13] = styles.emptyState;
+        $[14] = t4;
         $[15] = t5;
         $[16] = t6;
         $[17] = t7;
-        $[18] = t8;
-      } else {
-        t8 = $[18];
-      }
-      t4 = t8;
-      break bb0;
-    }
-    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];
+        t7 = $[17];
       }
-      t4 = t7;
+      t3 = t7;
       break bb0;
     }
     if (isAtLimit) {
-      let t5;
-      if ($[27] !== styles.emptyStateSubtitle) {
-        t5 = /*#__PURE__*/_jsxs(Text, {
+      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."]
         });
-        $[27] = styles.emptyStateSubtitle;
-        $[28] = t5;
+        $[18] = styles.emptyStateSubtitle;
+        $[19] = t4;
       } else {
-        t5 = $[28];
+        t4 = $[19];
       }
-      let t6;
-      if ($[29] !== styles.emptyState || $[30] !== t5) {
-        t6 = /*#__PURE__*/_jsx(View, {
+      let t5;
+      if ($[20] !== styles.emptyState || $[21] !== t4) {
+        t5 = /*#__PURE__*/_jsx(View, {
           style: styles.emptyState,
-          children: t5
+          children: t4
         });
-        $[29] = styles.emptyState;
-        $[30] = t5;
-        $[31] = t6;
+        $[20] = styles.emptyState;
+        $[21] = t4;
+        $[22] = t5;
       } else {
-        t6 = $[31];
+        t5 = $[22];
       }
-      t4 = t6;
+      t3 = t5;
       break bb0;
     }
     if (isFetching) {
-      let t5;
-      if ($[32] === Symbol.for("react.memo_cache_sentinel")) {
-        t5 = /*#__PURE__*/_jsx(Spinner, {});
-        $[32] = t5;
+      let t4;
+      if ($[23] === Symbol.for("react.memo_cache_sentinel")) {
+        t4 = /*#__PURE__*/_jsx(Spinner, {});
+        $[23] = t4;
       } else {
-        t5 = $[32];
+        t4 = $[23];
       }
-      let t6;
-      if ($[33] !== styles.emptyState) {
-        t6 = /*#__PURE__*/_jsx(View, {
+      let t5;
+      if ($[24] !== styles.emptyState) {
+        t5 = /*#__PURE__*/_jsx(View, {
           style: styles.emptyState,
-          children: t5
+          children: t4
         });
-        $[33] = styles.emptyState;
-        $[34] = t6;
+        $[24] = styles.emptyState;
+        $[25] = t5;
       } else {
-        t6 = $[34];
+        t5 = $[25];
       }
-      t4 = t6;
+      t3 = t5;
       break bb0;
     }
-    let t5;
-    if ($[35] !== styles.emptyStateIcon) {
-      t5 = /*#__PURE__*/_jsx(Icon, {
+    let t4;
+    if ($[26] !== styles.emptyStateIcon) {
+      t4 = /*#__PURE__*/_jsx(Icon, {
         name: "general.search",
         size: 32,
         style: styles.emptyStateIcon
       });
-      $[35] = styles.emptyStateIcon;
-      $[36] = t5;
+      $[26] = styles.emptyStateIcon;
+      $[27] = t4;
     } else {
-      t5 = $[36];
+      t4 = $[27];
     }
-    let t6;
-    if ($[37] !== styles.emptyStateTitle || $[38] !== term) {
-      t6 = /*#__PURE__*/_jsxs(Text, {
+    let t5;
+    if ($[28] !== styles.emptyStateTitle || $[29] !== term) {
+      t5 = /*#__PURE__*/_jsxs(Text, {
         style: styles.emptyStateTitle,
         children: ["No matches for \"", term, "\""]
       });
-      $[37] = styles.emptyStateTitle;
-      $[38] = term;
-      $[39] = t6;
+      $[28] = styles.emptyStateTitle;
+      $[29] = term;
+      $[30] = t5;
     } else {
-      t6 = $[39];
+      t5 = $[30];
     }
-    let t7;
-    if ($[40] !== styles.emptyStateSubtitle) {
-      t7 = /*#__PURE__*/_jsx(Text, {
+    let t6;
+    if ($[31] !== styles.emptyStateSubtitle) {
+      t6 = /*#__PURE__*/_jsx(Text, {
         variant: "secondary",
         style: styles.emptyStateSubtitle,
         children: "Try a different name, or check that you share a group or team with them."
       });
-      $[40] = styles.emptyStateSubtitle;
-      $[41] = t7;
+      $[31] = styles.emptyStateSubtitle;
+      $[32] = t6;
     } else {
-      t7 = $[41];
+      t6 = $[32];
     }
-    let t8;
-    if ($[42] !== styles.emptyState || $[43] !== t5 || $[44] !== t6 || $[45] !== t7) {
-      t8 = /*#__PURE__*/_jsxs(View, {
+    let t7;
+    if ($[33] !== styles.emptyState || $[34] !== t4 || $[35] !== t5 || $[36] !== t6) {
+      t7 = /*#__PURE__*/_jsxs(View, {
         style: styles.emptyState,
-        children: [t5, t6, t7]
+        children: [t4, t5, t6]
       });
-      $[42] = styles.emptyState;
-      $[43] = t5;
-      $[44] = t6;
-      $[45] = t7;
-      $[46] = t8;
+      $[33] = styles.emptyState;
+      $[34] = t4;
+      $[35] = t5;
+      $[36] = t6;
+      $[37] = t7;
     } else {
-      t8 = $[46];
+      t7 = $[37];
     }
-    t4 = t8;
+    t3 = t7;
   }
-  const emptyState = t4;
-  let t5;
-  if ($[47] !== showsResults || $[48] !== unselectedCandidates) {
-    t5 = showsResults ? unselectedCandidates : [];
-    $[47] = showsResults;
-    $[48] = unselectedCandidates;
-    $[49] = t5;
+  const emptyState = t3;
+  let t4;
+  if ($[38] !== showsResults || $[39] !== unselectedCandidates) {
+    t4 = showsResults ? unselectedCandidates : [];
+    $[38] = showsResults;
+    $[39] = unselectedCandidates;
+    $[40] = t4;
   } else {
-    t5 = $[49];
+    t4 = $[40];
   }
-  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, {
+  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: t5,
-      hasTruncated: t6,
-      description: t7,
-      showsHeading: showsResults,
+      candidates: t4,
+      hasTruncated: hasTruncated,
+      description: resultsDescription,
       emptyState: emptyState,
       groups: groups,
       teams: teams,
       onSelect: onSelect
     });
-    $[50] = emptyState;
-    $[51] = groups;
-    $[52] = header;
-    $[53] = onSelect;
-    $[54] = showsResults;
-    $[55] = t5;
-    $[56] = t6;
-    $[57] = t7;
-    $[58] = teams;
-    $[59] = t8;
+    $[41] = emptyState;
+    $[42] = groups;
+    $[43] = hasTruncated;
+    $[44] = header;
+    $[45] = onSelect;
+    $[46] = resultsDescription;
+    $[47] = t4;
+    $[48] = teams;
+    $[49] = t5;
   } else {
-    t8 = $[59];
+    t5 = $[49];
   }
-  return t8;
-}
-function CandidateSearchError(t0) {
-  const {
-    term
-  } = t0;
-  useDirectMessageCandidates(term);
-  return null;
+  return t5;
 }
 function candidateBadges(candidate) {
   const badges = [];
@@ -836,19 +775,19 @@ function candidateAffiliationNames(candidate, groups, teams) {
   })];
 }
 function CandidateList(t0) {
-  const $ = _c(47);
+  const $ = _c(48);
   const {
     header,
     candidates,
     hasTruncated,
     description,
-    showsHeading,
     emptyState,
     groups,
     teams,
     onSelect
   } = t0;
   const styles = useStyles();
+  const hasCandidates = candidates.length > 0;
   let t1;
   if ($[0] !== candidates) {
     t1 = candidates.filter(_temp2);
@@ -867,7 +806,7 @@ function CandidateList(t0) {
   let t7;
   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) {
+  if ($[2] !== available || $[3] !== candidates || $[4] !== description || $[5] !== emptyState || $[6] !== groups || $[7] !== hasCandidates || $[8] !== header || $[9] !== onSelect || $[10] !== styles || $[11] !== teams) {
     const dmDisabled = candidates.filter(_temp3);
     T0 = FlatList;
     t3 = available;
@@ -894,12 +833,12 @@ function CandidateList(t0) {
       t7 = $[24];
     }
     let t10;
-    if ($[25] !== description || $[26] !== showsHeading) {
-      t10 = showsHeading && /*#__PURE__*/_jsx(ResultsHeading, {
+    if ($[25] !== description || $[26] !== hasCandidates) {
+      t10 = hasCandidates && /*#__PURE__*/_jsx(ResultsHeading, {
         description: description
       });
       $[25] = description;
-      $[26] = showsHeading;
+      $[26] = hasCandidates;
       $[27] = t10;
     } else {
       t10 = $[27];
@@ -935,9 +874,9 @@ function CandidateList(t0) {
     $[4] = description;
     $[5] = emptyState;
     $[6] = groups;
-    $[7] = header;
-    $[8] = onSelect;
-    $[9] = showsHeading;
+    $[7] = hasCandidates;
+    $[8] = header;
+    $[9] = onSelect;
     $[10] = styles;
     $[11] = teams;
     $[12] = T0;
@@ -961,8 +900,8 @@ function CandidateList(t0) {
     t9 = $[20];
   }
   let t10;
-  if ($[31] !== hasTruncated || $[32] !== styles) {
-    t10 = hasTruncated && /*#__PURE__*/_jsx(View, {
+  if ($[31] !== hasCandidates || $[32] !== hasTruncated || $[33] !== styles) {
+    t10 = hasCandidates && hasTruncated && /*#__PURE__*/_jsx(View, {
       style: styles.truncatedFooter,
       children: /*#__PURE__*/_jsx(Text, {
         variant: "secondary",
@@ -970,25 +909,26 @@ function CandidateList(t0) {
         children: "Keep typing to narrow your results."
       })
     });
-    $[31] = hasTruncated;
-    $[32] = styles;
-    $[33] = t10;
+    $[31] = hasCandidates;
+    $[32] = hasTruncated;
+    $[33] = styles;
+    $[34] = t10;
   } else {
-    t10 = $[33];
+    t10 = $[34];
   }
   let t11;
-  if ($[34] !== t10 || $[35] !== t2) {
+  if ($[35] !== t10 || $[36] !== t2) {
     t11 = /*#__PURE__*/_jsxs(_Fragment, {
       children: [t2, t10]
     });
-    $[34] = t10;
-    $[35] = t2;
-    $[36] = t11;
+    $[35] = t10;
+    $[36] = t2;
+    $[37] = t11;
   } else {
-    t11 = $[36];
+    t11 = $[37];
   }
   let t12;
-  if ($[37] !== T0 || $[38] !== t11 || $[39] !== t3 || $[40] !== t4 || $[41] !== t5 || $[42] !== t6 || $[43] !== t7 || $[44] !== t8 || $[45] !== t9) {
+  if ($[38] !== T0 || $[39] !== t11 || $[40] !== t3 || $[41] !== t4 || $[42] !== t5 || $[43] !== t6 || $[44] !== t7 || $[45] !== t8 || $[46] !== t9) {
     t12 = /*#__PURE__*/_jsx(T0, {
       data: t3,
       contentInsetAdjustmentBehavior: t4,
@@ -999,18 +939,18 @@ function CandidateList(t0) {
       ListEmptyComponent: t9,
       ListFooterComponent: t11
     });
-    $[37] = T0;
-    $[38] = t11;
-    $[39] = t3;
-    $[40] = t4;
-    $[41] = t5;
-    $[42] = t6;
-    $[43] = t7;
-    $[44] = t8;
-    $[45] = t9;
-    $[46] = t12;
+    $[38] = T0;
+    $[39] = t11;
+    $[40] = t3;
+    $[41] = t4;
+    $[42] = t5;
+    $[43] = t6;
+    $[44] = t7;
+    $[45] = t8;
+    $[46] = t9;
+    $[47] = t12;
   } else {
-    t12 = $[46];
+    t12 = $[47];
   }
   return t12;
 }