@planningcenter/chat-react-native 3.2.0-rc.2 → 3.2.0-rc.21

package/src/utils/index.ts

@@ -7,3 +7,4 @@ export * from './uri'
 export * from './cache'
 export * from './native_adapters'
 export * from './pluralize'
+export * from './destructure_chat_group_graph_id'

package/src/utils/request/conversation.ts

@@ -1,46 +1,51 @@
 import { GetRequest } from '../client/types'
 
 export interface ConversationRequestArgs {
-  filter: string
   gids: string
-  group: string
   chat_group_graph_id?: string
   group_source_app_name?: string
 }
 
 export const getConversationsRequestArgs = ({
-  filter,
   gids,
-  group,
+  chat_group_graph_id,
   group_source_app_name,
-}: Partial<ConversationRequestArgs> = {}): GetRequest => ({
-  url: '/me/conversations',
-  data: {
-    perPage: 20,
-    order: '-last_message',
-    filter,
-    group,
-    gids,
-    group_source_app_name,
-    fields: {
-      Conversation: [
-        'created_at',
-        'badges',
-        'groups',
-        'last_message_author_id',
-        'last_message_author_name',
-        'last_message_created_at',
-        'last_message_text_preview',
-        'preview_avatar_urls',
-        'member_ability',
-        'muted',
-        'replies_disabled',
-        'title',
-        'unread_count',
-        'updated_at',
-      ],
-      ConversationBadge: ['app_name', 'pco_resource_type', 'text'],
+}: Partial<ConversationRequestArgs> = {}): GetRequest => {
+  const filter = chat_group_graph_id
+    ? 'group'
+    : group_source_app_name
+      ? 'group_source_app_name'
+      : 'mine_or_not_empty'
+
+  return {
+    url: '/me/conversations',
+    data: {
+      perPage: 20,
+      order: '-last_message',
+      filter,
+      gids,
+      group: chat_group_graph_id,
+      group_source_app_name,
+      fields: {
+        Conversation: [
+          'created_at',
+          'badges',
+          'groups',
+          'last_message_author_id',
+          'last_message_author_name',
+          'last_message_created_at',
+          'last_message_text_preview',
+          'preview_avatar_urls',
+          'member_ability',
+          'muted',
+          'replies_disabled',
+          'title',
+          'unread_count',
+          'updated_at',
+        ],
+        ConversationBadge: ['app_name', 'pco_resource_type', 'text'],
+      },
+      include: ['badges'],
     },
-    include: ['badges'],
-  },
-})
+  }
+}

package/src/utils/session.ts

@@ -1,28 +1,34 @@
 import { OAuthToken } from '../types'
 
 export type ENV = 'production' | 'staging' | 'development'
-
+export type OauthType = 'OAuth' | 'ChurchCenterOauth'
 export type PartialToken = Pick<OAuthToken, 'access_token'> & Partial<OAuthToken>
-export type SessionProps<T = PartialToken> = { env?: ENV; token?: T }
+export type SessionProps<T extends PartialToken> = { env?: ENV; token?: T; type?: OauthType }
 
 /**
  * Session class to track the environment and token
  * Not intended to make network requests or handle authentication
  */
-export class Session<T = PartialToken> {
+export class Session<T extends PartialToken = PartialToken> {
   env: ENV
   token: T | undefined
+  type: OauthType
 
   constructor(props?: SessionProps<T>) {
-    const { env = 'production', token } = props || {}
+    const { env = 'production', token, type } = props || {}
     this.env = env
     this.token = token
+    this.type = type || 'OAuth'
   }
 
   get isAuthenticated() {
     return Boolean(this.token)
   }
 
+  get isChurchCenterToken() {
+    return this.type === 'ChurchCenterOauth'
+  }
+
   toString() {
     return JSON.stringify({ env: this.env, token: this.token })
   }

package/src/utils/uri.ts

@@ -7,13 +7,16 @@ const systemVersion = DeviceInfo.getSystemVersion()
 const readableVersion = DeviceInfo.getReadableVersion()
 const appName = DeviceInfo.getApplicationName()
 
+type Graph = 'churchcenter' | 'planningcenter'
 export class Uri {
   session: Session
+  graph: Graph = 'planningcenter'
   app?: string
 
-  constructor({ session, app }: { session: Session; app?: string }) {
+  constructor({ session, app, graph }: { session: Session; app?: string; graph?: Graph }) {
     this.session = session
     this.app = app
+    this.graph = graph || 'planningcenter'
   }
 
   get schema() {
@@ -25,18 +28,39 @@ export class Uri {
   }
 
   get host() {
+    return `${this.subdomain}.${this.domain}.${this.tld}`
+  }
+
+  get subdomain() {
     switch (this.env) {
-      case 'production':
-        return 'api.planningcenteronline.com'
       case 'staging':
-        return 'api-staging.planningcenteronline.com'
+        return this.isChurchCenter ? 'api.staging' : 'api-staging'
+      default:
+        return 'api'
+    }
+  }
+
+  get domain(): 'pco' | 'planningcenteronline' | 'churchcenter' {
+    if (this.isChurchCenter) {
+      return 'churchcenter'
+    }
+
+    return this.env === 'development' ? 'pco' : 'planningcenteronline'
+  }
+
+  get tld() {
+    switch (this.env) {
       case 'development':
-        return 'api.pco.test'
+        return 'test'
       default:
-        return 'api.planningcenteronline.com'
+        return 'com'
     }
   }
 
+  get isChurchCenter() {
+    return this.session.isChurchCenterToken
+  }
+
   get env() {
     return this.session?.env || 'production'
   }

package/src/vendor/tapestry/alias_tokens_color_map.ts

@@ -77,6 +77,7 @@ interface SemanticAliasesColors {
   surfaceColorCanvas: string
   surfaceColor100: string
   surfaceColor090: string
+  surfaceColor080: string
   needsDesignPass: string
 }
 
@@ -108,6 +109,7 @@ const semanticAliasesLight: SemanticAliasesColors = {
   surfaceColorCanvas: neutralsLight.fillColorNeutral090,
   surfaceColor100: neutralsLight.fillColorNeutral100Inverted,
   surfaceColor090: neutralsLight.fillColorNeutral090,
+  surfaceColor080: neutralsLight.fillColorNeutral080,
   needsDesignPass: 'hotpink',
 } as const
 
@@ -139,6 +141,7 @@ const semanticAliasesDark: SemanticAliasesColors = {
   surfaceColorCanvas: neutralsDark.fillColorNeutral090,
   surfaceColor100: neutralsDark.fillColorNeutral100Inverted,
   surfaceColor090: neutralsDark.fillColorNeutral090,
+  surfaceColor080: neutralsDark.fillColorNeutral080,
   needsDesignPass: 'pink',
 }
 

package/build/contexts/swipeable_active_conversation.d.ts

@@ -1,11 +0,0 @@
-import React from 'react';
-type ConversationActionsValue = {
-    activeConversationId?: number;
-    setActiveConversationId: (_id: number) => void;
-};
-export declare const ConversationActionsProvider: ({ children }: {
-    children: React.ReactNode;
-}) => React.JSX.Element;
-export declare const useConversationActionsContext: () => ConversationActionsValue;
-export {};
-//# sourceMappingURL=swipeable_active_conversation.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"swipeable_active_conversation.d.ts","sourceRoot":"","sources":["../../src/contexts/swipeable_active_conversation.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8C,MAAM,OAAO,CAAA;AAElE,KAAK,wBAAwB,GAAG;IAC9B,oBAAoB,CAAC,EAAE,MAAM,CAAA;IAC7B,uBAAuB,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAA;CAC/C,CAAA;AAMD,eAAO,MAAM,2BAA2B,iBAAkB;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,sBAatF,CAAA;AAED,eAAO,MAAM,6BAA6B,gCAA+C,CAAA"}

package/build/contexts/swipeable_active_conversation.js

@@ -1,16 +0,0 @@
-import React, { createContext, useContext, useState } from 'react';
-const ConversationActionsContext = createContext({
-    activeConversationId: undefined,
-    setActiveConversationId: () => { },
-});
-export const ConversationActionsProvider = ({ children }) => {
-    const [activeConversationId, setActiveConversationId] = useState();
-    return (<ConversationActionsContext.Provider value={{
-            activeConversationId,
-            setActiveConversationId,
-        }}>
-      {children}
-    </ConversationActionsContext.Provider>);
-};
-export const useConversationActionsContext = () => useContext(ConversationActionsContext);
-//# sourceMappingURL=swipeable_active_conversation.js.map

package/build/contexts/swipeable_active_conversation.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"swipeable_active_conversation.js","sourceRoot":"","sources":["../../src/contexts/swipeable_active_conversation.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAMlE,MAAM,0BAA0B,GAAG,aAAa,CAA2B;IACzE,oBAAoB,EAAE,SAAS;IAC/B,uBAAuB,EAAE,GAAG,EAAE,GAAE,CAAC;CAClC,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,2BAA2B,GAAG,CAAC,EAAE,QAAQ,EAAiC,EAAE,EAAE;IACzF,MAAM,CAAC,oBAAoB,EAAE,uBAAuB,CAAC,GAAG,QAAQ,EAAsB,CAAA;IAEtF,OAAO,CACL,CAAC,0BAA0B,CAAC,QAAQ,CAClC,KAAK,CAAC,CAAC;YACL,oBAAoB;YACpB,uBAAuB;SACxB,CAAC,CAEF;MAAA,CAAC,QAAQ,CACX;IAAA,EAAE,0BAA0B,CAAC,QAAQ,CAAC,CACvC,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,6BAA6B,GAAG,GAAG,EAAE,CAAC,UAAU,CAAC,0BAA0B,CAAC,CAAA","sourcesContent":["import React, { createContext, useContext, useState } from 'react'\n\ntype ConversationActionsValue = {\n  activeConversationId?: number\n  setActiveConversationId: (_id: number) => void\n}\nconst ConversationActionsContext = createContext<ConversationActionsValue>({\n  activeConversationId: undefined,\n  setActiveConversationId: () => {},\n})\n\nexport const ConversationActionsProvider = ({ children }: { children: React.ReactNode }) => {\n  const [activeConversationId, setActiveConversationId] = useState<number | undefined>()\n\n  return (\n    <ConversationActionsContext.Provider\n      value={{\n        activeConversationId,\n        setActiveConversationId,\n      }}\n    >\n      {children}\n    </ConversationActionsContext.Provider>\n  )\n}\n\nexport const useConversationActionsContext = () => useContext(ConversationActionsContext)\n"]}

package/build/hooks/use_conversation_jolt_events.d.ts

@@ -1,2 +0,0 @@
-export declare function useConversationsJoltEvents(): void;
-//# sourceMappingURL=use_conversation_jolt_events.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"use_conversation_jolt_events.d.ts","sourceRoot":"","sources":["../../src/hooks/use_conversation_jolt_events.ts"],"names":[],"mappings":"AAaA,wBAAgB,0BAA0B,SAiDzC"}

package/build/hooks/use_conversation_jolt_events.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"use_conversation_jolt_events.js","sourceRoot":"","sources":["../../src/hooks/use_conversation_jolt_events.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgB,cAAc,EAAE,MAAM,uBAAuB,CAAA;AAEpE,OAAO,EAAE,uBAAuB,EAAE,+BAA+B,EAAE,MAAM,UAAU,CAAA;AACnF,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAC/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAA;AACvD,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AACzD,OAAO,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAA;AAGvD,OAAO,EAAE,2BAA2B,EAAE,MAAM,+BAA+B,CAAA;AAI3E,MAAM,UAAU,0BAA0B;IACxC,MAAM,SAAS,GAAG,YAAY,EAAE,CAAA;IAChC,MAAM,WAAW,GAAG,cAAc,EAAE,CAAA;IACpC,MAAM,aAAa,GAAG,gBAAgB,EAAE,CAAA;IACxC,MAAM,WAAW,GAAG,cAAc,CAAC,eAAe,aAAa,CAAC,EAAE,EAAE,CAAC,CAAA;IAErE,MAAM,wBAAwB,GAAG,2BAA2B,EAAE,CAAA;IAC9D,MAAM,oBAAoB,GAAG,kBAAkB,CAAC,wBAAwB,CAAC,CAAA;IAEzE,MAAM,iBAAiB,GAAG,KAAK,EAAE,EAAU,EAAE,EAAE;QAC7C,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,wBAAwB,CAAA;QACnD,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,SAAS,CAAC,IAAI,CAAC,GAAG,CAAoC;YAC3E,GAAG,EAAE,qBAAqB,EAAE,EAAE;YAC9B,IAAI,EAAE;gBACJ,MAAM,EAAE,QAAQ,CAAC,MAAM;gBACvB,OAAO,EAAE,QAAQ,CAAC,OAAO;aAC1B;SACF,CAAC,CAAA;QAEF,OAAO,IAAI,CAAA;IACb,CAAC,CAAA;IAED,MAAM,gCAAgC,GAAG,KAAK,EAAE,CAAwB,EAAE,EAAE;QAC1E,MAAM,EAAE,IAAI,EAAE,GAAG,CAAC,CAAC,IAAI,CAAA;QACvB,MAAM,YAAY,GAAyB,MAAM,iBAAiB,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAA;QAEzF,WAAW,CAAC,YAAY,CAAY,oBAAoB,EAAE,IAAI,CAAC,EAAE,CAC/D,+BAA+B,CAAC;YAC9B,IAAI,EAAE,IAAI;YACV,MAAM,EAAE,YAAY;YACpB,aAAa,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,EAAE;gBACjC,OAAO,EAAE,GAAG,OAAO,EAAE,GAAG,MAAM,EAAE,CAAA;YAClC,CAAC;SACF,CAAC,CACH,CAAA;IACH,CAAC,CAAA;IAED,MAAM,yBAAyB,GAAG,CAAC,CAA2B,EAAE,EAAE;QAChE,WAAW,CAAC,YAAY,CAAY,oBAAoB,EAAE,IAAI,CAAC,EAAE,CAC/D,uBAAuB,CAAC;YACtB,IAAI,EAAE,IAAI;YACV,MAAM,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,EAAE;SAC/B,CAAC,CACH,CAAA;IACH,CAAC,CAAA;IAED,YAAY,CAAC,WAAW,EAAE,sBAAsB,EAAE,gCAAgC,CAAC,CAAA;IACnF,YAAY,CAAC,WAAW,EAAE,sBAAsB,EAAE,gCAAgC,CAAC,CAAA;IACnF,YAAY,CAAC,WAAW,EAAE,wBAAwB,EAAE,yBAAyB,CAAC,CAAA;AAChF,CAAC","sourcesContent":["import { InfiniteData, useQueryClient } from '@tanstack/react-query'\nimport { ApiCollection, ApiResource, ConversationResource } from '../types'\nimport { deleteRecordInPagesData, updateOrCreateRecordInPagesData } from '../utils'\nimport { useApiClient } from './use_api_client'\nimport { useCurrentPerson } from './use_current_person'\nimport { useJoltChannel, useJoltEvent } from './use_jolt'\nimport { getRequestQueryKey } from './use_suspense_api'\nimport { JoltConversationEvent } from '../types/jolt_events'\nimport { ConversationDeletedEvent } from '../types/jolt_events/conversation_events'\nimport { getConversationsRequestArgs } from '../utils/request/conversation'\n\ntype QueryData = InfiniteData<ApiCollection<ConversationResource>>\n\nexport function useConversationsJoltEvents() {\n  const apiClient = useApiClient()\n  const queryClient = useQueryClient()\n  const currentPerson = useCurrentPerson()\n  const joltChannel = useJoltChannel(`chat.people.${currentPerson.id}`)\n\n  const conversationsRequestArgs = getConversationsRequestArgs()\n  const conversationQueryKey = getRequestQueryKey(conversationsRequestArgs)\n\n  const fetchConversation = async (id: number) => {\n    const { data: argsData } = conversationsRequestArgs\n    const { data } = await apiClient.chat.get<ApiResource<ConversationResource>>({\n      url: `/me/conversations/${id}`,\n      data: {\n        fields: argsData.fields,\n        include: argsData.include,\n      },\n    })\n\n    return data\n  }\n\n  const handleConversationUpdateOrCreate = async (e: JoltConversationEvent) => {\n    const { data } = e.data\n    const conversation: ConversationResource = await fetchConversation(data.id).catch(c => c)\n\n    queryClient.setQueryData<QueryData>(conversationQueryKey, prev =>\n      updateOrCreateRecordInPagesData({\n        data: prev,\n        record: conversation,\n        processRecord: (record, current) => {\n          return { ...current, ...record }\n        },\n      })\n    )\n  }\n\n  const handleConversationDestroy = (e: ConversationDeletedEvent) => {\n    queryClient.setQueryData<QueryData>(conversationQueryKey, prev =>\n      deleteRecordInPagesData({\n        data: prev,\n        record: { id: e.data.data.id },\n      })\n    )\n  }\n\n  useJoltEvent(joltChannel, 'conversation.updated', handleConversationUpdateOrCreate)\n  useJoltEvent(joltChannel, 'conversation.created', handleConversationUpdateOrCreate)\n  useJoltEvent(joltChannel, 'conversation.destroyed', handleConversationDestroy)\n}\n"]}

package/build/screens/create/conversation_create_screen.d.ts

@@ -1,9 +0,0 @@
-import { StaticScreenProps } from '@react-navigation/native';
-import React from 'react';
-type ConversationCreateScreenProps = StaticScreenProps<{
-    group_id?: string;
-    team_ids?: string[];
-}>;
-export declare const ConversationCreateScreen: ({ route }: ConversationCreateScreenProps) => React.JSX.Element;
-export {};
-//# sourceMappingURL=conversation_create_screen.d.ts.map

package/build/screens/create/conversation_create_screen.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"conversation_create_screen.d.ts","sourceRoot":"","sources":["../../../src/screens/create/conversation_create_screen.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAgB,iBAAiB,EAAiB,MAAM,0BAA0B,CAAA;AACzF,OAAO,KAAgC,MAAM,OAAO,CAAA;AAUpD,KAAK,6BAA6B,GAAG,iBAAiB,CAAC;IACrD,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAA;CACpB,CAAC,CAAA;AAMF,eAAO,MAAM,wBAAwB,cAAe,6BAA6B,sBAqFhF,CAAA"}

package/build/screens/create/conversation_create_screen.js

@@ -1,122 +0,0 @@
-import { StackActions, useNavigation } from '@react-navigation/native';
-import React, { useCallback, useState } from 'react';
-import { StyleSheet, TextInput, View } from 'react-native';
-import { useSafeAreaInsets } from 'react-native-safe-area-context';
-import { Text } from '../../components';
-import { ActionButton } from '../../components/display/action_button';
-import { useSuspenseGet, useTheme } from '../../hooks';
-import { useApiClient } from '../../hooks/use_api_client';
-import { useMutation } from '@tanstack/react-query';
-export const ConversationCreateScreen = ({ route }) => {
-    const styles = useStyles();
-    const navigation = useNavigation();
-    const [title, setTitle] = useState();
-    const apiClient = useApiClient();
-    const { data: group } = useSuspenseGet({
-        url: `/me/groups/${route.params.group_id}`,
-        data: {
-            fields: {
-                Group: [],
-            },
-        },
-        app: 'groups',
-    });
-    const { mutate: handleSave } = useMutation({
-        throwOnError: true,
-        onSuccess: result => {
-            handleRedirectToConversation({ conversation_id: result.data.id });
-        },
-        mutationFn: () => apiClient.groups
-            .post({
-            url: `/me/groups/${route.params.group_id}/chat_conversation_payload`,
-            data: {
-                data: {
-                    type: '',
-                    attributes: {
-                        title,
-                    },
-                },
-            },
-        })
-            .then(res => res.data.value)
-            .then(payload => apiClient.chat.post({
-            url: '/me/conversations',
-            data: {
-                data: {
-                    type: 'Conversation',
-                    attributes: {
-                        payload,
-                    },
-                },
-            },
-        })),
-    });
-    const handleRedirectToConversation = useCallback(({ conversation_id }) => {
-        // exit from the create stack
-        navigation.getParent()?.goBack();
-        // navigate to the conversation screen
-        navigation.dispatch(StackActions.push('Conversation', {
-            conversation_id,
-        }));
-    }, [navigation]);
-    return (<View style={styles.container}>
-      <View style={styles.section}>
-        <View style={styles.to}>
-          <Text>To:</Text>
-          <View>
-            <Text>{group.name}</Text>
-            <Text>{group.membershipsCount} members</Text>
-          </View>
-        </View>
-        <View style={styles.titleContainer}>
-          <Text style={styles.titleLabel}>Title</Text>
-          <TextInput placeholder="Topic of conversation (required)" value={title} onChangeText={setTitle} style={styles.titleInput}/>
-        </View>
-      </View>
-      <ActionButton title="Start Conversation" onPress={() => handleSave()}/>
-    </View>);
-};
-const useStyles = () => {
-    const { bottom } = useSafeAreaInsets();
-    const theme = useTheme();
-    return StyleSheet.create({
-        container: {
-            flex: 1,
-            gap: 8,
-        },
-        section: {
-            padding: 16,
-            flex: 1,
-        },
-        sectionHeader: {
-            flexDirection: 'row',
-            justifyContent: 'space-between',
-        },
-        selectTeamsButton: {},
-        routeDebug: {
-            alignContent: 'center',
-            padding: 16,
-            paddingBottom: bottom,
-            borderTopWidth: 1,
-            borderTopColor: theme.colors.fillColorNeutral050Base,
-        },
-        titleContainer: {
-            paddingVertical: 12,
-            borderBottomWidth: 1,
-            borderBottomColor: theme.colors.fillColorNeutral050Base,
-            gap: 8,
-        },
-        titleInput: {
-            fontSize: 18,
-        },
-        titleLabel: {},
-        to: {
-            flexDirection: 'row',
-            gap: 8,
-            paddingVertical: 12,
-            borderBottomWidth: 1,
-            borderBottomColor: theme.colors.fillColorNeutral050Base,
-        },
-    });
-};
-//# sourceMappingURL=conversation_create_screen.js.map

package/build/screens/create/conversation_create_screen.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"conversation_create_screen.js","sourceRoot":"","sources":["../../../src/screens/create/conversation_create_screen.tsx"],"names":[],"mappings":"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","sourcesContent":["import { StackActions, StaticScreenProps, useNavigation } from '@react-navigation/native'\nimport React, { useCallback, useState } from 'react'\nimport { StyleSheet, TextInput, View } from 'react-native'\nimport { useSafeAreaInsets } from 'react-native-safe-area-context'\nimport { Text } from '../../components'\nimport { ActionButton } from '../../components/display/action_button'\nimport { useSuspenseGet, useTheme } from '../../hooks'\nimport { useApiClient } from '../../hooks/use_api_client'\nimport { useMutation } from '@tanstack/react-query'\nimport { ApiResource, ConversationResource, GroupsGroupResource, ResourceObject } from '../../types'\n\ntype ConversationCreateScreenProps = StaticScreenProps<{\n  group_id?: string\n  team_ids?: string[]\n}>\n\ninterface ChatConversationPayload extends ResourceObject {\n  value: string\n}\n\nexport const ConversationCreateScreen = ({ route }: ConversationCreateScreenProps) => {\n  const styles = useStyles()\n  const navigation = useNavigation()\n  const [title, setTitle] = useState<string>()\n  const apiClient = useApiClient()\n  const { data: group } = useSuspenseGet<GroupsGroupResource>({\n    url: `/me/groups/${route.params.group_id}`,\n    data: {\n      fields: {\n        Group: [],\n      },\n    },\n    app: 'groups',\n  })\n  const { mutate: handleSave } = useMutation({\n    throwOnError: true,\n    onSuccess: result => {\n      handleRedirectToConversation({ conversation_id: result.data.id })\n    },\n    mutationFn: () =>\n      apiClient.groups\n        .post<ApiResource<ChatConversationPayload>>({\n          url: `/me/groups/${route.params.group_id}/chat_conversation_payload`,\n          data: {\n            data: {\n              type: '',\n              attributes: {\n                title,\n              },\n            },\n          },\n        })\n        .then(res => res.data.value)\n        .then(payload =>\n          apiClient.chat.post<ApiResource<ConversationResource>>({\n            url: '/me/conversations',\n            data: {\n              data: {\n                type: 'Conversation',\n                attributes: {\n                  payload,\n                },\n              },\n            },\n          })\n        ),\n  })\n\n  const handleRedirectToConversation = useCallback(\n    ({ conversation_id }: { conversation_id: number }) => {\n      // exit from the create stack\n      navigation.getParent()?.goBack()\n      // navigate to the conversation screen\n      navigation.dispatch(\n        StackActions.push('Conversation', {\n          conversation_id,\n        })\n      )\n    },\n    [navigation]\n  )\n\n  return (\n    <View style={styles.container}>\n      <View style={styles.section}>\n        <View style={styles.to}>\n          <Text>To:</Text>\n          <View>\n            <Text>{group.name}</Text>\n            <Text>{group.membershipsCount} members</Text>\n          </View>\n        </View>\n        <View style={styles.titleContainer}>\n          <Text style={styles.titleLabel}>Title</Text>\n          <TextInput\n            placeholder=\"Topic of conversation (required)\"\n            value={title}\n            onChangeText={setTitle}\n            style={styles.titleInput}\n          />\n        </View>\n      </View>\n      <ActionButton title=\"Start Conversation\" onPress={() => handleSave()} />\n    </View>\n  )\n}\n\nconst useStyles = () => {\n  const { bottom } = useSafeAreaInsets()\n  const theme = useTheme()\n\n  return StyleSheet.create({\n    container: {\n      flex: 1,\n      gap: 8,\n    },\n    section: {\n      padding: 16,\n      flex: 1,\n    },\n    sectionHeader: {\n      flexDirection: 'row',\n      justifyContent: 'space-between',\n    },\n    selectTeamsButton: {},\n    routeDebug: {\n      alignContent: 'center',\n      padding: 16,\n      paddingBottom: bottom,\n      borderTopWidth: 1,\n      borderTopColor: theme.colors.fillColorNeutral050Base,\n    },\n    titleContainer: {\n      paddingVertical: 12,\n      borderBottomWidth: 1,\n      borderBottomColor: theme.colors.fillColorNeutral050Base,\n      gap: 8,\n    },\n    titleInput: {\n      fontSize: 18,\n    },\n    titleLabel: {},\n    to: {\n      flexDirection: 'row',\n      gap: 8,\n      paddingVertical: 12,\n      borderBottomWidth: 1,\n      borderBottomColor: theme.colors.fillColorNeutral050Base,\n    },\n  })\n}\n"]}

package/build/screens/create/conversation_filter_recipients_screen.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"conversation_filter_recipients_screen.d.ts","sourceRoot":"","sources":["../../../src/screens/create/conversation_filter_recipients_screen.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAgB,iBAAiB,EAAiB,MAAM,0BAA0B,CAAA;AACzF,OAAO,EAAE,4BAA4B,EAAE,MAAM,gCAAgC,CAAA;AAC7E,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,eAAO,MAAM,0CAA0C,EAAE,4BAKxD,CAAA;AAED,KAAK,uCAAuC,GAAG,iBAAiB,CAAC,EAAE,CAAC,CAAA;AAEpE,eAAO,MAAM,kCAAkC,OAAQ,uCAAuC,sBAmC7F,CAAA"}

package/build/screens/create/conversation_filter_recipients_screen.js

@@ -1,52 +0,0 @@
-import { StackActions, useNavigation } from '@react-navigation/native';
-import React from 'react';
-import { StyleSheet, View } from 'react-native';
-import { useSafeAreaInsets } from 'react-native-safe-area-context';
-import { Button } from '../../components';
-import { useTheme } from '../../hooks';
-export const ConversationFilterReceipientsScreenOptions = {
-    presentation: 'formSheet',
-    headerShown: false,
-    sheetAllowedDetents: [0.75],
-    sheetGrabberVisible: true,
-};
-export const ConversationFilterRecipientsScreen = ({}) => {
-    const styles = useStyles();
-    const navigation = useNavigation();
-    return (<View style={styles.container}>
-      <View style={styles.section}>
-        <Button style={styles.selectTeamsButton} onPress={() => navigation.dispatch(StackActions.popTo('ConversationSelectRecipients', {
-            chat_group_graph_id: 'TBD',
-        }))} title="Redirect to select" variant="outline"/>
-
-        <Button style={styles.selectTeamsButton} onPress={() => navigation.dispatch(StackActions.popTo('ConversationCreate', {
-            chat_group_graph_id: 'TBD',
-        }))} title="Redirect to form" variant="outline"/>
-      </View>
-    </View>);
-};
-const useStyles = () => {
-    const { bottom } = useSafeAreaInsets();
-    const theme = useTheme();
-    return StyleSheet.create({
-        container: {
-            flex: 1,
-            gap: 8,
-        },
-        section: {
-            padding: 16,
-            flexDirection: 'row',
-            justifyContent: 'space-between',
-            flex: 1,
-        },
-        selectTeamsButton: {},
-        routeDebug: {
-            alignContent: 'center',
-            padding: 16,
-            paddingBottom: bottom,
-            borderTopWidth: 1,
-            borderTopColor: theme.colors.fillColorNeutral050Base,
-        },
-    });
-};
-//# sourceMappingURL=conversation_filter_recipients_screen.js.map

package/build/screens/create/conversation_filter_recipients_screen.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"conversation_filter_recipients_screen.js","sourceRoot":"","sources":["../../../src/screens/create/conversation_filter_recipients_screen.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAqB,aAAa,EAAE,MAAM,0BAA0B,CAAA;AAEzF,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAC/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AAClE,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AACzC,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AAEtC,MAAM,CAAC,MAAM,0CAA0C,GAAiC;IACtF,YAAY,EAAE,WAAW;IACzB,WAAW,EAAE,KAAK;IAClB,mBAAmB,EAAE,CAAC,IAAI,CAAC;IAC3B,mBAAmB,EAAE,IAAI;CAC1B,CAAA;AAID,MAAM,CAAC,MAAM,kCAAkC,GAAG,CAAC,EAA2C,EAAE,EAAE;IAChG,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAC1B,MAAM,UAAU,GAAG,aAAa,EAAE,CAAA;IAElC,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAC5B;MAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAC1B;QAAA,CAAC,MAAM,CACL,KAAK,CAAC,CAAC,MAAM,CAAC,iBAAiB,CAAC,CAChC,OAAO,CAAC,CAAC,GAAG,EAAE,CACZ,UAAU,CAAC,QAAQ,CACjB,YAAY,CAAC,KAAK,CAAC,8BAA8B,EAAE;YACjD,mBAAmB,EAAE,KAAK;SAC3B,CAAC,CAEN,CAAC,CACD,KAAK,CAAC,oBAAoB,CAC1B,OAAO,CAAC,SAAS,EAGnB;;QAAA,CAAC,MAAM,CACL,KAAK,CAAC,CAAC,MAAM,CAAC,iBAAiB,CAAC,CAChC,OAAO,CAAC,CAAC,GAAG,EAAE,CACZ,UAAU,CAAC,QAAQ,CACjB,YAAY,CAAC,KAAK,CAAC,oBAAoB,EAAE;YACvC,mBAAmB,EAAE,KAAK;SAC3B,CAAC,CAEN,CAAC,CACD,KAAK,CAAC,kBAAkB,CACxB,OAAO,CAAC,SAAS,EAErB;MAAA,EAAE,IAAI,CACR;IAAA,EAAE,IAAI,CAAC,CACR,CAAA;AACH,CAAC,CAAA;AAED,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IACtC,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IAExB,OAAO,UAAU,CAAC,MAAM,CAAC;QACvB,SAAS,EAAE;YACT,IAAI,EAAE,CAAC;YACP,GAAG,EAAE,CAAC;SACP;QACD,OAAO,EAAE;YACP,OAAO,EAAE,EAAE;YACX,aAAa,EAAE,KAAK;YACpB,cAAc,EAAE,eAAe;YAC/B,IAAI,EAAE,CAAC;SACR;QACD,iBAAiB,EAAE,EAAE;QACrB,UAAU,EAAE;YACV,YAAY,EAAE,QAAQ;YACtB,OAAO,EAAE,EAAE;YACX,aAAa,EAAE,MAAM;YACrB,cAAc,EAAE,CAAC;YACjB,cAAc,EAAE,KAAK,CAAC,MAAM,CAAC,uBAAuB;SACrD;KACF,CAAC,CAAA;AACJ,CAAC,CAAA","sourcesContent":["import { StackActions, StaticScreenProps, useNavigation } from '@react-navigation/native'\nimport { NativeStackNavigationOptions } from '@react-navigation/native-stack'\nimport React from 'react'\nimport { StyleSheet, View } from 'react-native'\nimport { useSafeAreaInsets } from 'react-native-safe-area-context'\nimport { Button } from '../../components'\nimport { useTheme } from '../../hooks'\n\nexport const ConversationFilterReceipientsScreenOptions: NativeStackNavigationOptions = {\n  presentation: 'formSheet',\n  headerShown: false,\n  sheetAllowedDetents: [0.75],\n  sheetGrabberVisible: true,\n}\n\ntype ConversationFilterRecipientsScreenProps = StaticScreenProps<{}>\n\nexport const ConversationFilterRecipientsScreen = ({}: ConversationFilterRecipientsScreenProps) => {\n  const styles = useStyles()\n  const navigation = useNavigation()\n\n  return (\n    <View style={styles.container}>\n      <View style={styles.section}>\n        <Button\n          style={styles.selectTeamsButton}\n          onPress={() =>\n            navigation.dispatch(\n              StackActions.popTo('ConversationSelectRecipients', {\n                chat_group_graph_id: 'TBD',\n              })\n            )\n          }\n          title=\"Redirect to select\"\n          variant=\"outline\"\n        />\n\n        <Button\n          style={styles.selectTeamsButton}\n          onPress={() =>\n            navigation.dispatch(\n              StackActions.popTo('ConversationCreate', {\n                chat_group_graph_id: 'TBD',\n              })\n            )\n          }\n          title=\"Redirect to form\"\n          variant=\"outline\"\n        />\n      </View>\n    </View>\n  )\n}\n\nconst useStyles = () => {\n  const { bottom } = useSafeAreaInsets()\n  const theme = useTheme()\n\n  return StyleSheet.create({\n    container: {\n      flex: 1,\n      gap: 8,\n    },\n    section: {\n      padding: 16,\n      flexDirection: 'row',\n      justifyContent: 'space-between',\n      flex: 1,\n    },\n    selectTeamsButton: {},\n    routeDebug: {\n      alignContent: 'center',\n      padding: 16,\n      paddingBottom: bottom,\n      borderTopWidth: 1,\n      borderTopColor: theme.colors.fillColorNeutral050Base,\n    },\n  })\n}\n"]}

package/build/screens/create/conversation_select_recipients_screen.d.ts

@@ -1,8 +0,0 @@
-import { StaticScreenProps } from '@react-navigation/native';
-import React from 'react';
-type ConversationSelectRecipientsScreenProps = StaticScreenProps<{
-    chat_group_graph_id?: string;
-}>;
-export declare const ConversationSelectRecipientsScreen: ({}: ConversationSelectRecipientsScreenProps) => React.JSX.Element;
-export {};
-//# sourceMappingURL=conversation_select_recipients_screen.d.ts.map

package/build/screens/create/conversation_select_recipients_screen.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"conversation_select_recipients_screen.d.ts","sourceRoot":"","sources":["../../../src/screens/create/conversation_select_recipients_screen.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAiB,MAAM,0BAA0B,CAAA;AAC3E,OAAO,KAAK,MAAM,OAAO,CAAA;AAQzB,KAAK,uCAAuC,GAAG,iBAAiB,CAAC;IAC/D,mBAAmB,CAAC,EAAE,MAAM,CAAA;CAC7B,CAAC,CAAA;AAMF,eAAO,MAAM,kCAAkC,OAAQ,uCAAuC,sBAgE7F,CAAA"}

package/build/screens/create/conversation_select_recipients_screen.js

@@ -1,97 +0,0 @@
-import { PlatformPressable } from '@react-navigation/elements';
-import { useNavigation } from '@react-navigation/native';
-import React from 'react';
-import { ScrollView, StyleSheet, View } from 'react-native';
-import { useSafeAreaInsets } from 'react-native-safe-area-context';
-import { Button, Heading, Icon, Image, Text } from '../../components';
-import { useTheme } from '../../hooks';
-import { useGroupsGroups } from '../../hooks/use_groups_groups';
-const ASPECT_RATIO = 16 / 9;
-const THUMBNAIL_WIDTH = 80;
-const THUMBNAIL_HEIGHT = THUMBNAIL_WIDTH / ASPECT_RATIO;
-export const ConversationSelectRecipientsScreen = ({}) => {
-    const styles = useStyles();
-    const navigation = useNavigation();
-    const { data: groups = [] } = useGroupsGroups();
-    const groupsWithCreatePermission = groups.filter(g => g.canCreateConversation);
-    const handleNavigateToCreateConversation = (group) => {
-        navigation.navigate('Create', {
-            screen: 'ConversationCreate',
-            params: {
-                group_id: group.id,
-            },
-        });
-    };
-    return (<ScrollView style={styles.container}>
-      <View style={styles.section}>
-        <View style={styles.sectionHeader}>
-          <Heading>My groups</Heading>
-        </View>
-        <View>
-          {groupsWithCreatePermission.map(group => (<PlatformPressable key={group.id} style={styles.row} onPress={() => handleNavigateToCreateConversation(group)}>
-              <Image source={{ uri: group.headerImage?.thumbnail }} resizeMode="cover" style={styles.rowImage} alt={`Image for ${group.name}`}/>
-              <View>
-                <Heading variant="h3">{group.name}</Heading>
-                <Text>{group.membershipsCount} members</Text>
-              </View>
-              <Icon name="general.rightChevron" size={16} style={styles.rowIconRight}/>
-            </PlatformPressable>))}
-        </View>
-      </View>
-      <View style={styles.section}>
-        <View style={styles.sectionHeader}>
-          <Heading>Teams I lead</Heading>
-          <Button style={styles.selectTeamsButton} onPress={() => navigation.navigate('Create', {
-            screen: 'ConversationFilterRecipients',
-            params: {
-                conversation_id: '2196252',
-            },
-        })} title="Select teams" variant="outline" iconNameLeft="general.search"/>
-        </View>
-      </View>
-    </ScrollView>);
-};
-const useStyles = () => {
-    const { bottom } = useSafeAreaInsets();
-    const theme = useTheme();
-    return StyleSheet.create({
-        container: {
-            flex: 1,
-            gap: 8,
-        },
-        section: {
-            padding: 16,
-            flex: 1,
-        },
-        sectionHeader: {
-            flexDirection: 'row',
-            justifyContent: 'space-between',
-        },
-        selectTeamsButton: {},
-        row: {
-            flexDirection: 'row',
-            alignItems: 'center',
-            gap: 12,
-            paddingVertical: 16,
-            borderBottomWidth: 1,
-            borderColor: theme.colors.fillColorNeutral050Base,
-        },
-        rowImage: {
-            width: THUMBNAIL_WIDTH,
-            height: THUMBNAIL_HEIGHT,
-            borderRadius: 4,
-        },
-        rowIconRight: {
-            marginLeft: 'auto',
-            color: theme.colors.fillColorNeutral030,
-        },
-        routeDebug: {
-            alignContent: 'center',
-            padding: 16,
-            paddingBottom: bottom,
-            borderTopWidth: 1,
-            borderTopColor: theme.colors.fillColorNeutral050Base,
-        },
-    });
-};
-//# sourceMappingURL=conversation_select_recipients_screen.js.map

package/build/screens/create/conversation_select_recipients_screen.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"conversation_select_recipients_screen.js","sourceRoot":"","sources":["../../../src/screens/create/conversation_select_recipients_screen.tsx"],"names":[],"mappings":"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","sourcesContent":["import { PlatformPressable } from '@react-navigation/elements'\nimport { StaticScreenProps, useNavigation } from '@react-navigation/native'\nimport React from 'react'\nimport { ScrollView, StyleSheet, View } from 'react-native'\nimport { useSafeAreaInsets } from 'react-native-safe-area-context'\nimport { Button, Heading, Icon, Image, Text } from '../../components'\nimport { useTheme } from '../../hooks'\nimport { GroupsGroupResource } from '../../types'\nimport { useGroupsGroups } from '../../hooks/use_groups_groups'\n\ntype ConversationSelectRecipientsScreenProps = StaticScreenProps<{\n  chat_group_graph_id?: string\n}>\n\nconst ASPECT_RATIO = 16 / 9\nconst THUMBNAIL_WIDTH = 80\nconst THUMBNAIL_HEIGHT = THUMBNAIL_WIDTH / ASPECT_RATIO\n\nexport const ConversationSelectRecipientsScreen = ({}: ConversationSelectRecipientsScreenProps) => {\n  const styles = useStyles()\n  const navigation = useNavigation()\n  const { data: groups = [] } = useGroupsGroups()\n  const groupsWithCreatePermission = groups.filter(g => g.canCreateConversation)\n\n  const handleNavigateToCreateConversation = (group: GroupsGroupResource) => {\n    navigation.navigate('Create', {\n      screen: 'ConversationCreate',\n      params: {\n        group_id: group.id,\n      },\n    })\n  }\n\n  return (\n    <ScrollView style={styles.container}>\n      <View style={styles.section}>\n        <View style={styles.sectionHeader}>\n          <Heading>My groups</Heading>\n        </View>\n        <View>\n          {groupsWithCreatePermission.map(group => (\n            <PlatformPressable\n              key={group.id}\n              style={styles.row}\n              onPress={() => handleNavigateToCreateConversation(group)}\n            >\n              <Image\n                source={{ uri: group.headerImage?.thumbnail }}\n                resizeMode=\"cover\"\n                style={styles.rowImage}\n                alt={`Image for ${group.name}`}\n              />\n              <View>\n                <Heading variant=\"h3\">{group.name}</Heading>\n                <Text>{group.membershipsCount} members</Text>\n              </View>\n              <Icon name=\"general.rightChevron\" size={16} style={styles.rowIconRight} />\n            </PlatformPressable>\n          ))}\n        </View>\n      </View>\n      <View style={styles.section}>\n        <View style={styles.sectionHeader}>\n          <Heading>Teams I lead</Heading>\n          <Button\n            style={styles.selectTeamsButton}\n            onPress={() =>\n              navigation.navigate('Create', {\n                screen: 'ConversationFilterRecipients',\n                params: {\n                  conversation_id: '2196252',\n                },\n              })\n            }\n            title=\"Select teams\"\n            variant=\"outline\"\n            iconNameLeft=\"general.search\"\n          />\n        </View>\n      </View>\n    </ScrollView>\n  )\n}\n\nconst useStyles = () => {\n  const { bottom } = useSafeAreaInsets()\n  const theme = useTheme()\n\n  return StyleSheet.create({\n    container: {\n      flex: 1,\n      gap: 8,\n    },\n    section: {\n      padding: 16,\n      flex: 1,\n    },\n    sectionHeader: {\n      flexDirection: 'row',\n      justifyContent: 'space-between',\n    },\n    selectTeamsButton: {},\n    row: {\n      flexDirection: 'row',\n      alignItems: 'center',\n      gap: 12,\n      paddingVertical: 16,\n      borderBottomWidth: 1,\n      borderColor: theme.colors.fillColorNeutral050Base,\n    },\n    rowImage: {\n      width: THUMBNAIL_WIDTH,\n      height: THUMBNAIL_HEIGHT,\n      borderRadius: 4,\n    },\n    rowIconRight: {\n      marginLeft: 'auto',\n      color: theme.colors.fillColorNeutral030,\n    },\n    routeDebug: {\n      alignContent: 'center',\n      padding: 16,\n      paddingBottom: bottom,\n      borderTopWidth: 1,\n      borderTopColor: theme.colors.fillColorNeutral050Base,\n    },\n  })\n}\n"]}