@atlaskit/teams-client 5.2.0 → 5.3.0

package/dist/cjs/services/use-query-light/main.js

@@ -1,232 +1,19 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useQueryLight = exports.useLazyQueryLight = void 0;
-var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = require("react");
-var _graphql = require("graphql");
-var _isEqual = _interopRequireDefault(require("lodash/isEqual"));
-var _http = require("../../common/utils/http");
-var _sentry = require("../sentry");
-var _types = require("./types");
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var transformError = function transformError(_ref) {
-  var error = _ref.error,
-    graphQLErrors = _ref.graphQLErrors;
-  var reducedGraphqlErrorMessage = graphQLErrors && graphQLErrors.reduce(function (acc, gqlError) {
-    return acc + (acc ? '\n' : '') + (gqlError.message ? gqlError.message : '');
-  }, '');
-  var reducedGraphqlErrorName = graphQLErrors && graphQLErrors.reduce(function (acc, gqlError) {
-    return acc + (acc ? '\n' : '') + (gqlError.name ? gqlError.name : '');
-  }, '');
-  return new _types.UseQueryLightError(
-  // Network error would lead to no graphqlErrors as the query would not be fired. Hence at the front.
-  (error === null || error === void 0 ? void 0 : error.message) || reducedGraphqlErrorMessage || 'Unknown error', (error === null || error === void 0 ? void 0 : error.name) || reducedGraphqlErrorName,
-  // graphQLErrors in Apollo error is empty array when there is no error.
-  // So we follow the same to make sure error handlers are working as expected.
-  graphQLErrors || [], error);
-};
-var useQueryLight = exports.useQueryLight = function useQueryLight(query, options) {
-  var _useState = (0, _react.useState)(true),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    loading = _useState2[0],
-    setLoading = _useState2[1];
-  var _useState3 = (0, _react.useState)(undefined),
-    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-    error = _useState4[0],
-    setError = _useState4[1];
-  var _useState5 = (0, _react.useState)(undefined),
-    _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
-    data = _useState6[0],
-    setData = _useState6[1];
-  var variablesRef = (0, _react.useRef)(options.variables);
-
-  // Need this to deep compare variables to avoid infinite loops in useEffect
-  if (!(0, _isEqual.default)(variablesRef.current, options.variables)) {
-    variablesRef.current = options.variables;
+Object.defineProperty(exports, "useLazyQueryLight", {
+  enumerable: true,
+  get: function get() {
+    return _useLazyQueryLight.useLazyQueryLight;
   }
-
-  // Initial fetch, and refetch
-  var fetchData = (0, _react.useCallback)( /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
-    var response, responseData, _t;
-    return _regenerator.default.wrap(function (_context) {
-      while (1) switch (_context.prev = _context.next) {
-        case 0:
-          _context.prev = 0;
-          setLoading(true);
-          _context.next = 1;
-          return (0, _http.fetchWithExponentialBackoff)("".concat(options.serviceUrl, "?q=").concat(options.operationName), {
-            method: 'POST',
-            headers: new Headers(_objectSpread({
-              'Content-Type': 'application/json'
-            }, options.customHeaders)),
-            credentials: 'include',
-            body: JSON.stringify({
-              query: (0, _graphql.print)(query),
-              variables: _objectSpread({}, variablesRef.current)
-            })
-          });
-        case 1:
-          response = _context.sent;
-          _context.next = 2;
-          return response.json();
-        case 2:
-          responseData = _context.sent;
-          if (!response.ok) {
-            _context.next = 3;
-            break;
-          }
-          if (responseData.errors) {
-            setError(transformError({
-              graphQLErrors: responseData.errors
-            }));
-          }
-          setData(responseData.data);
-          setLoading(false);
-          _context.next = 4;
-          break;
-        case 3:
-          throw new Error("Generic fetch error within useQueryLight, status ".concat(response.status));
-        case 4:
-          _context.next = 6;
-          break;
-        case 5:
-          _context.prev = 5;
-          _t = _context["catch"](0);
-          if (_t instanceof Error) {
-            setError(transformError({
-              error: _t
-            }));
-          } else {
-            setError(transformError({
-              error: new Error('Unknown error')
-            }));
-            (0, _sentry.logException)(_t, "useQueryLight - ".concat(options.operationName));
-          }
-          setData(undefined);
-          setLoading(false);
-        case 6:
-        case "end":
-          return _context.stop();
-      }
-    }, _callee, null, [[0, 5]]);
-  })), [query, options.serviceUrl, options.operationName, options.customHeaders]);
-
-  // Fetch more
-  var fetchMore = (0, _react.useCallback)( /*#__PURE__*/function () {
-    var _ref4 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(_ref3) {
-      var variables, handleDataMerge, response, responseData, _t2;
-      return _regenerator.default.wrap(function (_context2) {
-        while (1) switch (_context2.prev = _context2.next) {
-          case 0:
-            variables = _ref3.variables, handleDataMerge = _ref3.handleDataMerge;
-            _context2.prev = 1;
-            // reset errors to catch new ones
-            setError(undefined);
-            _context2.next = 2;
-            return (0, _http.fetchWithExponentialBackoff)("".concat(options.serviceUrl, "?q=").concat(options.operationName), {
-              method: 'POST',
-              headers: new Headers(_objectSpread({
-                'Content-Type': 'application/json'
-              }, options.customHeaders)),
-              credentials: 'include',
-              body: JSON.stringify({
-                query: (0, _graphql.print)(query),
-                variables: _objectSpread(_objectSpread({}, variablesRef.current), variables)
-              })
-            });
-          case 2:
-            response = _context2.sent;
-            _context2.next = 3;
-            return response.json();
-          case 3:
-            responseData = _context2.sent;
-            if (!response.ok) {
-              _context2.next = 4;
-              break;
-            }
-            if (responseData.errors) {
-              setError(transformError({
-                graphQLErrors: responseData.errors
-              }));
-            }
-            setData(function (prevData) {
-              return handleDataMerge(prevData, responseData.data);
-            });
-            _context2.next = 5;
-            break;
-          case 4:
-            throw new Error("Generic fetch error within useQueryLight, status ".concat(response.status));
-          case 5:
-            _context2.next = 7;
-            break;
-          case 6:
-            _context2.prev = 6;
-            _t2 = _context2["catch"](1);
-            if (_t2 instanceof Error) {
-              setError(transformError({
-                error: _t2
-              }));
-            } else {
-              setError(transformError({
-                error: new Error('Unknown error')
-              }));
-              (0, _sentry.logException)(_t2, "useQueryLight fetchMore - ".concat(options.operationName));
-            }
-          case 7:
-          case "end":
-            return _context2.stop();
-        }
-      }, _callee2, null, [[1, 6]]);
-    }));
-    return function (_x) {
-      return _ref4.apply(this, arguments);
-    };
-  }(), [query, options.serviceUrl, options.operationName, options.customHeaders]);
-  (0, _react.useEffect)(function () {
-    if (!options.skip) {
-      fetchData();
-    } else {
-      setLoading(false);
-    }
-  }, [options.skip, variablesRef.current]); // eslint-disable-line react-hooks/exhaustive-deps
-
-  return {
-    loading: loading,
-    error: error,
-    data: data,
-    refetch: fetchData,
-    fetchMore: fetchMore
-  };
-};
-var useLazyQueryLight = exports.useLazyQueryLight = function useLazyQueryLight(query, options) {
-  var _useState7 = (0, _react.useState)(false),
-    _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
-    fetchTriggered = _useState8[0],
-    setFetchTriggered = _useState8[1];
-  var _useQueryLight = useQueryLight(query, _objectSpread(_objectSpread({}, options), {}, {
-      skip: !fetchTriggered
-    })),
-    loading = _useQueryLight.loading,
-    error = _useQueryLight.error,
-    data = _useQueryLight.data,
-    refetch = _useQueryLight.refetch,
-    fetchMore = _useQueryLight.fetchMore;
-  var triggerFetch = (0, _react.useCallback)(function () {
-    setFetchTriggered(true);
-  }, []);
-  return [triggerFetch, {
-    loading: loading,
-    error: error,
-    data: data,
-    refetch: refetch,
-    fetchMore: fetchMore
-  }];
-};
+});
+Object.defineProperty(exports, "useQueryLight", {
+  enumerable: true,
+  get: function get() {
+    return _useQueryLight.useQueryLight;
+  }
+});
+var _useQueryLight = require("./useQueryLight");
+var _useLazyQueryLight = require("./useLazyQueryLight");

package/dist/cjs/services/use-query-light/types.js

@@ -1,18 +1,24 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.UseQueryLightError = exports.ErrorCategory = exports.ActualGraphQLError = void 0;
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _wrapNativeSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/wrapNativeSuper"));
-function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+Object.defineProperty(exports, "ActualGraphQLError", {
+  enumerable: true,
+  get: function get() {
+    return _ActualGraphQLError.ActualGraphQLError;
+  }
+});
+exports.ErrorCategory = void 0;
+Object.defineProperty(exports, "UseQueryLightError", {
+  enumerable: true,
+  get: function get() {
+    return _UseQueryLightError.UseQueryLightError;
+  }
+});
+var _ActualGraphQLError = require("./ActualGraphQLError");
+var _UseQueryLightError = require("./UseQueryLightError");
+/* eslint-disable @repo/internal/deprecations/deprecation-ticket-required -- VOLTC-139 tracks removal of these deprecated re-export shims. */
 var ErrorCategory = exports.ErrorCategory = /*#__PURE__*/function (ErrorCategory) {
   ErrorCategory["NotFound"] = "NotFound";
   ErrorCategory["NotPermitted"] = "NotPermitted";
@@ -20,33 +26,9 @@ var ErrorCategory = exports.ErrorCategory = /*#__PURE__*/function (ErrorCategory
   ErrorCategory["Internal"] = "Internal";
   return ErrorCategory;
 }({});
-var ActualGraphQLError = exports.ActualGraphQLError = /*#__PURE__*/function (_Error) {
-  // AGG standard
-
-  function ActualGraphQLError(message) {
-    var _this;
-    (0, _classCallCheck2.default)(this, ActualGraphQLError);
-    _this = _callSuper(this, ActualGraphQLError, [message]);
-    _this.message = message;
-    return _this;
-  }
-  (0, _inherits2.default)(ActualGraphQLError, _Error);
-  return (0, _createClass2.default)(ActualGraphQLError);
-}( /*#__PURE__*/(0, _wrapNativeSuper2.default)(Error));
-var UseQueryLightError = exports.UseQueryLightError = /*#__PURE__*/function (_Error2) {
-  function UseQueryLightError(message, name, graphQLErrors, networkError, extensions, extraInfo) {
-    var _this2;
-    (0, _classCallCheck2.default)(this, UseQueryLightError);
-    _this2 = _callSuper(this, UseQueryLightError, [message]);
-    _this2.graphQLErrors = graphQLErrors;
-    _this2.networkError = networkError;
-    _this2.extensions = extensions;
-    _this2.extraInfo = extraInfo;
-    if (name) {
-      _this2.name = name;
-    }
-    return _this2;
-  }
-  (0, _inherits2.default)(UseQueryLightError, _Error2);
-  return (0, _createClass2.default)(UseQueryLightError);
-}( /*#__PURE__*/(0, _wrapNativeSuper2.default)(Error));
+/**
+ * @deprecated Use `import { ActualGraphQLError } from '@atlaskit/teams-client/actual-graph-ql-error'` instead.
+ */
+/**
+ * @deprecated Use `import { UseQueryLightError } from '@atlaskit/teams-client/use-query-light-error'` instead.
+ */

package/dist/cjs/services/use-query-light/useLazyQueryLight.js

@@ -0,0 +1,37 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useLazyQueryLight = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = require("react");
+var _useQueryLight2 = require("./useQueryLight");
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var useLazyQueryLight = exports.useLazyQueryLight = function useLazyQueryLight(query, options) {
+  var _useState = (0, _react.useState)(false),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    fetchTriggered = _useState2[0],
+    setFetchTriggered = _useState2[1];
+  var _useQueryLight = (0, _useQueryLight2.useQueryLight)(query, _objectSpread(_objectSpread({}, options), {}, {
+      skip: !fetchTriggered
+    })),
+    loading = _useQueryLight.loading,
+    error = _useQueryLight.error,
+    data = _useQueryLight.data,
+    refetch = _useQueryLight.refetch,
+    fetchMore = _useQueryLight.fetchMore;
+  var triggerFetch = (0, _react.useCallback)(function () {
+    setFetchTriggered(true);
+  }, []);
+  return [triggerFetch, {
+    loading: loading,
+    error: error,
+    data: data,
+    refetch: refetch,
+    fetchMore: fetchMore
+  }];
+};

package/dist/cjs/services/use-query-light/useQueryLight.js

@@ -0,0 +1,208 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useQueryLight = void 0;
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = require("react");
+var _graphql = require("graphql");
+var _isEqual = _interopRequireDefault(require("lodash/isEqual"));
+var _http = require("../../common/utils/http");
+var _sentry = require("../sentry");
+var _UseQueryLightError = require("./UseQueryLightError");
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var transformError = function transformError(_ref) {
+  var error = _ref.error,
+    graphQLErrors = _ref.graphQLErrors;
+  var reducedGraphqlErrorMessage = graphQLErrors && graphQLErrors.reduce(function (acc, gqlError) {
+    return acc + (acc ? '\n' : '') + (gqlError.message ? gqlError.message : '');
+  }, '');
+  var reducedGraphqlErrorName = graphQLErrors && graphQLErrors.reduce(function (acc, gqlError) {
+    return acc + (acc ? '\n' : '') + (gqlError.name ? gqlError.name : '');
+  }, '');
+  return new _UseQueryLightError.UseQueryLightError(
+  // Network error would lead to no graphqlErrors as the query would not be fired. Hence at the front.
+  (error === null || error === void 0 ? void 0 : error.message) || reducedGraphqlErrorMessage || 'Unknown error', (error === null || error === void 0 ? void 0 : error.name) || reducedGraphqlErrorName,
+  // graphQLErrors in Apollo error is empty array when there is no error.
+  // So we follow the same to make sure error handlers are working as expected.
+  graphQLErrors || [], error);
+};
+var useQueryLight = exports.useQueryLight = function useQueryLight(query, options) {
+  var _useState = (0, _react.useState)(true),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    loading = _useState2[0],
+    setLoading = _useState2[1];
+  var _useState3 = (0, _react.useState)(undefined),
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    error = _useState4[0],
+    setError = _useState4[1];
+  var _useState5 = (0, _react.useState)(undefined),
+    _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
+    data = _useState6[0],
+    setData = _useState6[1];
+  var variablesRef = (0, _react.useRef)(options.variables);
+
+  // Need this to deep compare variables to avoid infinite loops in useEffect
+  if (!(0, _isEqual.default)(variablesRef.current, options.variables)) {
+    variablesRef.current = options.variables;
+  }
+
+  // Initial fetch, and refetch
+  var fetchData = (0, _react.useCallback)( /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
+    var response, responseData, _t;
+    return _regenerator.default.wrap(function (_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          _context.prev = 0;
+          setLoading(true);
+          _context.next = 1;
+          return (0, _http.fetchWithExponentialBackoff)("".concat(options.serviceUrl, "?q=").concat(options.operationName), {
+            method: 'POST',
+            headers: new Headers(_objectSpread({
+              'Content-Type': 'application/json'
+            }, options.customHeaders)),
+            credentials: 'include',
+            body: JSON.stringify({
+              query: (0, _graphql.print)(query),
+              variables: _objectSpread({}, variablesRef.current)
+            })
+          });
+        case 1:
+          response = _context.sent;
+          _context.next = 2;
+          return response.json();
+        case 2:
+          responseData = _context.sent;
+          if (!response.ok) {
+            _context.next = 3;
+            break;
+          }
+          if (responseData.errors) {
+            setError(transformError({
+              graphQLErrors: responseData.errors
+            }));
+          }
+          setData(responseData.data);
+          setLoading(false);
+          _context.next = 4;
+          break;
+        case 3:
+          throw new Error("Generic fetch error within useQueryLight, status ".concat(response.status));
+        case 4:
+          _context.next = 6;
+          break;
+        case 5:
+          _context.prev = 5;
+          _t = _context["catch"](0);
+          if (_t instanceof Error) {
+            setError(transformError({
+              error: _t
+            }));
+          } else {
+            setError(transformError({
+              error: new Error('Unknown error')
+            }));
+            (0, _sentry.logException)(_t, "useQueryLight - ".concat(options.operationName));
+          }
+          setData(undefined);
+          setLoading(false);
+        case 6:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee, null, [[0, 5]]);
+  })), [query, options.serviceUrl, options.operationName, options.customHeaders]);
+
+  // Fetch more
+  var fetchMore = (0, _react.useCallback)( /*#__PURE__*/function () {
+    var _ref4 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(_ref3) {
+      var variables, handleDataMerge, response, responseData, _t2;
+      return _regenerator.default.wrap(function (_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            variables = _ref3.variables, handleDataMerge = _ref3.handleDataMerge;
+            _context2.prev = 1;
+            // reset errors to catch new ones
+            setError(undefined);
+            _context2.next = 2;
+            return (0, _http.fetchWithExponentialBackoff)("".concat(options.serviceUrl, "?q=").concat(options.operationName), {
+              method: 'POST',
+              headers: new Headers(_objectSpread({
+                'Content-Type': 'application/json'
+              }, options.customHeaders)),
+              credentials: 'include',
+              body: JSON.stringify({
+                query: (0, _graphql.print)(query),
+                variables: _objectSpread(_objectSpread({}, variablesRef.current), variables)
+              })
+            });
+          case 2:
+            response = _context2.sent;
+            _context2.next = 3;
+            return response.json();
+          case 3:
+            responseData = _context2.sent;
+            if (!response.ok) {
+              _context2.next = 4;
+              break;
+            }
+            if (responseData.errors) {
+              setError(transformError({
+                graphQLErrors: responseData.errors
+              }));
+            }
+            setData(function (prevData) {
+              return handleDataMerge(prevData, responseData.data);
+            });
+            _context2.next = 5;
+            break;
+          case 4:
+            throw new Error("Generic fetch error within useQueryLight, status ".concat(response.status));
+          case 5:
+            _context2.next = 7;
+            break;
+          case 6:
+            _context2.prev = 6;
+            _t2 = _context2["catch"](1);
+            if (_t2 instanceof Error) {
+              setError(transformError({
+                error: _t2
+              }));
+            } else {
+              setError(transformError({
+                error: new Error('Unknown error')
+              }));
+              (0, _sentry.logException)(_t2, "useQueryLight fetchMore - ".concat(options.operationName));
+            }
+          case 7:
+          case "end":
+            return _context2.stop();
+        }
+      }, _callee2, null, [[1, 6]]);
+    }));
+    return function (_x) {
+      return _ref4.apply(this, arguments);
+    };
+  }(), [query, options.serviceUrl, options.operationName, options.customHeaders]);
+  (0, _react.useEffect)(function () {
+    if (!options.skip) {
+      fetchData();
+    } else {
+      setLoading(false);
+    }
+  }, [options.skip, variablesRef.current]); // eslint-disable-line react-hooks/exhaustive-deps
+
+  return {
+    loading: loading,
+    error: error,
+    data: data,
+    refetch: fetchData,
+    fetchMore: fetchMore
+  };
+};

package/dist/cjs/services/user-preferences-client/UserPreferencesClient.js

@@ -0,0 +1,94 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.UserPreferencesClient = void 0;
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _restClient = require("../rest-client");
+function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+var buildGetReadTokenURL = function buildGetReadTokenURL(accountId) {
+  return "/api/user-image/".concat(accountId, "/header-image/read");
+};
+var UserPreferencesClient = exports.UserPreferencesClient = /*#__PURE__*/function (_RestClient) {
+  function UserPreferencesClient() {
+    (0, _classCallCheck2.default)(this, UserPreferencesClient);
+    return _callSuper(this, UserPreferencesClient, arguments);
+  }
+  (0, _inherits2.default)(UserPreferencesClient, _RestClient);
+  return (0, _createClass2.default)(UserPreferencesClient, [{
+    key: "getReadMediaToken",
+    value: function () {
+      var _getReadMediaToken = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(accountId) {
+        return _regenerator.default.wrap(function (_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              return _context.abrupt("return", this.getResource(buildGetReadTokenURL(accountId)).then(function (response) {
+                return response;
+              }));
+            case 1:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee, this);
+      }));
+      function getReadMediaToken(_x) {
+        return _getReadMediaToken.apply(this, arguments);
+      }
+      return getReadMediaToken;
+    }()
+  }, {
+    key: "getWriteMediaToken",
+    value: function () {
+      var _getWriteMediaToken = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2() {
+        return _regenerator.default.wrap(function (_context2) {
+          while (1) switch (_context2.prev = _context2.next) {
+            case 0:
+              return _context2.abrupt("return", this.getResource('/api/user-image/header-image/write').then(function (response) {
+                return response;
+              }));
+            case 1:
+            case "end":
+              return _context2.stop();
+          }
+        }, _callee2, this);
+      }));
+      function getWriteMediaToken() {
+        return _getWriteMediaToken.apply(this, arguments);
+      }
+      return getWriteMediaToken;
+    }()
+  }, {
+    key: "updateUserHeaderImage",
+    value: function () {
+      var _updateUserHeaderImage = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee3(headerImageId) {
+        return _regenerator.default.wrap(function (_context3) {
+          while (1) switch (_context3.prev = _context3.next) {
+            case 0:
+              _context3.next = 1;
+              return this.putResource('/api/user-image/self/header-image', {
+                headerImageId: headerImageId
+              });
+            case 1:
+              return _context3.abrupt("return", _context3.sent);
+            case 2:
+            case "end":
+              return _context3.stop();
+          }
+        }, _callee3, this);
+      }));
+      function updateUserHeaderImage(_x2) {
+        return _updateUserHeaderImage.apply(this, arguments);
+      }
+      return updateUserHeaderImage;
+    }()
+  }]);
+}(_restClient.RestClient);