@planningcenter/chat-react-native 3.43.0-rc.3 → 3.43.0-rc.4

package/build/screens/conversation_filters/components/rows.js

@@ -19,7 +19,7 @@ export const GroupRow = ({ group, isActive }) => {
         setGroupFilter({ chat_group_graph_id: group.id });
     };
     const { headerImage, membershipsCount } = group;
-    return (_jsxs(PressableRow, { onPress: handleFilterByGroup, isActive: isActive, children: [headerImage?.thumbnail && (_jsx(Image, { source: { uri: headerImage?.thumbnail }, resizeMode: "cover", style: styles.rowImage, alt: "" })), _jsxs(View, { style: styles.rowTextContainer, children: [_jsx(Heading, { variant: "h3", style: styles.rowTitle, children: group.name }), membershipsCount && (_jsxs(Text, { style: styles.rowSubtitle, children: [group.membershipsCount, " members"] }))] })] }));
+    return (_jsxs(PressableRow, { onPress: handleFilterByGroup, isActive: isActive, children: [headerImage?.medium && (_jsx(Image, { source: { uri: headerImage?.medium }, resizeMode: "cover", style: styles.rowImage, alt: "" })), _jsxs(View, { style: styles.rowTextContainer, children: [_jsx(Heading, { variant: "h3", style: styles.rowTitle, children: group.name }), membershipsCount && (_jsxs(Text, { style: styles.rowSubtitle, children: [group.membershipsCount, " members"] }))] })] }));
 };
 export const TeamRow = ({ team }) => {
     const { setGroupFilter } = useContext(FilterContext);

package/build/screens/conversation_filters/components/rows.js.map

@@ -1 +1 @@
-{"version":3,"file":"rows.js","sourceRoot":"","sources":["../../../../src/screens/conversation_filters/components/rows.tsx"],"names":[],"mappings":"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","sourcesContent":["import { PlatformPressable } from '@react-navigation/elements'\nimport { NavigationProp, useNavigation } from '@react-navigation/native'\nimport React, { PropsWithChildren, useContext } from 'react'\nimport { StyleSheet, View, ViewStyle } from 'react-native'\nimport { Heading, Icon, Image, Text, TextButton } from '../../../components'\nimport {\n  useAtFontScaleBreakpoint,\n  useFontScale,\n  useScalableNumberOfLines,\n  useTheme,\n} from '../../../hooks'\nimport { useServicesTeamsMap } from '../../../hooks/services/use_services_team'\nimport { GroupResource } from '../../../types/resources/group_resource'\nimport { MAX_FONT_SIZE_MULTIPLIER, platformFontWeightBold } from '../../../utils/styles'\nimport { FilterContext } from '../context/conversation_filter_context'\nimport { FilterTypes } from '../filter_types'\nimport { FilteredGroup } from '../hooks/filters'\nimport { ConversationFilterStackParamList } from '../screen_props'\n\nexport type FilterProps = {\n  group_source_app_name?: string\n  show_direct_messages?: boolean\n  isActive: boolean\n  filter: FilterTypes\n}\n\nexport const FilterRow = ({\n  group_source_app_name,\n  show_direct_messages,\n  isActive,\n  filter,\n}: FilterProps) => {\n  const { setAppFilter } = useContext(FilterContext)\n\n  return (\n    <PressableRow\n      onPress={() => setAppFilter({ group_source_app_name, show_direct_messages })}\n      isActive={isActive}\n    >\n      <Text>{filter}</Text>\n    </PressableRow>\n  )\n}\n\nexport type GroupRowProps = {\n  group: FilteredGroup\n  isActive: boolean\n}\n\nexport const GroupRow = ({ group, isActive }: GroupRowProps) => {\n  const styles = useRowStyles()\n  const { setGroupFilter } = useContext(FilterContext)\n\n  const handleFilterByGroup = () => {\n    setGroupFilter({ chat_group_graph_id: group.id })\n  }\n\n  const { headerImage, membershipsCount } = group\n\n  return (\n    <PressableRow onPress={handleFilterByGroup} isActive={isActive}>\n      {headerImage?.thumbnail && (\n        <Image\n          source={{ uri: headerImage?.thumbnail }}\n          resizeMode=\"cover\"\n          style={styles.rowImage}\n          alt=\"\"\n        />\n      )}\n      <View style={styles.rowTextContainer}>\n        <Heading variant=\"h3\" style={styles.rowTitle}>\n          {group.name}\n        </Heading>\n        {membershipsCount && (\n          <Text style={styles.rowSubtitle}>{group.membershipsCount} members</Text>\n        )}\n      </View>\n    </PressableRow>\n  )\n}\n\nexport type TeamRowProps = {\n  team: GroupResource\n  isActive: boolean\n}\n\nexport const TeamRow = ({ team }: TeamRowProps) => {\n  const { setGroupFilter } = useContext(FilterContext)\n  const servicesTeams = useServicesTeamsMap()\n  const { params } = useContext(FilterContext)\n  const { chat_group_graph_id } = params\n  const isActive = chat_group_graph_id === team.id.toString()\n  const styles = useRowStyles()\n  const scalableNumberOfLines = useScalableNumberOfLines()\n\n  const handleFilterByGroup = () => {\n    setGroupFilter({ chat_group_graph_id: team.id })\n  }\n\n  const servicesTeam = servicesTeams[team.id]\n  const concatedServiceTypeNames = servicesTeam?.serviceTypeNames.join(', ')\n  const serviceTypeName = concatedServiceTypeNames || servicesTeam?.group\n\n  return (\n    <PressableRow onPress={handleFilterByGroup} isActive={isActive}>\n      <View style={styles.rowTextContainer}>\n        <Heading variant=\"h3\" style={styles.rowTitle}>\n          {team.name}\n        </Heading>\n        <Text numberOfLines={scalableNumberOfLines} style={styles.rowSubtitle}>\n          {serviceTypeName}\n        </Text>\n      </View>\n    </PressableRow>\n  )\n}\n\nexport type ViewMoreRowProps = { routeName: keyof ConversationFilterStackParamList }\n\nexport const ViewMore = ({ routeName }: ViewMoreRowProps) => {\n  const styles = useRowStyles()\n  const navigation = useNavigation<NavigationProp<ConversationFilterStackParamList, 'Filters'>>()\n\n  return (\n    <View style={[styles.rowWithoutBorder]}>\n      <TextButton onPress={() => navigation.navigate(routeName, {})} style={styles.viewMoreButton}>\n        View more\n      </TextButton>\n    </View>\n  )\n}\n\nexport const PressableRow = ({\n  children,\n  isActive,\n  onPress,\n  style,\n}: PropsWithChildren<{ isActive: boolean; onPress: () => void; style?: ViewStyle }>) => {\n  const styles = useRowStyles({ isActive })\n  return (\n    <PlatformPressable\n      style={styles.pressable}\n      onPress={onPress}\n      accessibilityRole=\"radio\"\n      accessibilityState={{ selected: isActive }}\n    >\n      <View style={styles.row}>\n        <View style={[styles.rowInner, style]}>{children}</View>\n        <Icon\n          name=\"general.check\"\n          style={styles.rowIconRight}\n          accessibilityElementsHidden\n          maxFontSizeMultiplier={2.5}\n        />\n      </View>\n    </PlatformPressable>\n  )\n}\n\nconst ASPECT_RATIO = 16 / 9\nconst THUMBNAIL_WIDTH = 80\nconst THUMBNAIL_HEIGHT = THUMBNAIL_WIDTH / ASPECT_RATIO\n\nconst useRowStyles = ({ isActive = false }: { isActive?: boolean } = {}) => {\n  const theme = useTheme()\n  const fontScale = useFontScale({ maxFontSizeMultiplier: MAX_FONT_SIZE_MULTIPLIER })\n  const atFontScaleBreakpoint = useAtFontScaleBreakpoint()\n\n  return StyleSheet.create({\n    pressable: {\n      paddingLeft: 16,\n    },\n    row: {\n      flexDirection: 'row',\n      alignItems: 'center',\n      justifyContent: 'space-between',\n      gap: 12,\n      borderBottomWidth: 1,\n      borderBottomColor: atFontScaleBreakpoint\n        ? theme.colors.borderColorDefaultDark\n        : theme.colors.borderColorDefaultBase,\n      paddingVertical: 12,\n      paddingRight: 16,\n    },\n    rowInner: {\n      flexDirection: atFontScaleBreakpoint ? 'column' : 'row',\n      alignItems: atFontScaleBreakpoint ? 'flex-start' : 'center',\n      gap: 12,\n      flexShrink: 1,\n    },\n    rowTextContainer: {\n      flexShrink: 1,\n    },\n    rowWithoutBorder: {\n      flexDirection: 'row',\n      alignItems: 'center',\n      gap: 12,\n      paddingVertical: 12,\n      paddingRight: 16,\n      paddingLeft: 16,\n    },\n    viewMoreButton: {\n      flex: 1,\n    },\n    rowImage: {\n      width: THUMBNAIL_WIDTH * fontScale,\n      height: THUMBNAIL_HEIGHT * fontScale,\n      borderRadius: 4 * fontScale,\n    },\n    rowIconRight: {\n      fontSize: 16,\n      color: theme.colors.statusSuccessIcon,\n      opacity: isActive ? 1 : 0,\n    },\n    rowTitle: {\n      fontSize: 16,\n      flexShrink: 1,\n      fontWeight: atFontScaleBreakpoint ? 400 : platformFontWeightBold,\n    },\n    rowSubtitle: {\n      color: atFontScaleBreakpoint\n        ? theme.colors.textColorDefaultSecondary\n        : theme.colors.textColorDefaultPrimary,\n    },\n  })\n}\n"]}
+{"version":3,"file":"rows.js","sourceRoot":"","sources":["../../../../src/screens/conversation_filters/components/rows.tsx"],"names":[],"mappings":"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","sourcesContent":["import { PlatformPressable } from '@react-navigation/elements'\nimport { NavigationProp, useNavigation } from '@react-navigation/native'\nimport React, { PropsWithChildren, useContext } from 'react'\nimport { StyleSheet, View, ViewStyle } from 'react-native'\nimport { Heading, Icon, Image, Text, TextButton } from '../../../components'\nimport {\n  useAtFontScaleBreakpoint,\n  useFontScale,\n  useScalableNumberOfLines,\n  useTheme,\n} from '../../../hooks'\nimport { useServicesTeamsMap } from '../../../hooks/services/use_services_team'\nimport { GroupResource } from '../../../types/resources/group_resource'\nimport { MAX_FONT_SIZE_MULTIPLIER, platformFontWeightBold } from '../../../utils/styles'\nimport { FilterContext } from '../context/conversation_filter_context'\nimport { FilterTypes } from '../filter_types'\nimport { FilteredGroup } from '../hooks/filters'\nimport { ConversationFilterStackParamList } from '../screen_props'\n\nexport type FilterProps = {\n  group_source_app_name?: string\n  show_direct_messages?: boolean\n  isActive: boolean\n  filter: FilterTypes\n}\n\nexport const FilterRow = ({\n  group_source_app_name,\n  show_direct_messages,\n  isActive,\n  filter,\n}: FilterProps) => {\n  const { setAppFilter } = useContext(FilterContext)\n\n  return (\n    <PressableRow\n      onPress={() => setAppFilter({ group_source_app_name, show_direct_messages })}\n      isActive={isActive}\n    >\n      <Text>{filter}</Text>\n    </PressableRow>\n  )\n}\n\nexport type GroupRowProps = {\n  group: FilteredGroup\n  isActive: boolean\n}\n\nexport const GroupRow = ({ group, isActive }: GroupRowProps) => {\n  const styles = useRowStyles()\n  const { setGroupFilter } = useContext(FilterContext)\n\n  const handleFilterByGroup = () => {\n    setGroupFilter({ chat_group_graph_id: group.id })\n  }\n\n  const { headerImage, membershipsCount } = group\n\n  return (\n    <PressableRow onPress={handleFilterByGroup} isActive={isActive}>\n      {headerImage?.medium && (\n        <Image\n          source={{ uri: headerImage?.medium }}\n          resizeMode=\"cover\"\n          style={styles.rowImage}\n          alt=\"\"\n        />\n      )}\n      <View style={styles.rowTextContainer}>\n        <Heading variant=\"h3\" style={styles.rowTitle}>\n          {group.name}\n        </Heading>\n        {membershipsCount && (\n          <Text style={styles.rowSubtitle}>{group.membershipsCount} members</Text>\n        )}\n      </View>\n    </PressableRow>\n  )\n}\n\nexport type TeamRowProps = {\n  team: GroupResource\n  isActive: boolean\n}\n\nexport const TeamRow = ({ team }: TeamRowProps) => {\n  const { setGroupFilter } = useContext(FilterContext)\n  const servicesTeams = useServicesTeamsMap()\n  const { params } = useContext(FilterContext)\n  const { chat_group_graph_id } = params\n  const isActive = chat_group_graph_id === team.id.toString()\n  const styles = useRowStyles()\n  const scalableNumberOfLines = useScalableNumberOfLines()\n\n  const handleFilterByGroup = () => {\n    setGroupFilter({ chat_group_graph_id: team.id })\n  }\n\n  const servicesTeam = servicesTeams[team.id]\n  const concatedServiceTypeNames = servicesTeam?.serviceTypeNames.join(', ')\n  const serviceTypeName = concatedServiceTypeNames || servicesTeam?.group\n\n  return (\n    <PressableRow onPress={handleFilterByGroup} isActive={isActive}>\n      <View style={styles.rowTextContainer}>\n        <Heading variant=\"h3\" style={styles.rowTitle}>\n          {team.name}\n        </Heading>\n        <Text numberOfLines={scalableNumberOfLines} style={styles.rowSubtitle}>\n          {serviceTypeName}\n        </Text>\n      </View>\n    </PressableRow>\n  )\n}\n\nexport type ViewMoreRowProps = { routeName: keyof ConversationFilterStackParamList }\n\nexport const ViewMore = ({ routeName }: ViewMoreRowProps) => {\n  const styles = useRowStyles()\n  const navigation = useNavigation<NavigationProp<ConversationFilterStackParamList, 'Filters'>>()\n\n  return (\n    <View style={[styles.rowWithoutBorder]}>\n      <TextButton onPress={() => navigation.navigate(routeName, {})} style={styles.viewMoreButton}>\n        View more\n      </TextButton>\n    </View>\n  )\n}\n\nexport const PressableRow = ({\n  children,\n  isActive,\n  onPress,\n  style,\n}: PropsWithChildren<{ isActive: boolean; onPress: () => void; style?: ViewStyle }>) => {\n  const styles = useRowStyles({ isActive })\n  return (\n    <PlatformPressable\n      style={styles.pressable}\n      onPress={onPress}\n      accessibilityRole=\"radio\"\n      accessibilityState={{ selected: isActive }}\n    >\n      <View style={styles.row}>\n        <View style={[styles.rowInner, style]}>{children}</View>\n        <Icon\n          name=\"general.check\"\n          style={styles.rowIconRight}\n          accessibilityElementsHidden\n          maxFontSizeMultiplier={2.5}\n        />\n      </View>\n    </PlatformPressable>\n  )\n}\n\nconst ASPECT_RATIO = 16 / 9\nconst THUMBNAIL_WIDTH = 80\nconst THUMBNAIL_HEIGHT = THUMBNAIL_WIDTH / ASPECT_RATIO\n\nconst useRowStyles = ({ isActive = false }: { isActive?: boolean } = {}) => {\n  const theme = useTheme()\n  const fontScale = useFontScale({ maxFontSizeMultiplier: MAX_FONT_SIZE_MULTIPLIER })\n  const atFontScaleBreakpoint = useAtFontScaleBreakpoint()\n\n  return StyleSheet.create({\n    pressable: {\n      paddingLeft: 16,\n    },\n    row: {\n      flexDirection: 'row',\n      alignItems: 'center',\n      justifyContent: 'space-between',\n      gap: 12,\n      borderBottomWidth: 1,\n      borderBottomColor: atFontScaleBreakpoint\n        ? theme.colors.borderColorDefaultDark\n        : theme.colors.borderColorDefaultBase,\n      paddingVertical: 12,\n      paddingRight: 16,\n    },\n    rowInner: {\n      flexDirection: atFontScaleBreakpoint ? 'column' : 'row',\n      alignItems: atFontScaleBreakpoint ? 'flex-start' : 'center',\n      gap: 12,\n      flexShrink: 1,\n    },\n    rowTextContainer: {\n      flexShrink: 1,\n    },\n    rowWithoutBorder: {\n      flexDirection: 'row',\n      alignItems: 'center',\n      gap: 12,\n      paddingVertical: 12,\n      paddingRight: 16,\n      paddingLeft: 16,\n    },\n    viewMoreButton: {\n      flex: 1,\n    },\n    rowImage: {\n      width: THUMBNAIL_WIDTH * fontScale,\n      height: THUMBNAIL_HEIGHT * fontScale,\n      borderRadius: 4 * fontScale,\n    },\n    rowIconRight: {\n      fontSize: 16,\n      color: theme.colors.statusSuccessIcon,\n      opacity: isActive ? 1 : 0,\n    },\n    rowTitle: {\n      fontSize: 16,\n      flexShrink: 1,\n      fontWeight: atFontScaleBreakpoint ? 400 : platformFontWeightBold,\n    },\n    rowSubtitle: {\n      color: atFontScaleBreakpoint\n        ? theme.colors.textColorDefaultSecondary\n        : theme.colors.textColorDefaultPrimary,\n    },\n  })\n}\n"]}

package/build/screens/conversation_select_recipients/components/groups_recipient_row.js

@@ -3,6 +3,6 @@ import { pluralize } from '../../../utils';
 import { RecipientLinkRow } from './recipient_link_row';
 export const GroupsRecipientRow = ({ group, onPress }) => {
     const groupAccessibilityLabel = `Select ${group.name} with ${pluralize(group.membershipsCount, 'member')}`;
-    return (_jsx(RecipientLinkRow, { imageUri: group.headerImage?.thumbnail, title: group.name, subtitle: `${group.membershipsCount} members`, onPress: () => onPress(group), accessibilityLabel: groupAccessibilityLabel, accessibilityHint: `Selects group as recipient and navigates to the final screen to finish creating the conversation` }));
+    return (_jsx(RecipientLinkRow, { imageUri: group.headerImage?.medium, title: group.name, subtitle: `${group.membershipsCount} members`, onPress: () => onPress(group), accessibilityLabel: groupAccessibilityLabel, accessibilityHint: `Selects group as recipient and navigates to the final screen to finish creating the conversation` }));
 };
 //# sourceMappingURL=groups_recipient_row.js.map

package/build/screens/conversation_select_recipients/components/groups_recipient_row.js.map

@@ -1 +1 @@
-{"version":3,"file":"groups_recipient_row.js","sourceRoot":"","sources":["../../../../src/screens/conversation_select_recipients/components/groups_recipient_row.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAC1C,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAA;AAOvD,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,EAAE,KAAK,EAAE,OAAO,EAA2B,EAAE,EAAE;IAChF,MAAM,uBAAuB,GAAG,UAAU,KAAK,CAAC,IAAI,SAAS,SAAS,CAAC,KAAK,CAAC,gBAAgB,EAAE,QAAQ,CAAC,EAAE,CAAA;IAE1G,OAAO,CACL,KAAC,gBAAgB,IACf,QAAQ,EAAE,KAAK,CAAC,WAAW,EAAE,SAAS,EACtC,KAAK,EAAE,KAAK,CAAC,IAAI,EACjB,QAAQ,EAAE,GAAG,KAAK,CAAC,gBAAgB,UAAU,EAC7C,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EAC7B,kBAAkB,EAAE,uBAAuB,EAC3C,iBAAiB,EAAE,kGAAkG,GACrH,CACH,CAAA;AACH,CAAC,CAAA","sourcesContent":["import { GroupsGroupResource } from '../../../types'\nimport { pluralize } from '../../../utils'\nimport { RecipientLinkRow } from './recipient_link_row'\n\ninterface GroupsRecipientRowProps {\n  group: GroupsGroupResource\n  onPress: (group: GroupsGroupResource) => void\n}\n\nexport const GroupsRecipientRow = ({ group, onPress }: GroupsRecipientRowProps) => {\n  const groupAccessibilityLabel = `Select ${group.name} with ${pluralize(group.membershipsCount, 'member')}`\n\n  return (\n    <RecipientLinkRow\n      imageUri={group.headerImage?.thumbnail}\n      title={group.name}\n      subtitle={`${group.membershipsCount} members`}\n      onPress={() => onPress(group)}\n      accessibilityLabel={groupAccessibilityLabel}\n      accessibilityHint={`Selects group as recipient and navigates to the final screen to finish creating the conversation`}\n    />\n  )\n}\n"]}
+{"version":3,"file":"groups_recipient_row.js","sourceRoot":"","sources":["../../../../src/screens/conversation_select_recipients/components/groups_recipient_row.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAC1C,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAA;AAOvD,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,EAAE,KAAK,EAAE,OAAO,EAA2B,EAAE,EAAE;IAChF,MAAM,uBAAuB,GAAG,UAAU,KAAK,CAAC,IAAI,SAAS,SAAS,CAAC,KAAK,CAAC,gBAAgB,EAAE,QAAQ,CAAC,EAAE,CAAA;IAE1G,OAAO,CACL,KAAC,gBAAgB,IACf,QAAQ,EAAE,KAAK,CAAC,WAAW,EAAE,MAAM,EACnC,KAAK,EAAE,KAAK,CAAC,IAAI,EACjB,QAAQ,EAAE,GAAG,KAAK,CAAC,gBAAgB,UAAU,EAC7C,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EAC7B,kBAAkB,EAAE,uBAAuB,EAC3C,iBAAiB,EAAE,kGAAkG,GACrH,CACH,CAAA;AACH,CAAC,CAAA","sourcesContent":["import { GroupsGroupResource } from '../../../types'\nimport { pluralize } from '../../../utils'\nimport { RecipientLinkRow } from './recipient_link_row'\n\ninterface GroupsRecipientRowProps {\n  group: GroupsGroupResource\n  onPress: (group: GroupsGroupResource) => void\n}\n\nexport const GroupsRecipientRow = ({ group, onPress }: GroupsRecipientRowProps) => {\n  const groupAccessibilityLabel = `Select ${group.name} with ${pluralize(group.membershipsCount, 'member')}`\n\n  return (\n    <RecipientLinkRow\n      imageUri={group.headerImage?.medium}\n      title={group.name}\n      subtitle={`${group.membershipsCount} members`}\n      onPress={() => onPress(group)}\n      accessibilityLabel={groupAccessibilityLabel}\n      accessibilityHint={`Selects group as recipient and navigates to the final screen to finish creating the conversation`}\n    />\n  )\n}\n"]}

package/build/screens/conversation_select_recipients/components/restricted_group_row.js

@@ -15,7 +15,7 @@ function reasonText(reasonCode) {
 }
 export const RestrictedGroupRow = ({ group }) => {
     const styles = useStyles();
-    return (_jsx(View, { style: styles.row, accessibilityLabel: `${group.name} — ${reasonText(group.canCreateConversationReasonCode)}`, children: _jsxs(View, { style: styles.innerContainer, children: [group.headerImage?.thumbnail && (_jsx(Image, { source: { uri: group.headerImage.thumbnail }, resizeMode: "cover", style: styles.image, alt: "" })), _jsxs(View, { style: styles.content, children: [_jsx(Text, { style: styles.title, numberOfLines: 2, children: group.name }), _jsx(Text, { variant: "tertiary", numberOfLines: 1, children: reasonText(group.canCreateConversationReasonCode) })] })] }) }));
+    return (_jsx(View, { style: styles.row, accessibilityLabel: `${group.name} — ${reasonText(group.canCreateConversationReasonCode)}`, children: _jsxs(View, { style: styles.innerContainer, children: [group.headerImage?.medium && (_jsx(Image, { source: { uri: group.headerImage.medium }, resizeMode: "cover", style: styles.image, alt: "" })), _jsxs(View, { style: styles.content, children: [_jsx(Text, { style: styles.title, numberOfLines: 2, children: group.name }), _jsx(Text, { variant: "tertiary", numberOfLines: 1, children: reasonText(group.canCreateConversationReasonCode) })] })] }) }));
 };
 const ASPECT_RATIO = 16 / 9;
 const THUMBNAIL_WIDTH = 80;

package/build/screens/conversation_select_recipients/components/restricted_group_row.js.map

@@ -1 +1 @@
-{"version":3,"file":"restricted_group_row.js","sourceRoot":"","sources":["../../../../src/screens/conversation_select_recipients/components/restricted_group_row.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAC/C,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAA;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AAEzC,OAAO,EAAE,wBAAwB,EAAE,MAAM,gBAAgB,CAAA;AAMzD,MAAM,cAAc,GAAG,oCAAoC,CAAA;AAC3D,MAAM,mBAAmB,GAA2B;IAClD,YAAY,EAAE,sCAAsC;IACpD,aAAa,EAAE,cAAc;CAC9B,CAAA;AAED,SAAS,UAAU,CAAC,UAAyB;IAC3C,IAAI,CAAC,UAAU;QAAE,OAAO,cAAc,CAAA;IACtC,OAAO,mBAAmB,CAAC,UAAU,CAAC,IAAI,cAAc,CAAA;AAC1D,CAAC;AAED,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,EAAE,KAAK,EAA2B,EAAE,EAAE;IACvE,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAE1B,OAAO,CACL,KAAC,IAAI,IACH,KAAK,EAAE,MAAM,CAAC,GAAG,EACjB,kBAAkB,EAAE,GAAG,KAAK,CAAC,IAAI,MAAM,UAAU,CAAC,KAAK,CAAC,+BAA+B,CAAC,EAAE,YAE1F,MAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,cAAc,aAC/B,KAAK,CAAC,WAAW,EAAE,SAAS,IAAI,CAC/B,KAAC,KAAK,IACJ,MAAM,EAAE,EAAE,GAAG,EAAE,KAAK,CAAC,WAAW,CAAC,SAAS,EAAE,EAC5C,UAAU,EAAC,OAAO,EAClB,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,GAAG,EAAC,EAAE,GACN,CACH,EACD,MAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,OAAO,aACzB,KAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,KAAK,EAAE,aAAa,EAAE,CAAC,YACxC,KAAK,CAAC,IAAI,GACN,EACP,KAAC,IAAI,IAAC,OAAO,EAAC,UAAU,EAAC,aAAa,EAAE,CAAC,YACtC,UAAU,CAAC,KAAK,CAAC,+BAA+B,CAAC,GAC7C,IACF,IACF,GACF,CACR,CAAA;AACH,CAAC,CAAA;AAED,MAAM,YAAY,GAAG,EAAE,GAAG,CAAC,CAAA;AAC3B,MAAM,eAAe,GAAG,EAAE,CAAA;AAC1B,MAAM,gBAAgB,GAAG,eAAe,GAAG,YAAY,CAAA;AAEvD,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IAExB,OAAO,UAAU,CAAC,MAAM,CAAC;QACvB,GAAG,EAAE;YACH,WAAW,EAAE,EAAE;YACf,OAAO,EAAE,GAAG;SACb;QACD,cAAc,EAAE;YACd,aAAa,EAAE,KAAK;YACpB,UAAU,EAAE,QAAQ;YACpB,GAAG,EAAE,EAAE;YACP,eAAe,EAAE,EAAE;YACnB,YAAY,EAAE,EAAE;YAChB,iBAAiB,EAAE,CAAC;YACpB,WAAW,EAAE,KAAK,CAAC,MAAM,CAAC,uBAAuB;SAClD;QACD,KAAK,EAAE;YACL,KAAK,EAAE,eAAe;YACtB,MAAM,EAAE,gBAAgB;YACxB,YAAY,EAAE,CAAC;SAChB;QACD,KAAK,EAAE;YACL,UAAU,EAAE,wBAAwB;YACpC,UAAU,EAAE,CAAC;SACd;QACD,OAAO,EAAE;YACP,UAAU,EAAE,CAAC;YACb,GAAG,EAAE,CAAC;SACP;KACF,CAAC,CAAA;AACJ,CAAC,CAAA","sourcesContent":["import React from 'react'\nimport { StyleSheet, View } from 'react-native'\nimport { Image, Text } from '../../../components'\nimport { useTheme } from '../../../hooks'\nimport { GroupsGroupResource } from '../../../types'\nimport { platformFontWeightMedium } from '../../../utils'\n\ninterface RestrictedGroupRowProps {\n  group: GroupsGroupResource\n}\n\nconst DEFAULT_REASON = 'Chat is not enabled for this group'\nconst REASON_DISPLAY_TEXT: Record<string, string> = {\n  leaders_only: 'Only leaders can start conversations',\n  chat_disabled: DEFAULT_REASON,\n}\n\nfunction reasonText(reasonCode: string | null): string {\n  if (!reasonCode) return DEFAULT_REASON\n  return REASON_DISPLAY_TEXT[reasonCode] || DEFAULT_REASON\n}\n\nexport const RestrictedGroupRow = ({ group }: RestrictedGroupRowProps) => {\n  const styles = useStyles()\n\n  return (\n    <View\n      style={styles.row}\n      accessibilityLabel={`${group.name} — ${reasonText(group.canCreateConversationReasonCode)}`}\n    >\n      <View style={styles.innerContainer}>\n        {group.headerImage?.thumbnail && (\n          <Image\n            source={{ uri: group.headerImage.thumbnail }}\n            resizeMode=\"cover\"\n            style={styles.image}\n            alt=\"\"\n          />\n        )}\n        <View style={styles.content}>\n          <Text style={styles.title} numberOfLines={2}>\n            {group.name}\n          </Text>\n          <Text variant=\"tertiary\" numberOfLines={1}>\n            {reasonText(group.canCreateConversationReasonCode)}\n          </Text>\n        </View>\n      </View>\n    </View>\n  )\n}\n\nconst ASPECT_RATIO = 16 / 9\nconst THUMBNAIL_WIDTH = 80\nconst THUMBNAIL_HEIGHT = THUMBNAIL_WIDTH / ASPECT_RATIO\n\nconst useStyles = () => {\n  const theme = useTheme()\n\n  return StyleSheet.create({\n    row: {\n      paddingLeft: 16,\n      opacity: 0.5,\n    },\n    innerContainer: {\n      flexDirection: 'row',\n      alignItems: 'center',\n      gap: 12,\n      paddingVertical: 16,\n      paddingRight: 16,\n      borderBottomWidth: 1,\n      borderColor: theme.colors.fillColorNeutral050Base,\n    },\n    image: {\n      width: THUMBNAIL_WIDTH,\n      height: THUMBNAIL_HEIGHT,\n      borderRadius: 4,\n    },\n    title: {\n      fontWeight: platformFontWeightMedium,\n      flexShrink: 1,\n    },\n    content: {\n      flexShrink: 1,\n      gap: 2,\n    },\n  })\n}\n"]}
+{"version":3,"file":"restricted_group_row.js","sourceRoot":"","sources":["../../../../src/screens/conversation_select_recipients/components/restricted_group_row.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAC/C,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAA;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AAEzC,OAAO,EAAE,wBAAwB,EAAE,MAAM,gBAAgB,CAAA;AAMzD,MAAM,cAAc,GAAG,oCAAoC,CAAA;AAC3D,MAAM,mBAAmB,GAA2B;IAClD,YAAY,EAAE,sCAAsC;IACpD,aAAa,EAAE,cAAc;CAC9B,CAAA;AAED,SAAS,UAAU,CAAC,UAAyB;IAC3C,IAAI,CAAC,UAAU;QAAE,OAAO,cAAc,CAAA;IACtC,OAAO,mBAAmB,CAAC,UAAU,CAAC,IAAI,cAAc,CAAA;AAC1D,CAAC;AAED,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,EAAE,KAAK,EAA2B,EAAE,EAAE;IACvE,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAE1B,OAAO,CACL,KAAC,IAAI,IACH,KAAK,EAAE,MAAM,CAAC,GAAG,EACjB,kBAAkB,EAAE,GAAG,KAAK,CAAC,IAAI,MAAM,UAAU,CAAC,KAAK,CAAC,+BAA+B,CAAC,EAAE,YAE1F,MAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,cAAc,aAC/B,KAAK,CAAC,WAAW,EAAE,MAAM,IAAI,CAC5B,KAAC,KAAK,IACJ,MAAM,EAAE,EAAE,GAAG,EAAE,KAAK,CAAC,WAAW,CAAC,MAAM,EAAE,EACzC,UAAU,EAAC,OAAO,EAClB,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,GAAG,EAAC,EAAE,GACN,CACH,EACD,MAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,OAAO,aACzB,KAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,KAAK,EAAE,aAAa,EAAE,CAAC,YACxC,KAAK,CAAC,IAAI,GACN,EACP,KAAC,IAAI,IAAC,OAAO,EAAC,UAAU,EAAC,aAAa,EAAE,CAAC,YACtC,UAAU,CAAC,KAAK,CAAC,+BAA+B,CAAC,GAC7C,IACF,IACF,GACF,CACR,CAAA;AACH,CAAC,CAAA;AAED,MAAM,YAAY,GAAG,EAAE,GAAG,CAAC,CAAA;AAC3B,MAAM,eAAe,GAAG,EAAE,CAAA;AAC1B,MAAM,gBAAgB,GAAG,eAAe,GAAG,YAAY,CAAA;AAEvD,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IAExB,OAAO,UAAU,CAAC,MAAM,CAAC;QACvB,GAAG,EAAE;YACH,WAAW,EAAE,EAAE;YACf,OAAO,EAAE,GAAG;SACb;QACD,cAAc,EAAE;YACd,aAAa,EAAE,KAAK;YACpB,UAAU,EAAE,QAAQ;YACpB,GAAG,EAAE,EAAE;YACP,eAAe,EAAE,EAAE;YACnB,YAAY,EAAE,EAAE;YAChB,iBAAiB,EAAE,CAAC;YACpB,WAAW,EAAE,KAAK,CAAC,MAAM,CAAC,uBAAuB;SAClD;QACD,KAAK,EAAE;YACL,KAAK,EAAE,eAAe;YACtB,MAAM,EAAE,gBAAgB;YACxB,YAAY,EAAE,CAAC;SAChB;QACD,KAAK,EAAE;YACL,UAAU,EAAE,wBAAwB;YACpC,UAAU,EAAE,CAAC;SACd;QACD,OAAO,EAAE;YACP,UAAU,EAAE,CAAC;YACb,GAAG,EAAE,CAAC;SACP;KACF,CAAC,CAAA;AACJ,CAAC,CAAA","sourcesContent":["import React from 'react'\nimport { StyleSheet, View } from 'react-native'\nimport { Image, Text } from '../../../components'\nimport { useTheme } from '../../../hooks'\nimport { GroupsGroupResource } from '../../../types'\nimport { platformFontWeightMedium } from '../../../utils'\n\ninterface RestrictedGroupRowProps {\n  group: GroupsGroupResource\n}\n\nconst DEFAULT_REASON = 'Chat is not enabled for this group'\nconst REASON_DISPLAY_TEXT: Record<string, string> = {\n  leaders_only: 'Only leaders can start conversations',\n  chat_disabled: DEFAULT_REASON,\n}\n\nfunction reasonText(reasonCode: string | null): string {\n  if (!reasonCode) return DEFAULT_REASON\n  return REASON_DISPLAY_TEXT[reasonCode] || DEFAULT_REASON\n}\n\nexport const RestrictedGroupRow = ({ group }: RestrictedGroupRowProps) => {\n  const styles = useStyles()\n\n  return (\n    <View\n      style={styles.row}\n      accessibilityLabel={`${group.name} — ${reasonText(group.canCreateConversationReasonCode)}`}\n    >\n      <View style={styles.innerContainer}>\n        {group.headerImage?.medium && (\n          <Image\n            source={{ uri: group.headerImage.medium }}\n            resizeMode=\"cover\"\n            style={styles.image}\n            alt=\"\"\n          />\n        )}\n        <View style={styles.content}>\n          <Text style={styles.title} numberOfLines={2}>\n            {group.name}\n          </Text>\n          <Text variant=\"tertiary\" numberOfLines={1}>\n            {reasonText(group.canCreateConversationReasonCode)}\n          </Text>\n        </View>\n      </View>\n    </View>\n  )\n}\n\nconst ASPECT_RATIO = 16 / 9\nconst THUMBNAIL_WIDTH = 80\nconst THUMBNAIL_HEIGHT = THUMBNAIL_WIDTH / ASPECT_RATIO\n\nconst useStyles = () => {\n  const theme = useTheme()\n\n  return StyleSheet.create({\n    row: {\n      paddingLeft: 16,\n      opacity: 0.5,\n    },\n    innerContainer: {\n      flexDirection: 'row',\n      alignItems: 'center',\n      gap: 12,\n      paddingVertical: 16,\n      paddingRight: 16,\n      borderBottomWidth: 1,\n      borderColor: theme.colors.fillColorNeutral050Base,\n    },\n    image: {\n      width: THUMBNAIL_WIDTH,\n      height: THUMBNAIL_HEIGHT,\n      borderRadius: 4,\n    },\n    title: {\n      fontWeight: platformFontWeightMedium,\n      flexShrink: 1,\n    },\n    content: {\n      flexShrink: 1,\n      gap: 2,\n    },\n  })\n}\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@planningcenter/chat-react-native",
-  "version": "3.43.0-rc.3",
+  "version": "3.43.0-rc.4",
   "description": "",
   "main": "build/index.js",
   "react-native": "./src/index.tsx",
@@ -26,7 +26,7 @@
   "dependencies": {
     "@fortawesome/fontawesome-svg-core": "^7.2.0",
     "@fortawesome/react-native-fontawesome": "^0.3.2",
-    "@planningcenter/emoji-keyboard": "3.43.0-rc.3",
+    "@planningcenter/emoji-keyboard": "3.43.0-rc.4",
     "lodash-inflection": "^1.5.0",
     "react-compiler-runtime": "^1.0.0"
   },
@@ -72,5 +72,5 @@
     "react-native-url-polyfill": "^2.0.0",
     "typescript": "~6.0.3"
   },
-  "gitHead": "91f1e0975da6c34342b4e54491e986b569b5d475"
+  "gitHead": "62bc663498e5cb265e098f2795cb1d45c70c035c"
 }

package/src/screens/conversation_filters/components/rows.tsx

@@ -59,9 +59,9 @@ export const GroupRow = ({ group, isActive }: GroupRowProps) => {
 
   return (
     <PressableRow onPress={handleFilterByGroup} isActive={isActive}>
-      {headerImage?.thumbnail && (
+      {headerImage?.medium && (
         <Image
-          source={{ uri: headerImage?.thumbnail }}
+          source={{ uri: headerImage?.medium }}
           resizeMode="cover"
           style={styles.rowImage}
           alt=""

package/src/screens/conversation_select_recipients/components/groups_recipient_row.tsx

@@ -12,7 +12,7 @@ export const GroupsRecipientRow = ({ group, onPress }: GroupsRecipientRowProps)
 
   return (
     <RecipientLinkRow
-      imageUri={group.headerImage?.thumbnail}
+      imageUri={group.headerImage?.medium}
       title={group.name}
       subtitle={`${group.membershipsCount} members`}
       onPress={() => onPress(group)}

package/src/screens/conversation_select_recipients/components/restricted_group_row.tsx

@@ -29,9 +29,9 @@ export const RestrictedGroupRow = ({ group }: RestrictedGroupRowProps) => {
       accessibilityLabel={`${group.name} — ${reasonText(group.canCreateConversationReasonCode)}`}
     >
       <View style={styles.innerContainer}>
-        {group.headerImage?.thumbnail && (
+        {group.headerImage?.medium && (
           <Image
-            source={{ uri: group.headerImage.thumbnail }}
+            source={{ uri: group.headerImage.medium }}
             resizeMode="cover"
             style={styles.image}
             alt=""