@kineticdata/react 5.1.1 → 6.0.0

package/lib/apis/core/attributeDefinitions.test.js

@@ -1,10 +1,14 @@
-import _regeneratorRuntime from "@babel/runtime/regenerator";
-import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
-import axios from 'axios';
-import createError from 'axios/lib/core/createError';
-import { fetchAttributeDefinitions, fetchAttributeDefinition, createAttributeDefinition, updateAttributeDefinition } from './attributeDefinitions';
-jest.mock('axios'); // Mock out the bundle object from a dependency.
+"use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/regeneratorRuntime"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/asyncToGenerator"));
+var _axios = _interopRequireDefault(require("axios"));
+var _createError = _interopRequireDefault(require("axios/lib/core/createError"));
+var _attributeDefinitions = require("./attributeDefinitions");
+jest.mock('axios');
+
+// Mock out the bundle object from a dependency.
 jest.mock('../../helpers', function () {
   return {
     bundle: {
@@ -17,15 +21,15 @@ jest.mock('../../helpers', function () {
 describe('attributeDefinitions api', function () {
   describe('fetchAttributeDefinitions', function () {
     beforeEach(function () {
-      axios.get.mockReset();
+      _axios["default"].get.mockReset();
     });
-    test('success space scoped attribute', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+    test('success space scoped attribute', /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/(0, _regeneratorRuntime2["default"])().mark(function _callee() {
       var result;
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
+      return (0, _regeneratorRuntime2["default"])().wrap(function _callee$(_context) {
         while (1) {
           switch (_context.prev = _context.next) {
             case 0:
-              axios.get.mockResolvedValue({
+              _axios["default"].get.mockResolvedValue({
                 status: 200,
                 data: {
                   spaceAttributeDefinitions: [{
@@ -40,13 +44,12 @@ describe('attributeDefinitions api', function () {
                 }
               });
               _context.next = 3;
-              return fetchAttributeDefinitions({
+              return (0, _attributeDefinitions.fetchAttributeDefinitions)({
                 attributeType: 'spaceAttributeDefinitions'
               });
-
             case 3:
               result = _context.sent;
-              expect(axios.get.mock.calls).toEqual([['space/app/api/v1/spaceAttributeDefinitions', {
+              expect(_axios["default"].get.mock.calls).toEqual([['space/app/api/v1/spaceAttributeDefinitions', {
                 params: {},
                 headers: {
                   'X-Kinetic-AuthAssumed': 'true'
@@ -63,7 +66,6 @@ describe('attributeDefinitions api', function () {
                   name: 'Bundle Package Version'
                 }]
               });
-
             case 6:
             case "end":
               return _context.stop();
@@ -71,13 +73,13 @@ describe('attributeDefinitions api', function () {
         }
       }, _callee);
     })));
-    test('success kapp scoped attribute', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
+    test('success kapp scoped attribute', /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/(0, _regeneratorRuntime2["default"])().mark(function _callee2() {
       var result;
-      return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+      return (0, _regeneratorRuntime2["default"])().wrap(function _callee2$(_context2) {
         while (1) {
           switch (_context2.prev = _context2.next) {
             case 0:
-              axios.get.mockResolvedValue({
+              _axios["default"].get.mockResolvedValue({
                 status: 200,
                 data: {
                   categoryAttributeDefinitions: [{
@@ -92,14 +94,13 @@ describe('attributeDefinitions api', function () {
                 }
               });
               _context2.next = 3;
-              return fetchAttributeDefinitions({
+              return (0, _attributeDefinitions.fetchAttributeDefinitions)({
                 attributeType: 'categoryAttributeDefinitions',
                 kappSlug: 'services'
               });
-
             case 3:
               result = _context2.sent;
-              expect(axios.get.mock.calls).toEqual([['space/app/api/v1/kapps/services/categoryAttributeDefinitions', {
+              expect(_axios["default"].get.mock.calls).toEqual([['space/app/api/v1/kapps/services/categoryAttributeDefinitions', {
                 params: {},
                 headers: {
                   'X-Kinetic-AuthAssumed': 'true'
@@ -116,7 +117,6 @@ describe('attributeDefinitions api', function () {
                   name: 'Bundle Package Version'
                 }]
               });
-
             case 6:
             case "end":
               return _context2.stop();
@@ -126,29 +126,28 @@ describe('attributeDefinitions api', function () {
     })));
     test('failure kapp scoped attribute - missing kappSlug', function () {
       expect(function () {
-        fetchAttributeDefinitions({
+        (0, _attributeDefinitions.fetchAttributeDefinitions)({
           attributeType: 'categoryAttributeDefinitions'
         });
       }).toThrowError('fetchAttributeDefinitions failed! A kappSlug is required when using categoryAttributeDefinitions');
     });
-    test('forbidden', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
+    test('forbidden', /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/(0, _regeneratorRuntime2["default"])().mark(function _callee3() {
       var result;
-      return _regeneratorRuntime.wrap(function _callee3$(_context3) {
+      return (0, _regeneratorRuntime2["default"])().wrap(function _callee3$(_context3) {
         while (1) {
           switch (_context3.prev = _context3.next) {
             case 0:
-              axios.get.mockRejectedValue(createError('Request failed with status code 403', null, 403, null, {
+              _axios["default"].get.mockRejectedValue((0, _createError["default"])('Request failed with status code 403', null, 403, null, {
                 status: 403,
                 statusText: 'Forbidden'
               }));
               _context3.next = 3;
-              return fetchAttributeDefinitions({
+              return (0, _attributeDefinitions.fetchAttributeDefinitions)({
                 attributeType: 'spaceAttributeDefinitions'
               });
-
             case 3:
               result = _context3.sent;
-              expect(axios.get.mock.calls).toEqual([['space/app/api/v1/spaceAttributeDefinitions', {
+              expect(_axios["default"].get.mock.calls).toEqual([['space/app/api/v1/spaceAttributeDefinitions', {
                 params: {},
                 headers: {
                   'X-Kinetic-AuthAssumed': 'true'
@@ -162,7 +161,6 @@ describe('attributeDefinitions api', function () {
                   message: 'Forbidden'
                 }
               });
-
             case 6:
             case "end":
               return _context3.stop();
@@ -173,15 +171,15 @@ describe('attributeDefinitions api', function () {
   });
   describe('fetchAttributeDefinition', function () {
     beforeEach(function () {
-      axios.get.mockReset();
+      _axios["default"].get.mockReset();
     });
-    test('success', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4() {
+    test('success', /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/(0, _regeneratorRuntime2["default"])().mark(function _callee4() {
       var result;
-      return _regeneratorRuntime.wrap(function _callee4$(_context4) {
+      return (0, _regeneratorRuntime2["default"])().wrap(function _callee4$(_context4) {
         while (1) {
           switch (_context4.prev = _context4.next) {
             case 0:
-              axios.get.mockResolvedValue({
+              _axios["default"].get.mockResolvedValue({
                 status: 200,
                 data: {
                   spaceAttributeDefinition: {
@@ -191,14 +189,13 @@ describe('attributeDefinitions api', function () {
                 }
               });
               _context4.next = 3;
-              return fetchAttributeDefinition({
+              return (0, _attributeDefinitions.fetchAttributeDefinition)({
                 attributeType: 'spaceAttributeDefinitions',
                 attributeName: 'Foo'
               });
-
             case 3:
               result = _context4.sent;
-              expect(axios.get.mock.calls).toEqual([['space/app/api/v1/spaceAttributeDefinitions/Foo', {
+              expect(_axios["default"].get.mock.calls).toEqual([['space/app/api/v1/spaceAttributeDefinitions/Foo', {
                 params: {},
                 headers: {
                   'X-Kinetic-AuthAssumed': 'true'
@@ -210,7 +207,6 @@ describe('attributeDefinitions api', function () {
                   name: 'Foo'
                 }
               });
-
             case 6:
             case "end":
               return _context4.stop();
@@ -220,7 +216,7 @@ describe('attributeDefinitions api', function () {
     })));
     test('invalid attributeType', function () {
       expect(function () {
-        fetchAttributeDefinition({
+        (0, _attributeDefinitions.fetchAttributeDefinition)({
           attributeType: 'notAValidAttributeType',
           attributeName: 'Foo'
         });
@@ -229,15 +225,15 @@ describe('attributeDefinitions api', function () {
   });
   describe('createAttributeDefinition', function () {
     beforeEach(function () {
-      axios.post.mockReset();
+      _axios["default"].post.mockReset();
     });
-    test('success create attribute definition', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee5() {
+    test('success create attribute definition', /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/(0, _regeneratorRuntime2["default"])().mark(function _callee5() {
       var result;
-      return _regeneratorRuntime.wrap(function _callee5$(_context5) {
+      return (0, _regeneratorRuntime2["default"])().wrap(function _callee5$(_context5) {
         while (1) {
           switch (_context5.prev = _context5.next) {
             case 0:
-              axios.post.mockResolvedValue({
+              _axios["default"].post.mockResolvedValue({
                 status: 200,
                 data: {
                   spaceAttributeDefinition: {
@@ -248,7 +244,7 @@ describe('attributeDefinitions api', function () {
                 }
               });
               _context5.next = 3;
-              return createAttributeDefinition({
+              return (0, _attributeDefinitions.createAttributeDefinition)({
                 attributeType: 'spaceAttributeDefinitions',
                 attributeDefinition: {
                   name: 'Test Attribute',
@@ -256,10 +252,9 @@ describe('attributeDefinitions api', function () {
                   allowsMultiple: true
                 }
               });
-
             case 3:
               result = _context5.sent;
-              expect(axios.post.mock.calls).toEqual([['space/app/api/v1/spaceAttributeDefinitions', {
+              expect(_axios["default"].post.mock.calls).toEqual([['space/app/api/v1/spaceAttributeDefinitions', {
                 name: 'Test Attribute',
                 description: 'Test Attr Desc',
                 allowsMultiple: true
@@ -276,7 +271,6 @@ describe('attributeDefinitions api', function () {
                   allowsMultiple: true
                 }
               });
-
             case 6:
             case "end":
               return _context5.stop();
@@ -286,7 +280,7 @@ describe('attributeDefinitions api', function () {
     })));
     test('missing name', function () {
       expect(function () {
-        createAttributeDefinition({
+        (0, _attributeDefinitions.createAttributeDefinition)({
           attributeType: 'spaceAttributeDefinitions'
         });
       }).toThrowError('createAttributeDefinition failed! The following required options are missing: attributeDefinition');
@@ -294,15 +288,15 @@ describe('attributeDefinitions api', function () {
   });
   describe('updateAttributeDefinition', function () {
     beforeEach(function () {
-      axios.put.mockReset();
+      _axios["default"].put.mockReset();
     });
-    test('success update attribute definition', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee6() {
+    test('success update attribute definition', /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/(0, _regeneratorRuntime2["default"])().mark(function _callee6() {
       var result;
-      return _regeneratorRuntime.wrap(function _callee6$(_context6) {
+      return (0, _regeneratorRuntime2["default"])().wrap(function _callee6$(_context6) {
         while (1) {
           switch (_context6.prev = _context6.next) {
             case 0:
-              axios.put.mockResolvedValue({
+              _axios["default"].put.mockResolvedValue({
                 status: 200,
                 data: {
                   spaceAttributeDefinition: {
@@ -313,7 +307,7 @@ describe('attributeDefinitions api', function () {
                 }
               });
               _context6.next = 3;
-              return updateAttributeDefinition({
+              return (0, _attributeDefinitions.updateAttributeDefinition)({
                 attributeType: 'spaceAttributeDefinitions',
                 attributeName: 'Test Attribute',
                 attributeDefinition: {
@@ -322,10 +316,9 @@ describe('attributeDefinitions api', function () {
                   allowsMultiple: true
                 }
               });
-
             case 3:
               result = _context6.sent;
-              expect(axios.put.mock.calls).toEqual([['space/app/api/v1/spaceAttributeDefinitions/Test%20Attribute', {
+              expect(_axios["default"].put.mock.calls).toEqual([['space/app/api/v1/spaceAttributeDefinitions/Test%20Attribute', {
                 name: 'Test Attribute',
                 description: 'Test Attr Desc',
                 allowsMultiple: true
@@ -342,7 +335,6 @@ describe('attributeDefinitions api', function () {
                   allowsMultiple: true
                 }
               });
-
             case 6:
             case "end":
               return _context6.stop();

package/lib/apis/core/authentication.js

@@ -1,84 +1,90 @@
-import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
-import _regeneratorRuntime from "@babel/runtime/regenerator";
-import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import axios from 'axios';
-import { bundle } from '../../helpers';
-import { fetchProfile } from './profile';
-import { handleErrors } from '../http';
-export var login = function login(_ref) {
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.singleSignOn = exports.retrieveJwt = exports.logoutDirect = exports.login = void 0;
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/toConsumableArray"));
+var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/regeneratorRuntime"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/asyncToGenerator"));
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+var _axios = _interopRequireDefault(require("axios"));
+var _helpers = require("../../helpers");
+var _profile = require("./profile");
+var _http = require("../http");
+var login = function login(_ref) {
   var username = _ref.username,
-      password = _ref.password;
-  return axios.post("".concat(bundle.spaceLocation(), "/app/login.do"), {
+    password = _ref.password;
+  return _axios["default"].post("".concat(_helpers.bundle.spaceLocation(), "/app/login.do"), {
     j_username: username,
     j_password: password
   }, {
     __bypassAuthInterceptor: true
-  })["catch"](handleErrors);
+  })["catch"](_http.handleErrors);
 };
-export var logoutDirect = function logoutDirect() {
-  return axios.get("".concat(bundle.spaceLocation(), "/app/logout"));
+exports.login = login;
+var logoutDirect = function logoutDirect() {
+  return _axios["default"].get("".concat(_helpers.bundle.spaceLocation(), "/app/logout"));
 };
+exports.logoutDirect = logoutDirect;
 var checkedOrigin = process.env.REACT_APP_API_HOST ? process.env.REACT_APP_API_HOST : typeof window !== 'undefined' ? window.location.origin : null;
 var clientId = process.env.REACT_APP_OAUTH_CLIENT_ID ? process.env.REACT_APP_OAUTH_CLIENT_ID : process.env.NODE_ENV === 'production' ? 'system' : 'system-dev';
-export var retrieveJwt = function retrieveJwt() {
+var retrieveJwt = function retrieveJwt() {
   return new Promise(function (resolve) {
     var iframe = document.createElement('iframe');
-    iframe.src = bundle.spaceLocation() + '/app/oauth/authorize?grant_type=implicit&response_type=token&client_id=' + clientId;
+    iframe.src = _helpers.bundle.spaceLocation() + '/app/oauth/authorize?grant_type=implicit&response_type=token&client_id=' + clientId;
     iframe.title = 'oauth jwt iframe';
     iframe.style.cssText = 'display: none';
-
     var listener = function listener(e) {
       if (e.origin === checkedOrigin && e.data.token) {
         window.removeEventListener('message', listener);
         document.body.removeChild(iframe);
         resolve(e.data.token);
       }
-
       if (e.origin === checkedOrigin && e.data.type === 'ping') {
         e.source.postMessage({
           type: 'pong'
         }, e.origin);
       }
     };
-
     window.addEventListener('message', listener);
     document.body.appendChild(iframe);
   });
 };
-export var singleSignOn = function singleSignOn(spaceSlug, dimensions) {
+exports.retrieveJwt = retrieveJwt;
+var singleSignOn = function singleSignOn(spaceSlug, dimensions) {
   var target = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '_blank';
   return new Promise(function (resolve) {
-    var options = _objectSpread(_objectSpread({}, dimensions), getPopupPosition(window, dimensions));
-
-    var endpoint = bundle.spaceLocation() + '/app/saml/login/alias/' + spaceSlug;
+    var options = (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, dimensions), getPopupPosition(window, dimensions));
+    var endpoint = _helpers.bundle.spaceLocation() + '/app/saml/login/alias/' + spaceSlug;
     var popup = window.open(endpoint, target, stringifyOptions(options));
-
     if (!popup) {
       resolve({
         error: 'Enterprise Sign In popup was blocked by the browser.'
       });
       return;
-    } // Create an event handler that closes the popup window if we focus the
-    // parent window
-
+    }
 
+    // Create an event handler that closes the popup window if we focus the
+    // parent window
     var windowFocusHandler = function windowFocusHandler() {
       popup.close();
       window.removeEventListener('focus', windowFocusHandler);
     };
+    window.addEventListener('focus', windowFocusHandler);
 
-    window.addEventListener('focus', windowFocusHandler); // use a larger interval in dev mode because we are going to be checking
+    // use a larger interval in dev mode because we are going to be checking
     // by making an ajax call
-
     var popupPollingInterval = 2000;
-    var pollCounter = 30; // Check the status of the popup window. If closed or open for too long,
+    var pollCounter = 30;
+
+    // Check the status of the popup window. If closed or open for too long,
     // show error. Otherwise, check if profile is avilable to verify successful
     // authentication.
-
     var checkPopup = /*#__PURE__*/function () {
-      var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-        return _regeneratorRuntime.wrap(function _callee$(_context) {
+      var _ref2 = (0, _asyncToGenerator2["default"])( /*#__PURE__*/(0, _regeneratorRuntime2["default"])().mark(function _callee() {
+        return (0, _regeneratorRuntime2["default"])().wrap(function _callee$(_context) {
           while (1) {
             switch (_context.prev = _context.next) {
               case 0:
@@ -86,28 +92,23 @@ export var singleSignOn = function singleSignOn(spaceSlug, dimensions) {
                   _context.next = 4;
                   break;
                 }
-
                 resolve({
                   error: 'Enterprise Sign In was cancelled.'
                 });
                 _context.next = 12;
                 break;
-
               case 4:
                 _context.next = 6;
                 return profileAvailable();
-
               case 6:
                 if (!_context.sent) {
                   _context.next = 11;
                   break;
                 }
-
                 popup.close();
                 resolve({});
                 _context.next = 12;
                 break;
-
               case 11:
                 if (pollCounter > 0) {
                   pollCounter--;
@@ -118,7 +119,6 @@ export var singleSignOn = function singleSignOn(spaceSlug, dimensions) {
                     error: 'Enterprise Sign In timed out.'
                   });
                 }
-
               case 12:
               case "end":
                 return _context.stop();
@@ -126,48 +126,46 @@ export var singleSignOn = function singleSignOn(spaceSlug, dimensions) {
           }
         }, _callee);
       }));
-
       return function checkPopup() {
         return _ref2.apply(this, arguments);
       };
-    }(); // Start the recursive checkPopup calls.
-
+    }();
 
+    // Start the recursive checkPopup calls.
     setTimeout(checkPopup, popupPollingInterval);
   });
-}; // Checks to see if the user has been authenticated via SSO by checking if the
-// profile endpoint successfully returns data.
+};
 
+// Checks to see if the user has been authenticated via SSO by checking if the
+// profile endpoint successfully returns data.
+exports.singleSignOn = singleSignOn;
 var profileAvailable = /*#__PURE__*/function () {
-  var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
-    return _regeneratorRuntime.wrap(function _callee3$(_context3) {
+  var _ref3 = (0, _asyncToGenerator2["default"])( /*#__PURE__*/(0, _regeneratorRuntime2["default"])().mark(function _callee3() {
+    return (0, _regeneratorRuntime2["default"])().wrap(function _callee3$(_context3) {
       while (1) {
         switch (_context3.prev = _context3.next) {
           case 0:
             return _context3.abrupt("return", new Promise( /*#__PURE__*/function () {
-              var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(resolve) {
+              var _ref4 = (0, _asyncToGenerator2["default"])( /*#__PURE__*/(0, _regeneratorRuntime2["default"])().mark(function _callee2(resolve) {
                 var result;
-                return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+                return (0, _regeneratorRuntime2["default"])().wrap(function _callee2$(_context2) {
                   while (1) {
                     switch (_context2.prev = _context2.next) {
                       case 0:
                         _context2.prev = 0;
                         _context2.next = 3;
-                        return fetchProfile({
+                        return (0, _profile.fetchProfile)({
                           "public": true
                         });
-
                       case 3:
                         result = _context2.sent;
                         resolve(!!result.profile);
                         _context2.next = 10;
                         break;
-
                       case 7:
                         _context2.prev = 7;
                         _context2.t0 = _context2["catch"](0);
                         resolve(false);
-
                       case 10:
                       case "end":
                         return _context2.stop();
@@ -175,12 +173,10 @@ var profileAvailable = /*#__PURE__*/function () {
                   }
                 }, _callee2, null, [[0, 7]]);
               }));
-
               return function (_x) {
                 return _ref4.apply(this, arguments);
               };
             }()));
-
           case 1:
           case "end":
             return _context3.stop();
@@ -188,25 +184,24 @@ var profileAvailable = /*#__PURE__*/function () {
       }
     }, _callee3);
   }));
-
   return function profileAvailable() {
     return _ref3.apply(this, arguments);
   };
-}(); // window.open takes a string of options rather than a JS object so we use this
-// helper to do that conversion.
-
+}();
 
+// window.open takes a string of options rather than a JS object so we use this
+// helper to do that conversion.
 var stringifyOptions = function stringifyOptions(options) {
   return Object.keys(options).reduce(function (reduction, option) {
-    return [].concat(_toConsumableArray(reduction), ["".concat(option, "=").concat(options[option])]);
+    return [].concat((0, _toConsumableArray2["default"])(reduction), ["".concat(option, "=").concat(options[option])]);
   }, []).join(',');
-}; // Given the dimensions of the popup and the parent window returns the correct
-// position for the popup to be centered within the parent.
-
+};
 
+// Given the dimensions of the popup and the parent window returns the correct
+// position for the popup to be centered within the parent.
 var getPopupPosition = function getPopupPosition(window, _ref5) {
   var width = _ref5.width,
-      height = _ref5.height;
+    height = _ref5.height;
   return {
     top: window.screenY + window.innerHeight / 2 - height / 2,
     left: window.screenX + window.innerWidth / 2 - width / 2