{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/8zUyub5NekR0srV1VUxd/0PNxqhVtVppOEsXO6EOK/Phonenumber.js"],
  "sourcesContent": ["import{jsx as _jsx}from\"react/jsx-runtime\";import{useEffect,useRef}from\"react\";export function PhoneNumberWithCountryCode(){const containerRef=useRef(null);const itiRef=useRef(null);useEffect(()=>{const loadAssets=async()=>{const isArabic=window.location.pathname.includes(\"/ar/\");// Inject intl-tel-input CSS\nconst cssLink=document.createElement(\"link\");cssLink.rel=\"stylesheet\";cssLink.href=\"https://cdn.jsdelivr.net/npm/intl-tel-input@18.1.1/build/css/intlTelInput.css\";document.head.appendChild(cssLink);// Inject custom styles based on language\nconst customStyle=document.createElement(\"style\");customStyle.innerHTML=`\n        .custom-phone-wrapper {\n          overflow: visible;\n          display: flex;\n          transition: all 0.3s ease;\n          direction: ${isArabic?\"rtl\":\"ltr\"};\n        }\n\n        .custom-phone-wrapper.invalid {\n          border-color: red;\n          background-color: #ffe6e6;\n        }\n\n        .custom-phone-wrapper .iti {\n          width: 100%;\n        }\n\n        .custom-phone-wrapper .iti input {\n          border: none;\n          outline: none;\n          background: transparent;\n          width: 100%;\n          font-size: 16px;\n          text-align: ${isArabic?\"right\":\"left\"};\n        }\n\n        .iti--allow-dropdown .iti__flag-container{\n            right:${isArabic?0:\"auto\"};\n            left :${isArabic?\"auto\":0};\n        }\n\n        .iti--allow-dropdown input[type=tel]{\n                padding-right: ${isArabic?\"52px\":\"6px\"};\n                padding-left: ${isArabic?\"6px\":\"52px\"};\n        }\n      `;document.head.appendChild(customStyle);// Load intl-tel-input JS\nconst script=document.createElement(\"script\");script.src=\"https://cdn.jsdelivr.net/npm/intl-tel-input@18.1.1/build/js/intlTelInput.min.js\";script.onload=()=>{const input=containerRef.current?.querySelector(\"input\");if(input&&window.intlTelInput){itiRef.current=window.intlTelInput(input,{initialCountry:\"ae\",nationalMode:false,utilsScript:\"https://cdn.jsdelivr.net/npm/intl-tel-input@18.1.1/build/js/utils.js\"});const wrapper=input.closest(\".framer-form-input-wrapper\");if(wrapper){wrapper.classList.add(\"custom-phone-wrapper\");}const form=input.closest(\"form\");if(form){form.addEventListener(\"submit\",e=>{const isValid=itiRef.current.isValidNumber();if(!isValid){e.preventDefault();e.stopPropagation();if(wrapper)wrapper.classList.add(\"invalid\");}else{if(wrapper)wrapper.classList.remove(\"invalid\");input.value=itiRef.current.getNumber();}});}}};document.body.appendChild(script);return()=>{document.head.removeChild(cssLink);document.head.removeChild(customStyle);document.body.removeChild(script);};};loadAssets();},[]);return{ref:containerRef};}import{useContext as __legacyOverrideHOC_useContext}from\"react\";import{DataObserverContext as __legacyOverrideHOC_DataObserverContext}from\"framer\";export function withPhoneNumberWithCountryCode(C){return props=>{__legacyOverrideHOC_useContext(__legacyOverrideHOC_DataObserverContext);return _jsx(C,{...props,...PhoneNumberWithCountryCode(props)});};}withPhoneNumberWithCountryCode.displayName=\"PhoneNumberWithCountryCode\";\nexport const __FramerMetadata__ = {\"exports\":{\"withPhoneNumberWithCountryCode\":{\"type\":\"reactHoc\",\"name\":\"withPhoneNumberWithCountryCode\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"PhoneNumberWithCountryCode\":{\"type\":\"override\",\"name\":\"PhoneNumberWithCountryCode\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Phonenumber.map"],
  "mappings": "4JAAAA,IAAsF,SAASC,GAA4B,CAAC,IAAMC,EAAaC,EAAO,IAAI,EAAQC,EAAOD,EAAO,IAAI,EAAE,OAAAE,EAAU,IAAI,EAAkB,SAAS,CAAC,IAAMC,EAAS,OAAO,SAAS,SAAS,SAAS,MAAM,EACjRC,EAAQ,SAAS,cAAc,MAAM,EAAEA,EAAQ,IAAI,aAAaA,EAAQ,KAAK,gFAAgF,SAAS,KAAK,YAAYA,CAAO,EACpM,IAAMC,EAAY,SAAS,cAAc,OAAO,EAAEA,EAAY,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA,uBAKjDF,EAAS,MAAM,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAkBnBA,EAAS,QAAQ,MAAM;AAAA;AAAA;AAAA;AAAA,oBAI3BA,EAAS,EAAE,MAAM;AAAA,oBACjBA,EAAS,OAAO,CAAC;AAAA;AAAA;AAAA;AAAA,iCAIJA,EAAS,OAAO,KAAK;AAAA,gCACtBA,EAAS,MAAM,MAAM;AAAA;AAAA,QAE7C,SAAS,KAAK,YAAYE,CAAW,EAC7C,IAAMC,EAAO,SAAS,cAAc,QAAQ,EAAE,OAAAA,EAAO,IAAI,kFAAkFA,EAAO,OAAO,IAAI,CAAC,IAAMC,EAAMR,EAAa,SAAS,cAAc,OAAO,EAAE,GAAGQ,GAAO,OAAO,aAAa,CAACN,EAAO,QAAQ,OAAO,aAAaM,EAAM,CAAC,eAAe,KAAK,aAAa,GAAM,YAAY,sEAAsE,CAAC,EAAE,IAAMC,EAAQD,EAAM,QAAQ,4BAA4B,EAAKC,GAASA,EAAQ,UAAU,IAAI,sBAAsB,EAAG,IAAMC,EAAKF,EAAM,QAAQ,MAAM,EAAKE,GAAMA,EAAK,iBAAiB,SAASC,GAAG,CAAeT,EAAO,QAAQ,cAAc,GAA2GO,GAAQA,EAAQ,UAAU,OAAO,SAAS,EAAED,EAAM,MAAMN,EAAO,QAAQ,UAAU,IAA7KS,EAAE,eAAe,EAAEA,EAAE,gBAAgB,EAAKF,GAAQA,EAAQ,UAAU,IAAI,SAAS,EAA+F,CAAC,CAAG,CAAC,EAAE,SAAS,KAAK,YAAYF,CAAM,EAAQ,IAAI,CAAC,SAAS,KAAK,YAAYF,CAAO,EAAE,SAAS,KAAK,YAAYC,CAAW,EAAE,SAAS,KAAK,YAAYC,CAAM,CAAE,CAAE,GAAa,CAAE,EAAE,CAAC,CAAC,EAAQ,CAAC,IAAIP,CAAY,CAAE,CAA2J,SAASY,EAA+BC,EAAE,CAAC,OAAOC,IAAQC,EAA+BC,CAAuC,EAASC,EAAKJ,EAAE,CAAC,GAAGC,EAAM,GAAGf,EAA2Be,CAAK,CAAC,CAAC,EAAI,CAACF,EAA+B,YAAY",
  "names": ["init_ssg_sandbox_shims", "PhoneNumberWithCountryCode", "containerRef", "pe", "itiRef", "ue", "isArabic", "cssLink", "customStyle", "script", "input", "wrapper", "form", "e", "withPhoneNumberWithCountryCode", "C", "props", "re", "DataObserverContext", "p"]
}