@planningcenter/chat-react-native 3.2.0-rc.1 → 3.2.0-rc.11

package/src/utils/client/request_helpers.ts

@@ -2,7 +2,7 @@ import _ from 'lodash'
 import URI from 'urijs'
 import { transformRequestData } from './transform_request_data'
 import transformResponse from './transform_response'
-import { Accumulator, GetRequest, PostRequest, RequestData } from './types'
+import { Accumulator, GetRequest, PostRequest, RequestData, WalkRequest } from './types'
 
 export type MakeRequestArgs = {
   action: 'GET' | 'POST' | 'PATCH' | 'DELETE'
@@ -21,6 +21,7 @@ export const makeRequest = ({ action = 'GET', url, data = {}, headers = {} }: Ma
   const combinedQuery = Object.entries({ ...query, ...urlQuery })
     .sort()
     .reduce((obj, [key, value]) => {
+      // @ts-ignore
       obj[key] = value
       return obj
     }, {})
@@ -64,7 +65,14 @@ export const concatRecords = (records: Accumulator, moreRecords: Accumulator) =>
   meta: _.pick(moreRecords.meta, STANDARD_META_ATTRIBUTES),
 })
 
-export const throwErrorIfFieldsMissing = async (walk, args) => {
+type Walk = (args: MakeRequestArgs | WalkRequest) => Promise<any>
+type WalkArgs = MakeRequestArgs & {
+  data?: {
+    fields?: Record<string, any>
+  }
+}
+
+export const throwErrorIfFieldsMissing = async (walk: Walk, args: WalkArgs) => {
   const fields = args?.data?.fields
 
   if (!fields) {
@@ -89,23 +97,24 @@ export const throwErrorIfFieldsMissing = async (walk, args) => {
   return transformResponse(response)
 }
 
-export const friendlyErrors = (walk, args) =>
+export const friendlyErrors = (walk: Walk, args: WalkArgs) =>
   throwErrorIfQueryParams(args.url)
     .then(() => throwErrorIfFieldsMissing(walk, args))
     .then(transformResponse)
 
-export const noQueryParamsFriendlyErrors = (request, args) =>
+export const noQueryParamsFriendlyErrors = (request: typeof makeRequest, args: WalkArgs) =>
   throwErrorIfQueryParams(args.url)
     .then(() => request(args))
     .then(transformResponse)
 
-const passthrough = async (walk, args) => Promise.resolve(transformResponse(await walk(args)))
+const passthrough = async <T, R>(walk: (args: T) => Promise<R>, args: T) =>
+  Promise.resolve(transformResponse(await walk(args)))
 
 export const ensureFieldsInDev = __DEV__ ? friendlyErrors : passthrough
 
 export const ensureNoQueryParamsInDev = __DEV__ ? noQueryParamsFriendlyErrors : passthrough
 
-export const throwErrorIfQueryParams = url => {
+export const throwErrorIfQueryParams = (url: string) => {
   if (new URI(url).search().length) {
     throw new Error('Must pass query params as data arg')
   }

package/src/utils/client/transform_request_data.ts

@@ -17,7 +17,10 @@ export const transformRequestData = ({
   }
 }
 
-export function flattenAttribute(obj, key) {
+export function flattenAttribute<T extends Record<string, string | string[]>>(
+  obj: T | undefined,
+  key: keyof T
+) {
   if (!isObject(obj)) return { [key]: obj }
 
   return reduce(
@@ -25,17 +28,23 @@ export function flattenAttribute(obj, key) {
     (acc, value, attr) => {
       return {
         ...acc,
-        ...buildQuery({ key: `${key}[${attr}]`, value }),
+        ...buildQuery({ key: `${String(key)}[${attr}]`, value }),
       }
     },
     {}
   )
 }
 
-export function buildQuery({ key, value }) {
+type QueryArgs = {
+  key: string
+  value: string | number | boolean | object | any[]
+}
+type QueryReturn = Record<string, string | number | boolean>
+
+export function buildQuery({ key, value }: QueryArgs): QueryReturn {
   if (isArray(value)) return { [key]: value.join(',') }
   if (isObject(value)) {
-    const keys = Object.keys(value)
+    const keys = Object.keys(value) as Array<keyof typeof value>
     return keys.reduce(
       (acc, subKey) => ({
         ...acc,

package/src/utils/client/transform_response.ts

@@ -1,3 +1,6 @@
+// @ts-nocheck
+// TODO: Fix this file but write tests first
+
 import _ from 'lodash'
 import inflection from 'lodash-inflection/lib/lodash-inflection'
 import { keysToCamelCase } from './utils'

package/src/utils/client/types.d.ts

@@ -34,6 +34,7 @@ export interface Relationship {
   }
 }
 
+export type Relationships = Record<string, Relationship | Relationship[]>
 export interface PostRequest extends GenericRequest {
   data?: {
     fields?: Record<string, string> // value should be comma separated string
@@ -41,7 +42,7 @@ export interface PostRequest extends GenericRequest {
     data?: {
       type: string
       attributes: Record<string, unknown>
-      relationships?: Record<string, Relationship | Relationship[]>
+      relationships?: Relationships
     }
   }
 }

package/src/utils/client/utils.ts

@@ -1,34 +1,35 @@
 import _ from 'lodash'
 
-const toSentence = (words, lastWordConnector = 'and') => {
+const toSentence = (words: string[], lastWordConnector = 'and') => {
   lastWordConnector = `${words.length > 2 ? ',' : ''} ${lastWordConnector}`
   return words.join(', ').replace(/,\s([^,]+$)/, `${lastWordConnector} $1`)
 }
 
-const toCamel = s => s.replace(/(_[a-z])/g, m => m.toUpperCase().replace('_', ''))
+const toCamel = (s: string) =>
+  s.replace(/(_[a-z])/g, (m: string) => m.toUpperCase().replace('_', ''))
 
-const toSnake = s => (s.startsWith('_') ? `_${_.snakeCase(s)}` : _.snakeCase(s))
+const toSnake = (s: string) => (s.startsWith('_') ? `_${_.snakeCase(s)}` : _.snakeCase(s))
 
-const actualObject = elem => {
+const actualObject = (elem: unknown): elem is Object => {
   return !((_.isObject(elem) && (_.isArray(elem) || _.isFunction(elem))) || !_.isObject(elem))
 }
 
 // map over tree (object) and apply f to each key
-const walker = f => {
-  const seen = new WeakMap()
+const walker = (f: (key: string) => string) => {
+  const seen = new WeakMap<object, object>()
 
-  const convert = elem => {
+  const convert = (elem: object): object => {
     if (actualObject(elem)) {
       return _.reduce(
-        elem,
-        (memo, obj, key) => {
+        elem as Record<string, unknown>,
+        (memo: Record<string, unknown>, obj: unknown, key: string) => {
           if (!seen.has(elem)) {
             seen.set(elem, memo)
           }
-          memo[f(key)] = seen.get(obj) || convert(obj)
+          memo[f(key)] = seen.get(obj as object) || convert(obj as object)
           return memo
         },
-        {}
+        {} as Record<string, unknown>
       )
     } else if (_.isArray(elem)) {
       return _.map(elem, convert)
@@ -40,6 +41,6 @@ const walker = f => {
 }
 
 const keysToCamelCase = walker(toCamel)
-const keysToSnakeCase = walker(k => (k < 0 ? k : toSnake(k)))
+const keysToSnakeCase = walker(k => (typeof k !== 'string' ? k : toSnake(k)))
 
 export { keysToCamelCase, keysToSnakeCase, toSentence }

package/src/utils/date.ts

@@ -1,3 +1,4 @@
+// @ts-ignore
 import { date as formatDate } from '@planningcenter/datetime-fmt'
 import moment from 'moment-timezone'
 

package/src/utils/deepCamelCaseKeys.ts

@@ -4,10 +4,11 @@ type ObjType = Record<string, unknown> | unknown[] | unknown
 
 export function deepCamelCaseKeys<T extends ObjType>(obj: T): T {
   if (isArray(obj)) {
-    return (obj as T & any[]).map(deepCamelCaseKeys) as T
+    return obj.map(deepCamelCaseKeys) as T
   } else if (isObject(obj)) {
     return mapValues(
-      mapKeys(obj, (_value, key) => camelCase(key)),
+      // @ts-ignore This mutates the object, but we don't care about the type here
+      mapKeys(obj, (_value: string, key: string) => camelCase(key)),
       deepCamelCaseKeys
     ) as T
   }

package/src/utils/parse_simple_markdown.ts

@@ -1,5 +1,5 @@
 // Supports bold, italic, and links
-export const parseSimpleMarkdown = input => {
+export const parseSimpleMarkdown = (input: string) => {
   const parts: MarkdownPart[] = []
 
   const pattern = /(\*\*|__)(.+?)\1|(?<!\*)\*(.+?)\*|(?<!_)_(.+?)_|(https?:\/\/[^\s]+)/g
@@ -25,6 +25,8 @@ export const parseSimpleMarkdown = input => {
     }
 
     lastIndex = offset + match.length
+
+    return match
   })
 
   if (lastIndex < input.length) {

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/space.ts

@@ -24,7 +24,7 @@ export function space(value: SpacingValues): number {
   if (value < 1 || value > 7.5) return handleInvalidSpace(value)
 
   // Reject fractional values that are not 0 or 0.5
-  const wholeValue = Math.floor(value)
+  const wholeValue = Math.floor(value) as 1 | 2 | 3 | 4 | 5 | 6 | 7
   const fractionalValue = value % 1
   if (fractionalValue !== 0 && fractionalValue !== 0.5) return handleInvalidSpace(value)
 

package/src/utils/uri.ts

@@ -56,13 +56,13 @@ export class Uri {
     }
   }
 
-  appUrl = path => {
+  appUrl = (path: string) => {
     if (path.startsWith(`${this.schema}://`)) return path
 
     return `${this.baseUrl}${this.directory}${path || '/'}`
   }
 
-  api = path => {
+  api = (path: string) => {
     if (path.startsWith(`${this.schema}://`)) return path
 
     return `${this.baseUrl}${path || '/'}`

package/src/vendor/tapestry/alias_tokens_color_map.ts

@@ -73,6 +73,10 @@ interface SemanticAliasesColors {
   fillColorStatusErrorMedium: string
   fillColorButtonNeutralSolidDisabled: string
   androidRippleNeutral: string
+  surfaceColorCard: string
+  surfaceColorCanvas: string
+  surfaceColor100: string
+  surfaceColor090: string
   needsDesignPass: string
 }
 
@@ -100,6 +104,10 @@ const semanticAliasesLight: SemanticAliasesColors = {
   fillColorStatusErrorMedium: tokens.fillColorStatusErrorMedium,
   fillColorButtonNeutralSolidDisabled: neutralsLight.fillColorNeutral070,
   androidRippleNeutral: tokens.fillColorTransparencyDark020,
+  surfaceColorCard: neutralsLight.fillColorNeutral100Inverted,
+  surfaceColorCanvas: neutralsLight.fillColorNeutral090,
+  surfaceColor100: neutralsLight.fillColorNeutral100Inverted,
+  surfaceColor090: neutralsLight.fillColorNeutral090,
   needsDesignPass: 'hotpink',
 } as const
 
@@ -127,6 +135,10 @@ const semanticAliasesDark: SemanticAliasesColors = {
   fillColorStatusErrorMedium: tokens.fillColorStatusErrorMedium,
   fillColorButtonNeutralSolidDisabled: neutralsDark.fillColorNeutral070,
   androidRippleNeutral: tokens.fillColorTransparencyLight020,
+  surfaceColorCard: neutralsDark.fillColorNeutral100Inverted,
+  surfaceColorCanvas: neutralsDark.fillColorNeutral090,
+  surfaceColor100: neutralsDark.fillColorNeutral100Inverted,
+  surfaceColor090: neutralsDark.fillColorNeutral090,
   needsDesignPass: 'pink',
 }
 

package/src/vendor/tapestry/tokens.ts

@@ -24,6 +24,8 @@ const colorPrimitives = {
   borderColorStatusErrorDark: 'hsl(8, 60%, 55%)',
   colorNeutral100White: 'hsl(0, 0%, 100%)',
   fillColorInteractionDefault: 'hsl(204, 100%, 40%)',
+  fillColorInteractionSwipeDefault: 'hsl(204, 100%, 40%)',
+  fillColorInteractionSwipeSecondary: 'hsl(0, 0%, 24%)',
   fillColorStatusNeutralGhost: 'hsl(0, 0%, 93%)',
   fillColorStatusNeutralGhostDark: 'hsl(0, 0%, 18%)',
   textColorStatusNeutral: 'hsl(0, 0%, 24%)',

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;AAEF,eAAO,MAAM,wBAAwB,cAAe,6BAA6B,sBAsFhF,CAAA"}

package/build/screens/create/conversation_create_screen.js

@@ -1,123 +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: [],
-            },
-            include: ['location'],
-        },
-        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 { GroupsGroupResource } from '../../types'\n\ntype ConversationCreateScreenProps = StaticScreenProps<{\n  group_id?: string\n  team_ids?: 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      include: ['location'],\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({\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({\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.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.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.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"]}