@planningcenter/chat-react-native 4.4.1-qa-staging.9 → 4.4.1-qa-staging.10

package/build/utils/date.js

@@ -1,4 +1,4 @@
-import { date as formatDate } from '@planningcenter/datetime-fmt';
+import { date as formatDate, time as formatTime } from '@planningcenter/datetime-fmt';
 import dayjs from './dayjs';
 export function formatDatePreview(date) {
   if (!date) return '';
@@ -65,4 +65,18 @@ export function relativeTime(date) {
     return dayjs(date).format('h:mma');
   }
 }
+export function formatEventDateTime(date) {
+  const {
+    isThisYear
+  } = getRelativeDateStatus(date);
+  const timeZone = Intl.DateTimeFormat().resolvedOptions().timeZone;
+  const day = formatDate(date, {
+    style: 'abbreviated',
+    year: !isThisYear,
+    timeZone
+  });
+  return `${day} at ${formatTime(date, {
+    timeZone
+  })}`;
+}
 //# sourceMappingURL=date.js.map

package/build/utils/date.js.map

@@ -1 +1 @@
-{"version":3,"file":"date.js","names":["date","formatDate","dayjs","formatDatePreview","now","isToday","isSame","isThisWeek","isThisYear","format","style","formatShorterDate","year","replace","getRelativeDateStatus","relativeDateTime","dateTimeString","Date","toDateString","getFullYear","toLocaleTimeString","hour","minute","hour12","toLocaleDateString","month","day","relativeTime","then","duration","diff","asDays","fromNow"],"sources":["../../src/utils/date.ts"],"sourcesContent":["import { date as formatDate } from '@planningcenter/datetime-fmt'\nimport dayjs from './dayjs'\n\nexport type DateProps = string | number | Date\n\nexport function formatDatePreview(date?: DateProps) {\n  if (!date) return ''\n\n  const now = dayjs()\n  const isToday = now.isSame(date, 'day')\n  const isThisWeek = now.isSame(date, 'week')\n  const isThisYear = now.isSame(date, 'year')\n\n  if (isToday) return dayjs(date).format('h:mma')\n  if (isThisWeek) return formatDate(date, { style: 'relative-short' })\n  if (isThisYear) return formatDate(date, { style: 'abbreviated' })\n\n  // TODO: Org date format\n  return formatShorterDate(date)\n}\n\nconst formatShorterDate = (date: DateProps) => {\n  // Drop the century from the year\n  return formatDate(date, { style: 'short', year: true }).replace(/20(\\d{2})/, '$1')\n}\n\nexport function getRelativeDateStatus(date: DateProps) {\n  const now = dayjs()\n\n  const isToday = now.isSame(date, 'day')\n  const isThisWeek = now.isSame(date, 'week')\n  const isThisYear = now.isSame(date, 'year')\n\n  return { isToday, isThisWeek, isThisYear }\n}\n\nexport function relativeDateTime(dateTimeString: string): string {\n  const date = new Date(dateTimeString)\n  const now = new Date()\n\n  const isToday = date.toDateString() === now.toDateString()\n  const isThisYear = date.getFullYear() === now.getFullYear()\n\n  if (isToday) {\n    return date.toLocaleTimeString('en-US', { hour: '2-digit', minute: '2-digit', hour12: true })\n  } else if (isThisYear) {\n    return date.toLocaleDateString('en-US', { month: 'short', day: 'numeric' })\n  } else {\n    return date.toLocaleDateString('en-US')\n  }\n}\n\nexport function relativeTime(date: DateProps): string {\n  const now = dayjs()\n  const then = dayjs(date)\n  const duration = dayjs.duration(now.diff(then))\n\n  if (duration.asDays() < 1) {\n    return then.fromNow()\n  } else {\n    return dayjs(date).format('h:mma')\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"date.js","names":["date","formatDate","time","formatTime","dayjs","formatDatePreview","now","isToday","isSame","isThisWeek","isThisYear","format","style","formatShorterDate","year","replace","getRelativeDateStatus","relativeDateTime","dateTimeString","Date","toDateString","getFullYear","toLocaleTimeString","hour","minute","hour12","toLocaleDateString","month","day","relativeTime","then","duration","diff","asDays","fromNow","formatEventDateTime","timeZone","Intl","DateTimeFormat","resolvedOptions"],"sources":["../../src/utils/date.ts"],"sourcesContent":["import { date as formatDate, time as formatTime } from '@planningcenter/datetime-fmt'\nimport dayjs from './dayjs'\n\nexport type DateProps = string | number | Date\n\nexport function formatDatePreview(date?: DateProps) {\n  if (!date) return ''\n\n  const now = dayjs()\n  const isToday = now.isSame(date, 'day')\n  const isThisWeek = now.isSame(date, 'week')\n  const isThisYear = now.isSame(date, 'year')\n\n  if (isToday) return dayjs(date).format('h:mma')\n  if (isThisWeek) return formatDate(date, { style: 'relative-short' })\n  if (isThisYear) return formatDate(date, { style: 'abbreviated' })\n\n  // TODO: Org date format\n  return formatShorterDate(date)\n}\n\nconst formatShorterDate = (date: DateProps) => {\n  // Drop the century from the year\n  return formatDate(date, { style: 'short', year: true }).replace(/20(\\d{2})/, '$1')\n}\n\nexport function getRelativeDateStatus(date: DateProps) {\n  const now = dayjs()\n\n  const isToday = now.isSame(date, 'day')\n  const isThisWeek = now.isSame(date, 'week')\n  const isThisYear = now.isSame(date, 'year')\n\n  return { isToday, isThisWeek, isThisYear }\n}\n\nexport function relativeDateTime(dateTimeString: string): string {\n  const date = new Date(dateTimeString)\n  const now = new Date()\n\n  const isToday = date.toDateString() === now.toDateString()\n  const isThisYear = date.getFullYear() === now.getFullYear()\n\n  if (isToday) {\n    return date.toLocaleTimeString('en-US', { hour: '2-digit', minute: '2-digit', hour12: true })\n  } else if (isThisYear) {\n    return date.toLocaleDateString('en-US', { month: 'short', day: 'numeric' })\n  } else {\n    return date.toLocaleDateString('en-US')\n  }\n}\n\nexport function relativeTime(date: DateProps): string {\n  const now = dayjs()\n  const then = dayjs(date)\n  const duration = dayjs.duration(now.diff(then))\n\n  if (duration.asDays() < 1) {\n    return then.fromNow()\n  } else {\n    return dayjs(date).format('h:mma')\n  }\n}\n\nexport function formatEventDateTime(date: DateProps) {\n  const { isThisYear } = getRelativeDateStatus(date)\n  const timeZone = Intl.DateTimeFormat().resolvedOptions().timeZone\n  const day = formatDate(date, { style: 'abbreviated', year: !isThisYear, timeZone })\n  return `${day} at ${formatTime(date, { timeZone })}`\n}\n"],"mappings":"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","ignoreList":[]}

package/build/utils/jolt/transform_message_event_data_to_message_resource.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"transform_message_event_data_to_message_resource.d.ts","sourceRoot":"","sources":["../../../src/utils/jolt/transform_message_event_data_to_message_resource.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAA;AAC7C,OAAO,EAAE,mBAAmB,EAAE,MAAM,wCAAwC,CAAA;AAI5E,wBAAgB,0CAA0C,CAAC,EACzD,IAAI,EACJ,eAAe,GAChB,EAAE;IACD,IAAI,EAAE,mBAAmB,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAAA;IACzC,eAAe,EAAE,MAAM,CAAA;CACxB,GAAG,eAAe,CA+BlB"}
+{"version":3,"file":"transform_message_event_data_to_message_resource.d.ts","sourceRoot":"","sources":["../../../src/utils/jolt/transform_message_event_data_to_message_resource.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAA;AAC7C,OAAO,EAAE,mBAAmB,EAAE,MAAM,wCAAwC,CAAA;AAI5E,wBAAgB,0CAA0C,CAAC,EACzD,IAAI,EACJ,eAAe,GAChB,EAAE;IACD,IAAI,EAAE,mBAAmB,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAAA;IACzC,eAAe,EAAE,MAAM,CAAA;CACxB,GAAG,eAAe,CAgClB"}

package/build/utils/jolt/transform_message_event_data_to_message_resource.js

@@ -29,7 +29,8 @@ export function transformMessageEventDataToMessageResource({
       names: data.system_text_parts.names,
       overflowCount: data.system_text_parts.overflow_count,
       action: data.system_text_parts.action
-    } : null
+    } : null,
+    systemTextFormat: data.system_text_format
   };
 }
 //# sourceMappingURL=transform_message_event_data_to_message_resource.js.map

package/build/utils/jolt/transform_message_event_data_to_message_resource.js.map

@@ -1 +1 @@
-{"version":3,"file":"transform_message_event_data_to_message_resource.js","names":["deepCamelCaseKeys","transformMessageEventDataToMessageResource","data","currentPersonId","type","id","sort_key","text","html","createdAt","created_at","deletedAt","deleted_at","textEditedAt","text_edited_at","mine","author_id","attachments","author","name","author_name","avatar","author_avatar","reactionCounts","replyCount","reply_count","replyRootId","reply_root_id","idempotentKey","idempotent_key","messageType","message_type","personIdsForSystemEvent","system_event_person_ids","systemTextParts","system_text_parts","names","overflowCount","overflow_count","action"],"sources":["../../../src/utils/jolt/transform_message_event_data_to_message_resource.ts"],"sourcesContent":["import { MessageResource } from '../../types'\nimport { MessageCreatedEvent } from '../../types/jolt_events/message_events'\nimport { DenormalizedAttachmentResource } from '../../types/resources/denormalized_attachment_resource'\nimport { deepCamelCaseKeys } from '../deepCamelCaseKeys'\n\nexport function transformMessageEventDataToMessageResource({\n  data,\n  currentPersonId,\n}: {\n  data: MessageCreatedEvent['data']['data']\n  currentPersonId: number\n}): MessageResource {\n  return {\n    type: 'Message',\n    id: data.sort_key,\n    text: data.text,\n    html: data.html,\n    createdAt: data.created_at,\n    deletedAt: data.deleted_at,\n    textEditedAt: data.text_edited_at,\n    mine: data.author_id === currentPersonId,\n    attachments: deepCamelCaseKeys<DenormalizedAttachmentResource[]>(data.attachments) || [],\n    author: {\n      type: 'Person',\n      id: data.author_id,\n      name: data.author_name,\n      avatar: data.author_avatar,\n    },\n    reactionCounts: [],\n    replyCount: data.reply_count || 0,\n    replyRootId: data.reply_root_id || null,\n    idempotentKey: data.idempotent_key ?? null,\n    messageType: data.message_type,\n    personIdsForSystemEvent: data.system_event_person_ids,\n    systemTextParts: data.system_text_parts\n      ? {\n          names: data.system_text_parts.names,\n          overflowCount: data.system_text_parts.overflow_count,\n          action: data.system_text_parts.action,\n        }\n      : null,\n  }\n}\n"],"mappings":"AAGA,SAASA,iBAAiB,QAAQ,sBAAsB;AAExD,OAAO,SAASC,0CAA0CA,CAAC;EACzDC,IAAI;EACJC;AAIF,CAAC,EAAmB;EAClB,OAAO;IACLC,IAAI,EAAE,SAAS;IACfC,EAAE,EAAEH,IAAI,CAACI,QAAQ;IACjBC,IAAI,EAAEL,IAAI,CAACK,IAAI;IACfC,IAAI,EAAEN,IAAI,CAACM,IAAI;IACfC,SAAS,EAAEP,IAAI,CAACQ,UAAU;IAC1BC,SAAS,EAAET,IAAI,CAACU,UAAU;IAC1BC,YAAY,EAAEX,IAAI,CAACY,cAAc;IACjCC,IAAI,EAAEb,IAAI,CAACc,SAAS,KAAKb,eAAe;IACxCc,WAAW,EAAEjB,iBAAiB,CAAmCE,IAAI,CAACe,WAAW,CAAC,IAAI,EAAE;IACxFC,MAAM,EAAE;MACNd,IAAI,EAAE,QAAQ;MACdC,EAAE,EAAEH,IAAI,CAACc,SAAS;MAClBG,IAAI,EAAEjB,IAAI,CAACkB,WAAW;MACtBC,MAAM,EAAEnB,IAAI,CAACoB;IACf,CAAC;IACDC,cAAc,EAAE,EAAE;IAClBC,UAAU,EAAEtB,IAAI,CAACuB,WAAW,IAAI,CAAC;IACjCC,WAAW,EAAExB,IAAI,CAACyB,aAAa,IAAI,IAAI;IACvCC,aAAa,EAAE1B,IAAI,CAAC2B,cAAc,IAAI,IAAI;IAC1CC,WAAW,EAAE5B,IAAI,CAAC6B,YAAY;IAC9BC,uBAAuB,EAAE9B,IAAI,CAAC+B,uBAAuB;IACrDC,eAAe,EAAEhC,IAAI,CAACiC,iBAAiB,GACnC;MACEC,KAAK,EAAElC,IAAI,CAACiC,iBAAiB,CAACC,KAAK;MACnCC,aAAa,EAAEnC,IAAI,CAACiC,iBAAiB,CAACG,cAAc;MACpDC,MAAM,EAAErC,IAAI,CAACiC,iBAAiB,CAACI;IACjC,CAAC,GACD;EACN,CAAC;AACH","ignoreList":[]}
+{"version":3,"file":"transform_message_event_data_to_message_resource.js","names":["deepCamelCaseKeys","transformMessageEventDataToMessageResource","data","currentPersonId","type","id","sort_key","text","html","createdAt","created_at","deletedAt","deleted_at","textEditedAt","text_edited_at","mine","author_id","attachments","author","name","author_name","avatar","author_avatar","reactionCounts","replyCount","reply_count","replyRootId","reply_root_id","idempotentKey","idempotent_key","messageType","message_type","personIdsForSystemEvent","system_event_person_ids","systemTextParts","system_text_parts","names","overflowCount","overflow_count","action","systemTextFormat","system_text_format"],"sources":["../../../src/utils/jolt/transform_message_event_data_to_message_resource.ts"],"sourcesContent":["import { MessageResource } from '../../types'\nimport { MessageCreatedEvent } from '../../types/jolt_events/message_events'\nimport { DenormalizedAttachmentResource } from '../../types/resources/denormalized_attachment_resource'\nimport { deepCamelCaseKeys } from '../deepCamelCaseKeys'\n\nexport function transformMessageEventDataToMessageResource({\n  data,\n  currentPersonId,\n}: {\n  data: MessageCreatedEvent['data']['data']\n  currentPersonId: number\n}): MessageResource {\n  return {\n    type: 'Message',\n    id: data.sort_key,\n    text: data.text,\n    html: data.html,\n    createdAt: data.created_at,\n    deletedAt: data.deleted_at,\n    textEditedAt: data.text_edited_at,\n    mine: data.author_id === currentPersonId,\n    attachments: deepCamelCaseKeys<DenormalizedAttachmentResource[]>(data.attachments) || [],\n    author: {\n      type: 'Person',\n      id: data.author_id,\n      name: data.author_name,\n      avatar: data.author_avatar,\n    },\n    reactionCounts: [],\n    replyCount: data.reply_count || 0,\n    replyRootId: data.reply_root_id || null,\n    idempotentKey: data.idempotent_key ?? null,\n    messageType: data.message_type,\n    personIdsForSystemEvent: data.system_event_person_ids,\n    systemTextParts: data.system_text_parts\n      ? {\n          names: data.system_text_parts.names,\n          overflowCount: data.system_text_parts.overflow_count,\n          action: data.system_text_parts.action,\n        }\n      : null,\n    systemTextFormat: data.system_text_format,\n  }\n}\n"],"mappings":"AAGA,SAASA,iBAAiB,QAAQ,sBAAsB;AAExD,OAAO,SAASC,0CAA0CA,CAAC;EACzDC,IAAI;EACJC;AAIF,CAAC,EAAmB;EAClB,OAAO;IACLC,IAAI,EAAE,SAAS;IACfC,EAAE,EAAEH,IAAI,CAACI,QAAQ;IACjBC,IAAI,EAAEL,IAAI,CAACK,IAAI;IACfC,IAAI,EAAEN,IAAI,CAACM,IAAI;IACfC,SAAS,EAAEP,IAAI,CAACQ,UAAU;IAC1BC,SAAS,EAAET,IAAI,CAACU,UAAU;IAC1BC,YAAY,EAAEX,IAAI,CAACY,cAAc;IACjCC,IAAI,EAAEb,IAAI,CAACc,SAAS,KAAKb,eAAe;IACxCc,WAAW,EAAEjB,iBAAiB,CAAmCE,IAAI,CAACe,WAAW,CAAC,IAAI,EAAE;IACxFC,MAAM,EAAE;MACNd,IAAI,EAAE,QAAQ;MACdC,EAAE,EAAEH,IAAI,CAACc,SAAS;MAClBG,IAAI,EAAEjB,IAAI,CAACkB,WAAW;MACtBC,MAAM,EAAEnB,IAAI,CAACoB;IACf,CAAC;IACDC,cAAc,EAAE,EAAE;IAClBC,UAAU,EAAEtB,IAAI,CAACuB,WAAW,IAAI,CAAC;IACjCC,WAAW,EAAExB,IAAI,CAACyB,aAAa,IAAI,IAAI;IACvCC,aAAa,EAAE1B,IAAI,CAAC2B,cAAc,IAAI,IAAI;IAC1CC,WAAW,EAAE5B,IAAI,CAAC6B,YAAY;IAC9BC,uBAAuB,EAAE9B,IAAI,CAAC+B,uBAAuB;IACrDC,eAAe,EAAEhC,IAAI,CAACiC,iBAAiB,GACnC;MACEC,KAAK,EAAElC,IAAI,CAACiC,iBAAiB,CAACC,KAAK;MACnCC,aAAa,EAAEnC,IAAI,CAACiC,iBAAiB,CAACG,cAAc;MACpDC,MAAM,EAAErC,IAAI,CAACiC,iBAAiB,CAACI;IACjC,CAAC,GACD,IAAI;IACRC,gBAAgB,EAAEtC,IAAI,CAACuC;EACzB,CAAC;AACH","ignoreList":[]}

package/build/utils/request/messages_data_options.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"messages_data_options.d.ts","sourceRoot":"","sources":["../../../src/utils/request/messages_data_options.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,gBAAgB;;;;CAmB5B,CAAA;AAED,eAAO,MAAM,kBAAkB,UAAmE,CAAA"}
+{"version":3,"file":"messages_data_options.d.ts","sourceRoot":"","sources":["../../../src/utils/request/messages_data_options.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,gBAAgB;;;;CAoB5B,CAAA;AAED,eAAO,MAAM,kBAAkB,UAAmE,CAAA"}

package/build/utils/request/messages_data_options.js

@@ -1,5 +1,5 @@
 export const getMessageFields = {
-  Message: ['text', 'text_edited_at', 'mine', 'attachments', 'created_at', 'deleted_at', 'author', 'reaction_counts', 'reply_count', 'reply_root', 'idempotent_key', 'message_type', 'person_ids_for_system_event', 'system_text_parts'],
+  Message: ['text', 'text_edited_at', 'mine', 'attachments', 'created_at', 'deleted_at', 'author', 'reaction_counts', 'reply_count', 'reply_root', 'idempotent_key', 'message_type', 'person_ids_for_system_event', 'system_text_parts', 'system_text_format'],
   Person: ['name', 'avatar'],
   ReactionCount: ['value', 'count', 'mine', 'message_id', 'author_ids']
 };

package/build/utils/request/messages_data_options.js.map

@@ -1 +1 @@
-{"version":3,"file":"messages_data_options.js","names":["getMessageFields","Message","Person","ReactionCount","getMessagesInclude"],"sources":["../../../src/utils/request/messages_data_options.ts"],"sourcesContent":["export const getMessageFields = {\n  Message: [\n    'text',\n    'text_edited_at',\n    'mine',\n    'attachments',\n    'created_at',\n    'deleted_at',\n    'author',\n    'reaction_counts',\n    'reply_count',\n    'reply_root',\n    'idempotent_key',\n    'message_type',\n    'person_ids_for_system_event',\n    'system_text_parts',\n  ],\n  Person: ['name', 'avatar'],\n  ReactionCount: ['value', 'count', 'mine', 'message_id', 'author_ids'],\n}\n\nexport const getMessagesInclude = ['author', 'reaction_counts', 'reply_root', 'reply_root.author']\n"],"mappings":"AAAA,OAAO,MAAMA,gBAAgB,GAAG;EAC9BC,OAAO,EAAE,CACP,MAAM,EACN,gBAAgB,EAChB,MAAM,EACN,aAAa,EACb,YAAY,EACZ,YAAY,EACZ,QAAQ,EACR,iBAAiB,EACjB,aAAa,EACb,YAAY,EACZ,gBAAgB,EAChB,cAAc,EACd,6BAA6B,EAC7B,mBAAmB,CACpB;EACDC,MAAM,EAAE,CAAC,MAAM,EAAE,QAAQ,CAAC;EAC1BC,aAAa,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE,YAAY;AACtE,CAAC;AAED,OAAO,MAAMC,kBAAkB,GAAG,CAAC,QAAQ,EAAE,iBAAiB,EAAE,YAAY,EAAE,mBAAmB,CAAC","ignoreList":[]}
+{"version":3,"file":"messages_data_options.js","names":["getMessageFields","Message","Person","ReactionCount","getMessagesInclude"],"sources":["../../../src/utils/request/messages_data_options.ts"],"sourcesContent":["export const getMessageFields = {\n  Message: [\n    'text',\n    'text_edited_at',\n    'mine',\n    'attachments',\n    'created_at',\n    'deleted_at',\n    'author',\n    'reaction_counts',\n    'reply_count',\n    'reply_root',\n    'idempotent_key',\n    'message_type',\n    'person_ids_for_system_event',\n    'system_text_parts',\n    'system_text_format',\n  ],\n  Person: ['name', 'avatar'],\n  ReactionCount: ['value', 'count', 'mine', 'message_id', 'author_ids'],\n}\n\nexport const getMessagesInclude = ['author', 'reaction_counts', 'reply_root', 'reply_root.author']\n"],"mappings":"AAAA,OAAO,MAAMA,gBAAgB,GAAG;EAC9BC,OAAO,EAAE,CACP,MAAM,EACN,gBAAgB,EAChB,MAAM,EACN,aAAa,EACb,YAAY,EACZ,YAAY,EACZ,QAAQ,EACR,iBAAiB,EACjB,aAAa,EACb,YAAY,EACZ,gBAAgB,EAChB,cAAc,EACd,6BAA6B,EAC7B,mBAAmB,EACnB,oBAAoB,CACrB;EACDC,MAAM,EAAE,CAAC,MAAM,EAAE,QAAQ,CAAC;EAC1BC,aAAa,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE,YAAY;AACtE,CAAC;AAED,OAAO,MAAMC,kBAAkB,GAAG,CAAC,QAAQ,EAAE,iBAAiB,EAAE,YAAY,EAAE,mBAAmB,CAAC","ignoreList":[]}

package/build/utils/system_messages.d.ts

@@ -1,8 +1,6 @@
 import type { MessageResource } from '../types';
-declare const SYSTEM_MESSAGE_TYPES: readonly ["user_joined"];
-type SystemMessageType = (typeof SYSTEM_MESSAGE_TYPES)[number];
-export interface SystemMessageResource extends MessageResource {
-    messageType: SystemMessageType;
+export interface PeopleSystemMessageResource extends MessageResource {
+    systemTextFormat: 'people';
     systemTextParts: {
         names: string[];
         overflowCount: number;
@@ -10,6 +8,10 @@ export interface SystemMessageResource extends MessageResource {
     };
     personIdsForSystemEvent: number[];
 }
+export interface ActorSystemMessageResource extends MessageResource {
+    systemTextFormat: 'actor';
+    text: string;
+}
+export type SystemMessageResource = PeopleSystemMessageResource | ActorSystemMessageResource;
 export declare const isSystemMessage: (message: MessageResource) => message is SystemMessageResource;
-export {};
 //# sourceMappingURL=system_messages.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"system_messages.d.ts","sourceRoot":"","sources":["../../src/utils/system_messages.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAE/C,QAAA,MAAM,oBAAoB,0BAA2B,CAAA;AAErD,KAAK,iBAAiB,GAAG,CAAC,OAAO,oBAAoB,CAAC,CAAC,MAAM,CAAC,CAAA;AAE9D,MAAM,WAAW,qBAAsB,SAAQ,eAAe;IAC5D,WAAW,EAAE,iBAAiB,CAAA;IAC9B,eAAe,EAAE;QAAE,KAAK,EAAE,MAAM,EAAE,CAAC;QAAC,aAAa,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAA;IAC3E,uBAAuB,EAAE,MAAM,EAAE,CAAA;CAClC;AAED,eAAO,MAAM,eAAe,GAAI,SAAS,eAAe,KAAG,OAAO,IAAI,qBAG7B,CAAA"}
+{"version":3,"file":"system_messages.d.ts","sourceRoot":"","sources":["../../src/utils/system_messages.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAE/C,MAAM,WAAW,2BAA4B,SAAQ,eAAe;IAClE,gBAAgB,EAAE,QAAQ,CAAA;IAC1B,eAAe,EAAE;QAAE,KAAK,EAAE,MAAM,EAAE,CAAC;QAAC,aAAa,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAA;IAC3E,uBAAuB,EAAE,MAAM,EAAE,CAAA;CAClC;AAED,MAAM,WAAW,0BAA2B,SAAQ,eAAe;IACjE,gBAAgB,EAAE,OAAO,CAAA;IACzB,IAAI,EAAE,MAAM,CAAA;CACb;AAED,MAAM,MAAM,qBAAqB,GAAG,2BAA2B,GAAG,0BAA0B,CAAA;AAE5F,eAAO,MAAM,eAAe,GAAI,SAAS,eAAe,KAAG,OAAO,IAAI,qBASrE,CAAA"}

package/build/utils/system_messages.js

@@ -1,3 +1,11 @@
-const SYSTEM_MESSAGE_TYPES = ['user_joined'];
-export const isSystemMessage = message => SYSTEM_MESSAGE_TYPES.includes(message.messageType) && message.systemTextParts != null && message.personIdsForSystemEvent != null;
+export const isSystemMessage = message => {
+  switch (message.systemTextFormat) {
+    case 'people':
+      return message.systemTextParts != null && message.personIdsForSystemEvent != null;
+    case 'actor':
+      return !!message.text;
+    default:
+      return false;
+  }
+};
 //# sourceMappingURL=system_messages.js.map

package/build/utils/system_messages.js.map

@@ -1 +1 @@
-{"version":3,"file":"system_messages.js","names":["SYSTEM_MESSAGE_TYPES","isSystemMessage","message","includes","messageType","systemTextParts","personIdsForSystemEvent"],"sources":["../../src/utils/system_messages.ts"],"sourcesContent":["import type { MessageResource } from '../types'\n\nconst SYSTEM_MESSAGE_TYPES = ['user_joined'] as const\n\ntype SystemMessageType = (typeof SYSTEM_MESSAGE_TYPES)[number]\n\nexport interface SystemMessageResource extends MessageResource {\n  messageType: SystemMessageType\n  systemTextParts: { names: string[]; overflowCount: number; action: string }\n  personIdsForSystemEvent: number[]\n}\n\nexport const isSystemMessage = (message: MessageResource): message is SystemMessageResource =>\n  SYSTEM_MESSAGE_TYPES.includes(message.messageType as SystemMessageType) &&\n  message.systemTextParts != null &&\n  message.personIdsForSystemEvent != null\n"],"mappings":"AAEA,MAAMA,oBAAoB,GAAG,CAAC,aAAa,CAAU;AAUrD,OAAO,MAAMC,eAAe,GAAIC,OAAwB,IACtDF,oBAAoB,CAACG,QAAQ,CAACD,OAAO,CAACE,WAAgC,CAAC,IACvEF,OAAO,CAACG,eAAe,IAAI,IAAI,IAC/BH,OAAO,CAACI,uBAAuB,IAAI,IAAI","ignoreList":[]}
+{"version":3,"file":"system_messages.js","names":["isSystemMessage","message","systemTextFormat","systemTextParts","personIdsForSystemEvent","text"],"sources":["../../src/utils/system_messages.ts"],"sourcesContent":["import type { MessageResource } from '../types'\n\nexport interface PeopleSystemMessageResource extends MessageResource {\n  systemTextFormat: 'people'\n  systemTextParts: { names: string[]; overflowCount: number; action: string }\n  personIdsForSystemEvent: number[]\n}\n\nexport interface ActorSystemMessageResource extends MessageResource {\n  systemTextFormat: 'actor'\n  text: string\n}\n\nexport type SystemMessageResource = PeopleSystemMessageResource | ActorSystemMessageResource\n\nexport const isSystemMessage = (message: MessageResource): message is SystemMessageResource => {\n  switch (message.systemTextFormat) {\n    case 'people':\n      return message.systemTextParts != null && message.personIdsForSystemEvent != null\n    case 'actor':\n      return !!message.text\n    default:\n      return false\n  }\n}\n"],"mappings":"AAeA,OAAO,MAAMA,eAAe,GAAIC,OAAwB,IAAuC;EAC7F,QAAQA,OAAO,CAACC,gBAAgB;IAC9B,KAAK,QAAQ;MACX,OAAOD,OAAO,CAACE,eAAe,IAAI,IAAI,IAAIF,OAAO,CAACG,uBAAuB,IAAI,IAAI;IACnF,KAAK,OAAO;MACV,OAAO,CAAC,CAACH,OAAO,CAACI,IAAI;IACvB;MACE,OAAO,KAAK;EAChB;AACF,CAAC","ignoreList":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@planningcenter/chat-react-native",
-  "version": "4.4.1-qa-staging.9",
+  "version": "4.4.1-qa-staging.10",
   "description": "",
   "repository": {
     "type": "git",
@@ -33,7 +33,7 @@
   "dependencies": {
     "@fortawesome/fontawesome-svg-core": "^7.2.0",
     "@fortawesome/react-native-fontawesome": "^0.3.2",
-    "@planningcenter/emoji-keyboard": "4.4.1-qa-staging.9",
+    "@planningcenter/emoji-keyboard": "4.4.1-qa-staging.10",
     "lodash-inflection": "^1.5.0"
   },
   "peerDependencies": {
@@ -84,5 +84,5 @@
     "sf-symbols-typescript": "^2.2.0",
     "typescript": "~6.0.3"
   },
-  "gitHead": "8c317c49799d8e8fc39e9ec68b8fd38317a039cc"
+  "gitHead": "1e3d2b7deafd780d4651c8da8adc7083ff348c3d"
 }

package/src/__tests__/utils/system_messages.ts

@@ -18,62 +18,49 @@ const makeMessage = (overrides: Partial<MessageResource> = {}): MessageResource
   messageType: 'user',
   personIdsForSystemEvent: null,
   systemTextParts: null,
+  systemTextFormat: null,
   ...overrides,
 })
 
+const joinedParts = { names: ['Alice'], overflowCount: 0, action: 'joined the conversation' }
+
 describe('isSystemMessage', () => {
-  it('returns true for user_joined messages', () => {
+  it('returns true for people messages with names and person ids', () => {
     const message = makeMessage({
       messageType: 'user_joined',
+      systemTextFormat: 'people',
       personIdsForSystemEvent: [1],
-      systemTextParts: { names: ['Alice'], overflowCount: 0, action: 'joined the conversation' },
+      systemTextParts: joinedParts,
     })
     expect(isSystemMessage(message)).toBe(true)
   })
 
-  it('narrows the type so systemTextParts and personIdsForSystemEvent are non-null', () => {
+  it('returns true for actor messages of a type the client does not know', () => {
     const message = makeMessage({
-      messageType: 'user_joined',
-      personIdsForSystemEvent: [1, 2],
-      systemTextParts: {
-        names: ['Alice', 'Bob'],
-        overflowCount: 0,
-        action: 'joined the conversation',
-      },
+      messageType: 'some_future_type',
+      systemTextFormat: 'actor',
+      text: 'This conversation was archived by Alice',
     })
-    if (isSystemMessage(message)) {
-      expect(message.systemTextParts.names).toEqual(['Alice', 'Bob'])
-      expect(message.personIdsForSystemEvent).toEqual([1, 2])
-    } else {
-      throw new Error('Expected isSystemMessage to return true')
-    }
+    expect(isSystemMessage(message)).toBe(true)
   })
 
-  it('returns false for regular user messages', () => {
-    const message = makeMessage({ messageType: 'user' })
+  it('returns false for messages without a system text format', () => {
+    const message = makeMessage({ messageType: 'user_joined', systemTextParts: joinedParts })
     expect(isSystemMessage(message)).toBe(false)
   })
 
-  it('returns false for unknown message types', () => {
-    const message = makeMessage({ messageType: 'some_future_type' })
+  it('returns false for people messages without systemTextParts', () => {
+    const message = makeMessage({ systemTextFormat: 'people', personIdsForSystemEvent: [1] })
     expect(isSystemMessage(message)).toBe(false)
   })
 
-  it('returns false when systemTextParts is null', () => {
-    const message = makeMessage({
-      messageType: 'user_joined',
-      personIdsForSystemEvent: [1],
-      systemTextParts: null,
-    })
+  it('returns false for people messages without personIdsForSystemEvent', () => {
+    const message = makeMessage({ systemTextFormat: 'people', systemTextParts: joinedParts })
     expect(isSystemMessage(message)).toBe(false)
   })
 
-  it('returns false when personIdsForSystemEvent is null', () => {
-    const message = makeMessage({
-      messageType: 'user_joined',
-      personIdsForSystemEvent: null,
-      systemTextParts: { names: ['Alice'], overflowCount: 0, action: 'joined the conversation' },
-    })
+  it.each([null, ''])('returns false for actor messages with text %p', text => {
+    const message = makeMessage({ systemTextFormat: 'actor', text })
     expect(isSystemMessage(message)).toBe(false)
   })
 })

package/src/components/conversation/__tests__/system_message.test.tsx

@@ -0,0 +1,104 @@
+import { QueryClient, QueryClientProvider } from '@tanstack/react-query'
+import { render } from '@testing-library/react-native'
+import React from 'react'
+import { buildTestQueryClient } from '../../../__utils__/query_client'
+import { ChatProvider } from '../../../contexts/chat_context'
+import type { PersonResource } from '../../../types/resources/person'
+import type { SystemMessageResource } from '../../../utils/system_messages'
+import { SystemMessage } from '../system_message'
+
+jest.mock('@react-navigation/native', () => ({
+  useNavigation: () => ({ navigate: jest.fn() }),
+}))
+jest.mock('../../../hooks/use_animated_message_background_color', () => ({
+  useAnimatedMessageBackgroundColor: () => ({
+    animatedBackgroundColor: {},
+    handleMessagePressIn: jest.fn(),
+    handleMessagePressOut: jest.fn(),
+  }),
+}))
+
+const author = { id: 1, type: 'Person', name: 'Wes', avatar: null } as unknown as PersonResource
+
+const systemMessage = (overrides: Partial<SystemMessageResource>): SystemMessageResource =>
+  ({
+    type: 'Message',
+    id: '01',
+    text: null,
+    html: '',
+    createdAt: '2026-02-03T14:18:00',
+    deletedAt: null,
+    textEditedAt: null,
+    mine: false,
+    attachments: [],
+    author,
+    reactionCounts: [],
+    replyCount: 0,
+    replyRootId: null,
+    messageType: 'user_joined',
+    personIdsForSystemEvent: null,
+    systemTextParts: null,
+    ...overrides,
+  }) as SystemMessageResource
+
+let queryClient: QueryClient
+
+const Wrapper = ({ children }: { children: React.ReactNode }) => (
+  <QueryClientProvider client={queryClient}>
+    <ChatProvider
+      value={{
+        token: {
+          access_token: '',
+          created_at: 0,
+          expires_in: 0,
+          scope: '',
+          refresh_token: '',
+          token_type: '',
+        },
+        onUnauthorizedResponse: () => {},
+        theme: { theme: { colors: { interaction: 'rgb(0, 0, 255)' } } },
+      }}
+    >
+      {children}
+    </ChatProvider>
+  </QueryClientProvider>
+)
+
+const renderSystemMessage = (message: SystemMessageResource) =>
+  render(<SystemMessage message={message} conversationId={1} />, { wrapper: Wrapper })
+
+beforeEach(() => {
+  jest.useFakeTimers({ now: new Date(2026, 5, 15, 12, 0) })
+  queryClient = buildTestQueryClient()
+})
+
+afterEach(() => {
+  queryClient.clear()
+  jest.useRealTimers()
+})
+
+describe('SystemMessage', () => {
+  it('renders actor messages as their text followed by the local date and time', () => {
+    const view = renderSystemMessage(
+      systemMessage({
+        messageType: 'conversation_archived',
+        systemTextFormat: 'actor',
+        text: 'This conversation was archived by Wes',
+      })
+    )
+
+    expect(view.getByText('This conversation was archived by Wes on Feb 3 at 2:18pm')).toBeTruthy()
+  })
+
+  it('builds people messages from their names', () => {
+    const view = renderSystemMessage(
+      systemMessage({
+        systemTextFormat: 'people',
+        systemTextParts: { names: ['Ann', 'Bo'], overflowCount: 0, action: 'joined' },
+        personIdsForSystemEvent: [1, 2],
+      })
+    )
+
+    expect(view.getByText('Ann and Bo joined')).toBeTruthy()
+  })
+})

package/src/components/conversation/system_message.tsx

@@ -4,6 +4,7 @@ import { Pressable, StyleSheet, View } from 'react-native'
 import Animated from 'react-native-reanimated'
 import { useAnimatedMessageBackgroundColor, useTheme } from '../../hooks'
 import { ReactionCountResource } from '../../types/resources/reaction'
+import { formatEventDateTime } from '../../utils/date'
 import { Haptic } from '../../utils/native_adapters'
 import { SystemMessageResource } from '../../utils/system_messages'
 import { Text } from '../display'
@@ -15,21 +16,23 @@ interface SystemMessageProps {
 }
 
 export function SystemMessage({ message, conversationId }: SystemMessageProps) {
-  const { reactionCounts, systemTextParts, personIdsForSystemEvent } = message
-  const { names, overflowCount, action } = systemTextParts
+  const { reactionCounts } = message
   const styles = useStyles()
   const navigation = useNavigation()
   const { colors } = useTheme()
-  const text = systemMessageText(names, overflowCount, action)
-  const isTruncated = overflowCount > 0
+  const text = systemMessageText(message)
+  const isTruncated =
+    message.systemTextFormat === 'people' && message.systemTextParts.overflowCount > 0
   const hasReactions = reactionCounts.length > 0
   const { animatedBackgroundColor, handleMessagePressIn, handleMessagePressOut } =
     useAnimatedMessageBackgroundColor()
 
   const handlePress = () => {
+    if (message.systemTextFormat !== 'people') return
+
     navigation.navigate('SystemMessagePeople', {
       conversation_id: conversationId,
-      person_ids: personIdsForSystemEvent,
+      person_ids: message.personIdsForSystemEvent,
     })
   }
 
@@ -87,7 +90,18 @@ export function SystemMessage({ message, conversationId }: SystemMessageProps) {
   )
 }
 
-function systemMessageText(names: string[], overflowCount: number, action: string): string {
+function systemMessageText(message: SystemMessageResource): string {
+  switch (message.systemTextFormat) {
+    case 'people': {
+      const { names, overflowCount, action } = message.systemTextParts
+      return peopleSystemMessageText(names, overflowCount, action)
+    }
+    case 'actor':
+      return `${message.text} on ${formatEventDateTime(message.createdAt)}`
+  }
+}
+
+function peopleSystemMessageText(names: string[], overflowCount: number, action: string): string {
   if (overflowCount > 0) {
     const overflowLabel = `${overflowCount} ${overflowCount === 1 ? 'other' : 'others'}`
     return `${names.join(', ')}, and ${overflowLabel} ${action}`

package/src/components/conversations/__tests__/conversation_preview.test.tsx

@@ -0,0 +1,70 @@
+import { render } from '@testing-library/react-native'
+import React from 'react'
+import type { ConversationPreviewData, ConversationResource } from '../../../types'
+import { formatDatePreview } from '../../../utils/date'
+import { ConversationPreview } from '../conversation_preview'
+
+jest.mock('../conversation_actions', () => ({
+  ConversationActions: ({
+    children,
+    accessibilityLabel,
+  }: {
+    children: React.ReactNode
+    accessibilityLabel?: string
+  }) => {
+    const { View: MockView } = jest.requireActual('react-native')
+    return <MockView accessibilityLabel={accessibilityLabel}>{children}</MockView>
+  },
+}))
+
+const createdAt = '2026-03-04T15:30:00Z'
+
+const conversation = (conversationPreview: ConversationPreviewData): ConversationResource => ({
+  type: 'Conversation',
+  id: 7,
+  title: 'Worship Team',
+  conversationPreview,
+  createdAt,
+  lastMessageCreatedAt: createdAt,
+  muted: false,
+  repliesDisabled: false,
+  unreadCount: 0,
+  unreadReaction: false,
+  updatedAt: createdAt,
+})
+
+const renderPreview = (preview: ConversationPreviewData) =>
+  render(<ConversationPreview conversation={conversation(preview)} onPress={jest.fn()} />)
+
+describe('ConversationPreview', () => {
+  it('prefixes message previews with the author', () => {
+    const view = renderPreview({
+      kind: 'message',
+      authorName: 'Ada Lovelace',
+      value: null,
+      text: 'See you Sunday',
+      createdAt,
+    })
+
+    expect(view.getByText('Ada Lovelace: See you Sunday')).toBeTruthy()
+  })
+
+  it('shows system previews as their text alone', () => {
+    const text = 'This conversation was unarchived by Ada Lovelace'
+    const view = renderPreview({
+      kind: 'system',
+      authorName: 'System',
+      value: null,
+      text,
+      createdAt,
+    })
+
+    expect(view.getByText(text)).toBeTruthy()
+    expect(view.queryByText('System', { exact: false })).toBeNull()
+    expect(
+      view.getByLabelText(
+        `Select Worship Team, Latest activity: ${text} at ${formatDatePreview(createdAt)}`
+      )
+    ).toBeTruthy()
+  })
+})

package/src/components/conversations/conversation_preview.tsx

@@ -168,6 +168,8 @@ function reactionEmoji(value: ConversationPreviewData['value']): string | null {
 }
 
 function formatConversationPreviewText(preview: ConversationPreviewData) {
+  if (preview.kind === 'system') return preview.text
+
   if (preview.kind === 'reaction') {
     const emoji = reactionEmoji(preview.value)
     return `${preview.authorName}${emoji ? ` ${emoji}` : ' reacted'} to: "${preview.text}"`
@@ -179,6 +181,8 @@ function formatConversationPreviewText(preview: ConversationPreviewData) {
 function formatConversationPreviewAccessibilityLabel(preview: ConversationPreviewData) {
   const date = formatDatePreview(preview.createdAt)
 
+  if (preview.kind === 'system') return `Latest activity: ${preview.text} at ${date}`
+
   if (preview.kind === 'reaction') {
     return `${preview.authorName} reacted to your message sent ${date} and says ${preview.text}`
   }

package/src/types/jolt_events/message_events.ts

@@ -1,5 +1,6 @@
 import type { CustomMessage } from '@planningcenter/jolt-client/dist/types/JoltConnection'
 import { DenormalizedAttachmentResource } from '../resources/denormalized_attachment_resource'
+import type { SystemTextFormat } from '../resources/message'
 
 interface BaseMessageEventData extends Record<string, unknown> {
   data: {
@@ -21,6 +22,7 @@ interface BaseMessageEventData extends Record<string, unknown> {
     message_type: string
     system_event_person_ids: number[] | null
     system_text_parts: { names: string[]; overflow_count: number; action: string } | null
+    system_text_format: SystemTextFormat | null
   }
 }
 

package/src/types/resources/conversation.ts

@@ -6,7 +6,7 @@ import { MemberAbilityResource } from './member_ability'
 import { ReactionCountResource } from './reaction'
 
 export interface ConversationPreviewData {
-  kind: 'reaction' | 'message'
+  kind: 'reaction' | 'message' | 'system'
   authorName: string
   value: ReactionCountResource['value'] | null
   text: string

package/src/types/resources/message.ts

@@ -3,6 +3,8 @@ import { DenormalizedAttachmentResourceForCreate } from './denormalized_attachme
 import type { PersonResource } from './person'
 import type { ReactionCountResource } from './reaction'
 
+export type SystemTextFormat = 'people' | 'actor'
+
 export interface MessageResource {
   type: 'Message'
   id: string
@@ -22,6 +24,7 @@ export interface MessageResource {
   messageType: string
   personIdsForSystemEvent?: number[] | null
   systemTextParts?: { names: string[]; overflowCount: number; action: string } | null
+  systemTextFormat?: SystemTextFormat | null
 
   // Custom Local Properties we set for rendering
   renderAuthor?: boolean

package/src/utils/__tests__/date.test.ts

@@ -0,0 +1,19 @@
+import { formatEventDateTime } from '../date'
+
+describe('formatEventDateTime', () => {
+  beforeEach(() => {
+    jest.useFakeTimers({ now: new Date(2026, 5, 15, 12, 0) })
+  })
+
+  afterEach(() => {
+    jest.useRealTimers()
+  })
+
+  it('leaves out the year for dates in the current year', () => {
+    expect(formatEventDateTime(new Date(2026, 1, 3, 14, 18))).toBe('Feb 3 at 2:18pm')
+  })
+
+  it('includes the year for dates in other years', () => {
+    expect(formatEventDateTime(new Date(2025, 1, 3, 14, 18))).toBe('Feb 3, 2025 at 2:18pm')
+  })
+})

package/src/utils/__tests__/group_messages.test.ts

@@ -206,6 +206,7 @@ describe('groupMessages — system messages', () => {
     const messages = [
       message('sys', {
         messageType: 'user_joined',
+        systemTextFormat: 'people',
         systemTextParts: { names: ['A'], overflowCount: 0, action: 'joined' },
         personIdsForSystemEvent: [1],
       }),

package/src/utils/date.ts

@@ -1,4 +1,4 @@
-import { date as formatDate } from '@planningcenter/datetime-fmt'
+import { date as formatDate, time as formatTime } from '@planningcenter/datetime-fmt'
 import dayjs from './dayjs'
 
 export type DateProps = string | number | Date
@@ -61,3 +61,10 @@ export function relativeTime(date: DateProps): string {
     return dayjs(date).format('h:mma')
   }
 }
+
+export function formatEventDateTime(date: DateProps) {
+  const { isThisYear } = getRelativeDateStatus(date)
+  const timeZone = Intl.DateTimeFormat().resolvedOptions().timeZone
+  const day = formatDate(date, { style: 'abbreviated', year: !isThisYear, timeZone })
+  return `${day} at ${formatTime(date, { timeZone })}`
+}