@atlaskit/smart-card 43.16.0 → 43.17.1

package/dist/esm/extractors/action/extract-invoke-preview-action.js

@@ -111,7 +111,7 @@ export var extractInvokePreviewAction = function extractInvokePreviewAction(para
                     title: extractSmartLinkTitle(response),
                     url: url,
                     isBlanketHidden: fg('linking_platform_hide_preview_action_blanket_prop') ? actionOptions === null || actionOptions === void 0 || (_actionOptions$previe = actionOptions.previewAction) === null || _actionOptions$previe === void 0 ? void 0 : _actionOptions$previe.hideBlanket : undefined,
-                    size: fg('platform_linking_enable_card_preview_action_size') ? actionOptions === null || actionOptions === void 0 || (_actionOptions$previe2 = actionOptions.previewAction) === null || _actionOptions$previe2 === void 0 ? void 0 : _actionOptions$previe2.size : undefined
+                    size: actionOptions === null || actionOptions === void 0 || (_actionOptions$previe2 = actionOptions.previewAction) === null || _actionOptions$previe2 === void 0 ? void 0 : _actionOptions$previe2.size
                   }, expValEquals('platform_hover_card_preview_panel', 'cohort', 'test') && {
                     isInPreviewPanel: isInPreviewPanel
                   }));

package/dist/esm/state/actions/index.js

@@ -1,13 +1,11 @@
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 import { useCallback, useMemo } from 'react';
-import FeatureGates from '@atlaskit/feature-gate-js-client';
 import { useSmartLinkContext } from '@atlaskit/link-provider';
 import { ACTION_RESOLVING, ACTION_UPDATE_METADATA_STATUS, cardAction } from '@atlaskit/linking-common';
 import { auth } from '@atlaskit/outbound-auth-flow-client';
 import { useAnalyticsEvents } from '../../common/analytics/generated/use-analytics-events';
 import { SmartLinkStatus } from '../../constants';
-import { AUTH_WINDOW_HEIGHT, AUTH_WINDOW_WIDTH, getWindowOpenFeatures } from '../../utils/window-open-features';
 import { startUfoExperience } from '../analytics';
 import { getByDefinitionId, getDefinitionId, getExtensionKey, getServices } from '../helpers';
 import useInvokeClientAction from '../hooks/use-invoke-client-action';
@@ -114,9 +112,7 @@ export var useSmartCardActions = function useSmartCardActions(id, url) {
       fireEvent('screen.consentModal.viewed', {
         definitionId: definitionId !== null && definitionId !== void 0 ? definitionId : null
       });
-      var shouldShowInPopupWindow = status === 'unauthorized' && FeatureGates.getExperimentValue('platform_sl_3p_auth_window_experiment', 'cohort', 'control') === 'test';
-      var windowFeatures = shouldShowInPopupWindow ? getWindowOpenFeatures(AUTH_WINDOW_HEIGHT, AUTH_WINDOW_WIDTH) : undefined;
-      auth(services[0].url, windowFeatures).then(function () {
+      auth(services[0].url).then(function () {
         fireEvent('track.applicationAccount.connected', {
           definitionId: definitionId !== null && definitionId !== void 0 ? definitionId : null
         });

package/dist/esm/state/hooks/use-incoming-outgoing-links/index.js

@@ -2,6 +2,7 @@ import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 import { useCallback, useMemo } from 'react';
 import { request } from '@atlaskit/linking-common';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { queryIncomingOutgoingLinks as queryIncomingOutgoingAris } from './query';
 /**
  * @param baseUriWithNoTrailingSlash base url which will then be appended with /gateway/api/graphql to make requests to AGG
@@ -24,6 +25,66 @@ var useIncomingOutgoingAri = function useIncomingOutgoingAri() {
       return _ref.apply(this, arguments);
     };
   }(), [baseUriWithNoTrailingSlash]);
+  var getCurrentSiteId = useCallback( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
+    var response;
+    return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+      while (1) switch (_context2.prev = _context2.next) {
+        case 0:
+          _context2.prev = 0;
+          _context2.next = 3;
+          return request('get', baseUriWithNoTrailingSlash + '/_edge/tenant_info');
+        case 3:
+          response = _context2.sent;
+          return _context2.abrupt("return", response === null || response === void 0 ? void 0 : response.cloudId);
+        case 7:
+          _context2.prev = 7;
+          _context2.t0 = _context2["catch"](0);
+          return _context2.abrupt("return", undefined);
+        case 10:
+        case "end":
+          return _context2.stop();
+      }
+    }, _callee2, null, [[0, 7]]);
+  })), [baseUriWithNoTrailingSlash]);
+  var getSiteId = useCallback( /*#__PURE__*/function () {
+    var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3(resourceAri) {
+      var ariPattern, match;
+      return _regeneratorRuntime.wrap(function _callee3$(_context3) {
+        while (1) switch (_context3.prev = _context3.next) {
+          case 0:
+            // ARI pattern that matches both formats:
+            // - New format: ari:cloud:<resource_owner>::<resource_type>/<resource_id>
+            // - Legacy format: ari:cloud:<resource_owner>:<cloud_id>:<resource_type>/<resource_id>
+            //
+            // Capture groups:
+            // 1: resource_owner - [a-z][a-z.-]+
+            // 2: cloud_id (siteId) - [a-zA-Z0-9_.-]+ (empty for new format, but since we need to return the siteId, we only use legacy one)
+            // 3: resource_type - [a-z][a-zA-Z.-]
+            // 4: resource_id
+            //
+            // See https://developer.atlassian.com/platform/atlassian-resource-identifier/spec/ari-latest/#syntax for more details
+            ariPattern = /^ari:cloud:([a-z][a-z.-]+):([a-zA-Z0-9_.-]+):([a-z][a-zA-Z.-]+)\/(.+)$/;
+            match = resourceAri.match(ariPattern);
+            if (!(match && match[2])) {
+              _context3.next = 4;
+              break;
+            }
+            return _context3.abrupt("return", match[2]);
+          case 4:
+            _context3.next = 6;
+            return getCurrentSiteId();
+          case 6:
+            return _context3.abrupt("return", _context3.sent);
+          case 7:
+          case "end":
+            return _context3.stop();
+        }
+      }, _callee3);
+    }));
+    return function (_x3) {
+      return _ref3.apply(this, arguments);
+    };
+  }(), [getCurrentSiteId]);
   var getIncomingOutgoingAris = useCallback(
   /*#__PURE__*/
   /**
@@ -35,20 +96,43 @@ var useIncomingOutgoingAri = function useIncomingOutgoingAri() {
    *
    */
   function () {
-    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(ari) {
+    var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4(ari) {
       var _response$data$graphS, _response$data, _response$data$graphS2, _response$data2;
       var firstIncoming,
         firstOutgoing,
+        headers,
+        siteId,
         response,
         incomingAris,
         outgoingAris,
-        _args2 = arguments;
-      return _regeneratorRuntime.wrap(function _callee2$(_context2) {
-        while (1) switch (_context2.prev = _context2.next) {
+        _args4 = arguments;
+      return _regeneratorRuntime.wrap(function _callee4$(_context4) {
+        while (1) switch (_context4.prev = _context4.next) {
           case 0:
-            firstIncoming = _args2.length > 1 && _args2[1] !== undefined ? _args2[1] : 50;
-            firstOutgoing = _args2.length > 2 && _args2[2] !== undefined ? _args2[2] : 50;
-            _context2.next = 4;
+            firstIncoming = _args4.length > 1 && _args4[1] !== undefined ? _args4[1] : 50;
+            firstOutgoing = _args4.length > 2 && _args4[2] !== undefined ? _args4[2] : 50;
+            if (!fg('platform_navx_send_context_to_ugs_for_rel_links')) {
+              _context4.next = 9;
+              break;
+            }
+            _context4.next = 5;
+            return getSiteId(ari);
+          case 5:
+            siteId = _context4.sent;
+            if (siteId) {
+              _context4.next = 8;
+              break;
+            }
+            return _context4.abrupt("return", {
+              incomingAris: [],
+              outgoingAris: []
+            });
+          case 8:
+            headers = {
+              'X-Query-Context': "ari:cloud:platform::site/".concat(siteId)
+            };
+          case 9:
+            _context4.next = 11;
             return aggRequestCall({
               variables: {
                 id: ari,
@@ -56,9 +140,9 @@ var useIncomingOutgoingAri = function useIncomingOutgoingAri() {
                 firstOutgoing: firstOutgoing
               },
               query: queryIncomingOutgoingAris
-            });
-          case 4:
-            response = _context2.sent;
+            }, headers);
+          case 11:
+            response = _context4.sent;
             incomingAris = (_response$data$graphS = response === null || response === void 0 || (_response$data = response.data) === null || _response$data === void 0 || (_response$data = _response$data.graphStore) === null || _response$data === void 0 || (_response$data = _response$data.incoming) === null || _response$data === void 0 || (_response$data = _response$data.aris) === null || _response$data === void 0 || (_response$data = _response$data.map(function (node) {
               return node === null || node === void 0 ? void 0 : node.id;
             })) === null || _response$data === void 0 ? void 0 : _response$data.filter(function (id) {
@@ -69,20 +153,20 @@ var useIncomingOutgoingAri = function useIncomingOutgoingAri() {
             })) === null || _response$data2 === void 0 ? void 0 : _response$data2.filter(function (id) {
               return !!id;
             })) !== null && _response$data$graphS2 !== void 0 ? _response$data$graphS2 : [];
-            return _context2.abrupt("return", {
+            return _context4.abrupt("return", {
               incomingAris: incomingAris,
               outgoingAris: outgoingAris
             });
-          case 8:
+          case 15:
           case "end":
-            return _context2.stop();
+            return _context4.stop();
         }
-      }, _callee2);
+      }, _callee4);
     }));
-    return function (_x3) {
-      return _ref2.apply(this, arguments);
+    return function (_x4) {
+      return _ref4.apply(this, arguments);
     };
-  }(), [aggRequestCall]);
+  }(), [aggRequestCall, getSiteId]);
   return useMemo(function () {
     return {
       getIncomingOutgoingAris: getIncomingOutgoingAris

package/dist/esm/utils/analytics/analytics.js

@@ -4,7 +4,7 @@ export var ANALYTICS_CHANNEL = 'media';
 export var context = {
   componentName: 'smart-cards',
   packageName: "@atlaskit/smart-card",
-  packageVersion: "43.15.1"
+  packageVersion: "0.0.0-development"
 };
 export var TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/esm/view/BlockCard/views/ForbiddenView.js

@@ -10,7 +10,6 @@ import { useMemo } from 'react';
 import { useIntl } from 'react-intl-next';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 import LockLockedIcon from '@atlaskit/icon/core/lock-locked';
-import LegacyLockIcon from '@atlaskit/icon/glyph/lock';
 import { extractSmartLinkProvider } from '@atlaskit/link-extractors';
 import { extractRequestAccessContextImproved } from '../../../extractors/common/context/extractAccessContext';
 import extractHostname from '../../../extractors/common/hostname/extractHostname';
@@ -84,8 +83,6 @@ var ForbiddenView = function ForbiddenView(_ref) {
   }), /*#__PURE__*/React.createElement(LockLockedIcon, {
     label: "forbidden-lock-icon",
     color: "var(--ds-icon-danger, #C9372C)",
-    LEGACY_fallbackIcon: LegacyLockIcon,
-    LEGACY_size: "small",
     testId: "".concat(testId, "-lock-icon")
   }), /*#__PURE__*/React.createElement(Text, {
     maxLines: 3,

package/dist/esm/view/BlockCard/views/NotFoundView.js

@@ -8,7 +8,6 @@ import { ax, ix } from "@compiled/react/runtime";
 import { useMemo } from 'react';
 import { useIntl } from 'react-intl-next';
 import LockLockedIcon from '@atlaskit/icon/core/lock-locked';
-import LegacyLockIcon from '@atlaskit/icon/glyph/lock';
 import { extractSmartLinkProvider } from '@atlaskit/link-extractors';
 import { messages } from '../../../messages';
 import Text from '../../FlexibleCard/components/elements/common/base-text-element';
@@ -49,8 +48,6 @@ var NotFoundView = function NotFoundView(_ref) {
   }), /*#__PURE__*/React.createElement(LockLockedIcon, {
     label: "not-found-lock-icon",
     color: "var(--ds-icon-danger, #C9372C)",
-    LEGACY_fallbackIcon: LegacyLockIcon,
-    LEGACY_size: "small",
     testId: "".concat(testId, "-lock-icon")
   }), /*#__PURE__*/React.createElement(Text, {
     message: description,

package/dist/esm/view/EmbedModal/components/link-info/index.js

@@ -5,11 +5,9 @@ import React, { useMemo } from 'react';
 import { FormattedMessage, useIntl } from 'react-intl-next';
 import Heading from '@atlaskit/heading';
 import DownloadIcon from '@atlaskit/icon/core/download';
+import VidFullScreenOnIcon from '@atlaskit/icon/core/fullscreen-enter';
 import FullscreenExitIcon from '@atlaskit/icon/core/fullscreen-exit';
-import VidFullScreenOnIcon from '@atlaskit/icon/core/migration/fullscreen-enter--vid-full-screen-on';
-import ShortcutIcon from '@atlaskit/icon/core/migration/link-external--shortcut';
-import DownloadIconLegacy from '@atlaskit/icon/glyph/download';
-import VidFullScreenOffIcon from '@atlaskit/icon/glyph/vid-full-screen-off';
+import ShortcutIcon from '@atlaskit/icon/core/link-external';
 import { CloseButton, useModal } from '@atlaskit/modal-dialog';
 import Tooltip from '@atlaskit/tooltip';
 import { messages } from '../../../../messages';
@@ -45,7 +43,6 @@ var LinkInfo = function LinkInfo(_ref) {
         icon: function icon() {
           return /*#__PURE__*/React.createElement(DownloadIcon, {
             label: messages.download.defaultMessage,
-            LEGACY_fallbackIcon: DownloadIconLegacy,
             spacing: "spacious",
             color: "currentColor"
           });
@@ -78,7 +75,6 @@ var LinkInfo = function LinkInfo(_ref) {
     var isFullScreen = size === MAX_MODAL_SIZE;
     var message = isFullScreen ? messages.preview_min_size : messages.preview_max_size;
     var _icon = isFullScreen ? /*#__PURE__*/React.createElement(FullscreenExitIcon, {
-      LEGACY_fallbackIcon: VidFullScreenOffIcon,
       label: message.defaultMessage,
       spacing: "spacious",
       color: "currentColor"

package/dist/esm/view/FlexibleCard/components/actions/automation-action/automation-manual-triggers/manual-triggers-modal/sub-components/header/main.js

@@ -5,7 +5,6 @@ import { ax, ix } from "@compiled/react/runtime";
 import { defineMessages, useIntl } from 'react-intl-next';
 import Heading from '@atlaskit/heading';
 import AutomationIcon from '@atlaskit/icon/core/automation';
-import LegacyManualTriggerIcon from '@atlaskit/legacy-custom-icons/manual-trigger-icon';
 import { ModalHeader, useModal } from '@atlaskit/modal-dialog';
 import { Box, Inline, Stack } from '@atlaskit/primitives/compiled';
 import { useAutomationMenu } from '../../menu-context';
@@ -44,9 +43,7 @@ export var AutomationModalHeader = function AutomationModalHeader(_ref) {
     size: "small",
     label: formatMessage(i18n.modalHeaderIconLabel),
     color: "var(--ds-icon-accent-green, #22A06B)",
-    spacing: "compact",
-    LEGACY_fallbackIcon: LegacyManualTriggerIcon,
-    LEGACY_size: "small"
+    spacing: "compact"
   })), /*#__PURE__*/React.createElement(Heading, {
     size: "medium",
     id: titleId

package/dist/esm/view/FlexibleCard/components/actions/automation-action/index.js

@@ -9,7 +9,6 @@ import { messages } from '../../../../../messages';
 import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context';
 import { useSmartLinkModal } from '../../../../../state/modal';
 import Action from '../action';
-import AutomationManualTriggersGlyph from './manual-triggers-icon';
 import { getModalContent } from './utils';
 var AutomationModal = /*#__PURE__*/lazy(function () {
   return import( /* webpackChunkName: "@atlaskit-internal_smart-card-automation-modal" */'./automation-manual-triggers/manual-triggers-modal');
@@ -73,7 +72,6 @@ var AutomationAction = function AutomationAction(props) {
     content: automationActionTitle,
     icon: /*#__PURE__*/React.createElement(AutomationIcon, {
       spacing: "spacious",
-      LEGACY_fallbackIcon: AutomationManualTriggersGlyph,
       color: "currentColor",
       label: automationActionIconLabel
     }),

package/dist/esm/view/FlexibleCard/components/actions/follow-action/goal-icon/index.js

@@ -1,11 +1,9 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import GoalGlyph from '@atlaskit/icon/core/goal';
-import LegacyGoalIcon from '@atlaskit/legacy-custom-icons/goal-bold-icon';
 export var GoalIcon = function GoalIcon(props) {
   return /*#__PURE__*/React.createElement(GoalGlyph, _extends({
     color: "var(--ds-icon, #44546F)",
-    LEGACY_fallbackIcon: LegacyGoalIcon,
     spacing: "spacious"
   }, props));
 };

package/dist/esm/view/FlexibleCard/components/actions/follow-action/projects-icon/index.js

@@ -1,12 +1,9 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import ProjectIcon from '@atlaskit/icon/core/project';
-import LegacyProjectsIcon from '@atlaskit/legacy-custom-icons/project-icon';
 export var ProjectsIcon = function ProjectsIcon(props) {
   return /*#__PURE__*/React.createElement(ProjectIcon, _extends({
     color: "var(--ds-icon, #44546F)",
-    LEGACY_fallbackIcon: LegacyProjectsIcon,
-    LEGACY_margin: "10px",
     spacing: "spacious"
   }, props));
 };

package/dist/esm/view/FlexibleCard/components/actions/follow-action/unfollow-icon/index.js

@@ -1,10 +1,6 @@
-import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import PersonRemoveIcon from '@atlaskit/icon/core/person-remove';
-import LegacyUnfollowIcon from '@atlaskit/legacy-custom-icons/unfollow-icon';
 var UnfollowIcon = function UnfollowIcon(props) {
-  return /*#__PURE__*/React.createElement(PersonRemoveIcon, _extends({
-    LEGACY_fallbackIcon: LegacyUnfollowIcon
-  }, props));
+  return /*#__PURE__*/React.createElement(PersonRemoveIcon, props);
 };
 export default UnfollowIcon;

package/dist/esm/view/FlexibleCard/components/blocks/ai-footer-block/icons/info/index.js

@@ -1,10 +1,8 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import StatusInformationIcon from '@atlaskit/icon/core/status-information';
-import LegacyInfoIcon from '@atlaskit/legacy-custom-icons/info-icon';
 export var InfoIcon = function InfoIcon(props) {
   return /*#__PURE__*/React.createElement(StatusInformationIcon, _extends({
-    color: props.color || 'currentColor',
-    LEGACY_fallbackIcon: LegacyInfoIcon
+    color: props.color || 'currentColor'
   }, props));
 };

package/dist/esm/view/FlexibleCard/components/elements/common/base-avatar-group-element/index.js

@@ -1,5 +1,4 @@
 /* index.tsx generated by @compiled/babel-plugin v0.38.1 */
-import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import "./index.compiled.css";
 import * as React from 'react';
@@ -9,7 +8,6 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import { useMemo } from 'react';
 import { useIntl } from 'react-intl-next';
 import AtlaskitAvatarGroup from '@atlaskit/avatar-group';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { ElementName } from '../../../../../../constants';
 import { messages } from '../../../../../../messages';
 import { getFormattedMessageAsString } from '../../../utils';
@@ -72,14 +70,15 @@ var BaseAvatarGroup = function BaseAvatarGroup(_ref) {
   if (!data.length) {
     return null;
   }
-  return /*#__PURE__*/React.createElement("span", _extends({}, fg('platform-linking-enable-avatar-data-separator') ? _defineProperty({}, 'data-separator', true) : {}, {
+  return /*#__PURE__*/React.createElement("span", {
+    "data-separator": true,
     "data-smart-element": name,
     "data-smart-element-avatar-group": true,
     "data-testid": testId
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
     ,
     className: ax(["_1ul91ns9 _1e0c116y _1kvxu2gc _102oidpf", className])
-  }), /*#__PURE__*/React.createElement(AtlaskitAvatarGroup, {
+  }, /*#__PURE__*/React.createElement(AtlaskitAvatarGroup, {
     maxCount: maxCount,
     appearance: "stack",
     size: "small",