@planningcenter/chat-react-native 1.6.0 → 1.6.1-qa-27.0

package/build/components/error_boundary.d.ts

@@ -8,7 +8,7 @@ declare class ErrorBoundary extends React.Component<PropsWithChildren<{
     };
     componentDidCatch(error: any): void;
     handleError(error: any): void;
-    render(): string | number | boolean | Iterable<React.ReactNode> | React.JSX.Element | null | undefined;
+    render(): string | number | boolean | React.JSX.Element | Iterable<React.ReactNode> | null | undefined;
 }
 export default ErrorBoundary;
 //# sourceMappingURL=error_boundary.d.ts.map

package/build/contexts/api_provider.d.ts

@@ -1,10 +1,6 @@
 import { QueryClient } from '@tanstack/react-query';
 import React from 'react';
 import { ViewProps } from 'react-native';
-import { Client } from '../utils';
 export declare const queryClient: QueryClient;
-export declare function ApiProvider({ children, client, sessionChanged, }: ViewProps & {
-    client: Client;
-    sessionChanged: boolean;
-}): React.JSX.Element;
+export declare function ApiProvider({ children }: ViewProps): React.JSX.Element;
 //# 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,KAAoB,MAAM,OAAO,CAAA;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AACxC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AAejC,eAAO,MAAM,WAAW,aAOtB,CAAA;AAEF,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,MAAM,EACN,cAAc,GACf,EAAE,SAAS,GAAG;IAAE,MAAM,EAAE,MAAM,CAAC;IAAC,cAAc,EAAE,OAAO,CAAA;CAAE,qBAazD"}
+{"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,KAAwC,MAAM,OAAO,CAAA;AAC5D,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAiBxC,eAAO,MAAM,WAAW,aAOtB,CAAA;AAEF,wBAAgB,WAAW,CAAC,EAAE,QAAQ,EAAE,EAAE,SAAS,qBAalD"}

package/build/contexts/api_provider.js

@@ -1,5 +1,6 @@
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
-import React, { useEffect } from 'react';
+import React, { useContext, useEffect, useRef } from 'react';
+import { ChatContext } from './chat_context';
 let apiClient;
 const defaultQueryFn = ({ queryKey }) => {
     if (!apiClient) {
@@ -16,16 +17,27 @@ export const queryClient = new QueryClient({
         },
     },
 });
-export function ApiProvider({ children, client, sessionChanged, }) {
-    useEffect(() => {
-        apiClient = client;
-    }, [client]);
-    // TODO: CREATE CALLBACK TO INVALIDATE QUERIES
+export function ApiProvider({ children }) {
+    const { token, env, client } = useContext(ChatContext);
+    const sessionChanged = useSessionChanged({ token, env });
+    apiClient = client;
     useEffect(() => {
         if (!sessionChanged)
             return;
-        queryClient.invalidateQueries();
+        queryClient.clear();
     }, [sessionChanged]);
     return <QueryClientProvider client={queryClient}>{children}</QueryClientProvider>;
 }
+function useSessionChanged(value) {
+    const { token: newToken, env: newEnv } = value;
+    const { token: prevToken, env: prevEnv } = usePrevious(value);
+    return Boolean(prevToken && newToken !== prevToken) || Boolean(prevEnv && newEnv !== prevEnv);
+}
+function usePrevious(value) {
+    const ref = useRef(value);
+    useEffect(() => {
+        ref.current = value;
+    }, [value]);
+    return ref.current;
+}
 //# sourceMappingURL=api_provider.js.map

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,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAKxC,IAAI,SAA6B,CAAA;AAEjC,MAAM,cAAc,GAAG,CAAC,EAAE,QAAQ,EAA0B,EAAE,EAAE;IAC9D,IAAI,CAAC,SAAS,EAAE,CAAC;QACf,MAAM,IAAI,KAAK,CAAC,kBAAkB,CAAC,CAAA;IACrC,CAAC;IAED,MAAM,IAAI,GAAG,QAAQ,CAAC,CAAC,CAAe,CAAA;IAEtC,OAAO,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,CAAA;AAC5B,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,WAAW,GAAG,IAAI,WAAW,CAAC;IACzC,cAAc,EAAE;QACd,OAAO,EAAE;YACP,OAAO,EAAE,cAAc;YACvB,KAAK,EAAE,CAAC;SACT;KACF;CACF,CAAC,CAAA;AAEF,MAAM,UAAU,WAAW,CAAC,EAC1B,QAAQ,EACR,MAAM,EACN,cAAc,GAC0C;IACxD,SAAS,CAAC,GAAG,EAAE;QACb,SAAS,GAAG,MAAM,CAAA;IACpB,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAA;IAEZ,8CAA8C;IAC9C,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,cAAc;YAAE,OAAM;QAE3B,WAAW,CAAC,iBAAiB,EAAE,CAAA;IACjC,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAA;IAEpB,OAAO,CAAC,mBAAmB,CAAC,MAAM,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,mBAAmB,CAAC,CAAA;AACnF,CAAC","sourcesContent":["import { QueryClient, QueryClientProvider, QueryKey } from '@tanstack/react-query'\nimport React, { useEffect } from 'react'\nimport { ViewProps } from 'react-native'\nimport { Client } from '../utils'\nimport { GetRequest } from '../utils/client/types'\n\nlet apiClient: Client | undefined\n\nconst defaultQueryFn = ({ queryKey }: { queryKey: QueryKey }) => {\n  if (!apiClient) {\n    throw new Error('No token present')\n  }\n\n  const data = queryKey[0] as GetRequest\n\n  return apiClient.get(data)\n}\n\nexport const queryClient = new QueryClient({\n  defaultOptions: {\n    queries: {\n      queryFn: defaultQueryFn,\n      retry: 3,\n    },\n  },\n})\n\nexport function ApiProvider({\n  children,\n  client,\n  sessionChanged,\n}: ViewProps & { client: Client; sessionChanged: boolean }) {\n  useEffect(() => {\n    apiClient = client\n  }, [client])\n\n  // TODO: CREATE CALLBACK TO INVALIDATE QUERIES\n  useEffect(() => {\n    if (!sessionChanged) return\n\n    queryClient.invalidateQueries()\n  }, [sessionChanged])\n\n  return <QueryClientProvider client={queryClient}>{children}</QueryClientProvider>\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,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAI5D,OAAO,EAAE,WAAW,EAAoB,MAAM,gBAAgB,CAAA;AAE9D,IAAI,SAA6B,CAAA;AAEjC,MAAM,cAAc,GAAG,CAAC,EAAE,QAAQ,EAA0B,EAAE,EAAE;IAC9D,IAAI,CAAC,SAAS,EAAE,CAAC;QACf,MAAM,IAAI,KAAK,CAAC,kBAAkB,CAAC,CAAA;IACrC,CAAC;IAED,MAAM,IAAI,GAAG,QAAQ,CAAC,CAAC,CAAe,CAAA;IAEtC,OAAO,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,CAAA;AAC5B,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,WAAW,GAAG,IAAI,WAAW,CAAC;IACzC,cAAc,EAAE;QACd,OAAO,EAAE;YACP,OAAO,EAAE,cAAc;YACvB,KAAK,EAAE,CAAC;SACT;KACF;CACF,CAAC,CAAA;AAEF,MAAM,UAAU,WAAW,CAAC,EAAE,QAAQ,EAAa;IACjD,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,UAAU,CAAC,WAAW,CAAC,CAAA;IACtD,MAAM,cAAc,GAAG,iBAAiB,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC,CAAA;IAExD,SAAS,GAAG,MAAM,CAAA;IAElB,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,cAAc;YAAE,OAAM;QAE3B,WAAW,CAAC,KAAK,EAAE,CAAA;IACrB,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAA;IAEpB,OAAO,CAAC,mBAAmB,CAAC,MAAM,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,mBAAmB,CAAC,CAAA;AACnF,CAAC;AAED,SAAS,iBAAiB,CAAC,KAA8C;IACvE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,KAAK,CAAA;IAC9C,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,EAAE,OAAO,EAAE,GAAG,WAAW,CAAe,KAAK,CAAC,CAAA;IAE3E,OAAO,OAAO,CAAC,SAAS,IAAI,QAAQ,KAAK,SAAS,CAAC,IAAI,OAAO,CAAC,OAAO,IAAI,MAAM,KAAK,OAAO,CAAC,CAAA;AAC/F,CAAC;AAED,SAAS,WAAW,CAAI,KAAK;IAC3B,MAAM,GAAG,GAAG,MAAM,CAAI,KAAK,CAAC,CAAA;IAE5B,SAAS,CAAC,GAAG,EAAE;QACb,GAAG,CAAC,OAAO,GAAG,KAAK,CAAA;IACrB,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAA;IAEX,OAAO,GAAG,CAAC,OAAO,CAAA;AACpB,CAAC","sourcesContent":["import { QueryClient, QueryClientProvider, QueryKey } from '@tanstack/react-query'\nimport React, { useContext, useEffect, useRef } from 'react'\nimport { ViewProps } from 'react-native'\nimport { Client } from '../utils'\nimport { GetRequest } from '../utils/client/types'\nimport { ChatContext, ChatContextValue } from './chat_context'\n\nlet apiClient: Client | undefined\n\nconst defaultQueryFn = ({ queryKey }: { queryKey: QueryKey }) => {\n  if (!apiClient) {\n    throw new Error('No token present')\n  }\n\n  const data = queryKey[0] as GetRequest\n\n  return apiClient.get(data)\n}\n\nexport const queryClient = new QueryClient({\n  defaultOptions: {\n    queries: {\n      queryFn: defaultQueryFn,\n      retry: 3,\n    },\n  },\n})\n\nexport function ApiProvider({ children }: ViewProps) {\n  const { token, env, client } = useContext(ChatContext)\n  const sessionChanged = useSessionChanged({ token, env })\n\n  apiClient = client\n\n  useEffect(() => {\n    if (!sessionChanged) return\n\n    queryClient.clear()\n  }, [sessionChanged])\n\n  return <QueryClientProvider client={queryClient}>{children}</QueryClientProvider>\n}\n\nfunction useSessionChanged(value: Pick<ChatContextValue, 'token' | 'env'>): boolean {\n  const { token: newToken, env: newEnv } = value\n  const { token: prevToken, env: prevEnv } = usePrevious<typeof value>(value)\n\n  return Boolean(prevToken && newToken !== prevToken) || Boolean(prevEnv && newEnv !== prevEnv)\n}\n\nfunction usePrevious<T>(value) {\n  const ref = useRef<T>(value)\n\n  useEffect(() => {\n    ref.current = value\n  }, [value])\n\n  return ref.current\n}\n"]}

package/build/contexts/chat_context.d.ts

@@ -1,24 +1,26 @@
 import React from 'react';
 import { ColorSchemeName } from 'react-native';
 import { DeepPartial, OAuthToken } from '../types';
-import { DefaultTheme } from '../utils/theme';
 import { Client, ENV } from '../utils';
-type ChatContextValue = {
+import { ChatTheme, DefaultTheme } from '../utils/theme';
+export type ChatContextValue = {
     token?: OAuthToken;
     onTokenExpired: () => void;
-    theme: any;
+    theme: ChatTheme;
     env?: ENV;
     client: Client;
 };
+export interface ChatProviderProps extends Omit<ChatContextValue, 'client' | 'theme'> {
+    theme: CreateChatThemeProps;
+}
 export declare const ChatContext: React.Context<ChatContextValue>;
-export declare function ChatProvider({ children, value, }: {
+export declare function ChatProvider({ children, value }: {
     children: any;
-    value: Omit<ChatContextValue, 'client'>;
-}): React.JSX.Element | null;
-interface CreateChatThemeProps {
+    value: ChatProviderProps;
+}): React.JSX.Element;
+export interface CreateChatThemeProps {
     theme?: DeepPartial<DefaultTheme>;
     colorScheme?: ColorSchemeName;
 }
-export declare const useCreateChatTheme: ({ theme: customTheme, colorScheme: appColorScheme, }: CreateChatThemeProps) => any;
-export {};
+export declare const useCreateChatTheme: ({ theme: customTheme, colorScheme: appColorScheme, }: CreateChatThemeProps) => ChatTheme;
 //# 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":"AACA,OAAO,KAAoD,MAAM,OAAO,CAAA;AACxE,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;AAG3D,OAAO,EAAE,MAAM,EAAE,GAAG,EAAW,MAAM,UAAU,CAAA;AAE/C,KAAK,gBAAgB,GAAG;IACtB,KAAK,CAAC,EAAE,UAAU,CAAA;IAClB,cAAc,EAAE,MAAM,IAAI,CAAA;IAC1B,KAAK,EAAE,GAAG,CAAA;IACV,GAAG,CAAC,EAAE,GAAG,CAAA;IACT,MAAM,EAAE,MAAM,CAAA;CACf,CAAA;AASD,eAAO,MAAM,WAAW,iCAMtB,CAAA;AAEF,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,KAAK,GACN,EAAE;IACD,QAAQ,EAAE,GAAG,CAAA;IACb,KAAK,EAAE,IAAI,CAAC,gBAAgB,EAAE,QAAQ,CAAC,CAAA;CACxC,4BAiCA;AAmBD,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"}
+{"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,EAAE,MAAM,EAAE,GAAG,EAAW,MAAM,UAAU,CAAA;AAC/C,OAAO,EAAE,SAAS,EAAgB,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAEtE,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,CAAC,EAAE,UAAU,CAAA;IAClB,cAAc,EAAE,MAAM,IAAI,CAAA;IAC1B,KAAK,EAAE,SAAS,CAAA;IAChB,GAAG,CAAC,EAAE,GAAG,CAAA;IACT,MAAM,EAAE,MAAM,CAAA;CACf,CAAA;AAED,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,gBAAgB,EAAE,QAAQ,GAAG,OAAO,CAAC;IACnF,KAAK,EAAE,oBAAoB,CAAA;CAC5B;AASD,eAAO,MAAM,WAAW,iCAMtB,CAAA;AAEF,wBAAgB,YAAY,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE;IAAE,QAAQ,EAAE,GAAG,CAAC;IAAC,KAAK,EAAE,iBAAiB,CAAA;CAAE,qBAwB5F;AAED,MAAM,WAAW,oBAAoB;IACnC,KAAK,CAAC,EAAE,WAAW,CAAC,YAAY,CAAC,CAAA;IACjC,WAAW,CAAC,EAAE,eAAe,CAAA;CAC9B;AAED,eAAO,MAAM,kBAAkB,yDAG5B,oBAAoB,KAAG,SAYzB,CAAA"}

package/build/contexts/chat_context.js

@@ -1,10 +1,8 @@
 import { merge } from 'lodash';
-import React, { createContext, useEffect, useMemo, useRef } from 'react';
+import React, { createContext, useMemo } from 'react';
 import { useColorScheme } from 'react-native';
-import { defaultTheme } from '../utils/theme';
-import { aliasTokensColorMap } from '../vendor/tapestry/alias_tokens_color_map';
-import { ApiProvider } from './api_provider';
 import { Client, Session } from '../utils';
+import { defaultTheme } from '../utils/theme';
 const defaultChatClient = new Client({
     app: 'chat',
     session: new Session(),
@@ -12,15 +10,15 @@ const defaultChatClient = new Client({
     onTokenExpired: () => null,
 });
 export const ChatContext = createContext({
-    theme: undefined,
+    theme: defaultTheme('light'),
     token: undefined,
     env: undefined,
     onTokenExpired: () => { },
     client: defaultChatClient,
 });
-export function ChatProvider({ children, value, }) {
+export function ChatProvider({ children, value }) {
     const { env, token, onTokenExpired } = value;
-    const theme = useCreateChatTheme(value.theme);
+    const theme = useCreateChatTheme(value.theme || {});
     const session = useMemo(() => new Session({ token, env }), [env, token]);
     const client = useMemo(() => new Client({
         app: 'chat',
@@ -28,7 +26,6 @@ export function ChatProvider({ children, value, }) {
         version: '2018-11-01',
         onTokenExpired,
     }), [onTokenExpired, session]);
-    const sessionChanged = useSessionChanged({ token, env });
     const contextValue = {
         env,
         token,
@@ -36,38 +33,17 @@ export function ChatProvider({ children, value, }) {
         theme,
         client,
     };
-    if (!Object.keys(value.token || {}).length)
-        return null;
-    return (<ChatContext.Provider value={contextValue}>
-      <ApiProvider sessionChanged={sessionChanged} client={client}>
-        {children}
-      </ApiProvider>
-    </ChatContext.Provider>);
-}
-function useSessionChanged(value) {
-    const { token: newToken, env: newEnv } = value;
-    const { token: prevToken, env: prevEnv } = usePrevious(value);
-    return Boolean(prevToken && newToken !== prevToken) || Boolean(prevEnv && newEnv !== prevEnv);
-}
-function usePrevious(value) {
-    const ref = useRef(value);
-    useEffect(() => {
-        ref.current = value;
-    }, [value]);
-    return ref.current;
+    return <ChatContext.Provider value={contextValue}>{children}</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),
-                ...aliasTokensColorMap[colorScheme],
-            },
-        };
-    }, [colorScheme, customTheme]);
-    return memoizedTheme;
+    const theme = {
+        ...merge({}, defaultTheme(colorScheme), customTheme),
+        colors: {
+            ...merge({}, defaultTheme(colorScheme).colors, customTheme?.colors),
+        },
+    };
+    return theme;
 };
 //# 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":"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","sourcesContent":["import { merge } from 'lodash'\nimport React, { createContext, useEffect, useMemo, useRef } from 'react'\nimport { ColorSchemeName, useColorScheme } from 'react-native'\nimport { DeepPartial, OAuthToken } from '../types'\nimport { defaultTheme, DefaultTheme } from '../utils/theme'\nimport { aliasTokensColorMap } from '../vendor/tapestry/alias_tokens_color_map'\nimport { ApiProvider } from './api_provider'\nimport { Client, ENV, Session } from '../utils'\n\ntype ChatContextValue = {\n  token?: OAuthToken\n  onTokenExpired: () => void\n  theme: any\n  env?: ENV\n  client: Client\n}\n\nconst defaultChatClient = new Client({\n  app: 'chat',\n  session: new Session(),\n  version: '2018-11-01',\n  onTokenExpired: () => null,\n})\n\nexport const ChatContext = createContext<ChatContextValue>({\n  theme: undefined,\n  token: undefined,\n  env: undefined,\n  onTokenExpired: () => {},\n  client: defaultChatClient,\n})\n\nexport function ChatProvider({\n  children,\n  value,\n}: {\n  children: any\n  value: Omit<ChatContextValue, 'client'>\n}) {\n  const { env, token, onTokenExpired } = value\n  const theme = useCreateChatTheme(value.theme)\n  const session = useMemo(() => new Session({ token, env }), [env, token])\n  const client = useMemo(\n    () =>\n      new Client({\n        app: 'chat',\n        session,\n        version: '2018-11-01',\n        onTokenExpired,\n      }),\n    [onTokenExpired, session]\n  )\n  const sessionChanged = useSessionChanged({ token, env })\n\n  const contextValue: ChatContextValue = {\n    env,\n    token,\n    onTokenExpired,\n    theme,\n    client,\n  }\n\n  if (!Object.keys(value.token || {}).length) return null\n\n  return (\n    <ChatContext.Provider value={contextValue}>\n      <ApiProvider sessionChanged={sessionChanged} client={client}>\n        {children}\n      </ApiProvider>\n    </ChatContext.Provider>\n  )\n}\n\nfunction useSessionChanged(value: Pick<ChatContextValue, 'token' | 'env'>): boolean {\n  const { token: newToken, env: newEnv } = value\n  const { token: prevToken, env: prevEnv } = usePrevious<typeof value>(value)\n\n  return Boolean(prevToken && newToken !== prevToken) || Boolean(prevEnv && newEnv !== prevEnv)\n}\n\nfunction usePrevious<T>(value) {\n  const ref = useRef<T>(value)\n\n  useEffect(() => {\n    ref.current = value\n  }, [value])\n\n  return ref.current\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        ...aliasTokensColorMap[colorScheme],\n      },\n    }\n  }, [colorScheme, customTheme])\n\n  return memoizedTheme\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,MAAM,EAAO,OAAO,EAAE,MAAM,UAAU,CAAA;AAC/C,OAAO,EAAa,YAAY,EAAgB,MAAM,gBAAgB,CAAA;AActE,MAAM,iBAAiB,GAAG,IAAI,MAAM,CAAC;IACnC,GAAG,EAAE,MAAM;IACX,OAAO,EAAE,IAAI,OAAO,EAAE;IACtB,OAAO,EAAE,YAAY;IACrB,cAAc,EAAE,GAAG,EAAE,CAAC,IAAI;CAC3B,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,aAAa,CAAmB;IACzD,KAAK,EAAE,YAAY,CAAC,OAAO,CAAC;IAC5B,KAAK,EAAE,SAAS;IAChB,GAAG,EAAE,SAAS;IACd,cAAc,EAAE,GAAG,EAAE,GAAE,CAAC;IACxB,MAAM,EAAE,iBAAiB;CAC1B,CAAC,CAAA;AAEF,MAAM,UAAU,YAAY,CAAC,EAAE,QAAQ,EAAE,KAAK,EAA+C;IAC3F,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,cAAc,EAAE,GAAG,KAAK,CAAA;IAC5C,MAAM,KAAK,GAAG,kBAAkB,CAAC,KAAK,CAAC,KAAK,IAAI,EAAE,CAAC,CAAA;IACnD,MAAM,OAAO,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,IAAI,OAAO,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC,CAAA;IACxE,MAAM,MAAM,GAAG,OAAO,CACpB,GAAG,EAAE,CACH,IAAI,MAAM,CAAC;QACT,GAAG,EAAE,MAAM;QACX,OAAO;QACP,OAAO,EAAE,YAAY;QACrB,cAAc;KACf,CAAC,EACJ,CAAC,cAAc,EAAE,OAAO,CAAC,CAC1B,CAAA;IAED,MAAM,YAAY,GAAqB;QACrC,GAAG;QACH,KAAK;QACL,cAAc;QACd,KAAK;QACL,MAAM;KACP,CAAA;IAED,OAAO,CAAC,WAAW,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,WAAW,CAAC,QAAQ,CAAC,CAAA;AACrF,CAAC;AAOD,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,EACjC,KAAK,EAAE,WAAW,GAAG,EAAE,EACvB,WAAW,EAAE,cAAc,GACN,EAAa,EAAE;IACpC,MAAM,mBAAmB,GAAG,cAAc,EAAE,IAAI,OAAO,CAAA;IACvD,MAAM,WAAW,GAAG,cAAc,IAAI,mBAAmB,CAAA;IAEzD,MAAM,KAAK,GAAG;QACZ,GAAG,KAAK,CAAC,EAAE,EAAE,YAAY,CAAC,WAAW,CAAC,EAAE,WAAW,CAAC;QACpD,MAAM,EAAE;YACN,GAAG,KAAK,CAAC,EAAE,EAAE,YAAY,CAAC,WAAW,CAAC,CAAC,MAAM,EAAE,WAAW,EAAE,MAAM,CAAC;SACpE;KACF,CAAA;IAED,OAAO,KAAK,CAAA;AACd,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 { Client, ENV, Session } from '../utils'\nimport { ChatTheme, defaultTheme, DefaultTheme } from '../utils/theme'\n\nexport type ChatContextValue = {\n  token?: OAuthToken\n  onTokenExpired: () => void\n  theme: ChatTheme\n  env?: ENV\n  client: Client\n}\n\nexport interface ChatProviderProps extends Omit<ChatContextValue, 'client' | 'theme'> {\n  theme: CreateChatThemeProps\n}\n\nconst defaultChatClient = new Client({\n  app: 'chat',\n  session: new Session(),\n  version: '2018-11-01',\n  onTokenExpired: () => null,\n})\n\nexport const ChatContext = createContext<ChatContextValue>({\n  theme: defaultTheme('light'),\n  token: undefined,\n  env: undefined,\n  onTokenExpired: () => {},\n  client: defaultChatClient,\n})\n\nexport function ChatProvider({ children, value }: { children: any; value: ChatProviderProps }) {\n  const { env, token, onTokenExpired } = value\n  const theme = useCreateChatTheme(value.theme || {})\n  const session = useMemo(() => new Session({ token, env }), [env, token])\n  const client = useMemo(\n    () =>\n      new Client({\n        app: 'chat',\n        session,\n        version: '2018-11-01',\n        onTokenExpired,\n      }),\n    [onTokenExpired, session]\n  )\n\n  const contextValue: ChatContextValue = {\n    env,\n    token,\n    onTokenExpired,\n    theme,\n    client,\n  }\n\n  return <ChatContext.Provider value={contextValue}>{children}</ChatContext.Provider>\n}\n\nexport interface CreateChatThemeProps {\n  theme?: DeepPartial<DefaultTheme>\n  colorScheme?: ColorSchemeName\n}\n\nexport const useCreateChatTheme = ({\n  theme: customTheme = {},\n  colorScheme: appColorScheme,\n}: CreateChatThemeProps): ChatTheme => {\n  const internalColorScheme = useColorScheme() || 'light'\n  const colorScheme = appColorScheme || internalColorScheme\n\n  const theme = {\n    ...merge({}, defaultTheme(colorScheme), customTheme),\n    colors: {\n      ...merge({}, defaultTheme(colorScheme).colors, customTheme?.colors),\n    },\n  }\n\n  return theme\n}\n"]}

package/build/navigation/screenLayout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"screenLayout.d.ts","sourceRoot":"","sources":["../../src/navigation/screenLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,wBAAgB,YAAY,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAA;CAAE,qBAU1E"}
+{"version":3,"file":"screenLayout.d.ts","sourceRoot":"","sources":["../../src/navigation/screenLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAOzB,wBAAgB,YAAY,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAA;CAAE,qBAY1E"}

package/build/navigation/screenLayout.js

@@ -3,11 +3,14 @@ import { QueryErrorResetBoundary } from '@tanstack/react-query';
 import ErrorBoundary from '../components/error_boundary';
 import { Suspense } from 'react';
 import { Text } from '../components/display';
+import { ApiProvider } from '../contexts';
 export function ScreenLayout({ children }) {
-    return (<QueryErrorResetBoundary>
-      {({ reset }) => (<ErrorBoundary onReset={reset}>
-          <Suspense fallback={<Text>loading...</Text>}>{children}</Suspense>
-        </ErrorBoundary>)}
-    </QueryErrorResetBoundary>);
+    return (<ApiProvider>
+      <QueryErrorResetBoundary>
+        {({ reset }) => (<ErrorBoundary onReset={reset}>
+            <Suspense fallback={<Text>loading...</Text>}>{children}</Suspense>
+          </ErrorBoundary>)}
+      </QueryErrorResetBoundary>
+    </ApiProvider>);
 }
 //# sourceMappingURL=screenLayout.js.map

package/build/navigation/screenLayout.js.map

@@ -1 +1 @@
-{"version":3,"file":"screenLayout.js","sourceRoot":"","sources":["../../src/navigation/screenLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,uBAAuB,EAAE,MAAM,uBAAuB,CAAA;AAC/D,OAAO,aAAa,MAAM,8BAA8B,CAAA;AACxD,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAChC,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAA;AAE5C,MAAM,UAAU,YAAY,CAAC,EAAE,QAAQ,EAAoC;IACzE,OAAO,CACL,CAAC,uBAAuB,CACtB;MAAA,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CACd,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,KAAK,CAAC,CAC5B;UAAA,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,UAAU,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,QAAQ,CACnE;QAAA,EAAE,aAAa,CAAC,CACjB,CACH;IAAA,EAAE,uBAAuB,CAAC,CAC3B,CAAA;AACH,CAAC","sourcesContent":["import React from 'react'\nimport { QueryErrorResetBoundary } from '@tanstack/react-query'\nimport ErrorBoundary from '../components/error_boundary'\nimport { Suspense } from 'react'\nimport { Text } from '../components/display'\n\nexport function ScreenLayout({ children }: { children: React.ReactElement }) {\n  return (\n    <QueryErrorResetBoundary>\n      {({ reset }) => (\n        <ErrorBoundary onReset={reset}>\n          <Suspense fallback={<Text>loading...</Text>}>{children}</Suspense>\n        </ErrorBoundary>\n      )}\n    </QueryErrorResetBoundary>\n  )\n}\n"]}
+{"version":3,"file":"screenLayout.js","sourceRoot":"","sources":["../../src/navigation/screenLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,uBAAuB,EAAE,MAAM,uBAAuB,CAAA;AAC/D,OAAO,aAAa,MAAM,8BAA8B,CAAA;AACxD,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAChC,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAA;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AAEzC,MAAM,UAAU,YAAY,CAAC,EAAE,QAAQ,EAAoC;IACzE,OAAO,CACL,CAAC,WAAW,CACV;MAAA,CAAC,uBAAuB,CACtB;QAAA,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CACd,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,KAAK,CAAC,CAC5B;YAAA,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,UAAU,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,QAAQ,CACnE;UAAA,EAAE,aAAa,CAAC,CACjB,CACH;MAAA,EAAE,uBAAuB,CAC3B;IAAA,EAAE,WAAW,CAAC,CACf,CAAA;AACH,CAAC","sourcesContent":["import React from 'react'\nimport { QueryErrorResetBoundary } from '@tanstack/react-query'\nimport ErrorBoundary from '../components/error_boundary'\nimport { Suspense } from 'react'\nimport { Text } from '../components/display'\nimport { ApiProvider } from '../contexts'\n\nexport function ScreenLayout({ children }: { children: React.ReactElement }) {\n  return (\n    <ApiProvider>\n      <QueryErrorResetBoundary>\n        {({ reset }) => (\n          <ErrorBoundary onReset={reset}>\n            <Suspense fallback={<Text>loading...</Text>}>{children}</Suspense>\n          </ErrorBoundary>\n        )}\n      </QueryErrorResetBoundary>\n    </ApiProvider>\n  )\n}\n"]}

package/build/utils/theme.d.ts

@@ -23,7 +23,7 @@ export interface DefaultTheme {
         text: TextStyle;
     };
 }
-export declare const defaultTheme: (colorScheme: ColorSchemeName) => DefaultTheme;
+export declare const defaultTheme: (colorScheme: ColorSchemeName) => ChatTheme;
 export type TemporaryDefaultColorsType = Partial<ChatColors>;
 interface ChatColors {
     name: string;

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

@@ -1 +1 @@
-{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/utils/theme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA;AAEpE,OAAO,EAAE,mBAAmB,EAAE,MAAM,2CAA2C,CAAA;AAE/E,MAAM,WAAW,SAAU,SAAQ,YAAY;IAC7C,MAAM,EAAE,YAAY,CAAC,QAAQ,CAAC,GAC5B,CAAC,OAAO,mBAAmB,CAAC,KAAK,GAAG,OAAO,mBAAmB,CAAC,IAAI,CAAC,CAAA;CACvE;AAED;;;;;;;;;;;;gDAYgD;AAEhD,MAAM,WAAW,YAAY;IAC3B,MAAM,EAAE,UAAU,CAAA;IAClB,qBAAqB,EAAE;QACrB,SAAS,EAAE,SAAS,CAAA;QACpB,IAAI,EAAE,SAAS,CAAA;KAChB,CAAA;CACF;AAED,eAAO,MAAM,YAAY,gBAAiB,eAAe,KAAG,YAgB3D,CAAA;AAED,MAAM,MAAM,0BAA0B,GAAG,OAAO,CAAC,UAAU,CAAC,CAAA;AAE5D,UAAU,UAAU;IAClB,IAAI,EAAE,MAAM,CAAA;IACZ,WAAW,EAAE,MAAM,GAAG,SAAS,CAAA;IAC/B,SAAS,EAAE,MAAM,GAAG,SAAS,CAAA;IAC7B,WAAW,EAAE,MAAM,CAAA;IACnB,SAAS,EAAE,MAAM,CAAA;CAClB"}
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/utils/theme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA;AAEpE,OAAO,EAAE,mBAAmB,EAAE,MAAM,2CAA2C,CAAA;AAE/E,MAAM,WAAW,SAAU,SAAQ,YAAY;IAC7C,MAAM,EAAE,YAAY,CAAC,QAAQ,CAAC,GAC5B,CAAC,OAAO,mBAAmB,CAAC,KAAK,GAAG,OAAO,mBAAmB,CAAC,IAAI,CAAC,CAAA;CACvE;AAED;;;;;;;;;;;;gDAYgD;AAEhD,MAAM,WAAW,YAAY;IAC3B,MAAM,EAAE,UAAU,CAAA;IAClB,qBAAqB,EAAE;QACrB,SAAS,EAAE,SAAS,CAAA;QACpB,IAAI,EAAE,SAAS,CAAA;KAChB,CAAA;CACF;AAED,eAAO,MAAM,YAAY,gBAAiB,eAAe,KAAG,SAqB3D,CAAA;AAED,MAAM,MAAM,0BAA0B,GAAG,OAAO,CAAC,UAAU,CAAC,CAAA;AAE5D,UAAU,UAAU;IAClB,IAAI,EAAE,MAAM,CAAA;IACZ,WAAW,EAAE,MAAM,GAAG,SAAS,CAAA;IAC/B,SAAS,EAAE,MAAM,GAAG,SAAS,CAAA;IAC7B,WAAW,EAAE,MAAM,CAAA;IACnB,SAAS,EAAE,MAAM,CAAA;CAClB"}

package/build/utils/theme.js

@@ -2,8 +2,12 @@ import { tokens } from '../vendor/tapestry/tokens';
 import { aliasTokensColorMap } from '../vendor/tapestry/alias_tokens_color_map';
 export const defaultTheme = (colorScheme) => {
     const scheme = colorScheme || 'light';
+    const defaultColors = {
+        ...chatThemeColorMap[scheme],
+        ...aliasTokensColorMap[scheme],
+    };
     return {
-        colors: chatThemeColorMap[scheme],
+        colors: defaultColors,
         temporaryProductBadge: {
             container: {
                 paddingHorizontal: tokens.spacing1,

package/build/utils/theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../src/utils/theme.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAA;AAClD,OAAO,EAAE,mBAAmB,EAAE,MAAM,2CAA2C,CAAA;AA6B/E,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,WAA4B,EAAgB,EAAE;IACzE,MAAM,MAAM,GAAG,WAAW,IAAI,OAAO,CAAA;IAErC,OAAO;QACL,MAAM,EAAE,iBAAiB,CAAC,MAAM,CAAC;QACjC,qBAAqB,EAAE;YACrB,SAAS,EAAE;gBACT,iBAAiB,EAAE,MAAM,CAAC,QAAQ;gBAClC,eAAe,EAAE,mBAAmB,CAAC,MAAM,CAAC,CAAC,mBAAmB;gBAChE,WAAW,EAAE,MAAM,CAAC,iBAAiB;aACtC;YACD,IAAI,EAAE;gBACJ,SAAS,EAAE,QAAQ;aACpB;SACF;KACF,CAAA;AACH,CAAC,CAAA;AAYD,MAAM,eAAe,GAAe;IAClC,IAAI,EAAE,OAAO;IACb,WAAW,EAAE,SAAS;IACtB,SAAS,EAAE,SAAS;IACpB,WAAW,EAAE,MAAM,CAAC,2BAA2B;IAC/C,SAAS,EAAE,KAAK;CACjB,CAAA;AAED,MAAM,cAAc,GAAe;IACjC,IAAI,EAAE,MAAM;IACZ,WAAW,EAAE,SAAS;IACtB,SAAS,EAAE,SAAS;IACpB,WAAW,EAAE,MAAM,CAAC,+BAA+B;IACnD,SAAS,EAAE,MAAM;CAClB,CAAA;AAED,MAAM,iBAAiB,GAAG;IACxB,KAAK,EAAE,eAAe;IACtB,IAAI,EAAE,cAAc;CACrB,CAAA","sourcesContent":["import { TextStyle, ViewStyle, ColorSchemeName } from 'react-native'\nimport { tokens } from '../vendor/tapestry/tokens'\nimport { aliasTokensColorMap } from '../vendor/tapestry/alias_tokens_color_map'\n\nexport interface ChatTheme extends DefaultTheme {\n  colors: DefaultTheme['colors'] &\n    (typeof aliasTokensColorMap.light | typeof aliasTokensColorMap.dark)\n}\n\n/** =============================================\n  NOTE: The specific values for `colors` and the `productBadge` are temporary examples that can be replaced once we start building out UI. This line's comment can be removed at that time too.\n\n  The default theme is intended to support two types of customizations:\n  1. Specific color properties for a chat component (eg. `primaryButtonBackgroundColor`)\n  2. Any styles for a specific component. (Use only one level of nesting.)\n    ```\n      primaryButton: {\n        container: ViewStyle\n        text: TextStyle\n      }\n    ```\n============================================= */\n\nexport interface DefaultTheme {\n  colors: ChatColors\n  temporaryProductBadge: {\n    container: ViewStyle\n    text: TextStyle\n  }\n}\n\nexport const defaultTheme = (colorScheme: ColorSchemeName): DefaultTheme => {\n  const scheme = colorScheme || 'light'\n\n  return {\n    colors: chatThemeColorMap[scheme],\n    temporaryProductBadge: {\n      container: {\n        paddingHorizontal: tokens.spacing1,\n        backgroundColor: aliasTokensColorMap[scheme].fillColorNeutral070,\n        borderWidth: tokens.borderSizeDefault,\n      },\n      text: {\n        textAlign: 'center',\n      },\n    },\n  }\n}\n\nexport type TemporaryDefaultColorsType = Partial<ChatColors>\n\ninterface ChatColors {\n  name: string\n  buttonStart: string | undefined\n  buttonEnd: string | undefined\n  interaction: string\n  testColor: string\n}\n\nconst colorsChatLight: ChatColors = {\n  name: 'light',\n  buttonStart: undefined,\n  buttonEnd: undefined,\n  interaction: tokens.fillColorInteractionDefault,\n  testColor: 'red',\n}\n\nconst colorsChatDark: ChatColors = {\n  name: 'dark',\n  buttonStart: undefined,\n  buttonEnd: undefined,\n  interaction: tokens.fillColorInteractionDefaultDark,\n  testColor: 'blue',\n}\n\nconst chatThemeColorMap = {\n  light: colorsChatLight,\n  dark: colorsChatDark,\n}\n"]}
+{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../src/utils/theme.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAA;AAClD,OAAO,EAAE,mBAAmB,EAAE,MAAM,2CAA2C,CAAA;AA6B/E,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,WAA4B,EAAa,EAAE;IACtE,MAAM,MAAM,GAAG,WAAW,IAAI,OAAO,CAAA;IAErC,MAAM,aAAa,GAAG;QACpB,GAAG,iBAAiB,CAAC,MAAM,CAAC;QAC5B,GAAG,mBAAmB,CAAC,MAAM,CAAC;KAC/B,CAAA;IAED,OAAO;QACL,MAAM,EAAE,aAAa;QACrB,qBAAqB,EAAE;YACrB,SAAS,EAAE;gBACT,iBAAiB,EAAE,MAAM,CAAC,QAAQ;gBAClC,eAAe,EAAE,mBAAmB,CAAC,MAAM,CAAC,CAAC,mBAAmB;gBAChE,WAAW,EAAE,MAAM,CAAC,iBAAiB;aACtC;YACD,IAAI,EAAE;gBACJ,SAAS,EAAE,QAAQ;aACpB;SACF;KACF,CAAA;AACH,CAAC,CAAA;AAYD,MAAM,eAAe,GAAe;IAClC,IAAI,EAAE,OAAO;IACb,WAAW,EAAE,SAAS;IACtB,SAAS,EAAE,SAAS;IACpB,WAAW,EAAE,MAAM,CAAC,2BAA2B;IAC/C,SAAS,EAAE,KAAK;CACjB,CAAA;AAED,MAAM,cAAc,GAAe;IACjC,IAAI,EAAE,MAAM;IACZ,WAAW,EAAE,SAAS;IACtB,SAAS,EAAE,SAAS;IACpB,WAAW,EAAE,MAAM,CAAC,+BAA+B;IACnD,SAAS,EAAE,MAAM;CAClB,CAAA;AAED,MAAM,iBAAiB,GAAG;IACxB,KAAK,EAAE,eAAe;IACtB,IAAI,EAAE,cAAc;CACrB,CAAA","sourcesContent":["import { TextStyle, ViewStyle, ColorSchemeName } from 'react-native'\nimport { tokens } from '../vendor/tapestry/tokens'\nimport { aliasTokensColorMap } from '../vendor/tapestry/alias_tokens_color_map'\n\nexport interface ChatTheme extends DefaultTheme {\n  colors: DefaultTheme['colors'] &\n    (typeof aliasTokensColorMap.light | typeof aliasTokensColorMap.dark)\n}\n\n/** =============================================\n  NOTE: The specific values for `colors` and the `productBadge` are temporary examples that can be replaced once we start building out UI. This line's comment can be removed at that time too.\n\n  The default theme is intended to support two types of customizations:\n  1. Specific color properties for a chat component (eg. `primaryButtonBackgroundColor`)\n  2. Any styles for a specific component. (Use only one level of nesting.)\n    ```\n      primaryButton: {\n        container: ViewStyle\n        text: TextStyle\n      }\n    ```\n============================================= */\n\nexport interface DefaultTheme {\n  colors: ChatColors\n  temporaryProductBadge: {\n    container: ViewStyle\n    text: TextStyle\n  }\n}\n\nexport const defaultTheme = (colorScheme: ColorSchemeName): ChatTheme => {\n  const scheme = colorScheme || 'light'\n\n  const defaultColors = {\n    ...chatThemeColorMap[scheme],\n    ...aliasTokensColorMap[scheme],\n  }\n\n  return {\n    colors: defaultColors,\n    temporaryProductBadge: {\n      container: {\n        paddingHorizontal: tokens.spacing1,\n        backgroundColor: aliasTokensColorMap[scheme].fillColorNeutral070,\n        borderWidth: tokens.borderSizeDefault,\n      },\n      text: {\n        textAlign: 'center',\n      },\n    },\n  }\n}\n\nexport type TemporaryDefaultColorsType = Partial<ChatColors>\n\ninterface ChatColors {\n  name: string\n  buttonStart: string | undefined\n  buttonEnd: string | undefined\n  interaction: string\n  testColor: string\n}\n\nconst colorsChatLight: ChatColors = {\n  name: 'light',\n  buttonStart: undefined,\n  buttonEnd: undefined,\n  interaction: tokens.fillColorInteractionDefault,\n  testColor: 'red',\n}\n\nconst colorsChatDark: ChatColors = {\n  name: 'dark',\n  buttonStart: undefined,\n  buttonEnd: undefined,\n  interaction: tokens.fillColorInteractionDefaultDark,\n  testColor: 'blue',\n}\n\nconst chatThemeColorMap = {\n  light: colorsChatLight,\n  dark: colorsChatDark,\n}\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@planningcenter/chat-react-native",
-  "version": "1.6.0",
+  "version": "1.6.1-qa-27.0",
   "description": "",
   "main": "build/index.js",
   "types": "build/index.d.ts",
@@ -46,5 +46,5 @@
     "prettier": "^3.4.2",
     "typescript": "<5.6.0"
   },
-  "gitHead": "885163bbbf48e2583d601930ffba8dd9f1fc962b"
+  "gitHead": "a9aa095bb68dc974460d9dad35fff2bd3770954a"
 }

package/src/__tests__/hooks/useTheme.tsx

@@ -1,12 +1,13 @@
 import { renderHook } from '@testing-library/react-native'
 import { useTheme } from '../../hooks'
-import { ChatProvider } from '../../contexts'
+import { ChatProvider, CreateChatThemeProps } from '../../contexts'
 import React from 'react'
 
-const theme = {
-  colors: {
-    primary: '#0070f3',
+let themeProps: CreateChatThemeProps = {
+  theme: {
+    colors: {},
   },
+  colorScheme: 'light',
 }
 
 const Wrapper = ({ children }: { children: React.ReactNode }) => {
@@ -22,7 +23,7 @@ const Wrapper = ({ children }: { children: React.ReactNode }) => {
           token_type: '',
         },
         onTokenExpired: () => null,
-        theme,
+        theme: themeProps,
       }}
     >
       {children}
@@ -31,7 +32,40 @@ const Wrapper = ({ children }: { children: React.ReactNode }) => {
 }
 
 test('should use theme', () => {
+  themeProps = {}
   const { result } = renderHook(() => useTheme(), { wrapper: Wrapper })
 
   expect(result.current).toBeDefined()
 })
+
+describe('configurable theme', () => {
+  test('should not error is theme is undefined', () => {
+    //@ts-expect-error
+    themeProps = undefined
+    const { result } = renderHook(() => useTheme(), { wrapper: Wrapper })
+
+    expect(result.current).toBeDefined()
+    expect(result.current.colors.testColor).toBe('red')
+    expect(result.current.colors.interaction).toBeDefined()
+    expect(result.current.colors.buttonStart).toBeUndefined()
+    expect(result.current.colors.buttonEnd).toBeUndefined()
+  })
+
+  test('should deliver custom stuffs', () => {
+    themeProps = {
+      theme: {
+        colors: {
+          testColor: 'fuscia',
+          buttonStart: 'blue',
+          buttonEnd: 'red',
+        },
+      },
+      colorScheme: 'dark',
+    }
+    const { result } = renderHook(() => useTheme(), { wrapper: Wrapper })
+
+    expect(result.current.colors.testColor).toBe('fuscia')
+    expect(result.current.colors.buttonStart).toBe('blue')
+    expect(result.current.colors.buttonEnd).toBe('red')
+  })
+})

package/src/contexts/api_provider.tsx

@@ -1,8 +1,9 @@
 import { QueryClient, QueryClientProvider, QueryKey } from '@tanstack/react-query'
-import React, { useEffect } from 'react'
+import React, { useContext, useEffect, useRef } from 'react'
 import { ViewProps } from 'react-native'
 import { Client } from '../utils'
 import { GetRequest } from '../utils/client/types'
+import { ChatContext, ChatContextValue } from './chat_context'
 
 let apiClient: Client | undefined
 
@@ -25,21 +26,34 @@ export const queryClient = new QueryClient({
   },
 })
 
-export function ApiProvider({
-  children,
-  client,
-  sessionChanged,
-}: ViewProps & { client: Client; sessionChanged: boolean }) {
-  useEffect(() => {
-    apiClient = client
-  }, [client])
+export function ApiProvider({ children }: ViewProps) {
+  const { token, env, client } = useContext(ChatContext)
+  const sessionChanged = useSessionChanged({ token, env })
+
+  apiClient = client
 
-  // TODO: CREATE CALLBACK TO INVALIDATE QUERIES
   useEffect(() => {
     if (!sessionChanged) return
 
-    queryClient.invalidateQueries()
+    queryClient.clear()
   }, [sessionChanged])
 
   return <QueryClientProvider client={queryClient}>{children}</QueryClientProvider>
 }
+
+function useSessionChanged(value: Pick<ChatContextValue, 'token' | 'env'>): boolean {
+  const { token: newToken, env: newEnv } = value
+  const { token: prevToken, env: prevEnv } = usePrevious<typeof value>(value)
+
+  return Boolean(prevToken && newToken !== prevToken) || Boolean(prevEnv && newEnv !== prevEnv)
+}
+
+function usePrevious<T>(value) {
+  const ref = useRef<T>(value)
+
+  useEffect(() => {
+    ref.current = value
+  }, [value])
+
+  return ref.current
+}

package/src/contexts/chat_context.tsx

@@ -1,20 +1,22 @@
 import { merge } from 'lodash'
-import React, { createContext, useEffect, useMemo, useRef } from 'react'
+import React, { createContext, useMemo } from 'react'
 import { ColorSchemeName, useColorScheme } from 'react-native'
 import { DeepPartial, OAuthToken } from '../types'
-import { defaultTheme, DefaultTheme } from '../utils/theme'
-import { aliasTokensColorMap } from '../vendor/tapestry/alias_tokens_color_map'
-import { ApiProvider } from './api_provider'
 import { Client, ENV, Session } from '../utils'
+import { ChatTheme, defaultTheme, DefaultTheme } from '../utils/theme'
 
-type ChatContextValue = {
+export type ChatContextValue = {
   token?: OAuthToken
   onTokenExpired: () => void
-  theme: any
+  theme: ChatTheme
   env?: ENV
   client: Client
 }
 
+export interface ChatProviderProps extends Omit<ChatContextValue, 'client' | 'theme'> {
+  theme: CreateChatThemeProps
+}
+
 const defaultChatClient = new Client({
   app: 'chat',
   session: new Session(),
@@ -23,22 +25,16 @@ const defaultChatClient = new Client({
 })
 
 export const ChatContext = createContext<ChatContextValue>({
-  theme: undefined,
+  theme: defaultTheme('light'),
   token: undefined,
   env: undefined,
   onTokenExpired: () => {},
   client: defaultChatClient,
 })
 
-export function ChatProvider({
-  children,
-  value,
-}: {
-  children: any
-  value: Omit<ChatContextValue, 'client'>
-}) {
+export function ChatProvider({ children, value }: { children: any; value: ChatProviderProps }) {
   const { env, token, onTokenExpired } = value
-  const theme = useCreateChatTheme(value.theme)
+  const theme = useCreateChatTheme(value.theme || {})
   const session = useMemo(() => new Session({ token, env }), [env, token])
   const client = useMemo(
     () =>
@@ -50,7 +46,6 @@ export function ChatProvider({
       }),
     [onTokenExpired, session]
   )
-  const sessionChanged = useSessionChanged({ token, env })
 
   const contextValue: ChatContextValue = {
     env,
@@ -60,35 +55,10 @@ export function ChatProvider({
     client,
   }
 
-  if (!Object.keys(value.token || {}).length) return null
-
-  return (
-    <ChatContext.Provider value={contextValue}>
-      <ApiProvider sessionChanged={sessionChanged} client={client}>
-        {children}
-      </ApiProvider>
-    </ChatContext.Provider>
-  )
-}
-
-function useSessionChanged(value: Pick<ChatContextValue, 'token' | 'env'>): boolean {
-  const { token: newToken, env: newEnv } = value
-  const { token: prevToken, env: prevEnv } = usePrevious<typeof value>(value)
-
-  return Boolean(prevToken && newToken !== prevToken) || Boolean(prevEnv && newEnv !== prevEnv)
-}
-
-function usePrevious<T>(value) {
-  const ref = useRef<T>(value)
-
-  useEffect(() => {
-    ref.current = value
-  }, [value])
-
-  return ref.current
+  return <ChatContext.Provider value={contextValue}>{children}</ChatContext.Provider>
 }
 
-interface CreateChatThemeProps {
+export interface CreateChatThemeProps {
   theme?: DeepPartial<DefaultTheme>
   colorScheme?: ColorSchemeName
 }
@@ -96,19 +66,16 @@ interface CreateChatThemeProps {
 export const useCreateChatTheme = ({
   theme: customTheme = {},
   colorScheme: appColorScheme,
-}: CreateChatThemeProps) => {
+}: CreateChatThemeProps): ChatTheme => {
   const internalColorScheme = useColorScheme() || 'light'
   const colorScheme = appColorScheme || internalColorScheme
 
-  const memoizedTheme = useMemo(() => {
-    return {
-      ...merge({}, defaultTheme(colorScheme), customTheme),
-      colors: {
-        ...merge({}, defaultTheme(colorScheme).colors, customTheme?.colors),
-        ...aliasTokensColorMap[colorScheme],
-      },
-    }
-  }, [colorScheme, customTheme])
+  const theme = {
+    ...merge({}, defaultTheme(colorScheme), customTheme),
+    colors: {
+      ...merge({}, defaultTheme(colorScheme).colors, customTheme?.colors),
+    },
+  }
 
-  return memoizedTheme
+  return theme
 }

package/src/navigation/screenLayout.tsx

@@ -3,15 +3,18 @@ import { QueryErrorResetBoundary } from '@tanstack/react-query'
 import ErrorBoundary from '../components/error_boundary'
 import { Suspense } from 'react'
 import { Text } from '../components/display'
+import { ApiProvider } from '../contexts'
 
 export function ScreenLayout({ children }: { children: React.ReactElement }) {
   return (
-    <QueryErrorResetBoundary>
-      {({ reset }) => (
-        <ErrorBoundary onReset={reset}>
-          <Suspense fallback={<Text>loading...</Text>}>{children}</Suspense>
-        </ErrorBoundary>
-      )}
-    </QueryErrorResetBoundary>
+    <ApiProvider>
+      <QueryErrorResetBoundary>
+        {({ reset }) => (
+          <ErrorBoundary onReset={reset}>
+            <Suspense fallback={<Text>loading...</Text>}>{children}</Suspense>
+          </ErrorBoundary>
+        )}
+      </QueryErrorResetBoundary>
+    </ApiProvider>
   )
 }

package/src/utils/theme.ts

@@ -29,11 +29,16 @@ export interface DefaultTheme {
   }
 }
 
-export const defaultTheme = (colorScheme: ColorSchemeName): DefaultTheme => {
+export const defaultTheme = (colorScheme: ColorSchemeName): ChatTheme => {
   const scheme = colorScheme || 'light'
 
+  const defaultColors = {
+    ...chatThemeColorMap[scheme],
+    ...aliasTokensColorMap[scheme],
+  }
+
   return {
-    colors: chatThemeColorMap[scheme],
+    colors: defaultColors,
     temporaryProductBadge: {
       container: {
         paddingHorizontal: tokens.spacing1,