@planningcenter/chat-react-native 3.15.0-rc.4 → 3.15.0-rc.6

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

@@ -1 +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/services/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({ isActive })\n  const { setAppFilter } = useContext(FilterContext)\n\n  return (\n    <PressableRow\n      style={styles.row}\n      onPress={() => setAppFilter({ group_source_app_name })}\n      isActive={isActive}\n    >\n      <Text>{filter}</Text>\n      <Icon\n        name=\"general.check\"\n        size={16}\n        style={styles.rowIconRight}\n        accessibilityElementsHidden\n      />\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({ isActive })\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} isActive={isActive}>\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 style={styles.rowContent}>\n        <Heading variant=\"h3\" style={styles.rowTitle}>\n          {group.name}\n        </Heading>\n        {membershipsCount && <Text>{group.membershipsCount} members</Text>}\n      </View>\n      <Icon\n        name=\"general.check\"\n        size={16}\n        style={styles.rowIconRight}\n        accessibilityElementsHidden\n      />\n    </PressableRow>\n  )\n}\n\nexport type TeamRowProps = {\n  team: GroupResource\n  isActive: boolean\n}\n\nexport const TeamRow = ({ team }: TeamRowProps) => {\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  const styles = useRowStyles({ isActive })\n\n  const handleFilterByGroup = () => {\n    setGroupFilter({ chat_group_graph_id: team.id })\n  }\n\n  const servicesTeam = servicesTeams[team.id]\n  const concatedServiceTypeNames = servicesTeam?.serviceTypeNames.join(', ')\n  const serviceTypeName = concatedServiceTypeNames || servicesTeam?.group\n\n  return (\n    <PressableRow style={styles.row} onPress={handleFilterByGroup} isActive={isActive}>\n      <View style={styles.rowContent}>\n        <Heading variant=\"h3\" style={styles.rowTitle}>\n          {team.name}\n        </Heading>\n        <Text numberOfLines={1}>{serviceTypeName}</Text>\n      </View>\n      <Icon\n        name=\"general.check\"\n        size={16}\n        style={styles.rowIconRight}\n        accessibilityElementsHidden\n      />\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, {})} style={styles.viewMoreButton}>\n        View more\n      </TextButton>\n    </View>\n  )\n}\n\nexport const PressableRow = ({\n  children,\n  isActive,\n  onPress,\n  style,\n}: PropsWithChildren<{ isActive: boolean; onPress: () => void; style?: ViewStyle }>) => {\n  const styles = useRowStyles()\n  return (\n    <PlatformPressable\n      style={styles.container}\n      onPress={onPress}\n      accessibilityRole=\"radio\"\n      accessibilityState={{ selected: isActive }}\n    >\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 = ({ isActive = false }: { isActive?: boolean } = {}) => {\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    viewMoreButton: {\n      flex: 1,\n    },\n    row: {},\n    rowImage: {\n      width: THUMBNAIL_WIDTH,\n      height: THUMBNAIL_HEIGHT,\n      borderRadius: 4,\n    },\n    rowContent: {\n      flexShrink: 1,\n    },\n    rowIconRight: {\n      marginLeft: 'auto',\n      color: theme.colors.statusSuccessIcon,\n      opacity: isActive ? 1 : 0,\n    },\n    rowTitle: {\n      fontSize: 16,\n      flexShrink: 1,\n    },\n  })\n}\n"]}
+{"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 {\n  useAtFontScaleBreakpoint,\n  useFontScale,\n  useScalableNumberOfLines,\n  useTheme,\n} from '../../../hooks'\nimport { useServicesTeamsMap } from '../../../hooks/services/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'\nimport { MAX_FONT_SIZE_MULTIPLIER, platformFontWeightBold } from '../../../utils/styles'\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 { setAppFilter } = useContext(FilterContext)\n\n  return (\n    <PressableRow onPress={() => setAppFilter({ group_source_app_name })} isActive={isActive}>\n      <Text>{filter}</Text>\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 onPress={handleFilterByGroup} isActive={isActive}>\n      {headerImage?.thumbnail && (\n        <Image\n          source={{ uri: headerImage?.thumbnail }}\n          resizeMode=\"cover\"\n          style={styles.rowImage}\n          alt=\"\"\n        />\n      )}\n      <View style={styles.rowTextContainer}>\n        <Heading variant=\"h3\" style={styles.rowTitle}>\n          {group.name}\n        </Heading>\n        {membershipsCount && (\n          <Text style={styles.rowSubtitle}>{group.membershipsCount} members</Text>\n        )}\n      </View>\n    </PressableRow>\n  )\n}\n\nexport type TeamRowProps = {\n  team: GroupResource\n  isActive: boolean\n}\n\nexport const TeamRow = ({ team }: TeamRowProps) => {\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  const styles = useRowStyles()\n  const scalableNumberOfLines = useScalableNumberOfLines()\n\n  const handleFilterByGroup = () => {\n    setGroupFilter({ chat_group_graph_id: team.id })\n  }\n\n  const servicesTeam = servicesTeams[team.id]\n  const concatedServiceTypeNames = servicesTeam?.serviceTypeNames.join(', ')\n  const serviceTypeName = concatedServiceTypeNames || servicesTeam?.group\n\n  return (\n    <PressableRow onPress={handleFilterByGroup} isActive={isActive}>\n      <View style={styles.rowTextContainer}>\n        <Heading variant=\"h3\" style={styles.rowTitle}>\n          {team.name}\n        </Heading>\n        <Text numberOfLines={scalableNumberOfLines} style={styles.rowSubtitle}>\n          {serviceTypeName}\n        </Text>\n      </View>\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.rowWithoutBorder]}>\n      <TextButton onPress={() => navigation.navigate(routeName, {})} style={styles.viewMoreButton}>\n        View more\n      </TextButton>\n    </View>\n  )\n}\n\nexport const PressableRow = ({\n  children,\n  isActive,\n  onPress,\n  style,\n}: PropsWithChildren<{ isActive: boolean; onPress: () => void; style?: ViewStyle }>) => {\n  const styles = useRowStyles({ isActive })\n  return (\n    <PlatformPressable\n      style={styles.pressable}\n      onPress={onPress}\n      accessibilityRole=\"radio\"\n      accessibilityState={{ selected: isActive }}\n    >\n      <View style={styles.row}>\n        <View style={[styles.rowInner, style]}>{children}</View>\n        <Icon\n          name=\"general.check\"\n          style={styles.rowIconRight}\n          accessibilityElementsHidden\n          maxFontSizeMultiplier={2.5}\n        />\n      </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 = ({ isActive = false }: { isActive?: boolean } = {}) => {\n  const theme = useTheme()\n  const fontScale = useFontScale({ maxFontSizeMultiplier: MAX_FONT_SIZE_MULTIPLIER })\n  const atFontScaleBreakpoint = useAtFontScaleBreakpoint()\n\n  return StyleSheet.create({\n    pressable: {\n      paddingLeft: 16,\n    },\n    row: {\n      flexDirection: 'row',\n      alignItems: 'center',\n      justifyContent: 'space-between',\n      gap: 12,\n      borderBottomWidth: 1,\n      borderBottomColor: atFontScaleBreakpoint\n        ? theme.colors.borderColorDefaultDark\n        : theme.colors.borderColorDefaultBase,\n      paddingVertical: 12,\n      paddingRight: 16,\n    },\n    rowInner: {\n      flexDirection: atFontScaleBreakpoint ? 'column' : 'row',\n      alignItems: atFontScaleBreakpoint ? 'flex-start' : 'center',\n      gap: 12,\n      flexShrink: 1,\n    },\n    rowTextContainer: {\n      flexShrink: 1,\n    },\n    rowWithoutBorder: {\n      flexDirection: 'row',\n      alignItems: 'center',\n      gap: 12,\n      paddingVertical: 12,\n      paddingRight: 16,\n      paddingLeft: 16,\n    },\n    viewMoreButton: {\n      flex: 1,\n    },\n    rowImage: {\n      width: THUMBNAIL_WIDTH * fontScale,\n      height: THUMBNAIL_HEIGHT * fontScale,\n      borderRadius: 4 * fontScale,\n    },\n    rowIconRight: {\n      fontSize: 16,\n      color: theme.colors.statusSuccessIcon,\n      opacity: isActive ? 1 : 0,\n    },\n    rowTitle: {\n      fontSize: 16,\n      flexShrink: 1,\n      fontWeight: atFontScaleBreakpoint ? 400 : platformFontWeightBold,\n    },\n    rowSubtitle: {\n      color: atFontScaleBreakpoint\n        ? theme.colors.textColorDefaultSecondary\n        : theme.colors.textColorDefaultPrimary,\n    },\n  })\n}\n"]}

package/build/utils/client/index.d.ts

@@ -1,2 +1,3 @@
 export * from './client';
+export * from './types';
 //# sourceMappingURL=index.d.ts.map

package/build/utils/client/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/utils/client/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/utils/client/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA"}

package/build/utils/client/index.js

@@ -1,2 +1,3 @@
 export * from './client';
+export * from './types';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/utils/client/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA","sourcesContent":["export * from './client'\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/utils/client/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA","sourcesContent":["export * from './client'\nexport * from './types'\n"]}

package/build/utils/client/types.d.ts

@@ -0,0 +1,61 @@
+export interface Accumulator {
+    data: Record<string, unknown>[];
+    included: Record<string, unknown>[];
+    meta: Record<string, unknown>;
+    links: Record<string, unknown>;
+}
+export interface WalkRequest extends GetRequest {
+    acc?: Accumulator;
+}
+export interface GenericRequest {
+    headers?: Record<string, string>;
+    url: string;
+}
+export interface GetRequest extends GenericRequest {
+    data: {
+        filter?: string;
+        fields: Record<string, string[]>;
+        where?: Record<string, string | number | (string | number)[]>;
+        include?: string[];
+        order?: string;
+        perPage?: number;
+        offset?: number;
+        walk?: boolean;
+    } & Record<string, unknown>;
+}
+export interface Relationship {
+    data: {
+        type: string;
+        id: string;
+    };
+}
+export type Relationships = Record<string, Relationship | Relationship[]>;
+export interface PostRequest extends GenericRequest {
+    data?: {
+        fields?: Record<string, string>;
+        include?: string[];
+        data?: {
+            type: string;
+            attributes: Record<string, unknown>;
+            relationships?: Relationships;
+        };
+    };
+}
+export type PatchRequest = PostRequest;
+export interface DeleteRequest extends GenericRequest {
+}
+export interface ApiClient<T = unknown> {
+    get(_request: GetRequest): Promise<T>;
+    post(_request: PostRequest): Promise<T>;
+    patch(_request: PatchRequest): Promise<T>;
+    delete(_request: DeleteRequest): Promise<T>;
+}
+export type RequestData = {
+    fields: Record<string, string[] | string>;
+    where: Record<string, string | number | (string | number)[]>;
+    include: string[];
+    data: Record<string, unknown>;
+    perPage: number;
+    offset: number;
+};
+//# sourceMappingURL=types.d.ts.map

package/build/utils/client/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/utils/client/types.ts"],"names":[],"mappings":"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"}

package/build/utils/client/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/utils/client/types.ts"],"names":[],"mappings":"","sourcesContent":["export interface Accumulator {\n  data: Record<string, unknown>[]\n  included: Record<string, unknown>[]\n  meta: Record<string, unknown>\n  links: Record<string, unknown>\n}\n\nexport interface WalkRequest extends GetRequest {\n  acc?: Accumulator\n}\n\nexport interface GenericRequest {\n  headers?: Record<string, string>\n  url: string\n}\n\nexport interface GetRequest extends GenericRequest {\n  data: {\n    filter?: string\n    fields: Record<string, string[]>\n    where?: Record<string, string | number | (string | number)[]>\n    include?: string[]\n    order?: string\n    perPage?: number\n    offset?: number\n    walk?: boolean\n  } & Record<string, unknown>\n}\n\nexport interface Relationship {\n  data: {\n    type: string\n    id: string\n  }\n}\n\nexport type Relationships = Record<string, Relationship | Relationship[]>\nexport interface PostRequest extends GenericRequest {\n  data?: {\n    fields?: Record<string, string> // value should be comma separated string\n    include?: string[]\n    data?: {\n      type: string\n      attributes: Record<string, unknown>\n      relationships?: Relationships\n    }\n  }\n}\n\nexport type PatchRequest = PostRequest\n\nexport interface DeleteRequest extends GenericRequest {}\n\nexport interface ApiClient<T = unknown> {\n  get(_request: GetRequest): Promise<T>\n  post(_request: PostRequest): Promise<T>\n  patch(_request: PatchRequest): Promise<T>\n  delete(_request: DeleteRequest): Promise<T>\n}\n\nexport type RequestData = {\n  fields: Record<string, string[] | string>\n  where: Record<string, string | number | (string | number)[]>\n  include: string[]\n  data: Record<string, unknown>\n  perPage: number\n  offset: number\n}\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@planningcenter/chat-react-native",
-  "version": "3.15.0-rc.4",
+  "version": "3.15.0-rc.6",
   "description": "",
   "main": "build/index.js",
   "types": "build/index.d.ts",
@@ -55,5 +55,5 @@
     "react-native-url-polyfill": "^2.0.0",
     "typescript": "<5.6.0"
   },
-  "gitHead": "8c158230bf24e10eae172cd23ed91a26bdb72607"
+  "gitHead": "c9061788178feeb893f4e54b88f2b515658061d7"
 }

package/src/components/display/index.ts

@@ -19,3 +19,4 @@ export * from './text_inline_button'
 export * from './text'
 export * from './toggle_button'
 export * from './keyboard_view'
+export * from './pressable_row'

package/src/components/display/pressable_row.tsx

@@ -0,0 +1,103 @@
+import { PlatformPressable } from '@react-navigation/elements'
+import { PropsWithChildren } from 'react'
+import { StyleSheet, View, ViewStyle } from 'react-native'
+import { useTheme } from '../../hooks'
+import { Icon, IconProps } from './icon'
+import { Text } from './text'
+
+export interface PressableRowProps extends PropsWithChildren {
+  isActive?: boolean
+  onPress: () => void
+  style?: ViewStyle
+  textStyle?: any
+  text: string
+  iconPath?: IconProps['name']
+  iconColor?: string
+}
+
+export const PressableRow = ({
+  children,
+  isActive,
+  onPress,
+  style,
+  text,
+  textStyle,
+  iconPath,
+  iconColor,
+}: PressableRowProps) => {
+  const styles = useRowStyles({ isActive, iconColor })
+
+  return (
+    <PlatformPressable
+      style={styles.container}
+      onPress={onPress}
+      accessibilityRole="radio"
+      accessibilityState={{ selected: isActive }}
+    >
+      <View style={[styles.innerContainer, style]}>
+        {children}
+        <Text style={textStyle}>{text}</Text>
+        <Icon
+          name={iconPath || 'general.check'}
+          size={16}
+          style={styles.rowIconRight}
+          accessibilityElementsHidden
+        />
+      </View>
+    </PlatformPressable>
+  )
+}
+
+const ASPECT_RATIO = 16 / 9
+const THUMBNAIL_WIDTH = 80
+const THUMBNAIL_HEIGHT = THUMBNAIL_WIDTH / ASPECT_RATIO
+
+const useRowStyles = ({
+  isActive = false,
+  iconColor,
+}: { isActive?: boolean; iconColor?: string } = {}) => {
+  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,
+    },
+    viewMoreButton: {
+      flex: 1,
+    },
+    row: {},
+    rowImage: {
+      width: THUMBNAIL_WIDTH,
+      height: THUMBNAIL_HEIGHT,
+      borderRadius: 4,
+    },
+    rowContent: {
+      flexShrink: 1,
+    },
+    rowIconRight: {
+      marginLeft: 'auto',
+      color: iconColor || theme.colors.iconColorDefaultDim,
+      opacity: isActive ? 1 : 0,
+    },
+    rowTitle: {
+      fontSize: 16,
+      flexShrink: 1,
+    },
+  })
+}

package/src/hooks/use_api.ts

@@ -5,7 +5,7 @@ import {
   useQuery,
 } from '@tanstack/react-query'
 import { ApiCollection, ApiError, ApiResource, ResourceObject } from '../types'
-import { GetRequest, RequestData } from '../utils/client/types'
+import { GetRequest, RequestData } from '../utils/client'
 import { App, useApiClient } from './use_api_client'
 import { getRequestQueryKey, RequestQueryKey } from './use_suspense_api'
 

package/src/hooks/use_api_client.ts

@@ -3,8 +3,8 @@ import { ChatContext } from '../contexts/chat_context'
 import { Client } from '../utils/client'
 import { Uri } from '../utils'
 
-export type App = 'chat' | 'groups' | 'services'
-const apps: App[] = ['chat', 'groups', 'services']
+export type App = 'chat' | 'groups' | 'services' | 'people'
+const apps: App[] = ['chat', 'groups', 'services', 'people']
 
 export type ApiClient = { [_K in App]: Client }
 

package/src/hooks/use_async_storage.ts

@@ -4,7 +4,7 @@ import { useCallback } from 'react'
 
 const cacheKeyGenerator = (key: string) => [`AsyncStorageResource:${key}`]
 
-type SetValue<TCacheData> = (_itemValue?: TCacheData | null) => void
+type SetValue<TCacheData> = (_itemValue?: TCacheData | null) => Promise<void>
 
 export function useAsyncStorage<TCacheData>(
   key: string,
@@ -28,11 +28,14 @@ export function useAsyncStorage<TCacheData>(
   const setValue: SetValue<TCacheData> = useCallback(
     itemValue => {
       if (itemValue === null || itemValue === undefined) {
-        AsyncStorage.removeItem(key)
-      } else {
-        AsyncStorage.setItem(key, JSON.stringify(itemValue))
+        return AsyncStorage.removeItem(key).then(() => {
+          refetch()
+        })
       }
-      refetch()
+
+      return AsyncStorage.setItem(key, JSON.stringify(itemValue)).then(() => {
+        refetch()
+      })
     },
     [key, refetch]
   )

package/src/hooks/use_suspense_api.ts

@@ -6,7 +6,7 @@ import {
   UseSuspenseQueryOptions,
 } from '@tanstack/react-query'
 import { ApiCollection, ApiResource, ResourceObject } from '../types'
-import { GetRequest, RequestData } from '../utils/client/types'
+import { GetRequest, RequestData } from '../utils/client'
 import { App, useApiClient } from './use_api_client'
 import { Log } from '../utils'
 import { ApiError } from '../types/api_primitives'

package/src/screens/conversation_filters/components/conversation_filters.tsx

@@ -2,7 +2,7 @@ import React, { useContext, useMemo } from 'react'
 import { StyleSheet, View, ViewStyle } from 'react-native'
 import { FlatList } from 'react-native-gesture-handler'
 import { Heading } from '../../../components'
-import { useTheme } from '../../../hooks'
+import { useAtFontScaleBreakpoint, useTheme } from '../../../hooks'
 import { FilterContext, useFilterContext } from '../context/conversation_filter_context'
 import { FilterTypes } from '../filter_types'
 import { useGroupsToFilter, useTeamsToFilter } from '../hooks/filters'
@@ -119,7 +119,7 @@ export const ConversationFilters = () => {
     },
     {
       type: groupItems.length ? SectionTypes.header : SectionTypes.hidden,
-      data: { title: 'Groups' },
+      data: { title: 'Groups', style: styles.extraHeaderScalableSpace },
     },
     ...groupItemData,
     {
@@ -128,7 +128,7 @@ export const ConversationFilters = () => {
     },
     {
       type: teamItems.length ? SectionTypes.header : SectionTypes.hidden,
-      data: { title: 'Teams' },
+      data: { title: 'Teams', style: styles.extraHeaderScalableSpace },
     },
     ...teamItemData,
     {
@@ -166,12 +166,12 @@ export const ConversationFilters = () => {
 const useStyles = () => {
   const { platformListPaddingBottom } = useFilterContext()
   const theme = useTheme()
+  const atFontScaleBreakpoint = useAtFontScaleBreakpoint()
 
   return StyleSheet.create({
     flatlistContainer: {
       paddingBottom: platformListPaddingBottom,
     },
-    section: {},
     sectionHeader: {
       flexDirection: 'row',
       justifyContent: 'space-between',
@@ -179,7 +179,9 @@ const useStyles = () => {
       paddingBottom: 8,
       paddingHorizontal: 16,
     },
-    selectTeamsButton: {},
+    extraHeaderScalableSpace: {
+      marginTop: atFontScaleBreakpoint ? 24 : 0,
+    },
     filterBar: {
       backgroundColor: theme.colors.fillColorNeutral100Inverted,
       flexDirection: 'row',
@@ -203,13 +205,14 @@ const useStyles = () => {
 
 type HeaderProps = {
   title: string
+  style?: ViewStyle
 }
 
-const Header = ({ title }: HeaderProps) => {
+const Header = ({ title, style = {} }: HeaderProps) => {
   const styles = useStyles()
 
   return (
-    <View style={styles.sectionHeader}>
+    <View style={[styles.sectionHeader, style]}>
       <Heading variant="h3">{title}</Heading>
     </View>
   )

package/src/screens/conversation_filters/components/rows.tsx

@@ -3,33 +3,28 @@ import { NavigationProp, useNavigation } from '@react-navigation/native'
 import React, { PropsWithChildren, useContext } from 'react'
 import { StyleSheet, View, ViewStyle } from 'react-native'
 import { Heading, Icon, Image, Text, TextButton } from '../../../components'
-import { useTheme } from '../../../hooks'
+import {
+  useAtFontScaleBreakpoint,
+  useFontScale,
+  useScalableNumberOfLines,
+  useTheme,
+} from '../../../hooks'
 import { useServicesTeamsMap } from '../../../hooks/services/use_services_team'
 import { GroupResource } from '../../../types/resources/group_resource'
 import { FilterContext } from '../context/conversation_filter_context'
 import { FilterTypes } from '../filter_types'
 import { FilteredGroup } from '../hooks/filters'
 import { ConversationFilterStackParamList } from '../screen_props'
+import { MAX_FONT_SIZE_MULTIPLIER, platformFontWeightBold } from '../../../utils/styles'
 
 export type FilterProps = { group_source_app_name?: string; isActive: boolean; filter: FilterTypes }
 
 export const FilterRow = ({ group_source_app_name, isActive, filter }: FilterProps) => {
-  const styles = useRowStyles({ isActive })
   const { setAppFilter } = useContext(FilterContext)
 
   return (
-    <PressableRow
-      style={styles.row}
-      onPress={() => setAppFilter({ group_source_app_name })}
-      isActive={isActive}
-    >
+    <PressableRow onPress={() => setAppFilter({ group_source_app_name })} isActive={isActive}>
       <Text>{filter}</Text>
-      <Icon
-        name="general.check"
-        size={16}
-        style={styles.rowIconRight}
-        accessibilityElementsHidden
-      />
     </PressableRow>
   )
 }
@@ -40,7 +35,7 @@ export type GroupRowProps = {
 }
 
 export const GroupRow = ({ group, isActive }: GroupRowProps) => {
-  const styles = useRowStyles({ isActive })
+  const styles = useRowStyles()
   const { setGroupFilter } = useContext(FilterContext)
 
   const handleFilterByGroup = () => {
@@ -50,27 +45,23 @@ export const GroupRow = ({ group, isActive }: GroupRowProps) => {
   const { headerImage, membershipsCount } = group
 
   return (
-    <PressableRow style={styles.row} onPress={handleFilterByGroup} isActive={isActive}>
+    <PressableRow onPress={handleFilterByGroup} isActive={isActive}>
       {headerImage?.thumbnail && (
         <Image
           source={{ uri: headerImage?.thumbnail }}
           resizeMode="cover"
           style={styles.rowImage}
-          alt={`Image for ${group.name}`}
+          alt=""
         />
       )}
-      <View style={styles.rowContent}>
+      <View style={styles.rowTextContainer}>
         <Heading variant="h3" style={styles.rowTitle}>
           {group.name}
         </Heading>
-        {membershipsCount && <Text>{group.membershipsCount} members</Text>}
+        {membershipsCount && (
+          <Text style={styles.rowSubtitle}>{group.membershipsCount} members</Text>
+        )}
       </View>
-      <Icon
-        name="general.check"
-        size={16}
-        style={styles.rowIconRight}
-        accessibilityElementsHidden
-      />
     </PressableRow>
   )
 }
@@ -86,7 +77,8 @@ export const TeamRow = ({ team }: TeamRowProps) => {
   const { params } = useContext(FilterContext)
   const { chat_group_graph_id } = params
   const isActive = chat_group_graph_id === team.id.toString()
-  const styles = useRowStyles({ isActive })
+  const styles = useRowStyles()
+  const scalableNumberOfLines = useScalableNumberOfLines()
 
   const handleFilterByGroup = () => {
     setGroupFilter({ chat_group_graph_id: team.id })
@@ -97,19 +89,15 @@ export const TeamRow = ({ team }: TeamRowProps) => {
   const serviceTypeName = concatedServiceTypeNames || servicesTeam?.group
 
   return (
-    <PressableRow style={styles.row} onPress={handleFilterByGroup} isActive={isActive}>
-      <View style={styles.rowContent}>
+    <PressableRow onPress={handleFilterByGroup} isActive={isActive}>
+      <View style={styles.rowTextContainer}>
         <Heading variant="h3" style={styles.rowTitle}>
           {team.name}
         </Heading>
-        <Text numberOfLines={1}>{serviceTypeName}</Text>
+        <Text numberOfLines={scalableNumberOfLines} style={styles.rowSubtitle}>
+          {serviceTypeName}
+        </Text>
       </View>
-      <Icon
-        name="general.check"
-        size={16}
-        style={styles.rowIconRight}
-        accessibilityElementsHidden
-      />
     </PressableRow>
   )
 }
@@ -121,7 +109,7 @@ export const ViewMore = ({ routeName }: ViewMoreRowProps) => {
   const navigation = useNavigation<NavigationProp<ConversationFilterStackParamList, 'Filters'>>()
 
   return (
-    <View style={[styles.borderLessRow]}>
+    <View style={[styles.rowWithoutBorder]}>
       <TextButton onPress={() => navigation.navigate(routeName, {})} style={styles.viewMoreButton}>
         View more
       </TextButton>
@@ -135,15 +123,23 @@ export const PressableRow = ({
   onPress,
   style,
 }: PropsWithChildren<{ isActive: boolean; onPress: () => void; style?: ViewStyle }>) => {
-  const styles = useRowStyles()
+  const styles = useRowStyles({ isActive })
   return (
     <PlatformPressable
-      style={styles.container}
+      style={styles.pressable}
       onPress={onPress}
       accessibilityRole="radio"
       accessibilityState={{ selected: isActive }}
     >
-      <View style={[styles.innerContainer, style]}>{children}</View>
+      <View style={styles.row}>
+        <View style={[styles.rowInner, style]}>{children}</View>
+        <Icon
+          name="general.check"
+          style={styles.rowIconRight}
+          accessibilityElementsHidden
+          maxFontSizeMultiplier={2.5}
+        />
+      </View>
     </PlatformPressable>
   )
 }
@@ -154,20 +150,35 @@ const THUMBNAIL_HEIGHT = THUMBNAIL_WIDTH / ASPECT_RATIO
 
 const useRowStyles = ({ isActive = false }: { isActive?: boolean } = {}) => {
   const theme = useTheme()
+  const fontScale = useFontScale({ maxFontSizeMultiplier: MAX_FONT_SIZE_MULTIPLIER })
+  const atFontScaleBreakpoint = useAtFontScaleBreakpoint()
+
   return StyleSheet.create({
-    container: {
+    pressable: {
       paddingLeft: 16,
     },
-    innerContainer: {
+    row: {
       flexDirection: 'row',
       alignItems: 'center',
+      justifyContent: 'space-between',
       gap: 12,
       borderBottomWidth: 1,
-      borderBottomColor: theme.colors.fillColorNeutral050Base,
+      borderBottomColor: atFontScaleBreakpoint
+        ? theme.colors.borderColorDefaultDark
+        : theme.colors.borderColorDefaultBase,
       paddingVertical: 12,
       paddingRight: 16,
     },
-    borderLessRow: {
+    rowInner: {
+      flexDirection: atFontScaleBreakpoint ? 'column' : 'row',
+      alignItems: atFontScaleBreakpoint ? 'flex-start' : 'center',
+      gap: 12,
+      flexShrink: 1,
+    },
+    rowTextContainer: {
+      flexShrink: 1,
+    },
+    rowWithoutBorder: {
       flexDirection: 'row',
       alignItems: 'center',
       gap: 12,
@@ -178,23 +189,25 @@ const useRowStyles = ({ isActive = false }: { isActive?: boolean } = {}) => {
     viewMoreButton: {
       flex: 1,
     },
-    row: {},
     rowImage: {
-      width: THUMBNAIL_WIDTH,
-      height: THUMBNAIL_HEIGHT,
-      borderRadius: 4,
-    },
-    rowContent: {
-      flexShrink: 1,
+      width: THUMBNAIL_WIDTH * fontScale,
+      height: THUMBNAIL_HEIGHT * fontScale,
+      borderRadius: 4 * fontScale,
     },
     rowIconRight: {
-      marginLeft: 'auto',
+      fontSize: 16,
       color: theme.colors.statusSuccessIcon,
       opacity: isActive ? 1 : 0,
     },
     rowTitle: {
       fontSize: 16,
       flexShrink: 1,
+      fontWeight: atFontScaleBreakpoint ? 400 : platformFontWeightBold,
+    },
+    rowSubtitle: {
+      color: atFontScaleBreakpoint
+        ? theme.colors.textColorDefaultSecondary
+        : theme.colors.textColorDefaultPrimary,
     },
   })
 }

package/src/utils/client/index.ts

@@ -1 +1,2 @@
 export * from './client'
+export * from './types'