@atlaskit/smart-card 19.1.15 → 19.1.18

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

@@ -205,13 +205,14 @@ export var uiCardClickedEvent = function uiCardClickedEvent(id, display, status,
     })
   };
 };
-export var uiActionClickedEvent = function uiActionClickedEvent(actionType, extensionKey, display) {
+export var uiActionClickedEvent = function uiActionClickedEvent(id, actionType, extensionKey, display) {
   return {
     action: 'clicked',
     actionSubject: 'button',
     actionSubjectId: uiActionSubjectIds[actionType],
     eventType: 'ui',
     attributes: _objectSpread(_objectSpread({}, context), {}, {
+      id: id,
       display: display,
       extensionKey: extensionKey || '',
       actionType: actionType
@@ -265,12 +266,13 @@ export var uiRenderFailedEvent = function uiRenderFailedEvent(display, error, er
     }
   };
 };
-export var uiHoverCardViewedEvent = function uiHoverCardViewedEvent(previewDisplay, definitionId, extensionKey, previewInvokeMethod) {
+export var uiHoverCardViewedEvent = function uiHoverCardViewedEvent(id, previewDisplay, definitionId, extensionKey, previewInvokeMethod) {
   return {
     action: 'viewed',
     actionSubject: 'hoverCard',
     eventType: 'ui',
     attributes: _objectSpread(_objectSpread({}, context), {}, {
+      id: id,
       definitionId: definitionId || '',
       extensionKey: extensionKey || '',
       previewDisplay: previewDisplay,
@@ -278,12 +280,13 @@ export var uiHoverCardViewedEvent = function uiHoverCardViewedEvent(previewDispl
     })
   };
 };
-export var uiHoverCardDismissedEvent = function uiHoverCardDismissedEvent(previewDisplay, hoverTime, definitionId, extensionKey, previewInvokeMethod) {
+export var uiHoverCardDismissedEvent = function uiHoverCardDismissedEvent(id, previewDisplay, hoverTime, definitionId, extensionKey, previewInvokeMethod) {
   return {
     action: 'dismissed',
     actionSubject: 'hoverCard',
     eventType: 'ui',
     attributes: _objectSpread(_objectSpread({}, context), {}, {
+      id: id,
       definitionId: definitionId || '',
       extensionKey: extensionKey || '',
       hoverTime: hoverTime,
@@ -292,13 +295,14 @@ export var uiHoverCardDismissedEvent = function uiHoverCardDismissedEvent(previe
     })
   };
 };
-export var uiHoverCardOpenLinkClickedEvent = function uiHoverCardOpenLinkClickedEvent(previewDisplay, definitionId, extensionKey, previewInvokeMethod) {
+export var uiHoverCardOpenLinkClickedEvent = function uiHoverCardOpenLinkClickedEvent(id, previewDisplay, definitionId, extensionKey, previewInvokeMethod) {
   return {
     action: 'clicked',
     actionSubject: 'button',
     actionSubjectId: 'shortcutGoToLink',
     eventType: 'ui',
     attributes: _objectSpread(_objectSpread({}, context), {}, {
+      id: id,
       definitionId: definitionId || '',
       extensionKey: extensionKey || '',
       previewDisplay: previewDisplay,

package/dist/esm/version.json

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

package/dist/esm/view/CardWithUrl/component-lazy/LazyFallback.js

@@ -3,13 +3,15 @@ import { CardLinkView } from '../../../view/LinkView';
 export var loadingPlaceholderClassName = 'smart-link-loading-placeholder';
 export var LoadingCardLink = function LoadingCardLink(_ref) {
   var isSelected = _ref.isSelected,
-      url = _ref.url;
+      url = _ref.url,
+      placeholder = _ref.placeholder;
   return /*#__PURE__*/React.createElement(CardLinkView, {
     key: 'lazy-render-key',
     testId: 'lazy-render-placeholder',
     "data-trello-do-not-use-override": "lazy-render-placeholder-trello",
     isSelected: isSelected,
     link: url,
-    className: loadingPlaceholderClassName
+    className: loadingPlaceholderClassName,
+    placeholder: placeholder
   });
 };

package/dist/esm/view/CardWithUrl/loader.js

@@ -42,7 +42,8 @@ export function CardWithURLRenderer(props) {
       children = props.children,
       ui = props.ui,
       showHoverPreview = props.showHoverPreview,
-      analyticsEvents = props.analyticsEvents; // Wrapper around analytics.
+      analyticsEvents = props.analyticsEvents,
+      placeholder = props.placeholder; // Wrapper around analytics.
 
   var dispatchAnalytics = useCallback(function (analyticsPayload) {
     if (analyticsPayload && analyticsPayload.attributes) {
@@ -100,7 +101,8 @@ export function CardWithURLRenderer(props) {
     inlinePreloaderStyle: inlinePreloaderStyle,
     ui: ui,
     showHoverPreview: showHoverPreview,
-    analyticsEvents: analyticsEvents
+    analyticsEvents: analyticsEvents,
+    placeholder: placeholder
   };
   return /*#__PURE__*/React.createElement(ErrorBoundary, {
     FallbackComponent: ErrorFallback,

package/dist/esm/view/FlexibleCard/components/elements/date-time/index.js

@@ -35,7 +35,8 @@ var DateTime = function DateTime(_ref) {
       overrideCss = _ref.overrideCss,
       type = _ref.type,
       _ref$testId = _ref.testId,
-      testId = _ref$testId === void 0 ? 'smart-element-date-time' : _ref$testId;
+      testId = _ref$testId === void 0 ? 'smart-element-date-time' : _ref$testId,
+      text = _ref.text;
 
   var _useIntl = useIntl(),
       formatRelativeTime = _useIntl.formatRelativeTime,
@@ -72,7 +73,7 @@ var DateTime = function DateTime(_ref) {
     "data-separator": true,
     "data-smart-element-date-time": true,
     "data-testid": testId
-  }, jsx(FormattedMessage, _extends({}, typeToDescriptorMap[type][typeVariant], {
+  }, text ? "".concat(text, " ").concat(context) : jsx(FormattedMessage, _extends({}, typeToDescriptorMap[type][typeVariant], {
     values: {
       context: context
     }

package/dist/esm/view/HoverCard/components/hover-card-content.js

@@ -0,0 +1,99 @@
+import React, { useCallback, useEffect, useMemo } from 'react';
+import { extractMetadata } from '../../../extractors/hover/extractMetadata';
+import { getSimulatedMetadata, HOVER_CARD_ANALYTICS_DISPLAY } from '../utils';
+import extractPreview from '../../../extractors/flexible/extract-preview';
+import { ActionName, SmartLinkSize, SmartLinkTheme } from '../../../constants';
+import FlexibleCard from '../../FlexibleCard';
+import { FooterBlock, MetadataBlock, PreviewBlock, SnippetBlock, TitleBlock } from '../../FlexibleCard/components/blocks';
+import { isSpecialEvent } from '../../../utils';
+import ShortcutIcon from '@atlaskit/icon/glyph/shortcut';
+import { getExtensionKey } from '../../../state/helpers';
+var flexibleUiOptions = {
+  hideElevation: true,
+  size: SmartLinkSize.Large,
+  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
+  theme: SmartLinkTheme.Black
+};
+
+var getOpenAction = function getOpenAction(url, analytics) {
+  return {
+    name: ActionName.CustomAction,
+    icon: /*#__PURE__*/React.createElement(ShortcutIcon, {
+      label: "open in new tab",
+      size: "medium"
+    }),
+    iconPosition: 'before',
+    onClick: function onClick() {
+      window.open(url, '_blank');
+      analytics.ui.hoverCardOpenLinkClickedEvent('card');
+    },
+    testId: 'hover-card-open-button'
+  };
+};
+
+var toFooterActions = function toFooterActions(cardActions) {
+  return cardActions.map(function (action) {
+    return {
+      content: action.text,
+      name: ActionName.CustomAction,
+      onClick: function onClick() {
+        return action.invoke();
+      },
+      testId: action.id
+    };
+  });
+};
+
+var HoverCardContent = function HoverCardContent(_ref) {
+  var _cardState$details;
+
+  var analytics = _ref.analytics,
+      _ref$cardActions = _ref.cardActions,
+      cardActions = _ref$cardActions === void 0 ? [] : _ref$cardActions,
+      cardState = _ref.cardState,
+      onResolve = _ref.onResolve,
+      renderers = _ref.renderers,
+      url = _ref.url;
+  useEffect(function () {
+    // Since hover preview only render on resolved status,
+    // there is no need to check for statuses.
+    analytics.ui.renderSuccessEvent(HOVER_CARD_ANALYTICS_DISPLAY, cardState.status);
+  }, [analytics.ui, cardState.status]);
+  var extensionKey = useMemo(function () {
+    return getExtensionKey(cardState.details);
+  }, [cardState.details]);
+  var onClick = useCallback(function (event) {
+    var isModifierKeyPressed = isSpecialEvent(event);
+    analytics.ui.cardClickedEvent(undefined, HOVER_CARD_ANALYTICS_DISPLAY, cardState.status, undefined, undefined, isModifierKeyPressed);
+  }, [cardState.status, analytics.ui]);
+  var titleActions = useMemo(function () {
+    return [getOpenAction(url, analytics)];
+  }, [url, analytics]);
+  var footerActions = useMemo(function () {
+    return toFooterActions(cardActions);
+  }, [cardActions]); //TODO: EDM-3224 deleted simulated and use real JsonLd
+
+  var _extractMetadata = extractMetadata(getSimulatedMetadata(extensionKey)),
+      primary = _extractMetadata.primary,
+      secondary = _extractMetadata.secondary;
+
+  var data = (_cardState$details = cardState.details) === null || _cardState$details === void 0 ? void 0 : _cardState$details.data;
+  var body = data && extractPreview(data) ? /*#__PURE__*/React.createElement(PreviewBlock, null) : /*#__PURE__*/React.createElement(SnippetBlock, null);
+  return /*#__PURE__*/React.createElement(FlexibleCard, {
+    cardState: cardState,
+    onClick: onClick,
+    onResolve: onResolve,
+    renderers: renderers,
+    ui: flexibleUiOptions,
+    url: url
+  }, /*#__PURE__*/React.createElement(TitleBlock, {
+    actions: titleActions
+  }), /*#__PURE__*/React.createElement(MetadataBlock, {
+    primary: primary,
+    secondary: secondary
+  }), body, /*#__PURE__*/React.createElement(FooterBlock, {
+    actions: footerActions
+  }));
+};
+
+export default HoverCardContent;

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

@@ -3,22 +3,17 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 
 /** @jsx jsx */
 import { jsx } from '@emotion/core';
-import React, { useCallback, useRef, useMemo } from 'react';
-import { TitleBlock, SnippetBlock, FooterBlock, MetadataBlock, PreviewBlock } from '../FlexibleCard/components/blocks';
-import { Card } from '../Card';
+import React, { useCallback, useRef } from 'react';
 import Popup from '@atlaskit/popup';
-import { SmartLinkSize, ActionName, SmartLinkTheme } from '../../constants';
 import { useSmartLinkActions } from '../../state/hooks-external/useSmartLinkActions';
 import { HoverCardContainer } from './styled';
-import ShortcutIcon from '@atlaskit/icon/glyph/shortcut';
-import { withAnalyticsEvents, withAnalyticsContext } from '@atlaskit/analytics-next';
+import { withAnalyticsContext, withAnalyticsEvents } from '@atlaskit/analytics-next';
 import { fireSmartLinkEvent } from '../../utils/analytics';
 import { useSmartCardState as useLinkState } from '../../state/store';
 import { useSmartLinkAnalytics } from '../../state/analytics';
-import { getExtensionKey, getDefinitionId } from '../../state/helpers';
-import { extractMetadata } from '../../extractors/hover/extractMetadata';
-import { getSimulatedMetadata } from './utils';
-import extractPreview from '../../extractors/flexible/extract-preview';
+import { useSmartLinkRenderers } from '../../state/renderers';
+import HoverCardContent from './components/hover-card-content';
+import { HOVER_CARD_ANALYTICS_DISPLAY } from './utils';
 export var HoverCardComponent = function HoverCardComponent(_ref) {
   var children = _ref.children,
       id = _ref.id,
@@ -37,14 +32,9 @@ export var HoverCardComponent = function HoverCardComponent(_ref) {
   var fadeOutTimeoutId = useRef();
   var fadeInTimeoutId = useRef();
   var cardOpenTime = useRef();
+  var renderers = useSmartLinkRenderers();
   var linkState = useLinkState(url);
   var analytics = useSmartLinkAnalytics(url, analyticsHandler, id);
-  var extensionKey = useMemo(function () {
-    return getExtensionKey(linkState.details);
-  }, [linkState]);
-  var definitionId = useMemo(function () {
-    return getDefinitionId(linkState.details);
-  }, [linkState]);
   var initHideCard = useCallback(function () {
     if (fadeInTimeoutId.current) {
       clearTimeout(fadeInTimeoutId.current);
@@ -54,12 +44,12 @@ export var HoverCardComponent = function HoverCardComponent(_ref) {
       //Check its previously open to avoid firing events when moving between the child and hover card components
       if (isOpen === true && cardOpenTime.current) {
         var hoverTime = Date.now() - cardOpenTime.current;
-        analytics.ui.hoverCardDismissedEvent('card', hoverTime, definitionId, extensionKey, 'mouse_hover');
+        analytics.ui.hoverCardDismissedEvent('card', hoverTime, 'mouse_hover');
       }
 
       setIsOpen(false);
     }, delay);
-  }, [delay, isOpen, definitionId, extensionKey, analytics]);
+  }, [delay, isOpen, analytics.ui]);
   var initShowCard = useCallback(function () {
     if (fadeOutTimeoutId.current) {
       clearTimeout(fadeOutTimeoutId.current);
@@ -69,78 +59,17 @@ export var HoverCardComponent = function HoverCardComponent(_ref) {
       //Check if its previously closed to avoid firing events when moving between the child and hover card components
       if (isOpen === false) {
         cardOpenTime.current = Date.now();
-        analytics.ui.hoverCardViewedEvent('card', definitionId, extensionKey, 'mouse_hover');
+        analytics.ui.hoverCardViewedEvent('card', 'mouse_hover');
       }
 
       setIsOpen(true);
     }, delay);
-  }, [delay, isOpen, definitionId, extensionKey, analytics]);
+  }, [delay, isOpen, analytics.ui]);
   var linkActions = useSmartLinkActions({
     url: url,
-    appearance: 'block',
+    appearance: HOVER_CARD_ANALYTICS_DISPLAY,
     analyticsHandler: analyticsHandler
   });
-  var smartlinkActions = useMemo(function () {
-    return linkActions.map(function (action) {
-      return {
-        content: action.text,
-        name: ActionName.CustomAction,
-        onClick: function onClick() {
-          return action.invoke();
-        },
-        testId: action.id
-      };
-    });
-  }, [linkActions]);
-  var openAction = useMemo(function () {
-    return {
-      name: ActionName.CustomAction,
-      icon: jsx(ShortcutIcon, {
-        label: "open in new tab",
-        size: "medium"
-      }),
-      iconPosition: 'before',
-      onClick: function onClick() {
-        window.open(url, '_blank');
-        analytics.ui.hoverCardOpenLinkClickedEvent('card', definitionId, extensionKey);
-      },
-      testId: 'hover-card-open-button'
-    };
-  }, [url, definitionId, extensionKey, analytics]);
-
-  var CardComponent = function CardComponent(_ref2) {
-    var _linkState$details;
-
-    var update = _ref2.update;
-    //TODO: EDM-3224 deleted simulated and use real JsonLd
-    var metadataElements = extractMetadata(getSimulatedMetadata(extensionKey));
-    var linkData = (_linkState$details = linkState.details) === null || _linkState$details === void 0 ? void 0 : _linkState$details.data;
-    var content = extractPreview(linkData) ? jsx(PreviewBlock, null) : jsx(SnippetBlock, null);
-    return jsx("div", {
-      onMouseEnter: initShowCard,
-      onMouseLeave: initHideCard,
-      css: HoverCardContainer
-    }, jsx(Card, {
-      id: id,
-      appearance: "block",
-      url: url,
-      ui: {
-        hideElevation: true,
-        size: SmartLinkSize.Large,
-        // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
-        theme: SmartLinkTheme.Black
-      },
-      onResolve: update
-    }, jsx(TitleBlock, {
-      actions: [openAction]
-    }), jsx(MetadataBlock, {
-      primary: metadataElements.primary,
-      secondary: metadataElements.secondary
-    }), content, jsx(FooterBlock, {
-      actions: smartlinkActions
-    })));
-  };
-
   var onClose = useCallback(function () {
     return setIsOpen(false);
   }, []);
@@ -149,11 +78,20 @@ export var HoverCardComponent = function HoverCardComponent(_ref) {
     isOpen: isOpen,
     onClose: onClose,
     placement: "bottom-start",
-    content: function content(_ref3) {
-      var update = _ref3.update;
-      return jsx(CardComponent, {
-        update: update
-      });
+    content: function content(_ref2) {
+      var update = _ref2.update;
+      return jsx("div", {
+        onMouseEnter: initShowCard,
+        onMouseLeave: initHideCard,
+        css: HoverCardContainer
+      }, jsx(HoverCardContent, {
+        analytics: analytics,
+        cardActions: linkActions,
+        cardState: linkState,
+        onResolve: update,
+        renderers: renderers,
+        url: url
+      }));
     },
     trigger: function trigger(triggerProps) {
       return jsx("span", _extends({}, triggerProps, {

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

@@ -1,3 +1,4 @@
+export var HOVER_CARD_ANALYTICS_DISPLAY = 'flexible';
 export var getSimulatedMetadata = function getSimulatedMetadata() {
   var extensionKey = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
 

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

@@ -27,7 +27,7 @@ export var CardLinkView = /*#__PURE__*/function (_React$PureComponent) {
     value: function render() {
       return /*#__PURE__*/React.createElement(Frame, _extends({
         withoutBackground: true
-      }, this.props), this.props.link);
+      }, this.props), this.props.placeholder || this.props.link);
     }
   }]);
 

package/dist/types/extractors/block/types.d.ts

@@ -1,8 +1,10 @@
 import { InvokeHandler } from '../../model/invoke-handler';
 import { AnalyticsHandler } from '../../utils/types';
+import { CardInnerAppearance } from '../../view/Card/types';
 export interface ExtractBlockOpts {
     handleInvoke: InvokeHandler;
     handleAnalytics: AnalyticsHandler;
     extensionKey?: string;
+    source?: CardInnerAppearance;
     testId?: string;
 }

package/dist/types/extractors/common/actions/extractPreviewAction.d.ts

@@ -1,5 +1,6 @@
 import { JsonLd } from 'json-ld-types';
 import { InvokeHandler } from '../../../model/invoke-handler';
+import { CardInnerAppearance } from '../../../view/Card/types';
 import { AnalyticsHandler } from '../../../utils/types';
 import { BlockCardResolvedViewProps } from '../../../view/BlockCard';
-export declare const extractPreviewAction: (extensionKey: string | undefined, viewProps: BlockCardResolvedViewProps, jsonLd: JsonLd.Data.BaseData, handleInvoke: InvokeHandler, handleAnalytics: AnalyticsHandler, testId?: string | undefined, platform?: JsonLd.Primitives.Platforms | undefined) => import("../../../view/BlockCard/components/Action").ActionProps | undefined;
+export declare const extractPreviewAction: (extensionKey: string | undefined, viewProps: BlockCardResolvedViewProps, jsonLd: JsonLd.Data.BaseData, handleInvoke: InvokeHandler, handleAnalytics: AnalyticsHandler, testId?: string | undefined, platform?: JsonLd.Primitives.Platforms | undefined, source?: CardInnerAppearance | undefined) => import("../../../view/BlockCard/components/Action").ActionProps | undefined;

package/dist/types/i18n/cs.d.ts

@@ -1,152 +1,66 @@
 declare const _default: {
-    'fabric.linking.cannot_connect': string;
-    'fabric.linking.cannot_find_link': string;
-    'fabric.linking.join_to_view': string;
-    'fabric.linking.create_on': string;
-    'fabric.linking.created_by': string;
-    'fabric.linking.delete': string;
-    'fabric.linking.edit': string;
-    'fabric.linking.forbidden_access': string;
-    'fabric.linking.restricted_link': string;
-    'fabric.linking.modified_on': string;
-    'fabric.linking.pending_request': string;
-    'fabric.linking.priority_blocker': string;
-    'fabric.linking.priority_critical': string;
-    'fabric.linking.priority_high': string;
-    'fabric.linking.priority_highest': string;
-    'fabric.linking.priority_low': string;
-    'fabric.linking.priority_lowest': string;
-    'fabric.linking.priority_major': string;
-    'fabric.linking.priority_medium': string;
-    'fabric.linking.priority_minor': string;
-    'fabric.linking.priority_trivial': string;
-    'fabric.linking.priority_undefined': string;
-    'fabric.linking.request_access_to_view': string;
-    'fabric.linking.request_denied': string;
-    'fabric.linking.updated_by': string;
-    'fabric.linking.accounts': string;
     'fabric.linking.actions': string;
     'fabric.linking.add_account': string;
-    'fabric.linking.annotate': string;
-    'fabric.linking.annotate.confirmation.close.anyway': string;
-    'fabric.linking.annotate.confirmation.content': string;
-    'fabric.linking.annotate.confirmation.heading': string;
-    'fabric.linking.annotate.tool.arrow': string;
-    'fabric.linking.annotate.tool.blur': string;
-    'fabric.linking.annotate.tool.brush': string;
-    'fabric.linking.annotate.tool.color': string;
-    'fabric.linking.annotate.tool.line.thickness': string;
-    'fabric.linking.annotate.tool.shape': string;
-    'fabric.linking.annotate.tool.text': string;
-    'fabric.linking.archive': string;
-    'fabric.linking.audio': string;
     'fabric.linking.cancel': string;
-    'fabric.linking.cant_preview_file_type': string;
-    'fabric.linking.cant_retrieve_files': string;
-    'fabric.linking.cant_retrieve_gifs': string;
-    'fabric.linking.change_view': string;
-    'fabric.linking.check_your_network': string;
+    'fabric.linking.cannot_connect': string;
+    'fabric.linking.cannot_find_link': string;
     'fabric.linking.click_to_join': string;
     'fabric.linking.click_to_join_description': string;
     'fabric.linking.close': string;
-    'fabric.linking.close_and_reopen': string;
     'fabric.linking.connect_account_description': string;
     'fabric.linking.connect_link_account': string;
     'fabric.linking.connect_link_account_card_view': string;
     'fabric.linking.connect_link_account_card_view_description': string;
     'fabric.linking.connect_link_account_card_view_name': string;
     'fabric.linking.connect_to': string;
-    'fabric.linking.could_not_load_editor': string;
-    'fabric.linking.could_not_save_image': string;
-    'fabric.linking.couldnt_generate_encrypted_entry_preview': string;
-    'fabric.linking.couldnt_generate_preview': string;
-    'fabric.linking.couldnt_load_file': string;
     'fabric.linking.couldnt_load_link': string;
-    'fabric.linking.creating_preview': string;
-    'fabric.linking.default_avatars': string;
-    'fabric.linking.disable_fullscreen': string;
-    'fabric.linking.display_thumbnail': string;
-    'fabric.linking.document': string;
+    'fabric.linking.create_on_absolute': string;
+    'fabric.linking.create_on_relative': string;
+    'fabric.linking.created_by': string;
+    'fabric.linking.delete': string;
     'fabric.linking.download': string;
-    'fabric.linking.drag_and_drop_images_here': string;
-    'fabric.linking.drag_and_drop_your_files': string;
-    'fabric.linking.drag_and_drop_your_files_and_folders': string;
-    'fabric.linking.drop_your_files': string;
-    'fabric.linking.drop_your_files_here': string;
-    'fabric.linking.email': string;
-    'fabric.linking.enable_fullscreen': string;
-    'fabric.linking.error_429': string;
-    'fabric.linking.error_generating_preview': string;
-    'fabric.linking.error_hint_critical': string;
-    'fabric.linking.error_hint_retry': string;
-    'fabric.linking.error_loading_file': string;
-    'fabric.linking.failed_to_load': string;
-    'fabric.linking.failed_to_upload': string;
+    'fabric.linking.edit': string;
+    'fabric.linking.forbidden_access': string;
     'fabric.linking.forbidden_description': string;
-    'fabric.linking.give_feedback': string;
-    'fabric.linking.image': string;
-    'fabric.linking.image_format_invalid_error': string;
-    'fabric.linking.image_size_too_large_error': string;
-    'fabric.linking.image_url_invalid_error': string;
-    'fabric.linking.insert_files': string;
     'fabric.linking.invalid_permissions': string;
     'fabric.linking.invalid_permissions_description': string;
-    'fabric.linking.item_not_found_in_list': string;
-    'fabric.linking.learn_more': string;
-    'fabric.linking.load_more_gifs': string;
+    'fabric.linking.join_to_view': string;
     'fabric.linking.loading': string;
-    'fabric.linking.loading_file': string;
-    'fabric.linking.might_be_a_hiccup': string;
-    'fabric.linking.no_gifs_found': string;
-    'fabric.linking.no_gifs_found_suggestion': string;
-    'fabric.linking.no_pdf_artifacts': string;
+    'fabric.linking.modified_on_absolute': string;
+    'fabric.linking.modified_on_relative': string;
+    'fabric.linking.more_actions': string;
     'fabric.linking.not_found_description': string;
     'fabric.linking.not_found_title': string;
-    'fabric.linking.or': string;
-    'fabric.linking.pause': string;
-    'fabric.linking.play': string;
-    'fabric.linking.playback_default_speed': string;
-    'fabric.linking.playback_speed': string;
+    'fabric.linking.pending_request': string;
     'fabric.linking.preview': string;
-    'fabric.linking.preview_currently_unavailable': string;
-    'fabric.linking.preview_unavailable': string;
-    'fabric.linking.recent_uploads': string;
-    'fabric.linking.remove_image': string;
+    'fabric.linking.priority_blocker': string;
+    'fabric.linking.priority_critical': string;
+    'fabric.linking.priority_high': string;
+    'fabric.linking.priority_highest': string;
+    'fabric.linking.priority_low': string;
+    'fabric.linking.priority_lowest': string;
+    'fabric.linking.priority_major': string;
+    'fabric.linking.priority_medium': string;
+    'fabric.linking.priority_minor': string;
+    'fabric.linking.priority_trivial': string;
+    'fabric.linking.priority_undefined': string;
     'fabric.linking.request_access': string;
     'fabric.linking.request_access_description': string;
     'fabric.linking.request_access_pending': string;
     'fabric.linking.request_access_pending_description': string;
+    'fabric.linking.request_access_to_view': string;
+    'fabric.linking.request_denied': string;
     'fabric.linking.request_denied_description': string;
+    'fabric.linking.restricted_link': string;
     'fabric.linking.retry': string;
     'fabric.linking.save': string;
-    'fabric.linking.search': string;
-    'fabric.linking.search_all_gifs': string;
-    'fabric.linking.share_files_instantly': string;
-    'fabric.linking.skip_backward': string;
-    'fabric.linking.skip_forward': string;
-    'fabric.linking.something_went_wrong': string;
     'fabric.linking.srclink': string;
     'fabric.linking.srclinkunknown': string;
-    'fabric.linking.text': string;
     'fabric.linking.try_again': string;
     'fabric.linking.try_another_account': string;
-    'fabric.linking.try_downloading_file': string;
-    'fabric.linking.unable_to_annotate_image': string;
-    'fabric.linking.unknown': string;
     'fabric.linking.unlink_account': string;
-    'fabric.linking.upload': string;
-    'fabric.linking.upload_an_avatar': string;
-    'fabric.linking.upload_file': string;
-    'fabric.linking.upload_file_from': string;
-    'fabric.linking.upload_image': string;
-    'fabric.linking.upload_photo': string;
-    'fabric.linking.video': string;
+    'fabric.linking.updated_by': string;
     'fabric.linking.view': string;
-    'fabric.linking.viewer_rateLimited': string;
-    'fabric.linking.webgl_warning_description': string;
-    'fabric.linking.zip_entry_load_failed': string;
-    'fabric.linking.zoom_in': string;
-    'fabric.linking.zoom_out': string;
 };
 /**
  * NOTE: