@planningcenter/chat-react-native 3.23.0 → 3.23.1-qa-538.0

package/build/screens/message_report_screen.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"message_report_screen.js","sourceRoot":"","sources":["../../src/screens/message_report_screen.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useCallback, useLayoutEffect, useMemo, useState } from 'react'\nimport { View, StyleSheet, TextInput, ScrollView } from 'react-native'\nimport type {\n  NativeStackNavigationOptions,\n  NativeStackScreenProps,\n} from '@react-navigation/native-stack'\nimport { StaticScreenProps, useNavigation, StackActions } from '@react-navigation/native'\nimport { Spinner, Text, KeyboardView } from '../components'\nimport BlankState from '../components/primitive/blank_state_primitive'\nimport { useTheme } from '../hooks'\nimport { useReportMessage } from '../hooks/use_report_message'\nimport {\n  HeaderDismissButton,\n  HeaderTextButton,\n} from '../components/display/platform_modal_header_buttons'\nimport { useSafeAreaInsets } from 'react-native-safe-area-context'\nimport { useConversationMessages } from '../hooks/use_conversation_messages'\nimport { MessageResource } from '../types'\nimport { MessageReportReason } from '../types/resources/message_report'\nimport { MessagePreview } from './message_report/components/message_preview'\nimport { ReportReasonList } from './message_report/components/report_reason_list'\nimport { platformFontWeightBold } from '../utils'\n\nconst MAX_DETAIL_LENGTH = 500\n\nexport const MessageReportScreenOptions = ({\n  navigation,\n}: NativeStackScreenProps<any>): NativeStackNavigationOptions => ({\n  presentation: 'modal',\n  title: 'Report message',\n  headerLeft: () => <HeaderDismissButton title=\"Cancel\" onPress={() => navigation.goBack()} />,\n})\n\nexport type MessageReportScreenProps = StaticScreenProps<{\n  conversation_id: number\n  message_id: string\n}>\n\nexport function MessageReportScreen({ route }: MessageReportScreenProps) {\n  const { conversation_id, message_id } = route.params\n\n  const { messages } = useConversationMessages({ conversation_id }, { refetchOnMount: false })\n  const message = messages.find(m => m.id === message_id)\n\n  if (!message) return null\n\n  return <MessageReportScreenContent message={message} conversation_id={conversation_id} />\n}\n\nfunction MessageReportScreenContent({\n  message,\n  conversation_id,\n}: {\n  message: MessageResource\n  conversation_id: number\n}) {\n  const styles = useStyles()\n  const navigation = useNavigation()\n  const [selectedReason, setSelectedReason] = useState<MessageReportReason | null>(null)\n  const [reasonDetail, setReasonDetail] = useState('')\n  const { mutate: submitReport, status } = useReportMessage(conversation_id, message.id)\n\n  const handleReasonChange = useCallback((reason: MessageReportReason) => {\n    setSelectedReason(reason)\n\n    if (reason !== 'other') {\n      setReasonDetail('')\n    }\n  }, [])\n\n  const isFormValid = useMemo(() => {\n    if (selectedReason === null) return false\n\n    if (selectedReason === 'other' && reasonDetail.trim().length === 0) {\n      return false\n    }\n\n    if (status === 'pending') return false\n\n    return true\n  }, [selectedReason, reasonDetail, status])\n\n  const handleSubmit = useCallback(() => {\n    if (!isFormValid || !selectedReason) return\n\n    submitReport({\n      reason: selectedReason,\n      reasonDetail: selectedReason === 'other' ? reasonDetail : undefined,\n    })\n  }, [isFormValid, selectedReason, reasonDetail, submitReport])\n\n  const handleClose = useCallback(() => {\n    navigation.dispatch(StackActions.popTo('Conversation', { conversation_id }))\n  }, [navigation, conversation_id])\n\n  const HeaderRight = useCallback(\n    () => <HeaderTextButton title=\"Submit\" onPress={handleSubmit} disabled={!isFormValid} />,\n    [handleSubmit, isFormValid]\n  )\n\n  useLayoutEffect(() => {\n    if (status === 'pending' || status === 'success') {\n      navigation.setOptions({\n        headerRight: () => null,\n      })\n    } else {\n      navigation.setOptions({\n        headerTitle: 'Report message',\n        headerRight: HeaderRight,\n      })\n    }\n  }, [HeaderRight, navigation, status])\n\n  if (status === 'pending') {\n    return (\n      <View style={styles.fullScreenContainer}>\n        <Spinner />\n        <Text style={styles.loadingText}>Submitting report...</Text>\n      </View>\n    )\n  }\n\n  if (status === 'success') {\n    return (\n      <View style={styles.fullScreenContainer}>\n        <BlankState.Root>\n          <BlankState.Imagery name=\"general.checkCircle\" style={styles.successIcon} />\n          <BlankState.Content>\n            <BlankState.Heading style={styles.successTitle}>Message reported</BlankState.Heading>\n            <BlankState.Text style={styles.successSubtitle}>\n              The message has been reported and a church leader will be contacted.\n            </BlankState.Text>\n          </BlankState.Content>\n          <BlankState.Button title=\"Close\" onPress={handleClose} size=\"lg\" variant=\"fill\" />\n        </BlankState.Root>\n      </View>\n    )\n  }\n\n  if (status === 'error') {\n    return (\n      <BlankState.Root>\n        <BlankState.Imagery name=\"general.exclamationTriangle\" />\n        <BlankState.Content>\n          <BlankState.Heading>Unable to submit report</BlankState.Heading>\n          <BlankState.Text>\n            We were unable to report this message. Please try again.\n          </BlankState.Text>\n        </BlankState.Content>\n        <BlankState.Button title=\"Close\" onPress={handleClose} size=\"lg\" variant=\"outline\" />\n      </BlankState.Root>\n    )\n  }\n\n  return (\n    <KeyboardView>\n      <ScrollView contentContainerStyle={styles.container}>\n        <Text style={styles.warningText}>\n          Reporting this message will notify a church leader. The person you are reporting will not\n          receive a notification from Church Center. If someone is in immediate danger, call local\n          emergency services. Don&apos;t wait.\n        </Text>\n\n        <MessagePreview message={message} />\n\n        <View style={styles.reasonSection}>\n          <Text style={styles.fieldLabel}>\n            What best describes the problem? <Text style={styles.required}>*</Text>\n          </Text>\n\n          <View style={styles.reasonListContainer}>\n            <ReportReasonList selectedReason={selectedReason} onReasonChange={handleReasonChange} />\n          </View>\n        </View>\n\n        {selectedReason === 'other' && (\n          <View style={styles.detailSection}>\n            <Text style={styles.fieldLabel}>\n              Please provide more details <Text style={styles.required}>*</Text>\n            </Text>\n            <TextInput\n              style={styles.textInput}\n              multiline\n              placeholder=\"Describe the issue...\"\n              value={reasonDetail}\n              onChangeText={setReasonDetail}\n              maxLength={MAX_DETAIL_LENGTH}\n              accessibilityLabel=\"Additional details\"\n              accessibilityHint=\"Provide more information about why you're reporting this message\"\n            />\n            {reasonDetail.length >= MAX_DETAIL_LENGTH - 100 && (\n              <Text variant=\"footnote\">\n                {reasonDetail.length}/{MAX_DETAIL_LENGTH}\n              </Text>\n            )}\n          </View>\n        )}\n      </ScrollView>\n    </KeyboardView>\n  )\n}\n\nconst useStyles = () => {\n  const { bottom } = useSafeAreaInsets()\n  const { colors } = useTheme()\n\n  return StyleSheet.create({\n    container: {\n      padding: 16,\n      paddingBottom: 16 + bottom,\n      gap: 24,\n    },\n    fullHeight: {\n      flex: 1,\n      justifyContent: 'center',\n      alignItems: 'center',\n    },\n    fullScreenContainer: {\n      flex: 1,\n      justifyContent: 'center',\n      alignItems: 'center',\n      backgroundColor: colors.surfaceColor100,\n    },\n    loadingText: {\n      marginTop: 16,\n      fontSize: 16,\n      fontWeight: '600',\n      color: colors.textColorDefaultPrimary,\n    },\n    warningText: {\n      fontSize: 14,\n      lineHeight: 20,\n      color: colors.textColorDefaultSecondary,\n    },\n    reasonSection: {\n      gap: 8,\n    },\n    fieldLabel: {\n      fontSize: 16,\n      fontWeight: platformFontWeightBold,\n      color: colors.textColorDefaultPrimary,\n    },\n    required: {\n      color: colors.statusErrorText,\n    },\n    reasonListContainer: {\n      backgroundColor: colors.surfaceColor100,\n    },\n    detailSection: {\n      gap: 8,\n    },\n    textInput: {\n      color: colors.textColorDefaultPrimary,\n      fontSize: 16,\n      textAlignVertical: 'top',\n      minHeight: 120,\n      maxHeight: 200,\n      borderWidth: 1,\n      borderColor: colors.borderColorDefaultBase,\n      borderRadius: 8,\n      paddingHorizontal: 16,\n      paddingVertical: 12,\n      backgroundColor: colors.surfaceColor100,\n    },\n    successIcon: {\n      color: colors.statusSuccessIcon,\n      fontSize: 48,\n    },\n    successTitle: {\n      fontSize: 24,\n      marginBottom: 4,\n    },\n    successSubtitle: {\n      fontSize: 16,\n      marginBottom: 4,\n    },\n  })\n}\n"]}

package/build/types/resources/conversation.d.ts

@@ -1,5 +1,6 @@
 import type { AnalyticsMetadataResource } from './analytics_metadata';
 import { ConversationBadgeResource } from './conversation_badge';
+import { ConversationMembershipResource } from './conversation_membership';
 import { GroupResource } from './group_resource';
 import { MemberAbilityResource } from './member_ability';
 export interface ConversationResource {
@@ -7,9 +8,7 @@ export interface ConversationResource {
     id: number;
     badges?: ConversationBadgeResource[];
     analyticsMetadata?: AnalyticsMetadataResource;
-    conversationMembership?: {
-        lastReadMessageSortKey: string;
-    };
+    conversationMembership?: ConversationMembershipResource;
     createdAt: string;
     deleted?: boolean;
     groups?: GroupResource[];

package/build/types/resources/conversation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"conversation.d.ts","sourceRoot":"","sources":["../../../src/types/resources/conversation.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,sBAAsB,CAAA;AACrE,OAAO,EAAE,yBAAyB,EAAE,MAAM,sBAAsB,CAAA;AAChE,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAChD,OAAO,EAAE,qBAAqB,EAAE,MAAM,kBAAkB,CAAA;AAExD,MAAM,WAAW,oBAAoB;IACnC,IAAI,EAAE,cAAc,CAAA;IACpB,EAAE,EAAE,MAAM,CAAA;IACV,MAAM,CAAC,EAAE,yBAAyB,EAAE,CAAA;IACpC,iBAAiB,CAAC,EAAE,yBAAyB,CAAA;IAC7C,sBAAsB,CAAC,EAAE;QACvB,sBAAsB,EAAE,MAAM,CAAA;KAC/B,CAAA;IACD,SAAS,EAAE,MAAM,CAAA;IACjB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,MAAM,CAAC,EAAE,aAAa,EAAE,CAAA;IACxB,iBAAiB,CAAC,EAAE,MAAM,EAAE,CAAA;IAC5B,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,qBAAqB,CAAC,EAAE,MAAM,CAAA;IAC9B,oBAAoB,CAAC,EAAE,MAAM,CAAA;IAC7B,sBAAsB,CAAC,EAAE,MAAM,CAAA;IAC/B,wBAAwB,CAAC,EAAE,MAAM,CAAA;IACjC,aAAa,CAAC,EAAE,qBAAqB,CAAA;IACrC,KAAK,EAAE,OAAO,CAAA;IACd,eAAe,EAAE,OAAO,CAAA;IACxB,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,EAAE,MAAM,CAAA;IACnB,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,SAAS,EAAE,MAAM,CAAA;CAClB"}
+{"version":3,"file":"conversation.d.ts","sourceRoot":"","sources":["../../../src/types/resources/conversation.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,sBAAsB,CAAA;AACrE,OAAO,EAAE,yBAAyB,EAAE,MAAM,sBAAsB,CAAA;AAChE,OAAO,EAAE,8BAA8B,EAAE,MAAM,2BAA2B,CAAA;AAC1E,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAChD,OAAO,EAAE,qBAAqB,EAAE,MAAM,kBAAkB,CAAA;AAExD,MAAM,WAAW,oBAAoB;IACnC,IAAI,EAAE,cAAc,CAAA;IACpB,EAAE,EAAE,MAAM,CAAA;IACV,MAAM,CAAC,EAAE,yBAAyB,EAAE,CAAA;IACpC,iBAAiB,CAAC,EAAE,yBAAyB,CAAA;IAC7C,sBAAsB,CAAC,EAAE,8BAA8B,CAAA;IACvD,SAAS,EAAE,MAAM,CAAA;IACjB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,MAAM,CAAC,EAAE,aAAa,EAAE,CAAA;IACxB,iBAAiB,CAAC,EAAE,MAAM,EAAE,CAAA;IAC5B,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,qBAAqB,CAAC,EAAE,MAAM,CAAA;IAC9B,oBAAoB,CAAC,EAAE,MAAM,CAAA;IAC7B,sBAAsB,CAAC,EAAE,MAAM,CAAA;IAC/B,wBAAwB,CAAC,EAAE,MAAM,CAAA;IACjC,aAAa,CAAC,EAAE,qBAAqB,CAAA;IACrC,KAAK,EAAE,OAAO,CAAA;IACd,eAAe,EAAE,OAAO,CAAA;IACxB,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,EAAE,MAAM,CAAA;IACnB,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,SAAS,EAAE,MAAM,CAAA;CAClB"}

package/build/types/resources/conversation.js.map

@@ -1 +1 @@
-{"version":3,"file":"conversation.js","sourceRoot":"","sources":["../../../src/types/resources/conversation.ts"],"names":[],"mappings":"","sourcesContent":["import type { AnalyticsMetadataResource } from './analytics_metadata'\nimport { ConversationBadgeResource } from './conversation_badge'\nimport { GroupResource } from './group_resource'\nimport { MemberAbilityResource } from './member_ability'\n\nexport interface ConversationResource {\n  type: 'Conversation'\n  id: number\n  badges?: ConversationBadgeResource[]\n  analyticsMetadata?: AnalyticsMetadataResource\n  conversationMembership?: {\n    lastReadMessageSortKey: string\n  }\n  createdAt: string\n  deleted?: boolean\n  groups?: GroupResource[]\n  previewAvatarUrls?: string[]\n  lastMessageAuthorId?: string\n  lastMessageAuthorName?: string\n  lastMessageCreatedAt?: string\n  lastMessageTextPreview?: string\n  latestReadMessageSortKey?: string\n  memberAbility?: MemberAbilityResource\n  muted: boolean\n  repliesDisabled: boolean\n  title: string\n  unreadCount: number\n  unreadReactionCount?: number // Derived from Jolt events\n  updatedAt: string\n}\n"]}
+{"version":3,"file":"conversation.js","sourceRoot":"","sources":["../../../src/types/resources/conversation.ts"],"names":[],"mappings":"","sourcesContent":["import type { AnalyticsMetadataResource } from './analytics_metadata'\nimport { ConversationBadgeResource } from './conversation_badge'\nimport { ConversationMembershipResource } from './conversation_membership'\nimport { GroupResource } from './group_resource'\nimport { MemberAbilityResource } from './member_ability'\n\nexport interface ConversationResource {\n  type: 'Conversation'\n  id: number\n  badges?: ConversationBadgeResource[]\n  analyticsMetadata?: AnalyticsMetadataResource\n  conversationMembership?: ConversationMembershipResource\n  createdAt: string\n  deleted?: boolean\n  groups?: GroupResource[]\n  previewAvatarUrls?: string[]\n  lastMessageAuthorId?: string\n  lastMessageAuthorName?: string\n  lastMessageCreatedAt?: string\n  lastMessageTextPreview?: string\n  latestReadMessageSortKey?: string\n  memberAbility?: MemberAbilityResource\n  muted: boolean\n  repliesDisabled: boolean\n  title: string\n  unreadCount: number\n  unreadReactionCount?: number // Derived from Jolt events\n  updatedAt: string\n}\n"]}

package/build/types/resources/conversation_membership.d.ts

@@ -0,0 +1,14 @@
+import { ResourceObject } from '../api_primitives';
+export type NotificationLevelValue = 'everything' | 'nothing';
+export type NotificationLevelDescription = string;
+export interface ConversationMembershipResource extends ResourceObject {
+    type: 'ConversationMembership';
+    lastReadMessageSortKey: string;
+    notificationLevel: NotificationLevelValue;
+    notificationLevelDescription: NotificationLevelDescription;
+    notificationLevelOptions: Array<{
+        description: NotificationLevelDescription;
+        value: NotificationLevelValue;
+    }>;
+}
+//# sourceMappingURL=conversation_membership.d.ts.map

package/build/types/resources/conversation_membership.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"conversation_membership.d.ts","sourceRoot":"","sources":["../../../src/types/resources/conversation_membership.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAElD,MAAM,MAAM,sBAAsB,GAAG,YAAY,GAAG,SAAS,CAAA;AAC7D,MAAM,MAAM,4BAA4B,GAAG,MAAM,CAAA;AAEjD,MAAM,WAAW,8BAA+B,SAAQ,cAAc;IACpE,IAAI,EAAE,wBAAwB,CAAA;IAC9B,sBAAsB,EAAE,MAAM,CAAA;IAC9B,iBAAiB,EAAE,sBAAsB,CAAA;IACzC,4BAA4B,EAAE,4BAA4B,CAAA;IAC1D,wBAAwB,EAAE,KAAK,CAAC;QAC9B,WAAW,EAAE,4BAA4B,CAAA;QACzC,KAAK,EAAE,sBAAsB,CAAA;KAC9B,CAAC,CAAA;CACH"}

package/build/types/resources/conversation_membership.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=conversation_membership.js.map

package/build/types/resources/conversation_membership.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"conversation_membership.js","sourceRoot":"","sources":["../../../src/types/resources/conversation_membership.ts"],"names":[],"mappings":"","sourcesContent":["import { ResourceObject } from '../api_primitives'\n\nexport type NotificationLevelValue = 'everything' | 'nothing'\nexport type NotificationLevelDescription = string\n\nexport interface ConversationMembershipResource extends ResourceObject {\n  type: 'ConversationMembership'\n  lastReadMessageSortKey: string\n  notificationLevel: NotificationLevelValue\n  notificationLevelDescription: NotificationLevelDescription\n  notificationLevelOptions: Array<{\n    description: NotificationLevelDescription\n    value: NotificationLevelValue\n  }>\n}\n"]}

package/build/types/resources/index.d.ts

@@ -1,5 +1,6 @@
 export * from './analytics_metadata';
 export * from './conversation';
+export * from './conversation_membership';
 export * from './member';
 export * from './message';
 export * from './oauth_token';

package/build/types/resources/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/types/resources/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAA;AACpC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA;AACzB,cAAc,eAAe,CAAA;AAC7B,cAAc,UAAU,CAAA;AACxB,cAAc,UAAU,CAAA;AACxB,cAAc,aAAa,CAAA;AAC3B,cAAc,YAAY,CAAA;AAC1B,cAAc,gBAAgB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/types/resources/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAA;AACpC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,2BAA2B,CAAA;AACzC,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA;AACzB,cAAc,eAAe,CAAA;AAC7B,cAAc,UAAU,CAAA;AACxB,cAAc,UAAU,CAAA;AACxB,cAAc,aAAa,CAAA;AAC3B,cAAc,YAAY,CAAA;AAC1B,cAAc,gBAAgB,CAAA"}

package/build/types/resources/index.js

@@ -1,5 +1,6 @@
 export * from './analytics_metadata';
 export * from './conversation';
+export * from './conversation_membership';
 export * from './member';
 export * from './message';
 export * from './oauth_token';

package/build/types/resources/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/types/resources/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAA;AACpC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA;AACzB,cAAc,eAAe,CAAA;AAC7B,cAAc,UAAU,CAAA;AACxB,cAAc,UAAU,CAAA;AACxB,cAAc,aAAa,CAAA;AAC3B,cAAc,YAAY,CAAA;AAC1B,cAAc,gBAAgB,CAAA","sourcesContent":["export * from './analytics_metadata'\nexport * from './conversation'\nexport * from './member'\nexport * from './message'\nexport * from './oauth_token'\nexport * from './person'\nexport * from './groups'\nexport * from './app_grant'\nexport * from './services'\nexport * from './organization'\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/types/resources/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAA;AACpC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,2BAA2B,CAAA;AACzC,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA;AACzB,cAAc,eAAe,CAAA;AAC7B,cAAc,UAAU,CAAA;AACxB,cAAc,UAAU,CAAA;AACxB,cAAc,aAAa,CAAA;AAC3B,cAAc,YAAY,CAAA;AAC1B,cAAc,gBAAgB,CAAA","sourcesContent":["export * from './analytics_metadata'\nexport * from './conversation'\nexport * from './conversation_membership'\nexport * from './member'\nexport * from './message'\nexport * from './oauth_token'\nexport * from './person'\nexport * from './groups'\nexport * from './app_grant'\nexport * from './services'\nexport * from './organization'\n"]}

package/build/types/resources/message_report.d.ts

@@ -0,0 +1,19 @@
+export declare const MESSAGE_REPORT_REASONS: {
+    readonly scam_or_fraud: "Scam or fraud";
+    readonly inappropriate_content: "Inappropriate or offensive content";
+    readonly harassment_or_bullying: "Harassment or bullying";
+    readonly spam: "Spam or irrelevant messages";
+    readonly private_information: "Private or sensitive information shared";
+    readonly other: "Other (please specify)";
+};
+export type MessageReportReason = keyof typeof MESSAGE_REPORT_REASONS;
+export interface MessageReportPayload {
+    data: {
+        type: 'MessageReport';
+        attributes: {
+            reason: MessageReportReason;
+            reason_detail?: string;
+        };
+    };
+}
+//# sourceMappingURL=message_report.d.ts.map

package/build/types/resources/message_report.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"message_report.d.ts","sourceRoot":"","sources":["../../../src/types/resources/message_report.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,sBAAsB;;;;;;;CAOzB,CAAA;AAEV,MAAM,MAAM,mBAAmB,GAAG,MAAM,OAAO,sBAAsB,CAAA;AAErE,MAAM,WAAW,oBAAoB;IACnC,IAAI,EAAE;QACJ,IAAI,EAAE,eAAe,CAAA;QACrB,UAAU,EAAE;YACV,MAAM,EAAE,mBAAmB,CAAA;YAC3B,aAAa,CAAC,EAAE,MAAM,CAAA;SACvB,CAAA;KACF,CAAA;CACF"}

package/build/types/resources/message_report.js

@@ -0,0 +1,9 @@
+export const MESSAGE_REPORT_REASONS = {
+    scam_or_fraud: 'Scam or fraud',
+    inappropriate_content: 'Inappropriate or offensive content',
+    harassment_or_bullying: 'Harassment or bullying',
+    spam: 'Spam or irrelevant messages',
+    private_information: 'Private or sensitive information shared',
+    other: 'Other (please specify)',
+};
+//# sourceMappingURL=message_report.js.map

package/build/types/resources/message_report.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"message_report.js","sourceRoot":"","sources":["../../../src/types/resources/message_report.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,sBAAsB,GAAG;IACpC,aAAa,EAAE,eAAe;IAC9B,qBAAqB,EAAE,oCAAoC;IAC3D,sBAAsB,EAAE,wBAAwB;IAChD,IAAI,EAAE,6BAA6B;IACnC,mBAAmB,EAAE,yCAAyC;IAC9D,KAAK,EAAE,wBAAwB;CACvB,CAAA","sourcesContent":["export const MESSAGE_REPORT_REASONS = {\n  scam_or_fraud: 'Scam or fraud',\n  inappropriate_content: 'Inappropriate or offensive content',\n  harassment_or_bullying: 'Harassment or bullying',\n  spam: 'Spam or irrelevant messages',\n  private_information: 'Private or sensitive information shared',\n  other: 'Other (please specify)',\n} as const\n\nexport type MessageReportReason = keyof typeof MESSAGE_REPORT_REASONS\n\nexport interface MessageReportPayload {\n  data: {\n    type: 'MessageReport'\n    attributes: {\n      reason: MessageReportReason\n      reason_detail?: string\n    }\n  }\n}\n"]}

package/build/utils/deep_snake_case_keys.d.ts

@@ -0,0 +1,4 @@
+type ObjType = Record<string, unknown> | unknown[] | unknown;
+export declare function deepSnakeCaseKeys<T extends ObjType>(obj: T): T;
+export {};
+//# sourceMappingURL=deep_snake_case_keys.d.ts.map

package/build/utils/deep_snake_case_keys.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"deep_snake_case_keys.d.ts","sourceRoot":"","sources":["../../src/utils/deep_snake_case_keys.ts"],"names":[],"mappings":"AAEA,KAAK,OAAO,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,OAAO,EAAE,GAAG,OAAO,CAAA;AAE5D,wBAAgB,iBAAiB,CAAC,CAAC,SAAS,OAAO,EAAE,GAAG,EAAE,CAAC,GAAG,CAAC,CAW9D"}

package/build/utils/deep_snake_case_keys.js

@@ -0,0 +1,13 @@
+import { isArray, isObject, mapKeys, mapValues, snakeCase } from 'lodash';
+export function deepSnakeCaseKeys(obj) {
+    if (isArray(obj)) {
+        return obj.map(deepSnakeCaseKeys);
+    }
+    else if (isObject(obj)) {
+        return mapValues(
+        // @ts-ignore This mutates the object, but we don't care about the type here
+        mapKeys(obj, (_value, key) => snakeCase(key)), deepSnakeCaseKeys);
+    }
+    return obj;
+}
+//# sourceMappingURL=deep_snake_case_keys.js.map

package/build/utils/deep_snake_case_keys.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"deep_snake_case_keys.js","sourceRoot":"","sources":["../../src/utils/deep_snake_case_keys.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAA;AAIzE,MAAM,UAAU,iBAAiB,CAAoB,GAAM;IACzD,IAAI,OAAO,CAAC,GAAG,CAAC,EAAE,CAAC;QACjB,OAAO,GAAG,CAAC,GAAG,CAAC,iBAAiB,CAAM,CAAA;IACxC,CAAC;SAAM,IAAI,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC;QACzB,OAAO,SAAS;QACd,4EAA4E;QAC5E,OAAO,CAAC,GAAG,EAAE,CAAC,MAAc,EAAE,GAAW,EAAE,EAAE,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,EAC7D,iBAAiB,CACb,CAAA;IACR,CAAC;IACD,OAAO,GAAG,CAAA;AACZ,CAAC","sourcesContent":["import { isArray, isObject, mapKeys, mapValues, snakeCase } from 'lodash'\n\ntype ObjType = Record<string, unknown> | unknown[] | unknown\n\nexport function deepSnakeCaseKeys<T extends ObjType>(obj: T): T {\n  if (isArray(obj)) {\n    return obj.map(deepSnakeCaseKeys) as T\n  } else if (isObject(obj)) {\n    return mapValues(\n      // @ts-ignore This mutates the object, but we don't care about the type here\n      mapKeys(obj, (_value: string, key: string) => snakeCase(key)),\n      deepSnakeCaseKeys\n    ) as T\n  }\n  return obj\n}\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@planningcenter/chat-react-native",
-  "version": "3.23.0",
+  "version": "3.23.1-qa-538.0",
   "description": "",
   "main": "build/index.js",
   "types": "build/index.d.ts",
@@ -58,5 +58,5 @@
     "react-native-url-polyfill": "^2.0.0",
     "typescript": "<5.6.0"
   },
-  "gitHead": "781d6284a8e458dacb1b20c51af5351aeb675fa3"
+  "gitHead": "0532662f9a0830211e706a810de32cd1f5d84993"
 }

package/src/components/display/toggle_button.tsx

@@ -32,9 +32,15 @@ type RestrictedPressableProps = Omit<PressableProps, 'onLongPress'>
 
 export interface ToggleButtonProps extends RestrictedPressableProps {
   /**
-   * Pressable container styles
+   * Whether the toggle button is active/checked
    */
   active: boolean
+  /**
+   * Required accessibility label for screen readers.
+   * When title is provided, this provides additional context.
+   * When title is omitted (icon-only mode), this is the primary label.
+   */
+  accessibilityLabel: string
   /**
    * Specifies whether fonts should be scaled down automatically to fit given style constraints.
    */
@@ -60,9 +66,10 @@ export interface ToggleButtonProps extends RestrictedPressableProps {
    */
   minimumFontScale?: number
   /**
-   * Renders as text within the button
+   * Renders as text within the button.
+   * When omitted, button displays in icon-only mode.
    */
-  title: string
+  title?: string
   /**
    * Pressable container styles
    */
@@ -75,6 +82,7 @@ export interface ToggleButtonProps extends RestrictedPressableProps {
 
 export function ToggleButton({
   active,
+  accessibilityLabel,
   adjustsFontSizeToFit = false,
   allowFontScaling = true,
   iconNameLeft,
@@ -87,6 +95,7 @@ export function ToggleButton({
   onPress,
   ...props
 }: ToggleButtonProps) {
+  const hasTitle = Boolean(title)
   const styles = useStyles({ active, maxFontSizeMultiplier })
   const { colors } = useTheme()
   const overrideStyles = StyleSheet.flatten(style) // Ensures the pressed styles still get applied
@@ -108,11 +117,12 @@ export function ToggleButton({
         ...overrideStyles,
       })}
       accessibilityRole="togglebutton"
+      accessibilityLabel={accessibilityLabel}
       accessibilityState={{ checked: active }}
       android_ripple={{ color: androidRippleColor, borderless: false, foreground: true }}
       onPress={handlePress}
       accessibilityShowsLargeContentViewer
-      accessibilityLargeContentTitle={title}
+      accessibilityLargeContentTitle={accessibilityLabel}
       {...props}
     >
       {iconNameLeft && (
@@ -122,17 +132,19 @@ export function ToggleButton({
           maxFontSizeMultiplier={maxFontSizeMultiplier}
         />
       )}
-      <Text
-        allowFontScaling={allowFontScaling}
-        minimumFontScale={minimumFontScale}
-        maxFontSizeMultiplier={maxFontSizeMultiplier}
-        adjustsFontSizeToFit={adjustsFontSizeToFit}
-        numberOfLines={1}
-        style={styles.text}
-        variant="tertiary"
-      >
-        {title}
-      </Text>
+      {hasTitle && (
+        <Text
+          allowFontScaling={allowFontScaling}
+          minimumFontScale={minimumFontScale}
+          maxFontSizeMultiplier={maxFontSizeMultiplier}
+          adjustsFontSizeToFit={adjustsFontSizeToFit}
+          numberOfLines={1}
+          style={styles.text}
+          variant="tertiary"
+        >
+          {title}
+        </Text>
+      )}
       {iconNameRight && (
         <Icon
           name={iconNameRight}

package/src/components/primitive/form_sheet.tsx

@@ -235,7 +235,7 @@ type FormSheetActionAppearanceUnion =
 
 interface FormSheetActionProps {
   title: string
-  iconName: IconString
+  iconName?: IconString
   onPress: () => void
   accessibilityLabel?: string
   accessibilityHint?: string
@@ -265,7 +265,9 @@ function FormSheetAction({
       style={styles.actionPressable}
       disabled={disabled}
     >
-      <Icon name={iconName} size={16} accessibilityElementsHidden style={styles.actionIcon} />
+      {iconName && (
+        <Icon name={iconName} size={16} accessibilityElementsHidden style={styles.actionIcon} />
+      )}
       <Text style={styles.actionTitle}>{title}</Text>
     </PlatformPressable>
   )

package/src/hooks/index.ts

@@ -21,3 +21,4 @@ export * from './use_submit_age_check'
 export * from './use_organization'
 export * from './use_product_analytics'
 export * from './use_people_person'
+export * from './use_new_conversation_entry'

package/src/hooks/use_conversation.ts

@@ -38,7 +38,12 @@ export const getConversationRequestArgs = ({ conversation_id }: { conversation_i
         'can_reply',
         'can_delete_non_authored_messages',
       ],
-      ConversationMembership: ['last_read_message_sort_key'],
+      ConversationMembership: [
+        'last_read_message_sort_key',
+        'notification_level',
+        'notification_level_description',
+        'notification_level_options',
+      ],
       ConversationBadge: ['app_name', 'pco_resource_type', 'text'],
       Group: ['type', 'id', 'links', 'name', 'source_app_name', 'source_type'],
     },

package/src/hooks/use_conversation_membership.ts

@@ -0,0 +1,82 @@
+import { Updater, useMutation, useQueryClient } from '@tanstack/react-query'
+import { ApiResource, ConversationMembershipResource, ConversationResource } from '../types'
+import { useApiClient } from './use_api_client'
+import { getConversationRequestArgs } from './use_conversation'
+import { getRequestQueryKey } from './use_suspense_api'
+import { deepSnakeCaseKeys } from '../utils/deep_snake_case_keys'
+import { throwResponseError } from '../utils/response_error'
+
+export const useConversationMembershipUpdate = ({
+  conversation_id,
+}: {
+  conversation_id: number
+}) => {
+  const apiClient = useApiClient()
+  const queryClient = useQueryClient()
+  const requestArgs = getConversationRequestArgs({ conversation_id })
+  const conversationMembershipFields = requestArgs.data.fields.ConversationMembership.join(',')
+  const queryKey = getRequestQueryKey(requestArgs)
+
+  return useMutation({
+    throwOnError: true,
+    onMutate: async (attributes: Partial<ConversationMembershipResource>) => {
+      queryClient.setQueryData<ApiResource<ConversationResource>>(
+        queryKey,
+        updateConversationMembershipAttributes(attributes)
+      )
+    },
+    mutationKey: ['updateConversationMembership', conversation_id],
+    mutationFn: async (attributes: Partial<ConversationMembershipResource>) => {
+      return apiClient.chat
+        .patch<ApiResource<ConversationMembershipResource>>({
+          url: `/me/conversation/${conversation_id}/conversation_membership`,
+          data: {
+            data: {
+              type: 'ConversationMembership',
+              attributes: deepSnakeCaseKeys(attributes),
+            },
+            fields: {
+              ConversationMembership: conversationMembershipFields,
+            },
+          },
+        })
+        .catch(throwResponseError)
+    },
+    onSuccess: response => {
+      const membership = response.data
+
+      queryClient.setQueryData<ApiResource<ConversationResource>>(
+        queryKey,
+        updateConversationMembershipAttributes(membership)
+      )
+    },
+  })
+}
+
+const updateConversationMembershipAttributes =
+  (
+    membership: Partial<ConversationMembershipResource>
+  ): Updater<
+    ApiResource<ConversationResource> | undefined,
+    ApiResource<ConversationResource> | undefined
+  > =>
+  conversationData =>
+    mergeConversationMembership(conversationData, membership)
+
+const mergeConversationMembership = (
+  conversationData: ApiResource<ConversationResource> | undefined,
+  membership: Partial<ConversationMembershipResource>
+) => {
+  if (!conversationData) return undefined
+
+  const previousMembership: Partial<ConversationMembershipResource> =
+    conversationData.data.conversationMembership || {}
+
+  return {
+    ...conversationData,
+    conversationMembership: {
+      ...previousMembership,
+      ...membership,
+    },
+  }
+}

package/src/hooks/use_features.ts

@@ -35,6 +35,7 @@ export function useFeatures() {
 
 export const availableFeatures = {
   threaded_replies: 'ROLLOUT_MOBILE_threaded_replies_v1',
+  message_reporting: 'ROLLOUT_MOBILE_message_reporting',
 }
 
 const stableEmptyFeatures: ApiCollection<FeatureResource> = {

package/src/hooks/use_new_conversation_entry.ts

@@ -0,0 +1,31 @@
+import { useMemo } from 'react'
+import { useAppGrants } from './use_chat_permissions'
+
+export type NewConversationEntryMode = 'select_type' | 'groups' | 'teams' | 'none'
+
+export function useNewConversationEntry(): NewConversationEntryMode {
+  const appGrants = useAppGrants()
+
+  return useMemo(() => {
+    const canCreateGroupsConversations = appGrants.data?.some(
+      g => g.createConversations && g.appName === 'Groups'
+    )
+    const canCreateServicesConversations = appGrants.data?.some(
+      g => g.createConversations && g.appName === 'Services'
+    )
+
+    if (canCreateGroupsConversations && canCreateServicesConversations) {
+      return 'select_type'
+    }
+
+    if (canCreateGroupsConversations) {
+      return 'groups'
+    }
+
+    if (canCreateServicesConversations) {
+      return 'teams'
+    }
+
+    return 'none'
+  }, [appGrants.data])
+}

package/src/hooks/use_report_message.ts

@@ -0,0 +1,37 @@
+import { useMutation } from '@tanstack/react-query'
+import { useApiClient } from './use_api_client'
+import { Haptic } from '../utils/native_adapters'
+import { MessageReportReason, MessageReportPayload } from '../types/resources/message_report'
+
+export const useReportMessage = (conversationId: number, messageId: string) => {
+  const apiClient = useApiClient()
+
+  return useMutation({
+    mutationFn: async ({
+      reason,
+      reasonDetail,
+    }: {
+      reason: MessageReportReason
+      reasonDetail?: string
+    }) => {
+      const url = `/me/conversations/${conversationId}/messages/${messageId}/report`
+      const data: MessageReportPayload = {
+        data: {
+          type: 'MessageReport',
+          attributes: {
+            reason,
+            ...(reasonDetail && { reason_detail: reasonDetail }),
+          },
+        },
+      }
+
+      return apiClient.chat.post({ url, data })
+    },
+    onSuccess: () => {
+      Haptic.notificationSuccess()
+    },
+    onError: () => {
+      Haptic.notificationError()
+    },
+  })
+}

package/src/navigation/index.tsx

@@ -35,14 +35,19 @@ import {
   ConversationScreenTitle,
 } from '../screens/conversation_screen'
 import { ConversationSelectGroupRecipientsScreen } from '../screens/conversation_select_recipients/conversation_select_group_recipients_screen'
-import { ConversationSelectRecipientsScreen } from '../screens/conversation_select_recipients/conversation_select_recipients_screen'
 import { ConversationSelectTeamsILeadRecipientsScreen } from '../screens/conversation_select_recipients/conversation_select_teams_i_lead_recipients_screen'
+import { ConversationNewEntryScreen } from '../screens/conversation_select_recipients/conversation_new_entry_screen'
+import {
+  ConversationSelectTypeScreen,
+  ConversationSelectTypeScreenOptions,
+} from '../screens/conversation_select_type_screen'
 import { ConversationsScreen } from '../screens/conversations/conversations_screen'
 import { GetHelpScreen } from '../screens/get_help_screen'
 import {
   MessageActionsScreen,
   MessageActionsScreenOptions,
 } from '../screens/message_actions_screen'
+import { MessageReportScreen, MessageReportScreenOptions } from '../screens/message_report_screen'
 import { NotFound } from '../screens/not_found'
 import { ReactionsScreen, ReactionsScreenOptions } from '../screens/reactions_screen'
 import { ScreenLayoutWithChatAccessGate } from './screenLayout'
@@ -56,14 +61,14 @@ const HEADER_BACK_BUTTON_LAYOUT_RESET_STYLES = {
 }
 
 export const NewConversationStack = createNativeStackNavigator({
-  initialRouteName: 'ConversationSelectRecipients',
+  initialRouteName: 'ConversationNewEntry',
   screenOptions: {
     headerBackButtonDisplayMode: 'minimal',
   },
   screenLayout: ScreenLayoutWithChatAccessGate,
   screens: {
-    ConversationSelectRecipients: {
-      screen: ConversationSelectRecipientsScreen,
+    ConversationNewEntry: {
+      screen: ConversationNewEntryScreen,
       options: ({ navigation }) => ({
         title: 'New conversation',
         headerRight: (props: NativeStackHeaderRightProps) => (
@@ -104,13 +109,13 @@ export const NewConversationStack = createNativeStackNavigator({
     },
     ConversationNew: {
       screen: ConversationNewScreen,
-      options: ({ navigation }) => ({
+      options: ({ navigation, route }) => ({
         title: 'New conversation',
         headerLeft: () => null,
         headerRight: (props: NativeStackHeaderRightProps) => (
           <HeaderTextButton
             {...props}
-            onPress={() => navigation.getParent()?.goBack()}
+            onPress={() => navigation.popTo('Conversations', route.params)}
             title="Cancel"
           />
         ),
@@ -235,10 +240,18 @@ export const ChatStack = createNativeStackNavigator({
       // Something about sheetAllowedDetents declared inline breaks TS
       options: MessageActionsScreenOptions,
     },
+    MessageReport: {
+      screen: MessageReportScreen,
+      options: MessageReportScreenOptions,
+    },
     AttachmentActions: {
       screen: AttachmentActionsScreen,
       options: AttachmentActionsScreenOptions,
     },
+    ConversationSelectType: {
+      screen: ConversationSelectTypeScreen,
+      options: ConversationSelectTypeScreenOptions,
+    },
     Reactions: {
       screen: ReactionsScreen,
       options: ReactionsScreenOptions,