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

package/dist/storefront/storefront.spec.js

@@ -1,14 +1,14 @@
 "use strict";
 
-var _storefrontMock = require("tests/mocks/storefront-mock");
+var _storefrontMock = require("../../tests/mocks/storefront-mock");
 
-describe('Storefront application programming interface', function () {
-  it('can create rebilly-js-sdk instance', function () {
-    var storefront = (0, _storefrontMock.MockStorefront)();
+describe('Storefront application programming interface', () => {
+  it('can create rebilly-js-sdk instance', () => {
+    const storefront = (0, _storefrontMock.MockStorefront)();
     expect(storefront).toHaveProperty('setPublishableKey');
   });
-  it('has required endpoints', function () {
-    var storefront = (0, _storefrontMock.MockStorefront)();
+  it('has required endpoints', () => {
+    const storefront = (0, _storefrontMock.MockStorefront)();
     expect(storefront).toHaveProperty('purchase');
     expect(storefront.purchase).toHaveProperty('readyToPay');
   });

package/dist/storefront/summary.js

@@ -3,96 +3,49 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.FetchSummary = FetchSummary;
+exports.fetchSummary = fetchSummary;
 
 var _summaryModel = _interopRequireDefault(require("./models/summary-model"));
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: 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); } }
+async function fetchSummary({
+  data = null,
+  state = null
+} = {}) {
+  if (!state.storefront) {
+    throw new Error('Could not access rebilly-js-sdk instance');
+  }
 
-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); }); }; }
+  if (!state.configs || !state.options) {
+    throw new Error('Could not use Rebilly Instruments configurations or mount options to fetch Rebilly data');
+  }
 
-function FetchSummary() {
-  return _FetchSummary.apply(this, arguments);
-}
+  try {
+    var _state$configs, _state$options, _state$options$intent;
 
-function _FetchSummary() {
-  _FetchSummary = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
-    var _ref,
-        _ref$data,
-        data,
-        _this$configs,
-        _this$options,
-        _this$options$intent,
+    const websiteId = ((_state$configs = state.configs) === null || _state$configs === void 0 ? void 0 : _state$configs.websiteId) || null;
+    const items = ((_state$options = state.options) === null || _state$options === void 0 ? void 0 : (_state$options$intent = _state$options.intent) === null || _state$options$intent === void 0 ? void 0 : _state$options$intent.items) || [];
+    const payload = {
+      data: {
         websiteId,
-        items,
-        payload,
-        _yield$this$storefron,
-        summaryFields,
-        _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$data = _ref.data, data = _ref$data === void 0 ? null : _ref$data;
-
-            if (this.storefront) {
-              _context.next = 3;
-              break;
-            }
-
-            throw new Error('Could not access rebilly-js-sdk instance');
-
-          case 3:
-            if (!(!this.configs || !this.options)) {
-              _context.next = 5;
-              break;
-            }
-
-            throw new Error('Could not use Rebilly Instruments configurations or mount options to fetch Rebilly data');
-
-          case 5:
-            _context.prev = 5;
-            websiteId = ((_this$configs = this.configs) === null || _this$configs === void 0 ? void 0 : _this$configs.websiteId) || null;
-            items = ((_this$options = this.options) === null || _this$options === void 0 ? void 0 : (_this$options$intent = _this$options.intent) === null || _this$options$intent === void 0 ? void 0 : _this$options$intent.items) || [];
-            payload = {
-              data: {
-                websiteId: websiteId,
-                items: items
-              }
-            };
-
-            if (data !== null && data !== void 0 && data.billingAddress) {
-              payload.data.billingAddress = data.billingAddress;
-            }
-
-            if (data !== null && data !== void 0 && data.deliveryAddress) {
-              payload.data.deliveryAddress = data.deliveryAddress;
-            }
-
-            _context.next = 13;
-            return this.storefront.purchase.preview(payload);
-
-          case 13:
-            _yield$this$storefron = _context.sent;
-            summaryFields = _yield$this$storefron.fields;
-            return _context.abrupt("return", new _summaryModel["default"](summaryFields));
-
-          case 18:
-            _context.prev = 18;
-            _context.t0 = _context["catch"](5);
-            throw _context.t0;
-
-          case 21:
-          case "end":
-            return _context.stop();
-        }
+        items
       }
-    }, _callee, this, [[5, 18]]);
-  }));
-  return _FetchSummary.apply(this, arguments);
-}
-
-;
+    };
+
+    if (data !== null && data !== void 0 && data.billingAddress) {
+      payload.data.billingAddress = data.billingAddress;
+    }
+
+    if (data !== null && data !== void 0 && data.deliveryAddress) {
+      payload.data.deliveryAddress = data.deliveryAddress;
+    }
+
+    const {
+      fields: summaryFields
+    } = await state.storefront.purchase.preview(payload);
+    return new _summaryModel.default(summaryFields);
+  } catch (error) {
+    throw error;
+  }
+}

package/dist/storefront/summary.spec.js

@@ -1,272 +1,167 @@
 "use strict";
 
-var _storefrontMock = require("tests/mocks/storefront-mock");
+var _storefrontMock = require("../../tests/mocks/storefront-mock");
 
 var _mswWhenThen = require("msw-when-then");
 
-var _server = require("tests/msw/server");
+var _server = require("../../tests/msw/server");
 
-var _storefrontApiMock = require("tests/mocks/storefront-api-mock");
+var _storefrontApiMock = require("../../tests/mocks/storefront-api-mock");
 
 var _summary = require("./summary");
 
-var _summaryModel = _interopRequireDefault(require("@/storefront/models/summary-model"));
+var _summaryModel = _interopRequireDefault(require("./models/summary-model"));
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var _asyncUtilities = require("../../tests/async-utilities");
 
-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); }); }; }
-
-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('Storefront API Summary', function () {
-  var TestSummaryInstance = /*#__PURE__*/function () {
-    function TestSummaryInstance() {
-      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$storefront = _ref.storefront,
-          storefront = _ref$storefront === void 0 ? null : _ref$storefront;
-
-      _classCallCheck(this, TestSummaryInstance);
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
+describe('Storefront API Summary', () => {
+  class TestSummaryInstance {
+    constructor({
+      configs = {},
+      options = {},
+      storefront = null
+    } = {}) {
       this.configs = configs;
       this.options = options;
       this.storefront = storefront === null ? (0, _storefrontMock.MockStorefront)() : storefront;
     }
 
-    _createClass(TestSummaryInstance, [{
-      key: "fetchSummary",
-      value: function fetchSummary() {
-        for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-          args[_key] = arguments[_key];
-        }
-
-        return _summary.FetchSummary.apply(this, args);
+  }
+
+  it('can fetch preview', async () => {
+    const configs = {
+      websiteId: 'test-website-id'
+    };
+    const options = {
+      intent: {
+        items: [{
+          planId: 'test-plan-id',
+          quantity: 1
+        }]
       }
-    }]);
-
-    return TestSummaryInstance;
-  }();
-
-  it('can fetch preview', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
-    var configs, options, testSummary, instance, response;
-    return regeneratorRuntime.wrap(function _callee$(_context) {
-      while (1) {
-        switch (_context.prev = _context.next) {
-          case 0:
-            configs = {
-              websiteId: 'test-website-id'
-            };
-            options = {
-              intent: {
-                items: [{
-                  planId: 'test-plan-id',
-                  quantity: 1
-                }]
-              }
-            };
-            testSummary = {
-              currency: 'USD',
-              lineItems: [{
-                description: 'test-plan-id-1',
-                planId: 'test-plan-id-1',
-                quantity: 1
-              }]
-            };
-            (0, _server.when)((0, _mswWhenThen.post)("".concat(_storefrontApiMock.storefrontURL, "/preview-purchase"))).thenReturn((0, _mswWhenThen.ok)(testSummary));
-            instance = new TestSummaryInstance({
-              configs: configs,
-              options: options
-            });
-            jest.spyOn(instance.storefront.purchase, 'preview');
-            _context.next = 8;
-            return instance.fetchSummary();
-
-          case 8:
-            response = _context.sent;
-            expect(instance.storefront.purchase.preview).toBeCalledTimes(1);
-            expect(instance.storefront.purchase.preview).toBeCalledWith({
-              data: {
-                items: options.intent.items,
-                websiteId: configs.websiteId
-              }
-            });
-            expect(response).toBeInstanceOf(_summaryModel["default"]);
-            expect(response).toEqual(new _summaryModel["default"](testSummary));
-
-          case 13:
-          case "end":
-            return _context.stop();
-        }
+    };
+    const testSummary = {
+      currency: 'USD',
+      lineItems: [{
+        description: 'test-plan-id-1',
+        planId: 'test-plan-id-1',
+        quantity: 1
+      }]
+    };
+    (0, _server.when)((0, _mswWhenThen.post)(`${_storefrontApiMock.storefrontURL}/preview-purchase`)).thenReturn((0, _mswWhenThen.ok)(testSummary));
+    const instance = new TestSummaryInstance({
+      configs,
+      options
+    });
+    jest.spyOn(instance.storefront.purchase, 'preview');
+    const response = await (0, _summary.fetchSummary)({
+      state: instance
+    });
+    expect(instance.storefront.purchase.preview).toBeCalledTimes(1);
+    expect(instance.storefront.purchase.preview).toBeCalledWith({
+      data: {
+        items: options.intent.items,
+        websiteId: configs.websiteId
       }
-    }, _callee);
-  })));
-  it('Adds billing address to preview payload', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2() {
-    var configs, options, billingAddress, instance;
-    return regeneratorRuntime.wrap(function _callee2$(_context2) {
-      while (1) {
-        switch (_context2.prev = _context2.next) {
-          case 0:
-            configs = {
-              websiteId: 'test-website-id'
-            };
-            options = {
-              intent: {
-                items: [{
-                  planId: 'test-plan-id',
-                  quantity: 1
-                }]
-              }
-            };
-            billingAddress = {
-              firstName: 'Test',
-              lastName: 'Customer'
-            };
-            instance = new TestSummaryInstance({
-              configs: configs,
-              options: options
-            });
-            jest.spyOn(instance.storefront.purchase, 'preview');
-            _context2.next = 7;
-            return instance.fetchSummary({
-              data: {
-                billingAddress: billingAddress
-              }
-            });
-
-          case 7:
-            expect(instance.storefront.purchase.preview).toBeCalledTimes(1);
-            expect(instance.storefront.purchase.preview).toBeCalledWith({
-              data: {
-                items: options.intent.items,
-                websiteId: configs.websiteId,
-                billingAddress: billingAddress
-              }
-            });
-
-          case 9:
-          case "end":
-            return _context2.stop();
-        }
+    });
+    expect(response).toBeInstanceOf(_summaryModel.default);
+    expect(response).toEqual(new _summaryModel.default(testSummary));
+  });
+  it('Adds billing address to preview payload', async () => {
+    const configs = {
+      websiteId: 'test-website-id'
+    };
+    const options = {
+      intent: {
+        items: [{
+          planId: 'test-plan-id',
+          quantity: 1
+        }]
       }
-    }, _callee2);
-  })));
-  it('Adds delivery address to preview payload', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee3() {
-    var configs, options, deliveryAddress, instance;
-    return regeneratorRuntime.wrap(function _callee3$(_context3) {
-      while (1) {
-        switch (_context3.prev = _context3.next) {
-          case 0:
-            configs = {
-              websiteId: 'test-website-id'
-            };
-            options = {
-              intent: {
-                items: [{
-                  planId: 'test-plan-id',
-                  quantity: 1
-                }]
-              }
-            };
-            deliveryAddress = {
-              firstName: 'Test',
-              lastName: 'Customer'
-            };
-            instance = new TestSummaryInstance({
-              configs: configs,
-              options: options
-            });
-            jest.spyOn(instance.storefront.purchase, 'preview');
-            _context3.next = 7;
-            return instance.fetchSummary({
-              data: {
-                deliveryAddress: deliveryAddress
-              }
-            });
-
-          case 7:
-            expect(instance.storefront.purchase.preview).toBeCalledTimes(1);
-            expect(instance.storefront.purchase.preview).toBeCalledWith({
-              data: {
-                items: options.intent.items,
-                websiteId: configs.websiteId,
-                deliveryAddress: deliveryAddress
-              }
-            });
-
-          case 9:
-          case "end":
-            return _context3.stop();
-        }
+    };
+    const billingAddress = {
+      firstName: 'Test',
+      lastName: 'Customer'
+    };
+    const instance = new TestSummaryInstance({
+      configs,
+      options
+    });
+    jest.spyOn(instance.storefront.purchase, 'preview');
+    await (0, _summary.fetchSummary)({
+      data: {
+        billingAddress
+      },
+      state: instance
+    });
+    expect(instance.storefront.purchase.preview).toBeCalledTimes(1);
+    expect(instance.storefront.purchase.preview).toBeCalledWith({
+      data: {
+        items: options.intent.items,
+        websiteId: configs.websiteId,
+        billingAddress
+      }
+    });
+  });
+  it('Adds delivery address to preview payload', async () => {
+    const configs = {
+      websiteId: 'test-website-id'
+    };
+    const options = {
+      intent: {
+        items: [{
+          planId: 'test-plan-id',
+          quantity: 1
+        }]
       }
-    }, _callee3);
-  })));
-  it('should throw errors with no configs or options', function () {
-    var NoConfigOrOptionsError = new Error('Could not use Rebilly Instruments configurations or mount options to fetch Rebilly data');
-    var noConfigOrOptionsInstance = new TestSummaryInstance({
+    };
+    const deliveryAddress = {
+      firstName: 'Test',
+      lastName: 'Customer'
+    };
+    const instance = new TestSummaryInstance({
+      configs,
+      options
+    });
+    jest.spyOn(instance.storefront.purchase, 'preview');
+    await (0, _summary.fetchSummary)({
+      data: {
+        deliveryAddress
+      },
+      state: instance
+    });
+    expect(instance.storefront.purchase.preview).toBeCalledTimes(1);
+    expect(instance.storefront.purchase.preview).toBeCalledWith({
+      data: {
+        items: options.intent.items,
+        websiteId: configs.websiteId,
+        deliveryAddress
+      }
+    });
+  });
+  it('should throw errors with no configs or options', async () => {
+    const noConfigOrOptionsInstance = new TestSummaryInstance({
       configs: null,
       options: null
     });
-    var noConfigInstance = new TestSummaryInstance({
+    await (0, _asyncUtilities.expectConfigurationError)((0, _summary.fetchSummary)({
+      state: noConfigOrOptionsInstance
+    }));
+    const noConfigInstance = new TestSummaryInstance({
       configs: null,
       options: {}
     });
-    var noOptionsInstance = new TestSummaryInstance({
+    await (0, _asyncUtilities.expectConfigurationError)((0, _summary.fetchSummary)({
+      state: noConfigInstance
+    }));
+    const noOptionsInstance = new TestSummaryInstance({
       configs: {},
       options: null
     });
-    expect( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee4() {
-      return regeneratorRuntime.wrap(function _callee4$(_context4) {
-        while (1) {
-          switch (_context4.prev = _context4.next) {
-            case 0:
-              _context4.next = 2;
-              return noConfigOrOptionsInstance.fetchSummary();
-
-            case 2:
-            case "end":
-              return _context4.stop();
-          }
-        }
-      }, _callee4);
-    }))).rejects.toEqual(NoConfigOrOptionsError);
-    expect( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee5() {
-      return regeneratorRuntime.wrap(function _callee5$(_context5) {
-        while (1) {
-          switch (_context5.prev = _context5.next) {
-            case 0:
-              _context5.next = 2;
-              return noConfigInstance.fetchSummary();
-
-            case 2:
-            case "end":
-              return _context5.stop();
-          }
-        }
-      }, _callee5);
-    }))).rejects.toEqual(NoConfigOrOptionsError);
-    expect( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee6() {
-      return regeneratorRuntime.wrap(function _callee6$(_context6) {
-        while (1) {
-          switch (_context6.prev = _context6.next) {
-            case 0:
-              _context6.next = 2;
-              return noOptionsInstance.fetchSummary();
-
-            case 2:
-            case "end":
-              return _context6.stop();
-          }
-        }
-      }, _callee6);
-    }))).rejects.toEqual(NoConfigOrOptionsError);
+    await (0, _asyncUtilities.expectConfigurationError)((0, _summary.fetchSummary)({
+      state: noOptionsInstance
+    }));
   });
 });

package/dist/style/base/__snapshots__/theme.spec.js.snap

@@ -0,0 +1,52 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`RebillyInstruments theme builds the theme object 1`] = `
+Object {
+  "borderRadius": "4px",
+  "color": Object {
+    "background": "#ffffff",
+    "buttonText": "#ffffff",
+    "errorText": "#cd5c5c",
+    "primary": "#0044d4",
+    "text": "#0D2B3E",
+  },
+  "getComputed": Object {
+    "color": Object {
+      "mutedBorder": "rgba(13, 43, 62, 0.25)",
+      "mutedText": "rgba(13, 43, 62, 0.6)",
+      "primaryValues": Values {
+        "alpha": 1,
+        "rgb": Array [
+          0,
+          68,
+          212,
+        ],
+        "type": "base",
+        "weight": 0,
+      },
+    },
+  },
+  "space": Object {
+    "form": Object {
+      "horizontalPadding": "16px",
+      "minHeight": "44px",
+      "padding": "8px 16px",
+      "verticalPadding": "8px",
+    },
+    "l": "48px",
+    "m": "24px",
+    "s": "12px",
+    "xl": "96px",
+    "xs": "6px",
+    "xxl": "112px",
+    "xxs": "4px",
+  },
+  "typography": Object {
+    "captionFontSize": "12px",
+    "captionLineHeight": "12px",
+    "fontFamily": "Avenir, Helvetica, Arial, sans-serif",
+    "fontSize": "16px",
+    "lineHeight": "24px",
+  },
+}
+`;