@planningcenter/chat-react-native 3.12.2-rc.0 → 3.12.2-rc.2

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 './use_conversation_messages'\nimport { useApiClient } from './use_api_client'\nimport { ApiCollection, ApiResource, MessageResource } from '../types'\nimport { chatQueryClient } from '../contexts/api_provider'\nimport {\n  deleteRecordInPagesData,\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'\n\ninterface Props {\n  conversationId: number\n  message?: MessageResource\n}\n\nexport function useMessageCreateOrUpdate({ conversationId, message }: 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      const data = {\n        ...requestParams.data,\n        data: {\n          type: 'Message',\n          attributes: { text, ...(attachments ? { attachments } : {}) },\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      // 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"]}
+{"version":3,"file":"use_message_create_or_update.js","sourceRoot":"","sources":["../../src/hooks/use_message_create_or_update.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgB,WAAW,EAAE,MAAM,uBAAuB,CAAA;AACjE,OAAO,EAAE,mBAAmB,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAA;AACzF,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAE/C,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAA;AAC1D,OAAO,EACL,uBAAuB,EACvB,+BAA+B,EAC/B,uBAAuB,GACxB,MAAM,UAAU,CAAA;AAEjB,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAA;AACvD,OAAO,EAAE,2BAA2B,EAAE,MAAM,8CAA8C,CAAA;AAC1F,OAAO,EAAE,2BAA2B,EAAE,MAAM,8CAA8C,CAAA;AAC1F,OAAO,EAAE,4BAA4B,EAAE,MAAM,+BAA+B,CAAA;AAO5E,MAAM,UAAU,wBAAwB,CAAC,EAAE,cAAc,EAAE,OAAO,EAAS;IACzE,MAAM,SAAS,GAAG,OAAO,EAAE,EAAE,IAAI,IAAI,CAAA;IACrC,MAAM,SAAS,GAAG,CAAC,YAAY,CAAC,OAAO,CAAC,CAAA;IACxC,MAAM,SAAS,GAAG,YAAY,EAAE,CAAA;IAChC,MAAM,aAAa,GAAG,gBAAgB,EAAE,CAAA;IAExC,MAAM,QAAQ,GAAG,WAAW,CAAC;QAC3B,UAAU,EAAE,CAAC,EACX,IAAI,EACJ,WAAW,GAIZ,EAAE,EAAE;YACH,MAAM,aAAa,GAAG,sBAAsB,CAAC,EAAE,eAAe,EAAE,cAAc,EAAE,CAAC,CAAA;YACjF,MAAM,qBAAqB,GAAG,MAAM,CAAC,WAAW,CAC9C,MAAM,CAAC,OAAO,CAAC,aAAa,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAC5E,CAAA;YACD,IAAI,UAAU,GAAQ,EAAE,IAAI,EAAE,GAAG,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,WAAW,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAA;YACvE,IAAI,CAAC,SAAS,EAAE,CAAC;gBACf,MAAM,aAAa,GAAG,YAAY,EAAE,CAAA;gBACpC,UAAU,CAAC,cAAc,GAAG,aAAa,CAAA;gBACzC,4BAA4B,CAAC,aAAa,CAAC,CAAA;YAC7C,CAAC;YACD,MAAM,IAAI,GAAG;gBACX,GAAG,aAAa,CAAC,IAAI;gBACrB,IAAI,EAAE;oBACJ,IAAI,EAAE,SAAS;oBACf,UAAU;iBACX;gBACD,MAAM,EAAE,qBAAqB;aAC9B,CAAA;YAED,IAAI,SAAS,EAAE,CAAC;gBACd,OAAO,SAAS,CAAC,IAAI,CAAC,KAAK,CAA+B;oBACxD,GAAG,EAAE,qBAAqB,cAAc,aAAa,SAAS,EAAE;oBAChE,IAAI;iBACL,CAAC,CAAA;YACJ,CAAC;iBAAM,CAAC;gBACN,OAAO,SAAS,CAAC,IAAI,CAAC,IAAI,CAA+B;oBACvD,GAAG,EAAE,qBAAqB,cAAc,WAAW;oBACnD,IAAI;iBACL,CAAC,CAAA;YACJ,CAAC;QACH,CAAC;QACD,QAAQ,EAAE,KAAK,EAAE,EACf,IAAI,EACJ,WAAW,GAIZ,EAAE,EAAE;YACH,IAAI,OAAO,IAAI,SAAS,EAAE,CAAC;gBACzB,MAAM,iBAAiB,GAAG,2BAA2B,CAAC;oBACpD,cAAc;oBACd,OAAO;oBACP,IAAI;iBACL,CAAC,CAAA;gBAEF,OAAO,EAAE,OAAO,EAAE,iBAAiB,EAAE,CAAA;YACvC,CAAC;YAED,MAAM,iBAAiB,GAAG,2BAA2B,CAAC;gBACpD,cAAc;gBACd,OAAO;gBACP,IAAI;gBACJ,WAAW;gBACX,aAAa;aACd,CAAC,CAAA;YAEF,OAAO,EAAE,OAAO,EAAE,iBAAiB,EAAE,CAAA;QACvC,CAAC;QACD,OAAO,EAAE,CAAC,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,EAAE;YACrC,MAAM,EAAE,OAAO,EAAE,iBAAiB,EAAE,GAAG,OAAO,IAAI,EAAE,CAAA;YACpD,8DAA8D;YAC9D,IAAI,iBAAiB,EAAE,CAAC;gBACtB,MAAM,QAAQ,GAAG,mBAAmB,CAAC,EAAE,eAAe,EAAE,cAAc,EAAE,CAAC,CAAA;gBACzE,eAAe,CAAC,YAAY,CAC1B,QAAQ,EACR,CAAC,IAA8D,EAAE,EAAE,CACjE,uBAAuB,CAAC;oBACtB,IAAI;oBACJ,MAAM,EAAE,iBAAiB;oBACzB,aAAa,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,EAAE,CAAC,CAAC;wBAC/B,GAAG,IAAI;wBACP,KAAK,EAAE,KAAK,CAAC,OAAO,IAAI,wBAAwB;wBAChD,OAAO,EAAE,KAAK,EAAE,4BAA4B;qBAC7C,CAAC;iBACH,CAAC,CACL,CAAA;YACH,CAAC;QACH,CAAC;QACD,SAAS,EAAE,CAAC,MAAoC,EAAE,SAAS,EAAE,OAAO,EAAE,EAAE;YACtE,MAAM,EAAE,OAAO,EAAE,iBAAiB,EAAE,GAAG,OAAO,IAAI,EAAE,CAAA;YACpD,MAAM,cAAc,GAAG,MAAM,CAAC,IAAI,CAAA;YAElC,MAAM,QAAQ,GAAG,mBAAmB,CAAC,EAAE,eAAe,EAAE,cAAc,EAAE,CAAC,CAAA;YAEzE,mDAAmD;YACnD,IAAI,iBAAiB,EAAE,CAAC;gBACtB,eAAe,CAAC,YAAY,CAAY,QAAQ,EAAE,IAAI,CAAC,EAAE,CACvD,uBAAuB,CAAC;oBACtB,IAAI;oBACJ,MAAM,EAAE,iBAAiB;iBAC1B,CAAC,CACH,CAAA;YACH,CAAC;YAED,4BAA4B;YAC5B,eAAe,CAAC,YAAY,CAAY,QAAQ,EAAE,IAAI,CAAC,EAAE,CACvD,+BAA+B,CAAC;gBAC9B,IAAI;gBACJ,MAAM,EAAE,cAAc;aACvB,CAAC,CACH,CAAA;QACH,CAAC;KACF,CAAC,CAAA;IAEF,OAAO,QAAQ,CAAA;AACjB,CAAC;AAED,MAAM,UAAU,oBAAoB,CAAC,SAAyB;IAC5D,OAAO,CAAC,CAAC,SAAS,IAAI,SAAS,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAA;AACnD,CAAC;AACD,MAAM,UAAU,YAAY,CAAC,OAAyB;IACpD,OAAO,CAAC,OAAO,EAAE,EAAE,IAAI,oBAAoB,CAAC,OAAO,CAAC,EAAE,CAAC,CAAA;AACzD,CAAC;AAED;;;;;;;;GAQG;AACH,SAAS,YAAY;IACnB,OAAO,sCAAsC;SAC1C,OAAO,CAAC,IAAI,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,EAAE,CAAC,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;SAChE,OAAO,CAAC,IAAI,EAAE,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,CAAA;AAC1E,CAAC","sourcesContent":["import { InfiniteData, useMutation } from '@tanstack/react-query'\nimport { getMessagesQueryKey, getMessagesRequestArgs } from './use_conversation_messages'\nimport { useApiClient } from './use_api_client'\nimport { ApiCollection, ApiResource, MessageResource } from '../types'\nimport { chatQueryClient } from '../contexts/api_provider'\nimport {\n  deleteRecordInPagesData,\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}\n\nexport function useMessageCreateOrUpdate({ conversationId, message }: 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 = { text, ...(attachments ? { attachments } : {}) }\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      // 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"]}

package/build/types/jolt_events/conversation_events.d.ts

@@ -9,6 +9,7 @@ interface BaseConversationEventData extends Record<string, unknown> {
         last_message_author_name?: string;
         last_message_created_at?: DateString;
         last_message_sort_key?: string;
+        last_message_idempotent_key?: string | null;
         last_message_text_preview?: string;
         latest_read_message_sort_key?: string;
         organization_id: number;

package/build/types/jolt_events/conversation_events.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"conversation_events.d.ts","sourceRoot":"","sources":["../../../src/types/jolt_events/conversation_events.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,uDAAuD,CAAA;AAE1F,KAAK,UAAU,GAAG,MAAM,CAAA;AACxB,UAAU,yBAA0B,SAAQ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IACjE,IAAI,EAAE;QACJ,EAAE,EAAE,MAAM,CAAA;QACV,WAAW,EAAE,UAAU,CAAA;QACvB,UAAU,EAAE,UAAU,CAAA;QACtB,sBAAsB,CAAC,EAAE,MAAM,CAAA;QAC/B,wBAAwB,CAAC,EAAE,MAAM,CAAA;QACjC,uBAAuB,CAAC,EAAE,UAAU,CAAA;QACpC,qBAAqB,CAAC,EAAE,MAAM,CAAA;QAC9B,yBAAyB,CAAC,EAAE,MAAM,CAAA;QAClC,4BAA4B,CAAC,EAAE,MAAM,CAAA;QACrC,eAAe,EAAE,MAAM,CAAA;QACvB,gBAAgB,EAAE,OAAO,CAAA;QACzB,QAAQ,CAAC,EAAE,MAAM,CAAA;QACjB,KAAK,EAAE,MAAM,CAAA;QACb,UAAU,EAAE,UAAU,CAAA;KACvB,CAAA;CACF;AAED,MAAM,WAAW,wBAAyB,SAAQ,aAAa;IAC7D,KAAK,EAAE,sBAAsB,CAAA;IAC7B,IAAI,EAAE,yBAAyB,CAAA;CAChC;AAED,MAAM,WAAW,wBAAyB,SAAQ,aAAa;IAC7D,KAAK,EAAE,sBAAsB,CAAA;IAC7B,IAAI,EAAE,yBAAyB,CAAA;CAChC;AAED,MAAM,WAAW,wBAAyB,SAAQ,aAAa;IAC7D,KAAK,EAAE,wBAAwB,CAAA;IAC/B,IAAI,EAAE,yBAAyB,CAAA;CAChC;AAED,MAAM,WAAW,qBAAsB,SAAQ,aAAa;IAC1D,KAAK,EAAE,mBAAmB,CAAA;IAC1B,IAAI,EAAE,yBAAyB,CAAA;CAChC"}
+{"version":3,"file":"conversation_events.d.ts","sourceRoot":"","sources":["../../../src/types/jolt_events/conversation_events.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,uDAAuD,CAAA;AAE1F,KAAK,UAAU,GAAG,MAAM,CAAA;AACxB,UAAU,yBAA0B,SAAQ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IACjE,IAAI,EAAE;QACJ,EAAE,EAAE,MAAM,CAAA;QACV,WAAW,EAAE,UAAU,CAAA;QACvB,UAAU,EAAE,UAAU,CAAA;QACtB,sBAAsB,CAAC,EAAE,MAAM,CAAA;QAC/B,wBAAwB,CAAC,EAAE,MAAM,CAAA;QACjC,uBAAuB,CAAC,EAAE,UAAU,CAAA;QACpC,qBAAqB,CAAC,EAAE,MAAM,CAAA;QAC9B,2BAA2B,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;QAC3C,yBAAyB,CAAC,EAAE,MAAM,CAAA;QAClC,4BAA4B,CAAC,EAAE,MAAM,CAAA;QACrC,eAAe,EAAE,MAAM,CAAA;QACvB,gBAAgB,EAAE,OAAO,CAAA;QACzB,QAAQ,CAAC,EAAE,MAAM,CAAA;QACjB,KAAK,EAAE,MAAM,CAAA;QACb,UAAU,EAAE,UAAU,CAAA;KACvB,CAAA;CACF;AAED,MAAM,WAAW,wBAAyB,SAAQ,aAAa;IAC7D,KAAK,EAAE,sBAAsB,CAAA;IAC7B,IAAI,EAAE,yBAAyB,CAAA;CAChC;AAED,MAAM,WAAW,wBAAyB,SAAQ,aAAa;IAC7D,KAAK,EAAE,sBAAsB,CAAA;IAC7B,IAAI,EAAE,yBAAyB,CAAA;CAChC;AAED,MAAM,WAAW,wBAAyB,SAAQ,aAAa;IAC7D,KAAK,EAAE,wBAAwB,CAAA;IAC/B,IAAI,EAAE,yBAAyB,CAAA;CAChC;AAED,MAAM,WAAW,qBAAsB,SAAQ,aAAa;IAC1D,KAAK,EAAE,mBAAmB,CAAA;IAC1B,IAAI,EAAE,yBAAyB,CAAA;CAChC"}

package/build/types/jolt_events/conversation_events.js.map

@@ -1 +1 @@
-{"version":3,"file":"conversation_events.js","sourceRoot":"","sources":["../../../src/types/jolt_events/conversation_events.ts"],"names":[],"mappings":"","sourcesContent":["import type { CustomMessage } from '@planningcenter/jolt-client/dist/types/JoltConnection'\n\ntype DateString = string\ninterface BaseConversationEventData extends Record<string, unknown> {\n  data: {\n    id: number\n    archived_at: DateString\n    created_at: DateString\n    last_message_author_id?: number\n    last_message_author_name?: string\n    last_message_created_at?: DateString\n    last_message_sort_key?: string\n    last_message_text_preview?: string\n    latest_read_message_sort_key?: string\n    organization_id: number\n    replies_disabled: boolean\n    subtitle?: string\n    title: string\n    updated_at: DateString\n  }\n}\n\nexport interface ConversationCreatedEvent extends CustomMessage {\n  event: 'conversation.created'\n  data: BaseConversationEventData\n}\n\nexport interface ConversationUpdatedEvent extends CustomMessage {\n  event: 'conversation.updated'\n  data: BaseConversationEventData\n}\n\nexport interface ConversationDeletedEvent extends CustomMessage {\n  event: 'conversation.destroyed'\n  data: BaseConversationEventData\n}\n\nexport interface ConversationReadEvent extends CustomMessage {\n  event: 'conversation.read'\n  data: BaseConversationEventData\n}\n"]}
+{"version":3,"file":"conversation_events.js","sourceRoot":"","sources":["../../../src/types/jolt_events/conversation_events.ts"],"names":[],"mappings":"","sourcesContent":["import type { CustomMessage } from '@planningcenter/jolt-client/dist/types/JoltConnection'\n\ntype DateString = string\ninterface BaseConversationEventData extends Record<string, unknown> {\n  data: {\n    id: number\n    archived_at: DateString\n    created_at: DateString\n    last_message_author_id?: number\n    last_message_author_name?: string\n    last_message_created_at?: DateString\n    last_message_sort_key?: string\n    last_message_idempotent_key?: string | null\n    last_message_text_preview?: string\n    latest_read_message_sort_key?: string\n    organization_id: number\n    replies_disabled: boolean\n    subtitle?: string\n    title: string\n    updated_at: DateString\n  }\n}\n\nexport interface ConversationCreatedEvent extends CustomMessage {\n  event: 'conversation.created'\n  data: BaseConversationEventData\n}\n\nexport interface ConversationUpdatedEvent extends CustomMessage {\n  event: 'conversation.updated'\n  data: BaseConversationEventData\n}\n\nexport interface ConversationDeletedEvent extends CustomMessage {\n  event: 'conversation.destroyed'\n  data: BaseConversationEventData\n}\n\nexport interface ConversationReadEvent extends CustomMessage {\n  event: 'conversation.read'\n  data: BaseConversationEventData\n}\n"]}

package/build/types/jolt_events/message_events.d.ts

@@ -14,6 +14,7 @@ interface BaseMessageEventData extends Record<string, unknown> {
         text_edited_at: string | null;
         html: string;
         attachments: DenormalizedAttachmentResource[];
+        idempotent_key?: string | null;
     };
 }
 export interface MessageCreatedEvent extends CustomMessage {

package/build/types/jolt_events/message_events.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"message_events.d.ts","sourceRoot":"","sources":["../../../src/types/jolt_events/message_events.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,uDAAuD,CAAA;AAC1F,OAAO,EAAE,8BAA8B,EAAE,MAAM,+CAA+C,CAAA;AAE9F,UAAU,oBAAqB,SAAQ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAC5D,IAAI,EAAE;QACJ,aAAa,EAAE,MAAM,CAAA;QACrB,SAAS,EAAE,MAAM,CAAA;QACjB,WAAW,EAAE,MAAM,CAAA;QACnB,eAAe,EAAE,MAAM,CAAA;QACvB,UAAU,EAAE,MAAM,CAAA;QAClB,UAAU,EAAE,MAAM,GAAG,IAAI,CAAA;QACzB,eAAe,EAAE,MAAM,GAAG,IAAI,CAAA;QAC9B,QAAQ,EAAE,MAAM,CAAA;QAChB,IAAI,EAAE,MAAM,CAAA;QACZ,cAAc,EAAE,MAAM,GAAG,IAAI,CAAA;QAC7B,IAAI,EAAE,MAAM,CAAA;QACZ,WAAW,EAAE,8BAA8B,EAAE,CAAA;KAC9C,CAAA;CACF;AAED,MAAM,WAAW,mBAAoB,SAAQ,aAAa;IACxD,KAAK,EAAE,iBAAiB,CAAA;IACxB,IAAI,EAAE,oBAAoB,CAAA;CAC3B;AAED,MAAM,WAAW,mBAAoB,SAAQ,aAAa;IACxD,KAAK,EAAE,iBAAiB,CAAA;IACxB,IAAI,EAAE,oBAAoB,CAAA;CAC3B;AAED,MAAM,WAAW,mBAAoB,SAAQ,aAAa;IACxD,KAAK,EAAE,mBAAmB,CAAA;IAC1B,IAAI,EAAE,oBAAoB,CAAA;CAC3B"}
+{"version":3,"file":"message_events.d.ts","sourceRoot":"","sources":["../../../src/types/jolt_events/message_events.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,uDAAuD,CAAA;AAC1F,OAAO,EAAE,8BAA8B,EAAE,MAAM,+CAA+C,CAAA;AAE9F,UAAU,oBAAqB,SAAQ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAC5D,IAAI,EAAE;QACJ,aAAa,EAAE,MAAM,CAAA;QACrB,SAAS,EAAE,MAAM,CAAA;QACjB,WAAW,EAAE,MAAM,CAAA;QACnB,eAAe,EAAE,MAAM,CAAA;QACvB,UAAU,EAAE,MAAM,CAAA;QAClB,UAAU,EAAE,MAAM,GAAG,IAAI,CAAA;QACzB,eAAe,EAAE,MAAM,GAAG,IAAI,CAAA;QAC9B,QAAQ,EAAE,MAAM,CAAA;QAChB,IAAI,EAAE,MAAM,CAAA;QACZ,cAAc,EAAE,MAAM,GAAG,IAAI,CAAA;QAC7B,IAAI,EAAE,MAAM,CAAA;QACZ,WAAW,EAAE,8BAA8B,EAAE,CAAA;QAC7C,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;KAC/B,CAAA;CACF;AAED,MAAM,WAAW,mBAAoB,SAAQ,aAAa;IACxD,KAAK,EAAE,iBAAiB,CAAA;IACxB,IAAI,EAAE,oBAAoB,CAAA;CAC3B;AAED,MAAM,WAAW,mBAAoB,SAAQ,aAAa;IACxD,KAAK,EAAE,iBAAiB,CAAA;IACxB,IAAI,EAAE,oBAAoB,CAAA;CAC3B;AAED,MAAM,WAAW,mBAAoB,SAAQ,aAAa;IACxD,KAAK,EAAE,mBAAmB,CAAA;IAC1B,IAAI,EAAE,oBAAoB,CAAA;CAC3B"}

package/build/types/jolt_events/message_events.js.map

@@ -1 +1 @@
-{"version":3,"file":"message_events.js","sourceRoot":"","sources":["../../../src/types/jolt_events/message_events.ts"],"names":[],"mappings":"","sourcesContent":["import type { CustomMessage } from '@planningcenter/jolt-client/dist/types/JoltConnection'\nimport { DenormalizedAttachmentResource } from '../resources/denormalized_attachment_resource'\n\ninterface BaseMessageEventData extends Record<string, unknown> {\n  data: {\n    author_avatar: string\n    author_id: number\n    author_name: string\n    conversation_id: number\n    created_at: string\n    deleted_at: string | null\n    organization_id: number | null\n    sort_key: string\n    text: string\n    text_edited_at: string | null\n    html: string\n    attachments: DenormalizedAttachmentResource[]\n  }\n}\n\nexport interface MessageCreatedEvent extends CustomMessage {\n  event: 'message.created'\n  data: BaseMessageEventData\n}\n\nexport interface MessageUpdatedEvent extends CustomMessage {\n  event: 'message.updated'\n  data: BaseMessageEventData\n}\n\nexport interface MessageDeletedEvent extends CustomMessage {\n  event: 'message.destroyed'\n  data: BaseMessageEventData\n}\n"]}
+{"version":3,"file":"message_events.js","sourceRoot":"","sources":["../../../src/types/jolt_events/message_events.ts"],"names":[],"mappings":"","sourcesContent":["import type { CustomMessage } from '@planningcenter/jolt-client/dist/types/JoltConnection'\nimport { DenormalizedAttachmentResource } from '../resources/denormalized_attachment_resource'\n\ninterface BaseMessageEventData extends Record<string, unknown> {\n  data: {\n    author_avatar: string\n    author_id: number\n    author_name: string\n    conversation_id: number\n    created_at: string\n    deleted_at: string | null\n    organization_id: number | null\n    sort_key: string\n    text: string\n    text_edited_at: string | null\n    html: string\n    attachments: DenormalizedAttachmentResource[]\n    idempotent_key?: string | null\n  }\n}\n\nexport interface MessageCreatedEvent extends CustomMessage {\n  event: 'message.created'\n  data: BaseMessageEventData\n}\n\nexport interface MessageUpdatedEvent extends CustomMessage {\n  event: 'message.updated'\n  data: BaseMessageEventData\n}\n\nexport interface MessageDeletedEvent extends CustomMessage {\n  event: 'message.destroyed'\n  data: BaseMessageEventData\n}\n"]}

package/build/utils/performance_tracking.d.ts

@@ -0,0 +1,26 @@
+/**
+ * Performance tracking utilities for client-side metrics (React Native)
+ *
+ * This module provides functionality to track performance metrics and send them
+ * to Datadog via the backend API for aggregation.
+ */
+import { ApiClient } from '../hooks';
+/**
+ * Start tracking message creation performance
+ */
+export declare function startMessageCreationTracking(idempotentKey: string): void;
+/**
+ * Complete message creation tracking when the message.created event is received
+ */
+export declare function completeMessageCreationTracking({ apiClient, idempotentKey, }: {
+    apiClient: ApiClient;
+    idempotentKey: string;
+}): void;
+/**
+ * Complete message creation tracking when the conversation.updated event is received
+ */
+export declare function completeMessageCreationConversationTracking({ apiClient, idempotentKey, }: {
+    apiClient: ApiClient;
+    idempotentKey: string;
+}): void;
+//# sourceMappingURL=performance_tracking.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"performance_tracking.d.ts","sourceRoot":"","sources":["../../src/utils/performance_tracking.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAIH,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAA;AAgBpC;;GAEG;AACH,wBAAgB,4BAA4B,CAAC,aAAa,EAAE,MAAM,GAAG,IAAI,CAMxE;AAED;;GAEG;AACH,wBAAgB,+BAA+B,CAAC,EAC9C,SAAS,EACT,aAAa,GACd,EAAE;IACD,SAAS,EAAE,SAAS,CAAA;IACpB,aAAa,EAAE,MAAM,CAAA;CACtB,GAAG,IAAI,CASP;AAED;;GAEG;AACH,wBAAgB,2CAA2C,CAAC,EAC1D,SAAS,EACT,aAAa,GACd,EAAE;IACD,SAAS,EAAE,SAAS,CAAA;IACpB,aAAa,EAAE,MAAM,CAAA;CACtB,GAAG,IAAI,CASP"}

package/build/utils/performance_tracking.js

@@ -0,0 +1,100 @@
+/**
+ * Performance tracking utilities for client-side metrics (React Native)
+ *
+ * This module provides functionality to track performance metrics and send them
+ * to Datadog via the backend API for aggregation.
+ */
+import DeviceInfo from 'react-native-device-info';
+import { Platform } from 'react-native';
+const appName = DeviceInfo.getApplicationName();
+const pendingMetrics = new Map();
+/**
+ * Start tracking message creation performance
+ */
+export function startMessageCreationTracking(idempotentKey) {
+    if (!idempotentKey)
+        return;
+    const startTime = Date.now();
+    pendingMetrics.set(`message:${idempotentKey}`, { idempotentKey, startTime });
+    pendingMetrics.set(`conversation:${idempotentKey}`, { idempotentKey, startTime });
+    cleanupStaleMetrics();
+}
+/**
+ * Complete message creation tracking when the message.created event is received
+ */
+export function completeMessageCreationTracking({ apiClient, idempotentKey, }) {
+    if (!idempotentKey)
+        return;
+    const duration = durationForIdempotentKey(`message:${idempotentKey}`);
+    if (!duration)
+        return;
+    sendPerformanceMetric(apiClient, {
+        name: 'chat.message.creation.message_roundtrip_time',
+        value: duration,
+        unit: 'milliseconds',
+    });
+}
+/**
+ * Complete message creation tracking when the conversation.updated event is received
+ */
+export function completeMessageCreationConversationTracking({ apiClient, idempotentKey, }) {
+    if (!idempotentKey)
+        return;
+    const duration = durationForIdempotentKey(`conversation:${idempotentKey}`);
+    if (!duration)
+        return;
+    sendPerformanceMetric(apiClient, {
+        name: 'chat.message.creation.conversation_roundtrip_time',
+        value: duration,
+        unit: 'milliseconds',
+    });
+}
+function durationForIdempotentKey(idempotentKey) {
+    const metric = pendingMetrics.get(idempotentKey);
+    if (!metric)
+        return undefined;
+    pendingMetrics.delete(idempotentKey);
+    const endTime = Date.now();
+    return endTime - metric.startTime;
+}
+/**
+ * Send performance metric to backend for Datadog submission
+ */
+async function sendPerformanceMetric(apiClient, metric) {
+    try {
+        await apiClient.chat.post({
+            url: `/me/metrics`,
+            data: {
+                data: {
+                    type: 'Metric',
+                    attributes: {
+                        metric: {
+                            name: metric.name,
+                            value: metric.value,
+                            unit: metric.unit,
+                            platform: Platform.OS,
+                            app: appName,
+                        },
+                    },
+                },
+            },
+        });
+    }
+    catch (e) {
+        // Ignore errors
+    }
+}
+/**
+ * Clean up any stale metrics (older than 5 minutes)
+ * This prevents memory leaks if messages fail to complete for any reason
+ */
+function cleanupStaleMetrics() {
+    const now = Date.now();
+    const staleThreshold = 5 * 60 * 1000; // 5 minutes in milliseconds
+    for (const [key, metric] of pendingMetrics.entries()) {
+        if (now - metric.startTime > staleThreshold) {
+            pendingMetrics.delete(key);
+        }
+    }
+}
+//# sourceMappingURL=performance_tracking.js.map

package/build/utils/performance_tracking.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"performance_tracking.js","sourceRoot":"","sources":["../../src/utils/performance_tracking.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,UAAU,MAAM,0BAA0B,CAAA;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAA;AAEvC,MAAM,OAAO,GAAG,UAAU,CAAC,kBAAkB,EAAE,CAAA;AAa/C,MAAM,cAAc,GAAG,IAAI,GAAG,EAAgC,CAAA;AAE9D;;GAEG;AACH,MAAM,UAAU,4BAA4B,CAAC,aAAqB;IAChE,IAAI,CAAC,aAAa;QAAE,OAAM;IAC1B,MAAM,SAAS,GAAG,IAAI,CAAC,GAAG,EAAE,CAAA;IAC5B,cAAc,CAAC,GAAG,CAAC,WAAW,aAAa,EAAE,EAAE,EAAE,aAAa,EAAE,SAAS,EAAE,CAAC,CAAA;IAC5E,cAAc,CAAC,GAAG,CAAC,gBAAgB,aAAa,EAAE,EAAE,EAAE,aAAa,EAAE,SAAS,EAAE,CAAC,CAAA;IACjF,mBAAmB,EAAE,CAAA;AACvB,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,+BAA+B,CAAC,EAC9C,SAAS,EACT,aAAa,GAId;IACC,IAAI,CAAC,aAAa;QAAE,OAAM;IAC1B,MAAM,QAAQ,GAAG,wBAAwB,CAAC,WAAW,aAAa,EAAE,CAAC,CAAA;IACrE,IAAI,CAAC,QAAQ;QAAE,OAAM;IACrB,qBAAqB,CAAC,SAAS,EAAE;QAC/B,IAAI,EAAE,8CAA8C;QACpD,KAAK,EAAE,QAAQ;QACf,IAAI,EAAE,cAAc;KACrB,CAAC,CAAA;AACJ,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,2CAA2C,CAAC,EAC1D,SAAS,EACT,aAAa,GAId;IACC,IAAI,CAAC,aAAa;QAAE,OAAM;IAC1B,MAAM,QAAQ,GAAG,wBAAwB,CAAC,gBAAgB,aAAa,EAAE,CAAC,CAAA;IAC1E,IAAI,CAAC,QAAQ;QAAE,OAAM;IACrB,qBAAqB,CAAC,SAAS,EAAE;QAC/B,IAAI,EAAE,mDAAmD;QACzD,KAAK,EAAE,QAAQ;QACf,IAAI,EAAE,cAAc;KACrB,CAAC,CAAA;AACJ,CAAC;AAED,SAAS,wBAAwB,CAAC,aAAqB;IACrD,MAAM,MAAM,GAAG,cAAc,CAAC,GAAG,CAAC,aAAa,CAAC,CAAA;IAChD,IAAI,CAAC,MAAM;QAAE,OAAO,SAAS,CAAA;IAC7B,cAAc,CAAC,MAAM,CAAC,aAAa,CAAC,CAAA;IACpC,MAAM,OAAO,GAAG,IAAI,CAAC,GAAG,EAAE,CAAA;IAC1B,OAAO,OAAO,GAAG,MAAM,CAAC,SAAS,CAAA;AACnC,CAAC;AAED;;GAEG;AACH,KAAK,UAAU,qBAAqB,CAClC,SAAoB,EACpB,MAAyB;IAEzB,IAAI,CAAC;QACH,MAAM,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC;YACxB,GAAG,EAAE,aAAa;YAClB,IAAI,EAAE;gBACJ,IAAI,EAAE;oBACJ,IAAI,EAAE,QAAQ;oBACd,UAAU,EAAE;wBACV,MAAM,EAAE;4BACN,IAAI,EAAE,MAAM,CAAC,IAAI;4BACjB,KAAK,EAAE,MAAM,CAAC,KAAK;4BACnB,IAAI,EAAE,MAAM,CAAC,IAAI;4BACjB,QAAQ,EAAE,QAAQ,CAAC,EAAE;4BACrB,GAAG,EAAE,OAAO;yBACb;qBACF;iBACF;aACF;SACF,CAAC,CAAA;IACJ,CAAC;IAAC,OAAO,CAAC,EAAE,CAAC;QACX,gBAAgB;IAClB,CAAC;AACH,CAAC;AAED;;;GAGG;AACH,SAAS,mBAAmB;IAC1B,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,EAAE,CAAA;IACtB,MAAM,cAAc,GAAG,CAAC,GAAG,EAAE,GAAG,IAAI,CAAA,CAAC,4BAA4B;IAEjE,KAAK,MAAM,CAAC,GAAG,EAAE,MAAM,CAAC,IAAI,cAAc,CAAC,OAAO,EAAE,EAAE,CAAC;QACrD,IAAI,GAAG,GAAG,MAAM,CAAC,SAAS,GAAG,cAAc,EAAE,CAAC;YAC5C,cAAc,CAAC,MAAM,CAAC,GAAG,CAAC,CAAA;QAC5B,CAAC;IACH,CAAC;AACH,CAAC","sourcesContent":["/**\n * Performance tracking utilities for client-side metrics (React Native)\n *\n * This module provides functionality to track performance metrics and send them\n * to Datadog via the backend API for aggregation.\n */\n\nimport DeviceInfo from 'react-native-device-info'\nimport { Platform } from 'react-native'\nimport { ApiClient } from '../hooks'\nconst appName = DeviceInfo.getApplicationName()\n\ninterface PerformanceMetric {\n  name: string\n  value: number\n  unit: 'milliseconds' | 'seconds' | 'count'\n}\n\ninterface PendingMessageMetric {\n  idempotentKey: string\n  startTime: number\n}\n\nconst pendingMetrics = new Map<string, PendingMessageMetric>()\n\n/**\n * Start tracking message creation performance\n */\nexport function startMessageCreationTracking(idempotentKey: string): void {\n  if (!idempotentKey) return\n  const startTime = Date.now()\n  pendingMetrics.set(`message:${idempotentKey}`, { idempotentKey, startTime })\n  pendingMetrics.set(`conversation:${idempotentKey}`, { idempotentKey, startTime })\n  cleanupStaleMetrics()\n}\n\n/**\n * Complete message creation tracking when the message.created event is received\n */\nexport function completeMessageCreationTracking({\n  apiClient,\n  idempotentKey,\n}: {\n  apiClient: ApiClient\n  idempotentKey: string\n}): void {\n  if (!idempotentKey) return\n  const duration = durationForIdempotentKey(`message:${idempotentKey}`)\n  if (!duration) return\n  sendPerformanceMetric(apiClient, {\n    name: 'chat.message.creation.message_roundtrip_time',\n    value: duration,\n    unit: 'milliseconds',\n  })\n}\n\n/**\n * Complete message creation tracking when the conversation.updated event is received\n */\nexport function completeMessageCreationConversationTracking({\n  apiClient,\n  idempotentKey,\n}: {\n  apiClient: ApiClient\n  idempotentKey: string\n}): void {\n  if (!idempotentKey) return\n  const duration = durationForIdempotentKey(`conversation:${idempotentKey}`)\n  if (!duration) return\n  sendPerformanceMetric(apiClient, {\n    name: 'chat.message.creation.conversation_roundtrip_time',\n    value: duration,\n    unit: 'milliseconds',\n  })\n}\n\nfunction durationForIdempotentKey(idempotentKey: string): number | undefined {\n  const metric = pendingMetrics.get(idempotentKey)\n  if (!metric) return undefined\n  pendingMetrics.delete(idempotentKey)\n  const endTime = Date.now()\n  return endTime - metric.startTime\n}\n\n/**\n * Send performance metric to backend for Datadog submission\n */\nasync function sendPerformanceMetric(\n  apiClient: ApiClient,\n  metric: PerformanceMetric\n): Promise<void> {\n  try {\n    await apiClient.chat.post({\n      url: `/me/metrics`,\n      data: {\n        data: {\n          type: 'Metric',\n          attributes: {\n            metric: {\n              name: metric.name,\n              value: metric.value,\n              unit: metric.unit,\n              platform: Platform.OS,\n              app: appName,\n            },\n          },\n        },\n      },\n    })\n  } catch (e) {\n    // Ignore errors\n  }\n}\n\n/**\n * Clean up any stale metrics (older than 5 minutes)\n * This prevents memory leaks if messages fail to complete for any reason\n */\nfunction cleanupStaleMetrics(): void {\n  const now = Date.now()\n  const staleThreshold = 5 * 60 * 1000 // 5 minutes in milliseconds\n\n  for (const [key, metric] of pendingMetrics.entries()) {\n    if (now - metric.startTime > staleThreshold) {\n      pendingMetrics.delete(key)\n    }\n  }\n}\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@planningcenter/chat-react-native",
-  "version": "3.12.2-rc.0",
+  "version": "3.12.2-rc.2",
   "description": "",
   "main": "build/index.js",
   "types": "build/index.d.ts",
@@ -55,5 +55,5 @@
     "react-native-url-polyfill": "^2.0.0",
     "typescript": "<5.6.0"
   },
-  "gitHead": "e67373e76f652278aeea85213be0ead68e8f9367"
+  "gitHead": "f77dac6f37aef497509a31ef5030a0ba94c9b758"
 }

package/src/components/conversation/attachments/image_attachment.tsx

@@ -1,4 +1,4 @@
-import React, { useMemo, useState, Dispatch, SetStateAction, useCallback } from 'react'
+import React, { useMemo, useState, Dispatch, SetStateAction, useCallback, useRef } from 'react'
 import {
   StatusBar,
   StyleSheet,
@@ -354,6 +354,13 @@ const LightboxModal = ({
    Supports the image gallery layout and swipe functionality.
   ============================ */
 
+  // Use refs to avoid re-rendering FlatList callbacks...
+  const stableCurrentImageIndexRef = useRef(currentImageIndex)
+  const stableImageAttachmentsLengthRef = useRef(imageAttachments.length)
+  // ...while still ensuring they are updated with the latest values
+  stableCurrentImageIndexRef.current = currentImageIndex
+  stableImageAttachmentsLengthRef.current = imageAttachments.length
+
   // Used in tandem with FlatList's initialScrollIndex to quickly calculate the position and size of each image before they load.
   const getItemLayout = useCallback(
     (_: unknown, index: number) => ({
@@ -366,22 +373,20 @@ const LightboxModal = ({
 
   // Captures the current image's index after the FlatList finishes its scroll animation.
   // Used in tandem with onViewableItemsChanged to ensure the final value for currentImageIndex is set.
-  const onMomentumScrollEnd = useCallback(
-    (event: NativeSyntheticEvent<NativeScrollEvent>) => {
-      // Calculate the index of the image that is currently visible
-      const imageOffsetX = event.nativeEvent.contentOffset.x
-      const newImageIndex = Math.round(imageOffsetX / WINDOW_WIDTH)
-
-      // Check if the image index has changed and the FlatList didn't scroll past the first or last image
-      const didImageIndexChange = newImageIndex !== currentImageIndex
-      const isImageIndexWithinBounds = newImageIndex >= 0 && newImageIndex < imageAttachments.length
-
-      if (didImageIndexChange && isImageIndexWithinBounds) {
-        setCurrentImageIndex(newImageIndex)
-      }
-    },
-    [currentImageIndex, imageAttachments.length]
-  )
+  const onMomentumScrollEnd = useCallback((event: NativeSyntheticEvent<NativeScrollEvent>) => {
+    // Calculate the index of the image that is currently visible
+    const imageOffsetX = event.nativeEvent.contentOffset.x
+    const newImageIndex = Math.round(imageOffsetX / WINDOW_WIDTH)
+
+    // Check if the image index has changed and the FlatList didn't scroll past the first or last image
+    const didImageIndexChange = newImageIndex !== stableCurrentImageIndexRef.current
+    const isImageIndexWithinBounds =
+      newImageIndex >= 0 && newImageIndex < stableImageAttachmentsLengthRef.current
+
+    if (didImageIndexChange && isImageIndexWithinBounds) {
+      setCurrentImageIndex(newImageIndex)
+    }
+  }, [])
 
   // Supplements onMomentumScrollEnd by capturing the current image's index while the FlatList is actively scrolling.
   // Used in tandem with viewabilityConfig to trigger when the image is 50% visible in the window.
@@ -393,11 +398,11 @@ const LightboxModal = ({
       const firstViewableItem = viewableItems[0]
       const newIndex = firstViewableItem.index
 
-      if (newIndex !== null && newIndex !== currentImageIndex) {
+      if (newIndex !== null && newIndex !== stableCurrentImageIndexRef.current) {
         setCurrentImageIndex(newIndex)
       }
     },
-    [currentImageIndex]
+    []
   )
 
   /* ============================

package/src/hooks/use_conversation_jolt_events.ts

@@ -5,6 +5,9 @@ import { useQueryClient } from '@tanstack/react-query'
 import { ApiResource, ConversationResource } from '../types'
 import { getRequestQueryKey } from './use_suspense_api'
 import { useCallback, useMemo } from 'react'
+import { completeMessageCreationConversationTracking } from '../utils/performance_tracking'
+import { useCurrentPerson } from './use_current_person'
+import { useApiClient } from './use_api_client'
 
 interface Props {
   conversationId: number
@@ -13,14 +16,27 @@ interface Props {
 export function useConversationJoltEvents({ conversationId }: Props) {
   const joltChannel = useJoltChannel(`chat.conversations.${conversationId}`)
   const queryClient = useQueryClient()
+  const currentPerson = useCurrentPerson()
+  const apiClient = useApiClient()
   const queryKey = useMemo(
     () => getRequestQueryKey(getConversationRequestArgs({ conversation_id: conversationId })),
     [conversationId]
   )
 
-  const handleUpdatedConversation = useCallback(() => {
-    queryClient.invalidateQueries({ queryKey })
-  }, [queryClient, queryKey])
+  const handleUpdatedConversation = useCallback(
+    (e: JoltConversationEvent) => {
+      const { last_message_idempotent_key, last_message_author_id } = e.data.data
+
+      if (last_message_idempotent_key && last_message_author_id === currentPerson.id) {
+        completeMessageCreationConversationTracking({
+          apiClient,
+          idempotentKey: last_message_idempotent_key,
+        })
+      }
+      queryClient.invalidateQueries({ queryKey })
+    },
+    [queryClient, queryKey, currentPerson.id, apiClient]
+  )
 
   const handleConversationRead = useCallback(
     (e: JoltConversationEvent) => {

package/src/hooks/use_conversation_messages_jolt_events.ts

@@ -15,6 +15,8 @@ import { transformReactionEventDataToReactionCountResource } from '../utils/jolt
 import { getMessagesRequestArgs } from '../utils/request/messages'
 import { TYPING_TIMEOUT_INTERVAL, useTypingStatusCache } from './use_typing_status_cache'
 import { isTemporaryMessageId } from './use_message_create_or_update'
+import { completeMessageCreationTracking } from '../utils/performance_tracking'
+import { useApiClient } from './use_api_client'
 
 interface Props {
   conversationId: number
@@ -26,6 +28,7 @@ export function useConversationMessagesJoltEvents({ conversationId }: Props) {
   const joltChannel = useJoltChannel(`chat.conversations.${conversationId}`)
   const messagesRequestArgs = getMessagesRequestArgs({ conversation_id: conversationId })
   const messagesQueryKey = getRequestQueryKey(messagesRequestArgs)
+  const apiClient = useApiClient()
 
   const { addTypingEvent, removeTypingEventById, removeAllTypingEventsByAuthorId } =
     useTypingStatusCache(conversationId)
@@ -39,6 +42,9 @@ export function useConversationMessagesJoltEvents({ conversationId }: Props) {
 
     if (e.event === 'message.created' && data.author_id) {
       removeAllTypingEventsByAuthorId(data.author_id)
+      if (data.idempotent_key && data.author_id === currentPerson.id) {
+        completeMessageCreationTracking({ apiClient, idempotentKey: data.idempotent_key })
+      }
     }
 
     queryClient.setQueryData<QueryData>(messagesQueryKey, prev => {

package/src/hooks/use_conversations_jolt_events.ts

@@ -3,16 +3,28 @@ import { ConversationRequestArgs } from '../utils/request/conversation'
 import { useConversationsCache } from './use_conversations_cache'
 import { useCurrentPerson, useCurrentPersonCache } from './use_current_person'
 import { useJoltChannel, useJoltEvent } from './use_jolt'
+import { completeMessageCreationConversationTracking } from '../utils/performance_tracking'
+import { useApiClient } from './use_api_client'
 
 export function useConversationsJoltEvents(args?: Partial<ConversationRequestArgs>) {
   const currentPerson = useCurrentPerson()
   const joltChannel = useJoltChannel(`chat.people.${currentPerson.id}`)
   const cache = useConversationsCache(args)
   const currentPersonCache = useCurrentPersonCache()
+  const apiClient = useApiClient()
 
-  useJoltEvent(joltChannel, 'conversation.updated', (e: JoltConversationEvent) =>
+  useJoltEvent(joltChannel, 'conversation.updated', (e: JoltConversationEvent) => {
+    if (
+      e.data.data.last_message_idempotent_key &&
+      e.data.data.last_message_author_id === currentPerson.id
+    ) {
+      completeMessageCreationConversationTracking({
+        apiClient,
+        idempotentKey: e.data.data.last_message_idempotent_key,
+      })
+    }
     cache.fetchUpdate({ id: e.data.data.id })
-  )
+  })
   useJoltEvent(joltChannel, 'conversation.created', (e: JoltConversationEvent) =>
     cache.fetchCreate({ id: e.data.data.id })
   )

package/src/hooks/use_message_create_or_update.ts

@@ -12,6 +12,7 @@ import { DenormalizedAttachmentResourceForCreate } from '../types/resources/deno
 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'
 
 interface Props {
   conversationId: number
@@ -36,11 +37,17 @@ export function useMessageCreateOrUpdate({ conversationId, message }: Props) {
       const fieldsWithValueJoined = Object.fromEntries(
         Object.entries(requestParams.data.fields).map(([k, v]) => [k, v.join(',')])
       )
+      let attributes: any = { text, ...(attachments ? { attachments } : {}) }
+      if (!isEditing) {
+        const idempotentKey = insecureUUID()
+        attributes.idempotent_key = idempotentKey
+        startMessageCreationTracking(idempotentKey)
+      }
       const data = {
         ...requestParams.data,
         data: {
           type: 'Message',
-          attributes: { text, ...(attachments ? { attachments } : {}) },
+          attributes,
         },
         fields: fieldsWithValueJoined,
       }
@@ -139,3 +146,18 @@ export function isTemporaryMessageId(messageId?: string | null): boolean {
 export function isNewMessage(message?: MessageResource): boolean {
   return !message?.id || isTemporaryMessageId(message.id)
 }
+
+/**
+ * Generate a random UUID (v4) for idempotent keys.
+ * Uses Math.random, which is not cryptographically secure.
+ * An actual crypto library requires native dependencies.
+ * This is OK for now since idempotent keys are not security-sensitive
+ * or need to be guaranteed unique.
+ * They are short lived and we use it in combination with the message's creator_id so
+ * their impact is scoped only the current user.
+ */
+function insecureUUID(): string {
+  return 'xxxxxxxx-xxxx-4xxx-Nxxx-xxxxxxxxxxxx'
+    .replace(/x/g, () => Math.floor(Math.random() * 16).toString(16))
+    .replace(/N/g, () => (Math.floor(Math.random() * 4) + 8).toString(16))
+}

package/src/types/jolt_events/conversation_events.ts

@@ -10,6 +10,7 @@ interface BaseConversationEventData extends Record<string, unknown> {
     last_message_author_name?: string
     last_message_created_at?: DateString
     last_message_sort_key?: string
+    last_message_idempotent_key?: string | null
     last_message_text_preview?: string
     latest_read_message_sort_key?: string
     organization_id: number

package/src/types/jolt_events/message_events.ts

@@ -15,6 +15,7 @@ interface BaseMessageEventData extends Record<string, unknown> {
     text_edited_at: string | null
     html: string
     attachments: DenormalizedAttachmentResource[]
+    idempotent_key?: string | null
   }
 }
 

package/src/utils/performance_tracking.ts

@@ -0,0 +1,128 @@
+/**
+ * Performance tracking utilities for client-side metrics (React Native)
+ *
+ * This module provides functionality to track performance metrics and send them
+ * to Datadog via the backend API for aggregation.
+ */
+
+import DeviceInfo from 'react-native-device-info'
+import { Platform } from 'react-native'
+import { ApiClient } from '../hooks'
+const appName = DeviceInfo.getApplicationName()
+
+interface PerformanceMetric {
+  name: string
+  value: number
+  unit: 'milliseconds' | 'seconds' | 'count'
+}
+
+interface PendingMessageMetric {
+  idempotentKey: string
+  startTime: number
+}
+
+const pendingMetrics = new Map<string, PendingMessageMetric>()
+
+/**
+ * Start tracking message creation performance
+ */
+export function startMessageCreationTracking(idempotentKey: string): void {
+  if (!idempotentKey) return
+  const startTime = Date.now()
+  pendingMetrics.set(`message:${idempotentKey}`, { idempotentKey, startTime })
+  pendingMetrics.set(`conversation:${idempotentKey}`, { idempotentKey, startTime })
+  cleanupStaleMetrics()
+}
+
+/**
+ * Complete message creation tracking when the message.created event is received
+ */
+export function completeMessageCreationTracking({
+  apiClient,
+  idempotentKey,
+}: {
+  apiClient: ApiClient
+  idempotentKey: string
+}): void {
+  if (!idempotentKey) return
+  const duration = durationForIdempotentKey(`message:${idempotentKey}`)
+  if (!duration) return
+  sendPerformanceMetric(apiClient, {
+    name: 'chat.message.creation.message_roundtrip_time',
+    value: duration,
+    unit: 'milliseconds',
+  })
+}
+
+/**
+ * Complete message creation tracking when the conversation.updated event is received
+ */
+export function completeMessageCreationConversationTracking({
+  apiClient,
+  idempotentKey,
+}: {
+  apiClient: ApiClient
+  idempotentKey: string
+}): void {
+  if (!idempotentKey) return
+  const duration = durationForIdempotentKey(`conversation:${idempotentKey}`)
+  if (!duration) return
+  sendPerformanceMetric(apiClient, {
+    name: 'chat.message.creation.conversation_roundtrip_time',
+    value: duration,
+    unit: 'milliseconds',
+  })
+}
+
+function durationForIdempotentKey(idempotentKey: string): number | undefined {
+  const metric = pendingMetrics.get(idempotentKey)
+  if (!metric) return undefined
+  pendingMetrics.delete(idempotentKey)
+  const endTime = Date.now()
+  return endTime - metric.startTime
+}
+
+/**
+ * Send performance metric to backend for Datadog submission
+ */
+async function sendPerformanceMetric(
+  apiClient: ApiClient,
+  metric: PerformanceMetric
+): Promise<void> {
+  try {
+    await apiClient.chat.post({
+      url: `/me/metrics`,
+      data: {
+        data: {
+          type: 'Metric',
+          attributes: {
+            metric: {
+              name: metric.name,
+              value: metric.value,
+              unit: metric.unit,
+              platform: Platform.OS,
+              app: appName,
+            },
+          },
+        },
+      },
+    })
+  } catch (e) {
+    // Ignore errors
+  }
+}
+
+/**
+ * Clean up any stale metrics (older than 5 minutes)
+ * This prevents memory leaks if messages fail to complete for any reason
+ */
+function cleanupStaleMetrics(): void {
+  const now = Date.now()
+  const staleThreshold = 5 * 60 * 1000 // 5 minutes in milliseconds
+
+  for (const [key, metric] of pendingMetrics.entries()) {
+    if (now - metric.startTime > staleThreshold) {
+      pendingMetrics.delete(key)
+    }
+  }
+}