@droppii-org/chat-mobile 0.2.17 → 0.2.18

package/lib/module/components/AttachmentPreview.js

@@ -1,252 +0,0 @@
-"use strict";
-
-import { memo } from 'react';
-import { ScrollView, StyleSheet } from 'react-native';
-import { KContainer, KImage, KColors, KLabel } from '@droppii/libs';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const formatDuration = seconds => {
-  const totalSecs = Math.floor(seconds);
-  const mins = Math.floor(totalSecs / 60);
-  const secs = totalSecs % 60;
-  return `${mins.toString().padStart(2, '0')}:${secs.toString().padStart(2, '0')}`;
-};
-const getAttachmentIcon = type => {
-  switch (type) {
-    case 'image':
-      return 'image';
-    case 'video':
-      return 'play-circle';
-    case 'audio':
-      return 'music';
-    case 'document':
-      return 'file-document';
-    case 'file':
-    default:
-      return 'file';
-  }
-};
-export const AttachmentPreview = /*#__PURE__*/memo(({
-  visible,
-  attachments,
-  onRemove
-}) => {
-  if (!visible || !attachments?.length) {
-    return null;
-  }
-  return /*#__PURE__*/_jsx(KContainer.View, {
-    paddingH: "0.75rem"
-    // paddingV="0.75rem"
-    ,
-    brW: 1,
-    brC: KColors.palette.gray.w100,
-    background: KColors.white,
-    style: styles.container,
-    children: /*#__PURE__*/_jsx(KContainer.View, {
-      row: true,
-      alignItems: true,
-      minH: 70,
-      children: /*#__PURE__*/_jsx(KContainer.View, {
-        flex: true,
-        children: /*#__PURE__*/_jsx(ScrollView, {
-          horizontal: true,
-          showsHorizontalScrollIndicator: false,
-          scrollEventThrottle: 16,
-          contentContainerStyle: styles.scrollContent,
-          children: attachments.map((item, index) => {
-            const {
-              type,
-              metadata,
-              uploadProgress,
-              error,
-              isUploading,
-              thumbnailUrl
-            } = item;
-            const isImage = type === 'image';
-            const isVideo = type === 'video';
-            const hasPreview = isImage || isVideo;
-            return /*#__PURE__*/_jsxs(KContainer.View, {
-              children: [/*#__PURE__*/_jsxs(KContainer.View, {
-                style: styles.thumbnail,
-                center: true,
-                children: [isVideo && thumbnailUrl && /*#__PURE__*/_jsx(KImage.Base, {
-                  uri: thumbnailUrl,
-                  width: 48,
-                  height: 48,
-                  resizeMode: "cover"
-                }), isVideo && !thumbnailUrl && /*#__PURE__*/_jsx(KContainer.View, {
-                  style: [styles.videoBg, styles.videoThumbnail]
-                }), isImage && /*#__PURE__*/_jsx(KImage.Base, {
-                  uri: `file://${metadata.path}`,
-                  width: 48,
-                  height: 48
-                }), !hasPreview && /*#__PURE__*/_jsx(KContainer.View, {
-                  style: styles.iconOverlay,
-                  center: true,
-                  background: KColors.palette.gray.w100,
-                  children: /*#__PURE__*/_jsx(KImage.VectorIcons, {
-                    name: getAttachmentIcon(type),
-                    provider: "MaterialCommunityIcons",
-                    size: 24,
-                    color: KColors.palette.primary.w400
-                  })
-                }), isVideo && !!metadata.duration && /*#__PURE__*/_jsx(KContainer.View, {
-                  style: styles.durationBadge,
-                  center: true,
-                  children: /*#__PURE__*/_jsx(KLabel.Text, {
-                    typo: "TextXsNormal",
-                    color: KColors.white,
-                    style: styles.durationText,
-                    children: formatDuration(metadata.duration / 1000)
-                  })
-                }), !hasPreview && /*#__PURE__*/_jsx(KContainer.View, {
-                  style: styles.typeIcon,
-                  center: true,
-                  children: /*#__PURE__*/_jsx(KImage.VectorIcons, {
-                    name: getAttachmentIcon(type),
-                    provider: "MaterialCommunityIcons",
-                    size: 14,
-                    color: KColors.white
-                  })
-                }), error && /*#__PURE__*/_jsx(KContainer.View, {
-                  style: styles.errorOverlay,
-                  center: true,
-                  children: /*#__PURE__*/_jsx(KImage.VectorIcons, {
-                    name: "close-circle",
-                    provider: "MaterialCommunityIcons",
-                    size: 28,
-                    color: KColors.white
-                  })
-                }), isUploading && /*#__PURE__*/_jsx(KContainer.View, {
-                  style: styles.progressOverlay,
-                  center: true,
-                  children: /*#__PURE__*/_jsxs(KLabel.Text, {
-                    typo: "TextSmNormal",
-                    color: KColors.white,
-                    children: [uploadProgress, "%"]
-                  })
-                })]
-              }), /*#__PURE__*/_jsx(KContainer.Touchable, {
-                style: styles.removeButton,
-                center: true,
-                br: "round",
-                background: KColors.black,
-                onPress: () => onRemove(type, index),
-                disabled: isUploading,
-                hitSlop: {
-                  top: 10,
-                  bottom: 10,
-                  left: 10,
-                  right: 10
-                },
-                children: /*#__PURE__*/_jsx(KImage.VectorIcons, {
-                  name: "close",
-                  provider: "MaterialCommunityIcons",
-                  size: 14,
-                  color: KColors.white
-                })
-              })]
-            }, `${type}-${index}`);
-          })
-        })
-      })
-    })
-  });
-});
-AttachmentPreview.displayName = 'AttachmentPreview';
-const styles = StyleSheet.create({
-  container: {
-    // minHeight: 80,
-  },
-  scrollContent: {
-    alignItems: 'center'
-  },
-  thumbnail: {
-    position: 'relative',
-    width: 48,
-    height: 48,
-    borderRadius: 4,
-    overflow: 'hidden',
-    marginRight: 8,
-    backgroundColor: KColors.palette.gray.w50
-  },
-  durationBadge: {
-    position: 'absolute',
-    bottom: 4,
-    right: 4,
-    backgroundColor: 'rgba(0, 0, 0, 0.8)',
-    borderRadius: 3,
-    paddingVertical: 2,
-    paddingHorizontal: 4
-  },
-  durationText: {
-    fontSize: 11,
-    fontWeight: '600'
-  },
-  iconOverlay: {
-    width: 48,
-    height: 48,
-    borderRadius: 4
-  },
-  videoIcon: {
-    position: 'absolute',
-    top: 2,
-    right: 2,
-    backgroundColor: 'rgba(0, 0, 0, 0.6)',
-    borderRadius: 8,
-    width: 20,
-    height: 20
-  },
-  typeIcon: {
-    position: 'absolute',
-    bottom: 2,
-    right: 2,
-    backgroundColor: 'rgba(0, 0, 0, 0.7)',
-    borderRadius: 6,
-    width: 16,
-    height: 16
-  },
-  videoBg: {
-    width: 48,
-    height: 48,
-    borderRadius: 4
-  },
-  videoThumbnail: {
-    backgroundColor: KColors.black
-  },
-  progressOverlay: {
-    position: 'absolute',
-    top: 0,
-    left: 0,
-    right: 0,
-    bottom: 0,
-    backgroundColor: 'rgba(0, 0, 0, 0.6)'
-  },
-  errorOverlay: {
-    position: 'absolute',
-    top: 0,
-    left: 0,
-    right: 0,
-    bottom: 0,
-    backgroundColor: 'rgba(255, 59, 48, 0.8)'
-  },
-  removeButton: {
-    position: 'absolute',
-    top: -8,
-    right: 2,
-    width: 22,
-    height: 22,
-    shadowColor: '#000',
-    shadowOffset: {
-      width: 0,
-      height: 1
-    },
-    shadowOpacity: 0.2,
-    shadowRadius: 2,
-    elevation: 3
-  },
-  sendButton: {
-    width: 48,
-    height: 48
-  }
-});
-//# sourceMappingURL=AttachmentPreview.js.map

package/lib/module/components/AttachmentPreview.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["memo","ScrollView","StyleSheet","KContainer","KImage","KColors","KLabel","jsx","_jsx","jsxs","_jsxs","formatDuration","seconds","totalSecs","Math","floor","mins","secs","toString","padStart","getAttachmentIcon","type","AttachmentPreview","visible","attachments","onRemove","length","View","paddingH","brW","brC","palette","gray","w100","background","white","style","styles","container","children","row","alignItems","minH","flex","horizontal","showsHorizontalScrollIndicator","scrollEventThrottle","contentContainerStyle","scrollContent","map","item","index","metadata","uploadProgress","error","isUploading","thumbnailUrl","isImage","isVideo","hasPreview","thumbnail","center","Base","uri","width","height","resizeMode","videoBg","videoThumbnail","path","iconOverlay","VectorIcons","name","provider","size","color","primary","w400","duration","durationBadge","Text","typo","durationText","typeIcon","errorOverlay","progressOverlay","Touchable","removeButton","br","black","onPress","disabled","hitSlop","top","bottom","left","right","displayName","create","position","borderRadius","overflow","marginRight","backgroundColor","w50","paddingVertical","paddingHorizontal","fontSize","fontWeight","videoIcon","shadowColor","shadowOffset","shadowOpacity","shadowRadius","elevation","sendButton"],"sourceRoot":"../../../src","sources":["components/AttachmentPreview.tsx"],"mappings":"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","ignoreList":[]}

package/lib/typescript/src/components/AttachmentPreview.d.ts

@@ -1,28 +0,0 @@
-type AttachmentType = 'image' | 'video' | 'audio' | 'document' | 'file';
-interface AttachmentMetadata {
-    path: string;
-    filename?: string;
-    size?: number;
-    duration?: number;
-    mimeType?: string;
-    width?: number;
-    height?: number;
-}
-interface AttachmentItem {
-    metadata: AttachmentMetadata;
-    uploadProgress: number;
-    error: string | null;
-    isUploading: boolean;
-    uploadedUrl?: string;
-    thumbnailUrl?: string;
-}
-interface AttachmentPreviewProps {
-    visible: boolean;
-    attachments?: Array<AttachmentItem & {
-        type: AttachmentType;
-    }>;
-    onRemove: (type: AttachmentType, index: number) => void;
-}
-export declare const AttachmentPreview: import("react").MemoExoticComponent<({ visible, attachments, onRemove }: AttachmentPreviewProps) => import("react").JSX.Element>;
-export {};
-//# sourceMappingURL=AttachmentPreview.d.ts.map

package/lib/typescript/src/components/AttachmentPreview.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"AttachmentPreview.d.ts","sourceRoot":"","sources":["../../../../src/components/AttachmentPreview.tsx"],"names":[],"mappings":"AAIA,KAAK,cAAc,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,UAAU,GAAG,MAAM,CAAC;AAExE,UAAU,kBAAkB;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,UAAU,cAAc;IACtB,QAAQ,EAAE,kBAAkB,CAAC;IAC7B,cAAc,EAAE,MAAM,CAAC;IACvB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,WAAW,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,UAAU,sBAAsB;IAC9B,OAAO,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,KAAK,CAAC,cAAc,GAAG;QAAE,IAAI,EAAE,cAAc,CAAA;KAAE,CAAC,CAAC;IAC/D,QAAQ,EAAE,CAAC,IAAI,EAAE,cAAc,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACzD;AA2BD,eAAO,MAAM,iBAAiB,2EACS,sBAAsB,iCA4J5D,CAAC"}

package/src/components/AttachmentPreview.tsx

@@ -1,310 +0,0 @@
-import { memo } from 'react';
-import { ScrollView, StyleSheet } from 'react-native';
-import { KContainer, KImage, KColors, KLabel } from '@droppii/libs';
-
-type AttachmentType = 'image' | 'video' | 'audio' | 'document' | 'file';
-
-interface AttachmentMetadata {
-  path: string;
-  filename?: string;
-  size?: number;
-  duration?: number;
-  mimeType?: string;
-  width?: number;
-  height?: number;
-}
-
-interface AttachmentItem {
-  metadata: AttachmentMetadata;
-  uploadProgress: number;
-  error: string | null;
-  isUploading: boolean;
-  uploadedUrl?: string;
-  thumbnailUrl?: string;
-}
-
-interface AttachmentPreviewProps {
-  visible: boolean;
-  attachments?: Array<AttachmentItem & { type: AttachmentType }>;
-  onRemove: (type: AttachmentType, index: number) => void;
-}
-
-const formatDuration = (seconds: number): string => {
-  const totalSecs = Math.floor(seconds);
-  const mins = Math.floor(totalSecs / 60);
-  const secs = totalSecs % 60;
-  return `${mins.toString().padStart(2, '0')}:${secs
-    .toString()
-    .padStart(2, '0')}`;
-};
-
-const getAttachmentIcon = (type: AttachmentType): string => {
-  switch (type) {
-    case 'image':
-      return 'image';
-    case 'video':
-      return 'play-circle';
-    case 'audio':
-      return 'music';
-    case 'document':
-      return 'file-document';
-    case 'file':
-    default:
-      return 'file';
-  }
-};
-
-export const AttachmentPreview = memo(
-  ({ visible, attachments, onRemove }: AttachmentPreviewProps) => {
-    if (!visible || !attachments?.length) {
-      return null;
-    }
-
-    return (
-      <KContainer.View
-        paddingH="0.75rem"
-        // paddingV="0.75rem"
-        brW={1}
-        brC={KColors.palette.gray.w100}
-        background={KColors.white}
-        style={styles.container}
-      >
-        <KContainer.View row alignItems minH={70}>
-          <KContainer.View flex>
-            <ScrollView
-              horizontal
-              showsHorizontalScrollIndicator={false}
-              scrollEventThrottle={16}
-              contentContainerStyle={styles.scrollContent}
-            >
-              {attachments.map((item, index) => {
-                const {
-                  type,
-                  metadata,
-                  uploadProgress,
-                  error,
-                  isUploading,
-                  thumbnailUrl,
-                } = item;
-
-                const isImage = type === 'image';
-                const isVideo = type === 'video';
-                const hasPreview = isImage || isVideo;
-
-                return (
-                  <KContainer.View key={`${type}-${index}`}>
-                    <KContainer.View style={styles.thumbnail} center>
-                      {/* Video thumbnail */}
-                      {isVideo && thumbnailUrl && (
-                        <KImage.Base
-                          uri={thumbnailUrl}
-                          width={48}
-                          height={48}
-                          resizeMode="cover"
-                        />
-                      )}
-
-                      {/* Video placeholder (no thumbnail yet) */}
-                      {isVideo && !thumbnailUrl && (
-                        <KContainer.View
-                          style={[styles.videoBg, styles.videoThumbnail]}
-                        />
-                      )}
-
-                      {/* Image preview */}
-                      {isImage && (
-                        <KImage.Base
-                          uri={`file://${metadata.path}`}
-                          width={48}
-                          height={48}
-                        />
-                      )}
-
-                      {/* Show icon overlay for non-media files */}
-                      {!hasPreview && (
-                        <KContainer.View
-                          style={styles.iconOverlay}
-                          center
-                          background={KColors.palette.gray.w100}
-                        >
-                          <KImage.VectorIcons
-                            name={getAttachmentIcon(type)}
-                            provider="MaterialCommunityIcons"
-                            size={24}
-                            color={KColors.palette.primary.w400}
-                          />
-                        </KContainer.View>
-                      )}
-
-                      {/* Video duration badge */}
-                      {isVideo && !!metadata.duration && (
-                        <KContainer.View style={styles.durationBadge} center>
-                          <KLabel.Text
-                            typo="TextXsNormal"
-                            color={KColors.white}
-                            style={styles.durationText}
-                          >
-                            {formatDuration(metadata.duration / 1000)}
-                          </KLabel.Text>
-                        </KContainer.View>
-                      )}
-
-                      {/* Type icon for non-preview items */}
-                      {!hasPreview && (
-                        <KContainer.View style={styles.typeIcon} center>
-                          <KImage.VectorIcons
-                            name={getAttachmentIcon(type)}
-                            provider="MaterialCommunityIcons"
-                            size={14}
-                            color={KColors.white}
-                          />
-                        </KContainer.View>
-                      )}
-
-                      {/* Error state */}
-                      {error && (
-                        <KContainer.View style={styles.errorOverlay} center>
-                          <KImage.VectorIcons
-                            name="close-circle"
-                            provider="MaterialCommunityIcons"
-                            size={28}
-                            color={KColors.white}
-                          />
-                        </KContainer.View>
-                      )}
-
-                      {/* Progress overlay */}
-                      {isUploading && (
-                        <KContainer.View style={styles.progressOverlay} center>
-                          <KLabel.Text
-                            typo="TextSmNormal"
-                            color={KColors.white}
-                          >
-                            {uploadProgress}%
-                          </KLabel.Text>
-                        </KContainer.View>
-                      )}
-                    </KContainer.View>
-                    {/* Remove button */}
-                    <KContainer.Touchable
-                      style={styles.removeButton}
-                      center
-                      br="round"
-                      background={KColors.black}
-                      onPress={() => onRemove(type, index)}
-                      disabled={isUploading}
-                      hitSlop={{ top: 10, bottom: 10, left: 10, right: 10 }}
-                    >
-                      <KImage.VectorIcons
-                        name="close"
-                        provider="MaterialCommunityIcons"
-                        size={14}
-                        color={KColors.white}
-                      />
-                    </KContainer.Touchable>
-                  </KContainer.View>
-                );
-              })}
-            </ScrollView>
-          </KContainer.View>
-        </KContainer.View>
-      </KContainer.View>
-    );
-  }
-);
-
-AttachmentPreview.displayName = 'AttachmentPreview';
-
-const styles = StyleSheet.create({
-  container: {
-    // minHeight: 80,
-  },
-  scrollContent: {
-    alignItems: 'center',
-  },
-  thumbnail: {
-    position: 'relative',
-    width: 48,
-    height: 48,
-    borderRadius: 4,
-    overflow: 'hidden',
-    marginRight: 8,
-    backgroundColor: KColors.palette.gray.w50,
-  },
-  durationBadge: {
-    position: 'absolute',
-    bottom: 4,
-    right: 4,
-    backgroundColor: 'rgba(0, 0, 0, 0.8)',
-    borderRadius: 3,
-    paddingVertical: 2,
-    paddingHorizontal: 4,
-  },
-  durationText: {
-    fontSize: 11,
-    fontWeight: '600',
-  },
-  iconOverlay: {
-    width: 48,
-    height: 48,
-    borderRadius: 4,
-  },
-  videoIcon: {
-    position: 'absolute',
-    top: 2,
-    right: 2,
-    backgroundColor: 'rgba(0, 0, 0, 0.6)',
-    borderRadius: 8,
-    width: 20,
-    height: 20,
-  },
-  typeIcon: {
-    position: 'absolute',
-    bottom: 2,
-    right: 2,
-    backgroundColor: 'rgba(0, 0, 0, 0.7)',
-    borderRadius: 6,
-    width: 16,
-    height: 16,
-  },
-  videoBg: {
-    width: 48,
-    height: 48,
-    borderRadius: 4,
-  },
-  videoThumbnail: {
-    backgroundColor: KColors.black,
-  },
-  progressOverlay: {
-    position: 'absolute',
-    top: 0,
-    left: 0,
-    right: 0,
-    bottom: 0,
-    backgroundColor: 'rgba(0, 0, 0, 0.6)',
-  },
-  errorOverlay: {
-    position: 'absolute',
-    top: 0,
-    left: 0,
-    right: 0,
-    bottom: 0,
-    backgroundColor: 'rgba(255, 59, 48, 0.8)',
-  },
-  removeButton: {
-    position: 'absolute',
-    top: -8,
-    right: 2,
-    width: 22,
-    height: 22,
-    shadowColor: '#000',
-    shadowOffset: { width: 0, height: 1 },
-    shadowOpacity: 0.2,
-    shadowRadius: 2,
-    elevation: 3,
-  },
-  sendButton: {
-    width: 48,
-    height: 48,
-  },
-});