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

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

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

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

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

package/dist/test/tests/form-elements/donation-summary.test.d.ts

@@ -1 +1 @@
-import '../../../src/form-elements/header/donation-summary';
+import '../../../src/form-elements/header/donation-summary';

package/dist/test/tests/form-elements/donation-summary.test.js

@@ -1,37 +1,37 @@
-import { __awaiter } from "tslib";
-import { html, fixture, expect, elementUpdated } from '@open-wc/testing';
-import '../../../src/form-elements/header/donation-summary';
-import { DonationPaymentInfo, DonationType } from '@internetarchive/donation-form-data-models';
-describe('DonationSummary', () => {
-    it('shows the proper title for one-time donations', () => __awaiter(void 0, void 0, void 0, function* () {
-        var _a;
-        const el = (yield fixture(html `
-      <donation-summary></donation-summary>>
-    `));
-        const donationInfo = new DonationPaymentInfo({
-            amount: 3.5,
-            donationType: DonationType.OneTime,
-            coverFees: false,
-        });
-        el.donationInfo = donationInfo;
-        yield elementUpdated(el);
-        const titleElement = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('h1');
-        expect(titleElement === null || titleElement === void 0 ? void 0 : titleElement.innerText).to.equal('$3.50 Donation');
-    }));
-    it('shows the proper title for monthly donations', () => __awaiter(void 0, void 0, void 0, function* () {
-        var _b;
-        const el = (yield fixture(html `
-      <donation-summary></donation-summary>>
-    `));
-        const donationInfo = new DonationPaymentInfo({
-            amount: 7.5,
-            donationType: DonationType.Monthly,
-            coverFees: false,
-        });
-        el.donationInfo = donationInfo;
-        yield elementUpdated(el);
-        const titleElement = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('h1');
-        expect(titleElement === null || titleElement === void 0 ? void 0 : titleElement.innerText).to.equal('$7.50 Monthly Donation');
-    }));
-});
+import { __awaiter } from "tslib";
+import { html, fixture, expect, elementUpdated } from '@open-wc/testing';
+import '../../../src/form-elements/header/donation-summary';
+import { DonationPaymentInfo, DonationType } from '@internetarchive/donation-form-data-models';
+describe('DonationSummary', () => {
+    it('shows the proper title for one-time donations', () => __awaiter(void 0, void 0, void 0, function* () {
+        var _a;
+        const el = (yield fixture(html `
+      <donation-summary></donation-summary>>
+    `));
+        const donationInfo = new DonationPaymentInfo({
+            amount: 3.5,
+            donationType: DonationType.OneTime,
+            coverFees: false,
+        });
+        el.donationInfo = donationInfo;
+        yield elementUpdated(el);
+        const titleElement = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('h1');
+        expect(titleElement === null || titleElement === void 0 ? void 0 : titleElement.innerText).to.equal('$3.50 Donation');
+    }));
+    it('shows the proper title for monthly donations', () => __awaiter(void 0, void 0, void 0, function* () {
+        var _b;
+        const el = (yield fixture(html `
+      <donation-summary></donation-summary>>
+    `));
+        const donationInfo = new DonationPaymentInfo({
+            amount: 7.5,
+            donationType: DonationType.Monthly,
+            coverFees: false,
+        });
+        el.donationInfo = donationInfo;
+        yield elementUpdated(el);
+        const titleElement = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('h1');
+        expect(titleElement === null || titleElement === void 0 ? void 0 : titleElement.innerText).to.equal('$7.50 Monthly Donation');
+    }));
+});
 //# sourceMappingURL=donation-summary.test.js.map

package/dist/test/tests/form-elements/donation-summary.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"donation-summary.test.js","sourceRoot":"","sources":["../../../../test/tests/form-elements/donation-summary.test.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAEzE,OAAO,oDAAoD,CAAC;AAC5D,OAAO,EAAE,mBAAmB,EAAE,YAAY,EAAE,MAAM,4CAA4C,CAAC;AAE/F,QAAQ,CAAC,iBAAiB,EAAE,GAAG,EAAE;IAC/B,EAAE,CAAC,+CAA+C,EAAE,GAAS,EAAE;;QAC7D,MAAM,EAAE,GAAG,CAAC,MAAM,OAAO,CAAC,IAAI,CAAA;;KAE7B,CAAC,CAAoB,CAAC;QAEvB,MAAM,YAAY,GAAG,IAAI,mBAAmB,CAAC;YAC3C,MAAM,EAAE,GAAG;YACX,YAAY,EAAE,YAAY,CAAC,OAAO;YAClC,SAAS,EAAE,KAAK;SACjB,CAAC,CAAC;QAEH,EAAE,CAAC,YAAY,GAAG,YAAY,CAAC;QAE/B,MAAM,cAAc,CAAC,EAAE,CAAC,CAAC;QAEzB,MAAM,YAAY,SAAG,EAAE,CAAC,UAAU,0CAAE,aAAa,CAAC,IAAI,CAAC,CAAC;QAExD,MAAM,CAAC,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,SAAS,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,gBAAgB,CAAC,CAAC;IAC7D,CAAC,CAAA,CAAC,CAAC;IAEH,EAAE,CAAC,8CAA8C,EAAE,GAAS,EAAE;;QAC5D,MAAM,EAAE,GAAG,CAAC,MAAM,OAAO,CAAC,IAAI,CAAA;;KAE7B,CAAC,CAAoB,CAAC;QAEvB,MAAM,YAAY,GAAG,IAAI,mBAAmB,CAAC;YAC3C,MAAM,EAAE,GAAG;YACX,YAAY,EAAE,YAAY,CAAC,OAAO;YAClC,SAAS,EAAE,KAAK;SACjB,CAAC,CAAC;QAEH,EAAE,CAAC,YAAY,GAAG,YAAY,CAAC;QAE/B,MAAM,cAAc,CAAC,EAAE,CAAC,CAAC;QAEzB,MAAM,YAAY,SAAG,EAAE,CAAC,UAAU,0CAAE,aAAa,CAAC,IAAI,CAAC,CAAC;QAExD,MAAM,CAAC,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,SAAS,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,wBAAwB,CAAC,CAAC;IACrE,CAAC,CAAA,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { html, fixture, expect, elementUpdated } from '@open-wc/testing';\nimport { DonationSummary } from '../../../src/form-elements/header/donation-summary';\nimport '../../../src/form-elements/header/donation-summary';\nimport { DonationPaymentInfo, DonationType } from '@internetarchive/donation-form-data-models';\n\ndescribe('DonationSummary', () => {\n  it('shows the proper title for one-time donations', async () => {\n    const el = (await fixture(html`\n      <donation-summary></donation-summary>>\n    `)) as DonationSummary;\n\n    const donationInfo = new DonationPaymentInfo({\n      amount: 3.5,\n      donationType: DonationType.OneTime,\n      coverFees: false,\n    });\n\n    el.donationInfo = donationInfo;\n\n    await elementUpdated(el);\n\n    const titleElement = el.shadowRoot?.querySelector('h1');\n\n    expect(titleElement?.innerText).to.equal('$3.50 Donation');\n  });\n\n  it('shows the proper title for monthly donations', async () => {\n    const el = (await fixture(html`\n      <donation-summary></donation-summary>>\n    `)) as DonationSummary;\n\n    const donationInfo = new DonationPaymentInfo({\n      amount: 7.5,\n      donationType: DonationType.Monthly,\n      coverFees: false,\n    });\n\n    el.donationInfo = donationInfo;\n\n    await elementUpdated(el);\n\n    const titleElement = el.shadowRoot?.querySelector('h1');\n\n    expect(titleElement?.innerText).to.equal('$7.50 Monthly Donation');\n  });\n});\n"]}
+{"version":3,"file":"donation-summary.test.js","sourceRoot":"","sources":["../../../../test/tests/form-elements/donation-summary.test.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAEzE,OAAO,oDAAoD,CAAC;AAC5D,OAAO,EAAE,mBAAmB,EAAE,YAAY,EAAE,MAAM,4CAA4C,CAAC;AAE/F,QAAQ,CAAC,iBAAiB,EAAE,GAAG,EAAE;IAC/B,EAAE,CAAC,+CAA+C,EAAE,GAAS,EAAE;;QAC7D,MAAM,EAAE,GAAG,CAAC,MAAM,OAAO,CAAC,IAAI,CAAA;;KAE7B,CAAC,CAAoB,CAAC;QAEvB,MAAM,YAAY,GAAG,IAAI,mBAAmB,CAAC;YAC3C,MAAM,EAAE,GAAG;YACX,YAAY,EAAE,YAAY,CAAC,OAAO;YAClC,SAAS,EAAE,KAAK;SACjB,CAAC,CAAC;QAEH,EAAE,CAAC,YAAY,GAAG,YAAY,CAAC;QAE/B,MAAM,cAAc,CAAC,EAAE,CAAC,CAAC;QAEzB,MAAM,YAAY,SAAG,EAAE,CAAC,UAAU,0CAAE,aAAa,CAAC,IAAI,CAAC,CAAC;QAExD,MAAM,CAAC,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,SAAS,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,gBAAgB,CAAC,CAAC;IAC7D,CAAC,CAAA,CAAC,CAAC;IAEH,EAAE,CAAC,8CAA8C,EAAE,GAAS,EAAE;;QAC5D,MAAM,EAAE,GAAG,CAAC,MAAM,OAAO,CAAC,IAAI,CAAA;;KAE7B,CAAC,CAAoB,CAAC;QAEvB,MAAM,YAAY,GAAG,IAAI,mBAAmB,CAAC;YAC3C,MAAM,EAAE,GAAG;YACX,YAAY,EAAE,YAAY,CAAC,OAAO;YAClC,SAAS,EAAE,KAAK;SACjB,CAAC,CAAC;QAEH,EAAE,CAAC,YAAY,GAAG,YAAY,CAAC;QAE/B,MAAM,cAAc,CAAC,EAAE,CAAC,CAAC;QAEzB,MAAM,YAAY,SAAG,EAAE,CAAC,UAAU,0CAAE,aAAa,CAAC,IAAI,CAAC,CAAC;QAExD,MAAM,CAAC,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,SAAS,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,wBAAwB,CAAC,CAAC;IACrE,CAAC,CAAA,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { html, fixture, expect, elementUpdated } from '@open-wc/testing';\r\nimport { DonationSummary } from '../../../src/form-elements/header/donation-summary';\r\nimport '../../../src/form-elements/header/donation-summary';\r\nimport { DonationPaymentInfo, DonationType } from '@internetarchive/donation-form-data-models';\r\n\r\ndescribe('DonationSummary', () => {\r\n  it('shows the proper title for one-time donations', async () => {\r\n    const el = (await fixture(html`\r\n      <donation-summary></donation-summary>>\r\n    `)) as DonationSummary;\r\n\r\n    const donationInfo = new DonationPaymentInfo({\r\n      amount: 3.5,\r\n      donationType: DonationType.OneTime,\r\n      coverFees: false,\r\n    });\r\n\r\n    el.donationInfo = donationInfo;\r\n\r\n    await elementUpdated(el);\r\n\r\n    const titleElement = el.shadowRoot?.querySelector('h1');\r\n\r\n    expect(titleElement?.innerText).to.equal('$3.50 Donation');\r\n  });\r\n\r\n  it('shows the proper title for monthly donations', async () => {\r\n    const el = (await fixture(html`\r\n      <donation-summary></donation-summary>>\r\n    `)) as DonationSummary;\r\n\r\n    const donationInfo = new DonationPaymentInfo({\r\n      amount: 7.5,\r\n      donationType: DonationType.Monthly,\r\n      coverFees: false,\r\n    });\r\n\r\n    el.donationInfo = donationInfo;\r\n\r\n    await elementUpdated(el);\r\n\r\n    const titleElement = el.shadowRoot?.querySelector('h1');\r\n\r\n    expect(titleElement?.innerText).to.equal('$7.50 Monthly Donation');\r\n  });\r\n});\r\n"]}

package/dist/test/tests/form-elements/payment-selector.test.d.ts

@@ -1 +1 @@
-import '../../../src/form-elements/payment-selector';
+import '../../../src/form-elements/payment-selector';