@atlaskit/smart-card 44.3.8 → 44.3.10

package/dist/esm/utils/index.js

@@ -2,6 +2,8 @@ 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 React from 'react';
 import Loadable from 'react-loadable';
 import { fg } from '@atlaskit/platform-feature-flags';
@@ -71,15 +73,11 @@ export var getIconForFileType = function getIconForFileType(fileMimeType, showIc
 };
 // prettier-ignore
 export var getLazyIcons = function getLazyIcons() {
-  var _ref3;
-  return _ref3 = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_ref3, IconType.Document, {
+  var _objectSpread2, _objectSpread3;
+  return _objectSpread(_objectSpread((_objectSpread2 = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_objectSpread2, IconType.Document, {
     default: function _default() {
       return import( /* webpackChunkName: "@atlaskit-internal_page-icon" */'../common/ui/icons/page-icon');
     }
-  }), IconType.Blog, {
-    default: function _default() {
-      return import( /* webpackChunkName: "@atlaskit-internal_glyphBlock" */'../common/ui/icons/blog-icon');
-    }
   }), IconType.Audio, {
     default: function _default() {
       return import( /* webpackChunkName: "@atlaskit-internal_audio-icon" */'../common/ui/icons/audio-icon');
@@ -112,11 +110,11 @@ export var getLazyIcons = function getLazyIcons() {
     default: function _default() {
       return import( /* webpackChunkName: "@atlaskit-internal_list-bullet-icon" */'../common/ui/icons/list-bullet-icon');
     }
-  }), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_ref3, IconType.Video, {
+  }), IconType.Video, {
     default: function _default() {
       return import( /* webpackChunkName: "@atlaskit-internal_video-icon" */'../common/ui/icons/video-icon');
     }
-  }), IconType.Project, {
+  }), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_objectSpread2, IconType.Project, {
     default: function _default() {
       return import( /* webpackChunkName: "@atlaskit-internal_glyphProject" */'@atlaskit/icon/core/people-group');
     }
@@ -136,6 +134,50 @@ export var getLazyIcons = function getLazyIcons() {
     default: function _default() {
       return import( /* webpackChunkName: "@atlaskit-internal_glyphDefault" */'@atlaskit/icon/core/status-error');
     }
+  }), IconType.Attachment, {
+    default: function _default() {
+      return import( /* webpackChunkName: "@atlaskit-internal_glyphAttachment" */'@atlaskit/icon/core/attachment');
+    }
+  }), IconType.CheckItem, {
+    default: function _default() {
+      return import( /* webpackChunkName: "@atlaskit-internal_glyphAttachment" */'@atlaskit/icon/core/task');
+    }
+  }), IconType.Component, {
+    default: function _default() {
+      return import( /* webpackChunkName: "@atlaskit-internal_glyphComponent" */'@atlaskit/icon/core/component');
+    }
+  }), IconType.Comment, {
+    default: function _default() {
+      return import( /* webpackChunkName: "@atlaskit-internal_glyphComment" */'@atlaskit/icon/core/comment');
+    }
+  }), IconType.View, {
+    default: function _default() {
+      return import( /* webpackChunkName: "@atlaskit-internal_glyphComment" */'@atlaskit/icon/core/eye-open');
+    }
+  }), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_objectSpread2, IconType.React, {
+    default: function _default() {
+      return import( /* webpackChunkName: "@atlaskit-internal_glyphComment" */'@atlaskit/icon/core/thumbs-up');
+    }
+  }), IconType.Vote, {
+    default: function _default() {
+      return import( /* webpackChunkName: "@atlaskit-internal_glyphComment" */'@atlaskit/icon/core/arrow-up');
+    }
+  }), IconType.PriorityUndefined, {
+    default: function _default() {
+      return import( /* webpackChunkName: "@atlaskit-internal_glyphUndefined" */'@atlaskit/icon/core/question-circle');
+    }
+  }), IconType.ProgrammingLanguage, {
+    default: function _default() {
+      return import( /* webpackChunkName: "@atlaskit-internal_glyphProgrammingLanguage" */'@atlaskit/icon/core/angle-brackets');
+    }
+  }), IconType.Subscriber, {
+    default: function _default() {
+      return import( /* webpackChunkName: "@atlaskit-internal_glyphSubscriber" */'@atlaskit/icon/core/people-group');
+    }
+  }), IconType.SubTasksProgress, {
+    default: function _default() {
+      return import( /* webpackChunkName: "@atlaskit-internal_glyphSubtaskProgress" */'@atlaskit/icon/core/subtasks');
+    }
   }), IconType.Archive, {
     default: function _default() {
       return import( /* webpackChunkName: "@atlaskit-internal_glyphArchive" */'@atlaskit/icon-file-type/glyph/archive/16');
@@ -164,7 +206,7 @@ export var getLazyIcons = function getLazyIcons() {
     large: function large() {
       return import( /* webpackChunkName: "@atlaskit-internal_glyphGoogleDocs" */'@atlaskit/icon-file-type/glyph/google-doc/24');
     }
-  }), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_ref3, IconType.GoogleForms, {
+  }), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_objectSpread2, IconType.GoogleForms, {
     default: function _default() {
       return import( /* webpackChunkName: "@atlaskit-internal_glyphGoogleForms" */'@atlaskit/icon-file-type/glyph/google-form/16');
     },
@@ -220,7 +262,29 @@ export var getLazyIcons = function getLazyIcons() {
     large: function large() {
       return import( /* webpackChunkName: "@atlaskit-internal_glyphSketch" */'@atlaskit/icon-file-type/glyph/sketch/24');
     }
-  }), IconType.Branch, {
+  })), fg('platform_sl_icons_refactor') ? _defineProperty(_defineProperty({}, IconType.Blog, {
+    default: function _default() {
+      return import( /* webpackChunkName: "@atlaskit-internal_glyphBlog" */'@atlaskit/icon-object/glyph/blog/16');
+    },
+    large: function large() {
+      return import( /* webpackChunkName: "@atlaskit-internal_glyphBlog" */'@atlaskit/icon-object/glyph/blog/24');
+    }
+  }), IconType.LiveDocument, {
+    default: function _default() {
+      return import( /* webpackChunkName: "@atlaskit-internal_glyphPageLiveDoc" */'@atlaskit/icon-object/glyph/page-live-doc/16');
+    },
+    large: function large() {
+      return import( /* webpackChunkName: "@atlaskit-internal_glyphPageLiveDoc" */'@atlaskit/icon-object/glyph/page-live-doc/24');
+    }
+  }) : _defineProperty(_defineProperty({}, IconType.Blog, {
+    default: function _default() {
+      return import( /* webpackChunkName: "@atlaskit-internal_glyphBlock" */'../common/ui/icons/blog-icon');
+    }
+  }), IconType.LiveDocument, {
+    default: function _default() {
+      return import( /* webpackChunkName: "@atlaskit-internal_glyphPageLiveDoc" */'../common/ui/icons/live-document-icon');
+    }
+  })), {}, (_objectSpread3 = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_objectSpread3, IconType.Branch, {
     default: function _default() {
       return import( /* webpackChunkName: "@atlaskit-internal_glyphBranch" */'@atlaskit/icon-object/glyph/branch/16');
     },
@@ -234,7 +298,7 @@ export var getLazyIcons = function getLazyIcons() {
     large: function large() {
       return import( /* webpackChunkName: "@atlaskit-internal_glyphCommit" */'@atlaskit/icon-object/glyph/commit/24');
     }
-  }), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_ref3, IconType.PullRequest, {
+  }), IconType.PullRequest, {
     default: function _default() {
       return import( /* webpackChunkName: "@atlaskit-internal_glyphPullRequest" */'@atlaskit/icon-object/glyph/pull-request/16');
     },
@@ -290,7 +354,7 @@ export var getLazyIcons = function getLazyIcons() {
     large: function large() {
       return import( /* webpackChunkName: "@atlaskit-internal_glyphServiceRequest" */'@atlaskit/icon-object/glyph/issue/24');
     }
-  }), IconType.Story, {
+  }), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_objectSpread3, IconType.Story, {
     default: function _default() {
       return import( /* webpackChunkName: "@atlaskit-internal_glyphStory" */'@atlaskit/icon-object/glyph/story/16');
     },
@@ -304,24 +368,17 @@ export var getLazyIcons = function getLazyIcons() {
     large: function large() {
       return import( /* webpackChunkName: "@atlaskit-internal_glyphSubTask" */'@atlaskit/icon-object/glyph/subtask/24');
     }
-  }), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_ref3, IconType.Task, {
+  }), IconType.Task, {
     default: function _default() {
       return import( /* webpackChunkName: "@atlaskit-internal_glyphTask" */'@atlaskit/icon-object/glyph/task/16');
     },
     large: function large() {
       return import( /* webpackChunkName: "@atlaskit-internal_glyphTask" */'@atlaskit/icon-object/glyph/task/24');
     }
-  }), IconType.LiveDocument, {
-    default: function _default() {
-      return import( /* webpackChunkName: "@atlaskit-internal_glyphPageLiveDoc" */'@atlaskit/icon-object/glyph/page-live-doc/16');
-    },
-    large: function large() {
-      return import( /* webpackChunkName: "@atlaskit-internal_glyphPageLiveDoc" */'@atlaskit/icon-object/glyph/page-live-doc/24');
-    }
   }), IconType.Confluence, {
     default: function _default() {
-      return import( /* webpackChunkName: "@atlaskit-internal_glyphConfluence" */'@atlaskit/logo/confluence-icon').then(function (_ref) {
-        var ConfluenceIcon = _ref.ConfluenceIcon;
+      return import( /* webpackChunkName: "@atlaskit-internal_glyphConfluence" */'@atlaskit/logo/confluence-icon').then(function (_ref3) {
+        var ConfluenceIcon = _ref3.ConfluenceIcon;
         return {
           default: ConfluenceIcon
         };
@@ -329,41 +386,13 @@ export var getLazyIcons = function getLazyIcons() {
     }
   }), IconType.Jira, {
     default: function _default() {
-      return import( /* webpackChunkName: "@atlaskit-internal_glyphJira" */'@atlaskit/logo/jira-icon').then(function (_ref2) {
-        var JiraIcon = _ref2.JiraIcon;
+      return import( /* webpackChunkName: "@atlaskit-internal_glyphJira" */'@atlaskit/logo/jira-icon').then(function (_ref4) {
+        var JiraIcon = _ref4.JiraIcon;
         return {
           default: JiraIcon
         };
       });
     }
-  }), IconType.Attachment, {
-    default: function _default() {
-      return import( /* webpackChunkName: "@atlaskit-internal_glyphAttachment" */'@atlaskit/icon/core/attachment');
-    }
-  }), IconType.CheckItem, {
-    default: function _default() {
-      return import( /* webpackChunkName: "@atlaskit-internal_glyphAttachment" */'@atlaskit/icon/core/task');
-    }
-  }), IconType.Component, {
-    default: function _default() {
-      return import( /* webpackChunkName: "@atlaskit-internal_glyphComponent" */'@atlaskit/icon/core/component');
-    }
-  }), IconType.Comment, {
-    default: function _default() {
-      return import( /* webpackChunkName: "@atlaskit-internal_glyphComment" */'@atlaskit/icon/core/comment');
-    }
-  }), IconType.View, {
-    default: function _default() {
-      return import( /* webpackChunkName: "@atlaskit-internal_glyphComment" */'@atlaskit/icon/core/eye-open');
-    }
-  }), IconType.React, {
-    default: function _default() {
-      return import( /* webpackChunkName: "@atlaskit-internal_glyphComment" */'@atlaskit/icon/core/thumbs-up');
-    }
-  }), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_ref3, IconType.Vote, {
-    default: function _default() {
-      return import( /* webpackChunkName: "@atlaskit-internal_glyphComment" */'@atlaskit/icon/core/arrow-up');
-    }
   }), IconType.PriorityBlocker, {
     default: function _default() {
       return import( /* webpackChunkName: "@atlaskit-internal_glyphBlocker" */'../common/ui/icons/priority-blocker-icon');
@@ -384,7 +413,7 @@ export var getLazyIcons = function getLazyIcons() {
     default: function _default() {
       return import( /* webpackChunkName: "@atlaskit-internal_glyphLow" */'../common/ui/icons/priority-low-icon');
     }
-  }), IconType.PriorityLowest, {
+  }), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_objectSpread3, IconType.PriorityLowest, {
     default: function _default() {
       return import( /* webpackChunkName: "@atlaskit-internal_glyphLowest" */'../common/ui/icons/priority-lowest-icon');
     }
@@ -400,27 +429,11 @@ export var getLazyIcons = function getLazyIcons() {
     default: function _default() {
       return import( /* webpackChunkName: "@atlaskit-internal_glyphMinor" */'../common/ui/icons/priority-minor-icon');
     }
-  }), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_ref3, IconType.PriorityTrivial, {
+  }), IconType.PriorityTrivial, {
     default: function _default() {
       return import( /* webpackChunkName: "@atlaskit-internal_glyphTrivial" */'../common/ui/icons/priority-trivial-icon');
     }
-  }), IconType.PriorityUndefined, {
-    default: function _default() {
-      return import( /* webpackChunkName: "@atlaskit-internal_glyphUndefined" */'@atlaskit/icon/core/question-circle');
-    }
-  }), IconType.ProgrammingLanguage, {
-    default: function _default() {
-      return import( /* webpackChunkName: "@atlaskit-internal_glyphProgrammingLanguage" */'@atlaskit/icon/core/angle-brackets');
-    }
-  }), IconType.Subscriber, {
-    default: function _default() {
-      return import( /* webpackChunkName: "@atlaskit-internal_glyphSubscriber" */'@atlaskit/icon/core/people-group');
-    }
-  }), IconType.SubTasksProgress, {
-    default: function _default() {
-      return import( /* webpackChunkName: "@atlaskit-internal_glyphSubtaskProgress" */'@atlaskit/icon/core/subtasks');
-    }
-  });
+  })));
 };
 var getTypeToIconMap = function getTypeToIconMap(fileFormat) {
   var iconDescriptor = extractFileFormatIcon(fileFormat);
@@ -459,7 +472,7 @@ export var sleep = function sleep(ms) {
   });
 };
 var _importWithRetry = /*#__PURE__*/function () {
-  var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(importFn) {
+  var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(importFn) {
     var retries,
       interval,
       _args = arguments;
@@ -493,12 +506,12 @@ var _importWithRetry = /*#__PURE__*/function () {
     }, _callee, null, [[2, 8]]);
   }));
   return function importWithRetry(_x) {
-    return _ref4.apply(this, arguments);
+    return _ref5.apply(this, arguments);
   };
 }();
 export { _importWithRetry as importWithRetry };
 export var downloadUrl = /*#__PURE__*/function () {
-  var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(url) {
+  var _ref6 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(url) {
     var isIE11, isSafari, iframeName, link, iframe;
     return _regeneratorRuntime.wrap(function _callee2$(_context2) {
       while (1) switch (_context2.prev = _context2.next) {
@@ -534,11 +547,11 @@ export var downloadUrl = /*#__PURE__*/function () {
     }, _callee2);
   }));
   return function downloadUrl(_x2) {
-    return _ref5.apply(this, arguments);
+    return _ref6.apply(this, arguments);
   };
 }();
 export var openUrl = /*#__PURE__*/function () {
-  var _ref6 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3(url) {
+  var _ref7 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3(url) {
     return _regeneratorRuntime.wrap(function _callee3$(_context3) {
       while (1) switch (_context3.prev = _context3.next) {
         case 0:
@@ -556,7 +569,7 @@ export var openUrl = /*#__PURE__*/function () {
     }, _callee3);
   }));
   return function openUrl(_x3) {
-    return _ref6.apply(this, arguments);
+    return _ref7.apply(this, arguments);
   };
 }();
 

package/dist/esm/view/BlockCard/views/UnauthorisedView.compiled.css

@@ -1,5 +1,4 @@
 ._11c8fhey{font:var(--ds-font-body,normal 400 14px/20px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
-._11c8wadc{font:var(--ds-font-body-small,normal 400 9pt/1pc "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
 ._zulpidpf{gap:0}
 ._zulputpp{gap:var(--ds-space-150,9pt)}
 ._12vemgnk{background-repeat:no-repeat}

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

@@ -14,7 +14,6 @@ import { ElementName, SmartLinkDirection, SmartLinkSize, SmartLinkWidth } from '
 import { messages } from '../../../messages';
 import { useFlexibleCardContext } from '../../../state/flexible-ui-context';
 import { hasAuthScopeOverrides } from '../../../state/helpers';
-import { isNewBlockcardUnauthorizedRefreshExperimentEnabled } from '../../../utils/experiments';
 import UnauthorisedViewContent from '../../common/UnauthorisedViewContent';
 import FlexibleCard from '../../FlexibleCard';
 import ActionGroup from '../../FlexibleCard/components/blocks/action-group';
@@ -24,11 +23,9 @@ import { renderElementItems } from '../../FlexibleCard/components/blocks/utils';
 import { LinkIcon, Title } from '../../FlexibleCard/components/elements';
 import { AuthorizeAction } from '../actions/AuthorizeAction';
 import unauthIllustrationGeneral from './assets/general@2x.png';
-import UnresolvedView from './unresolved-view';
 import { FlexibleCardUiOptions, titleBlockOptions } from './utils';
 import { withFlexibleUIBlockCardStyle } from './utils/withFlexibleUIBlockCardStyle';
 var contentStyles = null;
-var newContentStyles = null;
 var contentAdditionalStyles = null;
 var newTitleBlockStyles = null;
 var intermediumGapStyles = null;
@@ -80,14 +77,18 @@ var getBetterTitle = function getBetterTitle(url) {
       search = _URL.search;
     if (pathname.length > 1) {
       return pathname.substring(1);
-    } else {
+    }
+    if (search) {
       return search;
     }
+    // Fall back to the full URL when there is no useful path/search to display,
+    // so the title (and the underlying link) always has accessible text.
+    return url;
   } catch (_unused) {
     return url;
   }
 };
-var NewUnauthorisedBlock = function NewUnauthorisedBlock(_ref) {
+var UnauthorisedBlock = function UnauthorisedBlock(_ref) {
   var _useFlexibleCardConte, _data$preview$url, _data$preview;
   var actions = _ref.actions,
     children = _ref.children,
@@ -191,29 +192,22 @@ var UnauthorisedView = function UnauthorisedView(_ref3) {
   var actions = useMemo(function () {
     return onAuthorize ? [AuthorizeAction(handleAuthorize, providerName)] : [];
   }, [handleAuthorize, onAuthorize, providerName]);
-  if (isNewBlockcardUnauthorizedRefreshExperimentEnabled(true)) {
-    return /*#__PURE__*/React.createElement(FlexibleCard, _extends({
-      appearance: "block",
-      onAuthorize: onAuthorize,
-      origin: "smartLinkCard",
-      testId: testId,
-      ui: FlexibleCardUiOptions
-    }, props), /*#__PURE__*/React.createElement(NewUnauthorisedBlock, _extends({}, props, {
-      actions: actions,
-      testId: testId
-    }), /*#__PURE__*/React.createElement("div", {
-      "data-testid": "".concat(testId, "-content"),
-      className: ax(["_11c8fhey _syazi7uo _19pku2gc", actions.length > 0 && "_1reo15vq _18m915vq _otyrpxbi _p12f1osq _o5721q9c _1bto1l2s"])
-    }, content)));
-  } else {
-    return /*#__PURE__*/React.createElement(UnresolvedView, _extends({}, props, {
-      actions: actions,
-      testId: testId
-    }), /*#__PURE__*/React.createElement("div", {
-      "data-testid": "".concat(testId, "-content"),
-      className: ax(["_11c8wadc _syazi7uo _19pku2gc"])
-    }, content));
-  }
+  return /*#__PURE__*/React.createElement(FlexibleCard, _extends({
+    appearance: "block",
+    onAuthorize: onAuthorize,
+    origin: "smartLinkCard",
+    testId: testId,
+    ui: FlexibleCardUiOptions
+  }, props), /*#__PURE__*/React.createElement(UnauthorisedBlock, {
+    actions: actions,
+    cardState: props.cardState,
+    CompetitorPrompt: props.CompetitorPrompt,
+    testId: testId,
+    url: props.url
+  }, /*#__PURE__*/React.createElement("div", {
+    "data-testid": "".concat(testId, "-content"),
+    className: ax(["_11c8fhey _syazi7uo _19pku2gc", actions.length > 0 && "_1reo15vq _18m915vq _otyrpxbi _p12f1osq _o5721q9c _1bto1l2s"])
+  }, content)));
 };
 var _default_1 = withFlexibleUIBlockCardStyle(UnauthorisedView);
 export default _default_1;

package/dist/esm/view/FlexibleCard/components/actions/automation-action/automation-manual-triggers/manual-triggers-container/common/test-utils.js

@@ -14,9 +14,9 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import React, { Component, Fragment } from 'react';
 
 // eslint-disable-next-line import/no-extraneous-dependencies
-import { render } from '@testing-library/react';
 import { IntlProvider } from 'react-intl';
 import { DiProvider } from 'react-magnetic-di';
+import { render } from '@atlassian/testing-library';
 /**
  * Creates a stubbed invocation API call for triggering rules. Will return
  * the supplied invocation result for all objects the rule was called

package/dist/esm/view/FlexibleCard/components/common/atlaskit-icon/index.js

@@ -1,11 +1,13 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import Loadable from 'react-loadable';
+import { IconTile } from '@atlaskit/icon';
 import { ConfluenceIcon, JiraIcon } from '@atlaskit/logo';
 import { fg } from '@atlaskit/platform-feature-flags';
 import BlogIcon from '../../../../../common/ui/icons/blog-icon';
 import LiveDocumentIcon from '../../../../../common/ui/icons/live-document-icon';
 import DocumentIcon from '../../../../../common/ui/icons/page-icon';
+import { transformSmartLinkSizeToIconTileSize } from '../../../../../common/ui/icons/utils';
 import { IconType, SmartLinkSize } from '../../../../../constants';
 import { getLazyIcons, isIconSizeLarge } from '../../../../../utils';
 var getIconImportFn = function getIconImportFn(icon, size) {
@@ -27,38 +29,72 @@ var importIcon = function importIcon(importFn) {
     }
   }); // Because we're using dynamic loading here, TS will not be able to infer the type.
 };
+var isCoreIcon = function isCoreIcon(icon) {
+  return [IconType.Project, IconType.Template, IconType.Forbidden, IconType.Default, IconType.Error, IconType.Attachment, IconType.CheckItem, IconType.Component, IconType.Comment, IconType.View, IconType.React, IconType.Vote, IconType.PriorityUndefined, IconType.ProgrammingLanguage, IconType.Subscriber, IconType.SubTasksProgress].includes(icon);
+};
 var AtlaskitIcon = function AtlaskitIcon(_ref) {
   var icon = _ref.icon,
     label = _ref.label,
     testId = _ref.testId,
     _ref$size = _ref.size,
     size = _ref$size === void 0 ? SmartLinkSize.Medium : _ref$size;
-  // Check for synchonously loaded icons first for SSR purposes
-  switch (icon) {
-    case IconType.Document:
-      return /*#__PURE__*/React.createElement(DocumentIcon, {
-        label: label !== null && label !== void 0 ? label : 'document',
-        testId: testId,
-        size: size
-      });
-    case IconType.Blog:
-      return /*#__PURE__*/React.createElement(BlogIcon, {
-        label: label !== null && label !== void 0 ? label : 'blog',
-        testId: testId,
-        size: size
-      });
-    case IconType.LiveDocument:
-      return /*#__PURE__*/React.createElement(LiveDocumentIcon, {
-        label: label !== null && label !== void 0 ? label : 'live-doc',
-        testId: testId,
-        size: size
-      });
+  if (!fg('platform_sl_icons_refactor')) {
+    // Check for synchonously loaded icons first for SSR purposes
+    switch (icon) {
+      case IconType.Document:
+        return /*#__PURE__*/React.createElement(DocumentIcon, {
+          label: label !== null && label !== void 0 ? label : 'document',
+          testId: testId,
+          size: size
+        });
+      case IconType.Blog:
+        return /*#__PURE__*/React.createElement(BlogIcon, {
+          label: label !== null && label !== void 0 ? label : 'blog',
+          testId: testId,
+          size: size
+        });
+      case IconType.LiveDocument:
+        return /*#__PURE__*/React.createElement(LiveDocumentIcon, {
+          label: label !== null && label !== void 0 ? label : 'live-doc',
+          testId: testId,
+          size: size
+        });
+    }
   }
   var importFn = getIconImportFn(icon, size);
   if (!importFn) {
     return null;
   }
   var ImportedIcon = importIcon(importFn);
+  if (isCoreIcon(icon) && fg('platform_sl_icons_refactor')) {
+    switch (size) {
+      case SmartLinkSize.Small:
+      case SmartLinkSize.Medium:
+        var color;
+        if (icon === IconType.Error || icon === IconType.Forbidden) {
+          color = "var(--ds-icon-danger, #C9372C)";
+        }
+        return /*#__PURE__*/React.createElement(ImportedIcon, {
+          label: label,
+          testId: testId,
+          color: color
+        });
+      case SmartLinkSize.Large:
+      case SmartLinkSize.XLarge:
+        var appearance;
+        if (icon === IconType.Error || icon === IconType.Forbidden) {
+          appearance = 'redBold';
+        } else {
+          appearance = 'grayBold';
+        }
+        return /*#__PURE__*/React.createElement(IconTile, {
+          appearance: appearance,
+          icon: ImportedIcon,
+          size: transformSmartLinkSizeToIconTileSize(size),
+          label: label !== null && label !== void 0 ? label : ''
+        });
+    }
+  }
   switch (icon) {
     case IconType.Confluence:
       return /*#__PURE__*/React.createElement(ConfluenceIcon, _extends({
@@ -78,6 +114,13 @@ var AtlaskitIcon = function AtlaskitIcon(_ref) {
       } : undefined));
     case IconType.Error:
     case IconType.Forbidden:
+      if (fg('platform_sl_icons_refactor')) {
+        return /*#__PURE__*/React.createElement(ImportedIcon, {
+          label: label,
+          testId: testId,
+          size: size
+        });
+      }
       return /*#__PURE__*/React.createElement(ImportedIcon, {
         label: label,
         testId: testId,

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

@@ -18,7 +18,6 @@ import { Box } from '@atlaskit/primitives/compiled';
 import Tile from '@atlaskit/tile';
 import { SmartLinkPosition, SmartLinkSize } from '../../../../../../constants';
 import { isProfileType } from '../../../../../../utils';
-import { isNewBlockcardUnauthorizedRefreshExperimentEnabled } from '../../../../../../utils/experiments';
 import AtlaskitIcon from '../../../common/atlaskit-icon';
 import ImageIcon from '../../../common/image-icon';
 import { getIconWidth } from '../../../utils';
@@ -152,7 +151,7 @@ var IconElement = function IconElement(_ref) {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
     ,
     className: ax([styles.container, positionStyleMap[position], render && customRenderStyleMap[size], className])
-  }, isTiledIcon && (fg('platform_sl_3p_preauth_better_hovercard_killswitch') || isNewBlockcardUnauthorizedRefreshExperimentEnabled()) ? /*#__PURE__*/React.createElement(Tile, {
+  }, isTiledIcon ? /*#__PURE__*/React.createElement(Tile, {
     size: size,
     hasBorder: true,
     backgroundColor: "white",

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

@@ -9,7 +9,6 @@ import React, { useMemo } from 'react';
 import Tooltip from '@atlaskit/tooltip';
 import { SmartLinkSize, SmartLinkTheme } from '../../../../../../constants';
 import { useMouseDownEvent } from '../../../../../../state/analytics/useLinkClicked';
-import { isNewBlockcardUnauthorizedRefreshExperimentEnabled } from '../../../../../../utils/experiments';
 import { hasWhiteSpace } from '../../../utils';
 var DEFAULT_MAX_LINES = 2;
 var MAXIMUM_MAX_LINES = 2;
@@ -111,7 +110,7 @@ var BaseLinkElement = function BaseLinkElement(_ref) {
   }), text);
   return /*#__PURE__*/React.createElement("span", {
     className: ax(["_16jlkb7n _1o9zkb7n _i0dl1wug"])
-  }, hideTooltip || text === undefined ? anchor : withTooltip(anchor, url !== null && url !== void 0 && url.includes(text) && isNewBlockcardUnauthorizedRefreshExperimentEnabled() ? url : text, testId));
+  }, hideTooltip || text === undefined ? anchor : withTooltip(anchor, url !== null && url !== void 0 && url.includes(text) ? url : text, testId));
 };
 export default BaseLinkElement;
 export var toLinkProps = function toLinkProps(text, url) {

package/dist/esm/view/FlexibleCard/utils.js

@@ -1,6 +1,4 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-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 { extractSmartLinkProvider } from '@atlaskit/link-extractors';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { InternalActionName, SmartLinkStatus } from '../../constants';
@@ -13,7 +11,6 @@ import { extractSmartLinkProviderIcon } from '../../extractors/flexible/icon/ext
 import { extractHostName } from '../../extractors/flexible/utils';
 import { messages } from '../../messages';
 import { handleOnClick } from '../../utils';
-import { isNewBlockcardUnauthorizedRefreshExperimentEnabled } from '../../utils/experiments';
 import { getForbiddenJsonLd } from '../../utils/jsonld';
 export var getContextByStatus = function getContextByStatus(params) {
   var _response$meta;
@@ -37,7 +34,7 @@ export var getContextByStatus = function getContextByStatus(params) {
     case SmartLinkStatus.Errored:
     case SmartLinkStatus.Fallback:
     default:
-      return _objectSpread({
+      return {
         url: url,
         linkIcon: extractErrorIcon(response, status),
         linkTitle: extractLinkTitle(status, url, response, onClick),
@@ -46,10 +43,9 @@ export var getContextByStatus = function getContextByStatus(params) {
         actions: _defineProperty({}, InternalActionName.UnresolvedAction, getRetryOptions(url, status, response, params.onAuthorize)),
         meta: {
           accessType: response === null || response === void 0 || (_response$meta = response.meta) === null || _response$meta === void 0 || (_response$meta = _response$meta.requestAccess) === null || _response$meta === void 0 ? void 0 : _response$meta.accessType
-        }
-      }, isNewBlockcardUnauthorizedRefreshExperimentEnabled() && {
+        },
         hostName: extractHostName(response)
-      });
+      };
   }
 };
 var getForbiddenMessageKey = function getForbiddenMessageKey(meta) {

package/dist/esm/view/LinkUrl/index.js

@@ -15,7 +15,7 @@ import LinkWarningModal from './LinkWarningModal';
 import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-modal';
 var PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "44.3.7",
+  packageVersion: "44.3.9",
   componentName: 'linkUrl'
 };
 var Anchor = withLinkClickedEvent('a');

package/dist/esm/view/common/UnauthorisedViewContent.js

@@ -6,7 +6,6 @@ import { Anchor } from '@atlaskit/primitives/compiled';
 import { useAnalyticsEvents } from '../../common/analytics/generated/use-analytics-events';
 import { CONTENT_URL_3P_ACCOUNT_AUTH, CONTENT_URL_SECURITY_AND_PERMISSIONS } from '../../constants';
 import { messages } from '../../messages';
-import { isNewBlockcardUnauthorizedRefreshExperimentEnabled } from '../../utils/experiments';
 /**
  * This component is used in unauthorized views of a smart link.
  * It represents the main text that provides a user with information on how to connect their account
@@ -22,12 +21,12 @@ var UnauthorisedViewContent = function UnauthorisedViewContent(_ref) {
     fireEvent('ui.button.clicked.learnMore', {});
   }, [fireEvent]);
   var learnMoreMessage = isProductIntegrationSupported ? fg('product-terminology-refresh') ? messages.learn_more_about_connecting_account_appify : messages.learn_more_about_connecting_account : messages.learn_more_about_smart_links;
-  var unauthorizedAccountDescriptionMessage = isNewBlockcardUnauthorizedRefreshExperimentEnabled() ? messages.learn_more_about_connecting_account_experiment_shorter : fg('product-terminology-refresh') ? messages.connect_unauthorised_account_description_appify : messages.connect_unauthorised_account_description;
+  var unauthorizedAccountDescriptionMessage = messages.learn_more_about_connecting_account_experiment_shorter;
   return /*#__PURE__*/React.createElement(React.Fragment, null, providerName ? /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, unauthorizedAccountDescriptionMessage, {
     values: {
       context: providerName
     }
-  })) : /*#__PURE__*/React.createElement(FormattedMessage, fg('product-terminology-refresh') ? messages.connect_unauthorised_account_description_no_provider_appify : messages.connect_unauthorised_account_description_no_provider), isNewBlockcardUnauthorizedRefreshExperimentEnabled() ? /*#__PURE__*/React.createElement("br", null) : ' ', /*#__PURE__*/React.createElement(Anchor, {
+  })) : /*#__PURE__*/React.createElement(FormattedMessage, fg('product-terminology-refresh') ? messages.connect_unauthorised_account_description_no_provider_appify : messages.connect_unauthorised_account_description_no_provider), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(Anchor, {
     href: isProductIntegrationSupported ? CONTENT_URL_3P_ACCOUNT_AUTH : CONTENT_URL_SECURITY_AND_PERMISSIONS,
     target: "_blank",
     testId: "".concat(testId, "-learn-more"),