{"version":3,"file":"static/chunks/3923-735f94ca36260654.js","mappings":"8vDAQA,IAAMA,EAAY,CACdC,MAAQ,qOAQRC,QAAQC,EAAAA,EAAAA,KAAG,KAQXC,QAAQD,EAAAA,EAAAA,KAAG,MAkBFE,IAJiBC,EAAAA,EAAAA,SAAOC,EAAAA,GAAS,Y,6BAAhBD,C,MAIAA,EAAAA,EAAAA,SAAOE,EAAAA,GAAc,Y,6BAArBF,C,MAQjBG,GANeH,EAAAA,QAAAA,IAAAA,WAAU,C,6BAAVA,C,KAEtBI,SAAAA,G,OAAKV,EAAUU,EAAEC,YAIWL,EAAAA,QAAAA,IAAAA,WAAU,C,6BAAVA,C,MAMrBM,GAAQN,EAAAA,EAAAA,SAAOO,EAAAA,IAAY,Y,6BAAnBP,C,KAcRQ,IAFQC,EAAAA,EAAAA,GAAeH,GAEfN,EAAAA,QAAAA,IAAAA,WAAU,C,6BAAVA,C,KACAI,SAAAA,G,OAAKA,EAAEM,SAAW,OAAS,UAC1CN,SAAAA,G,OAAKA,EAAEM,SAAWC,EAAAA,EAAAA,GAAWA,EAAAA,EAAAA,OCpBtBC,IDuBSZ,EAAAA,EAAAA,SAAOa,EAAAA,IAAW,Y,6BAAlBb,C,KCvBqC,Y,IACvDc,EAAS,EAATA,UACAC,EAAO,EAAPA,QAAO,IACPC,QAAAA,OAAO,IAAG,EAAAC,EAAAA,GAAAA,OAAe,EACzBP,EAAQ,EAARA,SACAQ,EAAe,EAAfA,gBACAC,EAAkB,EAAlBA,mBACAC,EAAS,EAATA,UACAC,EAAa,EAAbA,cACAC,EAAkB,EAAlBA,mBAAkB,IAClBC,gBAAAA,OAAe,IAAG,GAAI,MACtBC,YAAAA,OAAW,IAAG,GAAI,EAClBC,EAAQ,EAARA,SAEsCC,GAAAA,EAAAA,EAAAA,WAAS,GAAxCC,EAA+BD,EAAe,GAAjCE,EAAkBF,EAAe,GACnBA,GAAAA,EAAAA,EAAAA,WAAS,GAApCG,EAA2BH,EAAe,GAA/BI,EAAgBJ,EAAe,GAC3BA,GAAAA,EAAAA,EAAAA,YAAfK,EAAeL,EAAkB,GAA5BM,EAAUN,EAAkB,GACdA,GAAAA,EAAAA,EAAAA,YAAnBO,EAAmBP,EAAkB,GAA9BQ,EAAYR,EAAkB,GAClBA,GAAAA,EAAAA,EAAAA,UAAS,CAC/BS,gBAAgB,EAChBC,YAAa,GACbC,WAAY,GACZC,WAAYC,EAAAA,EAAAA,UAJTC,EAAmBd,EAKxB,GALYe,EAAYf,EAKxB,IAEFgB,EAAAA,EAAAA,YAAU,W,IACOC,EAAPC,EAAa,OAAND,aAAM,IAANA,QAAgB,QAAhBA,EAAAA,OAAQE,gBAAQ,IAAhBF,OAAAA,EAAAA,EAAkBC,KAC/BhB,IAAegB,GAAOA,EAAKE,SAAS,gBACrC,IAEH,IAAMC,GAAaC,EAAAA,EAAAA,IAAe,WACI,oBAAvB1B,GACPA,OAIF2B,GAAkBC,EAAAA,EAAAA,cAAY,SAACC,EAAaC,EAAiBC,GAC/DZ,EAAS,CACLN,gBAAgB,EAChBG,WAAYe,EACZjB,YAAae,EACS,WAApBjC,EAA+B,oGAAsB,oLACrD,8FACFmB,WAAYc,EAAK,6LAAyCC,MAE/D,CAAClC,IAEEoC,GAAgBJ,EAAAA,EAAAA,cAAY,8B,IAEpBK,EAUAC,EAGML,EAAIC,EAASC,E,sEAdpB,OAALpB,QAAK,IAALA,OAAAA,EAAAA,EAAOwB,SAAO,C,uBACRF,EAAwB,CAC1BtB,OAAY,OAALA,QAAK,IAALA,OAAAA,EAAAA,EAAOyB,QAAS,KAGtBlC,IAAkB,OAAHO,QAAG,IAAHA,OAAAA,EAAAA,EAAK0B,WACrBF,EAAOxB,KAAS,OAAHA,QAAG,IAAHA,OAAAA,EAAAA,EAAK2B,QAAS,IAG/B5B,GAAa,G,SAEKT,EAAckC,G,QAA1BC,EAAM,EAAH,QAGGL,EAAwBK,EAAxBL,GAAIC,EAAoBI,EAApBJ,QAASC,EAAWG,EAAXH,OACrBJ,EAAgBE,EAAIC,EAASC,IAG9B,OAAHtB,QAAG,IAAHA,GAAAA,EAAK4B,aACA,OAAL1B,QAAK,IAALA,GAAAA,EAAO0B,aACP3B,OAAO4B,GACP1B,OAAS0B,GACT9B,GAAa,G,4CAElB,CAACmB,EAAiBlB,EAAKE,EAAOT,EAAaH,IAExCwC,GAAgBX,EAAAA,EAAAA,cAAY,SAACY,EAAcC,GAChC,UAATA,EACA7B,EAAS4B,GAET9B,EAAO8B,IAGH,OAAJA,QAAI,IAAJA,OAAAA,EAAAA,EAAMJ,QAASpC,GACfyB,MAEL,CAACA,EAAYzB,IAEV0C,GAAad,EAAAA,EAAAA,cAAY,WAC3BT,GAASwB,SAAAA,G,OAAQ,kBACVA,GAAK,CACR9B,gBAAgB,SAErB,IAEH,OACI,UAAC+B,EAAqB,CAAC9C,UAAWA,EAAWV,SAAUA,E,UAClDI,IACG,SAACoD,EAAQ,CACLxD,SAAUA,EACVyD,wBAAyB,CAAEC,OAAQtD,MAG3C,SAACoD,EAAiB,CACd1C,YAAaA,EACbN,gBAAiBR,EAAW,SAAW,QACvCK,QAASA,EACTC,QAASA,EACTqD,cAAef,EACfgB,SAAUT,EACVhC,UAAWA,EACX0C,YAAapD,EACbqD,gBAAiB7C,EAAc8C,EAAAA,QAAqBb,EACpDc,WAAYC,EAAAA,EACZvD,UAAW,oBAGdK,EAEAF,IAAmB,SAACqD,EAAAA,EAAW,CAC5BC,OAAQrC,EAAML,eACd2C,QAASd,EACTe,MAAOvC,EAAMJ,YACb4C,KAAMxC,EAAMH,WACZ0B,KAAMvB,EAAMF,WACZ2C,YAAU,uB,6EC3K1B,IAoBaC,EAAY,SAACxB,EAAeyB,G,OApBtB,SAACzB,EAAeyB,GAC/B,IAAMC,EAAMC,KAAKD,IAAI1B,GAErB,OAAOyB,EACHC,EAAM,IAAM,GAAKA,EAAM,KAAO,GACxB,EACAA,EAAM,IAAM,GAAKA,EAAM,IAAM,IAAMA,EAAM,IAAM,IAAMA,EAAM,KAAO,IAC9D,EACA,GAadE,CAAW5B,EAAOyB,IAQTI,EAAe,SAACJ,G,OAA4B,SAACzB,G,OACtDwB,EAAUxB,EAAOyB,M,+HC5Bd,IAAMK,EAAgC,CAAC,iCAAS,uCAAU,8CAOpDC,EAAkC,CAAC,iCAAS,uCAAU,8CAOtDC,EAA8B,CAAC,2BAAQ,qBAAO,4BAO9CC,EAAgC,CAAC,iCAAS,uCAAU,+C,sQCwBjE,EAjDe,CACXC,SAAU,CACNC,WAAYC,EAAAA,EAAAA,OACZC,YAAa,MACbC,OAAQ,MACRC,QAAS,OACTC,cAAe,OACfC,MAAOL,EAAAA,EAAAA,aAEXM,OAAQ,CACJP,WAAY,cACZE,YAAa,QACbC,OAAQ,MACRC,QAAS,SACTC,cAAe,SACfC,MAAOL,EAAAA,EAAAA,aAEXO,MAAO,CACHC,OAAQR,EAAAA,EAAAA,QACRD,WAAYC,EAAAA,EAAAA,QACZK,MAAOL,EAAAA,EAAAA,YACPS,WAAYT,EAAAA,EAAAA,UACZU,eAAgBV,EAAAA,EAAAA,YAChBW,WAAYX,EAAAA,EAAAA,YACZY,iBAAkBZ,EAAAA,EAAAA,UAClBa,qBAAsBb,EAAAA,EAAAA,cACtBc,iBAAkBd,EAAAA,EAAAA,cAClBE,OAAQa,EAAAA,EAAAA,gBACRZ,QAAS,YACTC,cAAe,OACfY,WAAYhB,EAAAA,EAAAA,QAEhBiB,KAAM,CACFT,OAAQR,EAAAA,EAAAA,QACRD,WAAYC,EAAAA,EAAAA,QACZK,MAAOL,EAAAA,EAAAA,UACPS,WAAYT,EAAAA,EAAAA,QACZU,eAAgBV,EAAAA,EAAAA,UAChBW,WAAYX,EAAAA,EAAAA,UACZY,iBAAkBZ,EAAAA,EAAAA,QAClBa,qBAAsBb,EAAAA,EAAAA,UACtBc,iBAAkBd,EAAAA,EAAAA,UAClBE,OAAQa,EAAAA,EAAAA,gBACRZ,QAAS,YACTC,cAAe,OACfY,WAAY,Y,owDCvCpB,IAAME,EAAUhH,EAAAA,QAAAA,IAAAA,WAAU,C,6BAAVA,C,KAGEiH,SAAAA,G,OAASA,EAAMC,MAAMrB,cACf,Y,IAAGqB,EAAK,EAALA,M,OAAYA,EAAMZ,OAASY,EAAMZ,OAASR,EAAAA,EAAAA,cACjDmB,SAAAA,G,OAASA,EAAMC,MAAMnB,eACpBkB,SAAAA,G,OAASA,EAAMC,MAAMlB,UAC3BiB,SAAAA,G,OAASA,EAAMC,MAAMjB,WACvB,Y,IAAGiB,EAAK,EAALA,M,OAAYA,EAAMf,MAAQe,EAAMf,MAAQL,EAAAA,EAAAA,cAE/BqB,EAAAA,GAAAA,QACNF,SAAAA,G,OAASA,EAAMC,MAAMhB,iBAIlCkB,EAAiBpH,EAAAA,QAAAA,IAAAA,WAAU,C,6BAAVA,C,IACjBW,EAAAA,EAAAA,EAOmBwG,EAAAA,GAAAA,OACfxG,EAAAA,EAAAA,GAIJH,EAAQR,EAAAA,QAAAA,IAAAA,WAAU,C,6BAAVA,C,KAGRiH,SAAAA,G,OAASA,EAAMC,MAAMG,aAAe,KAEjBF,EAAAA,GAAAA,QAEfF,SAAAA,G,OAASA,EAAMC,MAAMI,YAAc,MAIvCC,EAAOvH,EAAAA,QAAAA,KAAAA,WAAW,C,6BAAXA,C,KAMIiH,SAAAA,G,OAASA,EAAMO,KAAO,OAAS,gBAU1B,Y,IAAGf,EAAU,EAAVA,W,OAAiBA,GAA0BX,EAAAA,EAAAA,aAChD,Y,IAAGU,EAAc,EAAdA,e,OAAqBA,GAAkCV,EAAAA,EAAAA,cAGxD,Y,IAAGS,EAAU,EAAVA,W,OAAiBA,GAA0BT,EAAAA,EAAAA,YAI3CqB,EAAAA,GAAAA,QAMnBM,EAASzH,EAAAA,QAAAA,IAAAA,WAAU,C,6BAAVA,C,KAOT0H,EAAgB1H,EAAAA,QAAAA,IAAAA,WAAU,C,6BAAVA,C,KAEJiH,SAAAA,G,OAASA,EAAMO,KAAO,OAAS,MAC3C7G,EAAAA,EAAAA,GAE4BsG,SAAAA,G,OAASA,EAAMO,KAAO,UAAY,aAE3CL,EAAAA,GAAAA,OACfxG,EAAAA,EAAAA,IAIJgH,EAAgB,QAMP,e,sCAAMC,EAiBLX,G,0CACFA,IAMVY,EAAAA,EAAAA,IAAAA,EAAAA,EAAAA,GAAAA,GAAAA,UAAS,WACL,EAAKZ,MAAMY,SACX,EAAKC,UAAS7D,SAAAA,G,MAAU,CACpBuD,MAAOvD,EAAMuD,YARjB,EAAKvD,MAAQ,CACTuD,KAAMP,EAAMc,a,oBAWpBC,IAAAA,S,MAAAA,WACI,IAA2H,EAAAC,KAAKhB,MAAxHxF,EAAmH,EAAnHA,SAAUsD,EAAyG,EAAzGA,MAAO,EAAkG,EAAlGyC,KAAAA,OAAI,IAAG,EAAAS,KAAKhE,MAAMuD,KAAI,IAA4E,EAA1EU,OAAAA,OAAM,IAAG,EAAAD,KAAKJ,OAAM,EAAEX,EAAoD,EAApDA,MAAOiB,EAA6C,EAA7CA,YAAaC,EAAgC,EAAhCA,mBAAuBC,GAAI,OAAK,EAAU,CAA7H5G,WAAUsD,QAAOyC,OAAwBU,SAAsBhB,QAAOiB,cAAaC,uBACvFE,EAASC,EAAOrB,IAAUqB,EAAoB,MAIlD,OAHIJ,IACAG,GAAS,UAAKA,EAAWH,KAGzB,SAACK,EAAAA,cAAa,CAACtB,MAAOoB,E,UAClB,UAACtB,GAAO,gBAACQ,KAAMA,GAAUa,GAAI,C,WACzB,UAACjB,EAAc,CAACqB,QAASP,EAAQjD,YAAU,Q,WACvC,SAACzE,EAAK,CAACkI,SAAS,O,SAAQ3D,KACxB,SAACwC,EAAI,CACDC,KAAMA,EACNjB,WAAYiB,EAAOc,EAAO5B,iBAAmB4B,EAAO/B,WACpDC,eAAgBgB,EAAOc,EAAO3B,qBAAuB2B,EAAO9B,eAC5DC,WAAYe,EAAOc,EAAO1B,iBAAmB0B,EAAO7B,W,UAEpD,UAACkC,MAAG,CAACC,QAAQ,YAAYC,KAAK,OAAOC,MAAM,6B,WACvC,SAACC,SAAM,CACHC,GAAG,KACHC,GAAG,KACHC,EAAE,QACFC,YAAY,MACZC,UAAU,sBAEd,SAACC,OAAI,CACDC,EAAE,yEACFH,YAAY,MACZI,iBAAiB,KACjBC,cAAc,QACdC,eAAe,mBAK/B,UAAC/B,EAAa,CAACF,KAAMA,EAAMkC,WAAS,EAAChB,SAAS,iBAAiBiB,SAAS,4B,UACnEvB,IAAsB,SAACX,EAAM,IAC7BhG,e,EApEV,CAAwBmI,EAAAA,YACnC,OADiBhC,EACViC,YAAY,CACf9B,YAAa+B,IAAAA,KACbtC,KAAMsC,IAAAA,KACN1B,mBAAoB0B,IAAAA,KACpBjC,OAAQiC,IAAAA,KACR3B,YAAa2B,IAAAA,UAGjB,OATiBlC,EASVmC,eAAe,CAClBhC,aAAa,EACbK,oBAAoB,EACpBlB,MAAOS,EACPQ,YAAa,GACbN,OAAQ,gB,o3IC9GT,IAAM3H,EAAgBF,EAAAA,QAAAA,IAAAA,WAAU,C,6BAAVA,C,KAMhBgK,EAAqB,CAC9BrK,OAAOE,EAAAA,EAAAA,KAAG,KAMVD,QAAQC,EAAAA,EAAAA,KAAG,KAOXC,QAAQD,EAAAA,EAAAA,KAAG,MAWToK,EAA8B,CAChCtK,OAAOE,EAAAA,EAAAA,KAAG,KAOVD,QAAQC,EAAAA,EAAAA,KAAG,KAQXC,QAAQD,EAAAA,EAAAA,KAAG,MAWTqK,EAAiB,CACnBvK,OAAOE,EAAAA,EAAAA,KAAG,KAMVD,QAAQC,EAAAA,EAAAA,KAAG,KAOXC,QAAQD,EAAAA,EAAAA,KAAG,MASTsK,EAA0B,CAC5BxK,OAAOE,EAAAA,EAAAA,KAAG,KAOVD,QAAQC,EAAAA,EAAAA,KAAG,KAQXC,QAAQD,EAAAA,EAAAA,KAAG,MAYFuK,EAAepK,EAAAA,QAAAA,IAAAA,WAAU,C,6BAAVA,C,KAKtBI,SAAAA,G,OAAKA,EAAEoB,YACHpB,EAAEuB,YAAcwI,EAAwB/J,EAAEC,SAAW6J,EAAe9J,EAAEC,SACtED,EAAEuB,YAAcsI,EAA4B7J,EAAEC,SAAW2J,EAAmB5J,EAAEC,YAIlFC,GAAQN,EAAAA,EAAAA,SAAOO,EAAAA,IAAY,Y,6BAAnBP,C,KAaRqK,GAAYrK,EAAAA,EAAAA,SAAOM,GAAM,Y,6BAAbN,C,KAIZsK,GAAatK,EAAAA,EAAAA,SAAOM,GAAM,Y,6BAAbN,C,KAINuK,GAAYC,EAAAA,EAAAA,GAAcH,GAE1BI,GAAahK,EAAAA,EAAAA,GAAe6J,GAE5BI,GAAS1K,EAAAA,EAAAA,SAAOa,EAAAA,IAAW,Y,6BAAlBb,C,KAMT2K,EAAoB3K,EAAAA,QAAAA,IAAAA,WAAU,C,6BAAVA,C,KACpBI,SAAAA,G,OAAKA,EAAEmE,YAAcuB,EAAAA,EAAAA,UAAmBA,EAAAA,EAAAA,iBAKxC8E,GAAU5K,EAAAA,EAAAA,SAAO6K,EAAAA,GAAU,Y,6BAAjB7K,C,KC1GVE,EAA6C,Y,QACtDgB,gBAAAA,OAAe,IAAG,UAAO,MACzBM,YAAAA,OAAW,IAAG,GAAK,MACnBT,QAAAA,OAAO,IAAG,2DAAW,MACrBC,QAAAA,OAAO,IAAG,EAAAC,EAAAA,GAAAA,OAAe,EACzBY,EAAS,EAATA,UACAiJ,EAAU,EAAVA,WACAvG,EAAW,EAAXA,YAAW,IACXC,gBAAAA,OAAe,IAAG,KAAE,MACpBE,WAAAA,OAAU,IAAG,gBAAa,EAC1BqG,EAAW,EAAXA,YACAC,EAAU,EAAVA,WACA3G,EAAa,EAAbA,cACAC,EAAQ,EAARA,SACAlD,EAAS,EAATA,UAE0BM,GAAAA,EAAAA,EAAAA,YAAnBO,EAAmBP,EAAkB,GAA9BQ,EAAYR,EAAkB,GACpBA,GAAAA,EAAAA,EAAAA,YAAjBuJ,EAAiBvJ,EAAkB,GAA7BwJ,EAAWxJ,EAAkB,GACAA,GAAAA,EAAAA,EAAAA,WAAS,GAA5CyJ,EAAmCzJ,EAAe,GAAnC0J,EAAoB1J,EAAe,GACnBA,GAAAA,EAAAA,EAAAA,WAAS,GAAxCC,EAA+BD,EAAe,GAAjCE,EAAkBF,EAAe,GACbA,GAAAA,EAAAA,EAAAA,UAAwB,MAAzD2J,EAAiC3J,EAA6B,GAAhD4J,EAAmB5J,EAA6B,IAErEgB,EAAAA,EAAAA,YAAU,WACNd,IAAiB4C,KAClB,CAACA,KAEJ9B,EAAAA,EAAAA,YAAU,WACN,IAAMe,EAAUjC,EAAmB,OAALS,QAAK,IAALA,OAAAA,EAAAA,EAAOwB,SAAgB,OAALxB,QAAK,IAALA,OAAAA,EAAAA,EAAOwB,WAAe,OAAJwH,QAAI,IAAJA,OAAAA,EAAAA,EAAMxH,SACxE2H,EAAiB3H,KAClB,CAACjC,EAAaS,EAAOgJ,IAExB,IAcMM,GAAkBrI,EAAAA,EAAAA,cAAY,SAChCsI,EACAC,QAEyB7H,IAArB4H,EAAW9H,QAIG,UAAd+H,EACAvJ,EAASsJ,GAETN,EAAQM,GAGQ,oBAAblH,GAA2BA,EAASkH,EAAYC,MACxD,CAACnH,IAEJ,OACI,SAACJ,EAAgB,CAAC9C,UAAWA,E,UACzB,UAAC8C,EAAe,CAAC7D,QAASa,EAAiBM,YAAaA,EAAaG,YAAaA,E,WAC5EH,IACE,SAAC0C,EAAY,CACT+G,KAAK,MACL3G,SAAU,SAACkH,G,OAAuBD,EAAgBC,EAAY,QAC9DE,aAAuB,OAAVV,QAAU,IAAVA,OAAAA,EAAAA,EAAYU,cAAe,wEACxCC,cAAwB,OAAVX,QAAU,IAAVA,OAAAA,EAAAA,EAAYW,eAAgB,yKAC1CC,SAAU/J,EACVoD,YAAU,gBAGlB,SAACf,EAAa,CACV+G,KAAK,QACL3G,SAAU,SAACkH,G,OAAuBD,EAAgBC,EAAY,UAC9DE,aAAwB,OAAXX,QAAW,IAAXA,OAAAA,EAAAA,EAAaW,cAAe,kFACzCC,cAAyB,OAAXZ,QAAW,IAAXA,OAAAA,EAAAA,EAAaY,eAAgB,kHAC3CC,SAAU/J,EACVoD,YAAU,iBAEd,SAACf,EAAoB,CAACK,YAAaA,E,UAC/B,SAACsH,EAAAA,EAAU,CACP5G,YAAU,cACV6G,SAAUpH,EACVqH,WAAYhL,OAGpB,SAACmD,EAAS,CACNH,KAAM/C,EACNyH,QA7DK,WACjB,IAAI5G,IAAaiJ,GAAeK,EAAhC,CAIA,IAAMa,EAAiBrK,EAAwB,OAAVsK,iBAAU,IAAVA,gBAAAA,EAAAA,WAAYC,cAAgB,KAEjE7H,EAAc,CACV4G,KAAOA,EACPhJ,MAAQA,EACR+J,eAAAA,MAoDQJ,SAAUd,GAAenJ,IAAgB0J,IAAkBF,EAC3DtJ,UAAWA,EACXoD,YAAU,a,SAETlE,IAEJY,IACG,SAACuC,EAAU,CACPiI,QAAS3H,EACTF,SAAUgH","sources":["webpack://_N_E/./src/components/RequestFormPhone/styled.tsx","webpack://_N_E/./src/components/RequestFormPhone/index.tsx","webpack://_N_E/../../packages/shared/src/helpers/pluralize/index.ts","webpack://_N_E/../../packages/shared/src/helpers/pluralize/predifined.ts","webpack://_N_E/../../packages/ui-react/src/deprecated/Accordion/themes.js","webpack://_N_E/../../packages/ui-react/src/deprecated/Accordion/index.js","webpack://_N_E/../../packages/ui-react/src/organisms/Forms/NamePhoneForm/styled.tsx","webpack://_N_E/../../packages/ui-react/src/organisms/Forms/NamePhoneForm/index.tsx"],"sourcesContent":["import styled, { css } from 'styled-components';\n\nimport { BaseButton } from '@r1-frontend/ui-react/components/buttons/baseButton';\nimport InputSimple, { phoneDecorator } from '@r1-frontend/ui-react/components/inputSimple';\nimport Throbber from '@r1-frontend/ui-react/components/loaders/Throbber';\nimport { NamePhoneForm } from '@r1-frontend/ui-react/organisms/Forms/NamePhoneForm';\nimport { FONTS } from '@r1-frontend/ui-react/tokens/fonts';\n\nconst templates = {\n    first: `\n        grid-template-columns: min-content 218px;\n        grid-template-rows: min-content min-content;\n        grid-template-areas:\n            \"input input\"\n            \"button checkbox\";\n        grid-gap: 0 8px;\n    `,\n    second: css`\n        grid-template-columns: 232px 187px;\n        grid-template-rows: min-content min-content;\n        grid-template-areas:\n            \"input button\"\n            \"checkbox checkbox\";\n        grid-gap: 0 8px;\n    `,\n    mobile: css`\n        grid-template-columns: 1fr;\n        grid-template-rows: min-content min-content 16px min-content;\n        grid-template-areas:\n            \"input\"\n            \"checkbox\"\n            \"margin\"\n            \"button\";\n        grid-gap: 0;\n    `,\n};\n\nexport type TTemplate = keyof typeof templates;\n\nexport const StyledThrobber = styled(Throbber)`\n    position: absolute;\n`;\n\nexport const SNamePhoneForm = styled(NamePhoneForm)``;\n\nexport const GridTemplate = styled.div<{variant: TTemplate}>`\n    display: grid;\n    ${p => templates[p.variant]};\n    align-items: flex-start;\n`;\n\nexport const RequestFormWrapper = styled.div<{isMobile?: boolean}>`\n    position: relative;\n    display: flex;\n    flex-direction: column;\n`;\n\nexport const Input = styled(InputSimple)`\n    grid-area: input;\n\n    [data-test=\"placeholder\"] {\n        display: none;\n    }\n\n    [class*=\"InputError\"] {\n        white-space: nowrap;\n    }\n`;\n\nexport const Phone = phoneDecorator(Input);\n\nexport const Title = styled.div<{isMobile?: boolean}>`\n    margin-bottom: ${p => p.isMobile ? '12px' : '24px'};\n    ${p => p.isMobile ? FONTS.H5 : FONTS.H4};\n`;\n\nexport const Button = styled(BaseButton)<{isMobile?: boolean}>`\n    grid-area: button;\n`;\n","import React, { FC, useCallback, useEffect, useState } from 'react';\n\nimport { ERequestStatus } from '@r1-frontend/api-domru/api-request/v1/user/request-by-connection';\n\nimport { btnTypes } from '@r1-frontend/ui-react/components/buttons/baseButton';\nimport { EResultPopupStatus } from '@r1-frontend/ui-react/components/popups/popupResult';\nimport { TField, TFieldNames } from '@r1-frontend/ui-react/organisms/Forms/NamePhoneForm';\nimport { useOnceExecute } from '@r1-frontend/shared/hooks/useOnceExecute';\n\nimport PopupResult from '~/src/components/Popups/PopupResult';\nimport { POLICY_PAGE_LINK, RECAPTCHA_SITE_KEY } from '~/src/constants';\n\nimport * as ST from './styled';\n\nexport type { TField };\n\nexport interface ISubmitParams {\n    fio?: string,\n    phone: string,\n}\n\nexport interface ISubmitResult {\n    ok: boolean,\n    message: string,\n    status: ERequestStatus,\n}\n\nexport type TSubmitFunc = (params: ISubmitParams) => Promise<ISubmitResult> | null | void;\n\nexport interface IPropsRequestFormPhone {\n    formTitle?: string,\n    btnText: string | React.ReactNode,\n    btnType?: btnTypes,\n    isOnlyPhone?: boolean,\n    isLoading?: boolean,\n    isMobile?: boolean,\n    isCheckInvertColor?: boolean,\n    templateVariant?: ST.TTemplate,\n    className?: string,\n    submitRequest: TSubmitFunc,\n    onStartFormFilling?: () => void,\n    withResultPopup?: boolean,\n}\n\n/**\n *  Форма заказа обратного звонка, с попапом результата (отправку аналитики выполняем снаружи формы)\n * @param {boolean} isLoading - отображение спинера загрузки\n * @param {boolean} isMobile - принудительная установка мобильного вида формы (если форма занимает не всю ширину экрана)\n * @param {boolean} isPromoResultPopup - выводить промоблок в PopupResult\n * @param {function} submitRequest - колбэк при клике на кнопку\n * @param btnText\n * @param onStartFormFilling - событие начала заполнения формы\n */\nexport const RequestFormPhone:FC<IPropsRequestFormPhone> = ({\n    formTitle,\n    btnText,\n    btnType = btnTypes.ACCENT,\n    isMobile,\n    templateVariant,\n    isCheckInvertColor,\n    className,\n    submitRequest,\n    onStartFormFilling,\n    withResultPopup = true,\n    isOnlyPhone = true,\n    children,\n}) => {\n    const [isRecaptcha, setIsRecaptcha] = useState(false);\n    const [isLoading, setIsLoading] = useState(false);\n    const [fio, setFio] = useState<TField>();\n    const [phone, setPhone] = useState<TField>();\n    const [popup, setPopup] = useState({\n        isResultOpened: false,\n        resultTitle: '',\n        resultText: '',\n        resultType: EResultPopupStatus.SUCCESS,\n    });\n\n    useEffect(() => {\n        const href = window?.location?.href;\n        setIsRecaptcha(href ? href.includes('recaptcha') : false);\n    }, []);\n\n    const firstInput = useOnceExecute(() => {\n        if (typeof onStartFormFilling === 'function') {\n            onStartFormFilling();\n        }\n    });\n\n    const openPopupResult = useCallback((ok: boolean, message: string, status: EResultPopupStatus) => {\n        setPopup({\n            isResultOpened: true,\n            resultType: status,\n            resultTitle: ok\n            ? templateVariant === 'second' ? 'Заявка отправлена' : 'Заявка на подключение отправлена'\n            : 'Произошла ошибка',\n            resultText: ok ? 'Мы свяжемся с вами в ближайшее время' : message,\n        });\n    }, [templateVariant]);\n\n    const submitHandler = useCallback(async() => {\n        if (phone?.isValid) {\n            const params: ISubmitParams = {\n                phone: phone?.value || '',\n            };\n\n            if (!isOnlyPhone && fio?.isValid) {\n                params.fio = fio?.value || '';\n            }\n\n            setIsLoading(true);\n\n            const res = await submitRequest(params);\n\n            if (res) {\n                const { ok, message, status } = res;\n                openPopupResult(ok, message, status as unknown as EResultPopupStatus);\n            }\n\n            fio?.clearInput();\n            phone?.clearInput();\n            setFio(undefined);\n            setPhone(undefined);\n            setIsLoading(false);\n        }\n    }, [openPopupResult, fio, phone, isOnlyPhone, submitRequest]);\n\n    const onChangeInput = useCallback((data: TField, type: TFieldNames) => {\n        if (type === 'phone') {\n            setPhone(data);\n        } else {\n            setFio(data);\n        }\n\n        if (data?.value && onStartFormFilling) {\n            firstInput();\n        }\n    }, [firstInput, onStartFormFilling]);\n\n    const closePopup = useCallback(() => {\n        setPopup(state=>({\n            ...state,\n            isResultOpened: false,\n        }));\n    }, []);\n\n    return (\n        <ST.RequestFormWrapper className={className} isMobile={isMobile}>\n            {formTitle &&\n                <ST.Title\n                    isMobile={isMobile}\n                    dangerouslySetInnerHTML={{ __html: formTitle }}\n                />\n            }\n            <ST.SNamePhoneForm\n                isOnlyPhone={isOnlyPhone}\n                templateVariant={isMobile ? 'mobile' : 'first'}\n                btnText={btnText}\n                btnType={btnType}\n                onButtonClick={submitHandler}\n                onChange={onChangeInput}\n                isLoading={isLoading}\n                invertColor={isCheckInvertColor}\n                recapchaSiteKey={isRecaptcha ? RECAPTCHA_SITE_KEY : undefined}\n                policyPath={POLICY_PAGE_LINK}\n                className={'ym-hide-content'}\n            />\n\n            {children}\n\n            {withResultPopup && <PopupResult\n                isOpen={popup.isResultOpened}\n                onClose={closePopup}\n                title={popup.resultTitle}\n                text={popup.resultText}\n                type={popup.resultType}\n                data-test='popup-result'\n            />}\n        </ST.RequestFormWrapper>\n    );\n};\n","export type TArrayOfThree = [string, string, string];\n\n/**\n * @link https://docs.translatehouse.org/projects/localization-guide/en/latest/l10n/pluralforms.html\n */\nconst getVariant = (value: number, variants: TArrayOfThree) => {\n    const abs = Math.abs(value);\n\n    return variants[\n        abs % 10 == 1 && abs % 100 != 11\n            ? 0\n            : abs % 10 >= 2 && abs % 10 <= 4 && (abs % 100 < 10 || abs % 100 >= 20)\n                ? 1\n                : 2\n    ];\n};\n\n/**\n * Cклоняет число\n * @param value Число\n * @param variants Варианты слов для склонения\n * @returns Один из вариантов в зависимости от переданного значения {value}\n * @example\n * pluralize(3, ['идея', 'идеи', 'идей']); // идеи\n */\nexport const pluralize = (value: number, variants: TArrayOfThree) =>\n    getVariant(value, variants);\n\n/**\n * Получает функцию для склонения числа\n * @param variants Варианты слов для склонения\n * @example\n * const pluralize = getPluralize(['идея', 'идеи', 'идей']);\n */\nexport const getPluralize = (variants: TArrayOfThree) => (value: number) =>\n    pluralize(value, variants);\n","import { TArrayOfThree } from '.';\n\n/**\n * Склонения для месяца\n *\n * @return ['месяц', 'месяца', 'месяцев']\n */\nexport const monthPluralize: TArrayOfThree = ['месяц', 'месяца', 'месяцев'];\n\n/**\n * Склонения для канала\n *\n * @return ['канал', 'канала', 'каналов']\n */\nexport const channelPluralize: TArrayOfThree = ['канал', 'канала', 'каналов'];\n\n/**\n * Склонения для дня\n *\n * @return ['день', 'дня', 'дней']\n */\nexport const dayPluralize: TArrayOfThree = ['день', 'дня', 'дней'];\n\n/**\n * Склонения для бонуса\n *\n * @return ['бонус', 'бонуса', 'бонусов']\n */\nexport const bonusPluralize: TArrayOfThree = ['бонус', 'бонуса', 'бонусов'];\n","import { BorderRadius } from '@r1-frontend/ui-react/tokens/borderRadius';\nimport { COLORS } from '@r1-frontend/ui-react/tokens/colors';\n\nconst themes = {\n    bordered: {\n        background: COLORS.BgMain,\n        borderWidth: '1px',\n        radius: '4px',\n        padding: '20px',\n        mobilePadding: '15px',\n        color: COLORS.TextPrimary,\n    },\n    simple: {\n        background: 'transparent',\n        borderWidth: '1px 0',\n        radius: '0px',\n        padding: '20px 0',\n        mobilePadding: '15px 0',\n        color: COLORS.TextPrimary,\n    },\n    light: {\n        border: COLORS.BgLight,\n        background: COLORS.BgLight,\n        color: COLORS.TextPrimary,\n        colorArrow: COLORS.GRAY_DARK,\n        backgroundIcon: COLORS.BgSecondary,\n        borderIcon: COLORS.BgSecondary,\n        colorArrowIsOpen: COLORS.GRAY_DARK,\n        backgroundIconIsOpen: COLORS.Outline_Light,\n        borderIconIsOpen: COLORS.Outline_Light,\n        radius: BorderRadius.componentRadius,\n        padding: '20px 24px',\n        mobilePadding: '15px',\n        storyColor: COLORS.BgMain,\n    },\n    dark: {\n        border: COLORS.Control,\n        background: COLORS.Control,\n        color: COLORS.TextWhite,\n        colorArrow: COLORS.Control,\n        backgroundIcon: COLORS.GRAY_DARK,\n        borderIcon: COLORS.GRAY_DARK,\n        colorArrowIsOpen: COLORS.Control,\n        backgroundIconIsOpen: COLORS.TextWhite,\n        borderIconIsOpen: COLORS.TextWhite,\n        radius: BorderRadius.componentRadius,\n        padding: '20px 24px',\n        mobilePadding: '15px',\n        storyColor: '#3D3D3D',\n    },\n};\n\nexport default themes;\n","import { wideBreakpoints } from '@r1-frontend/ui-react/components/layouts/wideContainer';\nimport { COLORS } from '@r1-frontend/ui-react/tokens/colors';\nimport { FONTS } from '@r1-frontend/ui-react/tokens/fonts';\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport styled, { ThemeProvider } from 'styled-components';\n\nimport themes from './themes.js';\n\nconst Wrapper = styled.div`\n    flex-direction: column;\n    width: 100%;\n    background: ${props => props.theme.background};\n    border: 1px solid ${({ theme }) => theme.border ? theme.border : COLORS.GRAY_LIGHT};\n    border-width: ${props => props.theme.borderWidth};\n    border-radius: ${props => props.theme.radius};\n    padding: ${props => props.theme.padding};\n    color: ${({ theme }) => theme.color ? theme.color : COLORS.TextPrimary};\n\n    @media (max-width: ${wideBreakpoints.mobile}) {\n        padding: ${props => props.theme.mobilePadding};\n    }\n`;\n\nconst AccordionTitle = styled.div`\n    ${FONTS.L};\n    width: 100%;\n    justify-content: space-between;\n    align-items: center;\n    flex-wrap: nowrap;\n    cursor: pointer;\n\n    @media (max-width: ${wideBreakpoints.mobile}) {\n        ${FONTS.S};\n    }\n`;\n\nconst Title = styled.div`\n    flex-grow: 1;\n    width: calc(100% - 53px);  \n    ${props => props.theme.desktopFont || ''};\n\n    @media (max-width: ${wideBreakpoints.mobile}) {\n        width: calc(100% - 39px);\n        ${props => props.theme.mobileFont || ''};\n    }\n`;\n\nconst Icon = styled.span`\n    position:relative;\n    margin-left: 20px;\n    flex: 0 0 36px;\n    height: 36px;\n    border-radius: 50%;\n    transform: ${props => props.open ? 'none' : 'scaleY(-1)'};\n    transition: all 0.2s ease-in;\n    svg {\n        display: block;\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        circle {\n            stroke: ${({ borderIcon }) => borderIcon ? borderIcon : COLORS.GRAY_DARK};\n            fill: ${({ backgroundIcon }) => backgroundIcon ? backgroundIcon : COLORS.GRAY_LIGHT};\n        }\n        path {\n            stroke: ${({ colorArrow }) => colorArrow ? colorArrow : COLORS.GRAY_DARK};\n        }\n    }\n\n    @media (max-width: ${wideBreakpoints.mobile}) {\n        margin-left: 15px;\n        background-size: contain;\n    }\n`;\n\nconst Border = styled.div`\n    height: 1px;\n    width: 100%;\n    background: transparent;\n    margin: 8px 0;\n`;\n\nconst AccordionBody = styled.div`\n    width: 100%;\n    max-height: ${props => props.open ? '100%' : '0'};\n    ${FONTS.S};\n    overflow: hidden;\n    transition: max-height 0.2s ${props => props.open ? 'ease-in' : 'ease-out'};\n\n    @media (max-width: ${wideBreakpoints.mobile}) {\n        ${FONTS.XS};\n    }\n`;\n\nconst DEFAULT_THEME = 'light';\n\n/**\n * @deprecated\n * use instead @r1-frontend/ui-react/src/components/accordions/Accordion\n */\nexport default class Accordion extends React.Component {\n    static propTypes = {\n        defaultOpen: PropTypes.bool,\n        open: PropTypes.bool,\n        withDividingBorder: PropTypes.bool,\n        toggle: PropTypes.func,\n        customTheme: PropTypes.object,\n    };\n\n    static defaultProps = {\n        defaultOpen: false,\n        withDividingBorder: true,\n        theme: DEFAULT_THEME,\n        customTheme: {},\n        toggle: () => {},\n    };\n\n    constructor(props) {\n        super(props);\n        this.state = {\n            open: props.defaultOpen,\n        };\n    }\n\n    toggle = () => {\n        this.props.toggle();\n        this.setState(state => ({\n            open: !state.open,\n        }));\n    }\n\n    render() {\n        const { children, title, open = this.state.open, onOpen = this.toggle, theme, customTheme, withDividingBorder, ...rest } = this.props;\n        let colors = themes[theme] || themes[DEFAULT_THEME];\n        if (customTheme) {\n            colors = { ...colors, ...customTheme };\n        }\n        return (\n            <ThemeProvider theme={colors}>\n                <Wrapper open={open} {...rest}>\n                    <AccordionTitle onClick={onOpen} data-test='title'>\n                        <Title itemProp='name'>{title}</Title>\n                        <Icon\n                            open={open}\n                            colorArrow={open ? colors.colorArrowIsOpen : colors.colorArrow}\n                            backgroundIcon={open ? colors.backgroundIconIsOpen : colors.backgroundIcon}\n                            borderIcon={open ? colors.borderIconIsOpen : colors.borderIcon}\n                        >\n                            <svg viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'>\n                                <circle\n                                    cx='18'\n                                    cy='18'\n                                    r='17.25'\n                                    strokeWidth='1.5'\n                                    transform='rotate(90 18 18)'\n                                />\n                                <path\n                                    d='M25.92 21.05L19.4 14.53C18.63 13.76 17.37 13.76 16.6 14.53L10.08 21.05'\n                                    strokeWidth='1.5'\n                                    strokeMiterlimit='10'\n                                    strokeLinecap='round'\n                                    strokeLinejoin='round'\n                                />\n                            </svg>\n                        </Icon>\n                    </AccordionTitle>\n                    <AccordionBody open={open} itemScope itemProp='acceptedAnswer' itemType='https://schema.org/Answer'>\n                        {withDividingBorder && <Border />}\n                        {children}\n                    </AccordionBody>\n                </Wrapper>\n            </ThemeProvider>\n        );\n    }\n}\n","import ReCAPTCHA from 'react-google-recaptcha';\nimport styled, { css } from 'styled-components';\n\nimport { BaseButton } from '@r1-frontend/ui-react/components/buttons/baseButton';\nimport InputSimple, { nameDecorator, phoneDecorator } from '@r1-frontend/ui-react/components/inputSimple';\nimport { COLORS } from '@r1-frontend/ui-react/tokens/colors';\n\nexport const NamePhoneForm = styled.div`\n    position: relative;\n    display: flex;\n    flex-direction: column;\n`;\n\nexport const namePhoneTemplates = {\n    first: css`\n        grid-template-columns: repeat(2, minmax(224px, 288px)) min-content;\n        grid-template-areas:\n            \"name phone button\"\n            \"policynote policynote policynote\";\n    `,\n    second: css`\n        grid-template-columns: repeat(2, minmax(224px, 288px));\n        grid-template-areas:\n            \"name phone\"\n            \"policynote policynote\"\n            \"button button\";\n    `,\n    mobile: css`\n        grid-template-columns: minmax(224px, 1fr);\n        grid-template-areas:\n            \"name\"\n            \"phone\"\n            \"recaptcha\"\n            \"policynote\"\n            \"button\";\n    `,\n};\n\nconst recaptchaNamePhoneTemplates = {\n    first: css`\n        grid-template-columns: repeat(2, minmax(224px, 288px)) min-content;\n        grid-template-areas:\n            \"name phone button\"\n            \"policynote policynote policynote\"\n            \"recaptcha recaptcha recaptcha\";\n    `,\n    second: css`\n        grid-template-columns: repeat(2, minmax(224px, 288px));\n        grid-template-areas:\n            \"name phone\"\n            \"policynote policynote\"\n            \"button button\"\n            \"recaptcha recaptcha\";\n    `,\n    mobile: css`\n        grid-template-columns: minmax(224px, 1fr);\n        grid-template-areas:\n            \"name\"\n            \"phone\"\n            \"recaptcha\"\n            \"policynote\"\n            \"button\";\n    `,\n};\n\nconst phoneTemplates = {\n    first: css`\n        grid-template-columns: minmax(224px, 288px) min-content;\n        grid-template-areas:\n            \"phone button\"\n            \"policynote policynote\";\n    `,\n    second: css`\n        grid-template-columns: repeat(2, minmax(224px, 288px));\n        grid-template-areas:\n            \"phone phone\"\n            \"policynote policynote\"\n            \"button button\";\n    `,\n    mobile: css`\n        grid-template-columns: minmax(224px, 1fr);\n        grid-template-areas:\n            \"phone\"\n            \"policynote\"\n            \"button\";\n    `,\n};\n\nconst recaptchaPhoneTemplates = {\n    first: css`\n        grid-template-columns: minmax(224px, 288px) min-content;\n        grid-template-areas:\n            \"phone button\"\n            \"policynote policynote\"\n            \"recaptcha recaptcha\";\n    `,\n    second: css`\n        grid-template-columns: repeat(2, minmax(224px, 288px));\n        grid-template-areas:\n            \"phone phone\"\n            \"policynote policynote\"\n            \"button button\"\n            \"recaptcha recaptcha\";\n    `,\n    mobile: css`\n        grid-template-columns: minmax(224px, 1fr);\n        grid-template-areas:\n            \"phone\"\n            \"recaptcha\"\n            \"policynote\"\n            \"button\";\n    `,\n};\n\nexport type TTemplate = keyof typeof namePhoneTemplates;\n\nexport const GridTemplate = styled.div<{variant: TTemplate, isOnlyPhone: boolean, isRecaptcha: boolean}>`\n    display: grid;\n    grid-gap: 12px 8px;\n    grid-auto-rows: min-content;\n    align-items: flex-start;\n    ${p => p.isOnlyPhone\n        ? p.isRecaptcha ? recaptchaPhoneTemplates[p.variant] : phoneTemplates[p.variant]\n        : p.isRecaptcha ? recaptchaNamePhoneTemplates[p.variant] : namePhoneTemplates[p.variant]\n    };\n`;\n\nconst Input = styled(InputSimple)`\n    margin-bottom: 0;\n\n    [data-test=\"placeholder\"] {\n        display: none;\n    }\n\n    [class*=\"InputError\"] {\n        padding: 0 5px;\n        white-space: nowrap;\n    }\n`;\n\nconst NameField = styled(Input)`\n    grid-area: name;\n`;\n\nconst PhoneField = styled(Input)`\n    grid-area: phone;\n`;\n\nexport const InputName = nameDecorator(NameField);\n\nexport const InputPhone = phoneDecorator(PhoneField);\n\nexport const Button = styled(BaseButton)`\n    grid-area: button;\n    width: 195px;\n    flex: 1 0 auto;\n`;\n\nexport const PolicyNoteWrapper = styled.div<{invertColor?: boolean}>`\n    color: ${p => p.invertColor ? COLORS.TextWhite : COLORS.TextSecondary};\n    grid-area: policynote;\n    margin-left: 0;\n`;\n\nexport const Captcha = styled(ReCAPTCHA)`\n    grid-area: recaptcha;\n`;\n","import React, { FC, useCallback, useEffect, useState } from 'react';\n\nimport { btnTypes } from '@r1-frontend/ui-react/components/buttons/baseButton';\nimport { PolicyNote } from '@r1-frontend/ui-react/components/PolicyNote';\n\nimport * as ST from './styled';\nexport type { TTemplate } from './styled';\n\ndeclare const grecaptcha: { getResponse: () => string };\n\nexport type TField = {\n    value: string,\n    isValid: boolean,\n    clearInput: () => void,\n}\n\nexport interface ISubmitParams {\n    name: TField,\n    phone: TField,\n    recaptchaToken: string | null,\n}\n\ninterface IFieldParams {\n    placeholder: string,\n    errorMessage: string,\n}\n\nexport type TFieldNames = 'fio' | 'phone';\n\nexport interface IPropsNamePhoneFormPhone {\n    templateVariant?: ST.TTemplate,\n    isOnlyPhone?: boolean,\n    recapchaSiteKey?: string,\n    btnText?: string | React.ReactNode,\n    btnType?: btnTypes,\n    isLoading?: boolean,\n    isDisabled?: boolean,\n    invertColor?: boolean,\n    policyPath?: string,\n    className?: string,\n    onButtonClick: (params: ISubmitParams) => void,\n    onChange?: (value: TField, fieldName: TFieldNames) => void,\n    phoneParams?: IFieldParams,\n    nameParams?: IFieldParams,\n}\n\n/**\n *  Форма заказа обратного звонка, с попапом результата (отправку аналитики выполняем снаружи формы)\n * @param {boolean} isOnlyPhone - только телефон\n * @param {TTemplate} templateVariant - варианты расположения полей формы\n * @param {string} recapchaSiteKey - ключ для отображения рекапчи\n * @param {boolean} isLoading - отображение сосотояния загрузки\n * @param {boolean} isDisabled - отображение сосотояния блокировки\n * @param {function} onButtonClick - колбэк при клике на кнопку\n * @param {string/ReactNode} btnText - наименование кнопки\n * @param {boolean} invertColor - инвертирует цвета чекбокса\n * @param policyPath - ссылка на политику конфиденциальности\n */\nexport const NamePhoneForm:FC<IPropsNamePhoneFormPhone> = ({\n    templateVariant = 'first',\n    isOnlyPhone = false,\n    btnText = 'Отправить',\n    btnType = btnTypes.ACCENT,\n    isLoading,\n    isDisabled,\n    invertColor,\n    recapchaSiteKey = '',\n    policyPath = '/policy.pdf',\n    phoneParams,\n    nameParams,\n    onButtonClick,\n    onChange,\n    className,\n}) => {\n    const [phone, setPhone] = useState<TField>();\n    const [name, setName] = useState<TField>();\n    const [isValidInputs, setIsValidInputs] = useState(false);\n    const [isRecaptcha, setIsRecaptcha] = useState(false);\n    const [captchaToken, setCaptchaToken] = useState<string | null>(null);\n\n    useEffect(() => {\n        setIsRecaptcha(!!recapchaSiteKey);\n    }, [recapchaSiteKey]);\n\n    useEffect(() => {\n        const isValid = isOnlyPhone ? phone?.isValid : (phone?.isValid && name?.isValid);\n        setIsValidInputs(isValid as boolean);\n    }, [isOnlyPhone, phone, name]);\n\n    const clickHandler = () => {\n        if (isLoading || isDisabled || !isValidInputs) {\n            return;\n        }\n\n        const recaptchaToken = isRecaptcha ? grecaptcha?.getResponse() : null;\n\n        onButtonClick({\n            name: (name as TField),\n            phone: (phone as TField),\n            recaptchaToken,\n        });\n    };\n\n    const onChangeHandler = useCallback((\n        stateInput: TField,\n        fieldName: TFieldNames,\n    ) => {\n        if (stateInput.value === undefined) {\n            return;\n        }\n\n        if (fieldName === 'phone') {\n            setPhone(stateInput);\n        } else {\n            setName(stateInput);\n        }\n\n        typeof onChange === 'function' && onChange(stateInput, fieldName);\n    }, [onChange]);\n\n    return (\n        <ST.NamePhoneForm className={className}>\n            <ST.GridTemplate variant={templateVariant} isOnlyPhone={isOnlyPhone} isRecaptcha={isRecaptcha}>\n                {!isOnlyPhone &&\n                    <ST.InputName\n                        name='fio'\n                        onChange={(stateInput: TField) => onChangeHandler(stateInput, 'fio')}\n                        placeholder={nameParams?.placeholder || 'Как вас зовут?'}\n                        errorMessage={nameParams?.errorMessage || 'Ожидаются только буквы и дефисы'}\n                        disabled={isLoading}\n                        data-test='field-name'\n                    />\n                }\n                <ST.InputPhone\n                    name='phone'\n                    onChange={(stateInput: TField) => onChangeHandler(stateInput, 'phone')}\n                    placeholder={phoneParams?.placeholder || 'Номер телефона'}\n                    errorMessage={phoneParams?.errorMessage || 'Телефон в формате +7 (999) 999-99-99'}\n                    disabled={isLoading}\n                    data-test='field-phone'\n                />\n                <ST.PolicyNoteWrapper invertColor={invertColor}>\n                    <PolicyNote\n                        data-test='policy-note'\n                        agreeUrl={policyPath}\n                        buttonText={btnText}\n                    />\n                </ST.PolicyNoteWrapper>\n                <ST.Button\n                    type={btnType}\n                    onClick={clickHandler}\n                    disabled={isDisabled || (isRecaptcha && !captchaToken) || !isValidInputs}\n                    isLoading={isLoading}\n                    data-test='submit-btn'\n                >\n                    {btnText}\n                </ST.Button>\n                {isRecaptcha &&\n                    <ST.Captcha\n                        sitekey={recapchaSiteKey}\n                        onChange={setCaptchaToken}\n                    />\n                }\n            </ST.GridTemplate>\n        </ST.NamePhoneForm>\n    );\n};\n"],"names":["templates","first","second","css","mobile","SNamePhoneForm","styled","Throbber","NamePhoneForm","RequestFormWrapper","p","variant","Input","InputSimple","Title","phoneDecorator","isMobile","FONTS","RequestFormPhone","BaseButton","formTitle","btnText","btnType","btnTypes","templateVariant","isCheckInvertColor","className","submitRequest","onStartFormFilling","withResultPopup","isOnlyPhone","children","useState","isRecaptcha","setIsRecaptcha","isLoading","setIsLoading","fio","setFio","phone","setPhone","isResultOpened","resultTitle","resultText","resultType","EResultPopupStatus","popup","setPopup","useEffect","window","href","location","includes","firstInput","useOnceExecute","openPopupResult","useCallback","ok","message","status","submitHandler","params","res","isValid","value","clearInput","undefined","onChangeInput","data","type","closePopup","state","ST","dangerouslySetInnerHTML","__html","onButtonClick","onChange","invertColor","recapchaSiteKey","RECAPTCHA_SITE_KEY","policyPath","POLICY_PAGE_LINK","PopupResult","isOpen","onClose","title","text","data-test","pluralize","variants","abs","Math","getVariant","getPluralize","monthPluralize","channelPluralize","dayPluralize","bonusPluralize","bordered","background","COLORS","borderWidth","radius","padding","mobilePadding","color","simple","light","border","colorArrow","backgroundIcon","borderIcon","colorArrowIsOpen","backgroundIconIsOpen","borderIconIsOpen","BorderRadius","storyColor","dark","Wrapper","props","theme","wideBreakpoints","AccordionTitle","desktopFont","mobileFont","Icon","open","Border","AccordionBody","DEFAULT_THEME","Accordion","toggle","setState","defaultOpen","render","this","onOpen","customTheme","withDividingBorder","rest","colors","themes","ThemeProvider","onClick","itemProp","svg","viewBox","fill","xmlns","circle","cx","cy","r","strokeWidth","transform","path","d","strokeMiterlimit","strokeLinecap","strokeLinejoin","itemScope","itemType","React","propTypes","PropTypes","defaultProps","namePhoneTemplates","recaptchaNamePhoneTemplates","phoneTemplates","recaptchaPhoneTemplates","GridTemplate","NameField","PhoneField","InputName","nameDecorator","InputPhone","Button","PolicyNoteWrapper","Captcha","ReCAPTCHA","isDisabled","phoneParams","nameParams","name","setName","isValidInputs","setIsValidInputs","captchaToken","setCaptchaToken","onChangeHandler","stateInput","fieldName","placeholder","errorMessage","disabled","PolicyNote","agreeUrl","buttonText","recaptchaToken","grecaptcha","getResponse","sitekey"],"sourceRoot":""}