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

package/dist/i18n/en.json

@@ -1,22 +0,0 @@
-{
-  "en": {
-    "summary": {
-      "subTotal": "Sub Total",
-      "discounts": "Discounts",
-      "taxes": "Taxes",
-      "shipping": "Shipping",
-      "total": "Total"
-    },
-    "form": {
-      "expressCheckout": "Express checkout",
-      "or": "Or",
-      "popupOverlayText": "Click here to show popup window",
-      "error": {
-        "noPaymentMethods": "No payment methods available for this transaction, please contact support."
-      }
-    },
-    "paymentMethods": {
-      "payment-card": "Payment card"
-    }
-  }
-}

package/dist/i18n/es.json

@@ -1,22 +0,0 @@
-{
-  "es": {
-    "summary": {
-      "subTotal": "Sub Total",
-      "discounts": "Descuentos",
-      "taxes": "Impuestos",
-      "shipping": "Envío",
-      "total": "Total"
-    },
-    "form": {
-      "expressCheckout": "Chequeo rápido",
-      "or": "O pague con",
-      "popupOverlayText": "Haga clic aquí para mostrar la ventana emergente",
-      "error": {
-        "noPaymentMethods": "No hay métodos de pago disponibles para esta transacción, por favor, póngase en contacto con el servicio de asistencia."
-      }
-    },
-    "paymentMethods": {
-      "payment-card": "Tarjeta de crédito"
-    }
-  }
-}

package/dist/i18n/i18n.spec.js

@@ -1,22 +0,0 @@
-"use strict";
-
-var _index = require("./index");
-
-describe('i18n Class', () => {
-  const canTranslate = document.createElement('div');
-  canTranslate.innerHTML = 'Discounts';
-  canTranslate.setAttribute('data-rebilly-i18n', 'summary.discounts');
-  const canNotTranslate = document.createElement('div');
-  canNotTranslate.innerHTML = 'Untouched';
-  canNotTranslate.setAttribute('data-rebilly-i18n', 'does.not.exist');
-  document.body.append(canTranslate);
-  document.body.append(canNotTranslate);
-  it('can translate element with proper data attribute and skip wrong translation path or languages', () => {
-    const translate = new _index.Translate();
-    translate.init('es-US');
-    translate.translateItems();
-    const [translated, untouched] = document.querySelectorAll('[data-rebilly-i18n]');
-    expect(translated.innerHTML).toEqual('Descuentos');
-    expect(untouched.innerHTML).toEqual('Untouched');
-  });
-});

package/dist/i18n/index.js

@@ -1,72 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Translate = void 0;
-
-var _lodash = _interopRequireDefault(require("lodash.merge"));
-
-var _en = _interopRequireDefault(require("./en.json"));
-
-var _es = _interopRequireDefault(require("./es.json"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-class Translate {
-  constructor() {
-    this.locale = '';
-    this.items = [];
-    this.languages = {};
-  }
-
-  init(locale, messages) {
-    this.items = document.querySelectorAll('[data-rebilly-i18n]');
-    this.locale = this.getLocale(locale);
-    this.languages = (0, _lodash.default)({ ..._en.default,
-      ..._es.default
-    }, messages);
-  }
-
-  translateItems() {
-    this.items = document.querySelectorAll('[data-rebilly-i18n]');
-
-    if (this.locale in this.languages) {
-      return this.items.forEach(item => {
-        const translate = this.getTranslation(this.languages[this.locale], item.dataset.rebillyI18n);
-
-        if (translate) {
-          item.innerHTML = translate;
-        }
-      });
-    }
-
-    return false;
-  }
-
-  updateTranslationsToNewLocale(newLocale) {
-    this.locale = newLocale;
-    this.translateItems();
-  }
-
-  getLocale(locale = this.locale) {
-    if (!locale.includes('-') || locale in this.languages) {
-      return locale;
-    }
-
-    locale = locale.replace(/[-._]\w+$/gi, '');
-    return this.getLocale(locale);
-  }
-
-  translateItem(item) {
-    const locale = this.getLocale();
-    return this.getTranslation(this.languages[locale], item.dataset.rebillyI18n);
-  }
-
-  getTranslation(lan = this.locale, prop) {
-    return prop.split('.').reduce((acc, val) => acc === null || acc === void 0 ? void 0 : acc[val], lan);
-  }
-
-}
-
-exports.Translate = Translate;

package/dist/index.spec.js

@@ -1,35 +0,0 @@
-"use strict";
-
-var _index = _interopRequireWildcard(require("./index"));
-
-var _asyncUtilities = require("../tests/async-utilities");
-
-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 instance', () => {
-  let rebillyInstruments;
-  beforeEach(() => {
-    rebillyInstruments = _index.default;
-  });
-  it('should have default export as instance of class', () => {
-    expect(_index.default).toBeInstanceOf(_index.RebillyInstrumentsInstance);
-  });
-  it('should be mountable', async () => {
-    jest.spyOn(rebillyInstruments, 'mount');
-    document.body.innerHTML = `
-      <div class="form-selector"></div>
-      <div class="summary-selector"></div>
-    `;
-    const options = {
-      form: '.form-selector',
-      summary: '.summary-selector',
-      items: []
-    };
-    await rebillyInstruments.mount(options);
-    expect(rebillyInstruments.mount).toHaveBeenCalledTimes(1);
-    expect(rebillyInstruments.mount).toHaveBeenCalledWith(options);
-    await (0, _asyncUtilities.avoidUnhandledPromises)();
-  });
-});

package/dist/loader/index.js

@@ -1,94 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Loader = void 0;
-
-var _isDomElement = _interopRequireDefault(require("../utils/is-dom-element"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-class Loader {
-  constructor() {
-    this.summary = [];
-    this.form = [];
-    this.modal = [];
-    this.DOM = {
-      loading: `
-                <div class="rebilly-instruments-loader is-active">
-                    <div class="rebilly-instruments-loader-spinner"></div>
-                </div>
-            `
-    };
-  }
-
-  addDOMElement({
-    section = 'form',
-    el = null
-  } = {}) {
-    if ((0, _isDomElement.default)(el)) {
-      el.style.position = 'relative';
-      this.DOM[section] = el;
-    }
-  }
-
-  startLoading({
-    section = 'form',
-    id = ''
-  } = {}) {
-    var _this$DOM;
-
-    const minHeight = '200px';
-    this[section].push(id);
-
-    if ((_this$DOM = this.DOM) !== null && _this$DOM !== void 0 && _this$DOM[section]) {
-      if (!this.DOM[section].querySelector('.rebilly-instruments-loader')) {
-        this.DOM[section].innerHTML = this.DOM.loading;
-      } else {
-        this.DOM[section].querySelector('.rebilly-instruments-loader').classList.add('is-active');
-      }
-
-      this.DOM[section].style.minHeight = minHeight;
-    }
-  }
-
-  stopLoading({
-    section = 'form',
-    id = ''
-  } = {}) {
-    const idIndex = this[section].indexOf(id);
-
-    if (idIndex !== -1) {
-      this[section].splice(idIndex, 1);
-    }
-
-    if (!this[section].length && this.DOM[section].querySelector('.rebilly-instruments-loader')) {
-      this.DOM[section].querySelector('.rebilly-instruments-loader').classList.remove('is-active');
-      this.DOM[section].style.minHeight = '';
-    }
-  }
-
-  clearAll() {
-    this.form.forEach(id => {
-      this.stopLoading({
-        id
-      });
-    });
-    this.summary.forEach(id => {
-      this.stopLoading({
-        section: 'summary',
-        id
-      });
-    });
-    this.modal.forEach(id => {
-      this.stopLoading({
-        section: 'modal',
-        id
-      });
-    });
-  }
-
-}
-
-exports.Loader = Loader;

package/dist/loader/loader.spec.js

@@ -1,69 +0,0 @@
-"use strict";
-
-var _index = require("./index");
-
-describe('Loader Class', () => {
-  let loader;
-  beforeEach(() => {
-    loader = new _index.Loader();
-    document.body.innerHTML = `
-      <div class="form-selector"></div>
-      <div class="summary-selector"></div>
-    `;
-    loader.addDOMElement({
-      el: document.querySelector('.form-selector')
-    });
-    loader.addDOMElement({
-      section: 'summary',
-      el: document.querySelector('.summary-selector')
-    });
-  });
-  it('manage state of loading ids', () => {
-    loader.startLoading({
-      id: 'loadForm'
-    });
-    loader.startLoading({
-      id: 'updateForm'
-    }); // Start loading state
-
-    loader.startLoading({
-      section: 'summary',
-      id: 'loadSummary'
-    });
-    loader.startLoading({
-      section: 'summary',
-      id: 'updateSummary'
-    }); // Stop one loading state
-
-    loader.stopLoading({
-      id: 'loadForm'
-    });
-    expect(loader.form.length).toEqual(1);
-    expect(loader.summary.length).toEqual(2);
-  });
-  it('adds the loader HTML on element and removes the active class when stoped', () => {
-    loader.startLoading({
-      id: 'loadForm'
-    });
-    expect(loader.DOM.form.innerHTML).toMatch('rebilly-instruments-loader');
-    expect(loader.DOM.form.querySelector('.rebilly-instruments-loader').classList.contains('is-active')).toEqual(true);
-    loader.stopLoading({
-      id: 'loadForm'
-    });
-    expect(loader.DOM.form.querySelector('.rebilly-instruments-loader').classList.contains('is-active')).toEqual(false);
-  });
-  it('keeps loading when there are Ids on the element array', () => {
-    loader.startLoading({
-      id: 'loadForm'
-    });
-    loader.startLoading({
-      id: 'updateForm'
-    });
-    expect(loader.DOM.form.innerHTML).toMatch('rebilly-instruments-loader');
-    expect(loader.DOM.form.querySelector('.rebilly-instruments-loader').classList.contains('is-active')).toEqual(true);
-    loader.stopLoading({
-      id: 'loadForm'
-    });
-    expect(loader.DOM.form.querySelector('.rebilly-instruments-loader').classList.contains('is-active')).toEqual(true);
-  });
-});

package/dist/storefront/index.js

@@ -1,73 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.validateStateForStorefront = validateStateForStorefront;
-exports.Endpoint = Endpoint;
-exports.default = exports.StorefrontInstance = void 0;
-
-var _rebillyJsSdk = require("rebilly-js-sdk");
-
-function validateStateForStorefront({
-  state
-}) {
-  if (!state.storefront) {
-    throw new Error('Could not access rebilly-js-sdk instance');
-  }
-
-  if (!state.options) {
-    throw new Error('Could not use Rebilly Instruments mount options to fetch Rebilly data');
-  }
-}
-
-async function Endpoint({
-  state
-} = {}, callback) {
-  try {
-    validateStateForStorefront({
-      state
-    });
-    return await callback();
-  } catch (error) {
-    // TODO: standard error handling for all endpoints
-    // console.error(error);
-    if (error.status === 422) {
-      error.details.forEach(e => console.error(e));
-    }
-
-    throw error;
-  }
-}
-
-class StorefrontInstance {
-  constructor({
-    publishableKey = null,
-    organizationId = null,
-    mode = 'live',
-    timeout = 10000,
-    liveUrl = null,
-    sandboxUrl = null
-  } = {}) {
-    const urls = {
-      live: liveUrl || 'https://api.rebilly.com',
-      sandbox: sandboxUrl || 'https://api-sandbox.rebilly.com'
-    };
-    const api = (0, _rebillyJsSdk.RebillyStorefrontAPI)({
-      organizationId,
-      sandbox: mode === 'sandbox',
-      timeout: Number.isNaN(parseInt(timeout, 10)) ? 10000 : parseInt(timeout, 10),
-      urls
-    });
-    api.setPublishableKey(publishableKey);
-    this.api = api;
-    return this.api;
-  }
-
-}
-
-exports.StorefrontInstance = StorefrontInstance;
-
-var _default = (config = {}) => new StorefrontInstance(config);
-
-exports.default = _default;

package/dist/storefront/invoices.js

@@ -1,27 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.fetchInvoice = fetchInvoice;
-
-var _invoiceModel = _interopRequireDefault(require("./models/invoice-model"));
-
-var _index = require("./index");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-async function fetchInvoice({
-  data = null,
-  state = null
-}) {
-  return (0, _index.Endpoint)({
-    state
-  }, async () => {
-    state.storefront.setSessionToken(state.options.customerJwt);
-    const {
-      fields
-    } = await state.storefront.invoices.get(data);
-    return new _invoiceModel.default(fields);
-  });
-}

package/dist/storefront/models/base-model.js

@@ -1,18 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-class BaseModel {
-  constructor({ ...fields
-  } = {}) {
-    Object.entries(fields).forEach(([key, value]) => {
-      this[key] = value;
-    });
-  }
-
-}
-
-exports.default = BaseModel;

package/dist/storefront/models/invoice-model.js

@@ -1,14 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _baseModel = _interopRequireDefault(require("./base-model"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-class InvoiceModel extends _baseModel.default {}
-
-exports.default = InvoiceModel;

package/dist/storefront/models/plan-model.js

@@ -1,14 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _baseModel = _interopRequireDefault(require("./base-model"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-class PlanModel extends _baseModel.default {}
-
-exports.default = PlanModel;

package/dist/storefront/models/product-model.js

@@ -1,14 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _baseModel = _interopRequireDefault(require("./base-model"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-class ProductModel extends _baseModel.default {}
-
-exports.default = ProductModel;

package/dist/storefront/models/ready-to-pay-model.js

@@ -1,46 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.ReadyToPayFeatureModel = void 0;
-
-class ReadyToPayFeatureModel {
-  constructor({
-    name = '',
-    // Google Pay fields
-    merchantName = '',
-    merchantOrigin = '',
-    // Plaid fields
-    linkToken = '',
-    expirationTime = ''
-  } = {}) {
-    this.name = name;
-    this.merchantName = merchantName;
-    this.merchantOrigin = merchantOrigin;
-    this.linkToken = linkToken;
-    this.expirationTime = expirationTime;
-  }
-
-}
-
-exports.ReadyToPayFeatureModel = ReadyToPayFeatureModel;
-
-class ReadyToPayModel {
-  constructor({
-    index = null,
-    method = '',
-    feature = null,
-    brands = [],
-    filters = []
-  } = {}) {
-    this.index = index;
-    this.method = method;
-    this.feature = feature ? new ReadyToPayFeatureModel(feature) : null;
-    this.brands = brands;
-    this.filters = filters;
-  }
-
-}
-
-exports.default = ReadyToPayModel;

package/dist/storefront/models/summary-model.js

@@ -1,79 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.SummaryDiscountModel = exports.SummaryTaxModel = exports.SummaryLineItemModel = void 0;
-
-var _baseModel = _interopRequireDefault(require("./base-model"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-class SummaryLineItemModel extends _baseModel.default {
-  constructor({
-    unitPrice = 0.0,
-    quantity = 0,
-    price = 0.0,
-    ...fields
-  } = {}) {
-    super(fields);
-    this.unitPrice = unitPrice;
-    this.quantity = quantity;
-    this.price = price;
-  }
-
-}
-
-exports.SummaryLineItemModel = SummaryLineItemModel;
-
-class SummaryTaxModel extends _baseModel.default {}
-
-exports.SummaryTaxModel = SummaryTaxModel;
-
-class SummaryDiscountModel extends _baseModel.default {
-  constructor({
-    amount = 0,
-    ...fields
-  }) {
-    super(fields);
-    this.amount = amount;
-  }
-
-}
-
-exports.SummaryDiscountModel = SummaryDiscountModel;
-
-class SummaryModel {
-  constructor({
-    currency = '',
-    lineItems = [],
-    taxes = [],
-    discounts = [],
-    subtotalAmount = 0.0,
-    taxAmount = 0.0,
-    shippingAmount = 0.0,
-    discountsAmount = 0.0,
-    total = 0.0
-  } = {}) {
-    function map(array) {
-      const list = Array.isArray(array) ? array : [];
-      return {
-        // eslint-disable-next-line new-cap
-        to: instance => list.map(item => new instance(item))
-      };
-    }
-
-    this.currency = currency;
-    this.lineItems = map(lineItems).to(SummaryLineItemModel);
-    this.taxes = map(taxes).to(SummaryTaxModel);
-    this.discounts = map(discounts).to(SummaryDiscountModel);
-    this.subtotalAmount = subtotalAmount;
-    this.taxAmount = taxAmount;
-    this.shippingAmount = shippingAmount;
-    this.discountsAmount = discountsAmount;
-    this.total = total;
-  }
-
-}
-
-exports.default = SummaryModel;

package/dist/storefront/models/transaction-model.js

@@ -1,31 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _baseModel = _interopRequireDefault(require("./base-model"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-class TransactionModel extends _baseModel.default {
-  constructor({
-    invoiceIds = [],
-    ...fields
-  }) {
-    super(fields);
-    this.invoiceIds = invoiceIds || [];
-  }
-
-  get invoiceId() {
-    return this.invoiceIds[0] || null;
-  }
-
-  get hasInvoice() {
-    return !!this.invoiceId;
-  }
-
-}
-
-exports.default = TransactionModel;