@internetarchive/elements 1.1.4-webdev-9274.0 → 1.1.6

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

@@ -0,0 +1 @@
+{"version":3,"file":"ia-donation-section.d.ts","sourceRoot":"","sources":["../../../../../src/elements/ia-donation-form/form-elements/ia-donation-section.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,UAAU,EAEV,KAAK,cAAc,EACnB,KAAK,cAAc,EACpB,MAAM,KAAK,CAAC;AAMb,8EAA8E;AAC9E,eAAO,MAAM,wBAAwB;;;;CAI3B,CAAC;AAEX,MAAM,MAAM,wBAAwB,GAClC,CAAC,OAAO,wBAAwB,CAAC,CAAC,MAAM,OAAO,wBAAwB,CAAC,CAAC;AAE3E;;;GAGG;AACH,qBACa,iBAAkB,SAAQ,UAAU;IAC/C,uDAAuD;IAC3B,YAAY,SAAO;IAEnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,SAAS,EAAE,wBAAwB,CAC1B;IAErC,MAAM,IAAI,cAAc;IAkBxB,MAAM,KAAK,MAAM,IAAI,cAAc,CA+HlC;CACF"}

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

@@ -0,0 +1,182 @@
+import { __decorate } from "tslib";
+import { css, html, LitElement, nothing, } from 'lit';
+import { property } from 'lit/decorators.js';
+import { customElement } from '../../../util/custom-element.js';
+import themeStyles from '../../../themes/theme-styles.js';
+/** Whether the numbered badge shows, hides, or hides but keeps its column. */
+export const DonationSectionBadgeMode = {
+    HideBadge: 'hidebadge',
+    ShowBadge: 'showbadge',
+    HideBadgeLeaveSpacing: 'hidebadgeleavespacing',
+};
+/**
+ * One step of the donation form: a round numbered badge, an optional
+ * headline, and whatever content is slotted in.
+ */
+let IADonationSection = class IADonationSection extends LitElement {
+    constructor() {
+        super(...arguments);
+        /** What goes in the badge, usually the step number. */
+        this.sectionBadge = '0';
+        this.badgeMode = DonationSectionBadgeMode.ShowBadge;
+    }
+    render() {
+        return html `
+      <div class="container ${this.badgeMode}">
+        <div class="badge-container">
+          <div class="badge">${this.sectionBadge}</div>
+        </div>
+        <div class="content-container">
+          ${this.headline
+            ? html `<div class="title">${this.headline}</div>`
+            : nothing}
+          <div class="content">
+            <slot></slot>
+          </div>
+        </div>
+      </div>
+    `;
+    }
+    static get styles() {
+        return [
+            themeStyles,
+            css `
+        :host {
+          /*
+           * The donation form was built for a 10px root font size. Sizing off
+           * this base instead keeps the section self-contained, so it looks the
+           * same whatever the page's root size is. Override it to rescale
+           * everything.
+           */
+          --donation-section-base-font-size--: var(
+            --ia-donation-section-base-font-size,
+            10px
+          );
+
+          --donation-section-badge-transition--: var(
+            --ia-donation-section-badge-transition,
+            0.25s ease-out
+          );
+          --donation-section-badge-margin--: var(
+            --ia-donation-section-badge-margin,
+            var(--donation-section-base-font-size--)
+          );
+          --donation-section-badge-background-color--: var(
+            --ia-donation-section-badge-background-color,
+            var(--mid-gray)
+          );
+          --donation-section-badge-radius--: var(
+            --ia-donation-section-badge-radius,
+            calc(var(--donation-section-base-font-size--) * 1.2)
+          );
+          --donation-section-badge-width--: calc(
+            var(--donation-section-badge-radius--) * 2
+          );
+          --donation-section-badge-font-size--: var(
+            --ia-donation-section-badge-font-size,
+            calc(var(--donation-section-base-font-size--) * 1.8)
+          );
+          --donation-section-badge-font-weight--: var(
+            --ia-donation-section-badge-font-weight,
+            bold
+          );
+          --donation-section-badge-font-color--: var(
+            --ia-donation-section-badge-font-color,
+            var(--true-white)
+          );
+          --donation-section-title-font-size--: var(
+            --ia-donation-section-title-font-size,
+            calc(var(--donation-section-base-font-size--) * 1.8)
+          );
+          --donation-section-title-font-weight--: var(
+            --ia-donation-section-title-font-weight,
+            bold
+          );
+          --donation-section-background-color--: var(
+            --ia-donation-section-background-color,
+            transparent
+          );
+          --donation-section-text-color--: var(--primary-text-color);
+
+          display: block;
+          background-color: var(--donation-section-background-color--);
+          color: var(--donation-section-text-color--);
+        }
+
+        .container {
+          position: relative;
+          padding: var(--padding-sm);
+        }
+
+        .content-container {
+          position: relative;
+          left: calc(
+            var(--donation-section-badge-width--) +
+              var(--donation-section-badge-margin--)
+          );
+          width: calc(
+            100% -
+              (
+                var(--donation-section-badge-width--) +
+                  var(--donation-section-badge-margin--)
+              )
+          );
+          transition: var(--donation-section-badge-transition--);
+          z-index: 1;
+        }
+
+        .hidebadge .content-container {
+          left: 0;
+          width: 100%;
+        }
+
+        .hidebadge .badge-container {
+          display: none;
+        }
+
+        .hidebadgeleavespacing .badge {
+          display: none;
+        }
+
+        .badge-container {
+          position: absolute;
+          width: var(--donation-section-badge-width--);
+        }
+
+        .badge {
+          background-color: var(--donation-section-badge-background-color--);
+          color: var(--donation-section-badge-font-color--);
+          width: var(--donation-section-badge-width--);
+          height: var(--donation-section-badge-width--);
+          border-radius: var(--donation-section-badge-radius--);
+          display: flex;
+          justify-content: center;
+          align-items: center;
+          font-weight: var(--donation-section-badge-font-weight--);
+          font-size: var(--donation-section-badge-font-size--);
+        }
+
+        .title {
+          line-height: var(--donation-section-badge-width--);
+          margin-bottom: var(--padding-sm);
+          font-size: var(--donation-section-title-font-size--);
+          font-weight: var(--donation-section-title-font-weight--);
+        }
+      `,
+        ];
+    }
+};
+__decorate([
+    property({ type: String })
+], IADonationSection.prototype, "sectionBadge", void 0);
+__decorate([
+    property({ type: String })
+], IADonationSection.prototype, "headline", void 0);
+__decorate([
+    property({ type: String })
+], IADonationSection.prototype, "badgeMode", void 0);
+IADonationSection = __decorate([
+    customElement('ia-donation-section')
+], IADonationSection);
+export { IADonationSection };
+//# sourceMappingURL=ia-donation-section.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ia-donation-section.js","sourceRoot":"","sources":["../../../../../src/elements/ia-donation-form/form-elements/ia-donation-section.ts"],"names":[],"mappings":";AAAA,OAAO,EACL,GAAG,EACH,IAAI,EACJ,UAAU,EACV,OAAO,GAGR,MAAM,KAAK,CAAC;AACb,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAEzD,OAAO,WAAW,MAAM,0BAA0B,CAAC;AAEnD,8EAA8E;AAC9E,MAAM,CAAC,MAAM,wBAAwB,GAAG;IACtC,SAAS,EAAE,WAAW;IACtB,SAAS,EAAE,WAAW;IACtB,qBAAqB,EAAE,uBAAuB;CACtC,CAAC;AAKX;;;GAGG;AAEI,IAAM,iBAAiB,GAAvB,MAAM,iBAAkB,SAAQ,UAAU;IAA1C;;QACL,uDAAuD;QAC3B,iBAAY,GAAG,GAAG,CAAC;QAInB,cAAS,GACnC,wBAAwB,CAAC,SAAS,CAAC;IAoJvC,CAAC;IAlJC,MAAM;QACJ,OAAO,IAAI,CAAA;8BACe,IAAI,CAAC,SAAS;;+BAEb,IAAI,CAAC,YAAY;;;YAGpC,IAAI,CAAC,QAAQ;YACb,CAAC,CAAC,IAAI,CAAA,sBAAsB,IAAI,CAAC,QAAQ,QAAQ;YACjD,CAAC,CAAC,OAAO;;;;;;KAMhB,CAAC;IACJ,CAAC;IAED,MAAM,KAAK,MAAM;QACf,OAAO;YACL,WAAW;YACX,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OA0HF;SACF,CAAC;IACJ,CAAC;CACF,CAAA;AAzJ6B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;uDAAoB;AAEnB;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;mDAAmB;AAElB;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;oDACU;AAP1B,iBAAiB;IAD7B,aAAa,CAAC,qBAAqB,CAAC;GACxB,iBAAiB,CA2J7B","sourcesContent":["import {\n  css,\n  html,\n  LitElement,\n  nothing,\n  type CSSResultGroup,\n  type TemplateResult,\n} from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { customElement } from '@src/util/custom-element';\n\nimport themeStyles from '@src/themes/theme-styles';\n\n/** Whether the numbered badge shows, hides, or hides but keeps its column. */\nexport const DonationSectionBadgeMode = {\n  HideBadge: 'hidebadge',\n  ShowBadge: 'showbadge',\n  HideBadgeLeaveSpacing: 'hidebadgeleavespacing',\n} as const;\n\nexport type DonationSectionBadgeMode =\n  (typeof DonationSectionBadgeMode)[keyof typeof DonationSectionBadgeMode];\n\n/**\n * One step of the donation form: a round numbered badge, an optional\n * headline, and whatever content is slotted in.\n */\n@customElement('ia-donation-section')\nexport class IADonationSection extends LitElement {\n  /** What goes in the badge, usually the step number. */\n  @property({ type: String }) sectionBadge = '0';\n\n  @property({ type: String }) headline?: string;\n\n  @property({ type: String }) badgeMode: DonationSectionBadgeMode =\n    DonationSectionBadgeMode.ShowBadge;\n\n  render(): TemplateResult {\n    return html`\n      <div class=\"container ${this.badgeMode}\">\n        <div class=\"badge-container\">\n          <div class=\"badge\">${this.sectionBadge}</div>\n        </div>\n        <div class=\"content-container\">\n          ${this.headline\n            ? html`<div class=\"title\">${this.headline}</div>`\n            : nothing}\n          <div class=\"content\">\n            <slot></slot>\n          </div>\n        </div>\n      </div>\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 instead keeps the section self-contained, so it looks the\n           * same whatever the page's root size is. Override it to rescale\n           * everything.\n           */\n          --donation-section-base-font-size--: var(\n            --ia-donation-section-base-font-size,\n            10px\n          );\n\n          --donation-section-badge-transition--: var(\n            --ia-donation-section-badge-transition,\n            0.25s ease-out\n          );\n          --donation-section-badge-margin--: var(\n            --ia-donation-section-badge-margin,\n            var(--donation-section-base-font-size--)\n          );\n          --donation-section-badge-background-color--: var(\n            --ia-donation-section-badge-background-color,\n            var(--mid-gray)\n          );\n          --donation-section-badge-radius--: var(\n            --ia-donation-section-badge-radius,\n            calc(var(--donation-section-base-font-size--) * 1.2)\n          );\n          --donation-section-badge-width--: calc(\n            var(--donation-section-badge-radius--) * 2\n          );\n          --donation-section-badge-font-size--: var(\n            --ia-donation-section-badge-font-size,\n            calc(var(--donation-section-base-font-size--) * 1.8)\n          );\n          --donation-section-badge-font-weight--: var(\n            --ia-donation-section-badge-font-weight,\n            bold\n          );\n          --donation-section-badge-font-color--: var(\n            --ia-donation-section-badge-font-color,\n            var(--true-white)\n          );\n          --donation-section-title-font-size--: var(\n            --ia-donation-section-title-font-size,\n            calc(var(--donation-section-base-font-size--) * 1.8)\n          );\n          --donation-section-title-font-weight--: var(\n            --ia-donation-section-title-font-weight,\n            bold\n          );\n          --donation-section-background-color--: var(\n            --ia-donation-section-background-color,\n            transparent\n          );\n          --donation-section-text-color--: var(--primary-text-color);\n\n          display: block;\n          background-color: var(--donation-section-background-color--);\n          color: var(--donation-section-text-color--);\n        }\n\n        .container {\n          position: relative;\n          padding: var(--padding-sm);\n        }\n\n        .content-container {\n          position: relative;\n          left: calc(\n            var(--donation-section-badge-width--) +\n              var(--donation-section-badge-margin--)\n          );\n          width: calc(\n            100% -\n              (\n                var(--donation-section-badge-width--) +\n                  var(--donation-section-badge-margin--)\n              )\n          );\n          transition: var(--donation-section-badge-transition--);\n          z-index: 1;\n        }\n\n        .hidebadge .content-container {\n          left: 0;\n          width: 100%;\n        }\n\n        .hidebadge .badge-container {\n          display: none;\n        }\n\n        .hidebadgeleavespacing .badge {\n          display: none;\n        }\n\n        .badge-container {\n          position: absolute;\n          width: var(--donation-section-badge-width--);\n        }\n\n        .badge {\n          background-color: var(--donation-section-badge-background-color--);\n          color: var(--donation-section-badge-font-color--);\n          width: var(--donation-section-badge-width--);\n          height: var(--donation-section-badge-width--);\n          border-radius: var(--donation-section-badge-radius--);\n          display: flex;\n          justify-content: center;\n          align-items: center;\n          font-weight: var(--donation-section-badge-font-weight--);\n          font-size: var(--donation-section-badge-font-size--);\n        }\n\n        .title {\n          line-height: var(--donation-section-badge-width--);\n          margin-bottom: var(--padding-sm);\n          font-size: var(--donation-section-title-font-size--);\n          font-weight: var(--donation-section-title-font-weight--);\n        }\n      `,\n    ];\n  }\n}\n"]}

package/dist/src/elements/ia-donation-form/models/donation-payment-info.d.ts

@@ -0,0 +1,34 @@
+import { DonationType } from './donation-type.js';
+/**
+ * Everything needed to represent and calculate a donation amount.
+ *
+ * Given an amount and whether the donor is covering the processing fee, it
+ * calculates the fee and the total, rounded to the cent. It also carries the
+ * `DonationType`: one-time, monthly, or upsell.
+ */
+export declare class DonationPaymentInfo {
+    donationType: DonationType;
+    amount: number;
+    coverFees: boolean;
+    constructor(params: {
+        donationType: DonationType;
+        amount: number;
+        coverFees: boolean;
+    });
+    /** The fee the donor is paying on top of the amount, or 0 if they aren't covering it. */
+    get feeAmountCovered(): number;
+    /** The processing fee for this amount, whether or not the donor covers it. */
+    get fee(): number;
+    /** The amount charged: the donation plus the fee when the donor covers it. */
+    get total(): number;
+    /** The total for an amount, with the fee added when `coverFees` is set. Rounded to the cent. */
+    static calculateTotal(amount: number, coverFees: boolean): number;
+    /** The processing fee for an amount. Rounded to the cent. */
+    static calculateFeeAmount(amount: number): number;
+    private static roundAmount;
+}
+/** The preset amounts the donation form offers. */
+export declare const defaultDonationAmounts: number[];
+/** The amount selected when the form first renders. */
+export declare const defaultSelectedDonationInfo: DonationPaymentInfo;
+//# sourceMappingURL=donation-payment-info.d.ts.map

package/dist/src/elements/ia-donation-form/models/donation-payment-info.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"donation-payment-info.d.ts","sourceRoot":"","sources":["../../../../../src/elements/ia-donation-form/models/donation-payment-info.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C;;;;;;GAMG;AACH,qBAAa,mBAAmB;IAC9B,YAAY,EAAE,YAAY,CAAC;IAC3B,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,OAAO,CAAC;gBAEP,MAAM,EAAE;QAClB,YAAY,EAAE,YAAY,CAAC;QAC3B,MAAM,EAAE,MAAM,CAAC;QACf,SAAS,EAAE,OAAO,CAAC;KACpB;IAMD,yFAAyF;IACzF,IAAI,gBAAgB,IAAI,MAAM,CAE7B;IAED,8EAA8E;IAC9E,IAAI,GAAG,IAAI,MAAM,CAEhB;IAED,8EAA8E;IAC9E,IAAI,KAAK,IAAI,MAAM,CAElB;IAED,gGAAgG;IAChG,MAAM,CAAC,cAAc,CAAC,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO,GAAG,MAAM;IAOjE,6DAA6D;IAC7D,MAAM,CAAC,kBAAkB,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM;IAMjD,OAAO,CAAC,MAAM,CAAC,WAAW;CAG3B;AAED,mDAAmD;AACnD,eAAO,MAAM,sBAAsB,EAAE,MAAM,EAAoC,CAAC;AAEhF,uDAAuD;AACvD,eAAO,MAAM,2BAA2B,EAAE,mBAKtC,CAAC"}

package/dist/src/elements/ia-donation-form/models/donation-payment-info.js

@@ -0,0 +1,54 @@
+import { DonationType } from './donation-type.js';
+/**
+ * Everything needed to represent and calculate a donation amount.
+ *
+ * Given an amount and whether the donor is covering the processing fee, it
+ * calculates the fee and the total, rounded to the cent. It also carries the
+ * `DonationType`: one-time, monthly, or upsell.
+ */
+export class DonationPaymentInfo {
+    constructor(params) {
+        this.donationType = params.donationType;
+        this.amount = params.amount;
+        this.coverFees = params.coverFees;
+    }
+    /** The fee the donor is paying on top of the amount, or 0 if they aren't covering it. */
+    get feeAmountCovered() {
+        return this.coverFees ? this.fee : 0;
+    }
+    /** The processing fee for this amount, whether or not the donor covers it. */
+    get fee() {
+        return DonationPaymentInfo.calculateFeeAmount(this.amount);
+    }
+    /** The amount charged: the donation plus the fee when the donor covers it. */
+    get total() {
+        return DonationPaymentInfo.calculateTotal(this.amount, this.coverFees);
+    }
+    /** The total for an amount, with the fee added when `coverFees` is set. Rounded to the cent. */
+    static calculateTotal(amount, coverFees) {
+        const fee = coverFees ? this.calculateFeeAmount(amount) : 0;
+        const total = amount + fee;
+        if (isNaN(total))
+            return 0;
+        return this.roundAmount(total);
+    }
+    /** The processing fee for an amount. Rounded to the cent. */
+    static calculateFeeAmount(amount) {
+        const fee = amount * 0.0219 + 0.29;
+        if (isNaN(fee))
+            return 0;
+        return this.roundAmount(fee);
+    }
+    static roundAmount(amount) {
+        return Math.round(amount * 100) / 100;
+    }
+}
+/** The preset amounts the donation form offers. */
+export const defaultDonationAmounts = [5, 10, 25, 50, 100, 500, 1000];
+/** The amount selected when the form first renders. */
+export const defaultSelectedDonationInfo = new DonationPaymentInfo({
+    donationType: DonationType.OneTime,
+    amount: 10,
+    coverFees: false,
+});
+//# sourceMappingURL=donation-payment-info.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"donation-payment-info.js","sourceRoot":"","sources":["../../../../../src/elements/ia-donation-form/models/donation-payment-info.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C;;;;;;GAMG;AACH,MAAM,OAAO,mBAAmB;IAK9B,YAAY,MAIX;QACC,IAAI,CAAC,YAAY,GAAG,MAAM,CAAC,YAAY,CAAC;QACxC,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC;QAC5B,IAAI,CAAC,SAAS,GAAG,MAAM,CAAC,SAAS,CAAC;IACpC,CAAC;IAED,yFAAyF;IACzF,IAAI,gBAAgB;QAClB,OAAO,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;IACvC,CAAC;IAED,8EAA8E;IAC9E,IAAI,GAAG;QACL,OAAO,mBAAmB,CAAC,kBAAkB,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;IAC7D,CAAC;IAED,8EAA8E;IAC9E,IAAI,KAAK;QACP,OAAO,mBAAmB,CAAC,cAAc,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC;IACzE,CAAC;IAED,gGAAgG;IAChG,MAAM,CAAC,cAAc,CAAC,MAAc,EAAE,SAAkB;QACtD,MAAM,GAAG,GAAG,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,kBAAkB,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAC5D,MAAM,KAAK,GAAG,MAAM,GAAG,GAAG,CAAC;QAC3B,IAAI,KAAK,CAAC,KAAK,CAAC;YAAE,OAAO,CAAC,CAAC;QAC3B,OAAO,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;IACjC,CAAC;IAED,6DAA6D;IAC7D,MAAM,CAAC,kBAAkB,CAAC,MAAc;QACtC,MAAM,GAAG,GAAG,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;QACnC,IAAI,KAAK,CAAC,GAAG,CAAC;YAAE,OAAO,CAAC,CAAC;QACzB,OAAO,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;IAC/B,CAAC;IAEO,MAAM,CAAC,WAAW,CAAC,MAAc;QACvC,OAAO,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,CAAC,GAAG,GAAG,CAAC;IACxC,CAAC;CACF;AAED,mDAAmD;AACnD,MAAM,CAAC,MAAM,sBAAsB,GAAa,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,CAAC,CAAC;AAEhF,uDAAuD;AACvD,MAAM,CAAC,MAAM,2BAA2B,GACtC,IAAI,mBAAmB,CAAC;IACtB,YAAY,EAAE,YAAY,CAAC,OAAO;IAClC,MAAM,EAAE,EAAE;IACV,SAAS,EAAE,KAAK;CACjB,CAAC,CAAC","sourcesContent":["import { DonationType } from './donation-type';\n\n/**\n * Everything needed to represent and calculate a donation amount.\n *\n * Given an amount and whether the donor is covering the processing fee, it\n * calculates the fee and the total, rounded to the cent. It also carries the\n * `DonationType`: one-time, monthly, or upsell.\n */\nexport class DonationPaymentInfo {\n  donationType: DonationType;\n  amount: number;\n  coverFees: boolean;\n\n  constructor(params: {\n    donationType: DonationType;\n    amount: number;\n    coverFees: boolean;\n  }) {\n    this.donationType = params.donationType;\n    this.amount = params.amount;\n    this.coverFees = params.coverFees;\n  }\n\n  /** The fee the donor is paying on top of the amount, or 0 if they aren't covering it. */\n  get feeAmountCovered(): number {\n    return this.coverFees ? this.fee : 0;\n  }\n\n  /** The processing fee for this amount, whether or not the donor covers it. */\n  get fee(): number {\n    return DonationPaymentInfo.calculateFeeAmount(this.amount);\n  }\n\n  /** The amount charged: the donation plus the fee when the donor covers it. */\n  get total(): number {\n    return DonationPaymentInfo.calculateTotal(this.amount, this.coverFees);\n  }\n\n  /** The total for an amount, with the fee added when `coverFees` is set. Rounded to the cent. */\n  static calculateTotal(amount: number, coverFees: boolean): number {\n    const fee = coverFees ? this.calculateFeeAmount(amount) : 0;\n    const total = amount + fee;\n    if (isNaN(total)) return 0;\n    return this.roundAmount(total);\n  }\n\n  /** The processing fee for an amount. Rounded to the cent. */\n  static calculateFeeAmount(amount: number): number {\n    const fee = amount * 0.0219 + 0.29;\n    if (isNaN(fee)) return 0;\n    return this.roundAmount(fee);\n  }\n\n  private static roundAmount(amount: number): number {\n    return Math.round(amount * 100) / 100;\n  }\n}\n\n/** The preset amounts the donation form offers. */\nexport const defaultDonationAmounts: number[] = [5, 10, 25, 50, 100, 500, 1000];\n\n/** The amount selected when the form first renders. */\nexport const defaultSelectedDonationInfo: DonationPaymentInfo =\n  new DonationPaymentInfo({\n    donationType: DonationType.OneTime,\n    amount: 10,\n    coverFees: false,\n  });\n"]}

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

@@ -0,0 +1,62 @@
+import type { BillingInfo, CustomerInfo } from './donor-contact-info.js';
+import type { DonationType } from './donation-type.js';
+import type { PaymentProvider } from './payment-provider.js';
+/**
+ * Extra fields sent with a donation. Each one has to exist in the Braintree
+ * control panel before the backend will accept it, which is why the names are
+ * snake_case: they match the Braintree field names.
+ */
+export declare class DonationRequestCustomFields {
+    logged_in_user?: string;
+    referrer?: string;
+    fee_amount_covered?: number;
+    /**
+     * Campaign and A/B test information about where the donor came from.
+     *
+     * Freeform, but keep it something identifiable so it can be queried in
+     * CiviCRM. The donation banner uses `{Source}-{Test Name}-{Variant Name}`,
+     * e.g. `DonateBanner-Campaign Start 2020-IADefault`. Add more segments for
+     * more specificity: `DonateBanner-MidJuly2020 Campaign-VariantA-Button1`.
+     */
+    origin?: string;
+    constructor(options?: {
+        logged_in_user?: string;
+        referrer?: string;
+        fee_amount_covered?: number;
+        origin?: string;
+    });
+}
+/** The request submitted to the backend to make a donation. */
+export declare class DonationRequest {
+    paymentProvider: PaymentProvider;
+    paymentMethodNonce: string;
+    recaptchaToken?: string;
+    customerId?: string;
+    deviceData?: string;
+    upsellOnetimeTransactionId?: string;
+    /** First 6 digits of the credit card */
+    bin?: string;
+    /** The credit card's bank name */
+    binName?: string;
+    amount: number;
+    donationType: DonationType;
+    customer: CustomerInfo;
+    billing: BillingInfo;
+    customFields: DonationRequestCustomFields;
+    constructor(options: {
+        paymentProvider: PaymentProvider;
+        paymentMethodNonce: string;
+        recaptchaToken?: string;
+        customerId?: string;
+        deviceData?: string;
+        upsellOnetimeTransactionId?: string;
+        bin?: string;
+        binName?: string;
+        amount: number;
+        donationType: DonationType;
+        customer: CustomerInfo;
+        billing: BillingInfo;
+        customFields?: DonationRequestCustomFields;
+    });
+}
+//# sourceMappingURL=donation-request.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"donation-request.d.ts","sourceRoot":"","sources":["../../../../../src/elements/ia-donation-form/models/donation-request.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACtE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAE1D;;;;GAIG;AACH,qBAAa,2BAA2B;IACtC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAE5B;;;;;;;OAOG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;gBAEJ,OAAO,CAAC,EAAE;QACpB,cAAc,CAAC,EAAE,MAAM,CAAC;QACxB,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,kBAAkB,CAAC,EAAE,MAAM,CAAC;QAC5B,MAAM,CAAC,EAAE,MAAM,CAAC;KACjB;CAMF;AAED,+DAA+D;AAC/D,qBAAa,eAAe;IAC1B,eAAe,EAAE,eAAe,CAAC;IACjC,kBAAkB,EAAE,MAAM,CAAC;IAC3B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,0BAA0B,CAAC,EAAE,MAAM,CAAC;IAEpC,wCAAwC;IACxC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,kCAAkC;IAClC,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,MAAM,EAAE,MAAM,CAAC;IACf,YAAY,EAAE,YAAY,CAAC;IAE3B,QAAQ,EAAE,YAAY,CAAC;IACvB,OAAO,EAAE,WAAW,CAAC;IACrB,YAAY,EAAE,2BAA2B,CAAqC;gBAElE,OAAO,EAAE;QACnB,eAAe,EAAE,eAAe,CAAC;QACjC,kBAAkB,EAAE,MAAM,CAAC;QAC3B,cAAc,CAAC,EAAE,MAAM,CAAC;QACxB,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,0BAA0B,CAAC,EAAE,MAAM,CAAC;QACpC,GAAG,CAAC,EAAE,MAAM,CAAC;QACb,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,MAAM,EAAE,MAAM,CAAC;QACf,YAAY,EAAE,YAAY,CAAC;QAC3B,QAAQ,EAAE,YAAY,CAAC;QACvB,OAAO,EAAE,WAAW,CAAC;QACrB,YAAY,CAAC,EAAE,2BAA2B,CAAC;KAC5C;CAqBF"}

package/dist/src/elements/ia-donation-form/models/donation-request.js

@@ -0,0 +1,35 @@
+/**
+ * Extra fields sent with a donation. Each one has to exist in the Braintree
+ * control panel before the backend will accept it, which is why the names are
+ * snake_case: they match the Braintree field names.
+ */
+export class DonationRequestCustomFields {
+    constructor(options) {
+        this.logged_in_user = options?.logged_in_user;
+        this.referrer = options?.referrer;
+        this.fee_amount_covered = options?.fee_amount_covered;
+        this.origin = options?.origin;
+    }
+}
+/** The request submitted to the backend to make a donation. */
+export class DonationRequest {
+    constructor(options) {
+        this.customFields = new DonationRequestCustomFields();
+        this.paymentProvider = options.paymentProvider;
+        this.paymentMethodNonce = options.paymentMethodNonce;
+        this.recaptchaToken = options.recaptchaToken;
+        this.customerId = options.customerId;
+        this.deviceData = options.deviceData;
+        this.upsellOnetimeTransactionId = options.upsellOnetimeTransactionId;
+        this.bin = options.bin;
+        this.binName = options.binName;
+        this.amount = options.amount;
+        this.donationType = options.donationType;
+        this.customer = options.customer;
+        this.billing = options.billing;
+        if (options.customFields) {
+            this.customFields = options.customFields;
+        }
+    }
+}
+//# sourceMappingURL=donation-request.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"donation-request.js","sourceRoot":"","sources":["../../../../../src/elements/ia-donation-form/models/donation-request.ts"],"names":[],"mappings":"AAIA;;;;GAIG;AACH,MAAM,OAAO,2BAA2B;IAetC,YAAY,OAKX;QACC,IAAI,CAAC,cAAc,GAAG,OAAO,EAAE,cAAc,CAAC;QAC9C,IAAI,CAAC,QAAQ,GAAG,OAAO,EAAE,QAAQ,CAAC;QAClC,IAAI,CAAC,kBAAkB,GAAG,OAAO,EAAE,kBAAkB,CAAC;QACtD,IAAI,CAAC,MAAM,GAAG,OAAO,EAAE,MAAM,CAAC;IAChC,CAAC;CACF;AAED,+DAA+D;AAC/D,MAAM,OAAO,eAAe;IAoB1B,YAAY,OAcX;QAhBD,iBAAY,GAAgC,IAAI,2BAA2B,EAAE,CAAC;QAiB5E,IAAI,CAAC,eAAe,GAAG,OAAO,CAAC,eAAe,CAAC;QAC/C,IAAI,CAAC,kBAAkB,GAAG,OAAO,CAAC,kBAAkB,CAAC;QACrD,IAAI,CAAC,cAAc,GAAG,OAAO,CAAC,cAAc,CAAC;QAC7C,IAAI,CAAC,UAAU,GAAG,OAAO,CAAC,UAAU,CAAC;QACrC,IAAI,CAAC,UAAU,GAAG,OAAO,CAAC,UAAU,CAAC;QACrC,IAAI,CAAC,0BAA0B,GAAG,OAAO,CAAC,0BAA0B,CAAC;QAErE,IAAI,CAAC,GAAG,GAAG,OAAO,CAAC,GAAG,CAAC;QACvB,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC;QAE/B,IAAI,CAAC,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC;QAC7B,IAAI,CAAC,YAAY,GAAG,OAAO,CAAC,YAAY,CAAC;QAEzC,IAAI,CAAC,QAAQ,GAAG,OAAO,CAAC,QAAQ,CAAC;QACjC,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC;QAE/B,IAAI,OAAO,CAAC,YAAY,EAAE,CAAC;YACzB,IAAI,CAAC,YAAY,GAAG,OAAO,CAAC,YAAY,CAAC;QAC3C,CAAC;IACH,CAAC;CACF","sourcesContent":["import type { BillingInfo, CustomerInfo } from './donor-contact-info';\nimport type { DonationType } from './donation-type';\nimport type { PaymentProvider } from './payment-provider';\n\n/**\n * Extra fields sent with a donation. Each one has to exist in the Braintree\n * control panel before the backend will accept it, which is why the names are\n * snake_case: they match the Braintree field names.\n */\nexport class DonationRequestCustomFields {\n  logged_in_user?: string;\n  referrer?: string;\n  fee_amount_covered?: number;\n\n  /**\n   * Campaign and A/B test information about where the donor came from.\n   *\n   * Freeform, but keep it something identifiable so it can be queried in\n   * CiviCRM. The donation banner uses `{Source}-{Test Name}-{Variant Name}`,\n   * e.g. `DonateBanner-Campaign Start 2020-IADefault`. Add more segments for\n   * more specificity: `DonateBanner-MidJuly2020 Campaign-VariantA-Button1`.\n   */\n  origin?: string;\n\n  constructor(options?: {\n    logged_in_user?: string;\n    referrer?: string;\n    fee_amount_covered?: number;\n    origin?: string;\n  }) {\n    this.logged_in_user = options?.logged_in_user;\n    this.referrer = options?.referrer;\n    this.fee_amount_covered = options?.fee_amount_covered;\n    this.origin = options?.origin;\n  }\n}\n\n/** The request submitted to the backend to make a donation. */\nexport class DonationRequest {\n  paymentProvider: PaymentProvider;\n  paymentMethodNonce: string;\n  recaptchaToken?: string;\n  customerId?: string;\n  deviceData?: string;\n  upsellOnetimeTransactionId?: string;\n\n  /** First 6 digits of the credit card */\n  bin?: string;\n  /** The credit card's bank name */\n  binName?: string;\n\n  amount: number;\n  donationType: DonationType;\n\n  customer: CustomerInfo;\n  billing: BillingInfo;\n  customFields: DonationRequestCustomFields = new DonationRequestCustomFields();\n\n  constructor(options: {\n    paymentProvider: PaymentProvider;\n    paymentMethodNonce: string;\n    recaptchaToken?: string;\n    customerId?: string;\n    deviceData?: string;\n    upsellOnetimeTransactionId?: string;\n    bin?: string;\n    binName?: string;\n    amount: number;\n    donationType: DonationType;\n    customer: CustomerInfo;\n    billing: BillingInfo;\n    customFields?: DonationRequestCustomFields;\n  }) {\n    this.paymentProvider = options.paymentProvider;\n    this.paymentMethodNonce = options.paymentMethodNonce;\n    this.recaptchaToken = options.recaptchaToken;\n    this.customerId = options.customerId;\n    this.deviceData = options.deviceData;\n    this.upsellOnetimeTransactionId = options.upsellOnetimeTransactionId;\n\n    this.bin = options.bin;\n    this.binName = options.binName;\n\n    this.amount = options.amount;\n    this.donationType = options.donationType;\n\n    this.customer = options.customer;\n    this.billing = options.billing;\n\n    if (options.customFields) {\n      this.customFields = options.customFields;\n    }\n  }\n}\n"]}

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

@@ -0,0 +1,67 @@
+import { BillingInfo, CustomerInfo } from './donor-contact-info.js';
+import type { DonationType } from './donation-type.js';
+import type { PaymentProvider } from './payment-provider.js';
+/** The subscription Braintree created for a monthly donation. */
+export declare class SubscriptionResponse {
+    id: string;
+    constructor(params: {
+        id: string;
+    });
+}
+/**
+ * What the backend returns for a donation that went through. The snake_case
+ * fields are the backend's own names.
+ */
+export declare class SuccessResponse {
+    paymentProvider: PaymentProvider;
+    paymentMethodNonce: string;
+    amount: number;
+    donationType: DonationType;
+    transaction_id: string;
+    customer_id: string;
+    customer: CustomerInfo;
+    billing: BillingInfo;
+    subscription?: SubscriptionResponse;
+    constructor(params: {
+        paymentProvider: PaymentProvider;
+        paymentMethodNonce: string;
+        amount: number;
+        donationType: DonationType;
+        transaction_id: string;
+        customer_id: string;
+        customer: CustomerInfo;
+        billing: BillingInfo;
+        subscription?: SubscriptionResponse;
+    });
+}
+/** A code and message pair, for telling one error apart from another. */
+export declare class CodedError {
+    code: string;
+    message: string;
+    constructor(params: {
+        code: string;
+        message: string;
+    });
+}
+/** What the backend returns for a donation that failed. */
+export declare class ErrorResponse {
+    message: string;
+    errors: CodedError[];
+    constructor(params: {
+        message: string;
+        errors?: CodedError[];
+    });
+}
+/**
+ * The backend's answer to a `DonationRequest`. `value` is a `SuccessResponse`
+ * or an `ErrorResponse` depending on `success`.
+ */
+export declare class DonationResponse {
+    success: boolean;
+    value: SuccessResponse | ErrorResponse;
+    constructor(params: {
+        success: boolean;
+        value: SuccessResponse | ErrorResponse;
+    });
+}
+//# sourceMappingURL=donation-response.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"donation-response.d.ts","sourceRoot":"","sources":["../../../../../src/elements/ia-donation-form/models/donation-response.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACjE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAE1D,iEAAiE;AACjE,qBAAa,oBAAoB;IAC/B,EAAE,EAAE,MAAM,CAAC;gBAEC,MAAM,EAAE;QAAE,EAAE,EAAE,MAAM,CAAA;KAAE;CAGnC;AAED;;;GAGG;AACH,qBAAa,eAAe;IAC1B,eAAe,EAAE,eAAe,CAAC;IACjC,kBAAkB,EAAE,MAAM,CAAC;IAC3B,MAAM,EAAE,MAAM,CAAC;IACf,YAAY,EAAE,YAAY,CAAC;IAC3B,cAAc,EAAE,MAAM,CAAC;IACvB,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,YAAY,CAAC;IACvB,OAAO,EAAE,WAAW,CAAC;IACrB,YAAY,CAAC,EAAE,oBAAoB,CAAC;gBAExB,MAAM,EAAE;QAClB,eAAe,EAAE,eAAe,CAAC;QACjC,kBAAkB,EAAE,MAAM,CAAC;QAC3B,MAAM,EAAE,MAAM,CAAC;QACf,YAAY,EAAE,YAAY,CAAC;QAC3B,cAAc,EAAE,MAAM,CAAC;QACvB,WAAW,EAAE,MAAM,CAAC;QACpB,QAAQ,EAAE,YAAY,CAAC;QACvB,OAAO,EAAE,WAAW,CAAC;QACrB,YAAY,CAAC,EAAE,oBAAoB,CAAC;KACrC;CAeF;AAED,yEAAyE;AACzE,qBAAa,UAAU;IACrB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;gBAEJ,MAAM,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAA;KAAE;CAItD;AAED,2DAA2D;AAC3D,qBAAa,aAAa;IACxB,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,UAAU,EAAE,CAAC;gBAET,MAAM,EAAE;QAAE,OAAO,EAAE,MAAM,CAAC;QAAC,MAAM,CAAC,EAAE,UAAU,EAAE,CAAA;KAAE;CAM/D;AAED;;;GAGG;AACH,qBAAa,gBAAgB;IAC3B,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,eAAe,GAAG,aAAa,CAAC;gBAE3B,MAAM,EAAE;QAClB,OAAO,EAAE,OAAO,CAAC;QACjB,KAAK,EAAE,eAAe,GAAG,aAAa,CAAC;KACxC;CASF"}

package/dist/src/elements/ia-donation-form/models/donation-response.js

@@ -0,0 +1,57 @@
+import { BillingInfo, CustomerInfo } from './donor-contact-info.js';
+/** The subscription Braintree created for a monthly donation. */
+export class SubscriptionResponse {
+    constructor(params) {
+        this.id = params.id;
+    }
+}
+/**
+ * What the backend returns for a donation that went through. The snake_case
+ * fields are the backend's own names.
+ */
+export class SuccessResponse {
+    constructor(params) {
+        this.paymentProvider = params.paymentProvider;
+        this.paymentMethodNonce = params.paymentMethodNonce;
+        this.amount = params.amount;
+        this.donationType = params.donationType;
+        this.transaction_id = params.transaction_id;
+        this.customer_id = params.customer_id;
+        this.customer = new CustomerInfo(params.customer);
+        this.billing = new BillingInfo(params.billing);
+        if (params.subscription) {
+            this.subscription = new SubscriptionResponse(params.subscription);
+        }
+    }
+}
+/** A code and message pair, for telling one error apart from another. */
+export class CodedError {
+    constructor(params) {
+        this.code = params.code;
+        this.message = params.message;
+    }
+}
+/** What the backend returns for a donation that failed. */
+export class ErrorResponse {
+    constructor(params) {
+        this.message = params.message;
+        const { errors = [] } = params;
+        this.errors = errors.map((error) => new CodedError(error));
+    }
+}
+/**
+ * The backend's answer to a `DonationRequest`. `value` is a `SuccessResponse`
+ * or an `ErrorResponse` depending on `success`.
+ */
+export class DonationResponse {
+    constructor(params) {
+        this.success = params.success;
+        if (this.success) {
+            this.value = new SuccessResponse(params.value);
+        }
+        else {
+            this.value = new ErrorResponse(params.value);
+        }
+    }
+}
+//# sourceMappingURL=donation-response.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"donation-response.js","sourceRoot":"","sources":["../../../../../src/elements/ia-donation-form/models/donation-response.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAIjE,iEAAiE;AACjE,MAAM,OAAO,oBAAoB;IAG/B,YAAY,MAAsB;QAChC,IAAI,CAAC,EAAE,GAAG,MAAM,CAAC,EAAE,CAAC;IACtB,CAAC;CACF;AAED;;;GAGG;AACH,MAAM,OAAO,eAAe;IAW1B,YAAY,MAUX;QACC,IAAI,CAAC,eAAe,GAAG,MAAM,CAAC,eAAe,CAAC;QAC9C,IAAI,CAAC,kBAAkB,GAAG,MAAM,CAAC,kBAAkB,CAAC;QACpD,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC;QAC5B,IAAI,CAAC,YAAY,GAAG,MAAM,CAAC,YAAY,CAAC;QACxC,IAAI,CAAC,cAAc,GAAG,MAAM,CAAC,cAAc,CAAC;QAC5C,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC,WAAW,CAAC;QAEtC,IAAI,CAAC,QAAQ,GAAG,IAAI,YAAY,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;QAClD,IAAI,CAAC,OAAO,GAAG,IAAI,WAAW,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;QAE/C,IAAI,MAAM,CAAC,YAAY,EAAE,CAAC;YACxB,IAAI,CAAC,YAAY,GAAG,IAAI,oBAAoB,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC;QACpE,CAAC;IACH,CAAC;CACF;AAED,yEAAyE;AACzE,MAAM,OAAO,UAAU;IAIrB,YAAY,MAAyC;QACnD,IAAI,CAAC,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC;QACxB,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC;IAChC,CAAC;CACF;AAED,2DAA2D;AAC3D,MAAM,OAAO,aAAa;IAIxB,YAAY,MAAkD;QAC5D,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC;QAE9B,MAAM,EAAE,MAAM,GAAG,EAAE,EAAE,GAAG,MAAM,CAAC;QAC/B,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,KAAiB,EAAE,EAAE,CAAC,IAAI,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC;IACzE,CAAC;CACF;AAED;;;GAGG;AACH,MAAM,OAAO,gBAAgB;IAI3B,YAAY,MAGX;QACC,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC;QAE9B,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;YACjB,IAAI,CAAC,KAAK,GAAG,IAAI,eAAe,CAAC,MAAM,CAAC,KAAwB,CAAC,CAAC;QACpE,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,KAAK,GAAG,IAAI,aAAa,CAAC,MAAM,CAAC,KAAsB,CAAC,CAAC;QAChE,CAAC;IACH,CAAC;CACF","sourcesContent":["import { BillingInfo, CustomerInfo } from './donor-contact-info';\nimport type { DonationType } from './donation-type';\nimport type { PaymentProvider } from './payment-provider';\n\n/** The subscription Braintree created for a monthly donation. */\nexport class SubscriptionResponse {\n  id: string;\n\n  constructor(params: { id: string }) {\n    this.id = params.id;\n  }\n}\n\n/**\n * What the backend returns for a donation that went through. The snake_case\n * fields are the backend's own names.\n */\nexport class SuccessResponse {\n  paymentProvider: PaymentProvider;\n  paymentMethodNonce: string;\n  amount: number;\n  donationType: DonationType;\n  transaction_id: string;\n  customer_id: string;\n  customer: CustomerInfo;\n  billing: BillingInfo;\n  subscription?: SubscriptionResponse;\n\n  constructor(params: {\n    paymentProvider: PaymentProvider;\n    paymentMethodNonce: string;\n    amount: number;\n    donationType: DonationType;\n    transaction_id: string;\n    customer_id: string;\n    customer: CustomerInfo;\n    billing: BillingInfo;\n    subscription?: SubscriptionResponse;\n  }) {\n    this.paymentProvider = params.paymentProvider;\n    this.paymentMethodNonce = params.paymentMethodNonce;\n    this.amount = params.amount;\n    this.donationType = params.donationType;\n    this.transaction_id = params.transaction_id;\n    this.customer_id = params.customer_id;\n\n    this.customer = new CustomerInfo(params.customer);\n    this.billing = new BillingInfo(params.billing);\n\n    if (params.subscription) {\n      this.subscription = new SubscriptionResponse(params.subscription);\n    }\n  }\n}\n\n/** A code and message pair, for telling one error apart from another. */\nexport class CodedError {\n  code: string;\n  message: string;\n\n  constructor(params: { code: string; message: string }) {\n    this.code = params.code;\n    this.message = params.message;\n  }\n}\n\n/** What the backend returns for a donation that failed. */\nexport class ErrorResponse {\n  message: string;\n  errors: CodedError[];\n\n  constructor(params: { message: string; errors?: CodedError[] }) {\n    this.message = params.message;\n\n    const { errors = [] } = params;\n    this.errors = errors.map((error: CodedError) => new CodedError(error));\n  }\n}\n\n/**\n * The backend's answer to a `DonationRequest`. `value` is a `SuccessResponse`\n * or an `ErrorResponse` depending on `success`.\n */\nexport class DonationResponse {\n  success: boolean;\n  value: SuccessResponse | ErrorResponse;\n\n  constructor(params: {\n    success: boolean;\n    value: SuccessResponse | ErrorResponse;\n  }) {\n    this.success = params.success;\n\n    if (this.success) {\n      this.value = new SuccessResponse(params.value as SuccessResponse);\n    } else {\n      this.value = new ErrorResponse(params.value as ErrorResponse);\n    }\n  }\n}\n"]}

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

@@ -0,0 +1,8 @@
+/** How often the donor is charged. `Upsell` is the monthly offer made after a one-time gift. */
+export declare const DonationType: {
+    readonly OneTime: "one-time";
+    readonly Monthly: "monthly";
+    readonly Upsell: "up_sell";
+};
+export type DonationType = (typeof DonationType)[keyof typeof DonationType];
+//# sourceMappingURL=donation-type.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"donation-type.d.ts","sourceRoot":"","sources":["../../../../../src/elements/ia-donation-form/models/donation-type.ts"],"names":[],"mappings":"AAAA,gGAAgG;AAChG,eAAO,MAAM,YAAY;;;;CAIf,CAAC;AAEX,MAAM,MAAM,YAAY,GAAG,CAAC,OAAO,YAAY,CAAC,CAAC,MAAM,OAAO,YAAY,CAAC,CAAC"}

package/dist/src/elements/ia-donation-form/models/donation-type.js

@@ -0,0 +1,7 @@
+/** How often the donor is charged. `Upsell` is the monthly offer made after a one-time gift. */
+export const DonationType = {
+    OneTime: 'one-time',
+    Monthly: 'monthly',
+    Upsell: 'up_sell',
+};
+//# sourceMappingURL=donation-type.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"donation-type.js","sourceRoot":"","sources":["../../../../../src/elements/ia-donation-form/models/donation-type.ts"],"names":[],"mappings":"AAAA,gGAAgG;AAChG,MAAM,CAAC,MAAM,YAAY,GAAG;IAC1B,OAAO,EAAE,UAAU;IACnB,OAAO,EAAE,SAAS;IAClB,MAAM,EAAE,SAAS;CACT,CAAC","sourcesContent":["/** How often the donor is charged. `Upsell` is the monthly offer made after a one-time gift. */\nexport const DonationType = {\n  OneTime: 'one-time',\n  Monthly: 'monthly',\n  Upsell: 'up_sell',\n} as const;\n\nexport type DonationType = (typeof DonationType)[keyof typeof DonationType];\n"]}

package/dist/src/elements/ia-donation-form/models/donor-contact-info.d.ts

@@ -0,0 +1,38 @@
+/** The donor's name and email. */
+export declare class CustomerInfo {
+    email?: string;
+    firstName?: string;
+    lastName?: string;
+    constructor(params?: {
+        email?: string;
+        firstName?: string;
+        lastName?: string;
+    });
+}
+/** The donor's billing address, in Braintree's field names. */
+export declare class BillingInfo {
+    streetAddress?: string;
+    extendedAddress?: string;
+    locality?: string;
+    region?: string;
+    postalCode?: string;
+    countryCodeAlpha2?: string;
+    constructor(params?: {
+        streetAddress?: string;
+        extendedAddress?: string;
+        locality?: string;
+        region?: string;
+        postalCode?: string;
+        countryCodeAlpha2?: string;
+    });
+}
+/** `CustomerInfo` and `BillingInfo` together, since they travel together. */
+export declare class DonorContactInfo {
+    customer: CustomerInfo;
+    billing: BillingInfo;
+    constructor(params: {
+        customer: CustomerInfo;
+        billing: BillingInfo;
+    });
+}
+//# sourceMappingURL=donor-contact-info.d.ts.map

package/dist/src/elements/ia-donation-form/models/donor-contact-info.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"donor-contact-info.d.ts","sourceRoot":"","sources":["../../../../../src/elements/ia-donation-form/models/donor-contact-info.ts"],"names":[],"mappings":"AAAA,kCAAkC;AAClC,qBAAa,YAAY;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;gBAEN,MAAM,CAAC,EAAE;QACnB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;KACnB;CAKF;AAED,+DAA+D;AAC/D,qBAAa,WAAW;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,iBAAiB,CAAC,EAAE,MAAM,CAAC;gBAEf,MAAM,CAAC,EAAE;QACnB,aAAa,CAAC,EAAE,MAAM,CAAC;QACvB,eAAe,CAAC,EAAE,MAAM,CAAC;QACzB,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,iBAAiB,CAAC,EAAE,MAAM,CAAC;KAC5B;CAQF;AAED,6EAA6E;AAC7E,qBAAa,gBAAgB;IAC3B,QAAQ,EAAE,YAAY,CAAC;IACvB,OAAO,EAAE,WAAW,CAAC;gBAET,MAAM,EAAE;QAAE,QAAQ,EAAE,YAAY,CAAC;QAAC,OAAO,EAAE,WAAW,CAAA;KAAE;CAIrE"}