@atlaskit/smart-card 23.7.2 → 23.8.0

package/dist/cjs/view/InlineCard/Frame/styled.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Wrapper = void 0;
+exports.WrapperSpan = exports.WrapperAnchor = void 0;
 
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 
@@ -19,9 +19,7 @@ var _components = require("@atlaskit/theme/components");
 
 var _tokens = require("@atlaskit/tokens");
 
-var _styled2 = require("../IconAndTitleLayout/styled");
-
-var _templateObject;
+var _templateObject, _templateObject2;
 
 var BACKGROUND_COLOR_DARK = '#262B31';
 var selected = "\n  cursor: pointer;\n  box-shadow: 0 0 0 2px ".concat((0, _tokens.token)('color.border.selected', _colors.B100), ";\n  outline: none;\n  user-select: none;\n  &, :hover, :focus, :active {\n    text-decoration: none;\n  }\n");
@@ -30,13 +28,13 @@ var isInteractive = function isInteractive(_ref) {
   var isInteractive = _ref.isInteractive;
 
   if (isInteractive) {
-    return "\n      cursor: pointer;\n      :hover {\n        background-color: ".concat((0, _components.themed)({
+    return "\n      :hover {\n        background-color: ".concat((0, _components.themed)({
       light: (0, _tokens.token)('color.background.neutral.subtle.hovered', _colors.N20),
       dark: (0, _tokens.token)('color.background.neutral.subtle.hovered', BACKGROUND_COLOR_DARK)
-    }), ";\n        text-decoration: none;\n      }\n      :active {\n        background-color: ").concat((0, _components.themed)({
+    }), ";\n      }\n      :active {\n        background-color: ").concat((0, _components.themed)({
       light: (0, _tokens.token)('color.background.selected', _colors.B50),
       dark: (0, _tokens.token)('color.background.selected', BACKGROUND_COLOR_DARK)
-    }), ";\n        text-decoration: none;\n      }\n      :focus {\n        ").concat(selected, "\n        text-decoration: none;\n      }\n    ");
+    }), ";\n      }\n      :focus {\n        ").concat(selected, "\n      }\n    ");
   } else {
     return '';
   }
@@ -51,11 +49,6 @@ var isSelected = function isSelected(_ref2) {
     return 'user-select: text';
   }
 };
-
-var withoutHover = function withoutHover(_ref3) {
-  var withoutHover = _ref3.withoutHover;
-  return withoutHover ? "\n    &:hover {\n      text-decoration: none;\n    }\n  " : '';
-};
 /*
   Inline smart cards should have the following layout:
   ------------------------------------
@@ -70,30 +63,25 @@ var withoutHover = function withoutHover(_ref3) {
 // NB: `box-decoration-break` required for retaining properties (border-radius) on wrap.
 
 
-var Wrapper = _styled.default.a(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  line-height: 16px;\n  padding: 1px 0.24em 2px 0.24em;\n  ", "\n  display: inline;\n  box-decoration-break: clone;\n  border-radius: ", "px;\n  color: ", ";\n  background-color: ", ";\n  ", "\n  ", "\n  ", ";\n  ", "\n  transition: 0.1s all ease-in-out;\n  -moz-user-select: none;\n\n  &:hover span.", " {\n    text-decoration: ", ";\n  }\n"])), function (props) {
-  return props.withoutBackground ? "padding-left: 0; margin-left:-2px;" : '';
-}, (0, _constants.borderRadius)(), (0, _components.themed)({
-  light: (0, _tokens.token)('color.link', _colors.B400),
-  dark: (0, _tokens.token)('color.link', '#4794FF')
-}), function (props) {
-  return props.withoutBackground ? '' : (0, _components.themed)({
+var baseWrapperStyle = function baseWrapperStyle(props) {
+  return "\n  line-height: 16px;\n  padding: 1px 0.24em 2px 0.24em;\n  ".concat(props.withoutBackground ? "padding-left: 0; margin-left:-2px;" : '', "\n  display: inline;\n  box-decoration-break: clone;\n  border-radius: ").concat((0, _constants.borderRadius)(), "px;\n  color: ").concat((0, _components.themed)({
+    light: (0, _tokens.token)('color.link', _colors.B400),
+    dark: (0, _tokens.token)('color.link', '#4794FF')
+  })(props), ";\n  background-color: ").concat(props.withoutBackground ? '' : (0, _components.themed)({
     light: (0, _tokens.token)('elevation.surface.raised', 'white'),
     dark: (0, _tokens.token)('elevation.surface.raised', BACKGROUND_COLOR_DARK)
-  });
-}, function (props) {
-  return props.withoutBackground ? '' : (0, _components.themed)({
+  })(props), ";\n  ").concat(props.withoutBackground ? '' : (0, _components.themed)({
     light: "box-shadow: ".concat((0, _tokens.token)('elevation.shadow.raised', "0 1px 1px ".concat(_colors.N50A, ", 0 0 1px 1px ").concat(_colors.N40A)), ";"),
     dark: "box-shadow: ".concat((0, _tokens.token)('elevation.shadow.raised', "0 1px 1px ".concat(_colors.DN50A, ", 0 0 1px 1px ").concat(_colors.DN40A)), ";")
-  });
-}, function (props) {
-  return isInteractive(props);
-}, function (props) {
-  return isSelected(props);
-}, function (props) {
-  return withoutHover(props);
-}, _styled2.TitleWrapperClassName, function (_ref4) {
-  var withoutHover = _ref4.withoutHover;
-  return withoutHover ? 'none' : 'underline';
-});
+  })(props), "\n  ").concat(isSelected(props), ";\n  transition: 0.1s all ease-in-out;\n  -moz-user-select: none;\n");
+};
+
+var WrapperAnchor = _styled.default.a(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  ", "\n  ", "\n"])), baseWrapperStyle, isInteractive);
+
+exports.WrapperAnchor = WrapperAnchor;
+WrapperAnchor.displayName = 'WrapperAnchor';
+
+var WrapperSpan = _styled.default.span(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  ", "\n"])), baseWrapperStyle);
 
-exports.Wrapper = Wrapper;
+exports.WrapperSpan = WrapperSpan;
+WrapperSpan.displayName = 'WrapperSpan';

package/dist/cjs/view/InlineCard/IconAndTitleLayout/index.js

@@ -11,12 +11,16 @@ var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/cl
 
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
 
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
 var _react = _interopRequireDefault(require("react"));
 
 var _reactRenderImage = _interopRequireDefault(require("react-render-image"));
@@ -27,6 +31,8 @@ var _styled = require("./styled");
 
 var _link = _interopRequireDefault(require("@atlaskit/icon/glyph/link"));
 
+var _styled2 = require("../styled");
+
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
 
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
@@ -37,8 +43,38 @@ var IconAndTitleLayout = /*#__PURE__*/function (_React$Component) {
   var _super = _createSuper(IconAndTitleLayout);
 
   function IconAndTitleLayout() {
+    var _this;
+
     (0, _classCallCheck2.default)(this, IconAndTitleLayout);
-    return _super.apply(this, arguments);
+
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    _this = _super.call.apply(_super, [this].concat(args));
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleClick", function (event) {
+      var onClick = _this.props.onClick;
+
+      if (onClick) {
+        event.preventDefault();
+        event.stopPropagation();
+        onClick(event);
+      }
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleKeyPress", function (event) {
+      var onClick = _this.props.onClick;
+
+      if (event.key !== ' ' && event.key !== 'Enter') {
+        return;
+      }
+
+      if (onClick) {
+        event.preventDefault();
+        event.stopPropagation();
+        onClick(event);
+      }
+    });
+    return _this;
   }
 
   (0, _createClass2.default)(IconAndTitleLayout, [{
@@ -120,18 +156,27 @@ var IconAndTitleLayout = /*#__PURE__*/function (_React$Component) {
           title = _this$props2.title,
           titleColor = _this$props2.titleColor,
           titleTextColor = _this$props2.titleTextColor,
+          link = _this$props2.link,
+          rightSide = _this$props2.rightSide,
           _this$props2$testId = _this$props2.testId,
           testId = _this$props2$testId === void 0 ? 'inline-card-icon-and-title' : _this$props2$testId;
-      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styled.IconTitleWrapper, {
-        style: {
-          color: titleColor
-        }
-      }, /*#__PURE__*/_react.default.createElement(_styled.IconPositionWrapper, null, children || /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styled.IconEmptyWrapper, null), this.renderIcon(testId))), /*#__PURE__*/_react.default.createElement(_styled.TitleWrapper, {
+
+      var titlePart = /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styled.IconPositionWrapper, null, children || /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styled.IconEmptyWrapper, null), this.renderIcon(testId))), /*#__PURE__*/_react.default.createElement(_styled.TitleWrapper, {
         style: {
           color: titleTextColor
         },
         className: _styled.TitleWrapperClassName
-      }, title)));
+      }, title));
+
+      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styled.IconTitleWrapper, {
+        style: {
+          color: titleColor
+        }
+      }, link ? /*#__PURE__*/_react.default.createElement(_styled2.LinkAppearance, {
+        href: link,
+        onClick: this.handleClick,
+        onKeyPress: this.handleKeyPress
+      }, titlePart) : titlePart, rightSide ? /*#__PURE__*/_react.default.createElement(_styled2.NoLinkAppearance, null, ' - ', rightSide) : null));
     }
   }]);
   return IconAndTitleLayout;

package/dist/cjs/view/InlineCard/ResolvingView/index.js

@@ -53,13 +53,11 @@ var InlineCardResolvingView = /*#__PURE__*/function (_React$Component) {
           inlinePreloaderStyle = _this$props.inlinePreloaderStyle,
           _this$props$testId = _this$props.testId,
           testId = _this$props$testId === void 0 ? 'inline-card-resolving-view' : _this$props$testId,
-          titleTextColor = _this$props.titleTextColor,
-          withoutHover = _this$props.withoutHover;
+          titleTextColor = _this$props.titleTextColor;
 
       if (inlinePreloaderStyle === 'on-right-without-skeleton') {
         return /*#__PURE__*/_react.default.createElement(_Frame.Frame, {
           withoutBackground: true,
-          withoutHover: withoutHover,
           testId: testId,
           onClick: onClick,
           isSelected: isSelected
@@ -72,9 +70,9 @@ var InlineCardResolvingView = /*#__PURE__*/function (_React$Component) {
         return /*#__PURE__*/_react.default.createElement(_Frame.Frame, {
           testId: testId,
           onClick: onClick,
-          isSelected: isSelected,
-          withoutHover: withoutHover
+          isSelected: isSelected
         }, /*#__PURE__*/_react.default.createElement(_IconAndTitleLayout.IconAndTitleLayout, {
+          link: url,
           title: url,
           titleTextColor: titleTextColor
         }, /*#__PURE__*/_react.default.createElement(_styled.SpinnerWrapper, {

package/dist/cjs/view/InlineCard/UnauthorisedView/index.js

@@ -78,15 +78,11 @@ var InlineCardUnauthorizedView = /*#__PURE__*/function (_React$Component) {
       event.stopPropagation();
       return onAuthorise();
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderMessage", function () {
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderRightSide", function () {
       var _this$props = _this.props,
-          context = _this$props.context,
           onAuthorise = _this$props.onAuthorise,
-          url = _this$props.url;
-
-      var link = /*#__PURE__*/_react.default.createElement(_styled.LinkAppearance, null, url);
-
-      return !onAuthorise ? link : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, link, ' - ', /*#__PURE__*/_react.default.createElement(_customThemeButton.default, {
+          context = _this$props.context;
+      return onAuthorise ? /*#__PURE__*/_react.default.createElement(_customThemeButton.default, {
         spacing: "none",
         appearance: "subtle-link",
         component: _styled.IconStyledButton,
@@ -96,7 +92,7 @@ var InlineCardUnauthorizedView = /*#__PURE__*/function (_React$Component) {
         values: {
           context: context
         }
-      }))));
+      }))) : undefined;
     });
     return _this;
   }
@@ -116,19 +112,21 @@ var InlineCardUnauthorizedView = /*#__PURE__*/function (_React$Component) {
 
       var inlineCardUnauthenticatedView = /*#__PURE__*/_react.default.createElement(_Frame.Frame, {
         testId: testId,
-        link: url,
-        onClick: onClick,
         isSelected: isSelected
       }, /*#__PURE__*/_react.default.createElement(_IconAndTitleLayout.IconAndTitleLayout, {
         icon: icon ? icon : FallbackUnauthorizedIcon,
-        title: this.renderMessage(),
+        title: url,
+        link: url,
+        rightSide: this.renderRightSide(),
+        onClick: onClick,
         titleColor: (0, _tokens.token)('color.text.subtle', _colors.N500)
       }));
 
       if (showAuthTooltip) {
         return /*#__PURE__*/_react.default.createElement(_HoverCard.HoverCard, {
           url: url,
-          onAuthorize: this.props.onAuthorise
+          onAuthorize: this.props.onAuthorise,
+          id: this.props.id
         }, inlineCardUnauthenticatedView);
       }
 

package/dist/cjs/view/InlineCard/index.js

@@ -129,7 +129,8 @@ var InlineCard = function InlineCard(_ref) {
         onClick: handleFrameClick,
         onAuthorise: handleAuthorize,
         testId: testIdWithStatus,
-        showAuthTooltip: showAuthTooltip
+        showAuthTooltip: showAuthTooltip,
+        id: id
       });
 
     case 'forbidden':

package/dist/cjs/view/InlineCard/styled.js

@@ -22,7 +22,7 @@ var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 var LINK_COLOR_DARK = '#4794FF'; // By default buttons will hide overflow and ellipsis content instead of wrapping.
 // This basically turns the button back into inline content
 
-var IconStyledButton = _styled.default.span(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  text-align: initial !important;\n  display: inline !important;\n\n  &:hover {\n    /* Remove the text-decoration to match other inline card hover states */\n    text-decoration: none !important;\n  }\n\n  > span {\n    display: inline;\n    > span {\n      overflow: initial;\n      text-overflow: initial;\n      white-space: initial;\n    }\n  }\n"])));
+var IconStyledButton = _styled.default.span(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  text-align: initial !important;\n  display: inline !important;\n\n  > span {\n    display: inline;\n    > span {\n      overflow: initial;\n      text-overflow: initial;\n      white-space: initial;\n    }\n  }\n"])));
 
 exports.IconStyledButton = IconStyledButton;
 
@@ -37,7 +37,7 @@ var LowercaseAppearance = _styled.default.span(_templateObject3 || (_templateObj
 
 exports.LowercaseAppearance = LowercaseAppearance;
 
-var LinkAppearance = _styled.default.span(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  color: ", ";\n"])), (0, _components.themed)({
+var LinkAppearance = _styled.default.a(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  color: ", ";\n"])), (0, _components.themed)({
   light: (0, _tokens.token)('color.link', _colors.B400),
   dark: (0, _tokens.token)('color.link', LINK_COLOR_DARK)
 }));

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

@@ -2,6 +2,8 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
+var _typeof = require("@babel/runtime/helpers/typeof");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -9,7 +11,7 @@ exports.default = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 
 var _reactIntlNext = require("react-intl-next");
 
@@ -17,6 +19,10 @@ var _messages = require("../../messages");
 
 var _constants = require("../../constants");
 
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 /**
  * 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
@@ -24,7 +30,11 @@ var _constants = require("../../constants");
 var UnauthorisedViewContent = function UnauthorisedViewContent(_ref) {
   var providerName = _ref.providerName,
       _ref$testId = _ref.testId,
-      testId = _ref$testId === void 0 ? 'unauthorised-view-content' : _ref$testId;
+      testId = _ref$testId === void 0 ? 'unauthorised-view-content' : _ref$testId,
+      analytics = _ref.analytics;
+  var handleLearnMoreClick = (0, _react.useCallback)(function () {
+    analytics === null || analytics === void 0 ? void 0 : analytics.ui.learnMoreClickedEvent();
+  }, [analytics === null || analytics === void 0 ? void 0 : analytics.ui]);
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, providerName ? /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, _messages.messages.connect_unauthorised_account_description, {
     values: {
       context: providerName
@@ -32,7 +42,8 @@ var UnauthorisedViewContent = function UnauthorisedViewContent(_ref) {
   })) : /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.messages.connect_unauthorised_account_description_no_provider), ' ', /*#__PURE__*/_react.default.createElement("a", {
     href: _constants.CONTENT_URL_SECURITY_AND_PERMISSIONS,
     target: "_blank",
-    "data-testid": "".concat(testId, "-learn-more")
+    "data-testid": "".concat(testId, "-learn-more"),
+    onClick: handleLearnMoreClick
   }, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.messages.learn_more_about_smart_links)));
 };
 

package/dist/es2019/constants.js

@@ -230,4 +230,15 @@ export let MediaPlacement;
 (function (MediaPlacement) {
   MediaPlacement["Left"] = "left";
   MediaPlacement["Right"] = "right";
-})(MediaPlacement || (MediaPlacement = {}));
+})(MediaPlacement || (MediaPlacement = {}));
+
+export let CardDisplay;
+
+(function (CardDisplay) {
+  CardDisplay["Inline"] = "inline";
+  CardDisplay["Block"] = "block";
+  CardDisplay["Embed"] = "embed";
+  CardDisplay["EmbedPreview"] = "embedPreview";
+  CardDisplay["Flexible"] = "flexible";
+  CardDisplay["HoverCardPreview"] = "hoverCardPreview";
+})(CardDisplay || (CardDisplay = {}));

package/dist/es2019/extractors/common/actions/extractPreviewAction.js

@@ -1,6 +1,7 @@
 import { extractDownloadUrl } from '../detail';
 import { extractPreview, extractProvider } from '@atlaskit/linking-common/extractors';
 import { PreviewAction } from '../../../view/BlockCard';
+import { CardDisplay } from '../../../constants';
 
 const getMetadataFromJsonLd = (jsonLd, platform) => {
   const download = extractDownloadUrl(jsonLd);
@@ -31,7 +32,7 @@ const getInvokeOpts = (key, action, source) => ({
   // the actions on the preview state are invoked from the
   // preview card. Hence, we have a `source` for distinguishing
   // between the two.
-  source: source || 'preview',
+  source: source || CardDisplay.EmbedPreview,
   action: {
     type: action,
     promise: () => Promise.resolve()

package/dist/es2019/i18n/cs.js

@@ -20,6 +20,7 @@ export default {
   'fabric.linking.connect_link_account_card_view_description': 'Pokud chcete zobrazit náhled tohoto odkazu, připojte svůj účet {context}.',
   'fabric.linking.connect_link_account_card_view_name': 'Připojte svůj účet {context}',
   'fabric.linking.connect_to': 'Připojit k {name}',
+  'fabric.linking.connect_unauthorised_account_action': 'Připojit k: {context}',
   'fabric.linking.couldnt_load_link': 'Tento odkaz se z neznámého důvodu nepodařilo načíst.',
   'fabric.linking.create_on_absolute': 'Vytvořeno: {context}',
   'fabric.linking.create_on_relative': 'Vytvořeno: {context}',
@@ -38,8 +39,12 @@ export default {
   'fabric.linking.more_actions': 'Další akce',
   'fabric.linking.not_found_description': 'Odkaz se nepodařilo najít. Zkontrolujte adresu URL a zkuste ji upravit nebo vložit znovu.',
   'fabric.linking.not_found_title': 'Jejda. Tento odkaz se nepodařilo najít.',
+  'fabric.linking.open_link_in_a_new_tab': 'Otevřít odkaz na nové kartě',
   'fabric.linking.pending_request': 'Vaše žádost o přístup čeká na vyřízení.',
-  'fabric.linking.preview': 'Náhled',
+  'fabric.linking.preview': 'Zobrazení na celou obrazovku',
+  'fabric.linking.preview_close': 'Zavřít náhled',
+  'fabric.linking.preview_max_size': 'Zobrazit na celé obrazovce',
+  'fabric.linking.preview_min_size': 'Zavřít zobrazení na celé obrazovce',
   'fabric.linking.priority_blocker': 'Blokující',
   'fabric.linking.priority_critical': 'Kritická',
   'fabric.linking.priority_high': 'Vysoká',

package/dist/es2019/i18n/da.js

@@ -20,6 +20,7 @@ export default {
   'fabric.linking.connect_link_account_card_view_description': 'Tilknyt din {context}-konto, hvis du vil se en forhåndsvisning af dette link',
   'fabric.linking.connect_link_account_card_view_name': 'Forbind din {context}-konto',
   'fabric.linking.connect_to': 'Forbind til {name}',
+  'fabric.linking.connect_unauthorised_account_action': 'Forbind til {context}',
   'fabric.linking.couldnt_load_link': 'Af en ukendt årsag kunne vi ikke indlæse dette link.',
   'fabric.linking.create_on_absolute': 'Oprettet {context}',
   'fabric.linking.create_on_relative': 'Oprettet: {context}',
@@ -32,14 +33,19 @@ export default {
   'fabric.linking.invalid_permissions': 'Begrænset link',
   'fabric.linking.invalid_permissions_description': 'Anmod om adgang, eller prøv med en anden konto for at se denne forhåndsvisning.',
   'fabric.linking.join_to_view': 'Deltag i {context} for at se denne sag',
+  'fabric.linking.learn_more_about_smart_links_security': 'Få mere at vide om Smart Link-sikkerhed og -tilladelser.',
   'fabric.linking.loading': 'Indlæser ...',
   'fabric.linking.modified_on_absolute': 'Opdateret {context}',
   'fabric.linking.modified_on_relative': 'Opdateret: {context}',
   'fabric.linking.more_actions': 'Flere handlinger',
   'fabric.linking.not_found_description': 'Vi kunne ikke finde linket. Kontrollér og rediger URL-adressen, eller indsæt den igen.',
   'fabric.linking.not_found_title': 'Ups. Vi kan ikke finde dette link!',
+  'fabric.linking.open_link_in_a_new_tab': 'Åbn link i en ny fane',
   'fabric.linking.pending_request': 'Din anmodning om adgang afventer behandling',
-  'fabric.linking.preview': 'Vis',
+  'fabric.linking.preview': 'Fuldskærmsvisning',
+  'fabric.linking.preview_close': 'Luk forhåndsvisning',
+  'fabric.linking.preview_max_size': 'Vis fuld skærm',
+  'fabric.linking.preview_min_size': 'Luk fuld skærm',
   'fabric.linking.priority_blocker': 'Blokering',
   'fabric.linking.priority_critical': 'Kritisk',
   'fabric.linking.priority_high': 'Høj',

package/dist/es2019/i18n/de.js

@@ -20,6 +20,7 @@ export default {
   'fabric.linking.connect_link_account_card_view_description': 'Verbinden Sie Ihr {context}-Konto, um eine Vorschau dieses Links anzuzeigen.',
   'fabric.linking.connect_link_account_card_view_name': 'Verbinden Sie Ihr {context}-Konto',
   'fabric.linking.connect_to': 'Mit {name} verbinden',
+  'fabric.linking.connect_unauthorised_account_action': 'Mit {context} verbinden',
   'fabric.linking.couldnt_load_link': 'Dieser Link konnte aus unbekannten Gründen nicht geladen werden.',
   'fabric.linking.create_on_absolute': 'Erstellt am: {context}',
   'fabric.linking.create_on_relative': 'Erstellt: {context}',
@@ -38,8 +39,12 @@ export default {
   'fabric.linking.more_actions': 'Weitere Aktionen',
   'fabric.linking.not_found_description': 'Der Link konnte nicht gefunden werden. Überprüfen Sie die URL und versuchen Sie die Bearbeitung oder das Einfügen erneut.',
   'fabric.linking.not_found_title': 'Oh! Diese Verknüpfung konnte nicht gefunden werden!',
+  'fabric.linking.open_link_in_a_new_tab': 'Link in neuer Registerkarte öffnen',
   'fabric.linking.pending_request': 'Ihre Zugriffsanfrage ist ausstehend.',
-  'fabric.linking.preview': 'Vorschau',
+  'fabric.linking.preview': 'Vollbildansicht',
+  'fabric.linking.preview_close': 'Vorschau beenden',
+  'fabric.linking.preview_max_size': 'Vollbildansicht anzeigen',
+  'fabric.linking.preview_min_size': 'Vollbildansicht beenden',
   'fabric.linking.priority_blocker': 'Blocker',
   'fabric.linking.priority_critical': 'Kritisch',
   'fabric.linking.priority_high': 'Hoch',

package/dist/es2019/i18n/en.js

@@ -20,6 +20,8 @@ export default {
   'fabric.linking.connect_link_account_card_view_description': 'To show a preview of this link, connect your {context} account.',
   'fabric.linking.connect_link_account_card_view_name': 'Connect your {context} account',
   'fabric.linking.connect_to': 'Connect to {name}',
+  'fabric.linking.connect_unauthorized_account_action': 'Connect to {context}',
+  'fabric.linking.connect_unauthorized_account_description': 'Connect to Atlassian to view more details from your work and collaboration from one place.',
   'fabric.linking.couldnt_load_link': "We couldn't load this link for an unknown reason.",
   'fabric.linking.create_on_absolute': 'Created on {context}',
   'fabric.linking.create_on_relative': 'Created {context}',
@@ -32,14 +34,19 @@ export default {
   'fabric.linking.invalid_permissions': 'Restricted link',
   'fabric.linking.invalid_permissions_description': "You'll need to request access or try a different account to view this preview.",
   'fabric.linking.join_to_view': 'Join {context} to view this issue',
+  'fabric.linking.learn_more_about_smart_links_security': 'Learn more about smart link security and permissions.',
   'fabric.linking.loading': 'Loading...',
   'fabric.linking.modified_on_absolute': 'Updated on {context}',
   'fabric.linking.modified_on_relative': 'Updated {context}',
   'fabric.linking.more_actions': 'More actions',
   'fabric.linking.not_found_description': "We couldn't find the link. Check the url and try editing or paste again.",
   'fabric.linking.not_found_title': "Uh oh. We can't find this link!",
+  'fabric.linking.open_link_in_a_new_tab': 'Open link in a new tab',
   'fabric.linking.pending_request': 'Your access request is pending',
-  'fabric.linking.preview': 'Preview',
+  'fabric.linking.preview': 'Full screen view',
+  'fabric.linking.preview_close': 'Close preview',
+  'fabric.linking.preview_max_size': 'View full screen',
+  'fabric.linking.preview_min_size': 'Close full screen',
   'fabric.linking.priority_blocker': 'Blocker',
   'fabric.linking.priority_critical': 'Critical',
   'fabric.linking.priority_high': 'High',

package/dist/es2019/i18n/en_GB.js

@@ -20,6 +20,8 @@ export default {
   'fabric.linking.connect_link_account_card_view_description': 'To show a preview of this link, connect your {context} account.',
   'fabric.linking.connect_link_account_card_view_name': 'Connect your {context} account',
   'fabric.linking.connect_to': 'Connect to {name}',
+  'fabric.linking.connect_unauthorised_account_action': 'Connect to {context}',
+  'fabric.linking.connect_unauthorised_account_description': 'Connect to Atlassian to view more details from your work and collaboration from one place.',
   'fabric.linking.couldnt_load_link': "We couldn't load this link for an unknown reason.",
   'fabric.linking.create_on_absolute': 'Created on {context}',
   'fabric.linking.create_on_relative': 'Created {context}',
@@ -32,14 +34,19 @@ export default {
   'fabric.linking.invalid_permissions': 'Restricted link',
   'fabric.linking.invalid_permissions_description': "You'll need to request access or try a different account to view this preview.",
   'fabric.linking.join_to_view': 'Join {context} to view this issue',
+  'fabric.linking.learn_more_about_smart_links_security': 'Learn more about smart link security and permissions.',
   'fabric.linking.loading': 'Loading...',
   'fabric.linking.modified_on_absolute': 'Updated on {context}',
   'fabric.linking.modified_on_relative': 'Updated {context}',
   'fabric.linking.more_actions': 'More actions',
   'fabric.linking.not_found_description': "We couldn't find the link. Check the url and try editing or paste again.",
   'fabric.linking.not_found_title': "Uh oh. We can't find this link!",
+  'fabric.linking.open_link_in_a_new_tab': 'Open link in a new tab',
   'fabric.linking.pending_request': 'Your access request is pending',
-  'fabric.linking.preview': 'Preview',
+  'fabric.linking.preview': 'Full screen view',
+  'fabric.linking.preview_close': 'Close preview',
+  'fabric.linking.preview_max_size': 'View full screen',
+  'fabric.linking.preview_min_size': 'Close full screen',
   'fabric.linking.priority_blocker': 'Blocker',
   'fabric.linking.priority_critical': 'Critical',
   'fabric.linking.priority_high': 'High',

package/dist/es2019/i18n/es.js

@@ -20,6 +20,7 @@ export default {
   'fabric.linking.connect_link_account_card_view_description': 'Para mostrar una vista previa de este enlace, conecta tu cuenta de {context}.',
   'fabric.linking.connect_link_account_card_view_name': 'Conecta tu cuenta de {context}',
   'fabric.linking.connect_to': 'Conectarse a {name}',
+  'fabric.linking.connect_unauthorised_account_action': 'Conectarse a {context}',
   'fabric.linking.couldnt_load_link': 'Por algún motivo que desconocemos, no hemos podido cargar este enlace.',
   'fabric.linking.create_on_absolute': 'Creación: {context}',
   'fabric.linking.create_on_relative': 'Fecha de creación: {context}',
@@ -39,7 +40,10 @@ export default {
   'fabric.linking.not_found_description': 'No hemos encontrado el enlace. Comprueba la URL y prueba a editarla, o pégala de nuevo.',
   'fabric.linking.not_found_title': '¡Vaya! No encontramos este enlace',
   'fabric.linking.pending_request': 'Tu solicitud de acceso está pendiente',
-  'fabric.linking.preview': 'Vista previa',
+  'fabric.linking.preview': 'Vista de pantalla completa',
+  'fabric.linking.preview_close': 'Cerrar vista previa',
+  'fabric.linking.preview_max_size': 'Ver a pantalla completa',
+  'fabric.linking.preview_min_size': 'Cerrar pantalla completa',
   'fabric.linking.priority_blocker': 'Impedimento',
   'fabric.linking.priority_critical': 'Crítica',
   'fabric.linking.priority_high': 'Alta',

package/dist/es2019/i18n/fi.js

@@ -20,6 +20,7 @@ export default {
   'fabric.linking.connect_link_account_card_view_description': 'Jotta voit esikatsella tätä linkkiä, yhdistä {context}-tilisi.',
   'fabric.linking.connect_link_account_card_view_name': 'Yhdistä {context}-tilisi',
   'fabric.linking.connect_to': 'Yhdistä kohteeseen {name}',
+  'fabric.linking.connect_unauthorised_account_action': 'Yhdistä kohteeseen {context}',
   'fabric.linking.couldnt_load_link': 'Tämän linkin lataaminen epäonnistui tuntemattomasta syystä.',
   'fabric.linking.create_on_absolute': 'Luotiin {context}',
   'fabric.linking.create_on_relative': 'Luotu {context}',
@@ -32,14 +33,19 @@ export default {
   'fabric.linking.invalid_permissions': 'Rajoitettu linkki',
   'fabric.linking.invalid_permissions_description': 'Pyydä käyttöoikeus tai käytä toista tiliä, jos haluat nähdä tämän esikatselun.',
   'fabric.linking.join_to_view': 'Liity palveluun {context} niin voit tarkastella asiaa',
+  'fabric.linking.learn_more_about_smart_links_security': 'Lue lisää Smart Link -tietoturvasta ja käyttöoikeuksista.',
   'fabric.linking.loading': 'Ladataan...',
   'fabric.linking.modified_on_absolute': 'Päivitetty {context}',
   'fabric.linking.modified_on_relative': 'Päivitetty {context}',
   'fabric.linking.more_actions': 'Lisää toimintoja',
   'fabric.linking.not_found_description': 'Linkkiä ei löytynyt. Tarkista URL-osoite ja muokkaa tai liitä uudelleen.',
   'fabric.linking.not_found_title': 'Oho. Emme löydä tätä linkkiä!',
+  'fabric.linking.open_link_in_a_new_tab': 'Avaa linkki uudessa välilehdessä',
   'fabric.linking.pending_request': 'Käyttöoikeuspyyntösi on vireillä',
-  'fabric.linking.preview': 'Esikatselu',
+  'fabric.linking.preview': 'Koko näytön näkymä',
+  'fabric.linking.preview_close': 'Sulje esikatselu',
+  'fabric.linking.preview_max_size': 'Näytä koko näytöllä',
+  'fabric.linking.preview_min_size': 'Sulje koko näytön tila',
   'fabric.linking.priority_blocker': 'Esto',
   'fabric.linking.priority_critical': 'Kriittinen',
   'fabric.linking.priority_high': 'Korkea',

package/dist/es2019/i18n/fr.js

@@ -20,6 +20,7 @@ export default {
   'fabric.linking.connect_link_account_card_view_description': 'Pour afficher un aperçu de ce lien, connectez votre compte {context}.',
   'fabric.linking.connect_link_account_card_view_name': 'Connectez votre compte {context}',
   'fabric.linking.connect_to': 'Se connecter à {name}',
+  'fabric.linking.connect_unauthorised_account_action': 'Se connecter à {context}',
   'fabric.linking.couldnt_load_link': 'Impossible de charger ce lien pour une raison inconnue.',
   'fabric.linking.create_on_absolute': 'Créé : {context}',
   'fabric.linking.create_on_relative': 'Créé : {context}',
@@ -32,14 +33,19 @@ export default {
   'fabric.linking.invalid_permissions': 'Lien restreint',
   'fabric.linking.invalid_permissions_description': "Vous devrez demander l'accès ou essayer un autre compte pour afficher cet aperçu.",
   'fabric.linking.join_to_view': 'Rejoignez {context} pour consulter ce ticket',
+  'fabric.linking.learn_more_about_smart_links_security': 'En savoir plus sur la sécurité et les autorisations des Smart Links',
   'fabric.linking.loading': 'Chargement en cours…',
   'fabric.linking.modified_on_absolute': 'Mise à jour : {context}',
   'fabric.linking.modified_on_relative': 'Mise à jour : {context}',
   'fabric.linking.more_actions': "Plus d'actions",
   'fabric.linking.not_found_description': "Lien introuvable. Cliquez sur l'URL et essayez de la modifier, ou collez-la de nouveau.",
   'fabric.linking.not_found_title': 'Oups, ce lien est introuvable !',
+  'fabric.linking.open_link_in_a_new_tab': 'Ouvrir le lien dans un nouvel onglet',
   'fabric.linking.pending_request': "Votre demande d'accès est en attente",
-  'fabric.linking.preview': 'Afficher un aperçu',
+  'fabric.linking.preview': 'Affichage plein écran',
+  'fabric.linking.preview_close': "Fermer l'aperçu",
+  'fabric.linking.preview_max_size': 'Afficher le mode Plein écran',
+  'fabric.linking.preview_min_size': 'Fermer le mode Plein écran',
   'fabric.linking.priority_blocker': 'Bloqueur',
   'fabric.linking.priority_critical': 'Critique',
   'fabric.linking.priority_high': 'Élevée',