@planningcenter/chat-react-native 3.1.0 → 3.2.0-rc.0

package/build/navigation/index.d.ts

@@ -94,14 +94,7 @@ export declare const ChatStack: import("@react-navigation/native").TypedNavigato
             };
         };
         readonly ConversationFilters: {
-            readonly screen: ({}: {
-                route: {
-                    params: {
-                        chat_group_graph_id?: import("../types/resources/group_resource").GraphId;
-                        group_source_app_name?: string;
-                    };
-                };
-            }) => React.JSX.Element;
+            readonly screen: (_props: import("../screens/conversation_filters/screen_props").ConversationFiltersScreenProps) => React.JSX.Element;
             readonly options: import("@react-navigation/native-stack").NativeStackNavigationOptions;
         };
         readonly Conversation: {

package/build/navigation/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/navigation/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAA;AAC1D,OAAO,EAEL,2BAA2B,EAC5B,MAAM,gCAAgC,CAAA;AACvC,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,yBAAyB,EAAE,MAAM,wCAAwC,CAAA;AAClF,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAA;AACnE,OAAO,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAA;AAOrE,OAAO,EACL,oBAAoB,EAErB,MAAM,mCAAmC,CAAA;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAC/C,OAAO,EAAE,eAAe,EAA0B,MAAM,6BAA6B,CAAA;AAErF,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAM7C,eAAO,MAAM,uBAAuB;;;;;;;;;uOAnBpC,mBAAkB;;;;;;;;;;;;;;;;;;;uBA4Hy1c,gBAAiB,KAAK;;;qCA9Fp2c,2BAA2B;;;;;;;;;;;;;;;;;;;;;;;;;;EAmBtD,CAAA;AAEF,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;uBAyEq1c,gBAAiB,KAAK;;;qCA/Dp2c,2BAA2B;;;;;;;;;;;;;;;;;;;;;;uBA+Dmzc,gBAAiB,KAAK;;;;qCA1Cp2c,2BAA2B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mDA0Co0c,KAAK;;;iDA9Fp2c,2BAA2B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAqFtD,CAAA;AAEF,KAAK,kBAAkB,GAAG,eAAe,CAAC,OAAO,SAAS,CAAC,CAAA;AAE3D,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,eAAe,CAAC;QACxB,UAAU,aAAc,SAAQ,kBAAkB;SAAG;KACtD;CACF"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/navigation/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAA;AAC1D,OAAO,EAEL,2BAA2B,EAC5B,MAAM,gCAAgC,CAAA;AACvC,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,yBAAyB,EAAE,MAAM,wCAAwC,CAAA;AAClF,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAA;AACnE,OAAO,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAA;AAOrE,OAAO,EACL,oBAAoB,EAErB,MAAM,mCAAmC,CAAA;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAC/C,OAAO,EAAE,eAAe,EAA0B,MAAM,6BAA6B,CAAA;AAErF,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAM7C,eAAO,MAAM,uBAAuB;;;;;;;;;uOAnBpC,mBAAkB;;;;;;;;;;;;;;;;;;;uBA4Hy1c,gBAAiB,KAAK;;;qCA9Fp2c,2BAA2B;;;;;;;;;;;;;;;;;;;;;;;;;;EAmBtD,CAAA;AAEF,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;uBAyEq1c,gBAAiB,KAAK;;;qCA/Dp2c,2BAA2B;;;;;;;;;;;;;;;uBA+Dmzc,gBAAiB,KAAK;;;;qCA1Cp2c,2BAA2B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mDA0Co0c,KAAK;;;iDA9Fp2c,2BAA2B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAqFtD,CAAA;AAEF,KAAK,kBAAkB,GAAG,eAAe,CAAC,OAAO,SAAS,CAAC,CAAA;AAE3D,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,eAAe,CAAC;QACxB,UAAU,aAAc,SAAQ,kBAAkB;SAAG;KACtD;CACF"}

package/build/screens/conversation_filters/components/conversation_filters.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const ConversationFilters: () => React.JSX.Element;
+//# sourceMappingURL=conversation_filters.d.ts.map

package/build/screens/conversation_filters/components/conversation_filters.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"conversation_filters.d.ts","sourceRoot":"","sources":["../../../../src/screens/conversation_filters/components/conversation_filters.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAA;AAmDlD,eAAO,MAAM,mBAAmB,yBAgH/B,CAAA"}

package/build/screens/conversation_filters/components/conversation_filters.js

@@ -0,0 +1,173 @@
+import React, { useContext, useMemo } from 'react';
+import { FlatList, StyleSheet, View } from 'react-native';
+import { useSafeAreaInsets } from 'react-native-safe-area-context';
+import { Heading } from '../../../components';
+import { useTheme } from '../../../hooks';
+import { FilterContext } from '../context/conversation_filter_context';
+import { FilterTypes } from '../filter_types';
+import { useGroupsToFilter, useTeamsToFilter } from '../hooks/filters';
+import { FilterRow, GroupRow, TeamRow, ViewMore, } from './rows';
+// =========================================
+// ====== Factory Constants & Types ========
+// =========================================
+var SectionTypes;
+(function (SectionTypes) {
+    SectionTypes[SectionTypes["filter"] = 0] = "filter";
+    SectionTypes[SectionTypes["groups"] = 1] = "groups";
+    SectionTypes[SectionTypes["header"] = 2] = "header";
+    SectionTypes[SectionTypes["hidden"] = 3] = "hidden";
+    SectionTypes[SectionTypes["more"] = 4] = "more";
+    SectionTypes[SectionTypes["teams"] = 5] = "teams";
+})(SectionTypes || (SectionTypes = {}));
+// =================================
+// ====== Components ===============
+// =================================
+export const ConversationFilters = () => {
+    const styles = useStyles();
+    const { setScrollOffset, params } = useContext(FilterContext);
+    const { chat_group_graph_id, group_source_app_name = '' } = params;
+    const activeFilter = useMemo(() => {
+        if (chat_group_graph_id) {
+            return FilterTypes.More;
+        }
+        else if (/groups/i.test(group_source_app_name)) {
+            return FilterTypes.Groups;
+        }
+        else if (/services/i.test(group_source_app_name)) {
+            return FilterTypes.Teams;
+        }
+        return FilterTypes.All;
+    }, [chat_group_graph_id, group_source_app_name]);
+    const { groups = [] } = useGroupsToFilter();
+    const { teams = [] } = useTeamsToFilter();
+    const activeGroupId = chat_group_graph_id;
+    const isExactGroupFilter = activeFilter === FilterTypes.More;
+    const teamItems = teams.map(team => ({
+        type: SectionTypes.teams,
+        data: {
+            team,
+            isActive: isExactGroupFilter && team.id.toString() === activeGroupId,
+        },
+    }));
+    const groupItems = groups.map(group => ({
+        type: SectionTypes.groups,
+        data: {
+            group,
+            isActive: isExactGroupFilter && group?.id.toString() === activeGroupId,
+        },
+    }));
+    const groupItemData = selectActiveWithFirst(5)(groupItems);
+    const teamItemData = selectActiveWithFirst(5)(teamItems);
+    const hideAppFilters = groupItems.length < 1 || teamItems.length < 1;
+    const listData = [
+        {
+            type: hideAppFilters ? SectionTypes.hidden : SectionTypes.header,
+            data: { title: 'General Filters' },
+        },
+        {
+            type: hideAppFilters ? SectionTypes.hidden : SectionTypes.filter,
+            data: { filter: FilterTypes.All, isActive: activeFilter === FilterTypes.All },
+        },
+        {
+            type: hideAppFilters ? SectionTypes.hidden : SectionTypes.filter,
+            data: {
+                filter: FilterTypes.Groups,
+                group_source_app_name: 'groups',
+                isActive: activeFilter === FilterTypes.Groups,
+            },
+        },
+        {
+            type: hideAppFilters ? SectionTypes.hidden : SectionTypes.filter,
+            data: {
+                filter: FilterTypes.Teams,
+                group_source_app_name: 'services',
+                isActive: activeFilter === FilterTypes.Teams,
+            },
+        },
+        {
+            type: groupItems.length ? SectionTypes.header : SectionTypes.hidden,
+            data: { title: 'Groups' },
+        },
+        ...groupItemData,
+        {
+            type: groupItems.length > 5 ? SectionTypes.more : SectionTypes.hidden,
+            data: { routeName: 'GroupFilters' },
+        },
+        {
+            type: teamItems.length ? SectionTypes.header : SectionTypes.hidden,
+            data: { title: 'Teams' },
+        },
+        ...teamItemData,
+        {
+            type: teamItems.length > 5 ? SectionTypes.more : SectionTypes.hidden,
+            data: { routeName: 'TeamFilters' },
+        },
+    ];
+    return (<FlatList data={listData} contentContainerStyle={styles.flatlistContainer} nestedScrollEnabled={true} onScroll={e => setScrollOffset(e.nativeEvent.contentOffset.y)} renderItem={({ item }) => {
+            switch (item.type) {
+                case SectionTypes.header:
+                    return <Header {...item.data}/>;
+                case SectionTypes.filter:
+                    return <FilterRow {...item.data}/>;
+                case SectionTypes.groups:
+                    return <GroupRow {...item.data}/>;
+                case SectionTypes.teams:
+                    return <TeamRow {...item.data}/>;
+                case SectionTypes.more:
+                    return <ViewMore {...item.data}/>;
+                default:
+                    return null;
+            }
+        }}/>);
+};
+const useStyles = () => {
+    const { bottom } = useSafeAreaInsets();
+    const theme = useTheme();
+    return StyleSheet.create({
+        flatlistContainer: {
+            paddingBottom: 64 + bottom,
+        },
+        section: {},
+        sectionHeader: {
+            flexDirection: 'row',
+            justifyContent: 'space-between',
+            paddingTop: 24,
+            paddingBottom: 8,
+            paddingHorizontal: 16,
+        },
+        selectTeamsButton: {},
+        filterBar: {
+            backgroundColor: theme.colors.fillColorNeutral100Inverted,
+            flexDirection: 'row',
+            justifyContent: 'space-between',
+            alignItems: 'center',
+            paddingHorizontal: 16,
+            paddingVertical: 16,
+            gap: 8,
+        },
+        filterBarScroll: {
+            elevation: 4,
+            boxShadow: '0px 4px 4px rgba(0, 0, 0, 0.1)',
+        },
+        filterBarActions: {
+            flexDirection: 'row',
+            gap: 8,
+            alignItems: 'center',
+        },
+    });
+};
+const Header = ({ title }) => {
+    const styles = useStyles();
+    return (<View style={styles.sectionHeader}>
+      <Heading variant="h3">{title}</Heading>
+    </View>);
+};
+const selectActiveWithFirst = (number) => (groups) => {
+    const activeGroupIndex = groups.findIndex(group => group.data.isActive);
+    const activeGroup = groups[activeGroupIndex];
+    if (!activeGroup || activeGroupIndex <= number) {
+        return groups.slice(0, number);
+    }
+    return [activeGroup, ...groups].slice(0, number);
+};
+//# sourceMappingURL=conversation_filters.js.map

package/build/screens/conversation_filters/components/conversation_filters.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"conversation_filters.js","sourceRoot":"","sources":["../../../../src/screens/conversation_filters/components/conversation_filters.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useContext, useMemo } from 'react'\nimport { FlatList, RefreshControl, StyleSheet, View, ViewStyle } from 'react-native'\nimport { useSafeAreaInsets } from 'react-native-safe-area-context'\nimport { Heading } from '../../../components'\nimport { useTheme } from '../../../hooks'\nimport { FilterContext } from '../context/conversation_filter_context'\nimport { FilterTypes } from '../filter_types'\nimport { useGroupsToFilter, useTeamsToFilter } from '../hooks/filters'\nimport {\n  FilterProps,\n  FilterRow,\n  GroupRow,\n  GroupRowProps,\n  TeamRow,\n  TeamRowProps,\n  ViewMore,\n  ViewMoreRowProps,\n} from './rows'\n\n// =========================================\n// ====== Factory Constants & Types ========\n// =========================================\n\nenum SectionTypes {\n  filter,\n  groups,\n  header,\n  hidden,\n  more,\n  teams,\n}\n\ntype SectionListData = Array<\n  | DataItem<FilterProps, SectionTypes.filter>\n  | DataItem<GroupRowProps, SectionTypes.groups>\n  | DataItem<HeaderProps, SectionTypes.header>\n  | DataItem<any, SectionTypes.hidden>\n  | DataItem<ViewMoreRowProps, SectionTypes.more>\n  | DataItem<TeamRowProps, SectionTypes.teams>\n>\n\ninterface DataItem<T, TName extends SectionTypes> {\n  type: TName\n  data: T\n  sectionStyle?: ViewStyle\n}\n\n// =================================\n// ====== Components ===============\n// =================================\n\nexport const ConversationFilters = () => {\n  const styles = useStyles()\n  const { setScrollOffset, params } = useContext(FilterContext)\n  const { chat_group_graph_id, group_source_app_name = '' } = params\n\n  const activeFilter: FilterTypes = useMemo(() => {\n    if (chat_group_graph_id) {\n      return FilterTypes.More\n    } else if (/groups/i.test(group_source_app_name)) {\n      return FilterTypes.Groups\n    } else if (/services/i.test(group_source_app_name)) {\n      return FilterTypes.Teams\n    }\n\n    return FilterTypes.All\n  }, [chat_group_graph_id, group_source_app_name])\n\n  const { groups = [] } = useGroupsToFilter()\n  const { teams = [] } = useTeamsToFilter()\n\n  const activeGroupId = chat_group_graph_id\n  const isExactGroupFilter = activeFilter === FilterTypes.More\n\n  const teamItems: DataItem<TeamRowProps, SectionTypes.teams>[] = teams.map(team => ({\n    type: SectionTypes.teams,\n    data: {\n      team,\n      isActive: isExactGroupFilter && team.id.toString() === activeGroupId,\n    },\n  }))\n\n  const groupItems: DataItem<GroupRowProps, SectionTypes.groups>[] = groups.map(group => ({\n    type: SectionTypes.groups,\n    data: {\n      group,\n      isActive: isExactGroupFilter && group?.id.toString() === activeGroupId,\n    },\n  }))\n  const groupItemData = selectActiveWithFirst(5)(groupItems)\n  const teamItemData = selectActiveWithFirst(5)(teamItems)\n\n  const hideAppFilters = groupItems.length < 1 || teamItems.length < 1\n\n  const listData: SectionListData = [\n    {\n      type: hideAppFilters ? SectionTypes.hidden : SectionTypes.header,\n      data: { title: 'General Filters' },\n    },\n    {\n      type: hideAppFilters ? SectionTypes.hidden : SectionTypes.filter,\n      data: { filter: FilterTypes.All, isActive: activeFilter === FilterTypes.All },\n    },\n    {\n      type: hideAppFilters ? SectionTypes.hidden : SectionTypes.filter,\n      data: {\n        filter: FilterTypes.Groups,\n        group_source_app_name: 'groups',\n        isActive: activeFilter === FilterTypes.Groups,\n      },\n    },\n    {\n      type: hideAppFilters ? SectionTypes.hidden : SectionTypes.filter,\n      data: {\n        filter: FilterTypes.Teams,\n        group_source_app_name: 'services',\n        isActive: activeFilter === FilterTypes.Teams,\n      },\n    },\n    {\n      type: groupItems.length ? SectionTypes.header : SectionTypes.hidden,\n      data: { title: 'Groups' },\n    },\n    ...groupItemData,\n    {\n      type: groupItems.length > 5 ? SectionTypes.more : SectionTypes.hidden,\n      data: { routeName: 'GroupFilters' },\n    },\n    {\n      type: teamItems.length ? SectionTypes.header : SectionTypes.hidden,\n      data: { title: 'Teams' },\n    },\n    ...teamItemData,\n    {\n      type: teamItems.length > 5 ? SectionTypes.more : SectionTypes.hidden,\n      data: { routeName: 'TeamFilters' },\n    },\n  ]\n\n  return (\n    <FlatList\n      data={listData}\n      contentContainerStyle={styles.flatlistContainer}\n      nestedScrollEnabled={true}\n      onScroll={e => setScrollOffset(e.nativeEvent.contentOffset.y)}\n      renderItem={({ item }) => {\n        switch (item.type) {\n          case SectionTypes.header:\n            return <Header {...item.data} />\n          case SectionTypes.filter:\n            return <FilterRow {...item.data} />\n          case SectionTypes.groups:\n            return <GroupRow {...item.data} />\n          case SectionTypes.teams:\n            return <TeamRow {...item.data} />\n          case SectionTypes.more:\n            return <ViewMore {...item.data} />\n          default:\n            return null\n        }\n      }}\n    />\n  )\n}\n\nconst useStyles = () => {\n  const { bottom } = useSafeAreaInsets()\n  const theme = useTheme()\n\n  return StyleSheet.create({\n    flatlistContainer: {\n      paddingBottom: 64 + bottom,\n    },\n    section: {},\n    sectionHeader: {\n      flexDirection: 'row',\n      justifyContent: 'space-between',\n      paddingTop: 24,\n      paddingBottom: 8,\n      paddingHorizontal: 16,\n    },\n    selectTeamsButton: {},\n    filterBar: {\n      backgroundColor: theme.colors.fillColorNeutral100Inverted,\n      flexDirection: 'row',\n      justifyContent: 'space-between',\n      alignItems: 'center',\n      paddingHorizontal: 16,\n      paddingVertical: 16,\n      gap: 8,\n    },\n    filterBarScroll: {\n      elevation: 4,\n      boxShadow: '0px 4px 4px rgba(0, 0, 0, 0.1)',\n    },\n    filterBarActions: {\n      flexDirection: 'row',\n      gap: 8,\n      alignItems: 'center',\n    },\n  })\n}\n\ntype HeaderProps = {\n  title: string\n}\n\nconst Header = ({ title }: HeaderProps) => {\n  const styles = useStyles()\n\n  return (\n    <View style={styles.sectionHeader}>\n      <Heading variant=\"h3\">{title}</Heading>\n    </View>\n  )\n}\n\ntype GroupSectionType =\n  | DataItem<TeamRowProps, SectionTypes.teams>\n  | DataItem<GroupRowProps, SectionTypes.groups>\n\nconst selectActiveWithFirst =\n  (number: number) =>\n  <T extends GroupSectionType>(groups: T[]): T[] => {\n    const activeGroupIndex = groups.findIndex(group => group.data.isActive)\n    const activeGroup = groups[activeGroupIndex]\n\n    if (!activeGroup || activeGroupIndex <= number) {\n      return groups.slice(0, number)\n    }\n\n    return [activeGroup, ...groups].slice(0, number)\n  }\n"]}

package/build/screens/conversation_filters/components/rows.d.ts

@@ -0,0 +1,31 @@
+import React, { PropsWithChildren } from 'react';
+import { ViewStyle } from 'react-native';
+import { GroupResource } from '../../../types/resources/group_resource';
+import { FilterTypes } from '../filter_types';
+import { FilteredGroup } from '../hooks/filters';
+import { ConversationFilterStackParamList } from '../screen_props';
+export type FilterProps = {
+    group_source_app_name?: string;
+    isActive: boolean;
+    filter: FilterTypes;
+};
+export declare const FilterRow: ({ group_source_app_name, isActive, filter }: FilterProps) => React.JSX.Element;
+export type GroupRowProps = {
+    group: FilteredGroup;
+    isActive: boolean;
+};
+export declare const GroupRow: ({ group, isActive }: GroupRowProps) => React.JSX.Element;
+export type TeamRowProps = {
+    team: GroupResource;
+    isActive: boolean;
+};
+export declare const TeamRow: ({ team }: TeamRowProps) => React.JSX.Element;
+export type ViewMoreRowProps = {
+    routeName: keyof ConversationFilterStackParamList;
+};
+export declare const ViewMore: ({ routeName }: ViewMoreRowProps) => React.JSX.Element;
+export declare const PressableRow: ({ children, onPress, style, }: PropsWithChildren<{
+    onPress: () => void;
+    style?: ViewStyle;
+}>) => React.JSX.Element;
+//# sourceMappingURL=rows.d.ts.map

package/build/screens/conversation_filters/components/rows.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"rows.d.ts","sourceRoot":"","sources":["../../../../src/screens/conversation_filters/components/rows.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,iBAAiB,EAAc,MAAM,OAAO,CAAA;AAC5D,OAAO,EAAoB,SAAS,EAAE,MAAM,cAAc,CAAA;AAI1D,OAAO,EAAE,aAAa,EAAE,MAAM,yCAAyC,CAAA;AAEvE,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAC7C,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAChD,OAAO,EAAE,gCAAgC,EAAE,MAAM,iBAAiB,CAAA;AAElE,MAAM,MAAM,WAAW,GAAG;IAAE,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,OAAO,CAAC;IAAC,MAAM,EAAE,WAAW,CAAA;CAAE,CAAA;AAEpG,eAAO,MAAM,SAAS,gDAAiD,WAAW,sBAUjF,CAAA;AAED,MAAM,MAAM,aAAa,GAAG;IAC1B,KAAK,EAAE,aAAa,CAAA;IACpB,QAAQ,EAAE,OAAO,CAAA;CAClB,CAAA;AAED,eAAO,MAAM,QAAQ,wBAAyB,aAAa,sBA6B1D,CAAA;AAED,MAAM,MAAM,YAAY,GAAG;IACzB,IAAI,EAAE,aAAa,CAAA;IACnB,QAAQ,EAAE,OAAO,CAAA;CAClB,CAAA;AAED,eAAO,MAAM,OAAO,aAAc,YAAY,sBA0B7C,CAAA;AAED,MAAM,MAAM,gBAAgB,GAAG;IAAE,SAAS,EAAE,MAAM,gCAAgC,CAAA;CAAE,CAAA;AAEpF,eAAO,MAAM,QAAQ,kBAAmB,gBAAgB,sBASvD,CAAA;AAED,eAAO,MAAM,YAAY,kCAItB,iBAAiB,CAAC;IAAE,OAAO,EAAE,MAAM,IAAI,CAAC;IAAC,KAAK,CAAC,EAAE,SAAS,CAAA;CAAE,CAAC,sBAO/D,CAAA"}

package/build/screens/conversation_filters/components/rows.js

@@ -0,0 +1,111 @@
+import { PlatformPressable } from '@react-navigation/elements';
+import { useNavigation } from '@react-navigation/native';
+import React, { useContext } from 'react';
+import { StyleSheet, View } from 'react-native';
+import { Heading, Icon, Image, Text, TextButton } from '../../../components';
+import { useTheme } from '../../../hooks';
+import { useServicesTeamsMap } from '../../../hooks/use_services_team';
+import { FilterContext } from '../context/conversation_filter_context';
+export const FilterRow = ({ group_source_app_name, isActive, filter }) => {
+    const styles = useRowStyles();
+    const { setAppFilter } = useContext(FilterContext);
+    return (<PressableRow style={styles.row} onPress={() => setAppFilter({ group_source_app_name })}>
+      <Text>{filter}</Text>
+      {isActive ? <Icon name="general.check" size={16} style={styles.rowIconRight}/> : null}
+    </PressableRow>);
+};
+export const GroupRow = ({ group, isActive }) => {
+    const styles = useRowStyles();
+    const { setGroupFilter } = useContext(FilterContext);
+    const handleFilterByGroup = () => {
+        setGroupFilter({ chat_group_graph_id: group.id });
+    };
+    const { headerImage, membershipsCount } = group;
+    return (<PressableRow style={styles.row} onPress={handleFilterByGroup}>
+      {headerImage?.thumbnail && (<Image source={{ uri: headerImage?.thumbnail }} resizeMode="cover" style={styles.rowImage} alt={`Image for ${group.name}`}/>)}
+      <View>
+        <Heading variant="h3" style={styles.rowTitle}>
+          {group.name}
+        </Heading>
+        {membershipsCount && <Text>{group.membershipsCount} members</Text>}
+      </View>
+      {isActive ? <Icon name="general.check" size={16} style={styles.rowIconRight}/> : null}
+    </PressableRow>);
+};
+export const TeamRow = ({ team }) => {
+    const styles = useRowStyles();
+    const { setGroupFilter } = useContext(FilterContext);
+    const servicesTeams = useServicesTeamsMap();
+    const { params } = useContext(FilterContext);
+    const { chat_group_graph_id } = params;
+    const isActive = chat_group_graph_id === team.id.toString();
+    const handleFilterByGroup = () => {
+        setGroupFilter({ chat_group_graph_id: team.id });
+    };
+    const servicesTeam = servicesTeams[team.id];
+    const serviceTypeName = servicesTeam?.serviceTypeName || servicesTeam?.group;
+    return (<PressableRow style={styles.row} onPress={handleFilterByGroup}>
+      <View>
+        <Heading variant="h3" style={styles.rowTitle}>
+          {team.name}
+        </Heading>
+        <Text>{serviceTypeName}</Text>
+      </View>
+      {isActive ? <Icon name="general.check" size={16} style={styles.rowIconRight}/> : null}
+    </PressableRow>);
+};
+export const ViewMore = ({ routeName }) => {
+    const styles = useRowStyles();
+    const navigation = useNavigation();
+    return (<View style={[styles.borderLessRow]}>
+      <TextButton onPress={() => navigation.navigate(routeName, {})}>View more</TextButton>
+    </View>);
+};
+export const PressableRow = ({ children, onPress, style, }) => {
+    const styles = useRowStyles();
+    return (<PlatformPressable style={styles.container} onPress={onPress}>
+      <View style={[styles.innerContainer, style]}>{children}</View>
+    </PlatformPressable>);
+};
+const ASPECT_RATIO = 16 / 9;
+const THUMBNAIL_WIDTH = 80;
+const THUMBNAIL_HEIGHT = THUMBNAIL_WIDTH / ASPECT_RATIO;
+const useRowStyles = () => {
+    const theme = useTheme();
+    return StyleSheet.create({
+        container: {
+            paddingLeft: 16,
+        },
+        innerContainer: {
+            flexDirection: 'row',
+            alignItems: 'center',
+            gap: 12,
+            borderBottomWidth: 1,
+            borderBottomColor: theme.colors.fillColorNeutral050Base,
+            paddingVertical: 12,
+            paddingRight: 16,
+        },
+        borderLessRow: {
+            flexDirection: 'row',
+            alignItems: 'center',
+            gap: 12,
+            paddingVertical: 12,
+            paddingRight: 16,
+            paddingLeft: 16,
+        },
+        row: {},
+        rowImage: {
+            width: THUMBNAIL_WIDTH,
+            height: THUMBNAIL_HEIGHT,
+            borderRadius: 4,
+        },
+        rowIconRight: {
+            marginLeft: 'auto',
+            color: theme.colors.statusSuccessIcon,
+        },
+        rowTitle: {
+            fontSize: 16,
+        },
+    });
+};
+//# sourceMappingURL=rows.js.map

package/build/screens/conversation_filters/components/rows.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rows.js","sourceRoot":"","sources":["../../../../src/screens/conversation_filters/components/rows.tsx"],"names":[],"mappings":"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","sourcesContent":["import { PlatformPressable } from '@react-navigation/elements'\nimport { NavigationProp, useNavigation } from '@react-navigation/native'\nimport React, { PropsWithChildren, useContext } from 'react'\nimport { StyleSheet, View, ViewStyle } from 'react-native'\nimport { Heading, Icon, Image, Text, TextButton } from '../../../components'\nimport { useTheme } from '../../../hooks'\nimport { useServicesTeamsMap } from '../../../hooks/use_services_team'\nimport { GroupResource } from '../../../types/resources/group_resource'\nimport { FilterContext } from '../context/conversation_filter_context'\nimport { FilterTypes } from '../filter_types'\nimport { FilteredGroup } from '../hooks/filters'\nimport { ConversationFilterStackParamList } from '../screen_props'\n\nexport type FilterProps = { group_source_app_name?: string; isActive: boolean; filter: FilterTypes }\n\nexport const FilterRow = ({ group_source_app_name, isActive, filter }: FilterProps) => {\n  const styles = useRowStyles()\n  const { setAppFilter } = useContext(FilterContext)\n\n  return (\n    <PressableRow style={styles.row} onPress={() => setAppFilter({ group_source_app_name })}>\n      <Text>{filter}</Text>\n      {isActive ? <Icon name=\"general.check\" size={16} style={styles.rowIconRight} /> : null}\n    </PressableRow>\n  )\n}\n\nexport type GroupRowProps = {\n  group: FilteredGroup\n  isActive: boolean\n}\n\nexport const GroupRow = ({ group, isActive }: GroupRowProps) => {\n  const styles = useRowStyles()\n  const { setGroupFilter } = useContext(FilterContext)\n\n  const handleFilterByGroup = () => {\n    setGroupFilter({ chat_group_graph_id: group.id })\n  }\n\n  const { headerImage, membershipsCount } = group\n\n  return (\n    <PressableRow style={styles.row} onPress={handleFilterByGroup}>\n      {headerImage?.thumbnail && (\n        <Image\n          source={{ uri: headerImage?.thumbnail }}\n          resizeMode=\"cover\"\n          style={styles.rowImage}\n          alt={`Image for ${group.name}`}\n        />\n      )}\n      <View>\n        <Heading variant=\"h3\" style={styles.rowTitle}>\n          {group.name}\n        </Heading>\n        {membershipsCount && <Text>{group.membershipsCount} members</Text>}\n      </View>\n      {isActive ? <Icon name=\"general.check\" size={16} style={styles.rowIconRight} /> : null}\n    </PressableRow>\n  )\n}\n\nexport type TeamRowProps = {\n  team: GroupResource\n  isActive: boolean\n}\n\nexport const TeamRow = ({ team }: TeamRowProps) => {\n  const styles = useRowStyles()\n  const { setGroupFilter } = useContext(FilterContext)\n  const servicesTeams = useServicesTeamsMap()\n  const { params } = useContext(FilterContext)\n  const { chat_group_graph_id } = params\n  const isActive = chat_group_graph_id === team.id.toString()\n\n  const handleFilterByGroup = () => {\n    setGroupFilter({ chat_group_graph_id: team.id })\n  }\n\n  const servicesTeam = servicesTeams[team.id]\n  const serviceTypeName = servicesTeam?.serviceTypeName || servicesTeam?.group\n\n  return (\n    <PressableRow style={styles.row} onPress={handleFilterByGroup}>\n      <View>\n        <Heading variant=\"h3\" style={styles.rowTitle}>\n          {team.name}\n        </Heading>\n        <Text>{serviceTypeName}</Text>\n      </View>\n      {isActive ? <Icon name=\"general.check\" size={16} style={styles.rowIconRight} /> : null}\n    </PressableRow>\n  )\n}\n\nexport type ViewMoreRowProps = { routeName: keyof ConversationFilterStackParamList }\n\nexport const ViewMore = ({ routeName }: ViewMoreRowProps) => {\n  const styles = useRowStyles()\n  const navigation = useNavigation<NavigationProp<ConversationFilterStackParamList, 'Filters'>>()\n\n  return (\n    <View style={[styles.borderLessRow]}>\n      <TextButton onPress={() => navigation.navigate(routeName, {})}>View more</TextButton>\n    </View>\n  )\n}\n\nexport const PressableRow = ({\n  children,\n  onPress,\n  style,\n}: PropsWithChildren<{ onPress: () => void; style?: ViewStyle }>) => {\n  const styles = useRowStyles()\n  return (\n    <PlatformPressable style={styles.container} onPress={onPress}>\n      <View style={[styles.innerContainer, style]}>{children}</View>\n    </PlatformPressable>\n  )\n}\n\nconst ASPECT_RATIO = 16 / 9\nconst THUMBNAIL_WIDTH = 80\nconst THUMBNAIL_HEIGHT = THUMBNAIL_WIDTH / ASPECT_RATIO\n\nconst useRowStyles = () => {\n  const theme = useTheme()\n  return StyleSheet.create({\n    container: {\n      paddingLeft: 16,\n    },\n    innerContainer: {\n      flexDirection: 'row',\n      alignItems: 'center',\n      gap: 12,\n      borderBottomWidth: 1,\n      borderBottomColor: theme.colors.fillColorNeutral050Base,\n      paddingVertical: 12,\n      paddingRight: 16,\n    },\n    borderLessRow: {\n      flexDirection: 'row',\n      alignItems: 'center',\n      gap: 12,\n      paddingVertical: 12,\n      paddingRight: 16,\n      paddingLeft: 16,\n    },\n    row: {},\n    rowImage: {\n      width: THUMBNAIL_WIDTH,\n      height: THUMBNAIL_HEIGHT,\n      borderRadius: 4,\n    },\n    rowIconRight: {\n      marginLeft: 'auto',\n      color: theme.colors.statusSuccessIcon,\n    },\n    rowTitle: {\n      fontSize: 16,\n    },\n  })\n}\n"]}

package/build/screens/conversation_filters/context/conversation_filter_context.d.ts

@@ -0,0 +1,23 @@
+import React from 'react';
+import { PropsWithChildren } from 'react';
+import { ConversationFiltersParams } from '../screen_props';
+export declare const FilterContext: React.Context<{
+    params: ConversationFiltersParams;
+    scrollOffset: number;
+    setScrollOffset: (offset: number) => void;
+    resetFilter: () => void;
+    setGroupFilter: (params: ConversationFiltersParams) => void;
+    setAppFilter: (params: ConversationFiltersParams) => void;
+    applyFilters: (params: ConversationFiltersParams) => void;
+}>;
+export declare const FilterProvider: ({ children }: PropsWithChildren) => React.JSX.Element;
+export declare const useFilterContext: () => {
+    params: ConversationFiltersParams;
+    scrollOffset: number;
+    setScrollOffset: (offset: number) => void;
+    resetFilter: () => void;
+    setGroupFilter: (params: ConversationFiltersParams) => void;
+    setAppFilter: (params: ConversationFiltersParams) => void;
+    applyFilters: (params: ConversationFiltersParams) => void;
+};
+//# sourceMappingURL=conversation_filter_context.d.ts.map

package/build/screens/conversation_filters/context/conversation_filter_context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"conversation_filter_context.d.ts","sourceRoot":"","sources":["../../../../src/screens/conversation_filters/context/conversation_filter_context.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAiB,iBAAiB,EAAY,MAAM,OAAO,CAAA;AAClE,OAAO,EAAE,yBAAyB,EAAkC,MAAM,iBAAiB,CAAA;AAG3F,eAAO,MAAM,aAAa;YAChB,yBAAyB;kBACnB,MAAM;qBACH,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI;iBAC5B,MAAM,IAAI;oBACP,CAAC,MAAM,EAAE,yBAAyB,KAAK,IAAI;kBAC7C,CAAC,MAAM,EAAE,yBAAyB,KAAK,IAAI;kBAC3C,CAAC,MAAM,EAAE,yBAAyB,KAAK,IAAI;EAYzD,CAAA;AAEF,eAAO,MAAM,cAAc,iBAAkB,iBAAiB,sBAkC7D,CAAA;AAED,eAAO,MAAM,gBAAgB;YAxDnB,yBAAyB;kBACnB,MAAM;qBACH,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI;iBAC5B,MAAM,IAAI;oBACP,CAAC,MAAM,EAAE,yBAAyB,KAAK,IAAI;kBAC7C,CAAC,MAAM,EAAE,yBAAyB,KAAK,IAAI;kBAC3C,CAAC,MAAM,EAAE,yBAAyB,KAAK,IAAI;CAoD1D,CAAA"}

package/build/screens/conversation_filters/context/conversation_filter_context.js

@@ -0,0 +1,51 @@
+import React from 'react';
+import { createContext, useState } from 'react';
+import { StackActions, useNavigation, useRoute } from '@react-navigation/native';
+export const FilterContext = createContext({
+    params: {
+        chat_group_graph_id: undefined,
+        group_source_app_name: undefined,
+    },
+    scrollOffset: 0,
+    setScrollOffset: () => { },
+    resetFilter: () => { },
+    setGroupFilter: () => { },
+    setAppFilter: () => { },
+    applyFilters: () => { },
+});
+export const FilterProvider = ({ children }) => {
+    const [scrollOffset, setScrollOffset] = useState(0);
+    const navigation = useNavigation();
+    const route = useRoute();
+    const filterContextValue = {
+        params: route.params,
+        scrollOffset,
+        setScrollOffset,
+        resetFilter: () => {
+            navigation.dispatch(StackActions.popTo('Conversations', {
+                chat_group_graph_id: undefined,
+                group_source_app_name: undefined,
+            }));
+        },
+        setGroupFilter: (params) => {
+            navigation.setParams({
+                chat_group_graph_id: params.chat_group_graph_id,
+                group_source_app_name: undefined,
+            });
+        },
+        setAppFilter: (params) => {
+            navigation.setParams({
+                chat_group_graph_id: undefined,
+                group_source_app_name: params.group_source_app_name,
+            });
+        },
+        applyFilters: (params) => {
+            navigation.dispatch(StackActions.popTo('Conversations', params));
+        },
+    };
+    return <FilterContext.Provider value={filterContextValue}>{children}</FilterContext.Provider>;
+};
+export const useFilterContext = () => {
+    return React.useContext(FilterContext);
+};
+//# sourceMappingURL=conversation_filter_context.js.map

package/build/screens/conversation_filters/context/conversation_filter_context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"conversation_filter_context.js","sourceRoot":"","sources":["../../../../src/screens/conversation_filters/context/conversation_filter_context.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,aAAa,EAAqB,QAAQ,EAAE,MAAM,OAAO,CAAA;AAElE,OAAO,EAAa,YAAY,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAA;AAE3F,MAAM,CAAC,MAAM,aAAa,GAAG,aAAa,CAQvC;IACD,MAAM,EAAE;QACN,mBAAmB,EAAE,SAAS;QAC9B,qBAAqB,EAAE,SAAS;KACjC;IACD,YAAY,EAAE,CAAC;IACf,eAAe,EAAE,GAAG,EAAE,GAAE,CAAC;IACzB,WAAW,EAAE,GAAG,EAAE,GAAE,CAAC;IACrB,cAAc,EAAE,GAAG,EAAE,GAAE,CAAC;IACxB,YAAY,EAAE,GAAG,EAAE,GAAE,CAAC;IACtB,YAAY,EAAE,GAAG,EAAE,GAAE,CAAC;CACvB,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAAE,QAAQ,EAAqB,EAAE,EAAE;IAChE,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAA;IACnD,MAAM,UAAU,GAAG,aAAa,EAAE,CAAA;IAClC,MAAM,KAAK,GAAG,QAAQ,EAAsD,CAAA;IAC5E,MAAM,kBAAkB,GAAG;QACzB,MAAM,EAAE,KAAK,CAAC,MAAM;QACpB,YAAY;QACZ,eAAe;QACf,WAAW,EAAE,GAAG,EAAE;YAChB,UAAU,CAAC,QAAQ,CACjB,YAAY,CAAC,KAAK,CAAC,eAAe,EAAE;gBAClC,mBAAmB,EAAE,SAAS;gBAC9B,qBAAqB,EAAE,SAAS;aACjC,CAAC,CACH,CAAA;QACH,CAAC;QACD,cAAc,EAAE,CAAC,MAAgE,EAAE,EAAE;YACnF,UAAU,CAAC,SAAS,CAAC;gBACnB,mBAAmB,EAAE,MAAM,CAAC,mBAAmB;gBAC/C,qBAAqB,EAAE,SAAS;aACjC,CAAC,CAAA;QACJ,CAAC;QACD,YAAY,EAAE,CAAC,MAA8D,EAAE,EAAE;YAC/E,UAAU,CAAC,SAAS,CAAC;gBACnB,mBAAmB,EAAE,SAAS;gBAC9B,qBAAqB,EAAE,MAAM,CAAC,qBAAqB;aACpD,CAAC,CAAA;QACJ,CAAC;QACD,YAAY,EAAE,CAAC,MAAiC,EAAE,EAAE;YAClD,UAAU,CAAC,QAAQ,CAAC,YAAY,CAAC,KAAK,CAAC,eAAe,EAAE,MAAM,CAAC,CAAC,CAAA;QAClE,CAAC;KACF,CAAA;IAED,OAAO,CAAC,aAAa,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,aAAa,CAAC,QAAQ,CAAC,CAAA;AAC/F,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,EAAE;IACnC,OAAO,KAAK,CAAC,UAAU,CAAC,aAAa,CAAC,CAAA;AACxC,CAAC,CAAA","sourcesContent":["import React from 'react'\nimport { createContext, PropsWithChildren, useState } from 'react'\nimport { ConversationFiltersParams, ConversationFiltersScreenProps } from '../screen_props'\nimport { RouteProp, StackActions, useNavigation, useRoute } from '@react-navigation/native'\n\nexport const FilterContext = createContext<{\n  params: ConversationFiltersParams\n  scrollOffset: number\n  setScrollOffset: (offset: number) => void\n  resetFilter: () => void\n  setGroupFilter: (params: ConversationFiltersParams) => void\n  setAppFilter: (params: ConversationFiltersParams) => void\n  applyFilters: (params: ConversationFiltersParams) => void\n}>({\n  params: {\n    chat_group_graph_id: undefined,\n    group_source_app_name: undefined,\n  },\n  scrollOffset: 0,\n  setScrollOffset: () => {},\n  resetFilter: () => {},\n  setGroupFilter: () => {},\n  setAppFilter: () => {},\n  applyFilters: () => {},\n})\n\nexport const FilterProvider = ({ children }: PropsWithChildren) => {\n  const [scrollOffset, setScrollOffset] = useState(0)\n  const navigation = useNavigation()\n  const route = useRoute<RouteProp<ConversationFiltersScreenProps['route']>>()\n  const filterContextValue = {\n    params: route.params,\n    scrollOffset,\n    setScrollOffset,\n    resetFilter: () => {\n      navigation.dispatch(\n        StackActions.popTo('Conversations', {\n          chat_group_graph_id: undefined,\n          group_source_app_name: undefined,\n        })\n      )\n    },\n    setGroupFilter: (params: Omit<ConversationFiltersParams, 'group_source_app_name'>) => {\n      navigation.setParams({\n        chat_group_graph_id: params.chat_group_graph_id,\n        group_source_app_name: undefined,\n      })\n    },\n    setAppFilter: (params: Omit<ConversationFiltersParams, 'chat_group_graph_id'>) => {\n      navigation.setParams({\n        chat_group_graph_id: undefined,\n        group_source_app_name: params.group_source_app_name,\n      })\n    },\n    applyFilters: (params: ConversationFiltersParams) => {\n      navigation.dispatch(StackActions.popTo('Conversations', params))\n    },\n  }\n\n  return <FilterContext.Provider value={filterContextValue}>{children}</FilterContext.Provider>\n}\n\nexport const useFilterContext = () => {\n  return React.useContext(FilterContext)\n}\n"]}

package/build/screens/conversation_filters/filter_types.d.ts

@@ -0,0 +1,7 @@
+export declare enum FilterTypes {
+    All = "All conversations",
+    Groups = "All my groups",
+    Teams = "All my teams and plans",
+    More = "More"
+}
+//# sourceMappingURL=filter_types.d.ts.map

package/build/screens/conversation_filters/filter_types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"filter_types.d.ts","sourceRoot":"","sources":["../../../src/screens/conversation_filters/filter_types.ts"],"names":[],"mappings":"AAAA,oBAAY,WAAW;IACrB,GAAG,sBAAsB;IACzB,MAAM,kBAAkB;IACxB,KAAK,2BAA2B;IAChC,IAAI,SAAS;CACd"}

package/build/screens/conversation_filters/filter_types.js

@@ -0,0 +1,8 @@
+export var FilterTypes;
+(function (FilterTypes) {
+    FilterTypes["All"] = "All conversations";
+    FilterTypes["Groups"] = "All my groups";
+    FilterTypes["Teams"] = "All my teams and plans";
+    FilterTypes["More"] = "More";
+})(FilterTypes || (FilterTypes = {}));
+//# sourceMappingURL=filter_types.js.map

package/build/screens/conversation_filters/filter_types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"filter_types.js","sourceRoot":"","sources":["../../../src/screens/conversation_filters/filter_types.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,WAKX;AALD,WAAY,WAAW;IACrB,wCAAyB,CAAA;IACzB,uCAAwB,CAAA;IACxB,+CAAgC,CAAA;IAChC,4BAAa,CAAA;AACf,CAAC,EALW,WAAW,KAAX,WAAW,QAKtB","sourcesContent":["export enum FilterTypes {\n  All = 'All conversations',\n  Groups = 'All my groups',\n  Teams = 'All my teams and plans',\n  More = 'More',\n}\n"]}

package/build/screens/conversation_filters/group_filters.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { ConversationFiltersParams } from './screen_props';
+import { StaticScreenProps } from '@react-navigation/native';
+export type GroupFiltersScreenProps = StaticScreenProps<ConversationFiltersParams>;
+export declare const GroupFilters: () => React.JSX.Element;
+//# sourceMappingURL=group_filters.d.ts.map

package/build/screens/conversation_filters/group_filters.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"group_filters.d.ts","sourceRoot":"","sources":["../../../src/screens/conversation_filters/group_filters.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,EAAE,yBAAyB,EAAE,MAAM,gBAAgB,CAAA;AAC1D,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAA;AAK5D,MAAM,MAAM,uBAAuB,GAAG,iBAAiB,CAAC,yBAAyB,CAAC,CAAA;AAElF,eAAO,MAAM,YAAY,yBAmBxB,CAAA"}

package/build/screens/conversation_filters/group_filters.js

@@ -0,0 +1,15 @@
+import React from 'react';
+import { FlatList, RefreshControl, View } from 'react-native';
+import { Text } from '../../components/display';
+import { useGroupsToFilter } from './hooks/filters';
+import { GroupRow } from './components/rows';
+import { useFilterContext } from './context/conversation_filter_context';
+export const GroupFilters = () => {
+    const { groups, fetchNextPage, isRefetching, refetch } = useGroupsToFilter();
+    const { params } = useFilterContext();
+    const { chat_group_graph_id } = params;
+    return (<View>
+      <FlatList data={groups} renderItem={({ item }) => (<GroupRow group={item} isActive={item?.id.toString() === chat_group_graph_id}/>)} ListEmptyComponent={<Text>No groups available</Text>} refreshing={isRefetching} refreshControl={<RefreshControl refreshing={isRefetching} onRefresh={refetch}/>} onEndReached={() => fetchNextPage()}/>
+    </View>);
+};
+//# sourceMappingURL=group_filters.js.map

package/build/screens/conversation_filters/group_filters.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"group_filters.js","sourceRoot":"","sources":["../../../src/screens/conversation_filters/group_filters.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAC7D,OAAO,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAA;AAG/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAA;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAC5C,OAAO,EAAE,gBAAgB,EAAE,MAAM,uCAAuC,CAAA;AAIxE,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,EAAE;IAC/B,MAAM,EAAE,MAAM,EAAE,aAAa,EAAE,YAAY,EAAE,OAAO,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAC5E,MAAM,EAAE,MAAM,EAAE,GAAG,gBAAgB,EAAE,CAAA;IACrC,MAAM,EAAE,mBAAmB,EAAE,GAAG,MAAM,CAAA;IAEtC,OAAO,CACL,CAAC,IAAI,CACH;MAAA,CAAC,QAAQ,CACP,IAAI,CAAC,CAAC,MAAM,CAAC,CACb,UAAU,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CACxB,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,QAAQ,EAAE,KAAK,mBAAmB,CAAC,EAAG,CACjF,CAAC,CACF,kBAAkB,CAAC,CAAC,CAAC,IAAI,CAAC,mBAAmB,EAAE,IAAI,CAAC,CAAC,CACrD,UAAU,CAAC,CAAC,YAAY,CAAC,CACzB,cAAc,CAAC,CAAC,CAAC,cAAc,CAAC,UAAU,CAAC,CAAC,YAAY,CAAC,CAAC,SAAS,CAAC,CAAC,OAAO,CAAC,EAAG,CAAC,CACjF,YAAY,CAAC,CAAC,GAAG,EAAE,CAAC,aAAa,EAAE,CAAC,EAExC;IAAA,EAAE,IAAI,CAAC,CACR,CAAA;AACH,CAAC,CAAA","sourcesContent":["import React from 'react'\nimport { FlatList, RefreshControl, View } from 'react-native'\nimport { Text } from '../../components/display'\nimport { ConversationFiltersParams } from './screen_props'\nimport { StaticScreenProps } from '@react-navigation/native'\nimport { useGroupsToFilter } from './hooks/filters'\nimport { GroupRow } from './components/rows'\nimport { useFilterContext } from './context/conversation_filter_context'\n\nexport type GroupFiltersScreenProps = StaticScreenProps<ConversationFiltersParams>\n\nexport const GroupFilters = () => {\n  const { groups, fetchNextPage, isRefetching, refetch } = useGroupsToFilter()\n  const { params } = useFilterContext()\n  const { chat_group_graph_id } = params\n\n  return (\n    <View>\n      <FlatList\n        data={groups}\n        renderItem={({ item }) => (\n          <GroupRow group={item} isActive={item?.id.toString() === chat_group_graph_id} />\n        )}\n        ListEmptyComponent={<Text>No groups available</Text>}\n        refreshing={isRefetching}\n        refreshControl={<RefreshControl refreshing={isRefetching} onRefresh={refetch} />}\n        onEndReached={() => fetchNextPage()}\n      />\n    </View>\n  )\n}\n"]}