@internetarchive/donation-form 0.6.1-alpha.1 → 0.6.1

package/dist/src/donation-form.js.map

@@ -1 +1 @@
-{"version":3,"file":"donation-form.js","sourceRoot":"","sources":["../../src/donation-form.ts"],"names":[],"mappings":";AAAA,iDAAiD;AACjD,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAA6C,MAAM,KAAK,CAAC;AACvF,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAEnE,OAAO,OAAO,MAAM,qCAAqC,CAAC;AAE1D,qFAAqF;AACrF,kFAAkF;AAClF,6EAA6E;AAC7E,8EAA8E;AAC9E,OAAO,kCAAkC,CAAC;AAC1C,OAAO,6CAA6C,CAAC;AAOrD,OAAO,EAEL,mBAAmB,EACnB,eAAe,EAEf,YAAY,EACZ,sBAAsB,GACvB,MAAM,4CAA4C,CAAC;AAIpD,OAAO,EACL,iCAAiC,EACjC,kCAAkC,GACnC,MAAM,8CAA8C,CAAC;AAEtD,OAAO,wCAAwC,CAAC;AAChD,OAAO,EAEL,4BAA4B,GAC7B,MAAM,wCAAwC,CAAC;AAChD,OAAO,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AAEnE,OAAO,8BAA8B,CAAC;AAG/B,IAAM,YAAY,GAAlB,MAAM,YAAa,SAAQ,UAAU;IAArC;;QAWsB,kBAAa,GAAa,sBAAsB,CAAC;QAEhD,0BAAqB,GAC/C,iCAAiC,CAAC,SAAS,CAAC;QAElB,2BAAsB,GAChD,kCAAkC,CAAC,MAAM,CAAC;QAEP,sBAAiB,GAAG,KAAK,CAAC;QAE1B,uBAAkB,GAAG,KAAK,CAAC;QAE3B,sBAAiB,GAAG,IAAI,CAAC;QAUtD,4BAAuB,GAAG,IAAI,CAAC;QA0X/B,2BAAsB,GAAG,KAAK,CAAC;QAa/B,8BAAyB,GAAG,KAAK,CAAC;IAuG5C,CAAC;IA5eC,kBAAkB;IAClB,MAAM;;QACJ,OAAO,IAAI,CAAA;;yBAEU,IAAI,CAAC,aAAa;iCACV,IAAI,CAAC,qBAAqB;kCACzB,IAAI,CAAC,sBAAsB;+BAC9B,IAAI,CAAC,mBAAmB;6BAC1B,IAAI,CAAC,iBAAiB;;;;;qBAK9B,4BAA4B,CAAC,qBAAqB;;;oDAGnB,IAAI,CAAC,YAAY;;;;;wBAK7C,IAAI,CAAC,6BAA6B;;;;8BAI5B,MAAA,IAAI,CAAC,gBAAgB,0CAAE,gBAAgB;0BAC3C,IAAI,CAAC,2BAA2B;gCAC1B,IAAI,CAAC,kBAAkB;2BAC5B,IAAI,CAAC,aAAa;8BACf,IAAI,CAAC,gBAAgB;+BACpB,IAAI,CAAC,iBAAiB;mCAClB,IAAI,CAAC,qBAAqB;gCAC7B,GAAS,EAAE;YAC/B,IAAI,CAAC,uBAAuB,GAAG,SAAS,CAAC;YACzC,IAAI,CAAC,kBAAkB,GAAG,KAAK,CAAC;YAChC,IAAI,CAAC,aAAa,EAAE,CAAC;QACvB,CAAC,CAAA;;;;;;;yCAO8B,IAAI,CAAC,kBAAkB,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ;UACtE,IAAI,CAAC,0BAA0B;;;KAGpC,CAAC;IACJ,CAAC;IAEK,wBAAwB,CAAC,OAM9B;;;YACC,MAAA,IAAI,CAAC,mBAAmB,0CAAE,yBAAyB,CAAC,OAAO,CAAC,CAAC;;KAC9D;IAED;;;;;;;;;;;;;;;OAeG;IACG,kBAAkB,CAAC,OAOxB;;;YACC,MAAA,IAAI,CAAC,mBAAmB,0CAAE,eAAe,CAAC,OAAO,CAAC,CAAC;YAEnD,IAAI,OAAO,CAAC,OAAO,KAAK,kBAAkB,CAAC,gBAAgB,EAAE;gBAC3D,MAAM,OAAO,GAAG,MAAM,CAAA,MAAA,IAAI,CAAC,gBAAgB,0CAAE,gBAAgB,CAAC,aAAa,CAAC,GAAG,EAAE,CAAA,CAAC;gBAClF,MAAM,YAAY,GAAG,IAAI,mBAAmB,CAAC;oBAC3C,MAAM,EAAE,OAAO,CAAC,aAAa;oBAC7B,YAAY,EAAE,YAAY,CAAC,OAAO;oBAClC,SAAS,EAAE,KAAK;iBACjB,CAAC,CAAC;gBACH,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,kBAAkB,CAAC;oBAC1B,QAAQ,EAAE,uBAAuB;oBACjC,KAAK,EAAE;wBACL,KAAK,EAAE,MAAkC;wBACzC,KAAK,EAAE,QAAoC;wBAC3C,KAAK,EAAE,MAAkC;wBACzC,IAAI,EAAE,YAAuC;wBAC7C,OAAO,EAAE,KAAK;qBACf;oBACD,YAAY,EAAE,YAAY;iBAC3B,CAAC,CAAC;aACJ;;KACF;IAED,IAAI,0BAA0B;QAC5B,MAAM,QAAQ,GAAG,IAAI,CAAC,uBAAuB,KAAK,eAAe,CAAC,KAAK;YACrE,CAAC,CAAC,uBAAuB;YACzB,CAAC,CAAC,2BAA2B,CAAC;QAEhC,OAAO,IAAI,CAAA;;wBAES,IAAI,CAAC,6BAA6B,GAAG,CAAC;mBAC3C,QAAQ;;;;iDAIsB,IAAI,CAAC,iBAAiB,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ;;;;;6CAK1C,IAAI,CAAC,6BAA6B,GAAG,CAAC;;4CAEvC,IAAI,CAAC,aAAa;;2CAEnB,OAAO;;KAE7C,CAAC;IACJ,CAAC;IAED;;;;;;;;;;;;;;;;;;;;;;;;;;;OA2BG;IACH,IAAY,6BAA6B;QACvC,OAAO,IAAI,CAAC,sBAAsB,KAAK,kCAAkC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAC3F,CAAC;IAEO,iBAAiB;QACvB,IAAI,CAAC,iBAAiB,GAAG,KAAK,CAAC;IACjC,CAAC;IAEO,2BAA2B;;QACjC,IAAI,MAAA,IAAI,CAAC,mBAAmB,0CAAE,aAAa,EAAE;YAC3C,IAAI,CAAC,0BAA0B,EAAE,CAAC;SACnC;IACH,CAAC;IAEO,gBAAgB,CAAC,CAAc;;QACrC,IAAI,CAAC,uBAAuB,GAAG,eAAe,CAAC,QAAQ,CAAC;QACxD,IAAI,CAAC,kBAAkB,GAAG,KAAK,CAAC;QAChC,IAAI,CAAC,iBAAiB,GAAG,KAAK,CAAC;QAE/B,IAAI,CAAC,IAAI,CAAC,iBAAiB,EAAE;YAC3B,IAAI,CAAC,4BAA4B,EAAE,CAAC;YACpC,OAAO;SACR;QAED,MAAM,aAAa,GAAG,CAAC,CAAC,MAAM,CAAC,aAAa,CAAC;QAC7C,IAAI,CAAC,YAAY;aACf,MAAA,MAAA,IAAI,CAAC,mBAAmB,0CAAE,eAAe,0CAAE,gBAAgB,CAAC,IAAI,CAAC,YAAY,EAAE,aAAa,CAAC,CAAA,CAAC;QAChG,IAAI,CAAC,2BAA2B,EAAE,CAAC;IACrC,CAAC;IAEO,iBAAiB;;QACvB,IAAI,CAAC,uBAAuB,GAAG,eAAe,CAAC,SAAS,CAAC;QACzD,IAAI,CAAC,kBAAkB,GAAG,KAAK,CAAC;QAChC,IAAI,CAAC,iBAAiB,GAAG,KAAK,CAAC;QAE/B,IAAI,CAAC,IAAI,CAAC,iBAAiB,EAAE;YAC3B,IAAI,CAAC,4BAA4B,EAAE,CAAC;SACrC;aAAM;YACL,IAAI,CAAC,YAAY;iBACf,MAAA,MAAA,IAAI,CAAC,mBAAmB,0CAAE,gBAAgB,0CAAE,gBAAgB,CAAC,IAAI,CAAC,YAAY,CAAC,CAAA,CAAC;YAClF,IAAI,CAAC,2BAA2B,EAAE,CAAC;SACpC;IACH,CAAC;IAEa,kBAAkB;;YAC9B,IAAI,CAAC,IAAI,CAAC,iBAAiB,EAAE;gBAC3B,IAAI,CAAC,4BAA4B,EAAE,CAAC;gBACpC,OAAO;aACR;YACD,IAAI,CAAC,uBAAuB,GAAG,eAAe,CAAC,UAAU,CAAC;YAC1D,IAAI,CAAC,kBAAkB,GAAG,IAAI,CAAC;YAC/B,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC;YAC9B,IAAI,CAAC,gBAAgB,EAAE,CAAC;QAC1B,CAAC;KAAA;IAEa,aAAa;;YACzB,IAAI,CAAC,IAAI,CAAC,iBAAiB,EAAE;gBAC3B,IAAI,CAAC,4BAA4B,EAAE,CAAC;gBACpC,OAAO;aACR;YACD,IAAI,CAAC,uBAAuB,GAAG,eAAe,CAAC,KAAK,CAAC;YACrD,IAAI,CAAC,kBAAkB,GAAG,IAAI,CAAC;YAC/B,IAAI,CAAC,iBAAiB,GAAG,KAAK,CAAC;YAC/B,IAAI,CAAC,gBAAgB,EAAE,CAAC;QAC1B,CAAC;KAAA;IAEO,qBAAqB;QAC3B,IAAI,CAAC,kBAAkB,GAAG,KAAK,CAAC;QAChC,IAAI,CAAC,iBAAiB,GAAG,KAAK,CAAC;QAC/B,IAAI,CAAC,4BAA4B,EAAE,CAAC;IACtC,CAAC;IAEa,gBAAgB;;;YAC5B,MAAM,IAAI,CAAC,cAAc,CAAC;YAC1B,IAAI,IAAI,CAAC,kBAAkB,EAAE;gBAC3B,MAAA,IAAI,CAAC,WAAW,0CAAE,KAAK,EAAE,CAAC;aAC3B;;KACF;IAEa,aAAa;;YACzB,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE;gBACrB,KAAK,CAAC,4BAA4B,CAAC,CAAC;gBACpC,OAAO;aACR;YACD,IAAI,CAAC,IAAI,CAAC,iBAAiB,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE;gBACjD,IAAI,CAAC,4BAA4B,EAAE,CAAC;gBACpC,OAAO;aACR;YAED,MAAM,WAAW,GAAG,IAAI,CAAC,WAAW,CAAC,gBAAgB,CAAC;YAEtD,QAAQ,IAAI,CAAC,uBAAuB,EAAE;gBACpC,KAAK,eAAe,CAAC,UAAU;oBAC7B,IAAI,CAAC,4BAA4B,CAAC,WAAW,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC;oBAClE,MAAM;gBACR,KAAK,eAAe,CAAC,KAAK;oBACxB,IAAI,CAAC,uBAAuB,CAAC,WAAW,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC;oBAC7D,MAAM;aACT;QACH,CAAC;KAAA;IAEa,4BAA4B,CACxC,WAA6B,EAC7B,YAAiC;;;YAEjC,MAAM,qBAAqB,GAAG,MAAA,IAAI,CAAC,mBAAmB,0CAAE,iBAAiB,CAAC;YAC1E,MAAM,iBAAiB,GAAG,MAAM,CAAA,MAAA,IAAI,CAAC,gBAAgB,0CAAE,gBAAgB,CAAC,iBAAiB,CAAC,GAAG,EAAE,CAAA,CAAC;YAChG,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,gBAAgB,EAAE,CAAC;YACtC,MAAM,KAAK,GAAG,MAAA,IAAI,CAAC,WAAW,0CAAE,cAAc,EAAE,CAAC;YACjD,MAAM,oBAAoB,GAAG,MAAM,CAAA,qBAAqB,aAArB,qBAAqB,uBAArB,qBAAqB,CAAE,cAAc,EAAE,CAAA,CAAC;YAE3E,IAAI,CAAC,KAAK,IAAI,oBAAoB,KAAK,SAAS,EAAE;gBAChD,OAAO;aACR;YAED,IAAI,CAAC,2BAA2B,EAAE,CAAC;YACnC,qBAAqB,aAArB,qBAAqB,uBAArB,qBAAqB,CAAE,gBAAgB,CAAC,oBAAoB,EAAE,YAAY,EAAE,WAAW,CAAC,CAAC;;KAC1F;IAEa,uBAAuB,CACnC,WAA6B,EAC7B,YAAiC;;;YAEjC,MAAM,KAAK,GAAG,MAAA,IAAI,CAAC,WAAW,0CAAE,cAAc,EAAE,CAAC;YACjD,IAAI,CAAC,KAAK,EAAE;gBACV,OAAO;aACR;YACD,MAAA,MAAA,IAAI,CAAC,mBAAmB,0CAAE,YAAY,0CAAE,gBAAgB,CAAC,WAAW,EAAE,YAAY,CAAC,CAAC;;KACrF;IAEO,2BAA2B;QACjC,IAAI,CAAC,IAAI,CAAC,uBAAuB,EAAE;YACjC,OAAO;SACR;QACD,MAAM,KAAK,GAAG,IAAI,WAAW,CAAC,oBAAoB,EAAE;YAClD,MAAM,EAAE,EAAE,eAAe,EAAE,IAAI,CAAC,uBAAuB,EAAE;SAC1D,CAAC,CAAC;QACH,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAC5B,CAAC;IAEO,6BAA6B;QACnC,IAAI,CAAC,IAAI,CAAC,uBAAuB,EAAE;YACjC,OAAO;SACR;QACD,MAAM,KAAK,GAAG,IAAI,WAAW,CAAC,sBAAsB,EAAE;YACpD,MAAM,EAAE,EAAE,eAAe,EAAE,IAAI,CAAC,uBAAuB,EAAE;SAC1D,CAAC,CAAC;QACH,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAC5B,CAAC;IAEO,6BAA6B;QACnC,IAAI,CAAC,IAAI,CAAC,uBAAuB,EAAE;YACjC,OAAO;SACR;QACD,MAAM,KAAK,GAAG,IAAI,WAAW,CAAC,sBAAsB,EAAE;YACpD,MAAM,EAAE,EAAE,eAAe,EAAE,IAAI,CAAC,uBAAuB,EAAE;SAC1D,CAAC,CAAC;QACH,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAC5B,CAAC;IAEO,yBAAyB,CAAC,KAAc;QAC9C,IAAI,CAAC,IAAI,CAAC,uBAAuB,EAAE;YACjC,OAAO;SACR;QACD,MAAM,KAAK,GAAG,IAAI,WAAW,CAAC,kBAAkB,EAAE;YAChD,MAAM,EAAE,EAAE,eAAe,EAAE,IAAI,CAAC,uBAAuB,EAAE,KAAK,EAAE,KAAK,EAAE;SACxE,CAAC,CAAC;QACH,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAC5B,CAAC;IAEO,4BAA4B;QAClC,KAAK,CAAC,uCAAuC,CAAC,CAAC;IACjD,CAAC;IAEa,0BAA0B;;;YACtC,IAAI,CAAC,IAAI,CAAC,uBAAuB,EAAE;gBACjC,OAAO;aACR;YACD,IAAI,CAAC,uBAAuB,GAAG,KAAK,CAAC;YACrC,IAAI,CAAC,YAAY;gBACf,CAAC,MAAM,CAAA,MAAA,MAAA,IAAI,CAAC,mBAAmB,0CAAE,aAAa,0CAAE,kBAAkB,CAAC,IAAI,CAAC,YAAY,CAAC,CAAA,CAAC,CAAC;YACzF,IAAI,CAAC,eAAe,CAAC,gBAAgB,EAAE,CAAC;;KACzC;IAED,OAAO,CAAC,iBAAiC;;QACvC,IAAI,iBAAiB,CAAC,GAAG,CAAC,cAAc,CAAC,IAAI,IAAI,CAAC,YAAY,EAAE;YAC9D,oFAAoF;YACpF,wFAAwF;YACxF,MAAA,MAAA,IAAI,CAAC,mBAAmB,0CAAE,aAAa,0CAAE,kBAAkB,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;YAC/E,IAAI,CAAC,kBAAkB,CAAC,YAAY,GAAG,IAAI,CAAC,YAAY,CAAC;SAC1D;QAED,IACE,CAAC,iBAAiB,CAAC,GAAG,CAAC,qBAAqB,CAAC,IAAI,iBAAiB,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;YACvF,IAAI,CAAC,YAAY;YACjB,IAAI,CAAC,mBAAmB,EACxB;YACA,IAAI,CAAC,iBAAiB,EAAE,CAAC;SAC1B;QAED,IAAI,iBAAiB,CAAC,GAAG,CAAC,mBAAmB,CAAC,EAAE;YAC9C,IAAI,CAAC,eAAe,CAAC,iBAAiB,GAAG,IAAI,CAAC,iBAAiB,CAAC;SACjE;QAED,IAAI,iBAAiB,CAAC,GAAG,CAAC,yBAAyB,CAAC,EAAE;YACpD,MAAM,KAAK,GAAG,IAAI,WAAW,CAAC,yBAAyB,EAAE;gBACvD,MAAM,EAAE;oBACN,eAAe,EAAE,IAAI,CAAC,uBAAuB;oBAC7C,uBAAuB,EAAE,iBAAiB,CAAC,GAAG,CAAC,yBAAyB,CAAC;iBAC1E;aACF,CAAC,CAAC;YACH,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;SAC3B;IACH,CAAC;IAIO,iBAAiB;;QACvB,IAAI,IAAI,CAAC,sBAAsB,EAAE;YAC/B,OAAO;SACR;QACD,IAAI,CAAC,sBAAsB,GAAG,IAAI,CAAC;QACnC,IAAI,CAAC,sBAAsB,EAAE,CAAC;QAC9B,IAAI,CAAC,0BAA0B,EAAE,CAAC;QAClC,IAAI,CAAC,YAAY;aACf,MAAA,MAAA,IAAI,CAAC,mBAAmB,0CAAE,aAAa,0CAAE,kBAAkB,CAAC,IAAI,CAAC,YAAY,CAAC,CAAA,CAAC;IACnF,CAAC;IAIO,sBAAsB;;QAC5B,IAAI,IAAI,CAAC,yBAAyB,EAAE;YAClC,OAAO;SACR;QACD,IAAI,CAAC,yBAAyB,GAAG,IAAI,CAAC;QAEtC,MAAA,MAAA,IAAI,CAAC,mBAAmB,0CAAE,aAAa,0CAAE,EAAE,CAAC,sBAAsB,EAAE,GAAG,EAAE;YACvE,IAAI,CAAC,uBAAuB,GAAG,eAAe,CAAC,MAAM,CAAC;YACtD,IAAI,CAAC,2BAA2B,EAAE,CAAC;QACrC,CAAC,CAAC,CAAC;QACH,MAAA,MAAA,IAAI,CAAC,mBAAmB,0CAAE,aAAa,0CAAE,EAAE,CAAC,wBAAwB,EAAE,GAAG,EAAE;YACzE,IAAI,CAAC,uBAAuB,GAAG,eAAe,CAAC,MAAM,CAAC;YACtD,IAAI,CAAC,6BAA6B,EAAE,CAAC;QACvC,CAAC,CAAC,CAAC;QACH,MAAA,MAAA,IAAI,CAAC,mBAAmB,0CAAE,aAAa,0CAAE,EAAE,CAAC,wBAAwB,EAAE,GAAG,EAAE;YACzE,IAAI,CAAC,uBAAuB,GAAG,eAAe,CAAC,MAAM,CAAC;YACtD,IAAI,CAAC,6BAA6B,EAAE,CAAC;QACvC,CAAC,CAAC,CAAC;QACH,MAAA,MAAA,IAAI,CAAC,mBAAmB,0CAAE,aAAa,0CAAE,EAAE,CAAC,oBAAoB,EAAE,CAAC,UAAU,EAAE,KAAK,EAAE,EAAE;YACtF,IAAI,CAAC,uBAAuB,GAAG,eAAe,CAAC,MAAM,CAAC;YACtD,IAAI,CAAC,yBAAyB,CAAC,KAAK,CAAC,CAAC;QACxC,CAAC,CAAC,CAAC;QAEH,MAAA,MAAA,IAAI,CAAC,mBAAmB,0CAAE,gBAAgB,0CAAE,EAAE,CAAC,kBAAkB,EAAE,GAAG,EAAE;YACtE,IAAI,CAAC,uBAAuB,GAAG,eAAe,CAAC,SAAS,CAAC;YACzD,IAAI,CAAC,6BAA6B,EAAE,CAAC;QACvC,CAAC,CAAC,CAAC;IACL,CAAC;IAEO,mBAAmB,CAAC,CAAc;QACxC,MAAM,YAAY,GAAwB,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC;QAChE,IAAI,CAAC,YAAY,GAAG,IAAI,mBAAmB,CAAC;YAC1C,MAAM,EAAE,YAAY,CAAC,MAAM;YAC3B,YAAY,EAAE,YAAY,CAAC,YAAY;YACvC,SAAS,EAAE,YAAY,CAAC,SAAS;SAClC,CAAC,CAAC;QACH,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC;QAC9B,MAAM,KAAK,GAAG,IAAI,WAAW,CAAC,qBAAqB,EAAE,EAAE,MAAM,EAAE,EAAE,YAAY,EAAE,EAAE,CAAC,CAAC;QACnF,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAC5B,CAAC;IAED,kBAAkB;IAClB,MAAM,KAAK,MAAM;QACf,MAAM,oBAAoB,GAAG,GAAG,CAAA,qCAAqC,CAAC;QACtE,MAAM,kBAAkB,GAAG,GAAG,CAAA,iCAAiC,CAAC;QAChE,MAAM,iBAAiB,GAAG,GAAG,CAAA,iDAAiD,CAAC;QAC/E,MAAM,qBAAqB,GAAG,GAAG,CAAA,oCAAoC,CAAC;QACtE,MAAM,sBAAsB,GAAG,GAAG,CAAA,sDAAsD,CAAC;QACzF,MAAM,oBAAoB,GAAG,GAAG,CAAA,2CAA2C,CAAC;QAC5E,MAAM,uBAAuB,GAAG,GAAG,CAAA,8CAA8C,CAAC;QAElF,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;qBA0BO,oBAAoB;;;iBAGxB,qBAAqB;;;;4BAIV,iBAAiB;;;kBAG3B,kBAAkB;;;;4BAIR,sBAAsB;;;;;sBAK5B,oBAAoB;yBACjB,uBAAuB;;KAE3C,CAAC;IACJ,CAAC;CACF,CAAA;AA9gB6B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;sDAAyD;AAExD;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;yDAA+D;AAE9D;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;qDAA8C;AAE7C;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;kDAAoC;AAEnC;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;iDAA2B;AAE3B;IAA1B,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;mDAAkD;AAEhD;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;2DACmB;AAElB;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;4DACiB;AAEf;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;uDAAmC;AAElC;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;wDAAoC;AAEnC;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;uDAAkC;AAElC;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;6DAAmD;AAEhD;IAA7B,KAAK,CAAC,qBAAqB,CAAC;wDAA0C;AAExC;IAA9B,KAAK,CAAC,sBAAsB,CAAC;wDAAyC;AAE5C;IAA1B,KAAK,CAAC,kBAAkB,CAAC;qDAAmC;AA/BlD,YAAY;IADxB,aAAa,CAAC,eAAe,CAAC;GAClB,YAAY,CA+gBxB;SA/gBY,YAAY","sourcesContent":["/* eslint-disable @typescript-eslint/ban-types */\nimport { LitElement, html, css, CSSResult, TemplateResult, PropertyValues } from 'lit';\nimport { customElement, property, query } from 'lit/decorators.js';\n\nimport lockImg from '@internetarchive/icon-lock/index.js';\n\n// we have to import the registered component independently from the definition below\n// because inside each of these files, we're registering the custom element inside\n// these files and by simply importing the class name, you lose that behavior\n// See https://github.com/microsoft/TypeScript/issues/9191 for more discussion\nimport './form-elements/payment-selector';\nimport './form-elements/header/donation-form-header';\n\nimport { DonationFormHeader } from './form-elements/header/donation-form-header';\nimport { PaymentSelector } from './form-elements/payment-selector';\n\nimport { BraintreeManagerInterface } from './braintree-manager/braintree-interfaces';\n\nimport {\n  DonationRequest,\n  DonationPaymentInfo,\n  PaymentProvider,\n  DonorContactInfo,\n  DonationType,\n  defaultDonationAmounts,\n} from '@internetarchive/donation-form-data-models';\n\nimport { PaymentFlowHandlersInterface } from './payment-flow-handlers/payment-flow-handlers';\n\nimport {\n  EditDonationAmountSelectionLayout,\n  EditDonationFrequencySelectionMode,\n} from '@internetarchive/donation-form-edit-donation';\n\nimport '@internetarchive/donation-form-section';\nimport {\n  DonationFormSection,\n  DonationFormSectionBadgeMode,\n} from '@internetarchive/donation-form-section';\nimport { UpsellModalCTAMode } from './modals/upsell-modal-content';\nimport { ContactForm } from './form-elements/contact-form/contact-form';\nimport './form-elements/total-amount';\n\n@customElement('donation-form')\nexport class DonationForm extends LitElement {\n  @property({ type: Object }) braintreeManager: BraintreeManagerInterface | undefined;\n\n  @property({ type: Object }) paymentFlowHandlers: PaymentFlowHandlersInterface | undefined;\n\n  @property({ type: Object }) donationRequest: DonationRequest | undefined;\n\n  @property({ type: Object }) donationInfo?: DonationPaymentInfo;\n\n  @property({ type: Object }) contactForm?: ContactForm;\n\n  @property({ type: Array }) amountOptions: number[] = defaultDonationAmounts;\n\n  @property({ type: String }) amountSelectionLayout: EditDonationAmountSelectionLayout =\n    EditDonationAmountSelectionLayout.MultiLine;\n\n  @property({ type: String }) frequencySelectionMode: EditDonationFrequencySelectionMode =\n    EditDonationFrequencySelectionMode.Button;\n\n  @property({ type: Boolean }) private creditCardVisible = false;\n\n  @property({ type: Boolean }) private contactFormVisible = false;\n\n  @property({ type: Boolean }) private donationInfoValid = true;\n\n  @property({ type: String }) private selectedPaymentProvider?: PaymentProvider;\n\n  @query('#contactFormSection') contactFormSection?: DonationFormSection;\n\n  @query('donation-form-header') donationFormHeader!: DonationFormHeader;\n\n  @query('payment-selector') paymentSelector!: PaymentSelector;\n\n  private paypalButtonNeedsRender = true;\n\n  /** @inheritdoc */\n  render(): TemplateResult {\n    return html`\n      <donation-form-header\n        .amountOptions=${this.amountOptions}\n        .amountSelectionLayout=${this.amountSelectionLayout}\n        .frequencySelectionMode=${this.frequencySelectionMode}\n        @donationInfoChanged=${this.donationInfoChanged}\n        @editDonationError=${this.editDonationError}\n      >\n      </donation-form-header>\n\n      <donation-form-section\n        .badgeMode=${DonationFormSectionBadgeMode.HideBadgeLeaveSpacing}\n        id=\"total-amount-section\"\n      >\n        <donation-form-total-amount .donationInfo=${this.donationInfo}>\n        </donation-form-total-amount>\n      </donation-form-section>\n\n      <donation-form-section\n        .sectionBadge=${this.paymentSelectorNumberingStart}\n        headline=\"Choose a payment method\"\n      >\n        <payment-selector\n          .paymentProviders=${this.braintreeManager?.paymentProviders}\n          @firstUpdated=${this.paymentSelectorFirstUpdated}\n          @creditCardSelected=${this.creditCardSelected}\n          @venmoSelected=${this.venmoSelected}\n          @applePaySelected=${this.applePaySelected}\n          @googlePaySelected=${this.googlePaySelected}\n          @paypalBlockerSelected=${this.paypalBlockerSelected}\n          @resetPaymentMethod=${async () => {\n            this.selectedPaymentProvider = undefined;\n            this.contactFormVisible = false;\n            this.requestUpdate();\n          }}\n          tabindex=\"0\"\n        >\n          <slot name=\"paypal-button\" slot=\"paypal-button\"></slot>\n        </payment-selector>\n      </donation-form-section>\n\n      <div class=\"contact-form-section ${this.contactFormVisible ? '' : 'hidden'}\">\n        ${this.contactFormSectionTemplate}\n      </div>\n      <slot name=\"recaptcha\"></slot>\n    `;\n  }\n\n  async showConfirmationModalDev(options: {\n    donationType: DonationType;\n    amount: number;\n    currencyType: string;\n    cancelDonationCB: Function;\n    confirmDonationCB: Function;\n  }): Promise<void> {\n    this.paymentFlowHandlers?.showConfirmationStepModal(options);\n  }\n\n  /**\n   * This is a developer convenience method that allows us to show the upsell modal without going\n   * through the purchasing flow. If it's showing the PayPal button, it will trigger\n   * the PayPal button render\n   *\n   * @param {{\n   *     oneTimeAmount: number;\n   *     ctaMode?: UpsellModalCTAMode;\n   *     yesSelected?: (amount: number) => void;\n   *     noSelected?: () => void;\n   *     amountChanged?: (amount: number) => void;\n   *     userClosedModalCallback?: () => void;\n   *   }} options\n   * @returns {Promise<void>}\n   * @memberof DonationForm\n   */\n  async showUpsellModalDev(options: {\n    oneTimeAmount: number;\n    ctaMode?: UpsellModalCTAMode;\n    yesSelected?: (amount: number) => void;\n    noSelected?: () => void;\n    amountChanged?: (amount: number) => void;\n    userClosedModalCallback?: () => void;\n  }): Promise<void> {\n    this.paymentFlowHandlers?.showUpsellModal(options);\n\n    if (options.ctaMode === UpsellModalCTAMode.PayPalUpsellSlot) {\n      const handler = await this.braintreeManager?.paymentProviders.paypalHandler.get();\n      const donationInfo = new DonationPaymentInfo({\n        amount: options.oneTimeAmount,\n        donationType: DonationType.OneTime,\n        coverFees: false,\n      });\n      handler?.renderPayPalButton({\n        selector: '#paypal-upsell-button',\n        style: {\n          color: 'blue' as paypal.ButtonColorOption,\n          label: 'paypal' as paypal.ButtonLabelOption,\n          shape: 'rect' as paypal.ButtonShapeOption,\n          size: 'responsive' as paypal.ButtonSizeOption,\n          tagline: false,\n        },\n        donationInfo: donationInfo,\n      });\n    }\n  }\n\n  get contactFormSectionTemplate(): TemplateResult {\n    const headline = this.selectedPaymentProvider === PaymentProvider.Venmo\n      ? 'Help us stay in touch'\n      : 'Enter payment information';\n\n    return html`\n      <donation-form-section\n        .sectionBadge=${this.paymentSelectorNumberingStart + 1}\n        headline=${headline}\n        id=\"contactFormSection\"\n      >\n        <slot name=\"contact-form\"></slot>\n        <div class=\"credit-card-fields\" class=\"${this.creditCardVisible ? '' : 'hidden'}\">\n          <slot name=\"braintree-hosted-fields\"></slot>\n        </div>\n      </donation-form-section>\n\n      <donation-form-section .sectionBadge=${this.paymentSelectorNumberingStart + 2}>\n        <slot name=\"recaptcha\"></slot>\n        <button id=\"donate-button\" @click=${this.donateClicked}>Donate</button>\n\n        <div class=\"secure-process-note\">${lockImg} Your payment will be securely processed</div>\n      </donation-form-section>\n    `;\n  }\n\n  /**\n   * Where to start the numbering of the payment selector\n   *\n   * - If we show the frequency selector in button mode, it becomes section 1, which makes\n   * the amount selection section 2, and the payment selector section 3.\n   * - If we show the frequency selector in checkbox mode, it is no longer section 1. The amount\n   * selector becomes section 1 and the payment selector becomes section 2.\n   *\n   * Visually:\n   *\n   * Button Mode:\n   * 1. Frequency selector\n   * 2. Amount selector\n   * 3. Payment selector\n   * 4. Contact info\n   * 5. Donate button\n   *\n   * Checkbox Mode:\n   * 1. Amount selector (including the monthly checkbox)\n   * 2. Payment selector <-- changes from 3 to 2\n   * 3. Contact info <-- changes from 4 to 3\n   * 4. Donate button <-- changes from 5 to 4\n   *\n   * @readonly\n   * @private\n   * @type {number}\n   * @memberof DonationForm\n   */\n  private get paymentSelectorNumberingStart(): number {\n    return this.frequencySelectionMode === EditDonationFrequencySelectionMode.Button ? 3 : 2;\n  }\n\n  private editDonationError(): void {\n    this.donationInfoValid = false;\n  }\n\n  private paymentSelectorFirstUpdated(): void {\n    if (this.paymentFlowHandlers?.paypalHandler) {\n      this.renderPayPalButtonIfNeeded();\n    }\n  }\n\n  private applePaySelected(e: CustomEvent): void {\n    this.selectedPaymentProvider = PaymentProvider.ApplePay;\n    this.contactFormVisible = false;\n    this.creditCardVisible = false;\n\n    if (!this.donationInfoValid) {\n      this.showInvalidDonationInfoAlert();\n      return;\n    }\n\n    const originalEvent = e.detail.originalEvent;\n    this.donationInfo &&\n      this.paymentFlowHandlers?.applePayHandler?.paymentInitiated(this.donationInfo, originalEvent);\n    this.emitPaymentFlowStartedEvent();\n  }\n\n  private googlePaySelected(): void {\n    this.selectedPaymentProvider = PaymentProvider.GooglePay;\n    this.contactFormVisible = false;\n    this.creditCardVisible = false;\n\n    if (!this.donationInfoValid) {\n      this.showInvalidDonationInfoAlert();\n    } else {\n      this.donationInfo &&\n        this.paymentFlowHandlers?.googlePayHandler?.paymentInitiated(this.donationInfo);\n      this.emitPaymentFlowStartedEvent();\n    }\n  }\n\n  private async creditCardSelected(): Promise<void> {\n    if (!this.donationInfoValid) {\n      this.showInvalidDonationInfoAlert();\n      return;\n    }\n    this.selectedPaymentProvider = PaymentProvider.CreditCard;\n    this.contactFormVisible = true;\n    this.creditCardVisible = true;\n    this.focusContactForm();\n  }\n\n  private async venmoSelected(): Promise<void> {\n    if (!this.donationInfoValid) {\n      this.showInvalidDonationInfoAlert();\n      return;\n    }\n    this.selectedPaymentProvider = PaymentProvider.Venmo;\n    this.contactFormVisible = true;\n    this.creditCardVisible = false;\n    this.focusContactForm();\n  }\n\n  private paypalBlockerSelected(): void {\n    this.contactFormVisible = false;\n    this.creditCardVisible = false;\n    this.showInvalidDonationInfoAlert();\n  }\n\n  private async focusContactForm(): Promise<void> {\n    await this.updateComplete;\n    if (this.contactFormSection) {\n      this.contactForm?.focus();\n    }\n  }\n\n  private async donateClicked(): Promise<void> {\n    if (!this.contactForm) {\n      alert('Please enter contact info.');\n      return;\n    }\n    if (!this.donationInfoValid || !this.donationInfo) {\n      this.showInvalidDonationInfoAlert();\n      return;\n    }\n\n    const contactInfo = this.contactForm.donorContactInfo;\n\n    switch (this.selectedPaymentProvider) {\n      case PaymentProvider.CreditCard:\n        this.handleCreditCardDonationFlow(contactInfo, this.donationInfo);\n        break;\n      case PaymentProvider.Venmo:\n        this.handleVenmoDonationFlow(contactInfo, this.donationInfo);\n        break;\n    }\n  }\n\n  private async handleCreditCardDonationFlow(\n    contactInfo: DonorContactInfo,\n    donationInfo: DonationPaymentInfo,\n  ): Promise<void> {\n    const creditCardFlowHandler = this.paymentFlowHandlers?.creditCardHandler;\n    const creditCardHandler = await this.braintreeManager?.paymentProviders.creditCardHandler.get();\n    creditCardHandler?.hideErrorMessage();\n    const valid = this.contactForm?.reportValidity();\n    const hostedFieldsResponse = await creditCardFlowHandler?.tokenizeFields();\n\n    if (!valid || hostedFieldsResponse === undefined) {\n      return;\n    }\n\n    this.emitPaymentFlowStartedEvent();\n    creditCardFlowHandler?.paymentInitiated(hostedFieldsResponse, donationInfo, contactInfo);\n  }\n\n  private async handleVenmoDonationFlow(\n    contactInfo: DonorContactInfo,\n    donationInfo: DonationPaymentInfo,\n  ): Promise<void> {\n    const valid = this.contactForm?.reportValidity();\n    if (!valid) {\n      return;\n    }\n    this.paymentFlowHandlers?.venmoHandler?.paymentInitiated(contactInfo, donationInfo);\n  }\n\n  private emitPaymentFlowStartedEvent(): void {\n    if (!this.selectedPaymentProvider) {\n      return;\n    }\n    const event = new CustomEvent('paymentFlowStarted', {\n      detail: { paymentProvider: this.selectedPaymentProvider },\n    });\n    this.dispatchEvent(event);\n  }\n\n  private emitPaymentFlowConfirmedEvent(): void {\n    if (!this.selectedPaymentProvider) {\n      return;\n    }\n    const event = new CustomEvent('paymentFlowConfirmed', {\n      detail: { paymentProvider: this.selectedPaymentProvider },\n    });\n    this.dispatchEvent(event);\n  }\n\n  private emitPaymentFlowCancelledEvent(): void {\n    if (!this.selectedPaymentProvider) {\n      return;\n    }\n    const event = new CustomEvent('paymentFlowCancelled', {\n      detail: { paymentProvider: this.selectedPaymentProvider },\n    });\n    this.dispatchEvent(event);\n  }\n\n  private emitPaymentFlowErrorEvent(error?: string): void {\n    if (!this.selectedPaymentProvider) {\n      return;\n    }\n    const event = new CustomEvent('paymentFlowError', {\n      detail: { paymentProvider: this.selectedPaymentProvider, error: error },\n    });\n    this.dispatchEvent(event);\n  }\n\n  private showInvalidDonationInfoAlert(): void {\n    alert('Please enter a valid donation amount.');\n  }\n\n  private async renderPayPalButtonIfNeeded(): Promise<void> {\n    if (!this.paypalButtonNeedsRender) {\n      return;\n    }\n    this.paypalButtonNeedsRender = false;\n    this.donationInfo &&\n      (await this.paymentFlowHandlers?.paypalHandler?.renderPayPalButton(this.donationInfo));\n    this.paymentSelector.showPaypalButton();\n  }\n\n  updated(changedProperties: PropertyValues): void {\n    if (changedProperties.has('donationInfo') && this.donationInfo) {\n      // The PayPal button has a standalone datasource since we don't initiate the payment\n      // through code so it has to have the donation info ready when the user taps the button.\n      this.paymentFlowHandlers?.paypalHandler?.updateDonationInfo(this.donationInfo);\n      this.donationFormHeader.donationInfo = this.donationInfo;\n    }\n\n    if (\n      (changedProperties.has('paymentFlowHandlers') || changedProperties.has('donationInfo')) &&\n      this.donationInfo &&\n      this.paymentFlowHandlers\n    ) {\n      this.setupFlowHandlers();\n    }\n\n    if (changedProperties.has('donationInfoValid')) {\n      this.paymentSelector.donationInfoValid = this.donationInfoValid;\n    }\n\n    if (changedProperties.has('selectedPaymentProvider')) {\n      const event = new CustomEvent('paymentProviderSelected', {\n        detail: {\n          paymentProvider: this.selectedPaymentProvider,\n          previousPaymentProvider: changedProperties.get('selectedPaymentProvider'),\n        },\n      });\n      this.dispatchEvent(event);\n    }\n  }\n\n  private flowHandlersConfigured = false;\n\n  private setupFlowHandlers(): void {\n    if (this.flowHandlersConfigured) {\n      return;\n    }\n    this.flowHandlersConfigured = true;\n    this.bindFlowListenerEvents();\n    this.renderPayPalButtonIfNeeded();\n    this.donationInfo &&\n      this.paymentFlowHandlers?.paypalHandler?.updateDonationInfo(this.donationInfo);\n  }\n\n  private flowHandlerListenersBound = false;\n\n  private bindFlowListenerEvents(): void {\n    if (this.flowHandlerListenersBound) {\n      return;\n    }\n    this.flowHandlerListenersBound = true;\n\n    this.paymentFlowHandlers?.paypalHandler?.on('payPalPaymentStarted', () => {\n      this.selectedPaymentProvider = PaymentProvider.PayPal;\n      this.emitPaymentFlowStartedEvent();\n    });\n    this.paymentFlowHandlers?.paypalHandler?.on('payPalPaymentConfirmed', () => {\n      this.selectedPaymentProvider = PaymentProvider.PayPal;\n      this.emitPaymentFlowConfirmedEvent();\n    });\n    this.paymentFlowHandlers?.paypalHandler?.on('payPalPaymentCancelled', () => {\n      this.selectedPaymentProvider = PaymentProvider.PayPal;\n      this.emitPaymentFlowCancelledEvent();\n    });\n    this.paymentFlowHandlers?.paypalHandler?.on('payPalPaymentError', (datasource, error) => {\n      this.selectedPaymentProvider = PaymentProvider.PayPal;\n      this.emitPaymentFlowErrorEvent(error);\n    });\n\n    this.paymentFlowHandlers?.googlePayHandler?.on('paymentCancelled', () => {\n      this.selectedPaymentProvider = PaymentProvider.GooglePay;\n      this.emitPaymentFlowCancelledEvent();\n    });\n  }\n\n  private donationInfoChanged(e: CustomEvent): void {\n    const donationInfo: DonationPaymentInfo = e.detail.donationInfo;\n    this.donationInfo = new DonationPaymentInfo({\n      amount: donationInfo.amount,\n      donationType: donationInfo.donationType,\n      coverFees: donationInfo.coverFees,\n    });\n    this.donationInfoValid = true;\n    const event = new CustomEvent('donationInfoChanged', { detail: { donationInfo } });\n    this.dispatchEvent(event);\n  }\n\n  /** @inheritdoc */\n  static get styles(): CSSResult {\n    const donateButtonFontSize = css`var(--donateButtonFontSize, 2.6rem)`;\n    const donateButtonHeight = css`var(--donateButtonHeight, 4rem)`;\n    const donateButtonColor = css`var(--donateButtonColor, rgba(49, 164, 129, 1))`;\n    const donateButtonTextColor = css`var(--donateButtonTextColor, #fff)`;\n    const donateButtonHoverColor = css`var(--donateButtonHoverColor, rgba(39, 131, 103, 1))`;\n    const totalAmountTopMargin = css`var(--donateTotalAmountTopMargin, 1.5rem)`;\n    const totalAmountBottomMargin = css`var(--donateTotalAmountBottomMargin, 1.2rem)`;\n\n    return css`\n      h1 {\n        margin: 0;\n        padding: 0;\n      }\n\n      .hidden {\n        display: none;\n      }\n\n      .secure-process-note {\n        margin-top: 0.5em;\n        font-size: 0.75em;\n        text-align: center;\n      }\n\n      .secure-process-note svg {\n        width: 1.2rem;\n        height: 1.5rem;\n        vertical-align: bottom;\n      }\n\n      #donate-button {\n        width: 100%;\n        appearance: none;\n        -webkit-appearance: none;\n        font-size: ${donateButtonFontSize};\n        font-weight: bold;\n        text-align: center;\n        color: ${donateButtonTextColor};\n        cursor: pointer;\n        border: none;\n        border-radius: 5px;\n        background-color: ${donateButtonColor};\n        padding-top: 0.5rem;\n        padding-bottom: 0.5rem;\n        height: ${donateButtonHeight};\n      }\n\n      #donate-button:hover {\n        background-color: ${donateButtonHoverColor};\n      }\n\n      #total-amount-section {\n        display: block;\n        margin-top: ${totalAmountTopMargin};\n        margin-bottom: ${totalAmountBottomMargin};\n      }\n    `;\n  }\n}\n"]}
+{"version":3,"file":"donation-form.js","sourceRoot":"","sources":["../../src/donation-form.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable @typescript-eslint/ban-types */\nimport { LitElement, html, css, CSSResult, TemplateResult, PropertyValues } from 'lit';\nimport { customElement, property, query } from 'lit/decorators.js';\n\nimport lockImg from '@internetarchive/icon-lock/index.js';\n\n// we have to import the registered component independently from the definition below\n// because inside each of these files, we're registering the custom element inside\n// these files and by simply importing the class name, you lose that behavior\n// See https://github.com/microsoft/TypeScript/issues/9191 for more discussion\nimport './form-elements/payment-selector';\nimport './form-elements/header/donation-form-header';\n\nimport { DonationFormHeader } from './form-elements/header/donation-form-header';\nimport { PaymentSelector } from './form-elements/payment-selector';\n\nimport { BraintreeManagerInterface } from './braintree-manager/braintree-interfaces';\n\nimport {\n  DonationRequest,\n  DonationPaymentInfo,\n  PaymentProvider,\n  DonorContactInfo,\n  DonationType,\n  defaultDonationAmounts,\n} from '@internetarchive/donation-form-data-models';\n\nimport { PaymentFlowHandlersInterface } from './payment-flow-handlers/payment-flow-handlers';\n\nimport {\n  EditDonationAmountSelectionLayout,\n  EditDonationFrequencySelectionMode,\n} from '@internetarchive/donation-form-edit-donation';\n\nimport '@internetarchive/donation-form-section';\nimport {\n  DonationFormSection,\n  DonationFormSectionBadgeMode,\n} from '@internetarchive/donation-form-section';\nimport { UpsellModalCTAMode } from './modals/upsell-modal-content';\nimport { ContactForm } from './form-elements/contact-form/contact-form';\nimport './form-elements/total-amount';\n\n@customElement('donation-form')\nexport class DonationForm extends LitElement {\n  @property({ type: Object }) braintreeManager: BraintreeManagerInterface | undefined;\n\n  @property({ type: Object }) paymentFlowHandlers: PaymentFlowHandlersInterface | undefined;\n\n  @property({ type: Object }) donationRequest: DonationRequest | undefined;\n\n  @property({ type: Object }) donationInfo?: DonationPaymentInfo;\n\n  @property({ type: Object }) contactForm?: ContactForm;\n\n  @property({ type: Array }) amountOptions: number[] = defaultDonationAmounts;\n\n  @property({ type: String }) amountSelectionLayout: EditDonationAmountSelectionLayout =\n    EditDonationAmountSelectionLayout.MultiLine;\n\n  @property({ type: String }) frequencySelectionMode: EditDonationFrequencySelectionMode =\n    EditDonationFrequencySelectionMode.Button;\n\n  @property({ type: Boolean }) private creditCardVisible = false;\n\n  @property({ type: Boolean }) private contactFormVisible = false;\n\n  @property({ type: Boolean }) private donationInfoValid = true;\n\n  @property({ type: String }) private selectedPaymentProvider?: PaymentProvider;\n\n  @query('#contactFormSection') contactFormSection?: DonationFormSection;\n\n  @query('donation-form-header') donationFormHeader!: DonationFormHeader;\n\n  @query('payment-selector') paymentSelector!: PaymentSelector;\n\n  private paypalButtonNeedsRender = true;\n\n  /** @inheritdoc */\n  render(): TemplateResult {\n    return html`\n      <donation-form-header\n        .amountOptions=${this.amountOptions}\n        .amountSelectionLayout=${this.amountSelectionLayout}\n        .frequencySelectionMode=${this.frequencySelectionMode}\n        @donationInfoChanged=${this.donationInfoChanged}\n        @editDonationError=${this.editDonationError}\n      >\n      </donation-form-header>\n\n      <donation-form-section\n        .badgeMode=${DonationFormSectionBadgeMode.HideBadgeLeaveSpacing}\n        id=\"total-amount-section\"\n      >\n        <donation-form-total-amount .donationInfo=${this.donationInfo}>\n        </donation-form-total-amount>\n      </donation-form-section>\n\n      <donation-form-section\n        .sectionBadge=${this.paymentSelectorNumberingStart}\n        headline=\"Choose a payment method\"\n      >\n        <payment-selector\n          .paymentProviders=${this.braintreeManager?.paymentProviders}\n          @firstUpdated=${this.paymentSelectorFirstUpdated}\n          @creditCardSelected=${this.creditCardSelected}\n          @venmoSelected=${this.venmoSelected}\n          @applePaySelected=${this.applePaySelected}\n          @googlePaySelected=${this.googlePaySelected}\n          @paypalBlockerSelected=${this.paypalBlockerSelected}\n          @resetPaymentMethod=${async () => {\n            this.selectedPaymentProvider = undefined;\n            this.contactFormVisible = false;\n            this.requestUpdate();\n          }}\n          tabindex=\"0\"\n        >\n          <slot name=\"paypal-button\" slot=\"paypal-button\"></slot>\n        </payment-selector>\n      </donation-form-section>\n\n      <div class=\"contact-form-section ${this.contactFormVisible ? '' : 'hidden'}\">\n        ${this.contactFormSectionTemplate}\n      </div>\n      <slot name=\"recaptcha\"></slot>\n    `;\n  }\n\n  async showConfirmationModalDev(options: {\n    donationType: DonationType;\n    amount: number;\n    currencyType: string;\n    cancelDonationCB: Function;\n    confirmDonationCB: Function;\n  }): Promise<void> {\n    this.paymentFlowHandlers?.showConfirmationStepModal(options);\n  }\n\n  /**\n   * This is a developer convenience method that allows us to show the upsell modal without going\n   * through the purchasing flow. If it's showing the PayPal button, it will trigger\n   * the PayPal button render\n   *\n   * @param {{\n   *     oneTimeAmount: number;\n   *     ctaMode?: UpsellModalCTAMode;\n   *     yesSelected?: (amount: number) => void;\n   *     noSelected?: () => void;\n   *     amountChanged?: (amount: number) => void;\n   *     userClosedModalCallback?: () => void;\n   *   }} options\n   * @returns {Promise<void>}\n   * @memberof DonationForm\n   */\n  async showUpsellModalDev(options: {\n    oneTimeAmount: number;\n    ctaMode?: UpsellModalCTAMode;\n    yesSelected?: (amount: number) => void;\n    noSelected?: () => void;\n    amountChanged?: (amount: number) => void;\n    userClosedModalCallback?: () => void;\n  }): Promise<void> {\n    this.paymentFlowHandlers?.showUpsellModal(options);\n\n    if (options.ctaMode === UpsellModalCTAMode.PayPalUpsellSlot) {\n      const handler = await this.braintreeManager?.paymentProviders.paypalHandler.get();\n      const donationInfo = new DonationPaymentInfo({\n        amount: options.oneTimeAmount,\n        donationType: DonationType.OneTime,\n        coverFees: false,\n      });\n      handler?.renderPayPalButton({\n        selector: '#paypal-upsell-button',\n        style: {\n          color: 'blue' as paypal.ButtonColorOption,\n          label: 'paypal' as paypal.ButtonLabelOption,\n          shape: 'rect' as paypal.ButtonShapeOption,\n          size: 'responsive' as paypal.ButtonSizeOption,\n          tagline: false,\n        },\n        donationInfo: donationInfo,\n      });\n    }\n  }\n\n  get contactFormSectionTemplate(): TemplateResult {\n    const headline =\n      this.selectedPaymentProvider === PaymentProvider.Venmo\n        ? 'Help us stay in touch'\n        : 'Enter payment information';\n\n    return html`\n      <donation-form-section\n        .sectionBadge=${this.paymentSelectorNumberingStart + 1}\n        headline=${headline}\n        id=\"contactFormSection\"\n      >\n        <slot name=\"contact-form\"></slot>\n        <div class=\"credit-card-fields\" class=\"${this.creditCardVisible ? '' : 'hidden'}\">\n          <slot name=\"braintree-hosted-fields\"></slot>\n        </div>\n      </donation-form-section>\n\n      <donation-form-section .sectionBadge=${this.paymentSelectorNumberingStart + 2}>\n        <slot name=\"recaptcha\"></slot>\n        <button id=\"donate-button\" @click=${this.donateClicked}>Donate</button>\n\n        <div class=\"secure-process-note\">${lockImg} Your payment will be securely processed</div>\n      </donation-form-section>\n    `;\n  }\n\n  /**\n   * Where to start the numbering of the payment selector\n   *\n   * - If we show the frequency selector in button mode, it becomes section 1, which makes\n   * the amount selection section 2, and the payment selector section 3.\n   * - If we show the frequency selector in checkbox mode, it is no longer section 1. The amount\n   * selector becomes section 1 and the payment selector becomes section 2.\n   *\n   * Visually:\n   *\n   * Button Mode:\n   * 1. Frequency selector\n   * 2. Amount selector\n   * 3. Payment selector\n   * 4. Contact info\n   * 5. Donate button\n   *\n   * Checkbox Mode:\n   * 1. Amount selector (including the monthly checkbox)\n   * 2. Payment selector <-- changes from 3 to 2\n   * 3. Contact info <-- changes from 4 to 3\n   * 4. Donate button <-- changes from 5 to 4\n   *\n   * @readonly\n   * @private\n   * @type {number}\n   * @memberof DonationForm\n   */\n  private get paymentSelectorNumberingStart(): number {\n    return this.frequencySelectionMode === EditDonationFrequencySelectionMode.Button ? 3 : 2;\n  }\n\n  private editDonationError(): void {\n    this.donationInfoValid = false;\n  }\n\n  private paymentSelectorFirstUpdated(): void {\n    if (this.paymentFlowHandlers?.paypalHandler) {\n      this.renderPayPalButtonIfNeeded();\n    }\n  }\n\n  private applePaySelected(e: CustomEvent): void {\n    this.selectedPaymentProvider = PaymentProvider.ApplePay;\n    this.contactFormVisible = false;\n    this.creditCardVisible = false;\n\n    if (!this.donationInfoValid) {\n      this.showInvalidDonationInfoAlert();\n      return;\n    }\n\n    const originalEvent = e.detail.originalEvent;\n    this.donationInfo &&\n      this.paymentFlowHandlers?.applePayHandler?.paymentInitiated(this.donationInfo, originalEvent);\n    this.emitPaymentFlowStartedEvent();\n  }\n\n  private googlePaySelected(): void {\n    this.selectedPaymentProvider = PaymentProvider.GooglePay;\n    this.contactFormVisible = false;\n    this.creditCardVisible = false;\n\n    if (!this.donationInfoValid) {\n      this.showInvalidDonationInfoAlert();\n    } else {\n      this.donationInfo &&\n        this.paymentFlowHandlers?.googlePayHandler?.paymentInitiated(this.donationInfo);\n      this.emitPaymentFlowStartedEvent();\n    }\n  }\n\n  private async creditCardSelected(): Promise<void> {\n    if (!this.donationInfoValid) {\n      this.showInvalidDonationInfoAlert();\n      return;\n    }\n    this.selectedPaymentProvider = PaymentProvider.CreditCard;\n    this.contactFormVisible = true;\n    this.creditCardVisible = true;\n    this.focusContactForm();\n  }\n\n  private async venmoSelected(): Promise<void> {\n    if (!this.donationInfoValid) {\n      this.showInvalidDonationInfoAlert();\n      return;\n    }\n    this.selectedPaymentProvider = PaymentProvider.Venmo;\n    this.contactFormVisible = true;\n    this.creditCardVisible = false;\n    this.focusContactForm();\n  }\n\n  private paypalBlockerSelected(): void {\n    this.contactFormVisible = false;\n    this.creditCardVisible = false;\n    this.showInvalidDonationInfoAlert();\n  }\n\n  private async focusContactForm(): Promise<void> {\n    await this.updateComplete;\n    if (this.contactFormSection) {\n      this.contactForm?.focus();\n    }\n  }\n\n  private async donateClicked(): Promise<void> {\n    if (!this.contactForm) {\n      alert('Please enter contact info.');\n      return;\n    }\n    if (!this.donationInfoValid || !this.donationInfo) {\n      this.showInvalidDonationInfoAlert();\n      return;\n    }\n\n    const contactInfo = this.contactForm.donorContactInfo;\n\n    switch (this.selectedPaymentProvider) {\n      case PaymentProvider.CreditCard:\n        this.handleCreditCardDonationFlow(contactInfo, this.donationInfo);\n        break;\n      case PaymentProvider.Venmo:\n        this.handleVenmoDonationFlow(contactInfo, this.donationInfo);\n        break;\n    }\n  }\n\n  private async handleCreditCardDonationFlow(\n    contactInfo: DonorContactInfo,\n    donationInfo: DonationPaymentInfo,\n  ): Promise<void> {\n    const creditCardFlowHandler = this.paymentFlowHandlers?.creditCardHandler;\n    const creditCardHandler = await this.braintreeManager?.paymentProviders.creditCardHandler.get();\n    creditCardHandler?.hideErrorMessage();\n    const valid = this.contactForm?.reportValidity();\n    const hostedFieldsResponse = await creditCardFlowHandler?.tokenizeFields();\n\n    if (!valid || hostedFieldsResponse === undefined) {\n      return;\n    }\n\n    this.emitPaymentFlowStartedEvent();\n    creditCardFlowHandler?.paymentInitiated(hostedFieldsResponse, donationInfo, contactInfo);\n  }\n\n  private async handleVenmoDonationFlow(\n    contactInfo: DonorContactInfo,\n    donationInfo: DonationPaymentInfo,\n  ): Promise<void> {\n    const valid = this.contactForm?.reportValidity();\n    if (!valid) {\n      return;\n    }\n    this.paymentFlowHandlers?.venmoHandler?.paymentInitiated(contactInfo, donationInfo);\n  }\n\n  private emitPaymentFlowStartedEvent(): void {\n    if (!this.selectedPaymentProvider) {\n      return;\n    }\n    const event = new CustomEvent('paymentFlowStarted', {\n      detail: { paymentProvider: this.selectedPaymentProvider },\n    });\n    this.dispatchEvent(event);\n  }\n\n  private emitPaymentFlowConfirmedEvent(): void {\n    if (!this.selectedPaymentProvider) {\n      return;\n    }\n    const event = new CustomEvent('paymentFlowConfirmed', {\n      detail: { paymentProvider: this.selectedPaymentProvider },\n    });\n    this.dispatchEvent(event);\n  }\n\n  private emitPaymentFlowCancelledEvent(): void {\n    if (!this.selectedPaymentProvider) {\n      return;\n    }\n    const event = new CustomEvent('paymentFlowCancelled', {\n      detail: { paymentProvider: this.selectedPaymentProvider },\n    });\n    this.dispatchEvent(event);\n  }\n\n  private emitPaymentFlowErrorEvent(error?: string): void {\n    if (!this.selectedPaymentProvider) {\n      return;\n    }\n    const event = new CustomEvent('paymentFlowError', {\n      detail: { paymentProvider: this.selectedPaymentProvider, error: error },\n    });\n    this.dispatchEvent(event);\n  }\n\n  private showInvalidDonationInfoAlert(): void {\n    alert('Please enter a valid donation amount.');\n  }\n\n  private async renderPayPalButtonIfNeeded(): Promise<void> {\n    if (!this.paypalButtonNeedsRender) {\n      return;\n    }\n    this.paypalButtonNeedsRender = false;\n    this.donationInfo &&\n      (await this.paymentFlowHandlers?.paypalHandler?.renderPayPalButton(this.donationInfo));\n    this.paymentSelector.showPaypalButton();\n  }\n\n  updated(changedProperties: PropertyValues): void {\n    if (changedProperties.has('donationInfo') && this.donationInfo) {\n      // The PayPal button has a standalone datasource since we don't initiate the payment\n      // through code so it has to have the donation info ready when the user taps the button.\n      this.paymentFlowHandlers?.paypalHandler?.updateDonationInfo(this.donationInfo);\n      this.donationFormHeader.donationInfo = this.donationInfo;\n    }\n\n    if (\n      (changedProperties.has('paymentFlowHandlers') || changedProperties.has('donationInfo')) &&\n      this.donationInfo &&\n      this.paymentFlowHandlers\n    ) {\n      this.setupFlowHandlers();\n    }\n\n    if (changedProperties.has('donationInfoValid')) {\n      this.paymentSelector.donationInfoValid = this.donationInfoValid;\n    }\n\n    if (changedProperties.has('selectedPaymentProvider')) {\n      const event = new CustomEvent('paymentProviderSelected', {\n        detail: {\n          paymentProvider: this.selectedPaymentProvider,\n          previousPaymentProvider: changedProperties.get('selectedPaymentProvider'),\n        },\n      });\n      this.dispatchEvent(event);\n    }\n  }\n\n  private flowHandlersConfigured = false;\n\n  private setupFlowHandlers(): void {\n    if (this.flowHandlersConfigured) {\n      return;\n    }\n    this.flowHandlersConfigured = true;\n    this.bindFlowListenerEvents();\n    this.renderPayPalButtonIfNeeded();\n    this.donationInfo &&\n      this.paymentFlowHandlers?.paypalHandler?.updateDonationInfo(this.donationInfo);\n  }\n\n  private flowHandlerListenersBound = false;\n\n  private bindFlowListenerEvents(): void {\n    if (this.flowHandlerListenersBound) {\n      return;\n    }\n    this.flowHandlerListenersBound = true;\n\n    this.paymentFlowHandlers?.paypalHandler?.on('payPalPaymentStarted', () => {\n      this.selectedPaymentProvider = PaymentProvider.PayPal;\n      this.emitPaymentFlowStartedEvent();\n    });\n    this.paymentFlowHandlers?.paypalHandler?.on('payPalPaymentConfirmed', () => {\n      this.selectedPaymentProvider = PaymentProvider.PayPal;\n      this.emitPaymentFlowConfirmedEvent();\n    });\n    this.paymentFlowHandlers?.paypalHandler?.on('payPalPaymentCancelled', () => {\n      this.selectedPaymentProvider = PaymentProvider.PayPal;\n      this.emitPaymentFlowCancelledEvent();\n    });\n    this.paymentFlowHandlers?.paypalHandler?.on('payPalPaymentError', (datasource, error) => {\n      this.selectedPaymentProvider = PaymentProvider.PayPal;\n      this.emitPaymentFlowErrorEvent(error);\n    });\n\n    this.paymentFlowHandlers?.googlePayHandler?.on('paymentCancelled', () => {\n      this.selectedPaymentProvider = PaymentProvider.GooglePay;\n      this.emitPaymentFlowCancelledEvent();\n    });\n  }\n\n  private donationInfoChanged(e: CustomEvent): void {\n    const donationInfo: DonationPaymentInfo = e.detail.donationInfo;\n    this.donationInfo = new DonationPaymentInfo({\n      amount: donationInfo.amount,\n      donationType: donationInfo.donationType,\n      coverFees: donationInfo.coverFees,\n    });\n    this.donationInfoValid = true;\n    const event = new CustomEvent('donationInfoChanged', { detail: { donationInfo } });\n    this.dispatchEvent(event);\n  }\n\n  /** @inheritdoc */\n  static get styles(): CSSResult {\n    const donateButtonFontSize = css`var(--donateButtonFontSize, 2.6rem)`;\n    const donateButtonHeight = css`var(--donateButtonHeight, 4rem)`;\n    const donateButtonColor = css`var(--donateButtonColor, rgba(49, 164, 129, 1))`;\n    const donateButtonTextColor = css`var(--donateButtonTextColor, #fff)`;\n    const donateButtonHoverColor = css`var(--donateButtonHoverColor, rgba(39, 131, 103, 1))`;\n    const totalAmountTopMargin = css`var(--donateTotalAmountTopMargin, 1.5rem)`;\n    const totalAmountBottomMargin = css`var(--donateTotalAmountBottomMargin, 1.2rem)`;\n\n    return css`\n      h1 {\n        margin: 0;\n        padding: 0;\n      }\n\n      .hidden {\n        display: none;\n      }\n\n      .secure-process-note {\n        margin-top: 0.5em;\n        font-size: 0.75em;\n        text-align: center;\n      }\n\n      .secure-process-note svg {\n        width: 1.2rem;\n        height: 1.5rem;\n        vertical-align: bottom;\n      }\n\n      #donate-button {\n        width: 100%;\n        appearance: none;\n        -webkit-appearance: none;\n        font-size: ${donateButtonFontSize};\n        font-weight: bold;\n        text-align: center;\n        color: ${donateButtonTextColor};\n        cursor: pointer;\n        border: none;\n        border-radius: 5px;\n        background-color: ${donateButtonColor};\n        padding-top: 0.5rem;\n        padding-bottom: 0.5rem;\n        height: ${donateButtonHeight};\n      }\n\n      #donate-button:hover {\n        background-color: ${donateButtonHoverColor};\n      }\n\n      #total-amount-section {\n        display: block;\n        margin-top: ${totalAmountTopMargin};\n        margin-bottom: ${totalAmountBottomMargin};\n      }\n    `;\n  }\n}\n"]}

package/dist/src/form-elements/payment-selector.js

@@ -32,7 +32,10 @@ let PaymentSelector = class PaymentSelector extends LitElement {
       >
         <div class="payment-provider-container">
           <button
-            class="applepay provider-button ${this.applePayMode} ${this.paymentModeSelected === 'apple' ? 'selected' : ''}"
+            class="applepay provider-button ${this.applePayMode} ${this.paymentModeSelected ===
+            'apple'
+            ? 'selected'
+            : ''}"
             @click=${(e) => {
             this.paymentModeSelected = 'apple';
             this.applePaySelected(e);
@@ -43,7 +46,10 @@ let PaymentSelector = class PaymentSelector extends LitElement {
           </button>
 
           <button
-            class="googlepay provider-button ${this.googlePayMode} ${this.paymentModeSelected === 'google' ? 'selected' : ''}"
+            class="googlepay provider-button ${this.googlePayMode} ${this.paymentModeSelected ===
+            'google'
+            ? 'selected'
+            : ''}"
             @click=${() => {
             this.paymentModeSelected = 'google';
             this.googlePaySelected();
@@ -54,7 +60,9 @@ let PaymentSelector = class PaymentSelector extends LitElement {
           </button>
 
           <button
-            class="venmo provider-button ${this.venmoMode} ${this.paymentModeSelected === 'venmo' ? 'selected' : ''}"
+            class="venmo provider-button ${this.venmoMode} ${this.paymentModeSelected === 'venmo'
+            ? 'selected'
+            : ''}"
             @click=${() => {
             this.paymentModeSelected = 'venmo';
             this.venmoSelected();
@@ -64,13 +72,19 @@ let PaymentSelector = class PaymentSelector extends LitElement {
             <div class="payment-image">${venmoButtonImage}</div>
           </button>
 
-          <div class="paypal-container provider-button ${this.payPalMode} ${this.paymentModeSelected === 'paypal' ? 'selected' : ''}" tabindex="0">
+          <div
+            class="paypal-container provider-button ${this.payPalMode}
+              ${this.paymentModeSelected === 'paypal' ? 'selected' : ''}"
+            tabindex="0"
+          >
             <div class="payment-image">
-              <div class="paypal-local-button"
+              <div
+                class="paypal-local-button"
                 @click=${() => {
             this.paymentModeSelected = 'paypal';
             this.localPaypalButtonClicked();
-        }}>
+        }}
+              >
                 ${paypalButtonImage}
               </div>
               <slot name="paypal-button"></slot>
@@ -84,7 +98,9 @@ let PaymentSelector = class PaymentSelector extends LitElement {
             this.paymentModeSelected = 'cc';
             this.creditCardSelected();
         }}
-            class="button-style credit-card-button ${this.paymentModeSelected === 'cc' ? 'selected' : ''}"
+            class="button-style credit-card-button ${this.paymentModeSelected === 'cc'
+            ? 'selected'
+            : ''}"
             tabindex="0"
           >
             <div class="cc-title">Credit Card</div>
@@ -102,7 +118,9 @@ let PaymentSelector = class PaymentSelector extends LitElement {
                 this.dispatchEvent(new Event('resetPaymentMethod'));
                 this.setButtonVisibility();
             }}
-            >Change payment method</button>
+            >
+              Change payment method
+            </button>
           `
             : nothing}
     `;

package/dist/src/form-elements/payment-selector.js.map

@@ -1 +1 @@
-{"version":3,"file":"payment-selector.js","sourceRoot":"","sources":["../../../src/form-elements/payment-selector.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement, html, css, CSSResult, TemplateResult, PropertyValues, nothing } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\n\nimport applePayButtonImage from '@internetarchive/icon-applepay/index.js';\nimport googlePayButtonImage from '@internetarchive/icon-googlepay/index.js';\nimport paypalButtonImage from '@internetarchive/icon-paypal/index.js';\nimport venmoButtonImage from '@internetarchive/icon-venmo/index.js';\nimport { PaymentProvidersInterface } from '../braintree-manager/payment-providers-interface';\n\nenum PaymentButtonMode {\n  Loading = 'loading',\n  Available = 'available',\n  Unavailable = 'unavailable',\n}\n\n@customElement('payment-selector')\nexport class PaymentSelector extends LitElement {\n  @property({ type: Boolean }) donationInfoValid = true;\n\n  @property({ type: Object }) paymentProviders?: PaymentProvidersInterface;\n\n  @property({ type: String }) private applePayMode: PaymentButtonMode = PaymentButtonMode.Loading;\n\n  @property({ type: String }) private googlePayMode: PaymentButtonMode = PaymentButtonMode.Loading;\n\n  @property({ type: String }) private venmoMode: PaymentButtonMode = PaymentButtonMode.Loading;\n\n  @property({ type: String }) private payPalMode: PaymentButtonMode = PaymentButtonMode.Loading;\n\n  @property({ type: String }) private paymentModeSelected: 'apple' | 'google' | 'venmo' | 'cc' | 'paypal' | undefined = undefined;\n\n  /** @inheritdoc */\n  render(): TemplateResult {\n    const paymentSelectedCss = this.paymentModeSelected ? 'payment-selected' : '';\n    return html`\n      <div\n        class=\"payment-container ${this.donationInfoValid\n          ? 'donation-info-valid'\n          : 'donation-info-invalid'} ${paymentSelectedCss}\"\n      >\n        <div class=\"payment-provider-container\">\n          <button\n            class=\"applepay provider-button ${this.applePayMode} ${this.paymentModeSelected === 'apple' ? 'selected' : ''}\"\n            @click=${(e: Event) => {\n              this.paymentModeSelected = 'apple';\n              this.applePaySelected(e);}\n              }\n            tabindex=\"0\"\n          >\n            <div class=\"payment-image\">${applePayButtonImage}</div>\n          </button>\n\n          <button\n            class=\"googlepay provider-button ${this.googlePayMode} ${this.paymentModeSelected === 'google' ? 'selected' : ''}\"\n            @click=${() => {\n              this.paymentModeSelected = 'google';\n              this.googlePaySelected();}\n              }\n            tabindex=\"0\"\n          >\n            <div class=\"payment-image\">${googlePayButtonImage}</div>\n          </button>\n\n          <button\n            class=\"venmo provider-button ${this.venmoMode} ${this.paymentModeSelected === 'venmo' ? 'selected' : ''}\"\n            @click=${() => {\n              this.paymentModeSelected = 'venmo';\n              this.venmoSelected();}\n              }\n            tabindex=\"0\"\n          >\n            <div class=\"payment-image\">${venmoButtonImage}</div>\n          </button>\n\n          <div class=\"paypal-container provider-button ${this.payPalMode} ${this.paymentModeSelected === 'paypal' ? 'selected' : ''}\" tabindex=\"0\">\n            <div class=\"payment-image\">\n              <div class=\"paypal-local-button\"\n                @click=${() => {\n                this.paymentModeSelected = 'paypal';\n                this.localPaypalButtonClicked();}\n                }>\n                ${paypalButtonImage}\n              </div>\n              <slot name=\"paypal-button\"></slot>\n            </div>\n          </div>\n        </div>\n\n        <div class=\"credit-card-container\">\n          <button\n            @click=${() => {\n              this.paymentModeSelected = 'cc';\n              this.creditCardSelected();\n            }}\n            class=\"button-style credit-card-button ${this.paymentModeSelected === 'cc' ? 'selected' : ''}\"\n            tabindex=\"0\"\n          >\n            <div class=\"cc-title\">Credit Card</div>\n            <div class=\"cc-background\"></div>\n          </button>\n        </div>\n      </div>\n\n      ${this.paymentModeSelected\n        ? html`\n            <button\n              id=\"change-payment-method\"\n              @click=${() => {\n                this.paymentModeSelected = undefined;\n                this.dispatchEvent(new Event('resetPaymentMethod'));\n                this.setButtonVisibility();\n              }}\n            >Change payment method</button>\n          `\n        : nothing\n      }\n    `;\n  }\n\n  /** @inheritdoc */\n  firstUpdated(): void {\n    this.dispatchEvent(new Event('firstUpdated'));\n  }\n\n  /** @inheritdoc */\n  updated(changed: PropertyValues): void {\n    if (changed.has('paymentProviders')) {\n      this.setButtonVisibility();\n    }\n  }\n\n  showPaypalButton(): void {\n    this.payPalMode = PaymentButtonMode.Available;\n  }\n\n  private async setButtonVisibility(): Promise<void> {\n    this.paymentProviders?.venmoHandler\n      .get()\n      .then(handler => {\n        if (!handler) {\n          this.venmoMode = PaymentButtonMode.Unavailable;\n          return;\n        }\n\n        handler\n          .isBrowserSupported()\n          .then(supported => {\n            this.venmoMode = supported\n              ? PaymentButtonMode.Available\n              : PaymentButtonMode.Unavailable;\n          })\n          .catch(reason => {\n            console.error('error loading venmo', reason);\n            this.venmoMode = PaymentButtonMode.Unavailable;\n          });\n      })\n      .catch(reason => {\n        console.error('venmo unavailable', reason);\n        this.venmoMode = PaymentButtonMode.Unavailable;\n      });\n\n    this.paymentProviders?.applePayHandler\n      .get()\n      .then(handler => {\n        if (!handler) {\n          console.error('applePayHandler unavailable');\n          this.applePayMode = PaymentButtonMode.Unavailable;\n          return;\n        }\n\n        handler\n          .isAvailable()\n          .then(supported => {\n            this.applePayMode = supported\n              ? PaymentButtonMode.Available\n              : PaymentButtonMode.Unavailable;\n          })\n          .catch(reason => {\n            console.error('error loading applepay', reason);\n            this.applePayMode = PaymentButtonMode.Unavailable;\n          });\n      })\n      .catch(reason => {\n        console.error('apple pay unavailable', reason);\n        this.applePayMode = PaymentButtonMode.Unavailable;\n      });\n\n    this.paymentProviders?.googlePayHandler\n      .get()\n      .then(handler => {\n        if (!handler) {\n          console.error('google pay handler unavailable');\n          this.googlePayMode = PaymentButtonMode.Unavailable;\n          return;\n        }\n\n        handler\n          .isBrowserSupported()\n          .then(supported => {\n            this.googlePayMode = supported\n              ? PaymentButtonMode.Available\n              : PaymentButtonMode.Unavailable;\n          })\n          .catch(reason => {\n            console.error('error loading googlepay', reason);\n            this.googlePayMode = PaymentButtonMode.Unavailable;\n          });\n      })\n      .catch(reason => {\n        console.error('google pay unavailable', reason);\n        this.googlePayMode = PaymentButtonMode.Unavailable;\n      });\n  }\n\n  private googlePaySelected(): void {\n    this.dispatchEvent(new Event('googlePaySelected'));\n  }\n\n  private applePaySelected(e: Event): void {\n    const event = new CustomEvent('applePaySelected', { detail: { originalEvent: e } });\n    this.dispatchEvent(event);\n  }\n\n  private venmoSelected(): void {\n    this.dispatchEvent(new Event('venmoSelected'));\n  }\n\n  private creditCardSelected(): void {\n    this.dispatchEvent(new Event('creditCardSelected'));\n  }\n\n  private localPaypalButtonClicked(): void {\n    this.dispatchEvent(new Event('paypalBlockerSelected'));\n  }\n\n  /** @inheritdoc */\n  static get styles(): CSSResult {\n    const paymentButtonWidthCss = css`var(--paymentButtonWidth, 5rem)`;\n    const paymentButtonHeightCss = css`var(--paymentButtonHeight, 3.2rem)`;\n    const creditCardFontSizeCss = css`var(--creditCardFontSize, 1.8rem)`;\n\n    return css`\n      button {\n        color: inherit;\n        font-family: inherit;\n      }\n\n      .payment-container {\n        width: 100%;\n      }\n\n      .payment-provider-container {\n        display: grid;\n        grid-template-columns: 1fr 1fr 1fr 1fr;\n        grid-gap: 1rem;\n        margin-bottom: 1rem;\n        max-width: 23rem;\n      }\n\n      .provider-button {\n        border: 0;\n        padding: 0;\n        background: none;\n        cursor: pointer;\n        width: ${paymentButtonWidthCss};\n        height: ${paymentButtonHeightCss};\n      }\n\n      .provider-button.unavailable {\n        display: none;\n      }\n\n      .provider-button.loading {\n        border: 1px solid #ddd;\n        border-radius: 2px;\n        /* account for the borders that don't exist once the provider loads, otherwise the layout shifts */\n        margin-bottom: -2px;\n      }\n\n      .provider-button.loading .payment-image {\n        display: none;\n      }\n\n      .paypal-local-button {\n        position: absolute;\n        width: ${paymentButtonWidthCss};\n        height: ${paymentButtonHeightCss};\n      }\n\n      .donation-info-valid .paypal-local-button {\n        z-index: 0;\n      }\n\n      .donation-info-invalid .paypal-local-button {\n        z-index: 250;\n      }\n\n      .credit-card-button {\n        color: var(--ccButtonFontColor, #333);\n        background-color: var(--ccButtonColor, white);\n        border: 1px solid #333;\n        border-radius: 4px;\n        cursor: pointer;\n        margin: 0;\n        padding: 0.7rem 1rem;\n        width: 100%;\n      }\n\n      .credit-card-button .cc-background {\n        height: 2.4rem;\n        width: 100%;\n        background-repeat: no-repeat;\n        background-image: url(https://archive.org/images/cc_logos.png);\n        background-position: 50% 50%;\n        background-size: contain;\n      }\n\n      .credit-card-button .cc-title {\n        font-size: ${creditCardFontSizeCss};\n        font-weight: 700;\n        margin-bottom: 0.5rem;\n      }\n\n      button#change-payment-method {\n        margin-top: 10px;\n        background: white;\n        border: 1px solid;\n        border-radius: 3px;\n        padding: 5px;\n      }\n\n      button#change-payment-method:hover {\n        cursor: pointer;\n      }\n\n      .payment-selected button:not(.selected),\n      .payment-selected .paypal-container:not(.selected) {\n        display: none;\n      }\n    `;\n  }\n}\n"]}
+{"version":3,"file":"payment-selector.js","sourceRoot":"","sources":["../../../src/form-elements/payment-selector.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement, html, css, CSSResult, TemplateResult, PropertyValues, nothing } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\n\nimport applePayButtonImage from '@internetarchive/icon-applepay/index.js';\nimport googlePayButtonImage from '@internetarchive/icon-googlepay/index.js';\nimport paypalButtonImage from '@internetarchive/icon-paypal/index.js';\nimport venmoButtonImage from '@internetarchive/icon-venmo/index.js';\nimport { PaymentProvidersInterface } from '../braintree-manager/payment-providers-interface';\n\nenum PaymentButtonMode {\n  Loading = 'loading',\n  Available = 'available',\n  Unavailable = 'unavailable',\n}\n\n@customElement('payment-selector')\nexport class PaymentSelector extends LitElement {\n  @property({ type: Boolean }) donationInfoValid = true;\n\n  @property({ type: Object }) paymentProviders?: PaymentProvidersInterface;\n\n  @property({ type: String }) private applePayMode: PaymentButtonMode = PaymentButtonMode.Loading;\n\n  @property({ type: String }) private googlePayMode: PaymentButtonMode = PaymentButtonMode.Loading;\n\n  @property({ type: String }) private venmoMode: PaymentButtonMode = PaymentButtonMode.Loading;\n\n  @property({ type: String }) private payPalMode: PaymentButtonMode = PaymentButtonMode.Loading;\n\n  @property({ type: String }) private paymentModeSelected:\n    | 'apple'\n    | 'google'\n    | 'venmo'\n    | 'cc'\n    | 'paypal'\n    | undefined = undefined;\n\n  /** @inheritdoc */\n  render(): TemplateResult {\n    const paymentSelectedCss = this.paymentModeSelected ? 'payment-selected' : '';\n    return html`\n      <div\n        class=\"payment-container ${this.donationInfoValid\n          ? 'donation-info-valid'\n          : 'donation-info-invalid'} ${paymentSelectedCss}\"\n      >\n        <div class=\"payment-provider-container\">\n          <button\n            class=\"applepay provider-button ${this.applePayMode} ${this.paymentModeSelected ===\n            'apple'\n              ? 'selected'\n              : ''}\"\n            @click=${(e: Event) => {\n              this.paymentModeSelected = 'apple';\n              this.applePaySelected(e);\n            }}\n            tabindex=\"0\"\n          >\n            <div class=\"payment-image\">${applePayButtonImage}</div>\n          </button>\n\n          <button\n            class=\"googlepay provider-button ${this.googlePayMode} ${this.paymentModeSelected ===\n            'google'\n              ? 'selected'\n              : ''}\"\n            @click=${() => {\n              this.paymentModeSelected = 'google';\n              this.googlePaySelected();\n            }}\n            tabindex=\"0\"\n          >\n            <div class=\"payment-image\">${googlePayButtonImage}</div>\n          </button>\n\n          <button\n            class=\"venmo provider-button ${this.venmoMode} ${this.paymentModeSelected === 'venmo'\n              ? 'selected'\n              : ''}\"\n            @click=${() => {\n              this.paymentModeSelected = 'venmo';\n              this.venmoSelected();\n            }}\n            tabindex=\"0\"\n          >\n            <div class=\"payment-image\">${venmoButtonImage}</div>\n          </button>\n\n          <div\n            class=\"paypal-container provider-button ${this.payPalMode}\n              ${this.paymentModeSelected === 'paypal' ? 'selected' : ''}\"\n            tabindex=\"0\"\n          >\n            <div class=\"payment-image\">\n              <div\n                class=\"paypal-local-button\"\n                @click=${() => {\n                  this.paymentModeSelected = 'paypal';\n                  this.localPaypalButtonClicked();\n                }}\n              >\n                ${paypalButtonImage}\n              </div>\n              <slot name=\"paypal-button\"></slot>\n            </div>\n          </div>\n        </div>\n\n        <div class=\"credit-card-container\">\n          <button\n            @click=${() => {\n              this.paymentModeSelected = 'cc';\n              this.creditCardSelected();\n            }}\n            class=\"button-style credit-card-button ${this.paymentModeSelected === 'cc'\n              ? 'selected'\n              : ''}\"\n            tabindex=\"0\"\n          >\n            <div class=\"cc-title\">Credit Card</div>\n            <div class=\"cc-background\"></div>\n          </button>\n        </div>\n      </div>\n\n      ${this.paymentModeSelected\n        ? html`\n            <button\n              id=\"change-payment-method\"\n              @click=${() => {\n                this.paymentModeSelected = undefined;\n                this.dispatchEvent(new Event('resetPaymentMethod'));\n                this.setButtonVisibility();\n              }}\n            >\n              Change payment method\n            </button>\n          `\n        : nothing}\n    `;\n  }\n\n  /** @inheritdoc */\n  firstUpdated(): void {\n    this.dispatchEvent(new Event('firstUpdated'));\n  }\n\n  /** @inheritdoc */\n  updated(changed: PropertyValues): void {\n    if (changed.has('paymentProviders')) {\n      this.setButtonVisibility();\n    }\n  }\n\n  showPaypalButton(): void {\n    this.payPalMode = PaymentButtonMode.Available;\n  }\n\n  private async setButtonVisibility(): Promise<void> {\n    this.paymentProviders?.venmoHandler\n      .get()\n      .then(handler => {\n        if (!handler) {\n          this.venmoMode = PaymentButtonMode.Unavailable;\n          return;\n        }\n\n        handler\n          .isBrowserSupported()\n          .then(supported => {\n            this.venmoMode = supported\n              ? PaymentButtonMode.Available\n              : PaymentButtonMode.Unavailable;\n          })\n          .catch(reason => {\n            console.error('error loading venmo', reason);\n            this.venmoMode = PaymentButtonMode.Unavailable;\n          });\n      })\n      .catch(reason => {\n        console.error('venmo unavailable', reason);\n        this.venmoMode = PaymentButtonMode.Unavailable;\n      });\n\n    this.paymentProviders?.applePayHandler\n      .get()\n      .then(handler => {\n        if (!handler) {\n          console.error('applePayHandler unavailable');\n          this.applePayMode = PaymentButtonMode.Unavailable;\n          return;\n        }\n\n        handler\n          .isAvailable()\n          .then(supported => {\n            this.applePayMode = supported\n              ? PaymentButtonMode.Available\n              : PaymentButtonMode.Unavailable;\n          })\n          .catch(reason => {\n            console.error('error loading applepay', reason);\n            this.applePayMode = PaymentButtonMode.Unavailable;\n          });\n      })\n      .catch(reason => {\n        console.error('apple pay unavailable', reason);\n        this.applePayMode = PaymentButtonMode.Unavailable;\n      });\n\n    this.paymentProviders?.googlePayHandler\n      .get()\n      .then(handler => {\n        if (!handler) {\n          console.error('google pay handler unavailable');\n          this.googlePayMode = PaymentButtonMode.Unavailable;\n          return;\n        }\n\n        handler\n          .isBrowserSupported()\n          .then(supported => {\n            this.googlePayMode = supported\n              ? PaymentButtonMode.Available\n              : PaymentButtonMode.Unavailable;\n          })\n          .catch(reason => {\n            console.error('error loading googlepay', reason);\n            this.googlePayMode = PaymentButtonMode.Unavailable;\n          });\n      })\n      .catch(reason => {\n        console.error('google pay unavailable', reason);\n        this.googlePayMode = PaymentButtonMode.Unavailable;\n      });\n  }\n\n  private googlePaySelected(): void {\n    this.dispatchEvent(new Event('googlePaySelected'));\n  }\n\n  private applePaySelected(e: Event): void {\n    const event = new CustomEvent('applePaySelected', { detail: { originalEvent: e } });\n    this.dispatchEvent(event);\n  }\n\n  private venmoSelected(): void {\n    this.dispatchEvent(new Event('venmoSelected'));\n  }\n\n  private creditCardSelected(): void {\n    this.dispatchEvent(new Event('creditCardSelected'));\n  }\n\n  private localPaypalButtonClicked(): void {\n    this.dispatchEvent(new Event('paypalBlockerSelected'));\n  }\n\n  /** @inheritdoc */\n  static get styles(): CSSResult {\n    const paymentButtonWidthCss = css`var(--paymentButtonWidth, 5rem)`;\n    const paymentButtonHeightCss = css`var(--paymentButtonHeight, 3.2rem)`;\n    const creditCardFontSizeCss = css`var(--creditCardFontSize, 1.8rem)`;\n\n    return css`\n      button {\n        color: inherit;\n        font-family: inherit;\n      }\n\n      .payment-container {\n        width: 100%;\n      }\n\n      .payment-provider-container {\n        display: grid;\n        grid-template-columns: 1fr 1fr 1fr 1fr;\n        grid-gap: 1rem;\n        margin-bottom: 1rem;\n        max-width: 23rem;\n      }\n\n      .provider-button {\n        border: 0;\n        padding: 0;\n        background: none;\n        cursor: pointer;\n        width: ${paymentButtonWidthCss};\n        height: ${paymentButtonHeightCss};\n      }\n\n      .provider-button.unavailable {\n        display: none;\n      }\n\n      .provider-button.loading {\n        border: 1px solid #ddd;\n        border-radius: 2px;\n        /* account for the borders that don't exist once the provider loads, otherwise the layout shifts */\n        margin-bottom: -2px;\n      }\n\n      .provider-button.loading .payment-image {\n        display: none;\n      }\n\n      .paypal-local-button {\n        position: absolute;\n        width: ${paymentButtonWidthCss};\n        height: ${paymentButtonHeightCss};\n      }\n\n      .donation-info-valid .paypal-local-button {\n        z-index: 0;\n      }\n\n      .donation-info-invalid .paypal-local-button {\n        z-index: 250;\n      }\n\n      .credit-card-button {\n        color: var(--ccButtonFontColor, #333);\n        background-color: var(--ccButtonColor, white);\n        border: 1px solid #333;\n        border-radius: 4px;\n        cursor: pointer;\n        margin: 0;\n        padding: 0.7rem 1rem;\n        width: 100%;\n      }\n\n      .credit-card-button .cc-background {\n        height: 2.4rem;\n        width: 100%;\n        background-repeat: no-repeat;\n        background-image: url(https://archive.org/images/cc_logos.png);\n        background-position: 50% 50%;\n        background-size: contain;\n      }\n\n      .credit-card-button .cc-title {\n        font-size: ${creditCardFontSizeCss};\n        font-weight: 700;\n        margin-bottom: 0.5rem;\n      }\n\n      button#change-payment-method {\n        margin-top: 10px;\n        background: white;\n        border: 1px solid;\n        border-radius: 3px;\n        padding: 5px;\n      }\n\n      button#change-payment-method:hover {\n        cursor: pointer;\n      }\n\n      .payment-selected button:not(.selected),\n      .payment-selected .paypal-container:not(.selected) {\n        display: none;\n      }\n    `;\n  }\n}\n"]}

package/dist/test/tests/flow-handlers/donation-flow-modal-manager.test.js

@@ -33,10 +33,11 @@ describe('Donation Flow Modal Manager', () => {
         expect(mockModalManager.closeCalled).to.be.true;
     }));
     it('can calculate the proper default upsell amount', () => __awaiter(void 0, void 0, void 0, function* () {
+        const defaultAmount = 7.71;
         let amount = DonationFlowModalManager.getDefaultUpsellAmount(1);
-        expect(amount).to.equal(5);
+        expect(amount).to.equal(defaultAmount);
         amount = DonationFlowModalManager.getDefaultUpsellAmount(10);
-        expect(amount).to.equal(5);
+        expect(amount).to.equal(defaultAmount);
         amount = DonationFlowModalManager.getDefaultUpsellAmount(10.01);
         expect(amount).to.equal(10);
         amount = DonationFlowModalManager.getDefaultUpsellAmount(25);

package/dist/test/tests/flow-handlers/donation-flow-modal-manager.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"donation-flow-modal-manager.test.js","sourceRoot":"","sources":["../../../../test/tests/flow-handlers/donation-flow-modal-manager.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, fixture, expect } from '@open-wc/testing';\nimport { DonationFlowModalManager } from '../../../src/payment-flow-handlers/donation-flow-modal-manager';\nimport { MockModalManager } from '../../mocks/mock-modal-manager';\nimport '../../mocks/mock-modal-manager';\nimport { MockBraintreeManager } from '../../mocks/mock-braintree-manager';\nimport { mockSuccessResponse } from '../../mocks/models/mock-success-response';\nimport {\n  PaymentProvider,\n  DonationPaymentInfo,\n  DonationType,\n} from '@internetarchive/donation-form-data-models';\nimport { mockBillingInfo } from '../../mocks/models/mock-billing-info';\nimport { mockCustomerInfo } from '../../mocks/models/mock-customer-info';\nimport { DonationControllerEventLoggerInterface } from '../../../src/@types/analytics-handler';\nimport sinon from 'sinon';\n\nlet analytics: DonationControllerEventLoggerInterface;\n\ndescribe('Donation Flow Modal Manager', () => {\n  beforeEach(() => {\n    analytics = {\n      logEvent: sinon.fake(),\n      logDonationFlowEvent: sinon.fake(),\n    };\n  });\n  afterEach(() => {\n    sinon.restore();\n  });\n  it('can close the modal', async () => {\n    const mockModalManager = (await fixture(html`\n      <mock-modal-manager></mock-modal-manager>\n    `)) as MockModalManager;\n    const mockBraintreeManager = new MockBraintreeManager();\n    const manager = new DonationFlowModalManager({\n      braintreeManager: mockBraintreeManager,\n      modalManager: mockModalManager,\n      analytics,\n    });\n    manager.closeModal();\n    expect(mockModalManager.closeCalled).to.be.true;\n  });\n\n  it('can calculate the proper default upsell amount', async () => {\n    let amount = DonationFlowModalManager.getDefaultUpsellAmount(1);\n    expect(amount).to.equal(5);\n    amount = DonationFlowModalManager.getDefaultUpsellAmount(10);\n    expect(amount).to.equal(5);\n    amount = DonationFlowModalManager.getDefaultUpsellAmount(10.01);\n    expect(amount).to.equal(10);\n    amount = DonationFlowModalManager.getDefaultUpsellAmount(25);\n    expect(amount).to.equal(10);\n    amount = DonationFlowModalManager.getDefaultUpsellAmount(25.01);\n    expect(amount).to.equal(25);\n    amount = DonationFlowModalManager.getDefaultUpsellAmount(100);\n    expect(amount).to.equal(25);\n    amount = DonationFlowModalManager.getDefaultUpsellAmount(100.01);\n    expect(amount).to.equal(50);\n  });\n\n  it('can show the processing modal', async () => {\n    const mockModalManager = (await fixture(html`\n      <mock-modal-manager></mock-modal-manager>\n    `)) as MockModalManager;\n    const mockBraintreeManager = new MockBraintreeManager();\n    const manager = new DonationFlowModalManager({\n      braintreeManager: mockBraintreeManager,\n      modalManager: mockModalManager,\n      analytics,\n    });\n    manager.showProcessingModal();\n    const modalOptions = mockModalManager.showModalOptions;\n    expect(modalOptions?.config.headerColor).to.equal('#497fbf');\n    expect(modalOptions?.config.showProcessingIndicator).to.be.true;\n    expect(modalOptions?.config.processingImageMode).to.equal('processing');\n    expect(modalOptions?.config.closeOnBackdropClick).to.be.false;\n    expect(modalOptions?.config.showCloseButton).to.be.false;\n    expect(modalOptions?.config.title?.strings[0]).to.contain('Processing...');\n  });\n\n  it('can show the error modal', async () => {\n    const mockModalManager = (await fixture(html`\n      <mock-modal-manager></mock-modal-manager>\n    `)) as MockModalManager;\n    const mockBraintreeManager = new MockBraintreeManager();\n    const manager = new DonationFlowModalManager({\n      braintreeManager: mockBraintreeManager,\n      modalManager: mockModalManager,\n      analytics,\n    });\n    manager.showErrorModal({ message: 'foo-error' });\n    const modalOptions = mockModalManager.showModalOptions;\n    expect(modalOptions?.config.headerColor).to.equal('#691916');\n    expect(modalOptions?.config.showProcessingIndicator).to.be.false;\n    expect(modalOptions?.config.closeOnBackdropClick).to.be.true;\n    expect(modalOptions?.config.showCloseButton).to.be.true;\n    expect(modalOptions?.config.headline?.strings[0]).to.contain(\n      \"There's been a problem completing your donation.\",\n    );\n    expect(modalOptions?.config.message?.values[0]).to.equal('foo-error');\n  });\n\n  it('shows the thank you modal and calls `donationSuccessful` to take user to thank you page', async () => {\n    const mockModalManager = (await fixture(html`\n      <mock-modal-manager></mock-modal-manager>\n    `)) as MockModalManager;\n    const mockBraintreeManager = new MockBraintreeManager();\n    const logEvent = sinon.fake();\n    const logDonationFlowEvent = sinon.fake();\n    const manager = new DonationFlowModalManager({\n      braintreeManager: mockBraintreeManager,\n      modalManager: mockModalManager,\n      analytics: {\n        logEvent,\n        logDonationFlowEvent,\n      },\n    });\n    manager.showThankYouModal({\n      successResponse: mockSuccessResponse,\n    });\n    const modalOptions = mockModalManager.showModalOptions;\n    expect(modalOptions?.config.headerColor).to.equal('#55A183');\n    expect(modalOptions?.config.processingImageMode).to.equal('complete');\n    expect(modalOptions?.config.showProcessingIndicator).to.be.true;\n    expect(modalOptions?.config.closeOnBackdropClick).to.be.true;\n    expect(modalOptions?.config.showCloseButton).to.be.true;\n    expect(modalOptions?.config.title?.strings[0]).to.contain('Thank You!');\n    const response = mockBraintreeManager.donationSuccessfulOptions?.successResponse;\n    expect(response).to.deep.equal(mockSuccessResponse);\n  });\n\n  it('donation submitted analytics gets sent when drawing thank you modal', async () => {\n    const mockModalManager = (await fixture(html`\n      <mock-modal-manager></mock-modal-manager>\n    `)) as MockModalManager;\n    const mockBraintreeManager = new MockBraintreeManager();\n    const logEvent = sinon.fake();\n    const logDonationFlowEvent = sinon.fake();\n    const manager = new DonationFlowModalManager({\n      braintreeManager: mockBraintreeManager,\n      modalManager: mockModalManager,\n      analytics: {\n        logEvent,\n        logDonationFlowEvent,\n      },\n    });\n    const successResponse = mockSuccessResponse;\n    successResponse.paymentProvider = PaymentProvider.GooglePay;\n    manager.showThankYouModal({\n      successResponse: mockSuccessResponse,\n    });\n\n    // fires analytics\n    expect(logDonationFlowEvent.callCount).to.equal(1);\n    expect(logDonationFlowEvent.args[0][0]).to.equal(`Donated-GooglePay`);\n    expect(logDonationFlowEvent.args[0][1]).to.equal(DonationType.OneTime);\n  });\n\n  it('can show the confirmation modal', async () => {\n    const mockModalManager = (await fixture(html`\n      <mock-modal-manager></mock-modal-manager>\n    `)) as MockModalManager;\n    const mockBraintreeManager = new MockBraintreeManager();\n    const manager = new DonationFlowModalManager({\n      braintreeManager: mockBraintreeManager,\n      modalManager: mockModalManager,\n      analytics,\n    });\n    manager.showConfirmationStepModal({\n      donationType: DonationType.Upsell,\n      amount: 8,\n      currencyType: 'USD',\n      cancelDonationCB: () => console.log('donation cancelled'),\n      confirmDonationCB: () => console.log('donation confirmed'),\n    });\n\n    const modalOptions = mockModalManager.showModalOptions;\n    expect(modalOptions?.config.headerColor).to.equal('#55A183');\n    expect(modalOptions?.config.closeOnBackdropClick).to.be.false;\n    expect(modalOptions?.config.showCloseButton).to.be.true;\n    expect(modalOptions?.config?.title?.values).to.contain('Confirm monthly donation');\n  });\n\n  it('can start the donation submission flow', async () => {\n    const mockModalManager = (await fixture(html`\n      <mock-modal-manager></mock-modal-manager>\n    `)) as MockModalManager;\n    const mockBraintreeManager = new MockBraintreeManager();\n    const manager = new DonationFlowModalManager({\n      braintreeManager: mockBraintreeManager,\n      modalManager: mockModalManager,\n      analytics,\n    });\n    const result = await manager.startDonationSubmissionFlow({\n      nonce: 'foo',\n      paymentProvider: PaymentProvider.CreditCard,\n      donationInfo: new DonationPaymentInfo({\n        donationType: DonationType.OneTime,\n        amount: 5,\n        coverFees: false,\n      }),\n      billingInfo: mockBillingInfo,\n      customerInfo: mockCustomerInfo,\n    });\n\n    expect(result).to.deep.equal({\n      success: true,\n      value: {\n        amount: 5,\n        billing: {\n          countryCodeAlpha2: 'US',\n          extendedAddress: 'Apt 123',\n          locality: 'San Francisco',\n          postalCode: '12345',\n          region: 'CA',\n          streetAddress: '123 Fake St',\n        },\n        customer: {\n          email: 'foo@bar.com',\n          firstName: 'Fooey',\n          lastName: 'McBarrison',\n        },\n        customer_id: 'bar',\n        donationType: 'one-time',\n        paymentMethodNonce: 'foo',\n        paymentProvider: 'Credit Card',\n        transaction_id: 'foo',\n      },\n    });\n  });\n});\n"]}
+{"version":3,"file":"donation-flow-modal-manager.test.js","sourceRoot":"","sources":["../../../../test/tests/flow-handlers/donation-flow-modal-manager.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, fixture, expect } from '@open-wc/testing';\nimport { DonationFlowModalManager } from '../../../src/payment-flow-handlers/donation-flow-modal-manager';\nimport { MockModalManager } from '../../mocks/mock-modal-manager';\nimport '../../mocks/mock-modal-manager';\nimport { MockBraintreeManager } from '../../mocks/mock-braintree-manager';\nimport { mockSuccessResponse } from '../../mocks/models/mock-success-response';\nimport {\n  PaymentProvider,\n  DonationPaymentInfo,\n  DonationType,\n} from '@internetarchive/donation-form-data-models';\nimport { mockBillingInfo } from '../../mocks/models/mock-billing-info';\nimport { mockCustomerInfo } from '../../mocks/models/mock-customer-info';\nimport { DonationControllerEventLoggerInterface } from '../../../src/@types/analytics-handler';\nimport sinon from 'sinon';\n\nlet analytics: DonationControllerEventLoggerInterface;\n\ndescribe('Donation Flow Modal Manager', () => {\n  beforeEach(() => {\n    analytics = {\n      logEvent: sinon.fake(),\n      logDonationFlowEvent: sinon.fake(),\n    };\n  });\n  afterEach(() => {\n    sinon.restore();\n  });\n  it('can close the modal', async () => {\n    const mockModalManager = (await fixture(html`\n      <mock-modal-manager></mock-modal-manager>\n    `)) as MockModalManager;\n    const mockBraintreeManager = new MockBraintreeManager();\n    const manager = new DonationFlowModalManager({\n      braintreeManager: mockBraintreeManager,\n      modalManager: mockModalManager,\n      analytics,\n    });\n    manager.closeModal();\n    expect(mockModalManager.closeCalled).to.be.true;\n  });\n\n  it('can calculate the proper default upsell amount', async () => {\n    const defaultAmount = 7.71;\n    let amount = DonationFlowModalManager.getDefaultUpsellAmount(1);\n    expect(amount).to.equal(defaultAmount);\n    amount = DonationFlowModalManager.getDefaultUpsellAmount(10);\n    expect(amount).to.equal(defaultAmount);\n    amount = DonationFlowModalManager.getDefaultUpsellAmount(10.01);\n    expect(amount).to.equal(10);\n    amount = DonationFlowModalManager.getDefaultUpsellAmount(25);\n    expect(amount).to.equal(10);\n    amount = DonationFlowModalManager.getDefaultUpsellAmount(25.01);\n    expect(amount).to.equal(25);\n    amount = DonationFlowModalManager.getDefaultUpsellAmount(100);\n    expect(amount).to.equal(25);\n    amount = DonationFlowModalManager.getDefaultUpsellAmount(100.01);\n    expect(amount).to.equal(50);\n  });\n\n  it('can show the processing modal', async () => {\n    const mockModalManager = (await fixture(html`\n      <mock-modal-manager></mock-modal-manager>\n    `)) as MockModalManager;\n    const mockBraintreeManager = new MockBraintreeManager();\n    const manager = new DonationFlowModalManager({\n      braintreeManager: mockBraintreeManager,\n      modalManager: mockModalManager,\n      analytics,\n    });\n    manager.showProcessingModal();\n    const modalOptions = mockModalManager.showModalOptions;\n    expect(modalOptions?.config.headerColor).to.equal('#497fbf');\n    expect(modalOptions?.config.showProcessingIndicator).to.be.true;\n    expect(modalOptions?.config.processingImageMode).to.equal('processing');\n    expect(modalOptions?.config.closeOnBackdropClick).to.be.false;\n    expect(modalOptions?.config.showCloseButton).to.be.false;\n    expect(modalOptions?.config.title?.strings[0]).to.contain('Processing...');\n  });\n\n  it('can show the error modal', async () => {\n    const mockModalManager = (await fixture(html`\n      <mock-modal-manager></mock-modal-manager>\n    `)) as MockModalManager;\n    const mockBraintreeManager = new MockBraintreeManager();\n    const manager = new DonationFlowModalManager({\n      braintreeManager: mockBraintreeManager,\n      modalManager: mockModalManager,\n      analytics,\n    });\n    manager.showErrorModal({ message: 'foo-error' });\n    const modalOptions = mockModalManager.showModalOptions;\n    expect(modalOptions?.config.headerColor).to.equal('#691916');\n    expect(modalOptions?.config.showProcessingIndicator).to.be.false;\n    expect(modalOptions?.config.closeOnBackdropClick).to.be.true;\n    expect(modalOptions?.config.showCloseButton).to.be.true;\n    expect(modalOptions?.config.headline?.strings[0]).to.contain(\n      \"There's been a problem completing your donation.\",\n    );\n    expect(modalOptions?.config.message?.values[0]).to.equal('foo-error');\n  });\n\n  it('shows the thank you modal and calls `donationSuccessful` to take user to thank you page', async () => {\n    const mockModalManager = (await fixture(html`\n      <mock-modal-manager></mock-modal-manager>\n    `)) as MockModalManager;\n    const mockBraintreeManager = new MockBraintreeManager();\n    const logEvent = sinon.fake();\n    const logDonationFlowEvent = sinon.fake();\n    const manager = new DonationFlowModalManager({\n      braintreeManager: mockBraintreeManager,\n      modalManager: mockModalManager,\n      analytics: {\n        logEvent,\n        logDonationFlowEvent,\n      },\n    });\n    manager.showThankYouModal({\n      successResponse: mockSuccessResponse,\n    });\n    const modalOptions = mockModalManager.showModalOptions;\n    expect(modalOptions?.config.headerColor).to.equal('#55A183');\n    expect(modalOptions?.config.processingImageMode).to.equal('complete');\n    expect(modalOptions?.config.showProcessingIndicator).to.be.true;\n    expect(modalOptions?.config.closeOnBackdropClick).to.be.true;\n    expect(modalOptions?.config.showCloseButton).to.be.true;\n    expect(modalOptions?.config.title?.strings[0]).to.contain('Thank You!');\n    const response = mockBraintreeManager.donationSuccessfulOptions?.successResponse;\n    expect(response).to.deep.equal(mockSuccessResponse);\n  });\n\n  it('donation submitted analytics gets sent when drawing thank you modal', async () => {\n    const mockModalManager = (await fixture(html`\n      <mock-modal-manager></mock-modal-manager>\n    `)) as MockModalManager;\n    const mockBraintreeManager = new MockBraintreeManager();\n    const logEvent = sinon.fake();\n    const logDonationFlowEvent = sinon.fake();\n    const manager = new DonationFlowModalManager({\n      braintreeManager: mockBraintreeManager,\n      modalManager: mockModalManager,\n      analytics: {\n        logEvent,\n        logDonationFlowEvent,\n      },\n    });\n    const successResponse = mockSuccessResponse;\n    successResponse.paymentProvider = PaymentProvider.GooglePay;\n    manager.showThankYouModal({\n      successResponse: mockSuccessResponse,\n    });\n\n    // fires analytics\n    expect(logDonationFlowEvent.callCount).to.equal(1);\n    expect(logDonationFlowEvent.args[0][0]).to.equal(`Donated-GooglePay`);\n    expect(logDonationFlowEvent.args[0][1]).to.equal(DonationType.OneTime);\n  });\n\n  it('can show the confirmation modal', async () => {\n    const mockModalManager = (await fixture(html`\n      <mock-modal-manager></mock-modal-manager>\n    `)) as MockModalManager;\n    const mockBraintreeManager = new MockBraintreeManager();\n    const manager = new DonationFlowModalManager({\n      braintreeManager: mockBraintreeManager,\n      modalManager: mockModalManager,\n      analytics,\n    });\n    manager.showConfirmationStepModal({\n      donationType: DonationType.Upsell,\n      amount: 8,\n      currencyType: 'USD',\n      cancelDonationCB: () => console.log('donation cancelled'),\n      confirmDonationCB: () => console.log('donation confirmed'),\n    });\n\n    const modalOptions = mockModalManager.showModalOptions;\n    expect(modalOptions?.config.headerColor).to.equal('#55A183');\n    expect(modalOptions?.config.closeOnBackdropClick).to.be.false;\n    expect(modalOptions?.config.showCloseButton).to.be.true;\n    expect(modalOptions?.config?.title?.values).to.contain('Confirm monthly donation');\n  });\n\n  it('can start the donation submission flow', async () => {\n    const mockModalManager = (await fixture(html`\n      <mock-modal-manager></mock-modal-manager>\n    `)) as MockModalManager;\n    const mockBraintreeManager = new MockBraintreeManager();\n    const manager = new DonationFlowModalManager({\n      braintreeManager: mockBraintreeManager,\n      modalManager: mockModalManager,\n      analytics,\n    });\n    const result = await manager.startDonationSubmissionFlow({\n      nonce: 'foo',\n      paymentProvider: PaymentProvider.CreditCard,\n      donationInfo: new DonationPaymentInfo({\n        donationType: DonationType.OneTime,\n        amount: 5,\n        coverFees: false,\n      }),\n      billingInfo: mockBillingInfo,\n      customerInfo: mockCustomerInfo,\n    });\n\n    expect(result).to.deep.equal({\n      success: true,\n      value: {\n        amount: 5,\n        billing: {\n          countryCodeAlpha2: 'US',\n          extendedAddress: 'Apt 123',\n          locality: 'San Francisco',\n          postalCode: '12345',\n          region: 'CA',\n          streetAddress: '123 Fake St',\n        },\n        customer: {\n          email: 'foo@bar.com',\n          firstName: 'Fooey',\n          lastName: 'McBarrison',\n        },\n        customer_id: 'bar',\n        donationType: 'one-time',\n        paymentMethodNonce: 'foo',\n        paymentProvider: 'Credit Card',\n        transaction_id: 'foo',\n      },\n    });\n  });\n});\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@internetarchive/donation-form",
-  "version": "0.6.1-alpha.1",
+  "version": "0.6.1",
   "description": "The Internet Archive Donation Form",
   "license": "AGPL-3.0-only",
   "main": "dist/index.js",

package/src/donation-form.ts

@@ -185,9 +185,10 @@ export class DonationForm extends LitElement {
   }
 
   get contactFormSectionTemplate(): TemplateResult {
-    const headline = this.selectedPaymentProvider === PaymentProvider.Venmo
-      ? 'Help us stay in touch'
-      : 'Enter payment information';
+    const headline =
+      this.selectedPaymentProvider === PaymentProvider.Venmo
+        ? 'Help us stay in touch'
+        : 'Enter payment information';
 
     return html`
       <donation-form-section

package/src/form-elements/payment-selector.ts

@@ -27,7 +27,13 @@ export class PaymentSelector extends LitElement {
 
   @property({ type: String }) private payPalMode: PaymentButtonMode = PaymentButtonMode.Loading;
 
-  @property({ type: String }) private paymentModeSelected: 'apple' | 'google' | 'venmo' | 'cc' | 'paypal' | undefined = undefined;
+  @property({ type: String }) private paymentModeSelected:
+    | 'apple'
+    | 'google'
+    | 'venmo'
+    | 'cc'
+    | 'paypal'
+    | undefined = undefined;
 
   /** @inheritdoc */
   render(): TemplateResult {
@@ -40,45 +46,59 @@ export class PaymentSelector extends LitElement {
       >
         <div class="payment-provider-container">
           <button
-            class="applepay provider-button ${this.applePayMode} ${this.paymentModeSelected === 'apple' ? 'selected' : ''}"
+            class="applepay provider-button ${this.applePayMode} ${this.paymentModeSelected ===
+            'apple'
+              ? 'selected'
+              : ''}"
             @click=${(e: Event) => {
               this.paymentModeSelected = 'apple';
-              this.applePaySelected(e);}
-              }
+              this.applePaySelected(e);
+            }}
             tabindex="0"
           >
             <div class="payment-image">${applePayButtonImage}</div>
           </button>
 
           <button
-            class="googlepay provider-button ${this.googlePayMode} ${this.paymentModeSelected === 'google' ? 'selected' : ''}"
+            class="googlepay provider-button ${this.googlePayMode} ${this.paymentModeSelected ===
+            'google'
+              ? 'selected'
+              : ''}"
             @click=${() => {
               this.paymentModeSelected = 'google';
-              this.googlePaySelected();}
-              }
+              this.googlePaySelected();
+            }}
             tabindex="0"
           >
             <div class="payment-image">${googlePayButtonImage}</div>
           </button>
 
           <button
-            class="venmo provider-button ${this.venmoMode} ${this.paymentModeSelected === 'venmo' ? 'selected' : ''}"
+            class="venmo provider-button ${this.venmoMode} ${this.paymentModeSelected === 'venmo'
+              ? 'selected'
+              : ''}"
             @click=${() => {
               this.paymentModeSelected = 'venmo';
-              this.venmoSelected();}
-              }
+              this.venmoSelected();
+            }}
             tabindex="0"
           >
             <div class="payment-image">${venmoButtonImage}</div>
           </button>
 
-          <div class="paypal-container provider-button ${this.payPalMode} ${this.paymentModeSelected === 'paypal' ? 'selected' : ''}" tabindex="0">
+          <div
+            class="paypal-container provider-button ${this.payPalMode}
+              ${this.paymentModeSelected === 'paypal' ? 'selected' : ''}"
+            tabindex="0"
+          >
             <div class="payment-image">
-              <div class="paypal-local-button"
+              <div
+                class="paypal-local-button"
                 @click=${() => {
-                this.paymentModeSelected = 'paypal';
-                this.localPaypalButtonClicked();}
-                }>
+                  this.paymentModeSelected = 'paypal';
+                  this.localPaypalButtonClicked();
+                }}
+              >
                 ${paypalButtonImage}
               </div>
               <slot name="paypal-button"></slot>
@@ -92,7 +112,9 @@ export class PaymentSelector extends LitElement {
               this.paymentModeSelected = 'cc';
               this.creditCardSelected();
             }}
-            class="button-style credit-card-button ${this.paymentModeSelected === 'cc' ? 'selected' : ''}"
+            class="button-style credit-card-button ${this.paymentModeSelected === 'cc'
+              ? 'selected'
+              : ''}"
             tabindex="0"
           >
             <div class="cc-title">Credit Card</div>
@@ -110,10 +132,11 @@ export class PaymentSelector extends LitElement {
                 this.dispatchEvent(new Event('resetPaymentMethod'));
                 this.setButtonVisibility();
               }}
-            >Change payment method</button>
+            >
+              Change payment method
+            </button>
           `
-        : nothing
-      }
+        : nothing}
     `;
   }