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

package/dist/src/payment-flow-handlers/handlers/venmo-restoration-state-handler.js

@@ -1,95 +1,95 @@
-import { __awaiter } from "tslib";
-/**
- * Structure to store the session restoration state
- *
- * @export
- * @class VenmoRestorationState
- */
-export class VenmoRestorationState {
-    // TODO: Add restoration state expiration
-    constructor(params) {
-        this.contactInfo = params.contactInfo;
-        this.donationInfo = params.donationInfo;
-    }
-}
-/**
- * The VenmoRestorationStateHandler is used to persist and restore a Venmo checkout session.
- *
- * Venmo takes the user out of the web browser and into their app to authorize the purchase.
- * It then redirects the user back to the website to finish the transaction. The problem is
- * it may open a new browser tab so it's like starting a new session. We need to persist
- * the session information from the start of the Venmo session and restore it when it resumes.
- *
- * This class stores the session information in localStorage when the Venmo session is started
- * and retrieves it when the session is restored.
- *
- * @export
- * @class VenmoRestorationStateHandler
- * @implements {VenmoRestorationStateHandlerInterface}
- */
-export class VenmoRestorationStateHandler {
-    constructor(options) {
-        this.persistanceKey = 'venmoRestorationStateInfo';
-        if (options === null || options === void 0 ? void 0 : options.storageSystem) {
-            this.storageSystem = options.storageSystem;
-        }
-        else if (this.storageSystemAvailable(localStorage)) {
-            this.storageSystem = localStorage;
-        }
-        else if (this.storageSystemAvailable(sessionStorage)) {
-            this.storageSystem = sessionStorage;
-        }
-    }
-    /** @inheritdoc */
-    clearState() {
-        var _a;
-        (_a = this.storageSystem) === null || _a === void 0 ? void 0 : _a.removeItem(this.persistanceKey);
-    }
-    /** @inheritdoc */
-    persistState(contactInfo, donationInfo) {
-        var _a;
-        const venmoRestoration = new VenmoRestorationState({
-            contactInfo,
-            donationInfo,
-        });
-        const serialized = JSON.stringify(venmoRestoration);
-        (_a = this.storageSystem) === null || _a === void 0 ? void 0 : _a.setItem(this.persistanceKey, serialized);
-    }
-    /** @inheritdoc */
-    getRestorationState() {
-        var _a;
-        return __awaiter(this, void 0, void 0, function* () {
-            const stored = (_a = this.storageSystem) === null || _a === void 0 ? void 0 : _a.getItem(this.persistanceKey);
-            if (!stored) {
-                console.error('restoreState: No stored data');
-                return undefined;
-            }
-            const deserialized = JSON.parse(stored);
-            if (!deserialized) {
-                console.error('restoreState: Data could not be deserialized');
-                return undefined;
-            }
-            const donationInfo = new VenmoRestorationState(deserialized);
-            return donationInfo;
-        });
-    }
-    /**
-     * Check if a particular storage system (localStorage/sessionStorage) is availble
-     *
-     * @private
-     * @param {Storage} system
-     * @returns {boolean}
-     * @memberof VenmoRestorationStateHandler
-     */
-    storageSystemAvailable(system) {
-        try {
-            system.setItem('foo', 'bar');
-            system.removeItem('foo');
-            return true;
-        }
-        catch (exception) {
-            return false;
-        }
-    }
-}
+import { __awaiter } from "tslib";
+/**
+ * Structure to store the session restoration state
+ *
+ * @export
+ * @class VenmoRestorationState
+ */
+export class VenmoRestorationState {
+    // TODO: Add restoration state expiration
+    constructor(params) {
+        this.contactInfo = params.contactInfo;
+        this.donationInfo = params.donationInfo;
+    }
+}
+/**
+ * The VenmoRestorationStateHandler is used to persist and restore a Venmo checkout session.
+ *
+ * Venmo takes the user out of the web browser and into their app to authorize the purchase.
+ * It then redirects the user back to the website to finish the transaction. The problem is
+ * it may open a new browser tab so it's like starting a new session. We need to persist
+ * the session information from the start of the Venmo session and restore it when it resumes.
+ *
+ * This class stores the session information in localStorage when the Venmo session is started
+ * and retrieves it when the session is restored.
+ *
+ * @export
+ * @class VenmoRestorationStateHandler
+ * @implements {VenmoRestorationStateHandlerInterface}
+ */
+export class VenmoRestorationStateHandler {
+    constructor(options) {
+        this.persistanceKey = 'venmoRestorationStateInfo';
+        if (options === null || options === void 0 ? void 0 : options.storageSystem) {
+            this.storageSystem = options.storageSystem;
+        }
+        else if (this.storageSystemAvailable(localStorage)) {
+            this.storageSystem = localStorage;
+        }
+        else if (this.storageSystemAvailable(sessionStorage)) {
+            this.storageSystem = sessionStorage;
+        }
+    }
+    /** @inheritdoc */
+    clearState() {
+        var _a;
+        (_a = this.storageSystem) === null || _a === void 0 ? void 0 : _a.removeItem(this.persistanceKey);
+    }
+    /** @inheritdoc */
+    persistState(contactInfo, donationInfo) {
+        var _a;
+        const venmoRestoration = new VenmoRestorationState({
+            contactInfo,
+            donationInfo,
+        });
+        const serialized = JSON.stringify(venmoRestoration);
+        (_a = this.storageSystem) === null || _a === void 0 ? void 0 : _a.setItem(this.persistanceKey, serialized);
+    }
+    /** @inheritdoc */
+    getRestorationState() {
+        var _a;
+        return __awaiter(this, void 0, void 0, function* () {
+            const stored = (_a = this.storageSystem) === null || _a === void 0 ? void 0 : _a.getItem(this.persistanceKey);
+            if (!stored) {
+                console.error('restoreState: No stored data');
+                return undefined;
+            }
+            const deserialized = JSON.parse(stored);
+            if (!deserialized) {
+                console.error('restoreState: Data could not be deserialized');
+                return undefined;
+            }
+            const donationInfo = new VenmoRestorationState(deserialized);
+            return donationInfo;
+        });
+    }
+    /**
+     * Check if a particular storage system (localStorage/sessionStorage) is availble
+     *
+     * @private
+     * @param {Storage} system
+     * @returns {boolean}
+     * @memberof VenmoRestorationStateHandler
+     */
+    storageSystemAvailable(system) {
+        try {
+            system.setItem('foo', 'bar');
+            system.removeItem('foo');
+            return true;
+        }
+        catch (exception) {
+            return false;
+        }
+    }
+}
 //# sourceMappingURL=venmo-restoration-state-handler.js.map

package/dist/src/payment-flow-handlers/handlers/venmo-restoration-state-handler.js.map

@@ -1 +1 @@
-{"version":3,"file":"venmo-restoration-state-handler.js","sourceRoot":"","sources":["../../../../src/payment-flow-handlers/handlers/venmo-restoration-state-handler.ts"],"names":[],"mappings":";AA4BA;;;;;GAKG;AACH,MAAM,OAAO,qBAAqB;IAIhC,yCAAyC;IACzC,YAAY,MAA4E;QACtF,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC,WAAW,CAAC;QACtC,IAAI,CAAC,YAAY,GAAG,MAAM,CAAC,YAAY,CAAC;IAC1C,CAAC;CACF;AAED;;;;;;;;;;;;;;GAcG;AACH,MAAM,OAAO,4BAA4B;IAKvC,YAAY,OAAqC;QAJzC,mBAAc,GAAG,2BAA2B,CAAC;QAKnD,IAAI,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,aAAa,EAAE;YAC1B,IAAI,CAAC,aAAa,GAAG,OAAO,CAAC,aAAa,CAAC;SAC5C;aAAM,IAAI,IAAI,CAAC,sBAAsB,CAAC,YAAY,CAAC,EAAE;YACpD,IAAI,CAAC,aAAa,GAAG,YAAY,CAAC;SACnC;aAAM,IAAI,IAAI,CAAC,sBAAsB,CAAC,cAAc,CAAC,EAAE;YACtD,IAAI,CAAC,aAAa,GAAG,cAAc,CAAC;SACrC;IACH,CAAC;IAED,kBAAkB;IAClB,UAAU;;QACR,MAAA,IAAI,CAAC,aAAa,0CAAE,UAAU,CAAC,IAAI,CAAC,cAAc,EAAE;IACtD,CAAC;IAED,kBAAkB;IAClB,YAAY,CAAC,WAA6B,EAAE,YAAiC;;QAC3E,MAAM,gBAAgB,GAAG,IAAI,qBAAqB,CAAC;YACjD,WAAW;YACX,YAAY;SACb,CAAC,CAAC;QACH,MAAM,UAAU,GAAG,IAAI,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAC;QACpD,MAAA,IAAI,CAAC,aAAa,0CAAE,OAAO,CAAC,IAAI,CAAC,cAAc,EAAE,UAAU,EAAE;IAC/D,CAAC;IAED,kBAAkB;IACZ,mBAAmB;;;YACvB,MAAM,MAAM,SAAG,IAAI,CAAC,aAAa,0CAAE,OAAO,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;YAChE,IAAI,CAAC,MAAM,EAAE;gBACX,OAAO,CAAC,KAAK,CAAC,8BAA8B,CAAC,CAAC;gBAC9C,OAAO,SAAS,CAAC;aAClB;YAED,MAAM,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;YACxC,IAAI,CAAC,YAAY,EAAE;gBACjB,OAAO,CAAC,KAAK,CAAC,8CAA8C,CAAC,CAAC;gBAC9D,OAAO,SAAS,CAAC;aAClB;YAED,MAAM,YAAY,GAAG,IAAI,qBAAqB,CAAC,YAAY,CAAC,CAAC;YAE7D,OAAO,YAAY,CAAC;;KACrB;IAED;;;;;;;OAOG;IACK,sBAAsB,CAAC,MAAe;QAC5C,IAAI;YACF,MAAM,CAAC,OAAO,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;YAC7B,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;YACzB,OAAO,IAAI,CAAC;SACb;QAAC,OAAO,SAAS,EAAE;YAClB,OAAO,KAAK,CAAC;SACd;IACH,CAAC;CACF","sourcesContent":["import { DonorContactInfo, DonationPaymentInfo } from '@internetarchive/donation-form-data-models';\n\nexport interface VenmoRestorationStateHandlerInterface {\n  /**\n   * Persist the session state\n   *\n   * @param {DonorContactInfo} contactInfo\n   * @param {DonationPaymentInfo} donationInfo\n   * @memberof VenmoRestorationStateHandlerInterface\n   */\n  persistState(contactInfo: DonorContactInfo, donationInfo: DonationPaymentInfo): void;\n\n  /**\n   * Get the session restoration state\n   *\n   * @returns {(Promise<VenmoRestorationState | undefined>)}\n   * @memberof VenmoRestorationStateHandlerInterface\n   */\n  getRestorationState(): Promise<VenmoRestorationState | undefined>;\n\n  /**\n   * Clear the restoration state\n   *\n   * @memberof VenmoRestorationStateHandlerInterface\n   */\n  clearState(): void;\n}\n\n/**\n * Structure to store the session restoration state\n *\n * @export\n * @class VenmoRestorationState\n */\nexport class VenmoRestorationState {\n  contactInfo: DonorContactInfo;\n  donationInfo: DonationPaymentInfo;\n\n  // TODO: Add restoration state expiration\n  constructor(params: { contactInfo: DonorContactInfo; donationInfo: DonationPaymentInfo }) {\n    this.contactInfo = params.contactInfo;\n    this.donationInfo = params.donationInfo;\n  }\n}\n\n/**\n * The VenmoRestorationStateHandler is used to persist and restore a Venmo checkout session.\n *\n * Venmo takes the user out of the web browser and into their app to authorize the purchase.\n * It then redirects the user back to the website to finish the transaction. The problem is\n * it may open a new browser tab so it's like starting a new session. We need to persist\n * the session information from the start of the Venmo session and restore it when it resumes.\n *\n * This class stores the session information in localStorage when the Venmo session is started\n * and retrieves it when the session is restored.\n *\n * @export\n * @class VenmoRestorationStateHandler\n * @implements {VenmoRestorationStateHandlerInterface}\n */\nexport class VenmoRestorationStateHandler implements VenmoRestorationStateHandlerInterface {\n  private persistanceKey = 'venmoRestorationStateInfo';\n\n  private storageSystem?: Storage;\n\n  constructor(options?: { storageSystem?: Storage }) {\n    if (options?.storageSystem) {\n      this.storageSystem = options.storageSystem;\n    } else if (this.storageSystemAvailable(localStorage)) {\n      this.storageSystem = localStorage;\n    } else if (this.storageSystemAvailable(sessionStorage)) {\n      this.storageSystem = sessionStorage;\n    }\n  }\n\n  /** @inheritdoc */\n  clearState(): void {\n    this.storageSystem?.removeItem(this.persistanceKey);\n  }\n\n  /** @inheritdoc */\n  persistState(contactInfo: DonorContactInfo, donationInfo: DonationPaymentInfo): void {\n    const venmoRestoration = new VenmoRestorationState({\n      contactInfo,\n      donationInfo,\n    });\n    const serialized = JSON.stringify(venmoRestoration);\n    this.storageSystem?.setItem(this.persistanceKey, serialized);\n  }\n\n  /** @inheritdoc */\n  async getRestorationState(): Promise<VenmoRestorationState | undefined> {\n    const stored = this.storageSystem?.getItem(this.persistanceKey);\n    if (!stored) {\n      console.error('restoreState: No stored data');\n      return undefined;\n    }\n\n    const deserialized = JSON.parse(stored);\n    if (!deserialized) {\n      console.error('restoreState: Data could not be deserialized');\n      return undefined;\n    }\n\n    const donationInfo = new VenmoRestorationState(deserialized);\n\n    return donationInfo;\n  }\n\n  /**\n   * Check if a particular storage system (localStorage/sessionStorage) is availble\n   *\n   * @private\n   * @param {Storage} system\n   * @returns {boolean}\n   * @memberof VenmoRestorationStateHandler\n   */\n  private storageSystemAvailable(system: Storage): boolean {\n    try {\n      system.setItem('foo', 'bar');\n      system.removeItem('foo');\n      return true;\n    } catch (exception) {\n      return false;\n    }\n  }\n}\n"]}
+{"version":3,"file":"venmo-restoration-state-handler.js","sourceRoot":"","sources":["../../../../src/payment-flow-handlers/handlers/venmo-restoration-state-handler.ts"],"names":[],"mappings":";AA4BA;;;;;GAKG;AACH,MAAM,OAAO,qBAAqB;IAIhC,yCAAyC;IACzC,YAAY,MAA4E;QACtF,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC,WAAW,CAAC;QACtC,IAAI,CAAC,YAAY,GAAG,MAAM,CAAC,YAAY,CAAC;IAC1C,CAAC;CACF;AAED;;;;;;;;;;;;;;GAcG;AACH,MAAM,OAAO,4BAA4B;IAKvC,YAAY,OAAqC;QAJzC,mBAAc,GAAG,2BAA2B,CAAC;QAKnD,IAAI,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,aAAa,EAAE;YAC1B,IAAI,CAAC,aAAa,GAAG,OAAO,CAAC,aAAa,CAAC;SAC5C;aAAM,IAAI,IAAI,CAAC,sBAAsB,CAAC,YAAY,CAAC,EAAE;YACpD,IAAI,CAAC,aAAa,GAAG,YAAY,CAAC;SACnC;aAAM,IAAI,IAAI,CAAC,sBAAsB,CAAC,cAAc,CAAC,EAAE;YACtD,IAAI,CAAC,aAAa,GAAG,cAAc,CAAC;SACrC;IACH,CAAC;IAED,kBAAkB;IAClB,UAAU;;QACR,MAAA,IAAI,CAAC,aAAa,0CAAE,UAAU,CAAC,IAAI,CAAC,cAAc,EAAE;IACtD,CAAC;IAED,kBAAkB;IAClB,YAAY,CAAC,WAA6B,EAAE,YAAiC;;QAC3E,MAAM,gBAAgB,GAAG,IAAI,qBAAqB,CAAC;YACjD,WAAW;YACX,YAAY;SACb,CAAC,CAAC;QACH,MAAM,UAAU,GAAG,IAAI,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAC;QACpD,MAAA,IAAI,CAAC,aAAa,0CAAE,OAAO,CAAC,IAAI,CAAC,cAAc,EAAE,UAAU,EAAE;IAC/D,CAAC;IAED,kBAAkB;IACZ,mBAAmB;;;YACvB,MAAM,MAAM,SAAG,IAAI,CAAC,aAAa,0CAAE,OAAO,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;YAChE,IAAI,CAAC,MAAM,EAAE;gBACX,OAAO,CAAC,KAAK,CAAC,8BAA8B,CAAC,CAAC;gBAC9C,OAAO,SAAS,CAAC;aAClB;YAED,MAAM,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;YACxC,IAAI,CAAC,YAAY,EAAE;gBACjB,OAAO,CAAC,KAAK,CAAC,8CAA8C,CAAC,CAAC;gBAC9D,OAAO,SAAS,CAAC;aAClB;YAED,MAAM,YAAY,GAAG,IAAI,qBAAqB,CAAC,YAAY,CAAC,CAAC;YAE7D,OAAO,YAAY,CAAC;;KACrB;IAED;;;;;;;OAOG;IACK,sBAAsB,CAAC,MAAe;QAC5C,IAAI;YACF,MAAM,CAAC,OAAO,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;YAC7B,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;YACzB,OAAO,IAAI,CAAC;SACb;QAAC,OAAO,SAAS,EAAE;YAClB,OAAO,KAAK,CAAC;SACd;IACH,CAAC;CACF","sourcesContent":["import { DonorContactInfo, DonationPaymentInfo } from '@internetarchive/donation-form-data-models';\r\n\r\nexport interface VenmoRestorationStateHandlerInterface {\r\n  /**\r\n   * Persist the session state\r\n   *\r\n   * @param {DonorContactInfo} contactInfo\r\n   * @param {DonationPaymentInfo} donationInfo\r\n   * @memberof VenmoRestorationStateHandlerInterface\r\n   */\r\n  persistState(contactInfo: DonorContactInfo, donationInfo: DonationPaymentInfo): void;\r\n\r\n  /**\r\n   * Get the session restoration state\r\n   *\r\n   * @returns {(Promise<VenmoRestorationState | undefined>)}\r\n   * @memberof VenmoRestorationStateHandlerInterface\r\n   */\r\n  getRestorationState(): Promise<VenmoRestorationState | undefined>;\r\n\r\n  /**\r\n   * Clear the restoration state\r\n   *\r\n   * @memberof VenmoRestorationStateHandlerInterface\r\n   */\r\n  clearState(): void;\r\n}\r\n\r\n/**\r\n * Structure to store the session restoration state\r\n *\r\n * @export\r\n * @class VenmoRestorationState\r\n */\r\nexport class VenmoRestorationState {\r\n  contactInfo: DonorContactInfo;\r\n  donationInfo: DonationPaymentInfo;\r\n\r\n  // TODO: Add restoration state expiration\r\n  constructor(params: { contactInfo: DonorContactInfo; donationInfo: DonationPaymentInfo }) {\r\n    this.contactInfo = params.contactInfo;\r\n    this.donationInfo = params.donationInfo;\r\n  }\r\n}\r\n\r\n/**\r\n * The VenmoRestorationStateHandler is used to persist and restore a Venmo checkout session.\r\n *\r\n * Venmo takes the user out of the web browser and into their app to authorize the purchase.\r\n * It then redirects the user back to the website to finish the transaction. The problem is\r\n * it may open a new browser tab so it's like starting a new session. We need to persist\r\n * the session information from the start of the Venmo session and restore it when it resumes.\r\n *\r\n * This class stores the session information in localStorage when the Venmo session is started\r\n * and retrieves it when the session is restored.\r\n *\r\n * @export\r\n * @class VenmoRestorationStateHandler\r\n * @implements {VenmoRestorationStateHandlerInterface}\r\n */\r\nexport class VenmoRestorationStateHandler implements VenmoRestorationStateHandlerInterface {\r\n  private persistanceKey = 'venmoRestorationStateInfo';\r\n\r\n  private storageSystem?: Storage;\r\n\r\n  constructor(options?: { storageSystem?: Storage }) {\r\n    if (options?.storageSystem) {\r\n      this.storageSystem = options.storageSystem;\r\n    } else if (this.storageSystemAvailable(localStorage)) {\r\n      this.storageSystem = localStorage;\r\n    } else if (this.storageSystemAvailable(sessionStorage)) {\r\n      this.storageSystem = sessionStorage;\r\n    }\r\n  }\r\n\r\n  /** @inheritdoc */\r\n  clearState(): void {\r\n    this.storageSystem?.removeItem(this.persistanceKey);\r\n  }\r\n\r\n  /** @inheritdoc */\r\n  persistState(contactInfo: DonorContactInfo, donationInfo: DonationPaymentInfo): void {\r\n    const venmoRestoration = new VenmoRestorationState({\r\n      contactInfo,\r\n      donationInfo,\r\n    });\r\n    const serialized = JSON.stringify(venmoRestoration);\r\n    this.storageSystem?.setItem(this.persistanceKey, serialized);\r\n  }\r\n\r\n  /** @inheritdoc */\r\n  async getRestorationState(): Promise<VenmoRestorationState | undefined> {\r\n    const stored = this.storageSystem?.getItem(this.persistanceKey);\r\n    if (!stored) {\r\n      console.error('restoreState: No stored data');\r\n      return undefined;\r\n    }\r\n\r\n    const deserialized = JSON.parse(stored);\r\n    if (!deserialized) {\r\n      console.error('restoreState: Data could not be deserialized');\r\n      return undefined;\r\n    }\r\n\r\n    const donationInfo = new VenmoRestorationState(deserialized);\r\n\r\n    return donationInfo;\r\n  }\r\n\r\n  /**\r\n   * Check if a particular storage system (localStorage/sessionStorage) is availble\r\n   *\r\n   * @private\r\n   * @param {Storage} system\r\n   * @returns {boolean}\r\n   * @memberof VenmoRestorationStateHandler\r\n   */\r\n  private storageSystemAvailable(system: Storage): boolean {\r\n    try {\r\n      system.setItem('foo', 'bar');\r\n      system.removeItem('foo');\r\n      return true;\r\n    } catch (exception) {\r\n      return false;\r\n    }\r\n  }\r\n}\r\n"]}

package/dist/src/payment-flow-handlers/payment-flow-handlers.d.ts

@@ -1,111 +1,111 @@
-import { ModalManagerInterface } from '@internetarchive/modal-manager';
-import { CreditCardFlowHandlerInterface } from './handlers/creditcard-flow-handler';
-import { PayPalFlowHandlerInterface } from './handlers/paypal-flow-handler';
-import { BraintreeManagerInterface } from '../braintree-manager/braintree-interfaces';
-import { RecaptchaManagerInterface } from '../recaptcha-manager/recaptcha-manager';
-import { ApplePayFlowHandlerInterface } from './handlers/applepay-flow-handler';
-import { VenmoFlowHandlerInterface } from './handlers/venmo-flow-handler';
-import { GooglePayFlowHandlerInterface } from './handlers/googlepay-flow-handler';
-import { UpsellModalCTAMode } from '../modals/upsell-modal-content';
-import { DonationType } from '@internetarchive/donation-form-data-models';
-export interface PaymentFlowHandlersInterface {
-    startup(): Promise<void>;
-    /**
-     * Show the upsell modal
-     *
-     * @param {{
-     *     ctaMode?: UpsellModalCTAMode;
-     *     yesSelected?: (amount: number) => void;
-     *     noSelected?: () => void;
-     *     amountChanged?: (amount: number) => void;
-     *     userClosedModalCallback?: () => void;
-     *   }} [options]
-     * @returns {Promise<void>}
-     * @memberof DonationFlowModalManagerInterface
-     */
-    showUpsellModal(options: {
-        oneTimeAmount: number;
-        ctaMode?: UpsellModalCTAMode;
-        yesSelected?: (amount: number) => void;
-        noSelected?: () => void;
-        amountChanged?: (amount: number) => void;
-        userClosedModalCallback?: () => void;
-    }): Promise<void>;
-    showConfirmationStepModal(options: {
-        amount: number;
-        donationType: DonationType;
-        currencyType: string;
-        confirmDonationCB: Function;
-        cancelDonationCB: Function;
-    }): Promise<void>;
-    creditCardHandler: CreditCardFlowHandlerInterface | undefined;
-    paypalHandler: PayPalFlowHandlerInterface | undefined;
-    applePayHandler: ApplePayFlowHandlerInterface | undefined;
-    venmoHandler: VenmoFlowHandlerInterface | undefined;
-    googlePayHandler: GooglePayFlowHandlerInterface | undefined;
-}
-/**
- * This class is a container for all of the individual flow handlers.
- *
- * Flow Handlers are responsible for handling the provider-specific interactions between
- * the UI and the Data.
- *
- * For instance, when the user clicks on the "Donate" button for credit cards, we
- * pull in contact info from the form, trigger the recaptcha, tokenize the form,
- * submit, show the upsell, complete. The Credit Card Flow Handler is responsible for
- * managing that series of steps.
- *
- * For PayPal, the user initiates the payment from the PayPal button and once they're
- * done, we show the modal. The PayPal Flow Handler is responsible for handling that
- * series of events.
- *
- * @export
- * @class PaymentFlowHandlers
- * @implements {PaymentFlowHandlersInterface}
- */
-export declare class PaymentFlowHandlers implements PaymentFlowHandlersInterface {
-    startup(): Promise<void>;
-    /** @inheritdoc */
-    showUpsellModal(options: {
-        oneTimeAmount: number;
-        ctaMode?: UpsellModalCTAMode;
-        yesSelected?: (amount: number) => void;
-        noSelected?: () => void;
-        amountChanged?: (amount: number) => void;
-        userClosedModalCallback?: () => void;
-    }): Promise<void>;
-    /** @inheritdoc */
-    showConfirmationStepModal(options: {
-        amount: number;
-        donationType: DonationType;
-        currencyType: string;
-        confirmDonationCB: Function;
-        cancelDonationCB: Function;
-    }): Promise<void>;
-    get creditCardHandler(): CreditCardFlowHandlerInterface | undefined;
-    get paypalHandler(): PayPalFlowHandlerInterface | undefined;
-    get applePayHandler(): ApplePayFlowHandlerInterface | undefined;
-    get venmoHandler(): VenmoFlowHandlerInterface | undefined;
-    get googlePayHandler(): GooglePayFlowHandlerInterface | undefined;
-    private creditCardHandlerCache?;
-    private paypalHandlerCache?;
-    private applePayHandlerCache?;
-    private venmoHandlerCache?;
-    private googlePayHandlerCache?;
-    constructor(options: {
-        braintreeManager: BraintreeManagerInterface;
-        modalManager: ModalManagerInterface;
-        recaptchaManager: RecaptchaManagerInterface;
-        resources: {
-            analytics: {
-                logEvent: (action: string, label: string) => void;
-                logDonationFlowEvent: (action: string, label: string) => void;
-            };
-        };
-    });
-    private braintreeManager;
-    private modalManager;
-    private recaptchaManager;
-    private donationFlowModalManager;
-    private resources;
-}
+import { ModalManagerInterface } from '@internetarchive/modal-manager';
+import { CreditCardFlowHandlerInterface } from './handlers/creditcard-flow-handler';
+import { PayPalFlowHandlerInterface } from './handlers/paypal-flow-handler';
+import { BraintreeManagerInterface } from '../braintree-manager/braintree-interfaces';
+import { RecaptchaManagerInterface } from '../recaptcha-manager/recaptcha-manager';
+import { ApplePayFlowHandlerInterface } from './handlers/applepay-flow-handler';
+import { VenmoFlowHandlerInterface } from './handlers/venmo-flow-handler';
+import { GooglePayFlowHandlerInterface } from './handlers/googlepay-flow-handler';
+import { UpsellModalCTAMode } from '../modals/upsell-modal-content';
+import { DonationType } from '@internetarchive/donation-form-data-models';
+export interface PaymentFlowHandlersInterface {
+    startup(): Promise<void>;
+    /**
+     * Show the upsell modal
+     *
+     * @param {{
+     *     ctaMode?: UpsellModalCTAMode;
+     *     yesSelected?: (amount: number) => void;
+     *     noSelected?: () => void;
+     *     amountChanged?: (amount: number) => void;
+     *     userClosedModalCallback?: () => void;
+     *   }} [options]
+     * @returns {Promise<void>}
+     * @memberof DonationFlowModalManagerInterface
+     */
+    showUpsellModal(options: {
+        oneTimeAmount: number;
+        ctaMode?: UpsellModalCTAMode;
+        yesSelected?: (amount: number) => void;
+        noSelected?: () => void;
+        amountChanged?: (amount: number) => void;
+        userClosedModalCallback?: () => void;
+    }): Promise<void>;
+    showConfirmationStepModal(options: {
+        amount: number;
+        donationType: DonationType;
+        currencyType: string;
+        confirmDonationCB: Function;
+        cancelDonationCB: Function;
+    }): Promise<void>;
+    creditCardHandler: CreditCardFlowHandlerInterface | undefined;
+    paypalHandler: PayPalFlowHandlerInterface | undefined;
+    applePayHandler: ApplePayFlowHandlerInterface | undefined;
+    venmoHandler: VenmoFlowHandlerInterface | undefined;
+    googlePayHandler: GooglePayFlowHandlerInterface | undefined;
+}
+/**
+ * This class is a container for all of the individual flow handlers.
+ *
+ * Flow Handlers are responsible for handling the provider-specific interactions between
+ * the UI and the Data.
+ *
+ * For instance, when the user clicks on the "Donate" button for credit cards, we
+ * pull in contact info from the form, trigger the recaptcha, tokenize the form,
+ * submit, show the upsell, complete. The Credit Card Flow Handler is responsible for
+ * managing that series of steps.
+ *
+ * For PayPal, the user initiates the payment from the PayPal button and once they're
+ * done, we show the modal. The PayPal Flow Handler is responsible for handling that
+ * series of events.
+ *
+ * @export
+ * @class PaymentFlowHandlers
+ * @implements {PaymentFlowHandlersInterface}
+ */
+export declare class PaymentFlowHandlers implements PaymentFlowHandlersInterface {
+    startup(): Promise<void>;
+    /** @inheritdoc */
+    showUpsellModal(options: {
+        oneTimeAmount: number;
+        ctaMode?: UpsellModalCTAMode;
+        yesSelected?: (amount: number) => void;
+        noSelected?: () => void;
+        amountChanged?: (amount: number) => void;
+        userClosedModalCallback?: () => void;
+    }): Promise<void>;
+    /** @inheritdoc */
+    showConfirmationStepModal(options: {
+        amount: number;
+        donationType: DonationType;
+        currencyType: string;
+        confirmDonationCB: Function;
+        cancelDonationCB: Function;
+    }): Promise<void>;
+    get creditCardHandler(): CreditCardFlowHandlerInterface | undefined;
+    get paypalHandler(): PayPalFlowHandlerInterface | undefined;
+    get applePayHandler(): ApplePayFlowHandlerInterface | undefined;
+    get venmoHandler(): VenmoFlowHandlerInterface | undefined;
+    get googlePayHandler(): GooglePayFlowHandlerInterface | undefined;
+    private creditCardHandlerCache?;
+    private paypalHandlerCache?;
+    private applePayHandlerCache?;
+    private venmoHandlerCache?;
+    private googlePayHandlerCache?;
+    constructor(options: {
+        braintreeManager: BraintreeManagerInterface;
+        modalManager: ModalManagerInterface;
+        recaptchaManager: RecaptchaManagerInterface;
+        resources: {
+            analytics: {
+                logEvent: (action: string, label: string) => void;
+                logDonationFlowEvent: (action: string, label: string) => void;
+            };
+        };
+    });
+    private braintreeManager;
+    private modalManager;
+    private recaptchaManager;
+    private donationFlowModalManager;
+    private resources;
+}