@atlaskit/smart-card 17.7.4 → 17.7.7

package/dist/es2019/view/BlockCard/components/Thumbnail.js

@@ -1,6 +1,6 @@
 /** @jsx jsx */
 import { jsx } from '@emotion/core';
-import { gs, mq } from '../utils';
+import { gs, mq } from '../../common/utils';
 export const Thumbnail = props => {
   return props.color ? jsx(ThumbnailWithBackground, props) : jsx(ThumbnailDefault, props);
 };

package/dist/es2019/view/BlockCard/views/ErroredView.js

@@ -5,7 +5,7 @@ import { useMemo } from 'react';
 import { R300 } from '@atlaskit/theme/colors';
 import WarningIcon from '@atlaskit/icon/glyph/warning';
 import { Frame } from '../components/Frame';
-import { Byline } from '../components/Byline';
+import { Byline } from '../../common/Byline';
 import { ActionList } from '../components/ActionList';
 import { Content } from '../components/Content';
 import { messages } from '@atlaskit/media-ui/messages';

package/dist/es2019/view/BlockCard/views/ForbiddenView.js

@@ -7,7 +7,7 @@ import { R300 } from '@atlaskit/theme/colors';
 import LockIcon from '@atlaskit/icon/glyph/lock-filled';
 import { Frame } from '../components/Frame';
 import { Provider } from '../components/Provider';
-import { Byline } from '../components/Byline';
+import { Byline } from '../../common/Byline';
 import { ActionList } from '../components/ActionList';
 import { Content } from '../components/Content';
 import { messages } from '@atlaskit/media-ui/messages';

package/dist/es2019/view/BlockCard/views/NotFoundView.js

@@ -6,7 +6,7 @@ import { R300 } from '@atlaskit/theme/colors';
 import WarningIcon from '@atlaskit/icon/glyph/warning';
 import { Frame } from '../components/Frame';
 import { Provider } from '../components/Provider';
-import { Byline } from '../components/Byline';
+import { Byline } from '../../common/Byline';
 import { Content } from '../components/Content';
 import { messages } from '@atlaskit/media-ui/messages';
 import { ContentFooter } from '../components/ContentFooter';

package/dist/es2019/view/BlockCard/views/ResolvedView.js

@@ -5,17 +5,17 @@ import { Frame } from '../components/Frame';
 import { Thumbnail } from '../components/Thumbnail';
 import { Provider } from '../components/Provider';
 import { Name } from '../components/Name';
-import { Byline } from '../components/Byline';
+import { Byline } from '../../common/Byline';
 import { ActionList } from '../components/ActionList';
 import { CollaboratorList } from '../components/CollaboratorList';
 import { Emoji } from '../components/Emoji';
-import { Icon } from '../components/Icon';
+import { Icon } from '../../common/Icon';
 import { Content } from '../components/Content';
-import { MetadataList } from '../components/MetadataList';
+import { MetadataList } from '../../common/MetadataList';
 import { LozengeBlockWrapper } from '../../InlineCard/IconAndTitleLayout/styled';
 import { ContentHeader } from '../components/ContentHeader';
 import { ContentFooter } from '../components/ContentFooter';
-import { gs } from '../utils';
+import { gs } from '../../common/utils';
 import { handleClickCommon } from '../utils/handlers';
 export const blockCardResolvedViewClassName = 'block-card-resolved-view';
 export const blockCardResolvedViewByClassName = 'block-card-resolved-view-by';

package/dist/es2019/view/BlockCard/views/ResolvingView.js

@@ -4,7 +4,7 @@ import DocumentFilledIcon from '@atlaskit/icon/glyph/document-filled';
 import { N50, N90 } from '@atlaskit/theme/colors';
 import { fontSize } from '@atlaskit/theme/constants';
 import { Frame } from '../components/Frame';
-import { gs } from '../utils';
+import { gs } from '../../common/utils';
 import { FormattedMessage } from 'react-intl-next';
 import { messages } from '@atlaskit/media-ui/messages';
 export const blockCardResolvingViewClassName = 'block-card-resolving-view';

package/dist/es2019/view/BlockCard/views/UnauthorizedView.js

@@ -5,7 +5,7 @@ import { jsx } from '@emotion/core';
 import { FormattedMessage } from 'react-intl-next';
 import { Frame } from '../components/Frame';
 import { Provider } from '../components/Provider';
-import { Byline } from '../components/Byline';
+import { Byline } from '../../common/Byline';
 import { ActionList } from '../components/ActionList';
 import { Content } from '../components/Content';
 import { messages } from '@atlaskit/media-ui/messages';

package/dist/es2019/view/EmbedCard/components/styled.js

@@ -2,7 +2,7 @@ import styled from '@emotion/styled';
 import { size as csssize, borderRadius, size, ellipsis } from '@atlaskit/media-ui';
 import { fontFamily } from '@atlaskit/theme/constants';
 import * as colors from '@atlaskit/theme/colors';
-import { gs as gridSize } from '../../BlockCard/utils';
+import { gs as gridSize } from '../../common/utils';
 export const className = 'media-card-frame';
 export const cardShadow = ``;
 

package/dist/es2019/view/EmbedCard/views/ErroredView.js

@@ -7,7 +7,7 @@ import { R300 } from '@atlaskit/theme/colors';
 import { Frame } from '../../BlockCard/components/Frame';
 import { FormattedMessage } from 'react-intl-next';
 import { messages } from '@atlaskit/media-ui/messages';
-import { gs } from '../../BlockCard/utils';
+import { gs } from '../../common/utils';
 export const EmbedCardErroredView = ({
   onRetry,
   isSelected = false,

package/dist/es2019/view/EmbedCard/views/UnresolvedView.js

@@ -6,7 +6,7 @@ import Button from '@atlaskit/button/custom-theme-button';
 import { fontSize } from '@atlaskit/theme/constants';
 import { FormattedMessage } from 'react-intl-next';
 import { messages } from '@atlaskit/media-ui/messages';
-import { gs as gridSize } from '../../BlockCard/utils';
+import { gs as gridSize } from '../../common/utils';
 export const EmbedCardUnresolvedView = ({
   image,
   title,

package/dist/es2019/view/{BlockCard/components → common}/Byline.js

@@ -1,7 +1,7 @@
 /** @jsx jsx */
 import { jsx } from '@emotion/core';
 import { N300 } from '@atlaskit/theme/colors';
-import { gs, mq } from '../utils';
+import { gs, mq } from './utils';
 export const Byline = ({
   text,
   children,

package/dist/es2019/view/{BlockCard/components → common}/Icon.js

@@ -3,7 +3,7 @@ import { jsx } from '@emotion/core';
 import React from 'react';
 import ImageLoader from 'react-render-image';
 import LinkIcon from '@atlaskit/icon/glyph/link';
-import { gs } from '../utils';
+import { gs } from './utils';
 export const blockCardIconImageClassName = 'block-card-icon-image';
 export const Icon = ({
   url,

package/dist/es2019/view/{BlockCard/components → common}/Metadata.js

@@ -1,7 +1,7 @@
 /** @jsx jsx */
 import { jsx } from '@emotion/core';
 import Tooltip from '@atlaskit/tooltip';
-import { gs } from '../utils';
+import { gs } from './utils';
 import { N300 } from '@atlaskit/theme/colors';
 export const Metadata = ({
   text,

package/dist/es2019/view/{BlockCard/components → common}/MetadataList.js

@@ -3,7 +3,7 @@ import _extends from "@babel/runtime/helpers/extends";
 /** @jsx jsx */
 import { jsx } from '@emotion/core';
 import { Metadata } from './Metadata';
-import { gs } from '../utils';
+import { gs } from './utils';
 export const metadataListClassName = 'smart-link-metadata-list';
 export const MetadataList = ({
   items,

package/dist/es2019/view/{BlockCard/components → common}/Modal.js

@@ -17,7 +17,7 @@ https://atlassian.design/components/modal-dialog/examples#customizing-modal-dial
 import React, { useState } from 'react';
 import ModalDialog, { ModalTransition, ModalBody } from '@atlaskit/modal-dialog';
 import { Header } from './ModalHeader';
-import { getIframeSandboxAttribute } from '../../../utils';
+import { getIframeSandboxAttribute } from '../../utils';
 const iframeStyles = {
   width: `100%`,
   height: 'calc(100vh - 248px)'

package/dist/es2019/view/{BlockCard/components → common}/ModalHeader.js

@@ -7,7 +7,7 @@ import ShortcutIcon from '@atlaskit/icon/glyph/shortcut';
 import Button from '@atlaskit/button/custom-theme-button';
 import { N100, N30A } from '@atlaskit/theme/colors';
 import { FormattedMessage } from 'react-intl-next';
-import { gs } from '../utils';
+import { gs } from './utils';
 import { Icon } from './Icon';
 import { MetadataList } from './MetadataList';
 import { Byline } from './Byline';

package/dist/esm/classNames.js

@@ -1,9 +1,9 @@
 export { contentFooterClassName } from './view/BlockCard/components/ContentFooter';
-export { metadataListClassName } from './view/BlockCard/components/MetadataList';
+export { metadataListClassName } from './view/common/MetadataList';
 export { blockCardResolvingViewClassName } from './view/BlockCard/views/ResolvingView';
 export { blockCardResolvedViewClassName, blockCardResolvedViewByClassName } from './view/BlockCard/views/ResolvedView';
 export { blockCardForbiddenViewClassName, blockCardForbiddenViewLinkClassName } from './view/BlockCard/views/ForbiddenView';
-export { blockCardIconImageClassName } from './view/BlockCard/components/Icon';
+export { blockCardIconImageClassName } from './view/common/Icon';
 export { blockCardContentClassName } from './view/BlockCard/components/Content';
 export { blockCardContentHeaderClassName } from './view/BlockCard/components/ContentHeader';
 export { blockCardContentHeaderNameClassName } from './view/BlockCard/components/Name';

package/dist/esm/hooks.js

@@ -0,0 +1 @@
+export { useSmartLinkActions } from './state/hooks-external/useSmartLinkActions';

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

@@ -0,0 +1,54 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+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';
+export function useSmartLinkActions(_ref) {
+  var url = _ref.url,
+      appearance = _ref.appearance,
+      analyticsHandler = _ref.analyticsHandler,
+      _ref$platform = _ref.platform,
+      platform = _ref$platform === void 0 ? 'web' : _ref$platform;
+  var id = useMemo(function () {
+    return uuid();
+  }, []);
+
+  var _useState = useState([]),
+      _useState2 = _slicedToArray(_useState, 2),
+      actions = _useState2[0],
+      setActions = _useState2[1];
+
+  var linkState = useLinkState(url);
+  var linkAnalytics = useLinkAnalytics(analyticsHandler);
+  var linkActions = useLinkActions(id, url, linkAnalytics);
+  useEffect(function () {
+    if (!linkState.details) {
+      return;
+    }
+
+    var cardProperties = extractCardProps(linkState.details.data, linkState.details.meta, {
+      handleInvoke: function handleInvoke(opts) {
+        return linkActions.invoke(opts, appearance);
+      },
+      handleAnalytics: analyticsHandler,
+      extensionKey: getExtensionKey(linkState.details)
+    }, undefined, platform);
+
+    if (!cardProperties.actions || cardProperties.actions.length === 0) {
+      return;
+    }
+
+    var cardActions = cardProperties.actions.map(function (action) {
+      return {
+        id: action.id,
+        text: action.text,
+        invoke: action.promise
+      };
+    });
+    setActions(cardActions);
+  }, [linkState, linkActions, analyticsHandler, appearance, platform]);
+  return actions;
+}

package/dist/esm/utils/mocks.js

@@ -11,6 +11,11 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
 import CardClient from '../client';
+export var mockContext = {
+  '@vocab': 'https://www.w3.org/ns/activitystreams#',
+  atlassian: 'https://schema.atlassian.com/ns/vocabulary#',
+  schema: 'http://schema.org/'
+};
 export var mocks = {
   success: {
     meta: {

package/dist/esm/version.json

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

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

@@ -55,7 +55,7 @@ function _previewFunction() {
             }
 
             _context.next = 5;
-            return import('../components/Modal');
+            return import('../../common/Modal');
 
           case 5:
             Modal = _context.sent;

package/dist/esm/view/BlockCard/components/ActionList.js

@@ -9,7 +9,7 @@ import Button from '@atlaskit/button/standard-button';
 import DropdownMenu, { DropdownItem, DropdownItemGroup } from '@atlaskit/dropdown-menu';
 import MoreIcon from '@atlaskit/icon/glyph/more';
 import { Action } from './Action';
-import { gs, mq } from '../utils';
+import { gs, mq } from '../../common/utils';
 export var ActionList = function ActionList(_ref) {
   var items = _ref.items;
   var actionsToShow = items.slice(0, 2);

package/dist/esm/view/BlockCard/components/CollaboratorList.js

@@ -1,7 +1,7 @@
 /** @jsx jsx */
 import { jsx } from '@emotion/core';
 import AvatarGroup from '@atlaskit/avatar-group';
-import { mq } from '../utils';
+import { mq } from '../../common/utils';
 export var CollaboratorList = function CollaboratorList(_ref) {
   var items = _ref.items,
       _ref$handleAvatarClic = _ref.handleAvatarClick,

package/dist/esm/view/BlockCard/components/Content.js

@@ -1,6 +1,6 @@
 /** @jsx jsx */
 import { jsx } from '@emotion/core';
-import { gs, mq } from '../utils';
+import { gs, mq } from '../../common/utils';
 export var blockCardContentClassName = 'block-card-content';
 export var Content = function Content(_ref) {
   var children = _ref.children,

package/dist/esm/view/BlockCard/components/ContentFooter.js

@@ -1,6 +1,6 @@
 /** @jsx jsx */
 import { jsx } from '@emotion/core';
-import { gs, mq } from '../utils';
+import { gs, mq } from '../../common/utils';
 export var contentFooterClassName = 'smart-link-content-footer';
 export var ContentFooter = function ContentFooter(_ref) {
   var children = _ref.children,

package/dist/esm/view/BlockCard/components/Emoji.js

@@ -1,7 +1,7 @@
 /** @jsx jsx */
 import { jsx } from '@emotion/core';
 import React from 'react';
-import { gs } from '../utils';
+import { gs } from '../../common/utils';
 export var Emoji = function Emoji(_ref) {
   var emoji = _ref.emoji;
   return jsx("span", {

package/dist/esm/view/BlockCard/components/Frame.js

@@ -8,7 +8,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 import { jsx } from '@emotion/core';
 import React from 'react';
 import { N20A, N30A, B200, N40A, N50A } from '@atlaskit/theme/colors';
-import { gs, br, mq } from '../utils';
+import { gs, br, mq } from '../../common/utils';
 export var Frame = function Frame() {
   var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
     isSelected: false,

package/dist/esm/view/BlockCard/components/Name.js

@@ -1,7 +1,7 @@
 /** @jsx jsx */
 import { jsx } from '@emotion/core';
 import { fontSize } from '@atlaskit/theme/constants';
-import { gs } from '../utils';
+import { gs } from '../../common/utils';
 export var blockCardContentHeaderNameClassName = 'block-card-content-header-name';
 export var Name = function Name(_ref) {
   var name = _ref.name,

package/dist/esm/view/BlockCard/components/Provider.js

@@ -1,7 +1,7 @@
 /** @jsx jsx */
 import { jsx } from '@emotion/core';
 import { N300 } from '@atlaskit/theme/colors';
-import { gs } from '../utils';
+import { gs } from '../../common/utils';
 export var Provider = function Provider(_ref) {
   var name = _ref.name,
       icon = _ref.icon;

package/dist/esm/view/BlockCard/components/Thumbnail.js

@@ -6,7 +6,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 /** @jsx jsx */
 import { jsx } from '@emotion/core';
-import { gs, mq } from '../utils';
+import { gs, mq } from '../../common/utils';
 export var Thumbnail = function Thumbnail(props) {
   return props.color ? jsx(ThumbnailWithBackground, props) : jsx(ThumbnailDefault, props);
 };

package/dist/esm/view/BlockCard/views/ErroredView.js

@@ -11,7 +11,7 @@ import { useMemo } from 'react';
 import { R300 } from '@atlaskit/theme/colors';
 import WarningIcon from '@atlaskit/icon/glyph/warning';
 import { Frame } from '../components/Frame';
-import { Byline } from '../components/Byline';
+import { Byline } from '../../common/Byline';
 import { ActionList } from '../components/ActionList';
 import { Content } from '../components/Content';
 import { messages } from '@atlaskit/media-ui/messages';

package/dist/esm/view/BlockCard/views/ForbiddenView.js

@@ -8,7 +8,7 @@ import { R300 } from '@atlaskit/theme/colors';
 import LockIcon from '@atlaskit/icon/glyph/lock-filled';
 import { Frame } from '../components/Frame';
 import { Provider } from '../components/Provider';
-import { Byline } from '../components/Byline';
+import { Byline } from '../../common/Byline';
 import { ActionList } from '../components/ActionList';
 import { Content } from '../components/Content';
 import { messages } from '@atlaskit/media-ui/messages';

package/dist/esm/view/BlockCard/views/NotFoundView.js

@@ -12,7 +12,7 @@ import { R300 } from '@atlaskit/theme/colors';
 import WarningIcon from '@atlaskit/icon/glyph/warning';
 import { Frame } from '../components/Frame';
 import { Provider } from '../components/Provider';
-import { Byline } from '../components/Byline';
+import { Byline } from '../../common/Byline';
 import { Content } from '../components/Content';
 import { messages } from '@atlaskit/media-ui/messages';
 import { ContentFooter } from '../components/ContentFooter';

package/dist/esm/view/BlockCard/views/ResolvedView.js

@@ -5,17 +5,17 @@ import { Frame } from '../components/Frame';
 import { Thumbnail } from '../components/Thumbnail';
 import { Provider } from '../components/Provider';
 import { Name } from '../components/Name';
-import { Byline } from '../components/Byline';
+import { Byline } from '../../common/Byline';
 import { ActionList } from '../components/ActionList';
 import { CollaboratorList } from '../components/CollaboratorList';
 import { Emoji } from '../components/Emoji';
-import { Icon } from '../components/Icon';
+import { Icon } from '../../common/Icon';
 import { Content } from '../components/Content';
-import { MetadataList } from '../components/MetadataList';
+import { MetadataList } from '../../common/MetadataList';
 import { LozengeBlockWrapper } from '../../InlineCard/IconAndTitleLayout/styled';
 import { ContentHeader } from '../components/ContentHeader';
 import { ContentFooter } from '../components/ContentFooter';
-import { gs } from '../utils';
+import { gs } from '../../common/utils';
 import { handleClickCommon } from '../utils/handlers';
 export var blockCardResolvedViewClassName = 'block-card-resolved-view';
 export var blockCardResolvedViewByClassName = 'block-card-resolved-view-by';

package/dist/esm/view/BlockCard/views/ResolvingView.js

@@ -4,7 +4,7 @@ import DocumentFilledIcon from '@atlaskit/icon/glyph/document-filled';
 import { N50, N90 } from '@atlaskit/theme/colors';
 import { fontSize } from '@atlaskit/theme/constants';
 import { Frame } from '../components/Frame';
-import { gs } from '../utils';
+import { gs } from '../../common/utils';
 import { FormattedMessage } from 'react-intl-next';
 import { messages } from '@atlaskit/media-ui/messages';
 export var blockCardResolvingViewClassName = 'block-card-resolving-view';

package/dist/esm/view/BlockCard/views/UnauthorizedView.js

@@ -10,7 +10,7 @@ import { jsx } from '@emotion/core';
 import { FormattedMessage } from 'react-intl-next';
 import { Frame } from '../components/Frame';
 import { Provider } from '../components/Provider';
-import { Byline } from '../components/Byline';
+import { Byline } from '../../common/Byline';
 import { ActionList } from '../components/ActionList';
 import { Content } from '../components/Content';
 import { messages } from '@atlaskit/media-ui/messages';

package/dist/esm/view/EmbedCard/components/styled.js

@@ -6,7 +6,7 @@ import styled from '@emotion/styled';
 import { size as csssize, borderRadius, size, ellipsis } from '@atlaskit/media-ui';
 import { fontFamily } from '@atlaskit/theme/constants';
 import * as colors from '@atlaskit/theme/colors';
-import { gs as gridSize } from '../../BlockCard/utils';
+import { gs as gridSize } from '../../common/utils';
 export var className = 'media-card-frame';
 export var cardShadow = "";
 

package/dist/esm/view/EmbedCard/views/ErroredView.js

@@ -7,7 +7,7 @@ import { R300 } from '@atlaskit/theme/colors';
 import { Frame } from '../../BlockCard/components/Frame';
 import { FormattedMessage } from 'react-intl-next';
 import { messages } from '@atlaskit/media-ui/messages';
-import { gs } from '../../BlockCard/utils';
+import { gs } from '../../common/utils';
 export var EmbedCardErroredView = function EmbedCardErroredView(_ref) {
   var onRetry = _ref.onRetry,
       _ref$isSelected = _ref.isSelected,

package/dist/esm/view/EmbedCard/views/UnresolvedView.js

@@ -6,7 +6,7 @@ import Button from '@atlaskit/button/custom-theme-button';
 import { fontSize } from '@atlaskit/theme/constants';
 import { FormattedMessage } from 'react-intl-next';
 import { messages } from '@atlaskit/media-ui/messages';
-import { gs as gridSize } from '../../BlockCard/utils';
+import { gs as gridSize } from '../../common/utils';
 export var EmbedCardUnresolvedView = function EmbedCardUnresolvedView(_ref) {
   var image = _ref.image,
       title = _ref.title,

package/dist/esm/view/{BlockCard/components → common}/Byline.js

@@ -1,7 +1,7 @@
 /** @jsx jsx */
 import { jsx } from '@emotion/core';
 import { N300 } from '@atlaskit/theme/colors';
-import { gs, mq } from '../utils';
+import { gs, mq } from './utils';
 export var Byline = function Byline(_ref) {
   var text = _ref.text,
       children = _ref.children,

package/dist/esm/view/{BlockCard/components → common}/Icon.js

@@ -3,7 +3,7 @@ import { jsx } from '@emotion/core';
 import React from 'react';
 import ImageLoader from 'react-render-image';
 import LinkIcon from '@atlaskit/icon/glyph/link';
-import { gs } from '../utils';
+import { gs } from './utils';
 export var blockCardIconImageClassName = 'block-card-icon-image';
 export var Icon = function Icon(_ref) {
   var url = _ref.url,

package/dist/esm/view/{BlockCard/components → common}/Metadata.js

@@ -1,7 +1,7 @@
 /** @jsx jsx */
 import { jsx } from '@emotion/core';
 import Tooltip from '@atlaskit/tooltip';
-import { gs } from '../utils';
+import { gs } from './utils';
 import { N300 } from '@atlaskit/theme/colors';
 export var Metadata = function Metadata(_ref) {
   var text = _ref.text,

package/dist/esm/view/{BlockCard/components → common}/MetadataList.js

@@ -3,7 +3,7 @@ import _extends from "@babel/runtime/helpers/extends";
 /** @jsx jsx */
 import { jsx } from '@emotion/core';
 import { Metadata } from './Metadata';
-import { gs } from '../utils';
+import { gs } from './utils';
 export var metadataListClassName = 'smart-link-metadata-list';
 export var MetadataList = function MetadataList(_ref) {
   var items = _ref.items,

package/dist/esm/view/{BlockCard/components → common}/Modal.js

@@ -28,7 +28,7 @@ https://atlassian.design/components/modal-dialog/examples#customizing-modal-dial
 import React, { useState } from 'react';
 import ModalDialog, { ModalTransition, ModalBody } from '@atlaskit/modal-dialog';
 import { Header } from './ModalHeader';
-import { getIframeSandboxAttribute } from '../../../utils';
+import { getIframeSandboxAttribute } from '../../utils';
 var iframeStyles = {
   width: "100%",
   height: 'calc(100vh - 248px)'

package/dist/esm/view/{BlockCard/components → common}/ModalHeader.js

@@ -7,7 +7,7 @@ import ShortcutIcon from '@atlaskit/icon/glyph/shortcut';
 import Button from '@atlaskit/button/custom-theme-button';
 import { N100, N30A } from '@atlaskit/theme/colors';
 import { FormattedMessage } from 'react-intl-next';
-import { gs } from '../utils';
+import { gs } from './utils';
 import { Icon } from './Icon';
 import { MetadataList } from './MetadataList';
 import { Byline } from './Byline';

package/dist/types/classNames.d.ts

@@ -1,9 +1,9 @@
 export { contentFooterClassName } from './view/BlockCard/components/ContentFooter';
-export { metadataListClassName } from './view/BlockCard/components/MetadataList';
+export { metadataListClassName } from './view/common/MetadataList';
 export { blockCardResolvingViewClassName } from './view/BlockCard/views/ResolvingView';
 export { blockCardResolvedViewClassName, blockCardResolvedViewByClassName, } from './view/BlockCard/views/ResolvedView';
 export { blockCardForbiddenViewClassName, blockCardForbiddenViewLinkClassName, } from './view/BlockCard/views/ForbiddenView';
-export { blockCardIconImageClassName } from './view/BlockCard/components/Icon';
+export { blockCardIconImageClassName } from './view/common/Icon';
 export { blockCardContentClassName } from './view/BlockCard/components/Content';
 export { blockCardContentHeaderClassName } from './view/BlockCard/components/ContentHeader';
 export { blockCardContentHeaderNameClassName } from './view/BlockCard/components/Name';

package/dist/types/hooks.d.ts

@@ -0,0 +1 @@
+export { useSmartLinkActions } from './state/hooks-external/useSmartLinkActions';

package/dist/types/state/hooks-external/useSmartLinkActions.d.ts

@@ -0,0 +1,45 @@
+/// <reference types="react" />
+import { JsonLd } from 'json-ld-types';
+import type { AnalyticsHandler } from '../../utils/types';
+import type { CardAppearance } from '../../view/Card/types';
+export interface LinkAction {
+    /**
+     * Unique ID for the action.
+     * @example `delete-action`
+     */
+    id: string;
+    /**
+     * Text to render for the action.
+     * @description Use this in tooltips and UI.
+     * @example `Delete`.
+     */
+    text: React.ReactNode;
+    /**
+     * Promise to invoke on triggering this action.
+     * @example Clicking on `Delete` leading to deletion of content.
+     */
+    invoke: () => Promise<any>;
+}
+export interface UseSmartLinkActionsOpts {
+    /**
+     * Smart Link URL for which actions will be invoked.
+     * @example https://start.atlassian.com
+     */
+    url: string;
+    /**
+     * Appearance under which these actions will be invoked.
+     * @example `block` for card views.
+     */
+    appearance: CardAppearance;
+    /**
+     * Callback for sending analytics events.
+     * @description Accepts an analytics payload and fires it to a system.
+     */
+    analyticsHandler: AnalyticsHandler;
+    /**
+     * Platform on which actions are being invoked.
+     * @default 'web'
+     */
+    platform?: JsonLd.Primitives.Platforms;
+}
+export declare function useSmartLinkActions({ url, appearance, analyticsHandler, platform, }: UseSmartLinkActionsOpts): LinkAction[];

package/dist/types/utils/mocks.d.ts

@@ -1,4 +1,9 @@
 import { JsonLd } from 'json-ld-types';
+export declare const mockContext: {
+    readonly '@vocab': "https://www.w3.org/ns/activitystreams#";
+    readonly atlassian: "https://schema.atlassian.com/ns/vocabulary#";
+    readonly schema: "http://schema.org/";
+};
 export declare const mocks: {
     success: JsonLd.Response<JsonLd.Data.BaseData>;
     notFound: JsonLd.Response<JsonLd.Data.BaseData>;