{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/ndKzLE63rbjafMD74ezJ/WMibIUYmjs0wahHEJf4y/EmailSignup_1.js"],
  "sourcesContent": ["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";import{useState,useEffect,useRef}from\"react\";export function EmailSignup({placeholderText,buttonText}){const[email,setEmail]=useState(\"\");const[error,setError]=useState(\"\");const[placeholder,setPlaceholder]=useState(\"\");const[shake,setShake]=useState(false);const[isClicked,setIsClicked]=useState(false);const[isFocused,setIsFocused]=useState(false);const[isMobile,setIsMobile]=useState(false);const inputRef=useRef(null);const fullText=placeholderText||\"Enter your work email\";// :white_check_mark: Safe window access\nuseEffect(()=>{const handleResize=()=>{if(typeof window!==\"undefined\"){setIsMobile(window.innerWidth<=600);}};handleResize();window.addEventListener(\"resize\",handleResize);return()=>window.removeEventListener(\"resize\",handleResize);},[]);// :white_check_mark: Safe style injection\nuseEffect(()=>{if(typeof document===\"undefined\")return;if(!document.getElementById(\"shake-style\")){const shakeStyle=document.createElement(\"style\");shakeStyle.id=\"shake-style\";shakeStyle.innerHTML=`\n                @keyframes shake {\n                    0% { transform: translateX(0); }\n                    25% { transform: translateX(-5px); }\n                    50% { transform: translateX(5px); }\n                    75% { transform: translateX(-5px); }\n                    100% { transform: translateX(0); }\n                }\n            `;document.head.appendChild(shakeStyle);}if(!document.getElementById(\"placeholder-style\")){const placeholderStyle=document.createElement(\"style\");placeholderStyle.id=\"placeholder-style\";placeholderStyle.innerHTML=`\n                input::placeholder {\n                    color: #52525B;\n                    font-family: Inter;\n                    font-size: 14px;\n                    font-style: normal;\n                    font-weight: 500;\n                    line-height: 20px;\n                }\n            `;document.head.appendChild(placeholderStyle);}},[]);// Typing animation for placeholder\nuseEffect(()=>{let index=0;const interval=setInterval(()=>{setPlaceholder(fullText.slice(0,index+1));index++;if(index===fullText.length)clearInterval(interval);},80);return()=>clearInterval(interval);},[fullText]);const workEmailRegex=/^[a-zA-Z0-9._%+-]+@(?!gmail\\.com|yahoo\\.com|outlook\\.com|hotmail\\.com|aol\\.com|icloud\\.com)([a-zA-Z0-9-]+\\.)+[a-zA-Z]{2,}$/;const triggerShake=()=>{setShake(true);setTimeout(()=>setShake(false),500);inputRef.current?.focus();setIsClicked(false);};const handleAction=url=>{setIsClicked(true);setError(\"\");if(!email){triggerShake();return;}if(!workEmailRegex.test(email)){inputRef.current?.focus();setError(\"Enter work email only\");setIsClicked(false);return;}if(typeof window!==\"undefined\"){window.location.href=url;}};// Handle Enter key\nuseEffect(()=>{const inputEl=inputRef.current;if(!inputEl)return;const handleKeyDown=e=>{if(e.key===\"Enter\"){handleAction(`/demo?email=${encodeURIComponent(email)}`);}};inputEl.addEventListener(\"keydown\",handleKeyDown);return()=>inputEl.removeEventListener(\"keydown\",handleKeyDown);},[email]);const styles=getResponsiveStyles(shake,Boolean(error),isClicked,isFocused,isMobile);return /*#__PURE__*/_jsx(\"div\",{style:styles.wrapper,children:/*#__PURE__*/_jsxs(\"div\",{style:styles.mainContainer,children:[/*#__PURE__*/_jsxs(\"div\",{style:styles.container,children:[/*#__PURE__*/_jsx(\"div\",{style:styles.inputWrapper,children:/*#__PURE__*/_jsx(\"input\",{type:\"email\",ref:inputRef,value:email,placeholder:placeholder,onChange:e=>setEmail(e.target.value),onBlur:()=>setIsFocused(false),onFocus:()=>setIsFocused(true),style:styles.input})}),/*#__PURE__*/_jsx(\"button\",{style:styles.button,onClick:()=>handleAction(`/demo?email=${encodeURIComponent(email)}`),children:buttonText||\"Get API Keys\"})]}),error&&/*#__PURE__*/_jsxs(\"div\",{style:styles.errorRow,children:[/*#__PURE__*/_jsx(\"div\",{style:styles.errorIconContainer,children:/*#__PURE__*/_jsx(\"span\",{style:styles.iconSpan,children:\"!\"})}),/*#__PURE__*/_jsx(\"div\",{style:styles.errorText,children:error})]})]})});}function getResponsiveStyles(shake,error,isClicked,isFocused,isMobile){return{wrapper:{display:\"flex\",flexDirection:\"column\",justifyContent:\"center\",alignItems:\"center\",width:\"100%\",padding:\"clamp(12px, 4vw, 32px)\"},mainContainer:{display:\"flex\",flexDirection:\"column\",gap:\"10px\",width:isMobile?\"100%\":\"402px\"},container:{display:\"flex\",flexDirection:isMobile?\"column\":\"row\",gap:\"8px\",padding:\"8px\",border:\"1px solid #FFFFFF\",borderRadius:\"8px\",boxShadow:\"0px 0px 0px 1px rgba(0,0,0,0.08), 0px 1px 2px -1px rgba(0,0,0,0.08), 0px 2px 4px rgba(0,0,0,0.04)\",boxSizing:\"border-box\",background:\"#F4F4F5\"},inputWrapper:{display:\"flex\",flexDirection:\"column\",gap:\"8px\",animation:shake?\"shake 0.3s ease-in-out\":\"none\"},input:{width:isMobile?\"100%\":\"288px\",padding:\"8px\",fontSize:\"14px\",borderRadius:\"4px\",border:error?\"1px solid red\":isFocused?\"1px solid black\":\"1px solid #DEDEDF\",outline:\"none\",fontFamily:\"Inter\",boxSizing:\"border-box\",color:\"#27272A\",fontWeight:500,lineHeight:\"20px\"},button:{display:\"flex\",justifyContent:\"center\",alignItems:\"center\",height:isMobile?\"40px\":undefined,gap:\"4px\",alignSelf:\"stretch\",width:isMobile?\"100%\":\"90px\",padding:\"4px 8px\",color:\"white\",background:isClicked?\"linear-gradient(to right, #2759CD, #113997)\":\"#27272A\",border:\"none\",borderRadius:\"6px\",boxShadow:\"inset 0px 0.75px rgba(255,255,255,0.20), 0px 1px 2px rgba(0,0,0,0.40), 0px 0px 0px 1px #18181B\",cursor:\"pointer\",transition:\"background 0.2s ease-in-out\",fontFamily:\"Inter\"},errorRow:{display:\"flex\",alignItems:\"start\",gap:\"5px\"},errorIconContainer:{display:\"flex\",justifyContent:\"center\",alignItems:\"center\",height:\"15px\",width:\"15px\",background:\"red\",borderRadius:\"50%\"},iconSpan:{color:\"white\",fontSize:\"10px\",fontWeight:\"bold\"},errorText:{fontSize:\"clamp(10px, 1.2vw, 12px)\",color:\"red\",textAlign:\"left\"}};}addPropertyControls(EmailSignup,{placeholderText:{type:ControlType.String,title:\"Placeholder\",defaultValue:\"Enter your work email\"},buttonText:{type:ControlType.String,title:\"Button Text\",defaultValue:\"Get API Keys\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"EmailSignup\":{\"type\":\"reactComponent\",\"name\":\"EmailSignup\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./EmailSignup_1.map"],
  "mappings": "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",
  "names": ["EmailSignup", "placeholderText", "buttonText", "email", "setEmail", "ye", "error", "setError", "placeholder", "setPlaceholder", "shake", "setShake", "isClicked", "setIsClicked", "isFocused", "setIsFocused", "isMobile", "setIsMobile", "inputRef", "pe", "fullText", "ue", "handleResize", "window", "shakeStyle", "placeholderStyle", "index", "interval", "workEmailRegex", "triggerShake", "handleAction", "url", "inputEl", "handleKeyDown", "e", "styles", "getResponsiveStyles", "p", "u", "addPropertyControls", "ControlType"]
}