{"version":3,"file":"ButtonToInput.DNL454oM.mjs","names":["React.useState","React.useRef"],"sources":["https:/framerusercontent.com/modules/MuTaMvP7Oa9aMwLWWb7C/kqzOx4xiXmQSoYldgXMz/ButtonToInput.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import*as React from\"react\";import{addPropertyControls,ControlType}from\"framer\";const WHITE=\"#ffffff\";const ERROR_RED=\"#ef4444\";const GOODLABS_GREEN=\"#0D3331\";const TEAL_BORDER=\"#094844\";const ATTRIBUTION_KEYS=[\"utm_source\",\"utm_medium\",\"utm_campaign\",\"utm_content\",\"utm_term\",\"gclid\",\"fbclid\"];export function LeadCapture({buttonLabel=\"Get Started\",placeholder=\"Enter your email\",borderRadius=24,fontSize=16,height=54,maxWidth=360,buttonPaddingX=24,submitButtonWidth=54}){const[open,setOpen]=React.useState(false);const[email,setEmail]=React.useState(\"\");const[loading,setLoading]=React.useState(false);const[error,setError]=React.useState(\"\");const inputRef=React.useRef(null);React.useEffect(()=>{if(open&&inputRef.current)inputRef.current.focus();},[open]);function getAttributionFromUrl(){const params=new URLSearchParams(window.location.search);const out={};for(const key of ATTRIBUTION_KEYS){const val=params.get(key);if(val)out[key]=val;}return out;}function getStoredAttribution(){try{return JSON.parse(localStorage.getItem(\"goodlabs_attribution\")||\"{}\");}catch{return{};}}React.useEffect(()=>{const existing=getStoredAttribution();if(Object.keys(existing).length>0)return;const attribution=getAttributionFromUrl();if(Object.keys(attribution).length>0){localStorage.setItem(\"goodlabs_attribution\",JSON.stringify(attribution));}},[]);function getAttribution(){const stored=getStoredAttribution();if(Object.keys(stored).length>0)return stored;return getAttributionFromUrl();}function handleSubmit(e){e?.preventDefault();setError(\"\");const trimmed=email.trim().toLowerCase();if(!/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/.test(trimmed)){setError(\"Enter a valid email\");return;}setLoading(true);const url=new URL(\"https://goodlabs.com/signup\");url.searchParams.set(\"email\",trimmed);const attribution=getAttribution();for(const[key,val]of Object.entries(attribution)){url.searchParams.set(key,val);}url.searchParams.set(\"landingUrl\",window.location.href);if(document.referrer){url.searchParams.set(\"ref\",document.referrer);}window.location.href=url.toString();}function handleKeyDown(e){if(e.key===\"Escape\"){setOpen(false);setEmail(\"\");setError(\"\");}}const wrapperStyle={width:\"100%\",height,minHeight:height,display:\"flex\",alignItems:\"center\",justifyContent:\"center\",fontFamily:\"'Inter', sans-serif\",boxSizing:\"border-box\"};if(!open){return /*#__PURE__*/_jsx(\"div\",{style:wrapperStyle,children:/*#__PURE__*/_jsx(\"button\",{onClick:()=>setOpen(true),style:{width:\"100%\",maxWidth,height,padding:`0 ${buttonPaddingX}px`,background:GOODLABS_GREEN,color:WHITE,border:\"none\",borderRadius,fontFamily:\"'Inter', sans-serif\",fontSize,fontWeight:500,cursor:\"pointer\",transition:\"opacity 0.15s ease\",letterSpacing:0,lineHeight:\"22px\",whiteSpace:\"nowrap\",boxSizing:\"border-box\",display:\"flex\",alignItems:\"center\",justifyContent:\"center\",overflow:\"hidden\",textOverflow:\"ellipsis\"},onMouseEnter:e=>e.currentTarget.style.opacity=\"0.85\",onMouseLeave:e=>e.currentTarget.style.opacity=\"1\",children:buttonLabel})});}return /*#__PURE__*/_jsx(\"div\",{style:wrapperStyle,children:/*#__PURE__*/_jsxs(\"form\",{onSubmit:handleSubmit,style:{width:\"100%\",maxWidth,height,position:\"relative\",fontFamily:\"'Inter', sans-serif\",boxSizing:\"border-box\"},children:[/*#__PURE__*/_jsxs(\"div\",{style:{position:\"relative\",width:\"100%\",height,borderRadius,border:`1px solid ${error?ERROR_RED:TEAL_BORDER}`,background:\"rgba(255, 255, 255, 0.9)\",transition:\"border-color 0.15s ease\",boxSizing:\"border-box\",overflow:\"hidden\"},children:[/*#__PURE__*/_jsx(\"input\",{ref:inputRef,type:\"email\",name:\"email\",autoComplete:\"email\",inputMode:\"email\",value:email,onChange:e=>{setEmail(e.target.value);if(error)setError(\"\");},onKeyDown:handleKeyDown,placeholder:placeholder,style:{width:\"100%\",height:\"100%\",padding:`0 ${submitButtonWidth+12}px 0 16px`,fontSize,fontFamily:\"'Inter', sans-serif\",fontWeight:400,border:\"none\",outline:\"none\",background:\"transparent\",color:\"#000000\",letterSpacing:0,lineHeight:\"22px\",boxSizing:\"border-box\"}}),/*#__PURE__*/_jsx(\"button\",{type:\"submit\",disabled:loading,\"aria-label\":\"Submit\",style:{position:\"absolute\",top:0,right:0,bottom:0,width:submitButtonWidth,height:\"100%\",background:GOODLABS_GREEN,color:WHITE,border:\"none\",borderRadius:`0 ${borderRadius}px ${borderRadius}px 0`,cursor:loading?\"default\":\"pointer\",opacity:loading?.5:1,transition:\"opacity 0.15s ease\",display:\"flex\",alignItems:\"center\",justifyContent:\"center\",padding:0,margin:0},children:/*#__PURE__*/_jsxs(\"svg\",{width:\"18\",height:\"18\",viewBox:\"0 0 24 24\",fill:\"none\",stroke:\"currentColor\",strokeWidth:\"2.5\",strokeLinecap:\"round\",strokeLinejoin:\"round\",children:[/*#__PURE__*/_jsx(\"line\",{x1:\"5\",y1:\"12\",x2:\"19\",y2:\"12\"}),/*#__PURE__*/_jsx(\"polyline\",{points:\"12 5 19 12 12 19\"})]})})]}),error&&/*#__PURE__*/_jsx(\"span\",{style:{color:ERROR_RED,fontSize:13,fontWeight:400,marginTop:6,display:\"block\"},children:error})]})});}addPropertyControls(LeadCapture,{buttonLabel:{type:ControlType.String,title:\"Button Label\",defaultValue:\"Get Started\"},placeholder:{type:ControlType.String,title:\"Placeholder\",defaultValue:\"Enter your email\"},borderRadius:{type:ControlType.Number,title:\"Border Radius\",defaultValue:24,min:0,max:36},fontSize:{type:ControlType.Number,title:\"Font Size\",defaultValue:16,min:12,max:24},height:{type:ControlType.Number,title:\"Height\",defaultValue:54,min:32,max:72},maxWidth:{type:ControlType.Number,title:\"Max Width\",defaultValue:360,min:120,max:600},buttonPaddingX:{type:ControlType.Number,title:\"Padding X\",defaultValue:24,min:8,max:60},submitButtonWidth:{type:ControlType.Number,title:\"Submit Width\",defaultValue:54,min:40,max:90}});\nexport const __FramerMetadata__ = {\"exports\":{\"LeadCapture\":{\"type\":\"reactComponent\",\"name\":\"LeadCapture\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./ButtonToInput.map"],"mappings":"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"}