@planningcenter/chat-react-native 2.2.1 → 2.2.2-rc.1

package/build/contexts/chat_context.d.ts

@@ -5,12 +5,13 @@ import { ENV, Session } from '../utils';
 import { ChatTheme, DefaultTheme } from '../utils/theme';
 export type ChatContextValue = {
     token?: OAuthToken;
+    onForceLogout: () => void;
     onTokenExpired: () => void;
     theme: ChatTheme;
     env?: ENV;
     session: Session;
 };
-export interface ChatProviderProps extends Omit<ChatContextValue, 'theme' | 'session'> {
+export interface ChatProviderProps extends Omit<ChatContextValue, 'client' | 'theme' | 'session'> {
     theme: CreateChatThemeProps;
 }
 export declare const ChatContext: React.Context<ChatContextValue>;

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,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,GAAG,EAAE,OAAO,EAAE,MAAM,UAAU,CAAA;AACvC,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,OAAO,EAAE,OAAO,CAAA;CACjB,CAAA;AAED,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,gBAAgB,EAAE,OAAO,GAAG,SAAS,CAAC;IACpF,KAAK,EAAE,oBAAoB,CAAA;CAC5B;AAED,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,qBAc5F;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"}
+{"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,GAAG,EAAE,OAAO,EAAE,MAAM,UAAU,CAAA;AACvC,OAAO,EAAE,SAAS,EAAgB,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAEtE,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,CAAC,EAAE,UAAU,CAAA;IAClB,aAAa,EAAE,MAAM,IAAI,CAAA;IACzB,cAAc,EAAE,MAAM,IAAI,CAAA;IAC1B,KAAK,EAAE,SAAS,CAAA;IAChB,GAAG,CAAC,EAAE,GAAG,CAAA;IACT,OAAO,EAAE,OAAO,CAAA;CACjB,CAAA;AAED,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,gBAAgB,EAAE,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAC;IAC/F,KAAK,EAAE,oBAAoB,CAAA;CAC5B;AAED,eAAO,MAAM,WAAW,iCAOtB,CAAA;AAEF,wBAAgB,YAAY,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE;IAAE,QAAQ,EAAE,GAAG,CAAC;IAAC,KAAK,EAAE,iBAAiB,CAAA;CAAE,qBAe5F;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

@@ -7,17 +7,19 @@ export const ChatContext = createContext({
     theme: defaultTheme('light'),
     token: undefined,
     env: undefined,
+    onForceLogout: () => { },
     onTokenExpired: () => { },
     session: new Session(),
 });
 export function ChatProvider({ children, value }) {
-    const { env, token, onTokenExpired } = value;
+    const { env, token, onTokenExpired, onForceLogout } = value;
     const theme = useCreateChatTheme(value.theme || {});
     const session = useMemo(() => new Session({ token, env }), [env, token]);
     const contextValue = {
         env,
         token,
         onTokenExpired,
+        onForceLogout,
         session,
         theme,
     };

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,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,EAAO,OAAO,EAAE,MAAM,UAAU,CAAA;AACvC,OAAO,EAAa,YAAY,EAAgB,MAAM,gBAAgB,CAAA;AActE,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,OAAO,EAAE,IAAI,OAAO,EAAE;CACvB,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;IAExE,MAAM,YAAY,GAAqB;QACrC,GAAG;QACH,KAAK;QACL,cAAc;QACd,OAAO;QACP,KAAK;KACN,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 { 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  session: Session\n}\n\nexport interface ChatProviderProps extends Omit<ChatContextValue, 'theme' | 'session'> {\n  theme: CreateChatThemeProps\n}\n\nexport const ChatContext = createContext<ChatContextValue>({\n  theme: defaultTheme('light'),\n  token: undefined,\n  env: undefined,\n  onTokenExpired: () => {},\n  session: new Session(),\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\n  const contextValue: ChatContextValue = {\n    env,\n    token,\n    onTokenExpired,\n    session,\n    theme,\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"]}
+{"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,EAAO,OAAO,EAAE,MAAM,UAAU,CAAA;AACvC,OAAO,EAAa,YAAY,EAAgB,MAAM,gBAAgB,CAAA;AAetE,MAAM,CAAC,MAAM,WAAW,GAAG,aAAa,CAAmB;IACzD,KAAK,EAAE,YAAY,CAAC,OAAO,CAAC;IAC5B,KAAK,EAAE,SAAS;IAChB,GAAG,EAAE,SAAS;IACd,aAAa,EAAE,GAAG,EAAE,GAAE,CAAC;IACvB,cAAc,EAAE,GAAG,EAAE,GAAE,CAAC;IACxB,OAAO,EAAE,IAAI,OAAO,EAAE;CACvB,CAAC,CAAA;AAEF,MAAM,UAAU,YAAY,CAAC,EAAE,QAAQ,EAAE,KAAK,EAA+C;IAC3F,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,cAAc,EAAE,aAAa,EAAE,GAAG,KAAK,CAAA;IAC3D,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;IAExE,MAAM,YAAY,GAAqB;QACrC,GAAG;QACH,KAAK;QACL,cAAc;QACd,aAAa;QACb,OAAO;QACP,KAAK;KACN,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 { ENV, Session } from '../utils'\nimport { ChatTheme, defaultTheme, DefaultTheme } from '../utils/theme'\n\nexport type ChatContextValue = {\n  token?: OAuthToken\n  onForceLogout: () => void\n  onTokenExpired: () => void\n  theme: ChatTheme\n  env?: ENV\n  session: Session\n}\n\nexport interface ChatProviderProps extends Omit<ChatContextValue, 'client' | 'theme' | 'session'> {\n  theme: CreateChatThemeProps\n}\n\nexport const ChatContext = createContext<ChatContextValue>({\n  theme: defaultTheme('light'),\n  token: undefined,\n  env: undefined,\n  onForceLogout: () => {},\n  onTokenExpired: () => {},\n  session: new Session(),\n})\n\nexport function ChatProvider({ children, value }: { children: any; value: ChatProviderProps }) {\n  const { env, token, onTokenExpired, onForceLogout } = value\n  const theme = useCreateChatTheme(value.theme || {})\n  const session = useMemo(() => new Session({ token, env }), [env, token])\n\n  const contextValue: ChatContextValue = {\n    env,\n    token,\n    onTokenExpired,\n    onForceLogout,\n    session,\n    theme,\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/screens/conversation_details_screen.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"conversation_details_screen.d.ts","sourceRoot":"","sources":["../../src/screens/conversation_details_screen.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,iBAAiB,EAGlB,MAAM,0BAA0B,CAAA;AACjC,OAAO,KAA8D,MAAM,OAAO,CAAA;AAalF,MAAM,MAAM,8BAA8B,GAAG,iBAAiB,CAAC;IAC7D,eAAe,EAAE,MAAM,CAAA;CACxB,CAAC,CAAA;AAEF,wBAAgB,yBAAyB,CAAC,EAAE,KAAK,EAAE,EAAE,8BAA8B,qBAwFlF"}
+{"version":3,"file":"conversation_details_screen.d.ts","sourceRoot":"","sources":["../../src/screens/conversation_details_screen.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAiB,MAAM,0BAA0B,CAAA;AAC3E,OAAO,KAON,MAAM,OAAO,CAAA;AAmDd,MAAM,MAAM,8BAA8B,GAAG,iBAAiB,CAAC;IAC7D,eAAe,EAAE,MAAM,CAAA;CACxB,CAAC,CAAA;AAEF,wBAAgB,yBAAyB,CAAC,EAAE,KAAK,EAAE,EAAE,8BAA8B,qBAqHlF"}

package/build/screens/conversation_details_screen.js

@@ -1,16 +1,32 @@
-import { useNavigation, useTheme as useNavigationTheme, } from '@react-navigation/native';
-import React, { useCallback, useEffect, useState } from 'react';
-import { FlatList, StyleSheet, TextInput, View } from 'react-native';
-import { useSafeAreaInsets } from 'react-native-safe-area-context';
+import { useNavigation } from '@react-navigation/native';
+import React, { useCallback, useEffect, useState, } from 'react';
+import { StyleSheet, TextInput, View, } from 'react-native';
 import { Avatar, Badge, Heading, Icon, Switch, Text } from '../components';
 import { useSuspenseGet, useTheme } from '../hooks';
 import { useConversation, useConversationMute, useConversationUpdate, } from '../hooks/use_conversation';
+import { isDefined } from '../types';
 import { HeaderRightButton } from '../navigation/header';
+import { FlashList } from '@shopify/flash-list';
+import { space } from '../utils';
+// =========================================
+// ====== Factory Constants & Types ========
+// =========================================
+var SectionTypes;
+(function (SectionTypes) {
+    SectionTypes[SectionTypes["header"] = 0] = "header";
+    SectionTypes[SectionTypes["hidden"] = 1] = "hidden";
+    SectionTypes[SectionTypes["members"] = 2] = "members";
+    SectionTypes[SectionTypes["setting"] = 3] = "setting";
+    SectionTypes[SectionTypes["view"] = 4] = "view";
+})(SectionTypes || (SectionTypes = {}));
 export function ConversationDetailsScreen({ route }) {
-    const styles = useStyles();
     const navigation = useNavigation();
+    const styles = useStyles();
     const { data: conversation } = useConversation(route.params);
-    const canUpdate = conversation.memberAbility?.canUpdate;
+    const [title, setTitle] = useState(conversation.title);
+    const { muted, setMuted } = useConversationMute(route.params);
+    const { mutate: saveTitle } = useConversationUpdate(route.params);
+    const canUpdate = conversation.memberAbility?.canUpdate || false;
     const { data: members } = useSuspenseGet({
         url: `/me/conversations/${route.params.conversation_id}/members`,
         data: {
@@ -20,9 +36,10 @@ export function ConversationDetailsScreen({ route }) {
             },
         },
     });
-    const { muted, setMuted } = useConversationMute(route.params);
-    const { mutate: saveTitle } = useConversationUpdate(route.params);
-    const [title, setTitle] = useState(conversation.title);
+    const memberItems = members.map(data => ({
+        type: SectionTypes.members,
+        data,
+    }));
     const HeaderRight = useCallback(() => {
         return (<HeaderRightButton onPress={() => {
                 saveTitle({ title });
@@ -36,120 +53,180 @@ export function ConversationDetailsScreen({ route }) {
             headerRight: HeaderRight,
         });
     }, [HeaderRight, navigation]);
-    return (<View style={styles.container}>
-      <SectionList>
-        <View style={styles.titleContainer}>
-          <View style={[styles.titleLabelContainer, !canUpdate && styles.titleInputDisabled]}>
-            <Text variant="tertiary">Title</Text>
-            {!canUpdate && <Icon name="general.lock"/>}
-          </View>
-          <TextInput editable={canUpdate} onChangeText={setTitle} style={[styles.titleInput, !canUpdate && styles.titleInputDisabled]} value={title}/>
-        </View>
-      </SectionList>
-      <SectionList>
-        <SectionListHeader>Settings</SectionListHeader>
-        <View style={styles.muteContainer}>
-          <Text variant="plain" style={styles.muteText}>
-            Mute
-          </Text>
-          <Switch value={muted} onChange={() => setMuted(!muted)}/>
+    const listData = [
+        {
+            type: SectionTypes.view,
+            data: {
+                children: <TitleInput canUpdate={canUpdate} title={title} setTitle={setTitle}/>,
+                style: styles.titleContainer,
+            },
+        },
+        {
+            type: SectionTypes.header,
+            data: { title: 'Settings' },
+            sectionStyle: styles.addBottomBorder,
+        },
+        {
+            type: SectionTypes.setting,
+            data: {
+                title: 'Mute',
+                rightItem: <Switch value={muted} onChange={() => setMuted(!muted)}/>,
+            },
+        },
+        {
+            type: SectionTypes.header,
+            data: { title: 'Members' },
+        },
+        ...memberItems,
+    ].filter(item => item.type !== SectionTypes.hidden);
+    const headerIndices = listData
+        .map(({ type }, index) => (type === SectionTypes.header ? index : undefined))
+        .filter(isDefined);
+    return (<FlashList data={listData} estimatedItemSize={52} contentContainerStyle={styles.contentContainer} renderItem={({ item, index }) => {
+            const [isStart, isEnd] = [
+                index === 0 || headerIndices.includes(index),
+                index === listData.length - 1 || headerIndices.includes(index + 1),
+            ];
+            switch (item.type) {
+                case SectionTypes.header:
+                    return (<ListSection isStart={isStart} isEnd={isEnd} style={item?.sectionStyle}>
+                <SectionHeading title={item.data.title}/>
+              </ListSection>);
+                case SectionTypes.members:
+                    return (<ListSection isStart={isStart} isEnd={isEnd} style={item?.sectionStyle}>
+                <MemberRow {...item.data}/>
+              </ListSection>);
+                case SectionTypes.setting:
+                    return (<ListSection isStart={isStart} isEnd={isEnd} style={item?.sectionStyle}>
+                <SettingRow {...item.data}/>
+              </ListSection>);
+                case SectionTypes.view:
+                    return (<ListSection isStart={isStart} isEnd={isEnd} style={item?.sectionStyle}>
+                <View {...item.data} style={item.data.style}/>
+              </ListSection>);
+                default:
+                    return null;
+            }
+        }}/>);
+}
+function ListSection({ isStart, isEnd, style, children }) {
+    const styles = useStyles({ isStart, isEnd });
+    return (<View style={styles.sectionOuter}>
+      <View style={[styles.sectionInner, style]}>{children}</View>
+    </View>);
+}
+function SectionHeading({ title }) {
+    const styles = useStyles();
+    return (<View style={styles.header}>
+      <Heading variant="h3">{title}</Heading>
+    </View>);
+}
+function TitleInput({ canUpdate, title, setTitle }) {
+    const styles = useStyles();
+    return (<>
+      <View style={[styles.titleLabelContainer, !canUpdate && styles.titleInputDisabled]}>
+        <Text variant="tertiary">Title</Text>
+        {!canUpdate && <Icon name="general.lock"/>}
+      </View>
+      <TextInput editable={canUpdate} onChangeText={setTitle} style={[styles.titleInput, !canUpdate && styles.titleInputDisabled]} value={title}/>
+    </>);
+}
+function SettingRow({ title, style, titleStyle = {}, subtitle, rightItem, rightItemStyle = {}, }) {
+    const styles = useStyles();
+    return (<View style={[styles.settingRow, style]}>
+      <View style={styles.settingRowContent}>
+        <Text variant="plain" style={[styles.settingRowText, titleStyle]}>
+          {title}
+        </Text>
+        {Boolean(subtitle) && <Text variant="footnote">{subtitle}</Text>}
+      </View>
+      {Boolean(rightItem) && <View style={rightItemStyle}>{rightItem}</View>}
+    </View>);
+}
+function MemberRow({ avatar, name, style, badges }) {
+    const styles = useStyles();
+    return (<View style={[styles.member, style]}>
+      <Avatar sourceUri={avatar}/>
+      <View style={styles.memberBody}>
+        <Text style={styles.memberName}>{name}</Text>
+        <View style={styles.memberBadges}>
+          {badges?.map((badge, index) => (<View key={index} style={styles.memberBadge}>
+              <Badge label={badge.title}/>
+            </View>))}
         </View>
-      </SectionList>
-      <SectionList>
-        <SectionListHeader divider={false}>Members</SectionListHeader>
-        <FlatList data={members} renderItem={({ item }) => (<View style={styles.member}>
-              <Avatar sourceUri={item.avatar}/>
-              <View style={styles.memberBody}>
-                <Text style={styles.memberName}>{item.name}</Text>
-                <View style={styles.memberBadges}>
-                  {item.badges?.map((badge, index) => (<View key={index} style={styles.memberBadge}>
-                      <Badge label={badge.title}/>
-                    </View>))}
-                </View>
-              </View>
-            </View>)} keyExtractor={item => item.id} contentContainerStyle={styles.listContainer}/>
-      </SectionList>
+      </View>
     </View>);
 }
-const useStyles = () => {
-    const theme = useTheme();
-    const { bottom } = useSafeAreaInsets();
+// =================================
+// ====== Styles ===================
+// =================================
+const useStyles = ({ isStart, isEnd } = {}) => {
+    const { colors } = useTheme();
     return StyleSheet.create({
-        container: {
-            flex: 1,
-            paddingTop: 16,
-            paddingHorizontal: 16,
-            backgroundColor: theme.colors.fillColorNeutral080,
-            paddingBottom: bottom,
-            gap: 16,
-        },
-        listContainer: {
-            gap: 12,
+        contentContainer: {
+            backgroundColor: colors.fillColorNeutral080,
+            padding: space(2),
         },
-        member: {
-            flexDirection: 'row',
-            gap: 8,
+        sectionOuter: {
+            paddingTop: space(1),
+            paddingLeft: space(2),
+            backgroundColor: colors.fillColorNeutral100Inverted,
+            borderTopLeftRadius: isStart ? space(1) : 0,
+            borderTopRightRadius: isStart ? space(1) : 0,
+            borderBottomLeftRadius: isEnd ? space(1) : 0,
+            borderBottomRightRadius: isEnd ? space(1) : 0,
+            marginBottom: isEnd ? space(2) : 0,
         },
-        memberBody: {
-            gap: 4,
+        sectionInner: {
+            borderBottomWidth: 0,
+            borderBottomColor: colors.borderColorDefaultBase,
+            paddingRight: space(2),
+            paddingBottom: space(1),
         },
-        memberName: {
-            lineHeight: 16,
+        addBottomBorder: {
+            borderBottomWidth: isEnd ? 0 : 1,
         },
-        memberBadges: {
+        titleContainer: {},
+        titleLabel: {},
+        titleLabelContainer: {
             flexDirection: 'row',
+            alignItems: 'center',
             gap: 8,
         },
-        memberBadge: {},
-        muteContainer: {
+        titleInput: {
+            color: colors.textColorDefaultPrimary,
+        },
+        titleInputDisabled: { opacity: 0.7 },
+        header: {
+            paddingVertical: space(1.5),
+        },
+        settingRow: {
             flexDirection: 'row',
             justifyContent: 'space-between',
             alignItems: 'center',
+            gap: space(1),
+        },
+        settingRowContent: {
+            flex: 1,
         },
-        muteText: {
+        settingRowText: {
             lineHeight: 20,
         },
-        titleContainer: {},
-        titleLabel: {},
-        titleLabelContainer: {
+        member: {
             flexDirection: 'row',
-            alignItems: 'center',
-            gap: 8,
-        },
-        titleInput: {
-            color: theme.colors.textColorDefaultPrimary,
+            gap: space(1),
         },
-        titleInputDisabled: { opacity: 0.7 },
-    });
-};
-const SectionList = ({ children }) => {
-    const styles = useSectionListStyles();
-    return <View style={styles.container}>{children}</View>;
-};
-const SectionListHeader = ({ children, divider = true, }) => {
-    const styles = useSectionListStyles();
-    return (<Heading variant="h3" style={[styles.heading, divider && styles.headingDivider]}>
-      {children}
-    </Heading>);
-};
-const useSectionListStyles = () => {
-    const theme = useTheme();
-    const navigationTheme = useNavigationTheme();
-    return StyleSheet.create({
-        container: {
-            padding: 16,
-            backgroundColor: navigationTheme.colors.card,
-            borderRadius: 8,
-            flexDirection: 'column',
-            gap: 8,
+        memberBody: {
+            gap: space(0.5),
         },
-        heading: {
-            paddingBottom: 12,
+        memberName: {
+            lineHeight: space(2),
         },
-        headingDivider: {
-            borderBottomWidth: 1,
-            borderBottomColor: theme.colors.fillColorNeutral050Base,
+        memberBadges: {
+            flexDirection: 'row',
+            gap: space(1),
         },
+        memberBadge: {},
     });
 };
 //# sourceMappingURL=conversation_details_screen.js.map

package/build/screens/conversation_details_screen.js.map

@@ -1 +1 @@
-{"version":3,"file":"conversation_details_screen.js","sourceRoot":"","sources":["../../src/screens/conversation_details_screen.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  StaticScreenProps,\n  useNavigation,\n  useTheme as useNavigationTheme,\n} from '@react-navigation/native'\nimport React, { PropsWithChildren, useCallback, useEffect, useState } from 'react'\nimport { FlatList, StyleSheet, TextInput, View } from 'react-native'\nimport { useSafeAreaInsets } from 'react-native-safe-area-context'\nimport { Avatar, Badge, Heading, Icon, Switch, Text } from '../components'\nimport { useSuspenseGet, useTheme } from '../hooks'\nimport {\n  useConversation,\n  useConversationMute,\n  useConversationUpdate,\n} from '../hooks/use_conversation'\nimport { MemberResource } from '../types'\nimport { HeaderRightButton } from '../navigation/header'\n\nexport type ConversationDetailsScreenProps = StaticScreenProps<{\n  conversation_id: string\n}>\n\nexport function ConversationDetailsScreen({ route }: ConversationDetailsScreenProps) {\n  const styles = useStyles()\n  const navigation = useNavigation()\n  const { data: conversation } = useConversation(route.params)\n  const canUpdate = conversation.memberAbility?.canUpdate\n\n  const { data: members } = useSuspenseGet<MemberResource[]>({\n    url: `/me/conversations/${route.params.conversation_id}/members`,\n    data: {\n      include: ['person'],\n      fields: {\n        Member: ['avatar', 'name', 'first_name', 'last_name', 'child', 'badges'],\n      },\n    },\n  })\n\n  const { muted, setMuted } = useConversationMute(route.params)\n  const { mutate: saveTitle } = useConversationUpdate(route.params)\n  const [title, setTitle] = useState(conversation.title)\n  const HeaderRight = useCallback(() => {\n    return (\n      <HeaderRightButton\n        onPress={() => {\n          saveTitle({ title })\n          navigation.goBack()\n        }}\n      >\n        Done\n      </HeaderRightButton>\n    )\n  }, [navigation, saveTitle, title])\n\n  useEffect(() => {\n    navigation.setOptions({\n      headerRight: HeaderRight,\n    })\n  }, [HeaderRight, navigation])\n\n  return (\n    <View style={styles.container}>\n      <SectionList>\n        <View style={styles.titleContainer}>\n          <View style={[styles.titleLabelContainer, !canUpdate && styles.titleInputDisabled]}>\n            <Text variant=\"tertiary\">Title</Text>\n            {!canUpdate && <Icon name=\"general.lock\" />}\n          </View>\n          <TextInput\n            editable={canUpdate}\n            onChangeText={setTitle}\n            style={[styles.titleInput, !canUpdate && styles.titleInputDisabled]}\n            value={title}\n          />\n        </View>\n      </SectionList>\n      <SectionList>\n        <SectionListHeader>Settings</SectionListHeader>\n        <View style={styles.muteContainer}>\n          <Text variant=\"plain\" style={styles.muteText}>\n            Mute\n          </Text>\n          <Switch value={muted} onChange={() => setMuted(!muted)} />\n        </View>\n      </SectionList>\n      <SectionList>\n        <SectionListHeader divider={false}>Members</SectionListHeader>\n        <FlatList\n          data={members}\n          renderItem={({ item }) => (\n            <View style={styles.member}>\n              <Avatar sourceUri={item.avatar} />\n              <View style={styles.memberBody}>\n                <Text style={styles.memberName}>{item.name}</Text>\n                <View style={styles.memberBadges}>\n                  {item.badges?.map((badge, index) => (\n                    <View key={index} style={styles.memberBadge}>\n                      <Badge label={badge.title} />\n                    </View>\n                  ))}\n                </View>\n              </View>\n            </View>\n          )}\n          keyExtractor={item => item.id}\n          contentContainerStyle={styles.listContainer}\n        />\n      </SectionList>\n    </View>\n  )\n}\n\nconst useStyles = () => {\n  const theme = useTheme()\n  const { bottom } = useSafeAreaInsets()\n\n  return StyleSheet.create({\n    container: {\n      flex: 1,\n      paddingTop: 16,\n      paddingHorizontal: 16,\n      backgroundColor: theme.colors.fillColorNeutral080,\n      paddingBottom: bottom,\n      gap: 16,\n    },\n    listContainer: {\n      gap: 12,\n    },\n    member: {\n      flexDirection: 'row',\n      gap: 8,\n    },\n    memberBody: {\n      gap: 4,\n    },\n    memberName: {\n      lineHeight: 16,\n    },\n    memberBadges: {\n      flexDirection: 'row',\n      gap: 8,\n    },\n    memberBadge: {},\n    muteContainer: {\n      flexDirection: 'row',\n      justifyContent: 'space-between',\n      alignItems: 'center',\n    },\n    muteText: {\n      lineHeight: 20,\n    },\n    titleContainer: {},\n    titleLabel: {},\n    titleLabelContainer: {\n      flexDirection: 'row',\n      alignItems: 'center',\n      gap: 8,\n    },\n    titleInput: {\n      color: theme.colors.textColorDefaultPrimary,\n    },\n    titleInputDisabled: { opacity: 0.7 },\n  })\n}\n\nconst SectionList = ({ children }: PropsWithChildren) => {\n  const styles = useSectionListStyles()\n\n  return <View style={styles.container}>{children}</View>\n}\n\nconst SectionListHeader = ({\n  children,\n  divider = true,\n}: PropsWithChildren & { divider?: boolean }) => {\n  const styles = useSectionListStyles()\n\n  return (\n    <Heading variant=\"h3\" style={[styles.heading, divider && styles.headingDivider]}>\n      {children}\n    </Heading>\n  )\n}\n\nconst useSectionListStyles = () => {\n  const theme = useTheme()\n  const navigationTheme = useNavigationTheme()\n\n  return StyleSheet.create({\n    container: {\n      padding: 16,\n      backgroundColor: navigationTheme.colors.card,\n      borderRadius: 8,\n      flexDirection: 'column',\n      gap: 8,\n    },\n    heading: {\n      paddingBottom: 12,\n    },\n    headingDivider: {\n      borderBottomWidth: 1,\n      borderBottomColor: theme.colors.fillColorNeutral050Base,\n    },\n  })\n}\n"]}
+{"version":3,"file":"conversation_details_screen.js","sourceRoot":"","sources":["../../src/screens/conversation_details_screen.tsx"],"names":[],"mappings":"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","sourcesContent":["import { StaticScreenProps, useNavigation } from '@react-navigation/native'\nimport React, {\n  useCallback,\n  useEffect,\n  useState,\n  type SetStateAction,\n  type Dispatch,\n  type ReactNode,\n} from 'react'\nimport {\n  StyleSheet,\n  TextInput,\n  View,\n  type TextStyle,\n  type ViewStyle,\n  type ViewProps,\n} from 'react-native'\nimport { Avatar, Badge, Heading, Icon, Switch, Text } from '../components'\nimport { useSuspenseGet, useTheme } from '../hooks'\nimport {\n  useConversation,\n  useConversationMute,\n  useConversationUpdate,\n} from '../hooks/use_conversation'\nimport { MemberBadge, MemberResource, isDefined } from '../types'\nimport { HeaderRightButton } from '../navigation/header'\nimport { FlashList } from '@shopify/flash-list'\nimport { space } from '../utils'\n\n// =========================================\n// ====== Factory Constants & Types ========\n// =========================================\n\nenum SectionTypes {\n  header,\n  hidden,\n  members,\n  setting,\n  view,\n}\n\ntype SectionListData = Array<\n  | DataItem<{ title: string }, SectionTypes.header>\n  | DataItem<MemberResource, SectionTypes.members>\n  | DataItem<ViewProps, SectionTypes.view>\n  | DataItem<{ title: string }, SectionTypes.setting>\n  | DataItem<any, SectionTypes.hidden>\n>\n\ninterface DataItem<T, TName extends SectionTypes> {\n  type: TName\n  data: T\n  sectionStyle?: ViewStyle\n}\n\n// =================================\n// ====== Components ===============\n// =================================\n\nexport type ConversationDetailsScreenProps = StaticScreenProps<{\n  conversation_id: string\n}>\n\nexport function ConversationDetailsScreen({ route }: ConversationDetailsScreenProps) {\n  const navigation = useNavigation()\n  const styles = useStyles()\n\n  const { data: conversation } = useConversation(route.params)\n  const [title, setTitle] = useState(conversation.title)\n  const { muted, setMuted } = useConversationMute(route.params)\n  const { mutate: saveTitle } = useConversationUpdate(route.params)\n\n  const canUpdate = conversation.memberAbility?.canUpdate || false\n  const { data: members } = useSuspenseGet<MemberResource[]>({\n    url: `/me/conversations/${route.params.conversation_id}/members`,\n    data: {\n      include: ['person'],\n      fields: {\n        Member: ['avatar', 'name', 'first_name', 'last_name', 'child', 'badges'],\n      },\n    },\n  })\n\n  const memberItems = members.map(data => ({\n    type: SectionTypes.members,\n    data,\n  }))\n\n  const HeaderRight = useCallback(() => {\n    return (\n      <HeaderRightButton\n        onPress={() => {\n          saveTitle({ title })\n          navigation.goBack()\n        }}\n      >\n        Done\n      </HeaderRightButton>\n    )\n  }, [navigation, saveTitle, title])\n\n  useEffect(() => {\n    navigation.setOptions({\n      headerRight: HeaderRight,\n    })\n  }, [HeaderRight, navigation])\n\n  const listData = [\n    {\n      type: SectionTypes.view,\n      data: {\n        children: <TitleInput canUpdate={canUpdate} title={title} setTitle={setTitle} />,\n        style: styles.titleContainer,\n      },\n    },\n    {\n      type: SectionTypes.header,\n      data: { title: 'Settings' },\n      sectionStyle: styles.addBottomBorder,\n    },\n    {\n      type: SectionTypes.setting,\n      data: {\n        title: 'Mute',\n        rightItem: <Switch value={muted} onChange={() => setMuted(!muted)} />,\n      },\n    },\n    {\n      type: SectionTypes.header,\n      data: { title: 'Members' },\n    },\n    ...memberItems,\n  ].filter(item => item.type !== SectionTypes.hidden)\n\n  const headerIndices = listData\n    .map(({ type }, index) => (type === SectionTypes.header ? index : undefined))\n    .filter(isDefined)\n\n  return (\n    <FlashList\n      data={listData as SectionListData}\n      estimatedItemSize={52}\n      contentContainerStyle={styles.contentContainer}\n      renderItem={({ item, index }) => {\n        const [isStart, isEnd] = [\n          index === 0 || headerIndices.includes(index),\n          index === listData.length - 1 || headerIndices.includes(index + 1),\n        ]\n\n        switch (item.type) {\n          case SectionTypes.header:\n            return (\n              <ListSection isStart={isStart} isEnd={isEnd} style={item?.sectionStyle}>\n                <SectionHeading title={item.data.title} />\n              </ListSection>\n            )\n          case SectionTypes.members:\n            return (\n              <ListSection isStart={isStart} isEnd={isEnd} style={item?.sectionStyle}>\n                <MemberRow {...item.data} />\n              </ListSection>\n            )\n          case SectionTypes.setting:\n            return (\n              <ListSection isStart={isStart} isEnd={isEnd} style={item?.sectionStyle}>\n                <SettingRow {...item.data} />\n              </ListSection>\n            )\n          case SectionTypes.view:\n            return (\n              <ListSection isStart={isStart} isEnd={isEnd} style={item?.sectionStyle}>\n                <View {...item.data} style={item.data.style} />\n              </ListSection>\n            )\n          default:\n            return null\n        }\n      }}\n    />\n  )\n}\n\ninterface ListSectionProps {\n  isStart?: boolean\n  isEnd?: boolean\n  style?: ViewStyle\n  children: ReactNode\n}\n\nfunction ListSection({ isStart, isEnd, style, children }: ListSectionProps) {\n  const styles = useStyles({ isStart, isEnd })\n\n  return (\n    <View style={styles.sectionOuter}>\n      <View style={[styles.sectionInner, style]}>{children}</View>\n    </View>\n  )\n}\n\ninterface SectionHeadingProps {\n  title: string\n}\n\nfunction SectionHeading({ title }: SectionHeadingProps) {\n  const styles = useStyles()\n\n  return (\n    <View style={styles.header}>\n      <Heading variant=\"h3\">{title}</Heading>\n    </View>\n  )\n}\n\ninterface InputProps {\n  canUpdate: boolean\n  title: string\n  setTitle: Dispatch<SetStateAction<string>>\n}\n\nfunction TitleInput({ canUpdate, title, setTitle }: InputProps) {\n  const styles = useStyles()\n  return (\n    <>\n      <View style={[styles.titleLabelContainer, !canUpdate && styles.titleInputDisabled]}>\n        <Text variant=\"tertiary\">Title</Text>\n        {!canUpdate && <Icon name=\"general.lock\" />}\n      </View>\n      <TextInput\n        editable={canUpdate}\n        onChangeText={setTitle}\n        style={[styles.titleInput, !canUpdate && styles.titleInputDisabled]}\n        value={title}\n      />\n    </>\n  )\n}\n\ninterface SettingRowProps {\n  title: string\n  style?: ViewStyle\n  rightItem?: ReactNode\n  titleStyle?: TextStyle\n  subtitle?: string\n  rightItemStyle?: ViewStyle\n}\n\nfunction SettingRow({\n  title,\n  style,\n  titleStyle = {},\n  subtitle,\n  rightItem,\n  rightItemStyle = {},\n}: SettingRowProps) {\n  const styles = useStyles()\n\n  return (\n    <View style={[styles.settingRow, style]}>\n      <View style={styles.settingRowContent}>\n        <Text variant=\"plain\" style={[styles.settingRowText, titleStyle]}>\n          {title}\n        </Text>\n        {Boolean(subtitle) && <Text variant=\"footnote\">{subtitle}</Text>}\n      </View>\n      {Boolean(rightItem) && <View style={rightItemStyle}>{rightItem}</View>}\n    </View>\n  )\n}\n\ninterface MemberRowProps {\n  avatar: string\n  name: string\n  style?: ViewStyle\n  badges?: MemberBadge[]\n}\n\nfunction MemberRow({ avatar, name, style, badges }: MemberRowProps) {\n  const styles = useStyles()\n\n  return (\n    <View style={[styles.member, style]}>\n      <Avatar sourceUri={avatar} />\n      <View style={styles.memberBody}>\n        <Text style={styles.memberName}>{name}</Text>\n        <View style={styles.memberBadges}>\n          {badges?.map((badge, index) => (\n            <View key={index} style={styles.memberBadge}>\n              <Badge label={badge.title} />\n            </View>\n          ))}\n        </View>\n      </View>\n    </View>\n  )\n}\n\n// =================================\n// ====== Styles ===================\n// =================================\n\nconst useStyles = ({ isStart, isEnd }: { isStart?: boolean; isEnd?: boolean } = {}) => {\n  const { colors } = useTheme()\n\n  return StyleSheet.create({\n    contentContainer: {\n      backgroundColor: colors.fillColorNeutral080,\n      padding: space(2),\n    },\n    sectionOuter: {\n      paddingTop: space(1),\n      paddingLeft: space(2),\n      backgroundColor: colors.fillColorNeutral100Inverted,\n      borderTopLeftRadius: isStart ? space(1) : 0,\n      borderTopRightRadius: isStart ? space(1) : 0,\n      borderBottomLeftRadius: isEnd ? space(1) : 0,\n      borderBottomRightRadius: isEnd ? space(1) : 0,\n      marginBottom: isEnd ? space(2) : 0,\n    },\n    sectionInner: {\n      borderBottomWidth: 0,\n      borderBottomColor: colors.borderColorDefaultBase,\n      paddingRight: space(2),\n      paddingBottom: space(1),\n    },\n    addBottomBorder: {\n      borderBottomWidth: isEnd ? 0 : 1,\n    },\n    titleContainer: {},\n    titleLabel: {},\n    titleLabelContainer: {\n      flexDirection: 'row',\n      alignItems: 'center',\n      gap: 8,\n    },\n    titleInput: {\n      color: colors.textColorDefaultPrimary,\n    },\n    titleInputDisabled: { opacity: 0.7 },\n    header: {\n      paddingVertical: space(1.5),\n    },\n    settingRow: {\n      flexDirection: 'row',\n      justifyContent: 'space-between',\n      alignItems: 'center',\n      gap: space(1),\n    },\n    settingRowContent: {\n      flex: 1,\n    },\n    settingRowText: {\n      lineHeight: 20,\n    },\n    member: {\n      flexDirection: 'row',\n      gap: space(1),\n    },\n    memberBody: {\n      gap: space(0.5),\n    },\n    memberName: {\n      lineHeight: space(2),\n    },\n    memberBadges: {\n      flexDirection: 'row',\n      gap: space(1),\n    },\n    memberBadge: {},\n  })\n}\n"]}

package/build/types/api_primitives.d.ts

@@ -2,6 +2,18 @@ export interface ResourceObject {
     id: string;
     type: string;
 }
+export interface ErrorObject {
+    source?: {
+        parameter: string;
+    };
+    detail: string;
+    meta?: {
+        associated_resources: any[];
+        resource: string;
+    };
+    title: string;
+    status: string;
+}
 export type ApiResource<Type = ResourceObject> = {
     data: Type;
     links: Record<string, string>;
@@ -12,6 +24,9 @@ export type ApiCollection<Type = ResourceObject> = {
     links: Record<string, string>;
     meta: CollectionMeta;
 };
+export interface ApiError {
+    errors: ErrorObject[];
+}
 export interface CollectionMeta {
     count: number;
     totalCount: number;

package/build/types/api_primitives.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"api_primitives.d.ts","sourceRoot":"","sources":["../../src/types/api_primitives.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,cAAc;IAC7B,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;CACb;AAED,MAAM,MAAM,WAAW,CAAC,IAAI,GAAG,cAAc,IAAI;IAC/C,IAAI,EAAE,IAAI,CAAA;IACV,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IAC7B,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;CAC9B,CAAA;AAED,MAAM,MAAM,aAAa,CAAC,IAAI,GAAG,cAAc,IAAI;IACjD,IAAI,EAAE,IAAI,EAAE,CAAA;IACZ,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IAC7B,IAAI,EAAE,cAAc,CAAA;CACrB,CAAA;AAED,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAA;IACb,UAAU,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IAC9B,MAAM,CAAC,EAAE,cAAc,CAAA;IACvB,CAAC,aAAa,EAAE,MAAM,GAAG,OAAO,CAAA;CACjC"}
+{"version":3,"file":"api_primitives.d.ts","sourceRoot":"","sources":["../../src/types/api_primitives.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,cAAc;IAC7B,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;CACb;AAED,MAAM,WAAW,WAAW;IAC1B,MAAM,CAAC,EAAE;QAAE,SAAS,EAAE,MAAM,CAAA;KAAE,CAAA;IAC9B,MAAM,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE;QAAE,oBAAoB,EAAE,GAAG,EAAE,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAE,CAAA;IACxD,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;CACf;AAED,MAAM,MAAM,WAAW,CAAC,IAAI,GAAG,cAAc,IAAI;IAC/C,IAAI,EAAE,IAAI,CAAA;IACV,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IAC7B,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;CAC9B,CAAA;AAED,MAAM,MAAM,aAAa,CAAC,IAAI,GAAG,cAAc,IAAI;IACjD,IAAI,EAAE,IAAI,EAAE,CAAA;IACZ,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IAC7B,IAAI,EAAE,cAAc,CAAA;CACrB,CAAA;AAED,MAAM,WAAW,QAAQ;IACvB,MAAM,EAAE,WAAW,EAAE,CAAA;CACtB;AAED,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAA;IACb,UAAU,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IAC9B,MAAM,CAAC,EAAE,cAAc,CAAA;IACvB,CAAC,aAAa,EAAE,MAAM,GAAG,OAAO,CAAA;CACjC"}

package/build/types/api_primitives.js.map

@@ -1 +1 @@
-{"version":3,"file":"api_primitives.js","sourceRoot":"","sources":["../../src/types/api_primitives.ts"],"names":[],"mappings":"","sourcesContent":["export interface ResourceObject {\n  id: string\n  type: string\n}\n\nexport type ApiResource<Type = ResourceObject> = {\n  data: Type\n  links: Record<string, string>\n  meta: Record<string, unknown>\n}\n\nexport type ApiCollection<Type = ResourceObject> = {\n  data: Type[]\n  links: Record<string, string>\n  meta: CollectionMeta\n}\n\nexport interface CollectionMeta {\n  count: number\n  totalCount: number\n  next?: Record<string, unknown>\n  parent?: ResourceObject\n  [attributeName: string]: unknown\n}\n"]}
+{"version":3,"file":"api_primitives.js","sourceRoot":"","sources":["../../src/types/api_primitives.ts"],"names":[],"mappings":"","sourcesContent":["export interface ResourceObject {\n  id: string\n  type: string\n}\n\nexport interface ErrorObject {\n  source?: { parameter: string }\n  detail: string\n  meta?: { associated_resources: any[]; resource: string }\n  title: string\n  status: string\n}\n\nexport type ApiResource<Type = ResourceObject> = {\n  data: Type\n  links: Record<string, string>\n  meta: Record<string, unknown>\n}\n\nexport type ApiCollection<Type = ResourceObject> = {\n  data: Type[]\n  links: Record<string, string>\n  meta: CollectionMeta\n}\n\nexport interface ApiError {\n  errors: ErrorObject[]\n}\n\nexport interface CollectionMeta {\n  count: number\n  totalCount: number\n  next?: Record<string, unknown>\n  parent?: ResourceObject\n  [attributeName: string]: unknown\n}\n"]}

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

@@ -1,4 +1,5 @@
 export type DeepPartial<T> = {
     [P in keyof T]?: DeepPartial<T[P]>;
 };
+export declare function isDefined<T>(argument: T | undefined): argument is T;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/types/utils/index.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,WAAW,CAAC,CAAC,IAAI;KAC1B,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;CACnC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/types/utils/index.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,WAAW,CAAC,CAAC,IAAI;KAC1B,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;CACnC,CAAA;AAED,wBAAgB,SAAS,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC,GAAG,SAAS,GAAG,QAAQ,IAAI,CAAC,CAEnE"}

package/build/types/utils/index.js

@@ -1,4 +1,6 @@
 // Sets all the properties of of a deeply nested object to optional.
 // Example: `DeepPartial<ChatTheme>`
-export {};
+export function isDefined(argument) {
+    return argument !== undefined;
+}
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/types/utils/index.ts"],"names":[],"mappings":"AAAA,oEAAoE;AACpE,oCAAoC","sourcesContent":["// Sets all the properties of of a deeply nested object to optional.\n// Example: `DeepPartial<ChatTheme>`\n\nexport type DeepPartial<T> = {\n  [P in keyof T]?: DeepPartial<T[P]>\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/types/utils/index.ts"],"names":[],"mappings":"AAAA,oEAAoE;AACpE,oCAAoC;AAMpC,MAAM,UAAU,SAAS,CAAI,QAAuB;IAClD,OAAO,QAAQ,KAAK,SAAS,CAAA;AAC/B,CAAC","sourcesContent":["// Sets all the properties of of a deeply nested object to optional.\n// Example: `DeepPartial<ChatTheme>`\n\nexport type DeepPartial<T> = {\n  [P in keyof T]?: DeepPartial<T[P]>\n}\n\nexport function isDefined<T>(argument: T | undefined): argument is T {\n  return argument !== undefined\n}\n"]}

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

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

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

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