{"version":3,"file":"FileUploadControl.BARTUSZR.mjs","names":["useState","useRef","useMemo","useCallback"],"sources":["https:/framerusercontent.com/modules/PnYBMB00l1wLrkKOYUpz/FP4mcHIzvz1uAbbEMHAd/FileUploadControl.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addPropertyControls,ControlType,RenderTarget}from\"framer\";import{AnimatePresence,motion}from\"framer-motion\";import{useCallback,useEffect,useMemo,useRef,useState}from\"react\";import{useConditionArray,CONDITION_ARRAY_CONTROL}from\"https://framer.com/m/ConditionalLogicUtil-69lIOW.js\";// ============================================================================\n// CONSTANTS\n// ============================================================================\nconst API_UPLOAD_ENDPOINT=\"https://api.framergeeks.com/upload/api/v1/common/upload\";// ============================================================================\n// DEFAULT VALUES\n// ============================================================================\nconst DEFAULT_VALIDATION={requiredMessage:\"\",maxSizeMessage:\"\",invalidTypeMessage:\"\"};const DEFAULT_UPLOAD={maxSizeMB:25,uploadingText:\"Uploading [FileName]...\",showSpinner:true,fileTypes:\"all\",customTypes:[\".pdf\"],provider:\"framergeeks\",gdriveWebAppUrl:\"\",gdriveLinkType:\"download\",gdriveCustomizeFolder:false,formName:\"\",gdriveDateFolder:\"none\",gdriveFolderFields:[],gdriveFieldsJoiner:\"space\",gdriveFieldsJoinerCustom:\"\"};const DEFAULT_LABEL={show:true,requiredMark:\"*\",font:{fontSize:12,fontWeight:\"500\",lineHeight:\"1.2em\"},color:\"#888888\"};const DEFAULT_LAYOUT={direction:\"vertical\",gap:8,labelWidth:120};const DEFAULT_INPUT_STYLE={font:{fontSize:14,lineHeight:1.2},color:\"#333333\",placeholderColor:\"#999999\",background:\"rgba(187,187,187,0.15)\",padding:\"12px 15px 12px 12px\",border:{borderWidth:1,borderStyle:\"solid\",borderColor:\"rgba(0,0,0,0.06)\"},radius:\"10px\",shadow:\"\"};const DEFAULT_FOCUS_STYLE={borderColor:\"#3B82F6\",shadow:\"\",scale:1};const DEFAULT_ICONS={showIcon:true,icon:\"\",size:18,color:\"#0066FF\",containerBackground:\"#F5F5F5\",containerBorderColor:\"#FFFFFF\"};const DEFAULT_PREVIEW={showPreview:true,height:44,radius:\"8px\"};const DEFAULT_CLEAR_BUTTON={show:true,icon:\"\",size:12,color:\"#000000\",background:\"#FFFFFF\",radius:\"8px\"};const DEFAULT_ERROR_STYLE={color:\"#dc2626\",font:{fontSize:12,lineHeight:1.4}};// ============================================================================\n// DEFAULT ICONS (SVG)\n// ============================================================================\nconst DEFAULT_FILE_ICON=`data:image/svg+xml,${encodeURIComponent(``)}`;const DEFAULT_DELETE_ICON=`data:image/svg+xml,${encodeURIComponent(``)}`;async function uploadToServer(file,uploadConfig,ctx){if(uploadConfig.provider===\"google-drive\"){return uploadToGoogleDrive(file,uploadConfig.gdriveWebAppUrl,uploadConfig.gdriveLinkType,{formName:ctx.formName,dynamicFolder:ctx.dynamicFolder,dateFolder:ctx.dateFolder,maxSizeMB:uploadConfig.maxSizeMB});}return uploadToFramerGeeks(file,ctx.userId,ctx.projectId);}async function uploadToFramerGeeks(file,userId,projectId){const formData=new FormData;formData.append(\"file\",file);if(userId)formData.append(\"userId\",userId);if(projectId)formData.append(\"projectId\",projectId);try{const response=await fetch(API_UPLOAD_ENDPOINT,{method:\"POST\",body:formData});const responseBody=await response.json().catch(()=>({}));if(!response.ok){return{url:\"\",error:responseBody.message||responseBody.errorMessage||responseBody.error||`Upload failed (HTTP ${response.status})`};}const fileLocation=responseBody.data?.path||responseBody.path||responseBody.url||responseBody.fileLocation||responseBody.fileUrl;if(!fileLocation){return{url:\"\",error:\"No file URL returned from server\"};}return{url:fileLocation};}catch(error){console.error(\"Upload error:\",error);return{url:\"\",error:error instanceof Error?error.message:\"Network error\"};}}/**\n * Upload a file to a customer-deployed Google Apps Script Web App.\n *\n * Wire format: JSON body with `text/plain;charset=utf-8` content-type to avoid\n * triggering a CORS preflight (Apps Script doesn't return CORS headers for\n * preflighted application/json POSTs). The Apps Script reads `e.postData.contents`\n * regardless of the declared content-type.\n *\n * The script enforces its own Origin allowlist; we pass `origin` so it can.\n * `formName` becomes the per-form subfolder name inside the customer's\n * configured Drive root folder.\n */async function uploadToGoogleDrive(file,webAppUrl,linkType,folders){if(!webAppUrl){return{url:\"\",error:\"Apps Script URL is not configured\"};}try{const fileData=await fileToBase64(file);const response=await fetch(webAppUrl,{method:\"POST\",headers:{\"Content-Type\":\"text/plain;charset=utf-8\"},body:JSON.stringify({filename:file.name,mimeType:file.type||\"application/octet-stream\",size:file.size,fileData,linkType:linkType||\"download\",formName:folders.formName||\"default\",dynamicFolder:folders.dynamicFolder||\"\",dateFolder:folders.dateFolder||\"\",// Server uses this as the size cap, replacing the static\n// MAX_SIZE_MB previously set inside the Apps Script. Lets\n// each control instance enforce its own per-form limit.\nmaxSizeMB:folders.maxSizeMB,origin:typeof window!==\"undefined\"?window.location.origin:\"\"})});// Apps Script returns 200 even on errors; the JSON body's `error`\n// field is the source of truth. Treat HTTP non-2xx as a transport\n// problem (e.g. deployment URL revoked, network hiccup) — surface\n// the body if it parses, else use the status text.\nconst text=await response.text();let body=null;try{body=JSON.parse(text);}catch{/* non-JSON response (HTML auth page, etc.) */}if(!response.ok){return{url:\"\",error:body?.error||`Upload failed (HTTP ${response.status} ${response.statusText})`};}if(body?.error){return{url:\"\",error:body.error};}const url=body?.url||body?.fileUrl;if(!url){return{url:\"\",error:\"No file URL returned from Apps Script\"};}return{url};}catch(error){console.error(\"GDrive upload error:\",error);return{url:\"\",error:error instanceof Error?error.message:\"Network error\"};}}/**\n * Format a Date into a folder-safe stamp.\n * \"date\" → \"2026-05-18\"\n * \"datetime\" → \"2026-05-18_14-32-08\"\n */function formatDateFolder(mode,d=new Date){const pad=n=>String(n).padStart(2,\"0\");const y=d.getFullYear();const m=pad(d.getMonth()+1);const day=pad(d.getDate());if(mode===\"date\")return`${y}-${m}-${day}`;return`${y}-${m}-${day}_${pad(d.getHours())}-${pad(d.getMinutes())}-${pad(d.getSeconds())}`;}/**\n * Read the value of a sibling form field by `name` attribute.\n * Returns empty string when not found, not yet filled, or non-text input.\n */function readSiblingFieldValue(parentForm,fieldName){if(!parentForm||!fieldName)return\"\";const el=parentForm.querySelector(`[name=\"${CSS.escape(fieldName)}\"]`);return(el?.value||\"\").toString().trim();}/**\n * Read multiple sibling fields by name, drop empty values, join with \"-\".\n * Returns \"\" when the input array is empty or every field is empty —\n * caller treats \"\" as \"skip this folder level\".\n */function joinFieldValues(parentForm,fieldNames,joiner=\" \"){// Defensive: only treat true arrays of non-empty strings as input.\nif(!parentForm||!Array.isArray(fieldNames)||fieldNames.length===0)return\"\";const values=fieldNames.filter(n=>typeof n===\"string\"&&n.length>0).map(n=>readSiblingFieldValue(parentForm,n)).filter(v=>v.length>0);return values.join(joiner);}/**\n * Resolve the per-control joiner choice to the actual string used between\n * combined field values. Picking \"slash\" produces a \"/\" which the Apps\n * Script template treats as a nested-folder separator (each split piece\n * is sanitized individually).\n */function resolveJoiner(mode,custom){switch(mode){case\"dash\":return\"-\";case\"slash\":return\"/\";case\"underscore\":return\"_\";case\"custom\":return typeof custom===\"string\"&&custom.length>0?custom:\" \";case\"space\":default:return\" \";}}function fileToBase64(file){return new Promise((resolve,reject)=>{const reader=new FileReader;reader.onload=()=>{const result=reader.result;if(typeof result!==\"string\"){reject(new Error(\"Failed to read file\"));return;}// Strip \"data:;base64,\" prefix → keep just the base64 body\nconst comma=result.indexOf(\",\");resolve(comma>=0?result.slice(comma+1):result);};reader.onerror=()=>reject(reader.error??new Error(\"FileReader error\"));reader.readAsDataURL(file);});}function getAcceptedTypes(uploadConfig){if(uploadConfig.fileTypes===\"all\")return\"\";const types=[];for(const type of uploadConfig.customTypes||[]){if(type.startsWith(\".\")||type.includes(\"/*\")){types.push(type);}else{types.push(`.${type}`);}}return types.join(\",\");}function validateFileType(file,uploadConfig){if(uploadConfig.fileTypes===\"all\")return true;return(uploadConfig.customTypes||[]).some(type=>{if(type.startsWith(\".\")){return file.name.toLowerCase().endsWith(type.toLowerCase());}else if(type.includes(\"/*\")){const[category]=type.split(\"/\");return file.type.startsWith(`${category}/`);}return file.type===type;});}// ============================================================================\n// MAIN COMPONENT\n// ============================================================================\n/**\n * @framerSupportedLayoutWidth any\n * @framerSupportedLayoutHeight auto\n * @framerIntrinsicWidth 300\n * @framerIntrinsicHeight 92\n * @framerDisableUnlink\n */export default function FileUploadControl(props){const{name,labelText,placeholder,subText,required,conditions,validation,upload,label,layout,inputStyle,icons,preview,clearButton,focusStyle,errorStyle,_meta,style}=props;// Merge configs with defaults\nconst validationConfig={...DEFAULT_VALIDATION,...validation||{}};const uploadConfig={...DEFAULT_UPLOAD,...upload||{}};const labelConfig={...DEFAULT_LABEL,...label||{},font:{...DEFAULT_LABEL.font,...label&&label.font||{}}};const layoutConfig={...DEFAULT_LAYOUT,...layout||{}};const inputStyleConfig={...DEFAULT_INPUT_STYLE,...inputStyle||{},font:{...DEFAULT_INPUT_STYLE.font,...inputStyle&&inputStyle.font||{}},border:{...DEFAULT_INPUT_STYLE.border,...inputStyle&&inputStyle.border||{}}};const iconsConfig={...DEFAULT_ICONS,...icons||{}};const previewConfig={...DEFAULT_PREVIEW,...preview||{}};const clearButtonConfig={...DEFAULT_CLEAR_BUTTON,...clearButton||{}};const focusStyleConfig={...DEFAULT_FOCUS_STYLE,...focusStyle||{}};const errorStyleConfig={...DEFAULT_ERROR_STYLE,...errorStyle||{},font:{...DEFAULT_ERROR_STYLE.font,...errorStyle&&errorStyle.font||{}}};const fieldName=name||\"file-upload\";const currentLabelText=labelText||\"File\";const inputId=`field-${fieldName}`;const errorId=`error-${fieldName}`;const maxSizeMB=Math.min(uploadConfig.maxSizeMB||25,25);const[fileName,setFileName]=useState(\"\");const[uploadedFileUrl,setUploadedFileUrl]=useState(\"\");const[imagePreviewUrl,setImagePreviewUrl]=useState(\"\");const[isUploading,setIsUploading]=useState(false);const[error,setError]=useState(\"\");const[isFocused,setIsFocused]=useState(false);const inputRef=useRef(null);const hiddenInputRef=useRef(null);const rootRef=useRef(null);const isCanvas=RenderTarget.current()===RenderTarget.canvas;const Wrapper=isCanvas?\"div\":motion.div;// Dispatch native change event so conditional logic watchers detect value updates\nuseEffect(()=>{const el=hiddenInputRef.current;if(el){const nativeInputValueSetter=Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype,\"value\")?.set;nativeInputValueSetter?.call(el,uploadedFileUrl);el.dispatchEvent(new Event(\"change\",{bubbles:true}));}},[uploadedFileUrl]);const conditionItems=useMemo(()=>conditions||[],[conditions]);const handleValueReset=useCallback(()=>{setFileName(\"\");setUploadedFileUrl(\"\");setImagePreviewUrl(\"\");setError(\"\");},[]);const{isVisible,isRequired,isReadOnly,isDisabled}=useConditionArray(conditionItems,\"\",isCanvas,handleValueReset);const hasRequiredConditions=conditionItems.some(c=>c.type===\"required\");const hasDisableConditions=conditionItems.some(c=>c.type===\"disable\");const hasReadOnlyConditions=conditionItems.some(c=>c.type===\"readOnly\");const effectiveRequired=hasRequiredConditions?isRequired:required;const effectiveDisabled=hasDisableConditions?isDisabled:false;const effectiveReadOnly=hasReadOnlyConditions?isReadOnly:false;const effectiveDisabledOrReadOnly=effectiveDisabled||effectiveReadOnly;const parsedMeta=useMemo(()=>{if(!_meta)return null;try{return JSON.parse(_meta);}catch{return null;}},[_meta]);const userId=parsedMeta?.userId;const projectId=parsedMeta?.projectId;const acceptedTypes=getAcceptedTypes(uploadConfig);// Get validation messages with token replacement\nconst getRequiredMessage=useCallback(()=>{const template=validationConfig.requiredMessage?.trim();if(template){return template.replace(/\\{label\\}/g,currentLabelText||fieldName).replace(/\\{name\\}/g,fieldName);}return\"Please upload a file.\";},[validationConfig.requiredMessage,currentLabelText,fieldName]);const getMaxSizeMessage=useCallback(()=>{const template=validationConfig.maxSizeMessage?.trim();if(template){return template.replace(/\\{label\\}/g,currentLabelText||fieldName).replace(/\\{name\\}/g,fieldName).replace(/\\{max\\}/g,`${maxSizeMB}`);}return`File size exceeds ${maxSizeMB}MB limit.`;},[validationConfig.maxSizeMessage,currentLabelText,fieldName,maxSizeMB]);const getInvalidTypeMessage=useCallback(()=>{const template=validationConfig.invalidTypeMessage?.trim();if(template){return template.replace(/\\{label\\}/g,currentLabelText||fieldName).replace(/\\{name\\}/g,fieldName).replace(/\\{types\\}/g,acceptedTypes||\"any\");}return`Invalid file type. Allowed: ${acceptedTypes||\"any\"}`;},[validationConfig.invalidTypeMessage,currentLabelText,fieldName,acceptedTypes]);// Form submission handler to enforce required validation\nuseEffect(()=>{if(isCanvas)return;if(!effectiveRequired)return;const form=rootRef.current?.closest(\"form\");if(!form)return;const handleSubmit=event=>{if(!uploadedFileUrl){event.preventDefault();event.stopPropagation();setError(getRequiredMessage());return;}setError(\"\");};form.addEventListener(\"submit\",handleSubmit,true);return()=>{form.removeEventListener(\"submit\",handleSubmit,true);};},[isCanvas,effectiveRequired,uploadedFileUrl,getRequiredMessage]);const handleFocus=useCallback(()=>{setIsFocused(true);setError(\"\");},[]);const handleBlur=useCallback(()=>{setIsFocused(false);},[]);const handleFileChange=useCallback(async event=>{const file=event.target.files?.[0];if(!file)return;setFileName(file.name);setImagePreviewUrl(\"\");setError(\"\");// Validate file type\nif(!validateFileType(file,uploadConfig)){setError(getInvalidTypeMessage());setFileName(\"\");return;}// Validate file size\nconst maxSizeBytes=maxSizeMB*1024*1024;if(file.size>maxSizeBytes){setError(getMaxSizeMessage());setFileName(\"\");return;}// Create preview for images\nif(previewConfig.showPreview&&file.type.startsWith(\"image/\")){setImagePreviewUrl(URL.createObjectURL(file));}setIsUploading(true);// ─── Resolve nested folder path for Google Drive ───────────\n// Level 1 (always): form name — override OR parent form name/id OR \"default\"\n// Level 2 (customize on): dynamic — value of a sibling form field by `name`\n// (skipped if empty/not found)\n// Level 3 (customize on): date / datetime stamp (skipped if \"none\")\n// When gdriveCustomizeFolder is off, levels 2 & 3 are forced empty.\nconst parentForm=rootRef.current?.closest(\"form\");const customize=uploadConfig.gdriveCustomizeFolder===true;const detectedFormName=customize&&uploadConfig.formName&&uploadConfig.formName.trim()||parentForm?.getAttribute(\"name\")||parentForm?.getAttribute(\"id\")||\"default\";const dynamicFolder=customize?joinFieldValues(parentForm,uploadConfig.gdriveFolderFields,resolveJoiner(uploadConfig.gdriveFieldsJoiner,uploadConfig.gdriveFieldsJoinerCustom)):\"\";const dateFolder=customize&&uploadConfig.gdriveDateFolder&&uploadConfig.gdriveDateFolder!==\"none\"?formatDateFolder(uploadConfig.gdriveDateFolder):\"\";const result=await uploadToServer(file,uploadConfig,{userId,projectId,formName:detectedFormName,dynamicFolder,dateFolder});setIsUploading(false);if(result.url){setUploadedFileUrl(result.url);}else{// Surface the actual upstream message (Apps Script {error}\n// payload, HTTP status, network error). Falls back to a\n// generic line only when nothing was reported.\nsetError(result.error||\"Upload failed. Please try again.\");setFileName(\"\");setImagePreviewUrl(\"\");}},[maxSizeMB,userId,projectId,uploadConfig,acceptedTypes,previewConfig.showPreview,getMaxSizeMessage,getInvalidTypeMessage]);const handleClearFile=useCallback(()=>{setFileName(\"\");setUploadedFileUrl(\"\");setImagePreviewUrl(\"\");setIsUploading(false);setError(\"\");if(inputRef.current){inputRef.current.value=\"\";}},[]);const handleKeyDown=useCallback(event=>{if(event.key===\"Enter\"){inputRef.current?.click();}},[]);const handleInvalid=useCallback(event=>{event.preventDefault();if(!uploadedFileUrl&&effectiveRequired){setError(getRequiredMessage());}},[uploadedFileUrl,effectiveRequired,getRequiredMessage]);// Variants for animation\nconst wrapperVariants={idle:{borderColor:inputStyleConfig.border?.borderColor||\"#D1D5DB\",boxShadow:inputStyleConfig.shadow||\"none\",scale:1},focused:{borderColor:focusStyleConfig.borderColor,boxShadow:focusStyleConfig.shadow,scale:focusStyleConfig.scale},error:{borderColor:errorStyleConfig.color,boxShadow:\"0 0 0 3px rgba(239,68,68,0.2)\",scale:1}};const wrapperState=error?\"error\":isFocused?\"focused\":\"idle\";const describedBy=error?errorId:undefined;// Styles\nconst containerStyle={display:\"flex\",flexDirection:layoutConfig.direction===\"horizontal\"?\"row\":\"column\",alignItems:layoutConfig.direction===\"horizontal\"?\"center\":\"stretch\",gap:`${layoutConfig.gap}px`,width:\"100%\",...style};const normalizedLabelFontWeight=(()=>{const current=labelConfig.font?.fontWeight;if(current===undefined||current===null||current===\"\"||current===\"normal\"||current===\"regular\"||current===400||current===\"400\"){return 500;}return current;})();const labelStyle={...labelConfig.font,fontWeight:normalizedLabelFontWeight,color:labelConfig.color,flexShrink:0,...layoutConfig.direction===\"horizontal\"?{width:`${layoutConfig.labelWidth}px`}:{}};const inputWrapperStyle={...inputStyleConfig.border,borderWidth:inputStyleConfig.border?.borderWidth||1,borderStyle:inputStyleConfig.border?.borderStyle||\"solid\",borderColor:inputStyleConfig.border?.borderColor||\"#D1D5DB\",borderRadius:inputStyleConfig.radius,backgroundColor:inputStyleConfig.background,padding:inputStyleConfig.padding,boxShadow:inputStyleConfig.shadow,minHeight:\"56px\",overflow:\"hidden\",display:\"flex\",alignItems:\"center\",gap:\"12px\",position:\"relative\",cursor:effectiveDisabledOrReadOnly?\"not-allowed\":fileName?\"default\":\"pointer\",opacity:effectiveDisabledOrReadOnly?.5:1};const errorMessageStyle={...errorStyleConfig.font,color:errorStyleConfig.color,marginTop:\"6px\",overflow:\"hidden\"};const resolvedIcon=iconsConfig.icon||DEFAULT_FILE_ICON;const resolvedClearIcon=clearButtonConfig.icon||DEFAULT_DELETE_ICON;// Render spinner\nconst renderSpinner=()=>/*#__PURE__*/_jsx(\"div\",{style:{width:iconsConfig.size,height:iconsConfig.size,flexShrink:0,display:\"flex\",alignItems:\"center\",justifyContent:\"center\"},dangerouslySetInnerHTML:{__html:`\n \n `}});// Render icon or preview\nconst renderIconOrPreview=()=>{if(!iconsConfig.showIcon&&!previewConfig.showPreview)return null;if(isUploading&&uploadConfig.showSpinner){return renderSpinner();}// Show image preview if available\nif(imagePreviewUrl&&previewConfig.showPreview){return /*#__PURE__*/_jsx(\"div\",{style:{width:previewConfig.height,height:previewConfig.height,minWidth:previewConfig.height,borderRadius:previewConfig.radius,overflow:\"hidden\",flexShrink:0},children:/*#__PURE__*/_jsx(\"img\",{src:imagePreviewUrl,alt:\"Preview\",style:{width:\"100%\",height:\"100%\",objectFit:\"cover\",objectPosition:\"center\"}})});}if(!iconsConfig.showIcon)return null;return /*#__PURE__*/_jsx(\"div\",{style:{width:44,height:44,minWidth:44,borderRadius:\"50%\",background:fileName?\"transparent\":iconsConfig.containerBackground,border:fileName?\"none\":`4px solid ${iconsConfig.containerBorderColor}`,display:\"flex\",alignItems:\"center\",justifyContent:\"center\",flexShrink:0},children:/*#__PURE__*/_jsx(\"div\",{style:{width:`${iconsConfig.size}px`,height:`${iconsConfig.size}px`,backgroundColor:fileName?\"#666666\":iconsConfig.color,WebkitMaskImage:`url(${resolvedIcon})`,maskImage:`url(${resolvedIcon})`,WebkitMaskRepeat:\"no-repeat\",maskRepeat:\"no-repeat\",WebkitMaskPosition:\"center\",maskPosition:\"center\",WebkitMaskSize:\"contain\",maskSize:\"contain\"}})});};// Render content\nconst renderContent=()=>{if(isUploading){return /*#__PURE__*/_jsx(\"span\",{style:{...inputStyleConfig.font,color:inputStyleConfig.color,whiteSpace:\"nowrap\",overflow:\"hidden\",textOverflow:\"ellipsis\"},children:uploadConfig.uploadingText.replace(\"[FileName]\",fileName)});}if(fileName){return /*#__PURE__*/_jsx(\"span\",{style:{...inputStyleConfig.font,color:inputStyleConfig.color,whiteSpace:\"nowrap\",overflow:\"hidden\",textOverflow:\"ellipsis\"},children:fileName});}return /*#__PURE__*/_jsxs(\"div\",{style:{display:\"flex\",flexDirection:\"column\",gap:\"2px\",alignItems:\"flex-start\"},children:[/*#__PURE__*/_jsx(\"span\",{style:{...inputStyleConfig.font,color:inputStyleConfig.color},children:placeholder}),subText&&/*#__PURE__*/_jsx(\"span\",{style:{...inputStyleConfig.font,fontSize:((inputStyleConfig.font?.fontSize)||14)*.85,fontWeight:500,color:inputStyleConfig.placeholderColor,marginTop:4,opacity:.8},children:subText.replace(\"{max}\",`${maxSizeMB}`)})]});};if(!isVisible)return null;return /*#__PURE__*/_jsxs(\"div\",{ref:rootRef,style:containerStyle,children:[labelConfig.show&¤tLabelText&&/*#__PURE__*/_jsxs(\"label\",{htmlFor:inputId,style:labelStyle,children:[currentLabelText,effectiveRequired&&/*#__PURE__*/_jsx(\"span\",{style:{color:errorStyleConfig.color,marginLeft:\"2px\"},children:labelConfig.requiredMark||\"*\"})]}),/*#__PURE__*/_jsxs(\"div\",{style:{flex:1,minWidth:0,width:\"100%\"},children:[/*#__PURE__*/_jsxs(Wrapper,{...!isCanvas&&{animate:wrapperState,variants:wrapperVariants,transition:{duration:.2,ease:\"easeOut\"}},style:inputWrapperStyle,onFocus:handleFocus,onBlur:handleBlur,onKeyDown:handleKeyDown,tabIndex:0,children:[/*#__PURE__*/_jsx(\"input\",{ref:hiddenInputRef,type:\"hidden\",name:fieldName,value:uploadedFileUrl}),/*#__PURE__*/_jsx(\"input\",{ref:inputRef,id:inputId,type:\"file\",accept:acceptedTypes,onChange:handleFileChange,onInvalid:handleInvalid,required:effectiveRequired&&!uploadedFileUrl,disabled:effectiveDisabledOrReadOnly,\"aria-invalid\":error?\"true\":undefined,\"aria-describedby\":describedBy,style:{position:\"absolute\",inset:0,opacity:0,cursor:effectiveDisabledOrReadOnly?\"not-allowed\":\"pointer\",pointerEvents:effectiveDisabledOrReadOnly||fileName?\"none\":\"auto\"}}),renderIconOrPreview(),/*#__PURE__*/_jsx(\"div\",{style:{flex:1,minWidth:0,display:\"flex\",alignItems:\"center\"},children:renderContent()}),clearButtonConfig.show&&fileName&&!isUploading&&/*#__PURE__*/_jsx(\"button\",{type:\"button\",onClick:e=>{e.preventDefault();e.stopPropagation();handleClearFile();},style:{flexShrink:0,width:27,height:27,background:clearButtonConfig.background,borderRadius:clearButtonConfig.radius,border:\"none\",cursor:\"pointer\",display:\"flex\",alignItems:\"center\",justifyContent:\"center\",padding:\"8px 9px\",boxShadow:\"0px 2px 5px rgba(51, 51, 51, 0.06)\"},children:/*#__PURE__*/_jsx(\"div\",{style:{width:`${clearButtonConfig.size}px`,height:`${clearButtonConfig.size}px`,backgroundColor:clearButtonConfig.color,WebkitMaskImage:`url(${resolvedClearIcon})`,maskImage:`url(${resolvedClearIcon})`,WebkitMaskRepeat:\"no-repeat\",maskRepeat:\"no-repeat\",WebkitMaskPosition:\"center\",maskPosition:\"center\",WebkitMaskSize:\"contain\",maskSize:\"contain\"}})})]}),/*#__PURE__*/_jsx(AnimatePresence,{children:error&&!isCanvas&&/*#__PURE__*/_jsx(motion.div,{id:errorId,role:\"alert\",initial:{opacity:0,y:-4,height:0},animate:{opacity:1,y:0,height:\"auto\"},exit:{opacity:0,y:-4,height:0},transition:{duration:.2,ease:\"easeOut\"},style:errorMessageStyle,children:error},\"error-message\")})]})]});}FileUploadControl.displayName=\"File Upload\";FileUploadControl.defaultProps={name:\"file-upload\",labelText:\"File\",placeholder:\"Click to upload or drag & drop\",subText:\"Max {max} MB\",required:false,conditions:[],validation:DEFAULT_VALIDATION,upload:DEFAULT_UPLOAD,label:DEFAULT_LABEL,layout:DEFAULT_LAYOUT,inputStyle:DEFAULT_INPUT_STYLE,icons:DEFAULT_ICONS,preview:DEFAULT_PREVIEW,clearButton:DEFAULT_CLEAR_BUTTON,focusStyle:DEFAULT_FOCUS_STYLE,errorStyle:DEFAULT_ERROR_STYLE,_meta:\"\",style:{}};// ============================================================================\n// PROPERTY CONTROLS\n// ============================================================================\naddPropertyControls(FileUploadControl,{name:{type:ControlType.String,title:\"Field Name\",defaultValue:\"file-upload\",description:\"Unique name used in submitted form data.\"},labelText:{type:ControlType.String,title:\"Label Name\",defaultValue:\"File\"},placeholder:{type:ControlType.String,title:\"Placeholder\",defaultValue:\"Click to upload or drag & drop\"},subText:{type:ControlType.String,title:\"Sub Text\",defaultValue:\"Max {max} MB\",description:\"Use {max} for max file size.\"},required:{type:ControlType.Boolean,title:\"Required\",defaultValue:false,enabledTitle:\"Yes\",disabledTitle:\"No\"},validation:{type:ControlType.Object,title:\"Validation\",controls:{requiredMessage:{type:ControlType.String,title:\"Required Error\",defaultValue:\"\",description:\"Custom message when required. Supports {label}, {name}.\"},maxSizeMessage:{type:ControlType.String,title:\"Max Size Error\",defaultValue:\"\",description:\"Custom message for size limit. Supports {label}, {name}, {max}.\"},invalidTypeMessage:{type:ControlType.String,title:\"Invalid Type Error\",defaultValue:\"\",description:\"Custom message for invalid type. Supports {label}, {name}, {types}.\"}}},upload:{type:ControlType.Object,title:\"Upload Settings\",controls:{maxSizeMB:{type:ControlType.Number,title:\"Max Size\",defaultValue:25,min:1,max:25,step:1,unit:\"MB\"},fileTypes:{type:ControlType.Enum,title:\"File Types\",defaultValue:\"all\",options:[\"all\",\"custom\"],optionTitles:[\"Any File\",\"Custom\"]},customTypes:{type:ControlType.Array,title:\"Allowed Types\",defaultValue:[\".pdf\"],control:{type:ControlType.String,placeholder:\".pdf\"},hidden(props){return props.fileTypes!==\"custom\";}},uploadingText:{type:ControlType.String,title:\"Uploading Text\",defaultValue:\"Uploading [FileName]...\",description:\"[FileName] will be replaced with actual file name.\"},showSpinner:{type:ControlType.Boolean,title:\"Show Spinner\",defaultValue:true,enabledTitle:\"Yes\",disabledTitle:\"No\"},provider:{type:ControlType.Enum,title:\"Storage\",defaultValue:\"framergeeks\",options:[\"framergeeks\",\"google-drive\"],optionTitles:[\"FormsPlugin (default)\",\"Google Drive\"],description:\"Where the uploaded file is stored. Google Drive routes through your own Apps Script web app — see the setup guide.\"},gdriveWebAppUrl:{type:ControlType.String,title:\"Apps Script URL\",defaultValue:\"\",placeholder:\"https://script.google.com/.../exec\",description:\"Deploy the Apps Script template, then paste the /exec URL. [Setup guide](https://docs.formsplugin.com/integrations/google-drive)\",hidden(props){return props.provider!==\"google-drive\";}},gdriveLinkType:{type:ControlType.Enum,title:\"Link Type\",defaultValue:\"download\",options:[\"download\",\"preview\"],optionTitles:[\"Downloadable\",\"Preview only\"],description:\"Downloadable returns a direct file URL. Preview returns a Drive preview page URL.\",hidden(props){return props.provider!==\"google-drive\";}},gdriveCustomizeFolder:{type:ControlType.Boolean,title:\"Customize Folder\",defaultValue:false,enabledTitle:\"On\",disabledTitle:\"Off\",description:\"Reveal advanced folder controls: name override, per-field subfolder, date/time stamp.\",hidden(props){return props.provider!==\"google-drive\";}},formName:{type:ControlType.String,title:\"Form Name (override)\",defaultValue:\"\",placeholder:\"auto from parent