@atlaskit/teams-public 2.7.0 → 2.9.0

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

@@ -0,0 +1,49 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+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) { _defineProperty(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; }
+import { useCallback } from 'react';
+import { useAnalyticsEvents } from '@atlaskit/analytics-next';
+import { useAnalyticsEvents as useAnalyticsEventsNext } from '@atlaskit/teams-app-internal-analytics';
+import { usePeopleAndTeamAnalytics } from '../../../common/utils/analytics';
+import { getErrorDetails } from './get-error-details';
+import { getInitialTeamState } from './get-initial-team-state';
+import { useTeamContainersHook } from './multi-team';
+export var useConnectedTeams = function useConnectedTeams(teamId) {
+  var _useTeamContainersHoo = useTeamContainersHook(),
+    _useTeamContainersHoo2 = _slicedToArray(_useTeamContainersHoo, 2),
+    state = _useTeamContainersHoo2[0],
+    actions = _useTeamContainersHoo2[1];
+  var _usePeopleAndTeamAnal = usePeopleAndTeamAnalytics(),
+    fireOperationalEvent = _usePeopleAndTeamAnal.fireOperationalEvent;
+  var _useAnalyticsEvents = useAnalyticsEvents(),
+    createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
+  var _useAnalyticsEventsNe = useAnalyticsEventsNext(),
+    fireEvent = _useAnalyticsEventsNe.fireEvent;
+  var fireOperationalAnalytics = 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: getErrorDetails(error)
+      })
+    });
+  }, [fireOperationalEvent, createAnalyticsEvent]);
+  var teamState = state.teams[teamId] || 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/esm/controllers/hooks/use-team-containers/use-connected-teams.js

@@ -0,0 +1,29 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+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) { _defineProperty(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; }
+import { fg } from '@atlaskit/platform-feature-flags';
+import { useAnalyticsEvents } from '@atlaskit/teams-app-internal-analytics';
+import { useConnectedTeams as useConnectedTeamsMulti } from './use-connected-teams-2';
+import { useTeamContainersHook } from './use-team-containers-hook';
+export var useConnectedTeams = function useConnectedTeams(teamId) {
+  var _useTeamContainersHoo = useTeamContainersHook(),
+    _useTeamContainersHoo2 = _slicedToArray(_useTeamContainersHoo, 2),
+    state = _useTeamContainersHoo2[0],
+    actions = _useTeamContainersHoo2[1];
+  var useMultiTeam = fg('enable_multi_team_containers_state');
+  var multiTeamResult = useConnectedTeamsMulti(useMultiTeam ? teamId || '' : '');
+  var _useAnalyticsEvents = 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/esm/controllers/hooks/use-team-containers/use-team-containers-2.js

@@ -0,0 +1,79 @@
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+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) { _defineProperty(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; }
+import { useCallback, useEffect } from 'react';
+import { useAnalyticsEvents } from '@atlaskit/analytics-next';
+import { useAnalyticsEvents as useAnalyticsEventsNext } from '@atlaskit/teams-app-internal-analytics';
+import { usePeopleAndTeamAnalytics } from '../../../common/utils/analytics';
+import { getErrorDetails } from './get-error-details';
+import { getInitialTeamState } from './get-initial-team-state';
+import { useTeamContainersHook } from './multi-team';
+export var useTeamContainers = function useTeamContainers(teamId) {
+  var enable = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+  var _useTeamContainersHoo = useTeamContainersHook(),
+    _useTeamContainersHoo2 = _slicedToArray(_useTeamContainersHoo, 2),
+    state = _useTeamContainersHoo2[0],
+    actions = _useTeamContainersHoo2[1];
+  var _usePeopleAndTeamAnal = usePeopleAndTeamAnalytics(),
+    fireOperationalEvent = _usePeopleAndTeamAnal.fireOperationalEvent;
+  var _useAnalyticsEvents = useAnalyticsEvents(),
+    createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
+  var _useAnalyticsEventsNe = useAnalyticsEventsNext(),
+    fireEvent = _useAnalyticsEventsNe.fireEvent;
+  var fireOperationalAnalytics = useCallback(function (action, actionSubject, error) {
+    fireOperationalEvent(createAnalyticsEvent, {
+      action: action,
+      actionSubject: actionSubject,
+      attributes: _objectSpread({
+        teamId: teamId
+      }, error && {
+        error: getErrorDetails(error)
+      })
+    });
+  }, [fireOperationalEvent, createAnalyticsEvent, teamId]);
+  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 = useCallback( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+    return _regeneratorRuntime.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] || 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/esm/controllers/hooks/use-team-containers/use-team-containers-hook.js

@@ -0,0 +1,3 @@
+import { createHook } from 'react-sweet-state';
+import { TeamContainersStore } from './store';
+export var useTeamContainersHook = createHook(TeamContainersStore);

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

@@ -0,0 +1,48 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+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) { _defineProperty(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; }
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+import { useCallback, useEffect } from 'react';
+import { fg } from '@atlaskit/platform-feature-flags';
+import { useAnalyticsEvents } from '@atlaskit/teams-app-internal-analytics';
+import { useTeamContainers as useTeamContainersMulti } from './use-team-containers-2';
+import { useTeamContainersHook } from './use-team-containers-hook';
+export var useTeamContainers = function useTeamContainers(teamId) {
+  var enable = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+  var _useTeamContainersHoo = useTeamContainersHook(),
+    _useTeamContainersHoo2 = _slicedToArray(_useTeamContainersHoo, 2),
+    state = _useTeamContainersHoo2[0],
+    actions = _useTeamContainersHoo2[1];
+  var useMultiTeam = fg('enable_multi_team_containers_state');
+  var multiTeamResult = useTeamContainersMulti(teamId, useMultiTeam ? enable : false);
+  var _useAnalyticsEvents = useAnalyticsEvents(),
+    fireEvent = _useAnalyticsEvents.fireEvent;
+  useEffect(function () {
+    if (enable && !useMultiTeam) {
+      actions.fetchTeamContainers(teamId, fireEvent);
+    }
+  }, [teamId, actions, enable, fireEvent, useMultiTeam]);
+  var refetchTeamContainers = useCallback( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+    return _regeneratorRuntime.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/esm/controllers/hooks/use-team-links-and-containers/index.js

@@ -6,9 +6,11 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 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) { _defineProperty(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; }
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 import { useCallback, useEffect, useMemo } from 'react';
-import { containerToNewWebLink, isNewTeamWebLink, webLinksToContainers } from '../../../common/utils/team-web-link-converters';
-import { useTeamContainers } from '../use-team-containers';
-import { useTeamWebLinks } from '../use-team-web-links';
+import { containerToNewWebLink } from '../../../common/utils/container-to-new-web-link';
+import { isNewTeamWebLink } from '../../../common/utils/is-new-team-web-link';
+import { webLinksToContainers } from '../../../common/utils/web-links-to-containers';
+import { useTeamContainers } from '../use-team-containers/use-team-containers';
+import { useTeamWebLinks } from '../use-team-web-links/use-team-web-links';
 var MAX_LINKS_LIMIT = 10;
 export var useTeamLinksAndContainers = function useTeamLinksAndContainers(teamId) {
   var enableContainers = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;

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

@@ -0,0 +1,321 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+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) { _defineProperty(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; }
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+import { teamsClient } from '@atlaskit/teams-client';
+import { initialState as _initialState } from './initial-state';
+export var actions = {
+  getTeamWebLinks: function getTeamWebLinks(teamId) {
+    return /*#__PURE__*/function () {
+      var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(_ref) {
+        var getState, setState, dispatch, _getState, links, currentTeamId, hasLoaded, isLoading, initialLinks, _yield$teamsClient$ge, entities, _t;
+        return _regeneratorRuntime.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.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 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(_ref3) {
+        var getState, setState, _getState2, links, currentIcons, linkUrls, uncachedUrls, newIconData, _t2;
+        return _regeneratorRuntime.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.getTeamLinkIcons(uncachedUrls);
+            case 3:
+              newIconData = _context2.sent;
+              if (getState().teamId === teamId) {
+                setState({
+                  linkIcons: [].concat(_toConsumableArray(currentIcons), _toConsumableArray(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 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3(_ref5) {
+        var getState, setState, dispatch, result, currentState;
+        return _regeneratorRuntime.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.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(_toConsumableArray(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 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4(_ref7) {
+        var getState, setState, dispatch, result, currentState, oldLink, urlChanged, updatedIcons;
+        return _regeneratorRuntime.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.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 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee5(_ref9) {
+        var getState, setState, currentState;
+        return _regeneratorRuntime.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.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 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee6(_ref1) {
+        var setState, title, _t3;
+        return _regeneratorRuntime.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.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({}, _initialState), state));
+    };
+  }
+};