@atlaskit/teams-public 2.8.0 → 2.9.0

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

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TeamContainersStore = void 0;
+var _reactSweetState = require("react-sweet-state");
+var _actions = require("./actions");
+var _initialConnectedTeamsState = require("./initial-connected-teams-state");
+var initialState = {
+  teamContainers: [],
+  loading: true,
+  hasLoaded: false,
+  error: null,
+  unlinkError: null,
+  teamId: null,
+  connectedTeams: _initialConnectedTeamsState.initialConnectedTeamsState
+};
+var TeamContainersStore = exports.TeamContainersStore = (0, _reactSweetState.createStore)({
+  initialState: initialState,
+  actions: _actions.actions,
+  name: 'teamContainersStore'
+});

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

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

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

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

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

@@ -0,0 +1,56 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useConnectedTeams = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = require("react");
+var _analyticsNext = require("@atlaskit/analytics-next");
+var _teamsAppInternalAnalytics = require("@atlaskit/teams-app-internal-analytics");
+var _analytics = require("../../../common/utils/analytics");
+var _getErrorDetails = require("./get-error-details");
+var _getInitialTeamState = require("./get-initial-team-state");
+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 useConnectedTeams = exports.useConnectedTeams = function useConnectedTeams(teamId) {
+  var _useTeamContainersHoo = (0, _multiTeam.useTeamContainersHook)(),
+    _useTeamContainersHoo2 = (0, _slicedToArray2.default)(_useTeamContainersHoo, 2),
+    state = _useTeamContainersHoo2[0],
+    actions = _useTeamContainersHoo2[1];
+  var _usePeopleAndTeamAnal = (0, _analytics.usePeopleAndTeamAnalytics)(),
+    fireOperationalEvent = _usePeopleAndTeamAnal.fireOperationalEvent;
+  var _useAnalyticsEvents = (0, _analyticsNext.useAnalyticsEvents)(),
+    createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
+  var _useAnalyticsEventsNe = (0, _teamsAppInternalAnalytics.useAnalyticsEvents)(),
+    fireEvent = _useAnalyticsEventsNe.fireEvent;
+  var fireOperationalAnalytics = (0, _react.useCallback)(function (_ref) {
+    var action = _ref.action,
+      actionSubject = _ref.actionSubject,
+      containerId = _ref.containerId,
+      numberOfTeams = _ref.numberOfTeams,
+      error = _ref.error;
+    fireOperationalEvent(createAnalyticsEvent, {
+      action: action,
+      actionSubject: actionSubject,
+      attributes: _objectSpread({
+        containerId: containerId,
+        numberOfTeams: numberOfTeams
+      }, error && {
+        error: (0, _getErrorDetails.getErrorDetails)(error)
+      })
+    });
+  }, [fireOperationalEvent, createAnalyticsEvent]);
+  var teamState = state.teams[teamId] || (0, _getInitialTeamState.getInitialTeamState)();
+  return _objectSpread(_objectSpread({}, teamState.connectedTeams), {}, {
+    fetchNumberOfConnectedTeams: function fetchNumberOfConnectedTeams(containerId) {
+      return actions.fetchNumberOfConnectedTeams(teamId, containerId, fireOperationalAnalytics, fireEvent);
+    },
+    fetchConnectedTeams: function fetchConnectedTeams(containerId) {
+      return actions.fetchConnectedTeams(teamId, containerId, fireOperationalAnalytics, fireEvent);
+    }
+  });
+};

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

@@ -0,0 +1,36 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useConnectedTeams = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _teamsAppInternalAnalytics = require("@atlaskit/teams-app-internal-analytics");
+var _useConnectedTeams = require("./use-connected-teams-2");
+var _useTeamContainersHook = require("./use-team-containers-hook");
+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 useConnectedTeams = exports.useConnectedTeams = function useConnectedTeams(teamId) {
+  var _useTeamContainersHoo = (0, _useTeamContainersHook.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, _useConnectedTeams.useConnectedTeams)(useMultiTeam ? teamId || '' : '');
+  var _useAnalyticsEvents = (0, _teamsAppInternalAnalytics.useAnalyticsEvents)(),
+    fireEvent = _useAnalyticsEvents.fireEvent;
+  if (useMultiTeam) {
+    return multiTeamResult;
+  }
+  return _objectSpread(_objectSpread({}, state.connectedTeams), {}, {
+    fetchNumberOfConnectedTeams: function fetchNumberOfConnectedTeams(containerId) {
+      return actions.fetchNumberOfConnectedTeams(containerId, fireEvent);
+    },
+    fetchConnectedTeams: function fetchConnectedTeams(containerId) {
+      return actions.fetchConnectedTeams(containerId, fireEvent);
+    }
+  });
+};

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

@@ -0,0 +1,86 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useTeamContainers = void 0;
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = require("react");
+var _analyticsNext = require("@atlaskit/analytics-next");
+var _teamsAppInternalAnalytics = require("@atlaskit/teams-app-internal-analytics");
+var _analytics = require("../../../common/utils/analytics");
+var _getErrorDetails = require("./get-error-details");
+var _getInitialTeamState = require("./get-initial-team-state");
+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 useTeamContainers = exports.useTeamContainers = function useTeamContainers(teamId) {
+  var enable = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+  var _useTeamContainersHoo = (0, _multiTeam.useTeamContainersHook)(),
+    _useTeamContainersHoo2 = (0, _slicedToArray2.default)(_useTeamContainersHoo, 2),
+    state = _useTeamContainersHoo2[0],
+    actions = _useTeamContainersHoo2[1];
+  var _usePeopleAndTeamAnal = (0, _analytics.usePeopleAndTeamAnalytics)(),
+    fireOperationalEvent = _usePeopleAndTeamAnal.fireOperationalEvent;
+  var _useAnalyticsEvents = (0, _analyticsNext.useAnalyticsEvents)(),
+    createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
+  var _useAnalyticsEventsNe = (0, _teamsAppInternalAnalytics.useAnalyticsEvents)(),
+    fireEvent = _useAnalyticsEventsNe.fireEvent;
+  var fireOperationalAnalytics = (0, _react.useCallback)(function (action, actionSubject, error) {
+    fireOperationalEvent(createAnalyticsEvent, {
+      action: action,
+      actionSubject: actionSubject,
+      attributes: _objectSpread({
+        teamId: teamId
+      }, error && {
+        error: (0, _getErrorDetails.getErrorDetails)(error)
+      })
+    });
+  }, [fireOperationalEvent, createAnalyticsEvent, teamId]);
+  (0, _react.useEffect)(function () {
+    if (enable) {
+      // Get fresh state to ensure we're checking the correct team
+      var currentState = state;
+      var _teamState = currentState.teams[teamId];
+      // Only fetch if not already loaded or loading
+      if (!(_teamState !== null && _teamState !== void 0 && _teamState.hasLoaded) && !(_teamState !== null && _teamState !== void 0 && _teamState.loading)) {
+        actions.fetchTeamContainers(teamId, fireOperationalAnalytics, fireEvent);
+      }
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [teamId, enable]);
+  var refetchTeamContainers = (0, _react.useCallback)( /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
+    return _regenerator.default.wrap(function (_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          return _context.abrupt("return", actions.refetchTeamContainers(teamId, fireOperationalAnalytics, fireEvent));
+        case 1:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee);
+  })), [teamId, actions, fireOperationalAnalytics, fireEvent]);
+
+  // Always get the state for the specific teamId to avoid showing wrong team's data
+  var teamState = state.teams[teamId] || (0, _getInitialTeamState.getInitialTeamState)();
+  return {
+    teamContainers: teamState.teamContainers,
+    loading: teamState.loading,
+    hasLoaded: teamState.hasLoaded,
+    error: teamState.error,
+    unlinkError: teamState.unlinkError,
+    teamId: teamState.teamId,
+    connectedTeams: teamState.connectedTeams,
+    addTeamContainer: function addTeamContainer(teamContainer) {
+      return actions.addTeamContainer(teamId, teamContainer);
+    },
+    unlinkTeamContainers: function unlinkTeamContainers(containerId) {
+      return actions.unlinkTeamContainers(teamId, containerId);
+    },
+    refetchTeamContainers: refetchTeamContainers
+  };
+};

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

@@ -0,0 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useTeamContainersHook = void 0;
+var _reactSweetState = require("react-sweet-state");
+var _store = require("./store");
+var useTeamContainersHook = exports.useTeamContainersHook = (0, _reactSweetState.createHook)(_store.TeamContainersStore);

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

@@ -0,0 +1,55 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useTeamContainers = 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 _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _teamsAppInternalAnalytics = require("@atlaskit/teams-app-internal-analytics");
+var _useTeamContainers = require("./use-team-containers-2");
+var _useTeamContainersHook = require("./use-team-containers-hook");
+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 useTeamContainers = exports.useTeamContainers = function useTeamContainers(teamId) {
+  var enable = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+  var _useTeamContainersHoo = (0, _useTeamContainersHook.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, _useTeamContainers.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 _callee() {
+    return _regenerator.default.wrap(function (_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          return _context.abrupt("return", actions.refetchTeamContainers(fireEvent));
+        case 1:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee);
+  })), [actions, fireEvent]);
+  if (useMultiTeam) {
+    return multiTeamResult;
+  }
+  return _objectSpread(_objectSpread({}, state), {}, {
+    addTeamContainer: actions.addTeamContainer,
+    unlinkTeamContainers: function unlinkTeamContainers(containerId) {
+      return actions.unlinkTeamContainers(teamId, containerId);
+    },
+    refetchTeamContainers: refetchTeamContainers
+  });
+};

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

@@ -11,9 +11,11 @@ var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = require("react");
-var _teamWebLinkConverters = require("../../../common/utils/team-web-link-converters");
-var _useTeamContainers2 = require("../use-team-containers");
-var _useTeamWebLinks3 = require("../use-team-web-links");
+var _containerToNewWebLink = require("../../../common/utils/container-to-new-web-link");
+var _isNewTeamWebLink = require("../../../common/utils/is-new-team-web-link");
+var _webLinksToContainers = require("../../../common/utils/web-links-to-containers");
+var _useTeamContainers2 = require("../use-team-containers/use-team-containers");
+var _useTeamWebLinks3 = require("../use-team-web-links/use-team-web-links");
 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 MAX_LINKS_LIMIT = 10;
@@ -45,7 +47,7 @@ var useTeamLinksAndContainers = exports.useTeamLinksAndContainers = function use
     getTeamWebLinks(teamId);
   }, [getTeamWebLinks, teamId]);
   var webLinkContainers = (0, _react.useMemo)(function () {
-    return (0, _teamWebLinkConverters.webLinksToContainers)(links, linkIcons);
+    return (0, _webLinksToContainers.webLinksToContainers)(links, linkIcons);
   }, [links, linkIcons]);
   var allContainers = (0, _react.useMemo)(function () {
     return [].concat((0, _toConsumableArray2.default)(teamContainers), (0, _toConsumableArray2.default)(webLinkContainers));
@@ -59,7 +61,7 @@ var useTeamLinksAndContainers = exports.useTeamLinksAndContainers = function use
       return _regenerator.default.wrap(function (_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
-            if (!(0, _teamWebLinkConverters.isNewTeamWebLink)(containerOrWebLink)) {
+            if (!(0, _isNewTeamWebLink.isNewTeamWebLink)(containerOrWebLink)) {
               _context.next = 2;
               break;
             }
@@ -72,7 +74,7 @@ var useTeamLinksAndContainers = exports.useTeamLinksAndContainers = function use
               _context.next = 4;
               break;
             }
-            webLink = (0, _teamWebLinkConverters.containerToNewWebLink)(containerOrWebLink);
+            webLink = (0, _containerToNewWebLink.containerToNewWebLink)(containerOrWebLink);
             _context.next = 3;
             return createTeamWebLink(teamId, webLink);
           case 3:
@@ -109,7 +111,7 @@ var useTeamLinksAndContainers = exports.useTeamLinksAndContainers = function use
               _context2.next = 3;
               break;
             }
-            currentWebLink = (0, _teamWebLinkConverters.containerToNewWebLink)(container);
+            currentWebLink = (0, _containerToNewWebLink.containerToNewWebLink)(container);
             updatedWebLink = _objectSpread(_objectSpread({}, currentWebLink), updatedFields);
             _context2.next = 2;
             return updateTeamWebLink(teamId, linkId, updatedWebLink);

package/dist/cjs/controllers/hooks/use-team-web-links/actions.js

@@ -0,0 +1,328 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.actions = void 0;
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _teamsClient = require("@atlaskit/teams-client");
+var _initialState2 = require("./initial-state");
+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 actions = exports.actions = {
+  getTeamWebLinks: function getTeamWebLinks(teamId) {
+    return /*#__PURE__*/function () {
+      var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(_ref) {
+        var getState, setState, dispatch, _getState, links, currentTeamId, hasLoaded, isLoading, initialLinks, _yield$teamsClient$ge, entities, _t;
+        return _regenerator.default.wrap(function (_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              getState = _ref.getState, setState = _ref.setState, dispatch = _ref.dispatch;
+              _getState = getState(), links = _getState.links, currentTeamId = _getState.teamId, hasLoaded = _getState.hasLoaded, isLoading = _getState.isLoading;
+              if (!(isLoading || teamId === currentTeamId && hasLoaded && links.length > 0)) {
+                _context.next = 1;
+                break;
+              }
+              return _context.abrupt("return");
+            case 1:
+              initialLinks = teamId === currentTeamId ? links : [];
+              setState({
+                teamId: teamId,
+                isLoading: true,
+                hasLoaded: false,
+                hasError: false,
+                shouldReload: false,
+                links: initialLinks
+              });
+              _context.prev = 2;
+              _context.next = 3;
+              return _teamsClient.teamsClient.getTeamLinksByTeamId(teamId);
+            case 3:
+              _yield$teamsClient$ge = _context.sent;
+              entities = _yield$teamsClient$ge.entities;
+              if (!(getState().teamId !== teamId)) {
+                _context.next = 4;
+                break;
+              }
+              return _context.abrupt("return");
+            case 4:
+              setState({
+                isLoading: false,
+                hasLoaded: true,
+                hasError: false,
+                shouldReload: false,
+                links: entities
+              });
+              if (entities.length > 0) {
+                dispatch(actions.getTeamWebLinkIcons(teamId));
+              }
+              _context.next = 7;
+              break;
+            case 5:
+              _context.prev = 5;
+              _t = _context["catch"](2);
+              if (!(getState().teamId !== teamId)) {
+                _context.next = 6;
+                break;
+              }
+              return _context.abrupt("return");
+            case 6:
+              setState({
+                isLoading: false,
+                hasLoaded: true,
+                hasError: true,
+                errorType: _t instanceof Error ? _t : undefined,
+                shouldReload: false,
+                links: []
+              });
+            case 7:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee, null, [[2, 5]]);
+      }));
+      return function (_x) {
+        return _ref2.apply(this, arguments);
+      };
+    }();
+  },
+  getTeamWebLinkIcons: function getTeamWebLinkIcons(teamId) {
+    return /*#__PURE__*/function () {
+      var _ref4 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(_ref3) {
+        var getState, setState, _getState2, links, currentIcons, linkUrls, uncachedUrls, newIconData, _t2;
+        return _regenerator.default.wrap(function (_context2) {
+          while (1) switch (_context2.prev = _context2.next) {
+            case 0:
+              getState = _ref3.getState, setState = _ref3.setState;
+              _getState2 = getState(), links = _getState2.links, currentIcons = _getState2.linkIcons;
+              if (!(links.length === 0)) {
+                _context2.next = 1;
+                break;
+              }
+              return _context2.abrupt("return");
+            case 1:
+              linkUrls = links.map(function (link) {
+                return link.linkUri;
+              });
+              uncachedUrls = linkUrls.filter(function (url) {
+                return !currentIcons.some(function (icon) {
+                  return icon.linkUrl === url;
+                });
+              });
+              if (!(uncachedUrls.length > 0)) {
+                _context2.next = 6;
+                break;
+              }
+              _context2.prev = 2;
+              setState({
+                iconsLoading: true,
+                iconsError: false
+              });
+              _context2.next = 3;
+              return _teamsClient.teamsClient.getTeamLinkIcons(uncachedUrls);
+            case 3:
+              newIconData = _context2.sent;
+              if (getState().teamId === teamId) {
+                setState({
+                  linkIcons: [].concat((0, _toConsumableArray2.default)(currentIcons), (0, _toConsumableArray2.default)(newIconData || [])),
+                  iconsLoading: false,
+                  iconsError: false,
+                  iconHasLoaded: true
+                });
+              }
+              _context2.next = 5;
+              break;
+            case 4:
+              _context2.prev = 4;
+              _t2 = _context2["catch"](2);
+              if (getState().teamId === teamId) {
+                setState({
+                  iconsLoading: false,
+                  iconsError: true,
+                  iconHasLoaded: true
+                });
+              }
+            case 5:
+              _context2.next = 7;
+              break;
+            case 6:
+              setState({
+                iconsLoading: false,
+                iconsError: false,
+                iconHasLoaded: true
+              });
+            case 7:
+            case "end":
+              return _context2.stop();
+          }
+        }, _callee2, null, [[2, 4]]);
+      }));
+      return function (_x2) {
+        return _ref4.apply(this, arguments);
+      };
+    }();
+  },
+  createTeamWebLink: function createTeamWebLink(teamId, newLink) {
+    return /*#__PURE__*/function () {
+      var _ref6 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee3(_ref5) {
+        var getState, setState, dispatch, result, currentState;
+        return _regenerator.default.wrap(function (_context3) {
+          while (1) switch (_context3.prev = _context3.next) {
+            case 0:
+              getState = _ref5.getState, setState = _ref5.setState, dispatch = _ref5.dispatch;
+              _context3.next = 1;
+              return _teamsClient.teamsClient.createTeamLink(teamId, newLink);
+            case 1:
+              result = _context3.sent;
+              currentState = getState();
+              if (!(currentState.teamId !== teamId)) {
+                _context3.next = 2;
+                break;
+              }
+              return _context3.abrupt("return", result);
+            case 2:
+              setState({
+                links: [].concat((0, _toConsumableArray2.default)(currentState.links), [result])
+              });
+              dispatch(actions.getTeamWebLinkIcons(teamId));
+              return _context3.abrupt("return", result);
+            case 3:
+            case "end":
+              return _context3.stop();
+          }
+        }, _callee3);
+      }));
+      return function (_x3) {
+        return _ref6.apply(this, arguments);
+      };
+    }();
+  },
+  updateTeamWebLink: function updateTeamWebLink(teamId, linkId, newLink) {
+    return /*#__PURE__*/function () {
+      var _ref8 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee4(_ref7) {
+        var getState, setState, dispatch, result, currentState, oldLink, urlChanged, updatedIcons;
+        return _regenerator.default.wrap(function (_context4) {
+          while (1) switch (_context4.prev = _context4.next) {
+            case 0:
+              getState = _ref7.getState, setState = _ref7.setState, dispatch = _ref7.dispatch;
+              _context4.next = 1;
+              return _teamsClient.teamsClient.updateTeamLink(teamId, linkId, newLink);
+            case 1:
+              result = _context4.sent;
+              currentState = getState();
+              if (!(currentState.teamId !== teamId)) {
+                _context4.next = 2;
+                break;
+              }
+              return _context4.abrupt("return", result);
+            case 2:
+              oldLink = currentState.links.find(function (link) {
+                return link.linkId === linkId;
+              });
+              urlChanged = oldLink && oldLink.linkUri !== result.linkUri;
+              setState({
+                links: currentState.links.map(function (link) {
+                  return link.linkId === linkId ? result : link;
+                })
+              });
+              if (urlChanged) {
+                updatedIcons = currentState.linkIcons.filter(function (icon) {
+                  return icon.linkUrl !== oldLink.linkUri;
+                });
+                setState({
+                  linkIcons: updatedIcons
+                });
+                dispatch(actions.getTeamWebLinkIcons(teamId));
+              }
+              return _context4.abrupt("return", result);
+            case 3:
+            case "end":
+              return _context4.stop();
+          }
+        }, _callee4);
+      }));
+      return function (_x4) {
+        return _ref8.apply(this, arguments);
+      };
+    }();
+  },
+  removeWebLink: function removeWebLink(teamId, linkId) {
+    return /*#__PURE__*/function () {
+      var _ref0 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee5(_ref9) {
+        var getState, setState, currentState;
+        return _regenerator.default.wrap(function (_context5) {
+          while (1) switch (_context5.prev = _context5.next) {
+            case 0:
+              getState = _ref9.getState, setState = _ref9.setState;
+              currentState = getState();
+              if (!(currentState.teamId !== teamId)) {
+                _context5.next = 1;
+                break;
+              }
+              return _context5.abrupt("return");
+            case 1:
+              _context5.next = 2;
+              return _teamsClient.teamsClient.deleteTeamLink(teamId, linkId);
+            case 2:
+              setState({
+                links: currentState.links.filter(function (link) {
+                  return link.linkId !== linkId;
+                })
+              });
+            case 3:
+            case "end":
+              return _context5.stop();
+          }
+        }, _callee5);
+      }));
+      return function (_x5) {
+        return _ref0.apply(this, arguments);
+      };
+    }();
+  },
+  fetchWebLinkTitle: function fetchWebLinkTitle(url) {
+    return /*#__PURE__*/function () {
+      var _ref10 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee6(_ref1) {
+        var setState, title, _t3;
+        return _regenerator.default.wrap(function (_context6) {
+          while (1) switch (_context6.prev = _context6.next) {
+            case 0:
+              setState = _ref1.setState;
+              if (url) {
+                _context6.next = 1;
+                break;
+              }
+              return _context6.abrupt("return", undefined);
+            case 1:
+              _context6.prev = 1;
+              _context6.next = 2;
+              return _teamsClient.teamsClient.getWebLinkTitle(url);
+            case 2:
+              title = _context6.sent;
+              return _context6.abrupt("return", title);
+            case 3:
+              _context6.prev = 3;
+              _t3 = _context6["catch"](1);
+              return _context6.abrupt("return", undefined);
+            case 4:
+            case "end":
+              return _context6.stop();
+          }
+        }, _callee6, null, [[1, 3]]);
+      }));
+      return function (_x6) {
+        return _ref10.apply(this, arguments);
+      };
+    }();
+  },
+  initialState: function initialState(state) {
+    return function (_ref11) {
+      var setState = _ref11.setState;
+      setState(_objectSpread(_objectSpread({}, _initialState2.initialState), state));
+    };
+  }
+};