@appsupportkit/support-sdk 0.3.0 → 0.4.0

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

@@ -1,330 +0,0 @@
-"use strict";
-
-import { RefreshControl, ScrollView, Text, View } from 'react-native';
-import { LANGUAGE_LABELS } from '../../i18n/languages';
-import { relativeTime } from '../../utils';
-import { Chevron, CloseIcon, GlobeIcon } from '../icons';
-import { EmptyState, ErrorState, IconButton, PressableRow, SectionLabel, SkeletonBlock, textStyles, TypeGlyph, UnreadPill } from '../primitives';
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-const COMPOSE_TYPES = ['feedback', 'feature_request', 'bug_report'];
-function ThreadRow({
-  thread,
-  theme,
-  strings,
-  onPress,
-  last
-}) {
-  const unread = thread.unread_count > 0;
-  const type = strings.t(`type.${thread.type}`);
-  const preview = thread.last_message?.body ?? strings.t('home.noMessages');
-  const at = thread.last_message?.created_at ?? thread.created_at;
-  return /*#__PURE__*/_jsxs(PressableRow, {
-    onPress: onPress,
-    theme: theme,
-    accessibilityLabel: unread ? strings.t('home.threadUnreadA11y', {
-      type,
-      count: thread.unread_count
-    }) : strings.t('home.threadA11y', {
-      type
-    }),
-    style: {
-      flexDirection: 'row',
-      alignItems: 'center',
-      gap: 12,
-      paddingHorizontal: 16,
-      paddingVertical: 13,
-      borderBottomWidth: last ? 0 : 1,
-      borderBottomColor: theme.colors.border,
-      opacity: thread.status === 'resolved' ? 0.75 : 1
-    },
-    children: [/*#__PURE__*/_jsx(TypeGlyph, {
-      type: thread.type,
-      theme: theme,
-      size: 38
-    }), /*#__PURE__*/_jsxs(View, {
-      style: {
-        flex: 1,
-        gap: 3
-      },
-      children: [/*#__PURE__*/_jsxs(View, {
-        style: {
-          flexDirection: 'row',
-          alignItems: 'center',
-          gap: 8
-        },
-        children: [/*#__PURE__*/_jsx(Text, {
-          numberOfLines: 1,
-          style: {
-            flex: 1,
-            fontSize: 14,
-            fontWeight: unread ? '700' : '600',
-            letterSpacing: -0.1,
-            color: theme.colors.textPrimary
-          },
-          children: type
-        }), /*#__PURE__*/_jsx(Text, {
-          style: textStyles.meta(theme),
-          children: relativeTime(at, strings)
-        })]
-      }), /*#__PURE__*/_jsxs(View, {
-        style: {
-          flexDirection: 'row',
-          alignItems: 'center',
-          gap: 8
-        },
-        children: [/*#__PURE__*/_jsxs(Text, {
-          numberOfLines: 1,
-          style: {
-            flex: 1,
-            fontSize: 13,
-            lineHeight: 18,
-            color: unread ? theme.colors.textPrimary : theme.colors.textSecondary
-          },
-          children: [thread.last_message?.sender === 'user' ? `${strings.t('home.you')}: ` : '', preview]
-        }), unread ? /*#__PURE__*/_jsx(UnreadPill, {
-          count: thread.unread_count,
-          theme: theme
-        }) : /*#__PURE__*/_jsx(Chevron, {
-          color: theme.colors.textTertiary
-        })]
-      })]
-    })]
-  });
-}
-function ThreadGroup({
-  label,
-  threads,
-  theme,
-  strings,
-  onOpenThread
-}) {
-  if (threads.length === 0) return null;
-  return /*#__PURE__*/_jsxs(View, {
-    style: {
-      marginTop: 24
-    },
-    children: [/*#__PURE__*/_jsx(SectionLabel, {
-      theme: theme,
-      style: {
-        paddingHorizontal: 16,
-        paddingBottom: 8
-      },
-      children: label
-    }), /*#__PURE__*/_jsx(View, {
-      style: {
-        marginHorizontal: 16,
-        borderWidth: 1,
-        borderColor: theme.colors.border,
-        borderRadius: theme.radii.card,
-        backgroundColor: theme.colors.surface,
-        overflow: 'hidden'
-      },
-      children: threads.map((thread, i) => /*#__PURE__*/_jsx(ThreadRow, {
-        thread: thread,
-        theme: theme,
-        strings: strings,
-        onPress: () => onOpenThread(thread),
-        last: i === threads.length - 1
-      }, thread.id))
-    })]
-  });
-}
-export function HomeScreen({
-  theme,
-  strings,
-  language,
-  threads,
-  loading,
-  refreshing,
-  error,
-  onRefresh,
-  onCompose,
-  onOpenThread,
-  onChangeLanguage,
-  onClose
-}) {
-  const open = (threads ?? []).filter(t => t.status === 'open');
-  const resolved = (threads ?? []).filter(t => t.status === 'resolved');
-  return /*#__PURE__*/_jsxs(View, {
-    style: {
-      flex: 1
-    },
-    children: [/*#__PURE__*/_jsxs(View, {
-      style: {
-        flexDirection: 'row',
-        alignItems: 'flex-start',
-        paddingHorizontal: 16,
-        paddingTop: 4,
-        paddingBottom: 16
-      },
-      children: [/*#__PURE__*/_jsxs(View, {
-        style: {
-          flex: 1,
-          gap: 2
-        },
-        children: [/*#__PURE__*/_jsx(Text, {
-          style: textStyles.title(theme),
-          children: strings.t('home.title')
-        }), /*#__PURE__*/_jsx(Text, {
-          style: textStyles.secondary(theme),
-          children: strings.t('home.subtitle')
-        })]
-      }), /*#__PURE__*/_jsx(IconButton, {
-        onPress: onClose,
-        theme: theme,
-        accessibilityLabel: strings.t('home.close'),
-        size: 32,
-        children: /*#__PURE__*/_jsx(CloseIcon, {
-          color: theme.colors.textSecondary,
-          size: 12
-        })
-      })]
-    }), /*#__PURE__*/_jsxs(ScrollView, {
-      style: {
-        flex: 1
-      },
-      contentContainerStyle: {
-        paddingBottom: 24
-      },
-      keyboardShouldPersistTaps: "handled",
-      refreshControl: /*#__PURE__*/_jsx(RefreshControl, {
-        refreshing: refreshing,
-        onRefresh: onRefresh,
-        tintColor: theme.colors.textTertiary,
-        colors: [theme.colors.accent],
-        progressBackgroundColor: theme.colors.surface
-      }),
-      children: [/*#__PURE__*/_jsx(View, {
-        style: {
-          marginHorizontal: 16,
-          borderWidth: 1,
-          borderColor: theme.colors.border,
-          borderRadius: theme.radii.card,
-          backgroundColor: theme.colors.surface,
-          overflow: 'hidden'
-        },
-        children: COMPOSE_TYPES.map((type, i) => /*#__PURE__*/_jsxs(PressableRow, {
-          onPress: () => onCompose(type),
-          theme: theme,
-          accessibilityLabel: strings.t('home.newA11y', {
-            type: strings.t(`type.${type}`)
-          }),
-          style: {
-            flexDirection: 'row',
-            alignItems: 'center',
-            gap: 12,
-            paddingHorizontal: 14,
-            paddingVertical: 12,
-            borderTopWidth: i === 0 ? 0 : 1,
-            borderTopColor: theme.colors.border
-          },
-          children: [/*#__PURE__*/_jsx(TypeGlyph, {
-            type: type,
-            theme: theme,
-            size: 34
-          }), /*#__PURE__*/_jsxs(View, {
-            style: {
-              flex: 1,
-              gap: 1
-            },
-            children: [/*#__PURE__*/_jsx(Text, {
-              style: textStyles.heading(theme),
-              children: strings.t(`type.${type}`)
-            }), /*#__PURE__*/_jsx(Text, {
-              style: textStyles.meta(theme),
-              children: strings.t(`hint.${type}`)
-            })]
-          }), /*#__PURE__*/_jsx(Chevron, {
-            color: theme.colors.textTertiary
-          })]
-        }, type))
-      }), /*#__PURE__*/_jsx(View, {
-        style: {
-          marginTop: 12,
-          marginHorizontal: 16,
-          borderWidth: 1,
-          borderColor: theme.colors.border,
-          borderRadius: theme.radii.card,
-          backgroundColor: theme.colors.surface,
-          overflow: 'hidden'
-        },
-        children: /*#__PURE__*/_jsxs(PressableRow, {
-          onPress: onChangeLanguage,
-          theme: theme,
-          accessibilityLabel: strings.t('lang.change'),
-          style: {
-            flexDirection: 'row',
-            alignItems: 'center',
-            gap: 12,
-            paddingHorizontal: 14,
-            paddingVertical: 11
-          },
-          children: [/*#__PURE__*/_jsx(GlobeIcon, {
-            color: theme.colors.textTertiary,
-            size: 16
-          }), /*#__PURE__*/_jsx(Text, {
-            style: [textStyles.secondary(theme), {
-              flex: 1
-            }],
-            children: strings.t('home.language')
-          }), /*#__PURE__*/_jsx(Text, {
-            style: textStyles.meta(theme),
-            children: LANGUAGE_LABELS[language]
-          }), /*#__PURE__*/_jsx(Chevron, {
-            color: theme.colors.textTertiary
-          })]
-        })
-      }), error !== null && threads === null ?
-      /*#__PURE__*/
-      // Only take over the screen when there's nothing cached to show —
-      // a failed background poll shouldn't hide an already-loaded list.
-      _jsx(ErrorState, {
-        message: error,
-        onRetry: onRefresh,
-        theme: theme,
-        strings: strings
-      }) : loading && threads === null ? /*#__PURE__*/_jsxs(View, {
-        style: {
-          paddingHorizontal: 16,
-          paddingTop: 28,
-          gap: 12
-        },
-        children: [/*#__PURE__*/_jsx(SkeletonBlock, {
-          width: 110,
-          height: 11,
-          theme: theme,
-          radius: 4
-        }), /*#__PURE__*/_jsx(SkeletonBlock, {
-          width: "100%",
-          height: 64,
-          theme: theme,
-          radius: theme.radii.card
-        }), /*#__PURE__*/_jsx(SkeletonBlock, {
-          width: "100%",
-          height: 64,
-          theme: theme,
-          radius: theme.radii.card
-        })]
-      }) : (threads ?? []).length === 0 ? /*#__PURE__*/_jsx(EmptyState, {
-        message: strings.t('home.empty'),
-        hint: strings.t('home.emptyHint'),
-        theme: theme
-      }) : /*#__PURE__*/_jsxs(_Fragment, {
-        children: [/*#__PURE__*/_jsx(ThreadGroup, {
-          label: `${strings.t('home.open')} · ${open.length}`,
-          threads: open,
-          theme: theme,
-          strings: strings,
-          onOpenThread: onOpenThread
-        }), /*#__PURE__*/_jsx(ThreadGroup, {
-          label: strings.t('home.resolved'),
-          threads: resolved,
-          theme: theme,
-          strings: strings,
-          onOpenThread: onOpenThread
-        })]
-      })]
-    })]
-  });
-}
-//# sourceMappingURL=HomeScreen.js.map

package/lib/module/components/screens/HomeScreen.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["RefreshControl","ScrollView","Text","View","LANGUAGE_LABELS","relativeTime","Chevron","CloseIcon","GlobeIcon","EmptyState","ErrorState","IconButton","PressableRow","SectionLabel","SkeletonBlock","textStyles","TypeGlyph","UnreadPill","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","COMPOSE_TYPES","ThreadRow","thread","theme","strings","onPress","last","unread","unread_count","type","t","preview","last_message","body","at","created_at","accessibilityLabel","count","style","flexDirection","alignItems","gap","paddingHorizontal","paddingVertical","borderBottomWidth","borderBottomColor","colors","border","opacity","status","children","size","flex","numberOfLines","fontSize","fontWeight","letterSpacing","color","textPrimary","meta","lineHeight","textSecondary","sender","textTertiary","ThreadGroup","label","threads","onOpenThread","length","marginTop","paddingBottom","marginHorizontal","borderWidth","borderColor","borderRadius","radii","card","backgroundColor","surface","overflow","map","i","id","HomeScreen","language","loading","refreshing","error","onRefresh","onCompose","onChangeLanguage","onClose","open","filter","resolved","paddingTop","title","secondary","contentContainerStyle","keyboardShouldPersistTaps","refreshControl","tintColor","accent","progressBackgroundColor","borderTopWidth","borderTopColor","heading","message","onRetry","width","height","radius","hint"],"sourceRoot":"../../../../src","sources":["components/screens/HomeScreen.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -1,337 +0,0 @@
-"use strict";
-
-import { useEffect, useMemo, useRef, useState } from 'react';
-import { KeyboardAvoidingView, Platform, ScrollView, Text, TextInput, View } from 'react-native';
-import { USER_MESSAGE_MAX, USER_MESSAGE_MIN } from '../../types';
-import { dayLabel, formatDate, formatTime, isSameDay, relativeTime } from '../../utils';
-import { ArrowUpIcon, Chevron } from '../icons';
-import { IconButton, StatusIndicator, textStyles, TypeChipView } from '../primitives';
-
-/** Consecutive messages from one sender inside this window form a group. */
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-const GROUP_WINDOW_MS = 5 * 60 * 1000;
-/** The counter only appears once the limit is actually in play. */
-const COUNTER_VISIBLE_FROM = USER_MESSAGE_MAX - 60;
-function buildRows(messages, unreadCount, strings) {
-  // Unread messages are always the newest admin ones, so the divider goes
-  // above the Nth-from-last admin message.
-  let remaining = unreadCount;
-  let firstUnreadId = null;
-  for (let i = messages.length - 1; i >= 0 && remaining > 0; i -= 1) {
-    const candidate = messages[i];
-    if (candidate === undefined || candidate.sender !== 'admin') continue;
-    remaining -= 1;
-    firstUnreadId = candidate.id;
-  }
-  return messages.map((message, i) => {
-    const previous = i > 0 ? messages[i - 1] ?? null : null;
-    const next = i < messages.length - 1 ? messages[i + 1] ?? null : null;
-    // Grouped by sender alone. Two replies from two different admins are two
-    // messages from "Support" as far as this side is concerned, so breaking
-    // the group between them would be a visible seam with no visible cause.
-    const withinGroup = (a, b) => a !== null && a.sender === b.sender && Math.abs(Date.parse(b.created_at) - Date.parse(a.created_at)) < GROUP_WINDOW_MS;
-    const day = previous === null || !isSameDay(previous.created_at, message.created_at) ? dayLabel(message.created_at, strings) : null;
-    const startsUnread = message.id === firstUnreadId;
-    return {
-      message,
-      // A separator always breaks a group.
-      firstInGroup: day !== null || startsUnread || !withinGroup(previous, message),
-      lastInGroup: next === null || next.id === firstUnreadId || !isSameDay(next.created_at, message.created_at) || !withinGroup(next, message),
-      day,
-      startsUnread
-    };
-  });
-}
-function Separator({
-  label,
-  theme,
-  tone = 'muted'
-}) {
-  const color = tone === 'accent' ? theme.colors.accent : theme.colors.textTertiary;
-  return /*#__PURE__*/_jsxs(View, {
-    style: {
-      flexDirection: 'row',
-      alignItems: 'center',
-      gap: 10,
-      paddingVertical: 6
-    },
-    children: [/*#__PURE__*/_jsx(View, {
-      style: {
-        flex: 1,
-        height: 1,
-        backgroundColor: tone === 'accent' ? theme.colors.accentMuted : theme.colors.border
-      }
-    }), /*#__PURE__*/_jsx(Text, {
-      style: {
-        fontSize: 11,
-        fontWeight: '600',
-        letterSpacing: 0.3,
-        color
-      },
-      children: label
-    }), /*#__PURE__*/_jsx(View, {
-      style: {
-        flex: 1,
-        height: 1,
-        backgroundColor: tone === 'accent' ? theme.colors.accentMuted : theme.colors.border
-      }
-    })]
-  });
-}
-function MessageBubble({
-  row,
-  theme,
-  strings
-}) {
-  const {
-    message,
-    firstInGroup,
-    lastInGroup
-  } = row;
-  const own = message.sender === 'user';
-  const round = theme.radii.bubble;
-  const tight = theme.radii.bubbleTail;
-  return /*#__PURE__*/_jsxs(View, {
-    style: {
-      maxWidth: '86%',
-      alignSelf: own ? 'flex-end' : 'flex-start',
-      alignItems: own ? 'flex-end' : 'flex-start',
-      marginTop: firstInGroup ? 10 : 2,
-      gap: 4
-    },
-    children: [!own && firstInGroup && /*#__PURE__*/_jsx(Text, {
-      style: [textStyles.meta(theme), {
-        paddingHorizontal: 4
-      }],
-      children: strings.t('thread.support')
-    }), /*#__PURE__*/_jsx(View, {
-      style: {
-        paddingHorizontal: 14,
-        paddingVertical: 10,
-        backgroundColor: own ? theme.colors.accent : theme.colors.surface,
-        borderWidth: own ? 0 : 1,
-        borderColor: theme.colors.border,
-        borderTopLeftRadius: own || firstInGroup ? round : tight,
-        borderBottomLeftRadius: own || lastInGroup ? round : tight,
-        borderTopRightRadius: !own || firstInGroup ? round : tight,
-        borderBottomRightRadius: !own || lastInGroup ? round : tight
-      },
-      children: /*#__PURE__*/_jsx(Text, {
-        style: [textStyles.body(theme), own && {
-          color: theme.colors.accentForeground
-        }],
-        children: message.body
-      })
-    }), lastInGroup && /*#__PURE__*/_jsx(Text, {
-      style: [textStyles.meta(theme), {
-        paddingHorizontal: 4
-      }],
-      children: message.translation_pending ? strings.t('thread.translating') : formatTime(message.created_at, strings)
-    })]
-  });
-}
-export function ThreadScreen({
-  theme,
-  strings,
-  thread,
-  onBack,
-  onSend
-}) {
-  const [draft, setDraft] = useState('');
-  const [sending, setSending] = useState(false);
-  const [failedMessage, setFailedMessage] = useState(null);
-  const scrollRef = useRef(null);
-  // Captured once: opening the thread marks it read within a tick, but the
-  // "New" divider should stay put while the user is reading.
-  const [unreadOnOpen] = useState(thread.unread_count);
-  const resolved = thread.status === 'resolved';
-  const trimmed = draft.trim();
-  const valid = trimmed.length >= USER_MESSAGE_MIN && trimmed.length <= USER_MESSAGE_MAX;
-  const tooShort = trimmed.length > 0 && trimmed.length < USER_MESSAGE_MIN;
-  const rows = useMemo(() => buildRows(thread.messages, unreadOnOpen, strings), [thread.messages, unreadOnOpen, strings]);
-  useEffect(() => {
-    scrollRef.current?.scrollToEnd({
-      animated: false
-    });
-  }, [thread.messages.length]);
-  async function handleSend() {
-    if (!valid || sending || resolved) return;
-    setSending(true);
-    setFailedMessage(null);
-    const errorMessage = await onSend(trimmed);
-    setSending(false);
-    if (errorMessage === null) setDraft('');else setFailedMessage(errorMessage);
-  }
-  return /*#__PURE__*/_jsxs(KeyboardAvoidingView, {
-    style: {
-      flex: 1
-    },
-    behavior: Platform.OS === 'ios' ? 'padding' : undefined,
-    children: [/*#__PURE__*/_jsxs(View, {
-      style: {
-        flexDirection: 'row',
-        alignItems: 'center',
-        gap: 10,
-        paddingHorizontal: 12,
-        paddingBottom: 12,
-        borderBottomWidth: 1,
-        borderBottomColor: theme.colors.border
-      },
-      children: [/*#__PURE__*/_jsx(IconButton, {
-        onPress: onBack,
-        theme: theme,
-        accessibilityLabel: strings.t('compose.back'),
-        size: 32,
-        children: /*#__PURE__*/_jsx(Chevron, {
-          color: theme.colors.textSecondary,
-          direction: "left",
-          size: 12
-        })
-      }), /*#__PURE__*/_jsx(TypeChipView, {
-        type: thread.type,
-        theme: theme,
-        strings: strings
-      }), /*#__PURE__*/_jsx(StatusIndicator, {
-        status: thread.status,
-        theme: theme,
-        strings: strings
-      }), /*#__PURE__*/_jsx(Text, {
-        style: [textStyles.meta(theme), {
-          marginLeft: 'auto'
-        }],
-        children: relativeTime(thread.created_at, strings)
-      })]
-    }), /*#__PURE__*/_jsxs(ScrollView, {
-      ref: scrollRef,
-      style: {
-        flex: 1
-      },
-      contentContainerStyle: {
-        paddingHorizontal: 16,
-        paddingVertical: 12
-      },
-      keyboardShouldPersistTaps: "handled",
-      onContentSizeChange: () => scrollRef.current?.scrollToEnd({
-        animated: false
-      }),
-      children: [rows.map(row => /*#__PURE__*/_jsxs(View, {
-        children: [row.day !== null && /*#__PURE__*/_jsx(Separator, {
-          label: row.day,
-          theme: theme
-        }), row.startsUnread && /*#__PURE__*/_jsx(Separator, {
-          label: strings.t('thread.new'),
-          theme: theme,
-          tone: "accent"
-        }), /*#__PURE__*/_jsx(MessageBubble, {
-          row: row,
-          theme: theme,
-          strings: strings
-        })]
-      }, row.message.id)), resolved && thread.resolved_at !== null && /*#__PURE__*/_jsx(View, {
-        style: {
-          marginTop: 16
-        },
-        children: /*#__PURE__*/_jsx(Separator, {
-          label: strings.t('thread.resolvedAt', {
-            date: formatDate(thread.resolved_at, strings)
-          }),
-          theme: theme
-        })
-      })]
-    }), /*#__PURE__*/_jsx(View, {
-      style: {
-        borderTopWidth: 1,
-        borderTopColor: theme.colors.border,
-        paddingHorizontal: 16,
-        paddingTop: 10,
-        paddingBottom: 4
-      },
-      children: resolved ? /*#__PURE__*/_jsx(View, {
-        style: {
-          alignItems: 'center',
-          paddingVertical: 10,
-          borderRadius: theme.radii.control,
-          backgroundColor: theme.colors.surface
-        },
-        children: /*#__PURE__*/_jsx(Text, {
-          style: textStyles.secondary(theme),
-          children: strings.t('thread.readOnly')
-        })
-      }) : /*#__PURE__*/_jsxs(_Fragment, {
-        children: [/*#__PURE__*/_jsxs(View, {
-          style: {
-            flexDirection: 'row',
-            alignItems: 'flex-end',
-            gap: 10
-          },
-          children: [/*#__PURE__*/_jsx(TextInput, {
-            value: draft,
-            onChangeText: v => {
-              setDraft(v);
-              setFailedMessage(null);
-            },
-            multiline: true,
-            editable: !sending,
-            placeholder: strings.t('thread.placeholder'),
-            placeholderTextColor: theme.colors.textTertiary,
-            style: {
-              flex: 1,
-              minHeight: 44,
-              maxHeight: 120,
-              borderWidth: 1,
-              borderColor: theme.colors.border,
-              borderRadius: theme.radii.cardLg,
-              backgroundColor: theme.colors.surface,
-              color: theme.colors.textPrimary,
-              fontSize: 15,
-              lineHeight: 20,
-              paddingHorizontal: 14,
-              paddingTop: 12,
-              paddingBottom: 12,
-              textAlignVertical: 'top'
-            }
-          }), /*#__PURE__*/_jsx(IconButton, {
-            onPress: handleSend,
-            theme: theme,
-            tone: "accent",
-            size: 44,
-            disabled: !valid || sending,
-            accessibilityLabel: strings.t(sending ? 'thread.sendingA11y' : 'thread.sendA11y'),
-            children: /*#__PURE__*/_jsx(ArrowUpIcon, {
-              color: theme.colors.accentForeground,
-              size: 19
-            })
-          })]
-        }), (tooShort || draft.length >= COUNTER_VISIBLE_FROM || failedMessage !== null) && /*#__PURE__*/_jsxs(View, {
-          style: {
-            flexDirection: 'row',
-            alignItems: 'center',
-            gap: 10,
-            paddingTop: 8,
-            paddingHorizontal: 4
-          },
-          children: [failedMessage !== null ? /*#__PURE__*/_jsx(Text, {
-            style: {
-              fontSize: 12,
-              color: theme.colors.statusDanger
-            },
-            children: failedMessage
-          }) : tooShort ? /*#__PURE__*/_jsx(Text, {
-            style: textStyles.meta(theme),
-            children: strings.t('compose.minChars', {
-              count: USER_MESSAGE_MIN
-            })
-          }) : null, draft.length >= COUNTER_VISIBLE_FROM && /*#__PURE__*/_jsxs(Text, {
-            style: [textStyles.meta(theme), {
-              marginLeft: 'auto'
-            }, draft.length > USER_MESSAGE_MAX && {
-              color: theme.colors.statusDanger
-            }],
-            children: [draft.length, "/", USER_MESSAGE_MAX]
-          })]
-        })]
-      })
-    })]
-  });
-}
-//# sourceMappingURL=ThreadScreen.js.map