@atlaskit/smart-card 44.6.1 → 44.7.1

package/dist/es2019/view/FlexibleCard/components/blocks/action-group/index.js

@@ -12,11 +12,12 @@ import ButtonGroup from '@atlaskit/button/button-group';
 import Button from '@atlaskit/button/standard-button';
 import DropdownMenu from '@atlaskit/dropdown-menu';
 import MoreIcon from '@atlaskit/icon/core/show-more-horizontal';
-import { fg } from '@atlaskit/platform-feature-flags';
 import Tooltip from '@atlaskit/tooltip';
 import { ActionName, CardDisplay, SmartLinkSize } from '../../../../../constants';
 import { messages } from '../../../../../messages';
 import { useFlexibleUiContext, useFlexibleUiOptionContext } from '../../../../../state/flexible-ui-context';
+import { isBlockCardRovoActionExperimentEnabled } from '../../../../../state/hooks/use-block-card-rovo-action-experiment';
+import useRovoConfig from '../../../../../state/hooks/use-rovo-config';
 import { RovoChatPromptKey } from '../../actions/rovo-chat-action';
 import { sizeToButtonSpacing } from '../../utils';
 import { filterActionItems } from '../utils';
@@ -51,10 +52,14 @@ const ActionGroup = ({
   var _context$actions;
   const context = useFlexibleUiContext();
   const ui = useFlexibleUiOptionContext();
+  const {
+    product
+  } = useRovoConfig();
   const [isOpen, setIsOpen] = useState(false);
-  const renderableActionItems = useMemo(() => filterActionItems(items, context), [context, items]);
+  const renderableActionItems = useMemo(() => filterActionItems(items, context, product), [context, items, product]);
   const isMoreThenTwoItems = renderableActionItems.length > visibleButtonsNum;
-  const isRovoActionsEnabled = !!(context !== null && context !== void 0 && (_context$actions = context.actions) !== null && _context$actions !== void 0 && _context$actions[ActionName.RovoChatAction]) && fg('platform_sl_3p_auth_rovo_block_card_kill_switch');
+  const rovoChatAction = context === null || context === void 0 ? void 0 : (_context$actions = context.actions) === null || _context$actions === void 0 ? void 0 : _context$actions[ActionName.RovoChatAction];
+  const is3PBlockExperimentEnabled = isBlockCardRovoActionExperimentEnabled(rovoChatAction === null || rovoChatAction === void 0 ? void 0 : rovoChatAction.product);
   const onOpenChange = useCallback(attrs => {
     setIsOpen(attrs.isOpen);
     if (onDropdownOpenChange) {
@@ -69,7 +74,7 @@ const ActionGroup = ({
     }
   }, [isOpen, onOpenChange]);
   const actionButtons = useMemo(() => {
-    if (isRovoActionsEnabled) {
+    if (!!rovoChatAction && is3PBlockExperimentEnabled) {
       const rovoActions = [...(containerWidth >= REDUCED_ACTIONS_SIZE ? renderableActionItems.slice(0, visibleButtonsNum - 1) : []), {
         name: ActionName.RovoChatAction,
         prompts: [RovoChatPromptKey.ASK_ROVO_ANYTHING],
@@ -89,10 +94,10 @@ const ActionGroup = ({
     }
     const actionItems = isMoreThenTwoItems ? renderableActionItems.slice(0, visibleButtonsNum - 1) : renderableActionItems;
     return renderActionItems(actionItems, size, appearance, false, onActionItemClick);
-  }, [appearance, isMoreThenTwoItems, isRovoActionsEnabled, onActionItemClick, renderableActionItems, size, visibleButtonsNum, containerWidth]);
+  }, [appearance, isMoreThenTwoItems, onActionItemClick, renderableActionItems, size, visibleButtonsNum, rovoChatAction, is3PBlockExperimentEnabled, containerWidth]);
   const moreActionDropdown = useMemo(() => {
     let actionItems;
-    if (isRovoActionsEnabled && containerWidth < REDUCED_ACTIONS_SIZE) {
+    if (!!rovoChatAction && is3PBlockExperimentEnabled && containerWidth < REDUCED_ACTIONS_SIZE) {
       actionItems = renderableActionItems;
     } else {
       actionItems = isMoreThenTwoItems ? renderableActionItems.slice(visibleButtonsNum - 1) : [];
@@ -116,11 +121,11 @@ const ActionGroup = ({
           testId: "action-group-more-button-tooltip",
           tag: "span"
         }, /*#__PURE__*/React.createElement(Button, _extends({}, props, {
-          spacing: isRovoActionsEnabled && fg('platform_sl_3p_auth_rovo_block_card_kill_switch') ? size === SmartLinkSize.XLarge ? 'default' : 'compact' : spacing,
+          spacing: !!rovoChatAction && is3PBlockExperimentEnabled ? size === SmartLinkSize.XLarge ? 'default' : 'compact' : spacing,
           testId: "action-group-more-button",
           iconBefore: moreIcon,
           ref: triggerRef
-        }, fg('platform_sl_3p_auth_rovo_block_card_kill_switch') ? {
+        }, is3PBlockExperimentEnabled ? {
           appearance
         } : {}))),
         testId: "action-group-dropdown",
@@ -128,7 +133,7 @@ const ActionGroup = ({
       }, renderActionItems(actionItems, size, appearance, true, onActionItemClick));
     }
     return null;
-  }, [appearance, isMoreThenTwoItems, isOpen, isRovoActionsEnabled, onActionItemClick, onOpenChange, renderableActionItems, size, ui === null || ui === void 0 ? void 0 : ui.zIndex, visibleButtonsNum, containerWidth]);
+  }, [appearance, isMoreThenTwoItems, isOpen, onActionItemClick, onOpenChange, renderableActionItems, size, ui === null || ui === void 0 ? void 0 : ui.zIndex, visibleButtonsNum, rovoChatAction, is3PBlockExperimentEnabled, containerWidth]);
   return renderableActionItems.length > 0 ? /*#__PURE__*/React.createElement("div", {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     className: ax(["_1e0c116y _dzc21h6o _1ilq1i6y", "actions-button-group"]),

package/dist/es2019/view/FlexibleCard/components/blocks/footer-block/resolved/index.js

@@ -5,10 +5,10 @@ import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { useCallback, useMemo, useState } from 'react';
 import { browser } from '@atlaskit/linking-common/user-agent';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { WidthObserver } from '@atlaskit/width-detector';
 import { ActionName, SmartLinkAlignment, SmartLinkDirection, SmartLinkSize, SmartLinkWidth } from '../../../../../../constants';
 import { useFlexibleUiContext } from '../../../../../../state/flexible-ui-context';
+import { isBlockCardRovoActionExperimentEnabled } from '../../../../../../state/hooks/use-block-card-rovo-action-experiment';
 import { Provider } from '../../../elements';
 import ActionGroup from '../../action-group';
 import Block from '../../block';
@@ -29,8 +29,9 @@ const FooterBlockResolvedView = props => {
     isPreviewBlockErrored
   } = props;
   const context = useFlexibleUiContext();
-  const isRovoSupportedFeature = !!(context !== null && context !== void 0 && (_context$actions = context.actions) !== null && _context$actions !== void 0 && _context$actions[ActionName.RovoChatAction]) && fg('platform_sl_3p_auth_rovo_block_card_kill_switch');
-  const hasPreview = isRovoSupportedFeature && !!(context !== null && context !== void 0 && context.preview) && !isPreviewBlockErrored;
+  const rovoChatAction = context === null || context === void 0 ? void 0 : (_context$actions = context.actions) === null || _context$actions === void 0 ? void 0 : _context$actions[ActionName.RovoChatAction];
+  const is3PBlockExperimentEnabled = isBlockCardRovoActionExperimentEnabled(rovoChatAction === null || rovoChatAction === void 0 ? void 0 : rovoChatAction.product);
+  const hasPreview = !!rovoChatAction && is3PBlockExperimentEnabled && !!(context !== null && context !== void 0 && context.preview) && !isPreviewBlockErrored;
   const hasActions = useMemo(() => {
     var _filterActionItems;
     return ((_filterActionItems = filterActionItems(actions, context)) === null || _filterActionItems === void 0 ? void 0 : _filterActionItems.length) > 0;
@@ -56,22 +57,22 @@ const FooterBlockResolvedView = props => {
     appearance: "subtle",
     testId: `${testId}-provider`,
     hideLabel: hasPreview,
-    className: ax([isRovoSupportedFeature && "_1wpz1h6o"])
+    className: ax([!!rovoChatAction && is3PBlockExperimentEnabled && "_1wpz1h6o"])
   }), actions && hasActions ? /*#__PURE__*/React.createElement(ElementGroup, {
     testId: "smart-element-group-actions",
     align: SmartLinkAlignment.Right,
     direction: SmartLinkDirection.Horizontal,
     width: SmartLinkWidth.Flexible,
-    className: ax([size === SmartLinkSize.XLarge && "_c71lxy5q", safari && "_4t3i1osq", isRovoSupportedFeature && "_kqswh2mm"])
-  }, isRovoSupportedFeature && /*#__PURE__*/React.createElement(WidthObserver, {
+    className: ax([size === SmartLinkSize.XLarge && "_c71lxy5q", safari && "_4t3i1osq", !!rovoChatAction && is3PBlockExperimentEnabled && "_kqswh2mm"])
+  }, !!rovoChatAction && is3PBlockExperimentEnabled && /*#__PURE__*/React.createElement(WidthObserver, {
     setWidth: setContainerWidth,
     offscreen: true
   }), /*#__PURE__*/React.createElement(ActionGroup, {
     onDropdownOpenChange: onDropdownOpenChange,
     items: actions,
-    appearance: isRovoSupportedFeature ? 'subtle' : 'default',
-    size: isRovoSupportedFeature ? SmartLinkSize.Small : size,
-    containerWidth: isRovoSupportedFeature ? containerWidth : undefined
+    appearance: !!rovoChatAction && is3PBlockExperimentEnabled ? 'subtle' : 'default',
+    size: !!rovoChatAction && is3PBlockExperimentEnabled ? SmartLinkSize.Small : size,
+    containerWidth: !!rovoChatAction && is3PBlockExperimentEnabled ? containerWidth : undefined
   })) : null);
 };
 export default FooterBlockResolvedView;

package/dist/es2019/view/FlexibleCard/components/blocks/preview-block/resolved/index.js

@@ -4,6 +4,7 @@ import "./index.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { useCallback, useLayoutEffect, useState } from 'react';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { MediaPlacement } from '../../../../../../constants';
 import { Preview } from '../../../elements';
 import Block from '../../block';
@@ -26,7 +27,28 @@ const PreviewBlockResolvedView = ({
   className,
   ...blockProps
 }) => {
-  const [dynamicStyles, setDynamicStyles] = useState(style !== null && style !== void 0 ? style : {});
+  const [dynamicStyles, setDynamicStyles] = useState(() => {
+    if (fg('dfo-fix-preview-dynamic-style')) {
+      if (placement === MediaPlacement.Left || placement === MediaPlacement.Right) {
+        const containerPadding = ignoreContainerPadding ? '0px' : 'var(--container-padding)';
+        const newStyle = {
+          ...style,
+          position: 'absolute',
+          top: containerPadding,
+          bottom: containerPadding,
+          width: `calc(var(--preview-block-width) - ${containerPadding})`,
+          ...(placement === MediaPlacement.Left ? {
+            left: containerPadding
+          } : {}),
+          ...(placement === MediaPlacement.Right ? {
+            right: containerPadding
+          } : {})
+        };
+        return newStyle;
+      }
+    }
+    return style !== null && style !== void 0 ? style : {};
+  });
   const updateStyles = useCallback(() => {
     if (placement === MediaPlacement.Left || placement === MediaPlacement.Right) {
       const containerPadding = ignoreContainerPadding ? '0px' : 'var(--container-padding)';

package/dist/es2019/view/FlexibleCard/components/blocks/utils.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { ActionName, ElementName, SmartLinkSize } from '../../../../constants';
+import { isBlockCardRovoActionExperimentEnabled } from '../../../../state/hooks/use-block-card-rovo-action-experiment';
 import { isFlexibleUiElement } from '../../../../utils/flexible';
 import * as Elements from '../elements';
 import ActionGroup from './action-group';
@@ -77,7 +77,8 @@ export const isJSXElementNull = children => {
   return Boolean(children.type() === null);
 };
 const isElementOrElementGroup = node => /*#__PURE__*/React.isValidElement(node) && (isFlexibleUiElement(node) || node.type === ElementGroup);
-export const filterActionItems = (items = [], context) => {
+export const filterActionItems = (items = [], context, product) => {
+  const isBlockCard3PExperimentEnabled = isBlockCardRovoActionExperimentEnabled(product);
   return items.filter(item => {
     switch (item.name) {
       case ActionName.DeleteAction:
@@ -86,7 +87,7 @@ export const filterActionItems = (items = [], context) => {
         // Named and custom actions that user defines.
         return Boolean(ActionName[item.name]);
       case ActionName.RovoChatAction:
-        if (fg('platform_sl_3p_auth_rovo_block_card_kill_switch')) {
+        if (isBlockCard3PExperimentEnabled) {
           return Boolean(ActionName[item.name]);
         }
         // same as default case below

package/dist/es2019/view/FlexibleCard/components/elements/common/base-badge-element/index.js

@@ -3,11 +3,11 @@
 import "./index.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { forwardRef } from 'react';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { Box } from '@atlaskit/primitives/compiled';
 import { IconType } from '../../../../../../constants';
 import { messages } from '../../../../../../messages';
 import { useFlexibleUiOptionContext } from '../../../../../../state/flexible-ui-context';
+import { useBlockCardRovoActionExperimentNoExposure } from '../../../../../../state/hooks/use-block-card-rovo-action-experiment';
 import AtlaskitIcon from '../../../common/atlaskit-icon';
 import ImageIcon from '../../../common/image-icon';
 import { withOverrideCss } from '../../../common/with-override-css';
@@ -87,12 +87,13 @@ const BaseBadgeRefreshNew = /*#__PURE__*/forwardRef(({
   hideLabel = false
 }, ref) => {
   const ui = useFlexibleUiOptionContext();
+  const isRovoBlockCardExperimentEnabled = useBlockCardRovoActionExperimentNoExposure();
   const formattedMessageOrLabel = getFormattedMessageFromIcon(icon) || label;
   const badgeIcon = renderAtlaskitIcon(icon, testId) || renderImageIcon(url, testId, ui === null || ui === void 0 ? void 0 : ui.hideLoadingSkeleton);
   if (!formattedMessageOrLabel || !badgeIcon) {
     return null;
   }
-  const shouldHideLabel = hideLabel && fg('platform_sl_3p_auth_rovo_block_card_kill_switch');
+  const shouldHideLabel = hideLabel && isRovoBlockCardExperimentEnabled;
   return /*#__PURE__*/React.createElement("span", {
     "data-smart-element": name,
     "data-smart-element-badge": true,

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

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

package/dist/esm/__tests__/vr-tests/__snapshots__/block-card/block-card-social-proof-cold-cache--default.png

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:b072be1d67bf9de1dce752032500f85882f4e3106047ba57d4944e0e9e123c34
+size 17460

package/dist/esm/__tests__/vr-tests/__snapshots__/block-card/block-card-social-proof-message-low-tier--default.png

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:bc4ec248eb4dfc15dc531155a386a12571398ad5c249de38df839c94cc03c4ab
+size 16074

package/dist/esm/__tests__/vr-tests/__snapshots__/block-card/block-card-social-proof-message-not-low-tier--default.png

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:164d340225092b0d1ac5bd3daf47b305aeeadd0544dc8f76b0fbda83e200572a
+size 16863

package/dist/esm/__tests__/vr-tests/__snapshots__/flexible-card/flexible-ui-block-preview-large--default--navx-1895-new-logo-design-false-dfo-fix-preview-dynamic-style-false.png

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:b682fce6cce5617409cbd61feb37fc572b649c3931b838b93ddd94e60bb83d0f
+size 358312

package/dist/esm/__tests__/vr-tests/__snapshots__/flexible-card/flexible-ui-block-preview-large--default--navx-1895-new-logo-design-false-dfo-fix-preview-dynamic-style-true.png

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:b682fce6cce5617409cbd61feb37fc572b649c3931b838b93ddd94e60bb83d0f
+size 358312

package/dist/esm/__tests__/vr-tests/__snapshots__/flexible-card/flexible-ui-block-preview-large--default--navx-1895-new-logo-design-true-dfo-fix-preview-dynamic-style-false.png

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:b21c80c3d6016fe13a9aa7a1c12dd1c9d45ebdfa450c04195c41e9b59ca81f96
+size 359281

package/dist/esm/__tests__/vr-tests/__snapshots__/flexible-card/flexible-ui-block-preview-large--default--navx-1895-new-logo-design-true-dfo-fix-preview-dynamic-style-true.png

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:b21c80c3d6016fe13a9aa7a1c12dd1c9d45ebdfa450c04195c41e9b59ca81f96
+size 359281

package/dist/esm/__tests__/vr-tests/__snapshots__/flexible-card/flexible-ui-block-preview-medium--default--navx-1895-new-logo-design-false-dfo-fix-preview-dynamic-style-false.png

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:419c17c8146b68f5a03500a8fe4529930380132e63f7224bdf51c964f838612c
+size 359841

package/dist/esm/__tests__/vr-tests/__snapshots__/flexible-card/flexible-ui-block-preview-medium--default--navx-1895-new-logo-design-false-dfo-fix-preview-dynamic-style-true.png

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:419c17c8146b68f5a03500a8fe4529930380132e63f7224bdf51c964f838612c
+size 359841

package/dist/esm/__tests__/vr-tests/__snapshots__/flexible-card/flexible-ui-block-preview-medium--default--navx-1895-new-logo-design-true-dfo-fix-preview-dynamic-style-false.png

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:3b5b73674a950c6879077c9a13a6b91d3409a74b1e8b07a5d7a06c4c8854395f
+size 360369

package/dist/esm/__tests__/vr-tests/__snapshots__/flexible-card/flexible-ui-block-preview-medium--default--navx-1895-new-logo-design-true-dfo-fix-preview-dynamic-style-true.png

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:3b5b73674a950c6879077c9a13a6b91d3409a74b1e8b07a5d7a06c4c8854395f
+size 360369

package/dist/esm/__tests__/vr-tests/__snapshots__/flexible-card/flexible-ui-block-preview-mixed-padding--default--navx-1895-new-logo-design-false-dfo-fix-preview-dynamic-style-false.png

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:33e95b0db95d1ee939ea9c0297cb051927be09bd18e98445c49905c092782d3b
+size 192028

package/dist/esm/__tests__/vr-tests/__snapshots__/flexible-card/flexible-ui-block-preview-mixed-padding--default--navx-1895-new-logo-design-false-dfo-fix-preview-dynamic-style-true.png

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:33e95b0db95d1ee939ea9c0297cb051927be09bd18e98445c49905c092782d3b
+size 192028

package/dist/esm/__tests__/vr-tests/__snapshots__/flexible-card/flexible-ui-block-preview-mixed-padding--default--navx-1895-new-logo-design-true-dfo-fix-preview-dynamic-style-false.png

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:86f6e899f8bfacea29cacecc55daa2b13c1b3a9d53860d8f100c7b0f25c01a99
+size 192089

package/dist/esm/__tests__/vr-tests/__snapshots__/flexible-card/flexible-ui-block-preview-mixed-padding--default--navx-1895-new-logo-design-true-dfo-fix-preview-dynamic-style-true.png

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:86f6e899f8bfacea29cacecc55daa2b13c1b3a9d53860d8f100c7b0f25c01a99
+size 192089

package/dist/esm/__tests__/vr-tests/__snapshots__/flexible-card/flexible-ui-block-preview-override-css--default--dfo-fix-preview-dynamic-style-false.png

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:cda8c7f337a7c74428939de10935187267499070f3779d8fa083b3f3573cdaa4
+size 132642

package/dist/esm/__tests__/vr-tests/__snapshots__/flexible-card/flexible-ui-block-preview-override-css--default--dfo-fix-preview-dynamic-style-true.png

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:cda8c7f337a7c74428939de10935187267499070f3779d8fa083b3f3573cdaa4
+size 132642

package/dist/esm/__tests__/vr-tests/__snapshots__/flexible-card/flexible-ui-block-preview-small--default--navx-1895-new-logo-design-false-dfo-fix-preview-dynamic-style-false.png

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:fb42a4bf3aaa1a8fd3b0e82a8fc98a9681e5fe51c906e02e053c15757bd574e0
+size 359972

package/dist/esm/__tests__/vr-tests/__snapshots__/flexible-card/flexible-ui-block-preview-small--default--navx-1895-new-logo-design-false-dfo-fix-preview-dynamic-style-true.png

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:fb42a4bf3aaa1a8fd3b0e82a8fc98a9681e5fe51c906e02e053c15757bd574e0
+size 359972

package/dist/esm/__tests__/vr-tests/__snapshots__/flexible-card/flexible-ui-block-preview-small--default--navx-1895-new-logo-design-true-dfo-fix-preview-dynamic-style-false.png

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:1c4b6a81a1e515bd429c31e812901eb816a53c9c83913ac47702bc58c959cb35
+size 360476

package/dist/esm/__tests__/vr-tests/__snapshots__/flexible-card/flexible-ui-block-preview-small--default--navx-1895-new-logo-design-true-dfo-fix-preview-dynamic-style-true.png

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:1c4b6a81a1e515bd429c31e812901eb816a53c9c83913ac47702bc58c959cb35
+size 360476

package/dist/esm/__tests__/vr-tests/__snapshots__/flexible-card/flexible-ui-block-preview-xlarge--default--navx-1895-new-logo-design-false-dfo-fix-preview-dynamic-style-false.png

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:137c8a1aa6a6b50d2d206d56cccbcb9e2fc396aac79d6e0b583439bc77b6ae58
+size 361983

package/dist/esm/__tests__/vr-tests/__snapshots__/flexible-card/flexible-ui-block-preview-xlarge--default--navx-1895-new-logo-design-false-dfo-fix-preview-dynamic-style-true.png

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:137c8a1aa6a6b50d2d206d56cccbcb9e2fc396aac79d6e0b583439bc77b6ae58
+size 361983

package/dist/esm/__tests__/vr-tests/__snapshots__/flexible-card/flexible-ui-block-preview-xlarge--default--navx-1895-new-logo-design-true-dfo-fix-preview-dynamic-style-false.png

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:e80b4c107539bc0f8d65d79f59fe0983acadf717e93eebd7d9cd0b9718c022cb
+size 362922

package/dist/esm/__tests__/vr-tests/__snapshots__/flexible-card/flexible-ui-block-preview-xlarge--default--navx-1895-new-logo-design-true-dfo-fix-preview-dynamic-style-true.png

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:e80b4c107539bc0f8d65d79f59fe0983acadf717e93eebd7d9cd0b9718c022cb
+size 362922

package/dist/esm/extractors/flexible/actions/extract-rovo-chat-action.js

@@ -3,6 +3,7 @@ import { fg } from '@atlaskit/platform-feature-flags';
 import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
 import { ActionName } from '../../../constants';
 import { getDefinitionId, getExtensionKey, getResourceType } from '../../../state/helpers';
+import { isBlockCardRovoActionExperimentEnabled } from '../../../state/hooks/use-block-card-rovo-action-experiment';
 import { canShowAction } from '../../../utils/actions/can-show-action';
 import { getIsRovoChatEnabled } from '../../../utils/rovo';
 import { CardAction } from '../../../view/Card/types';
@@ -25,9 +26,10 @@ var extractRovoChatAction = function extractRovoChatAction(_ref) {
   }
   var extensionKey = getExtensionKey(response);
   var isGoogleProvider = extensionKey === 'google-object-provider';
+  var is3PBlockExperimentEnabled = isBlockCardRovoActionExperimentEnabled(product);
   var is3PAuthRovoActionEnabled = isGoogleProvider && fg('platform_sl_3p_auth_rovo_action_kill_switch');
   var is3PInlinePostAuthActionsEnabled = extensionKey !== undefined && ELIGIBLE_EXTENSION_KEYS.has(extensionKey) && fg('rovogrowth-640-inline-action-nudge-fg') && expValEqualsNoExposure('rovogrowth-640-inline-action-nudge-exp', 'isEnabled', true);
-  var is3PBlockPostAuthActionsEnabled = extensionKey !== undefined && ELIGIBLE_EXTENSION_KEYS.has(extensionKey) && fg('platform_sl_3p_auth_rovo_block_card_kill_switch');
+  var is3PBlockPostAuthActionsEnabled = extensionKey !== undefined && ELIGIBLE_EXTENSION_KEYS.has(extensionKey) && is3PBlockExperimentEnabled;
   var isSupportedFeature = is3PInlinePostAuthActionsEnabled || is3PAuthRovoActionEnabled || is3PBlockPostAuthActionsEnabled;
   var isOptIn = (actionOptions === null || actionOptions === void 0 || (_actionOptions$rovoCh = actionOptions.rovoChatAction) === null || _actionOptions$rovoCh === void 0 ? void 0 : _actionOptions$rovoCh.optIn) === true;
   var url = extractSmartLinkUrl(response);

package/dist/esm/messages.js

@@ -988,7 +988,7 @@ export var messages = defineMessages({
   },
   rovo_prompt_message_highlight_relevant_content: {
     id: 'fabric.linking.rovo_prompt_message_highlight_relevant_content.non-final',
-    defaultMessage: '<p>Based on this linked item (<a>{url}</a>) and the {context} I’m currently viewing, highlight the parts of the linked content that are most relevant to this work. Explain briefly why each part is relevant.</p>',
+    defaultMessage: "<p>Based on this linked item (<a>{url}</a>) and the {context} I'm currently viewing, highlight the parts of the linked content that are most relevant to this work. Explain briefly why each part is relevant.</p>",
     description: 'The prompt message to send to Rovo Chat. {context} refers to the content the user triggered from, e.g. Confluence page or Jira work item. {url} refers to Smart Link that the user triggers this action from. (Please make sure all html tags remain the same.)'
   },
   rovo_prompt_button_identify_key_trends: {
@@ -1050,5 +1050,16 @@ export var messages = defineMessages({
     id: 'fabric.linking.rovo_prompt_button_show_me_whats_relevant.non-final',
     defaultMessage: "Show me what's relevant",
     description: 'The name of the action to send prompt message to Rovo Chat in relation to current Smart Link'
+  },
+  // TODO: remove when social-proof-3p-unauth-block-fg is cleaned up
+  pre_auth_block_social_proof_not_low: {
+    id: 'fabric.linking.pre_auth_block_social_proof_not_low',
+    defaultMessage: '<b>{percentage}%</b> of your team is previewing <b>{provider}</b>.',
+    description: 'Social proof message shown on unauthorized 3P block cards when 30% or more of the tenant has connected the provider. {percentage} is a number, {provider} is the 3P app name (e.g. OneDrive).'
+  },
+  pre_auth_block_social_proof_low: {
+    id: 'fabric.linking.pre_auth_block_social_proof_low',
+    defaultMessage: 'Your team is previewing <b>{provider}</b>.',
+    description: 'Social proof message shown on unauthorized 3P block cards when less than 30% of the tenant has connected the provider. {provider} is the 3P app name (e.g. OneDrive).'
   }
 });

package/dist/esm/state/hooks/use-block-card-rovo-action-experiment/index.js

@@ -0,0 +1,62 @@
+import { useMemo } from 'react';
+import { fg } from '@atlaskit/platform-feature-flags';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
+import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
+import { getIsRovoChatEnabled } from '../../../utils/rovo';
+import { getExtensionKey } from '../../helpers';
+import { useSmartCardState } from '../../store';
+import { JIRA_PRODUCTS } from '../use-rovo-chat/constants';
+import useRovoConfig from '../use-rovo-config';
+var ELIGIBLE_EXTENSION_KEYS = new Set(['slack-object-provider', 'google-object-provider', 'onedrive-object-provider', 'github-object-provider', 'ms-teams-object-provider', 'gitlab-object-provider', 'salesforce-object-provider']);
+var NOT_ENABLED_RESULT = {
+  isEnabled: false
+};
+
+/**
+ * Returns whether the platform_sl_3p_auth_rovo_block_card_jira or platform_sl_3p_auth_rovo_block_card_confluence experiment
+ * is enabled for the current user and link context.
+ *
+ * All eligibility criteria are consolidated here:
+ * 1. Rovo chat must be enabled for the tenant.
+ * 2. The consumer must have opted in via actionOptions.rovoChatAction.optIn.
+ * 3. The link must support the RovoActions feature.
+ * 4. The extension key must be one of the supported options.
+ * 5. The experiment value must be true (via tmp-editor-statsig).
+ *
+ * The extension key is derived from the card store via the resolved URL,
+ * so callers don't need to thread it as a prop.
+ */
+var useBlockCardRovoActionExperiment = function useBlockCardRovoActionExperiment(url, actionOptions) {
+  var _actionOptions$rovoCh, _actionOptions$rovoCh2;
+  var _useRovoConfig = useRovoConfig(),
+    rovoConfig = _useRovoConfig.rovoOptions,
+    product = _useRovoConfig.product;
+  var isRovoChatEnabled = getIsRovoChatEnabled(rovoConfig);
+  var cardState = useSmartCardState(url !== null && url !== void 0 ? url : '');
+  var extensionKey = getExtensionKey(cardState.details);
+  var isRovoChatActionOptedIn = (_actionOptions$rovoCh = actionOptions === null || actionOptions === void 0 || (_actionOptions$rovoCh2 = actionOptions.rovoChatAction) === null || _actionOptions$rovoCh2 === void 0 ? void 0 : _actionOptions$rovoCh2.optIn) !== null && _actionOptions$rovoCh !== void 0 ? _actionOptions$rovoCh : false;
+  return useMemo(function () {
+    if (!isRovoChatEnabled || !url || !isRovoChatActionOptedIn) {
+      return NOT_ENABLED_RESULT;
+    }
+    if (extensionKey && !ELIGIBLE_EXTENSION_KEYS.has(extensionKey)) {
+      return NOT_ENABLED_RESULT;
+    }
+    var isJiraEnabled = !!product && JIRA_PRODUCTS.includes(product) && fg('platform_sl_3p_auth_rovo_block_jira_kill_switch') && expValEquals('platform_sl_3p_auth_rovo_block_card_jira', 'isEnabled', true);
+    var isConfluenceEnabled = !!product && product === 'CONFLUENCE' && fg('platform_sl_3p_auth_rovo_block_card_kill_switch') && expValEquals('platform_sl_3p_auth_rovo_block_card_confluence', 'isEnabled', true);
+    return {
+      isEnabled: isJiraEnabled || isConfluenceEnabled
+    };
+  }, [isRovoChatEnabled, extensionKey, url, isRovoChatActionOptedIn, product]);
+};
+export var isBlockCardRovoActionExperimentEnabled = function isBlockCardRovoActionExperimentEnabled(product) {
+  var isJiraEnabled = !!product && JIRA_PRODUCTS.includes(product) && fg('platform_sl_3p_auth_rovo_block_jira_kill_switch') && expValEqualsNoExposure('platform_sl_3p_auth_rovo_block_card_jira', 'isEnabled', true);
+  var isConfluenceEnabled = !!product && product === 'CONFLUENCE' && fg('platform_sl_3p_auth_rovo_block_card_kill_switch') && expValEqualsNoExposure('platform_sl_3p_auth_rovo_block_card_confluence', 'isEnabled', true);
+  return isJiraEnabled || isConfluenceEnabled;
+};
+export var useBlockCardRovoActionExperimentNoExposure = function useBlockCardRovoActionExperimentNoExposure() {
+  var _useRovoConfig2 = useRovoConfig(),
+    product = _useRovoConfig2.product;
+  return isBlockCardRovoActionExperimentEnabled(product);
+};
+export default useBlockCardRovoActionExperiment;

package/dist/esm/state/hooks/use-current-site-cloud-id/index.js

@@ -1,7 +1,6 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import { useEffect, useState } from 'react';
 import { getCurrentSiteCloudId } from '../../services/current-site-cloud-id';
-export { CURRENT_SITE_CLOUD_ID_LOCAL_STORAGE_KEY, CURRENT_SITE_CLOUD_ID_STORAGE_ITEM_KEY, currentSiteCloudIdService, getCurrentSiteCloudId, getCachedCurrentSiteCloudIdAndRefresh } from '../../services/current-site-cloud-id';
 var useCurrentSiteCloudId = function useCurrentSiteCloudId() {
   var _useState = useState(undefined),
     _useState2 = _slicedToArray(_useState, 2),

package/dist/esm/state/hooks/use-incoming-outgoing-links/index.js

@@ -3,7 +3,7 @@ import _regeneratorRuntime from "@babel/runtime/regenerator";
 import { useCallback, useMemo } from 'react';
 import { request } from '@atlaskit/linking-common';
 import { fg } from '@atlaskit/platform-feature-flags';
-import { getCurrentSiteCloudId } from '../use-current-site-cloud-id';
+import { getCurrentSiteCloudId } from '../../services/current-site-cloud-id';
 import { queryIncomingOutgoingLinks as queryIncomingOutgoingAris } from './query';
 /**
  * @param baseUriWithNoTrailingSlash base url which will then be appended with /gateway/api/graphql to make requests to AGG
@@ -72,7 +72,7 @@ var useIncomingOutgoingAri = function useIncomingOutgoingAri() {
             }
             return _context3.abrupt("return", match[2]);
           case 4:
-            if (!fg('platform_sl_3p_preauth_soc_proof_inline_killswitch')) {
+            if (!fg('platform_sl_incoming_outgoing_tenant_info_killswitch')) {
               _context3.next = 10;
               break;
             }

package/dist/esm/state/hooks/use-rovo-chat/constants.js

@@ -0,0 +1 @@
+export var JIRA_PRODUCTS = ['JSM', 'JWM', 'JSW', 'JPD'];

package/dist/esm/state/hooks/use-rovo-chat/index.js

@@ -6,6 +6,7 @@ import { fg } from '@atlaskit/platform-feature-flags';
 import { useRovoPostMessageToPubsub } from '@atlaskit/rovo-triggers/post-message-to-pubsub';
 import { getIsRovoChatEnabled } from '../../../utils/rovo';
 import useRovoConfig from '../use-rovo-config';
+import { JIRA_PRODUCTS } from './constants';
 var SMART_LINK_TO_ROVO_SOURCE = 'smart-link';
 var useRovoChat = function useRovoChat() {
   var _useRovoConfig = useRovoConfig(),
@@ -16,7 +17,6 @@ var useRovoChat = function useRovoChat() {
   var isRovoChatEnabled = getIsRovoChatEnabled(config);
   var sendPromptMessage = useCallback(function (data) {
     var _window$parent;
-    var jiraProducts = ['JSM', 'JWM', 'JSW', 'JPD'];
     publishWithPostMessage({
       targetWindow: (_window$parent = window.parent) !== null && _window$parent !== void 0 ? _window$parent : window,
       payload: {
@@ -28,7 +28,7 @@ var useRovoChat = function useRovoChat() {
           agentId: undefined
         }),
         openChat: true,
-        openChatMode: product && jiraProducts.includes(product) && (fg('platform_sl_3p_auth_rovo_block_jira_kill_switch') || fg('rovogrowth-640-inline-action-nudge-fg')) ? 'mini-modal' : 'sidebar'
+        openChatMode: product && JIRA_PRODUCTS.includes(product) && fg('platform_sl_3p_auth_rovo_block_jira_kill_switch') || fg('rovogrowth-640-inline-action-nudge-fg') ? 'mini-modal' : 'sidebar'
       },
       onAcknowledgeTimeout: function onAcknowledgeTimeout() {
         // NAVX-3599: Add analytics event