@atlaskit/smart-card 26.5.3 → 26.5.5

package/dist/cjs/view/HoverCard/components/views/resolving/index.js

@@ -5,26 +5,47 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = require("@emotion/react");
 var _react2 = _interopRequireDefault(require("react"));
 var _loadingSkeleton = _interopRequireDefault(require("../../../../FlexibleCard/components/common/loading-skeleton"));
-var _FlexibleCard = _interopRequireDefault(require("../../../../FlexibleCard"));
-var _blocks = require("../../../../FlexibleCard/components/blocks");
 var _styled = require("../../../styled");
 var _styled2 = require("./styled");
+var _actionGroup = _interopRequireDefault(require("../../../../FlexibleCard/components/blocks/action-group"));
+var _blocks = require("../../../../FlexibleCard/components/blocks");
+var _icon = _interopRequireDefault(require("../../../../FlexibleCard/components/elements/icon"));
 /** @jsx jsx */
 
 var HoverCardLoadingView = function HoverCardLoadingView(_ref) {
-  var flexibleCardProps = _ref.flexibleCardProps,
-    titleBlockProps = _ref.titleBlockProps;
+  var titleBlockProps = _ref.titleBlockProps;
+  var testId = 'hover-card-loading-view';
   var lineHeightRem = 1.25;
   var skeletonWidth = _styled.CARD_WIDTH_REM - 2;
+  var size = titleBlockProps.size,
+    actions = titleBlockProps.actions;
+  var actionGroup = (actions === null || actions === void 0 ? void 0 : actions.length) && (actions === null || actions === void 0 ? void 0 : actions.length) > 0 && (0, _react.jsx)(_actionGroup.default, {
+    items: actions,
+    visibleButtonsNum: 2
+  });
   return (0, _react.jsx)("div", {
     css: _styled2.loadingViewContainer,
-    "data-testid": "hover-card-loading-view"
-  }, (0, _react.jsx)(_FlexibleCard.default, flexibleCardProps, (0, _react.jsx)(_blocks.TitleBlock, titleBlockProps)), (0, _react.jsx)("div", {
+    "data-testid": testId
+  }, (0, _react.jsx)("div", {
     css: _styled2.skeletonContainer
-  }, (0, _react.jsx)("span", null), (0, _react.jsx)(_loadingSkeleton.default, {
+  }, (0, _react.jsx)(_blocks.CustomBlock, (0, _extends2.default)({}, titleBlockProps, {
+    overrideCss: _styled2.titleBlockStyles,
+    testId: "".concat(testId, "-title-block")
+  }), (0, _react.jsx)(_icon.default, {
+    render: function render() {
+      return (0, _react.jsx)(_loadingSkeleton.default, null);
+    },
+    size: size
+  }), (0, _react.jsx)("span", {
+    css: (0, _styled2.getTitleStyles)(lineHeightRem),
+    "data-testid": "".concat(testId, "-title")
+  }, (0, _react.jsx)(_loadingSkeleton.default, {
+    height: lineHeightRem
+  })), actionGroup), (0, _react.jsx)(_loadingSkeleton.default, {
     width: skeletonWidth,
     height: lineHeightRem
   }), (0, _react.jsx)(_loadingSkeleton.default, {

package/dist/cjs/view/HoverCard/components/views/resolving/styled.js

@@ -4,11 +4,17 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.skeletonContainer = exports.loadingViewContainer = void 0;
+exports.titleBlockStyles = exports.skeletonContainer = exports.loadingViewContainer = exports.getTitleStyles = void 0;
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _react = require("@emotion/react");
-var _templateObject, _templateObject2;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 var loadingViewContainer = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  flex-direction: column;\n"])));
 exports.loadingViewContainer = loadingViewContainer;
 var skeletonContainer = (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  flex-direction: column;\n  gap: 0.625rem;\n  align-items: center;\n"])));
-exports.skeletonContainer = skeletonContainer;
+exports.skeletonContainer = skeletonContainer;
+var getTitleStyles = function getTitleStyles(height) {
+  return (0, _react.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n    flex: 1 0 auto;\n    height: ", "rem;\n\n    span {\n      width: 100%;\n    }\n  "])), height);
+};
+exports.getTitleStyles = getTitleStyles;
+var titleBlockStyles = (0, _react.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  width: 100%;\n  gap: 0.5rem;\n"])));
+exports.titleBlockStyles = titleBlockStyles;

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.3",
+	"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/components/views/resolving/index.js

@@ -1,23 +1,44 @@
+import _extends from "@babel/runtime/helpers/extends";
 /** @jsx jsx */
 import { jsx } from '@emotion/react';
 import React from 'react';
 import LoadingSkeleton from '../../../../FlexibleCard/components/common/loading-skeleton';
-import FlexibleCard from '../../../../FlexibleCard';
-import { TitleBlock } from '../../../../FlexibleCard/components/blocks';
 import { CARD_WIDTH_REM } from '../../../styled';
-import { loadingViewContainer, skeletonContainer } from './styled';
+import { getTitleStyles, loadingViewContainer, skeletonContainer, titleBlockStyles } from './styled';
+import ActionGroup from '../../../../FlexibleCard/components/blocks/action-group';
+import { CustomBlock } from '../../../../FlexibleCard/components/blocks';
+import Icon from '../../../../FlexibleCard/components/elements/icon';
 const HoverCardLoadingView = ({
-  flexibleCardProps,
   titleBlockProps
 }) => {
+  const testId = 'hover-card-loading-view';
   const lineHeightRem = 1.25;
   const skeletonWidth = CARD_WIDTH_REM - 2;
+  const {
+    size,
+    actions
+  } = titleBlockProps;
+  const actionGroup = (actions === null || actions === void 0 ? void 0 : actions.length) && (actions === null || actions === void 0 ? void 0 : actions.length) > 0 && jsx(ActionGroup, {
+    items: actions,
+    visibleButtonsNum: 2
+  });
   return jsx("div", {
     css: loadingViewContainer,
-    "data-testid": "hover-card-loading-view"
-  }, jsx(FlexibleCard, flexibleCardProps, jsx(TitleBlock, titleBlockProps)), jsx("div", {
+    "data-testid": testId
+  }, jsx("div", {
     css: skeletonContainer
-  }, jsx("span", null), jsx(LoadingSkeleton, {
+  }, jsx(CustomBlock, _extends({}, titleBlockProps, {
+    overrideCss: titleBlockStyles,
+    testId: `${testId}-title-block`
+  }), jsx(Icon, {
+    render: () => jsx(LoadingSkeleton, null),
+    size: size
+  }), jsx("span", {
+    css: getTitleStyles(lineHeightRem),
+    "data-testid": `${testId}-title`
+  }, jsx(LoadingSkeleton, {
+    height: lineHeightRem
+  })), actionGroup), jsx(LoadingSkeleton, {
     width: skeletonWidth,
     height: lineHeightRem
   }), jsx(LoadingSkeleton, {

package/dist/es2019/view/HoverCard/components/views/resolving/styled.js

@@ -8,4 +8,18 @@ export const skeletonContainer = css`
   flex-direction: column;
   gap: 0.625rem;
   align-items: center;
+`;
+export const getTitleStyles = height => {
+  return css`
+    flex: 1 0 auto;
+    height: ${height}rem;
+
+    span {
+      width: 100%;
+    }
+  `;
+};
+export const titleBlockStyles = css`
+  width: 100%;
+  gap: 0.5rem;
 `;

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;
 }