@atlaskit/smart-card 26.5.11 → 26.5.12

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/smart-card
 
+## 26.5.12
+
+### Patch Changes
+
+- [`472882f9947`](https://bitbucket.org/atlassian/atlassian-frontend/commits/472882f9947) - fix analytics display to be flexible when it is a flex ui
+
 ## 26.5.11
 
 ### Patch Changes

package/dist/cjs/version.json

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

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

@@ -141,14 +141,14 @@ function Component(_ref) {
   (0, _react.useEffect)(function () {
     if ((0, _helpers.isFinalState)(state.status)) {
       analytics.ui.renderSuccessEvent({
-        display: appearance,
+        display: isFlexibleUi ? 'flexible' : appearance,
         status: state.status,
         id: id,
         definitionId: definitionId,
         extensionKey: extensionKey
       });
     }
-  }, [appearance, state.status, url, definitionId, extensionKey, analytics.ui, id]);
+  }, [isFlexibleUi, appearance, state.status, url, definitionId, extensionKey, analytics.ui, id]);
   var onIframeDwell = (0, _react.useCallback)(function (dwellTime, dwellPercentVisible) {
     analytics.ui.iframeDwelledEvent({
       id: id,

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

@@ -16,6 +16,7 @@ var _reactErrorBoundary = require("react-error-boundary");
 var _analytics2 = require("../../state/analytics");
 var _LazyFallback = require("./component-lazy/LazyFallback");
 var _utils = require("../../utils");
+var _flexible = require("../../utils/flexible");
 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 || (0, _typeof2.default)(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; }
 var LazyCardWithUrlContent = /*#__PURE__*/(0, _react.lazy)(function () {
@@ -90,6 +91,7 @@ function CardWithURLRenderer(props) {
     };
   }, [appearance, createAnalyticsEvent]);
   var analytics = (0, _analytics2.useSmartLinkAnalytics)(url !== null && url !== void 0 ? url : '', dispatchAnalytics, id);
+  var isFlexibleUi = (0, _flexible.isFlexibleUiCard)(children);
   var errorHandler = (0, _react.useCallback)(function (error, info) {
     var componentStack = info.componentStack;
     var errorInfo = {
@@ -108,7 +110,7 @@ function CardWithURLRenderer(props) {
       });
     } else if (error.name !== 'APIError') {
       analytics.ui.renderFailedEvent({
-        display: appearance,
+        display: isFlexibleUi ? 'flexible' : appearance,
         id: id,
         error: error,
         errorInfo: errorInfo
@@ -119,7 +121,7 @@ function CardWithURLRenderer(props) {
       url: url !== null && url !== void 0 ? url : '',
       err: error
     });
-  }, [analytics.operational, analytics.ui, appearance, id, onError, url]);
+  }, [analytics.operational, analytics.ui, appearance, id, onError, url, isFlexibleUi]);
   if (!url) {
     throw new Error('@atlaskit/smart-card: url property is missing.');
   }

package/dist/es2019/version.json

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

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

@@ -128,14 +128,14 @@ function Component({
   useEffect(() => {
     if (isFinalState(state.status)) {
       analytics.ui.renderSuccessEvent({
-        display: appearance,
+        display: isFlexibleUi ? 'flexible' : appearance,
         status: state.status,
         id,
         definitionId,
         extensionKey
       });
     }
-  }, [appearance, state.status, url, definitionId, extensionKey, analytics.ui, id]);
+  }, [isFlexibleUi, appearance, state.status, url, definitionId, extensionKey, analytics.ui, id]);
   const onIframeDwell = useCallback((dwellTime, dwellPercentVisible) => {
     analytics.ui.iframeDwelledEvent({
       id,

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

@@ -7,6 +7,7 @@ import { ErrorBoundary } from 'react-error-boundary';
 import { useSmartLinkAnalytics } from '../../state/analytics';
 import { LoadingCardLink } from './component-lazy/LazyFallback';
 import { importWithRetry } from '../../utils';
+import { isFlexibleUiCard } from '../../utils/flexible';
 const LazyCardWithUrlContent = /*#__PURE__*/lazy(() => importWithRetry(() => import( /* webpackChunkName: "@atlaskit-internal_smartcard-urlcardcontent" */'./component-lazy/index')));
 export function CardWithURLRenderer(props) {
   const [id] = useState(() => props.id ? props.id : uuid());
@@ -71,6 +72,7 @@ export function CardWithURLRenderer(props) {
     };
   }, [appearance, createAnalyticsEvent]);
   const analytics = useSmartLinkAnalytics(url !== null && url !== void 0 ? url : '', dispatchAnalytics, id);
+  const isFlexibleUi = isFlexibleUiCard(children);
   const errorHandler = useCallback((error, info) => {
     const {
       componentStack
@@ -91,7 +93,7 @@ export function CardWithURLRenderer(props) {
       });
     } else if (error.name !== 'APIError') {
       analytics.ui.renderFailedEvent({
-        display: appearance,
+        display: isFlexibleUi ? 'flexible' : appearance,
         id,
         error,
         errorInfo
@@ -102,7 +104,7 @@ export function CardWithURLRenderer(props) {
       url: url !== null && url !== void 0 ? url : '',
       err: error
     });
-  }, [analytics.operational, analytics.ui, appearance, id, onError, url]);
+  }, [analytics.operational, analytics.ui, appearance, id, onError, url, isFlexibleUi]);
   if (!url) {
     throw new Error('@atlaskit/smart-card: url property is missing.');
   }

package/dist/esm/version.json

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

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

@@ -131,14 +131,14 @@ function Component(_ref) {
   useEffect(function () {
     if (isFinalState(state.status)) {
       analytics.ui.renderSuccessEvent({
-        display: appearance,
+        display: isFlexibleUi ? 'flexible' : appearance,
         status: state.status,
         id: id,
         definitionId: definitionId,
         extensionKey: extensionKey
       });
     }
-  }, [appearance, state.status, url, definitionId, extensionKey, analytics.ui, id]);
+  }, [isFlexibleUi, appearance, state.status, url, definitionId, extensionKey, analytics.ui, id]);
   var onIframeDwell = useCallback(function (dwellTime, dwellPercentVisible) {
     analytics.ui.iframeDwelledEvent({
       id: id,

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

@@ -8,6 +8,7 @@ import { ErrorBoundary } from 'react-error-boundary';
 import { useSmartLinkAnalytics } from '../../state/analytics';
 import { LoadingCardLink } from './component-lazy/LazyFallback';
 import { importWithRetry } from '../../utils';
+import { isFlexibleUiCard } from '../../utils/flexible';
 var LazyCardWithUrlContent = /*#__PURE__*/lazy(function () {
   return importWithRetry(function () {
     return import( /* webpackChunkName: "@atlaskit-internal_smartcard-urlcardcontent" */'./component-lazy/index');
@@ -78,6 +79,7 @@ export function CardWithURLRenderer(props) {
     };
   }, [appearance, createAnalyticsEvent]);
   var analytics = useSmartLinkAnalytics(url !== null && url !== void 0 ? url : '', dispatchAnalytics, id);
+  var isFlexibleUi = isFlexibleUiCard(children);
   var errorHandler = useCallback(function (error, info) {
     var componentStack = info.componentStack;
     var errorInfo = {
@@ -96,7 +98,7 @@ export function CardWithURLRenderer(props) {
       });
     } else if (error.name !== 'APIError') {
       analytics.ui.renderFailedEvent({
-        display: appearance,
+        display: isFlexibleUi ? 'flexible' : appearance,
         id: id,
         error: error,
         errorInfo: errorInfo
@@ -107,7 +109,7 @@ export function CardWithURLRenderer(props) {
       url: url !== null && url !== void 0 ? url : '',
       err: error
     });
-  }, [analytics.operational, analytics.ui, appearance, id, onError, url]);
+  }, [analytics.operational, analytics.ui, appearance, id, onError, url, isFlexibleUi]);
   if (!url) {
     throw new Error('@atlaskit/smart-card: url property is missing.');
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/smart-card",
-  "version": "26.5.11",
+  "version": "26.5.12",
   "description": "Smart card component",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"