@appsupportkit/support-sdk 0.1.1 → 0.2.0

package/lib/commonjs/components/primitives.js

@@ -5,13 +5,18 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.EmptyState = EmptyState;
 exports.ErrorState = ErrorState;
+exports.IconButton = IconButton;
 exports.PressableRow = PressableRow;
 exports.PrimaryButton = PrimaryButton;
 exports.SecondaryButton = SecondaryButton;
+exports.SectionLabel = SectionLabel;
 exports.SkeletonBlock = SkeletonBlock;
 exports.StatusIndicator = StatusIndicator;
 exports.TypeChipView = TypeChipView;
+exports.TypeGlyph = TypeGlyph;
+exports.UnreadPill = UnreadPill;
 exports.textStyles = void 0;
+exports.typeBackground = typeBackground;
 exports.typeColor = typeColor;
 exports.typeIcon = typeIcon;
 var _react = require("react");
@@ -38,6 +43,30 @@ function typeColor(type, theme) {
   if (type === 'feature_request') return theme.colors.statusProgress;
   return theme.colors.statusOpen;
 }
+function typeBackground(type, theme) {
+  if (type === 'bug_report') return theme.colors.statusDangerBg;
+  if (type === 'feature_request') return theme.colors.statusProgressBg;
+  return theme.colors.statusOpenBg;
+}
+
+/** Tinted round chip holding a type icon — the anchor of every list row. */
+function TypeGlyph({
+  type,
+  theme,
+  size = 36
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: {
+      width: size,
+      height: size,
+      borderRadius: size / 2,
+      backgroundColor: typeBackground(type, theme),
+      alignItems: 'center',
+      justifyContent: 'center'
+    },
+    children: typeIcon(type, typeColor(type, theme), size * 0.44)
+  });
+}
 
 /** Status dot + label — same visual language as the dashboard. */
 function StatusIndicator({
@@ -68,7 +97,7 @@ function StatusIndicator({
   });
 }
 
-/** Pressable row with the standard hover/press wash. */
+/** Pressable row with the standard press wash. */
 function PressableRow({
   onPress,
   children,
@@ -88,32 +117,72 @@ function PressableRow({
     children: children
   });
 }
+
+/** Circular icon button — back, close, send. */
+function IconButton({
+  onPress,
+  children,
+  theme,
+  accessibilityLabel,
+  size = 34,
+  disabled,
+  tone = 'surface'
+}) {
+  const accent = tone === 'accent';
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+    onPress: onPress,
+    disabled: disabled,
+    hitSlop: 6,
+    accessibilityRole: "button",
+    accessibilityLabel: accessibilityLabel,
+    style: ({
+      pressed
+    }) => ({
+      width: size,
+      height: size,
+      borderRadius: size / 2,
+      alignItems: 'center',
+      justifyContent: 'center',
+      opacity: disabled ? 0.45 : 1,
+      backgroundColor: accent ? pressed ? theme.colors.accentHover : theme.colors.accent : pressed ? theme.colors.surfaceActive : theme.colors.surface,
+      borderWidth: accent ? 0 : 1,
+      borderColor: theme.colors.border
+    }),
+    children: children
+  });
+}
 function PrimaryButton({
   label,
   onPress,
   disabled,
-  theme
+  theme,
+  fullWidth
 }) {
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
     onPress: onPress,
     disabled: disabled,
     accessibilityRole: "button",
+    accessibilityState: {
+      disabled: Boolean(disabled)
+    },
     style: ({
       pressed
     }) => ({
-      height: 36,
-      paddingHorizontal: 14,
+      height: 44,
+      alignSelf: fullWidth ? 'stretch' : 'flex-start',
+      paddingHorizontal: 18,
       borderRadius: theme.radii.control,
       backgroundColor: pressed ? theme.colors.accentHover : theme.colors.accent,
-      opacity: disabled ? 0.5 : 1,
+      opacity: disabled ? 0.45 : 1,
       alignItems: 'center',
       justifyContent: 'center'
     }),
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
       style: {
         color: theme.colors.accentForeground,
-        fontSize: 13,
-        fontWeight: '500'
+        fontSize: 14,
+        fontWeight: '600',
+        letterSpacing: -0.1
       },
       children: label
     })
@@ -130,8 +199,8 @@ function SecondaryButton({
     style: ({
       pressed
     }) => ({
-      height: 32,
-      paddingHorizontal: 12,
+      height: 38,
+      paddingHorizontal: 16,
       borderRadius: theme.radii.control,
       borderWidth: 1,
       borderColor: theme.colors.border,
@@ -142,7 +211,7 @@ function SecondaryButton({
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
       style: {
         color: theme.colors.textPrimary,
-        fontSize: 12,
+        fontSize: 13,
         fontWeight: '500'
       },
       children: label
@@ -150,27 +219,94 @@ function SecondaryButton({
   });
 }
 
+/** The count pill on a thread row. */
+function UnreadPill({
+  count,
+  theme
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: {
+      minWidth: 20,
+      height: 20,
+      paddingHorizontal: 6,
+      borderRadius: theme.radii.pill,
+      backgroundColor: theme.colors.accent,
+      alignItems: 'center',
+      justifyContent: 'center'
+    },
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      style: {
+        fontSize: 11,
+        lineHeight: 14,
+        fontWeight: '700',
+        color: theme.colors.accentForeground,
+        fontVariant: ['tabular-nums']
+      },
+      children: count > 99 ? '99+' : count
+    })
+  });
+}
+function SectionLabel({
+  children,
+  theme,
+  style
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+    style: [{
+      fontSize: 11,
+      fontWeight: '600',
+      textTransform: 'uppercase',
+      letterSpacing: 0.6,
+      color: theme.colors.textTertiary
+    }, style],
+    children: children
+  });
+}
+
 /** Small muted icon + one line — no illustrations. */
 function EmptyState({
   message,
+  hint,
   theme,
   icon
 }) {
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
     style: {
       alignItems: 'center',
-      paddingVertical: 40,
-      gap: 8
+      paddingVertical: 44,
+      paddingHorizontal: 32,
+      gap: 10
     },
-    children: [icon ?? /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.ChatIcon, {
-      color: theme.colors.textTertiary,
-      size: 16
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: {
+        width: 44,
+        height: 44,
+        borderRadius: 22,
+        alignItems: 'center',
+        justifyContent: 'center',
+        backgroundColor: theme.colors.surface,
+        borderWidth: 1,
+        borderColor: theme.colors.border
+      },
+      children: icon ?? /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.ChatIcon, {
+        color: theme.colors.textTertiary,
+        size: 18
+      })
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
       style: {
-        fontSize: 13,
-        color: theme.colors.textSecondary
+        fontSize: 15,
+        fontWeight: '600',
+        color: theme.colors.textPrimary
       },
       children: message
+    }), hint !== undefined && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      style: {
+        fontSize: 13,
+        lineHeight: 19,
+        color: theme.colors.textSecondary,
+        textAlign: 'center'
+      },
+      children: hint
     })]
   });
 }
@@ -184,17 +320,17 @@ function ErrorState({
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
     style: {
       alignItems: 'center',
-      paddingVertical: 32,
-      gap: 10
+      paddingVertical: 40,
+      gap: 12
     },
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
       style: {
-        fontSize: 13,
+        fontSize: 14,
         color: theme.colors.textSecondary
       },
       children: message
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(SecondaryButton, {
-      label: "Retry",
+      label: "Try again",
       onPress: onRetry,
       theme: theme
     })]
@@ -206,17 +342,20 @@ function SkeletonBlock({
   width,
   height,
   theme,
+  radius,
   style
 }) {
-  const opacity = (0, _react.useRef)(new _reactNative.Animated.Value(0.5)).current;
+  const opacity = (0, _react.useRef)(new _reactNative.Animated.Value(0.4)).current;
   (0, _react.useEffect)(() => {
     const loop = _reactNative.Animated.loop(_reactNative.Animated.sequence([_reactNative.Animated.timing(opacity, {
-      toValue: 1,
-      duration: 600,
+      toValue: 0.9,
+      duration: 700,
+      easing: _reactNative.Easing.inOut(_reactNative.Easing.quad),
       useNativeDriver: true
     }), _reactNative.Animated.timing(opacity, {
-      toValue: 0.5,
-      duration: 600,
+      toValue: 0.4,
+      duration: 700,
+      easing: _reactNative.Easing.inOut(_reactNative.Easing.quad),
       useNativeDriver: true
     })]));
     loop.start();
@@ -226,7 +365,7 @@ function SkeletonBlock({
     style: [{
       width,
       height,
-      borderRadius: theme.radii.control,
+      borderRadius: radius ?? theme.radii.control,
       backgroundColor: theme.colors.surfaceActive,
       opacity
     }, style]
@@ -234,22 +373,29 @@ function SkeletonBlock({
 }
 const textStyles = exports.textStyles = {
   title: theme => ({
-    fontSize: 16,
+    fontSize: 19,
+    fontWeight: '700',
+    letterSpacing: -0.4,
+    color: theme.colors.textPrimary
+  }),
+  heading: theme => ({
+    fontSize: 15,
     fontWeight: '600',
     letterSpacing: -0.2,
     color: theme.colors.textPrimary
   }),
   body: theme => ({
-    fontSize: 14,
+    fontSize: 15,
     color: theme.colors.textPrimary,
-    lineHeight: 20
+    lineHeight: 21
   }),
   secondary: theme => ({
     fontSize: 13,
+    lineHeight: 19,
     color: theme.colors.textSecondary
   }),
   meta: theme => ({
-    fontSize: 11,
+    fontSize: 11.5,
     color: theme.colors.textTertiary,
     fontVariant: ['tabular-nums']
   })
@@ -259,22 +405,21 @@ function TypeChipView({
   theme
 }) {
   const color = typeColor(type, theme);
-  const bg = type === 'bug_report' ? theme.colors.statusDangerBg : type === 'feature_request' ? theme.colors.statusProgressBg : theme.colors.statusOpenBg;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
     style: {
       flexDirection: 'row',
       alignItems: 'center',
       gap: 5,
-      paddingHorizontal: 6,
-      paddingVertical: 2,
-      borderRadius: theme.radii.control,
-      backgroundColor: bg,
+      paddingHorizontal: 8,
+      paddingVertical: 4,
+      borderRadius: theme.radii.pill,
+      backgroundColor: typeBackground(type, theme),
       alignSelf: 'flex-start'
     },
     children: [typeIcon(type, color, 11), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
       style: {
-        fontSize: 11,
-        fontWeight: '500',
+        fontSize: 11.5,
+        fontWeight: '600',
         color
       },
       children: _types.QUERY_TYPE_LABEL[type]

package/lib/commonjs/components/primitives.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_reactNative","_types","_icons","_jsxRuntime","typeIcon","type","color","size","jsx","AlertCircleIcon","PlusCircleIcon","ChatIcon","typeColor","theme","colors","statusDanger","statusProgress","statusOpen","StatusIndicator","status","statusResolved","jsxs","View","style","flexDirection","alignItems","gap","children","width","height","borderRadius","backgroundColor","Text","fontSize","PressableRow","onPress","accessibilityLabel","Pressable","accessibilityRole","pressed","surfaceHover","PrimaryButton","label","disabled","paddingHorizontal","radii","control","accentHover","accent","opacity","justifyContent","accentForeground","fontWeight","SecondaryButton","borderWidth","borderColor","border","surface","textPrimary","EmptyState","message","icon","paddingVertical","textTertiary","textSecondary","ErrorState","onRetry","SkeletonBlock","useRef","Animated","Value","current","useEffect","loop","sequence","timing","toValue","duration","useNativeDriver","start","stop","surfaceActive","textStyles","exports","title","letterSpacing","body","lineHeight","secondary","meta","fontVariant","TypeChipView","bg","statusDangerBg","statusProgressBg","statusOpenBg","alignSelf","QUERY_TYPE_LABEL"],"sourceRoot":"../../../src","sources":["components/primitives.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","require","_reactNative","_types","_icons","_jsxRuntime","typeIcon","type","color","size","jsx","AlertCircleIcon","PlusCircleIcon","ChatIcon","typeColor","theme","colors","statusDanger","statusProgress","statusOpen","typeBackground","statusDangerBg","statusProgressBg","statusOpenBg","TypeGlyph","View","style","width","height","borderRadius","backgroundColor","alignItems","justifyContent","children","StatusIndicator","status","statusResolved","jsxs","flexDirection","gap","Text","fontSize","PressableRow","onPress","accessibilityLabel","Pressable","accessibilityRole","pressed","surfaceHover","IconButton","disabled","tone","accent","hitSlop","opacity","accentHover","surfaceActive","surface","borderWidth","borderColor","border","PrimaryButton","label","fullWidth","accessibilityState","Boolean","alignSelf","paddingHorizontal","radii","control","accentForeground","fontWeight","letterSpacing","SecondaryButton","textPrimary","UnreadPill","count","minWidth","pill","lineHeight","fontVariant","SectionLabel","textTransform","textTertiary","EmptyState","message","hint","icon","paddingVertical","undefined","textSecondary","textAlign","ErrorState","onRetry","SkeletonBlock","radius","useRef","Animated","Value","current","useEffect","loop","sequence","timing","toValue","duration","easing","Easing","inOut","quad","useNativeDriver","start","stop","textStyles","exports","title","heading","body","secondary","meta","TypeChipView","QUERY_TYPE_LABEL"],"sourceRoot":"../../../src","sources":["components/primitives.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/screens/ComposeScreen.js

@@ -10,6 +10,57 @@ var _types = require("../../types");
 var _icons = require("../icons");
 var _primitives = require("../primitives");
 var _jsxRuntime = require("react/jsx-runtime");
+const PROMPT = {
+  feedback: 'What should we know?',
+  feature_request: 'What would you like to see?',
+  bug_report: 'What happened, and what did you expect?'
+};
+const SUBTITLE = {
+  feedback: 'Good or bad — it goes straight to the team.',
+  feature_request: 'Tell us what you are trying to do.',
+  bug_report: 'Steps, screen, and what you expected all help.'
+};
+
+/** Scales in once on success — the only celebratory motion in the SDK. */
+function SentMark({
+  theme
+}) {
+  const scale = (0, _react.useRef)(new _reactNative.Animated.Value(0.6)).current;
+  const opacity = (0, _react.useRef)(new _reactNative.Animated.Value(0)).current;
+  (0, _react.useEffect)(() => {
+    _reactNative.Animated.parallel([_reactNative.Animated.timing(scale, {
+      toValue: 1,
+      duration: 320,
+      easing: _reactNative.Easing.bezier(0.16, 1, 0.3, 1),
+      useNativeDriver: true
+    }), _reactNative.Animated.timing(opacity, {
+      toValue: 1,
+      duration: 200,
+      easing: _reactNative.Easing.out(_reactNative.Easing.cubic),
+      useNativeDriver: true
+    })]).start();
+  }, [scale, opacity]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
+    style: {
+      width: 56,
+      height: 56,
+      borderRadius: 28,
+      backgroundColor: theme.colors.statusResolvedBg,
+      borderWidth: 1,
+      borderColor: theme.colors.statusResolved,
+      alignItems: 'center',
+      justifyContent: 'center',
+      opacity,
+      transform: [{
+        scale
+      }]
+    },
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.CheckIcon, {
+      color: theme.colors.statusResolved,
+      size: 20
+    })
+  });
+}
 function ComposeScreen({
   theme,
   type,
@@ -23,6 +74,7 @@ function ComposeScreen({
   const trimmed = message.trim();
   const valid = trimmed.length >= _types.USER_MESSAGE_MIN && trimmed.length <= _types.USER_MESSAGE_MAX;
   const overLimit = message.length > _types.USER_MESSAGE_MAX;
+  const tooShort = trimmed.length > 0 && trimmed.length < _types.USER_MESSAGE_MIN;
   async function handleSubmit() {
     if (!valid || submitting) return;
     setSubmitting(true);
@@ -37,34 +89,23 @@ function ComposeScreen({
         flex: 1,
         alignItems: 'center',
         justifyContent: 'center',
-        gap: 12,
-        padding: 24
+        gap: 14,
+        paddingHorizontal: 32,
+        paddingBottom: 40
       },
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: {
-          width: 40,
-          height: 40,
-          borderRadius: 20,
-          borderWidth: 1,
-          borderColor: theme.colors.statusResolved,
-          alignItems: 'center',
-          justifyContent: 'center'
-        },
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.CheckIcon, {
-          color: theme.colors.statusResolved,
-          size: 14
-        })
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(SentMark, {
+        theme: theme
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: _primitives.textStyles.body(theme),
+        style: _primitives.textStyles.title(theme),
         children: "Sent"
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
         style: [_primitives.textStyles.secondary(theme), {
           textAlign: 'center'
         }],
-        children: "We'll reply here. You'll see the thread under Open."
+        children: "We'll reply right here. You'll find the conversation under Open, and the button shows a badge when we answer."
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
         style: {
-          marginTop: 8
+          marginTop: 6
         },
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.PrimaryButton, {
           label: "Done",
@@ -83,26 +124,36 @@ function ComposeScreen({
       style: {
         flexDirection: 'row',
         alignItems: 'center',
-        gap: 8,
+        gap: 10,
         paddingHorizontal: 12,
-        paddingBottom: 12
+        paddingBottom: 14
       },
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.PressableRow, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.IconButton, {
         onPress: onBack,
         theme: theme,
-        accessibilityLabel: "Back",
-        style: {
-          padding: 6,
-          borderRadius: theme.radii.control
-        },
+        accessibilityLabel: "Back to conversations",
+        size: 32,
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.Chevron, {
           color: theme.colors.textSecondary,
           direction: "left",
           size: 12
         })
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: _primitives.textStyles.title(theme),
-        children: _types.QUERY_TYPE_LABEL[type]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.TypeGlyph, {
+        type: type,
+        theme: theme,
+        size: 32
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: {
+          flex: 1,
+          gap: 1
+        },
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          style: _primitives.textStyles.heading(theme),
+          children: _types.QUERY_TYPE_LABEL[type]
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          style: _primitives.textStyles.meta(theme),
+          children: SUBTITLE[type]
+        })]
       })]
     }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
       style: {
@@ -117,53 +168,59 @@ function ComposeScreen({
         },
         multiline: true,
         autoFocus: true,
-        placeholder: type === 'bug_report' ? 'What happened, and what did you expect?' : type === 'feature_request' ? 'What would you like to see?' : 'What should we know?',
+        editable: !submitting,
+        placeholder: PROMPT[type],
         placeholderTextColor: theme.colors.textTertiary,
         style: {
-          minHeight: 120,
-          maxHeight: 220,
+          minHeight: 140,
+          maxHeight: 240,
           borderWidth: 1,
           borderColor: theme.colors.border,
-          borderRadius: theme.radii.control,
+          borderRadius: theme.radii.card,
           backgroundColor: theme.colors.surface,
           color: theme.colors.textPrimary,
-          fontSize: 14,
-          lineHeight: 20,
-          padding: 12,
+          fontSize: 15,
+          lineHeight: 21,
+          padding: 14,
           textAlignVertical: 'top'
         }
       }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
         style: {
           flexDirection: 'row',
           alignItems: 'center',
-          marginTop: 8,
-          gap: 12
+          gap: 10,
+          paddingTop: 10,
+          paddingHorizontal: 2,
+          minHeight: 20
         },
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
-          style: [_primitives.textStyles.meta(theme), overLimit && {
-            color: theme.colors.statusDanger
-          }],
-          children: [message.length, "/", _types.USER_MESSAGE_MAX]
-        }), trimmed.length > 0 && trimmed.length < _types.USER_MESSAGE_MIN && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
-          style: _primitives.textStyles.meta(theme),
-          children: ["At least ", _types.USER_MESSAGE_MIN, " characters"]
-        }), failedMessage !== null && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        children: [failedMessage !== null ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
           style: {
-            fontSize: 11,
+            fontSize: 12,
             color: theme.colors.statusDanger
           },
           children: failedMessage
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-          style: {
+        }) : tooShort ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
+          style: _primitives.textStyles.meta(theme),
+          children: ["At least ", _types.USER_MESSAGE_MIN, " characters"]
+        }) : null, /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
+          style: [_primitives.textStyles.meta(theme), {
             marginLeft: 'auto'
-          },
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.PrimaryButton, {
-            label: submitting ? 'Sending…' : 'Send',
-            onPress: handleSubmit,
-            disabled: !valid || submitting,
-            theme: theme
-          })
+          }, overLimit && {
+            color: theme.colors.statusDanger
+          }],
+          children: [message.length, "/", _types.USER_MESSAGE_MAX]
         })]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: {
+          paddingTop: 12
+        },
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.PrimaryButton, {
+          label: submitting ? 'Sending…' : 'Send',
+          onPress: handleSubmit,
+          disabled: !valid || submitting,
+          theme: theme,
+          fullWidth: true
+        })
       })]
     })]
   });