@rebilly/instruments 1.0.1-beta → 1.0.2-beta.10

package/dist/components/form/get-payment-methods.js

@@ -1,42 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getPaymentMethods = getPaymentMethods;
-
-/* eslint-disable no-unused-expressions, arrow-body-style */
-var SUPPORTED_EXPRESS_METHODS = ['Google Pay', 'Apple Pay', 'paypal'];
-
-var isExpressMethod = function isExpressMethod(_ref) {
-  var method = _ref.method,
-      feature = _ref.feature;
-  return SUPPORTED_EXPRESS_METHODS.includes(method) || SUPPORTED_EXPRESS_METHODS.includes(feature === null || feature === void 0 ? void 0 : feature.name);
-};
-
-function getPaymentMethods(methods) {
-  var _this = this;
-
-  var result = {
-    EXPRESS_METHODS: [],
-    METHODS: []
-  };
-  methods.forEach(function (method) {
-    if (isExpressMethod(method)) {
-      // Add loader entry per express method
-      _this.loader.startLoading({
-        id: "".concat(method.method, "-express")
-      });
-
-      result.EXPRESS_METHODS.push(method);
-    } else {
-      // Add loader entry per method
-      _this.loader.startLoading({
-        id: method.method
-      });
-
-      result.METHODS.push(method);
-    }
-  });
-  return result;
-}

package/dist/components/form/method-selector.js

@@ -1,61 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.MountMethodSelector = MountMethodSelector;
-
-var _main = require("../../styles/main");
-
-var _zoidHelpers = require("./zoid-helpers");
-
-var _getMethodData2 = require("./get-method-data");
-
-function MountMethodSelector(_ref) {
-  var _this = this;
-
-  var METHODS_CONTAINER = _ref.METHODS_CONTAINER,
-      METHODS = _ref.METHODS,
-      plans = _ref.plans,
-      products = _ref.products;
-  METHODS_CONTAINER.innerHTML = "<div class=\"rebilly-instruments-method-selector\"></div>";
-  var SELECTOR_CONTAINER = document.querySelector('.rebilly-instruments-method-selector');
-  METHODS.forEach(function (method) {
-    var _this$configs, _this$options$payment;
-
-    var _getMethodData = (0, _getMethodData2.getMethodData)(method),
-        METHOD_ID = _getMethodData.METHOD_ID,
-        METHOD_TYPE = _getMethodData.METHOD_TYPE;
-
-    var _ref2 = _this.options._computed || 'https://www.example.com',
-        paymentMethodsUrl = _ref2.paymentMethodsUrl;
-
-    var zoidComponent = METHOD_ID;
-    var zoidCreateConfig = {
-      tag: METHOD_ID,
-      url: "".concat(paymentMethodsUrl, "/").concat(METHOD_ID)
-    };
-    var zoidMountConfig = {
-      configs: _this.configs,
-      options: _this.options,
-      MAIN_STYLE: (0, _main.MAIN_STYLE)(((_this$configs = _this.configs) === null || _this$configs === void 0 ? void 0 : _this$configs.theme) || {}),
-      method: method,
-      plans: plans,
-      products: products,
-      dispatch: function dispatch(event, detail) {
-        _zoidHelpers.dispatch.call(_this, event, detail);
-      }
-    };
-    var isiFrame = METHOD_ID === 'payment-card' && !((_this$options$payment = _this.options.paymentInstruments[METHOD_TYPE]) !== null && _this$options$payment !== void 0 && _this$options$payment.popup);
-    var zoidDefaultContext = isiFrame ? _zoidHelpers.zoidIframe : _zoidHelpers.zoidPopup;
-    _this.zoidComponents[METHOD_ID] = zoidDefaultContext.call(_this, {
-      zoidComponent: zoidComponent,
-      zoidCreateConfig: zoidCreateConfig,
-      zoidMountConfig: zoidMountConfig
-    }, {
-      SELECTOR_CONTAINER: SELECTOR_CONTAINER,
-      METHOD_ID: METHOD_ID,
-      method: method
-    });
-  });
-}

package/dist/components/form/mount-express-payment-methods.js

@@ -1,102 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.mountExpressPaymentMethods = mountExpressPaymentMethods;
-
-var _zoidHelpers = require("./zoid-helpers");
-
-var _getMethodData = require("./get-method-data");
-
-var _main = require("../../styles/main");
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-function mountGooglePay(_ref) {
-  var _this$configs;
-
-  var METHOD_ID = _ref.METHOD_ID;
-  var SELECTOR_CONTAINER = document.querySelector('.rebilly-instruments-form-express');
-  var paymentMethodsUrl = this.options._computed.paymentMethodsUrl;
-  var zoidComponent = 'googlePay';
-  var zoidCreateConfig = {
-    tag: METHOD_ID,
-    url: "".concat(paymentMethodsUrl, "/").concat(METHOD_ID),
-    prerenderTemplate: function prerenderTemplate() {
-      return null;
-    }
-  };
-  var zoidMountConfig = {
-    configs: this.configs,
-    options: this.options,
-    MAIN_STYLE: (0, _main.MAIN_STYLE)(((_this$configs = this.configs) === null || _this$configs === void 0 ? void 0 : _this$configs.theme) || {}),
-    dispatch: _zoidHelpers.dispatch
-  };
-  this.zoidComponents.googlePay = _zoidHelpers.zoidIframe.call(this, {
-    zoidComponent: zoidComponent,
-    zoidCreateConfig: zoidCreateConfig,
-    zoidMountConfig: zoidMountConfig
-  }, {
-    SELECTOR_CONTAINER: SELECTOR_CONTAINER,
-    METHOD_ID: METHOD_ID
-  });
-}
-
-function mountApplePay(_ref2) {
-  var EXPRESS_METHODS_CONTAINER = _ref2.EXPRESS_METHODS_CONTAINER,
-      METHOD_ID = _ref2.METHOD_ID,
-      METHOD_TYPE = _ref2.METHOD_TYPE;
-  EXPRESS_METHODS_CONTAINER.innerHTML += "\n    <div id=\"rebilly-instruments-".concat(METHOD_ID, "\" data-rebilly-instruments-express-type=\"").concat(METHOD_TYPE, "\"></div>\n  ");
-  Rebilly.applePay.mount("#rebilly-instruments-".concat(METHOD_ID));
-  Rebilly.on('token-ready', function (token) {
-    (0, _zoidHelpers.dispatch)('instrument-ready', token);
-  });
-}
-
-function mountPaypal() {
-  console.log('PayPal - work in progress');
-  this.loader.stopLoading({
-    id: 'paypal-express'
-  });
-}
-
-var browserIsSafari = function browserIsSafari() {
-  return window.ApplePaySession;
-};
-
-function mountExpressPaymentMethods(_ref3) {
-  var _this = this;
-
-  var EXPRESS_METHODS = _ref3.EXPRESS_METHODS,
-      EXPRESS_METHODS_CONTAINER = _ref3.EXPRESS_METHODS_CONTAINER;
-  EXPRESS_METHODS.forEach(function (expressMethod) {
-    var method = expressMethod.method,
-        feature = expressMethod.feature;
-    var methodData = (0, _getMethodData.getMethodData)(expressMethod);
-
-    if (method === 'paypal') {
-      mountPaypal.call(_this);
-    }
-
-    ;
-
-    if ((feature === null || feature === void 0 ? void 0 : feature.name) === 'Google Pay') {
-      mountGooglePay.call(_this, _objectSpread({}, methodData));
-    }
-
-    if ((feature === null || feature === void 0 ? void 0 : feature.name) === 'Apple Pay' && browserIsSafari()) {
-      mountApplePay.call(_this, _objectSpread({
-        EXPRESS_METHODS_CONTAINER: EXPRESS_METHODS_CONTAINER
-      }, methodData));
-    } else {
-      _this.loader.stopLoading({
-        id: 'payment-card-express'
-      });
-    }
-  });
-}

package/dist/components/form/process-digital-wallet-options.js

@@ -1,20 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.processDigitalWalletOptions = processDigitalWalletOptions;
-
-function processDigitalWalletOptions(options) {
-  var paymentInstruments = options.paymentInstruments;
-  var digitalWalletOptions = {};
-
-  if (paymentInstruments !== null && paymentInstruments !== void 0 && paymentInstruments.googlePay) {
-    var googlePay = paymentInstruments.googlePay;
-    digitalWalletOptions.merchantConfig = googlePay.merchantConfig; // Throw error?
-
-    digitalWalletOptions.googlePayDisplayOptions = googlePay.displayOptions;
-  }
-
-  return digitalWalletOptions;
-}

package/dist/components/form/zoid-helpers.js

@@ -1,130 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.containerTemplate = containerTemplate;
-exports.zoidIframe = zoidIframe;
-exports.zoidPopup = zoidPopup;
-exports.dispatch = void 0;
-
-var _zoid = _interopRequireDefault(require("zoid"));
-
-var _events = _interopRequireDefault(require("../../events"));
-
-var _index = require("../../utils/index");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-var dispatch = function dispatch(event, detail) {
-  _events["default"][(0, _index.camelCase)(event).replace(/-/, '')].dispatch(detail);
-};
-
-exports.dispatch = dispatch;
-
-function containerTemplate(_ref) {
-  var _this$translate;
-
-  var doc = _ref.doc,
-      uid = _ref.uid,
-      focus = _ref.focus;
-
-  if (doc === null || doc === undefined) {
-    doc = document;
-  }
-
-  var container = doc.createElement('div');
-  var text = doc.createElement('p');
-  text.dataset.rebillyI18n = 'form.popupOverlayText';
-  text.innerText = ((_this$translate = this.translate) === null || _this$translate === void 0 ? void 0 : _this$translate.translateItem(text)) || 'Click here to show popup window';
-  container.id = uid;
-  container.append(text);
-  container.classList.add('rebilly-instruments-overlay');
-  container.addEventListener('click', focus);
-  return container;
-}
-
-;
-
-function zoidIframe(_ref2, _ref3) {
-  var _this = this;
-
-  var zoidComponent = _ref2.zoidComponent,
-      zoidCreateConfig = _ref2.zoidCreateConfig,
-      zoidMountConfig = _ref2.zoidMountConfig;
-  var SELECTOR_CONTAINER = _ref3.SELECTOR_CONTAINER,
-      METHOD_ID = _ref3.METHOD_ID;
-  var component = typeof this.zoidComponents[zoidComponent] === "function" ? this.zoidComponents[zoidComponent] : undefined;
-  var selector = "rebilly-instruments-".concat(METHOD_ID);
-  SELECTOR_CONTAINER.innerHTML += "<div id=\"".concat(selector, "\" data-rebilly-instruments-type=\"").concat(METHOD_ID, "\"></div>");
-  var METHOD_WRAPPER = document.querySelector("#".concat(selector));
-
-  if (!component) {
-    component = _zoid["default"].create(_objectSpread(_objectSpread({}, zoidCreateConfig), {}, {
-      defaultContext: 'iframe',
-      dimensions: {
-        width: '100%',
-        height: '100%'
-      }
-    }));
-  }
-
-  component({
-    RebillyInstruments: _objectSpread(_objectSpread({}, zoidMountConfig), {}, {
-      onFrameResize: function onFrameResize(height) {
-        METHOD_WRAPPER.style.height = height;
-      },
-      onLoading: function onLoading(id) {
-        _this.loader.stopLoading({
-          id: id
-        });
-      }
-    }),
-    onDestroy: function onDestroy() {
-      setTimeout(function () {
-        METHOD_WRAPPER.remove();
-      }, 1000);
-    }
-  }).render("#".concat(selector));
-  return component;
-}
-
-function zoidPopup(_ref4, _ref5) {
-  var zoidComponent = _ref4.zoidComponent,
-      zoidCreateConfig = _ref4.zoidCreateConfig,
-      zoidMountConfig = _ref4.zoidMountConfig;
-  var SELECTOR_CONTAINER = _ref5.SELECTOR_CONTAINER,
-      METHOD_ID = _ref5.METHOD_ID,
-      method = _ref5.method;
-  var component = typeof this.zoidComponents[zoidComponent] === "function" ? this.zoidComponents[zoidComponent] : undefined;
-
-  if (!component) {
-    component = _zoid["default"].create(_objectSpread(_objectSpread({}, zoidCreateConfig), {}, {
-      defaultContext: 'popup',
-      dimensions: {
-        width: '600px',
-        height: '600px'
-      },
-      containerTemplate: containerTemplate.bind(this)
-    }));
-  }
-
-  var selector = "rebilly-instruments-".concat(METHOD_ID);
-  SELECTOR_CONTAINER.innerHTML += "<div id=\"".concat(selector, "\" data-rebilly-instruments-type=\"").concat(METHOD_ID, "\">\n      <button data-rebilly-i18n=\"paymentMethods.").concat(method.method, "\" class=\"rebilly-instruments-button\">").concat((0, _index.unKebabCase)(method.method), "</button>\n    </div>");
-  this.loader.stopLoading({
-    id: method.method
-  });
-  var PAYMENT_CARD_BUTTON = document.querySelector("#".concat(selector, " button"));
-  PAYMENT_CARD_BUTTON.addEventListener('click', function () {
-    component({
-      RebillyInstruments: _objectSpread({}, zoidMountConfig)
-    }).render();
-  });
-  return component;
-}

package/dist/components/result.js

@@ -1,66 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.MountResult = MountResult;
-
-var _zoid = _interopRequireDefault(require("zoid"));
-
-var _main = require("../styles/main");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-function MountResult(_ref) {
-  var _this$configs,
-      _this = this;
-
-  var purchase = _ref.purchase;
-  var resultContainerClassName = 'rebilly-instruments-result';
-  this.form.innerHTML += "<div class=\"".concat(resultContainerClassName, "\"></div>");
-  this.loader.startLoading({
-    id: 'result'
-  });
-  var RESULT_CONTAINER = document.querySelector(".".concat(resultContainerClassName));
-  this.form.querySelectorAll(":not(.".concat(resultContainerClassName, ")")).forEach(function (element) {
-    if (!element.classList.contains('rebilly-instruments-loader') && !element.classList.contains('rebilly-instruments-loader-spinner')) {
-      element.remove();
-    }
-  });
-  var paymentMethodsUrl = this.options._computed.paymentMethodsUrl;
-  var zoidCreateConfig = {
-    tag: 'rebilly-instruments-result',
-    url: "".concat(paymentMethodsUrl, "/result"),
-    defaultContext: 'iframe',
-    dimensions: {
-      width: '100%',
-      height: '100%'
-    }
-  };
-  var zoidMountConfig = {
-    configs: this.configs,
-    options: this.options,
-    MAIN_STYLE: (0, _main.MAIN_STYLE)(((_this$configs = this.configs) === null || _this$configs === void 0 ? void 0 : _this$configs.theme) || {}),
-    purchase: purchase,
-    onFrameResize: function onFrameResize(height) {
-      RESULT_CONTAINER.style.height = height;
-    },
-    onLoading: function onLoading(id) {
-      setTimeout(function () {
-        _this.loader.stopLoading({
-          id: id
-        });
-      }, 1);
-    }
-  };
-
-  if (!this.zoidComponents.result) {
-    this.zoidComponents.result = _zoid["default"].create(zoidCreateConfig);
-  }
-
-  this.zoidComponents.result({
-    RebillyInstruments: zoidMountConfig
-  }).render(".".concat(resultContainerClassName));
-}
-
-;

package/dist/components/summary.js

@@ -1,60 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.MountSummary = MountSummary;
-exports.baseSummaryHTML = void 0;
-
-var _utils = require("../utils");
-
-var baseSummaryHTML = "\n  <div class=\"rebilly-instruments-summary-container\">\n    <div class=\"rebilly-instruments-summary-line-items\"></div>\n    <div class=\"rebilly-instruments-summary-breakdown\"></div>\n  </div>\n";
-exports.baseSummaryHTML = baseSummaryHTML;
-
-function MountSummary() {
-  var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-      summary = _ref.summary,
-      plans = _ref.plans,
-      products = _ref.products;
-
-  this.summary.innerHTML += baseSummaryHTML;
-  var itemsContainer = document.querySelector('.rebilly-instruments-summary-line-items');
-  var summaryBreakdown = document.querySelector('.rebilly-instruments-summary-breakdown');
-  var optionItems = this.options.intent.items;
-  var hasThumbnails = optionItems.some(function (optionItem) {
-    return optionItem.thumbnail;
-  });
-  var lineItems = summary.lineItems,
-      currency = summary.currency,
-      discountsAmount = summary.discountsAmount,
-      shippingAmount = summary.shippingAmount,
-      subtotalAmount = summary.subtotalAmount,
-      taxAmount = summary.taxAmount,
-      total = summary.total;
-  lineItems.forEach(function (lineItem) {
-    var _optionItems$find = optionItems.find(function (optionItem) {
-      return optionItem.planId === lineItem.planId;
-    }),
-        thumbnail = _optionItems$find.thumbnail;
-
-    var _plans$find = plans.find(function (plan) {
-      return plan.id === lineItem.planId;
-    }),
-        name = _plans$find.name;
-
-    var _products$find = products.find(function (product) {
-      return product.id === lineItem.productId;
-    }),
-        description = _products$find.description;
-
-    itemsContainer.innerHTML += "\n      <div class=\"rebilly-instruments-summary-line-item\">\n        ".concat(hasThumbnails ? "\n          <figure class=\"rebilly-instruments-summary-line-item-figure\">\n            ".concat(thumbnail ? "<img src=\"".concat(thumbnail, "\" alt=\"").concat(name, "\">") : '', "\n          </figure>\n        ") : "", "\n        <div class=\"rebilly-instruments-summary-line-item-synopsis\">\n            <p class=\"rebilly-instruments-summary-line-item-synopsis-title\">").concat(name, "</p>\n            <p class=\"rebilly-instruments-summary-line-item-synopsis-description\">").concat(description, "</p>\n        </div>\n        <div class=\"rebilly-instruments-summary-line-item-price-breakdown\">\n          <p class=\"rebilly-instruments-summary-line-item-price-breakdown-quantity\">").concat(lineItem.quantity, "</p>\n          <svg class=\"rebilly-instruments-icon\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n            <path d=\"M12 10.5858l2.8284-2.8284c.3906-.3906 1.0237-.3906 1.4142 0 .3906.3905.3906 1.0236 0 1.4142L13.4142 12l2.8284 2.8284c.3906.3906.3906 1.0237 0 1.4142-.3905.3906-1.0236.3906-1.4142 0L12 13.4142l-2.8284 2.8284c-.3906.3906-1.0237.3906-1.4142 0-.3906-.3905-.3906-1.0236 0-1.4142L10.5858 12 7.7574 9.1716c-.3906-.3906-.3906-1.0237 0-1.4142.3905-.3906 1.0236-.3906 1.4142 0L12 10.5858z\" fill-rule=\"nonzero\"/>\n          </svg>\n          <p class=\"rebilly-instruments-summary-line-item-price-breakdown-unit-price\">").concat((0, _utils.formatCurrency)(lineItem.unitPrice, currency), "</p>\n        </div>\n      </div>\n    ");
-  });
-  summaryBreakdown.innerHTML = "\n    <table>\n      <colgroup>\n        <col>\n        <col>\n      </colgroup>\n      <tr class=\"rebilly-instruments-summary-breakdown-sub-total\">\n        <td data-rebilly-i18n=\"summary.subTotal\">Sub Total</td>\n        <td>".concat((0, _utils.formatCurrency)(subtotalAmount, currency), "</td>\n      </tr>\n      <tr class=\"rebilly-instruments-summary-breakdown-discounts\">\n        <td data-rebilly-i18n=\"summary.discounts\">Discounts</td>\n        <td>").concat((0, _utils.formatCurrency)(discountsAmount, currency), "</td>\n      </tr>\n      <tr class=\"rebilly-instruments-summary-breakdown-taxes\">\n        <td data-rebilly-i18n=\"summary.taxes\">Taxes</td>\n        <td>").concat((0, _utils.formatCurrency)(taxAmount, currency), "</td>\n      </tr>\n      <tr class=\"rebilly-instruments-summary-breakdown-taxes\">\n        <td data-rebilly-i18n=\"summary.shipping\">Shipping</td>\n        <td>").concat((0, _utils.formatCurrency)(shippingAmount, currency), "</td>\n      </tr>\n    </table>\n    <div class=\"rebilly-instruments-summary-breakdown-total\">\n      <p data-rebilly-i18n=\"summary.total\">Total</p>\n      <p class=\"rebilly-instruments-summary-breakdown-total-amount\">\n        <span class=\"rebilly-instruments-summary-breakdown-total-amount-currency\">").concat(currency, "</span>").concat((0, _utils.formatCurrency)(total, currency), "\n      </p>\n    </div>\n  ");
-  this.translate.translateItems();
-  this.loader.stopLoading({
-    section: 'summary',
-    id: 'initSummary'
-  });
-}
-
-;

package/dist/components/summary.spec.js

@@ -1,144 +0,0 @@
-"use strict";
-
-var _summaryModel = _interopRequireDefault(require("@/storefront/models/summary-model"));
-
-var _planModel = _interopRequireDefault(require("@/storefront/models/plan-model"));
-
-var _productModel = _interopRequireDefault(require("@/storefront/models/product-model"));
-
-var _loader = require("../loader");
-
-var _i18n = require("../i18n");
-
-var _summary = require("./summary");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
-
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
-
-describe('Summary component', function () {
-  var summaryElement;
-  beforeEach(function () {
-    summaryElement = document.createElement('div');
-    document.body.append(summaryElement);
-  });
-
-  var TestMountSummaryInstance = /*#__PURE__*/function () {
-    function TestMountSummaryInstance() {
-      var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-          _ref$configs = _ref.configs,
-          configs = _ref$configs === void 0 ? {} : _ref$configs,
-          _ref$options = _ref.options,
-          options = _ref$options === void 0 ? {} : _ref$options,
-          _ref$summary = _ref.summary,
-          summary = _ref$summary === void 0 ? summaryElement : _ref$summary,
-          _ref$loader = _ref.loader,
-          loader = _ref$loader === void 0 ? new _loader.Loader() : _ref$loader,
-          _ref$translate = _ref.translate,
-          translate = _ref$translate === void 0 ? new _i18n.Translate() : _ref$translate;
-
-      _classCallCheck(this, TestMountSummaryInstance);
-
-      this.configs = configs;
-      this.options = options;
-      this.summary = summary;
-      this.loader = loader;
-      this.translate = translate;
-    }
-
-    _createClass(TestMountSummaryInstance, [{
-      key: "mountSummary",
-      value: function mountSummary(summaryProductsPlans) {
-        this.loader.DOM.summary = this.summary;
-
-        for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
-          args[_key - 1] = arguments[_key];
-        }
-
-        return _summary.MountSummary.apply(this, args.concat(summaryProductsPlans));
-      }
-    }]);
-
-    return TestMountSummaryInstance;
-  }();
-
-  var options = {
-    intent: {
-      countryCode: 'US',
-      items: [{
-        planId: 'my-awesome-product',
-        quantity: 1,
-        thumbnail: ''
-      }, {
-        planId: 'awesome-t-shirt',
-        quantity: 2,
-        thumbnail: ''
-      }]
-    }
-  };
-  var summaryData = new _summaryModel["default"]({
-    currency: "USD",
-    lineItems: [{
-      type: "debit",
-      description: "My Awesome Product",
-      unitPrice: 30,
-      quantity: 1,
-      price: 30,
-      productId: "test-product-1",
-      planId: "my-awesome-product"
-    }, {
-      type: "debit",
-      description: "Awesome T-Shirt",
-      unitPrice: 20,
-      quantity: 2,
-      price: 40,
-      productId: "test-product-2",
-      planId: "awesome-t-shirt"
-    }],
-    subtotalAmount: 70,
-    taxAmount: 0,
-    shippingAmount: 0,
-    discountsAmount: 0,
-    total: 70
-  });
-  var planData = [new _planModel["default"]({
-    name: 'My Awesome Product',
-    id: 'my-awesome-product',
-    productId: 'test-product-1'
-  }), new _planModel["default"]({
-    name: 'My Awesome T-Shirt',
-    id: 'awesome-t-shirt',
-    productId: 'test-product-2'
-  })];
-  var productData = [new _productModel["default"]({
-    description: 'My Awesome Product',
-    id: 'test-product-1'
-  }), new _productModel["default"]({
-    description: 'My Awesome T-Shirt',
-    id: 'test-product-2'
-  })];
-  var configs = {
-    websiteId: 'test-website-id'
-  };
-  it('should render the summary correctly', function () {
-    var mountSummaryInstance = new TestMountSummaryInstance({
-      configs: configs,
-      options: options
-    });
-    mountSummaryInstance.mountSummary({
-      summary: summaryData,
-      plans: planData,
-      products: productData
-    }); // Number of line items
-
-    var itemsContainer = document.querySelector('.rebilly-instruments-summary-line-items');
-    expect(itemsContainer).toMatchSnapshot(); // Breakdown
-
-    var summaryBreakdown = document.querySelector('.rebilly-instruments-summary-breakdown');
-    expect(summaryBreakdown).toMatchSnapshot();
-  });
-});