@atlaskit/teams-public 0.72.1 → 0.73.0

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @atlaskit/teams-public
 
+## 0.73.0
+
+### Minor Changes
+
+- [`336c2e0b7bbff`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/336c2e0b7bbff) -
+  Remove enable-fix-team-container-height feature gate and enable height fix permanently
+
+## 0.72.2
+
+### Patch Changes
+
+- [`fd9cfb7fca5c6`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/fd9cfb7fca5c6) -
+  Internal changes to remove unnecessary token fallbacks and imports from `@atlaskit/theme`
+- Updated dependencies
+
 ## 0.72.1
 
 ### Patch Changes

package/dist/cjs/common/hooks/useSpaceInviteScheduler.js

@@ -0,0 +1,40 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useSpaceInviteScheduler = void 0;
+var _react = require("react");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _spaceInviteScheduler = require("../utils/spaceInviteScheduler");
+/**
+ * Registers `visibilitychange` and `beforeunload` listeners that flush all
+ * pending scheduled invites when the page is being torn down. On unmount the
+ * listeners are removed and any remaining pending invites are flushed.
+ *
+ * Call this once in a long-lived component (e.g. the Team Links sidebar) so
+ * that listeners survive popup open/close cycles.  Consumers that need to
+ * schedule or cancel invites should import `spaceInviteScheduler` directly.
+ */
+var useSpaceInviteScheduler = exports.useSpaceInviteScheduler = function useSpaceInviteScheduler() {
+  (0, _react.useEffect)(function () {
+    if (!(0, _platformFeatureFlags.fg)('space-team_linking_invites_fg')) {
+      return;
+    }
+    var onVisibilityChange = function onVisibilityChange() {
+      if (document.visibilityState === 'hidden') {
+        _spaceInviteScheduler.spaceInviteScheduler.flushAll();
+      }
+    };
+    var onBeforeUnload = function onBeforeUnload() {
+      _spaceInviteScheduler.spaceInviteScheduler.flushAll();
+    };
+    document.addEventListener('visibilitychange', onVisibilityChange);
+    window.addEventListener('beforeunload', onBeforeUnload);
+    return function () {
+      document.removeEventListener('visibilitychange', onVisibilityChange);
+      window.removeEventListener('beforeunload', onBeforeUnload);
+      _spaceInviteScheduler.spaceInviteScheduler.flushAll();
+    };
+  }, []);
+};

package/dist/cjs/common/utils/spaceInviteScheduler.js

@@ -14,7 +14,7 @@ exports.spaceInviteScheduler = void 0;
  * the global scope — a simple in-memory workaround is sufficient here.
  */
 
-var DEBOUNCE_MS = 30000;
+var DEBOUNCE_MS = 15000;
 var pending = new Map();
 
 // Callers pass IDs in different formats — the teams package passes full ARIs
@@ -36,6 +36,7 @@ var spaceInviteScheduler = exports.spaceInviteScheduler = {
       clearTimeout(existing.timeoutId);
     }
     pending.set(key, {
+      callback: callback,
       timeoutId: setTimeout(function () {
         pending.delete(key);
         callback();
@@ -49,5 +50,21 @@ var spaceInviteScheduler = exports.spaceInviteScheduler = {
       clearTimeout(existing.timeoutId);
       pending.delete(key);
     }
+  },
+  /**
+   * Immediately fires all pending callbacks and clears the queue.
+   * Called automatically on page unload (visibilitychange / beforeunload)
+   * so that debounced invites are not lost when the user navigates away.
+   *
+   * Important: callbacks invoked during page teardown must use
+   * `fetch({ keepalive: true })` or `navigator.sendBeacon` — a regular
+   * `fetch` without `keepalive` may be cancelled by the browser.
+   */
+  flushAll: function flushAll() {
+    pending.forEach(function (entry) {
+      clearTimeout(entry.timeoutId);
+      entry.callback();
+    });
+    pending.clear();
   }
 };

package/dist/cjs/next/ui/team-containers/add-container-card/index.js

@@ -10,7 +10,6 @@ require("./index.compiled.css");
 var _runtime = require("@compiled/react/runtime");
 var _react = _interopRequireDefault(require("react"));
 var _css = require("@atlaskit/css");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _compiled = require("@atlaskit/primitives/compiled");
 var _getContainerProperties = require("../../../../common/utils/get-container-properties");
 var _teamContainerSkeleton = require("../../../common/ui/team-container-skeleton");
@@ -26,7 +25,7 @@ var AddContainerCardWrapper = function AddContainerCardWrapper(_ref) {
     onClick = _ref.onClick,
     isDisabled = _ref.isDisabled;
   return /*#__PURE__*/_react.default.createElement(_compiled.Pressable, {
-    xcss: (0, _css.cx)(styles.container, (0, _platformFeatureFlags.fg)('enable-fix-team-container-height') ? styles.smallCardContainer : null),
+    xcss: (0, _css.cx)(styles.container, styles.smallCardContainer),
     isDisabled: isDisabled,
     onClick: onClick
   }, children);
@@ -54,7 +53,7 @@ var AddContainerCard = exports.AddContainerCard = function AddContainerCard(_ref
     isDisabled: isDisabled
   }, /*#__PURE__*/_react.default.createElement(_compiled.Inline, {
     space: "space.100",
-    xcss: (0, _css.cx)(styles.card, (0, _platformFeatureFlags.fg)('enable-fix-team-container-height') ? styles.cardHeight : null)
+    xcss: (0, _css.cx)(styles.card, styles.cardHeight)
   }, /*#__PURE__*/_react.default.createElement(_compiled.Box, {
     xcss: styles.iconWrapper
   }, icon), /*#__PURE__*/_react.default.createElement(_compiled.Text, {

package/dist/cjs/next/ui/team-containers/team-link-card/index.js

@@ -13,7 +13,6 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _css = require("@atlaskit/css");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _compiled = require("@atlaskit/primitives/compiled");
 var _teamsAppInternalAnalytics = require("@atlaskit/teams-app-internal-analytics");
 var _containerIcon = require("../../../../common/ui/container-icon");
@@ -120,7 +119,7 @@ var TeamLinkCard = exports.TeamLinkCard = function TeamLinkCard(_ref) {
     testId: "team-link-card-inner"
   }, /*#__PURE__*/_react.default.createElement(_compiled.Inline, {
     space: "space.100",
-    xcss: (0, _css.cx)(styles.card, (0, _platformFeatureFlags.fg)('enable-fix-team-container-height') ? styles.cardHeight : null)
+    xcss: (0, _css.cx)(styles.card, styles.cardHeight)
   }, /*#__PURE__*/_react.default.createElement(_containerIcon.ContainerIcon, {
     containerType: containerType,
     title: title,

package/dist/cjs/ui/team-containers/main.js

@@ -18,7 +18,6 @@ var _primitives = require("@atlaskit/primitives");
 var _compiled = require("@atlaskit/primitives/compiled");
 var _teamsAppInternalAnalytics = require("@atlaskit/teams-app-internal-analytics");
 var _teamsAppInternalProductPermissions = require("@atlaskit/teams-app-internal-product-permissions");
-var _colors = require("@atlaskit/theme/colors");
 var _teamContainersSkeleton = require("../../common/ui/team-containers-skeleton");
 var _spaceInviteScheduler = require("../../common/utils/spaceInviteScheduler");
 var _controllers = require("../../controllers");
@@ -34,8 +33,8 @@ var _teamLinkCard = require("./team-link-card");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
 
-var ICON_BACKGROUND = exports.ICON_BACKGROUND = "var(--ds-icon-inverse, ".concat(_colors.N0, ")");
-var ICON_COLOR = exports.ICON_COLOR = "var(--ds-icon-subtle, ".concat(_colors.N90, ")");
+var ICON_BACKGROUND = exports.ICON_BACKGROUND = "var(--ds-icon-inverse, #FFFFFF)";
+var ICON_COLOR = exports.ICON_COLOR = "var(--ds-icon-subtle, #505258)";
 var MAX_NUMBER_OF_CONTAINERS_TO_SHOW = exports.MAX_NUMBER_OF_CONTAINERS_TO_SHOW = 4;
 var TeamContainers = exports.TeamContainers = function TeamContainers(_ref) {
   var teamId = _ref.teamId,

package/dist/es2019/common/hooks/useSpaceInviteScheduler.js

@@ -0,0 +1,35 @@
+import { useEffect } from 'react';
+import { fg } from '@atlaskit/platform-feature-flags';
+import { spaceInviteScheduler } from '../utils/spaceInviteScheduler';
+
+/**
+ * Registers `visibilitychange` and `beforeunload` listeners that flush all
+ * pending scheduled invites when the page is being torn down. On unmount the
+ * listeners are removed and any remaining pending invites are flushed.
+ *
+ * Call this once in a long-lived component (e.g. the Team Links sidebar) so
+ * that listeners survive popup open/close cycles.  Consumers that need to
+ * schedule or cancel invites should import `spaceInviteScheduler` directly.
+ */
+export const useSpaceInviteScheduler = () => {
+  useEffect(() => {
+    if (!fg('space-team_linking_invites_fg')) {
+      return;
+    }
+    const onVisibilityChange = () => {
+      if (document.visibilityState === 'hidden') {
+        spaceInviteScheduler.flushAll();
+      }
+    };
+    const onBeforeUnload = () => {
+      spaceInviteScheduler.flushAll();
+    };
+    document.addEventListener('visibilitychange', onVisibilityChange);
+    window.addEventListener('beforeunload', onBeforeUnload);
+    return () => {
+      document.removeEventListener('visibilitychange', onVisibilityChange);
+      window.removeEventListener('beforeunload', onBeforeUnload);
+      spaceInviteScheduler.flushAll();
+    };
+  }, []);
+};

package/dist/es2019/common/utils/spaceInviteScheduler.js

@@ -8,7 +8,7 @@
  * the global scope — a simple in-memory workaround is sufficient here.
  */
 
-const DEBOUNCE_MS = 30_000;
+const DEBOUNCE_MS = 15_000;
 const pending = new Map();
 
 // Callers pass IDs in different formats — the teams package passes full ARIs
@@ -28,6 +28,7 @@ export const spaceInviteScheduler = {
       clearTimeout(existing.timeoutId);
     }
     pending.set(key, {
+      callback,
       timeoutId: setTimeout(() => {
         pending.delete(key);
         callback();
@@ -41,5 +42,21 @@ export const spaceInviteScheduler = {
       clearTimeout(existing.timeoutId);
       pending.delete(key);
     }
+  },
+  /**
+   * Immediately fires all pending callbacks and clears the queue.
+   * Called automatically on page unload (visibilitychange / beforeunload)
+   * so that debounced invites are not lost when the user navigates away.
+   *
+   * Important: callbacks invoked during page teardown must use
+   * `fetch({ keepalive: true })` or `navigator.sendBeacon` — a regular
+   * `fetch` without `keepalive` may be cancelled by the browser.
+   */
+  flushAll: () => {
+    pending.forEach(entry => {
+      clearTimeout(entry.timeoutId);
+      entry.callback();
+    });
+    pending.clear();
   }
 };

package/dist/es2019/next/ui/team-containers/add-container-card/index.js

@@ -3,7 +3,6 @@ import "./index.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';
 import { cx } from '@atlaskit/css';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { Box, Inline, Pressable, Text } from '@atlaskit/primitives/compiled';
 import { getContainerProperties } from '../../../../common/utils/get-container-properties';
 import { TeamContainerSkeleton } from '../../../common/ui/team-container-skeleton';
@@ -20,7 +19,7 @@ const AddContainerCardWrapper = ({
   isDisabled
 }) => {
   return /*#__PURE__*/React.createElement(Pressable, {
-    xcss: cx(styles.container, fg('enable-fix-team-container-height') ? styles.smallCardContainer : null),
+    xcss: cx(styles.container, styles.smallCardContainer),
     isDisabled: isDisabled,
     onClick: onClick
   }, children);
@@ -48,7 +47,7 @@ export const AddContainerCard = ({
     isDisabled: isDisabled
   }, /*#__PURE__*/React.createElement(Inline, {
     space: "space.100",
-    xcss: cx(styles.card, fg('enable-fix-team-container-height') ? styles.cardHeight : null)
+    xcss: cx(styles.card, styles.cardHeight)
   }, /*#__PURE__*/React.createElement(Box, {
     xcss: styles.iconWrapper
   }, icon), /*#__PURE__*/React.createElement(Text, {

package/dist/es2019/next/ui/team-containers/team-link-card/index.js

@@ -3,7 +3,6 @@ import "./index.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { useState } from 'react';
 import { cx } from '@atlaskit/css';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { Anchor, Box, Flex, Inline, Stack, Text } from '@atlaskit/primitives/compiled';
 import { useAnalyticsEvents } from '@atlaskit/teams-app-internal-analytics';
 import { ContainerIcon } from '../../../../common/ui/container-icon';
@@ -99,7 +98,7 @@ export const TeamLinkCard = ({
     testId: "team-link-card-inner"
   }, /*#__PURE__*/React.createElement(Inline, {
     space: "space.100",
-    xcss: cx(styles.card, fg('enable-fix-team-container-height') ? styles.cardHeight : null)
+    xcss: cx(styles.card, styles.cardHeight)
   }, /*#__PURE__*/React.createElement(ContainerIcon, {
     containerType: containerType,
     title: title,

package/dist/es2019/ui/team-containers/main.js

@@ -8,7 +8,6 @@ import { Grid } from '@atlaskit/primitives';
 import { Inline, Stack } from '@atlaskit/primitives/compiled';
 import { useAnalyticsEvents } from '@atlaskit/teams-app-internal-analytics';
 import { hasProductPermission, useProductPermissions } from '@atlaskit/teams-app-internal-product-permissions';
-import { N0, N90 } from '@atlaskit/theme/colors';
 import { TeamContainersSkeleton } from '../../common/ui/team-containers-skeleton';
 import { spaceInviteScheduler } from '../../common/utils/spaceInviteScheduler';
 import { hasProductPermission as hasProductPermissionOld } from '../../controllers';
@@ -21,8 +20,8 @@ import { getAddContainerCards } from './add-container-card';
 import { DisconnectDialogLazy } from './disconnect-dialog/async';
 import { NoProductAccessState } from './no-product-access-empty-state';
 import { TeamLinkCard } from './team-link-card';
-export const ICON_BACKGROUND = `var(--ds-icon-inverse, ${N0})`;
-export const ICON_COLOR = `var(--ds-icon-subtle, ${N90})`;
+export const ICON_BACKGROUND = "var(--ds-icon-inverse, #FFFFFF)";
+export const ICON_COLOR = "var(--ds-icon-subtle, #505258)";
 export const MAX_NUMBER_OF_CONTAINERS_TO_SHOW = 4;
 export const TeamContainers = ({
   teamId,

package/dist/esm/common/hooks/useSpaceInviteScheduler.js

@@ -0,0 +1,35 @@
+import { useEffect } from 'react';
+import { fg } from '@atlaskit/platform-feature-flags';
+import { spaceInviteScheduler } from '../utils/spaceInviteScheduler';
+
+/**
+ * Registers `visibilitychange` and `beforeunload` listeners that flush all
+ * pending scheduled invites when the page is being torn down. On unmount the
+ * listeners are removed and any remaining pending invites are flushed.
+ *
+ * Call this once in a long-lived component (e.g. the Team Links sidebar) so
+ * that listeners survive popup open/close cycles.  Consumers that need to
+ * schedule or cancel invites should import `spaceInviteScheduler` directly.
+ */
+export var useSpaceInviteScheduler = function useSpaceInviteScheduler() {
+  useEffect(function () {
+    if (!fg('space-team_linking_invites_fg')) {
+      return;
+    }
+    var onVisibilityChange = function onVisibilityChange() {
+      if (document.visibilityState === 'hidden') {
+        spaceInviteScheduler.flushAll();
+      }
+    };
+    var onBeforeUnload = function onBeforeUnload() {
+      spaceInviteScheduler.flushAll();
+    };
+    document.addEventListener('visibilitychange', onVisibilityChange);
+    window.addEventListener('beforeunload', onBeforeUnload);
+    return function () {
+      document.removeEventListener('visibilitychange', onVisibilityChange);
+      window.removeEventListener('beforeunload', onBeforeUnload);
+      spaceInviteScheduler.flushAll();
+    };
+  }, []);
+};

package/dist/esm/common/utils/spaceInviteScheduler.js

@@ -8,7 +8,7 @@
  * the global scope — a simple in-memory workaround is sufficient here.
  */
 
-var DEBOUNCE_MS = 30000;
+var DEBOUNCE_MS = 15000;
 var pending = new Map();
 
 // Callers pass IDs in different formats — the teams package passes full ARIs
@@ -30,6 +30,7 @@ export var spaceInviteScheduler = {
       clearTimeout(existing.timeoutId);
     }
     pending.set(key, {
+      callback: callback,
       timeoutId: setTimeout(function () {
         pending.delete(key);
         callback();
@@ -43,5 +44,21 @@ export var spaceInviteScheduler = {
       clearTimeout(existing.timeoutId);
       pending.delete(key);
     }
+  },
+  /**
+   * Immediately fires all pending callbacks and clears the queue.
+   * Called automatically on page unload (visibilitychange / beforeunload)
+   * so that debounced invites are not lost when the user navigates away.
+   *
+   * Important: callbacks invoked during page teardown must use
+   * `fetch({ keepalive: true })` or `navigator.sendBeacon` — a regular
+   * `fetch` without `keepalive` may be cancelled by the browser.
+   */
+  flushAll: function flushAll() {
+    pending.forEach(function (entry) {
+      clearTimeout(entry.timeoutId);
+      entry.callback();
+    });
+    pending.clear();
   }
 };

package/dist/esm/next/ui/team-containers/add-container-card/index.js

@@ -3,7 +3,6 @@ import "./index.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';
 import { cx } from '@atlaskit/css';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { Box, Inline, Pressable, Text } from '@atlaskit/primitives/compiled';
 import { getContainerProperties } from '../../../../common/utils/get-container-properties';
 import { TeamContainerSkeleton } from '../../../common/ui/team-container-skeleton';
@@ -19,7 +18,7 @@ var AddContainerCardWrapper = function AddContainerCardWrapper(_ref) {
     onClick = _ref.onClick,
     isDisabled = _ref.isDisabled;
   return /*#__PURE__*/React.createElement(Pressable, {
-    xcss: cx(styles.container, fg('enable-fix-team-container-height') ? styles.smallCardContainer : null),
+    xcss: cx(styles.container, styles.smallCardContainer),
     isDisabled: isDisabled,
     onClick: onClick
   }, children);
@@ -47,7 +46,7 @@ export var AddContainerCard = function AddContainerCard(_ref2) {
     isDisabled: isDisabled
   }, /*#__PURE__*/React.createElement(Inline, {
     space: "space.100",
-    xcss: cx(styles.card, fg('enable-fix-team-container-height') ? styles.cardHeight : null)
+    xcss: cx(styles.card, styles.cardHeight)
   }, /*#__PURE__*/React.createElement(Box, {
     xcss: styles.iconWrapper
   }, icon), /*#__PURE__*/React.createElement(Text, {

package/dist/esm/next/ui/team-containers/team-link-card/index.js

@@ -7,7 +7,6 @@ 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 React, { useState } from 'react';
 import { cx } from '@atlaskit/css';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { Anchor, Box, Flex, Inline, Stack, Text } from '@atlaskit/primitives/compiled';
 import { useAnalyticsEvents } from '@atlaskit/teams-app-internal-analytics';
 import { ContainerIcon } from '../../../../common/ui/container-icon';
@@ -111,7 +110,7 @@ export var TeamLinkCard = function TeamLinkCard(_ref) {
     testId: "team-link-card-inner"
   }, /*#__PURE__*/React.createElement(Inline, {
     space: "space.100",
-    xcss: cx(styles.card, fg('enable-fix-team-container-height') ? styles.cardHeight : null)
+    xcss: cx(styles.card, styles.cardHeight)
   }, /*#__PURE__*/React.createElement(ContainerIcon, {
     containerType: containerType,
     title: title,

package/dist/esm/ui/team-containers/main.js

@@ -11,7 +11,6 @@ import { Grid } from '@atlaskit/primitives';
 import { Inline, Stack } from '@atlaskit/primitives/compiled';
 import { useAnalyticsEvents } from '@atlaskit/teams-app-internal-analytics';
 import { hasProductPermission, useProductPermissions } from '@atlaskit/teams-app-internal-product-permissions';
-import { N0, N90 } from '@atlaskit/theme/colors';
 import { TeamContainersSkeleton } from '../../common/ui/team-containers-skeleton';
 import { spaceInviteScheduler } from '../../common/utils/spaceInviteScheduler';
 import { hasProductPermission as hasProductPermissionOld } from '../../controllers';
@@ -24,8 +23,8 @@ import { getAddContainerCards } from './add-container-card';
 import { DisconnectDialogLazy } from './disconnect-dialog/async';
 import { NoProductAccessState } from './no-product-access-empty-state';
 import { TeamLinkCard } from './team-link-card';
-export var ICON_BACKGROUND = "var(--ds-icon-inverse, ".concat(N0, ")");
-export var ICON_COLOR = "var(--ds-icon-subtle, ".concat(N90, ")");
+export var ICON_BACKGROUND = "var(--ds-icon-inverse, #FFFFFF)";
+export var ICON_COLOR = "var(--ds-icon-subtle, #505258)";
 export var MAX_NUMBER_OF_CONTAINERS_TO_SHOW = 4;
 export var TeamContainers = function TeamContainers(_ref) {
   var teamId = _ref.teamId,

package/dist/types/common/hooks/useSpaceInviteScheduler.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Registers `visibilitychange` and `beforeunload` listeners that flush all
+ * pending scheduled invites when the page is being torn down. On unmount the
+ * listeners are removed and any remaining pending invites are flushed.
+ *
+ * Call this once in a long-lived component (e.g. the Team Links sidebar) so
+ * that listeners survive popup open/close cycles.  Consumers that need to
+ * schedule or cancel invites should import `spaceInviteScheduler` directly.
+ */
+export declare const useSpaceInviteScheduler: () => void;

package/dist/types/common/utils/get-is-experiment-enabled.d.ts

@@ -8,16 +8,16 @@ export declare const VAR2 = "variation_2";
 export declare const VAR3 = "variation_3";
 export declare const VAR4 = "variation_4";
 export declare const cohorts: {
-    readonly NOT_ENROLLED: "not-enrolled";
-    readonly CONTROL: "control";
-    readonly EXPERIMENT: "experiment";
-    readonly VARIATION: "variation";
-    readonly VAR1: "variation_1";
-    readonly VAR2: "variation_2";
-    readonly VAR3: "variation_3";
-    readonly VAR4: "variation_4";
+    readonly NOT_ENROLLED: 'not-enrolled';
+    readonly CONTROL: 'control';
+    readonly EXPERIMENT: 'experiment';
+    readonly VARIATION: 'variation';
+    readonly VAR1: 'variation_1';
+    readonly VAR2: 'variation_2';
+    readonly VAR3: 'variation_3';
+    readonly VAR4: 'variation_4';
 };
-export declare const DEFAULT_VALID_EXPERIMENT_COHORTS: ("not-enrolled" | "control" | "experiment" | "variation" | "variation_1" | "variation_2" | "variation_3" | "variation_4")[];
+export declare const DEFAULT_VALID_EXPERIMENT_COHORTS: ('not-enrolled' | 'control' | 'experiment' | 'variation' | 'variation_1' | 'variation_2' | 'variation_3' | 'variation_4')[];
 export type CohortKeys = keyof typeof cohorts;
 export type Cohort = (typeof cohorts)[CohortKeys];
 export declare const getIsExperimentEnabled: (experimentName: string, variantKey?: Cohort, validExperimentCohorts?: Cohort[], fireExperimentExposure?: boolean) => boolean;

package/dist/types/common/utils/spaceInviteScheduler.d.ts

@@ -10,4 +10,14 @@
 export declare const spaceInviteScheduler: {
     scheduleInvite: (teamId: string, containerId: string, callback: () => void) => void;
     cancelInvite: (teamId: string, containerId: string) => void;
+    /**
+     * Immediately fires all pending callbacks and clears the queue.
+     * Called automatically on page unload (visibilitychange / beforeunload)
+     * so that debounced invites are not lost when the user navigates away.
+     *
+     * Important: callbacks invoked during page teardown must use
+     * `fetch({ keepalive: true })` or `navigator.sendBeacon` — a regular
+     * `fetch` without `keepalive` may be cancelled by the browser.
+     */
+    flushAll: () => void;
 };

package/dist/types/controllers/hooks/use-create-containers/index.d.ts

@@ -1,4 +1,4 @@
-import { type StoreActionApi } from 'react-sweet-state';
+import { type BoundActions, type HookFunction, type StoreActionApi } from 'react-sweet-state';
 type Product = 'Jira' | 'Confluence' | 'Loom' | 'WebLink';
 type ContainerState = {
     isLoading: boolean;
@@ -17,7 +17,7 @@ type StoreAction = StoreActionApi<State>;
  *
  * @returns {object} State and actions for managing container creation.
  */
-declare const useCreateContainers: import("react-sweet-state").HookFunction<State, import("react-sweet-state").BoundActions<State, {
+declare const useCreateContainers: HookFunction<State, BoundActions<State, {
     updateContainerLoading: (product: Product, isLoading: boolean) => ({ setState, getState }: StoreAction) => void;
     updateContainerCreated: (product: Product, isCreated: boolean) => ({ setState, getState }: StoreAction) => void;
 }>, void>;

package/dist/types/controllers/hooks/use-team-containers/index.d.ts

@@ -1,4 +1,4 @@
-import { type Action } from 'react-sweet-state';
+import { type Action, type BoundActions, type HookFunction } from 'react-sweet-state';
 import { useAnalyticsEvents } from '@atlaskit/teams-app-internal-analytics';
 import type { TeamContainers, TeamWithMemberships, UnlinkContainerMutationError } from '@atlaskit/teams-client/types';
 import { type TeamContainer } from '../../../common/types';
@@ -19,11 +19,11 @@ type State = {
     teamId: string | null;
     connectedTeams: ConnectedTeams;
 };
-export declare const useTeamContainersHook: import("react-sweet-state").HookFunction<State, import("react-sweet-state").BoundActions<State, {
-    fetchTeamContainers: (teamId: string, fireAnalytics: ReturnType<typeof useAnalyticsEvents>["fireEvent"]) => Action<State>;
-    refetchTeamContainers: (fireAnalytics: ReturnType<typeof useAnalyticsEvents>["fireEvent"]) => Action<State>;
-    fetchNumberOfConnectedTeams: (containerId: string, fireAnalytics: ReturnType<typeof useAnalyticsEvents>["fireEvent"]) => Action<State>;
-    fetchConnectedTeams: (containerId: string, fireAnalytics: ReturnType<typeof useAnalyticsEvents>["fireEvent"]) => Action<State>;
+export declare const useTeamContainersHook: HookFunction<State, BoundActions<State, {
+    fetchTeamContainers: (teamId: string, fireAnalytics: ReturnType<typeof useAnalyticsEvents>['fireEvent']) => Action<State>;
+    refetchTeamContainers: (fireAnalytics: ReturnType<typeof useAnalyticsEvents>['fireEvent']) => Action<State>;
+    fetchNumberOfConnectedTeams: (containerId: string, fireAnalytics: ReturnType<typeof useAnalyticsEvents>['fireEvent']) => Action<State>;
+    fetchConnectedTeams: (containerId: string, fireAnalytics: ReturnType<typeof useAnalyticsEvents>['fireEvent']) => Action<State>;
     unlinkTeamContainers: (teamId: string, containerId: string) => Action<State>;
     addTeamContainer: (teamContainer: TeamContainer) => Action<State>;
 }>, void>;

package/dist/types/controllers/hooks/use-team-containers/multi-team.d.ts

@@ -1,4 +1,4 @@
-import { type Action } from 'react-sweet-state';
+import { type Action, type BoundActions, type HookFunction } from 'react-sweet-state';
 import { useAnalyticsEvents as useAnalyticsEventsNext } from '@atlaskit/teams-app-internal-analytics';
 import type { TeamContainers, TeamWithMemberships, UnlinkContainerMutationError } from '@atlaskit/teams-client/types';
 import { type TeamContainer } from '../../../common/types';
@@ -30,11 +30,11 @@ type FireAnalyticsProps = {
     numberOfTeams?: number;
     error?: Error;
 };
-export declare const useTeamContainersHook: import("react-sweet-state").HookFunction<State, import("react-sweet-state").BoundActions<State, {
-    fetchTeamContainers: (teamId: string, fireAnalytics: (action: string, actionSubject: string, error?: Error) => void, fireAnalyticsNext: ReturnType<typeof useAnalyticsEventsNext>["fireEvent"]) => Action<State>;
-    refetchTeamContainers: (teamId: string, fireAnalytics: (action: string, actionSubject: string, error?: Error) => void, fireAnalyticsNext: ReturnType<typeof useAnalyticsEventsNext>["fireEvent"]) => Action<State>;
-    fetchNumberOfConnectedTeams: (teamId: string, containerId: string, fireAnalytics: (props: FireAnalyticsProps) => void, fireAnalyticsNext: ReturnType<typeof useAnalyticsEventsNext>["fireEvent"]) => Action<State>;
-    fetchConnectedTeams: (teamId: string, containerId: string, fireAnalytics: (props: FireAnalyticsProps) => void, fireAnalyticsNext: ReturnType<typeof useAnalyticsEventsNext>["fireEvent"]) => Action<State>;
+export declare const useTeamContainersHook: HookFunction<State, BoundActions<State, {
+    fetchTeamContainers: (teamId: string, fireAnalytics: (action: string, actionSubject: string, error?: Error) => void, fireAnalyticsNext: ReturnType<typeof useAnalyticsEventsNext>['fireEvent']) => Action<State>;
+    refetchTeamContainers: (teamId: string, fireAnalytics: (action: string, actionSubject: string, error?: Error) => void, fireAnalyticsNext: ReturnType<typeof useAnalyticsEventsNext>['fireEvent']) => Action<State>;
+    fetchNumberOfConnectedTeams: (teamId: string, containerId: string, fireAnalytics: (props: FireAnalyticsProps) => void, fireAnalyticsNext: ReturnType<typeof useAnalyticsEventsNext>['fireEvent']) => Action<State>;
+    fetchConnectedTeams: (teamId: string, containerId: string, fireAnalytics: (props: FireAnalyticsProps) => void, fireAnalyticsNext: ReturnType<typeof useAnalyticsEventsNext>['fireEvent']) => Action<State>;
     unlinkTeamContainers: (teamId: string, containerId: string) => Action<State>;
     addTeamContainer: (teamId: string, teamContainer: TeamContainer) => Action<State>;
 }>, void>;

package/dist/types/controllers/product-permission/main.d.ts

@@ -1,5 +1,6 @@
+import { type BoundActions, type HookFunction } from 'react-sweet-state';
 import type { ProductPermissionsActions, ProductPermissionsStore } from './types';
 /**
  * @deprecated Use useProductPermissionsStore from "@atlaskit/teams-app-internal-product-permissions" instead
  */
-export declare const useProductPermissionsStore: import("react-sweet-state").HookFunction<ProductPermissionsStore, import("react-sweet-state").BoundActions<ProductPermissionsStore, ProductPermissionsActions>, void>;
+export declare const useProductPermissionsStore: HookFunction<ProductPermissionsStore, BoundActions<ProductPermissionsStore, ProductPermissionsActions>, void>;

package/dist/types-ts4.5/common/hooks/useSpaceInviteScheduler.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Registers `visibilitychange` and `beforeunload` listeners that flush all
+ * pending scheduled invites when the page is being torn down. On unmount the
+ * listeners are removed and any remaining pending invites are flushed.
+ *
+ * Call this once in a long-lived component (e.g. the Team Links sidebar) so
+ * that listeners survive popup open/close cycles.  Consumers that need to
+ * schedule or cancel invites should import `spaceInviteScheduler` directly.
+ */
+export declare const useSpaceInviteScheduler: () => void;

package/dist/types-ts4.5/common/utils/get-is-experiment-enabled.d.ts

@@ -8,16 +8,16 @@ export declare const VAR2 = "variation_2";
 export declare const VAR3 = "variation_3";
 export declare const VAR4 = "variation_4";
 export declare const cohorts: {
-    readonly NOT_ENROLLED: "not-enrolled";
-    readonly CONTROL: "control";
-    readonly EXPERIMENT: "experiment";
-    readonly VARIATION: "variation";
-    readonly VAR1: "variation_1";
-    readonly VAR2: "variation_2";
-    readonly VAR3: "variation_3";
-    readonly VAR4: "variation_4";
+    readonly NOT_ENROLLED: 'not-enrolled';
+    readonly CONTROL: 'control';
+    readonly EXPERIMENT: 'experiment';
+    readonly VARIATION: 'variation';
+    readonly VAR1: 'variation_1';
+    readonly VAR2: 'variation_2';
+    readonly VAR3: 'variation_3';
+    readonly VAR4: 'variation_4';
 };
-export declare const DEFAULT_VALID_EXPERIMENT_COHORTS: ("not-enrolled" | "control" | "experiment" | "variation" | "variation_1" | "variation_2" | "variation_3" | "variation_4")[];
+export declare const DEFAULT_VALID_EXPERIMENT_COHORTS: ('not-enrolled' | 'control' | 'experiment' | 'variation' | 'variation_1' | 'variation_2' | 'variation_3' | 'variation_4')[];
 export type CohortKeys = keyof typeof cohorts;
 export type Cohort = (typeof cohorts)[CohortKeys];
 export declare const getIsExperimentEnabled: (experimentName: string, variantKey?: Cohort, validExperimentCohorts?: Cohort[], fireExperimentExposure?: boolean) => boolean;

package/dist/types-ts4.5/common/utils/spaceInviteScheduler.d.ts

@@ -10,4 +10,14 @@
 export declare const spaceInviteScheduler: {
     scheduleInvite: (teamId: string, containerId: string, callback: () => void) => void;
     cancelInvite: (teamId: string, containerId: string) => void;
+    /**
+     * Immediately fires all pending callbacks and clears the queue.
+     * Called automatically on page unload (visibilitychange / beforeunload)
+     * so that debounced invites are not lost when the user navigates away.
+     *
+     * Important: callbacks invoked during page teardown must use
+     * `fetch({ keepalive: true })` or `navigator.sendBeacon` — a regular
+     * `fetch` without `keepalive` may be cancelled by the browser.
+     */
+    flushAll: () => void;
 };

package/dist/types-ts4.5/controllers/hooks/use-create-containers/index.d.ts

@@ -1,4 +1,4 @@
-import { type StoreActionApi } from 'react-sweet-state';
+import { type BoundActions, type HookFunction, type StoreActionApi } from 'react-sweet-state';
 type Product = 'Jira' | 'Confluence' | 'Loom' | 'WebLink';
 type ContainerState = {
     isLoading: boolean;
@@ -17,7 +17,7 @@ type StoreAction = StoreActionApi<State>;
  *
  * @returns {object} State and actions for managing container creation.
  */
-declare const useCreateContainers: import("react-sweet-state").HookFunction<State, import("react-sweet-state").BoundActions<State, {
+declare const useCreateContainers: HookFunction<State, BoundActions<State, {
     updateContainerLoading: (product: Product, isLoading: boolean) => ({ setState, getState }: StoreAction) => void;
     updateContainerCreated: (product: Product, isCreated: boolean) => ({ setState, getState }: StoreAction) => void;
 }>, void>;

package/dist/types-ts4.5/controllers/hooks/use-team-containers/index.d.ts

@@ -1,4 +1,4 @@
-import { type Action } from 'react-sweet-state';
+import { type Action, type BoundActions, type HookFunction } from 'react-sweet-state';
 import { useAnalyticsEvents } from '@atlaskit/teams-app-internal-analytics';
 import type { TeamContainers, TeamWithMemberships, UnlinkContainerMutationError } from '@atlaskit/teams-client/types';
 import { type TeamContainer } from '../../../common/types';
@@ -19,11 +19,11 @@ type State = {
     teamId: string | null;
     connectedTeams: ConnectedTeams;
 };
-export declare const useTeamContainersHook: import("react-sweet-state").HookFunction<State, import("react-sweet-state").BoundActions<State, {
-    fetchTeamContainers: (teamId: string, fireAnalytics: ReturnType<typeof useAnalyticsEvents>["fireEvent"]) => Action<State>;
-    refetchTeamContainers: (fireAnalytics: ReturnType<typeof useAnalyticsEvents>["fireEvent"]) => Action<State>;
-    fetchNumberOfConnectedTeams: (containerId: string, fireAnalytics: ReturnType<typeof useAnalyticsEvents>["fireEvent"]) => Action<State>;
-    fetchConnectedTeams: (containerId: string, fireAnalytics: ReturnType<typeof useAnalyticsEvents>["fireEvent"]) => Action<State>;
+export declare const useTeamContainersHook: HookFunction<State, BoundActions<State, {
+    fetchTeamContainers: (teamId: string, fireAnalytics: ReturnType<typeof useAnalyticsEvents>['fireEvent']) => Action<State>;
+    refetchTeamContainers: (fireAnalytics: ReturnType<typeof useAnalyticsEvents>['fireEvent']) => Action<State>;
+    fetchNumberOfConnectedTeams: (containerId: string, fireAnalytics: ReturnType<typeof useAnalyticsEvents>['fireEvent']) => Action<State>;
+    fetchConnectedTeams: (containerId: string, fireAnalytics: ReturnType<typeof useAnalyticsEvents>['fireEvent']) => Action<State>;
     unlinkTeamContainers: (teamId: string, containerId: string) => Action<State>;
     addTeamContainer: (teamContainer: TeamContainer) => Action<State>;
 }>, void>;

package/dist/types-ts4.5/controllers/hooks/use-team-containers/multi-team.d.ts

@@ -1,4 +1,4 @@
-import { type Action } from 'react-sweet-state';
+import { type Action, type BoundActions, type HookFunction } from 'react-sweet-state';
 import { useAnalyticsEvents as useAnalyticsEventsNext } from '@atlaskit/teams-app-internal-analytics';
 import type { TeamContainers, TeamWithMemberships, UnlinkContainerMutationError } from '@atlaskit/teams-client/types';
 import { type TeamContainer } from '../../../common/types';
@@ -30,11 +30,11 @@ type FireAnalyticsProps = {
     numberOfTeams?: number;
     error?: Error;
 };
-export declare const useTeamContainersHook: import("react-sweet-state").HookFunction<State, import("react-sweet-state").BoundActions<State, {
-    fetchTeamContainers: (teamId: string, fireAnalytics: (action: string, actionSubject: string, error?: Error) => void, fireAnalyticsNext: ReturnType<typeof useAnalyticsEventsNext>["fireEvent"]) => Action<State>;
-    refetchTeamContainers: (teamId: string, fireAnalytics: (action: string, actionSubject: string, error?: Error) => void, fireAnalyticsNext: ReturnType<typeof useAnalyticsEventsNext>["fireEvent"]) => Action<State>;
-    fetchNumberOfConnectedTeams: (teamId: string, containerId: string, fireAnalytics: (props: FireAnalyticsProps) => void, fireAnalyticsNext: ReturnType<typeof useAnalyticsEventsNext>["fireEvent"]) => Action<State>;
-    fetchConnectedTeams: (teamId: string, containerId: string, fireAnalytics: (props: FireAnalyticsProps) => void, fireAnalyticsNext: ReturnType<typeof useAnalyticsEventsNext>["fireEvent"]) => Action<State>;
+export declare const useTeamContainersHook: HookFunction<State, BoundActions<State, {
+    fetchTeamContainers: (teamId: string, fireAnalytics: (action: string, actionSubject: string, error?: Error) => void, fireAnalyticsNext: ReturnType<typeof useAnalyticsEventsNext>['fireEvent']) => Action<State>;
+    refetchTeamContainers: (teamId: string, fireAnalytics: (action: string, actionSubject: string, error?: Error) => void, fireAnalyticsNext: ReturnType<typeof useAnalyticsEventsNext>['fireEvent']) => Action<State>;
+    fetchNumberOfConnectedTeams: (teamId: string, containerId: string, fireAnalytics: (props: FireAnalyticsProps) => void, fireAnalyticsNext: ReturnType<typeof useAnalyticsEventsNext>['fireEvent']) => Action<State>;
+    fetchConnectedTeams: (teamId: string, containerId: string, fireAnalytics: (props: FireAnalyticsProps) => void, fireAnalyticsNext: ReturnType<typeof useAnalyticsEventsNext>['fireEvent']) => Action<State>;
     unlinkTeamContainers: (teamId: string, containerId: string) => Action<State>;
     addTeamContainer: (teamId: string, teamContainer: TeamContainer) => Action<State>;
 }>, void>;

package/dist/types-ts4.5/controllers/product-permission/main.d.ts

@@ -1,5 +1,6 @@
+import { type BoundActions, type HookFunction } from 'react-sweet-state';
 import type { ProductPermissionsActions, ProductPermissionsStore } from './types';
 /**
  * @deprecated Use useProductPermissionsStore from "@atlaskit/teams-app-internal-product-permissions" instead
  */
-export declare const useProductPermissionsStore: import("react-sweet-state").HookFunction<ProductPermissionsStore, import("react-sweet-state").BoundActions<ProductPermissionsStore, ProductPermissionsActions>, void>;
+export declare const useProductPermissionsStore: HookFunction<ProductPermissionsStore, BoundActions<ProductPermissionsStore, ProductPermissionsActions>, void>;

package/package.json

@@ -25,27 +25,26 @@
 	"atlaskit:src": "src/index.ts",
 	"dependencies": {
 		"@atlaskit/afm-i18n-platform-people-and-teams-teams-public": "2.39.0",
-		"@atlaskit/analytics-next": "^11.1.0",
-		"@atlaskit/avatar": "^25.10.0",
+		"@atlaskit/analytics-next": "^11.2.0",
+		"@atlaskit/avatar": "^25.11.0",
 		"@atlaskit/button": "^23.10.0",
 		"@atlaskit/css": "^0.19.0",
-		"@atlaskit/dropdown-menu": "^16.7.0",
+		"@atlaskit/dropdown-menu": "^16.8.0",
 		"@atlaskit/feature-gate-js-client": "^5.5.0",
 		"@atlaskit/heading": "^5.3.0",
-		"@atlaskit/icon": "^33.0.0",
+		"@atlaskit/icon": "^34.0.0",
 		"@atlaskit/image": "^3.0.0",
 		"@atlaskit/link": "^3.3.0",
-		"@atlaskit/modal-dialog": "^14.11.0",
+		"@atlaskit/modal-dialog": "^14.14.0",
 		"@atlaskit/people-teams-ui-public": "^3.7.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
-		"@atlaskit/primitives": "^18.0.0",
+		"@atlaskit/primitives": "^18.1.0",
 		"@atlaskit/skeleton": "^2.1.0",
 		"@atlaskit/teams-app-internal-analytics": "^1.27.0",
-		"@atlaskit/teams-app-internal-product-permissions": "^1.2.0",
+		"@atlaskit/teams-app-internal-product-permissions": "^1.3.0",
 		"@atlaskit/teams-client": "^4.30.0",
-		"@atlaskit/theme": "^22.0.0",
-		"@atlaskit/tokens": "^11.1.0",
-		"@atlaskit/tooltip": "^21.0.0",
+		"@atlaskit/tokens": "^11.4.0",
+		"@atlaskit/tooltip": "^21.1.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^0.20.0",
 		"@types/string-hash": "^1.1.3",
@@ -64,10 +63,10 @@
 		"@af/integration-testing": "workspace:^",
 		"@af/visual-regression": "workspace:^",
 		"@atlaskit/ssr": "workspace:^",
-		"@atlassian/a11y-jest-testing": "^0.10.0",
+		"@atlassian/a11y-jest-testing": "^0.11.0",
 		"@atlassian/feature-flags-test-utils": "^1.0.0",
 		"@atlassian/ptc-test-utils": "^0.12.0",
-		"@atlassian/testing-library": "^0.4.0",
+		"@atlassian/testing-library": "^0.5.0",
 		"@testing-library/react": "^16.3.0",
 		"@testing-library/user-event": "^14.4.3",
 		"react-dom": "^18.2.0"
@@ -107,7 +106,7 @@
 		}
 	},
 	"name": "@atlaskit/teams-public",
-	"version": "0.72.1",
+	"version": "0.73.0",
 	"description": "Public components related to teams",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -131,9 +130,6 @@
 		"enable_multi_team_containers_state": {
 			"type": "boolean"
 		},
-		"enable-fix-team-container-height": {
-			"type": "boolean"
-		},
 		"ptc-missed-analytics-migration-events": {
 			"type": "boolean"
 		},

package/space-invite-scheduler/package.json

@@ -0,0 +1,17 @@
+{
+  "name": "@atlaskit/teams-public/space-invite-scheduler",
+  "main": "../dist/cjs/common/hooks/useSpaceInviteScheduler.js",
+  "module": "../dist/esm/common/hooks/useSpaceInviteScheduler.js",
+  "module:es2019": "../dist/es2019/common/hooks/useSpaceInviteScheduler.js",
+  "sideEffects": [
+    "*.compiled.css"
+  ],
+  "types": "../dist/types/common/hooks/useSpaceInviteScheduler.d.ts",
+  "typesVersions": {
+    ">=4.5 <5.9": {
+      "*": [
+        "../dist/types-ts4.5/common/hooks/useSpaceInviteScheduler.d.ts"
+      ]
+    }
+  }
+}