@atlaskit/smart-card 23.1.0 → 23.1.2

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @atlaskit/smart-card
 
+## 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
+
+- [`d2cde0ebdfd`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d2cde0ebdfd) - fix editor cypress tests and delete media cypress tests
+- [`8f95d913495`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8f95d913495) - Smart Link: Add default view to inline/block/embed appearance
+
 ## 23.1.0
 
 ### Minor Changes

package/dist/cjs/__tests_external__/test-cases/embed.js

@@ -10,15 +10,13 @@ var _inProductTesting = require("@atlaskit/in-product-testing");
 var _EmbedCard = require("../page-objects/EmbedCard");
 
 var embedSmartLinkRendersTestCase = function embedSmartLinkRendersTestCase(_ref) {
-  var url = _ref.url,
-      _ref$status = _ref.status,
+  var _ref$status = _ref.status,
       status = _ref$status === void 0 ? 'resolved' : _ref$status;
   return new _inProductTesting.InProductTestCase({
     title: 'Embed Smart Link is visible in the resolved state',
     id: 'embed-smart-link-resolved',
     assertions: function assertions(cy) {
       var embedCard = new _EmbedCard.EmbedCardPageObject(cy);
-      embedCard.assertHrefRendered(url);
       embedCard.expectCardReady(1, status);
     }
   });

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/version.json

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

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

@@ -214,6 +214,7 @@ var BlockCard = function BlockCard(_ref) {
 
     case 'fallback':
     case 'errored':
+    default:
       if (onError) {
         onError({
           url: url,

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/EmbedCard/index.js

@@ -182,6 +182,7 @@ var EmbedCard = /*#__PURE__*/_react.default.forwardRef(function (_ref, iframeRef
 
     case 'fallback':
     case 'errored':
+    default:
       if (onError) {
         onError({
           url: url,

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

@@ -175,6 +175,7 @@ var InlineCard = function InlineCard(_ref) {
 
     case 'fallback':
     case 'errored':
+    default:
       if (onError) {
         onError({
           url: url,

package/dist/es2019/__tests_external__/test-cases/embed.js

@@ -1,14 +1,12 @@
 import { InProductTestCase } from '@atlaskit/in-product-testing';
 import { EmbedCardPageObject } from '../page-objects/EmbedCard';
 export const embedSmartLinkRendersTestCase = ({
-  url,
   status = 'resolved'
 }) => new InProductTestCase({
   title: 'Embed Smart Link is visible in the resolved state',
   id: 'embed-smart-link-resolved',
   assertions: cy => {
     const embedCard = new EmbedCardPageObject(cy);
-    embedCard.assertHrefRendered(url);
     embedCard.expectCardReady(1, status);
   }
 });

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/version.json

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

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

@@ -137,6 +137,7 @@ export const BlockCard = ({
 
     case 'fallback':
     case 'errored':
+    default:
       if (onError) {
         onError({
           url,

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/EmbedCard/index.js

@@ -160,6 +160,7 @@ export const EmbedCard = /*#__PURE__*/React.forwardRef(({
 
     case 'fallback':
     case 'errored':
+    default:
       if (onError) {
         onError({
           url,

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

@@ -128,6 +128,7 @@ export const InlineCard = ({
 
     case 'fallback':
     case 'errored':
+    default:
       if (onError) {
         onError({
           url,

package/dist/esm/__tests_external__/test-cases/embed.js

@@ -1,15 +1,13 @@
 import { InProductTestCase } from '@atlaskit/in-product-testing';
 import { EmbedCardPageObject } from '../page-objects/EmbedCard';
 export var embedSmartLinkRendersTestCase = function embedSmartLinkRendersTestCase(_ref) {
-  var url = _ref.url,
-      _ref$status = _ref.status,
+  var _ref$status = _ref.status,
       status = _ref$status === void 0 ? 'resolved' : _ref$status;
   return new InProductTestCase({
     title: 'Embed Smart Link is visible in the resolved state',
     id: 'embed-smart-link-resolved',
     assertions: function assertions(cy) {
       var embedCard = new EmbedCardPageObject(cy);
-      embedCard.assertHrefRendered(url);
       embedCard.expectCardReady(1, status);
     }
   });

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/version.json

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

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

@@ -135,6 +135,7 @@ export var BlockCard = function BlockCard(_ref) {
 
     case 'fallback':
     case 'errored':
+    default:
       if (onError) {
         onError({
           url: url,

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/EmbedCard/index.js

@@ -158,6 +158,7 @@ export var EmbedCard = /*#__PURE__*/React.forwardRef(function (_ref, iframeRef)
 
     case 'fallback':
     case 'errored':
+    default:
       if (onError) {
         onError({
           url: url,

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

@@ -125,6 +125,7 @@ export var InlineCard = function InlineCard(_ref) {
 
     case 'fallback':
     case 'errored':
+    default:
       if (onError) {
         onError({
           url: url,

package/dist/types/__tests_external__/test-cases/embed.d.ts

@@ -1,3 +1,3 @@
 import { InProductTestCase } from '@atlaskit/in-product-testing';
 import { SmartLinkTestCaseOpts } from './types';
-export declare const embedSmartLinkRendersTestCase: ({ url, status, }: SmartLinkTestCaseOpts) => InProductTestCase;
+export declare const embedSmartLinkRendersTestCase: ({ status, }: SmartLinkTestCaseOpts) => InProductTestCase;

package/dist/types-ts4.0/__tests_external__/test-cases/embed.d.ts

@@ -1,3 +1,3 @@
 import { InProductTestCase } from '@atlaskit/in-product-testing';
 import { SmartLinkTestCaseOpts } from './types';
-export declare const embedSmartLinkRendersTestCase: ({ url, status, }: SmartLinkTestCaseOpts) => InProductTestCase;
+export declare const embedSmartLinkRendersTestCase: ({ status, }: SmartLinkTestCaseOpts) => InProductTestCase;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/smart-card",
-  "version": "23.1.0",
+  "version": "23.1.2",
   "description": "Smart card component",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -34,21 +34,21 @@
     "@atlaskit/analytics-next": "^8.2.0",
     "@atlaskit/avatar": "^21.1.0",
     "@atlaskit/avatar-group": "^9.1.0",
-    "@atlaskit/button": "^16.3.0",
+    "@atlaskit/button": "^16.4.0",
     "@atlaskit/dropdown-menu": "^11.5.0",
     "@atlaskit/icon": "^21.11.0",
     "@atlaskit/icon-file-type": "^6.3.0",
     "@atlaskit/icon-object": "^6.2.0",
     "@atlaskit/icon-priority": "^6.3.0",
     "@atlaskit/in-product-testing": "^0.1.0",
-    "@atlaskit/linking-common": "^1.9.0",
+    "@atlaskit/linking-common": "^1.10.0",
     "@atlaskit/logo": "^13.10.0",
-    "@atlaskit/lozenge": "^11.2.0",
-    "@atlaskit/media-common": "^2.16.0",
+    "@atlaskit/lozenge": "^11.3.0",
+    "@atlaskit/media-common": "^2.17.0",
     "@atlaskit/modal-dialog": "^12.4.0",
     "@atlaskit/outbound-auth-flow-client": "^3.3.0",
     "@atlaskit/popup": "^1.5.0",
-    "@atlaskit/spinner": "^15.1.0",
+    "@atlaskit/spinner": "^15.2.0",
     "@atlaskit/theme": "^12.2.0",
     "@atlaskit/tokens": "^0.10.0",
     "@atlaskit/tooltip": "^17.6.0",
@@ -78,14 +78,14 @@
     "@atlaskit/css-reset": "^6.3.0",
     "@atlaskit/docs": "*",
     "@atlaskit/field-base": "^15.0.6",
-    "@atlaskit/form": "^8.6.0",
+    "@atlaskit/form": "^8.7.0",
     "@atlaskit/inline-message": "^11.4.0",
-    "@atlaskit/lozenge": "^11.2.0",
+    "@atlaskit/lozenge": "^11.3.0",
     "@atlaskit/media-integration-test-helpers": "^2.6.0",
     "@atlaskit/media-test-helpers": "^30.0.0",
     "@atlaskit/page": "^12.2.0",
     "@atlaskit/radio": "^5.4.0",
-    "@atlaskit/range": "^6.1.0",
+    "@atlaskit/range": "^7.0.0",
     "@atlaskit/section-message": "^6.3.0",
     "@atlaskit/select": "^15.7.0",
     "@atlaskit/table-tree": "^9.2.0",