@atlaskit/smart-card 40.18.0 → 40.19.1

package/dist/esm/view/EmbedCard/components/styled.compiled.css

@@ -1,5 +1,5 @@
 
-._2rko1sit{border-radius:var(--ds-border-radius,3px)}._18m915vq{overflow-y:hidden}
+._2rkofajl{border-radius:var(--ds-radius-small,3px)}._18m915vq{overflow-y:hidden}
 ._18u0utpp{margin-left:var(--ds-space-150,9pt)}
 ._19pk1b66{margin-top:var(--ds-space-050,4px)}
 ._1aaxusic{float:right}

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

@@ -32,7 +32,7 @@ export var Image = forwardRef(function (_ref, __cmplr) {
       "--_rcxkve": ix(getSizeWithUnit(__cmplp.size))
     }),
     ref: __cmplr,
-    className: ax(["_2rko1sit _1reo15vq _18m915vq _1bsb17ym _4t3i17ym", __cmplp.className])
+    className: ax(["_2rkofajl _1reo15vq _18m915vq _1bsb17ym _4t3i17ym", __cmplp.className])
   }));
 });
 
@@ -50,7 +50,7 @@ export var Thumbnail = forwardRef(function (_ref2, __cmplr) {
       "--_13orr8u": ix("url(".concat(__cmplp.src, ")"))
     }),
     ref: __cmplr,
-    className: ax(["_2rko1sit _1bsbckbl _4t3ickbl _1aaxusic _19pk1b66 _2hwxidpf _otyrutpp _18u0utpp _bfhkqrzy _1lrw1dfr _1itk2pcs", __cmplp.className])
+    className: ax(["_2rkofajl _1bsbckbl _4t3ickbl _1aaxusic _19pk1b66 _2hwxidpf _otyrutpp _18u0utpp _bfhkqrzy _1lrw1dfr _1itk2pcs", __cmplp.className])
   }));
 });
 if (process.env.NODE_ENV !== 'production') {

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

@@ -1,11 +1,16 @@
 import _extends from "@babel/runtime/helpers/extends";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 var _excluded = ["onClose"];
 import _regeneratorRuntime from "@babel/runtime/regenerator";
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import React from 'react';
 import ReactDOM from 'react-dom';
 import { IntlProvider } from 'react-intl-next';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
+import { openEmbedModalInParent } from '../../utils/iframe-utils';
 var IFRAME_NAME = 'twp-editor-preview-iframe';
 var POPUP_MOUNT_POINT_ID = 'twp-editor-preview-iframe';
 
@@ -39,6 +44,19 @@ function _openEmbedModal() {
         case 0:
           _ref = _args.length > 0 && _args[0] !== undefined ? _args[0] : {};
           _ref$onClose = _ref.onClose, _onClose = _ref$onClose === void 0 ? function () {} : _ref$onClose, props = _objectWithoutProperties(_ref, _excluded);
+          if (!expValEquals('platform_hover_card_preview_panel', 'cohort', 'test')) {
+            _context2.next = 6;
+            break;
+          }
+          if (!props.isInPreviewPanel) {
+            _context2.next = 6;
+            break;
+          }
+          openEmbedModalInParent(_objectSpread({
+            onClose: _onClose
+          }, props));
+          return _context2.abrupt("return");
+        case 6:
           popupMountPoint = document.getElementById(POPUP_MOUNT_POINT_ID);
           if (!popupMountPoint) {
             popupMountPoint = document.createElement('div');
@@ -46,9 +64,9 @@ function _openEmbedModal() {
             popupMountPoint.setAttribute('data-testid', 'preview-modal');
             document.body.appendChild(popupMountPoint);
           }
-          _context2.next = 6;
+          _context2.next = 10;
           return import('./index');
-        case 6:
+        case 10:
           Modal = _context2.sent;
           ReactDOM.render( /*#__PURE__*/React.createElement(IntlProvider, {
             locale: "en"
@@ -64,7 +82,7 @@ function _openEmbedModal() {
             },
             showModal: true
           }))), popupMountPoint);
-        case 8:
+        case 12:
         case "end":
           return _context2.stop();
       }

package/dist/esm/view/FlexibleCard/components/actions/automation-action/automation-manual-triggers/manual-triggers-modal/sub-components/header/main.compiled.css

@@ -1,5 +1,5 @@
 
-._2rkoglpi{border-radius:var(--ds-border-radius,4px)}._18zr1b66{padding-inline:var(--ds-space-050,4px)}
+._2rko12b0{border-radius:var(--ds-radius-small,4px)}._18zr1b66{padding-inline:var(--ds-space-050,4px)}
 ._1rjcv77o{padding-block:var(--ds-space-025,2px)}
 ._19pkutpp{margin-top:var(--ds-space-150,9pt)}
 ._2hwxutpp{margin-right:var(--ds-space-150,9pt)}

package/dist/esm/view/FlexibleCard/components/actions/automation-action/automation-manual-triggers/manual-triggers-modal/sub-components/header/main.js

@@ -11,7 +11,7 @@ import { Box, Inline, Stack } from '@atlaskit/primitives/compiled';
 import { G50 } from '@atlaskit/theme/colors';
 import { useAutomationMenu } from '../../menu-context';
 var styles = {
-  iconStyle: "_2rkoglpi _18zr1b66 _1rjcv77o _2hwxutpp",
+  iconStyle: "_2rko12b0 _18zr1b66 _1rjcv77o _2hwxutpp",
   modalDescriptionStyle: "_19pkutpp"
 };
 var i18n = defineMessages({

package/dist/esm/view/FlexibleCard/components/actions/automation-action/automation-manual-triggers/manual-triggers-modal/sub-components/rule/main.compiled.css

@@ -1,5 +1,5 @@
 
-._2rkoglpi{border-radius:var(--ds-border-radius,4px)}._189e1bk5{border-width:var(--ds-border-width-outline,2px)}
+._2rko12b0{border-radius:var(--ds-radius-small,4px)}._189e1bk5{border-width:var(--ds-border-width-outline,2px)}
 ._189ee4h9{border-width:var(--ds-border-width,1px)}
 ._1dqonqa1{border-style:solid}
 ._1h6d15qp{border-color:var(--ds-border-accent-blue,#1d7afc)}

package/dist/esm/view/FlexibleCard/components/actions/automation-action/automation-manual-triggers/manual-triggers-modal/sub-components/rule/main.js

@@ -8,8 +8,8 @@ import { Box, Stack } from '@atlaskit/primitives/compiled';
 import Spinner from '@atlaskit/spinner';
 import { useAutomationMenu } from '../../menu-context';
 var styles = {
-  ruleButtonStyle: "_2rkoglpi _1h6dmuej _1dqonqa1 _189ee4h9",
-  selectedRuleButtonStyle: "_2rkoglpi _1h6d15qp _1dqonqa1 _189e1bk5",
+  ruleButtonStyle: "_2rko12b0 _1h6dmuej _1dqonqa1 _189ee4h9",
+  selectedRuleButtonStyle: "_2rko12b0 _1h6d15qp _1dqonqa1 _189e1bk5",
   ruleNameStyle: "_4t3i1f4h"
 };
 export var AutomationModalRule = function AutomationModalRule(_ref) {

package/dist/esm/view/FlexibleCard/components/blocks/action-block/action-footer/index.compiled.css

@@ -1,6 +1,6 @@
 
 ._kkk2n7od{all:unset}._11c8dcr7{font:var(--ds-font-body-UNSAFE_small,normal 400 9pt/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
-._2rkoglpi{border-radius:var(--ds-border-radius,4px)}
+._2rko12b0{border-radius:var(--ds-radius-small,4px)}
 ._18zru2gc{padding-inline:var(--ds-space-100,8px)}
 ._1rjc12x7{padding-block:var(--ds-space-075,6px)}
 ._18u0u2gc{margin-left:var(--ds-space-100,8px)}

package/dist/esm/view/FlexibleCard/components/blocks/action-block/action-footer/index.js

@@ -6,7 +6,7 @@ import ErrorIcon from '@atlaskit/icon/core/migration/status-error--error';
 import { Box, Inline } from '@atlaskit/primitives/compiled';
 import MotionWrapper from '../../../common/motion-wrapper';
 var styles = {
-  containerStyles: "_kkk2n7od _2rkoglpi _1rjc12x7 _18zru2gc _19pku2gc _2hwxu2gc _otyrze3t _18u0u2gc _1bsb1osq _fiawglyw",
+  containerStyles: "_kkk2n7od _2rko12b0 _1rjc12x7 _18zru2gc _19pku2gc _2hwxu2gc _otyrze3t _18u0u2gc _1bsb1osq _fiawglyw",
   errorContentStyles: "_bozgv77o",
   titleStyles: "_11c8dcr7 _syaz1gjq"
 };

package/dist/esm/view/FlexibleCard/components/common/image-icon/index.compiled.css

@@ -1 +1 @@
-._2rko1twn{border-radius:var(--ds-border-radius-circle,9999px)}
+._2rko1rr0{border-radius:var(--ds-radius-full,9999px)}

package/dist/esm/view/FlexibleCard/components/common/image-icon/index.js

@@ -7,7 +7,7 @@ import { useEffect, useState } from 'react';
 import ImageLoader from 'react-render-image';
 import { LoadingSkeleton } from '../loading-skeleton';
 var styles = {
-  roundImg: "_2rko1twn"
+  roundImg: "_2rko1rr0"
 };
 var ImageIcon = function ImageIcon(_ref) {
   var defaultIcon = _ref.defaultIcon,

package/dist/esm/view/InlineCard/ForbiddenView/index.compiled.css

@@ -1,5 +1,5 @@
 
-._2rkogqwt{border-radius:var(--ds-border-radius-050,2px)}._19bvze3t{padding-left:var(--ds-space-0,0)}
+._2rkolb4i{border-radius:var(--ds-radius-xsmall,2px)}._19bvze3t{padding-left:var(--ds-space-0,0)}
 ._bfhksm61{background-color:var(--ds-background-neutral-subtle,#00000000)}
 ._ca0qze3t{padding-top:var(--ds-space-0,0)}
 ._n3tdze3t{padding-bottom:var(--ds-space-0,0)}

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

@@ -17,7 +17,7 @@ import InlineLozenge from '../common/inline-lozenge';
 import { Frame } from '../Frame';
 import { IconAndTitleLayout } from '../IconAndTitleLayout';
 var styles = {
-  actionButtonLozengeStyle: "_2rkogqwt _bfhksm61 _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t _p12f1osq"
+  actionButtonLozengeStyle: "_2rkolb4i _bfhksm61 _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t _p12f1osq"
 };
 var fallbackForbiddenIcon = function fallbackForbiddenIcon() {
   return /*#__PURE__*/React.createElement(LockLockedIcon, {

package/dist/esm/view/InlineCard/IconAndTitleLayout/index.compiled.css

@@ -1,6 +1,5 @@
 ._11c81o8v{font:var(--ds-font-body-small,normal 400 11px/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
-._2rko1twn{border-radius:var(--ds-border-radius-circle,9999px)}
-._2rkogqwt{border-radius:var(--ds-border-radius-050,2px)}
+._2rko1rr0{border-radius:var(--ds-radius-full,9999px)}
 ._2rkolb4i{border-radius:var(--ds-radius-xsmall,2px)}
 ._154i1ssb{top:50%}
 ._16d9qvcn{-webkit-box-decoration-break:clone;box-decoration-break:clone}

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

@@ -21,9 +21,9 @@ var styles = {
   iconEmptyStyle: "_1bsb7vkz _4t3i1osq _1e0c1o8l _tzy4idpf",
   iconOuterWrapperStyle: "_1e0c1o8l _2hwx1b66 _kqswh2mm",
   iconTitleWrapperStyle: "_o5721jtm _1nmz9jpi _16d9qvcn _ca0qv77o _u5f31b66 _n3tdv77o _19bv1b66",
-  linkStyle: "_2rkogqwt",
+  linkStyle: "_2rkolb4i",
   noLinkAppearanceStyle: "_syaz131l _18u01b66",
-  roundImageStyle: "_2rko1twn"
+  roundImageStyle: "_2rko1rr0"
 };
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled,@atlaskit/design-system/no-html-anchor -- Ignored via go/DSP-18766
 var LinkAppearance = forwardRef(function (_ref, __cmplr) {

package/dist/esm/view/LinkUrl/HyperlinkResolver/resolve-hyperlink.js

@@ -1,12 +1,12 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import { useEffect, useState } from "react";
+import { useEffect, useState } from 'react';
 import uuid from 'uuid';
 import { useAnalyticsEvents } from '../../../common/analytics/generated/use-analytics-events';
 import { useSmartCardActions } from '../../../state/actions';
 import { getDefinitionId, getExtensionKey, getResourceType } from '../../../state/helpers';
 import { useSmartCardState } from '../../../state/store';
 import * as measure from '../../../utils/performance';
-import { useScheduledRegister } from "./hooks/useScheduledRegister";
+import { useScheduledRegister } from './hooks/useScheduledRegister';
 export var ResolveHyperlink = function ResolveHyperlink(_ref) {
   var href = _ref.href;
   var _useState = useState(function () {

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

@@ -14,7 +14,7 @@ import LinkWarningModal from './LinkWarningModal';
 import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-modal';
 var PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "40.17.2",
+  packageVersion: "40.19.0",
   componentName: 'linkUrl'
 };
 var Anchor = withLinkClickedEvent('a');

package/dist/types/state/hooks-external/useSmartLinkActions.d.ts

@@ -38,13 +38,18 @@ export interface UseSmartLinkActionsOpts {
      * @default 'web'
      */
     platform?: JsonLd.Primitives.Platforms;
+    /**
+     * Whether to prefetch the link.
+     * @default false
+     */
+    prefetch?: boolean;
     /**
      * Smart Link URL for which actions will be invoked.
      * @example https://start.atlassian.com
      */
     url: string;
 }
-export declare function useSmartLinkActions({ url, appearance, origin, actionOptions, }: UseSmartLinkActionsOpts): {
+export declare function useSmartLinkActions({ url, appearance, origin, actionOptions, prefetch, }: UseSmartLinkActionsOpts): {
     id: string;
     text: import("react").JSX.Element;
     invoke: () => Promise<void>;

package/dist/types/utils/iframe-utils.d.ts

@@ -0,0 +1,5 @@
+import type { EmbedModalProps } from '../view/EmbedModal/types';
+export declare const isInIframe: () => boolean;
+export declare const isWithinPreviewPanel: () => boolean;
+export declare const isModalWithinPreviewPanelIFrame: () => boolean;
+export declare const openEmbedModalInParent: (modalProps: Partial<EmbedModalProps>) => void;

package/dist/types/view/EmbedModal/types.d.ts

@@ -16,6 +16,7 @@ export type EmbedModalProps = {
     iframeName: string;
     invokeDownloadAction?: InvokeClientActionProps;
     invokeViewAction?: InvokeClientActionProps;
+    isInPreviewPanel?: boolean;
     isSupportTheming?: boolean;
     isTrusted?: boolean;
     linkIcon?: Icon;

package/dist/types-ts4.5/state/hooks-external/useSmartLinkActions.d.ts

@@ -38,13 +38,18 @@ export interface UseSmartLinkActionsOpts {
      * @default 'web'
      */
     platform?: JsonLd.Primitives.Platforms;
+    /**
+     * Whether to prefetch the link.
+     * @default false
+     */
+    prefetch?: boolean;
     /**
      * Smart Link URL for which actions will be invoked.
      * @example https://start.atlassian.com
      */
     url: string;
 }
-export declare function useSmartLinkActions({ url, appearance, origin, actionOptions, }: UseSmartLinkActionsOpts): {
+export declare function useSmartLinkActions({ url, appearance, origin, actionOptions, prefetch, }: UseSmartLinkActionsOpts): {
     id: string;
     text: import("react").JSX.Element;
     invoke: () => Promise<void>;

package/dist/types-ts4.5/utils/iframe-utils.d.ts

@@ -0,0 +1,5 @@
+import type { EmbedModalProps } from '../view/EmbedModal/types';
+export declare const isInIframe: () => boolean;
+export declare const isWithinPreviewPanel: () => boolean;
+export declare const isModalWithinPreviewPanelIFrame: () => boolean;
+export declare const openEmbedModalInParent: (modalProps: Partial<EmbedModalProps>) => void;

package/dist/types-ts4.5/view/EmbedModal/types.d.ts

@@ -16,6 +16,7 @@ export type EmbedModalProps = {
     iframeName: string;
     invokeDownloadAction?: InvokeClientActionProps;
     invokeViewAction?: InvokeClientActionProps;
+    isInPreviewPanel?: boolean;
     isSupportTheming?: boolean;
     isTrusted?: boolean;
     linkIcon?: Icon;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "40.18.0",
+	"version": "40.19.1",
 	"description": "Smart card component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -33,7 +33,7 @@
 		"@atlaskit/badge": "^18.1.0",
 		"@atlaskit/button": "^23.4.0",
 		"@atlaskit/checkbox": "^17.1.0",
-		"@atlaskit/css": "^0.12.0",
+		"@atlaskit/css": "^0.13.0",
 		"@atlaskit/dropdown-menu": "^16.3.0",
 		"@atlaskit/feature-gate-js-client": "^5.5.0",
 		"@atlaskit/form": "^12.4.0",
@@ -56,20 +56,20 @@
 		"@atlaskit/linking-types": "^14.0.0",
 		"@atlaskit/logo": "^19.7.0",
 		"@atlaskit/lozenge": "^13.0.0",
-		"@atlaskit/menu": "^8.3.0",
+		"@atlaskit/menu": "^8.4.0",
 		"@atlaskit/modal-dialog": "^14.3.0",
 		"@atlaskit/outbound-auth-flow-client": "^3.4.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/popup": "^4.3.0",
-		"@atlaskit/primitives": "^14.12.0",
+		"@atlaskit/primitives": "^14.13.0",
 		"@atlaskit/section-message": "^8.7.0",
 		"@atlaskit/select": "^21.2.0",
 		"@atlaskit/spinner": "^19.0.0",
 		"@atlaskit/textarea": "^8.0.0",
 		"@atlaskit/textfield": "^8.0.0",
 		"@atlaskit/theme": "^20.0.0",
-		"@atlaskit/tmp-editor-statsig": "^12.3.0",
-		"@atlaskit/tokens": "^6.1.0",
+		"@atlaskit/tmp-editor-statsig": "^12.5.0",
+		"@atlaskit/tokens": "^6.2.0",
 		"@atlaskit/tooltip": "^20.4.0",
 		"@atlaskit/ufo": "^0.4.0",
 		"@babel/runtime": "^7.0.0",