@atlaskit/smart-card 26.5.4 → 26.5.5

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

@@ -1,16 +1,12 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.toActionableMetadata = exports.getSimulatedMetadata = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+exports.getSimulatedMetadata = void 0;
 var _constants = require("../../constants");
 var _extractors = require("@atlaskit/linking-common/extractors");
 var _utils = require("../../extractors/flexible/utils");
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var getSimulatedMetadata = function getSimulatedMetadata() {
   var extensionKey = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
   var data = arguments.length > 1 ? arguments[1] : undefined;
@@ -86,31 +82,4 @@ var getSimulatedMetadata = function getSimulatedMetadata() {
       };
   }
 };
-exports.getSimulatedMetadata = getSimulatedMetadata;
-var toActionableMetadata = function toActionableMetadata(onActionClick, extensionKey) {
-  var types = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
-  var cardActions = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : [];
-  var elementItems = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : [];
-  // Actionable State for Jira issue
-  if (extensionKey === 'jira-object-provider' && types !== null && types !== void 0 && types.includes('atlassian:Task')) {
-    var previewAction = cardActions.find(function (action) {
-      return action.id === 'preview-content';
-    });
-    if (previewAction) {
-      return elementItems.map(function (elementItem) {
-        return elementItem.name === _constants.ElementName.State ? _objectSpread(_objectSpread({}, elementItem), {}, {
-          onClick: function onClick() {
-            if (onActionClick) {
-              onActionClick(previewAction.id);
-            }
-            return previewAction.invoke({
-              isReloadRequired: true
-            });
-          }
-        }) : elementItem;
-      });
-    }
-  }
-  return elementItems;
-};
-exports.toActionableMetadata = toActionableMetadata;
+exports.getSimulatedMetadata = getSimulatedMetadata;

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

@@ -80,10 +80,7 @@ export const extractPreviewAction = ({
     // - Promise invoked by the action invocation handler; open preview.
     previewActionProps.action.promise = previewAction.promise;
     // - Promise invoked on click of `Preview` on block card; trigger above promise.
-    previewAction.promise = opts => handleInvoke({
-      ...previewActionProps,
-      ...opts
-    });
+    previewAction.promise = () => handleInvoke(previewActionProps);
     return previewAction;
   }
 };

package/dist/es2019/state/analytics/useSmartLinkAnalytics.js

@@ -4,7 +4,7 @@ import { chunkloadFailedEvent, connectFailedEvent, connectSucceededEvent, contex
 import { failUfoExperience, startUfoExperience, succeedUfoExperience } from './ufoExperiences';
 import { getDefinitionId, getExtensionKey, getProduct, getResourceType, getSubproduct } from '../helpers';
 import { useSmartLinkContext } from '@atlaskit/link-provider';
-import { trackLinkUpdated, trackSmartLinkQuickActionFailed, trackSmartLinkQuickActionStarted, trackSmartLinkQuickActionSuccess, uiIframeDwelledEvent, uiIframeFocusedEvent } from '../../utils/analytics/analytics';
+import { trackSmartLinkQuickActionFailed, trackSmartLinkQuickActionStarted, trackSmartLinkQuickActionSuccess, uiIframeDwelledEvent, uiIframeFocusedEvent } from '../../utils/analytics/analytics';
 import { useDispatchAnalytics } from './useDispatchAnalytics';
 const applyCommonAttributes = (event, commonAttributes) => {
   if (event && event.attributes) {
@@ -733,12 +733,10 @@ export const useSmartLinkAnalytics = (url, _dispatchAnalytics, id, defaultLocati
       location
     }), commonAttributes)),
     /**
-     * This fires a tracking event before and after link updated.
+     * Removed in EDM-5153: This is an even from an experiment.
+     * @deprecated
      */
-    linkUpdated: props => dispatchAnalytics(applyCommonAttributes(trackLinkUpdated({
-      ...commonAttributes,
-      ...props
-    }), commonAttributes)),
+    linkUpdated: props => {},
     /**
      * This fires a tracking event before an action invoke api call is made
      */

package/dist/es2019/state/hooks-external/useSmartLinkActions.js

@@ -1,11 +1,10 @@
-import { useCallback, useEffect, useMemo, useState } from 'react';
+import { useEffect, useMemo, useState } from 'react';
 import uuid from 'uuid';
 import { extractBlockProps as extractCardProps } from '../../extractors/block';
 import { useSmartCardActions as useLinkActions } from '../actions';
 import { useSmartLinkAnalytics as useLinkAnalytics } from '../analytics';
 import { useSmartCardState as useLinkState } from '../store';
 import { getExtensionKey } from '../helpers';
-import { useFeatureFlag } from '@atlaskit/link-provider';
 export function useSmartLinkActions({
   url,
   appearance,
@@ -18,32 +17,12 @@ export function useSmartLinkActions({
   const linkState = useLinkState(url);
   const linkAnalytics = useLinkAnalytics(url, analyticsHandler, id);
   const linkActions = useLinkActions(id, url, linkAnalytics);
-
-  // Start: Smart ink Actions experiment
-  const enableActionableElement = useFeatureFlag('enableActionableElement');
-  const reload = useCallback(() => linkActions.reload(), [linkActions]);
-  const handleInvoke = useCallback(opts => {
-    var _opts$action;
-    if (enableActionableElement && opts.type === 'client' && opts.isReloadRequired && ((_opts$action = opts.action) === null || _opts$action === void 0 ? void 0 : _opts$action.type) === 'PreviewAction') {
-      // Reload when embed preview modal close
-      const {
-        promise
-      } = opts.action;
-      opts.action.type = 'StatusAction';
-      opts.action.promise = () => promise({
-        onClose: reload
-      });
-    }
-    return linkActions.invoke(opts, appearance);
-  }, [appearance, enableActionableElement, linkActions, reload]);
-  // End: Smart ink Actions experiment
-
   useEffect(() => {
     if (!linkState.details) {
       return;
     }
     const cardProperties = extractCardProps(linkState.details.data, linkState.details.meta, {
-      handleInvoke,
+      handleInvoke: opts => linkActions.invoke(opts, appearance),
       analytics: linkAnalytics,
       origin,
       extensionKey: getExtensionKey(linkState.details),
@@ -58,6 +37,6 @@ export function useSmartLinkActions({
       invoke: action.promise
     }));
     setActions(cardActions);
-  }, [linkState, linkActions, linkAnalytics, appearance, platform, origin, handleInvoke]);
+  }, [linkState, linkActions, linkAnalytics, appearance, platform, origin]);
   return actions;
 }

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

@@ -231,19 +231,6 @@ export const trackAppAccountAuthStarted = ({
     location
   }
 });
-export const trackLinkUpdated = ({
-  actionSubjectId,
-  ...attributes
-}) => ({
-  action: 'updated',
-  actionSubject: 'link',
-  actionSubjectId,
-  eventType: 'track',
-  attributes: {
-    ...context,
-    ...attributes
-  }
-});
 export const trackSmartLinkQuickActionStarted = ({
   smartLinkActionType,
   ...attributes

package/dist/es2019/version.json

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

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

@@ -56,13 +56,12 @@ export default (({
   return {
     id: 'preview-content',
     text: /*#__PURE__*/React.createElement(FormattedMessage, previewText),
-    promise: props => previewFunction({
+    promise: () => previewFunction({
       popupMountPointId: 'twp-editor-preview-iframe',
       providerName: 'Preview',
       showModal: true,
       iframeName: 'twp-editor-preview-iframe',
       onClose: () => {},
-      ...props,
       ...rest
     })
   };

package/dist/es2019/view/FlexibleCard/components/elements/lozenge/index.js

@@ -1,5 +1,5 @@
 /** @jsx jsx */
-import React, { useCallback, useState } from 'react';
+import React from 'react';
 import { css, jsx } from '@emotion/react';
 import AtlaskitLozenge from '@atlaskit/lozenge';
 import LozengeAction from '../../common/lozenge-action';
@@ -8,9 +8,6 @@ const styles = css`
   display: inline-flex;
   line-height: inherit;
 `;
-const actionStyles = css`
-  overflow: visible;
-`;
 
 /**
  * A base element that displays a Lozenge.
@@ -22,20 +19,11 @@ const Lozenge = ({
   action,
   appearance = 'default',
   name,
-  onClick,
   overrideCss,
   text,
   testId = 'smart-element-lozenge'
 }) => {
   const ui = useFlexibleUiOptionContext();
-  const [isBold, setIsBold] = useState(false);
-  const onHover = useCallback(isHover => {
-    if (onClick) {
-      setIsBold(isHover);
-    }
-  }, [onClick]);
-  const onMouseEnter = useCallback(() => onHover(true), [onHover]);
-  const onMouseLeave = useCallback(() => onHover(false), [onHover]);
   if (!text) {
     return null;
   }
@@ -47,19 +35,14 @@ const Lozenge = ({
     zIndex: ui === null || ui === void 0 ? void 0 : ui.zIndex
   }) : jsx(AtlaskitLozenge, {
     appearance: appearance,
-    isBold: isBold,
     testId: `${testId}-lozenge`
   }, text);
   return jsx("span", {
-    css: [styles, onClick ? actionStyles : undefined, overrideCss],
+    css: [styles, overrideCss],
     "data-fit-to-content": true,
     "data-smart-element": name,
     "data-smart-element-lozenge": true,
-    "data-testid": testId,
-    onClick: onClick,
-    onMouseEnter: onMouseEnter,
-    onMouseLeave: onMouseLeave,
-    tabIndex: onClick ? 0 : -1
+    "data-testid": testId
   }, lozenge);
 };
 export default Lozenge;

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

@@ -1,12 +1,11 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React, { useCallback, useEffect, useMemo, useRef } from 'react';
 import { useFeatureFlag } from '@atlaskit/link-provider';
-import { extractType } from '@atlaskit/linking-common/extractors';
 import { ActionName, CardDisplay, SmartLinkPosition, SmartLinkSize } from '../../../../../constants';
 import { FooterBlock, MetadataBlock, SnippetBlock, TitleBlock } from '../../../../FlexibleCard/components/blocks';
 import { footerBlockCss, hiddenSnippetStyles, metadataBlockCss } from './styled';
 import FlexibleCard from '../../../../FlexibleCard';
-import { getSimulatedMetadata, toActionableMetadata } from '../../../utils';
+import { getSimulatedMetadata } from '../../../utils';
 import SnippetOrPreview from '../../SnippetOrPreview';
 import { extractMetadata } from '../../../../../extractors/hover/extractMetadata';
 import { messages } from '../../../../../messages';
@@ -56,7 +55,6 @@ const HoverCardResolvedView = ({
   extensionKey
 }) => {
   var _cardState$details;
-  const showActionableElement = useFeatureFlag('enableActionableElement');
   const enableImprovedPreviewAction = useFeatureFlag('enableImprovedPreviewAction');
   useEffect(() => {
     // Since this hover view is only rendered on resolved status,
@@ -72,16 +70,14 @@ const HoverCardResolvedView = ({
     primary,
     secondary
   } = useMemo(() => {
-    const types = data ? extractType(data) : undefined;
     //TODO: EDM-3224 deleted simulated and use real JsonLd
     const metadata = extractMetadata(getSimulatedMetadata(extensionKey, data));
-    const primary = showActionableElement ? toActionableMetadata(onActionClick, extensionKey, types, cardActions, metadata.primary) : metadata.primary;
     return {
-      primary,
+      primary: metadata.primary,
       secondary: metadata.secondary,
       subtitle: metadata.subtitle
     };
-  }, [cardActions, data, extensionKey, onActionClick, showActionableElement]);
+  }, [data, extensionKey]);
   const snippetHeight = React.useRef(0);
   const snippetBlockRef = useRef(null);
   const onSnippetRender = useCallback(() => {

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

@@ -73,24 +73,4 @@ export const getSimulatedMetadata = (extensionKey = '', data) => {
         }
       };
   }
-};
-export const toActionableMetadata = (onActionClick, extensionKey, types = [], cardActions = [], elementItems = []) => {
-  // Actionable State for Jira issue
-  if (extensionKey === 'jira-object-provider' && types !== null && types !== void 0 && types.includes('atlassian:Task')) {
-    const previewAction = cardActions.find(action => action.id === 'preview-content');
-    if (previewAction) {
-      return elementItems.map(elementItem => elementItem.name === ElementName.State ? {
-        ...elementItem,
-        onClick: () => {
-          if (onActionClick) {
-            onActionClick(previewAction.id);
-          }
-          return previewAction.invoke({
-            isReloadRequired: true
-          });
-        }
-      } : elementItem);
-    }
-  }
-  return elementItems;
 };

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

@@ -86,8 +86,8 @@ export var extractPreviewAction = function extractPreviewAction(_ref) {
     // - Promise invoked by the action invocation handler; open preview.
     previewActionProps.action.promise = previewAction.promise;
     // - Promise invoked on click of `Preview` on block card; trigger above promise.
-    previewAction.promise = function (opts) {
-      return handleInvoke(_objectSpread(_objectSpread({}, previewActionProps), opts));
+    previewAction.promise = function () {
+      return handleInvoke(previewActionProps);
     };
     return previewAction;
   }

package/dist/esm/state/analytics/useSmartLinkAnalytics.js

@@ -8,7 +8,7 @@ import { chunkloadFailedEvent as _chunkloadFailedEvent, connectFailedEvent as _c
 import { failUfoExperience, startUfoExperience, succeedUfoExperience } from './ufoExperiences';
 import { getDefinitionId, getExtensionKey, getProduct, getResourceType, getSubproduct } from '../helpers';
 import { useSmartLinkContext } from '@atlaskit/link-provider';
-import { trackLinkUpdated, trackSmartLinkQuickActionFailed, trackSmartLinkQuickActionStarted, trackSmartLinkQuickActionSuccess, uiIframeDwelledEvent, uiIframeFocusedEvent } from '../../utils/analytics/analytics';
+import { trackSmartLinkQuickActionFailed, trackSmartLinkQuickActionStarted, trackSmartLinkQuickActionSuccess, uiIframeDwelledEvent, uiIframeFocusedEvent } from '../../utils/analytics/analytics';
 import { useDispatchAnalytics } from './useDispatchAnalytics';
 var applyCommonAttributes = function applyCommonAttributes(event, commonAttributes) {
   if (event && event.attributes) {
@@ -746,11 +746,10 @@ export var useSmartLinkAnalytics = function useSmartLinkAnalytics(url, _dispatch
         })), commonAttributes));
       },
       /**
-       * This fires a tracking event before and after link updated.
+       * Removed in EDM-5153: This is an even from an experiment.
+       * @deprecated
        */
-      linkUpdated: function linkUpdated(props) {
-        return dispatchAnalytics(applyCommonAttributes(trackLinkUpdated(_objectSpread(_objectSpread({}, commonAttributes), props)), commonAttributes));
-      },
+      linkUpdated: function linkUpdated(props) {},
       /**
        * This fires a tracking event before an action invoke api call is made
        */

package/dist/esm/state/hooks-external/useSmartLinkActions.js

@@ -1,12 +1,11 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import { useCallback, useEffect, useMemo, useState } from 'react';
+import { useEffect, useMemo, useState } from 'react';
 import uuid from 'uuid';
 import { extractBlockProps as extractCardProps } from '../../extractors/block';
 import { useSmartCardActions as useLinkActions } from '../actions';
 import { useSmartLinkAnalytics as useLinkAnalytics } from '../analytics';
 import { useSmartCardState as useLinkState } from '../store';
 import { getExtensionKey } from '../helpers';
-import { useFeatureFlag } from '@atlaskit/link-provider';
 export function useSmartLinkActions(_ref) {
   var url = _ref.url,
     appearance = _ref.appearance,
@@ -24,34 +23,14 @@ export function useSmartLinkActions(_ref) {
   var linkState = useLinkState(url);
   var linkAnalytics = useLinkAnalytics(url, analyticsHandler, id);
   var linkActions = useLinkActions(id, url, linkAnalytics);
-
-  // Start: Smart ink Actions experiment
-  var enableActionableElement = useFeatureFlag('enableActionableElement');
-  var reload = useCallback(function () {
-    return linkActions.reload();
-  }, [linkActions]);
-  var handleInvoke = useCallback(function (opts) {
-    var _opts$action;
-    if (enableActionableElement && opts.type === 'client' && opts.isReloadRequired && ((_opts$action = opts.action) === null || _opts$action === void 0 ? void 0 : _opts$action.type) === 'PreviewAction') {
-      // Reload when embed preview modal close
-      var promise = opts.action.promise;
-      opts.action.type = 'StatusAction';
-      opts.action.promise = function () {
-        return promise({
-          onClose: reload
-        });
-      };
-    }
-    return linkActions.invoke(opts, appearance);
-  }, [appearance, enableActionableElement, linkActions, reload]);
-  // End: Smart ink Actions experiment
-
   useEffect(function () {
     if (!linkState.details) {
       return;
     }
     var cardProperties = extractCardProps(linkState.details.data, linkState.details.meta, {
-      handleInvoke: handleInvoke,
+      handleInvoke: function handleInvoke(opts) {
+        return linkActions.invoke(opts, appearance);
+      },
       analytics: linkAnalytics,
       origin: origin,
       extensionKey: getExtensionKey(linkState.details),
@@ -68,6 +47,6 @@ export function useSmartLinkActions(_ref) {
       };
     });
     setActions(cardActions);
-  }, [linkState, linkActions, linkAnalytics, appearance, platform, origin, handleInvoke]);
+  }, [linkState, linkActions, linkAnalytics, appearance, platform, origin]);
   return actions;
 }