@atlaskit/smart-card 43.0.2 → 43.1.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/smart-card
 
+## 43.1.0
+
+### Minor Changes
+
+- [`6b08c3a8cde08`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/6b08c3a8cde08) -
+  Construct confluence url from smart card embed preview href when smart card url is short
+  confluence url, in the form "{host}/wiki/x/{hash}"
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 43.0.2
 
 ### Patch Changes

package/dist/cjs/extractors/action/extract-invoke-preview-action.js

@@ -67,7 +67,7 @@ var extractInvokePreviewAction = exports.extractInvokePreviewAction = function e
       invokeAction: {
         actionFn: function () {
           var _actionFn = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
-            var resolvedUrl, responseUrl, _extractSmartLinkProv, _extractSmartLinkEmbe, _actionOptions$previe, _actionOptions$previe2;
+            var _extractSmartLinkEmbe, resolvedUrl, responseUrl, _extractSmartLinkProv, _extractSmartLinkEmbe2, _actionOptions$previe, _actionOptions$previe2;
             return _regenerator.default.wrap(function _callee$(_context) {
               while (1) switch (_context.prev = _context.next) {
                 case 0:
@@ -84,7 +84,10 @@ var extractInvokePreviewAction = exports.extractInvokePreviewAction = function e
                     ari: ari,
                     url: resolvedUrl,
                     name: name,
-                    iconUrl: undefined
+                    iconUrl: undefined,
+                    panelData: {
+                      embedUrl: (0, _expValEquals.expValEquals)('platform_hover_card_preview_panel', 'cohort', 'test') ? (_extractSmartLinkEmbe = (0, _linkExtractors.extractSmartLinkEmbed)(response)) === null || _extractSmartLinkEmbe === void 0 ? void 0 : _extractSmartLinkEmbe.src : undefined
+                    }
                   });
                   (0, _expValEquals.expValEquals)('platform_hover_card_preview_panel', 'cohort', 'test') && firePreviewActionUIEvent({
                     previewType: 'panel'
@@ -105,7 +108,7 @@ var extractInvokePreviewAction = exports.extractInvokePreviewAction = function e
                     providerName: (_extractSmartLinkProv = (0, _linkExtractors.extractSmartLinkProvider)(response)) === null || _extractSmartLinkProv === void 0 ? void 0 : _extractSmartLinkProv.text,
                     onClose: onClose,
                     origin: origin,
-                    src: (_extractSmartLinkEmbe = (0, _linkExtractors.extractSmartLinkEmbed)(response)) === null || _extractSmartLinkEmbe === void 0 ? void 0 : _extractSmartLinkEmbe.src,
+                    src: (_extractSmartLinkEmbe2 = (0, _linkExtractors.extractSmartLinkEmbed)(response)) === null || _extractSmartLinkEmbe2 === void 0 ? void 0 : _extractSmartLinkEmbe2.src,
                     title: (0, _linkExtractors.extractSmartLinkTitle)(response),
                     url: url,
                     isBlanketHidden: (0, _platformFeatureFlags.fg)('linking_platform_hide_preview_action_blanket_prop') ? actionOptions === null || actionOptions === void 0 || (_actionOptions$previe = actionOptions.previewAction) === null || _actionOptions$previe === void 0 ? void 0 : _actionOptions$previe.hideBlanket : undefined,

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

@@ -8,7 +8,9 @@ Object.defineProperty(exports, "__esModule", {
 exports.CardWithUrlContent = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _analyticsNext = require("@atlaskit/analytics-next");
+var _linkExtractors = require("@atlaskit/link-extractors");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 var _useAnalyticsEvents2 = require("../../common/analytics/generated/use-analytics-events");
 var _constants = require("../../constants");
@@ -121,13 +123,17 @@ function Component(_ref) {
     if (!isModifierKeyPressed && ari && name && openPreviewPanel && isPreviewPanelAvailable !== null && isPreviewPanelAvailable !== void 0 && isPreviewPanelAvailable({
       ari: ari
     }) && !isDisablePreviewPanel) {
+      var _extractSmartLinkEmbe;
       event.preventDefault();
       event.stopPropagation();
       openPreviewPanel({
         url: url,
         ari: ari,
         name: name,
-        iconUrl: (0, _helpers.getObjectIconUrl)(state.details)
+        iconUrl: (0, _helpers.getObjectIconUrl)(state.details),
+        panelData: {
+          embedUrl: (0, _expValEquals.expValEquals)('platform_hover_card_preview_panel', 'cohort', 'test') ? (_extractSmartLinkEmbe = (0, _linkExtractors.extractSmartLinkEmbed)(state.details)) === null || _extractSmartLinkEmbe === void 0 ? void 0 : _extractSmartLinkEmbe.src : undefined
+        }
       });
       (0, _click.fireLinkClickedEvent)(createAnalyticsEvent)(event, {
         attributes: {

package/dist/es2019/extractors/action/extract-invoke-preview-action.js

@@ -58,6 +58,7 @@ export const extractInvokePreviewAction = param => {
       invokeAction: {
         actionFn: async () => {
           if (hasPreviewPanel) {
+            var _extractSmartLinkEmbe;
             let resolvedUrl = url;
             if (expValEquals('platform_hover_card_preview_panel', 'cohort', 'test')) {
               const responseUrl = response.data && 'url' in response.data ? response.data.url : undefined;
@@ -67,13 +68,16 @@ export const extractInvokePreviewAction = param => {
               ari: ari,
               url: resolvedUrl,
               name: name,
-              iconUrl: undefined
+              iconUrl: undefined,
+              panelData: {
+                embedUrl: expValEquals('platform_hover_card_preview_panel', 'cohort', 'test') ? (_extractSmartLinkEmbe = extractSmartLinkEmbed(response)) === null || _extractSmartLinkEmbe === void 0 ? void 0 : _extractSmartLinkEmbe.src : undefined
+              }
             });
             expValEquals('platform_hover_card_preview_panel', 'cohort', 'test') && firePreviewActionUIEvent({
               previewType: 'panel'
             });
           } else {
-            var _extractSmartLinkProv, _extractSmartLinkEmbe, _actionOptions$previe, _actionOptions$previe2;
+            var _extractSmartLinkProv, _extractSmartLinkEmbe2, _actionOptions$previe, _actionOptions$previe2;
             await openEmbedModal({
               fireEvent,
               extensionKey,
@@ -86,7 +90,7 @@ export const extractInvokePreviewAction = param => {
               providerName: (_extractSmartLinkProv = extractSmartLinkProvider(response)) === null || _extractSmartLinkProv === void 0 ? void 0 : _extractSmartLinkProv.text,
               onClose,
               origin,
-              src: (_extractSmartLinkEmbe = extractSmartLinkEmbed(response)) === null || _extractSmartLinkEmbe === void 0 ? void 0 : _extractSmartLinkEmbe.src,
+              src: (_extractSmartLinkEmbe2 = extractSmartLinkEmbed(response)) === null || _extractSmartLinkEmbe2 === void 0 ? void 0 : _extractSmartLinkEmbe2.src,
               title: extractSmartLinkTitle(response),
               url,
               isBlanketHidden: fg('linking_platform_hide_preview_action_blanket_prop') ? actionOptions === null || actionOptions === void 0 ? void 0 : (_actionOptions$previe = actionOptions.previewAction) === null || _actionOptions$previe === void 0 ? void 0 : _actionOptions$previe.hideBlanket : undefined,

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

@@ -1,6 +1,8 @@
 import React, { useCallback, useEffect, useMemo } from 'react';
 import { useAnalyticsEvents as useAnalyticsEventsNext } from '@atlaskit/analytics-next';
+import { extractSmartLinkEmbed } from '@atlaskit/link-extractors';
 import { fg } from '@atlaskit/platform-feature-flags';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { useAnalyticsEvents } from '../../common/analytics/generated/use-analytics-events';
 import { CardDisplay } from '../../constants';
@@ -112,13 +114,17 @@ function Component({
     if (!isModifierKeyPressed && ari && name && openPreviewPanel && isPreviewPanelAvailable !== null && isPreviewPanelAvailable !== void 0 && isPreviewPanelAvailable({
       ari
     }) && !isDisablePreviewPanel) {
+      var _extractSmartLinkEmbe;
       event.preventDefault();
       event.stopPropagation();
       openPreviewPanel({
         url,
         ari,
         name,
-        iconUrl: getObjectIconUrl(state.details)
+        iconUrl: getObjectIconUrl(state.details),
+        panelData: {
+          embedUrl: expValEquals('platform_hover_card_preview_panel', 'cohort', 'test') ? (_extractSmartLinkEmbe = extractSmartLinkEmbed(state.details)) === null || _extractSmartLinkEmbe === void 0 ? void 0 : _extractSmartLinkEmbe.src : undefined
+        }
       });
       fireLinkClickedEvent(createAnalyticsEvent)(event, {
         attributes: {

package/dist/esm/extractors/action/extract-invoke-preview-action.js

@@ -60,7 +60,7 @@ export var extractInvokePreviewAction = function extractInvokePreviewAction(para
       invokeAction: {
         actionFn: function () {
           var _actionFn = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-            var resolvedUrl, responseUrl, _extractSmartLinkProv, _extractSmartLinkEmbe, _actionOptions$previe, _actionOptions$previe2;
+            var _extractSmartLinkEmbe, resolvedUrl, responseUrl, _extractSmartLinkProv, _extractSmartLinkEmbe2, _actionOptions$previe, _actionOptions$previe2;
             return _regeneratorRuntime.wrap(function _callee$(_context) {
               while (1) switch (_context.prev = _context.next) {
                 case 0:
@@ -77,7 +77,10 @@ export var extractInvokePreviewAction = function extractInvokePreviewAction(para
                     ari: ari,
                     url: resolvedUrl,
                     name: name,
-                    iconUrl: undefined
+                    iconUrl: undefined,
+                    panelData: {
+                      embedUrl: expValEquals('platform_hover_card_preview_panel', 'cohort', 'test') ? (_extractSmartLinkEmbe = extractSmartLinkEmbed(response)) === null || _extractSmartLinkEmbe === void 0 ? void 0 : _extractSmartLinkEmbe.src : undefined
+                    }
                   });
                   expValEquals('platform_hover_card_preview_panel', 'cohort', 'test') && firePreviewActionUIEvent({
                     previewType: 'panel'
@@ -98,7 +101,7 @@ export var extractInvokePreviewAction = function extractInvokePreviewAction(para
                     providerName: (_extractSmartLinkProv = extractSmartLinkProvider(response)) === null || _extractSmartLinkProv === void 0 ? void 0 : _extractSmartLinkProv.text,
                     onClose: onClose,
                     origin: origin,
-                    src: (_extractSmartLinkEmbe = extractSmartLinkEmbed(response)) === null || _extractSmartLinkEmbe === void 0 ? void 0 : _extractSmartLinkEmbe.src,
+                    src: (_extractSmartLinkEmbe2 = extractSmartLinkEmbed(response)) === null || _extractSmartLinkEmbe2 === void 0 ? void 0 : _extractSmartLinkEmbe2.src,
                     title: extractSmartLinkTitle(response),
                     url: url,
                     isBlanketHidden: fg('linking_platform_hide_preview_action_blanket_prop') ? actionOptions === null || actionOptions === void 0 || (_actionOptions$previe = actionOptions.previewAction) === null || _actionOptions$previe === void 0 ? void 0 : _actionOptions$previe.hideBlanket : undefined,

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

@@ -1,6 +1,8 @@
 import React, { useCallback, useEffect, useMemo } from 'react';
 import { useAnalyticsEvents as useAnalyticsEventsNext } from '@atlaskit/analytics-next';
+import { extractSmartLinkEmbed } from '@atlaskit/link-extractors';
 import { fg } from '@atlaskit/platform-feature-flags';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { useAnalyticsEvents } from '../../common/analytics/generated/use-analytics-events';
 import { CardDisplay } from '../../constants';
@@ -112,13 +114,17 @@ function Component(_ref) {
     if (!isModifierKeyPressed && ari && name && openPreviewPanel && isPreviewPanelAvailable !== null && isPreviewPanelAvailable !== void 0 && isPreviewPanelAvailable({
       ari: ari
     }) && !isDisablePreviewPanel) {
+      var _extractSmartLinkEmbe;
       event.preventDefault();
       event.stopPropagation();
       openPreviewPanel({
         url: url,
         ari: ari,
         name: name,
-        iconUrl: getObjectIconUrl(state.details)
+        iconUrl: getObjectIconUrl(state.details),
+        panelData: {
+          embedUrl: expValEquals('platform_hover_card_preview_panel', 'cohort', 'test') ? (_extractSmartLinkEmbe = extractSmartLinkEmbed(state.details)) === null || _extractSmartLinkEmbe === void 0 ? void 0 : _extractSmartLinkEmbe.src : undefined
+        }
       });
       fireLinkClickedEvent(createAnalyticsEvent)(event, {
         attributes: {

package/dist/types/extractors/action/extract-invoke-preview-action.d.ts

@@ -13,6 +13,9 @@ export type ExtractInvokePreviewActionParam = ExtractClientActionsParam & {
         ari: string;
         iconUrl: string | undefined;
         name: string;
+        panelData: {
+            embedUrl?: string;
+        };
         url: string;
     }) => void;
     origin?: AnalyticsOrigin;

package/dist/types/extractors/flexible/actions/index.d.ts

@@ -17,6 +17,9 @@ export type ExtractActionsParam = {
         ari: string;
         iconUrl: string | undefined;
         name: string;
+        panelData: {
+            embedUrl?: string;
+        };
         url: string;
     }) => void;
     origin?: AnalyticsOrigin;

package/dist/types/extractors/flexible/extract-state.d.ts

@@ -10,6 +10,9 @@ declare const extractState: (response?: JsonLd.Response, actionOptions?: CardAct
     ari: string;
     iconUrl: string | undefined;
     name: string;
+    panelData: {
+        embedUrl?: string;
+    };
     url: string;
 }) => void) => LinkLozenge | undefined;
 export default extractState;

package/dist/types/state/hooks/useSmartLink.d.ts

@@ -17,6 +17,9 @@ export declare function useSmartLink(id: string, url: string): {
         ari: string;
         iconUrl: string | undefined;
         name: string;
+        panelData: {
+            embedUrl?: string;
+        };
         url: string;
     }) => void) | undefined;
 };

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

@@ -176,6 +176,9 @@ export type ExtractFlexibleUiDataContextParams = Pick<FlexibleCardProps, 'appear
         ari: string;
         iconUrl: string | undefined;
         name: string;
+        panelData: {
+            embedUrl?: string;
+        };
         url: string;
     }) => void;
     resolve?: ResolveFunction;

package/dist/types-ts4.5/extractors/action/extract-invoke-preview-action.d.ts

@@ -13,6 +13,9 @@ export type ExtractInvokePreviewActionParam = ExtractClientActionsParam & {
         ari: string;
         iconUrl: string | undefined;
         name: string;
+        panelData: {
+            embedUrl?: string;
+        };
         url: string;
     }) => void;
     origin?: AnalyticsOrigin;

package/dist/types-ts4.5/extractors/flexible/actions/index.d.ts

@@ -17,6 +17,9 @@ export type ExtractActionsParam = {
         ari: string;
         iconUrl: string | undefined;
         name: string;
+        panelData: {
+            embedUrl?: string;
+        };
         url: string;
     }) => void;
     origin?: AnalyticsOrigin;

package/dist/types-ts4.5/extractors/flexible/extract-state.d.ts

@@ -10,6 +10,9 @@ declare const extractState: (response?: JsonLd.Response, actionOptions?: CardAct
     ari: string;
     iconUrl: string | undefined;
     name: string;
+    panelData: {
+        embedUrl?: string;
+    };
     url: string;
 }) => void) => LinkLozenge | undefined;
 export default extractState;

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

@@ -17,6 +17,9 @@ export declare function useSmartLink(id: string, url: string): {
         ari: string;
         iconUrl: string | undefined;
         name: string;
+        panelData: {
+            embedUrl?: string;
+        };
         url: string;
     }) => void) | undefined;
 };

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

@@ -176,6 +176,9 @@ export type ExtractFlexibleUiDataContextParams = Pick<FlexibleCardProps, 'appear
         ari: string;
         iconUrl: string | undefined;
         name: string;
+        panelData: {
+            embedUrl?: string;
+        };
         url: string;
     }) => void;
     resolve?: ResolveFunction;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "43.0.2",
+	"version": "43.1.0",
 	"description": "Smart card component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -70,7 +70,7 @@
 		"@atlaskit/textarea": "^8.0.0",
 		"@atlaskit/textfield": "^8.0.0",
 		"@atlaskit/theme": "^21.0.0",
-		"@atlaskit/tmp-editor-statsig": "^13.5.0",
+		"@atlaskit/tmp-editor-statsig": "^13.6.0",
 		"@atlaskit/tokens": "^6.4.0",
 		"@atlaskit/tooltip": "^20.5.0",
 		"@atlaskit/ufo": "^0.4.0",