{"version":3,"file":"PhoneMaskInput.CWCp_D6h.mjs","names":["useState","useCallback"],"sources":["https:/framerusercontent.com/modules/5KIztmpNqPZyvBkCgArg/YbUV9zSB6gJun5tkGB9l/PhoneMaskInput.js"],"sourcesContent":["// Input de Nome sem efeito de focus aumentar grossura do stroke\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{useState,useCallback,startTransition}from\"react\";import{addPropertyControls,ControlType}from\"framer\";/**\n * Input de Nome\n *\n * @framerIntrinsicWidth 280\n * @framerIntrinsicHeight 60\n *\n * @framerSupportedLayoutWidth any-prefer-fixed\n * @framerSupportedLayoutHeight auto\n */export default function PhoneMaskInput(props){const{nome,placeholder,value=\"\",onChange,background,color,borderRadius,font,padding,border,boxShadow,focusEffect,required,opacity,placeholderColor,borderColor,style,focusBorderColor}=props;const[inputValue,setInputValue]=useState(value);// Função para aplicar máscara de telefone: (00) 0 0000 0000\nconst maskPhone=useCallback(raw=>{// Remove tudo que não for número\nlet digits=raw.replace(/\\D/g,\"\");if(digits.length>=12&&/^55/.test(digits)){digits=digits.slice(2);console.log(\"DDI removido\");}else{console.log(\"Menos de 12 ou n\\xe3o come\\xe7a com 55\");}// Limita a 11 dígitos\ndigits=digits.slice(0,11);console.log(\"Limitado a 11\");if(digits.length<=2)return digits;if(digits.length<=6){return`(${digits.slice(0,2)}) ${digits.slice(2)}`;}if(digits.length===10){// (00) 0000 0000\nreturn`(${digits.slice(0,2)}) ${digits.slice(2,6)} ${digits.slice(6,10)}`;}if(digits.length===11){// (00) 0 0000 0000\nreturn`(${digits.slice(0,2)}) ${digits.slice(2,3)} ${digits.slice(3,7)} ${digits.slice(7,11)}`;}return digits;},[]);const handleChange=useCallback(e=>{const raw=e.target.value;const masked=maskPhone(raw);startTransition(()=>setInputValue(masked));if(onChange)onChange(masked);},[onChange,maskPhone]);return /*#__PURE__*/_jsxs(\"div\",{style:{...style,width:\"100%\",height:\"100%\",display:\"flex\",flexDirection:\"column\",gap:0,opacity,justifyContent:\"center\",alignItems:\"stretch\"},children:[/*#__PURE__*/_jsx(\"input\",{type:\"text\",value:inputValue,onChange:handleChange,placeholder:placeholder,required:required,name:nome,style:{width:\"100%\",padding:padding?`${padding}px`:\"12px 14px\",borderRadius,border:`1px solid ${borderColor||\"#eee\"}`,background,color,outline:\"none\",fontSize:font.fontSize,fontWeight:font.variant,letterSpacing:font.letterSpacing,lineHeight:font.lineHeight,...font,boxShadow:boxShadow||undefined,transition:focusEffect?\"box-shadow 0.2s, border-color 0.2s\":undefined},\"aria-label\":placeholder,inputMode:\"text\",autoComplete:\"name\"}),/*#__PURE__*/_jsx(\"style\",{children:`\n                input::placeholder {\n                    color: ${placeholderColor};\n                }\n                input:focus {\n                    border: 1px solid ${focusBorderColor||borderColor} !important;\n                    box-shadow: none !important;\n                }\n            `})]});}addPropertyControls(PhoneMaskInput,{nome:{type:ControlType.String,title:\"Nome do Campo\",defaultValue:\"Telefone\",placeholder:\"Nome para plataforma webhook\"},placeholder:{type:ControlType.String,title:\"Placeholder\",defaultValue:\"Insira seu Telefone\"},value:{type:ControlType.String,title:\"Valor\",defaultValue:\"\"},required:{type:ControlType.Boolean,title:\"Required\",defaultValue:true,enabledTitle:\"Yes\",disabledTitle:\"No\"},background:{type:ControlType.Color,title:\"Fill\",defaultValue:\"#99A1AE\"},color:{type:ControlType.Color,title:\"Color\",defaultValue:\"#0A1A33\"},placeholderColor:{type:ControlType.Color,title:\"Placeholder\",defaultValue:\"#999999\"},opacity:{type:ControlType.Number,title:\"Opacity\",defaultValue:1,min:0,max:1,step:.01},borderRadius:{type:ControlType.Number,title:\"Radius\",defaultValue:10,min:0,max:32},padding:{type:ControlType.Number,title:\"Padding\",defaultValue:12,min:0,max:32},border:{type:ControlType.String,title:\"Border\",defaultValue:\"1px solid #eee\"},borderColor:{type:ControlType.Color,title:\"Border Color\",defaultValue:\"#99A1AE\"},boxShadow:{type:ControlType.String,title:\"Shadows\",defaultValue:\"\"},focusEffect:{type:ControlType.String,title:\"Focus\",defaultValue:\"0 0 2px #0066FF33\"},focusBorderColor:{type:ControlType.Color,title:\"Focus Border Color\",defaultValue:\"#0066FF\"},font:{type:ControlType.Font,title:\"Font\",controls:\"extended\",defaultFontType:\"sans-serif\",defaultValue:{fontSize:\"16px\",variant:\"Regular\",letterSpacing:\"-0.01em\",lineHeight:\"1.2em\"}}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"PhoneMaskInput\",\"slots\":[],\"annotations\":{\"framerIntrinsicWidth\":\"280\",\"framerSupportedLayoutWidth\":\"any-prefer-fixed\",\"framerContractVersion\":\"1\",\"framerSupportedLayoutHeight\":\"auto\",\"framerIntrinsicHeight\":\"60\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./PhoneMaskInput.map"],"mappings":"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"}