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

package/dist/events/instrument-ready.js

@@ -1,51 +0,0 @@
-"use strict";
-
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.InstrumentReadyEventName = void 0;
-
-var _baseEvent = _interopRequireDefault(require("./base-event"));
-
-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 _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
-
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
-
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-
-var InstrumentReadyEventName = 'rebilly-instruments-instrument-ready';
-exports.InstrumentReadyEventName = InstrumentReadyEventName;
-
-var InstrumentReadyEvent = /*#__PURE__*/function (_BaseEvent) {
-  _inherits(InstrumentReadyEvent, _BaseEvent);
-
-  var _super = _createSuper(InstrumentReadyEvent);
-
-  function InstrumentReadyEvent() {
-    var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-        _ref$name = _ref.name,
-        name = _ref$name === void 0 ? InstrumentReadyEventName : _ref$name;
-
-    _classCallCheck(this, InstrumentReadyEvent);
-
-    return _super.call(this, name);
-  }
-
-  return InstrumentReadyEvent;
-}(_baseEvent["default"]);
-
-exports["default"] = InstrumentReadyEvent;

package/dist/events/purchase-complete.js

@@ -1,51 +0,0 @@
-"use strict";
-
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.InstrumentReadyEventName = void 0;
-
-var _baseEvent = _interopRequireDefault(require("./base-event"));
-
-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 _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
-
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
-
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-
-var InstrumentReadyEventName = 'rebilly-instruments-purchase-complete';
-exports.InstrumentReadyEventName = InstrumentReadyEventName;
-
-var PurchaseCompleteEvent = /*#__PURE__*/function (_BaseEvent) {
-  _inherits(PurchaseCompleteEvent, _BaseEvent);
-
-  var _super = _createSuper(PurchaseCompleteEvent);
-
-  function PurchaseCompleteEvent() {
-    var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-        _ref$name = _ref.name,
-        name = _ref$name === void 0 ? InstrumentReadyEventName : _ref$name;
-
-    _classCallCheck(this, PurchaseCompleteEvent);
-
-    return _super.call(this, name);
-  }
-
-  return PurchaseCompleteEvent;
-}(_baseEvent["default"]);
-
-exports["default"] = PurchaseCompleteEvent;

package/dist/functions/mount.js

@@ -1,311 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Mount = Mount;
-
-var _riskDataCollector = require("@rebilly/risk-data-collector");
-
-var _lodash = require("lodash");
-
-var _main = require("../styles/main");
-
-var _utils = require("../utils");
-
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
-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 asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
-
-function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
-
-/**
- * @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} Intent
-* @property {"purchase" | "vault"} mode - Which mode the mount is usings. Default "purchase".
-* @property {Array.<Item>} items - Which plans the customer is purchasing.
-* @property {string} customerId - Which customer is associated with the instrument.
-*/
-
-/**
- * @typedef {Object} Options
- * @property {Intent} intent - The information required for purchaseing or vaulting an instrument
- */
-
-/**
- * Mount library with configurations.
- * @param {string | HTMLElement} form - The CSS class or HTML element were the form will be mounted.
- * @param {string | HTMLElement} summary - The CSS class or HTML element were the summary will be mounted.
- * @param {Options} options - The configurations that are to be passed to the library for use.
- */
-function Mount() {
-  return _Mount.apply(this, arguments);
-}
-
-function _Mount() {
-  _Mount = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
-    var _this$configs,
-        _this$configs3,
-        _this = this;
-
-    var _ref,
-        _ref$form,
-        form,
-        _ref$summary,
-        summary,
-        _ref$_dev,
-        _dev,
-        _ref$options,
-        options,
-        framePayUrls,
-        _computed,
-        OPTIONS_DEFAULTS,
-        _riskMetadata$browser,
-        _this$configs2,
-        _yield$collectData,
-        riskMetadata,
-        language,
-        _i18n,
-        _yield$Promise$all,
-        _yield$Promise$all2,
-        readyToPayData,
-        summaryData,
-        plansData,
-        productsData,
-        i18n,
-        _args = arguments;
-
-    return regeneratorRuntime.wrap(function _callee$(_context) {
-      while (1) {
-        switch (_context.prev = _context.next) {
-          case 0:
-            _ref = _args.length > 0 && _args[0] !== undefined ? _args[0] : {}, _ref$form = _ref.form, form = _ref$form === void 0 ? '.rebilly-instruments' : _ref$form, _ref$summary = _ref.summary, summary = _ref$summary === void 0 ? '.rebilly-instruments-summary' : _ref$summary, _ref$_dev = _ref._dev, _dev = _ref$_dev === void 0 ? {
-              framePayScriptLink: null,
-              framePayStyleLink: null,
-              paymentMethodsUrl: null
-            } : _ref$_dev, _ref$options = _ref.options, options = _ref$options === void 0 ? {} : _ref$options;
-            this.form = form;
-            this.summary = summary;
-            framePayUrls = {
-              script: _dev.framePayScriptLink || 'https://framepay.rebilly.com/rebilly.js',
-              style: _dev.framePayStyleLink || 'https://framepay.rebilly.com/rebilly.css'
-            };
-            _computed = {
-              paymentMethodsUrl: _dev.paymentMethodsUrl || 'https://forms.secure-payments.app'
-            };
-            OPTIONS_DEFAULTS = {
-              intent: {
-                countryCode: 'US'
-              },
-              locale: 'auto',
-              paymentInstruments: {
-                compactExpressInstruments: true,
-                googlePay: {
-                  displayOptions: {
-                    buttonColor: 'black',
-                    buttonType: 'short',
-                    buttonHeight: '44px'
-                  }
-                },
-                paymentCard: {
-                  popup: false
-                }
-              },
-              flowFlags: {
-                autoConfirmation: true,
-                autoResult: true
-              }
-            }; // TODO: Only add _dev in dev enviroment
-
-            this.options = (0, _lodash.merge)(OPTIONS_DEFAULTS, _objectSpread(_objectSpread({}, options), {}, {
-              _dev: _dev,
-              _computed: _computed
-            }));
-            this.form = (0, _utils.processPropertyAsDOMElement)({
-              prop: this.form,
-              propName: 'form'
-            });
-            this.summary = (0, _utils.processPropertyAsDOMElement)({
-              prop: this.summary,
-              propName: 'summary',
-              isRequired: false
-            }); // Setup loader
-
-            this.loader.addDOMElement({
-              el: this.form
-            });
-            this.loader.addDOMElement({
-              section: 'summary',
-              el: this.summary
-            }); // Adds base stylesheet
-
-            (0, _utils.addDOMElement)({
-              element: 'style',
-              attributes: {
-                type: 'text/css'
-              },
-              content: (0, _main.MAIN_STYLE)(((_this$configs = this.configs) === null || _this$configs === void 0 ? void 0 : _this$configs.theme) || {}),
-              target: 'head'
-            }); // Adds configs CSS to override any styles
-
-            if (this.configs.css) {
-              (0, _utils.addDOMElement)({
-                element: 'style',
-                attributes: {
-                  type: 'text/css'
-                },
-                content: this.configs.css,
-                target: 'head'
-              });
-            } // Adds FramePay
-
-
-            if (!document.querySelectorAll("[framepay*=\"script\"]").length) {
-              (0, _utils.addDOMElement)({
-                element: 'script',
-                attributes: {
-                  'framepay': 'script',
-                  src: framePayUrls.script
-                },
-                target: 'head'
-              });
-            }
-
-            if (!document.querySelectorAll("[framepay*=\"stylesheet\"]").length) {
-              (0, _utils.addDOMElement)({
-                element: 'link',
-                attributes: {
-                  'framepay': 'stylesheet',
-                  href: framePayUrls.style,
-                  rel: 'stylesheet'
-                },
-                target: 'head'
-              });
-            }
-
-            _context.prev = 15;
-            this.loader.startLoading({
-              section: 'summary',
-              id: 'initSummary'
-            });
-            this.loader.startLoading({
-              id: 'initForm'
-            });
-            _context.next = 20;
-            return (0, _riskDataCollector.collectData)();
-
-          case 20:
-            _yield$collectData = _context.sent;
-            riskMetadata = _yield$collectData.riskMetadata;
-
-            if (this.options.locale === 'auto' && riskMetadata !== null && riskMetadata !== void 0 && (_riskMetadata$browser = riskMetadata.browserData) !== null && _riskMetadata$browser !== void 0 && _riskMetadata$browser.language) {
-              language = riskMetadata.browserData.language;
-              this.options.locale = language;
-            }
-
-            _i18n = ((_this$configs2 = this.configs) === null || _this$configs2 === void 0 ? void 0 : _this$configs2.i18n) || {};
-            this.translate.init(this.options.locale, _i18n);
-            _context.next = 27;
-            return Promise.all([this._fetchReadyToPay(riskMetadata), this._fetchSummary()]);
-
-          case 27:
-            _yield$Promise$all = _context.sent;
-            _yield$Promise$all2 = _slicedToArray(_yield$Promise$all, 2);
-            readyToPayData = _yield$Promise$all2[0];
-            summaryData = _yield$Promise$all2[1];
-            _context.next = 33;
-            return this._fetchPlans({
-              data: summaryData
-            });
-
-          case 33:
-            plansData = _context.sent;
-            _context.next = 36;
-            return this._fetchProducts({
-              data: plansData
-            });
-
-          case 36:
-            productsData = _context.sent;
-
-            if (this.form) {
-              this.formOptions = {
-                readyToPay: readyToPayData,
-                summary: summaryData,
-                plans: plansData,
-                products: productsData
-              };
-
-              this._mountForm(this.formOptions);
-            }
-
-            if (this.summary) {
-              this._mountSummary({
-                summary: summaryData,
-                plans: plansData,
-                products: productsData
-              });
-            }
-
-            _context.next = 44;
-            break;
-
-          case 41:
-            _context.prev = 41;
-            _context.t0 = _context["catch"](15);
-            throw _context.t0;
-
-          case 44:
-            i18n = ((_this$configs3 = this.configs) === null || _this$configs3 === void 0 ? void 0 : _this$configs3.i18n) || {};
-            this.translate.init(this.options.locale, i18n);
-            this.translate.translateItems();
-
-            if (this.options.flowFlags.autoConfirmation) {
-              this.on('instrument-ready', function (instrument) {
-                _this.show('confirmation', {
-                  instrument: instrument
-                });
-              });
-            }
-
-            if (this.options.flowFlags.autoResult) {
-              this.on('purchase-complete', function (purchase) {
-                _this.show('result', {
-                  purchase: purchase
-                });
-              });
-            }
-
-          case 49:
-          case "end":
-            return _context.stop();
-        }
-      }
-    }, _callee, this, [[15, 41]]);
-  }));
-  return _Mount.apply(this, arguments);
-}
-
-;

package/dist/functions/mount.spec.js

@@ -1,203 +0,0 @@
-"use strict";
-
-var _rebillyInstrumentsMock = require("tests/mocks/rebilly-instruments-mock");
-
-var _framepayMock = require("tests/mocks/framepay-mock");
-
-var _mswWhenThen = require("msw-when-then");
-
-var _server = require("tests/msw/server");
-
-var _storefrontApiMock = require("tests/mocks/storefront-api-mock");
-
-var _planModel = _interopRequireDefault(require("@/storefront/models/plan-model"));
-
-var _productModel = _interopRequireDefault(require("@/storefront/models/product-model"));
-
-var _summaryModel = _interopRequireDefault(require("@/storefront/models/summary-model"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-
-function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
-
-function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
-
-describe('RebillyInstruments instance', function () {
-  it('should throw error when there is no DOM element to mount the form', function () {
-    document.body.innerHTML = "\n      <div class=\"form-selector\"></div>\n      <div class=\"summary-selector\"></div>\n    ";
-    var rebillyInstruments = (0, _rebillyInstrumentsMock.MockRebillyInstruments)();
-    expect( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
-      return regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              _context.next = 2;
-              return rebillyInstruments.mount({});
-
-            case 2:
-            case "end":
-              return _context.stop();
-          }
-        }
-      }, _callee);
-    }))).rejects.toEqual(new Error('Could not find DOM element with CSS class or id ".rebilly-instruments" to mount form'));
-  });
-  it('should throw error when providing the wrong type for the form property', function () {
-    document.body.innerHTML = "\n      <div class=\"form-selector\"></div>\n      <div class=\"summary-selector\"></div>\n    ";
-    var options = {
-      form: []
-    };
-    var rebillyInstruments = (0, _rebillyInstrumentsMock.MockRebillyInstruments)();
-    expect( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2() {
-      return regeneratorRuntime.wrap(function _callee2$(_context2) {
-        while (1) {
-          switch (_context2.prev = _context2.next) {
-            case 0:
-              _context2.next = 2;
-              return rebillyInstruments.mount(options);
-
-            case 2:
-            case "end":
-              return _context2.stop();
-          }
-        }
-      }, _callee2);
-    }))).rejects.toEqual(new Error('Please provide a valid CSS class, id or DOM element for "form" property'));
-  });
-  it('should inject HTML to the merchant\'s website', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee3() {
-    var testPlan, testProduct, testSummary, framePayScriptUrl, framePayStyleUrl, options, framepayMock, rebillyInstruments, SUMMARY_CONTAINER, LINE_ITEM_TITLE, SCRIPTS, FRAMEPAY_SCRIPT, STYLE_LINKS, FRAMEPAY_STYLE;
-    return regeneratorRuntime.wrap(function _callee3$(_context3) {
-      while (1) {
-        switch (_context3.prev = _context3.next) {
-          case 0:
-            testPlan = new _planModel["default"]({
-              name: 'Test Plan',
-              id: 'test-plan-id-1'
-            });
-            testProduct = new _productModel["default"]({
-              description: 'My Awesome Product',
-              id: 'test-product-1'
-            });
-            testSummary = new _summaryModel["default"]({
-              currency: 'USD',
-              lineItems: [{
-                description: 'test-plan-id-1',
-                planId: 'test-plan-id-1',
-                productId: 'test-product-1',
-                quantity: 1
-              }]
-            });
-            framePayScriptUrl = 'https://framepay.rebilly.com/rebilly.js';
-            framePayStyleUrl = 'https://dev.framepay.rebilly.com/rebilly.css';
-            (0, _server.when)((0, _mswWhenThen.post)("".concat(_storefrontApiMock.storefrontURL, "/ready-to-pay"))).thenReturn(function () {
-              return (0, _mswWhenThen.ok)([{
-                method: 'payment-card',
-                feature: {
-                  name: 'Google Pay'
-                },
-                brands: ['Visa', 'MasterCard', 'American Express', 'Discover'],
-                filters: []
-              }]);
-            }());
-            (0, _server.when)((0, _mswWhenThen.post)("".concat(_storefrontApiMock.storefrontURL, "/preview-purchase"))).thenReturn(function () {
-              return (0, _mswWhenThen.ok)(testSummary);
-            }());
-            (0, _server.when)((0, _mswWhenThen.get)("".concat(_storefrontApiMock.storefrontURL, "/plans"))).thenReturn(function () {
-              return (0, _mswWhenThen.ok)([testPlan]);
-            }());
-            (0, _server.when)((0, _mswWhenThen.get)("".concat(_storefrontApiMock.storefrontURL, "/products"))).thenReturn(function () {
-              return (0, _mswWhenThen.ok)([testProduct]);
-            }());
-            document.body.innerHTML = "\n      <div class=\"form-selector\"></div>\n      <div class=\"summary-selector\"></div>\n    ";
-            options = {
-              form: '.form-selector',
-              summary: '.summary-selector',
-              _dev: {
-                framePayStyleLink: framePayStyleUrl
-              },
-              options: {
-                locale: 'auto',
-                intent: {
-                  items: [{
-                    planId: 'test-plan-id-1',
-                    quantity: 1
-                  }]
-                }
-              }
-            };
-            framepayMock = (0, _framepayMock.createFramepayMock)();
-            global.Rebilly = framepayMock;
-            rebillyInstruments = (0, _rebillyInstrumentsMock.MockRebillyInstruments)({
-              theme: {
-                color: {
-                  background: '#000'
-                }
-              },
-              css: "\n        .rebilly-instruments-summary-line-item-synopsis-title {\n          color: rgb(0, 68, 212);\n        }\n      "
-            });
-            _context3.next = 16;
-            return rebillyInstruments.mount(options);
-
-          case 16:
-            // Mounts form and summary
-            expect(document.querySelector('.summary-selector').innerHTML).toMatch(testPlan.name); // Theme config overrides initial styles
-
-            SUMMARY_CONTAINER = document.querySelector('.rebilly-instruments-summary-container');
-            expect(getComputedStyle(SUMMARY_CONTAINER).background).toEqual('rgb(0, 0, 0)'); // CSS config property overrides initial styles
-
-            LINE_ITEM_TITLE = document.querySelector('.rebilly-instruments-summary-line-item-synopsis-title');
-            expect(getComputedStyle(LINE_ITEM_TITLE).color).toEqual('rgb(0, 68, 212)'); // Mounts default FramePay script
-
-            SCRIPTS = _toConsumableArray(document.querySelectorAll('head script'));
-            FRAMEPAY_SCRIPT = SCRIPTS.find(function (script) {
-              return script.src === framePayScriptUrl;
-            });
-            expect(FRAMEPAY_SCRIPT.src).toEqual(framePayScriptUrl); // Mounts _dev FramePay style
-
-            STYLE_LINKS = _toConsumableArray(document.querySelectorAll('head link'));
-            FRAMEPAY_STYLE = STYLE_LINKS.find(function (script) {
-              return script.href === framePayStyleUrl;
-            });
-            expect(FRAMEPAY_STYLE.href).toEqual(framePayStyleUrl); // objectContaining allows matching a subset (this could be done with sinon + mocha too) 
-
-            expect(framepayMock.initialize).toHaveBeenCalledWith(expect.objectContaining({
-              digitalWallet: {
-                googlePayDisplayOptions: {
-                  buttonColor: 'black',
-                  buttonHeight: '44px',
-                  buttonType: 'short'
-                },
-                merchantConfig: undefined,
-                transactionData: {
-                  amount: 0,
-                  countryCode: 'US',
-                  currency: 'USD',
-                  label: 'test-website-id'
-                }
-              },
-              organizationId: 'test-organization-id',
-              publishableKey: 'test-api-key'
-            })); //Simulate that framepay is ready
-
-            framepayMock.simulateEvent('ready');
-
-          case 29:
-          case "end":
-            return _context3.stop();
-        }
-      }
-    }, _callee3);
-  })));
-});