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

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

@@ -1 +1 @@
-{"version":3,"file":"optimistically_update_message.js","names":["chatQueryClient","getMessagesQueryKey","updateOrCreateRecordInPagesData","optimisticallyUpdateMessage","conversationId","message","text","replyRootId","queryKey","conversation_id","reply_root_id","optimisticMessage","setQueryData","data","record","processRecord","next","prev","pending"],"sources":["../../../src/utils/cache/optimistically_update_message.ts"],"sourcesContent":["import { InfiniteData } from '@tanstack/react-query'\nimport { chatQueryClient } from '../../contexts/api_provider'\nimport { ApiCollection, MessageResource } from '../../types'\nimport { getMessagesQueryKey } from '../../utils/request/get_messages'\nimport { updateOrCreateRecordInPagesData } from './page_mutations'\n\nexport function optimisticallyUpdateMessage({\n  conversationId,\n  message,\n  text,\n  replyRootId,\n  queryKey = getMessagesQueryKey({ conversation_id: conversationId, reply_root_id: replyRootId }),\n}: {\n  conversationId: number\n  message: MessageResource\n  text: string\n  replyRootId?: string | null\n  queryKey?: unknown[]\n}) {\n  type QueryData = InfiniteData<ApiCollection<MessageResource>>\n\n  let optimisticMessage = message\n\n  chatQueryClient.setQueryData<QueryData>(queryKey, data =>\n    updateOrCreateRecordInPagesData({\n      data,\n      record: message,\n      processRecord: (next, prev) => {\n        optimisticMessage = {\n          ...(prev || next),\n          text,\n          pending: true,\n        }\n        return optimisticMessage\n      },\n    })\n  )\n\n  return optimisticMessage\n}\n"],"mappings":"AACA,SAASA,eAAe,QAAQ,6BAA6B;AAE7D,SAASC,mBAAmB,QAAQ,kCAAkC;AACtE,SAASC,+BAA+B,QAAQ,kBAAkB;AAElE,OAAO,SAASC,2BAA2BA,CAAC;EAC1CC,cAAc;EACdC,OAAO;EACPC,IAAI;EACJC,WAAW;EACXC,QAAQ,GAAGP,mBAAmB,CAAC;IAAEQ,eAAe,EAAEL,cAAc;IAAEM,aAAa,EAAEH;EAAY,CAAC;AAOhG,CAAC,EAAE;EAGD,IAAII,iBAAiB,GAAGN,OAAO;EAE/BL,eAAe,CAACY,YAAY,CAAYJ,QAAQ,EAAEK,IAAI,IACpDX,+BAA+B,CAAC;IAC9BW,IAAI;IACJC,MAAM,EAAET,OAAO;IACfU,aAAa,EAAEA,CAACC,IAAI,EAAEC,IAAI,KAAK;MAC7BN,iBAAiB,GAAG;QAClB,IAAIM,IAAI,IAAID,IAAI,CAAC;QACjBV,IAAI;QACJY,OAAO,EAAE;MACX,CAAC;MACD,OAAOP,iBAAiB;IAC1B;EACF,CAAC,CACH,CAAC;EAED,OAAOA,iBAAiB;AAC1B","ignoreList":[]}
+{"version":3,"file":"optimistically_update_message.js","names":["chatQueryClient","getMessagesQueryKey","updateOrCreateRecordInPagesData","optimisticallyUpdateMessage","conversationId","message","text","replyRootId","queryKey","conversation_id","reply_root_id","optimisticMessage","setQueryData","data","record","processRecord","next","prev","pending"],"sources":["../../../src/utils/cache/optimistically_update_message.ts"],"sourcesContent":["import { InfiniteData } from '@tanstack/react-query'\nimport { chatQueryClient } from '../../contexts/api_provider'\nimport { ApiCollection, MessageResource } from '../../types'\nimport { getMessagesQueryKey } from '../../utils/request/get_messages'\nimport { updateOrCreateRecordInPagesData } from './page_mutations'\n\nexport function optimisticallyUpdateMessage({\n  conversationId,\n  message,\n  text,\n  replyRootId,\n}: {\n  conversationId: number\n  message: MessageResource\n  text: string\n  replyRootId?: string | null\n}) {\n  type QueryData = InfiniteData<ApiCollection<MessageResource>>\n\n  const queryKey = getMessagesQueryKey({\n    conversation_id: conversationId,\n    reply_root_id: replyRootId,\n  })\n\n  let optimisticMessage = message\n\n  chatQueryClient.setQueryData<QueryData>(queryKey, data =>\n    updateOrCreateRecordInPagesData({\n      data,\n      record: message,\n      processRecord: (next, prev) => {\n        optimisticMessage = {\n          ...(prev || next),\n          text,\n          pending: true,\n        }\n        return optimisticMessage\n      },\n    })\n  )\n\n  return optimisticMessage\n}\n"],"mappings":"AACA,SAASA,eAAe,QAAQ,6BAA6B;AAE7D,SAASC,mBAAmB,QAAQ,kCAAkC;AACtE,SAASC,+BAA+B,QAAQ,kBAAkB;AAElE,OAAO,SAASC,2BAA2BA,CAAC;EAC1CC,cAAc;EACdC,OAAO;EACPC,IAAI;EACJC;AAMF,CAAC,EAAE;EAGD,MAAMC,QAAQ,GAAGP,mBAAmB,CAAC;IACnCQ,eAAe,EAAEL,cAAc;IAC/BM,aAAa,EAAEH;EACjB,CAAC,CAAC;EAEF,IAAII,iBAAiB,GAAGN,OAAO;EAE/BL,eAAe,CAACY,YAAY,CAAYJ,QAAQ,EAAEK,IAAI,IACpDX,+BAA+B,CAAC;IAC9BW,IAAI;IACJC,MAAM,EAAET,OAAO;IACfU,aAAa,EAAEA,CAACC,IAAI,EAAEC,IAAI,KAAK;MAC7BN,iBAAiB,GAAG;QAClB,IAAIM,IAAI,IAAID,IAAI,CAAC;QACjBV,IAAI;QACJY,OAAO,EAAE;MACX,CAAC;MACD,OAAOP,iBAAiB;IAC1B;EACF,CAAC,CACH,CAAC;EAED,OAAOA,iBAAiB;AAC1B","ignoreList":[]}

package/build/utils/client/types.d.ts

@@ -57,6 +57,5 @@ export type RequestData = {
     data: Record<string, unknown>;
     perPage: number;
     offset: number;
-    order: string;
 };
 //# sourceMappingURL=types.d.ts.map

package/build/utils/client/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/utils/client/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/utils/client/types.ts"],"names":[],"mappings":"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"}

package/build/utils/client/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":[],"sources":["../../../src/utils/client/types.ts"],"sourcesContent":["export interface Accumulator {\n  data: Record<string, unknown>[]\n  included: Record<string, unknown>[]\n  meta: Record<string, unknown>\n  links: Record<string, unknown>\n}\n\nexport interface WalkRequest extends GetRequest {\n  acc?: Accumulator\n}\n\nexport interface GenericRequest {\n  headers?: Record<string, string>\n  url: string\n}\n\nexport interface GetRequest extends GenericRequest {\n  data: {\n    filter?: string\n    fields: Record<string, string[]>\n    where?: Record<string, string | number | (string | number)[]>\n    include?: string[]\n    order?: string\n    perPage?: number\n    offset?: number\n    walk?: boolean\n  } & Record<string, unknown>\n}\n\nexport interface Relationship {\n  data: {\n    type: string\n    id: string\n  }\n}\n\nexport type Relationships = Record<string, Relationship | Relationship[]>\nexport interface PostRequest extends GenericRequest {\n  data?: {\n    fields?: Record<string, string> // value should be comma separated string\n    include?: string[]\n    data?: {\n      type: string\n      attributes: Record<string, unknown>\n      relationships?: Relationships\n    }\n  }\n}\n\nexport type PatchRequest = PostRequest\n\nexport interface DeleteRequest extends GenericRequest {}\n\nexport interface ApiClient<T = unknown> {\n  get(_request: GetRequest): Promise<T>\n  post(_request: PostRequest): Promise<T>\n  patch(_request: PatchRequest): Promise<T>\n  delete(_request: DeleteRequest): Promise<T>\n}\n\nexport type RequestData = {\n  fields: Record<string, string[] | string>\n  where: Record<string, string | number | (string | number)[]>\n  include: string[]\n  data: Record<string, unknown>\n  perPage: number\n  offset: number\n  order: string\n}\n"],"mappings":"","ignoreList":[]}
+{"version":3,"file":"types.js","names":[],"sources":["../../../src/utils/client/types.ts"],"sourcesContent":["export interface Accumulator {\n  data: Record<string, unknown>[]\n  included: Record<string, unknown>[]\n  meta: Record<string, unknown>\n  links: Record<string, unknown>\n}\n\nexport interface WalkRequest extends GetRequest {\n  acc?: Accumulator\n}\n\nexport interface GenericRequest {\n  headers?: Record<string, string>\n  url: string\n}\n\nexport interface GetRequest extends GenericRequest {\n  data: {\n    filter?: string\n    fields: Record<string, string[]>\n    where?: Record<string, string | number | (string | number)[]>\n    include?: string[]\n    order?: string\n    perPage?: number\n    offset?: number\n    walk?: boolean\n  } & Record<string, unknown>\n}\n\nexport interface Relationship {\n  data: {\n    type: string\n    id: string\n  }\n}\n\nexport type Relationships = Record<string, Relationship | Relationship[]>\nexport interface PostRequest extends GenericRequest {\n  data?: {\n    fields?: Record<string, string> // value should be comma separated string\n    include?: string[]\n    data?: {\n      type: string\n      attributes: Record<string, unknown>\n      relationships?: Relationships\n    }\n  }\n}\n\nexport type PatchRequest = PostRequest\n\nexport interface DeleteRequest extends GenericRequest {}\n\nexport interface ApiClient<T = unknown> {\n  get(_request: GetRequest): Promise<T>\n  post(_request: PostRequest): Promise<T>\n  patch(_request: PatchRequest): Promise<T>\n  delete(_request: DeleteRequest): Promise<T>\n}\n\nexport type RequestData = {\n  fields: Record<string, string[] | string>\n  where: Record<string, string | number | (string | number)[]>\n  include: string[]\n  data: Record<string, unknown>\n  perPage: number\n  offset: number\n}\n"],"mappings":"","ignoreList":[]}

package/build/utils/generate_placeholder_ulid.d.ts

@@ -1,3 +1,9 @@
+/**
+ * The actual `ulid` library depends on a secure random number generator, which looks like it
+ * may require a native dependency to polyfill in React Native.
+ * Since this is only used as a local temporary ID, I think we can get away with a simpler
+ * implementation that doesn't require any native dependencies.
+ */
 export declare function generatePlaceholderUlid({ offsetMs }?: {
     offsetMs?: number;
 }): string;

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

@@ -1 +1 @@
-{"version":3,"file":"generate_placeholder_ulid.d.ts","sourceRoot":"","sources":["../../src/utils/generate_placeholder_ulid.ts"],"names":[],"mappings":"AAkBA,wBAAgB,uBAAuB,CAAC,EAAE,QAAY,EAAE,GAAE;IAAE,QAAQ,CAAC,EAAE,MAAM,CAAA;CAAO,GAAG,MAAM,CAa5F"}
+{"version":3,"file":"generate_placeholder_ulid.d.ts","sourceRoot":"","sources":["../../src/utils/generate_placeholder_ulid.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAaH,wBAAgB,uBAAuB,CAAC,EAAE,QAAY,EAAE,GAAE;IAAE,QAAQ,CAAC,EAAE,MAAM,CAAA;CAAO,GAAG,MAAM,CAa5F"}

package/build/utils/generate_placeholder_ulid.js

@@ -1,5 +1,3 @@
-import { ULID_CHARS } from './ulid';
-
 /**
  * The actual `ulid` library depends on a secure random number generator, which looks like it
  * may require a native dependency to polyfill in React Native.
@@ -7,6 +5,8 @@ import { ULID_CHARS } from './ulid';
  * implementation that doesn't require any native dependencies.
  */
 
+const ULID_CHARS = '0123456789ABCDEFGHJKMNPQRSTVWXYZ'; // Crockford's Base32
+
 function encodeBase32(value, length) {
   let result = '';
   for (let i = 0; i < length; i++) {

package/build/utils/generate_placeholder_ulid.js.map

@@ -1 +1 @@
-{"version":3,"file":"generate_placeholder_ulid.js","names":["ULID_CHARS","encodeBase32","value","length","result","i","Math","floor","generatePlaceholderUlid","offsetMs","timestamp","Date","now","timeComponent","randomComponent","random"],"sources":["../../src/utils/generate_placeholder_ulid.ts"],"sourcesContent":["import { ULID_CHARS } from './ulid'\n\n/**\n * The actual `ulid` library depends on a secure random number generator, which looks like it\n * may require a native dependency to polyfill in React Native.\n * Since this is only used as a local temporary ID, I think we can get away with a simpler\n * implementation that doesn't require any native dependencies.\n */\n\nfunction encodeBase32(value: number, length: number) {\n  let result = ''\n  for (let i = 0; i < length; i++) {\n    result = ULID_CHARS[value % 32] + result\n    value = Math.floor(value / 32)\n  }\n  return result\n}\n\nexport function generatePlaceholderUlid({ offsetMs = 0 }: { offsetMs?: number } = {}): string {\n  const timestamp = Date.now() + offsetMs // Milliseconds since epoch\n  // 48 bits for timestamp (6 Base32 characters)\n  const timeComponent = encodeBase32(timestamp, 10) // 48 bits = 6 bytes = 10 Base32 characters (approx, needs more precise bit shifting)\n\n  // 80 bits for randomness (16 Base32 characters)\n  let randomComponent = ''\n  for (let i = 0; i < 16; i++) {\n    // Generate 16 random Base32 chars\n    randomComponent += ULID_CHARS[Math.floor(Math.random() * 32)]\n  }\n\n  return timeComponent + randomComponent\n}\n"],"mappings":"AAAA,SAASA,UAAU,QAAQ,QAAQ;;AAEnC;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASC,YAAYA,CAACC,KAAa,EAAEC,MAAc,EAAE;EACnD,IAAIC,MAAM,GAAG,EAAE;EACf,KAAK,IAAIC,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGF,MAAM,EAAEE,CAAC,EAAE,EAAE;IAC/BD,MAAM,GAAGJ,UAAU,CAACE,KAAK,GAAG,EAAE,CAAC,GAAGE,MAAM;IACxCF,KAAK,GAAGI,IAAI,CAACC,KAAK,CAACL,KAAK,GAAG,EAAE,CAAC;EAChC;EACA,OAAOE,MAAM;AACf;AAEA,OAAO,SAASI,uBAAuBA,CAAC;EAAEC,QAAQ,GAAG;AAAyB,CAAC,GAAG,CAAC,CAAC,EAAU;EAC5F,MAAMC,SAAS,GAAGC,IAAI,CAACC,GAAG,CAAC,CAAC,GAAGH,QAAQ,EAAC;EACxC;EACA,MAAMI,aAAa,GAAGZ,YAAY,CAACS,SAAS,EAAE,EAAE,CAAC,EAAC;;EAElD;EACA,IAAII,eAAe,GAAG,EAAE;EACxB,KAAK,IAAIT,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAG,EAAE,EAAEA,CAAC,EAAE,EAAE;IAC3B;IACAS,eAAe,IAAId,UAAU,CAACM,IAAI,CAACC,KAAK,CAACD,IAAI,CAACS,MAAM,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC;EAC/D;EAEA,OAAOF,aAAa,GAAGC,eAAe;AACxC","ignoreList":[]}
+{"version":3,"file":"generate_placeholder_ulid.js","names":["ULID_CHARS","encodeBase32","value","length","result","i","Math","floor","generatePlaceholderUlid","offsetMs","timestamp","Date","now","timeComponent","randomComponent","random"],"sources":["../../src/utils/generate_placeholder_ulid.ts"],"sourcesContent":["/**\n * The actual `ulid` library depends on a secure random number generator, which looks like it\n * may require a native dependency to polyfill in React Native.\n * Since this is only used as a local temporary ID, I think we can get away with a simpler\n * implementation that doesn't require any native dependencies.\n */\n\nconst ULID_CHARS = '0123456789ABCDEFGHJKMNPQRSTVWXYZ' // Crockford's Base32\n\nfunction encodeBase32(value: number, length: number) {\n  let result = ''\n  for (let i = 0; i < length; i++) {\n    result = ULID_CHARS[value % 32] + result\n    value = Math.floor(value / 32)\n  }\n  return result\n}\n\nexport function generatePlaceholderUlid({ offsetMs = 0 }: { offsetMs?: number } = {}): string {\n  const timestamp = Date.now() + offsetMs // Milliseconds since epoch\n  // 48 bits for timestamp (6 Base32 characters)\n  const timeComponent = encodeBase32(timestamp, 10) // 48 bits = 6 bytes = 10 Base32 characters (approx, needs more precise bit shifting)\n\n  // 80 bits for randomness (16 Base32 characters)\n  let randomComponent = ''\n  for (let i = 0; i < 16; i++) {\n    // Generate 16 random Base32 chars\n    randomComponent += ULID_CHARS[Math.floor(Math.random() * 32)]\n  }\n\n  return timeComponent + randomComponent\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;;AAEA,MAAMA,UAAU,GAAG,kCAAkC,EAAC;;AAEtD,SAASC,YAAYA,CAACC,KAAa,EAAEC,MAAc,EAAE;EACnD,IAAIC,MAAM,GAAG,EAAE;EACf,KAAK,IAAIC,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGF,MAAM,EAAEE,CAAC,EAAE,EAAE;IAC/BD,MAAM,GAAGJ,UAAU,CAACE,KAAK,GAAG,EAAE,CAAC,GAAGE,MAAM;IACxCF,KAAK,GAAGI,IAAI,CAACC,KAAK,CAACL,KAAK,GAAG,EAAE,CAAC;EAChC;EACA,OAAOE,MAAM;AACf;AAEA,OAAO,SAASI,uBAAuBA,CAAC;EAAEC,QAAQ,GAAG;AAAyB,CAAC,GAAG,CAAC,CAAC,EAAU;EAC5F,MAAMC,SAAS,GAAGC,IAAI,CAACC,GAAG,CAAC,CAAC,GAAGH,QAAQ,EAAC;EACxC;EACA,MAAMI,aAAa,GAAGZ,YAAY,CAACS,SAAS,EAAE,EAAE,CAAC,EAAC;;EAElD;EACA,IAAII,eAAe,GAAG,EAAE;EACxB,KAAK,IAAIT,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAG,EAAE,EAAEA,CAAC,EAAE,EAAE;IAC3B;IACAS,eAAe,IAAId,UAAU,CAACM,IAAI,CAACC,KAAK,CAACD,IAAI,CAACS,MAAM,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC;EAC/D;EAEA,OAAOF,aAAa,GAAGC,eAAe;AACxC","ignoreList":[]}

package/build/utils/request/get_messages.d.ts

@@ -1,23 +1,9 @@
-type MessagesRequestOptions = {
+export declare const getMessagesRequestArgs: ({ conversation_id, reply_root_id, }: {
     conversation_id: number;
     reply_root_id?: string | null;
-    anchor?: string | null;
-};
-export declare const getMessagesRequestArgs: ({ conversation_id, reply_root_id, anchor, }: MessagesRequestOptions) => {
+}) => {
     url: string;
     data: {
-        where: {
-            id_around: string;
-        };
-        perPage: number;
-        fields: {
-            Message: string[];
-            Person: string[];
-            ReactionCount: string[];
-        };
-        include: string[];
-    } | {
-        where?: undefined;
         perPage: number;
         fields: {
             Message: string[];
@@ -28,6 +14,8 @@ export declare const getMessagesRequestArgs: ({ conversation_id, reply_root_id,
     };
     reply_root_id: string | null;
 };
-export declare const getMessagesQueryKey: (options: MessagesRequestOptions) => import("../..").RequestQueryKey;
-export {};
+export declare const getMessagesQueryKey: ({ conversation_id, reply_root_id, }: {
+    conversation_id: number;
+    reply_root_id?: string | null;
+}) => import("../..").RequestQueryKey;
 //# sourceMappingURL=get_messages.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"get_messages.d.ts","sourceRoot":"","sources":["../../../src/utils/request/get_messages.ts"],"names":[],"mappings":"AAGA,KAAK,sBAAsB,GAAG;IAC5B,eAAe,EAAE,MAAM,CAAA;IACvB,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC7B,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;CACvB,CAAA;AAED,eAAO,MAAM,sBAAsB,GAAI,6CAIpC,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;CAiBxB,CAAA;AAED,eAAO,MAAM,mBAAmB,GAAI,SAAS,sBAAsB,oCACd,CAAA"}
+{"version":3,"file":"get_messages.d.ts","sourceRoot":"","sources":["../../../src/utils/request/get_messages.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,sBAAsB,GAAI,qCAGpC;IACD,eAAe,EAAE,MAAM,CAAA;IACvB,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;CAC9B;;;;;;;;;;;;CAeA,CAAA;AAED,eAAO,MAAM,mBAAmB,GAAI,qCAGjC;IACD,eAAe,EAAE,MAAM,CAAA;IACvB,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;CAC9B,oCAGA,CAAA"}

package/build/utils/request/get_messages.js

@@ -2,26 +2,28 @@ import { getRequestQueryKey } from '../../hooks/use_suspense_api';
 import { getMessageFields, getMessagesInclude } from './messages_data_options';
 export const getMessagesRequestArgs = ({
   conversation_id,
-  reply_root_id,
-  anchor
+  reply_root_id
 }) => {
   const normalizedReplyRootId = reply_root_id ?? null;
   const url = normalizedReplyRootId ? `/me/conversations/${conversation_id}/messages/${normalizedReplyRootId}/replies` : `/me/conversations/${conversation_id}/messages`;
-  const anchored = anchor ? {
-    where: {
-      id_around: anchor
-    }
-  } : {};
   return {
     url,
     data: {
       perPage: 25,
       fields: getMessageFields,
-      include: getMessagesInclude,
-      ...anchored
+      include: getMessagesInclude
     },
     reply_root_id: normalizedReplyRootId
   };
 };
-export const getMessagesQueryKey = options => getRequestQueryKey(getMessagesRequestArgs(options));
+export const getMessagesQueryKey = ({
+  conversation_id,
+  reply_root_id
+}) => {
+  const requestArgs = getMessagesRequestArgs({
+    conversation_id,
+    reply_root_id
+  });
+  return getRequestQueryKey(requestArgs);
+};
 //# sourceMappingURL=get_messages.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"get_messages.js","names":["getRequestQueryKey","getMessageFields","getMessagesInclude","getMessagesRequestArgs","conversation_id","reply_root_id","anchor","normalizedReplyRootId","url","anchored","where","id_around","data","perPage","fields","include","getMessagesQueryKey","options"],"sources":["../../../src/utils/request/get_messages.ts"],"sourcesContent":["import { getRequestQueryKey } from '../../hooks/use_suspense_api'\nimport { getMessageFields, getMessagesInclude } from './messages_data_options'\n\ntype MessagesRequestOptions = {\n  conversation_id: number\n  reply_root_id?: string | null\n  anchor?: string | null\n}\n\nexport const getMessagesRequestArgs = ({\n  conversation_id,\n  reply_root_id,\n  anchor,\n}: MessagesRequestOptions) => {\n  const normalizedReplyRootId = reply_root_id ?? null\n  const url = normalizedReplyRootId\n    ? `/me/conversations/${conversation_id}/messages/${normalizedReplyRootId}/replies`\n    : `/me/conversations/${conversation_id}/messages`\n  const anchored = anchor ? { where: { id_around: anchor } } : {}\n\n  return {\n    url,\n    data: {\n      perPage: 25,\n      fields: getMessageFields,\n      include: getMessagesInclude,\n      ...anchored,\n    },\n    reply_root_id: normalizedReplyRootId,\n  }\n}\n\nexport const getMessagesQueryKey = (options: MessagesRequestOptions) =>\n  getRequestQueryKey(getMessagesRequestArgs(options))\n"],"mappings":"AAAA,SAASA,kBAAkB,QAAQ,8BAA8B;AACjE,SAASC,gBAAgB,EAAEC,kBAAkB,QAAQ,yBAAyB;AAQ9E,OAAO,MAAMC,sBAAsB,GAAGA,CAAC;EACrCC,eAAe;EACfC,aAAa;EACbC;AACsB,CAAC,KAAK;EAC5B,MAAMC,qBAAqB,GAAGF,aAAa,IAAI,IAAI;EACnD,MAAMG,GAAG,GAAGD,qBAAqB,GAC7B,qBAAqBH,eAAe,aAAaG,qBAAqB,UAAU,GAChF,qBAAqBH,eAAe,WAAW;EACnD,MAAMK,QAAQ,GAAGH,MAAM,GAAG;IAAEI,KAAK,EAAE;MAAEC,SAAS,EAAEL;IAAO;EAAE,CAAC,GAAG,CAAC,CAAC;EAE/D,OAAO;IACLE,GAAG;IACHI,IAAI,EAAE;MACJC,OAAO,EAAE,EAAE;MACXC,MAAM,EAAEb,gBAAgB;MACxBc,OAAO,EAAEb,kBAAkB;MAC3B,GAAGO;IACL,CAAC;IACDJ,aAAa,EAAEE;EACjB,CAAC;AACH,CAAC;AAED,OAAO,MAAMS,mBAAmB,GAAIC,OAA+B,IACjEjB,kBAAkB,CAACG,sBAAsB,CAACc,OAAO,CAAC,CAAC","ignoreList":[]}
+{"version":3,"file":"get_messages.js","names":["getRequestQueryKey","getMessageFields","getMessagesInclude","getMessagesRequestArgs","conversation_id","reply_root_id","normalizedReplyRootId","url","data","perPage","fields","include","getMessagesQueryKey","requestArgs"],"sources":["../../../src/utils/request/get_messages.ts"],"sourcesContent":["import { getRequestQueryKey } from '../../hooks/use_suspense_api'\nimport { getMessageFields, getMessagesInclude } from './messages_data_options'\n\nexport const getMessagesRequestArgs = ({\n  conversation_id,\n  reply_root_id,\n}: {\n  conversation_id: number\n  reply_root_id?: string | null\n}) => {\n  const normalizedReplyRootId = reply_root_id ?? null\n  const url = normalizedReplyRootId\n    ? `/me/conversations/${conversation_id}/messages/${normalizedReplyRootId}/replies`\n    : `/me/conversations/${conversation_id}/messages`\n\n  return {\n    url,\n    data: {\n      perPage: 25,\n      fields: getMessageFields,\n      include: getMessagesInclude,\n    },\n    reply_root_id: normalizedReplyRootId,\n  }\n}\n\nexport const getMessagesQueryKey = ({\n  conversation_id,\n  reply_root_id,\n}: {\n  conversation_id: number\n  reply_root_id?: string | null\n}) => {\n  const requestArgs = getMessagesRequestArgs({ conversation_id, reply_root_id })\n  return getRequestQueryKey(requestArgs)\n}\n"],"mappings":"AAAA,SAASA,kBAAkB,QAAQ,8BAA8B;AACjE,SAASC,gBAAgB,EAAEC,kBAAkB,QAAQ,yBAAyB;AAE9E,OAAO,MAAMC,sBAAsB,GAAGA,CAAC;EACrCC,eAAe;EACfC;AAIF,CAAC,KAAK;EACJ,MAAMC,qBAAqB,GAAGD,aAAa,IAAI,IAAI;EACnD,MAAME,GAAG,GAAGD,qBAAqB,GAC7B,qBAAqBF,eAAe,aAAaE,qBAAqB,UAAU,GAChF,qBAAqBF,eAAe,WAAW;EAEnD,OAAO;IACLG,GAAG;IACHC,IAAI,EAAE;MACJC,OAAO,EAAE,EAAE;MACXC,MAAM,EAAET,gBAAgB;MACxBU,OAAO,EAAET;IACX,CAAC;IACDG,aAAa,EAAEC;EACjB,CAAC;AACH,CAAC;AAED,OAAO,MAAMM,mBAAmB,GAAGA,CAAC;EAClCR,eAAe;EACfC;AAIF,CAAC,KAAK;EACJ,MAAMQ,WAAW,GAAGV,sBAAsB,CAAC;IAAEC,eAAe;IAAEC;EAAc,CAAC,CAAC;EAC9E,OAAOL,kBAAkB,CAACa,WAAW,CAAC;AACxC,CAAC","ignoreList":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@planningcenter/chat-react-native",
-  "version": "4.2.1-qa-staging.5",
+  "version": "4.3.0-rc.0",
   "description": "",
   "repository": {
     "type": "git",
@@ -33,7 +33,7 @@
   "dependencies": {
     "@fortawesome/fontawesome-svg-core": "^7.2.0",
     "@fortawesome/react-native-fontawesome": "^0.3.2",
-    "@planningcenter/emoji-keyboard": "4.2.1-qa-staging.5",
+    "@planningcenter/emoji-keyboard": "4.0.0",
     "lodash-inflection": "^1.5.0"
   },
   "peerDependencies": {
@@ -84,5 +84,5 @@
     "sf-symbols-typescript": "^2.2.0",
     "typescript": "~6.0.3"
   },
-  "gitHead": "bd4aec108e0d47db3983b45c529f88787afc5beb"
+  "gitHead": "2d5f97948a3f69f26435fa88e8cbfdd264270022"
 }

package/src/__tests__/hooks/paginator_meta.test.ts

@@ -1,13 +1,7 @@
-import {
-  getNewerPageParam,
-  getNextPageParamFromMeta,
-  mergePageWhere,
-} from '../../hooks/paginator_meta'
-import { NextPageCursor } from '../../types/api_primitives'
-import { RequestData } from '../../utils/client'
+import { getNextPageParamFromMeta } from '../../hooks/paginator_meta'
 
 describe('getNextPageParamFromMeta', () => {
-  it.each<[NextPageCursor | undefined, Partial<RequestData> | undefined]>([
+  it.each([
     [undefined, undefined],
     [{}, undefined],
     [{ idLt: '01ABC' }, { where: { id_lt: '01ABC' } }],
@@ -15,72 +9,7 @@ describe('getNextPageParamFromMeta', () => {
     [{ idGt: '01ABC' }, { where: { id_gt: '01ABC' } }],
     [{ idGte: '01ABC' }, { where: { id_gte: '01ABC' } }],
     [{ offset: '40' }, { offset: 40 }],
-    [
-      { idLt: '01ABC', order: 'desc' },
-      { where: { id_lt: '01ABC' }, order: 'desc' },
-    ],
-    [
-      { idGt: '01ABC', order: 'asc' },
-      { where: { id_gt: '01ABC' }, order: 'asc' },
-    ],
   ])('maps %p to %p', (input, expected) => {
     expect(getNextPageParamFromMeta(input)).toEqual(expected)
   })
 })
-
-describe('getNewerPageParam', () => {
-  const page = (meta: { next?: NextPageCursor; prev?: NextPageCursor }) => ({
-    data: [],
-    links: {},
-    meta: { count: 0, totalCount: 0, ...meta },
-  })
-
-  it('follows meta.prev on the anchored page', () => {
-    const anchored = page({
-      next: { idLt: '01A', order: 'desc' },
-      prev: { idGt: '01E', order: 'asc' },
-    })
-
-    expect(getNewerPageParam(anchored, {})).toEqual({ where: { id_gt: '01E' }, order: 'asc' })
-  })
-
-  it('stops when the anchored page has no newer side', () => {
-    expect(getNewerPageParam(page({ next: { idLt: '01A', order: 'desc' } }), {})).toBeUndefined()
-  })
-
-  it('follows meta.next on an ascending page', () => {
-    const newer = page({ next: { idGt: '01H', order: 'asc' } })
-
-    expect(getNewerPageParam(newer, { order: 'asc' })).toEqual({
-      where: { id_gt: '01H' },
-      order: 'asc',
-    })
-  })
-
-  it('stops once an ascending page has no meta.next', () => {
-    expect(getNewerPageParam(page({}), { order: 'asc' })).toBeUndefined()
-  })
-})
-
-describe('mergePageWhere', () => {
-  it('lets a page cursor replace the request bound instead of stacking bounds', () => {
-    expect(mergePageWhere({ id_around: '01ANCHOR' }, { id_gt: '01NEWER' })).toEqual({
-      id_gt: '01NEWER',
-    })
-    expect(mergePageWhere({ id_around: '01ANCHOR' }, { id_lt: '01OLDER' })).toEqual({
-      id_lt: '01OLDER',
-    })
-  })
-
-  it('keeps non-cursor filters alongside the cursor', () => {
-    expect(mergePageWhere({ source_type: 'Group' }, { id_lt: '01OLDER' })).toEqual({
-      source_type: 'Group',
-      id_lt: '01OLDER',
-    })
-  })
-
-  it('leaves the request where alone when the page has no cursor', () => {
-    expect(mergePageWhere({ id_around: '01ANCHOR' }, {})).toEqual({ id_around: '01ANCHOR' })
-    expect(mergePageWhere(undefined, undefined)).toEqual({})
-  })
-})

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

@@ -104,7 +104,6 @@ let queryClient: QueryClient
 
 // A top-level rerender would rebuild the wrapper context and redraw every row.
 let setHarnessConversation: (next: ConversationResource) => void = () => {}
-let harnessAnchorMessageId: string | null = null
 
 function Harness() {
   const [current, setCurrent] = React.useState(conversation)
@@ -118,7 +117,6 @@ function Harness() {
       conversation={current}
       conversationId={CONVERSATION_ID}
       messages={loaded}
-      anchorMessageId={harnessAnchorMessageId}
       hasNextPage
       onEndReached={() => {}}
     />
@@ -178,49 +176,9 @@ beforeEach(() => {
 afterEach(() => {
   queryClient.clear()
   jest.clearAllMocks()
-  harnessAnchorMessageId = null
 })
 
 describe('MessageList', () => {
-  it('pins the anchor row to the bottom edge as content lays out, until the user drags', () => {
-    const scrollToIndex = jest.spyOn(FlatList.prototype, 'scrollToIndex').mockImplementation()
-    harnessAnchorMessageId = messages[3].id
-    renderList()
-    const list = screen.UNSAFE_getByType(FlatList)
-    const anchorIndex = list.props.data.findIndex(
-      (item: { id: string }) => item.id === messages[3].id
-    )
-
-    act(() => list.props.onLayout({ nativeEvent: { layout: { height: 600 } } }))
-    act(() => list.props.onContentSizeChange(0, 400))
-    expect(scrollToIndex).not.toHaveBeenCalled()
-
-    act(() => list.props.onContentSizeChange(0, 1000))
-    act(() => list.props.onContentSizeChange(0, 2000))
-    expect(anchorIndex).toBeGreaterThan(0)
-    expect(scrollToIndex).toHaveBeenCalledTimes(2)
-    expect(scrollToIndex).toHaveBeenLastCalledWith({
-      index: anchorIndex,
-      viewPosition: 0,
-      animated: false,
-    })
-
-    act(() => list.props.onScrollBeginDrag({ nativeEvent: {} }))
-    act(() => list.props.onContentSizeChange(0, 3000))
-    expect(scrollToIndex).toHaveBeenCalledTimes(2)
-  })
-
-  it('leaves the offset alone when there is no anchor', () => {
-    const scrollToIndex = jest.spyOn(FlatList.prototype, 'scrollToIndex').mockImplementation()
-    renderList()
-    const list = screen.UNSAFE_getByType(FlatList)
-
-    act(() => list.props.onLayout({ nativeEvent: { layout: { height: 600 } } }))
-    act(() => list.props.onContentSizeChange(0, 1000))
-
-    expect(scrollToIndex).not.toHaveBeenCalled()
-  })
-
   it('redraws only the reacted row when a reaction arrives', () => {
     renderList()
     const target = messages[3]

package/src/components/conversation/message_form.tsx

@@ -71,7 +71,6 @@ interface MessagesFormRootProps extends ViewProps {
   replyRootId?: string | null
   replyRootAuthorFirstName?: string | null
   onFlaggedInMessageForm?: (id: string) => void
-  onBeforeSubmit?: () => void
 }
 
 const MessageFormContext = React.createContext<{
@@ -114,7 +113,6 @@ function MessageFormRoot({
   replyRootId,
   replyRootAuthorFirstName,
   onFlaggedInMessageForm,
-  onBeforeSubmit,
 }: MessagesFormRootProps) {
   const { giphyApiKey } = useContext(ChatContext)
   const canGiphy = !!giphyApiKey && !currentlyEditingMessage
@@ -250,7 +248,6 @@ function MessageFormRoot({
         mutateAsync({ text: messageText })
         reset()
       } else {
-        onBeforeSubmit?.()
         mutateAsync({ text: messageText, attachments: attachmentsForSubmit })
         reset()
       }

package/src/components/conversation/message_list.tsx

@@ -1,6 +1,5 @@
 import { date as formatDate } from '@planningcenter/datetime-fmt'
-import { noop } from 'lodash'
-import React, { RefObject, useRef } from 'react'
+import React, { RefObject } from 'react'
 import { FlatList, FlatListProps, StyleSheet, View } from 'react-native'
 import { useTheme } from '../../hooks'
 import { ConversationResource } from '../../types/resources/conversation'
@@ -17,15 +16,7 @@ import { SystemMessage } from './system_message'
 
 type ScrollHandlers = Pick<
   FlatListProps<EnrichedMessage>,
-  | 'onScroll'
-  | 'onLayout'
-  | 'onContentSizeChange'
-  | 'onScrollEndDrag'
-  | 'onMomentumScrollEnd'
-  | 'onScrollBeginDrag'
-  | 'onStartReached'
-  | 'onStartReachedThreshold'
-  | 'maintainVisibleContentPosition'
+  'onScroll' | 'onLayout' | 'onContentSizeChange' | 'onScrollEndDrag' | 'onMomentumScrollEnd'
 >
 
 interface MessageListProps extends ScrollHandlers {
@@ -34,7 +25,6 @@ interface MessageListProps extends ScrollHandlers {
   conversationId: number
   messages: MessageResource[]
   replyRootId?: string | null
-  anchorMessageId?: string | null
   hasNextPage: boolean
   onEndReached: () => void
 }
@@ -48,7 +38,6 @@ export function MessageList({
   conversationId,
   messages,
   replyRootId,
-  anchorMessageId,
   hasNextPage,
   onEndReached,
   onScroll,
@@ -56,10 +45,6 @@ export function MessageList({
   onContentSizeChange,
   onScrollEndDrag,
   onMomentumScrollEnd,
-  onScrollBeginDrag,
-  onStartReached,
-  onStartReachedThreshold,
-  maintainVisibleContentPosition,
 }: MessageListProps) {
   const styles = useStyles()
   const inReplyScreen = !!replyRootId
@@ -67,40 +52,6 @@ export function MessageList({
     conversation.memberAbility?.canDeleteNonAuthoredMessages ?? false
   const latestRead = conversation.latestReadMessageSortKey
   const messagesWithSeparators = groupMessages({ ms: messages, inReplyScreen })
-  const anchorIndex = anchorMessageId
-    ? messagesWithSeparators.findIndex(item => item.id === anchorMessageId)
-    : -1
-  const layoutHeight = useRef(0)
-  const contentHeight = useRef(0)
-  const userHasScrolled = useRef(false)
-
-  const pinAnchorToBottomEdge = () => {
-    if (anchorIndex < 0 || userHasScrolled.current) return
-    const scrollable = layoutHeight.current > 0 && contentHeight.current > layoutHeight.current
-    if (!scrollable) return
-
-    listRef.current?.scrollToIndex({ index: anchorIndex, viewPosition: 0, animated: false })
-  }
-
-  const handleLayout: FlatListProps<EnrichedMessage>['onLayout'] = event => {
-    onLayout?.(event)
-    layoutHeight.current = event.nativeEvent.layout.height
-    pinAnchorToBottomEdge()
-  }
-
-  const handleContentSizeChange: FlatListProps<EnrichedMessage>['onContentSizeChange'] = (
-    width,
-    height
-  ) => {
-    onContentSizeChange?.(width, height)
-    contentHeight.current = height
-    pinAnchorToBottomEdge()
-  }
-
-  const handleScrollBeginDrag: FlatListProps<EnrichedMessage>['onScrollBeginDrag'] = event => {
-    userHasScrolled.current = true
-    onScrollBeginDrag?.(event)
-  }
 
   return (
     <FlatList
@@ -110,9 +61,8 @@ export function MessageList({
       data={messagesWithSeparators}
       keyExtractor={item => item.id}
       onScroll={onScroll}
-      onLayout={handleLayout}
-      onContentSizeChange={handleContentSizeChange}
-      onScrollToIndexFailed={noop}
+      onLayout={onLayout}
+      onContentSizeChange={onContentSizeChange}
       onScrollEndDrag={onScrollEndDrag}
       onMomentumScrollEnd={onMomentumScrollEnd}
       scrollEventThrottle={10}
@@ -152,10 +102,6 @@ export function MessageList({
         )
       }}
       onEndReached={onEndReached}
-      onScrollBeginDrag={handleScrollBeginDrag}
-      onStartReached={onStartReached}
-      onStartReachedThreshold={onStartReachedThreshold}
-      maintainVisibleContentPosition={maintainVisibleContentPosition}
       ListHeaderComponent={<View style={styles.listHeader} />}
     />
   )

package/src/contexts/api_provider.tsx

@@ -13,7 +13,6 @@ import { appGrantsRequestArgs } from '../hooks/use_chat_permissions'
 import { featuresQueryOptions } from '../hooks/use_features'
 import { getRequestQueryKey, RequestQueryKey } from '../hooks/use_suspense_api'
 import { emitAuthRefresh } from '../utils/auth_events'
-import { invalidateRefetchableQueries } from '../utils/cache/invalidate_refetchable_queries'
 import { ResponseError } from '../utils/response_error'
 import { ChatContext, ChatContextValue } from './chat_context'
 
@@ -60,7 +59,7 @@ export function ApiProvider({ children }: ViewProps) {
     emitAuthRefresh()
 
     if (chatQueryClient.isFetching()) {
-      invalidateRefetchableQueries(chatQueryClient)
+      chatQueryClient.invalidateQueries()
       return
     }
 

package/src/contexts/conversation_context.tsx

@@ -3,34 +3,29 @@ import React, { createContext, PropsWithChildren, useContext, useMemo } from 're
 interface ConversationContextValue {
   conversationId: number
   currentPageReplyRootId: string | null
-  messagesQueryKey: unknown[] | null
 }
 
 interface ConversationContextProviderProps extends PropsWithChildren {
   conversationId: number
   currentPageReplyRootId: string | null
-  messagesQueryKey?: unknown[] | null
 }
 
 const ConversationContext = createContext<ConversationContextValue>({
   conversationId: 0,
   currentPageReplyRootId: null,
-  messagesQueryKey: null,
 })
 
 export const ConversationContextProvider = ({
   children,
   conversationId,
   currentPageReplyRootId,
-  messagesQueryKey = null,
 }: ConversationContextProviderProps) => {
   const value = useMemo(
     () => ({
       conversationId,
       currentPageReplyRootId,
-      messagesQueryKey,
     }),
-    [conversationId, currentPageReplyRootId, messagesQueryKey]
+    [conversationId, currentPageReplyRootId]
   )
 
   return <ConversationContext.Provider value={value}>{children}</ConversationContext.Provider>

package/src/hooks/paginator_meta.ts

@@ -1,37 +1,13 @@
-import { ApiCollection, NextPageCursor, ResourceObject } from '../types/api_primitives'
+import { NextPageCursor } from '../types/api_primitives'
 import { RequestData } from '../utils/client'
 
 export const getNextPageParamFromMeta = (
   next: NextPageCursor = {}
 ): Partial<RequestData> | undefined => {
-  if (next.idLt) return withOrder({ where: { id_lt: next.idLt } }, next.order)
-  if (next.idGt) return withOrder({ where: { id_gt: next.idGt } }, next.order)
-  if (next.idLte) return withOrder({ where: { id_lte: next.idLte } }, next.order)
-  if (next.idGte) return withOrder({ where: { id_gte: next.idGte } }, next.order)
+  if (next.idLt) return { where: { id_lt: next.idLt } }
+  if (next.idGt) return { where: { id_gt: next.idGt } }
+  if (next.idLte) return { where: { id_lte: next.idLte } }
+  if (next.idGte) return { where: { id_gte: next.idGte } }
   if (next.offset) return { offset: Number(next.offset) }
   return undefined
 }
-
-const withOrder = (param: Partial<RequestData>, order: NextPageCursor['order']) =>
-  order ? { ...param, order } : param
-
-const BOUND_KEYS = ['id_lt', 'id_lte', 'id_gt', 'id_gte', 'id_around']
-
-export const mergePageWhere = (
-  argsWhere: RequestData['where'] = {},
-  pageWhere: RequestData['where'] = {}
-): RequestData['where'] => {
-  const pageHasCursor = BOUND_KEYS.some(key => key in pageWhere)
-  const base = pageHasCursor
-    ? Object.fromEntries(Object.entries(argsWhere).filter(([key]) => !BOUND_KEYS.includes(key)))
-    : argsWhere
-  return { ...base, ...pageWhere }
-}
-
-export const getNewerPageParam = (
-  page: ApiCollection<ResourceObject>,
-  pageParam: Partial<RequestData> | undefined
-): Partial<RequestData> | undefined => {
-  const isAscendingPage = pageParam?.order === 'asc'
-  return getNextPageParamFromMeta(isAscendingPage ? page.meta?.next : page.meta?.prev)
-}

package/src/hooks/use_api.ts

@@ -4,7 +4,7 @@ import { ChatContext } from '../contexts/chat_context'
 import { ApiCollection, ApiResource, ResourceObject } from '../types'
 import { GetRequest, RequestData } from '../utils/client'
 import { ResponseError, throwResponseError } from '../utils/response_error'
-import { getNextPageParamFromMeta, mergePageWhere } from './paginator_meta'
+import { getNextPageParamFromMeta } from './paginator_meta'
 import { App, useApiClient } from './use_api_client'
 import { getRequestQueryKey, RequestQueryKey } from './use_suspense_api'
 
@@ -61,11 +61,12 @@ export const useApiPaginator = <T extends ResourceObject>(
   >({
     queryKey: getRequestQueryKey(args),
     queryFn: ({ pageParam }) => {
-      const where = mergePageWhere(args.data.where, pageParam?.where)
+      const pageParmWhere = pageParam?.where || {}
+      const argsWhere = args.data.where || {}
+      const where = { ...argsWhere, ...pageParmWhere }
       const app = args.app || 'chat'
       const offset = pageParam?.offset || args.data.offset
-      const order = pageParam?.order || args.data.order
-      const data = { ...args.data, where, offset, order }
+      const data = { ...args.data, where, offset }
 
       return apiClient[app].get<ApiCollection<T>>({ url: args.url, data }).catch(throwResponseError)
     },