@repzo/widget-react-native 1.0.0

package/lib/module/ui/screens/chat/ChatView.styles.js

@@ -0,0 +1,358 @@
+"use strict";
+
+/** Styles for the chat thread: header bar, message list, bubbles and composer. */
+
+import { StyleSheet } from 'react-native';
+import { fontSize, palette, radius, spacing } from "../../styles/theme.js";
+import { START_ALIGN } from "../../utils/rtl.js";
+export const styles = StyleSheet.create({
+  header: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: spacing.md,
+    paddingHorizontal: spacing.md,
+    paddingVertical: spacing.md,
+    minHeight: 72,
+    borderBottomWidth: StyleSheet.hairlineWidth
+  },
+  headerIdentity: {
+    flex: 1,
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: spacing.sm + 2,
+    minWidth: 0
+  },
+  avatarWrapper: {
+    position: 'relative'
+  },
+  onlineDot: {
+    position: 'absolute',
+    end: -1,
+    bottom: -1,
+    width: 11,
+    height: 11,
+    borderRadius: 5.5,
+    backgroundColor: palette.online,
+    borderWidth: 2,
+    borderColor: palette.white
+  },
+  headerText: {
+    flex: 1,
+    minWidth: 0
+  },
+  headerName: {
+    textAlign: START_ALIGN,
+    fontSize: fontSize.body,
+    fontWeight: '700'
+  },
+  headerStatus: {
+    textAlign: START_ALIGN,
+    fontSize: fontSize.caption,
+    marginTop: 1
+  },
+  messagesContentEmpty: {
+    flexGrow: 1,
+    justifyContent: 'center'
+  },
+  emptyState: {
+    alignItems: 'center',
+    paddingHorizontal: spacing.xl,
+    paddingVertical: spacing.xxl
+  },
+  emptyIcon: {
+    width: 60,
+    height: 60,
+    borderRadius: 30,
+    alignItems: 'center',
+    justifyContent: 'center',
+    marginBottom: spacing.md
+  },
+  emptyText: {
+    textAlign: 'center',
+    color: palette.textSubtle,
+    fontSize: fontSize.meta,
+    lineHeight: fontSize.meta * 1.4
+  },
+  messagesContent: {
+    padding: spacing.lg,
+    paddingBottom: spacing.sm,
+    gap: spacing.sm
+  },
+  loadMore: {
+    alignSelf: 'center',
+    paddingVertical: spacing.sm,
+    paddingHorizontal: spacing.md
+  },
+  loadMoreLabel: {
+    fontSize: fontSize.meta,
+    fontWeight: '600'
+  },
+  stateText: {
+    textAlign: 'center',
+    paddingVertical: 40,
+    paddingHorizontal: spacing.xl,
+    color: palette.textSubtle,
+    fontSize: fontSize.meta
+  },
+  messageRow: {
+    maxWidth: '100%'
+  },
+  messageRowLeft: {
+    alignItems: 'flex-start'
+  },
+  senderLabel: {
+    textAlign: START_ALIGN,
+    fontSize: fontSize.caption,
+    fontWeight: '600',
+    color: palette.textMuted,
+    marginBottom: 3,
+    marginStart: spacing.xs
+  },
+  messageTime: {
+    fontSize: 11,
+    alignSelf: 'flex-end',
+    marginTop: 3
+  },
+  daySeparator: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: spacing.md,
+    paddingVertical: spacing.sm
+  },
+  dayLine: {
+    flex: 1,
+    height: StyleSheet.hairlineWidth,
+    backgroundColor: palette.border
+  },
+  dayLabel: {
+    fontSize: fontSize.caption,
+    fontWeight: '600',
+    color: palette.textSubtle
+  },
+  messageRowRight: {
+    alignItems: 'flex-end'
+  },
+  bubble: {
+    maxWidth: '85%',
+    paddingHorizontal: spacing.md + 2,
+    paddingVertical: spacing.sm + 2
+  },
+  bubbleVisitor: {
+    borderTopLeftRadius: radius.lg + 4,
+    borderTopRightRadius: radius.lg + 4,
+    borderBottomLeftRadius: radius.lg + 4,
+    borderBottomRightRadius: 4
+  },
+  // `flex-end` already put this bubble on the other side; its tail follows.
+  bubbleVisitorRTL: {
+    borderBottomLeftRadius: 4,
+    borderBottomRightRadius: radius.lg + 4
+  },
+  bubbleAgent: {
+    backgroundColor: palette.surfaceAlt,
+    borderTopLeftRadius: radius.lg + 4,
+    borderTopRightRadius: radius.lg + 4,
+    borderBottomRightRadius: radius.lg + 4,
+    borderBottomLeftRadius: 4
+  },
+  bubbleAgentRTL: {
+    borderBottomRightRadius: 4,
+    borderBottomLeftRadius: radius.lg + 4
+  },
+  bubblePending: {
+    opacity: 0.7
+  },
+  bubbleText: {
+    fontSize: fontSize.body,
+    lineHeight: fontSize.body * 1.45
+  },
+  attachments: {
+    gap: spacing.xs + 2
+  },
+  attachmentsSpaced: {
+    marginTop: spacing.sm
+  },
+  attachmentImage: {
+    width: 180,
+    height: 140,
+    borderRadius: radius.md
+  },
+  attachmentFile: {
+    borderWidth: StyleSheet.hairlineWidth,
+    borderRadius: radius.md,
+    paddingHorizontal: spacing.sm + 1,
+    paddingVertical: spacing.sm - 1
+  },
+  attachmentName: {
+    fontSize: fontSize.meta
+  },
+  failedText: {
+    fontSize: fontSize.caption,
+    marginTop: spacing.xs
+  },
+  systemRow: {
+    alignItems: 'center',
+    paddingVertical: spacing.sm
+  },
+  systemText: {
+    maxWidth: '86%',
+    textAlign: 'center',
+    color: palette.textMuted,
+    fontSize: fontSize.caption,
+    lineHeight: fontSize.caption * 1.4
+  },
+  typingRow: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: spacing.sm,
+    paddingVertical: spacing.sm
+  },
+  typingBubble: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: spacing.xs,
+    backgroundColor: palette.surfaceAlt,
+    borderRadius: radius.lg + 4,
+    paddingHorizontal: spacing.md + 2,
+    paddingVertical: spacing.sm
+  },
+  typingDot: {
+    width: 6,
+    height: 6,
+    borderRadius: 3,
+    backgroundColor: palette.textSubtle
+  },
+  typingLabel: {
+    fontSize: fontSize.caption,
+    color: palette.textMuted
+  },
+  offlineBanner: {
+    paddingHorizontal: spacing.md,
+    paddingVertical: spacing.sm,
+    backgroundColor: palette.warningBg,
+    borderTopWidth: StyleSheet.hairlineWidth,
+    borderTopColor: palette.warningBorder
+  },
+  offlineText: {
+    fontSize: fontSize.caption,
+    color: palette.warningText,
+    textAlign: 'center'
+  },
+  composerWrapper: {
+    paddingHorizontal: spacing.md,
+    paddingTop: spacing.md,
+    paddingBottom: spacing.md,
+    backgroundColor: palette.white,
+    borderTopWidth: StyleSheet.hairlineWidth,
+    borderTopColor: palette.border
+  },
+  // A near-white fill behind a hairline made the field disappear into the
+  // page; this reads as an input before you tap it.
+  composer: {
+    flexDirection: 'row',
+    alignItems: 'flex-end',
+    gap: spacing.sm,
+    minHeight: 48,
+    backgroundColor: palette.surfaceAlt,
+    borderRadius: 24,
+    borderWidth: 1,
+    borderColor: palette.border,
+    paddingLeft: spacing.lg,
+    paddingRight: spacing.xs + 2,
+    paddingVertical: spacing.xs + 2
+  },
+  composerFocused: {
+    backgroundColor: palette.white
+  },
+  input: {
+    textAlign: START_ALIGN,
+    flex: 1,
+    fontSize: fontSize.input,
+    lineHeight: fontSize.input * 1.4,
+    color: palette.ink,
+    maxHeight: 120,
+    paddingTop: 6,
+    paddingBottom: 6,
+    padding: 0
+  },
+  sendButton: {
+    width: 36,
+    height: 36,
+    borderRadius: 18,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  sendButtonDisabled: {
+    backgroundColor: palette.surfaceAlt
+  },
+  sendButtonPressed: {
+    opacity: 0.85
+  },
+  procedureCard: {
+    width: '100%',
+    maxWidth: 320,
+    marginTop: spacing.sm,
+    borderWidth: StyleSheet.hairlineWidth,
+    borderColor: palette.border,
+    borderRadius: radius.xl,
+    backgroundColor: palette.white,
+    padding: spacing.sm + 2
+  },
+  procedureToggle: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+    gap: spacing.sm,
+    borderRadius: radius.md,
+    paddingHorizontal: spacing.md,
+    paddingVertical: spacing.md,
+    minHeight: 44
+  },
+  procedureToggleLabel: {
+    fontSize: fontSize.meta,
+    fontWeight: '600'
+  },
+  procedureToggleHint: {
+    fontSize: fontSize.caption,
+    opacity: 0.85
+  },
+  procedureTitle: {
+    fontSize: fontSize.meta,
+    fontWeight: '600',
+    color: palette.text,
+    marginTop: spacing.sm + 2,
+    marginBottom: spacing.sm
+  },
+  procedureFields: {
+    gap: spacing.sm
+  },
+  procedureLabel: {
+    fontSize: fontSize.caption,
+    color: palette.textMuted,
+    marginBottom: spacing.xs
+  },
+  procedureInput: {
+    borderWidth: StyleSheet.hairlineWidth,
+    borderColor: palette.disabled,
+    borderRadius: radius.md,
+    paddingHorizontal: spacing.md,
+    paddingVertical: spacing.sm + 2,
+    fontSize: fontSize.input,
+    color: palette.text,
+    minHeight: 44
+  },
+  procedureSubmit: {
+    marginTop: spacing.sm + 2,
+    borderRadius: radius.md,
+    alignItems: 'center',
+    justifyContent: 'center',
+    paddingVertical: spacing.md,
+    minHeight: 44
+  },
+  procedureSubmitLabel: {
+    color: palette.white,
+    fontSize: fontSize.meta,
+    fontWeight: '600'
+  }
+});
+//# sourceMappingURL=ChatView.styles.js.map

package/lib/module/ui/screens/chat/ChatView.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","fontSize","palette","radius","spacing","START_ALIGN","styles","create","header","flexDirection","alignItems","gap","md","paddingHorizontal","paddingVertical","minHeight","borderBottomWidth","hairlineWidth","headerIdentity","flex","sm","minWidth","avatarWrapper","position","onlineDot","end","bottom","width","height","borderRadius","backgroundColor","online","borderWidth","borderColor","white","headerText","headerName","textAlign","body","fontWeight","headerStatus","caption","marginTop","messagesContentEmpty","flexGrow","justifyContent","emptyState","xl","xxl","emptyIcon","marginBottom","emptyText","color","textSubtle","meta","lineHeight","messagesContent","padding","lg","paddingBottom","loadMore","alignSelf","loadMoreLabel","stateText","messageRow","maxWidth","messageRowLeft","senderLabel","textMuted","marginStart","xs","messageTime","daySeparator","dayLine","border","dayLabel","messageRowRight","bubble","bubbleVisitor","borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius","bubbleVisitorRTL","bubbleAgent","surfaceAlt","bubbleAgentRTL","bubblePending","opacity","bubbleText","attachments","attachmentsSpaced","attachmentImage","attachmentFile","attachmentName","failedText","systemRow","systemText","typingRow","typingBubble","typingDot","typingLabel","offlineBanner","warningBg","borderTopWidth","borderTopColor","warningBorder","offlineText","warningText","composerWrapper","paddingTop","composer","paddingLeft","paddingRight","composerFocused","input","ink","maxHeight","sendButton","sendButtonDisabled","sendButtonPressed","procedureCard","procedureToggle","procedureToggleLabel","procedureToggleHint","procedureTitle","text","procedureFields","procedureLabel","procedureInput","disabled","procedureSubmit","procedureSubmitLabel"],"sourceRoot":"../../../../../src","sources":["ui/screens/chat/ChatView.styles.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/ui/screens/chat/ChatView.types.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export {};
+//# sourceMappingURL=ChatView.types.js.map

package/lib/module/ui/screens/chat/ChatView.types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../../src","sources":["ui/screens/chat/ChatView.types.ts"],"mappings":"","ignoreList":[]}

package/lib/module/ui/screens/conversations/ConversationsList.js

@@ -0,0 +1,146 @@
+"use strict";
+
+/**
+ * Messages space — conversation rows plus the floating "new conversation"
+ * pill. Port of `client/src/widget/components/ConversationsList.tsx`.
+ *
+ * Rows are shared with the Home space's recent preview, and both sort for
+ * themselves because the store keeps conversations in arrival order.
+ */
+
+import { useCallback, useMemo, useState } from 'react';
+import { FlatList, Pressable, RefreshControl, Text, View } from 'react-native';
+import { ConversationRow } from "../../components/ConversationRow.js";
+import { ArrowRightIcon, ChatOutlineIcon, CloseIcon } from "../../components/icons.js";
+import { globalStyles } from "../../styles/global.js";
+import { palette, spacing, withAlpha } from "../../styles/theme.js";
+import { sortByRecency } from "../../utils/conversations.js";
+import { flipForRTL } from "../../utils/rtl.js";
+import { styles } from "./ConversationsList.styles.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function ConversationsList({
+  conversations,
+  unreadByConversation,
+  color,
+  allowNewConversations,
+  showPreviousConversations,
+  isOnline,
+  startConversationLabel,
+  labels,
+  onSelect,
+  onNewConversation,
+  onRefresh,
+  onClose
+}) {
+  const [refreshing, setRefreshing] = useState(false);
+  const visibleConversations = useMemo(() => showPreviousConversations ? sortByRecency(conversations) : [], [conversations, showPreviousConversations]);
+
+  // The realtime stream can drop messages while backgrounded, so let the
+  // visitor force the same refresh the app does when it returns to the front.
+  const handleRefresh = useCallback(async () => {
+    setRefreshing(true);
+    try {
+      await onRefresh();
+    } finally {
+      setRefreshing(false);
+    }
+  }, [onRefresh]);
+  const isEmpty = visibleConversations.length === 0;
+  return /*#__PURE__*/_jsxs(View, {
+    style: globalStyles.screen,
+    children: [/*#__PURE__*/_jsxs(View, {
+      style: styles.header,
+      children: [/*#__PURE__*/_jsxs(View, {
+        style: styles.headerCopy,
+        children: [/*#__PURE__*/_jsx(Text, {
+          style: styles.title,
+          children: labels.messages
+        }), /*#__PURE__*/_jsxs(View, {
+          style: styles.statusLine,
+          children: [/*#__PURE__*/_jsx(View, {
+            style: [styles.statusDot, {
+              backgroundColor: isOnline ? palette.online : palette.textSubtle
+            }]
+          }), /*#__PURE__*/_jsx(Text, {
+            style: styles.statusText,
+            children: isOnline ? labels.statusOnline : labels.statusAway
+          })]
+        })]
+      }), /*#__PURE__*/_jsx(Pressable, {
+        onPress: onClose,
+        accessibilityRole: "button",
+        accessibilityLabel: labels.close,
+        hitSlop: 12,
+        style: styles.close,
+        children: /*#__PURE__*/_jsx(CloseIcon, {
+          size: 18
+        })
+      })]
+    }), /*#__PURE__*/_jsx(FlatList, {
+      data: visibleConversations,
+      keyExtractor: item => item.id,
+      contentContainerStyle: [styles.listContent, isEmpty && styles.listContentEmpty, {
+        paddingBottom: allowNewConversations ? 84 : spacing.xl
+      }],
+      ItemSeparatorComponent: () => /*#__PURE__*/_jsx(View, {
+        style: [globalStyles.divider, styles.divider]
+      }),
+      refreshControl: showPreviousConversations ? /*#__PURE__*/_jsx(RefreshControl, {
+        refreshing: refreshing,
+        onRefresh: handleRefresh,
+        tintColor: color,
+        colors: [color]
+      }) : undefined,
+      ListEmptyComponent: /*#__PURE__*/_jsxs(View, {
+        style: styles.empty,
+        children: [/*#__PURE__*/_jsx(View, {
+          style: [styles.emptyIcon, {
+            backgroundColor: withAlpha(color, 0.08)
+          }],
+          children: /*#__PURE__*/_jsx(ChatOutlineIcon, {
+            size: 30,
+            color: color
+          })
+        }), /*#__PURE__*/_jsx(Text, {
+          style: styles.emptyTitle,
+          children: showPreviousConversations ? labels.noMessages : labels.historyHidden
+        }), allowNewConversations ? /*#__PURE__*/_jsx(Text, {
+          style: styles.emptySubtitle,
+          children: labels.startBelow
+        }) : null]
+      }),
+      renderItem: ({
+        item
+      }) => /*#__PURE__*/_jsx(ConversationRow, {
+        conversation: item,
+        color: color,
+        fallbackName: labels.team,
+        timeLabels: labels.time,
+        unreadCount: unreadByConversation[item.id] ?? 0,
+        unreadLabel: labels.unread,
+        onPress: () => onSelect(item.id)
+      })
+    }), allowNewConversations ? /*#__PURE__*/_jsx(View, {
+      style: styles.fabWrapper,
+      pointerEvents: "box-none",
+      children: /*#__PURE__*/_jsxs(Pressable, {
+        onPress: onNewConversation,
+        accessibilityRole: "button",
+        style: ({
+          pressed
+        }) => [styles.fab, {
+          backgroundColor: color
+        }, pressed && styles.fabPressed],
+        children: [/*#__PURE__*/_jsx(Text, {
+          style: styles.fabLabel,
+          children: startConversationLabel
+        }), /*#__PURE__*/_jsx(ArrowRightIcon, {
+          size: 16,
+          color: palette.white,
+          style: flipForRTL()
+        })]
+      })
+    }) : null]
+  });
+}
+//# sourceMappingURL=ConversationsList.js.map

package/lib/module/ui/screens/conversations/ConversationsList.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useCallback","useMemo","useState","FlatList","Pressable","RefreshControl","Text","View","ConversationRow","ArrowRightIcon","ChatOutlineIcon","CloseIcon","globalStyles","palette","spacing","withAlpha","sortByRecency","flipForRTL","styles","jsx","_jsx","jsxs","_jsxs","ConversationsList","conversations","unreadByConversation","color","allowNewConversations","showPreviousConversations","isOnline","startConversationLabel","labels","onSelect","onNewConversation","onRefresh","onClose","refreshing","setRefreshing","visibleConversations","handleRefresh","isEmpty","length","style","screen","children","header","headerCopy","title","messages","statusLine","statusDot","backgroundColor","online","textSubtle","statusText","statusOnline","statusAway","onPress","accessibilityRole","accessibilityLabel","close","hitSlop","size","data","keyExtractor","item","id","contentContainerStyle","listContent","listContentEmpty","paddingBottom","xl","ItemSeparatorComponent","divider","refreshControl","tintColor","colors","undefined","ListEmptyComponent","empty","emptyIcon","emptyTitle","noMessages","historyHidden","emptySubtitle","startBelow","renderItem","conversation","fallbackName","team","timeLabels","time","unreadCount","unreadLabel","unread","fabWrapper","pointerEvents","pressed","fab","fabPressed","fabLabel","white"],"sourceRoot":"../../../../../src","sources":["ui/screens/conversations/ConversationsList.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/ui/screens/conversations/ConversationsList.styles.js

@@ -0,0 +1,114 @@
+"use strict";
+
+/** Styles for the Messages space: centered header, row list and the floating pill. */
+
+import { StyleSheet } from 'react-native';
+import { rowDividerInset } from "../../components/ConversationRow.js";
+import { fontSize, palette, radius, shadows, spacing } from "../../styles/theme.js";
+export const styles = StyleSheet.create({
+  header: {
+    alignItems: 'center',
+    justifyContent: 'center',
+    // Leaves room for the absolutely-placed close button on both sides so the
+    // title stays optically centered.
+    paddingHorizontal: spacing.xxl + spacing.lg,
+    paddingTop: spacing.lg,
+    paddingBottom: spacing.md,
+    borderBottomWidth: StyleSheet.hairlineWidth,
+    borderBottomColor: palette.borderSoft
+  },
+  headerCopy: {
+    alignItems: 'center',
+    gap: 2
+  },
+  title: {
+    fontSize: fontSize.title,
+    fontWeight: '600',
+    color: palette.ink
+  },
+  statusLine: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: spacing.xs + 2
+  },
+  statusDot: {
+    width: 7,
+    height: 7,
+    borderRadius: 3.5
+  },
+  statusText: {
+    fontSize: fontSize.caption,
+    color: palette.textMuted
+  },
+  close: {
+    position: 'absolute',
+    end: spacing.lg,
+    top: 0,
+    bottom: 0,
+    justifyContent: 'center',
+    paddingHorizontal: spacing.xs
+  },
+  listContent: {
+    flexGrow: 1
+  },
+  listContentEmpty: {
+    justifyContent: 'center'
+  },
+  divider: {
+    marginStart: rowDividerInset()
+  },
+  empty: {
+    alignItems: 'center',
+    paddingHorizontal: spacing.xxl,
+    paddingVertical: 48
+  },
+  emptyIcon: {
+    width: 64,
+    height: 64,
+    borderRadius: 32,
+    alignItems: 'center',
+    justifyContent: 'center',
+    marginBottom: spacing.lg
+  },
+  emptyTitle: {
+    fontSize: fontSize.body,
+    fontWeight: '600',
+    color: palette.ink,
+    textAlign: 'center'
+  },
+  emptySubtitle: {
+    fontSize: fontSize.meta,
+    color: palette.textSubtle,
+    marginTop: spacing.xs,
+    textAlign: 'center'
+  },
+  fabWrapper: {
+    position: 'absolute',
+    left: 0,
+    right: 0,
+    bottom: spacing.lg,
+    alignItems: 'center'
+  },
+  fab: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: spacing.sm,
+    minHeight: 46,
+    paddingHorizontal: spacing.xl,
+    paddingVertical: spacing.md,
+    borderRadius: radius.pill,
+    ...shadows.floating
+  },
+  fabPressed: {
+    opacity: 0.9,
+    transform: [{
+      scale: 0.98
+    }]
+  },
+  fabLabel: {
+    color: palette.white,
+    fontSize: fontSize.meta,
+    fontWeight: '600'
+  }
+});
+//# sourceMappingURL=ConversationsList.styles.js.map

package/lib/module/ui/screens/conversations/ConversationsList.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","rowDividerInset","fontSize","palette","radius","shadows","spacing","styles","create","header","alignItems","justifyContent","paddingHorizontal","xxl","lg","paddingTop","paddingBottom","md","borderBottomWidth","hairlineWidth","borderBottomColor","borderSoft","headerCopy","gap","title","fontWeight","color","ink","statusLine","flexDirection","xs","statusDot","width","height","borderRadius","statusText","caption","textMuted","close","position","end","top","bottom","listContent","flexGrow","listContentEmpty","divider","marginStart","empty","paddingVertical","emptyIcon","marginBottom","emptyTitle","body","textAlign","emptySubtitle","meta","textSubtle","marginTop","fabWrapper","left","right","fab","sm","minHeight","xl","pill","floating","fabPressed","opacity","transform","scale","fabLabel","white"],"sourceRoot":"../../../../../src","sources":["ui/screens/conversations/ConversationsList.styles.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/ui/screens/conversations/ConversationsList.types.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export {};
+//# sourceMappingURL=ConversationsList.types.js.map

package/lib/module/ui/screens/conversations/ConversationsList.types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../../src","sources":["ui/screens/conversations/ConversationsList.types.ts"],"mappings":"","ignoreList":[]}