@planningcenter/chat-react-native 3.42.2-qa-821.1 → 3.42.2-qa-staging.4

package/build/components/display/toggle_button.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
 import { Pressable, StyleSheet } from 'react-native';
 import { useTheme, useFontScale, useCreateAndroidRippleColor, useInteractionGhostBackgroundColor, } from '../../hooks';
 import { MAX_FONT_SIZE_MULTIPLIER_LANDMARK, platformFontWeightBold, platformPressedOpacityStyle, } from '../../utils';
@@ -18,11 +18,17 @@ export function ToggleButton({ active, accessibilityLabel, adjustsFontSizeToFit
             Haptic.impactLight();
         onPress?.(event);
     };
-    return (_jsxs(Pressable, { style: ({ pressed }) => ({
+    return (<Pressable style={({ pressed }) => ({
             ...styles.pressable,
             ...(pressed ? platformPressedOpacityStyle : null),
             ...overrideStyles,
-        }), accessibilityRole: "togglebutton", accessibilityLabel: accessibilityLabel, accessibilityState: { checked: active }, android_ripple: { color: androidRippleColor, borderless: false, foreground: true }, onPress: handlePress, accessibilityShowsLargeContentViewer: true, accessibilityLargeContentTitle: accessibilityLabel, ...props, children: [iconNameLeft && (_jsx(Icon, { name: iconNameLeft, style: styles.icon, maxFontSizeMultiplier: maxFontSizeMultiplier })), hasTitle && (_jsx(Text, { allowFontScaling: allowFontScaling, minimumFontScale: minimumFontScale, maxFontSizeMultiplier: maxFontSizeMultiplier, adjustsFontSizeToFit: adjustsFontSizeToFit, numberOfLines: 1, style: styles.text, variant: "tertiary", children: title })), iconNameRight && (_jsx(Icon, { name: iconNameRight, style: styles.icon, maxFontSizeMultiplier: maxFontSizeMultiplier }))] }));
+        })} accessibilityRole="togglebutton" accessibilityLabel={accessibilityLabel} accessibilityState={{ checked: active }} android_ripple={{ color: androidRippleColor, borderless: false, foreground: true }} onPress={handlePress} accessibilityShowsLargeContentViewer accessibilityLargeContentTitle={accessibilityLabel} {...props}>
+      {iconNameLeft && (<Icon name={iconNameLeft} style={styles.icon} maxFontSizeMultiplier={maxFontSizeMultiplier}/>)}
+      {hasTitle && (<Text allowFontScaling={allowFontScaling} minimumFontScale={minimumFontScale} maxFontSizeMultiplier={maxFontSizeMultiplier} adjustsFontSizeToFit={adjustsFontSizeToFit} numberOfLines={1} style={styles.text} variant="tertiary">
+          {title}
+        </Text>)}
+      {iconNameRight && (<Icon name={iconNameRight} style={styles.icon} maxFontSizeMultiplier={maxFontSizeMultiplier}/>)}
+    </Pressable>);
 }
 // =================================
 // ====== Styles ===================

package/build/components/display/toggle_button.js.map

@@ -1 +1 @@
-{"version":3,"file":"toggle_button.js","sourceRoot":"","sources":["../../../src/components/display/toggle_button.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react'\nimport { Pressable, StyleSheet } from 'react-native'\nimport type { PressableProps, GestureResponderEvent } from 'react-native'\nimport {\n  useTheme,\n  useFontScale,\n  useCreateAndroidRippleColor,\n  useInteractionGhostBackgroundColor,\n} from '../../hooks'\nimport {\n  MAX_FONT_SIZE_MULTIPLIER_LANDMARK,\n  platformFontWeightBold,\n  platformPressedOpacityStyle,\n} from '../../utils'\nimport { Haptic } from '../../utils/native_adapters/configuration'\nimport { tokens } from '../../vendor/tapestry/tokens'\nimport { Icon, IconString } from './icon'\nimport { Text } from './text'\n\n// =================================\n// ====== Constants ================\n// =================================\n\n// We are omitting `onLongPress` because we are instead supporting `accessibilityShowsLargeContentViewer`.\n// This is triggered by an `onLongPress` event when an iOS device is in Apple's accessible font scale range.\n// Triggering this prop will display an almost full screen iOS a11y button.\ntype RestrictedPressableProps = Omit<PressableProps, 'onLongPress'>\n\n// =================================\n// ====== Component ================\n// =================================\n\nexport interface ToggleButtonProps extends RestrictedPressableProps {\n  /**\n   * Whether the toggle button is active/checked\n   */\n  active: boolean\n  /**\n   * Required accessibility label for screen readers.\n   * When title is provided, this provides additional context.\n   * When title is omitted (icon-only mode), this is the primary label.\n   */\n  accessibilityLabel: string\n  /**\n   * Specifies whether fonts should be scaled down automatically to fit given style constraints.\n   */\n  adjustsFontSizeToFit?: boolean\n  /**\n   * Specifies whether fonts should scale to respect the device's text size accessibility settings. The default is true.\n   */\n  allowFontScaling?: boolean\n  /**\n   * Generates an icon to the left of the button text\n   */\n  iconNameLeft?: IconString\n  /**\n   * Generates an icon to the right of the button text\n   */\n  iconNameRight?: IconString\n  /**\n   * Specifies the maximum size a font can reach when allowFontScaling is enabled.\n   */\n  maxFontSizeMultiplier?: number\n  /**\n   * Specifies smallest possible scale a font can reach when adjustsFontSizeToFit is enabled. (values 0.01-1.0).\n   */\n  minimumFontScale?: number\n  /**\n   * Renders as text within the button.\n   * When omitted, button displays in icon-only mode.\n   */\n  title?: string\n  /**\n   * Pressable container styles\n   */\n  style?: PressableProps['style']\n  /**\n   * Specifies whether haptic feedback should be enabled.\n   */\n  hapticFeedback?: boolean\n}\n\nexport function ToggleButton({\n  active,\n  accessibilityLabel,\n  adjustsFontSizeToFit = false,\n  allowFontScaling = true,\n  iconNameLeft,\n  iconNameRight,\n  maxFontSizeMultiplier = MAX_FONT_SIZE_MULTIPLIER_LANDMARK,\n  minimumFontScale,\n  title,\n  style,\n  hapticFeedback = true,\n  onPress,\n  ...props\n}: ToggleButtonProps) {\n  const hasTitle = Boolean(title)\n  const styles = useStyles({ active, maxFontSizeMultiplier })\n  const { colors } = useTheme()\n  const overrideStyles = StyleSheet.flatten(style) // Ensures the pressed styles still get applied\n\n  const baseRippleColor = active ? colors.interaction : colors.fillColorNeutral050Base\n  const androidRippleColor = useCreateAndroidRippleColor({ color: baseRippleColor })\n\n  const handlePress = (event: GestureResponderEvent) => {\n    if (hapticFeedback) Haptic.impactLight()\n\n    onPress?.(event)\n  }\n\n  return (\n    <Pressable\n      style={({ pressed }) => ({\n        ...styles.pressable,\n        ...(pressed ? platformPressedOpacityStyle : null),\n        ...overrideStyles,\n      })}\n      accessibilityRole=\"togglebutton\"\n      accessibilityLabel={accessibilityLabel}\n      accessibilityState={{ checked: active }}\n      android_ripple={{ color: androidRippleColor, borderless: false, foreground: true }}\n      onPress={handlePress}\n      accessibilityShowsLargeContentViewer\n      accessibilityLargeContentTitle={accessibilityLabel}\n      {...props}\n    >\n      {iconNameLeft && (\n        <Icon\n          name={iconNameLeft}\n          style={styles.icon}\n          maxFontSizeMultiplier={maxFontSizeMultiplier}\n        />\n      )}\n      {hasTitle && (\n        <Text\n          allowFontScaling={allowFontScaling}\n          minimumFontScale={minimumFontScale}\n          maxFontSizeMultiplier={maxFontSizeMultiplier}\n          adjustsFontSizeToFit={adjustsFontSizeToFit}\n          numberOfLines={1}\n          style={styles.text}\n          variant=\"tertiary\"\n        >\n          {title}\n        </Text>\n      )}\n      {iconNameRight && (\n        <Icon\n          name={iconNameRight}\n          style={styles.icon}\n          maxFontSizeMultiplier={maxFontSizeMultiplier}\n        />\n      )}\n    </Pressable>\n  )\n}\n\n// =================================\n// ====== Styles ===================\n// =================================\n\nconst useStyles = ({ active, maxFontSizeMultiplier }: Partial<ToggleButtonProps>) => {\n  const { colors, button } = useTheme()\n  const fontScale = useFontScale({ maxFontSizeMultiplier })\n\n  const activeBackgroundColor = useInteractionGhostBackgroundColor()\n\n  const color = active ? colors.interaction : colors.textColorDefaultSecondary\n\n  return StyleSheet.create({\n    pressable: {\n      borderRadius: button.borderRadius * fontScale,\n      borderWidth: 1,\n      borderColor: active ? colors.interaction : colors.borderColorDefaultBase,\n      backgroundColor: active ? activeBackgroundColor : 'transparent',\n      paddingHorizontal: 16 * fontScale,\n      flexDirection: 'row',\n      alignItems: 'center',\n      justifyContent: 'center',\n      height: 32 * fontScale,\n      gap: 6 * fontScale,\n      overflow: 'hidden',\n    },\n    text: {\n      textAlign: 'center',\n      textAlignVertical: 'center',\n      includeFontPadding: false,\n      fontWeight: platformFontWeightBold,\n      color,\n    },\n    icon: {\n      fontSize: tokens.fontSizeSm * fontScale,\n      color,\n    },\n  })\n}\n"]}
+{"version":3,"file":"toggle_button.js","sourceRoot":"","sources":["../../../src/components/display/toggle_button.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react'\nimport { Pressable, StyleSheet } from 'react-native'\nimport type { PressableProps, GestureResponderEvent } from 'react-native'\nimport {\n  useTheme,\n  useFontScale,\n  useCreateAndroidRippleColor,\n  useInteractionGhostBackgroundColor,\n} from '../../hooks'\nimport {\n  MAX_FONT_SIZE_MULTIPLIER_LANDMARK,\n  platformFontWeightBold,\n  platformPressedOpacityStyle,\n} from '../../utils'\nimport { Haptic } from '../../utils/native_adapters/configuration'\nimport { tokens } from '../../vendor/tapestry/tokens'\nimport { Icon, IconString } from './icon'\nimport { Text } from './text'\n\n// =================================\n// ====== Constants ================\n// =================================\n\n// We are omitting `onLongPress` because we are instead supporting `accessibilityShowsLargeContentViewer`.\n// This is triggered by an `onLongPress` event when an iOS device is in Apple's accessible font scale range.\n// Triggering this prop will display an almost full screen iOS a11y button.\ntype RestrictedPressableProps = Omit<PressableProps, 'onLongPress'>\n\n// =================================\n// ====== Component ================\n// =================================\n\nexport interface ToggleButtonProps extends RestrictedPressableProps {\n  /**\n   * Whether the toggle button is active/checked\n   */\n  active: boolean\n  /**\n   * Required accessibility label for screen readers.\n   * When title is provided, this provides additional context.\n   * When title is omitted (icon-only mode), this is the primary label.\n   */\n  accessibilityLabel: string\n  /**\n   * Specifies whether fonts should be scaled down automatically to fit given style constraints.\n   */\n  adjustsFontSizeToFit?: boolean\n  /**\n   * Specifies whether fonts should scale to respect the device's text size accessibility settings. The default is true.\n   */\n  allowFontScaling?: boolean\n  /**\n   * Generates an icon to the left of the button text\n   */\n  iconNameLeft?: IconString\n  /**\n   * Generates an icon to the right of the button text\n   */\n  iconNameRight?: IconString\n  /**\n   * Specifies the maximum size a font can reach when allowFontScaling is enabled.\n   */\n  maxFontSizeMultiplier?: number\n  /**\n   * Specifies smallest possible scale a font can reach when adjustsFontSizeToFit is enabled. (values 0.01-1.0).\n   */\n  minimumFontScale?: number\n  /**\n   * Renders as text within the button.\n   * When omitted, button displays in icon-only mode.\n   */\n  title?: string\n  /**\n   * Pressable container styles\n   */\n  style?: PressableProps['style']\n  /**\n   * Specifies whether haptic feedback should be enabled.\n   */\n  hapticFeedback?: boolean\n}\n\nexport function ToggleButton({\n  active,\n  accessibilityLabel,\n  adjustsFontSizeToFit = false,\n  allowFontScaling = true,\n  iconNameLeft,\n  iconNameRight,\n  maxFontSizeMultiplier = MAX_FONT_SIZE_MULTIPLIER_LANDMARK,\n  minimumFontScale,\n  title,\n  style,\n  hapticFeedback = true,\n  onPress,\n  ...props\n}: ToggleButtonProps) {\n  const hasTitle = Boolean(title)\n  const styles = useStyles({ active, maxFontSizeMultiplier })\n  const { colors } = useTheme()\n  const overrideStyles = StyleSheet.flatten(style) // Ensures the pressed styles still get applied\n\n  const baseRippleColor = active ? colors.interaction : colors.fillColorNeutral050Base\n  const androidRippleColor = useCreateAndroidRippleColor({ color: baseRippleColor })\n\n  const handlePress = (event: GestureResponderEvent) => {\n    if (hapticFeedback) Haptic.impactLight()\n\n    onPress?.(event)\n  }\n\n  return (\n    <Pressable\n      style={({ pressed }) => ({\n        ...styles.pressable,\n        ...(pressed ? platformPressedOpacityStyle : null),\n        ...overrideStyles,\n      })}\n      accessibilityRole=\"togglebutton\"\n      accessibilityLabel={accessibilityLabel}\n      accessibilityState={{ checked: active }}\n      android_ripple={{ color: androidRippleColor, borderless: false, foreground: true }}\n      onPress={handlePress}\n      accessibilityShowsLargeContentViewer\n      accessibilityLargeContentTitle={accessibilityLabel}\n      {...props}\n    >\n      {iconNameLeft && (\n        <Icon\n          name={iconNameLeft}\n          style={styles.icon}\n          maxFontSizeMultiplier={maxFontSizeMultiplier}\n        />\n      )}\n      {hasTitle && (\n        <Text\n          allowFontScaling={allowFontScaling}\n          minimumFontScale={minimumFontScale}\n          maxFontSizeMultiplier={maxFontSizeMultiplier}\n          adjustsFontSizeToFit={adjustsFontSizeToFit}\n          numberOfLines={1}\n          style={styles.text}\n          variant=\"tertiary\"\n        >\n          {title}\n        </Text>\n      )}\n      {iconNameRight && (\n        <Icon\n          name={iconNameRight}\n          style={styles.icon}\n          maxFontSizeMultiplier={maxFontSizeMultiplier}\n        />\n      )}\n    </Pressable>\n  )\n}\n\n// =================================\n// ====== Styles ===================\n// =================================\n\nconst useStyles = ({ active, maxFontSizeMultiplier }: Partial<ToggleButtonProps>) => {\n  const { colors, button } = useTheme()\n  const fontScale = useFontScale({ maxFontSizeMultiplier })\n\n  const activeBackgroundColor = useInteractionGhostBackgroundColor()\n\n  const color = active ? colors.interaction : colors.textColorDefaultSecondary\n\n  return StyleSheet.create({\n    pressable: {\n      borderRadius: button.borderRadius * fontScale,\n      borderWidth: 1,\n      borderColor: active ? colors.interaction : colors.borderColorDefaultBase,\n      backgroundColor: active ? activeBackgroundColor : 'transparent',\n      paddingHorizontal: 16 * fontScale,\n      flexDirection: 'row',\n      alignItems: 'center',\n      justifyContent: 'center',\n      height: 32 * fontScale,\n      gap: 6 * fontScale,\n      overflow: 'hidden',\n    },\n    text: {\n      textAlign: 'center',\n      textAlignVertical: 'center',\n      includeFontPadding: false,\n      fontWeight: platformFontWeightBold,\n      color,\n    },\n    icon: {\n      fontSize: tokens.fontSizeSm * fontScale,\n      color,\n    },\n  })\n}\n"]}

package/build/components/display/video_attachment_preview.d.ts

@@ -6,6 +6,6 @@ interface VideoAttachmentPreviewProps {
     error?: boolean;
     hideRemoveButton?: boolean;
 }
-export declare const VideoAttachmentPreview: ({ name, duration, onRemovePress, loading, error, hideRemoveButton, }: VideoAttachmentPreviewProps) => import("react/jsx-runtime").JSX.Element;
+export declare const VideoAttachmentPreview: ({ name, duration, onRemovePress, loading, error, hideRemoveButton, }: VideoAttachmentPreviewProps) => import("react").JSX.Element;
 export {};
 //# sourceMappingURL=video_attachment_preview.d.ts.map

package/build/components/display/video_attachment_preview.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"video_attachment_preview.d.ts","sourceRoot":"","sources":["../../../src/components/display/video_attachment_preview.tsx"],"names":[],"mappings":"AASA,UAAU,2BAA2B;IACnC,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,aAAa,EAAE,MAAM,IAAI,CAAA;IACzB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,gBAAgB,CAAC,EAAE,OAAO,CAAA;CAC3B;AAED,eAAO,MAAM,sBAAsB,GAAI,sEAOpC,2BAA2B,4CAqD7B,CAAA"}
+{"version":3,"file":"video_attachment_preview.d.ts","sourceRoot":"","sources":["../../../src/components/display/video_attachment_preview.tsx"],"names":[],"mappings":"AASA,UAAU,2BAA2B;IACnC,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,aAAa,EAAE,MAAM,IAAI,CAAA;IACzB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,gBAAgB,CAAC,EAAE,OAAO,CAAA;CAC3B;AAED,eAAO,MAAM,sBAAsB,GAAI,sEAOpC,2BAA2B,gCAqD7B,CAAA"}

package/build/components/display/video_attachment_preview.js

@@ -1,4 +1,3 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { View, StyleSheet } from 'react-native';
 import { useTheme } from '../../hooks';
 import { platformFontWeightMedium } from '../../utils';
@@ -10,9 +9,27 @@ import { Text } from './text';
 export const VideoAttachmentPreview = ({ name, duration, onRemovePress, loading = false, error = false, hideRemoveButton = false, }) => {
     const styles = useStyles({ error });
     if (loading) {
-        return (_jsx(View, { style: styles.container, children: _jsx(Spinner, { size: 20, style: styles.spinner }) }));
+        return (<View style={styles.container}>
+        <Spinner size={20} style={styles.spinner}/>
+      </View>);
     }
-    return (_jsxs(View, { style: styles.container, children: [_jsxs(View, { style: styles.contentContainer, children: [_jsx(Icon, { name: "general.outlinedVideoFile", size: 18, style: styles.fileIcon }), _jsxs(View, { style: styles.textContainer, children: [_jsx(Text, { variant: "tertiary", numberOfLines: 1, style: styles.nameText, accessibilityLabel: `Video attachment: ${name}`, children: name }), duration && (_jsx(Text, { variant: "tertiary", numberOfLines: 1, style: styles.durationText, accessibilityLabel: `Duration: ${duration}`, children: duration }))] })] }), !hideRemoveButton && (_jsx(IconButton, { name: "general.x", onPress: onRemovePress, size: "xxs", appearance: "neutral", style: styles.closeButton, accessibilityLabel: "Remove video attachment" })), error && (_jsx(View, { style: styles.errorBadge, children: _jsx(Icon, { name: "general.exclamationTriangle", size: 12, style: styles.errorIcon }) }))] }));
+    return (<View style={styles.container}>
+      <View style={styles.contentContainer}>
+        <Icon name="general.outlinedVideoFile" size={18} style={styles.fileIcon}/>
+        <View style={styles.textContainer}>
+          <Text variant="tertiary" numberOfLines={1} style={styles.nameText} accessibilityLabel={`Video attachment: ${name}`}>
+            {name}
+          </Text>
+          {duration && (<Text variant="tertiary" numberOfLines={1} style={styles.durationText} accessibilityLabel={`Duration: ${duration}`}>
+              {duration}
+            </Text>)}
+        </View>
+      </View>
+      {!hideRemoveButton && (<IconButton name="general.x" onPress={onRemovePress} size="xxs" appearance="neutral" style={styles.closeButton} accessibilityLabel="Remove video attachment"/>)}
+      {error && (<View style={styles.errorBadge}>
+          <Icon name="general.exclamationTriangle" size={12} style={styles.errorIcon}/>
+        </View>)}
+    </View>);
 };
 const useStyles = ({ error }) => {
     const { colors } = useTheme();

package/build/components/display/video_attachment_preview.js.map

@@ -1 +1 @@
-{"version":3,"file":"video_attachment_preview.js","sourceRoot":"","sources":["../../../src/components/display/video_attachment_preview.tsx"],"names":[],"mappings":"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","sourcesContent":["import { View, StyleSheet } from 'react-native'\nimport { useTheme } from '../../hooks'\nimport { platformFontWeightMedium } from '../../utils'\nimport { tokens } from '../../vendor/tapestry/tokens'\nimport { Icon } from './icon'\nimport { IconButton } from './icon_button'\nimport { Spinner } from './spinner'\nimport { Text } from './text'\n\ninterface VideoAttachmentPreviewProps {\n  name: string\n  duration?: string\n  onRemovePress: () => void\n  loading?: boolean\n  error?: boolean\n  hideRemoveButton?: boolean\n}\n\nexport const VideoAttachmentPreview = ({\n  name,\n  duration,\n  onRemovePress,\n  loading = false,\n  error = false,\n  hideRemoveButton = false,\n}: VideoAttachmentPreviewProps) => {\n  const styles = useStyles({ error })\n\n  if (loading) {\n    return (\n      <View style={styles.container}>\n        <Spinner size={20} style={styles.spinner} />\n      </View>\n    )\n  }\n\n  return (\n    <View style={styles.container}>\n      <View style={styles.contentContainer}>\n        <Icon name=\"general.outlinedVideoFile\" size={18} style={styles.fileIcon} />\n        <View style={styles.textContainer}>\n          <Text\n            variant=\"tertiary\"\n            numberOfLines={1}\n            style={styles.nameText}\n            accessibilityLabel={`Video attachment: ${name}`}\n          >\n            {name}\n          </Text>\n          {duration && (\n            <Text\n              variant=\"tertiary\"\n              numberOfLines={1}\n              style={styles.durationText}\n              accessibilityLabel={`Duration: ${duration}`}\n            >\n              {duration}\n            </Text>\n          )}\n        </View>\n      </View>\n      {!hideRemoveButton && (\n        <IconButton\n          name=\"general.x\"\n          onPress={onRemovePress}\n          size=\"xxs\"\n          appearance=\"neutral\"\n          style={styles.closeButton}\n          accessibilityLabel=\"Remove video attachment\"\n        />\n      )}\n      {error && (\n        <View style={styles.errorBadge}>\n          <Icon name=\"general.exclamationTriangle\" size={12} style={styles.errorIcon} />\n        </View>\n      )}\n    </View>\n  )\n}\n\nconst useStyles = ({ error }: Partial<VideoAttachmentPreviewProps>) => {\n  const { colors } = useTheme()\n  const borderRadius = 8\n\n  return StyleSheet.create({\n    container: {\n      height: 60,\n      minWidth: 150,\n      flexDirection: 'row',\n      justifyContent: 'space-between',\n      alignItems: 'center',\n      gap: 8,\n      backgroundColor: colors.fillColorNeutral070,\n      borderColor: error ? colors.statusErrorBorder : colors.borderColorDefaultBase,\n      borderWidth: error ? 2 : 1,\n      borderRadius,\n      padding: 4,\n    },\n    contentContainer: {\n      flexDirection: 'row',\n      gap: 8,\n      alignItems: 'center',\n      flexShrink: 1,\n      paddingHorizontal: 8,\n      paddingVertical: 4,\n    },\n    textContainer: {\n      flexShrink: 1,\n      flexDirection: 'column',\n    },\n    fileIcon: {\n      color: error ? colors.iconColorDefaultDisabled : colors.iconColorDefaultPrimary,\n    },\n    nameText: {\n      color: error ? colors.textColorDefaultDisabled : colors.textColorDefaultPrimary,\n      fontWeight: platformFontWeightMedium,\n      flexShrink: 1,\n    },\n    durationText: {\n      color: error ? colors.textColorDefaultDisabled : colors.textColorDefaultPrimary,\n    },\n    closeButton: {\n      backgroundColor: colors.fillColorNeutral050Base,\n      borderRadius: 16,\n      height: 20,\n      width: 20,\n      alignSelf: 'flex-start',\n    },\n    errorBadge: {\n      backgroundColor: colors.statusErrorBorder,\n      position: 'absolute',\n      bottom: 0,\n      right: 0,\n      zIndex: 2,\n      borderStartStartRadius: borderRadius,\n      padding: 4,\n    },\n    errorIcon: {\n      color: tokens.colorNeutral100White,\n      transform: [{ translateX: 1 }],\n      fontSize: 10,\n    },\n    spinner: {\n      marginHorizontal: 'auto',\n    },\n  })\n}\n"]}
+{"version":3,"file":"video_attachment_preview.js","sourceRoot":"","sources":["../../../src/components/display/video_attachment_preview.tsx"],"names":[],"mappings":"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","sourcesContent":["import { View, StyleSheet } from 'react-native'\nimport { useTheme } from '../../hooks'\nimport { platformFontWeightMedium } from '../../utils'\nimport { tokens } from '../../vendor/tapestry/tokens'\nimport { Icon } from './icon'\nimport { IconButton } from './icon_button'\nimport { Spinner } from './spinner'\nimport { Text } from './text'\n\ninterface VideoAttachmentPreviewProps {\n  name: string\n  duration?: string\n  onRemovePress: () => void\n  loading?: boolean\n  error?: boolean\n  hideRemoveButton?: boolean\n}\n\nexport const VideoAttachmentPreview = ({\n  name,\n  duration,\n  onRemovePress,\n  loading = false,\n  error = false,\n  hideRemoveButton = false,\n}: VideoAttachmentPreviewProps) => {\n  const styles = useStyles({ error })\n\n  if (loading) {\n    return (\n      <View style={styles.container}>\n        <Spinner size={20} style={styles.spinner} />\n      </View>\n    )\n  }\n\n  return (\n    <View style={styles.container}>\n      <View style={styles.contentContainer}>\n        <Icon name=\"general.outlinedVideoFile\" size={18} style={styles.fileIcon} />\n        <View style={styles.textContainer}>\n          <Text\n            variant=\"tertiary\"\n            numberOfLines={1}\n            style={styles.nameText}\n            accessibilityLabel={`Video attachment: ${name}`}\n          >\n            {name}\n          </Text>\n          {duration && (\n            <Text\n              variant=\"tertiary\"\n              numberOfLines={1}\n              style={styles.durationText}\n              accessibilityLabel={`Duration: ${duration}`}\n            >\n              {duration}\n            </Text>\n          )}\n        </View>\n      </View>\n      {!hideRemoveButton && (\n        <IconButton\n          name=\"general.x\"\n          onPress={onRemovePress}\n          size=\"xxs\"\n          appearance=\"neutral\"\n          style={styles.closeButton}\n          accessibilityLabel=\"Remove video attachment\"\n        />\n      )}\n      {error && (\n        <View style={styles.errorBadge}>\n          <Icon name=\"general.exclamationTriangle\" size={12} style={styles.errorIcon} />\n        </View>\n      )}\n    </View>\n  )\n}\n\nconst useStyles = ({ error }: Partial<VideoAttachmentPreviewProps>) => {\n  const { colors } = useTheme()\n  const borderRadius = 8\n\n  return StyleSheet.create({\n    container: {\n      height: 60,\n      minWidth: 150,\n      flexDirection: 'row',\n      justifyContent: 'space-between',\n      alignItems: 'center',\n      gap: 8,\n      backgroundColor: colors.fillColorNeutral070,\n      borderColor: error ? colors.statusErrorBorder : colors.borderColorDefaultBase,\n      borderWidth: error ? 2 : 1,\n      borderRadius,\n      padding: 4,\n    },\n    contentContainer: {\n      flexDirection: 'row',\n      gap: 8,\n      alignItems: 'center',\n      flexShrink: 1,\n      paddingHorizontal: 8,\n      paddingVertical: 4,\n    },\n    textContainer: {\n      flexShrink: 1,\n      flexDirection: 'column',\n    },\n    fileIcon: {\n      color: error ? colors.iconColorDefaultDisabled : colors.iconColorDefaultPrimary,\n    },\n    nameText: {\n      color: error ? colors.textColorDefaultDisabled : colors.textColorDefaultPrimary,\n      fontWeight: platformFontWeightMedium,\n      flexShrink: 1,\n    },\n    durationText: {\n      color: error ? colors.textColorDefaultDisabled : colors.textColorDefaultPrimary,\n    },\n    closeButton: {\n      backgroundColor: colors.fillColorNeutral050Base,\n      borderRadius: 16,\n      height: 20,\n      width: 20,\n      alignSelf: 'flex-start',\n    },\n    errorBadge: {\n      backgroundColor: colors.statusErrorBorder,\n      position: 'absolute',\n      bottom: 0,\n      right: 0,\n      zIndex: 2,\n      borderStartStartRadius: borderRadius,\n      padding: 4,\n    },\n    errorIcon: {\n      color: tokens.colorNeutral100White,\n      transform: [{ translateX: 1 }],\n      fontSize: 10,\n    },\n    spinner: {\n      marginHorizontal: 'auto',\n    },\n  })\n}\n"]}

package/build/components/group_conversation_list.d.ts

@@ -18,6 +18,6 @@ interface GroupConversationsProps extends Partial<ConversationRequestArgs> {
  *
  * Originally designed for use in CCA.
  */
-export declare const GroupConversations: ({ chat_group_graph_id, ...rest }: GroupConversationsProps) => import("react/jsx-runtime").JSX.Element;
+export declare const GroupConversations: ({ chat_group_graph_id, ...rest }: GroupConversationsProps) => React.JSX.Element;
 export {};
 //# sourceMappingURL=group_conversation_list.d.ts.map

package/build/components/group_conversation_list.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"group_conversation_list.d.ts","sourceRoot":"","sources":["../../src/components/group_conversation_list.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAA;AACxC,OAAO,EAAoB,SAAS,EAAE,MAAM,cAAc,CAAA;AAM1D,OAAO,EAAE,uBAAuB,EAAE,MAAM,+BAA+B,CAAA;AAIvE,UAAU,uBAAwB,SAAQ,OAAO,CAAC,uBAAuB,CAAC;IACxE,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,mBAAmB,EAAE,CAAC,YAAY,EAAE,GAAG,KAAK,IAAI,CAAA;IAChD,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,mBAAmB,CAAC,EAAE,CAAC,EAAE,gBAAgB,EAAE,EAAE;QAAE,gBAAgB,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,CAAA;IACnF,mBAAmB,CAAC,EAChB,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,GACxB,KAAK,CAAC,YAAY,CAAC,GAAG,EAAE,MAAM,GAAG,KAAK,CAAC,qBAAqB,CAAC,GAAG,CAAC,CAAC,CAAA;IACtE,2BAA2B,CAAC,EACxB,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,GACxB,KAAK,CAAC,YAAY,CAAC,GAAG,EAAE,MAAM,GAAG,KAAK,CAAC,qBAAqB,CAAC,GAAG,CAAC,CAAC,CAAA;IACtE,wBAAwB,CAAC,EACrB,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,GACxB,KAAK,CAAC,YAAY,CAAC,GAAG,EAAE,MAAM,GAAG,KAAK,CAAC,qBAAqB,CAAC,GAAG,CAAC,CAAC,CAAA;CACvE;AAED;;;;;GAKG;AACH,eAAO,MAAM,kBAAkB,GAAI,kCAAkC,uBAAuB,4CAM3F,CAAA"}
+{"version":3,"file":"group_conversation_list.d.ts","sourceRoot":"","sources":["../../src/components/group_conversation_list.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAA;AACxC,OAAO,EAAoB,SAAS,EAAE,MAAM,cAAc,CAAA;AAM1D,OAAO,EAAE,uBAAuB,EAAE,MAAM,+BAA+B,CAAA;AAIvE,UAAU,uBAAwB,SAAQ,OAAO,CAAC,uBAAuB,CAAC;IACxE,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,mBAAmB,EAAE,CAAC,YAAY,EAAE,GAAG,KAAK,IAAI,CAAA;IAChD,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,mBAAmB,CAAC,EAAE,CAAC,EAAE,gBAAgB,EAAE,EAAE;QAAE,gBAAgB,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,CAAA;IACnF,mBAAmB,CAAC,EAChB,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,GACxB,KAAK,CAAC,YAAY,CAAC,GAAG,EAAE,MAAM,GAAG,KAAK,CAAC,qBAAqB,CAAC,GAAG,CAAC,CAAC,CAAA;IACtE,2BAA2B,CAAC,EACxB,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,GACxB,KAAK,CAAC,YAAY,CAAC,GAAG,EAAE,MAAM,GAAG,KAAK,CAAC,qBAAqB,CAAC,GAAG,CAAC,CAAC,CAAA;IACtE,wBAAwB,CAAC,EACrB,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,GACxB,KAAK,CAAC,YAAY,CAAC,GAAG,EAAE,MAAM,GAAG,KAAK,CAAC,qBAAqB,CAAC,GAAG,CAAC,CAAC,CAAA;CACvE;AAED;;;;;GAKG;AACH,eAAO,MAAM,kBAAkB,GAAI,kCAAkC,uBAAuB,sBAM3F,CAAA"}

package/build/components/group_conversation_list.js

@@ -1,5 +1,4 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect } from 'react';
+import React, { useEffect } from 'react';
 import { StyleSheet, View } from 'react-native';
 import { ConversationsContextProvider, useConversationsContext, } from '../contexts/conversations_context';
 import { useTheme } from '../hooks';
@@ -12,7 +11,9 @@ import { Icon, Text } from './display';
  * Originally designed for use in CCA.
  */
 export const GroupConversations = ({ chat_group_graph_id, ...rest }) => {
-    return (_jsx(ConversationsContextProvider, { args: { chat_group_graph_id, group_source_app_name: undefined }, children: _jsx(GroupConversationList, { ...rest }) }));
+    return (<ConversationsContextProvider args={{ chat_group_graph_id, group_source_app_name: undefined }}>
+      <GroupConversationList {...rest}/>
+    </ConversationsContextProvider>);
 };
 const GroupConversationList = ({ limit, onConversationPress, style, onConversationsLoad, ListHeaderComponent, ListOverflowFooterComponent, ListEmptyFooterComponent, }) => {
     const styles = useStyles();
@@ -22,7 +23,16 @@ const GroupConversationList = ({ limit, onConversationPress, style, onConversati
             onConversationsLoad?.({ hasConversations: conversations.length > 0 });
         }
     }, [conversations.length, isFetched, onConversationsLoad]);
-    return (_jsxs(View, { style: style, children: [_jsx(_Fragment, { children: ListHeaderComponent }), isFetched && conversations.length === 0 && (_jsxs(View, { style: styles.listEmpty, children: [_jsx(Icon, { size: 24, name: "general.textMessage", style: styles.listEmptyIcon }), _jsx(Text, { variant: "secondary", children: "No conversations found" }), _jsx(_Fragment, { children: ListEmptyFooterComponent })] })), conversations.slice(0, limit).map(conversation => (_jsx(ConversationPreview, { style: styles.conversation, showBadges: false, conversation: conversation, onPress: () => onConversationPress(conversation) }, conversation.id))), conversations.length > (limit || 0) && _jsx(_Fragment, { children: ListOverflowFooterComponent })] }));
+    return (<View style={style}>
+      <>{ListHeaderComponent}</>
+      {isFetched && conversations.length === 0 && (<View style={styles.listEmpty}>
+          <Icon size={24} name="general.textMessage" style={styles.listEmptyIcon}/>
+          <Text variant="secondary">No conversations found</Text>
+          <>{ListEmptyFooterComponent}</>
+        </View>)}
+      {conversations.slice(0, limit).map(conversation => (<ConversationPreview style={styles.conversation} key={conversation.id} showBadges={false} conversation={conversation} onPress={() => onConversationPress(conversation)}/>))}
+      {conversations.length > (limit || 0) && <>{ListOverflowFooterComponent}</>}
+    </View>);
 };
 const useStyles = () => {
     const { colors } = useTheme();

package/build/components/group_conversation_list.js.map

@@ -1 +1 @@
-{"version":3,"file":"group_conversation_list.js","sourceRoot":"","sources":["../../src/components/group_conversation_list.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useEffect } from 'react'\nimport { StyleSheet, View, ViewStyle } from 'react-native'\nimport {\n  ConversationsContextProvider,\n  useConversationsContext,\n} from '../contexts/conversations_context'\nimport { useTheme } from '../hooks'\nimport { ConversationRequestArgs } from '../utils/request/conversation'\nimport { ConversationPreview } from './conversations/conversation_preview'\nimport { Icon, Text } from './display'\n\ninterface GroupConversationsProps extends Partial<ConversationRequestArgs> {\n  limit?: number\n  onConversationPress: (conversation: any) => void\n  style?: ViewStyle\n  onConversationsLoad?: ({ hasConversations }: { hasConversations: boolean }) => void\n  ListHeaderComponent?:\n    | React.ComponentType<any>\n    | React.ReactElement<any, string | React.JSXElementConstructor<any>>\n  ListOverflowFooterComponent?:\n    | React.ComponentType<any>\n    | React.ReactElement<any, string | React.JSXElementConstructor<any>>\n  ListEmptyFooterComponent?:\n    | React.ComponentType<any>\n    | React.ReactElement<any, string | React.JSXElementConstructor<any>>\n}\n\n/**\n * GroupConversations is a component that displays a list of conversations\n * for a specific group.\n *\n * Originally designed for use in CCA.\n */\nexport const GroupConversations = ({ chat_group_graph_id, ...rest }: GroupConversationsProps) => {\n  return (\n    <ConversationsContextProvider args={{ chat_group_graph_id, group_source_app_name: undefined }}>\n      <GroupConversationList {...rest} />\n    </ConversationsContextProvider>\n  )\n}\n\nconst GroupConversationList = ({\n  limit,\n  onConversationPress,\n  style,\n  onConversationsLoad,\n  ListHeaderComponent,\n  ListOverflowFooterComponent,\n  ListEmptyFooterComponent,\n}: GroupConversationsProps) => {\n  const styles = useStyles()\n  const { conversations = [], isFetched } = useConversationsContext()\n\n  useEffect(() => {\n    if (isFetched) {\n      onConversationsLoad?.({ hasConversations: conversations.length > 0 })\n    }\n  }, [conversations.length, isFetched, onConversationsLoad])\n\n  return (\n    <View style={style}>\n      <>{ListHeaderComponent}</>\n      {isFetched && conversations.length === 0 && (\n        <View style={styles.listEmpty}>\n          <Icon size={24} name=\"general.textMessage\" style={styles.listEmptyIcon} />\n          <Text variant=\"secondary\">No conversations found</Text>\n          <>{ListEmptyFooterComponent}</>\n        </View>\n      )}\n      {conversations.slice(0, limit).map(conversation => (\n        <ConversationPreview\n          style={styles.conversation}\n          key={conversation.id}\n          showBadges={false}\n          conversation={conversation}\n          onPress={() => onConversationPress(conversation)}\n        />\n      ))}\n      {conversations.length > (limit || 0) && <>{ListOverflowFooterComponent}</>}\n    </View>\n  )\n}\n\nconst useStyles = () => {\n  const { colors } = useTheme()\n  return StyleSheet.create({\n    constainer: {},\n    conversation: {\n      borderBottomWidth: 0,\n    },\n    listItem: { color: colors.fillColorNeutral020 },\n    listEmpty: {\n      justifyContent: 'center',\n      alignItems: 'center',\n      paddingVertical: 16,\n      gap: 8,\n    },\n    listEmptyIcon: {\n      color: colors.fillColorNeutral020,\n    },\n  })\n}\n"]}
+{"version":3,"file":"group_conversation_list.js","sourceRoot":"","sources":["../../src/components/group_conversation_list.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useEffect } from 'react'\nimport { StyleSheet, View, ViewStyle } from 'react-native'\nimport {\n  ConversationsContextProvider,\n  useConversationsContext,\n} from '../contexts/conversations_context'\nimport { useTheme } from '../hooks'\nimport { ConversationRequestArgs } from '../utils/request/conversation'\nimport { ConversationPreview } from './conversations/conversation_preview'\nimport { Icon, Text } from './display'\n\ninterface GroupConversationsProps extends Partial<ConversationRequestArgs> {\n  limit?: number\n  onConversationPress: (conversation: any) => void\n  style?: ViewStyle\n  onConversationsLoad?: ({ hasConversations }: { hasConversations: boolean }) => void\n  ListHeaderComponent?:\n    | React.ComponentType<any>\n    | React.ReactElement<any, string | React.JSXElementConstructor<any>>\n  ListOverflowFooterComponent?:\n    | React.ComponentType<any>\n    | React.ReactElement<any, string | React.JSXElementConstructor<any>>\n  ListEmptyFooterComponent?:\n    | React.ComponentType<any>\n    | React.ReactElement<any, string | React.JSXElementConstructor<any>>\n}\n\n/**\n * GroupConversations is a component that displays a list of conversations\n * for a specific group.\n *\n * Originally designed for use in CCA.\n */\nexport const GroupConversations = ({ chat_group_graph_id, ...rest }: GroupConversationsProps) => {\n  return (\n    <ConversationsContextProvider args={{ chat_group_graph_id, group_source_app_name: undefined }}>\n      <GroupConversationList {...rest} />\n    </ConversationsContextProvider>\n  )\n}\n\nconst GroupConversationList = ({\n  limit,\n  onConversationPress,\n  style,\n  onConversationsLoad,\n  ListHeaderComponent,\n  ListOverflowFooterComponent,\n  ListEmptyFooterComponent,\n}: GroupConversationsProps) => {\n  const styles = useStyles()\n  const { conversations = [], isFetched } = useConversationsContext()\n\n  useEffect(() => {\n    if (isFetched) {\n      onConversationsLoad?.({ hasConversations: conversations.length > 0 })\n    }\n  }, [conversations.length, isFetched, onConversationsLoad])\n\n  return (\n    <View style={style}>\n      <>{ListHeaderComponent}</>\n      {isFetched && conversations.length === 0 && (\n        <View style={styles.listEmpty}>\n          <Icon size={24} name=\"general.textMessage\" style={styles.listEmptyIcon} />\n          <Text variant=\"secondary\">No conversations found</Text>\n          <>{ListEmptyFooterComponent}</>\n        </View>\n      )}\n      {conversations.slice(0, limit).map(conversation => (\n        <ConversationPreview\n          style={styles.conversation}\n          key={conversation.id}\n          showBadges={false}\n          conversation={conversation}\n          onPress={() => onConversationPress(conversation)}\n        />\n      ))}\n      {conversations.length > (limit || 0) && <>{ListOverflowFooterComponent}</>}\n    </View>\n  )\n}\n\nconst useStyles = () => {\n  const { colors } = useTheme()\n  return StyleSheet.create({\n    constainer: {},\n    conversation: {\n      borderBottomWidth: 0,\n    },\n    listItem: { color: colors.fillColorNeutral020 },\n    listEmpty: {\n      justifyContent: 'center',\n      alignItems: 'center',\n      paddingVertical: 16,\n      gap: 8,\n    },\n    listEmptyIcon: {\n      color: colors.fillColorNeutral020,\n    },\n  })\n}\n"]}

package/build/components/page/component_error_boundary.d.ts

@@ -1,4 +1,4 @@
-import { PropsWithChildren } from 'react';
+import React, { PropsWithChildren } from 'react';
 import { ErrorBoundaryProps } from './error_boundary';
-export declare function ComponentErrorBoundary({ children, ...props }: PropsWithChildren<ErrorBoundaryProps>): import("react/jsx-runtime").JSX.Element;
+export declare function ComponentErrorBoundary({ children, ...props }: PropsWithChildren<ErrorBoundaryProps>): React.JSX.Element;
 //# sourceMappingURL=component_error_boundary.d.ts.map

package/build/components/page/component_error_boundary.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"component_error_boundary.d.ts","sourceRoot":"","sources":["../../../src/components/page/component_error_boundary.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAChD,OAAO,EAAiB,kBAAkB,EAAE,MAAM,kBAAkB,CAAA;AAEpE,wBAAgB,sBAAsB,CAAC,EACrC,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,iBAAiB,CAAC,kBAAkB,CAAC,2CAMvC"}
+{"version":3,"file":"component_error_boundary.d.ts","sourceRoot":"","sources":["../../../src/components/page/component_error_boundary.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAChD,OAAO,EAAiB,kBAAkB,EAAE,MAAM,kBAAkB,CAAA;AAEpE,wBAAgB,sBAAsB,CAAC,EACrC,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,iBAAiB,CAAC,kBAAkB,CAAC,qBAMvC"}

package/build/components/page/component_error_boundary.js

@@ -1,6 +1,8 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
 import { ErrorBoundary } from './error_boundary';
 export function ComponentErrorBoundary({ children, ...props }) {
-    return (_jsx(ErrorBoundary, { scope: "component", fallback: null, ...props, children: children }));
+    return (<ErrorBoundary scope="component" fallback={null} {...props}>
+      {children}
+    </ErrorBoundary>);
 }
 //# sourceMappingURL=component_error_boundary.js.map

package/build/components/page/component_error_boundary.js.map

@@ -1 +1 @@
-{"version":3,"file":"component_error_boundary.js","sourceRoot":"","sources":["../../../src/components/page/component_error_boundary.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,aAAa,EAAsB,MAAM,kBAAkB,CAAA;AAEpE,MAAM,UAAU,sBAAsB,CAAC,EACrC,QAAQ,EACR,GAAG,KAAK,EAC8B;IACtC,OAAO,CACL,KAAC,aAAa,IAAC,KAAK,EAAC,WAAW,EAAC,QAAQ,EAAE,IAAI,KAAM,KAAK,YACvD,QAAQ,GACK,CACjB,CAAA;AACH,CAAC","sourcesContent":["import React, { PropsWithChildren } from 'react'\nimport { ErrorBoundary, ErrorBoundaryProps } from './error_boundary'\n\nexport function ComponentErrorBoundary({\n  children,\n  ...props\n}: PropsWithChildren<ErrorBoundaryProps>) {\n  return (\n    <ErrorBoundary scope=\"component\" fallback={null} {...props}>\n      {children}\n    </ErrorBoundary>\n  )\n}\n"]}
+{"version":3,"file":"component_error_boundary.js","sourceRoot":"","sources":["../../../src/components/page/component_error_boundary.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAA;AAChD,OAAO,EAAE,aAAa,EAAsB,MAAM,kBAAkB,CAAA;AAEpE,MAAM,UAAU,sBAAsB,CAAC,EACrC,QAAQ,EACR,GAAG,KAAK,EAC8B;IACtC,OAAO,CACL,CAAC,aAAa,CAAC,KAAK,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,KAAK,CAAC,CACzD;MAAA,CAAC,QAAQ,CACX;IAAA,EAAE,aAAa,CAAC,CACjB,CAAA;AACH,CAAC","sourcesContent":["import React, { PropsWithChildren } from 'react'\nimport { ErrorBoundary, ErrorBoundaryProps } from './error_boundary'\n\nexport function ComponentErrorBoundary({\n  children,\n  ...props\n}: PropsWithChildren<ErrorBoundaryProps>) {\n  return (\n    <ErrorBoundary scope=\"component\" fallback={null} {...props}>\n      {children}\n    </ErrorBoundary>\n  )\n}\n"]}

package/build/components/page/loading.d.ts

@@ -1,2 +1,3 @@
-export declare function DefaultLoading(): import("react/jsx-runtime").JSX.Element;
+import React from 'react';
+export declare function DefaultLoading(): React.JSX.Element;
 //# sourceMappingURL=loading.d.ts.map

package/build/components/page/loading.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"loading.d.ts","sourceRoot":"","sources":["../../../src/components/page/loading.tsx"],"names":[],"mappings":"AAKA,wBAAgB,cAAc,4CAQ7B"}
+{"version":3,"file":"loading.d.ts","sourceRoot":"","sources":["../../../src/components/page/loading.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,wBAAgB,cAAc,sBAQ7B"}

package/build/components/page/loading.js

@@ -1,10 +1,12 @@
-import { jsx as _jsx } from "react/jsx-runtime";
 import { useTheme } from '@react-navigation/native';
+import React from 'react';
 import { StyleSheet, View } from 'react-native';
 import { Spinner } from '../display';
 export function DefaultLoading() {
     const styles = useStyles();
-    return (_jsx(View, { style: styles.container, children: _jsx(Spinner, { size: 48 }) }));
+    return (<View style={styles.container}>
+      <Spinner size={48}/>
+    </View>);
 }
 const useStyles = () => {
     const theme = useTheme();

package/build/components/page/loading.js.map

@@ -1 +1 @@
-{"version":3,"file":"loading.js","sourceRoot":"","sources":["../../../src/components/page/loading.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAA;AAEnD,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAC/C,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAA;AAEpC,MAAM,UAAU,cAAc;IAC5B,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAE1B,OAAO,CACL,KAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,SAAS,YAC3B,KAAC,OAAO,IAAC,IAAI,EAAE,EAAE,GAAI,GAChB,CACR,CAAA;AACH,CAAC;AAED,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,OAAO,UAAU,CAAC,MAAM,CAAC;QACvB,SAAS,EAAE;YACT,SAAS,EAAE,GAAG;YACd,IAAI,EAAE,CAAC;YACP,cAAc,EAAE,QAAQ;YACxB,UAAU,EAAE,QAAQ;SACrB;QACD,OAAO,EAAE;YACP,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI;SACzB;KACF,CAAC,CAAA;AACJ,CAAC,CAAA","sourcesContent":["import { useTheme } from '@react-navigation/native'\nimport React from 'react'\nimport { StyleSheet, View } from 'react-native'\nimport { Spinner } from '../display'\n\nexport function DefaultLoading() {\n  const styles = useStyles()\n\n  return (\n    <View style={styles.container}>\n      <Spinner size={48} />\n    </View>\n  )\n}\n\nconst useStyles = () => {\n  const theme = useTheme()\n  return StyleSheet.create({\n    container: {\n      minHeight: 200,\n      flex: 1,\n      justifyContent: 'center',\n      alignItems: 'center',\n    },\n    loading: {\n      color: theme.colors.text,\n    },\n  })\n}\n"]}
+{"version":3,"file":"loading.js","sourceRoot":"","sources":["../../../src/components/page/loading.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAA;AACnD,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAC/C,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAA;AAEpC,MAAM,UAAU,cAAc;IAC5B,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAE1B,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAC5B;MAAA,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,EACpB;IAAA,EAAE,IAAI,CAAC,CACR,CAAA;AACH,CAAC;AAED,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,OAAO,UAAU,CAAC,MAAM,CAAC;QACvB,SAAS,EAAE;YACT,SAAS,EAAE,GAAG;YACd,IAAI,EAAE,CAAC;YACP,cAAc,EAAE,QAAQ;YACxB,UAAU,EAAE,QAAQ;SACrB;QACD,OAAO,EAAE;YACP,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI;SACzB;KACF,CAAC,CAAA;AACJ,CAAC,CAAA","sourcesContent":["import { useTheme } from '@react-navigation/native'\nimport React from 'react'\nimport { StyleSheet, View } from 'react-native'\nimport { Spinner } from '../display'\n\nexport function DefaultLoading() {\n  const styles = useStyles()\n\n  return (\n    <View style={styles.container}>\n      <Spinner size={48} />\n    </View>\n  )\n}\n\nconst useStyles = () => {\n  const theme = useTheme()\n  return StyleSheet.create({\n    container: {\n      minHeight: 200,\n      flex: 1,\n      justifyContent: 'center',\n      alignItems: 'center',\n    },\n    loading: {\n      color: theme.colors.text,\n    },\n  })\n}\n"]}

package/build/components/page/page_error_boundary.d.ts

@@ -1,4 +1,4 @@
-import { PropsWithChildren } from 'react';
+import React, { PropsWithChildren } from 'react';
 import { ErrorBoundaryProps } from './error_boundary';
-export declare function PageErrorBoundary({ children, ...props }: PropsWithChildren<ErrorBoundaryProps>): import("react/jsx-runtime").JSX.Element;
+export declare function PageErrorBoundary({ children, ...props }: PropsWithChildren<ErrorBoundaryProps>): React.JSX.Element;
 //# sourceMappingURL=page_error_boundary.d.ts.map

package/build/components/page/page_error_boundary.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"page_error_boundary.d.ts","sourceRoot":"","sources":["../../../src/components/page/page_error_boundary.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAE,iBAAiB,EAAqD,MAAM,OAAO,CAAA;AAInG,OAAO,EAAwC,kBAAkB,EAAE,MAAM,kBAAkB,CAAA;AAM3F,wBAAgB,iBAAiB,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,iBAAiB,CAAC,kBAAkB,CAAC,2CAM9F"}
+{"version":3,"file":"page_error_boundary.d.ts","sourceRoot":"","sources":["../../../src/components/page/page_error_boundary.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,iBAAiB,EAAqD,MAAM,OAAO,CAAA;AAInG,OAAO,EAAwC,kBAAkB,EAAE,MAAM,kBAAkB,CAAA;AAM3F,wBAAgB,iBAAiB,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,iBAAiB,CAAC,kBAAkB,CAAC,qBAM9F"}

package/build/components/page/page_error_boundary.js

@@ -1,14 +1,15 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useNavigation } from '@react-navigation/native';
 import { useQueryErrorResetBoundary } from '@tanstack/react-query';
-import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { onAuthRefresh } from '../../utils/auth_events';
 import { ResponseError } from '../../utils/response_error';
 import BlankState from '../primitive/blank_state_primitive';
 import { ErrorBoundary } from './error_boundary';
-const renderPageFallback = (error, reset) => (_jsx(ErrorView, { error: error, reset: reset }));
+const renderPageFallback = (error, reset) => (<ErrorView error={error} reset={reset}/>);
 export function PageErrorBoundary({ children, ...props }) {
-    return (_jsx(ErrorBoundary, { scope: "screen", fallback: renderPageFallback, ...props, children: children }));
+    return (<ErrorBoundary scope="screen" fallback={renderPageFallback} {...props}>
+      {children}
+    </ErrorBoundary>);
 }
 function ErrorView({ error, reset }) {
     const { reset: resetQueries } = useQueryErrorResetBoundary();
@@ -18,12 +19,12 @@ function ErrorView({ error, reset }) {
     }, [resetQueries, reset]);
     useEffect(() => handleReset, [handleReset]);
     if (error instanceof ResponseError) {
-        return _jsx(ResponseErrorView, { response: error.response, onReset: handleReset });
+        return <ResponseErrorView response={error.response} onReset={handleReset}/>;
     }
     if (isNetworkError(error)) {
-        return (_jsx(ErrorContent, { heading: 'Problem connecting!', body: 'Check your internet connection and try again.' }));
+        return (<ErrorContent heading={'Problem connecting!'} body={'Check your internet connection and try again.'}/>);
     }
-    return _jsx(ErrorContent, { heading: 'Oops!', body: 'Something unexpected happened.' });
+    return <ErrorContent heading={'Oops!'} body={'Something unexpected happened.'}/>;
 }
 function isNetworkError(error) {
     const networkFailedMessages = [
@@ -61,9 +62,9 @@ function ResponseErrorView({ response, onReset }) {
         return onAuthRefresh(onReset);
     }, [status, onReset]);
     if (status === 429) {
-        return _jsx(RateLimitedView, { response: response, onReset: onReset });
+        return <RateLimitedView response={response} onReset={onReset}/>;
     }
-    return _jsx(ErrorContent, { heading: heading, body: body });
+    return <ErrorContent heading={heading} body={body}/>;
 }
 const RATE_LIMIT_WINDOW_S = 20;
 function RateLimitedView({ response, onReset }) {
@@ -78,10 +79,30 @@ function RateLimitedView({ response, onReset }) {
     }, [readyAt]);
     const navigation = useNavigation();
     const secondsLeft = Math.max(0, Math.ceil((readyAt - now) / 1000));
-    return (_jsxs(BlankState.Root, { children: [_jsx(BlankState.Imagery, { name: "people.noTextMessage" }), _jsxs(BlankState.Content, { children: [_jsx(BlankState.Heading, { children: "Too many requests" }), _jsx(BlankState.Text, { children: "Chat is being accessed too frequently. Please wait a moment." })] }), _jsx(BlankState.Button, { title: secondsLeft > 0 ? `Retry in ${secondsLeft}s` : 'Try again', disabled: secondsLeft > 0, onPress: onReset, size: "md", accessibilityRole: "button" }), _jsx(BlankState.TextButton, { onPress: navigation.goBack, children: "Go back" })] }));
+    return (<BlankState.Root>
+      <BlankState.Imagery name="people.noTextMessage"/>
+      <BlankState.Content>
+        <BlankState.Heading>Too many requests</BlankState.Heading>
+        <BlankState.Text>
+          Chat is being accessed too frequently. Please wait a moment.
+        </BlankState.Text>
+      </BlankState.Content>
+      <BlankState.Button title={secondsLeft > 0 ? `Retry in ${secondsLeft}s` : 'Try again'} disabled={secondsLeft > 0} onPress={onReset} size="md" accessibilityRole="button"/>
+      <BlankState.TextButton onPress={navigation.goBack}>Go back</BlankState.TextButton>
+    </BlankState.Root>);
 }
 function ErrorContent({ heading, body }) {
     const navigation = useNavigation();
-    return (_jsxs(BlankState.Root, { children: [_jsx(BlankState.Imagery, { name: "people.noTextMessage" }), _jsxs(BlankState.Content, { children: [_jsx(BlankState.Heading, { children: heading }), _jsx(BlankState.Text, { children: body })] }), _jsx(BlankState.Button, { title: "Go back", onPress: navigation.goBack, size: "md", accessibilityRole: "link" }), _jsx(BlankState.TextButton, { onPress: () => navigation.navigate('BugReport'), children: "Report a bug" })] }));
+    return (<BlankState.Root>
+      <BlankState.Imagery name="people.noTextMessage"/>
+      <BlankState.Content>
+        <BlankState.Heading>{heading}</BlankState.Heading>
+        <BlankState.Text>{body}</BlankState.Text>
+      </BlankState.Content>
+      <BlankState.Button title="Go back" onPress={navigation.goBack} size="md" accessibilityRole="link"/>
+      <BlankState.TextButton onPress={() => navigation.navigate('BugReport')}>
+        Report a bug
+      </BlankState.TextButton>
+    </BlankState.Root>);
 }
 //# sourceMappingURL=page_error_boundary.js.map

package/build/components/page/page_error_boundary.js.map

@@ -1 +1 @@
-{"version":3,"file":"page_error_boundary.js","sourceRoot":"","sources":["../../../src/components/page/page_error_boundary.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useNavigation } from '@react-navigation/native'\nimport { useQueryErrorResetBoundary } from '@tanstack/react-query'\nimport React, { PropsWithChildren, useCallback, useEffect, useMemo, useRef, useState } from 'react'\nimport { onAuthRefresh } from '../../utils/auth_events'\nimport { ResponseError } from '../../utils/response_error'\nimport BlankState from '../primitive/blank_state_primitive'\nimport { ErrorBoundary, ErrorBoundaryFallback, ErrorBoundaryProps } from './error_boundary'\n\nconst renderPageFallback: ErrorBoundaryFallback = (error, reset) => (\n  <ErrorView error={error} reset={reset} />\n)\n\nexport function PageErrorBoundary({ children, ...props }: PropsWithChildren<ErrorBoundaryProps>) {\n  return (\n    <ErrorBoundary scope=\"screen\" fallback={renderPageFallback} {...props}>\n      {children}\n    </ErrorBoundary>\n  )\n}\n\nfunction ErrorView({ error, reset }: { error: Error; reset: () => void }) {\n  const { reset: resetQueries } = useQueryErrorResetBoundary()\n\n  const handleReset = useCallback(() => {\n    resetQueries()\n    reset()\n  }, [resetQueries, reset])\n\n  useEffect(() => handleReset, [handleReset])\n\n  if (error instanceof ResponseError) {\n    return <ResponseErrorView response={error.response} onReset={handleReset} />\n  }\n\n  if (isNetworkError(error)) {\n    return (\n      <ErrorContent\n        heading={'Problem connecting!'}\n        body={'Check your internet connection and try again.'}\n      />\n    )\n  }\n\n  return <ErrorContent heading={'Oops!'} body={'Something unexpected happened.'} />\n}\n\nfunction isNetworkError(error: Error) {\n  const networkFailedMessages = [\n    'Network request failed',\n    'Network request timed out',\n    'Failed to fetch',\n  ]\n\n  return new RegExp(networkFailedMessages.join('|'), 'i').test(error.message)\n}\n\nfunction ResponseErrorView({ response, onReset }: { response: Response; onReset: () => void }) {\n  const { status } = response\n\n  const heading = useMemo(() => {\n    switch (status) {\n      case 403:\n        return 'Permission required'\n      case 404:\n        return 'Content not found'\n      default:\n        return 'Oops!'\n    }\n  }, [status])\n\n  const body = useMemo(() => {\n    switch (status) {\n      case 403:\n        return 'Contact your administrator for access.'\n      case 404:\n        return 'If you believe something should be here, please reach out to your administrator.'\n      default:\n        return 'Something unexpected happened.'\n    }\n  }, [status])\n\n  useEffect(() => {\n    if (status !== 401) return\n\n    return onAuthRefresh(onReset)\n  }, [status, onReset])\n\n  if (status === 429) {\n    return <RateLimitedView response={response} onReset={onReset} />\n  }\n\n  return <ErrorContent heading={heading} body={body} />\n}\n\nconst RATE_LIMIT_WINDOW_S = 20\n\nfunction RateLimitedView({ response, onReset }: { response: Response; onReset: () => void }) {\n  const retryAfterS = parseInt(\n    response.headers?.get('Retry-After') ?? String(RATE_LIMIT_WINDOW_S),\n    10\n  )\n  const readyAt = useRef(Date.now() + retryAfterS * 1000).current\n  const [now, setNow] = useState(Date.now)\n\n  useEffect(() => {\n    const id = setInterval(() => {\n      setNow(prev => (prev >= readyAt ? prev : Date.now()))\n    }, 1000)\n    return () => clearInterval(id)\n  }, [readyAt])\n\n  const navigation = useNavigation()\n  const secondsLeft = Math.max(0, Math.ceil((readyAt - now) / 1000))\n\n  return (\n    <BlankState.Root>\n      <BlankState.Imagery name=\"people.noTextMessage\" />\n      <BlankState.Content>\n        <BlankState.Heading>Too many requests</BlankState.Heading>\n        <BlankState.Text>\n          Chat is being accessed too frequently. Please wait a moment.\n        </BlankState.Text>\n      </BlankState.Content>\n      <BlankState.Button\n        title={secondsLeft > 0 ? `Retry in ${secondsLeft}s` : 'Try again'}\n        disabled={secondsLeft > 0}\n        onPress={onReset}\n        size=\"md\"\n        accessibilityRole=\"button\"\n      />\n      <BlankState.TextButton onPress={navigation.goBack}>Go back</BlankState.TextButton>\n    </BlankState.Root>\n  )\n}\n\nfunction ErrorContent({ heading, body }: { heading: string; body: string }) {\n  const navigation = useNavigation()\n\n  return (\n    <BlankState.Root>\n      <BlankState.Imagery name=\"people.noTextMessage\" />\n      <BlankState.Content>\n        <BlankState.Heading>{heading}</BlankState.Heading>\n        <BlankState.Text>{body}</BlankState.Text>\n      </BlankState.Content>\n      <BlankState.Button\n        title=\"Go back\"\n        onPress={navigation.goBack}\n        size=\"md\"\n        accessibilityRole=\"link\"\n      />\n      <BlankState.TextButton onPress={() => navigation.navigate('BugReport')}>\n        Report a bug\n      </BlankState.TextButton>\n    </BlankState.Root>\n  )\n}\n"]}
+{"version":3,"file":"page_error_boundary.js","sourceRoot":"","sources":["../../../src/components/page/page_error_boundary.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useNavigation } from '@react-navigation/native'\nimport { useQueryErrorResetBoundary } from '@tanstack/react-query'\nimport React, { PropsWithChildren, useCallback, useEffect, useMemo, useRef, useState } from 'react'\nimport { onAuthRefresh } from '../../utils/auth_events'\nimport { ResponseError } from '../../utils/response_error'\nimport BlankState from '../primitive/blank_state_primitive'\nimport { ErrorBoundary, ErrorBoundaryFallback, ErrorBoundaryProps } from './error_boundary'\n\nconst renderPageFallback: ErrorBoundaryFallback = (error, reset) => (\n  <ErrorView error={error} reset={reset} />\n)\n\nexport function PageErrorBoundary({ children, ...props }: PropsWithChildren<ErrorBoundaryProps>) {\n  return (\n    <ErrorBoundary scope=\"screen\" fallback={renderPageFallback} {...props}>\n      {children}\n    </ErrorBoundary>\n  )\n}\n\nfunction ErrorView({ error, reset }: { error: Error; reset: () => void }) {\n  const { reset: resetQueries } = useQueryErrorResetBoundary()\n\n  const handleReset = useCallback(() => {\n    resetQueries()\n    reset()\n  }, [resetQueries, reset])\n\n  useEffect(() => handleReset, [handleReset])\n\n  if (error instanceof ResponseError) {\n    return <ResponseErrorView response={error.response} onReset={handleReset} />\n  }\n\n  if (isNetworkError(error)) {\n    return (\n      <ErrorContent\n        heading={'Problem connecting!'}\n        body={'Check your internet connection and try again.'}\n      />\n    )\n  }\n\n  return <ErrorContent heading={'Oops!'} body={'Something unexpected happened.'} />\n}\n\nfunction isNetworkError(error: Error) {\n  const networkFailedMessages = [\n    'Network request failed',\n    'Network request timed out',\n    'Failed to fetch',\n  ]\n\n  return new RegExp(networkFailedMessages.join('|'), 'i').test(error.message)\n}\n\nfunction ResponseErrorView({ response, onReset }: { response: Response; onReset: () => void }) {\n  const { status } = response\n\n  const heading = useMemo(() => {\n    switch (status) {\n      case 403:\n        return 'Permission required'\n      case 404:\n        return 'Content not found'\n      default:\n        return 'Oops!'\n    }\n  }, [status])\n\n  const body = useMemo(() => {\n    switch (status) {\n      case 403:\n        return 'Contact your administrator for access.'\n      case 404:\n        return 'If you believe something should be here, please reach out to your administrator.'\n      default:\n        return 'Something unexpected happened.'\n    }\n  }, [status])\n\n  useEffect(() => {\n    if (status !== 401) return\n\n    return onAuthRefresh(onReset)\n  }, [status, onReset])\n\n  if (status === 429) {\n    return <RateLimitedView response={response} onReset={onReset} />\n  }\n\n  return <ErrorContent heading={heading} body={body} />\n}\n\nconst RATE_LIMIT_WINDOW_S = 20\n\nfunction RateLimitedView({ response, onReset }: { response: Response; onReset: () => void }) {\n  const retryAfterS = parseInt(\n    response.headers?.get('Retry-After') ?? String(RATE_LIMIT_WINDOW_S),\n    10\n  )\n  const readyAt = useRef(Date.now() + retryAfterS * 1000).current\n  const [now, setNow] = useState(Date.now)\n\n  useEffect(() => {\n    const id = setInterval(() => {\n      setNow(prev => (prev >= readyAt ? prev : Date.now()))\n    }, 1000)\n    return () => clearInterval(id)\n  }, [readyAt])\n\n  const navigation = useNavigation()\n  const secondsLeft = Math.max(0, Math.ceil((readyAt - now) / 1000))\n\n  return (\n    <BlankState.Root>\n      <BlankState.Imagery name=\"people.noTextMessage\" />\n      <BlankState.Content>\n        <BlankState.Heading>Too many requests</BlankState.Heading>\n        <BlankState.Text>\n          Chat is being accessed too frequently. Please wait a moment.\n        </BlankState.Text>\n      </BlankState.Content>\n      <BlankState.Button\n        title={secondsLeft > 0 ? `Retry in ${secondsLeft}s` : 'Try again'}\n        disabled={secondsLeft > 0}\n        onPress={onReset}\n        size=\"md\"\n        accessibilityRole=\"button\"\n      />\n      <BlankState.TextButton onPress={navigation.goBack}>Go back</BlankState.TextButton>\n    </BlankState.Root>\n  )\n}\n\nfunction ErrorContent({ heading, body }: { heading: string; body: string }) {\n  const navigation = useNavigation()\n\n  return (\n    <BlankState.Root>\n      <BlankState.Imagery name=\"people.noTextMessage\" />\n      <BlankState.Content>\n        <BlankState.Heading>{heading}</BlankState.Heading>\n        <BlankState.Text>{body}</BlankState.Text>\n      </BlankState.Content>\n      <BlankState.Button\n        title=\"Go back\"\n        onPress={navigation.goBack}\n        size=\"md\"\n        accessibilityRole=\"link\"\n      />\n      <BlankState.TextButton onPress={() => navigation.navigate('BugReport')}>\n        Report a bug\n      </BlankState.TextButton>\n    </BlankState.Root>\n  )\n}\n"]}