@atlaskit/teams-public 2.8.0 → 2.9.0

package/dist/cjs/controllers/hooks/use-team-containers/index.js

@@ -1,474 +1,26 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useTeamContainersHook = exports.useTeamContainers = exports.useConnectedTeams = void 0;
-var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-var _react = require("react");
-var _reactSweetState = require("react-sweet-state");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
-var _teamsAppInternalAnalytics = require("@atlaskit/teams-app-internal-analytics");
-var _teamsClient = require("@atlaskit/teams-client");
-var _multiTeam = require("./multi-team");
-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 initialConnectedTeamsState = {
-  containerId: undefined,
-  isLoading: false,
-  hasLoaded: false,
-  teams: undefined,
-  error: null,
-  numberOfTeams: undefined
-};
-var initialState = {
-  teamContainers: [],
-  loading: true,
-  hasLoaded: false,
-  error: null,
-  unlinkError: null,
-  teamId: null,
-  connectedTeams: initialConnectedTeamsState
-};
-function containersEqual(arr1, arr2) {
-  var sortById = function sortById(a, b) {
-    return a.id.localeCompare(b.id);
-  };
-  return JSON.stringify((0, _toConsumableArray2.default)(arr1).sort(sortById)) === JSON.stringify((0, _toConsumableArray2.default)(arr2).sort(sortById));
-}
-var actions = {
-  fetchTeamContainers: function fetchTeamContainers(teamId, fireAnalytics) {
-    return /*#__PURE__*/function () {
-      var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(_ref) {
-        var setState, getState, _getState, currentTeamId, containers, _t;
-        return _regenerator.default.wrap(function (_context) {
-          while (1) switch (_context.prev = _context.next) {
-            case 0:
-              setState = _ref.setState, getState = _ref.getState;
-              _getState = getState(), currentTeamId = _getState.teamId;
-              if (!(currentTeamId === teamId)) {
-                _context.next = 1;
-                break;
-              }
-              return _context.abrupt("return");
-            case 1:
-              setState({
-                loading: true,
-                error: null,
-                teamContainers: [],
-                teamId: teamId,
-                hasLoaded: false
-              });
-              _context.prev = 2;
-              _context.next = 3;
-              return _teamsClient.teamsClient.getTeamContainers(teamId);
-            case 3:
-              containers = _context.sent;
-              fireAnalytics('operational.fetchTeamContainers.succeeded', {
-                teamId: teamId
-              });
-              setState({
-                teamContainers: containers,
-                loading: false,
-                error: null,
-                hasLoaded: true
-              });
-              _context.next = 5;
-              break;
-            case 4:
-              _context.prev = 4;
-              _t = _context["catch"](2);
-              fireAnalytics('operational.fetchTeamContainers.failed', {
-                teamId: teamId,
-                error: {
-                  message: _t.message || JSON.stringify(_t),
-                  stack: _t.stack
-                }
-              });
-              setState({
-                teamContainers: [],
-                error: _t,
-                loading: false,
-                hasLoaded: true
-              });
-            case 5:
-            case "end":
-              return _context.stop();
-          }
-        }, _callee, null, [[2, 4]]);
-      }));
-      return function (_x) {
-        return _ref2.apply(this, arguments);
-      };
-    }();
-  },
-  refetchTeamContainers: function refetchTeamContainers(fireAnalytics) {
-    return /*#__PURE__*/function () {
-      var _ref4 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(_ref3) {
-        var setState, getState, _getState2, teamId, containers, _t2;
-        return _regenerator.default.wrap(function (_context2) {
-          while (1) switch (_context2.prev = _context2.next) {
-            case 0:
-              setState = _ref3.setState, getState = _ref3.getState;
-              _getState2 = getState(), teamId = _getState2.teamId;
-              if (teamId) {
-                _context2.next = 1;
-                break;
-              }
-              return _context2.abrupt("return");
-            case 1:
-              _context2.prev = 1;
-              _context2.next = 2;
-              return _teamsClient.teamsClient.getTeamContainers(teamId);
-            case 2:
-              containers = _context2.sent;
-              fireAnalytics('operational.refetchTeamContainers.succeeded', {
-                teamId: teamId
-              });
-              // optimisation to avoid unnecessary state updates
-              if (!containersEqual(containers, getState().teamContainers)) {
-                setState({
-                  teamContainers: containers,
-                  loading: false,
-                  error: null,
-                  hasLoaded: true
-                });
-              }
-              _context2.next = 4;
-              break;
-            case 3:
-              _context2.prev = 3;
-              _t2 = _context2["catch"](1);
-              fireAnalytics('operational.refetchTeamContainers.failed', {
-                teamId: teamId,
-                error: {
-                  message: _t2.message || JSON.stringify(_t2),
-                  stack: _t2.stack
-                }
-              });
-              setState({
-                teamContainers: getState().teamContainers,
-                error: _t2,
-                loading: false,
-                hasLoaded: true
-              });
-            case 4:
-            case "end":
-              return _context2.stop();
-          }
-        }, _callee2, null, [[1, 3]]);
-      }));
-      return function (_x2) {
-        return _ref4.apply(this, arguments);
-      };
-    }();
-  },
-  fetchNumberOfConnectedTeams: function fetchNumberOfConnectedTeams(containerId, fireAnalytics) {
-    return /*#__PURE__*/function () {
-      var _ref6 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee3(_ref5) {
-        var setState, getState, _getState3, currentContainerId, numberOfTeams, _t3;
-        return _regenerator.default.wrap(function (_context3) {
-          while (1) switch (_context3.prev = _context3.next) {
-            case 0:
-              setState = _ref5.setState, getState = _ref5.getState;
-              _getState3 = getState(), currentContainerId = _getState3.connectedTeams.containerId;
-              if (!(currentContainerId === containerId)) {
-                _context3.next = 1;
-                break;
-              }
-              return _context3.abrupt("return");
-            case 1:
-              setState({
-                connectedTeams: _objectSpread(_objectSpread({}, initialConnectedTeamsState), {}, {
-                  containerId: containerId,
-                  numberOfTeams: undefined
-                })
-              });
-              _context3.prev = 2;
-              _context3.next = 3;
-              return _teamsClient.teamsClient.getNumberOfConnectedTeams(containerId);
-            case 3:
-              numberOfTeams = _context3.sent;
-              fireAnalytics('operational.fetchNumberOfConnectedTeams.succeeded', {
-                numberOfTeams: numberOfTeams,
-                containerId: containerId
-              });
-              setState({
-                connectedTeams: _objectSpread(_objectSpread({}, initialConnectedTeamsState), {}, {
-                  containerId: containerId,
-                  numberOfTeams: numberOfTeams
-                })
-              });
-              _context3.next = 5;
-              break;
-            case 4:
-              _context3.prev = 4;
-              _t3 = _context3["catch"](2);
-              fireAnalytics('operational.fetchNumberOfConnectedTeams.failed', {
-                numberOfTeams: initialConnectedTeamsState.numberOfTeams || null,
-                containerId: containerId,
-                error: {
-                  message: _t3.message || JSON.stringify(_t3),
-                  stack: _t3.stack
-                }
-              });
-              setState({
-                connectedTeams: _objectSpread(_objectSpread({}, initialConnectedTeamsState), {}, {
-                  containerId: containerId,
-                  error: _t3
-                })
-              });
-            case 5:
-            case "end":
-              return _context3.stop();
-          }
-        }, _callee3, null, [[2, 4]]);
-      }));
-      return function (_x3) {
-        return _ref6.apply(this, arguments);
-      };
-    }();
-  },
-  fetchConnectedTeams: function fetchConnectedTeams(containerId, fireAnalytics) {
-    return /*#__PURE__*/function () {
-      var _ref8 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee4(_ref7) {
-        var setState, getState, _getState4, _getState4$connectedT, currentContainerId, numberOfTeams, hasLoaded, teams, _t4;
-        return _regenerator.default.wrap(function (_context4) {
-          while (1) switch (_context4.prev = _context4.next) {
-            case 0:
-              setState = _ref7.setState, getState = _ref7.getState;
-              _getState4 = getState(), _getState4$connectedT = _getState4.connectedTeams, currentContainerId = _getState4$connectedT.containerId, numberOfTeams = _getState4$connectedT.numberOfTeams, hasLoaded = _getState4$connectedT.hasLoaded;
-              if (!(currentContainerId === containerId && hasLoaded)) {
-                _context4.next = 1;
-                break;
-              }
-              return _context4.abrupt("return");
-            case 1:
-              setState({
-                connectedTeams: {
-                  containerId: containerId,
-                  isLoading: true,
-                  hasLoaded: false,
-                  teams: undefined,
-                  error: null,
-                  numberOfTeams: numberOfTeams
-                }
-              });
-              _context4.prev = 2;
-              _context4.next = 3;
-              return _teamsClient.teamsClient.getConnectedTeams(containerId);
-            case 3:
-              teams = _context4.sent;
-              fireAnalytics('operational.fetchConnectedTeams.succeeded', {
-                numberOfTeams: numberOfTeams || null,
-                containerId: containerId
-              });
-              setState({
-                connectedTeams: {
-                  containerId: containerId,
-                  isLoading: false,
-                  hasLoaded: true,
-                  teams: teams,
-                  error: null,
-                  numberOfTeams: numberOfTeams
-                }
-              });
-              _context4.next = 5;
-              break;
-            case 4:
-              _context4.prev = 4;
-              _t4 = _context4["catch"](2);
-              fireAnalytics('operational.fetchConnectedTeams.failed', {
-                numberOfTeams: numberOfTeams || null,
-                containerId: containerId,
-                error: {
-                  message: _t4.message || JSON.stringify(_t4),
-                  stack: _t4.stack
-                }
-              });
-              setState({
-                connectedTeams: {
-                  containerId: containerId,
-                  isLoading: false,
-                  hasLoaded: false,
-                  teams: [],
-                  error: _t4,
-                  numberOfTeams: numberOfTeams
-                }
-              });
-            case 5:
-            case "end":
-              return _context4.stop();
-          }
-        }, _callee4, null, [[2, 4]]);
-      }));
-      return function (_x4) {
-        return _ref8.apply(this, arguments);
-      };
-    }();
-  },
-  unlinkTeamContainers: function unlinkTeamContainers(teamId, containerId) {
-    return /*#__PURE__*/function () {
-      var _ref0 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee5(_ref9) {
-        var setState, getState, mutationResult, _getState5, teamContainers, connectedTeams, newContainers, _t5;
-        return _regenerator.default.wrap(function (_context5) {
-          while (1) switch (_context5.prev = _context5.next) {
-            case 0:
-              setState = _ref9.setState, getState = _ref9.getState;
-              setState({
-                unlinkError: null
-              });
-              _context5.prev = 1;
-              _context5.next = 2;
-              return _teamsClient.teamsClient.unlinkTeamContainer(teamId, containerId);
-            case 2:
-              mutationResult = _context5.sent;
-              if (mutationResult.deleteTeamConnectedToContainer.errors.length) {
-                // Just handle 1 error at a time should be suffcient as we disconenct only 1 container at a time
-                setState({
-                  unlinkError: mutationResult.deleteTeamConnectedToContainer.errors[0]
-                });
-              } else {
-                _getState5 = getState(), teamContainers = _getState5.teamContainers, connectedTeams = _getState5.connectedTeams;
-                newContainers = teamContainers.filter(function (container) {
-                  return container.id !== containerId;
-                });
-                if (connectedTeams.containerId === containerId) {
-                  setState({
-                    teamContainers: newContainers,
-                    connectedTeams: initialConnectedTeamsState
-                  });
-                } else {
-                  setState({
-                    teamContainers: newContainers
-                  });
-                }
-              }
-              _context5.next = 4;
-              break;
-            case 3:
-              _context5.prev = 3;
-              _t5 = _context5["catch"](1);
-              setState({
-                unlinkError: _t5
-              });
-            case 4:
-            case "end":
-              return _context5.stop();
-          }
-        }, _callee5, null, [[1, 3]]);
-      }));
-      return function (_x5) {
-        return _ref0.apply(this, arguments);
-      };
-    }();
-  },
-  addTeamContainer: function addTeamContainer(teamContainer) {
-    return /*#__PURE__*/function () {
-      var _ref10 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee6(_ref1) {
-        var setState, getState, _getState6, teamContainers, connectedTeams, containerExists;
-        return _regenerator.default.wrap(function (_context6) {
-          while (1) switch (_context6.prev = _context6.next) {
-            case 0:
-              setState = _ref1.setState, getState = _ref1.getState;
-              _getState6 = getState(), teamContainers = _getState6.teamContainers, connectedTeams = _getState6.connectedTeams;
-              containerExists = teamContainers.some(function (container) {
-                return container.id === teamContainer.id;
-              });
-              if (!containerExists) {
-                _context6.next = 1;
-                break;
-              }
-              return _context6.abrupt("return");
-            case 1:
-              if (connectedTeams.containerId === teamContainer.id) {
-                setState({
-                  teamContainers: [].concat((0, _toConsumableArray2.default)(teamContainers), [teamContainer]),
-                  connectedTeams: initialConnectedTeamsState
-                });
-              } else {
-                setState({
-                  teamContainers: [].concat((0, _toConsumableArray2.default)(teamContainers), [teamContainer])
-                });
-              }
-            case 2:
-            case "end":
-              return _context6.stop();
-          }
-        }, _callee6);
-      }));
-      return function (_x6) {
-        return _ref10.apply(this, arguments);
-      };
-    }();
+Object.defineProperty(exports, "useConnectedTeams", {
+  enumerable: true,
+  get: function get() {
+    return _useConnectedTeams.useConnectedTeams;
   }
-};
-var Store = (0, _reactSweetState.createStore)({
-  initialState: initialState,
-  actions: actions,
-  name: 'teamContainersStore'
 });
-var useTeamContainersHook = exports.useTeamContainersHook = (0, _reactSweetState.createHook)(Store);
-var useTeamContainers = exports.useTeamContainers = function useTeamContainers(teamId) {
-  var enable = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
-  var _useTeamContainersHoo = useTeamContainersHook(),
-    _useTeamContainersHoo2 = (0, _slicedToArray2.default)(_useTeamContainersHoo, 2),
-    state = _useTeamContainersHoo2[0],
-    actions = _useTeamContainersHoo2[1];
-  var useMultiTeam = (0, _platformFeatureFlags.fg)('enable_multi_team_containers_state');
-  var multiTeamResult = (0, _multiTeam.useTeamContainers)(teamId, useMultiTeam ? enable : false);
-  var _useAnalyticsEvents = (0, _teamsAppInternalAnalytics.useAnalyticsEvents)(),
-    fireEvent = _useAnalyticsEvents.fireEvent;
-  (0, _react.useEffect)(function () {
-    if (enable && !useMultiTeam) {
-      actions.fetchTeamContainers(teamId, fireEvent);
-    }
-  }, [teamId, actions, enable, fireEvent, useMultiTeam]);
-  var refetchTeamContainers = (0, _react.useCallback)( /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee7() {
-    return _regenerator.default.wrap(function (_context7) {
-      while (1) switch (_context7.prev = _context7.next) {
-        case 0:
-          return _context7.abrupt("return", actions.refetchTeamContainers(fireEvent));
-        case 1:
-        case "end":
-          return _context7.stop();
-      }
-    }, _callee7);
-  })), [actions, fireEvent]);
-  if (useMultiTeam) {
-    return multiTeamResult;
+Object.defineProperty(exports, "useTeamContainers", {
+  enumerable: true,
+  get: function get() {
+    return _useTeamContainers.useTeamContainers;
   }
-  return _objectSpread(_objectSpread({}, state), {}, {
-    addTeamContainer: actions.addTeamContainer,
-    unlinkTeamContainers: function unlinkTeamContainers(containerId) {
-      return actions.unlinkTeamContainers(teamId, containerId);
-    },
-    refetchTeamContainers: refetchTeamContainers
-  });
-};
-var useConnectedTeams = exports.useConnectedTeams = function useConnectedTeams(teamId) {
-  var _useTeamContainersHoo3 = useTeamContainersHook(),
-    _useTeamContainersHoo4 = (0, _slicedToArray2.default)(_useTeamContainersHoo3, 2),
-    state = _useTeamContainersHoo4[0],
-    actions = _useTeamContainersHoo4[1];
-  var useMultiTeam = (0, _platformFeatureFlags.fg)('enable_multi_team_containers_state');
-  var multiTeamResult = (0, _multiTeam.useConnectedTeams)(useMultiTeam ? teamId || '' : '');
-  var _useAnalyticsEvents2 = (0, _teamsAppInternalAnalytics.useAnalyticsEvents)(),
-    fireEvent = _useAnalyticsEvents2.fireEvent;
-  if (useMultiTeam) {
-    return multiTeamResult;
+});
+Object.defineProperty(exports, "useTeamContainersHook", {
+  enumerable: true,
+  get: function get() {
+    return _useTeamContainersHook.useTeamContainersHook;
   }
-  return _objectSpread(_objectSpread({}, state.connectedTeams), {}, {
-    fetchNumberOfConnectedTeams: function fetchNumberOfConnectedTeams(containerId) {
-      return actions.fetchNumberOfConnectedTeams(containerId, fireEvent);
-    },
-    fetchConnectedTeams: function fetchConnectedTeams(containerId) {
-      return actions.fetchConnectedTeams(containerId, fireEvent);
-    }
-  });
-};
+});
+var _useTeamContainersHook = require("./use-team-containers-hook");
+var _useTeamContainers = require("./use-team-containers");
+var _useConnectedTeams = require("./use-connected-teams");

package/dist/cjs/controllers/hooks/use-team-containers/initial-connected-teams-state.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.initialConnectedTeamsState = void 0;
+var initialConnectedTeamsState = exports.initialConnectedTeamsState = {
+  containerId: undefined,
+  isLoading: false,
+  hasLoaded: false,
+  teams: undefined,
+  error: null,
+  numberOfTeams: undefined
+};