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

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

@@ -0,0 +1,102 @@
+import { c as _c } from "react/compiler-runtime";
+import React from 'react';
+import { Pressable, StyleSheet } from 'react-native';
+import { useAtFontScaleBreakpoint, useTheme } from '../../../hooks';
+import { platformPressedOpacityStyle } from '../../../utils';
+import { jsx as _jsx } from "react/jsx-runtime";
+export function ResultRow(t0) {
+  const $ = _c(13);
+  const {
+    accessibilityLabel,
+    onPress,
+    alignItems: t1,
+    children
+  } = t0;
+  const alignItems = t1 === undefined ? "flex-start" : t1;
+  const {
+    colors
+  } = useTheme();
+  const atFontScaleBreakpoint = useAtFontScaleBreakpoint();
+  const styles = useStyles();
+  let t2;
+  if ($[0] !== alignItems || $[1] !== atFontScaleBreakpoint || $[2] !== styles.row || $[3] !== styles.stacked) {
+    t2 = t3 => {
+      const {
+        pressed
+      } = t3;
+      return [styles.row, atFontScaleBreakpoint ? styles.stacked : {
+        alignItems
+      }, pressed && platformPressedOpacityStyle];
+    };
+    $[0] = alignItems;
+    $[1] = atFontScaleBreakpoint;
+    $[2] = styles.row;
+    $[3] = styles.stacked;
+    $[4] = t2;
+  } else {
+    t2 = $[4];
+  }
+  let t3;
+  if ($[5] !== colors.androidRippleNeutral) {
+    t3 = {
+      color: colors.androidRippleNeutral,
+      borderless: false,
+      foreground: true
+    };
+    $[5] = colors.androidRippleNeutral;
+    $[6] = t3;
+  } else {
+    t3 = $[6];
+  }
+  let t4;
+  if ($[7] !== accessibilityLabel || $[8] !== children || $[9] !== onPress || $[10] !== t2 || $[11] !== t3) {
+    t4 = /*#__PURE__*/_jsx(Pressable, {
+      accessibilityRole: "button",
+      accessibilityLabel: accessibilityLabel,
+      onPress: onPress,
+      style: t2,
+      android_ripple: t3,
+      children: children
+    });
+    $[7] = accessibilityLabel;
+    $[8] = children;
+    $[9] = onPress;
+    $[10] = t2;
+    $[11] = t3;
+    $[12] = t4;
+  } else {
+    t4 = $[12];
+  }
+  return t4;
+}
+const useStyles = () => {
+  const $ = _c(3);
+  const {
+    colors
+  } = useTheme();
+  let t0;
+  if ($[0] !== colors.borderColorDefaultDark || $[1] !== colors.borderColorDefaultDim) {
+    t0 = StyleSheet.create({
+      row: {
+        flexDirection: "row",
+        gap: 8,
+        paddingVertical: 12,
+        paddingHorizontal: 16,
+        borderBottomWidth: 1,
+        borderBottomColor: colors.borderColorDefaultDim
+      },
+      stacked: {
+        flexDirection: "column",
+        alignItems: "stretch",
+        borderBottomColor: colors.borderColorDefaultDark
+      }
+    });
+    $[0] = colors.borderColorDefaultDark;
+    $[1] = colors.borderColorDefaultDim;
+    $[2] = t0;
+  } else {
+    t0 = $[2];
+  }
+  return t0;
+};
+//# sourceMappingURL=result_row.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"result_row.js","names":["React","Pressable","StyleSheet","useAtFontScaleBreakpoint","useTheme","platformPressedOpacityStyle","jsx","_jsx","ResultRow","t0","$","_c","accessibilityLabel","onPress","alignItems","t1","children","undefined","colors","atFontScaleBreakpoint","styles","useStyles","t2","row","stacked","t3","pressed","androidRippleNeutral","color","borderless","foreground","t4","accessibilityRole","style","android_ripple","borderColorDefaultDark","borderColorDefaultDim","create","flexDirection","gap","paddingVertical","paddingHorizontal","borderBottomWidth","borderBottomColor"],"sources":["../../../../src/screens/search/components/result_row.tsx"],"sourcesContent":["import React, { type ReactNode } from 'react'\nimport { Pressable, StyleSheet } from 'react-native'\nimport { useAtFontScaleBreakpoint, useTheme } from '../../../hooks'\nimport { platformPressedOpacityStyle } from '../../../utils'\n\ninterface ResultRowProps {\n  accessibilityLabel: string\n  onPress: () => void\n  alignItems?: 'flex-start' | 'center'\n  children: ReactNode\n}\n\nexport function ResultRow({\n  accessibilityLabel,\n  onPress,\n  alignItems = 'flex-start',\n  children,\n}: ResultRowProps) {\n  const { colors } = useTheme()\n  const atFontScaleBreakpoint = useAtFontScaleBreakpoint()\n  const styles = useStyles()\n\n  return (\n    <Pressable\n      accessibilityRole=\"button\"\n      accessibilityLabel={accessibilityLabel}\n      onPress={onPress}\n      style={({ pressed }) => [\n        styles.row,\n        atFontScaleBreakpoint ? styles.stacked : { alignItems },\n        pressed && platformPressedOpacityStyle,\n      ]}\n      android_ripple={{ color: colors.androidRippleNeutral, borderless: false, foreground: true }}\n    >\n      {children}\n    </Pressable>\n  )\n}\n\nconst useStyles = () => {\n  const { colors } = useTheme()\n\n  return StyleSheet.create({\n    row: {\n      flexDirection: 'row',\n      gap: 8,\n      paddingVertical: 12,\n      paddingHorizontal: 16,\n      borderBottomWidth: 1,\n      borderBottomColor: colors.borderColorDefaultDim,\n    },\n    stacked: {\n      flexDirection: 'column',\n      alignItems: 'stretch',\n      borderBottomColor: colors.borderColorDefaultDark,\n    },\n  })\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,9 @@
+import type { ReactNode } from 'react';
+interface ResultsSectionProps {
+    title: string;
+    footer?: ReactNode;
+    children?: ReactNode;
+}
+export declare function ResultsSection({ title, footer, children }: ResultsSectionProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=results_section.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"results_section.d.ts","sourceRoot":"","sources":["../../../../src/screens/search/components/results_section.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAItC,UAAU,mBAAmB;IAC3B,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAED,wBAAgB,cAAc,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,mBAAmB,2CAY9E"}

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

@@ -0,0 +1,51 @@
+import { c as _c } from "react/compiler-runtime";
+import { StyleSheet, View } from 'react-native';
+import { Text } from '../../../components';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function ResultsSection(t0) {
+  const $ = _c(6);
+  const {
+    title,
+    footer,
+    children
+  } = t0;
+  let t1;
+  if ($[0] !== title) {
+    t1 = /*#__PURE__*/_jsx(View, {
+      style: styles.headingRow,
+      children: /*#__PURE__*/_jsx(Text, {
+        accessibilityRole: "header",
+        style: styles.heading,
+        children: title
+      })
+    });
+    $[0] = title;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  let t2;
+  if ($[2] !== children || $[3] !== footer || $[4] !== t1) {
+    t2 = /*#__PURE__*/_jsxs(View, {
+      children: [t1, children, footer]
+    });
+    $[2] = children;
+    $[3] = footer;
+    $[4] = t1;
+    $[5] = t2;
+  } else {
+    t2 = $[5];
+  }
+  return t2;
+}
+const styles = StyleSheet.create({
+  headingRow: {
+    paddingHorizontal: 16,
+    paddingTop: 16,
+    paddingBottom: 8
+  },
+  heading: {
+    fontWeight: '600'
+  }
+});
+//# sourceMappingURL=results_section.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"results_section.js","names":["StyleSheet","View","Text","jsx","_jsx","jsxs","_jsxs","ResultsSection","t0","$","_c","title","footer","children","t1","style","styles","headingRow","accessibilityRole","heading","t2","create","paddingHorizontal","paddingTop","paddingBottom","fontWeight"],"sources":["../../../../src/screens/search/components/results_section.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\nimport { StyleSheet, View } from 'react-native'\nimport { Text } from '../../../components'\n\ninterface ResultsSectionProps {\n  title: string\n  footer?: ReactNode\n  children?: ReactNode\n}\n\nexport function ResultsSection({ title, footer, children }: ResultsSectionProps) {\n  return (\n    <View>\n      <View style={styles.headingRow}>\n        <Text accessibilityRole=\"header\" style={styles.heading}>\n          {title}\n        </Text>\n      </View>\n      {children}\n      {footer}\n    </View>\n  )\n}\n\nconst styles = StyleSheet.create({\n  headingRow: {\n    paddingHorizontal: 16,\n    paddingTop: 16,\n    paddingBottom: 8,\n  },\n  heading: {\n    fontWeight: '600',\n  },\n})\n"],"mappings":";AACA,SAASA,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAC/C,SAASC,IAAI,QAAQ,qBAAqB;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAQ1C,OAAO,SAAAC,eAAAC,EAAA;EAAA,MAAAC,CAAA,GAAAC,EAAA;EAAwB;IAAAC,KAAA;IAAAC,MAAA;IAAAC;EAAA,IAAAL,EAAgD;EAAA,IAAAM,EAAA;EAAA,IAAAL,CAAA,QAAAE,KAAA;IAGzEG,EAAA,gBAAAV,IAAA,CAACH,IAAI;MAAQc,KAAiB,EAAjBC,MAAM,CAAAC,UAAW;MAAAJ,QAAA,eAC5BT,IAAA,CAACF,IAAI;QAAmBgB,iBAAQ,EAAR,QAAQ;QAAQH,KAAc,EAAdC,MAAM,CAAAG,OAAQ;QAAAN,QAAA,EACnDF;MAAK,CACF;IAAC,CACH,CAAC;IAAAF,CAAA,MAAAE,KAAA;IAAAF,CAAA,MAAAK,EAAA;EAAA;IAAAA,EAAA,GAAAL,CAAA;EAAA;EAAA,IAAAW,EAAA;EAAA,IAAAX,CAAA,QAAAI,QAAA,IAAAJ,CAAA,QAAAG,MAAA,IAAAH,CAAA,QAAAK,EAAA;IALTM,EAAA,gBAAAd,KAAA,CAACL,IAAI;MAAAY,QAAA,GACHC,EAIO,EACND,QAAQ,EACRD,MAAM;IAAA,CACH,CAAC;IAAAH,CAAA,MAAAI,QAAA;IAAAJ,CAAA,MAAAG,MAAA;IAAAH,CAAA,MAAAK,EAAA;IAAAL,CAAA,MAAAW,EAAA;EAAA;IAAAA,EAAA,GAAAX,CAAA;EAAA;EAAA,OARPW,EAQO;AAAA;AAIX,MAAMJ,MAAM,GAAGhB,UAAU,CAACqB,MAAM,CAAC;EAC/BJ,UAAU,EAAE;IACVK,iBAAiB,EAAE,EAAE;IACrBC,UAAU,EAAE,EAAE;IACdC,aAAa,EAAE;EACjB,CAAC;EACDL,OAAO,EAAE;IACPM,UAAU,EAAE;EACd;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,13 @@
+import type { SearchResultResource } from '../../../types/resources/search_result';
+export interface SearchResultCounts {
+    conversationResultCount: number;
+    messageResultCount: number;
+}
+interface SearchResultsListProps {
+    term: string;
+    onSelect: (result: SearchResultResource, position: number) => void;
+    onSettled: (term: string, counts: SearchResultCounts) => void;
+}
+export declare function SearchResultsList({ term, onSelect, onSettled }: SearchResultsListProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=search_results_list.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"search_results_list.d.ts","sourceRoot":"","sources":["../../../../src/screens/search/components/search_results_list.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAGV,oBAAoB,EACrB,MAAM,wCAAwC,CAAA;AAQ/C,MAAM,WAAW,kBAAkB;IACjC,uBAAuB,EAAE,MAAM,CAAA;IAC/B,kBAAkB,EAAE,MAAM,CAAA;CAC3B;AAED,UAAU,sBAAsB;IAC9B,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,EAAE,CAAC,MAAM,EAAE,oBAAoB,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;IAClE,SAAS,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,kBAAkB,KAAK,IAAI,CAAA;CAC9D;AAED,wBAAgB,iBAAiB,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,sBAAsB,2CA2EtF"}

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

@@ -0,0 +1,344 @@
+import { c as _c } from "react/compiler-runtime";
+import React, { useEffect, useRef } from 'react';
+import { FlatList, StyleSheet, View } from 'react-native';
+import { Banner, Spinner, Text, TextButton } from '../../../components';
+import { useSearchResults } from '../../../hooks/use_search_results';
+import { ConversationResults } from './conversation_results';
+import { MessageResultRow } from './message_result_row';
+import { ResultsSection } from './results_section';
+import { NoResultsBlankState } from './search_blank_states';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+const SEARCH_ERROR_MESSAGE = "Couldn't search right now. Try again.";
+export function SearchResultsList(t0) {
+  const $ = _c(53);
+  const {
+    term,
+    onSelect,
+    onSettled
+  } = t0;
+  const {
+    results,
+    failedTypes,
+    isPending,
+    isError,
+    isFetchNextPageError,
+    loadMore,
+    hasNextPage,
+    isFetchingNextPage
+  } = useSearchResults(term);
+  let t1;
+  if ($[0] !== results) {
+    t1 = results.filter(isConversationResult);
+    $[0] = results;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const conversationResults = t1;
+  let t2;
+  if ($[2] !== results) {
+    t2 = results.filter(isMessageResult);
+    $[2] = results;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  const messageResults = t2;
+  const settled = !isPending && !isError;
+  const settledTermRef = useRef(undefined);
+  let t3;
+  let t4;
+  if ($[4] !== conversationResults.length || $[5] !== messageResults.length || $[6] !== onSettled || $[7] !== settled || $[8] !== term) {
+    t3 = () => {
+      if (!settled || settledTermRef.current === term) {
+        return;
+      }
+      settledTermRef.current = term;
+      onSettled(term, {
+        conversationResultCount: conversationResults.length,
+        messageResultCount: messageResults.length
+      });
+    };
+    t4 = [settled, term, conversationResults.length, messageResults.length, onSettled];
+    $[4] = conversationResults.length;
+    $[5] = messageResults.length;
+    $[6] = onSettled;
+    $[7] = settled;
+    $[8] = term;
+    $[9] = t3;
+    $[10] = t4;
+  } else {
+    t3 = $[9];
+    t4 = $[10];
+  }
+  useEffect(t3, t4);
+  let t5;
+  if ($[11] !== onSelect) {
+    t5 = t6 => {
+      const {
+        item: item_0,
+        index
+      } = t6;
+      return /*#__PURE__*/_jsx(MessageResultRow, {
+        result: item_0,
+        onPress: () => onSelect(item_0, index)
+      });
+    };
+    $[11] = onSelect;
+    $[12] = t5;
+  } else {
+    t5 = $[12];
+  }
+  let t6;
+  if ($[13] !== conversationResults || $[14] !== onSelect) {
+    t6 = conversationResults.length > 0 && /*#__PURE__*/_jsx(ConversationResults, {
+      results: conversationResults,
+      onSelect: onSelect
+    });
+    $[13] = conversationResults;
+    $[14] = onSelect;
+    $[15] = t6;
+  } else {
+    t6 = $[15];
+  }
+  let t7;
+  if ($[16] !== failedTypes) {
+    t7 = failedTypes.includes("conversation") && /*#__PURE__*/_jsx(SectionFailure, {
+      type: "conversation"
+    });
+    $[16] = failedTypes;
+    $[17] = t7;
+  } else {
+    t7 = $[17];
+  }
+  let t8;
+  if ($[18] !== messageResults.length) {
+    t8 = messageResults.length > 0 && /*#__PURE__*/_jsx(ResultsSection, {
+      title: "Messages"
+    });
+    $[18] = messageResults.length;
+    $[19] = t8;
+  } else {
+    t8 = $[19];
+  }
+  let t9;
+  if ($[20] !== t6 || $[21] !== t7 || $[22] !== t8) {
+    t9 = /*#__PURE__*/_jsxs(_Fragment, {
+      children: [t6, t7, t8]
+    });
+    $[20] = t6;
+    $[21] = t7;
+    $[22] = t8;
+    $[23] = t9;
+  } else {
+    t9 = $[23];
+  }
+  const t10 = results.length === 0 && failedTypes.length === 0;
+  let t11;
+  if ($[24] !== isError || $[25] !== isPending || $[26] !== t10 || $[27] !== term) {
+    t11 = /*#__PURE__*/_jsx(ListEmpty, {
+      term: term,
+      isError: isError,
+      isPending: isPending,
+      noResults: t10
+    });
+    $[24] = isError;
+    $[25] = isPending;
+    $[26] = t10;
+    $[27] = term;
+    $[28] = t11;
+  } else {
+    t11 = $[28];
+  }
+  let t12;
+  if ($[29] !== isFetchingNextPage) {
+    t12 = isFetchingNextPage && /*#__PURE__*/_jsx(View, {
+      accessibilityLabel: "Loading more results",
+      style: styles.loading,
+      children: /*#__PURE__*/_jsx(Spinner, {})
+    });
+    $[29] = isFetchingNextPage;
+    $[30] = t12;
+  } else {
+    t12 = $[30];
+  }
+  let t13;
+  if ($[31] !== isFetchNextPageError || $[32] !== isFetchingNextPage || $[33] !== loadMore) {
+    t13 = isFetchNextPageError && !isFetchingNextPage && /*#__PURE__*/_jsx(TextButton, {
+      onPress: loadMore,
+      style: styles.retry,
+      children: "Try again"
+    });
+    $[31] = isFetchNextPageError;
+    $[32] = isFetchingNextPage;
+    $[33] = loadMore;
+    $[34] = t13;
+  } else {
+    t13 = $[34];
+  }
+  let t14;
+  if ($[35] !== failedTypes) {
+    t14 = failedTypes.includes("message") && /*#__PURE__*/_jsx(SectionFailure, {
+      type: "message"
+    });
+    $[35] = failedTypes;
+    $[36] = t14;
+  } else {
+    t14 = $[36];
+  }
+  let t15;
+  if ($[37] !== t12 || $[38] !== t13 || $[39] !== t14) {
+    t15 = /*#__PURE__*/_jsxs(_Fragment, {
+      children: [t12, t13, t14]
+    });
+    $[37] = t12;
+    $[38] = t13;
+    $[39] = t14;
+    $[40] = t15;
+  } else {
+    t15 = $[40];
+  }
+  let t16;
+  if ($[41] !== hasNextPage || $[42] !== isFetchNextPageError || $[43] !== isFetchingNextPage || $[44] !== loadMore) {
+    t16 = () => {
+      if (hasNextPage && !isFetchingNextPage && !isFetchNextPageError) {
+        loadMore();
+      }
+    };
+    $[41] = hasNextPage;
+    $[42] = isFetchNextPageError;
+    $[43] = isFetchingNextPage;
+    $[44] = loadMore;
+    $[45] = t16;
+  } else {
+    t16 = $[45];
+  }
+  let t17;
+  if ($[46] !== messageResults || $[47] !== t11 || $[48] !== t15 || $[49] !== t16 || $[50] !== t5 || $[51] !== t9) {
+    t17 = /*#__PURE__*/_jsx(FlatList, {
+      data: messageResults,
+      keyExtractor: _temp,
+      keyboardShouldPersistTaps: "handled",
+      keyboardDismissMode: "on-drag",
+      contentContainerStyle: styles.content,
+      renderItem: t5,
+      ListHeaderComponent: t9,
+      ListEmptyComponent: t11,
+      ListFooterComponent: t15,
+      onEndReached: t16,
+      onEndReachedThreshold: 0.5
+    });
+    $[46] = messageResults;
+    $[47] = t11;
+    $[48] = t15;
+    $[49] = t16;
+    $[50] = t5;
+    $[51] = t9;
+    $[52] = t17;
+  } else {
+    t17 = $[52];
+  }
+  return t17;
+}
+function _temp(item) {
+  return item.id;
+}
+function ListEmpty(t0) {
+  const $ = _c(4);
+  const {
+    term,
+    isError,
+    isPending,
+    noResults
+  } = t0;
+  if (isError) {
+    let t1;
+    if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+      t1 = /*#__PURE__*/_jsx(Banner, {
+        appearance: "error",
+        description: SEARCH_ERROR_MESSAGE,
+        style: styles.banner
+      });
+      $[0] = t1;
+    } else {
+      t1 = $[0];
+    }
+    return t1;
+  }
+  if (isPending) {
+    let t1;
+    if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+      t1 = /*#__PURE__*/_jsx(View, {
+        accessibilityLabel: "Loading results",
+        style: styles.loading,
+        children: /*#__PURE__*/_jsx(Spinner, {})
+      });
+      $[1] = t1;
+    } else {
+      t1 = $[1];
+    }
+    return t1;
+  }
+  if (noResults) {
+    let t1;
+    if ($[2] !== term) {
+      t1 = /*#__PURE__*/_jsx(NoResultsBlankState, {
+        term: term
+      });
+      $[2] = term;
+      $[3] = t1;
+    } else {
+      t1 = $[3];
+    }
+    return t1;
+  }
+  return null;
+}
+function SectionFailure(t0) {
+  const $ = _c(2);
+  const {
+    type
+  } = t0;
+  let t1;
+  if ($[0] !== type) {
+    t1 = /*#__PURE__*/_jsxs(Text, {
+      accessibilityRole: "alert",
+      variant: "secondary",
+      style: styles.sectionFailure,
+      children: ["Couldn\u2019t load ", type, "s."]
+    });
+    $[0] = type;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  return t1;
+}
+function isConversationResult(result) {
+  return result.type === 'conversation';
+}
+function isMessageResult(result) {
+  return result.type === 'message';
+}
+const styles = StyleSheet.create({
+  content: {
+    flexGrow: 1
+  },
+  banner: {
+    margin: 16
+  },
+  loading: {
+    alignItems: 'center',
+    paddingVertical: 16
+  },
+  retry: {
+    alignSelf: 'center',
+    paddingVertical: 16
+  },
+  sectionFailure: {
+    fontSize: 14,
+    paddingHorizontal: 16,
+    paddingVertical: 8
+  }
+});
+//# sourceMappingURL=search_results_list.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"search_results_list.js","names":["React","useEffect","useRef","FlatList","StyleSheet","View","Banner","Spinner","Text","TextButton","useSearchResults","ConversationResults","MessageResultRow","ResultsSection","NoResultsBlankState","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","SEARCH_ERROR_MESSAGE","SearchResultsList","t0","$","_c","term","onSelect","onSettled","results","failedTypes","isPending","isError","isFetchNextPageError","loadMore","hasNextPage","isFetchingNextPage","t1","filter","isConversationResult","conversationResults","t2","isMessageResult","messageResults","settled","settledTermRef","undefined","t3","t4","length","current","conversationResultCount","messageResultCount","t5","t6","item","item_0","index","onPress","t7","includes","SectionFailure","type","t8","title","t9","children","t10","t11","ListEmpty","noResults","t12","accessibilityLabel","style","styles","loading","t13","retry","t14","t15","t16","t17","keyExtractor","_temp","keyboardShouldPersistTaps","keyboardDismissMode","contentContainerStyle","content","renderItem","ListHeaderComponent","ListEmptyComponent","ListFooterComponent","onEndReached","onEndReachedThreshold","id","Symbol","for","appearance","banner","accessibilityRole","variant","sectionFailure","result","create","flexGrow","margin","alignItems","paddingVertical","alignSelf","fontSize","paddingHorizontal"],"sources":["../../../../src/screens/search/components/search_results_list.tsx"],"sourcesContent":["import React, { useEffect, useRef } from 'react'\nimport { FlatList, StyleSheet, View } from 'react-native'\nimport { Banner, Spinner, Text, TextButton } from '../../../components'\nimport { useSearchResults } from '../../../hooks/use_search_results'\nimport type {\n  ConversationSearchResultResource,\n  MessageSearchResultResource,\n  SearchResultResource,\n} from '../../../types/resources/search_result'\nimport { ConversationResults } from './conversation_results'\nimport { MessageResultRow } from './message_result_row'\nimport { ResultsSection } from './results_section'\nimport { NoResultsBlankState } from './search_blank_states'\n\nconst SEARCH_ERROR_MESSAGE = \"Couldn't search right now. Try again.\"\n\nexport interface SearchResultCounts {\n  conversationResultCount: number\n  messageResultCount: number\n}\n\ninterface SearchResultsListProps {\n  term: string\n  onSelect: (result: SearchResultResource, position: number) => void\n  onSettled: (term: string, counts: SearchResultCounts) => void\n}\n\nexport function SearchResultsList({ term, onSelect, onSettled }: SearchResultsListProps) {\n  const {\n    results,\n    failedTypes,\n    isPending,\n    isError,\n    isFetchNextPageError,\n    loadMore,\n    hasNextPage,\n    isFetchingNextPage,\n  } = useSearchResults(term)\n  const conversationResults = results.filter(isConversationResult)\n  const messageResults = results.filter(isMessageResult)\n  const settled = !isPending && !isError\n\n  const settledTermRef = useRef<string | undefined>(undefined)\n\n  useEffect(() => {\n    if (!settled || settledTermRef.current === term) return\n\n    settledTermRef.current = term\n    onSettled(term, {\n      conversationResultCount: conversationResults.length,\n      messageResultCount: messageResults.length,\n    })\n  }, [settled, term, conversationResults.length, messageResults.length, onSettled])\n\n  return (\n    <FlatList\n      data={messageResults}\n      keyExtractor={item => item.id}\n      keyboardShouldPersistTaps=\"handled\"\n      keyboardDismissMode=\"on-drag\"\n      contentContainerStyle={styles.content}\n      renderItem={({ item, index }) => (\n        <MessageResultRow result={item} onPress={() => onSelect(item, index)} />\n      )}\n      ListHeaderComponent={\n        <>\n          {conversationResults.length > 0 && (\n            <ConversationResults results={conversationResults} onSelect={onSelect} />\n          )}\n          {failedTypes.includes('conversation') && <SectionFailure type=\"conversation\" />}\n          {messageResults.length > 0 && <ResultsSection title=\"Messages\" />}\n        </>\n      }\n      ListEmptyComponent={\n        <ListEmpty\n          term={term}\n          isError={isError}\n          isPending={isPending}\n          noResults={results.length === 0 && failedTypes.length === 0}\n        />\n      }\n      ListFooterComponent={\n        <>\n          {isFetchingNextPage && (\n            <View accessibilityLabel=\"Loading more results\" style={styles.loading}>\n              <Spinner />\n            </View>\n          )}\n          {isFetchNextPageError && !isFetchingNextPage && (\n            <TextButton onPress={loadMore} style={styles.retry}>\n              Try again\n            </TextButton>\n          )}\n          {failedTypes.includes('message') && <SectionFailure type=\"message\" />}\n        </>\n      }\n      onEndReached={() => {\n        if (hasNextPage && !isFetchingNextPage && !isFetchNextPageError) loadMore()\n      }}\n      onEndReachedThreshold={0.5}\n    />\n  )\n}\n\ninterface ListEmptyProps {\n  term: string\n  isError: boolean\n  isPending: boolean\n  noResults: boolean\n}\n\nfunction ListEmpty({ term, isError, isPending, noResults }: ListEmptyProps) {\n  if (isError) {\n    return <Banner appearance=\"error\" description={SEARCH_ERROR_MESSAGE} style={styles.banner} />\n  }\n\n  if (isPending) {\n    return (\n      <View accessibilityLabel=\"Loading results\" style={styles.loading}>\n        <Spinner />\n      </View>\n    )\n  }\n\n  if (noResults) return <NoResultsBlankState term={term} />\n\n  return null\n}\n\nfunction SectionFailure({ type }: { type: SearchResultResource['type'] }) {\n  return (\n    <Text accessibilityRole=\"alert\" variant=\"secondary\" style={styles.sectionFailure}>\n      Couldn&rsquo;t load {type}s.\n    </Text>\n  )\n}\n\nfunction isConversationResult(\n  result: SearchResultResource\n): result is ConversationSearchResultResource {\n  return result.type === 'conversation'\n}\n\nfunction isMessageResult(result: SearchResultResource): result is MessageSearchResultResource {\n  return result.type === 'message'\n}\n\nconst styles = StyleSheet.create({\n  content: {\n    flexGrow: 1,\n  },\n  banner: {\n    margin: 16,\n  },\n  loading: {\n    alignItems: 'center',\n    paddingVertical: 16,\n  },\n  retry: {\n    alignSelf: 'center',\n    paddingVertical: 16,\n  },\n  sectionFailure: {\n    fontSize: 14,\n    paddingHorizontal: 16,\n    paddingVertical: 8,\n  },\n})\n"],"mappings":"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","ignoreList":[]}

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;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,EAAiB,MAAM,0BAA0B,CAAA;AACvE,OAAO,EACL,4BAA4B,EAC5B,sBAAsB,EACvB,MAAM,gCAAgC,CAAA;AAevC,eAAO,MAAM,mBAAmB,GAAI,iBAEjC,sBAAsB,CAAC,aAAa,CAAC,KAAG,4BAIxC,CAAA;AAEH,wBAAgB,YAAY,4CAqD3B"}