{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/zD3QHcCFsgkwxfLQubYV/uiMRBfEgNr68EKEatCEu/Input_Email.js"],
  "sourcesContent": ["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import*as React from\"react\";import{addPropertyControls,ControlType}from\"framer\";export function InputField_Email(props){const{placeholder,value,onChange,blockedRegexArray,placeholderColor,name}=props;const[inputValue,setInputValue]=React.useState(value||\"\");const[isFocused,setIsFocused]=React.useState(false);const inputClassName=\"framer-input-\"+Math.floor(Math.random()*1e5);const validateEmail=email=>{const emailRegex=/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/;return emailRegex.test(email);};const validate=email=>{if(!validateEmail(email)){return\"Please enter a valid email address\";}if(blockedRegexArray){const regexList=blockedRegexArray.split(\",\").map(pattern=>pattern.trim());for(const pattern of regexList){const regex=new RegExp(pattern,\"i\");if(regex.test(email)){return\"Please enter your work email\";}}}return\"\";};const handleBlur=()=>{setIsFocused(false);validate(inputValue);};const handleFocus=()=>setIsFocused(true);const handleChange=e=>{setInputValue(e.target.value);onChange&&onChange(e.target.value)// Ensure Framer captures this change\n;const error=validate(e.target.value);e.target.setCustomValidity(error);};return /*#__PURE__*/_jsxs(\"div\",{style:{width:\"100%\",display:\"flex\",flexDirection:\"column\"},children:[/*#__PURE__*/_jsx(\"style\",{children:`\n                .${inputClassName}::placeholder {\n                    color: ${placeholderColor};\n                    opacity: 1;\n                }\n            `}),/*#__PURE__*/_jsx(\"input\",{type:\"email\",name:name,placeholder:placeholder,value:inputValue,onChange:handleChange,onBlur:handleBlur,onFocus:handleFocus,className:inputClassName,required:true,style:{width:\"100%\",padding:\"11px 12px\",fontFamily:\"IBM Plex Sans\",fontSize:\"14px\",fontWeight:\"regular\",lineHeight:\"1.2em\",color:\"#F7F8F8\",borderRadius:\"6px\",background:\"rgba(255, 255, 255, 0.1)\",border:`1px solid ${isFocused?\"#0289FF\":\"rgba(255, 255, 255, 0.05)\"}`,outline:\"none\",transition:\"border 0.2s\"}})]});}addPropertyControls(InputField_Email,{name:{type:ControlType.String,defaultValue:\"email\"},placeholder:{type:ControlType.String,defaultValue:\"Enter input\"},blockedRegexArray:{type:ControlType.String,placeholder:\"Enter comma-separated regex patterns\",defaultValue:\"gmail\\\\.com$,027168\\\\.com$,0815\\\\.su$,0sg\\\\.net$,10mail\\\\.org$\"},placeholderColor:{type:ControlType.Color,defaultValue:\"#999999\"},value:{type:ControlType.String,defaultValue:\"\",hidden:true}});InputField_Email.defaultProps={width:300,height:60};\nexport const __FramerMetadata__ = {\"exports\":{\"InputField_Email\":{\"type\":\"reactComponent\",\"name\":\"InputField_Email\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Input_Email.map"],
  "mappings": "uGAAgJ,SAASA,EAAiBC,EAAM,CAAC,GAAK,CAAC,YAAAC,EAAY,MAAAC,EAAM,SAAAC,EAAS,kBAAAC,EAAkB,iBAAAC,EAAiB,KAAAC,CAAI,EAAEN,EAAW,CAACO,EAAWC,CAAa,EAAQC,EAASP,GAAO,EAAE,EAAO,CAACQ,EAAUC,CAAY,EAAQF,EAAS,EAAK,EAAQG,EAAe,gBAAgB,KAAK,MAAM,KAAK,OAAO,EAAE,GAAG,EAAQC,EAAcC,GAAyB,6BAA+C,KAAKA,CAAK,EAAUC,EAASD,GAAO,CAAC,GAAG,CAACD,EAAcC,CAAK,EAAG,MAAM,qCAAsC,GAAGV,EAAkB,CAAC,IAAMY,EAAUZ,EAAkB,MAAM,GAAG,EAAE,IAAIa,GAASA,EAAQ,KAAK,CAAC,EAAE,QAAUA,KAAWD,EAA+C,GAAxB,IAAI,OAAOC,EAAQ,GAAG,EAAW,KAAKH,CAAK,EAAG,MAAM,8BAAiC,CAAC,MAAM,EAAG,EAAQI,EAAW,IAAI,CAACP,EAAa,EAAK,EAAEI,EAASR,CAAU,CAAE,EAAQY,EAAY,IAAIR,EAAa,EAAI,EAAQS,EAAa,GAAG,CAACZ,EAAc,EAAE,OAAO,KAAK,EAAEL,GAAUA,EAAS,EAAE,OAAO,KAAK,EACriC,IAAMkB,EAAMN,EAAS,EAAE,OAAO,KAAK,EAAE,EAAE,OAAO,kBAAkBM,CAAK,CAAE,EAAE,OAAoBC,EAAM,MAAM,CAAC,MAAM,CAAC,MAAM,OAAO,QAAQ,OAAO,cAAc,QAAQ,EAAE,SAAS,CAAcC,EAAK,QAAQ,CAAC,SAAS;AAAA,mBACjMX,CAAc;AAAA,6BACJP,CAAgB;AAAA;AAAA;AAAA,aAGhC,CAAC,EAAekB,EAAK,QAAQ,CAAC,KAAK,QAAQ,KAAKjB,EAAK,YAAYL,EAAY,MAAMM,EAAW,SAASa,EAAa,OAAOF,EAAW,QAAQC,EAAY,UAAUP,EAAe,SAAS,GAAK,MAAM,CAAC,MAAM,OAAO,QAAQ,YAAY,WAAW,gBAAgB,SAAS,OAAO,WAAW,UAAU,WAAW,QAAQ,MAAM,UAAU,aAAa,MAAM,WAAW,2BAA2B,OAAO,aAAaF,EAAU,UAAU,2BAA2B,GAAG,QAAQ,OAAO,WAAW,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,CAAE,CAACc,EAAoBzB,EAAiB,CAAC,KAAK,CAAC,KAAK0B,EAAY,OAAO,aAAa,OAAO,EAAE,YAAY,CAAC,KAAKA,EAAY,OAAO,aAAa,aAAa,EAAE,kBAAkB,CAAC,KAAKA,EAAY,OAAO,YAAY,uCAAuC,aAAa,gEAAgE,EAAE,iBAAiB,CAAC,KAAKA,EAAY,MAAM,aAAa,SAAS,EAAE,MAAM,CAAC,KAAKA,EAAY,OAAO,aAAa,GAAG,OAAO,EAAI,CAAC,CAAC,EAAE1B,EAAiB,aAAa,CAAC,MAAM,IAAI,OAAO,EAAE",
  "names": ["InputField_Email", "props", "placeholder", "value", "onChange", "blockedRegexArray", "placeholderColor", "name", "inputValue", "setInputValue", "ye", "isFocused", "setIsFocused", "inputClassName", "validateEmail", "email", "validate", "regexList", "pattern", "handleBlur", "handleFocus", "handleChange", "error", "u", "p", "addPropertyControls", "ControlType"]
}