@codewithvincent/react-native-love-chat 0.1.0

package/dist/components/ReactionBubble.js

@@ -0,0 +1,262 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.computePositions = void 0;
+exports.default = ReactionBubble;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const react_native_1 = require("react-native");
+const react_native_reanimated_1 = __importStar(require("react-native-reanimated"));
+const react_native_root_siblings_1 = __importDefault(require("react-native-root-siblings"));
+const UniversalBlurView_1 = require("./../components/adapters/UniversalBlurView");
+const utils_1 = require("../utils");
+const theme_1 = require("../utils/theme");
+const Icons_1 = require("./Icons");
+const SCREEN = react_native_1.Dimensions.get('window');
+const clamp = (value, min, max) => Math.min(Math.max(value, min), max);
+// Helper exported for tests (non-breaking)
+const computePositions = ({ pos, reactionsCount, isMine, screenW, screenH, popupItemWidth = 42, popupHeight = 60, menuWidth = 200, menuItemCount = 3, menuItemHeight = 44, verticalGap = 12, horizontalMargin = 8, reactionCoreWidth = 28, reactionHorizontalPadding = 8, popupHorizontalPadding = 12, }) => {
+    // More accurate width estimation: per-reaction width + container paddings
+    const perReactionWidth = reactionCoreWidth + reactionHorizontalPadding * 2;
+    const emojiPanelWidth = reactionsCount * perReactionWidth + popupHorizontalPadding * 2;
+    let left = pos.x + pos.width / 2 - emojiPanelWidth / 2;
+    if (isMine) {
+        left = pos.x + pos.width - emojiPanelWidth - utils_1.appSize.width(6.5);
+    }
+    left = clamp(left, horizontalMargin, screenW - emojiPanelWidth - horizontalMargin);
+    let top = pos.y - popupHeight - verticalGap;
+    let emojiBelow = false;
+    if (top < horizontalMargin) {
+        top = pos.y + pos.height + verticalGap;
+        emojiBelow = true;
+    }
+    // Compute menu height based on visible items
+    const menuHeight = menuItemCount * menuItemHeight + verticalGap; // include gap/padding
+    // Default: menu below the message
+    let menuTop = emojiBelow ? top + popupHeight + verticalGap : pos.y + pos.height + verticalGap;
+    let menuLeft = isMine ? pos.x + pos.width - menuWidth : pos.x;
+    menuLeft = clamp(menuLeft, horizontalMargin, screenW - menuWidth - horizontalMargin);
+    // Check bottom space and reposition menu above if insufficient
+    const bottomSpace = screenH - menuTop;
+    const neededSpace = menuHeight + 16;
+    const placeAbove = bottomSpace < neededSpace;
+    if (placeAbove) {
+        menuTop = emojiBelow ? pos.y - menuHeight - verticalGap : top - menuHeight - verticalGap;
+        if (menuTop < horizontalMargin) {
+            menuTop = horizontalMargin;
+        }
+    }
+    return {
+        emojiPanel: { left, top, width: emojiPanelWidth, height: popupHeight },
+        menu: { left: menuLeft, top: menuTop, width: menuWidth, height: menuHeight, above: placeAbove },
+    };
+};
+exports.computePositions = computePositions;
+function ReactionBubble({ reactions, selectedReaction, onReactionPress, style, bubbleStyle, reactionStyle, highlightColor, children, isMine, onPress, onLongPress, onReply, onDelete, onDownload, isFile, ...rest }) {
+    const triggerRef = (0, react_1.useRef)(null);
+    const siblingRef = (0, react_1.useRef)(null);
+    const theme = (0, theme_1.useTheme)();
+    const scale = (0, react_native_reanimated_1.useSharedValue)(0);
+    const animStyle = (0, react_native_reanimated_1.useAnimatedStyle)(() => ({
+        transform: [
+            {
+                scale: (0, react_native_reanimated_1.withSpring)(scale.value, {
+                    damping: 12,
+                    stiffness: 220,
+                    mass: 0.25,
+                }),
+            },
+        ],
+    }));
+    const showPopup = (pos) => {
+        hidePopup();
+        scale.value = 0;
+        // Feature-detection gate: only use robust positioning when Dimensions exists and measureInWindow is available
+        const canMeasure = typeof react_native_1.UIManager.measureInWindow === 'function' && SCREEN && typeof SCREEN.width === 'number';
+        let left;
+        let top;
+        let menuLeft;
+        let menuTop;
+        const menuWidth = 200;
+        if (canMeasure) {
+            const positions = (0, exports.computePositions)({
+                pos,
+                reactionsCount: reactions.length,
+                isMine,
+                screenW: SCREEN.width,
+                screenH: SCREEN.height,
+                popupItemWidth: 42,
+                popupHeight: 60,
+                menuWidth,
+                menuItemCount: (onReply ? 1 : 0) + (isFile && onDownload ? 1 : 0) + (onDelete ? 1 : 0),
+                menuItemHeight: 44,
+                verticalGap: 12,
+                horizontalMargin: 8,
+                reactionCoreWidth: 28,
+                reactionHorizontalPadding: 8,
+                popupHorizontalPadding: 12,
+            });
+            left = positions.emojiPanel.left;
+            top = positions.emojiPanel.top;
+            menuLeft = positions.menu.left;
+            menuTop = positions.menu.top;
+        }
+        else {
+            // Fallback to previous behavior (unchanged)
+            const popupWidth = reactions.length * 42;
+            const popupHeight = 60;
+            const screenW = SCREEN.width;
+            top = pos.y - popupHeight - 12;
+            left = pos.x + pos.width / 2 - popupWidth / 2;
+            if (isMine) {
+                left = pos.x + pos.width - popupWidth - utils_1.appSize.width(6.5);
+            }
+            left = clamp(left, 10, screenW - popupWidth - 10);
+            menuTop = pos.y + pos.height + 10;
+            let _menuLeft = isMine ? (pos.x + pos.width - menuWidth) : pos.x;
+            menuLeft = clamp(_menuLeft, 10, screenW - menuWidth - 10);
+        }
+        siblingRef.current = new react_native_root_siblings_1.default(((0, jsx_runtime_1.jsxs)(react_native_1.View, { style: styles.overlayContainer, children: [(0, jsx_runtime_1.jsx)(react_native_1.Pressable, { style: react_native_1.StyleSheet.absoluteFill, onPress: hidePopup, children: (0, jsx_runtime_1.jsx)(UniversalBlurView_1.UniversalBlurView, { style: react_native_1.StyleSheet.absoluteFill, blurType: 'dark', blurAmount: 12, tint: "dark", intensity: 60, reducedTransparencyFallbackColor: "#000000CC" }) }), (0, jsx_runtime_1.jsx)(react_native_1.View, { style: [
+                        styles.messageDuplicateWrapper,
+                        {
+                            top: pos.y,
+                            left: pos.x,
+                            width: pos.width,
+                        },
+                    ], children: children }), (0, jsx_runtime_1.jsx)(react_native_reanimated_1.default.View, { entering: react_native_reanimated_1.ZoomIn.duration(100), exiting: react_native_reanimated_1.ZoomOut.duration(100), style: {
+                        position: 'absolute',
+                        top,
+                        left,
+                    }, children: (0, jsx_runtime_1.jsx)(react_native_reanimated_1.default.View, { style: [styles.popup, bubbleStyle, animStyle], children: reactions.map((r, i) => ((0, jsx_runtime_1.jsx)(react_native_1.Pressable, { onPress: () => handleReactionPress(r), children: (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: [styles.reaction, reactionStyle], children: r }) }, i))) }) }), (0, jsx_runtime_1.jsxs)(react_native_reanimated_1.default.View, { entering: react_native_reanimated_1.ZoomIn.duration(150).delay(50), exiting: react_native_reanimated_1.ZoomOut.duration(150), style: [
+                        styles.contextMenu,
+                        {
+                            top: menuTop,
+                            left: menuLeft,
+                            width: menuWidth,
+                        }
+                    ], children: [onReply && ((0, jsx_runtime_1.jsxs)(react_native_1.Pressable, { style: styles.menuItem, onPress: () => { hidePopup(); onReply(); }, children: [(0, jsx_runtime_1.jsx)(react_native_1.Text, { style: styles.menuText, children: "Reply" }), (0, jsx_runtime_1.jsx)(Icons_1.ReplyIcon, { size: 18, color: "#fff" })] })), isFile && onDownload && ((0, jsx_runtime_1.jsxs)(react_native_1.Pressable, { style: styles.menuItem, onPress: () => { hidePopup(); onDownload(); }, children: [(0, jsx_runtime_1.jsx)(react_native_1.Text, { style: styles.menuText, children: "Download" }), (0, jsx_runtime_1.jsx)(Icons_1.DownloadIcon, { size: 18, color: "#fff" })] })), onDelete && ((0, jsx_runtime_1.jsxs)(react_native_1.Pressable, { style: [styles.menuItem, { borderBottomWidth: 0 }], onPress: () => { hidePopup(); onDelete(); }, children: [(0, jsx_runtime_1.jsx)(react_native_1.Text, { style: [styles.menuText, { color: theme_1.defaultTheme.colors.darkRed }], children: "Delete" }), (0, jsx_runtime_1.jsx)(Icons_1.TrashIcon, { size: 18 })] }))] })] })));
+        requestAnimationFrame(() => {
+            scale.value = 1;
+        });
+    };
+    const hidePopup = () => {
+        if (siblingRef.current) {
+            siblingRef.current.destroy();
+            siblingRef.current = null;
+        }
+    };
+    const handleLongPress = () => {
+        const node = (0, react_native_1.findNodeHandle)(triggerRef.current);
+        if (!node)
+            return;
+        react_native_1.UIManager.measureInWindow(node, (x, y, width, height) => {
+            showPopup({ x, y, width, height });
+        });
+        if (onLongPress) {
+            onLongPress();
+        }
+    };
+    const handleReactionPress = (reaction) => {
+        hidePopup();
+        onReactionPress(reaction);
+    };
+    (0, react_1.useEffect)(() => {
+        return hidePopup;
+    }, []);
+    return ((0, jsx_runtime_1.jsxs)(react_native_1.View, { children: [(0, jsx_runtime_1.jsx)(react_native_1.Pressable, { ref: triggerRef, onPress: onPress, onLongPress: handleLongPress, style: ({ pressed }) => [
+                    style,
+                    {
+                        backgroundColor: pressed ? highlightColor : style === null || style === void 0 ? void 0 : style.backgroundColor,
+                    },
+                ], ...rest, children: children }), selectedReaction && ((0, jsx_runtime_1.jsx)(react_native_1.Pressable, { onPress: () => onReactionPress(undefined), children: (0, jsx_runtime_1.jsx)(react_native_reanimated_1.default.View, { style: [styles.miniReaction, { backgroundColor: theme.colors.primary }], children: (0, jsx_runtime_1.jsx)(react_native_1.Text, { children: selectedReaction }) }) }))] }));
+}
+const styles = react_native_1.StyleSheet.create({
+    overlayContainer: {
+        ...react_native_1.StyleSheet.absoluteFillObject,
+        zIndex: 99999,
+    },
+    messageDuplicateWrapper: {
+        position: 'absolute',
+        zIndex: 50,
+    },
+    popup: {
+        flexDirection: 'row',
+        paddingVertical: 8,
+        paddingHorizontal: 12,
+        borderRadius: 40,
+        backgroundColor: '#202A30',
+        zIndex: 100,
+    },
+    reaction: {
+        fontSize: 28,
+        paddingHorizontal: 8,
+    },
+    miniReaction: {
+        marginStart: 8,
+        padding: 4,
+        borderRadius: 100,
+        width: utils_1.appSize.width(8),
+        height: utils_1.appSize.width(8),
+        backgroundColor: theme_1.defaultTheme.colors.primary,
+        top: -4,
+        alignItems: 'center',
+        justifyContent: 'center',
+    },
+    contextMenu: {
+        position: 'absolute',
+        backgroundColor: 'rgba(30, 30, 30, 0.95)',
+        borderRadius: 12,
+        paddingVertical: 4,
+        width: 200,
+        zIndex: 100,
+    },
+    menuItem: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        justifyContent: 'space-between',
+        paddingVertical: 12,
+        paddingHorizontal: 16,
+        borderBottomWidth: react_native_1.StyleSheet.hairlineWidth,
+        borderBottomColor: 'rgba(255, 255, 255, 0.1)',
+    },
+    menuText: {
+        color: '#fff',
+        fontSize: 16,
+        fontWeight: '400',
+    },
+});

package/dist/components/ReplyPreview.d.ts

@@ -0,0 +1,7 @@
+import { IMessage } from '../types';
+interface ReplyPreviewProps {
+    replyTo: IMessage;
+    maxMediaWidth?: number;
+}
+declare const ReplyPreview: ({ replyTo }: ReplyPreviewProps) => import("react/jsx-runtime").JSX.Element;
+export default ReplyPreview;

package/dist/components/ReplyPreview.js

@@ -0,0 +1,102 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_native_1 = require("react-native");
+const utils_1 = require("../utils");
+const theme_1 = require("../utils/theme");
+const Icons_1 = require("./Icons");
+const ReplyPreview = ({ replyTo }) => {
+    var _a, _b;
+    const theme = (0, theme_1.useTheme)();
+    if (!replyTo)
+        return null;
+    const senderName = ((_a = replyTo.user) === null || _a === void 0 ? void 0 : _a.name) || 'Unknown';
+    const fileType = (_b = replyTo.fileType) === null || _b === void 0 ? void 0 : _b.toLowerCase();
+    const caption = replyTo.caption || '';
+    const text = replyTo.text || '';
+    const getFileNameFromUrl = (url) => {
+        console.log('url', url);
+        if (!url)
+            return undefined;
+        try {
+            const clean = url.split('?')[0];
+            const parts = clean.split('/');
+            const last = parts[parts.length - 1];
+            return last || undefined;
+        }
+        catch {
+            return undefined;
+        }
+    };
+    const getExtension = (name) => {
+        if (!name)
+            return undefined;
+        const ext = name.split('.').pop();
+        return ext ? ext.toLowerCase() : undefined;
+    };
+    const computedFileName = replyTo.fileName || getFileNameFromUrl(replyTo.fileUrl);
+    const extension = getExtension(computedFileName);
+    const isMedia = fileType === 'image' || fileType === 'video' || !!replyTo.image || !!replyTo.video;
+    const isFile = !!computedFileName || fileType === 'audio' || fileType === 'file' || !!replyTo.audio;
+    const renderMedia = () => ((0, jsx_runtime_1.jsxs)(react_native_1.View, { style: styles.mediaRow, children: [(0, jsx_runtime_1.jsxs)(react_native_1.View, { style: styles.textWrapper, children: [(0, jsx_runtime_1.jsx)(react_native_1.Text, { numberOfLines: 1, style: [styles.senderName, { color: theme.colors.darkPrimary }], children: senderName }), (0, jsx_runtime_1.jsx)(react_native_1.View, { style: !caption && fileType ? { minWidth: '100%' } : null, children: (0, jsx_runtime_1.jsx)(react_native_1.Text, { numberOfLines: 1, style: [styles.captionText, { color: theme.colors.gray }], children: caption || (fileType === 'image' || replyTo.image ? 'Photo' : 'Video') }) })] }), fileType === 'image' || replyTo.image ? ((0, jsx_runtime_1.jsx)(react_native_1.Image, { source: { uri: replyTo.image || replyTo.fileUrl }, style: styles.mediaThumb, resizeMode: "cover" })) : ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: styles.mediaThumb, children: (0, jsx_runtime_1.jsx)(Icons_1.VideoIcon, { size: 30, color: theme.colors.white }) }))] }));
+    const renderFileRow = () => ((0, jsx_runtime_1.jsxs)(react_native_1.View, { style: styles.fileRow, children: [fileType === 'audio' ||
+                replyTo.audio ||
+                (extension && ['mp3', 'wav', 'm4a', 'aac', 'ogg'].includes(extension)) ? ((0, jsx_runtime_1.jsx)(Icons_1.AudioIcon, { size: 18, color: theme.colors.gray })) : ((0, jsx_runtime_1.jsx)(Icons_1.FileIcon, { size: 18, color: theme.colors.gray })), (0, jsx_runtime_1.jsx)(react_native_1.Text, { numberOfLines: 1, style: [styles.fileName, { color: theme.colors.gray }], children: computedFileName || (extension ? extension.toUpperCase() : fileType || 'File') })] }));
+    return ((0, jsx_runtime_1.jsxs)(react_native_1.View, { style: [styles.container, { backgroundColor: theme.colors.softRed }], children: [(0, jsx_runtime_1.jsx)(react_native_1.View, { style: [styles.borderIndicator, { backgroundColor: theme.colors.primary }] }), (0, jsx_runtime_1.jsx)(react_native_1.View, { style: styles.textWrapper, children: isMedia ? (renderMedia()) : isFile ? (renderFileRow()) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(react_native_1.Text, { numberOfLines: 1, style: [styles.senderName, { color: theme.colors.darkPrimary }], children: senderName }), (0, jsx_runtime_1.jsx)(react_native_1.Text, { numberOfLines: 1, style: [styles.textSnippet, { color: theme.colors.darkBrown }], children: text })] })) })] }));
+};
+const styles = react_native_1.StyleSheet.create({
+    container: {
+        flexDirection: 'row',
+        backgroundColor: theme_1.defaultTheme.colors.softRed,
+        padding: utils_1.appSize.width(1.5),
+        borderRadius: utils_1.appSize.width(2),
+        width: 'auto',
+        maxWidth: '100%',
+        marginVertical: utils_1.appSize.height(0.5),
+    },
+    borderIndicator: {
+        width: 3,
+        backgroundColor: theme_1.defaultTheme.colors.primary,
+        borderRadius: 3,
+        marginRight: 8,
+    },
+    textWrapper: {
+        flexShrink: 1,
+    },
+    senderName: {
+        fontSize: utils_1.appSize.font(11),
+        fontWeight: '600',
+        color: theme_1.defaultTheme.colors.darkPrimary,
+    },
+    textSnippet: {
+        fontSize: utils_1.appSize.font(13),
+        color: theme_1.defaultTheme.colors.darkBrown,
+    },
+    mediaRow: {
+        flexDirection: 'row',
+        alignItems: 'center',
+    },
+    captionText: {
+        fontSize: utils_1.appSize.font(12),
+        color: theme_1.defaultTheme.colors.gray,
+    },
+    mediaThumb: {
+        width: utils_1.appSize.width(10),
+        height: utils_1.appSize.width(10),
+        borderRadius: 6,
+        marginLeft: 10,
+        overflow: 'hidden',
+        backgroundColor: '#ccc',
+        justifyContent: 'center',
+        alignItems: 'center',
+    },
+    fileRow: {
+        flexDirection: 'row',
+        alignItems: 'center',
+    },
+    fileName: {
+        marginLeft: 6,
+        color: theme_1.defaultTheme.colors.gray,
+    },
+});
+exports.default = ReplyPreview;

package/dist/components/UploadFooter.d.ts

@@ -0,0 +1,4 @@
+declare const UploadFooter: ({ onActionPress, }: {
+    onActionPress: (type: string) => void;
+}) => import("react/jsx-runtime").JSX.Element;
+export default UploadFooter;

package/dist/components/UploadFooter.js

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_native_1 = require("react-native");
+const react_native_safe_area_context_1 = require("react-native-safe-area-context");
+const utils_1 = require("../utils");
+const theme_1 = require("../utils/theme");
+const Icons_1 = require("./Icons");
+const uploadOptions = [
+    { id: '1', label: 'Image', icon: Icons_1.ImageIcon },
+    { id: '2', label: 'Video', icon: Icons_1.VideoIcon },
+    { id: '3', label: 'Document', icon: Icons_1.FileIcon },
+];
+const UploadFooter = ({ onActionPress, }) => {
+    const inset = (0, react_native_safe_area_context_1.useSafeAreaInsets)();
+    const theme = (0, theme_1.useTheme)();
+    return ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: [styles.container, { backgroundColor: theme.colors.verySoftGray }, { paddingBottom: inset.bottom + 20 }], children: uploadOptions.map(item => {
+            const Icon = item.icon;
+            return ((0, jsx_runtime_1.jsx)(react_native_1.TouchableOpacity, { style: styles.iconBox, onPress: () => onActionPress(item.label), children: (0, jsx_runtime_1.jsx)(Icon, { size: 22, color: theme.colors.darkRed }) }, item.id));
+        }) }));
+};
+const styles = react_native_1.StyleSheet.create({
+    container: {
+        flexDirection: 'row',
+        padding: utils_1.appSize.width(3),
+        backgroundColor: theme_1.defaultTheme.colors.verySoftGray,
+        justifyContent: 'space-between',
+    },
+    iconBox: {
+        padding: 10,
+    },
+});
+exports.default = UploadFooter;

package/dist/components/adapters/UniversalAudio.d.ts

@@ -0,0 +1,8 @@
+type EngineType = 'expo-audio' | 'rnsound' | 'none';
+export interface AudioEngineType {
+    type: EngineType;
+    ExpoAudio: any;
+    RNSound: any;
+}
+export declare const AudioEngine: AudioEngineType;
+export {};

package/dist/components/adapters/UniversalAudio.js

@@ -0,0 +1,23 @@
+"use strict";
+// src/adapters/UniversalAudio.ts
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AudioEngine = void 0;
+let ExpoAudio = null;
+let RNSound = null;
+// Try expo-audio first
+try {
+    ExpoAudio = require('expo-audio');
+}
+catch { }
+// Fallback to react-native-sound
+if (!ExpoAudio) {
+    try {
+        RNSound = require('react-native-sound');
+    }
+    catch { }
+}
+exports.AudioEngine = {
+    type: ExpoAudio ? 'expo-audio' : RNSound ? 'rnsound' : 'none',
+    ExpoAudio,
+    RNSound,
+};

package/dist/components/adapters/UniversalBlurView.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { ViewProps } from 'react-native';
+export declare const UniversalBlurView: React.FC<ViewProps & any>;

package/dist/components/adapters/UniversalBlurView.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UniversalBlurView = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_native_1 = require("react-native");
+let NativeBlurView = null;
+// Try Expo Blur first (Expo Go / Expo Dev Client)
+try {
+    NativeBlurView = require('expo-blur').BlurView;
+}
+catch { }
+// Fallback to community blur (Bare RN)
+if (!NativeBlurView) {
+    try {
+        NativeBlurView = require('@react-native-community/blur').BlurView;
+    }
+    catch { }
+}
+const UniversalBlurView = (props) => {
+    if (NativeBlurView) {
+        return (0, jsx_runtime_1.jsx)(NativeBlurView, { ...props });
+    }
+    // Final fallback (no blur installed)
+    return (0, jsx_runtime_1.jsx)(react_native_1.View, { ...props });
+};
+exports.UniversalBlurView = UniversalBlurView;

package/dist/components/adapters/UniversalVideo.d.ts

@@ -0,0 +1,8 @@
+type EngineType = 'expo-video' | 'rn-video' | 'none';
+export interface VideoEngineType {
+    type: EngineType;
+    ExpoVideo: any;
+    RNVideo: any;
+}
+export declare const VideoEngine: VideoEngineType;
+export {};

package/dist/components/adapters/UniversalVideo.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.VideoEngine = void 0;
+let ExpoVideo = null;
+let RNVideo = null;
+try {
+    ExpoVideo = require('expo-video');
+}
+catch { }
+if (!ExpoVideo) {
+    try {
+        RNVideo = require('react-native-video').default;
+    }
+    catch { }
+}
+exports.VideoEngine = {
+    type: ExpoVideo ? 'expo-video' : RNVideo ? 'rn-video' : 'none',
+    ExpoVideo,
+    RNVideo,
+};

package/dist/components/media/AudioCard.d.ts

@@ -0,0 +1,7 @@
+interface AudioMessageProps {
+    uri: string;
+    maxWidth?: number;
+    isMine?: boolean;
+}
+export default function AudioCard({ uri, maxWidth, isMine }: AudioMessageProps): import("react/jsx-runtime").JSX.Element;
+export {};