@droppii-org/chat-mobile 0.2.7 → 0.2.8

package/lib/module/components/messages/fileMessage/index.js

@@ -0,0 +1,26 @@
+"use strict";
+
+import { memo } from 'react';
+import { KContainer, KLabel } from '@droppii/libs';
+import { CHAT_BUBBLE_COLORS } from "../../../screens/chat-detail/constants.js";
+import { messageStyles } from "../styles.js";
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+export const FileMessage = /*#__PURE__*/memo(({
+  message,
+  isOutgoing
+}) => {
+  const fileName = message.fileElem?.fileName || message.content || '[File]';
+  return /*#__PURE__*/_jsx(KContainer.View, {
+    style: messageStyles.wrapper,
+    children: /*#__PURE__*/_jsx(KContainer.View, {
+      style: [messageStyles.bubble, isOutgoing ? messageStyles.bubbleSent : messageStyles.bubbleReceived],
+      children: /*#__PURE__*/_jsxs(KLabel.Text, {
+        typo: "TextSmNormal",
+        color: CHAT_BUBBLE_COLORS.text,
+        children: ["\uD83D\uDCCE ", fileName]
+      })
+    })
+  });
+});
+FileMessage.displayName = 'FileMessage';
+//# sourceMappingURL=index.js.map

package/lib/module/components/messages/fileMessage/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["memo","KContainer","KLabel","CHAT_BUBBLE_COLORS","messageStyles","jsxs","_jsxs","jsx","_jsx","FileMessage","message","isOutgoing","fileName","fileElem","content","View","style","wrapper","children","bubble","bubbleSent","bubbleReceived","Text","typo","color","text","displayName"],"sourceRoot":"../../../../../src","sources":["components/messages/fileMessage/index.tsx"],"mappings":";;AAAA,SAASA,IAAI,QAAQ,OAAO;AAC5B,SAASC,UAAU,EAAEC,MAAM,QAAQ,eAAe;AAClD,SAASC,kBAAkB,QAAQ,2CAAwC;AAC3E,SAASC,aAAa,QAAQ,cAAW;AAAC,SAAAC,IAAA,IAAAC,KAAA,EAAAC,GAAA,IAAAC,IAAA;AAG1C,OAAO,MAAMC,WAAW,gBAAGT,IAAI,CAC7B,CAAC;EAAEU,OAAO;EAAEC;AAAmC,CAAC,KAAK;EACnD,MAAMC,QAAQ,GAAGF,OAAO,CAACG,QAAQ,EAAED,QAAQ,IAAIF,OAAO,CAACI,OAAO,IAAI,QAAQ;EAE1E,oBACEN,IAAA,CAACP,UAAU,CAACc,IAAI;IAACC,KAAK,EAAEZ,aAAa,CAACa,OAAQ;IAAAC,QAAA,eAC5CV,IAAA,CAACP,UAAU,CAACc,IAAI;MACdC,KAAK,EAAE,CACLZ,aAAa,CAACe,MAAM,EACpBR,UAAU,GACNP,aAAa,CAACgB,UAAU,GACxBhB,aAAa,CAACiB,cAAc,CAChC;MAAAH,QAAA,eAEFZ,KAAA,CAACJ,MAAM,CAACoB,IAAI;QAACC,IAAI,EAAC,cAAc;QAACC,KAAK,EAAErB,kBAAkB,CAACsB,IAAK;QAAAP,QAAA,GAAC,eAC5D,EAACN,QAAQ;MAAA,CACD;IAAC,CACC;EAAC,CACH,CAAC;AAEtB,CACF,CAAC;AAEDH,WAAW,CAACiB,WAAW,GAAG,aAAa","ignoreList":[]}

package/lib/module/components/messages/imageMessage/index.js

@@ -0,0 +1,118 @@
+"use strict";
+
+import { memo, useState, useCallback, useMemo } from 'react';
+import { StyleSheet, Image, useWindowDimensions } from 'react-native';
+import { KContainer, KImage } from '@droppii/libs';
+import ChatImageDimens from "../../../utils/chatImageDimens.js";
+import { messageStyles } from "../styles.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const ImageMessage = /*#__PURE__*/memo(({
+  message,
+  onMediaPress
+}) => {
+  const windowWidth = useWindowDimensions().width;
+  const [isLoading, setIsLoading] = useState(true);
+  const pictureElem = message.pictureElem;
+  const rawImageUrl = pictureElem?.snapshotPicture?.url || pictureElem?.bigPicture?.url || pictureElem?.sourcePicture?.url;
+
+  // Calculate dimensions respecting aspect ratio and 80% device width
+  const imageDimensions = useMemo(() => {
+    if (!rawImageUrl) return {
+      width: 250,
+      height: 250
+    };
+    const responseWidth = pictureElem?.width || pictureElem?.bigPicture?.width || pictureElem?.snapshotPicture?.width;
+    const responseHeight = pictureElem?.height || pictureElem?.bigPicture?.height || pictureElem?.snapshotPicture?.height;
+    let imgWidth = responseWidth;
+    let imgHeight = responseHeight;
+
+    // If no dimensions in response, try to resolve from image source
+    if (!imgWidth || !imgHeight) {
+      try {
+        const source = Image.resolveAssetSource({
+          uri: rawImageUrl
+        });
+        imgWidth = source?.width || 300;
+        imgHeight = source?.height || 300;
+      } catch {
+        // Fallback to default if resolution fails
+        imgWidth = 300;
+        imgHeight = 300;
+      }
+    }
+    const aspectRatio = imgWidth / imgHeight;
+    // Account for all margins/padding: use 75% of window width with buffer
+    const horizontalBuffer = 16; // Left and right combined buffer
+    const maxWidth = Math.floor(windowWidth * 0.75 - horizontalBuffer);
+
+    // Calculate final dimensions
+    let finalWidth = maxWidth;
+    let finalHeight = maxWidth / aspectRatio;
+
+    // Cap maximum height to avoid overly tall images
+    const maxHeight = 500;
+    if (finalHeight > maxHeight) {
+      finalHeight = maxHeight;
+      finalWidth = finalHeight * aspectRatio;
+    }
+    return {
+      width: Math.round(finalWidth),
+      height: Math.round(finalHeight)
+    };
+  }, [pictureElem, rawImageUrl, windowWidth]);
+  const handleLoadEnd = useCallback(() => {
+    setIsLoading(false);
+  }, []);
+  const handlePress = useCallback(() => {
+    onMediaPress?.([{
+      url: rawImageUrl
+    }], 0);
+  }, [onMediaPress, rawImageUrl]);
+  if (!rawImageUrl) {
+    return null;
+  }
+
+  // Use dynamic optimization matching calculated dimensions
+  const optimizedUrl = ChatImageDimens.getOptimizedImageUrlWithDimensions(rawImageUrl, imageDimensions.width, imageDimensions.height);
+  return /*#__PURE__*/_jsx(KContainer.View, {
+    style: [messageStyles.wrapper, styles.wrapper],
+    children: /*#__PURE__*/_jsxs(KContainer.Touchable, {
+      onPress: handlePress,
+      style: [messageStyles.imageBubble, styles.imageContainer, {
+        width: imageDimensions.width,
+        height: imageDimensions.height
+      }],
+      children: [/*#__PURE__*/_jsx(KImage.Base, {
+        uri: optimizedUrl,
+        width: imageDimensions.width,
+        height: imageDimensions.height,
+        style: [messageStyles.imageBubble],
+        onLoadEnd: handleLoadEnd
+      }), isLoading && /*#__PURE__*/_jsx(KContainer.View, {
+        style: styles.skeleton
+      })]
+    })
+  });
+});
+ImageMessage.displayName = 'ImageMessage';
+const styles = StyleSheet.create({
+  wrapper: {
+    // paddingRight: 8,
+    overflow: 'hidden'
+  },
+  skeleton: {
+    position: 'absolute',
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0,
+    backgroundColor: '#f0f0f0',
+    borderRadius: 8
+  },
+  imageContainer: {
+    position: 'relative',
+    overflow: 'hidden',
+    borderRadius: 8
+  }
+});
+//# sourceMappingURL=index.js.map

package/lib/module/components/messages/imageMessage/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["memo","useState","useCallback","useMemo","StyleSheet","Image","useWindowDimensions","KContainer","KImage","ChatImageDimens","messageStyles","jsx","_jsx","jsxs","_jsxs","ImageMessage","message","onMediaPress","windowWidth","width","isLoading","setIsLoading","pictureElem","rawImageUrl","snapshotPicture","url","bigPicture","sourcePicture","imageDimensions","height","responseWidth","responseHeight","imgWidth","imgHeight","source","resolveAssetSource","uri","aspectRatio","horizontalBuffer","maxWidth","Math","floor","finalWidth","finalHeight","maxHeight","round","handleLoadEnd","handlePress","optimizedUrl","getOptimizedImageUrlWithDimensions","View","style","wrapper","styles","children","Touchable","onPress","imageBubble","imageContainer","Base","onLoadEnd","skeleton","displayName","create","overflow","position","top","left","right","bottom","backgroundColor","borderRadius"],"sourceRoot":"../../../../../src","sources":["components/messages/imageMessage/index.tsx"],"mappings":";;AAAA,SAASA,IAAI,EAAEC,QAAQ,EAAEC,WAAW,EAAEC,OAAO,QAAQ,OAAO;AAC5D,SAASC,UAAU,EAAEC,KAAK,EAAEC,mBAAmB,QAAQ,cAAc;AACrE,SAASC,UAAU,EAAEC,MAAM,QAAQ,eAAe;AAClD,OAAOC,eAAe,MAAM,mCAAgC;AAC5D,SAASC,aAAa,QAAQ,cAAW;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAG1C,OAAO,MAAMC,YAAY,gBAAGf,IAAI,CAC9B,CAAC;EAAEgB,OAAO;EAAEC;AAAqC,CAAC,KAAK;EACrD,MAAMC,WAAW,GAAGZ,mBAAmB,CAAC,CAAC,CAACa,KAAK;EAC/C,MAAM,CAACC,SAAS,EAAEC,YAAY,CAAC,GAAGpB,QAAQ,CAAC,IAAI,CAAC;EAChD,MAAMqB,WAAW,GAAIN,OAAO,CAASM,WAAW;EAChD,MAAMC,WAAW,GACfD,WAAW,EAAEE,eAAe,EAAEC,GAAG,IACjCH,WAAW,EAAEI,UAAU,EAAED,GAAG,IAC5BH,WAAW,EAAEK,aAAa,EAAEF,GAAG;;EAEjC;EACA,MAAMG,eAAe,GAAGzB,OAAO,CAAC,MAAM;IACpC,IAAI,CAACoB,WAAW,EAAE,OAAO;MAAEJ,KAAK,EAAE,GAAG;MAAEU,MAAM,EAAE;IAAI,CAAC;IAEpD,MAAMC,aAAa,GACjBR,WAAW,EAAEH,KAAK,IAClBG,WAAW,EAAEI,UAAU,EAAEP,KAAK,IAC9BG,WAAW,EAAEE,eAAe,EAAEL,KAAK;IACrC,MAAMY,cAAc,GAClBT,WAAW,EAAEO,MAAM,IACnBP,WAAW,EAAEI,UAAU,EAAEG,MAAM,IAC/BP,WAAW,EAAEE,eAAe,EAAEK,MAAM;IAEtC,IAAIG,QAAQ,GAAGF,aAAa;IAC5B,IAAIG,SAAS,GAAGF,cAAc;;IAE9B;IACA,IAAI,CAACC,QAAQ,IAAI,CAACC,SAAS,EAAE;MAC3B,IAAI;QACF,MAAMC,MAAM,GAAG7B,KAAK,CAAC8B,kBAAkB,CAAC;UAAEC,GAAG,EAAEb;QAAY,CAAC,CAAC;QAC7DS,QAAQ,GAAGE,MAAM,EAAEf,KAAK,IAAI,GAAG;QAC/Bc,SAAS,GAAGC,MAAM,EAAEL,MAAM,IAAI,GAAG;MACnC,CAAC,CAAC,MAAM;QACN;QACAG,QAAQ,GAAG,GAAG;QACdC,SAAS,GAAG,GAAG;MACjB;IACF;IAEA,MAAMI,WAAW,GAAGL,QAAQ,GAAGC,SAAS;IACxC;IACA,MAAMK,gBAAgB,GAAG,EAAE,CAAC,CAAC;IAC7B,MAAMC,QAAQ,GAAGC,IAAI,CAACC,KAAK,CAACvB,WAAW,GAAG,IAAI,GAAGoB,gBAAgB,CAAC;;IAElE;IACA,IAAII,UAAU,GAAGH,QAAQ;IACzB,IAAII,WAAW,GAAGJ,QAAQ,GAAGF,WAAW;;IAExC;IACA,MAAMO,SAAS,GAAG,GAAG;IACrB,IAAID,WAAW,GAAGC,SAAS,EAAE;MAC3BD,WAAW,GAAGC,SAAS;MACvBF,UAAU,GAAGC,WAAW,GAAGN,WAAW;IACxC;IAEA,OAAO;MACLlB,KAAK,EAAEqB,IAAI,CAACK,KAAK,CAACH,UAAU,CAAC;MAC7Bb,MAAM,EAAEW,IAAI,CAACK,KAAK,CAACF,WAAW;IAChC,CAAC;EACH,CAAC,EAAE,CAACrB,WAAW,EAAEC,WAAW,EAAEL,WAAW,CAAC,CAAC;EAE3C,MAAM4B,aAAa,GAAG5C,WAAW,CAAC,MAAM;IACtCmB,YAAY,CAAC,KAAK,CAAC;EACrB,CAAC,EAAE,EAAE,CAAC;EAEN,MAAM0B,WAAW,GAAG7C,WAAW,CAAC,MAAM;IACpCe,YAAY,GAAG,CAAC;MAAEQ,GAAG,EAAEF;IAAY,CAAC,CAAC,EAAE,CAAC,CAAC;EAC3C,CAAC,EAAE,CAACN,YAAY,EAAEM,WAAW,CAAC,CAAC;EAE/B,IAAI,CAACA,WAAW,EAAE;IAChB,OAAO,IAAI;EACb;;EAEA;EACA,MAAMyB,YAAY,GAAGvC,eAAe,CAACwC,kCAAkC,CACrE1B,WAAW,EACXK,eAAe,CAACT,KAAK,EACrBS,eAAe,CAACC,MAClB,CAAC;EAED,oBACEjB,IAAA,CAACL,UAAU,CAAC2C,IAAI;IAACC,KAAK,EAAE,CAACzC,aAAa,CAAC0C,OAAO,EAAEC,MAAM,CAACD,OAAO,CAAE;IAAAE,QAAA,eAC9DxC,KAAA,CAACP,UAAU,CAACgD,SAAS;MACnBC,OAAO,EAAET,WAAY;MACrBI,KAAK,EAAE,CACLzC,aAAa,CAAC+C,WAAW,EACzBJ,MAAM,CAACK,cAAc,EACrB;QACEvC,KAAK,EAAES,eAAe,CAACT,KAAK;QAC5BU,MAAM,EAAED,eAAe,CAACC;MAC1B,CAAC,CACD;MAAAyB,QAAA,gBAEF1C,IAAA,CAACJ,MAAM,CAACmD,IAAI;QACVvB,GAAG,EAAEY,YAAa;QAClB7B,KAAK,EAAES,eAAe,CAACT,KAAM;QAC7BU,MAAM,EAAED,eAAe,CAACC,MAAO;QAC/BsB,KAAK,EAAE,CAACzC,aAAa,CAAC+C,WAAW,CAAE;QACnCG,SAAS,EAAEd;MAAc,CAC1B,CAAC,EAED1B,SAAS,iBAAIR,IAAA,CAACL,UAAU,CAAC2C,IAAI;QAACC,KAAK,EAAEE,MAAM,CAACQ;MAAS,CAAE,CAAC;IAAA,CACrC;EAAC,CACR,CAAC;AAEtB,CACF,CAAC;AAED9C,YAAY,CAAC+C,WAAW,GAAG,cAAc;AAEzC,MAAMT,MAAM,GAAGjD,UAAU,CAAC2D,MAAM,CAAC;EAC/BX,OAAO,EAAE;IACP;IACAY,QAAQ,EAAE;EACZ,CAAC;EACDH,QAAQ,EAAE;IACRI,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAE,CAAC;IACNC,IAAI,EAAE,CAAC;IACPC,KAAK,EAAE,CAAC;IACRC,MAAM,EAAE,CAAC;IACTC,eAAe,EAAE,SAAS;IAC1BC,YAAY,EAAE;EAChB,CAAC;EACDb,cAAc,EAAE;IACdO,QAAQ,EAAE,UAAU;IACpBD,QAAQ,EAAE,QAAQ;IAClBO,YAAY,EAAE;EAChB;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/messages/linkMessage/index.js

@@ -0,0 +1,122 @@
+"use strict";
+
+import { memo } from 'react';
+import { Linking, StyleSheet } from 'react-native';
+import { KContainer, KImage, KLabel, KColors, KSpacingValue } from '@droppii/libs';
+import { formatMessageTime } from "../types.js";
+import { CHAT_BUBBLE_COLORS } from "../../../screens/chat-detail/constants.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const parseUrlMetadata = ex => {
+  if (!ex) return undefined;
+  try {
+    const parsed = JSON.parse(ex);
+    // Handle nested urlMetadata structure
+    return parsed.urlMetadata || parsed;
+  } catch {
+    return undefined;
+  }
+};
+const renderTextWithLinks = (content, urls) => {
+  if (!urls.length) {
+    return /*#__PURE__*/_jsx(KLabel.Text, {
+      typo: "TextMdNormal",
+      children: content
+    });
+  }
+  return /*#__PURE__*/_jsx(KLabel.Text, {
+    typo: "TextMdNormal",
+    color: CHAT_BUBBLE_COLORS.text,
+    children: content
+  });
+};
+export const LinkMessage = /*#__PURE__*/memo(({
+  message,
+  isOutgoing,
+  createdAtTime
+}) => {
+  const content = message?.urlTextElem?.content;
+  const urls = message?.urlTextElem?.urls ?? [];
+  const metadata = parseUrlMetadata(message.ex);
+  const timeLabel = formatMessageTime(createdAtTime);
+  return /*#__PURE__*/_jsxs(KContainer.View, {
+    style: styles.wrapper,
+    children: [/*#__PURE__*/_jsxs(KContainer.View, {
+      style: [styles.bubble, isOutgoing ? styles.bubbleSent : styles.bubbleReceived],
+      children: [!!content?.trim() && /*#__PURE__*/_jsx(KContainer.View, {
+        style: styles.textRow,
+        children: renderTextWithLinks(content, urls)
+      }), metadata && /*#__PURE__*/_jsxs(KContainer.Touchable, {
+        style: styles.card,
+        onPress: () => metadata.url && Linking.openURL(metadata.url),
+        children: [!!metadata.image && /*#__PURE__*/_jsx(KContainer.View, {
+          style: styles.cardThumb,
+          children: /*#__PURE__*/_jsx(KImage.Base, {
+            uri: metadata.image,
+            style: StyleSheet.absoluteFill,
+            resizeMode: "cover"
+          })
+        }), /*#__PURE__*/_jsxs(KContainer.View, {
+          style: styles.cardBody,
+          children: [!!metadata.title && /*#__PURE__*/_jsx(KLabel.Text, {
+            typo: "TextNmMedium",
+            color: KColors.palette.gray.w900,
+            numberOfLines: 1,
+            children: metadata.title
+          }), !!metadata.url && /*#__PURE__*/_jsx(KLabel.Text, {
+            typo: "TextXsMedium",
+            color: KColors.palette.primary.w400,
+            numberOfLines: 1,
+            children: metadata.url
+          }), !!metadata.description && /*#__PURE__*/_jsx(KLabel.Text, {
+            typo: "TextXsNormal",
+            color: KColors.gray.normal,
+            numberOfLines: 2,
+            children: metadata.description
+          })]
+        })]
+      })]
+    }), !isOutgoing && timeLabel ? /*#__PURE__*/_jsx(KLabel.Text, {
+      typo: "TextXsNormal",
+      color: CHAT_BUBBLE_COLORS.timestamp,
+      marginL: "0.25rem",
+      children: timeLabel
+    }) : null]
+  });
+});
+LinkMessage.displayName = 'LinkMessage';
+const styles = StyleSheet.create({
+  wrapper: {
+    maxWidth: '80%'
+  },
+  bubble: {
+    paddingHorizontal: KSpacingValue['0.75rem'],
+    paddingVertical: KSpacingValue['0.5rem'],
+    borderRadius: KSpacingValue['1.25rem']
+  },
+  bubbleReceived: {
+    backgroundColor: CHAT_BUBBLE_COLORS.received
+  },
+  bubbleSent: {
+    backgroundColor: CHAT_BUBBLE_COLORS.sent
+  },
+  textRow: {
+    paddingHorizontal: KSpacingValue['0.25rem']
+  },
+  card: {
+    borderRadius: KSpacingValue['0.75rem'],
+    borderWidth: 1,
+    borderColor: 'rgba(57,62,64,0.1)',
+    backgroundColor: KColors.white,
+    overflow: 'hidden'
+  },
+  cardThumb: {
+    width: '100%',
+    aspectRatio: 16 / 9
+  },
+  cardBody: {
+    paddingHorizontal: KSpacingValue['0.75rem'],
+    paddingVertical: KSpacingValue['0.5rem'],
+    gap: 2
+  }
+});
+//# sourceMappingURL=index.js.map

package/lib/module/components/messages/linkMessage/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["memo","Linking","StyleSheet","KContainer","KImage","KLabel","KColors","KSpacingValue","formatMessageTime","CHAT_BUBBLE_COLORS","jsx","_jsx","jsxs","_jsxs","parseUrlMetadata","ex","undefined","parsed","JSON","parse","urlMetadata","renderTextWithLinks","content","urls","length","Text","typo","children","color","text","LinkMessage","message","isOutgoing","createdAtTime","urlTextElem","metadata","timeLabel","View","style","styles","wrapper","bubble","bubbleSent","bubbleReceived","trim","textRow","Touchable","card","onPress","url","openURL","image","cardThumb","Base","uri","absoluteFill","resizeMode","cardBody","title","palette","gray","w900","numberOfLines","primary","w400","description","normal","timestamp","marginL","displayName","create","maxWidth","paddingHorizontal","paddingVertical","borderRadius","backgroundColor","received","sent","borderWidth","borderColor","white","overflow","width","aspectRatio","gap"],"sourceRoot":"../../../../../src","sources":["components/messages/linkMessage/index.tsx"],"mappings":";;AAAA,SAASA,IAAI,QAAQ,OAAO;AAC5B,SAASC,OAAO,EAAEC,UAAU,QAAQ,cAAc;AAClD,SACEC,UAAU,EACVC,MAAM,EACNC,MAAM,EACNC,OAAO,EACPC,aAAa,QACR,eAAe;AAGtB,SAASC,iBAAiB,QAAQ,aAAU;AAC5C,SAASC,kBAAkB,QAAQ,2CAAwC;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAQ5E,MAAMC,gBAAgB,GAAIC,EAAW,IAA+B;EAClE,IAAI,CAACA,EAAE,EAAE,OAAOC,SAAS;EACzB,IAAI;IACF,MAAMC,MAAM,GAAGC,IAAI,CAACC,KAAK,CAACJ,EAAE,CAAQ;IACpC;IACA,OAAOE,MAAM,CAACG,WAAW,IAAIH,MAAM;EACrC,CAAC,CAAC,MAAM;IACN,OAAOD,SAAS;EAClB;AACF,CAAC;AAED,MAAMK,mBAAmB,GAAGA,CAACC,OAAe,EAAEC,IAAc,KAAK;EAC/D,IAAI,CAACA,IAAI,CAACC,MAAM,EAAE;IAChB,oBAAOb,IAAA,CAACN,MAAM,CAACoB,IAAI;MAACC,IAAI,EAAC,cAAc;MAAAC,QAAA,EAAEL;IAAO,CAAc,CAAC;EACjE;EAEA,oBACEX,IAAA,CAACN,MAAM,CAACoB,IAAI;IAACC,IAAI,EAAC,cAAc;IAACE,KAAK,EAAEnB,kBAAkB,CAACoB,IAAK;IAAAF,QAAA,EAC7DL;EAAO,CACG,CAAC;AAElB,CAAC;AAED,OAAO,MAAMQ,WAAW,gBAAG9B,IAAI,CAC7B,CAAC;EAAE+B,OAAO;EAAEC,UAAU;EAAEC;AAAsC,CAAC,KAAK;EAClE,MAAMX,OAAO,GAAGS,OAAO,EAAEG,WAAW,EAAEZ,OAAO;EAC7C,MAAMC,IAAI,GAAGQ,OAAO,EAAEG,WAAW,EAAEX,IAAI,IAAI,EAAE;EAC7C,MAAMY,QAAQ,GAAGrB,gBAAgB,CAACiB,OAAO,CAAChB,EAAE,CAAC;EAC7C,MAAMqB,SAAS,GAAG5B,iBAAiB,CAACyB,aAAa,CAAC;EAElD,oBACEpB,KAAA,CAACV,UAAU,CAACkC,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACC,OAAQ;IAAAb,QAAA,gBACrCd,KAAA,CAACV,UAAU,CAACkC,IAAI;MACdC,KAAK,EAAE,CACLC,MAAM,CAACE,MAAM,EACbT,UAAU,GAAGO,MAAM,CAACG,UAAU,GAAGH,MAAM,CAACI,cAAc,CACtD;MAAAhB,QAAA,GAED,CAAC,CAACL,OAAO,EAAEsB,IAAI,CAAC,CAAC,iBAChBjC,IAAA,CAACR,UAAU,CAACkC,IAAI;QAACC,KAAK,EAAEC,MAAM,CAACM,OAAQ;QAAAlB,QAAA,EACpCN,mBAAmB,CAACC,OAAO,EAAEC,IAAI;MAAC,CACpB,CAClB,EAEAY,QAAQ,iBACPtB,KAAA,CAACV,UAAU,CAAC2C,SAAS;QACnBR,KAAK,EAAEC,MAAM,CAACQ,IAAK;QACnBC,OAAO,EAAEA,CAAA,KAAMb,QAAQ,CAACc,GAAG,IAAIhD,OAAO,CAACiD,OAAO,CAACf,QAAQ,CAACc,GAAG,CAAE;QAAAtB,QAAA,GAE5D,CAAC,CAACQ,QAAQ,CAACgB,KAAK,iBACfxC,IAAA,CAACR,UAAU,CAACkC,IAAI;UAACC,KAAK,EAAEC,MAAM,CAACa,SAAU;UAAAzB,QAAA,eACvChB,IAAA,CAACP,MAAM,CAACiD,IAAI;YACVC,GAAG,EAAEnB,QAAQ,CAACgB,KAAM;YACpBb,KAAK,EAAEpC,UAAU,CAACqD,YAAa;YAC/BC,UAAU,EAAC;UAAO,CACnB;QAAC,CACa,CAClB,eACD3C,KAAA,CAACV,UAAU,CAACkC,IAAI;UAACC,KAAK,EAAEC,MAAM,CAACkB,QAAS;UAAA9B,QAAA,GACrC,CAAC,CAACQ,QAAQ,CAACuB,KAAK,iBACf/C,IAAA,CAACN,MAAM,CAACoB,IAAI;YACVC,IAAI,EAAC,cAAc;YACnBE,KAAK,EAAEtB,OAAO,CAACqD,OAAO,CAACC,IAAI,CAACC,IAAK;YACjCC,aAAa,EAAE,CAAE;YAAAnC,QAAA,EAEhBQ,QAAQ,CAACuB;UAAK,CACJ,CACd,EACA,CAAC,CAACvB,QAAQ,CAACc,GAAG,iBACbtC,IAAA,CAACN,MAAM,CAACoB,IAAI;YACVC,IAAI,EAAC,cAAc;YACnBE,KAAK,EAAEtB,OAAO,CAACqD,OAAO,CAACI,OAAO,CAACC,IAAK;YACpCF,aAAa,EAAE,CAAE;YAAAnC,QAAA,EAEhBQ,QAAQ,CAACc;UAAG,CACF,CACd,EACA,CAAC,CAACd,QAAQ,CAAC8B,WAAW,iBACrBtD,IAAA,CAACN,MAAM,CAACoB,IAAI;YACVC,IAAI,EAAC,cAAc;YACnBE,KAAK,EAAEtB,OAAO,CAACsD,IAAI,CAACM,MAAO;YAC3BJ,aAAa,EAAE,CAAE;YAAAnC,QAAA,EAEhBQ,QAAQ,CAAC8B;UAAW,CACV,CACd;QAAA,CACc,CAAC;MAAA,CACE,CACvB;IAAA,CACc,CAAC,EAEjB,CAACjC,UAAU,IAAII,SAAS,gBACvBzB,IAAA,CAACN,MAAM,CAACoB,IAAI;MACVC,IAAI,EAAC,cAAc;MACnBE,KAAK,EAAEnB,kBAAkB,CAAC0D,SAAU;MACpCC,OAAO,EAAC,SAAS;MAAAzC,QAAA,EAEhBS;IAAS,CACC,CAAC,GACZ,IAAI;EAAA,CACO,CAAC;AAEtB,CACF,CAAC;AAEDN,WAAW,CAACuC,WAAW,GAAG,aAAa;AAEvC,MAAM9B,MAAM,GAAGrC,UAAU,CAACoE,MAAM,CAAC;EAC/B9B,OAAO,EAAE;IACP+B,QAAQ,EAAE;EACZ,CAAC;EACD9B,MAAM,EAAE;IACN+B,iBAAiB,EAAEjE,aAAa,CAAC,SAAS,CAAC;IAC3CkE,eAAe,EAAElE,aAAa,CAAC,QAAQ,CAAC;IACxCmE,YAAY,EAAEnE,aAAa,CAAC,SAAS;EACvC,CAAC;EACDoC,cAAc,EAAE;IACdgC,eAAe,EAAElE,kBAAkB,CAACmE;EACtC,CAAC;EACDlC,UAAU,EAAE;IACViC,eAAe,EAAElE,kBAAkB,CAACoE;EACtC,CAAC;EACDhC,OAAO,EAAE;IACP2B,iBAAiB,EAAEjE,aAAa,CAAC,SAAS;EAC5C,CAAC;EACDwC,IAAI,EAAE;IACJ2B,YAAY,EAAEnE,aAAa,CAAC,SAAS,CAAC;IACtCuE,WAAW,EAAE,CAAC;IACdC,WAAW,EAAE,oBAAoB;IACjCJ,eAAe,EAAErE,OAAO,CAAC0E,KAAK;IAC9BC,QAAQ,EAAE;EACZ,CAAC;EACD7B,SAAS,EAAE;IACT8B,KAAK,EAAE,MAAM;IACbC,WAAW,EAAE,EAAE,GAAG;EACpB,CAAC;EACD1B,QAAQ,EAAE;IACRe,iBAAiB,EAAEjE,aAAa,CAAC,SAAS,CAAC;IAC3CkE,eAAe,EAAElE,aAAa,CAAC,QAAQ,CAAC;IACxC6E,GAAG,EAAE;EACP;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/messages/mergedMessage/index.js

@@ -0,0 +1,37 @@
+"use strict";
+
+import { memo } from 'react';
+import { KContainer } from '@droppii/libs';
+import { MergedImageGrid } from "../../MergedImageGrid.js";
+import { messageStyles } from "../styles.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export const MergedMessage = /*#__PURE__*/memo(({
+  message,
+  isOutgoing,
+  onMediaPress
+}) => {
+  const mergeElem = message.mergeElem;
+  if (!mergeElem?.multiMessage) {
+    return null;
+  }
+  const {
+    multiMessage
+  } = mergeElem;
+  const imageMessages = multiMessage.filter(msg => msg.contentType === 102);
+  return /*#__PURE__*/_jsx(KContainer.View, {
+    style: messageStyles.wrapper,
+    children: /*#__PURE__*/_jsx(KContainer.View, {
+      style: [messageStyles.bubble, isOutgoing ? messageStyles.bubbleSent : messageStyles.bubbleReceived],
+      children: imageMessages.length > 0 && /*#__PURE__*/_jsx(KContainer.View, {
+        marginB: "0.5rem",
+        children: /*#__PURE__*/_jsx(MergedImageGrid, {
+          images: imageMessages,
+          maxDisplay: 4,
+          onMediaPress: onMediaPress
+        })
+      })
+    })
+  });
+});
+MergedMessage.displayName = 'MergedMessage';
+//# sourceMappingURL=index.js.map

package/lib/module/components/messages/mergedMessage/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["memo","KContainer","MergedImageGrid","messageStyles","jsx","_jsx","MergedMessage","message","isOutgoing","onMediaPress","mergeElem","multiMessage","imageMessages","filter","msg","contentType","View","style","wrapper","children","bubble","bubbleSent","bubbleReceived","length","marginB","images","maxDisplay","displayName"],"sourceRoot":"../../../../../src","sources":["components/messages/mergedMessage/index.tsx"],"mappings":";;AAAA,SAASA,IAAI,QAAQ,OAAO;AAC5B,SAASC,UAAU,QAAQ,eAAe;AAC1C,SAASC,eAAe,QAAQ,0BAAuB;AACvD,SAASC,aAAa,QAAQ,cAAW;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAG1C,OAAO,MAAMC,aAAa,gBAAGN,IAAI,CAC/B,CAAC;EAAEO,OAAO;EAAEC,UAAU;EAAEC;AAAqC,CAAC,KAAK;EACjE,MAAMC,SAAS,GAAIH,OAAO,CAASG,SAAS;EAE5C,IAAI,CAACA,SAAS,EAAEC,YAAY,EAAE;IAC5B,OAAO,IAAI;EACb;EAEA,MAAM;IAAEA;EAAa,CAAC,GAAGD,SAAS;EAClC,MAAME,aAAa,GAAGD,YAAY,CAACE,MAAM,CACtCC,GAAQ,IAAKA,GAAG,CAACC,WAAW,KAAK,GACpC,CAAC;EAED,oBACEV,IAAA,CAACJ,UAAU,CAACe,IAAI;IAACC,KAAK,EAAEd,aAAa,CAACe,OAAQ;IAAAC,QAAA,eAC5Cd,IAAA,CAACJ,UAAU,CAACe,IAAI;MACdC,KAAK,EAAE,CACLd,aAAa,CAACiB,MAAM,EACpBZ,UAAU,GACNL,aAAa,CAACkB,UAAU,GACxBlB,aAAa,CAACmB,cAAc,CAChC;MAAAH,QAAA,EAEDP,aAAa,CAACW,MAAM,GAAG,CAAC,iBACvBlB,IAAA,CAACJ,UAAU,CAACe,IAAI;QAACQ,OAAO,EAAC,QAAQ;QAAAL,QAAA,eAC/Bd,IAAA,CAACH,eAAe;UACduB,MAAM,EAAEb,aAAc;UACtBc,UAAU,EAAE,CAAE;UACdjB,YAAY,EAAEA;QAAa,CAC5B;MAAC,CACa;IAClB,CACc;EAAC,CACH,CAAC;AAEtB,CACF,CAAC;AAEDH,aAAa,CAACqB,WAAW,GAAG,eAAe","ignoreList":[]}

package/lib/module/components/messages/styles.js

@@ -0,0 +1,41 @@
+"use strict";
+
+import { StyleSheet } from 'react-native';
+import { KSpacingValue } from '@droppii/libs';
+import { CHAT_BUBBLE_COLORS } from "../../screens/chat-detail/constants.js";
+export const messageStyles = StyleSheet.create({
+  wrapper: {
+    maxWidth: '80%'
+  },
+  bubble: {
+    paddingHorizontal: KSpacingValue['0.75rem'],
+    paddingVertical: KSpacingValue['0.5rem'],
+    borderRadius: KSpacingValue['1.25rem']
+  },
+  bubbleReceived: {
+    backgroundColor: CHAT_BUBBLE_COLORS.received
+  },
+  bubbleSent: {
+    backgroundColor: CHAT_BUBBLE_COLORS.sent
+  },
+  imageBubble: {
+    borderRadius: KSpacingValue['0.75rem']
+  },
+  videoPlaceholder: {
+    backgroundColor: CHAT_BUBBLE_COLORS.received
+  },
+  videoContainer: {
+    position: 'relative',
+    overflow: 'hidden',
+    borderRadius: KSpacingValue['0.75rem']
+  },
+  playButtonOverlay: {
+    position: 'absolute',
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0,
+    backgroundColor: 'rgba(0, 0, 0, 0.3)'
+  }
+});
+//# sourceMappingURL=styles.js.map

package/lib/module/components/messages/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","KSpacingValue","CHAT_BUBBLE_COLORS","messageStyles","create","wrapper","maxWidth","bubble","paddingHorizontal","paddingVertical","borderRadius","bubbleReceived","backgroundColor","received","bubbleSent","sent","imageBubble","videoPlaceholder","videoContainer","position","overflow","playButtonOverlay","top","left","right","bottom"],"sourceRoot":"../../../../src","sources":["components/messages/styles.ts"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,aAAa,QAAQ,eAAe;AAC7C,SAASC,kBAAkB,QAAQ,wCAAqC;AAExE,OAAO,MAAMC,aAAa,GAAGH,UAAU,CAACI,MAAM,CAAC;EAC7CC,OAAO,EAAE;IACPC,QAAQ,EAAE;EACZ,CAAC;EACDC,MAAM,EAAE;IACNC,iBAAiB,EAAEP,aAAa,CAAC,SAAS,CAAC;IAC3CQ,eAAe,EAAER,aAAa,CAAC,QAAQ,CAAC;IACxCS,YAAY,EAAET,aAAa,CAAC,SAAS;EACvC,CAAC;EACDU,cAAc,EAAE;IACdC,eAAe,EAAEV,kBAAkB,CAACW;EACtC,CAAC;EACDC,UAAU,EAAE;IACVF,eAAe,EAAEV,kBAAkB,CAACa;EACtC,CAAC;EACDC,WAAW,EAAE;IACXN,YAAY,EAAET,aAAa,CAAC,SAAS;EACvC,CAAC;EACDgB,gBAAgB,EAAE;IAChBL,eAAe,EAAEV,kBAAkB,CAACW;EACtC,CAAC;EACDK,cAAc,EAAE;IACdC,QAAQ,EAAE,UAAU;IACpBC,QAAQ,EAAE,QAAQ;IAClBV,YAAY,EAAET,aAAa,CAAC,SAAS;EACvC,CAAC;EACDoB,iBAAiB,EAAE;IACjBF,QAAQ,EAAE,UAAU;IACpBG,GAAG,EAAE,CAAC;IACNC,IAAI,EAAE,CAAC;IACPC,KAAK,EAAE,CAAC;IACRC,MAAM,EAAE,CAAC;IACTb,eAAe,EAAE;EACnB;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/messages/textMessage/index.js

@@ -0,0 +1,38 @@
+"use strict";
+
+import { memo } from 'react';
+import { KContainer, KLabel } from '@droppii/libs';
+import { getMessageText } from "../../../utils/legendListMessage.js";
+import { CHAT_BUBBLE_COLORS } from "../../../screens/chat-detail/constants.js";
+import { messageStyles } from "../styles.js";
+import { formatMessageTime } from "../types.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const TextMessage = /*#__PURE__*/memo(({
+  message,
+  isOutgoing,
+  createdAtTime
+}) => {
+  const messageText = getMessageText(message);
+  const timeLabel = formatMessageTime(createdAtTime);
+  if (!messageText?.trim()) {
+    return null;
+  }
+  return /*#__PURE__*/_jsxs(KContainer.View, {
+    style: messageStyles.wrapper,
+    children: [/*#__PURE__*/_jsx(KContainer.View, {
+      style: [messageStyles.bubble, isOutgoing ? messageStyles.bubbleSent : messageStyles.bubbleReceived],
+      children: /*#__PURE__*/_jsx(KLabel.Text, {
+        typo: "TextMdNormal",
+        color: CHAT_BUBBLE_COLORS.text,
+        children: messageText
+      })
+    }), !isOutgoing && timeLabel ? /*#__PURE__*/_jsx(KLabel.Text, {
+      typo: "TextXsNormal",
+      color: CHAT_BUBBLE_COLORS.timestamp,
+      marginL: '0.25rem',
+      children: timeLabel
+    }) : null]
+  });
+});
+TextMessage.displayName = 'TextMessage';
+//# sourceMappingURL=index.js.map

package/lib/module/components/messages/textMessage/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["memo","KContainer","KLabel","getMessageText","CHAT_BUBBLE_COLORS","messageStyles","formatMessageTime","jsx","_jsx","jsxs","_jsxs","TextMessage","message","isOutgoing","createdAtTime","messageText","timeLabel","trim","View","style","wrapper","children","bubble","bubbleSent","bubbleReceived","Text","typo","color","text","timestamp","marginL","displayName"],"sourceRoot":"../../../../../src","sources":["components/messages/textMessage/index.tsx"],"mappings":";;AAAA,SAASA,IAAI,QAAQ,OAAO;AAC5B,SAASC,UAAU,EAAEC,MAAM,QAAQ,eAAe;AAClD,SAASC,cAAc,QAAQ,qCAAkC;AAEjE,SAASC,kBAAkB,QAAQ,2CAAwC;AAC3E,SAASC,aAAa,QAAQ,cAAW;AACzC,SAASC,iBAAiB,QAAQ,aAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAQ7C,OAAO,MAAMC,WAAW,gBAAGX,IAAI,CAC7B,CAAC;EAAEY,OAAO;EAAEC,UAAU;EAAEC;AAAgC,CAAC,KAAK;EAC5D,MAAMC,WAAW,GAAGZ,cAAc,CAACS,OAAO,CAAC;EAC3C,MAAMI,SAAS,GAAGV,iBAAiB,CAACQ,aAAa,CAAC;EAElD,IAAI,CAACC,WAAW,EAAEE,IAAI,CAAC,CAAC,EAAE;IACxB,OAAO,IAAI;EACb;EAEA,oBACEP,KAAA,CAACT,UAAU,CAACiB,IAAI;IAACC,KAAK,EAAEd,aAAa,CAACe,OAAQ;IAAAC,QAAA,gBAC5Cb,IAAA,CAACP,UAAU,CAACiB,IAAI;MACdC,KAAK,EAAE,CACLd,aAAa,CAACiB,MAAM,EACpBT,UAAU,GACNR,aAAa,CAACkB,UAAU,GACxBlB,aAAa,CAACmB,cAAc,CAChC;MAAAH,QAAA,eAEFb,IAAA,CAACN,MAAM,CAACuB,IAAI;QAACC,IAAI,EAAC,cAAc;QAACC,KAAK,EAAEvB,kBAAkB,CAACwB,IAAK;QAAAP,QAAA,EAC7DN;MAAW,CACD;IAAC,CACC,CAAC,EAEjB,CAACF,UAAU,IAAIG,SAAS,gBACvBR,IAAA,CAACN,MAAM,CAACuB,IAAI;MACVC,IAAI,EAAC,cAAc;MACnBC,KAAK,EAAEvB,kBAAkB,CAACyB,SAAU;MACpCC,OAAO,EAAE,SAAU;MAAAT,QAAA,EAElBL;IAAS,CACC,CAAC,GACZ,IAAI;EAAA,CACO,CAAC;AAEtB,CACF,CAAC;AAEDL,WAAW,CAACoB,WAAW,GAAG,aAAa","ignoreList":[]}

package/lib/module/components/messages/types.js

@@ -0,0 +1,14 @@
+"use strict";
+
+export const formatMessageTime = createdAt => {
+  const date = new Date(createdAt);
+  if (Number.isNaN(date.getTime())) {
+    return '';
+  }
+  return date.toLocaleTimeString('vi-VN', {
+    hour: '2-digit',
+    minute: '2-digit',
+    hour12: false
+  });
+};
+//# sourceMappingURL=types.js.map

package/lib/module/components/messages/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["formatMessageTime","createdAt","date","Date","Number","isNaN","getTime","toLocaleTimeString","hour","minute","hour12"],"sourceRoot":"../../../../src","sources":["components/messages/types.ts"],"mappings":";;AAUA,OAAO,MAAMA,iBAAiB,GAAIC,SAAiB,IAAK;EACtD,MAAMC,IAAI,GAAG,IAAIC,IAAI,CAACF,SAAS,CAAC;EAChC,IAAIG,MAAM,CAACC,KAAK,CAACH,IAAI,CAACI,OAAO,CAAC,CAAC,CAAC,EAAE;IAChC,OAAO,EAAE;EACX;EAEA,OAAOJ,IAAI,CAACK,kBAAkB,CAAC,OAAO,EAAE;IACtCC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE,SAAS;IACjBC,MAAM,EAAE;EACV,CAAC,CAAC;AACJ,CAAC","ignoreList":[]}

package/lib/module/components/messages/videoMessage/index.js

@@ -0,0 +1,110 @@
+"use strict";
+
+import { memo, useCallback } from 'react';
+import { StyleSheet } from 'react-native';
+import { KContainer, KImage, KLabel } from '@droppii/libs';
+import ChatImageDimens, { CHAT_IMAGE_VIEW_SOURCE } from "../../../utils/chatImageDimens.js";
+import { CHAT_BUBBLE_COLORS } from "../../../screens/chat-detail/constants.js";
+import { messageStyles } from "../styles.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const formatDuration = durationMs => {
+  const totalSeconds = Math.floor(durationMs / 1000);
+  const minutes = Math.floor(totalSeconds / 60);
+  const seconds = totalSeconds % 60;
+  return `${String(minutes).padStart(2, '0')}:${String(seconds).padStart(2, '0')}`;
+};
+export const VideoMessage = /*#__PURE__*/memo(({
+  message,
+  onMediaPress
+}) => {
+  const videoElem = message?.videoElem;
+  const videoUrl = videoElem?.videoUrl;
+  const duration = videoElem?.duration;
+  const thumbnail = videoElem?.snapshotUrl;
+  const handlePress = useCallback(() => {
+    if (videoUrl && onMediaPress) {
+      onMediaPress([{
+        url: videoUrl,
+        isVideo: true
+      }], 0);
+    }
+  }, [videoUrl, onMediaPress]);
+  if (!videoUrl) {
+    return /*#__PURE__*/_jsx(KContainer.View, {
+      style: messageStyles.wrapper,
+      children: /*#__PURE__*/_jsx(KContainer.View, {
+        style: [messageStyles.bubble, messageStyles.videoPlaceholder],
+        children: /*#__PURE__*/_jsx(KLabel.Text, {
+          typo: "TextSmNormal",
+          color: CHAT_BUBBLE_COLORS.text,
+          children: "\uD83D\uDCF9 [Video unavailable]"
+        })
+      })
+    });
+  }
+  const dimen = ChatImageDimens.getDimensions(CHAT_IMAGE_VIEW_SOURCE.MessageListThumbnail);
+  return /*#__PURE__*/_jsx(KContainer.View, {
+    style: messageStyles.wrapper,
+    children: /*#__PURE__*/_jsxs(KContainer.Touchable, {
+      onPress: handlePress,
+      style: [styles.videoContainer, {
+        width: dimen.width,
+        height: dimen.height
+      }],
+      children: [thumbnail ? /*#__PURE__*/_jsx(KImage.Base, {
+        uri: thumbnail,
+        width: dimen.width,
+        height: dimen.height,
+        resizeMode: "cover"
+      }) : /*#__PURE__*/_jsx(KContainer.View, {
+        style: styles.videoBg
+      }), /*#__PURE__*/_jsx(KContainer.View, {
+        style: styles.playOverlay,
+        center: true,
+        children: /*#__PURE__*/_jsx(KImage.VectorIcons, {
+          name: "play-circle",
+          provider: "MaterialCommunityIcons",
+          size: 48,
+          color: "white"
+        })
+      }), duration && /*#__PURE__*/_jsx(KContainer.View, {
+        style: styles.durationBadge,
+        children: /*#__PURE__*/_jsx(KLabel.Text, {
+          typo: "TextXsNormal",
+          color: "white",
+          children: formatDuration(duration)
+        })
+      })]
+    })
+  });
+});
+VideoMessage.displayName = 'VideoMessage';
+const styles = StyleSheet.create({
+  videoContainer: {
+    overflow: 'hidden',
+    borderRadius: 8,
+    backgroundColor: '#000'
+  },
+  videoBg: {
+    flex: 1,
+    backgroundColor: '#000'
+  },
+  playOverlay: {
+    position: 'absolute',
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0,
+    backgroundColor: 'rgba(0, 0, 0, 0.3)'
+  },
+  durationBadge: {
+    position: 'absolute',
+    bottom: 8,
+    right: 8,
+    backgroundColor: 'rgba(0, 0, 0, 0.7)',
+    paddingHorizontal: 6,
+    paddingVertical: 3,
+    borderRadius: 4
+  }
+});
+//# sourceMappingURL=index.js.map

package/lib/module/components/messages/videoMessage/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["memo","useCallback","StyleSheet","KContainer","KImage","KLabel","ChatImageDimens","CHAT_IMAGE_VIEW_SOURCE","CHAT_BUBBLE_COLORS","messageStyles","jsx","_jsx","jsxs","_jsxs","formatDuration","durationMs","totalSeconds","Math","floor","minutes","seconds","String","padStart","VideoMessage","message","onMediaPress","videoElem","videoUrl","duration","thumbnail","snapshotUrl","handlePress","url","isVideo","View","style","wrapper","children","bubble","videoPlaceholder","Text","typo","color","text","dimen","getDimensions","MessageListThumbnail","Touchable","onPress","styles","videoContainer","width","height","Base","uri","resizeMode","videoBg","playOverlay","center","VectorIcons","name","provider","size","durationBadge","displayName","create","overflow","borderRadius","backgroundColor","flex","position","top","left","right","bottom","paddingHorizontal","paddingVertical"],"sourceRoot":"../../../../../src","sources":["components/messages/videoMessage/index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/config/api-endpoints.js

@@ -0,0 +1,66 @@
+"use strict";
+
+/**
+ * API Endpoints Configuration
+ *
+ * Centralized endpoint management for all API calls.
+ * Can be overridden per environment or feature flag.
+ *
+ * Note: imageUpload is a relative path because ReactNativeBlobUtil.fetch()
+ * is used for image uploads (not axios). The full URL is constructed
+ * in the imageUpload service using the base URL from environment/config.
+ */
+
+const DEFAULT_ENDPOINTS = {
+  urlMetadata: '/chat-service/v1/utils/url-metadata',
+  imageUpload: '/uploader-service/v1/uploader/permanently'
+};
+let endpoints = {
+  ...DEFAULT_ENDPOINTS
+};
+
+/**
+ * Get a specific API endpoint
+ * @param key - Endpoint key
+ * @returns Full endpoint URL
+ */
+export const getApiEndpoint = key => {
+  return endpoints[key];
+};
+
+/**
+ * Set a specific API endpoint (useful for testing/override)
+ * @param key - Endpoint key
+ * @param value - New endpoint URL
+ */
+export const setApiEndpoint = (key, value) => {
+  endpoints[key] = value;
+};
+
+/**
+ * Set all endpoints at once
+ * @param newEndpoints - New endpoints object
+ */
+export const setAllApiEndpoints = newEndpoints => {
+  endpoints = {
+    ...endpoints,
+    ...newEndpoints
+  };
+};
+
+/**
+ * Reset to default endpoints
+ */
+export const resetApiEndpoints = () => {
+  endpoints = {
+    ...DEFAULT_ENDPOINTS
+  };
+};
+
+/**
+ * Get all endpoints (returns copy)
+ */
+export const getAllApiEndpoints = () => ({
+  ...endpoints
+});
+//# sourceMappingURL=api-endpoints.js.map

package/lib/module/config/api-endpoints.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["DEFAULT_ENDPOINTS","urlMetadata","imageUpload","endpoints","getApiEndpoint","key","setApiEndpoint","value","setAllApiEndpoints","newEndpoints","resetApiEndpoints","getAllApiEndpoints"],"sourceRoot":"../../../src","sources":["config/api-endpoints.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AASA,MAAMA,iBAA+B,GAAG;EACtCC,WAAW,EAAE,qCAAqC;EAClDC,WAAW,EAAE;AACf,CAAC;AAED,IAAIC,SAAuB,GAAG;EAAE,GAAGH;AAAkB,CAAC;;AAEtD;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMI,cAAc,GACzBC,GAAM,IACc;EACpB,OAAOF,SAAS,CAACE,GAAG,CAAC;AACvB,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,cAAc,GAAGA,CAC5BD,GAAM,EACNE,KAAsB,KACnB;EACHJ,SAAS,CAACE,GAAG,CAAC,GAAGE,KAAK;AACxB,CAAC;;AAED;AACA;AACA;AACA;AACA,OAAO,MAAMC,kBAAkB,GAAIC,YAAmC,IAAK;EACzEN,SAAS,GAAG;IACV,GAAGA,SAAS;IACZ,GAAGM;EACL,CAAC;AACH,CAAC;;AAED;AACA;AACA;AACA,OAAO,MAAMC,iBAAiB,GAAGA,CAAA,KAAM;EACrCP,SAAS,GAAG;IAAE,GAAGH;EAAkB,CAAC;AACtC,CAAC;;AAED;AACA;AACA;AACA,OAAO,MAAMW,kBAAkB,GAAGA,CAAA,MAAqB;EACrD,GAAGR;AACL,CAAC,CAAC","ignoreList":[]}