{"version":3,"sources":["webpack:///./src/mobile/components/Auth/Counter.js","webpack:///./src/desktop/components/Carousel/Carousel.js","webpack:///./src/CommonComponents/LinkProvider/LinkProvider.js","webpack:///./src/utils/validation.js","webpack:///./src/mobile/components/Auth/LinkWithText.js","webpack:///./src/mobile/components/Auth/OtpVerification.js"],"names":["props","counterValue","bind","startCounterInterval","state","counter","clearInterval","this","counterInterval","setInterval","setTimeout","showhideCounter","setState","value","isNaN","Math","floor","dataLocale","SEND_YOURSELF_OTP","SEC","className","Component","currencyCode","currencySymbol","Carousel","React","forwardRef","ref","carouselHtmlData","carouselStyle","carouselConfig","currencyMark","carouselList","slidesToShow","initialSlide","changeCarouselSlide","responsive","imageKey","imageBorder","brand","price","carouselCss","useState","currentSlide","setCurrentSlide","config","infinite","pauseOnHover","speed","autoplay","autoplaySpeed","Object","assign","type","style","width","map","data","display","alignItems","beforeChange","current","next","index","prices","length","currency_code","CURRENCY_CODE","key","border","height","onClick","imageClick","onClickChangeSlide","alt","src","brandName","connect","common","locale","link","to","children","isValidLinkObj","isObject","isRelativeUrl","indexOf","Fragment","Link","href","error","isEmpty","test","len","trim","min","Number","isInteger","enumeration","includes","join","field","initialValues","countryMark","countryCode","countrySymbol","langCodeAllowed","hasOwnProperty","toLowerCase","maxMobileNumberLength","minMobileNumberLength","regex","phoneCodeCountry","ae","val","cardNo","date","month","toString","slice","fullyear","year","today","Date","expiryDay","setFullYear","name","formVals","fullName","lastName","maxLength","max","isRequired","text","url","linkText","styleObj","OtpVerification","findindex","str","nums","match","verifyCaptchaCallback","response","isCaptchaVerified","captchaResponse","resetCaptcha","window","grecaptcha","reset","renderCaptcha","render","sitekey","siteKey","theme","callback","isCaptchaMounted","renderInput","onSubmitClick","onResendOtpClick","onSkipOtpClick","otpKeyDown","pasteOtp","inputRef","createRef","authConfig","count","SKIP_BTN_TIMEOUT","parseInt","showCounter","counterNotRequired","otpDigits","otpValue","isCaptchaRequired","addEventListener","prevProps","offerFlow","otpVerifySuccess","oTPLoginSuccess","OTP_SENT_MOBILE","validateSession","oTPSent","result","setToastMessage","message","removeEventListener","ev","currentPhoneCode","localeInfo","preventDefault","sendValidateOtp","phoneNumber","isMobileEmailMergeRequired","mergeMobileWithEmail","dtmVerifyOtp","username","code","validBlock","phoneCode","lastInput","document","getElementById","blur","staticDTM","dtmData","dtm","linkName","channel","linkPageName","pageVersion","event","setWindowDtm","occurence","captchaKey","history","redirectAfterLogin","sessionStorageHelper","setItem","replace","target","nextElementSibling","previous","previousElementSibling","which","id","concat","focus","paste","clipboardData","getData","pasteNumber","tempValue","i","pageName","subSection1","subSection2","ctaName","persist","String","fromCharCode","keyCode","inputBoxes","push","autoComplete","autoFocus","onChange","onOtpChange","onKeyDown","showLoginScreen","loading","otpType","redisCommonData","CHANGE_NUMBER","EDIT","ENTER_4_DIGIT_OTP","RE_SEND_OTP","SKIP","VERIFY_PHONE_NUMBER","BY_PROCEEDING_YOU_AGREE_TO_OUR","TERMS_AND_CONDITIONS","skipTimerOtpWithoutTimer","SKIP_TIMER_OTP_CHECKOUT","JSON","parse","noValidate","onSubmit","letterSpacing","disabled","marginTop","PureComponent","auth","dispatch","validateSessionV2"],"mappings":"mcAAA,M,ybAAA,Y,i+CAGE,WAAYA,GAAO,a,4FAAA,UACjB,cAAMA,IACDC,aAAe,EAAKA,aAAaC,KAAlB,MACpB,EAAKC,qBAAuB,EAAKA,qBAAqBD,KAA1B,MAC5B,EAAKE,MAAQ,CACXC,QAAS,EAAKL,MAAMC,cAEtB,EAAKE,uBAPY,E,iDAUnB,WACEG,cAAcC,KAAKC,mB,kCAGrB,WAAuB,WACrBD,KAAKC,gBAAkBC,aAAY,WAC7B,EAAKL,MAAMC,SAAW,GACxBC,cAAc,EAAKE,iBACnBE,WAAW,EAAKV,MAAMW,gBAAiB,MAEvC,EAAKC,SAAS,CAAEP,QAAS,EAAKD,MAAMC,QAAU,MAE/C,O,0BAGL,SAAaQ,GACX,OAAKC,MAAMD,GAOJ,IANLA,EAAQE,KAAKC,MAAMH,KACN,GAAKA,EAAQ,GACxB,WAAWA,GAEb,UAAUA,K,oBAKd,WACE,IAAQR,EAAYE,KAAKH,MAAjBC,QACR,EAEIE,KAAKP,MADPiB,WAAcC,EADhB,EACgBA,kBAAmBC,EADnC,EACmCA,IAEnC,OACE,+BAAKC,UAAU,WACb,gCAAMA,UAAU,2BACbF,EACD,wCAAaX,KAAKN,aAAaI,EAAU,KAF3C,IAGE,wCAAaE,KAAKN,aAAaI,EAAU,KACzC,yCACA,oCAAOc,U,8BAjDKE,a,yYCFtB,I,EAAA,E,ybAAA,YACA,G,EAAA,Y,2BACA,UACA,UACA,gB,8xCAEA,IAAIC,EAAe,GACfC,EAAiB,GACfC,EAAWC,UAAMC,YAAW,SAAC1B,EAAO2B,GACxC,IACEV,EAeEjB,EAfFiB,WACAW,EAcE5B,EAdF4B,iBAFF,EAgBI5B,EAbF6B,qBAHF,MAGkB,GAHlB,EAIEC,EAYE9B,EAZF8B,eACAC,EAWE/B,EAXF+B,aACAC,EAUEhC,EAVFgC,aANF,EAgBIhC,EATFiC,oBAPF,MAOiB,EAPjB,IAgBIjC,EARFkC,oBARF,MAQiB,EARjB,EASEC,EAOEnC,EAPFmC,oBACAC,EAMEpC,EANFoC,WACAC,EAKErC,EALFqC,SAXF,EAgBIrC,EAJFsC,mBAZF,SAaEC,EAGEvC,EAHFuC,MACAC,EAEExC,EAFFwC,MACAC,EACEzC,EADFyC,YAEF,KAAwC,IAAAC,UAASR,GAAjD,GAAOS,EAAP,KAAqBC,EAArB,KAYIC,EAAS,CACXC,UAAU,EACVC,cAAc,EACdC,MAAO,IACPC,UAAU,EACVC,cAAe,KAOjB,OAJItB,IACFiB,EAASM,OAAOC,OAAO,GAAIP,EAAQf,IAG9BF,EACL,gDACE,iCAAOyB,KAAK,YAAYZ,GACxB,+BACErB,UAAS,2CAAsCS,GAC/CyB,MAAO,CAAEC,MAAO,SAEhB,wBAAC,UAAD,KAAYV,EAAZ,CAAoBlB,IAAKA,IACtBC,EAAiB4B,KAAI,SAAAC,GACpB,OAAOA,QAMf,+BAAKrC,UAAU,iBACb,wBAAC,UAAD,GACEkC,MAAO,CAAEI,QAAS,OAAQC,WAAY,WAClCd,EAFN,CAGElB,IAAKA,EACLsB,UAAU,EACVW,aAAc,SAACC,EAASC,GA1C5BlB,EA0CiDkB,IAC7C5B,aAAcA,EACdE,WAAYA,EACZH,aAAcA,IAEbD,EAAawB,KAAI,SAACC,EAAMM,GAavB,OAZAzC,EACEmC,EAAKO,QAAUP,EAAKO,OAAOC,OAAS,IAChCR,EAAKO,OAAO,GAAG1C,cACfmC,EAAKO,OAAO,GAAGE,gBAEfjD,EAAWkD,cACjB5C,EACmB,QAAjBD,EACE,oCAAOS,EAAaT,IAEpB,oCAAOS,EAAad,EAAWkD,gBAGjC,+BAAKC,IAAKL,GACR,+BACE3C,UAAS,4CACP2C,IAAUpB,GAAgBL,EAAc,cAAgB,MAE1DgB,MAAO,CAAEe,OAAS/B,EAAuB,GAAT,OAAagC,OAAQ,QACrDC,QAAS,kBAjEI,SAACR,EAAOS,GACjC5B,EAAgBmB,GACZ5B,GACFA,EAAoB4B,EAAOS,GA8DFC,CAAmBV,EAAO,gBAEzC,+BAAKW,IAAKX,EAAOY,IAAKlB,EAAKpB,KAC1BE,GACC,+BAAKnB,UAAU,uCAAuCqC,EAAKmB,WAE5DpC,GACC,+BAAKpB,UAAU,+CACZG,EACAkC,EAAKO,OAAO,GAAGxB,iB,GAgBrB,IAAAqC,UAJS,SAAAzE,GAAK,MAAK,CAChC2B,aAAc3B,EAAM0E,OAAO/C,aAC3Bd,WAAYb,EAAM2E,UAEoB,KAAzB,CAA+BvD,G,qICzH9C,I,EAAA,G,EAAA,Y,2BACA,YACA,Y,+MAEA,I,EAAqB,SAAAxB,GACnB,IAAYgF,EAAmBhF,EAAvBiF,GAAUC,EAAalF,EAAbkF,SAClB,IAAKF,EACH,OAAO,8BAAShF,EAAT,IAAkBkF,EAAlB,KAET,IAAIC,GAAiB,EAUrB,OATIH,IACFG,GAAiB,IAAAC,UAASJ,KAAS,IAAAK,eAAcL,IAGzB,mBAAjBA,EAAKM,UACXN,EAAKM,QAAQ,uBAAyB,GAAKN,EAAKM,QAAQ,SAAW,KAEpEH,GAAiB,GAGjB,wBAAC,UAAMI,SAAP,KACGJ,EACC,wBAAC,EAAAK,KAASxF,EAAQkF,GAElB,+BAAGO,KAAMT,GAAUhF,GAChBkF,K,sNCrBJ,SAAerE,GACpB,IAAI6E,EAAQ,OAERC,EAAQ9E,KAAW,4CAA4C+E,KAAK/E,IACtE8E,EAAQ9E,MAER6E,EAAQ,8BAEV,OAAOA,G,WAGF,SAAkB7E,GACvB,IAAMgF,EAAMhF,EAAQA,EAAMiF,OAAO7B,OAAS,EAC1C,GAAI0B,EAAQ9E,IAAUgF,EAAM,EAC1B,MAAO,oB,SAgBJ,SAAgBhF,GACrB,IAAK,+BAA+B+E,KAAK/E,GACvC,MAAO,iC,YAIJ,SAAmBkF,GACxB,OAAO,SAAAlF,GACL,IAAK8E,EAAQ9E,IAAUA,EAAMoD,OAAS8B,EACpC,iCAA2BA,EAA3B,iB,wBAeC,SAAiBlF,GACtB,IAAM8E,EAAQ9E,KAAWmF,OAAOC,UAAUD,OAAOnF,KAAY8E,EAAQ9E,GACnE,MAAO,sB,QAIJ,SAAeqF,GACpB,OAAO,SAAArF,GACL,IAAKqF,EAAYC,SAAStF,GACxB,gCAA0BqF,EAAYE,KAAK,S,QAK1C,SAAeC,GACpB,OAAO,SAACxF,EAAO4C,GACb,GAAIA,GACE5C,IAAU4C,EAAK4C,GACjB,MAAO,iB,gBAoBR,SAAuBxF,EAAOyF,GACnC,IAAMC,EAAcD,EAAcE,YAC5BC,EACJF,GAAeG,kBAAgBC,eAAeJ,EAAYK,eACtDL,EAAYK,cACZ,KACN,EAAgEF,kBAAgBD,GAAxEI,EAAR,EAAQA,sBAAuBC,EAA/B,EAA+BA,sBAC/B,GADA,EAAsDC,MAE9CnB,KAAK/E,IACXA,GACAA,EAAMoD,QAAU4C,GAChBhG,EAAMoD,QAAU6C,EAEhB,OAEF,GAAI,6BAA6BlB,KAAK/E,GACpC,OAEF,MAAO,+C,WAGF,SAAkBA,EAAOyF,GAC9B,IAEIO,EACAC,EACAC,EAJER,EAAcD,EAAcU,kBAAoBV,EAAcE,YAC9DC,EAAgBF,GAAeA,EAAYK,eAIjD,OAAIF,wBAAJ,IAAIA,uBAAJ,EAAIA,kBAAkBD,KACpBI,EAAwBH,kBAAgBD,GAAeI,sBACvDC,EAAwBJ,kBAAgBD,GAAeK,sBACvDC,EAAQL,kBAAgBD,GAAeM,OAC9BR,GACTM,EAAwB,GACxBC,EAAwB,EACxBC,EAAQL,kBAAgBO,GAAGF,QAE3BF,EAAwB,GACxBC,EAAwB,GACxBC,EAAQL,qBAAmBK,OAG7B,IAAIrB,EAAQ,OAETqB,EAAMnB,KAAK/E,IACZA,EAAMoD,OAAS4C,GACfhG,EAAMoD,OAAS6C,KAEfpB,EAAQ,sCAEV,OAAOA,G,SAGF,SAAgBwB,GACrB,IAAIxB,EAAQ,KACPwB,EAAIpB,QAEGoB,GAAOA,EAAIjD,OAAS,IAAO,iBAAiB2B,KAAKsB,MAC3DxB,EAAQ,wCAFRA,EAAQ,8BAIV,OAAOA,G,oBAGF,SAA2BwB,GAChC,IAAIxB,GACQwB,EAAMA,EAAIpB,OAAO7B,OAAS,GAC5B,EACRyB,EAAQ,4BACC,KAAKE,KAAKsB,KACnBxB,EAAQ,+BAEV,OAAOA,G,qBAIF,SAA4ByB,GAEjC,MADa,iBACDvB,KAAKuB,GAAU,GAAK,8B,qBAG3B,SAA4BC,GAEjC,IAAKA,IADe,yBACMxB,KAAKwB,GAAO,MAAO,iCAC7C,IAAMC,EAAQD,EAAKE,WAAWC,MAAM,EAAG,GACnCC,EAAW,KACTC,EAAOL,EAAKE,WAAWC,MAAM,GACf,IAAhBE,EAAKxD,SACPuD,GAAYC,GAEd,IAAMC,EAAQ,IAAIC,KACZC,EAAY,IAAID,KAEtB,OADAC,EAAUC,YAAYL,EAAUH,EAAO,GAChCO,EAAYF,GAASL,EAAQ,GAAK,iCAAmC,I,cAGvE,SAAqBH,GAC1B,MAAO,eAAetB,KAAKsB,GAAO,GAAK,0B,uBAIlC,SAA8BY,GACnC,OAAO,SAAAjH,GAEL,GADc,aACJ+E,KAAK/E,GACb,oEAA8DiH,K,8BAI7D,SAAqCA,GAC1C,OAAO,SAAAjH,GAEL,GADc,WACJ+E,KAAK/E,GACb,gEAA0DiH,K,eAKzD,SAAsBZ,EAAKa,GAChC,IAAMC,EAAW,GAAH,OAAMd,EAAN,aAAca,EAASE,UAAY,IAC3CvC,EAAQwC,EAAU,IAAK,yBAAfA,CAAyCF,GACvD,GAAItC,EAAO,OAAOA,G,iBAGb,SAAwBoC,GAC7B,OAAO,SAAAjH,GAEL,GADc,cACJ+E,KAAK/E,GACb,mCAA6BiH,K,6BAK5B,SAAoCjH,GAEzC,GADc,uBACJ+E,KAAK/E,EAAM+F,eACnB,kC,wBAIG,SAA+B/F,GAEpC,IADc,wBACH+E,KAAK/E,EAAM+F,eACpB,kC,yBA7OJ,gBACMjB,EAAU,SAAA9E,GAAK,OAAIA,SAAmD,KAAVA,GA+C3D,SAASqH,EAAUC,EAAKL,GAC7B,OAAO,SAAAjH,GACL,IAAK8E,EAAQ9E,IAAUA,EAAMoD,OAASkE,EACpC,OAAOL,EAAI,UACJA,EADI,iCACyBK,EADzB,8CAEiBA,EAFjB,gB,kBA7Bc,SAAAC,GAAU,OAAI,SAAAvH,GAC3C,IAAMgF,EAAMhF,EAAQA,EAAMiF,OAAO7B,OAAS,EAC1C,GACEmE,IACCzC,EAAQ9E,IACPgF,EAAM,GACN,CAAC,6BAA8B,8BAA8BM,SAAStF,IAExE,MAAO,sB,oGC9BX,mBACA,e,mDAEA,I,EAAqB,SAAAb,GACnB,IAAQqI,EAAkCrI,EAAlCqI,KAAMC,EAA4BtI,EAA5BsI,IAAKC,EAAuBvI,EAAvBuI,SAAUC,EAAaxI,EAAbwI,SAC7B,OACE,+BAAKpH,UAAS,yBAAoBoH,IAChC,gCAAMpH,UAAU,kBAAkBiH,GAClC,wBAAC,UAAD,CAAcpD,GAAIqD,GAAlB,IAAyBC,K,8cCR/B,M,ybAAA,YACA,YACA,YACA,YACA,YACA,UACA,mBACA,eACA,eACA,e,ygEACME,E,sQACJ,WAAYzI,GAAO,O,4FAAA,UACjB,cAAMA,IAoKR0I,UAAY,SAAAC,GACV,IACMC,EAAOD,EAAIE,MADL,MAEZ,OAAOF,EAAIrD,QAAQsD,IAxKF,EAgRnBE,sBAAwB,SAAAC,GACE,IAApBA,EAAS9E,QACX,EAAKrD,SAAS,CACZoI,mBAAmB,EACnBC,gBAAiBF,KApRJ,EAyRnBG,aAAe,WACbC,OAAOC,WAAWC,QAClB,EAAKzI,SAAS,CACZoI,mBAAmB,KA5RJ,EAgSnBM,cAAgB,WACdH,OAAOC,WAAWG,OAAO,YAAa,CACpCC,QAAS3G,UAAO4G,QAChBC,MAAO,QACPC,SAAU,EAAKb,sBACf,mBAAoB,EAAKI,eAE3B,EAAKtI,SAAS,CAAEgJ,kBAAkB,EAAMZ,mBAAmB,KArS3D,EAAKa,YAAc,EAAKA,YAAY3J,KAAjB,MACnB,EAAKS,gBAAkB,EAAKA,gBAAgBT,KAArB,MACvB,EAAK4J,cAAgB,EAAKA,cAAc5J,KAAnB,MACrB,EAAK6J,iBAAmB,EAAKA,iBAAiB7J,KAAtB,MACxB,EAAK8J,eAAiB,EAAKA,eAAe9J,KAApB,MACtB,EAAK+J,WAAa,EAAKA,WAAW/J,KAAhB,MAClB,EAAKgK,SAAW,EAAKA,SAAShK,KAAd,MAChB,EAAKiK,SAAW1I,UAAM2I,YACtB,IAAQC,EAAe,EAAKrK,MAApBqK,WAVS,OAWjB,EAAKjK,MAAQ,CACXkK,MAAOD,EAAWE,iBAAmBC,SAASH,EAAWE,iBAAkB,IAAM,GACjFE,aAAc,EAAKzK,MAAM0K,mBACzBC,UAAW,EACXC,SAAU,CAAC,GAAI,GAAI,GAAI,IACvB5B,mBAAmB,EACnBC,gBAAiB,KACjBW,kBAAkB,GAlBH,E,8CAsBnB,WAEMrJ,KAAKP,MAAM6K,mBACbtK,KAAK+I,gBAEP/I,KAAK4J,SAAStG,QAAQiH,iBAAiB,QAASvK,KAAK2J,Y,gCAGvD,SAAmBa,GAAW,WAC5B,EAAqExK,KAAKP,MAAlEiB,EAAR,EAAQA,WAAY+J,EAApB,EAAoBA,UAAWC,EAA/B,EAA+BA,iBAAkBC,EAAjD,EAAiDA,gBACzCC,EAAoBlK,EAApBkK,gBACJJ,EAAUG,kBAAoBA,IAChCxK,YAAW,WACT,EAAKV,MAAMoL,oBACV,KACCJ,GAAaE,GACfD,KAIFF,EAAUM,UAAY9K,KAAKP,MAAMqL,UACjC9K,KAAKP,MAAMqL,SACV9K,KAAKP,MAAMqL,QAAQ3F,OACnBnF,KAAKP,MAAMqL,QAAQC,SAEpB/K,KAAKP,MAAMuL,gBAAgB,CAAEC,QAASL,IACtC5K,KAAKI,mBAGLoK,EAAUF,oBAAsBtK,KAAKP,MAAM6K,mBAC3CtK,KAAKP,MAAM6K,kBAEXtK,KAAK+I,gBAEL/I,KAAKP,MAAM6K,mBACXE,EAAUM,UAAY9K,KAAKP,MAAMqL,SACjC9K,KAAKH,MAAM4I,mBAEXzI,KAAK2I,iB,kCAIT,WACEC,OAAOsC,oBAAoB,QAASlL,KAAK2J,UACrC3J,KAAKP,MAAM6K,mBAAqBtK,KAAKH,MAAMwJ,kBAC7CrJ,KAAK2I,iB,2BAIT,SAAcwC,GACZ,MAAyCnL,KAAKP,MAAtC2L,EAAR,EAAQA,iBAER,GAFA,EAA0BC,WAC1BF,EAAGG,mBACCtL,KAAKH,MAAMwK,SAASxE,KAAK,IAAInC,OAAS,GAA1C,CACA,MACE1D,KAAKP,MADC8L,EAAR,EAAQA,gBAAiBC,EAAzB,EAAyBA,YAAzB,EAAsCC,2BAAtC,EAAkEC,qBAElE1L,KAAK2L,aAAa3L,KAAKP,OACvB,IAAMyD,EAAO,CACX0I,SAAUJ,EACVK,KAAM7L,KAAKH,MAAMwK,SAASxE,KAAK,IAC/B/C,KAAM,eACNgJ,WAAY,UAEd5I,EAAK6I,UAAYX,EAQjBG,EAAgBrI,GAEhB,IAAM8I,EAAYC,SAASC,eAAe,KACtCF,GAAWA,EAAUG,U,8BAG3B,WACE,MAAsEnM,KAAKP,MAAnE8L,EAAR,EAAQA,gBAAiBC,EAAzB,EAAyBA,YAAaY,EAAtC,EAAsCA,UAAWhB,EAAjD,EAAiDA,iBAC3CiB,EAAUD,GAAa,GACvBE,EAAM,CACVC,SAAU,GAAF,OAAKF,EAAQG,QAAb,eACRC,aAAc,GAAF,OAAKJ,EAAQG,QAAb,2BACZE,YAAaL,EAAQK,YACrBC,MAAO,qBAET,IAAAC,cAAaN,GAAK,GAClB,IAAMpJ,EAAO,CACXA,KAAM,CAAE0I,SAAUJ,GAClB1I,KAAM,YAERI,EAAK6I,UAAYX,EACjBlI,EAAK2J,UAAY,SACjB3J,EAAK4J,WAAa9M,KAAKH,MAAM6I,gBAC7B6C,EAAgBrI,K,4BAGlB,WACE,MAA8DlD,KAAKP,MAA3D2M,EAAR,EAAQA,UAAW3B,EAAnB,EAAmBA,UAAWsC,EAA9B,EAA8BA,QAASC,EAAvC,EAAuCA,mBACjC9J,EAAOkJ,GAAa,GACpBE,EAAM,CACVC,SAAU,GAAF,OAAKrJ,EAAKsJ,QAAV,aACRC,aAAc,GAAF,OAAKvJ,EAAKsJ,QAAV,2BACZE,YAAaxJ,EAAKwJ,YAClBC,MAAO,qBAET,IAAAC,cAAaN,GAAK,GAClBW,UAAqBC,QAAQ,SAAUlN,KAAKP,MAAM+L,aAC9CwB,GAAoBA,GAAmB,GACvCvC,GAAasC,GACfA,EAAQI,QAAQ,O,yBAIpB,SAAYhC,GAAI,WACR5H,EAAO4H,EAAGiC,OAAOC,mBACjBC,EAAWnC,EAAGiC,OAAOG,uBACR,IAAfvN,KAAKwN,OACPxN,KAAKH,MAAMwK,SAASJ,SAASkB,EAAGiC,OAAOK,GAAI,KAAOtC,EAAGiC,OAAO9M,MAC5DN,KAAKK,SACH,CACEgK,SAAU,GAAGqD,OAAO1N,KAAKH,MAAMwK,YAEjC,WACM9G,GAAMA,EAAKoK,YAGK,IAAf3N,KAAKwN,QACdxN,KAAKH,MAAMwK,SAASJ,SAASkB,EAAGiC,OAAOK,GAAI,KAAO,GAClDzN,KAAKK,SACH,CACEgK,SAAU,GAAGqD,OAAO1N,KAAKH,MAAMwK,YAEjC,YACM9G,GAAQ+J,KACS,IAAf,EAAKE,MACHF,GAAUA,EAASK,QACdpK,GAAMA,EAAKoK,e,sBAahC,SAAShB,GACP,IAAIiB,GAASjB,EAAMkB,eAAiBjF,OAAOiF,eAAeC,QAAQ,QAC5DC,EAAc/N,KAAKmI,UAAUyF,GACnCA,EAAQA,EAAM5G,MAAM+G,EAAaA,EAAc,GAE/C,IADA,IAAMC,EAAY,EAAIhO,KAAKH,MAAMwK,UACxB4D,EAAI,EAAGA,EAAI,EAAGA,IACrBD,EAAUC,GAAKL,EAAMK,GAEvBjO,KAAKK,SAAS,CAAEgK,SAAU2D,IAC1BrB,EAAMrB,mB,0BAwCR,WACE,IACMpI,EADgBlD,KAAKP,MAAnB2M,WACkB,GACpBE,EAAM,CACV4B,SAAU,GAAF,OAAKhL,EAAKsJ,QAAV,eACRA,QAAStJ,EAAKsJ,QACd2B,YAAa,GAAF,OAAKjL,EAAKsJ,QAAV,eACX4B,YAAa,GAAF,OAAKlL,EAAKsJ,QAAV,eACX6B,QAAS,mBACT1B,MAAO,qBAET,IAAAC,cAAaN,GAAK,K,6BAGpB,WACEtM,KAAKK,SAAS,CAAE6J,aAAclK,KAAKH,MAAMqK,gB,wBAG3C,SAAWiB,GAET,GADAA,EAAGmD,UACc,KAAbnD,EAAGqC,MAEP,GADAxN,KAAKwN,MAAQrC,EAAGqC,MACC,IAAbrC,EAAGqC,OACL,GAAIxN,KAAKH,MAAMwK,SAASJ,SAASkB,EAAGiC,OAAOK,GAAI,KAAM,CAC/CtC,EAAGiC,OAAOK,GAAK,IACkB,IAA/BxD,SAASkB,EAAGiC,OAAOK,GAAI,IACzBzN,KAAKH,MAAMwK,SAASJ,SAASkB,EAAGiC,OAAOK,GAAI,KAAOc,OAAOC,aAAarD,EAAGsD,SAEzEzO,KAAKH,MAAMwK,SAASJ,SAASkB,EAAGiC,OAAOK,GAAI,IAAM,GAAKc,OAAOC,aAAarD,EAAGsD,UAGjF,IAAMlL,EAAO4H,EAAGiC,OAAOC,mBACjBC,EAAWnC,EAAGiC,OAAOG,uBAC3BvN,KAAKK,SACH,CACEgK,SAAU,GAAGqD,OAAO1N,KAAKH,MAAMwK,YAEjC,YACM9G,GAAQ+J,KACO,IAAbnC,EAAGqC,MACDF,GAAUnN,YAAW,kBAAMmN,EAASK,UAAS,IACxCpK,GAAMpD,YAAW,kBAAMoD,EAAKoK,UAAS,aAKnD,CACL,IAAML,EAAWnC,EAAGiC,OAAOG,uBACvBD,GAAUnN,YAAW,kBAAMmN,EAASK,UAAS,O,yBA+BrD,WAGE,IAHY,WACNe,EAAa,GACXtE,EAAcpK,KAAKH,MAAnBuK,UAFI,WAGH5G,GACPkL,EAAWC,KACT,iCACE9K,IAAKL,EACLoL,aAAa,MACbC,UAAqB,IAAVrL,EACX3C,UAAU,8BACV4M,GAAIjK,EACJmE,UAAU,IACV7E,KAAK,MACLxC,MAAO,EAAKT,MAAMwK,SAAS7G,GAC3BsL,SAAU,SAAA3D,GAAE,OAAI,EAAK4D,YAAY5D,EAAI3H,IACrCwL,UAAW,EAAKtF,eAZblG,EAAQ,EAAGA,EAAQ4G,EAAW5G,GAAS,EAAG,EAA1CA,GAgBT,OAAOkL,I,oBAGT,WACE,MAWI1O,KAAKP,MAVP+L,EADF,EACEA,YACAyD,EAFF,EAEEA,gBACAnE,EAHF,EAGEA,QACAoE,EAJF,EAIEA,QACAC,EALF,EAKEA,QACAzO,EANF,EAMEA,WACA+J,EAPF,EAOEA,UACAW,EARF,EAQEA,iBACAd,EATF,EASEA,kBACA8E,EAVF,EAUEA,gBAEF,EAAyCpP,KAAKH,MAAtCkK,EAAR,EAAQA,MAAOG,EAAf,EAAeA,YAAaG,EAA5B,EAA4BA,SAE1BgF,EAQE3O,EARF2O,cACAC,EAOE5O,EAPF4O,KACAC,EAME7O,EANF6O,kBACAC,EAKE9O,EALF8O,YACAC,EAIE/O,EAJF+O,KACAC,EAGEhP,EAHFgP,oBACAC,EAEEjP,EAFFiP,+BACAC,EACElP,EADFkP,qBAEIC,GACJT,aAAA,EAAAA,EAAiBU,0BACjBC,KAAKC,MAAMZ,aAAX,EAAWA,EAAiBU,yBAC9B,OACE,gCAAMG,YAAU,EAACC,SAAUlQ,KAAKuJ,eAC9B,+BAAK1I,UAAU,yCAAyCkC,MAAO,CAAEoN,cAAe,QAC9E,+BAAKtP,UAAU,IACb,gCAAMA,UAAU,wBAAwBuK,GACxC,gCAAMvK,UAAU,SAAhB,IAEG2K,GAEH,gCACE3K,UAAU,+BACVmD,QAAS,kBAAMiL,EAAgBzD,KAE9Bf,EAAY4E,EAAgBC,GAE/B,gCAAMzO,UAAU,uEACb0O,IAGL,+BAAK1O,UAAU,6GACb,+BACEO,IAAKpB,KAAK4J,SACV/I,UAAU,0CACV4M,GAAG,eAEFzN,KAAKsJ,eAEPwB,EAAQ3F,QAAsB,iBAAZgK,GAA0C,iBAAZA,IAC/C,gCAAMtO,UAAU,6CACbiK,EAAQ3F,MAAM8F,WAKvB,+BAAKpK,UAAU,iBACZqJ,EACC,wBAAC,UAAD,CACExK,aAAcqK,EACdrJ,WAAYA,EACZN,gBAAiBJ,KAAKI,kBAGxB,wBAAC,EAAA4E,SAAD,KACE,gCACEnB,IAAI,SACJhD,UAAS,6DACNb,KAAKH,MAAM4I,mBAAqB6B,EAAoB,uBAAyB,IAEhFtG,QAAShE,KAAKwJ,kBAEbgG,IAEDK,GACA,gCACEhM,IAAI,OACJhD,UAAS,kDACP4J,EAAY,eAAiB,IAE/BzG,QAAShE,KAAKyJ,gBAEbgG,IAKRI,GACC,gCACEhM,IAAI,OACJhD,UAAS,kDACP4J,EAAY,eAAiB,IAE/BzG,QAAShE,KAAKyJ,gBAEbgG,IAIP,+BAAK5O,UAAU,UACZb,KAAKP,MAAM6K,mBAAqB,+BAAKmD,GAAG,cACxCzN,KAAKP,MAAM6K,mBACV,kCACEzG,IAAI,SACJhD,UAAS,6EACPb,KAAKH,MAAM4I,kBAAoB,YAAc,IAE/C2H,UAAWpQ,KAAKH,MAAM4I,mBAAqBzI,KAAKP,MAAM6K,kBACtDtG,QAAShE,KAAKwJ,kBANhB,WAaJ,+BAAK3I,UAAU,SAASkC,MAAO,CAAEsN,UAAW,SAC1C,wBAAC,UAAD,CACErI,SAAU4H,EACV3H,SAAS,kDACTH,KAAM6H,EACN5H,IAAI,sBAEN,+BAAKlH,UAAU,0CACb,kCACEA,UAAS,uDACsB,IAA7BwJ,EAASxE,KAAK,IAAInC,OAAe,WAAa,gBAEhDZ,KAAK,UAEHoM,GAAYlP,KAAKP,MAAMkL,gBAGvB,gCAAM9J,UAAU,kDAFhB,gCAAMA,UAAU,sCAAsC6O,Y,8BAzcxCxO,UAAMoP,e,OAyerB,IAAAhM,UApBS,SAAAzE,GAAK,MAAK,CAChCqP,QAASrP,EAAM0Q,KAAKrB,QACpBpE,QAASjL,EAAM0Q,KAAKzF,QACpBqE,QAAStP,EAAM0Q,KAAKpB,QACpBxE,gBAAiB9K,EAAM0Q,KAAK5F,gBAC5BjK,WAAYb,EAAM2E,OAClB4K,gBAAiBvP,EAAM0E,OAAO6K,gBAC9B/D,WAAYxL,EAAM0E,OAAO8G,WACzBf,kBAAmBzK,EAAM0Q,KAAKjG,sBAGhC,SAA4BkG,GAC1B,MAAO,CACLjF,gBAAiB,SAAArI,GAAI,OAAIsN,GAAS,IAAAjF,iBAAgBrI,KAClD2H,gBAAiB,kBAAM2F,GAAS,IAAAC,uBAChCzF,gBAAiB,SAAAC,GAAO,OAAIuF,GAAS,IAAAxF,iBAAgBC,KACrDS,qBAAsB,SAAAxI,GAAI,OAAIsN,GAAS,IAAA9E,sBAAqBxI,QAIjD,CAA6CgF,G","file":"checkout~desktopRedisMapping~home~pageAccount.7fbda1088f538b7e0738.js","sourcesContent":["import React, { Component } from 'react';\n\nclass Counter extends Component {\n  constructor(props) {\n    super(props);\n    this.counterValue = this.counterValue.bind(this);\n    this.startCounterInterval = this.startCounterInterval.bind(this);\n    this.state = {\n      counter: this.props.counterValue,\n    };\n    this.startCounterInterval();\n  }\n\n  componentWillUnmount() {\n    clearInterval(this.counterInterval);\n  }\n\n  startCounterInterval() {\n    this.counterInterval = setInterval(() => {\n      if (this.state.counter <= 0) {\n        clearInterval(this.counterInterval);\n        setTimeout(this.props.showhideCounter, 500);\n      } else {\n        this.setState({ counter: this.state.counter - 1 });\n      }\n    }, 1000);\n  }\n\n  counterValue(value) {\n    if (!isNaN(value)) {\n      value = Math.floor(value);\n      if (value >= 0 && value < 10) {\n        return `0${value}`;\n      }\n      return `${value}`;\n    }\n    return '';\n  }\n\n  render() {\n    const { counter } = this.state;\n    const {\n      dataLocale: { SEND_YOURSELF_OTP, SEC },\n    } = this.props;\n    return (\n      <div className=\"counter\">\n        <span className=\"block text-center mr-b5\">\n          {SEND_YOURSELF_OTP}\n          <span>&nbsp;{this.counterValue(counter / 60)}</span>:\n          <span>&nbsp;{this.counterValue(counter % 60)}</span>\n          <span>&nbsp;</span>\n          <span>{SEC}</span>\n        </span>\n      </div>\n    );\n  }\n}\n\nexport default Counter;\n","import React, { useState } from 'react';\nimport Slider from 'react-slick';\nimport 'theme/vendor/slick.min.scss';\nimport './Carousel.scss';\nimport { connect } from 'react-redux';\n\nlet currencyCode = '';\nlet currencySymbol = '';\nconst Carousel = React.forwardRef((props, ref) => {\n  const {\n    dataLocale,\n    carouselHtmlData,\n    carouselStyle = '',\n    carouselConfig,\n    currencyMark,\n    carouselList,\n    slidesToShow = 7,\n    initialSlide = 1,\n    changeCarouselSlide,\n    responsive,\n    imageKey,\n    imageBorder = true,\n    brand,\n    price,\n    carouselCss,\n  } = props;\n  const [currentSlide, setCurrentSlide] = useState(initialSlide);\n\n  const changeSlide = index => {\n    setCurrentSlide(index);\n  };\n  const onClickChangeSlide = (index, imageClick) => {\n    setCurrentSlide(index);\n    if (changeCarouselSlide) {\n      changeCarouselSlide(index, imageClick);\n    }\n  };\n\n  let config = {\n    infinite: false,\n    pauseOnHover: false,\n    speed: 500,\n    autoplay: true,\n    autoplaySpeed: 2000,\n  };\n\n  if (carouselHtmlData) {\n    config = Object.assign({}, config, carouselConfig);\n  }\n\n  return carouselHtmlData ? (\n    <>\n      <style type=\"text/css\">{carouselCss}</style>\n      <div\n        className={`slider-main carousel-comp-slider ${carouselStyle}`}\n        style={{ width: '100%' }}\n      >\n        <Slider {...config} ref={ref}>\n          {carouselHtmlData.map(data => {\n            return data;\n          })}\n        </Slider>\n      </div>\n    </>\n  ) : (\n    <div className=\"slider-custom\">\n      <Slider\n        style={{ display: 'flex', alignItems: 'center' }}\n        {...config}\n        ref={ref}\n        autoplay={false}\n        beforeChange={(current, next) => changeSlide(next)}\n        initialSlide={initialSlide}\n        responsive={responsive}\n        slidesToShow={slidesToShow}\n      >\n        {carouselList.map((data, index) => {\n          currencyCode =\n            data.prices && data.prices.length > 0\n              ? data.prices[1].currencyCode ||\n                data.prices[1].currency_code ||\n                dataLocale.CURRENCY_CODE\n              : dataLocale.CURRENCY_CODE;\n          currencySymbol =\n            currencyCode !== 'INR' ? (\n              <span>{currencyMark[currencyCode]}</span>\n            ) : (\n              <span>{currencyMark[dataLocale.CURRENCY_CODE]}</span>\n            );\n          return (\n            <div key={index}>\n              <div\n                className={`small-carousel-img cursor-pointer ${\n                  index === currentSlide && imageBorder ? 'border-blue' : null\n                }`}\n                style={{ border: !imageBorder ? 'none' : '', height: 'auto' }}\n                onClick={() => onClickChangeSlide(index, 'imageClick')}\n              >\n                <img alt={index} src={data[imageKey]} />\n                {brand && (\n                  <div className=\"brand-name fs14 fw-bold text-center\">{data.brandName}</div>\n                )}\n                {price && (\n                  <div className=\"brand-name fs14 fw-bold text-center fw-bold\">\n                    {currencySymbol}\n                    {data.prices[1].price}\n                  </div>\n                )}\n              </div>\n            </div>\n          );\n        })}\n      </Slider>\n    </div>\n  );\n});\n\nconst mapStateToProps = state => ({\n  currencyMark: state.common.currencyMark,\n  dataLocale: state.locale,\n});\nexport default connect(mapStateToProps, null)(Carousel);\n","import React from 'react';\nimport { isRelativeUrl, isObject } from '../../utils/helper';\nimport { Link } from 'react-router-dom';\n\nconst LinkProvider = props => {\n  const { to: link, children } = props;\n  if (!link) {\n    return <div {...props}> {children} </div>;\n  }\n  let isValidLinkObj = false;\n  if (link) {\n    isValidLinkObj = isObject(link) || isRelativeUrl(link);\n  }\n  if (\n    typeof link.indexOf === 'function' &&\n    (link.indexOf('/home-try-on/phone') > -1 || link.indexOf('tel:') > -1)\n  ) {\n    isValidLinkObj = false;\n  }\n  return (\n    <React.Fragment>\n      {isValidLinkObj ? (\n        <Link {...props}>{children}</Link>\n      ) : (\n        <a href={link} {...props}>\n          {children}\n        </a>\n      )}\n    </React.Fragment>\n  );\n};\n\nexport default LinkProvider;\n","import { langCodeAllowed } from '../locales';\nconst isEmpty = value => value === undefined || value === null || value === '';\n// const join = rules => (value, data, params) => rules.map(rule => rule(value, data, params)).filter(error => !!error)[0];\n\nexport function email(value) {\n  let error = null;\n  if (\n    (!isEmpty(value) && !/^[A-Z0-9._%+-]+@[A-Z0-9.-]+\\.[A-Z]{2,4}$/i.test(value)) ||\n    isEmpty(value)\n  ) {\n    error = 'Please enter a valid Email';\n  }\n  return error;\n}\n\nexport function required(value) {\n  const len = value ? value.trim().length : 0;\n  if (isEmpty(value) || len < 1) {\n    return 'This is required';\n  }\n}\n\nexport const clPowerRequired = isRequired => value => {\n  const len = value ? value.trim().length : 0;\n  if (\n    isRequired &&\n    (isEmpty(value) ||\n      len < 1 ||\n      ['Call Me/Email Me for Color', 'Call Me/Email Me for Power'].includes(value))\n  ) {\n    return 'This is required';\n  }\n};\n\nexport function isIfsc(value) {\n  if (!/^[A-Za-z]{4}[a-zA-Z0-9]{7}$/i.test(value)) {\n    return 'Please enter valid ifsc code.';\n  }\n}\n\nexport function minLength(min) {\n  return value => {\n    if (!isEmpty(value) && value.length < min) {\n      return `Must be at least ${min} characters`;\n    }\n  };\n}\n\nexport function maxLength(max, name) {\n  return value => {\n    if (!isEmpty(value) && value.length > max) {\n      return name\n        ? `${name} can not be more than ${max} characters`\n        : `Must be no more than ${max} characters`;\n    }\n  };\n}\n\nexport function integer(value) {\n  if ((!isEmpty(value) && !Number.isInteger(Number(value))) || isEmpty(value)) {\n    return 'Must be an integer';\n  }\n}\n\nexport function oneOf(enumeration) {\n  return value => {\n    if (!enumeration.includes(value)) {\n      return `Must be one of: ${enumeration.join(', ')}`;\n    }\n  };\n}\n\nexport function match(field) {\n  return (value, data) => {\n    if (data) {\n      if (value !== data[field]) {\n        return 'Do not match';\n      }\n    }\n  };\n}\n\n// export function createValidator(rules, params) {\n//   return (data = {}) => {\n//     const errors = {};\n//     Object.keys(rules).forEach(key => {\n//       const rule = join([].concat(rules[key])); // concat enables both functions and arrays of functions\n//       const error = rule(data[key], data, { key, ...params });\n//       if (error) {\n//         errors[key] = error;\n//       }\n//     });\n//     return errors;\n//   };\n// }\n\nexport function isMobileEmail(value, initialValues) {\n  const countryMark = initialValues.countryCode;\n  const countrySymbol =\n    countryMark && langCodeAllowed.hasOwnProperty(countryMark.toLowerCase())\n      ? countryMark.toLowerCase()\n      : 'in';\n  const { maxMobileNumberLength, minMobileNumberLength, regex } = langCodeAllowed[countrySymbol];\n  if (\n    regex.test(value) &&\n    value &&\n    value.length <= maxMobileNumberLength &&\n    value.length >= minMobileNumberLength\n  ) {\n    return;\n  }\n  if (/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/.test(value)) {\n    return;\n  }\n  return 'Please enter a valid Email or Mobile Number';\n}\n\nexport function isMobile(value, initialValues) {\n  const countryMark = initialValues.phoneCodeCountry || initialValues.countryCode;\n  const countrySymbol = countryMark && countryMark.toLowerCase();\n  let maxMobileNumberLength;\n  let minMobileNumberLength;\n  let regex;\n  if (langCodeAllowed?.[countrySymbol]) {\n    maxMobileNumberLength = langCodeAllowed[countrySymbol].maxMobileNumberLength;\n    minMobileNumberLength = langCodeAllowed[countrySymbol].minMobileNumberLength;\n    regex = langCodeAllowed[countrySymbol].regex;\n  } else if (countryMark) {\n    maxMobileNumberLength = 12;\n    minMobileNumberLength = 8;\n    regex = langCodeAllowed.ae.regex;\n  } else {\n    maxMobileNumberLength = 10;\n    minMobileNumberLength = 10;\n    regex = langCodeAllowed.in.regex;\n  }\n\n  let error = null;\n  if (\n    !regex.test(value) ||\n    value.length > maxMobileNumberLength ||\n    value.length < minMobileNumberLength\n  ) {\n    error = 'Please enter a valid Mobile Number';\n  }\n  return error;\n}\n\nexport function isName(val) {\n  let error = null;\n  if (!val.trim()) {\n    error = 'Only spaces are not allowed';\n  } else if ((val && val.length < 1) || !/^[(a-zA-Z )]+$/.test(val)) {\n    error = 'Only alphabets and space are allowed';\n  }\n  return error;\n}\n\nexport function validateAlphabets(val) {\n  let error;\n  const len = val ? val.trim().length : 0;\n  if (len < 1) {\n    error = 'This is a required field.';\n  } else if (/\\d/.test(val)) {\n    error = 'Only Alphabets are allowed.';\n  }\n  return error;\n}\n\n/* Credit/Debit card validation */\nexport function validateCardNumber(cardNo) {\n  const regx = /^[0-9]{13,18}$/; // This is the standard one /^(?:4[0-9]{12}(?:[0-9]{3})?|5[1-5][0-9]{14}|3[47][0-9]{13}|3(?:0[0-5]|[68][0-9])[0-9]{11}|6(?:011|5[0-9]{2})[0-9]{12}|(?:2131|1800|35\\d{3})\\d{11})$/;\n  return regx.test(cardNo) ? '' : 'Please enter valid card no';\n}\n\nexport function validateExpiryDate(date) {\n  const isValidDate = /^[0-9]{2}[\\/][0-9]{2}$/;\n  if (!date || !isValidDate.test(date)) return 'Please enter valid expiry date';\n  const month = date.toString().slice(0, 2);\n  let fullyear = '20';\n  const year = date.toString().slice(3);\n  if (year.length === 2) {\n    fullyear += year;\n  }\n  const today = new Date();\n  const expiryDay = new Date();\n  expiryDay.setFullYear(fullyear, month, 0);\n  return expiryDay < today || month > 12 ? 'Please enter valid expiry date' : '';\n}\n\nexport function validateCvv(val) {\n  return /^[0-9]{3,4}$/.test(val) ? '' : 'Please enter valid cvv';\n}\n/* Credit/Debit card validation */\n\nexport function validateSpecialChars(name) {\n  return value => {\n    const regex = /[!#@^&?*]/g;\n    if (regex.test(value)) {\n      return `Special characters ! # @ ^ & ? * are not allowed in ${name}`;\n    }\n  };\n}\nexport function validateSpecialCharsAddress(name) {\n  return value => {\n    const regex = /[!@^&?]/g;\n    if (regex.test(value)) {\n      return `Special characters ! @ ^ & ? are not allowed in ${name}`;\n    }\n  };\n}\n\nexport function validateName(val, formVals) {\n  const fullName = `${val}  ${formVals.lastName || ''}`;\n  const error = maxLength(100, 'First name + Last name')(fullName);\n  if (error) return error;\n}\n\nexport function validateNumber(name) {\n  return value => {\n    const regex = /^\\d+\\.?\\d*$/;\n    if (regex.test(value)) {\n      return `Please enter valid ${name}`;\n    }\n  };\n}\n\nexport function validateNumberSpecialChars(value) {\n  const regex = /^[0-9#$%^&*()@!-_]*$/;\n  if (regex.test(value.toLowerCase())) {\n    return `Please enter valid value`;\n  }\n}\n\nexport function validateAlphabetsOnly(value) {\n  const regex = /^[A-Za-z]+[A-Za-z ]*$/;\n  if (!regex.test(value.toLowerCase())) {\n    return `Please enter valid value`;\n  }\n}\n","import React from 'react';\nimport LinkProvider from '../../../CommonComponents/LinkProvider/LinkProvider';\n\nconst LinkWithText = props => {\n  const { text, url, linkText, styleObj } = props;\n  return (\n    <div className={`link-with-text ${styleObj}`}>\n      <span className=\"text-cool_grey\">{text}</span>\n      <LinkProvider to={url}> {linkText}</LinkProvider>\n    </div>\n  );\n};\n\nexport default LinkWithText;\n","import React, { Fragment } from 'react';\nimport { connect } from 'react-redux';\nimport { setWindowDtm } from '../../../utils/DTM';\nimport { sendValidateOtp, mergeMobileWithEmail } from '../../../actionCreators/auth';\nimport { validateSessionV2, setToastMessage } from '../../../actionCreators/common';\nimport './OtpVerification.scss';\nimport Counter from './Counter';\nimport LinkWithText from './LinkWithText';\nimport sessionStorageHelper from '../../../utils/sessionStorageHelper';\nimport config from '../../../config';\nclass OtpVerification extends React.PureComponent {\n  constructor(props) {\n    super(props);\n    this.renderInput = this.renderInput.bind(this);\n    this.showhideCounter = this.showhideCounter.bind(this);\n    this.onSubmitClick = this.onSubmitClick.bind(this);\n    this.onResendOtpClick = this.onResendOtpClick.bind(this);\n    this.onSkipOtpClick = this.onSkipOtpClick.bind(this);\n    this.otpKeyDown = this.otpKeyDown.bind(this);\n    this.pasteOtp = this.pasteOtp.bind(this);\n    this.inputRef = React.createRef();\n    const { authConfig } = this.props;\n    this.state = {\n      count: authConfig.SKIP_BTN_TIMEOUT ? parseInt(authConfig.SKIP_BTN_TIMEOUT, 10) : 30,\n      showCounter: !this.props.counterNotRequired,\n      otpDigits: 4,\n      otpValue: ['', '', '', ''],\n      isCaptchaVerified: false,\n      captchaResponse: null,\n      isCaptchaMounted: false,\n    };\n  }\n\n  componentDidMount() {\n    // this.triggerAutofill();\n    if (this.props.isCaptchaRequired) {\n      this.renderCaptcha();\n    }\n    this.inputRef.current.addEventListener('paste', this.pasteOtp);\n  }\n\n  componentDidUpdate(prevProps) {\n    const { dataLocale, offerFlow, otpVerifySuccess, oTPLoginSuccess } = this.props;\n    const { OTP_SENT_MOBILE } = dataLocale;\n    if (prevProps.oTPLoginSuccess !== oTPLoginSuccess) {\n      setTimeout(() => {\n        this.props.validateSession();\n      }, 500);\n      if (offerFlow && oTPLoginSuccess) {\n        otpVerifySuccess();\n      }\n    }\n    if (\n      prevProps.oTPSent !== this.props.oTPSent &&\n      this.props.oTPSent &&\n      !this.props.oTPSent.error &&\n      !this.props.oTPSent.result\n    ) {\n      this.props.setToastMessage({ message: OTP_SENT_MOBILE });\n      this.showhideCounter();\n    }\n    if (\n      prevProps.isCaptchaRequired !== this.props.isCaptchaRequired &&\n      this.props.isCaptchaRequired\n    ) {\n      this.renderCaptcha();\n    } else if (\n      this.props.isCaptchaRequired &&\n      prevProps.oTPSent !== this.props.oTPSent &&\n      this.state.isCaptchaVerified\n    ) {\n      this.resetCaptcha();\n    }\n  }\n\n  componentWillUnmount() {\n    window.removeEventListener('paste', this.pasteOtp);\n    if (this.props.isCaptchaRequired && this.state.isCaptchaMounted) {\n      this.resetCaptcha();\n    }\n  }\n\n  onSubmitClick(ev) {\n    const { currentPhoneCode, localeInfo } = this.props;\n    ev.preventDefault();\n    if (this.state.otpValue.join('').length < 4) return;\n    const { sendValidateOtp, phoneNumber, isMobileEmailMergeRequired, mergeMobileWithEmail } =\n      this.props;\n    this.dtmVerifyOtp(this.props);\n    const data = {\n      username: phoneNumber,\n      code: this.state.otpValue.join(''),\n      type: 'VALIDATE_OTP',\n      validBlock: 'mobile',\n    };\n    data.phoneCode = currentPhoneCode;\n    // if (isMobileEmailMergeRequired) {\n    //   mergeMobileWithEmail({\n    //     telephone: phoneNumber,\n    //     phoneCode: localeInfo?.phoneCode,\n    //     code: this.state.otpValue.join(''),\n    //   });\n    // } else {\n    sendValidateOtp(data);\n    // }\n    const lastInput = document.getElementById('3');\n    if (lastInput) lastInput.blur();\n  }\n\n  onResendOtpClick() {\n    const { sendValidateOtp, phoneNumber, staticDTM, currentPhoneCode } = this.props;\n    const dtmData = staticDTM || {};\n    const dtm = {\n      linkName: `${dtmData.channel}|resend otp`,\n      linkPageName: `${dtmData.channel}|enter personal details`,\n      pageVersion: dtmData.pageVersion,\n      event: 'generic-int-link',\n    };\n    setWindowDtm(dtm, true);\n    const data = {\n      data: { username: phoneNumber },\n      type: 'SEND_OTP',\n    };\n    data.phoneCode = currentPhoneCode;\n    data.occurence = 'Resend';\n    data.captchaKey = this.state.captchaResponse;\n    sendValidateOtp(data);\n  }\n\n  onSkipOtpClick() {\n    const { staticDTM, offerFlow, history, redirectAfterLogin } = this.props;\n    const data = staticDTM || {};\n    const dtm = {\n      linkName: `${data.channel}|skip otp`,\n      linkPageName: `${data.channel}|enter personal details`,\n      pageVersion: data.pageVersion,\n      event: 'generic-int-link',\n    };\n    setWindowDtm(dtm, true);\n    sessionStorageHelper.setItem('userPh', this.props.phoneNumber);\n    if (redirectAfterLogin) redirectAfterLogin(true);\n    if (offerFlow && history) {\n      history.replace('/');\n    }\n  }\n\n  onOtpChange(ev) {\n    const next = ev.target.nextElementSibling;\n    const previous = ev.target.previousElementSibling;\n    if (this.which !== 8) {\n      this.state.otpValue[parseInt(ev.target.id, 10)] = ev.target.value;\n      this.setState(\n        {\n          otpValue: [].concat(this.state.otpValue),\n        },\n        () => {\n          if (next) next.focus(); // setTimeout(() => next.focus(), 10);\n        }\n      );\n    } else if (this.which === 8) {\n      this.state.otpValue[parseInt(ev.target.id, 10)] = '';\n      this.setState(\n        {\n          otpValue: [].concat(this.state.otpValue),\n        },\n        () => {\n          if (next || previous) {\n            if (this.which === 8) {\n              if (previous) previous.focus(); // setTimeout(() => previous.focus(), 10);\n            } else if (next) next.focus(); // setTimeout(() => next.focus(), 10);\n          }\n        }\n      );\n    }\n  }\n\n  findindex = str => {\n    const num = /\\d/;\n    const nums = str.match(num);\n    return str.indexOf(nums);\n  };\n\n  pasteOtp(event) {\n    let paste = (event.clipboardData || window.clipboardData).getData('text');\n    const pasteNumber = this.findindex(paste);\n    paste = paste.slice(pasteNumber, pasteNumber + 4);\n    const tempValue = [...this.state.otpValue];\n    for (let i = 0; i < 4; i++) {\n      tempValue[i] = paste[i];\n    }\n    this.setState({ otpValue: tempValue });\n    event.preventDefault();\n  }\n\n  // triggerAutofill = async () => {\n  //     const ac = new AbortController();\n  //     setTimeout(() => {\n  //         ac.abort();\n  //     }, 1 * 60 * 1000);\n\n  //     if ('OTPCredential' in window) {\n  //         try {\n  //             if (navigator.credentials) {\n  //                 try {\n  //                     console.log('reaced');\n  //                     await navigator.credentials\n  //                         .get({ otp: { transport: ['sms'] }, signal: ac.signal })\n  //                         .then((otp) => {\n  //                             console.log(otp);\n  //                             console.log(otp.code);\n  //                             const tempValue = [...this.state.otpValue];\n  //                             for (let i = 0; i < 4; i++) {\n  //                                 tempValue[i] = otp.code[i];\n  //                             }\n  //                             this.setState({ otpValue: tempValue });\n  //                             alert(otp.code);\n  //                             setOtp(otp.code);\n  //                         })\n  //                         .catch((err) => {\n  //                             alert('Catch Block', err);\n  //                         });\n  //                 } catch (e) {\n  //                     return;\n  //                 }\n  //             }\n  //         } catch (err) {\n  //             alert('f');\n  //         }\n  //     }\n  // }\n\n  dtmVerifyOtp() {\n    const { staticDTM } = this.props;\n    const data = staticDTM || {};\n    const dtm = {\n      pageName: `${data.channel}|verify otp`,\n      channel: data.channel,\n      subSection1: `${data.channel}|verify otp`,\n      subSection2: `${data.channel}|verify otp`,\n      ctaName: 'login successful',\n      event: 'generic-int-link',\n    };\n    setWindowDtm(dtm, true);\n  }\n\n  showhideCounter() {\n    this.setState({ showCounter: !this.state.showCounter });\n  }\n\n  otpKeyDown(ev) {\n    ev.persist();\n    if (ev.which === 13) return;\n    this.which = ev.which;\n    if (ev.which !== 8) {\n      if (this.state.otpValue[parseInt(ev.target.id, 10)]) {\n        if (ev.target.id < 4) {\n          if (parseInt(ev.target.id, 10) === 3) {\n            this.state.otpValue[parseInt(ev.target.id, 10)] = String.fromCharCode(ev.keyCode);\n          } else {\n            this.state.otpValue[parseInt(ev.target.id, 10) + 1] = String.fromCharCode(ev.keyCode);\n          }\n        }\n        const next = ev.target.nextElementSibling;\n        const previous = ev.target.previousElementSibling;\n        this.setState(\n          {\n            otpValue: [].concat(this.state.otpValue),\n          },\n          () => {\n            if (next || previous) {\n              if (ev.which === 8) {\n                if (previous) setTimeout(() => previous.focus(), 10);\n              } else if (next) setTimeout(() => next.focus(), 10);\n            }\n          }\n        );\n      }\n    } else {\n      const previous = ev.target.previousElementSibling;\n      if (previous) setTimeout(() => previous.focus(), 10);\n    }\n  }\n\n  verifyCaptchaCallback = response => {\n    if (response.length !== 0) {\n      this.setState({\n        isCaptchaVerified: true,\n        captchaResponse: response,\n      });\n    }\n  };\n\n  resetCaptcha = () => {\n    window.grecaptcha.reset();\n    this.setState({\n      isCaptchaVerified: false,\n    });\n  };\n\n  renderCaptcha = () => {\n    window.grecaptcha.render('recaptcha', {\n      sitekey: config.siteKey,\n      theme: 'light',\n      callback: this.verifyCaptchaCallback,\n      'expired-callback': this.resetCaptcha,\n    });\n    this.setState({ isCaptchaMounted: true, isCaptchaVerified: false });\n  };\n\n  /* eslint jsx-a11y/no-autofocus: 0 */\n  renderInput() {\n    const inputBoxes = [];\n    const { otpDigits } = this.state;\n    for (let index = 0; index < otpDigits; index += 1) {\n      inputBoxes.push(\n        <input\n          key={index}\n          autoComplete=\"off\"\n          autoFocus={index === 0}\n          className=\"mr-r15 otp-unit text-center\"\n          id={index}\n          maxLength=\"1\"\n          type=\"tel\"\n          value={this.state.otpValue[index]}\n          onChange={ev => this.onOtpChange(ev, index)}\n          onKeyDown={this.otpKeyDown}\n        />\n      );\n    }\n    return inputBoxes;\n  }\n\n  render() {\n    const {\n      phoneNumber,\n      showLoginScreen,\n      oTPSent,\n      loading,\n      otpType,\n      dataLocale,\n      offerFlow,\n      currentPhoneCode,\n      isCaptchaRequired,\n      redisCommonData,\n    } = this.props;\n    const { count, showCounter, otpValue } = this.state;\n    const {\n      CHANGE_NUMBER,\n      EDIT,\n      ENTER_4_DIGIT_OTP,\n      RE_SEND_OTP,\n      SKIP,\n      VERIFY_PHONE_NUMBER,\n      BY_PROCEEDING_YOU_AGREE_TO_OUR,\n      TERMS_AND_CONDITIONS,\n    } = dataLocale;\n    const skipTimerOtpWithoutTimer =\n      redisCommonData?.SKIP_TIMER_OTP_CHECKOUT &&\n      JSON.parse(redisCommonData?.SKIP_TIMER_OTP_CHECKOUT);\n    return (\n      <form noValidate onSubmit={this.onSubmitClick}>\n        <div className=\"otp-verification mr-20 overflow-hidden\" style={{ letterSpacing: '1px' }}>\n          <div className=\"\">\n            <span className=\"fsp16 text-cool_grey\">{currentPhoneCode}</span>\n            <span className=\"fsp16\">\n              &nbsp;\n              {phoneNumber}\n            </span>\n            <span\n              className=\"pull-right fw-400 text-topaz\"\n              onClick={() => showLoginScreen(phoneNumber)}\n            >\n              {offerFlow ? CHANGE_NUMBER : EDIT}\n            </span>\n            <span className=\"block text-center fsp14 text-cool_grey mr-t30 mr-b30 text-uppercase\">\n              {ENTER_4_DIGIT_OTP}\n            </span>\n          </div>\n          <div className=\"material-group mr-b10 otp-container overflow-hidden display-flex justify-space-around fsp20 w-80 mr-0auto\">\n            <div\n              ref={this.inputRef}\n              className=\"inner display-flex justify-space-around\"\n              id=\"input-field\"\n            >\n              {this.renderInput()}\n            </div>\n            {oTPSent.error && (otpType === 'VALIDATE_OTP' || otpType === 'MERGE_MOBILE') && (\n              <span className=\"block mr-t5 text-center text-orange fsp10\">\n                {oTPSent.error.message}\n              </span>\n            )}\n          </div>\n        </div>\n        <div className=\"mr-t10 mr-b10\">\n          {showCounter ? (\n            <Counter\n              counterValue={count}\n              dataLocale={dataLocale}\n              showhideCounter={this.showhideCounter}\n            />\n          ) : (\n            <Fragment>\n              <span\n                key=\"resend\"\n                className={`text-center block text-topaz fsp14 text-uppercase ${\n                  !this.state.isCaptchaVerified && isCaptchaRequired ? 'resend-disable-msite' : ''\n                }`}\n                onClick={this.onResendOtpClick}\n              >\n                {RE_SEND_OTP}\n              </span>\n              {!skipTimerOtpWithoutTimer && (\n                <span\n                  key=\"skip\"\n                  className={`text-center block text-underline mr-t20 ${\n                    offerFlow ? 'display-none' : ''\n                  }`}\n                  onClick={this.onSkipOtpClick}\n                >\n                  {SKIP}\n                </span>\n              )}\n            </Fragment>\n          )}\n          {skipTimerOtpWithoutTimer && (\n            <span\n              key=\"skip\"\n              className={`text-center block text-underline mr-t20 ${\n                offerFlow ? 'display-none' : ''\n              }`}\n              onClick={this.onSkipOtpClick}\n            >\n              {SKIP}\n            </span>\n          )}\n        </div>\n        <div className=\"mr-l10\">\n          {this.props.isCaptchaRequired && <div id=\"recaptcha\"></div>}\n          {this.props.isCaptchaRequired && (\n            <button\n              key=\"verify\"\n              className={`text-center block text-topaz fsp12 text-uppercase mr-t5 verify-btn ${\n                this.state.isCaptchaVerified ? 'isEnabled' : ''\n              }`}\n              disabled={!this.state.isCaptchaVerified && this.props.isCaptchaRequired}\n              onClick={this.onResendOtpClick}\n            >\n              VERIFY\n            </button>\n          )}\n        </div>\n\n        <div className=\"mr-t40\" style={{ marginTop: '60px' }}>\n          <LinkWithText\n            linkText={TERMS_AND_CONDITIONS}\n            styleObj=\"text-cool_grey block mr-l20 mr-b10 fsp10 mr-b10\"\n            text={BY_PROCEEDING_YOU_AGREE_TO_OUR}\n            url=\"/terms-conditions\"\n          />\n          <div className=\"fsp16 pd-5 bg-color_white display-flex\">\n            <button\n              className={`new-btn text-color_white mr-l10 mr-r10 fsp16 ${\n                otpValue.join('').length === 4 ? 'bg-topaz' : 'bg-pale_grey'\n              }`}\n              type=\"submit\"\n            >\n              {!loading && !this.props.oTPLoginSuccess ? (\n                <span className=\"pd-t10 pd-b10 block text-uppercase\">{VERIFY_PHONE_NUMBER}</span>\n              ) : (\n                <span className=\"pd-t10 pd-b10 block icon-spinner animate-spin\"></span>\n              )}\n            </button>\n          </div>\n        </div>\n      </form>\n    );\n  }\n}\n\nconst mapStateToProps = state => ({\n  loading: state.auth.loading,\n  oTPSent: state.auth.oTPSent,\n  otpType: state.auth.otpType,\n  oTPLoginSuccess: state.auth.oTPLoginSuccess,\n  dataLocale: state.locale,\n  redisCommonData: state.common.redisCommonData,\n  localeInfo: state.common.localeInfo,\n  isCaptchaRequired: state.auth.isCaptchaRequired,\n});\n\nfunction mapDispatchToProps(dispatch) {\n  return {\n    sendValidateOtp: data => dispatch(sendValidateOtp(data)),\n    validateSession: () => dispatch(validateSessionV2()),\n    setToastMessage: message => dispatch(setToastMessage(message)),\n    mergeMobileWithEmail: data => dispatch(mergeMobileWithEmail(data)),\n  };\n}\n\nexport default connect(mapStateToProps, mapDispatchToProps)(OtpVerification);\n"],"sourceRoot":""}