@planningcenter/chat-react-native 3.2.0-rc.9 → 3.3.0

package/build/screens/conversation_filter_recipients/components/header_row.d.ts

@@ -0,0 +1,10 @@
+import { type ViewStyle } from 'react-native';
+import type { ServiceTypeProps } from '../types';
+interface HeaderRowProps {
+    data: ServiceTypeProps;
+    nativeID: string;
+    style?: ViewStyle;
+}
+export declare const HeaderRow: ({ data, nativeID, style }: HeaderRowProps) => import("react").JSX.Element;
+export {};
+//# sourceMappingURL=header_row.d.ts.map

package/build/screens/conversation_filter_recipients/components/header_row.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"header_row.d.ts","sourceRoot":"","sources":["../../../../src/screens/conversation_filter_recipients/components/header_row.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAoB,KAAK,SAAS,EAAE,MAAM,cAAc,CAAA;AAG/D,OAAO,KAAK,EAA2C,gBAAgB,EAAE,MAAM,UAAU,CAAA;AAQzF,UAAU,cAAc;IACtB,IAAI,EAAE,gBAAgB,CAAA;IACtB,QAAQ,EAAE,MAAM,CAAA;IAChB,KAAK,CAAC,EAAE,SAAS,CAAA;CAClB;AAED,eAAO,MAAM,SAAS,8BAA+B,cAAc,gCAkDlE,CAAA"}

package/build/screens/conversation_filter_recipients/components/header_row.js

@@ -0,0 +1,69 @@
+import { View, StyleSheet } from 'react-native';
+import { useTheme } from '../../../hooks';
+import { Icon, Heading, TextButton } from '../../../components';
+import { tokens } from '../../../vendor/tapestry/tokens';
+import { pluralize } from '../../../utils';
+import { useRoute } from '@react-navigation/native';
+import { useFilterRecipientsContext } from '../context/conversation_filter_recipients_context';
+const BULK_SELECT_LIMIT = 10;
+export const HeaderRow = ({ data, nativeID, style }) => {
+    const styles = useStyles();
+    const { setTeamFilters } = useFilterRecipientsContext();
+    const route = useRoute();
+    const { serviceTypeName, teamIdsForServiceType } = data;
+    const { team_ids: currentTeamIds = [] } = route.params;
+    const newTeamIdsAdded = [...new Set([...currentTeamIds, ...teamIdsForServiceType])];
+    const newTeamIdsRemoved = currentTeamIds.filter(id => !teamIdsForServiceType.includes(id));
+    const allTeamsSelected = teamIdsForServiceType.every(id => currentTeamIds.includes(id));
+    const showSelectAll = teamIdsForServiceType.length <= BULK_SELECT_LIMIT;
+    const selectLabel = allTeamsSelected ? 'Deselect' : 'Select';
+    const headingAccessibilityHint = `${pluralize(teamIdsForServiceType.length, 'team')} available to select`;
+    const selectAllAccessibilityLabel = `${selectLabel} ${pluralize(teamIdsForServiceType.length, 'team')} for ${serviceTypeName}`;
+    const handleSelectAll = () => {
+        setTeamFilters({
+            team_ids: allTeamsSelected ? newTeamIdsRemoved : newTeamIdsAdded,
+        });
+    };
+    return (<View style={[styles.headerRow, style]}>
+      <View style={styles.headerContent}>
+        <Icon name="services.folderClosed" style={styles.headerIcon}/>
+        <Heading variant="h3" style={styles.headerText} numberOfLines={2} nativeID={nativeID} accessibilityHint={headingAccessibilityHint}>
+          {serviceTypeName}
+        </Heading>
+      </View>
+
+      {showSelectAll && (<TextButton variant="tertiary" onPress={handleSelectAll} accessibilityLabel={selectAllAccessibilityLabel}>
+          {selectLabel} all
+        </TextButton>)}
+    </View>);
+};
+const useStyles = () => {
+    const { colors } = useTheme();
+    return StyleSheet.create({
+        headerRow: {
+            flexDirection: 'row',
+            justifyContent: 'space-between',
+            alignItems: 'center',
+            padding: 16,
+            gap: 12,
+            backgroundColor: colors.surfaceColor100,
+        },
+        headerText: {
+            fontWeight: 'normal',
+            flex: 1,
+            color: colors.textColorDefaultPrimary,
+            fontSize: tokens.fontSizeSm,
+        },
+        headerContent: {
+            flexDirection: 'row',
+            alignItems: 'center',
+            gap: 12,
+            flex: 1,
+        },
+        headerIcon: {
+            color: colors.interaction,
+            fontSize: tokens.fontSizeMd,
+        },
+    });
+};
+//# sourceMappingURL=header_row.js.map

package/build/screens/conversation_filter_recipients/components/header_row.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"header_row.js","sourceRoot":"","sources":["../../../../src/screens/conversation_filter_recipients/components/header_row.tsx"],"names":[],"mappings":"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","sourcesContent":["import { View, StyleSheet, type ViewStyle } from 'react-native'\nimport { useTheme } from '../../../hooks'\nimport { Icon, Heading, TextButton } from '../../../components'\nimport type { ConversationFilterRecipientsScreenProps, ServiceTypeProps } from '../types'\nimport { tokens } from '../../../vendor/tapestry/tokens'\nimport { pluralize } from '../../../utils'\nimport { useRoute, type RouteProp } from '@react-navigation/native'\nimport { useFilterRecipientsContext } from '../context/conversation_filter_recipients_context'\n\nconst BULK_SELECT_LIMIT = 10\n\ninterface HeaderRowProps {\n  data: ServiceTypeProps\n  nativeID: string\n  style?: ViewStyle\n}\n\nexport const HeaderRow = ({ data, nativeID, style }: HeaderRowProps) => {\n  const styles = useStyles()\n  const { setTeamFilters } = useFilterRecipientsContext()\n  const route = useRoute<RouteProp<ConversationFilterRecipientsScreenProps['route']>>()\n\n  const { serviceTypeName, teamIdsForServiceType } = data\n  const { team_ids: currentTeamIds = [] } = route.params\n\n  const newTeamIdsAdded = [...new Set([...currentTeamIds, ...teamIdsForServiceType])]\n  const newTeamIdsRemoved = currentTeamIds.filter(id => !teamIdsForServiceType.includes(id))\n\n  const allTeamsSelected = teamIdsForServiceType.every(id => currentTeamIds.includes(id))\n  const showSelectAll = teamIdsForServiceType.length <= BULK_SELECT_LIMIT\n  const selectLabel = allTeamsSelected ? 'Deselect' : 'Select'\n\n  const headingAccessibilityHint = `${pluralize(teamIdsForServiceType.length, 'team')} available to select`\n  const selectAllAccessibilityLabel = `${selectLabel} ${pluralize(teamIdsForServiceType.length, 'team')} for ${serviceTypeName}`\n\n  const handleSelectAll = () => {\n    setTeamFilters({\n      team_ids: allTeamsSelected ? newTeamIdsRemoved : newTeamIdsAdded,\n    })\n  }\n\n  return (\n    <View style={[styles.headerRow, style]}>\n      <View style={styles.headerContent}>\n        <Icon name=\"services.folderClosed\" style={styles.headerIcon} />\n        <Heading\n          variant=\"h3\"\n          style={styles.headerText}\n          numberOfLines={2}\n          nativeID={nativeID}\n          accessibilityHint={headingAccessibilityHint}\n        >\n          {serviceTypeName}\n        </Heading>\n      </View>\n\n      {showSelectAll && (\n        <TextButton\n          variant=\"tertiary\"\n          onPress={handleSelectAll}\n          accessibilityLabel={selectAllAccessibilityLabel}\n        >\n          {selectLabel} all\n        </TextButton>\n      )}\n    </View>\n  )\n}\n\nconst useStyles = () => {\n  const { colors } = useTheme()\n\n  return StyleSheet.create({\n    headerRow: {\n      flexDirection: 'row',\n      justifyContent: 'space-between',\n      alignItems: 'center',\n      padding: 16,\n      gap: 12,\n      backgroundColor: colors.surfaceColor100,\n    },\n    headerText: {\n      fontWeight: 'normal',\n      flex: 1,\n      color: colors.textColorDefaultPrimary,\n      fontSize: tokens.fontSizeSm,\n    },\n    headerContent: {\n      flexDirection: 'row',\n      alignItems: 'center',\n      gap: 12,\n      flex: 1,\n    },\n    headerIcon: {\n      color: colors.interaction,\n      fontSize: tokens.fontSizeMd,\n    },\n  })\n}\n"]}

package/build/screens/conversation_filter_recipients/components/navigation_header.d.ts

@@ -0,0 +1,5 @@
+import { HeaderTitleProps } from '@react-navigation/elements';
+import React from 'react';
+export declare const FilterHeaderTitle: ({ tintColor }: HeaderTitleProps) => React.JSX.Element;
+export declare const HeaderRightWithContext: () => React.JSX.Element;
+//# sourceMappingURL=navigation_header.d.ts.map

package/build/screens/conversation_filter_recipients/components/navigation_header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigation_header.d.ts","sourceRoot":"","sources":["../../../../src/screens/conversation_filter_recipients/components/navigation_header.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAe,gBAAgB,EAAE,MAAM,4BAA4B,CAAA;AAC1E,OAAO,KAAK,MAAM,OAAO,CAAA;AAWzB,eAAO,MAAM,iBAAiB,kBAAmB,gBAAgB,sBAIhE,CAAA;AA+BD,eAAO,MAAM,sBAAsB,yBAMlC,CAAA"}

package/build/screens/conversation_filter_recipients/components/navigation_header.js

@@ -0,0 +1,46 @@
+import { HeaderTitle } from '@react-navigation/elements';
+import React from 'react';
+import { StyleSheet, View } from 'react-native';
+import { Button, TextButton } from '../../../components';
+import { useRoute } from '@react-navigation/native';
+import { tokens } from '../../../vendor/tapestry/tokens';
+import { FilterRecipientsProvider, useFilterRecipientsContext, } from '../context/conversation_filter_recipients_context';
+export const FilterHeaderTitle = ({ tintColor }) => {
+    const styles = useStyles();
+    return <HeaderTitle style={[styles.headerTitle, { color: tintColor }]}>Teams I lead</HeaderTitle>;
+};
+const HeaderRight = () => {
+    const styles = useStyles();
+    const route = useRoute();
+    const { resetTeamFilters, applyTeamFilters } = useFilterRecipientsContext();
+    const { team_ids } = route.params;
+    const noTeamsSelected = team_ids?.length === 0 || !team_ids;
+    const applyButtonAccessibilityHint = noTeamsSelected
+        ? 'Select at least one team to navigate to the final step in creating your conversation.'
+        : 'Saves selected teams and navigates to the final step to create your conversation.';
+    return (<View style={styles.headerRight}>
+      <TextButton onPress={resetTeamFilters} accessibilityHint="Cancels any selected teams and closes this modal.">
+        Reset
+      </TextButton>
+      <Button title="Apply" accessibilityHint={applyButtonAccessibilityHint} onPress={() => applyTeamFilters(route.params)} disabled={noTeamsSelected}/>
+    </View>);
+};
+export const HeaderRightWithContext = () => {
+    return (<FilterRecipientsProvider>
+      <HeaderRight />
+    </FilterRecipientsProvider>);
+};
+const useStyles = () => {
+    return StyleSheet.create({
+        headerTitle: {
+            fontSize: tokens.fontSizeLg,
+            flex: 1,
+        },
+        headerRight: {
+            flexDirection: 'row',
+            gap: 16,
+            alignItems: 'center',
+        },
+    });
+};
+//# sourceMappingURL=navigation_header.js.map

package/build/screens/conversation_filter_recipients/components/navigation_header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigation_header.js","sourceRoot":"","sources":["../../../../src/screens/conversation_filter_recipients/components/navigation_header.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAoB,MAAM,4BAA4B,CAAA;AAC1E,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAC/C,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAA;AACxD,OAAO,EAAa,QAAQ,EAAE,MAAM,0BAA0B,CAAA;AAC9D,OAAO,EAAE,MAAM,EAAE,MAAM,iCAAiC,CAAA;AACxD,OAAO,EACL,wBAAwB,EACxB,0BAA0B,GAC3B,MAAM,mDAAmD,CAAA;AAG1D,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,EAAE,SAAS,EAAoB,EAAE,EAAE;IACnE,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAE1B,OAAO,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,WAAW,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC,CAAC,YAAY,EAAE,WAAW,CAAC,CAAA;AACnG,CAAC,CAAA;AAED,MAAM,WAAW,GAAG,GAAG,EAAE;IACvB,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAC1B,MAAM,KAAK,GAAG,QAAQ,EAA+D,CAAA;IACrF,MAAM,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,GAAG,0BAA0B,EAAE,CAAA;IAE3E,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC,MAAM,CAAA;IACjC,MAAM,eAAe,GAAG,QAAQ,EAAE,MAAM,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAA;IAC3D,MAAM,4BAA4B,GAAG,eAAe;QAClD,CAAC,CAAC,uFAAuF;QACzF,CAAC,CAAC,mFAAmF,CAAA;IAEvF,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,WAAW,CAAC,CAC9B;MAAA,CAAC,UAAU,CACT,OAAO,CAAC,CAAC,gBAAgB,CAAC,CAC1B,iBAAiB,CAAC,mDAAmD,CAErE;;MACF,EAAE,UAAU,CACZ;MAAA,CAAC,MAAM,CACL,KAAK,CAAC,OAAO,CACb,iBAAiB,CAAC,CAAC,4BAA4B,CAAC,CAChD,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,gBAAgB,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAC9C,QAAQ,CAAC,CAAC,eAAe,CAAC,EAE9B;IAAA,EAAE,IAAI,CAAC,CACR,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,sBAAsB,GAAG,GAAG,EAAE;IACzC,OAAO,CACL,CAAC,wBAAwB,CACvB;MAAA,CAAC,WAAW,CAAC,AAAD,EACd;IAAA,EAAE,wBAAwB,CAAC,CAC5B,CAAA;AACH,CAAC,CAAA;AAED,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,UAAU,CAAC,MAAM,CAAC;QACvB,WAAW,EAAE;YACX,QAAQ,EAAE,MAAM,CAAC,UAAU;YAC3B,IAAI,EAAE,CAAC;SACR;QACD,WAAW,EAAE;YACX,aAAa,EAAE,KAAK;YACpB,GAAG,EAAE,EAAE;YACP,UAAU,EAAE,QAAQ;SACrB;KACF,CAAC,CAAA;AACJ,CAAC,CAAA","sourcesContent":["import { HeaderTitle, HeaderTitleProps } from '@react-navigation/elements'\nimport React from 'react'\nimport { StyleSheet, View } from 'react-native'\nimport { Button, TextButton } from '../../../components'\nimport { RouteProp, useRoute } from '@react-navigation/native'\nimport { tokens } from '../../../vendor/tapestry/tokens'\nimport {\n  FilterRecipientsProvider,\n  useFilterRecipientsContext,\n} from '../context/conversation_filter_recipients_context'\nimport { ConversationFilterRecipientsScreenProps } from '../types'\n\nexport const FilterHeaderTitle = ({ tintColor }: HeaderTitleProps) => {\n  const styles = useStyles()\n\n  return <HeaderTitle style={[styles.headerTitle, { color: tintColor }]}>Teams I lead</HeaderTitle>\n}\n\nconst HeaderRight = () => {\n  const styles = useStyles()\n  const route = useRoute<RouteProp<ConversationFilterRecipientsScreenProps['route']>>()\n  const { resetTeamFilters, applyTeamFilters } = useFilterRecipientsContext()\n\n  const { team_ids } = route.params\n  const noTeamsSelected = team_ids?.length === 0 || !team_ids\n  const applyButtonAccessibilityHint = noTeamsSelected\n    ? 'Select at least one team to navigate to the final step in creating your conversation.'\n    : 'Saves selected teams and navigates to the final step to create your conversation.'\n\n  return (\n    <View style={styles.headerRight}>\n      <TextButton\n        onPress={resetTeamFilters}\n        accessibilityHint=\"Cancels any selected teams and closes this modal.\"\n      >\n        Reset\n      </TextButton>\n      <Button\n        title=\"Apply\"\n        accessibilityHint={applyButtonAccessibilityHint}\n        onPress={() => applyTeamFilters(route.params)}\n        disabled={noTeamsSelected}\n      />\n    </View>\n  )\n}\n\nexport const HeaderRightWithContext = () => {\n  return (\n    <FilterRecipientsProvider>\n      <HeaderRight />\n    </FilterRecipientsProvider>\n  )\n}\n\nconst useStyles = () => {\n  return StyleSheet.create({\n    headerTitle: {\n      fontSize: tokens.fontSizeLg,\n      flex: 1,\n    },\n    headerRight: {\n      flexDirection: 'row',\n      gap: 16,\n      alignItems: 'center',\n    },\n  })\n}\n"]}

package/build/screens/conversation_filter_recipients/context/conversation_filter_recipients_context.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import { PropsWithChildren } from 'react';
+import { ConversationFilterRecipientsParams } from '../types';
+export declare const FilterRecipientsContext: React.Context<{
+    params: ConversationFilterRecipientsParams;
+    resetTeamFilters: () => void;
+    setTeamFilters: (params: ConversationFilterRecipientsParams) => void;
+    applyTeamFilters: (params: ConversationFilterRecipientsParams) => void;
+}>;
+export declare const FilterRecipientsProvider: ({ children }: PropsWithChildren) => React.JSX.Element;
+export declare const useFilterRecipientsContext: () => {
+    params: ConversationFilterRecipientsParams;
+    resetTeamFilters: () => void;
+    setTeamFilters: (params: ConversationFilterRecipientsParams) => void;
+    applyTeamFilters: (params: ConversationFilterRecipientsParams) => void;
+};
+//# sourceMappingURL=conversation_filter_recipients_context.d.ts.map

package/build/screens/conversation_filter_recipients/context/conversation_filter_recipients_context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"conversation_filter_recipients_context.d.ts","sourceRoot":"","sources":["../../../../src/screens/conversation_filter_recipients/context/conversation_filter_recipients_context.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAiB,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAExD,OAAO,EACL,kCAAkC,EAEnC,MAAM,UAAU,CAAA;AAGjB,eAAO,MAAM,uBAAuB;YAC1B,kCAAkC;sBACxB,MAAM,IAAI;oBACZ,CAAC,MAAM,EAAE,kCAAkC,KAAK,IAAI;sBAClD,CAAC,MAAM,EAAE,kCAAkC,KAAK,IAAI;EAStE,CAAA;AAEF,eAAO,MAAM,wBAAwB,iBAAkB,iBAAiB,sBAwBvE,CAAA;AAED,eAAO,MAAM,0BAA0B;YAxC7B,kCAAkC;sBACxB,MAAM,IAAI;oBACZ,CAAC,MAAM,EAAE,kCAAkC,KAAK,IAAI;sBAClD,CAAC,MAAM,EAAE,kCAAkC,KAAK,IAAI;CAuCvE,CAAA"}

package/build/screens/conversation_filter_recipients/context/conversation_filter_recipients_context.js

@@ -0,0 +1,37 @@
+import React from 'react';
+import { createContext } from 'react';
+import { StackActions, useNavigation, useRoute } from '@react-navigation/native';
+export const FilterRecipientsContext = createContext({
+    params: {
+        source_app_name: undefined,
+        team_ids: [],
+    },
+    resetTeamFilters: () => { },
+    setTeamFilters: () => { },
+    applyTeamFilters: () => { },
+});
+export const FilterRecipientsProvider = ({ children }) => {
+    const navigation = useNavigation();
+    const route = useRoute();
+    const filterContextValue = {
+        params: route.params,
+        resetTeamFilters: () => {
+            navigation.goBack();
+        },
+        setTeamFilters: (params) => {
+            navigation.setParams({
+                team_ids: params.team_ids,
+            });
+        },
+        applyTeamFilters: (params) => {
+            navigation.dispatch(StackActions.popTo('ConversationNew', params));
+        },
+    };
+    return (<FilterRecipientsContext.Provider value={filterContextValue}>
+      {children}
+    </FilterRecipientsContext.Provider>);
+};
+export const useFilterRecipientsContext = () => {
+    return React.useContext(FilterRecipientsContext);
+};
+//# sourceMappingURL=conversation_filter_recipients_context.js.map

package/build/screens/conversation_filter_recipients/context/conversation_filter_recipients_context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"conversation_filter_recipients_context.js","sourceRoot":"","sources":["../../../../src/screens/conversation_filter_recipients/context/conversation_filter_recipients_context.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,aAAa,EAAqB,MAAM,OAAO,CAAA;AACxD,OAAO,EAAa,YAAY,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAA;AAO3F,MAAM,CAAC,MAAM,uBAAuB,GAAG,aAAa,CAKjD;IACD,MAAM,EAAE;QACN,eAAe,EAAE,SAAS;QAC1B,QAAQ,EAAE,EAAE;KACb;IACD,gBAAgB,EAAE,GAAG,EAAE,GAAE,CAAC;IAC1B,cAAc,EAAE,GAAG,EAAE,GAAE,CAAC;IACxB,gBAAgB,EAAE,GAAG,EAAE,GAAE,CAAC;CAC3B,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,wBAAwB,GAAG,CAAC,EAAE,QAAQ,EAAqB,EAAE,EAAE;IAC1E,MAAM,UAAU,GACd,aAAa,EAAsE,CAAA;IACrF,MAAM,KAAK,GAAG,QAAQ,EAA+D,CAAA;IACrF,MAAM,kBAAkB,GAAG;QACzB,MAAM,EAAE,KAAK,CAAC,MAAM;QACpB,gBAAgB,EAAE,GAAG,EAAE;YACrB,UAAU,CAAC,MAAM,EAAE,CAAA;QACrB,CAAC;QACD,cAAc,EAAE,CAAC,MAAmE,EAAE,EAAE;YACtF,UAAU,CAAC,SAAS,CAAC;gBACnB,QAAQ,EAAE,MAAM,CAAC,QAAQ;aAC1B,CAAC,CAAA;QACJ,CAAC;QACD,gBAAgB,EAAE,CAAC,MAA0C,EAAE,EAAE;YAC/D,UAAU,CAAC,QAAQ,CAAC,YAAY,CAAC,KAAK,CAAC,iBAAiB,EAAE,MAAM,CAAC,CAAC,CAAA;QACpE,CAAC;KACF,CAAA;IAED,OAAO,CACL,CAAC,uBAAuB,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,kBAAkB,CAAC,CAC1D;MAAA,CAAC,QAAQ,CACX;IAAA,EAAE,uBAAuB,CAAC,QAAQ,CAAC,CACpC,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,0BAA0B,GAAG,GAAG,EAAE;IAC7C,OAAO,KAAK,CAAC,UAAU,CAAC,uBAAuB,CAAC,CAAA;AAClD,CAAC,CAAA","sourcesContent":["import React from 'react'\nimport { createContext, PropsWithChildren } from 'react'\nimport { RouteProp, StackActions, useNavigation, useRoute } from '@react-navigation/native'\nimport {\n  ConversationFilterRecipientsParams,\n  ConversationFilterRecipientsScreenProps,\n} from '../types'\nimport { NativeStackNavigationProp } from '@react-navigation/native-stack'\n\nexport const FilterRecipientsContext = createContext<{\n  params: ConversationFilterRecipientsParams\n  resetTeamFilters: () => void\n  setTeamFilters: (params: ConversationFilterRecipientsParams) => void\n  applyTeamFilters: (params: ConversationFilterRecipientsParams) => void\n}>({\n  params: {\n    source_app_name: undefined,\n    team_ids: [],\n  },\n  resetTeamFilters: () => {},\n  setTeamFilters: () => {},\n  applyTeamFilters: () => {},\n})\n\nexport const FilterRecipientsProvider = ({ children }: PropsWithChildren) => {\n  const navigation =\n    useNavigation<NativeStackNavigationProp<ConversationFilterRecipientsScreenProps>>()\n  const route = useRoute<RouteProp<ConversationFilterRecipientsScreenProps['route']>>()\n  const filterContextValue = {\n    params: route.params,\n    resetTeamFilters: () => {\n      navigation.goBack()\n    },\n    setTeamFilters: (params: Omit<ConversationFilterRecipientsParams, 'source_app_name'>) => {\n      navigation.setParams({\n        team_ids: params.team_ids,\n      })\n    },\n    applyTeamFilters: (params: ConversationFilterRecipientsParams) => {\n      navigation.dispatch(StackActions.popTo('ConversationNew', params))\n    },\n  }\n\n  return (\n    <FilterRecipientsContext.Provider value={filterContextValue}>\n      {children}\n    </FilterRecipientsContext.Provider>\n  )\n}\n\nexport const useFilterRecipientsContext = () => {\n  return React.useContext(FilterRecipientsContext)\n}\n"]}

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

@@ -1,8 +1,6 @@
-import { StaticScreenProps } from '@react-navigation/native';
 import { NativeStackNavigationOptions } from '@react-navigation/native-stack';
 import React from 'react';
+import { ConversationFilterRecipientsScreenProps } from './types';
 export declare const ConversationFilterReceipientsScreenOptions: NativeStackNavigationOptions;
-type ConversationFilterRecipientsScreenProps = StaticScreenProps<{}>;
 export declare const ConversationFilterRecipientsScreen: ({}: ConversationFilterRecipientsScreenProps) => React.JSX.Element;
-export {};
 //# sourceMappingURL=conversation_filter_recipients_screen.d.ts.map

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,EAAgB,iBAAiB,EAAiB,MAAM,0BAA0B,CAAA;AACzF,OAAO,EAAE,4BAA4B,EAAE,MAAM,gCAAgC,CAAA;AAC7E,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,eAAO,MAAM,0CAA0C,EAAE,4BAKxD,CAAA;AAED,KAAK,uCAAuC,GAAG,iBAAiB,CAAC,EAAE,CAAC,CAAA;AAEpE,eAAO,MAAM,kCAAkC,OAAQ,uCAAuC,sBAmC7F,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,4BAWxD,CAAA;AAED,eAAO,MAAM,kCAAkC,OAAQ,uCAAuC,sBAmD7F,CAAA"}

package/build/screens/conversation_filter_recipients/conversation_filter_recipients_screen.js

@@ -1,51 +1,86 @@
-import { StackActions, useNavigation } from '@react-navigation/native';
 import React from 'react';
-import { StyleSheet, View } from 'react-native';
+import { Platform, StyleSheet, useWindowDimensions, View } from 'react-native';
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
-import { Button } from '../../components';
+import { FlashList } from '@shopify/flash-list';
+import { Heading } from '../../components';
 import { useTheme } from '../../hooks';
+import { useFlattenedArrayOfServiceTypesWithTeams } from './hooks/use_flattened_array_of_service_types_with_teams';
+import { SectionTypes } from './types';
+import { HeaderRow } from './components/header_row';
+import { tokens } from '../../vendor/tapestry/tokens';
+import { CheckboxRow } from './components/checkbox_row';
+import { useHeaderHeight } from '@react-navigation/elements';
+import { FilterRecipientsProvider } from './context/conversation_filter_recipients_context';
+import { HeaderRightWithContext, FilterHeaderTitle } from './components/navigation_header';
+import { useServiceTypesWithTeams } from './hooks/use_service_types_with_teams';
+const SERVICE_TYPE_LABELLED_BY_PREFIX = 'header-';
 export const ConversationFilterReceipientsScreenOptions = {
-    presentation: 'formSheet',
-    headerShown: false,
-    sheetAllowedDetents: [0.75],
+    presentation: Platform.select({ android: 'modal', ios: 'formSheet' }),
+    sheetAllowedDetents: Platform.select({
+        android: [0.75, 0.94],
+        default: [0.75, 1],
+    }),
     sheetGrabberVisible: true,
+    headerBackVisible: false,
+    headerRight: HeaderRightWithContext,
+    headerTitle: FilterHeaderTitle,
+    headerTitleAlign: 'left',
 };
 export const ConversationFilterRecipientsScreen = ({}) => {
     const styles = useStyles();
-    const navigation = useNavigation();
-    return (<View style={styles.container}>
-      <View style={styles.section}>
-        <Button style={styles.selectTeamsButton} onPress={() => navigation.dispatch(StackActions.popTo('ConversationSelectRecipients', {
-            chat_group_graph_id: 'TBD',
-        }))} title="Redirect to select" variant="outline"/>
-
-        <Button style={styles.selectTeamsButton} onPress={() => navigation.dispatch(StackActions.popTo('ConversationCreate', {
-            chat_group_graph_id: 'TBD',
-        }))} title="Redirect to form" variant="outline"/>
+    const { serviceTypes } = useServiceTypesWithTeams();
+    const data = useFlattenedArrayOfServiceTypesWithTeams({
+        data: serviceTypes,
+        firstRowStyle: styles.firstRow,
+        lastRowStyle: styles.lastRow,
+    });
+    return (<FilterRecipientsProvider>
+      <View style={styles.listWrapper}>
+        <FlashList data={data} ListHeaderComponent={<Heading variant="h3" style={styles.listHeader}>
+              Service Types
+            </Heading>} estimatedItemSize={50} contentContainerStyle={styles.listContentContainer} keyExtractor={item => `${item.type === SectionTypes.header ? item.data.serviceTypeId : item.data.teamId}`} renderItem={({ item }) => {
+            switch (item.type) {
+                case SectionTypes.header:
+                    return (<HeaderRow data={item.data} style={item.sectionStyle} nativeID={`${SERVICE_TYPE_LABELLED_BY_PREFIX}${item.data.serviceTypeId}`}/>);
+                case SectionTypes.team:
+                    return (<CheckboxRow data={item.data} style={item.sectionStyle} accessibilityLabelledBy={`${SERVICE_TYPE_LABELLED_BY_PREFIX}${item.data.serviceTypeId}`}/>);
+                default:
+                    return null;
+            }
+        }}/>
       </View>
-    </View>);
+    </FilterRecipientsProvider>);
 };
 const useStyles = () => {
-    const { bottom } = useSafeAreaInsets();
-    const theme = useTheme();
+    const { colors } = useTheme();
+    const { top, bottom } = useSafeAreaInsets();
+    const { height } = useWindowDimensions();
+    const headerHeight = useHeaderHeight();
+    const containerHeight = Platform.select({
+        android: height,
+        ios: height - top - headerHeight,
+    });
     return StyleSheet.create({
-        container: {
-            flex: 1,
-            gap: 8,
-        },
-        section: {
-            padding: 16,
-            flexDirection: 'row',
-            justifyContent: 'space-between',
+        listWrapper: {
             flex: 1,
+            height: containerHeight,
+            backgroundColor: colors.surfaceColor080,
         },
-        selectTeamsButton: {},
-        routeDebug: {
-            alignContent: 'center',
+        listContentContainer: {
             padding: 16,
             paddingBottom: bottom,
-            borderTopWidth: 1,
-            borderTopColor: theme.colors.fillColorNeutral050Base,
+        },
+        listHeader: {
+            paddingBottom: 16,
+        },
+        firstRow: {
+            borderTopStartRadius: tokens.borderRadiusLg,
+            borderTopEndRadius: tokens.borderRadiusLg,
+        },
+        lastRow: {
+            borderBottomStartRadius: tokens.borderRadiusLg,
+            borderBottomEndRadius: tokens.borderRadiusLg,
+            marginBottom: 16,
         },
     });
 };

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":"AAAA,OAAO,EAAE,YAAY,EAAqB,aAAa,EAAE,MAAM,0BAA0B,CAAA;AAEzF,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAC/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AAClE,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AACzC,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AAEtC,MAAM,CAAC,MAAM,0CAA0C,GAAiC;IACtF,YAAY,EAAE,WAAW;IACzB,WAAW,EAAE,KAAK;IAClB,mBAAmB,EAAE,CAAC,IAAI,CAAC;IAC3B,mBAAmB,EAAE,IAAI;CAC1B,CAAA;AAID,MAAM,CAAC,MAAM,kCAAkC,GAAG,CAAC,EAA2C,EAAE,EAAE;IAChG,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAC1B,MAAM,UAAU,GAAG,aAAa,EAAE,CAAA;IAElC,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAC5B;MAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAC1B;QAAA,CAAC,MAAM,CACL,KAAK,CAAC,CAAC,MAAM,CAAC,iBAAiB,CAAC,CAChC,OAAO,CAAC,CAAC,GAAG,EAAE,CACZ,UAAU,CAAC,QAAQ,CACjB,YAAY,CAAC,KAAK,CAAC,8BAA8B,EAAE;YACjD,mBAAmB,EAAE,KAAK;SAC3B,CAAC,CAEN,CAAC,CACD,KAAK,CAAC,oBAAoB,CAC1B,OAAO,CAAC,SAAS,EAGnB;;QAAA,CAAC,MAAM,CACL,KAAK,CAAC,CAAC,MAAM,CAAC,iBAAiB,CAAC,CAChC,OAAO,CAAC,CAAC,GAAG,EAAE,CACZ,UAAU,CAAC,QAAQ,CACjB,YAAY,CAAC,KAAK,CAAC,oBAAoB,EAAE;YACvC,mBAAmB,EAAE,KAAK;SAC3B,CAAC,CAEN,CAAC,CACD,KAAK,CAAC,kBAAkB,CACxB,OAAO,CAAC,SAAS,EAErB;MAAA,EAAE,IAAI,CACR;IAAA,EAAE,IAAI,CAAC,CACR,CAAA;AACH,CAAC,CAAA;AAED,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IACtC,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IAExB,OAAO,UAAU,CAAC,MAAM,CAAC;QACvB,SAAS,EAAE;YACT,IAAI,EAAE,CAAC;YACP,GAAG,EAAE,CAAC;SACP;QACD,OAAO,EAAE;YACP,OAAO,EAAE,EAAE;YACX,aAAa,EAAE,KAAK;YACpB,cAAc,EAAE,eAAe;YAC/B,IAAI,EAAE,CAAC;SACR;QACD,iBAAiB,EAAE,EAAE;QACrB,UAAU,EAAE;YACV,YAAY,EAAE,QAAQ;YACtB,OAAO,EAAE,EAAE;YACX,aAAa,EAAE,MAAM;YACrB,cAAc,EAAE,CAAC;YACjB,cAAc,EAAE,KAAK,CAAC,MAAM,CAAC,uBAAuB;SACrD;KACF,CAAC,CAAA;AACJ,CAAC,CAAA","sourcesContent":["import { StackActions, StaticScreenProps, useNavigation } from '@react-navigation/native'\nimport { NativeStackNavigationOptions } from '@react-navigation/native-stack'\nimport React from 'react'\nimport { StyleSheet, View } from 'react-native'\nimport { useSafeAreaInsets } from 'react-native-safe-area-context'\nimport { Button } from '../../components'\nimport { useTheme } from '../../hooks'\n\nexport const ConversationFilterReceipientsScreenOptions: NativeStackNavigationOptions = {\n  presentation: 'formSheet',\n  headerShown: false,\n  sheetAllowedDetents: [0.75],\n  sheetGrabberVisible: true,\n}\n\ntype ConversationFilterRecipientsScreenProps = StaticScreenProps<{}>\n\nexport const ConversationFilterRecipientsScreen = ({}: ConversationFilterRecipientsScreenProps) => {\n  const styles = useStyles()\n  const navigation = useNavigation()\n\n  return (\n    <View style={styles.container}>\n      <View style={styles.section}>\n        <Button\n          style={styles.selectTeamsButton}\n          onPress={() =>\n            navigation.dispatch(\n              StackActions.popTo('ConversationSelectRecipients', {\n                chat_group_graph_id: 'TBD',\n              })\n            )\n          }\n          title=\"Redirect to select\"\n          variant=\"outline\"\n        />\n\n        <Button\n          style={styles.selectTeamsButton}\n          onPress={() =>\n            navigation.dispatch(\n              StackActions.popTo('ConversationCreate', {\n                chat_group_graph_id: 'TBD',\n              })\n            )\n          }\n          title=\"Redirect to form\"\n          variant=\"outline\"\n        />\n      </View>\n    </View>\n  )\n}\n\nconst useStyles = () => {\n  const { bottom } = useSafeAreaInsets()\n  const theme = useTheme()\n\n  return StyleSheet.create({\n    container: {\n      flex: 1,\n      gap: 8,\n    },\n    section: {\n      padding: 16,\n      flexDirection: 'row',\n      justifyContent: 'space-between',\n      flex: 1,\n    },\n    selectTeamsButton: {},\n    routeDebug: {\n      alignContent: 'center',\n      padding: 16,\n      paddingBottom: bottom,\n      borderTopWidth: 1,\n      borderTopColor: theme.colors.fillColorNeutral050Base,\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}\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_filter_recipients/hooks/use_flattened_array_of_service_types_with_teams.d.ts

@@ -0,0 +1,10 @@
+import { type ViewStyle } from 'react-native';
+import { type SectionListData, type ServiceTypeWithTeams } from '../types';
+interface Props {
+    data: ServiceTypeWithTeams[];
+    firstRowStyle: ViewStyle;
+    lastRowStyle: ViewStyle;
+}
+export declare function useFlattenedArrayOfServiceTypesWithTeams({ data, firstRowStyle, lastRowStyle, }: Props): SectionListData;
+export {};
+//# sourceMappingURL=use_flattened_array_of_service_types_with_teams.d.ts.map

package/build/screens/conversation_filter_recipients/hooks/use_flattened_array_of_service_types_with_teams.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use_flattened_array_of_service_types_with_teams.d.ts","sourceRoot":"","sources":["../../../../src/screens/conversation_filter_recipients/hooks/use_flattened_array_of_service_types_with_teams.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAA;AAC7C,OAAO,EAAgB,KAAK,eAAe,EAAE,KAAK,oBAAoB,EAAE,MAAM,UAAU,CAAA;AAExF,UAAU,KAAK;IACb,IAAI,EAAE,oBAAoB,EAAE,CAAA;IAC5B,aAAa,EAAE,SAAS,CAAA;IACxB,YAAY,EAAE,SAAS,CAAA;CACxB;AAED,wBAAgB,wCAAwC,CAAC,EACvD,IAAI,EACJ,aAAa,EACb,YAAY,GACb,EAAE,KAAK,mBAmCP"}

package/build/screens/conversation_filter_recipients/hooks/use_flattened_array_of_service_types_with_teams.js

@@ -0,0 +1,32 @@
+import { useMemo } from 'react';
+import { SectionTypes } from '../types';
+export function useFlattenedArrayOfServiceTypesWithTeams({ data, firstRowStyle, lastRowStyle, }) {
+    const flattenedData = useMemo(() => data.flatMap(serviceType => {
+        const teamIdsForServiceType = serviceType.teams.map(team => team.id);
+        return [
+            {
+                type: SectionTypes.header,
+                data: {
+                    serviceTypeName: serviceType.name,
+                    serviceTypeId: serviceType.id,
+                    teamIdsForServiceType,
+                },
+                sectionStyle: firstRowStyle,
+            },
+            ...serviceType.teams.map((team, teamIdx) => {
+                const isLastTeamInServiceType = teamIdx === serviceType.teams.length - 1;
+                return {
+                    type: SectionTypes.team,
+                    data: {
+                        teamName: team.name,
+                        teamId: team.id,
+                        serviceTypeId: serviceType.id,
+                    },
+                    sectionStyle: isLastTeamInServiceType ? lastRowStyle : undefined,
+                };
+            }),
+        ];
+    }), [data, firstRowStyle, lastRowStyle]);
+    return flattenedData;
+}
+//# sourceMappingURL=use_flattened_array_of_service_types_with_teams.js.map

package/build/screens/conversation_filter_recipients/hooks/use_flattened_array_of_service_types_with_teams.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use_flattened_array_of_service_types_with_teams.js","sourceRoot":"","sources":["../../../../src/screens/conversation_filter_recipients/hooks/use_flattened_array_of_service_types_with_teams.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAE/B,OAAO,EAAE,YAAY,EAAmD,MAAM,UAAU,CAAA;AAQxF,MAAM,UAAU,wCAAwC,CAAC,EACvD,IAAI,EACJ,aAAa,EACb,YAAY,GACN;IACN,MAAM,aAAa,GAAoB,OAAO,CAC5C,GAAG,EAAE,CACH,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,EAAE;QACzB,MAAM,qBAAqB,GAAG,WAAW,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;QAEpE,OAAO;YACL;gBACE,IAAI,EAAE,YAAY,CAAC,MAAe;gBAClC,IAAI,EAAE;oBACJ,eAAe,EAAE,WAAW,CAAC,IAAI;oBACjC,aAAa,EAAE,WAAW,CAAC,EAAE;oBAC7B,qBAAqB;iBACtB;gBACD,YAAY,EAAE,aAAa;aAC5B;YACD,GAAG,WAAW,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,OAAO,EAAE,EAAE;gBACzC,MAAM,uBAAuB,GAAG,OAAO,KAAK,WAAW,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAA;gBAExE,OAAO;oBACL,IAAI,EAAE,YAAY,CAAC,IAAa;oBAChC,IAAI,EAAE;wBACJ,QAAQ,EAAE,IAAI,CAAC,IAAI;wBACnB,MAAM,EAAE,IAAI,CAAC,EAAE;wBACf,aAAa,EAAE,WAAW,CAAC,EAAE;qBAC9B;oBACD,YAAY,EAAE,uBAAuB,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS;iBACjE,CAAA;YACH,CAAC,CAAC;SACH,CAAA;IACH,CAAC,CAAC,EACJ,CAAC,IAAI,EAAE,aAAa,EAAE,YAAY,CAAC,CACpC,CAAA;IAED,OAAO,aAAa,CAAA;AACtB,CAAC","sourcesContent":["import { useMemo } from 'react'\nimport { type ViewStyle } from 'react-native'\nimport { SectionTypes, type SectionListData, type ServiceTypeWithTeams } from '../types'\n\ninterface Props {\n  data: ServiceTypeWithTeams[]\n  firstRowStyle: ViewStyle\n  lastRowStyle: ViewStyle\n}\n\nexport function useFlattenedArrayOfServiceTypesWithTeams({\n  data,\n  firstRowStyle,\n  lastRowStyle,\n}: Props) {\n  const flattenedData: SectionListData = useMemo(\n    () =>\n      data.flatMap(serviceType => {\n        const teamIdsForServiceType = serviceType.teams.map(team => team.id)\n\n        return [\n          {\n            type: SectionTypes.header as const,\n            data: {\n              serviceTypeName: serviceType.name,\n              serviceTypeId: serviceType.id,\n              teamIdsForServiceType,\n            },\n            sectionStyle: firstRowStyle,\n          },\n          ...serviceType.teams.map((team, teamIdx) => {\n            const isLastTeamInServiceType = teamIdx === serviceType.teams.length - 1\n\n            return {\n              type: SectionTypes.team as const,\n              data: {\n                teamName: team.name,\n                teamId: team.id,\n                serviceTypeId: serviceType.id,\n              },\n              sectionStyle: isLastTeamInServiceType ? lastRowStyle : undefined,\n            }\n          }),\n        ]\n      }),\n    [data, firstRowStyle, lastRowStyle]\n  )\n\n  return flattenedData\n}\n"]}

package/build/screens/conversation_filter_recipients/hooks/use_service_types_with_teams.d.ts

@@ -0,0 +1,8 @@
+import { ServiceTypeWithTeams } from '../types';
+export declare function useServiceTypesWithTeams(): {
+    serviceTypes: ServiceTypeWithTeams[];
+    isFetching: boolean;
+    isError: boolean;
+    noServicesAccess: boolean;
+};
+//# sourceMappingURL=use_service_types_with_teams.d.ts.map

package/build/screens/conversation_filter_recipients/hooks/use_service_types_with_teams.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use_service_types_with_teams.d.ts","sourceRoot":"","sources":["../../../../src/screens/conversation_filter_recipients/hooks/use_service_types_with_teams.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAA;AAG/C,wBAAgB,wBAAwB;;;;;EAoCvC"}

package/build/screens/conversation_filter_recipients/hooks/use_service_types_with_teams.js

@@ -0,0 +1,65 @@
+import { useCallback, useMemo } from 'react';
+import { useApiGet } from '../../../hooks/use_api';
+import { uniqBy } from 'lodash';
+export function useServiceTypesWithTeams() {
+    const response = useApiGet({
+        url: `/chat`,
+        data: {
+            fields: {
+                Chat: ['teams_i_lead'],
+            },
+        },
+        app: 'services',
+    });
+    const { data, isFetching, isError, error } = response;
+    const teamsILead = data?.teamsILead || stableEmptyTeamResponseArray;
+    const decoratedResponse = useMemo(() => {
+        return decorateTeamResponseItems(teamsILead);
+    }, [teamsILead]);
+    const hasNoServicesAccess = useCallback(() => {
+        if (isError && error) {
+            const errorArray = error;
+            const allErrors = errorArray.errors.map(e => e.detail);
+            if (allErrors.some(e => e.includes(NOT_IN_APPLICATION_CODE))) {
+                return true;
+            }
+        }
+        return false;
+    }, [isError, error]);
+    return {
+        serviceTypes: decoratedResponse,
+        isFetching,
+        isError,
+        noServicesAccess: hasNoServicesAccess(),
+    };
+}
+function decorateTeamResponseItems(teamResponseItems) {
+    return teamResponseItems
+        .map(({ value, serviceTypeName, teamName }) => ({
+        service_type: {
+            id: value.serviceTypeId,
+            name: serviceTypeName,
+        },
+        team: {
+            id: value.teamId,
+            name: teamName,
+        },
+    }))
+        .reduce((acc, { service_type, team }) => {
+        let serviceTypeEntry = acc.find(entry => entry.id === service_type.id);
+        if (!serviceTypeEntry) {
+            serviceTypeEntry = {
+                id: service_type.id,
+                name: service_type.name,
+                teams: [],
+            };
+            acc.push(serviceTypeEntry);
+        }
+        const initialTeams = serviceTypeEntry.teams;
+        serviceTypeEntry.teams = uniqBy([...initialTeams, team], 'id');
+        return acc;
+    }, []);
+}
+const stableEmptyTeamResponseArray = [];
+const NOT_IN_APPLICATION_CODE = 'TRASH_PANDA';
+//# sourceMappingURL=use_service_types_with_teams.js.map

package/build/screens/conversation_filter_recipients/hooks/use_service_types_with_teams.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use_service_types_with_teams.js","sourceRoot":"","sources":["../../../../src/screens/conversation_filter_recipients/hooks/use_service_types_with_teams.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAA;AAGlD,OAAO,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAA;AAE/B,MAAM,UAAU,wBAAwB;IACtC,MAAM,QAAQ,GAAG,SAAS,CAAuB;QAC/C,GAAG,EAAE,OAAO;QACZ,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,CAAC,cAAc,CAAC;aACvB;SACF;QACD,GAAG,EAAE,UAAU;KAChB,CAAC,CAAA;IAEF,MAAM,EAAE,IAAI,EAAE,UAAU,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,QAAQ,CAAA;IAErD,MAAM,UAAU,GAAG,IAAI,EAAE,UAAU,IAAI,4BAA4B,CAAA;IAEnE,MAAM,iBAAiB,GAAG,OAAO,CAAC,GAAG,EAAE;QACrC,OAAO,yBAAyB,CAAC,UAAU,CAAC,CAAA;IAC9C,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAA;IAEhB,MAAM,mBAAmB,GAAG,WAAW,CAAC,GAAG,EAAE;QAC3C,IAAI,OAAO,IAAI,KAAK,EAAE,CAAC;YACrB,MAAM,UAAU,GAAG,KAAK,CAAA;YACxB,MAAM,SAAS,GAAG,UAAU,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,CAAA;YACtD,IAAI,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,uBAAuB,CAAC,CAAC,EAAE,CAAC;gBAC7D,OAAO,IAAI,CAAA;YACb,CAAC;QACH,CAAC;QACD,OAAO,KAAK,CAAA;IACd,CAAC,EAAE,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC,CAAA;IAEpB,OAAO;QACL,YAAY,EAAE,iBAAiB;QAC/B,UAAU;QACV,OAAO;QACP,gBAAgB,EAAE,mBAAmB,EAAE;KACxC,CAAA;AACH,CAAC;AAED,SAAS,yBAAyB,CAAC,iBAAqC;IACtE,OAAO,iBAAiB;SACrB,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,eAAe,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAAC;QAC9C,YAAY,EAAE;YACZ,EAAE,EAAE,KAAK,CAAC,aAAa;YACvB,IAAI,EAAE,eAAe;SACtB;QACD,IAAI,EAAE;YACJ,EAAE,EAAE,KAAK,CAAC,MAAM;YAChB,IAAI,EAAE,QAAQ;SACf;KACF,CAAC,CAAC;SACF,MAAM,CAAC,CAAC,GAA2B,EAAE,EAAE,YAAY,EAAE,IAAI,EAAE,EAAE,EAAE;QAC9D,IAAI,gBAAgB,GAAG,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,YAAY,CAAC,EAAE,CAAC,CAAA;QAEtE,IAAI,CAAC,gBAAgB,EAAE,CAAC;YACtB,gBAAgB,GAAG;gBACjB,EAAE,EAAE,YAAY,CAAC,EAAE;gBACnB,IAAI,EAAE,YAAY,CAAC,IAAI;gBACvB,KAAK,EAAE,EAAE;aACV,CAAA;YACD,GAAG,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAA;QAC5B,CAAC;QACD,MAAM,YAAY,GAAG,gBAAgB,CAAC,KAAK,CAAA;QAC3C,gBAAgB,CAAC,KAAK,GAAG,MAAM,CAAC,CAAC,GAAG,YAAY,EAAE,IAAI,CAAC,EAAE,IAAI,CAAC,CAAA;QAC9D,OAAO,GAAG,CAAA;IACZ,CAAC,EAAE,EAAE,CAAC,CAAA;AACV,CAAC;AAiBD,MAAM,4BAA4B,GAAuB,EAAE,CAAA;AAC3D,MAAM,uBAAuB,GAAG,aAAa,CAAA","sourcesContent":["import { useCallback, useMemo } from 'react'\nimport { useApiGet } from '../../../hooks/use_api'\nimport { ResourceObject } from '../../../types'\nimport { ServiceTypeWithTeams } from '../types'\nimport { uniqBy } from 'lodash'\n\nexport function useServiceTypesWithTeams() {\n  const response = useApiGet<ServicesChatResource>({\n    url: `/chat`,\n    data: {\n      fields: {\n        Chat: ['teams_i_lead'],\n      },\n    },\n    app: 'services',\n  })\n\n  const { data, isFetching, isError, error } = response\n\n  const teamsILead = data?.teamsILead || stableEmptyTeamResponseArray\n\n  const decoratedResponse = useMemo(() => {\n    return decorateTeamResponseItems(teamsILead)\n  }, [teamsILead])\n\n  const hasNoServicesAccess = useCallback(() => {\n    if (isError && error) {\n      const errorArray = error\n      const allErrors = errorArray.errors.map(e => e.detail)\n      if (allErrors.some(e => e.includes(NOT_IN_APPLICATION_CODE))) {\n        return true\n      }\n    }\n    return false\n  }, [isError, error])\n\n  return {\n    serviceTypes: decoratedResponse,\n    isFetching,\n    isError,\n    noServicesAccess: hasNoServicesAccess(),\n  }\n}\n\nfunction decorateTeamResponseItems(teamResponseItems: TeamResponseItem[]) {\n  return teamResponseItems\n    .map(({ value, serviceTypeName, teamName }) => ({\n      service_type: {\n        id: value.serviceTypeId,\n        name: serviceTypeName,\n      },\n      team: {\n        id: value.teamId,\n        name: teamName,\n      },\n    }))\n    .reduce((acc: ServiceTypeWithTeams[], { service_type, team }) => {\n      let serviceTypeEntry = acc.find(entry => entry.id === service_type.id)\n\n      if (!serviceTypeEntry) {\n        serviceTypeEntry = {\n          id: service_type.id,\n          name: service_type.name,\n          teams: [],\n        }\n        acc.push(serviceTypeEntry)\n      }\n      const initialTeams = serviceTypeEntry.teams\n      serviceTypeEntry.teams = uniqBy([...initialTeams, team], 'id')\n      return acc\n    }, [])\n}\n\ninterface TeamResponseItem {\n  value: {\n    teamId: number\n    serviceTypeId: number\n  }\n  name: string\n  teamName: string\n  serviceTypeName: string\n  order: string[]\n}\n\ninterface ServicesChatResource extends ResourceObject {\n  teamsILead: TeamResponseItem[]\n}\n\nconst stableEmptyTeamResponseArray: TeamResponseItem[] = []\nconst NOT_IN_APPLICATION_CODE = 'TRASH_PANDA'\n"]}

package/build/screens/conversation_filter_recipients/types.d.ts

@@ -0,0 +1,38 @@
+import { type ViewStyle } from 'react-native';
+import { AppName } from '../../types/resources/app_name';
+import { StaticScreenProps } from '@react-navigation/native';
+export interface ServiceTypeWithTeams {
+    id: number;
+    name: string;
+    teams: {
+        id: number;
+        name: string;
+    }[];
+}
+export declare enum SectionTypes {
+    header = 0,
+    team = 1
+}
+export interface ServiceTypeProps {
+    serviceTypeName: string;
+    serviceTypeId: number;
+    teamIdsForServiceType: number[];
+}
+export interface TeamProps {
+    teamName: string;
+    teamId: number;
+    serviceTypeId: number;
+}
+export type SectionListData = Array<DataItem<ServiceTypeProps, SectionTypes.header> | DataItem<TeamProps, SectionTypes.team>>;
+interface DataItem<T, TName extends SectionTypes> {
+    type: TName;
+    data: T;
+    sectionStyle?: ViewStyle;
+}
+export type ConversationFilterRecipientsParams = {
+    source_app_name?: AppName;
+    team_ids?: number[];
+};
+export type ConversationFilterRecipientsScreenProps = StaticScreenProps<ConversationFilterRecipientsParams>;
+export {};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/screens/conversation_filter_recipients/types.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAA;AAC7C,OAAO,EAAE,OAAO,EAAE,MAAM,gCAAgC,CAAA;AACxD,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAA;AAE5D,MAAM,WAAW,oBAAoB;IACnC,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE;QACL,EAAE,EAAE,MAAM,CAAA;QACV,IAAI,EAAE,MAAM,CAAA;KACb,EAAE,CAAA;CACJ;AAED,oBAAY,YAAY;IACtB,MAAM,IAAA;IACN,IAAI,IAAA;CACL;AAED,MAAM,WAAW,gBAAgB;IAC/B,eAAe,EAAE,MAAM,CAAA;IACvB,aAAa,EAAE,MAAM,CAAA;IACrB,qBAAqB,EAAE,MAAM,EAAE,CAAA;CAChC;AAED,MAAM,WAAW,SAAS;IACxB,QAAQ,EAAE,MAAM,CAAA;IAChB,MAAM,EAAE,MAAM,CAAA;IACd,aAAa,EAAE,MAAM,CAAA;CACtB;AAED,MAAM,MAAM,eAAe,GAAG,KAAK,CACjC,QAAQ,CAAC,gBAAgB,EAAE,YAAY,CAAC,MAAM,CAAC,GAAG,QAAQ,CAAC,SAAS,EAAE,YAAY,CAAC,IAAI,CAAC,CACzF,CAAA;AAED,UAAU,QAAQ,CAAC,CAAC,EAAE,KAAK,SAAS,YAAY;IAC9C,IAAI,EAAE,KAAK,CAAA;IACX,IAAI,EAAE,CAAC,CAAA;IACP,YAAY,CAAC,EAAE,SAAS,CAAA;CACzB;AAED,MAAM,MAAM,kCAAkC,GAAG;IAC/C,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAA;CACpB,CAAA;AAED,MAAM,MAAM,uCAAuC,GACjD,iBAAiB,CAAC,kCAAkC,CAAC,CAAA"}

package/build/screens/conversation_filter_recipients/types.js

@@ -0,0 +1,6 @@
+export var SectionTypes;
+(function (SectionTypes) {
+    SectionTypes[SectionTypes["header"] = 0] = "header";
+    SectionTypes[SectionTypes["team"] = 1] = "team";
+})(SectionTypes || (SectionTypes = {}));
+//# sourceMappingURL=types.js.map