@planningcenter/chat-react-native 2.2.2-rc.0 → 2.3.0-rc.0

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

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

package/build/types/resources/index.js

@@ -3,4 +3,6 @@ export * from './member';
 export * from './message';
 export * from './oauth_token';
 export * from './person';
+export * from './groups';
+export * from './app_grant';
 //# sourceMappingURL=index.js.map

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

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

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

@@ -1,11 +1,12 @@
-import { ApiCollection, ApiResource } from '../../types';
+import { ApiCollection, ApiError, ApiResource } from '../../types';
 import { Session } from '../session';
 import { Uri } from '../uri';
 import { DeleteRequest, GetRequest, PatchRequest, PostRequest } from './types';
 type ClientArgs = {
     version: string;
     defaultHeaders?: Record<string, string>;
-    onTokenExpired: () => void;
+    onForceLogout?: () => void;
+    onTokenExpired?: () => void;
     session: Session;
     app: string;
 };
@@ -13,13 +14,15 @@ export declare class Client {
     version: string;
     defaultHeaders: Record<string, string>;
     uri: Uri;
-    onTokenExpired: () => void;
-    constructor({ version, defaultHeaders, session, app, onTokenExpired }: ClientArgs);
+    onTokenExpired?: () => void;
+    onForceLogout?: () => void;
+    constructor({ version, defaultHeaders, session, app, onTokenExpired, onForceLogout, }: ClientArgs);
     get<T extends ApiCollection | ApiResource>(args: GetRequest): Promise<T>;
     patch(args: PatchRequest): Promise<any>;
     post(args: PostRequest): Promise<any>;
     delete(args: DeleteRequest): Promise<any>;
-    handleTokenExpired: (response: Response) => Promise<never>;
+    handleNotOk: (response: Response) => Promise<never>;
+    parseErrorResponse: (response: Response) => Promise<ApiError | undefined>;
     get headers(): {
         'User-Agent': string;
         Authorization: string;

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

@@ -1 +1 @@
-{"version":3,"file":"client.d.ts","sourceRoot":"","sources":["../../../src/utils/client/client.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AACxD,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAA;AACpC,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAA;AAU5B,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,YAAY,EAAE,WAAW,EAAe,MAAM,SAAS,CAAA;AAE3F,KAAK,UAAU,GAAG;IAChB,OAAO,EAAE,MAAM,CAAA;IACf,cAAc,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IACvC,cAAc,EAAE,MAAM,IAAI,CAAA;IAC1B,OAAO,EAAE,OAAO,CAAA;IAChB,GAAG,EAAE,MAAM,CAAA;CACZ,CAAA;AAED,qBAAa,MAAM;IACjB,OAAO,EAAE,MAAM,CAAK;IACpB,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAK;IAC3C,GAAG,EAAE,GAAG,CAAA;IACR,cAAc,EAAE,MAAM,IAAI,CAAA;gBAEd,EAAE,OAAO,EAAE,cAAmB,EAAE,OAAO,EAAE,GAAG,EAAE,cAAc,EAAE,EAAE,UAAU;IAOhF,GAAG,CAAC,CAAC,SAAS,aAAa,GAAG,WAAW,EAAE,IAAI,EAAE,UAAU,GAAG,OAAO,CAAC,CAAC,CAAC;IAuCxE,KAAK,CAAC,IAAI,EAAE,YAAY;IASxB,IAAI,CAAC,IAAI,EAAE,WAAW;IAStB,MAAM,CAAC,IAAI,EAAE,aAAa;IAShC,kBAAkB,aAAc,QAAQ,oBAMvC;IAED,IAAI,OAAO;;;;;;MAQV;CACF;AAED,eAAe,MAAM,CAAA"}
+{"version":3,"file":"client.d.ts","sourceRoot":"","sources":["../../../src/utils/client/client.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AAClE,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAA;AACpC,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAA;AAU5B,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,YAAY,EAAE,WAAW,EAAe,MAAM,SAAS,CAAA;AAE3F,KAAK,UAAU,GAAG;IAChB,OAAO,EAAE,MAAM,CAAA;IACf,cAAc,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IACvC,aAAa,CAAC,EAAE,MAAM,IAAI,CAAA;IAC1B,cAAc,CAAC,EAAE,MAAM,IAAI,CAAA;IAC3B,OAAO,EAAE,OAAO,CAAA;IAChB,GAAG,EAAE,MAAM,CAAA;CACZ,CAAA;AAED,qBAAa,MAAM;IACjB,OAAO,EAAE,MAAM,CAAK;IACpB,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAK;IAC3C,GAAG,EAAE,GAAG,CAAA;IACR,cAAc,CAAC,EAAE,MAAM,IAAI,CAAA;IAC3B,aAAa,CAAC,EAAE,MAAM,IAAI,CAAA;gBAEd,EACV,OAAO,EACP,cAAmB,EACnB,OAAO,EACP,GAAG,EACH,cAAc,EACd,aAAa,GACd,EAAE,UAAU;IAQP,GAAG,CAAC,CAAC,SAAS,aAAa,GAAG,WAAW,EAAE,IAAI,EAAE,UAAU,GAAG,OAAO,CAAC,CAAC,CAAC;IAuCxE,KAAK,CAAC,IAAI,EAAE,YAAY;IASxB,IAAI,CAAC,IAAI,EAAE,WAAW;IAStB,MAAM,CAAC,IAAI,EAAE,aAAa;IAShC,WAAW,aAAoB,QAAQ,oBAWtC;IAED,kBAAkB,aAAoB,QAAQ,KAAG,OAAO,CAAC,QAAQ,GAAG,SAAS,CAAC,CAM7E;IAED,IAAI,OAAO;;;;;;MAQV;CACF;AAED,eAAe,MAAM,CAAA"}

package/build/utils/client/client.js

@@ -5,11 +5,13 @@ export class Client {
     defaultHeaders = {};
     uri;
     onTokenExpired;
-    constructor({ version, defaultHeaders = {}, session, app, onTokenExpired }) {
+    onForceLogout;
+    constructor({ version, defaultHeaders = {}, session, app, onTokenExpired, onForceLogout, }) {
         this.version = version;
         this.uri = new Uri({ session, app });
         this.defaultHeaders = defaultHeaders;
         this.onTokenExpired = onTokenExpired;
+        this.onForceLogout = onForceLogout;
     }
     async get(args) {
         const { walk, ...data } = args.data;
@@ -37,32 +39,45 @@ export class Client {
             });
         };
         const handler = isWalking ? walkRequest : makeRequest;
-        return throwErrorIfFieldsMissing(handler, requestArgs).catch(this.handleTokenExpired);
+        return throwErrorIfFieldsMissing(handler, requestArgs).catch(this.handleNotOk);
     }
     async patch(args) {
         const headers = { ...this.headers, ...args.headers };
         const url = this.uri.appUrl(args.url);
         const requestArgs = { data: args.data, url, action: 'PATCH', headers };
-        return ensureNoQueryParamsInDev(makeRequest, requestArgs).catch(this.handleTokenExpired);
+        return ensureNoQueryParamsInDev(makeRequest, requestArgs).catch(this.handleNotOk);
     }
     async post(args) {
         const headers = { ...this.headers, ...args.headers };
         const url = this.uri.appUrl(args.url);
         const requestArgs = { ...args, data: args.data, url, action: 'POST', headers };
-        return ensureNoQueryParamsInDev(makeRequest, requestArgs).catch(this.handleTokenExpired);
+        return ensureNoQueryParamsInDev(makeRequest, requestArgs).catch(this.handleNotOk);
     }
     async delete(args) {
         const headers = { ...this.headers, ...args.headers };
         const url = this.uri.appUrl(args.url);
         const requestArgs = { url, action: 'DELETE', headers };
-        return makeRequest(requestArgs).catch(this.handleTokenExpired);
+        return makeRequest(requestArgs).catch(this.handleNotOk);
     }
-    handleTokenExpired = (response) => {
+    handleNotOk = async (response) => {
         if (response.status === 401) {
-            this.onTokenExpired();
+            const parsed = await this.parseErrorResponse(response);
+            const errors = parsed?.errors || [];
+            const isTokenExpired = errors.some(e => /baboon/i.test(e.detail));
+            const isForceLogout = errors.some(e => /capuchin/i.test(e.detail));
+            isTokenExpired && this.onTokenExpired?.();
+            isForceLogout && this.onForceLogout?.();
         }
         return Promise.reject(response);
     };
+    parseErrorResponse = async (response) => {
+        try {
+            return (await response.json());
+        }
+        catch {
+            return undefined;
+        }
+    };
     get headers() {
         return {
             Accept: 'application/vnd.api+json',

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

@@ -1 +1 @@
-{"version":3,"file":"client.js","sourceRoot":"","sources":["../../../src/utils/client/client.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAA;AAC5B,OAAO,EACL,aAAa,EACb,wBAAwB,EACxB,WAAW,EAEX,yBAAyB,EACzB,uBAAuB,GACxB,MAAM,mBAAmB,CAAA;AAY1B,MAAM,OAAO,MAAM;IACjB,OAAO,GAAW,EAAE,CAAA;IACpB,cAAc,GAA2B,EAAE,CAAA;IAC3C,GAAG,CAAK;IACR,cAAc,CAAY;IAE1B,YAAY,EAAE,OAAO,EAAE,cAAc,GAAG,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,cAAc,EAAc;QACpF,IAAI,CAAC,OAAO,GAAG,OAAO,CAAA;QACtB,IAAI,CAAC,GAAG,GAAG,IAAI,GAAG,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,CAAA;QACpC,IAAI,CAAC,cAAc,GAAG,cAAc,CAAA;QACpC,IAAI,CAAC,cAAc,GAAG,cAAc,CAAA;IACtC,CAAC;IAED,KAAK,CAAC,GAAG,CAAwC,IAAgB;QAC/D,MAAM,EAAE,IAAI,EAAE,GAAG,IAAI,EAAE,GAAG,IAAI,CAAC,IAAI,CAAA;QACnC,MAAM,SAAS,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;QAC/B,MAAM,OAAO,GAAG,EAAE,GAAG,IAAI,CAAC,OAAO,EAAE,GAAG,IAAI,CAAC,OAAO,EAAE,CAAA;QACpD,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;QAErC,MAAM,uBAAuB,CAAC,GAAG,CAAC,CAAA;QAElC,MAAM,WAAW,GAAoB,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,CAAA;QAE1E,MAAM,WAAW,GAAG,CAAC,EACnB,GAAG,EAAE,UAAU,EACf,IAAI,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,EAAE,EAAE,EACxB,GAAG,GAAG,EAAE,IAAI,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,EACrD,GAAG,OAAO,EACE,EAAE,EAAE;YAChB,OAAO,WAAW,CAAC;gBACjB,MAAM,EAAE,KAAK;gBACb,IAAI,EAAE,CAAC;gBACP,GAAG,EAAE,UAAU;gBACf,GAAG,OAAO;gBACV,OAAO;aACR,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE,KAAK,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;gBAC7B,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,GAAG,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA;gBAE1E,iFAAiF;gBACjF,IAAI,KAAK,EAAE,IAAI,EAAE,CAAC;oBAChB,OAAO,WAAW,CAAC,EAAE,GAAG,OAAO,EAAE,IAAI,EAAE,CAAC,EAAE,GAAG,EAAE,KAAK,CAAC,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,CAAC,CAAA;gBAC5E,CAAC;qBAAM,CAAC;oBACN,OAAO,OAAO,CAAA;gBAChB,CAAC;YACH,CAAC,CAAC,CAAA;QACJ,CAAC,CAAA;QAED,MAAM,OAAO,GAAG,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,WAAW,CAAA;QAErD,OAAO,yBAAyB,CAAC,OAAO,EAAE,WAAW,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAA;IACvF,CAAC;IAED,KAAK,CAAC,KAAK,CAAC,IAAkB;QAC5B,MAAM,OAAO,GAAG,EAAE,GAAG,IAAI,CAAC,OAAO,EAAE,GAAG,IAAI,CAAC,OAAO,EAAE,CAAA;QACpD,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;QAErC,MAAM,WAAW,GAAoB,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,GAAG,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,CAAA;QAEvF,OAAO,wBAAwB,CAAC,WAAW,EAAE,WAAW,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAA;IAC1F,CAAC;IAED,KAAK,CAAC,IAAI,CAAC,IAAiB;QAC1B,MAAM,OAAO,GAAG,EAAE,GAAG,IAAI,CAAC,OAAO,EAAE,GAAG,IAAI,CAAC,OAAO,EAAE,CAAA;QACpD,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;QAErC,MAAM,WAAW,GAAoB,EAAE,GAAG,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,CAAA;QAE/F,OAAO,wBAAwB,CAAC,WAAW,EAAE,WAAW,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAA;IAC1F,CAAC;IAED,KAAK,CAAC,MAAM,CAAC,IAAmB;QAC9B,MAAM,OAAO,GAAG,EAAE,GAAG,IAAI,CAAC,OAAO,EAAE,GAAG,IAAI,CAAC,OAAO,EAAE,CAAA;QACpD,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;QAErC,MAAM,WAAW,GAAoB,EAAE,GAAG,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,CAAA;QAEvE,OAAO,WAAW,CAAC,WAAW,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAA;IAChE,CAAC;IAED,kBAAkB,GAAG,CAAC,QAAkB,EAAE,EAAE;QAC1C,IAAI,QAAQ,CAAC,MAAM,KAAK,GAAG,EAAE,CAAC;YAC5B,IAAI,CAAC,cAAc,EAAE,CAAA;QACvB,CAAC;QAED,OAAO,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAA;IACjC,CAAC,CAAA;IAED,IAAI,OAAO;QACT,OAAO;YACL,MAAM,EAAE,0BAA0B;YAClC,cAAc,EAAE,kBAAkB;YAClC,mBAAmB,EAAE,IAAI,CAAC,OAAO;YACjC,GAAG,IAAI,CAAC,GAAG,CAAC,OAAO;YACnB,GAAG,IAAI,CAAC,cAAc;SACvB,CAAA;IACH,CAAC;CACF;AAED,eAAe,MAAM,CAAA","sourcesContent":["import { ApiCollection, ApiResource } from '../../types'\nimport { Session } from '../session'\nimport { Uri } from '../uri'\nimport {\n  concatRecords,\n  ensureNoQueryParamsInDev,\n  makeRequest,\n  MakeRequestArgs,\n  throwErrorIfFieldsMissing,\n  throwErrorIfQueryParams,\n} from './request_helpers'\n\nimport { DeleteRequest, GetRequest, PatchRequest, PostRequest, WalkRequest } from './types'\n\ntype ClientArgs = {\n  version: string\n  defaultHeaders?: Record<string, string>\n  onTokenExpired: () => void\n  session: Session\n  app: string\n}\n\nexport class Client {\n  version: string = ''\n  defaultHeaders: Record<string, string> = {}\n  uri: Uri\n  onTokenExpired: () => void\n\n  constructor({ version, defaultHeaders = {}, session, app, onTokenExpired }: ClientArgs) {\n    this.version = version\n    this.uri = new Uri({ session, app })\n    this.defaultHeaders = defaultHeaders\n    this.onTokenExpired = onTokenExpired\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.uri.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) => {\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 ? walkRequest : makeRequest\n\n    return throwErrorIfFieldsMissing(handler, requestArgs).catch(this.handleTokenExpired)\n  }\n\n  async patch(args: PatchRequest) {\n    const headers = { ...this.headers, ...args.headers }\n    const url = this.uri.appUrl(args.url)\n\n    const requestArgs: MakeRequestArgs = { data: args.data, url, action: 'PATCH', headers }\n\n    return ensureNoQueryParamsInDev(makeRequest, requestArgs).catch(this.handleTokenExpired)\n  }\n\n  async post(args: PostRequest) {\n    const headers = { ...this.headers, ...args.headers }\n    const url = this.uri.appUrl(args.url)\n\n    const requestArgs: MakeRequestArgs = { ...args, data: args.data, url, action: 'POST', headers }\n\n    return ensureNoQueryParamsInDev(makeRequest, requestArgs).catch(this.handleTokenExpired)\n  }\n\n  async delete(args: DeleteRequest) {\n    const headers = { ...this.headers, ...args.headers }\n    const url = this.uri.appUrl(args.url)\n\n    const requestArgs: MakeRequestArgs = { url, action: 'DELETE', headers }\n\n    return makeRequest(requestArgs).catch(this.handleTokenExpired)\n  }\n\n  handleTokenExpired = (response: Response) => {\n    if (response.status === 401) {\n      this.onTokenExpired()\n    }\n\n    return Promise.reject(response)\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.uri.headers,\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, ApiError, ApiResource } from '../../types'\nimport { Session } from '../session'\nimport { Uri } from '../uri'\nimport {\n  concatRecords,\n  ensureNoQueryParamsInDev,\n  makeRequest,\n  MakeRequestArgs,\n  throwErrorIfFieldsMissing,\n  throwErrorIfQueryParams,\n} from './request_helpers'\n\nimport { DeleteRequest, GetRequest, PatchRequest, PostRequest, WalkRequest } from './types'\n\ntype ClientArgs = {\n  version: string\n  defaultHeaders?: Record<string, string>\n  onForceLogout?: () => void\n  onTokenExpired?: () => void\n  session: Session\n  app: string\n}\n\nexport class Client {\n  version: string = ''\n  defaultHeaders: Record<string, string> = {}\n  uri: Uri\n  onTokenExpired?: () => void\n  onForceLogout?: () => void\n\n  constructor({\n    version,\n    defaultHeaders = {},\n    session,\n    app,\n    onTokenExpired,\n    onForceLogout,\n  }: ClientArgs) {\n    this.version = version\n    this.uri = new Uri({ session, app })\n    this.defaultHeaders = defaultHeaders\n    this.onTokenExpired = onTokenExpired\n    this.onForceLogout = onForceLogout\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.uri.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) => {\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 ? walkRequest : makeRequest\n\n    return throwErrorIfFieldsMissing(handler, requestArgs).catch(this.handleNotOk)\n  }\n\n  async patch(args: PatchRequest) {\n    const headers = { ...this.headers, ...args.headers }\n    const url = this.uri.appUrl(args.url)\n\n    const requestArgs: MakeRequestArgs = { data: args.data, url, action: 'PATCH', headers }\n\n    return ensureNoQueryParamsInDev(makeRequest, requestArgs).catch(this.handleNotOk)\n  }\n\n  async post(args: PostRequest) {\n    const headers = { ...this.headers, ...args.headers }\n    const url = this.uri.appUrl(args.url)\n\n    const requestArgs: MakeRequestArgs = { ...args, data: args.data, url, action: 'POST', headers }\n\n    return ensureNoQueryParamsInDev(makeRequest, requestArgs).catch(this.handleNotOk)\n  }\n\n  async delete(args: DeleteRequest) {\n    const headers = { ...this.headers, ...args.headers }\n    const url = this.uri.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 parsed = await this.parseErrorResponse(response)\n      const errors = parsed?.errors || []\n      const isTokenExpired = errors.some(e => /baboon/i.test(e.detail))\n      const isForceLogout = errors.some(e => /capuchin/i.test(e.detail))\n      isTokenExpired && this.onTokenExpired?.()\n      isForceLogout && this.onForceLogout?.()\n    }\n\n    return Promise.reject(response)\n  }\n\n  parseErrorResponse = async (response: Response): Promise<ApiError | undefined> => {\n    try {\n      return (await response.json()) as ApiError\n    } catch {\n      return undefined\n    }\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.uri.headers,\n      ...this.defaultHeaders,\n    }\n  }\n}\n\nexport default Client\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@planningcenter/chat-react-native",
-  "version": "2.2.2-rc.0",
+  "version": "2.3.0-rc.0",
   "description": "",
   "main": "build/index.js",
   "types": "build/index.d.ts",
@@ -52,5 +52,5 @@
     "prettier": "^3.4.2",
     "typescript": "<5.6.0"
   },
-  "gitHead": "85b57656095e4430283d8bcb345bf56875172a9f"
+  "gitHead": "a83eecfeb631cdd217b3be1d3836326d8db78943"
 }

package/src/__tests__/client.ts

@@ -3,7 +3,7 @@ import Client from '../utils/client/client'
 import { Session } from '../utils/session'
 import DefaultFixtures from '../__utils__/fixtures/defaults'
 import { BASE_URL } from '../__utils__/handlers'
-import { OAuthToken } from '../types'
+import { ApiError, OAuthToken } from '../types'
 
 const APP_BASE_URL = BASE_URL
 
@@ -16,6 +16,9 @@ beforeAll(() => MockServer.server().listen())
 afterEach(() => MockServer.server().resetHandlers())
 afterAll(() => MockServer.server().close())
 
+const onTokenExpired = jest.fn()
+const onForceLogout = jest.fn()
+
 beforeEach(() => {
   jest.clearAllMocks()
   fetchSpy = jest.spyOn(globalThis, 'fetch')
@@ -24,7 +27,8 @@ beforeEach(() => {
     app: 'chat',
     version: '2018-11-01',
     session,
-    onTokenExpired: () => {},
+    onTokenExpired,
+    onForceLogout,
   })
   clientWithDefaultHeaders = new Client({
     app: 'chat',
@@ -33,7 +37,8 @@ beforeEach(() => {
       'X-Custom-Default-Header': 'important data',
     },
     session,
-    onTokenExpired: () => {},
+    onTokenExpired,
+    onForceLogout,
   })
 })
 
@@ -184,7 +189,12 @@ describe('get', () => {
   })
 
   it('throws an error if response is not ok', async () => {
-    MockServer.get(url, { errors: [{ status: '403' }] }, 403, { once: true })
+    MockServer.get(
+      url,
+      { errors: [{ status: '403', detail: 'Zoinks, your token is borked' }] },
+      403,
+      { once: true }
+    )
 
     await expect(
       client.get({
@@ -428,6 +438,51 @@ describe('url switching', () => {
   })
 })
 
+describe('error handling', () => {
+  describe('401 errors', () => {
+    it('defaults', async () => {
+      await test401({ secretWord: '' })
+      expect(onTokenExpired).not.toHaveBeenCalled()
+      expect(onForceLogout).not.toHaveBeenCalled()
+    })
+
+    it('handles forced logout', async () => {
+      await test401({ secretWord: 'CAPUCHIN' })
+      expect(onTokenExpired).not.toHaveBeenCalled()
+      expect(onForceLogout).toHaveBeenCalled()
+    })
+
+    it('handles token refresh', async () => {
+      await test401({ secretWord: 'BABOON' })
+      expect(onTokenExpired).toHaveBeenCalled()
+      expect(onForceLogout).not.toHaveBeenCalled()
+    })
+
+    const test401 = async ({ secretWord }: { secretWord: string }) => {
+      const url = '/records'
+
+      const expiredTokenResource: Partial<ApiError> = {
+        errors: [
+          {
+            detail: `Zoinks, your token is borked ( ${secretWord} )`,
+            title: 'Unauthorized',
+            status: '401',
+          },
+        ],
+      }
+
+      MockServer.get(url, expiredTokenResource, 401, { once: true })
+
+      await expect(
+        client.get({
+          url,
+          data: { fields: { Record: ['id'] } },
+        })
+      ).rejects.toHaveProperty('status', 401)
+    }
+  })
+})
+
 const requestHeadersShouldContain = ({
   headers,
   key,

package/src/__tests__/hooks/useTheme.tsx

@@ -1,6 +1,6 @@
 import { renderHook } from '@testing-library/react-native'
 import { useTheme } from '../../hooks'
-import { ChatProvider, CreateChatThemeProps } from '../../contexts'
+import { ChatProvider, CreateChatThemeProps } from '../../contexts/chat_context'
 import React from 'react'
 
 let themeProps: CreateChatThemeProps = {

package/src/components/conversations.tsx

@@ -7,11 +7,14 @@ import { useConversationsJoltEvents } from '../hooks/use_conversation_jolt_event
 import { useConversations } from '../hooks/use_conversations'
 import { formatDatePreview } from '../utils/date'
 import { AvatarGroup, Badge, Heading, Text, TextButton } from './display'
+import { ActionButton } from './display/action_button'
+import { useCanCreateConversations } from '../hooks/use_chat_permissions'
 
 export const Conversations = () => {
   const styles = useStyles()
 
   const { conversations, fetchNextPage, refetch, isRefetching } = useConversations()
+  const canCreateConversations = useCanCreateConversations()
 
   // TODO: Filter using the API
   const nonEmptyConversations = conversations.filter(c => c.lastMessageTextPreview) || []
@@ -74,6 +77,11 @@ export const Conversations = () => {
         )}
         onEndReached={() => fetchNextPage()}
       />
+      <ActionButton
+        visible={canCreateConversations}
+        title="New conversation"
+        onPress={() => navigation.navigate('Create')}
+      />
     </View>
   )
 }

package/src/components/display/action_button.tsx

@@ -0,0 +1,62 @@
+import React, { useState } from 'react'
+import { Animated, LayoutAnimation, StyleSheet } from 'react-native'
+import { Button } from './button'
+import { useEffect } from 'react'
+import { useSafeAreaInsets } from 'react-native-safe-area-context'
+import { useTheme } from '../../hooks'
+import { Text } from './text'
+
+export const ActionButton = ({
+  visible = true,
+  onPress,
+  title,
+  infoText,
+}: {
+  visible?: boolean
+  onPress: () => void
+  title: string
+  infoText?: string
+}) => {
+  const styles = useStyles()
+  const [show, setShow] = useState(visible)
+
+  useEffect(() => {
+    if (show === visible) return
+
+    setShow(visible)
+    LayoutAnimation.configureNext(LayoutAnimation.Presets.easeInEaseOut)
+  }, [show, visible])
+
+  if (!visible) return null
+
+  return (
+    <Animated.View style={styles.container}>
+      {Boolean(infoText) && (
+        <Text style={styles.infoText} variant="tertiary">
+          {infoText}
+        </Text>
+      )}
+      <Button variant="fill" size="lg" onPress={onPress} title={title} />
+    </Animated.View>
+  )
+}
+
+const useStyles = () => {
+  const { bottom } = useSafeAreaInsets()
+  const { colors } = useTheme()
+
+  return StyleSheet.create({
+    container: {
+      paddingVertical: 16,
+      paddingHorizontal: 24,
+      paddingBottom: bottom,
+      borderTopWidth: 1,
+      borderTopColor: colors.fillColorNeutral060,
+      gap: 16,
+    },
+    infoText: {
+      textAlign: 'center',
+      color: colors.textColorDefaultSecondary,
+    },
+  })
+}

package/src/contexts/api_provider.tsx

@@ -12,9 +12,9 @@ const defaultQueryFn = ({ queryKey }: { queryKey: QueryKey }) => {
     throw new Error('No token present')
   }
 
-  const [url, data, headers] = queryKey as RequestQueryKey
+  const [url, data, headers, app = 'chat'] = queryKey as RequestQueryKey
 
-  return apiClient.chat.get({ url, data, headers })
+  return apiClient[app].get({ url, data, headers })
 }
 
 export const queryClient = new QueryClient({

package/src/contexts/chat_context.tsx

@@ -7,13 +7,14 @@ import { ChatTheme, defaultTheme, DefaultTheme } from '../utils/theme'
 
 export type ChatContextValue = {
   token?: OAuthToken
+  onForceLogout: () => void
   onTokenExpired: () => void
   theme: ChatTheme
   env?: ENV
   session: Session
 }
 
-export interface ChatProviderProps extends Omit<ChatContextValue, 'theme' | 'session'> {
+export interface ChatProviderProps extends Omit<ChatContextValue, 'client' | 'theme' | 'session'> {
   theme: CreateChatThemeProps
 }
 
@@ -21,12 +22,13 @@ export const ChatContext = createContext<ChatContextValue>({
   theme: defaultTheme('light'),
   token: undefined,
   env: undefined,
+  onForceLogout: () => {},
   onTokenExpired: () => {},
   session: new Session(),
 })
 
 export function ChatProvider({ children, value }: { children: any; value: ChatProviderProps }) {
-  const { env, token, onTokenExpired } = value
+  const { env, token, onTokenExpired, onForceLogout } = value
   const theme = useCreateChatTheme(value.theme || {})
   const session = useMemo(() => new Session({ token, env }), [env, token])
 
@@ -34,6 +36,7 @@ export function ChatProvider({ children, value }: { children: any; value: ChatPr
     env,
     token,
     onTokenExpired,
+    onForceLogout,
     session,
     theme,
   }

package/src/hooks/index.ts

@@ -4,3 +4,5 @@ export * from './use_suspense_api'
 export * from './use_current_person'
 export * from './use_font_scale'
 export * from './use_create_android_ripple_color'
+export * from './use_chat_permissions'
+export * from './use_api_client'

package/src/hooks/use_api.ts

@@ -0,0 +1,80 @@
+import {
+  AnyUseSuspenseInfiniteQueryOptions,
+  InfiniteData,
+  useInfiniteQuery,
+  useQuery,
+} from '@tanstack/react-query'
+import { ApiCollection, ApiResource, ResourceObject } from '../types'
+import { GetRequest, RequestData } from '../utils/client/types'
+import { useApiClient } from './use_api_client'
+import { getRequestQueryKey } from './use_suspense_api'
+
+interface SuspenseGetOptions extends GetRequest {
+  app?: 'chat' | 'groups'
+}
+
+export const useApiGet = <T extends ResourceObject | ResourceObject[]>(
+  args: SuspenseGetOptions
+) => {
+  type Resource = ApiResource<T>
+
+  const { data, ...query } = useQuery<Resource, Response>({
+    queryKey: getRequestQueryKey(args),
+  })
+
+  return { ...data, ...query }
+}
+
+type NextMeta = Partial<{
+  offset: string
+  idLt: string
+}>
+
+export type SuspensePaginatorOptions = Omit<
+  AnyUseSuspenseInfiniteQueryOptions,
+  'getNextPageParam' | 'initialPageParam' | 'queryFn' | 'queryKey'
+>
+
+export const useApiPaginator = <T extends ResourceObject>(
+  args: SuspenseGetOptions,
+  opts?: SuspensePaginatorOptions
+) => {
+  const apiClient = useApiClient()
+  const query = useInfiniteQuery<
+    ApiCollection<T>,
+    Response,
+    InfiniteData<ApiCollection<T>>,
+    any,
+    Partial<RequestData> | undefined
+  >({
+    queryKey: getRequestQueryKey(args),
+    queryFn: ({ pageParam }) => {
+      const pageParmWhere = pageParam?.where || {}
+      const argsWhere = args.data.where || {}
+      const where = { ...argsWhere, ...pageParmWhere }
+
+      const offset = pageParam?.offset || args.data.offset
+      const data = { ...args.data, where, offset }
+
+      return apiClient.chat.get({
+        url: args.url,
+        data,
+      })
+    },
+    initialPageParam: {} as Partial<RequestData>,
+    getNextPageParam: lastPage => {
+      const next: NextMeta = lastPage.meta?.next || {}
+      const { offset, idLt } = next
+
+      if (idLt) return { where: { id_lt: idLt } }
+      if (offset) return { offset: Number(offset) }
+
+      return undefined
+    },
+    ...(opts || {}),
+  })
+
+  const data: T[] = query.data?.pages.flatMap(page => page.data) || []
+
+  return { ...query, data }
+}

package/src/hooks/use_api_client.ts

@@ -2,26 +2,24 @@ import { useContext, useMemo } from 'react'
 import { ChatContext } from '../contexts/chat_context'
 import { Client } from '../utils/client'
 
-type App = 'chat' | 'groups'
-const apps: App[] = ['chat', 'groups']
-export type ApiClient = Record<App, Client>
+type App = 'chat' | 'groups' | 'services'
+const apps: App[] = ['chat', 'groups', 'services']
+
+export type ApiClient = { [_K in App]: Client }
 
 export const useApiClient = () => {
   const { session, onTokenExpired } = useContext(ChatContext)
   const api = useMemo(
     () =>
-      apps.reduce(
-        (acc, app) => {
-          acc[app] = new Client({
-            app,
-            session,
-            version: '2018-11-01',
-            onTokenExpired,
-          })
-          return acc
-        },
-        {} as Record<App, Client>
-      ),
+      apps.reduce((acc, app) => {
+        acc[app] = new Client({
+          app,
+          session,
+          version: '2018-11-01',
+          onTokenExpired,
+        })
+        return acc
+      }, {} as ApiClient),
     [session, onTokenExpired]
   )
 

package/src/hooks/use_chat_permissions.ts

@@ -0,0 +1,20 @@
+import { AppGrantsResource } from '../types'
+import { useApiGet } from './use_api'
+
+export function useAppGrants() {
+  return useApiGet<AppGrantsResource[]>({
+    url: '/me/app_grants',
+    data: {
+      fields: {
+        AppGrant: ['create_conversations', 'app_name'],
+      },
+    },
+    app: 'chat',
+  })
+}
+
+export function useCanCreateConversations(): boolean {
+  const { data: appGrants = [] } = useAppGrants()
+
+  return appGrants.some(appGrant => appGrant.createConversations)
+}

package/src/hooks/use_conversation.ts

@@ -1,10 +1,9 @@
-import { useMutation } from '@tanstack/react-query'
+import { useMutation, useQueryClient } from '@tanstack/react-query'
+import { useState } from 'react'
 import { ApiResource, ConversationResource } from '../types'
-import { getRequestQueryKey, useSuspenseGet } from './use_suspense_api'
-import { queryClient } from '../contexts'
-import { useApiClient } from './use_api_client'
 import { transformGetToPost } from '../utils/client/request_helpers'
-import { useState } from 'react'
+import { useApiClient } from './use_api_client'
+import { getRequestQueryKey, useSuspenseGet } from './use_suspense_api'
 
 export const getConversationRequestArgs = ({ conversation_id }: { conversation_id: string }) => ({
   url: `/me/conversations/${conversation_id}`,
@@ -39,6 +38,7 @@ export const useConversation = ({ conversation_id }) => {
 
 export const useConversationMute = ({ conversation_id }: { conversation_id: string }) => {
   const apiClient = useApiClient()
+  const queryClient = useQueryClient()
   const requestArgs = getConversationRequestArgs({ conversation_id })
   const queryKey = getRequestQueryKey(requestArgs)
   const { data: conversation } = useConversation({ conversation_id })
@@ -82,6 +82,7 @@ export const useConversationMute = ({ conversation_id }: { conversation_id: stri
 
 export const useConversationUpdate = ({ conversation_id }: { conversation_id: string }) => {
   const apiClient = useApiClient()
+  const queryClient = useQueryClient()
   const requestArgs = getConversationRequestArgs({ conversation_id })
   const queryKey = getRequestQueryKey(requestArgs)
 

package/src/hooks/use_suspense_api.ts

@@ -8,7 +8,13 @@ import { ApiCollection, ApiResource, ResourceObject } from '../types'
 import { GetRequest, RequestData } from '../utils/client/types'
 import { useApiClient } from './use_api_client'
 
-export const useSuspenseGet = <T extends ResourceObject | ResourceObject[]>(args: GetRequest) => {
+interface SuspenseGetOptions extends GetRequest {
+  app?: 'chat' | 'groups'
+}
+
+export const useSuspenseGet = <T extends ResourceObject | ResourceObject[]>(
+  args: SuspenseGetOptions
+) => {
   type Resource = ApiResource<T>
 
   const { data, ...query } = useSuspenseQuery<Resource, Response>({
@@ -29,7 +35,7 @@ export type SuspensePaginatorOptions = Omit<
 >
 
 export const useSuspensePaginator = <T extends ResourceObject>(
-  args: GetRequest,
+  args: SuspenseGetOptions,
   opts?: SuspensePaginatorOptions
 ) => {
   const apiClient = useApiClient()
@@ -72,9 +78,15 @@ export const useSuspensePaginator = <T extends ResourceObject>(
   return { ...query, data }
 }
 
-export type RequestQueryKey = [GetRequest['url'], GetRequest['data'], GetRequest['headers']]
-export const getRequestQueryKey = (args: GetRequest): RequestQueryKey => [
+export type RequestQueryKey = [
+  SuspenseGetOptions['url'],
+  SuspenseGetOptions['data'],
+  SuspenseGetOptions['headers'],
+  SuspenseGetOptions['app'],
+]
+export const getRequestQueryKey = (args: SuspenseGetOptions): RequestQueryKey => [
   args.url,
   args.data,
   args.headers,
+  args.app || 'chat',
 ]