@atlaskit/smart-card 26.2.0 → 26.2.2

package/dist/es2019/state/hooks/use-resolve/index.js

@@ -1,7 +1,9 @@
 import { useCallback } from 'react';
+import { unstable_batchedUpdates } from 'react-dom';
 import { addMetadataToExperience } from '../../analytics';
 import { getStatus } from '../../helpers';
 import { ACTION_ERROR, ACTION_ERROR_FALLBACK, ACTION_RELOADING, ACTION_RESOLVED, ACTION_UPDATE_METADATA_STATUS, APIError, cardAction } from '@atlaskit/linking-common';
+import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { ERROR_MESSAGE_FATAL, ERROR_MESSAGE_METADATA, ERROR_MESSAGE_OAUTH } from '../../actions/constants';
 import { getUnauthorizedJsonLd } from '../../../utils/jsonld';
 import { SmartLinkStatus } from '../../../constants';
@@ -75,6 +77,20 @@ const useResolve = () => {
       }
     }
   }, [getState, setMetadataStatus, dispatch]);
+  const handleResolvedLinkSuccess = useCallback((resourceUrl, response, isReloading, isMetadataRequest) => {
+    //if a link resolves normally, metadata will also always be resolved
+    setMetadataStatus(resourceUrl, 'resolved');
+    // Dispatch Analytics and resolved card action - including unauthorized states.
+    if (isReloading) {
+      dispatch(cardAction(ACTION_RELOADING, {
+        url: resourceUrl
+      }, response));
+    } else {
+      dispatch(cardAction(ACTION_RESOLVED, {
+        url: resourceUrl
+      }, response, undefined, undefined, isMetadataRequest));
+    }
+  }, [setMetadataStatus, dispatch]);
   const handleResolvedLinkResponse = useCallback((resourceUrl, response, isReloading = false, isMetadataRequest) => {
     const hostname = new URL(resourceUrl).hostname;
     const nextStatus = response ? getStatus(response) : 'fatal';
@@ -97,20 +113,20 @@ const useResolve = () => {
       handleResolvedLinkError(resourceUrl, new APIError('error', hostname, ERROR_MESSAGE_METADATA), response, isMetadataRequest);
       return;
     }
-
-    //if a link resolves normally, metadata will also always be resolved
-    setMetadataStatus(resourceUrl, 'resolved');
-    // Dispatch Analytics and resolved card action - including unauthorized states.
-    if (isReloading) {
-      dispatch(cardAction(ACTION_RELOADING, {
-        url: resourceUrl
-      }, response));
+    if (getBooleanFF('platform.linking-platform.smart-card.enable-analytics-context')) {
+      /**
+       * Using unstable_batchedUpdates because this store update happens async and trigers a rerender
+       * more info:
+       * https://github.com/facebook/react/blob/v18.2.0/packages/use-sync-external-store/src/useSyncExternalStoreShimClient.js#L113
+       * https://react-redux.js.org/api/batch
+       */
+      unstable_batchedUpdates(() => {
+        handleResolvedLinkSuccess(resourceUrl, response, isReloading, isMetadataRequest);
+      });
     } else {
-      dispatch(cardAction(ACTION_RESOLVED, {
-        url: resourceUrl
-      }, response, undefined, undefined, isMetadataRequest));
+      handleResolvedLinkSuccess(resourceUrl, response, isReloading, isMetadataRequest);
     }
-  }, [dispatch, handleResolvedLinkError, hasAuthFlowSupported, setMetadataStatus]);
+  }, [handleResolvedLinkError, handleResolvedLinkSuccess, hasAuthFlowSupported]);
   return useCallback(async (url, isReloading = false, isMetadataRequest = false, id = '') => {
     const {
       details

package/dist/es2019/utils/analytics/SmartLinkAnalyticsContext.js

@@ -0,0 +1,35 @@
+import React, { useMemo } from 'react';
+import { AnalyticsContext } from '@atlaskit/analytics-next';
+import { getResolvedAttributes, getUrlAttributes } from '@atlaskit/link-analytics/resolved-attributes';
+import { isFlexibleUiCard } from '../flexible';
+import { CardDisplay } from '../../constants';
+import { useSmartCardState as useSmartLinkState } from '../../state/store';
+export const SmartLinkAnalyticsContext = ({
+  children,
+  url,
+  appearance,
+  id
+}) => {
+  const {
+    details,
+    status
+  } = useSmartLinkState(url);
+  const resolvedAttributes = getResolvedAttributes({
+    url
+  }, details, status);
+  const {
+    urlHash
+  } = getUrlAttributes(url);
+  const isFlexibleUi = useMemo(() => isFlexibleUiCard(children), [children]);
+  const display = isFlexibleUi ? CardDisplay.Flexible : appearance;
+  return /*#__PURE__*/React.createElement(AnalyticsContext, {
+    data: {
+      attributes: {
+        ...resolvedAttributes,
+        urlHash,
+        display,
+        id
+      }
+    }
+  }, children);
+};

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "26.2.0",
+	"version": "26.2.2",
 	"sideEffects": false
 }

package/dist/es2019/view/BlockCard/actions/PreviewAction.js

@@ -49,17 +49,21 @@ However src, details, icon, title, and providerName are STRONGLY encouraged
 
 export default (({
   details,
+  enableImprovedPreviewAction,
   ...rest
-}) => ({
-  id: 'preview-content',
-  text: /*#__PURE__*/React.createElement(FormattedMessage, messages.preview),
-  promise: props => previewFunction({
-    popupMountPointId: 'twp-editor-preview-iframe',
-    providerName: 'Preview',
-    showModal: true,
-    iframeName: 'twp-editor-preview-iframe',
-    onClose: () => {},
-    ...props,
-    ...rest
-  })
-}));
+}) => {
+  const previewText = enableImprovedPreviewAction ? messages.preview_improved : messages.preview;
+  return {
+    id: 'preview-content',
+    text: /*#__PURE__*/React.createElement(FormattedMessage, previewText),
+    promise: props => previewFunction({
+      popupMountPointId: 'twp-editor-preview-iframe',
+      providerName: 'Preview',
+      showModal: true,
+      iframeName: 'twp-editor-preview-iframe',
+      onClose: () => {},
+      ...props,
+      ...rest
+    })
+  };
+});

package/dist/es2019/view/BlockCard/index.js

@@ -22,6 +22,7 @@ import FlexibleForbiddenView from './views/flexible/FlexibleForbiddenView';
 import { tokens } from '../../utils/token';
 import { css, jsx } from '@emotion/react';
 import { handleClickCommon } from './utils/handlers';
+import { useFeatureFlag } from '@atlaskit/link-provider';
 export { default as PreviewAction } from './actions/PreviewAction';
 export { ForbiddenAction, AuthorizeAction, BlockCardResolvedView, BlockCardResolvingView, BlockCardUnauthorisedView, BlockCardForbiddenView, BlockCardErroredView, BlockCardNotFoundView };
 const flexibleBlockCardElevationStyle = css`
@@ -63,6 +64,7 @@ export const BlockCard = ({
     handleInvoke,
     extensionKey
   };
+  const enableImprovedPreviewAction = Boolean(useFeatureFlag('enableImprovedPreviewAction'));
   if (enableFlexibleBlockCard) {
     const ui = {
       hideElevation: true
@@ -143,7 +145,7 @@ export const BlockCard = ({
         isSelected: isSelected
       });
     case 'resolved':
-      const resolvedViewProps = extractBlockProps(data, meta, extractorOpts, renderers, platform);
+      const resolvedViewProps = extractBlockProps(data, meta, extractorOpts, renderers, platform, enableImprovedPreviewAction);
       if (onResolve) {
         onResolve({
           title: resolvedViewProps.title,

package/dist/es2019/view/CardWithUrl/component.js

@@ -1,6 +1,7 @@
 import React, { useEffect, useCallback, useMemo } from 'react';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 import { useFeatureFlag } from '@atlaskit/link-provider';
+import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { isSpecialEvent } from '../../utils';
 import * as measure from '../../utils/performance';
 import { getDefinitionId, getServices, isFinalState, getClickUrl, getResourceType, getExtensionKey, getSubproduct, getProduct } from '../../state/helpers';
@@ -12,7 +13,8 @@ import { isFlexibleUiCard } from '../../utils/flexible';
 import FlexibleCard from '../FlexibleCard';
 import { CardDisplay } from '../../constants';
 import { fireLinkClickedEvent } from '../../utils/analytics/click';
-export function CardWithUrlContent({
+import { SmartLinkAnalyticsContext } from '../../utils/analytics/SmartLinkAnalyticsContext';
+function Component({
   id,
   url,
   isSelected,
@@ -255,4 +257,9 @@ export function CardWithUrlContent({
         onIframeFocus: onIframeFocus
       });
   }
-}
+}
+export const CardWithUrlContent = props => getBooleanFF('platform.linking-platform.smart-card.enable-analytics-context') ? /*#__PURE__*/React.createElement(SmartLinkAnalyticsContext, {
+  url: props.url,
+  appearance: props.appearance,
+  id: props.id
+}, /*#__PURE__*/React.createElement(Component, props)) : /*#__PURE__*/React.createElement(Component, props);

package/dist/es2019/view/FlexibleCard/components/actions/action/preview-action/index.js

@@ -4,6 +4,9 @@ import Action from '../index';
 import { useFlexibleUiAnalyticsContext } from '../../../../../../state/flexible-ui-context';
 import { useSmartLinkAnalytics } from '../../../../../../state';
 import { openPreviewModal } from '../../../../../EmbedModal/utils';
+import { FormattedMessage } from 'react-intl-next';
+import { messages } from '../../../../../../messages';
+import { useFeatureFlag } from '@atlaskit/link-provider';
 const PreviewAction = props => {
   const {
     appearance,
@@ -20,6 +23,8 @@ const PreviewAction = props => {
   } = props;
   const defaultAnalytics = useSmartLinkAnalytics(url, () => {});
   const analytics = useFlexibleUiAnalyticsContext() || defaultAnalytics;
+  const enableImprovedPreviewAction = Boolean(useFeatureFlag('enableImprovedPreviewAction'));
+  const previewText = enableImprovedPreviewAction ? messages.preview_improved : messages.preview;
   if (src && url) {
     const embedModal = () => openPreviewModal({
       title,
@@ -37,7 +42,8 @@ const PreviewAction = props => {
         if (onClick) {
           onClick();
         }
-      }
+      },
+      content: /*#__PURE__*/React.createElement(FormattedMessage, previewText)
     };
     return /*#__PURE__*/React.createElement(Action, _extends({}, action, {
       appearance: appearance,

package/dist/es2019/view/FlexibleCard/components/actions/utils.js

@@ -46,7 +46,7 @@ const actionMappings = {
       testId: 'smart-action-preview-action',
       content: /*#__PURE__*/React.createElement(FormattedMessage, messages.preview),
       icon: /*#__PURE__*/React.createElement(VidFullScreenOnIcon, {
-        label: "Full screen view"
+        label: "Open preview"
       }),
       tooltipMessage: /*#__PURE__*/React.createElement(FormattedMessage, messages.preview)
     }

package/dist/es2019/view/HoverCard/components/HoverCardComponent.js

@@ -1,5 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 /** @jsx jsx */
+import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import Popup from '@atlaskit/popup';
 import { jsx } from '@emotion/react';
 import React, { useCallback, useMemo, useRef } from 'react';
@@ -9,9 +10,11 @@ import { useSmartCardState as useLinkState } from '../../../state/store';
 import HoverCardContent from '../components/HoverCardContent';
 import { CARD_GAP_PX, HOVER_CARD_Z_INDEX } from '../styled';
 import { CardDisplay } from '../../../constants';
+import { SmartLinkAnalyticsContext } from '../../../utils/analytics/SmartLinkAnalyticsContext';
 export const HoverCardComponent = ({
   children,
   url,
+  id,
   analyticsHandler,
   analytics,
   canOpen = true,
@@ -112,7 +115,23 @@ export const HoverCardComponent = ({
   }, [closeOnChildClick, hideCard]);
   const content = useCallback(({
     update
-  }) => jsx(HoverCardContent, {
+  }) => getBooleanFF('platform.linking-platform.smart-card.enable-analytics-context') ? jsx(SmartLinkAnalyticsContext, {
+    url: url,
+    appearance: CardDisplay.HoverCardPreview,
+    id: id
+  }, jsx(HoverCardContent, {
+    onMouseEnter: initShowCard,
+    onMouseLeave: initHideCard,
+    analytics: analytics,
+    cardActions: filteredActions,
+    cardState: linkState,
+    onActionClick: onActionClick,
+    onResolve: update,
+    renderers: renderers,
+    showServerActions: showServerActions,
+    url: url,
+    id: id
+  })) : jsx(HoverCardContent, {
     onMouseEnter: initShowCard,
     onMouseLeave: initHideCard,
     analytics: analytics,
@@ -123,7 +142,7 @@ export const HoverCardComponent = ({
     renderers: renderers,
     showServerActions: showServerActions,
     url: url
-  }), [analytics, initHideCard, initShowCard, filteredActions, linkState, onActionClick, renderers, showServerActions, url]);
+  }), [analytics, initHideCard, initShowCard, filteredActions, linkState, onActionClick, renderers, showServerActions, url, id]);
   const trigger = useCallback(triggerProps => jsx("span", {
     ref: parentSpan
   }, jsx("span", _extends({}, triggerProps, {

package/dist/es2019/view/HoverCard/components/views/resolved/index.js

@@ -8,17 +8,41 @@ import FlexibleCard from '../../../../FlexibleCard';
 import { getSimulatedMetadata, toActionableMetadata } from '../../../utils';
 import SnippetOrPreview from '../../SnippetOrPreview';
 import { extractMetadata } from '../../../../../extractors/hover/extractMetadata';
-export const toFooterActions = (cardActions, onActionClick) => cardActions.map(action => ({
-  content: action.text,
-  name: ActionName.CustomAction,
-  onClick: () => {
-    if (onActionClick) {
-      onActionClick(action.id);
+import { messages } from '../../../../../messages';
+import { FormattedMessage } from 'react-intl-next';
+export const toFooterActions = (cardActions, onActionClick, enableImprovedPreviewAction) => {
+  const appearance = enableImprovedPreviewAction ? {
+    appearance: 'primary'
+  } : undefined;
+  const previewText = enableImprovedPreviewAction ? messages.preview_improved : messages.preview;
+  return cardActions.map(action => {
+    if (action.id === 'preview-content') {
+      return {
+        content: /*#__PURE__*/React.createElement(FormattedMessage, previewText),
+        name: ActionName.CustomAction,
+        onClick: () => {
+          if (onActionClick) {
+            onActionClick(action.id);
+          }
+          return action.invoke();
+        },
+        testId: action.id,
+        ...appearance
+      };
     }
-    return action.invoke();
-  },
-  testId: action.id
-}));
+    return {
+      content: action.text,
+      name: ActionName.CustomAction,
+      onClick: () => {
+        if (onActionClick) {
+          onActionClick(action.id);
+        }
+        return action.invoke();
+      },
+      testId: action.id
+    };
+  });
+};
 const HoverCardResolvedView = ({
   flexibleCardProps,
   titleBlockProps,
@@ -32,6 +56,7 @@ const HoverCardResolvedView = ({
 }) => {
   var _cardState$details;
   const showActionableElement = useFeatureFlag('enableActionableElement');
+  const enableImprovedPreviewAction = useFeatureFlag('enableImprovedPreviewAction');
   useEffect(() => {
     // Since this hover view is only rendered on resolved status,
     // there is no need to check for statuses.
@@ -40,7 +65,7 @@ const HoverCardResolvedView = ({
       status: cardState.status
     });
   }, [analytics.ui, cardState.status]);
-  const footerActions = useMemo(() => toFooterActions(cardActions, onActionClick), [cardActions, onActionClick]);
+  const footerActions = useMemo(() => toFooterActions(cardActions, onActionClick, Boolean(enableImprovedPreviewAction)), [cardActions, onActionClick, enableImprovedPreviewAction]);
   const data = (_cardState$details = cardState.details) === null || _cardState$details === void 0 ? void 0 : _cardState$details.data;
   const {
     primary,

package/dist/esm/extractors/block/index.js

@@ -28,7 +28,7 @@ var extractBlockDetails = function extractBlockDetails(jsonLd) {
     return !!detail;
   });
 };
-export var extractBlockActions = function extractBlockActions(props, jsonLd, opts, platform, meta) {
+export var extractBlockActions = function extractBlockActions(props, jsonLd, opts, platform, meta, enableImprovedPreviewAction) {
   if (opts) {
     var handleInvoke = opts.handleInvoke;
     var actions = extractActions(jsonLd, handleInvoke);
@@ -36,7 +36,8 @@ export var extractBlockActions = function extractBlockActions(props, jsonLd, opt
       viewProps: props,
       jsonLd: jsonLd,
       platform: platform,
-      meta: meta
+      meta: meta,
+      enableImprovedPreviewAction: enableImprovedPreviewAction
     }));
 
     // The previewAction should always be the last action
@@ -67,7 +68,7 @@ export var extractBlockUsers = function extractBlockUsers(jsonLd) {
     return updatedByMembers || createdByMembers;
   }
 };
-export var extractBlockProps = function extractBlockProps(jsonLd, meta, opts, renderers, platform) {
+export var extractBlockProps = function extractBlockProps(jsonLd, meta, opts, renderers, platform, enableImprovedPreviewAction) {
   var props = {
     link: extractLink(jsonLd),
     title: extractTitle(jsonLd),
@@ -83,6 +84,6 @@ export var extractBlockProps = function extractBlockProps(jsonLd, meta, opts, re
     isTrusted: extractIsTrusted(meta)
   };
   return _objectSpread(_objectSpread({}, props), {}, {
-    actions: extractBlockActions(props, jsonLd, opts, platform, meta)
+    actions: extractBlockActions(props, jsonLd, opts, platform, meta, enableImprovedPreviewAction)
   });
 };

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

@@ -57,7 +57,8 @@ export var extractPreviewAction = function extractPreviewAction(_ref) {
     _ref$source = _ref.source,
     source = _ref$source === void 0 ? 'block' : _ref$source,
     analytics = _ref.analytics,
-    meta = _ref.meta;
+    meta = _ref.meta,
+    enableImprovedPreviewAction = _ref.enableImprovedPreviewAction;
   // Extract metadata from view props & raw JSON-LD.
   var metadataFromJsonLd = getMetadataFromJsonLd(jsonLd, platform);
   var metadataFromViewProps = getMetadataFromResolvedProps(viewProps);
@@ -76,7 +77,8 @@ export var extractPreviewAction = function extractPreviewAction(_ref) {
       onViewActionClick: function onViewActionClick() {
         handleInvoke(getInvokeOpts(key, 'ViewAction'));
       },
-      isSupportTheming: extractIsSupportTheming(meta)
+      isSupportTheming: extractIsSupportTheming(meta),
+      enableImprovedPreviewAction: enableImprovedPreviewAction
     }));
     // Setup props to go through proper Redux 'invocation' flow
     // for analytics, further state management if required in future.

package/dist/esm/i18n/cs.js

@@ -47,6 +47,7 @@ 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_issue_in_jira': 'Otevřít požadavek v Jira',
   'fabric.linking.open_link_in_a_new_tab': 'Otevřít odkaz na nové kartě',
   'fabric.linking.owned_by': 'Vlastník: {context}',
   'fabric.linking.pending_request': 'Vaše žádost o přístup čeká na vyřízení.',
@@ -77,6 +78,9 @@ export default {
   'fabric.linking.save': 'Uložit',
   'fabric.linking.srclink': 'Zobrazit v',
   'fabric.linking.srclinkunknown': 'Zobrazit originál',
+  'fabric.linking.status_change_load_error': 'Načtení stavů a přechodů se nezdařilo',
+  'fabric.linking.status_change_permission_error': 'K provedení přechodu tohoto požadavku nemáte oprávnění.',
+  'fabric.linking.status_change_update_error': 'Aktualizace stavu se nezdařila',
   'fabric.linking.try_again': 'Zkusit znovu',
   'fabric.linking.try_another_account': 'Zkuste jiný účet',
   'fabric.linking.unlink_account': 'Odpojit účet',

package/dist/esm/i18n/da.js

@@ -47,6 +47,7 @@ export default {
   '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_issue_in_jira': 'Åbn sag i Jira',
   'fabric.linking.open_link_in_a_new_tab': 'Åbn link i en ny fane',
   'fabric.linking.owned_by': 'Ejet af {context}',
   'fabric.linking.pending_request': 'Din anmodning om adgang afventer behandling',
@@ -77,6 +78,9 @@ export default {
   'fabric.linking.save': 'Gem',
   'fabric.linking.srclink': 'Vis i',
   'fabric.linking.srclinkunknown': 'Vis original',
+  'fabric.linking.status_change_load_error': 'Vi kunne ikke indlæse statusser og overførsler',
+  'fabric.linking.status_change_permission_error': 'Du har ikke tilladelse til at overføre denne sag.',
+  'fabric.linking.status_change_update_error': 'Vi kunne ikke opdatere statussen',
   'fabric.linking.try_again': 'Prøv igen',
   'fabric.linking.try_another_account': 'Prøv en anden konto',
   'fabric.linking.unlink_account': 'Fjern link til konto',

package/dist/esm/i18n/de.js

@@ -47,6 +47,7 @@ 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_issue_in_jira': 'Vorgang in Jira öffnen',
   'fabric.linking.open_link_in_a_new_tab': 'Link in neuer Registerkarte öffnen',
   'fabric.linking.owned_by': 'Besitzer: {context}',
   'fabric.linking.pending_request': 'Ihre Zugriffsanfrage ist ausstehend.',
@@ -77,6 +78,9 @@ export default {
   'fabric.linking.save': 'Speichern',
   'fabric.linking.srclink': 'Anzeigen in',
   'fabric.linking.srclinkunknown': 'Original anzeigen',
+  'fabric.linking.status_change_load_error': 'Status und Übergänge konnten nicht geladen werden',
+  'fabric.linking.status_change_permission_error': 'Sie sind nicht berechtigt, diesen Vorgang weiterzugeben.',
+  'fabric.linking.status_change_update_error': 'Der Status konnte nicht aktualisiert werden',
   'fabric.linking.try_again': 'Versuchen Sie es erneut.',
   'fabric.linking.try_another_account': 'Versuchen Sie es mit einem anderen Konto erneut.',
   'fabric.linking.unlink_account': 'Kontoverknüpfung löschen',

package/dist/esm/i18n/en_ZZ.js

@@ -7,21 +7,54 @@
  */
 //
 export default {
+  'fabric.linking.actions': '⁣⁢Actions؜‌‌⁠‌⁡‌‌؜⁣⁤',
+  'fabric.linking.add_account': '⁣⁢Add account‌‍‌⁡⁠⁠‌‌⁡‌⁠⁣⁤',
+  'fabric.linking.cancel': '⁣⁢Cancel؜⁡‌‌؜⁡‌‌⁠‍‍‍⁣⁤',
   'fabric.linking.cannot_connect': "⁣⁢Can't connect, try again‌‍‍⁡؜؜⁡‌⁡⁣⁤",
   'fabric.linking.cannot_find_link': "⁣⁢Can't find link⁡‌‌‌‌⁡‍⁡⁣⁤",
-  'fabric.linking.click_to_join': '⁣⁢Join {context} to view this issue‌⁡؜⁡⁠⁠⁣⁤',
+  'fabric.linking.check_this_link': '⁣⁢Check this link‌‌؜‌⁡⁠؜⁡‌‍؜⁣⁤',
+  'fabric.linking.click_to_join': '⁣⁢Join {context}؜⁠⁠‌⁠‍؜‌⁠‍⁣⁤',
+  'fabric.linking.click_to_join_description': "⁣⁢You've been approved, so you can join {context} right away.‌‌؜⁠⁠⁡‌⁡⁡⁣⁤",
+  'fabric.linking.close': '⁣⁢Close⁠‍؜⁡⁡‍‍⁠؜⁣⁤',
+  'fabric.linking.connect_account_description': "⁣⁢We'll open a new page to help you connect your {name} account⁠⁠⁡‌⁠؜⁠‍‍⁣⁤",
   'fabric.linking.connect_link_account': '⁣⁢Connect to preview‌‍‍‍⁠‍⁠‌⁡‌‍‍⁣⁤',
+  'fabric.linking.connect_link_account_card_view': '⁣⁢Connect⁡؜⁠‍‍⁣⁤',
+  '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 of your work and collaborate from one place.⁠⁡؜⁡؜⁡⁡‌؜‍؜‌‍⁣⁤',
+  'fabric.linking.continue': '⁣⁢Continue‌؜⁡؜⁠⁡⁠‌؜⁠⁣⁤',
+  'fabric.linking.copy_url_to_clipboard': '⁣⁢Copy link⁡‍⁠‍‌‍⁡⁠⁣⁤',
+  '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}؜؜‌‌‌⁡⁠؜⁣⁤',
   'fabric.linking.created_by': '⁣⁢Created by {context}⁠‌؜‍؜‍⁠⁡؜؜⁡⁣⁤',
   'fabric.linking.delete': '⁣⁢Delete‍⁡؜؜‍؜⁡‌⁠⁠⁣⁤',
+  'fabric.linking.download': '⁣⁢Download‌‍‍؜⁠؜⁡⁡‍⁣⁤',
   'fabric.linking.edit': '⁣⁢Edit‌⁠⁠‍؜‌⁡‍‍⁠⁣⁤',
   'fabric.linking.forbidden_access': '⁣⁢Your access is forbidden؜‌⁠؜⁡‌؜⁠‌‍‌⁣⁤',
-  'fabric.linking.invalid_permissions': '⁣⁢Restricted link, try another account‍⁠⁠؜‌؜⁡‌⁡‍‍⁡⁣⁤',
+  'fabric.linking.forbidden_description': '⁣⁢You don’t have access to this preview. Contact the site admin if you need access.‍⁠‍‍⁠؜‌‌⁣⁤',
+  'fabric.linking.go_back': '⁣⁢Go back‌‍‌‌‍⁡؜⁡؜‌‍⁣⁤',
+  'fabric.linking.invalid_permissions': '⁣⁢Restricted content‌⁡‌؜⁠⁡؜‍⁡⁣⁤',
+  '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': '⁣⁢Learn more about Smart Links.⁡‌⁡‌؜⁠⁡‍‌⁠⁡؜‌⁡⁣⁤',
+  'fabric.linking.link_safety_warning_message': '⁣⁢The link {unsafeLinkText} is taking you to a different site, <a>actual link here</a>؜‌؜‍⁠‍‌⁣⁤',
+  '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_issue_in_jira': '⁣⁢Open issue in Jira‍؜⁠؜؜‍‌‍⁠⁣⁤',
+  'fabric.linking.open_link_in_a_new_tab': '⁣⁢Open link in a new tab؜⁡‍‍⁠⁡‍‌⁣⁤',
+  'fabric.linking.owned_by': '⁣⁢Owned by {context}⁠‍‍⁣⁤',
   'fabric.linking.pending_request': '⁣⁢Your access request is pending⁡⁠‌⁠⁣⁤',
+  '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‍⁠⁠‌؜‍⁡‍⁠⁣⁤',
@@ -33,7 +66,24 @@ export default {
   'fabric.linking.priority_minor': '⁣⁢Minor⁠⁠‍؜‍⁠⁣⁤',
   'fabric.linking.priority_trivial': '⁣⁢Trivial⁡‌⁠؜؜‍؜⁡⁡⁠⁡⁡⁡⁣⁤',
   'fabric.linking.priority_undefined': '⁣⁢Undefined⁠⁡⁡؜‌⁡⁠‍⁠⁡⁠⁣⁤',
-  'fabric.linking.request_access': '⁣⁢Request access to {context} to view this issue⁠⁠⁠‌‌‌‌؜⁡‌⁣⁤',
+  'fabric.linking.request_access': '⁣⁢Request access؜‌؜‌‍‌‌⁠⁡⁣⁤',
+  'fabric.linking.request_access_description': '⁣⁢Request access to {context} view this preview.؜‌‌⁡‌‍‌‍⁣⁤',
+  'fabric.linking.request_access_pending': '⁣⁢Access pending؜؜⁠؜؜؜⁠‌‍؜؜‌؜⁣⁤',
+  'fabric.linking.request_access_pending_description': '⁣⁢Your access request is pending.‌⁠⁡⁠‍؜⁡‍؜‍؜؜‌⁣⁤',
+  'fabric.linking.request_access_to_view': '⁣⁢Request access to {context} to view this issue؜⁠⁡⁡‍⁡⁠‍⁣⁤',
   'fabric.linking.request_denied': '⁣⁢Your access request was denied؜‌⁡⁠‍⁡؜⁡‌‍⁣⁤',
-  'fabric.linking.updated_by': '⁣⁢Modified by {context}؜⁠‍‍⁡⁡‌⁡‌⁣⁤'
+  'fabric.linking.request_denied_description': '⁣⁢Your access request was denied. Contact the site admin if you still need access.⁡⁡⁠⁡‌⁡‍؜⁡‌⁡؜؜⁣⁤',
+  'fabric.linking.restricted_link': '⁣⁢Restricted link, try another account؜‌‍⁡⁠‌‌‌⁡‍⁣⁤',
+  'fabric.linking.retry': '⁣⁢Retry؜‌⁠⁠‍⁠‍⁣⁤',
+  'fabric.linking.save': '⁣⁢Save⁠‌‍‌⁠⁠؜⁠⁠؜⁣⁤',
+  'fabric.linking.srclink': '⁣⁢View in؜‌‌⁡‍؜⁠‌⁠‌؜‌‍؜⁣⁤',
+  'fabric.linking.srclinkunknown': '⁣⁢View Original؜‌‌⁡⁡‍⁠⁠⁡‌‍‍؜‌⁡⁣⁤',
+  'fabric.linking.status_change_load_error': '⁣⁢We couldn’t load the statuses and transitions⁠⁡‍؜⁡‍⁠⁣⁤',
+  'fabric.linking.status_change_permission_error': '⁣⁢You don’t have permission to transition this issue.⁡‍⁠‌‍‌؜؜⁣⁤',
+  'fabric.linking.status_change_update_error': '⁣⁢We couldn’t update the status⁠‌⁠‍⁠‍‍⁡⁠‍‌⁠⁡‌‍⁣⁤',
+  'fabric.linking.try_again': '⁣⁢Try again؜؜؜⁠‍⁠‌⁡‌⁣⁤',
+  'fabric.linking.try_another_account': '⁣⁢Try another account؜‌؜؜‍‍؜‌⁠⁠⁠⁠⁣⁤',
+  'fabric.linking.unlink_account': '⁣⁢Unlink Account⁠⁡⁡‌⁡⁣⁤',
+  'fabric.linking.updated_by': '⁣⁢Modified by {context}؜⁠‍‍⁡⁡‌⁡‌⁣⁤',
+  'fabric.linking.view': '⁣⁢View⁡‍⁠‍⁠؜؜⁠⁡؜‌‌⁣⁤'
 };

package/dist/esm/i18n/es.js

@@ -47,6 +47,7 @@ export default {
   'fabric.linking.more_actions': 'Más acciones',
   '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.open_issue_in_jira': 'Abrir incidencia en Jira',
   'fabric.linking.open_link_in_a_new_tab': 'Abrir enlace en una nueva pestaña',
   'fabric.linking.owned_by': 'Propiedad de {context}',
   'fabric.linking.pending_request': 'Tu solicitud de acceso está pendiente',
@@ -77,6 +78,9 @@ export default {
   'fabric.linking.save': 'Guardar',
   'fabric.linking.srclink': 'Ver en',
   'fabric.linking.srclinkunknown': 'Ver original',
+  'fabric.linking.status_change_load_error': 'No hemos podido cargar los estados ni las transiciones',
+  'fabric.linking.status_change_permission_error': 'No tienes permiso para realizar la transición de esta incidencia.',
+  'fabric.linking.status_change_update_error': 'No hemos podido actualizar el estado',
   'fabric.linking.try_again': 'Volver a intentarlo',
   'fabric.linking.try_another_account': 'Probar otra cuenta',
   'fabric.linking.unlink_account': 'Desvincular cuenta',

package/dist/esm/i18n/fi.js

@@ -47,7 +47,9 @@ export default {
   '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_issue_in_jira': 'Avaa asia Jirassa',
   'fabric.linking.open_link_in_a_new_tab': 'Avaa linkki uudessa välilehdessä',
+  'fabric.linking.owned_by': 'Omistaja: {context}',
   'fabric.linking.pending_request': 'Käyttöoikeuspyyntösi on vireillä',
   'fabric.linking.preview': 'Koko näytön näkymä',
   'fabric.linking.preview_close': 'Sulje esikatselu',
@@ -76,6 +78,9 @@ export default {
   'fabric.linking.save': 'Tallenna',
   'fabric.linking.srclink': 'Näytä kohteessa',
   'fabric.linking.srclinkunknown': 'Näytä alkuperäinen',
+  'fabric.linking.status_change_load_error': 'Tiloja ja siirtymiä ei voitu ladata',
+  'fabric.linking.status_change_permission_error': 'Sinulla ei ole oikeuksia siirtää tätä asiaa.',
+  'fabric.linking.status_change_update_error': 'Tilan päivitys epäonnistui',
   'fabric.linking.try_again': 'Yritä uudelleen',
   'fabric.linking.try_another_account': 'Kokeile toista tiliä',
   'fabric.linking.unlink_account': 'Poista tilin linkitys',

package/dist/esm/i18n/fr.js

@@ -47,6 +47,7 @@ export default {
   '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_issue_in_jira': 'Ouvrir le ticket dans Jira',
   'fabric.linking.open_link_in_a_new_tab': 'Ouvrir le lien dans un nouvel onglet',
   'fabric.linking.owned_by': 'Propriétaire : {context}',
   'fabric.linking.pending_request': "Votre demande d'accès est en attente",
@@ -77,6 +78,9 @@ export default {
   'fabric.linking.save': 'Enregistrer',
   'fabric.linking.srclink': 'Afficher dans',
   'fabric.linking.srclinkunknown': "Afficher l'original",
+  'fabric.linking.status_change_load_error': 'Impossible de charger les états et les transitions',
+  'fabric.linking.status_change_permission_error': "Vous n'avez pas l'autorisation de transitionner ce ticket.",
+  'fabric.linking.status_change_update_error': "Impossible de mettre à jour l'état",
   'fabric.linking.try_again': 'Réessayez',
   'fabric.linking.try_another_account': 'Essayez un autre compte',
   'fabric.linking.unlink_account': 'Dissocier le compte',