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

package/build/screens/message_report/components/message_preview.js

@@ -3,31 +3,30 @@ import { View, StyleSheet } from 'react-native';
 import { Avatar, Text, Icon } from '../../../components';
 import { useTheme } from '../../../hooks';
 export function MessagePreview({ message, style }) {
-    const styles = useStyles();
     const hasImages = message.attachments.some(att => att.type === 'MessageAttachment' && att.attributes?.contentType?.startsWith('image/'));
+    const imageOnly = hasImages && !message.text;
+    const styles = useStyles({ imageOnly });
     return (<View style={[styles.previewContainer, style]}>
       <View style={styles.previewHeader}>
         <Avatar sourceUri={message.author.avatar} size="md"/>
         <Text style={styles.authorName}>{message.author.name}</Text>
       </View>
 
-      <View style={styles.messageBubbleContainer}>
-        {message.text && (<View style={styles.messageBubble}>
-            <Text style={styles.messageText} numberOfLines={5}>
-              {message.text}
-            </Text>
-          </View>)}
-
+      <View style={styles.messageBubble}>
         {hasImages && (<View style={styles.imagePlaceholder}>
             <Icon name="general.image" style={styles.placeholderIcon}/>
             <Text variant="secondary" style={styles.placeholderText}>
               Image hidden
             </Text>
           </View>)}
+
+        {message.text && (<Text style={styles.messageText} numberOfLines={5}>
+            {message.text}
+          </Text>)}
       </View>
     </View>);
 }
-const useStyles = () => {
+const useStyles = ({ imageOnly }) => {
     const { colors } = useTheme();
     return StyleSheet.create({
         previewContainer: {
@@ -43,31 +42,25 @@ const useStyles = () => {
             fontWeight: '600',
             color: colors.textColorDefaultPrimary,
         },
-        messageBubbleContainer: {
-            gap: 8,
-        },
         messageBubble: {
             backgroundColor: colors.fillColorNeutral060,
             borderRadius: 16,
-            paddingHorizontal: 16,
-            paddingVertical: 12,
+            overflow: 'hidden',
             alignSelf: 'flex-start',
-            maxWidth: '80%',
+            maxWidth: imageOnly ? '40%' : '80%',
         },
         messageText: {
             fontSize: 14,
             color: colors.textColorDefaultPrimary,
             lineHeight: 20,
+            paddingHorizontal: 16,
+            paddingVertical: 12,
         },
         imagePlaceholder: {
             height: 120,
-            backgroundColor: colors.fillColorNeutral060,
-            borderRadius: 16,
             justifyContent: 'center',
             alignItems: 'center',
             gap: 8,
-            maxWidth: '80%',
-            alignSelf: 'flex-start',
         },
         placeholderIcon: {
             fontSize: 32,

package/build/screens/message_report/components/message_preview.js.map

@@ -1 +1 @@
-{"version":3,"file":"message_preview.js","sourceRoot":"","sources":["../../../../src/screens/message_report/components/message_preview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,IAAI,EAAE,UAAU,EAAa,MAAM,cAAc,CAAA;AAC1D,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAA;AACxD,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AAQzC,MAAM,UAAU,cAAc,CAAC,EAAE,OAAO,EAAE,KAAK,EAAuB;IACpE,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAE1B,MAAM,SAAS,GAAG,OAAO,CAAC,WAAW,CAAC,IAAI,CACxC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,IAAI,KAAK,mBAAmB,IAAI,GAAG,CAAC,UAAU,EAAE,WAAW,EAAE,UAAU,CAAC,QAAQ,CAAC,CAC7F,CAAA;IAED,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,gBAAgB,EAAE,KAAK,CAAC,CAAC,CAC5C;MAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,aAAa,CAAC,CAChC;QAAA,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,IAAI,EACnD;QAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,IAAI,CAC7D;MAAA,EAAE,IAAI,CAEN;;MAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,sBAAsB,CAAC,CACzC;QAAA,CAAC,OAAO,CAAC,IAAI,IAAI,CACf,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,aAAa,CAAC,CAChC;YAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAChD;cAAA,CAAC,OAAO,CAAC,IAAI,CACf;YAAA,EAAE,IAAI,CACR;UAAA,EAAE,IAAI,CAAC,CACR,CAED;;QAAA,CAAC,SAAS,IAAI,CACZ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,gBAAgB,CAAC,CACnC;YAAA,CAAC,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,eAAe,CAAC,EACzD;YAAA,CAAC,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,eAAe,CAAC,CACtD;;YACF,EAAE,IAAI,CACR;UAAA,EAAE,IAAI,CAAC,CACR,CACH;MAAA,EAAE,IAAI,CACR;IAAA,EAAE,IAAI,CAAC,CACR,CAAA;AACH,CAAC;AAED,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,EAAE,MAAM,EAAE,GAAG,QAAQ,EAAE,CAAA;IAE7B,OAAO,UAAU,CAAC,MAAM,CAAC;QACvB,gBAAgB,EAAE;YAChB,GAAG,EAAE,EAAE;SACR;QACD,aAAa,EAAE;YACb,aAAa,EAAE,KAAK;YACpB,UAAU,EAAE,QAAQ;YACpB,GAAG,EAAE,EAAE;SACR;QACD,UAAU,EAAE;YACV,QAAQ,EAAE,EAAE;YACZ,UAAU,EAAE,KAAK;YACjB,KAAK,EAAE,MAAM,CAAC,uBAAuB;SACtC;QACD,sBAAsB,EAAE;YACtB,GAAG,EAAE,CAAC;SACP;QACD,aAAa,EAAE;YACb,eAAe,EAAE,MAAM,CAAC,mBAAmB;YAC3C,YAAY,EAAE,EAAE;YAChB,iBAAiB,EAAE,EAAE;YACrB,eAAe,EAAE,EAAE;YACnB,SAAS,EAAE,YAAY;YACvB,QAAQ,EAAE,KAAK;SAChB;QACD,WAAW,EAAE;YACX,QAAQ,EAAE,EAAE;YACZ,KAAK,EAAE,MAAM,CAAC,uBAAuB;YACrC,UAAU,EAAE,EAAE;SACf;QACD,gBAAgB,EAAE;YAChB,MAAM,EAAE,GAAG;YACX,eAAe,EAAE,MAAM,CAAC,mBAAmB;YAC3C,YAAY,EAAE,EAAE;YAChB,cAAc,EAAE,QAAQ;YACxB,UAAU,EAAE,QAAQ;YACpB,GAAG,EAAE,CAAC;YACN,QAAQ,EAAE,KAAK;YACf,SAAS,EAAE,YAAY;SACxB;QACD,eAAe,EAAE;YACf,QAAQ,EAAE,EAAE;YACZ,KAAK,EAAE,MAAM,CAAC,yBAAyB;SACxC;QACD,eAAe,EAAE;YACf,QAAQ,EAAE,EAAE;SACb;KACF,CAAC,CAAA;AACJ,CAAC,CAAA","sourcesContent":["import React from 'react'\nimport { View, StyleSheet, ViewStyle } from 'react-native'\nimport { Avatar, Text, Icon } from '../../../components'\nimport { useTheme } from '../../../hooks'\nimport { MessageResource } from '../../../types'\n\ninterface MessagePreviewProps {\n  message: MessageResource\n  style?: ViewStyle\n}\n\nexport function MessagePreview({ message, style }: MessagePreviewProps) {\n  const styles = useStyles()\n\n  const hasImages = message.attachments.some(\n    att => att.type === 'MessageAttachment' && att.attributes?.contentType?.startsWith('image/')\n  )\n\n  return (\n    <View style={[styles.previewContainer, style]}>\n      <View style={styles.previewHeader}>\n        <Avatar sourceUri={message.author.avatar} size=\"md\" />\n        <Text style={styles.authorName}>{message.author.name}</Text>\n      </View>\n\n      <View style={styles.messageBubbleContainer}>\n        {message.text && (\n          <View style={styles.messageBubble}>\n            <Text style={styles.messageText} numberOfLines={5}>\n              {message.text}\n            </Text>\n          </View>\n        )}\n\n        {hasImages && (\n          <View style={styles.imagePlaceholder}>\n            <Icon name=\"general.image\" style={styles.placeholderIcon} />\n            <Text variant=\"secondary\" style={styles.placeholderText}>\n              Image hidden\n            </Text>\n          </View>\n        )}\n      </View>\n    </View>\n  )\n}\n\nconst useStyles = () => {\n  const { colors } = useTheme()\n\n  return StyleSheet.create({\n    previewContainer: {\n      gap: 12,\n    },\n    previewHeader: {\n      flexDirection: 'row',\n      alignItems: 'center',\n      gap: 12,\n    },\n    authorName: {\n      fontSize: 14,\n      fontWeight: '600',\n      color: colors.textColorDefaultPrimary,\n    },\n    messageBubbleContainer: {\n      gap: 8,\n    },\n    messageBubble: {\n      backgroundColor: colors.fillColorNeutral060,\n      borderRadius: 16,\n      paddingHorizontal: 16,\n      paddingVertical: 12,\n      alignSelf: 'flex-start',\n      maxWidth: '80%',\n    },\n    messageText: {\n      fontSize: 14,\n      color: colors.textColorDefaultPrimary,\n      lineHeight: 20,\n    },\n    imagePlaceholder: {\n      height: 120,\n      backgroundColor: colors.fillColorNeutral060,\n      borderRadius: 16,\n      justifyContent: 'center',\n      alignItems: 'center',\n      gap: 8,\n      maxWidth: '80%',\n      alignSelf: 'flex-start',\n    },\n    placeholderIcon: {\n      fontSize: 32,\n      color: colors.iconColorDefaultSecondary,\n    },\n    placeholderText: {\n      fontSize: 14,\n    },\n  })\n}\n"]}
+{"version":3,"file":"message_preview.js","sourceRoot":"","sources":["../../../../src/screens/message_report/components/message_preview.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react'\nimport { View, StyleSheet, ViewStyle } from 'react-native'\nimport { Avatar, Text, Icon } from '../../../components'\nimport { useTheme } from '../../../hooks'\nimport { MessageResource } from '../../../types'\n\ninterface MessagePreviewProps {\n  message: MessageResource\n  style?: ViewStyle\n}\n\nexport function MessagePreview({ message, style }: MessagePreviewProps) {\n  const hasImages = message.attachments.some(\n    att => att.type === 'MessageAttachment' && att.attributes?.contentType?.startsWith('image/')\n  )\n\n  const imageOnly = hasImages && !message.text\n  const styles = useStyles({ imageOnly })\n\n  return (\n    <View style={[styles.previewContainer, style]}>\n      <View style={styles.previewHeader}>\n        <Avatar sourceUri={message.author.avatar} size=\"md\" />\n        <Text style={styles.authorName}>{message.author.name}</Text>\n      </View>\n\n      <View style={styles.messageBubble}>\n        {hasImages && (\n          <View style={styles.imagePlaceholder}>\n            <Icon name=\"general.image\" style={styles.placeholderIcon} />\n            <Text variant=\"secondary\" style={styles.placeholderText}>\n              Image hidden\n            </Text>\n          </View>\n        )}\n\n        {message.text && (\n          <Text style={styles.messageText} numberOfLines={5}>\n            {message.text}\n          </Text>\n        )}\n      </View>\n    </View>\n  )\n}\n\nconst useStyles = ({ imageOnly }: { imageOnly: boolean }) => {\n  const { colors } = useTheme()\n\n  return StyleSheet.create({\n    previewContainer: {\n      gap: 12,\n    },\n    previewHeader: {\n      flexDirection: 'row',\n      alignItems: 'center',\n      gap: 12,\n    },\n    authorName: {\n      fontSize: 14,\n      fontWeight: '600',\n      color: colors.textColorDefaultPrimary,\n    },\n    messageBubble: {\n      backgroundColor: colors.fillColorNeutral060,\n      borderRadius: 16,\n      overflow: 'hidden',\n      alignSelf: 'flex-start',\n      maxWidth: imageOnly ? '40%' : '80%',\n    },\n    messageText: {\n      fontSize: 14,\n      color: colors.textColorDefaultPrimary,\n      lineHeight: 20,\n      paddingHorizontal: 16,\n      paddingVertical: 12,\n    },\n    imagePlaceholder: {\n      height: 120,\n      justifyContent: 'center',\n      alignItems: 'center',\n      gap: 8,\n    },\n    placeholderIcon: {\n      fontSize: 32,\n      color: colors.iconColorDefaultSecondary,\n    },\n    placeholderText: {\n      fontSize: 14,\n    },\n  })\n}\n"]}

package/build/screens/notification_settings/hooks/groups.d.ts

@@ -0,0 +1,94 @@
+import { ApiResource } from '../../../types';
+import { GroupMembership, GroupResourceWithMembership } from '../../../types/resources';
+export declare const getGroupsRequestArgs: () => {
+    url: string;
+    data: {
+        perPage: number;
+        include: string[];
+        filter: string;
+        fields: {
+            Group: never[];
+            GroupMembership: string[];
+        };
+        order: string;
+    };
+};
+export declare const getGroupRequestArgs: ({ groupId }: {
+    groupId: number | string;
+}) => {
+    url: string;
+    data: {
+        include: string[];
+        fields: {
+            Group: string[];
+            GroupMembership: string[];
+        };
+    };
+};
+export declare const useGroups: () => {
+    data: GroupResourceWithMembership[];
+    totalCount: number;
+    error: Response | null;
+    status: "success" | "error";
+    isError: boolean;
+    isPending: false;
+    isLoading: false;
+    isLoadingError: false;
+    isRefetchError: boolean;
+    isSuccess: boolean;
+    dataUpdatedAt: number;
+    errorUpdatedAt: number;
+    failureCount: number;
+    failureReason: Response | null;
+    errorUpdateCount: number;
+    isFetched: boolean;
+    isFetchedAfterMount: boolean;
+    isFetching: boolean;
+    isInitialLoading: boolean;
+    isPaused: boolean;
+    isRefetching: boolean;
+    isStale: boolean;
+    refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<import("@tanstack/react-query").InfiniteData<import("../../../types").ApiCollection<GroupResourceWithMembership>, unknown>, Response>>;
+    fetchStatus: import("@tanstack/react-query").FetchStatus;
+    fetchNextPage: (options?: import("@tanstack/react-query").FetchNextPageOptions) => Promise<import("@tanstack/react-query").InfiniteQueryObserverResult<import("@tanstack/react-query").InfiniteData<import("../../../types").ApiCollection<GroupResourceWithMembership>, unknown>, Response>>;
+    fetchPreviousPage: (options?: import("@tanstack/react-query").FetchPreviousPageOptions) => Promise<import("@tanstack/react-query").InfiniteQueryObserverResult<import("@tanstack/react-query").InfiniteData<import("../../../types").ApiCollection<GroupResourceWithMembership>, unknown>, Response>>;
+    hasNextPage: boolean;
+    hasPreviousPage: boolean;
+    isFetchNextPageError: boolean;
+    isFetchingNextPage: boolean;
+    isFetchPreviousPageError: boolean;
+    isFetchingPreviousPage: boolean;
+};
+export declare const useGroup: ({ groupId }: {
+    groupId: number | string;
+}) => {
+    error: import("../../../types").FailedResponse | null;
+    status: "success" | "error";
+    isError: boolean;
+    isPending: false;
+    isLoading: false;
+    isLoadingError: false;
+    isRefetchError: boolean;
+    isSuccess: boolean;
+    dataUpdatedAt: number;
+    errorUpdatedAt: number;
+    failureCount: number;
+    failureReason: import("../../../types").FailedResponse | null;
+    errorUpdateCount: number;
+    isFetched: boolean;
+    isFetchedAfterMount: boolean;
+    isFetching: boolean;
+    isInitialLoading: boolean;
+    isPaused: boolean;
+    isRefetching: boolean;
+    isStale: boolean;
+    refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<ApiResource<GroupResourceWithMembership>, import("../../../types").FailedResponse>>;
+    fetchStatus: import("@tanstack/react-query").FetchStatus;
+    data: GroupResourceWithMembership;
+    links: Record<string, string>;
+    meta: Record<string, unknown>;
+};
+export declare const useGroupMembershipUpdate: ({ groupId }: {
+    groupId: number | string;
+}) => import("@tanstack/react-query").UseMutationResult<ApiResource<GroupMembership>, Error, string, void>;
+//# sourceMappingURL=groups.d.ts.map

package/build/screens/notification_settings/hooks/groups.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"groups.d.ts","sourceRoot":"","sources":["../../../../src/screens/notification_settings/hooks/groups.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5C,OAAO,EAAE,eAAe,EAAE,2BAA2B,EAAE,MAAM,0BAA0B,CAAA;AAGvF,eAAO,MAAM,oBAAoB;;;;;;;;;;;;CAY/B,CAAA;AAEF,eAAO,MAAM,mBAAmB,gBAAiB;IAAE,OAAO,EAAE,MAAM,GAAG,MAAM,CAAA;CAAE;;;;;;;;;CAS3E,CAAA;AAEF,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAIrB,CAAA;AAED,eAAO,MAAM,QAAQ,gBAAiB;IAAE,OAAO,EAAE,MAAM,GAAG,MAAM,CAAA;CAAE;;;;;;;;;;;;;;;;;;;;;;;;;;CAIjE,CAAA;AAED,eAAO,MAAM,wBAAwB,gBAAiB;IAAE,OAAO,EAAE,MAAM,GAAG,MAAM,CAAA;CAAE,yGAwDjF,CAAA"}

package/build/screens/notification_settings/hooks/groups.js

@@ -0,0 +1,92 @@
+import { useMutation, useQueryClient } from '@tanstack/react-query';
+import { getRequestQueryKey, useApiClient } from '../../../hooks';
+import { useSuspenseGet, useSuspensePaginator } from '../../../hooks';
+import { throwResponseError } from '../../../utils/response_error';
+export const getGroupsRequestArgs = () => ({
+    url: '/me/groups',
+    data: {
+        perPage: 100,
+        include: ['my_group_membership'],
+        filter: 'user_settable_notification_level',
+        fields: {
+            Group: [],
+            GroupMembership: ['notification_level', 'notification_level_description'],
+        },
+        order: 'name',
+    },
+});
+export const getGroupRequestArgs = ({ groupId }) => ({
+    url: `/me/groups/${groupId}`,
+    data: {
+        include: ['my_group_membership'],
+        fields: {
+            Group: ['name', 'source_app_name', 'source_type', 'my_group_membership'],
+            GroupMembership: ['notification_level', 'notification_level_description'],
+        },
+    },
+});
+export const useGroups = () => {
+    const args = getGroupsRequestArgs();
+    return useSuspensePaginator(args);
+};
+export const useGroup = ({ groupId }) => {
+    const args = getGroupRequestArgs({ groupId });
+    return useSuspenseGet(args);
+};
+export const useGroupMembershipUpdate = ({ groupId }) => {
+    const apiClient = useApiClient();
+    const queryClient = useQueryClient();
+    const requestArgs = getGroupRequestArgs({ groupId });
+    const queryKey = getRequestQueryKey(requestArgs);
+    return useMutation({
+        throwOnError: true,
+        onMutate: notificationLevel => {
+            queryClient.setQueryData(queryKey, groupData => {
+                if (!groupData?.data.myGroupMembership)
+                    return groupData;
+                return {
+                    ...groupData,
+                    data: {
+                        ...groupData.data,
+                        myGroupMembership: {
+                            ...groupData.data.myGroupMembership,
+                            notificationLevel,
+                        },
+                    },
+                };
+            });
+        },
+        onSuccess: response => {
+            queryClient.setQueryData(queryKey, groupData => {
+                if (!groupData?.data.myGroupMembership)
+                    return groupData;
+                return {
+                    ...groupData,
+                    data: {
+                        ...groupData.data,
+                        myGroupMembership: {
+                            ...groupData.data.myGroupMembership,
+                            ...response.data,
+                        },
+                    },
+                };
+            });
+        },
+        mutationFn: (notificationLevel) => {
+            return apiClient.chat
+                .patch({
+                url: `/me/groups/${groupId}/my_group_membership`,
+                data: {
+                    data: {
+                        type: 'GroupMembership',
+                        attributes: {
+                            notification_level: notificationLevel,
+                        },
+                    },
+                },
+            })
+                .catch(throwResponseError);
+        },
+    });
+};
+//# sourceMappingURL=groups.js.map

package/build/screens/notification_settings/hooks/groups.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"groups.js","sourceRoot":"","sources":["../../../../src/screens/notification_settings/hooks/groups.ts"],"names":[],"mappings":"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","sourcesContent":["import { useMutation, useQueryClient } from '@tanstack/react-query'\nimport { getRequestQueryKey, useApiClient } from '../../../hooks'\nimport { useSuspenseGet, useSuspensePaginator } from '../../../hooks'\nimport { ApiResource } from '../../../types'\nimport { GroupMembership, GroupResourceWithMembership } from '../../../types/resources'\nimport { throwResponseError } from '../../../utils/response_error'\n\nexport const getGroupsRequestArgs = () => ({\n  url: '/me/groups',\n  data: {\n    perPage: 100,\n    include: ['my_group_membership'],\n    filter: 'user_settable_notification_level',\n    fields: {\n      Group: [],\n      GroupMembership: ['notification_level', 'notification_level_description'],\n    },\n    order: 'name',\n  },\n})\n\nexport const getGroupRequestArgs = ({ groupId }: { groupId: number | string }) => ({\n  url: `/me/groups/${groupId}`,\n  data: {\n    include: ['my_group_membership'],\n    fields: {\n      Group: ['name', 'source_app_name', 'source_type', 'my_group_membership'],\n      GroupMembership: ['notification_level', 'notification_level_description'],\n    },\n  },\n})\n\nexport const useGroups = () => {\n  const args = getGroupsRequestArgs()\n\n  return useSuspensePaginator<GroupResourceWithMembership>(args)\n}\n\nexport const useGroup = ({ groupId }: { groupId: number | string }) => {\n  const args = getGroupRequestArgs({ groupId })\n\n  return useSuspenseGet<GroupResourceWithMembership>(args)\n}\n\nexport const useGroupMembershipUpdate = ({ groupId }: { groupId: number | string }) => {\n  const apiClient = useApiClient()\n  const queryClient = useQueryClient()\n  const requestArgs = getGroupRequestArgs({ groupId })\n  const queryKey = getRequestQueryKey(requestArgs)\n\n  return useMutation({\n    throwOnError: true,\n    onMutate: notificationLevel => {\n      queryClient.setQueryData<ApiResource<GroupResourceWithMembership>>(queryKey, groupData => {\n        if (!groupData?.data.myGroupMembership) return groupData\n\n        return {\n          ...groupData,\n          data: {\n            ...groupData.data,\n            myGroupMembership: {\n              ...groupData.data.myGroupMembership,\n              notificationLevel,\n            },\n          },\n        }\n      })\n    },\n    onSuccess: response => {\n      queryClient.setQueryData<ApiResource<GroupResourceWithMembership>>(queryKey, groupData => {\n        if (!groupData?.data.myGroupMembership) return groupData\n\n        return {\n          ...groupData,\n          data: {\n            ...groupData.data,\n            myGroupMembership: {\n              ...groupData.data.myGroupMembership,\n              ...response.data,\n            },\n          },\n        }\n      })\n    },\n    mutationFn: (notificationLevel: string) => {\n      return apiClient.chat\n        .patch<ApiResource<GroupMembership>>({\n          url: `/me/groups/${groupId}/my_group_membership`,\n          data: {\n            data: {\n              type: 'GroupMembership',\n              attributes: {\n                notification_level: notificationLevel,\n              },\n            },\n          },\n        })\n        .catch(throwResponseError)\n    },\n  })\n}\n"]}

package/build/screens/notification_settings_screen.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"notification_settings_screen.d.ts","sourceRoot":"","sources":["../../src/screens/notification_settings_screen.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAiB,MAAM,0BAA0B,CAAA;AAE3E,OAAO,KAAiD,MAAM,OAAO,CAAA;AA8CrE,MAAM,MAAM,+BAA+B,GAAG,iBAAiB,CAAC,EAAE,CAAC,CAAA;AAEnE,wBAAgB,0BAA0B,CAAC,EAAE,EAAE,+BAA+B,qBAiJ7E"}
+{"version":3,"file":"notification_settings_screen.d.ts","sourceRoot":"","sources":["../../src/screens/notification_settings_screen.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAiB,MAAM,0BAA0B,CAAA;AAE3E,OAAO,KAAiD,MAAM,OAAO,CAAA;AAiDrE,MAAM,MAAM,+BAA+B,GAAG,iBAAiB,CAAC,EAAE,CAAC,CAAA;AAEnE,wBAAgB,0BAA0B,CAAC,EAAE,EAAE,+BAA+B,qBAiK7E"}

package/build/screens/notification_settings_screen.js

@@ -2,10 +2,11 @@ import { PlatformPressable } from '@react-navigation/elements';
 import { useNavigation } from '@react-navigation/native';
 import React, { useCallback, useEffect } from 'react';
 import { FlatList, Platform, StyleSheet, View } from 'react-native';
-import { Heading, Icon, Text } from '../components';
+import { Badge, Heading, Icon, Text } from '../components';
 import { HeaderTextButton } from '../components/display/platform_modal_header_buttons';
 import { useTheme } from '../hooks';
 import { isDefined } from '../types';
+import { useGroups } from './notification_settings/hooks/groups';
 import { useChatTypes } from './preferred_app/hooks/use_chat_types';
 var SectionTypes;
 (function (SectionTypes) {
@@ -19,6 +20,7 @@ export function NotificationSettingsScreen({}) {
     const navigation = useNavigation();
     const styles = useStyles();
     const { data: chatTypes } = useChatTypes();
+    const { data: groups } = useGroups();
     // Header configuration
     const HeaderRight = useCallback(() => {
         return (<HeaderTextButton onPress={() => {
@@ -41,7 +43,7 @@ export function NotificationSettingsScreen({}) {
         {
             type: SectionTypes.view,
             data: {
-                children: (<Text variant="footnote" style={styles.sectionDescription}>
+                children: (<Text variant="tertiary" style={styles.sectionDescription}>
             Choose which app receives each type of chat notification
           </Text>),
             },
@@ -51,31 +53,43 @@ export function NotificationSettingsScreen({}) {
             type: SectionTypes.link,
             data: {
                 title: `${type.title} Conversations`,
-                subtitle: type.preferredApp,
+                rightLabel: type.preferredApp,
                 onPress: () => navigation.navigate('PreferredAppSelection', {
                     chatTypeId: type.id,
                 }),
             },
+            sectionInnerStyle: { paddingVertical: 0 },
+            showBottomBorder: true,
+        })),
+        {
+            type: SectionTypes.header,
+            data: {
+                title: 'Manage chat settings',
+            },
+            sectionInnerStyle: styles.sectionInnerHeader,
+        },
+        {
+            type: SectionTypes.view,
+            data: {
+                children: (<Text variant="tertiary" style={styles.sectionDescription}>
+            Notification settings for all of your group, team and event related conversations
+          </Text>),
+            },
+            showBottomBorder: true,
+        },
+        ...groups.map(group => ({
+            type: SectionTypes.link,
+            data: {
+                title: group.name,
+                rightLabel: group.sourceType,
+                onPress: () => navigation.navigate('GroupNotificationSettings', {
+                    groupId: group.id,
+                    title: group.name || 'Group',
+                }),
+            },
+            sectionInnerStyle: { paddingVertical: 0 },
             showBottomBorder: true,
         })),
-        // {
-        //   type: SectionTypes.header,
-        //   data: {
-        //     title: 'Manage chat settings',
-        //   },
-        //   sectionInnerStyle: styles.sectionInnerHeader,
-        // },
-        // {
-        //   type: SectionTypes.view,
-        //   data: {
-        //     children: (
-        //       <Text variant="footnote" style={styles.sectionDescription}>
-        //         Notification settings for all of your group, team and event related conversations
-        //       </Text>
-        //     ),
-        //   },
-        //   showBottomBorder: true,
-        // },
     ].filter(item => item.type !== SectionTypes.hidden);
     const headerIndices = listData
         .map(({ type }, index) => (type === SectionTypes.header ? index : undefined))
@@ -89,7 +103,7 @@ export function NotificationSettingsScreen({}) {
             switch (item.type) {
                 case SectionTypes.header:
                     return (<ListSection isStart={isStart} isEnd={isEnd} showBottomBorder={item?.showBottomBorder} outerStyle={item?.sectionOuterStyle} innerStyle={item?.sectionInnerStyle}>
-                  <Heading variant="h3">{item.data.title}</Heading>
+                  <Heading variant="h2">{item.data.title}</Heading>
                 </ListSection>);
                 case SectionTypes.setting:
                     return (<ListSection isStart={isStart} isEnd={isEnd} showBottomBorder={item?.showBottomBorder} outerStyle={item?.sectionOuterStyle} innerStyle={item?.sectionInnerStyle}>
@@ -116,27 +130,30 @@ function ListSection({ isStart, isEnd, showBottomBorder, outerStyle, innerStyle,
       <View style={[styles.sectionInnerBase, bottomBorder, innerStyle]}>{children}</View>
     </View>);
 }
-function SettingRow({ title, style, subtitle, rightItem, rightItemStyle = {} }) {
+function SettingRow({ title, style, rightLabel, rightItem, rightItemStyle = {} }) {
     const styles = useStyles();
     return (<View style={[styles.settingRow, style]}>
       <View style={styles.settingRowContent}>
         <Text variant="plain" style={styles.settingRowText}>
           {title}
         </Text>
-        {Boolean(subtitle) && <Text variant="footnote">{subtitle}</Text>}
+        {Boolean(rightLabel) && <Text variant="footnote">{rightLabel}</Text>}
       </View>
       {Boolean(rightItem) && <View style={rightItemStyle}>{rightItem}</View>}
     </View>);
 }
-function LinkRow({ title, subtitle, onPress }) {
+function LinkRow({ title, rightLabel, onPress }) {
     const styles = useLinkRowStyles();
+    const isSourceType = rightLabel === 'Team' || rightLabel === 'Group' || rightLabel === 'PlanTeam';
     return (<PlatformPressable style={styles.row} onPress={onPress} accessibilityRole="link" accessibilityLabel={title} accessibilityHint={`Navigate to ${title} settings`}>
       <View style={styles.innerContainer}>
         <Text style={styles.title} numberOfLines={2}>
           {title}
         </Text>
         <View style={styles.rightContent}>
-          <Text numberOfLines={1}>{subtitle}</Text>
+          {isSourceType ? (<Badge label={rightLabel} appearance="neutral" variant="meta"/>) : (<Text numberOfLines={1} style={styles.rightLabelText}>
+              {rightLabel}
+            </Text>)}
           {Platform.OS === 'ios' && (<Icon name="general.rightChevron" size={16} style={styles.icon}/>)}
         </View>
       </View>
@@ -145,23 +162,20 @@ function LinkRow({ title, subtitle, onPress }) {
 // =================================
 // ====== Styles ===================
 // =================================
-const useStyles = ({ isStart, isEnd } = {}) => {
+const useStyles = ({} = {}) => {
     const { colors } = useTheme();
     const headerBottomPadding = 0;
     return StyleSheet.create({
         listContainer: {
             flex: 1,
-            backgroundColor: colors.surfaceColor080,
         },
         contentContainer: {},
         sectionOuterBase: {
             paddingLeft: 16,
-            backgroundColor: colors.surfaceColor100,
         },
         sectionInnerBase: {
             paddingRight: 16,
-            paddingTop: isStart ? 16 : 12,
-            paddingBottom: isEnd ? 16 : 12,
+            paddingVertical: 16,
         },
         sectionInnerHeader: {
             paddingBottom: headerBottomPadding,
@@ -192,13 +206,13 @@ const useLinkRowStyles = () => {
     return StyleSheet.create({
         row: {
             paddingLeft: 0,
+            paddingVertical: 16,
         },
         innerContainer: {
             flexDirection: 'row',
             alignItems: 'center',
             justifyContent: 'space-between',
             gap: 12,
-            paddingVertical: 4,
         },
         rightContent: {
             flexDirection: 'row',
@@ -207,6 +221,10 @@ const useLinkRowStyles = () => {
         },
         title: {
             flexShrink: 1,
+            alignSelf: 'center',
+        },
+        rightLabelText: {
+            color: theme.colors.textColorDefaultSecondary,
         },
         icon: {
             color: theme.colors.iconColorDefaultDisabled,

package/build/screens/notification_settings_screen.js.map

@@ -1 +1 @@
-{"version":3,"file":"notification_settings_screen.js","sourceRoot":"","sources":["../../src/screens/notification_settings_screen.tsx"],"names":[],"mappings":"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","sourcesContent":["import { PlatformPressable } from '@react-navigation/elements'\nimport { StaticScreenProps, useNavigation } from '@react-navigation/native'\nimport type { NativeStackNavigationProp } from '@react-navigation/native-stack'\nimport React, { useCallback, useEffect, type ReactNode } from 'react'\nimport { FlatList, Platform, StyleSheet, View, type ViewProps, type ViewStyle } from 'react-native'\nimport { Heading, Icon, Text } from '../components'\nimport { HeaderTextButton } from '../components/display/platform_modal_header_buttons'\nimport { useTheme } from '../hooks'\nimport { isDefined } from '../types'\nimport { useChatTypes } from './preferred_app/hooks/use_chat_types'\nimport type { PreferredAppSelectionScreenProps } from './preferred_app_selection_screen'\n\n// =========================================\n// ====== Factory Constants & Types ========\n// =========================================\n\ntype NotificationSettingsStackParamList = {\n  NotificationSettings: {}\n  PreferredAppSelection: PreferredAppSelectionScreenProps['route']['params']\n}\n\nenum SectionTypes {\n  header,\n  hidden,\n  setting,\n  view,\n  link,\n}\n\ntype SectionListData = Array<\n  | DataItem<{ title: string }, SectionTypes.header>\n  | DataItem<ViewProps, SectionTypes.view>\n  | DataItem<SettingRowProps, SectionTypes.setting>\n  | DataItem<LinkRowProps, SectionTypes.link>\n  | DataItem<any, SectionTypes.hidden>\n>\n\ninterface DataItem<T, TName extends SectionTypes> {\n  type: TName\n  data: T\n  sectionOuterStyle?: ViewStyle\n  sectionInnerStyle?: ViewStyle\n  showBottomBorder?: boolean\n}\n\n// =================================\n// ====== Components ===============\n// =================================\n\nexport type NotificationSettingsScreenProps = StaticScreenProps<{}>\n\nexport function NotificationSettingsScreen({}: NotificationSettingsScreenProps) {\n  const navigation = useNavigation<NativeStackNavigationProp<NotificationSettingsStackParamList>>()\n  const styles = useStyles()\n  const { data: chatTypes } = useChatTypes()\n\n  // Header configuration\n  const HeaderRight = useCallback(() => {\n    return (\n      <HeaderTextButton\n        onPress={() => {\n          // Save settings logic would go here\n          navigation.goBack()\n        }}\n        title=\"Done\"\n      />\n    )\n  }, [navigation])\n\n  useEffect(() => {\n    navigation.setOptions({\n      headerRight: HeaderRight,\n    })\n  }, [HeaderRight, navigation])\n\n  // Build section data\n  const listData = [\n    {\n      type: SectionTypes.header,\n      data: { title: 'Preferred app' },\n      sectionInnerStyle: styles.sectionInnerHeader,\n    },\n    {\n      type: SectionTypes.view,\n      data: {\n        children: (\n          <Text variant=\"footnote\" style={styles.sectionDescription}>\n            Choose which app receives each type of chat notification\n          </Text>\n        ),\n      },\n      showBottomBorder: true,\n    },\n    ...chatTypes.map(type => ({\n      type: SectionTypes.link,\n      data: {\n        title: `${type.title} Conversations`,\n        subtitle: type.preferredApp,\n        onPress: () =>\n          navigation.navigate('PreferredAppSelection', {\n            chatTypeId: type.id,\n          }),\n      },\n      showBottomBorder: true,\n    })),\n    // {\n    //   type: SectionTypes.header,\n    //   data: {\n    //     title: 'Manage chat settings',\n    //   },\n    //   sectionInnerStyle: styles.sectionInnerHeader,\n    // },\n    // {\n    //   type: SectionTypes.view,\n    //   data: {\n    //     children: (\n    //       <Text variant=\"footnote\" style={styles.sectionDescription}>\n    //         Notification settings for all of your group, team and event related conversations\n    //       </Text>\n    //     ),\n    //   },\n    //   showBottomBorder: true,\n    // },\n  ].filter(item => item.type !== SectionTypes.hidden)\n\n  const headerIndices = listData\n    .map(({ type }, index) => (type === SectionTypes.header ? index : undefined))\n    .filter(isDefined)\n\n  return (\n    <View style={styles.listContainer}>\n      <FlatList\n        data={listData as SectionListData}\n        contentContainerStyle={styles.contentContainer}\n        renderItem={({ item, index }) => {\n          const [isStart, isEnd] = [\n            index === 0 || headerIndices.includes(index),\n            index === listData.length - 1 || headerIndices.includes(index + 1),\n          ]\n\n          switch (item.type) {\n            case SectionTypes.header:\n              return (\n                <ListSection\n                  isStart={isStart}\n                  isEnd={isEnd}\n                  showBottomBorder={item?.showBottomBorder}\n                  outerStyle={item?.sectionOuterStyle}\n                  innerStyle={item?.sectionInnerStyle}\n                >\n                  <Heading variant=\"h3\">{item.data.title}</Heading>\n                </ListSection>\n              )\n            case SectionTypes.setting:\n              return (\n                <ListSection\n                  isStart={isStart}\n                  isEnd={isEnd}\n                  showBottomBorder={item?.showBottomBorder}\n                  outerStyle={item?.sectionOuterStyle}\n                  innerStyle={item?.sectionInnerStyle}\n                >\n                  <SettingRow {...item.data} />\n                </ListSection>\n              )\n            case SectionTypes.view:\n              return (\n                <ListSection\n                  isStart={isStart}\n                  isEnd={isEnd}\n                  showBottomBorder={item?.showBottomBorder}\n                  outerStyle={item?.sectionOuterStyle}\n                  innerStyle={item?.sectionInnerStyle}\n                >\n                  <View {...item.data} style={item.data.style} />\n                </ListSection>\n              )\n            case SectionTypes.link:\n              return (\n                <ListSection\n                  isStart={isStart}\n                  isEnd={isEnd}\n                  showBottomBorder={item?.showBottomBorder}\n                  outerStyle={item?.sectionOuterStyle}\n                  innerStyle={item?.sectionInnerStyle}\n                >\n                  <LinkRow {...item.data} />\n                </ListSection>\n              )\n            default:\n              return null\n          }\n        }}\n      />\n    </View>\n  )\n}\n\ninterface ListSectionProps {\n  isStart?: boolean\n  isEnd?: boolean\n  showBottomBorder?: boolean\n  outerStyle?: ViewStyle\n  innerStyle?: ViewStyle\n  children: ReactNode\n}\n\nfunction ListSection({\n  isStart,\n  isEnd,\n  showBottomBorder,\n  outerStyle,\n  innerStyle,\n  children,\n}: ListSectionProps) {\n  const styles = useStyles({ isStart, isEnd })\n  const bottomBorder = showBottomBorder ? styles.sectionInnerBottomBorder : {}\n\n  return (\n    <View style={[styles.sectionOuterBase, outerStyle]}>\n      <View style={[styles.sectionInnerBase, bottomBorder, innerStyle]}>{children}</View>\n    </View>\n  )\n}\n\ninterface SettingRowProps {\n  title: string\n  style?: ViewStyle\n  rightItem?: ReactNode\n  subtitle?: string\n  rightItemStyle?: ViewStyle\n}\n\nfunction SettingRow({ title, style, subtitle, rightItem, rightItemStyle = {} }: SettingRowProps) {\n  const styles = useStyles()\n\n  return (\n    <View style={[styles.settingRow, style]}>\n      <View style={styles.settingRowContent}>\n        <Text variant=\"plain\" style={styles.settingRowText}>\n          {title}\n        </Text>\n        {Boolean(subtitle) && <Text variant=\"footnote\">{subtitle}</Text>}\n      </View>\n      {Boolean(rightItem) && <View style={rightItemStyle}>{rightItem}</View>}\n    </View>\n  )\n}\n\ninterface LinkRowProps {\n  title: string\n  subtitle: string\n  onPress: () => void\n}\n\nfunction LinkRow({ title, subtitle, onPress }: LinkRowProps) {\n  const styles = useLinkRowStyles()\n\n  return (\n    <PlatformPressable\n      style={styles.row}\n      onPress={onPress}\n      accessibilityRole=\"link\"\n      accessibilityLabel={title}\n      accessibilityHint={`Navigate to ${title} settings`}\n    >\n      <View style={styles.innerContainer}>\n        <Text style={styles.title} numberOfLines={2}>\n          {title}\n        </Text>\n        <View style={styles.rightContent}>\n          <Text numberOfLines={1}>{subtitle}</Text>\n          {Platform.OS === 'ios' && (\n            <Icon name=\"general.rightChevron\" size={16} style={styles.icon} />\n          )}\n        </View>\n      </View>\n    </PlatformPressable>\n  )\n}\n\n// =================================\n// ====== Styles ===================\n// =================================\n\nconst useStyles = ({ isStart, isEnd }: { isStart?: boolean; isEnd?: boolean } = {}) => {\n  const { colors } = useTheme()\n  const headerBottomPadding = 0\n\n  return StyleSheet.create({\n    listContainer: {\n      flex: 1,\n      backgroundColor: colors.surfaceColor080,\n    },\n    contentContainer: {},\n    sectionOuterBase: {\n      paddingLeft: 16,\n      backgroundColor: colors.surfaceColor100,\n    },\n    sectionInnerBase: {\n      paddingRight: 16,\n      paddingTop: isStart ? 16 : 12,\n      paddingBottom: isEnd ? 16 : 12,\n    },\n    sectionInnerHeader: {\n      paddingBottom: headerBottomPadding,\n    },\n    sectionInnerBottomBorder: {\n      borderBottomColor: colors.borderColorDefaultBase,\n      borderBottomWidth: 1,\n    },\n    sectionDescription: {\n      color: colors.textColorDefaultSecondary,\n    },\n    settingRow: {\n      flexDirection: 'row',\n      justifyContent: 'space-between',\n      alignItems: 'center',\n      gap: 8,\n    },\n    settingRowContent: {\n      flex: 1,\n    },\n    settingRowText: {\n      lineHeight: 20,\n    },\n  })\n}\n\nconst useLinkRowStyles = () => {\n  const theme = useTheme()\n\n  return StyleSheet.create({\n    row: {\n      paddingLeft: 0,\n    },\n    innerContainer: {\n      flexDirection: 'row',\n      alignItems: 'center',\n      justifyContent: 'space-between',\n      gap: 12,\n      paddingVertical: 4,\n    },\n    rightContent: {\n      flexDirection: 'row',\n      alignItems: 'center',\n      gap: 8,\n    },\n    title: {\n      flexShrink: 1,\n    },\n    icon: {\n      color: theme.colors.iconColorDefaultDisabled,\n    },\n  })\n}\n"]}
+{"version":3,"file":"notification_settings_screen.js","sourceRoot":"","sources":["../../src/screens/notification_settings_screen.tsx"],"names":[],"mappings":"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","sourcesContent":["import { PlatformPressable } from '@react-navigation/elements'\nimport { StaticScreenProps, useNavigation } from '@react-navigation/native'\nimport type { NativeStackNavigationProp } from '@react-navigation/native-stack'\nimport React, { useCallback, useEffect, type ReactNode } from 'react'\nimport { FlatList, Platform, StyleSheet, View, type ViewProps, type ViewStyle } from 'react-native'\nimport { Badge, Heading, Icon, Text } from '../components'\nimport { HeaderTextButton } from '../components/display/platform_modal_header_buttons'\nimport { useTheme } from '../hooks'\nimport { isDefined } from '../types'\nimport type { GroupNotificationSettingsScreenProps } from './group_notification_settings_screen'\nimport { useGroups } from './notification_settings/hooks/groups'\nimport { useChatTypes } from './preferred_app/hooks/use_chat_types'\nimport type { PreferredAppSelectionScreenProps } from './preferred_app_selection_screen'\n\n// =========================================\n// ====== Factory Constants & Types ========\n// =========================================\n\ntype NotificationSettingsStackParamList = {\n  NotificationSettings: {}\n  PreferredAppSelection: PreferredAppSelectionScreenProps['route']['params']\n  GroupNotificationSettings: GroupNotificationSettingsScreenProps['route']['params']\n}\n\nenum SectionTypes {\n  header,\n  hidden,\n  setting,\n  view,\n  link,\n}\n\ntype SectionListData = Array<\n  | DataItem<{ title: string }, SectionTypes.header>\n  | DataItem<ViewProps, SectionTypes.view>\n  | DataItem<SettingRowProps, SectionTypes.setting>\n  | DataItem<LinkRowProps, SectionTypes.link>\n  | DataItem<any, SectionTypes.hidden>\n>\n\ninterface DataItem<T, TName extends SectionTypes> {\n  type: TName\n  data: T\n  sectionOuterStyle?: ViewStyle\n  sectionInnerStyle?: ViewStyle\n  showBottomBorder?: boolean\n}\n\n// =================================\n// ====== Components ===============\n// =================================\n\nexport type NotificationSettingsScreenProps = StaticScreenProps<{}>\n\nexport function NotificationSettingsScreen({}: NotificationSettingsScreenProps) {\n  const navigation = useNavigation<NativeStackNavigationProp<NotificationSettingsStackParamList>>()\n  const styles = useStyles()\n  const { data: chatTypes } = useChatTypes()\n  const { data: groups } = useGroups()\n\n  // Header configuration\n  const HeaderRight = useCallback(() => {\n    return (\n      <HeaderTextButton\n        onPress={() => {\n          // Save settings logic would go here\n          navigation.goBack()\n        }}\n        title=\"Done\"\n      />\n    )\n  }, [navigation])\n\n  useEffect(() => {\n    navigation.setOptions({\n      headerRight: HeaderRight,\n    })\n  }, [HeaderRight, navigation])\n\n  // Build section data\n  const listData = [\n    {\n      type: SectionTypes.header,\n      data: { title: 'Preferred app' },\n      sectionInnerStyle: styles.sectionInnerHeader,\n    },\n    {\n      type: SectionTypes.view,\n      data: {\n        children: (\n          <Text variant=\"tertiary\" style={styles.sectionDescription}>\n            Choose which app receives each type of chat notification\n          </Text>\n        ),\n      },\n      showBottomBorder: true,\n    },\n    ...chatTypes.map(type => ({\n      type: SectionTypes.link,\n      data: {\n        title: `${type.title} Conversations`,\n        rightLabel: type.preferredApp,\n        onPress: () =>\n          navigation.navigate('PreferredAppSelection', {\n            chatTypeId: type.id,\n          }),\n      },\n      sectionInnerStyle: { paddingVertical: 0 },\n      showBottomBorder: true,\n    })),\n    {\n      type: SectionTypes.header,\n      data: {\n        title: 'Manage chat settings',\n      },\n      sectionInnerStyle: styles.sectionInnerHeader,\n    },\n    {\n      type: SectionTypes.view,\n      data: {\n        children: (\n          <Text variant=\"tertiary\" style={styles.sectionDescription}>\n            Notification settings for all of your group, team and event related conversations\n          </Text>\n        ),\n      },\n      showBottomBorder: true,\n    },\n    ...groups.map(group => ({\n      type: SectionTypes.link,\n      data: {\n        title: group.name,\n        rightLabel: group.sourceType,\n        onPress: () =>\n          navigation.navigate('GroupNotificationSettings', {\n            groupId: group.id,\n            title: group.name || 'Group',\n          }),\n      },\n      sectionInnerStyle: { paddingVertical: 0 },\n      showBottomBorder: true,\n    })),\n  ].filter(item => item.type !== SectionTypes.hidden)\n\n  const headerIndices = listData\n    .map(({ type }, index) => (type === SectionTypes.header ? index : undefined))\n    .filter(isDefined)\n\n  return (\n    <View style={styles.listContainer}>\n      <FlatList\n        data={listData as SectionListData}\n        contentContainerStyle={styles.contentContainer}\n        renderItem={({ item, index }) => {\n          const [isStart, isEnd] = [\n            index === 0 || headerIndices.includes(index),\n            index === listData.length - 1 || headerIndices.includes(index + 1),\n          ]\n\n          switch (item.type) {\n            case SectionTypes.header:\n              return (\n                <ListSection\n                  isStart={isStart}\n                  isEnd={isEnd}\n                  showBottomBorder={item?.showBottomBorder}\n                  outerStyle={item?.sectionOuterStyle}\n                  innerStyle={item?.sectionInnerStyle}\n                >\n                  <Heading variant=\"h2\">{item.data.title}</Heading>\n                </ListSection>\n              )\n            case SectionTypes.setting:\n              return (\n                <ListSection\n                  isStart={isStart}\n                  isEnd={isEnd}\n                  showBottomBorder={item?.showBottomBorder}\n                  outerStyle={item?.sectionOuterStyle}\n                  innerStyle={item?.sectionInnerStyle}\n                >\n                  <SettingRow {...item.data} />\n                </ListSection>\n              )\n            case SectionTypes.view:\n              return (\n                <ListSection\n                  isStart={isStart}\n                  isEnd={isEnd}\n                  showBottomBorder={item?.showBottomBorder}\n                  outerStyle={item?.sectionOuterStyle}\n                  innerStyle={item?.sectionInnerStyle}\n                >\n                  <View {...item.data} style={item.data.style} />\n                </ListSection>\n              )\n            case SectionTypes.link:\n              return (\n                <ListSection\n                  isStart={isStart}\n                  isEnd={isEnd}\n                  showBottomBorder={item?.showBottomBorder}\n                  outerStyle={item?.sectionOuterStyle}\n                  innerStyle={item?.sectionInnerStyle}\n                >\n                  <LinkRow {...item.data} />\n                </ListSection>\n              )\n            default:\n              return null\n          }\n        }}\n      />\n    </View>\n  )\n}\n\ninterface ListSectionProps {\n  isStart?: boolean\n  isEnd?: boolean\n  showBottomBorder?: boolean\n  outerStyle?: ViewStyle\n  innerStyle?: ViewStyle\n  children: ReactNode\n}\n\nfunction ListSection({\n  isStart,\n  isEnd,\n  showBottomBorder,\n  outerStyle,\n  innerStyle,\n  children,\n}: ListSectionProps) {\n  const styles = useStyles({ isStart, isEnd })\n  const bottomBorder = showBottomBorder ? styles.sectionInnerBottomBorder : {}\n\n  return (\n    <View style={[styles.sectionOuterBase, outerStyle]}>\n      <View style={[styles.sectionInnerBase, bottomBorder, innerStyle]}>{children}</View>\n    </View>\n  )\n}\n\ninterface SettingRowProps {\n  title: string\n  style?: ViewStyle\n  rightItem?: ReactNode\n  rightLabel?: string\n  rightItemStyle?: ViewStyle\n}\n\nfunction SettingRow({ title, style, rightLabel, rightItem, rightItemStyle = {} }: SettingRowProps) {\n  const styles = useStyles()\n\n  return (\n    <View style={[styles.settingRow, style]}>\n      <View style={styles.settingRowContent}>\n        <Text variant=\"plain\" style={styles.settingRowText}>\n          {title}\n        </Text>\n        {Boolean(rightLabel) && <Text variant=\"footnote\">{rightLabel}</Text>}\n      </View>\n      {Boolean(rightItem) && <View style={rightItemStyle}>{rightItem}</View>}\n    </View>\n  )\n}\n\ninterface LinkRowProps {\n  title: string\n  rightLabel: string\n  onPress: () => void\n}\n\nfunction LinkRow({ title, rightLabel, onPress }: LinkRowProps) {\n  const styles = useLinkRowStyles()\n  const isSourceType = rightLabel === 'Team' || rightLabel === 'Group' || rightLabel === 'PlanTeam'\n\n  return (\n    <PlatformPressable\n      style={styles.row}\n      onPress={onPress}\n      accessibilityRole=\"link\"\n      accessibilityLabel={title}\n      accessibilityHint={`Navigate to ${title} settings`}\n    >\n      <View style={styles.innerContainer}>\n        <Text style={styles.title} numberOfLines={2}>\n          {title}\n        </Text>\n        <View style={styles.rightContent}>\n          {isSourceType ? (\n            <Badge label={rightLabel} appearance=\"neutral\" variant=\"meta\" />\n          ) : (\n            <Text numberOfLines={1} style={styles.rightLabelText}>\n              {rightLabel}\n            </Text>\n          )}\n          {Platform.OS === 'ios' && (\n            <Icon name=\"general.rightChevron\" size={16} style={styles.icon} />\n          )}\n        </View>\n      </View>\n    </PlatformPressable>\n  )\n}\n\n// =================================\n// ====== Styles ===================\n// =================================\n\nconst useStyles = ({}: { isStart?: boolean; isEnd?: boolean } = {}) => {\n  const { colors } = useTheme()\n  const headerBottomPadding = 0\n\n  return StyleSheet.create({\n    listContainer: {\n      flex: 1,\n    },\n    contentContainer: {},\n    sectionOuterBase: {\n      paddingLeft: 16,\n    },\n    sectionInnerBase: {\n      paddingRight: 16,\n      paddingVertical: 16,\n    },\n    sectionInnerHeader: {\n      paddingBottom: headerBottomPadding,\n    },\n    sectionInnerBottomBorder: {\n      borderBottomColor: colors.borderColorDefaultBase,\n      borderBottomWidth: 1,\n    },\n    sectionDescription: {\n      color: colors.textColorDefaultSecondary,\n    },\n    settingRow: {\n      flexDirection: 'row',\n      justifyContent: 'space-between',\n      alignItems: 'center',\n      gap: 8,\n    },\n    settingRowContent: {\n      flex: 1,\n    },\n    settingRowText: {\n      lineHeight: 20,\n    },\n  })\n}\n\nconst useLinkRowStyles = () => {\n  const theme = useTheme()\n\n  return StyleSheet.create({\n    row: {\n      paddingLeft: 0,\n      paddingVertical: 16,\n    },\n    innerContainer: {\n      flexDirection: 'row',\n      alignItems: 'center',\n      justifyContent: 'space-between',\n      gap: 12,\n    },\n    rightContent: {\n      flexDirection: 'row',\n      alignItems: 'center',\n      gap: 8,\n    },\n    title: {\n      flexShrink: 1,\n      alignSelf: 'center',\n    },\n    rightLabelText: {\n      color: theme.colors.textColorDefaultSecondary,\n    },\n    icon: {\n      color: theme.colors.iconColorDefaultDisabled,\n    },\n  })\n}\n"]}

package/build/screens/preferred_app_selection_screen.js

@@ -21,7 +21,7 @@ export function PreferredAppSelectionScreen({ route }) {
         mutationFn: (app) => {
             return apiClient.chat
                 .post({
-                url: `/me/chat_types/${chatTypeId}/set_preferred_appz`,
+                url: `/me/chat_types/${chatTypeId}/set_preferred_app`,
                 data: { data: { type: 'ChatType', attributes: { app } } },
             })
                 .catch(throwResponseError);