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

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;AAWvC,eAAO,MAAM,mBAAmB,GAAI,iBAEjC,sBAAsB,CAAC,aAAa,CAAC,KAAG,4BAIxC,CAAA;AAEH,wBAAgB,YAAY,4CAW3B"}
+{"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,13 @@
 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 { SearchResultsList } from './components/search_results_list';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export const SearchScreenOptions = ({
   navigation
@@ -15,8 +18,9 @@ export const SearchScreenOptions = ({
   onPress: () => navigation.goBack()
 }));
 export function SearchScreen() {
-  const $ = _c(5);
+  const $ = _c(7);
   const [term, setTerm] = useState("");
+  const debouncedTerm = useDebouncedSearchTerm(term);
   let t0;
   if ($[0] !== term) {
     t0 = /*#__PURE__*/_jsx(SearchField, {
@@ -29,14 +33,18 @@ export function SearchScreen() {
     t0 = $[1];
   }
   let t1;
-  if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
-    t1 = /*#__PURE__*/_jsx(SearchPromptBlankState, {});
-    $[2] = 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 = $[2];
+    t1 = $[3];
   }
   let t2;
-  if ($[3] !== t0) {
+  if ($[4] !== t0 || $[5] !== t1) {
     t2 = /*#__PURE__*/_jsx(KeyboardView, {
       children: /*#__PURE__*/_jsxs(View, {
         style: styles.container,
@@ -44,10 +52,11 @@ export function SearchScreen() {
         children: [t0, t1]
       })
     });
-    $[3] = t0;
-    $[4] = t2;
+    $[4] = t0;
+    $[5] = t1;
+    $[6] = t2;
   } else {
-    t2 = $[4];
+    t2 = $[6];
   }
   return t2;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"search_screen.js","names":["React","useState","StyleSheet","View","KeyboardView","composeOptions","withMinimalBack","SearchPromptBlankState","SearchField","jsx","_jsx","jsxs","_jsxs","SearchScreenOptions","navigation","title","animation","onPress","goBack","SearchScreen","$","_c","term","setTerm","t0","t1","Symbol","for","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 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 { SearchPromptBlankState } from './components/search_blank_states'\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        <SearchPromptBlankState />\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,sBAAsB,QAAQ,kCAAkC;AACzE,SAASC,WAAW,QAAQ,2BAA2B;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAEvD,OAAO,MAAMC,mBAAmB,GAAGA,CAAC;EAClCC;AACqC,CAAC,KACtCT,cAAc,CACZ;EAAEU,KAAK,EAAE,QAAQ;EAAEC,SAAS,EAAE;AAAO,CAAC,EACtCV,eAAe,CAAC;EAAEW,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,IAAwBtB,QAAQ,CAAC,EAAE,CAAC;EAAA,IAAAuB,EAAA;EAAA,IAAAJ,CAAA,QAAAE,IAAA;IAK9BE,EAAA,gBAAAd,IAAA,CAACF,WAAW;MAAOc,IAAI,EAAJA,IAAI;MAAYC,QAAO,EAAPA;IAAO,CAAG,CAAC;IAAAH,CAAA,MAAAE,IAAA;IAAAF,CAAA,MAAAI,EAAA;EAAA;IAAAA,EAAA,GAAAJ,CAAA;EAAA;EAAA,IAAAK,EAAA;EAAA,IAAAL,CAAA,QAAAM,MAAA,CAAAC,GAAA;IAC9CF,EAAA,gBAAAf,IAAA,CAACH,sBAAsB,IAAE,CAAC;IAAAa,CAAA,MAAAK,EAAA;EAAA;IAAAA,EAAA,GAAAL,CAAA;EAAA;EAAA,IAAAQ,EAAA;EAAA,IAAAR,CAAA,QAAAI,EAAA;IAH9BI,EAAA,gBAAAlB,IAAA,CAACN,YAAY;MAAAyB,QAAA,eACXjB,KAAA,CAACT,IAAI;QAAQ2B,KAAgB,EAAhBC,MAAM,CAAAC,SAAU;QAASC,MAAe,EAAf,eAAe;QAAAJ,QAAA,GACnDL,EAA8C,EAC9CC,EAA0B;MAAA,CACtB;IAAC,CACK,CAAC;IAAAL,CAAA,MAAAI,EAAA;IAAAJ,CAAA,MAAAQ,EAAA;EAAA;IAAAA,EAAA,GAAAR,CAAA;EAAA;EAAA,OALfQ,EAKe;AAAA;AAInB,MAAMG,MAAM,GAAG7B,UAAU,CAACgC,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":"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","ignoreList":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@planningcenter/chat-react-native",
-  "version": "4.3.0-rc.9",
+  "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": "4c3d10940f433b0e1722c68aafbbb81534bb21ce"
+  "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>
   )

package/src/screens/conversation_select_recipients/conversation_select_direct_message_recipients_screen.tsx

@@ -1,6 +1,6 @@
 import { PlatformPressable } from '@react-navigation/elements'
 import { StackActions, useNavigation } from '@react-navigation/native'
-import { RefObject, useEffect, useRef, useState } from 'react'
+import { RefObject, useRef, useState } from 'react'
 import { FlatList, Pressable, StyleSheet, TextInput, View } from 'react-native'
 import { Avatar, Badge, Banner, Icon, KeyboardView, Spinner, Text } from '../../components'
 import { ActionButton } from '../../components/display/action_button'
@@ -11,6 +11,7 @@ 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 { DirectMessageCandidateResource } from '../../types/resources/direct_message_candidate'
 import { ResultsHeading } from './components/results_heading'
@@ -26,7 +27,7 @@ export function ConversationSelectDirectMessageRecipientsScreen({
   const navigation = useNavigation()
   const { featureEnabled } = useFeatures()
   const [searchTerm, setSearchTerm] = useState('')
-  const [debouncedTerm, setDebouncedTerm] = useState('')
+  const debouncedTerm = useDebouncedSearchTerm(searchTerm)
   const [selectedPeople, setSelectedPeople] = useState<Map<string, DirectMessageCandidateResource>>(
     () =>
       new Map(
@@ -45,16 +46,10 @@ export function ConversationSelectDirectMessageRecipientsScreen({
   )
   const searchInputRef = useRef<TextInput>(null)
 
-  useEffect(() => {
-    const timer = setTimeout(() => setDebouncedTerm(searchTerm), 200)
-    return () => clearTimeout(timer)
-  }, [searchTerm])
-
   const selectPerson = (person: DirectMessageCandidateResource) => {
     if (selectedPeople.size >= MAX_RECIPIENTS) return
     setSelectedPeople(prev => new Map(prev).set(person.id, person))
     setSearchTerm('')
-    setDebouncedTerm('')
     // Controlled TextInput can retain stale native text on iOS when the value
     // is cleared while it stays focused (keyboardShouldPersistTaps keeps it
     // focused through the tap) — clear() forces the native view to sync. Gated