@planningcenter/chat-react-native 2.0.1-rc.0 → 2.1.0-rc.1

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

@@ -5,6 +5,6 @@ export interface ReactionCountResource {
     count: number;
     mine: number;
     messageId: string;
-    authorIds: number[];
+    authorIds: string[];
 }
 //# sourceMappingURL=reaction.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"reaction.js","sourceRoot":"","sources":["../../../src/types/resources/reaction.ts"],"names":[],"mappings":"","sourcesContent":["export interface ReactionCountResource {\n  type: 'ReactionCount'\n  id: string\n  value: 'thumbs_up' | 'thumbs_down' | 'pray' | 'laugh' | 'heart'\n  count: number\n  mine: number\n  messageId: string\n  authorIds: number[]\n}\n"]}
+{"version":3,"file":"reaction.js","sourceRoot":"","sources":["../../../src/types/resources/reaction.ts"],"names":[],"mappings":"","sourcesContent":["export interface ReactionCountResource {\n  type: 'ReactionCount'\n  id: string\n  value: 'thumbs_up' | 'thumbs_down' | 'pray' | 'laugh' | 'heart'\n  count: number\n  mine: number\n  messageId: string\n  authorIds: string[]\n}\n"]}

package/build/utils/cache/page_mutations.d.ts

@@ -14,7 +14,7 @@ export declare function updateRecordInPagesData<T extends ResourceObject>({ data
         pageParams: any;
     };
     record: T;
-    processRecord?: (_record: T) => T;
+    processRecord?: (_next: T, _prev?: T) => T;
 }): {
     pages: {
         data: T[];
@@ -29,9 +29,26 @@ export declare function addRecordInPagesData<T extends ResourceObject>({ data, r
         pageParams: any;
     };
     record: T;
-    processRecord?: (_record: T) => T;
+    processRecord?: (_next: T, _prev?: T) => T;
 }): {
     pages: ApiCollection<T>[];
     pageParams: any;
 } | undefined;
+/**
+ * deleteRecordInPagesData
+ */
+export declare function deleteRecordInPagesData<T extends ResourceObject>({ data, record, }: {
+    data?: {
+        pages: ApiCollection<T>[];
+        pageParams: any;
+    };
+    record: T;
+}): {
+    pages: {
+        data: T[];
+        links: Record<string, string>;
+        meta: import("../../types").CollectionMeta;
+    }[];
+    pageParams: any;
+} | undefined;
 //# sourceMappingURL=page_mutations.d.ts.map

package/build/utils/cache/page_mutations.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"page_mutations.d.ts","sourceRoot":"","sources":["../../../src/utils/cache/page_mutations.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA;AAE3D;;;GAGG;AACH,wBAAgB,uBAAuB,CAAC,CAAC,SAAS,cAAc,EAAE,EAChE,IAAI,EACJ,MAAM,EACN,aAAsB,GACvB,EAAE;IACD,IAAI,CAAC,EAAE;QAAE,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC;QAAC,UAAU,EAAE,GAAG,CAAA;KAAE,CAAA;IACrD,MAAM,EAAE,CAAC,CAAA;IACT,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,CAAC,KAAK,CAAC,CAAA;CAClC;;;;;;gBAHiD,GAAG;cA4BpD;AAED,wBAAgB,oBAAoB,CAAC,CAAC,SAAS,cAAc,EAAE,EAC7D,IAAI,EACJ,MAAM,EACN,aAAsB,GACvB,EAAE;IACD,IAAI,CAAC,EAAE;QAAE,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC;QAAC,UAAU,EAAE,GAAG,CAAA;KAAE,CAAA;IACrD,MAAM,EAAE,CAAC,CAAA;IACT,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,CAAC,KAAK,CAAC,CAAA;CAClC;;gBAHiD,GAAG;cAapD"}
+{"version":3,"file":"page_mutations.d.ts","sourceRoot":"","sources":["../../../src/utils/cache/page_mutations.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA;AAE3D;;;GAGG;AACH,wBAAgB,uBAAuB,CAAC,CAAC,SAAS,cAAc,EAAE,EAChE,IAAI,EACJ,MAAM,EACN,aAAsB,GACvB,EAAE;IACD,IAAI,CAAC,EAAE;QAAE,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC;QAAC,UAAU,EAAE,GAAG,CAAA;KAAE,CAAA;IACrD,MAAM,EAAE,CAAC,CAAA;IACT,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,CAAA;CAC3C;;;;;;gBAHiD,GAAG;cA4BpD;AAED,wBAAgB,oBAAoB,CAAC,CAAC,SAAS,cAAc,EAAE,EAC7D,IAAI,EACJ,MAAM,EACN,aAAsB,GACvB,EAAE;IACD,IAAI,CAAC,EAAE;QAAE,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC;QAAC,UAAU,EAAE,GAAG,CAAA;KAAE,CAAA;IACrD,MAAM,EAAE,CAAC,CAAA;IACT,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,CAAA;CAC3C;;gBAHiD,GAAG;cAapD;AAED;;GAEG;AACH,wBAAgB,uBAAuB,CAAC,CAAC,SAAS,cAAc,EAAE,EAChE,IAAI,EACJ,MAAM,GACP,EAAE;IACD,IAAI,CAAC,EAAE;QAAE,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC;QAAC,UAAU,EAAE,GAAG,CAAA;KAAE,CAAA;IACrD,MAAM,EAAE,CAAC,CAAA;CACV;;;;;;gBAFiD,GAAG;cAcpD"}

package/build/utils/cache/page_mutations.js

@@ -15,7 +15,7 @@ export function updateRecordInPagesData({ data, record, processRecord = r => r,
         const newData = page.data.map(message => {
             if (message.id === record.id) {
                 foundRecord = true;
-                return processRecord(record);
+                return processRecord(record, message);
             }
             return message;
         });
@@ -24,9 +24,9 @@ export function updateRecordInPagesData({ data, record, processRecord = r => r,
     if (!foundRecord) {
         // Can be used to add as well but it's not at all efficient. It's better to use addRecordInPagesData.
         // This is a fallback for when the record is not found in the cache.
-        const lastPage = { ...newPages[newPages.length - 1] };
-        lastPage.data = [...lastPage.data, processRecord(record)];
-        newPages[newPages.length - 1] = lastPage;
+        const firstPage = { ...newPages[0] };
+        firstPage.data = [processRecord(record), ...firstPage.data];
+        newPages[0] = firstPage;
     }
     return { ...data, pages: newPages };
 }
@@ -34,9 +34,23 @@ export function addRecordInPagesData({ data, record, processRecord = r => r, })
     if (!data)
         return data;
     const newPages = [...data.pages];
-    const lastPage = { ...newPages[newPages.length - 1] };
-    lastPage.data = [...lastPage.data, processRecord(record)];
-    newPages[newPages.length - 1] = lastPage;
+    const firstPage = { ...newPages[0] };
+    firstPage.data = [processRecord(record), ...firstPage.data];
+    newPages[0] = firstPage;
+    return { ...data, pages: newPages };
+}
+/**
+ * deleteRecordInPagesData
+ */
+export function deleteRecordInPagesData({ data, record, }) {
+    if (!data)
+        return data;
+    const newPages = data.pages.map(page => {
+        const newData = page.data.filter(message => {
+            return message.id !== record.id;
+        });
+        return { ...page, data: newData };
+    });
     return { ...data, pages: newPages };
 }
 //# sourceMappingURL=page_mutations.js.map

package/build/utils/cache/page_mutations.js.map

@@ -1 +1 @@
-{"version":3,"file":"page_mutations.js","sourceRoot":"","sources":["../../../src/utils/cache/page_mutations.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAIH;;;GAGG;AACH,MAAM,UAAU,uBAAuB,CAA2B,EAChE,IAAI,EACJ,MAAM,EACN,aAAa,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,GAKvB;IACC,IAAI,CAAC,IAAI;QAAE,OAAO,IAAI,CAAA;IAEtB,IAAI,WAAW,GAAG,KAAK,CAAA;IACvB,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE;QACrC,MAAM,OAAO,GAAG,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE;YACtC,IAAI,OAAO,CAAC,EAAE,KAAK,MAAM,CAAC,EAAE,EAAE,CAAC;gBAC7B,WAAW,GAAG,IAAI,CAAA;gBAClB,OAAO,aAAa,CAAC,MAAM,CAAC,CAAA;YAC9B,CAAC;YACD,OAAO,OAAO,CAAA;QAChB,CAAC,CAAC,CAAA;QAEF,OAAO,EAAE,GAAG,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,CAAA;IACnC,CAAC,CAAC,CAAA;IAEF,IAAI,CAAC,WAAW,EAAE,CAAC;QACjB,qGAAqG;QACrG,oEAAoE;QACpE,MAAM,QAAQ,GAAG,EAAE,GAAG,QAAQ,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,EAAE,CAAA;QACrD,QAAQ,CAAC,IAAI,GAAG,CAAC,GAAG,QAAQ,CAAC,IAAI,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC,CAAA;QACzD,QAAQ,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,GAAG,QAAQ,CAAA;IAC1C,CAAC;IAED,OAAO,EAAE,GAAG,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAA;AACrC,CAAC;AAED,MAAM,UAAU,oBAAoB,CAA2B,EAC7D,IAAI,EACJ,MAAM,EACN,aAAa,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,GAKvB;IACC,IAAI,CAAC,IAAI;QAAE,OAAO,IAAI,CAAA;IAEtB,MAAM,QAAQ,GAAG,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,CAAA;IAChC,MAAM,QAAQ,GAAG,EAAE,GAAG,QAAQ,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,EAAE,CAAA;IACrD,QAAQ,CAAC,IAAI,GAAG,CAAC,GAAG,QAAQ,CAAC,IAAI,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC,CAAA;IAEzD,QAAQ,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,GAAG,QAAQ,CAAA;IAExC,OAAO,EAAE,GAAG,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAA;AACrC,CAAC","sourcesContent":["/**\n * Helpers to handle updating messages in the cache\n * Messages are ordered by ULID on the client so we may\n * have diverging logic from other kinds of api data\n */\n\nimport { ApiCollection, ResourceObject } from '../../types'\n\n/**\n * updateRecordInPagesData\n * Can be used to add as well but it's not at all efficient. It's better to use addRecordInPagesData.\n */\nexport function updateRecordInPagesData<T extends ResourceObject>({\n  data,\n  record,\n  processRecord = r => r,\n}: {\n  data?: { pages: ApiCollection<T>[]; pageParams: any }\n  record: T\n  processRecord?: (_record: T) => T\n}) {\n  if (!data) return data\n\n  let foundRecord = false\n  const newPages = data.pages.map(page => {\n    const newData = page.data.map(message => {\n      if (message.id === record.id) {\n        foundRecord = true\n        return processRecord(record)\n      }\n      return message\n    })\n\n    return { ...page, data: newData }\n  })\n\n  if (!foundRecord) {\n    // Can be used to add as well but it's not at all efficient. It's better to use addRecordInPagesData.\n    // This is a fallback for when the record is not found in the cache.\n    const lastPage = { ...newPages[newPages.length - 1] }\n    lastPage.data = [...lastPage.data, processRecord(record)]\n    newPages[newPages.length - 1] = lastPage\n  }\n\n  return { ...data, pages: newPages }\n}\n\nexport function addRecordInPagesData<T extends ResourceObject>({\n  data,\n  record,\n  processRecord = r => r,\n}: {\n  data?: { pages: ApiCollection<T>[]; pageParams: any }\n  record: T\n  processRecord?: (_record: T) => T\n}) {\n  if (!data) return data\n\n  const newPages = [...data.pages]\n  const lastPage = { ...newPages[newPages.length - 1] }\n  lastPage.data = [...lastPage.data, processRecord(record)]\n\n  newPages[newPages.length - 1] = lastPage\n\n  return { ...data, pages: newPages }\n}\n"]}
+{"version":3,"file":"page_mutations.js","sourceRoot":"","sources":["../../../src/utils/cache/page_mutations.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAIH;;;GAGG;AACH,MAAM,UAAU,uBAAuB,CAA2B,EAChE,IAAI,EACJ,MAAM,EACN,aAAa,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,GAKvB;IACC,IAAI,CAAC,IAAI;QAAE,OAAO,IAAI,CAAA;IAEtB,IAAI,WAAW,GAAG,KAAK,CAAA;IACvB,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE;QACrC,MAAM,OAAO,GAAG,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE;YACtC,IAAI,OAAO,CAAC,EAAE,KAAK,MAAM,CAAC,EAAE,EAAE,CAAC;gBAC7B,WAAW,GAAG,IAAI,CAAA;gBAClB,OAAO,aAAa,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;YACvC,CAAC;YACD,OAAO,OAAO,CAAA;QAChB,CAAC,CAAC,CAAA;QAEF,OAAO,EAAE,GAAG,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,CAAA;IACnC,CAAC,CAAC,CAAA;IAEF,IAAI,CAAC,WAAW,EAAE,CAAC;QACjB,qGAAqG;QACrG,oEAAoE;QACpE,MAAM,SAAS,GAAG,EAAE,GAAG,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAA;QACpC,SAAS,CAAC,IAAI,GAAG,CAAC,aAAa,CAAC,MAAM,CAAC,EAAE,GAAG,SAAS,CAAC,IAAI,CAAC,CAAA;QAC3D,QAAQ,CAAC,CAAC,CAAC,GAAG,SAAS,CAAA;IACzB,CAAC;IAED,OAAO,EAAE,GAAG,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAA;AACrC,CAAC;AAED,MAAM,UAAU,oBAAoB,CAA2B,EAC7D,IAAI,EACJ,MAAM,EACN,aAAa,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,GAKvB;IACC,IAAI,CAAC,IAAI;QAAE,OAAO,IAAI,CAAA;IAEtB,MAAM,QAAQ,GAAG,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,CAAA;IAChC,MAAM,SAAS,GAAG,EAAE,GAAG,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAA;IACpC,SAAS,CAAC,IAAI,GAAG,CAAC,aAAa,CAAC,MAAM,CAAC,EAAE,GAAG,SAAS,CAAC,IAAI,CAAC,CAAA;IAE3D,QAAQ,CAAC,CAAC,CAAC,GAAG,SAAS,CAAA;IAEvB,OAAO,EAAE,GAAG,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAA;AACrC,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,uBAAuB,CAA2B,EAChE,IAAI,EACJ,MAAM,GAIP;IACC,IAAI,CAAC,IAAI;QAAE,OAAO,IAAI,CAAA;IAEtB,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE;QACrC,MAAM,OAAO,GAAG,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE;YACzC,OAAO,OAAO,CAAC,EAAE,KAAK,MAAM,CAAC,EAAE,CAAA;QACjC,CAAC,CAAC,CAAA;QAEF,OAAO,EAAE,GAAG,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,CAAA;IACnC,CAAC,CAAC,CAAA;IAEF,OAAO,EAAE,GAAG,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAA;AACrC,CAAC","sourcesContent":["/**\n * Helpers to handle updating messages in the cache\n * Messages are ordered by ULID on the client so we may\n * have diverging logic from other kinds of api data\n */\n\nimport { ApiCollection, ResourceObject } from '../../types'\n\n/**\n * updateRecordInPagesData\n * Can be used to add as well but it's not at all efficient. It's better to use addRecordInPagesData.\n */\nexport function updateRecordInPagesData<T extends ResourceObject>({\n  data,\n  record,\n  processRecord = r => r,\n}: {\n  data?: { pages: ApiCollection<T>[]; pageParams: any }\n  record: T\n  processRecord?: (_next: T, _prev?: T) => T\n}) {\n  if (!data) return data\n\n  let foundRecord = false\n  const newPages = data.pages.map(page => {\n    const newData = page.data.map(message => {\n      if (message.id === record.id) {\n        foundRecord = true\n        return processRecord(record, message)\n      }\n      return message\n    })\n\n    return { ...page, data: newData }\n  })\n\n  if (!foundRecord) {\n    // Can be used to add as well but it's not at all efficient. It's better to use addRecordInPagesData.\n    // This is a fallback for when the record is not found in the cache.\n    const firstPage = { ...newPages[0] }\n    firstPage.data = [processRecord(record), ...firstPage.data]\n    newPages[0] = firstPage\n  }\n\n  return { ...data, pages: newPages }\n}\n\nexport function addRecordInPagesData<T extends ResourceObject>({\n  data,\n  record,\n  processRecord = r => r,\n}: {\n  data?: { pages: ApiCollection<T>[]; pageParams: any }\n  record: T\n  processRecord?: (_next: T, _prev?: T) => T\n}) {\n  if (!data) return data\n\n  const newPages = [...data.pages]\n  const firstPage = { ...newPages[0] }\n  firstPage.data = [processRecord(record), ...firstPage.data]\n\n  newPages[0] = firstPage\n\n  return { ...data, pages: newPages }\n}\n\n/**\n * deleteRecordInPagesData\n */\nexport function deleteRecordInPagesData<T extends ResourceObject>({\n  data,\n  record,\n}: {\n  data?: { pages: ApiCollection<T>[]; pageParams: any }\n  record: T\n}) {\n  if (!data) return data\n\n  const newPages = data.pages.map(page => {\n    const newData = page.data.filter(message => {\n      return message.id !== record.id\n    })\n\n    return { ...page, data: newData }\n  })\n\n  return { ...data, pages: newPages }\n}\n"]}

package/build/utils/date.d.ts

@@ -0,0 +1,4 @@
+type DateProps = string | number | Date;
+export declare function formatDatePreview(date?: DateProps): any;
+export {};
+//# sourceMappingURL=date.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"date.d.ts","sourceRoot":"","sources":["../../src/utils/date.ts"],"names":[],"mappings":"AAGA,KAAK,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,IAAI,CAAA;AAEvC,wBAAgB,iBAAiB,CAAC,IAAI,CAAC,EAAE,SAAS,OAcjD"}

package/build/utils/date.js

@@ -0,0 +1,23 @@
+import { date as formatDate } from '@planningcenter/datetime-fmt';
+import moment from 'moment-timezone';
+export function formatDatePreview(date) {
+    if (!date)
+        return '';
+    const now = moment();
+    const isToday = now.isSame(date, 'day');
+    const isThisWeek = now.isSame(date, 'week');
+    const isThisYear = now.isSame(date, 'year');
+    if (isToday)
+        return moment(date).format('h:mm a');
+    if (isThisWeek)
+        return formatDate(date, { style: 'relative-short' });
+    if (isThisYear)
+        return formatDate(date, { style: 'abbreviated' });
+    // TODO: Org date format
+    return formatShorterDate(date);
+}
+const formatShorterDate = (date) => {
+    // Drop the century from the year
+    return formatDate(date, { style: 'short', year: true }).replace(/20(\d{2})/, '$1');
+};
+//# sourceMappingURL=date.js.map

package/build/utils/date.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date.js","sourceRoot":"","sources":["../../src/utils/date.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,IAAI,UAAU,EAAE,MAAM,8BAA8B,CAAA;AACjE,OAAO,MAAM,MAAM,iBAAiB,CAAA;AAIpC,MAAM,UAAU,iBAAiB,CAAC,IAAgB;IAChD,IAAI,CAAC,IAAI;QAAE,OAAO,EAAE,CAAA;IAEpB,MAAM,GAAG,GAAG,MAAM,EAAE,CAAA;IACpB,MAAM,OAAO,GAAG,GAAG,CAAC,MAAM,CAAC,IAAI,EAAE,KAAK,CAAC,CAAA;IACvC,MAAM,UAAU,GAAG,GAAG,CAAC,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,CAAA;IAC3C,MAAM,UAAU,GAAG,GAAG,CAAC,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,CAAA;IAE3C,IAAI,OAAO;QAAE,OAAO,MAAM,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAA;IACjD,IAAI,UAAU;QAAE,OAAO,UAAU,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE,gBAAgB,EAAE,CAAC,CAAA;IACpE,IAAI,UAAU;QAAE,OAAO,UAAU,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE,aAAa,EAAE,CAAC,CAAA;IAEjE,wBAAwB;IACxB,OAAO,iBAAiB,CAAC,IAAI,CAAC,CAAA;AAChC,CAAC;AAED,MAAM,iBAAiB,GAAG,CAAC,IAAe,EAAE,EAAE;IAC5C,iCAAiC;IACjC,OAAO,UAAU,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC,OAAO,CAAC,WAAW,EAAE,IAAI,CAAC,CAAA;AACpF,CAAC,CAAA","sourcesContent":["import { date as formatDate } from '@planningcenter/datetime-fmt'\nimport moment from 'moment-timezone'\n\ntype DateProps = string | number | Date\n\nexport function formatDatePreview(date?: DateProps) {\n  if (!date) return ''\n\n  const now = moment()\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 moment(date).format('h:mm a')\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"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@planningcenter/chat-react-native",
-  "version": "2.0.1-rc.0",
+  "version": "2.1.0-rc.1",
   "description": "",
   "main": "build/index.js",
   "types": "build/index.d.ts",
@@ -24,13 +24,17 @@
     "react-native-url-polyfill": "^2.0.0"
   },
   "peerDependencies": {
-    "@planningcenter/icons": "^15.17.0",
+    "@planningcenter/datetime-fmt": ">=1.0.0",
+    "@planningcenter/icons": ">=15.0.0",
+    "@planningcenter/jolt-client": ">=2.0.0",
     "@react-navigation/elements": "*",
     "@react-navigation/native": ">=7.0.0",
     "@react-navigation/native-stack": ">=7.0.0",
     "@tanstack/react-query": "^5.0.0",
     "color": "^3.1.2",
     "lodash": "*",
+    "moment": ">=2.0.0",
+    "moment-timezone": ">=2.0.0",
     "react": "*",
     "react-native": "*",
     "react-native-device-info": "*",
@@ -47,5 +51,5 @@
     "prettier": "^3.4.2",
     "typescript": "<5.6.0"
   },
-  "gitHead": "06d7daa82162274562468d89e060fa707cbbd7a3"
+  "gitHead": "f75cb36bdd241b841ea1279d73c772ed5210bb8a"
 }

package/src/__tests__/utils/cache/page_mutations.ts

@@ -1,4 +1,4 @@
-import { addRecordInPagesData, updateRecordInPagesData } from '../../../utils/'
+import { deleteRecordInPagesData, updateRecordInPagesData } from '../../../utils/'
 
 const data = {
   pageParams: {},
@@ -105,6 +105,7 @@ describe('updateRecordInPagesData', () => {
       pages: [
         {
           data: [
+            { id, type: 'Message', text: `updated example ${id}` },
             { id: '1', type: 'Message', text: 'message 1' },
             { id: '2', type: 'Message', text: 'message 2' },
           ],
@@ -116,7 +117,6 @@ describe('updateRecordInPagesData', () => {
           data: [
             { id: '3', type: 'Message', text: 'message 3' },
             { id: '4', type: 'Message', text: 'message 4' },
-            { id, type: 'Message', text: `updated example ${id}` },
           ],
           included: [],
           links: {},
@@ -127,49 +127,14 @@ describe('updateRecordInPagesData', () => {
   })
 })
 
-describe('addRecordInPagesData', () => {
-  it('should add records that do not yet exist', () => {
-    const id = '7'
+describe('deleteRecordInPagesData', () => {
+  it('should delete records from page', () => {
+    const id = '4'
     const record = createRecord({ id })
 
-    const result = addRecordInPagesData<typeof record>({
-      data,
-      record,
-    })
-
-    expect(result).toEqual({
-      pageParams: {},
-      pages: [
-        {
-          data: [
-            { id: '1', type: 'Message', text: 'message 1' },
-            { id: '2', type: 'Message', text: 'message 2' },
-          ],
-          included: [],
-          links: {},
-          meta: { count: 2, totalCount: 2 },
-        },
-        {
-          data: [
-            { id: '3', type: 'Message', text: 'message 3' },
-            { id: '4', type: 'Message', text: 'message 4' },
-            record,
-          ],
-          included: [],
-          links: {},
-          meta: { count: 2, totalCount: 2 },
-        },
-      ],
-    })
-  })
-
-  it('should add the record in the pages data and update with a custom processRecord function', () => {
-    const id = '8'
-    const record = createRecord({ id })
-    const result = addRecordInPagesData<typeof record>({
+    const result = deleteRecordInPagesData<typeof record>({
       data,
       record,
-      processRecord: r => ({ ...r, text: 'updated ' + r.text }),
     })
 
     expect(result).toEqual({
@@ -185,11 +150,7 @@ describe('addRecordInPagesData', () => {
           meta: { count: 2, totalCount: 2 },
         },
         {
-          data: [
-            { id: '3', type: 'Message', text: 'message 3' },
-            { id: '4', type: 'Message', text: 'message 4' },
-            { ...record, text: `updated example ${id}` },
-          ],
+          data: [{ id: '3', type: 'Message', text: 'message 3' }],
           included: [],
           links: {},
           meta: { count: 2, totalCount: 2 },

package/src/components/conversation/message.tsx

@@ -7,6 +7,7 @@ import { MessageReaction } from '../../components/conversation/message_reaction'
 import { Avatar, Text } from '../../components/display'
 import { useTheme } from '../../hooks'
 import { MessageResource } from '../../types'
+import { ReactionCountResource } from '../../types/resources/reaction'
 
 /** Message
  * Component for display of a message within a conversation list
@@ -21,9 +22,13 @@ export function Message(props: MessageResource & { conversation_id: string }) {
       conversation_id,
     })
   }
-  // TODO: open the reaction screen to show who reacted
-  const handleReactionPress = handleMessagePress
-
+  const handleReactionPress = (reaction: ReactionCountResource) => {
+    navigation.navigate('Reactions', {
+      message_id: props.id,
+      conversation_id,
+      reaction_value: reaction.value,
+    })
+  }
   if (!text) return null
 
   return (

package/src/components/conversation/message_reaction.tsx

@@ -19,12 +19,16 @@ export function MessageReaction({
   onPress,
 }: {
   reaction: ReactionCountResource
-  onPress: () => void
+  onPress: (_reaction: ReactionCountResource) => void
 }) {
   const styles = useReactionStyles(reaction)
 
   return (
-    <PlatformPressable key={reaction.value} style={styles.reaction} onPress={onPress}>
+    <PlatformPressable
+      key={reaction.value}
+      style={styles.reaction}
+      onPress={() => onPress(reaction)}
+    >
       <Text style={styles.reactionEmoji}>{REACTION_EMOJIS[reaction.value]}</Text>
       <Text style={styles.reactionText}>{reaction.count}</Text>
     </PlatformPressable>

package/src/components/conversations.tsx

@@ -1,45 +1,42 @@
 import { useNavigation } from '@react-navigation/native'
 import React from 'react'
-import { FlatList, Pressable, StyleSheet } from 'react-native'
+import { FlatList, Pressable, StyleSheet, View } from 'react-native'
 import { useTheme } from '../hooks'
-import { useSuspensePaginator } from '../hooks/use_suspense_api'
-import { ConversationResource } from '../types'
-import { GetRequest } from '../utils/client/types'
-import { Heading, Text } from './display'
+import { useConversationsJoltEvents } from '../hooks/use_conversation_jolt_events'
+import { useConversations } from '../hooks/use_conversations'
+import { formatDatePreview } from '../utils/date'
+import { AvatarGroup, Badge, Heading, Text, TextButton } from './display'
 
 export const Conversations = () => {
   const styles = useStyles()
-  const request: GetRequest = {
-    url: '/me/conversations',
-    data: {
-      perPage: 20,
-      order: '-last_message',
-      fields: {
-        Conversation: [
-          'title',
-          'last_message_created_at',
-          'last_message_author_name',
-          'last_message_text_preview',
-          'unread_count',
-        ],
-      },
-    },
-  }
-  const { data: conversations, fetchNextPage } = useSuspensePaginator<ConversationResource>(request)
+
+  const { conversations, fetchNextPage, refetch, isRefetching } = useConversations()
 
   // TODO: Filter using the API
   const nonEmptyConversations = conversations.filter(c => c.lastMessageTextPreview) || []
-
   const navigation = useNavigation()
 
+  useConversationsJoltEvents()
+
   return (
     <FlatList
       data={nonEmptyConversations}
       contentContainerStyle={styles.container}
       style={styles.scrollView}
+      onRefresh={refetch}
+      refreshing={isRefetching}
+      ListHeaderComponent={
+        <View style={styles.header}>
+          <Heading numberOfLines={1} variant="h2">
+            Conversations
+          </Heading>
+          <TextButton>Mark all read</TextButton>
+        </View>
+      }
       ListEmptyComponent={<Text>No conversations found</Text>}
       renderItem={({ item }) => (
         <Pressable
+          style={styles.conversation}
           onPress={() =>
             navigation.navigate('Conversation', {
               conversation_id: item.id,
@@ -47,12 +44,30 @@ export const Conversations = () => {
             })
           }
         >
-          <Heading numberOfLines={1} variant="h3">
-            {item.title}
-          </Heading>
-          <Text style={styles.listItem}>
-            {item.lastMessageAuthorName}: {item.lastMessageTextPreview}
-          </Text>
+          <AvatarGroup size="lg" sourceUris={item.previewAvatarUrls || []} />
+          <View style={styles.conversationBody}>
+            <Heading numberOfLines={1} variant="h3" style={styles.conversationTitle}>
+              {item.title}
+            </Heading>
+            <Text style={styles.listItem} numberOfLines={2}>
+              {item.lastMessageAuthorName}: {item.lastMessageTextPreview}
+            </Text>
+            <View style={styles.conversationBadges}>
+              {item.badges?.map(badge => (
+                <Badge
+                  key={badge.text}
+                  variant="meta"
+                  productLogoName={badge.appName}
+                  label={badge.pcoResourceType}
+                  metaLabel={badge.text || ''}
+                />
+              ))}
+            </View>
+          </View>
+          <View style={styles.conversationExtra}>
+            <Text variant="secondary">{formatDatePreview(item.lastMessageCreatedAt)}</Text>
+            <UnreadCountBadge count={item.unreadCount} />
+          </View>
         </Pressable>
       )}
       onEndReached={() => fetchNextPage()}
@@ -60,13 +75,61 @@ export const Conversations = () => {
   )
 }
 
+const UnreadCountBadge = ({ count }: { count: number }) => {
+  const styles = useStyles()
+  const displayCount = count > 99 ? '99+' : count
+
+  if (count === 0) return null
+
+  return (
+    <Text variant="tertiary" style={styles.unreadCountBadge}>
+      {displayCount}
+    </Text>
+  )
+}
+
 const useStyles = () => {
   const { colors } = useTheme()
 
   return StyleSheet.create({
-    scrollView: { flex: 1, backgroundColor: colors.fillColorNeutral090 },
-    container: { gap: 8, padding: 16 },
-    foo: { fontSize: 24, color: colors.testColor },
+    header: {
+      flexDirection: 'row',
+      justifyContent: 'space-between',
+      paddingTop: 8,
+      paddingBottom: 8,
+      paddingHorizontal: 16,
+    },
+    scrollView: { flex: 1 },
+    container: { gap: 8, paddingVertical: 16 },
     listItem: { color: colors.fillColorNeutral020 },
+    conversation: {
+      flexDirection: 'row',
+      gap: 8,
+      borderBottomWidth: 1,
+      borderBottomColor: colors.fillColorNeutral060,
+      paddingTop: 4,
+      paddingBottom: 12,
+      paddingHorizontal: 16,
+    },
+    conversationTitle: {},
+    conversationBody: {
+      flex: 1,
+      rowGap: 2,
+    },
+    conversationExtra: {
+      rowGap: 2,
+    },
+    conversationBadges: {
+      marginTop: 4,
+      alignItems: 'flex-start',
+    },
+    unreadCountBadge: {
+      alignSelf: 'flex-end',
+      backgroundColor: colors.interaction,
+      paddingVertical: 0,
+      paddingHorizontal: 10,
+      borderRadius: 24,
+      color: 'white',
+    },
   })
 }

package/src/components/display/badge.tsx

@@ -54,12 +54,7 @@ type VariantStyles = Record<
   }
 >
 
-const LOGO_NAMES = {
-  groups: 'groups',
-  services: 'services',
-} as const
-
-type PoductLogoNameUnion = (typeof LOGO_NAMES)[keyof typeof LOGO_NAMES]
+type ProductLogoName = 'Groups' | 'Services' | 'groups' | 'services'
 
 const PRODUCT_LOGO_COMPONENT_MAP = {
   groups: GroupsLogo,
@@ -90,7 +85,7 @@ interface BadgeProps {
   /**
    * Adds a product logo to the left of the text.
    */
-  productLogoName?: PoductLogoNameUnion
+  productLogoName?: ProductLogoName
   /**
    * Shows an icon of the user choice to the left of the text.
    */
@@ -123,7 +118,7 @@ export function Badge({
   const hasMetaLabel = Boolean(metaLabel)
 
   const showLogo = showBadgeLogo && productLogoName && isMeta
-  const ProductLogoSvg = showLogo && PRODUCT_LOGO_COMPONENT_MAP[productLogoName]
+  const ProductLogoSvg = showLogo && PRODUCT_LOGO_COMPONENT_MAP[productLogoName?.toLowerCase()]
   const badgeLabel = isMetaSubtle && hasMetaLabel ? `${label}:` : label
 
   return (