@planningcenter/chat-react-native 4.3.0-rc.9 → 4.3.1-qa-989.0

package/build/screens/conversation_select_recipients/conversation_select_direct_message_recipients_screen.js

@@ -1,7 +1,7 @@
 import { c as _c } from "react/compiler-runtime";
 import { PlatformPressable } from '@react-navigation/elements';
 import { StackActions, useNavigation } from '@react-navigation/native';
-import { useEffect, useRef, useState } from 'react';
+import { useRef, useState } from 'react';
 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';
@@ -12,12 +12,13 @@ import { useDirectMessageAffiliations } from '../../hooks/direct_messages/use_di
 import { useDirectMessageCandidates } from '../../hooks/direct_messages/use_direct_message_candidates';
 import { useDirectMessageConversationValidate } from '../../hooks/direct_messages/use_direct_message_conversation_validate';
 import { useFindOrCreateDirectMessageConversation } from '../../hooks/direct_messages/use_find_or_create_direct_message_conversation';
+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";
 const MAX_RECIPIENTS = 9;
 export function ConversationSelectDirectMessageRecipientsScreen(t0) {
-  const $ = _c(58);
+  const $ = _c(55);
   const {
     route
   } = t0;
@@ -47,7 +48,7 @@ export function ConversationSelectDirectMessageRecipientsScreen(t0) {
     featureEnabled
   } = useFeatures();
   const [searchTerm, setSearchTerm] = useState("");
-  const [debouncedTerm, setDebouncedTerm] = useState("");
+  const debouncedTerm = useDebouncedSearchTerm(searchTerm);
   let t4;
   if ($[4] !== preselected_people) {
     t4 = () => new Map(preselected_people.map(_temp));
@@ -59,261 +60,244 @@ export function ConversationSelectDirectMessageRecipientsScreen(t0) {
   const [selectedPeople, setSelectedPeople] = useState(t4);
   const searchInputRef = useRef(null);
   let t5;
-  let t6;
-  if ($[6] !== searchTerm) {
-    t5 = () => {
-      const timer = setTimeout(() => setDebouncedTerm(searchTerm), 200);
-      return () => clearTimeout(timer);
-    };
-    t6 = [searchTerm];
-    $[6] = searchTerm;
-    $[7] = t5;
-    $[8] = t6;
-  } else {
-    t5 = $[7];
-    t6 = $[8];
-  }
-  useEffect(t5, t6);
-  let t7;
-  if ($[9] !== featureEnabled || $[10] !== selectedPeople.size) {
-    t7 = person_0 => {
+  if ($[6] !== featureEnabled || $[7] !== selectedPeople.size) {
+    t5 = person_0 => {
       if (selectedPeople.size >= MAX_RECIPIENTS) {
         return;
       }
       setSelectedPeople(prev => new Map(prev).set(person_0.id, person_0));
       setSearchTerm("");
-      setDebouncedTerm("");
       if (featureEnabled(availableFeatures.dm_search_clear_fix)) {
         searchInputRef.current?.clear();
       }
     };
-    $[9] = featureEnabled;
-    $[10] = selectedPeople.size;
-    $[11] = t7;
+    $[6] = featureEnabled;
+    $[7] = selectedPeople.size;
+    $[8] = t5;
   } else {
-    t7 = $[11];
+    t5 = $[8];
   }
-  const selectPerson = t7;
-  let t8;
-  if ($[12] === Symbol.for("react.memo_cache_sentinel")) {
-    t8 = id => {
+  const selectPerson = t5;
+  let t6;
+  if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
+    t6 = id => {
       setSelectedPeople(prev_0 => {
         const next = new Map(prev_0);
         next.delete(id);
         return next;
       });
     };
-    $[12] = t8;
+    $[9] = t6;
   } else {
-    t8 = $[12];
+    t6 = $[9];
   }
-  const removePerson = t8;
-  let t9;
-  if ($[13] !== selectedPeople) {
-    t9 = [...selectedPeople.keys()];
-    $[13] = selectedPeople;
-    $[14] = t9;
+  const removePerson = t6;
+  let t7;
+  if ($[10] !== selectedPeople) {
+    t7 = [...selectedPeople.keys()];
+    $[10] = selectedPeople;
+    $[11] = t7;
   } else {
-    t9 = $[14];
+    t7 = $[11];
   }
-  const recipientIds = t9;
-  let t10;
-  if ($[15] !== recipientIds) {
-    t10 = {
+  const recipientIds = t7;
+  let t8;
+  if ($[12] !== recipientIds) {
+    t8 = {
       recipientIds
     };
-    $[15] = recipientIds;
-    $[16] = t10;
+    $[12] = recipientIds;
+    $[13] = t8;
   } else {
-    t10 = $[16];
+    t8 = $[13];
   }
   const {
     warnings,
     validationPending
-  } = useDirectMessageConversationValidate(t10);
-  let t11;
-  if ($[17] !== navigation) {
-    t11 = conversationId => {
+  } = useDirectMessageConversationValidate(t8);
+  let t9;
+  if ($[14] !== navigation) {
+    t9 = conversationId => {
       navigation.getParent()?.dispatch(StackActions.replace("Conversation", {
         conversation_id: conversationId
       }));
     };
-    $[17] = navigation;
-    $[18] = t11;
+    $[14] = navigation;
+    $[15] = t9;
   } else {
-    t11 = $[18];
+    t9 = $[15];
   }
-  const handleSuccess = t11;
-  let t12;
-  if ($[19] !== handleSuccess || $[20] !== recipientIds) {
-    t12 = {
+  const handleSuccess = t9;
+  let t10;
+  if ($[16] !== handleSuccess || $[17] !== recipientIds) {
+    t10 = {
       recipientIds,
       onSuccess: handleSuccess
     };
-    $[19] = handleSuccess;
-    $[20] = recipientIds;
-    $[21] = t12;
+    $[16] = handleSuccess;
+    $[17] = recipientIds;
+    $[18] = t10;
   } else {
-    t12 = $[21];
+    t10 = $[18];
   }
   const {
     findOrCreateConversation,
     directMessageExists,
     isFinding,
     isError
-  } = useFindOrCreateDirectMessageConversation(t12);
-  let t13;
+  } = useFindOrCreateDirectMessageConversation(t10);
+  let t11;
   bb0: {
     if (selectedPeople.size === 0) {
-      t13 = "Start conversation";
+      t11 = "Start conversation";
       break bb0;
     }
     if (selectedPeople.size === 1) {
-      let t14;
-      if ($[22] !== selectedPeople) {
-        t14 = selectedPeople.values().next().value.name.split(" ");
-        $[22] = selectedPeople;
-        $[23] = t14;
+      let t12;
+      if ($[19] !== selectedPeople) {
+        t12 = selectedPeople.values().next().value.name.split(" ");
+        $[19] = selectedPeople;
+        $[20] = t12;
       } else {
-        t14 = $[23];
+        t12 = $[20];
       }
-      const firstName = t14[0];
-      t13 = directMessageExists ? `Open message with ${firstName}` : `Message ${firstName}`;
+      const firstName = t12[0];
+      t11 = directMessageExists ? `Open message with ${firstName}` : `Message ${firstName}`;
       break bb0;
     }
-    t13 = directMessageExists ? `Open direct message (${selectedPeople.size})` : `Start direct message (${selectedPeople.size})`;
+    t11 = directMessageExists ? `Open direct message (${selectedPeople.size})` : `Start direct message (${selectedPeople.size})`;
   }
-  const buttonText = t13;
-  let t14;
-  if ($[24] !== isError || $[25] !== styles.errorBanner) {
-    t14 = isError && /*#__PURE__*/_jsx(Banner, {
+  const buttonText = t11;
+  let t12;
+  if ($[21] !== isError || $[22] !== styles.errorBanner) {
+    t12 = isError && /*#__PURE__*/_jsx(Banner, {
       appearance: "error",
       description: "There was an issue starting the conversation. Please try again.",
       style: styles.errorBanner
     });
-    $[24] = isError;
-    $[25] = styles.errorBanner;
-    $[26] = t14;
+    $[21] = isError;
+    $[22] = styles.errorBanner;
+    $[23] = t12;
   } else {
-    t14 = $[26];
+    t12 = $[23];
   }
-  let t15;
-  if ($[27] === Symbol.for("react.memo_cache_sentinel")) {
-    t15 = () => setSelectedPeople(new Map());
-    $[27] = t15;
+  let t13;
+  if ($[24] === Symbol.for("react.memo_cache_sentinel")) {
+    t13 = () => setSelectedPeople(new Map());
+    $[24] = t13;
   } else {
-    t15 = $[27];
+    t13 = $[24];
   }
-  let t16;
-  if ($[28] !== searchTerm || $[29] !== selectedPeople) {
-    t16 = /*#__PURE__*/_jsx(ToField, {
+  let t14;
+  if ($[25] !== searchTerm || $[26] !== selectedPeople) {
+    t14 = /*#__PURE__*/_jsx(ToField, {
       selectedPeople: selectedPeople,
       searchTerm: searchTerm,
       onSearchChange: setSearchTerm,
       onRemove: removePerson,
-      onClear: t15,
+      onClear: t13,
       searchInputRef: searchInputRef
     });
-    $[28] = searchTerm;
-    $[29] = selectedPeople;
-    $[30] = t16;
+    $[25] = searchTerm;
+    $[26] = selectedPeople;
+    $[27] = t14;
   } else {
-    t16 = $[30];
+    t14 = $[27];
   }
-  let t17;
-  if ($[31] !== styles.errorBanner) {
-    t17 = /*#__PURE__*/_jsx(Banner, {
+  let t15;
+  if ($[28] !== styles.errorBanner) {
+    t15 = /*#__PURE__*/_jsx(Banner, {
       appearance: "error",
       description: "Couldn't load people right now. Try again.",
       style: styles.errorBanner
     });
-    $[31] = styles.errorBanner;
-    $[32] = t17;
+    $[28] = styles.errorBanner;
+    $[29] = t15;
   } else {
-    t17 = $[32];
+    t15 = $[29];
   }
-  let t18;
-  if ($[33] !== debouncedTerm || $[34] !== selectPerson || $[35] !== selectedPeople) {
-    t18 = /*#__PURE__*/_jsx(CandidateResults, {
+  let t16;
+  if ($[30] !== debouncedTerm || $[31] !== selectPerson || $[32] !== selectedPeople) {
+    t16 = /*#__PURE__*/_jsx(CandidateResults, {
       term: debouncedTerm,
       selectedPeople: selectedPeople,
       onSelect: selectPerson
     });
-    $[33] = debouncedTerm;
-    $[34] = selectPerson;
-    $[35] = selectedPeople;
-    $[36] = t18;
+    $[30] = debouncedTerm;
+    $[31] = selectPerson;
+    $[32] = selectedPeople;
+    $[33] = t16;
   } else {
-    t18 = $[36];
+    t16 = $[33];
   }
-  let t19;
-  if ($[37] !== debouncedTerm || $[38] !== t17 || $[39] !== t18) {
-    t19 = /*#__PURE__*/_jsx(ComponentErrorBoundary, {
-      fallback: t17,
-      children: t18
+  let t17;
+  if ($[34] !== debouncedTerm || $[35] !== t15 || $[36] !== t16) {
+    t17 = /*#__PURE__*/_jsx(ComponentErrorBoundary, {
+      fallback: t15,
+      children: t16
     }, debouncedTerm);
-    $[37] = debouncedTerm;
-    $[38] = t17;
-    $[39] = t18;
-    $[40] = t19;
+    $[34] = debouncedTerm;
+    $[35] = t15;
+    $[36] = t16;
+    $[37] = t17;
   } else {
-    t19 = $[40];
+    t17 = $[37];
   }
-  let t20;
-  if ($[41] !== styles.candidateResultsContainer || $[42] !== t19) {
-    t20 = /*#__PURE__*/_jsx(View, {
+  let t18;
+  if ($[38] !== styles.candidateResultsContainer || $[39] !== t17) {
+    t18 = /*#__PURE__*/_jsx(View, {
       style: styles.candidateResultsContainer,
-      children: t19
+      children: t17
     });
-    $[41] = styles.candidateResultsContainer;
-    $[42] = t19;
-    $[43] = t20;
+    $[38] = styles.candidateResultsContainer;
+    $[39] = t17;
+    $[40] = t18;
   } else {
-    t20 = $[43];
+    t18 = $[40];
   }
-  const t21 = selectedPeople.size === 0 || validationPending || warnings.length > 0 || isFinding;
-  const t22 = validationPending || isFinding;
-  let t23;
-  if ($[44] !== findOrCreateConversation || $[45] !== recipientIds) {
-    t23 = () => findOrCreateConversation(recipientIds);
-    $[44] = findOrCreateConversation;
-    $[45] = recipientIds;
-    $[46] = t23;
+  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;
   } else {
-    t23 = $[46];
+    t21 = $[43];
   }
-  let t24;
-  if ($[47] !== buttonText || $[48] !== t21 || $[49] !== t22 || $[50] !== t23 || $[51] !== warnings) {
-    t24 = /*#__PURE__*/_jsx(ActionButton, {
+  let t22;
+  if ($[44] !== buttonText || $[45] !== t19 || $[46] !== t20 || $[47] !== t21 || $[48] !== warnings) {
+    t22 = /*#__PURE__*/_jsx(ActionButton, {
       title: buttonText,
-      disabled: t21,
-      loading: t22,
-      onPress: t23,
+      disabled: t19,
+      loading: t20,
+      onPress: t21,
       warnings: warnings
     });
-    $[47] = buttonText;
-    $[48] = t21;
+    $[44] = buttonText;
+    $[45] = t19;
+    $[46] = t20;
+    $[47] = t21;
+    $[48] = warnings;
     $[49] = t22;
-    $[50] = t23;
-    $[51] = warnings;
-    $[52] = t24;
   } else {
-    t24 = $[52];
+    t22 = $[49];
   }
-  let t25;
-  if ($[53] !== t14 || $[54] !== t16 || $[55] !== t20 || $[56] !== t24) {
-    t25 = /*#__PURE__*/_jsxs(KeyboardView, {
-      children: [t14, t16, t20, t24]
+  let t23;
+  if ($[50] !== t12 || $[51] !== t14 || $[52] !== t18 || $[53] !== t22) {
+    t23 = /*#__PURE__*/_jsxs(KeyboardView, {
+      children: [t12, t14, t18, t22]
     });
-    $[53] = t14;
-    $[54] = t16;
-    $[55] = t20;
-    $[56] = t24;
-    $[57] = t25;
+    $[50] = t12;
+    $[51] = t14;
+    $[52] = t18;
+    $[53] = t22;
+    $[54] = t23;
   } else {
-    t25 = $[57];
+    t23 = $[54];
   }
-  return t25;
+  return t23;
 }
 function _temp(person) {
   return [person.id, {