formanitor 0.0.30 → 0.0.32

package/dist/index.d.cts

@@ -1,6 +1,6 @@
 import React from 'react';
 
-type FieldType = 'text' | 'number' | 'textarea' | 'diagnosis_textarea' | 'richtext' | 'select' | 'multiselect' | 'radio' | 'repeatable' | 'checkbox' | 'image_upload' | 'signature' | 'date' | 'datetime' | 'editable_table' | 'static_text' | 'medications' | 'investigations' | 'procedures' | 'vitals' | 'hidden_vitals' | 'referral' | 'followup' | string;
+type FieldType = 'text' | 'number' | 'textarea' | 'diagnosis_textarea' | 'richtext' | 'select' | 'multiselect' | 'radio' | 'repeatable' | 'checkbox' | 'image_upload' | 'media_upload' | 'signature' | 'date' | 'datetime' | 'editable_table' | 'static_text' | 'medications' | 'investigations' | 'procedures' | 'vitals' | 'hidden_vitals' | 'referral' | 'followup' | string;
 interface ValidationRule {
     min?: number;
     max?: number;
@@ -112,6 +112,12 @@ interface ImageUploadFieldDef extends BaseFieldDef {
     maxSize?: number;
     acceptedTypes?: string[];
 }
+interface MediaUploadFieldDef extends BaseFieldDef {
+    type: 'media_upload';
+    maxSize?: number;
+    /** Default: images (image/*) and application/pdf */
+    acceptedTypes?: string[];
+}
 interface SignatureFieldDef extends BaseFieldDef {
     type: 'signature';
     canvasWidth?: number;
@@ -302,7 +308,7 @@ interface DoctorFrequentItems {
     investigations?: InvestigationFrequentItem[];
     procedures?: ProcedureFrequentItem[];
 }
-type FieldDef = TextFieldDef | RichTextFieldDef | NumberFieldDef | SelectFieldDef | RadioFieldDef | CheckboxFieldDef | RepeatableFieldDef | ImageUploadFieldDef | SignatureFieldDef | EditableTableFieldDef | StaticTextFieldDef | MedicationsFieldDef | InvestigationsFieldDef | ProceduresFieldDef | DifferentialDiagnosisFieldDef | VitalsFieldDef | ReferralFieldDef | FollowupFieldDef | SmartTextareaFieldDef | DiagnosisTextareaFieldDef | BaseFieldDef;
+type FieldDef = TextFieldDef | RichTextFieldDef | NumberFieldDef | SelectFieldDef | RadioFieldDef | CheckboxFieldDef | RepeatableFieldDef | ImageUploadFieldDef | MediaUploadFieldDef | SignatureFieldDef | EditableTableFieldDef | StaticTextFieldDef | MedicationsFieldDef | InvestigationsFieldDef | ProceduresFieldDef | DifferentialDiagnosisFieldDef | VitalsFieldDef | ReferralFieldDef | FollowupFieldDef | SmartTextareaFieldDef | DiagnosisTextareaFieldDef | BaseFieldDef;
 interface Condition {
     field?: string;
     op: '==' | '!=' | '>' | '<' | '>=' | '<=' | 'in' | 'contains';
@@ -462,7 +468,7 @@ interface StoreConfig {
      * - `stopRecording`  — stop capturing, transcribe, and return the transcript
      */
     voice?: {
-        startRecording: () => Promise<void>;
+        startRecording: (fieldId?: string) => Promise<void>;
         stopRecording: () => Promise<string>;
     };
 }
@@ -720,6 +726,10 @@ declare const ImageUploadWidget: React.FC<{
     fieldId: string;
 }>;
 
+declare const MediaUploadWidget: React.FC<{
+    fieldId: string;
+}>;
+
 declare const SignatureUploadWidget: React.FC<{
     fieldId: string;
 }>;
@@ -730,6 +740,12 @@ interface ReadOnlyImageUploadProps {
 }
 declare const ReadOnlyImageUpload: React.FC<ReadOnlyImageUploadProps>;
 
+interface ReadOnlyMediaUploadProps {
+    fieldDef: BaseFieldDef;
+    value: any;
+}
+declare const ReadOnlyMediaUpload: React.FC<ReadOnlyMediaUploadProps>;
+
 interface ReadOnlySignatureProps {
     fieldDef: BaseFieldDef;
     value: any;
@@ -910,4 +926,4 @@ declare const SmartTextareaWidget: React.FC<{
     fieldId: string;
 }>;
 
-export { type AIDifferentialDiagnosisItem, AddInvestigationField, type AddInvestigationFieldProps, AddMedicationField, type AddMedicationFieldProps, type BaseFieldDef, type CheckboxFieldDef, type ColumnLayout, type Computation, type Condition, type CreateUploadHandlerOptions, type DataSource, type DiagnosisGradeSelection, type DiagnosisTextareaFieldDef, type DiagnosisTextareaValue, DifferentialDiagnosis, type DifferentialDiagnosisFieldDef, type DifferentialDiagnosisItem, type DifferentialDiagnosisProps, type DoctorFrequentItems, DynamicForm, EMAIL_REGEX, type EditableTableColumnDef, type EditableTableFieldDef, type EventDefinition, type ExtractedKeywordMatch, type FieldDef, type FieldHandler, type FieldHandlersMap, type FieldPrefill, FieldRenderer, type FieldState, type FieldType, type FollowupFieldDef, type FollowupValue, FormControls, type FormControlsProps, type FormDef, type FormErrors, FormProvider, type FormState, FormStore, type FormValues, type FormulaComputation, type FormulaExpr, type ImageUploadFieldDef, ImageUploadWidget, type Investigation, type InvestigationFrequentItem, type InvestigationSearchResult, type InvestigationsFieldDef, type LayoutNode, type MatchedCondition, type Medication, type MedicationFrequentItem, type MedicationSearchResult, type MedicationsFieldDef, type NumberFieldDef, type Permission, type PresignedUploadResponse, type ProcedureFrequentItem, type ProceduresFieldDef, type RadioFieldDef, ReadOnlyForm, ReadOnlyImageUpload, ReadOnlySignature, ReadOnlyTable, type ReferralFieldDef, type ReferralItem, type RepeatableFieldDef, type RichTextFieldDef, RichTextWidget, type Rule, type RuleAction, type RuleResult, type ScoreComputation, type ScoreRange, type Section, type SectionChild, type SelectFieldDef, type SelectOption, type SignatureFieldDef, SignatureUploadWidget, SmartForm, type SmartFormProps, type SmartKeywordsResult, type SmartTextareaFieldDef, type SmartTextareaValue, SmartTextareaWidget, type StaticTextFieldDef, type StoreConfig, type SubmissionData, type SumComputation, type TextFieldDef, type ValidationRule, type VitalsFieldDef, type WebhookDef, type Workflow, type WorkflowTransition, createUploadHandler, evaluateRules, useField, useFieldHandlers, useForm, useFormStore, useFrequentItems, useSmartKeywords, validateField, validateForm };
+export { type AIDifferentialDiagnosisItem, AddInvestigationField, type AddInvestigationFieldProps, AddMedicationField, type AddMedicationFieldProps, type BaseFieldDef, type CheckboxFieldDef, type ColumnLayout, type Computation, type Condition, type CreateUploadHandlerOptions, type DataSource, type DiagnosisGradeSelection, type DiagnosisTextareaFieldDef, type DiagnosisTextareaValue, DifferentialDiagnosis, type DifferentialDiagnosisFieldDef, type DifferentialDiagnosisItem, type DifferentialDiagnosisProps, type DoctorFrequentItems, DynamicForm, EMAIL_REGEX, type EditableTableColumnDef, type EditableTableFieldDef, type EventDefinition, type ExtractedKeywordMatch, type FieldDef, type FieldHandler, type FieldHandlersMap, type FieldPrefill, FieldRenderer, type FieldState, type FieldType, type FollowupFieldDef, type FollowupValue, FormControls, type FormControlsProps, type FormDef, type FormErrors, FormProvider, type FormState, FormStore, type FormValues, type FormulaComputation, type FormulaExpr, type ImageUploadFieldDef, ImageUploadWidget, type Investigation, type InvestigationFrequentItem, type InvestigationSearchResult, type InvestigationsFieldDef, type LayoutNode, type MatchedCondition, type MediaUploadFieldDef, MediaUploadWidget, type Medication, type MedicationFrequentItem, type MedicationSearchResult, type MedicationsFieldDef, type NumberFieldDef, type Permission, type PresignedUploadResponse, type ProcedureFrequentItem, type ProceduresFieldDef, type RadioFieldDef, ReadOnlyForm, ReadOnlyImageUpload, ReadOnlyMediaUpload, ReadOnlySignature, ReadOnlyTable, type ReferralFieldDef, type ReferralItem, type RepeatableFieldDef, type RichTextFieldDef, RichTextWidget, type Rule, type RuleAction, type RuleResult, type ScoreComputation, type ScoreRange, type Section, type SectionChild, type SelectFieldDef, type SelectOption, type SignatureFieldDef, SignatureUploadWidget, SmartForm, type SmartFormProps, type SmartKeywordsResult, type SmartTextareaFieldDef, type SmartTextareaValue, SmartTextareaWidget, type StaticTextFieldDef, type StoreConfig, type SubmissionData, type SumComputation, type TextFieldDef, type ValidationRule, type VitalsFieldDef, type WebhookDef, type Workflow, type WorkflowTransition, createUploadHandler, evaluateRules, useField, useFieldHandlers, useForm, useFormStore, useFrequentItems, useSmartKeywords, validateField, validateForm };

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 
-type FieldType = 'text' | 'number' | 'textarea' | 'diagnosis_textarea' | 'richtext' | 'select' | 'multiselect' | 'radio' | 'repeatable' | 'checkbox' | 'image_upload' | 'signature' | 'date' | 'datetime' | 'editable_table' | 'static_text' | 'medications' | 'investigations' | 'procedures' | 'vitals' | 'hidden_vitals' | 'referral' | 'followup' | string;
+type FieldType = 'text' | 'number' | 'textarea' | 'diagnosis_textarea' | 'richtext' | 'select' | 'multiselect' | 'radio' | 'repeatable' | 'checkbox' | 'image_upload' | 'media_upload' | 'signature' | 'date' | 'datetime' | 'editable_table' | 'static_text' | 'medications' | 'investigations' | 'procedures' | 'vitals' | 'hidden_vitals' | 'referral' | 'followup' | string;
 interface ValidationRule {
     min?: number;
     max?: number;
@@ -112,6 +112,12 @@ interface ImageUploadFieldDef extends BaseFieldDef {
     maxSize?: number;
     acceptedTypes?: string[];
 }
+interface MediaUploadFieldDef extends BaseFieldDef {
+    type: 'media_upload';
+    maxSize?: number;
+    /** Default: images (image/*) and application/pdf */
+    acceptedTypes?: string[];
+}
 interface SignatureFieldDef extends BaseFieldDef {
     type: 'signature';
     canvasWidth?: number;
@@ -302,7 +308,7 @@ interface DoctorFrequentItems {
     investigations?: InvestigationFrequentItem[];
     procedures?: ProcedureFrequentItem[];
 }
-type FieldDef = TextFieldDef | RichTextFieldDef | NumberFieldDef | SelectFieldDef | RadioFieldDef | CheckboxFieldDef | RepeatableFieldDef | ImageUploadFieldDef | SignatureFieldDef | EditableTableFieldDef | StaticTextFieldDef | MedicationsFieldDef | InvestigationsFieldDef | ProceduresFieldDef | DifferentialDiagnosisFieldDef | VitalsFieldDef | ReferralFieldDef | FollowupFieldDef | SmartTextareaFieldDef | DiagnosisTextareaFieldDef | BaseFieldDef;
+type FieldDef = TextFieldDef | RichTextFieldDef | NumberFieldDef | SelectFieldDef | RadioFieldDef | CheckboxFieldDef | RepeatableFieldDef | ImageUploadFieldDef | MediaUploadFieldDef | SignatureFieldDef | EditableTableFieldDef | StaticTextFieldDef | MedicationsFieldDef | InvestigationsFieldDef | ProceduresFieldDef | DifferentialDiagnosisFieldDef | VitalsFieldDef | ReferralFieldDef | FollowupFieldDef | SmartTextareaFieldDef | DiagnosisTextareaFieldDef | BaseFieldDef;
 interface Condition {
     field?: string;
     op: '==' | '!=' | '>' | '<' | '>=' | '<=' | 'in' | 'contains';
@@ -462,7 +468,7 @@ interface StoreConfig {
      * - `stopRecording`  — stop capturing, transcribe, and return the transcript
      */
     voice?: {
-        startRecording: () => Promise<void>;
+        startRecording: (fieldId?: string) => Promise<void>;
         stopRecording: () => Promise<string>;
     };
 }
@@ -720,6 +726,10 @@ declare const ImageUploadWidget: React.FC<{
     fieldId: string;
 }>;
 
+declare const MediaUploadWidget: React.FC<{
+    fieldId: string;
+}>;
+
 declare const SignatureUploadWidget: React.FC<{
     fieldId: string;
 }>;
@@ -730,6 +740,12 @@ interface ReadOnlyImageUploadProps {
 }
 declare const ReadOnlyImageUpload: React.FC<ReadOnlyImageUploadProps>;
 
+interface ReadOnlyMediaUploadProps {
+    fieldDef: BaseFieldDef;
+    value: any;
+}
+declare const ReadOnlyMediaUpload: React.FC<ReadOnlyMediaUploadProps>;
+
 interface ReadOnlySignatureProps {
     fieldDef: BaseFieldDef;
     value: any;
@@ -910,4 +926,4 @@ declare const SmartTextareaWidget: React.FC<{
     fieldId: string;
 }>;
 
-export { type AIDifferentialDiagnosisItem, AddInvestigationField, type AddInvestigationFieldProps, AddMedicationField, type AddMedicationFieldProps, type BaseFieldDef, type CheckboxFieldDef, type ColumnLayout, type Computation, type Condition, type CreateUploadHandlerOptions, type DataSource, type DiagnosisGradeSelection, type DiagnosisTextareaFieldDef, type DiagnosisTextareaValue, DifferentialDiagnosis, type DifferentialDiagnosisFieldDef, type DifferentialDiagnosisItem, type DifferentialDiagnosisProps, type DoctorFrequentItems, DynamicForm, EMAIL_REGEX, type EditableTableColumnDef, type EditableTableFieldDef, type EventDefinition, type ExtractedKeywordMatch, type FieldDef, type FieldHandler, type FieldHandlersMap, type FieldPrefill, FieldRenderer, type FieldState, type FieldType, type FollowupFieldDef, type FollowupValue, FormControls, type FormControlsProps, type FormDef, type FormErrors, FormProvider, type FormState, FormStore, type FormValues, type FormulaComputation, type FormulaExpr, type ImageUploadFieldDef, ImageUploadWidget, type Investigation, type InvestigationFrequentItem, type InvestigationSearchResult, type InvestigationsFieldDef, type LayoutNode, type MatchedCondition, type Medication, type MedicationFrequentItem, type MedicationSearchResult, type MedicationsFieldDef, type NumberFieldDef, type Permission, type PresignedUploadResponse, type ProcedureFrequentItem, type ProceduresFieldDef, type RadioFieldDef, ReadOnlyForm, ReadOnlyImageUpload, ReadOnlySignature, ReadOnlyTable, type ReferralFieldDef, type ReferralItem, type RepeatableFieldDef, type RichTextFieldDef, RichTextWidget, type Rule, type RuleAction, type RuleResult, type ScoreComputation, type ScoreRange, type Section, type SectionChild, type SelectFieldDef, type SelectOption, type SignatureFieldDef, SignatureUploadWidget, SmartForm, type SmartFormProps, type SmartKeywordsResult, type SmartTextareaFieldDef, type SmartTextareaValue, SmartTextareaWidget, type StaticTextFieldDef, type StoreConfig, type SubmissionData, type SumComputation, type TextFieldDef, type ValidationRule, type VitalsFieldDef, type WebhookDef, type Workflow, type WorkflowTransition, createUploadHandler, evaluateRules, useField, useFieldHandlers, useForm, useFormStore, useFrequentItems, useSmartKeywords, validateField, validateForm };
+export { type AIDifferentialDiagnosisItem, AddInvestigationField, type AddInvestigationFieldProps, AddMedicationField, type AddMedicationFieldProps, type BaseFieldDef, type CheckboxFieldDef, type ColumnLayout, type Computation, type Condition, type CreateUploadHandlerOptions, type DataSource, type DiagnosisGradeSelection, type DiagnosisTextareaFieldDef, type DiagnosisTextareaValue, DifferentialDiagnosis, type DifferentialDiagnosisFieldDef, type DifferentialDiagnosisItem, type DifferentialDiagnosisProps, type DoctorFrequentItems, DynamicForm, EMAIL_REGEX, type EditableTableColumnDef, type EditableTableFieldDef, type EventDefinition, type ExtractedKeywordMatch, type FieldDef, type FieldHandler, type FieldHandlersMap, type FieldPrefill, FieldRenderer, type FieldState, type FieldType, type FollowupFieldDef, type FollowupValue, FormControls, type FormControlsProps, type FormDef, type FormErrors, FormProvider, type FormState, FormStore, type FormValues, type FormulaComputation, type FormulaExpr, type ImageUploadFieldDef, ImageUploadWidget, type Investigation, type InvestigationFrequentItem, type InvestigationSearchResult, type InvestigationsFieldDef, type LayoutNode, type MatchedCondition, type MediaUploadFieldDef, MediaUploadWidget, type Medication, type MedicationFrequentItem, type MedicationSearchResult, type MedicationsFieldDef, type NumberFieldDef, type Permission, type PresignedUploadResponse, type ProcedureFrequentItem, type ProceduresFieldDef, type RadioFieldDef, ReadOnlyForm, ReadOnlyImageUpload, ReadOnlyMediaUpload, ReadOnlySignature, ReadOnlyTable, type ReferralFieldDef, type ReferralItem, type RepeatableFieldDef, type RichTextFieldDef, RichTextWidget, type Rule, type RuleAction, type RuleResult, type ScoreComputation, type ScoreRange, type Section, type SectionChild, type SelectFieldDef, type SelectOption, type SignatureFieldDef, SignatureUploadWidget, SmartForm, type SmartFormProps, type SmartKeywordsResult, type SmartTextareaFieldDef, type SmartTextareaValue, SmartTextareaWidget, type StaticTextFieldDef, type StoreConfig, type SubmissionData, type SumComputation, type TextFieldDef, type ValidationRule, type VitalsFieldDef, type WebhookDef, type Workflow, type WorkflowTransition, createUploadHandler, evaluateRules, useField, useFieldHandlers, useForm, useFormStore, useFrequentItems, useSmartKeywords, validateField, validateForm };

package/dist/index.mjs

@@ -423,7 +423,7 @@ var FormStore = class {
         result[field.id] = parts.length > 0 ? parts.join("\n\n") : null;
         return;
       }
-      if (field.type === "image_upload" || field.type === "signature") {
+      if (field.type === "image_upload" || field.type === "media_upload" || field.type === "signature") {
         const raw = values[field.id];
         if (raw !== void 0 && raw !== null && raw !== "") {
           const key = typeof raw === "string" ? raw : raw.s3_key || raw.value || null;
@@ -812,7 +812,7 @@ function VoiceMicButton({ fieldId, onTranscriptReady }) {
       setActiveFieldId(fieldId);
       setStatus("recording");
       try {
-        await voice.startRecording();
+        await voice.startRecording(fieldId);
       } catch {
         setStatus("idle");
         setActiveFieldId(null);
@@ -1194,6 +1194,19 @@ var RichTextWidget = ({ fieldId }) => {
     const el = editor.view.dom;
     el.style.minHeight = `${minHeight}px`;
   }, [editor, minHeight]);
+  useEffect(() => {
+    if (!editor || editor.isDestroyed) return;
+    const el = editor.view.dom;
+    const handler = (e) => {
+      const { text } = e.detail;
+      if (!text) return;
+      const currentText = editor.getText();
+      const prefix = currentText.length > 0 && !/\s$/.test(currentText) ? " " : "";
+      editor.chain().focus().insertContent(prefix + text).run();
+    };
+    el.addEventListener("insertTranscript", handler);
+    return () => el.removeEventListener("insertTranscript", handler);
+  }, [editor]);
   useEffect(() => {
     if (!editor || editor.isDestroyed) return;
     const fromForm = stringValue;
@@ -2138,6 +2151,162 @@ var ImageUploadWidget = ({ fieldId }) => {
     showError && /* @__PURE__ */ jsx("p", { className: "text-xs text-red-500", children: error })
   ] });
 };
+function urlLooksLikePdf(url) {
+  return /\.pdf($|\?)/i.test(url) || url.toLowerCase().includes("application/pdf");
+}
+function isAcceptedMediaFile(file) {
+  if (file.type.startsWith("image/")) return true;
+  if (file.type === "application/pdf") return true;
+  if (file.name.toLowerCase().endsWith(".pdf")) return true;
+  return false;
+}
+var MediaUploadWidget = ({ fieldId }) => {
+  const { fieldDef, value, setValue, setTouched, error, disabled, touched } = useField(fieldId);
+  const store = useFormStore();
+  const { state } = useForm();
+  const [isUploading, setIsUploading] = useState(false);
+  const [preview, setPreview] = useState(null);
+  const [previewIsPdf, setPreviewIsPdf] = useState(false);
+  const fileInputRef = useRef(null);
+  const pendingPreviewKindRef = useRef(null);
+  const showError = !!error && (touched || state.submitAttempted);
+  if (!fieldDef) return null;
+  const uploadHandler = store.getUploadHandler();
+  if (!uploadHandler) {
+    return /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsxs(Label, { htmlFor: fieldId, children: [
+        fieldDef.label,
+        fieldDef.required && /* @__PURE__ */ jsx("span", { className: "text-red-500", children: "*" })
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "border-2 border-red-300 rounded-lg p-4 bg-red-50", children: /* @__PURE__ */ jsx("p", { className: "text-sm text-red-600", children: "Upload handler not configured. Please provide an onUpload function in FormProvider config." }) })
+    ] });
+  }
+  React15__default.useEffect(() => {
+    if (value && typeof value === "string") {
+      setPreview(value);
+      if (pendingPreviewKindRef.current) {
+        setPreviewIsPdf(pendingPreviewKindRef.current === "pdf");
+        pendingPreviewKindRef.current = null;
+      } else {
+        setPreviewIsPdf(urlLooksLikePdf(value));
+      }
+    } else {
+      setPreview(null);
+      setPreviewIsPdf(false);
+    }
+  }, [value]);
+  const handleFileSelect = async (event) => {
+    const file = event.target.files?.[0];
+    if (!file) return;
+    if (!isAcceptedMediaFile(file)) {
+      alert("Please select an image or PDF file");
+      return;
+    }
+    const maxSize = 10 * 1024 * 1024;
+    if (file.size > maxSize) {
+      alert("File size must be less than 10MB");
+      return;
+    }
+    const isPdf = file.type === "application/pdf" || file.name.toLowerCase().endsWith(".pdf");
+    setIsUploading(true);
+    setTouched();
+    store.incrementPendingUploads();
+    try {
+      const previewUrl = URL.createObjectURL(file);
+      setPreview(previewUrl);
+      setPreviewIsPdf(isPdf);
+      const s3Key = await uploadHandler(file, file.name);
+      pendingPreviewKindRef.current = isPdf ? "pdf" : "image";
+      setValue(s3Key);
+    } catch (error2) {
+      console.error("Upload failed:", error2);
+      const errorMessage = error2 instanceof Error ? error2.message : "Upload failed. Please try again.";
+      alert(errorMessage);
+      setPreview(null);
+      setPreviewIsPdf(false);
+    } finally {
+      setIsUploading(false);
+      store.decrementPendingUploads();
+    }
+  };
+  const handleRemove = () => {
+    pendingPreviewKindRef.current = null;
+    setValue(null);
+    setPreview(null);
+    setPreviewIsPdf(false);
+    if (fileInputRef.current) {
+      fileInputRef.current.value = "";
+    }
+    setTouched();
+  };
+  const handleUploadClick = () => {
+    fileInputRef.current?.click();
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+    /* @__PURE__ */ jsxs(Label, { htmlFor: fieldId, children: [
+      fieldDef.label,
+      fieldDef.required && /* @__PURE__ */ jsx("span", { className: "text-red-500", children: "*" })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "border-2 border-dashed border-gray-300 rounded-lg p-4", children: preview ? /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+      previewIsPdf ? /* @__PURE__ */ jsx(
+        "iframe",
+        {
+          src: preview,
+          title: "Uploaded PDF",
+          className: "w-full max-h-48 min-h-36 rounded-lg border border-gray-200 bg-white"
+        }
+      ) : /* @__PURE__ */ jsx(
+        "img",
+        {
+          src: preview,
+          alt: "Uploaded image",
+          className: "max-w-full max-h-48 mx-auto rounded-lg"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          type: "button",
+          variant: "destructive",
+          size: "sm",
+          className: "absolute top-2 right-2",
+          onClick: handleRemove,
+          disabled: disabled || isUploading,
+          children: /* @__PURE__ */ jsx(X, { className: "h-4 w-4" })
+        }
+      )
+    ] }) : /* @__PURE__ */ jsxs("div", { className: "text-center py-8", children: [
+      /* @__PURE__ */ jsx(Image, { className: "h-12 w-12 mx-auto text-gray-400 mb-4" }),
+      /* @__PURE__ */ jsx("p", { className: "text-sm text-gray-600 mb-4", children: "Click to upload an image or PDF, or drag and drop" }),
+      /* @__PURE__ */ jsxs(
+        Button,
+        {
+          type: "button",
+          variant: "outline",
+          onClick: handleUploadClick,
+          disabled: disabled || isUploading,
+          children: [
+            /* @__PURE__ */ jsx(Upload, { className: "h-4 w-4 mr-2" }),
+            isUploading ? "Uploading..." : "Choose Image"
+          ]
+        }
+      )
+    ] }) }),
+    /* @__PURE__ */ jsx(
+      "input",
+      {
+        ref: fileInputRef,
+        type: "file",
+        accept: "image/*,application/pdf",
+        onChange: handleFileSelect,
+        className: "hidden",
+        disabled: disabled || isUploading
+      }
+    ),
+    fieldDef.description && /* @__PURE__ */ jsx("p", { className: "text-xs text-gray-500", children: fieldDef.description }),
+    showError && /* @__PURE__ */ jsx("p", { className: "text-xs text-red-500", children: error })
+  ] });
+};
 var distance = (a, b) => Math.hypot(a.x - b.x, a.y - b.y);
 var smoothPoint = (prev, curr, smoothing = 0.75) => {
   if (!prev) return curr;
@@ -7402,6 +7571,8 @@ function renderWidget(fieldId, fieldDef) {
       return /* @__PURE__ */ jsx(RepeatableWidget, { fieldId });
     case "image_upload":
       return /* @__PURE__ */ jsx(ImageUploadWidget, { fieldId });
+    case "media_upload":
+      return /* @__PURE__ */ jsx(MediaUploadWidget, { fieldId });
     case "signature":
       return /* @__PURE__ */ jsx(SignatureUploadWidget, { fieldId });
     case "editable_table":
@@ -7809,6 +7980,55 @@ var ReadOnlyImageUpload = ({
     fieldDef.description && /* @__PURE__ */ jsx("p", { className: "text-xs text-gray-500", children: fieldDef.description })
   ] });
 };
+function urlLooksLikePdf2(url) {
+  return /\.pdf($|\?)/i.test(url) || url.toLowerCase().includes("application/pdf");
+}
+var ReadOnlyMediaUpload = ({
+  fieldDef,
+  value
+}) => {
+  const [useIframe, setUseIframe] = useState(false);
+  let url = null;
+  if (typeof value === "string") {
+    url = value;
+  } else if (value && typeof value === "object") {
+    const typed = value;
+    url = typed.presigned_url || typed.value || typed.s3_key || null;
+  }
+  useEffect(() => {
+    setUseIframe(false);
+  }, [url]);
+  const showAsPdf = url && (urlLooksLikePdf2(url) || useIframe);
+  if (!url) {
+    return /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsx(Label, { children: fieldDef.label }),
+      /* @__PURE__ */ jsx("div", { className: "border border-gray-200 rounded-lg p-4 bg-gray-50", children: /* @__PURE__ */ jsxs("div", { className: "text-center py-4", children: [
+        /* @__PURE__ */ jsx(Image, { className: "h-8 w-8 mx-auto text-gray-400 mb-2" }),
+        /* @__PURE__ */ jsx("p", { className: "text-sm text-gray-500", children: "No file uploaded" })
+      ] }) })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+    /* @__PURE__ */ jsx(Label, { children: fieldDef.label }),
+    /* @__PURE__ */ jsx("div", { className: "border border-gray-200 rounded-lg p-4 bg-white", children: showAsPdf ? /* @__PURE__ */ jsx(
+      "iframe",
+      {
+        src: url,
+        title: `${fieldDef.label} PDF`,
+        className: "w-full max-h-48 min-h-36 rounded-lg border border-gray-200 bg-white"
+      }
+    ) : /* @__PURE__ */ jsx(
+      "img",
+      {
+        src: url,
+        alt: `${fieldDef.label} upload`,
+        className: "max-w-full max-h-48 mx-auto rounded-lg",
+        onError: () => setUseIframe(true)
+      }
+    ) }),
+    fieldDef.description && /* @__PURE__ */ jsx("p", { className: "text-xs text-gray-500", children: fieldDef.description })
+  ] });
+};
 var ReadOnlySignature = ({
   fieldDef,
   value
@@ -8010,6 +8230,8 @@ var ReadOnlyFieldRenderer = ({ fieldDef, value }) => {
       return /* @__PURE__ */ jsx(ReadOnlyRepeatable, { fieldDef, value });
     case "image_upload":
       return /* @__PURE__ */ jsx(ReadOnlyImageUpload, { fieldDef, value });
+    case "media_upload":
+      return /* @__PURE__ */ jsx(ReadOnlyMediaUpload, { fieldDef, value });
     case "signature":
       return /* @__PURE__ */ jsx(ReadOnlySignature, { fieldDef, value });
     case "editable_table":
@@ -8217,6 +8439,6 @@ function createUploadHandler(options) {
   };
 }
 
-export { AddInvestigationField, AddMedicationField, DifferentialDiagnosis, DynamicForm, EMAIL_REGEX, FieldRenderer, FormControls, FormProvider, FormStore, ImageUploadWidget, ReadOnlyForm, ReadOnlyImageUpload, ReadOnlySignature, ReadOnlyTable, RichTextWidget, SignatureUploadWidget, SmartForm, SmartTextareaWidget, createUploadHandler, evaluateRules, useField, useFieldHandlers, useForm, useFormStore, useFrequentItems, useSmartKeywords, validateField, validateForm };
+export { AddInvestigationField, AddMedicationField, DifferentialDiagnosis, DynamicForm, EMAIL_REGEX, FieldRenderer, FormControls, FormProvider, FormStore, ImageUploadWidget, MediaUploadWidget, ReadOnlyForm, ReadOnlyImageUpload, ReadOnlyMediaUpload, ReadOnlySignature, ReadOnlyTable, RichTextWidget, SignatureUploadWidget, SmartForm, SmartTextareaWidget, createUploadHandler, evaluateRules, useField, useFieldHandlers, useForm, useFormStore, useFrequentItems, useSmartKeywords, validateField, validateForm };
 //# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map