@planningcenter/chat-react-native 1.3.0-rc.6 → 1.3.0-rc.7

package/.babelrc.json

@@ -0,0 +1,3 @@
+{
+  "presets": ["module:@react-native/babel-preset"]
+}

package/CHANGELOG.md

@@ -3,6 +3,20 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.3.0-rc.7](https://github.com/planningcenter/chat-js/compare/v1.2.0...v1.3.0-rc.7) (2025-02-11)
+
+
+### Features
+
+* add auth to the example app ([#50](https://github.com/planningcenter/chat-js/issues/50)) ([5e0ae00](https://github.com/planningcenter/chat-js/commit/5e0ae008345743f6bba388e982a3ad768265971a))
+* allow environment switching ([#58](https://github.com/planningcenter/chat-js/issues/58)) ([2518d33](https://github.com/planningcenter/chat-js/commit/2518d33588a3eff1517b440cb0e493e97915d9b0))
+* **Api:** teach app about enviroments and make fetching a snap ([#55](https://github.com/planningcenter/chat-js/issues/55)) ([bb7aa56](https://github.com/planningcenter/chat-js/commit/bb7aa567ea362b53faceed9c98ca3b315a0229f5))
+* create higher fidelity components ([#54](https://github.com/planningcenter/chat-js/issues/54)) ([367b707](https://github.com/planningcenter/chat-js/commit/367b7076b6d3a81ede7852248e98a199adea9978))
+* drop stream and set global dependencies ([#49](https://github.com/planningcenter/chat-js/issues/49)) ([1214b9f](https://github.com/planningcenter/chat-js/commit/1214b9fbc17f4ab67a1de1d39954604a28268f35))
+* **StreamChat:** export core package ([#41](https://github.com/planningcenter/chat-js/issues/41)) ([e9afde0](https://github.com/planningcenter/chat-js/commit/e9afde0e2a11d9c7e13b84f8eee8a6cfa7aff795)), closes [#45](https://github.com/planningcenter/chat-js/issues/45)
+
+
+
 ## [1.3.0-rc.6](https://github.com/planningcenter/chat-js/compare/v1.2.0...v1.3.0-rc.6) (2025-02-11)
 
 

package/build/contexts/api_provider.d.ts

@@ -2,12 +2,11 @@ import { QueryClient } from '@tanstack/react-query';
 import React from 'react';
 import { ViewProps } from 'react-native';
 import { OAuthToken } from '../types';
-type ENV = 'production' | 'staging' | 'development';
+import { ENV } from '../utils/session';
 export declare const queryClient: QueryClient;
 export declare function ApiProvider({ children, env, token, onTokenExpired, }: ViewProps & {
     env?: ENV;
     token?: OAuthToken;
     onTokenExpired: () => void;
 }): React.JSX.Element;
-export {};
 //# sourceMappingURL=api_provider.d.ts.map

package/build/contexts/api_provider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"api_provider.d.ts","sourceRoot":"","sources":["../../src/contexts/api_provider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAiC,MAAM,uBAAuB,CAAA;AAClF,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AACxC,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAErC,KAAK,GAAG,GAAG,YAAY,GAAG,SAAS,GAAG,aAAa,CAAA;AAkCnD,eAAO,MAAM,WAAW,aAMtB,CAAA;AAEF,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,GAAkB,EAClB,KAAK,EACL,cAAc,GACf,EAAE,SAAS,GAAG;IAAE,GAAG,CAAC,EAAE,GAAG,CAAC;IAAC,KAAK,CAAC,EAAE,UAAU,CAAC;IAAC,cAAc,EAAE,MAAM,IAAI,CAAA;CAAE,qBAM3E"}
+{"version":3,"file":"api_provider.d.ts","sourceRoot":"","sources":["../../src/contexts/api_provider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAiC,MAAM,uBAAuB,CAAA;AAClF,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AACxC,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AACrC,OAAO,EAAE,GAAG,EAAW,MAAM,kBAAkB,CAAA;AA0B/C,eAAO,MAAM,WAAW,aAMtB,CAAA;AAEF,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,GAAkB,EAClB,KAAK,EACL,cAAc,GACf,EAAE,SAAS,GAAG;IAAE,GAAG,CAAC,EAAE,GAAG,CAAC;IAAC,KAAK,CAAC,EAAE,UAAU,CAAC;IAAC,cAAc,EAAE,MAAM,IAAI,CAAA;CAAE,qBAM3E"}

package/build/contexts/api_provider.js

@@ -1,22 +1,15 @@
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
 import React from 'react';
-let environment = 'production';
-let oauthToken;
+import { session } from '../utils/session';
 let handleTokenExpired;
-const hostMap = {
-    production: 'https://api.planningcenteronline.com',
-    staging: 'https://api-staging.planningcenteronline.com',
-    development: 'https://api.pco.test',
-};
 const defaultQueryFn = ({ queryKey }) => {
-    if (!oauthToken) {
-        console.error('No token present');
+    if (!session.token) {
         throw new Error('No token present');
     }
-    const url = `${hostMap[environment]}${queryKey[0]}`;
+    const url = `${session.baseUrl}${queryKey[0]}`;
     return fetch(url, {
         headers: {
-            Authorization: `Bearer ${oauthToken?.access_token}`,
+            Authorization: `Bearer ${session.token?.access_token}`,
         },
     })
         .then(validateResponse)
@@ -36,9 +29,9 @@ export const queryClient = new QueryClient({
     },
 });
 export function ApiProvider({ children, env = 'production', token, onTokenExpired, }) {
-    oauthToken = token;
+    session.env = env;
+    session.token = token;
     handleTokenExpired = onTokenExpired;
-    environment = env;
     return <QueryClientProvider client={queryClient}>{children}</QueryClientProvider>;
 }
 const validateResponse = (response) => {

package/build/contexts/api_provider.js.map

@@ -1 +1 @@
-{"version":3,"file":"api_provider.js","sourceRoot":"","sources":["../../src/contexts/api_provider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,mBAAmB,EAAY,MAAM,uBAAuB,CAAA;AAClF,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,IAAI,WAAW,GAAQ,YAAY,CAAA;AACnC,IAAI,UAAkC,CAAA;AACtC,IAAI,kBAA8B,CAAA;AAElC,MAAM,OAAO,GAAG;IACd,UAAU,EAAE,sCAAsC;IAClD,OAAO,EAAE,8CAA8C;IACvD,WAAW,EAAE,sBAAsB;CACpC,CAAA;AAED,MAAM,cAAc,GAAG,CAAC,EAAE,QAAQ,EAA0B,EAAE,EAAE;IAC9D,IAAI,CAAC,UAAU,EAAE,CAAC;QAChB,OAAO,CAAC,KAAK,CAAC,kBAAkB,CAAC,CAAA;QACjC,MAAM,IAAI,KAAK,CAAC,kBAAkB,CAAC,CAAA;IACrC,CAAC;IAED,MAAM,GAAG,GAAG,GAAG,OAAO,CAAC,WAAW,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAA;IAEnD,OAAO,KAAK,CAAC,GAAG,EAAE;QAChB,OAAO,EAAE;YACP,aAAa,EAAE,UAAU,UAAU,EAAE,YAAY,EAAE;SACpD;KACF,CAAC;SACC,IAAI,CAAC,gBAAgB,CAAC;SACtB,IAAI,CAAC,QAAQ,CAAC,EAAE,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC;SACjC,KAAK,CAAC,KAAK,CAAC,EAAE;QACb,IAAI,KAAK,CAAC,OAAO,KAAK,eAAe,EAAE,CAAC;YACtC,kBAAkB,EAAE,CAAA;QACtB,CAAC;QACD,OAAO,IAAI,CAAA;IACb,CAAC,CAAC,CAAA;AACN,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,WAAW,GAAG,IAAI,WAAW,CAAC;IACzC,cAAc,EAAE;QACd,OAAO,EAAE;YACP,OAAO,EAAE,cAAc;SACxB;KACF;CACF,CAAC,CAAA;AAEF,MAAM,UAAU,WAAW,CAAC,EAC1B,QAAQ,EACR,GAAG,GAAG,YAAY,EAClB,KAAK,EACL,cAAc,GAC4D;IAC1E,UAAU,GAAG,KAAK,CAAA;IAClB,kBAAkB,GAAG,cAAc,CAAA;IACnC,WAAW,GAAG,GAAG,CAAA;IAEjB,OAAO,CAAC,mBAAmB,CAAC,MAAM,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,mBAAmB,CAAC,CAAA;AACnF,CAAC;AAED,MAAM,gBAAgB,GAAG,CAAC,QAAkB,EAAE,EAAE;IAC9C,MAAM,SAAS,GAAG,QAAQ,CAAC,MAAM,KAAK,GAAG,CAAA;IAEzC,IAAI,SAAS,EAAE,CAAC;QACd,MAAM,IAAI,KAAK,CAAC,eAAe,CAAC,CAAA;IAClC,CAAC;IAED,OAAO,QAAQ,CAAA;AACjB,CAAC,CAAA","sourcesContent":["import { QueryClient, QueryClientProvider, QueryKey } from '@tanstack/react-query'\nimport React from 'react'\nimport { ViewProps } from 'react-native'\nimport { OAuthToken } from '../types'\n\ntype ENV = 'production' | 'staging' | 'development'\nlet environment: ENV = 'production'\nlet oauthToken: OAuthToken | undefined\nlet handleTokenExpired: () => void\n\nconst hostMap = {\n  production: 'https://api.planningcenteronline.com',\n  staging: 'https://api-staging.planningcenteronline.com',\n  development: 'https://api.pco.test',\n}\n\nconst defaultQueryFn = ({ queryKey }: { queryKey: QueryKey }) => {\n  if (!oauthToken) {\n    console.error('No token present')\n    throw new Error('No token present')\n  }\n\n  const url = `${hostMap[environment]}${queryKey[0]}`\n\n  return fetch(url, {\n    headers: {\n      Authorization: `Bearer ${oauthToken?.access_token}`,\n    },\n  })\n    .then(validateResponse)\n    .then(response => response.json())\n    .catch(error => {\n      if (error.message === 'Token expired') {\n        handleTokenExpired()\n      }\n      return null\n    })\n}\n\nexport const queryClient = new QueryClient({\n  defaultOptions: {\n    queries: {\n      queryFn: defaultQueryFn,\n    },\n  },\n})\n\nexport function ApiProvider({\n  children,\n  env = 'production',\n  token,\n  onTokenExpired,\n}: ViewProps & { env?: ENV; token?: OAuthToken; onTokenExpired: () => void }) {\n  oauthToken = token\n  handleTokenExpired = onTokenExpired\n  environment = env\n\n  return <QueryClientProvider client={queryClient}>{children}</QueryClientProvider>\n}\n\nconst validateResponse = (response: Response) => {\n  const isExpired = response.status === 401\n\n  if (isExpired) {\n    throw new Error('Token expired')\n  }\n\n  return response\n}\n"]}
+{"version":3,"file":"api_provider.js","sourceRoot":"","sources":["../../src/contexts/api_provider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,mBAAmB,EAAY,MAAM,uBAAuB,CAAA;AAClF,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,EAAO,OAAO,EAAE,MAAM,kBAAkB,CAAA;AAE/C,IAAI,kBAA8B,CAAA;AAElC,MAAM,cAAc,GAAG,CAAC,EAAE,QAAQ,EAA0B,EAAE,EAAE;IAC9D,IAAI,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;QACnB,MAAM,IAAI,KAAK,CAAC,kBAAkB,CAAC,CAAA;IACrC,CAAC;IAED,MAAM,GAAG,GAAG,GAAG,OAAO,CAAC,OAAO,GAAG,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAA;IAE9C,OAAO,KAAK,CAAC,GAAG,EAAE;QAChB,OAAO,EAAE;YACP,aAAa,EAAE,UAAU,OAAO,CAAC,KAAK,EAAE,YAAY,EAAE;SACvD;KACF,CAAC;SACC,IAAI,CAAC,gBAAgB,CAAC;SACtB,IAAI,CAAC,QAAQ,CAAC,EAAE,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC;SACjC,KAAK,CAAC,KAAK,CAAC,EAAE;QACb,IAAI,KAAK,CAAC,OAAO,KAAK,eAAe,EAAE,CAAC;YACtC,kBAAkB,EAAE,CAAA;QACtB,CAAC;QACD,OAAO,IAAI,CAAA;IACb,CAAC,CAAC,CAAA;AACN,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,WAAW,GAAG,IAAI,WAAW,CAAC;IACzC,cAAc,EAAE;QACd,OAAO,EAAE;YACP,OAAO,EAAE,cAAc;SACxB;KACF;CACF,CAAC,CAAA;AAEF,MAAM,UAAU,WAAW,CAAC,EAC1B,QAAQ,EACR,GAAG,GAAG,YAAY,EAClB,KAAK,EACL,cAAc,GAC4D;IAC1E,OAAO,CAAC,GAAG,GAAG,GAAG,CAAA;IACjB,OAAO,CAAC,KAAK,GAAG,KAAK,CAAA;IACrB,kBAAkB,GAAG,cAAc,CAAA;IAEnC,OAAO,CAAC,mBAAmB,CAAC,MAAM,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,mBAAmB,CAAC,CAAA;AACnF,CAAC;AAED,MAAM,gBAAgB,GAAG,CAAC,QAAkB,EAAE,EAAE;IAC9C,MAAM,SAAS,GAAG,QAAQ,CAAC,MAAM,KAAK,GAAG,CAAA;IAEzC,IAAI,SAAS,EAAE,CAAC;QACd,MAAM,IAAI,KAAK,CAAC,eAAe,CAAC,CAAA;IAClC,CAAC;IAED,OAAO,QAAQ,CAAA;AACjB,CAAC,CAAA","sourcesContent":["import { QueryClient, QueryClientProvider, QueryKey } from '@tanstack/react-query'\nimport React from 'react'\nimport { ViewProps } from 'react-native'\nimport { OAuthToken } from '../types'\nimport { ENV, session } from '../utils/session'\n\nlet handleTokenExpired: () => void\n\nconst defaultQueryFn = ({ queryKey }: { queryKey: QueryKey }) => {\n  if (!session.token) {\n    throw new Error('No token present')\n  }\n\n  const url = `${session.baseUrl}${queryKey[0]}`\n\n  return fetch(url, {\n    headers: {\n      Authorization: `Bearer ${session.token?.access_token}`,\n    },\n  })\n    .then(validateResponse)\n    .then(response => response.json())\n    .catch(error => {\n      if (error.message === 'Token expired') {\n        handleTokenExpired()\n      }\n      return null\n    })\n}\n\nexport const queryClient = new QueryClient({\n  defaultOptions: {\n    queries: {\n      queryFn: defaultQueryFn,\n    },\n  },\n})\n\nexport function ApiProvider({\n  children,\n  env = 'production',\n  token,\n  onTokenExpired,\n}: ViewProps & { env?: ENV; token?: OAuthToken; onTokenExpired: () => void }) {\n  session.env = env\n  session.token = token\n  handleTokenExpired = onTokenExpired\n\n  return <QueryClientProvider client={queryClient}>{children}</QueryClientProvider>\n}\n\nconst validateResponse = (response: Response) => {\n  const isExpired = response.status === 401\n\n  if (isExpired) {\n    throw new Error('Token expired')\n  }\n\n  return response\n}\n"]}

package/build/index.d.ts

@@ -2,6 +2,7 @@ import { Conversations } from './components/conversations';
 import { ChatContext, ChatProvider } from './contexts/chat_context';
 import { useCreateChatTheme } from './hooks/use_create_chat_theme';
 import { OAuthToken } from './types';
+import { baseUrlMap, uploadUrlMap } from './utils/session';
 import { TemporaryDefaultColorsType } from './utils/theme';
-export { ChatContext, ChatProvider, Conversations, OAuthToken, TemporaryDefaultColorsType, useCreateChatTheme, };
+export { baseUrlMap, ChatContext, ChatProvider, Conversations, OAuthToken, TemporaryDefaultColorsType, uploadUrlMap, useCreateChatTheme, };
 //# sourceMappingURL=index.d.ts.map

package/build/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAA;AAC1D,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAA;AACnE,OAAO,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAA;AAClE,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AACpC,OAAO,EAAE,0BAA0B,EAAE,MAAM,eAAe,CAAA;AAE1D,OAAO,EACL,WAAW,EACX,YAAY,EACZ,aAAa,EACb,UAAU,EACV,0BAA0B,EAC1B,kBAAkB,GACnB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAA;AAC1D,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAA;AACnE,OAAO,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAA;AAClE,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AACpC,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAC1D,OAAO,EAAE,0BAA0B,EAAE,MAAM,eAAe,CAAA;AAE1D,OAAO,EACL,UAAU,EACV,WAAW,EACX,YAAY,EACZ,aAAa,EACb,UAAU,EACV,0BAA0B,EAC1B,YAAY,EACZ,kBAAkB,GACnB,CAAA"}

package/build/index.js

@@ -1,5 +1,6 @@
 import { Conversations } from './components/conversations';
 import { ChatContext, ChatProvider } from './contexts/chat_context';
 import { useCreateChatTheme } from './hooks/use_create_chat_theme';
-export { ChatContext, ChatProvider, Conversations, useCreateChatTheme, };
+import { baseUrlMap, uploadUrlMap } from './utils/session';
+export { baseUrlMap, ChatContext, ChatProvider, Conversations, uploadUrlMap, useCreateChatTheme, };
 //# sourceMappingURL=index.js.map

package/build/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAA;AAC1D,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAA;AACnE,OAAO,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAA;AAIlE,OAAO,EACL,WAAW,EACX,YAAY,EACZ,aAAa,EAGb,kBAAkB,GACnB,CAAA","sourcesContent":["import { Conversations } from './components/conversations'\nimport { ChatContext, ChatProvider } from './contexts/chat_context'\nimport { useCreateChatTheme } from './hooks/use_create_chat_theme'\nimport { OAuthToken } from './types'\nimport { TemporaryDefaultColorsType } from './utils/theme'\n\nexport {\n  ChatContext,\n  ChatProvider,\n  Conversations,\n  OAuthToken,\n  TemporaryDefaultColorsType,\n  useCreateChatTheme,\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAA;AAC1D,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAA;AACnE,OAAO,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAA;AAElE,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAG1D,OAAO,EACL,UAAU,EACV,WAAW,EACX,YAAY,EACZ,aAAa,EAGb,YAAY,EACZ,kBAAkB,GACnB,CAAA","sourcesContent":["import { Conversations } from './components/conversations'\nimport { ChatContext, ChatProvider } from './contexts/chat_context'\nimport { useCreateChatTheme } from './hooks/use_create_chat_theme'\nimport { OAuthToken } from './types'\nimport { baseUrlMap, uploadUrlMap } from './utils/session'\nimport { TemporaryDefaultColorsType } from './utils/theme'\n\nexport {\n  baseUrlMap,\n  ChatContext,\n  ChatProvider,\n  Conversations,\n  OAuthToken,\n  TemporaryDefaultColorsType,\n  uploadUrlMap,\n  useCreateChatTheme,\n}\n"]}

package/build/utils/session.d.ts

@@ -0,0 +1,32 @@
+import { OAuthToken } from '../types';
+export type ENV = 'production' | 'staging' | 'development';
+export declare const baseUrlMap: {
+    production: string;
+    staging: string;
+    development: string;
+};
+export declare const uploadUrlMap: {
+    production: string;
+    staging: string;
+    development: string;
+};
+type SessionProps = {
+    env?: ENV;
+    token?: OAuthToken;
+} | undefined;
+/**
+ * Session class to track the environment and token
+ * Not intended to make network requests or handle authentication
+ * - returns urls for convenience only
+ */
+export declare class Session {
+    env: ENV;
+    token: OAuthToken | undefined;
+    constructor(props?: SessionProps);
+    get isAuthenticated(): boolean;
+    get baseUrl(): string;
+    get uploadUrl(): string;
+}
+export declare const session: Session;
+export {};
+//# sourceMappingURL=session.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"session.d.ts","sourceRoot":"","sources":["../../src/utils/session.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAErC,MAAM,MAAM,GAAG,GAAG,YAAY,GAAG,SAAS,GAAG,aAAa,CAAA;AAE1D,eAAO,MAAM,UAAU;;;;CAItB,CAAA;AAED,eAAO,MAAM,YAAY;;;;CAIxB,CAAA;AAED,KAAK,YAAY,GAAG;IAAE,GAAG,CAAC,EAAE,GAAG,CAAC;IAAC,KAAK,CAAC,EAAE,UAAU,CAAA;CAAE,GAAG,SAAS,CAAA;AAEjE;;;;GAIG;AACH,qBAAa,OAAO;IAClB,GAAG,EAAE,GAAG,CAAA;IACR,KAAK,EAAE,UAAU,GAAG,SAAS,CAAA;gBAEjB,KAAK,CAAC,EAAE,YAAY;IAMhC,IAAI,eAAe,YAElB;IAED,IAAI,OAAO,WAEV;IAED,IAAI,SAAS,WAEZ;CACF;AAED,eAAO,MAAM,OAAO,SAAsC,CAAA"}

package/build/utils/session.js

@@ -0,0 +1,35 @@
+export const baseUrlMap = {
+    production: 'https://api.planningcenteronline.com',
+    staging: 'https://api-staging.planningcenteronline.com',
+    development: 'http://api.pco.test',
+};
+export const uploadUrlMap = {
+    production: 'https://upload.planningcenteronline.com/v2/files',
+    staging: 'https://upload-staging.planningcenteronline.com/v2/files',
+    development: 'https://upload.planningcenteronline.com/v2/files',
+};
+/**
+ * Session class to track the environment and token
+ * Not intended to make network requests or handle authentication
+ * - returns urls for convenience only
+ */
+export class Session {
+    env;
+    token;
+    constructor(props) {
+        const { env = 'development', token } = props || {};
+        this.env = env;
+        this.token = token;
+    }
+    get isAuthenticated() {
+        return Boolean(this.token);
+    }
+    get baseUrl() {
+        return baseUrlMap[this.env];
+    }
+    get uploadUrl() {
+        return uploadUrlMap[this.env];
+    }
+}
+export const session = new Session({ env: 'development' });
+//# sourceMappingURL=session.js.map

package/build/utils/session.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"session.js","sourceRoot":"","sources":["../../src/utils/session.ts"],"names":[],"mappings":"AAIA,MAAM,CAAC,MAAM,UAAU,GAAG;IACxB,UAAU,EAAE,sCAAsC;IAClD,OAAO,EAAE,8CAA8C;IACvD,WAAW,EAAE,qBAAqB;CACnC,CAAA;AAED,MAAM,CAAC,MAAM,YAAY,GAAG;IAC1B,UAAU,EAAE,kDAAkD;IAC9D,OAAO,EAAE,0DAA0D;IACnE,WAAW,EAAE,kDAAkD;CAChE,CAAA;AAID;;;;GAIG;AACH,MAAM,OAAO,OAAO;IAClB,GAAG,CAAK;IACR,KAAK,CAAwB;IAE7B,YAAY,KAAoB;QAC9B,MAAM,EAAE,GAAG,GAAG,aAAa,EAAE,KAAK,EAAE,GAAG,KAAK,IAAI,EAAE,CAAA;QAClD,IAAI,CAAC,GAAG,GAAG,GAAG,CAAA;QACd,IAAI,CAAC,KAAK,GAAG,KAAK,CAAA;IACpB,CAAC;IAED,IAAI,eAAe;QACjB,OAAO,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;IAC5B,CAAC;IAED,IAAI,OAAO;QACT,OAAO,UAAU,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;IAC7B,CAAC;IAED,IAAI,SAAS;QACX,OAAO,YAAY,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;IAC/B,CAAC;CACF;AAED,MAAM,CAAC,MAAM,OAAO,GAAG,IAAI,OAAO,CAAC,EAAE,GAAG,EAAE,aAAa,EAAE,CAAC,CAAA","sourcesContent":["import { OAuthToken } from '../types'\n\nexport type ENV = 'production' | 'staging' | 'development'\n\nexport const baseUrlMap = {\n  production: 'https://api.planningcenteronline.com',\n  staging: 'https://api-staging.planningcenteronline.com',\n  development: 'http://api.pco.test',\n}\n\nexport const uploadUrlMap = {\n  production: 'https://upload.planningcenteronline.com/v2/files',\n  staging: 'https://upload-staging.planningcenteronline.com/v2/files',\n  development: 'https://upload.planningcenteronline.com/v2/files',\n}\n\ntype SessionProps = { env?: ENV; token?: OAuthToken } | undefined\n\n/**\n * Session class to track the environment and token\n * Not intended to make network requests or handle authentication\n * - returns urls for convenience only\n */\nexport class Session {\n  env: ENV\n  token: OAuthToken | undefined\n\n  constructor(props?: SessionProps) {\n    const { env = 'development', token } = props || {}\n    this.env = env\n    this.token = token\n  }\n\n  get isAuthenticated() {\n    return Boolean(this.token)\n  }\n\n  get baseUrl() {\n    return baseUrlMap[this.env]\n  }\n\n  get uploadUrl() {\n    return uploadUrlMap[this.env]\n  }\n}\n\nexport const session = new Session({ env: 'development' })\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@planningcenter/chat-react-native",
-  "version": "1.3.0-rc.6",
+  "version": "1.3.0-rc.7",
   "description": "",
   "main": "build/index.js",
   "types": "build/index.d.ts",
@@ -27,5 +27,5 @@
     "prettier": "^3.4.2",
     "react-native": "0.74.5"
   },
-  "gitHead": "2d5340552b2daf0cf8c973071cd3e851fff6c520"
+  "gitHead": "d523042ca47c1d2dd74744bf400ac3491a0a83ae"
 }

package/src/__tests__/session.tsx

@@ -0,0 +1,46 @@
+import { OAuthToken } from '../types'
+import { Session } from '../utils/session'
+
+describe('Session', () => {
+  describe('constructor', () => {
+    it('should track the environment', () => {
+      const session = new Session()
+      expect(session.env).toBe('development')
+      expect(session.isAuthenticated).toBe(false)
+    })
+
+    it('should track the token', () => {
+      const token: OAuthToken = {
+        access_token: 'access_token',
+        refresh_token: 'refresh_token',
+        token_type: undefined,
+        created_at: 0,
+        expires_in: undefined,
+        scope: '',
+      }
+      const session = new Session({ token })
+      expect(session.token).toEqual(token)
+      expect(session.isAuthenticated).toEqual(true)
+    })
+  })
+
+  describe('urls', () => {
+    it('should return the correct base url', () => {
+      const session = new Session({ env: 'production' })
+      expect(session.baseUrl).toBe('https://api.planningcenteronline.com')
+      session.env = 'development'
+      expect(session.baseUrl).toBe('http://api.pco.test')
+      session.env = 'staging'
+      expect(session.baseUrl).toBe('https://api-staging.planningcenteronline.com')
+    })
+
+    it('should return the correct upload url', () => {
+      const session = new Session({ env: 'production' })
+      expect(session.uploadUrl).toBe('https://upload.planningcenteronline.com/v2/files')
+      session.env = 'development'
+      expect(session.uploadUrl).toBe('https://upload.planningcenteronline.com/v2/files')
+      session.env = 'staging'
+      expect(session.uploadUrl).toBe('https://upload-staging.planningcenteronline.com/v2/files')
+    })
+  })
+})

package/src/contexts/api_provider.tsx

@@ -2,29 +2,20 @@ import { QueryClient, QueryClientProvider, QueryKey } from '@tanstack/react-quer
 import React from 'react'
 import { ViewProps } from 'react-native'
 import { OAuthToken } from '../types'
+import { ENV, session } from '../utils/session'
 
-type ENV = 'production' | 'staging' | 'development'
-let environment: ENV = 'production'
-let oauthToken: OAuthToken | undefined
 let handleTokenExpired: () => void
 
-const hostMap = {
-  production: 'https://api.planningcenteronline.com',
-  staging: 'https://api-staging.planningcenteronline.com',
-  development: 'https://api.pco.test',
-}
-
 const defaultQueryFn = ({ queryKey }: { queryKey: QueryKey }) => {
-  if (!oauthToken) {
-    console.error('No token present')
+  if (!session.token) {
     throw new Error('No token present')
   }
 
-  const url = `${hostMap[environment]}${queryKey[0]}`
+  const url = `${session.baseUrl}${queryKey[0]}`
 
   return fetch(url, {
     headers: {
-      Authorization: `Bearer ${oauthToken?.access_token}`,
+      Authorization: `Bearer ${session.token?.access_token}`,
     },
   })
     .then(validateResponse)
@@ -51,9 +42,9 @@ export function ApiProvider({
   token,
   onTokenExpired,
 }: ViewProps & { env?: ENV; token?: OAuthToken; onTokenExpired: () => void }) {
-  oauthToken = token
+  session.env = env
+  session.token = token
   handleTokenExpired = onTokenExpired
-  environment = env
 
   return <QueryClientProvider client={queryClient}>{children}</QueryClientProvider>
 }

package/src/index.tsx

@@ -2,13 +2,16 @@ import { Conversations } from './components/conversations'
 import { ChatContext, ChatProvider } from './contexts/chat_context'
 import { useCreateChatTheme } from './hooks/use_create_chat_theme'
 import { OAuthToken } from './types'
+import { baseUrlMap, uploadUrlMap } from './utils/session'
 import { TemporaryDefaultColorsType } from './utils/theme'
 
 export {
+  baseUrlMap,
   ChatContext,
   ChatProvider,
   Conversations,
   OAuthToken,
   TemporaryDefaultColorsType,
+  uploadUrlMap,
   useCreateChatTheme,
 }

package/src/utils/session.ts

@@ -0,0 +1,47 @@
+import { OAuthToken } from '../types'
+
+export type ENV = 'production' | 'staging' | 'development'
+
+export const baseUrlMap = {
+  production: 'https://api.planningcenteronline.com',
+  staging: 'https://api-staging.planningcenteronline.com',
+  development: 'http://api.pco.test',
+}
+
+export const uploadUrlMap = {
+  production: 'https://upload.planningcenteronline.com/v2/files',
+  staging: 'https://upload-staging.planningcenteronline.com/v2/files',
+  development: 'https://upload.planningcenteronline.com/v2/files',
+}
+
+type SessionProps = { env?: ENV; token?: OAuthToken } | undefined
+
+/**
+ * Session class to track the environment and token
+ * Not intended to make network requests or handle authentication
+ * - returns urls for convenience only
+ */
+export class Session {
+  env: ENV
+  token: OAuthToken | undefined
+
+  constructor(props?: SessionProps) {
+    const { env = 'development', token } = props || {}
+    this.env = env
+    this.token = token
+  }
+
+  get isAuthenticated() {
+    return Boolean(this.token)
+  }
+
+  get baseUrl() {
+    return baseUrlMap[this.env]
+  }
+
+  get uploadUrl() {
+    return uploadUrlMap[this.env]
+  }
+}
+
+export const session = new Session({ env: 'development' })