@atlaskit/smart-card 45.20.7 → 45.21.1

package/dist/es2019/view/FlexibleCard/components/elements/custom-by-status-element/index.js

@@ -1,30 +1,9 @@
-import React from 'react';
-import { useFlexibleCardContext } from '../../../../../state/flexible-ui-context';
+/* eslint-disable @repo/internal/deprecations/deprecation-ticket-required -- VOLTC-139 tracks removal of these deprecated re-export shims. */
+
+import { CustomByStatusElement } from './CustomByStatusElement';
+export default CustomByStatusElement;
+
 /**
- * Public API — exported externally. Do not add props without external support intent.
+ * @deprecated Use `import { CustomByStatusElement } from '@atlaskit/smart-card/custom-by-status-element'` instead.
  */
-const CustomByStatusElement = ({
-  className,
-  testId = 'custom-by-status-element',
-  ...props
-}) => {
-  const context = useFlexibleCardContext();
-  const status = context === null || context === void 0 ? void 0 : context.status;
-  if (!status) {
-    return null;
-  }
-  const component = props[status];
-  if (!component) {
-    return null;
-  }
-  return /*#__PURE__*/React.createElement("span", {
-    "data-separator": true,
-    "data-smart-element": "custom-element",
-    "data-smart-element-text": true,
-    "data-testid": testId
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
-    ,
-    className: className
-  }, component);
-};
-export default CustomByStatusElement;
+export { CustomByStatusElement } from './CustomByStatusElement';

package/dist/es2019/view/FlexibleCard/components/elements/due-on-element/index.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import { ElementName } from '../../../../../constants';
-import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context';
+import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context/useFlexibleUiContext';
 import { BaseLozengeElement, toDateLozengeProps } from '../common';
 const DueOnElement = props => {
   const context = useFlexibleUiContext();

package/dist/es2019/view/FlexibleCard/components/elements/host-name-element/index.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import { ElementName } from '../../../../../constants';
-import { useFlexibleCardContext } from '../../../../../state/flexible-ui-context';
+import { useFlexibleCardContext } from '../../../../../state/flexible-ui-context/useFlexibleCardContext';
 import { BaseTextElement } from '../common';
 const HostNameElement = props => {
   var _context$data;

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

@@ -1,40 +1 @@
-export { default as AssignedTo } from './assigned-to-element';
-export { default as AssignedToGroup } from './assigned-to-group-element';
-export { default as AttachmentCount } from './attachment-count-element';
-export { default as AuthorGroup } from './author-group-element';
-export { default as ChecklistProgress } from './checklist-progress-element';
-export { default as CollaboratorGroup } from './collaborator-group-element';
-export { default as CommentCount } from './comment-count-element';
-export { default as CreatedOn } from './created-on-element';
-export { default as CreatedBy } from './created-by-element';
-export { default as DueOn } from './due-on-element';
-export { default as LatestCommit } from './latest-commit-element';
-export { default as LinkIcon } from './link-icon-element';
-export { default as Location } from './location-element';
-export { default as ModifiedBy } from './modified-by-element';
-export { default as ModifiedOn } from './modified-on-element';
-export { default as OwnedBy } from './owned-by-element';
-export { default as OwnedByGroup } from './owned-by-group-element';
-export { default as Preview } from './preview-element';
-export { default as Priority } from './priority-element';
-export { default as ProgrammingLanguage } from './programming-language-element';
-export { default as Provider } from './provider-element';
-export { default as ReactCount } from './react-count-element';
-export { default as ReadTime } from './read-time-element';
-export { default as SentOn } from './sent-on-element';
-export { default as Snippet } from './snippet-element';
-export { default as SourceBranch } from './source-branch-element';
-export { default as State } from './state-element';
-export { default as SubscriberCount } from './subscriber-count-element';
-export { default as SubTasksProgress } from './sub-tasks-progress-element';
-export { default as StoryPoints } from './story-points-element';
-export { default as TargetBranch } from './target-branch-element';
-export { default as TeamMemberCount } from './team-member-count-element';
-export { default as Title } from './title-element';
-export { default as UserAttributes } from './user-attributes-element';
-export { default as HostName } from './host-name-element';
-export { default as ViewCount } from './view-count-element';
-export { default as VoteCount } from './vote-count-element';
-export { default as AppliedToComponentsCount } from './applied-to-components-count-element';
-export { default as CustomByAccessTypeElement } from './custom-by-access-type-element';
-export { default as CustomByStatusElement } from './custom-by-status-element';
+export {};

package/dist/es2019/view/FlexibleCard/components/elements/latest-commit-element/index.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import { ElementName, IconType } from '../../../../../constants';
-import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context';
+import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context/useFlexibleUiContext';
 import { BaseBadgeElement, toBadgeProps } from '../common';
 const LatestCommitElement = props => {
   var _context$latestCommit;

package/dist/es2019/view/FlexibleCard/components/elements/link-icon-element/index.js

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { ElementName } from '../../../../../constants';
-import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context';
+import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context/useFlexibleUiContext';
 import { BaseIconElement, toLinkIconProps } from '../common';
 import { resourceTypeToLabel } from './resourceTypeToLabel';
 const LinkIconElement = props => {

package/dist/es2019/view/FlexibleCard/components/elements/location-element/index.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import { ElementName, SmartLinkInternalTheme } from '../../../../../constants';
-import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context';
+import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context/useFlexibleUiContext';
 import { BaseLinkElement } from '../common';
 const LocationElement = props => {
   var _context$location;

package/dist/es2019/view/FlexibleCard/components/elements/media-element/index.js

@@ -2,7 +2,7 @@
 import "./index.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
-import { useFlexibleUiOptionContext } from '../../../../../state/flexible-ui-context';
+import { useFlexibleUiOptionContext } from '../../../../../state/flexible-ui-context/useFlexibleUiOptionContext';
 import ImageIcon from '../../../../common/image-icon';
 /**
  * Media: Image

package/dist/es2019/view/FlexibleCard/components/elements/modified-by-element/index.js

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import { ElementName } from '../../../../../constants';
 import { messages } from '../../../../../messages';
-import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context';
+import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context/useFlexibleUiContext';
 import { BaseTextElement, toFormattedTextProps } from '../common';
 const ModifiedByElement = props => {
   const context = useFlexibleUiContext();

package/dist/es2019/view/FlexibleCard/components/elements/modified-on-element/index.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React, { useEffect } from 'react';
 import { ElementName } from '../../../../../constants';
-import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context';
+import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context/useFlexibleUiContext';
 import { BaseDateTimeElement, toDateTimeProps } from '../common';
 const ModifiedOnElement = props => {
   const context = useFlexibleUiContext();

package/dist/es2019/view/FlexibleCard/components/elements/owned-by-element/index.js

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import React, { useEffect } from 'react';
 import { ElementName } from '../../../../../constants';
 import { messages } from '../../../../../messages';
-import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context';
+import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context/useFlexibleUiContext';
 import { BaseTextElement, toFormattedTextProps } from '../common';
 const OwnedByElement = props => {
   const context = useFlexibleUiContext();

package/dist/es2019/view/FlexibleCard/components/elements/owned-by-group-element/index.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React, { useEffect } from 'react';
 import { ElementName } from '../../../../../constants';
-import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context';
+import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context/useFlexibleUiContext';
 import { BaseAvatarGroupElement, toAvatarGroupProps } from '../common';
 const OwnedByGroupElement = props => {
   const context = useFlexibleUiContext();

package/dist/es2019/view/FlexibleCard/components/elements/preview-element/index.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import { MediaType } from '../../../../../constants';
-import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context';
+import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context/useFlexibleUiContext';
 import MediaElement from '../media-element';
 const PreviewElement = props => {
   const {

package/dist/es2019/view/FlexibleCard/components/elements/priority-element/index.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import { ElementName } from '../../../../../constants';
-import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context';
+import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context/useFlexibleUiContext';
 import { BaseBadgeElement } from '../common';
 const PriorityElement = props => {
   var _context$priority;

package/dist/es2019/view/FlexibleCard/components/elements/programming-language-element/index.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import { ElementName, IconType } from '../../../../../constants';
-import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context';
+import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context/useFlexibleUiContext';
 import { BaseBadgeElement, toBadgeProps } from '../common';
 const ProgrammingLanguageElement = props => {
   const context = useFlexibleUiContext();

package/dist/es2019/view/FlexibleCard/components/elements/provider-element/index.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import { ElementName } from '../../../../../constants';
-import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context';
+import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context/useFlexibleUiContext';
 import { BaseBadgeElement } from '../common';
 const ProviderElement = props => {
   var _context$provider;

package/dist/es2019/view/FlexibleCard/components/elements/react-count-element/index.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React, { useEffect } from 'react';
 import { ElementName, IconType } from '../../../../../constants';
-import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context';
+import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context/useFlexibleUiContext';
 import { BaseBadgeElement, toBadgeProps } from '../common';
 const ReactCountElement = props => {
   var _context$reactCount;

package/dist/es2019/view/FlexibleCard/components/elements/read-time-element/index.js

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import { ElementName } from '../../../../../constants';
 import { messages } from '../../../../../messages';
-import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context';
+import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context/useFlexibleUiContext';
 import { BaseTextElement, toFormattedTextProps } from '../common';
 const ReadTimeElement = props => {
   const context = useFlexibleUiContext();

package/dist/es2019/view/FlexibleCard/components/elements/sent-on-element/index.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import { ElementName } from '../../../../../constants';
-import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context';
+import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context/useFlexibleUiContext';
 import { BaseDateTimeElement, toDateTimeProps } from '../common';
 const SentOnElement = props => {
   const context = useFlexibleUiContext();

package/dist/es2019/view/FlexibleCard/components/elements/snippet-element/index.js

@@ -3,7 +3,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import "./index.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
-import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context';
+import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context/useFlexibleUiContext';
 import { BaseTextElement } from '../common';
 const SNIPPET_DEFAULT_MAX_LINES = 3;
 const snippetBaseStyle = null;

package/dist/es2019/view/FlexibleCard/components/elements/source-branch-element/index.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import { ElementName } from '../../../../../constants';
-import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context';
+import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context/useFlexibleUiContext';
 import { BaseTextElement, toTextProps } from '../common';
 const SourceBranchElement = props => {
   const context = useFlexibleUiContext();

package/dist/es2019/view/FlexibleCard/components/elements/state-element/index.js

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import React, { useMemo } from 'react';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { ElementName } from '../../../../../constants';
-import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context';
+import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context/useFlexibleUiContext';
 import { BaseLozengeElement } from '../common';
 const STATE_METRIC_REGEX = /^(.+?)\s+-\s+(\d+(?:\.\d+)?)$/;
 const StateElement = props => {

package/dist/es2019/view/FlexibleCard/components/elements/story-points-element/index.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import { ElementName } from '../../../../../constants';
-import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context';
+import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context/useFlexibleUiContext';
 import { BaseAtlaskitBadgeElement, toAtlaskitBadgeProps } from '../common';
 const StoryPointsElement = props => {
   const context = useFlexibleUiContext();

package/dist/es2019/view/FlexibleCard/components/elements/sub-tasks-progress-element/index.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import { ElementName, IconType } from '../../../../../constants';
-import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context';
+import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context/useFlexibleUiContext';
 import { BaseBadgeElement, toBadgeProps } from '../common';
 const SubTasksProgressElement = props => {
   var _context$subTasksProg;

package/dist/es2019/view/FlexibleCard/components/elements/subscriber-count-element/index.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import { ElementName, IconType } from '../../../../../constants';
-import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context';
+import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context/useFlexibleUiContext';
 import { BaseBadgeElement, toBadgeProps } from '../common';
 const SubscriberCountElement = props => {
   var _context$subscriberCo;

package/dist/es2019/view/FlexibleCard/components/elements/target-branch-element/index.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import { ElementName } from '../../../../../constants';
-import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context';
+import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context/useFlexibleUiContext';
 import { BaseTextElement, toTextProps } from '../common';
 const TargetBranchElement = props => {
   const context = useFlexibleUiContext();

package/dist/es2019/view/FlexibleCard/components/elements/team-member-count-element/index.js

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import { ElementName } from '../../../../../constants';
 import { messages } from '../../../../../messages';
-import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context';
+import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context/useFlexibleUiContext';
 import { BaseTextElement, toFormattedTextProps } from '../common';
 const MAX_TEAM_MEMBER_LIMIT = 50;
 const TeamMemberCountElement = props => {

package/dist/es2019/view/FlexibleCard/components/elements/title-element/index.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import { ElementName } from '../../../../../constants';
-import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context';
+import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context/useFlexibleUiContext';
 import { BaseLinkElement } from '../common';
 const TitleElement = props => {
   const context = useFlexibleUiContext();

package/dist/es2019/view/FlexibleCard/components/elements/user-attributes-element/index.js

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import { ElementName } from '../../../../../constants';
 import { messages } from '../../../../../messages';
-import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context';
+import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context/useFlexibleUiContext';
 import { BaseTextElement, toFormattedTextProps } from '../common';
 const UserAttributesElement = props => {
   const context = useFlexibleUiContext();

package/dist/es2019/view/FlexibleCard/components/elements/view-count-element/index.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import { ElementName, IconType } from '../../../../../constants';
-import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context';
+import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context/useFlexibleUiContext';
 import { BaseBadgeElement, toBadgeProps } from '../common';
 const ViewCountElement = props => {
   var _context$viewCount;

package/dist/es2019/view/FlexibleCard/components/elements/vote-count-element/index.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import { ElementName, IconType } from '../../../../../constants';
-import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context';
+import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context/useFlexibleUiContext';
 import { BaseBadgeElement, toBadgeProps } from '../common';
 const VoteCountElement = props => {
   var _context$voteCount;

package/dist/es2019/view/FlexibleCard/components/getFormattedMessage.js

@@ -0,0 +1,14 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import { FormattedMessage } from 'react-intl';
+export const getFormattedMessage = message => {
+  if (message) {
+    const {
+      descriptor,
+      values
+    } = message;
+    return /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, descriptor, {
+      values: values
+    }));
+  }
+};

package/dist/es2019/view/FlexibleCard/components/getFormattedMessageAsString.js

@@ -0,0 +1,8 @@
+export const getFormattedMessageAsString = (intl, message, context) => {
+  const {
+    formatMessage
+  } = intl;
+  return message ? formatMessage(message, {
+    context
+  }) : '';
+};

package/dist/es2019/view/FlexibleCard/components/getIconWidth.js

@@ -0,0 +1,12 @@
+import { SmartLinkSize } from '../../../constants';
+export const getIconWidth = size => {
+  switch (size) {
+    case SmartLinkSize.XLarge:
+    case SmartLinkSize.Large:
+      return "var(--ds-space-300, 24px)";
+    case SmartLinkSize.Medium:
+    case SmartLinkSize.Small:
+    default:
+      return "var(--ds-space-200, 16px)";
+  }
+};

package/dist/es2019/view/FlexibleCard/components/getMaxLineHeight.js

@@ -0,0 +1,14 @@
+import { SmartLinkSize } from '../../../constants';
+export const getMaxLineHeight = size => {
+  // The maximum line height based on all elements in specific size.
+  // These heights belongs to AvatarGroup.
+  switch (size) {
+    case SmartLinkSize.XLarge:
+    case SmartLinkSize.Large:
+      return 1.75;
+    case SmartLinkSize.Medium:
+    case SmartLinkSize.Small:
+    default:
+      return 1.5;
+  }
+};

package/dist/es2019/view/FlexibleCard/components/getMaxLines.js

@@ -0,0 +1,9 @@
+export const getMaxLines = (value, defaultValue, max, min) => {
+  if (value > max) {
+    return defaultValue;
+  }
+  if (value < min) {
+    return min;
+  }
+  return value;
+};

package/dist/es2019/view/FlexibleCard/components/getPrimitivesInlineSpaceBySize.js

@@ -0,0 +1,19 @@
+import { SmartLinkSize } from '../../../constants';
+
+/**
+ * A space between element based on smart link size
+ * To replace blocks/utils.tsz getGapSize() with space token for primitives
+ */
+export const getPrimitivesInlineSpaceBySize = size => {
+  switch (size) {
+    case SmartLinkSize.XLarge:
+      return 'space.250';
+    case SmartLinkSize.Large:
+      return 'space.200';
+    case SmartLinkSize.Medium:
+      return 'space.100';
+    case SmartLinkSize.Small:
+    default:
+      return 'space.050';
+  }
+};

package/dist/es2019/view/FlexibleCard/components/hasWhiteSpace.js

@@ -0,0 +1,3 @@
+export const hasWhiteSpace = str => {
+  return str.search(/\s/) >= 0;
+};

package/dist/es2019/view/FlexibleCard/components/importIcon.js

@@ -0,0 +1,7 @@
+import Loadable from 'react-loadable';
+export const importIcon = importFn => {
+  return Loadable({
+    loader: () => importFn().then(module => module.default),
+    loading: () => null
+  }); // Because we're using dynamic loading here, TS will not be able to infer the type.
+};

package/dist/es2019/view/FlexibleCard/components/utils.js

@@ -1,90 +1,7 @@
-import _extends from "@babel/runtime/helpers/extends";
-import React from 'react';
-import { FormattedMessage } from 'react-intl';
-import Loadable from 'react-loadable';
 import { SmartLinkSize } from '../../../constants';
 export const sizeToButtonSpacing = {
   [SmartLinkSize.Small]: 'none',
   [SmartLinkSize.Medium]: 'compact',
   [SmartLinkSize.Large]: 'compact',
   [SmartLinkSize.XLarge]: 'default'
-};
-export const getFormattedMessage = message => {
-  if (message) {
-    const {
-      descriptor,
-      values
-    } = message;
-    return /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, descriptor, {
-      values: values
-    }));
-  }
-};
-export const getFormattedMessageAsString = (intl, message, context) => {
-  const {
-    formatMessage
-  } = intl;
-  return message ? formatMessage(message, {
-    context
-  }) : '';
-};
-export const getIconWidth = size => {
-  switch (size) {
-    case SmartLinkSize.XLarge:
-    case SmartLinkSize.Large:
-      return "var(--ds-space-300, 24px)";
-    case SmartLinkSize.Medium:
-    case SmartLinkSize.Small:
-    default:
-      return "var(--ds-space-200, 16px)";
-  }
-};
-export const importIcon = importFn => {
-  return Loadable({
-    loader: () => importFn().then(module => module.default),
-    loading: () => null
-  }); // Because we're using dynamic loading here, TS will not be able to infer the type.
-};
-export const getMaxLineHeight = size => {
-  // The maximum line height based on all elements in specific size.
-  // These heights belongs to AvatarGroup.
-  switch (size) {
-    case SmartLinkSize.XLarge:
-    case SmartLinkSize.Large:
-      return 1.75;
-    case SmartLinkSize.Medium:
-    case SmartLinkSize.Small:
-    default:
-      return 1.5;
-  }
-};
-export const getMaxLines = (value, defaultValue, max, min) => {
-  if (value > max) {
-    return defaultValue;
-  }
-  if (value < min) {
-    return min;
-  }
-  return value;
-};
-
-/**
- * A space between element based on smart link size
- * To replace blocks/utils.tsz getGapSize() with space token for primitives
- */
-export const getPrimitivesInlineSpaceBySize = size => {
-  switch (size) {
-    case SmartLinkSize.XLarge:
-      return 'space.250';
-    case SmartLinkSize.Large:
-      return 'space.200';
-    case SmartLinkSize.Medium:
-      return 'space.100';
-    case SmartLinkSize.Small:
-    default:
-      return 'space.050';
-  }
-};
-export const hasWhiteSpace = str => {
-  return str.search(/\s/) >= 0;
 };

package/dist/es2019/view/FlexibleCard/getContextByStatus.js

@@ -0,0 +1,47 @@
+import { InternalActionName, SmartLinkStatus } from '../../constants';
+import extractFlexibleUiContext from '../../extractors/flexible';
+import { extractHostName } from '../../extractors/flexible/extract-host-name';
+import extractLinkTitle from '../../extractors/flexible/extract-link-title';
+import extractProvider from '../../extractors/flexible/extract-provider';
+import { extractSmartLinkPreviewImage } from '../../extractors/flexible/extract-smart-link-preview-image';
+import { extractErrorIcon } from '../../extractors/flexible/icon/extract-error-icon';
+import { getRetryOptions } from './getRetryOptions';
+export const getContextByStatus = params => {
+  var _response$meta, _response$meta$reques;
+  const {
+    onClick,
+    response,
+    status,
+    url
+  } = params !== null && params !== void 0 ? params : {};
+  switch (status) {
+    case SmartLinkStatus.Pending:
+    case SmartLinkStatus.Resolving:
+      return {
+        linkTitle: extractLinkTitle(status, url, response, onClick),
+        url
+      };
+    case SmartLinkStatus.Resolved:
+      return extractFlexibleUiContext(params);
+    case SmartLinkStatus.Unauthorized:
+    case SmartLinkStatus.Forbidden:
+    case SmartLinkStatus.NotFound:
+    case SmartLinkStatus.Errored:
+    case SmartLinkStatus.Fallback:
+    default:
+      return {
+        url,
+        linkIcon: extractErrorIcon(response, status),
+        linkTitle: extractLinkTitle(status, url, response, onClick),
+        preview: extractSmartLinkPreviewImage(response),
+        provider: extractProvider(response),
+        actions: {
+          [InternalActionName.UnresolvedAction]: getRetryOptions(url, status, response, params.onAuthorize)
+        },
+        meta: {
+          accessType: response === null || response === void 0 ? void 0 : (_response$meta = response.meta) === null || _response$meta === void 0 ? void 0 : (_response$meta$reques = _response$meta.requestAccess) === null || _response$meta$reques === void 0 ? void 0 : _response$meta$reques.accessType
+        },
+        hostName: extractHostName(response)
+      };
+  }
+};