@ion299/sdk-react-native 0.1.0-beta.1

package/lib/commonjs/components/AttachmentGallery.js

@@ -0,0 +1,367 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AttachmentGallery = AttachmentGallery;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _attachmentUtils = require("../attachmentUtils.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const {
+  width: SW
+} = _reactNative.Dimensions.get('window');
+function formatBytes(bytes) {
+  if (bytes <= 0) return '';
+  if (bytes < 1024) return `${bytes} Б`;
+  if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} КБ`;
+  return `${(bytes / (1024 * 1024)).toFixed(1)} МБ`;
+}
+function GallerySlide({
+  item,
+  isVisible
+}) {
+  const [loading, setLoading] = (0, _react.useState)(true);
+  const displayName = (0, _attachmentUtils.attachmentDisplayName)(item);
+  if (item.type === 'image') {
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: slide.root,
+      children: [loading && isVisible && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ActivityIndicator, {
+        color: "#fff",
+        size: "large",
+        style: _reactNative.StyleSheet.absoluteFill
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Image, {
+        source: {
+          uri: item.url
+        },
+        style: slide.image,
+        resizeMode: "contain",
+        onLoadStart: () => setLoading(true),
+        onLoadEnd: () => setLoading(false)
+      })]
+    });
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: [slide.root, slide.doc],
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      style: slide.docName,
+      numberOfLines: 6,
+      children: displayName
+    }), item.size > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      style: slide.docSize,
+      children: formatBytes(item.size)
+    })]
+  });
+}
+function AttachmentGallery({
+  attachments,
+  initialIndex,
+  visible,
+  onClose,
+  downloadLabel = 'Скачать',
+  onDownloadAttachment,
+  theme
+}) {
+  const listRef = (0, _react.useRef)(null);
+  const [currentIndex, setCurrentIndex] = (0, _react.useState)(initialIndex);
+  const [isDownloading, setIsDownloading] = (0, _react.useState)(false);
+  const current = attachments[currentIndex];
+  (0, _react.useEffect)(() => {
+    if (visible) {
+      setCurrentIndex(initialIndex);
+    }
+  }, [visible, initialIndex]);
+  const handleViewableChange = (0, _react.useCallback)(({
+    viewableItems
+  }) => {
+    if (viewableItems[0]?.index != null) {
+      setCurrentIndex(viewableItems[0].index);
+    }
+  }, []);
+  const viewabilityConfig = (0, _react.useRef)({
+    viewAreaCoveragePercentThreshold: 50
+  });
+  const scrollTo = index => {
+    listRef.current?.scrollToIndex({
+      index,
+      animated: true
+    });
+    setCurrentIndex(index);
+  };
+  const handleDownload = async () => {
+    if (!current || isDownloading) return;
+    setIsDownloading(true);
+    try {
+      await onDownloadAttachment(current);
+    } catch (e) {
+      const message = e instanceof Error ? e.message : 'Не удалось скачать файл';
+      _reactNative.Alert.alert('Ошибка', message);
+    } finally {
+      setIsDownloading(false);
+    }
+  };
+  const renderItem = ({
+    item,
+    index
+  }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(GallerySlide, {
+    item: item,
+    isVisible: index === currentIndex
+  });
+  const counterText = attachments.length > 1 ? `${currentIndex + 1} / ${attachments.length}` : '';
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Modal, {
+    visible: visible,
+    transparent: false,
+    animationType: "fade",
+    onRequestClose: onClose,
+    statusBarTranslucent: true,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: styles.root,
+      children: [_reactNative.Platform.OS === 'android' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.StatusBar, {
+        barStyle: "light-content",
+        backgroundColor: "#000",
+        translucent: true
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.SafeAreaView, {
+        style: styles.headerSafe,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+          style: styles.header,
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+            style: styles.headerSide
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+            style: styles.counter,
+            children: counterText
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+            style: styles.closeBtn,
+            onPress: onClose,
+            hitSlop: 12,
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+              style: styles.closeIcon,
+              children: "\u2715"
+            })
+          })]
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: styles.listWrap,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.FlatList, {
+          ref: listRef,
+          data: attachments,
+          keyExtractor: a => String(a.id),
+          renderItem: renderItem,
+          horizontal: true,
+          pagingEnabled: true,
+          showsHorizontalScrollIndicator: false,
+          initialScrollIndex: initialIndex,
+          getItemLayout: (_, index) => ({
+            length: SW,
+            offset: SW * index,
+            index
+          }),
+          onViewableItemsChanged: handleViewableChange,
+          viewabilityConfig: viewabilityConfig.current,
+          style: styles.list
+        }), attachments.length > 1 && currentIndex > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+          style: [styles.navBtn, styles.navLeft],
+          onPress: () => scrollTo(currentIndex - 1),
+          activeOpacity: 0.7,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+            style: styles.navIcon,
+            children: "\u2039"
+          })
+        }), attachments.length > 1 && currentIndex < attachments.length - 1 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+          style: [styles.navBtn, styles.navRight],
+          onPress: () => scrollTo(currentIndex + 1),
+          activeOpacity: 0.7,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+            style: styles.navIcon,
+            children: "\u203A"
+          })
+        })]
+      }), current && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.SafeAreaView, {
+        style: styles.footerSafe,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+          style: styles.footer,
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+            style: styles.meta,
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+              style: styles.metaName,
+              numberOfLines: 1,
+              children: (0, _attachmentUtils.attachmentDisplayName)(current)
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+              style: styles.metaInfo,
+              children: [formatBytes(current.size), current.messageTime].filter(Boolean).join('  ·  ')
+            })]
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+            style: [styles.downloadBtn, {
+              backgroundColor: theme.primaryColor
+            }],
+            onPress: () => void handleDownload(),
+            activeOpacity: 0.85,
+            disabled: isDownloading,
+            children: isDownloading ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ActivityIndicator, {
+              color: "#fff",
+              size: "small"
+            }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+                style: styles.downloadIcon,
+                children: "\u2193"
+              }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+                style: styles.downloadText,
+                children: downloadLabel
+              })]
+            })
+          })]
+        })
+      })]
+    })
+  });
+}
+const slide = _reactNative.StyleSheet.create({
+  root: {
+    width: SW,
+    flex: 1,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  image: {
+    width: SW,
+    height: '100%'
+  },
+  doc: {
+    paddingHorizontal: 32,
+    gap: 12
+  },
+  docName: {
+    color: '#fff',
+    fontSize: 20,
+    fontWeight: '600',
+    textAlign: 'center',
+    lineHeight: 28
+  },
+  docSize: {
+    color: 'rgba(255,255,255,0.7)',
+    fontSize: 15,
+    textAlign: 'center'
+  }
+});
+const styles = _reactNative.StyleSheet.create({
+  root: {
+    flex: 1,
+    backgroundColor: '#000'
+  },
+  headerSafe: {
+    backgroundColor: 'rgba(0,0,0,0.85)',
+    borderBottomWidth: _reactNative.StyleSheet.hairlineWidth,
+    borderBottomColor: 'rgba(255,255,255,0.15)'
+  },
+  header: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    paddingHorizontal: 16,
+    paddingVertical: 10
+  },
+  headerSide: {
+    width: 40
+  },
+  counter: {
+    flex: 1,
+    color: '#fff',
+    fontSize: 16,
+    fontWeight: '600',
+    textAlign: 'center'
+  },
+  closeBtn: {
+    width: 40,
+    height: 40,
+    borderRadius: 20,
+    backgroundColor: '#fff',
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  closeIcon: {
+    color: '#111',
+    fontSize: 18,
+    fontWeight: '700',
+    lineHeight: 20
+  },
+  listWrap: {
+    flex: 1
+  },
+  list: {
+    flex: 1
+  },
+  navBtn: {
+    position: 'absolute',
+    top: 0,
+    bottom: 0,
+    width: 56,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  navLeft: {
+    left: 0
+  },
+  navRight: {
+    right: 0
+  },
+  navIcon: {
+    color: '#fff',
+    fontSize: 40,
+    lineHeight: 44,
+    textShadowColor: 'rgba(0,0,0,0.8)',
+    textShadowOffset: {
+      width: 0,
+      height: 1
+    },
+    textShadowRadius: 6
+  },
+  footerSafe: {
+    backgroundColor: 'rgba(0,0,0,0.9)',
+    borderTopWidth: _reactNative.StyleSheet.hairlineWidth,
+    borderTopColor: 'rgba(255,255,255,0.15)'
+  },
+  footer: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    paddingHorizontal: 20,
+    paddingVertical: 16,
+    gap: 12
+  },
+  meta: {
+    flex: 1,
+    gap: 4
+  },
+  metaName: {
+    color: '#fff',
+    fontSize: 15,
+    fontWeight: '600',
+    lineHeight: 20
+  },
+  metaInfo: {
+    color: 'rgba(255,255,255,0.7)',
+    fontSize: 13,
+    lineHeight: 18
+  },
+  downloadBtn: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'center',
+    minWidth: 110,
+    borderRadius: 20,
+    paddingHorizontal: 18,
+    paddingVertical: 10,
+    gap: 6,
+    flexShrink: 0
+  },
+  downloadIcon: {
+    color: '#fff',
+    fontSize: 16,
+    fontWeight: 'bold',
+    lineHeight: 18
+  },
+  downloadText: {
+    color: '#fff',
+    fontSize: 14,
+    fontWeight: '600'
+  }
+});
+//# sourceMappingURL=AttachmentGallery.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_attachmentUtils","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","width","SW","Dimensions","formatBytes","bytes","toFixed","GallerySlide","item","isVisible","loading","setLoading","useState","displayName","attachmentDisplayName","type","jsxs","View","style","slide","root","children","jsx","ActivityIndicator","color","size","StyleSheet","absoluteFill","Image","source","uri","url","image","resizeMode","onLoadStart","onLoadEnd","doc","Text","docName","numberOfLines","docSize","AttachmentGallery","attachments","initialIndex","visible","onClose","downloadLabel","onDownloadAttachment","theme","listRef","useRef","currentIndex","setCurrentIndex","isDownloading","setIsDownloading","current","useEffect","handleViewableChange","useCallback","viewableItems","index","viewabilityConfig","viewAreaCoveragePercentThreshold","scrollTo","scrollToIndex","animated","handleDownload","message","Error","Alert","alert","renderItem","counterText","length","Modal","transparent","animationType","onRequestClose","statusBarTranslucent","styles","Platform","OS","StatusBar","barStyle","backgroundColor","translucent","SafeAreaView","headerSafe","header","headerSide","counter","TouchableOpacity","closeBtn","onPress","hitSlop","closeIcon","listWrap","FlatList","ref","data","keyExtractor","a","String","id","horizontal","pagingEnabled","showsHorizontalScrollIndicator","initialScrollIndex","getItemLayout","_","offset","onViewableItemsChanged","list","navBtn","navLeft","activeOpacity","navIcon","navRight","footerSafe","footer","meta","metaName","metaInfo","messageTime","filter","Boolean","join","downloadBtn","primaryColor","disabled","Fragment","downloadIcon","downloadText","create","flex","alignItems","justifyContent","height","paddingHorizontal","gap","fontSize","fontWeight","textAlign","lineHeight","borderBottomWidth","hairlineWidth","borderBottomColor","flexDirection","paddingVertical","borderRadius","position","top","bottom","left","right","textShadowColor","textShadowOffset","textShadowRadius","borderTopWidth","borderTopColor","minWidth","flexShrink"],"sourceRoot":"..\\..\\..\\src","sources":["components/AttachmentGallery.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/ChatScreen.js

@@ -0,0 +1,286 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ChatScreen = ChatScreen;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _safeArea = require("../safeArea.js");
+var _ChatSDK = require("../ChatSDK.js");
+var _theme = require("../theme.js");
+var _useChat = require("../useChat.js");
+var _defaultAttachmentDownloader = require("../downloaders/defaultAttachmentDownloader.js");
+var _MessageBubble = require("./MessageBubble.js");
+var _MessageInput = require("./MessageInput.js");
+var _SurveyOverlay = require("./SurveyOverlay.js");
+var _AttachmentGallery = require("./AttachmentGallery.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const DEFAULT_STRINGS = {
+  headerTitle: 'Чат',
+  emptyStateText: 'Начните диалог — оператор ответит в ближайшее время',
+  inputPlaceholder: 'Сообщение…',
+  sendingText: 'Отправка…',
+  errorRetry: 'Повторить',
+  surveyTitle: 'Оцените качество поддержки',
+  surveySubmit: 'Отправить',
+  surveySkip: 'Пропустить',
+  surveyClose: 'Закрыть',
+  galleryDownload: 'Скачать'
+};
+function ChatScreen({
+  onClose,
+  theme: themeOverride,
+  strings,
+  onPickFiles,
+  onDownloadAttachment
+}) {
+  const config = _ChatSDK.ChatSDK.getSDKConfig();
+  const baseTheme = (0, _theme.buildTheme)(config);
+  const theme = themeOverride ? {
+    ...baseTheme,
+    ...themeOverride
+  } : baseTheme;
+  const listRef = (0, _react.useRef)(null);
+  const t = {
+    ...DEFAULT_STRINGS,
+    ...strings
+  };
+  const {
+    messages,
+    isLoading,
+    isSending,
+    error,
+    survey,
+    sendMessage,
+    sendCallback,
+    submitSurvey,
+    dismissSurvey,
+    retry
+  } = (0, _useChat.useChat)();
+  const [galleryIndex, setGalleryIndex] = (0, _react.useState)(0);
+  const [galleryVisible, setGalleryVisible] = (0, _react.useState)(false);
+  const galleryAttachments = (0, _react.useMemo)(() => messages.flatMap(m => (m.attachments ?? []).filter(a => a.id > 0).map(a => ({
+    ...a,
+    messageTime: m.time
+  }))), [messages]);
+  const openGallery = attachment => {
+    const idx = galleryAttachments.findIndex(a => a.id === attachment.id);
+    setGalleryIndex(Math.max(0, idx));
+    setGalleryVisible(true);
+  };
+  const showInitialLoader = isLoading && messages.length === 0;
+  const title = strings?.headerTitle ?? config?.widgetTitle ?? DEFAULT_STRINGS.headerTitle;
+  (0, _react.useEffect)(() => {
+    if (messages.length > 0) {
+      setTimeout(() => listRef.current?.scrollToEnd({
+        animated: true
+      }), 100);
+    }
+  }, [messages.length]);
+  const headerContent = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [onClose && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+      onPress: onClose,
+      style: styles.backBtn,
+      hitSlop: 8,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: [styles.backIcon, {
+          color: theme.headerText
+        }],
+        children: "\u2039"
+      })
+    }), config?.imageLogo ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Image, {
+      source: {
+        uri: config.imageLogo
+      },
+      style: styles.logo
+    }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      style: [styles.headerTitle, {
+        color: theme.headerText
+      }],
+      numberOfLines: 2,
+      ellipsizeMode: "tail",
+      children: title
+    })]
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: [styles.root, {
+      backgroundColor: theme.background
+    }],
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.KeyboardAvoidingView, {
+      style: styles.flex,
+      behavior: _reactNative.Platform.OS === 'ios' ? 'padding' : undefined,
+      children: [_reactNative.Platform.OS === 'ios' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.SafeAreaView, {
+        style: {
+          backgroundColor: theme.headerBg
+        },
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+          style: styles.header,
+          children: headerContent
+        })
+      }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: [styles.header, {
+          backgroundColor: theme.headerBg,
+          paddingTop: (0, _safeArea.getAndroidStatusBarHeight)() + 8
+        }],
+        children: headerContent
+      }), error && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: styles.errorBanner,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          style: styles.errorText,
+          children: error
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+          onPress: retry,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+            style: [styles.retryText, {
+              color: theme.primaryColor
+            }],
+            children: t.errorRetry
+          })
+        })]
+      }), showInitialLoader ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: styles.loader,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ActivityIndicator, {
+          color: theme.primaryColor,
+          size: "large"
+        })
+      }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.FlatList, {
+        ref: listRef,
+        style: styles.list,
+        data: messages,
+        keyExtractor: m => m.id,
+        renderItem: ({
+          item
+        }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_MessageBubble.MessageBubble, {
+          message: item,
+          theme: theme,
+          onButtonPress: (cbData, serverId) => void sendCallback(serverId, cbData),
+          onAttachmentPress: openGallery
+        }),
+        contentContainerStyle: [styles.messageList, messages.length === 0 && styles.messageListEmpty],
+        showsVerticalScrollIndicator: false,
+        ListEmptyComponent: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+          style: styles.emptyWrap,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+            style: [styles.emptyText, {
+              color: theme.systemText
+            }],
+            children: t.emptyStateText
+          })
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_MessageInput.MessageInput, {
+        theme: theme,
+        isSending: isSending,
+        onSend: (text, files) => void sendMessage(text, files),
+        onPickFiles: onPickFiles,
+        strings: t
+      })]
+    }), survey && /*#__PURE__*/(0, _jsxRuntime.jsx)(_SurveyOverlay.SurveyOverlay, {
+      config: survey,
+      theme: theme,
+      strings: t,
+      onSubmit: submitSurvey,
+      onDismiss: dismissSurvey
+    }), galleryAttachments.length > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_AttachmentGallery.AttachmentGallery, {
+      attachments: galleryAttachments,
+      initialIndex: galleryIndex,
+      visible: galleryVisible,
+      onClose: () => setGalleryVisible(false),
+      downloadLabel: t.galleryDownload,
+      onDownloadAttachment: onDownloadAttachment ?? _defaultAttachmentDownloader.defaultAttachmentDownloader,
+      theme: theme
+    })]
+  });
+}
+const styles = _reactNative.StyleSheet.create({
+  root: {
+    flex: 1
+  },
+  flex: {
+    flex: 1
+  },
+  list: {
+    flex: 1
+  },
+  header: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    paddingHorizontal: 16,
+    paddingBottom: 14,
+    gap: 10,
+    elevation: 2,
+    shadowColor: '#000',
+    shadowOffset: {
+      width: 0,
+      height: 1
+    },
+    shadowOpacity: 0.12,
+    shadowRadius: 3
+  },
+  backBtn: {
+    padding: 4,
+    flexShrink: 0
+  },
+  backIcon: {
+    fontSize: 28,
+    lineHeight: 28,
+    fontWeight: '300'
+  },
+  logo: {
+    width: 32,
+    height: 32,
+    borderRadius: 16,
+    flexShrink: 0
+  },
+  headerTitle: {
+    fontSize: 17,
+    fontWeight: '600',
+    flex: 1,
+    flexShrink: 1,
+    minWidth: 0
+  },
+  messageList: {
+    paddingTop: 12,
+    paddingBottom: 8,
+    flexGrow: 1
+  },
+  messageListEmpty: {
+    justifyContent: 'center'
+  },
+  loader: {
+    flex: 1,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  emptyWrap: {
+    alignItems: 'center',
+    justifyContent: 'center',
+    paddingHorizontal: 32,
+    paddingVertical: 60
+  },
+  emptyText: {
+    fontSize: 14,
+    textAlign: 'center',
+    lineHeight: 20
+  },
+  errorBanner: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+    backgroundColor: '#fff3f3',
+    paddingHorizontal: 16,
+    paddingVertical: 8,
+    gap: 8
+  },
+  errorText: {
+    color: '#cc2222',
+    fontSize: 13,
+    flex: 1
+  },
+  retryText: {
+    fontSize: 13,
+    fontWeight: '500'
+  }
+});
+//# sourceMappingURL=ChatScreen.js.map