@internetarchive/donation-form 0.5.18-alpha.1 → 0.5.19

package/dist/src/form-elements/total-amount.d.ts

@@ -1,8 +1,8 @@
-import { DonationPaymentInfo } from '@internetarchive/donation-form-data-models';
-import { CSSResult, LitElement, TemplateResult } from 'lit';
-export declare class TotalAmount extends LitElement {
-    donationInfo?: DonationPaymentInfo;
-    render(): TemplateResult;
-    private get totalAmount();
-    static get styles(): CSSResult;
-}
+import { DonationPaymentInfo } from '@internetarchive/donation-form-data-models';
+import { CSSResult, LitElement, TemplateResult } from 'lit';
+export declare class TotalAmount extends LitElement {
+    donationInfo?: DonationPaymentInfo;
+    render(): TemplateResult;
+    private get totalAmount();
+    static get styles(): CSSResult;
+}

package/dist/src/form-elements/total-amount.js

@@ -1,48 +1,48 @@
-import { __decorate } from "tslib";
-import { DonationType } from '@internetarchive/donation-form-data-models';
-import { css, html, LitElement } from 'lit';
-import { customElement, property } from 'lit/decorators.js';
-import currency from 'currency.js';
-let TotalAmount = class TotalAmount extends LitElement {
-    render() {
-        return html `
-      <div class="top-line"></div>
-      <div class="total-line">Total: ${this.totalAmount}</div>
-    `;
-    }
-    get totalAmount() {
-        if (!this.donationInfo)
-            return;
-        const amount = currency(this.donationInfo.total, { symbol: '$' }).format();
-        const monthly = this.donationInfo.donationType === DonationType.Monthly ? '/month' : '';
-        return `${amount}${monthly}`;
-    }
-    static get styles() {
-        const lineColor = css `var(--totalAmountLineColor, #333)`;
-        const lineThickness = css `var(--totalAmountLineThickness, 2px)`;
-        const totalAmountVerticalSpacing = css `var(--totalAmountVerticalSpacing, 0.5rem)`;
-        const totalAmountFontSize = css `var(--totalAmountFontSize, 2.6rem)`;
-        return css `
-      .top-line {
-        width: 100%;
-        height: ${lineThickness};
-        background-color: ${lineColor};
-      }
-
-      .total-line {
-        font-size: ${totalAmountFontSize};
-        font-weight: bold;
-        text-align: center;
-        margin-top: ${totalAmountVerticalSpacing};
-      }
-    `;
-    }
-};
-__decorate([
-    property({ type: Object })
-], TotalAmount.prototype, "donationInfo", void 0);
-TotalAmount = __decorate([
-    customElement('donation-form-total-amount')
-], TotalAmount);
-export { TotalAmount };
+import { __decorate } from "tslib";
+import { DonationType } from '@internetarchive/donation-form-data-models';
+import { css, html, LitElement } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+import currency from 'currency.js';
+let TotalAmount = class TotalAmount extends LitElement {
+    render() {
+        return html `
+      <div class="top-line"></div>
+      <div class="total-line">Total: ${this.totalAmount}</div>
+    `;
+    }
+    get totalAmount() {
+        if (!this.donationInfo)
+            return;
+        const amount = currency(this.donationInfo.total, { symbol: '$' }).format();
+        const monthly = this.donationInfo.donationType === DonationType.Monthly ? '/month' : '';
+        return `${amount}${monthly}`;
+    }
+    static get styles() {
+        const lineColor = css `var(--totalAmountLineColor, #333)`;
+        const lineThickness = css `var(--totalAmountLineThickness, 2px)`;
+        const totalAmountVerticalSpacing = css `var(--totalAmountVerticalSpacing, 0.5rem)`;
+        const totalAmountFontSize = css `var(--totalAmountFontSize, 2.6rem)`;
+        return css `
+      .top-line {
+        width: 100%;
+        height: ${lineThickness};
+        background-color: ${lineColor};
+      }
+
+      .total-line {
+        font-size: ${totalAmountFontSize};
+        font-weight: bold;
+        text-align: center;
+        margin-top: ${totalAmountVerticalSpacing};
+      }
+    `;
+    }
+};
+__decorate([
+    property({ type: Object })
+], TotalAmount.prototype, "donationInfo", void 0);
+TotalAmount = __decorate([
+    customElement('donation-form-total-amount')
+], TotalAmount);
+export { TotalAmount };
 //# sourceMappingURL=total-amount.js.map

package/dist/src/form-elements/total-amount.js.map

@@ -1 +1 @@
-{"version":3,"file":"total-amount.js","sourceRoot":"","sources":["../../../src/form-elements/total-amount.ts"],"names":[],"mappings":";AAAA,OAAO,EAAuB,YAAY,EAAE,MAAM,4CAA4C,CAAC;AAC/F,OAAO,EAAE,GAAG,EAAa,IAAI,EAAE,UAAU,EAAkB,MAAM,KAAK,CAAC;AACvE,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,QAAQ,MAAM,aAAa,CAAC;AAGnC,IAAa,WAAW,GAAxB,MAAa,WAAY,SAAQ,UAAU;IAIzC,MAAM;QACJ,OAAO,IAAI,CAAA;;uCAEwB,IAAI,CAAC,WAAW;KAClD,CAAC;IACJ,CAAC;IAED,IAAY,WAAW;QACrB,IAAI,CAAC,IAAI,CAAC,YAAY;YAAE,OAAO;QAC/B,MAAM,MAAM,GAAG,QAAQ,CAAC,IAAI,CAAC,YAAY,CAAC,KAAK,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC;QAC3E,MAAM,OAAO,GAAG,IAAI,CAAC,YAAY,CAAC,YAAY,KAAK,YAAY,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC;QACxF,OAAO,GAAG,MAAM,GAAG,OAAO,EAAE,CAAC;IAC/B,CAAC;IAED,MAAM,KAAK,MAAM;QACf,MAAM,SAAS,GAAG,GAAG,CAAA,mCAAmC,CAAC;QACzD,MAAM,aAAa,GAAG,GAAG,CAAA,sCAAsC,CAAC;QAChE,MAAM,0BAA0B,GAAG,GAAG,CAAA,2CAA2C,CAAC;QAClF,MAAM,mBAAmB,GAAG,GAAG,CAAA,oCAAoC,CAAC;QAEpE,OAAO,GAAG,CAAA;;;kBAGI,aAAa;4BACH,SAAS;;;;qBAIhB,mBAAmB;;;sBAGlB,0BAA0B;;KAE3C,CAAC;IACJ,CAAC;CACF,CAAA;AArCC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;iDACQ;AAFxB,WAAW;IADvB,aAAa,CAAC,4BAA4B,CAAC;GAC/B,WAAW,CAuCvB;SAvCY,WAAW","sourcesContent":["import { DonationPaymentInfo, DonationType } from '@internetarchive/donation-form-data-models';\r\nimport { css, CSSResult, html, LitElement, TemplateResult } from 'lit';\r\nimport { customElement, property } from 'lit/decorators.js';\r\nimport currency from 'currency.js';\r\n\r\n@customElement('donation-form-total-amount')\r\nexport class TotalAmount extends LitElement {\r\n  @property({ type: Object })\r\n  donationInfo?: DonationPaymentInfo;\r\n\r\n  render(): TemplateResult {\r\n    return html`\r\n      <div class=\"top-line\"></div>\r\n      <div class=\"total-line\">Total: ${this.totalAmount}</div>\r\n    `;\r\n  }\r\n\r\n  private get totalAmount(): string | undefined {\r\n    if (!this.donationInfo) return;\r\n    const amount = currency(this.donationInfo.total, { symbol: '$' }).format();\r\n    const monthly = this.donationInfo.donationType === DonationType.Monthly ? '/month' : '';\r\n    return `${amount}${monthly}`;\r\n  }\r\n\r\n  static get styles(): CSSResult {\r\n    const lineColor = css`var(--totalAmountLineColor, #333)`;\r\n    const lineThickness = css`var(--totalAmountLineThickness, 2px)`;\r\n    const totalAmountVerticalSpacing = css`var(--totalAmountVerticalSpacing, 0.5rem)`;\r\n    const totalAmountFontSize = css`var(--totalAmountFontSize, 2.6rem)`;\r\n\r\n    return css`\r\n      .top-line {\r\n        width: 100%;\r\n        height: ${lineThickness};\r\n        background-color: ${lineColor};\r\n      }\r\n\r\n      .total-line {\r\n        font-size: ${totalAmountFontSize};\r\n        font-weight: bold;\r\n        text-align: center;\r\n        margin-top: ${totalAmountVerticalSpacing};\r\n      }\r\n    `;\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"total-amount.js","sourceRoot":"","sources":["../../../src/form-elements/total-amount.ts"],"names":[],"mappings":";AAAA,OAAO,EAAuB,YAAY,EAAE,MAAM,4CAA4C,CAAC;AAC/F,OAAO,EAAE,GAAG,EAAa,IAAI,EAAE,UAAU,EAAkB,MAAM,KAAK,CAAC;AACvE,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,QAAQ,MAAM,aAAa,CAAC;AAGnC,IAAa,WAAW,GAAxB,MAAa,WAAY,SAAQ,UAAU;IAIzC,MAAM;QACJ,OAAO,IAAI,CAAA;;uCAEwB,IAAI,CAAC,WAAW;KAClD,CAAC;IACJ,CAAC;IAED,IAAY,WAAW;QACrB,IAAI,CAAC,IAAI,CAAC,YAAY;YAAE,OAAO;QAC/B,MAAM,MAAM,GAAG,QAAQ,CAAC,IAAI,CAAC,YAAY,CAAC,KAAK,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC;QAC3E,MAAM,OAAO,GAAG,IAAI,CAAC,YAAY,CAAC,YAAY,KAAK,YAAY,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC;QACxF,OAAO,GAAG,MAAM,GAAG,OAAO,EAAE,CAAC;IAC/B,CAAC;IAED,MAAM,KAAK,MAAM;QACf,MAAM,SAAS,GAAG,GAAG,CAAA,mCAAmC,CAAC;QACzD,MAAM,aAAa,GAAG,GAAG,CAAA,sCAAsC,CAAC;QAChE,MAAM,0BAA0B,GAAG,GAAG,CAAA,2CAA2C,CAAC;QAClF,MAAM,mBAAmB,GAAG,GAAG,CAAA,oCAAoC,CAAC;QAEpE,OAAO,GAAG,CAAA;;;kBAGI,aAAa;4BACH,SAAS;;;;qBAIhB,mBAAmB;;;sBAGlB,0BAA0B;;KAE3C,CAAC;IACJ,CAAC;CACF,CAAA;AArCC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;iDACQ;AAFxB,WAAW;IADvB,aAAa,CAAC,4BAA4B,CAAC;GAC/B,WAAW,CAuCvB;SAvCY,WAAW","sourcesContent":["import { DonationPaymentInfo, DonationType } from '@internetarchive/donation-form-data-models';\nimport { css, CSSResult, html, LitElement, TemplateResult } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport currency from 'currency.js';\n\n@customElement('donation-form-total-amount')\nexport class TotalAmount extends LitElement {\n  @property({ type: Object })\n  donationInfo?: DonationPaymentInfo;\n\n  render(): TemplateResult {\n    return html`\n      <div class=\"top-line\"></div>\n      <div class=\"total-line\">Total: ${this.totalAmount}</div>\n    `;\n  }\n\n  private get totalAmount(): string | undefined {\n    if (!this.donationInfo) return;\n    const amount = currency(this.donationInfo.total, { symbol: '$' }).format();\n    const monthly = this.donationInfo.donationType === DonationType.Monthly ? '/month' : '';\n    return `${amount}${monthly}`;\n  }\n\n  static get styles(): CSSResult {\n    const lineColor = css`var(--totalAmountLineColor, #333)`;\n    const lineThickness = css`var(--totalAmountLineThickness, 2px)`;\n    const totalAmountVerticalSpacing = css`var(--totalAmountVerticalSpacing, 0.5rem)`;\n    const totalAmountFontSize = css`var(--totalAmountFontSize, 2.6rem)`;\n\n    return css`\n      .top-line {\n        width: 100%;\n        height: ${lineThickness};\n        background-color: ${lineColor};\n      }\n\n      .total-line {\n        font-size: ${totalAmountFontSize};\n        font-weight: bold;\n        text-align: center;\n        margin-top: ${totalAmountVerticalSpacing};\n      }\n    `;\n  }\n}\n"]}

package/dist/src/modals/confirm-donation-modal-content.d.ts

@@ -1,31 +1,31 @@
-import { LitElement, TemplateResult, CSSResultGroup } from 'lit';
-import { DonationType } from '@internetarchive/donation-form-data-models';
-/**
- * This is the content that we show in the upsell modal.
- *
- * It has an amount input, "Yes" and "No Thanks" options and a switch to optionally
- * show the PayPal upsell button.
- *
- * @export
- * @class ConfirmDonationContent
- * @extends {LitElement}
- */
-export declare class ConfirmDonationContent extends LitElement {
-    amount: number;
-    currencyType: string;
-    donationType: DonationType;
-    confirmDonation: Function;
-    cancelDonation: Function;
-    get confirmationText(): TemplateResult;
-    get confirmUpsellText(): TemplateResult;
-    confirm(): void;
-    cancel(): void;
-    get confirmCTA(): string;
-    /** @inheritdoc */
-    render(): TemplateResult;
-    static get styles(): CSSResultGroup;
-    /**
-     * https://developer.paypal.com/docs/reports/reference/paypal-supported-currencies/
-     */
-    get currencySymbol(): string;
-}
+import { LitElement, TemplateResult, CSSResultGroup } from 'lit';
+import { DonationType } from '@internetarchive/donation-form-data-models';
+/**
+ * This is the content that we show in the upsell modal.
+ *
+ * It has an amount input, "Yes" and "No Thanks" options and a switch to optionally
+ * show the PayPal upsell button.
+ *
+ * @export
+ * @class ConfirmDonationContent
+ * @extends {LitElement}
+ */
+export declare class ConfirmDonationContent extends LitElement {
+    amount: number;
+    currencyType: string;
+    donationType: DonationType;
+    confirmDonation: Function;
+    cancelDonation: Function;
+    get confirmationText(): TemplateResult;
+    get confirmUpsellText(): TemplateResult;
+    confirm(): void;
+    cancel(): void;
+    get confirmCTA(): string;
+    /** @inheritdoc */
+    render(): TemplateResult;
+    static get styles(): CSSResultGroup;
+    /**
+     * https://developer.paypal.com/docs/reports/reference/paypal-supported-currencies/
+     */
+    get currencySymbol(): string;
+}

package/dist/src/modals/confirm-donation-modal-content.js

@@ -1,169 +1,169 @@
-import { __decorate } from "tslib";
-/* eslint-disable @typescript-eslint/no-empty-function */
-import { LitElement, html, css } from 'lit';
-import { customElement, property } from 'lit/decorators.js';
-import { DonationType } from '@internetarchive/donation-form-data-models';
-import currency from 'currency.js';
-/**
- * This is the content that we show in the upsell modal.
- *
- * It has an amount input, "Yes" and "No Thanks" options and a switch to optionally
- * show the PayPal upsell button.
- *
- * @export
- * @class ConfirmDonationContent
- * @extends {LitElement}
- */
-let ConfirmDonationContent = class ConfirmDonationContent extends LitElement {
-    constructor() {
-        super(...arguments);
-        this.amount = 5;
-        this.currencyType = '$';
-        this.donationType = DonationType.OneTime;
-        this.confirmDonation = () => { };
-        this.cancelDonation = () => { };
-    }
-    get confirmationText() {
-        const amount = currency(this.amount, { symbol: this.currencySymbol }).format();
-        return html `
-    <p>You are about to make a <b>${this.donationType}</b> donation of <b>${amount} ${this.currencyType}</b> to the Internet Archive.</p>
-    `;
-    }
-    get confirmUpsellText() {
-        const amount = currency(this.amount, { symbol: this.currencySymbol }).format();
-        return html `<p>You are about to begin making <b>monthly</b> donations of <b>${amount} ${this.currencyType}</b> to the Internet Archive. (Your first recurring contribution will be next month.)</p>`;
-    }
-    confirm() {
-        this === null || this === void 0 ? void 0 : this.confirmDonation();
-    }
-    cancel() {
-        this === null || this === void 0 ? void 0 : this.cancelDonation();
-    }
-    get confirmCTA() {
-        return this.donationType === DonationType.Upsell ? 'Start monthly donation' : 'Complete donation';
-    }
-    /** @inheritdoc */
-    render() {
-        return html `
-      ${this.donationType === DonationType.Upsell ? this.confirmUpsellText : this.confirmationText}
-
-      <div class="cta-group">
-        <button id="confirm" @click=${() => this.confirm()}>${this.confirmCTA}</button>
-        <button id="cancel" @click=${() => this.cancel()}>Cancel</button>
-      </div>
-    `;
-    }
-    static get styles() {
-        const ctaButtonColor = css `var(--upsellCTAButtonColor, #194880)`;
-        const ctaButtonDisabledColor = css `var(--upsellCTAButtonDisabledColor, rgba(109,148,201,0.5))`;
-        return css `
-      :host {
-        display: block;
-      }
-
-      button {
-        outline: none;
-        cursor: pointer;
-      }
-
-      button#confirm {
-        font-size: 2rem;
-        display: block;
-        width: 100%;
-        margin-top: 0.5rem;
-        padding: 1rem 2rem;
-        background-color: ${ctaButtonColor};
-        color: #fff;
-        border-radius: 5px;
-        border: 0;
-        font-weight: bold;
-        line-height: normal;
-      }
-
-      button#cancel {
-        margin-top: 1rem;
-        border: 0;
-        text-decoration: underline;
-        background-color: transparent;
-      }
-
-      button:disabled {
-        background-color: ${ctaButtonDisabledColor};
-        cursor: not-allowed;
-      }
-    }`;
-    }
-    /**
-     * 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 'TYD':
-                return 'NT$';
-            default:
-                return '$'; // $ as default USD, NZD
-        }
-    }
-};
-__decorate([
-    property({ type: Number })
-], ConfirmDonationContent.prototype, "amount", void 0);
-__decorate([
-    property({ type: String })
-], ConfirmDonationContent.prototype, "currencyType", void 0);
-__decorate([
-    property({ type: String })
-], ConfirmDonationContent.prototype, "donationType", void 0);
-__decorate([
-    property({ type: Function })
-], ConfirmDonationContent.prototype, "confirmDonation", void 0);
-__decorate([
-    property({ type: Function })
-], ConfirmDonationContent.prototype, "cancelDonation", void 0);
-ConfirmDonationContent = __decorate([
-    customElement('confirm-donation-modal')
-], ConfirmDonationContent);
-export { ConfirmDonationContent };
+import { __decorate } from "tslib";
+/* eslint-disable @typescript-eslint/no-empty-function */
+import { LitElement, html, css } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+import { DonationType } from '@internetarchive/donation-form-data-models';
+import currency from 'currency.js';
+/**
+ * This is the content that we show in the upsell modal.
+ *
+ * It has an amount input, "Yes" and "No Thanks" options and a switch to optionally
+ * show the PayPal upsell button.
+ *
+ * @export
+ * @class ConfirmDonationContent
+ * @extends {LitElement}
+ */
+let ConfirmDonationContent = class ConfirmDonationContent extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.amount = 5;
+        this.currencyType = '$';
+        this.donationType = DonationType.OneTime;
+        this.confirmDonation = () => { };
+        this.cancelDonation = () => { };
+    }
+    get confirmationText() {
+        const amount = currency(this.amount, { symbol: this.currencySymbol }).format();
+        return html `
+    <p>You are about to make a <b>${this.donationType}</b> donation of <b>${amount} ${this.currencyType}</b> to the Internet Archive.</p>
+    `;
+    }
+    get confirmUpsellText() {
+        const amount = currency(this.amount, { symbol: this.currencySymbol }).format();
+        return html `<p>You are about to begin making <b>monthly</b> donations of <b>${amount} ${this.currencyType}</b> to the Internet Archive. (Your first recurring contribution will be next month.)</p>`;
+    }
+    confirm() {
+        this === null || this === void 0 ? void 0 : this.confirmDonation();
+    }
+    cancel() {
+        this === null || this === void 0 ? void 0 : this.cancelDonation();
+    }
+    get confirmCTA() {
+        return this.donationType === DonationType.Upsell ? 'Start monthly donation' : 'Complete donation';
+    }
+    /** @inheritdoc */
+    render() {
+        return html `
+      ${this.donationType === DonationType.Upsell ? this.confirmUpsellText : this.confirmationText}
+
+      <div class="cta-group">
+        <button id="confirm" @click=${() => this.confirm()}>${this.confirmCTA}</button>
+        <button id="cancel" @click=${() => this.cancel()}>Cancel</button>
+      </div>
+    `;
+    }
+    static get styles() {
+        const ctaButtonColor = css `var(--upsellCTAButtonColor, #194880)`;
+        const ctaButtonDisabledColor = css `var(--upsellCTAButtonDisabledColor, rgba(109,148,201,0.5))`;
+        return css `
+      :host {
+        display: block;
+      }
+
+      button {
+        outline: none;
+        cursor: pointer;
+      }
+
+      button#confirm {
+        font-size: 2rem;
+        display: block;
+        width: 100%;
+        margin-top: 0.5rem;
+        padding: 1rem 2rem;
+        background-color: ${ctaButtonColor};
+        color: #fff;
+        border-radius: 5px;
+        border: 0;
+        font-weight: bold;
+        line-height: normal;
+      }
+
+      button#cancel {
+        margin-top: 1rem;
+        border: 0;
+        text-decoration: underline;
+        background-color: transparent;
+      }
+
+      button:disabled {
+        background-color: ${ctaButtonDisabledColor};
+        cursor: not-allowed;
+      }
+    }`;
+    }
+    /**
+     * 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 'TYD':
+                return 'NT$';
+            default:
+                return '$'; // $ as default USD, NZD
+        }
+    }
+};
+__decorate([
+    property({ type: Number })
+], ConfirmDonationContent.prototype, "amount", void 0);
+__decorate([
+    property({ type: String })
+], ConfirmDonationContent.prototype, "currencyType", void 0);
+__decorate([
+    property({ type: String })
+], ConfirmDonationContent.prototype, "donationType", void 0);
+__decorate([
+    property({ type: Function })
+], ConfirmDonationContent.prototype, "confirmDonation", void 0);
+__decorate([
+    property({ type: Function })
+], ConfirmDonationContent.prototype, "cancelDonation", void 0);
+ConfirmDonationContent = __decorate([
+    customElement('confirm-donation-modal')
+], ConfirmDonationContent);
+export { ConfirmDonationContent };
 //# sourceMappingURL=confirm-donation-modal-content.js.map

package/dist/src/modals/confirm-donation-modal-content.js.map

@@ -1 +1 @@
-{"version":3,"file":"confirm-donation-modal-content.js","sourceRoot":"","sources":["../../../src/modals/confirm-donation-modal-content.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable @typescript-eslint/no-empty-function */\r\nimport { LitElement, html, TemplateResult, css, CSSResultGroup } from 'lit';\r\nimport { customElement, property } from 'lit/decorators.js';\r\nimport { DonationType } from '@internetarchive/donation-form-data-models';\r\nimport currency from 'currency.js';\r\n\r\n/**\r\n * This is the content that we show in the upsell modal.\r\n *\r\n * It has an amount input, \"Yes\" and \"No Thanks\" options and a switch to optionally\r\n * show the PayPal upsell button.\r\n *\r\n * @export\r\n * @class ConfirmDonationContent\r\n * @extends {LitElement}\r\n */\r\n@customElement('confirm-donation-modal')\r\nexport class ConfirmDonationContent extends LitElement {\r\n  @property({ type: Number }) amount = 5;\r\n\r\n  @property({ type: String }) currencyType = '$';\r\n\r\n  @property({ type: String }) donationType: DonationType = DonationType.OneTime;\r\n\r\n  @property({ type: Function }) confirmDonation: Function = (): void => {};\r\n\r\n  @property({ type: Function }) cancelDonation: Function= (): void => {};\r\n\r\n  get confirmationText(): TemplateResult {\r\n    const amount = currency(this.amount, { symbol: this.currencySymbol }).format();\r\n    return html`\r\n    <p>You are about to make a <b>${this.donationType}</b> donation of <b>${amount} ${this.currencyType}</b> to the Internet Archive.</p>\r\n    `;\r\n  }\r\n\r\n  get confirmUpsellText(): TemplateResult {\r\n    const amount = currency(this.amount, { symbol: this.currencySymbol }).format();\r\n    return html`<p>You are about to begin making <b>monthly</b> donations of <b>${amount} ${this.currencyType}</b> to the Internet Archive. (Your first recurring contribution will be next month.)</p>`;\r\n  }\r\n\r\n  confirm(): void {\r\n    this?.confirmDonation();\r\n  }\r\n\r\n  cancel(): void {\r\n    this?.cancelDonation();\r\n  }\r\n\r\n  get confirmCTA(): string {\r\n    return this.donationType === DonationType.Upsell ? 'Start monthly donation' : 'Complete donation';\r\n  }\r\n\r\n  /** @inheritdoc */\r\n  render(): TemplateResult {\r\n    return html`\r\n      ${this.donationType === DonationType.Upsell ? this.confirmUpsellText : this.confirmationText}\r\n\r\n      <div class=\"cta-group\">\r\n        <button id=\"confirm\" @click=${(): void => this.confirm()}>${this.confirmCTA}</button>\r\n        <button id=\"cancel\" @click=${(): void => this.cancel()}>Cancel</button>\r\n      </div>\r\n    `;\r\n  }\r\n\r\n  static get styles(): CSSResultGroup {\r\n    const ctaButtonColor = css`var(--upsellCTAButtonColor, #194880)`;\r\n    const ctaButtonDisabledColor = css`var(--upsellCTAButtonDisabledColor, rgba(109,148,201,0.5))`;\r\n\r\n    return css`\r\n      :host {\r\n        display: block;\r\n      }\r\n\r\n      button {\r\n        outline: none;\r\n        cursor: pointer;\r\n      }\r\n\r\n      button#confirm {\r\n        font-size: 2rem;\r\n        display: block;\r\n        width: 100%;\r\n        margin-top: 0.5rem;\r\n        padding: 1rem 2rem;\r\n        background-color: ${ctaButtonColor};\r\n        color: #fff;\r\n        border-radius: 5px;\r\n        border: 0;\r\n        font-weight: bold;\r\n        line-height: normal;\r\n      }\r\n\r\n      button#cancel {\r\n        margin-top: 1rem;\r\n        border: 0;\r\n        text-decoration: underline;\r\n        background-color: transparent;\r\n      }\r\n\r\n      button:disabled {\r\n        background-color: ${ctaButtonDisabledColor};\r\n        cursor: not-allowed;\r\n      }\r\n    }`;\r\n  }\r\n\r\n  /**\r\n   * https://developer.paypal.com/docs/reports/reference/paypal-supported-currencies/\r\n   */\r\n   get currencySymbol(): string {\r\n    switch(this.currencyType) {\r\n      case 'AUD':\r\n        return 'AU$';\r\n      case 'BRL':\r\n        return 'R$';\r\n      case 'CAD':\r\n        return 'CA$';\r\n      case 'CHF':\r\n        return 'Fr';\r\n      case 'CNY':\r\n        return '¥';\r\n      case 'CZK':\r\n        return 'Kč';\r\n      case 'DKK':\r\n        return 'Kr';\r\n      case 'EUR':\r\n        return '€';\r\n      case 'GBP':\r\n        return '£';\r\n      case 'HKD':\r\n        return 'HK$';\r\n      case 'HUF':\r\n        return 'Ft';\r\n      case 'ILS':\r\n        return '₪';\r\n      case 'JPY':\r\n        return '¥';\r\n      case 'MXN':\r\n        return 'MX$';\r\n      case 'MYR':\r\n        return 'RM';\r\n      case 'NOK':\r\n        return 'kr';\r\n      case 'PLN':\r\n        return 'zł';\r\n      case 'RUB':\r\n        return '₽';\r\n      case 'SEK':\r\n        return 'kr';\r\n      case 'SGD':\r\n        return 'S$';\r\n      case 'THB':\r\n        return '฿';\r\n      case 'TYD':\r\n        return 'NT$';\r\n      default:\r\n        return '$'; // $ as default USD, NZD\r\n    }\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"confirm-donation-modal-content.js","sourceRoot":"","sources":["../../../src/modals/confirm-donation-modal-content.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable @typescript-eslint/no-empty-function */\nimport { LitElement, html, TemplateResult, css, CSSResultGroup } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { DonationType } from '@internetarchive/donation-form-data-models';\nimport currency from 'currency.js';\n\n/**\n * This is the content that we show in the upsell modal.\n *\n * It has an amount input, \"Yes\" and \"No Thanks\" options and a switch to optionally\n * show the PayPal upsell button.\n *\n * @export\n * @class ConfirmDonationContent\n * @extends {LitElement}\n */\n@customElement('confirm-donation-modal')\nexport class ConfirmDonationContent extends LitElement {\n  @property({ type: Number }) amount = 5;\n\n  @property({ type: String }) currencyType = '$';\n\n  @property({ type: String }) donationType: DonationType = DonationType.OneTime;\n\n  @property({ type: Function }) confirmDonation: Function = (): void => {};\n\n  @property({ type: Function }) cancelDonation: Function= (): void => {};\n\n  get confirmationText(): TemplateResult {\n    const amount = currency(this.amount, { symbol: this.currencySymbol }).format();\n    return html`\n    <p>You are about to make a <b>${this.donationType}</b> donation of <b>${amount} ${this.currencyType}</b> to the Internet Archive.</p>\n    `;\n  }\n\n  get confirmUpsellText(): TemplateResult {\n    const amount = currency(this.amount, { symbol: this.currencySymbol }).format();\n    return html`<p>You are about to begin making <b>monthly</b> donations of <b>${amount} ${this.currencyType}</b> to the Internet Archive. (Your first recurring contribution will be next month.)</p>`;\n  }\n\n  confirm(): void {\n    this?.confirmDonation();\n  }\n\n  cancel(): void {\n    this?.cancelDonation();\n  }\n\n  get confirmCTA(): string {\n    return this.donationType === DonationType.Upsell ? 'Start monthly donation' : 'Complete donation';\n  }\n\n  /** @inheritdoc */\n  render(): TemplateResult {\n    return html`\n      ${this.donationType === DonationType.Upsell ? this.confirmUpsellText : this.confirmationText}\n\n      <div class=\"cta-group\">\n        <button id=\"confirm\" @click=${(): void => this.confirm()}>${this.confirmCTA}</button>\n        <button id=\"cancel\" @click=${(): void => this.cancel()}>Cancel</button>\n      </div>\n    `;\n  }\n\n  static get styles(): CSSResultGroup {\n    const ctaButtonColor = css`var(--upsellCTAButtonColor, #194880)`;\n    const ctaButtonDisabledColor = css`var(--upsellCTAButtonDisabledColor, rgba(109,148,201,0.5))`;\n\n    return css`\n      :host {\n        display: block;\n      }\n\n      button {\n        outline: none;\n        cursor: pointer;\n      }\n\n      button#confirm {\n        font-size: 2rem;\n        display: block;\n        width: 100%;\n        margin-top: 0.5rem;\n        padding: 1rem 2rem;\n        background-color: ${ctaButtonColor};\n        color: #fff;\n        border-radius: 5px;\n        border: 0;\n        font-weight: bold;\n        line-height: normal;\n      }\n\n      button#cancel {\n        margin-top: 1rem;\n        border: 0;\n        text-decoration: underline;\n        background-color: transparent;\n      }\n\n      button:disabled {\n        background-color: ${ctaButtonDisabledColor};\n        cursor: not-allowed;\n      }\n    }`;\n  }\n\n  /**\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 'TYD':\n        return 'NT$';\n      default:\n        return '$'; // $ as default USD, NZD\n    }\n  }\n}\n"]}

package/dist/src/modals/error-modal-content.d.ts

@@ -1,14 +1,14 @@
-import { LitElement, CSSResult, TemplateResult } from 'lit';
-/**
- * This is shown at the bottom of the error modal.
- *
- * @export
- * @class ErrorModalContent
- * @extends {LitElement}
- */
-export declare class ErrorModalContent extends LitElement {
-    /** @inheritdoc */
-    render(): TemplateResult;
-    /** @inheritdoc */
-    static get styles(): CSSResult;
-}
+import { LitElement, CSSResult, TemplateResult } from 'lit';
+/**
+ * This is shown at the bottom of the error modal.
+ *
+ * @export
+ * @class ErrorModalContent
+ * @extends {LitElement}
+ */
+export declare class ErrorModalContent extends LitElement {
+    /** @inheritdoc */
+    render(): TemplateResult;
+    /** @inheritdoc */
+    static get styles(): CSSResult;
+}