@harkenapp/sdk-react-native 0.0.1-alpha.1

package/dist/components/AttachmentGrid.js

@@ -0,0 +1,132 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AttachmentGrid = AttachmentGrid;
+const react_1 = __importDefault(require("react"));
+const react_native_1 = require("react-native");
+const hooks_1 = require("../hooks");
+const ThemedText_1 = require("./ThemedText");
+const AttachmentPreview_1 = require("./AttachmentPreview");
+/**
+ * Grid component for displaying multiple attachments.
+ *
+ * Shows attachment previews with upload status and an optional add button.
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * const { attachments, pickImage, retryAttachment, removeAttachment } = useAttachmentUpload();
+ *
+ * <AttachmentGrid
+ *   attachments={attachments}
+ *   onRetry={retryAttachment}
+ *   onRemove={removeAttachment}
+ *   onAdd={() => pickImage('library')}
+ *   maxAttachments={5}
+ * />
+ *
+ * // With custom add button
+ * <AttachmentGrid
+ *   attachments={attachments}
+ *   onAdd={showPicker}
+ *   addButtonIcon={<PlusIcon />}
+ *   addButtonLabel="Upload"
+ *   addButtonStyle={{ borderColor: 'blue' }}
+ * />
+ *
+ * // With fully custom renderers
+ * <AttachmentGrid
+ *   attachments={attachments}
+ *   renderAddButton={(onPress, disabled) => (
+ *     <MyButton onPress={onPress} disabled={disabled}>Add File</MyButton>
+ *   )}
+ *   renderTile={(attachment, onRetry, onRemove) => (
+ *     <MyTile
+ *       key={attachment.attachmentId}
+ *       {...attachment}
+ *       onRetry={onRetry}
+ *       onRemove={onRemove}
+ *     />
+ *   )}
+ * />
+ * ```
+ */
+function AttachmentGrid({ attachments, onRetry, onRemove, onAdd, maxAttachments = 10, tileSize = 80, gap, showAddButton = true, disabled = false, style, addButtonLabel = 'Add', addButtonIcon = '+', addButtonStyle, emptyText = 'No attachments', renderAddButton, renderTile, tileStyle, tileImageStyle, statusLabels, getFileIcon, renderPlaceholder, }) {
+    const theme = (0, hooks_1.useHarkenTheme)();
+    const effectiveGap = gap ?? theme.spacing.sm;
+    const canAddMore = attachments.length < maxAttachments;
+    const shouldShowAddButton = showAddButton && canAddMore && onAdd;
+    return (<react_native_1.View style={[
+            styles.container,
+            { gap: effectiveGap },
+            style,
+        ]}>
+      {attachments.map((attachment) => {
+            const handleRetry = onRetry ? () => onRetry(attachment.attachmentId) : undefined;
+            const handleRemove = onRemove ? () => onRemove(attachment.attachmentId) : undefined;
+            // Use custom renderer if provided
+            if (renderTile) {
+                return (<react_1.default.Fragment key={attachment.attachmentId}>
+              {renderTile(attachment, handleRetry, handleRemove)}
+            </react_1.default.Fragment>);
+            }
+            return (<AttachmentPreview_1.AttachmentPreview key={attachment.attachmentId} uri={attachment.localUri} mimeType={attachment.mimeType} fileName={attachment.fileName} phase={attachment.phase} progress={attachment.progress} error={attachment.error} onRetry={handleRetry} onRemove={handleRemove} size={tileSize} style={tileStyle} imageStyle={tileImageStyle} statusLabels={statusLabels} getFileIcon={getFileIcon} renderPlaceholder={renderPlaceholder}/>);
+        })}
+
+      {shouldShowAddButton && (renderAddButton ? (renderAddButton(onAdd, disabled)) : (<react_native_1.Pressable onPress={onAdd} disabled={disabled} style={({ pressed }) => [
+                styles.addButton,
+                {
+                    width: tileSize,
+                    height: tileSize,
+                    borderRadius: theme.radii.md,
+                    backgroundColor: pressed
+                        ? theme.colors.border
+                        : theme.colors.backgroundSecondary,
+                    borderWidth: 2,
+                    borderColor: theme.colors.border,
+                    borderStyle: 'dashed',
+                    opacity: disabled ? 0.5 : 1,
+                },
+                addButtonStyle,
+            ]}>
+            {typeof addButtonIcon === 'string' ? (<ThemedText_1.ThemedText style={[styles.addIcon, { color: theme.colors.textSecondary }]}>
+                {addButtonIcon}
+              </ThemedText_1.ThemedText>) : (addButtonIcon)}
+            <ThemedText_1.ThemedText variant="caption" secondary>
+              {addButtonLabel}
+            </ThemedText_1.ThemedText>
+          </react_native_1.Pressable>))}
+
+      {attachments.length === 0 && !shouldShowAddButton && (<react_native_1.View style={[
+                styles.emptyState,
+                {
+                    padding: theme.spacing.md,
+                },
+            ]}>
+          <ThemedText_1.ThemedText variant="caption" secondary>
+            {emptyText}
+          </ThemedText_1.ThemedText>
+        </react_native_1.View>)}
+    </react_native_1.View>);
+}
+const styles = react_native_1.StyleSheet.create({
+    container: {
+        flexDirection: 'row',
+        flexWrap: 'wrap',
+    },
+    addButton: {
+        alignItems: 'center',
+        justifyContent: 'center',
+    },
+    addIcon: {
+        fontSize: 28,
+        fontWeight: '300',
+        lineHeight: 32,
+    },
+    emptyState: {
+        alignItems: 'center',
+    },
+});
+//# sourceMappingURL=AttachmentGrid.js.map

package/dist/components/AttachmentGrid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AttachmentGrid.js","sourceRoot":"","sources":["../../src/components/AttachmentGrid.tsx"],"names":[],"mappings":"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"}

package/dist/components/AttachmentPicker.d.ts

@@ -0,0 +1,98 @@
+import React from 'react';
+import type { ViewStyle, StyleProp } from 'react-native';
+export type AttachmentSource = 'camera' | 'library' | 'document';
+/**
+ * Configuration for a single picker option.
+ */
+export interface PickerOptionConfig {
+    /** Custom label text */
+    label?: string;
+    /** Custom description text */
+    description?: string;
+    /** Icon background color (defaults to theme accent colors) */
+    color?: string;
+    /** Custom icon element (replaces default) */
+    icon?: React.ReactNode;
+    /** Hide this option entirely */
+    hidden?: boolean;
+}
+export interface AttachmentPickerProps {
+    /** Whether the picker is visible */
+    visible: boolean;
+    /** Callback when picker is closed */
+    onClose: () => void;
+    /** Callback when camera is selected */
+    onTakePhoto: () => void;
+    /** Callback when photo library is selected */
+    onPickFromLibrary: () => void;
+    /** Callback when document picker is selected */
+    onPickDocument: () => void;
+    /** Title shown in the picker */
+    title?: string;
+    /**
+     * Custom render function for option icons.
+     * @deprecated Use `options.camera.icon` etc. instead
+     */
+    renderIcon?: (source: AttachmentSource) => React.ReactNode;
+    /** Customize individual picker options */
+    options?: {
+        camera?: PickerOptionConfig;
+        library?: PickerOptionConfig;
+        document?: PickerOptionConfig;
+    };
+    /** Cancel button label */
+    cancelLabel?: string;
+    /** Overlay background color */
+    overlayColor?: string;
+    /** Bottom sheet corner radius */
+    sheetRadius?: number;
+    /** Additional style for bottom sheet container */
+    sheetStyle?: StyleProp<ViewStyle>;
+    /** Additional style for option rows */
+    optionStyle?: StyleProp<ViewStyle>;
+}
+/**
+ * Platform-appropriate attachment source picker.
+ *
+ * - **iOS**: Uses native `ActionSheetIOS` for platform-native experience
+ * - **Android**: Uses a bottom sheet modal with styled options
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <AttachmentPicker
+ *   visible={showPicker}
+ *   onClose={() => setShowPicker(false)}
+ *   onTakePhoto={() => pickImage('camera')}
+ *   onPickFromLibrary={() => pickImage('library')}
+ *   onPickDocument={() => pickDocument()}
+ * />
+ *
+ * // With customization
+ * <AttachmentPicker
+ *   visible={showPicker}
+ *   onClose={() => setShowPicker(false)}
+ *   onTakePhoto={() => pickImage('camera')}
+ *   onPickFromLibrary={() => pickImage('library')}
+ *   onPickDocument={() => pickDocument()}
+ *   title="Attach File"
+ *   cancelLabel="Dismiss"
+ *   options={{
+ *     camera: {
+ *       label: 'Take Photo',
+ *       icon: <CameraIcon />,
+ *       color: '#007AFF',
+ *     },
+ *     library: {
+ *       label: 'Choose Photo',
+ *       icon: <PhotoIcon />,
+ *     },
+ *     document: {
+ *       hidden: true, // Hide files option
+ *     },
+ *   }}
+ * />
+ * ```
+ */
+export declare function AttachmentPicker({ visible, onClose, onTakePhoto, onPickFromLibrary, onPickDocument, title, renderIcon, options: optionOverrides, cancelLabel, overlayColor, sheetRadius, sheetStyle, optionStyle, }: AttachmentPickerProps): React.JSX.Element | null;
+//# sourceMappingURL=AttachmentPicker.d.ts.map

package/dist/components/AttachmentPicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AttachmentPicker.d.ts","sourceRoot":"","sources":["../../src/components/AttachmentPicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAUjD,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAKzD,MAAM,MAAM,gBAAgB,GAAG,QAAQ,GAAG,SAAS,GAAG,UAAU,CAAC;AAEjE;;GAEG;AACH,MAAM,WAAW,kBAAkB;IACjC,wBAAwB;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8BAA8B;IAC9B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,8DAA8D;IAC9D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,6CAA6C;IAC7C,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,gCAAgC;IAChC,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,WAAW,qBAAqB;IACpC,oCAAoC;IACpC,OAAO,EAAE,OAAO,CAAC;IACjB,qCAAqC;IACrC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,uCAAuC;IACvC,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,8CAA8C;IAC9C,iBAAiB,EAAE,MAAM,IAAI,CAAC;IAC9B,gDAAgD;IAChD,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,gCAAgC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,gBAAgB,KAAK,KAAK,CAAC,SAAS,CAAC;IAC3D,0CAA0C;IAC1C,OAAO,CAAC,EAAE;QACR,MAAM,CAAC,EAAE,kBAAkB,CAAC;QAC5B,OAAO,CAAC,EAAE,kBAAkB,CAAC;QAC7B,QAAQ,CAAC,EAAE,kBAAkB,CAAC;KAC/B,CAAC;IACF,0BAA0B;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,+BAA+B;IAC/B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iCAAiC;IACjC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kDAAkD;IAClD,UAAU,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAClC,uCAAuC;IACvC,WAAW,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CACpC;AAYD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0CG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,OAAO,EACP,OAAO,EACP,WAAW,EACX,iBAAiB,EACjB,cAAc,EACd,KAAwB,EACxB,UAAU,EACV,OAAO,EAAE,eAAe,EACxB,WAAsB,EACtB,YAAY,EACZ,WAAW,EACX,UAAU,EACV,WAAW,GACZ,EAAE,qBAAqB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,CA4LlD"}

package/dist/components/AttachmentPicker.js

@@ -0,0 +1,297 @@
+"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;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AttachmentPicker = AttachmentPicker;
+const react_1 = __importStar(require("react"));
+const react_native_1 = require("react-native");
+const react_native_safe_area_context_1 = require("react-native-safe-area-context");
+const hooks_1 = require("../hooks");
+const ThemedText_1 = require("./ThemedText");
+/**
+ * Platform-appropriate attachment source picker.
+ *
+ * - **iOS**: Uses native `ActionSheetIOS` for platform-native experience
+ * - **Android**: Uses a bottom sheet modal with styled options
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <AttachmentPicker
+ *   visible={showPicker}
+ *   onClose={() => setShowPicker(false)}
+ *   onTakePhoto={() => pickImage('camera')}
+ *   onPickFromLibrary={() => pickImage('library')}
+ *   onPickDocument={() => pickDocument()}
+ * />
+ *
+ * // With customization
+ * <AttachmentPicker
+ *   visible={showPicker}
+ *   onClose={() => setShowPicker(false)}
+ *   onTakePhoto={() => pickImage('camera')}
+ *   onPickFromLibrary={() => pickImage('library')}
+ *   onPickDocument={() => pickDocument()}
+ *   title="Attach File"
+ *   cancelLabel="Dismiss"
+ *   options={{
+ *     camera: {
+ *       label: 'Take Photo',
+ *       icon: <CameraIcon />,
+ *       color: '#007AFF',
+ *     },
+ *     library: {
+ *       label: 'Choose Photo',
+ *       icon: <PhotoIcon />,
+ *     },
+ *     document: {
+ *       hidden: true, // Hide files option
+ *     },
+ *   }}
+ * />
+ * ```
+ */
+function AttachmentPicker({ visible, onClose, onTakePhoto, onPickFromLibrary, onPickDocument, title = 'Add Attachment', renderIcon, options: optionOverrides, cancelLabel = 'Cancel', overlayColor, sheetRadius, sheetStyle, optionStyle, }) {
+    const theme = (0, hooks_1.useHarkenTheme)();
+    const screenHeight = react_native_1.Dimensions.get('window').height;
+    // Prevent double-triggering ActionSheetIOS if callbacks change
+    const isShowingRef = (0, react_1.useRef)(false);
+    // Build options with defaults and overrides
+    const options = [
+        {
+            key: 'camera',
+            label: optionOverrides?.camera?.label ?? 'Camera',
+            description: optionOverrides?.camera?.description ?? 'Take a new photo',
+            color: optionOverrides?.camera?.color ?? theme.colors.accent1,
+            icon: optionOverrides?.camera?.icon ??
+                (renderIcon ? renderIcon('camera') : <DefaultIcon emoji="📷"/>),
+            action: onTakePhoto,
+            hidden: optionOverrides?.camera?.hidden ?? false,
+        },
+        {
+            key: 'library',
+            label: optionOverrides?.library?.label ?? 'Photo Library',
+            description: optionOverrides?.library?.description ?? 'Choose from existing photos',
+            color: optionOverrides?.library?.color ?? theme.colors.accent2,
+            icon: optionOverrides?.library?.icon ??
+                (renderIcon ? renderIcon('library') : <DefaultIcon emoji="🖼️"/>),
+            action: onPickFromLibrary,
+            hidden: optionOverrides?.library?.hidden ?? false,
+        },
+        {
+            key: 'document',
+            label: optionOverrides?.document?.label ?? 'Files',
+            description: optionOverrides?.document?.description ?? 'Browse documents and files',
+            color: optionOverrides?.document?.color ?? theme.colors.accent3,
+            icon: optionOverrides?.document?.icon ??
+                (renderIcon ? renderIcon('document') : <DefaultIcon emoji="📄"/>),
+            action: onPickDocument,
+            hidden: optionOverrides?.document?.hidden ?? false,
+        },
+    ];
+    const visibleOptions = options.filter((o) => !o.hidden);
+    const handleOptionPress = (action) => {
+        onClose();
+        // Small delay to let modal close animation finish
+        setTimeout(action, 100);
+    };
+    // iOS: Use native ActionSheetIOS
+    (0, react_1.useEffect)(() => {
+        if (!visible) {
+            isShowingRef.current = false;
+            return;
+        }
+        if (visible && react_native_1.Platform.OS === 'ios' && !isShowingRef.current) {
+            isShowingRef.current = true;
+            // Build iOS action sheet options from visible options
+            const iosOptions = [cancelLabel, ...visibleOptions.map((o) => o.label)];
+            react_native_1.ActionSheetIOS.showActionSheetWithOptions({
+                options: iosOptions,
+                cancelButtonIndex: 0,
+                title,
+            }, (buttonIndex) => {
+                isShowingRef.current = false;
+                onClose();
+                if (buttonIndex > 0) {
+                    const selectedOption = visibleOptions[buttonIndex - 1];
+                    if (selectedOption) {
+                        setTimeout(() => selectedOption.action(), 100);
+                    }
+                }
+            });
+        }
+    }, [visible, onClose, visibleOptions, title, cancelLabel]);
+    // iOS: Don't render modal - we use ActionSheetIOS instead
+    if (react_native_1.Platform.OS === 'ios') {
+        return null;
+    }
+    const resolvedOverlayColor = overlayColor ?? theme.colors.overlay;
+    const resolvedSheetRadius = sheetRadius ?? theme.radii.xl;
+    // Android: Use bottom sheet modal
+    return (<react_native_1.Modal visible={visible} transparent animationType="slide" onRequestClose={onClose}>
+      <react_native_safe_area_context_1.SafeAreaView style={styles.modalContainer}>
+        {/* Background overlay */}
+        <react_native_1.Pressable style={[styles.overlay, { backgroundColor: resolvedOverlayColor }]} onPress={onClose}>
+          {/* Bottom sheet */}
+          <react_native_1.View style={[
+            styles.bottomSheet,
+            {
+                backgroundColor: theme.colors.background,
+                maxHeight: screenHeight * 0.6,
+                borderTopLeftRadius: resolvedSheetRadius,
+                borderTopRightRadius: resolvedSheetRadius,
+            },
+            sheetStyle,
+        ]} 
+    // Prevent touches from passing through to background
+    onStartShouldSetResponder={() => true}>
+            {/* Handle bar */}
+            <react_native_1.View style={styles.handleContainer}>
+              <react_native_1.View style={[
+            styles.handle,
+            { backgroundColor: theme.colors.textSecondary },
+        ]}/>
+            </react_native_1.View>
+
+            {/* Title */}
+            <react_native_1.View style={styles.titleContainer}>
+              <ThemedText_1.ThemedText variant="title" style={styles.title}>
+                {title}
+              </ThemedText_1.ThemedText>
+            </react_native_1.View>
+
+            {/* Options */}
+            <react_native_1.View style={styles.optionsContainer}>
+              {visibleOptions.map((option) => (<react_native_1.Pressable key={option.key} style={({ pressed }) => [
+                styles.option,
+                {
+                    backgroundColor: pressed
+                        ? theme.colors.border
+                        : theme.colors.backgroundSecondary,
+                    borderRadius: theme.radii.md,
+                },
+                optionStyle,
+            ]} onPress={() => handleOptionPress(option.action)}>
+                  <react_native_1.View style={[
+                styles.iconContainer,
+                {
+                    backgroundColor: option.color,
+                    borderRadius: theme.radii.full,
+                },
+            ]}>
+                    {option.icon}
+                  </react_native_1.View>
+                  <react_native_1.View style={styles.optionText}>
+                    <ThemedText_1.ThemedText variant="label">{option.label}</ThemedText_1.ThemedText>
+                    <ThemedText_1.ThemedText variant="caption" secondary>
+                      {option.description}
+                    </ThemedText_1.ThemedText>
+                  </react_native_1.View>
+                </react_native_1.Pressable>))}
+
+              {/* Cancel Button */}
+              <react_native_1.Pressable style={styles.cancelButton} onPress={onClose}>
+                <ThemedText_1.ThemedText secondary>{cancelLabel}</ThemedText_1.ThemedText>
+              </react_native_1.Pressable>
+            </react_native_1.View>
+          </react_native_1.View>
+        </react_native_1.Pressable>
+      </react_native_safe_area_context_1.SafeAreaView>
+    </react_native_1.Modal>);
+}
+/**
+ * Default emoji icon component.
+ */
+function DefaultIcon({ emoji }) {
+    return <ThemedText_1.ThemedText style={styles.defaultIcon}>{emoji}</ThemedText_1.ThemedText>;
+}
+const styles = react_native_1.StyleSheet.create({
+    modalContainer: {
+        flex: 1,
+    },
+    overlay: {
+        flex: 1,
+        justifyContent: 'flex-end',
+    },
+    bottomSheet: {
+        paddingBottom: 20,
+    },
+    handleContainer: {
+        alignItems: 'center',
+        paddingVertical: 12,
+    },
+    handle: {
+        width: 36,
+        height: 4,
+        borderRadius: 2,
+        opacity: 0.3,
+    },
+    titleContainer: {
+        paddingHorizontal: 20,
+        paddingBottom: 16,
+    },
+    title: {
+        textAlign: 'center',
+    },
+    optionsContainer: {
+        paddingHorizontal: 20,
+    },
+    option: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        paddingVertical: 16,
+        paddingHorizontal: 16,
+        marginBottom: 8,
+    },
+    iconContainer: {
+        width: 44,
+        height: 44,
+        alignItems: 'center',
+        justifyContent: 'center',
+        marginRight: 16,
+    },
+    defaultIcon: {
+        fontSize: 22,
+    },
+    optionText: {
+        flex: 1,
+        gap: 2,
+    },
+    cancelButton: {
+        paddingVertical: 16,
+        alignItems: 'center',
+        marginTop: 12,
+    },
+});
+//# sourceMappingURL=AttachmentPicker.js.map

package/dist/components/AttachmentPicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AttachmentPicker.js","sourceRoot":"","sources":["../../src/components/AttachmentPicker.tsx"],"names":[],"mappings":"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"}

package/dist/components/AttachmentPreview.d.ts

@@ -0,0 +1,78 @@
+import React from 'react';
+import type { ViewStyle, StyleProp, ImageStyle } from 'react-native';
+import type { UploadStatusLabels } from './UploadStatusOverlay';
+import { UploadPhase } from '../domain';
+export interface AttachmentPreviewProps {
+    /** Local file URI for preview */
+    uri: string;
+    /** MIME type of the file */
+    mimeType?: string;
+    /** File name (shown for non-image files) */
+    fileName?: string;
+    /** Current upload phase */
+    phase: UploadPhase;
+    /** Upload progress (0.0 - 1.0) */
+    progress: number;
+    /** Error message if failed */
+    error?: string;
+    /** Callback when retry is pressed */
+    onRetry?: () => void;
+    /** Callback when remove is pressed */
+    onRemove?: () => void;
+    /** Size of the preview */
+    size?: number;
+    /** Additional container style */
+    style?: StyleProp<ViewStyle>;
+    /** Additional image style */
+    imageStyle?: StyleProp<ImageStyle>;
+    /** Custom renderer for non-image file placeholders */
+    renderPlaceholder?: (mimeType: string, fileName?: string) => React.ReactNode;
+    /** Custom file icon function (returns string emoji or React node) */
+    getFileIcon?: (mimeType: string) => React.ReactNode | string;
+    /** Custom labels for upload status overlay */
+    statusLabels?: UploadStatusLabels;
+}
+/**
+ * Preview component for a single attachment with upload status.
+ *
+ * Shows image thumbnail for images, file icon for other types.
+ * Includes upload status overlay with progress/retry/remove actions.
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <AttachmentPreview
+ *   uri={attachment.localUri}
+ *   mimeType={attachment.mimeType}
+ *   phase={attachment.phase}
+ *   progress={attachment.progress}
+ *   onRetry={() => retryAttachment(attachment.attachmentId)}
+ *   onRemove={() => removeAttachment(attachment.attachmentId)}
+ * />
+ *
+ * // With custom file icon
+ * <AttachmentPreview
+ *   uri={attachment.localUri}
+ *   mimeType={attachment.mimeType}
+ *   phase={attachment.phase}
+ *   progress={attachment.progress}
+ *   getFileIcon={(mime) => {
+ *     if (mime === 'application/pdf') return <PdfIcon />;
+ *     return '📄';
+ *   }}
+ * />
+ *
+ * // With custom placeholder
+ * <AttachmentPreview
+ *   uri={attachment.localUri}
+ *   mimeType={attachment.mimeType}
+ *   phase={attachment.phase}
+ *   progress={attachment.progress}
+ *   renderPlaceholder={(mime, name) => (
+ *     <MyCustomPlaceholder mimeType={mime} fileName={name} />
+ *   )}
+ * />
+ * ```
+ */
+export declare function AttachmentPreview({ uri, mimeType, fileName, phase, progress, error, onRetry, onRemove, size, style, imageStyle, renderPlaceholder, getFileIcon: customGetFileIcon, statusLabels, }: AttachmentPreviewProps): React.JSX.Element;
+//# sourceMappingURL=AttachmentPreview.d.ts.map

package/dist/components/AttachmentPreview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AttachmentPreview.d.ts","sourceRoot":"","sources":["../../src/components/AttachmentPreview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAIrE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAChE,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAExC,MAAM,WAAW,sBAAsB;IACrC,iCAAiC;IACjC,GAAG,EAAE,MAAM,CAAC;IACZ,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,2BAA2B;IAC3B,KAAK,EAAE,WAAW,CAAC;IACnB,kCAAkC;IAClC,QAAQ,EAAE,MAAM,CAAC;IACjB,8BAA8B;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qCAAqC;IACrC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,sCAAsC;IACtC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,0BAA0B;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,iCAAiC;IACjC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,6BAA6B;IAC7B,UAAU,CAAC,EAAE,SAAS,CAAC,UAAU,CAAC,CAAC;IACnC,sDAAsD;IACtD,iBAAiB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;IAC7E,qEAAqE;IACrE,WAAW,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,GAAG,MAAM,CAAC;IAC7D,8CAA8C;IAC9C,YAAY,CAAC,EAAE,kBAAkB,CAAC;CACnC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyCG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,GAAG,EACH,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,KAAK,EACL,OAAO,EACP,QAAQ,EACR,IAAS,EACT,KAAK,EACL,UAAU,EACV,iBAAiB,EACjB,WAAW,EAAE,iBAAiB,EAC9B,YAAY,GACb,EAAE,sBAAsB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAsE5C"}