{"version":3,"file":"js/WithRadio.js","mappings":"+PAwBA,MAAMA,UAAuBC,EAAAA,EAE3BC,WAAAA,CAAYC,GACVC,MAAMD,EACR,CAEUE,aAAAA,GACR,OAAOC,KAAKC,QAAQC,iBAAiBC,WACvC,CAEUC,SAAAA,CACRH,EACAI,GAEA,MAAM,WAAEC,GAAeN,MACjB,cAAEO,EAAa,gBAAEL,GAAoBD,EAErCO,GAAeC,EAAAA,EAAAA,GAAgBT,KAAKU,YACpCC,GAAUC,EAAAA,EAAAA,IACdL,GAAeM,eACfX,EAAgBY,cAChBR,GAGF,OAAOS,EAAAA,EAAAA,GACLb,EACAG,EACAM,EACAH,EAEJ,CAGUQ,qBAAAA,CAAsBf,GAC9B,MAAM,gBAAEC,GAAoBD,GACtB,oBAAEgB,GAAwBf,EAChC,OAAOe,IAAwBC,EAAAA,GAAmBC,WACpD,CAEUC,YAAAA,CACRC,EACAC,GAEA,MAAM,WAAEhB,GAAeN,KACvB,IAAIuB,EAA2C,GAQ/C,OANIF,EACFE,GAAYC,EAAAA,EAAAA,GAA0BlB,EAAYe,GACzCC,IACTC,GAAYE,EAAAA,EAAAA,GAAuBnB,EAAYgB,IAG1CC,CACT,CAEUG,mBAAAA,GACR,MAAMC,EAAY3B,KAAKU,YAAYkB,IAAID,WACjC,mBAAEE,GAAuB7B,KAAK8B,gBAC9B,eAAEC,EAAc,WAAEC,EAAU,cAAEC,EAAa,SAAEC,GAAalC,KAAKmC,YAC/DC,EAAapC,KAAKD,gBAExB,IAAKqC,EACH,MAAMC,MAAM,uBAEd,IAAKV,EACH,MAAMU,MAAM,qBAEd,IAAKL,EACH,MAAMK,MAAM,sBAGd,MAAO,CACLV,YACAI,iBACAC,aACA3B,WAAY4B,EAAcK,QAC1BF,aACAP,qBACAK,WAEJ,CAEUK,sBAAAA,GACR,MAAM,iBAAEC,GAAqBxC,KAAK8B,eAElCU,EAAiBC,EAAAA,GAAcC,OACjC,CAEUC,iBAAAA,CACR1C,EACAI,GAEA,MAAM,WAAEC,GAAeN,MACjB,gBAAEE,GAAoBD,EACtB2C,EAAe1C,EAAgBY,cAErC,IAAK8B,EAEH,YADAC,EAAAA,EAAAA,IAAc,0CAIhB,MAAMC,EAAc9C,KAAKU,YAAYkB,IAAImB,OACzC,IAAKD,EAEH,YADAD,EAAAA,EAAAA,IAAc,yCAIhB,IAAIG,EAAW3C,GAAY4C,MAAQ/C,GAAiBgD,UAKpD,GAHKF,GAAY9C,EAAgBC,cAAgBgD,EAAAA,GAAWC,iBAC1DJ,GAAWK,EAAAA,EAAAA,IAAmB/C,EAAY,wCAEvC0C,EAEH,YADAH,EAAAA,EAAAA,IAAc,sCAIhB,MAAMS,EAActD,KAAKI,UAAUH,EAAQI,IAEzCkD,OAASC,MAAOD,GAChBE,UAAYD,MAAOE,IACjBJ,EAGEK,EAA2D,MAAhCzD,EAAgB0D,YAC3CC,EAAoD,CACxDf,aAAagB,EAAAA,EAAAA,GAAUhB,GACvBF,eACAmB,qBAAsB,CAAC,cAAe,iBAAkB,iBACxDC,6BAA8B,CAAC,iBAC/BC,8BAA+BN,EAC3B,CAAC,QAAS,QAAS,OAAQ,iBAC3B,CAAC,QAAS,SACdO,mBAAmBC,EAAAA,EAAAA,GAAqBvB,GACxCW,MAAO,CACLa,MAAOpB,EAEPqB,OAAQd,IAAUe,EAAAA,EAAkBC,cAAgBb,EAASc,WAAajB,EAAMiB,YAElFjD,UAAWvB,KAAKoB,kBAAaqD,EAAWnB,IAK1C,OAFAoB,EAAAA,EAAAA,IAAc,qCAAsCb,GAE7CA,CACT,EAGF,K,uNCtJA,MAAMc,GAAwBC,EAAAA,EAAAA,IAAS,CAADC,SAAA,GAAAC,SAAAA,GAAA,uBAAAC,OAAAA,CAAAlF,GAAA,MAAAmF,EAAA,KAAAC,QAAApF,GAAA,gBAAAgF,SAAAG,MAAAE,EAAAA,EAAAF,EAAA,EAAAG,YAACA,IAAM,uKAAyBC,YAAAA,CAAAvF,GAAA,MAAAmF,EAAA,KAAAC,QAAApF,GAAA,YAAAgF,SAAAG,IAAA,OAAAG,YAAAtF,GAAAwF,MAAAR,IAAA,KAAAA,SAAAG,IAAA,EAAAH,IAAA,EAAAS,WAAAA,CAAAzF,GAAA,MAAA0F,EAAA,KAAAN,QAAApF,GAAA,OAAA2F,EAAAD,EAAA,EAAAN,OAAAA,GAAA,eAAE,CACtEQ,KAAK,IAGDC,EAASA,EACbC,UACAC,kBAMEC,EAAAA,EAAAA,GAAA,UACEN,GAAG,gBACHO,KAAK,SACL,cAAY,gBACZC,IAAK,CAACC,EAAAA,EAAO/F,QAAQgG,EAAAA,EAAAA,GAAaL,GAAaM,SAC/CP,QAASA,IAKFQ,EAAkBhE,IAC7B,MAAMzB,GAAa0F,EAAAA,EAAAA,KACbtE,GAAiBuE,EAAAA,EAAAA,MACjB/F,GAAagG,EAAAA,EAAAA,KACbC,GAAiBC,EAAAA,EAAAA,MACjB,mBAAE3E,EAAkB,iBAAEW,EAAgB,oBAAEiE,GAAwB3E,GAChE,aACJc,EAAY,cACZX,EAAa,WACbG,EAAU,oBACVsE,EAAmB,SACnBxE,EAAQ,gBACRyE,EAAe,YACff,EAAW,eACXgB,GACEzE,EACE5B,EAAgBG,GAAYmG,oBAC5BC,EAAmBpG,GAAYoG,iBAC/BC,EAAoBrG,GAAYqG,kBAChCC,GAAiBC,EAAAA,EAAAA,IAAkB3G,EAAYsC,GAC/C1C,GAAkBgH,EAAAA,EAAAA,UAAQ,KAC9B,MAAMC,GAA0BC,EAAAA,EAAAA,IAAyB7G,EAAc8G,gBAMvE,OALwBC,EAAAA,EAAAA,IACtBR,EACAK,EACAJ,EAEoB,GACrB,CAACxG,EAAeuG,EAAkBC,IAuDrC,OARAQ,EAAAA,EAAAA,YACE,KACEZ,KAAkB,EAAK,GAGzB,KAGKd,EAAAA,EAAAA,GAACH,EAAM,CAACC,QArDe6B,KAC5B,MAAMC,GAAiBC,EAAAA,EAAAA,GACrBzF,EAAcK,QACdF,EACA4E,EACAN,EAAoBpE,QACpBpC,GAWF,GATAuG,EAAoBgB,IACpBE,EAAAA,EAAAA,IAAY,IACP9F,MACA+F,EAAAA,EAAAA,GAAgBhB,GACnB1E,WACA2F,UAAW,0BACXC,eAAgBL,EAAeM,YAAc,CAAC,EAAIN,KAG/CA,EAAeM,YAElB,YADAlF,EAAAA,EAAAA,IAAc,sCAGhBL,EAAiB,IAEjB,MAYMwF,EAZkB,IAAItI,EAAAA,EAAe,CACzCgB,aACA6F,iBACAzE,iBACA7B,OAAQ,CACNC,kBACAK,iBAEF4B,cACA7B,eAGsCkH,wBAEnCQ,EAKLA,EAAgBC,SAJdpF,EAAAA,EAAAA,IAAc,qDAIO,EAWsB+C,YAAaA,GAAe,EAmB7E,IAhBiC/F,IAC/B,MAAM,UAAEqI,IAAcC,EAAAA,EAAAA,OAChB,YAAEvC,GAAgB/F,EAExB,OAAIqI,GACKrC,EAAAA,EAAAA,GAAClB,EAAqB,CAACiB,YAAaA,IAIxCwC,EAAAA,GAAQC,iBAINxC,EAAAA,EAAAA,GAACM,EAAc,IAAKtG,IAHlB,IAG2B,C,uEC7I/B,MAAMoG,EAAgBC,GAAoBH,EAAAA,EAAG;YACxCG,EAAS,GAAGA,MAAa;EAG/BN,EAAcG,EAAAA,EAAG;;;;;EAOjBC,EAAS,CACb/F,OAAQ8F,EAAAA,EAAG;MACPH;;;IAIJ0C,gBAAiBvC,EAAAA,EAAG;MAChBH;;;;;;;;;IAUJ2C,aAAcxC,EAAAA,EAAG;;;;;;KASnB,K,mJCnCA,IAAkByC,QAAQ,CAAC,MACzBC,EAAAA,EAAAA,IAAA,OACEC,MAAM,MACNxC,OAAO,KACPyC,QAAQ,aACRC,KAAK,OACLC,MAAM,6BACNL,MAAOA,EAAMM,SAAA,EAEbL,EAAAA,EAAAA,IAAA,KAAGM,SAAS,2BAA0BD,SAAA,EACpCjD,EAAAA,EAAAA,GAAA,QAAMmD,EAAE,IAAIC,EAAE,MAAMP,MAAM,KAAKxC,OAAO,KAAK0C,KAAK,WAChD/C,EAAAA,EAAAA,GAAA,QAAMmD,EAAE,IAAIC,EAAE,MAAMP,MAAM,KAAKxC,OAAO,KAAK0C,KAAK,sCAChD/C,EAAAA,EAAAA,GAAA,QAAMmD,EAAE,IAAIC,EAAE,MAAMP,MAAM,KAAKxC,OAAO,KAAK0C,KAAK,sCAChDH,EAAAA,EAAAA,IAAA,KAAGM,SAAS,2BAA0BD,SAAA,EACpCjD,EAAAA,EAAAA,GAAA,QACEqD,EAAE,04MACFN,KAAK,aAEP/C,EAAAA,EAAAA,GAAA,QACEqD,EAAE,6PACFN,KAAK,aAEP/C,EAAAA,EAAAA,GAAA,QAAMqD,EAAE,0DAA0DN,KAAK,aACvE/C,EAAAA,EAAAA,GAAA,QACEqD,EAAE,mTACFN,KAAK,aAEP/C,EAAAA,EAAAA,GAAA,QACEqD,EAAE,uSACFN,KAAK,mBAIXH,EAAAA,EAAAA,IAAA,KAAGM,SAAS,2BAA0BD,SAAA,EACpCjD,EAAAA,EAAAA,GAAA,QAAMmD,EAAE,KAAKC,EAAE,MAAMP,MAAM,KAAKxC,OAAO,KAAK0C,KAAK,aACjD/C,EAAAA,EAAAA,GAAA,QACEsD,SAAS,UACTC,SAAS,UACTF,EAAE,+kCACFN,KAAK,cAGT/C,EAAAA,EAAAA,GAAA,QACEqD,EAAE,ynFACFN,KAAK,aAEPH,EAAAA,EAAAA,IAAA,QAAAK,SAAA,EACEL,EAAAA,EAAAA,IAAA,kBACElD,GAAG,6BACH8D,GAAG,IACHC,GAAG,UACHC,GAAG,UACHC,GAAG,UACHC,cAAc,iBAAgBX,SAAA,EAE9BjD,EAAAA,EAAAA,GAAA,QAAM6D,OAAO,WAAWC,UAAU,WAClC9D,EAAAA,EAAAA,GAAA,QAAM6D,OAAO,WAAWC,UAAU,aAClC9D,EAAAA,EAAAA,GAAA,QAAM6D,OAAO,IAAIC,UAAU,gBAE7BlB,EAAAA,EAAAA,IAAA,kBACElD,GAAG,6BACHqE,GAAG,IACHC,GAAG,IACHC,EAAE,IACFL,cAAc,iBACdM,kBAAkB,8DAA6DjB,SAAA,EAE/EjD,EAAAA,EAAAA,GAAA,QAAM8D,UAAU,WAChB9D,EAAAA,EAAAA,GAAA,QAAM6D,OAAO,IAAIC,UAAU,gBAE7B9D,EAAAA,EAAAA,GAAA,YAAUN,GAAG,qBAAoBuD,UAC/BjD,EAAAA,EAAAA,GAAA,QAAMmD,EAAE,IAAIC,EAAE,MAAMP,MAAM,KAAKxC,OAAO,KAAK8D,GAAG,IAAIpB,KAAK,aAEzD/C,EAAAA,EAAAA,GAAA,YAAUN,GAAG,qBAAoBuD,UAC/BjD,EAAAA,EAAAA,GAAA,QAAM6C,MAAM,UAAUxC,OAAO,SAAS0C,KAAK,QAAQqB,UAAU,iCAE/DpE,EAAAA,EAAAA,GAAA,YAAUN,GAAG,qBAAoBuD,UAC/BjD,EAAAA,EAAAA,GAAA,QAAMmD,EAAE,KAAKC,EAAE,MAAMP,MAAM,KAAKxC,OAAO,KAAK8D,GAAG,IAAIpB,KAAK,kB,yHC7EhE,MAAM,kBACJsB,EAAiB,yBACjBC,EAAwB,iCACxBC,EAAgC,oCAChCC,EAAmC,cACnCC,EAAa,WACbC,EAAU,WACVC,EAAU,WACVC,EAAU,WACVC,GACDC,EAAAA,EAEKC,EAAiB7E,EAAAA,EAAG;;;;mBAIPmE;YACPC;kBACME;;;;;;;EAmGlB,MA1Fe,CACbQ,UAAW,CACT5H,KAAM8C,EAAAA,EAAG;;;;;;MAOT3B,MAAO2B,EAAAA,EAAG;;;;;;;;;;;MAYV+E,KAAM/E,EAAAA,EAAG;;sBAESwE;;MAGlBQ,QAAShF,EAAAA,EAAG;;OAIdiF,eAAgBjF,EAAAA,EAAG;aACRuE;IAEXW,WAAY,CACVC,SAAUnF,EAAAA,EAAG;QACT6E;8BACsBO,EAAAA,EAAeD;;;MAIzCE,KAAMrF,EAAAA,EAAG;QACL6E;;;;MAKJS,SAAUtF,EAAAA,EAAG;QACT6E;8BACsBO,EAAAA,EAAeE;MAEzCC,MAAOvF,EAAAA,EAAG;QACN6E;8BACsBO,EAAAA,EAAeG;OAG3CC,eAAgB,CACdC,UAAWzF,EAAAA,EAAG;;;gBAGF2E,OAAgBD;MAE5BgB,QAAS1F,EAAAA,EAAG;;0BAEUsE;;MAGtBqB,KAAM3F,EAAAA,EAAG;;kBAEKyE;eACHJ;OAGbuB,0BAA2B5F,EAAAA,EAAG;;IAG9B6F,8BAA+B7F,EAAAA,EAAG;;IAGlC8F,gCAAiC9F,EAAAA,EAAG;;IAGpC+F,8BAA+B/F,EAAAA,EAAG;kBAClBwE;IAEhBwB,iBAAkBhG,EAAAA,EAAG;;;KCjGvB,MAAMiG,EAAiB,cAGjBC,EAAiBA,KACrB,MAAM3L,GAAagG,EAAAA,EAAAA,KACnB,OACEmC,EAAAA,EAAAA,IAAA,OAAK,cAAY,mBAAmB1C,IAAKC,EAAOuF,eAAeC,UAAU1C,SAAA,EACvEjD,EAAAA,EAAAA,GAAAqG,EAAAA,EAAA,CAASnG,IAAKC,EAAOuF,eAAeE,QAAS,oBAC7C5F,EAAAA,EAAAA,GAAA,UAAQN,GAAIyG,EAAelD,UACzBjD,EAAAA,EAAAA,GAAAsG,EAAAA,GAAA,CAAapG,IAAKC,EAAOuF,eAAeG,KAAK5C,UAC1CzF,EAAAA,EAAAA,IAAmB/C,EAAY,wCAGpCuF,EAAAA,EAAAA,GAAAqG,EAAAA,EAAA,CAASnG,IAAKC,EAAOuF,eAAeE,QAAS,qBACzC,EAIJW,EAA0BA,EAAGC,oBACjC,MAAM/L,GAAagG,EAAAA,EAAAA,KACbgG,EAAsBD,IAAkBE,EAAAA,GAAQC,KAEhDC,GACJ5G,EAAAA,EAAAA,GAAA,OAAKE,IAAKC,EAAOiF,WAAWoB,GAAwDvD,SACjFwD,IACCzG,EAAAA,EAAAA,GAAA6G,EAAAA,IAAA,CAAgB3G,IAAKC,EAAOgF,eAAgB2B,MAAM,0BAKxD,OACElE,EAAAA,EAAAA,IAAA,OAAK,cAAa,eAAe4D,IAAiBtG,IAAKC,EAAO6E,UAAU5H,KAAK6F,SAAA,CAC1E2D,GACD5G,EAAAA,EAAAA,GAAA+G,EAAAA,GAAA,CAAU7G,IAAKC,EAAO6E,UAAUC,KAAKhC,UAClCzF,EAAAA,EAAAA,IAAmB/C,EAAY,yBAAyB+L,OAE1DC,IACCzG,EAAAA,EAAAA,GAAA,OAAKE,IAAKC,EAAO6E,UAAUE,QAAQjC,UACjCjD,EAAAA,EAAAA,GAACgH,EAAoB,CAACrE,MAAO,CAAEsE,QAAS,eAGxC,EA8GV,MA1GkBC,EAChB/K,aACAD,iBACAiL,kBACAC,yBACAC,oBACAvG,kBACAwG,oBACAC,mBACAC,gCAKA,MAAM,UAAEnF,IAAcC,EAAAA,EAAAA,OAChB,mBAAEtG,IAAuBwE,EAAAA,EAAAA,OACxBiH,EAAeC,IAAuBC,EAAAA,EAAAA,UAAS,IAEtD,OACE/E,EAAAA,EAAAA,IAAAgF,EAAAA,GAAA,CAAA3E,SAAA,EACEjD,EAAAA,EAAAA,GAAC6H,EAAAA,EAAW,IACNT,EACJU,cAAepB,EAAAA,GAAQqB,OACvBjH,gBAAiBA,KACfA,GAAgB,GAChBwG,EAAkB,SAAS,IAGH,IAA3BH,EAAgBa,SACfhI,EAAAA,EAAAA,GAAA,OAAKE,IAAKC,EAAO8F,8BAA8BhD,UAC7CjD,EAAAA,EAAAA,GAAC6H,EAAAA,EAAW,IACNT,EACJU,cAAeX,EAAgB,GAC/BrG,gBAAiBA,KACfwG,EAAkBH,EAAgB,IAClCI,GAAiB,EAAK,MAK7BJ,EAAgBa,OAAS,IACxBpF,EAAAA,EAAAA,IAAA,YAAU,kBAAiBuD,EAAgBjG,IAAKC,EAAO+F,iBAAiBjD,SAAA,EACtEjD,EAAAA,EAAAA,GAACoG,EAAc,IACde,EAAgBc,KAAKC,IACpB,MAAMC,EAAaV,IAAkBS,EACrC,OACEtF,EAAAA,EAAAA,IAAA,OAAAK,SAAA,EACEjD,EAAAA,EAAAA,GAAAoI,EAAAA,GAAA,CACElI,IAAKC,EAAO6E,UAAUzG,MACtBmB,GAAI,SAASwI,IACbG,KA9FW,wBA+FX9J,OAAOyB,EAAAA,EAAAA,GAACuG,EAAuB,CAACC,cAAe0B,IAC/CI,eAAe,iBACfC,QAASJ,EACTK,SAAUA,KACRd,EAAoBQ,GACf7F,IACHP,EAAAA,EAAAA,IAAY,IACP9F,EACHyM,wBAAyBP,EACzB7L,SAAUqM,EAAAA,EACV1G,UAAW,yBAEf,KAGJhC,EAAAA,EAAAA,GAAA,OAAKE,IAAK,EAAEiI,GAAcQ,EAAAA,IAAW1F,SAClCiF,IAAWxB,EAAAA,GAAQkC,UAClB5I,EAAAA,EAAAA,GAAC6I,EAAAA,EAAuB,IAClBxB,EACJnL,eAAgBA,EAChBC,WAAYA,EACZC,cAAegL,EAAuBhL,cACtCoL,0BAA2BA,EAC3B1G,gBAAiBA,KACfwG,EAAkBY,EAAO,KAI7BlI,EAAAA,EAAAA,GAAC6H,EAAAA,EAAW,IACNT,EACJU,cAAeI,EACfpH,gBAAiBA,KACfwG,EAAkBY,EAAO,OAKjClI,EAAAA,EAAAA,GAAAqG,EAAAA,EAAA,CACEnG,IAAK,CACHC,EAAO2F,0BACPqC,EACIhI,EAAO4F,8BACP5F,EAAO6F,iCAEb,qBAjDM,iBAAiBkC,IAmDrB,SAKb,C,4DC9JHY,EAAiBC,E,6EAsBjBC,EAAY,CAAC,UAAW,aAExBC,EAAU,SAAUC,GACtB,IAAIC,EAAUD,EAAKC,QACfC,EAAYF,EAAKE,UACjBC,GAAO,OAAyBH,EAAMF,GAEtCM,GAAS,IAAAC,KAETC,GAAU,IAAAnI,UAAQ,WACpB,OA/BJ,SAAgBiI,GAEd,IAAKG,OAAOC,KAAKJ,GAAQtB,OAEvB,OADA,QAAW,qGACJ,CAAC,EAGV,IAAI2B,EAA2BL,EAAOK,yBAClCjF,EAAa4E,EAAO5E,WACpBJ,EAA2BgF,EAAOhF,yBAClCsF,EAA0BN,EAAOM,wBAKrC,MAAO,CACLC,MAJS,QAAIf,IAAoBA,GAAkB,OAAuB,CAAC,kEAAmE,UAAW,kBAAmB,aAAcxE,EAA0BqF,EAA0BjF,GAK9OyE,SAHY,QAAIJ,IAAqBA,GAAmB,OAAuB,CAAC,4CAA6C,WAAYa,GAK7I,CAYWzJ,CAAOmJ,EAChB,GAAG,CAACA,IAEAQ,EAAS,CAACN,EAAQK,KAAMV,GAAWK,EAAQL,SAC/C,OAAO,OAAI,MAAM,OAAS,CACxBjJ,IAAK4J,EACLV,UAAWA,GACVC,EAAM,CACP,iBAAkB,0BAEtB,C,mFCtCIP,EAAiBC,EAAkBgB,EAAkBC,EAAkBC,EAAkBC,EAAkBC,EAAkBC,EAAkBC,EAAkBC,EAAmBC,EAAmBC,EAAmBC,EAAmBC,EAAmBC,EAAmBC,E,yJACvR,SAASzK,EAAOmJ,GAEd,IAAKG,OAAOC,KAAKJ,GAAQtB,OAEvB,OADA,QAAW,qGACJ,CAAC,EAGV,IAAI6C,EAA6BvB,EAAOuB,2BACpCC,EAA6BxB,EAAOwB,2BACpCxG,EAA2BgF,EAAOhF,yBAClCC,EAAmC+E,EAAO/E,iCAC1CwG,EAA4BzB,EAAOyB,0BACnCC,EAAkC1B,EAAO0B,gCACzCC,EAAoB3B,EAAO2B,kBAC3BC,EAAuB5B,EAAO4B,qBAC9B1G,EAAsC8E,EAAO9E,oCAC7C2G,EAAkB7B,EAAO6B,gBACzBC,EAAqB9B,EAAO8B,mBAC5BzG,EAAa2E,EAAO3E,WACpBD,EAAa4E,EAAO5E,WACpB2G,EAAa/B,EAAO+B,WACpBzG,EAAa0E,EAAO1E,WACpB0G,GAA6B,QAAK,GAAGC,OAAOF,EAAY,OAAOE,OAAO7G,IAEtE8G,GAAc,QAAWlC,GACzBmC,EAAcD,EAAYE,QAC1BC,EAAeH,EAAYG,aAC3BC,EAAeJ,EAAYI,aAG3BC,GADc,QAAWvC,GACCuC,YA4B9B,MAAO,CACLC,gBA1BmB,QAAIhD,IAAoBA,GAAkB,OAAuB,CAAC,4PA2BrFiD,WAzBc,QAAIhD,IAAqBA,GAAmB,OAAuB,CAAC,mEAAoE,4FAA6FrE,GA0BnPsH,iBAzBoB,QAAIjC,IAAqBA,GAAmB,OAAuB,CAAC,wCAAyC,+CAAgD,yBAA0B,WAAY4B,EAAa,CACpO7E,MAAOvC,IACLG,EAAYE,GAwBdqH,yBAvB4B,QAAIjC,IAAqBA,GAAmB,OAAuB,CAAC,0FAA2F,mCAAoCoB,GAwB/Nc,qBAvBwB,QAAIjC,IAAqBA,GAAmB,OAAuB,CAAC,kEAAmE,WAAYtF,GAwB3KwH,YAvBe,QAAIjC,IAAqBA,GAAmB,OAAuB,CAAC,2IAA4I,UAAW,yHAA0H,0CAA2CoB,EAA4BM,IAAgBN,GAwB3bc,oBAvBuB,QAAIjC,IAAqBA,GAAmB,OAAuB,CAAC,0DAA2D,kBAAmB,iBAAkB,kBAAmB,qEAAsE,4BAA6B,0DAA2DU,EAA4BvG,EAA0BE,EAAqC2G,EAAiBA,EAAiBJ,GAwBzesB,yBAvB4B,QAAIjC,IAAqBA,GAAmB,OAAuB,CAAC,yDAA0D,UAAW,WAAYU,EAA4BG,GAwB7MqB,WAvBc,QAAIjC,IAAqBA,GAAmB,OAAuB,CAAC,uDAwBlFkC,OAvBU,QAAIjC,IAAsBA,GAAoB,OAAuB,CAAC,4KAA6K,8BAA+B,mBAAoB,kIAAmI,4FAA6F,kBAAmBY,EAAsBA,EAAsBH,EAA2Bc,EAAYW,mBAAoBxB,GAwB1oByB,gBAvBmB,QAAIlC,IAAsBA,GAAoB,OAAuB,CAAC,+FAAgG,UAAW,kBAAmBO,EAA4BG,GAwBnPyB,iCAvBoC,QAAIlC,IAAsBA,GAAoB,OAAuB,CAAC,6GAwB1GmC,YAvBe,QAAIlC,IAAsBA,GAAoB,OAAuB,CAAC,kCAAmC,oGAAqG,WAAYgB,EAAY,CACrP3E,MAAOvC,IACLK,GAsBFgI,iBArBoB,QAAIlC,IAAsBA,GAAoB,OAAuB,CAAC,wCAAyC,yFAA0Fe,EAAY,CACzO3E,MAAOvC,KAqBPsI,WAnBc,QAAIlC,IAAsBA,GAAoB,OAAuB,CAAC,iCAAkC,yEAA0Ec,EAAY,CAC5M3E,MAAOvC,KAmBPuI,WAjBc,QAAIlC,IAAsBA,GAAoB,OAAuB,CAAC,wCAAyC,wBAAyB,gDAAiD,0CAA2CK,EAAmBrG,EAAYA,GAmBrR,CAEA,IAAIoE,EAAY,CAAC,QAAS,OAAQ,QAAS,KAAM,gBAAiB,aAAc,YAAa,iBAAkB,WAAY,UAAW,aAiBlI+D,EAAiB,SAAU/S,GAC7B,OAAO,OAAI,OAAQ,CACjBkG,IAAKlG,EAAMgT,iBACX,cAAe,OACf,YAAa,SACZ,OAAI,MAAO,CACZlK,QAAS,cACTE,MAAO,6BACP,YAAa,SACZ,OAAI,SAAU,CACfiB,EAAG,KACHD,GAAI,KACJD,GAAI,KACJkJ,YAAa,IACblK,KAAM,eACN,YAAa,UAEjB,EAEImK,GAAQ,IAAAC,aAAW,SAAUjE,EAAMkE,GACrC,IAAI7O,EAAQ2K,EAAK3K,MACb8O,EAAYnE,EAAKb,KACjBA,OAAqB,IAAdgF,GAAuB,UAAaA,EAC3CC,EAAapE,EAAKvL,MAClBA,OAAuB,IAAf2P,EAhCG,SAAU/O,GACzB,MAAqB,iBAAVA,EACFA,EAGF,eACT,CA0BsCgP,CAAWhP,GAAS+O,EACpDE,EAAUtE,EAAKxJ,GACfA,OAAiB,IAAZ8N,EAAqB,SAASjC,OAAOlD,EAAM,KAAKkD,OAAO5N,GAAS6P,EACrEC,EAAqBvE,EAAKwE,cAC1BA,OAAuC,IAAvBD,GAAwCA,EACxDd,EAAazD,EAAKyD,WAClBvD,EAAYF,EAAKE,UACjBd,EAAiBY,EAAKZ,eACtBE,EAAWU,EAAKV,SAChBmF,EAAezE,EAAKX,QACpBA,OAA2B,IAAjBoF,GAAkCA,EAC5Cd,EAAY3D,EAAK2D,UACjBxD,GAAO,OAAyBH,EAAMF,GAEtCM,GAAS,IAAAC,KAETC,GAAU,IAAAnI,UAAQ,WACpB,OAAOlB,EAAOmJ,EAChB,GAAG,CAACA,IAGAsE,EAAa,CACfpF,SAAUA,GAEZoF,EAJsBpF,EAAW,UAAY,kBAIfD,EAC9B,IAhE+B1C,EAAMgI,EAgEjCC,EAAe,CAACtE,EAAQ+C,QAASM,GAAarD,EAAQiD,gBACtDsB,EAA4B,CAACvE,EAAQ4C,qBAAsBS,GAAarD,EAAQ6C,wBAAyBqB,GAAiBlE,EAAQkD,iCACtI,OAAO,OAAI,MAAO,CAChBxM,IAAKsJ,EAAQuC,UACb3C,UAAWA,EACX,iBAAkB,yBACjB,OAAI,SAAS,OAAS,CACvBlJ,IAAK4N,EACL7N,KAAM,QACNoI,KAAMA,EACN1K,MAAOA,EACP+B,GAAIA,EACJ0N,IAAKA,GACJQ,EAAYvE,EAAM,CACnB,YAAa,WACV,OAAI,QAAS,CAChBnJ,IAAKsJ,EAAQ2C,WACb/C,UAAWd,EACX0F,QAAStO,EACT,YAAa,SACZ,OAAI,OAAQ,CACbQ,IAAK6N,EACL,YAAa,SACZ,OAAIhB,EAAgB,CACrBC,iBAAkBxD,EAAQ8C,UAC1B,YAAa,UACV/N,GA1F0BsH,EA0FF8G,EA1FQkB,EA0FIrE,EAAQmD,WAzF1C9G,IAAQ,OAAI,IAAK,CACtB3F,IAAK2N,EACL,YAAa,QACZhI,KAuFL,IAEIoI,EAAc,wCAA+B,KAEjD,SAASC,EAAQC,EAAQC,GAAkB,IAAI1E,EAAOD,OAAOC,KAAKyE,GAAS,GAAI1E,OAAO4E,sBAAuB,CAAE,IAAIC,EAAU7E,OAAO4E,sBAAsBF,GAASC,IAAmBE,EAAUA,EAAQC,QAAO,SAAUC,GAAO,OAAO/E,OAAOgF,yBAAyBN,EAAQK,GAAKE,UAAY,KAAKhF,EAAKiF,KAAKC,MAAMlF,EAAM4E,EAAU,CAAE,OAAO5E,CAAM,CAGpV,IAAImF,EAAkB,SAAU3F,GAC9B,IAAI4F,EAAK5F,EAAK4F,GACV7L,EAAWiG,EAAKjG,SAIhB8L,EAPN,SAAuBC,GAAU,IAAK,IAAIC,EAAI,EAAGA,EAAIC,UAAUlH,OAAQiH,IAAK,CAAE,IAAIE,EAAS,MAAQD,UAAUD,GAAKC,UAAUD,GAAK,CAAC,EAAGA,EAAI,EAAIf,EAAQzE,OAAO0F,IAAS,GAAIC,SAAQ,SAAUjQ,IAAO,OAAgB6P,EAAQ7P,EAAKgQ,EAAOhQ,GAAO,IAAKsK,OAAO4F,0BAA4B5F,OAAO6F,iBAAiBN,EAAQvF,OAAO4F,0BAA0BF,IAAWjB,EAAQzE,OAAO0F,IAASC,SAAQ,SAAUjQ,GAAOsK,OAAO8F,eAAeP,EAAQ7P,EAAKsK,OAAOgF,yBAAyBU,EAAQhQ,GAAO,GAAI,CAAE,OAAO6P,CAAQ,CAOleQ,CAAc,CACjCpG,UAJcF,EAAKE,UAKnBnG,SAAUA,IAJD,OAAyBiG,EAAM+E,IAO1C,OAAoB,gBAAoBa,GAAM,UAAU,OAAS,CAAC,EAAGC,EAAgB,CACnF,YAAa,SAEjB,EAEIU,EAAoB,SAAUvG,GAChC,IAAI2D,EAAY3D,EAAK2D,UACjBF,EAAazD,EAAKyD,WAClB+C,EAAqBxG,EAAKwG,mBAC1BC,EAAQzG,EAAKyG,MACbnG,EAAUN,EAAKM,QAEfoG,GAAiB,OAAI,MAAc,CACrC1P,IAAKsJ,EAAQsD,UACb+C,KAAM,KACNC,KAAM,MACN,aAAcJ,EACd,YAAa,SAEf,OAAO7C,IAAa,OAAI,IAAK,CAC3B3M,IAAKsJ,EAAQqD,UACbnN,GAAIiQ,EACJ,YAAa,QACZC,EAAgB/C,IAAcF,IAAc,OAAI,IAAK,CACtDzM,IAAKsJ,EAAQoD,gBACblN,GAAIiQ,EACJ,YAAa,QACZhD,IAAe,IACpB,EAEIoD,EAAc,oJAAoJ,KAEtK,SAASC,EAAU7B,EAAQC,GAAkB,IAAI1E,EAAOD,OAAOC,KAAKyE,GAAS,GAAI1E,OAAO4E,sBAAuB,CAAE,IAAIC,EAAU7E,OAAO4E,sBAAsBF,GAASC,IAAmBE,EAAUA,EAAQC,QAAO,SAAUC,GAAO,OAAO/E,OAAOgF,yBAAyBN,EAAQK,GAAKE,UAAY,KAAKhF,EAAKiF,KAAKC,MAAMlF,EAAM4E,EAAU,CAAE,OAAO5E,CAAM,CAEtV,SAASuG,EAAgBjB,GAAU,IAAK,IAAIC,EAAI,EAAGA,EAAIC,UAAUlH,OAAQiH,IAAK,CAAE,IAAIE,EAAS,MAAQD,UAAUD,GAAKC,UAAUD,GAAK,CAAC,EAAGA,EAAI,EAAIe,EAAUvG,OAAO0F,IAAS,GAAIC,SAAQ,SAAUjQ,IAAO,OAAgB6P,EAAQ7P,EAAKgQ,EAAOhQ,GAAO,IAAKsK,OAAO4F,0BAA4B5F,OAAO6F,iBAAiBN,EAAQvF,OAAO4F,0BAA0BF,IAAWa,EAAUvG,OAAO0F,IAASC,SAAQ,SAAUjQ,GAAOsK,OAAO8F,eAAeP,EAAQ7P,EAAKsK,OAAOgF,yBAAyBU,EAAQhQ,GAAO,GAAI,CAAE,OAAO6P,CAAQ,CAE/f,IAAIkB,EAAc,SAAUhH,GAC1B,IAsCmCiH,EAAaC,EAAeC,EAAcC,EAtCzElH,EAAYF,EAAKE,UACjBmH,EAAsBrH,EAAKqH,oBAC3B1D,EAAY3D,EAAK2D,UACjB2D,EAAwBtH,EAAKwG,mBAC7BA,OAA+C,IAA1Bc,EAAmC,QAAUA,EAClE7D,EAAazD,EAAKyD,WAClBjN,EAAKwJ,EAAKxJ,GACVnB,EAAQ2K,EAAK3K,MACb8O,EAAYnE,EAAKb,KACjBA,OAAqB,IAAdgF,EAAuB,cAAgBA,EAC9CC,EAAapE,EAAKvL,MAClBA,OAAuB,IAAf2P,EAAwB,GAAKA,EACrCmD,EAAOvH,EAAKuH,KACZC,EAAexH,EAAKpO,QACpBA,OAA2B,IAAjB4V,EAA0B,GAAKA,EACzClI,EAAWU,EAAKV,SAChBa,GAAO,OAAyBH,EAAM6G,GAEtCzG,GAAS,IAAAC,KAETC,GAAU,IAAAnI,UAAQ,WACpB,OAAOlB,EAAOmJ,EAChB,GAAG,CAACA,IAEAqH,EAAUjR,QAA+BA,GAAK,QAAS,iBACvDiQ,EAAQ,WAAWpE,OAAOoF,GAC1BC,EAAwB,CAACpH,EAAQwC,gBAAiByE,GAAQjH,EAAQyC,yBACtE,OACE,OAAI,YAAY,OAAS,CACvB/L,IAAKsJ,EAAQsC,eACb1C,UAAWA,EACX,iBAAkB,wBACjBC,IAAO,OAAIwF,EAAiB,CAC7B3O,IAAK0Q,EACL,YAAa,QACZrS,EAAOkS,IAAQ,OAAI,OAAQ,CAC5BvQ,IAAKsJ,EAAQ0C,oBACb,YAAa,QACZuE,KAA2CL,EA2BnC/H,EA3BkDgI,EA2B5C1S,EA3B0D2S,EA2BnD9H,EA1BK,KADI2H,EA2B/BrV,GA1BgBkN,QACP,OAAI,IAAK,CACd,YAAa,QACZ,eAGEmI,EAAYlI,KAAI,SAAU4I,EAAWC,GAC1C,IAAIC,EAAkBT,EAAgB,UAAY,iBAE9CU,EAAaf,EAAgBA,EAAgB,CAAC,EAAGY,GAAY,CAAC,EAAG,CACnEvI,eAAgBiI,IAOlB,OAJIF,IAAiBQ,EAAUlT,QAC7BqT,EAAWD,IAAmB,IAGzB,OAAI7D,GAAO,OAAS,CACzB/N,IAAK,YAAYoM,OAAOuF,GACxBzI,KAAM+H,EACN5H,SAAU8H,EACVzD,UAAWA,GACVmE,EAAY3H,EAAM,CACnB,YAAa,SAEjB,MACiC,OAAIoG,EAAmB,CACxD5C,UAAWA,EACXF,WAAYA,EACZ+C,mBAAoBA,EACpBC,MAAOA,EACPnG,QAASA,EACT,YAAa,SAGnB,C","sources":["webpack://nocodenodeweb/./src/client/components/ButtonsStack/ApplePayButton/SessionHandlers/BuyNowApplePay.ts","webpack://nocodenodeweb/./src/client/components/ButtonsStack/ApplePayButton/index.tsx","webpack://nocodenodeweb/./src/client/components/ButtonsStack/ApplePayButton/styles.ts","webpack://nocodenodeweb/./src/client/assets/PaywallIssuerCardArt.tsx","webpack://nocodenodeweb/./src/client/components/ButtonsStack/PaywallHostedButtons/WithRadio/styles.ts","webpack://nocodenodeweb/./src/client/components/ButtonsStack/PaywallHostedButtons/WithRadio/index.tsx","webpack://nocodenodeweb/./node_modules/@paypalcorp/pp-react-divider/dist/@paypalcorp/pp-react-divider.esm.js","webpack://nocodenodeweb/./node_modules/@paypalcorp/pp-react-radio/dist/@paypalcorp/pp-react-radio.esm.js"],"sourcesContent":["import getPaymentTotalFields, { PaymentTotalFields } from '@client/helpers/getPaymentTotalFields';\nimport {\n  FieldValueContent,\n  HostedButtonDetails,\n  OrderShipping,\n  UserInputsType\n} from '@client/typings/Common';\nimport { getFeatureFlags } from '@client/helpers/ucpConfig';\nimport { ShippingPreference } from '@client/components/buttons/types';\nimport { generateOptions } from '@client/components/FormFields/helpers';\nimport { logInfoClient, logWarnClient } from '@client/utils/beaverLogger';\nimport { getLocalizedString } from '@client/utils/localeHelper';\nimport { ButtonType, CaptureStatus } from '@client/utils/constants';\nimport { BaseApplePayHandler, BaseApplePayHandlerProps } from './BaseApplePayHandler';\nimport { getOrderShippingLineItems, getTotalFieldLineItems } from '../getLineItems';\nimport getSupportedNetworks from '../getSupportedNetworks';\nimport { mapC2ToCN } from '../utils';\nimport { ApplePayCreateOrderInput } from '../apiHelpers';\n\ntype BuyNowButton = {\n  buttonVariables: Record<string, string | undefined>;\n  buttonDetails: HostedButtonDetails;\n};\n\nclass BuyNowApplePay extends BaseApplePayHandler<BuyNowButton> {\n  // eslint-disable-next-line no-useless-constructor\n  constructor(props: BaseApplePayHandlerProps<BuyNowButton>) {\n    super(props);\n  }\n\n  protected getButtonType(): string | undefined {\n    return this.button?.buttonVariables?.button_type;\n  }\n\n  protected getTotals<PaymentTotalFields>(\n    button: BuyNowButton,\n    userInputs?: UserInputsType\n  ): PaymentTotalFields {\n    const { worldReady } = this;\n    const { buttonDetails, buttonVariables } = button;\n\n    const featureFlags = getFeatureFlags(this.appContext);\n    const options = generateOptions(\n      buttonDetails?.option_details,\n      buttonVariables.currency_code,\n      worldReady\n    );\n\n    return getPaymentTotalFields(\n      buttonVariables,\n      userInputs,\n      options,\n      featureFlags\n    ) as PaymentTotalFields;\n  }\n\n  // eslint-disable-next-line class-methods-use-this\n  protected isShippingFromProfile(button: BuyNowButton): boolean {\n    const { buttonVariables } = button;\n    const { shipping_preference } = buttonVariables;\n    return shipping_preference === ShippingPreference.FromProfile;\n  }\n\n  protected getLineItems(\n    orderShipping?: OrderShipping,\n    totals?: PaymentTotalFields\n  ): ApplePayJS.ApplePayLineItem[] {\n    const { worldReady } = this;\n    let lineItems: ApplePayJS.ApplePayLineItem[] = [];\n\n    if (orderShipping) {\n      lineItems = getOrderShippingLineItems(worldReady, orderShipping);\n    } else if (totals) {\n      lineItems = getTotalFieldLineItems(worldReady, totals);\n    }\n\n    return lineItems;\n  }\n\n  protected getCreateOrderInput(): ApplePayCreateOrderInput {\n    const csrfToken = this.appContext?.app.csrfToken;\n    const { fptiAdditionalTags } = this.paymentContext;\n    const { hostedButtonId, merchantId, userInputsRef, pageName } = this.buttonProps;\n    const buttonType = this.getButtonType();\n\n    if (!buttonType) {\n      throw Error('Missing button_type');\n    }\n    if (!csrfToken) {\n      throw Error('Missing csrfToken');\n    }\n    if (!merchantId) {\n      throw Error('Missing merchantId');\n    }\n\n    return {\n      csrfToken,\n      hostedButtonId,\n      merchantId,\n      userInputs: userInputsRef.current,\n      buttonType,\n      fptiAdditionalTags,\n      pageName\n    };\n  }\n\n  protected handleCreateOrderError(): void {\n    const { setCaptureStatus } = this.paymentContext;\n\n    setCaptureStatus(CaptureStatus.FAILED);\n  }\n\n  protected getPaymentRequest(\n    button: BuyNowButton,\n    userInputs?: UserInputsType\n  ): ApplePayJS.ApplePayPaymentRequest | undefined {\n    const { worldReady } = this;\n    const { buttonVariables } = button;\n    const currencyCode = buttonVariables.currency_code;\n\n    if (!currencyCode) {\n      logWarnClient('getPaymentRequest-Missing currencyCode');\n      return;\n    }\n\n    const countryCode = this.appContext?.app.region;\n    if (!countryCode) {\n      logWarnClient('getPaymentRequest-Missing countryCode');\n      return;\n    }\n\n    let itemName = userInputs?.item || buttonVariables?.item_name;\n    // for customer defined buttons, item name might be missing, add a default text here\n    if (!itemName && buttonVariables.button_type === ButtonType.VARIABLE_PRICE) {\n      itemName = getLocalizedString(worldReady, 'details.fields.customerDefinedItem');\n    }\n    if (!itemName) {\n      logWarnClient('getPaymentRequest-Missing itemName');\n      return;\n    }\n\n    const totalFields = this.getTotals(button, userInputs) as PaymentTotalFields;\n    const {\n      total: { value: total },\n      subtotal: { value: subTotal }\n    } = totalFields;\n\n    // TODO: Check for merchant country and determineSupportedNetworks can be moved over to the server side.\n    const isCollectShippingAddress = buttonVariables.no_shipping !== '1';\n    const paymentRequest: ApplePayJS.ApplePayPaymentRequest = {\n      countryCode: mapC2ToCN(countryCode),\n      currencyCode,\n      merchantCapabilities: ['supports3DS', 'supportsCredit', 'supportsDebit'],\n      requiredBillingContactFields: ['postalAddress'],\n      requiredShippingContactFields: isCollectShippingAddress\n        ? ['phone', 'email', 'name', 'postalAddress']\n        : ['phone', 'email'],\n      supportedNetworks: getSupportedNetworks(currencyCode),\n      total: {\n        label: itemName,\n        // Must be a stringified number\n        amount: total === FieldValueContent.EstimateLater ? subTotal.toString() : total.toString()\n      },\n      lineItems: this.getLineItems(undefined, totalFields)\n    };\n\n    logInfoClient('getPaymentRequest - paymentRequest', paymentRequest);\n\n    return paymentRequest;\n  }\n}\n\nexport default BuyNowApplePay;\n","import React, { useMemo, useEffect, MouseEventHandler } from 'react';\nimport loadable from '@loadable/component';\nimport type {\n  HostedButtonDetails as HostedButtonDetailsType,\n  SDKButtonStyle\n} from '@client/typings/Common';\nimport { recordClick } from '@common/analytics';\nimport { validateForm } from '@components/payment/validation';\nimport { useAppContext } from '@client/contexts/AppContext';\nimport { logWarnClient } from '@client/utils/beaverLogger';\nimport { transformButtonVariables } from '@client/utils/utils';\nimport { getButtonVariablesFromMerchantSettings } from '@components/Settings/utils';\nimport { getCurrencyConfig } from '@client/utils/localeHelper';\nimport { useWorldReadyContext } from '@client/contexts/WorldReadyContext';\nimport { usePaymentContext } from '@client/contexts/PaymentContext';\nimport { usePreviewContext } from '@client/contexts/PreviewContext';\nimport useApplePay from './useApplePay';\nimport styles, { buttonHeight } from './styles';\nimport { ApplePayButtonContainerProps } from './types';\nimport BuyNowApplePay from './SessionHandlers/BuyNowApplePay';\nimport { getViewCartTags } from '../PaywallHostedButtons/utils';\n\nconst LoadablePreviewButton = loadable(() => import('./PreviewButton'), {\n  ssr: false\n});\n\nconst Button = ({\n  onClick,\n  buttonStyle\n}: {\n  onClick: MouseEventHandler<HTMLButtonElement>;\n  buttonStyle: SDKButtonStyle;\n}) => {\n  return (\n    <button\n      id=\"apple-pay-btn\"\n      type=\"button\"\n      data-testid=\"apple-pay-btn\"\n      css={[styles.button, buttonHeight(buttonStyle?.height)]}\n      onClick={onClick}\n    />\n  );\n};\n\nexport const ApplePayButton = (buttonProps: ApplePayButtonContainerProps) => {\n  const appContext = useAppContext();\n  const paymentContext = usePaymentContext();\n  const worldReady = useWorldReadyContext();\n  const sessionContext = useApplePay();\n  const { fptiAdditionalTags, setCaptureStatus, setFormErrorMessage } = paymentContext;\n  const {\n    currencyCode,\n    userInputsRef,\n    buttonType,\n    formErrorMessageRef,\n    pageName,\n    setInitComplete,\n    buttonStyle,\n    cartDetailsRef\n  } = buttonProps;\n  const buttonDetails = appContext?.hostedButtonDetails as HostedButtonDetailsType;\n  const merchantSettings = appContext?.merchantSettings;\n  const isSettingsEnabled = appContext?.isSettingsEnabled;\n  const currencyConfig = getCurrencyConfig(worldReady, currencyCode);\n  const buttonVariables = useMemo(() => {\n    const originalButtonVariables = transformButtonVariables(buttonDetails.link_variables);\n    const buttonVariables = getButtonVariablesFromMerchantSettings(\n      merchantSettings,\n      originalButtonVariables,\n      isSettingsEnabled\n    );\n    return buttonVariables;\n  }, [buttonDetails, merchantSettings, isSettingsEnabled]);\n\n  const createApplePaySession = () => {\n    const formValidation = validateForm(\n      userInputsRef.current,\n      buttonType,\n      currencyConfig,\n      formErrorMessageRef.current,\n      buttonVariables\n    );\n    setFormErrorMessage(formValidation);\n    recordClick({\n      ...fptiAdditionalTags,\n      ...getViewCartTags(cartDetailsRef),\n      pageName,\n      eventName: 'applepay_button_clicked',\n      int_error_desc: formValidation.isFormValid ? {} : formValidation\n    });\n\n    if (!formValidation.isFormValid) {\n      logWarnClient('createApplePaySession-Invalid form');\n      return;\n    }\n    setCaptureStatus('');\n\n    const sessionHandlers = new BuyNowApplePay({\n      appContext,\n      sessionContext,\n      paymentContext,\n      button: {\n        buttonVariables,\n        buttonDetails\n      },\n      buttonProps,\n      worldReady\n    });\n\n    const applePaySession = sessionHandlers.createApplePaySession();\n\n    if (!applePaySession) {\n      logWarnClient('createApplePaySession-applePaySession is undefined');\n      return;\n    }\n\n    applePaySession.begin();\n  };\n\n  useEffect(\n    () => {\n      setInitComplete?.(true);\n    },\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    []\n  );\n\n  return <Button onClick={createApplePaySession} buttonStyle={buttonStyle} />;\n};\n\nconst ApplePayButtonContainer = (props: ApplePayButtonContainerProps) => {\n  const { isPreview } = usePreviewContext();\n  const { buttonStyle } = props;\n\n  if (isPreview) {\n    return <LoadablePreviewButton buttonStyle={buttonStyle} />;\n  }\n\n  // @ts-expect-error use global for both server and client side compatibility\n  if (!global?.ApplePaySession) {\n    return null;\n  }\n\n  return <ApplePayButton {...props} />;\n};\n\nexport default ApplePayButtonContainer;\n","import { css } from '@emotion/react';\n\nexport const buttonHeight = (height?: number) => css`\n  height: ${height ? `${height}px` : '2.813rem'};\n`;\n\nconst buttonStyle = css`\n  width: 100%;\n  &:hover {\n    cursor: pointer;\n  }\n`;\n\nconst styles = {\n  button: css`\n    ${buttonStyle}\n    -webkit-appearance: -apple-pay-button;\n    -apple-pay-button-style: black;\n  `,\n  buttonInPreview: css`\n    ${buttonStyle}\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    background-color: black;\n    padding: 0.15625rem 0.375rem;\n    border: 0.125rem solid black;\n    border-radius: 0.25rem;\n    box-sizing: border-box;\n  `,\n  previewModal: css`\n    padding: 1.5rem;\n\n    & > .heading {\n      margin-bottom: 2rem;\n    }\n  `\n};\n\nexport default styles;\n","import React, { CSSProperties } from 'react';\n\n// SVG for Paywall Issuer Card Art came from Adam Greer\n// The \"+more\" will not be translated and product/design want that.\nexport default ({ style = {} }: { style: CSSProperties }) => (\n  <svg\n    width=\"139\"\n    height=\"31\"\n    viewBox=\"0 0 139 31\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    style={style}\n  >\n    <g clipPath=\"url(#clip0_15075_175958)\">\n      <rect x=\"8\" y=\"3.5\" width=\"36\" height=\"24\" fill=\"white\" />\n      <rect x=\"8\" y=\"3.5\" width=\"36\" height=\"24\" fill=\"url(#paint0_linear_15075_175958)\" />\n      <rect x=\"8\" y=\"3.5\" width=\"36\" height=\"24\" fill=\"url(#paint1_radial_15075_175958)\" />\n      <g clipPath=\"url(#clip1_15075_175958)\">\n        <path\n          d=\"M34.2165 21.8845V21.9183H34.2484C34.2543 21.9184 34.2603 21.9169 34.2655 21.914C34.2675 21.9125 34.2692 21.9106 34.2703 21.9083C34.2715 21.9061 34.272 21.9036 34.2719 21.9011C34.272 21.8986 34.2715 21.8962 34.2703 21.894C34.2692 21.8918 34.2675 21.8899 34.2655 21.8885C34.2603 21.8854 34.2544 21.8839 34.2484 21.8842H34.2165V21.8845ZM34.2487 21.8607C34.2624 21.8598 34.2759 21.8637 34.287 21.8716C34.2915 21.8752 34.295 21.8798 34.2973 21.885C34.2997 21.8902 34.3007 21.8958 34.3005 21.9015C34.3007 21.9064 34.2998 21.9112 34.2979 21.9157C34.2961 21.9203 34.2933 21.9244 34.2897 21.9277C34.2811 21.9351 34.2704 21.9395 34.2591 21.9403L34.3018 21.9884H34.2689L34.2295 21.9406H34.2168V21.9884H34.1893V21.8607H34.2491L34.2487 21.8607ZM34.2401 22.0324C34.2546 22.0325 34.2689 22.0297 34.2821 22.024C34.2949 22.0185 34.3065 22.0108 34.3164 22.0011C34.3262 21.9914 34.3341 21.98 34.3395 21.9674C34.3508 21.9406 34.3508 21.9106 34.3395 21.8839C34.334 21.8713 34.3261 21.8598 34.3164 21.8501C34.3065 21.8404 34.2949 21.8327 34.2821 21.8273C34.2688 21.8219 34.2545 21.8192 34.2401 21.8193C34.2255 21.8192 34.211 21.8219 34.1974 21.8273C34.1843 21.8326 34.1724 21.8403 34.1624 21.8501C34.1473 21.8654 34.137 21.8848 34.133 21.9058C34.1289 21.9268 34.1312 21.9485 34.1396 21.9682C34.1448 21.9809 34.1525 21.9923 34.1624 22.0019C34.1725 22.0117 34.1843 22.0195 34.1974 22.0248C34.2109 22.0305 34.2255 22.0334 34.2401 22.0332V22.0324ZM34.2401 21.7886C34.2777 21.7886 34.3138 21.8031 34.3407 21.8291C34.3536 21.8416 34.3639 21.8565 34.3709 21.8729C34.3783 21.8898 34.382 21.9079 34.382 21.9262C34.382 21.9446 34.3783 21.9627 34.3709 21.9796C34.3637 21.9959 34.3534 22.0108 34.3407 22.0234C34.3275 22.0358 34.3123 22.0458 34.2956 22.0529C34.2781 22.0602 34.2592 22.064 34.2401 22.0639C34.2209 22.064 34.2018 22.0603 34.184 22.0529C34.1672 22.0459 34.1517 22.0359 34.1386 22.0234C34.1258 22.0103 34.1157 21.995 34.1088 21.9782C34.1014 21.9613 34.0977 21.9431 34.0977 21.9248C34.0977 21.9065 34.1014 21.8883 34.1088 21.8715C34.1158 21.855 34.1261 21.8402 34.139 21.8277C34.152 21.8149 34.1674 21.8049 34.1845 21.7982C34.2022 21.7908 34.2213 21.7871 34.2406 21.7872L34.2401 21.7886ZM21.1424 21.2958C21.1424 21.0524 21.304 20.8525 21.5683 20.8525C21.8208 20.8525 21.9912 21.0438 21.9912 21.2958C21.9912 21.5477 21.8208 21.739 21.5683 21.739C21.304 21.739 21.1424 21.5391 21.1424 21.2958ZM22.279 21.2958V20.6032H21.9737V20.7719C21.8769 20.6473 21.73 20.5691 21.5303 20.5691C21.1368 20.5691 20.828 20.8734 20.828 21.2961C20.828 21.7188 21.1366 22.0231 21.5303 22.0231C21.7299 22.0231 21.8769 21.9448 21.9737 21.8203V21.9884H22.2787V21.2958H22.279ZM32.5944 21.2958C32.5944 21.0524 32.756 20.8525 33.0204 20.8525C33.2731 20.8525 33.4433 21.0438 33.4433 21.2958C33.4433 21.5477 33.2731 21.739 33.0204 21.739C32.7561 21.739 32.5944 21.5391 32.5944 21.2958ZM33.7314 21.2958V20.0474H33.4258V20.7719C33.329 20.6473 33.1821 20.5691 32.9824 20.5691C32.5889 20.5691 32.2801 20.8734 32.2801 21.2961C32.2801 21.7188 32.5887 22.0231 32.9824 22.0231C33.1821 22.0231 33.329 21.9448 33.4258 21.8203V21.9884H33.7314V21.2958ZM26.0681 20.8382C26.2648 20.8382 26.3911 20.9599 26.4234 21.174H25.6949C25.7275 20.9741 25.8506 20.8382 26.0681 20.8382H26.0681ZM26.0742 20.5683C25.6628 20.5683 25.3749 20.8635 25.3749 21.2953C25.3749 21.7356 25.6743 22.0224 26.0947 22.0224C26.3061 22.0224 26.4998 21.9703 26.6702 21.8284L26.5206 21.6052C26.4029 21.698 26.253 21.7501 26.1121 21.7501C25.9154 21.7501 25.7363 21.6602 25.6922 21.411H26.7347C26.7377 21.3735 26.7407 21.3357 26.7407 21.2953C26.7377 20.8636 26.467 20.5682 26.0741 20.5682L26.0742 20.5683ZM29.7599 21.2953C29.7599 21.0519 29.9216 20.852 30.1858 20.852C30.4384 20.852 30.6087 21.0433 30.6087 21.2953C30.6087 21.5472 30.4384 21.7385 30.1858 21.7385C29.9216 21.7385 29.7599 21.5386 29.7599 21.2953H29.7599ZM30.8965 21.2953V20.6032H30.5914V20.7719C30.4942 20.6473 30.3477 20.5691 30.1479 20.5691C29.7545 20.5691 29.4457 20.8734 29.4457 21.2961C29.4457 21.7188 29.7543 22.0231 30.1479 22.0231C30.3477 22.0231 30.4942 21.9448 30.5914 21.8203V21.9884H30.8966V21.2958L30.8965 21.2953ZM28.0359 21.2953C28.0359 21.7152 28.3324 22.0223 28.7849 22.0223C28.9963 22.0223 29.1372 21.9759 29.2896 21.8572L29.1429 21.6138C29.0283 21.6951 28.908 21.7385 28.7751 21.7385C28.5314 21.7356 28.3522 21.5618 28.3522 21.2953C28.3522 21.0287 28.5314 20.855 28.7751 20.852C28.9076 20.852 29.028 20.8954 29.1429 20.9767L29.2896 20.7333C29.137 20.6146 28.9961 20.5682 28.7849 20.5682C28.3324 20.5682 28.0359 20.8752 28.0359 21.2953ZM31.9716 20.5682C31.7954 20.5682 31.6807 20.6495 31.6014 20.7711V20.6032H31.2989V21.9876H31.6045V21.2116C31.6045 20.9825 31.7043 20.8552 31.9039 20.8552C31.9692 20.8543 32.0341 20.8661 32.0948 20.89L32.1889 20.6063C32.1213 20.58 32.0332 20.5685 31.9714 20.5685L31.9716 20.5682ZM23.7884 20.7133C23.6415 20.6178 23.4391 20.5685 23.2158 20.5685C22.8602 20.5685 22.6312 20.7366 22.6312 21.0117C22.6312 21.2374 22.8017 21.3767 23.1156 21.4201L23.2598 21.4403C23.4272 21.4635 23.5062 21.507 23.5062 21.5852C23.5062 21.6922 23.395 21.7533 23.1862 21.7533C22.9748 21.7533 22.8222 21.6866 22.7193 21.6084L22.5758 21.8432C22.7432 21.9648 22.9547 22.0229 23.1837 22.0229C23.5891 22.0229 23.8241 21.8346 23.8241 21.571C23.8241 21.3276 23.6392 21.2004 23.3336 21.1569L23.1897 21.1363C23.0576 21.1195 22.9517 21.0932 22.9517 21.0004C22.9517 20.8992 23.0515 20.8383 23.219 20.8383C23.3982 20.8383 23.5717 20.905 23.6567 20.957L23.7889 20.7137L23.7884 20.7133ZM27.7275 20.5687C27.5514 20.5687 27.4367 20.65 27.3577 20.7716V20.6032H27.0552V21.9876H27.3605V21.2116C27.3605 20.9825 27.4603 20.8552 27.6599 20.8552C27.7252 20.8543 27.7901 20.8661 27.8508 20.89L27.9449 20.6063C27.8773 20.58 27.7892 20.5685 27.7274 20.5685L27.7275 20.5687ZM25.1223 20.6032H24.6231V20.1833H24.3145V20.6032H24.0297V20.8784H24.3145V21.5099C24.3145 21.8311 24.4409 22.0224 24.8021 22.0224C24.9346 22.0224 25.0872 21.982 25.184 21.9154L25.0958 21.6576C25.0047 21.7097 24.9049 21.7359 24.8255 21.7359C24.6729 21.7359 24.6231 21.6431 24.6231 21.5042V20.8786H25.1223V20.6032ZM20.558 21.9879V21.1191C20.558 20.7919 20.3466 20.5718 20.0057 20.5688C19.8265 20.5659 19.6417 20.6209 19.5122 20.8151C19.4154 20.6616 19.2628 20.5688 19.0483 20.5688C18.8983 20.5688 18.7518 20.6123 18.6371 20.7744V20.6032H18.3315V21.9876H18.6395V21.22C18.6395 20.9797 18.7746 20.852 18.9834 20.852C19.1861 20.852 19.2886 20.9823 19.2886 21.217V21.9874H19.5973V21.2198C19.5973 20.9795 19.7382 20.8518 19.9408 20.8518C20.1493 20.8518 20.2487 20.9821 20.2487 21.2168V21.9873L20.558 21.9879Z\"\n          fill=\"#231F20\"\n        />\n        <path\n          d=\"M34.3909 17.3831V17.1807H34.3374L34.2756 17.3196L34.2141 17.1807H34.1604V17.3831H34.1984V17.2306L34.2562 17.3622H34.2956L34.3534 17.2303V17.3831H34.3911H34.3909ZM34.0517 17.3831V17.2153H34.1202V17.1812H33.9453V17.2153H34.0137V17.3831H34.0514H34.0517Z\"\n          fill=\"#F79410\"\n        />\n        <path d=\"M28.314 18.2512H23.6875V10.0522H28.3141L28.314 18.2512Z\" fill=\"#FF5F00\" />\n        <path\n          d=\"M23.9815 14.1513C23.9815 12.4882 24.7712 11.0067 26.0009 10.0519C25.0701 9.32811 23.9188 8.93529 22.7334 8.93702C19.8133 8.93702 17.4463 11.2715 17.4463 14.1513C17.4463 17.0312 19.8133 19.3657 22.7334 19.3657C23.9188 19.3674 25.0701 18.9746 26.001 18.2508C24.7714 17.2962 23.9815 15.8146 23.9815 14.1513Z\"\n          fill=\"#EB001B\"\n        />\n        <path\n          d=\"M34.5561 14.1518C34.5561 17.0316 32.1891 19.3661 29.269 19.3661C28.0835 19.3679 26.932 18.975 26.001 18.2513C27.231 17.2965 28.0207 15.8151 28.0207 14.1518C28.0207 12.4886 27.231 11.0071 26.001 10.0524C26.932 9.32862 28.0834 8.93581 29.2689 8.93751C32.189 8.93751 34.556 11.272 34.556 14.1518\"\n          fill=\"#F79E1B\"\n        />\n      </g>\n    </g>\n    <g clipPath=\"url(#clip2_15075_175958)\">\n      <rect x=\"48\" y=\"3.5\" width=\"36\" height=\"24\" fill=\"#001C64\" />\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M66.1294 13.5805C66.1163 14.7051 67.1286 15.3316 67.8914 15.7054C68.6751 16.088 68.938 16.3335 68.935 16.6756C68.9292 17.1996 68.3096 17.4305 67.7304 17.4395C66.7188 17.4554 66.1316 17.1653 65.6636 16.9464L65.2993 18.6572C65.7691 18.8737 66.6372 19.0625 67.5371 19.072C69.6514 19.072 71.0339 18.0242 71.0407 16.4007C71.0495 14.3404 68.2017 14.2267 68.2213 13.3061C68.2277 13.0263 68.4932 12.7286 69.0748 12.6521C69.3629 12.6147 70.1581 12.5854 71.0588 13.0016L71.4124 11.3461C70.9278 11.1696 70.3052 11 69.5296 11C67.5407 11 66.1406 12.0612 66.1294 13.5805ZM74.8124 11.1427C74.4259 11.1427 74.1001 11.3681 73.9557 11.7154L70.9359 18.9499H73.0488L73.4686 17.7835H76.0501L76.2933 18.9499H78.1545L76.5299 11.1427H74.8124ZM75.1071 13.2522L75.7169 16.1836H74.0478L75.1071 13.2522ZM63.5692 11.1427L61.9045 18.9499H63.9169L65.5811 11.1427H63.5692ZM60.5918 11.1427L58.4972 16.4564L57.6499 11.9385C57.5507 11.4341 57.158 11.1427 56.7218 11.1427H53.2974L53.25 11.3691C53.9528 11.5226 54.7516 11.7699 55.2354 12.0335C55.5316 12.195 55.616 12.3358 55.7134 12.7193L57.3179 18.9499H59.4449L62.7054 11.1427H60.5918Z\"\n        fill=\"white\"\n      />\n    </g>\n    <path\n      d=\"M92.0326 18.666C91.8226 18.666 91.7106 18.554 91.7106 18.344V16.062H89.5546C89.3446 16.062 89.2326 15.95 89.2326 15.74V15.166C89.2326 14.956 89.3446 14.844 89.5546 14.844H91.7106V12.576C91.7106 12.366 91.8226 12.254 92.0326 12.254H92.6066C92.8166 12.254 92.9286 12.366 92.9286 12.576V14.844H95.0986C95.3086 14.844 95.4206 14.956 95.4206 15.166V15.74C95.4206 15.95 95.3086 16.062 95.0986 16.062H92.9286V18.344C92.9286 18.554 92.8166 18.666 92.6066 18.666H92.0326ZM97.7053 20.5C97.4953 20.5 97.3833 20.388 97.3833 20.178V13.472C97.3693 13.262 97.4813 13.15 97.6913 13.15H98.4473C98.6573 13.15 98.7693 13.262 98.7693 13.472V14.144C99.1613 13.5 99.8193 12.94 101.079 12.94C102.171 12.94 102.913 13.43 103.291 14.298C103.725 13.668 104.383 12.94 105.825 12.94C107.575 12.94 108.401 14.102 108.401 15.978V20.178C108.401 20.388 108.289 20.5 108.079 20.5H107.295C107.085 20.5 106.973 20.388 106.973 20.178V16.538C106.973 15.04 106.539 14.144 105.377 14.144C104.229 14.144 103.599 15.124 103.599 16.272V20.178C103.599 20.388 103.487 20.5 103.277 20.5H102.493C102.283 20.5 102.171 20.388 102.171 20.178V16.538C102.171 15.054 101.751 14.144 100.575 14.144C99.4273 14.144 98.7973 15.11 98.7973 16.286V20.178C98.7973 20.388 98.6853 20.5 98.4753 20.5H97.7053ZM113.592 20.682C111.24 20.682 109.896 19.086 109.896 16.846C109.896 14.564 111.324 12.954 113.62 12.954C115.902 12.954 117.33 14.564 117.33 16.846C117.33 19.086 115.944 20.682 113.592 20.682ZM113.578 19.506C114.978 19.506 115.776 18.456 115.776 16.832C115.776 15.264 114.964 14.13 113.578 14.13C112.206 14.13 111.394 15.264 111.394 16.832C111.394 18.456 112.192 19.506 113.578 19.506ZM121.815 14.242C120.625 14.242 120.331 15.222 120.331 16.692V20.178C120.331 20.388 120.219 20.5 120.009 20.5H119.239C119.029 20.5 118.917 20.388 118.917 20.178V13.472C118.903 13.262 119.015 13.15 119.225 13.15H119.939C120.149 13.15 120.261 13.262 120.261 13.472V14.088C120.499 13.402 121.213 12.968 122.039 12.968H122.067C122.305 12.968 122.403 13.052 122.403 13.304V13.892C122.403 14.074 122.403 14.27 122.207 14.27C122.095 14.27 121.955 14.242 121.815 14.242ZM126.703 20.682C124.435 20.682 123.021 19.156 123.021 16.86C123.021 14.564 124.491 12.94 126.703 12.94C129.097 12.94 130.203 14.76 130.203 16.734V16.874C130.203 17.084 130.091 17.196 129.881 17.196H124.449C124.505 18.484 125.331 19.506 126.759 19.506C127.655 19.506 128.131 19.128 128.495 18.61C128.593 18.47 128.719 18.4 128.887 18.4H129.657C129.853 18.4 129.965 18.47 129.965 18.582C129.965 18.638 129.937 18.722 129.881 18.834C129.363 19.87 128.327 20.682 126.703 20.682ZM124.505 16.076H128.733C128.607 14.914 127.879 14.088 126.675 14.088C125.527 14.088 124.645 14.844 124.505 16.076Z\"\n      fill=\"#545D68\"\n    />\n    <defs>\n      <linearGradient\n        id=\"paint0_linear_15075_175958\"\n        x1=\"8\"\n        y1=\"4.05556\"\n        x2=\"44.5802\"\n        y2=\"25.6262\"\n        gradientUnits=\"userSpaceOnUse\"\n      >\n        <stop offset=\"0.273366\" stopColor=\"white\" />\n        <stop offset=\"0.777565\" stopColor=\"#F0F0F0\" />\n        <stop offset=\"1\" stopColor=\"#DFDFDF\" />\n      </linearGradient>\n      <radialGradient\n        id=\"paint1_radial_15075_175958\"\n        cx=\"0\"\n        cy=\"0\"\n        r=\"1\"\n        gradientUnits=\"userSpaceOnUse\"\n        gradientTransform=\"translate(25.25 14.7) rotate(87.2475) scale(15.618 23.4331)\"\n      >\n        <stop stopColor=\"white\" />\n        <stop offset=\"1\" stopColor=\"#E9E9E9\" />\n      </radialGradient>\n      <clipPath id=\"clip0_15075_175958\">\n        <rect x=\"8\" y=\"3.5\" width=\"36\" height=\"24\" rx=\"3\" fill=\"white\" />\n      </clipPath>\n      <clipPath id=\"clip1_15075_175958\">\n        <rect width=\"17.1079\" height=\"13.125\" fill=\"white\" transform=\"translate(17.4463 8.9375)\" />\n      </clipPath>\n      <clipPath id=\"clip2_15075_175958\">\n        <rect x=\"48\" y=\"3.5\" width=\"36\" height=\"24\" rx=\"3\" fill=\"white\" />\n      </clipPath>\n    </defs>\n  </svg>\n);\n","import { css } from '@emotion/react';\nimport { PAYPAL_THEME } from '@paypalcorp/pp-react';\nimport { imageLocations } from '../constants';\n\nconst {\n  sysBorderRadiusSm,\n  sysBorderThicknessNormal,\n  sysColorBackgroundMediumContrast,\n  sysColorStructureBorderHighContrast,\n  sysSizeIconSm,\n  sysSpaceMd,\n  sysSpaceSm,\n  sysSpaceXs,\n  sysSpaceLg\n} = PAYPAL_THEME;\n\nconst baseCardStyles = css`\n  background-repeat: no-repeat;\n  background-position: center;\n  background-size: 50%;\n  border-radius: ${sysBorderRadiusSm};\n  border: ${sysBorderThicknessNormal} solid;\n  border-color: ${sysColorStructureBorderHighContrast};\n  width: 2.8125rem;\n  min-width: 2.8125rem;\n  height: 1.875rem;\n  text-align: center;\n  padding: 0;\n  background-image: '';\n`;\n\nconst styles = {\n  radioItem: {\n    item: css`\n      display: flex;\n      flex-wrap: wrap;\n      overflow: hidden;\n      height: 2rem;\n      line-height: 2rem;\n    `,\n    label: css`\n      .fullWidthRadio {\n        width: 100%;\n        vertical-align: middle;\n        box-sizing: border-box;\n\n        & > span {\n          top: 50%;\n          transform: translateY(-50%);\n        }\n      }\n    `,\n    body: css`\n      align-self: center;\n      padding-left: ${sysSpaceMd};\n      white-space: nowrap;\n    `,\n    cardArt: css`\n      margin-left: auto;\n    `\n  },\n  creditCardIcon: css`\n    width: ${sysSizeIconSm};\n  `,\n  cardStyles: {\n    applepay: css`\n      ${baseCardStyles};\n      background-image: url(${imageLocations.applepay});\n      background-size: 100%;\n      border: 0 solid;\n    `,\n    card: css`\n      ${baseCardStyles};\n      display: flex;\n      justify-content: center;\n      align-items: center;\n    `,\n    paylater: css`\n      ${baseCardStyles};\n      background-image: url(${imageLocations.paylater});\n    `,\n    venmo: css`\n      ${baseCardStyles};\n      background-image: url(${imageLocations.venmo});\n    `\n  },\n  payWithDivider: {\n    container: css`\n      display: flex;\n      flex-direction: row;\n      margin: ${sysSpaceLg} 0 ${sysSpaceXs} 0;\n    `,\n    divider: css`\n      flex: 1 0 30%;\n      border-top-color: ${sysColorStructureBorderHighContrast};\n      margin: 0.7rem 0;\n    `,\n    text: css`\n      text-align: center;\n      margin: 0 ${sysSpaceSm};\n      color: ${sysColorBackgroundMediumContrast};\n    `\n  },\n  paymentMethodsDividerBase: css`\n    margin-bottom: 0;\n  `,\n  paymentMethodsDividerSelected: css`\n    margin-top: 0.75rem;\n  `,\n  paymentMethodsDividerUnselected: css`\n    margin-top: 0;\n  `,\n  singleAdditionalFundingMethod: css`\n    margin-top: ${sysSpaceMd};\n  `,\n  radioButtonGroup: css`\n    border: none;\n    padding: 0;\n  `\n};\n\nexport default styles;\n","import React, { useState } from 'react';\nimport { FUNDING } from '@paypal/react-paypal-js';\nimport type { FUNDING_SOURCE } from '@paypal/paypal-js';\nimport { Radio, Divider, CaptionText, CreditCardIcon, BodyText } from '@paypalcorp/pp-react';\nimport { CheckoutPaymentOptionsOtherThanPayPal } from '@components/buttons/types';\nimport PaywallIssuerCardArt from '@client/assets/PaywallIssuerCardArt';\nimport { recordClick } from '@common/analytics';\nimport { useWorldReadyContext } from '@client/contexts/WorldReadyContext';\nimport { usePreviewContext } from '@client/contexts/PreviewContext';\nimport { usePaymentContext } from '@client/contexts/PaymentContext';\nimport { getLocalizedString } from '@client/utils/localeHelper';\nimport { hideStyle } from '@client/components/common/commonStyles';\nimport JSSDKButton from '../../JSSDKButton';\nimport { PaywallButtonProps } from '../../types';\nimport ApplePayButtonContainer from '../../ApplePayButton';\nimport styles from './styles';\nimport { PAGE_NAME } from '../constants';\n\nconst OR_PAY_WITH_ID = 'or-pay-with';\nconst RADIO_BTN_GROUP_NAME = 'Radio-buttons-paywall';\n\nconst PayWithDivider = () => {\n  const worldReady = useWorldReadyContext();\n  return (\n    <div data-testid=\"pay-with-divider\" css={styles.payWithDivider.container}>\n      <Divider css={styles.payWithDivider.divider} aria-hidden />\n      <legend id={OR_PAY_WITH_ID}>\n        <CaptionText css={styles.payWithDivider.text}>\n          {getLocalizedString(worldReady, 'payment.fundingMethod.orPayWith')}\n        </CaptionText>\n      </legend>\n      <Divider css={styles.payWithDivider.divider} aria-hidden />\n    </div>\n  );\n};\n\nconst FundingMethodRadioLabel = ({ fundingMethod }: { fundingMethod: FUNDING_SOURCE }) => {\n  const worldReady = useWorldReadyContext();\n  const isCardFundingMethod = fundingMethod === FUNDING.CARD;\n\n  const radioItemIcon = (\n    <div css={styles.cardStyles[fundingMethod as CheckoutPaymentOptionsOtherThanPayPal]}>\n      {isCardFundingMethod && (\n        <CreditCardIcon css={styles.creditCardIcon} color=\"sysColorPrimaryMain\" />\n      )}\n    </div>\n  );\n\n  return (\n    <div data-testid={`radio-label-${fundingMethod}`} css={styles.radioItem.item}>\n      {radioItemIcon}\n      <BodyText css={styles.radioItem.body}>\n        {getLocalizedString(worldReady, `payment.fundingMethod.${fundingMethod}`)}\n      </BodyText>\n      {isCardFundingMethod && (\n        <div css={styles.radioItem.cardArt}>\n          <PaywallIssuerCardArt style={{ display: 'block' }} />\n        </div>\n      )}\n    </div>\n  );\n};\n\nconst WithRadio = ({\n  merchantId,\n  hostedButtonId,\n  eligibleMethods,\n  commonJSSDKButtonProps,\n  commonButtonProps,\n  setInitComplete,\n  trackButtonLoaded,\n  setRemoveSpinner,\n  shouldUpdateOrderShipping\n}: PaywallButtonProps & {\n  setInitComplete: React.Dispatch<React.SetStateAction<boolean>>;\n  setRemoveSpinner: React.Dispatch<React.SetStateAction<boolean>>;\n}) => {\n  const { isPreview } = usePreviewContext();\n  const { fptiAdditionalTags } = usePaymentContext();\n  const [selectedRadio, updateSelectedRadio] = useState('');\n\n  return (\n    <>\n      <JSSDKButton\n        {...commonJSSDKButtonProps}\n        fundingSource={FUNDING.PAYPAL}\n        setInitComplete={() => {\n          setInitComplete(true);\n          trackButtonLoaded('paypal');\n        }}\n      />\n      {eligibleMethods.length === 1 && (\n        <div css={styles.singleAdditionalFundingMethod}>\n          <JSSDKButton\n            {...commonJSSDKButtonProps}\n            fundingSource={eligibleMethods[0]}\n            setInitComplete={() => {\n              trackButtonLoaded(eligibleMethods[0]);\n              setRemoveSpinner(true);\n            }}\n          />\n        </div>\n      )}\n      {eligibleMethods.length > 1 && (\n        <fieldset aria-labelledby={OR_PAY_WITH_ID} css={styles.radioButtonGroup}>\n          <PayWithDivider />\n          {eligibleMethods.map((method) => {\n            const isSelected = selectedRadio === method;\n            return (\n              <div key={`paywall-radio-${method}`}>\n                <Radio\n                  css={styles.radioItem.label}\n                  id={`Radio-${method}`}\n                  name={RADIO_BTN_GROUP_NAME}\n                  label={<FundingMethodRadioLabel fundingMethod={method} />}\n                  labelClassName=\"fullWidthRadio\"\n                  checked={isSelected}\n                  onChange={() => {\n                    updateSelectedRadio(method);\n                    if (!isPreview) {\n                      recordClick({\n                        ...fptiAdditionalTags,\n                        selected_payment_method: method,\n                        pageName: PAGE_NAME,\n                        eventName: 'radio_button_selected'\n                      });\n                    }\n                  }}\n                />\n                <div css={[!isSelected && hideStyle]}>\n                  {method === FUNDING.APPLEPAY ? (\n                    <ApplePayButtonContainer\n                      {...commonButtonProps}\n                      hostedButtonId={hostedButtonId}\n                      merchantId={merchantId}\n                      userInputsRef={commonJSSDKButtonProps.userInputsRef}\n                      shouldUpdateOrderShipping={shouldUpdateOrderShipping}\n                      setInitComplete={() => {\n                        trackButtonLoaded(method);\n                      }}\n                    />\n                  ) : (\n                    <JSSDKButton\n                      {...commonJSSDKButtonProps}\n                      fundingSource={method}\n                      setInitComplete={() => {\n                        trackButtonLoaded(method);\n                      }}\n                    />\n                  )}\n                </div>\n                <Divider\n                  css={[\n                    styles.paymentMethodsDividerBase,\n                    isSelected\n                      ? styles.paymentMethodsDividerSelected\n                      : styles.paymentMethodsDividerUnselected\n                  ]}\n                  aria-hidden\n                />\n              </div>\n            );\n          })}\n        </fieldset>\n      )}\n    </>\n  );\n};\n\nexport default WithRadio;\n","import _extends from '@babel/runtime/helpers/esm/extends';\nimport _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';\nimport { useMemo } from 'react';\nimport { css, useTheme, jsx } from '@emotion/react';\nimport _taggedTemplateLiteral from '@babel/runtime/helpers/esm/taggedTemplateLiteral';\nimport { devWarning } from '@paypalcorp/pp-react-utils';\n\nvar _templateObject, _templateObject2;\nfunction styles(tokens) {\n  /* istanbul ignore next */\n  if (!Object.keys(tokens).length) {\n    devWarning('Missing Emotion theme. Use ThemeProvider from @emotion/react to pass a valid theme from pp-react.');\n    return {};\n  }\n\n  var sysColorStructureDivider = tokens.sysColorStructureDivider,\n      sysSpaceMd = tokens.sysSpaceMd,\n      sysBorderThicknessNormal = tokens.sysBorderThicknessNormal,\n      sysColorPrimaryContrast = tokens.sysColorPrimaryContrast; // Base class for Divider\n\n  var base = css(_templateObject || (_templateObject = _taggedTemplateLiteral([\"\\n    label: divider_base;\\n    border: none;\\n    border-top: \", \" solid \", \";\\n    margin: \", \" 0;\\n  \"])), sysBorderThicknessNormal, sysColorStructureDivider, sysSpaceMd); // Inverse State\n\n  var inverse = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral([\"\\n    label: inverse;\\n    border-color: \", \";\\n  \"])), sysColorPrimaryContrast);\n  return {\n    base: base,\n    inverse: inverse\n  };\n}\n\nvar _excluded = [\"inverse\", \"className\"];\n\nvar Divider = function (_ref) {\n  var inverse = _ref.inverse,\n      className = _ref.className,\n      rest = _objectWithoutProperties(_ref, _excluded);\n\n  var tokens = useTheme();\n\n  var _styles = useMemo(function () {\n    return styles(tokens);\n  }, [tokens]);\n\n  var cssVal = [_styles.base, inverse && _styles.inverse];\n  return jsx(\"hr\", _extends({\n    css: cssVal,\n    className: className\n  }, rest, {\n    \"data-ppui-info\": \"divider_4.2.7__7.46.3\"\n  }));\n};\n\nexport { Divider, styles as dividerStyles };\n","import _taggedTemplateLiteral from '@babel/runtime/helpers/esm/taggedTemplateLiteral';\nimport { css, useTheme, jsx } from '@emotion/react';\nimport { math } from 'polished';\nimport { textStyles } from '@paypalcorp/pp-react-text';\nimport { devWarning, utilStyles, uniqueId } from '@paypalcorp/pp-react-utils';\nimport _extends from '@babel/runtime/helpers/esm/extends';\nimport _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';\nimport React, { forwardRef, useMemo } from 'react';\nimport _defineProperty from '@babel/runtime/helpers/esm/defineProperty';\nimport { CriticalIcon } from '@paypalcorp/pp-react-icons';\n\nvar _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16;\nfunction styles(tokens) {\n  /* istanbul ignore next */\n  if (!Object.keys(tokens).length) {\n    devWarning('Missing Emotion theme. Use ThemeProvider from @emotion/react to pass a valid theme from pp-react.');\n    return {};\n  }\n\n  var sysBorderRadiusInteractive = tokens.sysBorderRadiusInteractive,\n      sysBorderThicknessEmphasis = tokens.sysBorderThicknessEmphasis,\n      sysBorderThicknessNormal = tokens.sysBorderThicknessNormal,\n      sysColorBackgroundMediumContrast = tokens.sysColorBackgroundMediumContrast,\n      sysColorBackgroundSurface = tokens.sysColorBackgroundSurface,\n      sysColorBackgroundSurfaceActive = tokens.sysColorBackgroundSurfaceActive,\n      sysColorErrorMain = tokens.sysColorErrorMain,\n      sysColorSelectedMain = tokens.sysColorSelectedMain,\n      sysColorStructureBorderHighContrast = tokens.sysColorStructureBorderHighContrast,\n      sysSizeCircleXs = tokens.sysSizeCircleXs,\n      sysSizeTapTargetSm = tokens.sysSizeTapTargetSm,\n      sysSpaceSm = tokens.sysSpaceSm,\n      sysSpaceMd = tokens.sysSpaceMd,\n      sysSpaceXl = tokens.sysSpaceXl,\n      sysSpaceXs = tokens.sysSpaceXs;\n  var radiobuttonItemTextSpacing = math(\"\".concat(sysSpaceXl, \" + \").concat(sysSpaceMd));\n\n  var _textStyles = textStyles(tokens),\n      textCaption = _textStyles.caption,\n      fieldLabelLg = _textStyles.fieldLabelLg,\n      fieldValueSm = _textStyles.fieldValueSm;\n\n  var _utilStyles = utilStyles(tokens),\n      focusStyles = _utilStyles.focusStyles; // Base Class for radio-group\n\n\n  var radioGroupBase = css(_templateObject || (_templateObject = _taggedTemplateLiteral([\"\\n    label: radio_group_base;\\n    display: flex; // to avoid collapsing margins\\n    flex-direction: column;\\n    margin: 0;\\n    padding: 0;\\n    border: none;\\n    text-align: left;\\n\\n    [dir='rtl'] & {\\n      text-align: right;\\n    }\\n  \"]))); // Base Class for radio\n\n  var radioBase = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral([\"\\n    label: radio_base;\\n    position: relative;\\n    padding: \", \" 0;\\n    text-align: left;\\n\\n    [dir='rtl'] & {\\n      text-align: right;\\n    }\\n  \"])), sysSpaceMd);\n  var radioGroupLabel = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral([\"\\n    label: radio_group_label;\\n    \", \";\\n    display: block;\\n    padding-bottom: \", \";\\n    margin-bottom: \", \";\\n  \"])), fieldLabelLg({\n    color: sysColorBackgroundMediumContrast\n  }), sysSpaceMd, sysSpaceXs);\n  var radioGroupLabelWithIcon = css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral([\"\\n    label: with_icon;\\n    display: flex;\\n    align-items: center;\\n    min-height: \", \";\\n    padding-bottom: 0;\\n  \"])), sysSizeTapTargetSm);\n  var radioGroupLabelIcon = css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral([\"\\n    label: radio_group_label-icon;\\n    margin-inline-start: \", \";\\n  \"])), sysSpaceSm);\n  var radioLabel = css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral([\"\\n    label: radio_label;\\n    -moz-osx-font-smoothing: grayscale;\\n    cursor: pointer;\\n    display: inline-block;\\n    padding-left: \", \";\\n    \", \"\\n    position: relative;\\n    -webkit-tap-highlight-color: transparent;\\n\\n    [dir='rtl'] & {\\n      padding-right: \", \";\\n      padding-left: 0;\\n    }\\n  \"])), radiobuttonItemTextSpacing, fieldValueSm(), radiobuttonItemTextSpacing);\n  var checkIconContainer = css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral([\"\\n    label: check_icon_container;\\n    border-radius: \", \";\\n    border: \", \" solid\\n      \", \";\\n    height: \", \";\\n    position: absolute;\\n    top: 0;\\n    left: 0;\\n    width: \", \";\\n    background-color: \", \";\\n\\n    [dir='rtl'] & {\\n      right: 0;\\n    }\\n  \"])), sysBorderRadiusInteractive, sysBorderThicknessNormal, sysColorStructureBorderHighContrast, sysSizeCircleXs, sysSizeCircleXs, sysColorBackgroundSurface);\n  var errorCheckIconContainer = css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral([\"\\n    label: error_check_icon_container;\\n    border: \", \" solid \", \";\\n  \"])), sysBorderThicknessEmphasis, sysColorErrorMain);\n  var checkIcon = css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral([\"\\n    label: check_icon;\\n    display: none;\\n  \"])));\n  var input = css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral([\"\\n    label: input;\\n    cursor: pointer;\\n    opacity: 0;\\n    position: absolute;\\n    margin: 0;\\n\\n    &:checked + label > span:first-of-type {\\n      border-color: \", \";\\n      background-color: \", \";\\n      color: \", \";\\n\\n      span:first-of-type {\\n        display: inline;\\n      }\\n    }\\n\\n    &:focus + label > span:first-of-type {\\n      \", \";\\n    }\\n\\n    &:active:not(:checked) + label > span:first-of-type {\\n      background: \", \";\\n    }\\n  \"])), sysColorSelectedMain, sysColorSelectedMain, sysColorBackgroundSurface, focusStyles.focusOffsetElement, sysColorBackgroundSurfaceActive);\n  var inputWithError = css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral([\"\\n    label: input_with_error;\\n    &:checked + label > span:first-of-type {\\n      border: \", \" solid \", \";\\n    }\\n  \"])), sysBorderThicknessEmphasis, sysColorErrorMain);\n  var centeredLabelCheckIconContainer = css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral([\"\\n    label: centered_label_check_icon_container;\\n    top: 50%;\\n    transform: translateY(-50%);\\n  \"])));\n  var helperText = css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral([\"\\n    label: helper_text;\\n    \", \";\\n    margin: 0;\\n    list-style: none; // In case it's a list of helper texts\\n    margin-top: \", \";\\n  \"])), textCaption({\n    color: sysColorBackgroundMediumContrast\n  }), sysSpaceXs);\n  var groupHelperText = css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral([\"\\n    label: group_helper_text;\\n    \", \";\\n    margin: 0;\\n    list-style: none; // In case it's a list of helper texts\\n  \"])), textCaption({\n    color: sysColorBackgroundMediumContrast\n  }));\n  var errorText = css(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral([\"\\n    label: error_text;\\n    \", \";\\n    display: flex;\\n    margin: 0;\\n    align-items: center;\\n  \"])), textCaption({\n    color: sysColorBackgroundMediumContrast\n  }));\n  var errorIcon = css(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral([\"\\n    label: error_icon;\\n    color: \", \";\\n    margin-right: \", \";\\n\\n    [dir='rtl'] & {\\n      margin-left: \", \";\\n      margin-right: 0;\\n    }\\n  \"])), sysColorErrorMain, sysSpaceXs, sysSpaceXs);\n  return {\n    radioGroupBase: radioGroupBase,\n    radioBase: radioBase,\n    radioGroupLabel: radioGroupLabel,\n    radioGroupLabelWithIcon: radioGroupLabelWithIcon,\n    radioGroupLabelIcon: radioGroupLabelIcon,\n    radioLabel: radioLabel,\n    checkIconContainer: checkIconContainer,\n    errorCheckIconContainer: errorCheckIconContainer,\n    checkIcon: checkIcon,\n    input: input,\n    inputWithError: inputWithError,\n    centeredLabelCheckIconContainer: centeredLabelCheckIconContainer,\n    helperText: helperText,\n    groupHelperText: groupHelperText,\n    errorText: errorText,\n    errorIcon: errorIcon\n  };\n}\n\nvar _excluded = [\"label\", \"name\", \"value\", \"id\", \"centeredLabel\", \"helperText\", \"className\", \"labelClassName\", \"onChange\", \"checked\", \"errorText\"];\n\nvar renderHelperText = function (text, helperTextCssVals) {\n  return text && jsx(\"p\", {\n    css: helperTextCssVals,\n    \"data-ppui\": \"true\"\n  }, text);\n};\n\nvar inferValue = function (label) {\n  if (typeof label === 'string') {\n    return label;\n  }\n\n  return 'value_not_set';\n};\n\nvar RadioCheckIcon = function (props) {\n  return jsx(\"span\", {\n    css: props.checkIconCssVals,\n    \"aria-hidden\": \"true\",\n    \"data-ppui\": \"true\"\n  }, jsx(\"svg\", {\n    viewBox: \"0 0 100 100\",\n    xmlns: \"http://www.w3.org/2000/svg\",\n    \"data-ppui\": \"true\"\n  }, jsx(\"circle\", {\n    r: \"18\",\n    cy: \"50\",\n    cx: \"50\",\n    strokeWidth: \"0\",\n    fill: \"currentColor\",\n    \"data-ppui\": \"true\"\n  })));\n};\n\nvar Radio = forwardRef(function (_ref, ref) {\n  var label = _ref.label,\n      _ref$name = _ref.name,\n      name = _ref$name === void 0 ? uniqueId() : _ref$name,\n      _ref$value = _ref.value,\n      value = _ref$value === void 0 ? inferValue(label) : _ref$value,\n      _ref$id = _ref.id,\n      id = _ref$id === void 0 ? \"Radio_\".concat(name, \"_\").concat(value) : _ref$id,\n      _ref$centeredLabel = _ref.centeredLabel,\n      centeredLabel = _ref$centeredLabel === void 0 ? false : _ref$centeredLabel,\n      helperText = _ref.helperText,\n      className = _ref.className,\n      labelClassName = _ref.labelClassName,\n      onChange = _ref.onChange,\n      _ref$checked = _ref.checked,\n      checked = _ref$checked === void 0 ? false : _ref$checked,\n      errorText = _ref.errorText,\n      rest = _objectWithoutProperties(_ref, _excluded);\n\n  var tokens = useTheme();\n\n  var _styles = useMemo(function () {\n    return styles(tokens);\n  }, [tokens]);\n\n  var checkedPropName = onChange ? 'checked' : 'defaultChecked';\n  var valueProps = {\n    onChange: onChange\n  };\n  valueProps[checkedPropName] = checked;\n  var inputCssVals = [_styles.input, !!errorText && _styles.inputWithError];\n  var checkIconContainerCssVals = [_styles.checkIconContainer, !!errorText && _styles.errorCheckIconContainer, centeredLabel && _styles.centeredLabelCheckIconContainer];\n  return jsx(\"div\", {\n    css: _styles.radioBase,\n    className: className,\n    \"data-ppui-info\": \"radio_3.7.10__7.46.3\"\n  }, jsx(\"input\", _extends({\n    css: inputCssVals,\n    type: \"radio\",\n    name: name,\n    value: value,\n    id: id,\n    ref: ref\n  }, valueProps, rest, {\n    \"data-ppui\": \"true\"\n  })), jsx(\"label\", {\n    css: _styles.radioLabel,\n    className: labelClassName,\n    htmlFor: id,\n    \"data-ppui\": \"true\"\n  }, jsx(\"span\", {\n    css: checkIconContainerCssVals,\n    \"data-ppui\": \"true\"\n  }, jsx(RadioCheckIcon, {\n    checkIconCssVals: _styles.checkIcon,\n    \"data-ppui\": \"true\"\n  })), label, renderHelperText(helperText, _styles.helperText)));\n});\n\nvar _excluded$1 = [\"as\", \"children\", \"className\"];\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\nvar FieldGroupLabel = function (_ref) {\n  var as = _ref.as,\n      children = _ref.children,\n      className = _ref.className,\n      rest = _objectWithoutProperties(_ref, _excluded$1);\n\n  var componentProps = _objectSpread({\n    className: className,\n    children: children\n  }, rest);\n\n  return /*#__PURE__*/React.createElement(as || 'legend', _extends({}, componentProps, {\n    \"data-ppui\": \"true\"\n  }));\n};\n\nvar FieldGroupMessage = function (_ref) {\n  var errorText = _ref.errorText,\n      helperText = _ref.helperText,\n      errorIconAriaLabel = _ref.errorIconAriaLabel,\n      msgId = _ref.msgId,\n      _styles = _ref._styles;\n  // Get either the error message or helper text or... nothing\n  var radioErrorIcon = jsx(CriticalIcon, {\n    css: _styles.errorIcon,\n    size: \"sm\",\n    role: \"img\",\n    \"aria-label\": errorIconAriaLabel,\n    \"data-ppui\": \"true\"\n  });\n  return errorText && jsx(\"p\", {\n    css: _styles.errorText,\n    id: msgId,\n    \"data-ppui\": \"true\"\n  }, radioErrorIcon, errorText) || helperText && jsx(\"p\", {\n    css: _styles.groupHelperText,\n    id: msgId,\n    \"data-ppui\": \"true\"\n  }, helperText) || null;\n};\n\nvar _excluded$2 = [\"className\", \"radioLabelClassName\", \"errorText\", \"errorIconAriaLabel\", \"helperText\", \"id\", \"label\", \"name\", \"value\", \"icon\", \"options\", \"onChange\"];\n\nfunction ownKeys$1(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\n\nvar RadioButton = function (_ref) {\n  var className = _ref.className,\n      radioLabelClassName = _ref.radioLabelClassName,\n      errorText = _ref.errorText,\n      _ref$errorIconAriaLab = _ref.errorIconAriaLabel,\n      errorIconAriaLabel = _ref$errorIconAriaLab === void 0 ? 'Error' : _ref$errorIconAriaLab,\n      helperText = _ref.helperText,\n      id = _ref.id,\n      label = _ref.label,\n      _ref$name = _ref.name,\n      name = _ref$name === void 0 ? 'radioButton' : _ref$name,\n      _ref$value = _ref.value,\n      value = _ref$value === void 0 ? '' : _ref$value,\n      icon = _ref.icon,\n      _ref$options = _ref.options,\n      options = _ref$options === void 0 ? [] : _ref$options,\n      onChange = _ref.onChange,\n      rest = _objectWithoutProperties(_ref, _excluded$2);\n\n  var tokens = useTheme();\n\n  var _styles = useMemo(function () {\n    return styles(tokens);\n  }, [tokens]);\n\n  var radioId = id !== null && id !== void 0 ? id : uniqueId('RadioButtton_');\n  var msgId = \"message_\".concat(radioId);\n  var fieldGroupLabelCssVal = [_styles.radioGroupLabel, icon && _styles.radioGroupLabelWithIcon];\n  return (//@ts-ignore\n    jsx(\"fieldset\", _extends({\n      css: _styles.radioGroupBase,\n      className: className,\n      \"data-ppui-info\": \"radio_3.7.10__7.46.3\"\n    }, rest), jsx(FieldGroupLabel, {\n      css: fieldGroupLabelCssVal,\n      \"data-ppui\": \"true\"\n    }, label, icon && jsx(\"span\", {\n      css: _styles.radioGroupLabelIcon,\n      \"data-ppui\": \"true\"\n    }, icon)), function renderRadios(optionsList, componentName, currentValue, changeHandler) {\n      if (optionsList.length === 0) {\n        return jsx(\"i\", {\n          \"data-ppui\": \"true\"\n        }, \"No Options!\");\n      }\n\n      return optionsList.map(function (listProps, index) {\n        var checkedPropName = changeHandler ? 'checked' : 'defaultChecked';\n\n        var radioProps = _objectSpread$1(_objectSpread$1({}, listProps), {}, {\n          labelClassName: radioLabelClassName\n        });\n\n        if (currentValue === listProps.value) {\n          radioProps[checkedPropName] = true;\n        }\n\n        return jsx(Radio, _extends({\n          key: \"rbtn-item\".concat(index),\n          name: componentName,\n          onChange: changeHandler,\n          errorText: errorText\n        }, radioProps, rest, {\n          \"data-ppui\": \"true\"\n        }));\n      });\n    }(options, name, value, onChange), jsx(FieldGroupMessage, {\n      errorText: errorText,\n      helperText: helperText,\n      errorIconAriaLabel: errorIconAriaLabel,\n      msgId: msgId,\n      _styles: _styles,\n      \"data-ppui\": \"true\"\n    }))\n  );\n};\n\nexport { Radio, RadioButton, styles as radioStyles };\n"],"names":["BuyNowApplePay","BaseApplePayHandler","constructor","props","super","getButtonType","this","button","buttonVariables","button_type","getTotals","userInputs","worldReady","buttonDetails","featureFlags","getFeatureFlags","appContext","options","generateOptions","option_details","currency_code","getPaymentTotalFields","isShippingFromProfile","shipping_preference","ShippingPreference","FromProfile","getLineItems","orderShipping","totals","lineItems","getOrderShippingLineItems","getTotalFieldLineItems","getCreateOrderInput","csrfToken","app","fptiAdditionalTags","paymentContext","hostedButtonId","merchantId","userInputsRef","pageName","buttonProps","buttonType","Error","current","handleCreateOrderError","setCaptureStatus","CaptureStatus","FAILED","getPaymentRequest","currencyCode","logWarnClient","countryCode","region","itemName","item","item_name","ButtonType","VARIABLE_PRICE","getLocalizedString","totalFields","total","value","subtotal","subTotal","isCollectShippingAddress","no_shipping","paymentRequest","mapC2ToCN","merchantCapabilities","requiredBillingContactFields","requiredShippingContactFields","supportedNetworks","getSupportedNetworks","label","amount","FieldValueContent","EstimateLater","toString","undefined","logInfoClient","LoadablePreviewButton","loadable","resolved","chunkName","isReady","key","resolve","__webpack_modules__","importAsync","requireAsync","then","requireSync","id","__webpack_require__","ssr","Button","onClick","buttonStyle","_jsx","type","css","styles","buttonHeight","height","ApplePayButton","useAppContext","usePaymentContext","useWorldReadyContext","sessionContext","useApplePay","setFormErrorMessage","formErrorMessageRef","setInitComplete","cartDetailsRef","hostedButtonDetails","merchantSettings","isSettingsEnabled","currencyConfig","getCurrencyConfig","useMemo","originalButtonVariables","transformButtonVariables","link_variables","getButtonVariablesFromMerchantSettings","useEffect","createApplePaySession","formValidation","validateForm","recordClick","getViewCartTags","eventName","int_error_desc","isFormValid","applePaySession","begin","isPreview","usePreviewContext","global","ApplePaySession","buttonInPreview","previewModal","style","_jsxs","width","viewBox","fill","xmlns","children","clipPath","x","y","d","fillRule","clipRule","x1","y1","x2","y2","gradientUnits","offset","stopColor","cx","cy","r","gradientTransform","rx","transform","sysBorderRadiusSm","sysBorderThicknessNormal","sysColorBackgroundMediumContrast","sysColorStructureBorderHighContrast","sysSizeIconSm","sysSpaceMd","sysSpaceSm","sysSpaceXs","sysSpaceLg","_PAYPAL_THEME","baseCardStyles","radioItem","body","cardArt","creditCardIcon","cardStyles","applepay","imageLocations","card","paylater","venmo","payWithDivider","container","divider","text","paymentMethodsDividerBase","paymentMethodsDividerSelected","paymentMethodsDividerUnselected","singleAdditionalFundingMethod","radioButtonGroup","OR_PAY_WITH_ID","PayWithDivider","_Divider","_CaptionText","FundingMethodRadioLabel","fundingMethod","isCardFundingMethod","FUNDING","CARD","radioItemIcon","_CreditCardIcon","color","_BodyText","PaywallIssuerCardArt","display","WithRadio","eligibleMethods","commonJSSDKButtonProps","commonButtonProps","trackButtonLoaded","setRemoveSpinner","shouldUpdateOrderShipping","selectedRadio","updateSelectedRadio","useState","_Fragment","JSSDKButton","fundingSource","PAYPAL","length","map","method","isSelected","_Radio","name","labelClassName","checked","onChange","selected_payment_method","PAGE_NAME","hideStyle","APPLEPAY","ApplePayButtonContainer","_templateObject","_templateObject2","_excluded","Divider","_ref","inverse","className","rest","tokens","u","_styles","Object","keys","sysColorStructureDivider","sysColorPrimaryContrast","base","cssVal","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","_templateObject9","_templateObject10","_templateObject11","_templateObject12","_templateObject13","_templateObject14","_templateObject15","_templateObject16","sysBorderRadiusInteractive","sysBorderThicknessEmphasis","sysColorBackgroundSurface","sysColorBackgroundSurfaceActive","sysColorErrorMain","sysColorSelectedMain","sysSizeCircleXs","sysSizeTapTargetSm","sysSpaceXl","radiobuttonItemTextSpacing","concat","_textStyles","textCaption","caption","fieldLabelLg","fieldValueSm","focusStyles","radioGroupBase","radioBase","radioGroupLabel","radioGroupLabelWithIcon","radioGroupLabelIcon","radioLabel","checkIconContainer","errorCheckIconContainer","checkIcon","input","focusOffsetElement","inputWithError","centeredLabelCheckIconContainer","helperText","groupHelperText","errorText","errorIcon","RadioCheckIcon","checkIconCssVals","strokeWidth","Radio","forwardRef","ref","_ref$name","_ref$value","inferValue","_ref$id","_ref$centeredLabel","centeredLabel","_ref$checked","valueProps","helperTextCssVals","inputCssVals","checkIconContainerCssVals","htmlFor","_excluded$1","ownKeys","object","enumerableOnly","getOwnPropertySymbols","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","push","apply","FieldGroupLabel","as","componentProps","target","i","arguments","source","forEach","getOwnPropertyDescriptors","defineProperties","defineProperty","_objectSpread","FieldGroupMessage","errorIconAriaLabel","msgId","radioErrorIcon","size","role","_excluded$2","ownKeys$1","_objectSpread$1","RadioButton","optionsList","componentName","currentValue","changeHandler","radioLabelClassName","_ref$errorIconAriaLab","icon","_ref$options","radioId","fieldGroupLabelCssVal","listProps","index","checkedPropName","radioProps"],"sourceRoot":""}