@appsupportkit/support-sdk 0.1.1 → 0.2.0

package/lib/module/components/primitives.js

@@ -1,7 +1,7 @@
 "use strict";
 
 import { useEffect, useRef } from 'react';
-import { Animated, Pressable, Text, View } from 'react-native';
+import { Animated, Easing, Pressable, Text, View } from 'react-native';
 import { QUERY_TYPE_LABEL } from '../types';
 import { AlertCircleIcon, ChatIcon, PlusCircleIcon } from './icons';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
@@ -24,6 +24,30 @@ export function typeColor(type, theme) {
   if (type === 'feature_request') return theme.colors.statusProgress;
   return theme.colors.statusOpen;
 }
+export 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. */
+export function TypeGlyph({
+  type,
+  theme,
+  size = 36
+}) {
+  return /*#__PURE__*/_jsx(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. */
 export function StatusIndicator({
@@ -54,7 +78,7 @@ export function StatusIndicator({
   });
 }
 
-/** Pressable row with the standard hover/press wash. */
+/** Pressable row with the standard press wash. */
 export function PressableRow({
   onPress,
   children,
@@ -74,32 +98,72 @@ export function PressableRow({
     children: children
   });
 }
+
+/** Circular icon button — back, close, send. */
+export function IconButton({
+  onPress,
+  children,
+  theme,
+  accessibilityLabel,
+  size = 34,
+  disabled,
+  tone = 'surface'
+}) {
+  const accent = tone === 'accent';
+  return /*#__PURE__*/_jsx(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
+  });
+}
 export function PrimaryButton({
   label,
   onPress,
   disabled,
-  theme
+  theme,
+  fullWidth
 }) {
   return /*#__PURE__*/_jsx(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__*/_jsx(Text, {
       style: {
         color: theme.colors.accentForeground,
-        fontSize: 13,
-        fontWeight: '500'
+        fontSize: 14,
+        fontWeight: '600',
+        letterSpacing: -0.1
       },
       children: label
     })
@@ -116,8 +180,8 @@ export function SecondaryButton({
     style: ({
       pressed
     }) => ({
-      height: 32,
-      paddingHorizontal: 12,
+      height: 38,
+      paddingHorizontal: 16,
       borderRadius: theme.radii.control,
       borderWidth: 1,
       borderColor: theme.colors.border,
@@ -128,7 +192,7 @@ export function SecondaryButton({
     children: /*#__PURE__*/_jsx(Text, {
       style: {
         color: theme.colors.textPrimary,
-        fontSize: 12,
+        fontSize: 13,
         fontWeight: '500'
       },
       children: label
@@ -136,27 +200,94 @@ export function SecondaryButton({
   });
 }
 
+/** The count pill on a thread row. */
+export function UnreadPill({
+  count,
+  theme
+}) {
+  return /*#__PURE__*/_jsx(View, {
+    style: {
+      minWidth: 20,
+      height: 20,
+      paddingHorizontal: 6,
+      borderRadius: theme.radii.pill,
+      backgroundColor: theme.colors.accent,
+      alignItems: 'center',
+      justifyContent: 'center'
+    },
+    children: /*#__PURE__*/_jsx(Text, {
+      style: {
+        fontSize: 11,
+        lineHeight: 14,
+        fontWeight: '700',
+        color: theme.colors.accentForeground,
+        fontVariant: ['tabular-nums']
+      },
+      children: count > 99 ? '99+' : count
+    })
+  });
+}
+export function SectionLabel({
+  children,
+  theme,
+  style
+}) {
+  return /*#__PURE__*/_jsx(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. */
 export function EmptyState({
   message,
+  hint,
   theme,
   icon
 }) {
   return /*#__PURE__*/_jsxs(View, {
     style: {
       alignItems: 'center',
-      paddingVertical: 40,
-      gap: 8
+      paddingVertical: 44,
+      paddingHorizontal: 32,
+      gap: 10
     },
-    children: [icon ?? /*#__PURE__*/_jsx(ChatIcon, {
-      color: theme.colors.textTertiary,
-      size: 16
+    children: [/*#__PURE__*/_jsx(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__*/_jsx(ChatIcon, {
+        color: theme.colors.textTertiary,
+        size: 18
+      })
     }), /*#__PURE__*/_jsx(Text, {
       style: {
-        fontSize: 13,
-        color: theme.colors.textSecondary
+        fontSize: 15,
+        fontWeight: '600',
+        color: theme.colors.textPrimary
       },
       children: message
+    }), hint !== undefined && /*#__PURE__*/_jsx(Text, {
+      style: {
+        fontSize: 13,
+        lineHeight: 19,
+        color: theme.colors.textSecondary,
+        textAlign: 'center'
+      },
+      children: hint
     })]
   });
 }
@@ -170,17 +301,17 @@ export function ErrorState({
   return /*#__PURE__*/_jsxs(View, {
     style: {
       alignItems: 'center',
-      paddingVertical: 32,
-      gap: 10
+      paddingVertical: 40,
+      gap: 12
     },
     children: [/*#__PURE__*/_jsx(Text, {
       style: {
-        fontSize: 13,
+        fontSize: 14,
         color: theme.colors.textSecondary
       },
       children: message
     }), /*#__PURE__*/_jsx(SecondaryButton, {
-      label: "Retry",
+      label: "Try again",
       onPress: onRetry,
       theme: theme
     })]
@@ -192,17 +323,20 @@ export function SkeletonBlock({
   width,
   height,
   theme,
+  radius,
   style
 }) {
-  const opacity = useRef(new Animated.Value(0.5)).current;
+  const opacity = useRef(new Animated.Value(0.4)).current;
   useEffect(() => {
     const loop = Animated.loop(Animated.sequence([Animated.timing(opacity, {
-      toValue: 1,
-      duration: 600,
+      toValue: 0.9,
+      duration: 700,
+      easing: Easing.inOut(Easing.quad),
       useNativeDriver: true
     }), Animated.timing(opacity, {
-      toValue: 0.5,
-      duration: 600,
+      toValue: 0.4,
+      duration: 700,
+      easing: Easing.inOut(Easing.quad),
       useNativeDriver: true
     })]));
     loop.start();
@@ -212,7 +346,7 @@ export function SkeletonBlock({
     style: [{
       width,
       height,
-      borderRadius: theme.radii.control,
+      borderRadius: radius ?? theme.radii.control,
       backgroundColor: theme.colors.surfaceActive,
       opacity
     }, style]
@@ -220,22 +354,29 @@ export function SkeletonBlock({
 }
 export const 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']
   })
@@ -245,22 +386,21 @@ export 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__*/_jsxs(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__*/_jsx(Text, {
       style: {
-        fontSize: 11,
-        fontWeight: '500',
+        fontSize: 11.5,
+        fontWeight: '600',
         color
       },
       children: QUERY_TYPE_LABEL[type]

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

@@ -1 +1 @@
-{"version":3,"names":["useEffect","useRef","Animated","Pressable","Text","View","QUERY_TYPE_LABEL","AlertCircleIcon","ChatIcon","PlusCircleIcon","jsx","_jsx","jsxs","_jsxs","typeIcon","type","color","size","typeColor","theme","colors","statusDanger","statusProgress","statusOpen","StatusIndicator","status","statusResolved","style","flexDirection","alignItems","gap","children","width","height","borderRadius","backgroundColor","fontSize","PressableRow","onPress","accessibilityLabel","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","Value","current","loop","sequence","timing","toValue","duration","useNativeDriver","start","stop","surfaceActive","textStyles","title","letterSpacing","body","lineHeight","secondary","meta","fontVariant","TypeChipView","bg","statusDangerBg","statusProgressBg","statusOpenBg","alignSelf"],"sourceRoot":"../../../src","sources":["components/primitives.tsx"],"mappings":";;AAAA,SAASA,SAAS,EAAEC,MAAM,QAAwB,OAAO;AACzD,SACEC,QAAQ,EACRC,SAAS,EACTC,IAAI,EACJC,IAAI,QAIC,cAAc;AAGrB,SAASC,gBAAgB,QAAQ,UAAU;AAC3C,SAASC,eAAe,EAAEC,QAAQ,EAAEC,cAAc,QAAQ,SAAS;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAEpE,OAAO,SAASC,QAAQA,CAACC,IAAe,EAAEC,KAAa,EAAEC,IAAI,GAAG,EAAE,EAAa;EAC7E,IAAIF,IAAI,KAAK,YAAY,EAAE,oBAAOJ,IAAA,CAACJ,eAAe;IAACS,KAAK,EAAEA,KAAM;IAACC,IAAI,EAAEA;EAAK,CAAE,CAAC;EAC/E,IAAIF,IAAI,KAAK,iBAAiB,EAAE,oBAAOJ,IAAA,CAACF,cAAc;IAACO,KAAK,EAAEA,KAAM;IAACC,IAAI,EAAEA;EAAK,CAAE,CAAC;EACnF,oBAAON,IAAA,CAACH,QAAQ;IAACQ,KAAK,EAAEA,KAAM;IAACC,IAAI,EAAEA;EAAK,CAAE,CAAC;AAC/C;AAEA,OAAO,SAASC,SAASA,CAACH,IAAe,EAAEI,KAAmB,EAAU;EACtE,IAAIJ,IAAI,KAAK,YAAY,EAAE,OAAOI,KAAK,CAACC,MAAM,CAACC,YAAY;EAC3D,IAAIN,IAAI,KAAK,iBAAiB,EAAE,OAAOI,KAAK,CAACC,MAAM,CAACE,cAAc;EAClE,OAAOH,KAAK,CAACC,MAAM,CAACG,UAAU;AAChC;;AAEA;AACA,OAAO,SAASC,eAAeA,CAAC;EAC9BC,MAAM;EACNN;AAIF,CAAC,EAAE;EACD,MAAMH,KAAK,GACTS,MAAM,KAAK,MAAM,GAAGN,KAAK,CAACC,MAAM,CAACG,UAAU,GAAGJ,KAAK,CAACC,MAAM,CAACM,cAAc;EAC3E,oBACEb,KAAA,CAACR,IAAI;IAACsB,KAAK,EAAE;MAAEC,aAAa,EAAE,KAAK;MAAEC,UAAU,EAAE,QAAQ;MAAEC,GAAG,EAAE;IAAE,CAAE;IAAAC,QAAA,gBAClEpB,IAAA,CAACN,IAAI;MACHsB,KAAK,EAAE;QAAEK,KAAK,EAAE,CAAC;QAAEC,MAAM,EAAE,CAAC;QAAEC,YAAY,EAAE,CAAC;QAAEC,eAAe,EAAEnB;MAAM;IAAE,CACzE,CAAC,eACFL,IAAA,CAACP,IAAI;MAACuB,KAAK,EAAE;QAAES,QAAQ,EAAE,EAAE;QAAEpB;MAAM,CAAE;MAAAe,QAAA,EAClCN,MAAM,KAAK,MAAM,GAAG,MAAM,GAAG;IAAU,CACpC,CAAC;EAAA,CACH,CAAC;AAEX;;AAEA;AACA,OAAO,SAASY,YAAYA,CAAC;EAC3BC,OAAO;EACPP,QAAQ;EACRZ,KAAK;EACLQ,KAAK;EACLY;AAOF,CAAC,EAAE;EACD,oBACE5B,IAAA,CAACR,SAAS;IACRmC,OAAO,EAAEA,OAAQ;IACjBE,iBAAiB,EAAC,QAAQ;IAC1BD,kBAAkB,EAAEA,kBAAmB;IACvCZ,KAAK,EAAEA,CAAC;MAAEc;IAAQ,CAAC,KAAK,CACtB;MAAEN,eAAe,EAAEM,OAAO,GAAGtB,KAAK,CAACC,MAAM,CAACsB,YAAY,GAAG;IAAc,CAAC,EACxEf,KAAK,CACL;IAAAI,QAAA,EAEDA;EAAQ,CACA,CAAC;AAEhB;AAEA,OAAO,SAASY,aAAaA,CAAC;EAC5BC,KAAK;EACLN,OAAO;EACPO,QAAQ;EACR1B;AAMF,CAAC,EAAE;EACD,oBACER,IAAA,CAACR,SAAS;IACRmC,OAAO,EAAEA,OAAQ;IACjBO,QAAQ,EAAEA,QAAS;IACnBL,iBAAiB,EAAC,QAAQ;IAC1Bb,KAAK,EAAEA,CAAC;MAAEc;IAAQ,CAAC,MAAM;MACvBR,MAAM,EAAE,EAAE;MACVa,iBAAiB,EAAE,EAAE;MACrBZ,YAAY,EAAEf,KAAK,CAAC4B,KAAK,CAACC,OAAO;MACjCb,eAAe,EAAEM,OAAO,GACpBtB,KAAK,CAACC,MAAM,CAAC6B,WAAW,GACxB9B,KAAK,CAACC,MAAM,CAAC8B,MAAM;MACvBC,OAAO,EAAEN,QAAQ,GAAG,GAAG,GAAG,CAAC;MAC3BhB,UAAU,EAAE,QAAQ;MACpBuB,cAAc,EAAE;IAClB,CAAC,CAAE;IAAArB,QAAA,eAEHpB,IAAA,CAACP,IAAI;MACHuB,KAAK,EAAE;QACLX,KAAK,EAAEG,KAAK,CAACC,MAAM,CAACiC,gBAAgB;QACpCjB,QAAQ,EAAE,EAAE;QACZkB,UAAU,EAAE;MACd,CAAE;MAAAvB,QAAA,EAEDa;IAAK,CACF;EAAC,CACE,CAAC;AAEhB;AAEA,OAAO,SAASW,eAAeA,CAAC;EAC9BX,KAAK;EACLN,OAAO;EACPnB;AAKF,CAAC,EAAE;EACD,oBACER,IAAA,CAACR,SAAS;IACRmC,OAAO,EAAEA,OAAQ;IACjBE,iBAAiB,EAAC,QAAQ;IAC1Bb,KAAK,EAAEA,CAAC;MAAEc;IAAQ,CAAC,MAAM;MACvBR,MAAM,EAAE,EAAE;MACVa,iBAAiB,EAAE,EAAE;MACrBZ,YAAY,EAAEf,KAAK,CAAC4B,KAAK,CAACC,OAAO;MACjCQ,WAAW,EAAE,CAAC;MACdC,WAAW,EAAEtC,KAAK,CAACC,MAAM,CAACsC,MAAM;MAChCvB,eAAe,EAAEM,OAAO,GACpBtB,KAAK,CAACC,MAAM,CAACsB,YAAY,GACzBvB,KAAK,CAACC,MAAM,CAACuC,OAAO;MACxB9B,UAAU,EAAE,QAAQ;MACpBuB,cAAc,EAAE;IAClB,CAAC,CAAE;IAAArB,QAAA,eAEHpB,IAAA,CAACP,IAAI;MAACuB,KAAK,EAAE;QAAEX,KAAK,EAAEG,KAAK,CAACC,MAAM,CAACwC,WAAW;QAAExB,QAAQ,EAAE,EAAE;QAAEkB,UAAU,EAAE;MAAM,CAAE;MAAAvB,QAAA,EAC/Ea;IAAK,CACF;EAAC,CACE,CAAC;AAEhB;;AAEA;AACA,OAAO,SAASiB,UAAUA,CAAC;EACzBC,OAAO;EACP3C,KAAK;EACL4C;AAKF,CAAC,EAAE;EACD,oBACElD,KAAA,CAACR,IAAI;IAACsB,KAAK,EAAE;MAAEE,UAAU,EAAE,QAAQ;MAAEmC,eAAe,EAAE,EAAE;MAAElC,GAAG,EAAE;IAAE,CAAE;IAAAC,QAAA,GAChEgC,IAAI,iBAAIpD,IAAA,CAACH,QAAQ;MAACQ,KAAK,EAAEG,KAAK,CAACC,MAAM,CAAC6C,YAAa;MAAChD,IAAI,EAAE;IAAG,CAAE,CAAC,eACjEN,IAAA,CAACP,IAAI;MAACuB,KAAK,EAAE;QAAES,QAAQ,EAAE,EAAE;QAAEpB,KAAK,EAAEG,KAAK,CAACC,MAAM,CAAC8C;MAAc,CAAE;MAAAnC,QAAA,EAC9D+B;IAAO,CACJ,CAAC;EAAA,CACH,CAAC;AAEX;;AAEA;AACA,OAAO,SAASK,UAAUA,CAAC;EACzBL,OAAO;EACPM,OAAO;EACPjD;AAKF,CAAC,EAAE;EACD,oBACEN,KAAA,CAACR,IAAI;IAACsB,KAAK,EAAE;MAAEE,UAAU,EAAE,QAAQ;MAAEmC,eAAe,EAAE,EAAE;MAAElC,GAAG,EAAE;IAAG,CAAE;IAAAC,QAAA,gBAClEpB,IAAA,CAACP,IAAI;MAACuB,KAAK,EAAE;QAAES,QAAQ,EAAE,EAAE;QAAEpB,KAAK,EAAEG,KAAK,CAACC,MAAM,CAAC8C;MAAc,CAAE;MAAAnC,QAAA,EAC9D+B;IAAO,CACJ,CAAC,eACPnD,IAAA,CAAC4C,eAAe;MAACX,KAAK,EAAC,OAAO;MAACN,OAAO,EAAE8B,OAAQ;MAACjD,KAAK,EAAEA;IAAM,CAAE,CAAC;EAAA,CAC7D,CAAC;AAEX;;AAEA;AACA,OAAO,SAASkD,aAAaA,CAAC;EAC5BrC,KAAK;EACLC,MAAM;EACNd,KAAK;EACLQ;AAMF,CAAC,EAAE;EACD,MAAMwB,OAAO,GAAGlD,MAAM,CAAC,IAAIC,QAAQ,CAACoE,KAAK,CAAC,GAAG,CAAC,CAAC,CAACC,OAAO;EAEvDvE,SAAS,CAAC,MAAM;IACd,MAAMwE,IAAI,GAAGtE,QAAQ,CAACsE,IAAI,CACxBtE,QAAQ,CAACuE,QAAQ,CAAC,CAChBvE,QAAQ,CAACwE,MAAM,CAACvB,OAAO,EAAE;MACvBwB,OAAO,EAAE,CAAC;MACVC,QAAQ,EAAE,GAAG;MACbC,eAAe,EAAE;IACnB,CAAC,CAAC,EACF3E,QAAQ,CAACwE,MAAM,CAACvB,OAAO,EAAE;MACvBwB,OAAO,EAAE,GAAG;MACZC,QAAQ,EAAE,GAAG;MACbC,eAAe,EAAE;IACnB,CAAC,CAAC,CACH,CACH,CAAC;IACDL,IAAI,CAACM,KAAK,CAAC,CAAC;IACZ,OAAO,MAAMN,IAAI,CAACO,IAAI,CAAC,CAAC;EAC1B,CAAC,EAAE,CAAC5B,OAAO,CAAC,CAAC;EAEb,oBACExC,IAAA,CAACT,QAAQ,CAACG,IAAI;IACZsB,KAAK,EAAE,CACL;MACEK,KAAK;MACLC,MAAM;MACNC,YAAY,EAAEf,KAAK,CAAC4B,KAAK,CAACC,OAAO;MACjCb,eAAe,EAAEhB,KAAK,CAACC,MAAM,CAAC4D,aAAa;MAC3C7B;IACF,CAAC,EACDxB,KAAK;EACL,CACH,CAAC;AAEN;AAEA,OAAO,MAAMsD,UAAU,GAAG;EACxBC,KAAK,EAAG/D,KAAmB,KAAiB;IAC1CiB,QAAQ,EAAE,EAAE;IACZkB,UAAU,EAAE,KAAK;IACjB6B,aAAa,EAAE,CAAC,GAAG;IACnBnE,KAAK,EAAEG,KAAK,CAACC,MAAM,CAACwC;EACtB,CAAC,CAAC;EACFwB,IAAI,EAAGjE,KAAmB,KAAiB;IACzCiB,QAAQ,EAAE,EAAE;IACZpB,KAAK,EAAEG,KAAK,CAACC,MAAM,CAACwC,WAAW;IAC/ByB,UAAU,EAAE;EACd,CAAC,CAAC;EACFC,SAAS,EAAGnE,KAAmB,KAAiB;IAC9CiB,QAAQ,EAAE,EAAE;IACZpB,KAAK,EAAEG,KAAK,CAACC,MAAM,CAAC8C;EACtB,CAAC,CAAC;EACFqB,IAAI,EAAGpE,KAAmB,KAAiB;IACzCiB,QAAQ,EAAE,EAAE;IACZpB,KAAK,EAAEG,KAAK,CAACC,MAAM,CAAC6C,YAAY;IAChCuB,WAAW,EAAE,CAAC,cAAc;EAC9B,CAAC;AACH,CAAC;AAED,OAAO,SAASC,YAAYA,CAAC;EAC3B1E,IAAI;EACJI;AAIF,CAAC,EAAE;EACD,MAAMH,KAAK,GAAGE,SAAS,CAACH,IAAI,EAAEI,KAAK,CAAC;EACpC,MAAMuE,EAAE,GACN3E,IAAI,KAAK,YAAY,GACjBI,KAAK,CAACC,MAAM,CAACuE,cAAc,GAC3B5E,IAAI,KAAK,iBAAiB,GACxBI,KAAK,CAACC,MAAM,CAACwE,gBAAgB,GAC7BzE,KAAK,CAACC,MAAM,CAACyE,YAAY;EACjC,oBACEhF,KAAA,CAACR,IAAI;IACHsB,KAAK,EAAE;MACLC,aAAa,EAAE,KAAK;MACpBC,UAAU,EAAE,QAAQ;MACpBC,GAAG,EAAE,CAAC;MACNgB,iBAAiB,EAAE,CAAC;MACpBkB,eAAe,EAAE,CAAC;MAClB9B,YAAY,EAAEf,KAAK,CAAC4B,KAAK,CAACC,OAAO;MACjCb,eAAe,EAAEuD,EAAE;MACnBI,SAAS,EAAE;IACb,CAAE;IAAA/D,QAAA,GAEDjB,QAAQ,CAACC,IAAI,EAAEC,KAAK,EAAE,EAAE,CAAC,eAC1BL,IAAA,CAACP,IAAI;MAACuB,KAAK,EAAE;QAAES,QAAQ,EAAE,EAAE;QAAEkB,UAAU,EAAE,KAAK;QAAEtC;MAAM,CAAE;MAAAe,QAAA,EACrDzB,gBAAgB,CAACS,IAAI;IAAC,CACnB,CAAC;EAAA,CACH,CAAC;AAEX","ignoreList":[]}
+{"version":3,"names":["useEffect","useRef","Animated","Easing","Pressable","Text","View","QUERY_TYPE_LABEL","AlertCircleIcon","ChatIcon","PlusCircleIcon","jsx","_jsx","jsxs","_jsxs","typeIcon","type","color","size","typeColor","theme","colors","statusDanger","statusProgress","statusOpen","typeBackground","statusDangerBg","statusProgressBg","statusOpenBg","TypeGlyph","style","width","height","borderRadius","backgroundColor","alignItems","justifyContent","children","StatusIndicator","status","statusResolved","flexDirection","gap","fontSize","PressableRow","onPress","accessibilityLabel","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","Value","current","loop","sequence","timing","toValue","duration","easing","inOut","quad","useNativeDriver","start","stop","textStyles","title","heading","body","secondary","meta","TypeChipView"],"sourceRoot":"../../../src","sources":["components/primitives.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -1,11 +1,62 @@
 "use strict";
 
-import { useState } from 'react';
-import { KeyboardAvoidingView, Platform, Text, TextInput, View } from 'react-native';
+import { useEffect, useRef, useState } from 'react';
+import { Animated, Easing, KeyboardAvoidingView, Platform, Text, TextInput, View } from 'react-native';
 import { QUERY_TYPE_LABEL, USER_MESSAGE_MAX, USER_MESSAGE_MIN } from '../../types';
 import { CheckIcon, Chevron } from '../icons';
-import { PressableRow, PrimaryButton, textStyles } from '../primitives';
+import { IconButton, PrimaryButton, textStyles, TypeGlyph } from '../primitives';
 import { jsx as _jsx, jsxs as _jsxs } from "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 = useRef(new Animated.Value(0.6)).current;
+  const opacity = useRef(new Animated.Value(0)).current;
+  useEffect(() => {
+    Animated.parallel([Animated.timing(scale, {
+      toValue: 1,
+      duration: 320,
+      easing: Easing.bezier(0.16, 1, 0.3, 1),
+      useNativeDriver: true
+    }), Animated.timing(opacity, {
+      toValue: 1,
+      duration: 200,
+      easing: Easing.out(Easing.cubic),
+      useNativeDriver: true
+    })]).start();
+  }, [scale, opacity]);
+  return /*#__PURE__*/_jsx(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__*/_jsx(CheckIcon, {
+      color: theme.colors.statusResolved,
+      size: 20
+    })
+  });
+}
 export function ComposeScreen({
   theme,
   type,
@@ -19,6 +70,7 @@ export function ComposeScreen({
   const trimmed = message.trim();
   const valid = trimmed.length >= USER_MESSAGE_MIN && trimmed.length <= USER_MESSAGE_MAX;
   const overLimit = message.length > USER_MESSAGE_MAX;
+  const tooShort = trimmed.length > 0 && trimmed.length < USER_MESSAGE_MIN;
   async function handleSubmit() {
     if (!valid || submitting) return;
     setSubmitting(true);
@@ -33,34 +85,23 @@ export function ComposeScreen({
         flex: 1,
         alignItems: 'center',
         justifyContent: 'center',
-        gap: 12,
-        padding: 24
+        gap: 14,
+        paddingHorizontal: 32,
+        paddingBottom: 40
       },
-      children: [/*#__PURE__*/_jsx(View, {
-        style: {
-          width: 40,
-          height: 40,
-          borderRadius: 20,
-          borderWidth: 1,
-          borderColor: theme.colors.statusResolved,
-          alignItems: 'center',
-          justifyContent: 'center'
-        },
-        children: /*#__PURE__*/_jsx(CheckIcon, {
-          color: theme.colors.statusResolved,
-          size: 14
-        })
+      children: [/*#__PURE__*/_jsx(SentMark, {
+        theme: theme
       }), /*#__PURE__*/_jsx(Text, {
-        style: textStyles.body(theme),
+        style: textStyles.title(theme),
         children: "Sent"
       }), /*#__PURE__*/_jsx(Text, {
         style: [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__*/_jsx(View, {
         style: {
-          marginTop: 8
+          marginTop: 6
         },
         children: /*#__PURE__*/_jsx(PrimaryButton, {
           label: "Done",
@@ -79,26 +120,36 @@ export function ComposeScreen({
       style: {
         flexDirection: 'row',
         alignItems: 'center',
-        gap: 8,
+        gap: 10,
         paddingHorizontal: 12,
-        paddingBottom: 12
+        paddingBottom: 14
       },
-      children: [/*#__PURE__*/_jsx(PressableRow, {
+      children: [/*#__PURE__*/_jsx(IconButton, {
         onPress: onBack,
         theme: theme,
-        accessibilityLabel: "Back",
-        style: {
-          padding: 6,
-          borderRadius: theme.radii.control
-        },
+        accessibilityLabel: "Back to conversations",
+        size: 32,
         children: /*#__PURE__*/_jsx(Chevron, {
           color: theme.colors.textSecondary,
           direction: "left",
           size: 12
         })
-      }), /*#__PURE__*/_jsx(Text, {
-        style: textStyles.title(theme),
-        children: QUERY_TYPE_LABEL[type]
+      }), /*#__PURE__*/_jsx(TypeGlyph, {
+        type: type,
+        theme: theme,
+        size: 32
+      }), /*#__PURE__*/_jsxs(View, {
+        style: {
+          flex: 1,
+          gap: 1
+        },
+        children: [/*#__PURE__*/_jsx(Text, {
+          style: textStyles.heading(theme),
+          children: QUERY_TYPE_LABEL[type]
+        }), /*#__PURE__*/_jsx(Text, {
+          style: textStyles.meta(theme),
+          children: SUBTITLE[type]
+        })]
       })]
     }), /*#__PURE__*/_jsxs(View, {
       style: {
@@ -113,53 +164,59 @@ export 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__*/_jsxs(View, {
         style: {
           flexDirection: 'row',
           alignItems: 'center',
-          marginTop: 8,
-          gap: 12
+          gap: 10,
+          paddingTop: 10,
+          paddingHorizontal: 2,
+          minHeight: 20
         },
-        children: [/*#__PURE__*/_jsxs(Text, {
-          style: [textStyles.meta(theme), overLimit && {
-            color: theme.colors.statusDanger
-          }],
-          children: [message.length, "/", USER_MESSAGE_MAX]
-        }), trimmed.length > 0 && trimmed.length < USER_MESSAGE_MIN && /*#__PURE__*/_jsxs(Text, {
-          style: textStyles.meta(theme),
-          children: ["At least ", USER_MESSAGE_MIN, " characters"]
-        }), failedMessage !== null && /*#__PURE__*/_jsx(Text, {
+        children: [failedMessage !== null ? /*#__PURE__*/_jsx(Text, {
           style: {
-            fontSize: 11,
+            fontSize: 12,
             color: theme.colors.statusDanger
           },
           children: failedMessage
-        }), /*#__PURE__*/_jsx(View, {
-          style: {
+        }) : tooShort ? /*#__PURE__*/_jsxs(Text, {
+          style: textStyles.meta(theme),
+          children: ["At least ", USER_MESSAGE_MIN, " characters"]
+        }) : null, /*#__PURE__*/_jsxs(Text, {
+          style: [textStyles.meta(theme), {
             marginLeft: 'auto'
-          },
-          children: /*#__PURE__*/_jsx(PrimaryButton, {
-            label: submitting ? 'Sending…' : 'Send',
-            onPress: handleSubmit,
-            disabled: !valid || submitting,
-            theme: theme
-          })
+          }, overLimit && {
+            color: theme.colors.statusDanger
+          }],
+          children: [message.length, "/", USER_MESSAGE_MAX]
         })]
+      }), /*#__PURE__*/_jsx(View, {
+        style: {
+          paddingTop: 12
+        },
+        children: /*#__PURE__*/_jsx(PrimaryButton, {
+          label: submitting ? 'Sending…' : 'Send',
+          onPress: handleSubmit,
+          disabled: !valid || submitting,
+          theme: theme,
+          fullWidth: true
+        })
       })]
     })]
   });