@atlaskit/smart-card 27.8.0 → 27.8.2

package/dist/es2019/view/EmbedCard/views/unresolved-view/index.js

@@ -1,17 +1,47 @@
 /** @jsx jsx */
 import LinkGlyph from '@atlaskit/icon/glyph/link';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { jsx } from '@emotion/react';
+import { css, jsx } from '@emotion/react';
 import React, { useMemo } from 'react';
+import { gs } from '../../../common/utils';
 import { ExpandedFrame } from '../../components/ExpandedFrame';
 import { ImageIcon } from '../../components/ImageIcon';
-import { containerStyles, contentStyles, descriptionStyles, imageStyles, titleStyles } from './styled';
+const containerStyles = css({
+  display: 'grid',
+  height: 'inherit'
+});
+const contentStyles = css({
+  display: 'flex',
+  flexDirection: 'column',
+  justifyContent: 'center',
+  alignItems: 'center',
+  margin: 'auto',
+  padding: "var(--ds-space-200, 16px)",
+  gap: "var(--ds-space-250, 20px)",
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+  maxWidth: gs(50)
+});
+const descriptionStyles = css({
+  fontSize: '1em',
+  textAlign: 'center'
+});
+const imageStyles = css({
+  height: '120px',
+  width: '180px',
+  objectFit: 'contain',
+  objectPosition: 'center center'
+});
+const titleStyles = css({
+  textAlign: 'center',
+  margin: 0,
+  padding: 0
+});
 const UnresolvedView = ({
   button,
   description,
   frameStyle,
   icon: iconUrlOrElement,
-  image,
+  image: imageUrlOrElement,
   inheritDimensions,
   isSelected,
   onClick,
@@ -33,6 +63,23 @@ const UnresolvedView = ({
       })
     });
   }, [iconUrlOrElement]);
+  const image = useMemo(() => {
+    if (!imageUrlOrElement) {
+      return null;
+    }
+    const imageTestId = `${testId}-unresolved-image`;
+    if (typeof imageUrlOrElement === 'string') {
+      return jsx("img", {
+        css: imageStyles,
+        "data-testid": imageTestId,
+        src: imageUrlOrElement
+      });
+    }
+    return jsx("div", {
+      css: imageStyles,
+      "data-testid": imageTestId
+    }, imageUrlOrElement);
+  }, [imageUrlOrElement, testId]);
   return jsx(ExpandedFrame, {
     allowScrollBar: true
     // EDM-9259: Fix embed frame showing on unresolved views when frameStyle is set to hide.
@@ -55,11 +102,7 @@ const UnresolvedView = ({
     "data-testid": `${testId}-unresolved-container`
   }, jsx("div", {
     css: contentStyles
-  }, jsx("img", {
-    css: imageStyles,
-    "data-testid": `${testId}-unresolved-image`,
-    src: image
-  }), jsx("h2", {
+  }, image, jsx("h2", {
     css: titleStyles,
     "data-testid": `${testId}-unresolved-title`
   }, title), jsx("span", {

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

@@ -7,7 +7,7 @@ import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-m
 import LinkWarningModal from './LinkWarningModal';
 const PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "27.8.0",
+  packageVersion: "27.8.2",
   componentName: 'linkUrl'
 };
 const Link = withLinkClickedEvent('a');

package/dist/esm/utils/analytics/analytics.js

@@ -15,7 +15,7 @@ export var ANALYTICS_CHANNEL = 'media';
 export var context = {
   componentName: 'smart-cards',
   packageName: "@atlaskit/smart-card",
-  packageVersion: "27.8.0"
+  packageVersion: "27.8.2"
 };
 export var TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/esm/view/EmbedCard/components/ExpandedFrame.js

@@ -79,7 +79,7 @@ export var ExpandedFrame = function ExpandedFrame(_ref) {
       // This fixes an issue with input fields in cross domain iframes (ie. databases and jira fields from different domains)
       // See: HOT-107830
       ,
-      contentEditable: getBooleanFF('platform.editor.card.fix-embed-card-select-all') ? 'false' : 'inherit',
+      contentEditable: 'false',
       suppressContentEditableWarning: true
     }, children);
   };

package/dist/esm/view/EmbedCard/views/forbidden-view/forbidden-svg/index.js

@@ -0,0 +1,52 @@
+import React from 'react';
+export var ForbiddenSVG = function ForbiddenSVG() {
+  return /*#__PURE__*/React.createElement("svg", {
+    viewBox: "0 0 168.8372 221.4874",
+    xmlns: "http://www.w3.org/2000/svg",
+    xmlnsXlink: "http://www.w3.org/1999/xlink",
+    height: "100%",
+    width: "100%",
+    preserveAspectRatio: "xMidYMid meet",
+    "data-testid": "forbidden-svg"
+  }, /*#__PURE__*/React.createElement("linearGradient", {
+    id: "a",
+    gradientUnits: "userSpaceOnUse",
+    x1: "49.4199",
+    x2: "122.662",
+    y1: "59.7673",
+    y2: "59.7673"
+  }, /*#__PURE__*/React.createElement("stop", {
+    offset: "0",
+    stopColor: "#0065ff"
+  }), /*#__PURE__*/React.createElement("stop", {
+    offset: ".2188",
+    stopColor: "#0b6cff"
+  }), /*#__PURE__*/React.createElement("stop", {
+    offset: ".5999",
+    stopColor: "#2780ff"
+  }), /*#__PURE__*/React.createElement("stop", {
+    offset: "1",
+    stopColor: "#4c9aff"
+  })), /*#__PURE__*/React.createElement("path", {
+    d: "m122.662 119.5347h-73.242v-82.9141a36.6211 36.6211 0 0 1 73.2422 0zm-61.2422-12h49.2422v-70.9141a24.6211 24.6211 0 0 0 -49.2422 0z",
+    fill: "url(#a)"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "m160.3239 111.17a65.4958 65.4958 0 0 1 -5.657-46.1172l.0022-.0088a5.0533 5.0533 0 0 0 -4.9039-6.273h-130.6932a5.0533 5.0533 0 0 0 -4.9038 6.273l.0015.0057a66.1488 66.1488 0 0 1 -5.7847 46.3674 75.4908 75.4908 0 0 0 65.21 110.0468c.0325.0008.0642-.0009.0967 0h.0017c.0332.0008.0652-.0009.0977 0h.0024c.0325.0008.0643-.0009.0968 0h.0024c.0325.0008.0643-.0009.0968 0h.0024c.0325.0008.0643-.0009.0968 0h.0016c.0333.0008.0652-.0009.0977 0h.0024c.0325.0008.0645-.0009.0969 0h.0027c.0325.0008.0642-.0009.0967 0h.0024c.0325.0008.0645-.0009.0969 0h.0016c.0333.0008.0652-.0009.0977 0h.0024c.0325.0008.0643-.0009.0968 0h.0024c.0325.0008.0643-.0009.0968 0h.0024c.0325.0008.0643-.0009.0968 0h.0017c.0332.0008.0652-.0009.0977 0h.0024c.0325.0008.0642-.0009.0967 0h.0024c.0325.0008.0645-.0009.0969 0h.0024c.0325.0008.0642-.0009.0967 0h.0017c.0332.0008.0652-.0009.0977 0h.0024c.0325.0008.0643-.0009.0968 0h.0024c.0325.0008.0643-.0009.0968 0h.0024c.0332.0008.0652-.0009.0977 0h.0023c.0325.0008.0642-.0009.0967 0h.0024c.0325.0008.0645-.0009.0969 0h.0024c.0325.0008.0642-.0009.0967 0h.0017c.0332.0008.0652-.0009.0977 0h.0024c.0325.0008.0643-.0009.0968 0h.0024c.0325.0008.0643-.0009.0968 0h.0024c.0325.0008.0643-.0009.0968 0h.0024c.0325.0008.0643-.0009.0968 0h.0024c.0325.0008.0645-.0009.0969 0h.0024c.0325.0008.0642-.0009.0967 0h.0024c.0325.0008.0645-.0009.0969 0h.0017c.0332.0008.0651-.0009.0975 0h.0024c.0325.0008.0643-.0009.0968 0h.0026c.0325.0008.0643-.0009.0968 0h.0024c.0325.0008.0643-.0009.0968 0h.0017c.0332.0008.0652-.0009.0977 0h.0024c.0325.0008.0642-.0009.0967 0h.0024c.0325.0008.0645-.0009.0969 0h.0024c.0325.0008.0643-.0009.0968 0h.0024c.0325.0008.0643-.0009.0968 0h.0024c.0325.0008.0643-.0009.0968 0h.0024c.0325.0008.0643-.0009.0968 0h.0024c.0325.0008.0645-.0009.0969 0h.0024c.0325.0008.0642-.0009.0967 0h.0024c.0325.0008.0645-.0009.0969 0h.0024c.0325.0008.0643-.0009.0968 0h.0025c.0325.0008.0643-.0009.0968 0h.0032c.0325.0008.0643-.0009.0968 0h.0024c.0325.0008.0643-.0009.0968 0h.0024c.0325.0008.0645-.0009.0969 0h.0016c.0333.0008.0651-.0009.0975 0h.0024c.0325.0008.0645-.0009.0969 0h.0024c.0325.0008.0643-.0009.0968 0h.0024c.0325.0008.0643-.0009.0968 0h.0017c.0332.0008.0651-.0009.0975 0h.0024c.0325.0008.0643-.0009.0968 0h.0024c.0325.0008.0645-.0009.0969 0h.0024c.0325.0008.0642-.0009.0967 0h.0017c.0332.0008.0652-.0009.0977 0h.0024c.0325.0008.0643-.0009.0968 0h.0025c.0325.0008.0643-.0009.0968 0h.0024c.0325.0008.0643-.0009.0968 0h.0016c.0333.0008.0652-.0009.0977 0h.0024c.0325.0008.0645-.0009.0969 0h.0024c.0325.0008.0642-.0009.0967 0h.0024c.0325.0008.0645-.0009.0969 0h.0024c.0325.0008.0642-.0009.0967 0h.0024c.0325.0008.0645-.0009.0969 0h.0024c.0325.0008.0643-.0009.0968 0h.0024c.0325.0008.0643-.0009.0968 0h.0024c.0325.0008.0645-.0009.0969 0h.0024c.0325.0008.0642-.0009.0967 0h.0024c.0325.0008.0645-.0009.0969 0h.0025c.0333.0008.0651-.0009.0975 0h.0024c.0325.0008.0645-.0009.0969 0h.0024c.0325.0008.0643-.0009.0968 0h.0024c.0325.0008.0643-.0009.0968 0h.0017c.0332.0008.0651-.0009.0975 0h.0024c.0325.0008.0643-.0009.0968 0h.0024c.0325.0008.0645-.0009.0969 0h.0024c.0325.0008.0642-.0009.0967 0h.0017c.0332.0008.0652-.0009.0977 0h.0024c.0325.0008.0643-.0009.0968 0h.0024c.0325.0008.0643-.0009.0968 0h.0024c.0325.0008.0643-.0009.0968 0h.0016c.0333.0008.0652-.0009.0977 0h.0024c.0325.0008.0645-.0009.0969 0h.0024c.0325.0008.0642-.0009.0967 0h.0024c.0325.0008.0645-.0009.0969 0h.0024c.0325.0008.0643-.0009.0968 0h.0024c.0325.0008.0643-.0009.0968 0h.0024c.0325.0008.0643-.0009.0968 0h.0024c.0325.0008.0643-.0009.0968 0h.0017c.0332.0008.0652-.0009.0977 0h.0024c.0325.0008.0642-.0009.0967 0h.0024c.0325.0008.0645-.0009.0969 0h.0024c.0325.0008.0643-.0009.0968 0h.0024c.0325.0008.0643-.0009.0968 0h.0024c.0325.0008.0643-.0009.0968 0h.0024c.0325.0008.0643-.0009.0968 0h.0026c.0332.0008.0652-.0009.0977 0h.0023c.0325.0008.0642-.0009.0967 0h.0024c.0325.0008.0645-.0009.0969 0h.0024c.0325.0008.0643-.0009.0968 0h.0016c.0333.0008.0652-.0009.0977 0h.0024c.0325.0008.0643-.0009.0968 0h.0024c.0325.0008.0643-.0009.0968 0h.0024c.0325.0008.0645-.0009.0969 0h.0024c.0325.0008.0642-.0009.0967 0h.0024c.0325.0008.0645-.0009.0969 0h.0024c.0325.0008.0642-.0009.0967 0h.0024c.0325.0008.0645-.0009.0969 0h.0017c.0332.0008.0651-.0009.0975 0h.0024c.0325.0008.0643-.0009.0968 0h.0026c.0325.0008.0645-.0009.0969 0h.0024c.0325.0008.0642-.0009.0967 0h.0017c.0332.0008.0652-.0009.0977 0h.0024c.0325.0008.0642-.0009.0967 0h.0024c.0325.0008.0645-.0009.0969 0h.0017c.0332.0008.0651-.0009.0975 0h.0024c.0325.0008.0643-.0009.0968 0h.0024c.0325.0008.0643-.0009.0968 0h.0024c.0325.0008.0643-.0009.0968 0h.0017c.0332.0008.0652-.0009.0977 0h.0024c.0325.0008.0642-.0009.0967 0h.0024c.0325.0008.0645-.0009.0969 0h.0024c.0325.0008.0643-.0009.0968 0h.0016c.0333.0008.0652-.0009.0977 0h.0031c.0325.0008.0643-.0009.0968 0h.0024c.0325.0008.0643-.0009.0968 0h.0024c.0325.0008.0645-.0009.0969 0h.0016c.0333.0008.0651-.0009.0975 0h.0024c.0325.0008.0645-.0009.0969 0h.0024c.0325.0008.0643-.0009.0968 0h.0024c.0325.0008.0643-.0009.0968 0h.0017c.0332.0008.0651-.0009.0975 0h.0024c.0325.0008.0643-.0009.0968 0h.0024c.0325.0008.0645-.0009.0969 0h.0024c.0325.0008.0642-.0009.0967 0h.0017c.0332.0008.0652-.0009.0977 0h.0024c.0325.0008.0643-.0009.0968 0h.0025c.0325.0008.0643-.0009.0968 0h.0017c.0332.0008.0651-.0009.0975 0h.0016c.0333.0008.0652-.0009.0977 0h.0024c.0325.0008.0645-.0009.0969 0h.0024c.0325.0008.0642-.0009.0967 0h.0024c.0325.0008.0645-.0009.0969 0h.0024c.0325.0008.0643-.0009.0968 0h.0024c.0325.0008.0643-.0009.0968 0h.0024c.0325.0008.0643-.0009.0968 0h.0024c.0325.0008.0643-.0009.0968 0h.0024c.0325.0008.0645-.0009.0969 0h.0024c.0325.0008.0642-.0009.0967 0h.0024c.0325.0008.0645-.0009.0969 0h.0025c.0333.0008.0652-.0009.0977 0h.0023c.0325.0008.0643-.0009.0968 0h.0024c.0325.0008.0643-.0009.0968 0h.0024c.0325.0008.0643-.0009.0968 0h.0017c.0332.0008.0652-.0009.0977 0h.0024c.0325.0008.0642-.0009.0967 0h.0024c.0325.0008.0645-.0009.0969 0h.0024c.0325.0008.0642-.0009.0967 0h.0017c.0332.0008.0652-.0009.0977 0h.0024c.0325.0008.0643-.0009.0968 0h.0024c.0325.0008.0643-.0009.0968 0h.0024c.0325.0008.0645-.0009.0969 0h.0024c.0325.0008.0642-.0009.0967 0h.0024c.0325.0008.0645-.0009.0969 0h.0024c.0325.0008.0642-.0009.0967 0h.0024c.0325.0008.0645-.0009.0969 0h.0024c.0325.0008.0643-.0009.0968 0h.0024c.0325.0008.0643-.0009.0968 0h.0024c.0325.0008.0643-.0009.0968 0h.0024c.0325.0008.0643-.0009.0968 0h.0024c.0325.0008.0645-.0009.0969 0h.0024c.0325.0008.0642-.0009.0967 0h.0024c.0325.0008.0645-.0009.0969 0h.0017c.0332.0008.0651-.0009.0975 0h.0024c.0325.0008.0643-.0009.0968 0h.0024a75.491 75.491 0 0 0 68.8626-110.2939z",
+    fill: "#de350b"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "m154.6669 65.0531.0022-.0088a5.0533 5.0533 0 0 0 -4.9039-6.273h-112.8264a5.0533 5.0533 0 0 0 -4.9039 6.273l.0014.0057a66.1491 66.1491 0 0 1 -5.7845 46.3674 75.4854 75.4854 0 1 0 134.072-.2471 65.4957 65.4957 0 0 1 -5.6569-46.1172z",
+    fill: "#ff5630"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "m93.3523 213.6q-.8454 0-1.6973-.0205a67.6029 67.6029 0 0 1 -58.3963-98.5383 74.3762 74.3762 0 0 0 7.2113-48.3823h105.7618a73.488 73.488 0 0 0 7.0986 48.16 67.6006 67.6006 0 0 1 -59.9755 98.7811z",
+    fill: "#ff7452"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "m90.0071 176.8851a16.3079 16.3079 0 0 1 -16.1149-18.8193l2.23-14.3217a24.1482 24.1482 0 0 1 16.087-41.053c.3821-.0176.7658-.0265 1.1435-.0265a24.1491 24.1491 0 0 1 17.229 41.0809l2.2312 14.32a16.31 16.31 0 0 1 -16.1149 18.8193z",
+    fill: "#ff5630"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "m108.481 126.8237a15.0613 15.0613 0 0 1 -4.83 11.0676 7.2219 7.2219 0 0 0 -2.1218 6.4121l2.3594 15.1531a7.2783 7.2783 0 0 1 -7.1916 8.3981h-6.69a7.2783 7.2783 0 0 1 -7.1916-8.3981l2.3872-15.3318a7.2321 7.2321 0 0 0 -2.2684-6.345 15.0639 15.0639 0 0 1 -4.6905-11.7523 15.1293 15.1293 0 0 1 30.2376.7963z",
+    fill: "#de350b"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "m82.8151 159.4565a7.2565 7.2565 0 1 0 14.3328 0l-2.3594-15.1531a7.2215 7.2215 0 0 1 2.1217-6.4121 15.1041 15.1041 0 0 0 -6.9452-25.804 15.2678 15.2678 0 0 0 -11.7216 13.94 15.0634 15.0634 0 0 0 4.6906 11.7527 7.232 7.232 0 0 1 2.2683 6.3449z",
+    fill: "#344563"
+  }));
+};

package/dist/esm/view/EmbedCard/views/forbidden-view/index.js

@@ -4,11 +4,10 @@ var _excluded = ["context", "onAuthorize", "accessContext", "testId"];
 import Button from '@atlaskit/button';
 import React, { useMemo } from 'react';
 import { FormattedMessage } from 'react-intl-next';
-import { di } from 'react-magnetic-di';
 import { messages } from '../../../../messages';
 import { toMessage } from '../../../../utils/intl-utils';
 import UnresolvedView from '../unresolved-view';
-import { getUnresolvedEmbedCardImage } from '../../utils';
+import { ForbiddenSVG } from './forbidden-svg';
 var ForbiddenView = function ForbiddenView(_ref) {
   var context = _ref.context,
     onAuthorize = _ref.onAuthorize,
@@ -60,7 +59,7 @@ var ForbiddenView = function ForbiddenView(_ref) {
   }, [accessType, action === null || action === void 0 ? void 0 : action.id, action === null || action === void 0 ? void 0 : action.promise, callToActionMessageKey, onAuthorize, values]);
   return /*#__PURE__*/React.createElement(UnresolvedView, _extends({}, unresolvedViewProps, {
     icon: icon,
-    image: image !== null && image !== void 0 ? image : getUnresolvedEmbedCardImage('forbidden'),
+    image: image !== null && image !== void 0 ? image : /*#__PURE__*/React.createElement(ForbiddenSVG, null),
     testId: testId,
     text: text,
     title: /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, toMessage(messages.invalid_permissions, titleMessageKey), {

package/dist/esm/view/EmbedCard/views/not-found-view/index.js

@@ -3,11 +3,10 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 var _excluded = ["context", "accessContext", "testId"];
 import React, { useMemo } from 'react';
 import { FormattedMessage } from 'react-intl-next';
-import { di } from 'react-magnetic-di';
 import { messages } from '../../../../messages';
 import { toMessage } from '../../../../utils/intl-utils';
 import UnresolvedView from '../unresolved-view';
-import { getUnresolvedEmbedCardImage } from '../../utils';
+import { NotFoundSVG } from './not-found-svg';
 var NotFoundView = function NotFoundView(_ref) {
   var context = _ref.context,
     accessContext = _ref.accessContext,
@@ -29,7 +28,7 @@ var NotFoundView = function NotFoundView(_ref) {
   }, [text]);
   return /*#__PURE__*/React.createElement(UnresolvedView, _extends({}, unresolvedViewProps, {
     icon: icon,
-    image: image !== null && image !== void 0 ? image : getUnresolvedEmbedCardImage('notFound'),
+    image: image !== null && image !== void 0 ? image : /*#__PURE__*/React.createElement(NotFoundSVG, null),
     testId: testId,
     text: text,
     title: /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, toMessage(messages.not_found_title, titleMessageKey), {

package/dist/esm/view/EmbedCard/views/not-found-view/not-found-svg/index.js

@@ -0,0 +1,109 @@
+import React from 'react';
+export var NotFoundSVG = function NotFoundSVG() {
+  return /*#__PURE__*/React.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    xmlnsXlink: "http://www.w3.org/1999/xlink",
+    viewBox: "0 0 200.55 269.99",
+    height: "100%",
+    width: "100%",
+    preserveAspectRatio: "xMidYMid meet",
+    "data-testid": "not-found-svg"
+  }, /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
+    id: "linear-gradient",
+    x1: "1316.98",
+    y1: "230.66",
+    x2: "1396.36",
+    y2: "230.66",
+    gradientTransform: "matrix(-1, 0, 0, 1, 1517.54, 0)",
+    gradientUnits: "userSpaceOnUse"
+  }, /*#__PURE__*/React.createElement("stop", {
+    offset: "0",
+    stopColor: "#344563"
+  }), /*#__PURE__*/React.createElement("stop", {
+    offset: "1",
+    stopColor: "#6c798f"
+  })), /*#__PURE__*/React.createElement("linearGradient", {
+    id: "linear-gradient-2",
+    x1: "170.3",
+    y1: "897.49",
+    x2: "365.15",
+    y2: "897.49",
+    gradientTransform: "translate(-125.06 -762.9) rotate(4.81)",
+    gradientUnits: "userSpaceOnUse"
+  }, /*#__PURE__*/React.createElement("stop", {
+    offset: "0",
+    stopColor: "#fff"
+  }), /*#__PURE__*/React.createElement("stop", {
+    offset: "0.69",
+    stopColor: "#fff",
+    stopOpacity: "0.1"
+  }))), /*#__PURE__*/React.createElement("title", null, "Search error"), /*#__PURE__*/React.createElement("g", {
+    id: "Layer_2",
+    "data-name": "Layer 2"
+  }, /*#__PURE__*/React.createElement("g", {
+    id: "Objects"
+  }, /*#__PURE__*/React.createElement("path", {
+    fill: "#cfd4db",
+    d: "M126.84,210.1l-9.51-9.39,13-13.23,9.52,9.39a18,18,0,0,0,8.82,4.78h0a18.06,18.06,0,0,1,8.82,4.79l38.59,38.09a14.87,14.87,0,0,1,.13,21h0a14.87,14.87,0,0,1-21,.14l-38.59-38.09a18,18,0,0,1-4.9-8.75h0A18,18,0,0,0,126.84,210.1Z"
+  }), /*#__PURE__*/React.createElement("path", {
+    id: "_Path_",
+    "data-name": "<Path>",
+    fill: "url(#linear-gradient)",
+    d: "M126.84,210.1l-2.9-2.86a9.31,9.31,0,0,1-.09-13.15h0A9.3,9.3,0,0,1,137,194l2.9,2.86a18,18,0,0,0,8.82,4.78h0a18.06,18.06,0,0,1,8.82,4.79l38.59,38.09a14.87,14.87,0,0,1,.13,21h0a14.87,14.87,0,0,1-21,.14l-38.59-38.09a18,18,0,0,1-4.9-8.75h0A18,18,0,0,0,126.84,210.1Z"
+  }), /*#__PURE__*/React.createElement("path", {
+    fill: "#091e42",
+    opacity: 0.1,
+    d: "M131.63,218.46a18,18,0,0,0-4.79-8.36l-2.9-2.86a9.31,9.31,0,0,1-.09-13.15h0A9.3,9.3,0,0,1,137,194l2.9,2.86a18,18,0,0,0,8.41,4.68,79.1,79.1,0,0,1-7.72,9.12A77.4,77.4,0,0,1,131.63,218.46Z"
+  }), /*#__PURE__*/React.createElement("path", {
+    fill: "#344563",
+    d: "M155.47,145.8A77.74,77.74,0,0,0,22.41,91.7,77.24,77.24,0,0,0,0,146.82H0a77.22,77.22,0,0,0,23.13,54.81h0A77.74,77.74,0,0,0,155.47,145.8Z"
+  }), /*#__PURE__*/React.createElement("path", {
+    id: "_Clipping_Path_",
+    "data-name": "<Clipping Path>",
+    fill: "#deebff",
+    d: "M35.62,104.74a59.17,59.17,0,1,1-17.06,42A58.81,58.81,0,0,1,35.62,104.74Z"
+  }), /*#__PURE__*/React.createElement("path", {
+    id: "_Path_2",
+    "data-name": "<Path>",
+    fill: "#b2d4ff",
+    d: "M39.54,101.12A59.19,59.19,0,1,0,82.69,87.36,58.82,58.82,0,0,0,39.54,101.12Z"
+  }), /*#__PURE__*/React.createElement("path", {
+    fill: "#cce0ff",
+    d: "M78.09,94.6a59.17,59.17,0,0,0-52.5,23.71,59.2,59.2,0,0,0,99.68,63.28,59.2,59.2,0,0,0-47.18-87Z"
+  }), /*#__PURE__*/React.createElement("path", {
+    fill: "url(#linear-gradient-2)",
+    d: "M72.77,205.3A59.25,59.25,0,0,0,133.92,165a59.2,59.2,0,0,1-6.42.62c-19.4.74-33.31-8.64-40-13.32-20.19-14-20.75-28.19-33.7-41.34A56,56,0,0,0,40,100.76l-.44.36A59.18,59.18,0,0,0,72.77,205.3Z"
+  }), /*#__PURE__*/React.createElement("polygon", {
+    id: "_Path_3",
+    "data-name": "<Path>",
+    fill: "#5e6c84",
+    points: "105.15 132.36 94.03 121.33 78.7 136.79 63.24 121.45 52.22 132.57 67.68 147.9 52.34 163.35 63.45 174.38 78.79 158.92 94.24 174.26 105.27 163.15 89.81 147.81 105.15 132.36"
+  }), /*#__PURE__*/React.createElement("path", {
+    fill: "#ffc400",
+    d: "M82.29,29.4,72.12.45A.68.68,0,0,0,70.81.6L67.53,28.65l-6.48-.75a.67.67,0,0,0-.72.89l10.17,29a.68.68,0,0,0,1.31-.15l3.28-28.05,6.48.76A.68.68,0,0,0,82.29,29.4Z"
+  }), /*#__PURE__*/React.createElement("path", {
+    fill: "#ffc400",
+    d: "M50.28,47.8,37.64,39.17a.29.29,0,0,0-.42.39l7,12.21-2.84,1.62a.29.29,0,0,0,0,.5L54,62.52a.3.3,0,0,0,.43-.39l-7-12.21,2.84-1.62A.29.29,0,0,0,50.28,47.8Z"
+  }), /*#__PURE__*/React.createElement("path", {
+    fill: "none",
+    strokeLinecap: "round",
+    strokeMiterlimit: 10,
+    strokeWidth: "2px",
+    stroke: "#344563",
+    d: "M104.31,36.05c-.7,2.07-9.75-1-10.44,1.11s8.35,5.11,7.66,7.18-9.75-1-10.44,1.12,8.35,5.11,7.66,7.18-9.75-1-10.44,1.12S96.66,58.87,96,61"
+  }), /*#__PURE__*/React.createElement("path", {
+    fill: "none",
+    strokeLinecap: "round",
+    strokeMiterlimit: 10,
+    strokeWidth: "2px",
+    stroke: "#5e6c84",
+    d: "M125.53,59.72c-1.59,1.49-7.85-5.2-9.45-3.71s4.66,8.19,3.06,9.69-7.86-5.21-9.46-3.72c-.74.7.21,2.51,1.28,4.4"
+  }), /*#__PURE__*/React.createElement("path", {
+    fill: "none",
+    strokeLinecap: "round",
+    strokeMiterlimit: 10,
+    strokeWidth: "2px",
+    stroke: "#5e6c84",
+    d: "M20.83,59.86c2.17.27,1.06,9.37,3.23,9.63s3.28-8.83,5.46-8.57,1.05,9.37,3.22,9.63c1,.13,1.79-1.76,2.56-3.8"
+  }))));
+};

package/dist/esm/view/EmbedCard/views/unauthorized-view/index.js

@@ -4,11 +4,10 @@ var _excluded = ["analytics", "context", "extensionKey", "isProductIntegrationSu
 import Button from '@atlaskit/button';
 import React, { useCallback, useMemo } from 'react';
 import { FormattedMessage } from 'react-intl-next';
-import { di } from 'react-magnetic-di';
 import { messages } from '../../../../messages';
 import UnauthorisedViewContent from '../../../common/UnauthorisedViewContent';
-import { getUnresolvedEmbedCardImage } from '../../utils';
 import UnresolvedView from '../unresolved-view';
+import { UnauthorizedSVG } from './unauthorized-svg';
 var UnauthorizedView = function UnauthorizedView(_ref) {
   var _context$image;
   var analytics = _ref.analytics,
@@ -84,7 +83,7 @@ var UnauthorizedView = function UnauthorizedView(_ref) {
   }, [analytics, context === null || context === void 0 ? void 0 : context.text, handleOnAuthorizeClick, isProductIntegrationSupported, onAuthorize, testId]);
   return /*#__PURE__*/React.createElement(UnresolvedView, _extends({}, unresolvedViewProps, content, {
     icon: context === null || context === void 0 ? void 0 : context.icon,
-    image: (_context$image = context === null || context === void 0 ? void 0 : context.image) !== null && _context$image !== void 0 ? _context$image : getUnresolvedEmbedCardImage('unauthorized'),
+    image: (_context$image = context === null || context === void 0 ? void 0 : context.image) !== null && _context$image !== void 0 ? _context$image : /*#__PURE__*/React.createElement(UnauthorizedSVG, null),
     testId: testId,
     text: context === null || context === void 0 ? void 0 : context.text
   }));