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

package/build/screens/reactions_screen.js

@@ -0,0 +1,83 @@
+import React from 'react';
+import { FlatList, StyleSheet, useWindowDimensions, View } from 'react-native';
+import { useSafeAreaInsets } from 'react-native-safe-area-context';
+import { Avatar, Text } from '../components';
+import { REACTION_EMOJIS, useReactionStyles } from '../components/conversation/message_reaction';
+import { Tabs } from '../components/display/tabs';
+import { useSuspenseGet, useTheme } from '../hooks';
+import { useConversationMessages } from '../hooks/use_conversation_messages';
+export const ReactionsScreenOptions = {
+    presentation: 'formSheet',
+    headerShown: false,
+    sheetAllowedDetents: [0.5],
+    sheetGrabberVisible: true,
+};
+export function ReactionsScreen({ route }) {
+    const { conversation_id, message_id, reaction_value } = route.params;
+    const styles = useStyles();
+    const { messages } = useConversationMessages({ conversation_id }, { refetchOnMount: false });
+    const { data: members } = useSuspenseGet({
+        url: `/me/conversations/${conversation_id}/members`,
+        data: {
+            fields: {
+                Member: ['id', 'name', 'avatar', 'badges', 'child', 'role'],
+            },
+        },
+    });
+    const message = messages.find(m => m.id === message_id);
+    const reactionCounts = message?.reactionCounts || [];
+    const initialReactionCount = reactionCounts.find(r => r.value === reaction_value) || reactionCounts[0];
+    const [reactionCount, setReactionCount] = React.useState(initialReactionCount);
+    const authorIds = reactionCount.authorIds;
+    const authors = members.filter(member => authorIds.includes(member.id));
+    return (<View style={styles.container}>
+      <Tabs data={reactionCounts} activeTab={reactionCount} onTabPress={setReactionCount} renderItem={({ item }) => (<Reaction active={reactionCount.id === item.id} reaction={item} onPress={() => setReactionCount(item)}/>)} style={styles.actions}/>
+      <FlatList data={authors} keyExtractor={item => item.id} renderItem={({ item: author }) => (<View style={styles.authorList}>
+            <Avatar size={'md'} sourceUri={author.avatar}/>
+            <Text key={author.id}>{author.name}</Text>
+          </View>)}/>
+    </View>);
+}
+const Reaction = ({ reaction, }) => {
+    const styles = useStyles();
+    const reactionStyles = useReactionStyles({ mine: reaction.mine ? 1 : 0 });
+    return (<View key={reaction.value} style={styles.reaction}>
+      <Text style={reactionStyles.reactionEmoji}>{REACTION_EMOJIS[reaction.value]}</Text>
+      <Text style={reactionStyles.reactionEmoji}>{reaction.count}</Text>
+    </View>);
+};
+const useStyles = () => {
+    const theme = useTheme();
+    const { height } = useWindowDimensions();
+    const { bottom } = useSafeAreaInsets();
+    return StyleSheet.create({
+        container: {
+            justifyContent: 'flex-start',
+            paddingTop: 12,
+            paddingBottom: bottom,
+            width: '100%',
+            backgroundColor: theme.colors.fillColorNeutral100Inverted,
+            height,
+            gap: 8,
+        },
+        authorList: {
+            flexDirection: 'row',
+            alignItems: 'center',
+            gap: 8,
+            paddingHorizontal: 12,
+            paddingVertical: 12,
+        },
+        reaction: {
+            paddingVertical: 12,
+            paddingHorizontal: 12,
+            flexDirection: 'row',
+            gap: 4,
+        },
+        actions: {
+            minHeight: 48,
+            borderBottomColor: theme.colors.fillColorNeutral040,
+            borderBottomWidth: 1,
+        },
+    });
+};
+//# sourceMappingURL=reactions_screen.js.map

package/build/screens/reactions_screen.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"reactions_screen.js","sourceRoot":"","sources":["../../src/screens/reactions_screen.tsx"],"names":[],"mappings":"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","sourcesContent":["import { StaticScreenProps } from '@react-navigation/native'\nimport { NativeStackNavigationOptions } from '@react-navigation/native-stack'\nimport React from 'react'\nimport { FlatList, StyleSheet, useWindowDimensions, View } from 'react-native'\nimport { useSafeAreaInsets } from 'react-native-safe-area-context'\nimport { Avatar, Text } from '../components'\nimport { REACTION_EMOJIS, useReactionStyles } from '../components/conversation/message_reaction'\nimport { Tabs } from '../components/display/tabs'\nimport { useSuspenseGet, useTheme } from '../hooks'\nimport { useConversationMessages } from '../hooks/use_conversation_messages'\nimport { MemberResource } from '../types'\nimport { ReactionCountResource } from '../types/resources/reaction'\n\nexport const ReactionsScreenOptions: NativeStackNavigationOptions = {\n  presentation: 'formSheet',\n  headerShown: false,\n  sheetAllowedDetents: [0.5],\n  sheetGrabberVisible: true,\n}\n\nexport type ReactionScreenProps = StaticScreenProps<{\n  message_id: string\n  conversation_id: string\n  reaction_value?: string\n}>\n\nexport function ReactionsScreen({ route }: ReactionScreenProps) {\n  const { conversation_id, message_id, reaction_value } = route.params\n  const styles = useStyles()\n\n  const { messages } = useConversationMessages({ conversation_id }, { refetchOnMount: false })\n  const { data: members } = useSuspenseGet<MemberResource[]>({\n    url: `/me/conversations/${conversation_id}/members`,\n    data: {\n      fields: {\n        Member: ['id', 'name', 'avatar', 'badges', 'child', 'role'],\n      },\n    },\n  })\n  const message = messages.find(m => m.id === message_id)\n  const reactionCounts = message?.reactionCounts || []\n  const initialReactionCount =\n    reactionCounts.find(r => r.value === reaction_value) || reactionCounts[0]\n  const [reactionCount, setReactionCount] =\n    React.useState<ReactionCountResource>(initialReactionCount)\n\n  const authorIds = reactionCount.authorIds\n  const authors = members.filter(member => authorIds.includes(member.id))\n\n  return (\n    <View style={styles.container}>\n      <Tabs\n        data={reactionCounts}\n        activeTab={reactionCount}\n        onTabPress={setReactionCount}\n        renderItem={({ item }) => (\n          <Reaction\n            active={reactionCount.id === item.id}\n            reaction={item}\n            onPress={() => setReactionCount(item)}\n          />\n        )}\n        style={styles.actions}\n      />\n      <FlatList\n        data={authors}\n        keyExtractor={item => item.id}\n        renderItem={({ item: author }) => (\n          <View style={styles.authorList}>\n            <Avatar size={'md'} sourceUri={author.avatar} />\n            <Text key={author.id}>{author.name}</Text>\n          </View>\n        )}\n      />\n    </View>\n  )\n}\n\nconst Reaction = ({\n  reaction,\n}: {\n  active: boolean\n  reaction: ReactionCountResource\n  onPress: () => void\n}) => {\n  const styles = useStyles()\n  const reactionStyles = useReactionStyles({ mine: reaction.mine ? 1 : 0 })\n\n  return (\n    <View key={reaction.value} style={styles.reaction}>\n      <Text style={reactionStyles.reactionEmoji}>{REACTION_EMOJIS[reaction.value]}</Text>\n      <Text style={reactionStyles.reactionEmoji}>{reaction.count}</Text>\n    </View>\n  )\n}\n\nconst useStyles = () => {\n  const theme = useTheme()\n  const { height } = useWindowDimensions()\n  const { bottom } = useSafeAreaInsets()\n\n  return StyleSheet.create({\n    container: {\n      justifyContent: 'flex-start',\n      paddingTop: 12,\n      paddingBottom: bottom,\n      width: '100%',\n      backgroundColor: theme.colors.fillColorNeutral100Inverted,\n      height,\n      gap: 8,\n    },\n    authorList: {\n      flexDirection: 'row',\n      alignItems: 'center',\n      gap: 8,\n      paddingHorizontal: 12,\n      paddingVertical: 12,\n    },\n    reaction: {\n      paddingVertical: 12,\n      paddingHorizontal: 12,\n      flexDirection: 'row',\n      gap: 4,\n    },\n    actions: {\n      minHeight: 48,\n      borderBottomColor: theme.colors.fillColorNeutral040,\n      borderBottomWidth: 1,\n    },\n  })\n}\n"]}

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

@@ -0,0 +1,2 @@
+export type AppName = 'Services' | 'Groups';
+//# sourceMappingURL=app_name.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"app_name.d.ts","sourceRoot":"","sources":["../../../src/types/resources/app_name.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,OAAO,GAAG,UAAU,GAAG,QAAQ,CAAA"}

package/build/types/resources/app_name.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"app_name.js","sourceRoot":"","sources":["../../../src/types/resources/app_name.ts"],"names":[],"mappings":"","sourcesContent":["export type AppName = 'Services' | 'Groups'\n"]}

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

@@ -1,15 +1,23 @@
-import type { ResourceObject } from '../api_primitives';
-export interface ConversationResource extends ResourceObject {
-    title: string;
-    subtitle: string;
+import { ConversationBadgeResource } from './conversation_badge';
+import { GroupResource } from './group_resource';
+import { MemberAbilityResource } from './member_ability';
+export interface ConversationResource {
+    type: 'Conversation';
+    id: string;
+    badges?: ConversationBadgeResource[];
     createdAt: string;
-    updatedAt: string;
+    deleted?: boolean;
+    groups?: GroupResource[];
+    previewAvatarUrls?: string[];
+    lastMessageAuthorId?: string;
+    lastMessageAuthorName?: string;
+    lastMessageCreatedAt?: string;
+    lastMessageTextPreview?: string;
+    memberAbility?: MemberAbilityResource;
+    muted: boolean;
     repliesDisabled: boolean;
-    lastMessageAuthorId: string;
-    lastMessageAuthorName: string;
-    lastMessageCreatedAt: string;
-    lastMessageTextPreview: string;
+    title: string;
     unreadCount: number;
-    muted: boolean;
+    updatedAt: string;
 }
 //# sourceMappingURL=conversation.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"conversation.d.ts","sourceRoot":"","sources":["../../../src/types/resources/conversation.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAEvD,MAAM,WAAW,oBAAqB,SAAQ,cAAc;IAC1D,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,MAAM,CAAA;IAChB,SAAS,EAAE,MAAM,CAAA;IACjB,SAAS,EAAE,MAAM,CAAA;IACjB,eAAe,EAAE,OAAO,CAAA;IACxB,mBAAmB,EAAE,MAAM,CAAA;IAC3B,qBAAqB,EAAE,MAAM,CAAA;IAC7B,oBAAoB,EAAE,MAAM,CAAA;IAC5B,sBAAsB,EAAE,MAAM,CAAA;IAC9B,WAAW,EAAE,MAAM,CAAA;IACnB,KAAK,EAAE,OAAO,CAAA;CACf"}
+{"version":3,"file":"conversation.d.ts","sourceRoot":"","sources":["../../../src/types/resources/conversation.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,yBAAyB,EAAE,MAAM,sBAAsB,CAAA;AAChE,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAChD,OAAO,EAAE,qBAAqB,EAAE,MAAM,kBAAkB,CAAA;AAExD,MAAM,WAAW,oBAAoB;IACnC,IAAI,EAAE,cAAc,CAAA;IACpB,EAAE,EAAE,MAAM,CAAA;IACV,MAAM,CAAC,EAAE,yBAAyB,EAAE,CAAA;IACpC,SAAS,EAAE,MAAM,CAAA;IACjB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,MAAM,CAAC,EAAE,aAAa,EAAE,CAAA;IACxB,iBAAiB,CAAC,EAAE,MAAM,EAAE,CAAA;IAC5B,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,qBAAqB,CAAC,EAAE,MAAM,CAAA;IAC9B,oBAAoB,CAAC,EAAE,MAAM,CAAA;IAC7B,sBAAsB,CAAC,EAAE,MAAM,CAAA;IAC/B,aAAa,CAAC,EAAE,qBAAqB,CAAA;IACrC,KAAK,EAAE,OAAO,CAAA;IACd,eAAe,EAAE,OAAO,CAAA;IACxB,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,EAAE,MAAM,CAAA;IACnB,SAAS,EAAE,MAAM,CAAA;CAClB"}

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

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

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

@@ -0,0 +1,12 @@
+import { AppName } from './app_name';
+export interface ConversationBadgeResource {
+    type: 'ConversationBadge';
+    id: string;
+    links: {
+        self: string;
+    };
+    text: string | null;
+    appName: AppName;
+    pcoResourceType: string;
+}
+//# sourceMappingURL=conversation_badge.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"conversation_badge.d.ts","sourceRoot":"","sources":["../../../src/types/resources/conversation_badge.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAA;AAEpC,MAAM,WAAW,yBAAyB;IACxC,IAAI,EAAE,mBAAmB,CAAA;IACzB,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE;QAAE,IAAI,EAAE,MAAM,CAAA;KAAE,CAAA;IACvB,IAAI,EAAE,MAAM,GAAG,IAAI,CAAA;IACnB,OAAO,EAAE,OAAO,CAAA;IAChB,eAAe,EAAE,MAAM,CAAA;CACxB"}

package/build/types/resources/conversation_badge.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"conversation_badge.js","sourceRoot":"","sources":["../../../src/types/resources/conversation_badge.ts"],"names":[],"mappings":"","sourcesContent":["import { AppName } from './app_name'\n\nexport interface ConversationBadgeResource {\n  type: 'ConversationBadge'\n  id: string\n  links: { self: string }\n  text: string | null\n  appName: AppName\n  pcoResourceType: string\n}\n"]}

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

@@ -0,0 +1,12 @@
+import { AppName } from './app_name';
+export interface GroupResource {
+    type: 'Group';
+    id: string;
+    links: {
+        self: string;
+    };
+    name: string | null;
+    sourceAppName: AppName;
+    sourceType: string;
+}
+//# sourceMappingURL=group_resource.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"group_resource.d.ts","sourceRoot":"","sources":["../../../src/types/resources/group_resource.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAA;AAEpC,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,OAAO,CAAA;IACb,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE;QAAE,IAAI,EAAE,MAAM,CAAA;KAAE,CAAA;IACvB,IAAI,EAAE,MAAM,GAAG,IAAI,CAAA;IACnB,aAAa,EAAE,OAAO,CAAA;IACtB,UAAU,EAAE,MAAM,CAAA;CACnB"}

package/build/types/resources/group_resource.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"group_resource.js","sourceRoot":"","sources":["../../../src/types/resources/group_resource.ts"],"names":[],"mappings":"","sourcesContent":["import { AppName } from './app_name'\n\nexport interface GroupResource {\n  type: 'Group'\n  id: string\n  links: { self: string }\n  name: string | null\n  sourceAppName: AppName\n  sourceType: string\n}\n"]}

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

@@ -1,5 +1,6 @@
 export * from './conversation';
+export * from './member';
 export * from './message';
-export * from './person';
 export * from './oauth_token';
+export * from './person';
 //# sourceMappingURL=index.d.ts.map

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

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

package/build/types/resources/index.js

@@ -1,5 +1,6 @@
 export * from './conversation';
+export * from './member';
 export * from './message';
-export * from './person';
 export * from './oauth_token';
+export * from './person';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/types/resources/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAA;AAC9B,cAAc,WAAW,CAAA;AACzB,cAAc,UAAU,CAAA;AACxB,cAAc,eAAe,CAAA","sourcesContent":["export * from './conversation'\nexport * from './message'\nexport * from './person'\nexport * from './oauth_token'\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/types/resources/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAA;AAC9B,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA;AACzB,cAAc,eAAe,CAAA;AAC7B,cAAc,UAAU,CAAA","sourcesContent":["export * from './conversation'\nexport * from './member'\nexport * from './message'\nexport * from './oauth_token'\nexport * from './person'\n"]}

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

@@ -0,0 +1,23 @@
+export interface MemberResource {
+    type: 'Member';
+    id: string;
+    name: string;
+    avatar: string;
+    badges: MemberBadge[];
+    child: boolean;
+    role?: string;
+}
+export interface MemberResourceWithPerson extends MemberResource {
+    person: {
+        firstName: string;
+        lastName: string;
+        avatarUrl: string;
+        child: boolean;
+        id: string;
+        type: 'Person';
+    };
+}
+export interface MemberBadge {
+    title: string;
+}
+//# sourceMappingURL=member.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"member.d.ts","sourceRoot":"","sources":["../../../src/types/resources/member.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,QAAQ,CAAA;IACd,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,MAAM,EAAE,MAAM,CAAA;IACd,MAAM,EAAE,WAAW,EAAE,CAAA;IACrB,KAAK,EAAE,OAAO,CAAA;IACd,IAAI,CAAC,EAAE,MAAM,CAAA;CACd;AAED,MAAM,WAAW,wBAAyB,SAAQ,cAAc;IAC9D,MAAM,EAAE;QACN,SAAS,EAAE,MAAM,CAAA;QACjB,QAAQ,EAAE,MAAM,CAAA;QAChB,SAAS,EAAE,MAAM,CAAA;QACjB,KAAK,EAAE,OAAO,CAAA;QACd,EAAE,EAAE,MAAM,CAAA;QACV,IAAI,EAAE,QAAQ,CAAA;KACf,CAAA;CACF;AAED,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAA;CACd"}

package/build/types/resources/member.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"member.js","sourceRoot":"","sources":["../../../src/types/resources/member.ts"],"names":[],"mappings":"","sourcesContent":["export interface MemberResource {\n  type: 'Member'\n  id: string\n  name: string\n  avatar: string\n  badges: MemberBadge[]\n  child: boolean\n  role?: string\n}\n\nexport interface MemberResourceWithPerson extends MemberResource {\n  person: {\n    firstName: string\n    lastName: string\n    avatarUrl: string\n    child: boolean\n    id: string\n    type: 'Person'\n  }\n}\n\nexport interface MemberBadge {\n  title: string\n}\n"]}

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

@@ -0,0 +1,6 @@
+export interface MemberAbilityResource {
+    type: 'MemberAbility';
+    canUpdate: boolean;
+    canDelete: boolean;
+}
+//# sourceMappingURL=member_ability.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"member_ability.d.ts","sourceRoot":"","sources":["../../../src/types/resources/member_ability.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,qBAAqB;IACpC,IAAI,EAAE,eAAe,CAAA;IACrB,SAAS,EAAE,OAAO,CAAA;IAClB,SAAS,EAAE,OAAO,CAAA;CACnB"}

package/build/types/resources/member_ability.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"member_ability.js","sourceRoot":"","sources":["../../../src/types/resources/member_ability.ts"],"names":[],"mappings":"","sourcesContent":["export interface MemberAbilityResource {\n  type: 'MemberAbility'\n  canUpdate: boolean\n  canDelete: boolean\n}\n"]}

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.0",
   "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": "9ada391b04ffc168aa7ffb4baaa746429ee7e093"
 }

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 },