{"version":3,"file":"js/support-8d4892e9c117a01eab2f.js","mappings":"mJASO,SAASA,EAAWC,EAAWC,EAAY,CAAC,GAExB,kBAAdA,IAETD,GADAC,EAcJ,SACEC,EACAC,EACAC,EAAQ,GACRC,GAGA,MAAO,CACLC,WAAY,GAAGJ,KAAYC,IAC3BI,eAAgBL,EAChBM,aAAcL,EACdM,YAAaL,EACbM,YAAaL,EAEjB,CA5BgBM,IAAsBC,YACZN,YAGxB,KACE,OAAK,QAASN,EAAWC,EAC3B,CAAE,MAAOY,GACPC,QAAQC,KAAK,wBAAyBd,EACxC,CACF,CAkCO,MAAMe,EAA0B,WAErC,MAAMC,EAA8B,GAG9BC,EAAU,CAACC,EAAMf,KACjBgB,OAAOC,SAAWD,OAAOC,QAAQC,OACnCC,EAAOJ,EAAMf,GAEba,EAA4BO,KAAK,CAACL,EAAMf,GAC1C,EAGImB,EAAS,SAAUJ,EAAMf,GAC7B,IACEgB,OAAOC,QAAQI,YAAYN,GAAMf,EAEnC,CAAE,MAAOS,GACPC,QAAQY,IACN,6CAA6CP,aAAgBf,aAAiBS,IAElF,CACF,EAGA,GAAIO,OAAOO,kBAAoBP,OAAOO,iBAAiBC,kBAAmB,CACxE,MAAMC,EAAaT,OAAOO,iBAAiBC,kBAC3CV,EAAQW,EAAWV,KAAMU,EAAWzB,MACtC,CAaA,OAVAgB,OAAOC,QAAUD,OAAOC,SAAW,CACjCS,OAAQ,YACN,QAAM,KACJb,EAA4Bc,SAASC,IACnCT,EAAOS,EAAM,GAAIA,EAAM,GAAG,GAC1B,GAEN,GAGKd,CACT,CA1CuC,GA4ChC,SAASe,EAAiC7B,GAC/CY,EAAuB,wBAAyBZ,EAClD,CAeAgB,OAAOc,aAAed,OAAOc,cAAgB,CAAC,EAC9Cd,OAAOc,aAAaC,gBANb,SAAsC/B,GAC3CY,EAAuB,cAAeZ,EACxC,EAKAgB,OAAOc,aAAanC,WAAaA,EAEjCqB,OAAOG,OAASxB,C,sHC/GD,SAASqC,GAAM,YAAEC,IAC9B,MAAOC,EAAWC,IAAgB,IAAAC,WAAS,IAErC,MAAEC,EAAK,KAAEC,GAASL,EAElBM,GAAe,SAAC,OAAIC,wBAAyB,CAAEC,OAAQH,KAEvDI,GAAe,SAAC,KAAG,SATzB,4KAWA,OACE,SAAC,OAAIC,UAAU,gBACb,oBAAC,OAAIA,UAAU,cACb,oBAAC,MAAGA,UAAU,kBAAmB,SAAAN,GAhBlB,gDAiBf,SAAC,OAAIM,UAAU,wBACZ,SAAAL,EAAOC,EAAeG,KAEzB,UAAC,OACC,oBAAC,OACCC,UAAW,IAAG,mBAAoB,CAAET,cACpCU,QAAS,IAAMT,GAAcD,GAC9B,yDAGD,SAAC,KAAS,CAACW,OAAQX,EAChB,UAACA,IACA,UAAC,MAAGS,UAAU,wBACZ,oBAAC,MAAG,sFAIJ,SAAC,MAAG,4FAIJ,SAAC,MAAG,iHAWpB,CCpDe,MAAMG,UAAsB,EAAAC,UACzC,WAAAC,CAAYC,GACVC,MAAMD,GACNE,KAAKC,MAAQ,CAAEC,MAAM,EAAOC,aAAa,EAC3C,CAEA,QAAAC,CAAS3B,GACP,IAAI3B,EAAQuD,SAAS5B,EAAM6B,OAAOxD,MAAMyD,QAAQ,IAAK,IAAK,IACtDC,MAAM1D,KACRA,EAAQ,IAENA,EAAQ,IACVA,EAAQ2D,KAAKC,IAAI5D,IAEnBkD,KAAKF,MAAMM,SAAStD,EACtB,CAEA,WAAA6D,CAAYlC,GACNuB,KAAKC,MAAME,YACbH,KAAKY,SAAS,CAAET,aAAa,IAE7BH,KAAKY,SAAS,CAAEV,MAAM,GAE1B,CAEA,UAAAW,CAAWpC,GACTuB,KAAKY,SAAS,CAAEV,MAAM,GACxB,CAEA,eAAAY,CAAgBhE,GACA,UAAVA,EACFkD,KAAKY,SAAS,CAAEV,MAAM,EAAOC,aAAa,IAAQ,KAChDY,EAAEC,OAAM,KACNhB,KAAKiB,MAAMC,OAAO,GACjB,EAAE,IAGPlB,KAAKF,MAAMM,SAAStD,EAExB,CAEA,eAAAqE,GACE,MAA6B,YAAzBnB,KAAKF,MAAMsB,UACN,CACL,GAAI,MACJ,GAAI,MACJ,GAAI,MACJC,MAAO,SAGF,CACL,GAAI,MACJ,IAAK,OACL,IAAK,OACL,IAAM,SACNA,MAAO,QAGb,CAEA,MAAAC,GACE,MAAMC,EAAevB,KAAKmB,kBACpBK,EAAUC,OAAOC,KAAKH,GAAcI,KAAKC,IAE3C,SAAC,OACCpC,UAAU,6CAEVqC,YAAa7B,KAAKc,gBAAgBgB,KAAK9B,KAAM4B,GAE5C,SAAAL,EAAaK,IAHTA,KAOLG,GACJ,SAAC,OAAIvC,UAAU,+CACZ,SAAAgC,IAIL,IAAIhC,EAAY,GAKhB,OAJIQ,KAAKF,MAAMkC,QAAUhC,KAAKF,MAAMkC,OAAOC,iBACzCzC,EAAY,UAIZ,UAAC,OAAIA,UAAW,6CAA6CA,IAC3D,oBAAC,SACCA,UAAU,0CACV0C,IAAMC,IACJnC,KAAKiB,MAAQkB,CAAC,EAEhBC,aAAa,MACbxE,KAAK,SACLd,MAAOkD,KAAKF,MAAMhD,MAClBuF,KAAK,SACLC,YAAY,GACZlC,SAAUJ,KAAKI,SAAS0B,KAAK9B,MAC7BuC,QAASvC,KAAKW,YAAYmB,KAAK9B,MAC/BwC,OAAQxC,KAAKa,WAAWiB,KAAK9B,SAE/B,SAAC,QAAKR,UAAU,wBAAwB,eACvCQ,KAAKC,MAAMC,MAAQ6B,IAG1B,ECrGa,SAASU,GAAc,QAAEC,EAAO,SAAEC,IAC/C,MAAMC,EAAOF,EAAU,kBAAoB,qBAE3C,OACE,SAAC,QACC,oBAAC,KAAElD,UAAU,sBAAsBC,QAASkD,EAAU,cAClDC,EAAK,QAIf,CCZO,SAASC,EAAeC,EAAQ1B,GAErC,OAAO0B,GAD0B,YAAd1B,EAA0B,GAAK,EAEpD,CAUO,SAAS2B,EAAiBD,EAAQ1B,GACvC,OAAOyB,EAAeC,EAAQ1B,IAAc4B,EAAoB5B,EAClE,CAEO,SAAS6B,EAAkBH,EAAQI,GACxC,MAAMC,EAAgB9C,SAASyC,EAAQ,IACvC,OAAII,EAEAC,EAAgB1C,KAAK2C,MAAsC,KAAf,KAAhBD,EAAwB,KAAc,IAG7DA,CAEX,CAEO,SAASE,EAAYP,GAC1B,MAAMQ,EAASC,OAAOT,GACtB,OAAIS,OAAOC,UAAUF,GACZA,EAAOG,QAAQ,GACbF,OAAO/C,MAAM8C,GACfR,EAEAQ,EAAOG,QAAQ,EAE1B,CAEA,SAAST,EAAoB5B,GAC3B,MAAiB,QAAbA,GAAoC,YAAbA,EA1CK,GADD,EAgDjC,CC5Ce,MAAMsC,UAA+B,EAAA9D,UAClD,mBAAA+D,GACE,MAAMC,EDEH,SAAiCd,EAAQ1B,GAC9C,MAAMyC,EAA2B,YAAdzC,EAA0B,GAAK,EAClD,OACG4B,EAAoB5B,GAAayB,EAAeC,EAAQ1B,IACzDyC,CAEJ,CCRgBC,CACV9D,KAAKF,MAAMgD,OACX9C,KAAKF,MAAMsB,WAEb,OAAOX,KAAKsD,KAAW,IAANH,GAAa,GAChC,CAEA,sBAAAI,GACE,MAA6B,YAAzBhE,KAAKF,MAAMsB,UACN,YAGF,EACT,CAEA,MAAAE,GACE,IACI2C,EADAzE,EAAY,GAEZ0E,GAAsB,EAmB1B,OAlBKlE,KAAKF,MAAMqE,eAGgB,IAArBnE,KAAKF,MAAMgD,OACpBmB,EAAU,GACDlB,EAAiB/C,KAAKF,MAAMgD,OAAQ9C,KAAKF,MAAMsB,YACxD8C,GAAsB,EACtB1E,EAAY,cACZyE,GAAU,SAAC,QAAK,kCAEhBA,GACE,UAAC,QAAKzE,UAAU,cAAc,mBACrBQ,KAAK2D,sBAAsB,QAAM,IACvC3D,KAAKgE,yBAAyB,0BAZnCE,GAAsB,EACtBD,GAAU,SAAC,QAAK,sDAiBhB,SAAC,OAAIzE,UAAW,iBAAiBA,IAC/B,oBAAC,OAAIA,UAAU,gBACZ,UAAAyE,EAAS,IACTC,IACC,SAACzB,EAAA,CACCE,SAAU3C,KAAKF,MAAMsE,qBACrB1B,QAAS1C,KAAKF,MAAMqE,qBAMhC,ECtDa,MAAME,UAAe,EAAAzE,UAClC,WAAAC,CAAYC,GACVC,MAAMD,GACNE,KAAKC,MAAQ,CAAC,CAChB,CAEA,cAAAqE,CAAe7F,GACS,KAAlBA,EAAM8F,SAAoC,KAAlB9F,EAAM8F,SAChCvE,KAAKF,MAAML,SAEf,CAEA,MAAA6B,GACE,MAAMkD,EAAa,CAAC,EAUpB,OARIxE,KAAKF,MAAM2E,KACbD,EAAWC,GAAKzE,KAAKF,MAAM2E,IAGzBzE,KAAKF,MAAM4E,WACbF,EAAWE,SAAW1E,KAAKF,MAAM4E,WAIjC,SAAC,UACKF,EACJG,KAAK,SACLC,SAAS,IACTC,UAAW7E,KAAKsE,eAAexC,KAAK9B,MACpCP,QAASO,KAAKF,MAAML,QACpBD,UAAW,OAAOQ,KAAKF,MAAMN,YAE5B,SAAAQ,KAAKF,MAAM8C,MAGlB,EClCa,MAAMkC,UAAuB,EAAAlF,UAC1C,MAAA0B,GACE,OACE,UAAC,OAAI9B,UAAU,yBACb,oBAAC,KAAEA,UAAU,uBAAuB,yNAKpC,SAAC,KAAEA,UAAU,uBAAuB,oFAGpC,UAAC,OAAIA,UAAU,wBACb,oBAAC6E,EAAA,CACC5E,QAASO,KAAKF,MAAMiF,QACpBnC,KAAM,SAAS5C,KAAKF,MAAMkF,0BAC1BxF,UAAU,eAEZ,SAAC6E,EAAA,CACC5E,QAASO,KAAKF,MAAMmF,UACpBrC,KAAM,QAAQ5C,KAAKF,MAAMgD,QAAU,IAAM9C,KAAKF,MAAMgD,cACpDtD,UAAU,iCAKpB,EC3Ba,MAAM0F,UAAqB,EAAAtF,UACxC,WAAAC,CAAYC,GACVC,MAAMD,GACNE,KAAKC,MAAQ,CAAEC,MAAM,EACvB,CAEA,eAAAY,CAAgBc,GACd5B,KAAKY,SAAS,CAAEV,MAAM,IACtBF,KAAKF,MAAMM,SAASwB,EACtB,CAEA,WAAAjB,GACEX,KAAKY,SAAS,CAAEV,MAAM,GACxB,CAEA,UAAAW,GACEb,KAAKY,SAAS,CAAEV,MAAM,GACxB,CAEA,MAAAoB,GACE,MAAME,EAAUC,OAAOC,KAAK1B,KAAKF,MAAM0B,SAASG,KAAKC,IAEjD,SAAC,OACCpC,UAAU,4CAEVqC,YAAa7B,KAAKc,gBAAgBgB,KAAK9B,KAAM4B,GAE5C,SAAA5B,KAAKF,MAAM0B,QAAQI,IAHfA,KAOLG,GACJ,SAAC,OAAIvC,UAAU,wBAAyB,SAAAgC,IAE1C,OACE,UAAC,OAAIhC,UAAU,6BACb,oBAAC,SACCA,UAAU,yCACV2F,UAAQ,EACRrI,MAAOkD,KAAKF,MAAMhD,MAClByF,QAASvC,KAAKW,YAAYmB,KAAK9B,MAC/BwC,OAAQxC,KAAKa,WAAWiB,KAAK9B,QAE9BA,KAAKC,MAAMC,MAAQ6B,GACpB,SAAC,QAAKvC,UAAU,2BAGtB,EC/CK,MAAM4F,EAAoB,CAC/BC,SAAU,WACVC,QAAS,UACTC,KAAM,QASO,SAASC,GAAkB,MAAE1I,EAAK,SAAEsD,IACjD,OACE,SAAC8E,EAAA,CACC1D,QAAS4D,EACTtI,QACAsD,YAGN,CCpBe,SAASqF,EAAW3F,GACjC,OACE,SAAC,OAAIN,UAAU,wBACb,mBAAC6E,EAAM,IAAKvE,EAAON,UAAU,eAGnC,CCRO,SAASkG,EAAgBC,GAC9B,MAAO,CAACC,EAAS,CAAC,KAChB,MAAM5D,EAAS,CAAC,EAahB,OAZAP,OAAOC,KAAKiE,GAAOnH,SAASqH,IAC1B,MACMC,EAyGZ,SAAgBC,GACd,MAAMC,EAAO,CAAC,EACd,OAAOD,EAAIE,QAAQC,IACjB,MAAMC,EAAiBH,EAAKE,GAE5B,OADAF,EAAKE,IAAO,GACJC,CAAc,GAE1B,CAhH0BC,CADDT,EAAME,GAEpBlE,KAAK0E,GAASA,EAAKT,EAAOC,GAAQA,EAAOD,KACzCK,QAAQK,GAAUC,QAAQD,MACzBE,EAAa,GAAGV,EAAYW,KAAK,QAAQX,EAAYY,OAAS,IAAM,KAEtEF,IACFxE,EAAO6D,GAASW,EAClB,IAGKxE,CAAM,CAEjB,CAGO,SAAS2E,EAAS7J,GACvB,MAAM8J,EAAe,cAErB,OAAK9J,GAA0B,kBAAVA,GAIjB+J,MAAMC,QAAQhK,IAA2B,IAAjBA,EAAM4J,QAIb,kBAAV5J,GAAuC,KAAjBA,EAAMiK,SAH9BH,EAJAA,CAYX,CAGO,SAASI,EAASlK,GACvB,MAAM8J,EAAe,mBAMrB,MAJqB,kBAAV9J,IACTA,EAAQuD,SAASvD,EAAO,MAGtB0D,MAAM1D,IAIW,kBAAVA,IAHF8J,CAQX,CAGO,SAASK,EAAIrD,GAClB,MAAO,CAAC9G,EAAOoK,KACb,MAAMC,EAAcH,EAASlK,GAC7B,OAAIqK,IAIiB,kBAAVrK,IACTA,EAAQuD,SAASvD,EAAO,KAGtBA,EAAQ8G,GACH,oBAAoBA,IAGjB,CAEhB,CAuBA,MAAMwD,EAAY,6BACX,SAASC,EAAQvK,GAGtB,OAAKsK,EAASE,KAAKxK,IAFE,cAOvB,C,wBChGA,MAMMyK,EAAqB7B,EAAgB,CACzCzD,eAAgB,CAAC0E,EAAUM,EAHa,MAMpCO,EAAgB9B,EAAgB,CACpCzD,eAAgB,CAAC0E,EAAUM,EARQ,MAWtB,MAAMQ,UAAsB,EAAA7H,UACzC,WAAAC,CAAYC,GACVC,MAAMD,GACNE,KAAKC,MAAQD,KAAK0H,gBAAgB5H,EACpC,CAEA,eAAA4H,CAAgB5H,GACd,IAAIgD,EACFzC,UAAS,QAAgB,UAAW,KAAOP,EAAM6H,oBAC/CC,GAAY,QAAgB,WAAa9H,EAAM+H,uBAcnD,OAZIrH,MAAMsC,IAAsB,IAAXA,KACnBA,EAAS9C,KAAK8H,iBAAiBF,IAG7B9E,EAAS,IACXA,EAASrC,KAAKC,IAAIoC,KAGhB,QAAkBsC,EAAkBwC,MACtCA,OAAY,GAGP,CACL3F,eAAgBa,EAChBiF,kBAAmBH,GAAa,UAChCzD,gBAAgB,EAChB6D,WAAW,EACX9E,UAAWpD,EAAMoD,UAErB,CAEA,gBAAA4E,CAAiB1G,GACf,MAAkB,aAAdA,EA9CqB,GAgDA,SAAdA,EA/CY,IAFG,EAsD5B,CAEA,6BAAA6G,GACE,OAAOxH,KAAKyH,IAAI,EAAGzH,KAAKsD,KAAK/D,KAAKC,MAAMgC,eAAiB,IAC3D,CAEA,eAAAkG,GACE,MAAiC,QAA1BnI,KAAKF,MAAMsI,WACpB,CAEA,QAAAC,CAASC,GACP,MAIMtG,GAHJsG,EAAWP,oBAAsB3C,EAAkBG,KAC/CiC,EACAD,GACmBe,GAEzB,OADAtI,KAAKY,SAAS,CAAEoB,WACTA,CACT,CAEA,KAAAuG,GACE,OAAQvI,KAAKC,MAAM+B,QAAoD,IAA1CP,OAAOC,KAAK1B,KAAKC,MAAM+B,QAAQ0E,MAC9D,CAEA,YAAA8B,CAAa1F,GACX,MAAM2F,EAAWhH,OAAOiH,OAAO,CAAC,EAAG1I,KAAKC,MAAO,CAC7CgC,eAAgBa,EAChBkF,WAAW,IAEbhI,KAAKY,SAAS6H,GACdzI,KAAKqI,SAASI,EAChB,CAEA,eAAAE,CAAgBvH,EAAWwH,OAAK,GAC9B5I,KAAKY,UAAS,CAACX,EAAOH,KACpB,MAAM+I,EAAe,CACnBd,kBAAmB3G,GAOrB,OAJKnB,EAAM+H,YACTa,EAAa5G,eAAiBjC,KAAK8H,iBAAiB1G,IAG/CyH,CAAY,GAClBD,EACL,CAEA,oBAAAE,GACE,MAAMhG,EAAS9C,KAAKiI,iCACpB,QAAW,WAAY,mBAAoB,GAAInF,GAC/C9C,KAAKwI,aAAa1F,GAClB9C,KAAK2I,gBAAgBvD,EAAkBE,SAAS,IAAMtF,KAAK+I,cAC7D,CAEA,kBAAAC,IACE,QAAW,WAAY,oBAAqB,GAAIhJ,KAAKC,MAAMgC,gBAC3DjC,KAAK+I,YACP,CAEA,qBAAAE,CAAsBxK,GACpBuB,KAAKY,SAAS,CAAEsC,UAAWzE,EAAM6B,OAAO4I,SAC1C,CAEA,oBAAA9E,GACEpE,KAAKY,SAAS,CACZuD,gBAAiBnE,KAAKC,MAAMkE,gBAEhC,CAEA,UAAA4E,GACiB/I,KAAKqI,SAASrI,KAAKC,OAC9BD,KAAKuI,SACPvI,KAAKF,MAAMqJ,WAAWnJ,KAAKC,MAE/B,CAEA,eAAAmJ,GACE,OACE,SAAC,OAAI5J,UAAU,uBACb,oBAAC,SAAMA,UAAU,mBACf,oBAAC,SACC5B,KAAK,WACL4B,UAAU,kBACV0J,QAASlJ,KAAKC,MAAMiD,UACpB9C,SAAUJ,KAAKiJ,sBAAsBnH,KAAK9B,MAC1CqC,KAAK,eAEP,SAAC,QAAK7C,UAAU,gBACd,mBAAC,OAAI6J,QAAQ,kBACX,mBAAC,YACC7J,UAAU,sBACV8J,OAAO,4CAIb,SAAC,QAAK9J,UAAU,yBAAyB,6GAOjD,CAEA,MAAA8B,GACE,IAAI9B,EAAY,GAKhB,OAJKQ,KAAKF,MAAMyJ,QAAUvJ,KAAKF,MAAM0J,WACnChK,GAAa,8BAIb,UAAC,OAAIA,UAAW,kBAAkBA,IAC/B,UAAAQ,KAAKF,MAAMyJ,QAAUvJ,KAAKyJ,gBACzBzJ,KAAKF,MAAMyJ,QAAUvJ,KAAKF,MAAM0J,UAAYxJ,KAAK0J,mBAGzD,CAEA,YAAAD,GACE,OACE,UAAC,OACC,qBAAC,QAAKjK,UAAU,0BAA0B,mCACjB,KACvB,SAACG,EAAA,CACC7C,MAAOkD,KAAKC,MAAMgC,eAClBb,UAAWpB,KAAKC,MAAM8H,kBACtB/F,OAAQhC,KAAKC,MAAM+B,OACnB5B,SAAUJ,KAAKwI,aAAa1G,KAAK9B,SAEnC,SAACwF,EAAA,CACC1I,MAAOkD,KAAKC,MAAM8H,kBAClB3H,SAAUJ,KAAK2I,gBAAgB7G,KAAK9B,WAGvCA,KAAKoJ,kBACLpJ,KAAKmI,oBACJ,SAACzE,EAAA,CACCtC,UAAWpB,KAAKC,MAAM8H,kBACtBjF,OAAQ9C,KAAKC,MAAMgC,eACnBkC,eAAgBnE,KAAKC,MAAMkE,eAC3BC,qBAAsBpE,KAAKoE,qBAAqBtC,KAAK9B,QAGxDA,KAAK2J,YACL3J,KAAKmI,oBACJ,SAAC,OAAI3I,UAAU,iBACb,mBAAC,OACCA,UAAU,aACVoK,IAAI,oFAMhB,CAEA,cAAAF,GACE,OACE,UAAC,OACC,oBAAC,MAAG,2BACJ,UAAC,QAAKlK,UAAU,4BAA4B,2BAC3B6D,EAAYrD,KAAKF,MAAM6H,qBAAsB,IAC3D3H,KAAKF,MAAM+H,uBAAuB,SAI3C,CAEA,SAAA8B,GACE,OACE3J,KAAKC,MAAM8H,mBAAqB3C,EAAkBG,MAClDvF,KAAKuI,SAGH,SAACzD,EAAA,CACChC,OAAQ9C,KAAKC,MAAMgC,eACnB+C,gBAAiBhF,KAAKiI,gCACtB7G,UAAWpB,KAAKC,MAAM8H,kBACtB9C,UAAWjF,KAAKgJ,mBAAmBlH,KAAK9B,MACxC+E,QAAS/E,KAAK8I,qBAAqBhH,KAAK9B,QAGlCA,KAAKuI,SAYb,SAAC9C,EAAA,CACChG,QAASO,KAAK+I,WAAWjH,KAAK9B,MAC9B4C,KAAM5C,KAAKF,MAAM0J,SAAW,SAAW,UAZzC,SAAC,KACC,oBAAC,QAAKhK,UAAU,gBAAgB,yCA3OA,EA4OiC,0CA7OtC,EA8OuC,+BAa1E,ECvQa,MAAMqK,UAAkB,EAAAjK,UACrC,WAAAC,CAAYC,GACVC,MAAMD,GACNE,KAAKC,MAAQ,CAAE6J,QAAShK,EAAMiK,QAChC,CAEA,iBAAAC,GACMhK,KAAKF,MAAMmK,WACbjK,KAAKiB,MAAMC,OAEf,CAEA,UAAAL,GACEb,KAAKY,SAAS,CAAEkJ,SAAS,GAC3B,CAEA,MAAAxI,GACE,IAAI9B,EAAY,iBAAiBQ,KAAKF,MAAMN,YAC5C,MAAM8G,EAAQtG,KAAKF,MAAMkC,QAAUhC,KAAKF,MAAMkC,OAAOhC,KAAKF,MAAMuC,MAChE,IAOIpB,EAPApE,EAAQmD,KAAKF,MAAMjD,OAASmD,KAAKF,MAAMuC,KAEvCiE,IACF9G,GAAa,SACb3C,GAAS,IAAMyJ,GAIjB,IAAI7B,EAAKzE,KAAKF,MAAMuC,KAAO,SAmB3B,OAHEpB,EAfGjB,KAAKF,MAAMiK,QAeN/J,KAAKF,MAAMoK,UAbjB,SAAC,SACC1K,UAAU,yCACVY,SAAUJ,KAAKF,MAAMM,SACrBoC,OAAQxC,KAAKa,WAAWiB,KAAK9B,MAC7BlD,MAAOkD,KAAKF,MAAMhD,OAAS,GAC3BwF,YAAatC,KAAKF,MAAMwC,aAAe,GACvC1E,KAAMoC,KAAKF,MAAMlC,MAAQ,OACzB6G,KACAvC,IAAMjB,GAAWjB,KAAKiB,MAAQA,EAC9BoB,KAAMrC,KAAKF,MAAMuC,QAQrB,UAAC,OAAI7C,YACF,UAAAyB,GACD,SAAC,SAAMkJ,QAAS1F,EAAIjF,UAAU,gBAC3B,SAAA3C,MAIT,ECzCa,SAASuN,GAAgB,UACtC5K,EAAS,SACTkF,GAAW,EAAK,OAChB1C,EAAS,CAAC,EAAC,MACXnF,EAAQwF,EAAI,KACZA,EAAI,SACJjC,EAAQ,QACRoB,EAAO,MACP1E,IAEA,MAAM2H,EAAK,GAAGpC,UACRiE,EAAQtE,EAAOK,GAMrB,OAJIiE,IACFzJ,GAAS,IAAIyJ,MAIb,UAAC,OAAI9G,UAAW,IAAG,gBAAiBA,EAAW,CAAE8G,UAC/C,qBAAC,OAAI9G,UAAU,gCACb,qBAAC,UACCiF,KACAjF,UAAU,8DACV6C,OACAvF,QACAsD,WACAsE,WAEA,oBAAC,UAAO5H,MAAM,GAAG,eAChB0E,EAAQG,KAAK0I,IACZ,SAAC,UAA0BvN,MAAOuN,EAAOvN,MACtC,SAAAuN,EAAOhI,MADGgI,EAAOvN,aAKxB,SAAC,QAAK0C,UAAU,6BAElB,SAAC,SAAM2K,QAAS1F,EAAIjF,UAAU,gBAC3B,SAAA3C,MAIT,C,cC9CA,MAAMyN,EAAY5E,EAAgB,CAChC6E,UAAW,CAAC5D,GACZ6D,SAAU,CAAC7D,GACX8D,MAAO,CAAC9D,EAAUU,GAClBqD,IAAK,CAAC/D,KAGFgE,EAAoBjF,EAAgB,CACxC6E,UAAW,CAAC5D,GACZ6D,SAAU,CAAC7D,GACX8D,MAAO,CAAC9D,EAAUU,GAClBuD,SAAU,CAACjE,GACXkE,KAAM,CAAClE,GACP1G,MAAO,CAAC0G,GACRmE,QAAS,CAACnE,GACV+D,IAAK,CAAC/D,KAIFoE,EAAkCrF,EAAgB,CACtD6E,UAAW,CAAC5D,GACZ6D,SAAU,CAAC7D,GACX8D,MAAO,CAAC9D,EAAUU,GAClBuD,SAAU,CAACjE,GACXkE,KAAM,CAAClE,GACPmE,QAAS,CAACnE,GACV+D,IAAK,CAAC/D,KAWO,SAASqE,GAAgB,OACtCzB,EAAM,SACNC,EAAQ,YACRyB,EAAW,WACX9B,EAAU,iBACVpG,IAEA,MAAO6C,EAAQsF,IAAa,IAAAjM,UAASgM,IAC9BjJ,EAAQmJ,IAAa,IAAAlM,UAAS,CAAC,GAEhCmM,ECpDD,WACL,MAAOA,EAAWC,IAAgB,IAAApM,UAAS,IAW3C,OATA,IAAAqM,YAAU,KACRC,EAAA,EACGC,IAAI,qBACJC,OACAC,MAAMC,IACLN,EAAaM,EAAK,GAClB,GACH,IAEIP,CACT,CDuCoBQ,GACZC,ECtCD,SAAyBC,GAC9B,MAAOD,EAAcE,IAAmB,IAAA9M,UAAS,IAWjD,OATA,IAAAqM,YAAU,KACRC,EAAA,EACGC,IAAI,qBAAqBM,KACzBL,OACAC,MAAMC,IACLI,EAAgBJ,EAAK,GACrB,GACH,CAACG,IAEGD,CACT,CDyBuBG,CAAgBpG,EAAOkF,SACtCmB,EAAyC,IAAxBJ,EAAanF,OAKpC,SAASwF,EAAazN,GACpB,MAAM,KAAE4D,EAAI,MAAEvF,GAAU2B,EAAM6B,OAExB6L,EAAY1K,OAAOiH,OAAO,CAAC,EAAG9C,EAAQ,CAC1C,CAACvD,GAAOvF,IAIN8I,EAAOkF,UAAYqB,EAAUrB,UAC/BqB,EAAUlM,MAAQ,IAGpBiL,EAAUiB,EACZ,CAyBA,SAASpD,EAAWtK,GAClBA,EAAM2N,iBAEN,MAAMpK,EAzBR,SAAkB4D,GAChB,IAAI5D,EAcJ,OAVIA,EAFAe,EACEkJ,EACOlB,EAAgCnF,GAEhC+E,EAAkB/E,GAGpB0E,EAAU1E,GAGrBuF,EAAUnJ,GAEHA,CACT,CASiBqG,CAASzC,GAEW,IAA/BnE,OAAOC,KAAKM,GAAQ0E,QACtByC,EAAWvD,EAEf,CAEA,MAAMpG,EAAY,IAAG,oBAAqB,CACxC,oBAAqBuD,EACrB,4BAA6BwG,GAAUC,IAGzC,OACE,UAAC,OAAIhK,YACH,oBAAC,MAAG,0BACH+J,IACC,UAAC,OACC,qBAAC,QACC9E,GAAG,oBACHjF,UAAU,6BACV6M,SAAUtD,EAEV,oBAACc,EAAA,CACCzJ,SAAU8L,EACV1M,UAAU,OACV6C,KAAK,YACLvF,MAAO8I,EAAO2E,UACdvI,SACAnF,MAAM,gBAER,SAACgN,EAAA,CACCzJ,SAAU8L,EACV1M,UAAU,aACV6C,KAAK,WACLvF,MAAO8I,EAAO4E,SACdxI,SACAnF,MAAM,eAER,SAACgN,EAAA,CACCzJ,SAAU8L,EACV1M,UAAU,OACV6C,KAAK,QACLzE,KAAK,QACLd,MAAO8I,EAAO6E,MACdzI,SACAnF,MAAM,WAER,SAACgN,EAAA,CACCzJ,SAAU8L,EACV1M,UAAU,aACV6C,KAAK,QACLvF,MAAO8I,EAAO0G,MACdtK,SACAnF,MAAM,aAER,SAACgN,EAAA,CACCzJ,SAAU8L,EACV1M,UAAU,OACV6C,KAAK,WACLvF,MAAO8I,EAAOgF,SACd5I,SACAnF,MAAM,aAER,SAACgN,EAAA,CACCzJ,SAAU8L,EACV1M,UAAU,aACV6C,KAAK,WACLvF,MAAO8I,EAAO2G,SACdvK,SACAnF,MAAM,eAER,SAACuN,EAAA,CACChK,SAAU8L,EACV1M,UAAU,OACV6C,KAAK,UACLvF,MAAO8I,EAAOkF,QACdtJ,QAAS4J,EACTpJ,SACAnF,MAAM,aAER,SAACuN,EAAA,CACChK,SAAU8L,EACV1M,UAAU,aACV6C,KAAK,QACLvF,MAAO8I,EAAO3F,MACduB,QAASqK,EACT7J,SACAnF,MAAM,QACN6H,SAAUuH,KAEZ,SAACpC,EAAA,CACCzJ,SAAU8L,EACV1M,UAAU,OACV6C,KAAK,OACLvF,MAAO8I,EAAOiF,KACd7I,SACAnF,MAAM,UAER,SAACgN,EAAA,CACCzJ,SAAU8L,EACV1M,UAAU,aACV6C,KAAK,MACLvF,MAAO8I,EAAO8E,IACd1I,SACAnF,MAAM,wBAGV,SAAC4I,EAAA,CACChG,QAASsJ,EACTnL,KAAK,SACL4O,KAAK,oBACL5J,KAAM4G,EAAW,SAAW,aAIhCD,GAAUC,IAAY,SAACiD,EAAA,CAAoBxB,kBAGnD,CAOA,SAASwB,GAAsBxB,YAAayB,IAC1C,OACE,UAAC,OACC,oBAAC,OAAK,SAAAC,EAAY,CAACD,EAAUnC,UAAWmC,EAAUlC,UAAW,QAC7D,SAAC,OAAK,SAAAmC,EAAY,CAACD,EAAUjC,MAAOiC,EAAUJ,OAAQ,aACtD,SAAC,OAAK,SAAAK,EAAY,CAACD,EAAU9B,SAAU8B,EAAUH,UAAW,SAC5D,SAAC,OACE,SAAAI,EAAY,CAACD,EAAU7B,KAAM6B,EAAUzM,MAAOyM,EAAUhC,KAAM,SAEjE,SAAC,OAAK,SAAAgC,EAAU5B,YAGtB,CAEA,SAAS6B,EAAYC,EAAMC,GAEzB,OADoBD,EAAK3G,QAAQ6G,KAAQA,IACtBrG,KAAKoG,EAC1B,CEtPe,MAAME,UAAqB,EAAAnN,UACxC,WAAAC,CAAYC,GACVC,MAAMD,GACNE,KAAKC,MAAQ,CAAE+M,UAAW,GAC1BhN,KAAKiN,QAAUpP,OAAOqP,WAAWlN,KAAKmN,aAAarL,KAAK9B,MAAO,IACjE,CAEA,YAAAmN,GACEnN,KAAKY,SAAS,CAAEoM,WAAYhN,KAAKC,MAAM+M,UAAY,GAAK,IACxDhN,KAAKiN,QAAUpP,OAAOqP,WAAWlN,KAAKmN,aAAarL,KAAK9B,MAAO,IACjE,CAEA,oBAAAoN,GACEvP,OAAOwP,aAAarN,KAAKiN,QAC3B,CAEA,MAAA3L,GACE,OACE,SAAC,OAAI9B,UAAU,yBACb,mBAAC,OAAIA,UAAU,0BACb,oBAAC,OAAI8N,MAAM,6BAA6BjE,QAAQ,cAC7C,UAAyB,IAAzBrJ,KAAKC,MAAM+M,YACV,UAAC,KAAExN,UAAU,8BACX,oBAAC,WACCA,UAAU,eACV8J,OAAO,yCAET,SAAC,WACC9J,UAAU,eACV8J,OAAO,6DAET,SAAC,WACC9J,UAAU,eACV8J,OAAO,wDAET,SAAC,WACC9J,UAAU,eACV8J,OAAO,qEAIc,IAAzBtJ,KAAKC,MAAM+M,WAA4C,IAAzBhN,KAAKC,MAAM+M,aACzC,UAAC,KAAExN,UAAU,+BACX,oBAAC,WACCA,UAAU,eACV8J,OAAO,+CAET,SAAC,WACC9J,UAAU,eACV8J,OAAO,sCAET,SAAC,WACC9J,UAAU,eACV8J,OAAO,qDAET,SAAC,WACC9J,UAAU,eACV8J,OAAO,wDAET,SAAC,WACC9J,UAAU,eACV8J,OAAO,gDAET,SAAC,WACC9J,UAAU,eACV8J,OAAO,mDAET,SAAC,WACC9J,UAAU,eACV8J,OAAO,0DAET,SAAC,WACC9J,UAAU,eACV8J,OAAO,+DAIc,IAAzBtJ,KAAKC,MAAM+M,WAA4C,IAAzBhN,KAAKC,MAAM+M,aACzC,UAAC,KAAExN,UAAU,gCACX,oBAAC,WACCA,UAAU,eACV8J,OAAO,6DAET,SAAC,WACC9J,UAAU,eACV8J,OAAO,6DAET,SAAC,WACC9J,UAAU,eACV8J,OAAO,6DAET,SAAC,WACC9J,UAAU,eACV8J,OAAO,sCAET,SAAC,WACC9J,UAAU,eACV8J,OAAO,6DAET,SAAC,WACC9J,UAAU,eACV8J,OAAO,6DAET,SAAC,WACC9J,UAAU,eACV8J,OAAO,kEAET,SAAC,WACC9J,UAAU,eACV8J,OAAO,+DAET,SAAC,WACC9J,UAAU,eACV8J,OAAO,kEAET,SAAC,WACC9J,UAAU,eACV8J,OAAO,sDAET,SAAC,WACC9J,UAAU,eACV8J,OAAO,kEAET,SAAC,WACC9J,UAAU,eACV8J,OAAO,oEAIa,IAAzBtJ,KAAKC,MAAM+M,YACV,UAAC,KAAExN,UAAU,kCACX,oBAAC,WACCA,UAAU,eACV8J,OAAO,6DAET,SAAC,WACC9J,UAAU,eACV8J,OAAO,6DAET,SAAC,WACC9J,UAAU,eACV8J,OAAO,gEAET,SAAC,WACC9J,UAAU,eACV8J,OAAO,6DAET,SAAC,WACC9J,UAAU,eACV8J,OAAO,wDAET,SAAC,WACC9J,UAAU,eACV8J,OAAO,6DAET,SAAC,WACC9J,UAAU,eACV8J,OAAO,0DAET,SAAC,WACC9J,UAAU,eACV8J,OAAO,sCAET,SAAC,WACC9J,UAAU,eACV8J,OAAO,6DAET,SAAC,WACC9J,UAAU,eACV8J,OAAO,oEAET,SAAC,WACC9J,UAAU,eACV8J,OAAO,kEAET,SAAC,WACC9J,UAAU,eACV8J,OAAO,+DAET,SAAC,WACC9J,UAAU,eACV8J,OAAO,iEAET,SAAC,WACC9J,UAAU,eACV8J,OAAO,yDAET,SAAC,WACC9J,UAAU,eACV8J,OAAO,kEAET,SAAC,WACC9J,UAAU,eACV8J,OAAO,gEAET,SAAC,WACC9J,UAAU,eACV8J,OAAO,gEAET,SAAC,WACC9J,UAAU,eACV8J,OAAO,0EAQvB,ECvMa,SAASiE,EAAWzN,GACjC,MAAM0N,GAAS,IAAAC,aACTC,GAAW,IAAAC,gBAEVlD,EAAOmD,IAAY,IAAA3O,UAAS,KAC5BgF,EAAS4J,IAAc,IAAA5O,UAAS,OAChC6O,EAAWC,IAAgB,IAAA9O,WAAS,GAiDrC+O,EAAgB,CACpBC,cAAe,CACbC,eAAgB,CACd7L,KAAM,GAAGvC,EAAMmL,YAAYV,aAAazK,EAAMmL,YAAYT,WAC1DC,MAAO3K,EAAMmL,YAAYR,MACzB6B,MAAOxM,EAAMmL,YAAYqB,MACzB6B,QAAS,CACPC,MAAOtO,EAAMmL,YAAYL,SACzByD,MAAOvO,EAAMmL,YAAYsB,SACzBzB,QAAShL,EAAMmL,YAAYH,QAC3B7K,MAAOH,EAAMmL,YAAYhL,MACzB4K,KAAM/K,EAAMmL,YAAYJ,KACxByD,YAAaxO,EAAMmL,YAAYP,QAMvC,OACE,UAAC,QAAKjG,GAAG,eACP,oBAAC,EAAA8J,eAAc,CAAC9J,GAAG,kBAAkBjD,QAASwM,KAC9C,SAAC3J,EAAA,CACC7E,UAAU,gBACVkF,SAAUoJ,IAAcN,IAAWE,EACnCjJ,GAAG,SACH7B,KAtCgB,WAIpB,IAAIA,EAAO,eAHUS,EACnBJ,EAAkBnD,EAAMgD,OAAQhD,EAAMoD,cAQxC,MAJwB,SAApBpD,EAAMsB,YACRwB,GAAQ,IAAM9C,EAAMsB,WAGfwB,CACT,CA2BY4L,GACN/O,QAzEegP,MAAOnR,IAG1B,GAFAA,EAAE8O,kBAEGoB,IAAWE,EAGd,OAGFK,GAAa,GAEb,MAAM,MAAEzH,SAAgBkH,EAAOkB,eAAe,CAC5ChB,WACAiB,cAAe,CACbC,WAAY,GAAG/Q,OAAOgR,SAASC,+BAShB,eAAfxI,EAAM1I,KACRiQ,EAAWvH,EAAMrC,SACO,qBAAfqC,EAAM1I,MAGfiQ,EAAW,iCAAiCvH,EAAMrC,WAGpD8J,GAAa,EAAM,IA4ChBD,IAAa,SAACf,EAAY,IAE1B9I,IACC,SAAC,OAAIzE,UAAU,gBAAgBiF,GAAG,kBAC/B,SAAAR,MAKX,CCnGe,MAAM8K,UAAoB,EAAAnP,UACvC,MAAA0B,GACE,IAAI9B,EAAY,GAKhB,OAJKQ,KAAKF,MAAMyJ,QAAUvJ,KAAKC,MAAMuJ,WACnChK,GAAa,8BAIb,UAAC,OAAIA,UAAW,gBAAgBA,IAC9B,oBAAC,OAAIA,UAAU,+BACb,mBAAC,MAAGA,UAAU,qBAAqB,uBAEpCQ,KAAKF,MAAMyJ,QAAUvJ,KAAKyJ,gBACzBzJ,KAAKF,MAAMyJ,QAAUvJ,KAAKC,MAAMuJ,UAAYxJ,KAAK0J,mBAGzD,CAEA,YAAAD,GACE,OACE,SAAC,OACC,mBAAC8D,EAAA,CACCpE,WAAYnJ,KAAKF,MAAMqJ,WACvB8B,YAAajL,KAAKF,MAAMmL,YACxBnI,OAAQ9C,KAAKF,MAAMgD,OACnB1B,UAAWpB,KAAKF,MAAMsB,UACtB8B,UAAWlD,KAAKF,MAAMoD,aAI9B,CAEA,cAAAwG,GACE,MAAMsF,EAAOhP,KAAKF,MAAMmP,kBAAkBD,KAC1C,MAAO,GAAGA,EAAKE,mBAAmBF,EAAKG,OACzC,ECtCa,SAASC,GAAe,OACrC7F,EAAM,SACNC,EAAQ,WACR6F,EAAU,OACVC,EAAM,SACNpF,IAEA,IAAKX,IAAWC,EACd,OAAO,SAAC,UAGV,MAAM+F,GACJ,SAAC,OAAI/P,UAAU,2BACb,mBAAC,KAAEA,UAAU,8BAA8BC,QAAS4P,EAAY,oBAMpE,OACE,UAAC,OACC7P,UAAW,IAAG,kBAAmB,CAAE,yBAA0B+J,IAE7D,oBAAC,OAAI/J,UAAU,0BAA2B0K,cACxCX,GAAUC,IAAa8F,GAAUC,IAGzC,CCiBA,SAASC,EAAgBC,GACvB,MAAO,CACLC,SAAU,MACV5S,MAAO2S,EAAaxN,eACpB0N,mBAAoBF,EAAa1H,kBACjC6H,gBAAiBH,EAAatL,eAC9B0L,MAAO,CACL,CACEC,UAAW,UAAUL,EAAa1H,sBAI1C,CC5BA,SAASgI,KACP,MAAMC,GAAiB,QAAgB,gBAAkB,KACzD,IAAIC,EAAO,SACPC,EAAiB,GAUrB,MARuB,YAAnBF,GACFC,EAAO,UACPC,EAAiB,CAAC,WACU,YAAnBF,IACTC,EAAO,UACPC,EAAiB,CAAC,SAAU,YAGvB,CACLD,OACAC,iBAEJ,CAEA,SAASC,KACP,MAAMC,GAAW,QAAiB,YAAY,IAAS,CAAC,EACxD,IAAInO,EAAiBsB,OAAO6M,EAAStN,QACjCS,OAAO/C,MAAMyB,KACfA,EAAiB,IAGnB,IAAIkC,EAAiBiM,EAASR,gBAK9B,OAJI,QAAkBzL,KACpBA,GAAiB,GAGZ,CACL4D,kBAAmBqI,EAAShP,WAAa,UACzCa,iBACAkC,iBAEJ,CAEA,SAASkM,KACP,MAAMC,GAAQ,QAAiB,SAAS,IAAS,CAAC,EAClD,MAAO,CACLrF,YAAa,CACXV,UAAW+F,EAAMC,YAAc,GAC/B/F,SAAU8F,EAAME,WAAa,GAC7B/F,MAAO6F,EAAM7F,OAAS,GACtB6B,MAAOgE,EAAMhE,OAAS,GACtB1B,SAAU0F,EAAM1F,UAAY,GAC5B2B,SAAU+D,EAAM/D,UAAY,GAC5BzB,QAASwF,EAAMxF,SAAW,KAC1B7K,MAAOqQ,EAAMrQ,OAAS,GACtB4K,KAAMyF,EAAMzF,MAAQ,GACpBH,IAAK4F,EAAM5F,KAAO,IAGxB,CAEA,SAAS+F,KAGP,MAAO,CACLC,kBAHc,QAAiB,WAAW,IAAS,CAAC,GAG3BC,aAAe,KACxCC,cAAc,QAAgB,kBAAoB,KAEtD,CC1EA,MAAMC,GAAQ,CAAC,SAAU,UAAW,UAAW,YAEzCC,IAAgB,OAAWjT,OAAOkT,yBAEzB,MAAMC,WAAoB,EAAApR,UACvC,WAAAC,CAAYC,GACVC,MAAMD,GACNE,KAAKC,MDRA,CACLiD,WAHgB,EAIhB+N,QAba,QAAiB,gBAAgB,IAAS,KAcvDC,YAbiB,QAAgB,QAAU,UAc3C5K,MAAO,QACJ+J,QACAI,QACAN,QACAJ,KCCL,CAEA,gBAAAoB,CAAiBlB,GACf,IAAIC,EAAiBlQ,KAAKC,MAAMiQ,eAC5BkB,GAAkB,EAGjBlB,EAAemB,SAASpB,KAC3BC,EAAiB,IAAIA,EAAgBD,GACrCmB,GAAkB,GAEpB,MAAME,EAAWT,GAAMU,MAAMtB,IAAUC,EAAemB,SAASpB,KAE/DjQ,KAAKY,SAAS,CAAEsP,iBAAgBD,KAAMqB,IAAY,MFxB/C,SAA2BrB,EAAMR,GACzB,WAATQ,GACF,QAAW,iBAAkBT,EAAgBC,IAC3B,YAATQ,GACT,QAAW,oBAAqBT,EAAgBC,IAC9B,YAATQ,GACT,QAAW,mBAAoB,CAC7BuB,aAAc,YACXhC,EAAgBC,KAEH,WAATQ,IACT,QAAW,WAAY,CACrBwB,YAAahC,EAAaiC,cAC1BC,WAAYlC,EAAavM,aACtBsM,EAAgBC,IAGzB,CEQMmC,CAAkB3B,EAAMjQ,KAAKC,OAC7BD,KAAK6R,gBAAgBP,EAAS,GAElC,CAEA,cAAAQ,CAAeC,GACb/R,KAAKY,SAAS,CAAEqP,KAAM8B,IAAW,KAC/B/R,KAAK6R,gBAAgBE,EAAQ,KAE/B,QAAW,kCAAmC,CAAEA,WAClD,CAEA,eAAAF,CAAgBE,IACT,WAGL,IAAkB/R,KAAK+R,GAAU,CAC/BC,MAAO,MACPC,QAAS,GACTC,SAAU,KAEd,CAEA,cAAAC,CAAexG,GACb3L,KAAKY,SACH,CACEqB,eAAgB0J,EAAK1J,eACrB8F,kBAAmB4D,EAAK5D,kBACxB5D,eAAgBwH,EAAKxH,eACrBjB,UAAWyI,EAAKzI,YAElB,IAAMlD,KAAKoS,uBAEbpS,KAAKmR,iBAAiB,SACxB,CAEA,mBAAAkB,CAAoBC,GAClBtS,KAAKY,SACH,CACEqK,YAAaqH,IAEf,IAAMtS,KAAKuS,SAEbvS,KAAKmR,iBAAiB,UACxB,CAEA,kBAAAiB,GACE7G,EAAA,EACGiH,KAAK,yBAA0B,CAC9B/G,KAAM,CACJ3I,OAAQG,EACNjD,KAAKC,MAAMgC,eACXjC,KAAKC,MAAMiD,WAEb9B,UAAWpB,KAAKC,MAAM8H,kBACtB2I,gBAAiB1Q,KAAKC,MAAMyQ,mBAG/BjF,OACAC,MAAMC,IACDA,EAAKiF,cACP5Q,KAAKY,SAAS,CACZgQ,aAAcjF,EAAKiF,aACnBF,gBAAiB/E,EAAKlH,IAE1B,IAEDgO,OAAMhE,MAAOnI,IACZ,MAAMqF,QAAarF,EAAMoM,SAASjH,OAElClO,QAAQY,IAAI,gCAAiCwN,GAC7C3L,KAAKY,SAAS,CACZgQ,aAAc,KACdtK,MAAOqF,EAAKrF,OAAS,kDACrB,GAER,CAEA,IAAAiM,GACEhH,EAAA,EACGiH,KAAK,uBAAwB,CAC5B/G,KAAM,CACJyF,WAAYlR,KAAKC,MAAMiR,WACvBpO,OAAQG,EACNjD,KAAKC,MAAMgC,eACXjC,KAAKC,MAAMiD,WAEbA,UAAWlD,KAAKC,MAAMiD,UACtBwN,gBAAiB1Q,KAAKC,MAAMyQ,gBAC5BjG,MAAOzK,KAAKC,MAAMgL,YAAYR,MAC9BQ,YAAajL,KAAKC,MAAMgL,YACxB7J,UAAWpB,KAAKC,MAAM8H,kBAAkB4K,cACxCxO,eAAgBnE,KAAKC,MAAMkE,kBAG9BsH,OACAC,MAAK,KACJ1L,KAAKY,SAAS,CACZ0F,MAAO,OAGTzI,OAAO+U,QAAQC,UACb,KACA,GACA,0BAA0B7S,KAAKC,MAAMyQ,iCAAiC1Q,KAAKC,MAAM2Q,mCAClF,IAEF6B,OAAMhE,MAAOnI,IACZ,IAAIM,EACJ,IAEEA,SADmBN,EAAMoM,SAASjH,QACdnF,KACtB,CAAE,MAAOhJ,GACPsJ,EAAe,gDACjB,CAEA5G,KAAKY,SAAS,CACZ0F,MAAOM,GACP,GAER,CAEA,gBAAAkM,GACE,MAAO,CACLlC,aAAc5Q,KAAKC,MAAM2Q,aACzBmC,WAAY,CACVC,MAAO,QACPC,UAAW,CACTC,aAAc,UACdC,YAAa,YAIrB,CAEA,MAAA7R,GACE,OACE,UAAC,OAAI9B,UAAU,qBACZ,UAAAQ,KAAKoT,gBACJpT,KAAKC,MAAMqG,OAAStG,KAAKqT,mBAGjC,CAEA,cAAAA,GACE,OACE,UAAC,OAAI7T,UAAU,oBACZ,UAAoB,WAApBQ,KAAKC,MAAMgQ,OACV,SAACpR,EAAK,CAACC,YAAakB,KAAKF,MAAM0B,WAEjC,SAAC4N,EAAA,CACC7F,OAA4B,WAApBvJ,KAAKC,MAAMgQ,KACnBzG,SAAUxJ,KAAKC,MAAMiQ,eAAemB,SAAS,UAC7ChC,WAAYrP,KAAK8R,eAAehQ,KAAK9B,KAAM,UAE3C,mBAACyH,EAAA,CACCW,YAAapI,KAAKF,MAAM0B,QAAQ4G,YAChCmB,OAA4B,WAApBvJ,KAAKC,MAAMgQ,KACnBzG,SAAUxJ,KAAKC,MAAMiQ,eAAemB,SAAS,UAC7C1J,oBAAqB3H,KAAKC,MAAMgC,eAChC4F,uBAAwB7H,KAAKC,MAAM8H,kBACnC7E,UAAWlD,KAAKC,MAAMiD,UACtBiG,WAAYnJ,KAAKmS,eAAerQ,KAAK9B,WAGzC,SAACoP,EAAA,CACC7F,OAA4B,YAApBvJ,KAAKC,MAAMgQ,KACnBzG,SAAUxJ,KAAKC,MAAMiQ,eAAemB,SAAS,WAC7ChC,WAAYrP,KAAK8R,eAAehQ,KAAK9B,KAAM,WAE3C,mBAACgL,EAAA,CACCC,YAAajL,KAAKC,MAAMgL,YACxB9B,WAAYnJ,KAAKqS,oBAAoBvQ,KAAK9B,MAC1CwJ,SAAUxJ,KAAKC,MAAMiQ,eAAemB,SAAS,WAC7C9H,OAA4B,YAApBvJ,KAAKC,MAAMgQ,KACnBlN,iBACE/C,KAAKC,MAAMkE,gBACXpB,EACE/C,KAAKC,MAAMgC,eACXjC,KAAKC,MAAM8H,wBAKnB,SAACqH,EAAA,CACC7F,OAA4B,YAApBvJ,KAAKC,MAAMgQ,KACnBzG,SAAUxJ,KAAKC,MAAMiQ,eAAemB,SAAS,WAC7ChC,WAAYrP,KAAK8R,eAAehQ,KAAK9B,KAAM,WAE3C,mBAAC,EAAAsT,SAAQ,CAAC9R,QAASxB,KAAK8S,mBAAoBtF,OAAQsD,GACjD,SAAA9Q,KAAKC,MAAM2Q,eACV,SAAC7B,EAAA,CACC9D,YAAajL,KAAKC,MAAMgL,YACxBgE,kBAAmBjP,KAAKC,MAAMsT,aAC9BhK,OAA4B,YAApBvJ,KAAKC,MAAMgQ,KACnBzG,SAAUxJ,KAAKC,MAAMiQ,eAAemB,SAAS,WAC7CvO,OAAQ9C,KAAKC,MAAMgC,eACnBb,UAAWpB,KAAKC,MAAM8H,kBACtB7E,UAAWlD,KAAKC,MAAMiD,kBAOpC,CAEA,YAAAkQ,GACE,OAAIpT,KAAKC,MAAMqG,OAEX,UAAC,OAAI9G,UAAU,oBACb,oBAAC,OAAIA,UAAU,gBAAiB,SAAAQ,KAAKC,MAAMqG,SAC3C,UAAC,KAAE,mDACsC,KACvC,SAAC,KAAEkN,KAAK,wCAAwC,kDAM7CxT,KAAKC,MAAMgR,QAElB,UAAC,OAAIzR,UAAU,oBACb,oBAAC,OAAIA,UAAU,gBAAiB,SAAAQ,KAAKC,MAAMgR,UAC3C,UAAC,KAAE,qFAEO,KACR,SAAC,KAAEuC,KAAK,wCAAwC,uDAPjD,CAcT,EC9QF,MAAMC,GAAYC,SAASC,eAAe,mBAE1C,IAAArS,SACE,SAAC,cACC,mBAAC0P,GAAW,CAACxP,QAASiS,GAAUG,YAElCH,G,kCCNF5V,OAAOgW,UAAYhW,OAAOgW,WAAa,GAChC,MAAMC,EACXjW,OAAOiW,MACP,WACEjW,OAAOgW,UAAU5V,KAAKZ,UACxB,EAEW0W,EAAMlW,OAAOkW,GACxBlW,OAAOkW,IACP,YACGA,EAAGC,EAAID,EAAGC,GAAK,IAAI/V,KAAKZ,UAC3B,C,iBCPK,SAAS4W,IAThB,MAUE,OAAO,SAAAP,SACJQ,cAAc,iCADV,IAEHC,aAAa,UACnB,C,yBAwCA,Q,QAAe,GAAGC,OAAO,CACvBC,MAAO,CAAEC,cAAe,CAX1B,SAAiCC,GAER,QAAnBA,EAAQC,QArBd,SAAyBC,GAEvB,IAAKA,EAAIC,WAAW,QAClB,OAAO,EAGT,IAEE,OAAO,IAAIC,IAAIF,GAAKG,WAAa/W,OAAOgR,SAAS+F,QACnD,CAAE,MAAO7T,GAGP,OAAO,CACT,CACF,CASQ8T,CAAgBN,EAAQE,MAC1BF,EAAQO,QAAQC,IAAI,eAAgBd,IAG1C,K,iBCnDO,SAASe,EAAO3S,EAAM4S,EAAQC,GACnC,MAAMlT,EAAS,GAQf,GANAkT,EAAa1W,SAASoD,IAChBuT,EAAYF,EAAOrT,KACrBI,EAAO/D,KAAK,gBAAgB2D,yBAC9B,IAGEI,EAAO0E,OAAS,EAClB,MAAM,IAAI0O,MAAM,iBAAiB/S,OAAUL,EAAOyE,KAAK,QAE3D,CAEO,SAAS4O,EAAkBvY,GAChC,OAAiB,OAAVA,QAA4B,IAAVA,CAC3B,CAEO,SAASqY,EAAYrY,GAC1B,YAAiB,IAAVA,CACT,CAEO,SAASwY,EAAiB1T,EAAK2T,GAAW,GAC/C,MAAMzY,EAAQe,OAAOO,iBAAiBwD,GAEtC,IAAK2T,GAAYJ,EAAYrY,GAC3B,MAAM,IAAIsY,MAAM,4BAA4BxT,iGAI9C,OAAO9E,CACT,CAEO,SAAS0Y,EAAenT,GAC7B,MAAM,IAAI+S,MACR,GAAG/S,qEAEP,CAQO,SAASoT,IACd,OAAO5X,OAAO6X,YAAc,GAC9B,CAGO,SAASC,EAAgBtT,GAC9BA,EAAOA,EAAK9B,QAAQ,OAAQ,OAAOA,QAAQ,OAAQ,OACnD,MACMqV,EADQ,IAAIC,OAAO,SAAWxT,EAAO,aACrByT,KAAKjH,SAASkH,QACpC,OAAmB,OAAZH,EACH,GACAI,mBAAmBJ,EAAQ,GAAGrV,QAAQ,MAAO,KACnD,CAGO,SAAS0V,IACd,6CAA4C1V,QAAQ,UAAW2V,IAE3DA,EACCC,OAAOC,gBAAgB,IAAIC,WAAW,IAAI,GAAM,IAAOH,EAAI,GAC5DI,SAAS,KAEf,CAEO,SAASC,EAAqBC,EAAOC,EAAUjV,EAAU,CAAC,GAC/D,MAAMkV,EAAOC,EAAEF,GAEXC,EAAKhQ,OAAS,GAChBgQ,EAAKE,MAAK,CAACC,EAAOC,KAChB,MAAMC,EAAW,IAAIP,EAAM,CAAEM,OACxBtV,EAAQwV,YACXD,EAASzV,QACX,GAGN,CAEO,SAAS2V,EAAkBC,EAAWC,GACvCzD,SAASQ,cAAcgD,IACzBC,GAEJ,CAEO,SAASC,EACdF,EACAG,GACA,WAAEL,GAAe,CAAC,GAElB,MAAMM,EAAM5D,SAAS6D,iBAAiBL,GAChCM,EAAQF,EAAI5Q,OAGd8Q,EAAQ,GACVH,IAAS3L,MAAK,EAAG+L,QAASC,MACxB,QAASC,EAAM,EAAGA,EAAMH,EAAOG,IAAO,CACpC,MACMZ,EAAW,IAAIW,EAAM,CAAEZ,GADlBQ,EAAIK,KAGVX,GACHD,EAASzV,QAEb,IAGN,CAEO,SAASsW,EAAWnD,GACzB,MAAMoD,EAAMnE,SAASoE,cAAc,UACnCD,EAAIjO,IAAM6K,EACVoD,EAAIpJ,OAAQ,EACZiF,SAASvU,KAAK4Y,OAAOF,EACvB,C","sources":["webpack://endrun/./app/javascript/app/analytics/helpers.js","webpack://endrun/./app/javascript/app/support/pitch.js","webpack://endrun/./app/javascript/app/support/moneyselector.js","webpack://endrun/./app/javascript/app/support/benefitoption.js","webpack://endrun/./app/javascript/app/support/shared.js","webpack://endrun/./app/javascript/app/support/membershipbenefitpanel.js","webpack://endrun/./app/javascript/app/shared/button.js","webpack://endrun/./app/javascript/app/support/recurringnudge.js","webpack://endrun/./app/javascript/app/shared/customselect.js","webpack://endrun/./app/javascript/app/support/frequencyselector.js","webpack://endrun/./app/javascript/app/support/nextbutton.js","webpack://endrun/./app/javascript/app/shared/validators.js","webpack://endrun/./app/javascript/app/support/supportintent.js","webpack://endrun/./app/javascript/app/shared/formfield.js","webpack://endrun/./app/javascript/app/shared/selectformfield.js","webpack://endrun/./app/javascript/app/support/contactinfoform.js","webpack://endrun/./app/javascript/app/support/hooks.js","webpack://endrun/./app/javascript/app/support/progresslogo.js","webpack://endrun/./app/javascript/app/support/stripeform.js","webpack://endrun/./app/javascript/app/support/paymentform.js","webpack://endrun/./app/javascript/app/support/supportsection.js","webpack://endrun/./app/javascript/app/support/analytics.js","webpack://endrun/./app/javascript/app/support/state.js","webpack://endrun/./app/javascript/app/support/supportpage.js","webpack://endrun/./app/javascript/app/support/index.js","webpack://endrun/./app/javascript/app/analytics/ga.js","webpack://endrun/./app/javascript/shared/http.js","webpack://endrun/./app/javascript/shared/utils.js"],"sourcesContent":["// packages\nimport delay from 'underscore/modules/delay.js';\n\n// local\nimport { gtag } from './ga.js';\n\n/**\n * Track a user interaction in GA.\n */\nexport function trackEvent(eventName, eventData = {}) {\n  // Convert legacy event format to GA4 format\n  if (typeof eventData === 'string') {\n    eventData = convertLegacyEvent(...arguments);\n    eventName = eventData.event_name;\n  }\n\n  try {\n    gtag('event', eventName, eventData);\n  } catch (e) {\n    console.warn('error reporting event', eventData);\n  }\n}\n\n/**\n * Convert a Universal analytics style event into GA4 format.\n */\nfunction convertLegacyEvent(\n  category,\n  action,\n  label = '',\n  value = undefined,\n  options = {}\n) {\n  return {\n    event_name: `${category}_${action}`,\n    event_category: category,\n    event_action: action,\n    event_label: label,\n    event_value: value,\n  };\n}\n\n/**\n * Track a non-interactive event in GA.\n */\nexport function trackPassiveEvent(\n  category,\n  action,\n  label = '',\n  value = undefined\n) {\n  const passiveOptions = { nonInteraction: 1 };\n  return trackEvent(category, action, label, value, passiveOptions);\n}\n\nexport const trackParselyConversion = (function () {\n  // make a queue for conversion events\n  const parselyConversionEventQueue = [];\n\n  // wrapper function safely handles either case\n  const capture = (type, label) => {\n    if (window.PARSELY && window.PARSELY.loaded) {\n      report(type, label);\n    } else {\n      parselyConversionEventQueue.push([type, label]);\n    }\n  };\n\n  const report = function (type, label) {\n    try {\n      window.PARSELY.conversions[type](label);\n      // console.log('reported', type, label)\n    } catch (e) {\n      console.log(\n        `Error reporting Parsely conversion. type: ${type}, label: ${label}, error: ${e}`\n      );\n    }\n  };\n\n  // Preload an event if it's present in the bootstrap\n  if (window.TMPBootstrapData && window.TMPBootstrapData.parselyConversion) {\n    const conversion = window.TMPBootstrapData.parselyConversion;\n    capture(conversion.type, conversion.label);\n  }\n\n  // flush the queue when the tracker loads\n  window.PARSELY = window.PARSELY || {\n    onload: function () {\n      delay(() => {\n        parselyConversionEventQueue.forEach((event) => {\n          report(event[0], event[1]);\n        });\n      });\n    },\n  };\n\n  return capture;\n})();\n\nexport function trackParselyNewsletterConversion(label) {\n  trackParselyConversion('trackNewsletterSignup', label);\n}\n\nexport function trackParselyMonthlyDonationConversion(label) {\n  trackParselyConversion('trackSubscription', label);\n}\n\nexport function trackParselyDonationConversion(label) {\n  trackParselyConversion('trackPurchase', label);\n}\n\nexport function trackParselyCustomConversion(label) {\n  trackParselyConversion('trackCustom', label);\n}\n\n// Make this available site-wide for graphics\nwindow.TMPAnalytics = window.TMPAnalytics || {};\nwindow.TMPAnalytics.trackConversion = trackParselyCustomConversion;\nwindow.TMPAnalytics.trackEvent = trackEvent;\n// For backwards compatibility with old graphics.\nwindow.report = trackEvent;\n","import { useState } from 'react';\nimport cx from 'classnames';\nimport { SlideDown } from 'react-slidedown';\nimport 'react-slidedown/lib/slidedown.css';\n\nconst FALLBACK_TITLE = 'We keep the spotlight on criminal justice.';\nconst FALLBACK_BODY =\n  'Our journalism establishes facts, exposes failures and examines solutions for a criminal justice system in crisis. If you believe in what we do, become a member today.';\n\nexport default function Pitch({ copyOptions }) {\n  const [collapsed, setCollapsed] = useState(true);\n\n  const { title, body } = copyOptions;\n\n  const renderedBody = <div dangerouslySetInnerHTML={{ __html: body }}></div>;\n\n  const fallbackBody = <p>{FALLBACK_BODY}</p>;\n\n  return (\n    <div className=\"support-pitch\">\n      <div className=\"support-hed\">\n        <h2 className=\"support-subhead\">{title || FALLBACK_TITLE}</h2>\n        <div className=\"support-pitch-content\">\n          {body ? renderedBody : fallbackBody}\n        </div>\n        <div>\n          <div\n            className={cx('support-benefits', { collapsed })}\n            onClick={() => setCollapsed(!collapsed)}\n          >\n            Benefits of giving to The Marshall Project\n          </div>\n          <SlideDown closed={collapsed}>\n            {!collapsed && (\n              <ul className=\"support-benefits-list\">\n                <li>\n                  A tri-annual \"Impact Report\" on the difference our journalism\n                  has made.\n                </li>\n                <li>\n                  An annual analysis on criminal justice reform by\n                  Editor-in-Chief Susan Chira.\n                </li>\n                <li>\n                  Early access and discounted or free tickets to criminal\n                  justice-related special events.\n                </li>\n              </ul>\n            )}\n          </SlideDown>\n        </div>\n      </div>\n    </div>\n  );\n}\n","import { Component } from 'react';\n\nexport default class MoneySelector extends Component {\n  constructor(props) {\n    super(props);\n    this.state = { open: false, ignoreFocus: false };\n  }\n\n  onChange(event) {\n    let value = parseInt(event.target.value.replace('$', ''), 10);\n    if (isNaN(value)) {\n      value = '';\n    }\n    if (value < 0) {\n      value = Math.abs(value);\n    }\n    this.props.onChange(value);\n  }\n\n  handleFocus(event) {\n    if (this.state.ignoreFocus) {\n      this.setState({ ignoreFocus: false });\n    } else {\n      this.setState({ open: true });\n    }\n  }\n\n  handleBlur(event) {\n    this.setState({ open: false });\n  }\n\n  handleSelection(value) {\n    if (value === 'other') {\n      this.setState({ open: false, ignoreFocus: true }, () => {\n        _.delay(() => {\n          this.input.focus();\n        }, 1);\n      });\n    } else {\n      this.props.onChange(value);\n    }\n  }\n\n  getOptionValues() {\n    if (this.props.frequency === 'monthly') {\n      return {\n        15: '$15',\n        25: '$25',\n        35: '$35',\n        other: 'Other',\n      };\n    } else {\n      return {\n        50: '$50',\n        100: '$100',\n        250: '$250',\n        1000: '$1,000',\n        other: 'Other',\n      };\n    }\n  }\n\n  render() {\n    const optionValues = this.getOptionValues();\n    const options = Object.keys(optionValues).map((key) => {\n      return (\n        <div\n          className=\"custom-select-option money-selector-option\"\n          key={key}\n          onMouseDown={this.handleSelection.bind(this, key)}\n        >\n          {optionValues[key]}\n        </div>\n      );\n    });\n    const optionsMarkup = (\n      <div className=\"money-selector-options custom-select-options\">\n        {options}\n      </div>\n    );\n\n    let className = '';\n    if (this.props.errors && this.props.errors.donationAmount) {\n      className = 'error';\n    }\n\n    return (\n      <div className={`custom-select money-selector inline-block ${className}`}>\n        <input\n          className=\"minimal-text-input money-selector-input\"\n          ref={(i) => {\n            this.input = i;\n          }}\n          autoComplete=\"off\"\n          type=\"number\"\n          value={this.props.value}\n          name=\"amount\"\n          placeholder=\"\"\n          onChange={this.onChange.bind(this)}\n          onFocus={this.handleFocus.bind(this)}\n          onBlur={this.handleBlur.bind(this)}\n        />\n        <span className=\"money-selector-symbol\">$</span>\n        {this.state.open && optionsMarkup}\n      </div>\n    );\n  }\n}\n","/**\n * @param {object} props\n * @param {boolean} props.desired\n * @param {React.MouseEventHandler} props.onToggle\n */\nexport default function BenefitOption({ desired, onToggle }) {\n  const text = desired ? 'Not interested?' : 'Changed your mind?';\n\n  return (\n    <span>\n      <a className=\"benefit-option-link\" onClick={onToggle}>\n        ({text})\n      </a>\n    </span>\n  );\n}\n","export const MONTHLY_THRESHOLD = 60;\nexport const ONE_TIME_THRESHOLD = 75;\n\nexport function getAnnualTotal(amount, frequency) {\n  const multiplier = frequency === 'monthly' ? 12 : 1;\n  return amount * multiplier;\n}\n\nexport function getAdditionalForBenefit(amount, frequency) {\n  const multiplier = frequency === 'monthly' ? 12 : 1;\n  return (\n    (getBenefitThreshold(frequency) - getAnnualTotal(amount, frequency)) /\n    multiplier\n  );\n}\n\nexport function receivingBenefit(amount, frequency) {\n  return getAnnualTotal(amount, frequency) >= getBenefitThreshold(frequency);\n}\n\nexport function getAmountWithFees(amount, coverFees) {\n  const numericAmount = parseInt(amount, 10);\n  if (coverFees) {\n    return (\n      numericAmount + Math.round((numericAmount * 0.029 + 0.3) * 100) / 100\n    );\n  } else {\n    return numericAmount;\n  }\n}\n\nexport function formatMoney(amount) {\n  const number = Number(amount);\n  if (Number.isInteger(number)) {\n    return number.toFixed(0);\n  } else if (Number.isNaN(number)) {\n    return amount;\n  } else {\n    return number.toFixed(2);\n  }\n}\n\nfunction getBenefitThreshold(frequency) {\n  if (frequency == 'once' || frequency == 'annually') {\n    return ONE_TIME_THRESHOLD;\n  } else {\n    return MONTHLY_THRESHOLD;\n  }\n}\n","import { Component } from 'react';\nimport BenefitOption from './benefitoption.js';\nimport { getAdditionalForBenefit, receivingBenefit } from './shared.js';\n\nexport default class MembershipBenefitPanel extends Component {\n  getAdditionalString() {\n    const num = getAdditionalForBenefit(\n      this.props.amount,\n      this.props.frequency\n    );\n    return Math.ceil(num * 100) / 100;\n  }\n\n  getAdditionalFrequency() {\n    if (this.props.frequency === 'monthly') {\n      return 'per month';\n    }\n\n    return '';\n  }\n\n  render() {\n    let className = '';\n    let message;\n    let shouldDisplayOption = false;\n    if (!this.props.benefitDesired) {\n      shouldDisplayOption = true;\n      message = <span>You have chosen not to get a tote bag.</span>;\n    } else if (this.props.amount == '') {\n      message = '';\n    } else if (receivingBenefit(this.props.amount, this.props.frequency)) {\n      shouldDisplayOption = true;\n      className = 'highlighted';\n      message = <span>You get a tote bag!</span>;\n    } else {\n      message = (\n        <span className=\"highlighted\">\n          Give ${this.getAdditionalString()} more{' '}\n          {this.getAdditionalFrequency()} to get a tote bag.\n        </span>\n      );\n    }\n\n    return (\n      <div className={`benefit-panel ${className}`}>\n        <div className=\"tote-language\">\n          {message}{' '}\n          {shouldDisplayOption && (\n            <BenefitOption\n              onToggle={this.props.toggleBenefitDesired}\n              desired={this.props.benefitDesired}\n            />\n          )}\n        </div>\n      </div>\n    );\n  }\n}\n","import { Component } from 'react';\n\nexport default class Button extends Component {\n  constructor(props) {\n    super(props);\n    this.state = {};\n  }\n\n  handleKeyPress(event) {\n    if (event.keyCode === 10 || event.keyCode === 13) {\n      this.props.onClick();\n    }\n  }\n\n  render() {\n    const extraProps = {};\n\n    if (this.props.id) {\n      extraProps.id = this.props.id;\n    }\n\n    if (this.props.disabled) {\n      extraProps.disabled = this.props.disabled;\n    }\n\n    return (\n      <div\n        {...extraProps}\n        role=\"button\"\n        tabIndex=\"0\"\n        onKeyDown={this.handleKeyPress.bind(this)}\n        onClick={this.props.onClick}\n        className={`btn ${this.props.className}`}\n      >\n        {this.props.text}\n      </div>\n    );\n  }\n}\n","import { Component } from 'react';\nimport Button from '../shared/button.js';\n\nexport default class RecurringNudge extends Component {\n  render() {\n    return (\n      <div className=\"recurring-nudge active\">\n        <p className=\"recurring-nudge-text\">\n          Thank you for becoming a member of The Marshall Project. Showing your\n          support through a monthly donation makes our future more secure, which\n          means that we can continue to publish journalism with impact.\n        </p>\n        <p className=\"recurring-nudge-text\">\n          Would you please consider a monthly contribution to sustain our work?\n        </p>\n        <div className=\"next-button-container\">\n          <Button\n            onClick={this.props.onAgree}\n            text={`Give $${this.props.recurringAmount} Monthly`}\n            className=\"btn-small\"\n          />\n          <Button\n            onClick={this.props.onDecline}\n            text={`Give ${this.props.amount && '$' + this.props.amount} Once`}\n            className=\"btn-small btn-secondary\"\n          />\n        </div>\n      </div>\n    );\n  }\n}\n","import { Component } from 'react';\n\nexport default class CustomSelect extends Component {\n  constructor(props) {\n    super(props);\n    this.state = { open: false };\n  }\n\n  handleSelection(key) {\n    this.setState({ open: false });\n    this.props.onChange(key);\n  }\n\n  handleFocus() {\n    this.setState({ open: true });\n  }\n\n  handleBlur() {\n    this.setState({ open: false });\n  }\n\n  render() {\n    const options = Object.keys(this.props.options).map((key) => {\n      return (\n        <div\n          className=\"custom-select-option custom-select-option\"\n          key={key}\n          onMouseDown={this.handleSelection.bind(this, key)}\n        >\n          {this.props.options[key]}\n        </div>\n      );\n    });\n    const optionsMarkup = (\n      <div className=\"custom-select-options\">{options}</div>\n    );\n    return (\n      <div className=\"custom-select inline-block\">\n        <input\n          className=\"minimal-text-input custom-select-input\"\n          readOnly\n          value={this.props.value}\n          onFocus={this.handleFocus.bind(this)}\n          onBlur={this.handleBlur.bind(this)}\n        />\n        {this.state.open && optionsMarkup}\n        <span className=\"custom-select-symbol\"></span>\n      </div>\n    );\n  }\n}\n","import CustomSelect from '../shared/customselect.js';\n\nexport const FREQUENCY_OPTIONS = {\n  annually: 'annually',\n  monthly: 'monthly',\n  once: 'once',\n};\n\n/**\n *\n * @param {object} props\n * @param {string} props.value\n * @param {(frequency: string) => void} props.onChange\n */\nexport default function FrequencySelector({ value, onChange }) {\n  return (\n    <CustomSelect\n      options={FREQUENCY_OPTIONS}\n      value={value}\n      onChange={onChange}\n    />\n  );\n}\n","import Button from '../shared/button.js';\n\nexport default function NextButton(props) {\n  return (\n    <div className=\"next-button-container\">\n      <Button {...props} className=\"btn-small\" />\n    </div>\n  );\n}\n","export function createValidator(rules) {\n  return (values = {}) => {\n    const errors = {};\n    Object.keys(rules).forEach((field) => {\n      const fieldRules = rules[field];\n      const fieldErrors = unique(fieldRules\n          .map((rule) => rule(values[field], field, values))\n          .filter((error) => Boolean(error)));\n      const fieldError = `${fieldErrors.join(', ')}${fieldErrors.length ? '.' : ''}`;\n\n      if (fieldError) {\n        errors[field] = fieldError;\n      }\n    });\n\n    return errors;\n  };\n}\n\n\nexport function required(value) {\n  const errorMessage = `is required`;\n\n  if (!value && typeof value !== 'number') {\n    return errorMessage;\n  }\n\n  if (Array.isArray(value) && value.length === 0) {\n    return errorMessage;\n  }\n\n  if (typeof value === 'string' && value.trim() === '') {\n    return errorMessage;\n  }\n\n  return false;\n}\n\n\nexport function isNumber(value) {\n  const errorMessage = `must be a number`;\n\n  if (typeof value === 'string') {\n    value = parseInt(value, 10);\n  }\n\n  if (isNaN(value)) {\n    return errorMessage;\n  }\n\n  if (typeof value !== 'number') {\n    return errorMessage;\n  }\n\n  return false;\n}\n\n\nexport function min(num) {\n  return (value, fieldName) => {\n    const numberError = isNumber(value, fieldName);\n    if (numberError) {\n      return numberError;\n    }\n\n    if (typeof value === 'string') {\n      value = parseInt(value, 10);\n    }\n\n    if (value < num) {\n      return `must be at least ${num}`;\n    }\n\n    return false;\n  };\n}\n\n\nexport function max(num) {\n  return (value, fieldName) => {\n    const numberError = isNumber(value, fieldName);\n    if (numberError) {\n      return numberError;\n    }\n\n    if (typeof value === 'string') {\n      value = parseInt(value, 10);\n    }\n\n    if (value > num) {\n      return `${fieldName} must be at most ${num}`;\n    }\n\n    return false;\n  };\n}\n\n\nconst EMAIL_RE  = /^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/;\nexport function isEmail(value) {\n  const errorMessage = `is not valid`;\n\n  if (!EMAIL_RE.test(value)) {\n    return errorMessage;\n  }\n\n  return false;\n}\n\n\nfunction unique(arr) {\n  const hash = {};\n  return arr.filter((val) => {\n    const alreadyPresent = hash[val];\n    hash[val] = true;\n    return !alreadyPresent;\n  });\n}\n","import { Component } from 'react';\nimport MoneySelector from './moneyselector.js';\nimport MembershipBenefitPanel from './membershipbenefitpanel.js';\nimport RecurringNudge from './recurringnudge.js';\nimport FrequencySelector, { FREQUENCY_OPTIONS } from './frequencyselector.js';\nimport NextButton from './nextbutton.js';\nimport { createValidator, required, min } from '../shared/validators.js';\nimport { trackEvent } from '../analytics/helpers.js';\nimport { getUrlParameter, isNullOrUndefined } from '../../shared/utils';\nimport { formatMoney } from './shared.js';\n\nconst DEFAULT_MONTHLY_VALUE = 15; // dollars\nconst DEFAULT_ANNUAL_VALUE = 50;\nconst DEFAULT_ONCE_VALUE = 100;\nconst MINIMUM_ONCE_DONATION_AMOUNT = 5;\nconst MINIMUM_RECURRING_DONATION_AMOUNT = 3;\n\nconst recurringValidator = createValidator({\n  donationAmount: [required, min(MINIMUM_RECURRING_DONATION_AMOUNT)],\n});\n\nconst onceValidator = createValidator({\n  donationAmount: [required, min(MINIMUM_ONCE_DONATION_AMOUNT)],\n});\n\nexport default class SupportIntent extends Component {\n  constructor(props) {\n    super(props);\n    this.state = this.getInitialState(props);\n  }\n\n  getInitialState(props) {\n    let amount =\n      parseInt(getUrlParameter('amount'), 10) || props.savedDonationAmount;\n    let urlPeriod = getUrlParameter('period') || props.savedDonationFrequency;\n\n    if (isNaN(amount) || amount === 0) {\n      amount = this.getDefaultAmount(urlPeriod);\n    }\n\n    if (amount < 0) {\n      amount = Math.abs(amount);\n    }\n\n    if (isNullOrUndefined(FREQUENCY_OPTIONS[urlPeriod])) {\n      urlPeriod = undefined;\n    }\n\n    return {\n      donationAmount: amount,\n      donationFrequency: urlPeriod || 'monthly',\n      benefitDesired: true,\n      amountSet: false,\n      coverFees: props.coverFees,\n    };\n  }\n\n  getDefaultAmount(frequency) {\n    if (frequency === 'annually') {\n      return DEFAULT_ANNUAL_VALUE;\n    } else if (frequency === 'once') {\n      return DEFAULT_ONCE_VALUE;\n    } else {\n      return DEFAULT_MONTHLY_VALUE;\n    }\n  }\n\n  getRecommendedRecurringAmount() {\n    return Math.max(5, Math.ceil(this.state.donationAmount / 12));\n  }\n\n  getTotesEnabled() {\n    return this.props.enableTotes == 'true';\n  }\n\n  validate(properties) {\n    const validator =\n      properties.donationFrequency === FREQUENCY_OPTIONS.once\n        ? onceValidator\n        : recurringValidator;\n    const errors = validator(properties);\n    this.setState({ errors: errors });\n    return errors;\n  }\n\n  valid() {\n    return !this.state.errors || Object.keys(this.state.errors).length === 0;\n  }\n\n  updateAmount(amount) {\n    const newState = Object.assign({}, this.state, {\n      donationAmount: amount,\n      amountSet: true,\n    });\n    this.setState(newState);\n    this.validate(newState);\n  }\n\n  updateFrequency(frequency, cb = undefined) {\n    this.setState((state, props) => {\n      const updatedState = {\n        donationFrequency: frequency,\n      };\n\n      if (!state.amountSet) {\n        updatedState.donationAmount = this.getDefaultAmount(frequency);\n      }\n\n      return updatedState;\n    }, cb);\n  }\n\n  handleNudgeAgreement() {\n    const amount = this.getRecommendedRecurringAmount();\n    trackEvent('checkout', 'agreed-recurring', '', amount);\n    this.updateAmount(amount);\n    this.updateFrequency(FREQUENCY_OPTIONS.monthly, () => this.handleNext());\n  }\n\n  handleNudgeDecline() {\n    trackEvent('checkout', 'decline-recurring', '', this.state.donationAmount);\n    this.handleNext();\n  }\n\n  handleCoverFeesChange(event) {\n    this.setState({ coverFees: event.target.checked });\n  }\n\n  toggleBenefitDesired() {\n    this.setState({\n      benefitDesired: !this.state.benefitDesired,\n    });\n  }\n\n  handleNext() {\n    const errors = this.validate(this.state);\n    if (this.valid()) {\n      this.props.onComplete(this.state);\n    }\n  }\n\n  coverFeesOption() {\n    return (\n      <div className=\"cover-fees-container\">\n        <label className=\"minimal-checkbox\">\n          <input\n            type=\"checkbox\"\n            className=\"hidden-checkbox\"\n            checked={this.state.coverFees}\n            onChange={this.handleCoverFeesChange.bind(this)}\n            name=\"coverFees\"\n          />\n          <span className=\"fake-checkbox\">\n            <svg viewBox=\"0 0 55.36 55.36\">\n              <polyline\n                className=\"subscribe-checkmark\"\n                points=\"6.29,27.21 23.16,45.21 51.29,9.21 \"\n              />\n            </svg>\n          </span>\n          <span className=\"cover-fees-option-text\">\n            I'd like to cover all transaction fees so 100% of my donation goes\n            to The Marshall Project.\n          </span>\n        </label>\n      </div>\n    );\n  }\n\n  render() {\n    let className = '';\n    if (!this.props.active && this.props.complete) {\n      className += ' support-section-complete';\n    }\n\n    return (\n      <div className={`support-intent ${className}`}>\n        {this.props.active && this.renderActive()}\n        {!this.props.active && this.props.complete && this.renderComplete()}\n      </div>\n    );\n  }\n\n  renderActive() {\n    return (\n      <div>\n        <span className=\"support-intent-sentence\">\n          Yes, I will contribute{' '}\n          <MoneySelector\n            value={this.state.donationAmount}\n            frequency={this.state.donationFrequency}\n            errors={this.state.errors}\n            onChange={this.updateAmount.bind(this)}\n          />\n          <FrequencySelector\n            value={this.state.donationFrequency}\n            onChange={this.updateFrequency.bind(this)}\n          />\n        </span>\n        {this.coverFeesOption()}\n        {this.getTotesEnabled() && (\n          <MembershipBenefitPanel\n            frequency={this.state.donationFrequency}\n            amount={this.state.donationAmount}\n            benefitDesired={this.state.benefitDesired}\n            toggleBenefitDesired={this.toggleBenefitDesired.bind(this)}\n          />\n        )}\n        {this.renderCTA()}\n        {this.getTotesEnabled() && (\n          <div className=\"tote-container\">\n            <img\n              className=\"tote-image\"\n              src=\"https://d63kb4t2ifcex.cloudfront.net/upload/assets/tmpbagfinal.cc60ea84.gif\"\n            />\n          </div>\n        )}\n      </div>\n    );\n  }\n\n  renderComplete() {\n    return (\n      <div>\n        <h2>Contribution</h2>\n        <span className=\"support-section-summaries\">\n          Contributing ${formatMoney(this.props.savedDonationAmount)}{' '}\n          {this.props.savedDonationFrequency}.\n        </span>\n      </div>\n    );\n  }\n\n  renderCTA() {\n    if (\n      this.state.donationFrequency == FREQUENCY_OPTIONS.once &&\n      this.valid()\n    ) {\n      return (\n        <RecurringNudge\n          amount={this.state.donationAmount}\n          recurringAmount={this.getRecommendedRecurringAmount()}\n          frequency={this.state.donationFrequency}\n          onDecline={this.handleNudgeDecline.bind(this)}\n          onAgree={this.handleNudgeAgreement.bind(this)}\n        />\n      );\n    } else if (!this.valid()) {\n      return (\n        <p>\n          <span className=\"error-message\">\n            We do not accept less than ${MINIMUM_RECURRING_DONATION_AMOUNT} for\n            recurring donations or less than ${MINIMUM_ONCE_DONATION_AMOUNT} for\n            one-time donations.\n          </span>\n        </p>\n      );\n    } else {\n      return (\n        <NextButton\n          onClick={this.handleNext.bind(this)}\n          text={this.props.complete ? 'Update' : 'Next'}\n        />\n      );\n    }\n  }\n}\n","import { Component } from 'react';\n\nexport default class FormField extends Component {\n  constructor(props) {\n    super(props);\n    this.state = { touched: props.element };\n  }\n\n  componentDidMount() {\n    if (this.props.autoFocus) {\n      this.input.focus();\n    }\n  }\n\n  handleBlur() {\n    this.setState({ touched: true });\n  }\n\n  render() {\n    let className = `minimal-field ${this.props.className}`;\n    const error = this.props.errors && this.props.errors[this.props.name];\n    let label = this.props.label || this.props.name;\n\n    if (error) {\n      className += ' error';\n      label += ' ' + error;\n    }\n\n    let input;\n    let id = this.props.name + '-field';\n    if (!this.props.element) {\n      input = (\n        <input\n          className=\"minimal-text-input modified-text-input\"\n          onChange={this.props.onChange}\n          onBlur={this.handleBlur.bind(this)}\n          value={this.props.value || ''}\n          placeholder={this.props.placeholder || ''}\n          type={this.props.type || 'text'}\n          id={id}\n          ref={(input) => (this.input = input)}\n          name={this.props.name}\n        />\n      );\n    } else {\n      input = this.props.children;\n    }\n\n    return (\n      <div className={className}>\n        {input}\n        <label htmlFor={id} className=\"minimal-label\">\n          {label}\n        </label>\n      </div>\n    );\n  }\n}\n","// packages\nimport cx from 'classnames';\n\n/**\n * @param {object} props\n * @param {string} props.className\n * @param {boolean} props.disabled\n * @param {Record<string, string>} props.errors\n * @param {string} props.label\n * @param {string} props.name\n * @param {React.ChangeEvent} props.onChange\n * @param {{name: string, value: string}[]} props.options\n * @param {string} props.value\n * @returns {JSX.Element}\n */\nexport default function SelectFormField({\n  className,\n  disabled = false,\n  errors = {},\n  label = name,\n  name,\n  onChange,\n  options,\n  value,\n}) {\n  const id = `${name}-field`;\n  const error = errors[name];\n\n  if (error) {\n    label += ` ${error}`;\n  }\n\n  return (\n    <div className={cx('minimal-field', className, { error: error })}>\n      <div className=\"minimal-field-input-container\">\n        <select\n          id={id}\n          className=\"minimal-text-input modified-text-input minimal-select-input\"\n          name={name}\n          value={value}\n          onChange={onChange}\n          disabled={disabled}\n        >\n          <option value=\"\">-</option>\n          {options.map((option) => (\n            <option key={option.value} value={option.value}>\n              {option.name}\n            </option>\n          ))}\n        </select>\n        <span className=\"custom-select-symbol\"></span>\n      </div>\n      <label htmlFor={id} className=\"minimal-label\">\n        {label}\n      </label>\n    </div>\n  );\n}\n","// packages\nimport { useState } from 'react';\nimport cx from 'classnames';\n\n// local\nimport FormField from '../shared/formfield.js';\nimport SelectFormField from '../shared/selectformfield.js';\nimport NextButton from './nextbutton.js';\nimport { useCountries, useSubdivisions } from './hooks.js';\nimport { createValidator, required, isEmail } from '../shared/validators.js';\n\nconst validator = createValidator({\n  firstName: [required],\n  lastName: [required],\n  email: [required, isEmail],\n  zip: [required],\n});\n\nconst shippingValidator = createValidator({\n  firstName: [required],\n  lastName: [required],\n  email: [required, isEmail],\n  address1: [required],\n  city: [required],\n  state: [required],\n  country: [required],\n  zip: [required],\n});\n\n// some countries do not have states/provinces/regions\nconst noSubdivisionsShippingValidator = createValidator({\n  firstName: [required],\n  lastName: [required],\n  email: [required, isEmail],\n  address1: [required],\n  city: [required],\n  country: [required],\n  zip: [required],\n});\n\n/**\n * @param {object} props\n * @param {boolean} props.active\n * @param {boolean} props.complete\n * @param {Record<string, string>} props.contactInfo\n * @param {(values: object) => void} props.onComplete\n * @param {boolean} props.receivingBenefit\n */\nexport default function ContactInfoForm({\n  active,\n  complete,\n  contactInfo,\n  onComplete,\n  receivingBenefit,\n}) {\n  const [values, setValues] = useState(contactInfo);\n  const [errors, setErrors] = useState({});\n\n  const countries = useCountries();\n  const subdivisions = useSubdivisions(values.country);\n  const noSubdivisions = subdivisions.length === 0;\n\n  /**\n   * @param {React.ChangeEvent} event\n   */\n  function handleChange(event) {\n    const { name, value } = event.target;\n\n    const newValues = Object.assign({}, values, {\n      [name]: value,\n    });\n\n    // we need to un-set \"state\" if \"country\" has changed\n    if (values.country !== newValues.country) {\n      newValues.state = '';\n    }\n\n    setValues(newValues);\n  }\n\n  // Returns an object of { fieldName: 'Error message' } or false if valid.\n  function validate(values) {\n    let errors;\n\n    if (receivingBenefit) {\n      if (noSubdivisions) {\n        errors = noSubdivisionsShippingValidator(values);\n      } else {\n        errors = shippingValidator(values);\n      }\n    } else {\n      errors = validator(values);\n    }\n\n    setErrors(errors);\n\n    return errors;\n  }\n\n  /**\n   *\n   * @param {React.FormEvent} event\n   */\n  function handleNext(event) {\n    event.preventDefault();\n\n    const errors = validate(values);\n\n    if (Object.keys(errors).length === 0) {\n      onComplete(values);\n    }\n  }\n\n  const className = cx('contact-info-form', {\n    'shipping-benefits': receivingBenefit,\n    'support-section-complete': !active && complete,\n  });\n\n  return (\n    <div className={className}>\n      <h2>Contact Info</h2>\n      {active && (\n        <div>\n          <form\n            id=\"contact-info-form\"\n            className=\"contact-info-form clearfix\"\n            onSubmit={handleNext}\n          >\n            <FormField\n              onChange={handleChange}\n              className=\"col6\"\n              name=\"firstName\"\n              value={values.firstName}\n              errors={errors}\n              label=\"First Name\"\n            />\n            <FormField\n              onChange={handleChange}\n              className=\"col6 omega\"\n              name=\"lastName\"\n              value={values.lastName}\n              errors={errors}\n              label=\"Last Name\"\n            />\n            <FormField\n              onChange={handleChange}\n              className=\"col6\"\n              name=\"email\"\n              type=\"email\"\n              value={values.email}\n              errors={errors}\n              label=\"Email\"\n            />\n            <FormField\n              onChange={handleChange}\n              className=\"col6 omega\"\n              name=\"phone\"\n              value={values.phone}\n              errors={errors}\n              label=\"Phone #\"\n            />\n            <FormField\n              onChange={handleChange}\n              className=\"col6\"\n              name=\"address1\"\n              value={values.address1}\n              errors={errors}\n              label=\"Address\"\n            />\n            <FormField\n              onChange={handleChange}\n              className=\"col6 omega\"\n              name=\"address2\"\n              value={values.address2}\n              errors={errors}\n              label=\"Address 2\"\n            />\n            <SelectFormField\n              onChange={handleChange}\n              className=\"col6\"\n              name=\"country\"\n              value={values.country}\n              options={countries}\n              errors={errors}\n              label=\"Country\"\n            />\n            <SelectFormField\n              onChange={handleChange}\n              className=\"col6 omega\"\n              name=\"state\"\n              value={values.state}\n              options={subdivisions}\n              errors={errors}\n              label=\"State\"\n              disabled={noSubdivisions}\n            />\n            <FormField\n              onChange={handleChange}\n              className=\"col6\"\n              name=\"city\"\n              value={values.city}\n              errors={errors}\n              label=\"City\"\n            />\n            <FormField\n              onChange={handleChange}\n              className=\"col6 omega\"\n              name=\"zip\"\n              value={values.zip}\n              errors={errors}\n              label=\"Zip/Postal Code\"\n            />\n          </form>\n          <NextButton\n            onClick={handleNext}\n            type=\"submit\"\n            form=\"contact-info-form\"\n            text={complete ? 'Update' : 'Next'}\n          />\n        </div>\n      )}\n      {!active && complete && <ContactFormComplete contactInfo={contactInfo} />}\n    </div>\n  );\n}\n\n/**\n *\n * @param {object} props\n * @param {Record<string, string>} props.contactInfo\n */\nfunction ContactFormComplete({ contactInfo: savedInfo }) {\n  return (\n    <div>\n      <div>{compactJoin([savedInfo.firstName, savedInfo.lastName], ' ')}</div>\n      <div>{compactJoin([savedInfo.email, savedInfo.phone], ' · ')}</div>\n      <div>{compactJoin([savedInfo.address1, savedInfo.address2], ', ')}</div>\n      <div>\n        {compactJoin([savedInfo.city, savedInfo.state, savedInfo.zip], ', ')}\n      </div>\n      <div>{savedInfo.country}</div>\n    </div>\n  );\n}\n\nfunction compactJoin(list, separator) {\n  const compactList = list.filter((x) => !!x);\n  return compactList.join(separator);\n}\n","// packages\nimport { useEffect, useState } from 'react';\n\n// local\nimport http from '$shared/http.js';\n\nexport function useCountries() {\n  const [countries, setCountries] = useState([]);\n\n  useEffect(() => {\n    http\n      .get('/donate/countries')\n      .json()\n      .then((data) => {\n        setCountries(data);\n      });\n  }, []);\n\n  return countries;\n}\n\nexport function useSubdivisions(countryCode) {\n  const [subdivisions, setSubdivisions] = useState([]);\n\n  useEffect(() => {\n    http\n      .get(`/donate/countries/${countryCode}`)\n      .json()\n      .then((data) => {\n        setSubdivisions(data);\n      });\n  }, [countryCode]);\n\n  return subdivisions;\n}\n","import { Component } from 'react';\n\nexport default class ProgressLogo extends Component {\n  constructor(props) {\n    super(props);\n    this.state = { logoPhase: 0 };\n    this.timeout = window.setTimeout(this.animateLogos.bind(this), 300);\n  }\n\n  animateLogos() {\n    this.setState({ logoPhase: (this.state.logoPhase + 1) % 6 });\n    this.timeout = window.setTimeout(this.animateLogos.bind(this), 300);\n  }\n\n  componentWillUnmount() {\n    window.clearTimeout(this.timeout);\n  }\n\n  render() {\n    return (\n      <div className=\"progress-logo-backdrop\">\n        <div className=\"progress-logo-container\">\n          <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 216 216\">\n            {this.state.logoPhase === 0 && (\n              <g className=\"tmp-logo-bars tmp-logo-four\">\n                <polygon\n                  className=\"tmp-logo-bar\"\n                  points=\"0 0 0 216 30.86 216 30.86 30.86 0 0\"\n                />\n                <polygon\n                  className=\"tmp-logo-bar\"\n                  points=\"61.71 61.71 61.71 216 92.57 216 92.57 92.57 61.71 61.71\"\n                />\n                <polygon\n                  className=\"tmp-logo-bar\"\n                  points=\"185.14 30.86 185.14 216 216 216 216 0 185.14 30.86\"\n                />\n                <polygon\n                  className=\"tmp-logo-bar\"\n                  points=\"123.43 92.57 123.43 216 154.29 216 154.29 61.71 123.43 92.57\"\n                />\n              </g>\n            )}\n            {(this.state.logoPhase === 1 || this.state.logoPhase === 5) && (\n              <g className=\"tmp-logo-bars tmp-logo-eight\">\n                <polygon\n                  className=\"tmp-logo-bar\"\n                  points=\"57.6 57.6 57.6 216 72 216 72 72 57.6 57.6\"\n                />\n                <polygon\n                  className=\"tmp-logo-bar\"\n                  points=\"0 0 0 216 14.4 216 14.4 14.4 0 0\"\n                />\n                <polygon\n                  className=\"tmp-logo-bar\"\n                  points=\"28.8 28.8 28.8 216 43.2 216 43.2 43.2 28.8 28.8\"\n                />\n                <polygon\n                  className=\"tmp-logo-bar\"\n                  points=\"86.4 86.4 86.4 216 100.8 216 100.8 100.8 86.4 86.4\"\n                />\n                <polygon\n                  className=\"tmp-logo-bar\"\n                  points=\"144 72 144 216 158.4 216 158.4 57.6 144 72\"\n                />\n                <polygon\n                  className=\"tmp-logo-bar\"\n                  points=\"201.6 14.4 201.6 216 216 216 216 0 201.6 14.4\"\n                />\n                <polygon\n                  className=\"tmp-logo-bar\"\n                  points=\"172.8 43.2 172.8 216 187.2 216 187.2 28.8 172.8 43.2\"\n                />\n                <polygon\n                  className=\"tmp-logo-bar\"\n                  points=\"115.2 100.8 115.2 216 129.6 216 129.6 86.4 115.2 100.8\"\n                />\n              </g>\n            )}\n            {(this.state.logoPhase === 2 || this.state.logoPhase === 4) && (\n              <g className=\"tmp-logo-bars tmp-logo-twelve\">\n                <polygon\n                  className=\"tmp-logo-bar\"\n                  points=\"93.91 93.91 93.91 216 103.3 216 103.3 103.3 93.91 93.91\"\n                />\n                <polygon\n                  className=\"tmp-logo-bar\"\n                  points=\"56.35 56.35 56.35 216 65.74 216 65.74 65.74 56.35 56.35\"\n                />\n                <polygon\n                  className=\"tmp-logo-bar\"\n                  points=\"75.13 75.13 75.13 216 84.52 216 84.52 84.52 75.13 75.13\"\n                />\n                <polygon\n                  className=\"tmp-logo-bar\"\n                  points=\"0 0 0 216 9.39 216 9.39 9.39 0 0\"\n                />\n                <polygon\n                  className=\"tmp-logo-bar\"\n                  points=\"18.78 18.78 18.78 216 28.17 216 28.17 28.17 18.78 18.78\"\n                />\n                <polygon\n                  className=\"tmp-logo-bar\"\n                  points=\"37.56 37.56 37.56 216 46.96 216 46.96 46.96 37.56 37.56\"\n                />\n                <polygon\n                  className=\"tmp-logo-bar\"\n                  points=\"150.26 65.74 150.26 216 159.65 216 159.65 56.35 150.26 65.74\"\n                />\n                <polygon\n                  className=\"tmp-logo-bar\"\n                  points=\"112.7 103.3 112.7 216 122.09 216 122.09 93.91 112.7 103.3\"\n                />\n                <polygon\n                  className=\"tmp-logo-bar\"\n                  points=\"187.83 28.17 187.83 216 197.22 216 197.22 18.78 187.83 28.17\"\n                />\n                <polygon\n                  className=\"tmp-logo-bar\"\n                  points=\"206.61 9.39 206.61 216 216 216 216 0 206.61 9.39\"\n                />\n                <polygon\n                  className=\"tmp-logo-bar\"\n                  points=\"169.04 46.96 169.04 216 178.44 216 178.44 37.56 169.04 46.96\"\n                />\n                <polygon\n                  className=\"tmp-logo-bar\"\n                  points=\"131.48 84.52 131.48 216 140.87 216 140.87 75.13 131.48 84.52\"\n                />\n              </g>\n            )}\n            {this.state.logoPhase === 3 && (\n              <g className=\"tmp-logo-bars tmp-logo-eighteen\">\n                <polygon\n                  className=\"tmp-logo-bar\"\n                  points=\"61.71 61.71 61.71 216 67.89 216 67.89 67.89 61.71 61.71\"\n                />\n                <polygon\n                  className=\"tmp-logo-bar\"\n                  points=\"74.06 74.06 74.06 216 80.23 216 80.23 80.23 74.06 74.06\"\n                />\n                <polygon\n                  className=\"tmp-logo-bar\"\n                  points=\"98.74 98.74 98.74 216 104.91 216 104.91 104.91 98.74 98.74\"\n                />\n                <polygon\n                  className=\"tmp-logo-bar\"\n                  points=\"49.37 49.37 49.37 216 55.54 216 55.54 55.54 49.37 49.37\"\n                />\n                <polygon\n                  className=\"tmp-logo-bar\"\n                  points=\"86.4 86.4 86.4 216 92.57 216 92.57 92.57 86.4 86.4\"\n                />\n                <polygon\n                  className=\"tmp-logo-bar\"\n                  points=\"12.34 12.34 12.34 216 18.51 216 18.51 18.51 12.34 12.34\"\n                />\n                <polygon\n                  className=\"tmp-logo-bar\"\n                  points=\"37.03 37.03 37.03 216 43.2 216 43.2 43.2 37.03 37.03\"\n                />\n                <polygon\n                  className=\"tmp-logo-bar\"\n                  points=\"0 0 0 216 6.17 216 6.17 6.17 0 0\"\n                />\n                <polygon\n                  className=\"tmp-logo-bar\"\n                  points=\"24.69 24.69 24.69 216 30.86 216 30.86 30.86 24.69 24.69\"\n                />\n                <polygon\n                  className=\"tmp-logo-bar\"\n                  points=\"111.09 104.93 111.09 216 117.26 216 117.26 98.76 111.09 104.93\"\n                />\n                <polygon\n                  className=\"tmp-logo-bar\"\n                  points=\"197.49 18.53 197.49 216 203.66 216 203.66 12.36 197.49 18.53\"\n                />\n                <polygon\n                  className=\"tmp-logo-bar\"\n                  points=\"172.8 43.22 172.8 216 178.97 216 178.97 37.04 172.8 43.22\"\n                />\n                <polygon\n                  className=\"tmp-logo-bar\"\n                  points=\"185.14 30.87 185.14 216 191.31 216 191.31 24.7 185.14 30.87\"\n                />\n                <polygon\n                  className=\"tmp-logo-bar\"\n                  points=\"209.83 6.19 209.83 216 216 216 216 0.01 209.83 6.19\"\n                />\n                <polygon\n                  className=\"tmp-logo-bar\"\n                  points=\"135.77 80.24 135.77 216 141.94 216 141.94 74.07 135.77 80.24\"\n                />\n                <polygon\n                  className=\"tmp-logo-bar\"\n                  points=\"123.43 92.59 123.43 216 129.6 216 129.6 86.42 123.43 92.59\"\n                />\n                <polygon\n                  className=\"tmp-logo-bar\"\n                  points=\"148.11 67.9 148.11 216 154.29 216 154.29 61.73 148.11 67.9\"\n                />\n                <polygon\n                  className=\"tmp-logo-bar\"\n                  points=\"160.46 55.56 160.46 216 166.63 216 166.63 49.39 160.46 55.56\"\n                />\n              </g>\n            )}\n          </svg>\n        </div>\n      </div>\n    );\n  }\n}\n","import React, { useEffect, useState } from 'react';\nimport {\n  PaymentElement,\n  LinkAuthenticationElement,\n  useStripe,\n  useElements,\n} from '@stripe/react-stripe-js';\n\nimport Button from '../shared/button.js';\nimport ProgressLogo from './progresslogo.js';\nimport { getAmountWithFees, formatMoney } from './shared.js';\n\nexport default function StripeForm(props) {\n  const stripe = useStripe();\n  const elements = useElements();\n\n  const [email, setEmail] = useState('');\n  const [message, setMessage] = useState(null);\n  const [isLoading, setIsLoading] = useState(false);\n\n  const handleSubmit = async (e) => {\n    e.preventDefault();\n\n    if (!stripe || !elements) {\n      // Stripe.js hasn't yet loaded.\n      // Make sure to disable form submission until Stripe.js has loaded.\n      return;\n    }\n\n    setIsLoading(true);\n\n    const { error } = await stripe.confirmPayment({\n      elements,\n      confirmParams: {\n        return_url: `${window.location.origin}/donate/newsletters`,\n      },\n    });\n\n    // This point will only be reached if there is an immediate error when\n    // confirming the payment. Otherwise, your customer will be redirected to\n    // your `return_url`. For some payment methods like iDEAL, your customer will\n    // be redirected to an intermediate site first to authorize the payment, then\n    // redirected to the `return_url`.\n    if (error.type === 'card_error') {\n      setMessage(error.message);\n    } else if (error.type === 'validation_error') {\n      // These are displayed in the stripe UI.\n    } else {\n      setMessage(`An unexpected error occurred. ${error.message}`);\n    }\n\n    setIsLoading(false);\n  };\n\n  const getButtonText = function () {\n    const amountString = formatMoney(\n      getAmountWithFees(props.amount, props.coverFees)\n    );\n    let text = `Contribute $${amountString}`;\n\n    if (props.frequency !== 'Once') {\n      text += ' ' + props.frequency;\n    }\n\n    return text;\n  };\n\n  const stripeOptions = {\n    defaultValues: {\n      billingDetails: {\n        name: `${props.contactInfo.firstName} ${props.contactInfo.lastName}`,\n        email: props.contactInfo.email,\n        phone: props.contactInfo.phone,\n        address: {\n          line1: props.contactInfo.address1,\n          line2: props.contactInfo.address2,\n          country: props.contactInfo.country,\n          state: props.contactInfo.state,\n          city: props.contactInfo.city,\n          postal_code: props.contactInfo.zip,\n        },\n      },\n    },\n  };\n\n  return (\n    <form id=\"payment-form\">\n      <PaymentElement id=\"payment-element\" options={stripeOptions} />\n      <Button\n        className=\"review-button\"\n        disabled={isLoading || !stripe || !elements}\n        id=\"submit\"\n        text={getButtonText()}\n        onClick={handleSubmit}\n      />\n      {isLoading && <ProgressLogo />}\n      {/* Show any error or success messages */}\n      {message && (\n        <div className=\"error-message\" id=\"payment-message\">\n          {message}\n        </div>\n      )}\n    </form>\n  );\n}\n","import { Component } from 'react';\n\nimport StripeForm from './stripeform.js';\nimport PayPalForm from './paypalform.js';\n\nexport default class PaymentForm extends Component {\n  render() {\n    let className = '';\n    if (!this.props.active && this.state.complete) {\n      className += ' support-section-complete';\n    }\n\n    return (\n      <div className={`payment-form ${className}`}>\n        <div className=\"clearfix payment-form-header\">\n          <h2 className=\"payment-form-title\">Payment</h2>\n        </div>\n        {this.props.active && this.renderActive()}\n        {!this.props.active && this.state.complete && this.renderComplete()}\n      </div>\n    );\n  }\n\n  renderActive() {\n    return (\n      <div>\n        <StripeForm\n          onComplete={this.props.onComplete}\n          contactInfo={this.props.contactInfo}\n          amount={this.props.amount}\n          frequency={this.props.frequency}\n          coverFees={this.props.coverFees}\n        />\n      </div>\n    );\n  }\n\n  renderComplete() {\n    const card = this.props.savedPaymentToken.card;\n    return `${card.brand} ending in ${card.last4}`;\n  }\n}\n","import cx from 'classnames';\n\nexport default function SupportSection({\n  active,\n  complete,\n  onActivate,\n  noEdit,\n  children,\n}) {\n  if (!active && !complete) {\n    return <div />;\n  }\n\n  const controls = (\n    <div className=\"support-section-controls\">\n      <a className=\"support-section-edit-button\" onClick={onActivate}>\n        edit\n      </a>\n    </div>\n  );\n\n  return (\n    <div\n      className={cx('support-section', { 'support-section-active': active })}\n    >\n      <div className=\"support-section-content\">{children}</div>\n      {!active && complete && !noEdit && controls}\n    </div>\n  );\n}\n","import { trackEvent } from '../analytics/helpers.js';\n\n/**\n * Track a step of the checkout process using Google Analytics and their\n * recommended events. See https://developers.google.com/analytics/devguides/collection/ga4/reference/events?sjid=8256709344012883295-NA&client_type=gtag#purchase\n *\n * @param {string} step - The step of the checkout process\n * @param {Object} currentState - The current state of the checkout process\n * @param {number} currentState.donationAmount - The amount of the donation\n * @param {string} currentState.donationFrequency - The frequency of the\n *  donation\n * @param {string} currentState.benefitDesired - Whether the donor wants to\n *  receive a benefit\n * @param {string[]} currentState.subscriptions - The subscriptions the donor\n *  wants to sign up for\n */\nexport function trackCheckoutStep(step, currentState) {\n  if (step === 'intent') {\n    trackEvent('begin_checkout', formatEventData(currentState));\n  } else if (step === 'contact') {\n    trackEvent('add_shipping_info', formatEventData(currentState));\n  } else if (step === 'payment') {\n    trackEvent('add_payment_info', {\n      payment_type: 'Stripe',\n      ...formatEventData(currentState),\n    });\n  } else if (step === 'review') {\n    trackEvent('purchase', {\n      newsletters: currentState.subscriptions,\n      cover_fees: currentState.coverFees,\n      ...formatEventData(currentState),\n    });\n  }\n}\n\n/**\n * Format the data for a GA4 event.\n * @param {Object} currentState - The current state of the checkout process\n * @param {number} currentState.donationAmount - The amount of the donation\n * @param {string} currentState.donationFrequency - The frequency of the\n *  donation\n * @param {string} currentState.benefitDesired - Whether the donor wants to\n *  receive a benefit\n * @returns {Object} - The formatted data\n * @private\n */\nfunction formatEventData(currentState) {\n  return {\n    currency: 'USD',\n    value: currentState.donationAmount,\n    donation_frequency: currentState.donationFrequency,\n    benefit_desired: currentState.benefitDesired,\n    items: [\n      {\n        item_name: `Donate ${currentState.donationFrequency}`,\n      },\n    ],\n  };\n}\n","import {\n  getUrlParameter,\n  getBootstrapData,\n  isNullOrUndefined,\n} from '$shared/utils.js';\n\nexport function getInitialState() {\n  const notice = getBootstrapData('donate_error', true) || null;\n  const inboundVia = getUrlParameter('via') || 'unknown';\n\n  // Cover fees should always start as false, even if it was agreed to\n  // initially and this is a page refresh. The backend stores the amount\n  // that will actually be paid, not the amount without the fees, so the\n  // amount being passed in here either already includes the fees and they\n  // shouldn't be included again, or it doesn't because the donor didn't\n  // opt in and it should be remain that way.\n  const coverFees = false;\n\n  return {\n    coverFees,\n    notice,\n    inboundVia,\n    error: null,\n    ...getContactInfo(),\n    ...getPaymentState(),\n    ...getDonationState(),\n    ...getInitialStepState(),\n  };\n}\n\nfunction getInitialStepState() {\n  const correctionStep = getUrlParameter('donate_step') || null;\n  let step = 'intent';\n  let completedSteps = [];\n\n  if (correctionStep === 'contact') {\n    step = 'contact';\n    completedSteps = ['intent'];\n  } else if (correctionStep === 'payment') {\n    step = 'payment';\n    completedSteps = ['intent', 'contact'];\n  }\n\n  return {\n    step,\n    completedSteps,\n  };\n}\n\nfunction getDonationState() {\n  const donation = getBootstrapData('donation', true) || {};\n  let donationAmount = Number(donation.amount);\n  if (Number.isNaN(donationAmount)) {\n    donationAmount = 15;\n  }\n\n  let benefitDesired = donation.benefit_desired;\n  if (isNullOrUndefined(benefitDesired)) {\n    benefitDesired = true;\n  }\n\n  return {\n    donationFrequency: donation.frequency || 'monthly',\n    donationAmount,\n    benefitDesired,\n  };\n}\n\nfunction getContactInfo() {\n  const donor = getBootstrapData('donor', true) || {};\n  return {\n    contactInfo: {\n      firstName: donor.first_name || '',\n      lastName: donor.last_name || '',\n      email: donor.email || '',\n      phone: donor.phone || '',\n      address1: donor.address1 || '',\n      address2: donor.address2 || '',\n      country: donor.country || 'US', // default to US for now\n      state: donor.state || '',\n      city: donor.city || '',\n      zip: donor.zip || '',\n    },\n  };\n}\n\nfunction getPaymentState() {\n  const payment = getBootstrapData('payment', true) || {};\n\n  return {\n    paymentIntentId: payment.platform_id || null,\n    clientSecret: getUrlParameter('client_secret') || null,\n  };\n}\n","// packages\nimport { Component } from 'react';\nimport { loadStripe } from '@stripe/stripe-js';\nimport { Elements } from '@stripe/react-stripe-js';\nimport scrollToComponent from 'react-scroll-to-component';\n\n// local\nimport Pitch from './pitch.js';\nimport SupportIntent from './supportintent.js';\nimport ContactInfoForm from './contactinfoform.js';\nimport PaymentForm from './paymentform.js';\nimport SupportSection from './supportsection.js';\nimport { trackEvent } from '../analytics/helpers.js';\nimport { trackCheckoutStep } from './analytics.js';\nimport http from '$shared/http.js';\nimport { isMobileViewport } from '$shared/utils.js';\nimport { receivingBenefit, getAmountWithFees } from './shared.js';\nimport { getInitialState } from './state.js';\n\nconst STEPS = ['intent', 'contact', 'payment', 'complete'];\n\nconst stripePromise = loadStripe(window.TMPStripePublishableKey);\n\nexport default class SupportPage extends Component {\n  constructor(props) {\n    super(props);\n    this.state = getInitialState();\n  }\n\n  markStepComplete(step) {\n    let completedSteps = this.state.completedSteps;\n    let firstCompletion = false;\n\n    // Send GA virtual page view if this is the first time we've completed this step\n    if (!completedSteps.includes(step)) {\n      completedSteps = [...completedSteps, step];\n      firstCompletion = true;\n    }\n    const nextStep = STEPS.find((step) => !completedSteps.includes(step));\n\n    this.setState({ completedSteps, step: nextStep }, () => {\n      trackCheckoutStep(step, this.state);\n      this.scrollToSection(nextStep);\n    });\n  }\n\n  handleActivate(section) {\n    this.setState({ step: section }, () => {\n      this.scrollToSection(section);\n    });\n    trackEvent('edit_completed_checkout_section', { section });\n  }\n\n  scrollToSection(section) {\n    if (!isMobileViewport()) {\n      return;\n    }\n    scrollToComponent(this[section], {\n      align: 'top',\n      offset: -80,\n      duration: 300,\n    });\n  }\n\n  intentComplete(data) {\n    this.setState(\n      {\n        donationAmount: data.donationAmount,\n        donationFrequency: data.donationFrequency,\n        benefitDesired: data.benefitDesired,\n        coverFees: data.coverFees,\n      },\n      () => this.fetchPaymentIntent()\n    );\n    this.markStepComplete('intent');\n  }\n\n  contactInfoComplete(info) {\n    this.setState(\n      {\n        contactInfo: info,\n      },\n      () => this.save()\n    );\n    this.markStepComplete('contact');\n  }\n\n  fetchPaymentIntent() {\n    http\n      .post('/donate/payment-intent', {\n        json: {\n          amount: getAmountWithFees(\n            this.state.donationAmount,\n            this.state.coverFees\n          ),\n          frequency: this.state.donationFrequency,\n          paymentIntentId: this.state.paymentIntentId,\n        },\n      })\n      .json()\n      .then((data) => {\n        if (data.clientSecret) {\n          this.setState({\n            clientSecret: data.clientSecret,\n            paymentIntentId: data.id,\n          });\n        }\n      })\n      .catch(async (error) => {\n        const data = await error.response.json();\n\n        console.log('Error fetching payment intent', data);\n        this.setState({\n          clientSecret: null,\n          error: data.error || 'Something went wrong processing your donation.',\n        });\n      });\n  }\n\n  save() {\n    http\n      .post('/donate/save-details', {\n        json: {\n          inboundVia: this.state.inboundVia,\n          amount: getAmountWithFees(\n            this.state.donationAmount,\n            this.state.coverFees\n          ),\n          coverFees: this.state.coverFees,\n          paymentIntentId: this.state.paymentIntentId,\n          email: this.state.contactInfo.email,\n          contactInfo: this.state.contactInfo,\n          frequency: this.state.donationFrequency.toLowerCase(),\n          benefitDesired: this.state.benefitDesired,\n        },\n      })\n      .json()\n      .then(() => {\n        this.setState({\n          error: null,\n        });\n\n        window.history.pushState(\n          null,\n          '',\n          `/donate?payment_intent=${this.state.paymentIntentId}&client_secret=${this.state.clientSecret}&donate_step=payment`\n        );\n      })\n      .catch(async (error) => {\n        let errorMessage;\n        try {\n          const data = await error.response.json();\n          errorMessage = data.error;\n        } catch (e) {\n          errorMessage = 'Something went wrong processing your donation.';\n        }\n\n        this.setState({\n          error: errorMessage,\n        });\n      });\n  }\n\n  getStripeOptions() {\n    return {\n      clientSecret: this.state.clientSecret,\n      appearance: {\n        theme: 'night',\n        variables: {\n          colorPrimary: '#ff0b3a',\n          colorDanger: '#ff0b3a',\n        },\n      },\n    };\n  }\n\n  render() {\n    return (\n      <div className=\"support-page-react\">\n        {this.renderNotice()}\n        {!this.state.error && this.renderSections()}\n      </div>\n    );\n  }\n\n  renderSections() {\n    return (\n      <div className=\"support-container\">\n        {this.state.step === 'intent' && (\n          <Pitch copyOptions={this.props.options} />\n        )}\n        <SupportSection\n          active={this.state.step === 'intent'}\n          complete={this.state.completedSteps.includes('intent')}\n          onActivate={this.handleActivate.bind(this, 'intent')}\n        >\n          <SupportIntent\n            enableTotes={this.props.options.enableTotes}\n            active={this.state.step === 'intent'}\n            complete={this.state.completedSteps.includes('intent')}\n            savedDonationAmount={this.state.donationAmount}\n            savedDonationFrequency={this.state.donationFrequency}\n            coverFees={this.state.coverFees}\n            onComplete={this.intentComplete.bind(this)}\n          />\n        </SupportSection>\n        <SupportSection\n          active={this.state.step === 'contact'}\n          complete={this.state.completedSteps.includes('contact')}\n          onActivate={this.handleActivate.bind(this, 'contact')}\n        >\n          <ContactInfoForm\n            contactInfo={this.state.contactInfo}\n            onComplete={this.contactInfoComplete.bind(this)}\n            complete={this.state.completedSteps.includes('contact')}\n            active={this.state.step === 'contact'}\n            receivingBenefit={\n              this.state.benefitDesired &&\n              receivingBenefit(\n                this.state.donationAmount,\n                this.state.donationFrequency\n              )\n            }\n          />\n        </SupportSection>\n        <SupportSection\n          active={this.state.step === 'payment'}\n          complete={this.state.completedSteps.includes('payment')}\n          onActivate={this.handleActivate.bind(this, 'payment')}\n        >\n          <Elements options={this.getStripeOptions()} stripe={stripePromise}>\n            {this.state.clientSecret && (\n              <PaymentForm\n                contactInfo={this.state.contactInfo}\n                savedPaymentToken={this.state.paymentToken}\n                active={this.state.step === 'payment'}\n                complete={this.state.completedSteps.includes('payment')}\n                amount={this.state.donationAmount}\n                frequency={this.state.donationFrequency}\n                coverFees={this.state.coverFees}\n              />\n            )}\n          </Elements>\n        </SupportSection>\n      </div>\n    );\n  }\n\n  renderNotice() {\n    if (this.state.error) {\n      return (\n        <div className=\"support-container\">\n          <div className=\"error-message\">{this.state.error}</div>\n          <p>\n            If the problem persists please contact{' '}\n            <a href=\"mailto:support@themarshallproject.org\">\n              support@themarshallproject.org\n            </a>\n          </p>\n        </div>\n      );\n    } else if (this.state.notice) {\n      return (\n        <div className=\"support-container\">\n          <div className=\"error-message\">{this.state.notice}</div>\n          <p>\n            Please correct the problem below. If the problem persists please\n            contact{' '}\n            <a href=\"mailto:support@themarshallproject.org\">\n              support@themarshallproject.org\n            </a>\n          </p>\n        </div>\n      );\n    }\n  }\n}\n","import React from 'react';\nimport { render } from 'react-dom';\n\nimport SupportPage from './supportpage.js';\n\nconst container = document.getElementById('support-app-js');\n\nrender(\n  <React.StrictMode>\n    <SupportPage options={container.dataset} />\n  </React.StrictMode>,\n  container\n);\n","// We set up the ga object here so that any code depending on the presence of\n// ga can import this file and forever assume that they can use it normally,\n// without checking whether its really running all the time. This decouples the\n// decision of \"Do we want analytics right now?\" from everywhere we actually\n// use analytics.\nwindow.dataLayer = window.dataLayer || [];\nexport const gtag =\n  window.gtag ||\n  function () {\n    window.dataLayer.push(arguments);\n  };\n\nexport const ga = (window.ga =\n  window.ga ||\n  function () {\n    (ga.q = ga.q || []).push(arguments);\n  });\n","// packages\nimport ky from 'ky';\n\n/**\n * Returns the CSRF token from the meta tag. This is injected by Rails using\n * the `csrf_meta_tags` helper.\n *\n * @returns {string}\n */\nexport function getCsrfToken() {\n  return document\n    .querySelector(\"meta[name='csrf-token']\")\n    ?.getAttribute('content');\n}\n\n/**\n * Audits whether a given URL is on the same origin as the current page. We do\n * not want to send the CSRF token to different origins because sometimes third-party\n * services will throw errors if they receive a header they don't expect.\n *\n * @private\n * @param {string} url\n * @returns {boolean}\n */\nfunction isUrlSameOrigin(url) {\n  // it is a relative URL so same origin\n  if (!url.startsWith('http')) {\n    return true;\n  }\n\n  try {\n    // if the hostname matches, it's the same origin\n    return new URL(url).hostname === window.location.hostname;\n  } catch (_) {\n    // if something goes wrong with the URL parsing we err on the side of\n    // caution and assume it's the same origin\n    return true;\n  }\n}\n\n/**\n * @param {Request} request\n */\nfunction applyCsrfTokenToRequest(request) {\n  // only need the CSRF token for non-GET requests\n  if (request.method !== 'GET') {\n    // send CSRF token only with same origin requests\n    if (isUrlSameOrigin(request.url)) {\n      request.headers.set('X-CSRF-Token', getCsrfToken());\n    }\n  }\n}\n\nexport default ky.create({\n  hooks: { beforeRequest: [applyCsrfTokenToRequest] },\n});\n","export function ensure(name, object, requiredKeys) {\n  const errors = [];\n\n  requiredKeys.forEach((key) => {\n    if (isUndefined(object[key])) {\n      errors.push(`Required key ${key} missing from options`);\n    }\n  });\n\n  if (errors.length > 0) {\n    throw new Error(`Error calling ${name}:\\n${errors.join('\\n')}`);\n  }\n}\n\nexport function isNullOrUndefined(value) {\n  return value === null || value === undefined;\n}\n\nexport function isUndefined(value) {\n  return value === undefined;\n}\n\nexport function getBootstrapData(key, optional = false) {\n  const value = window.TMPBootstrapData[key];\n\n  if (!optional && isUndefined(value)) {\n    throw new Error(`Required bootstrap value ${key} is absent \\\n                     did you forget to call set_bootstrap_data in the controller?`);\n  }\n\n  return value;\n}\n\nexport function abstractMethod(name) {\n  throw new Error(\n    `${name} is an abstract method and must be implemented in the child class`\n  );\n}\n\nexport function getDomain(url) {\n  const a = document.createElement('a');\n  a.href = url;\n  return a.hostname.replace('//www.', '//');\n}\n\nexport function isMobileViewport() {\n  return window.innerWidth <= 768;\n}\n\n// Lifted from https://davidwalsh.name/query-string-javascript\nexport function getUrlParameter(name) {\n  name = name.replace(/[\\[]/, '\\\\[').replace(/[\\]]/, '\\\\]');\n  const regex = new RegExp('[\\\\?&]' + name + '=([^&#]*)');\n  const results = regex.exec(location.search);\n  return results === null\n    ? ''\n    : decodeURIComponent(results[1].replace(/\\+/g, ' '));\n}\n\n// Lifted from https://stackoverflow.com/questions/105034/create-guid-uuid-in-javascript\nexport function uuidv4() {\n  return ([1e7] + -1e3 + -4e3 + -8e3 + -1e11).replace(/[018]/g, (c) =>\n    (\n      c ^\n      (crypto.getRandomValues(new Uint8Array(1))[0] & (15 >> (c / 4)))\n    ).toString(16)\n  );\n}\n\nexport function renderClassToElement(klass, selector, options = {}) {\n  const $els = $(selector);\n\n  if ($els.length > 0) {\n    $els.each((index, el) => {\n      const instance = new klass({ el });\n      if (!options.skipRender) {\n        instance.render();\n      }\n    });\n  }\n}\n\nexport function whenElementExists(selectors, fn) {\n  if (document.querySelector(selectors)) {\n    fn();\n  }\n}\n\nexport function dynamicRenderClassToElement(\n  selectors,\n  loadFn,\n  { skipRender } = {}\n) {\n  const els = document.querySelectorAll(selectors);\n  const count = els.length;\n\n  // we have one, keep going\n  if (count > 0) {\n    loadFn().then(({ default: Class }) => {\n      for (let idx = 0; idx < count; idx++) {\n        const el = els[idx];\n        const instance = new Class({ el });\n\n        if (!skipRender) {\n          instance.render();\n        }\n      }\n    });\n  }\n}\n\nexport function loadScript(url) {\n  const tag = document.createElement('script');\n  tag.src = url;\n  tag.async = true;\n  document.body.append(tag);\n}\n"],"names":["trackEvent","eventName","eventData","category","action","label","value","event_name","event_category","event_action","event_label","event_value","convertLegacyEvent","arguments","e","console","warn","trackParselyConversion","parselyConversionEventQueue","capture","type","window","PARSELY","loaded","report","push","conversions","log","TMPBootstrapData","parselyConversion","conversion","onload","forEach","event","trackParselyNewsletterConversion","TMPAnalytics","trackConversion","Pitch","copyOptions","collapsed","setCollapsed","useState","title","body","renderedBody","dangerouslySetInnerHTML","__html","fallbackBody","className","onClick","closed","MoneySelector","Component","constructor","props","super","this","state","open","ignoreFocus","onChange","parseInt","target","replace","isNaN","Math","abs","handleFocus","setState","handleBlur","handleSelection","_","delay","input","focus","getOptionValues","frequency","other","render","optionValues","options","Object","keys","map","key","onMouseDown","bind","optionsMarkup","errors","donationAmount","ref","i","autoComplete","name","placeholder","onFocus","onBlur","BenefitOption","desired","onToggle","text","getAnnualTotal","amount","receivingBenefit","getBenefitThreshold","getAmountWithFees","coverFees","numericAmount","round","formatMoney","number","Number","isInteger","toFixed","MembershipBenefitPanel","getAdditionalString","num","multiplier","getAdditionalForBenefit","ceil","getAdditionalFrequency","message","shouldDisplayOption","benefitDesired","toggleBenefitDesired","Button","handleKeyPress","keyCode","extraProps","id","disabled","role","tabIndex","onKeyDown","RecurringNudge","onAgree","recurringAmount","onDecline","CustomSelect","readOnly","FREQUENCY_OPTIONS","annually","monthly","once","FrequencySelector","NextButton","createValidator","rules","values","field","fieldErrors","arr","hash","filter","val","alreadyPresent","unique","rule","error","Boolean","fieldError","join","length","required","errorMessage","Array","isArray","trim","isNumber","min","fieldName","numberError","EMAIL_RE","isEmail","test","recurringValidator","onceValidator","SupportIntent","getInitialState","savedDonationAmount","urlPeriod","savedDonationFrequency","getDefaultAmount","donationFrequency","amountSet","getRecommendedRecurringAmount","max","getTotesEnabled","enableTotes","validate","properties","valid","updateAmount","newState","assign","updateFrequency","cb","updatedState","handleNudgeAgreement","handleNext","handleNudgeDecline","handleCoverFeesChange","checked","onComplete","coverFeesOption","viewBox","points","active","complete","renderActive","renderComplete","renderCTA","src","FormField","touched","element","componentDidMount","autoFocus","children","htmlFor","SelectFormField","option","validator","firstName","lastName","email","zip","shippingValidator","address1","city","country","noSubdivisionsShippingValidator","ContactInfoForm","contactInfo","setValues","setErrors","countries","setCountries","useEffect","http","get","json","then","data","useCountries","subdivisions","countryCode","setSubdivisions","useSubdivisions","noSubdivisions","handleChange","newValues","preventDefault","onSubmit","phone","address2","form","ContactFormComplete","savedInfo","compactJoin","list","separator","x","ProgressLogo","logoPhase","timeout","setTimeout","animateLogos","componentWillUnmount","clearTimeout","xmlns","StripeForm","stripe","useStripe","elements","useElements","setEmail","setMessage","isLoading","setIsLoading","stripeOptions","defaultValues","billingDetails","address","line1","line2","postal_code","PaymentElement","getButtonText","async","confirmPayment","confirmParams","return_url","location","origin","PaymentForm","card","savedPaymentToken","brand","last4","SupportSection","onActivate","noEdit","controls","formatEventData","currentState","currency","donation_frequency","benefit_desired","items","item_name","getInitialStepState","correctionStep","step","completedSteps","getDonationState","donation","getContactInfo","donor","first_name","last_name","getPaymentState","paymentIntentId","platform_id","clientSecret","STEPS","stripePromise","TMPStripePublishableKey","SupportPage","notice","inboundVia","markStepComplete","firstCompletion","includes","nextStep","find","payment_type","newsletters","subscriptions","cover_fees","trackCheckoutStep","scrollToSection","handleActivate","section","align","offset","duration","intentComplete","fetchPaymentIntent","contactInfoComplete","info","save","post","catch","response","toLowerCase","history","pushState","getStripeOptions","appearance","theme","variables","colorPrimary","colorDanger","renderNotice","renderSections","Elements","paymentToken","href","container","document","getElementById","dataset","dataLayer","gtag","ga","q","getCsrfToken","querySelector","getAttribute","create","hooks","beforeRequest","request","method","url","startsWith","URL","hostname","isUrlSameOrigin","headers","set","ensure","object","requiredKeys","isUndefined","Error","isNullOrUndefined","getBootstrapData","optional","abstractMethod","isMobileViewport","innerWidth","getUrlParameter","results","RegExp","exec","search","decodeURIComponent","uuidv4","c","crypto","getRandomValues","Uint8Array","toString","renderClassToElement","klass","selector","$els","$","each","index","el","instance","skipRender","whenElementExists","selectors","fn","dynamicRenderClassToElement","loadFn","els","querySelectorAll","count","default","Class","idx","loadScript","tag","createElement","append"],"sourceRoot":""}