{"version":3,"file":"Phone_Validation.Dl2MPpha.mjs","names":["__legacyOverrideHOC_DataObserverContext","_jsx"],"sources":["https:/framerusercontent.com/modules/IXI2IxEJrY4usfSbclm9/1hPUhRBPK9G3YPdS4KrL/Phone_Validation.js"],"sourcesContent":["import{jsx as _jsx}from\"react/jsx-runtime\";import{useEffect,useRef}from\"react\";export function PhoneNumber10Digits(){return{type:\"tel\",inputMode:\"numeric\",maxLength:10,pattern:\"[0-9]{10}\",onInput:e=>{// Allow only digits\ne.target.value=e.target.value.replace(/\\D/g,\"\").slice(0,10);},onBlur:e=>{// Final validation on blur\nif(e.target.value.length!==10){e.target.setCustomValidity(\"Please enter a valid 10-digit phone number\");}else{e.target.setCustomValidity(\"\");}},onInvalid:e=>{e.target.setCustomValidity(\"Please enter a valid 10-digit phone number\");}};}/**\n * HOC override for TrustedByCompanies ticker.\n *\n * On hover:\n *   1. Pauses the ticker by intercepting Framer Motion's transform updates\n *      via MutationObserver and resetting to the frozen position.\n *   2. Restores logo colors by overriding mix-blend-mode: luminosity\n *      (which is what makes the colored logos appear grayscale) using\n *      inline style setProperty with \"important\" priority.\n *\n * No class-name selectors used — works in both preview and production.\n */export function TrustedTickerHover(Component){return function Wrapper(props){const ref=useRef(null);useEffect(()=>{const wrapper=ref.current;if(!wrapper)return;let isFrozen=false;let frozenTransform=\"translateX(0px)\";let observer=null;let root=null;let blendEl=null;const onEnter=()=>{// Snapshot the current translateX the moment the user hovers\nconst ul=wrapper.querySelector(\"ul\");if(ul){frozenTransform=ul.style.transform||\"translateX(0px)\";isFrozen=true;}// Override the luminosity blend mode that creates the grayscale look\nif(blendEl){blendEl.style.setProperty(\"mix-blend-mode\",\"normal\",\"important\");}};const onLeave=()=>{// Release freeze — Framer Motion resumes from its internal counter\nisFrozen=false;// Restore grayscale by removing the inline override\nif(blendEl){blendEl.style.removeProperty(\"mix-blend-mode\");}};// Delay setup to ensure Framer Motion has initialized and rendered\nconst timer=setTimeout(()=>{root=wrapper.firstElementChild;if(!root)return;const ul=wrapper.querySelector(\"ul\");// Detect the element responsible for the grayscale look\n// by scanning for mix-blend-mode: luminosity (no class names needed)\nfor(const el of Array.from(wrapper.querySelectorAll(\"*\"))){if(window.getComputedStyle(el).mixBlendMode===\"luminosity\"){blendEl=el;break;}}// MutationObserver beats Framer Motion: every time Framer tries to\n// update the UL's transform, we immediately reset it to the frozen value\nif(ul){observer=new MutationObserver(()=>{if(isFrozen&&ul.style.transform!==frozenTransform){ul.style.transform=frozenTransform;}});observer.observe(ul,{attributes:true,attributeFilter:[\"style\"]});}root.addEventListener(\"mouseenter\",onEnter);root.addEventListener(\"mouseleave\",onLeave);},300);return()=>{clearTimeout(timer);observer?.disconnect();if(root){root.removeEventListener(\"mouseenter\",onEnter);root.removeEventListener(\"mouseleave\",onLeave);}};},[]);return /*#__PURE__*/_jsx(\"div\",{ref:ref,style:{display:\"contents\"},children:/*#__PURE__*/_jsx(Component,{...props})});};}import{useContext as __legacyOverrideHOC_useContext}from\"react\";import{DataObserverContext as __legacyOverrideHOC_DataObserverContext}from\"framer\";export function withPhoneNumber10Digits(C){return props=>{__legacyOverrideHOC_useContext(__legacyOverrideHOC_DataObserverContext);return _jsx(C,{...props,...PhoneNumber10Digits(props)});};}withPhoneNumber10Digits.displayName=\"PhoneNumber10Digits\";\nexport const __FramerMetadata__ = {\"exports\":{\"PhoneNumber10Digits\":{\"type\":\"override\",\"name\":\"PhoneNumber10Digits\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withPhoneNumber10Digits\":{\"type\":\"reactHoc\",\"name\":\"withPhoneNumber10Digits\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"TrustedTickerHover\":{\"type\":\"reactHoc\",\"name\":\"TrustedTickerHover\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Phone_Validation.map"],"mappings":"2KAA+E,SAAgB,GAAqB,CAAC,MAAM,CAAC,KAAK,MAAM,UAAU,UAAU,UAAU,GAAG,QAAQ,YAAY,QAAQ,GAAG,CACvM,EAAE,OAAO,MAAM,EAAE,OAAO,MAAM,QAAQ,MAAM,GAAG,CAAC,MAAM,EAAE,GAAG,EAAG,OAAO,GAAG,CACrE,EAAE,OAAO,MAAM,SAAS,GAAmF,EAAE,OAAO,kBAAkB,GAAG,CAA7G,EAAE,OAAO,kBAAkB,6CAA6C,EAAyC,UAAU,GAAG,CAAC,EAAE,OAAO,kBAAkB,6CAA6C,EAAG,CAoB8e,SAAgB,EAAwB,EAAE,CAAC,MAAO,KAAQ,EAA+BA,EAAwC,CAAQC,EAAK,EAAE,CAAC,GAAG,EAAM,GAAG,EAAoB,EAAM,CAAC,CAAC,uBAtBr2B,IAAoC,IAsBwoB,CAA6L,EAAwB,YAAY"}