{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/FphXRmzqDwe1NEQ2cSJs/o2ckTmVHzuHnNC2Fyke4/subscribePhone.js"],
  "sourcesContent": ["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{useState}from\"react\";export default function Form(props){const[isHovered,setIsHovered]=useState(false);const[placeholder,setPlaceholder]=useState(\"Enter your email\")//for placeholder to vanish when start typing\n;const[email,setEmail]=useState(\"\")// Stores email input\n;const[isChecked,setIsChecked]=useState(false)// Stores toggle state\n;const[successMessage,setSuccessMessage]=useState(\"\")// Stores success message\n;const handleEmailChange=event=>{setEmail(event.target.value)// Update email state\n;};const handleSubmit=event=>{event.preventDefault();if(!isChecked){alert(\"You must agree to receive promotional updates.\");return;}console.log(\"Stored Email:\",email)// Log email (replace with API call if needed)\n;console.log(\"Agreed to Promotions:\",isChecked);// Send data to backend\nsetSuccessMessage(\"Thank you! Nav has got your email now!\");setEmail(\"\")// Clear input field\n;setIsChecked(false)// Reset toggle\n;setPlaceholder(\"Enter your email\")// Reset placeholder\n;// Remove success message after 5 seconds\nsetTimeout(()=>{setSuccessMessage(\"\");},3e3);};return /*#__PURE__*/_jsxs(\"div\",{children:[/*#__PURE__*/_jsxs(\"form\",{form:true,onSubmit:handleSubmit,method:\"post\",style:containerStyle,children:[/*#__PURE__*/_jsx(\"div\",{style:inputContainerStyle,children:/*#__PURE__*/_jsx(\"input\",{type:\"text\",required:true,name:\"email\",style:inputFieldStyle,placeholder:placeholder,value:email,onChange:handleEmailChange,onFocus:()=>{setPlaceholder(\"\")// clear placeholder when typing\n;},onBlur:()=>{setPlaceholder(\"Enter your email\")// placeholder if no input\n;}})}),/*#__PURE__*/_jsxs(\"label\",{style:toggleContainerStyle,children:[/*#__PURE__*/_jsx(\"input\",{type:\"checkbox\",checked:isChecked,onChange:e=>setIsChecked(e.target.checked),required:true}),/*#__PURE__*/_jsx(\"span\",{style:toggleTextStyle,children:\"I agree to receive promotional updates from Claims Compass about potential claims via email and SMS. We care about protecting your data\u2014read our Privacy Policy for more details.\"})]}),/*#__PURE__*/_jsx(\"input\",{type:\"submit\",value:\"Subscribe\",style:isHovered?buttonHoverStyle:buttonStyle,onMouseEnter:()=>setIsHovered(true),onMouseLeave:()=>setIsHovered(false)})]}),successMessage&&/*#__PURE__*/_jsx(\"div\",{style:modalOverlayStyle,children:/*#__PURE__*/_jsx(\"div\",{style:modalStyle,children:/*#__PURE__*/_jsx(\"p\",{children:successMessage})})})]});}const modalOverlayStyle={position:\"fixed\",top:0,left:0,width:\"100vw\",height:\"100vh\",backgroundColor:\"rgba(0, 0, 0, 0.3)\",display:\"flex\",alignItems:\"center\",justifyContent:\"center\",zIndex:1e3};const modalStyle={backgroundColor:\"#F3F4F6\",padding:\"20px\",borderRadius:\"8px\",boxShadow:\"0 4px 8px rgba(0, 0, 0, 0.2)\",textAlign:\"center\",fontSize:\"16px\",color:\"#111827\",animation:\"fadeIn 0.3s ease\"};const successMessageStyle={marginTop:\"10px\",color:\"#4CAF50\",fontSize:\"16px\",fontWeight:\"bold\"};const containerStyle={height:\"calc(48px + 48px + 8px + 100px)\",width:\"358px\",gap:\"8px\",display:\"flex\",flexDirection:\"column\",alignItems:\"left\",justifyContent:\"space-between\"};const inputFieldStyle={flex:1,border:\"none\",outline:\"none\",background:\"transparent\",fontSize:\"18px\",color:\"#98A2B3\",fontWeight:\"regular\",textAlign:\"left\"};const toggleContainerStyle={display:\"flex\",alignItems:\"flex-start\",width:\"360px\",gap:\"8px\",fontSize:\"14px\",color:\"#98A2B3\"};const toggleTextStyle={lineHeight:\"1.5\"};const inputContainerStyle={height:\"48px\",width:\"358px\",borderStyle:\"solid\",borderWidth:\"1px\",borderColor:\"#98A2B3\",backgroundColor:\"#F9F9F9\",borderRadius:\"8px\",display:\"flex\",alignItems:\"center\",paddingLeft:\"14px\"};const buttonStyle={height:\"48px\",width:\"358px\",borderWidth:\"2px\",borderStyle:\"solid\",borderColor:\"#121212\",borderRadius:\"8px\",backgroundColor:\"#121212\",color:\"#f5f5f5\",fontSize:\"18px\",fontFamily:\"poppins, sans-serif\",fontWeight:\"bold\",display:\"flex\",alignItems:\"center\",justifyContent:\"center\",gap:\"8px\",cursor:\"pointer\",transition:\"transform 0.3s ease, background-color 0.3s ease\"};const buttonHoverStyle={...buttonStyle,transform:\"translateX(10px)\",backgroundColor:\"#2970FF\",borderColor:\"#2970FF\"};\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"Form\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./subscribePhone.map"],
  "mappings": "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",
  "names": ["Form", "props", "isHovered", "setIsHovered", "ye", "placeholder", "setPlaceholder", "email", "setEmail", "isChecked", "setIsChecked", "successMessage", "setSuccessMessage", "u", "event", "containerStyle", "p", "inputContainerStyle", "inputFieldStyle", "toggleContainerStyle", "e", "toggleTextStyle", "buttonHoverStyle", "buttonStyle", "modalOverlayStyle", "modalStyle", "containerStyle", "inputFieldStyle", "toggleContainerStyle", "toggleTextStyle", "inputContainerStyle", "buttonStyle", "buttonHoverStyle"]
}