npm - @messenger-box/platform-mobile - Versions diffs - 10.0.3-alpha.5 → 10.0.3-alpha.50 - Mend

@messenger-box/platform-mobile 10.0.3-alpha.5 → 10.0.3-alpha.50

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (98) hide show

package/lib/screens/inbox/components/GiftedChatInboxComponent.js ADDED Viewed

@@ -0,0 +1,313 @@
+import React__default,{forwardRef,useCallback}from'react';import {Platform,View,TouchableOpacity,TextInput,ScrollView,KeyboardAvoidingView,Animated}from'react-native';import {Image,Box,Spinner,Text}from'@admin-layout/gluestack-ui-mobile';import {GiftedChat}from'react-native-gifted-chat';import {MaterialIcons,MaterialCommunityIcons,Ionicons}from'@expo/vector-icons';import colors from'tailwindcss/colors';var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+function getRefCurrent(ref) {
+  if (ref && typeof ref === "object" && "current" in ref) {
+    return ref.current;
+  }
+  return null;
+}
+const GiftedChatInboxComponent = forwardRef((props, ref) => {
+  const _a = props, {
+    messages,
+    onSend,
+    text,
+    onInputTextChanged,
+    user,
+    images,
+    setImages,
+    onSelectImages,
+    onRemoveImage,
+    selectedImage,
+    setSelectedImage,
+    isUploadingImage,
+    loading,
+    errorMessage,
+    notificationType = "error",
+    onCloseError,
+    inputToolbarHeight = 56,
+    bottomMargin = 0,
+    renderMessageText,
+    renderActions,
+    renderAccessory,
+    renderMessage,
+    renderInputToolbar,
+    renderChatFooter,
+    renderLoadEarlier,
+    loadEarlier,
+    isLoadingEarlier,
+    keyboardVerticalOffset = Platform.OS === "ios" ? 64 : 0,
+    placeholder = "Jot something down",
+    listViewProps,
+    wrapInSafeArea = true,
+    minComposerHeight = 36,
+    maxComposerHeight = 100,
+    renderFooter,
+    lightboxProps = {
+      underlayColor: "transparent",
+      springConfig: {
+        tension: 9e4,
+        friction: 9e4
+      },
+      disabled: true
+    },
+    infiniteScroll = false,
+    alwaysShowSend = true,
+    minInputToolbarHeight = 30,
+    textInputProps = {
+      multiline: true,
+      returnKeyType: "default",
+      enablesReturnKeyAutomatically: true,
+      placeholderTextColor: colors.gray[400]
+    },
+    messagesContainerStyle = {
+      paddingTop: 8
+    },
+    renderHeader
+  } = _a, rest = __objRest(_a, [
+    "messages",
+    "onSend",
+    "text",
+    "onInputTextChanged",
+    "user",
+    "images",
+    "setImages",
+    "onSelectImages",
+    "onRemoveImage",
+    "selectedImage",
+    "setSelectedImage",
+    "isUploadingImage",
+    "loading",
+    "errorMessage",
+    "notificationType",
+    "onCloseError",
+    "inputToolbarHeight",
+    "bottomMargin",
+    "renderMessageText",
+    "renderActions",
+    "renderAccessory",
+    "renderMessage",
+    "renderInputToolbar",
+    "renderChatFooter",
+    "renderLoadEarlier",
+    "loadEarlier",
+    "isLoadingEarlier",
+    "keyboardVerticalOffset",
+    "placeholder",
+    "listViewProps",
+    "wrapInSafeArea",
+    "minComposerHeight",
+    "maxComposerHeight",
+    "renderFooter",
+    "lightboxProps",
+    "infiniteScroll",
+    "alwaysShowSend",
+    "minInputToolbarHeight",
+    "textInputProps",
+    "messagesContainerStyle",
+    "renderHeader"
+  ]);
+  const renderErrorNotification = () => {
+    if (!errorMessage)
+      return null;
+    return /* @__PURE__ */ React__default.createElement(Animated.View, { style: {
+      position: "absolute",
+      top: 10,
+      left: 10,
+      right: 10,
+      backgroundColor: notificationType === "error" ? "#f44336" : "#ff9800",
+      padding: 15,
+      borderRadius: 8,
+      shadowColor: "#000",
+      shadowOffset: {
+        width: 0,
+        height: 2
+      },
+      shadowOpacity: 0.25,
+      shadowRadius: 3.84,
+      elevation: 5,
+      zIndex: 1e3
+    } }, /* @__PURE__ */ React__default.createElement(View, { style: {
+      flexDirection: "row",
+      justifyContent: "space-between",
+      alignItems: "center"
+    } }, /* @__PURE__ */ React__default.createElement(View, null, /* @__PURE__ */ React__default.createElement(Text, { style: {
+      color: "white",
+      fontWeight: "bold"
+    } }, notificationType === "error" ? "Error" : "Warning")), /* @__PURE__ */ React__default.createElement(View, null, /* @__PURE__ */ React__default.createElement(TouchableOpacity, { onPress: onCloseError }, /* @__PURE__ */ React__default.createElement(Ionicons, { name: "close", size: 20, color: "white" })))), /* @__PURE__ */ React__default.createElement(Text, { style: {
+      color: "white",
+      marginTop: 5
+    } }, errorMessage));
+  };
+  const renderInputToolbarDefault = useCallback((props2) => /* @__PURE__ */ React__default.createElement(View, { style: {
+    backgroundColor: "#fff",
+    paddingBottom: 4,
+    paddingTop: 4
+  } }, /* @__PURE__ */ React__default.createElement(View, { style: {
+    flexDirection: "row",
+    alignItems: "center",
+    minHeight: 44,
+    maxHeight: 56,
+    backgroundColor: "#fff",
+    borderRadius: 22,
+    marginHorizontal: 8,
+    paddingHorizontal: 8,
+    borderTopWidth: 1,
+    borderTopColor: "#e0e0e0"
+  } }, /* @__PURE__ */ React__default.createElement(TouchableOpacity, { onPress: onSelectImages, style: {
+    width: 32,
+    height: 32,
+    borderRadius: 16,
+    backgroundColor: "#fff",
+    alignItems: "center",
+    justifyContent: "center",
+    marginRight: 8
+  } }, /* @__PURE__ */ React__default.createElement(MaterialIcons, { name: "add", size: 24, color: "#888" })), /* @__PURE__ */ React__default.createElement(TextInput, { ref, style: {
+    flex: 1,
+    maxHeight: 44,
+    backgroundColor: "transparent",
+    color: "#444",
+    paddingHorizontal: 8,
+    paddingVertical: 0,
+    alignSelf: "center",
+    textAlignVertical: "center"
+  }, placeholder: placeholder || "Jot something down", placeholderTextColor: colors.gray[400], multiline: true, value: text, onChangeText: onInputTextChanged }), /* @__PURE__ */ React__default.createElement(
+    TouchableOpacity,
+    {
+      onPress: () => onSend([{
+        text
+      }]),
+      disabled: false,
+      style: {
+        marginLeft: 8,
+        opacity: !text.trim() && images.length === 0 ? 0.5 : 1
+      }
+    },
+    /* @__PURE__ */ React__default.createElement(
+      MaterialCommunityIcons,
+      {
+        name: "send-circle",
+        size: 32,
+        color: !text.trim() && images.length === 0 ? colors.gray[400] : colors.blue[500]
+      }
+    )
+  )), images && images.length > 0 && /* @__PURE__ */ React__default.createElement(ScrollView, { horizontal: true, showsHorizontalScrollIndicator: false, style: {
+    marginTop: 4,
+    marginLeft: 8
+  } }, images.map((img, index) => /* @__PURE__ */ React__default.createElement(View, { key: `image-preview-${index}`, style: {
+    width: 48,
+    height: 48,
+    marginRight: 8,
+    borderRadius: 6,
+    overflow: "hidden",
+    position: "relative",
+    backgroundColor: colors.gray[200]
+  } }, /* @__PURE__ */ React__default.createElement(Image, { source: {
+    uri: img.uri || img.url
+  }, style: {
+    width: "100%",
+    height: "100%"
+  }, alt: `selected image ${index + 1}` }), /* @__PURE__ */ React__default.createElement(TouchableOpacity, { onPress: () => {
+    onRemoveImage(index);
+  }, style: {
+    position: "absolute",
+    top: 2,
+    right: 2,
+    backgroundColor: "rgba(0,0,0,0.6)",
+    borderRadius: 10,
+    width: 20,
+    height: 20,
+    alignItems: "center",
+    justifyContent: "center"
+  } }, /* @__PURE__ */ React__default.createElement(Ionicons, { name: "close", size: 14, color: "white" })))))), [onSelectImages, text, images, isUploadingImage, loading, onSend, onRemoveImage, placeholder, ref]);
+  const renderAccessoryDefault = useCallback(() => {
+    if (!images.length)
+      return null;
+    return /* @__PURE__ */ React__default.createElement(Box, { style: {
+      position: "relative",
+      height: 70,
+      backgroundColor: "transparent",
+      justifyContent: "center"
+    } }, /* @__PURE__ */ React__default.createElement(ScrollView, { horizontal: true, showsHorizontalScrollIndicator: false, style: {
+      flexDirection: "row",
+      paddingLeft: 15,
+      paddingRight: 5
+    }, contentContainerStyle: {
+      alignItems: "center",
+      height: "100%"
+    } }, images.map((img, index) => /* @__PURE__ */ React__default.createElement(View, { key: `image-preview-${index}`, style: {
+      width: 40,
+      height: 40,
+      marginRight: 15,
+      borderRadius: 4,
+      backgroundColor: colors.gray[200],
+      overflow: "hidden",
+      borderWidth: 1,
+      borderColor: "#e0e0e0",
+      position: "relative",
+      zIndex: 10
+    } }, /* @__PURE__ */ React__default.createElement(Image, { source: {
+      uri: img.uri || img.url
+    }, style: {
+      width: "100%",
+      height: "100%"
+    }, alt: `selected image ${index + 1}` }), /* @__PURE__ */ React__default.createElement(TouchableOpacity, { onPress: () => {
+      const newImages = [...images];
+      newImages.splice(index, 1);
+      setImages(newImages);
+      if (newImages.length === 0) {
+        setSelectedImage("");
+        const inputRef = getRefCurrent(ref);
+        if (inputRef && typeof inputRef.focus === "function") {
+          inputRef.focus();
+        }
+      }
+    }, style: {
+      position: "absolute",
+      top: -1,
+      right: -1,
+      backgroundColor: "rgba(0,0,0,0.6)",
+      borderRadius: 12,
+      width: 20,
+      height: 20,
+      alignItems: "center",
+      justifyContent: "center",
+      zIndex: 9999
+    } }, /* @__PURE__ */ React__default.createElement(Ionicons, { name: "close", size: 16, color: "white" }))))));
+  }, [images, setImages, setSelectedImage, ref]);
+  return /* @__PURE__ */ React__default.createElement(KeyboardAvoidingView, { style: {
+    flex: 1,
+    justifyContent: "flex-end",
+    backgroundColor: "#fff"
+  }, behavior: Platform.OS === "ios" ? "padding" : "height", keyboardVerticalOffset }, /* @__PURE__ */ React__default.createElement(View, { style: {
+    flex: 1,
+    backgroundColor: "#fff",
+    position: "relative",
+    marginBottom: bottomMargin
+  } }, renderErrorNotification(), loading && /* @__PURE__ */ React__default.createElement(Spinner, { color: colors.blue[500] }), /* @__PURE__ */ React__default.createElement(GiftedChat, __spreadValues({ ref, wrapInSafeArea, messages, onSend, text, onInputTextChanged, user, renderMessageText, renderActions: renderActions || null, renderAccessory: renderAccessory || renderAccessoryDefault, renderMessage, renderInputToolbar: renderInputToolbar || renderInputToolbarDefault, renderLoading: props.renderLoading || null, renderChatFooter, renderLoadEarlier, listViewProps, loadEarlier, isLoadingEarlier, bottomOffset: props.bottomOffset || 0, isKeyboardInternallyHandled: props.isKeyboardInternallyHandled || false, renderFooter: () => renderFooter ? renderFooter() : null, minComposerHeight, maxComposerHeight, placeholder: placeholder || "Jot something down", lightboxProps, infiniteScroll, alwaysShowSend, minInputToolbarHeight, textInputProps, messagesContainerStyle, isTyping: props.isTyping || false, renderChatEmpty: props.renderChatEmpty || null }, rest))));
+});export{GiftedChatInboxComponent,GiftedChatInboxComponent as default};//# sourceMappingURL=GiftedChatInboxComponent.js.map

package/lib/screens/inbox/components/GiftedChatInboxComponent.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"GiftedChatInboxComponent.js","sources":["../../../../src/screens/inbox/components/GiftedChatInboxComponent.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useMemo } from 'react';\nimport { Platform, View, KeyboardAvoidingView, TouchableOpacity, TextInput, ScrollView, Animated } from 'react-native';\nimport { Spinner, Box, Image, HStack, Text } from '@admin-layout/gluestack-ui-mobile';\nimport { GiftedChat, Send } from 'react-native-gifted-chat';\nimport { Ionicons, MaterialCommunityIcons, MaterialIcons } from '@expo/vector-icons';\nimport colors from 'tailwindcss/colors';\n// If you have a SlackMessage component, import it:\n// import SlackMessage from './SlackMessage';\n\nexport interface GiftedChatInboxComponentProps {\n messages: any[];\n onSend: (messages: any[]) => void;\n text: string;\n onInputTextChanged: (text: string) => void;\n user: any;\n images: any[];\n onSelectImages: () => void;\n onRemoveImage: (index: number) => void;\n selectedImage: string;\n setSelectedImage: (img: string) => void;\n isUploadingImage: boolean;\n loading: boolean;\n errorMessage: string;\n notificationType?: string;\n onCloseError?: () => void;\n inputToolbarHeight?: number;\n bottomMargin?: number;\n renderMessageText?: any;\n renderActions?: any;\n renderAccessory?: any;\n renderMessage?: any;\n renderInputToolbar?: any;\n renderChatFooter?: any;\n renderLoadEarlier?: any;\n loadEarlier?: boolean;\n isLoadingEarlier?: boolean;\n totalCount?: number;\n channelMessagesLength?: number;\n keyboardVerticalOffset?: number;\n placeholder?: string;\n listViewProps?: any;\n wrapInSafeArea?: boolean;\n minComposerHeight?: number;\n maxComposerHeight?: number;\n renderFooter?: any;\n lightboxProps?: any;\n infiniteScroll?: boolean;\n alwaysShowSend?: boolean;\n minInputToolbarHeight?: number;\n textInputProps?: any;\n messagesContainerStyle?: any;\n renderHeader?: any;\n [key: string]: any;\n}\n\n// Helper to get the current ref if it's an object\nfunction getRefCurrent(ref: React.ForwardedRef<any>) {\n if (ref && typeof ref === 'object' && 'current' in ref) {\n return ref.current;\n }\n return null;\n}\n\nexport const GiftedChatInboxComponent = forwardRef<any, GiftedChatInboxComponentProps>((props, ref) => {\n const {\n messages,\n onSend,\n text,\n onInputTextChanged,\n user,\n images,\n setImages,\n onSelectImages,\n onRemoveImage,\n selectedImage,\n setSelectedImage,\n isUploadingImage,\n loading,\n errorMessage,\n notificationType = 'error',\n onCloseError,\n inputToolbarHeight = 56,\n bottomMargin = 0,\n renderMessageText,\n renderActions,\n renderAccessory,\n renderMessage,\n renderInputToolbar,\n renderChatFooter,\n renderLoadEarlier,\n loadEarlier,\n isLoadingEarlier,\n keyboardVerticalOffset = Platform.OS === 'ios' ? 64 : 0,\n placeholder = 'Jot something down',\n listViewProps,\n wrapInSafeArea = true,\n minComposerHeight = 36,\n maxComposerHeight = 100,\n renderFooter,\n lightboxProps = {\n underlayColor: 'transparent',\n springConfig: { tension: 90000, friction: 90000 },\n disabled: true,\n },\n infiniteScroll = false,\n alwaysShowSend = true,\n minInputToolbarHeight = 30,\n textInputProps = {\n multiline: true,\n returnKeyType: 'default',\n enablesReturnKeyAutomatically: true,\n placeholderTextColor: colors.gray[400],\n },\n messagesContainerStyle = { paddingTop: 8 },\n renderHeader,\n ...rest\n } = props;\n\n // Error Notification\n const renderErrorNotification = () => {\n if (!errorMessage) return null;\n return (\n <Animated.View\n style={{\n position: 'absolute',\n top: 10,\n left: 10,\n right: 10,\n backgroundColor: notificationType === 'error' ? '#f44336' : '#ff9800',\n padding: 15,\n borderRadius: 8,\n shadowColor: '#000',\n shadowOffset: { width: 0, height: 2 },\n shadowOpacity: 0.25,\n shadowRadius: 3.84,\n elevation: 5,\n zIndex: 1000,\n }}\n >\n <View style={{ flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center' }}>\n <View>\n <Text style={{ color: 'white', fontWeight: 'bold' }}>\n {notificationType === 'error' ? 'Error' : 'Warning'}\n </Text>\n </View>\n <View>\n <TouchableOpacity onPress={onCloseError}>\n <Ionicons name=\"close\" size={20} color=\"white\" />\n </TouchableOpacity>\n </View>\n </View>\n <Text style={{ color: 'white', marginTop: 5 }}>{errorMessage}</Text>\n </Animated.View>\n );\n };\n\n const renderInputToolbarDefault = useCallback(\n (props) => (\n <View style={{ backgroundColor: '#fff', paddingBottom: 4, paddingTop: 4 }}>\n <View\n style={{\n flexDirection: 'row',\n alignItems: 'center',\n minHeight: 44,\n maxHeight: 56,\n backgroundColor: '#fff',\n borderRadius: 22,\n marginHorizontal: 8,\n paddingHorizontal: 8,\n borderTopWidth: 1,\n borderTopColor: '#e0e0e0',\n }}\n >\n <TouchableOpacity\n onPress={onSelectImages}\n style={{\n width: 32,\n height: 32,\n borderRadius: 16,\n backgroundColor: '#fff',\n alignItems: 'center',\n justifyContent: 'center',\n marginRight: 8,\n }}\n >\n <MaterialIcons name=\"add\" size={24} color=\"#888\" />\n </TouchableOpacity>\n <TextInput\n ref={ref}\n style={{\n flex: 1,\n //minHeight: 36,\n maxHeight: 44,\n backgroundColor: 'transparent',\n color: '#444',\n paddingHorizontal: 8,\n paddingVertical: 0,\n alignSelf: 'center',\n textAlignVertical: 'center',\n }}\n placeholder={placeholder || 'Jot something down'}\n placeholderTextColor={colors.gray[400]}\n multiline\n value={text}\n onChangeText={onInputTextChanged}\n />\n <TouchableOpacity\n onPress={() => onSend([{ text: text }])}\n // disabled={(!messageText.trim() && images.length === 0) || isUploadingImage || loading}\n disabled={false}\n style={{\n marginLeft: 8,\n // opacity: (!messageText.trim() && images.length === 0) || isUploadingImage || loading ? 0.5 : 1,\n opacity: !text.trim() && images.length === 0 ? 0.5 : 1,\n }}\n >\n <MaterialCommunityIcons\n name=\"send-circle\"\n size={32}\n color={!text.trim() && images.length === 0 ? colors.gray[400] : colors.blue[500]}\n // color={\n // (!messageText.trim() && images.length === 0) || isUploadingImage || loading\n // ? colors.gray[400]\n // : colors.blue[500]\n // }\n />\n </TouchableOpacity>\n </View>\n {/* Selected Images Row */}\n {images && images.length > 0 && (\n <ScrollView\n horizontal\n showsHorizontalScrollIndicator={false}\n style={{ marginTop: 4, marginLeft: 8 }}\n >\n {images.map((img, index) => (\n <View\n key={`image-preview-${index}`}\n style={{\n width: 48,\n height: 48,\n marginRight: 8,\n borderRadius: 6,\n overflow: 'hidden',\n position: 'relative',\n backgroundColor: colors.gray[200],\n }}\n >\n <Image\n source={{ uri: img.uri || img.url }}\n style={{ width: '100%', height: '100%' }}\n alt={`selected image ${index + 1}`}\n />\n <TouchableOpacity\n onPress={() => {\n onRemoveImage(index);\n }}\n style={{\n position: 'absolute',\n top: 2,\n right: 2,\n backgroundColor: 'rgba(0,0,0,0.6)',\n borderRadius: 10,\n width: 20,\n height: 20,\n alignItems: 'center',\n justifyContent: 'center',\n }}\n >\n <Ionicons name=\"close\" size={14} color=\"white\" />\n </TouchableOpacity>\n </View>\n ))}\n </ScrollView>\n )}\n </View>\n ),\n [onSelectImages, text, images, isUploadingImage, loading, onSend, onRemoveImage, placeholder, ref],\n );\n\n const renderAccessoryDefault = useCallback(() => {\n if (!images.length) return null;\n return (\n <Box style={{ position: 'relative', height: 70, backgroundColor: 'transparent', justifyContent: 'center' }}>\n <ScrollView\n horizontal\n showsHorizontalScrollIndicator={false}\n style={{\n flexDirection: 'row',\n paddingLeft: 15,\n paddingRight: 5,\n }}\n contentContainerStyle={{\n alignItems: 'center',\n height: '100%',\n }}\n >\n {images.map((img, index) => (\n <View\n key={`image-preview-${index}`}\n style={{\n width: 40,\n height: 40,\n marginRight: 15,\n borderRadius: 4,\n backgroundColor: colors.gray[200],\n overflow: 'hidden',\n borderWidth: 1,\n borderColor: '#e0e0e0',\n position: 'relative',\n zIndex: 10,\n }}\n >\n <Image\n source={{ uri: img.uri || img.url }}\n style={{ width: '100%', height: '100%' }}\n alt={`selected image ${index + 1}`}\n />\n {/* Cross button at top right */}\n <TouchableOpacity\n onPress={() => {\n const newImages = [...images];\n newImages.splice(index, 1);\n setImages(newImages);\n if (newImages.length === 0) {\n setSelectedImage('');\n const inputRef = getRefCurrent(ref);\n if (inputRef && typeof inputRef.focus === 'function') {\n inputRef.focus();\n }\n }\n }}\n style={{\n position: 'absolute',\n top: -1,\n right: -1,\n backgroundColor: 'rgba(0,0,0,0.6)',\n borderRadius: 12,\n width: 20,\n height: 20,\n alignItems: 'center',\n justifyContent: 'center',\n zIndex: 9999,\n }}\n >\n <Ionicons name=\"close\" size={16} color=\"white\" />\n </TouchableOpacity>\n </View>\n ))}\n </ScrollView>\n </Box>\n );\n }, [images, setImages, setSelectedImage, ref]);\n\n return (\n <KeyboardAvoidingView\n style={{ flex: 1, justifyContent: 'flex-end', backgroundColor: '#fff' }}\n behavior={Platform.OS === 'ios' ? 'padding' : 'height'}\n keyboardVerticalOffset={keyboardVerticalOffset}\n >\n <View\n style={{\n flex: 1,\n backgroundColor: '#fff',\n position: 'relative',\n marginBottom: bottomMargin,\n }}\n >\n {renderErrorNotification()}\n {loading && <Spinner color={colors.blue[500]} />}\n <GiftedChat\n ref={ref}\n wrapInSafeArea={wrapInSafeArea}\n messages={messages}\n onSend={onSend}\n text={text}\n onInputTextChanged={onInputTextChanged}\n user={user}\n renderMessageText={renderMessageText}\n renderActions={renderActions || null}\n renderAccessory={renderAccessory || renderAccessoryDefault}\n renderMessage={renderMessage}\n renderInputToolbar={renderInputToolbar || renderInputToolbarDefault}\n renderLoading={props.renderLoading || null}\n renderChatFooter={renderChatFooter}\n renderLoadEarlier={renderLoadEarlier}\n listViewProps={listViewProps}\n loadEarlier={loadEarlier}\n isLoadingEarlier={isLoadingEarlier}\n bottomOffset={props.bottomOffset || 0}\n isKeyboardInternallyHandled={props.isKeyboardInternallyHandled || false}\n renderFooter={() => (renderFooter ? renderFooter() : null)}\n minComposerHeight={minComposerHeight}\n maxComposerHeight={maxComposerHeight}\n placeholder={placeholder || 'Jot something down'}\n lightboxProps={lightboxProps}\n infiniteScroll={infiniteScroll}\n alwaysShowSend={alwaysShowSend}\n minInputToolbarHeight={minInputToolbarHeight}\n textInputProps={textInputProps}\n messagesContainerStyle={messagesContainerStyle}\n isTyping={props.isTyping || false}\n renderChatEmpty={props.renderChatEmpty || null}\n {...rest}\n />\n </View>\n </KeyboardAvoidingView>\n );\n});\n\nexport default GiftedChatInboxComponent;\n"],"names":["React","props"],"mappings":"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"}

package/lib/screens/inbox/components/SlackMessageContainer/SlackBubble.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import React__default from'react';import {StyleSheet,TouchableHighlight,View,Text,Platform,Dimensions}from'react-native';import {MessageText,Time,utils}from'react-native-gifted-chat';import CachedImage from'../CachedImage/index.js';var __defProp = Object.defineProperty;
+import React__default from'react';import {StyleSheet,View,TouchableHighlight,Text,Platform,Dimensions}from'react-native';import {MessageText,MessageImage,Time,utils}from'react-native-gifted-chat';import CachedImage from'../CachedImage/index.js';var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
 var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
@@ -29,12 +29,16 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
 const {
   isSameUser,
   isSameDay
 } = utils;
 const windowWidth = Dimensions.get("window").width;
-const windowHeight = Dimensions.get("window").height;
+Dimensions.get("window").height;
 class Bubble extends React__default.Component {
   constructor(props) {
     super(props);
@@ -60,41 +64,151 @@ class Bubble extends React__default.Component {
     return null;
   }
   renderMessageImage() {
-    if (this.props.currentMessage.image) {
-      const _a = this.props, {
-        containerStyle,
-        wrapperStyle
-      } = _a, messageImageProps = __objRest(_a, [
-        "containerStyle",
-        "wrapperStyle"
-      ]);
+    const _a = this.props, {
+      currentMessage,
+      containerStyle,
+      wrapperStyle
+    } = _a, messageImageProps = __objRest(_a, [
+      "currentMessage",
+      "containerStyle",
+      "wrapperStyle"
+    ]);
+    if (currentMessage.images && Array.isArray(currentMessage.images) && currentMessage.images.length > 0) {
+      const validImages = currentMessage.images.filter((url) => url && typeof url === "string");
+      if (validImages.length === 0) {
+        return null;
+      }
+      return /* @__PURE__ */ React__default.createElement(View, { style: {
+        marginVertical: 0
+      } }, /* @__PURE__ */ React__default.createElement(View, { style: {
+        flexDirection: "row",
+        flexWrap: "wrap",
+        gap: 8
+      } }, validImages.map((imageUrl, index) => {
+        const isLocalImage = imageUrl.startsWith("file:") || imageUrl.startsWith("data:") || imageUrl.startsWith("content:") || !imageUrl.startsWith("http://") && !imageUrl.startsWith("https://");
+        const imageSize = validImages.length === 1 ? {
+          width: windowWidth * 0.6,
+          height: windowWidth * 0.4
+        } : {
+          width: windowWidth * 0.3,
+          height: windowWidth * 0.3
+        };
+        const isUploading = currentMessage.isUploading;
+        return /* @__PURE__ */ React__default.createElement(TouchableHighlight, { key: `image-${index}-${currentMessage._id}`, underlayColor: "transparent", onPress: () => {
+          if (isUploading)
+            return;
+          const imageObject = {
+            _id: `${currentMessage._id}-img-${index}`,
+            image: imageUrl
+          };
+          this.props.setImageViewer(imageObject, true);
+        } }, /* @__PURE__ */ React__default.createElement(View, { style: __spreadProps(__spreadValues({}, imageSize), {
+          maxHeight: 200,
+          borderRadius: 8,
+          overflow: "hidden",
+          borderWidth: 1,
+          borderColor: "#e0e0e0",
+          backgroundColor: "#f7f7f7"
+        }) }, isLocalImage ? /* @__PURE__ */ React__default.createElement(View, { style: {
+          width: "100%",
+          height: "100%"
+        } }, /* @__PURE__ */ React__default.createElement(MessageImage, __spreadProps(__spreadValues({}, messageImageProps), { currentMessage: __spreadProps(__spreadValues({}, currentMessage), {
+          image: imageUrl
+        }), imageStyle: {
+          width: "100%",
+          height: "100%",
+          borderRadius: 8
+        } })), isUploading && /* @__PURE__ */ React__default.createElement(View, { style: {
+          position: "absolute",
+          top: 0,
+          left: 0,
+          right: 0,
+          bottom: 0,
+          backgroundColor: "rgba(0,0,0,0.2)",
+          justifyContent: "center",
+          alignItems: "center"
+        } }, /* @__PURE__ */ React__default.createElement(Text, { style: {
+          color: "white",
+          fontWeight: "bold"
+        } }, "Uploading..."))) : /* @__PURE__ */ React__default.createElement(CachedImage, { style: [styles.slackImage, {
+          width: "100%",
+          height: "100%"
+        }], cacheKey: `${currentMessage._id}-img-${index}-slack-bubble-imageKey`, source: {
+          uri: imageUrl,
+          expiresIn: 86400
+        }, resizeMode: "cover", alt: "image", placeholderContent: /* @__PURE__ */ React__default.createElement(View, { style: [styles.slackImage, {
+          width: "100%",
+          height: "100%",
+          backgroundColor: "#e1e1e1",
+          justifyContent: "center",
+          alignItems: "center",
+          borderRadius: 8
+        }] }, /* @__PURE__ */ React__default.createElement(Text, null, isUploading ? "Uploading..." : "Loading...")) })));
+      })));
+    }
+    if (currentMessage.image) {
       if (this.props.renderMessageImage) {
         return this.props.renderMessageImage(messageImageProps);
       }
       const {
         image,
         _id
-      } = messageImageProps == null ? void 0 : messageImageProps.currentMessage;
-      return /* @__PURE__ */ React__default.createElement(
-        TouchableHighlight,
-        {
-          underlayColor: "transparent",
-          style: {
-            width: "100%"
-          },
-          onPress: () => this.props.setImageViewer(messageImageProps == null ? void 0 : messageImageProps.currentMessage, true)
-        },
-        /* @__PURE__ */ React__default.createElement(View, { style: {
-          width: windowWidth - (windowWidth - 150),
-          height: windowHeight - (windowHeight - 100)
-        } }, /* @__PURE__ */ React__default.createElement(CachedImage, { style: [styles.slackImage, {
-          width: "100%",
-          height: "100%"
-        }], cacheKey: `${_id}-slack-bubble-imageKey`, source: {
-          uri: image,
-          expiresIn: 86400
-        }, resizeMode: "cover", alt: "image" }))
-      );
+      } = currentMessage;
+      if (!image || typeof image !== "string") {
+        return null;
+      }
+      const isLocalImage = image.startsWith("file:") || image.startsWith("data:") || image.startsWith("content:") || !image.startsWith("http://") && !image.startsWith("https://");
+      const isUploading = currentMessage.isUploading;
+      return /* @__PURE__ */ React__default.createElement(TouchableHighlight, { underlayColor: "transparent", style: {
+        width: "100%",
+        marginVertical: 0
+      }, onPress: () => {
+        if (isUploading)
+          return;
+        this.props.setImageViewer(currentMessage, true);
+      } }, /* @__PURE__ */ React__default.createElement(View, { style: {
+        width: windowWidth * 0.6,
+        height: windowWidth * 0.4,
+        maxHeight: 200,
+        borderRadius: 8,
+        overflow: "hidden",
+        borderWidth: 1,
+        borderColor: "#e0e0e0",
+        backgroundColor: "#f7f7f7"
+      } }, isLocalImage ? /* @__PURE__ */ React__default.createElement(View, { style: {
+        width: "100%",
+        height: "100%",
+        position: "relative"
+      } }, /* @__PURE__ */ React__default.createElement(MessageImage, __spreadProps(__spreadValues({}, messageImageProps), { imageStyle: {
+        width: "100%",
+        height: "100%",
+        borderRadius: 8
+      } })), isUploading && /* @__PURE__ */ React__default.createElement(View, { style: {
+        position: "absolute",
+        top: 0,
+        left: 0,
+        right: 0,
+        bottom: 0,
+        backgroundColor: "rgba(0,0,0,0.2)",
+        justifyContent: "center",
+        alignItems: "center"
+      } }, /* @__PURE__ */ React__default.createElement(Text, { style: {
+        color: "white",
+        fontWeight: "bold"
+      } }, "Uploading..."))) : /* @__PURE__ */ React__default.createElement(CachedImage, { style: [styles.slackImage, {
+        width: "100%",
+        height: "100%"
+      }], cacheKey: `${_id}-slack-bubble-imageKey`, source: {
+        uri: image,
+        expiresIn: 86400
+      }, resizeMode: "cover", alt: "image", placeholderContent: /* @__PURE__ */ React__default.createElement(View, { style: [styles.slackImage, {
+        width: "100%",
+        height: "100%",
+        backgroundColor: "#e1e1e1",
+        justifyContent: "center",
+        alignItems: "center",
+        borderRadius: 8
+      }] }, /* @__PURE__ */ React__default.createElement(Text, null, isUploading ? "Uploading..." : "Loading...")) })));
     }
     return null;
   }
@@ -173,6 +287,8 @@ class Bubble extends React__default.Component {
     ));
   }
 }
+__publicField(Bubble, "defaultProps");
+__publicField(Bubble, "propTypes");
 const styles = StyleSheet.create({
   standardFont: {
     fontSize: 15