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

package/dist/components/AttachmentPreview.js

@@ -0,0 +1,133 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AttachmentPreview = AttachmentPreview;
+const react_1 = __importDefault(require("react"));
+const react_native_1 = require("react-native");
+const hooks_1 = require("../hooks");
+const ThemedText_1 = require("./ThemedText");
+const UploadStatusOverlay_1 = require("./UploadStatusOverlay");
+/**
+ * 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} />
+ *   )}
+ * />
+ * ```
+ */
+function AttachmentPreview({ uri, mimeType, fileName, phase, progress, error, onRetry, onRemove, size = 80, style, imageStyle, renderPlaceholder, getFileIcon: customGetFileIcon, statusLabels, }) {
+    const theme = (0, hooks_1.useHarkenTheme)();
+    const isImage = mimeType?.startsWith('image/') ?? true;
+    const renderFileContent = () => {
+        if (renderPlaceholder && mimeType) {
+            return renderPlaceholder(mimeType, fileName);
+        }
+        const icon = customGetFileIcon
+            ? customGetFileIcon(mimeType ?? '')
+            : getDefaultFileIcon(mimeType);
+        return (<react_native_1.View style={styles.filePreview}>
+        {typeof icon === 'string' ? (<ThemedText_1.ThemedText style={styles.fileIcon}>{icon}</ThemedText_1.ThemedText>) : (icon)}
+        {fileName && (<ThemedText_1.ThemedText variant="caption" secondary numberOfLines={2} style={styles.fileName}>
+            {fileName}
+          </ThemedText_1.ThemedText>)}
+      </react_native_1.View>);
+    };
+    return (<react_native_1.View style={[
+            styles.container,
+            {
+                width: size,
+                height: size,
+                borderRadius: theme.radii.md,
+                backgroundColor: theme.colors.backgroundSecondary,
+                borderWidth: 1,
+                borderColor: theme.colors.border,
+                overflow: 'hidden',
+            },
+            style,
+        ]}>
+      {isImage ? (<react_native_1.Image source={{ uri }} style={[styles.image, { width: size, height: size }, imageStyle]} resizeMode="cover"/>) : (renderFileContent())}
+
+      <UploadStatusOverlay_1.UploadStatusOverlay phase={phase} progress={progress} error={error} onRetry={onRetry} onRemove={onRemove} labels={statusLabels}/>
+    </react_native_1.View>);
+}
+/**
+ * Get default file icon emoji based on MIME type.
+ */
+function getDefaultFileIcon(mimeType) {
+    if (!mimeType)
+        return '📄';
+    if (mimeType.startsWith('image/'))
+        return '🖼️';
+    if (mimeType.startsWith('video/'))
+        return '🎬';
+    if (mimeType === 'application/pdf')
+        return '📕';
+    if (mimeType.includes('spreadsheet') || mimeType.includes('excel'))
+        return '📊';
+    if (mimeType.includes('document') || mimeType.includes('word'))
+        return '📝';
+    if (mimeType.includes('presentation') || mimeType.includes('powerpoint'))
+        return '📽️';
+    if (mimeType.includes('zip') || mimeType.includes('archive'))
+        return '📦';
+    return '📄';
+}
+const styles = react_native_1.StyleSheet.create({
+    container: {
+        position: 'relative',
+    },
+    image: {
+        backgroundColor: '#f0f0f0',
+    },
+    filePreview: {
+        flex: 1,
+        alignItems: 'center',
+        justifyContent: 'center',
+        padding: 8,
+    },
+    fileIcon: {
+        fontSize: 28,
+    },
+    fileName: {
+        marginTop: 4,
+        textAlign: 'center',
+        fontSize: 10,
+    },
+});
+//# sourceMappingURL=AttachmentPreview.js.map

package/dist/components/AttachmentPreview.js.map

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

package/dist/components/CategorySelector.d.ts

@@ -0,0 +1,77 @@
+import React from 'react';
+import type { ViewStyle, StyleProp } from 'react-native';
+import type { FeedbackCategory } from '../types';
+export interface CategoryOption {
+    value: FeedbackCategory;
+    label: string;
+    emoji?: string;
+    /** Custom icon element (replaces emoji) */
+    icon?: React.ReactNode;
+}
+export declare const DEFAULT_CATEGORIES: CategoryOption[];
+export interface CategorySelectorProps {
+    /** Currently selected category */
+    value: FeedbackCategory | null;
+    /** Callback when category is selected */
+    onChange: (category: FeedbackCategory) => void;
+    /** Custom categories (defaults to bug, idea, ux, other) */
+    categories?: CategoryOption[];
+    /** Disable interaction */
+    disabled?: boolean;
+    /** Custom renderer for category chips */
+    renderCategory?: (option: CategoryOption, isSelected: boolean, onSelect: () => void) => React.ReactNode;
+    /** Style for the container */
+    style?: StyleProp<ViewStyle>;
+    /** Style for unselected chips */
+    chipStyle?: StyleProp<ViewStyle>;
+    /** Style for selected chips */
+    selectedChipStyle?: StyleProp<ViewStyle>;
+}
+/**
+ * Category selector for feedback type.
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <CategorySelector
+ *   value={category}
+ *   onChange={setCategory}
+ * />
+ *
+ * // Custom categories without emojis
+ * <CategorySelector
+ *   value={category}
+ *   onChange={setCategory}
+ *   categories={[
+ *     { value: 'bug', label: 'Report Bug' },
+ *     { value: 'idea', label: 'Feature Request' },
+ *   ]}
+ * />
+ *
+ * // With custom icons
+ * <CategorySelector
+ *   value={category}
+ *   onChange={setCategory}
+ *   categories={[
+ *     { value: 'bug', label: 'Bug', icon: <BugIcon /> },
+ *     { value: 'idea', label: 'Idea', icon: <LightbulbIcon /> },
+ *   ]}
+ * />
+ *
+ * // Fully custom rendering
+ * <CategorySelector
+ *   value={category}
+ *   onChange={setCategory}
+ *   renderCategory={(option, isSelected, onSelect) => (
+ *     <MyCustomChip
+ *       key={option.value}
+ *       selected={isSelected}
+ *       onPress={onSelect}
+ *       label={option.label}
+ *     />
+ *   )}
+ * />
+ * ```
+ */
+export declare function CategorySelector({ value, onChange, categories, disabled, renderCategory, style, chipStyle, selectedChipStyle, }: CategorySelectorProps): React.JSX.Element;
+//# sourceMappingURL=CategorySelector.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CategorySelector.d.ts","sourceRoot":"","sources":["../../src/components/CategorySelector.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAGzD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAEjD,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,gBAAgB,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2CAA2C;IAC3C,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB;AAED,eAAO,MAAM,kBAAkB,EAAE,cAAc,EAK9C,CAAC;AAEF,MAAM,WAAW,qBAAqB;IACpC,kCAAkC;IAClC,KAAK,EAAE,gBAAgB,GAAG,IAAI,CAAC;IAC/B,yCAAyC;IACzC,QAAQ,EAAE,CAAC,QAAQ,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAC/C,2DAA2D;IAC3D,UAAU,CAAC,EAAE,cAAc,EAAE,CAAC;IAC9B,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,yCAAyC;IACzC,cAAc,CAAC,EAAE,CACf,MAAM,EAAE,cAAc,EACtB,UAAU,EAAE,OAAO,EACnB,QAAQ,EAAE,MAAM,IAAI,KACjB,KAAK,CAAC,SAAS,CAAC;IACrB,8BAA8B;IAC9B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,iCAAiC;IACjC,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACjC,+BAA+B;IAC/B,iBAAiB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC1C;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6CG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,QAAQ,EACR,UAA+B,EAC/B,QAAgB,EAChB,cAAc,EACd,KAAK,EACL,SAAS,EACT,iBAAiB,GAClB,EAAE,qBAAqB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAyE3C"}

package/dist/components/CategorySelector.js

@@ -0,0 +1,117 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DEFAULT_CATEGORIES = void 0;
+exports.CategorySelector = CategorySelector;
+const react_1 = __importDefault(require("react"));
+const react_native_1 = require("react-native");
+const hooks_1 = require("../hooks");
+const ThemedText_1 = require("./ThemedText");
+exports.DEFAULT_CATEGORIES = [
+    { value: 'bug', label: 'Bug', emoji: '🐛' },
+    { value: 'idea', label: 'Idea', emoji: '💡' },
+    { value: 'ux', label: 'UX', emoji: '✨' },
+    { value: 'other', label: 'Other', emoji: '💬' },
+];
+/**
+ * Category selector for feedback type.
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <CategorySelector
+ *   value={category}
+ *   onChange={setCategory}
+ * />
+ *
+ * // Custom categories without emojis
+ * <CategorySelector
+ *   value={category}
+ *   onChange={setCategory}
+ *   categories={[
+ *     { value: 'bug', label: 'Report Bug' },
+ *     { value: 'idea', label: 'Feature Request' },
+ *   ]}
+ * />
+ *
+ * // With custom icons
+ * <CategorySelector
+ *   value={category}
+ *   onChange={setCategory}
+ *   categories={[
+ *     { value: 'bug', label: 'Bug', icon: <BugIcon /> },
+ *     { value: 'idea', label: 'Idea', icon: <LightbulbIcon /> },
+ *   ]}
+ * />
+ *
+ * // Fully custom rendering
+ * <CategorySelector
+ *   value={category}
+ *   onChange={setCategory}
+ *   renderCategory={(option, isSelected, onSelect) => (
+ *     <MyCustomChip
+ *       key={option.value}
+ *       selected={isSelected}
+ *       onPress={onSelect}
+ *       label={option.label}
+ *     />
+ *   )}
+ * />
+ * ```
+ */
+function CategorySelector({ value, onChange, categories = exports.DEFAULT_CATEGORIES, disabled = false, renderCategory, style, chipStyle, selectedChipStyle, }) {
+    const theme = (0, hooks_1.useHarkenTheme)();
+    const containerStyle = {
+        flexDirection: 'row',
+        flexWrap: 'wrap',
+        gap: theme.spacing.sm,
+    };
+    return (<react_native_1.View style={[containerStyle, style]}>
+      {categories.map((category) => {
+            const isSelected = value === category.value;
+            const onSelect = () => onChange(category.value);
+            // Use custom renderer if provided
+            if (renderCategory) {
+                return (<react_1.default.Fragment key={category.value}>
+              {renderCategory(category, isSelected, onSelect)}
+            </react_1.default.Fragment>);
+            }
+            const baseChipStyle = {
+                flexDirection: 'row',
+                alignItems: 'center',
+                paddingVertical: theme.spacing.sm,
+                paddingHorizontal: theme.spacing.md,
+                borderRadius: theme.radii.full,
+                borderWidth: 1,
+                borderColor: isSelected ? theme.colors.primary : theme.colors.border,
+                backgroundColor: isSelected
+                    ? theme.colors.primary
+                    : theme.colors.backgroundSecondary,
+                opacity: disabled ? 0.6 : 1,
+            };
+            const textColor = isSelected
+                ? theme.colors.textOnPrimary
+                : theme.colors.text;
+            return (<react_native_1.Pressable key={category.value} onPress={onSelect} disabled={disabled} style={({ pressed }) => [
+                    baseChipStyle,
+                    chipStyle,
+                    isSelected && selectedChipStyle,
+                    pressed && !disabled && {
+                        opacity: 0.8,
+                    },
+                ]}>
+            {category.icon ? (<react_native_1.View style={{ marginRight: theme.spacing.xs }}>
+                {category.icon}
+              </react_native_1.View>) : category.emoji ? (<ThemedText_1.ThemedText style={{ marginRight: theme.spacing.xs }}>
+                {category.emoji}
+              </ThemedText_1.ThemedText>) : null}
+            <ThemedText_1.ThemedText variant="label" color={textColor}>
+              {category.label}
+            </ThemedText_1.ThemedText>
+          </react_native_1.Pressable>);
+        })}
+    </react_native_1.View>);
+}
+//# sourceMappingURL=CategorySelector.js.map

package/dist/components/CategorySelector.js.map

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

package/dist/components/FeedbackForm.d.ts

@@ -0,0 +1,50 @@
+import React from 'react';
+import type { CategoryOption } from './CategorySelector';
+import type { FeedbackCategory } from '../types';
+export interface FeedbackFormData {
+    message: string;
+    category: FeedbackCategory | null;
+}
+export interface FeedbackFormProps {
+    /** Called when form is submitted */
+    onSubmit: (data: FeedbackFormData) => void | Promise<void>;
+    /** Called when form is cancelled/dismissed */
+    onCancel?: () => void;
+    /** Title text */
+    title?: string;
+    /** Placeholder text for message input */
+    placeholder?: string;
+    /** Submit button text */
+    submitLabel?: string;
+    /** Cancel button text */
+    cancelLabel?: string;
+    /** Custom categories */
+    categories?: CategoryOption[];
+    /** Whether category selection is required */
+    requireCategory?: boolean;
+    /** Minimum message length */
+    minMessageLength?: number;
+    /** Maximum message length */
+    maxMessageLength?: number;
+    /** Loading state (disables form) */
+    loading?: boolean;
+    /** Initial form values */
+    initialValues?: Partial<FeedbackFormData>;
+}
+/**
+ * Feedback composer form component.
+ *
+ * A minimal, themed form for collecting user feedback.
+ *
+ * @example
+ * ```tsx
+ * <FeedbackForm
+ *   onSubmit={async (data) => {
+ *     await submitFeedback(data);
+ *   }}
+ *   onCancel={() => setVisible(false)}
+ * />
+ * ```
+ */
+export declare function FeedbackForm({ onSubmit, onCancel, title, placeholder, submitLabel, cancelLabel, categories, requireCategory, minMessageLength, maxMessageLength, loading, initialValues, }: FeedbackFormProps): React.JSX.Element;
+//# sourceMappingURL=FeedbackForm.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FeedbackForm.d.ts","sourceRoot":"","sources":["../../src/components/FeedbackForm.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgC,MAAM,OAAO,CAAC;AAQrD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACzD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAEjD,MAAM,WAAW,gBAAgB;IAC/B,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,gBAAgB,GAAG,IAAI,CAAC;CACnC;AAED,MAAM,WAAW,iBAAiB;IAChC,oCAAoC;IACpC,QAAQ,EAAE,CAAC,IAAI,EAAE,gBAAgB,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC3D,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,iBAAiB;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,yCAAyC;IACzC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,yBAAyB;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,yBAAyB;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,wBAAwB;IACxB,UAAU,CAAC,EAAE,cAAc,EAAE,CAAC;IAC9B,6CAA6C;IAC7C,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,6BAA6B;IAC7B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,6BAA6B;IAC7B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,oCAAoC;IACpC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,0BAA0B;IAC1B,aAAa,CAAC,EAAE,OAAO,CAAC,gBAAgB,CAAC,CAAC;CAC3C;AAED;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,QAAQ,EACR,KAAuB,EACvB,WAA6C,EAC7C,WAAsB,EACtB,WAAsB,EACtB,UAAU,EACV,eAAuB,EACvB,gBAAoB,EACpB,gBAAuB,EACvB,OAAe,EACf,aAAa,GACd,EAAE,iBAAiB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAgJvC"}

package/dist/components/FeedbackForm.js

@@ -0,0 +1,141 @@
+"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.FeedbackForm = FeedbackForm;
+const react_1 = __importStar(require("react"));
+const react_native_1 = require("react-native");
+const hooks_1 = require("../hooks");
+const ThemedText_1 = require("./ThemedText");
+const ThemedTextInput_1 = require("./ThemedTextInput");
+const ThemedButton_1 = require("./ThemedButton");
+const CategorySelector_1 = require("./CategorySelector");
+/**
+ * Feedback composer form component.
+ *
+ * A minimal, themed form for collecting user feedback.
+ *
+ * @example
+ * ```tsx
+ * <FeedbackForm
+ *   onSubmit={async (data) => {
+ *     await submitFeedback(data);
+ *   }}
+ *   onCancel={() => setVisible(false)}
+ * />
+ * ```
+ */
+function FeedbackForm({ onSubmit, onCancel, title = 'Send Feedback', placeholder = 'What would you like to share?', submitLabel = 'Submit', cancelLabel = 'Cancel', categories, requireCategory = false, minMessageLength = 1, maxMessageLength = 5000, loading = false, initialValues, }) {
+    const theme = (0, hooks_1.useHarkenTheme)();
+    const [message, setMessage] = (0, react_1.useState)(initialValues?.message ?? '');
+    const [category, setCategory] = (0, react_1.useState)(initialValues?.category ?? null);
+    const [isSubmitting, setIsSubmitting] = (0, react_1.useState)(false);
+    const trimmedMessage = message.trim();
+    const isMessageValid = trimmedMessage.length >= minMessageLength &&
+        trimmedMessage.length <= maxMessageLength;
+    const isCategoryValid = !requireCategory || category !== null;
+    const canSubmit = isMessageValid && isCategoryValid && !loading && !isSubmitting;
+    const handleSubmit = (0, react_1.useCallback)(async () => {
+        if (!canSubmit)
+            return;
+        setIsSubmitting(true);
+        try {
+            await onSubmit({
+                message: trimmedMessage,
+                category,
+            });
+        }
+        finally {
+            setIsSubmitting(false);
+        }
+    }, [canSubmit, onSubmit, trimmedMessage, category]);
+    const containerStyle = {
+        backgroundColor: theme.colors.background,
+        padding: theme.spacing.lg,
+        borderRadius: theme.radii.lg,
+    };
+    const sectionStyle = {
+        marginBottom: theme.spacing.lg,
+    };
+    const buttonRowStyle = {
+        flexDirection: 'row',
+        gap: theme.spacing.sm,
+        marginTop: theme.spacing.md,
+    };
+    const characterCount = trimmedMessage.length;
+    const showCharacterWarning = characterCount > maxMessageLength * 0.9;
+    return (<react_native_1.KeyboardAvoidingView behavior={react_native_1.Platform.OS === 'ios' ? 'padding' : 'height'} style={{ flex: 1 }}>
+      <react_native_1.ScrollView contentContainerStyle={{ flexGrow: 1 }} keyboardShouldPersistTaps="handled">
+        <react_native_1.View style={containerStyle}>
+          {/* Title */}
+          <react_native_1.View style={sectionStyle}>
+            <ThemedText_1.ThemedText variant="title">{title}</ThemedText_1.ThemedText>
+          </react_native_1.View>
+
+          {/* Category selector */}
+          <react_native_1.View style={sectionStyle}>
+            <ThemedText_1.ThemedText variant="label" secondary style={{ marginBottom: theme.spacing.sm }}>
+              Category{requireCategory ? '' : ' (optional)'}
+            </ThemedText_1.ThemedText>
+            <CategorySelector_1.CategorySelector value={category} onChange={setCategory} categories={categories} disabled={loading || isSubmitting}/>
+          </react_native_1.View>
+
+          {/* Message input */}
+          <react_native_1.View style={sectionStyle}>
+            <ThemedText_1.ThemedText variant="label" secondary style={{ marginBottom: theme.spacing.sm }}>
+              Message
+            </ThemedText_1.ThemedText>
+            <ThemedTextInput_1.ThemedTextInput value={message} onChangeText={setMessage} placeholder={placeholder} multiline numberOfLines={4} textAlignVertical="top" editable={!loading && !isSubmitting} style={{ minHeight: 120 }} maxLength={maxMessageLength + 100} // Allow slight overflow to show warning
+    />
+            {showCharacterWarning && (<ThemedText_1.ThemedText variant="caption" color={characterCount > maxMessageLength
+                ? theme.colors.error
+                : theme.colors.textSecondary} style={{ marginTop: theme.spacing.xs, textAlign: 'right' }}>
+                {characterCount}/{maxMessageLength}
+              </ThemedText_1.ThemedText>)}
+          </react_native_1.View>
+
+          {/* Buttons */}
+          <react_native_1.View style={buttonRowStyle}>
+            {onCancel && (<react_native_1.View style={{ flex: 1 }}>
+                <ThemedButton_1.ThemedButton title={cancelLabel} variant="secondary" onPress={onCancel} disabled={isSubmitting} fullWidth/>
+              </react_native_1.View>)}
+            <react_native_1.View style={{ flex: onCancel ? 1 : undefined }}>
+              <ThemedButton_1.ThemedButton title={submitLabel} variant="primary" onPress={handleSubmit} disabled={!canSubmit} loading={isSubmitting || loading} fullWidth={!!onCancel}/>
+            </react_native_1.View>
+          </react_native_1.View>
+        </react_native_1.View>
+      </react_native_1.ScrollView>
+    </react_native_1.KeyboardAvoidingView>);
+}
+//# sourceMappingURL=FeedbackForm.js.map

package/dist/components/FeedbackForm.js.map

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

package/dist/components/FeedbackSheet.d.ts

@@ -0,0 +1,75 @@
+import React from 'react';
+import type { ViewStyle } from 'react-native';
+import type { components } from '../types/index.js';
+import type { CategoryOption } from './CategorySelector';
+type FeedbackSubmissionResponse = components['schemas']['FeedbackSubmissionResponse'];
+export interface FeedbackSheetProps {
+    /** Called when feedback is successfully submitted */
+    onSuccess?: (result: FeedbackSubmissionResponse) => void;
+    /** Called when submission fails */
+    onError?: (error: Error) => void;
+    /** Called when user cancels/dismisses the form */
+    onCancel?: () => void;
+    /** Title text */
+    title?: string;
+    /** Placeholder text for message input */
+    placeholder?: string;
+    /** Submit button text */
+    submitLabel?: string;
+    /** Cancel button text */
+    cancelLabel?: string;
+    /** Custom categories */
+    categories?: CategoryOption[];
+    /** Whether category selection is required */
+    requireCategory?: boolean;
+    /** Minimum message length */
+    minMessageLength?: number;
+    /** Maximum message length */
+    maxMessageLength?: number;
+    /** Message shown in success alert. Set to null to disable alert. */
+    successMessage?: string | null;
+    /** Whether to show success alert. @default true */
+    showSuccessAlert?: boolean;
+    /** Whether to clear form on success. @default true */
+    clearOnSuccess?: boolean;
+    /** Container style override */
+    containerStyle?: ViewStyle;
+    /** Form content style override */
+    formStyle?: ViewStyle;
+}
+/**
+ * A batteries-included feedback form component.
+ *
+ * Unlike `FeedbackForm` which is a "dumb" UI component requiring manual
+ * wiring, `FeedbackSheet` handles everything internally:
+ * - API submission via `useFeedback` hook
+ * - Success/error alerts
+ * - Form state management
+ * - Keyboard handling
+ *
+ * For attachment support, import from '@harkenapp/sdk-react-native/attachments'.
+ *
+ * @example
+ * ```tsx
+ * // Minimal usage
+ * <FeedbackSheet onSuccess={() => navigation.goBack()} />
+ *
+ * // With customization
+ * <FeedbackSheet
+ *   title="Report a Bug"
+ *   requireCategory
+ *   categories={[
+ *     { value: 'crash', label: 'App Crash', icon: '💥' },
+ *     { value: 'visual', label: 'Visual Bug', icon: '👁️' },
+ *   ]}
+ *   onSuccess={(result) => {
+ *     analytics.track('feedback_submitted');
+ *     navigation.goBack();
+ *   }}
+ *   onCancel={() => navigation.goBack()}
+ * />
+ * ```
+ */
+export declare function FeedbackSheet({ onSuccess, onError, onCancel, title, placeholder, submitLabel, cancelLabel, categories, requireCategory, minMessageLength, maxMessageLength, successMessage, showSuccessAlert, clearOnSuccess, containerStyle, formStyle, }: FeedbackSheetProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=FeedbackSheet.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FeedbackSheet.d.ts","sourceRoot":"","sources":["../../src/components/FeedbackSheet.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgC,MAAM,OAAO,CAAC;AAQrD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAMpD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAGzD,KAAK,0BAA0B,GAAG,UAAU,CAAC,SAAS,CAAC,CAAC,4BAA4B,CAAC,CAAC;AAEtF,MAAM,WAAW,kBAAkB;IACjC,qDAAqD;IACrD,SAAS,CAAC,EAAE,CAAC,MAAM,EAAE,0BAA0B,KAAK,IAAI,CAAC;IACzD,mCAAmC;IACnC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACjC,kDAAkD;IAClD,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IAEtB,iBAAiB;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,yCAAyC;IACzC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,yBAAyB;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,yBAAyB;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,wBAAwB;IACxB,UAAU,CAAC,EAAE,cAAc,EAAE,CAAC;IAC9B,6CAA6C;IAC7C,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B,6BAA6B;IAC7B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,6BAA6B;IAC7B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B,oEAAoE;IACpE,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,mDAAmD;IACnD,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,sDAAsD;IACtD,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB,+BAA+B;IAC/B,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,kCAAkC;IAClC,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,wBAAgB,aAAa,CAAC,EAC5B,SAAS,EACT,OAAO,EACP,QAAQ,EACR,KAAuB,EACvB,WAA6C,EAC7C,WAAsB,EACtB,WAAsB,EACtB,UAA+B,EAC/B,eAAuB,EACvB,gBAAoB,EACpB,gBAAuB,EACvB,cAA+C,EAC/C,gBAAuB,EACvB,cAAqB,EACrB,cAAc,EACd,SAAS,GACV,EAAE,kBAAkB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAkNxC"}