@atlaskit/smart-card 18.0.22 → 19.0.2

package/dist/esm/state/store/index.js

@@ -1,7 +1,7 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import { useEffect, useState } from 'react';
-import { useSmartLinkContext } from '../context';
-import { getUrl } from '../helpers';
+import { useSmartLinkContext } from '@atlaskit/link-provider';
+import { getUrl } from '@atlaskit/linking-common';
 export function useSmartCardState(url) {
   var _useSmartLinkContext = useSmartLinkContext(),
       store = _useSmartLinkContext.store; // Initially, card state should be pending and 'empty'.

package/dist/esm/utils/mocks.js

@@ -10,7 +10,7 @@ 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';
+import { CardClient } from '@atlaskit/link-provider';
 export var mockContext = {
   '@vocab': 'https://www.w3.org/ns/activitystreams#',
   atlassian: 'https://schema.atlassian.com/ns/vocabulary#',

package/dist/esm/utils/test-utils.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
-import CardClient from '../client';
+import { CardClient } from '@atlaskit/link-provider';
 import { SmartCardProvider } from '../state';
 
 var Hook = function Hook(props) {

package/dist/esm/version.json

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

package/dist/esm/view/CardWithUrl/component-lazy/LazyIntersectionObserverCard.js

@@ -3,7 +3,8 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import React, { useCallback, useState } from 'react';
 import { usePrefetch } from '../../../state';
 import { CardWithUrlContent } from '../component';
-import { LoadingCardLink } from './LazyFallback'; // This property enables the intersection observer to be run once the
+import { LoadingCardLink } from './LazyFallback';
+import { startUfoExperience } from '../../../state/analytics/ufoExperiences'; // This property enables the intersection observer to be run once the
 // HTML element being observed is within `X` px of the target container it is
 // being compared to. Since the default container is the `document`, we set this
 // up to check once a Smart Link is within `X` px from the bottom of the viewport.
@@ -17,7 +18,8 @@ export function LazyIntersectionObserverCard(props) {
 
   var showActions = props.showActions,
       appearance = props.appearance,
-      url = props.url;
+      url = props.url,
+      id = props.id;
   var prefetch = usePrefetch(url);
   var Component = appearance === 'inline' ? 'span' : 'div';
   var ComponentObserver = Component;
@@ -27,12 +29,13 @@ export function LazyIntersectionObserverCard(props) {
     });
 
     if (isVisible) {
+      startUfoExperience('smart-link-rendered', id);
       setIsIntersecting(true);
       observer.disconnect();
     } else {
       prefetch();
     }
-  }, [prefetch]);
+  }, [prefetch, id]);
   var onRef = useCallback(function (element) {
     if (!element) {
       return;

package/dist/esm/view/CardWithUrl/component-lazy/LazyLazilyRenderCard.js

@@ -1,13 +1,19 @@
 import _extends from "@babel/runtime/helpers/extends";
-import React from 'react';
+import React, { useState } from 'react';
 import LazilyRender from 'react-lazily-render';
 import { CardWithUrlContent } from '../component';
 import { LoadingCardLink } from './LazyFallback';
+import { startUfoExperience } from '../../../state/analytics/ufoExperiences';
 export function LazyLazilyRenderCard(props) {
   var appearance = props.appearance,
       container = props.container,
-      showActions = props.showActions;
+      showActions = props.showActions,
+      id = props.id;
   var offset = Math.ceil(window.innerHeight / 4);
+  useState(function () {
+    // Start of experience when intersectionObserver is not supported.
+    startUfoExperience('smart-link-rendered', id);
+  });
   return /*#__PURE__*/React.createElement(LazilyRender, {
     offset: offset,
     component: appearance === 'inline' ? 'span' : 'div',

package/dist/esm/view/CardWithUrl/loader.js

@@ -16,13 +16,8 @@ export function CardWithURLRenderer(props) {
     return uuid();
   }),
       _useState2 = _slicedToArray(_useState, 1),
-      id = _useState2[0]; // Equivalent to ComponentWillMount
+      id = _useState2[0];
 
-
-  useState(function () {
-    // We want to start timing of render event only once and right at the start
-    startUfoExperience('smart-link-rendered', id);
-  });
   useEffect(function () {
     // ComponentWillUnmount
     return function () {
@@ -72,7 +67,10 @@ export function CardWithURLRenderer(props) {
     else {
       var errorInfo = {
         componentStack: componentStack
-      };
+      }; // Start and fail the smart-link-rendered experience. If it has already
+      // been started nothing happens.
+
+      startUfoExperience('smart-link-rendered', id);
       failUfoExperience('smart-link-rendered', id);
       failUfoExperience('smart-link-authenticated', id);
       dispatchAnalytics(uiRenderFailedEvent(appearance, error, errorInfo));

package/dist/esm/view/FlexibleCard/components/actions/action/index.js

@@ -58,8 +58,8 @@ var ActionIcon = function ActionIcon(_ref) {
 
 export var sizeToSpacing = (_sizeToSpacing = {}, _defineProperty(_sizeToSpacing, SmartLinkSize.Small, 'none'), _defineProperty(_sizeToSpacing, SmartLinkSize.Medium, 'compact'), _defineProperty(_sizeToSpacing, SmartLinkSize.Large, 'compact'), _defineProperty(_sizeToSpacing, SmartLinkSize.XLarge, 'default'), _sizeToSpacing);
 /**
- * An action that can be triggered with an on click.
- * @public
+ * A base action that can be triggered with an on click.
+ * @internal
  * @param {ActionProps} ActionProps - The props necessary for the Action.
  * @see DeleteAction
  * @see EditAction

package/dist/esm/view/FlexibleCard/components/blocks/action-group/index.js

@@ -19,6 +19,7 @@ var styles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["
 /**
  * Creates a group of Action components. Accepts an array of Actions, in addition to some styling
  * preferences.
+ * @internal
  * @param {ActionGroupProps} ActionGroupProps
  * @see Action
  */

package/dist/esm/view/FlexibleCard/components/blocks/block/index.js

@@ -12,8 +12,9 @@ var getBlockStyles = function getBlockStyles(direction, size) {
   return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  ", "\n  justify-content: flex-start;\n  [data-separator] + [data-separator]:before {\n    content: '\u2022';\n    margin-right: ", "rem;\n  }\n"])), getBaseStyles(direction, size), getGapSize(size));
 };
 /**
- * A block represents a collection of elements and actions that are arranged in a row.
- * All elements and actions should be contained within a Block.
+ * A block represents a collection of elements and actions that are arranged
+ * in a row. All elements and actions should be contained within a Block.
+ * @internal
  * @param {ActionGroupProps} ActionGroupProps
  * @see Action
  */

package/dist/esm/view/FlexibleCard/components/blocks/element-group/index.js

@@ -25,6 +25,7 @@ export var getElementGroupStyles = function getElementGroupStyles(direction, siz
 /**
  * Creates a group of Action components. Accepts an array of Actions, in addition to some styling
  * preferences.
+ * @internal
  * @param {ActionGroupProps} ActionGroupProps
  * @see Action
  */

package/dist/esm/view/FlexibleCard/components/blocks/footer-block/index.js

@@ -8,6 +8,7 @@ import ActionGroup from '../action-group';
 /**
  * Represents a FooterBlock, designed to contain elements and actions that should appear
  * at the bottom of a link card.
+ * @public
  * @param {FooterBlockProps} FooterBlockProps
  * @see Block
  */

package/dist/esm/view/FlexibleCard/components/blocks/metadata-block/index.js

@@ -59,6 +59,7 @@ var getMaxLines = function getMaxLines(maxLines) {
 /**
  * Represents a MetadataBlock, designed to contain groups of metadata in the form of elements.
  * Accepts an array of elements to be shown either primary (left hand side) or secondary (right hand side).
+ * @public
  * @param {MetadataBlockProps} MetadataBlockProps
  * @see Block
  */

package/dist/esm/view/FlexibleCard/components/blocks/preview-block/index.js

@@ -7,6 +7,7 @@ import Block from '../block';
 import { Preview } from '../../elements';
 /**
  * Represents a PreviewBlock, which typically contains media or other large format content.
+ * @public
  * @param {PreviewBlock} PreviewBlock
  * @see Block
  */

package/dist/esm/view/FlexibleCard/components/blocks/snippet-block/index.js

@@ -11,6 +11,7 @@ var MAXIMUM_MAX_LINES = 3;
 var MINIMUM_MAX_LINES = 1;
 /**
  * Represents a SnippetBlock, which is used to display longer form text content, like descriptions.
+ * @public
  * @param {SnippetBlock} SnippetBlock
  * @see Block
  */

package/dist/esm/view/FlexibleCard/components/blocks/title-block/index.js

@@ -40,10 +40,11 @@ var getTitleBlockViewComponent = function getTitleBlockViewComponent(status) {
   }
 };
 /**
- * Represents a TitleBlock, which is the foundation of all Flexible Smart Links.
+ * Represents a TitleBlock, which is the foundation of Flexible UI.
  * This contains an icon, the link, and any associated metadata and actions in one block.
  * The TitleBlock will also render differently given the state of the smart link.
  * This can be found in the corresponding Resolving, Resolved and Errored views.
+ * @public
  * @param {TitleBlockProps} TitleBlockProps
  * @see Block
  * @see TitleBlockResolvingView

package/dist/esm/view/FlexibleCard/components/container/index.js

@@ -55,12 +55,21 @@ var renderChildren = function renderChildren(children, containerSize, containerT
   return React.Children.map(children, function (child) {
     if ( /*#__PURE__*/React.isValidElement(child) && isFlexibleUiBlock(child)) {
       var blockSize = child.props.size;
+      var size = blockSize || containerSize;
+
+      if (isFlexibleUiTitleBlock(child)) {
+        return /*#__PURE__*/React.cloneElement(child, {
+          onClick: onClick,
+          retry: retry,
+          size: size,
+          status: status,
+          theme: containerTheme
+        });
+      }
+
       return /*#__PURE__*/React.cloneElement(child, {
-        onClick: onClick,
-        retry: isFlexibleUiTitleBlock(child) ? retry : undefined,
-        size: blockSize || containerSize,
-        status: status,
-        theme: containerTheme
+        size: size,
+        status: status
       });
     }
   });
@@ -94,7 +103,11 @@ var getLayeredLink = function getLayeredLink(testId, context, children) {
   });
 };
 /**
- * This represents the container in which all Flexible UI Smart Links are rendered.
+ * A container is a hidden component that build the Flexible Smart Link.
+ * All of the Flexible UI components are wrapped inside the container.
+ * It inherits the ui props from Card component and applies the custom styling
+ * accordingly.
+ * @internal
  * @see Block
  */
 

package/dist/esm/view/FlexibleCard/components/container/layered-link/index.js

@@ -6,6 +6,11 @@ var _templateObject;
 import React from 'react';
 import { jsx, css } from '@emotion/core';
 var styles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  // Stretch the invisible link over the whole of the post.\n  // Hide the link\u2019s text.\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  overflow-x: hidden;\n  text-indent: 100%;\n  white-space: nowrap;\n\n  // Needs a heightened specificity to trump other anchor.\n  // Stack it under all other links in the post text.\n  a&.layered-link {\n    position: absolute;\n    z-index: 0;\n  }\n\n  // When hovering over the layered link, any hidden action buttons inside\n  // the Container should become visible.\n  // As actions resides inside blocks and layered link is expected to be\n  // on the same level of blocks. That makes the blocks, e.g. TitleBlock,\n  // its sibling. Using general sibling combinator here to apply styling to\n  // all the siblings of layered link.\n  // The general sibling combinator (~) separates two selectors and matches all\n  // iterations of the second element, that are following the first element\n  // (though not necessarily immediately), and are children of the same parent\n  // element.\n  &:hover ~ * {\n    .actions-button-group {\n      opacity: 1;\n    }\n  }\n"])));
+/**
+ * An anchor component to cover the entire container creating a clickable area.
+ * @internal
+ * @see `clickableContainer`
+ */
 
 var LayeredLink = function LayeredLink(_ref) {
   var target = _ref.target,

package/dist/esm/view/FlexibleCard/components/elements/avatar-group/index.js

@@ -23,8 +23,8 @@ var getStyles = function getStyles(size) {
   }
 };
 /**
- * An element that displays a group of avatars.
- * @public
+ * A base element that displays a group of avatars.
+ * @internal
  * @param {AvatarGroupProps} AvatarGroupProps - The props necessary for the AvatarGroup.
  * @see AuthorGroup
  * @see CollaboratorGroup

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

@@ -48,8 +48,8 @@ var renderImageIcon = function renderImageIcon(url, testId) {
   }
 };
 /**
- * An element that displays some text with an associated icon.
- * @public
+ * A base element that displays some text with an associated icon.
+ * @internal
  * @param {BadgeProps} BadgeProps - The props necessary for the Badge.
  * @see CommentCount
  * @see ViewCount

package/dist/esm/view/FlexibleCard/components/elements/date-time/index.js

@@ -17,8 +17,8 @@ var typeToDescriptorMap = {
   modified: messages.modified_on
 };
 /**
- * An element that displays an ISO Timestamp in text.
- * @public
+ * A base element that displays an ISO Timestamp in text.
+ * @internal
  * @param {DateTimeProps} DateTimeProps - The props necessary for the DateTime element.
  * @see CreatedOn
  * @see ModifiedOn

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

@@ -57,8 +57,8 @@ var renderImageIcon = function renderImageIcon(defaultIcon, icon, url, testId) {
   }
 };
 /**
- * An element that displays an Icon or favicon.
- * @public
+ * A base element that displays an Icon or favicon.
+ * @internal
  * @param {IconProps} IconProps - The props necessary for the Icon element.
  * @see LinkIcon
  */

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

@@ -5,12 +5,12 @@ import { ElementName } from '../../../../constants';
 // createElement and renderElementItems
 
 /**
- * Creates an AvatarGroup element using the data from AuthorGroup in the Flexible UI Context.
+ * An AvatarGroup element using the data from AuthorGroup in the Flexible UI Context.
  * @see AvatarGroup
  */
 export var AuthorGroup = createElement(ElementName.AuthorGroup);
 /**
- * Creates an AvatarGroup element using the data from CollaboratorGroup in the Flexible UI Context.
+ * An AvatarGroup element using the data from CollaboratorGroup in the Flexible UI Context.
  * @see AvatarGroup
  */
 

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

@@ -43,9 +43,9 @@ var getMaxLines = function getMaxLines(maxLines) {
   return maxLines;
 };
 /**
- * An element that represent.
- * @public
- * @param {LinkProps} LinkProps - The props necessary for the Icon element.
+ * A base element that represent an anchor.
+ * @internal
+ * @param {LinkProps} LinkProps - The props necessary for the Link element.
  * @see LinkIcon
  */
 

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

@@ -8,8 +8,8 @@ import { css, jsx } from '@emotion/core';
 import AtlaskitLozenge from '@atlaskit/lozenge';
 var styles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  line-height: inherit;\n"])));
 /**
- * An element that displays a Lozenge.
- * @public
+ * A base element that displays a Lozenge.
+ * @internal
  * @param {LozengeProps} LozengeProps - The props necessary for the Lozenge element.
  * @see State
  */

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

@@ -19,8 +19,8 @@ import ImageIcon from '../../common/image-icon';
  */
 var styles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  aspect-ratio: 16 / 9;\n  display: flex;\n  width: 100%;\n\n  // fallback\n  @supports not (aspect-ratio: auto) {\n    padding-top: 56.25%; // 16:9 ratio (9 / 16 = 0.5625)\n    height: 0;\n    position: relative;\n    overflow: hidden;\n  }\n\n  > img {\n    min-height: 100%;\n    min-width: 100%;\n    max-height: 100%;\n    max-width: 100%;\n    object-fit: cover;\n    object-position: center center;\n\n    // fallback\n    @supports not (aspect-ratio: auto) {\n      position: absolute;\n      transform: translate(-50%, -50%);\n      left: 50%;\n      top: 50%;\n      width: auto;\n      height: auto;\n    }\n  }\n"])));
 /**
- * An element that displays a Media.
- * @public
+ * A base element that displays a Media.
+ * @internal
  * @param {MediaProps} MediaProps - The props necessary for the Media element.
  * @see Preview
  */

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

@@ -12,8 +12,8 @@ var getStyles = function getStyles(maxLines) {
   return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  color: ", ";\n  font-size: 0.75rem;\n  line-height: 1rem;\n  ", "\n"])), tokens.text, getTruncateStyles(maxLines));
 };
 /**
- * An element that displays some Text.
- * @public
+ * A base element that displays some Text.
+ * @internal
  * @param {TextProps} TextProps - The props necessary for the Text element.
  * @see Title
  */

package/dist/types/__tests_external__/page-objects/BaseCard.d.ts

@@ -1,7 +1,6 @@
 /// <reference types="cypress" />
 import { InProductTestPageObject, CypressType } from '@atlaskit/in-product-testing';
-import { CardType } from '../../state/store/types';
-import { CardAppearance } from '../../view/Card';
+import { CardType, CardAppearance } from '@atlaskit/linking-common';
 export declare class BaseCardPageObject extends InProductTestPageObject {
     protected cy: CypressType;
     protected appearance: CardAppearance;

package/dist/types/client/index.d.ts

@@ -1,18 +1 @@
-import 'setimmediate';
-import { JsonLd } from 'json-ld-types';
-import { CardClient as CardClientInterface, EnvironmentsKeys } from './types';
-import { InvokePayload } from '../model/invoke-opts';
-import { InvokeRequest } from './types/requests';
-export default class CardClient implements CardClientInterface {
-    private resolverUrl;
-    private loadersByDomain;
-    private retryConfig;
-    private resolvedCache;
-    constructor(envKey?: EnvironmentsKeys);
-    private batchResolve;
-    private createLoader;
-    private getLoader;
-    prefetchData(url: string): Promise<JsonLd.Response | undefined>;
-    fetchData(url: string): Promise<JsonLd.Response>;
-    postData(data: InvokePayload<InvokeRequest>): Promise<JsonLd.Response>;
-}
+export { CardClient as default } from '@atlaskit/link-provider';

package/dist/types/constants.d.ts

@@ -83,9 +83,6 @@ export declare enum ElementName {
     AuthorGroup = "AuthorGroup",
     CollaboratorGroup = "CollaboratorGroup",
     CommentCount = "CommentCount",
-    ViewCount = "ViewCount",
-    ReactCount = "ReactCount",
-    VoteCount = "VoteCount",
     CreatedBy = "CreatedBy",
     CreatedOn = "CreatedOn",
     LinkIcon = "LinkIcon",
@@ -94,11 +91,14 @@ export declare enum ElementName {
     Preview = "Preview",
     Priority = "Priority",
     ProgrammingLanguage = "ProgrammingLanguage",
+    Provider = "Provider",
+    ReactCount = "ReactCount",
     Snippet = "Snippet",
     State = "State",
     SubscriberCount = "SubscriberCount",
     Title = "Title",
-    Provider = "Provider"
+    ViewCount = "ViewCount",
+    VoteCount = "VoteCount"
 }
 /**
  * Flexible UI action (button)

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

@@ -1,7 +1,7 @@
 import { JsonLd } from 'json-ld-types';
+import { CardProviderRenderers } from '@atlaskit/link-provider';
 import { LinkPerson } from '../common/person/types';
 import { ExtractBlockOpts } from './types';
-import { CardProviderRenderers } from '../../state/context/types';
 import { BlockCardResolvedViewProps } from '../../view/BlockCard';
 import { ActionProps } from '../../view/BlockCard/components/Action';
 export declare const extractBlockActions: (props: BlockCardResolvedViewProps, jsonLd: JsonLd.Data.BaseData, opts?: ExtractBlockOpts | undefined, platform?: JsonLd.Primitives.Platforms | undefined) => ActionProps[];

package/dist/types/extractors/common/title-prefix/extractTitlePrefix.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import { JsonLd } from 'json-ld-types';
-import { CardProviderRenderers } from '../../../state/context/types';
+import { CardProviderRenderers } from '@atlaskit/link-provider';
 import { CardAppearance } from '../../../view/Card';
 export declare const extractTitlePrefix: (jsonLd: JsonLd.Data.BaseData, renderers?: CardProviderRenderers | undefined, type?: CardAppearance | undefined) => string | React.ReactNode | undefined;

package/dist/types/extractors/flexible/icon/extract-icon-renderer.d.ts

@@ -1,4 +1,4 @@
 import { JsonLd } from 'json-ld-types';
-import { CardProviderRenderers } from '../../../state/context/types';
+import { CardProviderRenderers } from '@atlaskit/link-provider';
 declare const extractIconRenderer: (data: JsonLd.Data.BaseData, renderers?: CardProviderRenderers | undefined) => (() => React.ReactNode) | undefined;
 export default extractIconRenderer;

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { JsonLd } from 'json-ld-types';
+import { CardProviderRenderers } from '@atlaskit/link-provider';
 import { IconType, SmartLinkStatus } from '../../../constants';
-import { CardProviderRenderers } from '../../../state/context/types';
 export declare const extractLinkIcon: (response: JsonLd.Response, renderers?: CardProviderRenderers | undefined) => {
     render: (() => import("react").ReactNode) | undefined;
     icon?: IconType | undefined;

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

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

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { JsonLd } from 'json-ld-types';
-import { CardProviderRenderers } from '../../state/context/types';
+import { CardProviderRenderers } from '@atlaskit/link-provider';
 import { InlineCardResolvedViewProps } from '../../view/InlineCard/ResolvedView';
 export declare const extractInlineIcon: (jsonLd: JsonLd.Data.BaseData) => import("react").ReactNode;
 export declare const extractInlineProps: (jsonLd: JsonLd.Data.BaseData, renderers?: CardProviderRenderers | undefined) => InlineCardResolvedViewProps;

package/dist/types/index.d.ts

@@ -2,14 +2,14 @@ import { JsonLd } from 'json-ld-types';
 export declare type ResolveResponse = JsonLd.Response;
 export { SmartCardProvider as Provider, SmartCardContext } from './state';
 export type { ProviderProps, CardType } from './state';
-export { EditorCardProvider, editorCardProvider } from './providers/editor';
-export type { CardAdf, InlineCardAdf, BlockCardAdf, EmbedCardAdf, } from './providers/editor';
-export { default as Client } from './client';
-export { APIError } from './client/errors';
+export { EditorCardProvider, editorCardProvider, } from '@atlaskit/link-provider';
+export type { CardAdf, InlineCardAdf, BlockCardAdf, EmbedCardAdf, } from '@atlaskit/linking-common';
+export { APIError } from '@atlaskit/linking-common';
+export { CardClient as Client } from '@atlaskit/link-provider';
 export { Card } from './view/Card';
 export type { CardProps, CardAppearance, CardPlatform } from './view/Card';
-export { default as Context } from './state/context';
-export type { CardContext } from './state/context';
+export { SmartCardContext as Context } from '@atlaskit/link-provider';
+export type { CardContext } from '@atlaskit/link-provider';
 export { EmbedResizeMessageListener } from './view/EmbedCard/EmbedResizeMessageListener';
 export { embedHeaderHeight } from './view/EmbedCard/components/styled';
 export { SmartLinkEvents } from './utils/analytics/analytics';

package/dist/types/model/invoke-opts.d.ts

@@ -1,11 +1,6 @@
-import { JsonLd } from 'json-ld-types';
+import { InvokePayload, ServerActionOpts } from '@atlaskit/linking-common';
 import { CardInnerAppearance } from '../view/Card/types';
 export declare type InvokeType = 'server' | 'client';
-export interface InvokePayload<T> {
-    key: string;
-    context?: string;
-    action: T;
-}
 export declare type InvokeOpts<T> = {
     type: InvokeType;
     source?: CardInnerAppearance;
@@ -16,14 +11,6 @@ export declare type InvokeClientOpts = InvokeOpts<ClientActionOpts> & {
 export declare type InvokeServerOpts = InvokeOpts<ServerActionOpts> & {
     type: 'server';
 };
-export interface ServerActionOpts {
-    type: string;
-    payload: ServerActionPayload;
-}
-export interface ServerActionPayload {
-    id: string;
-    context?: JsonLd.Primitives.Object | JsonLd.Primitives.Link;
-}
 export interface ClientActionOpts {
     type: string;
     promise: () => Promise<void>;

package/dist/types/state/actions/constants.d.ts

@@ -1,9 +1,3 @@
-export declare const ACTION_PENDING = "pending";
-export declare const ACTION_RESOLVING = "resolving";
-export declare const ACTION_RESOLVED = "resolved";
-export declare const ACTION_ERROR = "errored";
-export declare const ACTION_ERROR_FALLBACK = "fallback";
-export declare const ACTION_PRELOAD = "preload";
 export declare const ANALYTICS_RESOLVING = "resolving";
 export declare const ANALYTICS_ERROR = "errored";
 export declare const ANALYTICS_FALLBACK = "fallback";

package/dist/types/state/actions/types.d.ts

@@ -1,13 +1,2 @@
-import { AnyAction } from 'redux';
-import { JsonLd } from 'json-ld-types';
-import { APIError } from '../../client/errors';
-export declare type CardActionType = 'pending' | 'resolving' | 'resolved' | 'errored' | 'fallback';
-export interface CardAction<T = JsonLd.Response> extends AnyAction {
-    type: CardActionType;
-    url: string;
-    payload?: T;
-}
-export declare type CardActionParams = {
-    url: string;
-};
-export declare type CardBaseActionCreator<T = JsonLd.Response> = (type: CardActionType, params: CardActionParams, payload?: T, error?: APIError) => CardAction<T>;
+import { CardActionType } from '@atlaskit/linking-common';
+export type { CardActionType };

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

@@ -1,8 +1,7 @@
+import { CardType, APIError } from '@atlaskit/linking-common';
 import { AnalyticsHandler } from '../../utils/types';
 import { CardInnerAppearance } from '../../view/Card/types';
 import { PreviewDisplay, PreviewInvokeMethod } from '../../view/HoverCard/types';
-import { CardType } from '../store/types';
-import { APIError } from '../../client/errors';
 import { InvokeType } from '../../model/invoke-opts';
 export declare const useSmartLinkAnalytics: (dispatchAnalytics: AnalyticsHandler) => {
     ui: {

package/dist/types/state/config/index.d.ts

@@ -1,2 +1,2 @@
-import { CardContext } from '../context';
+import { CardContext } from '@atlaskit/link-provider';
 export declare const useSmartLinkConfig: () => CardContext['config'] | undefined;

package/dist/types/state/helpers.d.ts

@@ -1,8 +1,6 @@
 import { JsonLd } from 'json-ld-types';
-import { CardType, CardStore } from './store/types';
-import { Store } from 'redux';
+import { CardType, CardStore } from '@atlaskit/linking-common';
 export declare const getByDefinitionId: (definitionId: string | undefined, store: CardStore) => string[];
-export declare const getUrl: (store: Store<CardStore>, url: string) => import("./store/types").CardState;
 export declare const getClickUrl: (url: string, jsonLd?: JsonLd.Response<JsonLd.Data.BaseData> | undefined) => string;
 export declare const getDefinitionId: (details?: JsonLd.Response<JsonLd.Data.BaseData> | undefined) => any;
 export declare const getExtensionKey: (details?: JsonLd.Response<JsonLd.Data.BaseData> | undefined) => any;