@atlaskit/smart-card 23.1.1 → 23.1.3

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/smart-card
 
+## 23.1.3
+
+### Patch Changes
+
+- [`558e0af2263`](https://bitbucket.org/atlassian/atlassian-frontend/commits/558e0af2263) - Embed Preview: Clean up experiment
+
+## 23.1.2
+
+### Patch Changes
+
+- [`5bdea3e4375`](https://bitbucket.org/atlassian/atlassian-frontend/commits/5bdea3e4375) - Re register card when redux store is recreated
+
 ## 23.1.1
 
 ### Patch Changes

package/dist/cjs/extractors/common/actions/extractPreviewAction.js

@@ -72,7 +72,6 @@ var extractPreviewAction = function extractPreviewAction(_ref) {
       origin = _ref.origin,
       _ref$source = _ref.source,
       source = _ref$source === void 0 ? 'block' : _ref$source,
-      featureFlags = _ref.featureFlags,
       analytics = _ref.analytics;
   // Extract metadata from view props & raw JSON-LD.
   var metadataFromJsonLd = getMetadataFromJsonLd(jsonLd, platform);
@@ -87,7 +86,6 @@ var extractPreviewAction = function extractPreviewAction(_ref) {
     var previewAction = (0, _BlockCard.PreviewAction)(_objectSpread(_objectSpread({}, metadata), {}, {
       analytics: analytics,
       origin: origin,
-      featureFlags: featureFlags,
       testId: testId,
       onDownloadActionClick: function onDownloadActionClick() {
         handleInvoke(getInvokeOpts(key, 'DownloadAction'));

package/dist/cjs/state/actions/index.js

@@ -31,6 +31,8 @@ var _jsonld = require("../../utils/jsonld");
 
 var _analytics = require("../analytics");
 
+var _constants2 = require("../../constants");
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -45,7 +47,7 @@ var useSmartCardActions = function useSmartCardActions(id, url, analytics) {
       dispatch = store.dispatch;
 
   var _ref = getState()[url] || {
-    status: 'pending',
+    status: _constants2.SmartLinkStatus.Pending,
     details: undefined
   },
       details = _ref.details,
@@ -178,7 +180,7 @@ var useSmartCardActions = function useSmartCardActions(id, url, analytics) {
   })), [url, hasData, connections.client, handleResolvedLinkResponse, handleResolvedLinkError, id]);
   var register = (0, _react.useCallback)(function () {
     if (!details) {
-      dispatch((0, _linkingCommon.cardAction)(_linkingCommon.ACTION_PENDING, {
+      dispatch((0, _linkingCommon.cardAction)(_linkingCommon.ACTION_RESOLVING, {
         url: url
       }));
       setMetadataStatus('pending');

package/dist/cjs/state/hooks/useSmartLink.js

@@ -21,8 +21,14 @@ var _analytics = require("../analytics");
 
 var _renderers = require("../renderers");
 
+var _linkProvider = require("@atlaskit/link-provider");
+
 function useSmartLink(id, url, dispatchAnalytics) {
   var state = (0, _store.useSmartCardState)(url);
+
+  var _useSmartLinkContext = (0, _linkProvider.useSmartLinkContext)(),
+      store = _useSmartLinkContext.store;
+
   var analytics = (0, _analytics.useSmartLinkAnalytics)(url, dispatchAnalytics, id);
   var actions = (0, _actions.useSmartCardActions)(id, url, analytics);
   var config = (0, _config.useSmartLinkConfig)();
@@ -42,7 +48,7 @@ function useSmartLink(id, url, dispatchAnalytics) {
   // eslint-disable-next-line react-hooks/exhaustive-deps
 
 
-  (0, _react.useEffect)(register, [url]); // Provide the state and card actions to consumers.
+  (0, _react.useEffect)(register, [url, store]); // Provide the state and card actions to consumers.
 
   return {
     state: state,

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

@@ -13,8 +13,6 @@ var _react = require("react");
 
 var _uuid = _interopRequireDefault(require("uuid"));
 
-var _linkProvider = require("@atlaskit/link-provider");
-
 var _block = require("../../extractors/block");
 
 var _actions = require("../actions");
@@ -43,21 +41,13 @@ function useSmartLinkActions(_ref) {
 
   var linkState = (0, _store.useSmartCardState)(url);
   var linkAnalytics = (0, _analytics.useSmartLinkAnalytics)(url, analyticsHandler, id);
-  var linkActions = (0, _actions.useSmartCardActions)(id, url, linkAnalytics); // Actions do not have access to the react tree, so we need to obtain
-  // feature flags here where we still can access SmartLinkContext context
-  // and pass the flags down to the extractor. See PreviewAction.tsx for details.
-
-  var embedModalSize = (0, _linkProvider.useFeatureFlag)('embedModalSize');
+  var linkActions = (0, _actions.useSmartCardActions)(id, url, linkAnalytics);
   (0, _react.useEffect)(function () {
     if (!linkState.details) {
       return;
     }
 
-    var featureFlags = {
-      embedModalSize: embedModalSize
-    };
     var cardProperties = (0, _block.extractBlockProps)(linkState.details.data, linkState.details.meta, {
-      featureFlags: featureFlags,
       handleInvoke: function handleInvoke(opts) {
         return linkActions.invoke(opts, appearance);
       },
@@ -79,6 +69,6 @@ function useSmartLinkActions(_ref) {
       };
     });
     setActions(cardActions);
-  }, [linkState, linkActions, linkAnalytics, appearance, platform, embedModalSize, origin]);
+  }, [linkState, linkActions, linkAnalytics, appearance, platform, origin]);
   return actions;
 }

package/dist/cjs/version.json

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

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

@@ -119,13 +119,9 @@ var _default = function _default(_ref2) {
       return previewFunction(_objectSpread({
         popupMountPointId: 'twp-editor-preview-iframe',
         providerName: 'Preview',
-        closeLabel: 'Close Preview',
         showModal: true,
         iframeName: 'twp-editor-preview-iframe',
-        onClose: function onClose() {},
-        metadata: {
-          items: details || []
-        }
+        onClose: function onClose() {}
       }, rest));
     }
   };

package/dist/cjs/view/BlockCard/index.js

@@ -91,8 +91,6 @@ var _ForbiddenView = require("./views/ForbiddenView");
 
 var _ErroredView = require("./views/ErroredView");
 
-var _linkProvider = require("@atlaskit/link-provider");
-
 var _PreviewAction = _interopRequireDefault(require("./actions/PreviewAction"));
 
 var BlockCard = function BlockCard(_ref) {
@@ -115,19 +113,11 @@ var BlockCard = function BlockCard(_ref) {
       showActions = _ref.showActions,
       platform = _ref.platform,
       analytics = _ref.analytics;
-  // Actions do not have access to the react tree, so we need to obtain
-  // feature flags here where we still can access SmartLinkContext context
-  // and pass the flags down to the extractor. See PreviewAction.tsx for details.
-  var embedModalSize = (0, _linkProvider.useFeatureFlag)('embedModalSize');
-  var featureFlags = {
-    embedModalSize: embedModalSize
-  };
   var data = details && details.data || (0, _jsonld.getEmptyJsonLd)();
   var meta = details && details.meta;
   var extractorOpts = {
     analytics: analytics,
     origin: 'smartLinkCard',
-    featureFlags: featureFlags,
     handleInvoke: handleInvoke,
     extensionKey: (0, _helpers.getExtensionKey)(details)
   };

package/dist/cjs/view/CardWithUrl/component.js

@@ -121,7 +121,7 @@ function CardWithUrlContent(_ref) {
   (0, _react.useEffect)(function () {
     measure.mark(id, state.status);
 
-    if (state.status !== 'pending') {
+    if (state.status !== 'pending' && state.status !== 'resolving') {
       measure.create(id, state.status);
       analytics.operational.instrument({
         id: id,

package/dist/cjs/view/EmbedModal/index.js

@@ -25,8 +25,6 @@ var _types = require("./types");
 
 var _errorBoundary = _interopRequireDefault(require("./components/error-boundary"));
 
-var _sizeExperiment = _interopRequireDefault(require("./components/size-experiment"));
-
 var _analytics = _interopRequireDefault(require("./components/analytics"));
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -55,7 +53,7 @@ var EmbedModal = function EmbedModal(_ref) {
       providerName = _ref.providerName,
       showModal = _ref.showModal,
       _ref$size = _ref.size,
-      size = _ref$size === void 0 ? _types.EmbedModalSize.Small : _ref$size,
+      size = _ref$size === void 0 ? _types.EmbedModalSize.Large : _ref$size,
       src = _ref.src,
       _ref$testId = _ref.testId,
       testId = _ref$testId === void 0 ? 'smart-embed-preview-modal' : _ref$testId,
@@ -131,6 +129,6 @@ var EmbedModal = function EmbedModal(_ref) {
   }))));
 };
 
-var _default = (0, _sizeExperiment.default)((0, _analytics.default)((0, _errorBoundary.default)(EmbedModal)));
+var _default = (0, _analytics.default)((0, _errorBoundary.default)(EmbedModal));
 
 exports.default = _default;

package/dist/es2019/extractors/common/actions/extractPreviewAction.js

@@ -47,7 +47,6 @@ export const extractPreviewAction = ({
   platform,
   origin,
   source = 'block',
-  featureFlags,
   analytics
 }) => {
   // Extract metadata from view props & raw JSON-LD.
@@ -63,7 +62,6 @@ export const extractPreviewAction = ({
     const previewAction = PreviewAction({ ...metadata,
       analytics,
       origin,
-      featureFlags,
       testId,
       onDownloadActionClick: () => {
         handleInvoke(getInvokeOpts(key, 'DownloadAction'));

package/dist/es2019/state/actions/index.js

@@ -1,12 +1,13 @@
 import { useMemo, useCallback } from 'react';
 import { auth } from '@atlaskit/outbound-auth-flow-client';
 import { useSmartLinkContext } from '@atlaskit/link-provider';
-import { ACTION_PENDING, ACTION_RESOLVED, ACTION_ERROR, ACTION_ERROR_FALLBACK, ACTION_RELOADING, ACTION_UPDATE_METADATA_STATUS, cardAction, APIError } from '@atlaskit/linking-common';
+import { ACTION_RESOLVED, ACTION_ERROR, ACTION_ERROR_FALLBACK, ACTION_RELOADING, ACTION_UPDATE_METADATA_STATUS, cardAction, APIError, ACTION_RESOLVING } from '@atlaskit/linking-common';
 import { getDefinitionId, getByDefinitionId, getServices, getStatus, getExtensionKey } from '../helpers';
 import { ERROR_MESSAGE_OAUTH, ERROR_MESSAGE_FATAL, ERROR_MESSAGE_METADATA } from './constants';
 import * as measure from '../../utils/performance';
 import { getUnauthorizedJsonLd } from '../../utils/jsonld';
 import { addMetadataToExperience } from '../analytics';
+import { SmartLinkStatus } from '../../constants';
 export const useSmartCardActions = (id, url, analytics) => {
   const {
     store,
@@ -22,7 +23,7 @@ export const useSmartCardActions = (id, url, analytics) => {
     status,
     metadataStatus
   } = getState()[url] || {
-    status: 'pending',
+    status: SmartLinkStatus.Pending,
     details: undefined
   };
   const hasAuthFlowSupported = config.authFlow !== 'disabled';
@@ -125,7 +126,7 @@ export const useSmartCardActions = (id, url, analytics) => {
   }, [url, hasData, connections.client, handleResolvedLinkResponse, handleResolvedLinkError, id]);
   const register = useCallback(() => {
     if (!details) {
-      dispatch(cardAction(ACTION_PENDING, {
+      dispatch(cardAction(ACTION_RESOLVING, {
         url
       }));
       setMetadataStatus('pending');

package/dist/es2019/state/hooks/useSmartLink.js

@@ -4,8 +4,12 @@ import { useSmartCardActions as useSmartLinkActions } from '../actions';
 import { useSmartLinkConfig } from '../config';
 import { useSmartLinkAnalytics } from '../analytics';
 import { useSmartLinkRenderers } from '../renderers';
+import { useSmartLinkContext } from '@atlaskit/link-provider';
 export function useSmartLink(id, url, dispatchAnalytics) {
   const state = useSmartLinkState(url);
+  const {
+    store
+  } = useSmartLinkContext();
   const analytics = useSmartLinkAnalytics(url, dispatchAnalytics, id);
   const actions = useSmartLinkActions(id, url, analytics);
   const config = useSmartLinkConfig();
@@ -19,7 +23,7 @@ export function useSmartLink(id, url, dispatchAnalytics) {
   // eslint-disable-next-line react-hooks/exhaustive-deps
 
 
-  useEffect(register, [url]); // Provide the state and card actions to consumers.
+  useEffect(register, [url, store]); // Provide the state and card actions to consumers.
 
   return {
     state,

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

@@ -1,6 +1,5 @@
 import { useEffect, useMemo, useState } from 'react';
 import uuid from 'uuid';
-import { useFeatureFlag } from '@atlaskit/link-provider';
 import { extractBlockProps as extractCardProps } from '../../extractors/block';
 import { useSmartCardActions as useLinkActions } from '../actions';
 import { useSmartLinkAnalytics as useLinkAnalytics } from '../analytics';
@@ -17,21 +16,13 @@ export function useSmartLinkActions({
   const [actions, setActions] = useState([]);
   const linkState = useLinkState(url);
   const linkAnalytics = useLinkAnalytics(url, analyticsHandler, id);
-  const linkActions = useLinkActions(id, url, linkAnalytics); // Actions do not have access to the react tree, so we need to obtain
-  // feature flags here where we still can access SmartLinkContext context
-  // and pass the flags down to the extractor. See PreviewAction.tsx for details.
-
-  const embedModalSize = useFeatureFlag('embedModalSize');
+  const linkActions = useLinkActions(id, url, linkAnalytics);
   useEffect(() => {
     if (!linkState.details) {
       return;
     }
 
-    const featureFlags = {
-      embedModalSize
-    };
     const cardProperties = extractCardProps(linkState.details.data, linkState.details.meta, {
-      featureFlags,
       handleInvoke: opts => linkActions.invoke(opts, appearance),
       analytics: linkAnalytics,
       origin,
@@ -49,6 +40,6 @@ export function useSmartLinkActions({
       invoke: action.promise
     }));
     setActions(cardActions);
-  }, [linkState, linkActions, linkAnalytics, appearance, platform, embedModalSize, origin]);
+  }, [linkState, linkActions, linkAnalytics, appearance, platform, origin]);
   return actions;
 }

package/dist/es2019/version.json

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

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

@@ -58,13 +58,9 @@ export default (({
   promise: () => previewFunction({
     popupMountPointId: 'twp-editor-preview-iframe',
     providerName: 'Preview',
-    closeLabel: 'Close Preview',
     showModal: true,
     iframeName: 'twp-editor-preview-iframe',
     onClose: () => {},
-    metadata: {
-      items: details || []
-    },
     ...rest
   })
 }));

package/dist/es2019/view/BlockCard/index.js

@@ -13,7 +13,6 @@ import { ResolvingView as BlockCardResolvingView } from './views/ResolvingView';
 import { UnauthorizedView as BlockCardUnauthorisedView } from './views/UnauthorizedView';
 import { ForbiddenView as BlockCardForbiddenView } from './views/ForbiddenView';
 import { ErroredView as BlockCardErroredView } from './views/ErroredView';
-import { useFeatureFlag } from '@atlaskit/link-provider';
 export { default as PreviewAction } from './actions/PreviewAction';
 export { ForbiddenAction, AuthorizeAction, BlockCardResolvedView, BlockCardResolvingView, BlockCardUnauthorisedView, BlockCardForbiddenView, BlockCardErroredView, BlockCardNotFoundView };
 export const BlockCard = ({
@@ -38,19 +37,11 @@ export const BlockCard = ({
 }) => {
   var _details$meta, _forbiddenViewProps$c;
 
-  // Actions do not have access to the react tree, so we need to obtain
-  // feature flags here where we still can access SmartLinkContext context
-  // and pass the flags down to the extractor. See PreviewAction.tsx for details.
-  const embedModalSize = useFeatureFlag('embedModalSize');
-  const featureFlags = {
-    embedModalSize
-  };
   const data = details && details.data || getEmptyJsonLd();
   const meta = details && details.meta;
   const extractorOpts = {
     analytics,
     origin: 'smartLinkCard',
-    featureFlags,
     handleInvoke,
     extensionKey: getExtensionKey(details)
   };

package/dist/es2019/view/CardWithUrl/component.js

@@ -88,7 +88,7 @@ export function CardWithUrlContent({
   useEffect(() => {
     measure.mark(id, state.status);
 
-    if (state.status !== 'pending') {
+    if (state.status !== 'pending' && state.status !== 'resolving') {
       measure.create(id, state.status);
       analytics.operational.instrument({
         id,

package/dist/es2019/view/EmbedModal/index.js

@@ -5,7 +5,6 @@ import { MAX_MODAL_SIZE, MIN_MODAL_SIZE } from './constants';
 import EmbedContent from './components/embed-content';
 import { EmbedModalSize } from './types';
 import withErrorBoundary from './components/error-boundary';
-import withSizeExperiment from './components/size-experiment';
 import withAnalytics from './components/analytics';
 
 const toSize = width => width === MAX_MODAL_SIZE ? EmbedModalSize.Large : EmbedModalSize.Small;
@@ -24,7 +23,7 @@ const EmbedModal = ({
   onViewActionClick,
   providerName,
   showModal,
-  size = EmbedModalSize.Small,
+  size = EmbedModalSize.Large,
   src,
   testId = 'smart-embed-preview-modal',
   title,
@@ -89,4 +88,4 @@ const EmbedModal = ({
   }))));
 };
 
-export default withSizeExperiment(withAnalytics(withErrorBoundary(EmbedModal)));
+export default withAnalytics(withErrorBoundary(EmbedModal));

package/dist/esm/extractors/common/actions/extractPreviewAction.js

@@ -61,7 +61,6 @@ export var extractPreviewAction = function extractPreviewAction(_ref) {
       origin = _ref.origin,
       _ref$source = _ref.source,
       source = _ref$source === void 0 ? 'block' : _ref$source,
-      featureFlags = _ref.featureFlags,
       analytics = _ref.analytics;
   // Extract metadata from view props & raw JSON-LD.
   var metadataFromJsonLd = getMetadataFromJsonLd(jsonLd, platform);
@@ -76,7 +75,6 @@ export var extractPreviewAction = function extractPreviewAction(_ref) {
     var previewAction = PreviewAction(_objectSpread(_objectSpread({}, metadata), {}, {
       analytics: analytics,
       origin: origin,
-      featureFlags: featureFlags,
       testId: testId,
       onDownloadActionClick: function onDownloadActionClick() {
         handleInvoke(getInvokeOpts(key, 'DownloadAction'));

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

@@ -3,12 +3,13 @@ import _regeneratorRuntime from "@babel/runtime/regenerator";
 import { useMemo, useCallback } from 'react';
 import { auth } from '@atlaskit/outbound-auth-flow-client';
 import { useSmartLinkContext } from '@atlaskit/link-provider';
-import { ACTION_PENDING, ACTION_RESOLVED, ACTION_ERROR, ACTION_ERROR_FALLBACK, ACTION_RELOADING, ACTION_UPDATE_METADATA_STATUS, cardAction, APIError } from '@atlaskit/linking-common';
+import { ACTION_RESOLVED, ACTION_ERROR, ACTION_ERROR_FALLBACK, ACTION_RELOADING, ACTION_UPDATE_METADATA_STATUS, cardAction, APIError, ACTION_RESOLVING } from '@atlaskit/linking-common';
 import { getDefinitionId, getByDefinitionId, getServices, getStatus, getExtensionKey } from '../helpers';
 import { ERROR_MESSAGE_OAUTH, ERROR_MESSAGE_FATAL, ERROR_MESSAGE_METADATA } from './constants';
 import * as measure from '../../utils/performance';
 import { getUnauthorizedJsonLd } from '../../utils/jsonld';
 import { addMetadataToExperience } from '../analytics';
+import { SmartLinkStatus } from '../../constants';
 export var useSmartCardActions = function useSmartCardActions(id, url, analytics) {
   var _useSmartLinkContext = useSmartLinkContext(),
       store = _useSmartLinkContext.store,
@@ -19,7 +20,7 @@ export var useSmartCardActions = function useSmartCardActions(id, url, analytics
       dispatch = store.dispatch;
 
   var _ref = getState()[url] || {
-    status: 'pending',
+    status: SmartLinkStatus.Pending,
     details: undefined
   },
       details = _ref.details,
@@ -152,7 +153,7 @@ export var useSmartCardActions = function useSmartCardActions(id, url, analytics
   })), [url, hasData, connections.client, handleResolvedLinkResponse, handleResolvedLinkError, id]);
   var register = useCallback(function () {
     if (!details) {
-      dispatch(cardAction(ACTION_PENDING, {
+      dispatch(cardAction(ACTION_RESOLVING, {
         url: url
       }));
       setMetadataStatus('pending');

package/dist/esm/state/hooks/useSmartLink.js

@@ -5,8 +5,13 @@ import { useSmartCardActions as useSmartLinkActions } from '../actions';
 import { useSmartLinkConfig } from '../config';
 import { useSmartLinkAnalytics } from '../analytics';
 import { useSmartLinkRenderers } from '../renderers';
+import { useSmartLinkContext } from '@atlaskit/link-provider';
 export function useSmartLink(id, url, dispatchAnalytics) {
   var state = useSmartLinkState(url);
+
+  var _useSmartLinkContext = useSmartLinkContext(),
+      store = _useSmartLinkContext.store;
+
   var analytics = useSmartLinkAnalytics(url, dispatchAnalytics, id);
   var actions = useSmartLinkActions(id, url, analytics);
   var config = useSmartLinkConfig();
@@ -26,7 +31,7 @@ export function useSmartLink(id, url, dispatchAnalytics) {
   // eslint-disable-next-line react-hooks/exhaustive-deps
 
 
-  useEffect(register, [url]); // Provide the state and card actions to consumers.
+  useEffect(register, [url, store]); // Provide the state and card actions to consumers.
 
   return {
     state: state,

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

@@ -1,7 +1,6 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import { useEffect, useMemo, useState } from 'react';
 import uuid from 'uuid';
-import { useFeatureFlag } from '@atlaskit/link-provider';
 import { extractBlockProps as extractCardProps } from '../../extractors/block';
 import { useSmartCardActions as useLinkActions } from '../actions';
 import { useSmartLinkAnalytics as useLinkAnalytics } from '../analytics';
@@ -25,21 +24,13 @@ export function useSmartLinkActions(_ref) {
 
   var linkState = useLinkState(url);
   var linkAnalytics = useLinkAnalytics(url, analyticsHandler, id);
-  var linkActions = useLinkActions(id, url, linkAnalytics); // Actions do not have access to the react tree, so we need to obtain
-  // feature flags here where we still can access SmartLinkContext context
-  // and pass the flags down to the extractor. See PreviewAction.tsx for details.
-
-  var embedModalSize = useFeatureFlag('embedModalSize');
+  var linkActions = useLinkActions(id, url, linkAnalytics);
   useEffect(function () {
     if (!linkState.details) {
       return;
     }
 
-    var featureFlags = {
-      embedModalSize: embedModalSize
-    };
     var cardProperties = extractCardProps(linkState.details.data, linkState.details.meta, {
-      featureFlags: featureFlags,
       handleInvoke: function handleInvoke(opts) {
         return linkActions.invoke(opts, appearance);
       },
@@ -61,6 +52,6 @@ export function useSmartLinkActions(_ref) {
       };
     });
     setActions(cardActions);
-  }, [linkState, linkActions, linkAnalytics, appearance, platform, embedModalSize, origin]);
+  }, [linkState, linkActions, linkAnalytics, appearance, platform, origin]);
   return actions;
 }

package/dist/esm/version.json

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

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

@@ -92,13 +92,9 @@ export default (function (_ref2) {
       return previewFunction(_objectSpread({
         popupMountPointId: 'twp-editor-preview-iframe',
         providerName: 'Preview',
-        closeLabel: 'Close Preview',
         showModal: true,
         iframeName: 'twp-editor-preview-iframe',
-        onClose: function onClose() {},
-        metadata: {
-          items: details || []
-        }
+        onClose: function onClose() {}
       }, rest));
     }
   };

package/dist/esm/view/BlockCard/index.js

@@ -13,7 +13,6 @@ import { ResolvingView as BlockCardResolvingView } from './views/ResolvingView';
 import { UnauthorizedView as BlockCardUnauthorisedView } from './views/UnauthorizedView';
 import { ForbiddenView as BlockCardForbiddenView } from './views/ForbiddenView';
 import { ErroredView as BlockCardErroredView } from './views/ErroredView';
-import { useFeatureFlag } from '@atlaskit/link-provider';
 export { default as PreviewAction } from './actions/PreviewAction';
 export { ForbiddenAction, AuthorizeAction, BlockCardResolvedView, BlockCardResolvingView, BlockCardUnauthorisedView, BlockCardForbiddenView, BlockCardErroredView, BlockCardNotFoundView };
 export var BlockCard = function BlockCard(_ref) {
@@ -36,19 +35,11 @@ export var BlockCard = function BlockCard(_ref) {
       showActions = _ref.showActions,
       platform = _ref.platform,
       analytics = _ref.analytics;
-  // Actions do not have access to the react tree, so we need to obtain
-  // feature flags here where we still can access SmartLinkContext context
-  // and pass the flags down to the extractor. See PreviewAction.tsx for details.
-  var embedModalSize = useFeatureFlag('embedModalSize');
-  var featureFlags = {
-    embedModalSize: embedModalSize
-  };
   var data = details && details.data || getEmptyJsonLd();
   var meta = details && details.meta;
   var extractorOpts = {
     analytics: analytics,
     origin: 'smartLinkCard',
-    featureFlags: featureFlags,
     handleInvoke: handleInvoke,
     extensionKey: getExtensionKey(details)
   };

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

@@ -94,7 +94,7 @@ export function CardWithUrlContent(_ref) {
   useEffect(function () {
     measure.mark(id, state.status);
 
-    if (state.status !== 'pending') {
+    if (state.status !== 'pending' && state.status !== 'resolving') {
       measure.create(id, state.status);
       analytics.operational.instrument({
         id: id,

package/dist/esm/view/EmbedModal/index.js

@@ -6,7 +6,6 @@ import { MAX_MODAL_SIZE, MIN_MODAL_SIZE } from './constants';
 import EmbedContent from './components/embed-content';
 import { EmbedModalSize } from './types';
 import withErrorBoundary from './components/error-boundary';
-import withSizeExperiment from './components/size-experiment';
 import withAnalytics from './components/analytics';
 
 var toSize = function toSize(width) {
@@ -31,7 +30,7 @@ var EmbedModal = function EmbedModal(_ref) {
       providerName = _ref.providerName,
       showModal = _ref.showModal,
       _ref$size = _ref.size,
-      size = _ref$size === void 0 ? EmbedModalSize.Small : _ref$size,
+      size = _ref$size === void 0 ? EmbedModalSize.Large : _ref$size,
       src = _ref.src,
       _ref$testId = _ref.testId,
       testId = _ref$testId === void 0 ? 'smart-embed-preview-modal' : _ref$testId,
@@ -107,4 +106,4 @@ var EmbedModal = function EmbedModal(_ref) {
   }))));
 };
 
-export default withSizeExperiment(withAnalytics(withErrorBoundary(EmbedModal)));
+export default withAnalytics(withErrorBoundary(EmbedModal));

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

@@ -1,4 +1,3 @@
-import { LinkingPlatformFeatureFlags } from '@atlaskit/linking-common';
 import { InvokeHandler } from '../../model/invoke-handler';
 import { AnalyticsFacade } from '../../state/analytics';
 import { CardInnerAppearance } from '../../view/Card/types';
@@ -8,7 +7,6 @@ export interface ExtractBlockOpts {
     analytics: AnalyticsFacade;
     origin?: AnalyticsOrigin;
     extensionKey?: string;
-    featureFlags?: Partial<LinkingPlatformFeatureFlags>;
     source?: CardInnerAppearance;
     testId?: string;
 }

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

@@ -2,7 +2,7 @@ import { JsonLd } from 'json-ld-types';
 import { CardPlatform } from '../../../view/Card/types';
 import { BlockCardResolvedViewProps } from '../../../view/BlockCard';
 import { ExtractBlockOpts } from '../../block/types';
-export declare const extractPreviewAction: ({ extensionKey, viewProps, jsonLd, handleInvoke, testId, platform, origin, source, featureFlags, analytics, }: ExtractBlockOpts & {
+export declare const extractPreviewAction: ({ extensionKey, viewProps, jsonLd, handleInvoke, testId, platform, origin, source, analytics, }: ExtractBlockOpts & {
     viewProps: BlockCardResolvedViewProps;
     jsonLd: JsonLd.Data.BaseData;
     platform?: JsonLd.Primitives.Platforms | undefined;