@rebilly/instruments 3.0.0-beta.0 → 3.1.2-beta.0

package/dist/functions/destroy.spec.js

@@ -1,69 +0,0 @@
-"use strict";
-
-var _events = _interopRequireWildcard(require("../events"));
-
-var _baseEvent = _interopRequireDefault(require("../events/base-event"));
-
-var _rebillyInstrumentsMock = require("../../tests/mocks/rebilly-instruments-mock");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-describe('RebillyInstruments Destroy', () => {
-  it('should be able to destroy instance', async () => {
-    const rebillyInstruments = await (0, _rebillyInstrumentsMock.RenderMockRebillyInstruments)();
-    const formElement = document.querySelector('.form-selector');
-    const summaryElement = document.querySelector('.summary-selector');
-    expect(formElement.innerHTML).not.toEqual('');
-    expect(summaryElement.innerHTML).not.toEqual('');
-    await rebillyInstruments.destroy();
-    expect(formElement.innerHTML).toEqual('');
-    expect(summaryElement.innerHTML).toEqual('');
-  });
-  it('should remove registered listeners', async () => {
-    const rebillyInstruments = await (0, _rebillyInstrumentsMock.RenderMockRebillyInstruments)();
-    const fakeEventListener = jest.fn();
-    _events.default.fakeEvent = new _baseEvent.default('fake-event');
-
-    _events.publicEventNames.push('fake-event');
-
-    rebillyInstruments.on('fake-event', fakeEventListener);
-
-    _events.default.fakeEvent.dispatch();
-
-    expect(fakeEventListener).toHaveBeenCalledTimes(1);
-    fakeEventListener.mockClear();
-    await rebillyInstruments.destroy();
-
-    _events.default.fakeEvent.dispatch();
-
-    expect(fakeEventListener).not.toHaveBeenCalled();
-  });
-  it('should remove multiple listeners on the same event', async () => {
-    const rebillyInstruments = await (0, _rebillyInstrumentsMock.RenderMockRebillyInstruments)();
-    const fakeEventListener = jest.fn();
-    const anotherFakeEventListener = jest.fn();
-    _events.default.fakeEvent = new _baseEvent.default('fake-event');
-
-    _events.publicEventNames.push('fake-event');
-
-    rebillyInstruments.on('fake-event', fakeEventListener);
-    rebillyInstruments.on('fake-event', anotherFakeEventListener);
-
-    _events.default.fakeEvent.dispatch();
-
-    expect(fakeEventListener).toHaveBeenCalledTimes(1);
-    expect(anotherFakeEventListener).toHaveBeenCalledTimes(1);
-    fakeEventListener.mockClear();
-    anotherFakeEventListener.mockClear();
-    await rebillyInstruments.destroy();
-
-    _events.default.fakeEvent.dispatch();
-
-    expect(fakeEventListener).not.toHaveBeenCalled();
-    expect(anotherFakeEventListener).not.toHaveBeenCalled();
-  });
-});

package/dist/functions/mount/fetch-data.js

@@ -1,187 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.fetchData = fetchData;
-exports.DataInstance = void 0;
-
-var _riskDataCollector = require("@rebilly/risk-data-collector");
-
-var _plans = require("../../storefront/plans");
-
-var _products = require("../../storefront/products");
-
-var _readyToPay = require("../../storefront/ready-to-pay");
-
-var _summary = require("../../storefront/summary");
-
-var _invoices = require("../../storefront/invoices");
-
-var _transactions = require("../../storefront/transactions");
-
-class DataInstance {
-  constructor({
-    state = {},
-    ...fields
-  } = {}) {
-    var _state$options;
-
-    Object.entries({ ...(state.data || {}),
-      ...fields
-    }).forEach(([key, value]) => {
-      this[key] = value;
-    });
-    this.money = ((_state$options = state.options) === null || _state$options === void 0 ? void 0 : _state$options.money) || null;
-  }
-
-  get amountAndCurrency() {
-    let currency;
-    let amount;
-
-    if (this.previewPurchase) {
-      currency = this.previewPurchase.currency;
-      amount = this.previewPurchase.total;
-    } else if (this.invoice) {
-      currency = this.invoice.currency;
-      amount = this.invoice.amount;
-    } else if (this.transaction) {
-      currency = this.transaction.currency;
-      amount = this.transaction.amount;
-    } else if (this.money) {
-      currency = this.money.currency;
-      amount = this.money.amount;
-    }
-
-    return {
-      amount,
-      currency
-    };
-  }
-
-  get isPayment() {
-    return this.invoice || this.transaction || this.money;
-  }
-
-  get isPurchase() {
-    return this.previewPurchase;
-  }
-
-  get summaryItems() {
-    const {
-      discountsAmount = null,
-      shippingAmount = null,
-      subtotalAmount = null,
-      taxAmount = null
-    } = this.previewPurchase || this.invoice || {};
-    return {
-      discountsAmount,
-      shippingAmount,
-      subtotalAmount,
-      taxAmount
-    };
-  }
-
-  get summaryLineItems() {
-    let lineItems = [];
-
-    if (this.invoice) {
-      ({
-        items: lineItems = []
-      } = this.invoice);
-    } else {
-      ({
-        lineItems = []
-      } = this.previewPurchase || {});
-    }
-
-    return lineItems;
-  }
-
-  get isShippingRequired() {
-    return this.products.some(product => product.requiresShipping);
-  }
-
-}
-
-exports.DataInstance = DataInstance;
-
-async function fetchData({
-  state = null,
-  riskMetadata = null,
-  summaryPayload = null,
-  // Dependancy injectable functions
-  fetchInvoice = _invoices.fetchInvoice,
-  fetchTransaction = _transactions.fetchTransaction
-}) {
-  try {
-    var _state$options2, _state$options3, _state$data, _state$data$transacti, _state$data3;
-
-    let transaction = null;
-
-    if ((_state$options2 = state.options) !== null && _state$options2 !== void 0 && _state$options2.transactionId) {
-      transaction = await fetchTransaction({
-        data: {
-          id: state.options.transactionId
-        },
-        state
-      });
-      state.data.transaction = transaction;
-    }
-
-    let invoice = null;
-
-    if ((_state$options3 = state.options) !== null && _state$options3 !== void 0 && _state$options3.invoiceId || (_state$data = state.data) !== null && _state$data !== void 0 && (_state$data$transacti = _state$data.transaction) !== null && _state$data$transacti !== void 0 && _state$data$transacti.hasInvoice) {
-      var _state$options4, _state$data2, _state$data2$transact;
-
-      invoice = await fetchInvoice({
-        data: {
-          id: ((_state$options4 = state.options) === null || _state$options4 === void 0 ? void 0 : _state$options4.invoiceId) || ((_state$data2 = state.data) === null || _state$data2 === void 0 ? void 0 : (_state$data2$transact = _state$data2.transaction) === null || _state$data2$transact === void 0 ? void 0 : _state$data2$transact.invoiceId)
-        },
-        state
-      });
-      state.data.invoice = invoice;
-    }
-
-    if (!riskMetadata) {
-      const {
-        riskMetadata: data
-      } = await (0, _riskDataCollector.collectData)();
-      riskMetadata = data;
-    }
-
-    state.data = new DataInstance({
-      state,
-      invoice,
-      transaction,
-      riskMetadata
-    });
-    const [readyToPay, previewPurchase] = await Promise.all([((_state$data3 = state.data) === null || _state$data3 === void 0 ? void 0 : _state$data3.readyToPay) || (0, _readyToPay.fetchReadyToPay)({
-      riskMetadata,
-      state
-    }), state.options.items ? (0, _summary.fetchSummary)({
-      data: summaryPayload,
-      state
-    }) : null]);
-    const plans = await (0, _plans.fetchPlans)({
-      state
-    });
-    state.data.plans = plans;
-    const products = await (0, _products.fetchProducts)({
-      state
-    });
-    return new DataInstance({
-      state,
-      readyToPay,
-      previewPurchase,
-      plans,
-      products,
-      invoice,
-      transaction,
-      riskMetadata
-    });
-  } catch (error) {// console.log(error);
-  }
-
-  return new DataInstance({});
-}

package/dist/functions/mount/fetch-data.spec.js

@@ -1,189 +0,0 @@
-"use strict";
-
-var _fetchData = require("./fetch-data");
-
-var _transactionModel = _interopRequireDefault(require("../../storefront/models/transaction-model"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-describe('fetchData function', () => {
-  it('Should use correct invoice id for invoiceId', async () => {
-    const mockFetchInvoice = jest.fn();
-    const invoiceId = 'test-invoice-id';
-    const invoiceState = {
-      options: {
-        invoiceId
-      }
-    };
-    (0, _fetchData.fetchData)({
-      state: invoiceState,
-      fetchInvoice: mockFetchInvoice
-    });
-    expect(mockFetchInvoice).toBeCalledTimes(1);
-    expect(mockFetchInvoice).toBeCalledWith(expect.objectContaining({
-      data: {
-        id: invoiceId
-      }
-    }));
-  });
-  it('Should use correct invoice id for transaction with invoiceIds', async () => {
-    const mockFetchInvoice = jest.fn();
-    const invoiceId = 'test-invoice-id';
-    const invoiceState = {
-      options: {},
-      data: {
-        transaction: new _transactionModel.default({
-          invoiceIds: [invoiceId]
-        })
-      }
-    };
-    (0, _fetchData.fetchData)({
-      state: invoiceState,
-      fetchInvoice: mockFetchInvoice
-    });
-    expect(mockFetchInvoice).toBeCalledTimes(1);
-    expect(mockFetchInvoice).toBeCalledWith(expect.objectContaining({
-      data: {
-        id: invoiceId
-      }
-    }));
-  });
-  it('Should not fetch invoice for transaction with no invoice Ids', async () => {
-    const mockFetchInvoice = jest.fn();
-    const invoiceState = {
-      options: {},
-      data: {
-        transaction: new _transactionModel.default({
-          invoiceIds: []
-        })
-      }
-    };
-    (0, _fetchData.fetchData)({
-      state: invoiceState,
-      fetchInvoice: mockFetchInvoice
-    });
-    expect(mockFetchInvoice).toBeCalledTimes(0);
-  });
-});
-describe('DataInstance', () => {
-  it('Should correctly determine amountAndCurrency', () => {
-    const expectedAmountAndCurrency = {
-      amount: 10,
-      currency: 'USD'
-    };
-    let fetchedData = new _fetchData.DataInstance({
-      state: {
-        options: {
-          money: { ...expectedAmountAndCurrency
-          }
-        }
-      }
-    });
-    expect(fetchedData.amountAndCurrency).toEqual(expect.objectContaining(expectedAmountAndCurrency));
-    fetchedData = new _fetchData.DataInstance({
-      previewPurchase: {
-        total: expectedAmountAndCurrency.amount,
-        currency: expectedAmountAndCurrency.currency
-      }
-    });
-    expect(fetchedData.amountAndCurrency).toEqual(expect.objectContaining(expectedAmountAndCurrency));
-    fetchedData = new _fetchData.DataInstance({
-      invoice: { ...expectedAmountAndCurrency
-      }
-    });
-    expect(fetchedData.amountAndCurrency).toEqual(expect.objectContaining(expectedAmountAndCurrency));
-    fetchedData = new _fetchData.DataInstance({
-      transaction: { ...expectedAmountAndCurrency
-      }
-    });
-    expect(fetchedData.amountAndCurrency).toEqual(expect.objectContaining(expectedAmountAndCurrency));
-    fetchedData = new _fetchData.DataInstance();
-    expect(fetchedData.amountAndCurrency).toEqual(expect.objectContaining({
-      amount: undefined,
-      currency: undefined
-    }));
-  });
-  it('Should correctly determine isPayment', () => {
-    let fetchedData = new _fetchData.DataInstance({
-      state: {
-        options: {
-          money: true
-        }
-      }
-    });
-    expect(fetchedData.isPayment).toBeTruthy();
-    fetchedData = new _fetchData.DataInstance({
-      invoice: true
-    });
-    expect(fetchedData.isPayment).toBeTruthy();
-    fetchedData = new _fetchData.DataInstance({
-      transaction: true
-    });
-    expect(fetchedData.isPayment).toBeTruthy();
-    fetchedData = new _fetchData.DataInstance({
-      previewPurchase: true
-    });
-    expect(fetchedData.isPayment).toBeFalsy();
-    fetchedData = new _fetchData.DataInstance({});
-    expect(fetchedData.isPayment).toBeFalsy();
-  });
-  it('Should correctly determine isPurchase', () => {
-    let fetchedData = new _fetchData.DataInstance({
-      previewPurchase: true
-    });
-    expect(fetchedData.isPurchase).toBeTruthy();
-    fetchedData = new _fetchData.DataInstance({
-      state: {
-        options: {
-          money: true
-        }
-      }
-    });
-    expect(fetchedData.isPurchase).toBeFalsy();
-    fetchedData = new _fetchData.DataInstance({
-      invoice: true
-    });
-    expect(fetchedData.isPurchase).toBeFalsy();
-    fetchedData = new _fetchData.DataInstance({
-      transaction: true
-    });
-    expect(fetchedData.isPurchase).toBeFalsy();
-    fetchedData = new _fetchData.DataInstance({});
-    expect(fetchedData.isPurchase).toBeFalsy();
-  });
-  it('Should get summaryItems', () => {
-    const expectedSummaryItems = {
-      discountsAmount: 1,
-      shippingAmount: 2,
-      subtotalAmount: 3,
-      taxAmount: 4
-    };
-    let fetchedData = new _fetchData.DataInstance({
-      previewPurchase: { ...expectedSummaryItems
-      }
-    });
-    expect(fetchedData.summaryItems).toEqual(expect.objectContaining(expectedSummaryItems));
-    fetchedData = new _fetchData.DataInstance({
-      invoice: { ...expectedSummaryItems
-      }
-    });
-    expect(fetchedData.summaryItems).toEqual(expect.objectContaining(expectedSummaryItems));
-  });
-  it('Should get summaryLineItems', () => {
-    const expectedSummaryLineItems = [{
-      line: 'item'
-    }];
-    let fetchedData = new _fetchData.DataInstance({
-      previewPurchase: {
-        lineItems: expectedSummaryLineItems
-      }
-    });
-    expect(fetchedData.summaryLineItems).toEqual(expectedSummaryLineItems);
-    fetchedData = new _fetchData.DataInstance({
-      invoice: {
-        items: expectedSummaryLineItems
-      }
-    });
-    expect(fetchedData.summaryLineItems).toEqual(expectedSummaryLineItems);
-  });
-});

package/dist/functions/mount/index.js

@@ -1,218 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.mount = mount;
-
-var _summary = require("../../views/summary");
-
-var _methodSelector = require("../../views/method-selector");
-
-var _fetchData = require("./fetch-data");
-
-var _show = require("../show");
-
-var _on = require("../on");
-
-var _setupElement = _interopRequireDefault(require("./setup-element"));
-
-var _setupStorefront = _interopRequireDefault(require("./setup-storefront"));
-
-var _setupOptions = _interopRequireDefault(require("./setup-options"));
-
-var _setupFramepay = _interopRequireDefault(require("./setup-framepay"));
-
-var _setupStyles = _interopRequireDefault(require("./setup-styles"));
-
-var _setupI18n = _interopRequireDefault(require("./setup-i18n"));
-
-var _setupFramepayTheme = _interopRequireDefault(require("./setup-framepay-theme"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-/* eslint-disable max-len */
-
-/**
- * @typedef {object} Item
- * @property {string} planId - The Rebilly id of the plan.
- * @property {number} quantity - The number of the plans to be purchased.
- * @property {string} thumbnail - The source img for the product. Recommend 100px by 100px.
- *
- * @typedef {object} GooglePayDisplayOptions
- * @property {"back" | "white"} [buttonColor=black] - Color of google pay button
- * @property {"short" | "long"} [buttonType=short] - The length of the button
- * @property {string} [buttonHeight=44px] - The value and units of the button to match other payment buttons
- *
- * @typedef {object} ApplePayDisplayOptions
- * @property {"back" | "white"} [buttonColor=black] - Color of apple pay button
- * @property {"short" | "long"} [buttonType=short] - The length of the button
- * @property {string} [buttonHeight=44px] - The value and units of the button to match other payment buttons
- *
- * @typedef {object} ApplePayMerchantOptions
- * @property {string} merchantName - The name of the merchant store.
- *
- * @typedef {object} GooglePay
- * @property {GooglePayDisplayOptions} displayOptions - display options for google pay instrument
- *
- * @typedef {object} ApplePay
- * @property {ApplePayDisplayOptions} displayOptions - display options for apple pay instrument
- * @property {ApplePayMerchantOptions} merchantOptions - merchant options for apple pay instrument
- *
- * @typedef {object} PaymentCard
- * @property {boolean} [popup=true] - Show method as a button with a form popup. Otherwise the form will be mounted inline.
- *
- * @typedef {object} Address
- * @property {string} [name=default] - One of default, combined, or stacked.
- * @property {string} [region=default] - One of default, split, or stacked.
- * @property {Array.<"organization" | "phoneNumber">} show - Show extra fields listed.
- * @property {Array.<"address" | "address2" | "email | "country" | "region" | "postalCode"">} hide - Hide the listed fields.
- * @property {Array.<"organization" | "address" | "address2" | "email" | "phoneNumber" | "country" | "region" | "postalCode">} require - Require the listed fields.
- *
- * @typedef {object} PaymentInstruments
- * @property {boolean} [compactExpressInstruments=true] - Show express methods as inline pill buttons, or list of full width button.
- * @property {PaymentCard} paymentCard - settings for payment card instruments
- * @property {GooglePay} googlePay - settings for google pay instruments
- * @property {ApplePay} applePay - settings for apple pay instruments
- * @property {Address} address - customization for address components for all payment instruments.
- *
- * @typedef {object} Features
- * @property {boolean} [autoConfirmation=true] - Will mount the confirmation screen after `instrument-ready` event is triggered.
- * @property {boolean} [autoResult=true] - Show results of transaction after `purchase-completed` event is triggered
- */
-
-/**
- * Mount library with configurations.
- * @param {object} options - The options object
- * @param {object} options.state - Global state
- * @param {string | HTMLElement} options.form - The CSS class or HTML element were the form will be mounted.
- * @param {string | HTMLElement} options.summary - The CSS class or HTML element were the summary will be mounted.
- * @param {Item[]} options.items - Which plans the customer is purchasing.
- * @param {string} options.invoiceId - The Rebilly id of the invoice used for purchasing.
- * @param {string} options.customerJwt - The customer token to access the invoice.
- * @param {string} [options.countryCode=USD] - The country code for the transaction
- * @param {PaymentInstruments} options.paymentInstruments - settings for various payment instruments
- * @param {Features} options.features - flags to enable and disable different features
- * @param {string} options.locale - default: auto. Language to render component text
- */
-async function mount({
-  state,
-  ...options
-} = {}) {
-  try {
-    var _state$data$transacti;
-
-    state.data = {};
-    state.options = {}; // Setup DOM
-
-    state.form = (0, _setupElement.default)({
-      element: 'form',
-      options
-    });
-    state.summary = (0, _setupElement.default)({
-      element: 'summary',
-      options
-    }); // Setup loader
-
-    state.loader.addDOMElement({
-      el: state.form
-    });
-    state.loader.addDOMElement({
-      section: 'summary',
-      el: state.summary
-    });
-    state.loader.startLoading({
-      section: 'summary',
-      id: 'initSummary'
-    });
-    state.loader.startLoading({
-      id: 'initForm'
-    }); // Setup state
-
-    state.storefront = (0, _setupStorefront.default)({
-      options
-    });
-    state.options = (0, _setupOptions.default)({
-      options
-    });
-    state.mainStyle = await (0, _setupStyles.default)({
-      options
-    });
-    state.data = await (0, _fetchData.fetchData)({
-      state
-    });
-    state.options.themeFramepay = await (0, _setupFramepayTheme.default)({
-      state,
-      options
-    });
-    const i18n = (0, _setupI18n.default)({
-      state
-    });
-    (0, _setupFramepay.default)({
-      state
-    });
-
-    if (state.data.transaction && ((_state$data$transacti = state.data.transaction) === null || _state$data$transacti === void 0 ? void 0 : _state$data$transacti.type) === 'setup') {
-      state.options.transactionType = 'setup';
-    } // Mount content
-
-
-    if (state.form) {
-      (0, _methodSelector.mountMethodSelector)({
-        state
-      });
-    }
-
-    if (state.summary) {
-      (0, _summary.mountSummary)({
-        state
-      });
-    }
-
-    i18n({
-      state
-    });
-    state.hasMounted = true;
-  } catch (error) {
-    throw error;
-  }
-
-  if (state.options.features.autoConfirmation) {
-    (0, _on.on)({
-      eventName: 'instrument-ready',
-      callback: payload => {
-        (0, _show.show)({
-          componentName: 'confirmation',
-          payload,
-          state
-        });
-      }
-    });
-  }
-
-  if (state.options.features.autoResult) {
-    if (state.options.transactionType === 'setup') {
-      (0, _on.on)({
-        eventName: 'setup-completed',
-        callback: payload => {
-          (0, _show.show)({
-            componentName: 'result',
-            payload,
-            state
-          });
-        }
-      });
-    } else {
-      (0, _on.on)({
-        eventName: 'purchase-completed',
-        callback: payload => {
-          (0, _show.show)({
-            componentName: 'result',
-            payload,
-            state
-          });
-        }
-      });
-    }
-  }
-}