@planningcenter/chat-react-native 4.2.1-qa-staging.3 → 4.2.1-rc.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (169) hide show
  1. package/build/components/conversation/message_form.d.ts +1 -2
  2. package/build/components/conversation/message_form.d.ts.map +1 -1
  3. package/build/components/conversation/message_form.js +51 -54
  4. package/build/components/conversation/message_form.js.map +1 -1
  5. package/build/components/conversation/message_list.d.ts +2 -3
  6. package/build/components/conversation/message_list.d.ts.map +1 -1
  7. package/build/components/conversation/message_list.js +66 -152
  8. package/build/components/conversation/message_list.js.map +1 -1
  9. package/build/contexts/conversation_context.d.ts +1 -3
  10. package/build/contexts/conversation_context.d.ts.map +1 -1
  11. package/build/contexts/conversation_context.js +18 -23
  12. package/build/contexts/conversation_context.js.map +1 -1
  13. package/build/hooks/index.d.ts +0 -1
  14. package/build/hooks/index.d.ts.map +1 -1
  15. package/build/hooks/index.js +0 -1
  16. package/build/hooks/index.js.map +1 -1
  17. package/build/hooks/paginator_meta.d.ts +1 -3
  18. package/build/hooks/paginator_meta.d.ts.map +1 -1
  19. package/build/hooks/paginator_meta.js +8 -25
  20. package/build/hooks/paginator_meta.js.map +1 -1
  21. package/build/hooks/use_api.d.ts.map +1 -1
  22. package/build/hooks/use_api.js +8 -5
  23. package/build/hooks/use_api.js.map +1 -1
  24. package/build/hooks/use_conversation_messages.d.ts +2 -9
  25. package/build/hooks/use_conversation_messages.d.ts.map +1 -1
  26. package/build/hooks/use_conversation_messages.js +45 -84
  27. package/build/hooks/use_conversation_messages.js.map +1 -1
  28. package/build/hooks/use_conversation_messages_jolt_events.d.ts +1 -17
  29. package/build/hooks/use_conversation_messages_jolt_events.d.ts.map +1 -1
  30. package/build/hooks/use_conversation_messages_jolt_events.js +80 -89
  31. package/build/hooks/use_conversation_messages_jolt_events.js.map +1 -1
  32. package/build/hooks/use_mark_latest_message_read.d.ts +1 -2
  33. package/build/hooks/use_mark_latest_message_read.d.ts.map +1 -1
  34. package/build/hooks/use_mark_latest_message_read.js +3 -4
  35. package/build/hooks/use_mark_latest_message_read.js.map +1 -1
  36. package/build/hooks/use_message_create_or_update.d.ts.map +1 -1
  37. package/build/hooks/use_message_create_or_update.js +80 -91
  38. package/build/hooks/use_message_create_or_update.js.map +1 -1
  39. package/build/hooks/use_message_reaction_toggle.d.ts.map +1 -1
  40. package/build/hooks/use_message_reaction_toggle.js +40 -45
  41. package/build/hooks/use_message_reaction_toggle.js.map +1 -1
  42. package/build/hooks/use_suspense_api.d.ts.map +1 -1
  43. package/build/hooks/use_suspense_api.js +8 -5
  44. package/build/hooks/use_suspense_api.js.map +1 -1
  45. package/build/screens/conversation_new/components/services_form.js +8 -9
  46. package/build/screens/conversation_new/components/services_form.js.map +1 -1
  47. package/build/screens/conversation_screen.d.ts +0 -1
  48. package/build/screens/conversation_screen.d.ts.map +1 -1
  49. package/build/screens/conversation_screen.js +251 -466
  50. package/build/screens/conversation_screen.js.map +1 -1
  51. package/build/screens/message_actions_screen.d.ts.map +1 -1
  52. package/build/screens/message_actions_screen.js +26 -21
  53. package/build/screens/message_actions_screen.js.map +1 -1
  54. package/build/screens/message_report_screen.d.ts.map +1 -1
  55. package/build/screens/message_report_screen.js +44 -17
  56. package/build/screens/message_report_screen.js.map +1 -1
  57. package/build/screens/reactions_screen.d.ts.map +1 -1
  58. package/build/screens/reactions_screen.js +88 -70
  59. package/build/screens/reactions_screen.js.map +1 -1
  60. package/build/types/api_primitives.d.ts +0 -2
  61. package/build/types/api_primitives.d.ts.map +1 -1
  62. package/build/types/api_primitives.js.map +1 -1
  63. package/build/types/resources/member.d.ts +0 -1
  64. package/build/types/resources/member.d.ts.map +1 -1
  65. package/build/types/resources/member.js.map +1 -1
  66. package/build/utils/cache/optimistically_update_message.d.ts +1 -2
  67. package/build/utils/cache/optimistically_update_message.d.ts.map +1 -1
  68. package/build/utils/cache/optimistically_update_message.js +4 -4
  69. package/build/utils/cache/optimistically_update_message.js.map +1 -1
  70. package/build/utils/client/types.d.ts +0 -1
  71. package/build/utils/client/types.d.ts.map +1 -1
  72. package/build/utils/client/types.js.map +1 -1
  73. package/build/utils/generate_placeholder_ulid.d.ts +6 -0
  74. package/build/utils/generate_placeholder_ulid.d.ts.map +1 -1
  75. package/build/utils/generate_placeholder_ulid.js +2 -2
  76. package/build/utils/generate_placeholder_ulid.js.map +1 -1
  77. package/build/utils/request/get_messages.d.ts +6 -18
  78. package/build/utils/request/get_messages.d.ts.map +1 -1
  79. package/build/utils/request/get_messages.js +12 -10
  80. package/build/utils/request/get_messages.js.map +1 -1
  81. package/package.json +3 -3
  82. package/src/__tests__/hooks/paginator_meta.test.ts +2 -73
  83. package/src/components/conversation/__tests__/message_list.test.tsx +0 -42
  84. package/src/components/conversation/message_form.tsx +0 -3
  85. package/src/components/conversation/message_list.tsx +4 -58
  86. package/src/contexts/conversation_context.tsx +1 -6
  87. package/src/hooks/index.ts +0 -1
  88. package/src/hooks/paginator_meta.ts +5 -29
  89. package/src/hooks/use_api.ts +5 -4
  90. package/src/hooks/use_conversation_messages.ts +11 -52
  91. package/src/hooks/use_conversation_messages_jolt_events.ts +43 -62
  92. package/src/hooks/use_mark_latest_message_read.ts +3 -4
  93. package/src/hooks/use_message_create_or_update.ts +8 -8
  94. package/src/hooks/use_message_reaction_toggle.ts +1 -3
  95. package/src/hooks/use_suspense_api.ts +5 -4
  96. package/src/screens/conversation_new/components/services_form.tsx +5 -5
  97. package/src/screens/conversation_screen.tsx +16 -119
  98. package/src/screens/message_actions_screen.tsx +5 -3
  99. package/src/screens/message_report_screen.tsx +3 -2
  100. package/src/screens/reactions_screen.tsx +4 -2
  101. package/src/types/api_primitives.ts +0 -2
  102. package/src/types/resources/member.ts +0 -1
  103. package/src/utils/cache/optimistically_update_message.ts +5 -2
  104. package/src/utils/client/types.ts +0 -1
  105. package/src/utils/generate_placeholder_ulid.ts +2 -2
  106. package/src/utils/request/get_messages.ts +14 -12
  107. package/build/components/conversation/anchor_not_found_boundary.d.ts +0 -18
  108. package/build/components/conversation/anchor_not_found_boundary.d.ts.map +0 -1
  109. package/build/components/conversation/anchor_not_found_boundary.js +0 -20
  110. package/build/components/conversation/anchor_not_found_boundary.js.map +0 -1
  111. package/build/hooks/use_conversation_message_lookup.d.ts +0 -7
  112. package/build/hooks/use_conversation_message_lookup.d.ts.map +0 -1
  113. package/build/hooks/use_conversation_message_lookup.js +0 -52
  114. package/build/hooks/use_conversation_message_lookup.js.map +0 -1
  115. package/build/hooks/use_direct_message_eligibility.d.ts +0 -14
  116. package/build/hooks/use_direct_message_eligibility.d.ts.map +0 -1
  117. package/build/hooks/use_direct_message_eligibility.js +0 -87
  118. package/build/hooks/use_direct_message_eligibility.js.map +0 -1
  119. package/build/hooks/use_fetch_newer_messages.d.ts +0 -8
  120. package/build/hooks/use_fetch_newer_messages.d.ts.map +0 -1
  121. package/build/hooks/use_fetch_newer_messages.js +0 -62
  122. package/build/hooks/use_fetch_newer_messages.js.map +0 -1
  123. package/build/hooks/use_fetch_newer_on_foreground.d.ts +0 -8
  124. package/build/hooks/use_fetch_newer_on_foreground.d.ts.map +0 -1
  125. package/build/hooks/use_fetch_newer_on_foreground.js +0 -42
  126. package/build/hooks/use_fetch_newer_on_foreground.js.map +0 -1
  127. package/build/hooks/use_held_back_messages.d.ts +0 -11
  128. package/build/hooks/use_held_back_messages.d.ts.map +0 -1
  129. package/build/hooks/use_held_back_messages.js +0 -24
  130. package/build/hooks/use_held_back_messages.js.map +0 -1
  131. package/build/utils/cache/find_message_in_caches.d.ts +0 -4
  132. package/build/utils/cache/find_message_in_caches.d.ts.map +0 -1
  133. package/build/utils/cache/find_message_in_caches.js +0 -16
  134. package/build/utils/cache/find_message_in_caches.js.map +0 -1
  135. package/build/utils/cache/prepend_newer_page.d.ts +0 -7
  136. package/build/utils/cache/prepend_newer_page.d.ts.map +0 -1
  137. package/build/utils/cache/prepend_newer_page.js +0 -15
  138. package/build/utils/cache/prepend_newer_page.js.map +0 -1
  139. package/build/utils/gated_message_cache.d.ts +0 -7
  140. package/build/utils/gated_message_cache.d.ts.map +0 -1
  141. package/build/utils/gated_message_cache.js +0 -13
  142. package/build/utils/gated_message_cache.js.map +0 -1
  143. package/build/utils/ulid.d.ts +0 -3
  144. package/build/utils/ulid.d.ts.map +0 -1
  145. package/build/utils/ulid.js +0 -7
  146. package/build/utils/ulid.js.map +0 -1
  147. package/src/__tests__/hooks/use_conversation_messages.test.ts +0 -22
  148. package/src/__tests__/hooks/use_conversation_messages_jolt_events.test.ts +0 -33
  149. package/src/__tests__/hooks/use_direct_message_eligibility.test.tsx +0 -83
  150. package/src/__tests__/screens/conversation_new/components/services_form.test.tsx +0 -91
  151. package/src/__tests__/utils/gated_message_cache.test.ts +0 -26
  152. package/src/__tests__/utils/request/get_messages.test.ts +0 -24
  153. package/src/__tests__/utils/ulid.test.ts +0 -15
  154. package/src/components/conversation/__tests__/anchor_not_found_boundary.test.tsx +0 -51
  155. package/src/components/conversation/anchor_not_found_boundary.tsx +0 -21
  156. package/src/hooks/__tests__/use_fetch_newer_messages.test.tsx +0 -68
  157. package/src/hooks/__tests__/use_held_back_messages.test.tsx +0 -60
  158. package/src/hooks/__tests__/use_message_reaction_toggle.test.tsx +0 -73
  159. package/src/hooks/use_conversation_message_lookup.ts +0 -29
  160. package/src/hooks/use_direct_message_eligibility.ts +0 -40
  161. package/src/hooks/use_fetch_newer_messages.ts +0 -44
  162. package/src/hooks/use_fetch_newer_on_foreground.ts +0 -25
  163. package/src/hooks/use_held_back_messages.ts +0 -33
  164. package/src/utils/cache/__tests__/find_message_in_caches.test.ts +0 -37
  165. package/src/utils/cache/__tests__/prepend_newer_page.test.ts +0 -34
  166. package/src/utils/cache/find_message_in_caches.ts +0 -20
  167. package/src/utils/cache/prepend_newer_page.ts +0 -19
  168. package/src/utils/gated_message_cache.ts +0 -19
  169. package/src/utils/ulid.ts +0 -11
@@ -1,3 +0,0 @@
1
- export declare const ULID_CHARS = "0123456789ABCDEFGHJKMNPQRSTVWXYZ";
2
- export declare function decodeUlidTime(ulid: string): number;
3
- //# sourceMappingURL=ulid.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ulid.d.ts","sourceRoot":"","sources":["../../src/utils/ulid.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,UAAU,qCAAqC,CAAA;AAI5D,wBAAgB,cAAc,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAMnD"}
@@ -1,7 +0,0 @@
1
- export const ULID_CHARS = '0123456789ABCDEFGHJKMNPQRSTVWXYZ'; // Crockford's Base32
2
-
3
- const TIME_LENGTH = 10;
4
- export function decodeUlidTime(ulid) {
5
- return ulid.slice(0, TIME_LENGTH).toUpperCase().split('').reduce((time, char) => time * 32 + ULID_CHARS.indexOf(char), 0);
6
- }
7
- //# sourceMappingURL=ulid.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ulid.js","names":["ULID_CHARS","TIME_LENGTH","decodeUlidTime","ulid","slice","toUpperCase","split","reduce","time","char","indexOf"],"sources":["../../src/utils/ulid.ts"],"sourcesContent":["export const ULID_CHARS = '0123456789ABCDEFGHJKMNPQRSTVWXYZ' // Crockford's Base32\n\nconst TIME_LENGTH = 10\n\nexport function decodeUlidTime(ulid: string): number {\n return ulid\n .slice(0, TIME_LENGTH)\n .toUpperCase()\n .split('')\n .reduce((time, char) => time * 32 + ULID_CHARS.indexOf(char), 0)\n}\n"],"mappings":"AAAA,OAAO,MAAMA,UAAU,GAAG,kCAAkC,EAAC;;AAE7D,MAAMC,WAAW,GAAG,EAAE;AAEtB,OAAO,SAASC,cAAcA,CAACC,IAAY,EAAU;EACnD,OAAOA,IAAI,CACRC,KAAK,CAAC,CAAC,EAAEH,WAAW,CAAC,CACrBI,WAAW,CAAC,CAAC,CACbC,KAAK,CAAC,EAAE,CAAC,CACTC,MAAM,CAAC,CAACC,IAAI,EAAEC,IAAI,KAAKD,IAAI,GAAG,EAAE,GAAGR,UAAU,CAACU,OAAO,CAACD,IAAI,CAAC,EAAE,CAAC,CAAC;AACpE","ignoreList":[]}
@@ -1,22 +0,0 @@
1
- import { anchoredRetry } from '../../hooks/use_conversation_messages'
2
- import { FailedResponse } from '../../types/api_primitives'
3
- import { ResponseError } from '../../utils/response_error'
4
-
5
- const responseError = (status: number) =>
6
- new ResponseError({ status, statusText: 'nope' } as unknown as FailedResponse)
7
-
8
- describe('anchoredRetry', () => {
9
- it('gives up straight away on a missing anchor', () => {
10
- expect(anchoredRetry(0, responseError(404))).toBe(false)
11
- })
12
-
13
- it('does not hammer a rate limit', () => {
14
- expect(anchoredRetry(0, responseError(429))).toBe(false)
15
- })
16
-
17
- it('retries other failures a few times', () => {
18
- expect(anchoredRetry(0, responseError(500))).toBe(true)
19
- expect(anchoredRetry(2, new Error('network'))).toBe(true)
20
- expect(anchoredRetry(3, responseError(500))).toBe(false)
21
- })
22
- })
@@ -1,33 +0,0 @@
1
- import { queryKeysForEvent } from '../../hooks/use_conversation_messages_jolt_events'
2
-
3
- const cache = { queryKey: ['shown'] }
4
- const gated = { queryKey: ['shown'], canUpdate: (e: string) => e !== 'message.created' }
5
- const topLevel = { sort_key: '01M', reply_root_id: null }
6
- const replyInThread = { sort_key: '01R', reply_root_id: '01ROOT' }
7
- const replyElsewhere = { sort_key: '01S', reply_root_id: '01OTHER' }
8
- const theRoot = { sort_key: '01ROOT', reply_root_id: '01ROOT' }
9
-
10
- describe('queryKeysForEvent', () => {
11
- it('writes every message event to the conversation view', () => {
12
- const view = { replyRootId: null, cache }
13
-
14
- expect(queryKeysForEvent('message.created', view, topLevel)).toEqual([['shown']])
15
- expect(queryKeysForEvent('message.created', view, replyInThread)).toEqual([['shown']])
16
- })
17
-
18
- it('writes only this thread and its root to a reply view', () => {
19
- const view = { replyRootId: '01ROOT', cache }
20
-
21
- expect(queryKeysForEvent('message.created', view, replyInThread)).toEqual([['shown']])
22
- expect(queryKeysForEvent('message.updated', view, theRoot)).toEqual([['shown']])
23
- expect(queryKeysForEvent('message.created', view, topLevel)).toEqual([])
24
- expect(queryKeysForEvent('message.created', view, replyElsewhere)).toEqual([])
25
- })
26
-
27
- it('honors the gate on the shown cache', () => {
28
- const view = { replyRootId: null, cache: gated }
29
-
30
- expect(queryKeysForEvent('message.created', view, topLevel)).toEqual([])
31
- expect(queryKeysForEvent('reaction', view, topLevel)).toEqual([['shown']])
32
- })
33
- })
@@ -1,83 +0,0 @@
1
- import { QueryClientProvider } from '@tanstack/react-query'
2
- import { renderHook, waitFor } from '@testing-library/react-native'
3
- import React from 'react'
4
- import { buildTestQueryClient } from '../../__utils__/query_client'
5
- import { useApiClient } from '../../hooks/use_api_client'
6
- import { useDirectMessageEligibility } from '../../hooks/use_direct_message_eligibility'
7
-
8
- jest.mock('../../hooks/use_api_client')
9
-
10
- const mockedUseApiClient = useApiClient as jest.MockedFunction<typeof useApiClient>
11
- const mockGet = jest.fn()
12
-
13
- beforeEach(() => {
14
- mockGet.mockReset()
15
- mockedUseApiClient.mockReturnValue({ chat: { get: mockGet } } as any)
16
- })
17
-
18
- const createWrapper = () => {
19
- const queryClient = buildTestQueryClient()
20
- return ({ children }: { children: React.ReactNode }) => (
21
- <QueryClientProvider client={queryClient}>{children}</QueryClientProvider>
22
- )
23
- }
24
-
25
- const args = { groupId: 'Groups-Group-42', personId: 75179873 }
26
-
27
- test("reads the member's eligibility from the chat group", async () => {
28
- mockGet.mockResolvedValue({
29
- data: {
30
- id: '75179873',
31
- type: 'Member',
32
- canDirectMessage: false,
33
- directMessagesDisabled: true,
34
- },
35
- })
36
-
37
- const { result } = renderHook(() => useDirectMessageEligibility(args), {
38
- wrapper: createWrapper(),
39
- })
40
-
41
- await waitFor(() => expect(result.current.eligibility).toBeDefined())
42
-
43
- expect(mockGet).toHaveBeenCalledWith({
44
- url: '/me/groups/Groups-Group-42/members/75179873',
45
- data: { fields: { Member: ['can_direct_message', 'direct_messages_disabled'] } },
46
- })
47
- expect(result.current.eligibility).toEqual({
48
- canDirectMessage: false,
49
- directMessagesDisabled: true,
50
- })
51
- })
52
-
53
- test('has no answer until the member loads', () => {
54
- mockGet.mockReturnValue(new Promise(() => {}))
55
-
56
- const { result } = renderHook(() => useDirectMessageEligibility(args), {
57
- wrapper: createWrapper(),
58
- })
59
-
60
- expect(result.current.eligibility).toBeUndefined()
61
- expect(result.current.isLoading).toBe(true)
62
- })
63
-
64
- test('reports a failed lookup without an answer', async () => {
65
- mockGet.mockRejectedValue(new Error('404'))
66
-
67
- const { result } = renderHook(() => useDirectMessageEligibility(args), {
68
- wrapper: createWrapper(),
69
- })
70
-
71
- await waitFor(() => expect(result.current.isError).toBe(true))
72
-
73
- expect(result.current.eligibility).toBeUndefined()
74
- expect(result.current.isLoading).toBe(false)
75
- })
76
-
77
- test('does not ask when disabled', () => {
78
- renderHook(() => useDirectMessageEligibility({ ...args, enabled: false }), {
79
- wrapper: createWrapper(),
80
- })
81
-
82
- expect(mockGet).not.toHaveBeenCalled()
83
- })
@@ -1,91 +0,0 @@
1
- import { DefaultTheme, ThemeProvider } from '@react-navigation/native'
2
- import { render } from '@testing-library/react-native'
3
- import React from 'react'
4
- import { SafeAreaProvider } from 'react-native-safe-area-context'
5
- import { useFindOrCreateServicesConversation } from '../../../../hooks/services/use_find_or_create_services_conversation'
6
- import { useTeamMembersForNewConversation } from '../../../../hooks/services/use_team_members_for_new_conversation'
7
- import { ServicesForm } from '../../../../screens/conversation_new/components/services_form'
8
-
9
- jest.mock('react-native-reanimated', () => ({
10
- ...jest.requireActual('react-native-reanimated/mock'),
11
- LayoutAnimationConfig: ({ children }: { children: React.ReactNode }) => children,
12
- }))
13
- jest.mock('@react-navigation/native', () => ({
14
- ...jest.requireActual('@react-navigation/native'),
15
- useNavigation: () => ({ navigate: jest.fn(), dispatch: jest.fn(), getParent: () => undefined }),
16
- }))
17
- jest.mock('../../../../hooks/use_api_client', () => ({ useApiClient: () => ({}) }))
18
- jest.mock('../../../../hooks/use_upload_client', () => ({ useUploadClient: () => ({}) }))
19
- jest.mock('../../../../hooks/use_features', () => ({
20
- ...jest.requireActual('../../../../hooks/use_features'),
21
- useFeatures: () => ({ features: [], featureEnabled: () => false }),
22
- }))
23
- jest.mock('../../../../hooks/use_conversation_validate', () => ({
24
- useConversationValidate: () => ({ warnings: [], validationPending: false }),
25
- }))
26
- jest.mock('../../../../hooks/services/use_services_chat_conversation_payload', () => ({
27
- useServicesChatConversationPayload: () => ({ payload: undefined, isLoading: false }),
28
- }))
29
- jest.mock('../../../../hooks/services/use_services_team', () => ({
30
- useServicesTeams: () => [],
31
- }))
32
- jest.mock('../../../../hooks/services/use_team_plans', () => ({
33
- useTeamPlans: () => ({
34
- planOptions: [],
35
- isFetching: false,
36
- isError: false,
37
- findPlan: () => undefined,
38
- }),
39
- }))
40
- jest.mock('../../../../hooks/services/use_team_members_for_new_conversation', () => ({
41
- useTeamMembersForNewConversation: jest.fn(() => ({ members: [], isError: false })),
42
- }))
43
- jest.mock('../../../../hooks/services/use_find_or_create_services_conversation', () => ({
44
- useFindOrCreateServicesConversation: jest.fn(() => ({
45
- mutate: jest.fn(),
46
- isPending: false,
47
- selectionHasConversation: false,
48
- isLoadingConversationCheck: false,
49
- })),
50
- }))
51
-
52
- const mockedFindOrCreate = jest.mocked(useFindOrCreateServicesConversation)
53
- const mockedTeamMembers = jest.mocked(useTeamMembersForNewConversation)
54
-
55
- const latestArgs = <T extends jest.Mock>(mock: T) => mock.mock.calls.at(-1)?.[0]
56
-
57
- const safeAreaMetrics = {
58
- frame: { x: 0, y: 0, width: 390, height: 844 },
59
- insets: { top: 0, right: 0, bottom: 0, left: 0 },
60
- }
61
-
62
- const renderForm = (props: { initialPlanId?: number } = {}) =>
63
- render(
64
- <SafeAreaProvider initialMetrics={safeAreaMetrics}>
65
- <ThemeProvider value={DefaultTheme}>
66
- <ServicesForm initialTeamIds={[1, 2]} {...props} />
67
- </ThemeProvider>
68
- </SafeAreaProvider>
69
- )
70
-
71
- describe('ServicesForm', () => {
72
- beforeEach(() => {
73
- jest.clearAllMocks()
74
- })
75
-
76
- it('filters by plan when opened from a plan', () => {
77
- const { getByRole } = renderForm({ initialPlanId: 42 })
78
-
79
- expect(getByRole('switch').props.value).toBe(true)
80
- expect(latestArgs(mockedFindOrCreate)).toMatchObject({ teamIds: [1, 2], planId: 42 })
81
- expect(latestArgs(mockedTeamMembers)).toMatchObject({ teamIds: [1, 2], planId: 42 })
82
- })
83
-
84
- it('does not filter by plan when opened without a plan', () => {
85
- const { getByRole } = renderForm()
86
-
87
- expect(getByRole('switch').props.value).toBe(false)
88
- expect(latestArgs(mockedFindOrCreate)).toMatchObject({ teamIds: [1, 2], planId: undefined })
89
- expect(latestArgs(mockedTeamMembers)).toMatchObject({ teamIds: [1, 2], planId: undefined })
90
- })
91
- })
@@ -1,26 +0,0 @@
1
- import { gatedMessageCache } from '../../utils/gated_message_cache'
2
-
3
- describe('gatedMessageCache', () => {
4
- const queryKey = ['messages']
5
-
6
- it('keeps new messages out while they are not accepted and reports the skip', () => {
7
- const onSkippedNewMessage = jest.fn()
8
- const cache = gatedMessageCache({ queryKey, acceptNewMessages: false, onSkippedNewMessage })
9
-
10
- expect(cache.queryKey).toBe(queryKey)
11
- expect(cache.canUpdate?.('message.created')).toBe(false)
12
- expect(onSkippedNewMessage).toHaveBeenCalledTimes(1)
13
- expect(cache.canUpdate?.('message.updated')).toBe(true)
14
- expect(cache.canUpdate?.('message.destroyed')).toBe(true)
15
- expect(cache.canUpdate?.('reaction')).toBe(true)
16
- expect(onSkippedNewMessage).toHaveBeenCalledTimes(1)
17
- })
18
-
19
- it('lets new messages in once they are accepted', () => {
20
- const onSkippedNewMessage = jest.fn()
21
- const cache = gatedMessageCache({ queryKey, acceptNewMessages: true, onSkippedNewMessage })
22
-
23
- expect(cache.canUpdate?.('message.created')).toBe(true)
24
- expect(onSkippedNewMessage).not.toHaveBeenCalled()
25
- })
26
- })
@@ -1,24 +0,0 @@
1
- import { getMessagesQueryKey, getMessagesRequestArgs } from '../../../utils/request/get_messages'
2
-
3
- describe('getMessagesRequestArgs', () => {
4
- it('requests the newest page by default', () => {
5
- const { data } = getMessagesRequestArgs({ conversation_id: 1 })
6
-
7
- expect(data).not.toHaveProperty('where')
8
- expect(data).not.toHaveProperty('order')
9
- })
10
-
11
- it('opens around the anchor when one is given', () => {
12
- const { data } = getMessagesRequestArgs({ conversation_id: 1, anchor: '01ANCHOR' })
13
-
14
- expect(data).toMatchObject({ where: { id_around: '01ANCHOR' } })
15
- expect(data).not.toHaveProperty('order')
16
- })
17
-
18
- it('keeps anchored and live queries in separate cache entries', () => {
19
- const live = getMessagesQueryKey({ conversation_id: 1 })
20
- const anchored = getMessagesQueryKey({ conversation_id: 1, anchor: '01ANCHOR' })
21
-
22
- expect(anchored).not.toEqual(live)
23
- })
24
- })
@@ -1,15 +0,0 @@
1
- import { generatePlaceholderUlid } from '../../utils/generate_placeholder_ulid'
2
- import { decodeUlidTime } from '../../utils/ulid'
3
-
4
- describe('decodeUlidTime', () => {
5
- it('decodes the spec example', () => {
6
- expect(decodeUlidTime('01ARYZ6S41TSV4RRFFQ69G5FAV')).toBe(1469918176385)
7
- })
8
-
9
- it('round-trips a placeholder ulid', () => {
10
- const now = Date.now()
11
- jest.spyOn(Date, 'now').mockReturnValue(now)
12
-
13
- expect(decodeUlidTime(generatePlaceholderUlid())).toBe(now)
14
- })
15
- })
@@ -1,51 +0,0 @@
1
- import { render, screen } from '@testing-library/react-native'
2
- import React from 'react'
3
- import { Text } from 'react-native'
4
- import { FailedResponse } from '../../../types/api_primitives'
5
- import { ResponseError } from '../../../utils/response_error'
6
- import { AnchorNotFoundBoundary } from '../anchor_not_found_boundary'
7
-
8
- const responseError = (status: number) =>
9
- new ResponseError({ status, statusText: 'nope' } as unknown as FailedResponse)
10
-
11
- function Thrower({ error }: { error: Error | null }) {
12
- if (error) throw error
13
- return <Text>content</Text>
14
- }
15
-
16
- describe('AnchorNotFoundBoundary', () => {
17
- beforeEach(() => jest.spyOn(console, 'error').mockImplementation(() => {}))
18
-
19
- it('reports a missing anchor and renders nothing while the parent drops it', () => {
20
- const onAnchorNotFound = jest.fn()
21
-
22
- render(
23
- <AnchorNotFoundBoundary onAnchorNotFound={onAnchorNotFound}>
24
- <Thrower error={responseError(404)} />
25
- </AnchorNotFoundBoundary>
26
- )
27
-
28
- expect(onAnchorNotFound).toHaveBeenCalledTimes(1)
29
- expect(screen.queryByText('content')).toBeNull()
30
- })
31
-
32
- it('lets every other error through untouched', () => {
33
- const onAnchorNotFound = jest.fn()
34
-
35
- expect(() =>
36
- render(
37
- <AnchorNotFoundBoundary onAnchorNotFound={onAnchorNotFound}>
38
- <Thrower error={responseError(403)} />
39
- </AnchorNotFoundBoundary>
40
- )
41
- ).toThrow()
42
- expect(() =>
43
- render(
44
- <AnchorNotFoundBoundary onAnchorNotFound={onAnchorNotFound}>
45
- <Thrower error={new Error('render blew up')} />
46
- </AnchorNotFoundBoundary>
47
- )
48
- ).toThrow('render blew up')
49
- expect(onAnchorNotFound).not.toHaveBeenCalled()
50
- })
51
- })
@@ -1,21 +0,0 @@
1
- import React, { PropsWithChildren } from 'react'
2
- import { ResponseError } from '../../utils/response_error'
3
-
4
- type Props = PropsWithChildren<{ onAnchorNotFound: () => void }>
5
-
6
- export class AnchorNotFoundBoundary extends React.Component<Props, { recovering: boolean }> {
7
- state = { recovering: false }
8
-
9
- static getDerivedStateFromError(error: Error) {
10
- if (error instanceof ResponseError && error.status === 404) return { recovering: true }
11
- throw error
12
- }
13
-
14
- componentDidCatch() {
15
- this.props.onAnchorNotFound()
16
- }
17
-
18
- render() {
19
- return this.state.recovering ? null : this.props.children
20
- }
21
- }
@@ -1,68 +0,0 @@
1
- import { InfiniteData, QueryClientProvider } from '@tanstack/react-query'
2
- import { act, renderHook } from '@testing-library/react-native'
3
- import React from 'react'
4
- import { buildTestQueryClient } from '../../__utils__/query_client'
5
- import type { ApiCollection, MessageResource } from '../../types'
6
- import { getMessagesQueryKey } from '../../utils/request/get_messages'
7
- import { ApiClient, useApiClient } from '../use_api_client'
8
- import { useFetchNewerMessages } from '../use_fetch_newer_messages'
9
-
10
- jest.mock('../use_api_client')
11
-
12
- type QueryData = InfiniteData<ApiCollection<MessageResource>>
13
-
14
- const page = (ids: string[], next?: { idGt: string }) => ({
15
- data: ids.map(id => ({ id, type: 'Message' }) as unknown as MessageResource),
16
- links: {},
17
- meta: { count: ids.length, totalCount: ids.length, next },
18
- })
19
-
20
- const queryKey = getMessagesQueryKey({ conversation_id: 1 })
21
- let queryClient = buildTestQueryClient()
22
- const get = jest.fn()
23
-
24
- const wrapper = ({ children }: { children: React.ReactNode }) => (
25
- <QueryClientProvider client={queryClient}>{children}</QueryClientProvider>
26
- )
27
-
28
- const cachedIds = () =>
29
- queryClient.getQueryData<QueryData>(queryKey)?.pages.flatMap(p => p.data.map(m => m.id))
30
-
31
- beforeEach(() => {
32
- queryClient = buildTestQueryClient()
33
- queryClient.setQueryData<QueryData>(queryKey, {
34
- pages: [page(['01C', '01B']), page(['01A'])],
35
- pageParams: [{}, { where: { id_lt: '01B' } }],
36
- })
37
- get.mockReset()
38
- ;(useApiClient as jest.MockedFunction<typeof useApiClient>).mockReturnValue({
39
- chat: { get },
40
- } as unknown as ApiClient)
41
- })
42
-
43
- describe('useFetchNewerMessages', () => {
44
- it('follows meta.next until everything newer is in the cache', async () => {
45
- get
46
- .mockResolvedValueOnce(page(['01D', '01E'], { idGt: '01E' }))
47
- .mockResolvedValueOnce(page(['01F']))
48
- const { result } = renderHook(() => useFetchNewerMessages({ conversation_id: 1, queryKey }), {
49
- wrapper,
50
- })
51
-
52
- await act(() => result.current('01C'))
53
-
54
- expect(get).toHaveBeenCalledTimes(2)
55
- expect(get.mock.calls[1][0].data.where).toEqual({ id_gt: '01E' })
56
- expect(cachedIds()).toEqual(['01D', '01E', '01F', '01C', '01B', '01A'])
57
- })
58
-
59
- it('rejects when the request fails so the caller can try again later', async () => {
60
- get.mockRejectedValueOnce(new Error('offline'))
61
- const { result } = renderHook(() => useFetchNewerMessages({ conversation_id: 1, queryKey }), {
62
- wrapper,
63
- })
64
-
65
- await expect(act(() => result.current('01C'))).rejects.toThrow('offline')
66
- expect(cachedIds()).toEqual(['01C', '01B', '01A'])
67
- })
68
- })
@@ -1,60 +0,0 @@
1
- import { act, renderHook } from '@testing-library/react-native'
2
- import { useHeldBackMessages } from '../use_held_back_messages'
3
-
4
- type Props = { newestMessageId?: string; readingHistory: boolean; caughtUp: boolean }
5
-
6
- const setup = (fetchNewer: jest.Mock, initial: Props) =>
7
- renderHook((props: Props) => useHeldBackMessages({ fetchNewer, ...props }), {
8
- initialProps: initial,
9
- })
10
-
11
- describe('useHeldBackMessages', () => {
12
- it('catches up from where the first skip happened, not from the newest message', async () => {
13
- const fetchNewer = jest.fn().mockResolvedValue(undefined)
14
- const { result, rerender } = setup(fetchNewer, {
15
- newestMessageId: 'A',
16
- readingHistory: true,
17
- caughtUp: true,
18
- })
19
-
20
- act(() => result.current.onSkippedNewMessage())
21
- rerender({ newestMessageId: 'B', readingHistory: true, caughtUp: true })
22
- await act(async () => rerender({ newestMessageId: 'B', readingHistory: false, caughtUp: true }))
23
-
24
- expect(fetchNewer).toHaveBeenCalledTimes(1)
25
- expect(fetchNewer).toHaveBeenCalledWith('A')
26
- })
27
-
28
- it('keeps the cursor when the catch-up fails and tries again next time', async () => {
29
- const fetchNewer = jest
30
- .fn()
31
- .mockRejectedValueOnce(new Error('offline'))
32
- .mockResolvedValue(undefined)
33
- const { result, rerender } = setup(fetchNewer, {
34
- newestMessageId: 'A',
35
- readingHistory: true,
36
- caughtUp: true,
37
- })
38
-
39
- act(() => result.current.onSkippedNewMessage())
40
- await act(async () => rerender({ newestMessageId: 'A', readingHistory: false, caughtUp: true }))
41
- rerender({ newestMessageId: 'C', readingHistory: true, caughtUp: true })
42
- await act(async () => rerender({ newestMessageId: 'C', readingHistory: false, caughtUp: true }))
43
-
44
- expect(fetchNewer).toHaveBeenCalledTimes(2)
45
- expect(fetchNewer).toHaveBeenLastCalledWith('A')
46
- })
47
-
48
- it('does nothing when nothing was held back', async () => {
49
- const fetchNewer = jest.fn()
50
- const { rerender } = setup(fetchNewer, {
51
- newestMessageId: 'A',
52
- readingHistory: true,
53
- caughtUp: true,
54
- })
55
-
56
- await act(async () => rerender({ newestMessageId: 'A', readingHistory: false, caughtUp: true }))
57
-
58
- expect(fetchNewer).not.toHaveBeenCalled()
59
- })
60
- })
@@ -1,73 +0,0 @@
1
- import { InfiniteData, QueryClientProvider } from '@tanstack/react-query'
2
- import { act, renderHook } from '@testing-library/react-native'
3
- import React from 'react'
4
- import { buildTestQueryClient } from '../../__utils__/query_client'
5
- import { ConversationContextProvider } from '../../contexts/conversation_context'
6
- import type { ApiCollection, MessageResource } from '../../types'
7
- import { getMessagesQueryKey } from '../../utils/request/get_messages'
8
- import { ApiClient, useApiClient } from '../use_api_client'
9
- import { useMessageReactionToggle } from '../use_message_reaction_toggle'
10
-
11
- jest.mock('../use_api_client')
12
-
13
- type QueryData = InfiniteData<ApiCollection<MessageResource>>
14
-
15
- const message = { id: '01M', type: 'Message', reactionCounts: [] } as unknown as MessageResource
16
- const liveKey = getMessagesQueryKey({ conversation_id: 1 })
17
- const anchoredKey = getMessagesQueryKey({ conversation_id: 1, anchor: '01A' })
18
- const seed = (): QueryData => ({
19
- pages: [{ data: [message], links: {}, meta: { count: 1, totalCount: 1 } }],
20
- pageParams: [{}],
21
- })
22
-
23
- const heartsIn = (queryClient: ReturnType<typeof buildTestQueryClient>, key: unknown[]) =>
24
- queryClient
25
- .getQueryData<QueryData>(key)
26
- ?.pages[0].data[0].reactionCounts.map(r => `${r.value}:${r.count}`)
27
-
28
- describe('useMessageReactionToggle', () => {
29
- beforeEach(() => {
30
- ;(useApiClient as jest.MockedFunction<typeof useApiClient>).mockReturnValue({
31
- chat: { post: jest.fn(() => new Promise(() => {})) },
32
- } as unknown as ApiClient)
33
- })
34
-
35
- it('applies the optimistic reaction to the cache the screen is showing', async () => {
36
- const queryClient = buildTestQueryClient({ defaultOptions: { queries: { gcTime: Infinity } } })
37
- queryClient.setQueryData<QueryData>(anchoredKey, seed())
38
- const wrapper = ({ children }: { children: React.ReactNode }) => (
39
- <QueryClientProvider client={queryClient}>
40
- <ConversationContextProvider
41
- conversationId={1}
42
- currentPageReplyRootId={null}
43
- messagesQueryKey={anchoredKey}
44
- >
45
- {children}
46
- </ConversationContextProvider>
47
- </QueryClientProvider>
48
- )
49
- const { result } = renderHook(() => useMessageReactionToggle({ conversation_id: 1, message }), {
50
- wrapper,
51
- })
52
-
53
- await act(async () => result.current.handleReactionToggle({ value: 'heart', mine: false }))
54
-
55
- expect(heartsIn(queryClient, anchoredKey)).toEqual(['heart:1'])
56
- expect(queryClient.getQueryData(liveKey)).toBeUndefined()
57
- })
58
-
59
- it('falls back to the live cache when no screen key is provided', async () => {
60
- const queryClient = buildTestQueryClient({ defaultOptions: { queries: { gcTime: Infinity } } })
61
- queryClient.setQueryData<QueryData>(liveKey, seed())
62
- const wrapper = ({ children }: { children: React.ReactNode }) => (
63
- <QueryClientProvider client={queryClient}>{children}</QueryClientProvider>
64
- )
65
- const { result } = renderHook(() => useMessageReactionToggle({ conversation_id: 1, message }), {
66
- wrapper,
67
- })
68
-
69
- await act(async () => result.current.handleReactionToggle({ value: 'heart', mine: false }))
70
-
71
- expect(heartsIn(queryClient, liveKey)).toEqual(['heart:1'])
72
- })
73
- })
@@ -1,29 +0,0 @@
1
- import { useQueryClient } from '@tanstack/react-query'
2
- import { useCallback, useSyncExternalStore } from 'react'
3
- import { findMessageInCaches } from '../utils/cache/find_message_in_caches'
4
- import { useConversationMessage } from './use_conversation_message'
5
-
6
- type Options = {
7
- conversation_id: number
8
- message_id: string
9
- }
10
-
11
- export const useConversationMessageLookup = ({ conversation_id, message_id }: Options) => {
12
- const queryClient = useQueryClient()
13
- const subscribe = useCallback(
14
- (onChange: () => void) => queryClient.getQueryCache().subscribe(onChange),
15
- [queryClient]
16
- )
17
- const getSnapshot = useCallback(
18
- () => findMessageInCaches(queryClient, conversation_id, message_id),
19
- [conversation_id, message_id, queryClient]
20
- )
21
- const cached = useSyncExternalStore(subscribe, getSnapshot)
22
- const fetched = useConversationMessage({
23
- conversation_id,
24
- messageId: message_id,
25
- enabled: !cached,
26
- })
27
-
28
- return cached ?? fetched.message
29
- }
@@ -1,40 +0,0 @@
1
- import { useQuery } from '@tanstack/react-query'
2
- import { ApiResource, MemberResource } from '../types'
3
- import { useApiClient } from './use_api_client'
4
-
5
- export interface DirectMessageEligibility {
6
- canDirectMessage: boolean
7
- directMessagesDisabled: boolean
8
- }
9
-
10
- export function useDirectMessageEligibility({
11
- groupId,
12
- personId,
13
- enabled = true,
14
- }: {
15
- groupId: string
16
- personId: number
17
- enabled?: boolean
18
- }) {
19
- const apiClient = useApiClient()
20
- const url = `/me/groups/${groupId}/members/${personId}`
21
-
22
- const { data, isLoading, isError } = useQuery({
23
- queryKey: ['chat', url, 'direct_message_eligibility'],
24
- queryFn: () =>
25
- apiClient.chat.get({
26
- url,
27
- data: { fields: { Member: ['can_direct_message', 'direct_messages_disabled'] } },
28
- }) as Promise<ApiResource<MemberResource>>,
29
- enabled,
30
- retry: false,
31
- })
32
-
33
- const member = data?.data
34
- const eligibility: DirectMessageEligibility | undefined = member && {
35
- canDirectMessage: member.canDirectMessage ?? false,
36
- directMessagesDisabled: member.directMessagesDisabled ?? false,
37
- }
38
-
39
- return { eligibility, isLoading, isError }
40
- }