@getsoren/react-native-design-system 1.32.1

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

@@ -0,0 +1,75 @@
+"use strict";
+
+import { useTheme } from "@rneui/themed";
+import { StyleSheet, TextInput, View } from "react-native";
+import Stack from "../../../Layout/Stack";
+import Icon from "../../Icon";
+import Text from "../../Text";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const INPUT_HEIGHT = 38;
+const styles = StyleSheet.create({
+  input: {
+    flex: 1,
+    height: INPUT_HEIGHT
+  },
+  inputContainer: {
+    borderWidth: 1,
+    height: INPUT_HEIGHT
+  }
+});
+const ChatSearchBar = ({
+  value,
+  onChangeText,
+  placeholder,
+  autoFocus,
+  helperText
+}) => {
+  const {
+    theme
+  } = useTheme();
+  return /*#__PURE__*/_jsxs(View, {
+    style: {
+      paddingBottom: theme.spacing.sm,
+      paddingTop: theme.spacing.xs
+    },
+    children: [/*#__PURE__*/_jsxs(Stack, {
+      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__*/_jsx(Icon, {
+        name: "search",
+        color: theme.colors.textSecondary,
+        style: {
+          transform: [{
+            scale: 0.8
+          }]
+        }
+      }), /*#__PURE__*/_jsx(TextInput, {
+        value: value,
+        onChangeText: onChangeText,
+        placeholder: placeholder ?? "Search...",
+        placeholderTextColor: theme.colors.textSecondary,
+        style: [styles.input, {
+          color: theme.colors.text
+        }],
+        autoFocus: autoFocus
+      })]
+    }), helperText && /*#__PURE__*/_jsx(Text, {
+      body2: true,
+      style: {
+        color: theme.colors.textSecondary,
+        marginLeft: theme.spacing.sm,
+        marginTop: theme.spacing.xs
+      },
+      children: helperText
+    })]
+  });
+};
+export default ChatSearchBar;
+//# sourceMappingURL=ChatSearchBar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useTheme","StyleSheet","TextInput","View","Stack","Icon","Text","jsx","_jsx","jsxs","_jsxs","INPUT_HEIGHT","styles","create","input","flex","height","inputContainer","borderWidth","ChatSearchBar","value","onChangeText","placeholder","autoFocus","helperText","theme","style","paddingBottom","spacing","sm","paddingTop","xs","children","direction","align","backgroundColor","colors","background","borderColor","outlineBorder","borderRadius","radius","paddingHorizontal","md","name","color","textSecondary","transform","scale","placeholderTextColor","text","body2","marginLeft","marginTop"],"sourceRoot":"../../../../../../src","sources":["components/DataDisplay/Chat/components/ChatSearchBar.tsx"],"mappings":";;AAAA,SAASA,QAAQ,QAAQ,eAAe;AACxC,SAASC,UAAU,EAAEC,SAAS,EAAEC,IAAI,QAAQ,cAAc;AAC1D,OAAOC,KAAK,MAAM,uBAAuB;AACzC,OAAOC,IAAI,MAAM,YAAY;AAC7B,OAAOC,IAAI,MAAM,YAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAU9B,MAAMC,YAAY,GAAG,EAAE;AAEvB,MAAMC,MAAM,GAAGX,UAAU,CAACY,MAAM,CAAC;EAC/BC,KAAK,EAAE;IACLC,IAAI,EAAE,CAAC;IACPC,MAAM,EAAEL;EACV,CAAC;EACDM,cAAc,EAAE;IACdC,WAAW,EAAE,CAAC;IACdF,MAAM,EAAEL;EACV;AACF,CAAC,CAAC;AAEF,MAAMQ,aAAa,GAAGA,CAAC;EAAEC,KAAK;EAAEC,YAAY;EAAEC,WAAW;EAAEC,SAAS;EAAEC;AAA+B,CAAC,KAAK;EACzG,MAAM;IAAEC;EAAM,CAAC,GAAGzB,QAAQ,CAAC,CAAC;EAE5B,oBACEU,KAAA,CAACP,IAAI;IAACuB,KAAK,EAAE;MAAEC,aAAa,EAAEF,KAAK,CAACG,OAAO,CAACC,EAAE;MAAEC,UAAU,EAAEL,KAAK,CAACG,OAAO,CAACG;IAAG,CAAE;IAAAC,QAAA,gBAC7EtB,KAAA,CAACN,KAAK;MACJ6B,SAAS,EAAC,KAAK;MACfC,KAAK,EAAC,QAAQ;MACdN,OAAO,EAAC,IAAI;MACZF,KAAK,EAAE,CACLd,MAAM,CAACK,cAAc,EACrB;QACEkB,eAAe,EAAEV,KAAK,CAACW,MAAM,CAACC,UAAU;QACxCC,WAAW,EAAEb,KAAK,CAACW,MAAM,CAACG,aAAa;QACvCC,YAAY,EAAEf,KAAK,CAACgB,MAAM,CAACZ,EAAE,GAAG,CAAC;QACjCa,iBAAiB,EAAEjB,KAAK,CAACG,OAAO,CAACe;MACnC,CAAC,CACD;MAAAX,QAAA,gBAEFxB,IAAA,CAACH,IAAI;QAACuC,IAAI,EAAC,QAAQ;QAACC,KAAK,EAAEpB,KAAK,CAACW,MAAM,CAACU,aAAc;QAACpB,KAAK,EAAE;UAAEqB,SAAS,EAAE,CAAC;YAAEC,KAAK,EAAE;UAAI,CAAC;QAAE;MAAE,CAAE,CAAC,eACjGxC,IAAA,CAACN,SAAS;QACRkB,KAAK,EAAEA,KAAM;QACbC,YAAY,EAAEA,YAAa;QAC3BC,WAAW,EAAEA,WAAW,IAAI,WAAY;QACxC2B,oBAAoB,EAAExB,KAAK,CAACW,MAAM,CAACU,aAAc;QACjDpB,KAAK,EAAE,CAACd,MAAM,CAACE,KAAK,EAAE;UAAE+B,KAAK,EAAEpB,KAAK,CAACW,MAAM,CAACc;QAAK,CAAC,CAAE;QACpD3B,SAAS,EAAEA;MAAU,CACtB,CAAC;IAAA,CACG,CAAC,EACPC,UAAU,iBACThB,IAAA,CAACF,IAAI;MAAC6C,KAAK;MAACzB,KAAK,EAAE;QAAEmB,KAAK,EAAEpB,KAAK,CAACW,MAAM,CAACU,aAAa;QAAEM,UAAU,EAAE3B,KAAK,CAACG,OAAO,CAACC,EAAE;QAAEwB,SAAS,EAAE5B,KAAK,CAACG,OAAO,CAACG;MAAG,CAAE;MAAAC,QAAA,EACjHR;IAAU,CACP,CACP;EAAA,CACG,CAAC;AAEX,CAAC;AAED,eAAeL,aAAa","ignoreList":[]}

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

@@ -0,0 +1,214 @@
+"use strict";
+
+import { Skeleton, useTheme } from "@rneui/themed";
+import { FlashList } from "@shopify/flash-list";
+import { useCallback, useEffect, useRef } from "react";
+import { Keyboard, StyleSheet, View } from "react-native";
+import Stack from "../../../Layout/Stack";
+import Text from "../../Text";
+import ensureUtc from "../utils/ensureUtc";
+import ChatMessageBubble from "./ChatMessageBubble";
+import ChatMessageInput from "./ChatMessageInput";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const isSameDay = (a, b) => {
+  const da = new Date(ensureUtc(a));
+  const db = new Date(ensureUtc(b));
+  return da.getFullYear() === db.getFullYear() && da.getMonth() === db.getMonth() && da.getDate() === db.getDate();
+};
+const defaultFormatDayLabel = date => {
+  const d = new Date(ensureUtc(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 = StyleSheet.create({
+  container: {
+    flex: 1
+  }
+});
+const ChatThreadDetail = ({
+  messages,
+  participants,
+  currentUserId,
+  isLoading,
+  onSendMessage,
+  avatarSrcResolver,
+  renderAfterBubble,
+  formatDayLabel,
+  placeholder,
+  safeArea,
+  autoFocus,
+  inputRef
+}) => {
+  const {
+    theme
+  } = useTheme();
+  const getDayLabel = formatDayLabel ?? defaultFormatDayLabel;
+  const listRef = useRef(null);
+
+  /**
+   * Scroll to bottom when keyboard opens, but only if there are messages (i.e. not on initial load)
+   */
+  useEffect(() => {
+    const sub = Keyboard.addListener("keyboardDidShow", () => {
+      if (messages?.length) {
+        listRef.current?.scrollToIndex({
+          animated: true,
+          index: messages.length - 1
+        });
+      }
+    });
+    return () => sub.remove();
+  }, [messages?.length]);
+  const renderItem = useCallback(({
+    item,
+    index
+  }) => {
+    const previousMessage = messages?.[index - 1];
+    const showDayDivider = !(previousMessage && isSameDay(item.createdAt, previousMessage.createdAt));
+    const isOwn = item.authorId === currentUserId;
+    return /*#__PURE__*/_jsxs(View, {
+      style: {
+        marginVertical: theme.spacing.sm
+      },
+      children: [showDayDivider && /*#__PURE__*/_jsxs(Stack, {
+        direction: "row",
+        align: "center",
+        style: {
+          marginBottom: theme.spacing.xl,
+          marginTop: theme.spacing.xs
+        },
+        children: [/*#__PURE__*/_jsx(View, {
+          style: {
+            backgroundColor: theme.colors.divider,
+            flex: 1,
+            height: 1
+          }
+        }), /*#__PURE__*/_jsx(Text, {
+          body3: true,
+          color: "textSecondary",
+          children: getDayLabel(item.createdAt)
+        }), /*#__PURE__*/_jsx(View, {
+          style: {
+            backgroundColor: theme.colors.divider,
+            flex: 1,
+            height: 1
+          }
+        })]
+      }), /*#__PURE__*/_jsx(ChatMessageBubble, {
+        message: item,
+        isOwn: isOwn,
+        participants: participants,
+        avatarSrcResolver: avatarSrcResolver,
+        renderAfterBubble: renderAfterBubble ? () => renderAfterBubble(item) : undefined
+      })]
+    });
+  }, [messages, currentUserId, participants, avatarSrcResolver, renderAfterBubble, getDayLabel, theme]);
+  return /*#__PURE__*/_jsxs(View, {
+    style: styles.container,
+    children: [isLoading ? /*#__PURE__*/_jsx(View, {
+      style: {
+        flex: 1,
+        padding: theme.spacing.lg
+      },
+      children: Array.from({
+        length: 6
+      }, (_, i) => {
+        const isOwn = i % 2 !== 0;
+        if (isOwn) {
+          return /*#__PURE__*/_jsxs(View, {
+            style: {
+              alignItems: "flex-end",
+              marginVertical: theme.spacing.sm
+            },
+            children: [/*#__PURE__*/_jsx(Skeleton, {
+              width: 180,
+              height: 48,
+              style: {
+                borderRadius: theme.radius.lg
+              }
+            }), /*#__PURE__*/_jsx(Text, {
+              body3: true,
+              isLoading: true,
+              skeletonWidth: 40,
+              style: {
+                marginTop: theme.spacing.xs
+              }
+            })]
+          }, i);
+        }
+        return /*#__PURE__*/_jsxs(View, {
+          style: {
+            flexDirection: "row",
+            gap: theme.spacing.sm,
+            marginVertical: theme.spacing.sm
+          },
+          children: [/*#__PURE__*/_jsx(Skeleton, {
+            circle: true,
+            width: 40,
+            height: 40
+          }), /*#__PURE__*/_jsxs(View, {
+            children: [/*#__PURE__*/_jsxs(View, {
+              style: {
+                flexDirection: "row",
+                gap: theme.spacing.xs,
+                marginBottom: theme.spacing.xs
+              },
+              children: [/*#__PURE__*/_jsx(Text, {
+                h4: true,
+                isLoading: true,
+                skeletonWidth: 80
+              }), /*#__PURE__*/_jsx(Text, {
+                body3: true,
+                isLoading: true,
+                skeletonWidth: 35
+              })]
+            }), /*#__PURE__*/_jsx(Skeleton, {
+              width: 220,
+              height: 48,
+              style: {
+                borderRadius: theme.radius.lg
+              }
+            })]
+          })]
+        }, i);
+      })
+    }) : /*#__PURE__*/_jsx(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__*/_jsx(ChatMessageInput, {
+      inputRef: inputRef,
+      onSend: onSendMessage,
+      placeholder: placeholder,
+      safeArea: safeArea,
+      isLoading: isLoading,
+      autoFocus: autoFocus
+    })]
+  });
+};
+export default ChatThreadDetail;
+//# sourceMappingURL=ChatThreadDetail.js.map

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

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

package/lib/module/components/DataDisplay/Chat/components/ChatThreadHeader.js

@@ -0,0 +1,78 @@
+"use strict";
+
+import { useCallback, useState } from "react";
+import { Pressable, StyleSheet } from "react-native";
+import Stack from "../../../Layout/Stack";
+import HeaderBackButton from "../../../Navigation/HeaderBackButton";
+import Avatar from "../../Avatar";
+import Icon from "../../Icon";
+import Text from "../../Text";
+import ChatParticipantModal from "./ChatParticipantModal";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+const styles = StyleSheet.create({
+  title: {
+    flex: 1
+  }
+});
+const ChatThreadHeader = ({
+  title,
+  avatarSource,
+  onAddParticipants,
+  onDialogOpenChange,
+  onSearchParticipants,
+  participantSearchResults,
+  isSearchingParticipants,
+  avatarSrcResolver,
+  participantLabels
+}) => {
+  const [dialogOpen, setDialogOpen] = useState(false);
+  const handleOpen = useCallback(() => {
+    setDialogOpen(true);
+    onDialogOpenChange?.(true);
+  }, [onDialogOpenChange]);
+  const handleClose = useCallback(() => {
+    setDialogOpen(false);
+    onDialogOpenChange?.(false);
+  }, [onDialogOpenChange]);
+  const handleConfirm = useCallback(participants => {
+    onAddParticipants?.(participants);
+    setDialogOpen(false);
+    onDialogOpenChange?.(false);
+  }, [onAddParticipants, onDialogOpenChange]);
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsxs(Stack, {
+      direction: "row",
+      align: "center",
+      spacing: "sm",
+      style: {
+        flex: 1
+      },
+      children: [/*#__PURE__*/_jsx(HeaderBackButton, {}), avatarSource && /*#__PURE__*/_jsx(Avatar, {
+        rounded: true,
+        size: 32,
+        source: avatarSource
+      }), /*#__PURE__*/_jsx(Text, {
+        h4: true,
+        numberOfLines: 1,
+        style: styles.title,
+        children: title
+      }), onAddParticipants && /*#__PURE__*/_jsx(Pressable, {
+        onPress: handleOpen,
+        children: /*#__PURE__*/_jsx(Icon, {
+          name: "user-add"
+        })
+      })]
+    }), onAddParticipants && /*#__PURE__*/_jsx(ChatParticipantModal, {
+      isVisible: dialogOpen,
+      onClose: handleClose,
+      onConfirm: handleConfirm,
+      onSearch: onSearchParticipants ?? (() => {}),
+      searchResults: participantSearchResults,
+      isSearchLoading: isSearchingParticipants,
+      avatarSrcResolver: avatarSrcResolver,
+      labels: participantLabels
+    })]
+  });
+};
+export default ChatThreadHeader;
+//# sourceMappingURL=ChatThreadHeader.js.map

package/lib/module/components/DataDisplay/Chat/components/ChatThreadHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useCallback","useState","Pressable","StyleSheet","Stack","HeaderBackButton","Avatar","Icon","Text","ChatParticipantModal","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","styles","create","title","flex","ChatThreadHeader","avatarSource","onAddParticipants","onDialogOpenChange","onSearchParticipants","participantSearchResults","isSearchingParticipants","avatarSrcResolver","participantLabels","dialogOpen","setDialogOpen","handleOpen","handleClose","handleConfirm","participants","children","direction","align","spacing","style","rounded","size","source","h4","numberOfLines","onPress","name","isVisible","onClose","onConfirm","onSearch","searchResults","isSearchLoading","labels"],"sourceRoot":"../../../../../../src","sources":["components/DataDisplay/Chat/components/ChatThreadHeader.tsx"],"mappings":"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","ignoreList":[]}