@atlaskit/smart-card 16.2.0 → 17.0.1

package/dist/esm/view/FlexibleCard/components/elements/icon/atlaskit-icon/index.js

@@ -0,0 +1,224 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+
+var _importIconMapper;
+
+import React from 'react';
+import Loadable from 'react-loadable';
+import { B200, B400, N700 } from '@atlaskit/theme/colors';
+import { IconType } from '../../../../../../constants';
+// prettier-ignore
+var importIconMapper = (_importIconMapper = {}, _defineProperty(_importIconMapper, IconType.Archive, function () {
+  return import(
+  /* webpackChunkName: "glyphArchive" */
+  '@atlaskit/icon-file-type/glyph/archive/16');
+}), _defineProperty(_importIconMapper, IconType.Audio, function () {
+  return import(
+  /* webpackChunkName: "glyphAudio" */
+  '@atlaskit/icon-file-type/glyph/audio/16');
+}), _defineProperty(_importIconMapper, IconType.Blog, function () {
+  return import(
+  /* webpackChunkName: "glyphBlog" */
+  '@atlaskit/icon-object/glyph/blog/16');
+}), _defineProperty(_importIconMapper, IconType.Code, function () {
+  return import(
+  /* webpackChunkName: "glyphCode" */
+  '@atlaskit/icon-file-type/glyph/source-code/16');
+}), _defineProperty(_importIconMapper, IconType.Document, function () {
+  return import(
+  /* webpackChunkName: "glyphDocument" */
+  '@atlaskit/icon-file-type/glyph/document/16');
+}), _defineProperty(_importIconMapper, IconType.Executable, function () {
+  return import(
+  /* webpackChunkName: "glyphExecutable" */
+  '@atlaskit/icon-file-type/glyph/executable/16');
+}), _defineProperty(_importIconMapper, IconType.File, function () {
+  return import(
+  /* webpackChunkName: "glyphFile" */
+  '@atlaskit/icon-file-type/glyph/generic/16');
+}), _defineProperty(_importIconMapper, IconType.Folder, function () {
+  return import(
+  /* webpackChunkName: "glyphFolder" */
+  '@atlaskit/icon-file-type/glyph/folder/16');
+}), _defineProperty(_importIconMapper, IconType.Generic, function () {
+  return import(
+  /* webpackChunkName: "glyphGeneric" */
+  '@atlaskit/icon-file-type/glyph/generic/16');
+}), _defineProperty(_importIconMapper, IconType.GIF, function () {
+  return import(
+  /* webpackChunkName: "glyphGIF" */
+  '@atlaskit/icon-file-type/glyph/gif/16');
+}), _defineProperty(_importIconMapper, IconType.GoogleDocs, function () {
+  return import(
+  /* webpackChunkName: "glyphGoogleDocs" */
+  '@atlaskit/icon-file-type/glyph/google-doc/16');
+}), _defineProperty(_importIconMapper, IconType.GoogleForms, function () {
+  return import(
+  /* webpackChunkName: "glyphGoogleForms" */
+  '@atlaskit/icon-file-type/glyph/google-form/16');
+}), _defineProperty(_importIconMapper, IconType.GoogleSheets, function () {
+  return import(
+  /* webpackChunkName: "glyphGoogleSheets" */
+  '@atlaskit/icon-file-type/glyph/google-sheet/16');
+}), _defineProperty(_importIconMapper, IconType.GoogleSlides, function () {
+  return import(
+  /* webpackChunkName: "glyphGoogleSlides" */
+  '@atlaskit/icon-file-type/glyph/google-slide/16');
+}), _defineProperty(_importIconMapper, IconType.Image, function () {
+  return import(
+  /* webpackChunkName: "glyphImage" */
+  '@atlaskit/icon-file-type/glyph/image/16');
+}), _defineProperty(_importIconMapper, IconType.MSExcel, function () {
+  return import(
+  /* webpackChunkName: "glyphMSExcel" */
+  '@atlaskit/icon-file-type/glyph/excel-spreadsheet/16');
+}), _defineProperty(_importIconMapper, IconType.MSPowerpoint, function () {
+  return import(
+  /* webpackChunkName: "glyphMSPowerpoint" */
+  '@atlaskit/icon-file-type/glyph/powerpoint-presentation/16');
+}), _defineProperty(_importIconMapper, IconType.MSWord, function () {
+  return import(
+  /* webpackChunkName: "glyphMSWord" */
+  '@atlaskit/icon-file-type/glyph/word-document/16');
+}), _defineProperty(_importIconMapper, IconType.PDF, function () {
+  return import(
+  /* webpackChunkName: "glyphPDF" */
+  '@atlaskit/icon-file-type/glyph/pdf-document/16');
+}), _defineProperty(_importIconMapper, IconType.Presentation, function () {
+  return import(
+  /* webpackChunkName: "glyphPresentation" */
+  '@atlaskit/icon-file-type/glyph/presentation/16');
+}), _defineProperty(_importIconMapper, IconType.Sketch, function () {
+  return import(
+  /* webpackChunkName: "glyphSketch" */
+  '@atlaskit/icon-file-type/glyph/sketch/16');
+}), _defineProperty(_importIconMapper, IconType.Spreadsheet, function () {
+  return import(
+  /* webpackChunkName: "glyphSpreadsheet" */
+  '@atlaskit/icon-file-type/glyph/spreadsheet/16');
+}), _defineProperty(_importIconMapper, IconType.Template, function () {
+  return import(
+  /* webpackChunkName: "glyphTemplate" */
+  '@atlaskit/icon/glyph/document-filled');
+}), _defineProperty(_importIconMapper, IconType.Video, function () {
+  return import(
+  /* webpackChunkName: "glyphVideo" */
+  '@atlaskit/icon-file-type/glyph/video/16');
+}), _defineProperty(_importIconMapper, IconType.Branch, function () {
+  return import(
+  /* webpackChunkName: "glyphBranch" */
+  '@atlaskit/icon-object/glyph/branch/16');
+}), _defineProperty(_importIconMapper, IconType.Commit, function () {
+  return import(
+  /* webpackChunkName: "glyphCommit" */
+  '@atlaskit/icon-object/glyph/commit/16');
+}), _defineProperty(_importIconMapper, IconType.Project, function () {
+  return import(
+  /* webpackChunkName: "glyphProject" */
+  '@atlaskit/icon/glyph/people-group');
+}), _defineProperty(_importIconMapper, IconType.PullRequest, function () {
+  return import(
+  /* webpackChunkName: "glyphPullRequest" */
+  '@atlaskit/icon-object/glyph/pull-request/16');
+}), _defineProperty(_importIconMapper, IconType.Repo, function () {
+  return import(
+  /* webpackChunkName: "glyphRepo" */
+  '@atlaskit/icon-object/glyph/code/16');
+}), _defineProperty(_importIconMapper, IconType.Bug, function () {
+  return import(
+  /* webpackChunkName: "glyphBug" */
+  '@atlaskit/icon-object/glyph/bug/16');
+}), _defineProperty(_importIconMapper, IconType.Change, function () {
+  return import(
+  /* webpackChunkName: "glyphChange" */
+  '@atlaskit/icon-object/glyph/changes/16');
+}), _defineProperty(_importIconMapper, IconType.Epic, function () {
+  return import(
+  /* webpackChunkName: "glyphEpic" */
+  '@atlaskit/icon-object/glyph/epic/16');
+}), _defineProperty(_importIconMapper, IconType.Incident, function () {
+  return import(
+  /* webpackChunkName: "glyphIncident" */
+  '@atlaskit/icon-object/glyph/incident/16');
+}), _defineProperty(_importIconMapper, IconType.Problem, function () {
+  return import(
+  /* webpackChunkName: "glyphProblem" */
+  '@atlaskit/icon-object/glyph/problem/16');
+}), _defineProperty(_importIconMapper, IconType.ServiceRequest, function () {
+  return import(
+  /* webpackChunkName: "glyphServiceRequest" */
+  '@atlaskit/icon-object/glyph/issue/16');
+}), _defineProperty(_importIconMapper, IconType.Story, function () {
+  return import(
+  /* webpackChunkName: "glyphStory" */
+  '@atlaskit/icon-object/glyph/story/16');
+}), _defineProperty(_importIconMapper, IconType.SubTask, function () {
+  return import(
+  /* webpackChunkName: "glyphSubTask" */
+  '@atlaskit/icon-object/glyph/subtask/16');
+}), _defineProperty(_importIconMapper, IconType.Task, function () {
+  return import(
+  /* webpackChunkName: "glyphTask" */
+  '@atlaskit/icon-object/glyph/task/16');
+}), _defineProperty(_importIconMapper, IconType.Confluence, function () {
+  return import(
+  /* webpackChunkName: "glyphConfluence" */
+  '@atlaskit/logo/confluence-icon').then(function (_ref) {
+    var ConfluenceIcon = _ref.ConfluenceIcon;
+    return {
+      default: ConfluenceIcon
+    };
+  });
+}), _defineProperty(_importIconMapper, IconType.Jira, function () {
+  return import(
+  /* webpackChunkName: "glyphJira" */
+  '@atlaskit/logo/jira-icon').then(function (_ref2) {
+    var JiraIcon = _ref2.JiraIcon;
+    return {
+      default: JiraIcon
+    };
+  });
+}), _importIconMapper);
+
+var getIconImportFn = function getIconImportFn(icon) {
+  return importIconMapper[icon];
+};
+
+var importIcon = function importIcon(importFn) {
+  return Loadable({
+    loader: function loader() {
+      return importFn().then(function (module) {
+        return module.default;
+      });
+    },
+    loading: function loading() {
+      return null;
+    }
+  }); // Because we're using dynamic loading here, TS will not be able to infer the type.
+};
+
+var AtlaskitIcon = function AtlaskitIcon(_ref3) {
+  var icon = _ref3.icon,
+      label = _ref3.label,
+      testId = _ref3.testId;
+  var importFn = getIconImportFn(icon);
+
+  if (!importFn) {
+    return null;
+  }
+
+  var ImportedIcon = importIcon(importFn); // Logo component has a different prop set from other icon components
+  // and yet to support the token system.
+
+  var importedIcon = icon === IconType.Confluence || icon === IconType.Jira ? /*#__PURE__*/React.createElement(ImportedIcon, {
+    textColor: N700,
+    iconColor: B200,
+    iconGradientStart: B400,
+    iconGradientStop: B200
+  }) : /*#__PURE__*/React.createElement(ImportedIcon, {
+    label: label,
+    testId: testId
+  });
+  return importedIcon;
+};
+
+export default AtlaskitIcon;

package/dist/esm/view/FlexibleCard/components/elements/icon/atlaskit-icon/types.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/view/FlexibleCard/components/elements/icon/image-icon/index.js

@@ -0,0 +1,20 @@
+/** @jsx jsx */
+import React from 'react';
+import { jsx } from '@emotion/core';
+import ImageLoader from 'react-render-image';
+
+var ImageIcon = function ImageIcon(_ref) {
+  var defaultIcon = _ref.defaultIcon,
+      testId = _ref.testId,
+      url = _ref.url;
+  return jsx(ImageLoader, {
+    src: url,
+    loaded: jsx("img", {
+      src: url,
+      "data-testid": "".concat(testId, "-image")
+    }),
+    errored: defaultIcon
+  });
+};
+
+export default ImageIcon;

package/dist/esm/view/FlexibleCard/components/elements/icon/image-icon/types.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/view/FlexibleCard/components/elements/icon/index.js

@@ -0,0 +1,124 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+
+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) { _defineProperty(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; }
+
+/** @jsx jsx */
+import React, { useMemo } from 'react';
+import LinkIcon from '@atlaskit/icon/glyph/link';
+import { css, jsx } from '@emotion/core';
+import { SmartLinkSize } from '../../../../../constants';
+import AtlaskitIcon from './atlaskit-icon';
+import ImageIcon from './image-icon';
+
+var getDimensionStyles = function getDimensionStyles(value) {
+  return {
+    maxHeight: value,
+    maxWidth: value,
+    minHeight: value,
+    minWidth: value,
+    height: value,
+    width: value
+  };
+};
+
+var getSizeStyles = function getSizeStyles(size) {
+  switch (size) {
+    case SmartLinkSize.XLarge:
+      return getDimensionStyles('1.75rem');
+
+    case SmartLinkSize.Large:
+      return getDimensionStyles('1.5rem');
+
+    case SmartLinkSize.Medium:
+      return getDimensionStyles('1rem');
+
+    case SmartLinkSize.Small:
+    default:
+      return getDimensionStyles('.75rem');
+  }
+};
+
+var getMargin = function getMargin(size) {
+  switch (size) {
+    case SmartLinkSize.XLarge:
+      return '0.12em 0 0 0';
+
+    case SmartLinkSize.Large:
+      return '0';
+
+    case SmartLinkSize.Medium:
+      return '0';
+
+    case SmartLinkSize.Small:
+    default:
+      return '-.05em 0 0 0';
+  }
+};
+
+var getIconStyles = function getIconStyles(size) {
+  var styles = getSizeStyles(size);
+  return css(_objectSpread(_objectSpread({
+    flex: '0 0 auto',
+    alignSelf: 'flex-start',
+    margin: getMargin(size)
+  }, styles), {}, {
+    '[class$="-Icon"],[class$="-Wrapper"]': _objectSpread(_objectSpread({}, styles), {}, {
+      '> svg': _objectSpread(_objectSpread({}, styles), {}, {
+        padding: 0
+      })
+    }),
+    '& > img': styles
+  }));
+};
+
+var renderAtlaskitIcon = function renderAtlaskitIcon(icon, label, testId) {
+  if (icon) {
+    return jsx(AtlaskitIcon, {
+      icon: icon,
+      label: label,
+      testId: "".concat(testId, "-icon")
+    });
+  }
+};
+
+var renderDefaultIcon = function renderDefaultIcon(label, testId) {
+  return jsx(LinkIcon, {
+    label: label,
+    testId: "".concat(testId, "-default")
+  });
+};
+
+var renderImageIcon = function renderImageIcon(defaultIcon, icon, url, testId) {
+  if (url) {
+    return jsx(ImageIcon, {
+      defaultIcon: defaultIcon,
+      testId: testId,
+      url: url
+    });
+  }
+};
+
+var Icon = function Icon(_ref) {
+  var icon = _ref.icon,
+      _ref$label = _ref.label,
+      label = _ref$label === void 0 ? 'Link' : _ref$label,
+      _ref$size = _ref.size,
+      size = _ref$size === void 0 ? SmartLinkSize.Medium : _ref$size,
+      _ref$testId = _ref.testId,
+      testId = _ref$testId === void 0 ? 'smart-element-icon' : _ref$testId,
+      url = _ref.url;
+  var element = useMemo(function () {
+    var defaultIcon = renderDefaultIcon(label, testId);
+    return renderImageIcon(defaultIcon, icon, url, testId) || renderAtlaskitIcon(icon, label, testId) || defaultIcon;
+  }, [icon, label, testId, url]);
+  var styles = getIconStyles(size);
+  return jsx("div", {
+    css: styles,
+    "data-smart-element-icon": true,
+    "data-testid": testId
+  }, element);
+};
+
+export default Icon;

package/dist/esm/view/FlexibleCard/components/elements/icon/types.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/view/FlexibleCard/components/elements/link/index.js

@@ -0,0 +1,120 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+
+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) { _defineProperty(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; }
+
+/** @jsx jsx */
+import React from 'react';
+import { B400, N800, N900, B500 } from '@atlaskit/theme/colors';
+import { h200, h400, h600, h800 } from '@atlaskit/theme/typography';
+import { token } from '@atlaskit/tokens';
+import { css, jsx } from '@emotion/core';
+import { SmartLinkSize, SmartLinkTheme } from '../../../../../constants';
+var DEFAULT_MAX_LINES = 2;
+var MAXIMUM_MAX_LINES = 2;
+var MINIMUM_MAX_LINES = 1;
+
+var getSizeStyles = function getSizeStyles(size) {
+  var overrides = {
+    marginTop: 'unset'
+  };
+
+  switch (size) {
+    case SmartLinkSize.XLarge:
+      return _objectSpread(_objectSpread({}, h800()), overrides);
+
+    case SmartLinkSize.Large:
+      return _objectSpread(_objectSpread({}, h600()), overrides);
+
+    case SmartLinkSize.Medium:
+      return _objectSpread(_objectSpread({}, h400()), overrides);
+
+    case SmartLinkSize.Small:
+    default:
+      return _objectSpread(_objectSpread({}, h200()), overrides);
+  }
+};
+
+var getThemeStyles = function getThemeStyles(theme) {
+  switch (theme) {
+    case SmartLinkTheme.Black:
+      return {
+        color: token('color.text.subtle', N800),
+        fontWeight: 500,
+        ':active': {
+          color: token('color.text', N900)
+        },
+        ':hover': {
+          color: token('color.text.subtle', N800),
+          textDecoration: 'underline'
+        }
+      };
+
+    case SmartLinkTheme.Link:
+    default:
+      return {
+        color: token('color.link', B400),
+        ':active': {
+          color: token('color.link.pressed', B500)
+        },
+        ':hover': {
+          color: token('color.link', B400),
+          textDecoration: 'underline'
+        }
+      };
+  }
+};
+
+var getTruncateStyles = function getTruncateStyles(maxLines) {
+  var lineHeight = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 16;
+  return {
+    display: '-webkit-box',
+    flex: '1 1 auto',
+    overflow: 'hidden',
+    textOverflow: 'ellipsis',
+    wordBreak: 'break-word',
+    WebkitLineClamp: maxLines,
+    WebkitBoxOrient: 'vertical',
+    // Fallback options.
+    maxHeight: "".concat((maxLines * lineHeight).toFixed(3), "em")
+  };
+};
+
+var getStyles = function getStyles(size, theme, maxLines) {
+  var sizeStyles = getSizeStyles(size);
+  return css(_objectSpread(_objectSpread(_objectSpread({}, sizeStyles), getTruncateStyles(maxLines, sizeStyles === null || sizeStyles === void 0 ? void 0 : sizeStyles.lineHeight)), getThemeStyles(theme)));
+};
+
+var getMaxLines = function getMaxLines(maxLines) {
+  if (maxLines > MAXIMUM_MAX_LINES) {
+    return DEFAULT_MAX_LINES;
+  }
+
+  if (maxLines < MINIMUM_MAX_LINES) {
+    return MINIMUM_MAX_LINES;
+  }
+
+  return maxLines;
+};
+
+var Link = function Link(_ref) {
+  var _ref$maxLines = _ref.maxLines,
+      maxLines = _ref$maxLines === void 0 ? DEFAULT_MAX_LINES : _ref$maxLines,
+      _ref$size = _ref.size,
+      size = _ref$size === void 0 ? SmartLinkSize.Medium : _ref$size,
+      _ref$testId = _ref.testId,
+      testId = _ref$testId === void 0 ? 'smart-element-link' : _ref$testId,
+      text = _ref.text,
+      _ref$theme = _ref.theme,
+      theme = _ref$theme === void 0 ? SmartLinkTheme.Link : _ref$theme,
+      url = _ref.url;
+  return jsx("a", {
+    css: getStyles(size, theme, getMaxLines(maxLines)),
+    href: url,
+    "data-smart-element-link": true,
+    "data-testid": testId
+  }, text);
+};
+
+export default Link;

package/dist/esm/view/FlexibleCard/components/elements/link/types.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/view/FlexibleCard/components/elements/types.js

@@ -0,0 +1 @@
+export {};

package/dist/types/constants.d.ts

@@ -0,0 +1,56 @@
+export declare enum SmartLinkDirection {
+    Horizontal = "Horizontal",
+    Vertical = "Vertical"
+}
+export declare enum SmartLinkSize {
+    XLarge = "xlarge",
+    Large = "large",
+    Medium = "medium",
+    Small = "small"
+}
+export declare enum SmartLinkTheme {
+    Black = "Black",
+    Link = "Link"
+}
+export declare enum IconType {
+    Archive = "FileType:Archive",
+    Audio = "FileType:Audio",
+    Blog = "FileType:Blog",
+    Code = "FileType:Code",
+    Document = "FileType:Document",
+    Executable = "FileType:Executable",
+    File = "FileType:File",
+    Folder = "FileType:Folder",
+    Generic = "FileType:Generic",
+    GIF = "FileType:GIF",
+    GoogleDocs = "FileType:GoogleDocs",
+    GoogleForms = "FileType:GoogleForms",
+    GoogleSheets = "FileType:GoogleSheets",
+    GoogleSlides = "FileType:GoogleSlides",
+    Image = "FileType.Image",
+    MSExcel = "FileType:Excel",
+    MSPowerpoint = "FileType:Powerpoint",
+    MSWord = "FileType:WordDocument",
+    PDF = "FileType:PDF",
+    Presentation = "FileType:Presentation",
+    Sketch = "FileType:Sketch",
+    Spreadsheet = "FileType:Spreadsheet",
+    Template = "FileType:Template",
+    Video = "FileType:Video",
+    Branch = "BitBucket:Branch",
+    Commit = "BitBucket:Commit",
+    Project = "BitBucket:Project",
+    PullRequest = "BitBucket:PullRequest",
+    Repo = "BitBucket:Repo",
+    Bug = "Jira:Bug",
+    Change = "Jira:Change",
+    Epic = "Jira:Epic",
+    Incident = "Jira:Incident",
+    Problem = "Jira:Problem",
+    ServiceRequest = "Jira:ServiceRequest",
+    Story = "Jira:Story",
+    SubTask = "Jira:SubTask",
+    Task = "Jira:Task",
+    Confluence = "Provider:Confluence",
+    Jira = "Provider:Jira"
+}

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

@@ -3,6 +3,6 @@ import { AnalyticsHandler } from '../../utils/types';
 export interface ExtractBlockOpts {
     handleInvoke: InvokeHandler;
     handleAnalytics: AnalyticsHandler;
-    definitionId?: string;
+    extensionKey?: string;
     testId?: string;
 }

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

@@ -2,4 +2,4 @@ import { BlockCardResolvedViewProps } from '@atlaskit/media-ui';
 import { JsonLd } from 'json-ld-types';
 import { InvokeHandler } from '../../../model/invoke-handler';
 import { AnalyticsHandler } from '../../../utils/types';
-export declare const extractPreviewAction: (definitionId: string | undefined, viewProps: BlockCardResolvedViewProps, jsonLd: JsonLd.Data.BaseData, handleInvoke: InvokeHandler, handleAnalytics: AnalyticsHandler, testId?: string | undefined, platform?: "web" | "mobile" | undefined) => import("@atlaskit/media-ui").ActionProps | undefined;
+export declare const extractPreviewAction: (extensionKey: string | undefined, viewProps: BlockCardResolvedViewProps, jsonLd: JsonLd.Data.BaseData, handleInvoke: InvokeHandler, handleAnalytics: AnalyticsHandler, testId?: string | undefined, platform?: "web" | "mobile" | undefined) => import("@atlaskit/media-ui").ActionProps | undefined;

package/dist/types/extractors/flexible/index.d.ts

@@ -0,0 +1,4 @@
+import { JsonLd } from 'json-ld-types';
+import { FlexibleUiDataContext } from '../../state/flexible-ui-context/types';
+declare const extractFlexibleUiContext: (response?: JsonLd.Response<JsonLd.Data.BaseData> | undefined) => FlexibleUiDataContext | undefined;
+export default extractFlexibleUiContext;

package/dist/types/index.d.ts

@@ -14,5 +14,5 @@ export { EmbedResizeMessageListener } from './view/EmbedCard/EmbedResizeMessageL
 export { embedHeaderHeight } from '@atlaskit/media-ui/embeds';
 export { SmartLinkEvents } from './utils/analytics/analytics';
 export { useSmartLinkEvents } from './view/SmartLinkEvents/useSmartLinkEvents';
-export { contentFooterClassName, metadataListClassName, blockCardResolvingViewClassName, blockCardResolvedViewClassName, blockCardForbiddenViewClassName, blockCardIconImageClassName, } from '@atlaskit/media-ui/classNames';
+export { contentFooterClassName, metadataListClassName, blockCardResolvingViewClassName, blockCardResolvedViewClassName, blockCardForbiddenViewClassName, blockCardIconImageClassName, blockCardResolvedViewByClassName, blockCardForbiddenViewLinkClassName, blockCardContentClassName, blockCardContentHeaderClassName, blockCardContentHeaderNameClassName, blockCardNotFoundViewClassName, blockCardErroredViewClassName, } from '@atlaskit/media-ui/classNames';
 export { loadingPlaceholderClassName } from './view/CardWithUrl/component-lazy/LazyFallback';

package/dist/types/state/analytics/ufoExperiences.d.ts

@@ -1,5 +1,5 @@
 import { CustomData } from '@atlaskit/ufo';
-declare type UfoExperienceName = 'smart-link-rendered' | 'smart-link-authenticated';
+declare type UfoExperienceName = 'smart-link-rendered' | 'smart-link-authenticated' | 'smart-link-action-invocation';
 export declare const startUfoExperience: (experienceName: UfoExperienceName, id: string, properties?: CustomData | undefined) => void;
 export declare const succeedUfoExperience: (experienceName: UfoExperienceName, id: string, properties?: CustomData | undefined) => void;
 export declare const failUfoExperience: (experienceName: UfoExperienceName, id: string, properties?: CustomData | undefined) => void;

package/dist/types/state/analytics/useSmartLinkAnalytics.d.ts

@@ -2,12 +2,13 @@ import { AnalyticsHandler } from '../../utils/types';
 import { CardInnerAppearance } from '../../view/Card/types';
 import { CardType } from '../store/types';
 import { APIError } from '../../client/errors';
+import { InvokeType } from '../../model/invoke-opts';
 export declare const useSmartLinkAnalytics: (dispatchAnalytics: AnalyticsHandler) => {
     ui: {
         authEvent: (display: CardInnerAppearance, definitionId?: string | undefined, extensionKey?: string | undefined) => void;
         authAlternateAccountEvent: (display: CardInnerAppearance, definitionId?: string | undefined, extensionKey?: string | undefined) => void;
         cardClickedEvent: (display: CardInnerAppearance, definitionId?: string | undefined, extensionKey?: string | undefined) => void;
-        actionClickedEvent: (providerKey: string, actionType: string, display?: "inline" | "block" | "embed" | "preview" | undefined) => void;
+        actionClickedEvent: (id: string, extensionKey: string, actionType: string, display: CardInnerAppearance, invokeType: InvokeType) => void;
         closedAuthEvent: (display: CardInnerAppearance, definitionId?: string | undefined, extensionKey?: string | undefined) => void;
         renderSuccessEvent: (display: CardInnerAppearance, id: string, definitionId?: string | undefined, extensionKey?: string | undefined) => void;
     };

package/dist/types/state/context/provider.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { CardProviderProps } from './types';
 export declare function SmartCardProvider({ storeOptions, client: customClient, authFlow: customAuthFlow, children, renderers, }: CardProviderProps): JSX.Element;
 export type { CardProviderProps as ProviderProps };

package/dist/types/state/flexible-ui-context/index.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { FlexibleUiDataContext } from './types';
+export declare const FlexibleUiContext: import("react").Context<FlexibleUiDataContext | undefined>;
+export declare const useFlexibleUiContext: () => FlexibleUiDataContext | undefined;

package/dist/types/state/flexible-ui-context/types.d.ts

@@ -0,0 +1,3 @@
+export declare type FlexibleUiDataContext = {
+    title?: string;
+};

package/dist/types/state/hooks/useSmartLink.d.ts

@@ -13,7 +13,7 @@ export declare function useSmartLink(id: string, url: string, dispatchAnalytics:
             authEvent: (display: import("../../view/Card/types").CardInnerAppearance, definitionId?: string | undefined, extensionKey?: string | undefined) => void;
             authAlternateAccountEvent: (display: import("../../view/Card/types").CardInnerAppearance, definitionId?: string | undefined, extensionKey?: string | undefined) => void;
             cardClickedEvent: (display: import("../../view/Card/types").CardInnerAppearance, definitionId?: string | undefined, extensionKey?: string | undefined) => void;
-            actionClickedEvent: (providerKey: string, actionType: string, display?: "inline" | "block" | "embed" | "preview" | undefined) => void;
+            actionClickedEvent: (id: string, extensionKey: string, actionType: string, display: import("../../view/Card/types").CardInnerAppearance, invokeType: import("../../model/invoke-opts").InvokeType) => void;
             closedAuthEvent: (display: import("../../view/Card/types").CardInnerAppearance, definitionId?: string | undefined, extensionKey?: string | undefined) => void;
             renderSuccessEvent: (display: import("../../view/Card/types").CardInnerAppearance, id: string, definitionId?: string | undefined, extensionKey?: string | undefined) => void;
         };