@planningcenter/chat-react-native 3.42.3-qa-staging.7 → 3.42.3-qa-856.0

package/build/navigation/index.d.ts

@@ -1,5 +1,4 @@
 import { StaticParamList } from '@react-navigation/native';
-import { NativeStackHeaderRightProps } from '@react-navigation/native-stack';
 import { CardStyleInterpolators } from '@react-navigation/stack';
 import { useDirectMessagesEnabled } from '../hooks';
 import { AttachmentActionsScreen } from '../screens/attachment_actions/attachment_actions_screen';
@@ -26,14 +25,14 @@ import { SystemMessagePeopleScreen } from '../screens/system_message_people_scre
 import { ScreenLayoutWithChatAccessGate } from './screenLayout';
 export declare const NewConversationStack: import("@react-navigation/core").TypedNavigator<{
     ParamList: import("@react-navigation/routers").ParamListBase;
-    NavigatorID: undefined;
+    NavigatorID: string | undefined;
     State: import("@react-navigation/routers").StackNavigationState<import("@react-navigation/routers").ParamListBase>;
     ScreenOptions: import("@react-navigation/native-stack").NativeStackNavigationOptions;
     EventMap: import("@react-navigation/native-stack").NativeStackNavigationEventMap;
     NavigationList: {
-        [x: string]: import("@react-navigation/native-stack").NativeStackNavigationProp<import("@react-navigation/routers").ParamListBase, string, undefined>;
+        [x: string]: import("@react-navigation/native-stack").NativeStackNavigationProp<import("@react-navigation/routers").ParamListBase, string, string | undefined>;
     };
-    Navigator: ({ id, initialRouteName, children, layout, screenListeners, screenOptions, screenLayout, UNSTABLE_getStateForRouteNamesChange, ...rest }: import("@react-navigation/native-stack").NativeStackNavigatorProps) => import("react/jsx-runtime").JSX.Element;
+    Navigator: ({ id, initialRouteName, UNSTABLE_routeNamesChangeBehavior, children, layout, screenListeners, screenOptions, screenLayout, UNSTABLE_router, ...rest }: import("@react-navigation/native-stack").NativeStackNavigatorProps) => import("react/jsx-runtime").JSX.Element;
 }, {
     readonly initialRouteName: "ConversationNewEntry";
     readonly screenOptions: {
@@ -45,47 +44,34 @@ export declare const NewConversationStack: import("@react-navigation/core").Type
             readonly screen: ({ route }: import("../screens/conversation_select_recipients/types/screen_props").ConversationSelectRecipientsScreenProps) => import("react/jsx-runtime").JSX.Element;
             readonly options: ({ navigation }: {
                 route: import("@react-navigation/core").RouteProp<import("@react-navigation/routers").ParamListBase, string>;
-                navigation: import("@react-navigation/native-stack").NativeStackNavigationProp<import("@react-navigation/routers").ParamListBase, string, undefined>;
+                navigation: import("@react-navigation/native-stack").NativeStackNavigationProp<import("@react-navigation/routers").ParamListBase, string, string | undefined>;
                 theme: ReactNavigation.Theme;
-            }) => {
-                title: string;
-                headerRight: (props: NativeStackHeaderRightProps) => import("react/jsx-runtime").JSX.Element;
-                headerBackVisible: false;
-            };
+            }) => import("@react-navigation/native-stack").NativeStackNavigationOptions;
         };
         readonly ConversationSelectGroupRecipients: {
             readonly screen: ({ route, }: import("../screens/conversation_select_recipients/types/screen_props").ConversationSelectRecipientsScreenProps) => import("react/jsx-runtime").JSX.Element;
             readonly options: ({ navigation, route }: {
                 route: import("@react-navigation/core").RouteProp<import("@react-navigation/routers").ParamListBase, string>;
-                navigation: import("@react-navigation/native-stack").NativeStackNavigationProp<import("@react-navigation/routers").ParamListBase, string, undefined>;
+                navigation: import("@react-navigation/native-stack").NativeStackNavigationProp<import("@react-navigation/routers").ParamListBase, string, string | undefined>;
                 theme: ReactNavigation.Theme;
-            }) => {
-                title: string;
-                headerRight: (props: NativeStackHeaderRightProps) => import("react/jsx-runtime").JSX.Element;
-            };
+            }) => import("@react-navigation/native-stack").NativeStackNavigationOptions;
         };
         readonly ConversationSelectTeamsILeadRecipients: {
             readonly screen: ({ route, }: import("../screens/conversation_select_recipients/types/screen_props").ConversationSelectRecipientsScreenProps) => import("react/jsx-runtime").JSX.Element;
             readonly options: ({ navigation, route }: {
                 route: import("@react-navigation/core").RouteProp<import("@react-navigation/routers").ParamListBase, string>;
-                navigation: import("@react-navigation/native-stack").NativeStackNavigationProp<import("@react-navigation/routers").ParamListBase, string, undefined>;
+                navigation: import("@react-navigation/native-stack").NativeStackNavigationProp<import("@react-navigation/routers").ParamListBase, string, string | undefined>;
                 theme: ReactNavigation.Theme;
-            }) => {
-                title: string;
-                headerRight: (props: NativeStackHeaderRightProps) => import("react/jsx-runtime").JSX.Element;
-            };
+            }) => import("@react-navigation/native-stack").NativeStackNavigationOptions;
         };
         readonly ConversationSelectDirectMessageRecipients: {
             readonly screen: typeof ConversationSelectDirectMessageRecipientsScreen;
             readonly if: typeof useDirectMessagesEnabled;
             readonly options: ({ navigation, route }: {
                 route: import("@react-navigation/core").RouteProp<import("@react-navigation/routers").ParamListBase, string>;
-                navigation: import("@react-navigation/native-stack").NativeStackNavigationProp<import("@react-navigation/routers").ParamListBase, string, undefined>;
+                navigation: import("@react-navigation/native-stack").NativeStackNavigationProp<import("@react-navigation/routers").ParamListBase, string, string | undefined>;
                 theme: ReactNavigation.Theme;
-            }) => {
-                title: string;
-                headerRight: (props: NativeStackHeaderRightProps) => import("react/jsx-runtime").JSX.Element;
-            };
+            }) => import("@react-navigation/native-stack").NativeStackNavigationOptions;
         };
         readonly ConversationFilterRecipients: {
             readonly screen: ({ route, }: import("../screens/conversation_filter_recipients/types").ConversationFilterRecipientsScreenProps) => import("react/jsx-runtime").JSX.Element;
@@ -108,13 +94,9 @@ export declare const NewConversationStack: import("@react-navigation/core").Type
             }) => import("react/jsx-runtime").JSX.Element;
             readonly options: ({ navigation, route }: {
                 route: import("@react-navigation/core").RouteProp<import("@react-navigation/routers").ParamListBase, string>;
-                navigation: import("@react-navigation/native-stack").NativeStackNavigationProp<import("@react-navigation/routers").ParamListBase, string, undefined>;
+                navigation: import("@react-navigation/native-stack").NativeStackNavigationProp<import("@react-navigation/routers").ParamListBase, string, string | undefined>;
                 theme: ReactNavigation.Theme;
-            }) => {
-                title: string;
-                headerLeft: () => null;
-                headerRight: (props: NativeStackHeaderRightProps) => import("react/jsx-runtime").JSX.Element;
-            };
+            }) => import("@react-navigation/native-stack").NativeStackNavigationOptions;
         };
         readonly AvatarPicker: {
             readonly screen: typeof AvatarPickerScreen;
@@ -124,14 +106,14 @@ export declare const NewConversationStack: import("@react-navigation/core").Type
 }>;
 export declare const ChatStack: import("@react-navigation/core").TypedNavigator<{
     ParamList: import("@react-navigation/routers").ParamListBase;
-    NavigatorID: undefined;
+    NavigatorID: string | undefined;
     State: import("@react-navigation/routers").StackNavigationState<import("@react-navigation/routers").ParamListBase>;
     ScreenOptions: import("@react-navigation/native-stack").NativeStackNavigationOptions;
     EventMap: import("@react-navigation/native-stack").NativeStackNavigationEventMap;
     NavigationList: {
-        [x: string]: import("@react-navigation/native-stack").NativeStackNavigationProp<import("@react-navigation/routers").ParamListBase, string, undefined>;
+        [x: string]: import("@react-navigation/native-stack").NativeStackNavigationProp<import("@react-navigation/routers").ParamListBase, string, string | undefined>;
     };
-    Navigator: ({ id, initialRouteName, children, layout, screenListeners, screenOptions, screenLayout, UNSTABLE_getStateForRouteNamesChange, ...rest }: import("@react-navigation/native-stack").NativeStackNavigatorProps) => import("react/jsx-runtime").JSX.Element;
+    Navigator: ({ id, initialRouteName, UNSTABLE_routeNamesChangeBehavior, children, layout, screenListeners, screenOptions, screenLayout, UNSTABLE_router, ...rest }: import("@react-navigation/native-stack").NativeStackNavigatorProps) => import("react/jsx-runtime").JSX.Element;
 }, {
     readonly screenOptions: {
         readonly headerBackButtonDisplayMode: "minimal";
@@ -142,13 +124,9 @@ export declare const ChatStack: import("@react-navigation/core").TypedNavigator<
             readonly screen: typeof ConversationsScreen;
             readonly options: ({ route, navigation }: {
                 route: import("@react-navigation/core").RouteProp<import("@react-navigation/routers").ParamListBase, string>;
-                navigation: import("@react-navigation/native-stack").NativeStackNavigationProp<import("@react-navigation/routers").ParamListBase, string, undefined>;
+                navigation: import("@react-navigation/native-stack").NativeStackNavigationProp<import("@react-navigation/routers").ParamListBase, string, string | undefined>;
                 theme: ReactNavigation.Theme;
-            }) => {
-                headerTitle: string;
-                headerBackVisible: false;
-                headerRight: (props: NativeStackHeaderRightProps) => import("react/jsx-runtime").JSX.Element;
-            };
+            }) => import("@react-navigation/native-stack").NativeStackNavigationOptions;
         };
         readonly ConversationFilters: {
             readonly screen: (_props: import("..").ConversationFiltersScreenProps) => import("react/jsx-runtime").JSX.Element;
@@ -158,24 +136,17 @@ export declare const ChatStack: import("@react-navigation/core").TypedNavigator<
             readonly screen: typeof ConversationScreen;
             readonly options: ({ route, navigation }: {
                 route: import("@react-navigation/core").RouteProp<import("@react-navigation/routers").ParamListBase, string>;
-                navigation: import("@react-navigation/native-stack").NativeStackNavigationProp<import("@react-navigation/routers").ParamListBase, string, undefined>;
+                navigation: import("@react-navigation/native-stack").NativeStackNavigationProp<import("@react-navigation/routers").ParamListBase, string, string | undefined>;
                 theme: ReactNavigation.Theme;
-            }) => {
-                headerTitle: (props: NativeStackHeaderRightProps) => import("react/jsx-runtime").JSX.Element;
-                headerRight: (props: NativeStackHeaderRightProps) => import("react/jsx-runtime").JSX.Element;
-                headerLeft: (props: import("@react-navigation/native-stack").NativeStackHeaderLeftProps) => import("react/jsx-runtime").JSX.Element;
-            };
+            }) => import("@react-navigation/native-stack").NativeStackNavigationOptions;
         };
         readonly ConversationReply: {
             readonly screen: typeof ConversationScreen;
             readonly options: ({ route, navigation }: {
                 route: import("@react-navigation/core").RouteProp<import("@react-navigation/routers").ParamListBase, string>;
-                navigation: import("@react-navigation/native-stack").NativeStackNavigationProp<import("@react-navigation/routers").ParamListBase, string, undefined>;
+                navigation: import("@react-navigation/native-stack").NativeStackNavigationProp<import("@react-navigation/routers").ParamListBase, string, string | undefined>;
                 theme: ReactNavigation.Theme;
-            }) => {
-                title: string;
-                headerLeft: (props: import("@react-navigation/native-stack").NativeStackHeaderLeftProps) => import("react/jsx-runtime").JSX.Element;
-            };
+            }) => import("@react-navigation/native-stack").NativeStackNavigationOptions;
         };
         readonly TeamConversation: {
             readonly screen: ({ route }: import("..").TeamConversationScreenProps) => import("react/jsx-runtime").JSX.Element;
@@ -190,13 +161,9 @@ export declare const ChatStack: import("@react-navigation/core").TypedNavigator<
             readonly screen: typeof ConversationDetailsScreen;
             readonly options: ({ navigation }: {
                 route: import("@react-navigation/core").RouteProp<import("@react-navigation/routers").ParamListBase, string>;
-                navigation: import("@react-navigation/native-stack").NativeStackNavigationProp<import("@react-navigation/routers").ParamListBase, string, undefined>;
+                navigation: import("@react-navigation/native-stack").NativeStackNavigationProp<import("@react-navigation/routers").ParamListBase, string, string | undefined>;
                 theme: ReactNavigation.Theme;
-            }) => {
-                presentation: "modal";
-                title: string;
-                headerRight: (props: NativeStackHeaderRightProps) => import("react/jsx-runtime").JSX.Element;
-            };
+            }) => import("@react-navigation/native-stack").NativeStackNavigationOptions;
         };
         readonly AvatarPicker: {
             readonly screen: typeof AvatarPickerScreen;
@@ -206,25 +173,17 @@ export declare const ChatStack: import("@react-navigation/core").TypedNavigator<
             readonly screen: typeof SettingsScreen;
             readonly options: ({ navigation }: {
                 route: import("@react-navigation/core").RouteProp<import("@react-navigation/routers").ParamListBase, string>;
-                navigation: import("@react-navigation/native-stack").NativeStackNavigationProp<import("@react-navigation/routers").ParamListBase, string, undefined>;
+                navigation: import("@react-navigation/native-stack").NativeStackNavigationProp<import("@react-navigation/routers").ParamListBase, string, string | undefined>;
                 theme: ReactNavigation.Theme;
-            }) => {
-                title: string;
-                headerBackVisible: false;
-                headerRight: (props: NativeStackHeaderRightProps) => import("react/jsx-runtime").JSX.Element;
-            };
+            }) => import("@react-navigation/native-stack").NativeStackNavigationOptions;
         };
         readonly NotificationSettings: {
             readonly screen: typeof NotificationSettingsScreen;
             readonly options: ({ navigation }: {
                 route: import("@react-navigation/core").RouteProp<import("@react-navigation/routers").ParamListBase, string>;
-                navigation: import("@react-navigation/native-stack").NativeStackNavigationProp<import("@react-navigation/routers").ParamListBase, string, undefined>;
+                navigation: import("@react-navigation/native-stack").NativeStackNavigationProp<import("@react-navigation/routers").ParamListBase, string, string | undefined>;
                 theme: ReactNavigation.Theme;
-            }) => {
-                title: string;
-                headerBackVisible: false;
-                headerRight: (props: NativeStackHeaderRightProps) => import("react/jsx-runtime").JSX.Element;
-            };
+            }) => import("@react-navigation/native-stack").NativeStackNavigationOptions;
         };
         readonly PreferredAppSelection: {
             readonly screen: typeof PreferredAppSelectionScreen;
@@ -236,12 +195,9 @@ export declare const ChatStack: import("@react-navigation/core").TypedNavigator<
             readonly screen: typeof GroupNotificationSettingsScreen;
             readonly options: ({ route, navigation }: {
                 route: import("@react-navigation/core").RouteProp<import("@react-navigation/routers").ParamListBase, string>;
-                navigation: import("@react-navigation/native-stack").NativeStackNavigationProp<import("@react-navigation/routers").ParamListBase, string, undefined>;
+                navigation: import("@react-navigation/native-stack").NativeStackNavigationProp<import("@react-navigation/routers").ParamListBase, string, string | undefined>;
                 theme: ReactNavigation.Theme;
-            }) => {
-                title: string;
-                headerRight: (props: NativeStackHeaderRightProps) => import("react/jsx-runtime").JSX.Element;
-            };
+            }) => import("@react-navigation/native-stack").NativeStackNavigationOptions;
         };
         readonly GroupNotificationLevelSelect: {
             readonly screen: typeof GroupNotificationLevelSelectScreen;
@@ -254,14 +210,14 @@ export declare const ChatStack: import("@react-navigation/core").TypedNavigator<
         readonly New: {
             readonly screen: import("@react-navigation/core").TypedNavigator<{
                 ParamList: import("@react-navigation/routers").ParamListBase;
-                NavigatorID: undefined;
+                NavigatorID: string | undefined;
                 State: import("@react-navigation/routers").StackNavigationState<import("@react-navigation/routers").ParamListBase>;
                 ScreenOptions: import("@react-navigation/native-stack").NativeStackNavigationOptions;
                 EventMap: import("@react-navigation/native-stack").NativeStackNavigationEventMap;
                 NavigationList: {
-                    [x: string]: import("@react-navigation/native-stack").NativeStackNavigationProp<import("@react-navigation/routers").ParamListBase, string, undefined>;
+                    [x: string]: import("@react-navigation/native-stack").NativeStackNavigationProp<import("@react-navigation/routers").ParamListBase, string, string | undefined>;
                 };
-                Navigator: ({ id, initialRouteName, children, layout, screenListeners, screenOptions, screenLayout, UNSTABLE_getStateForRouteNamesChange, ...rest }: import("@react-navigation/native-stack").NativeStackNavigatorProps) => import("react/jsx-runtime").JSX.Element;
+                Navigator: ({ id, initialRouteName, UNSTABLE_routeNamesChangeBehavior, children, layout, screenListeners, screenOptions, screenLayout, UNSTABLE_router, ...rest }: import("@react-navigation/native-stack").NativeStackNavigatorProps) => import("react/jsx-runtime").JSX.Element;
             }, {
                 readonly initialRouteName: "ConversationNewEntry";
                 readonly screenOptions: {
@@ -273,47 +229,34 @@ export declare const ChatStack: import("@react-navigation/core").TypedNavigator<
                         readonly screen: ({ route }: import("../screens/conversation_select_recipients/types/screen_props").ConversationSelectRecipientsScreenProps) => import("react/jsx-runtime").JSX.Element;
                         readonly options: ({ navigation }: {
                             route: import("@react-navigation/core").RouteProp<import("@react-navigation/routers").ParamListBase, string>;
-                            navigation: import("@react-navigation/native-stack").NativeStackNavigationProp<import("@react-navigation/routers").ParamListBase, string, undefined>;
+                            navigation: import("@react-navigation/native-stack").NativeStackNavigationProp<import("@react-navigation/routers").ParamListBase, string, string | undefined>;
                             theme: ReactNavigation.Theme;
-                        }) => {
-                            title: string;
-                            headerRight: (props: NativeStackHeaderRightProps) => import("react/jsx-runtime").JSX.Element;
-                            headerBackVisible: false;
-                        };
+                        }) => import("@react-navigation/native-stack").NativeStackNavigationOptions;
                     };
                     readonly ConversationSelectGroupRecipients: {
                         readonly screen: ({ route, }: import("../screens/conversation_select_recipients/types/screen_props").ConversationSelectRecipientsScreenProps) => import("react/jsx-runtime").JSX.Element;
                         readonly options: ({ navigation, route }: {
                             route: import("@react-navigation/core").RouteProp<import("@react-navigation/routers").ParamListBase, string>;
-                            navigation: import("@react-navigation/native-stack").NativeStackNavigationProp<import("@react-navigation/routers").ParamListBase, string, undefined>;
+                            navigation: import("@react-navigation/native-stack").NativeStackNavigationProp<import("@react-navigation/routers").ParamListBase, string, string | undefined>;
                             theme: ReactNavigation.Theme;
-                        }) => {
-                            title: string;
-                            headerRight: (props: NativeStackHeaderRightProps) => import("react/jsx-runtime").JSX.Element;
-                        };
+                        }) => import("@react-navigation/native-stack").NativeStackNavigationOptions;
                     };
                     readonly ConversationSelectTeamsILeadRecipients: {
                         readonly screen: ({ route, }: import("../screens/conversation_select_recipients/types/screen_props").ConversationSelectRecipientsScreenProps) => import("react/jsx-runtime").JSX.Element;
                         readonly options: ({ navigation, route }: {
                             route: import("@react-navigation/core").RouteProp<import("@react-navigation/routers").ParamListBase, string>;
-                            navigation: import("@react-navigation/native-stack").NativeStackNavigationProp<import("@react-navigation/routers").ParamListBase, string, undefined>;
+                            navigation: import("@react-navigation/native-stack").NativeStackNavigationProp<import("@react-navigation/routers").ParamListBase, string, string | undefined>;
                             theme: ReactNavigation.Theme;
-                        }) => {
-                            title: string;
-                            headerRight: (props: NativeStackHeaderRightProps) => import("react/jsx-runtime").JSX.Element;
-                        };
+                        }) => import("@react-navigation/native-stack").NativeStackNavigationOptions;
                     };
                     readonly ConversationSelectDirectMessageRecipients: {
                         readonly screen: typeof ConversationSelectDirectMessageRecipientsScreen;
                         readonly if: typeof useDirectMessagesEnabled;
                         readonly options: ({ navigation, route }: {
                             route: import("@react-navigation/core").RouteProp<import("@react-navigation/routers").ParamListBase, string>;
-                            navigation: import("@react-navigation/native-stack").NativeStackNavigationProp<import("@react-navigation/routers").ParamListBase, string, undefined>;
+                            navigation: import("@react-navigation/native-stack").NativeStackNavigationProp<import("@react-navigation/routers").ParamListBase, string, string | undefined>;
                             theme: ReactNavigation.Theme;
-                        }) => {
-                            title: string;
-                            headerRight: (props: NativeStackHeaderRightProps) => import("react/jsx-runtime").JSX.Element;
-                        };
+                        }) => import("@react-navigation/native-stack").NativeStackNavigationOptions;
                     };
                     readonly ConversationFilterRecipients: {
                         readonly screen: ({ route, }: import("../screens/conversation_filter_recipients/types").ConversationFilterRecipientsScreenProps) => import("react/jsx-runtime").JSX.Element;
@@ -336,13 +279,9 @@ export declare const ChatStack: import("@react-navigation/core").TypedNavigator<
                         }) => import("react/jsx-runtime").JSX.Element;
                         readonly options: ({ navigation, route }: {
                             route: import("@react-navigation/core").RouteProp<import("@react-navigation/routers").ParamListBase, string>;
-                            navigation: import("@react-navigation/native-stack").NativeStackNavigationProp<import("@react-navigation/routers").ParamListBase, string, undefined>;
+                            navigation: import("@react-navigation/native-stack").NativeStackNavigationProp<import("@react-navigation/routers").ParamListBase, string, string | undefined>;
                             theme: ReactNavigation.Theme;
-                        }) => {
-                            title: string;
-                            headerLeft: () => null;
-                            headerRight: (props: NativeStackHeaderRightProps) => import("react/jsx-runtime").JSX.Element;
-                        };
+                        }) => import("@react-navigation/native-stack").NativeStackNavigationOptions;
                     };
                     readonly AvatarPicker: {
                         readonly screen: typeof AvatarPickerScreen;
@@ -374,13 +313,9 @@ export declare const ChatStack: import("@react-navigation/core").TypedNavigator<
             readonly if: () => boolean;
             readonly options: ({ navigation }: {
                 route: import("@react-navigation/core").RouteProp<import("@react-navigation/routers").ParamListBase, string>;
-                navigation: import("@react-navigation/native-stack").NativeStackNavigationProp<import("@react-navigation/routers").ParamListBase, string, undefined>;
+                navigation: import("@react-navigation/native-stack").NativeStackNavigationProp<import("@react-navigation/routers").ParamListBase, string, string | undefined>;
                 theme: ReactNavigation.Theme;
-            }) => {
-                title: string;
-                headerLeft: () => null;
-                headerRight: (props: NativeStackHeaderRightProps) => import("react/jsx-runtime").JSX.Element;
-            };
+            }) => import("@react-navigation/native-stack").NativeStackNavigationOptions;
         };
         readonly SendGiphy: {
             readonly screen: typeof SendGiphyScreen;
@@ -428,14 +363,9 @@ export declare const ChatStack: import("@react-navigation/core").TypedNavigator<
             }) => import("react/jsx-runtime").JSX.Element;
             readonly options: ({ navigation }: {
                 route: import("@react-navigation/core").RouteProp<import("@react-navigation/routers").ParamListBase, string>;
-                navigation: import("@react-navigation/native-stack").NativeStackNavigationProp<import("@react-navigation/routers").ParamListBase, string, undefined>;
+                navigation: import("@react-navigation/native-stack").NativeStackNavigationProp<import("@react-navigation/routers").ParamListBase, string, string | undefined>;
                 theme: ReactNavigation.Theme;
-            }) => {
-                headerTitle: string;
-                headerBackVisible: false;
-                presentation: "modal";
-                headerRight: (props: NativeStackHeaderRightProps) => import("react/jsx-runtime").JSX.Element;
-            };
+            }) => import("@react-navigation/native-stack").NativeStackNavigationOptions;
         };
         readonly NotFound: {
             readonly screen: typeof NotFound;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/navigation/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/navigation/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAA;AAK1D,OAAO,EAAE,sBAAsB,EAAE,MAAM,yBAAyB,CAAA;AAShE,OAAO,EAAE,wBAAwB,EAAqB,MAAM,UAAU,CAAA;AACtE,OAAO,EACL,uBAAuB,EAExB,MAAM,yDAAyD,CAAA;AAChE,OAAO,EACL,kBAAkB,EAGnB,MAAM,+CAA+C,CAAA;AACtD,OAAO,EAAE,eAAe,EAA0B,MAAM,8BAA8B,CAAA;AACtF,OAAO,EACL,yBAAyB,EAE1B,MAAM,sDAAsD,CAAA;AAC7D,OAAO,EAAE,yBAAyB,EAAE,MAAM,wCAAwC,CAAA;AAWlF,OAAO,EACL,yCAAyC,EAE1C,MAAM,0DAA0D,CAAA;AACjE,OAAO,EAEL,kBAAkB,EAEnB,MAAM,gCAAgC,CAAA;AAEvC,OAAO,EAAE,+CAA+C,EAAE,MAAM,gGAAgG,CAAA;AAIhK,OAAO,EACL,4BAA4B,EAE7B,MAAM,4CAA4C,CAAA;AACnD,OAAO,EAAE,mBAAmB,EAAE,MAAM,+CAA+C,CAAA;AAEnF,OAAO,EACL,kCAAkC,EAEnC,MAAM,mDAAmD,CAAA;AAC1D,OAAO,EAAE,+BAA+B,EAAE,MAAM,+CAA+C,CAAA;AAC/F,OAAO,EACL,oBAAoB,EAErB,MAAM,mCAAmC,CAAA;AAC1C,OAAO,EAAE,mBAAmB,EAA8B,MAAM,kCAAkC,CAAA;AAClG,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAC/C,OAAO,EAAE,0BAA0B,EAAE,MAAM,yCAAyC,CAAA;AACpF,OAAO,EAAE,2BAA2B,EAAE,MAAM,2CAA2C,CAAA;AACvF,OAAO,EAAE,eAAe,EAA0B,MAAM,6BAA6B,CAAA;AACrF,OAAO,EAAE,eAAe,EAA0B,MAAM,8BAA8B,CAAA;AACtF,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAA;AAC3D,OAAO,EACL,yBAAyB,EAE1B,MAAM,yCAAyC,CAAA;AAEhD,OAAO,EAAE,8BAA8B,EAAE,MAAM,gBAAgB,CAAA;AAE/D,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAqF/B,CAAA;AAEF,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA8NpB,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/navigation/index.js

@@ -1,10 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { HeaderBackButton } from '@react-navigation/elements';
 import { createNativeStackNavigator, } from '@react-navigation/native-stack';
 import { CardStyleInterpolators } from '@react-navigation/stack';
-import { Platform } from 'react-native';
-import { Icon } from '../components';
-import { HeaderDoneButton, HeaderTextButton, } from '../components/display/platform_modal_header_buttons';
+import { composeOptions, createMinimalHeaderBackButton, withMinimalBack, withRightClose, withRightText, } from '../components/display/platform_modal_header_buttons';
 import { useDirectMessagesEnabled, useQualifiedByAge } from '../hooks';
 import { AttachmentActionsScreen, AttachmentActionsScreenOptions, } from '../screens/attachment_actions/attachment_actions_screen';
 import { AvatarPickerScreen, AvatarPickerScreenOptions, AvatarPickerCreateScreenOptions, } from '../screens/avatar_picker/avatar_picker_screen';
@@ -36,10 +33,6 @@ import { SettingsScreen } from '../screens/settings_screen';
 import { SystemMessagePeopleScreen, SystemMessagePeopleScreenOptions, } from '../screens/system_message_people_screen';
 import { TeamConversationScreen } from '../screens/team_conversation_screen';
 import { ScreenLayoutWithChatAccessGate } from './screenLayout';
-const HEADER_BACK_BUTTON_LAYOUT_RESET_STYLES = {
-    marginLeft: Platform.select({ ios: -8, default: -3 }),
-    marginRight: Platform.select({ ios: 0, default: 30 }),
-};
 export const NewConversationStack = createNativeStackNavigator({
     initialRouteName: 'ConversationNewEntry',
     screenOptions: {
@@ -49,33 +42,38 @@ export const NewConversationStack = createNativeStackNavigator({
     screens: {
         ConversationNewEntry: {
             screen: ConversationNewEntryScreen,
-            options: ({ navigation }) => ({
+            options: ({ navigation }) => composeOptions({
                 title: 'New conversation',
-                headerRight: (props) => (_jsx(HeaderTextButton, { ...props, onPress: navigation.goBack, title: "Cancel" })),
                 headerBackVisible: false,
-            }),
+            }, withRightText({ text: 'Cancel', onPress: navigation.goBack })),
         },
         ConversationSelectGroupRecipients: {
             screen: ConversationSelectGroupRecipientsScreen,
-            options: ({ navigation, route }) => ({
+            options: ({ navigation, route }) => composeOptions({
                 title: 'New conversation',
-                headerRight: (props) => (_jsx(HeaderTextButton, { ...props, onPress: () => navigation.popTo('Conversations', route.params), title: "Cancel" })),
-            }),
+            }, withRightText({
+                text: 'Cancel',
+                onPress: () => navigation.popTo('Conversations', route.params),
+            })),
         },
         ConversationSelectTeamsILeadRecipients: {
             screen: ConversationSelectTeamsILeadRecipientsScreen,
-            options: ({ navigation, route }) => ({
+            options: ({ navigation, route }) => composeOptions({
                 title: 'New conversation',
-                headerRight: (props) => (_jsx(HeaderTextButton, { ...props, onPress: () => navigation.popTo('Conversations', route.params), title: "Cancel" })),
-            }),
+            }, withRightText({
+                text: 'Cancel',
+                onPress: () => navigation.popTo('Conversations', route.params),
+            })),
         },
         ConversationSelectDirectMessageRecipients: {
             screen: ConversationSelectDirectMessageRecipientsScreen,
             if: useDirectMessagesEnabled,
-            options: ({ navigation, route }) => ({
+            options: ({ navigation, route }) => composeOptions({
                 title: 'New conversation',
-                headerRight: (props) => (_jsx(HeaderTextButton, { ...props, onPress: () => navigation.popTo('Conversations', route.params), title: "Cancel" })),
-            }),
+            }, withRightText({
+                text: 'Cancel',
+                onPress: () => navigation.popTo('Conversations', route.params),
+            })),
         },
         ConversationFilterRecipients: {
             screen: ConversationFilterRecipientsScreen,
@@ -83,14 +81,16 @@ export const NewConversationStack = createNativeStackNavigator({
         },
         ConversationNew: {
             screen: ConversationNewScreen,
-            options: ({ navigation, route }) => ({
+            options: ({ navigation, route }) => composeOptions({
                 title: 'New conversation',
                 headerLeft: () => null,
-                headerRight: (props) => (_jsx(HeaderTextButton, { ...props, onPress: () => {
-                        const { chat_group_graph_id, group_source_app_name } = route.params;
-                        navigation.popTo('Conversations', { chat_group_graph_id, group_source_app_name });
-                    }, title: "Cancel" })),
-            }),
+            }, withRightText({
+                text: 'Cancel',
+                onPress: () => {
+                    const { chat_group_graph_id, group_source_app_name } = route.params;
+                    navigation.popTo('Conversations', { chat_group_graph_id, group_source_app_name });
+                },
+            })),
         },
         AvatarPicker: {
             screen: AvatarPickerScreen,
@@ -106,11 +106,10 @@ export const ChatStack = createNativeStackNavigator({
     screens: {
         Conversations: {
             screen: ConversationsScreen,
-            options: ({ route, navigation }) => ({
+            options: ({ route, navigation }) => composeOptions({
                 headerTitle: route.params?.title ?? 'Chat',
                 headerBackVisible: false,
-                headerRight: (props) => (_jsx(HeaderBackButton, { backImage: () => _jsx(Icon, { name: "general.x", size: 18, color: props.tintColor }), onPress: navigation.goBack, ...props })),
-            }),
+            }, withRightClose({ onPress: navigation.goBack })),
         },
         ConversationFilters: {
             screen: ConversationFiltersScreen,
@@ -118,13 +117,13 @@ export const ChatStack = createNativeStackNavigator({
         },
         Conversation: {
             screen: ConversationScreen,
-            options: ({ route, navigation }) => ({
+            options: ({ route, navigation }) => composeOptions({
                 headerTitle: (props) => {
                     const { conversation_id, title, badge, deleted, muted } = route.params;
                     return (_jsx(ConversationScreenTitle, { conversation_id: conversation_id, badge: badge, deleted: deleted, muted: muted, ...props, children: title ?? 'Conversation' }));
                 },
-                headerRight: (props) => (_jsx(HeaderBackButton, { backImage: () => _jsx(Icon, { name: "general.x", size: 18, color: props.tintColor }), onPress: () => navigation.getParent()?.goBack() })),
-                headerLeft: props => (_jsx(HeaderBackButton, { style: HEADER_BACK_BUTTON_LAYOUT_RESET_STYLES, displayMode: "minimal", onPress: () => {
+                headerLeft: createMinimalHeaderBackButton({
+                    onPress: () => {
                         const params = route.params;
                         if (params?.chat_group_graph_id) {
                             // Ensure that conversations with a graph id pass them back to the conversation list
@@ -134,15 +133,13 @@ export const ChatStack = createNativeStackNavigator({
                         else {
                             navigation.goBack();
                         }
-                    }, ...props })),
-            }),
+                    },
+                }),
+            }, withRightClose({ onPress: () => navigation.getParent()?.goBack() })),
         },
         ConversationReply: {
             screen: ConversationScreen,
-            options: ({ route, navigation }) => ({
-                title: route.params?.title ?? 'Reply',
-                headerLeft: props => (_jsx(HeaderBackButton, { style: HEADER_BACK_BUTTON_LAYOUT_RESET_STYLES, displayMode: "minimal", onPress: () => navigation.goBack(), ...props })),
-            }),
+            options: ({ route, navigation }) => composeOptions({ title: route.params?.title ?? 'Reply' }, withMinimalBack({ onPress: navigation.goBack })),
         },
         TeamConversation: {
             screen: TeamConversationScreen,
@@ -155,11 +152,10 @@ export const ChatStack = createNativeStackNavigator({
         },
         ConversationDetails: {
             screen: ConversationDetailsScreen,
-            options: ({ navigation }) => ({
+            options: ({ navigation }) => composeOptions({
                 presentation: 'modal',
                 title: 'Conversation details',
-                headerRight: (props) => (_jsx(HeaderTextButton, { ...props, onPress: navigation.goBack, title: "Done" })),
-            }),
+            }, withRightText({ text: 'Done', onPress: navigation.goBack })),
         },
         AvatarPicker: {
             screen: AvatarPickerScreen,
@@ -167,19 +163,17 @@ export const ChatStack = createNativeStackNavigator({
         },
         ChatSettings: {
             screen: SettingsScreen,
-            options: ({ navigation }) => ({
+            options: ({ navigation }) => composeOptions({
                 title: 'Chat settings',
                 headerBackVisible: false,
-                headerRight: (props) => (_jsx(HeaderTextButton, { ...props, onPress: navigation.goBack, title: "Done" })),
-            }),
+            }, withRightText({ text: 'Done', onPress: navigation.goBack })),
         },
         NotificationSettings: {
             screen: NotificationSettingsScreen,
-            options: ({ navigation }) => ({
+            options: ({ navigation }) => composeOptions({
                 title: 'Chat',
                 headerBackVisible: false,
-                headerRight: (props) => (_jsx(HeaderTextButton, { ...props, onPress: navigation.goBack, title: "Done" })),
-            }),
+            }, withRightText({ text: 'Done', onPress: navigation.goBack })),
         },
         PreferredAppSelection: {
             screen: PreferredAppSelectionScreen,
@@ -189,10 +183,16 @@ export const ChatStack = createNativeStackNavigator({
         },
         GroupNotificationSettings: {
             screen: GroupNotificationSettingsScreen,
-            options: ({ route, navigation }) => ({
-                title: route.params?.title || 'Group Settings',
-                headerRight: (props) => (_jsx(HeaderDoneButton, { ...props, navigation: navigation })),
-            }),
+            options: ({ route, navigation }) => {
+                const title = route.params?.title || 'Group Settings';
+                // Done only shows when this is the entry screen (e.g. deep links);
+                // deeper in the stack the back button covers dismissal.
+                return navigation.getState().index === 0
+                    ? composeOptions({
+                        title,
+                    }, withRightText({ text: 'Done', onPress: navigation.goBack }))
+                    : { title };
+            },
         },
         GroupNotificationLevelSelect: {
             screen: GroupNotificationLevelSelectScreen,
@@ -213,11 +213,10 @@ export const ChatStack = createNativeStackNavigator({
         GroupConversationNew: {
             screen: ConversationNewScreen,
             if: useQualifiedByAge,
-            options: ({ navigation }) => ({
+            options: ({ navigation }) => composeOptions({
                 title: 'New conversation',
                 headerLeft: () => null,
-                headerRight: props => (_jsx(HeaderTextButton, { ...props, onPress: () => navigation.getParent()?.goBack(), title: "Cancel" })),
-            }),
+            }, withRightText({ text: 'Cancel', onPress: () => navigation.getParent()?.goBack() })),
         },
         SendGiphy: {
             screen: SendGiphyScreen,
@@ -258,12 +257,11 @@ export const ChatStack = createNativeStackNavigator({
         },
         GetHelp: {
             screen: GetHelpScreen,
-            options: ({ navigation }) => ({
+            options: ({ navigation }) => composeOptions({
                 headerTitle: 'Get help',
                 headerBackVisible: false,
                 presentation: 'modal',
-                headerRight: props => (_jsx(HeaderTextButton, { ...props, onPress: navigation.goBack, title: "Close" })),
-            }),
+            }, withRightText({ text: 'Close', onPress: navigation.goBack })),
         },
         NotFound: {
             screen: NotFound,