@planningcenter/chat-react-native 3.2.0-rc.2 → 3.2.0-rc.21

package/build/screens/conversation_filter_recipients/conversation_filter_recipients_screen.js

@@ -0,0 +1,87 @@
+import React from 'react';
+import { Platform, StyleSheet, useWindowDimensions, View } from 'react-native';
+import { useSafeAreaInsets } from 'react-native-safe-area-context';
+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: 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 { 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>
+    </FilterRecipientsProvider>);
+};
+const useStyles = () => {
+    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({
+        listWrapper: {
+            flex: 1,
+            height: containerHeight,
+            backgroundColor: colors.surfaceColor080,
+        },
+        listContentContainer: {
+            padding: 16,
+            paddingBottom: bottom,
+        },
+        listHeader: {
+            paddingBottom: 16,
+        },
+        firstRow: {
+            borderTopStartRadius: tokens.borderRadiusLg,
+            borderTopEndRadius: tokens.borderRadiusLg,
+        },
+        lastRow: {
+            borderBottomStartRadius: tokens.borderRadiusLg,
+            borderBottomEndRadius: tokens.borderRadiusLg,
+            marginBottom: 16,
+        },
+    });
+};
+//# sourceMappingURL=conversation_filter_recipients_screen.js.map

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

@@ -0,0 +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"]}

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/screens/conversation_filter_recipients/types.tsx"],"names":[],"mappings":"AAaA,MAAM,CAAN,IAAY,YAGX;AAHD,WAAY,YAAY;IACtB,mDAAM,CAAA;IACN,+CAAI,CAAA;AACN,CAAC,EAHW,YAAY,KAAZ,YAAY,QAGvB","sourcesContent":["import { type ViewStyle } from 'react-native'\nimport { AppName } from '../../types/resources/app_name'\nimport { StaticScreenProps } from '@react-navigation/native'\n\nexport interface ServiceTypeWithTeams {\n  id: number\n  name: string\n  teams: {\n    id: number\n    name: string\n  }[]\n}\n\nexport enum SectionTypes {\n  header,\n  team,\n}\n\nexport interface ServiceTypeProps {\n  serviceTypeName: string\n  serviceTypeId: number\n  teamIdsForServiceType: number[]\n}\n\nexport interface TeamProps {\n  teamName: string\n  teamId: number\n  serviceTypeId: number\n}\n\nexport type SectionListData = Array<\n  DataItem<ServiceTypeProps, SectionTypes.header> | DataItem<TeamProps, SectionTypes.team>\n>\n\ninterface DataItem<T, TName extends SectionTypes> {\n  type: TName\n  data: T\n  sectionStyle?: ViewStyle\n}\n\nexport type ConversationFilterRecipientsParams = {\n  source_app_name?: AppName\n  team_ids?: number[]\n}\n\nexport type ConversationFilterRecipientsScreenProps =\n  StaticScreenProps<ConversationFilterRecipientsParams>\n"]}