@planningcenter/chat-react-native 4.5.0-rc.1 → 4.5.0-rc.2

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.
@@ -9,6 +9,11 @@ export interface FilterDropdownProps {
9
9
  onMoreFilters: () => void;
10
10
  triggerLabel: string;
11
11
  showMoreFilters?: boolean;
12
+ /**
13
+ * Widest the trigger may render, in points. Hosts that measure the trigger at its intrinsic
14
+ * width need this for the label to truncate.
15
+ */
16
+ maxWidth?: number;
12
17
  }
13
- export declare function FilterDropdown({ options, selectedId, onSelect, onMoreFilters, triggerLabel, showMoreFilters, }: FilterDropdownProps): import("react/jsx-runtime").JSX.Element;
18
+ export declare function FilterDropdown({ options, selectedId, onSelect, onMoreFilters, triggerLabel, showMoreFilters, maxWidth, }: FilterDropdownProps): import("react/jsx-runtime").JSX.Element;
14
19
  //# sourceMappingURL=filter_dropdown.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"filter_dropdown.d.ts","sourceRoot":"","sources":["../../../src/components/display/filter_dropdown.tsx"],"names":[],"mappings":"AAyBA,MAAM,WAAW,oBAAoB;IACnC,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;CACd;AAED,MAAM,WAAW,mBAAmB;IAClC,OAAO,EAAE,oBAAoB,EAAE,CAAA;IAC/B,UAAU,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IAC9B,aAAa,EAAE,MAAM,IAAI,CAAA;IACzB,YAAY,EAAE,MAAM,CAAA;IACpB,eAAe,CAAC,EAAE,OAAO,CAAA;CAC1B;AAED,wBAAgB,cAAc,CAAC,EAC7B,OAAO,EACP,UAAU,EACV,QAAQ,EACR,aAAa,EACb,YAAY,EACZ,eAAsB,GACvB,EAAE,mBAAmB,2CAgDrB"}
1
+ {"version":3,"file":"filter_dropdown.d.ts","sourceRoot":"","sources":["../../../src/components/display/filter_dropdown.tsx"],"names":[],"mappings":"AAyBA,MAAM,WAAW,oBAAoB;IACnC,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;CACd;AAED,MAAM,WAAW,mBAAmB;IAClC,OAAO,EAAE,oBAAoB,EAAE,CAAA;IAC/B,UAAU,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IAC9B,aAAa,EAAE,MAAM,IAAI,CAAA;IACzB,YAAY,EAAE,MAAM,CAAA;IACpB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAED,wBAAgB,cAAc,CAAC,EAC7B,OAAO,EACP,UAAU,EACV,QAAQ,EACR,aAAa,EACb,YAAY,EACZ,eAAsB,EACtB,QAAQ,GACT,EAAE,mBAAmB,2CAgDrB"}
@@ -19,14 +19,15 @@ const MORE_FILTERS_LABEL = 'More filters';
19
19
  // =================================
20
20
 
21
21
  export function FilterDropdown(t0) {
22
- const $ = _c(24);
22
+ const $ = _c(29);
23
23
  const {
24
24
  options,
25
25
  selectedId,
26
26
  onSelect,
27
27
  onMoreFilters,
28
28
  triggerLabel,
29
- showMoreFilters: t1
29
+ showMoreFilters: t1,
30
+ maxWidth
30
31
  } = t0;
31
32
  const showMoreFilters = t1 === undefined ? true : t1;
32
33
  const styles = useStyles();
@@ -90,65 +91,84 @@ export function FilterDropdown(t0) {
90
91
  }
91
92
  const handlePressAction = t3;
92
93
  let t4;
93
- if ($[10] !== styles.triggerLabel || $[11] !== triggerLabel) {
94
- t4 = /*#__PURE__*/_jsx(Text, {
94
+ if ($[10] !== maxWidth) {
95
+ t4 = maxWidth !== undefined && {
96
+ maxWidth
97
+ };
98
+ $[10] = maxWidth;
99
+ $[11] = t4;
100
+ } else {
101
+ t4 = $[11];
102
+ }
103
+ let t5;
104
+ if ($[12] !== styles.trigger || $[13] !== t4) {
105
+ t5 = [styles.trigger, t4];
106
+ $[12] = styles.trigger;
107
+ $[13] = t4;
108
+ $[14] = t5;
109
+ } else {
110
+ t5 = $[14];
111
+ }
112
+ let t6;
113
+ if ($[15] !== styles.triggerLabel || $[16] !== triggerLabel) {
114
+ t6 = /*#__PURE__*/_jsx(Text, {
95
115
  style: styles.triggerLabel,
96
116
  numberOfLines: 1,
97
117
  maxFontSizeMultiplier: MAX_FONT_SIZE_MULTIPLIER_LANDMARK,
98
118
  children: triggerLabel
99
119
  });
100
- $[10] = styles.triggerLabel;
101
- $[11] = triggerLabel;
102
- $[12] = t4;
120
+ $[15] = styles.triggerLabel;
121
+ $[16] = triggerLabel;
122
+ $[17] = t6;
103
123
  } else {
104
- t4 = $[12];
124
+ t6 = $[17];
105
125
  }
106
- let t5;
107
- if ($[13] !== styles.triggerIcon) {
108
- t5 = /*#__PURE__*/_jsx(Icon, {
126
+ let t7;
127
+ if ($[18] !== styles.triggerIcon) {
128
+ t7 = /*#__PURE__*/_jsx(Icon, {
109
129
  name: "general.downChevron",
110
130
  style: styles.triggerIcon,
111
131
  maxFontSizeMultiplier: MAX_FONT_SIZE_MULTIPLIER_LANDMARK,
112
132
  accessibilityElementsHidden: true
113
133
  });
114
- $[13] = styles.triggerIcon;
115
- $[14] = t5;
134
+ $[18] = styles.triggerIcon;
135
+ $[19] = t7;
116
136
  } else {
117
- t5 = $[14];
137
+ t7 = $[19];
118
138
  }
119
- let t6;
120
- if ($[15] !== styles.trigger || $[16] !== t4 || $[17] !== t5) {
121
- t6 = /*#__PURE__*/_jsxs(View, {
122
- style: styles.trigger,
139
+ let t8;
140
+ if ($[20] !== t5 || $[21] !== t6 || $[22] !== t7) {
141
+ t8 = /*#__PURE__*/_jsxs(View, {
142
+ style: t5,
123
143
  accessible: true,
124
144
  accessibilityRole: "button",
125
145
  accessibilityHint: "Opens filter options",
126
- children: [t4, t5]
146
+ children: [t6, t7]
127
147
  });
128
- $[15] = styles.trigger;
129
- $[16] = t4;
130
- $[17] = t5;
131
- $[18] = t6;
148
+ $[20] = t5;
149
+ $[21] = t6;
150
+ $[22] = t7;
151
+ $[23] = t8;
132
152
  } else {
133
- t6 = $[18];
153
+ t8 = $[23];
134
154
  }
135
- let t7;
136
- if ($[19] !== actions || $[20] !== handlePressAction || $[21] !== styles.container || $[22] !== t6) {
137
- t7 = /*#__PURE__*/_jsx(Menu.View, {
155
+ let t9;
156
+ if ($[24] !== actions || $[25] !== handlePressAction || $[26] !== styles.container || $[27] !== t8) {
157
+ t9 = /*#__PURE__*/_jsx(Menu.View, {
138
158
  actions: actions,
139
159
  onPressAction: handlePressAction,
140
160
  style: styles.container,
141
- children: t6
161
+ children: t8
142
162
  });
143
- $[19] = actions;
144
- $[20] = handlePressAction;
145
- $[21] = styles.container;
146
- $[22] = t6;
147
- $[23] = t7;
163
+ $[24] = actions;
164
+ $[25] = handlePressAction;
165
+ $[26] = styles.container;
166
+ $[27] = t8;
167
+ $[28] = t9;
148
168
  } else {
149
- t7 = $[23];
169
+ t9 = $[28];
150
170
  }
151
- return t7;
171
+ return t9;
152
172
  }
153
173
 
154
174
  // =================================
@@ -1 +1 @@
1
- {"version":3,"file":"filter_dropdown.js","names":["React","StyleSheet","View","useTheme","MAX_FONT_SIZE_MULTIPLIER_LANDMARK","Menu","platformFontWeightBold","tokens","Icon","Text","jsx","_jsx","jsxs","_jsxs","MORE_FILTERS_ID","MORE_FILTERS_LABEL","FilterDropdown","t0","$","_c","options","selectedId","onSelect","onMoreFilters","triggerLabel","showMoreFilters","t1","undefined","styles","useStyles","t2","t3","option","id","title","label","state","optionActions","map","t4","Symbol","for","displayInline","subactions","moreFiltersAction","actions","nativeEvent","event","handlePressAction","style","numberOfLines","children","t5","triggerIcon","name","accessibilityElementsHidden","t6","trigger","accessible","accessibilityRole","accessibilityHint","t7","container","colors","iconColorDefaultPrimary","textColorDefaultPrimary","create","alignSelf","flexDirection","alignItems","gap","paddingVertical","flexShrink","fontWeight","color","fontSize","fontSizeSm"],"sources":["../../../src/components/display/filter_dropdown.tsx"],"sourcesContent":["import React from 'react'\nimport { StyleSheet, View } from 'react-native'\nimport { useTheme } from '../../hooks'\nimport {\n MAX_FONT_SIZE_MULTIPLIER_LANDMARK,\n Menu,\n MenuAction,\n MenuActionEvent,\n platformFontWeightBold,\n} from '../../utils'\nimport { tokens } from '../../vendor/tapestry/tokens'\nimport { Icon } from './icon'\nimport { Text } from './text'\n\n// =================================\n// ====== Constants ================\n// =================================\n\nconst MORE_FILTERS_ID = 'more_filters'\nconst MORE_FILTERS_LABEL = 'More filters'\n\n// =================================\n// ====== Component ================\n// =================================\n\nexport interface FilterDropdownOption {\n id: string\n label: string\n}\n\nexport interface FilterDropdownProps {\n options: FilterDropdownOption[]\n selectedId: string\n onSelect: (id: string) => void\n onMoreFilters: () => void\n triggerLabel: string\n showMoreFilters?: boolean\n}\n\nexport function FilterDropdown({\n options,\n selectedId,\n onSelect,\n onMoreFilters,\n triggerLabel,\n showMoreFilters = true,\n}: FilterDropdownProps) {\n const styles = useStyles()\n\n const optionActions: MenuAction[] = options.map(option => ({\n id: option.id,\n title: option.label,\n state: option.id === selectedId ? ('on' as const) : ('off' as const),\n }))\n const moreFiltersAction: MenuAction = {\n id: MORE_FILTERS_ID,\n title: '',\n displayInline: true,\n subactions: [{ id: MORE_FILTERS_ID, title: MORE_FILTERS_LABEL }],\n }\n const actions = showMoreFilters ? [...optionActions, moreFiltersAction] : optionActions\n\n const handlePressAction = ({ nativeEvent }: MenuActionEvent) => {\n if (nativeEvent.event === MORE_FILTERS_ID) {\n onMoreFilters()\n } else {\n onSelect(nativeEvent.event)\n }\n }\n\n return (\n <Menu.View actions={actions} onPressAction={handlePressAction} style={styles.container}>\n <View\n style={styles.trigger}\n accessible\n accessibilityRole=\"button\"\n accessibilityHint=\"Opens filter options\"\n >\n <Text\n style={styles.triggerLabel}\n numberOfLines={1}\n maxFontSizeMultiplier={MAX_FONT_SIZE_MULTIPLIER_LANDMARK}\n >\n {triggerLabel}\n </Text>\n <Icon\n name=\"general.downChevron\"\n style={styles.triggerIcon}\n maxFontSizeMultiplier={MAX_FONT_SIZE_MULTIPLIER_LANDMARK}\n accessibilityElementsHidden\n />\n </View>\n </Menu.View>\n )\n}\n\n// =================================\n// ====== Styles ===================\n// =================================\n\nconst useStyles = () => {\n const { colors } = useTheme()\n\n return StyleSheet.create({\n container: {\n alignSelf: 'flex-start',\n },\n trigger: {\n flexDirection: 'row',\n alignItems: 'center',\n gap: 6,\n paddingVertical: 4,\n },\n triggerLabel: {\n flexShrink: 1,\n fontWeight: platformFontWeightBold,\n color: colors.textColorDefaultPrimary,\n },\n triggerIcon: {\n fontSize: tokens.fontSizeSm,\n color: colors.iconColorDefaultPrimary,\n },\n })\n}\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"file":"filter_dropdown.js","names":["React","StyleSheet","View","useTheme","MAX_FONT_SIZE_MULTIPLIER_LANDMARK","Menu","platformFontWeightBold","tokens","Icon","Text","jsx","_jsx","jsxs","_jsxs","MORE_FILTERS_ID","MORE_FILTERS_LABEL","FilterDropdown","t0","$","_c","options","selectedId","onSelect","onMoreFilters","triggerLabel","showMoreFilters","t1","maxWidth","undefined","styles","useStyles","t2","t3","option","id","title","label","state","optionActions","map","t4","Symbol","for","displayInline","subactions","moreFiltersAction","actions","nativeEvent","event","handlePressAction","t5","trigger","t6","style","numberOfLines","children","t7","triggerIcon","name","accessibilityElementsHidden","t8","accessible","accessibilityRole","accessibilityHint","t9","container","colors","iconColorDefaultPrimary","textColorDefaultPrimary","create","alignSelf","flexDirection","alignItems","gap","paddingVertical","flexShrink","fontWeight","color","fontSize","fontSizeSm"],"sources":["../../../src/components/display/filter_dropdown.tsx"],"sourcesContent":["import React from 'react'\nimport { StyleSheet, View } from 'react-native'\nimport { useTheme } from '../../hooks'\nimport {\n MAX_FONT_SIZE_MULTIPLIER_LANDMARK,\n Menu,\n MenuAction,\n MenuActionEvent,\n platformFontWeightBold,\n} from '../../utils'\nimport { tokens } from '../../vendor/tapestry/tokens'\nimport { Icon } from './icon'\nimport { Text } from './text'\n\n// =================================\n// ====== Constants ================\n// =================================\n\nconst MORE_FILTERS_ID = 'more_filters'\nconst MORE_FILTERS_LABEL = 'More filters'\n\n// =================================\n// ====== Component ================\n// =================================\n\nexport interface FilterDropdownOption {\n id: string\n label: string\n}\n\nexport interface FilterDropdownProps {\n options: FilterDropdownOption[]\n selectedId: string\n onSelect: (id: string) => void\n onMoreFilters: () => void\n triggerLabel: string\n showMoreFilters?: boolean\n /**\n * Widest the trigger may render, in points. Hosts that measure the trigger at its intrinsic\n * width need this for the label to truncate.\n */\n maxWidth?: number\n}\n\nexport function FilterDropdown({\n options,\n selectedId,\n onSelect,\n onMoreFilters,\n triggerLabel,\n showMoreFilters = true,\n maxWidth,\n}: FilterDropdownProps) {\n const styles = useStyles()\n\n const optionActions: MenuAction[] = options.map(option => ({\n id: option.id,\n title: option.label,\n state: option.id === selectedId ? ('on' as const) : ('off' as const),\n }))\n const moreFiltersAction: MenuAction = {\n id: MORE_FILTERS_ID,\n title: '',\n displayInline: true,\n subactions: [{ id: MORE_FILTERS_ID, title: MORE_FILTERS_LABEL }],\n }\n const actions = showMoreFilters ? [...optionActions, moreFiltersAction] : optionActions\n\n const handlePressAction = ({ nativeEvent }: MenuActionEvent) => {\n if (nativeEvent.event === MORE_FILTERS_ID) {\n onMoreFilters()\n } else {\n onSelect(nativeEvent.event)\n }\n }\n\n return (\n <Menu.View actions={actions} onPressAction={handlePressAction} style={styles.container}>\n <View\n style={[styles.trigger, maxWidth !== undefined && { maxWidth }]}\n accessible\n accessibilityRole=\"button\"\n accessibilityHint=\"Opens filter options\"\n >\n <Text\n style={styles.triggerLabel}\n numberOfLines={1}\n maxFontSizeMultiplier={MAX_FONT_SIZE_MULTIPLIER_LANDMARK}\n >\n {triggerLabel}\n </Text>\n <Icon\n name=\"general.downChevron\"\n style={styles.triggerIcon}\n maxFontSizeMultiplier={MAX_FONT_SIZE_MULTIPLIER_LANDMARK}\n accessibilityElementsHidden\n />\n </View>\n </Menu.View>\n )\n}\n\n// =================================\n// ====== Styles ===================\n// =================================\n\nconst useStyles = () => {\n const { colors } = useTheme()\n\n return StyleSheet.create({\n container: {\n alignSelf: 'flex-start',\n },\n trigger: {\n flexDirection: 'row',\n alignItems: 'center',\n gap: 6,\n paddingVertical: 4,\n },\n triggerLabel: {\n flexShrink: 1,\n fontWeight: platformFontWeightBold,\n color: colors.textColorDefaultPrimary,\n },\n triggerIcon: {\n fontSize: tokens.fontSizeSm,\n color: colors.iconColorDefaultPrimary,\n },\n })\n}\n"],"mappings":"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","ignoreList":[]}
@@ -1 +1 @@
1
- {"version":3,"file":"filter_dropdown_list_header_component.d.ts","sourceRoot":"","sources":["../../../../src/screens/conversations/components/filter_dropdown_list_header_component.tsx"],"names":[],"mappings":"AA+CA,eAAO,MAAM,iCAAiC,+CA0N7C,CAAA"}
1
+ {"version":3,"file":"filter_dropdown_list_header_component.d.ts","sourceRoot":"","sources":["../../../../src/screens/conversations/components/filter_dropdown_list_header_component.tsx"],"names":[],"mappings":"AAiDA,eAAO,MAAM,iCAAiC,+CAmP7C,CAAA"}
@@ -1,9 +1,9 @@
1
1
  import { c as _c } from "react/compiler-runtime";
2
2
  import { useNavigation, useRoute } from '@react-navigation/native';
3
- import React, { useCallback, useMemo } from 'react';
3
+ import React, { useCallback, useMemo, useState } from 'react';
4
4
  import { Alert, StyleSheet, View } from 'react-native';
5
5
  import { FilterDropdown, TextButton } from '../../../components';
6
- import { useAtFontScaleBreakpoint, useCanBrowseArchivedConversations, useCanCreateConversations, useCurrentPersonCache, useDirectMessagesEligible, useHasDirectMessages, useNewConversationEntry, useTheme } from '../../../hooks';
6
+ import { useCanBrowseArchivedConversations, useCanCreateConversations, useCurrentPersonCache, useDirectMessagesEligible, useFontScale, useHasDirectMessages, useNewConversationEntry, useTheme } from '../../../hooks';
7
7
  import { useApiGet } from '../../../hooks/use_api';
8
8
  import { useMarkAllRead } from '../../../hooks/use_conversations_actions';
9
9
  import { useCanDisplayGroups } from '../../../hooks/use_groups';
@@ -14,6 +14,8 @@ import { Haptic } from '../../../utils/native_adapters';
14
14
  import { ListHeaderActionButton } from './list_header_action_button';
15
15
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
16
16
  const ROW_PADDING_HORIZONTAL = 16;
17
+ const HEADING_ROW_GAP = 12;
18
+ const DEFAULT_FONT_SCALE = 1;
17
19
  const ALL_CONVERSATIONS_LABEL = 'All conversations';
18
20
  const ARCHIVED_LABEL = 'Archived';
19
21
  var FilterTypes = /*#__PURE__*/function (FilterTypes) {
@@ -41,7 +43,7 @@ const FILTER_PARAMS = {
41
43
  }
42
44
  };
43
45
  export const FilterDropdownListHeaderComponent = () => {
44
- const $ = _c(91);
46
+ const $ = _c(96);
45
47
  const navigation = useNavigation();
46
48
  let t0;
47
49
  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
@@ -417,113 +419,153 @@ export const FilterDropdownListHeaderComponent = () => {
417
419
  }
418
420
  const alertMarkAllRead = t25;
419
421
  const showMoreFilters = canFilterByGroups || canFilterByTeams || canBrowseArchived;
420
- const styles = useStyles();
422
+ const stacked = useFontScale() > DEFAULT_FONT_SCALE;
421
423
  let t26;
422
- if ($[55] !== active || $[56] !== handleOpenConversationFilters || $[57] !== handleSelectFilter || $[58] !== options || $[59] !== showMoreFilters || $[60] !== triggerLabel) {
423
- t26 = /*#__PURE__*/_jsx(FilterDropdown, {
424
+ if ($[55] !== stacked) {
425
+ t26 = {
426
+ stacked
427
+ };
428
+ $[55] = stacked;
429
+ $[56] = t26;
430
+ } else {
431
+ t26 = $[56];
432
+ }
433
+ const styles = useStyles(t26);
434
+ const [rowWidth, setRowWidth] = useState();
435
+ const [actionsWidth, setActionsWidth] = useState();
436
+ let t27;
437
+ if ($[57] === Symbol.for("react.memo_cache_sentinel")) {
438
+ t27 = event => {
439
+ setRowWidth(event.nativeEvent.layout.width);
440
+ };
441
+ $[57] = t27;
442
+ } else {
443
+ t27 = $[57];
444
+ }
445
+ const handleRowLayout = t27;
446
+ let t28;
447
+ if ($[58] === Symbol.for("react.memo_cache_sentinel")) {
448
+ t28 = event_0 => {
449
+ setActionsWidth(event_0.nativeEvent.layout.width);
450
+ };
451
+ $[58] = t28;
452
+ } else {
453
+ t28 = $[58];
454
+ }
455
+ const handleActionsLayout = t28;
456
+ const triggerMaxWidth = !stacked && rowWidth !== undefined && actionsWidth !== undefined ? rowWidth - ROW_PADDING_HORIZONTAL * 2 - actionsWidth - HEADING_ROW_GAP : undefined;
457
+ let t29;
458
+ if ($[59] !== active || $[60] !== handleOpenConversationFilters || $[61] !== handleSelectFilter || $[62] !== options || $[63] !== showMoreFilters || $[64] !== triggerLabel || $[65] !== triggerMaxWidth) {
459
+ t29 = /*#__PURE__*/_jsx(FilterDropdown, {
424
460
  options: options,
425
461
  selectedId: active,
426
462
  onSelect: handleSelectFilter,
427
463
  onMoreFilters: handleOpenConversationFilters,
428
464
  showMoreFilters: showMoreFilters,
429
- triggerLabel: triggerLabel
465
+ triggerLabel: triggerLabel,
466
+ maxWidth: triggerMaxWidth
430
467
  });
431
- $[55] = active;
432
- $[56] = handleOpenConversationFilters;
433
- $[57] = handleSelectFilter;
434
- $[58] = options;
435
- $[59] = showMoreFilters;
436
- $[60] = triggerLabel;
437
- $[61] = t26;
468
+ $[59] = active;
469
+ $[60] = handleOpenConversationFilters;
470
+ $[61] = handleSelectFilter;
471
+ $[62] = options;
472
+ $[63] = showMoreFilters;
473
+ $[64] = triggerLabel;
474
+ $[65] = triggerMaxWidth;
475
+ $[66] = t29;
438
476
  } else {
439
- t26 = $[61];
477
+ t29 = $[66];
440
478
  }
441
- let t27;
442
- if ($[62] !== styles.titleContainer || $[63] !== t26) {
443
- t27 = /*#__PURE__*/_jsx(View, {
479
+ let t30;
480
+ if ($[67] !== styles.titleContainer || $[68] !== t29) {
481
+ t30 = /*#__PURE__*/_jsx(View, {
444
482
  style: styles.titleContainer,
445
- children: t26
483
+ children: t29
446
484
  });
447
- $[62] = styles.titleContainer;
448
- $[63] = t26;
449
- $[64] = t27;
485
+ $[67] = styles.titleContainer;
486
+ $[68] = t29;
487
+ $[69] = t30;
450
488
  } else {
451
- t27 = $[64];
489
+ t30 = $[69];
452
490
  }
453
- let t28;
454
- if ($[65] !== handleChatSettings) {
455
- t28 = /*#__PURE__*/_jsx(ListHeaderActionButton, {
491
+ let t31;
492
+ if ($[70] !== handleChatSettings) {
493
+ t31 = /*#__PURE__*/_jsx(ListHeaderActionButton, {
456
494
  name: "general.cog",
457
495
  onPress: handleChatSettings,
458
496
  accessibilityLabel: "Chat settings",
459
497
  testID: "conversations-chat-settings-button",
460
498
  maxFontSizeMultiplier: MAX_FONT_SIZE_MULTIPLIER_LANDMARK
461
499
  });
462
- $[65] = handleChatSettings;
463
- $[66] = t28;
500
+ $[70] = handleChatSettings;
501
+ $[71] = t31;
464
502
  } else {
465
- t28 = $[66];
503
+ t31 = $[71];
466
504
  }
467
- let t29;
468
- if ($[67] !== canCreateConversations || $[68] !== handleNewConversationNavigation) {
469
- t29 = canCreateConversations && /*#__PURE__*/_jsx(ListHeaderActionButton, {
505
+ let t32;
506
+ if ($[72] !== canCreateConversations || $[73] !== handleNewConversationNavigation) {
507
+ t32 = canCreateConversations && /*#__PURE__*/_jsx(ListHeaderActionButton, {
470
508
  name: "churchCenter.signups",
471
509
  onPress: handleNewConversationNavigation,
472
510
  accessibilityLabel: "New conversation",
473
511
  testID: "conversations-new-conversation-button",
474
512
  maxFontSizeMultiplier: MAX_FONT_SIZE_MULTIPLIER_LANDMARK
475
513
  });
476
- $[67] = canCreateConversations;
477
- $[68] = handleNewConversationNavigation;
478
- $[69] = t29;
514
+ $[72] = canCreateConversations;
515
+ $[73] = handleNewConversationNavigation;
516
+ $[74] = t32;
479
517
  } else {
480
- t29 = $[69];
518
+ t32 = $[74];
481
519
  }
482
- let t30;
483
- if ($[70] !== handleSearch || $[71] !== searchEnabled) {
484
- t30 = searchEnabled && /*#__PURE__*/_jsx(ListHeaderActionButton, {
520
+ let t33;
521
+ if ($[75] !== handleSearch || $[76] !== searchEnabled) {
522
+ t33 = searchEnabled && /*#__PURE__*/_jsx(ListHeaderActionButton, {
485
523
  name: "general.search",
486
524
  onPress: handleSearch,
487
525
  accessibilityLabel: "Search",
488
526
  testID: "conversations-search-button",
489
527
  maxFontSizeMultiplier: MAX_FONT_SIZE_MULTIPLIER_LANDMARK
490
528
  });
491
- $[70] = handleSearch;
492
- $[71] = searchEnabled;
493
- $[72] = t30;
529
+ $[75] = handleSearch;
530
+ $[76] = searchEnabled;
531
+ $[77] = t33;
494
532
  } else {
495
- t30 = $[72];
533
+ t33 = $[77];
496
534
  }
497
- let t31;
498
- if ($[73] !== styles.actionsContainer || $[74] !== t28 || $[75] !== t29 || $[76] !== t30) {
499
- t31 = /*#__PURE__*/_jsxs(View, {
535
+ let t34;
536
+ if ($[78] !== styles.actionsContainer || $[79] !== t31 || $[80] !== t32 || $[81] !== t33) {
537
+ t34 = /*#__PURE__*/_jsxs(View, {
500
538
  style: styles.actionsContainer,
501
- children: [t28, t29, t30]
539
+ onLayout: handleActionsLayout,
540
+ testID: "conversations-filter-actions",
541
+ children: [t31, t32, t33]
502
542
  });
503
- $[73] = styles.actionsContainer;
504
- $[74] = t28;
505
- $[75] = t29;
506
- $[76] = t30;
507
- $[77] = t31;
543
+ $[78] = styles.actionsContainer;
544
+ $[79] = t31;
545
+ $[80] = t32;
546
+ $[81] = t33;
547
+ $[82] = t34;
508
548
  } else {
509
- t31 = $[77];
549
+ t34 = $[82];
510
550
  }
511
- let t32;
512
- if ($[78] !== styles.headingRow || $[79] !== t27 || $[80] !== t31) {
513
- t32 = /*#__PURE__*/_jsxs(View, {
551
+ let t35;
552
+ if ($[83] !== styles.headingRow || $[84] !== t30 || $[85] !== t34) {
553
+ t35 = /*#__PURE__*/_jsxs(View, {
514
554
  style: styles.headingRow,
515
- children: [t27, t31]
555
+ onLayout: handleRowLayout,
556
+ testID: "conversations-filter-heading-row",
557
+ children: [t30, t34]
516
558
  });
517
- $[78] = styles.headingRow;
518
- $[79] = t27;
519
- $[80] = t31;
520
- $[81] = t32;
559
+ $[83] = styles.headingRow;
560
+ $[84] = t30;
561
+ $[85] = t34;
562
+ $[86] = t35;
521
563
  } else {
522
- t32 = $[81];
564
+ t35 = $[86];
523
565
  }
524
- let t33;
525
- if ($[82] !== alertMarkAllRead || $[83] !== isPending || $[84] !== show_archived || $[85] !== styles.markAllReadRow) {
526
- t33 = !show_archived && /*#__PURE__*/_jsx(View, {
566
+ let t36;
567
+ if ($[87] !== alertMarkAllRead || $[88] !== isPending || $[89] !== show_archived || $[90] !== styles.markAllReadRow) {
568
+ t36 = !show_archived && /*#__PURE__*/_jsx(View, {
527
569
  style: styles.markAllReadRow,
528
570
  children: /*#__PURE__*/_jsx(TextButton, {
529
571
  onPress: alertMarkAllRead,
@@ -534,36 +576,38 @@ export const FilterDropdownListHeaderComponent = () => {
534
576
  children: "Mark all read"
535
577
  })
536
578
  });
537
- $[82] = alertMarkAllRead;
538
- $[83] = isPending;
539
- $[84] = show_archived;
540
- $[85] = styles.markAllReadRow;
541
- $[86] = t33;
579
+ $[87] = alertMarkAllRead;
580
+ $[88] = isPending;
581
+ $[89] = show_archived;
582
+ $[90] = styles.markAllReadRow;
583
+ $[91] = t36;
542
584
  } else {
543
- t33 = $[86];
585
+ t36 = $[91];
544
586
  }
545
- let t34;
546
- if ($[87] !== styles.listHeader || $[88] !== t32 || $[89] !== t33) {
547
- t34 = /*#__PURE__*/_jsxs(View, {
587
+ let t37;
588
+ if ($[92] !== styles.listHeader || $[93] !== t35 || $[94] !== t36) {
589
+ t37 = /*#__PURE__*/_jsxs(View, {
548
590
  style: styles.listHeader,
549
- children: [t32, t33]
591
+ children: [t35, t36]
550
592
  });
551
- $[87] = styles.listHeader;
552
- $[88] = t32;
553
- $[89] = t33;
554
- $[90] = t34;
593
+ $[92] = styles.listHeader;
594
+ $[93] = t35;
595
+ $[94] = t36;
596
+ $[95] = t37;
555
597
  } else {
556
- t34 = $[90];
598
+ t37 = $[95];
557
599
  }
558
- return t34;
600
+ return t37;
559
601
  };
560
- const useStyles = () => {
602
+ const useStyles = t0 => {
561
603
  const $ = _c(3);
604
+ const {
605
+ stacked
606
+ } = t0;
562
607
  const theme = useTheme();
563
- const atFontScaleBreakpoint = useAtFontScaleBreakpoint();
564
- let t0;
565
- if ($[0] !== atFontScaleBreakpoint || $[1] !== theme.colors.fillColorNeutral050Base) {
566
- t0 = StyleSheet.create({
608
+ let t1;
609
+ if ($[0] !== stacked || $[1] !== theme.colors.fillColorNeutral050Base) {
610
+ t1 = StyleSheet.create({
567
611
  listHeader: {
568
612
  borderBottomWidth: 1,
569
613
  borderBottomColor: theme.colors.fillColorNeutral050Base,
@@ -571,11 +615,11 @@ const useStyles = () => {
571
615
  gap: 8
572
616
  },
573
617
  headingRow: {
574
- gap: 12,
575
- flexDirection: atFontScaleBreakpoint ? "column" : "row",
576
- alignItems: atFontScaleBreakpoint ? "flex-start" : "center",
618
+ gap: HEADING_ROW_GAP,
619
+ flexDirection: stacked ? "column" : "row",
620
+ alignItems: stacked ? "flex-start" : "center",
577
621
  justifyContent: "space-between",
578
- paddingBottom: atFontScaleBreakpoint ? 4 : 0,
622
+ paddingBottom: stacked ? 4 : 0,
579
623
  paddingHorizontal: ROW_PADDING_HORIZONTAL
580
624
  },
581
625
  titleContainer: {
@@ -592,12 +636,12 @@ const useStyles = () => {
592
636
  paddingHorizontal: ROW_PADDING_HORIZONTAL
593
637
  }
594
638
  });
595
- $[0] = atFontScaleBreakpoint;
639
+ $[0] = stacked;
596
640
  $[1] = theme.colors.fillColorNeutral050Base;
597
- $[2] = t0;
641
+ $[2] = t1;
598
642
  } else {
599
- t0 = $[2];
643
+ t1 = $[2];
600
644
  }
601
- return t0;
645
+ return t1;
602
646
  };
603
647
  //# sourceMappingURL=filter_dropdown_list_header_component.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"filter_dropdown_list_header_component.js","names":["useNavigation","useRoute","React","useCallback","useMemo","Alert","StyleSheet","View","FilterDropdown","TextButton","useAtFontScaleBreakpoint","useCanBrowseArchivedConversations","useCanCreateConversations","useCurrentPersonCache","useDirectMessagesEligible","useHasDirectMessages","useNewConversationEntry","useTheme","useApiGet","useMarkAllRead","useCanDisplayGroups","useNewConversationFromFilter","useSearchEnabled","MAX_FONT_SIZE_MULTIPLIER_LANDMARK","Haptic","ListHeaderActionButton","jsx","_jsx","jsxs","_jsxs","ROW_PADDING_HORIZONTAL","ALL_CONVERSATIONS_LABEL","ARCHIVED_LABEL","FilterTypes","FILTER_PARAMS","All","Groups","group_source_app_name","Teams","DMs","show_direct_messages","Unread","show_unread","FilterDropdownListHeaderComponent","$","_c","navigation","t0","Symbol","for","source_app_name","source_type","canFilterByTeams","t1","canFilterByGroups","directMessagesEligible","hasDirectMessages","canFilterByDMs","canBrowseArchived","searchEnabled","route","t2","params","title","chat_group_graph_id","t3","show_archived","undefined","currentPersonCache","markAllRead","isPending","canCreateConversations","entryMode","newConversationFromFilter","t4","t5","fields","Group","t6","url","data","app","t7","t8","enabled","group","t9","bb0","More","test","active","t10","id","label","t11","t12","t13","t14","t15","options","t16","name","t17","triggerLabel","t18","navigate","screen","handleNewConversationNavigation","t19","setParams","handleSetFilter","t20","params_0","handleSelectFilter","t21","handleSearch","t22","handleChatSettings","t23","handleOpenConversationFilters","t24","update","unreadCount","notificationSuccess","handleMarkAllRead","t25","alert","text","onPress","alertMarkAllRead","showMoreFilters","styles","useStyles","t26","t27","titleContainer","style","children","t28","accessibilityLabel","testID","t29","t30","t31","actionsContainer","t32","headingRow","t33","markAllReadRow","accessibilityShowsLargeContentViewer","accessibilityLargeContentTitle","t34","listHeader","theme","atFontScaleBreakpoint","colors","fillColorNeutral050Base","create","borderBottomWidth","borderBottomColor","paddingBottom","gap","flexDirection","alignItems","justifyContent","paddingHorizontal","flexShrink","minWidth"],"sources":["../../../../src/screens/conversations/components/filter_dropdown_list_header_component.tsx"],"sourcesContent":["import { RouteProp, useNavigation, useRoute } from '@react-navigation/native'\nimport React, { useCallback, useMemo } from 'react'\nimport { Alert, StyleSheet, View } from 'react-native'\nimport { FilterDropdown, FilterDropdownOption, TextButton } from '../../../components'\nimport {\n useAtFontScaleBreakpoint,\n useCanBrowseArchivedConversations,\n useCanCreateConversations,\n useCurrentPersonCache,\n useDirectMessagesEligible,\n useHasDirectMessages,\n useNewConversationEntry,\n useTheme,\n} from '../../../hooks'\nimport { useApiGet } from '../../../hooks/use_api'\nimport { useMarkAllRead } from '../../../hooks/use_conversations_actions'\nimport { useCanDisplayGroups } from '../../../hooks/use_groups'\nimport { useNewConversationFromFilter } from '../../../hooks/use_new_conversation_from_filter'\nimport { useSearchEnabled } from '../../../hooks/use_search_enabled'\nimport { GraphId, GroupResource } from '../../../types/resources/group_resource'\nimport { MAX_FONT_SIZE_MULTIPLIER_LANDMARK } from '../../../utils'\nimport { Haptic } from '../../../utils/native_adapters'\nimport { ConversationFiltersParams } from '../../conversation_filters/screen_props'\nimport { ConversationsScreenProps } from '../conversations_screen'\nimport { ListHeaderActionButton } from './list_header_action_button'\n\nconst ROW_PADDING_HORIZONTAL = 16\nconst ALL_CONVERSATIONS_LABEL = 'All conversations'\nconst ARCHIVED_LABEL = 'Archived'\n\nenum FilterTypes {\n All = 'All',\n Groups = 'Groups',\n Teams = 'Teams',\n DMs = 'DMs',\n Unread = 'Unread',\n More = 'More',\n}\n\nconst FILTER_PARAMS: Record<Exclude<FilterTypes, FilterTypes.More>, ConversationFiltersParams> = {\n [FilterTypes.All]: {},\n [FilterTypes.Groups]: { group_source_app_name: 'Groups' },\n [FilterTypes.Teams]: { group_source_app_name: 'Services' },\n [FilterTypes.DMs]: { show_direct_messages: true },\n [FilterTypes.Unread]: { show_unread: true },\n}\n\nexport const FilterDropdownListHeaderComponent = () => {\n const navigation = useNavigation()\n const canFilterByTeams = useCanDisplayGroups({ source_app_name: 'Services', source_type: 'Team' })\n const canFilterByGroups = useCanDisplayGroups({ source_app_name: 'Groups', source_type: 'Group' })\n const directMessagesEligible = useDirectMessagesEligible()\n const hasDirectMessages = useHasDirectMessages()\n const canFilterByDMs = directMessagesEligible && hasDirectMessages\n const canBrowseArchived = useCanBrowseArchivedConversations()\n const searchEnabled = useSearchEnabled()\n const route = useRoute<RouteProp<ConversationsScreenProps['route']>>()\n const {\n title,\n chat_group_graph_id,\n group_source_app_name = '',\n show_direct_messages,\n show_archived,\n show_unread,\n } = route.params || {}\n const currentPersonCache = useCurrentPersonCache()\n const { markAllRead, isPending } = useMarkAllRead()\n const canCreateConversations = useCanCreateConversations()\n const entryMode = useNewConversationEntry()\n const newConversationFromFilter = useNewConversationFromFilter(\n chat_group_graph_id as GraphId | undefined\n )\n const { data: group } = useApiGet<GroupResource>(\n { url: `/me/groups/${chat_group_graph_id}`, data: { fields: { Group: [] } }, app: 'chat' },\n { enabled: !!chat_group_graph_id }\n )\n\n const active: FilterTypes = useMemo(() => {\n if (chat_group_graph_id || show_archived) {\n return FilterTypes.More\n } else if (/groups/i.test(group_source_app_name)) {\n return FilterTypes.Groups\n } else if (/services/i.test(group_source_app_name)) {\n return FilterTypes.Teams\n } else if (show_direct_messages) {\n return FilterTypes.DMs\n } else if (show_unread) {\n return FilterTypes.Unread\n }\n\n return FilterTypes.All\n }, [chat_group_graph_id, group_source_app_name, show_direct_messages, show_archived, show_unread])\n\n const options: FilterDropdownOption[] = useMemo(\n () => [\n { id: FilterTypes.All, label: FilterTypes.All },\n ...(canFilterByGroups ? [{ id: FilterTypes.Groups, label: FilterTypes.Groups }] : []),\n ...(canFilterByTeams ? [{ id: FilterTypes.Teams, label: FilterTypes.Teams }] : []),\n ...(canFilterByDMs ? [{ id: FilterTypes.DMs, label: FilterTypes.DMs }] : []),\n { id: FilterTypes.Unread, label: FilterTypes.Unread },\n ],\n [canFilterByGroups, canFilterByTeams, canFilterByDMs]\n )\n\n const triggerLabel = useMemo(() => {\n if (chat_group_graph_id) return group?.name || title || ALL_CONVERSATIONS_LABEL\n if (show_archived) return ARCHIVED_LABEL\n if (active === FilterTypes.All) return ALL_CONVERSATIONS_LABEL\n\n return active\n }, [chat_group_graph_id, group?.name, title, show_archived, active])\n\n const handleNewConversationNavigation = useCallback(() => {\n if (newConversationFromFilter || entryMode === 'select_type') {\n return navigation.navigate('ConversationSelectType', {\n ...route.params,\n newConversationFromFilter,\n })\n }\n\n if (entryMode === 'groups') {\n return navigation.navigate('New', {\n screen: 'ConversationSelectGroupRecipients',\n params: { ...route.params },\n })\n }\n\n if (entryMode === 'teams') {\n return navigation.navigate('New', {\n screen: 'ConversationSelectTeamsILeadRecipients',\n params: { ...route.params },\n })\n }\n\n if (entryMode === 'direct_message') {\n return navigation.navigate('New', {\n screen: 'ConversationSelectDirectMessageRecipients',\n params: { ...route.params },\n })\n }\n }, [navigation, route.params, entryMode, newConversationFromFilter])\n\n const handleSetFilter = useCallback(\n (params: ConversationFiltersParams) => {\n navigation.setParams({\n title: undefined,\n chat_group_graph_id: undefined,\n group_source_app_name: undefined,\n show_direct_messages: undefined,\n show_archived: undefined,\n show_unread: undefined,\n ...params,\n })\n },\n [navigation]\n )\n\n const handleSelectFilter = useCallback(\n (id: string) => {\n const params = FILTER_PARAMS[id as keyof typeof FILTER_PARAMS]\n if (params) handleSetFilter(params)\n },\n [handleSetFilter]\n )\n\n const handleSearch = useCallback(() => {\n navigation.navigate('Search')\n }, [navigation])\n\n const handleChatSettings = useCallback(() => {\n navigation.navigate('ChatSettings', {})\n }, [navigation])\n\n const handleOpenConversationFilters = useCallback(() => {\n navigation.navigate('ConversationFilters', {\n chat_group_graph_id,\n group_source_app_name,\n show_direct_messages,\n show_archived,\n show_unread,\n })\n }, [\n navigation,\n chat_group_graph_id,\n group_source_app_name,\n show_direct_messages,\n show_archived,\n show_unread,\n ])\n\n const handleMarkAllRead = useCallback(() => {\n currentPersonCache.update({ unreadCount: 0 })\n Haptic.notificationSuccess()\n markAllRead()\n }, [currentPersonCache, markAllRead])\n\n const alertMarkAllRead = useCallback(() => {\n if (active === FilterTypes.All) return handleMarkAllRead()\n\n Alert.alert('Mark all read', 'This includes conversations not shown by the current filter.', [\n { text: 'Cancel' },\n { text: 'OK', onPress: () => handleMarkAllRead() },\n ])\n }, [active, handleMarkAllRead])\n\n const showMoreFilters = canFilterByGroups || canFilterByTeams || canBrowseArchived\n\n const styles = useStyles()\n\n return (\n <View style={styles.listHeader}>\n <View style={styles.headingRow}>\n <View style={styles.titleContainer}>\n <FilterDropdown\n options={options}\n selectedId={active}\n onSelect={handleSelectFilter}\n onMoreFilters={handleOpenConversationFilters}\n showMoreFilters={showMoreFilters}\n triggerLabel={triggerLabel}\n />\n </View>\n <View style={styles.actionsContainer}>\n <ListHeaderActionButton\n name=\"general.cog\"\n onPress={handleChatSettings}\n accessibilityLabel=\"Chat settings\"\n testID=\"conversations-chat-settings-button\"\n maxFontSizeMultiplier={MAX_FONT_SIZE_MULTIPLIER_LANDMARK}\n />\n {canCreateConversations && (\n <ListHeaderActionButton\n name=\"churchCenter.signups\"\n onPress={handleNewConversationNavigation}\n accessibilityLabel=\"New conversation\"\n testID=\"conversations-new-conversation-button\"\n maxFontSizeMultiplier={MAX_FONT_SIZE_MULTIPLIER_LANDMARK}\n />\n )}\n {searchEnabled && (\n <ListHeaderActionButton\n name=\"general.search\"\n onPress={handleSearch}\n accessibilityLabel=\"Search\"\n testID=\"conversations-search-button\"\n maxFontSizeMultiplier={MAX_FONT_SIZE_MULTIPLIER_LANDMARK}\n />\n )}\n </View>\n </View>\n {!show_archived && (\n <View style={styles.markAllReadRow}>\n <TextButton\n onPress={alertMarkAllRead}\n disabled={isPending}\n maxFontSizeMultiplier={MAX_FONT_SIZE_MULTIPLIER_LANDMARK}\n accessibilityShowsLargeContentViewer\n accessibilityLargeContentTitle=\"Mark all read\"\n >\n Mark all read\n </TextButton>\n </View>\n )}\n </View>\n )\n}\n\nconst useStyles = () => {\n const theme = useTheme()\n const atFontScaleBreakpoint = useAtFontScaleBreakpoint()\n\n return StyleSheet.create({\n listHeader: {\n borderBottomWidth: 1,\n borderBottomColor: theme.colors.fillColorNeutral050Base,\n paddingBottom: 16,\n gap: 8,\n },\n headingRow: {\n gap: 12,\n flexDirection: atFontScaleBreakpoint ? 'column' : 'row',\n alignItems: atFontScaleBreakpoint ? 'flex-start' : 'center',\n justifyContent: 'space-between',\n paddingBottom: atFontScaleBreakpoint ? 4 : 0,\n paddingHorizontal: ROW_PADDING_HORIZONTAL,\n },\n titleContainer: {\n flexShrink: 1,\n minWidth: 0,\n },\n actionsContainer: {\n flexDirection: 'row',\n gap: 8,\n alignItems: 'center',\n },\n markAllReadRow: {\n alignItems: 'flex-start',\n paddingHorizontal: ROW_PADDING_HORIZONTAL,\n },\n })\n}\n"],"mappings":";AAAA,SAAoBA,aAAa,EAAEC,QAAQ,QAAQ,0BAA0B;AAC7E,OAAOC,KAAK,IAAIC,WAAW,EAAEC,OAAO,QAAQ,OAAO;AACnD,SAASC,KAAK,EAAEC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AACtD,SAASC,cAAc,EAAwBC,UAAU,QAAQ,qBAAqB;AACtF,SACEC,wBAAwB,EACxBC,iCAAiC,EACjCC,yBAAyB,EACzBC,qBAAqB,EACrBC,yBAAyB,EACzBC,oBAAoB,EACpBC,uBAAuB,EACvBC,QAAQ,QACH,gBAAgB;AACvB,SAASC,SAAS,QAAQ,wBAAwB;AAClD,SAASC,cAAc,QAAQ,0CAA0C;AACzE,SAASC,mBAAmB,QAAQ,2BAA2B;AAC/D,SAASC,4BAA4B,QAAQ,iDAAiD;AAC9F,SAASC,gBAAgB,QAAQ,mCAAmC;AAEpE,SAASC,iCAAiC,QAAQ,gBAAgB;AAClE,SAASC,MAAM,QAAQ,gCAAgC;AAGvD,SAASC,sBAAsB,QAAQ,6BAA6B;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAEpE,MAAMC,sBAAsB,GAAG,EAAE;AACjC,MAAMC,uBAAuB,GAAG,mBAAmB;AACnD,MAAMC,cAAc,GAAG,UAAU;AAAA,IAE5BC,WAAW,0BAAXA,WAAW;EAAXA,WAAW;EAAXA,WAAW;EAAXA,WAAW;EAAXA,WAAW;EAAXA,WAAW;EAAXA,WAAW;EAAA,OAAXA,WAAW;AAAA,EAAXA,WAAW;AAShB,MAAMC,aAAwF,GAAG;EAC/F,CAACD,WAAW,CAACE,GAAG,GAAG,CAAC,CAAC;EACrB,CAACF,WAAW,CAACG,MAAM,GAAG;IAAEC,qBAAqB,EAAE;EAAS,CAAC;EACzD,CAACJ,WAAW,CAACK,KAAK,GAAG;IAAED,qBAAqB,EAAE;EAAW,CAAC;EAC1D,CAACJ,WAAW,CAACM,GAAG,GAAG;IAAEC,oBAAoB,EAAE;EAAK,CAAC;EACjD,CAACP,WAAW,CAACQ,MAAM,GAAG;IAAEC,WAAW,EAAE;EAAK;AAC5C,CAAC;AAED,OAAO,MAAMC,iCAAiC,GAAGA,CAAA;EAAA,MAAAC,CAAA,GAAAC,EAAA;EAC/C,MAAAC,UAAA,GAAmB9C,aAAa,CAAC,CAAC;EAAA,IAAA+C,EAAA;EAAA,IAAAH,CAAA,QAAAI,MAAA,CAAAC,GAAA;IACWF,EAAA;MAAAG,eAAA,EAAmB,UAAU;MAAAC,WAAA,EAAe;IAAO,CAAC;IAAAP,CAAA,MAAAG,EAAA;EAAA;IAAAA,EAAA,GAAAH,CAAA;EAAA;EAAjG,MAAAQ,gBAAA,GAAyBhC,mBAAmB,CAAC2B,EAAoD,CAAC;EAAA,IAAAM,EAAA;EAAA,IAAAT,CAAA,QAAAI,MAAA,CAAAC,GAAA;IACpDI,EAAA;MAAAH,eAAA,EAAmB,QAAQ;MAAAC,WAAA,EAAe;IAAQ,CAAC;IAAAP,CAAA,MAAAS,EAAA;EAAA;IAAAA,EAAA,GAAAT,CAAA;EAAA;EAAjG,MAAAU,iBAAA,GAA0BlC,mBAAmB,CAACiC,EAAmD,CAAC;EAClG,MAAAE,sBAAA,GAA+BzC,yBAAyB,CAAC,CAAC;EAC1D,MAAA0C,iBAAA,GAA0BzC,oBAAoB,CAAC,CAAC;EAChD,MAAA0C,cAAA,GAAuBF,sBAA2C,IAA3CC,iBAA2C;EAClE,MAAAE,iBAAA,GAA0B/C,iCAAiC,CAAC,CAAC;EAC7D,MAAAgD,aAAA,GAAsBrC,gBAAgB,CAAC,CAAC;EACxC,MAAAsC,KAAA,GAAc3D,QAAQ,CAA+C,CAAC;EAAA,IAAA4D,EAAA;EAAA,IAAAjB,CAAA,QAAAgB,KAAA,CAAAE,MAAA;IAQlED,EAAA,GAAAD,KAAK,CAAAE,MAAa,IAAlB,CAAiB,CAAC;IAAAlB,CAAA,MAAAgB,KAAA,CAAAE,MAAA;IAAAlB,CAAA,MAAAiB,EAAA;EAAA;IAAAA,EAAA,GAAAjB,CAAA;EAAA;EAPtB;IAAAmB,KAAA;IAAAC,mBAAA;IAAA3B,qBAAA,EAAA4B,EAAA;IAAAzB,oBAAA;IAAA0B,aAAA;IAAAxB;EAAA,IAOImB,EAAkB;EAJpB,MAAAxB,qBAAA,GAAA4B,EAA0B,KAA1BE,SAA0B,GAA1B,EAA0B,GAA1BF,EAA0B;EAK5B,MAAAG,kBAAA,GAA2BvD,qBAAqB,CAAC,CAAC;EAClD;IAAAwD,WAAA;IAAAC;EAAA,IAAmCnD,cAAc,CAAC,CAAC;EACnD,MAAAoD,sBAAA,GAA+B3D,yBAAyB,CAAC,CAAC;EAC1D,MAAA4D,SAAA,GAAkBxD,uBAAuB,CAAC,CAAC;EAC3C,MAAAyD,yBAAA,GAAkCpD,4BAA4B,CAC5D2C,mBACF,CAAC;EAEQ,MAAAU,EAAA,iBAAcV,mBAAmB,EAAE;EAAA,IAAAW,EAAA;EAAA,IAAA/B,CAAA,QAAAI,MAAA,CAAAC,GAAA;IAAQ0B,EAAA;MAAAC,MAAA,EAAU;QAAAC,KAAA,EAAS;MAAG;IAAE,CAAC;IAAAjC,CAAA,MAAA+B,EAAA;EAAA;IAAAA,EAAA,GAAA/B,CAAA;EAAA;EAAA,IAAAkC,EAAA;EAAA,IAAAlC,CAAA,QAAA8B,EAAA;IAA3EI,EAAA;MAAAC,GAAA,EAAOL,EAAmC;MAAAM,IAAA,EAAQL,EAAyB;MAAAM,GAAA,EAAO;IAAO,CAAC;IAAArC,CAAA,MAAA8B,EAAA;IAAA9B,CAAA,MAAAkC,EAAA;EAAA;IAAAA,EAAA,GAAAlC,CAAA;EAAA;EAC/E,MAAAsC,EAAA,IAAC,CAAClB,mBAAmB;EAAA,IAAAmB,EAAA;EAAA,IAAAvC,CAAA,QAAAsC,EAAA;IAAhCC,EAAA;MAAAC,OAAA,EAAWF;IAAsB,CAAC;IAAAtC,CAAA,MAAAsC,EAAA;IAAAtC,CAAA,MAAAuC,EAAA;EAAA;IAAAA,EAAA,GAAAvC,CAAA;EAAA;EAFpC;IAAAoC,IAAA,EAAAK;EAAA,IAAwBnE,SAAS,CAC/B4D,EAA0F,EAC1FK,EACF,CAAC;EAAA,IAAAG,EAAA;EAAAC,GAAA;IAGC,IAAIvB,mBAAoC,IAApCE,aAAoC;MACtCoB,EAAA,GAAOrD,WAAW,CAAAuD,IAAK;MAAvB,MAAAD,GAAA;IAAuB;MAClB,IAAI,SAAS,CAAAE,IAAK,CAACpD,qBAAqB,CAAC;QAC9CiD,EAAA,GAAOrD,WAAW,CAAAG,MAAO;QAAzB,MAAAmD,GAAA;MAAyB;QACpB,IAAI,WAAW,CAAAE,IAAK,CAACpD,qBAAqB,CAAC;UAChDiD,EAAA,GAAOrD,WAAW,CAAAK,KAAM;UAAxB,MAAAiD,GAAA;QAAwB;UACnB,IAAI/C,oBAAoB;YAC7B8C,EAAA,GAAOrD,WAAW,CAAAM,GAAI;YAAtB,MAAAgD,GAAA;UAAsB;YACjB,IAAI7C,WAAW;cACpB4C,EAAA,GAAOrD,WAAW,CAAAQ,MAAO;cAAzB,MAAA8C,GAAA;YAAyB;UAC1B;QAAA;MAAA;IAAA;IAEDD,EAAA,GAAOrD,WAAW,CAAAE,GAAI;EAAA;EAbxB,MAAAuD,MAAA,GAA4BJ,EAcsE;EAAA,IAAAK,GAAA;EAAA,IAAA/C,CAAA,QAAAI,MAAA,CAAAC,GAAA;IAI9F0C,GAAA;MAAAC,EAAA,EAAM3D,WAAW,CAAAE,GAAI;MAAA0D,KAAA,EAAS5D,WAAW,CAAAE;IAAK,CAAC;IAAAS,CAAA,MAAA+C,GAAA;EAAA;IAAAA,GAAA,GAAA/C,CAAA;EAAA;EAAA,IAAAkD,GAAA;EAAA,IAAAlD,CAAA,SAAAU,iBAAA;IAC3CwC,GAAA,GAAAxC,iBAAiB,GAAjB,CAAqB;MAAAsC,EAAA,EAAM3D,WAAW,CAAAG,MAAO;MAAAyD,KAAA,EAAS5D,WAAW,CAAAG;IAAQ,CAAC,CAAM,GAAhF,EAAgF;IAAAQ,CAAA,OAAAU,iBAAA;IAAAV,CAAA,OAAAkD,GAAA;EAAA;IAAAA,GAAA,GAAAlD,CAAA;EAAA;EAAA,IAAAmD,GAAA;EAAA,IAAAnD,CAAA,SAAAQ,gBAAA;IAChF2C,GAAA,GAAA3C,gBAAgB,GAAhB,CAAoB;MAAAwC,EAAA,EAAM3D,WAAW,CAAAK,KAAM;MAAAuD,KAAA,EAAS5D,WAAW,CAAAK;IAAO,CAAC,CAAM,GAA7E,EAA6E;IAAAM,CAAA,OAAAQ,gBAAA;IAAAR,CAAA,OAAAmD,GAAA;EAAA;IAAAA,GAAA,GAAAnD,CAAA;EAAA;EAAA,IAAAoD,GAAA;EAAA,IAAApD,CAAA,SAAAa,cAAA;IAC7EuC,GAAA,GAAAvC,cAAc,GAAd,CAAkB;MAAAmC,EAAA,EAAM3D,WAAW,CAAAM,GAAI;MAAAsD,KAAA,EAAS5D,WAAW,CAAAM;IAAK,CAAC,CAAM,GAAvE,EAAuE;IAAAK,CAAA,OAAAa,cAAA;IAAAb,CAAA,OAAAoD,GAAA;EAAA;IAAAA,GAAA,GAAApD,CAAA;EAAA;EAAA,IAAAqD,GAAA;EAAA,IAAArD,CAAA,SAAAI,MAAA,CAAAC,GAAA;IAC3EgD,GAAA;MAAAL,EAAA,EAAM3D,WAAW,CAAAQ,MAAO;MAAAoD,KAAA,EAAS5D,WAAW,CAAAQ;IAAQ,CAAC;IAAAG,CAAA,OAAAqD,GAAA;EAAA;IAAAA,GAAA,GAAArD,CAAA;EAAA;EAAA,IAAAsD,GAAA;EAAA,IAAAtD,CAAA,SAAAkD,GAAA,IAAAlD,CAAA,SAAAmD,GAAA,IAAAnD,CAAA,SAAAoD,GAAA;IALjDE,GAAA,IACJP,GAA+C,KAC3CG,GAAgF,KAChFC,GAA6E,KAC7EC,GAAuE,EAC3EC,GAAqD,CACtD;IAAArD,CAAA,OAAAkD,GAAA;IAAAlD,CAAA,OAAAmD,GAAA;IAAAnD,CAAA,OAAAoD,GAAA;IAAApD,CAAA,OAAAsD,GAAA;EAAA;IAAAA,GAAA,GAAAtD,CAAA;EAAA;EAPH,MAAAuD,OAAA,GACQD,GAML;EAEF,IAAAE,GAAA;EAAA,IAAAxD,CAAA,SAAA8C,MAAA,IAAA9C,CAAA,SAAAoB,mBAAA,IAAApB,CAAA,SAAAyC,KAAA,EAAAgB,IAAA,IAAAzD,CAAA,SAAAsB,aAAA,IAAAtB,CAAA,SAAAmB,KAAA;IAE4BqC,GAAA,GAAAA,CAAA;MAC3B,IAAIpC,mBAAmB;QAAA,OAASqB,KAAK,EAAAgB,IAAe,IAApBtC,KAA+C,IAA/ChC,uBAA+C;MAAA;MAC/E,IAAImC,aAAa;QAAA,OAASlC,cAAc;MAAA;MACxC,IAAI0D,MAAM,KAAKzD,WAAW,CAAAE,GAAI;QAAA,OAASJ,uBAAuB;MAAA;MAAA,OAEvD2D,MAAM;IAAA,CACd;IAAA9C,CAAA,OAAA8C,MAAA;IAAA9C,CAAA,OAAAoB,mBAAA;IAAApB,CAAA,OAAAyC,KAAA,EAAAgB,IAAA;IAAAzD,CAAA,OAAAsB,aAAA;IAAAtB,CAAA,OAAAmB,KAAA;IAAAnB,CAAA,OAAAwD,GAAA;EAAA;IAAAA,GAAA,GAAAxD,CAAA;EAAA;EAAwByC,KAAK,EAAAgB,IAAM;EAAA,IAAAC,GAAA;EAAA,IAAA1D,CAAA,SAAAwD,GAAA;IANfE,GAAA,GAAQF,GAM5B,CAAkE,CAAC;IAAAxD,CAAA,OAAAwD,GAAA;IAAAxD,CAAA,OAAA0D,GAAA;EAAA;IAAAA,GAAA,GAAA1D,CAAA;EAAA;EANpE,MAAA2D,YAAA,GAAqBD,GAM+C;EAAA,IAAAE,GAAA;EAAA,IAAA5D,CAAA,SAAA4B,SAAA,IAAA5B,CAAA,SAAAE,UAAA,IAAAF,CAAA,SAAA6B,yBAAA,IAAA7B,CAAA,SAAAgB,KAAA,CAAAE,MAAA;IAEhB0C,GAAA,GAAAA,CAAA;MAClD,IAAI/B,yBAAwD,IAA3BD,SAAS,KAAK,aAAa;QAAA,OACnD1B,UAAU,CAAA2D,QAAS,CAAC,wBAAwB,EAAE;UAAA,GAChD7C,KAAK,CAAAE,MAAO;UAAAW;QAEjB,CAAC,CAAC;MAAA;MAGJ,IAAID,SAAS,KAAK,QAAQ;QAAA,OACjB1B,UAAU,CAAA2D,QAAS,CAAC,KAAK,EAAE;UAAAC,MAAA,EACxB,mCAAmC;UAAA5C,MAAA,EACnC;YAAA,GAAKF,KAAK,CAAAE;UAAQ;QAC5B,CAAC,CAAC;MAAA;MAGJ,IAAIU,SAAS,KAAK,OAAO;QAAA,OAChB1B,UAAU,CAAA2D,QAAS,CAAC,KAAK,EAAE;UAAAC,MAAA,EACxB,wCAAwC;UAAA5C,MAAA,EACxC;YAAA,GAAKF,KAAK,CAAAE;UAAQ;QAC5B,CAAC,CAAC;MAAA;MAGJ,IAAIU,SAAS,KAAK,gBAAgB;QAAA,OACzB1B,UAAU,CAAA2D,QAAS,CAAC,KAAK,EAAE;UAAAC,MAAA,EACxB,2CAA2C;UAAA5C,MAAA,EAC3C;YAAA,GAAKF,KAAK,CAAAE;UAAQ;QAC5B,CAAC,CAAC;MAAA;IACH,CACF;IAAAlB,CAAA,OAAA4B,SAAA;IAAA5B,CAAA,OAAAE,UAAA;IAAAF,CAAA,OAAA6B,yBAAA;IAAA7B,CAAA,OAAAgB,KAAA,CAAAE,MAAA;IAAAlB,CAAA,OAAA4D,GAAA;EAAA;IAAAA,GAAA,GAAA5D,CAAA;EAAA;EA5BD,MAAA+D,+BAAA,GAAwCH,GA4B4B;EAAA,IAAAI,GAAA;EAAA,IAAAhE,CAAA,SAAAE,UAAA;IAGlE8D,GAAA,GAAA9C,MAAA;MACEhB,UAAU,CAAA+D,SAAU,CAAC;QAAA9C,KAAA,EACZI,SAAS;QAAAH,mBAAA,EACKG,SAAS;QAAA9B,qBAAA,EACP8B,SAAS;QAAA3B,oBAAA,EACV2B,SAAS;QAAAD,aAAA,EAChBC,SAAS;QAAAzB,WAAA,EACXyB,SAAS;QAAA,GACnBL;MACL,CAAC,CAAC;IAAA,CACH;IAAAlB,CAAA,OAAAE,UAAA;IAAAF,CAAA,OAAAgE,GAAA;EAAA;IAAAA,GAAA,GAAAhE,CAAA;EAAA;EAXH,MAAAkE,eAAA,GAAwBF,GAavB;EAAA,IAAAG,GAAA;EAAA,IAAAnE,CAAA,SAAAkE,eAAA;IAGCC,GAAA,GAAAnB,EAAA;MACE,MAAAoB,QAAA,GAAe9E,aAAa,CAAC0D,EAAE,CAA+B;MAC9D,IAAI9B,QAAM;QAAEgD,eAAe,CAAChD,QAAM,CAAC;MAAA;IAAA,CACpC;IAAAlB,CAAA,OAAAkE,eAAA;IAAAlE,CAAA,OAAAmE,GAAA;EAAA;IAAAA,GAAA,GAAAnE,CAAA;EAAA;EAJH,MAAAqE,kBAAA,GAA2BF,GAM1B;EAAA,IAAAG,GAAA;EAAA,IAAAtE,CAAA,SAAAE,UAAA;IAEgCoE,GAAA,GAAAA,CAAA;MAC/BpE,UAAU,CAAA2D,QAAS,CAAC,QAAQ,CAAC;IAAA,CAC9B;IAAA7D,CAAA,OAAAE,UAAA;IAAAF,CAAA,OAAAsE,GAAA;EAAA;IAAAA,GAAA,GAAAtE,CAAA;EAAA;EAFD,MAAAuE,YAAA,GAAqBD,GAEL;EAAA,IAAAE,GAAA;EAAA,IAAAxE,CAAA,SAAAE,UAAA;IAEuBsE,GAAA,GAAAA,CAAA;MACrCtE,UAAU,CAAA2D,QAAS,CAAC,cAAc,EAAE,CAAC,CAAC,CAAC;IAAA,CACxC;IAAA7D,CAAA,OAAAE,UAAA;IAAAF,CAAA,OAAAwE,GAAA;EAAA;IAAAA,GAAA,GAAAxE,CAAA;EAAA;EAFD,MAAAyE,kBAAA,GAA2BD,GAEX;EAAA,IAAAE,GAAA;EAAA,IAAA1E,CAAA,SAAAoB,mBAAA,IAAApB,CAAA,SAAAP,qBAAA,IAAAO,CAAA,SAAAE,UAAA,IAAAF,CAAA,SAAAsB,aAAA,IAAAtB,CAAA,SAAAJ,oBAAA,IAAAI,CAAA,SAAAF,WAAA;IAEkC4E,GAAA,GAAAA,CAAA;MAChDxE,UAAU,CAAA2D,QAAS,CAAC,qBAAqB,EAAE;QAAAzC,mBAAA;QAAA3B,qBAAA;QAAAG,oBAAA;QAAA0B,aAAA;QAAAxB;MAM3C,CAAC,CAAC;IAAA,CACH;IAAAE,CAAA,OAAAoB,mBAAA;IAAApB,CAAA,OAAAP,qBAAA;IAAAO,CAAA,OAAAE,UAAA;IAAAF,CAAA,OAAAsB,aAAA;IAAAtB,CAAA,OAAAJ,oBAAA;IAAAI,CAAA,OAAAF,WAAA;IAAAE,CAAA,OAAA0E,GAAA;EAAA;IAAAA,GAAA,GAAA1E,CAAA;EAAA;EARD,MAAA2E,6BAAA,GAAsCD,GAepC;EAAA,IAAAE,GAAA;EAAA,IAAA5E,CAAA,SAAAwB,kBAAA,IAAAxB,CAAA,SAAAyB,WAAA;IAEoCmD,GAAA,GAAAA,CAAA;MACpCpD,kBAAkB,CAAAqD,MAAO,CAAC;QAAAC,WAAA,EAAe;MAAE,CAAC,CAAC;MAC7ClG,MAAM,CAAAmG,mBAAoB,CAAC,CAAC;MAC5BtD,WAAW,CAAC,CAAC;IAAA,CACd;IAAAzB,CAAA,OAAAwB,kBAAA;IAAAxB,CAAA,OAAAyB,WAAA;IAAAzB,CAAA,OAAA4E,GAAA;EAAA;IAAAA,GAAA,GAAA5E,CAAA;EAAA;EAJD,MAAAgF,iBAAA,GAA0BJ,GAIW;EAAA,IAAAK,GAAA;EAAA,IAAAjF,CAAA,SAAA8C,MAAA,IAAA9C,CAAA,SAAAgF,iBAAA;IAEAC,GAAA,GAAAA,CAAA;MACnC,IAAInC,MAAM,KAAKzD,WAAW,CAAAE,GAAI;QAAA,OAASyF,iBAAiB,CAAC,CAAC;MAAA;MAE1DvH,KAAK,CAAAyH,KAAM,CAAC,eAAe,EAAE,8DAA8D,EAAE,CAC3F;QAAAC,IAAA,EAAQ;MAAS,CAAC,EAClB;QAAAA,IAAA,EAAQ,IAAI;QAAAC,OAAA,EAAWA,CAAA,KAAMJ,iBAAiB,CAAC;MAAE,CAAC,CACnD,CAAC;IAAA,CACH;IAAAhF,CAAA,OAAA8C,MAAA;IAAA9C,CAAA,OAAAgF,iBAAA;IAAAhF,CAAA,OAAAiF,GAAA;EAAA;IAAAA,GAAA,GAAAjF,CAAA;EAAA;EAPD,MAAAqF,gBAAA,GAAyBJ,GAOM;EAE/B,MAAAK,eAAA,GAAwB5E,iBAAqC,IAArCF,gBAA0D,IAA1DM,iBAA0D;EAElF,MAAAyE,MAAA,GAAeC,SAAS,CAAC,CAAC;EAAA,IAAAC,GAAA;EAAA,IAAAzF,CAAA,SAAA8C,MAAA,IAAA9C,CAAA,SAAA2E,6BAAA,IAAA3E,CAAA,SAAAqE,kBAAA,IAAArE,CAAA,SAAAuD,OAAA,IAAAvD,CAAA,SAAAsF,eAAA,IAAAtF,CAAA,SAAA2D,YAAA;IAMlB8B,GAAA,gBAAA1G,IAAA,CAACnB,cAAc;MACJ2F,OAAO,EAAPA,OAAO;MACJT,UAAM,EAANA,MAAM;MACRuB,QAAkB,EAAlBA,kBAAkB;MACbM,aAA6B,EAA7BA,6BAA6B;MAC3BW,eAAe,EAAfA,eAAe;MAClB3B,YAAY,EAAZA;IAAY,CAC3B,CAAC;IAAA3D,CAAA,OAAA8C,MAAA;IAAA9C,CAAA,OAAA2E,6BAAA;IAAA3E,CAAA,OAAAqE,kBAAA;IAAArE,CAAA,OAAAuD,OAAA;IAAAvD,CAAA,OAAAsF,eAAA;IAAAtF,CAAA,OAAA2D,YAAA;IAAA3D,CAAA,OAAAyF,GAAA;EAAA;IAAAA,GAAA,GAAAzF,CAAA;EAAA;EAAA,IAAA0F,GAAA;EAAA,IAAA1F,CAAA,SAAAuF,MAAA,CAAAI,cAAA,IAAA3F,CAAA,SAAAyF,GAAA;IARJC,GAAA,gBAAA3G,IAAA,CAACpB,IAAI;MAAQiI,KAAqB,EAArBL,MAAM,CAAAI,cAAe;MAAAE,QAAA,EAChCJ;IAOE,CACE,CAAC;IAAAzF,CAAA,OAAAuF,MAAA,CAAAI,cAAA;IAAA3F,CAAA,OAAAyF,GAAA;IAAAzF,CAAA,OAAA0F,GAAA;EAAA;IAAAA,GAAA,GAAA1F,CAAA;EAAA;EAAA,IAAA8F,GAAA;EAAA,IAAA9F,CAAA,SAAAyE,kBAAA;IAELqB,GAAA,gBAAA/G,IAAA,CAACF,sBAAsB;MAChB4E,IAAa,EAAb,aAAa;MACTgB,OAAkB,EAAlBA,kBAAkB;MACRsB,kBAAe,EAAf,eAAe;MAC3BC,MAAoC,EAApC,oCAAoC;MACpBrH,qBAAiC,EAAjCA;IAAiC,CACzD,CAAC;IAAAqB,CAAA,OAAAyE,kBAAA;IAAAzE,CAAA,OAAA8F,GAAA;EAAA;IAAAA,GAAA,GAAA9F,CAAA;EAAA;EAAA,IAAAiG,GAAA;EAAA,IAAAjG,CAAA,SAAA2B,sBAAA,IAAA3B,CAAA,SAAA+D,+BAAA;IACDkC,GAAA,GAAAtE,sBAQA,iBARA5C,IAAA,CACEF,sBAAsB;MAChB4E,IAAsB,EAAtB,sBAAsB;MAClBM,OAA+B,EAA/BA,+BAA+B;MACrBgC,kBAAkB,EAAlB,kBAAkB;MAC9BC,MAAuC,EAAvC,uCAAuC;MACvBrH,qBAAiC,EAAjCA;IAAiC,CAE5D,CAAC;IAAAqB,CAAA,OAAA2B,sBAAA;IAAA3B,CAAA,OAAA+D,+BAAA;IAAA/D,CAAA,OAAAiG,GAAA;EAAA;IAAAA,GAAA,GAAAjG,CAAA;EAAA;EAAA,IAAAkG,GAAA;EAAA,IAAAlG,CAAA,SAAAuE,YAAA,IAAAvE,CAAA,SAAAe,aAAA;IACAmF,GAAA,GAAAnF,aAQA,iBARAhC,IAAA,CACEF,sBAAsB;MAChB4E,IAAgB,EAAhB,gBAAgB;MACZc,OAAY,EAAZA,YAAY;MACFwB,kBAAQ,EAAR,QAAQ;MACpBC,MAA6B,EAA7B,6BAA6B;MACbrH,qBAAiC,EAAjCA;IAAiC,CAE5D,CAAC;IAAAqB,CAAA,OAAAuE,YAAA;IAAAvE,CAAA,OAAAe,aAAA;IAAAf,CAAA,OAAAkG,GAAA;EAAA;IAAAA,GAAA,GAAAlG,CAAA;EAAA;EAAA,IAAAmG,GAAA;EAAA,IAAAnG,CAAA,SAAAuF,MAAA,CAAAa,gBAAA,IAAApG,CAAA,SAAA8F,GAAA,IAAA9F,CAAA,SAAAiG,GAAA,IAAAjG,CAAA,SAAAkG,GAAA;IAzBHC,GAAA,gBAAAlH,KAAA,CAACtB,IAAI;MAAQiI,KAAuB,EAAvBL,MAAM,CAAAa,gBAAiB;MAAAP,QAAA,GAClCC,GAME,EACDG,GAQA,EACAC,GAQA;IAAA,CACG,CAAC;IAAAlG,CAAA,OAAAuF,MAAA,CAAAa,gBAAA;IAAApG,CAAA,OAAA8F,GAAA;IAAA9F,CAAA,OAAAiG,GAAA;IAAAjG,CAAA,OAAAkG,GAAA;IAAAlG,CAAA,OAAAmG,GAAA;EAAA;IAAAA,GAAA,GAAAnG,CAAA;EAAA;EAAA,IAAAqG,GAAA;EAAA,IAAArG,CAAA,SAAAuF,MAAA,CAAAe,UAAA,IAAAtG,CAAA,SAAA0F,GAAA,IAAA1F,CAAA,SAAAmG,GAAA;IArCTE,GAAA,gBAAApH,KAAA,CAACtB,IAAI;MAAQiI,KAAiB,EAAjBL,MAAM,CAAAe,UAAW;MAAAT,QAAA,GAC5BH,GASO,EACPS,GA0BO;IAAA,CACH,CAAC;IAAAnG,CAAA,OAAAuF,MAAA,CAAAe,UAAA;IAAAtG,CAAA,OAAA0F,GAAA;IAAA1F,CAAA,OAAAmG,GAAA;IAAAnG,CAAA,OAAAqG,GAAA;EAAA;IAAAA,GAAA,GAAArG,CAAA;EAAA;EAAA,IAAAuG,GAAA;EAAA,IAAAvG,CAAA,SAAAqF,gBAAA,IAAArF,CAAA,SAAA0B,SAAA,IAAA1B,CAAA,SAAAsB,aAAA,IAAAtB,CAAA,SAAAuF,MAAA,CAAAiB,cAAA;IACND,GAAA,IAACjF,aAYD,iBAZAvC,IAAA,CACEpB,IAAI;MAAQiI,KAAqB,EAArBL,MAAM,CAAAiB,cAAe;MAAAX,QAAA,eAChC9G,IAAA,CAAClB,UAAU;QACAwH,OAAgB,EAAhBA,gBAAgB;QACf3D,QAAS,EAATA,SAAS;QACI/C,qBAAiC,EAAjCA,iCAAiC;QACxD8H,oCAAoC,EAApC,IAAoC;QACLC,8BAAe,EAAf,eAAe;QAAAb,QAAA,EAC/C;MAED,CAAY;IAAC,CAEjB,CAAC;IAAA7F,CAAA,OAAAqF,gBAAA;IAAArF,CAAA,OAAA0B,SAAA;IAAA1B,CAAA,OAAAsB,aAAA;IAAAtB,CAAA,OAAAuF,MAAA,CAAAiB,cAAA;IAAAxG,CAAA,OAAAuG,GAAA;EAAA;IAAAA,GAAA,GAAAvG,CAAA;EAAA;EAAA,IAAA2G,GAAA;EAAA,IAAA3G,CAAA,SAAAuF,MAAA,CAAAqB,UAAA,IAAA5G,CAAA,SAAAqG,GAAA,IAAArG,CAAA,SAAAuG,GAAA;IApDHI,GAAA,gBAAA1H,KAAA,CAACtB,IAAI;MAAQiI,KAAiB,EAAjBL,MAAM,CAAAqB,UAAW;MAAAf,QAAA,GAC5BQ,GAsCO,EACNE,GAYA;IAAA,CACG,CAAC;IAAAvG,CAAA,OAAAuF,MAAA,CAAAqB,UAAA;IAAA5G,CAAA,OAAAqG,GAAA;IAAArG,CAAA,OAAAuG,GAAA;IAAAvG,CAAA,OAAA2G,GAAA;EAAA;IAAAA,GAAA,GAAA3G,CAAA;EAAA;EAAA,OArDP2G,GAqDO;AAAA,CAEV;AAED,MAAMnB,SAAS,GAAGA,CAAA;EAAA,MAAAxF,CAAA,GAAAC,EAAA;EAChB,MAAA4G,KAAA,GAAcxI,QAAQ,CAAC,CAAC;EACxB,MAAAyI,qBAAA,GAA8BhJ,wBAAwB,CAAC,CAAC;EAAA,IAAAqC,EAAA;EAAA,IAAAH,CAAA,QAAA8G,qBAAA,IAAA9G,CAAA,QAAA6G,KAAA,CAAAE,MAAA,CAAAC,uBAAA;IAEjD7G,EAAA,GAAAzC,UAAU,CAAAuJ,MAAO,CAAC;MAAAL,UAAA,EACX;QAAAM,iBAAA,EACS,CAAC;QAAAC,iBAAA,EACDN,KAAK,CAAAE,MAAO,CAAAC,uBAAwB;QAAAI,aAAA,EACxC,EAAE;QAAAC,GAAA,EACZ;MACP,CAAC;MAAAf,UAAA,EACW;QAAAe,GAAA,EACL,EAAE;QAAAC,aAAA,EACQR,qBAAqB,GAArB,QAAwC,GAAxC,KAAwC;QAAAS,UAAA,EAC3CT,qBAAqB,GAArB,YAA+C,GAA/C,QAA+C;QAAAU,cAAA,EAC3C,eAAe;QAAAJ,aAAA,EAChBN,qBAAqB,GAArB,CAA6B,GAA7B,CAA6B;QAAAW,iBAAA,EACzBvI;MACrB,CAAC;MAAAyG,cAAA,EACe;QAAA+B,UAAA,EACF,CAAC;QAAAC,QAAA,EACH;MACZ,CAAC;MAAAvB,gBAAA,EACiB;QAAAkB,aAAA,EACD,KAAK;QAAAD,GAAA,EACf,CAAC;QAAAE,UAAA,EACM;MACd,CAAC;MAAAf,cAAA,EACe;QAAAe,UAAA,EACF,YAAY;QAAAE,iBAAA,EACLvI;MACrB;IACF,CAAC,CAAC;IAAAc,CAAA,MAAA8G,qBAAA;IAAA9G,CAAA,MAAA6G,KAAA,CAAAE,MAAA,CAAAC,uBAAA;IAAAhH,CAAA,MAAAG,EAAA;EAAA;IAAAA,EAAA,GAAAH,CAAA;EAAA;EAAA,OA5BKG,EA4BL;AAAA,CACH","ignoreList":[]}
1
+ {"version":3,"file":"filter_dropdown_list_header_component.js","names":["useNavigation","useRoute","React","useCallback","useMemo","useState","Alert","StyleSheet","View","FilterDropdown","TextButton","useCanBrowseArchivedConversations","useCanCreateConversations","useCurrentPersonCache","useDirectMessagesEligible","useFontScale","useHasDirectMessages","useNewConversationEntry","useTheme","useApiGet","useMarkAllRead","useCanDisplayGroups","useNewConversationFromFilter","useSearchEnabled","MAX_FONT_SIZE_MULTIPLIER_LANDMARK","Haptic","ListHeaderActionButton","jsx","_jsx","jsxs","_jsxs","ROW_PADDING_HORIZONTAL","HEADING_ROW_GAP","DEFAULT_FONT_SCALE","ALL_CONVERSATIONS_LABEL","ARCHIVED_LABEL","FilterTypes","FILTER_PARAMS","All","Groups","group_source_app_name","Teams","DMs","show_direct_messages","Unread","show_unread","FilterDropdownListHeaderComponent","$","_c","navigation","t0","Symbol","for","source_app_name","source_type","canFilterByTeams","t1","canFilterByGroups","directMessagesEligible","hasDirectMessages","canFilterByDMs","canBrowseArchived","searchEnabled","route","t2","params","title","chat_group_graph_id","t3","show_archived","undefined","currentPersonCache","markAllRead","isPending","canCreateConversations","entryMode","newConversationFromFilter","t4","t5","fields","Group","t6","url","data","app","t7","t8","enabled","group","t9","bb0","More","test","active","t10","id","label","t11","t12","t13","t14","t15","options","t16","name","t17","triggerLabel","t18","navigate","screen","handleNewConversationNavigation","t19","setParams","handleSetFilter","t20","params_0","handleSelectFilter","t21","handleSearch","t22","handleChatSettings","t23","handleOpenConversationFilters","t24","update","unreadCount","notificationSuccess","handleMarkAllRead","t25","alert","text","onPress","alertMarkAllRead","showMoreFilters","stacked","t26","styles","useStyles","rowWidth","setRowWidth","actionsWidth","setActionsWidth","t27","event","nativeEvent","layout","width","handleRowLayout","t28","event_0","handleActionsLayout","triggerMaxWidth","t29","t30","titleContainer","style","children","t31","accessibilityLabel","testID","t32","t33","t34","actionsContainer","t35","headingRow","t36","markAllReadRow","accessibilityShowsLargeContentViewer","accessibilityLargeContentTitle","t37","listHeader","theme","colors","fillColorNeutral050Base","create","borderBottomWidth","borderBottomColor","paddingBottom","gap","flexDirection","alignItems","justifyContent","paddingHorizontal","flexShrink","minWidth"],"sources":["../../../../src/screens/conversations/components/filter_dropdown_list_header_component.tsx"],"sourcesContent":["import { RouteProp, useNavigation, useRoute } from '@react-navigation/native'\nimport React, { useCallback, useMemo, useState } from 'react'\nimport { Alert, LayoutChangeEvent, StyleSheet, View } from 'react-native'\nimport { FilterDropdown, FilterDropdownOption, TextButton } from '../../../components'\nimport {\n useCanBrowseArchivedConversations,\n useCanCreateConversations,\n useCurrentPersonCache,\n useDirectMessagesEligible,\n useFontScale,\n useHasDirectMessages,\n useNewConversationEntry,\n useTheme,\n} from '../../../hooks'\nimport { useApiGet } from '../../../hooks/use_api'\nimport { useMarkAllRead } from '../../../hooks/use_conversations_actions'\nimport { useCanDisplayGroups } from '../../../hooks/use_groups'\nimport { useNewConversationFromFilter } from '../../../hooks/use_new_conversation_from_filter'\nimport { useSearchEnabled } from '../../../hooks/use_search_enabled'\nimport { GraphId, GroupResource } from '../../../types/resources/group_resource'\nimport { MAX_FONT_SIZE_MULTIPLIER_LANDMARK } from '../../../utils'\nimport { Haptic } from '../../../utils/native_adapters'\nimport { ConversationFiltersParams } from '../../conversation_filters/screen_props'\nimport { ConversationsScreenProps } from '../conversations_screen'\nimport { ListHeaderActionButton } from './list_header_action_button'\n\nconst ROW_PADDING_HORIZONTAL = 16\nconst HEADING_ROW_GAP = 12\nconst DEFAULT_FONT_SCALE = 1\nconst ALL_CONVERSATIONS_LABEL = 'All conversations'\nconst ARCHIVED_LABEL = 'Archived'\n\nenum FilterTypes {\n All = 'All',\n Groups = 'Groups',\n Teams = 'Teams',\n DMs = 'DMs',\n Unread = 'Unread',\n More = 'More',\n}\n\nconst FILTER_PARAMS: Record<Exclude<FilterTypes, FilterTypes.More>, ConversationFiltersParams> = {\n [FilterTypes.All]: {},\n [FilterTypes.Groups]: { group_source_app_name: 'Groups' },\n [FilterTypes.Teams]: { group_source_app_name: 'Services' },\n [FilterTypes.DMs]: { show_direct_messages: true },\n [FilterTypes.Unread]: { show_unread: true },\n}\n\nexport const FilterDropdownListHeaderComponent = () => {\n const navigation = useNavigation()\n const canFilterByTeams = useCanDisplayGroups({ source_app_name: 'Services', source_type: 'Team' })\n const canFilterByGroups = useCanDisplayGroups({ source_app_name: 'Groups', source_type: 'Group' })\n const directMessagesEligible = useDirectMessagesEligible()\n const hasDirectMessages = useHasDirectMessages()\n const canFilterByDMs = directMessagesEligible && hasDirectMessages\n const canBrowseArchived = useCanBrowseArchivedConversations()\n const searchEnabled = useSearchEnabled()\n const route = useRoute<RouteProp<ConversationsScreenProps['route']>>()\n const {\n title,\n chat_group_graph_id,\n group_source_app_name = '',\n show_direct_messages,\n show_archived,\n show_unread,\n } = route.params || {}\n const currentPersonCache = useCurrentPersonCache()\n const { markAllRead, isPending } = useMarkAllRead()\n const canCreateConversations = useCanCreateConversations()\n const entryMode = useNewConversationEntry()\n const newConversationFromFilter = useNewConversationFromFilter(\n chat_group_graph_id as GraphId | undefined\n )\n const { data: group } = useApiGet<GroupResource>(\n { url: `/me/groups/${chat_group_graph_id}`, data: { fields: { Group: [] } }, app: 'chat' },\n { enabled: !!chat_group_graph_id }\n )\n\n const active: FilterTypes = useMemo(() => {\n if (chat_group_graph_id || show_archived) {\n return FilterTypes.More\n } else if (/groups/i.test(group_source_app_name)) {\n return FilterTypes.Groups\n } else if (/services/i.test(group_source_app_name)) {\n return FilterTypes.Teams\n } else if (show_direct_messages) {\n return FilterTypes.DMs\n } else if (show_unread) {\n return FilterTypes.Unread\n }\n\n return FilterTypes.All\n }, [chat_group_graph_id, group_source_app_name, show_direct_messages, show_archived, show_unread])\n\n const options: FilterDropdownOption[] = useMemo(\n () => [\n { id: FilterTypes.All, label: FilterTypes.All },\n ...(canFilterByGroups ? [{ id: FilterTypes.Groups, label: FilterTypes.Groups }] : []),\n ...(canFilterByTeams ? [{ id: FilterTypes.Teams, label: FilterTypes.Teams }] : []),\n ...(canFilterByDMs ? [{ id: FilterTypes.DMs, label: FilterTypes.DMs }] : []),\n { id: FilterTypes.Unread, label: FilterTypes.Unread },\n ],\n [canFilterByGroups, canFilterByTeams, canFilterByDMs]\n )\n\n const triggerLabel = useMemo(() => {\n if (chat_group_graph_id) return group?.name || title || ALL_CONVERSATIONS_LABEL\n if (show_archived) return ARCHIVED_LABEL\n if (active === FilterTypes.All) return ALL_CONVERSATIONS_LABEL\n\n return active\n }, [chat_group_graph_id, group?.name, title, show_archived, active])\n\n const handleNewConversationNavigation = useCallback(() => {\n if (newConversationFromFilter || entryMode === 'select_type') {\n return navigation.navigate('ConversationSelectType', {\n ...route.params,\n newConversationFromFilter,\n })\n }\n\n if (entryMode === 'groups') {\n return navigation.navigate('New', {\n screen: 'ConversationSelectGroupRecipients',\n params: { ...route.params },\n })\n }\n\n if (entryMode === 'teams') {\n return navigation.navigate('New', {\n screen: 'ConversationSelectTeamsILeadRecipients',\n params: { ...route.params },\n })\n }\n\n if (entryMode === 'direct_message') {\n return navigation.navigate('New', {\n screen: 'ConversationSelectDirectMessageRecipients',\n params: { ...route.params },\n })\n }\n }, [navigation, route.params, entryMode, newConversationFromFilter])\n\n const handleSetFilter = useCallback(\n (params: ConversationFiltersParams) => {\n navigation.setParams({\n title: undefined,\n chat_group_graph_id: undefined,\n group_source_app_name: undefined,\n show_direct_messages: undefined,\n show_archived: undefined,\n show_unread: undefined,\n ...params,\n })\n },\n [navigation]\n )\n\n const handleSelectFilter = useCallback(\n (id: string) => {\n const params = FILTER_PARAMS[id as keyof typeof FILTER_PARAMS]\n if (params) handleSetFilter(params)\n },\n [handleSetFilter]\n )\n\n const handleSearch = useCallback(() => {\n navigation.navigate('Search')\n }, [navigation])\n\n const handleChatSettings = useCallback(() => {\n navigation.navigate('ChatSettings', {})\n }, [navigation])\n\n const handleOpenConversationFilters = useCallback(() => {\n navigation.navigate('ConversationFilters', {\n chat_group_graph_id,\n group_source_app_name,\n show_direct_messages,\n show_archived,\n show_unread,\n })\n }, [\n navigation,\n chat_group_graph_id,\n group_source_app_name,\n show_direct_messages,\n show_archived,\n show_unread,\n ])\n\n const handleMarkAllRead = useCallback(() => {\n currentPersonCache.update({ unreadCount: 0 })\n Haptic.notificationSuccess()\n markAllRead()\n }, [currentPersonCache, markAllRead])\n\n const alertMarkAllRead = useCallback(() => {\n if (active === FilterTypes.All) return handleMarkAllRead()\n\n Alert.alert('Mark all read', 'This includes conversations not shown by the current filter.', [\n { text: 'Cancel' },\n { text: 'OK', onPress: () => handleMarkAllRead() },\n ])\n }, [active, handleMarkAllRead])\n\n const showMoreFilters = canFilterByGroups || canFilterByTeams || canBrowseArchived\n\n const stacked = useFontScale() > DEFAULT_FONT_SCALE\n const styles = useStyles({ stacked })\n\n // The Android menu host measures the trigger at its intrinsic width, so flex shrinking never\n // truncates the label. Cap it to the room left beside the action buttons instead.\n const [rowWidth, setRowWidth] = useState<number>()\n const [actionsWidth, setActionsWidth] = useState<number>()\n const handleRowLayout = useCallback((event: LayoutChangeEvent) => {\n setRowWidth(event.nativeEvent.layout.width)\n }, [])\n const handleActionsLayout = useCallback((event: LayoutChangeEvent) => {\n setActionsWidth(event.nativeEvent.layout.width)\n }, [])\n const triggerMaxWidth =\n !stacked && rowWidth !== undefined && actionsWidth !== undefined\n ? rowWidth - ROW_PADDING_HORIZONTAL * 2 - actionsWidth - HEADING_ROW_GAP\n : undefined\n\n return (\n <View style={styles.listHeader}>\n <View\n style={styles.headingRow}\n onLayout={handleRowLayout}\n testID=\"conversations-filter-heading-row\"\n >\n <View style={styles.titleContainer}>\n <FilterDropdown\n options={options}\n selectedId={active}\n onSelect={handleSelectFilter}\n onMoreFilters={handleOpenConversationFilters}\n showMoreFilters={showMoreFilters}\n triggerLabel={triggerLabel}\n maxWidth={triggerMaxWidth}\n />\n </View>\n <View\n style={styles.actionsContainer}\n onLayout={handleActionsLayout}\n testID=\"conversations-filter-actions\"\n >\n <ListHeaderActionButton\n name=\"general.cog\"\n onPress={handleChatSettings}\n accessibilityLabel=\"Chat settings\"\n testID=\"conversations-chat-settings-button\"\n maxFontSizeMultiplier={MAX_FONT_SIZE_MULTIPLIER_LANDMARK}\n />\n {canCreateConversations && (\n <ListHeaderActionButton\n name=\"churchCenter.signups\"\n onPress={handleNewConversationNavigation}\n accessibilityLabel=\"New conversation\"\n testID=\"conversations-new-conversation-button\"\n maxFontSizeMultiplier={MAX_FONT_SIZE_MULTIPLIER_LANDMARK}\n />\n )}\n {searchEnabled && (\n <ListHeaderActionButton\n name=\"general.search\"\n onPress={handleSearch}\n accessibilityLabel=\"Search\"\n testID=\"conversations-search-button\"\n maxFontSizeMultiplier={MAX_FONT_SIZE_MULTIPLIER_LANDMARK}\n />\n )}\n </View>\n </View>\n {!show_archived && (\n <View style={styles.markAllReadRow}>\n <TextButton\n onPress={alertMarkAllRead}\n disabled={isPending}\n maxFontSizeMultiplier={MAX_FONT_SIZE_MULTIPLIER_LANDMARK}\n accessibilityShowsLargeContentViewer\n accessibilityLargeContentTitle=\"Mark all read\"\n >\n Mark all read\n </TextButton>\n </View>\n )}\n </View>\n )\n}\n\nconst useStyles = ({ stacked }: { stacked: boolean }) => {\n const theme = useTheme()\n\n return StyleSheet.create({\n listHeader: {\n borderBottomWidth: 1,\n borderBottomColor: theme.colors.fillColorNeutral050Base,\n paddingBottom: 16,\n gap: 8,\n },\n headingRow: {\n gap: HEADING_ROW_GAP,\n flexDirection: stacked ? 'column' : 'row',\n alignItems: stacked ? 'flex-start' : 'center',\n justifyContent: 'space-between',\n paddingBottom: stacked ? 4 : 0,\n paddingHorizontal: ROW_PADDING_HORIZONTAL,\n },\n titleContainer: {\n flexShrink: 1,\n minWidth: 0,\n },\n actionsContainer: {\n flexDirection: 'row',\n gap: 8,\n alignItems: 'center',\n },\n markAllReadRow: {\n alignItems: 'flex-start',\n paddingHorizontal: ROW_PADDING_HORIZONTAL,\n },\n })\n}\n"],"mappings":";AAAA,SAAoBA,aAAa,EAAEC,QAAQ,QAAQ,0BAA0B;AAC7E,OAAOC,KAAK,IAAIC,WAAW,EAAEC,OAAO,EAAEC,QAAQ,QAAQ,OAAO;AAC7D,SAASC,KAAK,EAAqBC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AACzE,SAASC,cAAc,EAAwBC,UAAU,QAAQ,qBAAqB;AACtF,SACEC,iCAAiC,EACjCC,yBAAyB,EACzBC,qBAAqB,EACrBC,yBAAyB,EACzBC,YAAY,EACZC,oBAAoB,EACpBC,uBAAuB,EACvBC,QAAQ,QACH,gBAAgB;AACvB,SAASC,SAAS,QAAQ,wBAAwB;AAClD,SAASC,cAAc,QAAQ,0CAA0C;AACzE,SAASC,mBAAmB,QAAQ,2BAA2B;AAC/D,SAASC,4BAA4B,QAAQ,iDAAiD;AAC9F,SAASC,gBAAgB,QAAQ,mCAAmC;AAEpE,SAASC,iCAAiC,QAAQ,gBAAgB;AAClE,SAASC,MAAM,QAAQ,gCAAgC;AAGvD,SAASC,sBAAsB,QAAQ,6BAA6B;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAEpE,MAAMC,sBAAsB,GAAG,EAAE;AACjC,MAAMC,eAAe,GAAG,EAAE;AAC1B,MAAMC,kBAAkB,GAAG,CAAC;AAC5B,MAAMC,uBAAuB,GAAG,mBAAmB;AACnD,MAAMC,cAAc,GAAG,UAAU;AAAA,IAE5BC,WAAW,0BAAXA,WAAW;EAAXA,WAAW;EAAXA,WAAW;EAAXA,WAAW;EAAXA,WAAW;EAAXA,WAAW;EAAXA,WAAW;EAAA,OAAXA,WAAW;AAAA,EAAXA,WAAW;AAShB,MAAMC,aAAwF,GAAG;EAC/F,CAACD,WAAW,CAACE,GAAG,GAAG,CAAC,CAAC;EACrB,CAACF,WAAW,CAACG,MAAM,GAAG;IAAEC,qBAAqB,EAAE;EAAS,CAAC;EACzD,CAACJ,WAAW,CAACK,KAAK,GAAG;IAAED,qBAAqB,EAAE;EAAW,CAAC;EAC1D,CAACJ,WAAW,CAACM,GAAG,GAAG;IAAEC,oBAAoB,EAAE;EAAK,CAAC;EACjD,CAACP,WAAW,CAACQ,MAAM,GAAG;IAAEC,WAAW,EAAE;EAAK;AAC5C,CAAC;AAED,OAAO,MAAMC,iCAAiC,GAAGA,CAAA;EAAA,MAAAC,CAAA,GAAAC,EAAA;EAC/C,MAAAC,UAAA,GAAmBjD,aAAa,CAAC,CAAC;EAAA,IAAAkD,EAAA;EAAA,IAAAH,CAAA,QAAAI,MAAA,CAAAC,GAAA;IACWF,EAAA;MAAAG,eAAA,EAAmB,UAAU;MAAAC,WAAA,EAAe;IAAO,CAAC;IAAAP,CAAA,MAAAG,EAAA;EAAA;IAAAA,EAAA,GAAAH,CAAA;EAAA;EAAjG,MAAAQ,gBAAA,GAAyBlC,mBAAmB,CAAC6B,EAAoD,CAAC;EAAA,IAAAM,EAAA;EAAA,IAAAT,CAAA,QAAAI,MAAA,CAAAC,GAAA;IACpDI,EAAA;MAAAH,eAAA,EAAmB,QAAQ;MAAAC,WAAA,EAAe;IAAQ,CAAC;IAAAP,CAAA,MAAAS,EAAA;EAAA;IAAAA,EAAA,GAAAT,CAAA;EAAA;EAAjG,MAAAU,iBAAA,GAA0BpC,mBAAmB,CAACmC,EAAmD,CAAC;EAClG,MAAAE,sBAAA,GAA+B5C,yBAAyB,CAAC,CAAC;EAC1D,MAAA6C,iBAAA,GAA0B3C,oBAAoB,CAAC,CAAC;EAChD,MAAA4C,cAAA,GAAuBF,sBAA2C,IAA3CC,iBAA2C;EAClE,MAAAE,iBAAA,GAA0BlD,iCAAiC,CAAC,CAAC;EAC7D,MAAAmD,aAAA,GAAsBvC,gBAAgB,CAAC,CAAC;EACxC,MAAAwC,KAAA,GAAc9D,QAAQ,CAA+C,CAAC;EAAA,IAAA+D,EAAA;EAAA,IAAAjB,CAAA,QAAAgB,KAAA,CAAAE,MAAA;IAQlED,EAAA,GAAAD,KAAK,CAAAE,MAAa,IAAlB,CAAiB,CAAC;IAAAlB,CAAA,MAAAgB,KAAA,CAAAE,MAAA;IAAAlB,CAAA,MAAAiB,EAAA;EAAA;IAAAA,EAAA,GAAAjB,CAAA;EAAA;EAPtB;IAAAmB,KAAA;IAAAC,mBAAA;IAAA3B,qBAAA,EAAA4B,EAAA;IAAAzB,oBAAA;IAAA0B,aAAA;IAAAxB;EAAA,IAOImB,EAAkB;EAJpB,MAAAxB,qBAAA,GAAA4B,EAA0B,KAA1BE,SAA0B,GAA1B,EAA0B,GAA1BF,EAA0B;EAK5B,MAAAG,kBAAA,GAA2B1D,qBAAqB,CAAC,CAAC;EAClD;IAAA2D,WAAA;IAAAC;EAAA,IAAmCrD,cAAc,CAAC,CAAC;EACnD,MAAAsD,sBAAA,GAA+B9D,yBAAyB,CAAC,CAAC;EAC1D,MAAA+D,SAAA,GAAkB1D,uBAAuB,CAAC,CAAC;EAC3C,MAAA2D,yBAAA,GAAkCtD,4BAA4B,CAC5D6C,mBACF,CAAC;EAEQ,MAAAU,EAAA,iBAAcV,mBAAmB,EAAE;EAAA,IAAAW,EAAA;EAAA,IAAA/B,CAAA,QAAAI,MAAA,CAAAC,GAAA;IAAQ0B,EAAA;MAAAC,MAAA,EAAU;QAAAC,KAAA,EAAS;MAAG;IAAE,CAAC;IAAAjC,CAAA,MAAA+B,EAAA;EAAA;IAAAA,EAAA,GAAA/B,CAAA;EAAA;EAAA,IAAAkC,EAAA;EAAA,IAAAlC,CAAA,QAAA8B,EAAA;IAA3EI,EAAA;MAAAC,GAAA,EAAOL,EAAmC;MAAAM,IAAA,EAAQL,EAAyB;MAAAM,GAAA,EAAO;IAAO,CAAC;IAAArC,CAAA,MAAA8B,EAAA;IAAA9B,CAAA,MAAAkC,EAAA;EAAA;IAAAA,EAAA,GAAAlC,CAAA;EAAA;EAC/E,MAAAsC,EAAA,IAAC,CAAClB,mBAAmB;EAAA,IAAAmB,EAAA;EAAA,IAAAvC,CAAA,QAAAsC,EAAA;IAAhCC,EAAA;MAAAC,OAAA,EAAWF;IAAsB,CAAC;IAAAtC,CAAA,MAAAsC,EAAA;IAAAtC,CAAA,MAAAuC,EAAA;EAAA;IAAAA,EAAA,GAAAvC,CAAA;EAAA;EAFpC;IAAAoC,IAAA,EAAAK;EAAA,IAAwBrE,SAAS,CAC/B8D,EAA0F,EAC1FK,EACF,CAAC;EAAA,IAAAG,EAAA;EAAAC,GAAA;IAGC,IAAIvB,mBAAoC,IAApCE,aAAoC;MACtCoB,EAAA,GAAOrD,WAAW,CAAAuD,IAAK;MAAvB,MAAAD,GAAA;IAAuB;MAClB,IAAI,SAAS,CAAAE,IAAK,CAACpD,qBAAqB,CAAC;QAC9CiD,EAAA,GAAOrD,WAAW,CAAAG,MAAO;QAAzB,MAAAmD,GAAA;MAAyB;QACpB,IAAI,WAAW,CAAAE,IAAK,CAACpD,qBAAqB,CAAC;UAChDiD,EAAA,GAAOrD,WAAW,CAAAK,KAAM;UAAxB,MAAAiD,GAAA;QAAwB;UACnB,IAAI/C,oBAAoB;YAC7B8C,EAAA,GAAOrD,WAAW,CAAAM,GAAI;YAAtB,MAAAgD,GAAA;UAAsB;YACjB,IAAI7C,WAAW;cACpB4C,EAAA,GAAOrD,WAAW,CAAAQ,MAAO;cAAzB,MAAA8C,GAAA;YAAyB;UAC1B;QAAA;MAAA;IAAA;IAEDD,EAAA,GAAOrD,WAAW,CAAAE,GAAI;EAAA;EAbxB,MAAAuD,MAAA,GAA4BJ,EAcsE;EAAA,IAAAK,GAAA;EAAA,IAAA/C,CAAA,QAAAI,MAAA,CAAAC,GAAA;IAI9F0C,GAAA;MAAAC,EAAA,EAAM3D,WAAW,CAAAE,GAAI;MAAA0D,KAAA,EAAS5D,WAAW,CAAAE;IAAK,CAAC;IAAAS,CAAA,MAAA+C,GAAA;EAAA;IAAAA,GAAA,GAAA/C,CAAA;EAAA;EAAA,IAAAkD,GAAA;EAAA,IAAAlD,CAAA,SAAAU,iBAAA;IAC3CwC,GAAA,GAAAxC,iBAAiB,GAAjB,CAAqB;MAAAsC,EAAA,EAAM3D,WAAW,CAAAG,MAAO;MAAAyD,KAAA,EAAS5D,WAAW,CAAAG;IAAQ,CAAC,CAAM,GAAhF,EAAgF;IAAAQ,CAAA,OAAAU,iBAAA;IAAAV,CAAA,OAAAkD,GAAA;EAAA;IAAAA,GAAA,GAAAlD,CAAA;EAAA;EAAA,IAAAmD,GAAA;EAAA,IAAAnD,CAAA,SAAAQ,gBAAA;IAChF2C,GAAA,GAAA3C,gBAAgB,GAAhB,CAAoB;MAAAwC,EAAA,EAAM3D,WAAW,CAAAK,KAAM;MAAAuD,KAAA,EAAS5D,WAAW,CAAAK;IAAO,CAAC,CAAM,GAA7E,EAA6E;IAAAM,CAAA,OAAAQ,gBAAA;IAAAR,CAAA,OAAAmD,GAAA;EAAA;IAAAA,GAAA,GAAAnD,CAAA;EAAA;EAAA,IAAAoD,GAAA;EAAA,IAAApD,CAAA,SAAAa,cAAA;IAC7EuC,GAAA,GAAAvC,cAAc,GAAd,CAAkB;MAAAmC,EAAA,EAAM3D,WAAW,CAAAM,GAAI;MAAAsD,KAAA,EAAS5D,WAAW,CAAAM;IAAK,CAAC,CAAM,GAAvE,EAAuE;IAAAK,CAAA,OAAAa,cAAA;IAAAb,CAAA,OAAAoD,GAAA;EAAA;IAAAA,GAAA,GAAApD,CAAA;EAAA;EAAA,IAAAqD,GAAA;EAAA,IAAArD,CAAA,SAAAI,MAAA,CAAAC,GAAA;IAC3EgD,GAAA;MAAAL,EAAA,EAAM3D,WAAW,CAAAQ,MAAO;MAAAoD,KAAA,EAAS5D,WAAW,CAAAQ;IAAQ,CAAC;IAAAG,CAAA,OAAAqD,GAAA;EAAA;IAAAA,GAAA,GAAArD,CAAA;EAAA;EAAA,IAAAsD,GAAA;EAAA,IAAAtD,CAAA,SAAAkD,GAAA,IAAAlD,CAAA,SAAAmD,GAAA,IAAAnD,CAAA,SAAAoD,GAAA;IALjDE,GAAA,IACJP,GAA+C,KAC3CG,GAAgF,KAChFC,GAA6E,KAC7EC,GAAuE,EAC3EC,GAAqD,CACtD;IAAArD,CAAA,OAAAkD,GAAA;IAAAlD,CAAA,OAAAmD,GAAA;IAAAnD,CAAA,OAAAoD,GAAA;IAAApD,CAAA,OAAAsD,GAAA;EAAA;IAAAA,GAAA,GAAAtD,CAAA;EAAA;EAPH,MAAAuD,OAAA,GACQD,GAML;EAEF,IAAAE,GAAA;EAAA,IAAAxD,CAAA,SAAA8C,MAAA,IAAA9C,CAAA,SAAAoB,mBAAA,IAAApB,CAAA,SAAAyC,KAAA,EAAAgB,IAAA,IAAAzD,CAAA,SAAAsB,aAAA,IAAAtB,CAAA,SAAAmB,KAAA;IAE4BqC,GAAA,GAAAA,CAAA;MAC3B,IAAIpC,mBAAmB;QAAA,OAASqB,KAAK,EAAAgB,IAAe,IAApBtC,KAA+C,IAA/ChC,uBAA+C;MAAA;MAC/E,IAAImC,aAAa;QAAA,OAASlC,cAAc;MAAA;MACxC,IAAI0D,MAAM,KAAKzD,WAAW,CAAAE,GAAI;QAAA,OAASJ,uBAAuB;MAAA;MAAA,OAEvD2D,MAAM;IAAA,CACd;IAAA9C,CAAA,OAAA8C,MAAA;IAAA9C,CAAA,OAAAoB,mBAAA;IAAApB,CAAA,OAAAyC,KAAA,EAAAgB,IAAA;IAAAzD,CAAA,OAAAsB,aAAA;IAAAtB,CAAA,OAAAmB,KAAA;IAAAnB,CAAA,OAAAwD,GAAA;EAAA;IAAAA,GAAA,GAAAxD,CAAA;EAAA;EAAwByC,KAAK,EAAAgB,IAAM;EAAA,IAAAC,GAAA;EAAA,IAAA1D,CAAA,SAAAwD,GAAA;IANfE,GAAA,GAAQF,GAM5B,CAAkE,CAAC;IAAAxD,CAAA,OAAAwD,GAAA;IAAAxD,CAAA,OAAA0D,GAAA;EAAA;IAAAA,GAAA,GAAA1D,CAAA;EAAA;EANpE,MAAA2D,YAAA,GAAqBD,GAM+C;EAAA,IAAAE,GAAA;EAAA,IAAA5D,CAAA,SAAA4B,SAAA,IAAA5B,CAAA,SAAAE,UAAA,IAAAF,CAAA,SAAA6B,yBAAA,IAAA7B,CAAA,SAAAgB,KAAA,CAAAE,MAAA;IAEhB0C,GAAA,GAAAA,CAAA;MAClD,IAAI/B,yBAAwD,IAA3BD,SAAS,KAAK,aAAa;QAAA,OACnD1B,UAAU,CAAA2D,QAAS,CAAC,wBAAwB,EAAE;UAAA,GAChD7C,KAAK,CAAAE,MAAO;UAAAW;QAEjB,CAAC,CAAC;MAAA;MAGJ,IAAID,SAAS,KAAK,QAAQ;QAAA,OACjB1B,UAAU,CAAA2D,QAAS,CAAC,KAAK,EAAE;UAAAC,MAAA,EACxB,mCAAmC;UAAA5C,MAAA,EACnC;YAAA,GAAKF,KAAK,CAAAE;UAAQ;QAC5B,CAAC,CAAC;MAAA;MAGJ,IAAIU,SAAS,KAAK,OAAO;QAAA,OAChB1B,UAAU,CAAA2D,QAAS,CAAC,KAAK,EAAE;UAAAC,MAAA,EACxB,wCAAwC;UAAA5C,MAAA,EACxC;YAAA,GAAKF,KAAK,CAAAE;UAAQ;QAC5B,CAAC,CAAC;MAAA;MAGJ,IAAIU,SAAS,KAAK,gBAAgB;QAAA,OACzB1B,UAAU,CAAA2D,QAAS,CAAC,KAAK,EAAE;UAAAC,MAAA,EACxB,2CAA2C;UAAA5C,MAAA,EAC3C;YAAA,GAAKF,KAAK,CAAAE;UAAQ;QAC5B,CAAC,CAAC;MAAA;IACH,CACF;IAAAlB,CAAA,OAAA4B,SAAA;IAAA5B,CAAA,OAAAE,UAAA;IAAAF,CAAA,OAAA6B,yBAAA;IAAA7B,CAAA,OAAAgB,KAAA,CAAAE,MAAA;IAAAlB,CAAA,OAAA4D,GAAA;EAAA;IAAAA,GAAA,GAAA5D,CAAA;EAAA;EA5BD,MAAA+D,+BAAA,GAAwCH,GA4B4B;EAAA,IAAAI,GAAA;EAAA,IAAAhE,CAAA,SAAAE,UAAA;IAGlE8D,GAAA,GAAA9C,MAAA;MACEhB,UAAU,CAAA+D,SAAU,CAAC;QAAA9C,KAAA,EACZI,SAAS;QAAAH,mBAAA,EACKG,SAAS;QAAA9B,qBAAA,EACP8B,SAAS;QAAA3B,oBAAA,EACV2B,SAAS;QAAAD,aAAA,EAChBC,SAAS;QAAAzB,WAAA,EACXyB,SAAS;QAAA,GACnBL;MACL,CAAC,CAAC;IAAA,CACH;IAAAlB,CAAA,OAAAE,UAAA;IAAAF,CAAA,OAAAgE,GAAA;EAAA;IAAAA,GAAA,GAAAhE,CAAA;EAAA;EAXH,MAAAkE,eAAA,GAAwBF,GAavB;EAAA,IAAAG,GAAA;EAAA,IAAAnE,CAAA,SAAAkE,eAAA;IAGCC,GAAA,GAAAnB,EAAA;MACE,MAAAoB,QAAA,GAAe9E,aAAa,CAAC0D,EAAE,CAA+B;MAC9D,IAAI9B,QAAM;QAAEgD,eAAe,CAAChD,QAAM,CAAC;MAAA;IAAA,CACpC;IAAAlB,CAAA,OAAAkE,eAAA;IAAAlE,CAAA,OAAAmE,GAAA;EAAA;IAAAA,GAAA,GAAAnE,CAAA;EAAA;EAJH,MAAAqE,kBAAA,GAA2BF,GAM1B;EAAA,IAAAG,GAAA;EAAA,IAAAtE,CAAA,SAAAE,UAAA;IAEgCoE,GAAA,GAAAA,CAAA;MAC/BpE,UAAU,CAAA2D,QAAS,CAAC,QAAQ,CAAC;IAAA,CAC9B;IAAA7D,CAAA,OAAAE,UAAA;IAAAF,CAAA,OAAAsE,GAAA;EAAA;IAAAA,GAAA,GAAAtE,CAAA;EAAA;EAFD,MAAAuE,YAAA,GAAqBD,GAEL;EAAA,IAAAE,GAAA;EAAA,IAAAxE,CAAA,SAAAE,UAAA;IAEuBsE,GAAA,GAAAA,CAAA;MACrCtE,UAAU,CAAA2D,QAAS,CAAC,cAAc,EAAE,CAAC,CAAC,CAAC;IAAA,CACxC;IAAA7D,CAAA,OAAAE,UAAA;IAAAF,CAAA,OAAAwE,GAAA;EAAA;IAAAA,GAAA,GAAAxE,CAAA;EAAA;EAFD,MAAAyE,kBAAA,GAA2BD,GAEX;EAAA,IAAAE,GAAA;EAAA,IAAA1E,CAAA,SAAAoB,mBAAA,IAAApB,CAAA,SAAAP,qBAAA,IAAAO,CAAA,SAAAE,UAAA,IAAAF,CAAA,SAAAsB,aAAA,IAAAtB,CAAA,SAAAJ,oBAAA,IAAAI,CAAA,SAAAF,WAAA;IAEkC4E,GAAA,GAAAA,CAAA;MAChDxE,UAAU,CAAA2D,QAAS,CAAC,qBAAqB,EAAE;QAAAzC,mBAAA;QAAA3B,qBAAA;QAAAG,oBAAA;QAAA0B,aAAA;QAAAxB;MAM3C,CAAC,CAAC;IAAA,CACH;IAAAE,CAAA,OAAAoB,mBAAA;IAAApB,CAAA,OAAAP,qBAAA;IAAAO,CAAA,OAAAE,UAAA;IAAAF,CAAA,OAAAsB,aAAA;IAAAtB,CAAA,OAAAJ,oBAAA;IAAAI,CAAA,OAAAF,WAAA;IAAAE,CAAA,OAAA0E,GAAA;EAAA;IAAAA,GAAA,GAAA1E,CAAA;EAAA;EARD,MAAA2E,6BAAA,GAAsCD,GAepC;EAAA,IAAAE,GAAA;EAAA,IAAA5E,CAAA,SAAAwB,kBAAA,IAAAxB,CAAA,SAAAyB,WAAA;IAEoCmD,GAAA,GAAAA,CAAA;MACpCpD,kBAAkB,CAAAqD,MAAO,CAAC;QAAAC,WAAA,EAAe;MAAE,CAAC,CAAC;MAC7CpG,MAAM,CAAAqG,mBAAoB,CAAC,CAAC;MAC5BtD,WAAW,CAAC,CAAC;IAAA,CACd;IAAAzB,CAAA,OAAAwB,kBAAA;IAAAxB,CAAA,OAAAyB,WAAA;IAAAzB,CAAA,OAAA4E,GAAA;EAAA;IAAAA,GAAA,GAAA5E,CAAA;EAAA;EAJD,MAAAgF,iBAAA,GAA0BJ,GAIW;EAAA,IAAAK,GAAA;EAAA,IAAAjF,CAAA,SAAA8C,MAAA,IAAA9C,CAAA,SAAAgF,iBAAA;IAEAC,GAAA,GAAAA,CAAA;MACnC,IAAInC,MAAM,KAAKzD,WAAW,CAAAE,GAAI;QAAA,OAASyF,iBAAiB,CAAC,CAAC;MAAA;MAE1DzH,KAAK,CAAA2H,KAAM,CAAC,eAAe,EAAE,8DAA8D,EAAE,CAC3F;QAAAC,IAAA,EAAQ;MAAS,CAAC,EAClB;QAAAA,IAAA,EAAQ,IAAI;QAAAC,OAAA,EAAWA,CAAA,KAAMJ,iBAAiB,CAAC;MAAE,CAAC,CACnD,CAAC;IAAA,CACH;IAAAhF,CAAA,OAAA8C,MAAA;IAAA9C,CAAA,OAAAgF,iBAAA;IAAAhF,CAAA,OAAAiF,GAAA;EAAA;IAAAA,GAAA,GAAAjF,CAAA;EAAA;EAPD,MAAAqF,gBAAA,GAAyBJ,GAOM;EAE/B,MAAAK,eAAA,GAAwB5E,iBAAqC,IAArCF,gBAA0D,IAA1DM,iBAA0D;EAElF,MAAAyE,OAAA,GAAgBvH,YAAY,CAAC,CAAC,GAAGkB,kBAAkB;EAAA,IAAAsG,GAAA;EAAA,IAAAxF,CAAA,SAAAuF,OAAA;IAC1BC,GAAA;MAAAD;IAAU,CAAC;IAAAvF,CAAA,OAAAuF,OAAA;IAAAvF,CAAA,OAAAwF,GAAA;EAAA;IAAAA,GAAA,GAAAxF,CAAA;EAAA;EAApC,MAAAyF,MAAA,GAAeC,SAAS,CAACF,GAAW,CAAC;EAIrC,OAAAG,QAAA,EAAAC,WAAA,IAAgCtI,QAAQ,CAAS,CAAC;EAClD,OAAAuI,YAAA,EAAAC,eAAA,IAAwCxI,QAAQ,CAAS,CAAC;EAAA,IAAAyI,GAAA;EAAA,IAAA/F,CAAA,SAAAI,MAAA,CAAAC,GAAA;IACtB0F,GAAA,GAAAC,KAAA;MAClCJ,WAAW,CAACI,KAAK,CAAAC,WAAY,CAAAC,MAAO,CAAAC,KAAM,CAAC;IAAA,CAC5C;IAAAnG,CAAA,OAAA+F,GAAA;EAAA;IAAAA,GAAA,GAAA/F,CAAA;EAAA;EAFD,MAAAoG,eAAA,GAAwBL,GAElB;EAAA,IAAAM,GAAA;EAAA,IAAArG,CAAA,SAAAI,MAAA,CAAAC,GAAA;IACkCgG,GAAA,GAAAC,OAAA;MACtCR,eAAe,CAACE,OAAK,CAAAC,WAAY,CAAAC,MAAO,CAAAC,KAAM,CAAC;IAAA,CAChD;IAAAnG,CAAA,OAAAqG,GAAA;EAAA;IAAAA,GAAA,GAAArG,CAAA;EAAA;EAFD,MAAAuG,mBAAA,GAA4BF,GAEtB;EACN,MAAAG,eAAA,GACE,CAACjB,OAAiC,IAAtBI,QAAQ,KAAKpE,SAAuC,IAA1BsE,YAAY,KAAKtE,SAE1C,GADToE,QAAQ,GAAG3G,sBAAsB,GAAG,CAAC,GAAG6G,YAAY,GAAG5G,eAC9C,GAFbsC,SAEa;EAAA,IAAAkF,GAAA;EAAA,IAAAzG,CAAA,SAAA8C,MAAA,IAAA9C,CAAA,SAAA2E,6BAAA,IAAA3E,CAAA,SAAAqE,kBAAA,IAAArE,CAAA,SAAAuD,OAAA,IAAAvD,CAAA,SAAAsF,eAAA,IAAAtF,CAAA,SAAA2D,YAAA,IAAA3D,CAAA,SAAAwG,eAAA;IAUPC,GAAA,gBAAA5H,IAAA,CAACnB,cAAc;MACJ6F,OAAO,EAAPA,OAAO;MACJT,UAAM,EAANA,MAAM;MACRuB,QAAkB,EAAlBA,kBAAkB;MACbM,aAA6B,EAA7BA,6BAA6B;MAC3BW,eAAe,EAAfA,eAAe;MAClB3B,YAAY,EAAZA,YAAY;MAChB6C,QAAe,EAAfA;IAAe,CAC1B,CAAC;IAAAxG,CAAA,OAAA8C,MAAA;IAAA9C,CAAA,OAAA2E,6BAAA;IAAA3E,CAAA,OAAAqE,kBAAA;IAAArE,CAAA,OAAAuD,OAAA;IAAAvD,CAAA,OAAAsF,eAAA;IAAAtF,CAAA,OAAA2D,YAAA;IAAA3D,CAAA,OAAAwG,eAAA;IAAAxG,CAAA,OAAAyG,GAAA;EAAA;IAAAA,GAAA,GAAAzG,CAAA;EAAA;EAAA,IAAA0G,GAAA;EAAA,IAAA1G,CAAA,SAAAyF,MAAA,CAAAkB,cAAA,IAAA3G,CAAA,SAAAyG,GAAA;IATJC,GAAA,gBAAA7H,IAAA,CAACpB,IAAI;MAAQmJ,KAAqB,EAArBnB,MAAM,CAAAkB,cAAe;MAAAE,QAAA,EAChCJ;IAQE,CACE,CAAC;IAAAzG,CAAA,OAAAyF,MAAA,CAAAkB,cAAA;IAAA3G,CAAA,OAAAyG,GAAA;IAAAzG,CAAA,OAAA0G,GAAA;EAAA;IAAAA,GAAA,GAAA1G,CAAA;EAAA;EAAA,IAAA8G,GAAA;EAAA,IAAA9G,CAAA,SAAAyE,kBAAA;IAMLqC,GAAA,gBAAAjI,IAAA,CAACF,sBAAsB;MAChB8E,IAAa,EAAb,aAAa;MACTgB,OAAkB,EAAlBA,kBAAkB;MACRsC,kBAAe,EAAf,eAAe;MAC3BC,MAAoC,EAApC,oCAAoC;MACpBvI,qBAAiC,EAAjCA;IAAiC,CACzD,CAAC;IAAAuB,CAAA,OAAAyE,kBAAA;IAAAzE,CAAA,OAAA8G,GAAA;EAAA;IAAAA,GAAA,GAAA9G,CAAA;EAAA;EAAA,IAAAiH,GAAA;EAAA,IAAAjH,CAAA,SAAA2B,sBAAA,IAAA3B,CAAA,SAAA+D,+BAAA;IACDkD,GAAA,GAAAtF,sBAQA,iBARA9C,IAAA,CACEF,sBAAsB;MAChB8E,IAAsB,EAAtB,sBAAsB;MAClBM,OAA+B,EAA/BA,+BAA+B;MACrBgD,kBAAkB,EAAlB,kBAAkB;MAC9BC,MAAuC,EAAvC,uCAAuC;MACvBvI,qBAAiC,EAAjCA;IAAiC,CAE5D,CAAC;IAAAuB,CAAA,OAAA2B,sBAAA;IAAA3B,CAAA,OAAA+D,+BAAA;IAAA/D,CAAA,OAAAiH,GAAA;EAAA;IAAAA,GAAA,GAAAjH,CAAA;EAAA;EAAA,IAAAkH,GAAA;EAAA,IAAAlH,CAAA,SAAAuE,YAAA,IAAAvE,CAAA,SAAAe,aAAA;IACAmG,GAAA,GAAAnG,aAQA,iBARAlC,IAAA,CACEF,sBAAsB;MAChB8E,IAAgB,EAAhB,gBAAgB;MACZc,OAAY,EAAZA,YAAY;MACFwC,kBAAQ,EAAR,QAAQ;MACpBC,MAA6B,EAA7B,6BAA6B;MACbvI,qBAAiC,EAAjCA;IAAiC,CAE5D,CAAC;IAAAuB,CAAA,OAAAuE,YAAA;IAAAvE,CAAA,OAAAe,aAAA;IAAAf,CAAA,OAAAkH,GAAA;EAAA;IAAAA,GAAA,GAAAlH,CAAA;EAAA;EAAA,IAAAmH,GAAA;EAAA,IAAAnH,CAAA,SAAAyF,MAAA,CAAA2B,gBAAA,IAAApH,CAAA,SAAA8G,GAAA,IAAA9G,CAAA,SAAAiH,GAAA,IAAAjH,CAAA,SAAAkH,GAAA;IA7BHC,GAAA,gBAAApI,KAAA,CAACtB,IAAI;MACImJ,KAAuB,EAAvBnB,MAAM,CAAA2B,gBAAiB;MACpBb,QAAmB,EAAnBA,mBAAmB;MACtBS,MAA8B,EAA9B,8BAA8B;MAAAH,QAAA,GAErCC,GAME,EACDG,GAQA,EACAC,GAQA;IAAA,CACG,CAAC;IAAAlH,CAAA,OAAAyF,MAAA,CAAA2B,gBAAA;IAAApH,CAAA,OAAA8G,GAAA;IAAA9G,CAAA,OAAAiH,GAAA;IAAAjH,CAAA,OAAAkH,GAAA;IAAAlH,CAAA,OAAAmH,GAAA;EAAA;IAAAA,GAAA,GAAAnH,CAAA;EAAA;EAAA,IAAAqH,GAAA;EAAA,IAAArH,CAAA,SAAAyF,MAAA,CAAA6B,UAAA,IAAAtH,CAAA,SAAA0G,GAAA,IAAA1G,CAAA,SAAAmH,GAAA;IA9CTE,GAAA,gBAAAtI,KAAA,CAACtB,IAAI;MACImJ,KAAiB,EAAjBnB,MAAM,CAAA6B,UAAW;MACdlB,QAAe,EAAfA,eAAe;MAClBY,MAAkC,EAAlC,kCAAkC;MAAAH,QAAA,GAEzCH,GAUO,EACPS,GA8BO;IAAA,CACH,CAAC;IAAAnH,CAAA,OAAAyF,MAAA,CAAA6B,UAAA;IAAAtH,CAAA,OAAA0G,GAAA;IAAA1G,CAAA,OAAAmH,GAAA;IAAAnH,CAAA,OAAAqH,GAAA;EAAA;IAAAA,GAAA,GAAArH,CAAA;EAAA;EAAA,IAAAuH,GAAA;EAAA,IAAAvH,CAAA,SAAAqF,gBAAA,IAAArF,CAAA,SAAA0B,SAAA,IAAA1B,CAAA,SAAAsB,aAAA,IAAAtB,CAAA,SAAAyF,MAAA,CAAA+B,cAAA;IACND,GAAA,IAACjG,aAYD,iBAZAzC,IAAA,CACEpB,IAAI;MAAQmJ,KAAqB,EAArBnB,MAAM,CAAA+B,cAAe;MAAAX,QAAA,eAChChI,IAAA,CAAClB,UAAU;QACA0H,OAAgB,EAAhBA,gBAAgB;QACf3D,QAAS,EAATA,SAAS;QACIjD,qBAAiC,EAAjCA,iCAAiC;QACxDgJ,oCAAoC,EAApC,IAAoC;QACLC,8BAAe,EAAf,eAAe;QAAAb,QAAA,EAC/C;MAED,CAAY;IAAC,CAEjB,CAAC;IAAA7G,CAAA,OAAAqF,gBAAA;IAAArF,CAAA,OAAA0B,SAAA;IAAA1B,CAAA,OAAAsB,aAAA;IAAAtB,CAAA,OAAAyF,MAAA,CAAA+B,cAAA;IAAAxH,CAAA,OAAAuH,GAAA;EAAA;IAAAA,GAAA,GAAAvH,CAAA;EAAA;EAAA,IAAA2H,GAAA;EAAA,IAAA3H,CAAA,SAAAyF,MAAA,CAAAmC,UAAA,IAAA5H,CAAA,SAAAqH,GAAA,IAAArH,CAAA,SAAAuH,GAAA;IA7DHI,GAAA,gBAAA5I,KAAA,CAACtB,IAAI;MAAQmJ,KAAiB,EAAjBnB,MAAM,CAAAmC,UAAW;MAAAf,QAAA,GAC5BQ,GA+CO,EACNE,GAYA;IAAA,CACG,CAAC;IAAAvH,CAAA,OAAAyF,MAAA,CAAAmC,UAAA;IAAA5H,CAAA,OAAAqH,GAAA;IAAArH,CAAA,OAAAuH,GAAA;IAAAvH,CAAA,OAAA2H,GAAA;EAAA;IAAAA,GAAA,GAAA3H,CAAA;EAAA;EAAA,OA9DP2H,GA8DO;AAAA,CAEV;AAED,MAAMjC,SAAS,GAAGvF,EAAA;EAAA,MAAAH,CAAA,GAAAC,EAAA;EAAC;IAAAsF;EAAA,IAAApF,EAAiC;EAClD,MAAA0H,KAAA,GAAc1J,QAAQ,CAAC,CAAC;EAAA,IAAAsC,EAAA;EAAA,IAAAT,CAAA,QAAAuF,OAAA,IAAAvF,CAAA,QAAA6H,KAAA,CAAAC,MAAA,CAAAC,uBAAA;IAEjBtH,EAAA,GAAAjD,UAAU,CAAAwK,MAAO,CAAC;MAAAJ,UAAA,EACX;QAAAK,iBAAA,EACS,CAAC;QAAAC,iBAAA,EACDL,KAAK,CAAAC,MAAO,CAAAC,uBAAwB;QAAAI,aAAA,EACxC,EAAE;QAAAC,GAAA,EACZ;MACP,CAAC;MAAAd,UAAA,EACW;QAAAc,GAAA,EACLnJ,eAAe;QAAAoJ,aAAA,EACL9C,OAAO,GAAP,QAA0B,GAA1B,KAA0B;QAAA+C,UAAA,EAC7B/C,OAAO,GAAP,YAAiC,GAAjC,QAAiC;QAAAgD,cAAA,EAC7B,eAAe;QAAAJ,aAAA,EAChB5C,OAAO,GAAP,CAAe,GAAf,CAAe;QAAAiD,iBAAA,EACXxJ;MACrB,CAAC;MAAA2H,cAAA,EACe;QAAA8B,UAAA,EACF,CAAC;QAAAC,QAAA,EACH;MACZ,CAAC;MAAAtB,gBAAA,EACiB;QAAAiB,aAAA,EACD,KAAK;QAAAD,GAAA,EACf,CAAC;QAAAE,UAAA,EACM;MACd,CAAC;MAAAd,cAAA,EACe;QAAAc,UAAA,EACF,YAAY;QAAAE,iBAAA,EACLxJ;MACrB;IACF,CAAC,CAAC;IAAAgB,CAAA,MAAAuF,OAAA;IAAAvF,CAAA,MAAA6H,KAAA,CAAAC,MAAA,CAAAC,uBAAA;IAAA/H,CAAA,MAAAS,EAAA;EAAA;IAAAA,EAAA,GAAAT,CAAA;EAAA;EAAA,OA5BKS,EA4BL;AAAA,CACH","ignoreList":[]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@planningcenter/chat-react-native",
3
- "version": "4.5.0-rc.1",
3
+ "version": "4.5.0-rc.2",
4
4
  "description": "",
5
5
  "repository": {
6
6
  "type": "git",
@@ -84,5 +84,5 @@
84
84
  "sf-symbols-typescript": "^2.2.0",
85
85
  "typescript": "~6.0.3"
86
86
  },
87
- "gitHead": "856c408a4a998b4ce9b499ea42769c2b4f071adb"
87
+ "gitHead": "b31ae15cdb886fd46c2e671c7f764d92ed33bc82"
88
88
  }
@@ -35,6 +35,11 @@ export interface FilterDropdownProps {
35
35
  onMoreFilters: () => void
36
36
  triggerLabel: string
37
37
  showMoreFilters?: boolean
38
+ /**
39
+ * Widest the trigger may render, in points. Hosts that measure the trigger at its intrinsic
40
+ * width need this for the label to truncate.
41
+ */
42
+ maxWidth?: number
38
43
  }
39
44
 
40
45
  export function FilterDropdown({
@@ -44,6 +49,7 @@ export function FilterDropdown({
44
49
  onMoreFilters,
45
50
  triggerLabel,
46
51
  showMoreFilters = true,
52
+ maxWidth,
47
53
  }: FilterDropdownProps) {
48
54
  const styles = useStyles()
49
55
 
@@ -71,7 +77,7 @@ export function FilterDropdown({
71
77
  return (
72
78
  <Menu.View actions={actions} onPressAction={handlePressAction} style={styles.container}>
73
79
  <View
74
- style={styles.trigger}
80
+ style={[styles.trigger, maxWidth !== undefined && { maxWidth }]}
75
81
  accessible
76
82
  accessibilityRole="button"
77
83
  accessibilityHint="Opens filter options"
@@ -21,6 +21,15 @@ const mockSearchEnabled = jest.fn()
21
21
  const mockCanBrowseArchived = jest.fn()
22
22
  const mockGroupsByGraphId: Record<string, { name: string }> = {}
23
23
 
24
+ jest.mock('react-native', () => {
25
+ const actual = jest.requireActual('react-native')
26
+ return Object.defineProperty(actual, 'useWindowDimensions', {
27
+ value: jest.fn(() => ({ fontScale: 1 })),
28
+ configurable: true,
29
+ })
30
+ })
31
+ const mockUseWindowDimensions = jest.requireMock('react-native').useWindowDimensions
32
+
24
33
  jest.mock('@react-navigation/native', () => ({
25
34
  ...jest.requireActual('@react-navigation/native'),
26
35
  useNavigation: () => ({ setParams: mockSetParams, navigate: mockNavigate }),
@@ -121,10 +130,46 @@ describe('FilterDropdownListHeaderComponent', () => {
121
130
  mockSetParams.mockClear()
122
131
  mockSearchEnabled.mockReturnValue(true)
123
132
  mockCanBrowseArchived.mockReturnValue(false)
133
+ mockUseWindowDimensions.mockReturnValue({ fontScale: 1 })
124
134
  setCapabilities({ groups: true, teams: true })
125
135
  setRouteParams({})
126
136
  })
127
137
 
138
+ it('keeps the dropdown and actions on one line at the default font scale', () => {
139
+ mockUseWindowDimensions.mockReturnValue({ fontScale: 1 })
140
+
141
+ render(<FilterDropdownListHeaderComponent />)
142
+
143
+ expect(screen.getByTestId('conversations-filter-heading-row')).toHaveStyle({
144
+ flexDirection: 'row',
145
+ })
146
+ })
147
+
148
+ it('stacks the actions under the dropdown at the first font size above the default', () => {
149
+ mockUseWindowDimensions.mockReturnValue({ fontScale: 1.12 })
150
+
151
+ render(<FilterDropdownListHeaderComponent />)
152
+
153
+ expect(screen.getByTestId('conversations-filter-heading-row')).toHaveStyle({
154
+ flexDirection: 'column',
155
+ })
156
+ })
157
+
158
+ it('caps the trigger to the room beside the actions so a long label truncates', () => {
159
+ render(<FilterDropdownListHeaderComponent />)
160
+
161
+ fireEvent(screen.getByTestId('conversations-filter-heading-row'), 'layout', {
162
+ nativeEvent: { layout: { width: 360 } },
163
+ })
164
+ fireEvent(screen.getByTestId('conversations-filter-actions'), 'layout', {
165
+ nativeEvent: { layout: { width: 160 } },
166
+ })
167
+
168
+ expect(screen.getByRole('button', { name: 'All conversations' })).toHaveStyle({
169
+ maxWidth: 156,
170
+ })
171
+ })
172
+
128
173
  it('offers every filter the person can use, then More filters', () => {
129
174
  render(<FilterDropdownListHeaderComponent />)
130
175
 
@@ -1,13 +1,13 @@
1
1
  import { RouteProp, useNavigation, useRoute } from '@react-navigation/native'
2
- import React, { useCallback, useMemo } from 'react'
3
- import { Alert, StyleSheet, View } from 'react-native'
2
+ import React, { useCallback, useMemo, useState } from 'react'
3
+ import { Alert, LayoutChangeEvent, StyleSheet, View } from 'react-native'
4
4
  import { FilterDropdown, FilterDropdownOption, TextButton } from '../../../components'
5
5
  import {
6
- useAtFontScaleBreakpoint,
7
6
  useCanBrowseArchivedConversations,
8
7
  useCanCreateConversations,
9
8
  useCurrentPersonCache,
10
9
  useDirectMessagesEligible,
10
+ useFontScale,
11
11
  useHasDirectMessages,
12
12
  useNewConversationEntry,
13
13
  useTheme,
@@ -25,6 +25,8 @@ import { ConversationsScreenProps } from '../conversations_screen'
25
25
  import { ListHeaderActionButton } from './list_header_action_button'
26
26
 
27
27
  const ROW_PADDING_HORIZONTAL = 16
28
+ const HEADING_ROW_GAP = 12
29
+ const DEFAULT_FONT_SCALE = 1
28
30
  const ALL_CONVERSATIONS_LABEL = 'All conversations'
29
31
  const ARCHIVED_LABEL = 'Archived'
30
32
 
@@ -205,11 +207,31 @@ export const FilterDropdownListHeaderComponent = () => {
205
207
 
206
208
  const showMoreFilters = canFilterByGroups || canFilterByTeams || canBrowseArchived
207
209
 
208
- const styles = useStyles()
210
+ const stacked = useFontScale() > DEFAULT_FONT_SCALE
211
+ const styles = useStyles({ stacked })
212
+
213
+ // The Android menu host measures the trigger at its intrinsic width, so flex shrinking never
214
+ // truncates the label. Cap it to the room left beside the action buttons instead.
215
+ const [rowWidth, setRowWidth] = useState<number>()
216
+ const [actionsWidth, setActionsWidth] = useState<number>()
217
+ const handleRowLayout = useCallback((event: LayoutChangeEvent) => {
218
+ setRowWidth(event.nativeEvent.layout.width)
219
+ }, [])
220
+ const handleActionsLayout = useCallback((event: LayoutChangeEvent) => {
221
+ setActionsWidth(event.nativeEvent.layout.width)
222
+ }, [])
223
+ const triggerMaxWidth =
224
+ !stacked && rowWidth !== undefined && actionsWidth !== undefined
225
+ ? rowWidth - ROW_PADDING_HORIZONTAL * 2 - actionsWidth - HEADING_ROW_GAP
226
+ : undefined
209
227
 
210
228
  return (
211
229
  <View style={styles.listHeader}>
212
- <View style={styles.headingRow}>
230
+ <View
231
+ style={styles.headingRow}
232
+ onLayout={handleRowLayout}
233
+ testID="conversations-filter-heading-row"
234
+ >
213
235
  <View style={styles.titleContainer}>
214
236
  <FilterDropdown
215
237
  options={options}
@@ -218,9 +240,14 @@ export const FilterDropdownListHeaderComponent = () => {
218
240
  onMoreFilters={handleOpenConversationFilters}
219
241
  showMoreFilters={showMoreFilters}
220
242
  triggerLabel={triggerLabel}
243
+ maxWidth={triggerMaxWidth}
221
244
  />
222
245
  </View>
223
- <View style={styles.actionsContainer}>
246
+ <View
247
+ style={styles.actionsContainer}
248
+ onLayout={handleActionsLayout}
249
+ testID="conversations-filter-actions"
250
+ >
224
251
  <ListHeaderActionButton
225
252
  name="general.cog"
226
253
  onPress={handleChatSettings}
@@ -265,9 +292,8 @@ export const FilterDropdownListHeaderComponent = () => {
265
292
  )
266
293
  }
267
294
 
268
- const useStyles = () => {
295
+ const useStyles = ({ stacked }: { stacked: boolean }) => {
269
296
  const theme = useTheme()
270
- const atFontScaleBreakpoint = useAtFontScaleBreakpoint()
271
297
 
272
298
  return StyleSheet.create({
273
299
  listHeader: {
@@ -277,11 +303,11 @@ const useStyles = () => {
277
303
  gap: 8,
278
304
  },
279
305
  headingRow: {
280
- gap: 12,
281
- flexDirection: atFontScaleBreakpoint ? 'column' : 'row',
282
- alignItems: atFontScaleBreakpoint ? 'flex-start' : 'center',
306
+ gap: HEADING_ROW_GAP,
307
+ flexDirection: stacked ? 'column' : 'row',
308
+ alignItems: stacked ? 'flex-start' : 'center',
283
309
  justifyContent: 'space-between',
284
- paddingBottom: atFontScaleBreakpoint ? 4 : 0,
310
+ paddingBottom: stacked ? 4 : 0,
285
311
  paddingHorizontal: ROW_PADDING_HORIZONTAL,
286
312
  },
287
313
  titleContainer: {