@planningcenter/chat-react-native 3.38.0-rc.1 → 3.38.0-rc.10

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

@@ -1 +1 @@
-{"version":3,"file":"client.js","sourceRoot":"","sources":["../../../src/utils/client/client.ts"],"names":[],"mappings":"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","sourcesContent":["import { ApiCollection, ApiResource, FailedResponse } from '../../types'\nimport {\n  concatRecords,\n  ensureNoQueryParamsInDev,\n  makeRequest,\n  MakeRequestArgs,\n  throwErrorIfFieldsMissing,\n  throwErrorIfQueryParams,\n} from './request_helpers'\nimport { DeleteRequest, GetRequest, PatchRequest, PostRequest, WalkRequest } from './types'\n\nexport type OnUnauthorizedResponse = (_response: FailedResponse) => void\n\ntype ClientArgs = {\n  version: string\n  defaultHeaders?: Record<string, string>\n  onUnauthorizedResponse?: OnUnauthorizedResponse\n  root?: string\n}\n\nexport class Client {\n  version: string = ''\n  defaultHeaders: Record<string, string> = {}\n  onUnauthorizedResponse?: OnUnauthorizedResponse\n  root?: string\n\n  constructor({ version, defaultHeaders = {}, onUnauthorizedResponse, root }: ClientArgs) {\n    this.version = version\n    this.defaultHeaders = defaultHeaders\n    this.onUnauthorizedResponse = onUnauthorizedResponse\n    this.root = root\n  }\n\n  async get<T extends ApiCollection | ApiResource>(args: GetRequest): Promise<T> {\n    const { walk, ...data } = args.data\n    const isWalking = Boolean(walk)\n    const headers = { ...this.headers, ...args.headers }\n    const url = this.appUrl(args.url)\n\n    await throwErrorIfQueryParams(url)\n\n    const requestArgs: MakeRequestArgs = { data, url, action: 'GET', headers }\n\n    const walkRequest = ({\n      url: requestUrl,\n      data: d = { fields: {} },\n      acc = { data: [], included: [], meta: {}, links: {} },\n      ...options\n    }: WalkRequest): Promise<T> => {\n      return makeRequest({\n        action: 'GET',\n        data: d,\n        url: requestUrl,\n        ...options,\n        headers,\n      }).then(({ links, ...rest }) => {\n        const records = Array.isArray(rest.data) ? concatRecords(acc, rest) : rest\n\n        // `next` will have our params in the link so we do not want to pass them back in\n        if (links?.next) {\n          return walkRequest({ ...options, data: d, url: links.next, acc: records })\n        } else {\n          return records\n        }\n      })\n    }\n\n    const handler = isWalking\n      ? (a: MakeRequestArgs | WalkRequest) => walkRequest(a as WalkRequest)\n      : (a: MakeRequestArgs | WalkRequest) => makeRequest(a as MakeRequestArgs)\n\n    return throwErrorIfFieldsMissing(handler, requestArgs)\n      .then(response => response as T)\n      .catch(this.handleNotOk)\n  }\n\n  async patch<T extends ApiCollection | ApiResource>(args: PatchRequest): Promise<T> {\n    const headers = { ...this.headers, ...args.headers }\n    const url = this.appUrl(args.url)\n\n    const requestArgs: MakeRequestArgs = { data: args.data, url, action: 'PATCH', headers }\n\n    return ensureNoQueryParamsInDev(makeRequest, requestArgs)\n      .then(response => response as T)\n      .catch(this.handleNotOk)\n  }\n\n  async post<T extends ApiCollection | ApiResource>(args: PostRequest): Promise<T> {\n    const headers = { ...this.headers, ...args.headers }\n    const url = this.appUrl(args.url)\n\n    const requestArgs: MakeRequestArgs = { ...args, data: args.data, url, action: 'POST', headers }\n\n    return ensureNoQueryParamsInDev(makeRequest, requestArgs)\n      .then(response => response as T)\n      .catch(this.handleNotOk)\n  }\n\n  async delete(args: DeleteRequest) {\n    const headers = { ...this.headers, ...args.headers }\n    const url = this.appUrl(args.url)\n\n    const requestArgs: MakeRequestArgs = { url, action: 'DELETE', headers }\n\n    return makeRequest(requestArgs).catch(this.handleNotOk)\n  }\n\n  handleNotOk = async (response: Response) => {\n    if (response.status === 401) {\n      const errorData = await this.parseErrorResponse(response)\n      this.onUnauthorizedResponse?.({\n        ...response,\n        errors: errorData.errors || [],\n      } as FailedResponse)\n    }\n\n    return Promise.reject(response)\n  }\n\n  parseErrorResponse = async (response: Response): Promise<Partial<FailedResponse>> => {\n    try {\n      return (await response.clone().json()) as FailedResponse\n    } catch {\n      return {}\n    }\n  }\n\n  appUrl(url: string) {\n    return `${this.root}${url}`\n  }\n\n  get headers() {\n    return {\n      Accept: 'application/vnd.api+json',\n      'Content-Type': 'application/json',\n      'X-PCO-API-Version': this.version,\n      ...this.defaultHeaders,\n    }\n  }\n}\n\nexport default Client\n"]}
+{"version":3,"file":"client.js","sourceRoot":"","sources":["../../../src/utils/client/client.ts"],"names":[],"mappings":"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","sourcesContent":["import { ApiCollection, ApiResource, FailedResponse } from '../../types'\nimport {\n  concatRecords,\n  ensureNoQueryParamsInDev,\n  makeRequest,\n  MakeRequestArgs,\n  throwErrorIfFieldsMissing,\n  throwErrorIfQueryParams,\n} from './request_helpers'\nimport { DeleteRequest, GetRequest, PatchRequest, PostRequest, WalkRequest } from './types'\n\nexport type OnUnauthorizedResponse = (_response: FailedResponse) => void\n\ntype ClientArgs = {\n  version: string\n  defaultHeaders?: Record<string, string>\n  onUnauthorizedResponse?: OnUnauthorizedResponse\n  root?: string\n}\n\nexport class Client {\n  version: string = ''\n  defaultHeaders: Record<string, string> = {}\n  onUnauthorizedResponse?: OnUnauthorizedResponse\n  root?: string\n\n  constructor({ version, defaultHeaders = {}, onUnauthorizedResponse, root }: ClientArgs) {\n    this.version = version\n    this.defaultHeaders = defaultHeaders\n    this.onUnauthorizedResponse = onUnauthorizedResponse\n    this.root = root\n  }\n\n  async get<T extends ApiCollection | ApiResource>(args: GetRequest): Promise<T> {\n    const { walk, ...data } = args.data\n    const isWalking = Boolean(walk)\n    const headers = { ...this.headers, ...args.headers }\n    const url = this.appUrl(args.url)\n\n    await throwErrorIfQueryParams(url)\n\n    const requestArgs: MakeRequestArgs = { data, url, action: 'GET', headers }\n\n    const walkRequest = ({\n      url: requestUrl,\n      data: d = { fields: {} },\n      acc = { data: [], included: [], meta: {}, links: {} },\n      ...options\n    }: WalkRequest): Promise<T> => {\n      return makeRequest({\n        action: 'GET',\n        data: d,\n        url: requestUrl,\n        ...options,\n        headers,\n      }).then(({ links, ...rest }) => {\n        const records = Array.isArray(rest.data) ? concatRecords(acc, rest) : rest\n\n        // `next` will have our params in the link so we do not want to pass them back in\n        if (links?.next) {\n          return walkRequest({ ...options, data: d, url: links.next, acc: records })\n        } else {\n          return records\n        }\n      })\n    }\n\n    const handler = isWalking\n      ? (a: MakeRequestArgs | WalkRequest) => walkRequest(a as WalkRequest)\n      : (a: MakeRequestArgs | WalkRequest) => makeRequest(a as MakeRequestArgs)\n\n    return throwErrorIfFieldsMissing(handler, requestArgs)\n      .then(response => response as T)\n      .catch(this.handleNotOk)\n  }\n\n  async patch<T extends ApiCollection | ApiResource>(args: PatchRequest): Promise<T> {\n    const headers = { ...this.headers, ...args.headers }\n    const url = this.appUrl(args.url)\n\n    const requestArgs: MakeRequestArgs = { data: args.data, url, action: 'PATCH', headers }\n\n    return ensureNoQueryParamsInDev(makeRequest, requestArgs)\n      .then(response => response as T)\n      .catch(this.handleNotOk)\n  }\n\n  async post<T extends ApiCollection | ApiResource>(args: PostRequest): Promise<T> {\n    const headers = { ...this.headers, ...args.headers }\n    const url = this.appUrl(args.url)\n\n    const requestArgs: MakeRequestArgs = { ...args, data: args.data, url, action: 'POST', headers }\n\n    return ensureNoQueryParamsInDev(makeRequest, requestArgs)\n      .then(response => response as T)\n      .catch(this.handleNotOk)\n  }\n\n  async delete(args: DeleteRequest) {\n    const headers = { ...this.headers, ...args.headers }\n    const url = this.appUrl(args.url)\n\n    const requestArgs: MakeRequestArgs = { url, action: 'DELETE', headers }\n\n    return makeRequest(requestArgs).catch(this.handleNotOk)\n  }\n\n  handleNotOk = async (response: Response | Error) => {\n    if (!(response instanceof Response)) return Promise.reject(response)\n\n    const errorData = await this.parseErrorResponse(response)\n    const notOkResponse = response.clone() as FailedResponse\n    notOkResponse.errors = errorData.errors || []\n\n    if (response.status === 401) {\n      this.onUnauthorizedResponse?.(notOkResponse)\n    }\n\n    return Promise.reject(notOkResponse)\n  }\n\n  parseErrorResponse = async (response: Response): Promise<Partial<FailedResponse>> => {\n    try {\n      return (await response.clone().json()) as FailedResponse\n    } catch {\n      return {}\n    }\n  }\n\n  appUrl(url: string) {\n    return `${this.root}${url}`\n  }\n\n  get headers() {\n    return {\n      Accept: 'application/vnd.api+json',\n      'Content-Type': 'application/json',\n      'X-PCO-API-Version': this.version,\n      ...this.defaultHeaders,\n    }\n  }\n}\n\nexport default Client\n"]}

package/build/utils/client/instrumented_fetch.js

@@ -13,7 +13,7 @@ export async function instrumentedFetch(url, init) {
         return response;
     }
     catch (networkError) {
-        reportNetworkError(networkError, method, url);
+        warnNetworkError(networkError, method, url);
         throw networkError;
     }
 }
@@ -34,11 +34,9 @@ function reportHttpError(response, method, url) {
         },
     });
 }
-function reportNetworkError(networkError, method, url) {
+function warnNetworkError(networkError, method, url) {
     const path = templatePath(url);
-    const error = new Error(`Network failure ${method} ${path}: ${networkError.message}`);
-    error.name = 'NetworkError';
-    Log.reportError(error, {
+    console.warn(`Network failure ${method} ${path}: ${networkError.message}`, {
         scope: 'http',
         tags: {
             ...SHARED_TAGS,

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

@@ -1 +1 @@
-{"version":3,"file":"instrumented_fetch.js","sourceRoot":"","sources":["../../../src/utils/client/instrumented_fetch.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,kCAAkC,CAAA;AAEtD,MAAM,WAAW,GAAG;IAClB,IAAI,EAAE,MAAM;IACZ,OAAO,EAAE,mBAAmB;CACpB,CAAA;AAEV,MAAM,gBAAgB,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,CAAA;AAExC,MAAM,CAAC,KAAK,UAAU,iBAAiB,CAAC,GAAW,EAAE,IAAiB;IACpE,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM,IAAI,KAAK,CAAA;IACnC,IAAI,CAAC;QACH,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,GAAG,EAAE,IAAI,CAAC,CAAA;QACvC,IAAI,CAAC,QAAQ,CAAC,EAAE;YAAE,eAAe,CAAC,QAAQ,EAAE,MAAM,EAAE,GAAG,CAAC,CAAA;QACxD,OAAO,QAAQ,CAAA;IACjB,CAAC;IAAC,OAAO,YAAY,EAAE,CAAC;QACtB,kBAAkB,CAAC,YAAqB,EAAE,MAAM,EAAE,GAAG,CAAC,CAAA;QACtD,MAAM,YAAY,CAAA;IACpB,CAAC;AACH,CAAC;AAED,SAAS,eAAe,CAAC,QAAkB,EAAE,MAAc,EAAE,GAAW;IACtE,MAAM,EAAE,MAAM,EAAE,GAAG,QAAQ,CAAA;IAC3B,IAAI,gBAAgB,CAAC,QAAQ,CAAC,MAAM,CAAC;QAAE,OAAM;IAE7C,MAAM,IAAI,GAAG,YAAY,CAAC,GAAG,CAAC,CAAA;IAC9B,MAAM,KAAK,GAAG,IAAI,KAAK,CAAC,QAAQ,MAAM,IAAI,MAAM,IAAI,IAAI,EAAE,CAAC,CAAA;IAC3D,KAAK,CAAC,IAAI,GAAG,YAAY,MAAM,EAAE,CAAA;IAEjC,GAAG,CAAC,WAAW,CAAC,KAAK,EAAE;QACrB,KAAK,EAAE,MAAM;QACb,IAAI,EAAE;YACJ,GAAG,WAAW;YACd,aAAa,EAAE,MAAM,CAAC,MAAM,CAAC;YAC7B,aAAa,EAAE,MAAM;YACrB,WAAW,EAAE,IAAI;SAClB;KACF,CAAC,CAAA;AACJ,CAAC;AAED,SAAS,kBAAkB,CAAC,YAAmB,EAAE,MAAc,EAAE,GAAW;IAC1E,MAAM,IAAI,GAAG,YAAY,CAAC,GAAG,CAAC,CAAA;IAC9B,MAAM,KAAK,GAAG,IAAI,KAAK,CAAC,mBAAmB,MAAM,IAAI,IAAI,KAAK,YAAY,CAAC,OAAO,EAAE,CAAC,CAAA;IACrF,KAAK,CAAC,IAAI,GAAG,cAAc,CAAA;IAE3B,GAAG,CAAC,WAAW,CAAC,KAAK,EAAE;QACrB,KAAK,EAAE,MAAM;QACb,IAAI,EAAE;YACJ,GAAG,WAAW;YACd,aAAa,EAAE,MAAM;YACrB,WAAW,EAAE,IAAI;YACjB,YAAY,EAAE,SAAS;SACxB;KACF,CAAC,CAAA;AACJ,CAAC;AAED,SAAS,YAAY,CAAC,GAAW;IAC/B,IAAI,IAAY,CAAA;IAChB,IAAI,CAAC;QACH,IAAI,GAAG,IAAI,GAAG,CAAC,GAAG,CAAC,CAAC,QAAQ,CAAA;IAC9B,CAAC;IAAC,MAAM,CAAC;QACP,IAAI,GAAG,GAAG,CAAA;IACZ,CAAC;IAED,OAAO,IAAI;SACR,KAAK,CAAC,GAAG,CAAC;SACV,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;SACzD,IAAI,CAAC,GAAG,CAAC,CAAA;AACd,CAAC","sourcesContent":["import { Log } from '../native_adapters/configuration'\n\nconst SHARED_TAGS = {\n  team: 'chat',\n  package: 'chat-react-native',\n} as const\n\nconst SKIPPED_STATUSES = [401, 403, 404]\n\nexport async function instrumentedFetch(url: string, init: RequestInit): Promise<Response> {\n  const method = init.method ?? 'GET'\n  try {\n    const response = await fetch(url, init)\n    if (!response.ok) reportHttpError(response, method, url)\n    return response\n  } catch (networkError) {\n    reportNetworkError(networkError as Error, method, url)\n    throw networkError\n  }\n}\n\nfunction reportHttpError(response: Response, method: string, url: string) {\n  const { status } = response\n  if (SKIPPED_STATUSES.includes(status)) return\n\n  const path = templatePath(url)\n  const error = new Error(`HTTP ${status} ${method} ${path}`)\n  error.name = `HTTPError${status}`\n\n  Log.reportError(error, {\n    scope: 'http',\n    tags: {\n      ...SHARED_TAGS,\n      'http.status': String(status),\n      'http.method': method,\n      'http.path': path,\n    },\n  })\n}\n\nfunction reportNetworkError(networkError: Error, method: string, url: string) {\n  const path = templatePath(url)\n  const error = new Error(`Network failure ${method} ${path}: ${networkError.message}`)\n  error.name = 'NetworkError'\n\n  Log.reportError(error, {\n    scope: 'http',\n    tags: {\n      ...SHARED_TAGS,\n      'http.method': method,\n      'http.path': path,\n      'http.error': 'network',\n    },\n  })\n}\n\nfunction templatePath(url: string): string {\n  let path: string\n  try {\n    path = new URL(url).pathname\n  } catch {\n    path = url\n  }\n\n  return path\n    .split('/')\n    .map(segment => (/^\\d+$/.test(segment) ? ':id' : segment))\n    .join('/')\n}\n"]}
+{"version":3,"file":"instrumented_fetch.js","sourceRoot":"","sources":["../../../src/utils/client/instrumented_fetch.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,kCAAkC,CAAA;AAEtD,MAAM,WAAW,GAAG;IAClB,IAAI,EAAE,MAAM;IACZ,OAAO,EAAE,mBAAmB;CACpB,CAAA;AAEV,MAAM,gBAAgB,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,CAAA;AAExC,MAAM,CAAC,KAAK,UAAU,iBAAiB,CAAC,GAAW,EAAE,IAAiB;IACpE,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM,IAAI,KAAK,CAAA;IACnC,IAAI,CAAC;QACH,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,GAAG,EAAE,IAAI,CAAC,CAAA;QACvC,IAAI,CAAC,QAAQ,CAAC,EAAE;YAAE,eAAe,CAAC,QAAQ,EAAE,MAAM,EAAE,GAAG,CAAC,CAAA;QACxD,OAAO,QAAQ,CAAA;IACjB,CAAC;IAAC,OAAO,YAAY,EAAE,CAAC;QACtB,gBAAgB,CAAC,YAAqB,EAAE,MAAM,EAAE,GAAG,CAAC,CAAA;QACpD,MAAM,YAAY,CAAA;IACpB,CAAC;AACH,CAAC;AAED,SAAS,eAAe,CAAC,QAAkB,EAAE,MAAc,EAAE,GAAW;IACtE,MAAM,EAAE,MAAM,EAAE,GAAG,QAAQ,CAAA;IAC3B,IAAI,gBAAgB,CAAC,QAAQ,CAAC,MAAM,CAAC;QAAE,OAAM;IAE7C,MAAM,IAAI,GAAG,YAAY,CAAC,GAAG,CAAC,CAAA;IAC9B,MAAM,KAAK,GAAG,IAAI,KAAK,CAAC,QAAQ,MAAM,IAAI,MAAM,IAAI,IAAI,EAAE,CAAC,CAAA;IAC3D,KAAK,CAAC,IAAI,GAAG,YAAY,MAAM,EAAE,CAAA;IAEjC,GAAG,CAAC,WAAW,CAAC,KAAK,EAAE;QACrB,KAAK,EAAE,MAAM;QACb,IAAI,EAAE;YACJ,GAAG,WAAW;YACd,aAAa,EAAE,MAAM,CAAC,MAAM,CAAC;YAC7B,aAAa,EAAE,MAAM;YACrB,WAAW,EAAE,IAAI;SAClB;KACF,CAAC,CAAA;AACJ,CAAC;AAED,SAAS,gBAAgB,CAAC,YAAmB,EAAE,MAAc,EAAE,GAAW;IACxE,MAAM,IAAI,GAAG,YAAY,CAAC,GAAG,CAAC,CAAA;IAC9B,OAAO,CAAC,IAAI,CAAC,mBAAmB,MAAM,IAAI,IAAI,KAAK,YAAY,CAAC,OAAO,EAAE,EAAE;QACzE,KAAK,EAAE,MAAM;QACb,IAAI,EAAE;YACJ,GAAG,WAAW;YACd,aAAa,EAAE,MAAM;YACrB,WAAW,EAAE,IAAI;YACjB,YAAY,EAAE,SAAS;SACxB;KACF,CAAC,CAAA;AACJ,CAAC;AAED,SAAS,YAAY,CAAC,GAAW;IAC/B,IAAI,IAAY,CAAA;IAChB,IAAI,CAAC;QACH,IAAI,GAAG,IAAI,GAAG,CAAC,GAAG,CAAC,CAAC,QAAQ,CAAA;IAC9B,CAAC;IAAC,MAAM,CAAC;QACP,IAAI,GAAG,GAAG,CAAA;IACZ,CAAC;IAED,OAAO,IAAI;SACR,KAAK,CAAC,GAAG,CAAC;SACV,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;SACzD,IAAI,CAAC,GAAG,CAAC,CAAA;AACd,CAAC","sourcesContent":["import { Log } from '../native_adapters/configuration'\n\nconst SHARED_TAGS = {\n  team: 'chat',\n  package: 'chat-react-native',\n} as const\n\nconst SKIPPED_STATUSES = [401, 403, 404]\n\nexport async function instrumentedFetch(url: string, init: RequestInit): Promise<Response> {\n  const method = init.method ?? 'GET'\n  try {\n    const response = await fetch(url, init)\n    if (!response.ok) reportHttpError(response, method, url)\n    return response\n  } catch (networkError) {\n    warnNetworkError(networkError as Error, method, url)\n    throw networkError\n  }\n}\n\nfunction reportHttpError(response: Response, method: string, url: string) {\n  const { status } = response\n  if (SKIPPED_STATUSES.includes(status)) return\n\n  const path = templatePath(url)\n  const error = new Error(`HTTP ${status} ${method} ${path}`)\n  error.name = `HTTPError${status}`\n\n  Log.reportError(error, {\n    scope: 'http',\n    tags: {\n      ...SHARED_TAGS,\n      'http.status': String(status),\n      'http.method': method,\n      'http.path': path,\n    },\n  })\n}\n\nfunction warnNetworkError(networkError: Error, method: string, url: string) {\n  const path = templatePath(url)\n  console.warn(`Network failure ${method} ${path}: ${networkError.message}`, {\n    scope: 'http',\n    tags: {\n      ...SHARED_TAGS,\n      'http.method': method,\n      'http.path': path,\n      'http.error': 'network',\n    },\n  })\n}\n\nfunction templatePath(url: string): string {\n  let path: string\n  try {\n    path = new URL(url).pathname\n  } catch {\n    path = url\n  }\n\n  return path\n    .split('/')\n    .map(segment => (/^\\d+$/.test(segment) ? ':id' : segment))\n    .join('/')\n}\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@planningcenter/chat-react-native",
-  "version": "3.38.0-rc.1",
+  "version": "3.38.0-rc.10",
   "description": "",
   "main": "build/index.js",
   "react-native": "./src/index.tsx",
@@ -26,9 +26,9 @@
   "dependencies": {
     "@fortawesome/fontawesome-svg-core": "^7.2.0",
     "@fortawesome/react-native-fontawesome": "^0.3.2",
+    "@planningcenter/emoji-keyboard": "3.38.0-rc.10",
     "lodash-inflection": "^1.5.0",
-    "react-compiler-runtime": "^1.0.0",
-    "rn-emoji-keyboard": "1.7.0"
+    "react-compiler-runtime": "^1.0.0"
   },
   "peerDependencies": {
     "@planningcenter/datetime-fmt": ">=2.0.0",
@@ -72,5 +72,5 @@
     "react-native-url-polyfill": "^2.0.0",
     "typescript": "~5.9.2"
   },
-  "gitHead": "addadedc983bf11d717e5528d8d4d143a7acd4c9"
+  "gitHead": "2d9a404aadc8137412ca18ad9d5c7949097009ac"
 }

package/src/__tests__/hooks/use_group_chat_conversation_payload.test.tsx

@@ -0,0 +1,50 @@
+import { QueryClientProvider } from '@tanstack/react-query'
+import { renderHook, waitFor } from '@testing-library/react-native'
+import React from 'react'
+import { buildTestQueryClient } from '../../__utils__/query_client'
+import { useGroupChatConversationPayload } from '../../hooks/groups/use_group_chat_conversation_payload'
+import * as useApiClientModule from '../../hooks/use_api_client'
+
+const mockGroupsPost = (impl: jest.Mock) => {
+  jest.spyOn(useApiClientModule, 'useApiClient').mockReturnValue({
+    groups: { post: impl },
+  } as unknown as ReturnType<typeof useApiClientModule.useApiClient>)
+  return impl
+}
+
+const resolveWith = (value: string) =>
+  jest.fn().mockResolvedValue({
+    data: { type: 'GroupChatConversationPayload', id: '1', value },
+    links: {},
+    meta: {},
+  })
+
+describe('useGroupChatConversationPayload', () => {
+  afterEach(() => {
+    jest.restoreAllMocks()
+  })
+
+  it('refetches on mount even when a fresh payload is already cached', async () => {
+    // Prime the cache as if a payload was fetched moments ago. The hook's 25-min staleTime
+    // means the default refetchOnMount would treat this as fresh and skip the request, so a
+    // group composition change on web would stay invisible until the cache is dropped (app
+    // restart). refetchOnMount: 'always' must override that and refetch on every mount.
+    const queryClient = buildTestQueryClient()
+    queryClient.setQueryData(['groups', '/me/groups/1/chat_conversation_payload'], {
+      data: { type: 'GroupChatConversationPayload', id: '1', value: 'stale' },
+      links: {},
+      meta: {},
+    })
+    const post = mockGroupsPost(resolveWith('fresh'))
+    const wrapper = ({ children }: { children: React.ReactNode }) => (
+      <QueryClientProvider client={queryClient}>{children}</QueryClientProvider>
+    )
+
+    const { result } = renderHook(() => useGroupChatConversationPayload({ groupId: 1 }), {
+      wrapper,
+    })
+
+    await waitFor(() => expect(post).toHaveBeenCalledTimes(1))
+    await waitFor(() => expect(result.current.payload).toBe('fresh'))
+  })
+})

package/src/__tests__/jest.ts

@@ -4,8 +4,8 @@ describe('jestTransformPackages', () => {
   it('exports an array of package patterns', () => {
     expect(jestTransformPackages).toEqual([
       '@planningcenter/chat-react-native',
+      '@planningcenter/emoji-keyboard',
       '@fortawesome',
-      'rn-emoji-keyboard',
     ])
   })
 })

package/src/__tests__/utils/client.ts

@@ -369,4 +369,36 @@ describe('error handling', () => {
       ).rejects.toHaveProperty('status', 401)
     }
   })
+
+  describe('non-401 errors', () => {
+    it('attaches the parsed body so the message survives to the UI', async () => {
+      const url = '/records'
+
+      MockServer.post(
+        url,
+        {
+          errors: [
+            {
+              status: '422',
+              title: 'Unprocessable Entity',
+              detail: 'Conversations including a minor must have at least two confirmed adults.',
+            },
+          ],
+        },
+        422,
+        { once: true }
+      )
+
+      const rejection = (await client
+        .post({ url, data: { data: { type: 'Record', attributes: {} } } })
+        .catch(e => e)) as FailedResponse
+
+      expect(rejection).toHaveProperty('status', 422)
+      expect(rejection.errors?.[0]?.detail).toEqual(
+        'Conversations including a minor must have at least two confirmed adults.'
+      )
+      // A 422 must not be mistaken for an auth failure
+      expect(onUnauthorizedResponse).not.toHaveBeenCalled()
+    })
+  })
 })

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

@@ -0,0 +1,14 @@
+import { render } from '@testing-library/react-native'
+import { createRef } from 'react'
+import { FlatList } from 'react-native-gesture-handler'
+import { MessageList } from '../message_list'
+
+describe('MessageList', () => {
+  it('renders with the gesture-handler FlatList so overscroll cannot drag an enclosing sheet', () => {
+    const listRef = createRef<FlatList>()
+
+    const screen = render(<MessageList listRef={listRef} data={[]} renderItem={() => null} />)
+
+    expect(screen.UNSAFE_getByType(FlatList)).toBeTruthy()
+  })
+})

package/src/components/conversation/message_list.tsx

@@ -0,0 +1,42 @@
+import { RefObject } from 'react'
+import { StyleSheet, type FlatListProps } from 'react-native'
+import { FlatList } from 'react-native-gesture-handler'
+import type { EnrichedMessage } from '../../utils/group_messages'
+
+const extractItemKey = (item: EnrichedMessage) => String(item.id)
+const maintainVisibleContentPosition = { minIndexForVisible: 0 }
+
+type MessageListProps = Pick<
+  FlatListProps<EnrichedMessage>,
+  | 'data'
+  | 'renderItem'
+  | 'onScroll'
+  | 'onScrollBeginDrag'
+  | 'viewabilityConfigCallbackPairs'
+  | 'onContentSizeChange'
+  | 'onScrollToIndexFailed'
+  | 'onEndReached'
+  | 'ListHeaderComponent'
+> & {
+  listRef: RefObject<FlatList | null>
+}
+
+export function MessageList({ listRef, ...props }: MessageListProps) {
+  return (
+    <FlatList
+      inverted
+      ref={listRef}
+      contentContainerStyle={styles.listContainer}
+      maintainVisibleContentPosition={maintainVisibleContentPosition}
+      keyExtractor={extractItemKey}
+      scrollEventThrottle={64}
+      {...props}
+    />
+  )
+}
+
+const styles = StyleSheet.create({
+  listContainer: {
+    paddingVertical: 12,
+  },
+})

package/src/components/display/conversation_avatar.tsx

@@ -52,6 +52,7 @@ interface ConversationAvatarProps {
   showFallback?: boolean
   fallbackIconName?: IconString
   style?: ViewStyle
+  maxFontSizeMultiplier?: AvatarRootProps['maxFontSizeMultiplier']
 }
 
 export function ConversationAvatar({
@@ -60,30 +61,31 @@ export function ConversationAvatar({
   showFallback = false,
   fallbackIconName = 'general.person',
   style,
+  maxFontSizeMultiplier,
 }: ConversationAvatarProps) {
   const avatar = resolveAvatar(conversation)
+  const sizeProps = { size, maxFontSizeMultiplier, style }
 
   switch (avatar.kind) {
     case 'image':
       return (
-        <AvatarPrimitive.Root size={size} style={style}>
+        <AvatarPrimitive.Root {...sizeProps}>
           <AvatarPrimitive.Mask>
             <AvatarPrimitive.Image sourceUri={avatar.url} />
           </AvatarPrimitive.Mask>
         </AvatarPrimitive.Root>
       )
     case 'icon':
-      return <IconAvatar iconKey={avatar.iconKey} color={avatar.color} size={size} />
+      return <IconAvatar iconKey={avatar.iconKey} color={avatar.color} {...sizeProps} />
     case 'emoji':
-      return <EmojiAvatar emoji={avatar.emoji} color={avatar.color} size={size} />
+      return <EmojiAvatar emoji={avatar.emoji} color={avatar.color} {...sizeProps} />
     case 'group':
       return (
         <AvatarGroup
           sourceUris={avatar.sources || []}
-          size={size}
           showFallback={showFallback || !avatar.sources || avatar.sources.length === 0}
           fallbackIconName={fallbackIconName}
-          style={style}
+          {...sizeProps}
         />
       )
   }

package/src/components/display/emoji_avatar.tsx

@@ -20,13 +20,21 @@ interface EmojiAvatarProps {
   emoji: string
   color?: string | null
   size?: AvatarRootProps['size']
+  maxFontSizeMultiplier?: AvatarRootProps['maxFontSizeMultiplier']
+  style?: AvatarRootProps['style']
 }
 
-export function EmojiAvatar({ emoji, color, size = 'lg' }: EmojiAvatarProps) {
+export function EmojiAvatar({
+  emoji,
+  color,
+  size = 'lg',
+  maxFontSizeMultiplier,
+  style,
+}: EmojiAvatarProps) {
   const gradientProps = getAvatarGradientProps(color)
 
   return (
-    <AvatarPrimitive.Root size={size}>
+    <AvatarPrimitive.Root size={size} maxFontSizeMultiplier={maxFontSizeMultiplier} style={style}>
       <AvatarPrimitive.Mask>
         <LinearGradient {...gradientProps} style={styles.gradientFill}>
           <View style={styles.contentContainer}>

package/src/components/display/icon_avatar.tsx

@@ -26,13 +26,21 @@ interface IconAvatarProps {
   iconKey: string
   color?: string | null
   size?: AvatarRootProps['size']
+  maxFontSizeMultiplier?: AvatarRootProps['maxFontSizeMultiplier']
+  style?: AvatarRootProps['style']
 }
 
 function findIcon(iconKey: string): IconDefinition | undefined {
   return findIconDefinition({ prefix: 'fas', iconName: iconKey as IconName })
 }
 
-export function IconAvatar({ iconKey, color, size = 'lg' }: IconAvatarProps) {
+export function IconAvatar({
+  iconKey,
+  color,
+  size = 'lg',
+  maxFontSizeMultiplier,
+  style,
+}: IconAvatarProps) {
   const gradientProps = getAvatarGradientProps(color)
   const iconDef = findIcon(iconKey)
 
@@ -41,7 +49,7 @@ export function IconAvatar({ iconKey, color, size = 'lg' }: IconAvatarProps) {
   }
 
   return (
-    <AvatarPrimitive.Root size={size}>
+    <AvatarPrimitive.Root size={size} maxFontSizeMultiplier={maxFontSizeMultiplier} style={style}>
       <AvatarPrimitive.Mask>
         <LinearGradient {...gradientProps} style={styles.gradientFill}>
           <View style={styles.contentContainer}>

package/src/hooks/groups/use_group_chat_conversation_payload.ts

@@ -26,6 +26,7 @@ export function useGroupChatConversationPayload({ groupId, enabled = true }: Pro
         },
       }),
     staleTime: STALE_TIME_MS,
+    refetchOnMount: 'always',
     enabled,
   })
 

package/src/hooks/index.ts

@@ -16,6 +16,7 @@ export * from './use_message_reaction_toggle'
 export * from './use_new_conversation_entry'
 export * from './use_organization'
 export * from './use_people_person'
+export * from './use_preview_avatar_diameter'
 export * from './use_product_analytics'
 export * from './use_qualified_by_age'
 export * from './use_scalable_number_of_lines'

package/src/hooks/use_preview_avatar_diameter.ts

@@ -0,0 +1,12 @@
+import { useWindowDimensions } from 'react-native'
+import { MAX_FONT_SIZE_MULTIPLIER_LANDMARK } from '../utils'
+import { useFontScale } from './use_font_scale'
+
+const VIEWPORT_FRACTION = 0.22
+const BASE_DIAMETER = 80
+
+export function usePreviewAvatarDiameter() {
+  const { width } = useWindowDimensions()
+  const fontScale = useFontScale({ maxFontSizeMultiplier: MAX_FONT_SIZE_MULTIPLIER_LANDMARK })
+  return Math.min(BASE_DIAMETER * fontScale, width * VIEWPORT_FRACTION)
+}

package/src/jest.ts

@@ -16,6 +16,6 @@
  */
 export const jestTransformPackages = [
   '@planningcenter/chat-react-native',
+  '@planningcenter/emoji-keyboard',
   '@fortawesome',
-  'rn-emoji-keyboard',
 ]

package/src/screens/avatar_picker/avatar_picker_screen.tsx

@@ -13,6 +13,8 @@ import {
   type AvatarUpdatePayload,
 } from '../../hooks/use_conversation_avatar_update'
 import { useFontScale } from '../../hooks/use_font_scale'
+import { usePreviewAvatarDiameter } from '../../hooks/use_preview_avatar_diameter'
+import { MAX_FONT_SIZE_MULTIPLIER_LANDMARK } from '../../utils'
 import type { ImagePickerAsset } from '../../utils/native_adapters/image_picker'
 import {
   avatarPickerReducer,
@@ -71,6 +73,7 @@ function EditModeContent({ conversationId }: { conversationId: number }) {
   const navigation = useNavigation()
   const { data: conversation } = useConversation({ conversation_id: conversationId })
   const mutation = useConversationAvatarUpdate({ conversationId })
+  const previewDiameter = usePreviewAvatarDiameter()
 
   const [state, dispatch] = useReducer(avatarPickerReducer, conversation, initAvatarPickerState)
 
@@ -110,7 +113,14 @@ function EditModeContent({ conversationId }: { conversationId: number }) {
           </FormSheet.HeaderTextButton>
         </>
       }
-      fallbackPreview={<ConversationAvatar conversation={conversation} size="2xl" />}
+      fallbackPreview={
+        <ConversationAvatar
+          conversation={conversation}
+          size="2xl"
+          maxFontSizeMultiplier={MAX_FONT_SIZE_MULTIPLIER_LANDMARK}
+          style={{ width: previewDiameter, height: previewDiameter }}
+        />
+      }
     />
   )
 }
@@ -187,7 +197,10 @@ function AvatarPickerFormSheet({
         activeTab={state.activeTab}
         onTabPress={tab => dispatch({ type: 'SELECT_TAB', payload: tab })}
         renderItem={({ item }) => (
-          <Text style={[styles.tabLabel, item === state.activeTab && styles.tabLabelActive]}>
+          <Text
+            style={[styles.tabLabel, item === state.activeTab && styles.tabLabelActive]}
+            maxFontSizeMultiplier={MAX_FONT_SIZE_MULTIPLIER_LANDMARK}
+          >
             {TAB_LABELS[item]}
           </Text>
         )}
@@ -226,7 +239,15 @@ function AvatarPickerFormSheet({
 
 function EmptyAvatarPlaceholder() {
   const styles = useStyles()
-  return <View style={styles.emptyAvatarPlaceholder} />
+  const diameter = usePreviewAvatarDiameter()
+  return (
+    <View
+      style={[
+        styles.emptyAvatarPlaceholder,
+        { width: diameter, height: diameter, borderRadius: diameter / 2 },
+      ]}
+    />
+  )
 }
 
 type ValidAvatarPickerState = AvatarPickerState &
@@ -264,9 +285,7 @@ function buildPayload(state: AvatarPickerState): AvatarUpdatePayload | null {
 
 const useStyles = () => {
   const { colors } = useTheme()
-  const fontScale = useFontScale({ maxFontSizeMultiplier: 1.3 })
-  const uncappedFontScale = useFontScale()
-  const emptyAvatarDiameter = 80 * uncappedFontScale
+  const fontScale = useFontScale({ maxFontSizeMultiplier: MAX_FONT_SIZE_MULTIPLIER_LANDMARK })
 
   return StyleSheet.create({
     formSheetRoot: {
@@ -301,9 +320,6 @@ const useStyles = () => {
       borderTopColor: colors.borderColorDefaultBase,
     },
     emptyAvatarPlaceholder: {
-      width: emptyAvatarDiameter,
-      height: emptyAvatarDiameter,
-      borderRadius: emptyAvatarDiameter / 2,
       borderWidth: 2,
       borderStyle: 'dashed',
       borderColor: colors.borderColorDefaultBase,

package/src/screens/avatar_picker/avatar_preview.tsx

@@ -3,6 +3,8 @@ import { StyleSheet, View } from 'react-native'
 import { EmojiAvatar } from '../../components/display/emoji_avatar'
 import { IconAvatar } from '../../components/display/icon_avatar'
 import AvatarPrimitive from '../../components/primitive/avatar_primitive'
+import { usePreviewAvatarDiameter } from '../../hooks/use_preview_avatar_diameter'
+import { MAX_FONT_SIZE_MULTIPLIER_LANDMARK } from '../../utils'
 import type { AvatarPickerState } from './avatar_picker_state'
 
 interface AvatarPreviewProps {
@@ -10,18 +12,24 @@ interface AvatarPreviewProps {
   fallback: React.ReactNode
 }
 
-function getPreviewNode(state: AvatarPickerState): React.ReactNode {
+function getPreviewNode(state: AvatarPickerState, diameter: number): React.ReactNode {
+  const sizeProps = {
+    size: '2xl',
+    maxFontSizeMultiplier: MAX_FONT_SIZE_MULTIPLIER_LANDMARK,
+    style: { width: diameter, height: diameter },
+  } as const
+
   switch (state.selectedType) {
     case 'icon':
       if (!state.selectedKey) return null
-      return <IconAvatar iconKey={state.selectedKey} color={state.selectedColor} size="2xl" />
+      return <IconAvatar iconKey={state.selectedKey} color={state.selectedColor} {...sizeProps} />
     case 'emoji':
       if (!state.selectedKey) return null
-      return <EmojiAvatar emoji={state.selectedKey} color={state.selectedColor} size="2xl" />
+      return <EmojiAvatar emoji={state.selectedKey} color={state.selectedColor} {...sizeProps} />
     case 'image':
       if (!state.imagePreviewUri) return null
       return (
-        <AvatarPrimitive.Root size="2xl">
+        <AvatarPrimitive.Root {...sizeProps}>
           <AvatarPrimitive.Mask>
             <AvatarPrimitive.Image sourceUri={state.imagePreviewUri} />
           </AvatarPrimitive.Mask>
@@ -33,7 +41,8 @@ function getPreviewNode(state: AvatarPickerState): React.ReactNode {
 }
 
 export function AvatarPreview({ state, fallback }: AvatarPreviewProps) {
-  const preview = getPreviewNode(state)
+  const diameter = usePreviewAvatarDiameter()
+  const preview = getPreviewNode(state, diameter)
   return <View style={styles.container}>{preview ?? fallback}</View>
 }
 

package/src/screens/avatar_picker/emoji_tab.tsx

@@ -1,15 +1,11 @@
+import { EmojiKeyboard, emojisByCategory, type EmojiType } from '@planningcenter/emoji-keyboard'
 import React, { useCallback } from 'react'
 import { StyleSheet, View } from 'react-native'
-import { EmojiKeyboard, type EmojiType, type EmojisByCategory } from 'rn-emoji-keyboard'
-// rn-emoji-keyboard exposes no public exclusion API, so we reach into its
-// internal src/ tree for the emoji JSON. Version is pinned in package.json
-// — verify this path still resolves before bumping rn-emoji-keyboard.
-import emojiData from 'rn-emoji-keyboard/src/assets/emojis.json'
 import { useTheme } from '../../hooks'
 
 const BLOCKED_EMOJIS = new Set(['🖕'])
 
-const filteredEmojis = (emojiData as EmojisByCategory[]).map(category => ({
+const filteredEmojis = emojisByCategory.map(category => ({
   ...category,
   data: category.data.filter(e => !BLOCKED_EMOJIS.has(e.emoji)),
 }))
@@ -57,6 +53,7 @@ export function EmojiTab({ onEmojiSelect }: EmojiTabProps) {
         categoryPosition="top"
         emojisByCategory={filteredEmojis}
         onEmojiSelected={handleEmojiSelected}
+        hideHeader
         enableSearchBar
         enableRecentlyUsed
         theme={emojiTheme}

package/src/screens/avatar_picker/upload_tab.tsx

@@ -2,6 +2,7 @@ import React, { useCallback } from 'react'
 import { Alert, StyleSheet, View } from 'react-native'
 import { Button } from '../../components'
 import { useTheme } from '../../hooks'
+import { MAX_FONT_SIZE_MULTIPLIER_LANDMARK } from '../../utils'
 import { ImagePicker } from '../../utils/native_adapters'
 import type { ImagePickerAsset } from '../../utils/native_adapters/image_picker'
 
@@ -43,6 +44,7 @@ export function UploadTab({ imagePreviewUri, onImageSelect }: UploadTabProps) {
         variant="outline"
         appearance="interaction"
         size="md"
+        maxFontSizeMultiplier={MAX_FONT_SIZE_MULTIPLIER_LANDMARK}
       />
     </View>
   )

package/src/screens/conversation_details_screen.tsx

@@ -49,8 +49,10 @@ import {
   useConversationUpdate,
 } from '../hooks/use_conversation'
 import { availableFeatures, useFeatures } from '../hooks/use_features'
+import { usePreviewAvatarDiameter } from '../hooks/use_preview_avatar_diameter'
 import { type ConversationResource, MemberResource, isDefined } from '../types'
 import { GroupResource } from '../types/resources/group_resource'
+import { MAX_FONT_SIZE_MULTIPLIER_LANDMARK } from '../utils'
 import { genderDisplayLabel } from '../utils/gender_display_label'
 import { tokens } from '../vendor/tapestry/tokens'
 // =========================================
@@ -634,10 +636,16 @@ function AvatarCard({
   onPress: () => void
 }) {
   const styles = useStyles()
+  const diameter = usePreviewAvatarDiameter()
 
   return (
     <View style={styles.avatarCard}>
-      <ConversationAvatar conversation={conversation} size="2xl" />
+      <ConversationAvatar
+        conversation={conversation}
+        size="2xl"
+        maxFontSizeMultiplier={MAX_FONT_SIZE_MULTIPLIER_LANDMARK}
+        style={{ width: diameter, height: diameter }}
+      />
       <Button
         title="Update avatar"
         iconNameLeft="general.pencil"
@@ -645,6 +653,7 @@ function AvatarCard({
         variant="outline"
         appearance="interaction"
         size="sm"
+        maxFontSizeMultiplier={MAX_FONT_SIZE_MULTIPLIER_LANDMARK}
       />
     </View>
   )