@planningcenter/chat-react-native 4.3.0-rc.8 → 4.3.0

package/build/screens/search/components/snippet.d.ts

@@ -0,0 +1,8 @@
+import type { SnippetSegment } from '../../../types/resources/search_result';
+interface SnippetProps {
+    segments: SnippetSegment[];
+}
+export declare function Snippet({ segments }: SnippetProps): import("react/jsx-runtime").JSX.Element;
+export declare function plainSnippetText(segments: SnippetSegment[]): string;
+export {};
+//# sourceMappingURL=snippet.d.ts.map

package/build/screens/search/components/snippet.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"snippet.d.ts","sourceRoot":"","sources":["../../../../src/screens/search/components/snippet.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,wCAAwC,CAAA;AAE5E,UAAU,YAAY;IACpB,QAAQ,EAAE,cAAc,EAAE,CAAA;CAC3B;AAED,wBAAgB,OAAO,CAAC,EAAE,QAAQ,EAAE,EAAE,YAAY,2CAYjD;AAED,wBAAgB,gBAAgB,CAAC,QAAQ,EAAE,cAAc,EAAE,UAE1D"}

package/build/screens/search/components/snippet.js

@@ -0,0 +1,68 @@
+import { c as _c } from "react/compiler-runtime";
+import React from 'react';
+import { StyleSheet } from 'react-native';
+import { Text } from '../../../components/display';
+import { useTheme } from '../../../hooks';
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+export function Snippet(t0) {
+  const $ = _c(7);
+  const {
+    segments
+  } = t0;
+  const styles = useStyles();
+  let t1;
+  if ($[0] !== segments || $[1] !== styles) {
+    let t2;
+    if ($[3] !== styles) {
+      t2 = (segment, index) => /*#__PURE__*/_jsx(Text, {
+        variant: "tertiary",
+        style: segment.match && styles.match,
+        children: segment.text
+      }, index);
+      $[3] = styles;
+      $[4] = t2;
+    } else {
+      t2 = $[4];
+    }
+    t1 = segments.map(t2);
+    $[0] = segments;
+    $[1] = styles;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  let t2;
+  if ($[5] !== t1) {
+    t2 = /*#__PURE__*/_jsx(_Fragment, {
+      children: t1
+    });
+    $[5] = t1;
+    $[6] = t2;
+  } else {
+    t2 = $[6];
+  }
+  return t2;
+}
+export function plainSnippetText(segments) {
+  return segments.map(segment => segment.text).join('');
+}
+const useStyles = () => {
+  const $ = _c(2);
+  const {
+    colors
+  } = useTheme();
+  let t0;
+  if ($[0] !== colors.interaction) {
+    t0 = StyleSheet.create({
+      match: {
+        color: colors.interaction
+      }
+    });
+    $[0] = colors.interaction;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  return t0;
+};
+//# sourceMappingURL=snippet.js.map

package/build/screens/search/components/snippet.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"snippet.js","names":["React","StyleSheet","Text","useTheme","jsx","_jsx","Fragment","_Fragment","Snippet","t0","$","_c","segments","styles","useStyles","t1","t2","segment","index","variant","style","match","children","text","map","plainSnippetText","join","colors","interaction","create","color"],"sources":["../../../../src/screens/search/components/snippet.tsx"],"sourcesContent":["import React from 'react'\nimport { StyleSheet } from 'react-native'\nimport { Text } from '../../../components/display'\nimport { useTheme } from '../../../hooks'\nimport type { SnippetSegment } from '../../../types/resources/search_result'\n\ninterface SnippetProps {\n  segments: SnippetSegment[]\n}\n\nexport function Snippet({ segments }: SnippetProps) {\n  const styles = useStyles()\n\n  return (\n    <>\n      {segments.map((segment, index) => (\n        <Text key={index} variant=\"tertiary\" style={segment.match && styles.match}>\n          {segment.text}\n        </Text>\n      ))}\n    </>\n  )\n}\n\nexport function plainSnippetText(segments: SnippetSegment[]) {\n  return segments.map(segment => segment.text).join('')\n}\n\nconst useStyles = () => {\n  const { colors } = useTheme()\n\n  return StyleSheet.create({\n    match: {\n      color: colors.interaction,\n    },\n  })\n}\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,QAAQ,cAAc;AACzC,SAASC,IAAI,QAAQ,6BAA6B;AAClD,SAASC,QAAQ,QAAQ,gBAAgB;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA;AAOzC,OAAO,SAAAC,QAAAC,EAAA;EAAA,MAAAC,CAAA,GAAAC,EAAA;EAAiB;IAAAC;EAAA,IAAAH,EAA0B;EAChD,MAAAI,MAAA,GAAeC,SAAS,CAAC,CAAC;EAAA,IAAAC,EAAA;EAAA,IAAAL,CAAA,QAAAE,QAAA,IAAAF,CAAA,QAAAG,MAAA;IAAA,IAAAG,EAAA;IAAA,IAAAN,CAAA,QAAAG,MAAA;MAIRG,EAAA,GAAAA,CAAAC,OAAA,EAAAC,KAAA,kBACZb,IAAA,CAACH,IAAI;QAAqBiB,OAAU,EAAV,UAAU;QAAQC,KAA6B,EAA7BH,OAAO,CAAAI,KAAsB,IAAZR,MAAM,CAAAQ,KAAM;QAAAC,QAAA,EACtEL,OAAO,CAAAM;MAAK,GADJL,KAEL,CACP;MAAAR,CAAA,MAAAG,MAAA;MAAAH,CAAA,MAAAM,EAAA;IAAA;MAAAA,EAAA,GAAAN,CAAA;IAAA;IAJAK,EAAA,GAAAH,QAAQ,CAAAY,GAAI,CAACR,EAIb,CAAC;IAAAN,CAAA,MAAAE,QAAA;IAAAF,CAAA,MAAAG,MAAA;IAAAH,CAAA,MAAAK,EAAA;EAAA;IAAAA,EAAA,GAAAL,CAAA;EAAA;EAAA,IAAAM,EAAA;EAAA,IAAAN,CAAA,QAAAK,EAAA;IALJC,EAAA,gBAAAX,IAAA,CAAAE,SAAA;MAAAe,QAAA,EACGP;IAIC,CACF,CAAC;IAAAL,CAAA,MAAAK,EAAA;IAAAL,CAAA,MAAAM,EAAA;EAAA;IAAAA,EAAA,GAAAN,CAAA;EAAA;EAAA,OANHM,EAMG;AAAA;AAIP,OAAO,SAASS,gBAAgBA,CAACb,QAA0B,EAAE;EAC3D,OAAOA,QAAQ,CAACY,GAAG,CAACP,OAAO,IAAIA,OAAO,CAACM,IAAI,CAAC,CAACG,IAAI,CAAC,EAAE,CAAC;AACvD;AAEA,MAAMZ,SAAS,GAAGA,CAAA;EAAA,MAAAJ,CAAA,GAAAC,EAAA;EAChB;IAAAgB;EAAA,IAAmBxB,QAAQ,CAAC,CAAC;EAAA,IAAAM,EAAA;EAAA,IAAAC,CAAA,QAAAiB,MAAA,CAAAC,WAAA;IAEtBnB,EAAA,GAAAR,UAAU,CAAA4B,MAAO,CAAC;MAAAR,KAAA,EAChB;QAAAS,KAAA,EACEH,MAAM,CAAAC;MACf;IACF,CAAC,CAAC;IAAAlB,CAAA,MAAAiB,MAAA,CAAAC,WAAA;IAAAlB,CAAA,MAAAD,EAAA;EAAA;IAAAA,EAAA,GAAAC,CAAA;EAAA;EAAA,OAJKD,EAIL;AAAA,CACH","ignoreList":[]}

package/build/screens/search/search_screen.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"search_screen.d.ts","sourceRoot":"","sources":["../../../src/screens/search/search_screen.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAA;AACxD,OAAO,EACL,4BAA4B,EAC5B,sBAAsB,EACvB,MAAM,gCAAgC,CAAA;AAUvC,eAAO,MAAM,mBAAmB,GAAI,iBAEjC,sBAAsB,CAAC,aAAa,CAAC,KAAG,4BAIxC,CAAA;AAEH,wBAAgB,YAAY,4CAU3B"}
+{"version":3,"file":"search_screen.d.ts","sourceRoot":"","sources":["../../../src/screens/search/search_screen.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAA;AACxD,OAAO,EACL,4BAA4B,EAC5B,sBAAsB,EACvB,MAAM,gCAAgC,CAAA;AAcvC,eAAO,MAAM,mBAAmB,GAAI,iBAEjC,sBAAsB,CAAC,aAAa,CAAC,KAAG,4BAIxC,CAAA;AAEH,wBAAgB,YAAY,4CAgB3B"}

package/build/screens/search/search_screen.js

@@ -1,10 +1,14 @@
 import { c as _c } from "react/compiler-runtime";
+import { noop } from 'lodash';
 import React, { useState } from 'react';
 import { StyleSheet, View } from 'react-native';
 import { KeyboardView } from '../../components';
 import { composeOptions, withMinimalBack } from '../../components/display/platform_modal_header_buttons';
+import { useDebouncedSearchTerm } from '../../hooks/use_debounced_search_term';
+import { SearchPromptBlankState } from './components/search_blank_states';
 import { SearchField } from './components/search_field';
-import { jsx as _jsx } from "react/jsx-runtime";
+import { SearchResultsList } from './components/search_results_list';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export const SearchScreenOptions = ({
   navigation
 }) => composeOptions({
@@ -14,26 +18,47 @@ export const SearchScreenOptions = ({
   onPress: () => navigation.goBack()
 }));
 export function SearchScreen() {
-  const $ = _c(2);
+  const $ = _c(7);
   const [term, setTerm] = useState("");
+  const debouncedTerm = useDebouncedSearchTerm(term);
   let t0;
   if ($[0] !== term) {
-    t0 = /*#__PURE__*/_jsx(KeyboardView, {
-      children: /*#__PURE__*/_jsx(View, {
-        style: styles.container,
-        testID: "search-screen",
-        children: /*#__PURE__*/_jsx(SearchField, {
-          term: term,
-          onChange: setTerm
-        })
-      })
+    t0 = /*#__PURE__*/_jsx(SearchField, {
+      term: term,
+      onChange: setTerm
     });
     $[0] = term;
     $[1] = t0;
   } else {
     t0 = $[1];
   }
-  return t0;
+  let t1;
+  if ($[2] !== debouncedTerm) {
+    t1 = debouncedTerm.length > 0 ? /*#__PURE__*/_jsx(SearchResultsList, {
+      term: debouncedTerm,
+      onSelect: noop
+    }, debouncedTerm) : /*#__PURE__*/_jsx(SearchPromptBlankState, {});
+    $[2] = debouncedTerm;
+    $[3] = t1;
+  } else {
+    t1 = $[3];
+  }
+  let t2;
+  if ($[4] !== t0 || $[5] !== t1) {
+    t2 = /*#__PURE__*/_jsx(KeyboardView, {
+      children: /*#__PURE__*/_jsxs(View, {
+        style: styles.container,
+        testID: "search-screen",
+        children: [t0, t1]
+      })
+    });
+    $[4] = t0;
+    $[5] = t1;
+    $[6] = t2;
+  } else {
+    t2 = $[6];
+  }
+  return t2;
 }
 const styles = StyleSheet.create({
   container: {

package/build/screens/search/search_screen.js.map

@@ -1 +1 @@
-{"version":3,"file":"search_screen.js","names":["React","useState","StyleSheet","View","KeyboardView","composeOptions","withMinimalBack","SearchField","jsx","_jsx","SearchScreenOptions","navigation","title","animation","onPress","goBack","SearchScreen","$","_c","term","setTerm","t0","children","style","styles","container","testID","create","flex"],"sources":["../../../src/screens/search/search_screen.tsx"],"sourcesContent":["import { ParamListBase } from '@react-navigation/native'\nimport {\n  NativeStackNavigationOptions,\n  NativeStackScreenProps,\n} from '@react-navigation/native-stack'\nimport React, { useState } from 'react'\nimport { StyleSheet, View } from 'react-native'\nimport { KeyboardView } from '../../components'\nimport {\n  composeOptions,\n  withMinimalBack,\n} from '../../components/display/platform_modal_header_buttons'\nimport { SearchField } from './components/search_field'\n\nexport const SearchScreenOptions = ({\n  navigation,\n}: NativeStackScreenProps<ParamListBase>): NativeStackNavigationOptions =>\n  composeOptions(\n    { title: 'Search', animation: 'fade' },\n    withMinimalBack({ onPress: () => navigation.goBack() })\n  )\n\nexport function SearchScreen() {\n  const [term, setTerm] = useState('')\n\n  return (\n    <KeyboardView>\n      <View style={styles.container} testID=\"search-screen\">\n        <SearchField term={term} onChange={setTerm} />\n      </View>\n    </KeyboardView>\n  )\n}\n\nconst styles = StyleSheet.create({\n  container: {\n    flex: 1,\n  },\n})\n"],"mappings":";AAKA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,SAASC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAC/C,SAASC,YAAY,QAAQ,kBAAkB;AAC/C,SACEC,cAAc,EACdC,eAAe,QACV,wDAAwD;AAC/D,SAASC,WAAW,QAAQ,2BAA2B;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAEvD,OAAO,MAAMC,mBAAmB,GAAGA,CAAC;EAClCC;AACqC,CAAC,KACtCN,cAAc,CACZ;EAAEO,KAAK,EAAE,QAAQ;EAAEC,SAAS,EAAE;AAAO,CAAC,EACtCP,eAAe,CAAC;EAAEQ,OAAO,EAAEA,CAAA,KAAMH,UAAU,CAACI,MAAM,CAAC;AAAE,CAAC,CACxD,CAAC;AAEH,OAAO,SAAAC,aAAA;EAAA,MAAAC,CAAA,GAAAC,EAAA;EACL,OAAAC,IAAA,EAAAC,OAAA,IAAwBnB,QAAQ,CAAC,EAAE,CAAC;EAAA,IAAAoB,EAAA;EAAA,IAAAJ,CAAA,QAAAE,IAAA;IAGlCE,EAAA,gBAAAZ,IAAA,CAACL,YAAY;MAAAkB,QAAA,eACXb,IAAA,CAACN,IAAI;QAAQoB,KAAgB,EAAhBC,MAAM,CAAAC,SAAU;QAASC,MAAe,EAAf,eAAe;QAAAJ,QAAA,eACnDb,IAAA,CAACF,WAAW;UAAOY,IAAI,EAAJA,IAAI;UAAYC,QAAO,EAAPA;QAAO,CAAG;MAAC,CAC1C;IAAC,CACK,CAAC;IAAAH,CAAA,MAAAE,IAAA;IAAAF,CAAA,MAAAI,EAAA;EAAA;IAAAA,EAAA,GAAAJ,CAAA;EAAA;EAAA,OAJfI,EAIe;AAAA;AAInB,MAAMG,MAAM,GAAGtB,UAAU,CAACyB,MAAM,CAAC;EAC/BF,SAAS,EAAE;IACTG,IAAI,EAAE;EACR;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"file":"search_screen.js","names":["noop","React","useState","StyleSheet","View","KeyboardView","composeOptions","withMinimalBack","useDebouncedSearchTerm","SearchPromptBlankState","SearchField","SearchResultsList","jsx","_jsx","jsxs","_jsxs","SearchScreenOptions","navigation","title","animation","onPress","goBack","SearchScreen","$","_c","term","setTerm","debouncedTerm","t0","t1","length","t2","children","style","styles","container","testID","create","flex"],"sources":["../../../src/screens/search/search_screen.tsx"],"sourcesContent":["import { ParamListBase } from '@react-navigation/native'\nimport {\n  NativeStackNavigationOptions,\n  NativeStackScreenProps,\n} from '@react-navigation/native-stack'\nimport { noop } from 'lodash'\nimport React, { useState } from 'react'\nimport { StyleSheet, View } from 'react-native'\nimport { KeyboardView } from '../../components'\nimport {\n  composeOptions,\n  withMinimalBack,\n} from '../../components/display/platform_modal_header_buttons'\nimport { useDebouncedSearchTerm } from '../../hooks/use_debounced_search_term'\nimport { SearchPromptBlankState } from './components/search_blank_states'\nimport { SearchField } from './components/search_field'\nimport { SearchResultsList } from './components/search_results_list'\n\nexport const SearchScreenOptions = ({\n  navigation,\n}: NativeStackScreenProps<ParamListBase>): NativeStackNavigationOptions =>\n  composeOptions(\n    { title: 'Search', animation: 'fade' },\n    withMinimalBack({ onPress: () => navigation.goBack() })\n  )\n\nexport function SearchScreen() {\n  const [term, setTerm] = useState('')\n  const debouncedTerm = useDebouncedSearchTerm(term)\n\n  return (\n    <KeyboardView>\n      <View style={styles.container} testID=\"search-screen\">\n        <SearchField term={term} onChange={setTerm} />\n        {debouncedTerm.length > 0 ? (\n          <SearchResultsList key={debouncedTerm} term={debouncedTerm} onSelect={noop} />\n        ) : (\n          <SearchPromptBlankState />\n        )}\n      </View>\n    </KeyboardView>\n  )\n}\n\nconst styles = StyleSheet.create({\n  container: {\n    flex: 1,\n  },\n})\n"],"mappings":";AAKA,SAASA,IAAI,QAAQ,QAAQ;AAC7B,OAAOC,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,SAASC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAC/C,SAASC,YAAY,QAAQ,kBAAkB;AAC/C,SACEC,cAAc,EACdC,eAAe,QACV,wDAAwD;AAC/D,SAASC,sBAAsB,QAAQ,uCAAuC;AAC9E,SAASC,sBAAsB,QAAQ,kCAAkC;AACzE,SAASC,WAAW,QAAQ,2BAA2B;AACvD,SAASC,iBAAiB,QAAQ,kCAAkC;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAEpE,OAAO,MAAMC,mBAAmB,GAAGA,CAAC;EAClCC;AACqC,CAAC,KACtCX,cAAc,CACZ;EAAEY,KAAK,EAAE,QAAQ;EAAEC,SAAS,EAAE;AAAO,CAAC,EACtCZ,eAAe,CAAC;EAAEa,OAAO,EAAEA,CAAA,KAAMH,UAAU,CAACI,MAAM,CAAC;AAAE,CAAC,CACxD,CAAC;AAEH,OAAO,SAAAC,aAAA;EAAA,MAAAC,CAAA,GAAAC,EAAA;EACL,OAAAC,IAAA,EAAAC,OAAA,IAAwBxB,QAAQ,CAAC,EAAE,CAAC;EACpC,MAAAyB,aAAA,GAAsBnB,sBAAsB,CAACiB,IAAI,CAAC;EAAA,IAAAG,EAAA;EAAA,IAAAL,CAAA,QAAAE,IAAA;IAK5CG,EAAA,gBAAAf,IAAA,CAACH,WAAW;MAAOe,IAAI,EAAJA,IAAI;MAAYC,QAAO,EAAPA;IAAO,CAAG,CAAC;IAAAH,CAAA,MAAAE,IAAA;IAAAF,CAAA,MAAAK,EAAA;EAAA;IAAAA,EAAA,GAAAL,CAAA;EAAA;EAAA,IAAAM,EAAA;EAAA,IAAAN,CAAA,QAAAI,aAAA;IAC7CE,EAAA,GAAAF,aAAa,CAAAG,MAAO,GAAG,CAIvB,gBAJAjB,IAAA,CACEF,iBAAiB;MAA2BgB,IAAa,EAAbA,aAAa;MAAY3B,QAAI,EAAJA;IAAI,GAAlD2B,aAG1B,CAAC,gBAJAd,IAAA,CAGEJ,sBAAsB,IACzB,CAAC;IAAAc,CAAA,MAAAI,aAAA;IAAAJ,CAAA,MAAAM,EAAA;EAAA;IAAAA,EAAA,GAAAN,CAAA;EAAA;EAAA,IAAAQ,EAAA;EAAA,IAAAR,CAAA,QAAAK,EAAA,IAAAL,CAAA,QAAAM,EAAA;IAPLE,EAAA,gBAAAlB,IAAA,CAACR,YAAY;MAAA2B,QAAA,eACXjB,KAAA,CAACX,IAAI;QAAQ6B,KAAgB,EAAhBC,MAAM,CAAAC,SAAU;QAASC,MAAe,EAAf,eAAe;QAAAJ,QAAA,GACnDJ,EAA8C,EAC7CC,EAIA;MAAA,CACG;IAAC,CACK,CAAC;IAAAN,CAAA,MAAAK,EAAA;IAAAL,CAAA,MAAAM,EAAA;IAAAN,CAAA,MAAAQ,EAAA;EAAA;IAAAA,EAAA,GAAAR,CAAA;EAAA;EAAA,OATfQ,EASe;AAAA;AAInB,MAAMG,MAAM,GAAG/B,UAAU,CAACkC,MAAM,CAAC;EAC/BF,SAAS,EAAE;IACTG,IAAI,EAAE;EACR;AACF,CAAC,CAAC","ignoreList":[]}

package/build/utils/client/request_helpers.js

@@ -27,7 +27,7 @@ export const makeRequest = ({
     uri = uri.query(combinedQuery);
   }
   const body = ['POST', 'PATCH'].includes(action) ? JSON.stringify(data) : undefined;
-  return instrumentedFetch(decodeURIComponent(uri.toString()), {
+  return instrumentedFetch(uri.toString(), {
     method: action,
     headers,
     body

package/build/utils/client/request_helpers.js.map

@@ -1 +1 @@
-{"version":3,"file":"request_helpers.js","names":["_","URI","instrumentedFetch","transformRequestData","transformResponse","makeRequest","action","url","data","headers","uri","query","urlQuery","combinedQuery","Object","entries","sort","reduce","obj","key","value","body","includes","JSON","stringify","undefined","decodeURIComponent","toString","method","then","response","ok","text","t","parse","Promise","reject","STANDARD_META_ATTRIBUTES","concatRecords","records","moreRecords","included","meta","pick","throwErrorIfFieldsMissing","walk","args","fields","Error","fieldTypes","keys","dataTypes","castArray","map","includedTypes","responseTypes","uniq","concat","missingFields","difference","filter","length","friendlyErrors","throwErrorIfQueryParams","noQueryParamsFriendlyErrors","request","passthrough","resolve","ensureFieldsInDev","__DEV__","ensureNoQueryParamsInDev","search","transformGetToPost","rest","include","fieldsArray","Array","isArray","join","fromEntries"],"sources":["../../../src/utils/client/request_helpers.ts"],"sourcesContent":["import _ from 'lodash'\nimport URI from 'urijs'\nimport { instrumentedFetch } from './instrumented_fetch'\nimport { transformRequestData } from './transform_request_data'\nimport transformResponse from './transform_response'\nimport { Accumulator, GetRequest, PostRequest, RequestData, WalkRequest } from './types'\n\nexport type MakeRequestArgs = {\n  action: 'GET' | 'POST' | 'PATCH' | 'DELETE'\n  url: string\n  data?: Partial<RequestData>\n  headers: Record<string, string>\n}\n\nexport const makeRequest = ({ action = 'GET', url, data = {}, headers = {} }: MakeRequestArgs) => {\n  // break apart url so we can reconstruct the url with the query params\n  let uri = new URI(url)\n  const query = transformRequestData(data)\n  const urlQuery = uri.query(true)\n\n  // This likely doesn't matter but will enforce consistent ordering of query params\n  const combinedQuery = Object.entries({ ...query, ...urlQuery })\n    .sort()\n    .reduce((obj, [key, value]) => {\n      // @ts-ignore\n      obj[key] = value\n      return obj\n    }, {})\n\n  if (action === 'GET') {\n    uri = uri.query(combinedQuery)\n  }\n\n  const body = ['POST', 'PATCH'].includes(action) ? JSON.stringify(data) : undefined\n\n  return instrumentedFetch(decodeURIComponent(uri.toString()), {\n    method: action,\n    headers,\n    body,\n  }).then(response => {\n    if (response.ok) {\n      return response.text().then(t => (t === '' ? '' : JSON.parse(t)))\n    } else {\n      return Promise.reject(response)\n    }\n  })\n}\n\nconst STANDARD_META_ATTRIBUTES = [\n  'total_count',\n  'count',\n  'prev',\n  'next',\n  'can_order_by',\n  'can_query_by',\n  'can_include',\n  'can_filter',\n  'parent',\n]\n\nexport const concatRecords = (records: Accumulator, moreRecords: Accumulator) => ({\n  data: [...records.data, ...moreRecords.data],\n  included: [...records.included, ...moreRecords.included],\n  // Because custom meta can be computed on a per-page bases,\n  // it is safer to remove all custom meta when concatenating multiple pages of data\n  meta: _.pick(moreRecords.meta, STANDARD_META_ATTRIBUTES),\n})\n\ntype Walk = (args: MakeRequestArgs | WalkRequest) => Promise<any>\ntype WalkArgs = MakeRequestArgs & {\n  data?: {\n    fields?: Record<string, any>\n  }\n}\n\nexport const throwErrorIfFieldsMissing = async (walk: Walk, args: WalkArgs) => {\n  const fields = args?.data?.fields\n\n  if (!fields) {\n    throw new Error(`Must pass fields for request: ${args.url}`)\n  }\n\n  const fieldTypes = Object.keys(fields)\n\n  const response = await walk(args)\n\n  const dataTypes = _(response.data).castArray().map('type').value()\n  const includedTypes = _.map(response.included, 'type')\n  const responseTypes = _.uniq(dataTypes.concat(includedTypes))\n  const missingFields = _.difference(responseTypes, fieldTypes).filter(t => t)\n\n  if (missingFields.length > 0) {\n    throw new Error(\n      `Must include fields for types: ${JSON.stringify(missingFields)} for request ${args.url}`\n    )\n  }\n\n  return transformResponse(response)\n}\n\nexport const friendlyErrors = (walk: Walk, args: WalkArgs) =>\n  throwErrorIfQueryParams(args.url)\n    .then(() => throwErrorIfFieldsMissing(walk, args))\n    .then(transformResponse)\n\nexport const noQueryParamsFriendlyErrors = (request: typeof makeRequest, args: WalkArgs) =>\n  throwErrorIfQueryParams(args.url)\n    .then(() => request(args))\n    .then(transformResponse)\n\nconst passthrough = async <T, R>(walk: (args: T) => Promise<R>, args: T) =>\n  Promise.resolve(transformResponse(await walk(args)))\n\nexport const ensureFieldsInDev = __DEV__ ? friendlyErrors : passthrough\n\nexport const ensureNoQueryParamsInDev = __DEV__ ? noQueryParamsFriendlyErrors : passthrough\n\nexport const throwErrorIfQueryParams = (url: string) => {\n  if (new URI(url).search().length) {\n    throw new Error('Must pass query params as data arg')\n  }\n\n  return Promise.resolve()\n}\n\nexport const transformGetToPost = (args: GetRequest): PostRequest => {\n  const { data, ...rest } = args\n  const { fields, include } = data\n  const fieldsArray = Object.entries(fields).map(([key, value]) => {\n    if (Array.isArray(value)) {\n      return [key, value.join(',')]\n    }\n\n    return [key, value]\n  })\n\n  return {\n    ...rest,\n    data: {\n      fields: Object.fromEntries(fieldsArray),\n      include,\n    },\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"request_helpers.js","names":["_","URI","instrumentedFetch","transformRequestData","transformResponse","makeRequest","action","url","data","headers","uri","query","urlQuery","combinedQuery","Object","entries","sort","reduce","obj","key","value","body","includes","JSON","stringify","undefined","toString","method","then","response","ok","text","t","parse","Promise","reject","STANDARD_META_ATTRIBUTES","concatRecords","records","moreRecords","included","meta","pick","throwErrorIfFieldsMissing","walk","args","fields","Error","fieldTypes","keys","dataTypes","castArray","map","includedTypes","responseTypes","uniq","concat","missingFields","difference","filter","length","friendlyErrors","throwErrorIfQueryParams","noQueryParamsFriendlyErrors","request","passthrough","resolve","ensureFieldsInDev","__DEV__","ensureNoQueryParamsInDev","search","transformGetToPost","rest","include","fieldsArray","Array","isArray","join","fromEntries"],"sources":["../../../src/utils/client/request_helpers.ts"],"sourcesContent":["import _ from 'lodash'\nimport URI from 'urijs'\nimport { instrumentedFetch } from './instrumented_fetch'\nimport { transformRequestData } from './transform_request_data'\nimport transformResponse from './transform_response'\nimport { Accumulator, GetRequest, PostRequest, RequestData, WalkRequest } from './types'\n\nexport type MakeRequestArgs = {\n  action: 'GET' | 'POST' | 'PATCH' | 'DELETE'\n  url: string\n  data?: Partial<RequestData>\n  headers: Record<string, string>\n}\n\nexport const makeRequest = ({ action = 'GET', url, data = {}, headers = {} }: MakeRequestArgs) => {\n  // break apart url so we can reconstruct the url with the query params\n  let uri = new URI(url)\n  const query = transformRequestData(data)\n  const urlQuery = uri.query(true)\n\n  // This likely doesn't matter but will enforce consistent ordering of query params\n  const combinedQuery = Object.entries({ ...query, ...urlQuery })\n    .sort()\n    .reduce((obj, [key, value]) => {\n      // @ts-ignore\n      obj[key] = value\n      return obj\n    }, {})\n\n  if (action === 'GET') {\n    uri = uri.query(combinedQuery)\n  }\n\n  const body = ['POST', 'PATCH'].includes(action) ? JSON.stringify(data) : undefined\n\n  return instrumentedFetch(uri.toString(), {\n    method: action,\n    headers,\n    body,\n  }).then(response => {\n    if (response.ok) {\n      return response.text().then(t => (t === '' ? '' : JSON.parse(t)))\n    } else {\n      return Promise.reject(response)\n    }\n  })\n}\n\nconst STANDARD_META_ATTRIBUTES = [\n  'total_count',\n  'count',\n  'prev',\n  'next',\n  'can_order_by',\n  'can_query_by',\n  'can_include',\n  'can_filter',\n  'parent',\n]\n\nexport const concatRecords = (records: Accumulator, moreRecords: Accumulator) => ({\n  data: [...records.data, ...moreRecords.data],\n  included: [...records.included, ...moreRecords.included],\n  // Because custom meta can be computed on a per-page bases,\n  // it is safer to remove all custom meta when concatenating multiple pages of data\n  meta: _.pick(moreRecords.meta, STANDARD_META_ATTRIBUTES),\n})\n\ntype Walk = (args: MakeRequestArgs | WalkRequest) => Promise<any>\ntype WalkArgs = MakeRequestArgs & {\n  data?: {\n    fields?: Record<string, any>\n  }\n}\n\nexport const throwErrorIfFieldsMissing = async (walk: Walk, args: WalkArgs) => {\n  const fields = args?.data?.fields\n\n  if (!fields) {\n    throw new Error(`Must pass fields for request: ${args.url}`)\n  }\n\n  const fieldTypes = Object.keys(fields)\n\n  const response = await walk(args)\n\n  const dataTypes = _(response.data).castArray().map('type').value()\n  const includedTypes = _.map(response.included, 'type')\n  const responseTypes = _.uniq(dataTypes.concat(includedTypes))\n  const missingFields = _.difference(responseTypes, fieldTypes).filter(t => t)\n\n  if (missingFields.length > 0) {\n    throw new Error(\n      `Must include fields for types: ${JSON.stringify(missingFields)} for request ${args.url}`\n    )\n  }\n\n  return transformResponse(response)\n}\n\nexport const friendlyErrors = (walk: Walk, args: WalkArgs) =>\n  throwErrorIfQueryParams(args.url)\n    .then(() => throwErrorIfFieldsMissing(walk, args))\n    .then(transformResponse)\n\nexport const noQueryParamsFriendlyErrors = (request: typeof makeRequest, args: WalkArgs) =>\n  throwErrorIfQueryParams(args.url)\n    .then(() => request(args))\n    .then(transformResponse)\n\nconst passthrough = async <T, R>(walk: (args: T) => Promise<R>, args: T) =>\n  Promise.resolve(transformResponse(await walk(args)))\n\nexport const ensureFieldsInDev = __DEV__ ? friendlyErrors : passthrough\n\nexport const ensureNoQueryParamsInDev = __DEV__ ? noQueryParamsFriendlyErrors : passthrough\n\nexport const throwErrorIfQueryParams = (url: string) => {\n  if (new URI(url).search().length) {\n    throw new Error('Must pass query params as data arg')\n  }\n\n  return Promise.resolve()\n}\n\nexport const transformGetToPost = (args: GetRequest): PostRequest => {\n  const { data, ...rest } = args\n  const { fields, include } = data\n  const fieldsArray = Object.entries(fields).map(([key, value]) => {\n    if (Array.isArray(value)) {\n      return [key, value.join(',')]\n    }\n\n    return [key, value]\n  })\n\n  return {\n    ...rest,\n    data: {\n      fields: Object.fromEntries(fieldsArray),\n      include,\n    },\n  }\n}\n"],"mappings":"AAAA,OAAOA,CAAC,MAAM,QAAQ;AACtB,OAAOC,GAAG,MAAM,OAAO;AACvB,SAASC,iBAAiB,QAAQ,sBAAsB;AACxD,SAASC,oBAAoB,QAAQ,0BAA0B;AAC/D,OAAOC,iBAAiB,MAAM,sBAAsB;AAUpD,OAAO,MAAMC,WAAW,GAAGA,CAAC;EAAEC,MAAM,GAAG,KAAK;EAAEC,GAAG;EAAEC,IAAI,GAAG,CAAC,CAAC;EAAEC,OAAO,GAAG,CAAC;AAAmB,CAAC,KAAK;EAChG;EACA,IAAIC,GAAG,GAAG,IAAIT,GAAG,CAACM,GAAG,CAAC;EACtB,MAAMI,KAAK,GAAGR,oBAAoB,CAACK,IAAI,CAAC;EACxC,MAAMI,QAAQ,GAAGF,GAAG,CAACC,KAAK,CAAC,IAAI,CAAC;;EAEhC;EACA,MAAME,aAAa,GAAGC,MAAM,CAACC,OAAO,CAAC;IAAE,GAAGJ,KAAK;IAAE,GAAGC;EAAS,CAAC,CAAC,CAC5DI,IAAI,CAAC,CAAC,CACNC,MAAM,CAAC,CAACC,GAAG,EAAE,CAACC,GAAG,EAAEC,KAAK,CAAC,KAAK;IAC7B;IACAF,GAAG,CAACC,GAAG,CAAC,GAAGC,KAAK;IAChB,OAAOF,GAAG;EACZ,CAAC,EAAE,CAAC,CAAC,CAAC;EAER,IAAIZ,MAAM,KAAK,KAAK,EAAE;IACpBI,GAAG,GAAGA,GAAG,CAACC,KAAK,CAACE,aAAa,CAAC;EAChC;EAEA,MAAMQ,IAAI,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,CAACC,QAAQ,CAAChB,MAAM,CAAC,GAAGiB,IAAI,CAACC,SAAS,CAAChB,IAAI,CAAC,GAAGiB,SAAS;EAElF,OAAOvB,iBAAiB,CAACQ,GAAG,CAACgB,QAAQ,CAAC,CAAC,EAAE;IACvCC,MAAM,EAAErB,MAAM;IACdG,OAAO;IACPY;EACF,CAAC,CAAC,CAACO,IAAI,CAACC,QAAQ,IAAI;IAClB,IAAIA,QAAQ,CAACC,EAAE,EAAE;MACf,OAAOD,QAAQ,CAACE,IAAI,CAAC,CAAC,CAACH,IAAI,CAACI,CAAC,IAAKA,CAAC,KAAK,EAAE,GAAG,EAAE,GAAGT,IAAI,CAACU,KAAK,CAACD,CAAC,CAAE,CAAC;IACnE,CAAC,MAAM;MACL,OAAOE,OAAO,CAACC,MAAM,CAACN,QAAQ,CAAC;IACjC;EACF,CAAC,CAAC;AACJ,CAAC;AAED,MAAMO,wBAAwB,GAAG,CAC/B,aAAa,EACb,OAAO,EACP,MAAM,EACN,MAAM,EACN,cAAc,EACd,cAAc,EACd,aAAa,EACb,YAAY,EACZ,QAAQ,CACT;AAED,OAAO,MAAMC,aAAa,GAAGA,CAACC,OAAoB,EAAEC,WAAwB,MAAM;EAChF/B,IAAI,EAAE,CAAC,GAAG8B,OAAO,CAAC9B,IAAI,EAAE,GAAG+B,WAAW,CAAC/B,IAAI,CAAC;EAC5CgC,QAAQ,EAAE,CAAC,GAAGF,OAAO,CAACE,QAAQ,EAAE,GAAGD,WAAW,CAACC,QAAQ,CAAC;EACxD;EACA;EACAC,IAAI,EAAEzC,CAAC,CAAC0C,IAAI,CAACH,WAAW,CAACE,IAAI,EAAEL,wBAAwB;AACzD,CAAC,CAAC;AASF,OAAO,MAAMO,yBAAyB,GAAG,MAAAA,CAAOC,IAAU,EAAEC,IAAc,KAAK;EAC7E,MAAMC,MAAM,GAAGD,IAAI,EAAErC,IAAI,EAAEsC,MAAM;EAEjC,IAAI,CAACA,MAAM,EAAE;IACX,MAAM,IAAIC,KAAK,CAAC,iCAAiCF,IAAI,CAACtC,GAAG,EAAE,CAAC;EAC9D;EAEA,MAAMyC,UAAU,GAAGlC,MAAM,CAACmC,IAAI,CAACH,MAAM,CAAC;EAEtC,MAAMjB,QAAQ,GAAG,MAAMe,IAAI,CAACC,IAAI,CAAC;EAEjC,MAAMK,SAAS,GAAGlD,CAAC,CAAC6B,QAAQ,CAACrB,IAAI,CAAC,CAAC2C,SAAS,CAAC,CAAC,CAACC,GAAG,CAAC,MAAM,CAAC,CAAChC,KAAK,CAAC,CAAC;EAClE,MAAMiC,aAAa,GAAGrD,CAAC,CAACoD,GAAG,CAACvB,QAAQ,CAACW,QAAQ,EAAE,MAAM,CAAC;EACtD,MAAMc,aAAa,GAAGtD,CAAC,CAACuD,IAAI,CAACL,SAAS,CAACM,MAAM,CAACH,aAAa,CAAC,CAAC;EAC7D,MAAMI,aAAa,GAAGzD,CAAC,CAAC0D,UAAU,CAACJ,aAAa,EAAEN,UAAU,CAAC,CAACW,MAAM,CAAC3B,CAAC,IAAIA,CAAC,CAAC;EAE5E,IAAIyB,aAAa,CAACG,MAAM,GAAG,CAAC,EAAE;IAC5B,MAAM,IAAIb,KAAK,CACb,kCAAkCxB,IAAI,CAACC,SAAS,CAACiC,aAAa,CAAC,gBAAgBZ,IAAI,CAACtC,GAAG,EACzF,CAAC;EACH;EAEA,OAAOH,iBAAiB,CAACyB,QAAQ,CAAC;AACpC,CAAC;AAED,OAAO,MAAMgC,cAAc,GAAGA,CAACjB,IAAU,EAAEC,IAAc,KACvDiB,uBAAuB,CAACjB,IAAI,CAACtC,GAAG,CAAC,CAC9BqB,IAAI,CAAC,MAAMe,yBAAyB,CAACC,IAAI,EAAEC,IAAI,CAAC,CAAC,CACjDjB,IAAI,CAACxB,iBAAiB,CAAC;AAE5B,OAAO,MAAM2D,2BAA2B,GAAGA,CAACC,OAA2B,EAAEnB,IAAc,KACrFiB,uBAAuB,CAACjB,IAAI,CAACtC,GAAG,CAAC,CAC9BqB,IAAI,CAAC,MAAMoC,OAAO,CAACnB,IAAI,CAAC,CAAC,CACzBjB,IAAI,CAACxB,iBAAiB,CAAC;AAE5B,MAAM6D,WAAW,GAAG,MAAAA,CAAarB,IAA6B,EAAEC,IAAO,KACrEX,OAAO,CAACgC,OAAO,CAAC9D,iBAAiB,CAAC,MAAMwC,IAAI,CAACC,IAAI,CAAC,CAAC,CAAC;AAEtD,OAAO,MAAMsB,iBAAiB,GAAGC,OAAO,GAAGP,cAAc,GAAGI,WAAW;AAEvE,OAAO,MAAMI,wBAAwB,GAAGD,OAAO,GAAGL,2BAA2B,GAAGE,WAAW;AAE3F,OAAO,MAAMH,uBAAuB,GAAIvD,GAAW,IAAK;EACtD,IAAI,IAAIN,GAAG,CAACM,GAAG,CAAC,CAAC+D,MAAM,CAAC,CAAC,CAACV,MAAM,EAAE;IAChC,MAAM,IAAIb,KAAK,CAAC,oCAAoC,CAAC;EACvD;EAEA,OAAOb,OAAO,CAACgC,OAAO,CAAC,CAAC;AAC1B,CAAC;AAED,OAAO,MAAMK,kBAAkB,GAAI1B,IAAgB,IAAkB;EACnE,MAAM;IAAErC,IAAI;IAAE,GAAGgE;EAAK,CAAC,GAAG3B,IAAI;EAC9B,MAAM;IAAEC,MAAM;IAAE2B;EAAQ,CAAC,GAAGjE,IAAI;EAChC,MAAMkE,WAAW,GAAG5D,MAAM,CAACC,OAAO,CAAC+B,MAAM,CAAC,CAACM,GAAG,CAAC,CAAC,CAACjC,GAAG,EAAEC,KAAK,CAAC,KAAK;IAC/D,IAAIuD,KAAK,CAACC,OAAO,CAACxD,KAAK,CAAC,EAAE;MACxB,OAAO,CAACD,GAAG,EAAEC,KAAK,CAACyD,IAAI,CAAC,GAAG,CAAC,CAAC;IAC/B;IAEA,OAAO,CAAC1D,GAAG,EAAEC,KAAK,CAAC;EACrB,CAAC,CAAC;EAEF,OAAO;IACL,GAAGoD,IAAI;IACPhE,IAAI,EAAE;MACJsC,MAAM,EAAEhC,MAAM,CAACgE,WAAW,CAACJ,WAAW,CAAC;MACvCD;IACF;EACF,CAAC;AACH,CAAC","ignoreList":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@planningcenter/chat-react-native",
-  "version": "4.3.0-rc.8",
+  "version": "4.3.0",
   "description": "",
   "repository": {
     "type": "git",
@@ -33,7 +33,7 @@
   "dependencies": {
     "@fortawesome/fontawesome-svg-core": "^7.2.0",
     "@fortawesome/react-native-fontawesome": "^0.3.2",
-    "@planningcenter/emoji-keyboard": "4.0.0",
+    "@planningcenter/emoji-keyboard": "4.3.0",
     "lodash-inflection": "^1.5.0"
   },
   "peerDependencies": {
@@ -84,5 +84,5 @@
     "sf-symbols-typescript": "^2.2.0",
     "typescript": "~6.0.3"
   },
-  "gitHead": "9d2cec9da1b024a2b572d2b0cd07efd62a9460be"
+  "gitHead": "2e1b1dfe9e9c7eeb8d6845f847202c1ce9b32eb9"
 }

package/src/__tests__/utils/client.ts

@@ -59,8 +59,7 @@ describe('get', () => {
     })
 
     expect(fetchSpy).toHaveBeenCalledWith(
-      // Do not url encode the query params or iOS will double encode
-      APP_BASE_URL + '/records?fields[Record]=id&per_page=100&where[id]=1',
+      APP_BASE_URL + '/records?fields%5BRecord%5D=id&per_page=100&where%5Bid%5D=1',
       expect.any(Object)
     )
   })
@@ -75,7 +74,7 @@ describe('get', () => {
   })
 
   it('walks pagination when walk = true', async () => {
-    const expectUrl = APP_BASE_URL + '/records?fields[Record]=id&per_page=1'
+    const expectUrl = APP_BASE_URL + '/records?fields%5BRecord%5D=id&per_page=1'
     const nextUrl = expectUrl + '&offset=1'
 
     MockServer.get(url, { ...DefaultFixtures.records(), links: { next: nextUrl } }, 200, {
@@ -92,7 +91,7 @@ describe('get', () => {
   })
 
   it('does not overwrite params in `url` when walking', async () => {
-    const expectUrl = APP_BASE_URL + '/records?fields[Record]=id'
+    const expectUrl = APP_BASE_URL + '/records?fields%5BRecord%5D=id'
     const nextUrl = expectUrl + '&offset=1&per_page=1'
     MockServer.get(url, { ...DefaultFixtures.records(), links: { next: nextUrl } }, 200, {
       once: true,

package/src/components/conversation/__tests__/message_form.test.tsx

@@ -0,0 +1,83 @@
+import { DefaultTheme, ThemeProvider } from '@react-navigation/native'
+import { QueryClientProvider, notifyManager } from '@tanstack/react-query'
+import { act, fireEvent, render, screen } from '@testing-library/react-native'
+import React from 'react'
+import { chatQueryClient } from '../../../contexts/api_provider'
+import type { ConversationResource } from '../../../types'
+import { MessageForm } from '../message_form'
+
+jest.mock('../../../contexts/api_provider', () => {
+  const { buildTestQueryClient } = require('../../../__utils__/query_client')
+  return { chatQueryClient: buildTestQueryClient() }
+})
+
+const mockPost = jest.fn()
+jest.mock('../../../hooks/use_api_client', () => ({
+  useApiClient: () => ({ chat: { post: mockPost, patch: jest.fn() } }),
+}))
+
+jest.mock('../../../hooks/use_current_person', () => ({
+  useCurrentPerson: () => ({ type: 'Person', id: 1, name: 'Me', avatar: null }),
+}))
+
+jest.mock('../../../hooks/use_message_draft', () => ({
+  useMessageDraft: () => ({ draft: null, saveDraft: jest.fn(), clearDraft: jest.fn() }),
+}))
+
+jest.mock('../../../hooks/use_attachment_uploader', () => ({
+  useAttachmentUploader: () => ({
+    attachments: [],
+    attachmentIds: [],
+    pendingUploads: false,
+    flaggedAttachmentCount: 0,
+    reset: jest.fn(),
+  }),
+}))
+
+jest.mock('../../../hooks/use_broadcast_typing_status', () => ({
+  useBroadcastTypingStatus: () => jest.fn(),
+}))
+
+jest.mock('@react-navigation/native', () => ({
+  ...jest.requireActual('@react-navigation/native'),
+  useNavigation: () => ({ navigate: jest.fn(), setParams: jest.fn() }),
+  useRoute: () => ({ params: { conversation_id: 7 } }),
+}))
+
+notifyManager.setNotifyFunction(fn => act(fn))
+
+const conversation = { id: 7, disabled: false } as unknown as ConversationResource
+
+describe('MessageForm', () => {
+  let finishSend: (value: unknown) => void
+
+  beforeEach(() => {
+    chatQueryClient.clear()
+    mockPost.mockReset().mockReturnValue(new Promise(resolve => (finishSend = resolve)))
+  })
+
+  afterEach(async () => {
+    await act(async () => finishSend({ data: { type: 'Message', id: 'sent', mine: true } }))
+  })
+
+  it('keeps the input editable while a sent message is in flight', async () => {
+    render(
+      <QueryClientProvider client={chatQueryClient}>
+        <ThemeProvider value={DefaultTheme}>
+          <MessageForm.Root conversation={conversation}>
+            <MessageForm.TextInput />
+            <MessageForm.SubmitButton />
+          </MessageForm.Root>
+        </ThemeProvider>
+      </QueryClientProvider>
+    )
+
+    fireEvent.changeText(screen.getByTestId('message-composer-input'), 'hello')
+    await act(async () => {
+      fireEvent.press(screen.getByLabelText('Send message'))
+    })
+
+    expect(mockPost).toHaveBeenCalled()
+    expect(screen.getByTestId('message-composer-input').props.editable).toBe(true)
+  })
+})

package/src/components/conversation/message_form.tsx

@@ -276,8 +276,8 @@ function MessageFormRoot({
         // added earlier.
         if (!(await catchUpBeforeSend())) return
 
-        reset()
         mutateAsync({ text: messageText, attachments: attachmentsForSubmit })
+        reset()
       }
     }
   }

package/src/hooks/__tests__/use_debounced_search_term.test.tsx

@@ -0,0 +1,38 @@
+import { act, renderHook } from '@testing-library/react-native'
+import { useDebouncedSearchTerm } from '../use_debounced_search_term'
+
+beforeEach(() => jest.useFakeTimers())
+afterEach(() => jest.useRealTimers())
+
+describe('useDebouncedSearchTerm', () => {
+  it('settles on the trimmed term once typing pauses', () => {
+    const { result, rerender } = renderHook(
+      ({ term }: { term: string }) => useDebouncedSearchTerm(term),
+      {
+        initialProps: { term: 'bud' },
+      }
+    )
+
+    rerender({ term: ' budget ' })
+    act(() => jest.advanceTimersByTime(199))
+    expect(result.current).toBe('')
+
+    act(() => jest.advanceTimersByTime(1))
+    expect(result.current).toBe('budget')
+  })
+
+  it('clears immediately when the term empties', () => {
+    const { result, rerender } = renderHook(
+      ({ term }: { term: string }) => useDebouncedSearchTerm(term),
+      {
+        initialProps: { term: 'budget' },
+      }
+    )
+    act(() => jest.advanceTimersByTime(200))
+    expect(result.current).toBe('budget')
+
+    rerender({ term: '   ' })
+
+    expect(result.current).toBe('')
+  })
+})

package/src/hooks/__tests__/use_search_results.test.tsx

@@ -0,0 +1,88 @@
+import { QueryClientProvider } from '@tanstack/react-query'
+import { act, renderHook, waitFor } from '@testing-library/react-native'
+import React from 'react'
+import { buildTestQueryClient } from '../../__utils__/query_client'
+import type { SearchResultResource } from '../../types/resources/search_result'
+import { NO_FAILED_TYPES, useSearchResults } from '../use_search_results'
+
+const mockGet = jest.fn()
+jest.mock('../use_api_client', () => ({ useApiClient: () => ({ chat: { get: mockGet } }) }))
+
+const result = (type: SearchResultResource['type'], id: string) =>
+  ({ type, id, title: `${type} ${id}`, url: `/${type}s/${id}` }) as SearchResultResource
+
+const page = (data: SearchResultResource[], meta: Record<string, unknown> = {}) => ({
+  data,
+  links: {},
+  meta: { count: data.length, totalCount: data.length, ...meta },
+})
+
+const wrapper = ({ children }: { children: React.ReactNode }) => (
+  <QueryClientProvider client={buildTestQueryClient()}>{children}</QueryClientProvider>
+)
+
+beforeEach(() => mockGet.mockReset())
+
+describe('useSearchResults', () => {
+  it('flattens pages into one list without repeating a result', async () => {
+    mockGet
+      .mockResolvedValueOnce(
+        page([result('conversation', '1'), result('message', '1')], { next: { offset: '20' } })
+      )
+      .mockResolvedValueOnce(page([result('message', '1'), result('message', '2')]))
+
+    const { result: hook } = renderHook(() => useSearchResults('potluck'), { wrapper })
+    await waitFor(() => expect(hook.current.hasNextPage).toBe(true))
+
+    act(() => {
+      hook.current.loadMore()
+    })
+    await waitFor(() => expect(hook.current.hasNextPage).toBe(false))
+
+    expect(hook.current.results.map(({ type, id }) => `${type}:${id}`)).toEqual([
+      'conversation:1',
+      'message:1',
+      'message:2',
+    ])
+    expect(mockGet).toHaveBeenLastCalledWith({
+      url: '/search_results',
+      data: expect.objectContaining({ q: 'potluck', offset: 20 }),
+    })
+  })
+
+  it('reads failedTypes from the first page', async () => {
+    mockGet
+      .mockResolvedValueOnce(page([], { failedTypes: ['message'], next: { offset: '20' } }))
+      .mockResolvedValueOnce(page([], { failedTypes: ['conversation'] }))
+
+    const { result: hook } = renderHook(() => useSearchResults('potluck'), { wrapper })
+    await waitFor(() => expect(hook.current.hasNextPage).toBe(true))
+
+    act(() => {
+      hook.current.loadMore()
+    })
+    await waitFor(() => expect(hook.current.hasNextPage).toBe(false))
+
+    expect(hook.current.failedTypes).toEqual(['message'])
+  })
+
+  it('makes no request for an empty or whitespace-only term', () => {
+    const { result: hook } = renderHook(() => useSearchResults('   '), { wrapper })
+
+    expect(mockGet).not.toHaveBeenCalled()
+    expect(hook.current.results).toEqual([])
+    expect(hook.current.failedTypes).toBe(NO_FAILED_TYPES)
+  })
+
+  it('searches with the trimmed term', async () => {
+    mockGet.mockResolvedValueOnce(page([]))
+
+    const { result: hook } = renderHook(() => useSearchResults(' potluck '), { wrapper })
+    await waitFor(() => expect(hook.current.isPending).toBe(false))
+
+    expect(mockGet).toHaveBeenCalledWith({
+      url: '/search_results',
+      data: expect.objectContaining({ q: 'potluck' }),
+    })
+  })
+})

package/src/hooks/use_debounced_search_term.ts

@@ -0,0 +1,20 @@
+import { useEffect, useState } from 'react'
+
+const DEFAULT_DELAY_MS = 200
+
+export function useDebouncedSearchTerm(term: string, delayMs = DEFAULT_DELAY_MS) {
+  const [debouncedTerm, setDebouncedTerm] = useState('')
+  const trimmedTerm = term.trim()
+
+  useEffect(() => {
+    if (trimmedTerm.length === 0) {
+      setDebouncedTerm('')
+      return
+    }
+
+    const timer = setTimeout(() => setDebouncedTerm(trimmedTerm), delayMs)
+    return () => clearTimeout(timer)
+  }, [trimmedTerm, delayMs])
+
+  return debouncedTerm
+}

package/src/hooks/use_search_results.ts

@@ -0,0 +1,78 @@
+import { useInfiniteQuery } from '@tanstack/react-query'
+import { useCallback, useMemo } from 'react'
+import type { ApiCollection } from '../types'
+import type { SearchResultResource } from '../types/resources/search_result'
+import {
+  getSearchResultsQueryKey,
+  getSearchResultsRequestArgs,
+} from '../utils/request/get_search_results'
+import { ONE_MINUTE } from '../utils/time'
+import { useApiClient } from './use_api_client'
+
+export type SearchResultsCollection = ApiCollection<SearchResultResource> & {
+  meta: { failedTypes?: SearchResultResource['type'][] }
+}
+
+type SearchResultsPageParam = { offset?: number }
+
+export const NO_FAILED_TYPES: SearchResultResource['type'][] = []
+
+export function useSearchResults(term: string) {
+  const apiClient = useApiClient()
+  const trimmedTerm = term.trim()
+
+  const {
+    data,
+    isPending,
+    isError,
+    isFetchNextPageError,
+    fetchNextPage,
+    hasNextPage,
+    isFetchingNextPage,
+  } = useInfiniteQuery({
+    queryKey: getSearchResultsQueryKey(trimmedTerm),
+    queryFn: ({ pageParam }) => {
+      const requestArgs = getSearchResultsRequestArgs(trimmedTerm)
+      return apiClient.chat.get<SearchResultsCollection>({
+        url: requestArgs.url,
+        data: { ...requestArgs.data, ...pageParam },
+      })
+    },
+    initialPageParam: {} as SearchResultsPageParam,
+    getNextPageParam: lastPage => nextPageParam(lastPage.meta.next?.offset),
+    enabled: trimmedTerm.length >= 1,
+    staleTime: ONE_MINUTE,
+    refetchOnWindowFocus: false,
+    refetchOnMount: false,
+    retry: 1,
+  })
+
+  const results = useMemo(() => uniqueResults(data?.pages.flatMap(page => page.data) ?? []), [data])
+  const failedTypes = data?.pages[0]?.meta.failedTypes ?? NO_FAILED_TYPES
+  const loadMore = useCallback(() => fetchNextPage({ cancelRefetch: false }), [fetchNextPage])
+
+  return {
+    results,
+    failedTypes,
+    isPending,
+    isError: isError && !isFetchNextPageError,
+    isFetchNextPageError,
+    loadMore,
+    hasNextPage,
+    isFetchingNextPage,
+  }
+}
+
+function nextPageParam(offset?: string): SearchResultsPageParam | undefined {
+  return offset ? { offset: Number(offset) } : undefined
+}
+
+function uniqueResults(results: SearchResultResource[]) {
+  const seen = new Set<string>()
+  return results.filter(result => {
+    const key = `${result.type}:${result.id}`
+    if (seen.has(key)) return false
+    seen.add(key)
+    return true
+  })
+}

package/src/screens/conversation_select_recipients/components/view_more_link_row.tsx

@@ -4,15 +4,24 @@ import { TextButton } from '../../../components'
 interface ViewMoreLinkRowProps {
   onPress: () => void
   accessibilityHint: string
+  expanded?: boolean
 }
 
-export const ViewMoreLinkRow = ({ accessibilityHint, onPress }: ViewMoreLinkRowProps) => {
+export const ViewMoreLinkRow = ({
+  accessibilityHint,
+  expanded = false,
+  onPress,
+}: ViewMoreLinkRowProps) => {
   const styles = useRowStyles()
 
   return (
     <View style={[styles.row]}>
-      <TextButton onPress={onPress} accessibilityHint={accessibilityHint} accessibilityRole="link">
-        View more
+      <TextButton
+        onPress={onPress}
+        accessibilityHint={accessibilityHint}
+        accessibilityState={{ expanded }}
+      >
+        {expanded ? 'View less' : 'View more'}
       </TextButton>
     </View>
   )