@getsoren/react-native-design-system 1.32.1

package/lib/commonjs/components/DataDisplay/Chat/components/ChatParticipantModal.js

@@ -0,0 +1,275 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _themed = require("@rneui/themed");
+var _flashList = require("@shopify/flash-list");
+var _react = require("react");
+var _reactNative = require("react-native");
+var _reactNativeSafeAreaContext = require("react-native-safe-area-context");
+var _BottomSheetContent = _interopRequireDefault(require("../../../Feedback/BottomSheetContent"));
+var _Button = _interopRequireDefault(require("../../../Inputs/Button"));
+var _Chip = _interopRequireDefault(require("../../../Inputs/Chip"));
+var _Stack = _interopRequireDefault(require("../../../Layout/Stack"));
+var _Avatar = _interopRequireDefault(require("../../Avatar"));
+var _Icon = _interopRequireDefault(require("../../Icon"));
+var _CloseIcon = _interopRequireDefault(require("../../Icon/CloseIcon"));
+var _Text = _interopRequireDefault(require("../../Text"));
+var _ChatSearchBar = _interopRequireDefault(require("./ChatSearchBar"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const AVATAR_SIZE = 40;
+const styles = _reactNative.StyleSheet.create({
+  chipsContainer: {
+    flexDirection: "row",
+    flexWrap: "wrap"
+  },
+  header: {
+    alignItems: "center",
+    flexDirection: "row",
+    justifyContent: "space-between"
+  },
+  optionItem: {
+    alignItems: "center",
+    flexDirection: "row"
+  },
+  optionTexts: {
+    flex: 1
+  }
+});
+const getFullName = user => `${user.firstName} ${user.lastName}`;
+const ChatParticipantModal = ({
+  isVisible,
+  onClose,
+  onConfirm,
+  onSearch,
+  searchResults,
+  isSearchLoading,
+  avatarSrcResolver,
+  labels
+}) => {
+  const [query, setQuery] = (0, _react.useState)("");
+  const [selectedParticipants, setSelectedParticipants] = (0, _react.useState)([]);
+  const {
+    theme
+  } = (0, _themed.useTheme)();
+  const {
+    top
+  } = (0, _reactNativeSafeAreaContext.useSafeAreaInsets)();
+  const handleSearch = (0, _react.useCallback)(text => {
+    setQuery(text);
+    onSearch(text);
+  }, [onSearch]);
+  const handleConfirm = (0, _react.useCallback)(() => {
+    if (!selectedParticipants.length) {
+      return;
+    }
+    onConfirm(selectedParticipants);
+    setSelectedParticipants([]);
+    setQuery("");
+    onClose();
+  }, [selectedParticipants, onConfirm, onClose]);
+  const handleClose = (0, _react.useCallback)(() => {
+    setSelectedParticipants([]);
+    setQuery("");
+    onClose();
+  }, [onClose]);
+  const toggleParticipant = (0, _react.useCallback)(user => {
+    setSelectedParticipants(prev => {
+      const exists = prev.some(p => p.id === user.id);
+      return exists ? prev.filter(p => p.id !== user.id) : [...prev, user];
+    });
+  }, []);
+  const removeParticipant = (0, _react.useCallback)(userId => {
+    setSelectedParticipants(prev => prev.filter(p => p.id !== userId));
+  }, []);
+  const renderItem = (0, _react.useCallback)(({
+    item
+  }) => {
+    const isSelected = selectedParticipants.some(p => p.id === item.id);
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Pressable, {
+      onPress: () => toggleParticipant(item),
+      style: ({
+        pressed
+      }) => [styles.optionItem, {
+        paddingVertical: theme.spacing.md
+      }, pressed && {
+        opacity: 0.7
+      }],
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Avatar.default, {
+        rounded: true,
+        size: AVATAR_SIZE,
+        source: {
+          initials: `${item.firstName.charAt(0)}${item.lastName.charAt(0)}`.toUpperCase(),
+          uri: avatarSrcResolver?.(item.avatar)
+        }
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: [styles.optionTexts, {
+          marginLeft: theme.spacing.md
+        }],
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.default, {
+          style: {
+            color: theme.colors.text,
+            textTransform: "capitalize"
+          },
+          children: getFullName(item)
+        }), item.email && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.default, {
+          body2: true,
+          style: {
+            color: theme.colors.textSecondary
+          },
+          children: item.email
+        })]
+      }), isSelected && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: {
+          marginLeft: theme.spacing.sm
+        },
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
+          name: "check-circle-filled",
+          color: theme.colors.primary
+        })
+      })]
+    });
+  }, [selectedParticipants, toggleParticipant, avatarSrcResolver, theme]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Modal, {
+    transparent: true,
+    animationType: "fade",
+    visible: isVisible,
+    onRequestClose: handleClose,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: {
+        backgroundColor: theme.colors.backdropOverlay,
+        flex: 1
+      },
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_BottomSheetContent.default, {
+        containerStyle: {
+          flex: 1,
+          marginTop: top
+        },
+        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.KeyboardAvoidingView, {
+          behavior: _reactNative.Platform.OS === "ios" ? "padding" : undefined,
+          keyboardVerticalOffset: top,
+          style: {
+            flex: 1
+          },
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+            style: {
+              flex: 1
+            },
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+              style: [styles.header, {
+                marginBottom: theme.spacing.lg
+              }],
+              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.default, {
+                h2: true,
+                children: labels?.title ?? "New conversation"
+              }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+                onPress: handleClose,
+                children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
+                  name: "close",
+                  color: theme.colors.textSecondary
+                })
+              })]
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChatSearchBar.default, {
+              autoFocus: true,
+              value: query,
+              onChangeText: handleSearch,
+              placeholder: labels?.searchContacts ?? "Search contacts...",
+              helperText: labels?.searchHelperText
+            }), selectedParticipants.length > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+              style: [styles.chipsContainer, {
+                gap: theme.spacing.xs,
+                paddingTop: theme.spacing.sm
+              }],
+              children: selectedParticipants.map(p => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Chip.default, {
+                title: getFullName(p),
+                size: "sm",
+                iconRight: true,
+                icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+                  style: {
+                    alignItems: "center",
+                    height: 12,
+                    justifyContent: "center",
+                    width: 12
+                  },
+                  children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CloseIcon.default, {
+                    style: {
+                      transform: [{
+                        scale: 0.5
+                      }]
+                    },
+                    color: theme.colors.textSecondary
+                  })
+                }),
+                onPress: () => removeParticipant(p.id)
+              }, p.id))
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+              style: {
+                flex: 1,
+                marginTop: theme.spacing.xs
+              },
+              children: isSearchLoading ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Stack.default, {
+                spacing: "md",
+                children: Array.from({
+                  length: 2
+                }, (_, i) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+                  style: {
+                    alignItems: "center",
+                    flexDirection: "row",
+                    paddingVertical: theme.spacing.md
+                  },
+                  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_themed.Skeleton, {
+                    circle: true,
+                    width: AVATAR_SIZE,
+                    height: AVATAR_SIZE
+                  }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+                    style: {
+                      flex: 1,
+                      gap: theme.spacing.xs,
+                      marginLeft: theme.spacing.md
+                    },
+                    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_themed.Skeleton, {
+                      width: 140,
+                      height: 14
+                    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_themed.Skeleton, {
+                      width: 180,
+                      height: 12
+                    })]
+                  })]
+                }, i))
+              }) : searchResults?.length ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_flashList.FlashList, {
+                data: searchResults,
+                renderItem: renderItem,
+                keyExtractor: item => item.id,
+                keyboardShouldPersistTaps: "handled"
+              }) : query.length > 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+                style: {
+                  alignItems: "center",
+                  paddingVertical: theme.spacing.xl
+                },
+                children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.default, {
+                  style: {
+                    color: theme.colors.textSecondary
+                  },
+                  children: labels?.noResults ?? "No result"
+                })
+              }) : null
+            })]
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
+            title: labels?.confirm ?? "Confirm",
+            onPress: handleConfirm,
+            disabled: !selectedParticipants.length,
+            containerStyle: {
+              marginBottom: theme.spacing.md,
+              marginTop: theme.spacing.xs
+            }
+          })]
+        })
+      })
+    })
+  });
+};
+var _default = exports.default = ChatParticipantModal;
+//# sourceMappingURL=ChatParticipantModal.js.map

package/lib/commonjs/components/DataDisplay/Chat/components/ChatParticipantModal.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_themed","require","_flashList","_react","_reactNative","_reactNativeSafeAreaContext","_BottomSheetContent","_interopRequireDefault","_Button","_Chip","_Stack","_Avatar","_Icon","_CloseIcon","_Text","_ChatSearchBar","_jsxRuntime","e","__esModule","default","AVATAR_SIZE","styles","StyleSheet","create","chipsContainer","flexDirection","flexWrap","header","alignItems","justifyContent","optionItem","optionTexts","flex","getFullName","user","firstName","lastName","ChatParticipantModal","isVisible","onClose","onConfirm","onSearch","searchResults","isSearchLoading","avatarSrcResolver","labels","query","setQuery","useState","selectedParticipants","setSelectedParticipants","theme","useTheme","top","useSafeAreaInsets","handleSearch","useCallback","text","handleConfirm","length","handleClose","toggleParticipant","prev","exists","some","p","id","filter","removeParticipant","userId","renderItem","item","isSelected","jsxs","Pressable","onPress","style","pressed","paddingVertical","spacing","md","opacity","children","jsx","rounded","size","source","initials","charAt","toUpperCase","uri","avatar","View","marginLeft","color","colors","textTransform","email","body2","textSecondary","sm","name","primary","Modal","transparent","animationType","visible","onRequestClose","backgroundColor","backdropOverlay","containerStyle","marginTop","KeyboardAvoidingView","behavior","Platform","OS","undefined","keyboardVerticalOffset","marginBottom","lg","h2","title","autoFocus","value","onChangeText","placeholder","searchContacts","helperText","searchHelperText","gap","xs","paddingTop","map","iconRight","icon","height","width","transform","scale","Array","from","_","i","Skeleton","circle","FlashList","data","keyExtractor","keyboardShouldPersistTaps","xl","noResults","confirm","disabled","_default","exports"],"sourceRoot":"../../../../../../src","sources":["components/DataDisplay/Chat/components/ChatParticipantModal.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/DataDisplay/Chat/components/ChatSearchBar.js

@@ -0,0 +1,80 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _themed = require("@rneui/themed");
+var _reactNative = require("react-native");
+var _Stack = _interopRequireDefault(require("../../../Layout/Stack"));
+var _Icon = _interopRequireDefault(require("../../Icon"));
+var _Text = _interopRequireDefault(require("../../Text"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const INPUT_HEIGHT = 38;
+const styles = _reactNative.StyleSheet.create({
+  input: {
+    flex: 1,
+    height: INPUT_HEIGHT
+  },
+  inputContainer: {
+    borderWidth: 1,
+    height: INPUT_HEIGHT
+  }
+});
+const ChatSearchBar = ({
+  value,
+  onChangeText,
+  placeholder,
+  autoFocus,
+  helperText
+}) => {
+  const {
+    theme
+  } = (0, _themed.useTheme)();
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: {
+      paddingBottom: theme.spacing.sm,
+      paddingTop: theme.spacing.xs
+    },
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_Stack.default, {
+      direction: "row",
+      align: "center",
+      spacing: "xs",
+      style: [styles.inputContainer, {
+        backgroundColor: theme.colors.background,
+        borderColor: theme.colors.outlineBorder,
+        borderRadius: theme.radius.sm + 2,
+        paddingHorizontal: theme.spacing.md
+      }],
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
+        name: "search",
+        color: theme.colors.textSecondary,
+        style: {
+          transform: [{
+            scale: 0.8
+          }]
+        }
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TextInput, {
+        value: value,
+        onChangeText: onChangeText,
+        placeholder: placeholder ?? "Search...",
+        placeholderTextColor: theme.colors.textSecondary,
+        style: [styles.input, {
+          color: theme.colors.text
+        }],
+        autoFocus: autoFocus
+      })]
+    }), helperText && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.default, {
+      body2: true,
+      style: {
+        color: theme.colors.textSecondary,
+        marginLeft: theme.spacing.sm,
+        marginTop: theme.spacing.xs
+      },
+      children: helperText
+    })]
+  });
+};
+var _default = exports.default = ChatSearchBar;
+//# sourceMappingURL=ChatSearchBar.js.map

package/lib/commonjs/components/DataDisplay/Chat/components/ChatSearchBar.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_themed","require","_reactNative","_Stack","_interopRequireDefault","_Icon","_Text","_jsxRuntime","e","__esModule","default","INPUT_HEIGHT","styles","StyleSheet","create","input","flex","height","inputContainer","borderWidth","ChatSearchBar","value","onChangeText","placeholder","autoFocus","helperText","theme","useTheme","jsxs","View","style","paddingBottom","spacing","sm","paddingTop","xs","children","direction","align","backgroundColor","colors","background","borderColor","outlineBorder","borderRadius","radius","paddingHorizontal","md","jsx","name","color","textSecondary","transform","scale","TextInput","placeholderTextColor","text","body2","marginLeft","marginTop","_default","exports"],"sourceRoot":"../../../../../../src","sources":["components/DataDisplay/Chat/components/ChatSearchBar.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/DataDisplay/Chat/components/ChatThreadDetail.js

@@ -0,0 +1,219 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _themed = require("@rneui/themed");
+var _flashList = require("@shopify/flash-list");
+var _react = require("react");
+var _reactNative = require("react-native");
+var _Stack = _interopRequireDefault(require("../../../Layout/Stack"));
+var _Text = _interopRequireDefault(require("../../Text"));
+var _ensureUtc = _interopRequireDefault(require("../utils/ensureUtc"));
+var _ChatMessageBubble = _interopRequireDefault(require("./ChatMessageBubble"));
+var _ChatMessageInput = _interopRequireDefault(require("./ChatMessageInput"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const isSameDay = (a, b) => {
+  const da = new Date((0, _ensureUtc.default)(a));
+  const db = new Date((0, _ensureUtc.default)(b));
+  return da.getFullYear() === db.getFullYear() && da.getMonth() === db.getMonth() && da.getDate() === db.getDate();
+};
+const defaultFormatDayLabel = date => {
+  const d = new Date((0, _ensureUtc.default)(date));
+  const today = new Date();
+  today.setHours(0, 0, 0, 0);
+  const yesterday = new Date(today);
+  yesterday.setDate(yesterday.getDate() - 1);
+  const dayStart = new Date(d);
+  dayStart.setHours(0, 0, 0, 0);
+  if (dayStart.getTime() === today.getTime()) {
+    return "Today";
+  }
+  if (dayStart.getTime() === yesterday.getTime()) {
+    return "Yesterday";
+  }
+  return d.toLocaleDateString(undefined, {
+    day: "numeric",
+    month: "long",
+    weekday: "long"
+  });
+};
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    flex: 1
+  }
+});
+const ChatThreadDetail = ({
+  messages,
+  participants,
+  currentUserId,
+  isLoading,
+  onSendMessage,
+  avatarSrcResolver,
+  renderAfterBubble,
+  formatDayLabel,
+  placeholder,
+  safeArea,
+  autoFocus,
+  inputRef
+}) => {
+  const {
+    theme
+  } = (0, _themed.useTheme)();
+  const getDayLabel = formatDayLabel ?? defaultFormatDayLabel;
+  const listRef = (0, _react.useRef)(null);
+
+  /**
+   * Scroll to bottom when keyboard opens, but only if there are messages (i.e. not on initial load)
+   */
+  (0, _react.useEffect)(() => {
+    const sub = _reactNative.Keyboard.addListener("keyboardDidShow", () => {
+      if (messages?.length) {
+        listRef.current?.scrollToIndex({
+          animated: true,
+          index: messages.length - 1
+        });
+      }
+    });
+    return () => sub.remove();
+  }, [messages?.length]);
+  const renderItem = (0, _react.useCallback)(({
+    item,
+    index
+  }) => {
+    const previousMessage = messages?.[index - 1];
+    const showDayDivider = !(previousMessage && isSameDay(item.createdAt, previousMessage.createdAt));
+    const isOwn = item.authorId === currentUserId;
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: {
+        marginVertical: theme.spacing.sm
+      },
+      children: [showDayDivider && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Stack.default, {
+        direction: "row",
+        align: "center",
+        style: {
+          marginBottom: theme.spacing.xl,
+          marginTop: theme.spacing.xs
+        },
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+          style: {
+            backgroundColor: theme.colors.divider,
+            flex: 1,
+            height: 1
+          }
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.default, {
+          body3: true,
+          color: "textSecondary",
+          children: getDayLabel(item.createdAt)
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+          style: {
+            backgroundColor: theme.colors.divider,
+            flex: 1,
+            height: 1
+          }
+        })]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChatMessageBubble.default, {
+        message: item,
+        isOwn: isOwn,
+        participants: participants,
+        avatarSrcResolver: avatarSrcResolver,
+        renderAfterBubble: renderAfterBubble ? () => renderAfterBubble(item) : undefined
+      })]
+    });
+  }, [messages, currentUserId, participants, avatarSrcResolver, renderAfterBubble, getDayLabel, theme]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: styles.container,
+    children: [isLoading ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: {
+        flex: 1,
+        padding: theme.spacing.lg
+      },
+      children: Array.from({
+        length: 6
+      }, (_, i) => {
+        const isOwn = i % 2 !== 0;
+        if (isOwn) {
+          return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+            style: {
+              alignItems: "flex-end",
+              marginVertical: theme.spacing.sm
+            },
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_themed.Skeleton, {
+              width: 180,
+              height: 48,
+              style: {
+                borderRadius: theme.radius.lg
+              }
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.default, {
+              body3: true,
+              isLoading: true,
+              skeletonWidth: 40,
+              style: {
+                marginTop: theme.spacing.xs
+              }
+            })]
+          }, i);
+        }
+        return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+          style: {
+            flexDirection: "row",
+            gap: theme.spacing.sm,
+            marginVertical: theme.spacing.sm
+          },
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_themed.Skeleton, {
+            circle: true,
+            width: 40,
+            height: 40
+          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+              style: {
+                flexDirection: "row",
+                gap: theme.spacing.xs,
+                marginBottom: theme.spacing.xs
+              },
+              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.default, {
+                h4: true,
+                isLoading: true,
+                skeletonWidth: 80
+              }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.default, {
+                body3: true,
+                isLoading: true,
+                skeletonWidth: 35
+              })]
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_themed.Skeleton, {
+              width: 220,
+              height: 48,
+              style: {
+                borderRadius: theme.radius.lg
+              }
+            })]
+          })]
+        }, i);
+      })
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_flashList.FlashList, {
+      ref: listRef,
+      data: messages,
+      renderItem: renderItem,
+      keyExtractor: item => String(item.id),
+      contentContainerStyle: {
+        paddingHorizontal: theme.spacing.lg,
+        paddingVertical: theme.spacing.md
+      },
+      initialScrollIndex: messages?.length ? messages.length - 1 : undefined,
+      maintainVisibleContentPosition: {
+        autoscrollToBottomThreshold: 100
+      }
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChatMessageInput.default, {
+      inputRef: inputRef,
+      onSend: onSendMessage,
+      placeholder: placeholder,
+      safeArea: safeArea,
+      isLoading: isLoading,
+      autoFocus: autoFocus
+    })]
+  });
+};
+var _default = exports.default = ChatThreadDetail;
+//# sourceMappingURL=ChatThreadDetail.js.map

package/lib/commonjs/components/DataDisplay/Chat/components/ChatThreadDetail.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_themed","require","_flashList","_react","_reactNative","_Stack","_interopRequireDefault","_Text","_ensureUtc","_ChatMessageBubble","_ChatMessageInput","_jsxRuntime","e","__esModule","default","isSameDay","a","b","da","Date","ensureUtc","db","getFullYear","getMonth","getDate","defaultFormatDayLabel","date","d","today","setHours","yesterday","setDate","dayStart","getTime","toLocaleDateString","undefined","day","month","weekday","styles","StyleSheet","create","container","flex","ChatThreadDetail","messages","participants","currentUserId","isLoading","onSendMessage","avatarSrcResolver","renderAfterBubble","formatDayLabel","placeholder","safeArea","autoFocus","inputRef","theme","useTheme","getDayLabel","listRef","useRef","useEffect","sub","Keyboard","addListener","length","current","scrollToIndex","animated","index","remove","renderItem","useCallback","item","previousMessage","showDayDivider","createdAt","isOwn","authorId","jsxs","View","style","marginVertical","spacing","sm","children","direction","align","marginBottom","xl","marginTop","xs","jsx","backgroundColor","colors","divider","height","body3","color","message","padding","lg","Array","from","_","i","alignItems","Skeleton","width","borderRadius","radius","skeletonWidth","flexDirection","gap","circle","h4","FlashList","ref","data","keyExtractor","String","id","contentContainerStyle","paddingHorizontal","paddingVertical","md","initialScrollIndex","maintainVisibleContentPosition","autoscrollToBottomThreshold","onSend","_default","exports"],"sourceRoot":"../../../../../../src","sources":["components/DataDisplay/Chat/components/ChatThreadDetail.tsx"],"mappings":"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","ignoreList":[]}