@planningcenter/chat-react-native 2.1.1 → 2.2.0-rc.1

package/build/screens/design_system_screen.js.map

@@ -1 +1 @@
-{"version":3,"file":"design_system_screen.js","sourceRoot":"","sources":["../../src/screens/design_system_screen.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useState } from 'react'\nimport { Alert, Pressable, ScrollView, StyleSheet, View } from 'react-native'\nimport type { ViewStyle } from 'react-native'\nimport { useTheme } from '../hooks'\nimport {\n  Avatar,\n  AvatarGroup,\n  Badge,\n  Button,\n  Heading,\n  Icon,\n  IconButton,\n  Image,\n  Spinner,\n  Switch,\n  Text,\n  TextButton,\n  TextInlineButton,\n} from '../components/display'\nimport {\n  space,\n  MAX_FONT_SIZE_MULTIPLIER,\n  platformPressedOpacityStyle,\n  platformFontWeightMedium,\n} from '../utils'\n\n// =================================\n// ====== Docs Utils ===============\n// =================================\n\nconst URL = {\n  image: 'https://picsum.photos/seed/picsum/200',\n  broken: 'https://broken.url',\n  avatar: 'https://i.pravatar.cc/200?img=22',\n  avatar_fallback: 'https://avatars.planningcenteronline.com/uploads/initials/PR.png',\n  two_avatars: ['https://i.pravatar.cc/200?img=22', 'https://i.pravatar.cc/200?img=23'],\n  three_avatars: [\n    'https://i.pravatar.cc/200?img=22',\n    'https://i.pravatar.cc/200?img=23',\n    'https://i.pravatar.cc/200?img=24',\n  ],\n  four_avatars: [\n    'https://i.pravatar.cc/200?img=30',\n    'https://i.pravatar.cc/200?img=29',\n    'https://i.pravatar.cc/200?img=28',\n    'https://i.pravatar.cc/200?img=27',\n  ],\n}\n\nconst buttonPress = () => Alert.alert('Button clicked')\n\n// =================================\n// ====== Component ================\n// =================================\n\nexport function DesignSystemScreen() {\n  const styles = useStyles()\n\n  return (\n    <ScrollView contentContainerStyle={styles.container} style={styles.scrollView}>\n      <ThemeSection />\n      {/* TODO: Enable & update when we install @planningcenter/tapestry */}\n      {/* <TokensSection /> */}\n      <IndicatorsSection />\n      <HeadingTextSection />\n      <PressablesSection />\n      <ImageIconsSection />\n      <FormControlsSection />\n      <StatusComponentsSection isLast />\n    </ScrollView>\n  )\n}\n\n// =================================\n// ====== Sections =================\n// =================================\n\ninterface SectionProps {\n  isLast?: boolean\n}\n\nfunction ThemeSection({ isLast }: SectionProps) {\n  return (\n    <CollapsableSection title=\"Theme\" isLast={isLast}>\n      <TextGroup>\n        <Text>There are four main parts to our theming system…</Text>\n        <TextRow>\n          <Heading variant=\"h3\">Default theme</Heading>\n          <Text>\n            Start at `src/utils/theme` when adding new theme values or checking what target apps\n            have access to. The file has more instructions and examples.\n          </Text>\n          <Text>At a high level, it provides…</Text>\n          <TextListItem label=\"1.\">\n            Access to consuming app targets of what theme values that they can be customized.\n          </TextListItem>\n          <TextListItem label=\"2.\">\n            Fallback values for our components to use if the values weren't overriden.\n          </TextListItem>\n        </TextRow>\n        <TextRow>\n          <Heading variant=\"h3\">Customizing the theme</Heading>\n          <Text>\n            Apps can override any default theme value by passing a `theme` object to our\n            `ChatProvider` that holds a `theme` and a `colorScheme`.\n          </Text>\n          <Text>\n            Currently types can be enforced by setting the parent theme object to\n            `CreateChatThemeProps`.\n          </Text>\n          <Text variant=\"footnote\">\n            Example setup: `apps/mobile/src/context/chat_context_provider.tsx`\n          </Text>\n        </TextRow>\n        <TextRow>\n          <Heading variant=\"h3\">Merged theme</Heading>\n          <Text>\n            In `src/contexts/chat_context.tsx` we merge the default theme and any custom values\n            coming from a product target with the `useCreateChatTheme` hook. It creates a single\n            `ChatTheme` type.\n          </Text>\n        </TextRow>\n        <TextRow>\n          <Heading variant=\"h3\">Using theme values</Heading>\n          <Text>\n            Inside of our own `chat-react-native` components we can access the merged `ChatTheme`\n            object via our own `useTheme` hook.\n          </Text>\n          <Text variant=\"footnote\">Example setup: `src/components/display/button.tsx`</Text>\n        </TextRow>\n      </TextGroup>\n    </CollapsableSection>\n  )\n}\n\n// function TokensSection({ isLast }: SectionProps) {\n//   return (\n//     <CollapsableSection title=\"Tokens\" isLast={isLast}>\n//       <TextGroup>\n//         <TextRow>\n//           <Heading variant=\"h3\">What are they?</Heading>\n//           <Text>\n//             Tokens are UX approved CSS values that we can use to style our UI in a consistent way.\n//             (e.g. colors, spacing amounts, and font weights.)\n//           </Text>\n//         </TextRow>\n//         <TextRow>\n//           <Heading variant=\"h3\">Where do they come from?</Heading>\n//           <Text>\n//             Tokens primarily come from our internal `@planningcenter/tapestry` package. However, at\n//             this time the package only support light mode colors, so Chat uses a workaround.\n//           </Text>\n//           <Text>Color-based tokens are infused into our theming system with two local files…</Text>\n//           <TextListItem label=\"1. `src/vendor/tapestry/tokens`:\">\n//             Primitive color values are stored* here. Primitives capture light or dark mode values,\n//             but don't take into account the devices's colors scheme.\n//           </TextListItem>\n//           <TextListItem label=\"2. `src/vendor/tapestry/alias_tokens_color_map`:\">\n//             Alias tokens reference the primitive color values token file* in light and dark mode\n//             specfic objects. Our theming system then selects the right color to use based on the\n//             device's color scheme.\n//           </TextListItem>\n//           <Text variant=\"footnote\">\n//             *If available, reference the color from the Tapestry package instead.\n//           </Text>\n//         </TextRow>\n//         <TextRow>\n//           <Heading variant=\"h3\">How do we use them?</Heading>\n//           <Text>There are two places to reference tokens at this time…</Text>\n//           <TextListItem label=\"• Color tokens:\">\n//             Reference them from our internal `useTheme` hook to ensure the correct light or dark\n//             mode color token is used.\n//           </TextListItem>\n//           <TextListItem label=\"• All other tokens:\">\n//             Use the `computedToken` function from `@planningcenter/tapestry` by passing it a string\n//             with the token's name. This function provides Typescript support and maps to the token's\n//             raw CSS value. There is another function called `token`, but it maps to CSS custom\n//             properties which React Native doesn't support.\n//           </TextListItem>\n//         </TextRow>\n//       </TextGroup>\n//     </CollapsableSection>\n//   )\n// }\n\nfunction IndicatorsSection({ isLast }: SectionProps) {\n  const styles = useStyles()\n\n  return (\n    <CollapsableSection title=\"Indicators\" isLast={isLast}>\n      <Group\n        title=\"Spinner\"\n        description=\"Loading indicators that can be used within or close to atomic components. Not intended for full-screen loading.\"\n      >\n        <Row style={styles.spinnerContainer}>\n          <Spinner size={24} />\n        </Row>\n      </Group>\n    </CollapsableSection>\n  )\n}\n\nfunction HeadingTextSection({ isLast }: SectionProps) {\n  return (\n    <CollapsableSection title=\"Heading & Text\" isLast={isLast}>\n      <Group\n        title=\"Heading\"\n        description=\"Use for headings & titles as it includes the a11y 'header' role. Change the size and style with the h1-h4 variants.\"\n      >\n        <Row>\n          <Heading>Heading 1</Heading>\n          <Heading variant=\"h2\">Heading 2</Heading>\n          <Heading variant=\"h3\">Heading 3</Heading>\n          <Heading variant=\"h4\">Heading 4</Heading>\n        </Row>\n      </Group>\n      <Group title=\"Text\" description=\"Use for body copy and supporting text.\">\n        <Row>\n          <Text>Plain text</Text>\n          <Text variant=\"secondary\">Secondary</Text>\n          <Text variant=\"tertiary\">Tertiary</Text>\n          <Text variant=\"footnote\">Footnote</Text>\n        </Row>\n      </Group>\n    </CollapsableSection>\n  )\n}\n\nfunction PressablesSection({ isLast }: SectionProps) {\n  const styles = useStyles()\n\n  return (\n    <CollapsableSection title=\"Pressables\" isLast={isLast}>\n      <Group\n        title=\"Button\"\n        description=\"Feature fill and outline variants for primary and danger usecases, along with disabled & loading states. Optionally shows icons to the left and right of the text.\"\n      >\n        <Row>\n          <Button onPress={buttonPress} title=\"Default\" size=\"sm\" />\n          <Button onPress={buttonPress} title=\"Default\" size=\"md\" />\n          <Button onPress={buttonPress} title=\"Danger\" appearance=\"danger\" size=\"lg\" />\n        </Row>\n        <Row>\n          <Button disabled onPress={buttonPress} title=\"Disabled\" size=\"sm\" />\n          <Button disabled onPress={buttonPress} title=\"Disabled\" size=\"md\" />\n          <Button disabled onPress={buttonPress} title=\"Disabled\" appearance=\"danger\" size=\"lg\" />\n        </Row>\n        <Row>\n          <Button\n            onPress={buttonPress}\n            title=\"Default\"\n            size=\"sm\"\n            iconNameLeft=\"general.plus\"\n            maxFontSizeMultiplier={MAX_FONT_SIZE_MULTIPLIER}\n          />\n          <Button\n            onPress={buttonPress}\n            title=\"Default\"\n            size=\"md\"\n            iconNameRight=\"churchCenter.sort\"\n            maxFontSizeMultiplier={MAX_FONT_SIZE_MULTIPLIER}\n          />\n          <Button\n            onPress={buttonPress}\n            title=\"Danger\"\n            appearance=\"danger\"\n            size=\"lg\"\n            iconNameLeft=\"groups.cards\"\n            iconNameRight=\"general.downChevron\"\n            maxFontSizeMultiplier={MAX_FONT_SIZE_MULTIPLIER}\n          />\n        </Row>\n        <Row>\n          <Button loading onPress={buttonPress} title=\"Default\" size=\"sm\" />\n          <Button loading onPress={buttonPress} title=\"Default\" size=\"md\" />\n          <Button loading onPress={buttonPress} title=\"Danger\" appearance=\"danger\" size=\"lg\" />\n        </Row>\n        <Row>\n          <Button onPress={buttonPress} title=\"Default\" size=\"sm\" variant=\"outline\" />\n          <Button onPress={buttonPress} title=\"Default\" size=\"md\" variant=\"outline\" />\n          <Button\n            onPress={buttonPress}\n            title=\"Danger\"\n            appearance=\"danger\"\n            size=\"lg\"\n            variant=\"outline\"\n          />\n        </Row>\n        <Row>\n          <Button\n            onPress={buttonPress}\n            title=\"Default\"\n            size=\"sm\"\n            variant=\"outline\"\n            iconNameLeft=\"general.plus\"\n            maxFontSizeMultiplier={MAX_FONT_SIZE_MULTIPLIER}\n          />\n          <Button\n            onPress={buttonPress}\n            title=\"Default\"\n            size=\"md\"\n            variant=\"outline\"\n            iconNameRight=\"churchCenter.sort\"\n            maxFontSizeMultiplier={MAX_FONT_SIZE_MULTIPLIER}\n          />\n          <Button\n            onPress={buttonPress}\n            title=\"Danger\"\n            appearance=\"danger\"\n            size=\"lg\"\n            variant=\"outline\"\n            iconNameLeft=\"groups.cards\"\n            iconNameRight=\"general.downChevron\"\n            maxFontSizeMultiplier={MAX_FONT_SIZE_MULTIPLIER}\n          />\n        </Row>\n        <Row>\n          <Button\n            disabled\n            onPress={buttonPress}\n            title=\"Disabled\"\n            size=\"sm\"\n            variant=\"outline\"\n            iconNameLeft=\"general.plus\"\n            maxFontSizeMultiplier={MAX_FONT_SIZE_MULTIPLIER}\n          />\n          <Button\n            disabled\n            onPress={buttonPress}\n            title=\"Disabled\"\n            size=\"md\"\n            variant=\"outline\"\n            iconNameRight=\"churchCenter.sort\"\n            maxFontSizeMultiplier={MAX_FONT_SIZE_MULTIPLIER}\n          />\n          <Button\n            disabled\n            onPress={buttonPress}\n            title=\"Disabled\"\n            appearance=\"danger\"\n            size=\"lg\"\n            variant=\"outline\"\n            iconNameLeft=\"groups.cards\"\n            iconNameRight=\"general.downChevron\"\n            maxFontSizeMultiplier={MAX_FONT_SIZE_MULTIPLIER}\n          />\n        </Row>\n        <Row>\n          <Button\n            loading\n            onPress={buttonPress}\n            title=\"Default\"\n            size=\"sm\"\n            variant=\"outline\"\n            iconNameLeft=\"general.plus\"\n            maxFontSizeMultiplier={MAX_FONT_SIZE_MULTIPLIER}\n          />\n          <Button\n            loading\n            onPress={buttonPress}\n            title=\"Default\"\n            size=\"md\"\n            variant=\"outline\"\n            iconNameRight=\"churchCenter.sort\"\n            maxFontSizeMultiplier={MAX_FONT_SIZE_MULTIPLIER}\n          />\n          <Button\n            loading\n            onPress={buttonPress}\n            title=\"Danger\"\n            appearance=\"danger\"\n            size=\"lg\"\n            variant=\"outline\"\n            iconNameLeft=\"groups.cards\"\n            iconNameRight=\"general.downChevron\"\n            maxFontSizeMultiplier={MAX_FONT_SIZE_MULTIPLIER}\n          />\n        </Row>\n      </Group>\n      <Group\n        title=\"IconButton\"\n        description=\"Supports different appearances, sizes, along with loading & disabled states. Use `iconStyle` for custom colors and font sizes. Requires `accessibilityLabel` as icon's don't provide context to screen readers.\"\n      >\n        <Row>\n          <IconButton\n            onPress={buttonPress}\n            name=\"general.paperclip\"\n            accessibilityLabel=\"Add attachment\"\n            accessibilityHint=\"Opens your device's image gallary\"\n            size=\"md\"\n          />\n          <IconButton\n            onPress={buttonPress}\n            name=\"general.paperclip\"\n            accessibilityLabel=\"Add attachment\"\n            accessibilityHint=\"Opens your device's image gallary\"\n            appearance=\"danger\"\n            size=\"lg\"\n          />\n          <IconButton\n            onPress={buttonPress}\n            name=\"general.paperclip\"\n            accessibilityLabel=\"Add attachment\"\n            accessibilityHint=\"Opens your device's image gallary\"\n            appearance=\"interaction\"\n            size=\"xl\"\n          />\n          <IconButton\n            onPress={buttonPress}\n            name=\"general.paperclip\"\n            accessibilityLabel=\"Add attachment\"\n            accessibilityHint=\"Opens your device's image gallary\"\n            iconStyle={styles.customIconButtonColor}\n            size=\"xxl\"\n          />\n          <IconButton\n            onPress={buttonPress}\n            name=\"general.paperclip\"\n            accessibilityLabel=\"Add attachment\"\n            accessibilityHint=\"Opens your device's image gallary\"\n            size=\"xxxl\"\n          />\n        </Row>\n        <Row>\n          <IconButton\n            onPress={buttonPress}\n            name=\"general.paperclip\"\n            accessibilityLabel=\"Add attachment\"\n            accessibilityHint=\"Opens your device's image gallary\"\n            size=\"md\"\n            disabled\n          />\n          <IconButton\n            onPress={buttonPress}\n            name=\"general.paperclip\"\n            accessibilityLabel=\"Add attachment\"\n            accessibilityHint=\"Opens your device's image gallary\"\n            appearance=\"danger\"\n            size=\"lg\"\n            disabled\n          />\n          <IconButton\n            onPress={buttonPress}\n            name=\"general.paperclip\"\n            accessibilityLabel=\"Add attachment\"\n            accessibilityHint=\"Opens your device's image gallary\"\n            appearance=\"interaction\"\n            size=\"xl\"\n            disabled\n          />\n          <IconButton\n            onPress={buttonPress}\n            name=\"general.paperclip\"\n            accessibilityLabel=\"Add attachment\"\n            accessibilityHint=\"Opens your device's image gallary\"\n            iconStyle={styles.customIconButtonColor}\n            size=\"xxl\"\n            disabled\n          />\n          <IconButton\n            onPress={buttonPress}\n            name=\"general.paperclip\"\n            accessibilityLabel=\"Add attachment\"\n            accessibilityHint=\"Opens your device's image gallary\"\n            size=\"xxxl\"\n            disabled\n          />\n        </Row>\n        <Row>\n          <IconButton\n            onPress={buttonPress}\n            name=\"general.paperclip\"\n            accessibilityLabel=\"Add attachment\"\n            accessibilityHint=\"Opens your device's image gallary\"\n            size=\"md\"\n            loading\n          />\n          <IconButton\n            onPress={buttonPress}\n            name=\"general.paperclip\"\n            accessibilityLabel=\"Add attachment\"\n            accessibilityHint=\"Opens your device's image gallary\"\n            appearance=\"danger\"\n            size=\"lg\"\n            loading\n          />\n          <IconButton\n            onPress={buttonPress}\n            name=\"general.paperclip\"\n            accessibilityLabel=\"Add attachment\"\n            accessibilityHint=\"Opens your device's image gallary\"\n            appearance=\"interaction\"\n            size=\"xl\"\n            loading\n          />\n          <IconButton\n            onPress={buttonPress}\n            name=\"general.paperclip\"\n            accessibilityLabel=\"Add attachment\"\n            accessibilityHint=\"Opens your device's image gallary\"\n            iconStyle={styles.customIconButtonColor}\n            size=\"xxl\"\n            loading\n          />\n          <IconButton\n            onPress={buttonPress}\n            name=\"general.paperclip\"\n            accessibilityLabel=\"Add attachment\"\n            accessibilityHint=\"Opens your device's image gallary\"\n            size=\"xxxl\"\n            loading\n          />\n        </Row>\n      </Group>\n      <Group\n        title=\"TextButton\"\n        description=\"Pressable text with default & danger appearance options. Can be disabled and accept `Text` variance props.\"\n      >\n        <Row>\n          <TextButton onPress={buttonPress}>Default</TextButton>\n          <TextButton onPress={buttonPress} variant=\"secondary\">\n            Default\n          </TextButton>\n          <TextButton onPress={buttonPress} variant=\"tertiary\">\n            Default\n          </TextButton>\n          <TextButton onPress={buttonPress} variant=\"footnote\">\n            Default\n          </TextButton>\n        </Row>\n        <Row>\n          <TextButton onPress={buttonPress} appearance=\"danger\">\n            Danger\n          </TextButton>\n          <TextButton onPress={buttonPress} variant=\"secondary\" appearance=\"danger\">\n            Danger\n          </TextButton>\n          <TextButton onPress={buttonPress} variant=\"tertiary\" appearance=\"danger\">\n            Danger\n          </TextButton>\n          <TextButton onPress={buttonPress} variant=\"footnote\" appearance=\"danger\">\n            Danger\n          </TextButton>\n        </Row>\n        <Row>\n          <TextButton onPress={buttonPress} disabled>\n            Disabled\n          </TextButton>\n          <TextButton onPress={buttonPress} variant=\"secondary\" disabled>\n            Disabled\n          </TextButton>\n          <TextButton onPress={buttonPress} variant=\"tertiary\" disabled>\n            Disabled\n          </TextButton>\n          <TextButton onPress={buttonPress} variant=\"footnote\" disabled>\n            Disabled\n          </TextButton>\n        </Row>\n      </Group>\n      <Group\n        title=\"TextInlineButton\"\n        description=\"Supports nesting within `Text`. Temporary component until React Native fixes a layout bug in `Pressable` which used in `TextButton`.\"\n      >\n        <Row style={styles.alignRowLeft}>\n          <Text>\n            This text is next to{' '}\n            <TextInlineButton onPress={buttonPress}>default button text</TextInlineButton> Lorem\n            ipsum dolor{' '}\n            <TextInlineButton onPress={buttonPress} appearance=\"danger\">\n              danger button text\n            </TextInlineButton>{' '}\n            consectetur{' '}\n            <TextInlineButton onPress={buttonPress} disabled>\n              disabled button text\n            </TextInlineButton>{' '}\n            elit.\n          </Text>\n          <Text variant=\"secondary\">\n            This text is next to{' '}\n            <TextInlineButton variant=\"secondary\" onPress={buttonPress}>\n              default button text\n            </TextInlineButton>{' '}\n            Lorem ipsum dolor{' '}\n            <TextInlineButton variant=\"secondary\" onPress={buttonPress} appearance=\"danger\">\n              danger button text\n            </TextInlineButton>{' '}\n            consectetur{' '}\n            <TextInlineButton variant=\"secondary\" onPress={buttonPress} disabled>\n              disabled button text\n            </TextInlineButton>{' '}\n            elit.\n          </Text>\n          <Text variant=\"tertiary\">\n            This text is next to{' '}\n            <TextInlineButton variant=\"tertiary\" onPress={buttonPress}>\n              default button text\n            </TextInlineButton>{' '}\n            Lorem ipsum dolor{' '}\n            <TextInlineButton variant=\"tertiary\" onPress={buttonPress} appearance=\"danger\">\n              danger button text\n            </TextInlineButton>{' '}\n            consectetur{' '}\n            <TextInlineButton variant=\"tertiary\" onPress={buttonPress} disabled>\n              disabled button text\n            </TextInlineButton>{' '}\n            elit.\n          </Text>\n          <Text variant=\"footnote\">\n            This text is next to{' '}\n            <TextInlineButton variant=\"footnote\" onPress={buttonPress}>\n              default button text\n            </TextInlineButton>{' '}\n            Lorem ipsum dolor{' '}\n            <TextInlineButton variant=\"footnote\" onPress={buttonPress} appearance=\"danger\">\n              danger button text\n            </TextInlineButton>{' '}\n            consectetur{' '}\n            <TextInlineButton variant=\"footnote\" onPress={buttonPress} disabled>\n              disabled button text\n            </TextInlineButton>{' '}\n            elit.\n          </Text>\n        </Row>\n      </Group>\n    </CollapsableSection>\n  )\n}\n\nfunction ImageIconsSection({ isLast }: SectionProps) {\n  const styles = useStyles()\n  const { colors } = useTheme()\n\n  return (\n    <CollapsableSection title=\"Images & Icons\" isLast={isLast}>\n      <Group\n        title=\"Image\"\n        description=\"Foundational way of displaying images. Loading or broken images will fallback to show a spinner. Hide decortive images from screen readers with `alt=''`.\"\n      >\n        <Row>\n          <Image source={{ uri: URL.broken }} style={styles.image} alt=\"Mountain sunrise\" />\n          <Image source={{ uri: URL.image }} style={styles.image} alt=\"Mountain sunrise\" />\n          <Image source={{ uri: URL.image }} style={styles.image} alt=\"\" />\n        </Row>\n      </Group>\n      <Group\n        title=\"Avatar\"\n        description='Displays the profile image for a user in different sizes and has a loading fallback. Can optionally show an online/offline \"presence\" indicator.'\n      >\n        <Row>\n          <Avatar sourceUri={URL.broken} />\n          <Avatar size=\"md\" sourceUri={URL.avatar_fallback} />\n          <Avatar sourceUri={URL.avatar} />\n        </Row>\n        <Row>\n          <Avatar presence=\"offline\" sourceUri={URL.broken} />\n          <Avatar presence=\"online\" size=\"md\" sourceUri={URL.avatar_fallback} />\n          <Avatar presence=\"offline\" sourceUri={URL.avatar} />\n        </Row>\n      </Group>\n      <Group\n        title=\"AvatarGroup\"\n        description=\"Shows 1-4 images in a grid at different sizes. Loading fallback shows until all images successfully load.\"\n      >\n        <Row>\n          <AvatarGroup sourceUris={[URL.broken]} />\n          <AvatarGroup sourceUris={[URL.broken, URL.broken, ...URL.two_avatars]} />\n          <AvatarGroup sourceUris={[URL.avatar]} />\n          <AvatarGroup sourceUris={URL.two_avatars} />\n          <AvatarGroup sourceUris={URL.three_avatars} />\n          <AvatarGroup sourceUris={URL.four_avatars} />\n        </Row>\n      </Group>\n      <Group\n        title=\"Icon\"\n        description=\"Displays any icon from @planningcenter/icons. Missing icons will fallback to a grey circle. Styling with `fontSize` will allow it to scale with the device's text a11y size.\"\n      >\n        <Row>\n          <Icon name=\"missingIcon\" size={20} />\n          <Icon name=\"general.textMessage\" size={20} />\n          <Icon name=\"general.bell\" size={20} color={colors.needsDesignPass} />\n          <Icon name=\"churchCenter.sort\" style={styles.icon} />\n        </Row>\n      </Group>\n    </CollapsableSection>\n  )\n}\n\nfunction FormControlsSection({ isLast }: SectionProps) {\n  const [switchEnabled, setSwitchEnabled] = useState(false)\n  return (\n    <CollapsableSection title=\"Form Controls\" isLast={isLast}>\n      <Group\n        title=\"Switch\"\n        description=\"Use to toggle a boolean value for some sort of contained setting. (ie. Muting a conversation) This is a light wrapper that takes into account themed colors.\"\n      >\n        <Row>\n          <Switch value={switchEnabled} onValueChange={value => setSwitchEnabled(value)} />\n          <Switch disabled />\n        </Row>\n      </Group>\n    </CollapsableSection>\n  )\n}\n\nfunction StatusComponentsSection({ isLast }: SectionProps) {\n  return (\n    <CollapsableSection title=\"Status components\" isLast={isLast}>\n      <Group\n        title=\"Badge\"\n        description=\"Badge that can convey a status and show an icon. It also supports a meta label and product logo for the conversation list and conversation header. Target products can change colors and hide the logo via theming.\"\n      >\n        <Row>\n          <Badge label=\"Neutral\" appearance=\"neutral\" />\n          <Badge label=\"Error\" appearance=\"error\" />\n          <Badge label=\"Info\" appearance=\"info\" />\n          <Badge label=\"Success\" appearance=\"success\" />\n          <Badge label=\"Warning\" appearance=\"warning\" />\n        </Row>\n        <Row>\n          <Badge label=\"Neutral\" appearance=\"neutral\" iconName=\"general.star\" />\n          <Badge label=\"Error\" appearance=\"error\" iconName=\"general.exclamationTriangle\" />\n          <Badge label=\"Info\" appearance=\"info\" iconName=\"general.outlinedInfoCircle\" />\n          <Badge label=\"Success\" appearance=\"success\" iconName=\"general.check\" />\n          <Badge label=\"Warning\" appearance=\"warning\" iconName=\"general.shieldExclamation\" />\n        </Row>\n        <Row>\n          <Badge\n            variant=\"meta\"\n            productLogoName=\"groups\"\n            label=\"Group\"\n            metaLabel=\"Worlds longest group name that will probably overflow if it gets very much longer\"\n          />\n          <Badge variant=\"meta\" productLogoName=\"groups\" label=\"Group\" metaLabel=\"Young adults\" />\n          <Badge variant=\"meta\" productLogoName=\"services\" label=\"Plan\" metaLabel=\"June 19, 2025\" />\n          <Badge variant=\"meta\" productLogoName=\"services\" label=\"Team\" />\n        </Row>\n        <Row>\n          <Badge\n            variant=\"metaSubtle\"\n            productLogoName=\"groups\"\n            label=\"Group\"\n            metaLabel=\"Worlds longest group name that will probably overflow if it gets very much longer\"\n          />\n          <Badge\n            variant=\"metaSubtle\"\n            productLogoName=\"groups\"\n            label=\"Group\"\n            metaLabel=\"Young adults\"\n          />\n          <Badge\n            variant=\"metaSubtle\"\n            productLogoName=\"services\"\n            label=\"Plan\"\n            metaLabel=\"June 19, 2025\"\n          />\n          <Badge variant=\"metaSubtle\" productLogoName=\"services\" label=\"Team\" />\n        </Row>\n      </Group>\n    </CollapsableSection>\n  )\n}\n\n// =================================\n// ====== Docs UI ==================\n// =================================\ninterface CollapsableSectionProps {\n  children: React.ReactNode\n  title: string\n  isLast?: boolean\n}\n\nfunction CollapsableSection({ children, title, isLast = false }: CollapsableSectionProps) {\n  const styles = useStyles()\n  const { colors } = useTheme()\n  const [collapsed, setCollapsed] = useState(true)\n\n  return (\n    <View style={[styles.section, styles.sectionBorderTop, isLast && styles.sectionBorderBottom]}>\n      <Pressable\n        onPress={() => setCollapsed(!collapsed)}\n        style={({ pressed }) => [styles.sectionHeader, pressed && platformPressedOpacityStyle]}\n        android_ripple={{ color: colors.androidRippleNeutral, borderless: false, foreground: true }}\n      >\n        <Heading>{title}</Heading>\n        <Icon name={collapsed ? 'general.plus' : 'general.minus'} size={16} />\n      </Pressable>\n      {!collapsed && <View style={styles.sectionChildren}>{children}</View>}\n    </View>\n  )\n}\n\ninterface GroupProps {\n  title: string\n  description?: string\n  children: React.ReactNode\n}\n\nfunction Group({ title, description, children }: GroupProps) {\n  const styles = useStyles()\n  return (\n    <View style={styles.group}>\n      <View style={styles.groupHeading}>\n        <Heading variant=\"h3\">{title}</Heading>\n        {description && <Text variant=\"footnote\">{description}</Text>}\n      </View>\n      {children}\n    </View>\n  )\n}\n\ninterface RowProps {\n  children: React.ReactNode\n  style?: ViewStyle\n}\n\nfunction Row({ children, style }: RowProps) {\n  const styles = useStyles()\n  return <View style={[styles.row, style]}>{children}</View>\n}\n\nfunction TextGroup({ children }: { children: React.ReactNode }) {\n  const styles = useStyles()\n  return <View style={styles.textGroup}>{children}</View>\n}\n\ninterface TextRowProps {\n  children: React.ReactNode\n  style?: ViewStyle\n}\n\nfunction TextRow({ children, style }: TextRowProps) {\n  const styles = useStyles()\n  return <View style={[styles.textRow, style]}>{children}</View>\n}\n\ninterface TextListItemProps {\n  label: string\n  children: React.ReactNode\n}\n\nfunction TextListItem({ label, children }: TextListItemProps) {\n  const styles = useStyles()\n  return (\n    <Text variant=\"tertiary\">\n      <Text variant=\"tertiary\" style={styles.mediumWeight}>\n        {label}\n      </Text>{' '}\n      {children}\n    </Text>\n  )\n}\n\n// =================================\n// ====== Styles ===================\n// =================================\n\nconst useStyles = () => {\n  const { colors } = useTheme()\n\n  return StyleSheet.create({\n    scrollView: {\n      flex: 1,\n      backgroundColor: colors.fillColorNeutral100Inverted,\n    },\n    container: {\n      padding: space(3),\n    },\n    listItem: { color: colors.fillColorNeutral020 },\n    section: {\n      gap: space(1),\n      borderColor: colors.fillColorNeutral020,\n    },\n    sectionBorderTop: {\n      borderTopWidth: 1,\n    },\n    sectionBorderBottom: {\n      borderBottomWidth: 1,\n    },\n    sectionHeader: {\n      flexDirection: 'row',\n      justifyContent: 'space-between',\n      alignItems: 'center',\n      paddingVertical: space(3),\n    },\n    sectionChildren: {\n      paddingBottom: space(3),\n      gap: space(6),\n    },\n    row: {\n      gap: space(2),\n      flexDirection: 'row',\n      alignItems: 'center',\n      justifyContent: 'center',\n      flexWrap: 'wrap',\n    },\n    textRow: {\n      gap: space(1.5),\n    },\n    textGroup: {\n      gap: space(2.5),\n    },\n    mediumWeight: {\n      fontWeight: platformFontWeightMedium,\n    },\n    alignRowLeft: {\n      justifyContent: 'flex-start',\n    },\n    group: {\n      gap: space(3),\n    },\n    groupHeading: {\n      gap: space(1),\n    },\n    spinnerContainer: {\n      height: space(2.5),\n    },\n    image: {\n      width: 100,\n      height: 100,\n    },\n    icon: {\n      fontSize: 20,\n      color: colors.iconColorDefaultSecondary,\n    },\n    customIconButtonColor: {\n      color: 'purple',\n    },\n  })\n}\n"]}
+{"version":3,"file":"design_system_screen.js","sourceRoot":"","sources":["../../src/screens/design_system_screen.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useState } from 'react'\nimport { Alert, Pressable, ScrollView, StyleSheet, View } from 'react-native'\nimport type { ViewStyle } from 'react-native'\nimport { useTheme } from '../hooks'\nimport {\n  Avatar,\n  AvatarGroup,\n  Badge,\n  Banner,\n  Button,\n  Heading,\n  Icon,\n  IconButton,\n  Image,\n  Spinner,\n  Switch,\n  Text,\n  TextButton,\n  TextInlineButton,\n} from '../components/display'\nimport {\n  space,\n  MAX_FONT_SIZE_MULTIPLIER,\n  platformPressedOpacityStyle,\n  platformFontWeightMedium,\n} from '../utils'\nimport BannerPrimitive from '../components/primitive/banner_primitive'\n\n// =================================\n// ====== Docs Utils ===============\n// =================================\n\nconst URL = {\n  image: 'https://picsum.photos/seed/picsum/200',\n  broken: 'https://broken.url',\n  avatar: 'https://i.pravatar.cc/200?img=22',\n  avatar_fallback: 'https://avatars.planningcenteronline.com/uploads/initials/PR.png',\n  two_avatars: ['https://i.pravatar.cc/200?img=22', 'https://i.pravatar.cc/200?img=23'],\n  three_avatars: [\n    'https://i.pravatar.cc/200?img=22',\n    'https://i.pravatar.cc/200?img=23',\n    'https://i.pravatar.cc/200?img=24',\n  ],\n  four_avatars: [\n    'https://i.pravatar.cc/200?img=30',\n    'https://i.pravatar.cc/200?img=29',\n    'https://i.pravatar.cc/200?img=28',\n    'https://i.pravatar.cc/200?img=27',\n  ],\n}\n\nconst buttonPress = () => Alert.alert('Button clicked')\n\n// =================================\n// ====== Component ================\n// =================================\n\nexport function DesignSystemScreen() {\n  const styles = useStyles()\n\n  return (\n    <ScrollView contentContainerStyle={styles.container} style={styles.scrollView}>\n      <ThemeSection />\n      {/* TODO: Enable & update when we install @planningcenter/tapestry */}\n      {/* <TokensSection /> */}\n      <IndicatorsSection />\n      <HeadingTextSection />\n      <PressablesSection />\n      <ImageIconsSection />\n      <FormControlsSection />\n      <StatusComponentsSection isLast />\n    </ScrollView>\n  )\n}\n\n// =================================\n// ====== Sections =================\n// =================================\n\ninterface SectionProps {\n  isLast?: boolean\n}\n\nfunction ThemeSection({ isLast }: SectionProps) {\n  return (\n    <CollapsableSection title=\"Theme\" isLast={isLast}>\n      <TextGroup>\n        <Text>There are four main parts to our theming system…</Text>\n        <TextRow>\n          <Heading variant=\"h3\">Default theme</Heading>\n          <Text>\n            Start at `src/utils/theme` when adding new theme values or checking what target apps\n            have access to. The file has more instructions and examples.\n          </Text>\n          <Text>At a high level, it provides…</Text>\n          <TextListItem label=\"1.\">\n            Access to consuming app targets of what theme values that they can be customized.\n          </TextListItem>\n          <TextListItem label=\"2.\">\n            Fallback values for our components to use if the values weren't overriden.\n          </TextListItem>\n        </TextRow>\n        <TextRow>\n          <Heading variant=\"h3\">Customizing the theme</Heading>\n          <Text>\n            Apps can override any default theme value by passing a `theme` object to our\n            `ChatProvider` that holds a `theme` and a `colorScheme`.\n          </Text>\n          <Text>\n            Currently types can be enforced by setting the parent theme object to\n            `CreateChatThemeProps`.\n          </Text>\n          <Text variant=\"footnote\">\n            Example setup: `apps/mobile/src/context/chat_context_provider.tsx`\n          </Text>\n        </TextRow>\n        <TextRow>\n          <Heading variant=\"h3\">Merged theme</Heading>\n          <Text>\n            In `src/contexts/chat_context.tsx` we merge the default theme and any custom values\n            coming from a product target with the `useCreateChatTheme` hook. It creates a single\n            `ChatTheme` type.\n          </Text>\n        </TextRow>\n        <TextRow>\n          <Heading variant=\"h3\">Using theme values</Heading>\n          <Text>\n            Inside of our own `chat-react-native` components we can access the merged `ChatTheme`\n            object via our own `useTheme` hook.\n          </Text>\n          <Text variant=\"footnote\">Example setup: `src/components/display/button.tsx`</Text>\n        </TextRow>\n      </TextGroup>\n    </CollapsableSection>\n  )\n}\n\n// function TokensSection({ isLast }: SectionProps) {\n//   return (\n//     <CollapsableSection title=\"Tokens\" isLast={isLast}>\n//       <TextGroup>\n//         <TextRow>\n//           <Heading variant=\"h3\">What are they?</Heading>\n//           <Text>\n//             Tokens are UX approved CSS values that we can use to style our UI in a consistent way.\n//             (e.g. colors, spacing amounts, and font weights.)\n//           </Text>\n//         </TextRow>\n//         <TextRow>\n//           <Heading variant=\"h3\">Where do they come from?</Heading>\n//           <Text>\n//             Tokens primarily come from our internal `@planningcenter/tapestry` package. However, at\n//             this time the package only support light mode colors, so Chat uses a workaround.\n//           </Text>\n//           <Text>Color-based tokens are infused into our theming system with two local files…</Text>\n//           <TextListItem label=\"1. `src/vendor/tapestry/tokens`:\">\n//             Primitive color values are stored* here. Primitives capture light or dark mode values,\n//             but don't take into account the devices's colors scheme.\n//           </TextListItem>\n//           <TextListItem label=\"2. `src/vendor/tapestry/alias_tokens_color_map`:\">\n//             Alias tokens reference the primitive color values token file* in light and dark mode\n//             specfic objects. Our theming system then selects the right color to use based on the\n//             device's color scheme.\n//           </TextListItem>\n//           <Text variant=\"footnote\">\n//             *If available, reference the color from the Tapestry package instead.\n//           </Text>\n//         </TextRow>\n//         <TextRow>\n//           <Heading variant=\"h3\">How do we use them?</Heading>\n//           <Text>There are two places to reference tokens at this time…</Text>\n//           <TextListItem label=\"• Color tokens:\">\n//             Reference them from our internal `useTheme` hook to ensure the correct light or dark\n//             mode color token is used.\n//           </TextListItem>\n//           <TextListItem label=\"• All other tokens:\">\n//             Use the `computedToken` function from `@planningcenter/tapestry` by passing it a string\n//             with the token's name. This function provides Typescript support and maps to the token's\n//             raw CSS value. There is another function called `token`, but it maps to CSS custom\n//             properties which React Native doesn't support.\n//           </TextListItem>\n//         </TextRow>\n//       </TextGroup>\n//     </CollapsableSection>\n//   )\n// }\n\nfunction IndicatorsSection({ isLast }: SectionProps) {\n  const styles = useStyles()\n\n  return (\n    <CollapsableSection title=\"Indicators\" isLast={isLast}>\n      <Group\n        title=\"Spinner\"\n        description=\"Loading indicators that can be used within or close to atomic components. Not intended for full-screen loading.\"\n      >\n        <Row style={styles.spinnerContainer}>\n          <Spinner size={24} />\n        </Row>\n      </Group>\n    </CollapsableSection>\n  )\n}\n\nfunction HeadingTextSection({ isLast }: SectionProps) {\n  return (\n    <CollapsableSection title=\"Heading & Text\" isLast={isLast}>\n      <Group\n        title=\"Heading\"\n        description=\"Use for headings & titles as it includes the a11y 'header' role. Change the size and style with the h1-h4 variants.\"\n      >\n        <Row>\n          <Heading>Heading 1</Heading>\n          <Heading variant=\"h2\">Heading 2</Heading>\n          <Heading variant=\"h3\">Heading 3</Heading>\n          <Heading variant=\"h4\">Heading 4</Heading>\n        </Row>\n      </Group>\n      <Group title=\"Text\" description=\"Use for body copy and supporting text.\">\n        <Row>\n          <Text>Plain text</Text>\n          <Text variant=\"secondary\">Secondary</Text>\n          <Text variant=\"tertiary\">Tertiary</Text>\n          <Text variant=\"footnote\">Footnote</Text>\n        </Row>\n      </Group>\n    </CollapsableSection>\n  )\n}\n\nfunction PressablesSection({ isLast }: SectionProps) {\n  const styles = useStyles()\n\n  return (\n    <CollapsableSection title=\"Pressables\" isLast={isLast}>\n      <Group\n        title=\"Button\"\n        description=\"Feature fill and outline variants for primary and danger usecases, along with disabled & loading states. Optionally shows icons to the left and right of the text.\"\n      >\n        <Row>\n          <Button onPress={buttonPress} title=\"Default\" size=\"sm\" />\n          <Button onPress={buttonPress} title=\"Default\" size=\"md\" />\n          <Button onPress={buttonPress} title=\"Danger\" appearance=\"danger\" size=\"lg\" />\n        </Row>\n        <Row>\n          <Button disabled onPress={buttonPress} title=\"Disabled\" size=\"sm\" />\n          <Button disabled onPress={buttonPress} title=\"Disabled\" size=\"md\" />\n          <Button disabled onPress={buttonPress} title=\"Disabled\" appearance=\"danger\" size=\"lg\" />\n        </Row>\n        <Row>\n          <Button\n            onPress={buttonPress}\n            title=\"Default\"\n            size=\"sm\"\n            iconNameLeft=\"general.plus\"\n            maxFontSizeMultiplier={MAX_FONT_SIZE_MULTIPLIER}\n          />\n          <Button\n            onPress={buttonPress}\n            title=\"Default\"\n            size=\"md\"\n            iconNameRight=\"churchCenter.sort\"\n            maxFontSizeMultiplier={MAX_FONT_SIZE_MULTIPLIER}\n          />\n          <Button\n            onPress={buttonPress}\n            title=\"Danger\"\n            appearance=\"danger\"\n            size=\"lg\"\n            iconNameLeft=\"groups.cards\"\n            iconNameRight=\"general.downChevron\"\n            maxFontSizeMultiplier={MAX_FONT_SIZE_MULTIPLIER}\n          />\n        </Row>\n        <Row>\n          <Button loading onPress={buttonPress} title=\"Default\" size=\"sm\" />\n          <Button loading onPress={buttonPress} title=\"Default\" size=\"md\" />\n          <Button loading onPress={buttonPress} title=\"Danger\" appearance=\"danger\" size=\"lg\" />\n        </Row>\n        <Row>\n          <Button onPress={buttonPress} title=\"Default\" size=\"sm\" variant=\"outline\" />\n          <Button onPress={buttonPress} title=\"Default\" size=\"md\" variant=\"outline\" />\n          <Button\n            onPress={buttonPress}\n            title=\"Danger\"\n            appearance=\"danger\"\n            size=\"lg\"\n            variant=\"outline\"\n          />\n        </Row>\n        <Row>\n          <Button\n            onPress={buttonPress}\n            title=\"Default\"\n            size=\"sm\"\n            variant=\"outline\"\n            iconNameLeft=\"general.plus\"\n            maxFontSizeMultiplier={MAX_FONT_SIZE_MULTIPLIER}\n          />\n          <Button\n            onPress={buttonPress}\n            title=\"Default\"\n            size=\"md\"\n            variant=\"outline\"\n            iconNameRight=\"churchCenter.sort\"\n            maxFontSizeMultiplier={MAX_FONT_SIZE_MULTIPLIER}\n          />\n          <Button\n            onPress={buttonPress}\n            title=\"Danger\"\n            appearance=\"danger\"\n            size=\"lg\"\n            variant=\"outline\"\n            iconNameLeft=\"groups.cards\"\n            iconNameRight=\"general.downChevron\"\n            maxFontSizeMultiplier={MAX_FONT_SIZE_MULTIPLIER}\n          />\n        </Row>\n        <Row>\n          <Button\n            disabled\n            onPress={buttonPress}\n            title=\"Disabled\"\n            size=\"sm\"\n            variant=\"outline\"\n            iconNameLeft=\"general.plus\"\n            maxFontSizeMultiplier={MAX_FONT_SIZE_MULTIPLIER}\n          />\n          <Button\n            disabled\n            onPress={buttonPress}\n            title=\"Disabled\"\n            size=\"md\"\n            variant=\"outline\"\n            iconNameRight=\"churchCenter.sort\"\n            maxFontSizeMultiplier={MAX_FONT_SIZE_MULTIPLIER}\n          />\n          <Button\n            disabled\n            onPress={buttonPress}\n            title=\"Disabled\"\n            appearance=\"danger\"\n            size=\"lg\"\n            variant=\"outline\"\n            iconNameLeft=\"groups.cards\"\n            iconNameRight=\"general.downChevron\"\n            maxFontSizeMultiplier={MAX_FONT_SIZE_MULTIPLIER}\n          />\n        </Row>\n        <Row>\n          <Button\n            loading\n            onPress={buttonPress}\n            title=\"Default\"\n            size=\"sm\"\n            variant=\"outline\"\n            iconNameLeft=\"general.plus\"\n            maxFontSizeMultiplier={MAX_FONT_SIZE_MULTIPLIER}\n          />\n          <Button\n            loading\n            onPress={buttonPress}\n            title=\"Default\"\n            size=\"md\"\n            variant=\"outline\"\n            iconNameRight=\"churchCenter.sort\"\n            maxFontSizeMultiplier={MAX_FONT_SIZE_MULTIPLIER}\n          />\n          <Button\n            loading\n            onPress={buttonPress}\n            title=\"Danger\"\n            appearance=\"danger\"\n            size=\"lg\"\n            variant=\"outline\"\n            iconNameLeft=\"groups.cards\"\n            iconNameRight=\"general.downChevron\"\n            maxFontSizeMultiplier={MAX_FONT_SIZE_MULTIPLIER}\n          />\n        </Row>\n      </Group>\n      <Group\n        title=\"IconButton\"\n        description=\"Supports different appearances, sizes, along with loading & disabled states. Use `iconStyle` for custom colors and font sizes. Requires `accessibilityLabel` as icon's don't provide context to screen readers.\"\n      >\n        <Row>\n          <IconButton\n            onPress={buttonPress}\n            name=\"general.paperclip\"\n            accessibilityLabel=\"Add attachment\"\n            accessibilityHint=\"Opens your device's image gallary\"\n            size=\"md\"\n          />\n          <IconButton\n            onPress={buttonPress}\n            name=\"general.paperclip\"\n            accessibilityLabel=\"Add attachment\"\n            accessibilityHint=\"Opens your device's image gallary\"\n            appearance=\"danger\"\n            size=\"lg\"\n          />\n          <IconButton\n            onPress={buttonPress}\n            name=\"general.paperclip\"\n            accessibilityLabel=\"Add attachment\"\n            accessibilityHint=\"Opens your device's image gallary\"\n            appearance=\"interaction\"\n            size=\"xl\"\n          />\n          <IconButton\n            onPress={buttonPress}\n            name=\"general.paperclip\"\n            accessibilityLabel=\"Add attachment\"\n            accessibilityHint=\"Opens your device's image gallary\"\n            iconStyle={styles.customIconButtonColor}\n            size=\"xxl\"\n          />\n          <IconButton\n            onPress={buttonPress}\n            name=\"general.paperclip\"\n            accessibilityLabel=\"Add attachment\"\n            accessibilityHint=\"Opens your device's image gallary\"\n            size=\"xxxl\"\n          />\n        </Row>\n        <Row>\n          <IconButton\n            onPress={buttonPress}\n            name=\"general.paperclip\"\n            accessibilityLabel=\"Add attachment\"\n            accessibilityHint=\"Opens your device's image gallary\"\n            size=\"md\"\n            disabled\n          />\n          <IconButton\n            onPress={buttonPress}\n            name=\"general.paperclip\"\n            accessibilityLabel=\"Add attachment\"\n            accessibilityHint=\"Opens your device's image gallary\"\n            appearance=\"danger\"\n            size=\"lg\"\n            disabled\n          />\n          <IconButton\n            onPress={buttonPress}\n            name=\"general.paperclip\"\n            accessibilityLabel=\"Add attachment\"\n            accessibilityHint=\"Opens your device's image gallary\"\n            appearance=\"interaction\"\n            size=\"xl\"\n            disabled\n          />\n          <IconButton\n            onPress={buttonPress}\n            name=\"general.paperclip\"\n            accessibilityLabel=\"Add attachment\"\n            accessibilityHint=\"Opens your device's image gallary\"\n            iconStyle={styles.customIconButtonColor}\n            size=\"xxl\"\n            disabled\n          />\n          <IconButton\n            onPress={buttonPress}\n            name=\"general.paperclip\"\n            accessibilityLabel=\"Add attachment\"\n            accessibilityHint=\"Opens your device's image gallary\"\n            size=\"xxxl\"\n            disabled\n          />\n        </Row>\n        <Row>\n          <IconButton\n            onPress={buttonPress}\n            name=\"general.paperclip\"\n            accessibilityLabel=\"Add attachment\"\n            accessibilityHint=\"Opens your device's image gallary\"\n            size=\"md\"\n            loading\n          />\n          <IconButton\n            onPress={buttonPress}\n            name=\"general.paperclip\"\n            accessibilityLabel=\"Add attachment\"\n            accessibilityHint=\"Opens your device's image gallary\"\n            appearance=\"danger\"\n            size=\"lg\"\n            loading\n          />\n          <IconButton\n            onPress={buttonPress}\n            name=\"general.paperclip\"\n            accessibilityLabel=\"Add attachment\"\n            accessibilityHint=\"Opens your device's image gallary\"\n            appearance=\"interaction\"\n            size=\"xl\"\n            loading\n          />\n          <IconButton\n            onPress={buttonPress}\n            name=\"general.paperclip\"\n            accessibilityLabel=\"Add attachment\"\n            accessibilityHint=\"Opens your device's image gallary\"\n            iconStyle={styles.customIconButtonColor}\n            size=\"xxl\"\n            loading\n          />\n          <IconButton\n            onPress={buttonPress}\n            name=\"general.paperclip\"\n            accessibilityLabel=\"Add attachment\"\n            accessibilityHint=\"Opens your device's image gallary\"\n            size=\"xxxl\"\n            loading\n          />\n        </Row>\n      </Group>\n      <Group\n        title=\"TextButton\"\n        description=\"Pressable text with default & danger appearance options. Can be disabled and accept `Text` variance props.\"\n      >\n        <Row>\n          <TextButton onPress={buttonPress}>Default</TextButton>\n          <TextButton onPress={buttonPress} variant=\"secondary\">\n            Default\n          </TextButton>\n          <TextButton onPress={buttonPress} variant=\"tertiary\">\n            Default\n          </TextButton>\n          <TextButton onPress={buttonPress} variant=\"footnote\">\n            Default\n          </TextButton>\n        </Row>\n        <Row>\n          <TextButton onPress={buttonPress} appearance=\"danger\">\n            Danger\n          </TextButton>\n          <TextButton onPress={buttonPress} variant=\"secondary\" appearance=\"danger\">\n            Danger\n          </TextButton>\n          <TextButton onPress={buttonPress} variant=\"tertiary\" appearance=\"danger\">\n            Danger\n          </TextButton>\n          <TextButton onPress={buttonPress} variant=\"footnote\" appearance=\"danger\">\n            Danger\n          </TextButton>\n        </Row>\n        <Row>\n          <TextButton onPress={buttonPress} disabled>\n            Disabled\n          </TextButton>\n          <TextButton onPress={buttonPress} variant=\"secondary\" disabled>\n            Disabled\n          </TextButton>\n          <TextButton onPress={buttonPress} variant=\"tertiary\" disabled>\n            Disabled\n          </TextButton>\n          <TextButton onPress={buttonPress} variant=\"footnote\" disabled>\n            Disabled\n          </TextButton>\n        </Row>\n      </Group>\n      <Group\n        title=\"TextInlineButton\"\n        description=\"Supports nesting within `Text`. Temporary component until React Native fixes a layout bug in `Pressable` which used in `TextButton`.\"\n      >\n        <Row style={styles.alignRowLeft}>\n          <Text>\n            This text is next to{' '}\n            <TextInlineButton onPress={buttonPress}>default button text</TextInlineButton> Lorem\n            ipsum dolor{' '}\n            <TextInlineButton onPress={buttonPress} appearance=\"danger\">\n              danger button text\n            </TextInlineButton>{' '}\n            consectetur{' '}\n            <TextInlineButton onPress={buttonPress} disabled>\n              disabled button text\n            </TextInlineButton>{' '}\n            elit.\n          </Text>\n          <Text variant=\"secondary\">\n            This text is next to{' '}\n            <TextInlineButton variant=\"secondary\" onPress={buttonPress}>\n              default button text\n            </TextInlineButton>{' '}\n            Lorem ipsum dolor{' '}\n            <TextInlineButton variant=\"secondary\" onPress={buttonPress} appearance=\"danger\">\n              danger button text\n            </TextInlineButton>{' '}\n            consectetur{' '}\n            <TextInlineButton variant=\"secondary\" onPress={buttonPress} disabled>\n              disabled button text\n            </TextInlineButton>{' '}\n            elit.\n          </Text>\n          <Text variant=\"tertiary\">\n            This text is next to{' '}\n            <TextInlineButton variant=\"tertiary\" onPress={buttonPress}>\n              default button text\n            </TextInlineButton>{' '}\n            Lorem ipsum dolor{' '}\n            <TextInlineButton variant=\"tertiary\" onPress={buttonPress} appearance=\"danger\">\n              danger button text\n            </TextInlineButton>{' '}\n            consectetur{' '}\n            <TextInlineButton variant=\"tertiary\" onPress={buttonPress} disabled>\n              disabled button text\n            </TextInlineButton>{' '}\n            elit.\n          </Text>\n          <Text variant=\"footnote\">\n            This text is next to{' '}\n            <TextInlineButton variant=\"footnote\" onPress={buttonPress}>\n              default button text\n            </TextInlineButton>{' '}\n            Lorem ipsum dolor{' '}\n            <TextInlineButton variant=\"footnote\" onPress={buttonPress} appearance=\"danger\">\n              danger button text\n            </TextInlineButton>{' '}\n            consectetur{' '}\n            <TextInlineButton variant=\"footnote\" onPress={buttonPress} disabled>\n              disabled button text\n            </TextInlineButton>{' '}\n            elit.\n          </Text>\n        </Row>\n      </Group>\n    </CollapsableSection>\n  )\n}\n\nfunction ImageIconsSection({ isLast }: SectionProps) {\n  const styles = useStyles()\n  const { colors } = useTheme()\n\n  return (\n    <CollapsableSection title=\"Images & Icons\" isLast={isLast}>\n      <Group\n        title=\"Image\"\n        description=\"Foundational way of displaying images. Loading or broken images will fallback to show a spinner. Hide decortive images from screen readers with `alt=''`.\"\n      >\n        <Row>\n          <Image source={{ uri: URL.broken }} style={styles.image} alt=\"Mountain sunrise\" />\n          <Image source={{ uri: URL.image }} style={styles.image} alt=\"Mountain sunrise\" />\n          <Image source={{ uri: URL.image }} style={styles.image} alt=\"\" />\n        </Row>\n      </Group>\n      <Group\n        title=\"Avatar\"\n        description='Displays the profile image for a user in different sizes and has a loading fallback. Can optionally show an online/offline \"presence\" indicator.'\n      >\n        <Row>\n          <Avatar sourceUri={URL.broken} />\n          <Avatar size=\"md\" sourceUri={URL.avatar_fallback} />\n          <Avatar sourceUri={URL.avatar} />\n        </Row>\n        <Row>\n          <Avatar presence=\"offline\" sourceUri={URL.broken} />\n          <Avatar presence=\"online\" size=\"md\" sourceUri={URL.avatar_fallback} />\n          <Avatar presence=\"offline\" sourceUri={URL.avatar} />\n        </Row>\n      </Group>\n      <Group\n        title=\"AvatarGroup\"\n        description=\"Shows 1-4 images in a grid at different sizes. Loading fallback shows until all images successfully load.\"\n      >\n        <Row>\n          <AvatarGroup sourceUris={[URL.broken]} />\n          <AvatarGroup sourceUris={[URL.broken, URL.broken, ...URL.two_avatars]} />\n          <AvatarGroup sourceUris={[URL.avatar]} />\n          <AvatarGroup sourceUris={URL.two_avatars} />\n          <AvatarGroup sourceUris={URL.three_avatars} />\n          <AvatarGroup sourceUris={URL.four_avatars} />\n        </Row>\n      </Group>\n      <Group\n        title=\"Icon\"\n        description=\"Displays any icon from @planningcenter/icons. Missing icons will fallback to a grey circle. Styling with `fontSize` will allow it to scale with the device's text a11y size.\"\n      >\n        <Row>\n          <Icon name=\"missingIcon\" size={20} />\n          <Icon name=\"general.textMessage\" size={20} />\n          <Icon name=\"general.bell\" size={20} color={colors.needsDesignPass} />\n          <Icon name=\"churchCenter.sort\" style={styles.icon} />\n        </Row>\n      </Group>\n    </CollapsableSection>\n  )\n}\n\nfunction FormControlsSection({ isLast }: SectionProps) {\n  const [switchEnabled, setSwitchEnabled] = useState(false)\n  return (\n    <CollapsableSection title=\"Form Controls\" isLast={isLast}>\n      <Group\n        title=\"Switch\"\n        description=\"Use to toggle a boolean value for some sort of contained setting. (ie. Muting a conversation) This is a light wrapper that takes into account themed colors.\"\n      >\n        <Row>\n          <Switch value={switchEnabled} onValueChange={value => setSwitchEnabled(value)} />\n          <Switch disabled />\n        </Row>\n      </Group>\n    </CollapsableSection>\n  )\n}\n\nfunction StatusComponentsSection({ isLast }: SectionProps) {\n  return (\n    <CollapsableSection title=\"Status components\" isLast={isLast}>\n      <Group\n        title=\"Badge\"\n        description=\"Badge that can convey a status and show an icon. It also supports a meta label and product logo for the conversation list and conversation header. Target products can change colors and hide the logo via theming.\"\n      >\n        <Row>\n          <Badge label=\"Neutral\" appearance=\"neutral\" />\n          <Badge label=\"Error\" appearance=\"error\" />\n          <Badge label=\"Info\" appearance=\"info\" />\n          <Badge label=\"Success\" appearance=\"success\" />\n          <Badge label=\"Warning\" appearance=\"warning\" />\n        </Row>\n        <Row>\n          <Badge label=\"Neutral\" appearance=\"neutral\" iconName=\"general.star\" />\n          <Badge label=\"Error\" appearance=\"error\" iconName=\"general.exclamationTriangle\" />\n          <Badge label=\"Info\" appearance=\"info\" iconName=\"general.outlinedInfoCircle\" />\n          <Badge label=\"Success\" appearance=\"success\" iconName=\"general.check\" />\n          <Badge label=\"Warning\" appearance=\"warning\" iconName=\"general.shieldExclamation\" />\n        </Row>\n        <Row>\n          <Badge\n            variant=\"meta\"\n            productLogoName=\"groups\"\n            label=\"Group\"\n            metaLabel=\"Worlds longest group name that will probably overflow if it gets very much longer\"\n          />\n          <Badge variant=\"meta\" productLogoName=\"groups\" label=\"Group\" metaLabel=\"Young adults\" />\n          <Badge variant=\"meta\" productLogoName=\"services\" label=\"Plan\" metaLabel=\"June 19, 2025\" />\n          <Badge variant=\"meta\" productLogoName=\"services\" label=\"Team\" />\n        </Row>\n        <Row>\n          <Badge\n            variant=\"metaSubtle\"\n            productLogoName=\"groups\"\n            label=\"Group\"\n            metaLabel=\"Worlds longest group name that will probably overflow if it gets very much longer\"\n          />\n          <Badge\n            variant=\"metaSubtle\"\n            productLogoName=\"groups\"\n            label=\"Group\"\n            metaLabel=\"Young adults\"\n          />\n          <Badge\n            variant=\"metaSubtle\"\n            productLogoName=\"services\"\n            label=\"Plan\"\n            metaLabel=\"June 19, 2025\"\n          />\n          <Badge variant=\"metaSubtle\" productLogoName=\"services\" label=\"Team\" />\n        </Row>\n      </Group>\n      <Group\n        title=\"Banner\"\n        description=\"Banners that can convey a status with color and an optional icon. They render a description and optional heading. A `Banner.Link` can be used by wrapping it in `Banner.Text` and passing it to `description`. Target products can change colors via theming.\"\n      >\n        <Column>\n          <Banner\n            appearance=\"neutral\"\n            showIcon={false}\n            description=\"Et sint Quis non excepturi enim et conseq atur porro est galisum labore ea volupt.\"\n          />\n          <Banner\n            appearance=\"info\"\n            heading=\"Banner heading\"\n            description=\"Et sint Quis non excepturi enim et conseq atur porro est galisum labore ea volupt.\"\n          />\n          <Banner\n            appearance=\"success\"\n            heading=\"Banner heading\"\n            description={\n              <BannerPrimitive.Text>\n                Et sint Quis non excepturi{' '}\n                <BannerPrimitive.Link onPress={buttonPress}>\n                  enim et conseq atur porro est\n                </BannerPrimitive.Link>{' '}\n                galisum labore ea volupt.\n              </BannerPrimitive.Text>\n            }\n          />\n          <Banner\n            appearance=\"warning\"\n            iconName=\"general.shieldExclamation\"\n            heading=\"13 members under age 13\"\n            description=\"Et sint Quis non excepturi enim et conseq atur porro est galisum labore ea volupt.\"\n          />\n          <Banner\n            appearance=\"error\"\n            heading=\"Banner heading\"\n            description=\"Et sint Quis non excepturi enim et conseq atur porro est galisum labore ea volupt.\"\n          />\n        </Column>\n      </Group>\n    </CollapsableSection>\n  )\n}\n\n// =================================\n// ====== Docs UI ==================\n// =================================\ninterface CollapsableSectionProps {\n  children: React.ReactNode\n  title: string\n  isLast?: boolean\n}\n\nfunction CollapsableSection({ children, title, isLast = false }: CollapsableSectionProps) {\n  const styles = useStyles()\n  const { colors } = useTheme()\n  const [collapsed, setCollapsed] = useState(true)\n\n  return (\n    <View style={[styles.section, styles.sectionBorderTop, isLast && styles.sectionBorderBottom]}>\n      <Pressable\n        onPress={() => setCollapsed(!collapsed)}\n        style={({ pressed }) => [styles.sectionHeader, pressed && platformPressedOpacityStyle]}\n        android_ripple={{ color: colors.androidRippleNeutral, borderless: false, foreground: true }}\n      >\n        <Heading>{title}</Heading>\n        <Icon name={collapsed ? 'general.plus' : 'general.minus'} size={16} />\n      </Pressable>\n      {!collapsed && <View style={styles.sectionChildren}>{children}</View>}\n    </View>\n  )\n}\n\ninterface GroupProps {\n  title: string\n  description?: string\n  children: React.ReactNode\n}\n\nfunction Group({ title, description, children }: GroupProps) {\n  const styles = useStyles()\n  return (\n    <View style={styles.group}>\n      <View style={styles.groupHeading}>\n        <Heading variant=\"h3\">{title}</Heading>\n        {description && <Text variant=\"footnote\">{description}</Text>}\n      </View>\n      {children}\n    </View>\n  )\n}\n\ninterface RowProps {\n  children: React.ReactNode\n  style?: ViewStyle\n}\n\nfunction Row({ children, style }: RowProps) {\n  const styles = useStyles()\n  return <View style={[styles.row, style]}>{children}</View>\n}\n\ninterface ColumnProps {\n  children: React.ReactNode\n  style?: ViewStyle\n}\n\nfunction Column({ children, style }: ColumnProps) {\n  const styles = useStyles()\n  return <View style={[styles.column, style]}>{children}</View>\n}\n\nfunction TextGroup({ children }: { children: React.ReactNode }) {\n  const styles = useStyles()\n  return <View style={styles.textGroup}>{children}</View>\n}\n\ninterface TextRowProps {\n  children: React.ReactNode\n  style?: ViewStyle\n}\n\nfunction TextRow({ children, style }: TextRowProps) {\n  const styles = useStyles()\n  return <View style={[styles.textRow, style]}>{children}</View>\n}\n\ninterface TextListItemProps {\n  label: string\n  children: React.ReactNode\n}\n\nfunction TextListItem({ label, children }: TextListItemProps) {\n  const styles = useStyles()\n  return (\n    <Text variant=\"tertiary\">\n      <Text variant=\"tertiary\" style={styles.mediumWeight}>\n        {label}\n      </Text>{' '}\n      {children}\n    </Text>\n  )\n}\n\n// =================================\n// ====== Styles ===================\n// =================================\n\nconst useStyles = () => {\n  const { colors } = useTheme()\n\n  return StyleSheet.create({\n    scrollView: {\n      flex: 1,\n      backgroundColor: colors.fillColorNeutral100Inverted,\n    },\n    container: {\n      padding: space(3),\n    },\n    listItem: { color: colors.fillColorNeutral020 },\n    section: {\n      gap: space(1),\n      borderColor: colors.fillColorNeutral020,\n    },\n    sectionBorderTop: {\n      borderTopWidth: 1,\n    },\n    sectionBorderBottom: {\n      borderBottomWidth: 1,\n    },\n    sectionHeader: {\n      flexDirection: 'row',\n      justifyContent: 'space-between',\n      alignItems: 'center',\n      paddingVertical: space(3),\n    },\n    sectionChildren: {\n      paddingBottom: space(3),\n      gap: space(6),\n    },\n    row: {\n      gap: space(2),\n      flexDirection: 'row',\n      alignItems: 'center',\n      justifyContent: 'center',\n      flexWrap: 'wrap',\n    },\n    column: {\n      gap: space(2),\n    },\n    textRow: {\n      gap: space(1.5),\n    },\n    textGroup: {\n      gap: space(2.5),\n    },\n    mediumWeight: {\n      fontWeight: platformFontWeightMedium,\n    },\n    alignRowLeft: {\n      justifyContent: 'flex-start',\n    },\n    group: {\n      gap: space(3),\n    },\n    groupHeading: {\n      gap: space(1),\n    },\n    spinnerContainer: {\n      height: space(2.5),\n    },\n    image: {\n      width: 100,\n      height: 100,\n    },\n    icon: {\n      fontSize: 20,\n      color: colors.iconColorDefaultSecondary,\n    },\n    customIconButtonColor: {\n      color: 'purple',\n    },\n  })\n}\n"]}

package/build/screens/message_actions_screen.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"message_actions_screen.d.ts","sourceRoot":"","sources":["../../src/screens/message_actions_screen.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAiB,MAAM,0BAA0B,CAAA;AAC3E,OAAO,EAAE,4BAA4B,EAAE,MAAM,gCAAgC,CAAA;AAE7E,OAAO,KAAkC,MAAM,OAAO,CAAA;AAatD,eAAO,MAAM,2BAA2B,EAAE,4BAKzC,CAAA;AAED,MAAM,MAAM,mBAAmB,GAAG,iBAAiB,CAAC;IAClD,UAAU,EAAE,MAAM,CAAA;IAClB,eAAe,EAAE,MAAM,CAAA;CACxB,CAAC,CAAA;AAEF,wBAAgB,oBAAoB,CAAC,EAAE,KAAK,EAAE,EAAE,mBAAmB,qBAiHlE"}
+{"version":3,"file":"message_actions_screen.d.ts","sourceRoot":"","sources":["../../src/screens/message_actions_screen.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAiB,MAAM,0BAA0B,CAAA;AAC3E,OAAO,EAAE,4BAA4B,EAAE,MAAM,gCAAgC,CAAA;AAE7E,OAAO,KAAsB,MAAM,OAAO,CAAA;AAa1C,eAAO,MAAM,2BAA2B,EAAE,4BAKzC,CAAA;AAED,MAAM,MAAM,mBAAmB,GAAG,iBAAiB,CAAC;IAClD,UAAU,EAAE,MAAM,CAAA;IAClB,eAAe,EAAE,MAAM,CAAA;CACxB,CAAC,CAAA;AAEF,wBAAgB,oBAAoB,CAAC,EAAE,KAAK,EAAE,EAAE,mBAAmB,qBAiHlE"}

package/build/screens/message_actions_screen.js

@@ -1,13 +1,13 @@
 import { PlatformPressable } from '@react-navigation/elements';
 import { useNavigation } from '@react-navigation/native';
 import { useMutation, useQueryClient } from '@tanstack/react-query';
-import React, { useCallback, useContext } from 'react';
+import React, { useCallback } from 'react';
 import { Alert, Platform, StyleSheet, useWindowDimensions, View } from 'react-native';
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
 import { Text, TextButton } from '../components';
 import { REACTION_EMOJIS, useReactionStyles } from '../components/conversation/message_reaction';
-import { ChatContext } from '../contexts';
 import { useTheme } from '../hooks';
+import { useApiClient } from '../hooks/use_api_client';
 import { getMessagesRequestArgs, useConversationMessages } from '../hooks/use_conversation_messages';
 import { updateRecordInPagesData } from '../utils';
 import { Clipboard } from '../utils/native_adapters';
@@ -20,7 +20,7 @@ export const MessageActionsScreenOptions = {
 export function MessageActionsScreen({ route }) {
     const navigation = useNavigation();
     const { conversation_id, message_id } = route.params;
-    const { client } = useContext(ChatContext);
+    const apiClient = useApiClient();
     const queryClient = useQueryClient();
     const styles = useStyles();
     const { messages, queryKey, refetch } = useConversationMessages({ conversation_id }, { refetchOnMount: false });
@@ -45,7 +45,7 @@ export function MessageActionsScreen({ route }) {
         const endpoint = !mine ? 'react' : 'unreact';
         const url = `/me/conversations/${conversation_id}/messages/${message_id}/${endpoint}`;
         const fieldsWithValueJoined = Object.fromEntries(Object.entries(requestParams.data.fields).map(([k, v]) => [k, v.join(',')]));
-        return client.post({
+        return apiClient.chat.post({
             url,
             data: {
                 ...requestParams.data,
@@ -56,11 +56,11 @@ export function MessageActionsScreen({ route }) {
                 fields: fieldsWithValueJoined,
             },
         });
-    }, [client, conversation_id, message_id]);
+    }, [apiClient, conversation_id, message_id]);
     const deleteMessage = useCallback(() => {
         const url = `/me/conversations/${conversation_id}/messages/${message_id}/`;
-        return client.delete({ url });
-    }, [client, conversation_id, message_id]);
+        return apiClient.chat.delete({ url });
+    }, [apiClient, conversation_id, message_id]);
     const { mutate: handleReaction, isPending } = useMutation({
         mutationFn: handleReactionPress,
         onSuccess: (result) => {

package/build/screens/message_actions_screen.js.map

@@ -1 +1 @@
-{"version":3,"file":"message_actions_screen.js","sourceRoot":"","sources":["../../src/screens/message_actions_screen.tsx"],"names":[],"mappings":"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","sourcesContent":["import { PlatformPressable } from '@react-navigation/elements'\nimport { StaticScreenProps, useNavigation } from '@react-navigation/native'\nimport { NativeStackNavigationOptions } from '@react-navigation/native-stack'\nimport { InfiniteData, useMutation, useQueryClient } from '@tanstack/react-query'\nimport React, { useCallback, useContext } from 'react'\nimport { Alert, Platform, StyleSheet, useWindowDimensions, View } from 'react-native'\nimport { useSafeAreaInsets } from 'react-native-safe-area-context'\nimport { Text, TextButton } from '../components'\nimport { REACTION_EMOJIS, useReactionStyles } from '../components/conversation/message_reaction'\nimport { ChatContext } from '../contexts'\nimport { useTheme } from '../hooks'\nimport { getMessagesRequestArgs, useConversationMessages } from '../hooks/use_conversation_messages'\nimport { ApiCollection, ApiResource, MessageResource } from '../types'\nimport { ReactionCountResource } from '../types/resources/reaction'\nimport { updateRecordInPagesData } from '../utils'\nimport { Clipboard } from '../utils/native_adapters'\n\nexport const MessageActionsScreenOptions: NativeStackNavigationOptions = {\n  presentation: 'formSheet',\n  headerShown: false,\n  sheetAllowedDetents: [0.25],\n  sheetGrabberVisible: true,\n}\n\nexport type ReactionScreenProps = StaticScreenProps<{\n  message_id: string\n  conversation_id: string\n}>\n\nexport function MessageActionsScreen({ route }: ReactionScreenProps) {\n  const navigation = useNavigation()\n  const { conversation_id, message_id } = route.params\n\n  const { client } = useContext(ChatContext)\n  const queryClient = useQueryClient()\n  const styles = useStyles()\n\n  const { messages, queryKey, refetch } = useConversationMessages(\n    { conversation_id },\n    { refetchOnMount: false }\n  )\n  const message = messages.find(m => m.id === message_id)\n  const myReactions = message?.reactionCounts\n    .filter(reaction => reaction.mine)\n    .map(reaction => reaction.value)\n\n  const availableReactions = Object.entries(REACTION_EMOJIS).map(([value, emoji]) => {\n    return {\n      value: value as ReactionCountResource['value'],\n      emoji,\n      mine: myReactions?.includes(value as ReactionCountResource['value']),\n    }\n  })\n\n  const handleCopyPress = (text?: string) => {\n    Clipboard.setStringAsync(text || '')\n    navigation.goBack()\n  }\n\n  const handleReactionPress = useCallback(\n    ({ value, mine }: { value: keyof typeof REACTION_EMOJIS; mine?: boolean }) => {\n      const requestParams = getMessagesRequestArgs({ conversation_id })\n\n      // Value has already been updated\n      const endpoint = !mine ? 'react' : 'unreact'\n      const url = `/me/conversations/${conversation_id}/messages/${message_id}/${endpoint}`\n      const fieldsWithValueJoined = Object.fromEntries(\n        Object.entries(requestParams.data.fields).map(([k, v]) => [k, v.join(',')])\n      )\n\n      return client.post({\n        url,\n        data: {\n          ...requestParams.data,\n          data: {\n            type: 'Message',\n            attributes: { value: value },\n          },\n          fields: fieldsWithValueJoined,\n        },\n      })\n    },\n    [client, conversation_id, message_id]\n  )\n\n  const deleteMessage = useCallback(() => {\n    const url = `/me/conversations/${conversation_id}/messages/${message_id}/`\n\n    return client.delete({ url })\n  }, [client, conversation_id, message_id])\n\n  const { mutate: handleReaction, isPending } = useMutation({\n    mutationFn: handleReactionPress,\n    onSuccess: (result: ApiResource<MessageResource>) => {\n      const updatedMessage = result.data\n      type QueryData = InfiniteData<ApiCollection<MessageResource>>\n\n      queryClient.setQueryData<QueryData>(queryKey, data =>\n        updateRecordInPagesData({\n          data,\n          record: updatedMessage,\n        })\n      )\n      navigation.goBack()\n    },\n    onError: () => {\n      Alert.alert('Oops', 'We were unable to react to this message. Please try again.')\n    },\n  })\n\n  const { mutate: handleDeleteMessage } = useMutation({\n    mutationFn: deleteMessage,\n    onSuccess: () => {\n      refetch()\n      navigation.goBack()\n    },\n    onError: () => {\n      Alert.alert('Oops', 'We were unable to delete this message. Please try again.')\n    },\n  })\n\n  return (\n    <View style={styles.container}>\n      <View style={styles.reactionList}>\n        {availableReactions.map((reaction, index) => (\n          <Reaction key={index} reaction={reaction} onPress={() => handleReaction(reaction)} />\n        ))}\n      </View>\n      <View style={styles.actions}>\n        <View style={styles.actionButton}>\n          <TextButton onPress={() => handleCopyPress(message?.text)}>Copy</TextButton>\n          <TextButton\n            appearance=\"danger\"\n            onPress={() => handleDeleteMessage()}\n            disabled={isPending}\n          >\n            Delete\n          </TextButton>\n        </View>\n      </View>\n    </View>\n  )\n}\n\nconst Reaction = ({\n  reaction,\n  onPress,\n}: {\n  reaction: { value: ReactionCountResource['value']; emoji: string; mine: boolean | undefined }\n  onPress: () => void\n}) => {\n  const styles = useStyles()\n  const reactionStyles = useReactionStyles({ mine: reaction.mine ? 1 : 0 })\n\n  return (\n    <PlatformPressable\n      key={reaction.value}\n      style={[reactionStyles.reaction, styles.reaction]}\n      onPress={onPress}\n    >\n      <Text style={reactionStyles.reactionEmoji}>{REACTION_EMOJIS[reaction.value]}</Text>\n    </PlatformPressable>\n  )\n}\n\nconst useStyles = () => {\n  const theme = useTheme()\n  const { height } = useWindowDimensions()\n  const { bottom } = useSafeAreaInsets()\n  const btnBorderWidth = 1\n  const baseSize = 44\n  const reactionBtnSize = Platform.select({\n    ios: baseSize,\n    android: baseSize + btnBorderWidth * 2,\n  })\n\n  return StyleSheet.create({\n    container: {\n      justifyContent: 'flex-start',\n      paddingTop: 12,\n      paddingBottom: bottom,\n      width: '100%',\n      backgroundColor: theme.colors.fillColorNeutral100Inverted,\n      height,\n    },\n    reaction: {\n      height: reactionBtnSize,\n      width: reactionBtnSize,\n      borderWidth: btnBorderWidth,\n      borderRadius: 32,\n      justifyContent: 'center',\n    },\n    reactionList: {\n      justifyContent: 'center',\n      gap: 24,\n      paddingVertical: 12,\n      flexDirection: 'row',\n      borderBottomColor: theme.colors.fillColorNeutral040,\n      borderBottomWidth: 1,\n    },\n    actions: { flex: 1 },\n    actionButton: { padding: 12, paddingBottom: 100, gap: 12 },\n  })\n}\n"]}
+{"version":3,"file":"message_actions_screen.js","sourceRoot":"","sources":["../../src/screens/message_actions_screen.tsx"],"names":[],"mappings":"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","sourcesContent":["import { PlatformPressable } from '@react-navigation/elements'\nimport { StaticScreenProps, useNavigation } from '@react-navigation/native'\nimport { NativeStackNavigationOptions } from '@react-navigation/native-stack'\nimport { InfiniteData, useMutation, useQueryClient } from '@tanstack/react-query'\nimport React, { useCallback } from 'react'\nimport { Alert, Platform, StyleSheet, useWindowDimensions, View } from 'react-native'\nimport { useSafeAreaInsets } from 'react-native-safe-area-context'\nimport { Text, TextButton } from '../components'\nimport { REACTION_EMOJIS, useReactionStyles } from '../components/conversation/message_reaction'\nimport { useTheme } from '../hooks'\nimport { useApiClient } from '../hooks/use_api_client'\nimport { getMessagesRequestArgs, useConversationMessages } from '../hooks/use_conversation_messages'\nimport { ApiCollection, ApiResource, MessageResource } from '../types'\nimport { ReactionCountResource } from '../types/resources/reaction'\nimport { updateRecordInPagesData } from '../utils'\nimport { Clipboard } from '../utils/native_adapters'\n\nexport const MessageActionsScreenOptions: NativeStackNavigationOptions = {\n  presentation: 'formSheet',\n  headerShown: false,\n  sheetAllowedDetents: [0.25],\n  sheetGrabberVisible: true,\n}\n\nexport type ReactionScreenProps = StaticScreenProps<{\n  message_id: string\n  conversation_id: string\n}>\n\nexport function MessageActionsScreen({ route }: ReactionScreenProps) {\n  const navigation = useNavigation()\n  const { conversation_id, message_id } = route.params\n\n  const apiClient = useApiClient()\n  const queryClient = useQueryClient()\n  const styles = useStyles()\n\n  const { messages, queryKey, refetch } = useConversationMessages(\n    { conversation_id },\n    { refetchOnMount: false }\n  )\n  const message = messages.find(m => m.id === message_id)\n  const myReactions = message?.reactionCounts\n    .filter(reaction => reaction.mine)\n    .map(reaction => reaction.value)\n\n  const availableReactions = Object.entries(REACTION_EMOJIS).map(([value, emoji]) => {\n    return {\n      value: value as ReactionCountResource['value'],\n      emoji,\n      mine: myReactions?.includes(value as ReactionCountResource['value']),\n    }\n  })\n\n  const handleCopyPress = (text?: string) => {\n    Clipboard.setStringAsync(text || '')\n    navigation.goBack()\n  }\n\n  const handleReactionPress = useCallback(\n    ({ value, mine }: { value: keyof typeof REACTION_EMOJIS; mine?: boolean }) => {\n      const requestParams = getMessagesRequestArgs({ conversation_id })\n\n      // Value has already been updated\n      const endpoint = !mine ? 'react' : 'unreact'\n      const url = `/me/conversations/${conversation_id}/messages/${message_id}/${endpoint}`\n      const fieldsWithValueJoined = Object.fromEntries(\n        Object.entries(requestParams.data.fields).map(([k, v]) => [k, v.join(',')])\n      )\n\n      return apiClient.chat.post({\n        url,\n        data: {\n          ...requestParams.data,\n          data: {\n            type: 'Message',\n            attributes: { value: value },\n          },\n          fields: fieldsWithValueJoined,\n        },\n      })\n    },\n    [apiClient, conversation_id, message_id]\n  )\n\n  const deleteMessage = useCallback(() => {\n    const url = `/me/conversations/${conversation_id}/messages/${message_id}/`\n\n    return apiClient.chat.delete({ url })\n  }, [apiClient, conversation_id, message_id])\n\n  const { mutate: handleReaction, isPending } = useMutation({\n    mutationFn: handleReactionPress,\n    onSuccess: (result: ApiResource<MessageResource>) => {\n      const updatedMessage = result.data\n      type QueryData = InfiniteData<ApiCollection<MessageResource>>\n\n      queryClient.setQueryData<QueryData>(queryKey, data =>\n        updateRecordInPagesData({\n          data,\n          record: updatedMessage,\n        })\n      )\n      navigation.goBack()\n    },\n    onError: () => {\n      Alert.alert('Oops', 'We were unable to react to this message. Please try again.')\n    },\n  })\n\n  const { mutate: handleDeleteMessage } = useMutation({\n    mutationFn: deleteMessage,\n    onSuccess: () => {\n      refetch()\n      navigation.goBack()\n    },\n    onError: () => {\n      Alert.alert('Oops', 'We were unable to delete this message. Please try again.')\n    },\n  })\n\n  return (\n    <View style={styles.container}>\n      <View style={styles.reactionList}>\n        {availableReactions.map((reaction, index) => (\n          <Reaction key={index} reaction={reaction} onPress={() => handleReaction(reaction)} />\n        ))}\n      </View>\n      <View style={styles.actions}>\n        <View style={styles.actionButton}>\n          <TextButton onPress={() => handleCopyPress(message?.text)}>Copy</TextButton>\n          <TextButton\n            appearance=\"danger\"\n            onPress={() => handleDeleteMessage()}\n            disabled={isPending}\n          >\n            Delete\n          </TextButton>\n        </View>\n      </View>\n    </View>\n  )\n}\n\nconst Reaction = ({\n  reaction,\n  onPress,\n}: {\n  reaction: { value: ReactionCountResource['value']; emoji: string; mine: boolean | undefined }\n  onPress: () => void\n}) => {\n  const styles = useStyles()\n  const reactionStyles = useReactionStyles({ mine: reaction.mine ? 1 : 0 })\n\n  return (\n    <PlatformPressable\n      key={reaction.value}\n      style={[reactionStyles.reaction, styles.reaction]}\n      onPress={onPress}\n    >\n      <Text style={reactionStyles.reactionEmoji}>{REACTION_EMOJIS[reaction.value]}</Text>\n    </PlatformPressable>\n  )\n}\n\nconst useStyles = () => {\n  const theme = useTheme()\n  const { height } = useWindowDimensions()\n  const { bottom } = useSafeAreaInsets()\n  const btnBorderWidth = 1\n  const baseSize = 44\n  const reactionBtnSize = Platform.select({\n    ios: baseSize,\n    android: baseSize + btnBorderWidth * 2,\n  })\n\n  return StyleSheet.create({\n    container: {\n      justifyContent: 'flex-start',\n      paddingTop: 12,\n      paddingBottom: bottom,\n      width: '100%',\n      backgroundColor: theme.colors.fillColorNeutral100Inverted,\n      height,\n    },\n    reaction: {\n      height: reactionBtnSize,\n      width: reactionBtnSize,\n      borderWidth: btnBorderWidth,\n      borderRadius: 32,\n      justifyContent: 'center',\n    },\n    reactionList: {\n      justifyContent: 'center',\n      gap: 24,\n      paddingVertical: 12,\n      flexDirection: 'row',\n      borderBottomColor: theme.colors.fillColorNeutral040,\n      borderBottomWidth: 1,\n    },\n    actions: { flex: 1 },\n    actionButton: { padding: 12, paddingBottom: 100, gap: 12 },\n  })\n}\n"]}

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

@@ -1,4 +1,4 @@
-import { Accumulator, RequestData } from './types';
+import { Accumulator, GetRequest, PostRequest, RequestData } from './types';
 export type MakeRequestArgs = {
     action: 'GET' | 'POST' | 'PATCH' | 'DELETE';
     url: string;
@@ -17,4 +17,5 @@ export declare const noQueryParamsFriendlyErrors: (request: any, args: any) => P
 export declare const ensureFieldsInDev: (walk: any, args: any) => Promise<any>;
 export declare const ensureNoQueryParamsInDev: (request: any, args: any) => Promise<any>;
 export declare const throwErrorIfQueryParams: (url: any) => Promise<void>;
+export declare const transformGetToPost: (args: GetRequest) => PostRequest;
 //# sourceMappingURL=request_helpers.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"request_helpers.d.ts","sourceRoot":"","sources":["../../../src/utils/client/request_helpers.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAElD,MAAM,MAAM,eAAe,GAAG;IAC5B,MAAM,EAAE,KAAK,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAA;IAC3C,GAAG,EAAE,MAAM,CAAA;IACX,IAAI,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAA;IAC3B,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;CAChC,CAAA;AAED,eAAO,MAAM,WAAW,mCAAsD,eAAe,iBA+B5F,CAAA;AAcD,eAAO,MAAM,aAAa,YAAa,WAAW,eAAe,WAAW;;;;CAM1E,CAAA;AAEF,eAAO,MAAM,yBAAyB,wCAuBrC,CAAA;AAED,eAAO,MAAM,cAAc,wCAGC,CAAA;AAE5B,eAAO,MAAM,2BAA2B,2CAGZ,CAAA;AAI5B,eAAO,MAAM,iBAAiB,wCAAyC,CAAA;AAEvE,eAAO,MAAM,wBAAwB,2CAAsD,CAAA;AAE3F,eAAO,MAAM,uBAAuB,6BAMnC,CAAA"}
+{"version":3,"file":"request_helpers.d.ts","sourceRoot":"","sources":["../../../src/utils/client/request_helpers.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAE3E,MAAM,MAAM,eAAe,GAAG;IAC5B,MAAM,EAAE,KAAK,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAA;IAC3C,GAAG,EAAE,MAAM,CAAA;IACX,IAAI,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAA;IAC3B,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;CAChC,CAAA;AAED,eAAO,MAAM,WAAW,mCAAsD,eAAe,iBA+B5F,CAAA;AAcD,eAAO,MAAM,aAAa,YAAa,WAAW,eAAe,WAAW;;;;CAM1E,CAAA;AAEF,eAAO,MAAM,yBAAyB,wCAuBrC,CAAA;AAED,eAAO,MAAM,cAAc,wCAGC,CAAA;AAE5B,eAAO,MAAM,2BAA2B,2CAGZ,CAAA;AAI5B,eAAO,MAAM,iBAAiB,wCAAyC,CAAA;AAEvE,eAAO,MAAM,wBAAwB,2CAAsD,CAAA;AAE3F,eAAO,MAAM,uBAAuB,6BAMnC,CAAA;AAED,eAAO,MAAM,kBAAkB,SAAU,UAAU,KAAG,WAkBrD,CAAA"}

package/build/utils/client/request_helpers.js

@@ -80,4 +80,21 @@ export const throwErrorIfQueryParams = url => {
     }
     return Promise.resolve();
 };
+export const transformGetToPost = (args) => {
+    const { data, ...rest } = args;
+    const { fields, include } = data;
+    const fieldsArray = Object.entries(fields).map(([key, value]) => {
+        if (Array.isArray(value)) {
+            return [key, value.join(',')];
+        }
+        return [key, value];
+    });
+    return {
+        ...rest,
+        data: {
+            fields: Object.fromEntries(fieldsArray),
+            include,
+        },
+    };
+};
 //# sourceMappingURL=request_helpers.js.map

package/build/utils/client/request_helpers.js.map

@@ -1 +1 @@
-{"version":3,"file":"request_helpers.js","sourceRoot":"","sources":["../../../src/utils/client/request_helpers.ts"],"names":[],"mappings":"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","sourcesContent":["import _ from 'lodash'\nimport URI from 'urijs'\nimport { transformRequestData } from './transform_request_data'\nimport transformResponse from './transform_response'\nimport { Accumulator, RequestData } from './types'\n\nexport type MakeRequestArgs = {\n  action: 'GET' | 'POST' | 'PATCH' | 'DELETE'\n  url: string\n  data?: Partial<RequestData>\n  headers: Record<string, string>\n}\n\nexport const makeRequest = ({ action = 'GET', url, data = {}, headers = {} }: MakeRequestArgs) => {\n  // break apart url so we can reconstruct the url with the query params\n  let uri = new URI(url)\n  const query = transformRequestData(data)\n  const urlQuery = uri.query(true)\n\n  // This likely doesn't matter but will enforce consistent ordering of query params\n  const combinedQuery = Object.entries({ ...query, ...urlQuery })\n    .sort()\n    .reduce((obj, [key, value]) => {\n      obj[key] = value\n      return obj\n    }, {})\n\n  if (action === 'GET') {\n    uri = uri.query(combinedQuery)\n  }\n\n  const body = ['POST', 'PATCH'].includes(action) ? JSON.stringify(data) : undefined\n\n  return fetch(decodeURIComponent(uri.toString()), {\n    method: action,\n    headers,\n    body,\n  }).then(response => {\n    if (response.ok) {\n      return response.text().then(t => (t === '' ? '' : JSON.parse(t)))\n    } else {\n      return Promise.reject(response)\n    }\n  })\n}\n\nconst STANDARD_META_ATTRIBUTES = [\n  'total_count',\n  'count',\n  'prev',\n  'next',\n  'can_order_by',\n  'can_query_by',\n  'can_include',\n  'can_filter',\n  'parent',\n]\n\nexport const concatRecords = (records: Accumulator, moreRecords: Accumulator) => ({\n  data: [...records.data, ...moreRecords.data],\n  included: [...records.included, ...moreRecords.included],\n  // Because custom meta can be computed on a per-page bases,\n  // it is safer to remove all custom meta when concatenating multiple pages of data\n  meta: _.pick(moreRecords.meta, STANDARD_META_ATTRIBUTES),\n})\n\nexport const throwErrorIfFieldsMissing = async (walk, args) => {\n  const fields = args?.data?.fields\n\n  if (!fields) {\n    throw new Error(`Must pass fields for request: ${args.url}`)\n  }\n\n  const fieldTypes = Object.keys(fields)\n\n  const response = await walk(args)\n\n  const dataTypes = _(response.data).castArray().map('type').value()\n  const includedTypes = _.map(response.included, 'type')\n  const responseTypes = _.uniq(dataTypes.concat(includedTypes))\n  const missingFields = _.difference(responseTypes, fieldTypes).filter(t => t)\n\n  if (missingFields.length > 0) {\n    throw new Error(\n      `Must include fields for types: ${JSON.stringify(missingFields)} for request ${args.url}`\n    )\n  }\n\n  return transformResponse(response)\n}\n\nexport const friendlyErrors = (walk, args) =>\n  throwErrorIfQueryParams(args.url)\n    .then(() => throwErrorIfFieldsMissing(walk, args))\n    .then(transformResponse)\n\nexport const noQueryParamsFriendlyErrors = (request, args) =>\n  throwErrorIfQueryParams(args.url)\n    .then(() => request(args))\n    .then(transformResponse)\n\nconst passthrough = async (walk, args) => Promise.resolve(transformResponse(await walk(args)))\n\nexport const ensureFieldsInDev = __DEV__ ? friendlyErrors : passthrough\n\nexport const ensureNoQueryParamsInDev = __DEV__ ? noQueryParamsFriendlyErrors : passthrough\n\nexport const throwErrorIfQueryParams = url => {\n  if (new URI(url).search().length) {\n    throw new Error('Must pass query params as data arg')\n  }\n\n  return Promise.resolve()\n}\n"]}
+{"version":3,"file":"request_helpers.js","sourceRoot":"","sources":["../../../src/utils/client/request_helpers.ts"],"names":[],"mappings":"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","sourcesContent":["import _ from 'lodash'\nimport URI from 'urijs'\nimport { transformRequestData } from './transform_request_data'\nimport transformResponse from './transform_response'\nimport { Accumulator, GetRequest, PostRequest, RequestData } from './types'\n\nexport type MakeRequestArgs = {\n  action: 'GET' | 'POST' | 'PATCH' | 'DELETE'\n  url: string\n  data?: Partial<RequestData>\n  headers: Record<string, string>\n}\n\nexport const makeRequest = ({ action = 'GET', url, data = {}, headers = {} }: MakeRequestArgs) => {\n  // break apart url so we can reconstruct the url with the query params\n  let uri = new URI(url)\n  const query = transformRequestData(data)\n  const urlQuery = uri.query(true)\n\n  // This likely doesn't matter but will enforce consistent ordering of query params\n  const combinedQuery = Object.entries({ ...query, ...urlQuery })\n    .sort()\n    .reduce((obj, [key, value]) => {\n      obj[key] = value\n      return obj\n    }, {})\n\n  if (action === 'GET') {\n    uri = uri.query(combinedQuery)\n  }\n\n  const body = ['POST', 'PATCH'].includes(action) ? JSON.stringify(data) : undefined\n\n  return fetch(decodeURIComponent(uri.toString()), {\n    method: action,\n    headers,\n    body,\n  }).then(response => {\n    if (response.ok) {\n      return response.text().then(t => (t === '' ? '' : JSON.parse(t)))\n    } else {\n      return Promise.reject(response)\n    }\n  })\n}\n\nconst STANDARD_META_ATTRIBUTES = [\n  'total_count',\n  'count',\n  'prev',\n  'next',\n  'can_order_by',\n  'can_query_by',\n  'can_include',\n  'can_filter',\n  'parent',\n]\n\nexport const concatRecords = (records: Accumulator, moreRecords: Accumulator) => ({\n  data: [...records.data, ...moreRecords.data],\n  included: [...records.included, ...moreRecords.included],\n  // Because custom meta can be computed on a per-page bases,\n  // it is safer to remove all custom meta when concatenating multiple pages of data\n  meta: _.pick(moreRecords.meta, STANDARD_META_ATTRIBUTES),\n})\n\nexport const throwErrorIfFieldsMissing = async (walk, args) => {\n  const fields = args?.data?.fields\n\n  if (!fields) {\n    throw new Error(`Must pass fields for request: ${args.url}`)\n  }\n\n  const fieldTypes = Object.keys(fields)\n\n  const response = await walk(args)\n\n  const dataTypes = _(response.data).castArray().map('type').value()\n  const includedTypes = _.map(response.included, 'type')\n  const responseTypes = _.uniq(dataTypes.concat(includedTypes))\n  const missingFields = _.difference(responseTypes, fieldTypes).filter(t => t)\n\n  if (missingFields.length > 0) {\n    throw new Error(\n      `Must include fields for types: ${JSON.stringify(missingFields)} for request ${args.url}`\n    )\n  }\n\n  return transformResponse(response)\n}\n\nexport const friendlyErrors = (walk, args) =>\n  throwErrorIfQueryParams(args.url)\n    .then(() => throwErrorIfFieldsMissing(walk, args))\n    .then(transformResponse)\n\nexport const noQueryParamsFriendlyErrors = (request, args) =>\n  throwErrorIfQueryParams(args.url)\n    .then(() => request(args))\n    .then(transformResponse)\n\nconst passthrough = async (walk, args) => Promise.resolve(transformResponse(await walk(args)))\n\nexport const ensureFieldsInDev = __DEV__ ? friendlyErrors : passthrough\n\nexport const ensureNoQueryParamsInDev = __DEV__ ? noQueryParamsFriendlyErrors : passthrough\n\nexport const throwErrorIfQueryParams = url => {\n  if (new URI(url).search().length) {\n    throw new Error('Must pass query params as data arg')\n  }\n\n  return Promise.resolve()\n}\n\nexport const transformGetToPost = (args: GetRequest): PostRequest => {\n  const { data, ...rest } = args\n  const { fields, include } = data\n  const fieldsArray = Object.entries(fields).map(([key, value]) => {\n    if (Array.isArray(value)) {\n      return [key, value.join(',')]\n    }\n\n    return [key, value]\n  })\n\n  return {\n    ...rest,\n    data: {\n      fields: Object.fromEntries(fieldsArray),\n      include,\n    },\n  }\n}\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@planningcenter/chat-react-native",
-  "version": "2.1.1",
+  "version": "2.2.0-rc.1",
   "description": "",
   "main": "build/index.js",
   "types": "build/index.d.ts",
@@ -51,5 +51,5 @@
     "prettier": "^3.4.2",
     "typescript": "<5.6.0"
   },
-  "gitHead": "9e655a66f6e1df36d94a968ddeff6840b9cf1e8d"
+  "gitHead": "a100805834ece32e014ea50108d5ca410cf170a3"
 }

package/src/components/conversation/message_form.tsx

@@ -1,10 +1,10 @@
 import { useTheme as useNavigationTheme } from '@react-navigation/native'
 import { InfiniteData, useMutation, useQueryClient } from '@tanstack/react-query'
-import React, { useContext } from 'react'
+import React from 'react'
 import { StyleSheet, TextInput, View, ViewProps } from 'react-native'
 import { IconButton } from '../../components'
-import { ChatContext } from '../../contexts'
 import { useTheme } from '../../hooks'
+import { useApiClient } from '../../hooks/use_api_client'
 import { getMessagesQueryKey, getMessagesRequestArgs } from '../../hooks/use_conversation_messages'
 import { ApiCollection, ApiResource, ConversationResource, MessageResource } from '../../types'
 import { updateRecordInPagesData } from '../../utils'
@@ -31,7 +31,7 @@ const MessageFormContext = React.createContext({
 function MessageFormRoot({ conversation, children }: MessagesFormRootProps) {
   const styles = useMessageFormStyles()
   const [text, setText] = React.useState('')
-  const { client } = useContext(ChatContext)
+  const apiClient = useApiClient()
   const queryClient = useQueryClient()
 
   const { mutate, isPending } = useMutation({
@@ -41,7 +41,7 @@ function MessageFormRoot({ conversation, children }: MessagesFormRootProps) {
         Object.entries(requestParams.data.fields).map(([k, v]) => [k, v.join(',')])
       )
 
-      return client.post({
+      return apiClient.chat.post({
         url: `/me/conversations/${conversation.id}/messages`,
         data: {
           ...requestParams.data,