@atlaskit/smart-card 25.5.3 → 25.5.5

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/smart-card
 
+## 25.5.5
+
+### Patch Changes
+
+- [`4b396e5d7eb`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4b396e5d7eb) - [ux] Add lozenge action to block card (wip, opt-in, feature flag)
+
+## 25.5.4
+
+### Patch Changes
+
+- [`19622f395b0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/19622f395b0) - Connect `showServerActions` prop to flexible smart links, surfacing the lozenge dropdown action behind feature flag.
+
 ## 25.5.3
 
 ### Patch Changes

package/dist/cjs/version.json

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

package/dist/cjs/view/BlockCard/index.js

@@ -104,7 +104,8 @@ var BlockCard = function BlockCard(_ref) {
     showActions = _ref.showActions,
     platform = _ref.platform,
     analytics = _ref.analytics,
-    enableFlexibleBlockCard = _ref.enableFlexibleBlockCard;
+    enableFlexibleBlockCard = _ref.enableFlexibleBlockCard,
+    showServerActions = _ref.showServerActions;
   var status = cardState.status,
     details = cardState.details;
   var data = details && details.data || (0, _jsonld.getEmptyJsonLd)();
@@ -131,6 +132,7 @@ var BlockCard = function BlockCard(_ref) {
       onError: onError,
       onResolve: onResolve,
       renderers: renderers,
+      showServerActions: showServerActions,
       ui: ui,
       analytics: analytics,
       extensionKey: extensionKey

package/dist/cjs/view/BlockCard/views/flexible/FlexibleResolvedView.js

@@ -26,6 +26,7 @@ var FlexibleResolvedView = function FlexibleResolvedView(_ref) {
     onClick = _ref.onClick,
     onError = _ref.onError,
     onResolve = _ref.onResolve,
+    showServerActions = _ref.showServerActions,
     _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'smart-block-resolved-view' : _ref$testId,
     ui = _ref.ui,
@@ -49,6 +50,7 @@ var FlexibleResolvedView = function FlexibleResolvedView(_ref) {
     onClick: onClick,
     onError: onError,
     onResolve: onResolve,
+    showServerActions: showServerActions,
     testId: testId,
     ui: ui,
     url: url

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

@@ -36,6 +36,7 @@ function CardWithUrlContent(_ref) {
     onError = _ref.onError,
     testId = _ref.testId,
     showActions = _ref.showActions,
+    showServerActionsProp = _ref.showServerActions,
     inheritDimensions = _ref.inheritDimensions,
     embedIframeRef = _ref.embedIframeRef,
     embedIframeUrlType = _ref.embedIframeUrlType,
@@ -69,6 +70,7 @@ function CardWithUrlContent(_ref) {
   var showAuthTooltipFeatureFlagValue = (0, _linkProvider.useFeatureFlag)('showAuthTooltip');
   var showAuthTooltip = showAuthTooltipFeatureFlagValue !== undefined ? showAuthTooltipFeatureFlagValue === 'experiment' : showAuthTooltipProp;
   var enableFlexibleBlockCardFlag = Boolean((0, _linkProvider.useFeatureFlag)('enableFlexibleBlockCard'));
+  var showServerActions = showServerActionsProp && platform !== 'mobile';
 
   // Setup UI handlers.
   var handleClickWrapper = (0, _react.useCallback)(function (event) {
@@ -188,6 +190,7 @@ function CardWithUrlContent(_ref) {
       renderers: renderers,
       ui: ui,
       showHoverPreview: showHoverPreview,
+      showServerActions: showServerActions,
       url: url,
       testId: testId,
       onResolve: onResolve,
@@ -234,6 +237,7 @@ function CardWithUrlContent(_ref) {
         onError: onError,
         testId: testId,
         showActions: showActions,
+        showServerActions: showServerActions,
         platform: platform,
         enableFlexibleBlockCard: enableFlexibleBlockCardFlag
       });

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

@@ -48,6 +48,7 @@ function CardWithURLRenderer(props) {
     onError = props.onError,
     testId = props.testId,
     showActions = props.showActions,
+    showServerActions = props.showServerActions,
     inheritDimensions = props.inheritDimensions,
     platform = props.platform,
     embedIframeRef = props.embedIframeRef,
@@ -119,6 +120,7 @@ function CardWithURLRenderer(props) {
     onError: onError,
     testId: testId,
     showActions: showActions,
+    showServerActions: showServerActions,
     inheritDimensions: inheritDimensions,
     platform: platform,
     embedIframeRef: embedIframeRef,

package/dist/cjs/view/FlexibleCard/index.js

@@ -8,6 +8,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireWildcard(require("react"));
+var _linkProvider = require("@atlaskit/link-provider");
 var _constants = require("../../constants");
 var _container = _interopRequireDefault(require("./components/container"));
 var _flexibleUiContext = require("../../state/flexible-ui-context");
@@ -38,16 +39,23 @@ var FlexibleCard = function FlexibleCard(_ref) {
   var cardType = cardState.status,
     details = cardState.details;
   var status = cardType;
+  var useLozengeAction = (0, _linkProvider.useFeatureFlag)('useLozengeAction');
+  var featureFlags = (0, _react.useMemo)(function () {
+    return {
+      useLozengeAction: useLozengeAction
+    };
+  }, [useLozengeAction]);
   var context = (0, _react.useMemo)(function () {
     return (0, _utils.getContextByStatus)({
       response: details,
+      featureFlags: featureFlags,
       id: id,
       renderers: renderers,
       showServerActions: showServerActions,
       status: status,
       url: url
     });
-  }, [details, id, renderers, showServerActions, status, url]);
+  }, [details, featureFlags, id, renderers, showServerActions, status, url]);
   var retry = (0, _utils.getRetryOptions)(url, status, details, onAuthorize);
   var _ref2 = context || {},
     title = _ref2.title;

package/dist/es2019/version.json

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

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

@@ -46,7 +46,8 @@ export const BlockCard = ({
   showActions,
   platform,
   analytics,
-  enableFlexibleBlockCard
+  enableFlexibleBlockCard,
+  showServerActions
 }) => {
   var _details$meta, _forbiddenViewProps$c;
   const {
@@ -75,6 +76,7 @@ export const BlockCard = ({
       onError,
       onResolve,
       renderers,
+      showServerActions,
       ui,
       analytics,
       extensionKey

package/dist/es2019/view/BlockCard/views/flexible/FlexibleResolvedView.js

@@ -16,6 +16,7 @@ const FlexibleResolvedView = ({
   onClick,
   onError,
   onResolve,
+  showServerActions,
   testId = 'smart-block-resolved-view',
   ui,
   url,
@@ -32,6 +33,7 @@ const FlexibleResolvedView = ({
     onClick: onClick,
     onError: onError,
     onResolve: onResolve,
+    showServerActions: showServerActions,
     testId: testId,
     ui: ui,
     url: url

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

@@ -26,6 +26,7 @@ export function CardWithUrlContent({
   onError,
   testId,
   showActions,
+  showServerActions: showServerActionsProp,
   inheritDimensions,
   embedIframeRef,
   embedIframeUrlType,
@@ -60,6 +61,7 @@ export function CardWithUrlContent({
   const showAuthTooltipFeatureFlagValue = useFeatureFlag('showAuthTooltip');
   const showAuthTooltip = showAuthTooltipFeatureFlagValue !== undefined ? showAuthTooltipFeatureFlagValue === 'experiment' : showAuthTooltipProp;
   const enableFlexibleBlockCardFlag = Boolean(useFeatureFlag('enableFlexibleBlockCard'));
+  const showServerActions = showServerActionsProp && platform !== 'mobile';
 
   // Setup UI handlers.
   const handleClickWrapper = useCallback(event => {
@@ -175,6 +177,7 @@ export function CardWithUrlContent({
       renderers: renderers,
       ui: ui,
       showHoverPreview: showHoverPreview,
+      showServerActions: showServerActions,
       url: url,
       testId: testId,
       onResolve: onResolve,
@@ -221,6 +224,7 @@ export function CardWithUrlContent({
         onError: onError,
         testId: testId,
         showActions: showActions,
+        showServerActions: showServerActions,
         platform: platform,
         enableFlexibleBlockCard: enableFlexibleBlockCardFlag
       });

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

@@ -28,6 +28,7 @@ export function CardWithURLRenderer(props) {
     onError,
     testId,
     showActions,
+    showServerActions,
     inheritDimensions,
     platform,
     embedIframeRef,
@@ -102,6 +103,7 @@ export function CardWithURLRenderer(props) {
     onError,
     testId,
     showActions,
+    showServerActions,
     inheritDimensions,
     platform,
     embedIframeRef,

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

@@ -1,5 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React, { useEffect, useMemo } from 'react';
+import { useFeatureFlag } from '@atlaskit/link-provider';
 import { SmartLinkStatus } from '../../constants';
 import Container from './components/container';
 import { FlexibleUiAnalyticsContext, FlexibleUiContext } from '../../state/flexible-ui-context';
@@ -32,14 +33,19 @@ const FlexibleCard = ({
     details
   } = cardState;
   const status = cardType;
+  const useLozengeAction = useFeatureFlag('useLozengeAction');
+  const featureFlags = useMemo(() => ({
+    useLozengeAction
+  }), [useLozengeAction]);
   const context = useMemo(() => getContextByStatus({
     response: details,
+    featureFlags,
     id,
     renderers,
     showServerActions,
     status,
     url
-  }), [details, id, renderers, showServerActions, status, url]);
+  }), [details, featureFlags, id, renderers, showServerActions, status, url]);
   const retry = getRetryOptions(url, status, details, onAuthorize);
   const {
     title

package/dist/esm/version.json

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

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

@@ -45,7 +45,8 @@ export var BlockCard = function BlockCard(_ref) {
     showActions = _ref.showActions,
     platform = _ref.platform,
     analytics = _ref.analytics,
-    enableFlexibleBlockCard = _ref.enableFlexibleBlockCard;
+    enableFlexibleBlockCard = _ref.enableFlexibleBlockCard,
+    showServerActions = _ref.showServerActions;
   var status = cardState.status,
     details = cardState.details;
   var data = details && details.data || getEmptyJsonLd();
@@ -72,6 +73,7 @@ export var BlockCard = function BlockCard(_ref) {
       onError: onError,
       onResolve: onResolve,
       renderers: renderers,
+      showServerActions: showServerActions,
       ui: ui,
       analytics: analytics,
       extensionKey: extensionKey

package/dist/esm/view/BlockCard/views/flexible/FlexibleResolvedView.js

@@ -17,6 +17,7 @@ var FlexibleResolvedView = function FlexibleResolvedView(_ref) {
     onClick = _ref.onClick,
     onError = _ref.onError,
     onResolve = _ref.onResolve,
+    showServerActions = _ref.showServerActions,
     _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'smart-block-resolved-view' : _ref$testId,
     ui = _ref.ui,
@@ -40,6 +41,7 @@ var FlexibleResolvedView = function FlexibleResolvedView(_ref) {
     onClick: onClick,
     onError: onError,
     onResolve: onResolve,
+    showServerActions: showServerActions,
     testId: testId,
     ui: ui,
     url: url

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

@@ -26,6 +26,7 @@ export function CardWithUrlContent(_ref) {
     onError = _ref.onError,
     testId = _ref.testId,
     showActions = _ref.showActions,
+    showServerActionsProp = _ref.showServerActions,
     inheritDimensions = _ref.inheritDimensions,
     embedIframeRef = _ref.embedIframeRef,
     embedIframeUrlType = _ref.embedIframeUrlType,
@@ -59,6 +60,7 @@ export function CardWithUrlContent(_ref) {
   var showAuthTooltipFeatureFlagValue = useFeatureFlag('showAuthTooltip');
   var showAuthTooltip = showAuthTooltipFeatureFlagValue !== undefined ? showAuthTooltipFeatureFlagValue === 'experiment' : showAuthTooltipProp;
   var enableFlexibleBlockCardFlag = Boolean(useFeatureFlag('enableFlexibleBlockCard'));
+  var showServerActions = showServerActionsProp && platform !== 'mobile';
 
   // Setup UI handlers.
   var handleClickWrapper = useCallback(function (event) {
@@ -178,6 +180,7 @@ export function CardWithUrlContent(_ref) {
       renderers: renderers,
       ui: ui,
       showHoverPreview: showHoverPreview,
+      showServerActions: showServerActions,
       url: url,
       testId: testId,
       onResolve: onResolve,
@@ -224,6 +227,7 @@ export function CardWithUrlContent(_ref) {
         onError: onError,
         testId: testId,
         showActions: showActions,
+        showServerActions: showServerActions,
         platform: platform,
         enableFlexibleBlockCard: enableFlexibleBlockCardFlag
       });

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

@@ -36,6 +36,7 @@ export function CardWithURLRenderer(props) {
     onError = props.onError,
     testId = props.testId,
     showActions = props.showActions,
+    showServerActions = props.showServerActions,
     inheritDimensions = props.inheritDimensions,
     platform = props.platform,
     embedIframeRef = props.embedIframeRef,
@@ -107,6 +108,7 @@ export function CardWithURLRenderer(props) {
     onError: onError,
     testId: testId,
     showActions: showActions,
+    showServerActions: showServerActions,
     inheritDimensions: inheritDimensions,
     platform: platform,
     embedIframeRef: embedIframeRef,

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

@@ -1,5 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React, { useEffect, useMemo } from 'react';
+import { useFeatureFlag } from '@atlaskit/link-provider';
 import { SmartLinkStatus } from '../../constants';
 import Container from './components/container';
 import { FlexibleUiAnalyticsContext, FlexibleUiContext } from '../../state/flexible-ui-context';
@@ -29,16 +30,23 @@ var FlexibleCard = function FlexibleCard(_ref) {
   var cardType = cardState.status,
     details = cardState.details;
   var status = cardType;
+  var useLozengeAction = useFeatureFlag('useLozengeAction');
+  var featureFlags = useMemo(function () {
+    return {
+      useLozengeAction: useLozengeAction
+    };
+  }, [useLozengeAction]);
   var context = useMemo(function () {
     return getContextByStatus({
       response: details,
+      featureFlags: featureFlags,
       id: id,
       renderers: renderers,
       showServerActions: showServerActions,
       status: status,
       url: url
     });
-  }, [details, id, renderers, showServerActions, status, url]);
+  }, [details, featureFlags, id, renderers, showServerActions, status, url]);
   var retry = getRetryOptions(url, status, details, onAuthorize);
   var _ref2 = context || {},
     title = _ref2.title;

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

@@ -19,6 +19,7 @@ export declare type BlockCardProps = {
     onError?: OnErrorCallback;
     testId?: string;
     showActions?: boolean;
+    showServerActions?: boolean;
     renderers?: CardProviderRenderers;
     platform?: CardPlatform;
     analytics: AnalyticsFacade;

package/dist/types/view/BlockCard/views/flexible/FlexibleResolvedView.d.ts

@@ -5,5 +5,5 @@ import { FlexibleBlockCardProps } from './types';
  * @see SmartLinkStatus
  * @see FlexibleCardProps
  */
-declare const FlexibleResolvedView: ({ id, cardState, onClick, onError, onResolve, testId, ui, url, analytics, }: FlexibleBlockCardProps) => JSX.Element;
+declare const FlexibleResolvedView: ({ id, cardState, onClick, onError, onResolve, showServerActions, testId, ui, url, analytics, }: FlexibleBlockCardProps) => JSX.Element;
 export default FlexibleResolvedView;

package/dist/types/view/BlockCard/views/flexible/types.d.ts

@@ -51,6 +51,10 @@ export declare type FlexibleBlockCardProps = {
      * A name of the provider, needed to specify to user which account has to be connected
      */
     providerName?: string;
+    /**
+     * Determines whether to show available server actions.
+     */
+    showServerActions?: boolean;
     /**
      * A `testId` prop is provided for specified elements, which is a unique
      * string that appears as a data attribute `data-testid` in the rendered code,

package/dist/types/view/CardWithUrl/component.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
 import { CardWithUrlContentProps } from './types';
-export declare function CardWithUrlContent({ id, url, isSelected, isFrameVisible, frameStyle, platform, onClick, appearance, dispatchAnalytics, onResolve, onError, testId, showActions, inheritDimensions, embedIframeRef, embedIframeUrlType, inlinePreloaderStyle, ui, children, showHoverPreview, showAuthTooltip: showAuthTooltipProp, analyticsEvents, }: CardWithUrlContentProps): JSX.Element;
+export declare function CardWithUrlContent({ id, url, isSelected, isFrameVisible, frameStyle, platform, onClick, appearance, dispatchAnalytics, onResolve, onError, testId, showActions, showServerActions: showServerActionsProp, inheritDimensions, embedIframeRef, embedIframeUrlType, inlinePreloaderStyle, ui, children, showHoverPreview, showAuthTooltip: showAuthTooltipProp, analyticsEvents, }: CardWithUrlContentProps): JSX.Element;

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

@@ -20,6 +20,7 @@ export declare type CardWithUrlContentProps = {
     onResolve?: OnResolveCallback;
     onError?: OnErrorCallback;
     showActions?: boolean;
+    showServerActions?: boolean;
     inheritDimensions?: boolean;
     embedIframeRef?: React.Ref<HTMLIFrameElement>;
     embedIframeUrlType?: EmbedIframeUrlType;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/smart-card",
-  "version": "25.5.3",
+  "version": "25.5.5",
   "description": "Smart card component",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -36,7 +36,7 @@
     "@atlaskit/link-client-extension": "^0.4.0",
     "@atlaskit/linking-common": "^2.5.0",
     "@atlaskit/linking-types": "^0.4.0",
-    "@atlaskit/logo": "^13.12.0",
+    "@atlaskit/logo": "^13.13.0",
     "@atlaskit/lozenge": "^11.3.0",
     "@atlaskit/media-common": "^4.0.0",
     "@atlaskit/modal-dialog": "^12.4.0",