@planningcenter/chat-react-native 3.18.0-rc.1 → 3.18.0-rc.10

package/build/hooks/use_conversation_messages_jolt_events.js.map

@@ -1 +1 @@
-{"version":3,"file":"use_conversation_messages_jolt_events.js","sourceRoot":"","sources":["../../src/hooks/use_conversation_messages_jolt_events.ts"],"names":[],"mappings":"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","sourcesContent":["import { ApiCollection, MessageResource } from '../types'\nimport { useJoltChannel, useJoltEvent } from './use_jolt'\nimport {\n  deleteRecordInPagesData,\n  updateOrCreateRecordInPagesData,\n  updateRecordInPagesData,\n} from '../utils'\nimport { MessageCreatedEvent, MessageDeletedEvent } from '../types/jolt_events/message_events'\nimport { InfiniteData, useQueryClient } from '@tanstack/react-query'\nimport { useCurrentPerson } from './use_current_person'\nimport { transformMessageEventDataToMessageResource } from '../utils/jolt/transform_message_event_data_to_message_resource'\nimport { getRequestQueryKey } from './use_suspense_api'\nimport { JoltReactionEvent, JoltTypingEvent } from '../types/jolt_events'\nimport { transformReactionEventDataToReactionCountResource } from '../utils/jolt/transform_reaction_event_data_to_reaction_count_resource'\nimport { getMessagesRequestArgs } from '../utils/request/get_messages'\nimport { TYPING_TIMEOUT_INTERVAL, useTypingStatusCache } from './use_typing_status_cache'\nimport { isTemporaryMessageId } from './use_message_create_or_update'\nimport { completeMessageCreationTracking } from '../utils/performance_tracking'\nimport { useApiClient } from './use_api_client'\n\ninterface Props {\n  conversationId: number\n}\n\nexport function useConversationMessagesJoltEvents({ conversationId }: Props) {\n  const queryClient = useQueryClient()\n  const currentPerson = useCurrentPerson()\n  const joltChannel = useJoltChannel(`chat.conversations.${conversationId}`)\n  const messagesRequestArgs = getMessagesRequestArgs({ conversation_id: conversationId })\n  const messagesQueryKey = getRequestQueryKey(messagesRequestArgs)\n  const apiClient = useApiClient()\n\n  const { addTypingEvent, removeTypingEventById, removeAllTypingEventsByAuthorId } =\n    useTypingStatusCache(conversationId)\n\n  const handleMessageUpdateOrCreate = async (e: MessageCreatedEvent) => {\n    const { data } = e.data\n    const message = transformMessageEventDataToMessageResource({\n      data,\n      currentPersonId: currentPerson.id,\n    })\n\n    if (e.event === 'message.created' && data.author_id) {\n      removeAllTypingEventsByAuthorId(data.author_id)\n      if (data.idempotent_key && data.author_id === currentPerson.id) {\n        completeMessageCreationTracking({ apiClient, idempotentKey: data.idempotent_key })\n      }\n    }\n\n    queryClient.setQueryData<QueryData>(messagesQueryKey, prev => {\n      if (e.event === 'message.created') {\n        // Before adding the new message, remove any pending temporary messages\n        // with matching text to prevent duplicates from race conditions\n        let dataAfterTempRemoval = prev\n        if (prev && message.text && message.mine) {\n          dataAfterTempRemoval = deleteRecordInPagesData({\n            data: prev,\n            record: message,\n            matchFn: (existingMessage, _record) => {\n              return (\n                isTemporaryMessageId(existingMessage.id) &&\n                existingMessage.text === message.text &&\n                existingMessage.mine\n              )\n            },\n          })\n        }\n\n        return updateOrCreateRecordInPagesData({\n          data: dataAfterTempRemoval,\n          record: message,\n          processRecord: (record, current) => {\n            return { ...current, ...record }\n          },\n        })\n      } else {\n        return updateRecordInPagesData({\n          data: prev,\n          record: message,\n          processRecord: (record, current) => {\n            return { ...current, ...record }\n          },\n        })\n      }\n    })\n  }\n\n  const handleMessageDeleted = async (e: MessageDeletedEvent) => {\n    const { data } = e.data\n    const message = transformMessageEventDataToMessageResource({\n      data,\n      currentPersonId: currentPerson.id,\n    })\n\n    queryClient.setQueryData<QueryData>(messagesQueryKey, prev =>\n      deleteRecordInPagesData({ data: prev, record: message })\n    )\n  }\n\n  const handleReactionJoltEvent = async (e: JoltReactionEvent) => {\n    const { data } = e.data\n    const message = { id: data.message_sort_key } as MessageResource\n    queryClient.setQueryData<QueryData>(messagesQueryKey, prev =>\n      updateRecordInPagesData({\n        data: prev,\n        record: message,\n        processRecord: (record, oldMessage) => {\n          const reactionCounts = oldMessage.reactionCounts || []\n          let foundMatch = false\n          let newReactionCounts = reactionCounts.map(reactionCount => {\n            if (reactionCount.value === data.value) {\n              foundMatch = true\n              return transformReactionEventDataToReactionCountResource({\n                data,\n                oldData: reactionCount,\n                event: e.event,\n                currentPersonId: currentPerson.id,\n              })\n            }\n            return reactionCount\n          })\n\n          if (!foundMatch) {\n            const newReactionCount = transformReactionEventDataToReactionCountResource({\n              data,\n              event: e.event,\n              currentPersonId: currentPerson.id,\n            })\n\n            if (newReactionCount?.count) {\n              newReactionCounts = [...newReactionCounts, newReactionCount]\n            }\n          }\n\n          return { ...oldMessage, reactionCounts: newReactionCounts }\n        },\n      })\n    )\n  }\n\n  const handleTypingEvent = async (e: JoltTypingEvent) => {\n    const { data } = e.data\n    addTypingEvent(data)\n    setTimeout(() => removeTypingEventById(data.id), TYPING_TIMEOUT_INTERVAL)\n  }\n\n  useJoltEvent(joltChannel, 'message.created', handleMessageUpdateOrCreate)\n  useJoltEvent(joltChannel, 'message.updated', handleMessageUpdateOrCreate)\n  useJoltEvent(joltChannel, 'message.destroyed', handleMessageDeleted)\n  useJoltEvent(joltChannel, 'reaction.*', handleReactionJoltEvent)\n  useJoltEvent(joltChannel, 'typing.broadcast', handleTypingEvent)\n}\n\ntype QueryData = InfiniteData<ApiCollection<MessageResource>>\n"]}
+{"version":3,"file":"use_conversation_messages_jolt_events.js","sourceRoot":"","sources":["../../src/hooks/use_conversation_messages_jolt_events.ts"],"names":[],"mappings":"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","sourcesContent":["import { ApiCollection, MessageResource } from '../types'\nimport { useJoltChannel, useJoltEvent } from './use_jolt'\nimport { deleteRecordInPagesData } from '../utils'\nimport { MessageCreatedEvent, MessageDeletedEvent } from '../types/jolt_events/message_events'\nimport { InfiniteData, useQueryClient } from '@tanstack/react-query'\nimport { useCurrentPerson } from './use_current_person'\nimport { transformMessageEventDataToMessageResource } from '../utils/jolt/transform_message_event_data_to_message_resource'\nimport { getRequestQueryKey } from './use_suspense_api'\nimport { JoltReactionEvent, JoltTypingEvent } from '../types/jolt_events'\nimport { getMessagesRequestArgs } from '../utils/request/get_messages'\nimport { TYPING_TIMEOUT_INTERVAL, useTypingStatusCache } from './use_typing_status_cache'\nimport { completeMessageCreationTracking } from '../utils/performance_tracking'\nimport { useApiClient } from './use_api_client'\nimport {\n  updateCacheWithMessage,\n  updateCacheWithReaction,\n  getThreadedMessagesQueryKey,\n} from '../utils/cache/messages_cache'\n\ninterface Props {\n  conversationId: number\n}\n\nexport function useConversationMessagesJoltEvents({ conversationId }: Props) {\n  const queryClient = useQueryClient()\n  const currentPerson = useCurrentPerson()\n  const joltChannel = useJoltChannel(`chat.conversations.${conversationId}`)\n  const messagesRequestArgs = getMessagesRequestArgs({ conversation_id: conversationId })\n  const messagesQueryKey = getRequestQueryKey(messagesRequestArgs)\n  const apiClient = useApiClient()\n\n  const { addTypingEvent, removeTypingEventById, removeAllTypingEventsByAuthorId } =\n    useTypingStatusCache(conversationId)\n\n  const handleMessageUpdateOrCreate = async (e: MessageCreatedEvent) => {\n    const { data } = e.data\n    const message = transformMessageEventDataToMessageResource({\n      data,\n      currentPersonId: currentPerson.id,\n    })\n\n    if (e.event === 'message.created' && data.author_id) {\n      removeAllTypingEventsByAuthorId(data.author_id)\n      if (data.idempotent_key && data.author_id === currentPerson.id) {\n        completeMessageCreationTracking({ apiClient, idempotentKey: data.idempotent_key })\n      }\n    }\n\n    // Update the main conversation cache\n    updateCacheWithMessage(queryClient, messagesQueryKey, message, e.event)\n\n    // If message has a reply_root_id, also update the threaded cache\n    if (data.reply_root_id) {\n      const threadedMessagesQueryKey = getThreadedMessagesQueryKey(\n        conversationId,\n        data.reply_root_id\n      )\n      updateCacheWithMessage(queryClient, threadedMessagesQueryKey, message, e.event)\n    }\n  }\n\n  const handleMessageDeleted = async (e: MessageDeletedEvent) => {\n    const { data } = e.data\n    const message = transformMessageEventDataToMessageResource({\n      data,\n      currentPersonId: currentPerson.id,\n    })\n\n    // Update the main conversation cache\n    queryClient.setQueryData<QueryData>(messagesQueryKey, prev =>\n      deleteRecordInPagesData({ data: prev, record: message })\n    )\n\n    // If message has a reply_root_id, also update the threaded cache\n    if (data.reply_root_id) {\n      const threadedMessagesQueryKey = getThreadedMessagesQueryKey(\n        conversationId,\n        data.reply_root_id\n      )\n      queryClient.setQueryData<QueryData>(threadedMessagesQueryKey, prev =>\n        deleteRecordInPagesData({ data: prev, record: message })\n      )\n    }\n  }\n\n  const handleReactionJoltEvent = async (e: JoltReactionEvent) => {\n    // Update the main conversation cache and capture the reply_root_id if present\n    updateCacheWithReaction(queryClient, messagesQueryKey, e, currentPerson.id)\n\n    const replyRootId = e.data.data.reply_root_id\n\n    // If the message has a reply_root_id, also update the threaded cache\n    if (replyRootId) {\n      const threadedMessagesQueryKey = getThreadedMessagesQueryKey(conversationId, replyRootId)\n      updateCacheWithReaction(queryClient, threadedMessagesQueryKey, e, currentPerson.id)\n    }\n  }\n\n  const handleTypingEvent = async (e: JoltTypingEvent) => {\n    const { data } = e.data\n    addTypingEvent(data)\n    setTimeout(() => removeTypingEventById(data.id), TYPING_TIMEOUT_INTERVAL)\n  }\n\n  useJoltEvent(joltChannel, 'message.created', handleMessageUpdateOrCreate)\n  useJoltEvent(joltChannel, 'message.updated', handleMessageUpdateOrCreate)\n  useJoltEvent(joltChannel, 'message.destroyed', handleMessageDeleted)\n  useJoltEvent(joltChannel, 'reaction.*', handleReactionJoltEvent)\n  useJoltEvent(joltChannel, 'typing.broadcast', handleTypingEvent)\n}\n\ntype QueryData = InfiniteData<ApiCollection<MessageResource>>\n"]}

package/build/hooks/use_features.d.ts

@@ -0,0 +1,9 @@
+import type { FeatureResource } from '../types/resources/feature_resource';
+export declare function useFeatures(): {
+    features: FeatureResource[];
+    featureEnabled: (featureName: string) => boolean;
+};
+export declare const availableFeatures: {
+    threaded_replies: string;
+};
+//# sourceMappingURL=use_features.d.ts.map

package/build/hooks/use_features.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use_features.d.ts","sourceRoot":"","sources":["../../src/hooks/use_features.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qCAAqC,CAAA;AAG1E,wBAAgB,WAAW;;kCAiBT,MAAM;EASvB;AAED,eAAO,MAAM,iBAAiB;;CAE7B,CAAA"}

package/build/hooks/use_features.js

@@ -0,0 +1,35 @@
+import { useSuspenseQuery } from '@tanstack/react-query';
+import { useCallback } from 'react';
+import { getFeaturesRequestArgs, getFeaturesQueryKey } from '../utils/request/get_features';
+import { useApiClient } from './use_api_client';
+export function useFeatures() {
+    const apiClient = useApiClient();
+    const requestArgs = getFeaturesRequestArgs();
+    const { data } = useSuspenseQuery({
+        queryKey: getFeaturesQueryKey(),
+        queryFn: () => {
+            return apiClient.chat
+                .get(requestArgs)
+                .catch(() => stableEmptyFeatures);
+        },
+        staleTime: 1000 * 60 * 5, // 5 minutes
+    });
+    const features = data.data;
+    const featureEnabled = useCallback((featureName) => features.some(feature => feature.name === featureName && feature.enabled), [features]);
+    return {
+        features,
+        featureEnabled,
+    };
+}
+export const availableFeatures = {
+    threaded_replies: 'QA_MOBILE_threaded_replies',
+};
+const stableEmptyFeatures = {
+    data: [],
+    links: {},
+    meta: {
+        count: 0,
+        totalCount: 0,
+    },
+};
+//# sourceMappingURL=use_features.js.map

package/build/hooks/use_features.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use_features.js","sourceRoot":"","sources":["../../src/hooks/use_features.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAA;AACxD,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AACnC,OAAO,EAAE,sBAAsB,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAA;AAC3F,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAI/C,MAAM,UAAU,WAAW;IACzB,MAAM,SAAS,GAAG,YAAY,EAAE,CAAA;IAChC,MAAM,WAAW,GAAG,sBAAsB,EAAE,CAAA;IAE5C,MAAM,EAAE,IAAI,EAAE,GAAG,gBAAgB,CAAC;QAChC,QAAQ,EAAE,mBAAmB,EAAE;QAC/B,OAAO,EAAE,GAAG,EAAE;YACZ,OAAO,SAAS,CAAC,IAAI;iBAClB,GAAG,CAAiC,WAAW,CAAC;iBAChD,KAAK,CAAC,GAAG,EAAE,CAAC,mBAAmB,CAAC,CAAA;QACrC,CAAC;QACD,SAAS,EAAE,IAAI,GAAG,EAAE,GAAG,CAAC,EAAE,YAAY;KACvC,CAAC,CAAA;IAEF,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAA;IAE1B,MAAM,cAAc,GAAG,WAAW,CAChC,CAAC,WAAmB,EAAE,EAAE,CACtB,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC,OAAO,CAAC,IAAI,KAAK,WAAW,IAAI,OAAO,CAAC,OAAO,CAAC,EAC3E,CAAC,QAAQ,CAAC,CACX,CAAA;IAED,OAAO;QACL,QAAQ;QACR,cAAc;KACf,CAAA;AACH,CAAC;AAED,MAAM,CAAC,MAAM,iBAAiB,GAAG;IAC/B,gBAAgB,EAAE,4BAA4B;CAC/C,CAAA;AAED,MAAM,mBAAmB,GAAmC;IAC1D,IAAI,EAAE,EAAE;IACR,KAAK,EAAE,EAAE;IACT,IAAI,EAAE;QACJ,KAAK,EAAE,CAAC;QACR,UAAU,EAAE,CAAC;KACd;CACF,CAAA","sourcesContent":["import { useSuspenseQuery } from '@tanstack/react-query'\nimport { useCallback } from 'react'\nimport { getFeaturesRequestArgs, getFeaturesQueryKey } from '../utils/request/get_features'\nimport { useApiClient } from './use_api_client'\nimport type { FeatureResource } from '../types/resources/feature_resource'\nimport { ApiCollection } from '../types'\n\nexport function useFeatures() {\n  const apiClient = useApiClient()\n  const requestArgs = getFeaturesRequestArgs()\n\n  const { data } = useSuspenseQuery({\n    queryKey: getFeaturesQueryKey(),\n    queryFn: () => {\n      return apiClient.chat\n        .get<ApiCollection<FeatureResource>>(requestArgs)\n        .catch(() => stableEmptyFeatures)\n    },\n    staleTime: 1000 * 60 * 5, // 5 minutes\n  })\n\n  const features = data.data\n\n  const featureEnabled = useCallback(\n    (featureName: string) =>\n      features.some(feature => feature.name === featureName && feature.enabled),\n    [features]\n  )\n\n  return {\n    features,\n    featureEnabled,\n  }\n}\n\nexport const availableFeatures = {\n  threaded_replies: 'QA_MOBILE_threaded_replies',\n}\n\nconst stableEmptyFeatures: ApiCollection<FeatureResource> = {\n  data: [],\n  links: {},\n  meta: {\n    count: 0,\n    totalCount: 0,\n  },\n}\n"]}

package/build/hooks/use_message_create_or_update.d.ts

@@ -11,7 +11,5 @@ export declare function useMessageCreateOrUpdate({ conversationId, message, repl
 }, {
     message: MessageResource;
 }>;
-export declare function isTemporaryMessageId(messageId?: string | null): boolean;
-export declare function isNewMessage(message?: MessageResource): boolean;
 export {};
 //# sourceMappingURL=use_message_create_or_update.d.ts.map

package/build/hooks/use_message_create_or_update.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use_message_create_or_update.d.ts","sourceRoot":"","sources":["../../src/hooks/use_message_create_or_update.ts"],"names":[],"mappings":"AAGA,OAAO,EAAiB,WAAW,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAQtE,OAAO,EAAE,uCAAuC,EAAE,MAAM,gEAAgE,CAAA;AAMxH,UAAU,KAAK;IACb,cAAc,EAAE,MAAM,CAAA;IACtB,OAAO,CAAC,EAAE,eAAe,CAAA;IACzB,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;CAC5B;AAED,wBAAgB,wBAAwB,CAAC,EAAE,cAAc,EAAE,OAAO,EAAE,WAAW,EAAE,EAAE,KAAK;UAqD5E,MAAM;kBACE,uCAAuC,EAAE;;;GAuE5D;AAED,wBAAgB,oBAAoB,CAAC,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,OAAO,CAEvE;AACD,wBAAgB,YAAY,CAAC,OAAO,CAAC,EAAE,eAAe,GAAG,OAAO,CAE/D"}
+{"version":3,"file":"use_message_create_or_update.d.ts","sourceRoot":"","sources":["../../src/hooks/use_message_create_or_update.ts"],"names":[],"mappings":"AAGA,OAAO,EAAiB,WAAW,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAQtE,OAAO,EAAE,uCAAuC,EAAE,MAAM,gEAAgE,CAAA;AAOxH,UAAU,KAAK;IACb,cAAc,EAAE,MAAM,CAAA;IACtB,OAAO,CAAC,EAAE,eAAe,CAAA;IACzB,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;CAC5B;AAED,wBAAgB,wBAAwB,CAAC,EAAE,cAAc,EAAE,OAAO,EAAE,WAAW,EAAE,EAAE,KAAK;UAqD5E,MAAM;kBACE,uCAAuC,EAAE;;;GA8E5D"}

package/build/hooks/use_message_create_or_update.js

@@ -7,6 +7,7 @@ import { useCurrentPerson } from './use_current_person';
 import { optimisticallyUpdateMessage } from '../utils/cache/optimistically_update_message';
 import { optimisticallyCreateMessage } from '../utils/cache/optimistically_create_message';
 import { startMessageCreationTracking } from '../utils/performance_tracking';
+import { isNewMessage } from '../utils/cache/messages_cache';
 export function useMessageCreateOrUpdate({ conversationId, message, replyRootId }) {
     const messageId = message?.id || null;
     const isEditing = !isNewMessage(message);
@@ -62,6 +63,7 @@ export function useMessageCreateOrUpdate({ conversationId, message, replyRootId
                 text,
                 attachments,
                 currentPerson,
+                replyRootId,
             });
             return { message: optimisticMessage };
         },
@@ -70,7 +72,10 @@ export function useMessageCreateOrUpdate({ conversationId, message, replyRootId
             Haptic.notificationError();
             // Add error to the optimistic message from the cache on error
             if (optimisticMessage) {
-                const queryKey = getMessagesQueryKey({ conversation_id: conversationId });
+                const queryKey = getMessagesQueryKey({
+                    conversation_id: conversationId,
+                    reply_root_id: replyRootId,
+                });
                 chatQueryClient.setQueryData(queryKey, (data) => updateRecordInPagesData({
                     data,
                     record: optimisticMessage,
@@ -85,7 +90,10 @@ export function useMessageCreateOrUpdate({ conversationId, message, replyRootId
         onSuccess: (result, variables, context) => {
             const { message: optimisticMessage } = context || {};
             const updatedMessage = result.data;
-            const queryKey = getMessagesQueryKey({ conversation_id: conversationId });
+            const queryKey = getMessagesQueryKey({
+                conversation_id: conversationId,
+                reply_root_id: replyRootId,
+            });
             // First remove the optimistic message if it exists
             if (optimisticMessage) {
                 chatQueryClient.setQueryData(queryKey, data => deleteRecordInPagesData({
@@ -102,12 +110,6 @@ export function useMessageCreateOrUpdate({ conversationId, message, replyRootId
     });
     return mutation;
 }
-export function isTemporaryMessageId(messageId) {
-    return !!messageId && messageId.endsWith('-temp');
-}
-export function isNewMessage(message) {
-    return !message?.id || isTemporaryMessageId(message.id);
-}
 /**
  * Generate a random UUID (v4) for idempotent keys.
  * Uses Math.random, which is not cryptographically secure.

package/build/hooks/use_message_create_or_update.js.map

@@ -1 +1 @@
-{"version":3,"file":"use_message_create_or_update.js","sourceRoot":"","sources":["../../src/hooks/use_message_create_or_update.ts"],"names":[],"mappings":"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","sourcesContent":["import { InfiniteData, useMutation } from '@tanstack/react-query'\nimport { getMessagesQueryKey, getMessagesRequestArgs } from '../utils/request/get_messages'\nimport { useApiClient } from './use_api_client'\nimport { ApiCollection, ApiResource, MessageResource } from '../types'\nimport { chatQueryClient } from '../contexts/api_provider'\nimport {\n  deleteRecordInPagesData,\n  Haptic,\n  updateOrCreateRecordInPagesData,\n  updateRecordInPagesData,\n} from '../utils'\nimport { DenormalizedAttachmentResourceForCreate } from '../types/resources/denormalized_attachment_resource_for_create'\nimport { useCurrentPerson } from './use_current_person'\nimport { optimisticallyUpdateMessage } from '../utils/cache/optimistically_update_message'\nimport { optimisticallyCreateMessage } from '../utils/cache/optimistically_create_message'\nimport { startMessageCreationTracking } from '../utils/performance_tracking'\n\ninterface Props {\n  conversationId: number\n  message?: MessageResource\n  replyRootId?: string | null\n}\n\nexport function useMessageCreateOrUpdate({ conversationId, message, replyRootId }: Props) {\n  const messageId = message?.id || null\n  const isEditing = !isNewMessage(message)\n  const apiClient = useApiClient()\n  const currentPerson = useCurrentPerson()\n\n  const mutation = useMutation({\n    mutationFn: ({\n      text,\n      attachments,\n    }: {\n      text: string\n      attachments?: DenormalizedAttachmentResourceForCreate[]\n    }) => {\n      const requestParams = getMessagesRequestArgs({ conversation_id: conversationId })\n      const fieldsWithValueJoined = Object.fromEntries(\n        Object.entries(requestParams.data.fields).map(([k, v]) => [k, v.join(',')])\n      )\n      let attributes: any = {\n        text,\n        ...(attachments ? { attachments } : {}),\n        ...(replyRootId ? { reply_root: { id: replyRootId } } : {}),\n      }\n      if (!isEditing) {\n        const idempotentKey = insecureUUID()\n        attributes.idempotent_key = idempotentKey\n        startMessageCreationTracking(idempotentKey)\n      }\n      const data = {\n        ...requestParams.data,\n        data: {\n          type: 'Message',\n          attributes,\n        },\n        fields: fieldsWithValueJoined,\n      }\n\n      if (isEditing) {\n        return apiClient.chat.patch<ApiResource<MessageResource>>({\n          url: `/me/conversations/${conversationId}/messages/${messageId}`,\n          data,\n        })\n      } else {\n        return apiClient.chat.post<ApiResource<MessageResource>>({\n          url: `/me/conversations/${conversationId}/messages`,\n          data,\n        })\n      }\n    },\n    onMutate: async ({\n      text,\n      attachments,\n    }: {\n      text: string\n      attachments?: DenormalizedAttachmentResourceForCreate[]\n    }) => {\n      if (message && isEditing) {\n        const optimisticMessage = optimisticallyUpdateMessage({\n          conversationId,\n          message,\n          text,\n        })\n\n        return { message: optimisticMessage }\n      }\n\n      const optimisticMessage = optimisticallyCreateMessage({\n        conversationId,\n        message,\n        text,\n        attachments,\n        currentPerson,\n      })\n\n      return { message: optimisticMessage }\n    },\n    onError: (error, variables, context) => {\n      const { message: optimisticMessage } = context || {}\n      Haptic.notificationError()\n\n      // Add error to the optimistic message from the cache on error\n      if (optimisticMessage) {\n        const queryKey = getMessagesQueryKey({ conversation_id: conversationId })\n        chatQueryClient.setQueryData(\n          queryKey,\n          (data: InfiniteData<ApiCollection<MessageResource>> | undefined) =>\n            updateRecordInPagesData({\n              data,\n              record: optimisticMessage,\n              processRecord: (_next, prev) => ({\n                ...prev,\n                error: error.message || 'Failed to send message',\n                pending: false, // Mark as no longer pending\n              }),\n            })\n        )\n      }\n    },\n    onSuccess: (result: ApiResource<MessageResource>, variables, context) => {\n      const { message: optimisticMessage } = context || {}\n      const updatedMessage = result.data\n      type QueryData = InfiniteData<ApiCollection<MessageResource>>\n      const queryKey = getMessagesQueryKey({ conversation_id: conversationId })\n\n      // First remove the optimistic message if it exists\n      if (optimisticMessage) {\n        chatQueryClient.setQueryData<QueryData>(queryKey, data =>\n          deleteRecordInPagesData({\n            data,\n            record: optimisticMessage,\n          })\n        )\n      }\n\n      // Then add the real message\n      chatQueryClient.setQueryData<QueryData>(queryKey, data =>\n        updateOrCreateRecordInPagesData({\n          data,\n          record: updatedMessage,\n        })\n      )\n    },\n  })\n\n  return mutation\n}\n\nexport function isTemporaryMessageId(messageId?: string | null): boolean {\n  return !!messageId && messageId.endsWith('-temp')\n}\nexport function isNewMessage(message?: MessageResource): boolean {\n  return !message?.id || isTemporaryMessageId(message.id)\n}\n\n/**\n * Generate a random UUID (v4) for idempotent keys.\n * Uses Math.random, which is not cryptographically secure.\n * An actual crypto library requires native dependencies.\n * This is OK for now since idempotent keys are not security-sensitive\n * or need to be guaranteed unique.\n * They are short lived and we use it in combination with the message's creator_id so\n * their impact is scoped only the current user.\n */\nfunction insecureUUID(): string {\n  return 'xxxxxxxx-xxxx-4xxx-Nxxx-xxxxxxxxxxxx'\n    .replace(/x/g, () => Math.floor(Math.random() * 16).toString(16))\n    .replace(/N/g, () => (Math.floor(Math.random() * 4) + 8).toString(16))\n}\n"]}
+{"version":3,"file":"use_message_create_or_update.js","sourceRoot":"","sources":["../../src/hooks/use_message_create_or_update.ts"],"names":[],"mappings":"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","sourcesContent":["import { InfiniteData, useMutation } from '@tanstack/react-query'\nimport { getMessagesQueryKey, getMessagesRequestArgs } from '../utils/request/get_messages'\nimport { useApiClient } from './use_api_client'\nimport { ApiCollection, ApiResource, MessageResource } from '../types'\nimport { chatQueryClient } from '../contexts/api_provider'\nimport {\n  deleteRecordInPagesData,\n  Haptic,\n  updateOrCreateRecordInPagesData,\n  updateRecordInPagesData,\n} from '../utils'\nimport { DenormalizedAttachmentResourceForCreate } from '../types/resources/denormalized_attachment_resource_for_create'\nimport { useCurrentPerson } from './use_current_person'\nimport { optimisticallyUpdateMessage } from '../utils/cache/optimistically_update_message'\nimport { optimisticallyCreateMessage } from '../utils/cache/optimistically_create_message'\nimport { startMessageCreationTracking } from '../utils/performance_tracking'\nimport { isNewMessage } from '../utils/cache/messages_cache'\n\ninterface Props {\n  conversationId: number\n  message?: MessageResource\n  replyRootId?: string | null\n}\n\nexport function useMessageCreateOrUpdate({ conversationId, message, replyRootId }: Props) {\n  const messageId = message?.id || null\n  const isEditing = !isNewMessage(message)\n  const apiClient = useApiClient()\n  const currentPerson = useCurrentPerson()\n\n  const mutation = useMutation({\n    mutationFn: ({\n      text,\n      attachments,\n    }: {\n      text: string\n      attachments?: DenormalizedAttachmentResourceForCreate[]\n    }) => {\n      const requestParams = getMessagesRequestArgs({ conversation_id: conversationId })\n      const fieldsWithValueJoined = Object.fromEntries(\n        Object.entries(requestParams.data.fields).map(([k, v]) => [k, v.join(',')])\n      )\n      let attributes: any = {\n        text,\n        ...(attachments ? { attachments } : {}),\n        ...(replyRootId ? { reply_root: { id: replyRootId } } : {}),\n      }\n      if (!isEditing) {\n        const idempotentKey = insecureUUID()\n        attributes.idempotent_key = idempotentKey\n        startMessageCreationTracking(idempotentKey)\n      }\n      const data = {\n        ...requestParams.data,\n        data: {\n          type: 'Message',\n          attributes,\n        },\n        fields: fieldsWithValueJoined,\n      }\n\n      if (isEditing) {\n        return apiClient.chat.patch<ApiResource<MessageResource>>({\n          url: `/me/conversations/${conversationId}/messages/${messageId}`,\n          data,\n        })\n      } else {\n        return apiClient.chat.post<ApiResource<MessageResource>>({\n          url: `/me/conversations/${conversationId}/messages`,\n          data,\n        })\n      }\n    },\n    onMutate: async ({\n      text,\n      attachments,\n    }: {\n      text: string\n      attachments?: DenormalizedAttachmentResourceForCreate[]\n    }) => {\n      if (message && isEditing) {\n        const optimisticMessage = optimisticallyUpdateMessage({\n          conversationId,\n          message,\n          text,\n        })\n\n        return { message: optimisticMessage }\n      }\n\n      const optimisticMessage = optimisticallyCreateMessage({\n        conversationId,\n        message,\n        text,\n        attachments,\n        currentPerson,\n        replyRootId,\n      })\n\n      return { message: optimisticMessage }\n    },\n    onError: (error, variables, context) => {\n      const { message: optimisticMessage } = context || {}\n      Haptic.notificationError()\n\n      // Add error to the optimistic message from the cache on error\n      if (optimisticMessage) {\n        const queryKey = getMessagesQueryKey({\n          conversation_id: conversationId,\n          reply_root_id: replyRootId,\n        })\n        chatQueryClient.setQueryData(\n          queryKey,\n          (data: InfiniteData<ApiCollection<MessageResource>> | undefined) =>\n            updateRecordInPagesData({\n              data,\n              record: optimisticMessage,\n              processRecord: (_next, prev) => ({\n                ...prev,\n                error: error.message || 'Failed to send message',\n                pending: false, // Mark as no longer pending\n              }),\n            })\n        )\n      }\n    },\n    onSuccess: (result: ApiResource<MessageResource>, variables, context) => {\n      const { message: optimisticMessage } = context || {}\n      const updatedMessage = result.data\n      type QueryData = InfiniteData<ApiCollection<MessageResource>>\n      const queryKey = getMessagesQueryKey({\n        conversation_id: conversationId,\n        reply_root_id: replyRootId,\n      })\n\n      // First remove the optimistic message if it exists\n      if (optimisticMessage) {\n        chatQueryClient.setQueryData<QueryData>(queryKey, data =>\n          deleteRecordInPagesData({\n            data,\n            record: optimisticMessage,\n          })\n        )\n      }\n\n      // Then add the real message\n      chatQueryClient.setQueryData<QueryData>(queryKey, data =>\n        updateOrCreateRecordInPagesData({\n          data,\n          record: updatedMessage,\n        })\n      )\n    },\n  })\n\n  return mutation\n}\n\n/**\n * Generate a random UUID (v4) for idempotent keys.\n * Uses Math.random, which is not cryptographically secure.\n * An actual crypto library requires native dependencies.\n * This is OK for now since idempotent keys are not security-sensitive\n * or need to be guaranteed unique.\n * They are short lived and we use it in combination with the message's creator_id so\n * their impact is scoped only the current user.\n */\nfunction insecureUUID(): string {\n  return 'xxxxxxxx-xxxx-4xxx-Nxxx-xxxxxxxxxxxx'\n    .replace(/x/g, () => Math.floor(Math.random() * 16).toString(16))\n    .replace(/N/g, () => (Math.floor(Math.random() * 4) + 8).toString(16))\n}\n"]}

package/build/hooks/use_typing_indicators.d.ts

@@ -5,7 +5,7 @@ import { PersonTyping } from './use_typing_status_cache';
  * The query function itself doesn't do anything, but we add to the cache
  * from useTypingStatusCache when we receive a typing event.
  */
-export declare const useTypingIndicators: (conversationId: number) => PersonTyping[];
+export declare const useTypingIndicators: () => PersonTyping[];
 /**
  * Format text for typing indicators based on the number of people typing
  */

package/build/hooks/use_typing_indicators.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use_typing_indicators.d.ts","sourceRoot":"","sources":["../../src/hooks/use_typing_indicators.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AAGxD;;;;;GAKG;AACH,eAAO,MAAM,mBAAmB,mBAAoB,MAAM,mBAYzD,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,sBAAsB,WAAY,YAAY,EAAE,KAAG,MAU/D,CAAA"}
+{"version":3,"file":"use_typing_indicators.d.ts","sourceRoot":"","sources":["../../src/hooks/use_typing_indicators.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AAIxD;;;;;GAKG;AACH,eAAO,MAAM,mBAAmB,sBAuB/B,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,sBAAsB,WAAY,YAAY,EAAE,KAAG,MAU/D,CAAA"}

package/build/hooks/use_typing_indicators.js

@@ -1,23 +1,36 @@
 import { useQuery } from '@tanstack/react-query';
 import { useMemo } from 'react';
 import { useCurrentPerson } from './use_current_person';
+import { useConversationContext } from '../contexts/conversation_context';
 /**
  * Hook for getting people currently typing in a conversation
  *
  * The query function itself doesn't do anything, but we add to the cache
  * from useTypingStatusCache when we receive a typing event.
  */
-export const useTypingIndicators = (conversationId) => {
+export const useTypingIndicators = () => {
+    const { conversationId, currentPageReplyRootId } = useConversationContext();
     const cacheKey = useMemo(() => ['conversationTyping', String(conversationId)], [conversationId]);
     const currentPerson = useCurrentPerson();
+    const isCurrentPerson = (authorId) => authorId === currentPerson?.id;
+    const inMainConversationView = !currentPageReplyRootId;
     const now = Date.now();
     const { data } = useQuery({
         queryKey: cacheKey,
         queryFn: () => stableArray,
         initialData: stableArray,
     });
-    // Filter out expired entries and the current user
-    return data.filter(person => person.expires > now && person.author_id !== currentPerson?.id);
+    return data.filter(({ author_id, expires, reply_root_id }) => {
+        if (isCurrentPerson(author_id))
+            return false;
+        if (now > expires)
+            return false;
+        // If you are in the main conversation view, you will see any message sent
+        if (inMainConversationView)
+            return true;
+        // If you are in a reply view, you will only see messages sent in this reply thread
+        return reply_root_id === currentPageReplyRootId;
+    });
 };
 /**
  * Format text for typing indicators based on the number of people typing

package/build/hooks/use_typing_indicators.js.map

@@ -1 +1 @@
-{"version":3,"file":"use_typing_indicators.js","sourceRoot":"","sources":["../../src/hooks/use_typing_indicators.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAChD,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAE/B,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAA;AAEvD;;;;;GAKG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,cAAsB,EAAE,EAAE;IAC5D,MAAM,QAAQ,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,oBAAoB,EAAE,MAAM,CAAC,cAAc,CAAC,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAA;IAChG,MAAM,aAAa,GAAG,gBAAgB,EAAE,CAAA;IACxC,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,EAAE,CAAA;IACtB,MAAM,EAAE,IAAI,EAAE,GAAG,QAAQ,CAAC;QACxB,QAAQ,EAAE,QAAQ;QAClB,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW;QAC1B,WAAW,EAAE,WAAW;KACzB,CAAC,CAAA;IAEF,kDAAkD;IAClD,OAAO,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,OAAO,GAAG,GAAG,IAAI,MAAM,CAAC,SAAS,KAAK,aAAa,EAAE,EAAE,CAAC,CAAA;AAC9F,CAAC,CAAA;AAED;;GAEG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,MAAsB,EAAU,EAAE;IACvE,IAAI,CAAC,MAAM,CAAC,MAAM;QAAE,OAAO,EAAE,CAAA;IAE7B,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QACxB,OAAO,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,eAAe,CAAA;IAChD,CAAC;SAAM,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QAC/B,OAAO,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,QAAQ,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,gBAAgB,CAAA;IAC9E,CAAC;SAAM,CAAC;QACN,OAAO,8BAA8B,CAAA;IACvC,CAAC;AACH,CAAC,CAAA;AAED,MAAM,WAAW,GAAmB,EAAE,CAAA","sourcesContent":["import { useQuery } from '@tanstack/react-query'\nimport { useMemo } from 'react'\nimport { PersonTyping } from './use_typing_status_cache'\nimport { useCurrentPerson } from './use_current_person'\n\n/**\n * Hook for getting people currently typing in a conversation\n *\n * The query function itself doesn't do anything, but we add to the cache\n * from useTypingStatusCache when we receive a typing event.\n */\nexport const useTypingIndicators = (conversationId: number) => {\n  const cacheKey = useMemo(() => ['conversationTyping', String(conversationId)], [conversationId])\n  const currentPerson = useCurrentPerson()\n  const now = Date.now()\n  const { data } = useQuery({\n    queryKey: cacheKey,\n    queryFn: () => stableArray,\n    initialData: stableArray,\n  })\n\n  // Filter out expired entries and the current user\n  return data.filter(person => person.expires > now && person.author_id !== currentPerson?.id)\n}\n\n/**\n * Format text for typing indicators based on the number of people typing\n */\nexport const getTypingIndicatorText = (people: PersonTyping[]): string => {\n  if (!people.length) return ''\n\n  if (people.length === 1) {\n    return `${people[0].author_name} is typing...`\n  } else if (people.length === 2) {\n    return `${people[0].author_name} and ${people[1].author_name} are typing...`\n  } else {\n    return 'Several people are typing...'\n  }\n}\n\nconst stableArray: PersonTyping[] = []\n"]}
+{"version":3,"file":"use_typing_indicators.js","sourceRoot":"","sources":["../../src/hooks/use_typing_indicators.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAChD,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAE/B,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAA;AACvD,OAAO,EAAE,sBAAsB,EAAE,MAAM,kCAAkC,CAAA;AAEzE;;;;;GAKG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,EAAE;IACtC,MAAM,EAAE,cAAc,EAAE,sBAAsB,EAAE,GAAG,sBAAsB,EAAE,CAAA;IAC3E,MAAM,QAAQ,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,oBAAoB,EAAE,MAAM,CAAC,cAAc,CAAC,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAA;IAChG,MAAM,aAAa,GAAG,gBAAgB,EAAE,CAAA;IACxC,MAAM,eAAe,GAAG,CAAC,QAAgB,EAAE,EAAE,CAAC,QAAQ,KAAK,aAAa,EAAE,EAAE,CAAA;IAC5E,MAAM,sBAAsB,GAAG,CAAC,sBAAsB,CAAA;IACtD,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,EAAE,CAAA;IACtB,MAAM,EAAE,IAAI,EAAE,GAAG,QAAQ,CAAC;QACxB,QAAQ,EAAE,QAAQ;QAClB,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW;QAC1B,WAAW,EAAE,WAAW;KACzB,CAAC,CAAA;IAEF,OAAO,IAAI,CAAC,MAAM,CAAC,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,aAAa,EAAE,EAAE,EAAE;QAC3D,IAAI,eAAe,CAAC,SAAS,CAAC;YAAE,OAAO,KAAK,CAAA;QAC5C,IAAI,GAAG,GAAG,OAAO;YAAE,OAAO,KAAK,CAAA;QAE/B,0EAA0E;QAC1E,IAAI,sBAAsB;YAAE,OAAO,IAAI,CAAA;QAEvC,mFAAmF;QACnF,OAAO,aAAa,KAAK,sBAAsB,CAAA;IACjD,CAAC,CAAC,CAAA;AACJ,CAAC,CAAA;AAED;;GAEG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,MAAsB,EAAU,EAAE;IACvE,IAAI,CAAC,MAAM,CAAC,MAAM;QAAE,OAAO,EAAE,CAAA;IAE7B,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QACxB,OAAO,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,eAAe,CAAA;IAChD,CAAC;SAAM,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QAC/B,OAAO,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,QAAQ,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,gBAAgB,CAAA;IAC9E,CAAC;SAAM,CAAC;QACN,OAAO,8BAA8B,CAAA;IACvC,CAAC;AACH,CAAC,CAAA;AAED,MAAM,WAAW,GAAmB,EAAE,CAAA","sourcesContent":["import { useQuery } from '@tanstack/react-query'\nimport { useMemo } from 'react'\nimport { PersonTyping } from './use_typing_status_cache'\nimport { useCurrentPerson } from './use_current_person'\nimport { useConversationContext } from '../contexts/conversation_context'\n\n/**\n * Hook for getting people currently typing in a conversation\n *\n * The query function itself doesn't do anything, but we add to the cache\n * from useTypingStatusCache when we receive a typing event.\n */\nexport const useTypingIndicators = () => {\n  const { conversationId, currentPageReplyRootId } = useConversationContext()\n  const cacheKey = useMemo(() => ['conversationTyping', String(conversationId)], [conversationId])\n  const currentPerson = useCurrentPerson()\n  const isCurrentPerson = (authorId: number) => authorId === currentPerson?.id\n  const inMainConversationView = !currentPageReplyRootId\n  const now = Date.now()\n  const { data } = useQuery({\n    queryKey: cacheKey,\n    queryFn: () => stableArray,\n    initialData: stableArray,\n  })\n\n  return data.filter(({ author_id, expires, reply_root_id }) => {\n    if (isCurrentPerson(author_id)) return false\n    if (now > expires) return false\n\n    // If you are in the main conversation view, you will see any message sent\n    if (inMainConversationView) return true\n\n    // If you are in a reply view, you will only see messages sent in this reply thread\n    return reply_root_id === currentPageReplyRootId\n  })\n}\n\n/**\n * Format text for typing indicators based on the number of people typing\n */\nexport const getTypingIndicatorText = (people: PersonTyping[]): string => {\n  if (!people.length) return ''\n\n  if (people.length === 1) {\n    return `${people[0].author_name} is typing...`\n  } else if (people.length === 2) {\n    return `${people[0].author_name} and ${people[1].author_name} are typing...`\n  } else {\n    return 'Several people are typing...'\n  }\n}\n\nconst stableArray: PersonTyping[] = []\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"conversation_details_screen.d.ts","sourceRoot":"","sources":["../../src/screens/conversation_details_screen.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAgB,iBAAiB,EAAiB,MAAM,0BAA0B,CAAA;AACzF,OAAO,KAQN,MAAM,OAAO,CAAA;AAwEd,MAAM,MAAM,8BAA8B,GAAG,iBAAiB,CAAC;IAC7D,eAAe,EAAE,MAAM,CAAA;CACxB,CAAC,CAAA;AAEF,wBAAgB,yBAAyB,CAAC,EAAE,KAAK,EAAE,EAAE,8BAA8B,qBAwSlF"}
+{"version":3,"file":"conversation_details_screen.d.ts","sourceRoot":"","sources":["../../src/screens/conversation_details_screen.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAgB,iBAAiB,EAAiB,MAAM,0BAA0B,CAAA;AACzF,OAAO,KAQN,MAAM,OAAO,CAAA;AA0Ed,MAAM,MAAM,8BAA8B,GAAG,iBAAiB,CAAC;IAC7D,eAAe,EAAE,MAAM,CAAA;CACxB,CAAC,CAAA;AAEF,wBAAgB,yBAAyB,CAAC,EAAE,KAAK,EAAE,EAAE,8BAA8B,qBAySlF"}

package/build/screens/conversation_details_screen.js

@@ -1,14 +1,15 @@
 import { StackActions, useNavigation } from '@react-navigation/native';
 import React, { useCallback, useEffect, useState, useRef, } from 'react';
-import { StyleSheet, TextInput, View, Pressable, Alert, Platform, } from 'react-native';
+import { FlatList, StyleSheet, TextInput, View, Pressable, Alert, Platform, } from 'react-native';
 import { HeaderTitle as ElementsHeaderTitle } from '@react-navigation/elements';
 import { Badge, ChildNotice, Heading, Icon, Person, Switch, Text, TextButton, } from '../components';
 import { useSuspensePaginator, useTheme } from '../hooks';
 import { useConversation, useConversationDelete, useConversationDisableReplies, useConversationMute, useConversationUpdate, } from '../hooks/use_conversation';
 import { isDefined } from '../types';
 import { HeaderTextButton } from '../components/display/platform_modal_header_buttons';
-import { FlashList } from '@shopify/flash-list';
 import { tokens } from '../vendor/tapestry/tokens';
+import { useFeatures } from '../hooks/use_features';
+import { availableFeatures } from '../hooks/use_features';
 // =========================================
 // ====== Factory Constants & Types ========
 // =========================================
@@ -30,6 +31,8 @@ export function ConversationDetailsScreen({ route }) {
     const { repliesDisabled, setRepliesDisabled } = useConversationDisableReplies(route.params);
     const { mutate: saveTitle } = useConversationUpdate(route.params);
     const { mutate: deleteConversation } = useConversationDelete(route.params);
+    const { featureEnabled } = useFeatures();
+    const repliesEnabled = featureEnabled(availableFeatures.threaded_replies);
     const trimmedTitle = title.trim();
     const emptyTitle = trimmedTitle === '' || title === null;
     const canUpdate = conversation.memberAbility?.canUpdate || false;
@@ -139,8 +142,8 @@ export function ConversationDetailsScreen({ route }) {
         {
             type: canUpdate ? SectionTypes.setting : SectionTypes.hidden,
             data: {
-                title: 'Freeze conversation',
-                subtitle: 'Disables replies for everyone except leaders.',
+                title: repliesEnabled ? 'Leader messages only' : 'Freeze conversation',
+                subtitle: repliesEnabled ? undefined : 'Disables replies for everyone except leaders.',
                 rightItem: (<Switch value={repliesDisabled} onChange={() => setRepliesDisabled(!repliesDisabled)}/>),
             },
             showBottomBorder: true,
@@ -184,7 +187,7 @@ export function ConversationDetailsScreen({ route }) {
         .map(({ type }, index) => (type === SectionTypes.header ? index : undefined))
         .filter(isDefined);
     return (<View style={styles.listContainer}>
-      <FlashList data={listData} estimatedItemSize={52} contentContainerStyle={styles.contentContainer} renderItem={({ item, index }) => {
+      <FlatList data={listData} contentContainerStyle={styles.contentContainer} renderItem={({ item, index }) => {
             const [isStart, isEnd] = [
                 index === 0 || headerIndices.includes(index),
                 index === listData.length - 1 || headerIndices.includes(index + 1),
@@ -213,7 +216,7 @@ export function ConversationDetailsScreen({ route }) {
                 default:
                     return null;
             }
-        }} onEndReached={fetchNextPageOfMembers}/>
+        }} onEndReached={() => fetchNextPageOfMembers()}/>
     </View>);
 }
 function ListSection({ isStart, isEnd, showBottomBorder, outerStyle, innerStyle, children, }) {

package/build/screens/conversation_details_screen.js.map

@@ -1 +1 @@
-{"version":3,"file":"conversation_details_screen.js","sourceRoot":"","sources":["../../src/screens/conversation_details_screen.tsx"],"names":[],"mappings":"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","sourcesContent":["import { StackActions, StaticScreenProps, useNavigation } from '@react-navigation/native'\nimport React, {\n  useCallback,\n  useEffect,\n  useState,\n  type SetStateAction,\n  type Dispatch,\n  type ReactNode,\n  useRef,\n} from 'react'\nimport {\n  StyleSheet,\n  TextInput,\n  View,\n  type ViewStyle,\n  type ViewProps,\n  Pressable,\n  Alert,\n  Platform,\n} from 'react-native'\nimport { HeaderTitle as ElementsHeaderTitle, HeaderTitleProps } from '@react-navigation/elements'\nimport {\n  Badge,\n  ChildNotice,\n  Heading,\n  Icon,\n  Person,\n  Switch,\n  Text,\n  TextButton,\n  type TextStyle,\n} from '../components'\nimport { useSuspensePaginator, useTheme } from '../hooks'\nimport {\n  useConversation,\n  useConversationDelete,\n  useConversationDisableReplies,\n  useConversationMute,\n  useConversationUpdate,\n} from '../hooks/use_conversation'\nimport { MemberResource, isDefined } from '../types'\nimport { HeaderTextButton } from '../components/display/platform_modal_header_buttons'\nimport { FlashList } from '@shopify/flash-list'\nimport { tokens } from '../vendor/tapestry/tokens'\nimport { ButtonAppearanceUnion } from '../components/display/utils/button_colors'\nimport { GroupResource } from '../types/resources/group_resource'\n\n// =========================================\n// ====== Factory Constants & Types ========\n// =========================================\n\nenum SectionTypes {\n  header,\n  hidden,\n  members,\n  loadingMembers,\n  setting,\n  view,\n}\n\ntype SectionListData = Array<\n  | DataItem<{ title: string }, SectionTypes.header>\n  | DataItem<MemberResource, SectionTypes.members>\n  | DataItem<any, SectionTypes.loadingMembers>\n  | DataItem<ViewProps, SectionTypes.view>\n  | DataItem<SettingRowProps, SectionTypes.setting>\n  | DataItem<any, SectionTypes.hidden>\n>\n\ninterface DataItem<T, TName extends SectionTypes> {\n  type: TName\n  data: T\n  sectionOuterStyle?: ViewStyle\n  sectionInnerStyle?: ViewStyle\n  showBottomBorder?: boolean\n}\n\n// =================================\n// ====== Components ===============\n// =================================\n\nexport type ConversationDetailsScreenProps = StaticScreenProps<{\n  conversation_id: number\n}>\n\nexport function ConversationDetailsScreen({ route }: ConversationDetailsScreenProps) {\n  const navigation = useNavigation()\n  const styles = useStyles()\n\n  const { data: conversation } = useConversation(route.params)\n  const [title, setTitle] = useState(conversation.title)\n  const { muted, setMuted } = useConversationMute(route.params)\n  const { repliesDisabled, setRepliesDisabled } = useConversationDisableReplies(route.params)\n  const { mutate: saveTitle } = useConversationUpdate(route.params)\n  const { mutate: deleteConversation } = useConversationDelete(route.params)\n\n  const trimmedTitle = title.trim()\n  const emptyTitle = trimmedTitle === '' || title === null\n\n  const canUpdate = conversation.memberAbility?.canUpdate || false\n  const canDelete = conversation.memberAbility?.canDelete || false\n  const isLeader = conversation.memberAbility?.leader || false\n\n  const {\n    data: members,\n    fetchNextPage: fetchNextPageOfMembers,\n    isFetchingNextPage: isLoadingMembers,\n  } = useSuspensePaginator<MemberResource>({\n    url: `/me/conversations/${route.params.conversation_id}/members`,\n    data: {\n      include: ['person'],\n      fields: {\n        Member: ['avatar', 'name', 'first_name', 'last_name', 'child', 'badges'],\n      },\n    },\n  })\n\n  const memberSectionStyleMap = {\n    first: styles.sectionInnerFirstMember,\n    middle: styles.sectionInnerMiddleMiddle,\n    last: styles.sectionInnerLastMember,\n  }\n\n  const memberItems = members.map((data, index) => {\n    const isFirst = index === 0\n    const isLast = index === members.length - 1\n    const memberPosition = isFirst ? 'first' : isLast ? 'last' : 'middle'\n    const memberSectionStyle = memberSectionStyleMap[memberPosition]\n\n    return {\n      type: data.child ? SectionTypes.hidden : SectionTypes.members,\n      data,\n      sectionInnerStyle: memberSectionStyle,\n    }\n  })\n\n  const loadingMemberItems = isLoadingMembers\n    ? [\n        {\n          type: SectionTypes.loadingMembers,\n          data: {},\n          sectionInnerStyle: styles.sectionInnerFirstMember,\n        },\n      ]\n    : []\n\n  const childMembers = members.filter(member => member.child)\n  const hasChildren = childMembers.length > 0\n\n  const teamsGroup =\n    conversation.groups\n      ?.filter(g => g.sourceAppName === 'Services')\n      ?.filter(g => ['Team', 'PlanTeam'].includes(g.sourceType))\n      ?.filter(g => g.name !== null) || []\n  const hasTeams = teamsGroup.length > 0\n\n  const badge = conversation.badges?.[0]\n  const resourceType = badge?.pcoResourceType || ''\n  const productName = badge?.appName\n  const name = badge?.text || undefined\n\n  const handleDelete = useCallback(() => {\n    Alert.alert(\n      'Delete conversation',\n      `All messages in ${title} will be deleted for everyone. This action cannot be undone.`,\n      [\n        {\n          text: 'Cancel',\n          style: 'cancel',\n        },\n        {\n          text: 'Delete',\n          style: 'destructive',\n          onPress: () => {\n            deleteConversation()\n            navigation.dispatch(StackActions.popToTop())\n          },\n        },\n      ]\n    )\n  }, [deleteConversation, navigation, title])\n\n  const HeaderTitle = useCallback(\n    (props: HeaderTitleProps) => {\n      return (\n        <View style={styles.headerTitleContainer}>\n          <ElementsHeaderTitle maxFontSizeMultiplier={1} {...props} />\n          <Badge\n            variant=\"metaSubtle\"\n            label={resourceType}\n            metaLabel={name}\n            style={styles.headerTitleBadge}\n            productLogoName={productName}\n            maxFontSizeMultiplier={1}\n          />\n        </View>\n      )\n    },\n    [name, productName, resourceType, styles.headerTitleBadge, styles.headerTitleContainer]\n  )\n\n  const HeaderRight = useCallback(() => {\n    return (\n      <HeaderTextButton\n        onPress={() => {\n          saveTitle({ title: trimmedTitle || conversation.title })\n          navigation.goBack()\n        }}\n        title=\"Done\"\n      />\n    )\n  }, [conversation.title, navigation, saveTitle, trimmedTitle])\n\n  useEffect(() => {\n    navigation.setOptions({\n      headerRight: HeaderRight,\n      headerTitle: HeaderTitle,\n    })\n  }, [HeaderRight, HeaderTitle, navigation])\n\n  const listData = [\n    {\n      type: SectionTypes.view,\n      data: {\n        children: (\n          <TitleInput\n            canUpdate={canUpdate}\n            title={title}\n            setTitle={setTitle}\n            isEmpty={emptyTitle}\n          />\n        ),\n      },\n      sectionInnerStyle: styles.sectionInnerTitleInput,\n    },\n    {\n      type: SectionTypes.header,\n      data: { title: 'Settings' },\n      showBottomBorder: true,\n      sectionInnerStyle: styles.sectionInnerHeaderWithBottomBorder,\n    },\n    {\n      type: SectionTypes.setting,\n      data: {\n        title: 'Mute',\n        rightItem: <Switch value={muted} onChange={() => setMuted(!muted)} />,\n      },\n      showBottomBorder: true,\n    },\n    {\n      type: canUpdate ? SectionTypes.setting : SectionTypes.hidden,\n      data: {\n        title: 'Freeze conversation',\n        subtitle: 'Disables replies for everyone except leaders.',\n        rightItem: (\n          <Switch value={repliesDisabled} onChange={() => setRepliesDisabled(!repliesDisabled)} />\n        ),\n      },\n      showBottomBorder: true,\n    },\n    {\n      type: canDelete ? SectionTypes.setting : SectionTypes.hidden,\n      data: {\n        title: 'Delete conversation…',\n        buttonTextStyle: styles.deleteButtonText,\n        appearance: 'danger',\n        onPress: handleDelete,\n      },\n    },\n    {\n      type: hasTeams ? SectionTypes.header : SectionTypes.hidden,\n      data: { title: 'Teams' },\n      sectionInnerStyle: styles.sectionInnerHeader,\n    },\n    {\n      type: hasTeams ? SectionTypes.view : SectionTypes.hidden,\n      data: {\n        children: <TeamsGroup teams={teamsGroup} />,\n      },\n    },\n    {\n      type: SectionTypes.header,\n      data: { title: 'People' },\n      sectionInnerStyle: styles.sectionInnerHeader,\n    },\n    {\n      type: hasChildren && isLeader ? SectionTypes.view : SectionTypes.hidden,\n      data: {\n        children: <ChildNotice childMembers={childMembers} />,\n      },\n      sectionInnerStyle: styles.sectionInnerChildNotice,\n    },\n    ...memberItems,\n    ...loadingMemberItems,\n  ].filter(item => item.type !== SectionTypes.hidden)\n\n  const headerIndices = listData\n    .map(({ type }, index) => (type === SectionTypes.header ? index : undefined))\n    .filter(isDefined)\n\n  return (\n    <View style={styles.listContainer}>\n      <FlashList\n        data={listData as SectionListData}\n        estimatedItemSize={52}\n        contentContainerStyle={styles.contentContainer}\n        renderItem={({ item, index }) => {\n          const [isStart, isEnd] = [\n            index === 0 || headerIndices.includes(index),\n            index === listData.length - 1 || headerIndices.includes(index + 1),\n          ]\n\n          switch (item.type) {\n            case SectionTypes.header:\n              return (\n                <ListSection\n                  isStart={isStart}\n                  isEnd={isEnd}\n                  showBottomBorder={item?.showBottomBorder}\n                  outerStyle={item?.sectionOuterStyle}\n                  innerStyle={item?.sectionInnerStyle}\n                >\n                  <Heading variant=\"h3\">{item.data.title}</Heading>\n                </ListSection>\n              )\n            case SectionTypes.members:\n              return (\n                <ListSection\n                  isStart={isStart}\n                  isEnd={isEnd}\n                  showBottomBorder={item?.showBottomBorder}\n                  outerStyle={item?.sectionOuterStyle}\n                  innerStyle={item?.sectionInnerStyle}\n                >\n                  <Person person={{ ...item.data }} />\n                </ListSection>\n              )\n            case SectionTypes.loadingMembers:\n              return (\n                <ListSection\n                  isStart={isStart}\n                  isEnd={isEnd}\n                  showBottomBorder={item?.showBottomBorder}\n                  outerStyle={item?.sectionOuterStyle}\n                  innerStyle={item?.sectionInnerStyle}\n                >\n                  <Text>Loading more...</Text>\n                </ListSection>\n              )\n            case SectionTypes.setting:\n              return (\n                <ListSection\n                  isStart={isStart}\n                  isEnd={isEnd}\n                  showBottomBorder={item?.showBottomBorder}\n                  outerStyle={item?.sectionOuterStyle}\n                  innerStyle={item?.sectionInnerStyle}\n                >\n                  <SettingRow {...item.data} />\n                </ListSection>\n              )\n            case SectionTypes.view:\n              return (\n                <ListSection\n                  isStart={isStart}\n                  isEnd={isEnd}\n                  showBottomBorder={item?.showBottomBorder}\n                  outerStyle={item?.sectionOuterStyle}\n                  innerStyle={item?.sectionInnerStyle}\n                >\n                  <View {...item.data} style={item.data.style} />\n                </ListSection>\n              )\n            default:\n              return null\n          }\n        }}\n        onEndReached={fetchNextPageOfMembers}\n      />\n    </View>\n  )\n}\n\ninterface ListSectionProps {\n  isStart?: boolean\n  isEnd?: boolean\n  showBottomBorder?: boolean\n  outerStyle?: ViewStyle\n  innerStyle?: ViewStyle\n  children: ReactNode\n}\n\nfunction ListSection({\n  isStart,\n  isEnd,\n  showBottomBorder,\n  outerStyle,\n  innerStyle,\n  children,\n}: ListSectionProps) {\n  const styles = useStyles({ isStart, isEnd })\n  const bottomBorder = showBottomBorder ? styles.sectionInnerBottomBorder : {}\n\n  return (\n    <View style={[styles.sectionOuterBase, outerStyle]}>\n      <View style={[styles.sectionInnerBase, bottomBorder, innerStyle]}>{children}</View>\n    </View>\n  )\n}\n\ninterface InputProps {\n  canUpdate: boolean\n  title: string\n  setTitle: Dispatch<SetStateAction<string>>\n  style?: ViewStyle\n  isEmpty: boolean\n}\n\nfunction TitleInput({ canUpdate, title, setTitle, style, isEmpty }: InputProps) {\n  const styles = useStyles()\n  const textRef = useRef<TextInput>(null)\n\n  const handleFocus = () => {\n    if (textRef.current) {\n      textRef.current.focus()\n    }\n  }\n\n  return (\n    <Pressable style={[styles.titleContainer, style]} onPress={() => handleFocus()}>\n      <View style={styles.titleLabelContainer}>\n        <Text variant=\"tertiary\" style={styles.titleLabel}>\n          Title\n        </Text>\n        {!canUpdate && <Icon name=\"general.lock\" style={styles.titleDisabledIcon} />}\n      </View>\n      <TextInput\n        ref={textRef}\n        editable={canUpdate}\n        onChangeText={setTitle}\n        style={[styles.titleInput, !canUpdate && styles.titleInputDisabled]}\n        value={title}\n        multiline\n        maxLength={255} // Matches Chat Web\n        enterKeyHint=\"done\"\n        submitBehavior=\"blurAndSubmit\"\n      />\n      {isEmpty && (\n        <View style={styles.inputValidationContainer}>\n          <Text variant=\"footnote\" style={styles.inputValidationText}>\n            A title is required for your conversation.\n          </Text>\n        </View>\n      )}\n    </Pressable>\n  )\n}\n\ninterface SettingRowProps {\n  title: string\n  style?: ViewStyle\n  rightItem?: ReactNode\n  titleStyle?: TextStyle\n  buttonTextStyle?: TextStyle\n  subtitle?: string\n  rightItemStyle?: ViewStyle\n  appearance?: ButtonAppearanceUnion\n  onPress?: () => void\n}\n\nfunction SettingRow({\n  title,\n  style,\n  titleStyle = {},\n  buttonTextStyle = {},\n  subtitle,\n  rightItem,\n  rightItemStyle = {},\n  appearance,\n  onPress,\n}: SettingRowProps) {\n  const styles = useStyles()\n\n  if (onPress) {\n    return (\n      <TextButton\n        style={[styles.settingRow, style]}\n        textStyle={buttonTextStyle}\n        appearance={appearance}\n        onPress={onPress}\n      >\n        {title}\n      </TextButton>\n    )\n  }\n\n  return (\n    <View style={[styles.settingRow, style]}>\n      <View style={styles.settingRowContent}>\n        <Text variant=\"plain\" style={[styles.settingRowText, titleStyle]}>\n          {title}\n        </Text>\n        {Boolean(subtitle) && <Text variant=\"footnote\">{subtitle}</Text>}\n      </View>\n      {Boolean(rightItem) && <View style={rightItemStyle}>{rightItem}</View>}\n    </View>\n  )\n}\n\nfunction TeamsGroup({ teams }: { teams: GroupResource[] }) {\n  const styles = useStyles()\n\n  if (teams.length === 0) return null\n\n  return (\n    <View style={styles.teamGroup}>\n      {teams.map((team, index) => (\n        <Badge key={index} label={team.name as string} />\n      ))}\n    </View>\n  )\n}\n\n// =================================\n// ====== Styles ===================\n// =================================\n\nconst useStyles = ({ isStart, isEnd }: { isStart?: boolean; isEnd?: boolean } = {}) => {\n  const { colors } = useTheme()\n  const headerBottomPadding = 4\n  const sectionBorderRadius = 8\n\n  return StyleSheet.create({\n    listContainer: {\n      flex: 1,\n      backgroundColor: colors.surfaceColor080,\n    },\n    contentContainer: {\n      padding: 16,\n    },\n    sectionOuterBase: {\n      paddingLeft: 16,\n      backgroundColor: colors.surfaceColor100,\n      borderTopLeftRadius: isStart ? sectionBorderRadius : 0,\n      borderTopRightRadius: isStart ? sectionBorderRadius : 0,\n      borderBottomLeftRadius: isEnd ? sectionBorderRadius : 0,\n      borderBottomRightRadius: isEnd ? sectionBorderRadius : 0,\n      marginBottom: isEnd ? 16 : 0,\n    },\n    sectionInnerBase: {\n      paddingRight: 16,\n      paddingTop: isStart ? 16 : 12,\n      paddingBottom: isEnd ? 16 : 12,\n    },\n    sectionInnerHeader: {\n      paddingBottom: headerBottomPadding,\n    },\n    sectionInnerHeaderWithBottomBorder: {\n      paddingBottom: 16,\n    },\n    sectionInnerBottomBorder: {\n      borderBottomColor: colors.borderColorDefaultBase,\n      borderBottomWidth: isEnd ? 0 : 1,\n    },\n    sectionInnerTitleInput: {\n      paddingTop: 12, // paddingVertical doesn't override the sectionInner padding\n      paddingBottom: 12,\n    },\n    sectionInnerChildNotice: {\n      paddingBottom: headerBottomPadding,\n    },\n    sectionInnerMiddleMiddle: {\n      paddingTop: 0,\n      paddingBottom: 12,\n    },\n    sectionInnerFirstMember: {\n      paddingTop: 12,\n      paddingBottom: 12,\n    },\n    sectionInnerLastMember: {\n      paddingTop: 0,\n      paddingBottom: 16,\n    },\n    titleContainer: {\n      gap: 4,\n    },\n    titleLabelContainer: {\n      flexDirection: 'row',\n      alignItems: 'center',\n      gap: 4,\n    },\n    titleLabel: {\n      color: colors.textColorDefaultSecondary,\n    },\n    titleDisabledIcon: {\n      color: colors.iconColorDefaultSecondary,\n    },\n    titleInput: {\n      color: colors.textColorDefaultPrimary,\n      fontSize: tokens.fontSizeMd,\n    },\n    titleInputDisabled: {\n      color: colors.textColorDefaultSecondary,\n    },\n    inputValidationContainer: {\n      paddingTop: 8,\n      borderTopWidth: 1,\n      borderColor: colors.statusErrorBorder,\n    },\n    inputValidationText: {\n      color: colors.statusErrorText,\n    },\n    settingRow: {\n      flexDirection: 'row',\n      justifyContent: 'space-between',\n      alignItems: 'center',\n      gap: 8,\n    },\n    settingRowContent: {\n      flex: 1,\n    },\n    deleteButtonText: {\n      fontWeight: 'normal',\n    },\n    settingRowText: {\n      lineHeight: 20,\n    },\n    teamGroup: {\n      flexDirection: 'row',\n      gap: 4,\n      flexWrap: 'wrap',\n    },\n    headerTitleBadge: {\n      alignSelf: Platform.select({ android: 'flex-start', default: 'center' }),\n      marginTop: 2,\n    },\n    headerTitleContainer: {\n      alignItems: Platform.select({ android: 'flex-start', default: 'center' }),\n    },\n  })\n}\n"]}
+{"version":3,"file":"conversation_details_screen.js","sourceRoot":"","sources":["../../src/screens/conversation_details_screen.tsx"],"names":[],"mappings":"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","sourcesContent":["import { StackActions, StaticScreenProps, useNavigation } from '@react-navigation/native'\nimport React, {\n  useCallback,\n  useEffect,\n  useState,\n  type SetStateAction,\n  type Dispatch,\n  type ReactNode,\n  useRef,\n} from 'react'\nimport {\n  FlatList,\n  StyleSheet,\n  TextInput,\n  View,\n  type ViewStyle,\n  type ViewProps,\n  Pressable,\n  Alert,\n  Platform,\n} from 'react-native'\nimport { HeaderTitle as ElementsHeaderTitle, HeaderTitleProps } from '@react-navigation/elements'\nimport {\n  Badge,\n  ChildNotice,\n  Heading,\n  Icon,\n  Person,\n  Switch,\n  Text,\n  TextButton,\n  type TextStyle,\n} from '../components'\nimport { useSuspensePaginator, useTheme } from '../hooks'\nimport {\n  useConversation,\n  useConversationDelete,\n  useConversationDisableReplies,\n  useConversationMute,\n  useConversationUpdate,\n} from '../hooks/use_conversation'\nimport { MemberResource, isDefined } from '../types'\nimport { HeaderTextButton } from '../components/display/platform_modal_header_buttons'\nimport { tokens } from '../vendor/tapestry/tokens'\nimport { ButtonAppearanceUnion } from '../components/display/utils/button_colors'\nimport { GroupResource } from '../types/resources/group_resource'\nimport { useFeatures } from '../hooks/use_features'\nimport { availableFeatures } from '../hooks/use_features'\n\n// =========================================\n// ====== Factory Constants & Types ========\n// =========================================\n\nenum SectionTypes {\n  header,\n  hidden,\n  members,\n  loadingMembers,\n  setting,\n  view,\n}\n\ntype SectionListData = Array<\n  | DataItem<{ title: string }, SectionTypes.header>\n  | DataItem<MemberResource, SectionTypes.members>\n  | DataItem<any, SectionTypes.loadingMembers>\n  | DataItem<ViewProps, SectionTypes.view>\n  | DataItem<SettingRowProps, SectionTypes.setting>\n  | DataItem<any, SectionTypes.hidden>\n>\n\ninterface DataItem<T, TName extends SectionTypes> {\n  type: TName\n  data: T\n  sectionOuterStyle?: ViewStyle\n  sectionInnerStyle?: ViewStyle\n  showBottomBorder?: boolean\n}\n\n// =================================\n// ====== Components ===============\n// =================================\n\nexport type ConversationDetailsScreenProps = StaticScreenProps<{\n  conversation_id: number\n}>\n\nexport function ConversationDetailsScreen({ route }: ConversationDetailsScreenProps) {\n  const navigation = useNavigation()\n  const styles = useStyles()\n\n  const { data: conversation } = useConversation(route.params)\n  const [title, setTitle] = useState(conversation.title)\n  const { muted, setMuted } = useConversationMute(route.params)\n  const { repliesDisabled, setRepliesDisabled } = useConversationDisableReplies(route.params)\n  const { mutate: saveTitle } = useConversationUpdate(route.params)\n  const { mutate: deleteConversation } = useConversationDelete(route.params)\n  const { featureEnabled } = useFeatures()\n  const repliesEnabled = featureEnabled(availableFeatures.threaded_replies)\n\n  const trimmedTitle = title.trim()\n  const emptyTitle = trimmedTitle === '' || title === null\n\n  const canUpdate = conversation.memberAbility?.canUpdate || false\n  const canDelete = conversation.memberAbility?.canDelete || false\n  const isLeader = conversation.memberAbility?.leader || false\n\n  const {\n    data: members,\n    fetchNextPage: fetchNextPageOfMembers,\n    isFetchingNextPage: isLoadingMembers,\n  } = useSuspensePaginator<MemberResource>({\n    url: `/me/conversations/${route.params.conversation_id}/members`,\n    data: {\n      include: ['person'],\n      fields: {\n        Member: ['avatar', 'name', 'first_name', 'last_name', 'child', 'badges'],\n      },\n    },\n  })\n\n  const memberSectionStyleMap = {\n    first: styles.sectionInnerFirstMember,\n    middle: styles.sectionInnerMiddleMiddle,\n    last: styles.sectionInnerLastMember,\n  }\n\n  const memberItems = members.map((data, index) => {\n    const isFirst = index === 0\n    const isLast = index === members.length - 1\n    const memberPosition = isFirst ? 'first' : isLast ? 'last' : 'middle'\n    const memberSectionStyle = memberSectionStyleMap[memberPosition]\n\n    return {\n      type: data.child ? SectionTypes.hidden : SectionTypes.members,\n      data,\n      sectionInnerStyle: memberSectionStyle,\n    }\n  })\n\n  const loadingMemberItems = isLoadingMembers\n    ? [\n        {\n          type: SectionTypes.loadingMembers,\n          data: {},\n          sectionInnerStyle: styles.sectionInnerFirstMember,\n        },\n      ]\n    : []\n\n  const childMembers = members.filter(member => member.child)\n  const hasChildren = childMembers.length > 0\n\n  const teamsGroup =\n    conversation.groups\n      ?.filter(g => g.sourceAppName === 'Services')\n      ?.filter(g => ['Team', 'PlanTeam'].includes(g.sourceType))\n      ?.filter(g => g.name !== null) || []\n  const hasTeams = teamsGroup.length > 0\n\n  const badge = conversation.badges?.[0]\n  const resourceType = badge?.pcoResourceType || ''\n  const productName = badge?.appName\n  const name = badge?.text || undefined\n\n  const handleDelete = useCallback(() => {\n    Alert.alert(\n      'Delete conversation',\n      `All messages in ${title} will be deleted for everyone. This action cannot be undone.`,\n      [\n        {\n          text: 'Cancel',\n          style: 'cancel',\n        },\n        {\n          text: 'Delete',\n          style: 'destructive',\n          onPress: () => {\n            deleteConversation()\n            navigation.dispatch(StackActions.popToTop())\n          },\n        },\n      ]\n    )\n  }, [deleteConversation, navigation, title])\n\n  const HeaderTitle = useCallback(\n    (props: HeaderTitleProps) => {\n      return (\n        <View style={styles.headerTitleContainer}>\n          <ElementsHeaderTitle maxFontSizeMultiplier={1} {...props} />\n          <Badge\n            variant=\"metaSubtle\"\n            label={resourceType}\n            metaLabel={name}\n            style={styles.headerTitleBadge}\n            productLogoName={productName}\n            maxFontSizeMultiplier={1}\n          />\n        </View>\n      )\n    },\n    [name, productName, resourceType, styles.headerTitleBadge, styles.headerTitleContainer]\n  )\n\n  const HeaderRight = useCallback(() => {\n    return (\n      <HeaderTextButton\n        onPress={() => {\n          saveTitle({ title: trimmedTitle || conversation.title })\n          navigation.goBack()\n        }}\n        title=\"Done\"\n      />\n    )\n  }, [conversation.title, navigation, saveTitle, trimmedTitle])\n\n  useEffect(() => {\n    navigation.setOptions({\n      headerRight: HeaderRight,\n      headerTitle: HeaderTitle,\n    })\n  }, [HeaderRight, HeaderTitle, navigation])\n\n  const listData = [\n    {\n      type: SectionTypes.view,\n      data: {\n        children: (\n          <TitleInput\n            canUpdate={canUpdate}\n            title={title}\n            setTitle={setTitle}\n            isEmpty={emptyTitle}\n          />\n        ),\n      },\n      sectionInnerStyle: styles.sectionInnerTitleInput,\n    },\n    {\n      type: SectionTypes.header,\n      data: { title: 'Settings' },\n      showBottomBorder: true,\n      sectionInnerStyle: styles.sectionInnerHeaderWithBottomBorder,\n    },\n    {\n      type: SectionTypes.setting,\n      data: {\n        title: 'Mute',\n        rightItem: <Switch value={muted} onChange={() => setMuted(!muted)} />,\n      },\n      showBottomBorder: true,\n    },\n    {\n      type: canUpdate ? SectionTypes.setting : SectionTypes.hidden,\n      data: {\n        title: repliesEnabled ? 'Leader messages only' : 'Freeze conversation',\n        subtitle: repliesEnabled ? undefined : 'Disables replies for everyone except leaders.',\n        rightItem: (\n          <Switch value={repliesDisabled} onChange={() => setRepliesDisabled(!repliesDisabled)} />\n        ),\n      },\n      showBottomBorder: true,\n    },\n    {\n      type: canDelete ? SectionTypes.setting : SectionTypes.hidden,\n      data: {\n        title: 'Delete conversation…',\n        buttonTextStyle: styles.deleteButtonText,\n        appearance: 'danger',\n        onPress: handleDelete,\n      },\n    },\n    {\n      type: hasTeams ? SectionTypes.header : SectionTypes.hidden,\n      data: { title: 'Teams' },\n      sectionInnerStyle: styles.sectionInnerHeader,\n    },\n    {\n      type: hasTeams ? SectionTypes.view : SectionTypes.hidden,\n      data: {\n        children: <TeamsGroup teams={teamsGroup} />,\n      },\n    },\n    {\n      type: SectionTypes.header,\n      data: { title: 'People' },\n      sectionInnerStyle: styles.sectionInnerHeader,\n    },\n    {\n      type: hasChildren && isLeader ? SectionTypes.view : SectionTypes.hidden,\n      data: {\n        children: <ChildNotice childMembers={childMembers} />,\n      },\n      sectionInnerStyle: styles.sectionInnerChildNotice,\n    },\n    ...memberItems,\n    ...loadingMemberItems,\n  ].filter(item => item.type !== SectionTypes.hidden)\n\n  const headerIndices = listData\n    .map(({ type }, index) => (type === SectionTypes.header ? index : undefined))\n    .filter(isDefined)\n\n  return (\n    <View style={styles.listContainer}>\n      <FlatList\n        data={listData as SectionListData}\n        contentContainerStyle={styles.contentContainer}\n        renderItem={({ item, index }) => {\n          const [isStart, isEnd] = [\n            index === 0 || headerIndices.includes(index),\n            index === listData.length - 1 || headerIndices.includes(index + 1),\n          ]\n\n          switch (item.type) {\n            case SectionTypes.header:\n              return (\n                <ListSection\n                  isStart={isStart}\n                  isEnd={isEnd}\n                  showBottomBorder={item?.showBottomBorder}\n                  outerStyle={item?.sectionOuterStyle}\n                  innerStyle={item?.sectionInnerStyle}\n                >\n                  <Heading variant=\"h3\">{item.data.title}</Heading>\n                </ListSection>\n              )\n            case SectionTypes.members:\n              return (\n                <ListSection\n                  isStart={isStart}\n                  isEnd={isEnd}\n                  showBottomBorder={item?.showBottomBorder}\n                  outerStyle={item?.sectionOuterStyle}\n                  innerStyle={item?.sectionInnerStyle}\n                >\n                  <Person person={{ ...item.data }} />\n                </ListSection>\n              )\n            case SectionTypes.loadingMembers:\n              return (\n                <ListSection\n                  isStart={isStart}\n                  isEnd={isEnd}\n                  showBottomBorder={item?.showBottomBorder}\n                  outerStyle={item?.sectionOuterStyle}\n                  innerStyle={item?.sectionInnerStyle}\n                >\n                  <Text>Loading more...</Text>\n                </ListSection>\n              )\n            case SectionTypes.setting:\n              return (\n                <ListSection\n                  isStart={isStart}\n                  isEnd={isEnd}\n                  showBottomBorder={item?.showBottomBorder}\n                  outerStyle={item?.sectionOuterStyle}\n                  innerStyle={item?.sectionInnerStyle}\n                >\n                  <SettingRow {...item.data} />\n                </ListSection>\n              )\n            case SectionTypes.view:\n              return (\n                <ListSection\n                  isStart={isStart}\n                  isEnd={isEnd}\n                  showBottomBorder={item?.showBottomBorder}\n                  outerStyle={item?.sectionOuterStyle}\n                  innerStyle={item?.sectionInnerStyle}\n                >\n                  <View {...item.data} style={item.data.style} />\n                </ListSection>\n              )\n            default:\n              return null\n          }\n        }}\n        onEndReached={() => fetchNextPageOfMembers()}\n      />\n    </View>\n  )\n}\n\ninterface ListSectionProps {\n  isStart?: boolean\n  isEnd?: boolean\n  showBottomBorder?: boolean\n  outerStyle?: ViewStyle\n  innerStyle?: ViewStyle\n  children: ReactNode\n}\n\nfunction ListSection({\n  isStart,\n  isEnd,\n  showBottomBorder,\n  outerStyle,\n  innerStyle,\n  children,\n}: ListSectionProps) {\n  const styles = useStyles({ isStart, isEnd })\n  const bottomBorder = showBottomBorder ? styles.sectionInnerBottomBorder : {}\n\n  return (\n    <View style={[styles.sectionOuterBase, outerStyle]}>\n      <View style={[styles.sectionInnerBase, bottomBorder, innerStyle]}>{children}</View>\n    </View>\n  )\n}\n\ninterface InputProps {\n  canUpdate: boolean\n  title: string\n  setTitle: Dispatch<SetStateAction<string>>\n  style?: ViewStyle\n  isEmpty: boolean\n}\n\nfunction TitleInput({ canUpdate, title, setTitle, style, isEmpty }: InputProps) {\n  const styles = useStyles()\n  const textRef = useRef<TextInput>(null)\n\n  const handleFocus = () => {\n    if (textRef.current) {\n      textRef.current.focus()\n    }\n  }\n\n  return (\n    <Pressable style={[styles.titleContainer, style]} onPress={() => handleFocus()}>\n      <View style={styles.titleLabelContainer}>\n        <Text variant=\"tertiary\" style={styles.titleLabel}>\n          Title\n        </Text>\n        {!canUpdate && <Icon name=\"general.lock\" style={styles.titleDisabledIcon} />}\n      </View>\n      <TextInput\n        ref={textRef}\n        editable={canUpdate}\n        onChangeText={setTitle}\n        style={[styles.titleInput, !canUpdate && styles.titleInputDisabled]}\n        value={title}\n        multiline\n        maxLength={255} // Matches Chat Web\n        enterKeyHint=\"done\"\n        submitBehavior=\"blurAndSubmit\"\n      />\n      {isEmpty && (\n        <View style={styles.inputValidationContainer}>\n          <Text variant=\"footnote\" style={styles.inputValidationText}>\n            A title is required for your conversation.\n          </Text>\n        </View>\n      )}\n    </Pressable>\n  )\n}\n\ninterface SettingRowProps {\n  title: string\n  style?: ViewStyle\n  rightItem?: ReactNode\n  titleStyle?: TextStyle\n  buttonTextStyle?: TextStyle\n  subtitle?: string\n  rightItemStyle?: ViewStyle\n  appearance?: ButtonAppearanceUnion\n  onPress?: () => void\n}\n\nfunction SettingRow({\n  title,\n  style,\n  titleStyle = {},\n  buttonTextStyle = {},\n  subtitle,\n  rightItem,\n  rightItemStyle = {},\n  appearance,\n  onPress,\n}: SettingRowProps) {\n  const styles = useStyles()\n\n  if (onPress) {\n    return (\n      <TextButton\n        style={[styles.settingRow, style]}\n        textStyle={buttonTextStyle}\n        appearance={appearance}\n        onPress={onPress}\n      >\n        {title}\n      </TextButton>\n    )\n  }\n\n  return (\n    <View style={[styles.settingRow, style]}>\n      <View style={styles.settingRowContent}>\n        <Text variant=\"plain\" style={[styles.settingRowText, titleStyle]}>\n          {title}\n        </Text>\n        {Boolean(subtitle) && <Text variant=\"footnote\">{subtitle}</Text>}\n      </View>\n      {Boolean(rightItem) && <View style={rightItemStyle}>{rightItem}</View>}\n    </View>\n  )\n}\n\nfunction TeamsGroup({ teams }: { teams: GroupResource[] }) {\n  const styles = useStyles()\n\n  if (teams.length === 0) return null\n\n  return (\n    <View style={styles.teamGroup}>\n      {teams.map((team, index) => (\n        <Badge key={index} label={team.name as string} />\n      ))}\n    </View>\n  )\n}\n\n// =================================\n// ====== Styles ===================\n// =================================\n\nconst useStyles = ({ isStart, isEnd }: { isStart?: boolean; isEnd?: boolean } = {}) => {\n  const { colors } = useTheme()\n  const headerBottomPadding = 4\n  const sectionBorderRadius = 8\n\n  return StyleSheet.create({\n    listContainer: {\n      flex: 1,\n      backgroundColor: colors.surfaceColor080,\n    },\n    contentContainer: {\n      padding: 16,\n    },\n    sectionOuterBase: {\n      paddingLeft: 16,\n      backgroundColor: colors.surfaceColor100,\n      borderTopLeftRadius: isStart ? sectionBorderRadius : 0,\n      borderTopRightRadius: isStart ? sectionBorderRadius : 0,\n      borderBottomLeftRadius: isEnd ? sectionBorderRadius : 0,\n      borderBottomRightRadius: isEnd ? sectionBorderRadius : 0,\n      marginBottom: isEnd ? 16 : 0,\n    },\n    sectionInnerBase: {\n      paddingRight: 16,\n      paddingTop: isStart ? 16 : 12,\n      paddingBottom: isEnd ? 16 : 12,\n    },\n    sectionInnerHeader: {\n      paddingBottom: headerBottomPadding,\n    },\n    sectionInnerHeaderWithBottomBorder: {\n      paddingBottom: 16,\n    },\n    sectionInnerBottomBorder: {\n      borderBottomColor: colors.borderColorDefaultBase,\n      borderBottomWidth: isEnd ? 0 : 1,\n    },\n    sectionInnerTitleInput: {\n      paddingTop: 12, // paddingVertical doesn't override the sectionInner padding\n      paddingBottom: 12,\n    },\n    sectionInnerChildNotice: {\n      paddingBottom: headerBottomPadding,\n    },\n    sectionInnerMiddleMiddle: {\n      paddingTop: 0,\n      paddingBottom: 12,\n    },\n    sectionInnerFirstMember: {\n      paddingTop: 12,\n      paddingBottom: 12,\n    },\n    sectionInnerLastMember: {\n      paddingTop: 0,\n      paddingBottom: 16,\n    },\n    titleContainer: {\n      gap: 4,\n    },\n    titleLabelContainer: {\n      flexDirection: 'row',\n      alignItems: 'center',\n      gap: 4,\n    },\n    titleLabel: {\n      color: colors.textColorDefaultSecondary,\n    },\n    titleDisabledIcon: {\n      color: colors.iconColorDefaultSecondary,\n    },\n    titleInput: {\n      color: colors.textColorDefaultPrimary,\n      fontSize: tokens.fontSizeMd,\n    },\n    titleInputDisabled: {\n      color: colors.textColorDefaultSecondary,\n    },\n    inputValidationContainer: {\n      paddingTop: 8,\n      borderTopWidth: 1,\n      borderColor: colors.statusErrorBorder,\n    },\n    inputValidationText: {\n      color: colors.statusErrorText,\n    },\n    settingRow: {\n      flexDirection: 'row',\n      justifyContent: 'space-between',\n      alignItems: 'center',\n      gap: 8,\n    },\n    settingRowContent: {\n      flex: 1,\n    },\n    deleteButtonText: {\n      fontWeight: 'normal',\n    },\n    settingRowText: {\n      lineHeight: 20,\n    },\n    teamGroup: {\n      flexDirection: 'row',\n      gap: 4,\n      flexWrap: 'wrap',\n    },\n    headerTitleBadge: {\n      alignSelf: Platform.select({ android: 'flex-start', default: 'center' }),\n      marginTop: 2,\n    },\n    headerTitleContainer: {\n      alignItems: Platform.select({ android: 'flex-start', default: 'center' }),\n    },\n  })\n}\n"]}

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

@@ -1,10 +1,10 @@
 import React from 'react';
-import { type FlashListProps } from '@shopify/flash-list';
+import { type FlatListProps } from 'react-native';
 import { MemberResource } from '../../../types';
 interface FormListProps {
     memberData: MemberResource[];
     loadingMore?: boolean;
-    FormContent?: FlashListProps<MemberResource>['ListHeaderComponent'];
+    FormContent?: FlatListProps<MemberResource>['ListHeaderComponent'];
     listEmptyText?: string;
     onEndReached?: () => void;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"form_list.d.ts","sourceRoot":"","sources":["../../../../src/screens/conversation_new/components/form_list.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,qBAAqB,CAAA;AACpE,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAI/C,UAAU,aAAa;IACrB,UAAU,EAAE,cAAc,EAAE,CAAA;IAC5B,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,WAAW,CAAC,EAAE,cAAc,CAAC,cAAc,CAAC,CAAC,qBAAqB,CAAC,CAAA;IACnE,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAA;CAC1B;AAED,eAAO,MAAM,QAAQ,2EAMlB,aAAa,sBAiBf,CAAA;AAYD,eAAO,MAAM,OAAO,yBAInB,CAAA"}
+{"version":3,"file":"form_list.d.ts","sourceRoot":"","sources":["../../../../src/screens/conversation_new/components/form_list.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAY,KAAK,aAAa,EAAoB,MAAM,cAAc,CAAA;AAC7E,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAI/C,UAAU,aAAa;IACrB,UAAU,EAAE,cAAc,EAAE,CAAA;IAC5B,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,WAAW,CAAC,EAAE,aAAa,CAAC,cAAc,CAAC,CAAC,qBAAqB,CAAC,CAAA;IAClE,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAA;CAC1B;AAED,eAAO,MAAM,QAAQ,2EAMlB,aAAa,sBAgBf,CAAA;AAYD,eAAO,MAAM,OAAO,yBAInB,CAAA"}

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

@@ -1,11 +1,10 @@
 import React from 'react';
-import { StyleSheet, View } from 'react-native';
-import { FlashList } from '@shopify/flash-list';
+import { FlatList, StyleSheet, View } from 'react-native';
 import { Person, Text } from '../../../components/display';
 import { useTheme } from '../../../hooks';
 export const FormList = ({ memberData, loadingMore, FormContent, listEmptyText, onEndReached, }) => {
     const styles = useStyles();
-    return (<FlashList data={memberData} ListHeaderComponent={FormContent} renderItem={({ item }) => <Person person={item} style={styles.person}/>} ListFooterComponent={loadingMore ? <Text style={styles.loadingMore}>Loading more...</Text> : null} keyExtractor={item => item.id.toString()} estimatedItemSize={45} ListEmptyComponent={<ListEmptyText text={listEmptyText || 'No members found'}/>} onEndReached={onEndReached}/>);
+    return (<FlatList data={memberData} ListHeaderComponent={FormContent} renderItem={({ item }) => <Person person={item} style={styles.person}/>} ListFooterComponent={loadingMore ? <Text style={styles.loadingMore}>Loading more...</Text> : null} keyExtractor={item => item.id.toString()} ListEmptyComponent={<ListEmptyText text={listEmptyText || 'No members found'}/>} onEndReached={onEndReached}/>);
 };
 const ListEmptyText = ({ text }) => {
     const styles = useStyles();

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

@@ -1 +1 @@
-{"version":3,"file":"form_list.js","sourceRoot":"","sources":["../../../../src/screens/conversation_new/components/form_list.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAC/C,OAAO,EAAE,SAAS,EAAuB,MAAM,qBAAqB,CAAA;AAEpE,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,6BAA6B,CAAA;AAC1D,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AAUzC,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EACvB,UAAU,EACV,WAAW,EACX,WAAW,EACX,aAAa,EACb,YAAY,GACE,EAAE,EAAE;IAClB,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAE1B,OAAO,CACL,CAAC,SAAS,CACR,IAAI,CAAC,CAAC,UAAU,CAAC,CACjB,mBAAmB,CAAC,CAAC,WAAW,CAAC,CACjC,UAAU,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,EAAG,CAAC,CACzE,mBAAmB,CAAC,CAClB,WAAW,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC,eAAe,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,IAC1E,CAAC,CACD,YAAY,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,QAAQ,EAAE,CAAC,CACzC,iBAAiB,CAAC,CAAC,EAAE,CAAC,CACtB,kBAAkB,CAAC,CAAC,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC,aAAa,IAAI,kBAAkB,CAAC,EAAG,CAAC,CACjF,YAAY,CAAC,CAAC,YAAY,CAAC,EAC3B,CACH,CAAA;AACH,CAAC,CAAA;AAED,MAAM,aAAa,GAAG,CAAC,EAAE,IAAI,EAAoB,EAAE,EAAE;IACnD,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAE1B,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,kBAAkB,CAAC,CACrC;MAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,IAAI,CAC7C;IAAA,EAAE,IAAI,CAAC,CACR,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,OAAO,GAAG,GAAG,EAAE;IAC1B,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAE1B,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,EAAG,CAAA;AACxC,CAAC,CAAA;AAED,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,EAAE,MAAM,EAAE,GAAG,QAAQ,EAAE,CAAA;IAE7B,OAAO,UAAU,CAAC,MAAM,CAAC;QACvB,MAAM,EAAE;YACN,iBAAiB,EAAE,EAAE;YACrB,aAAa,EAAE,EAAE;SAClB;QACD,WAAW,EAAE;YACX,iBAAiB,EAAE,EAAE;YACrB,aAAa,EAAE,EAAE;SAClB;QACD,kBAAkB,EAAE;YAClB,UAAU,EAAE,QAAQ;YACpB,cAAc,EAAE,QAAQ;YACxB,OAAO,EAAE,EAAE;SACZ;QACD,SAAS,EAAE;YACT,SAAS,EAAE,QAAQ;YACnB,KAAK,EAAE,MAAM,CAAC,yBAAyB;SACxC;QACD,OAAO,EAAE;YACP,iBAAiB,EAAE,CAAC;YACpB,iBAAiB,EAAE,MAAM,CAAC,uBAAuB;SAClD;KACF,CAAC,CAAA;AACJ,CAAC,CAAA","sourcesContent":["import React from 'react'\nimport { StyleSheet, View } from 'react-native'\nimport { FlashList, type FlashListProps } from '@shopify/flash-list'\nimport { MemberResource } from '../../../types'\nimport { Person, Text } from '../../../components/display'\nimport { useTheme } from '../../../hooks'\n\ninterface FormListProps {\n  memberData: MemberResource[]\n  loadingMore?: boolean\n  FormContent?: FlashListProps<MemberResource>['ListHeaderComponent']\n  listEmptyText?: string\n  onEndReached?: () => void\n}\n\nexport const FormList = ({\n  memberData,\n  loadingMore,\n  FormContent,\n  listEmptyText,\n  onEndReached,\n}: FormListProps) => {\n  const styles = useStyles()\n\n  return (\n    <FlashList\n      data={memberData}\n      ListHeaderComponent={FormContent}\n      renderItem={({ item }) => <Person person={item} style={styles.person} />}\n      ListFooterComponent={\n        loadingMore ? <Text style={styles.loadingMore}>Loading more...</Text> : null\n      }\n      keyExtractor={item => item.id.toString()}\n      estimatedItemSize={45}\n      ListEmptyComponent={<ListEmptyText text={listEmptyText || 'No members found'} />}\n      onEndReached={onEndReached}\n    />\n  )\n}\n\nconst ListEmptyText = ({ text }: { text: string }) => {\n  const styles = useStyles()\n\n  return (\n    <View style={styles.emptyTextContainer}>\n      <Text style={styles.emptyText}>{text}</Text>\n    </View>\n  )\n}\n\nexport const Divider = () => {\n  const styles = useStyles()\n\n  return <View style={styles.divider} />\n}\n\nconst useStyles = () => {\n  const { colors } = useTheme()\n\n  return StyleSheet.create({\n    person: {\n      paddingHorizontal: 16,\n      paddingBottom: 12,\n    },\n    loadingMore: {\n      paddingHorizontal: 16,\n      paddingBottom: 12,\n    },\n    emptyTextContainer: {\n      alignItems: 'center',\n      justifyContent: 'center',\n      padding: 32,\n    },\n    emptyText: {\n      textAlign: 'center',\n      color: colors.textColorDefaultSecondary,\n    },\n    divider: {\n      borderBottomWidth: 1,\n      borderBottomColor: colors.fillColorNeutral050Base,\n    },\n  })\n}\n"]}
+{"version":3,"file":"form_list.js","sourceRoot":"","sources":["../../../../src/screens/conversation_new/components/form_list.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,QAAQ,EAAsB,UAAU,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAE7E,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,6BAA6B,CAAA;AAC1D,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AAUzC,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EACvB,UAAU,EACV,WAAW,EACX,WAAW,EACX,aAAa,EACb,YAAY,GACE,EAAE,EAAE;IAClB,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAE1B,OAAO,CACL,CAAC,QAAQ,CACP,IAAI,CAAC,CAAC,UAAU,CAAC,CACjB,mBAAmB,CAAC,CAAC,WAAW,CAAC,CACjC,UAAU,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,EAAG,CAAC,CACzE,mBAAmB,CAAC,CAClB,WAAW,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC,eAAe,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,IAC1E,CAAC,CACD,YAAY,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,QAAQ,EAAE,CAAC,CACzC,kBAAkB,CAAC,CAAC,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC,aAAa,IAAI,kBAAkB,CAAC,EAAG,CAAC,CACjF,YAAY,CAAC,CAAC,YAAY,CAAC,EAC3B,CACH,CAAA;AACH,CAAC,CAAA;AAED,MAAM,aAAa,GAAG,CAAC,EAAE,IAAI,EAAoB,EAAE,EAAE;IACnD,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAE1B,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,kBAAkB,CAAC,CACrC;MAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,IAAI,CAC7C;IAAA,EAAE,IAAI,CAAC,CACR,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,OAAO,GAAG,GAAG,EAAE;IAC1B,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAE1B,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,EAAG,CAAA;AACxC,CAAC,CAAA;AAED,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,EAAE,MAAM,EAAE,GAAG,QAAQ,EAAE,CAAA;IAE7B,OAAO,UAAU,CAAC,MAAM,CAAC;QACvB,MAAM,EAAE;YACN,iBAAiB,EAAE,EAAE;YACrB,aAAa,EAAE,EAAE;SAClB;QACD,WAAW,EAAE;YACX,iBAAiB,EAAE,EAAE;YACrB,aAAa,EAAE,EAAE;SAClB;QACD,kBAAkB,EAAE;YAClB,UAAU,EAAE,QAAQ;YACpB,cAAc,EAAE,QAAQ;YACxB,OAAO,EAAE,EAAE;SACZ;QACD,SAAS,EAAE;YACT,SAAS,EAAE,QAAQ;YACnB,KAAK,EAAE,MAAM,CAAC,yBAAyB;SACxC;QACD,OAAO,EAAE;YACP,iBAAiB,EAAE,CAAC;YACpB,iBAAiB,EAAE,MAAM,CAAC,uBAAuB;SAClD;KACF,CAAC,CAAA;AACJ,CAAC,CAAA","sourcesContent":["import React from 'react'\nimport { FlatList, type FlatListProps, StyleSheet, View } from 'react-native'\nimport { MemberResource } from '../../../types'\nimport { Person, Text } from '../../../components/display'\nimport { useTheme } from '../../../hooks'\n\ninterface FormListProps {\n  memberData: MemberResource[]\n  loadingMore?: boolean\n  FormContent?: FlatListProps<MemberResource>['ListHeaderComponent']\n  listEmptyText?: string\n  onEndReached?: () => void\n}\n\nexport const FormList = ({\n  memberData,\n  loadingMore,\n  FormContent,\n  listEmptyText,\n  onEndReached,\n}: FormListProps) => {\n  const styles = useStyles()\n\n  return (\n    <FlatList\n      data={memberData}\n      ListHeaderComponent={FormContent}\n      renderItem={({ item }) => <Person person={item} style={styles.person} />}\n      ListFooterComponent={\n        loadingMore ? <Text style={styles.loadingMore}>Loading more...</Text> : null\n      }\n      keyExtractor={item => item.id.toString()}\n      ListEmptyComponent={<ListEmptyText text={listEmptyText || 'No members found'} />}\n      onEndReached={onEndReached}\n    />\n  )\n}\n\nconst ListEmptyText = ({ text }: { text: string }) => {\n  const styles = useStyles()\n\n  return (\n    <View style={styles.emptyTextContainer}>\n      <Text style={styles.emptyText}>{text}</Text>\n    </View>\n  )\n}\n\nexport const Divider = () => {\n  const styles = useStyles()\n\n  return <View style={styles.divider} />\n}\n\nconst useStyles = () => {\n  const { colors } = useTheme()\n\n  return StyleSheet.create({\n    person: {\n      paddingHorizontal: 16,\n      paddingBottom: 12,\n    },\n    loadingMore: {\n      paddingHorizontal: 16,\n      paddingBottom: 12,\n    },\n    emptyTextContainer: {\n      alignItems: 'center',\n      justifyContent: 'center',\n      padding: 32,\n    },\n    emptyText: {\n      textAlign: 'center',\n      color: colors.textColorDefaultSecondary,\n    },\n    divider: {\n      borderBottomWidth: 1,\n      borderBottomColor: colors.fillColorNeutral050Base,\n    },\n  })\n}\n"]}