@planningcenter/chat-react-native 3.42.3-qa-856.0 → 3.42.3-qa-858.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (33) hide show
  1. package/build/components/display/platform_modal_header_buttons.d.ts +28 -8
  2. package/build/components/display/platform_modal_header_buttons.d.ts.map +1 -1
  3. package/build/components/display/platform_modal_header_buttons.js +86 -45
  4. package/build/components/display/platform_modal_header_buttons.js.map +1 -1
  5. package/build/components/primitive/form_sheet.js +2 -2
  6. package/build/components/primitive/form_sheet.js.map +1 -1
  7. package/build/navigation/index.d.ts +48 -51
  8. package/build/navigation/index.d.ts.map +1 -1
  9. package/build/navigation/index.js +38 -48
  10. package/build/navigation/index.js.map +1 -1
  11. package/build/screens/bug_report_screen.d.ts.map +1 -1
  12. package/build/screens/bug_report_screen.js +9 -3
  13. package/build/screens/bug_report_screen.js.map +1 -1
  14. package/build/screens/conversation_details_screen.d.ts.map +1 -1
  15. package/build/screens/conversation_details_screen.js +2 -1
  16. package/build/screens/conversation_details_screen.js.map +1 -1
  17. package/build/screens/conversation_screen.d.ts.map +1 -1
  18. package/build/screens/conversation_screen.js +6 -2
  19. package/build/screens/conversation_screen.js.map +1 -1
  20. package/build/screens/message_report_screen.js +5 -3
  21. package/build/screens/message_report_screen.js.map +1 -1
  22. package/build/screens/notification_settings_screen.d.ts.map +1 -1
  23. package/build/screens/notification_settings_screen.js +0 -2
  24. package/build/screens/notification_settings_screen.js.map +1 -1
  25. package/package.json +4 -3
  26. package/src/components/display/platform_modal_header_buttons.tsx +145 -77
  27. package/src/components/primitive/form_sheet.tsx +2 -2
  28. package/src/navigation/index.tsx +46 -53
  29. package/src/screens/bug_report_screen.tsx +9 -3
  30. package/src/screens/conversation_details_screen.tsx +2 -1
  31. package/src/screens/conversation_screen.tsx +7 -2
  32. package/src/screens/message_report_screen.tsx +5 -3
  33. package/src/screens/notification_settings_screen.tsx +1 -4
package/build/navigation/index.d.ts CHANGED
@@ -1,4 +1,5 @@
1
1
  import { StaticParamList } from '@react-navigation/native';
2
+ import { NativeStackNavigationOptions } from '@react-navigation/native-stack';
2
3
  import { CardStyleInterpolators } from '@react-navigation/stack';
3
4
  import { useDirectMessagesEnabled } from '../hooks';
4
5
  import { AttachmentActionsScreen } from '../screens/attachment_actions/attachment_actions_screen';
@@ -27,7 +28,7 @@ export declare const NewConversationStack: import("@react-navigation/core").Type
27
28
  ParamList: import("@react-navigation/routers").ParamListBase;
28
29
  NavigatorID: string | undefined;
29
30
  State: import("@react-navigation/routers").StackNavigationState<import("@react-navigation/routers").ParamListBase>;
30
- ScreenOptions: import("@react-navigation/native-stack").NativeStackNavigationOptions;
31
+ ScreenOptions: NativeStackNavigationOptions;
31
32
  EventMap: import("@react-navigation/native-stack").NativeStackNavigationEventMap;
32
33
  NavigationList: {
33
34
  [x: string]: import("@react-navigation/native-stack").NativeStackNavigationProp<import("@react-navigation/routers").ParamListBase, string, string | undefined>;
@@ -35,9 +36,7 @@ export declare const NewConversationStack: import("@react-navigation/core").Type
35
36
  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;
36
37
  }, {
37
38
  readonly initialRouteName: "ConversationNewEntry";
38
- readonly screenOptions: {
39
- readonly headerBackButtonDisplayMode: "minimal";
40
- };
39
+ readonly screenOptions: () => NativeStackNavigationOptions;
41
40
  readonly screenLayout: typeof ScreenLayoutWithChatAccessGate;
42
41
  readonly screens: {
43
42
  readonly ConversationNewEntry: {
@@ -46,7 +45,7 @@ export declare const NewConversationStack: import("@react-navigation/core").Type
46
45
  route: import("@react-navigation/core").RouteProp<import("@react-navigation/routers").ParamListBase, string>;
47
46
  navigation: import("@react-navigation/native-stack").NativeStackNavigationProp<import("@react-navigation/routers").ParamListBase, string, string | undefined>;
48
47
  theme: ReactNavigation.Theme;
49
- }) => import("@react-navigation/native-stack").NativeStackNavigationOptions;
48
+ }) => NativeStackNavigationOptions;
50
49
  };
51
50
  readonly ConversationSelectGroupRecipients: {
52
51
  readonly screen: ({ route, }: import("../screens/conversation_select_recipients/types/screen_props").ConversationSelectRecipientsScreenProps) => import("react/jsx-runtime").JSX.Element;
@@ -54,7 +53,7 @@ export declare const NewConversationStack: import("@react-navigation/core").Type
54
53
  route: import("@react-navigation/core").RouteProp<import("@react-navigation/routers").ParamListBase, string>;
55
54
  navigation: import("@react-navigation/native-stack").NativeStackNavigationProp<import("@react-navigation/routers").ParamListBase, string, string | undefined>;
56
55
  theme: ReactNavigation.Theme;
57
- }) => import("@react-navigation/native-stack").NativeStackNavigationOptions;
56
+ }) => NativeStackNavigationOptions;
58
57
  };
59
58
  readonly ConversationSelectTeamsILeadRecipients: {
60
59
  readonly screen: ({ route, }: import("../screens/conversation_select_recipients/types/screen_props").ConversationSelectRecipientsScreenProps) => import("react/jsx-runtime").JSX.Element;
@@ -62,7 +61,7 @@ export declare const NewConversationStack: import("@react-navigation/core").Type
62
61
  route: import("@react-navigation/core").RouteProp<import("@react-navigation/routers").ParamListBase, string>;
63
62
  navigation: import("@react-navigation/native-stack").NativeStackNavigationProp<import("@react-navigation/routers").ParamListBase, string, string | undefined>;
64
63
  theme: ReactNavigation.Theme;
65
- }) => import("@react-navigation/native-stack").NativeStackNavigationOptions;
64
+ }) => NativeStackNavigationOptions;
66
65
  };
67
66
  readonly ConversationSelectDirectMessageRecipients: {
68
67
  readonly screen: typeof ConversationSelectDirectMessageRecipientsScreen;
@@ -71,11 +70,11 @@ export declare const NewConversationStack: import("@react-navigation/core").Type
71
70
  route: import("@react-navigation/core").RouteProp<import("@react-navigation/routers").ParamListBase, string>;
72
71
  navigation: import("@react-navigation/native-stack").NativeStackNavigationProp<import("@react-navigation/routers").ParamListBase, string, string | undefined>;
73
72
  theme: ReactNavigation.Theme;
74
- }) => import("@react-navigation/native-stack").NativeStackNavigationOptions;
73
+ }) => NativeStackNavigationOptions;
75
74
  };
76
75
  readonly ConversationFilterRecipients: {
77
76
  readonly screen: ({ route, }: import("../screens/conversation_filter_recipients/types").ConversationFilterRecipientsScreenProps) => import("react/jsx-runtime").JSX.Element;
78
- readonly options: import("@react-navigation/native-stack").NativeStackNavigationOptions;
77
+ readonly options: NativeStackNavigationOptions;
79
78
  };
80
79
  readonly ConversationNew: {
81
80
  readonly screen: ({ route }: {
@@ -96,11 +95,11 @@ export declare const NewConversationStack: import("@react-navigation/core").Type
96
95
  route: import("@react-navigation/core").RouteProp<import("@react-navigation/routers").ParamListBase, string>;
97
96
  navigation: import("@react-navigation/native-stack").NativeStackNavigationProp<import("@react-navigation/routers").ParamListBase, string, string | undefined>;
98
97
  theme: ReactNavigation.Theme;
99
- }) => import("@react-navigation/native-stack").NativeStackNavigationOptions;
98
+ }) => NativeStackNavigationOptions;
100
99
  };
101
100
  readonly AvatarPicker: {
102
101
  readonly screen: typeof AvatarPickerScreen;
103
- readonly options: import("@react-navigation/native-stack").NativeStackNavigationOptions;
102
+ readonly options: NativeStackNavigationOptions;
104
103
  };
105
104
  };
106
105
  }>;
@@ -108,16 +107,14 @@ export declare const ChatStack: import("@react-navigation/core").TypedNavigator<
108
107
  ParamList: import("@react-navigation/routers").ParamListBase;
109
108
  NavigatorID: string | undefined;
110
109
  State: import("@react-navigation/routers").StackNavigationState<import("@react-navigation/routers").ParamListBase>;
111
- ScreenOptions: import("@react-navigation/native-stack").NativeStackNavigationOptions;
110
+ ScreenOptions: NativeStackNavigationOptions;
112
111
  EventMap: import("@react-navigation/native-stack").NativeStackNavigationEventMap;
113
112
  NavigationList: {
114
113
  [x: string]: import("@react-navigation/native-stack").NativeStackNavigationProp<import("@react-navigation/routers").ParamListBase, string, string | undefined>;
115
114
  };
116
115
  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;
117
116
  }, {
118
- readonly screenOptions: {
119
- readonly headerBackButtonDisplayMode: "minimal";
120
- };
117
+ readonly screenOptions: () => NativeStackNavigationOptions;
121
118
  readonly screenLayout: typeof ScreenLayoutWithChatAccessGate;
122
119
  readonly screens: {
123
120
  readonly Conversations: {
@@ -126,11 +123,11 @@ export declare const ChatStack: import("@react-navigation/core").TypedNavigator<
126
123
  route: import("@react-navigation/core").RouteProp<import("@react-navigation/routers").ParamListBase, string>;
127
124
  navigation: import("@react-navigation/native-stack").NativeStackNavigationProp<import("@react-navigation/routers").ParamListBase, string, string | undefined>;
128
125
  theme: ReactNavigation.Theme;
129
- }) => import("@react-navigation/native-stack").NativeStackNavigationOptions;
126
+ }) => NativeStackNavigationOptions;
130
127
  };
131
128
  readonly ConversationFilters: {
132
129
  readonly screen: (_props: import("..").ConversationFiltersScreenProps) => import("react/jsx-runtime").JSX.Element;
133
- readonly options: import("@react-navigation/native-stack").NativeStackNavigationOptions;
130
+ readonly options: NativeStackNavigationOptions;
134
131
  };
135
132
  readonly Conversation: {
136
133
  readonly screen: typeof ConversationScreen;
@@ -138,7 +135,7 @@ export declare const ChatStack: import("@react-navigation/core").TypedNavigator<
138
135
  route: import("@react-navigation/core").RouteProp<import("@react-navigation/routers").ParamListBase, string>;
139
136
  navigation: import("@react-navigation/native-stack").NativeStackNavigationProp<import("@react-navigation/routers").ParamListBase, string, string | undefined>;
140
137
  theme: ReactNavigation.Theme;
141
- }) => import("@react-navigation/native-stack").NativeStackNavigationOptions;
138
+ }) => NativeStackNavigationOptions;
142
139
  };
143
140
  readonly ConversationReply: {
144
141
  readonly screen: typeof ConversationScreen;
@@ -146,7 +143,7 @@ export declare const ChatStack: import("@react-navigation/core").TypedNavigator<
146
143
  route: import("@react-navigation/core").RouteProp<import("@react-navigation/routers").ParamListBase, string>;
147
144
  navigation: import("@react-navigation/native-stack").NativeStackNavigationProp<import("@react-navigation/routers").ParamListBase, string, string | undefined>;
148
145
  theme: ReactNavigation.Theme;
149
- }) => import("@react-navigation/native-stack").NativeStackNavigationOptions;
146
+ }) => NativeStackNavigationOptions;
150
147
  };
151
148
  readonly TeamConversation: {
152
149
  readonly screen: ({ route }: import("..").TeamConversationScreenProps) => import("react/jsx-runtime").JSX.Element;
@@ -163,11 +160,11 @@ export declare const ChatStack: import("@react-navigation/core").TypedNavigator<
163
160
  route: import("@react-navigation/core").RouteProp<import("@react-navigation/routers").ParamListBase, string>;
164
161
  navigation: import("@react-navigation/native-stack").NativeStackNavigationProp<import("@react-navigation/routers").ParamListBase, string, string | undefined>;
165
162
  theme: ReactNavigation.Theme;
166
- }) => import("@react-navigation/native-stack").NativeStackNavigationOptions;
163
+ }) => NativeStackNavigationOptions;
167
164
  };
168
165
  readonly AvatarPicker: {
169
166
  readonly screen: typeof AvatarPickerScreen;
170
- readonly options: import("@react-navigation/native-stack").NativeStackNavigationOptions;
167
+ readonly options: NativeStackNavigationOptions;
171
168
  };
172
169
  readonly ChatSettings: {
173
170
  readonly screen: typeof SettingsScreen;
@@ -175,7 +172,7 @@ export declare const ChatStack: import("@react-navigation/core").TypedNavigator<
175
172
  route: import("@react-navigation/core").RouteProp<import("@react-navigation/routers").ParamListBase, string>;
176
173
  navigation: import("@react-navigation/native-stack").NativeStackNavigationProp<import("@react-navigation/routers").ParamListBase, string, string | undefined>;
177
174
  theme: ReactNavigation.Theme;
178
- }) => import("@react-navigation/native-stack").NativeStackNavigationOptions;
175
+ }) => NativeStackNavigationOptions;
179
176
  };
180
177
  readonly NotificationSettings: {
181
178
  readonly screen: typeof NotificationSettingsScreen;
@@ -183,13 +180,15 @@ export declare const ChatStack: import("@react-navigation/core").TypedNavigator<
183
180
  route: import("@react-navigation/core").RouteProp<import("@react-navigation/routers").ParamListBase, string>;
184
181
  navigation: import("@react-navigation/native-stack").NativeStackNavigationProp<import("@react-navigation/routers").ParamListBase, string, string | undefined>;
185
182
  theme: ReactNavigation.Theme;
186
- }) => import("@react-navigation/native-stack").NativeStackNavigationOptions;
183
+ }) => NativeStackNavigationOptions;
187
184
  };
188
185
  readonly PreferredAppSelection: {
189
186
  readonly screen: typeof PreferredAppSelectionScreen;
190
- readonly options: {
191
- readonly title: "Preferred app";
192
- };
187
+ readonly options: ({ navigation }: {
188
+ route: import("@react-navigation/core").RouteProp<import("@react-navigation/routers").ParamListBase, string>;
189
+ navigation: import("@react-navigation/native-stack").NativeStackNavigationProp<import("@react-navigation/routers").ParamListBase, string, string | undefined>;
190
+ theme: ReactNavigation.Theme;
191
+ }) => NativeStackNavigationOptions;
193
192
  };
194
193
  readonly GroupNotificationSettings: {
195
194
  readonly screen: typeof GroupNotificationSettingsScreen;
@@ -197,22 +196,22 @@ export declare const ChatStack: import("@react-navigation/core").TypedNavigator<
197
196
  route: import("@react-navigation/core").RouteProp<import("@react-navigation/routers").ParamListBase, string>;
198
197
  navigation: import("@react-navigation/native-stack").NativeStackNavigationProp<import("@react-navigation/routers").ParamListBase, string, string | undefined>;
199
198
  theme: ReactNavigation.Theme;
200
- }) => import("@react-navigation/native-stack").NativeStackNavigationOptions;
199
+ }) => NativeStackNavigationOptions;
201
200
  };
202
201
  readonly GroupNotificationLevelSelect: {
203
202
  readonly screen: typeof GroupNotificationLevelSelectScreen;
204
- readonly options: import("@react-navigation/native-stack").NativeStackNavigationOptions;
203
+ readonly options: NativeStackNavigationOptions;
205
204
  };
206
205
  readonly ConversationNotificationLevelSelect: {
207
206
  readonly screen: typeof ConversationNotificationLevelSelectScreen;
208
- readonly options: import("@react-navigation/native-stack").NativeStackNavigationOptions;
207
+ readonly options: NativeStackNavigationOptions;
209
208
  };
210
209
  readonly New: {
211
210
  readonly screen: import("@react-navigation/core").TypedNavigator<{
212
211
  ParamList: import("@react-navigation/routers").ParamListBase;
213
212
  NavigatorID: string | undefined;
214
213
  State: import("@react-navigation/routers").StackNavigationState<import("@react-navigation/routers").ParamListBase>;
215
- ScreenOptions: import("@react-navigation/native-stack").NativeStackNavigationOptions;
214
+ ScreenOptions: NativeStackNavigationOptions;
216
215
  EventMap: import("@react-navigation/native-stack").NativeStackNavigationEventMap;
217
216
  NavigationList: {
218
217
  [x: string]: import("@react-navigation/native-stack").NativeStackNavigationProp<import("@react-navigation/routers").ParamListBase, string, string | undefined>;
@@ -220,9 +219,7 @@ export declare const ChatStack: import("@react-navigation/core").TypedNavigator<
220
219
  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;
221
220
  }, {
222
221
  readonly initialRouteName: "ConversationNewEntry";
223
- readonly screenOptions: {
224
- readonly headerBackButtonDisplayMode: "minimal";
225
- };
222
+ readonly screenOptions: () => NativeStackNavigationOptions;
226
223
  readonly screenLayout: typeof ScreenLayoutWithChatAccessGate;
227
224
  readonly screens: {
228
225
  readonly ConversationNewEntry: {
@@ -231,7 +228,7 @@ export declare const ChatStack: import("@react-navigation/core").TypedNavigator<
231
228
  route: import("@react-navigation/core").RouteProp<import("@react-navigation/routers").ParamListBase, string>;
232
229
  navigation: import("@react-navigation/native-stack").NativeStackNavigationProp<import("@react-navigation/routers").ParamListBase, string, string | undefined>;
233
230
  theme: ReactNavigation.Theme;
234
- }) => import("@react-navigation/native-stack").NativeStackNavigationOptions;
231
+ }) => NativeStackNavigationOptions;
235
232
  };
236
233
  readonly ConversationSelectGroupRecipients: {
237
234
  readonly screen: ({ route, }: import("../screens/conversation_select_recipients/types/screen_props").ConversationSelectRecipientsScreenProps) => import("react/jsx-runtime").JSX.Element;
@@ -239,7 +236,7 @@ export declare const ChatStack: import("@react-navigation/core").TypedNavigator<
239
236
  route: import("@react-navigation/core").RouteProp<import("@react-navigation/routers").ParamListBase, string>;
240
237
  navigation: import("@react-navigation/native-stack").NativeStackNavigationProp<import("@react-navigation/routers").ParamListBase, string, string | undefined>;
241
238
  theme: ReactNavigation.Theme;
242
- }) => import("@react-navigation/native-stack").NativeStackNavigationOptions;
239
+ }) => NativeStackNavigationOptions;
243
240
  };
244
241
  readonly ConversationSelectTeamsILeadRecipients: {
245
242
  readonly screen: ({ route, }: import("../screens/conversation_select_recipients/types/screen_props").ConversationSelectRecipientsScreenProps) => import("react/jsx-runtime").JSX.Element;
@@ -247,7 +244,7 @@ export declare const ChatStack: import("@react-navigation/core").TypedNavigator<
247
244
  route: import("@react-navigation/core").RouteProp<import("@react-navigation/routers").ParamListBase, string>;
248
245
  navigation: import("@react-navigation/native-stack").NativeStackNavigationProp<import("@react-navigation/routers").ParamListBase, string, string | undefined>;
249
246
  theme: ReactNavigation.Theme;
250
- }) => import("@react-navigation/native-stack").NativeStackNavigationOptions;
247
+ }) => NativeStackNavigationOptions;
251
248
  };
252
249
  readonly ConversationSelectDirectMessageRecipients: {
253
250
  readonly screen: typeof ConversationSelectDirectMessageRecipientsScreen;
@@ -256,11 +253,11 @@ export declare const ChatStack: import("@react-navigation/core").TypedNavigator<
256
253
  route: import("@react-navigation/core").RouteProp<import("@react-navigation/routers").ParamListBase, string>;
257
254
  navigation: import("@react-navigation/native-stack").NativeStackNavigationProp<import("@react-navigation/routers").ParamListBase, string, string | undefined>;
258
255
  theme: ReactNavigation.Theme;
259
- }) => import("@react-navigation/native-stack").NativeStackNavigationOptions;
256
+ }) => NativeStackNavigationOptions;
260
257
  };
261
258
  readonly ConversationFilterRecipients: {
262
259
  readonly screen: ({ route, }: import("../screens/conversation_filter_recipients/types").ConversationFilterRecipientsScreenProps) => import("react/jsx-runtime").JSX.Element;
263
- readonly options: import("@react-navigation/native-stack").NativeStackNavigationOptions;
260
+ readonly options: NativeStackNavigationOptions;
264
261
  };
265
262
  readonly ConversationNew: {
266
263
  readonly screen: ({ route }: {
@@ -281,11 +278,11 @@ export declare const ChatStack: import("@react-navigation/core").TypedNavigator<
281
278
  route: import("@react-navigation/core").RouteProp<import("@react-navigation/routers").ParamListBase, string>;
282
279
  navigation: import("@react-navigation/native-stack").NativeStackNavigationProp<import("@react-navigation/routers").ParamListBase, string, string | undefined>;
283
280
  theme: ReactNavigation.Theme;
284
- }) => import("@react-navigation/native-stack").NativeStackNavigationOptions;
281
+ }) => NativeStackNavigationOptions;
285
282
  };
286
283
  readonly AvatarPicker: {
287
284
  readonly screen: typeof AvatarPickerScreen;
288
- readonly options: import("@react-navigation/native-stack").NativeStackNavigationOptions;
285
+ readonly options: NativeStackNavigationOptions;
289
286
  };
290
287
  };
291
288
  }>;
@@ -315,43 +312,43 @@ export declare const ChatStack: import("@react-navigation/core").TypedNavigator<
315
312
  route: import("@react-navigation/core").RouteProp<import("@react-navigation/routers").ParamListBase, string>;
316
313
  navigation: import("@react-navigation/native-stack").NativeStackNavigationProp<import("@react-navigation/routers").ParamListBase, string, string | undefined>;
317
314
  theme: ReactNavigation.Theme;
318
- }) => import("@react-navigation/native-stack").NativeStackNavigationOptions;
315
+ }) => NativeStackNavigationOptions;
319
316
  };
320
317
  readonly SendGiphy: {
321
318
  readonly screen: typeof SendGiphyScreen;
322
- readonly options: import("@react-navigation/native-stack").NativeStackNavigationOptions;
319
+ readonly options: NativeStackNavigationOptions;
323
320
  };
324
321
  readonly MessageActions: {
325
322
  readonly screen: typeof MessageActionsScreen;
326
- readonly options: import("@react-navigation/native-stack").NativeStackNavigationOptions;
323
+ readonly options: NativeStackNavigationOptions;
327
324
  };
328
325
  readonly MessageReport: {
329
326
  readonly screen: typeof MessageReportScreen;
330
- readonly options: ({ navigation, route, }: import("@react-navigation/native-stack").NativeStackScreenProps<any>) => import("@react-navigation/native-stack").NativeStackNavigationOptions;
327
+ readonly options: ({ navigation, route, }: import("@react-navigation/native-stack").NativeStackScreenProps<any>) => NativeStackNavigationOptions;
331
328
  };
332
329
  readonly AttachmentActions: {
333
330
  readonly screen: typeof AttachmentActionsScreen;
334
- readonly options: import("@react-navigation/native-stack").NativeStackNavigationOptions;
331
+ readonly options: NativeStackNavigationOptions;
335
332
  };
336
333
  readonly ConversationSelectType: {
337
334
  readonly screen: typeof ConversationSelectTypeScreen;
338
- readonly options: import("@react-navigation/native-stack").NativeStackNavigationOptions;
335
+ readonly options: NativeStackNavigationOptions;
339
336
  };
340
337
  readonly Reactions: {
341
338
  readonly screen: typeof ReactionsScreen;
342
- readonly options: import("@react-navigation/native-stack").NativeStackNavigationOptions;
339
+ readonly options: NativeStackNavigationOptions;
343
340
  };
344
341
  readonly SystemMessagePeople: {
345
342
  readonly screen: typeof SystemMessagePeopleScreen;
346
- readonly options: import("@react-navigation/native-stack").NativeStackNavigationOptions;
343
+ readonly options: NativeStackNavigationOptions;
347
344
  };
348
345
  readonly MessageReadReceipts: {
349
346
  readonly screen: typeof MessageReadReceiptsScreen;
350
- readonly options: import("@react-navigation/native-stack").NativeStackNavigationOptions;
347
+ readonly options: NativeStackNavigationOptions;
351
348
  };
352
349
  readonly BugReport: {
353
350
  readonly screen: typeof BugReportScreen;
354
- readonly options: ({ navigation, }: import("@react-navigation/native-stack").NativeStackScreenProps<any>) => import("@react-navigation/native-stack").NativeStackNavigationOptions;
351
+ readonly options: ({ navigation, }: import("@react-navigation/native-stack").NativeStackScreenProps<any>) => NativeStackNavigationOptions;
355
352
  };
356
353
  readonly GetHelp: {
357
354
  readonly screen: ({ route }: {
@@ -365,7 +362,7 @@ export declare const ChatStack: import("@react-navigation/core").TypedNavigator<
365
362
  route: import("@react-navigation/core").RouteProp<import("@react-navigation/routers").ParamListBase, string>;
366
363
  navigation: import("@react-navigation/native-stack").NativeStackNavigationProp<import("@react-navigation/routers").ParamListBase, string, string | undefined>;
367
364
  theme: ReactNavigation.Theme;
368
- }) => import("@react-navigation/native-stack").NativeStackNavigationOptions;
365
+ }) => NativeStackNavigationOptions;
369
366
  };
370
367
  readonly NotFound: {
371
368
  readonly screen: typeof NotFound;
package/build/navigation/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"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"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/navigation/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAA;AAC1D,OAAO,EAGL,4BAA4B,EAC7B,MAAM,gCAAgC,CAAA;AACvC,OAAO,EAAE,sBAAsB,EAAE,MAAM,yBAAyB,CAAA;AAQhE,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;AAGhD,OAAO,EAAE,8BAA8B,EAAE,MAAM,gBAAgB,CAAA;AAO/D,eAAO,MAAM,oBAAoB;;;;;;;;;;;;kCALA,4BAA4B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAoF3D,CAAA;AAEF,eAAO,MAAM,SAAS;;;;;;;;;;;kCAtFW,4BAA4B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;8CAA5B,4BAA4B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA6S3D,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 CHANGED
@@ -1,7 +1,7 @@
1
1
  import { jsx as _jsx } from "react/jsx-runtime";
2
2
  import { createNativeStackNavigator, } from '@react-navigation/native-stack';
3
3
  import { CardStyleInterpolators } from '@react-navigation/stack';
4
- import { composeOptions, createMinimalHeaderBackButton, withMinimalBack, withRightClose, withRightText, } from '../components/display/platform_modal_header_buttons';
4
+ import { composeOptions, withMinimalBack, withRightClose, withRightDone, } from '../components/display/platform_modal_header_buttons';
5
5
  import { useDirectMessagesEnabled, useQualifiedByAge } from '../hooks';
6
6
  import { AttachmentActionsScreen, AttachmentActionsScreenOptions, } from '../screens/attachment_actions/attachment_actions_screen';
7
7
  import { AvatarPickerScreen, AvatarPickerScreenOptions, AvatarPickerCreateScreenOptions, } from '../screens/avatar_picker/avatar_picker_screen';
@@ -32,12 +32,15 @@ import { SendGiphyScreen, SendGiphyScreenOptions } from '../screens/send_giphy_s
32
32
  import { SettingsScreen } from '../screens/settings_screen';
33
33
  import { SystemMessagePeopleScreen, SystemMessagePeopleScreenOptions, } from '../screens/system_message_people_screen';
34
34
  import { TeamConversationScreen } from '../screens/team_conversation_screen';
35
+ import { isLiquidGlassEnabled } from '../utils/liquid_glass';
35
36
  import { ScreenLayoutWithChatAccessGate } from './screenLayout';
37
+ const globalScreenOptions = () => ({
38
+ headerBackButtonDisplayMode: 'minimal',
39
+ ...(isLiquidGlassEnabled() ? { headerShadowVisible: false } : {}),
40
+ });
36
41
  export const NewConversationStack = createNativeStackNavigator({
37
42
  initialRouteName: 'ConversationNewEntry',
38
- screenOptions: {
39
- headerBackButtonDisplayMode: 'minimal',
40
- },
43
+ screenOptions: globalScreenOptions,
41
44
  screenLayout: ScreenLayoutWithChatAccessGate,
42
45
  screens: {
43
46
  ConversationNewEntry: {
@@ -45,14 +48,13 @@ export const NewConversationStack = createNativeStackNavigator({
45
48
  options: ({ navigation }) => composeOptions({
46
49
  title: 'New conversation',
47
50
  headerBackVisible: false,
48
- }, withRightText({ text: 'Cancel', onPress: navigation.goBack })),
51
+ }, withRightClose({ onPress: navigation.goBack })),
49
52
  },
50
53
  ConversationSelectGroupRecipients: {
51
54
  screen: ConversationSelectGroupRecipientsScreen,
52
55
  options: ({ navigation, route }) => composeOptions({
53
56
  title: 'New conversation',
54
- }, withRightText({
55
- text: 'Cancel',
57
+ }, withRightClose({
56
58
  onPress: () => navigation.popTo('Conversations', route.params),
57
59
  })),
58
60
  },
@@ -60,8 +62,7 @@ export const NewConversationStack = createNativeStackNavigator({
60
62
  screen: ConversationSelectTeamsILeadRecipientsScreen,
61
63
  options: ({ navigation, route }) => composeOptions({
62
64
  title: 'New conversation',
63
- }, withRightText({
64
- text: 'Cancel',
65
+ }, withRightClose({
65
66
  onPress: () => navigation.popTo('Conversations', route.params),
66
67
  })),
67
68
  },
@@ -70,8 +71,7 @@ export const NewConversationStack = createNativeStackNavigator({
70
71
  if: useDirectMessagesEnabled,
71
72
  options: ({ navigation, route }) => composeOptions({
72
73
  title: 'New conversation',
73
- }, withRightText({
74
- text: 'Cancel',
74
+ }, withRightClose({
75
75
  onPress: () => navigation.popTo('Conversations', route.params),
76
76
  })),
77
77
  },
@@ -84,8 +84,7 @@ export const NewConversationStack = createNativeStackNavigator({
84
84
  options: ({ navigation, route }) => composeOptions({
85
85
  title: 'New conversation',
86
86
  headerLeft: () => null,
87
- }, withRightText({
88
- text: 'Cancel',
87
+ }, withRightClose({
89
88
  onPress: () => {
90
89
  const { chat_group_graph_id, group_source_app_name } = route.params;
91
90
  navigation.popTo('Conversations', { chat_group_graph_id, group_source_app_name });
@@ -99,9 +98,7 @@ export const NewConversationStack = createNativeStackNavigator({
99
98
  },
100
99
  });
101
100
  export const ChatStack = createNativeStackNavigator({
102
- screenOptions: {
103
- headerBackButtonDisplayMode: 'minimal',
104
- },
101
+ screenOptions: globalScreenOptions,
105
102
  screenLayout: ScreenLayoutWithChatAccessGate,
106
103
  screens: {
107
104
  Conversations: {
@@ -122,20 +119,19 @@ export const ChatStack = createNativeStackNavigator({
122
119
  const { conversation_id, title, badge, deleted, muted } = route.params;
123
120
  return (_jsx(ConversationScreenTitle, { conversation_id: conversation_id, badge: badge, deleted: deleted, muted: muted, ...props, children: title ?? 'Conversation' }));
124
121
  },
125
- headerLeft: createMinimalHeaderBackButton({
126
- onPress: () => {
127
- const params = route.params;
128
- if (params?.chat_group_graph_id) {
129
- // Ensure that conversations with a graph id pass them back to the conversation list
130
- const { chat_group_graph_id } = params;
131
- navigation.popTo('Conversations', { chat_group_graph_id });
132
- }
133
- else {
134
- navigation.goBack();
135
- }
136
- },
137
- }),
138
- }, withRightClose({ onPress: () => navigation.getParent()?.goBack() })),
122
+ }, withMinimalBack({
123
+ onPress: () => {
124
+ const params = route.params;
125
+ if (params?.chat_group_graph_id) {
126
+ // Ensure that conversations with a graph id pass them back to the conversation list
127
+ const { chat_group_graph_id } = params;
128
+ navigation.popTo('Conversations', { chat_group_graph_id });
129
+ }
130
+ else {
131
+ navigation.goBack();
132
+ }
133
+ },
134
+ }), withRightClose({ onPress: () => navigation.getParent()?.goBack() })),
139
135
  },
140
136
  ConversationReply: {
141
137
  screen: ConversationScreen,
@@ -155,7 +151,7 @@ export const ChatStack = createNativeStackNavigator({
155
151
  options: ({ navigation }) => composeOptions({
156
152
  presentation: 'modal',
157
153
  title: 'Conversation details',
158
- }, withRightText({ text: 'Done', onPress: navigation.goBack })),
154
+ }, withRightDone({ onPress: navigation.goBack })),
159
155
  },
160
156
  AvatarPicker: {
161
157
  screen: AvatarPickerScreen,
@@ -163,35 +159,29 @@ export const ChatStack = createNativeStackNavigator({
163
159
  },
164
160
  ChatSettings: {
165
161
  screen: SettingsScreen,
166
- options: ({ navigation }) => composeOptions({
167
- title: 'Chat settings',
168
- headerBackVisible: false,
169
- }, withRightText({ text: 'Done', onPress: navigation.goBack })),
162
+ options: ({ navigation }) => composeOptions({ title: 'Chat settings' }, withMinimalBack({ onPress: navigation.goBack })),
170
163
  },
171
164
  NotificationSettings: {
172
165
  screen: NotificationSettingsScreen,
173
- options: ({ navigation }) => composeOptions({
174
- title: 'Chat',
175
- headerBackVisible: false,
176
- }, withRightText({ text: 'Done', onPress: navigation.goBack })),
166
+ options: ({ navigation }) => navigation.getState().index === 0
167
+ ? composeOptions({ title: 'Chat notifications' }, withRightClose({ onPress: navigation.goBack }))
168
+ : composeOptions({ title: 'Chat notifications' }, withMinimalBack({ onPress: navigation.goBack })),
177
169
  },
178
170
  PreferredAppSelection: {
179
171
  screen: PreferredAppSelectionScreen,
180
- options: {
181
- title: 'Preferred app',
182
- },
172
+ options: ({ navigation }) => composeOptions({ title: 'Preferred app' }, withMinimalBack({ onPress: navigation.goBack })),
183
173
  },
184
174
  GroupNotificationSettings: {
185
175
  screen: GroupNotificationSettingsScreen,
186
176
  options: ({ route, navigation }) => {
187
177
  const title = route.params?.title || 'Group Settings';
188
- // Done only shows when this is the entry screen (e.g. deep links);
189
- // deeper in the stack the back button covers dismissal.
178
+ // The dismiss button only shows when this is the entry screen (e.g.
179
+ // deep links); deeper in the stack the back button covers dismissal.
190
180
  return navigation.getState().index === 0
191
181
  ? composeOptions({
192
182
  title,
193
- }, withRightText({ text: 'Done', onPress: navigation.goBack }))
194
- : { title };
183
+ }, withRightClose({ onPress: navigation.goBack }))
184
+ : composeOptions({ title }, withMinimalBack({ onPress: navigation.goBack }));
195
185
  },
196
186
  },
197
187
  GroupNotificationLevelSelect: {
@@ -216,7 +206,7 @@ export const ChatStack = createNativeStackNavigator({
216
206
  options: ({ navigation }) => composeOptions({
217
207
  title: 'New conversation',
218
208
  headerLeft: () => null,
219
- }, withRightText({ text: 'Cancel', onPress: () => navigation.getParent()?.goBack() })),
209
+ }, withRightClose({ onPress: () => navigation.getParent()?.goBack() })),
220
210
  },
221
211
  SendGiphy: {
222
212
  screen: SendGiphyScreen,
@@ -261,7 +251,7 @@ export const ChatStack = createNativeStackNavigator({
261
251
  headerTitle: 'Get help',
262
252
  headerBackVisible: false,
263
253
  presentation: 'modal',
264
- }, withRightText({ text: 'Close', onPress: navigation.goBack })),
254
+ }, withRightClose({ onPress: navigation.goBack })),
265
255
  },
266
256
  NotFound: {
267
257
  screen: NotFound,