{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/6N4rItB93vBCFWmPezjL/pmDpldxL3wcIpmsJgIE8/New_form.js"],
  "sourcesContent": ["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{useState,useEffect,useRef}from\"react\";/**\n * @framerSupportedLayoutWidth full\n * @framerSupportedLayoutHeight auto\n */export default function CustomHubspotForm(){const[email,setEmail]=useState(\"\");const[submitted,setSubmitted]=useState(false);const[error,setError]=useState(\"\");const inputRef=useRef(null);const handleSubmit=async e=>{e.preventDefault();setError(\"\");const endpoint=`https://api.hsforms.com/submissions/v3/integration/submit/49252561/4cf00747-d5b6-49bb-b422-96fc0de0a547`;const payload={fields:[{name:\"email\",value:email}],context:{pageUri:window.location.href,pageName:document.title}};try{const res=await fetch(endpoint,{method:\"POST\",headers:{\"Content-Type\":\"application/json\"},body:JSON.stringify(payload)});if(res.ok){setSubmitted(true);setEmail(\"\");}else{const data=await res.json();setError(data.message||\"Something went wrong.\");}}catch{setError(\"Submission failed. Please try again.\");}};useEffect(()=>{if(inputRef.current){inputRef.current.style.setProperty(\"color\",\"white\",\"important\");}},[]);return /*#__PURE__*/_jsxs(\"div\",{style:wrapper,children:[submitted?/*#__PURE__*/_jsx(\"p\",{style:{...successText,alignSelf:\"flex-start\"},children:\"Thanks for subscribing! \uD83C\uDF89\"}):/*#__PURE__*/_jsx(\"form\",{onSubmit:handleSubmit,style:formStyle,children:/*#__PURE__*/_jsxs(\"div\",{style:inputWrapper,children:[/*#__PURE__*/_jsx(\"input\",{ref:inputRef,className:\"custom-form-input\",type:\"email\",value:email,onChange:e=>setEmail(e.target.value),placeholder:\"Email address\",required:true,style:inputStyle}),/*#__PURE__*/_jsx(\"button\",{type:\"submit\",className:\"subscribe-button\",style:buttonStyle,children:\"Subscribe\"})]})}),error&&/*#__PURE__*/_jsx(\"p\",{style:{...errorText,alignSelf:\"flex-start\"},children:error}),/*#__PURE__*/_jsx(\"style\",{children:`\n                .custom-form-input::placeholder {\n                    color: white !important;\n                    opacity: 1 !important;\n                    font-weight: 500 !important;\n                }\n\n                .custom-form-input:-webkit-autofill {\n                    box-shadow: 0 0 0 1000px #f2545b inset !important;\n                    -webkit-text-fill-color: white !important;\n                    caret-color: white;\n                }\n                    .subscribe-button {\n        transition: background-color 0.2s ease, color 0.2s ease;\n    }\n\n    .subscribe-button:hover {\n        background-color: #ffe0e0 !important;\n        color: #a42424 !important;\n    }\n            `})]});}// \uD83D\uDD27 Outer wrapper: responsive, centered\nconst wrapper={display:\"flex\",flexDirection:\"column\",alignItems:\"center\",gap:\"12px\",backgroundColor:\"transparent\",width:\"100%\",maxWidth:\"640px\",boxSizing:\"border-box\"};// \uD83E\uDDF1 Form block\nconst formStyle={width:\"100%\"};// \uD83D\uDD04 Input & button inline, with no overflow\nconst inputWrapper={display:\"flex\",flexDirection:\"row\",alignItems:\"center\",flexWrap:\"nowrap\",width:\"100%\",background:\"transparent\",border:\"1px solid white\",borderRadius:\"9999px\",padding:\"6px\",boxSizing:\"border-box\",gap:\"4px\"};// \u270F\uFE0F Input: flexible and shrink-safe\nconst inputStyle={flexGrow:1,flexShrink:1,minWidth:0,border:\"none\",background:\"transparent\",color:\"white\",padding:\"16px 24px\",fontSize:\"20px\",fontWeight:\"500\",outline:\"none\",fontFamily:'var(--font-family-body, \"Haffer TRIAL\", sans-serif)',letterSpacing:\"-0.2px\",whiteSpace:\"nowrap\"};// \uD83D\uDD18 Button: fixed size, won't shrink or wrap\nconst buttonStyle={backgroundColor:\"white\",color:\"#241F1F\",border:\"none\",borderRadius:\"9999px\",padding:\"16px 24px\",fontSize:\"20px\",fontWeight:\"600\",cursor:\"pointer\",fontFamily:'var(--font-family-body, \"Haffer TRIAL\", sans-serif)',lineHeight:\"24px\",letterSpacing:\"-0.2px\",whiteSpace:\"nowrap\",flexShrink:0};// \u2705 Success / Error\nconst successText={color:\"white\",fontSize:\"20px\"};const errorText={color:\"#ffcccc\",fontSize:\"14px\"};\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"CustomHubspotForm\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\",\"framerSupportedLayoutHeight\":\"auto\",\"framerSupportedLayoutWidth\":\"full\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./New_form.map"],
  "mappings": "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",
  "names": ["CustomHubspotForm", "email", "setEmail", "ye", "submitted", "setSubmitted", "error", "setError", "inputRef", "pe", "handleSubmit", "e", "endpoint", "payload", "window", "res", "data", "ue", "u", "wrapper", "p", "successText", "formStyle", "inputWrapper", "inputStyle", "buttonStyle", "errorText"]
}