@atlaskit/smart-card 23.14.0 → 23.14.2

package/dist/esm/extractors/flexible/icon/extract-file-formatIcon.js

@@ -1,5 +1,4 @@
 import { IconType } from '../../../constants';
-
 var extractFileFormatIcon = function extractFileFormatIcon(fileFormat) {
   switch (fileFormat) {
     // Generic documents
@@ -8,7 +7,6 @@ var extractFileFormatIcon = function extractFileFormatIcon(fileFormat) {
         icon: IconType.Folder,
         label: 'Folder'
       };
-
     case 'text/plain':
     case 'application/vnd.oasis.opendocument.text':
     case 'application/vnd.apple.pages':
@@ -16,20 +14,17 @@ var extractFileFormatIcon = function extractFileFormatIcon(fileFormat) {
         icon: IconType.Document,
         label: 'Document'
       };
-
     case 'application/pdf':
       return {
         icon: IconType.PDF,
         label: 'PDF document'
       };
-
     case 'application/vnd.oasis.opendocument.presentation':
     case 'application/vnd.apple.keynote':
       return {
         icon: IconType.Presentation,
         label: 'Presentation'
       };
-
     case 'application/vnd.oasis.opendocument.spreadsheet':
     case 'application/vnd.apple.numbers':
       return {
@@ -37,53 +32,45 @@ var extractFileFormatIcon = function extractFileFormatIcon(fileFormat) {
         label: 'Spreadsheet'
       };
     // Google Drive
-
     case 'application/vnd.google-apps.document':
       return {
         icon: IconType.GoogleDocs,
         label: 'Google Docs'
       };
-
     case 'application/vnd.google-apps.form':
       return {
         icon: IconType.GoogleForms,
         label: 'Google Form'
       };
-
     case 'application/vnd.google-apps.spreadsheet':
       return {
         icon: IconType.GoogleSheets,
         label: 'Google Sheets'
       };
-
     case 'application/vnd.google-apps.presentation':
       return {
         icon: IconType.GoogleSlides,
         label: 'Google Slides'
       };
     // Microsoft
-
     case 'application/vnd.ms-excel':
     case 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet':
       return {
         icon: IconType.MSExcel,
         label: 'Excel spreadsheet'
       };
-
     case 'application/vnd.ms-powerpoint':
     case 'application/vnd.openxmlformats-officedocument.presentationml.presentation':
       return {
         icon: IconType.MSPowerpoint,
         label: 'PowerPoint presentation'
       };
-
     case 'application/msword':
     case 'application/vnd.openxmlformats-officedocument.wordprocessingml.document':
       return {
         icon: IconType.MSWord,
         label: 'Word document'
       };
-
     case 'image/png':
     case 'image/jpeg':
     case 'image/bmp':
@@ -93,13 +80,11 @@ var extractFileFormatIcon = function extractFileFormatIcon(fileFormat) {
         icon: IconType.Image,
         label: 'Image'
       };
-
     case 'image/gif':
       return {
         icon: IconType.GIF,
         label: 'GIF'
       };
-
     case 'audio/midi':
     case 'audio/mpeg':
     case 'audio/webm':
@@ -109,7 +94,6 @@ var extractFileFormatIcon = function extractFileFormatIcon(fileFormat) {
         icon: IconType.Audio,
         label: 'Audio'
       };
-
     case 'video/mp4':
     case 'video/quicktime':
     case 'video/mov':
@@ -122,7 +106,6 @@ var extractFileFormatIcon = function extractFileFormatIcon(fileFormat) {
         label: 'Video'
       };
     // Others
-
     case 'text/css':
     case 'text/html':
     case 'application/javascript':
@@ -130,7 +113,6 @@ var extractFileFormatIcon = function extractFileFormatIcon(fileFormat) {
         icon: IconType.Code,
         label: 'Source Code'
       };
-
     case 'application/zip':
     case 'application/x-tar':
     case 'application/x-gtar':
@@ -141,34 +123,28 @@ var extractFileFormatIcon = function extractFileFormatIcon(fileFormat) {
         icon: IconType.Archive,
         label: 'Archive'
       };
-
     case 'application/dmg':
       return {
         icon: IconType.Executable,
         label: 'Executable'
       };
-
     case 'application/sketch':
       return {
         icon: IconType.Sketch,
         label: 'Sketch'
       };
-
     case 'application/octet-stream':
       return {
         icon: IconType.Generic,
         label: 'Binary file'
       };
-
     case 'application/invision.prototype':
       return {
         icon: IconType.Generic,
         label: 'Prototype'
       };
-
     default:
       return undefined;
   }
 };
-
 export default extractFileFormatIcon;

package/dist/esm/extractors/flexible/icon/extract-icon-renderer.js

@@ -1,14 +1,11 @@
 var sanitizeEmojiValue = function sanitizeEmojiValue(value) {
   return value && value.replace(/['"]+/g, '').replace(/null/, '') || '';
 };
-
 var extractIconRenderer = function extractIconRenderer(data, renderers) {
   var prefix = data['atlassian:titlePrefix'];
-
   if ((prefix === null || prefix === void 0 ? void 0 : prefix['@type']) === 'atlassian:Emoji') {
     var emojiId = sanitizeEmojiValue(prefix['text']);
     var emojiRenderer = renderers === null || renderers === void 0 ? void 0 : renderers.emoji;
-
     if (emojiId && emojiRenderer) {
       return function () {
         return emojiRenderer(emojiId);
@@ -16,5 +13,4 @@ var extractIconRenderer = function extractIconRenderer(data, renderers) {
     }
   }
 };
-
 export default extractIconRenderer;

package/dist/esm/extractors/flexible/icon/extract-jira-task-icon.js

@@ -1,57 +1,47 @@
 import { IconType } from '../../../constants';
-
 var extractJiraTaskIcon = function extractJiraTaskIcon(taskType) {
   var label = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'Task';
-
   switch (taskType) {
     case 'JiraBug':
       return {
         icon: IconType.Bug,
         label: label
       };
-
     case 'JiraChange':
       return {
         icon: IconType.Change,
         label: label
       };
-
     case 'JiraEpic':
       return {
         icon: IconType.Epic,
         label: label
       };
-
     case 'JiraIncident':
       return {
         icon: IconType.Incident,
         label: label
       };
-
     case 'JiraProblem':
       return {
         icon: IconType.Problem,
         label: label
       };
-
     case 'JiraServiceRequest':
       return {
         icon: IconType.ServiceRequest,
         label: label
       };
-
     case 'JiraStory':
       return {
         icon: IconType.Story,
         label: label
       };
-
     case 'JiraSubTask':
       return {
         icon: IconType.SubTask,
         label: label
       };
-
     case 'JiraTask':
     default:
       return {
@@ -60,5 +50,4 @@ var extractJiraTaskIcon = function extractJiraTaskIcon(taskType) {
       };
   }
 };
-
 export default extractJiraTaskIcon;

package/dist/esm/extractors/flexible/icon/extract-jsonld-data-icon.js

@@ -8,12 +8,10 @@ import { extractTaskType } from '../../common/lozenge';
 import { extractTitle } from '@atlaskit/linking-common/extractors';
 import { extractorPriorityMap as priorityMap } from '../../common/icon/priority';
 import { IconType } from '../../../constants';
-
 var extractTask = function extractTask(data, label) {
   var _ref = extractTaskType(data) || {},
-      id = _ref.id,
-      url = _ref.icon;
-
+    id = _ref.id,
+    url = _ref.icon;
   var taskType = id === null || id === void 0 ? void 0 : id.split('#').pop();
   var taskIcon = url ? {
     label: label,
@@ -24,26 +22,21 @@ var extractTask = function extractTask(data, label) {
     taskIcon: taskIcon
   };
 };
-
 var extractType = function extractType(jsonLd) {
   var type = jsonLd['@type'];
   return Array.isArray(type) ? type.sort(function (a, b) {
     return priorityMap[b] - priorityMap[a];
   })[0] : type;
 };
-
 var isConfluenceProvider = function isConfluenceProvider(provider) {
   return provider === CONFLUENCE_GENERATOR_ID;
 };
-
 var isJiraProvider = function isJiraProvider(provider) {
   return provider === JIRA_GENERATOR_ID;
 };
-
 var isNativeProvider = function isNativeProvider(provider) {
   return isConfluenceProvider(provider) || isJiraProvider(provider);
 };
-
 var extractJsonldDataIcon = function extractJsonldDataIcon(data) {
   var generator = data.generator;
   var label = extractTitle(data);
@@ -51,7 +44,6 @@ var extractJsonldDataIcon = function extractJsonldDataIcon(data) {
   var urlIcon = extractUrlIcon(data.icon, label);
   var provider = generator === null || generator === void 0 ? void 0 : generator['@id'];
   var providerIcon = extractProviderIcon(data);
-
   switch (type) {
     case 'Document':
     case 'schema:BlogPosting':
@@ -70,65 +62,53 @@ var extractJsonldDataIcon = function extractJsonldDataIcon(data) {
       var fileFormatIcon = extractFileFormatIcon(fileFormat);
       var documentTypeIcon = extractDocumentTypeIcon(type, label);
       return isNativeProvider(provider) ? fileFormatIcon || documentTypeIcon || providerIcon : providerIcon || fileFormatIcon || documentTypeIcon;
-
     case 'atlassian:Task':
       var taskLabel = label || 'Task';
-
       if (isJiraProvider(provider)) {
         var _extractTask = extractTask(data),
-            taskType = _extractTask.taskType,
-            taskIcon = _extractTask.taskIcon;
-
+          taskType = _extractTask.taskType,
+          taskIcon = _extractTask.taskIcon;
         return taskType === 'JiraCustomTaskType' ? taskIcon || urlIcon || providerIcon || {
           icon: IconType.Task,
           label: taskLabel
         } : extractJiraTaskIcon(taskType, taskLabel);
       }
-
       return {
         icon: IconType.Task,
         label: taskLabel
       };
-
     case 'atlassian:Goal':
       return urlIcon || {
         icon: IconType.Task,
         label: label || 'Goal'
       };
-
     case 'atlassian:Project':
       return urlIcon || {
         icon: IconType.Project,
         label: label || 'Project'
       };
-
     case 'atlassian:SourceCodeCommit':
       return {
         icon: IconType.Commit,
         label: label || 'Commit'
       };
-
     case 'atlassian:SourceCodePullRequest':
       return {
         icon: IconType.PullRequest,
         label: label || 'Pull request'
       };
-
     case 'atlassian:SourceCodeReference':
       return {
         icon: IconType.Branch,
         label: label || 'Reference'
       };
-
     case 'atlassian:SourceCodeRepository':
       return {
         icon: IconType.Repo,
         label: label || 'Repository'
       };
-
     default:
       return providerIcon;
   }
 };
-
 export default extractJsonldDataIcon;

package/dist/esm/extractors/flexible/icon/extract-provider-icon.js

@@ -2,32 +2,26 @@ import { CONFLUENCE_GENERATOR_ID, JIRA_GENERATOR_ID } from '../../constants';
 import { IconType } from '../../../constants';
 import extractUrlIcon from './extract-url-icon';
 import { extractTitle } from '@atlaskit/linking-common/extractors';
-
 var extractProviderIcon = function extractProviderIcon(data) {
   if (!data) {
     return undefined;
   }
-
   var generator = data.generator;
   var provider = generator === null || generator === void 0 ? void 0 : generator['@id'];
   var icon = generator === null || generator === void 0 ? void 0 : generator.icon;
   var label = (generator === null || generator === void 0 ? void 0 : generator.name) || extractTitle(data);
-
   if (provider === CONFLUENCE_GENERATOR_ID) {
     return {
       icon: IconType.Confluence,
       label: label || 'Confluence'
     };
   }
-
   if (provider === JIRA_GENERATOR_ID) {
     return {
       icon: IconType.Jira,
       label: label || 'Jira'
     };
   }
-
   return extractUrlIcon(icon, label);
 };
-
 export default extractProviderIcon;

package/dist/esm/extractors/flexible/icon/extract-url-icon.js

@@ -1,5 +1,4 @@
 import { extractUrlFromIconJsonLd } from '@atlaskit/linking-common/extractors';
-
 var extractUrlIcon = function extractUrlIcon(icon, label) {
   var url = icon && extractUrlFromIconJsonLd(icon);
   return url ? {
@@ -7,5 +6,4 @@ var extractUrlIcon = function extractUrlIcon(icon, label) {
     url: url
   } : undefined;
 };
-
 export default extractUrlIcon;

package/dist/esm/extractors/flexible/icon/index.js

@@ -1,9 +1,6 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 import extractJsonldDataIcon from './extract-jsonld-data-icon';
 import extractProviderIcon from './extract-provider-icon';
 import { IconType, SmartLinkStatus } from '../../../constants';
@@ -19,32 +16,28 @@ export var extractErrorIcon = function extractErrorIcon(response, status) {
   // Try to get provider icon first.
   if (response) {
     var data = response.data;
-
     var _ref = extractProviderIcon(data) || {},
-        icon = _ref.icon,
-        url = _ref.url;
-
+      icon = _ref.icon,
+      url = _ref.url;
     if (icon || url) {
       return {
         icon: icon,
         url: url
       };
     }
-  } // Otherwise, use fallback icon for each status.
-
+  }
 
+  // Otherwise, use fallback icon for each status.
   switch (status) {
     case SmartLinkStatus.Forbidden:
     case SmartLinkStatus.Unauthorized:
       return {
         icon: IconType.Forbidden
       };
-
     case SmartLinkStatus.NotFound:
       return {
         icon: IconType.Error
       };
-
     case SmartLinkStatus.Errored:
     case SmartLinkStatus.Fallback:
     default:

package/dist/esm/extractors/flexible/index.js

@@ -11,12 +11,10 @@ import { extractLatestCommit } from './latest-commit';
 import { extractPreviewAction } from './actions/extract-preview-action';
 import { extractDownloadAction } from './actions/extract-download-action';
 import { extractViewAction } from './actions/extract-view-action';
-
 var extractFlexibleUiContext = function extractFlexibleUiContext(response, renderers) {
   if (!response) {
     return undefined;
   }
-
   var data = response.data;
   var url = extractLink(data);
   return {
@@ -52,5 +50,4 @@ var extractFlexibleUiContext = function extractFlexibleUiContext(response, rende
     url: url
   };
 };
-
 export default extractFlexibleUiContext;

package/dist/esm/extractors/flexible/latest-commit/index.js

@@ -1,10 +1,8 @@
 export var extractLatestCommit = function extractLatestCommit(jsonLd) {
   var latestCommit = jsonLd['atlassian:latestCommit'];
-
   if (typeof latestCommit === 'string') {
     return latestCommit;
   }
-
   if (latestCommit) {
     //todo: change the properties to latestCommit.hash when BE is ready
     return latestCommit ? latestCommit.name : undefined;

package/dist/esm/extractors/flexible/utils.js

@@ -1,16 +1,13 @@
 import _typeof from "@babel/runtime/helpers/typeof";
 import { extractPersonCreatedBy, extractPersonUpdatedBy } from '@atlaskit/linking-common/extractors';
-
 var extractLinkName = function extractLinkName(link) {
   if (link && _typeof(link) === 'object' && link['@type'] === 'Link') {
     return link.name;
   }
 };
-
 var extractValue = function extractValue(data, key) {
   return data === null || data === void 0 ? void 0 : data[key];
 };
-
 export var extractCommentCount = function extractCommentCount(data) {
   return extractValue(data, 'schema:commentCount');
 };
@@ -28,14 +25,12 @@ export var extractVoteCount = function extractVoteCount(data) {
 };
 export var extractCreatedBy = function extractCreatedBy(data) {
   var persons = extractPersonCreatedBy(data);
-
   if (persons && persons.length) {
     return persons[0].name;
   }
 };
 export var extractModifiedBy = function extractModifiedBy(data) {
   var person = extractPersonUpdatedBy(data);
-
   if (person) {
     return person.name;
   }

package/dist/esm/extractors/hover/extractMetadata.js

@@ -1,5 +1,4 @@
 import { ElementName } from '../../constants';
-
 var elementNamesToItems = function elementNamesToItems(elementNames) {
   return elementNames.filter(function (element) {
     return element in ElementName;
@@ -10,10 +9,8 @@ var elementNamesToItems = function elementNamesToItems(elementNames) {
     };
   });
 };
-
 export var extractMetadata = function extractMetadata(jsonLd) {
   var _jsonLd$metadata, _metadata$primary, _metadata$secondary, _metadata$subtitle;
-
   var metadata = (_jsonLd$metadata = jsonLd.metadata) !== null && _jsonLd$metadata !== void 0 ? _jsonLd$metadata : [];
   return {
     primary: elementNamesToItems((_metadata$primary = metadata.primary) !== null && _metadata$primary !== void 0 ? _metadata$primary : []),

package/dist/esm/extractors/index.js

@@ -1,29 +1,21 @@
 function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
-
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
 export function genericExtractPropsFromJSONLD(options) {
   var defaultExtractorFunction = options.defaultExtractorFunction,
-      extractorPrioritiesByType = options.extractorPrioritiesByType,
-      extractorFunctionsByType = options.extractorFunctionsByType,
-      json = options.json;
-
+    extractorPrioritiesByType = options.extractorPrioritiesByType,
+    extractorFunctionsByType = options.extractorFunctionsByType,
+    json = options.json;
   if (json) {
     var _type = json['@type'];
-
     if (_type && Array.isArray(_type)) {
       var highestPriority = 0;
       var highestPriorityExtractorFunction = defaultExtractorFunction;
-
       var _iterator = _createForOfIteratorHelper(_type),
-          _step;
-
+        _step;
       try {
         for (_iterator.s(); !(_step = _iterator.n()).done;) {
           var t = _step.value;
-
           if (extractorPrioritiesByType[t] > highestPriority) {
             highestPriority = extractorPrioritiesByType[t];
             highestPriorityExtractorFunction = extractorFunctionsByType[t];
@@ -34,14 +26,11 @@ export function genericExtractPropsFromJSONLD(options) {
       } finally {
         _iterator.f();
       }
-
       return highestPriorityExtractorFunction(json);
     }
-
     if (_type && extractorFunctionsByType[_type]) {
       return extractorFunctionsByType[_type](json);
     }
   }
-
   return defaultExtractorFunction(json);
 }

package/dist/esm/extractors/inline/index.js

@@ -6,13 +6,11 @@ import { extractLink, extractTitle, extractProvider } from '@atlaskit/linking-co
 import { CONFLUENCE_GENERATOR_ID, JIRA_GENERATOR_ID } from '../constants';
 export var extractInlineIcon = function extractInlineIcon(jsonLd) {
   var provider = extractProvider(jsonLd);
-
   if (provider && provider.id) {
     if (provider.id === CONFLUENCE_GENERATOR_ID || provider.id === JIRA_GENERATOR_ID) {
       return extractIcon(jsonLd);
     }
   }
-
   return extractIcon(jsonLd, 'provider');
 };
 export var extractInlineProps = function extractInlineProps(jsonLd, renderers) {

package/dist/esm/index.js

@@ -7,10 +7,10 @@ export { SmartCardContext as Context } from '@atlaskit/link-provider';
 export { EmbedResizeMessageListener } from './view/EmbedCard/EmbedResizeMessageListener';
 export { embedHeaderHeight } from './view/EmbedCard/components/styled';
 export { SmartLinkEvents } from './utils/analytics/analytics';
-export { useSmartLinkEvents } from './view/SmartLinkEvents/useSmartLinkEvents'; // Classnames for integrators
-
+export { useSmartLinkEvents } from './view/SmartLinkEvents/useSmartLinkEvents';
+// Classnames for integrators
 export { contentFooterClassName, metadataListClassName, blockCardResolvingViewClassName, blockCardResolvedViewClassName, blockCardForbiddenViewClassName, blockCardIconImageClassName, blockCardResolvedViewByClassName, blockCardForbiddenViewLinkClassName, blockCardContentClassName, blockCardContentHeaderClassName, blockCardContentHeaderNameClassName, blockCardNotFoundViewClassName, blockCardErroredViewClassName } from './classNames';
-export { loadingPlaceholderClassName } from './view/CardWithUrl/component-lazy/LazyFallback'; // Flexible UI
-
+export { loadingPlaceholderClassName } from './view/CardWithUrl/component-lazy/LazyFallback';
+// Flexible UI
 export { ActionName, ElementName, MediaPlacement, SmartLinkDirection, SmartLinkPosition, SmartLinkSize, SmartLinkTheme } from './constants';
 export { MetadataBlock, PreviewBlock, SnippetBlock, TitleBlock, FooterBlock } from './view/FlexibleCard/components/blocks';

package/dist/esm/ssr.js

@@ -1,10 +1,7 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 import React from 'react';
 import { useState } from 'react';
 import uuid from 'uuid';
@@ -16,19 +13,15 @@ import { LoadingCardLink } from './view/CardWithUrl/component-lazy/LazyFallback'
 // only contains whats necessary to render the card on SSR mode
 export var CardSSR = function CardSSR(props) {
   var _useState = useState(function () {
-    return uuid();
-  }),
-      _useState2 = _slicedToArray(_useState, 1),
-      id = _useState2[0];
-
+      return uuid();
+    }),
+    _useState2 = _slicedToArray(_useState, 1),
+    id = _useState2[0];
   var dispatchAnalytics = function dispatchAnalytics() {}; // we can't dispatch events on SSR, after hydration the we will provide the real callback
-
-
   var cardProps = _objectSpread(_objectSpread({}, props), {}, {
     id: id,
     dispatchAnalytics: dispatchAnalytics
   });
-
   return /*#__PURE__*/React.createElement(ErrorBoundary, {
     FallbackComponent: function FallbackComponent() {
       return /*#__PURE__*/React.createElement(LoadingCardLink, cardProps);