@planningcenter/chat-react-native 1.4.0 → 1.4.1-qa-72.0

package/build/components/index.d.ts

@@ -0,0 +1,3 @@
+export * from './conversations';
+export * from './error_boundary';
+//# sourceMappingURL=index.d.ts.map

package/build/components/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.tsx"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAA;AAC/B,cAAc,kBAAkB,CAAA"}

package/build/components/index.js

@@ -0,0 +1,3 @@
+export * from './conversations';
+export * from './error_boundary';
+//# sourceMappingURL=index.js.map

package/build/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.tsx"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAA;AAC/B,cAAc,kBAAkB,CAAA","sourcesContent":["export * from './conversations'\nexport * from './error_boundary'\n"]}

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;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"}
+{"version":3,"file":"api_provider.d.ts","sourceRoot":"","sources":["../../src/contexts/api_provider.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAiC,MAAM,uBAAuB,CAAA;AAClF,OAAO,KAAoB,MAAM,OAAO,CAAA;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AACxC,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAErC,OAAO,EAAE,GAAG,EAAW,MAAM,kBAAkB,CAAA;AAqB/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,qBAU3E"}

package/build/contexts/api_provider.js

@@ -1,5 +1,6 @@
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
-import React from 'react';
+import React, { useEffect } from 'react';
+import apiRequest from '../utils/api';
 import { session } from '../utils/session';
 let handleTokenExpired;
 const defaultQueryFn = ({ queryKey }) => {
@@ -7,13 +8,8 @@ const defaultQueryFn = ({ queryKey }) => {
         throw new Error('No token present');
     }
     const url = `${session.baseUrl}${queryKey[0]}`;
-    return fetch(url, {
-        headers: {
-            Authorization: `Bearer ${session.token?.access_token}`,
-        },
-    })
-        .then(validateResponse)
-        .then(response => response.json())
+    return apiRequest(url)
+        .then(r => r.json)
         .catch(error => {
         if (error.message === 'Token expired') {
             handleTokenExpired();
@@ -32,6 +28,9 @@ export function ApiProvider({ children, env = 'production', token, onTokenExpire
     session.env = env;
     session.token = token;
     handleTokenExpired = onTokenExpired;
+    useEffect(() => {
+        queryClient.invalidateQueries();
+    }, [env, token]);
     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;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"]}
+{"version":3,"file":"api_provider.js","sourceRoot":"","sources":["../../src/contexts/api_provider.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,mBAAmB,EAAY,MAAM,uBAAuB,CAAA;AAClF,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGxC,OAAO,UAAU,MAAM,cAAc,CAAA;AACrC,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,UAAU,CAAkB,GAAG,CAAC;SACpC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;SACjB,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,SAAS,CAAC,GAAG,EAAE;QACb,WAAW,CAAC,iBAAiB,EAAE,CAAA;IACjC,CAAC,EAAE,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC,CAAA;IAEhB,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 { JSONAPIResponse } from '@planningcenter/chat-core'\nimport { QueryClient, QueryClientProvider, QueryKey } from '@tanstack/react-query'\nimport React, { useEffect } from 'react'\nimport { ViewProps } from 'react-native'\nimport { OAuthToken } from '../types'\nimport apiRequest from '../utils/api'\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 apiRequest<JSONAPIResponse>(url)\n    .then(r => r.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  useEffect(() => {\n    queryClient.invalidateQueries()\n  }, [env, token])\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/contexts/chat_context.d.ts

@@ -1,5 +1,7 @@
 import React from 'react';
-import { OAuthToken } from '../types';
+import { ColorSchemeName } from 'react-native';
+import { DeepPartial, OAuthToken } from '../types';
+import { DefaultTheme } from '../utils/theme';
 type ContextValue = {
     token?: OAuthToken;
     onTokenExpired: () => void;
@@ -11,5 +13,10 @@ export declare function ChatProvider({ children, value }: {
     children: any;
     value: ContextValue;
 }): React.JSX.Element | null;
+interface CreateChatThemeProps {
+    theme?: DeepPartial<DefaultTheme>;
+    colorScheme?: ColorSchemeName;
+}
+export declare const useCreateChatTheme: ({ theme: customTheme, colorScheme: appColorScheme, }: CreateChatThemeProps) => any;
 export {};
 //# sourceMappingURL=chat_context.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"chat_context.d.ts","sourceRoot":"","sources":["../../src/contexts/chat_context.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAA;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAGrC,KAAK,YAAY,GAAG;IAClB,KAAK,CAAC,EAAE,UAAU,CAAA;IAClB,cAAc,EAAE,MAAM,IAAI,CAAA;IAC1B,KAAK,EAAE,GAAG,CAAA;IACV,GAAG,CAAC,EAAE,YAAY,GAAG,SAAS,GAAG,aAAa,CAAA;CAC/C,CAAA;AAED,eAAO,MAAM,WAAW,6BAKtB,CAAA;AAEF,wBAAgB,YAAY,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE;IAAE,QAAQ,EAAE,GAAG,CAAC;IAAC,KAAK,EAAE,YAAY,CAAA;CAAE,4BAUvF"}
+{"version":3,"file":"chat_context.d.ts","sourceRoot":"","sources":["../../src/contexts/chat_context.tsx"],"names":[],"mappings":"AACA,OAAO,KAAiC,MAAM,OAAO,CAAA;AACrD,OAAO,EAAE,eAAe,EAAkB,MAAM,cAAc,CAAA;AAC9D,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAClD,OAAO,EAAgB,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAI3D,KAAK,YAAY,GAAG;IAClB,KAAK,CAAC,EAAE,UAAU,CAAA;IAClB,cAAc,EAAE,MAAM,IAAI,CAAA;IAC1B,KAAK,EAAE,GAAG,CAAA;IACV,GAAG,CAAC,EAAE,YAAY,GAAG,SAAS,GAAG,aAAa,CAAA;CAC/C,CAAA;AAED,eAAO,MAAM,WAAW,6BAKtB,CAAA;AAEF,wBAAgB,YAAY,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE;IAAE,QAAQ,EAAE,GAAG,CAAC;IAAC,KAAK,EAAE,YAAY,CAAA;CAAE,4BAYvF;AAED,UAAU,oBAAoB;IAC5B,KAAK,CAAC,EAAE,WAAW,CAAC,YAAY,CAAC,CAAA;IACjC,WAAW,CAAC,EAAE,eAAe,CAAA;CAC9B;AAED,eAAO,MAAM,kBAAkB,yDAG5B,oBAAoB,QAetB,CAAA"}

package/build/contexts/chat_context.js

@@ -1,4 +1,8 @@
-import React, { createContext } from 'react';
+import { merge } from 'lodash';
+import React, { createContext, useMemo } from 'react';
+import { useColorScheme } from 'react-native';
+import { defaultTheme } from '../utils/theme';
+import { tapestryAliasTokensColorMap } from '../vendor/tapestry/tapestry_alias_tokens_color_map';
 import { ApiProvider } from './api_provider';
 export const ChatContext = createContext({
     theme: undefined,
@@ -7,12 +11,27 @@ export const ChatContext = createContext({
     onTokenExpired: () => { },
 });
 export function ChatProvider({ children, value }) {
+    const theme = useCreateChatTheme(value.theme);
     if (!Object.keys(value.token || {}).length)
         return null;
-    return (<ChatContext.Provider value={value}>
+    return (<ChatContext.Provider value={{ ...value, theme }}>
       <ApiProvider env={value.env} token={value.token} onTokenExpired={value.onTokenExpired}>
         {children}
       </ApiProvider>
     </ChatContext.Provider>);
 }
+export const useCreateChatTheme = ({ theme: customTheme = {}, colorScheme: appColorScheme, }) => {
+    const internalColorScheme = useColorScheme() || 'light';
+    const colorScheme = appColorScheme || internalColorScheme;
+    const memoizedTheme = useMemo(() => {
+        return {
+            ...merge({}, defaultTheme(colorScheme), customTheme),
+            colors: {
+                ...merge({}, defaultTheme(colorScheme).colors, customTheme?.colors),
+                ...tapestryAliasTokensColorMap[colorScheme],
+            },
+        };
+    }, [colorScheme, customTheme]);
+    return memoizedTheme;
+};
 //# sourceMappingURL=chat_context.js.map

package/build/contexts/chat_context.js.map

@@ -1 +1 @@
-{"version":3,"file":"chat_context.js","sourceRoot":"","sources":["../../src/contexts/chat_context.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAE5C,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAS5C,MAAM,CAAC,MAAM,WAAW,GAAG,aAAa,CAAe;IACrD,KAAK,EAAE,SAAS;IAChB,KAAK,EAAE,SAAS;IAChB,GAAG,EAAE,SAAS;IACd,cAAc,EAAE,GAAG,EAAE,GAAE,CAAC;CACzB,CAAC,CAAA;AAEF,MAAM,UAAU,YAAY,CAAC,EAAE,QAAQ,EAAE,KAAK,EAA0C;IACtF,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC,MAAM;QAAE,OAAO,IAAI,CAAA;IAEvD,OAAO,CACL,CAAC,WAAW,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,CACjC;MAAA,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,cAAc,CAAC,CAAC,KAAK,CAAC,cAAc,CAAC,CACpF;QAAA,CAAC,QAAQ,CACX;MAAA,EAAE,WAAW,CACf;IAAA,EAAE,WAAW,CAAC,QAAQ,CAAC,CACxB,CAAA;AACH,CAAC","sourcesContent":["import React, { createContext } from 'react'\nimport { OAuthToken } from '../types'\nimport { ApiProvider } from './api_provider'\n\ntype ContextValue = {\n  token?: OAuthToken\n  onTokenExpired: () => void\n  theme: any\n  env?: 'production' | 'staging' | 'development'\n}\n\nexport const ChatContext = createContext<ContextValue>({\n  theme: undefined,\n  token: undefined,\n  env: undefined,\n  onTokenExpired: () => {},\n})\n\nexport function ChatProvider({ children, value }: { children: any; value: ContextValue }) {\n  if (!Object.keys(value.token || {}).length) return null\n\n  return (\n    <ChatContext.Provider value={value}>\n      <ApiProvider env={value.env} token={value.token} onTokenExpired={value.onTokenExpired}>\n        {children}\n      </ApiProvider>\n    </ChatContext.Provider>\n  )\n}\n"]}
+{"version":3,"file":"chat_context.js","sourceRoot":"","sources":["../../src/contexts/chat_context.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAA;AAC9B,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AACrD,OAAO,EAAmB,cAAc,EAAE,MAAM,cAAc,CAAA;AAE9D,OAAO,EAAE,YAAY,EAAgB,MAAM,gBAAgB,CAAA;AAC3D,OAAO,EAAE,2BAA2B,EAAE,MAAM,oDAAoD,CAAA;AAChG,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAS5C,MAAM,CAAC,MAAM,WAAW,GAAG,aAAa,CAAe;IACrD,KAAK,EAAE,SAAS;IAChB,KAAK,EAAE,SAAS;IAChB,GAAG,EAAE,SAAS;IACd,cAAc,EAAE,GAAG,EAAE,GAAE,CAAC;CACzB,CAAC,CAAA;AAEF,MAAM,UAAU,YAAY,CAAC,EAAE,QAAQ,EAAE,KAAK,EAA0C;IACtF,MAAM,KAAK,GAAG,kBAAkB,CAAC,KAAK,CAAC,KAAK,CAAC,CAAA;IAE7C,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC,MAAM;QAAE,OAAO,IAAI,CAAA;IAEvD,OAAO,CACL,CAAC,WAAW,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,EAAE,GAAG,KAAK,EAAE,KAAK,EAAE,CAAC,CAC/C;MAAA,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,cAAc,CAAC,CAAC,KAAK,CAAC,cAAc,CAAC,CACpF;QAAA,CAAC,QAAQ,CACX;MAAA,EAAE,WAAW,CACf;IAAA,EAAE,WAAW,CAAC,QAAQ,CAAC,CACxB,CAAA;AACH,CAAC;AAOD,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,EACjC,KAAK,EAAE,WAAW,GAAG,EAAE,EACvB,WAAW,EAAE,cAAc,GACN,EAAE,EAAE;IACzB,MAAM,mBAAmB,GAAG,cAAc,EAAE,IAAI,OAAO,CAAA;IACvD,MAAM,WAAW,GAAG,cAAc,IAAI,mBAAmB,CAAA;IAEzD,MAAM,aAAa,GAAG,OAAO,CAAC,GAAG,EAAE;QACjC,OAAO;YACL,GAAG,KAAK,CAAC,EAAE,EAAE,YAAY,CAAC,WAAW,CAAC,EAAE,WAAW,CAAC;YACpD,MAAM,EAAE;gBACN,GAAG,KAAK,CAAC,EAAE,EAAE,YAAY,CAAC,WAAW,CAAC,CAAC,MAAM,EAAE,WAAW,EAAE,MAAM,CAAC;gBACnE,GAAG,2BAA2B,CAAC,WAAW,CAAC;aAC5C;SACF,CAAA;IACH,CAAC,EAAE,CAAC,WAAW,EAAE,WAAW,CAAC,CAAC,CAAA;IAE9B,OAAO,aAAa,CAAA;AACtB,CAAC,CAAA","sourcesContent":["import { merge } from 'lodash'\nimport React, { createContext, useMemo } from 'react'\nimport { ColorSchemeName, useColorScheme } from 'react-native'\nimport { DeepPartial, OAuthToken } from '../types'\nimport { defaultTheme, DefaultTheme } from '../utils/theme'\nimport { tapestryAliasTokensColorMap } from '../vendor/tapestry/tapestry_alias_tokens_color_map'\nimport { ApiProvider } from './api_provider'\n\ntype ContextValue = {\n  token?: OAuthToken\n  onTokenExpired: () => void\n  theme: any\n  env?: 'production' | 'staging' | 'development'\n}\n\nexport const ChatContext = createContext<ContextValue>({\n  theme: undefined,\n  token: undefined,\n  env: undefined,\n  onTokenExpired: () => {},\n})\n\nexport function ChatProvider({ children, value }: { children: any; value: ContextValue }) {\n  const theme = useCreateChatTheme(value.theme)\n\n  if (!Object.keys(value.token || {}).length) return null\n\n  return (\n    <ChatContext.Provider value={{ ...value, theme }}>\n      <ApiProvider env={value.env} token={value.token} onTokenExpired={value.onTokenExpired}>\n        {children}\n      </ApiProvider>\n    </ChatContext.Provider>\n  )\n}\n\ninterface CreateChatThemeProps {\n  theme?: DeepPartial<DefaultTheme>\n  colorScheme?: ColorSchemeName\n}\n\nexport const useCreateChatTheme = ({\n  theme: customTheme = {},\n  colorScheme: appColorScheme,\n}: CreateChatThemeProps) => {\n  const internalColorScheme = useColorScheme() || 'light'\n  const colorScheme = appColorScheme || internalColorScheme\n\n  const memoizedTheme = useMemo(() => {\n    return {\n      ...merge({}, defaultTheme(colorScheme), customTheme),\n      colors: {\n        ...merge({}, defaultTheme(colorScheme).colors, customTheme?.colors),\n        ...tapestryAliasTokensColorMap[colorScheme],\n      },\n    }\n  }, [colorScheme, customTheme])\n\n  return memoizedTheme\n}\n"]}

package/build/contexts/index.d.ts

@@ -0,0 +1,3 @@
+export * from './api_provider';
+export * from './chat_context';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/contexts/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAA;AAC9B,cAAc,gBAAgB,CAAA"}

package/build/contexts/index.js

@@ -0,0 +1,3 @@
+export * from './api_provider';
+export * from './chat_context';
+//# sourceMappingURL=index.js.map

package/build/contexts/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/contexts/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAA;AAC9B,cAAc,gBAAgB,CAAA","sourcesContent":["export * from './api_provider'\nexport * from './chat_context'\n"]}

package/build/hooks/index.d.ts

@@ -1,3 +1,3 @@
-export { useCreateChatTheme } from './use_create_chat_theme';
-export { useTheme } from './use_theme';
+export * from './use_async_storage';
+export * from './use_theme';
 //# sourceMappingURL=index.d.ts.map

package/build/hooks/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAA;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAA;AACnC,cAAc,aAAa,CAAA"}

package/build/hooks/index.js

@@ -1,3 +1,3 @@
-export { useCreateChatTheme } from './use_create_chat_theme';
-export { useTheme } from './use_theme';
+export * from './use_async_storage';
+export * from './use_theme';
 //# sourceMappingURL=index.js.map

package/build/hooks/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAA;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA","sourcesContent":["export { useCreateChatTheme } from './use_create_chat_theme'\nexport { useTheme } from './use_theme'\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAA;AACnC,cAAc,aAAa,CAAA","sourcesContent":["export * from './use_async_storage'\nexport * from './use_theme'\n"]}

package/build/index.d.ts

@@ -1,8 +1,5 @@
-import { Conversations } from './components/conversations';
-import { ChatContext, ChatProvider } from './contexts/chat_context';
-import { useCreateChatTheme } from './hooks';
-import { OAuthToken } from './types';
-import { baseUrlMap, uploadUrlMap } from './utils/session';
-import { TemporaryDefaultColorsType } from './utils/theme';
-export { baseUrlMap, ChatContext, ChatProvider, Conversations, OAuthToken, TemporaryDefaultColorsType, uploadUrlMap, useCreateChatTheme, };
+export * from './components';
+export * from './contexts';
+export * from './hooks';
+export * from './utils';
 //# 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,SAAS,CAAA;AAC5C,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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA;AAC5B,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA"}

package/build/index.js

@@ -1,6 +1,5 @@
-import { Conversations } from './components/conversations';
-import { ChatContext, ChatProvider } from './contexts/chat_context';
-import { useCreateChatTheme } from './hooks';
-import { baseUrlMap, uploadUrlMap } from './utils/session';
-export { baseUrlMap, ChatContext, ChatProvider, Conversations, uploadUrlMap, useCreateChatTheme, };
+export * from './components';
+export * from './contexts';
+export * from './hooks';
+export * from './utils';
 //# 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,SAAS,CAAA;AAE5C,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'\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"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA;AAC5B,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA","sourcesContent":["export * from './components'\nexport * from './contexts'\nexport * from './hooks'\nexport * from './utils'\n"]}

package/build/utils/api.d.ts

@@ -0,0 +1,9 @@
+export default function apiRequest<T = unknown>(url: string, { method, data }?: {
+    method?: string | undefined;
+    data?: null | undefined;
+}): Promise<{
+    json: T;
+    ok: boolean;
+    response: Response;
+}>;
+//# sourceMappingURL=api.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"api.d.ts","sourceRoot":"","sources":["../../src/utils/api.ts"],"names":[],"mappings":"AAUA,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,CAAC,GAAG,OAAO,EAC5C,GAAG,EAAE,MAAM,EACX,EAAE,MAAc,EAAE,IAAW,EAAE;;;CAAK,GACnC,OAAO,CAAC;IAAE,IAAI,EAAE,CAAC,CAAC;IAAC,EAAE,EAAE,OAAO,CAAC;IAAC,QAAQ,EAAE,QAAQ,CAAA;CAAE,CAAC,CAuBvD"}

package/build/utils/api.js

@@ -0,0 +1,36 @@
+import DeviceInfo from 'react-native-device-info';
+import { session } from './session';
+const brand = DeviceInfo.getBrand();
+const model = DeviceInfo.getModel();
+const systemName = DeviceInfo.getSystemName();
+const systemVersion = DeviceInfo.getSystemVersion();
+const readableVersion = DeviceInfo.getReadableVersion();
+const appName = DeviceInfo.getApplicationName();
+export default function apiRequest(url, { method = 'GET', data = null } = {}) {
+    const options = {
+        headers: {
+            Accept: 'application/vnd.api+json',
+            'Content-Type': 'application/json',
+            'User-Agent': `${appName}/${readableVersion} (${brand}, ${model}, ${systemName}, ${systemVersion})`,
+            Authorization: `Bearer ${session.token?.access_token}`,
+        },
+        method,
+    };
+    if (data && method !== 'GET') {
+        options.body = JSON.stringify(data);
+    }
+    return fetch(url, options)
+        .then(validateResponse)
+        .then(response => response
+        .json()
+        .then(json => ({ json: json, ok: response.ok, response }))
+        .catch(() => ({ json: null, ok: response.ok, response })));
+}
+const validateResponse = (response) => {
+    const isExpired = response.status === 401;
+    if (isExpired) {
+        throw new Error('Token expired');
+    }
+    return response;
+};
+//# sourceMappingURL=api.js.map

package/build/utils/api.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"api.js","sourceRoot":"","sources":["../../src/utils/api.ts"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,0BAA0B,CAAA;AACjD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AAEnC,MAAM,KAAK,GAAG,UAAU,CAAC,QAAQ,EAAE,CAAA;AACnC,MAAM,KAAK,GAAG,UAAU,CAAC,QAAQ,EAAE,CAAA;AACnC,MAAM,UAAU,GAAG,UAAU,CAAC,aAAa,EAAE,CAAA;AAC7C,MAAM,aAAa,GAAG,UAAU,CAAC,gBAAgB,EAAE,CAAA;AACnD,MAAM,eAAe,GAAG,UAAU,CAAC,kBAAkB,EAAE,CAAA;AACvD,MAAM,OAAO,GAAG,UAAU,CAAC,kBAAkB,EAAE,CAAA;AAE/C,MAAM,CAAC,OAAO,UAAU,UAAU,CAChC,GAAW,EACX,EAAE,MAAM,GAAG,KAAK,EAAE,IAAI,GAAG,IAAI,EAAE,GAAG,EAAE;IAEpC,MAAM,OAAO,GAAgB;QAC3B,OAAO,EAAE;YACP,MAAM,EAAE,0BAA0B;YAClC,cAAc,EAAE,kBAAkB;YAClC,YAAY,EAAE,GAAG,OAAO,IAAI,eAAe,KAAK,KAAK,KAAK,KAAK,KAAK,UAAU,KAAK,aAAa,GAAG;YACnG,aAAa,EAAE,UAAU,OAAO,CAAC,KAAK,EAAE,YAAY,EAAE;SACvD;QACD,MAAM;KACP,CAAA;IAED,IAAI,IAAI,IAAI,MAAM,KAAK,KAAK,EAAE,CAAC;QAC7B,OAAO,CAAC,IAAI,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAA;IACrC,CAAC;IAED,OAAO,KAAK,CAAC,GAAG,EAAE,OAAO,CAAC;SACvB,IAAI,CAAC,gBAAgB,CAAC;SACtB,IAAI,CAAC,QAAQ,CAAC,EAAE,CACf,QAAQ;SACL,IAAI,EAAE;SACN,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,EAAE,IAAI,EAAE,IAAS,EAAE,EAAE,EAAE,QAAQ,CAAC,EAAE,EAAE,QAAQ,EAAE,CAAC,CAAC;SAC9D,KAAK,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,IAAI,EAAE,IAAS,EAAE,EAAE,EAAE,QAAQ,CAAC,EAAE,EAAE,QAAQ,EAAE,CAAC,CAAC,CACjE,CAAA;AACL,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 DeviceInfo from 'react-native-device-info'\nimport { session } from './session'\n\nconst brand = DeviceInfo.getBrand()\nconst model = DeviceInfo.getModel()\nconst systemName = DeviceInfo.getSystemName()\nconst systemVersion = DeviceInfo.getSystemVersion()\nconst readableVersion = DeviceInfo.getReadableVersion()\nconst appName = DeviceInfo.getApplicationName()\n\nexport default function apiRequest<T = unknown>(\n  url: string,\n  { method = 'GET', data = null } = {}\n): Promise<{ json: T; ok: boolean; response: Response }> {\n  const options: RequestInit = {\n    headers: {\n      Accept: 'application/vnd.api+json',\n      'Content-Type': 'application/json',\n      'User-Agent': `${appName}/${readableVersion} (${brand}, ${model}, ${systemName}, ${systemVersion})`,\n      Authorization: `Bearer ${session.token?.access_token}`,\n    },\n    method,\n  }\n\n  if (data && method !== 'GET') {\n    options.body = JSON.stringify(data)\n  }\n\n  return fetch(url, options)\n    .then(validateResponse)\n    .then(response =>\n      response\n        .json()\n        .then(json => ({ json: json as T, ok: response.ok, response }))\n        .catch(() => ({ json: null as T, ok: response.ok, response }))\n    )\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/utils/index.d.ts

@@ -0,0 +1,3 @@
+export * from './session';
+export * from './theme';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAA;AACzB,cAAc,SAAS,CAAA"}

package/build/utils/index.js

@@ -0,0 +1,3 @@
+export * from './session';
+export * from './theme';
+//# sourceMappingURL=index.js.map

package/build/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAA;AACzB,cAAc,SAAS,CAAA","sourcesContent":["export * from './session'\nexport * from './theme'\n"]}

package/build/utils/session.d.ts

@@ -26,6 +26,8 @@ export declare class Session {
     get isAuthenticated(): boolean;
     get baseUrl(): string;
     get uploadUrl(): string;
+    toString(): string;
+    static hydrate(sessionString: string): Session;
 }
 export declare const session: Session;
 export {};

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

@@ -1 +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"}
+{"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;IAED,QAAQ;IAIR,MAAM,CAAC,OAAO,CAAC,aAAa,EAAE,MAAM;CAQrC;AAED,eAAO,MAAM,OAAO,SAAsC,CAAA"}

package/build/utils/session.js

@@ -30,6 +30,18 @@ export class Session {
     get uploadUrl() {
         return uploadUrlMap[this.env];
     }
+    toString() {
+        return JSON.stringify({ env: this.env, token: this.token });
+    }
+    static hydrate(sessionString) {
+        try {
+            const props = JSON.parse(sessionString);
+            return new Session(props);
+        }
+        catch (error) {
+            return new Session();
+        }
+    }
 }
 export const session = new Session({ env: 'development' });
 //# sourceMappingURL=session.js.map

package/build/utils/session.js.map

@@ -1 +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"]}
+{"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;IAED,QAAQ;QACN,OAAO,IAAI,CAAC,SAAS,CAAC,EAAE,GAAG,EAAE,IAAI,CAAC,GAAG,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC,CAAA;IAC7D,CAAC;IAED,MAAM,CAAC,OAAO,CAAC,aAAqB;QAClC,IAAI,CAAC;YACH,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,CAAA;YACvC,OAAO,IAAI,OAAO,CAAC,KAAK,CAAC,CAAA;QAC3B,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,OAAO,IAAI,OAAO,EAAE,CAAA;QACtB,CAAC;IACH,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  toString() {\n    return JSON.stringify({ env: this.env, token: this.token })\n  }\n\n  static hydrate(sessionString: string) {\n    try {\n      const props = JSON.parse(sessionString)\n      return new Session(props)\n    } catch (error) {\n      return new Session()\n    }\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.4.0",
+  "version": "1.4.1-qa-72.0",
   "description": "",
   "main": "build/index.js",
   "types": "build/index.d.ts",
@@ -17,7 +17,7 @@
     "prepublishOnly": "expo-module prepublishOnly"
   },
   "dependencies": {
-    "@planningcenter/chat-core": "^1.4.0"
+    "@planningcenter/chat-core": "^1.4.1-qa-72.0"
   },
   "peerDependencies": {
     "@react-navigation/elements": "*",
@@ -25,7 +25,8 @@
     "@tanstack/react-query": "^5.0.0",
     "lodash": "*",
     "react": "*",
-    "react-native": "*"
+    "react-native": "*",
+    "react-native-device-info": "*"
   },
   "devDependencies": {
     "@react-native/eslint-config": "^0.77.0",
@@ -36,7 +37,8 @@
     "expo-module-scripts": "^4.0.3",
     "lodash": "^4.17.21",
     "prettier": "^3.4.2",
-    "react-native": "0.74.5"
+    "react-native": "0.74.5",
+    "react-native-device-info": "^14.0.4"
   },
-  "gitHead": "6bcacc755d471a8f03b890abd733d5805f643aa4"
+  "gitHead": "ffcbba154e5eebf8049142ffe9721c34fa90c625"
 }

package/src/__tests__/session.tsx

@@ -1,6 +1,15 @@
 import { OAuthToken } from '../types'
 import { Session } from '../utils/session'
 
+const token: OAuthToken = {
+  access_token: 'access_token',
+  refresh_token: 'refresh_token',
+  token_type: undefined,
+  created_at: 0,
+  expires_in: undefined,
+  scope: '',
+}
+
 describe('Session', () => {
   describe('constructor', () => {
     it('should track the environment', () => {
@@ -10,14 +19,6 @@ describe('Session', () => {
     })
 
     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)
@@ -43,4 +44,38 @@ describe('Session', () => {
       expect(session.uploadUrl).toBe('https://upload-staging.planningcenteronline.com/v2/files')
     })
   })
+
+  describe('hydrate', () => {
+    describe('success', () => {
+      it('should return a hydrated Session instance', () => {
+        const session = new Session({ token })
+        expect(session.token).toEqual(token)
+        expect(session.isAuthenticated).toEqual(true)
+
+        const sessionString = session.toString()
+        const hydratedSession = Session.hydrate(sessionString)
+        expect(hydratedSession.token).toEqual(token)
+        expect(hydratedSession.isAuthenticated).toEqual(true)
+      })
+
+      it('should store the environment of hydrated Session instance', () => {
+        const env = 'production'
+        const session = new Session({ token, env })
+
+        const sessionString = session.toString()
+        const hydratedSession = Session.hydrate(sessionString)
+        expect(hydratedSession.env).toEqual(env)
+        expect(hydratedSession.token).toEqual(token)
+        expect(hydratedSession.isAuthenticated).toEqual(true)
+      })
+    })
+
+    describe('failure', () => {
+      it('should return a new Session instance', () => {
+        const session = Session.hydrate('')
+        expect(session.env).toBe('development')
+        expect(session.isAuthenticated).toBe(false)
+      })
+    })
+  })
 })

package/src/components/index.tsx

@@ -0,0 +1,2 @@
+export * from './conversations'
+export * from './error_boundary'

package/src/contexts/api_provider.tsx

@@ -1,7 +1,9 @@
+import { JSONAPIResponse } from '@planningcenter/chat-core'
 import { QueryClient, QueryClientProvider, QueryKey } from '@tanstack/react-query'
-import React from 'react'
+import React, { useEffect } from 'react'
 import { ViewProps } from 'react-native'
 import { OAuthToken } from '../types'
+import apiRequest from '../utils/api'
 import { ENV, session } from '../utils/session'
 
 let handleTokenExpired: () => void
@@ -13,13 +15,8 @@ const defaultQueryFn = ({ queryKey }: { queryKey: QueryKey }) => {
 
   const url = `${session.baseUrl}${queryKey[0]}`
 
-  return fetch(url, {
-    headers: {
-      Authorization: `Bearer ${session.token?.access_token}`,
-    },
-  })
-    .then(validateResponse)
-    .then(response => response.json())
+  return apiRequest<JSONAPIResponse>(url)
+    .then(r => r.json)
     .catch(error => {
       if (error.message === 'Token expired') {
         handleTokenExpired()
@@ -46,6 +43,10 @@ export function ApiProvider({
   session.token = token
   handleTokenExpired = onTokenExpired
 
+  useEffect(() => {
+    queryClient.invalidateQueries()
+  }, [env, token])
+
   return <QueryClientProvider client={queryClient}>{children}</QueryClientProvider>
 }
 

package/src/contexts/chat_context.tsx

@@ -1,5 +1,9 @@
-import React, { createContext } from 'react'
-import { OAuthToken } from '../types'
+import { merge } from 'lodash'
+import React, { createContext, useMemo } from 'react'
+import { ColorSchemeName, useColorScheme } from 'react-native'
+import { DeepPartial, OAuthToken } from '../types'
+import { defaultTheme, DefaultTheme } from '../utils/theme'
+import { tapestryAliasTokensColorMap } from '../vendor/tapestry/tapestry_alias_tokens_color_map'
 import { ApiProvider } from './api_provider'
 
 type ContextValue = {
@@ -17,13 +21,40 @@ export const ChatContext = createContext<ContextValue>({
 })
 
 export function ChatProvider({ children, value }: { children: any; value: ContextValue }) {
+  const theme = useCreateChatTheme(value.theme)
+
   if (!Object.keys(value.token || {}).length) return null
 
   return (
-    <ChatContext.Provider value={value}>
+    <ChatContext.Provider value={{ ...value, theme }}>
       <ApiProvider env={value.env} token={value.token} onTokenExpired={value.onTokenExpired}>
         {children}
       </ApiProvider>
     </ChatContext.Provider>
   )
 }
+
+interface CreateChatThemeProps {
+  theme?: DeepPartial<DefaultTheme>
+  colorScheme?: ColorSchemeName
+}
+
+export const useCreateChatTheme = ({
+  theme: customTheme = {},
+  colorScheme: appColorScheme,
+}: CreateChatThemeProps) => {
+  const internalColorScheme = useColorScheme() || 'light'
+  const colorScheme = appColorScheme || internalColorScheme
+
+  const memoizedTheme = useMemo(() => {
+    return {
+      ...merge({}, defaultTheme(colorScheme), customTheme),
+      colors: {
+        ...merge({}, defaultTheme(colorScheme).colors, customTheme?.colors),
+        ...tapestryAliasTokensColorMap[colorScheme],
+      },
+    }
+  }, [colorScheme, customTheme])
+
+  return memoizedTheme
+}

package/src/contexts/index.ts

@@ -0,0 +1,2 @@
+export * from './api_provider'
+export * from './chat_context'

package/src/hooks/index.ts

@@ -1,2 +1,2 @@
-export { useCreateChatTheme } from './use_create_chat_theme'
-export { useTheme } from './use_theme'
+export * from './use_async_storage'
+export * from './use_theme'

package/src/index.tsx

@@ -1,17 +1,4 @@
-import { Conversations } from './components/conversations'
-import { ChatContext, ChatProvider } from './contexts/chat_context'
-import { useCreateChatTheme } from './hooks'
-import { OAuthToken } from './types'
-import { baseUrlMap, uploadUrlMap } from './utils/session'
-import { TemporaryDefaultColorsType } from './utils/theme'
-
-export {
-  baseUrlMap,
-  ChatContext,
-  ChatProvider,
-  Conversations,
-  OAuthToken,
-  TemporaryDefaultColorsType,
-  uploadUrlMap,
-  useCreateChatTheme,
-}
+export * from './components'
+export * from './contexts'
+export * from './hooks'
+export * from './utils'

package/src/utils/api.ts

@@ -0,0 +1,47 @@
+import DeviceInfo from 'react-native-device-info'
+import { session } from './session'
+
+const brand = DeviceInfo.getBrand()
+const model = DeviceInfo.getModel()
+const systemName = DeviceInfo.getSystemName()
+const systemVersion = DeviceInfo.getSystemVersion()
+const readableVersion = DeviceInfo.getReadableVersion()
+const appName = DeviceInfo.getApplicationName()
+
+export default function apiRequest<T = unknown>(
+  url: string,
+  { method = 'GET', data = null } = {}
+): Promise<{ json: T; ok: boolean; response: Response }> {
+  const options: RequestInit = {
+    headers: {
+      Accept: 'application/vnd.api+json',
+      'Content-Type': 'application/json',
+      'User-Agent': `${appName}/${readableVersion} (${brand}, ${model}, ${systemName}, ${systemVersion})`,
+      Authorization: `Bearer ${session.token?.access_token}`,
+    },
+    method,
+  }
+
+  if (data && method !== 'GET') {
+    options.body = JSON.stringify(data)
+  }
+
+  return fetch(url, options)
+    .then(validateResponse)
+    .then(response =>
+      response
+        .json()
+        .then(json => ({ json: json as T, ok: response.ok, response }))
+        .catch(() => ({ json: null as T, ok: response.ok, response }))
+    )
+}
+
+const validateResponse = (response: Response) => {
+  const isExpired = response.status === 401
+
+  if (isExpired) {
+    throw new Error('Token expired')
+  }
+
+  return response
+}

package/src/utils/index.ts

@@ -0,0 +1,2 @@
+export * from './session'
+export * from './theme'

package/src/utils/session.ts

@@ -42,6 +42,19 @@ export class Session {
   get uploadUrl() {
     return uploadUrlMap[this.env]
   }
+
+  toString() {
+    return JSON.stringify({ env: this.env, token: this.token })
+  }
+
+  static hydrate(sessionString: string) {
+    try {
+      const props = JSON.parse(sessionString)
+      return new Session(props)
+    } catch (error) {
+      return new Session()
+    }
+  }
 }
 
 export const session = new Session({ env: 'development' })

package/build/hooks/use_create_chat_theme.d.ts

@@ -1,10 +0,0 @@
-import { ColorSchemeName } from 'react-native';
-import { DefaultTheme } from '../utils/theme';
-import { DeepPartial } from '../types';
-interface CreateChatThemeProps {
-    theme?: DeepPartial<DefaultTheme>;
-    colorScheme?: ColorSchemeName;
-}
-export declare const useCreateChatTheme: ({ theme: customTheme, colorScheme: appColorScheme, }: CreateChatThemeProps) => any;
-export {};
-//# sourceMappingURL=use_create_chat_theme.d.ts.map

package/build/hooks/use_create_chat_theme.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"use_create_chat_theme.d.ts","sourceRoot":"","sources":["../../src/hooks/use_create_chat_theme.tsx"],"names":[],"mappings":"AACA,OAAO,EAAkB,eAAe,EAAE,MAAM,cAAc,CAAA;AAC9D,OAAO,EAAgB,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC3D,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAItC,UAAU,oBAAoB;IAC5B,KAAK,CAAC,EAAE,WAAW,CAAC,YAAY,CAAC,CAAA;IACjC,WAAW,CAAC,EAAE,eAAe,CAAA;CAC9B;AAED,eAAO,MAAM,kBAAkB,yDAG5B,oBAAoB,QAetB,CAAA"}

package/build/hooks/use_create_chat_theme.js

@@ -1,20 +0,0 @@
-import { useMemo } from 'react';
-import { useColorScheme } from 'react-native';
-import { defaultTheme } from '../utils/theme';
-import { tapestryAliasTokensColorMap } from '../vendor/tapestry/tapestry_alias_tokens_color_map';
-import { merge } from 'lodash';
-export const useCreateChatTheme = ({ theme: customTheme = {}, colorScheme: appColorScheme, }) => {
-    const internalColorScheme = useColorScheme() || 'light';
-    const colorScheme = appColorScheme || internalColorScheme;
-    const memoizedTheme = useMemo(() => {
-        return {
-            ...merge({}, defaultTheme(colorScheme), customTheme),
-            colors: {
-                ...merge({}, defaultTheme(colorScheme).colors, customTheme?.colors),
-                ...tapestryAliasTokensColorMap[colorScheme],
-            },
-        };
-    }, [colorScheme, customTheme]);
-    return memoizedTheme;
-};
-//# sourceMappingURL=use_create_chat_theme.js.map

package/build/hooks/use_create_chat_theme.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"use_create_chat_theme.js","sourceRoot":"","sources":["../../src/hooks/use_create_chat_theme.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAC/B,OAAO,EAAE,cAAc,EAAmB,MAAM,cAAc,CAAA;AAC9D,OAAO,EAAE,YAAY,EAAgB,MAAM,gBAAgB,CAAA;AAE3D,OAAO,EAAE,2BAA2B,EAAE,MAAM,oDAAoD,CAAA;AAChG,OAAO,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAA;AAO9B,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,EACjC,KAAK,EAAE,WAAW,GAAG,EAAE,EACvB,WAAW,EAAE,cAAc,GACN,EAAE,EAAE;IACzB,MAAM,mBAAmB,GAAG,cAAc,EAAE,IAAI,OAAO,CAAA;IACvD,MAAM,WAAW,GAAG,cAAc,IAAI,mBAAmB,CAAA;IAEzD,MAAM,aAAa,GAAG,OAAO,CAAC,GAAG,EAAE;QACjC,OAAO;YACL,GAAG,KAAK,CAAC,EAAE,EAAE,YAAY,CAAC,WAAW,CAAC,EAAE,WAAW,CAAC;YACpD,MAAM,EAAE;gBACN,GAAG,KAAK,CAAC,EAAE,EAAE,YAAY,CAAC,WAAW,CAAC,CAAC,MAAM,EAAE,WAAW,EAAE,MAAM,CAAC;gBACnE,GAAG,2BAA2B,CAAC,WAAW,CAAC;aAC5C;SACF,CAAA;IACH,CAAC,EAAE,CAAC,WAAW,EAAE,WAAW,CAAC,CAAC,CAAA;IAE9B,OAAO,aAAa,CAAA;AACtB,CAAC,CAAA","sourcesContent":["import { useMemo } from 'react'\nimport { useColorScheme, ColorSchemeName } from 'react-native'\nimport { defaultTheme, DefaultTheme } from '../utils/theme'\nimport { DeepPartial } from '../types'\nimport { tapestryAliasTokensColorMap } from '../vendor/tapestry/tapestry_alias_tokens_color_map'\nimport { merge } from 'lodash'\n\ninterface CreateChatThemeProps {\n  theme?: DeepPartial<DefaultTheme>\n  colorScheme?: ColorSchemeName\n}\n\nexport const useCreateChatTheme = ({\n  theme: customTheme = {},\n  colorScheme: appColorScheme,\n}: CreateChatThemeProps) => {\n  const internalColorScheme = useColorScheme() || 'light'\n  const colorScheme = appColorScheme || internalColorScheme\n\n  const memoizedTheme = useMemo(() => {\n    return {\n      ...merge({}, defaultTheme(colorScheme), customTheme),\n      colors: {\n        ...merge({}, defaultTheme(colorScheme).colors, customTheme?.colors),\n        ...tapestryAliasTokensColorMap[colorScheme],\n      },\n    }\n  }, [colorScheme, customTheme])\n\n  return memoizedTheme\n}\n"]}

package/src/hooks/use_create_chat_theme.tsx

@@ -1,31 +0,0 @@
-import { useMemo } from 'react'
-import { useColorScheme, ColorSchemeName } from 'react-native'
-import { defaultTheme, DefaultTheme } from '../utils/theme'
-import { DeepPartial } from '../types'
-import { tapestryAliasTokensColorMap } from '../vendor/tapestry/tapestry_alias_tokens_color_map'
-import { merge } from 'lodash'
-
-interface CreateChatThemeProps {
-  theme?: DeepPartial<DefaultTheme>
-  colorScheme?: ColorSchemeName
-}
-
-export const useCreateChatTheme = ({
-  theme: customTheme = {},
-  colorScheme: appColorScheme,
-}: CreateChatThemeProps) => {
-  const internalColorScheme = useColorScheme() || 'light'
-  const colorScheme = appColorScheme || internalColorScheme
-
-  const memoizedTheme = useMemo(() => {
-    return {
-      ...merge({}, defaultTheme(colorScheme), customTheme),
-      colors: {
-        ...merge({}, defaultTheme(colorScheme).colors, customTheme?.colors),
-        ...tapestryAliasTokensColorMap[colorScheme],
-      },
-    }
-  }, [colorScheme, customTheme])
-
-  return memoizedTheme
-}