{"version":3,"file":"ConditionalFormField.BOQcN3LB.mjs","names":["useRef","useState","__esmMin","init_npm_react_18_3_1","ce","init_jsx_runtime","J","c","_e","de","RenderTarget","init_framer_DymZktPS","showForCryptoTopics","wrapper","onCanvas","visible","setVisible","trigger","TRIGGER_FIELD","update","show","SHOW_FOR","Component","props","init_ConditionalFormField"],"sources":["https:/framerusercontent.com/modules/XzI2kuanxxWYLu75bKAT/vWdcJUR8FlKjYAyJEXzP/ConditionalFormField.js"],"sourcesContent":["import{jsx as _jsx}from\"react/jsx-runtime\";import{forwardRef,useEffect,useRef,useState}from\"react\";import{RenderTarget}from\"framer\";// Field in the same form whose value decides visibility, and the values that show this field.\n// Mirrors HubSpot form d0b95a40…: \"country_to_launch_crypto\" is only shown (and required)\n// for these \"I'm interested in\" answers.\nconst TRIGGER_FIELD=\"Topic\";const SHOW_FOR=[\"Crypto Brokerage\",\"Payments\",\"Stablecoin as a service\"];/**\n * Shows the wrapped form row only when the Topic dropdown has one of SHOW_FOR selected.\n * While hidden, the row's inputs are disabled so they are neither validated nor submitted.\n * Always visible on the canvas so the row can be styled.\n */export function showForCryptoTopics(Component){return /*#__PURE__*/forwardRef((props,ref)=>{const wrapper=useRef(null);const onCanvas=RenderTarget.current()===RenderTarget.canvas;const[visible,setVisible]=useState(onCanvas);useEffect(()=>{if(onCanvas)return;const form=wrapper.current?.closest(\"form\");const trigger=form?.querySelector(`select[name=\"${TRIGGER_FIELD}\"]`);if(!trigger)return;const update=()=>{const show=SHOW_FOR.includes(trigger.value);setVisible(show);wrapper.current?.querySelectorAll(\"input, select, textarea\").forEach(field=>{field.disabled=!show;if(!show)field.value=\"\";});};update();trigger.addEventListener(\"change\",update);return()=>trigger.removeEventListener(\"change\",update);},[onCanvas]);return /*#__PURE__*/_jsx(\"div\",{ref:wrapper,style:{display:visible?\"contents\":\"none\"},children:/*#__PURE__*/_jsx(Component,{ref:ref,...props})});});}\nexport const __FramerMetadata__ = {\"exports\":{\"showForCryptoTopics\":{\"type\":\"reactHoc\",\"name\":\"showForCryptoTopics\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./ConditionalFormField.map"],"mappings":"A,0LAOG,SAAgBY,EAAoB,EAAU,CAAC,MAAoB,iBAAY,EAAM,IAAM,CAAC,IAAMC,EAAQb,EAAO,IAAI,EAAQc,EAASJ,EAAa,QAAQ,IAAIA,EAAa,OAAY,CAACK,EAAQC,GAAYf,EAASa,CAAQ,EAA8e,OAA5eV,MAAc,CAAC,GAAGU,EAAS,OAAmD,IAAMG,GAAvCJ,EAAQ,SAAS,QAAQ,MAAM,EAAA,EAAsB,cAAc,gBAAgBK,EAAc,GAAG,EAAE,GAAG,CAACD,EAAQ,OAAO,IAAME,MAAW,CAAC,IAAMC,EAAKC,EAAS,SAASJ,EAAQ,KAAK,EAAED,EAAWI,CAAI,EAAEP,EAAQ,SAAS,iBAAiB,yBAAyB,CAAC,CAAC,QAAQ,GAAO,CAAC,EAAM,SAAS,CAACO,EAASA,IAAK,EAAM,MAAM,GAAG,CAAC,CAAE,EAAqD,OAAnDD,EAAO,EAAEF,EAAQ,iBAAiB,SAASE,CAAM,MAAYF,EAAQ,oBAAoB,SAASE,CAAM,CAAE,EAAE,CAACL,CAAQ,CAAC,EAAsB,gBAAK,MAAM,CAAC,IAAID,EAAQ,MAAM,CAAC,QAAQE,EAAQ,WAAW,MAAM,EAAE,SAAsB,gBAAKO,EAAU,CAAK,MAAI,GAAGC,CAAK,CAAC,CAAC,CAAC,CAAE,CAAC,CAAE,C,kDAJ71B,EAAc,QAAc,EAAS,CAAC,mBAAmB,WAAW,yBAAyB,C"}