{"version":3,"file":"SubstackForm_white.CQ25ceVM.mjs","names":["useState"],"sources":["https:/framerusercontent.com/modules/gfioIXXNgrbo4ewCRtsS/qGoRmVC3yrmpVDBhxMH5/SubstackForm_white.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{useState,useEffect}from\"react\";import{motion,AnimatePresence}from\"framer-motion\";export default function SubstackForm(){const[expanded,setExpanded]=useState(false);const[email,setEmail]=useState(\"\");const[status,setStatus]=useState(\"idle\");useEffect(()=>{const id=\"manrope-font\";if(!document.getElementById(id)){const link=document.createElement(\"link\");link.id=id;link.rel=\"stylesheet\";link.href=\"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&display=swap\";document.head.appendChild(link);}const styleId=\"sk-ios-force-fix\";if(!document.getElementById(styleId)){const style=document.createElement(\"style\");style.id=styleId;style.textContent=`\n                /* Force user text to stay dark and stop iOS zoom/styling */\n                input.sk-input, \n                .sk-input { \n                    color: #1a1a1a !important; \n                    -webkit-text-fill-color: #1a1a1a !important; \n                    -webkit-appearance: none !important;\n                    appearance: none !important;\n                    font-size: 16px !important; /* Safety backup for font size */\n                }\n                .sk-input::-webkit-input-placeholder {\n                    color: #777777 !important;\n                    -webkit-text-fill-color: #777777 !important;\n                    opacity: 1 !important;\n                }\n                .sk-input:-webkit-autofill {\n                    -webkit-box-shadow: 0 0 0px 1000px #f0f0f0 inset !important;\n                    -webkit-text-fill-color: #1a1a1a !important;\n                }\n            `;document.head.appendChild(style);}},[]);const handleExpand=()=>{if(!expanded)setExpanded(true);};const handleSubmit=()=>{if(!email||!email.includes(\"@\")){setStatus(\"error\");return;}window.open(`https://strongerkids.substack.com/subscribe?email=${encodeURIComponent(email)}`,\"_blank\");setStatus(\"success\");setEmail(\"\");};const handleKeyDown=e=>{if(e.key===\"Enter\")handleSubmit();};if(status===\"success\"){return /*#__PURE__*/_jsxs(motion.div,{initial:{opacity:0,scale:.95},animate:{opacity:1,scale:1},transition:{duration:.3,ease:\"easeOut\"},style:styles.successWrapper,children:[/*#__PURE__*/_jsx(\"span\",{style:styles.checkmark,children:\"✓\"}),/*#__PURE__*/_jsx(\"span\",{style:styles.successText,children:\"You're in.\"})]});}return /*#__PURE__*/_jsxs(motion.div,{layout:true,onClick:handleExpand,animate:{width:expanded?330:310,borderRadius:expanded?14:50},transition:{duration:.4,ease:[.4,0,.2,1]},style:{...styles.container,cursor:expanded?\"default\":\"pointer\"},children:[/*#__PURE__*/_jsx(AnimatePresence,{mode:\"wait\",children:!expanded?/*#__PURE__*/_jsx(motion.span,{initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},transition:{duration:.2},style:styles.buttonLabel,children:\"Get the Wednesday Plan\"},\"label\"):/*#__PURE__*/_jsxs(motion.div,{initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},transition:{duration:.25,delay:.15},style:styles.formRow,children:[/*#__PURE__*/_jsx(\"input\",{autoFocus:true,className:\"sk-input\",type:\"email\",placeholder:\"Enter your email\",value:email,onChange:e=>{setEmail(e.target.value);if(status===\"error\")setStatus(\"idle\");},onKeyDown:handleKeyDown,style:{...styles.input,color:\"#1a1a1a\",borderColor:status===\"error\"?\"#e53e3e\":\"transparent\"}}),/*#__PURE__*/_jsx(\"button\",{onClick:e=>{e.stopPropagation();handleSubmit();},style:styles.submitButton,children:\"→\"})]},\"form\")}),/*#__PURE__*/_jsx(AnimatePresence,{children:status===\"error\"&&expanded&&/*#__PURE__*/_jsx(motion.span,{initial:{opacity:0,y:-4},animate:{opacity:1,y:0},exit:{opacity:0},style:styles.errorText,children:\"Enter a valid email.\"})})]});}const styles={container:{display:\"flex\",alignItems:\"center\",justifyContent:\"center\",backgroundColor:\"#ffffff\",height:52,padding:\"0 8px 0 18px\",position:\"relative\",overflow:\"visible\",userSelect:\"none\"},buttonLabel:{color:\"#1a1a1a\",fontSize:15,fontWeight:600,letterSpacing:\"-0.2px\",whiteSpace:\"nowrap\",fontFamily:\"'Manrope', sans-serif\"},formRow:{display:\"flex\",alignItems:\"center\",width:\"100%\",gap:6},input:{flex:1,height:36,backgroundColor:\"#f0f0f0\",border:\"1.5px solid transparent\",borderRadius:8,padding:\"0 12px\",fontSize:16,fontFamily:\"'Manrope', sans-serif\",outline:\"none\",color:\"#1a1a1a\"},submitButton:{width:36,height:36,borderRadius:8,backgroundColor:\"#1a1a1a\",color:\"#ffffff\",border:\"none\",fontSize:18,fontWeight:700,cursor:\"pointer\",display:\"flex\",alignItems:\"center\",justifyContent:\"center\",flexShrink:0},errorText:{position:\"absolute\",bottom:-22,left:18,fontSize:12,color:\"#e53e3e\",fontFamily:\"'Manrope', sans-serif\"},successWrapper:{display:\"flex\",alignItems:\"center\",gap:10,backgroundColor:\"#ffffff\",borderRadius:50,height:52,padding:\"0 28px\",whiteSpace:\"nowrap\",minWidth:280},checkmark:{color:\"#4ade80\",fontSize:18,fontWeight:700},successText:{color:\"#1a1a1a\",fontSize:15,fontWeight:500,fontFamily:\"'Manrope', sans-serif\"}};\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"SubstackForm\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./SubstackForm_white.map"],"mappings":"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"}