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

package/build/navigation/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/navigation/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAA;AAE7D,OAAO,EACL,0BAA0B,GAE3B,MAAM,gCAAgC,CAAA;AACvC,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AACpC,OAAO,EAAE,yBAAyB,EAAE,MAAM,wCAAwC,CAAA;AAClF,OAAO,EAEL,kBAAkB,EAClB,uBAAuB,GACxB,MAAM,gCAAgC,CAAA;AACvC,OAAO,EAAE,mBAAmB,EAAE,MAAM,+CAA+C,CAAA;AACnF,OAAO,EAAE,qBAAqB,EAAE,MAAM,qDAAqD,CAAA;AAC3F,OAAO,EACL,0CAA0C,EAC1C,kCAAkC,GACnC,MAAM,iFAAiF,CAAA;AACxF,OAAO,EAAE,kCAAkC,EAAE,MAAM,iFAAiF,CAAA;AACpI,OAAO,EACL,oBAAoB,EACpB,2BAA2B,GAC5B,MAAM,mCAAmC,CAAA;AAC1C,OAAO,EAAE,eAAe,EAAE,sBAAsB,EAAE,MAAM,8BAA8B,CAAA;AACtF,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAC/C,OAAO,EAAE,eAAe,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAA;AACrF,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAA;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EACL,yBAAyB,EACzB,gCAAgC,GACjC,MAAM,wCAAwC,CAAA;AAE/C,OAAO,EAAE,uCAAuC,EAAE,MAAM,uFAAuF,CAAA;AAC/I,OAAO,EAAE,4CAA4C,EAAE,MAAM,8FAA8F,CAAA;AAC3J,OAAO,EAAE,8BAA8B,EAAE,MAAM,yDAAyD,CAAA;AACxG,OAAO,EAAE,uBAAuB,EAAE,MAAM,yDAAyD,CAAA;AACjG,OAAO,EAAE,eAAe,EAAE,sBAAsB,EAAE,MAAM,8BAA8B,CAAA;AACtF,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAA;AAEvC,MAAM,sCAAsC,GAAG;IAC7C,UAAU,EAAE,QAAQ,CAAC,MAAM,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC;IACrD,WAAW,EAAE,QAAQ,CAAC,MAAM,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC;CACtD,CAAA;AAED,MAAM,CAAC,MAAM,oBAAoB,GAAG,0BAA0B,CAAC;IAC7D,gBAAgB,EAAE,8BAA8B;IAChD,aAAa,EAAE;QACb,2BAA2B,EAAE,SAAS;KACvC;IACD,YAAY,EAAE,YAAY;IAC1B,OAAO,EAAE;QACP,4BAA4B,EAAE;YAC5B,MAAM,EAAE,kCAAkC;YAC1C,OAAO,EAAE,CAAC,EAAE,UAAU,EAAE,EAAE,EAAE,CAAC,CAAC;gBAC5B,KAAK,EAAE,kBAAkB;gBACzB,WAAW,EAAE,CAAC,KAAkC,EAAE,EAAE,CAAC,CACnD,CAAC,iBAAiB,CAAC,IAAI,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC,UAAU,CAAC,MAAM,CAAC,CACvD;;UACF,EAAE,iBAAiB,CAAC,CACrB;gBACD,iBAAiB,EAAE,KAAK;aACzB,CAAC;SACH;QACD,iCAAiC,EAAE;YACjC,MAAM,EAAE,uCAAuC;YAC/C,OAAO,EAAE,CAAC,EAAE,UAAU,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;gBACnC,KAAK,EAAE,kBAAkB;gBACzB,WAAW,EAAE,CAAC,KAAkC,EAAE,EAAE,CAAC,CACnD,CAAC,iBAAiB,CAChB,IAAI,KAAK,CAAC,CACV,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,CAE/D;;UACF,EAAE,iBAAiB,CAAC,CACrB;aACF,CAAC;SACH;QACD,sCAAsC,EAAE;YACtC,MAAM,EAAE,4CAA4C;YACpD,OAAO,EAAE,CAAC,EAAE,UAAU,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;gBACnC,KAAK,EAAE,kBAAkB;gBACzB,WAAW,EAAE,CAAC,KAAkC,EAAE,EAAE,CAAC,CACnD,CAAC,iBAAiB,CAChB,IAAI,KAAK,CAAC,CACV,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,CAE/D;;UACF,EAAE,iBAAiB,CAAC,CACrB;aACF,CAAC;SACH;QACD,4BAA4B,EAAE;YAC5B,MAAM,EAAE,kCAAkC;YAC1C,OAAO,EAAE,0CAA0C;SACpD;QACD,eAAe,EAAE;YACf,MAAM,EAAE,qBAAqB;YAC7B,OAAO,EAAE,CAAC,EAAE,UAAU,EAAE,EAAE,EAAE,CAAC,CAAC;gBAC5B,KAAK,EAAE,kBAAkB;gBACzB,UAAU,EAAE,GAAG,EAAE,CAAC,IAAI;gBACtB,WAAW,EAAE,CAAC,KAAkC,EAAE,EAAE,CAAC,CACnD,CAAC,iBAAiB,CAAC,IAAI,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,SAAS,EAAE,EAAE,MAAM,EAAE,CAAC,CAC5E;;UACF,EAAE,iBAAiB,CAAC,CACrB;aACF,CAAC;SACH;KACF;CACF,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,0BAA0B,CAAC;IAClD,aAAa,EAAE;QACb,2BAA2B,EAAE,SAAS;KACvC;IACD,YAAY,EAAE,YAAY;IAC1B,OAAO,EAAE;QACP,aAAa,EAAE;YACb,MAAM,EAAE,mBAAmB;YAC3B,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,EAAE,EAAE,CAAC,CAAC;gBACnC,WAAW,EAAG,KAAK,CAAC,MAA6B,EAAE,KAAK,IAAI,MAAM;gBAClE,WAAW,EAAE,CAAC,KAAkC,EAAE,EAAE,CAAC,CACnD,CAAC,gBAAgB,CACf,SAAS,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,EAAG,CAAC,CAC7E,OAAO,CAAC,CAAC,UAAU,CAAC,MAAM,CAAC,CAC3B,IAAI,KAAK,CAAC,EACV,CACH;aACF,CAAC;SACH;QACD,mBAAmB,EAAE;YACnB,MAAM,EAAE,yBAAyB;YACjC,OAAO,EAAE,gCAAgC;SAC1C;QACD,YAAY,EAAE;YACZ,MAAM,EAAE,kBAAkB;YAC1B,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,EAAE,EAAE,CAAC,CAAC;gBACnC,WAAW,EAAE,CAAC,KAAkC,EAAE,EAAE;oBAClD,MAAM,EAAE,eAAe,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC,MAAgC,CAAA;oBAEzF,OAAO,CACL,CAAC,uBAAuB,CACtB,eAAe,CAAC,CAAC,eAAe,CAAC,CACjC,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,IAAI,KAAK,CAAC,CAEV;cAAA,CAAC,KAAK,IAAI,cAAc,CAC1B;YAAA,EAAE,uBAAuB,CAAC,CAC3B,CAAA;gBACH,CAAC;gBACD,WAAW,EAAE,CAAC,KAAkC,EAAE,EAAE,CAAC,CACnD,CAAC,gBAAgB,CACf,SAAS,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,EAAG,CAAC,CAC7E,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,SAAS,EAAE,EAAE,MAAM,EAAE,CAAC,EAChD,CACH;gBACD,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,CACnB,CAAC,gBAAgB,CACf,KAAK,CAAC,CAAC,sCAAsC,CAAC,CAC9C,WAAW,CAAC,SAAS,CACrB,OAAO,CAAC,CAAC,GAAG,EAAE;wBACZ,MAAM,MAAM,GAAG,KAAK,CAAC,MAAgC,CAAA;wBACrD,IAAK,MAAoC,EAAE,mBAAmB,EAAE,CAAC;4BAC/D,oFAAoF;4BACpF,MAAM,EAAE,mBAAmB,EAAE,GAAG,MAAM,CAAA;4BACtC,UAAU,CAAC,KAAK,CAAC,eAAe,EAAE,EAAE,mBAAmB,EAAE,CAAC,CAAA;wBAC5D,CAAC;6BAAM,CAAC;4BACN,UAAU,CAAC,MAAM,EAAE,CAAA;wBACrB,CAAC;oBACH,CAAC,CAAC,CACF,IAAI,KAAK,CAAC,EACV,CACH;aACF,CAAC;SACH;QACD,mBAAmB,EAAE;YACnB,MAAM,EAAE,yBAAyB;YACjC,OAAO,EAAE,CAAC,EAAE,UAAU,EAAE,EAAE,EAAE,CAAC,CAAC;gBAC5B,YAAY,EAAE,OAAO;gBACrB,KAAK,EAAE,sBAAsB;gBAC7B,WAAW,EAAE,CAAC,KAAkC,EAAE,EAAE,CAAC,CACnD,CAAC,iBAAiB,CAAC,IAAI,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC,UAAU,CAAC,MAAM,CAAC,CACvD;;UACF,EAAE,iBAAiB,CAAC,CACrB;aACF,CAAC;SACH;QACD,GAAG,EAAE;YACH,MAAM,EAAE,oBAAoB;YAC5B,OAAO,EAAE;gBACP,WAAW,EAAE,KAAK;gBAClB,YAAY,EAAE,OAAO;aACtB;SACF;QACD,SAAS,EAAE;YACT,MAAM,EAAE,eAAe;YACvB,OAAO,EAAE,sBAAsB;SAChC;QACD,cAAc,EAAE;YACd,MAAM,EAAE,oBAAoB;YAC5B,gEAAgE;YAChE,OAAO,EAAE,2BAA2B;SACrC;QACD,iBAAiB,EAAE;YACjB,MAAM,EAAE,uBAAuB;YAC/B,OAAO,EAAE,8BAA8B;SACxC;QACD,SAAS,EAAE;YACT,MAAM,EAAE,eAAe;YACvB,OAAO,EAAE,sBAAsB;SAChC;QACD,SAAS,EAAE;YACT,MAAM,EAAE,eAAe;YACvB,OAAO,EAAE,sBAAsB;SAChC;QACD,QAAQ,EAAE;YACR,MAAM,EAAE,QAAQ;YAChB,OAAO,EAAE;gBACP,KAAK,EAAE,KAAK;aACb;YACD,OAAO,EAAE;gBACP,IAAI,EAAE,GAAG;aACV;SACF;KACF;CACF,CAAC,CAAA","sourcesContent":["import { HeaderBackButton } from '@react-navigation/elements'\nimport { StaticParamList } from '@react-navigation/native'\nimport {\n  createNativeStackNavigator,\n  NativeStackHeaderRightProps,\n} from '@react-navigation/native-stack'\nimport React from 'react'\nimport { Icon } from '../components'\nimport { ConversationDetailsScreen } from '../screens/conversation_details_screen'\nimport {\n  ConversationRouteProps,\n  ConversationScreen,\n  ConversationScreenTitle,\n} from '../screens/conversation_screen'\nimport { ConversationsScreen } from '../screens/conversations/conversations_screen'\nimport { ConversationNewScreen } from '../screens/conversation_new/conversation_new_screen'\nimport {\n  ConversationFilterReceipientsScreenOptions,\n  ConversationFilterRecipientsScreen,\n} from '../screens/conversation_filter_recipients/conversation_filter_recipients_screen'\nimport { ConversationSelectRecipientsScreen } from '../screens/conversation_select_recipients/conversation_select_recipients_screen'\nimport {\n  MessageActionsScreen,\n  MessageActionsScreenOptions,\n} from '../screens/message_actions_screen'\nimport { SendGiphyScreen, SendGiphyScreenOptions } from '../screens/send_giphy_screen'\nimport { NotFound } from '../screens/not_found'\nimport { ReactionsScreen, ReactionsScreenOptions } from '../screens/reactions_screen'\nimport { HeaderRightButton } from './header'\nimport { ScreenLayout } from './screenLayout'\nimport {\n  ConversationFiltersScreen,\n  ConversationFiltersScreenOptions,\n} from '../screens/conversation_filters_screen'\nimport { ConversationFiltersParams } from '../screens/conversation_filters/screen_props'\nimport { ConversationSelectGroupRecipientsScreen } from '../screens/conversation_select_recipients/conversation_select_group_recipients_screen'\nimport { ConversationSelectTeamsILeadRecipientsScreen } from '../screens/conversation_select_recipients/conversation_select_teams_i_lead_recipients_screen'\nimport { AttachmentActionsScreenOptions } from '../screens/attachment_actions/attachment_actions_screen'\nimport { AttachmentActionsScreen } from '../screens/attachment_actions/attachment_actions_screen'\nimport { BugReportScreen, BugReportScreenOptions } from '../screens/bug_report_screen'\nimport { Platform } from 'react-native'\n\nconst HEADER_BACK_BUTTON_LAYOUT_RESET_STYLES = {\n  marginLeft: Platform.select({ ios: -8, default: -3 }),\n  marginRight: Platform.select({ ios: 0, default: 30 }),\n}\n\nexport const NewConversationStack = createNativeStackNavigator({\n  initialRouteName: 'ConversationSelectRecipients',\n  screenOptions: {\n    headerBackButtonDisplayMode: 'minimal',\n  },\n  screenLayout: ScreenLayout,\n  screens: {\n    ConversationSelectRecipients: {\n      screen: ConversationSelectRecipientsScreen,\n      options: ({ navigation }) => ({\n        title: 'New conversation',\n        headerRight: (props: NativeStackHeaderRightProps) => (\n          <HeaderRightButton {...props} onPress={navigation.goBack}>\n            Cancel\n          </HeaderRightButton>\n        ),\n        headerBackVisible: false,\n      }),\n    },\n    ConversationSelectGroupRecipients: {\n      screen: ConversationSelectGroupRecipientsScreen,\n      options: ({ navigation, route }) => ({\n        title: 'New conversation',\n        headerRight: (props: NativeStackHeaderRightProps) => (\n          <HeaderRightButton\n            {...props}\n            onPress={() => navigation.popTo('Conversations', route.params)}\n          >\n            Cancel\n          </HeaderRightButton>\n        ),\n      }),\n    },\n    ConversationSelectTeamsILeadRecipients: {\n      screen: ConversationSelectTeamsILeadRecipientsScreen,\n      options: ({ navigation, route }) => ({\n        title: 'New conversation',\n        headerRight: (props: NativeStackHeaderRightProps) => (\n          <HeaderRightButton\n            {...props}\n            onPress={() => navigation.popTo('Conversations', route.params)}\n          >\n            Cancel\n          </HeaderRightButton>\n        ),\n      }),\n    },\n    ConversationFilterRecipients: {\n      screen: ConversationFilterRecipientsScreen,\n      options: ConversationFilterReceipientsScreenOptions,\n    },\n    ConversationNew: {\n      screen: ConversationNewScreen,\n      options: ({ navigation }) => ({\n        title: 'New conversation',\n        headerLeft: () => null,\n        headerRight: (props: NativeStackHeaderRightProps) => (\n          <HeaderRightButton {...props} onPress={() => navigation.getParent()?.goBack()}>\n            Cancel\n          </HeaderRightButton>\n        ),\n      }),\n    },\n  },\n})\n\nexport const ChatStack = createNativeStackNavigator({\n  screenOptions: {\n    headerBackButtonDisplayMode: 'minimal',\n  },\n  screenLayout: ScreenLayout,\n  screens: {\n    Conversations: {\n      screen: ConversationsScreen,\n      options: ({ route, navigation }) => ({\n        headerTitle: (route.params as { title?: string })?.title ?? 'Chat',\n        headerRight: (props: NativeStackHeaderRightProps) => (\n          <HeaderBackButton\n            backImage={() => <Icon name=\"general.x\" size={18} color={props.tintColor} />}\n            onPress={navigation.goBack}\n            {...props}\n          />\n        ),\n      }),\n    },\n    ConversationFilters: {\n      screen: ConversationFiltersScreen,\n      options: ConversationFiltersScreenOptions,\n    },\n    Conversation: {\n      screen: ConversationScreen,\n      options: ({ route, navigation }) => ({\n        headerTitle: (props: NativeStackHeaderRightProps) => {\n          const { conversation_id, title, badge, deleted } = route.params as ConversationRouteProps\n\n          return (\n            <ConversationScreenTitle\n              conversation_id={conversation_id}\n              badge={badge}\n              deleted={deleted}\n              {...props}\n            >\n              {title ?? 'Conversation'}\n            </ConversationScreenTitle>\n          )\n        },\n        headerRight: (props: NativeStackHeaderRightProps) => (\n          <HeaderBackButton\n            backImage={() => <Icon name=\"general.x\" size={18} color={props.tintColor} />}\n            onPress={() => navigation.getParent()?.goBack()}\n          />\n        ),\n        headerLeft: props => (\n          <HeaderBackButton\n            style={HEADER_BACK_BUTTON_LAYOUT_RESET_STYLES}\n            displayMode=\"minimal\"\n            onPress={() => {\n              const params = route.params as ConversationRouteProps\n              if ((params as ConversationFiltersParams)?.chat_group_graph_id) {\n                // Ensure that conversations with a graph id pass them back to the conversation list\n                const { chat_group_graph_id } = params\n                navigation.popTo('Conversations', { chat_group_graph_id })\n              } else {\n                navigation.goBack()\n              }\n            }}\n            {...props}\n          />\n        ),\n      }),\n    },\n    ConversationDetails: {\n      screen: ConversationDetailsScreen,\n      options: ({ navigation }) => ({\n        presentation: 'modal',\n        title: 'Conversation details',\n        headerRight: (props: NativeStackHeaderRightProps) => (\n          <HeaderRightButton {...props} onPress={navigation.goBack}>\n            Done\n          </HeaderRightButton>\n        ),\n      }),\n    },\n    New: {\n      screen: NewConversationStack,\n      options: {\n        headerShown: false,\n        presentation: 'modal',\n      },\n    },\n    SendGiphy: {\n      screen: SendGiphyScreen,\n      options: SendGiphyScreenOptions,\n    },\n    MessageActions: {\n      screen: MessageActionsScreen,\n      // Something about sheetAllowedDetents declared inline breaks TS\n      options: MessageActionsScreenOptions,\n    },\n    AttachmentActions: {\n      screen: AttachmentActionsScreen,\n      options: AttachmentActionsScreenOptions,\n    },\n    Reactions: {\n      screen: ReactionsScreen,\n      options: ReactionsScreenOptions,\n    },\n    BugReport: {\n      screen: BugReportScreen,\n      options: BugReportScreenOptions,\n    },\n    NotFound: {\n      screen: NotFound,\n      options: {\n        title: '404',\n      },\n      linking: {\n        path: '*',\n      },\n    },\n  },\n})\n\ntype ChatStackParamList = StaticParamList<typeof ChatStack>\n\ndeclare global {\n  namespace ReactNavigation {\n    interface RootParamList extends ChatStackParamList {}\n  }\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/navigation/index.tsx"],"names":[],"mappings":"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","sourcesContent":["import { HeaderBackButton } from '@react-navigation/elements'\nimport { StaticParamList } from '@react-navigation/native'\nimport {\n  createNativeStackNavigator,\n  NativeStackHeaderRightProps,\n} from '@react-navigation/native-stack'\nimport React from 'react'\nimport { Icon } from '../components'\nimport { ConversationDetailsScreen } from '../screens/conversation_details_screen'\nimport {\n  ConversationRouteProps,\n  ConversationScreen,\n  ConversationScreenTitle,\n} from '../screens/conversation_screen'\nimport { ConversationsScreen } from '../screens/conversations/conversations_screen'\nimport { ConversationNewScreen } from '../screens/conversation_new/conversation_new_screen'\nimport {\n  ConversationFilterReceipientsScreenOptions,\n  ConversationFilterRecipientsScreen,\n} from '../screens/conversation_filter_recipients/conversation_filter_recipients_screen'\nimport { ConversationSelectRecipientsScreen } from '../screens/conversation_select_recipients/conversation_select_recipients_screen'\nimport {\n  MessageActionsScreen,\n  MessageActionsScreenOptions,\n} from '../screens/message_actions_screen'\nimport { SendGiphyScreen, SendGiphyScreenOptions } from '../screens/send_giphy_screen'\nimport { NotFound } from '../screens/not_found'\nimport { ReactionsScreen, ReactionsScreenOptions } from '../screens/reactions_screen'\nimport { HeaderRightButton } from './header'\nimport { ScreenLayout } from './screenLayout'\nimport {\n  ConversationFiltersScreen,\n  ConversationFiltersScreenOptions,\n} from '../screens/conversation_filters_screen'\nimport { ConversationFiltersParams } from '../screens/conversation_filters/screen_props'\nimport { ConversationSelectGroupRecipientsScreen } from '../screens/conversation_select_recipients/conversation_select_group_recipients_screen'\nimport { ConversationSelectTeamsILeadRecipientsScreen } from '../screens/conversation_select_recipients/conversation_select_teams_i_lead_recipients_screen'\nimport { AttachmentActionsScreenOptions } from '../screens/attachment_actions/attachment_actions_screen'\nimport { AttachmentActionsScreen } from '../screens/attachment_actions/attachment_actions_screen'\nimport { BugReportScreen, BugReportScreenOptions } from '../screens/bug_report_screen'\nimport {\n  MessageReadReceiptsScreen,\n  MessageReadReceiptsScreenOptions,\n} from '../screens/conversation/message_read_receipts_screen'\nimport { Platform } from 'react-native'\n\nconst HEADER_BACK_BUTTON_LAYOUT_RESET_STYLES = {\n  marginLeft: Platform.select({ ios: -8, default: -3 }),\n  marginRight: Platform.select({ ios: 0, default: 30 }),\n}\n\nexport const NewConversationStack = createNativeStackNavigator({\n  initialRouteName: 'ConversationSelectRecipients',\n  screenOptions: {\n    headerBackButtonDisplayMode: 'minimal',\n  },\n  screenLayout: ScreenLayout,\n  screens: {\n    ConversationSelectRecipients: {\n      screen: ConversationSelectRecipientsScreen,\n      options: ({ navigation }) => ({\n        title: 'New conversation',\n        headerRight: (props: NativeStackHeaderRightProps) => (\n          <HeaderRightButton {...props} onPress={navigation.goBack}>\n            Cancel\n          </HeaderRightButton>\n        ),\n        headerBackVisible: false,\n      }),\n    },\n    ConversationSelectGroupRecipients: {\n      screen: ConversationSelectGroupRecipientsScreen,\n      options: ({ navigation, route }) => ({\n        title: 'New conversation',\n        headerRight: (props: NativeStackHeaderRightProps) => (\n          <HeaderRightButton\n            {...props}\n            onPress={() => navigation.popTo('Conversations', route.params)}\n          >\n            Cancel\n          </HeaderRightButton>\n        ),\n      }),\n    },\n    ConversationSelectTeamsILeadRecipients: {\n      screen: ConversationSelectTeamsILeadRecipientsScreen,\n      options: ({ navigation, route }) => ({\n        title: 'New conversation',\n        headerRight: (props: NativeStackHeaderRightProps) => (\n          <HeaderRightButton\n            {...props}\n            onPress={() => navigation.popTo('Conversations', route.params)}\n          >\n            Cancel\n          </HeaderRightButton>\n        ),\n      }),\n    },\n    ConversationFilterRecipients: {\n      screen: ConversationFilterRecipientsScreen,\n      options: ConversationFilterReceipientsScreenOptions,\n    },\n    ConversationNew: {\n      screen: ConversationNewScreen,\n      options: ({ navigation }) => ({\n        title: 'New conversation',\n        headerLeft: () => null,\n        headerRight: (props: NativeStackHeaderRightProps) => (\n          <HeaderRightButton {...props} onPress={() => navigation.getParent()?.goBack()}>\n            Cancel\n          </HeaderRightButton>\n        ),\n      }),\n    },\n  },\n})\n\nexport const ChatStack = createNativeStackNavigator({\n  screenOptions: {\n    headerBackButtonDisplayMode: 'minimal',\n  },\n  screenLayout: ScreenLayout,\n  screens: {\n    Conversations: {\n      screen: ConversationsScreen,\n      options: ({ route, navigation }) => ({\n        headerTitle: (route.params as { title?: string })?.title ?? 'Chat',\n        headerRight: (props: NativeStackHeaderRightProps) => (\n          <HeaderBackButton\n            backImage={() => <Icon name=\"general.x\" size={18} color={props.tintColor} />}\n            onPress={navigation.goBack}\n            {...props}\n          />\n        ),\n      }),\n    },\n    ConversationFilters: {\n      screen: ConversationFiltersScreen,\n      options: ConversationFiltersScreenOptions,\n    },\n    Conversation: {\n      screen: ConversationScreen,\n      options: ({ route, navigation }) => ({\n        headerTitle: (props: NativeStackHeaderRightProps) => {\n          const { conversation_id, title, badge, deleted } = route.params as ConversationRouteProps\n\n          return (\n            <ConversationScreenTitle\n              conversation_id={conversation_id}\n              badge={badge}\n              deleted={deleted}\n              {...props}\n            >\n              {title ?? 'Conversation'}\n            </ConversationScreenTitle>\n          )\n        },\n        headerRight: (props: NativeStackHeaderRightProps) => (\n          <HeaderBackButton\n            backImage={() => <Icon name=\"general.x\" size={18} color={props.tintColor} />}\n            onPress={() => navigation.getParent()?.goBack()}\n          />\n        ),\n        headerLeft: props => (\n          <HeaderBackButton\n            style={HEADER_BACK_BUTTON_LAYOUT_RESET_STYLES}\n            displayMode=\"minimal\"\n            onPress={() => {\n              const params = route.params as ConversationRouteProps\n              if ((params as ConversationFiltersParams)?.chat_group_graph_id) {\n                // Ensure that conversations with a graph id pass them back to the conversation list\n                const { chat_group_graph_id } = params\n                navigation.popTo('Conversations', { chat_group_graph_id })\n              } else {\n                navigation.goBack()\n              }\n            }}\n            {...props}\n          />\n        ),\n      }),\n    },\n    ConversationDetails: {\n      screen: ConversationDetailsScreen,\n      options: ({ navigation }) => ({\n        presentation: 'modal',\n        title: 'Conversation details',\n        headerRight: (props: NativeStackHeaderRightProps) => (\n          <HeaderRightButton {...props} onPress={navigation.goBack}>\n            Done\n          </HeaderRightButton>\n        ),\n      }),\n    },\n    New: {\n      screen: NewConversationStack,\n      options: {\n        headerShown: false,\n        presentation: 'modal',\n      },\n    },\n    SendGiphy: {\n      screen: SendGiphyScreen,\n      options: SendGiphyScreenOptions,\n    },\n    MessageActions: {\n      screen: MessageActionsScreen,\n      // Something about sheetAllowedDetents declared inline breaks TS\n      options: MessageActionsScreenOptions,\n    },\n    AttachmentActions: {\n      screen: AttachmentActionsScreen,\n      options: AttachmentActionsScreenOptions,\n    },\n    Reactions: {\n      screen: ReactionsScreen,\n      options: ReactionsScreenOptions,\n    },\n    MessageReadReceipts: {\n      screen: MessageReadReceiptsScreen,\n      options: {\n        ...MessageReadReceiptsScreenOptions,\n        headerTitle: 'Read receipts',\n      },\n    },\n    BugReport: {\n      screen: BugReportScreen,\n      options: BugReportScreenOptions,\n    },\n    NotFound: {\n      screen: NotFound,\n      options: {\n        title: '404',\n      },\n      linking: {\n        path: '*',\n      },\n    },\n  },\n})\n\ntype ChatStackParamList = StaticParamList<typeof ChatStack>\n\ndeclare global {\n  namespace ReactNavigation {\n    interface RootParamList extends ChatStackParamList {}\n  }\n}\n"]}

package/build/screens/conversation/message_read_receipts_screen.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { StaticScreenProps } from '@react-navigation/native';
+import { NativeStackNavigationOptions } from '@react-navigation/native-stack';
+export declare const MessageReadReceiptsScreenOptions: NativeStackNavigationOptions;
+export type MessageReadReceiptsScreenProps = StaticScreenProps<{
+    conversation_id: number;
+    message_id: string;
+}>;
+export declare function MessageReadReceiptsScreen({ route }: MessageReadReceiptsScreenProps): React.JSX.Element;
+//# sourceMappingURL=message_read_receipts_screen.d.ts.map

package/build/screens/conversation/message_read_receipts_screen.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"message_read_receipts_screen.d.ts","sourceRoot":"","sources":["../../../src/screens/conversation/message_read_receipts_screen.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAA;AAKxC,OAAO,EAAE,iBAAiB,EAAiB,MAAM,0BAA0B,CAAA;AAC3E,OAAO,EAAE,4BAA4B,EAAE,MAAM,gCAAgC,CAAA;AAS7E,eAAO,MAAM,gCAAgC,EAAE,4BAS9C,CAAA;AAED,MAAM,MAAM,8BAA8B,GAAG,iBAAiB,CAAC;IAC7D,eAAe,EAAE,MAAM,CAAA;IACvB,UAAU,EAAE,MAAM,CAAA;CACnB,CAAC,CAAA;AAEF,wBAAgB,yBAAyB,CAAC,EAAE,KAAK,EAAE,EAAE,8BAA8B,qBAwClF"}

package/build/screens/conversation/message_read_receipts_screen.js

@@ -0,0 +1,99 @@
+import React, { useEffect } from 'react';
+import { View, StyleSheet, useWindowDimensions, Platform } from 'react-native';
+import { useSafeAreaInsets } from 'react-native-safe-area-context';
+import { Avatar, Heading, Text } from '../../components';
+import { useTheme } from '../../hooks';
+import { useNavigation } from '@react-navigation/native';
+import { useReadReceipts } from '../../hooks/use_read_receipts';
+import { FlashList } from '@shopify/flash-list';
+import { useHeaderHeight } from '@react-navigation/elements';
+const SCREEN_HEIGHT_RATIO_QUARTER = 0.25; // 25% of the screen height
+const SCREEN_HEIGHT_RATIO_HALF = 0.5; // 50% of the screen height
+const SCREEN_HEIGHT_RATIO_FULL = 1; // 100% of the screen height
+export const MessageReadReceiptsScreenOptions = {
+    presentation: Platform.select({ ios: 'formSheet', android: 'modal' }),
+    sheetAllowedDetents: Platform.select({
+        ios: [SCREEN_HEIGHT_RATIO_QUARTER, SCREEN_HEIGHT_RATIO_HALF, SCREEN_HEIGHT_RATIO_FULL],
+        default: undefined,
+    }),
+    sheetGrabberVisible: true,
+    headerShown: Platform.select({ ios: false, default: true }),
+    sheetCornerRadius: 16,
+};
+export function MessageReadReceiptsScreen({ route }) {
+    const styles = useStyles();
+    const navigation = useNavigation();
+    const { conversation_id, message_id } = route.params;
+    const { data: receipts, totalCount, fetchNextPage, } = useReadReceipts({ conversation_id, message_id });
+    useEffect(() => {
+        navigation.setOptions({
+            headerTitle: `Read receipts (${totalCount})`,
+        });
+    }, [totalCount, navigation]);
+    return (<View style={styles.container}>
+      <FlashList data={receipts} contentContainerStyle={styles.contentContainer} keyExtractor={item => item.id.toString()} estimatedItemSize={24} renderItem={({ item }) => (<View style={styles.receiptRow}>
+            <Avatar sourceUri={item.avatar} size="sm"/>
+            <Text variant="tertiary" numberOfLines={2} style={styles.name}>
+              {item.name}
+            </Text>
+          </View>)} ListHeaderComponent={() => PlatformListHeader({ totalCount })} ListFooterComponent={<View style={styles.footer}/>} ListEmptyComponent={<Text style={styles.emptyText}>No one has read this message yet.</Text>} onEndReached={fetchNextPage} onEndReachedThreshold={0.2}/>
+    </View>);
+}
+function PlatformListHeader({ totalCount }) {
+    const styles = useStyles();
+    return Platform.select({
+        ios: (<Heading variant="h3" style={styles.header}>
+        Read receipts ({totalCount})
+      </Heading>),
+        default: null,
+    });
+}
+const useStyles = () => {
+    const theme = useTheme();
+    const { height } = useWindowDimensions();
+    const { bottom, top } = useSafeAreaInsets();
+    const headerHeight = useHeaderHeight();
+    const containerHeight = Platform.select({
+        android: height,
+        ios: height - top - headerHeight,
+    });
+    return StyleSheet.create({
+        container: {
+            paddingHorizontal: 16,
+            backgroundColor: theme.colors.fillColorNeutral100Inverted,
+            height: containerHeight,
+            flex: 1,
+        },
+        contentContainer: {
+            paddingTop: 8,
+        },
+        header: {
+            marginTop: 16,
+            marginBottom: 8,
+        },
+        receiptRow: {
+            flexDirection: 'row',
+            alignItems: 'center',
+            gap: 8,
+            paddingVertical: 8,
+            flex: 1,
+        },
+        name: {
+            flex: 1,
+        },
+        footer: {
+            height: bottom + 40,
+        },
+        emptyText: {
+            textAlign: 'center',
+            color: '#888',
+            marginTop: 32,
+            fontSize: 16,
+        },
+        emptyContainer: {
+            flex: 1,
+            justifyContent: 'center',
+        },
+    });
+};
+//# sourceMappingURL=message_read_receipts_screen.js.map

package/build/screens/conversation/message_read_receipts_screen.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"message_read_receipts_screen.js","sourceRoot":"","sources":["../../../src/screens/conversation/message_read_receipts_screen.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useEffect } from 'react'\nimport { View, StyleSheet, useWindowDimensions, Platform } from 'react-native'\nimport { useSafeAreaInsets } from 'react-native-safe-area-context'\nimport { Avatar, Heading, Text } from '../../components'\nimport { useTheme } from '../../hooks'\nimport { StaticScreenProps, useNavigation } from '@react-navigation/native'\nimport { NativeStackNavigationOptions } from '@react-navigation/native-stack'\nimport { useReadReceipts } from '../../hooks/use_read_receipts'\nimport { FlashList } from '@shopify/flash-list'\nimport { useHeaderHeight } from '@react-navigation/elements'\n\nconst SCREEN_HEIGHT_RATIO_QUARTER = 0.25 // 25% of the screen height\nconst SCREEN_HEIGHT_RATIO_HALF = 0.5 // 50% of the screen height\nconst SCREEN_HEIGHT_RATIO_FULL = 1 // 100% of the screen height\n\nexport const MessageReadReceiptsScreenOptions: NativeStackNavigationOptions = {\n  presentation: Platform.select({ ios: 'formSheet', android: 'modal' }),\n  sheetAllowedDetents: Platform.select({\n    ios: [SCREEN_HEIGHT_RATIO_QUARTER, SCREEN_HEIGHT_RATIO_HALF, SCREEN_HEIGHT_RATIO_FULL],\n    default: undefined,\n  }),\n  sheetGrabberVisible: true,\n  headerShown: Platform.select({ ios: false, default: true }),\n  sheetCornerRadius: 16,\n}\n\nexport type MessageReadReceiptsScreenProps = StaticScreenProps<{\n  conversation_id: number\n  message_id: string\n}>\n\nexport function MessageReadReceiptsScreen({ route }: MessageReadReceiptsScreenProps) {\n  const styles = useStyles()\n  const navigation = useNavigation()\n\n  const { conversation_id, message_id } = route.params\n  const {\n    data: receipts,\n    totalCount,\n    fetchNextPage,\n  } = useReadReceipts({ conversation_id, message_id })\n\n  useEffect(() => {\n    navigation.setOptions({\n      headerTitle: `Read receipts (${totalCount})`,\n    })\n  }, [totalCount, navigation])\n\n  return (\n    <View style={styles.container}>\n      <FlashList\n        data={receipts}\n        contentContainerStyle={styles.contentContainer}\n        keyExtractor={item => item.id.toString()}\n        estimatedItemSize={24}\n        renderItem={({ item }) => (\n          <View style={styles.receiptRow}>\n            <Avatar sourceUri={item.avatar} size=\"sm\" />\n            <Text variant=\"tertiary\" numberOfLines={2} style={styles.name}>\n              {item.name}\n            </Text>\n          </View>\n        )}\n        ListHeaderComponent={() => PlatformListHeader({ totalCount })}\n        ListFooterComponent={<View style={styles.footer} />}\n        ListEmptyComponent={<Text style={styles.emptyText}>No one has read this message yet.</Text>}\n        onEndReached={fetchNextPage}\n        onEndReachedThreshold={0.2}\n      />\n    </View>\n  )\n}\n\nfunction PlatformListHeader({ totalCount }: { totalCount: number }) {\n  const styles = useStyles()\n\n  return Platform.select({\n    ios: (\n      <Heading variant=\"h3\" style={styles.header}>\n        Read receipts ({totalCount})\n      </Heading>\n    ),\n    default: null,\n  })\n}\n\nconst useStyles = () => {\n  const theme = useTheme()\n  const { height } = useWindowDimensions()\n  const { bottom, top } = useSafeAreaInsets()\n  const headerHeight = useHeaderHeight()\n\n  const containerHeight = Platform.select({\n    android: height,\n    ios: height - top - headerHeight,\n  })\n\n  return StyleSheet.create({\n    container: {\n      paddingHorizontal: 16,\n      backgroundColor: theme.colors.fillColorNeutral100Inverted,\n      height: containerHeight,\n      flex: 1,\n    },\n    contentContainer: {\n      paddingTop: 8,\n    },\n    header: {\n      marginTop: 16,\n      marginBottom: 8,\n    },\n    receiptRow: {\n      flexDirection: 'row',\n      alignItems: 'center',\n      gap: 8,\n      paddingVertical: 8,\n      flex: 1,\n    },\n    name: {\n      flex: 1,\n    },\n    footer: {\n      height: bottom + 40,\n    },\n    emptyText: {\n      textAlign: 'center',\n      color: '#888',\n      marginTop: 32,\n      fontSize: 16,\n    },\n    emptyContainer: {\n      flex: 1,\n      justifyContent: 'center',\n    },\n  })\n}\n"]}

package/build/screens/conversation_filter_recipients/conversation_filter_recipients_screen.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"conversation_filter_recipients_screen.d.ts","sourceRoot":"","sources":["../../../src/screens/conversation_filter_recipients/conversation_filter_recipients_screen.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,4BAA4B,EAAE,MAAM,gCAAgC,CAAA;AAC7E,OAAO,KAAK,MAAM,OAAO,CAAA;AAOzB,OAAO,EAAE,uCAAuC,EAAgB,MAAM,SAAS,CAAA;AAW/E,eAAO,MAAM,0CAA0C,EAAE,4BAWxD,CAAA;AAED,eAAO,MAAM,kCAAkC,OAAQ,uCAAuC,sBAmD7F,CAAA"}
+{"version":3,"file":"conversation_filter_recipients_screen.d.ts","sourceRoot":"","sources":["../../../src/screens/conversation_filter_recipients/conversation_filter_recipients_screen.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,4BAA4B,EAAE,MAAM,gCAAgC,CAAA;AAC7E,OAAO,KAAK,MAAM,OAAO,CAAA;AAOzB,OAAO,EAAE,uCAAuC,EAAgB,MAAM,SAAS,CAAA;AAW/E,eAAO,MAAM,0CAA0C,EAAE,4BAYxD,CAAA;AAED,eAAO,MAAM,kCAAkC,OAAQ,uCAAuC,sBAmD7F,CAAA"}

package/build/screens/conversation_filter_recipients/conversation_filter_recipients_screen.js

@@ -25,6 +25,7 @@ export const ConversationFilterReceipientsScreenOptions = {
     headerRight: HeaderRightWithContext,
     headerTitle: FilterHeaderTitle,
     headerTitleAlign: 'left',
+    sheetCornerRadius: 16,
 };
 export const ConversationFilterRecipientsScreen = ({}) => {
     const styles = useStyles();

package/build/screens/conversation_filter_recipients/conversation_filter_recipients_screen.js.map

@@ -1 +1 @@
-{"version":3,"file":"conversation_filter_recipients_screen.js","sourceRoot":"","sources":["../../../src/screens/conversation_filter_recipients/conversation_filter_recipients_screen.tsx"],"names":[],"mappings":"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","sourcesContent":["import { NativeStackNavigationOptions } from '@react-navigation/native-stack'\nimport React from 'react'\nimport { Platform, StyleSheet, useWindowDimensions, View } from 'react-native'\nimport { useSafeAreaInsets } from 'react-native-safe-area-context'\nimport { FlashList } from '@shopify/flash-list'\nimport { Heading } from '../../components'\nimport { useTheme } from '../../hooks'\nimport { useFlattenedArrayOfServiceTypesWithTeams } from './hooks/use_flattened_array_of_service_types_with_teams'\nimport { ConversationFilterRecipientsScreenProps, SectionTypes } from './types'\nimport { HeaderRow } from './components/header_row'\nimport { tokens } from '../../vendor/tapestry/tokens'\nimport { CheckboxRow } from './components/checkbox_row'\nimport { useHeaderHeight } from '@react-navigation/elements'\nimport { FilterRecipientsProvider } from './context/conversation_filter_recipients_context'\nimport { HeaderRightWithContext, FilterHeaderTitle } from './components/navigation_header'\nimport { useServiceTypesWithTeams } from './hooks/use_service_types_with_teams'\n\nconst SERVICE_TYPE_LABELLED_BY_PREFIX = 'header-'\n\nexport const ConversationFilterReceipientsScreenOptions: NativeStackNavigationOptions = {\n  presentation: Platform.select({ android: 'modal', ios: 'formSheet' }),\n  sheetAllowedDetents: Platform.select({\n    android: [0.75, 0.94],\n    default: [0.75, 1],\n  }),\n  sheetGrabberVisible: true,\n  headerBackVisible: false,\n  headerRight: HeaderRightWithContext,\n  headerTitle: FilterHeaderTitle,\n  headerTitleAlign: 'left',\n}\n\nexport const ConversationFilterRecipientsScreen = ({}: ConversationFilterRecipientsScreenProps) => {\n  const styles = useStyles()\n\n  const { serviceTypes } = useServiceTypesWithTeams()\n  const data = useFlattenedArrayOfServiceTypesWithTeams({\n    data: serviceTypes,\n    firstRowStyle: styles.firstRow,\n    lastRowStyle: styles.lastRow,\n  })\n\n  return (\n    <FilterRecipientsProvider>\n      <View style={styles.listWrapper}>\n        <FlashList\n          data={data}\n          ListHeaderComponent={\n            <Heading variant=\"h3\" style={styles.listHeader}>\n              Service Types\n            </Heading>\n          }\n          estimatedItemSize={50}\n          contentContainerStyle={styles.listContentContainer}\n          keyExtractor={item =>\n            `${item.type === SectionTypes.header ? item.data.serviceTypeId : item.data.teamId}`\n          }\n          renderItem={({ item }) => {\n            switch (item.type) {\n              case SectionTypes.header:\n                return (\n                  <HeaderRow\n                    data={item.data}\n                    style={item.sectionStyle}\n                    nativeID={`${SERVICE_TYPE_LABELLED_BY_PREFIX}${item.data.serviceTypeId}`}\n                  />\n                )\n              case SectionTypes.team:\n                return (\n                  <CheckboxRow\n                    data={item.data}\n                    style={item.sectionStyle}\n                    accessibilityLabelledBy={`${SERVICE_TYPE_LABELLED_BY_PREFIX}${item.data.serviceTypeId}`}\n                  />\n                )\n              default:\n                return null\n            }\n          }}\n        />\n      </View>\n    </FilterRecipientsProvider>\n  )\n}\n\nconst useStyles = () => {\n  const { colors } = useTheme()\n  const { top, bottom } = useSafeAreaInsets()\n  const { height } = useWindowDimensions()\n  const headerHeight = useHeaderHeight()\n\n  const containerHeight = Platform.select({\n    android: height,\n    ios: height - top - headerHeight,\n  })\n\n  return StyleSheet.create({\n    listWrapper: {\n      flex: 1,\n      height: containerHeight,\n      backgroundColor: colors.surfaceColor080,\n    },\n    listContentContainer: {\n      padding: 16,\n      paddingBottom: bottom,\n    },\n    listHeader: {\n      paddingBottom: 16,\n    },\n    firstRow: {\n      borderTopStartRadius: tokens.borderRadiusLg,\n      borderTopEndRadius: tokens.borderRadiusLg,\n    },\n    lastRow: {\n      borderBottomStartRadius: tokens.borderRadiusLg,\n      borderBottomEndRadius: tokens.borderRadiusLg,\n      marginBottom: 16,\n    },\n  })\n}\n"]}
+{"version":3,"file":"conversation_filter_recipients_screen.js","sourceRoot":"","sources":["../../../src/screens/conversation_filter_recipients/conversation_filter_recipients_screen.tsx"],"names":[],"mappings":"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","sourcesContent":["import { NativeStackNavigationOptions } from '@react-navigation/native-stack'\nimport React from 'react'\nimport { Platform, StyleSheet, useWindowDimensions, View } from 'react-native'\nimport { useSafeAreaInsets } from 'react-native-safe-area-context'\nimport { FlashList } from '@shopify/flash-list'\nimport { Heading } from '../../components'\nimport { useTheme } from '../../hooks'\nimport { useFlattenedArrayOfServiceTypesWithTeams } from './hooks/use_flattened_array_of_service_types_with_teams'\nimport { ConversationFilterRecipientsScreenProps, SectionTypes } from './types'\nimport { HeaderRow } from './components/header_row'\nimport { tokens } from '../../vendor/tapestry/tokens'\nimport { CheckboxRow } from './components/checkbox_row'\nimport { useHeaderHeight } from '@react-navigation/elements'\nimport { FilterRecipientsProvider } from './context/conversation_filter_recipients_context'\nimport { HeaderRightWithContext, FilterHeaderTitle } from './components/navigation_header'\nimport { useServiceTypesWithTeams } from './hooks/use_service_types_with_teams'\n\nconst SERVICE_TYPE_LABELLED_BY_PREFIX = 'header-'\n\nexport const ConversationFilterReceipientsScreenOptions: NativeStackNavigationOptions = {\n  presentation: Platform.select({ android: 'modal', ios: 'formSheet' }),\n  sheetAllowedDetents: Platform.select({\n    android: [0.75, 0.94],\n    default: [0.75, 1],\n  }),\n  sheetGrabberVisible: true,\n  headerBackVisible: false,\n  headerRight: HeaderRightWithContext,\n  headerTitle: FilterHeaderTitle,\n  headerTitleAlign: 'left',\n  sheetCornerRadius: 16,\n}\n\nexport const ConversationFilterRecipientsScreen = ({}: ConversationFilterRecipientsScreenProps) => {\n  const styles = useStyles()\n\n  const { serviceTypes } = useServiceTypesWithTeams()\n  const data = useFlattenedArrayOfServiceTypesWithTeams({\n    data: serviceTypes,\n    firstRowStyle: styles.firstRow,\n    lastRowStyle: styles.lastRow,\n  })\n\n  return (\n    <FilterRecipientsProvider>\n      <View style={styles.listWrapper}>\n        <FlashList\n          data={data}\n          ListHeaderComponent={\n            <Heading variant=\"h3\" style={styles.listHeader}>\n              Service Types\n            </Heading>\n          }\n          estimatedItemSize={50}\n          contentContainerStyle={styles.listContentContainer}\n          keyExtractor={item =>\n            `${item.type === SectionTypes.header ? item.data.serviceTypeId : item.data.teamId}`\n          }\n          renderItem={({ item }) => {\n            switch (item.type) {\n              case SectionTypes.header:\n                return (\n                  <HeaderRow\n                    data={item.data}\n                    style={item.sectionStyle}\n                    nativeID={`${SERVICE_TYPE_LABELLED_BY_PREFIX}${item.data.serviceTypeId}`}\n                  />\n                )\n              case SectionTypes.team:\n                return (\n                  <CheckboxRow\n                    data={item.data}\n                    style={item.sectionStyle}\n                    accessibilityLabelledBy={`${SERVICE_TYPE_LABELLED_BY_PREFIX}${item.data.serviceTypeId}`}\n                  />\n                )\n              default:\n                return null\n            }\n          }}\n        />\n      </View>\n    </FilterRecipientsProvider>\n  )\n}\n\nconst useStyles = () => {\n  const { colors } = useTheme()\n  const { top, bottom } = useSafeAreaInsets()\n  const { height } = useWindowDimensions()\n  const headerHeight = useHeaderHeight()\n\n  const containerHeight = Platform.select({\n    android: height,\n    ios: height - top - headerHeight,\n  })\n\n  return StyleSheet.create({\n    listWrapper: {\n      flex: 1,\n      height: containerHeight,\n      backgroundColor: colors.surfaceColor080,\n    },\n    listContentContainer: {\n      padding: 16,\n      paddingBottom: bottom,\n    },\n    listHeader: {\n      paddingBottom: 16,\n    },\n    firstRow: {\n      borderTopStartRadius: tokens.borderRadiusLg,\n      borderTopEndRadius: tokens.borderRadiusLg,\n    },\n    lastRow: {\n      borderBottomStartRadius: tokens.borderRadiusLg,\n      borderBottomEndRadius: tokens.borderRadiusLg,\n      marginBottom: 16,\n    },\n  })\n}\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"conversation_filters_screen.d.ts","sourceRoot":"","sources":["../../src/screens/conversation_filters_screen.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,4BAA4B,EAC7B,MAAM,gCAAgC,CAAA;AACvC,OAAO,KAAK,MAAM,OAAO,CAAA;AAUzB,OAAO,EACL,8BAA8B,EAE/B,MAAM,qCAAqC,CAAA;AA8B5C,eAAO,MAAM,gCAAgC,EAAE,4BAW9C,CAAA;AAoCD,eAAO,MAAM,yBAAyB,WAAY,8BAA8B,sBAU/E,CAAA"}
+{"version":3,"file":"conversation_filters_screen.d.ts","sourceRoot":"","sources":["../../src/screens/conversation_filters_screen.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,4BAA4B,EAC7B,MAAM,gCAAgC,CAAA;AACvC,OAAO,KAAK,MAAM,OAAO,CAAA;AAUzB,OAAO,EACL,8BAA8B,EAE/B,MAAM,qCAAqC,CAAA;AA8B5C,eAAO,MAAM,gCAAgC,EAAE,4BAY9C,CAAA;AAoCD,eAAO,MAAM,yBAAyB,WAAY,8BAA8B,sBAU/E,CAAA"}

package/build/screens/conversation_filters_screen.js

@@ -39,6 +39,7 @@ export const ConversationFiltersScreenOptions = {
     headerRight: HeaderRightWithContext,
     headerTitle: FilterHeaderTitle,
     headerTitleAlign: 'left',
+    sheetCornerRadius: 16,
 };
 const FilterNavigator = createNativeStackNavigator({
     initialRouteName: 'Filters',

package/build/screens/conversation_filters_screen.js.map

@@ -1 +1 @@
-{"version":3,"file":"conversation_filters_screen.js","sourceRoot":"","sources":["../../src/screens/conversation_filters_screen.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAoB,eAAe,EAAE,MAAM,4BAA4B,CAAA;AAC3F,OAAO,EAAE,kCAAkC,EAAa,QAAQ,EAAE,MAAM,0BAA0B,CAAA;AAClG,OAAO,EACL,0BAA0B,GAE3B,MAAM,gCAAgC,CAAA;AACvC,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,mBAAmB,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAC9E,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AAClE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAClD,OAAO,EACL,aAAa,EACb,cAAc,GACf,MAAM,4DAA4D,CAAA;AACnE,OAAO,EAAE,mBAAmB,EAAE,MAAM,wDAAwD,CAAA;AAC5F,OAAO,EAAE,YAAY,EAAE,MAAM,sCAAsC,CAAA;AAKnE,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA;AACnC,OAAO,EAAE,WAAW,EAAE,MAAM,qCAAqC,CAAA;AAEjE,MAAM,iBAAiB,GAAG,CAAC,EAAE,SAAS,EAAoB,EAAE,EAAE;IAC5D,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAC1B,OAAO,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,WAAW,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC,CAAC,OAAO,EAAE,WAAW,CAAC,CAAA;AAC9F,CAAC,CAAA;AAED,MAAM,WAAW,GAAG,GAAG,EAAE;IACvB,MAAM,EAAE,WAAW,EAAE,YAAY,EAAE,GAAG,KAAK,CAAC,UAAU,CAAC,aAAa,CAAC,CAAA;IACrE,MAAM,KAAK,GAAG,QAAQ,EAAsD,CAAA;IAC5E,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAE1B,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,WAAW,CAAC,CAC9B;MAAA,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,CAAC,KAAK,EAAE,UAAU,CACnD;MAAA,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,EAClE;IAAA,EAAE,IAAI,CAAC,CACR,CAAA;AACH,CAAC,CAAA;AAED,MAAM,sBAAsB,GAAG,GAAG,EAAE;IAClC,OAAO,CACL,CAAC,cAAc,CACb;MAAA,CAAC,WAAW,CAAC,AAAD,EACd;IAAA,EAAE,cAAc,CAAC,CAClB,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,gCAAgC,GAAiC;IAC5E,YAAY,EAAE,QAAQ,CAAC,MAAM,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,EAAE,WAAW,EAAE,CAAC;IACrE,mBAAmB,EAAE,QAAQ,CAAC,MAAM,CAAC;QACnC,OAAO,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC;QACrB,OAAO,EAAE,CAAC,IAAI,EAAE,CAAC,CAAC;KACnB,CAAC;IACF,mBAAmB,EAAE,IAAI;IACzB,iBAAiB,EAAE,KAAK;IACxB,WAAW,EAAE,sBAAsB;IACnC,WAAW,EAAE,iBAAiB;IAC9B,gBAAgB,EAAE,MAAM;CACzB,CAAA;AAED,MAAM,eAAe,GAAG,0BAA0B,CAAmC;IACnF,gBAAgB,EAAE,SAAS;IAC3B,OAAO,EAAE;QACP,OAAO,EAAE;YACP,MAAM,EAAE,mBAAmB;YAC3B,OAAO,EAAE;gBACP,WAAW,EAAE,KAAK;aACnB;SACF;QACD,YAAY,EAAE;YACZ,MAAM,EAAE,YAAY;YACpB,OAAO,EAAE;gBACP,WAAW,EAAE,QAAQ,CAAC,MAAM,CAAC;oBAC3B,OAAO,EAAE,QAAQ;oBACjB,GAAG,EAAE,EAAE;iBACR,CAAC;gBACF,eAAe,EAAE,QAAQ;aAC1B;SACF;QACD,WAAW,EAAE;YACX,MAAM,EAAE,WAAW;YACnB,OAAO,EAAE;gBACP,WAAW,EAAE,QAAQ,CAAC,MAAM,CAAC;oBAC3B,OAAO,EAAE,OAAO;oBAChB,GAAG,EAAE,EAAE;iBACR,CAAC;gBACF,eAAe,EAAE,OAAO;aACzB;SACF;KACF;CACF,CAAC,CAAA;AAEF,MAAM,OAAO,GAAG,kCAAkC,CAAC,eAAe,EAAE,SAAS,CAAC,CAAA;AAE9E,MAAM,CAAC,MAAM,yBAAyB,GAAG,CAAC,MAAsC,EAAE,EAAE;IAClF,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAE1B,OAAO,CACL,CAAC,cAAc,CACb;MAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAC5B;QAAA,CAAC,OAAO,CAAC,AAAD,EACV;MAAA,EAAE,IAAI,CACR;IAAA,EAAE,cAAc,CAAC,CAClB,CAAA;AACH,CAAC,CAAA;AAED,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,EAAE,GAAG,EAAE,GAAG,iBAAiB,EAAE,CAAA;IACnC,MAAM,EAAE,MAAM,EAAE,GAAG,mBAAmB,EAAE,CAAA;IACxC,MAAM,YAAY,GAAG,eAAe,EAAE,CAAA;IACtC,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IAExB,MAAM,eAAe,GAAG,QAAQ,CAAC,MAAM,CAAC;QACtC,OAAO,EAAE,MAAM;QACf,GAAG,EAAE,MAAM,GAAG,GAAG,GAAG,YAAY;KACjC,CAAC,CAAA;IAEF,OAAO,UAAU,CAAC,MAAM,CAAC;QACvB,SAAS,EAAE;YACT,MAAM,EAAE,eAAe;YACvB,IAAI,EAAE,CAAC;SACR;QACD,WAAW,EAAE;YACX,SAAS,EAAE,MAAM;YACjB,IAAI,EAAE,CAAC;SACR;QACD,SAAS,EAAE;YACT,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,2BAA2B;YACzD,aAAa,EAAE,KAAK;YACpB,cAAc,EAAE,eAAe;YAC/B,UAAU,EAAE,QAAQ;YACpB,iBAAiB,EAAE,EAAE;YACrB,eAAe,EAAE,EAAE;YACnB,GAAG,EAAE,CAAC;SACP;QACD,eAAe,EAAE;YACf,SAAS,EAAE,CAAC;YACZ,SAAS,EAAE,gCAAgC;SAC5C;QACD,gBAAgB,EAAE;YAChB,aAAa,EAAE,KAAK;YACpB,GAAG,EAAE,CAAC;YACN,UAAU,EAAE,QAAQ;SACrB;QACD,WAAW,EAAE;YACX,aAAa,EAAE,KAAK;YACpB,GAAG,EAAE,CAAC;YACN,UAAU,EAAE,QAAQ;SACrB;KACF,CAAC,CAAA;AACJ,CAAC,CAAA","sourcesContent":["import { HeaderTitle, HeaderTitleProps, useHeaderHeight } from '@react-navigation/elements'\nimport { createComponentForStaticNavigation, RouteProp, useRoute } from '@react-navigation/native'\nimport {\n  createNativeStackNavigator,\n  NativeStackNavigationOptions,\n} from '@react-navigation/native-stack'\nimport React from 'react'\nimport { Platform, StyleSheet, useWindowDimensions, View } from 'react-native'\nimport { useSafeAreaInsets } from 'react-native-safe-area-context'\nimport { Button, TextButton } from '../components'\nimport {\n  FilterContext,\n  FilterProvider,\n} from './conversation_filters/context/conversation_filter_context'\nimport { ConversationFilters } from './conversation_filters/components/conversation_filters'\nimport { GroupFilters } from './conversation_filters/group_filters'\nimport {\n  ConversationFiltersScreenProps,\n  ConversationFilterStackParamList,\n} from './conversation_filters/screen_props'\nimport { useTheme } from '../hooks'\nimport { TeamFilters } from './conversation_filters/team_filters'\n\nconst FilterHeaderTitle = ({ tintColor }: HeaderTitleProps) => {\n  const styles = useStyles()\n  return <HeaderTitle style={[styles.headerTitle, { color: tintColor }]}>Filters</HeaderTitle>\n}\n\nconst HeaderRight = () => {\n  const { resetFilter, applyFilters } = React.useContext(FilterContext)\n  const route = useRoute<RouteProp<ConversationFiltersScreenProps['route']>>()\n  const styles = useStyles()\n\n  return (\n    <View style={styles.headerRight}>\n      <TextButton onPress={resetFilter}>Reset</TextButton>\n      <Button title=\"Apply\" onPress={() => applyFilters(route.params)} />\n    </View>\n  )\n}\n\nconst HeaderRightWithContext = () => {\n  return (\n    <FilterProvider>\n      <HeaderRight />\n    </FilterProvider>\n  )\n}\n\nexport const ConversationFiltersScreenOptions: NativeStackNavigationOptions = {\n  presentation: Platform.select({ android: 'modal', ios: 'formSheet' }),\n  sheetAllowedDetents: Platform.select({\n    android: [0.75, 0.94],\n    default: [0.75, 1],\n  }),\n  sheetGrabberVisible: true,\n  headerBackVisible: false,\n  headerRight: HeaderRightWithContext,\n  headerTitle: FilterHeaderTitle,\n  headerTitleAlign: 'left',\n}\n\nconst FilterNavigator = createNativeStackNavigator<ConversationFilterStackParamList>({\n  initialRouteName: 'Filters',\n  screens: {\n    Filters: {\n      screen: ConversationFilters,\n      options: {\n        headerShown: false,\n      },\n    },\n    GroupFilters: {\n      screen: GroupFilters,\n      options: {\n        headerTitle: Platform.select({\n          android: 'Groups',\n          ios: '',\n        }),\n        headerBackTitle: 'Groups',\n      },\n    },\n    TeamFilters: {\n      screen: TeamFilters,\n      options: {\n        headerTitle: Platform.select({\n          android: 'Teams',\n          ios: '',\n        }),\n        headerBackTitle: 'Teams',\n      },\n    },\n  },\n})\n\nconst Filters = createComponentForStaticNavigation(FilterNavigator, 'Filters')\n\nexport const ConversationFiltersScreen = (_props: ConversationFiltersScreenProps) => {\n  const styles = useStyles()\n\n  return (\n    <FilterProvider>\n      <View style={styles.container}>\n        <Filters />\n      </View>\n    </FilterProvider>\n  )\n}\n\nconst useStyles = () => {\n  const { top } = useSafeAreaInsets()\n  const { height } = useWindowDimensions()\n  const headerHeight = useHeaderHeight()\n  const theme = useTheme()\n\n  const containerHeight = Platform.select({\n    android: height,\n    ios: height - top - headerHeight,\n  })\n\n  return StyleSheet.create({\n    container: {\n      height: containerHeight,\n      flex: 1,\n    },\n    headerTitle: {\n      textAlign: 'left',\n      flex: 1,\n    },\n    filterBar: {\n      backgroundColor: theme.colors.fillColorNeutral100Inverted,\n      flexDirection: 'row',\n      justifyContent: 'space-between',\n      alignItems: 'center',\n      paddingHorizontal: 16,\n      paddingVertical: 16,\n      gap: 8,\n    },\n    filterBarScroll: {\n      elevation: 4,\n      boxShadow: '0px 4px 4px rgba(0, 0, 0, 0.1)',\n    },\n    filterBarActions: {\n      flexDirection: 'row',\n      gap: 8,\n      alignItems: 'center',\n    },\n    headerRight: {\n      flexDirection: 'row',\n      gap: 8,\n      alignItems: 'center',\n    },\n  })\n}\n"]}
+{"version":3,"file":"conversation_filters_screen.js","sourceRoot":"","sources":["../../src/screens/conversation_filters_screen.tsx"],"names":[],"mappings":"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","sourcesContent":["import { HeaderTitle, HeaderTitleProps, useHeaderHeight } from '@react-navigation/elements'\nimport { createComponentForStaticNavigation, RouteProp, useRoute } from '@react-navigation/native'\nimport {\n  createNativeStackNavigator,\n  NativeStackNavigationOptions,\n} from '@react-navigation/native-stack'\nimport React from 'react'\nimport { Platform, StyleSheet, useWindowDimensions, View } from 'react-native'\nimport { useSafeAreaInsets } from 'react-native-safe-area-context'\nimport { Button, TextButton } from '../components'\nimport {\n  FilterContext,\n  FilterProvider,\n} from './conversation_filters/context/conversation_filter_context'\nimport { ConversationFilters } from './conversation_filters/components/conversation_filters'\nimport { GroupFilters } from './conversation_filters/group_filters'\nimport {\n  ConversationFiltersScreenProps,\n  ConversationFilterStackParamList,\n} from './conversation_filters/screen_props'\nimport { useTheme } from '../hooks'\nimport { TeamFilters } from './conversation_filters/team_filters'\n\nconst FilterHeaderTitle = ({ tintColor }: HeaderTitleProps) => {\n  const styles = useStyles()\n  return <HeaderTitle style={[styles.headerTitle, { color: tintColor }]}>Filters</HeaderTitle>\n}\n\nconst HeaderRight = () => {\n  const { resetFilter, applyFilters } = React.useContext(FilterContext)\n  const route = useRoute<RouteProp<ConversationFiltersScreenProps['route']>>()\n  const styles = useStyles()\n\n  return (\n    <View style={styles.headerRight}>\n      <TextButton onPress={resetFilter}>Reset</TextButton>\n      <Button title=\"Apply\" onPress={() => applyFilters(route.params)} />\n    </View>\n  )\n}\n\nconst HeaderRightWithContext = () => {\n  return (\n    <FilterProvider>\n      <HeaderRight />\n    </FilterProvider>\n  )\n}\n\nexport const ConversationFiltersScreenOptions: NativeStackNavigationOptions = {\n  presentation: Platform.select({ android: 'modal', ios: 'formSheet' }),\n  sheetAllowedDetents: Platform.select({\n    android: [0.75, 0.94],\n    default: [0.75, 1],\n  }),\n  sheetGrabberVisible: true,\n  headerBackVisible: false,\n  headerRight: HeaderRightWithContext,\n  headerTitle: FilterHeaderTitle,\n  headerTitleAlign: 'left',\n  sheetCornerRadius: 16,\n}\n\nconst FilterNavigator = createNativeStackNavigator<ConversationFilterStackParamList>({\n  initialRouteName: 'Filters',\n  screens: {\n    Filters: {\n      screen: ConversationFilters,\n      options: {\n        headerShown: false,\n      },\n    },\n    GroupFilters: {\n      screen: GroupFilters,\n      options: {\n        headerTitle: Platform.select({\n          android: 'Groups',\n          ios: '',\n        }),\n        headerBackTitle: 'Groups',\n      },\n    },\n    TeamFilters: {\n      screen: TeamFilters,\n      options: {\n        headerTitle: Platform.select({\n          android: 'Teams',\n          ios: '',\n        }),\n        headerBackTitle: 'Teams',\n      },\n    },\n  },\n})\n\nconst Filters = createComponentForStaticNavigation(FilterNavigator, 'Filters')\n\nexport const ConversationFiltersScreen = (_props: ConversationFiltersScreenProps) => {\n  const styles = useStyles()\n\n  return (\n    <FilterProvider>\n      <View style={styles.container}>\n        <Filters />\n      </View>\n    </FilterProvider>\n  )\n}\n\nconst useStyles = () => {\n  const { top } = useSafeAreaInsets()\n  const { height } = useWindowDimensions()\n  const headerHeight = useHeaderHeight()\n  const theme = useTheme()\n\n  const containerHeight = Platform.select({\n    android: height,\n    ios: height - top - headerHeight,\n  })\n\n  return StyleSheet.create({\n    container: {\n      height: containerHeight,\n      flex: 1,\n    },\n    headerTitle: {\n      textAlign: 'left',\n      flex: 1,\n    },\n    filterBar: {\n      backgroundColor: theme.colors.fillColorNeutral100Inverted,\n      flexDirection: 'row',\n      justifyContent: 'space-between',\n      alignItems: 'center',\n      paddingHorizontal: 16,\n      paddingVertical: 16,\n      gap: 8,\n    },\n    filterBarScroll: {\n      elevation: 4,\n      boxShadow: '0px 4px 4px rgba(0, 0, 0, 0.1)',\n    },\n    filterBarActions: {\n      flexDirection: 'row',\n      gap: 8,\n      alignItems: 'center',\n    },\n    headerRight: {\n      flexDirection: 'row',\n      gap: 8,\n      alignItems: 'center',\n    },\n  })\n}\n"]}

package/build/screens/conversation_new/components/filter_by_plan.d.ts

@@ -0,0 +1,25 @@
+import React from 'react';
+interface FilterByPlanProps {
+    teamIds: number[];
+    selectedPlanId?: number;
+    serviceTypeName?: string;
+    onPlanSelect: (planId: number | undefined) => void;
+}
+interface FilterByPlanFieldProps {
+    teamIds: number[];
+    planId?: number;
+    onOpenModal: () => void;
+}
+interface FilterByPlanModalProps {
+    visible: boolean;
+    onClose: () => void;
+    teamIds: number[];
+    selectedPlanId?: number;
+    serviceTypeName?: string;
+    onPlanSelect: (planId: number | undefined) => void;
+}
+export declare function FilterByPlan({ teamIds, selectedPlanId, serviceTypeName, onPlanSelect, }: FilterByPlanProps): React.JSX.Element;
+export declare function FilterByPlanField({ teamIds, planId, onOpenModal }: FilterByPlanFieldProps): React.JSX.Element;
+export declare function FilterByPlanModal({ visible, onClose, teamIds, selectedPlanId, serviceTypeName, onPlanSelect, }: FilterByPlanModalProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=filter_by_plan.d.ts.map

package/build/screens/conversation_new/components/filter_by_plan.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"filter_by_plan.d.ts","sourceRoot":"","sources":["../../../../src/screens/conversation_new/components/filter_by_plan.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAevC,UAAU,iBAAiB;IACzB,OAAO,EAAE,MAAM,EAAE,CAAA;IACjB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,YAAY,EAAE,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAA;CACnD;AAED,UAAU,sBAAsB;IAC9B,OAAO,EAAE,MAAM,EAAE,CAAA;IACjB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,WAAW,EAAE,MAAM,IAAI,CAAA;CACxB;AAED,UAAU,sBAAsB;IAC9B,OAAO,EAAE,OAAO,CAAA;IAChB,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,OAAO,EAAE,MAAM,EAAE,CAAA;IACjB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,YAAY,EAAE,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAA;CACnD;AAYD,wBAAgB,YAAY,CAAC,EAC3B,OAAO,EACP,cAAc,EACd,eAAe,EACf,YAAY,GACb,EAAE,iBAAiB,qBAuBnB;AAMD,wBAAgB,iBAAiB,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,EAAE,sBAAsB,qBA+CzF;AAED,wBAAgB,iBAAiB,CAAC,EAChC,OAAO,EACP,OAAO,EACP,OAAO,EACP,cAAc,EACd,eAAe,EACf,YAAY,GACb,EAAE,sBAAsB,qBAgDxB"}

package/build/screens/conversation_new/components/filter_by_plan.js

@@ -0,0 +1,148 @@
+import React, { useState } from 'react';
+import { StyleSheet, View, Modal, FlatList, Platform } from 'react-native';
+import { Header, PlatformPressable } from '@react-navigation/elements';
+import { Banner, Icon, Spinner, Text, Heading } from '../../../components';
+import { HeaderCancelButton } from '../../../components/display/platform_modal_header_buttons';
+import { useTeamPlans } from '../../../hooks/services/use_team_plans';
+import { useTheme } from '../../../hooks';
+import { tokens } from '../../../vendor/tapestry/tokens';
+import { useSafeAreaInsets } from 'react-native-safe-area-context';
+import { DefaultLoading } from '../../../components/page/loading';
+// ==========================================
+// Main Component
+// ==========================================
+export function FilterByPlan({ teamIds, selectedPlanId, serviceTypeName, onPlanSelect, }) {
+    const [modalVisible, setModalVisible] = useState(false);
+    return (<>
+      <FilterByPlanField teamIds={teamIds} planId={selectedPlanId} onOpenModal={() => setModalVisible(true)}/>
+      <FilterByPlanModal visible={modalVisible} onClose={() => setModalVisible(false)} teamIds={teamIds} selectedPlanId={selectedPlanId} serviceTypeName={serviceTypeName} onPlanSelect={planId => {
+            onPlanSelect(planId);
+            setModalVisible(false);
+        }}/>
+    </>);
+}
+// ==========================================
+// Sub-components
+// ==========================================
+export function FilterByPlanField({ teamIds, planId, onOpenModal }) {
+    const styles = useStyles();
+    const { planOptions, isFetching, isError } = useTeamPlans({ teamIds });
+    if (isFetching) {
+        return (<View style={styles.spinnerContainer}>
+        <Spinner size={20}/>
+      </View>);
+    }
+    if (isError) {
+        return (<Banner appearance="error" description="An error occurred while fetching plans. Please try again."/>);
+    }
+    if (!planOptions || planOptions.length === 0) {
+        return (<Banner appearance="neutral" description="No plans available with the selected service type."/>);
+    }
+    const selectedPlan = planOptions.find(plan => plan.value === planId);
+    const buttonText = selectedPlan ? selectedPlan.name : 'Select a plan';
+    return (<PlatformPressable style={styles.selectButton} onPress={onOpenModal} accessibilityRole="button" accessibilityLabel={`Selected plan: ${buttonText}`} accessibilityHint="Opens plan selection">
+      <Text style={styles.buttonText} numberOfLines={1}>
+        {buttonText}
+      </Text>
+      <Icon name="general.downChevron" size={16} style={styles.chevronIcon}/>
+    </PlatformPressable>);
+}
+export function FilterByPlanModal({ visible, onClose, teamIds, selectedPlanId, serviceTypeName, onPlanSelect, }) {
+    const styles = useStyles();
+    const { planOptions, isFetching } = useTeamPlans({ teamIds });
+    return (<Modal visible={visible} animationType="slide" presentationStyle="pageSheet" onRequestClose={onClose}>
+      <View style={styles.modalContainer}>
+        <Header title="Select a plan" headerRight={createStableHeaderRight(onClose)} headerRightContainerStyle={styles.modalHeaderRightContainer}/>
+
+        {isFetching && <DefaultLoading />}
+
+        {planOptions && planOptions.length > 0 && (<FlatList data={planOptions} contentContainerStyle={styles.listContainer} ListHeaderComponentStyle={styles.listHeader} ListHeaderComponent={<Heading variant="h3" numberOfLines={1}>
+                {serviceTypeName}
+              </Heading>} keyExtractor={item => item.value.toString()} renderItem={({ item }) => {
+                const isSelected = item.value === selectedPlanId;
+                return (<OptionItem plan={item} isSelected={isSelected} onPress={() => onPlanSelect(isSelected ? undefined : item.value)}/>);
+            }} showsVerticalScrollIndicator={false}/>)}
+      </View>
+    </Modal>);
+}
+// ==========================================
+// Helper Components
+// ==========================================
+const createStableHeaderRight = (onClose) => () => (<HeaderCancelButton onPress={onClose} title="Cancel"/>);
+function OptionItem({ plan, isSelected, onPress }) {
+    const styles = useStyles();
+    return (<PlatformPressable style={styles.optionItem} onPress={onPress} accessibilityRole="radio" accessibilityState={{ selected: isSelected }} accessibilityLabel={plan.name}>
+      <Text style={styles.optionText} numberOfLines={1}>
+        {plan.name}
+      </Text>
+      {isSelected && <Icon name="general.check" size={16} style={styles.checkIcon}/>}
+    </PlatformPressable>);
+}
+// ==========================================
+// Styles
+// ==========================================
+const useStyles = () => {
+    const { colors } = useTheme();
+    const { bottom } = useSafeAreaInsets();
+    return StyleSheet.create({
+        spinnerContainer: {
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'center',
+            minHeight: 44,
+        },
+        selectButton: {
+            flexDirection: 'row',
+            alignItems: 'center',
+            justifyContent: 'space-between',
+            paddingHorizontal: 16,
+            paddingVertical: 12,
+            backgroundColor: colors.surfaceColor100,
+            borderWidth: 1,
+            borderColor: colors.borderColorDefaultBase,
+            borderRadius: tokens.borderRadiusRound,
+            minHeight: 44,
+        },
+        buttonText: {
+            flex: 1,
+            color: colors.textColorDefaultPrimary,
+        },
+        chevronIcon: {
+            color: colors.iconColorDefaultSecondary,
+            marginLeft: 8,
+        },
+        modalContainer: {
+            backgroundColor: colors.surfaceColor100,
+            flex: 1,
+        },
+        modalHeaderRightContainer: {
+            paddingRight: Platform.select({ ios: 20, android: 0 }),
+        },
+        listContainer: {
+            paddingBottom: bottom + 16,
+        },
+        listHeader: {
+            paddingHorizontal: 16,
+            paddingTop: 24,
+            paddingBottom: 12,
+        },
+        optionItem: {
+            flexDirection: 'row',
+            alignItems: 'center',
+            justifyContent: 'space-between',
+            paddingHorizontal: 16,
+            paddingVertical: 16,
+            borderBottomWidth: 1,
+            borderBottomColor: colors.borderColorDefaultDim,
+        },
+        optionText: {
+            flex: 1,
+            color: colors.textColorDefaultPrimary,
+        },
+        checkIcon: {
+            color: colors.statusSuccessIcon,
+            marginLeft: 8,
+        },
+    });
+};
+//# sourceMappingURL=filter_by_plan.js.map

package/build/screens/conversation_new/components/filter_by_plan.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"filter_by_plan.js","sourceRoot":"","sources":["../../../../src/screens/conversation_new/components/filter_by_plan.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useState } from 'react'\nimport { StyleSheet, View, Modal, FlatList, Platform } from 'react-native'\nimport { Header, PlatformPressable } from '@react-navigation/elements'\nimport { Banner, Icon, Spinner, Text, Heading } from '../../../components'\nimport { HeaderCancelButton } from '../../../components/display/platform_modal_header_buttons'\nimport { useTeamPlans } from '../../../hooks/services/use_team_plans'\nimport { useTheme } from '../../../hooks'\nimport { tokens } from '../../../vendor/tapestry/tokens'\nimport { useSafeAreaInsets } from 'react-native-safe-area-context'\nimport { DefaultLoading } from '../../../components/page/loading'\n\n// ==========================================\n// Interfaces\n// ==========================================\n\ninterface FilterByPlanProps {\n  teamIds: number[]\n  selectedPlanId?: number\n  serviceTypeName?: string\n  onPlanSelect: (planId: number | undefined) => void\n}\n\ninterface FilterByPlanFieldProps {\n  teamIds: number[]\n  planId?: number\n  onOpenModal: () => void\n}\n\ninterface FilterByPlanModalProps {\n  visible: boolean\n  onClose: () => void\n  teamIds: number[]\n  selectedPlanId?: number\n  serviceTypeName?: string\n  onPlanSelect: (planId: number | undefined) => void\n}\n\ninterface OptionItemProps {\n  plan: { value: number; name: string }\n  isSelected: boolean\n  onPress: () => void\n}\n\n// ==========================================\n// Main Component\n// ==========================================\n\nexport function FilterByPlan({\n  teamIds,\n  selectedPlanId,\n  serviceTypeName,\n  onPlanSelect,\n}: FilterByPlanProps) {\n  const [modalVisible, setModalVisible] = useState(false)\n\n  return (\n    <>\n      <FilterByPlanField\n        teamIds={teamIds}\n        planId={selectedPlanId}\n        onOpenModal={() => setModalVisible(true)}\n      />\n      <FilterByPlanModal\n        visible={modalVisible}\n        onClose={() => setModalVisible(false)}\n        teamIds={teamIds}\n        selectedPlanId={selectedPlanId}\n        serviceTypeName={serviceTypeName}\n        onPlanSelect={planId => {\n          onPlanSelect(planId)\n          setModalVisible(false)\n        }}\n      />\n    </>\n  )\n}\n\n// ==========================================\n// Sub-components\n// ==========================================\n\nexport function FilterByPlanField({ teamIds, planId, onOpenModal }: FilterByPlanFieldProps) {\n  const styles = useStyles()\n  const { planOptions, isFetching, isError } = useTeamPlans({ teamIds })\n\n  if (isFetching) {\n    return (\n      <View style={styles.spinnerContainer}>\n        <Spinner size={20} />\n      </View>\n    )\n  }\n\n  if (isError) {\n    return (\n      <Banner\n        appearance=\"error\"\n        description=\"An error occurred while fetching plans. Please try again.\"\n      />\n    )\n  }\n\n  if (!planOptions || planOptions.length === 0) {\n    return (\n      <Banner\n        appearance=\"neutral\"\n        description=\"No plans available with the selected service type.\"\n      />\n    )\n  }\n\n  const selectedPlan = planOptions.find(plan => plan.value === planId)\n  const buttonText = selectedPlan ? selectedPlan.name : 'Select a plan'\n\n  return (\n    <PlatformPressable\n      style={styles.selectButton}\n      onPress={onOpenModal}\n      accessibilityRole=\"button\"\n      accessibilityLabel={`Selected plan: ${buttonText}`}\n      accessibilityHint=\"Opens plan selection\"\n    >\n      <Text style={styles.buttonText} numberOfLines={1}>\n        {buttonText}\n      </Text>\n      <Icon name=\"general.downChevron\" size={16} style={styles.chevronIcon} />\n    </PlatformPressable>\n  )\n}\n\nexport function FilterByPlanModal({\n  visible,\n  onClose,\n  teamIds,\n  selectedPlanId,\n  serviceTypeName,\n  onPlanSelect,\n}: FilterByPlanModalProps) {\n  const styles = useStyles()\n  const { planOptions, isFetching } = useTeamPlans({ teamIds })\n\n  return (\n    <Modal\n      visible={visible}\n      animationType=\"slide\"\n      presentationStyle=\"pageSheet\"\n      onRequestClose={onClose}\n    >\n      <View style={styles.modalContainer}>\n        <Header\n          title=\"Select a plan\"\n          headerRight={createStableHeaderRight(onClose)}\n          headerRightContainerStyle={styles.modalHeaderRightContainer}\n        />\n\n        {isFetching && <DefaultLoading />}\n\n        {planOptions && planOptions.length > 0 && (\n          <FlatList\n            data={planOptions}\n            contentContainerStyle={styles.listContainer}\n            ListHeaderComponentStyle={styles.listHeader}\n            ListHeaderComponent={\n              <Heading variant=\"h3\" numberOfLines={1}>\n                {serviceTypeName}\n              </Heading>\n            }\n            keyExtractor={item => item.value.toString()}\n            renderItem={({ item }) => {\n              const isSelected = item.value === selectedPlanId\n\n              return (\n                <OptionItem\n                  plan={item}\n                  isSelected={isSelected}\n                  onPress={() => onPlanSelect(isSelected ? undefined : item.value)}\n                />\n              )\n            }}\n            showsVerticalScrollIndicator={false}\n          />\n        )}\n      </View>\n    </Modal>\n  )\n}\n\n// ==========================================\n// Helper Components\n// ==========================================\n\nconst createStableHeaderRight = (onClose: () => void) => () => (\n  <HeaderCancelButton onPress={onClose} title=\"Cancel\" />\n)\n\nfunction OptionItem({ plan, isSelected, onPress }: OptionItemProps) {\n  const styles = useStyles()\n  return (\n    <PlatformPressable\n      style={styles.optionItem}\n      onPress={onPress}\n      accessibilityRole=\"radio\"\n      accessibilityState={{ selected: isSelected }}\n      accessibilityLabel={plan.name}\n    >\n      <Text style={styles.optionText} numberOfLines={1}>\n        {plan.name}\n      </Text>\n      {isSelected && <Icon name=\"general.check\" size={16} style={styles.checkIcon} />}\n    </PlatformPressable>\n  )\n}\n\n// ==========================================\n// Styles\n// ==========================================\n\nconst useStyles = () => {\n  const { colors } = useTheme()\n  const { bottom } = useSafeAreaInsets()\n\n  return StyleSheet.create({\n    spinnerContainer: {\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      minHeight: 44,\n    },\n    selectButton: {\n      flexDirection: 'row',\n      alignItems: 'center',\n      justifyContent: 'space-between',\n      paddingHorizontal: 16,\n      paddingVertical: 12,\n      backgroundColor: colors.surfaceColor100,\n      borderWidth: 1,\n      borderColor: colors.borderColorDefaultBase,\n      borderRadius: tokens.borderRadiusRound,\n      minHeight: 44,\n    },\n    buttonText: {\n      flex: 1,\n      color: colors.textColorDefaultPrimary,\n    },\n    chevronIcon: {\n      color: colors.iconColorDefaultSecondary,\n      marginLeft: 8,\n    },\n    modalContainer: {\n      backgroundColor: colors.surfaceColor100,\n      flex: 1,\n    },\n    modalHeaderRightContainer: {\n      paddingRight: Platform.select({ ios: 20, android: 0 }),\n    },\n    listContainer: {\n      paddingBottom: bottom + 16,\n    },\n    listHeader: {\n      paddingHorizontal: 16,\n      paddingTop: 24,\n      paddingBottom: 12,\n    },\n    optionItem: {\n      flexDirection: 'row',\n      alignItems: 'center',\n      justifyContent: 'space-between',\n      paddingHorizontal: 16,\n      paddingVertical: 16,\n      borderBottomWidth: 1,\n      borderBottomColor: colors.borderColorDefaultDim,\n    },\n    optionText: {\n      flex: 1,\n      color: colors.textColorDefaultPrimary,\n    },\n    checkIcon: {\n      color: colors.statusSuccessIcon,\n      marginLeft: 8,\n    },\n  })\n}\n"]}

package/build/screens/conversation_new/components/services_form.js

@@ -7,7 +7,7 @@ import { Divider, FormList } from './form_list';
 import { pluralize } from '../../../utils';
 import { uniq } from 'lodash';
 import { useTeamsILead } from '../../../hooks/services/use_teams_i_lead';
-import { FilterByPlanOptions } from './filter_by_plan_options';
+import { FilterByPlan } from './filter_by_plan';
 import { useTeamMembersForNewConversation } from '../../../hooks/services/use_team_members_for_new_conversation';
 import { useFindOrCreateServicesConversation } from '../../../hooks/services/use_find_or_create_services_conversation';
 import { tokens } from '../../../vendor/tapestry/tokens';
@@ -61,6 +61,9 @@ function FormContent({ selectedTeamIds, removeSelection, selectedPlanId, setSele
     const hasChildren = childMembers.length > 0;
     const multipleServiceTypes = uniq(selectedTeamsILead.map(team => team.value.serviceTypeId)).length > 1;
     const firstTeamId = selectedTeamIds[0];
+    const serviceTypeName = !multipleServiceTypes && selectedTeamsILead.length > 0
+        ? selectedTeamsILead[0].serviceTypeName
+        : undefined;
     filterByPlan = filterByPlan && !!firstTeamId && !multipleServiceTypes;
     return (<View style={styles.formContent}>
       <View style={styles.toSection}>
@@ -86,9 +89,14 @@ function FormContent({ selectedTeamIds, removeSelection, selectedPlanId, setSele
       <View style={styles.filterByPlanSection}>
         <View style={styles.filterByPlanSectionLead}>
           <Heading variant="h3">Filter by plan</Heading>
-          <Switch value={filterByPlan} onValueChange={setFilterByPlan} disabled={multipleServiceTypes}/>
+          <Switch value={filterByPlan} onValueChange={value => {
+            setFilterByPlan(value);
+            if (!value) {
+                setSelectedPlanId(undefined);
+            }
+        }} disabled={multipleServiceTypes}/>
         </View>
-        {multipleServiceTypes ? (<Banner appearance="neutral" description="Plan filtering is not possible using teams from multiple service types. Try choosing teams above with only one service type."/>) : filterByPlan ? (<FilterByPlanOptions teamIds={selectedTeamIds} planId={selectedPlanId} onChange={setSelectedPlanId}/>) : null}
+        {multipleServiceTypes ? (<Banner appearance="neutral" description="Plan filtering is not possible using teams from multiple service types. Try choosing teams above with only one service type."/>) : filterByPlan ? (<FilterByPlan teamIds={selectedTeamIds} selectedPlanId={selectedPlanId} serviceTypeName={serviceTypeName} onPlanSelect={setSelectedPlanId}/>) : null}
       </View>
       <Divider />
       <View style={styles.memberSection}>
@@ -126,7 +134,7 @@ const useStyles = () => {
         },
         filterByPlanSection: {
             padding: sectionPadding,
-            gap: 8,
+            gap: 12,
         },
         filterByPlanSectionLead: {
             flexDirection: 'row',