{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/Z7YloXiGodh2j9LSufkn/IjFJLOP6UD7Z5Y9jt6Fo/CustomForm.js"],
  "sourcesContent": ["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{useState}from\"react\";import{motion}from\"framer-motion\";import{addPropertyControls,ControlType}from\"framer\";export default function SignupForm(props){const[formData,setFormData]=useState({name:\"\",email:\"\",password:\"\",utmSource:props.UTMCode});const handleInputChange=event=>{const{name,value}=event.target;setFormData({...formData,[name]:value});};const handleSubmit=async event=>{event.preventDefault();try{const response=await fetch(\"https://api.brain.fm/v2/auth/email-signup\",{method:\"POST\",headers:{\"Content-Type\":\"application/json\"},body:JSON.stringify(formData)});const token=await response.json();if(response.ok){setToken(token.result,formData.utmSource);}else{console.error(\"Signup failed\",token);}}catch(error){console.error(\"Error:\",error);}};const setToken=(token,utmSource,options={})=>{const expiration=new Date;expiration.setFullYear(2030);const domain=\"brain.fm\";document.cookie=`token=${token}; expires=${expiration.toUTCString()}; domain=${domain}`;try{document.cookie=`expires=${expiration.toUTCString()}; domain=${domain}`;}catch(error){console.error(\"setToken(): could not set device id\",{reason:error});}window.location.href=\"https://my.brain.fm/welcome?extended_promo=30&utm_medium=lp&utm_source=\"+utmSource;};const getDeviceId=()=>{// Implementation for getting device ID\n};return /*#__PURE__*/_jsxs(\"div\",{className:\"container\",children:[/*#__PURE__*/_jsx(\"h1\",{children:\"Get Started for FREE\"}),/*#__PURE__*/_jsxs(\"form\",{onSubmit:handleSubmit,children:[/*#__PURE__*/_jsxs(\"div\",{className:\"input-wrapper\",children:[/*#__PURE__*/_jsxs(\"div\",{className:\"form-group\",children:[/*#__PURE__*/_jsx(\"label\",{className:formData.name.length>0?\"filled\":\"\",htmlFor:\"name\",children:\"First Name\"}),/*#__PURE__*/_jsx(\"input\",{type:\"text\",id:\"name\",name:\"name\",value:formData.name,onChange:handleInputChange,placeholder:\"First Name\"})]}),/*#__PURE__*/_jsxs(\"div\",{className:\"form-group\",children:[/*#__PURE__*/_jsx(\"label\",{className:formData.email.length>0?\"filled\":\"\",htmlFor:\"email\",children:\"Email\"}),/*#__PURE__*/_jsx(\"input\",{type:\"email\",id:\"email\",name:\"email\",className:\"email\",value:formData.email,onChange:handleInputChange,placeholder:\"Email\"})]}),/*#__PURE__*/_jsxs(\"div\",{className:\"form-group\",children:[/*#__PURE__*/_jsx(\"label\",{className:formData.password.length>0?\"filled\":\"\",htmlFor:\"password\",children:\"Password\"}),/*#__PURE__*/_jsx(\"input\",{type:\"password\",id:\"password\",name:\"password\",value:formData.password,onChange:handleInputChange,placeholder:\"Password\"})]})]}),/*#__PURE__*/_jsx(motion.button,{type:\"submit\",className:\"submit-button\",whileHover:{scale:1.05},whileTap:{scale:.95},children:\"Start Listening\"})]}),/*#__PURE__*/_jsx(\"style\",{jsx:true,children:`\n                .container {\n                    // display: flex;\n                    flex-direction: column;\n                    align-items: center;\n                    justify-content: center;\n                    color: #fff;\n                    font-family: Arial, sans-serif;\n                    padding: 40px;\n                    border-radius: 10px;\n                }\n\n                h1 {\n                    margin-bottom: 20px;\n                    text-align:center;\n                }\n\n                .form-group {\n                    text-align: left;\n                    position:relative;\n                }\n\n                .input-wrapper {\n                    margin-bottom:20px;\n                    overflow:hidden;\n                    border-radius:8px;\n                }\n\n                .form-group label {\n                    position:absolute;\n                    top:8px;\n                    left:10px;\n                    display: none;\n                    margin-bottom: 5px;\n                    color: #aaa;\n                }\n                .form-group label.filled {\n                    display:block;\n                }\n\n                .form-group input {\n                    width: 100%;\n                    padding: 30px 10px 20px 10px;\n                    border: none;\n                    background-color: #272329;\n                    color: #fff;\n                    font-size: 16px;\n                    outline:none;\n                }\n                .form-group input.email {\n                    border-top:1px solid black;                    \n                    border-bottom:1px solid black;\n                }\n\n                .form-group input::placeholder {\n                    color: #888;\n                }\n\n                .submit-button {\n                    width: 100%;\n                    padding: 15px;\n                    border: none;\n                    border-radius: 30px;\n                    background: #FFF;\n                    text-transform:uppercase;\n                    color: #000;\n                    font-weight:bold;\n                    font-size: 14px;\n                    cursor: pointer;\n                    letter-spacing:1px;\n                }\n\n                .submit-button:hover {\n\n                }\n            `})]});}addPropertyControls(SignupForm,{UTMCode:{title:\"UTM Code\",type:ControlType.String,defaultValue:\"Type...\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"SignupForm\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./CustomForm.map"],
  "mappings": "uJAA0L,SAARA,EAA4BC,EAAM,CAAC,GAAK,CAACC,EAASC,CAAW,EAAEC,EAAS,CAAC,KAAK,GAAG,MAAM,GAAG,SAAS,GAAG,UAAUH,EAAM,OAAO,CAAC,EAAQI,EAAkBC,GAAO,CAAC,GAAK,CAAC,KAAAC,EAAK,MAAAC,CAAK,EAAEF,EAAM,OAAOH,EAAY,CAAC,GAAGD,EAAS,CAACK,CAAI,EAAEC,CAAK,CAAC,CAAE,EAAQC,EAAa,MAAMH,GAAO,CAACA,EAAM,eAAe,EAAE,GAAG,CAAC,IAAMI,EAAS,MAAM,MAAM,4CAA4C,CAAC,OAAO,OAAO,QAAQ,CAAC,eAAe,kBAAkB,EAAE,KAAK,KAAK,UAAUR,CAAQ,CAAC,CAAC,EAAQS,EAAM,MAAMD,EAAS,KAAK,EAAKA,EAAS,GAAIE,EAASD,EAAM,OAAOT,EAAS,SAAS,EAAQ,QAAQ,MAAM,gBAAgBS,CAAK,CAAG,OAAOE,EAAM,CAAC,QAAQ,MAAM,SAASA,CAAK,CAAE,CAAC,EAAQD,EAAS,CAACD,EAAMG,EAAUC,EAAQ,CAAC,IAAI,CAAC,IAAMC,EAAW,IAAI,KAAKA,EAAW,YAAY,IAAI,EAAE,IAAMC,EAAO,WAAW,SAAS,OAAO,SAASN,CAAK,aAAaK,EAAW,YAAY,CAAC,YAAYC,CAAM,GAAG,GAAG,CAAC,SAAS,OAAO,WAAWD,EAAW,YAAY,CAAC,YAAYC,CAAM,EAAG,OAAOJ,EAAM,CAAC,QAAQ,MAAM,sCAAsC,CAAC,OAAOA,CAAK,CAAC,CAAE,CAACK,EAAO,SAAS,KAAK,0EAA0EJ,CAAU,EAAQK,EAAY,IAAI,CACryC,EAAE,OAAoBC,EAAM,MAAM,CAAC,UAAU,YAAY,SAAS,CAAcC,EAAK,KAAK,CAAC,SAAS,sBAAsB,CAAC,EAAeD,EAAM,OAAO,CAAC,SAASX,EAAa,SAAS,CAAcW,EAAM,MAAM,CAAC,UAAU,gBAAgB,SAAS,CAAcA,EAAM,MAAM,CAAC,UAAU,aAAa,SAAS,CAAcC,EAAK,QAAQ,CAAC,UAAUnB,EAAS,KAAK,OAAO,EAAE,SAAS,GAAG,QAAQ,OAAO,SAAS,YAAY,CAAC,EAAemB,EAAK,QAAQ,CAAC,KAAK,OAAO,GAAG,OAAO,KAAK,OAAO,MAAMnB,EAAS,KAAK,SAASG,EAAkB,YAAY,YAAY,CAAC,CAAC,CAAC,CAAC,EAAee,EAAM,MAAM,CAAC,UAAU,aAAa,SAAS,CAAcC,EAAK,QAAQ,CAAC,UAAUnB,EAAS,MAAM,OAAO,EAAE,SAAS,GAAG,QAAQ,QAAQ,SAAS,OAAO,CAAC,EAAemB,EAAK,QAAQ,CAAC,KAAK,QAAQ,GAAG,QAAQ,KAAK,QAAQ,UAAU,QAAQ,MAAMnB,EAAS,MAAM,SAASG,EAAkB,YAAY,OAAO,CAAC,CAAC,CAAC,CAAC,EAAee,EAAM,MAAM,CAAC,UAAU,aAAa,SAAS,CAAcC,EAAK,QAAQ,CAAC,UAAUnB,EAAS,SAAS,OAAO,EAAE,SAAS,GAAG,QAAQ,WAAW,SAAS,UAAU,CAAC,EAAemB,EAAK,QAAQ,CAAC,KAAK,WAAW,GAAG,WAAW,KAAK,WAAW,MAAMnB,EAAS,SAAS,SAASG,EAAkB,YAAY,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAegB,EAAKC,EAAO,OAAO,CAAC,KAAK,SAAS,UAAU,gBAAgB,WAAW,CAAC,MAAM,IAAI,EAAE,SAAS,CAAC,MAAM,GAAG,EAAE,SAAS,iBAAiB,CAAC,CAAC,CAAC,CAAC,EAAeD,EAAK,QAAQ,CAAC,IAAI,GAAK,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aA2E72C,CAAC,CAAC,CAAC,CAAC,CAAE,CAACE,EAAoBvB,EAAW,CAAC,QAAQ,CAAC,MAAM,WAAW,KAAKwB,EAAY,OAAO,aAAa,SAAS,CAAC,CAAC",
  "names": ["SignupForm", "props", "formData", "setFormData", "ye", "handleInputChange", "event", "name", "value", "handleSubmit", "response", "token", "setToken", "error", "utmSource", "options", "expiration", "domain", "window", "getDeviceId", "u", "p", "motion", "addPropertyControls", "ControlType"]
}