@internetarchive/elements 1.1.7-webdev-9378.0 → 1.1.7-webdev-9054.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"ia-donation-form.js","sourceRoot":"","sources":["../../../../src/elements/ia-donation-form/ia-donation-form.ts"],"names":[],"mappings":";AACA,OAAO,EACL,GAAG,EACH,IAAI,EACJ,UAAU,GAIX,MAAM,KAAK,CAAC;AACb,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AAEpC,OAAO,WAAW,MAAM,0BAA0B,CAAC;AAInD,OAAO,EACL,iCAAiC,EACjC,kCAAkC,GACnC,MAAM,2CAA2C,CAAC;AAGnD,OAAO,EACL,wBAAwB,GAEzB,MAAM,qCAAqC,CAAC;AAC7C,OAAO,EAAE,eAAe,EAAE,MAAM,kEAAkE,CAAC;AACnG,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AACnC,OAAO,EACL,mBAAmB,EACnB,sBAAsB,EACtB,2BAA2B,GAC5B,MAAM,gCAAgC,CAAC;AAExC,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAEtD,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAC5D,OAAO,EAAE,kBAAkB,EAAE,MAAM,2CAA2C,CAAC;AAC/E,OAAO,oCAAoC,CAAC;AAC5C,OAAO,8CAA8C,CAAC;AACtD,OAAO,qCAAqC,CAAC;AAC7C,OAAO,0CAA0C,CAAC;AAElD;;;;;GAKG;AAEI,IAAM,cAAc,GAApB,MAAM,cAAe,SAAQ,UAAU;IAAvC;;QASL,iBAAY,GAAwB,2BAA2B,CAAC;QAKrC,kBAAa,GAAa,sBAAsB,CAAC;QAG5E,0BAAqB,GACnB,iCAAiC,CAAC,SAAS,CAAC;QAG9C,2BAAsB,GACpB,kCAAkC,CAAC,MAAM,CAAC;QAE3B,sBAAiB,GAAG,KAAK,CAAC;QAE1B,uBAAkB,GAAG,KAAK,CAAC;QAE3B,sBAAiB,GAAG,IAAI,CAAC;QAWlC,4BAAuB,GAAG,IAAI,CAAC;QAsX/B,2BAAsB,GAAG,KAAK,CAAC;IA4JzC,CAAC;IAhhBC,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,wBAAwB,CAAC,qBAAqB;;;kDAGjB,IAAI,CAAC,YAAY;;;;;wBAK3C,GAAG,IAAI,CAAC,6BAA6B,EAAE;mBAC5C,GAAG,CAAC,yBAAyB,CAAC;;;8BAGnB,IAAI,CAAC,gBAAgB,EAAE,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,GAAG,EAAE;YACzB,IAAI,CAAC,uBAAuB,GAAG,SAAS,CAAC;YACzC,IAAI,CAAC,kBAAkB,GAAG,KAAK,CAAC;QAClC,CAAC;;;;wCAI6B,IAAI,CAAC,iBAAiB,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ;;;;;;;;;sCASxC,IAAI,CAAC,kBAAkB,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ;;UAEnE,IAAI,CAAC,0BAA0B;;KAEpC,CAAC;IACJ,CAAC;IAED,2EAA2E;IAC3E,KAAK,CAAC,wBAAwB,CAAC,OAM9B;QACC,IAAI,CAAC,mBAAmB,EAAE,yBAAyB,CAAC,OAAO,CAAC,CAAC;IAC/D,CAAC;IAED;;;OAGG;IACH,KAAK,CAAC,kBAAkB,CAAC,OAOxB;QACC,IAAI,CAAC,mBAAmB,EAAE,eAAe,CAAC,OAAO,CAAC,CAAC;QAEnD,IAAI,OAAO,CAAC,OAAO,KAAK,kBAAkB,CAAC,gBAAgB,EAAE,CAAC;YAC5D,MAAM,OAAO,GACX,MAAM,IAAI,CAAC,gBAAgB,EAAE,gBAAgB,CAAC,aAAa,CAAC,GAAG,EAAE,CAAC;YACpE,MAAM,YAAY,GAAG,IAAI,mBAAmB,CAAC;gBAC3C,MAAM,EAAE,OAAO,CAAC,aAAa;gBAC7B,YAAY,EAAE,YAAY,CAAC,OAAO;gBAClC,SAAS,EAAE,KAAK;aACjB,CAAC,CAAC;YACH,OAAO,EAAE,kBAAkB,CAAC;gBAC1B,QAAQ,EAAE,uBAAuB;gBACjC,KAAK,EAAE;oBACL,KAAK,EAAE,MAAkC;oBACzC,KAAK,EAAE,QAAoC;oBAC3C,KAAK,EAAE,MAAkC;oBACzC,IAAI,EAAE,YAAuC;oBAC7C,OAAO,EAAE,KAAK;iBACf;gBACD,YAAY;aACb,CAAC,CAAC;QACL,CAAC;IACH,CAAC;IAED,IAAI,0BAA0B;QAC5B,MAAM,QAAQ,GACZ,IAAI,CAAC,uBAAuB,KAAK,eAAe,CAAC,KAAK;YACpD,CAAC,CAAC,GAAG,CAAC,uBAAuB,CAAC;YAC9B,CAAC,CAAC,GAAG,CAAC,2BAA2B,CAAC,CAAC;QAEvC,OAAO,IAAI,CAAA;;wBAES,GAAG,IAAI,CAAC,6BAA6B,GAAG,CAAC,EAAE;mBAChD,QAAQ;;;;;;;wBAOH,GAAG,IAAI,CAAC,6BAA6B,GAAG,CAAC,EAAE;;;4CAGvB,IAAI,CAAC,aAAa;YAClD,GAAG,CAAC,QAAQ,CAAC;;;;YAIb,QAAQ,IAAI,GAAG,CAAC,yCAAyC,CAAC;;;KAGjE,CAAC;IACJ,CAAC;IAED;;;;OAIG;IACH,IAAY,6BAA6B;QACvC,OAAO,IAAI,CAAC,sBAAsB;YAChC,kCAAkC,CAAC,MAAM;YACzC,CAAC,CAAC,CAAC;YACH,CAAC,CAAC,CAAC,CAAC;IACR,CAAC;IAEO,iBAAiB;QACvB,IAAI,CAAC,iBAAiB,GAAG,KAAK,CAAC;IACjC,CAAC;IAEO,2BAA2B;QACjC,IAAI,IAAI,CAAC,mBAAmB,EAAE,aAAa,EAAE,CAAC;YAC5C,IAAI,CAAC,0BAA0B,EAAE,CAAC;QACpC,CAAC;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,CAAC;YAC5B,IAAI,CAAC,4BAA4B,EAAE,CAAC;YACpC,OAAO;QACT,CAAC;QAED,MAAM,aAAa,GAAG,CAAC,CAAC,MAAM,CAAC,aAAa,CAAC;QAC7C,IAAI,IAAI,CAAC,YAAY,EAAE,CAAC;YACtB,IAAI,CAAC,mBAAmB,EAAE,eAAe,EAAE,gBAAgB,CACzD,IAAI,CAAC,YAAY,EACjB,aAAa,CACd,CAAC;QACJ,CAAC;QACD,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,CAAC;YAC5B,IAAI,CAAC,4BAA4B,EAAE,CAAC;YACpC,OAAO;QACT,CAAC;QACD,IAAI,IAAI,CAAC,YAAY,EAAE,CAAC;YACtB,IAAI,CAAC,mBAAmB,EAAE,gBAAgB,EAAE,gBAAgB,CAC1D,IAAI,CAAC,YAAY,CAClB,CAAC;QACJ,CAAC;QACD,IAAI,CAAC,2BAA2B,EAAE,CAAC;IACrC,CAAC;IAEO,KAAK,CAAC,kBAAkB;QAC9B,IAAI,CAAC,IAAI,CAAC,iBAAiB,EAAE,CAAC;YAC5B,IAAI,CAAC,4BAA4B,EAAE,CAAC;YACpC,OAAO;QACT,CAAC;QACD,IAAI,CAAC,uBAAuB,GAAG,eAAe,CAAC,UAAU,CAAC;QAC1D,IAAI,CAAC,kBAAkB,GAAG,IAAI,CAAC;QAC/B,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC;QAC9B,IAAI,CAAC,0BAA0B,EAAE,CAAC;IACpC,CAAC;IAEO,KAAK,CAAC,aAAa;QACzB,IAAI,CAAC,IAAI,CAAC,iBAAiB,EAAE,CAAC;YAC5B,IAAI,CAAC,4BAA4B,EAAE,CAAC;YACpC,OAAO;QACT,CAAC;QACD,IAAI,CAAC,uBAAuB,GAAG,eAAe,CAAC,KAAK,CAAC;QACrD,IAAI,CAAC,kBAAkB,GAAG,IAAI,CAAC;QAC/B,IAAI,CAAC,iBAAiB,GAAG,KAAK,CAAC;QAC/B,IAAI,CAAC,gBAAgB,EAAE,CAAC;IAC1B,CAAC;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;IAEO,KAAK,CAAC,gBAAgB;QAC5B,MAAM,IAAI,CAAC,cAAc,CAAC;QAC1B,IAAI,IAAI,CAAC,kBAAkB,EAAE,CAAC;YAC5B,IAAI,CAAC,WAAW,EAAE,KAAK,EAAE,CAAC;QAC5B,CAAC;IACH,CAAC;IAEO,KAAK,CAAC,0BAA0B;QACtC,MAAM,IAAI,CAAC,cAAc,CAAC;QAC1B,MAAM,iBAAiB,GACrB,MAAM,IAAI,CAAC,gBAAgB,EAAE,gBAAgB,CAAC,iBAAiB,CAAC,GAAG,EAAE,CAAC;QACxE,iBAAiB,EAAE,UAAU,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC;IACxD,CAAC;IAEO,KAAK,CAAC,aAAa;QACzB,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC;YACtB,KAAK,CAAC,GAAG,CAAC,4BAA4B,CAAC,CAAC,CAAC;YACzC,OAAO;QACT,CAAC;QACD,IAAI,CAAC,IAAI,CAAC,iBAAiB,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE,CAAC;YAClD,IAAI,CAAC,4BAA4B,EAAE,CAAC;YACpC,OAAO;QACT,CAAC;QAED,MAAM,WAAW,GAAG,IAAI,CAAC,WAAW,CAAC,gBAAgB,CAAC;QAEtD,QAAQ,IAAI,CAAC,uBAAuB,EAAE,CAAC;YACrC,KAAK,eAAe,CAAC,UAAU;gBAC7B,IAAI,CAAC,4BAA4B,CAAC,WAAW,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC;gBAClE,MAAM;YACR,KAAK,eAAe,CAAC,KAAK;gBACxB,IAAI,CAAC,uBAAuB,CAAC,WAAW,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC;gBAC7D,MAAM;QACV,CAAC;IACH,CAAC;IAEO,KAAK,CAAC,4BAA4B,CACxC,WAA6B,EAC7B,YAAiC;QAEjC,MAAM,qBAAqB,GAAG,IAAI,CAAC,mBAAmB,EAAE,iBAAiB,CAAC;QAC1E,MAAM,iBAAiB,GACrB,MAAM,IAAI,CAAC,gBAAgB,EAAE,gBAAgB,CAAC,iBAAiB,CAAC,GAAG,EAAE,CAAC;QACxE,iBAAiB,EAAE,gBAAgB,EAAE,CAAC;QACtC,MAAM,KAAK,GAAG,IAAI,CAAC,WAAW,EAAE,cAAc,EAAE,CAAC;QACjD,MAAM,oBAAoB,GAAG,MAAM,qBAAqB,EAAE,cAAc,EAAE,CAAC;QAE3E,IAAI,CAAC,KAAK,IAAI,oBAAoB,KAAK,SAAS,EAAE,CAAC;YACjD,OAAO;QACT,CAAC;QAED,IAAI,CAAC,2BAA2B,EAAE,CAAC;QACnC,qBAAqB,EAAE,gBAAgB,CACrC,oBAAoB,EACpB,YAAY,EACZ,WAAW,CACZ,CAAC;IACJ,CAAC;IAEO,KAAK,CAAC,uBAAuB,CACnC,WAA6B,EAC7B,YAAiC;QAEjC,MAAM,KAAK,GAAG,IAAI,CAAC,WAAW,EAAE,cAAc,EAAE,CAAC;QACjD,IAAI,CAAC,KAAK,EAAE,CAAC;YACX,OAAO;QACT,CAAC;QACD,IAAI,CAAC,mBAAmB,EAAE,YAAY,EAAE,gBAAgB,CACtD,WAAW,EACX,YAAY,CACb,CAAC;IACJ,CAAC;IAEO,oBAAoB,CAAC,IAAY,EAAE,QAAgB,EAAE;QAC3D,IAAI,CAAC,IAAI,CAAC,uBAAuB,EAAE,CAAC;YAClC,OAAO;QACT,CAAC;QACD,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAC,IAAI,EAAE;YACpB,MAAM,EAAE,EAAE,eAAe,EAAE,IAAI,CAAC,uBAAuB,EAAE,GAAG,KAAK,EAAE;SACpE,CAAC,CACH,CAAC;IACJ,CAAC;IAEO,2BAA2B;QACjC,IAAI,CAAC,oBAAoB,CAAC,oBAAoB,CAAC,CAAC;IAClD,CAAC;IAEO,6BAA6B;QACnC,IAAI,CAAC,oBAAoB,CAAC,sBAAsB,CAAC,CAAC;IACpD,CAAC;IAEO,6BAA6B;QACnC,IAAI,CAAC,oBAAoB,CAAC,sBAAsB,CAAC,CAAC;IACpD,CAAC;IAEO,yBAAyB,CAAC,KAAc;QAC9C,IAAI,CAAC,oBAAoB,CAAC,kBAAkB,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC;IAC3D,CAAC;IAEO,4BAA4B;QAClC,KAAK,CAAC,GAAG,CAAC,uCAAuC,CAAC,CAAC,CAAC;IACtD,CAAC;IAEO,KAAK,CAAC,0BAA0B;QACtC,IAAI,CAAC,IAAI,CAAC,uBAAuB,EAAE,CAAC;YAClC,OAAO;QACT,CAAC;QACD,IAAI,CAAC,uBAAuB,GAAG,KAAK,CAAC;QACrC,IAAI,IAAI,CAAC,YAAY,EAAE,CAAC;YACtB,MAAM,IAAI,CAAC,mBAAmB,EAAE,aAAa,EAAE,kBAAkB,CAC/D,IAAI,CAAC,YAAY,CAClB,CAAC;QACJ,CAAC;QACD,IAAI,CAAC,eAAe,CAAC,gBAAgB,EAAE,CAAC;IAC1C,CAAC;IAED,OAAO,CAAC,iBAAiC;QACvC,IAAI,iBAAiB,CAAC,GAAG,CAAC,cAAc,CAAC,IAAI,IAAI,CAAC,YAAY,EAAE,CAAC;YAC/D,uEAAuE;YACvE,sEAAsE;YACtE,IAAI,CAAC,mBAAmB,EAAE,aAAa,EAAE,kBAAkB,CACzD,IAAI,CAAC,YAAY,CAClB,CAAC;YACF,IAAI,CAAC,kBAAkB,CAAC,YAAY,GAAG,IAAI,CAAC,YAAY,CAAC;QAC3D,CAAC;QAED,IACE,CAAC,iBAAiB,CAAC,GAAG,CAAC,qBAAqB,CAAC;YAC3C,iBAAiB,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;YACxC,IAAI,CAAC,YAAY;YACjB,IAAI,CAAC,mBAAmB,EACxB,CAAC;YACD,IAAI,CAAC,iBAAiB,EAAE,CAAC;QAC3B,CAAC;QAED,IAAI,iBAAiB,CAAC,GAAG,CAAC,mBAAmB,CAAC,EAAE,CAAC;YAC/C,IAAI,CAAC,eAAe,CAAC,iBAAiB,GAAG,IAAI,CAAC,iBAAiB,CAAC;QAClE,CAAC;QAED,IAAI,iBAAiB,CAAC,GAAG,CAAC,yBAAyB,CAAC,EAAE,CAAC;YACrD,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAC,yBAAyB,EAAE;gBACzC,MAAM,EAAE;oBACN,eAAe,EAAE,IAAI,CAAC,uBAAuB;oBAC7C,uBAAuB,EAAE,iBAAiB,CAAC,GAAG,CAC5C,yBAAyB,CAC1B;iBACF;aACF,CAAC,CACH,CAAC;QACJ,CAAC;IACH,CAAC;IAIO,iBAAiB;QACvB,IAAI,IAAI,CAAC,sBAAsB,EAAE,CAAC;YAChC,OAAO;QACT,CAAC;QACD,IAAI,CAAC,sBAAsB,GAAG,IAAI,CAAC;QACnC,IAAI,CAAC,sBAAsB,EAAE,CAAC;QAC9B,IAAI,CAAC,0BAA0B,EAAE,CAAC;QAClC,IAAI,IAAI,CAAC,YAAY,EAAE,CAAC;YACtB,IAAI,CAAC,mBAAmB,EAAE,aAAa,EAAE,kBAAkB,CACzD,IAAI,CAAC,YAAY,CAClB,CAAC;QACJ,CAAC;IACH,CAAC;IAEO,sBAAsB;QAC5B,MAAM,MAAM,GAAG,IAAI,CAAC,mBAAmB,EAAE,aAAa,CAAC;QACvD,MAAM,EAAE,EAAE,CAAC,sBAAsB,EAAE,GAAG,EAAE;YACtC,IAAI,CAAC,uBAAuB,GAAG,eAAe,CAAC,MAAM,CAAC;YACtD,IAAI,CAAC,2BAA2B,EAAE,CAAC;QACrC,CAAC,CAAC,CAAC;QACH,MAAM,EAAE,EAAE,CAAC,wBAAwB,EAAE,GAAG,EAAE;YACxC,IAAI,CAAC,uBAAuB,GAAG,eAAe,CAAC,MAAM,CAAC;YACtD,IAAI,CAAC,6BAA6B,EAAE,CAAC;QACvC,CAAC,CAAC,CAAC;QACH,MAAM,EAAE,EAAE,CAAC,wBAAwB,EAAE,GAAG,EAAE;YACxC,IAAI,CAAC,uBAAuB,GAAG,eAAe,CAAC,MAAM,CAAC;YACtD,IAAI,CAAC,6BAA6B,EAAE,CAAC;QACvC,CAAC,CAAC,CAAC;QACH,MAAM,EAAE,EAAE,CAAC,oBAAoB,EAAE,CAAC,WAAW,EAAE,KAAK,EAAE,EAAE;YACtD,IAAI,CAAC,uBAAuB,GAAG,eAAe,CAAC,MAAM,CAAC;YACtD,IAAI,CAAC,yBAAyB,CAAC,KAAK,CAAC,CAAC;QACxC,CAAC,CAAC,CAAC;QAEH,IAAI,CAAC,mBAAmB,EAAE,gBAAgB,EAAE,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,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAC,qBAAqB,EAAE,EAAE,MAAM,EAAE,EAAE,YAAY,EAAE,EAAE,CAAC,CACrE,CAAC;IACJ,CAAC;IAED,MAAM,KAAK,MAAM;QACf,OAAO;YACL,WAAW;YACX,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAgGF;SACF,CAAC;IACJ,CAAC;CACF,CAAA;AAxjB6B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;wDAA8C;AAGzE;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;2DACwB;AAEvB;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;uDAAmC;AAG9D;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;oDACqC;AAGpC;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;mDAAqC;AAErC;IAA1B,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;qDAAkD;AAG5E;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;6DAEmB;AAG9C;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;8DAEiB;AAE3B;IAAhB,KAAK,EAAE;yDAAmC;AAE1B;IAAhB,KAAK,EAAE;0DAAoC;AAE3B;IAAhB,KAAK,EAAE;yDAAkC;AAEzB;IAAhB,KAAK,EAAE;+DAAmD;AAE7B;IAA7B,KAAK,CAAC,qBAAqB,CAAC;0DAAwC;AAExC;IAA5B,KAAK,CAAC,oBAAoB,CAAC;0DAAuC;AAGnE;IADC,KAAK,CAAC,8BAA8B,CAAC;uDACM;AArCjC,cAAc;IAD1B,aAAa,CAAC,kBAAkB,CAAC;GACrB,cAAc,CAyjB1B","sourcesContent":["import type * as paypal from 'paypal-checkout-components';\nimport {\n  css,\n  html,\n  LitElement,\n  type CSSResultGroup,\n  type PropertyValues,\n  type TemplateResult,\n} from 'lit';\nimport { property, query, state } from 'lit/decorators.js';\nimport { customElement } from '@src/util/custom-element';\nimport { msg } from '@lit/localize';\n\nimport themeStyles from '@src/themes/theme-styles';\nimport type { BraintreeManagerInterface } from './braintree/braintree-manager-interface';\nimport type { PaymentFlowHandlersInterface } from './flow-handlers/payment-flow-handlers';\nimport type { IADonationContactForm } from './form-elements/contact-form/ia-donation-contact-form';\nimport {\n  EditDonationAmountSelectionLayout,\n  EditDonationFrequencySelectionMode,\n} from './form-elements/ia-donation-edit-donation';\nimport type { IADonationHeader } from './form-elements/ia-donation-header';\nimport type { IADonationPaymentSelector } from './form-elements/ia-donation-payment-selector';\nimport {\n  DonationSectionBadgeMode,\n  type IADonationSection,\n} from './form-elements/ia-donation-section';\nimport { HostedFieldName } from './braintree/payment-providers/credit-card/hosted-field-container';\nimport { lockIcon } from './icons';\nimport {\n  DonationPaymentInfo,\n  defaultDonationAmounts,\n  defaultSelectedDonationInfo,\n} from './models/donation-payment-info';\nimport type { DonationRequest } from './models/donation-request';\nimport { DonationType } from './models/donation-type';\nimport type { DonorContactInfo } from './models/donor-contact-info';\nimport { PaymentProvider } from './models/payment-provider';\nimport { UpsellModalCTAMode } from './modals/ia-donation-upsell-modal-content';\nimport './form-elements/ia-donation-header';\nimport './form-elements/ia-donation-payment-selector';\nimport './form-elements/ia-donation-section';\nimport './form-elements/ia-donation-total-amount';\n\n/**\n * The donation form: amount picker, total, payment method buttons, then the\n * contact form and Donate button for the methods that need them. The\n * controller wires it to Braintree, the modals and recaptcha; on its own it\n * renders and emits events.\n */\n@customElement('ia-donation-form')\nexport class IADonationForm extends LitElement {\n  @property({ type: Object }) braintreeManager?: BraintreeManagerInterface;\n\n  @property({ type: Object })\n  paymentFlowHandlers?: PaymentFlowHandlersInterface;\n\n  @property({ type: Object }) donationRequest?: DonationRequest;\n\n  @property({ type: Object })\n  donationInfo: DonationPaymentInfo = defaultSelectedDonationInfo;\n\n  /** The contact form lives in the light DOM (for autofill) and is handed in here */\n  @property({ type: Object }) contactForm?: IADonationContactForm;\n\n  @property({ type: Array }) amountOptions: number[] = defaultDonationAmounts;\n\n  @property({ type: String })\n  amountSelectionLayout: EditDonationAmountSelectionLayout =\n    EditDonationAmountSelectionLayout.MultiLine;\n\n  @property({ type: String })\n  frequencySelectionMode: EditDonationFrequencySelectionMode =\n    EditDonationFrequencySelectionMode.Button;\n\n  @state() private creditCardVisible = false;\n\n  @state() private contactFormVisible = false;\n\n  @state() private donationInfoValid = true;\n\n  @state() private selectedPaymentProvider?: PaymentProvider;\n\n  @query('#contactFormSection') contactFormSection?: IADonationSection;\n\n  @query('ia-donation-header') donationFormHeader!: IADonationHeader;\n\n  @query('ia-donation-payment-selector')\n  paymentSelector!: IADonationPaymentSelector;\n\n  private paypalButtonNeedsRender = true;\n\n  render(): TemplateResult {\n    return html`\n      <ia-donation-header\n        .amountOptions=${this.amountOptions}\n        .amountSelectionLayout=${this.amountSelectionLayout}\n        .frequencySelectionMode=${this.frequencySelectionMode}\n        @donationInfoChanged=${this.donationInfoChanged}\n        @editDonationError=${this.editDonationError}\n      >\n      </ia-donation-header>\n\n      <ia-donation-section\n        .badgeMode=${DonationSectionBadgeMode.HideBadgeLeaveSpacing}\n        id=\"total-amount-section\"\n      >\n        <ia-donation-total-amount .donationInfo=${this.donationInfo}>\n        </ia-donation-total-amount>\n      </ia-donation-section>\n\n      <ia-donation-section\n        .sectionBadge=${`${this.paymentSelectorNumberingStart}`}\n        headline=${msg('Choose a payment method')}\n      >\n        <ia-donation-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=${() => {\n            this.selectedPaymentProvider = undefined;\n            this.contactFormVisible = false;\n          }}\n        >\n          <slot name=\"paypal-button\" slot=\"paypal-button\"></slot>\n          <div\n            class=\"credit-card-fields ${this.creditCardVisible ? '' : 'hidden'}\"\n            slot=\"credit-card-fields\"\n          >\n            <slot name=\"braintree-hosted-fields\"></slot>\n          </div>\n        </ia-donation-payment-selector>\n      </ia-donation-section>\n\n      <div\n        class=\"contact-form-section ${this.contactFormVisible ? '' : 'hidden'}\"\n      >\n        ${this.contactFormSectionTemplate}\n      </div>\n    `;\n  }\n\n  /** Developer convenience: show the confirmation step without a payment. */\n  async showConfirmationModalDev(options: {\n    donationType: DonationType;\n    amount: number;\n    currencyType: string;\n    cancelDonationCB: () => void;\n    confirmDonationCB: () => void;\n  }): Promise<void> {\n    this.paymentFlowHandlers?.showConfirmationStepModal(options);\n  }\n\n  /**\n   * Developer convenience: show the upsell modal without going through a\n   * payment. With the PayPal slot mode it also renders the PayPal button.\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 =\n        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,\n      });\n    }\n  }\n\n  get contactFormSectionTemplate(): TemplateResult {\n    const headline =\n      this.selectedPaymentProvider === PaymentProvider.Venmo\n        ? msg('Help us stay in touch')\n        : msg('Enter contact information');\n\n    return html`\n      <ia-donation-section\n        .sectionBadge=${`${this.paymentSelectorNumberingStart + 1}`}\n        headline=${headline}\n        id=\"contactFormSection\"\n      >\n        <slot name=\"contact-form\"></slot>\n      </ia-donation-section>\n\n      <ia-donation-section\n        .sectionBadge=${`${this.paymentSelectorNumberingStart + 2}`}\n      >\n        <slot name=\"recaptcha\"></slot>\n        <button id=\"donate-button\" @click=${this.donateClicked}>\n          ${msg('Donate')}\n        </button>\n\n        <div class=\"secure-process-note\">\n          ${lockIcon} ${msg('Your payment will be securely processed')}\n        </div>\n      </ia-donation-section>\n    `;\n  }\n\n  /**\n   * The step number of the payment selector. With the frequency buttons\n   * showing they're step 1 and the amount is 2, so payment is 3. In checkbox\n   * mode the amount picker is step 1 and payment is 2.\n   */\n  private get paymentSelectorNumberingStart(): number {\n    return this.frequencySelectionMode ===\n      EditDonationFrequencySelectionMode.Button\n      ? 3\n      : 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    if (this.donationInfo) {\n      this.paymentFlowHandlers?.applePayHandler?.paymentInitiated(\n        this.donationInfo,\n        originalEvent,\n      );\n    }\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      return;\n    }\n    if (this.donationInfo) {\n      this.paymentFlowHandlers?.googlePayHandler?.paymentInitiated(\n        this.donationInfo,\n      );\n    }\n    this.emitPaymentFlowStartedEvent();\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.focusCreditCardNumberField();\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 focusCreditCardNumberField(): Promise<void> {\n    await this.updateComplete;\n    const creditCardHandler =\n      await this.braintreeManager?.paymentProviders.creditCardHandler.get();\n    creditCardHandler?.focusField(HostedFieldName.Number);\n  }\n\n  private async donateClicked(): Promise<void> {\n    if (!this.contactForm) {\n      alert(msg('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 =\n      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(\n      hostedFieldsResponse,\n      donationInfo,\n      contactInfo,\n    );\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(\n      contactInfo,\n      donationInfo,\n    );\n  }\n\n  private emitPaymentFlowEvent(name: string, extra: object = {}): void {\n    if (!this.selectedPaymentProvider) {\n      return;\n    }\n    this.dispatchEvent(\n      new CustomEvent(name, {\n        detail: { paymentProvider: this.selectedPaymentProvider, ...extra },\n      }),\n    );\n  }\n\n  private emitPaymentFlowStartedEvent(): void {\n    this.emitPaymentFlowEvent('paymentFlowStarted');\n  }\n\n  private emitPaymentFlowConfirmedEvent(): void {\n    this.emitPaymentFlowEvent('paymentFlowConfirmed');\n  }\n\n  private emitPaymentFlowCancelledEvent(): void {\n    this.emitPaymentFlowEvent('paymentFlowCancelled');\n  }\n\n  private emitPaymentFlowErrorEvent(error?: string): void {\n    this.emitPaymentFlowEvent('paymentFlowError', { error });\n  }\n\n  private showInvalidDonationInfoAlert(): void {\n    alert(msg('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    if (this.donationInfo) {\n      await this.paymentFlowHandlers?.paypalHandler?.renderPayPalButton(\n        this.donationInfo,\n      );\n    }\n    this.paymentSelector.showPaypalButton();\n  }\n\n  updated(changedProperties: PropertyValues): void {\n    if (changedProperties.has('donationInfo') && this.donationInfo) {\n      // The PayPal button holds its own copy of the donation info, since the\n      // donor starts that payment from the button rather than from our code\n      this.paymentFlowHandlers?.paypalHandler?.updateDonationInfo(\n        this.donationInfo,\n      );\n      this.donationFormHeader.donationInfo = this.donationInfo;\n    }\n\n    if (\n      (changedProperties.has('paymentFlowHandlers') ||\n        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      this.dispatchEvent(\n        new CustomEvent('paymentProviderSelected', {\n          detail: {\n            paymentProvider: this.selectedPaymentProvider,\n            previousPaymentProvider: changedProperties.get(\n              'selectedPaymentProvider',\n            ),\n          },\n        }),\n      );\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    if (this.donationInfo) {\n      this.paymentFlowHandlers?.paypalHandler?.updateDonationInfo(\n        this.donationInfo,\n      );\n    }\n  }\n\n  private bindFlowListenerEvents(): void {\n    const paypal = this.paymentFlowHandlers?.paypalHandler;\n    paypal?.on('payPalPaymentStarted', () => {\n      this.selectedPaymentProvider = PaymentProvider.PayPal;\n      this.emitPaymentFlowStartedEvent();\n    });\n    paypal?.on('payPalPaymentConfirmed', () => {\n      this.selectedPaymentProvider = PaymentProvider.PayPal;\n      this.emitPaymentFlowConfirmedEvent();\n    });\n    paypal?.on('payPalPaymentCancelled', () => {\n      this.selectedPaymentProvider = PaymentProvider.PayPal;\n      this.emitPaymentFlowCancelledEvent();\n    });\n    paypal?.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    this.dispatchEvent(\n      new CustomEvent('donationInfoChanged', { detail: { donationInfo } }),\n    );\n  }\n\n  static get styles(): CSSResultGroup {\n    return [\n      themeStyles,\n      css`\n        :host {\n          /*\n           * The donation form was built for a 10px root font size. Sizing off\n           * this base keeps it self-contained, so it looks the same whatever\n           * the page's root size is. Every part of the form reads it, and the\n           * two parts with their own base variable get it passed through.\n           */\n          --donation-form-base-font-size--: var(\n            --ia-donation-form-base-font-size,\n            10px\n          );\n          --ia-donation-section-base-font-size: var(\n            --donation-form-base-font-size--\n          );\n          --ia-donation-edit-base-font-size: var(\n            --donation-form-base-font-size--\n          );\n\n          --donation-form-donate-button-font-size--: var(\n            --ia-donation-form-donate-button-font-size,\n            calc(var(--donation-form-base-font-size--) * 2.6)\n          );\n          --donation-form-donate-button-height--: var(\n            --ia-donation-form-donate-button-height,\n            calc(var(--donation-form-base-font-size--) * 4)\n          );\n          --donation-form-donate-button-color--: var(\n            --ia-donation-form-donate-button-color,\n            var(--mint-green)\n          );\n          --donation-form-donate-button-text-color--: var(\n            --ia-donation-form-donate-button-text-color,\n            var(--true-white)\n          );\n          --donation-form-donate-button-hover-color--: var(\n            --ia-donation-form-donate-button-hover-color,\n            #278367\n          );\n          --donation-form-total-top-margin--: var(\n            --ia-donation-form-total-amount-top-margin,\n            calc(var(--donation-form-base-font-size--) * 1.5)\n          );\n          --donation-form-total-bottom-margin--: var(\n            --ia-donation-form-total-amount-bottom-margin,\n            calc(var(--donation-form-base-font-size--) * 1.2)\n          );\n        }\n\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 .ia-icon {\n          width: calc(var(--donation-form-base-font-size--) * 1.2);\n          height: calc(var(--donation-form-base-font-size--) * 1.5);\n          vertical-align: bottom;\n          background-color: currentColor;\n        }\n\n        #donate-button {\n          width: 100%;\n          appearance: none;\n          font-size: var(--donation-form-donate-button-font-size--);\n          font-weight: bold;\n          text-align: center;\n          color: var(--donation-form-donate-button-text-color--);\n          cursor: pointer;\n          border: none;\n          border-radius: 5px;\n          background-color: var(--donation-form-donate-button-color--);\n          padding-top: var(--padding-sm);\n          padding-bottom: var(--padding-sm);\n          height: var(--donation-form-donate-button-height--);\n        }\n\n        #donate-button:hover {\n          background-color: var(--donation-form-donate-button-hover-color--);\n        }\n\n        #total-amount-section {\n          display: block;\n          margin-top: var(--donation-form-total-top-margin--);\n          margin-bottom: var(--donation-form-total-bottom-margin--);\n        }\n      `,\n    ];\n  }\n}\n"]}

package/dist/src/elements/ia-donation-form/icons/apple-pay.svg

@@ -0,0 +1,22 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 468 300">
+  <g fill="none">
+    <path
+      fill="#000"
+      d="M425.540484,0 L41.8576242,0 C40.2596386,0 38.6588291,0 37.0636954,0.0093185241 C35.715305,0.0189194277 34.3700489,0.0338855422 33.0247929,0.0705948795 C30.0908697,0.149943524 27.1318148,0.323042169 24.2346009,0.84375 C21.2910768,1.37349398 18.5519955,2.2375753 15.8798381,3.59807982 C13.2528614,4.93401732 10.8478351,6.68138178 8.76362011,8.76647214 C6.67850151,10.8515625 4.93113705,13.2526355 3.59548193,15.882436 C2.23469503,18.5545934 1.37004895,21.2945218 0.843975904,24.240305 C0.320472515,27.138366 0.146216114,30.0968562 0.0671498494,33.0276732 C0.0310052711,34.3729292 0.0155026355,35.7181852 0.00672063253,37.0631589 C1.12951807e-05,38.6617093 1.12951807e-05,40.2591303 1.12951807e-05,41.8605045 L1.12951807e-05,257.36634 C1.12951807e-05,258.967715 1.12951807e-05,260.56234 0.00672063253,262.163997 C0.0155026355,263.50897 0.0310052711,264.854226 0.0671498494,266.199482 C0.146216114,269.12773 0.320472515,272.08622 0.843975904,274.983434 C1.37004895,277.930346 2.23469503,280.669145 3.59548193,283.341585 C4.93113705,285.971386 6.67850151,288.375565 8.76362011,290.457549 C10.8478351,292.546028 13.2528614,294.29311 15.8798381,295.625659 C18.5519955,296.989834 21.2910768,297.854198 24.2346009,298.38366 C27.1318148,298.900979 30.0908697,299.077184 33.0247929,299.156532 C34.3700489,299.187029 35.715305,299.205102 37.0636954,299.211314 C38.6588291,299.223739 40.2596386,299.223739 41.8576242,299.223739 L425.540484,299.223739 C427.135646,299.223739 428.736483,299.223739 430.331306,299.211314 C431.676591,299.205102 433.021875,299.187029 434.373287,299.156532 C437.300998,299.077184 440.259488,298.900979 443.16379,298.38366 C446.10336,297.854198 448.843006,296.989834 451.515446,295.625659 C454.145247,294.29311 456.543213,292.546028 458.631721,290.457549 C460.713422,288.375565 462.460759,285.971386 463.799831,283.341585 C465.163695,280.669145 466.027494,277.930346 466.551026,274.983434 C467.07484,272.08622 467.244832,269.12773 467.324181,266.199482 C467.36089,264.854226 467.378991,263.50897 467.385203,262.163997 C467.3976,260.56234 467.3976,258.967743 467.3976,257.36634 L467.3976,41.8605045 C467.3976,40.2591303 467.3976,38.6617093 467.385203,37.0631589 C467.378991,35.7181852 467.36089,34.3729292 467.324181,33.0276732 C467.244804,30.0968562 467.07484,27.138366 466.551026,24.240305 C466.027523,21.2945218 465.163695,18.5545934 463.799831,15.882436 C462.460759,13.2526355 460.713422,10.8515625 458.631721,8.76647214 C456.543213,6.68138178 454.145247,4.93401732 451.515446,3.59807982 C448.843006,2.2375753 446.10336,1.37349398 443.16379,0.84375 C440.259516,0.323042169 437.301026,0.149943524 434.373287,0.0705948795 C433.021875,0.0338855422 431.676591,0.0189194277 430.331306,0.0093185241 C428.736483,0 427.135646,0 425.540484,0 L425.540484,0 Z"
+    />
+    <path
+      fill="#FFF"
+      d="M425.540484,9.97364458 L430.260429,9.98268072 C431.539044,9.99171687 432.817686,10.0055535 434.103389,10.0405685 C436.339863,10.1009977 438.956052,10.2221386 441.394682,10.659262 C443.514505,11.0410392 445.292338,11.6216114 446.998503,12.4902108 C448.682897,13.3461032 450.22613,14.4677146 451.573588,15.813253 C452.926186,17.1678276 454.049238,18.713573 454.916425,20.4166039 C455.780196,22.1094691 456.357097,23.8788592 456.736615,26.0142131 C457.172609,28.4262989 457.293185,31.0496047 457.35449,33.299887 C457.388912,34.5700301 457.405855,35.8401732 457.412095,37.1405309 C457.423956,38.7131024 457.423956,40.2848268 457.423956,41.8605045 L457.423956,257.36634 C457.423956,258.942018 457.423956,260.510919 457.411813,262.117093 C457.405855,263.386954 457.38894,264.657097 457.354207,265.929499 C457.293185,268.176393 457.172637,270.798287 456.731278,273.238893 C456.357097,275.34488 455.780506,277.114552 454.911935,278.815889 C454.047261,280.514684 452.925932,282.058735 451.579236,283.404838 C450.224125,284.76026 448.685975,285.878483 446.981561,286.742282 C445.288131,287.606645 443.513347,288.186681 441.41442,288.564477 C438.926402,289.007812 436.200593,289.1298 434.147694,289.185429 C432.85609,289.214514 431.570698,289.231994 430.253991,289.238234 C428.68478,289.250095 427.109977,289.250095 425.540512,289.250095 L41.8576242,289.250095 C41.8367282,289.250095 41.8163968,289.250095 41.7952184,289.250095 C40.2438253,289.250095 38.6893261,289.250095 37.109695,289.237952 C35.821762,289.231994 34.5366529,289.214797 33.294183,289.186559 C31.1944089,289.1298 28.4669051,289.008095 25.9991905,288.5673 C23.8822195,288.186653 22.107436,287.606645 20.391698,286.730986 C18.7033791,285.874812 17.1663592,284.757718 15.8106551,283.399755 C14.4653991,282.056758 13.3474586,280.517508 12.4830949,278.816171 C11.617884,277.116529 11.039006,275.341491 10.6583867,273.210373 C10.2184111,270.774567 10.0975527,268.163121 10.0371517,265.931476 C10.0026732,264.653709 9.98827184,263.376224 9.98008283,262.106081 L9.97387048,258.356363 L9.97387048,257.36634 L9.97387048,41.8605045 L9.97387048,40.8704819 L9.97980045,37.1286709 C9.98827184,35.8509036 10.0026732,34.5734187 10.0371517,33.2967809 C10.0975527,31.0628765 10.2184111,28.4503012 10.6620294,25.9941642 C11.0392884,23.8822477 11.617884,22.1072101 12.487613,20.3990964 C13.3451995,18.7107492 14.4651167,17.1695218 15.8174605,15.8174887 C17.1644108,14.4699736 18.7064571,13.3497741 20.4055346,12.4856928 C22.1029179,11.6213291 23.8810617,11.0410392 25.998061,10.6601092 C28.4372553,10.2218562 31.0551958,10.1009977 33.2972892,10.0402861 C34.5753389,10.0055535 35.8533886,9.99171687 37.1218373,9.9829631 L41.8576242,9.97364458 L425.540484,9.97364458"
+    />
+    <g fill="#000">
+      <path
+        d="M64.3701386 18.7514966C68.3721341 13.7458678 71.0878627 7.02478351 70.371607.156635919 64.5132486.44793863 57.3642463 4.02159262 53.225325 9.03114646 49.5090129 13.3210561 46.2197715 20.3235599 47.0772734 26.9037933 53.6535818 27.4742282 60.223819 23.6166698 64.3701386 18.7514966M70.2968894 28.1885919C60.7465035 27.6197101 52.6263416 33.608895 48.0655453 33.608895 43.5022358 33.608895 36.5181714 28.4752636 28.9643216 28.6136295 19.1325163 28.7580384 10.0097377 34.3170181 5.02051515 43.1584055-5.24146716 60.845529 2.31238262 87.0817206 12.2916183 101.486888 17.1377591 108.613582 22.9781865 116.460599 30.6738472 116.178727 37.9449504 115.893411 40.7949222 111.470557 49.6332599 111.470557 58.4651029 111.470557 61.032328 116.178727 68.7292313 116.036098 76.7111119 115.893383 81.7012098 108.905845 86.5472941 101.772204 92.1067256 93.6481457 94.3825633 85.8036992 94.5257015 85.3730704 94.3825351 85.2304405 79.13438 79.3808641 78.9929926 61.8407474 78.8490355 47.1541604 90.9645005 40.1684017 91.5347094 39.7351751 84.6929926 29.6162462 74.0029511 28.4752636 70.2968894 28.1885919"
+        transform="translate(63.226 81.89)"
+      />
+      <path
+        d="M40.5024334.459215539C61.2600389.459215539 75.7143122 14.7676399 75.7143122 35.5995958 75.7143122 56.5059305 60.9626085 70.8886771 39.9819233 70.8886771L16.9992802 70.8886771 16.9992802 107.437566.394319742 107.437566.394319742.459215539 40.5024334.459215539 40.5024334.459215539zM16.999252 56.95065L36.0523017 56.95065C50.509427 56.95065 58.7375426 49.1672539 58.7375426 35.6739463 58.7375426 22.1820789 50.509427 14.4716214 36.1266522 14.4716214L16.999252 14.4716214 16.999252 56.95065 16.999252 56.95065zM80.0528476 85.271452C80.0528476 71.6294151 90.5060291 63.2525984 109.041449 62.2144301L130.391063 60.9546222 130.391063 54.9501323C130.391063 46.2758571 124.533862 41.0864557 114.74992 41.0864557 105.480784 41.0864557 99.6979342 45.5337073 98.2908371 52.5034268L83.1673243 52.5034268C84.0567915 38.4166704 96.0657712 28.0378676 115.341929 28.0378676 134.246278 28.0378676 146.329608 38.0463014 146.329608 53.6888842L146.329608 107.437595 130.983072 107.437595 130.983072 94.6120864 130.614143 94.6120864C126.092541 103.286362 116.231396 108.771753 106.001295 108.771753 90.7290807 108.771753 80.0528476 99.2823895 80.0528476 85.271452zM130.391063 78.2287939L130.391063 72.075603 111.189256 73.2610604C101.625542 73.9288597 96.2145005 78.1544433 96.2145005 84.8267325 96.2145005 91.6463108 101.848621 96.0949742 110.448546 96.0949742 121.642437 96.0949742 130.391063 88.3845167 130.391063 78.2287939zM160.81819 136.128737L160.81819 123.154528C162.002208 123.450546 164.670553 123.450546 166.006151 123.450546 173.419179 123.450546 177.423122 120.337453 179.868388 112.331006 179.868388 112.182277 181.278337 107.586324 181.278337 107.511973L153.107705 29.4464049 170.453375 29.4464049 190.175664 92.9075589 190.470242 92.9075589 210.19256 29.4464049 227.09495 29.4464049 197.883269 111.514477C191.21386 130.420266 183.503375 136.499106 167.34175 136.499106 166.00618 136.499106 162.002236 136.350377 160.81819 136.128737z"
+        transform="translate(63.226 81.89) translate(112.952 7.853)"
+      />
+    </g>
+  </g>
+</svg>

package/dist/src/elements/ia-donation-form/icons/calendar.svg

@@ -0,0 +1,15 @@
+<svg viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg">
+
+  <g class="fill-color" fill-rule="evenodd">
+    <path d="m11.998.857v11h-11.998v-11z" fill-rule="nonzero" />
+    <path d="m11.143 3h-10.286v8h10.286z" fill="#fff" fill-rule="nonzero" />
+    <path d="m9 0h1v1h-1z" />
+    <path d="m2.143 0h1v1h-1z" />
+    <path d="m2.143.857h1v1h-1z" fill="#fff" />
+    <path d="m9 .857h1v1h-1z" fill="#fff" />
+    <path
+      d="m4.92342857 9.14285714v-4.2h-.678c-.02400012.1600008-.07399962.29399946-.15.402s-.16899945.19499967-.279.261-.23399931.11199987-.372.138-.28099926.03700002-.429.033v.642h1.056v2.724zm3.336 0h-.852v-2.724h-1.056v-.642c.14800074.00400002.29099931-.00699987.429-.033s.26199945-.07199967.372-.138.20299962-.15299946.279-.261.12599988-.2419992.15-.402h.678z"
+      fill-rule="nonzero"
+    />
+  </g>
+</svg>

package/dist/src/elements/ia-donation-form/icons/credit-card.svg

@@ -0,0 +1,15 @@
+<svg viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg">
+  <g class="fill-color" fill-rule="evenodd" transform="translate(0 2)">
+    <g fill-rule="nonzero">
+      <path d="m11.998 0v9h-11.998v-9z" />
+      <g fill="#fff">
+        <path d="m11.143 3.429h-10.286v4.714h10.286z" />
+        <path d="m11.143.857h-10.286v1.286h10.286z" />
+      </g>
+    </g>
+    <g>
+      <path d="m8.143 6.429h1v1h-1z" />
+      <path d="m9.429 6.429h1v1h-1z" />
+    </g>
+  </g>
+</svg>

package/dist/src/elements/ia-donation-form/icons/google-pay.svg

@@ -0,0 +1,38 @@
+<svg viewBox="0 0 469 300" xmlns="http://www.w3.org/2000/svg">
+  <g fill="none">
+    <path
+      d="m426.541557.09900471h-384.5859537c-1.6020287 0-3.2068878 0-4.8060861.00848612-1.3501196.01131483-2.6974088.02545836-4.0475283.06223154-2.9408266.07920377-5.9071271.25175484-8.811158.77506548-2.9493177.52896804-5.6948441 1.39455212-8.3724397 2.75798848-2.6351391 1.33797799-5.043843 3.08894709-7.13553773 5.1765322-2.08886428 2.09041387-3.84090626 4.49481397-5.17970411 7.13116817-1.36427179 2.6759559-2.23038625 5.4198009-2.75684798 8.3701415-.52646173 2.9050811-.69911853 5.8667364-.77837083 8.8029334-.03679572 1.3492928-.05377835 2.695757-.06226967 4.042221-.00611375 1.6010478-.00611375 3.2020954-.00611375 4.8059718v215.8811936c0 1.603877 0 3.202097.00611375 4.805973.00849132 1.346464.02547395 2.695757.06226967 4.042221.0792523 2.933368.2519091 5.897852.77837083 8.800105.52646173 2.95034 1.39257619 5.694185 2.75684798 8.372969 1.33879785 2.633526 3.09083983 5.040754 5.17970411 7.12834 2.09169473 2.090414 4.50039863 3.841383 7.13553773 5.176532 2.6775956 1.366265 5.423122 2.23185 8.3724397 2.763646 2.9040309.517653 5.8703314.693033 8.811158.772236 1.3501195.031116 2.6974087.050918 4.0475283.056575 1.5991983.011315 3.2040574.011315 4.8060861.011315h384.5859537c1.599199 0 3.204058 0 4.803256-.011315 1.347289-.005657 2.694578-.025459 4.050359-.056575 2.935166-.079203 5.901466-.254583 8.811157-.772236 2.946488-.531796 5.692014-1.397381 8.37244-2.763646 2.635139-1.335149 5.038182-3.086118 7.132707-5.176532 2.086035-2.087586 3.838077-4.494814 5.179705-7.12834 1.367102-2.678784 2.233216-5.422629 2.756848-8.372969.526462-2.902253.696288-5.866737.77554-8.800105.036796-1.346464.053778-2.695757.06227-4.042221.011322-1.603876.011322-3.202096.011322-4.805973v-215.8811936c0-1.6038764 0-3.204924-.011322-4.8059718-.008492-1.346464-.025474-2.6929282-.06227-4.042221-.079252-2.936197-.249078-5.8978523-.77554-8.8029334-.523632-2.9503406-1.389746-5.6941856-2.756848-8.3701415-1.341628-2.6363542-3.09367-5.0407543-5.179705-7.13116817-2.094525-2.08758511-4.497568-3.83855421-7.132707-5.1765322-2.680426-1.36343636-5.425952-2.22902044-8.37244-2.75798848-2.909691-.52331064-5.875991-.69586171-8.811157-.77506548-1.355781-.03677318-2.70307-.05091671-4.050359-.06223154-1.599198-.00848612-3.204057-.00848612-4.803256-.00848612"
+      fill="#3c4043"
+    />
+    <path
+      d="m426.541557 10.0899948 4.732495.0084861c1.279359.0084861 2.561548.0226296 3.849398.0594028 2.241708.0594028 4.865525.1810372 7.311024.6194866 2.12283.3818754 3.906007.9645889 5.615592 1.8330016 1.689772.857098 3.235192 1.9829231 4.585313 3.3293871 1.35578 1.357779 2.482295 2.9050813 3.351239 4.610791.866115 1.6972237 1.443525 3.4679938 1.825633 5.6064956.435888 2.4185437.557598 5.0464117.617037 7.3008905.036796 1.270089.053778 2.5430068.059439 3.8470403.011322 1.5755893.011322 3.14835.011322 4.726768v215.8811936c0 1.578418 0 3.151179-.011322 4.757884-.005661 1.272918-.022643 2.545836-.059439 3.821582-.059439 2.248821-.181149 4.87669-.622697 7.320692-.376448 2.110214-.953858 3.880984-1.825633 5.586695-.866115 1.70288-1.989799 3.247354-3.339919 4.596647-1.358611 1.357779-2.89837 2.477946-4.607955 3.343531-1.698263.865584-3.47578 1.448298-5.578796 1.824515-2.496448.444107-5.227821.56857-7.285551.622315-1.293511.031116-2.581361.048088-3.903177.053746-1.570893.011314-3.150279.011314-4.724003.011314h-384.5859537c-.0198131 0-.0396261 0-.0622696 0-1.5539113 0-3.1134834 0-4.6956991-.011314-1.2906803-.005658-2.5785302-.02263-3.8239236-.050917-2.1058469-.056574-4.8400513-.181037-7.3138554-.622315-2.1228296-.379046-3.9003455-.96176-5.6212527-1.838659-1.6926027-.857098-3.2323618-1.977266-4.5909726-3.337874-1.3472892-1.343635-2.4681433-2.88528-3.3342577-4.590989-.8689448-1.702882-1.449185-3.479309-1.8312943-5.614982-.4387181-2.441174-.560427-5.054898-.6226967-7.292405-.0339652-1.278574-.0481174-2.559979-.0566087-3.830068l-.00566093-3.756521v-217.8641178l.00566093-3.7480355c.0084913-1.2814039.0226435-2.5599791.0566087-3.8385543.0622697-2.2403353.1839786-4.8568884.6283576-7.3178627.3764484-2.1130435.9566886-3.8922997 1.8284639-5.6036669.8604536-1.6915663 1.984138-3.2360398 3.337088-4.5881613 1.3501196-1.3521215 2.8983699-2.4722892 4.599464-3.3378733 1.7010941-.8684127 3.4842709-1.4482975 5.6071005-1.8301729 2.4454996-.4384494 5.0693169-.5600838 7.3166859-.6194866 1.2793586-.0367732 2.5615477-.0509167 3.8324149-.0594028l4.7466469-.0084861z"
+      fill="#fffffe"
+    />
+    <g transform="translate(53.778 84.906)">
+      <g fill="#3c4043" transform="translate(158.35 8.41)">
+        <path
+          d="m13.4306616 63.5773585v42.7212935h-13.34775628v-105.45768165h35.40057118c8.5392479-.16819407 16.8297798 3.1115903 22.8818681 9.16657685 12.1041765 11.4371967 12.8503244 30.6954178 1.4922957 43.0576819-.4974319.5045823-.9948639 1.0091644-1.4922957 1.5137466-6.217899 5.9708896-13.8451883 8.9983828-22.8818681 8.9983828zm0-49.7854447v36.8345013h22.3844362c4.9743191.1681941 9.7828276-1.8501348 13.1819457-5.4663073 6.9640468-7.316442 6.7982361-19.090027-.4145266-26.1541779-3.3991181-3.3638814-7.9589106-5.2140161-12.7674191-5.2140161zm85.3095733 17.9967654c9.8657331 0 17.6588331 2.6911052 23.3793001 7.9892184 5.720466 5.2981131 8.539248 12.6986522 8.539248 22.0334232v44.4873312h-12.767419v-10.0075469h-.580338c-5.554657 8.2415099-12.850324 12.3622639-22.0528145 12.3622639-7.7931 0-14.4255256-2.354717-19.6485607-7.064151-5.1401297-4.3730455-8.0418158-10.8485172-7.8760052-17.660377 0-7.4846361 2.8187808-13.3714286 8.3734372-17.8285714 5.5546563-4.4571429 13.0161351-6.6436658 22.3015308-6.6436658 7.9589104 0 14.4255254 1.5137466 19.5656554 4.3730458v-3.1115903c0-4.6253369-1.989728-8.9983828-5.471751-12.025876-3.564929-3.1956874-8.124721-4.9617251-12.8503246-4.9617251-7.4614787 0-13.3477564 3.1956874-17.658833 9.587062l-11.7725553-7.4846362c6.3008043-9.3347708 15.834916-14.0442048 28.5194298-14.0442048zm-17.2443063 52.3924529c0 3.5320754 1.6581063 6.8118598 4.3939818 8.8301887 2.9845915 2.3547169 6.6324255 3.6161724 10.3631649 3.5320754 5.6375617 0 11.0264077-2.2706199 15.0058627-6.3072776 4.393981-4.2048518 6.632426-9.1665768 6.632426-14.8851752-4.145267-3.3638815-9.948639-5.0458221-17.410117-4.961725-5.3888462 0-9.9486387 1.3455525-13.5964727 3.9525605-3.5649288 2.6070082-5.3888457 5.8867925-5.3888457 9.8393532z"
+        />
+        <path
+          d="m203.947 34.143-44.603 103.86h-13.762l16.581-36.33-29.266-67.53h14.509l21.141 51.804h.248l20.644-51.804z"
+        />
+      </g>
+      <path
+        d="m117.808458 62.7363881c0-4.1207546-.331621-8.2415094-.994864-12.278167h-56.2927112v23.2948786h32.2501691c-1.3264851 7.4846362-5.6375617 14.2123989-11.938366 18.4172507v15.1374666h19.2340341c11.275123-10.5121296 17.741738-26.0700811 17.741738-44.5714289z"
+        fill="#4285f4"
+      />
+      <path
+        d="m60.5208828 121.940701c16.0836319 0 29.6801042-5.382211 39.5458372-14.632884l-19.2340341-15.1374666c-5.3888456 3.7002695-12.2699871 5.8026954-20.3118031 5.8026954-15.5862 0-28.7681456-10.6803234-33.4937488-24.9768194h-19.81437125v15.6420486c10.11444885 20.435579 30.75787325 33.302426 53.30812005 33.302426z"
+        fill="#34a853"
+      />
+      <path
+        d="m27.027134 72.9962264c-2.4871596-7.4846361-2.4871596-15.6420485 0-23.2107817v-15.5579515h-19.81437125c-8.53924786 17.0716981-8.53924786 37.2549866 0 54.3266847z"
+        fill="#fbbc04"
+      />
+      <path
+        d="m60.5208828 24.8086253c8.5392479-.168194 16.7468744 3.1115903 22.881868 9.0824798l17.0784962-17.3239891c-10.8605972-10.25983837-25.120312-15.89433972-39.9603642-15.72614565-22.5502468 0-43.1936712 12.95094345-53.30812005 33.38652285l19.81437125 15.6420486c4.7256032-14.380593 17.9075488-25.0609165 33.4937488-25.0609165z"
+        fill="#ea4335"
+      />
+    </g>
+  </g>
+</svg>

package/dist/src/elements/ia-donation-form/icons/lock.svg

@@ -0,0 +1,6 @@
+<svg viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg">
+  <path
+    d="m9.8480234 5.66075891v-2.17912633c-.00688261-.97492716-.37725298-1.79574705-1.11111111-2.46245966s-1.63734389-1.00632179-2.71045726-1.01882754c-1.04529617-.01250574-1.94175593.31459769-2.68937928.9813103-.74762335.66671262-1.13190232 1.4842758-1.15283692 2.45268954v2.22641369c-.04846504.00625288-.10037138.01250575-.15571902.01875862-.05534764.00625288-.09348877.00937931-.11442337.00937931-.35302046.00625288-.59362498.06917241-.72181356.18875862-.12818859.1195862-.19228288.33022987-.19228288.631931v4.73576994c0 .5030957.269999.7546436.80999699.7546436h8.36968211c.2839076 0 .491533-.0597931.6228761-.1793793s.197158-.3082145.1974448-.565885v-4.82057452c0-.25793103-.0640943-.44499615-.1922829-.56119538s-.3340933-.17755555-.6177141-.18406896c-.0415824 0-.102092-.00468965-.1815288-.01406896-.07943676-.00937931-.13306375-.01406897-.16088096-.01406897zm-1.85873446.00937931h-3.92523766c-.01376522-.12583907-.02064783-.21077393-.02064783-.25480458l-.01032391-.97154019c0-.65420686.0034413-.9813103.01032391-.9813103.00688261-.49684289.1919961-.91513405.55534047-1.2548735.36334438-.33973945.81845687-.51273561 1.36533747-.51898848.52623277-.01875862.98492995.13691187 1.37609154.46701147.39116158.3300996.60050759.74044441.62803802 1.23103443.01376522.2076475.02064783.83032946.02064783 1.86804589v.41503446z"
+    class="fill-color"
+  />
+</svg>

package/dist/src/elements/ia-donation-form/icons/paypal.svg

@@ -0,0 +1,39 @@
+<svg viewBox="0 0 468 300" xmlns="http://www.w3.org/2000/svg">
+  <g fill="none" fill-rule="nonzero">
+    <g>
+      <path
+        d="m426.088936 0h-384.1773743c-1.6000453 0-3.202918 0-4.8001076.0093427-1.3501283.00962581-2.6971182.02463075-4.044108.06143532-2.9377047.0795545-5.9005735.2531022-8.8015214.77516088-2.9473179.53111826-5.6899295 1.39744123-8.365531 2.76147524-2.6303624 1.33940326-5.0384885 3.09130081-7.1253898 5.18180042-2.08780603 2.09049964-3.8374226 4.49780164-5.1747992 7.13442444-1.36254076 2.6790896-2.22830126 5.4261262-2.75505234 8.3795514-.52417811 2.9055793-.6986591 5.8717446-.77782727 8.8101648-.03619117 1.348746-.05171378 2.697492-.06050711 4.0459548-.00671798 1.6026975-.00671798 3.2042625-.00671798 4.8097911v216.0649119c0 1.605529 0 3.204291.00671798 4.810103.00879333 1.348462.02431594 2.697208.06050711 4.045954.07916817 2.935844.25364916 5.90201.77782727 8.80674.52675108 2.954557 1.39251158 5.700461 2.75505234 8.379834 1.3373766 2.636623 3.08699317 5.047039 5.1747992 7.134425 2.0869013 2.093897 4.4950274 3.845511 7.1253898 5.181517 2.6756015 1.367714 5.4182131 2.23432 8.365531 2.765156 2.9009479.518661 5.8638167.695323 8.8015214.774877 1.3469898.030576 2.6939797.048696 4.044108.054924 1.5971896.012457 3.2000623.012457 4.8001076.012457h384.1773743c1.597218 0 3.200119 0 4.796997-.012457 1.347018-.006228 2.694037-.024348 4.04719-.054924 2.931485-.079554 5.893788-.256216 8.801833-.774877 2.943359-.530836 5.686536-1.397442 8.36242-2.765156 2.63319-1.336006 5.034248-3.08762 7.125447-5.181517 2.084385-2.087386 3.833973-4.497802 5.174771-7.134425 1.365622-2.679373 2.230535-5.425277 2.754741-8.379834.524489-2.90473.694701-5.870896.774152-8.80674.036756-1.348746.05488-2.697492.061101-4.045954.012412-1.605812.012412-3.204546.012412-4.810103v-216.0649119c0-1.6055286 0-3.2070936-.012412-4.8097911-.006221-1.3484628-.024345-2.6972088-.061101-4.0459548-.079479-2.9384202-.249663-5.9045855-.774152-8.8101648-.524178-2.9534252-1.389119-5.7004618-2.754741-8.3795514-1.340798-2.6366228-3.090386-5.0439248-5.174771-7.13442444-2.091199-2.09049961-4.492257-3.84239716-7.125447-5.18180042-2.675884-1.36403401-5.419061-2.23035698-8.36242-2.76147524-2.908017-.52205868-5.87032-.69560638-8.801833-.77516088-1.353153-.03680457-2.700172-.05180951-4.04719-.06143532-1.596878-.0093427-3.199779-.0093427-4.796997-.0093427z"
+        fill="#333"
+      />
+      <path
+        d="m426.077344 10 4.725746.0090596c1.280186.0090595 2.5604.022932 3.847682.0580377 2.239223.0605858 4.858628.1820405 7.300254.6202965 2.122429.3827662 3.902447.9648426 5.610709 1.8356924 1.686464.8581098 3.231593 1.9826271 4.580707 3.3316515 1.354261 1.358084 2.478692 2.9078342 3.346946 4.6152773.864832 1.6972511 1.442442 3.4712253 1.822427 5.6121115.43653 2.418335.557254 5.0484372.618634 7.3045496.034464 1.2734338.051428 2.5468676.057676 3.8505942.011875 1.5766458.011875 3.1524422.011875 4.7322022v216.0641685c0 1.57976 0 3.152725-.012158 4.763061-.005965 1.273151-.022901 2.546585-.057676 3.822284-.061097 2.252715-.181793 4.881401-.623695 7.328331-.374641 2.111442-.95194 3.885699-1.821579 5.591444-.865737 1.703196-1.988444 3.251248-3.336795 4.600839-1.356777 1.358933-2.896816 2.480053-4.603326 3.34609-1.695511.866603-3.472476 1.448141-5.573982 1.826916-2.491076.444484-5.220235.566788-7.275657.622561-1.293191.02916-2.580163.046685-3.898488.052942-1.57114.011891-3.147878.011891-4.719272.011891h-384.1544332c-.0209218 0-.0412781 0-.0624826 0-1.5532997 0-3.1097094 0-4.6912818-.012174-1.2895158-.005974-2.5762044-.023215-3.8202013-.051527-2.1023547-.056905-4.8332106-.178926-7.303958-.620862-2.1195728-.381634-3.8965375-.963144-5.6143841-1.841072-1.6903938-.858393-3.2293027-1.97838-4.586673-3.339861-1.3469093-1.346477-2.4662238-2.889716-3.3316498-4.59546-.8662742-1.704046-1.4458636-3.483682-1.8269507-5.620322-.4405163-2.442116-.5615233-5.060328-.6219985-7.297755-.0345209-1.281077-.0489399-2.561872-.057139-3.835306l-.00622-3.759432v-.992588-216.0641685-.9925876l.0059373-3.7515053c.0084818-1.2810777.0229008-2.5618724.0574217-3.8418177.0604752-2.239692.1814822-4.8590359.6256456-7.3215363.3777227-2.117388.9570294-3.8970244 1.8278273-5.6095635.8586405-1.6927213 1.9799341-3.2379418 3.3339398-4.5934777 1.3486057-1.3510062 2.8925472-2.474108 4.5937129-3.340428 1.6994694-.8666031 3.4797986-1.4483964 5.5993996-1.8303133 2.442192-.4393884 5.06335-.56056 7.3081989-.6214289 1.2796204-.0348226 2.5592408-.0486951 3.8292485-.0574715l4.7416072-.0093427z"
+        fill="#fff"
+      />
+    </g>
+    <g transform="translate(23 94)">
+      <g fill="#238ec2">
+        <path
+          d="m400.83873 2.69525159-13.453417 85.59022681c-.260388 1.6582649 1.02176 3.1566421 2.69982 3.1566421h13.529554c2.241475 0 4.149469-1.6308556 4.498177-3.8449211l13.26612-84.05073558c.261911-1.65978771-1.020237-3.1596876-2.69982-3.1596876h-15.140614c-1.346103 0-2.491204.97912247-2.69982 2.30847537"
+        />
+        <path
+          d="m360.463252 61.2598709c-1.515127 8.9689446-8.635464 14.9898625-17.715569 14.9898625-4.552995 0-8.196915-1.4648768-10.540413-4.2377882-2.32218-2.7485476-3.196233-6.6635147-2.459227-11.0246449 1.413104-8.8882393 8.647647-15.1025454 17.590704-15.1025454 4.457063 0 8.075096 1.4770588 10.464277 4.2758568 2.404408 2.8185936 3.348507 6.7609701 2.660228 11.0992592zm21.875698-30.5507529h-15.696415c-1.34458 0-2.489681.9775997-2.698297 2.3069526l-.691324 4.3885396-1.096374-1.5897416c-3.40028-4.9352036-10.975917-6.5828094-18.540894-6.5828094-17.340975 0-32.1542 13.1412549-35.038271 31.5709894-1.4999 9.195833.630415 17.9820486 5.84428 24.1156494 4.789021 5.6341417 11.624605 7.9806856 19.768224 7.9806856 13.97724 0 21.731037-8.9796037 21.731037-8.9796037l-.701984 4.362653c-.261911 1.6582649 1.020237 3.1596876 2.69982 3.1596876h14.135605c2.239952 0 4.147946-1.6293329 4.498177-3.8433983l8.484713-53.7329621c.261911-1.658265-1.020237-3.1566421-2.698297-3.1566421z"
+        />
+        <path
+          d="m288.146759 31.085235c-1.792266 11.7662198-10.777961 11.7662198-19.469767 11.7662198h-4.945863l3.468805-21.9685846c.210138-1.3278301 1.355239-2.3054299 2.699819-2.3054299h2.265839c5.917372 0 11.505831 0 14.386857 3.3698259 1.723743 2.0176318 2.246043 5.0067724 1.59431 9.1379688zm-3.782489-30.69845878h-32.780046c-2.241474 0-4.149469 1.63085562-4.498177 3.84492105l-13.25546 84.05225833c-.261911 1.658265 1.020236 3.1581649 2.698297 3.1581649h16.818675c1.568423 0 2.905389-1.1420558 3.149028-2.6906834l3.759647-23.8293741c.348708-2.2140654 2.256703-3.844921 4.498177-3.844921h10.372912c21.590945 0 34.051535-10.4490488 37.308678-31.1598493 1.466399-9.0572636.059387-16.1745551-4.181447-21.15696366-4.662633-5.47729942-12.925026-8.37355282-23.890284-8.37355282z"
+        />
+      </g>
+      <path
+        d="m232.141867 30.709118h-15.777119c-1.509037 0-2.920618.7491886-3.767262 1.9963134l-21.763014 32.0521756-9.223243-30.8004824c-.577118-1.9262674-2.351112-3.2480066-4.362653-3.2480066h-15.509117c-1.872971 0-3.190142 1.8425166-2.587137 3.6149871l17.372952 50.9905056-16.340533 23.0558213c-1.282148 1.809017.012182 4.312403 2.229293 4.312403h15.761892c1.493809 0 2.893208-.732439 3.742897-1.959768l52.469087-75.7243876c1.254739-1.8120618-.041114-4.2895614-2.246043-4.2895614"
+        fill="#253667"
+      />
+      <path
+        d="m126.667688 61.2598709c-1.51665 8.9689446-8.635464 14.9898625-17.717091 14.9898625-4.551473 0-8.195392-1.4648768-10.5388909-4.2377882-2.3221801-2.7485476-3.1962334-6.6635147-2.4592267-11.0246449 1.4131036-8.8882393 8.6461236-15.1025454 17.5891816-15.1025454 4.457063 0 8.076618 1.4770588 10.465799 4.2758568 2.404408 2.8185936 3.348507 6.7609701 2.660228 11.0992592zm21.874175-30.5507529h-15.694892c-1.346103 0-2.491204.9775997-2.699819 2.3069526l-.689802 4.3885396-1.097896-1.5897416c-3.398758-4.9352036-10.974395-6.5828094-18.539372-6.5828094-17.3409749 0-32.1541994 13.1412549-35.0382709 31.5709894-1.4998999 9.195833.6304148 17.9820486 5.8427572 24.1156494 4.7905433 5.6341417 11.6261277 7.9806856 19.7697467 7.9806856 13.97724 0 21.729514-8.9796037 21.729514-8.9796037l-.700461 4.362653c-.261911 1.6582649 1.020237 3.1596876 2.69982 3.1596876h14.134082c2.241475 0 4.149469-1.6293329 4.498177-3.8433983l8.486236-53.7329621c.261911-1.658265-1.020237-3.1566421-2.69982-3.1566421z"
+        fill="#253667"
+      />
+      <path
+        d="m54.3511949 31.085235c-1.7922661 11.7662198-10.7794836 11.7662198-19.4697665 11.7662198h-4.9458629l3.4688041-21.9685846c.2101382-1.3278301 1.3537167-2.3054299 2.698297-2.3054299h2.2673614c5.9158488 0 11.5058311 0 14.3868571 3.3698259 1.7237428 2.0176318 2.246043 5.0067724 1.5943098 9.1379688zm-3.7840114-30.69845878h-32.7800457c-2.2399521 0-4.1494693 1.63085562-4.498177 3.84492105l-13.2554605 84.05225833c-.26038871 1.658265 1.02023648 3.1581649 2.69981982 3.1581649h15.65073208c2.2414748 0 4.1494693-1.6308556 4.498177-3.8449211l3.5769186-22.6751364c.3502304-2.2140654 2.2582249-3.844921 4.4996997-3.844921h10.371389c21.5924676 0 34.0530573-10.4490488 37.3102003-31.1598493 1.4648769-9.0572636.0593869-16.1745551-4.1829696-21.15696366-4.6611102-5.47729942-12.9235029-8.37355282-23.8902837-8.37355282z"
+        fill="#253667"
+      />
+    </g>
+  </g>
+</svg>

package/dist/src/elements/ia-donation-form/icons/venmo.svg

@@ -0,0 +1,9 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 449 300">
+  <g fill="none">
+    <rect width="448.934" height="299.289" fill="#3D95CE" rx="29.929" />
+    <path
+      fill="#FFF"
+      d="M314.253648,95.768518 C314.253648,140.505629 276.917862,198.622312 246.615405,239.43135 L177.402732,239.43135 L149.644594,69.6528784 L210.247869,63.767475 L224.923984,184.575771 C238.636763,161.724586 255.559021,125.813905 255.559021,101.330492 C255.559021,87.9291341 253.314515,78.8010611 249.806862,71.285106 L304.995473,59.8578376 C311.376749,70.6382477 314.253648,81.742087 314.253648,95.768518 Z"
+    />
+  </g>
+</svg>

package/dist/src/elements/ia-donation-form/icons.d.ts

@@ -0,0 +1,9 @@
+import { type TemplateResult } from 'lit';
+export declare const applePayLogo: TemplateResult;
+export declare const googlePayLogo: TemplateResult;
+export declare const paypalLogo: TemplateResult;
+export declare const venmoLogo: TemplateResult;
+export declare const calendarIcon: TemplateResult;
+export declare const creditCardIcon: TemplateResult;
+export declare const lockIcon: TemplateResult;
+//# sourceMappingURL=icons.d.ts.map

package/dist/src/elements/ia-donation-form/icons.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../../../src/elements/ia-donation-form/icons.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAyBhD,eAAO,MAAM,YAAY,gBAAsC,CAAC;AAChE,eAAO,MAAM,aAAa,gBAAwC,CAAC;AACnE,eAAO,MAAM,UAAU,gBAAiC,CAAC;AACzD,eAAO,MAAM,SAAS,gBAA+B,CAAC;AAEtD,eAAO,MAAM,YAAY,gBAA0B,CAAC;AACpD,eAAO,MAAM,cAAc,gBAA4B,CAAC;AACxD,eAAO,MAAM,QAAQ,gBAAsB,CAAC"}

package/dist/src/elements/ia-donation-form/icons.js

@@ -0,0 +1,27 @@
+import { html } from 'lit';
+import { maskedIcon } from '../../util/masked-icon.js';
+import applePayUrl from './icons/apple-pay.svg';
+import calendarUrl from './icons/calendar.svg';
+import creditCardUrl from './icons/credit-card.svg';
+import googlePayUrl from './icons/google-pay.svg';
+import lockUrl from './icons/lock.svg';
+import paypalUrl from './icons/paypal.svg';
+import venmoUrl from './icons/venmo.svg';
+/**
+ * Icons taken from the `@internetarchive/icon-*` packages (v1.3.4). They ship
+ * as standalone `.svg` files so their path data stays out of the JS bundle.
+ *
+ * The single-colour field glyphs render as CSS masks (see `maskedIcon`) so
+ * the host can paint them with `background-color`. The payment brand logos
+ * are multicolour and render as images.
+ */
+/** A brand logo, drawn at the size of its container. */
+const brandLogo = (url, alt) => html `<img class="brand-logo" src=${url} alt=${alt} />`;
+export const applePayLogo = brandLogo(applePayUrl, 'Apple Pay');
+export const googlePayLogo = brandLogo(googlePayUrl, 'Google Pay');
+export const paypalLogo = brandLogo(paypalUrl, 'PayPal');
+export const venmoLogo = brandLogo(venmoUrl, 'Venmo');
+export const calendarIcon = maskedIcon(calendarUrl);
+export const creditCardIcon = maskedIcon(creditCardUrl);
+export const lockIcon = maskedIcon(lockUrl);
+//# sourceMappingURL=icons.js.map

package/dist/src/elements/ia-donation-form/icons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icons.js","sourceRoot":"","sources":["../../../../src/elements/ia-donation-form/icons.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAuB,MAAM,KAAK,CAAC;AAEhD,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAEnD,OAAO,WAAW,MAAM,uBAAuB,CAAC;AAChD,OAAO,WAAW,MAAM,sBAAsB,CAAC;AAC/C,OAAO,aAAa,MAAM,yBAAyB,CAAC;AACpD,OAAO,YAAY,MAAM,wBAAwB,CAAC;AAClD,OAAO,OAAO,MAAM,kBAAkB,CAAC;AACvC,OAAO,SAAS,MAAM,oBAAoB,CAAC;AAC3C,OAAO,QAAQ,MAAM,mBAAmB,CAAC;AAEzC;;;;;;;GAOG;AAEH,wDAAwD;AACxD,MAAM,SAAS,GAAG,CAAC,GAAW,EAAE,GAAW,EAAkB,EAAE,CAC7D,IAAI,CAAA,+BAA+B,GAAG,QAAQ,GAAG,KAAK,CAAC;AAEzD,MAAM,CAAC,MAAM,YAAY,GAAG,SAAS,CAAC,WAAW,EAAE,WAAW,CAAC,CAAC;AAChE,MAAM,CAAC,MAAM,aAAa,GAAG,SAAS,CAAC,YAAY,EAAE,YAAY,CAAC,CAAC;AACnE,MAAM,CAAC,MAAM,UAAU,GAAG,SAAS,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC;AACzD,MAAM,CAAC,MAAM,SAAS,GAAG,SAAS,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;AAEtD,MAAM,CAAC,MAAM,YAAY,GAAG,UAAU,CAAC,WAAW,CAAC,CAAC;AACpD,MAAM,CAAC,MAAM,cAAc,GAAG,UAAU,CAAC,aAAa,CAAC,CAAC;AACxD,MAAM,CAAC,MAAM,QAAQ,GAAG,UAAU,CAAC,OAAO,CAAC,CAAC","sourcesContent":["import { html, type TemplateResult } from 'lit';\n\nimport { maskedIcon } from '@src/util/masked-icon';\n\nimport applePayUrl from './icons/apple-pay.svg';\nimport calendarUrl from './icons/calendar.svg';\nimport creditCardUrl from './icons/credit-card.svg';\nimport googlePayUrl from './icons/google-pay.svg';\nimport lockUrl from './icons/lock.svg';\nimport paypalUrl from './icons/paypal.svg';\nimport venmoUrl from './icons/venmo.svg';\n\n/**\n * Icons taken from the `@internetarchive/icon-*` packages (v1.3.4). They ship\n * as standalone `.svg` files so their path data stays out of the JS bundle.\n *\n * The single-colour field glyphs render as CSS masks (see `maskedIcon`) so\n * the host can paint them with `background-color`. The payment brand logos\n * are multicolour and render as images.\n */\n\n/** A brand logo, drawn at the size of its container. */\nconst brandLogo = (url: string, alt: string): TemplateResult =>\n  html`<img class=\"brand-logo\" src=${url} alt=${alt} />`;\n\nexport const applePayLogo = brandLogo(applePayUrl, 'Apple Pay');\nexport const googlePayLogo = brandLogo(googlePayUrl, 'Google Pay');\nexport const paypalLogo = brandLogo(paypalUrl, 'PayPal');\nexport const venmoLogo = brandLogo(venmoUrl, 'Venmo');\n\nexport const calendarIcon = maskedIcon(calendarUrl);\nexport const creditCardIcon = maskedIcon(creditCardUrl);\nexport const lockIcon = maskedIcon(lockUrl);\n"]}

package/dist/src/elements/ia-donation-form/modals/ia-donation-confirm-modal.d.ts

@@ -0,0 +1,27 @@
+import { LitElement, type CSSResultGroup, type TemplateResult } from 'lit';
+import { DonationType } from '../models/donation-type.js';
+/**
+ * The confirmation step shown before a PayPal donation goes through: what the
+ * donor is about to give, with Complete and Cancel buttons.
+ */
+export declare class IADonationConfirmModal extends LitElement {
+    amount: number;
+    /** An ISO currency code, e.g. `USD`. Drives the symbol shown with the amount. */
+    currencyType: string;
+    donationType: DonationType;
+    confirmDonation: () => void;
+    cancelDonation: () => void;
+    private get formattedAmount();
+    get confirmationText(): TemplateResult;
+    get confirmUpsellText(): TemplateResult;
+    get confirmCTA(): string;
+    render(): TemplateResult;
+    static get styles(): CSSResultGroup;
+    /**
+     * The symbol for a PayPal-supported currency code. Dollars for anything
+     * unlisted, which covers USD and NZD.
+     * https://developer.paypal.com/docs/reports/reference/paypal-supported-currencies/
+     */
+    get currencySymbol(): string;
+}
+//# sourceMappingURL=ia-donation-confirm-modal.d.ts.map

package/dist/src/elements/ia-donation-form/modals/ia-donation-confirm-modal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ia-donation-confirm-modal.d.ts","sourceRoot":"","sources":["../../../../../src/elements/ia-donation-form/modals/ia-donation-confirm-modal.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,UAAU,EACV,KAAK,cAAc,EACnB,KAAK,cAAc,EACpB,MAAM,KAAK,CAAC;AAOb,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAEvD;;;GAGG;AACH,qBACa,sBAAuB,SAAQ,UAAU;IACxB,MAAM,SAAK;IAEvC,iFAAiF;IACrD,YAAY,SAAS;IAErB,YAAY,EAAE,YAAY,CAAwB;IAE9C,eAAe,EAAE,MAAM,IAAI,CAAY;IAEvC,cAAc,EAAE,MAAM,IAAI,CAAY;IAEtE,OAAO,KAAK,eAAe,GAE1B;IAED,IAAI,gBAAgB,IAAI,cAAc,CAQrC;IAED,IAAI,iBAAiB,IAAI,cAAc,CAQtC;IAED,IAAI,UAAU,IAAI,MAAM,CAIvB;IAED,MAAM,IAAI,cAAc;IAiBxB,MAAM,KAAK,MAAM,IAAI,cAAc,CAsDlC;IAED;;;;OAIG;IACH,IAAI,cAAc,IAAI,MAAM,CAiD3B;CACF"}

package/dist/src/elements/ia-donation-form/modals/ia-donation-confirm-modal.js

@@ -0,0 +1,195 @@
+import { __decorate } from "tslib";
+import { css, html, LitElement, } from 'lit';
+import { property } from 'lit/decorators.js';
+import { customElement } from '../../../util/custom-element.js';
+import { msg } from '@lit/localize';
+import currency from 'currency.js';
+import themeStyles from '../../../themes/theme-styles.js';
+import { DonationType } from '../models/donation-type.js';
+/**
+ * The confirmation step shown before a PayPal donation goes through: what the
+ * donor is about to give, with Complete and Cancel buttons.
+ */
+let IADonationConfirmModal = class IADonationConfirmModal extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.amount = 5;
+        /** An ISO currency code, e.g. `USD`. Drives the symbol shown with the amount. */
+        this.currencyType = 'USD';
+        this.donationType = DonationType.OneTime;
+        this.confirmDonation = () => { };
+        this.cancelDonation = () => { };
+    }
+    get formattedAmount() {
+        return currency(this.amount, { symbol: this.currencySymbol }).format();
+    }
+    get confirmationText() {
+        return msg(html `
+      <p>
+        You are about to make a <b>${this.donationType}</b> donation of
+        <b>${this.formattedAmount} ${this.currencyType}</b> to the Internet
+        Archive.
+      </p>
+    `);
+    }
+    get confirmUpsellText() {
+        return msg(html `
+      <p>
+        You are about to begin making <b>monthly</b> donations of
+        <b>${this.formattedAmount} ${this.currencyType}</b> to the Internet
+        Archive. (Your first recurring contribution will be next month.)
+      </p>
+    `);
+    }
+    get confirmCTA() {
+        return this.donationType === DonationType.Upsell
+            ? msg('Start monthly donation')
+            : msg('Complete donation');
+    }
+    render() {
+        return html `
+      ${this.donationType === DonationType.Upsell
+            ? this.confirmUpsellText
+            : this.confirmationText}
+
+      <div class="cta-group">
+        <button id="confirm" @click=${() => this.confirmDonation()}>
+          ${this.confirmCTA}
+        </button>
+        <button id="cancel" @click=${() => this.cancelDonation()}>
+          ${msg('Cancel')}
+        </button>
+      </div>
+    `;
+    }
+    static get styles() {
+        return [
+            themeStyles,
+            css `
+        :host {
+          --donation-confirm-base-font-size--: var(
+            --ia-donation-form-base-font-size,
+            10px
+          );
+          --donation-confirm-cta-color--: var(
+            --ia-donation-upsell-cta-button-color,
+            var(--navy-blue)
+          );
+          --donation-confirm-cta-disabled-color--: var(
+            --ia-donation-upsell-cta-button-disabled-color,
+            rgba(109, 148, 201, 0.5)
+          );
+
+          display: block;
+        }
+
+        button {
+          outline: none;
+          cursor: pointer;
+        }
+
+        button#confirm {
+          font-size: calc(var(--donation-confirm-base-font-size--) * 2);
+          display: block;
+          width: 100%;
+          margin-top: var(--padding-sm);
+          padding: var(--donation-confirm-base-font-size--)
+            calc(var(--donation-confirm-base-font-size--) * 2);
+          background-color: var(--donation-confirm-cta-color--);
+          color: var(--true-white);
+          border-radius: 5px;
+          border: 0;
+          font-weight: bold;
+          line-height: normal;
+        }
+
+        button#cancel {
+          margin-top: var(--donation-confirm-base-font-size--);
+          border: 0;
+          text-decoration: underline;
+          background-color: transparent;
+        }
+
+        button:disabled {
+          background-color: var(--donation-confirm-cta-disabled-color--);
+          cursor: not-allowed;
+        }
+      `,
+        ];
+    }
+    /**
+     * The symbol for a PayPal-supported currency code. Dollars for anything
+     * unlisted, which covers USD and NZD.
+     * https://developer.paypal.com/docs/reports/reference/paypal-supported-currencies/
+     */
+    get currencySymbol() {
+        switch (this.currencyType) {
+            case 'AUD':
+                return 'AU$';
+            case 'BRL':
+                return 'R$';
+            case 'CAD':
+                return 'CA$';
+            case 'CHF':
+                return 'Fr';
+            case 'CNY':
+                return '¥';
+            case 'CZK':
+                return 'Kč';
+            case 'DKK':
+                return 'Kr';
+            case 'EUR':
+                return '€';
+            case 'GBP':
+                return '£';
+            case 'HKD':
+                return 'HK$';
+            case 'HUF':
+                return 'Ft';
+            case 'ILS':
+                return '₪';
+            case 'JPY':
+                return '¥';
+            case 'MXN':
+                return 'MX$';
+            case 'MYR':
+                return 'RM';
+            case 'NOK':
+                return 'kr';
+            case 'PLN':
+                return 'zł';
+            case 'RUB':
+                return '₽';
+            case 'SEK':
+                return 'kr';
+            case 'SGD':
+                return 'S$';
+            case 'THB':
+                return '฿';
+            case 'TWD':
+                return 'NT$';
+            default:
+                return '$';
+        }
+    }
+};
+__decorate([
+    property({ type: Number })
+], IADonationConfirmModal.prototype, "amount", void 0);
+__decorate([
+    property({ type: String })
+], IADonationConfirmModal.prototype, "currencyType", void 0);
+__decorate([
+    property({ type: String })
+], IADonationConfirmModal.prototype, "donationType", void 0);
+__decorate([
+    property({ attribute: false })
+], IADonationConfirmModal.prototype, "confirmDonation", void 0);
+__decorate([
+    property({ attribute: false })
+], IADonationConfirmModal.prototype, "cancelDonation", void 0);
+IADonationConfirmModal = __decorate([
+    customElement('ia-donation-confirm-modal')
+], IADonationConfirmModal);
+export { IADonationConfirmModal };
+//# sourceMappingURL=ia-donation-confirm-modal.js.map

package/dist/src/elements/ia-donation-form/modals/ia-donation-confirm-modal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ia-donation-confirm-modal.js","sourceRoot":"","sources":["../../../../../src/elements/ia-donation-form/modals/ia-donation-confirm-modal.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  css,\n  html,\n  LitElement,\n  type CSSResultGroup,\n  type TemplateResult,\n} from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { customElement } from '@src/util/custom-element';\nimport { msg } from '@lit/localize';\nimport currency from 'currency.js';\n\nimport themeStyles from '@src/themes/theme-styles';\nimport { DonationType } from '../models/donation-type';\n\n/**\n * The confirmation step shown before a PayPal donation goes through: what the\n * donor is about to give, with Complete and Cancel buttons.\n */\n@customElement('ia-donation-confirm-modal')\nexport class IADonationConfirmModal extends LitElement {\n  @property({ type: Number }) amount = 5;\n\n  /** An ISO currency code, e.g. `USD`. Drives the symbol shown with the amount. */\n  @property({ type: String }) currencyType = 'USD';\n\n  @property({ type: String }) donationType: DonationType = DonationType.OneTime;\n\n  @property({ attribute: false }) confirmDonation: () => void = () => {};\n\n  @property({ attribute: false }) cancelDonation: () => void = () => {};\n\n  private get formattedAmount(): string {\n    return currency(this.amount, { symbol: this.currencySymbol }).format();\n  }\n\n  get confirmationText(): TemplateResult {\n    return msg(html`\n      <p>\n        You are about to make a <b>${this.donationType}</b> donation of\n        <b>${this.formattedAmount} ${this.currencyType}</b> to the Internet\n        Archive.\n      </p>\n    `);\n  }\n\n  get confirmUpsellText(): TemplateResult {\n    return msg(html`\n      <p>\n        You are about to begin making <b>monthly</b> donations of\n        <b>${this.formattedAmount} ${this.currencyType}</b> to the Internet\n        Archive. (Your first recurring contribution will be next month.)\n      </p>\n    `);\n  }\n\n  get confirmCTA(): string {\n    return this.donationType === DonationType.Upsell\n      ? msg('Start monthly donation')\n      : msg('Complete donation');\n  }\n\n  render(): TemplateResult {\n    return html`\n      ${this.donationType === DonationType.Upsell\n        ? this.confirmUpsellText\n        : this.confirmationText}\n\n      <div class=\"cta-group\">\n        <button id=\"confirm\" @click=${() => this.confirmDonation()}>\n          ${this.confirmCTA}\n        </button>\n        <button id=\"cancel\" @click=${() => this.cancelDonation()}>\n          ${msg('Cancel')}\n        </button>\n      </div>\n    `;\n  }\n\n  static get styles(): CSSResultGroup {\n    return [\n      themeStyles,\n      css`\n        :host {\n          --donation-confirm-base-font-size--: var(\n            --ia-donation-form-base-font-size,\n            10px\n          );\n          --donation-confirm-cta-color--: var(\n            --ia-donation-upsell-cta-button-color,\n            var(--navy-blue)\n          );\n          --donation-confirm-cta-disabled-color--: var(\n            --ia-donation-upsell-cta-button-disabled-color,\n            rgba(109, 148, 201, 0.5)\n          );\n\n          display: block;\n        }\n\n        button {\n          outline: none;\n          cursor: pointer;\n        }\n\n        button#confirm {\n          font-size: calc(var(--donation-confirm-base-font-size--) * 2);\n          display: block;\n          width: 100%;\n          margin-top: var(--padding-sm);\n          padding: var(--donation-confirm-base-font-size--)\n            calc(var(--donation-confirm-base-font-size--) * 2);\n          background-color: var(--donation-confirm-cta-color--);\n          color: var(--true-white);\n          border-radius: 5px;\n          border: 0;\n          font-weight: bold;\n          line-height: normal;\n        }\n\n        button#cancel {\n          margin-top: var(--donation-confirm-base-font-size--);\n          border: 0;\n          text-decoration: underline;\n          background-color: transparent;\n        }\n\n        button:disabled {\n          background-color: var(--donation-confirm-cta-disabled-color--);\n          cursor: not-allowed;\n        }\n      `,\n    ];\n  }\n\n  /**\n   * The symbol for a PayPal-supported currency code. Dollars for anything\n   * unlisted, which covers USD and NZD.\n   * https://developer.paypal.com/docs/reports/reference/paypal-supported-currencies/\n   */\n  get currencySymbol(): string {\n    switch (this.currencyType) {\n      case 'AUD':\n        return 'AU$';\n      case 'BRL':\n        return 'R$';\n      case 'CAD':\n        return 'CA$';\n      case 'CHF':\n        return 'Fr';\n      case 'CNY':\n        return '¥';\n      case 'CZK':\n        return 'Kč';\n      case 'DKK':\n        return 'Kr';\n      case 'EUR':\n        return '€';\n      case 'GBP':\n        return '£';\n      case 'HKD':\n        return 'HK$';\n      case 'HUF':\n        return 'Ft';\n      case 'ILS':\n        return '₪';\n      case 'JPY':\n        return '¥';\n      case 'MXN':\n        return 'MX$';\n      case 'MYR':\n        return 'RM';\n      case 'NOK':\n        return 'kr';\n      case 'PLN':\n        return 'zł';\n      case 'RUB':\n        return '₽';\n      case 'SEK':\n        return 'kr';\n      case 'SGD':\n        return 'S$';\n      case 'THB':\n        return '฿';\n      case 'TWD':\n        return 'NT$';\n      default:\n        return '$';\n    }\n  }\n}\n"]}

package/dist/src/elements/ia-donation-form/modals/ia-donation-error-modal-content.d.ts

@@ -0,0 +1,7 @@
+import { LitElement, type CSSResultGroup, type TemplateResult } from 'lit';
+/** The footer of the error modal: a link to the help article on failed donations. */
+export declare class IADonationErrorModalContent extends LitElement {
+    render(): TemplateResult;
+    static get styles(): CSSResultGroup;
+}
+//# sourceMappingURL=ia-donation-error-modal-content.d.ts.map

package/dist/src/elements/ia-donation-form/modals/ia-donation-error-modal-content.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ia-donation-error-modal-content.d.ts","sourceRoot":"","sources":["../../../../../src/elements/ia-donation-form/modals/ia-donation-error-modal-content.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,UAAU,EACV,KAAK,cAAc,EACnB,KAAK,cAAc,EACpB,MAAM,KAAK,CAAC;AAMb,qFAAqF;AACrF,qBACa,2BAA4B,SAAQ,UAAU;IACzD,MAAM,IAAI,cAAc;IAcxB,MAAM,KAAK,MAAM,IAAI,cAAc,CAoClC;CACF"}