@atlaskit/smart-card 38.10.0 → 38.10.2

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # @atlaskit/smart-card
 
+## 38.10.2
+
+### Patch Changes
+
+- [#172989](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/172989)
+  [`41bb7602f58e3`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/41bb7602f58e3) -
+  Refactor and clean up types for external elements
+- Updated dependencies
+
+## 38.10.1
+
+### Patch Changes
+
+- [#172494](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/172494)
+  [`03472aefbbb00`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/03472aefbbb00) -
+  Feature gate cleanup for platform-linking-flexible-card-openness, surfacing the feaure for
+  ui.removeBlockRestriction
+- Updated dependencies
+
 ## 38.10.0
 
 ### Minor Changes

package/dist/cjs/utils/analytics/analytics.js

@@ -11,7 +11,7 @@ var ANALYTICS_CHANNEL = exports.ANALYTICS_CHANNEL = 'media';
 var context = exports.context = {
   componentName: 'smart-cards',
   packageName: "@atlaskit/smart-card",
-  packageVersion: "38.9.3"
+  packageVersion: "38.10.1"
 };
 var TrackQuickActionType = exports.TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/cjs/utils/flexible.js

@@ -7,17 +7,14 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.isStyleCacheProvider = exports.isFlexibleUiTitleBlock = exports.isFlexibleUiPreviewBlock = exports.isFlexibleUiFooterBlock = exports.isFlexibleUiElement = exports.isFlexibleUiCard = exports.isFlexibleUiBlock = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _blocks = _interopRequireWildcard(require("../view/FlexibleCard/components/blocks"));
 var Blocks = _blocks;
 var Elements = _interopRequireWildcard(require("../view/FlexibleCard/components/elements"));
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var isFlexibleUiCard = exports.isFlexibleUiCard = function isFlexibleUiCard(children, ui) {
-  if ((0, _platformFeatureFlags.fg)('platform-linking-flexible-card-openness')) {
-    if (ui !== null && ui !== void 0 && ui.removeBlockRestriction) {
-      var _React$Children$toArr;
-      return children && ((_React$Children$toArr = _react.default.Children.toArray(children)) === null || _React$Children$toArr === void 0 ? void 0 : _React$Children$toArr.length) > 0 ? true : false;
-    }
+  if (ui !== null && ui !== void 0 && ui.removeBlockRestriction) {
+    var _React$Children$toArr;
+    return children && ((_React$Children$toArr = _react.default.Children.toArray(children)) === null || _React$Children$toArr === void 0 ? void 0 : _React$Children$toArr.length) > 0 ? true : false;
   }
   if (children && _react.default.Children.toArray(children).some(function (child) {
     return _isFlexibleUiTitleBlock(child);

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

@@ -8,7 +8,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.CardWithUrlContent = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _analyticsNext = require("@atlaskit/analytics-next");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _useAnalyticsEvents2 = require("../../common/analytics/generated/use-analytics-events");
 var _constants = require("../../constants");
 var _state = require("../../state");
@@ -73,7 +72,7 @@ function Component(_ref) {
   var resourceType = (0, _helpers.getResourceType)(state.details);
   var services = (0, _helpers.getServices)(state.details);
   var isFlexibleUi = (0, _react.useMemo)(function () {
-    return (0, _flexible.isFlexibleUiCard)(children, (0, _platformFeatureFlags.fg)('platform-linking-flexible-card-openness') ? ui : undefined);
+    return (0, _flexible.isFlexibleUiCard)(children, ui);
   }, [children, ui]);
   var actionOptions = (0, _combineActionOptions.combineActionOptions)({
     actionOptions: actionOptionsProp,
@@ -300,7 +299,7 @@ function Component(_ref) {
   }
 }
 var CardWithUrlContent = exports.CardWithUrlContent = function CardWithUrlContent(props) {
-  var display = (0, _flexible.isFlexibleUiCard)(props.children, (0, _platformFeatureFlags.fg)('platform-linking-flexible-card-openness') ? props === null || props === void 0 ? void 0 : props.ui : undefined) ? _constants.CardDisplay.Flexible : props.appearance;
+  var display = (0, _flexible.isFlexibleUiCard)(props.children, props === null || props === void 0 ? void 0 : props.ui) ? _constants.CardDisplay.Flexible : props.appearance;
   return /*#__PURE__*/_react.default.createElement(_modal.SmartLinkModalProvider, null, /*#__PURE__*/_react.default.createElement(_SmartLinkAnalyticsContext.SmartLinkAnalyticsContext, {
     url: props.url,
     id: props.id,

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

@@ -13,7 +13,6 @@ var _react = _interopRequireWildcard(require("react"));
 var _reactErrorBoundary = require("react-error-boundary");
 var _reactMagneticDi = require("react-magnetic-di");
 var _uuid = _interopRequireDefault(require("uuid"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _useAnalyticsEvents2 = require("../../common/analytics/generated/use-analytics-events");
 var _analytics = require("../../state/analytics");
 var _utils = require("../../utils");
@@ -72,7 +71,7 @@ function CardWithURLRenderer(props) {
     resolvingPlaceholder = props.resolvingPlaceholder,
     truncateInline = props.truncateInline,
     CompetitorPrompt = props.CompetitorPrompt;
-  var isFlexibleUi = (0, _flexible.isFlexibleUiCard)(children, (0, _platformFeatureFlags.fg)('platform-linking-flexible-card-openness') ? ui : undefined);
+  var isFlexibleUi = (0, _flexible.isFlexibleUiCard)(children, ui);
   var analyticsContext = (0, _SmartLinkAnalyticsContext.useSmartLinkAnalyticsContext)({
     display: isFlexibleUi ? 'flexible' : appearance,
     id: id,

package/dist/cjs/view/FlexibleCard/components/actions/action/action-button/index.js

@@ -203,7 +203,7 @@ var ActionButtonNew = function ActionButtonNew(_ref2) {
 };
 var ActionButtonHideLegacyButton = function ActionButtonHideLegacyButton(props) {
   var ui = (0, _flexibleUiContext.useFlexibleUiOptionContext)();
-  if (ui !== null && ui !== void 0 && ui.hideLegacyButton || ui !== null && ui !== void 0 && ui.removeBlockRestriction && (0, _platformFeatureFlags.fg)('platform-linking-flexible-card-openness')) {
+  if (ui !== null && ui !== void 0 && ui.hideLegacyButton || ui !== null && ui !== void 0 && ui.removeBlockRestriction) {
     return /*#__PURE__*/_react.default.createElement(ActionButtonRefreshNewWithOverrideCss, props);
   }
   return /*#__PURE__*/_react.default.createElement(ActionButtonNew, props);

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

@@ -46,10 +46,8 @@ var getChildrenOptions = exports.getChildrenOptions = function getChildrenOption
   return options;
 };
 var filterChildren = function filterChildren(children, removeBlockRestriction) {
-  if ((0, _platformFeatureFlags.fg)('platform-linking-flexible-card-openness')) {
-    if (removeBlockRestriction) {
-      return children;
-    }
+  if (removeBlockRestriction) {
+    return children;
   }
   return _react.default.Children.map(children, function (child) {
     return /*#__PURE__*/_react.default.isValidElement(child) && (0, _flexible.isFlexibleUiBlock)(child) ? child : undefined;
@@ -93,10 +91,8 @@ var renderChildren = function renderChildren(children, containerSize, containerT
         status: status
       });
     }
-    if ((0, _platformFeatureFlags.fg)('platform-linking-flexible-card-openness')) {
-      if (removeBlockRestriction) {
-        return child;
-      }
+    if (removeBlockRestriction) {
+      return child;
     }
   });
 };

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

@@ -20,7 +20,7 @@ var _elements = require("./components/elements");
  * DO NOT add a new prop to these components until we are ready to support it externally.
  */
 
-// ---- EXPORTED METADATA COMPONENT ---- //
+// ---- EXPORTED METADATA COMPONENTS ---- //
 var AssignedToElement = exports.AssignedToElement = function AssignedToElement() {
   return /*#__PURE__*/_react.default.createElement(_elements.AssignedTo, null);
 };
@@ -128,8 +128,8 @@ var SentOnElement = exports.SentOnElement = function SentOnElement() {
 };
 var SnippetElement = exports.SnippetElement = function SnippetElement(props) {
   return /*#__PURE__*/_react.default.createElement(_elements.Snippet, {
-    maxLines: props.maxLines,
-    content: props.text
+    maxLines: props === null || props === void 0 ? void 0 : props.maxLines,
+    content: props === null || props === void 0 ? void 0 : props.text
   });
 };
 var SourceBranchElement = exports.SourceBranchElement = function SourceBranchElement() {
@@ -180,8 +180,8 @@ var CopyLinkAction = exports.CopyLinkAction = function CopyLinkAction(props) {
 };
 var CustomAction = exports.CustomAction = function CustomAction(props) {
   return /*#__PURE__*/_react.default.createElement(_actions.CustomAction, (0, _extends2.default)({}, toActionProps(props), {
-    content: props === null || props === void 0 ? void 0 : props.children,
-    onClick: props === null || props === void 0 ? void 0 : props.onClick
+    content: props.children,
+    onClick: props.onClick
   }));
 };
 var DownloadAction = exports.DownloadAction = function DownloadAction(props) {

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

@@ -20,7 +20,7 @@ var _excluded = ["href", "children", "checkSafety", "onClick", "testId", "isLink
   _excluded2 = ["isLinkSafe", "showSafetyWarningModal"];
 var PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "38.9.3",
+  packageVersion: "38.10.1",
   componentName: 'linkUrl'
 };
 var Anchor = (0, _click.withLinkClickedEvent)('a');

package/dist/es2019/utils/analytics/analytics.js

@@ -2,7 +2,7 @@ export const ANALYTICS_CHANNEL = 'media';
 export const context = {
   componentName: 'smart-cards',
   packageName: "@atlaskit/smart-card",
-  packageVersion: "38.9.3"
+  packageVersion: "38.10.1"
 };
 export let TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/es2019/utils/flexible.js

@@ -1,14 +1,11 @@
 import React from 'react';
-import { fg } from '@atlaskit/platform-feature-flags';
 import * as Blocks from '../view/FlexibleCard/components/blocks';
 import { FooterBlock, PreviewBlock, TitleBlock } from '../view/FlexibleCard/components/blocks';
 import * as Elements from '../view/FlexibleCard/components/elements';
 export const isFlexibleUiCard = (children, ui) => {
-  if (fg('platform-linking-flexible-card-openness')) {
-    if (ui !== null && ui !== void 0 && ui.removeBlockRestriction) {
-      var _React$Children$toArr;
-      return children && ((_React$Children$toArr = React.Children.toArray(children)) === null || _React$Children$toArr === void 0 ? void 0 : _React$Children$toArr.length) > 0 ? true : false;
-    }
+  if (ui !== null && ui !== void 0 && ui.removeBlockRestriction) {
+    var _React$Children$toArr;
+    return children && ((_React$Children$toArr = React.Children.toArray(children)) === null || _React$Children$toArr === void 0 ? void 0 : _React$Children$toArr.length) > 0 ? true : false;
   }
   if (children && React.Children.toArray(children).some(child => isFlexibleUiTitleBlock(child))) {
     return true;

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

@@ -1,6 +1,5 @@
 import React, { useCallback, useEffect, useMemo } from 'react';
 import { useAnalyticsEvents as useAnalyticsEventsNext } from '@atlaskit/analytics-next';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { useAnalyticsEvents } from '../../common/analytics/generated/use-analytics-events';
 import { CardDisplay } from '../../constants';
 import { useSmartLink } from '../../state';
@@ -67,7 +66,7 @@ function Component({
   const extensionKey = getExtensionKey(state.details);
   const resourceType = getResourceType(state.details);
   const services = getServices(state.details);
-  let isFlexibleUi = useMemo(() => isFlexibleUiCard(children, fg('platform-linking-flexible-card-openness') ? ui : undefined), [children, ui]);
+  let isFlexibleUi = useMemo(() => isFlexibleUiCard(children, ui), [children, ui]);
   const actionOptions = combineActionOptions({
     actionOptions: actionOptionsProp,
     platform
@@ -289,7 +288,7 @@ function Component({
   }
 }
 export const CardWithUrlContent = props => {
-  const display = isFlexibleUiCard(props.children, fg('platform-linking-flexible-card-openness') ? props === null || props === void 0 ? void 0 : props.ui : undefined) ? CardDisplay.Flexible : props.appearance;
+  const display = isFlexibleUiCard(props.children, props === null || props === void 0 ? void 0 : props.ui) ? CardDisplay.Flexible : props.appearance;
   return /*#__PURE__*/React.createElement(SmartLinkModalProvider, null, /*#__PURE__*/React.createElement(SmartLinkAnalyticsContext, {
     url: props.url,
     id: props.id,

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

@@ -2,7 +2,6 @@ import React, { lazy, Suspense, useCallback, useEffect, useState } from 'react';
 import { ErrorBoundary } from 'react-error-boundary';
 import { di } from 'react-magnetic-di';
 import uuid from 'uuid';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { useAnalyticsEvents } from '../../common/analytics/generated/use-analytics-events';
 import { failUfoExperience, startUfoExperience } from '../../state/analytics';
 import { importWithRetry } from '../../utils';
@@ -51,7 +50,7 @@ export function CardWithURLRenderer(props) {
     truncateInline,
     CompetitorPrompt
   } = props;
-  const isFlexibleUi = isFlexibleUiCard(children, fg('platform-linking-flexible-card-openness') ? ui : undefined);
+  const isFlexibleUi = isFlexibleUiCard(children, ui);
   const analyticsContext = useSmartLinkAnalyticsContext({
     display: isFlexibleUi ? 'flexible' : appearance,
     id,

package/dist/es2019/view/FlexibleCard/components/actions/action/action-button/index.js

@@ -184,7 +184,7 @@ const ActionButtonNew = ({
 };
 const ActionButtonHideLegacyButton = props => {
   const ui = useFlexibleUiOptionContext();
-  if (ui !== null && ui !== void 0 && ui.hideLegacyButton || ui !== null && ui !== void 0 && ui.removeBlockRestriction && fg('platform-linking-flexible-card-openness')) {
+  if (ui !== null && ui !== void 0 && ui.hideLegacyButton || ui !== null && ui !== void 0 && ui.removeBlockRestriction) {
     return /*#__PURE__*/React.createElement(ActionButtonRefreshNewWithOverrideCss, props);
   }
   return /*#__PURE__*/React.createElement(ActionButtonNew, props);

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

@@ -36,10 +36,8 @@ export const getChildrenOptions = (children, context) => {
   return options;
 };
 const filterChildren = (children, removeBlockRestriction) => {
-  if (fg('platform-linking-flexible-card-openness')) {
-    if (removeBlockRestriction) {
-      return children;
-    }
+  if (removeBlockRestriction) {
+    return children;
   }
   return React.Children.map(children, child => /*#__PURE__*/React.isValidElement(child) && isFlexibleUiBlock(child) ? child : undefined);
 };
@@ -86,10 +84,8 @@ const renderChildren = (children, containerSize, containerTheme, status, retry,
         status
       });
     }
-    if (fg('platform-linking-flexible-card-openness')) {
-      if (removeBlockRestriction) {
-        return child;
-      }
+    if (removeBlockRestriction) {
+      return child;
     }
   });
 };

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

@@ -12,7 +12,8 @@ import { fg } from '@atlaskit/platform-feature-flags';
 import { SmartLinkSize } from '../../constants';
 import { CopyLinkAction as CopyLinkActionComponent, CustomAction as CustomActionComponent, DownloadAction as DownloadActionComponent, FollowAction as FollowActionComponent, PreviewAction as PreviewActionComponent, UnresolvedAction as UnresolvedActionComponent } from './components/actions';
 import { AssignedTo, AssignedToGroup, AttachmentCount, AuthorGroup, ChecklistProgress, CollaboratorGroup, CommentCount, CreatedBy, CreatedOn, DueOn, LatestCommit, LinkIcon, Location, ModifiedBy, ModifiedOn, OwnedBy, OwnedByGroup, Preview, Priority, ProgrammingLanguage, Provider, ReactCount, ReadTime, SentOn, Snippet, SourceBranch, State, StoryPoints, SubscriberCount, SubTasksProgress, TargetBranch, Title, ViewCount, VoteCount } from './components/elements';
-// ---- EXPORTED METADATA COMPONENT ---- //
+
+// ---- EXPORTED METADATA COMPONENTS ---- //
 export const AssignedToElement = () => /*#__PURE__*/React.createElement(AssignedTo, null);
 export const AssignedToGroupElement = () => /*#__PURE__*/React.createElement(AssignedToGroup, null);
 export const AttachmentCountElement = () => /*#__PURE__*/React.createElement(AttachmentCount, null);
@@ -83,8 +84,8 @@ export const ReactCountElement = props => {
 export const ReadTimeElement = () => /*#__PURE__*/React.createElement(ReadTime, null);
 export const SentOnElement = () => /*#__PURE__*/React.createElement(SentOn, null);
 export const SnippetElement = props => /*#__PURE__*/React.createElement(Snippet, {
-  maxLines: props.maxLines,
-  content: props.text
+  maxLines: props === null || props === void 0 ? void 0 : props.maxLines,
+  content: props === null || props === void 0 ? void 0 : props.text
 });
 export const SourceBranchElement = () => /*#__PURE__*/React.createElement(SourceBranch, null);
 export const StateElement = () => /*#__PURE__*/React.createElement(State, null);
@@ -113,8 +114,8 @@ export const toActionProps = props => {
 };
 export const CopyLinkAction = props => /*#__PURE__*/React.createElement(CopyLinkActionComponent, toActionProps(props));
 export const CustomAction = props => /*#__PURE__*/React.createElement(CustomActionComponent, _extends({}, toActionProps(props), {
-  content: props === null || props === void 0 ? void 0 : props.children,
-  onClick: props === null || props === void 0 ? void 0 : props.onClick
+  content: props.children,
+  onClick: props.onClick
 }));
 export const DownloadAction = props => /*#__PURE__*/React.createElement(DownloadActionComponent, toActionProps(props));
 export const FollowAction = props => /*#__PURE__*/React.createElement(FollowActionComponent, toActionProps(props));

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

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

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

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

package/dist/esm/utils/flexible.js

@@ -1,14 +1,11 @@
 import React from 'react';
-import { fg } from '@atlaskit/platform-feature-flags';
 import * as Blocks from '../view/FlexibleCard/components/blocks';
 import { FooterBlock, PreviewBlock, TitleBlock } from '../view/FlexibleCard/components/blocks';
 import * as Elements from '../view/FlexibleCard/components/elements';
 export var isFlexibleUiCard = function isFlexibleUiCard(children, ui) {
-  if (fg('platform-linking-flexible-card-openness')) {
-    if (ui !== null && ui !== void 0 && ui.removeBlockRestriction) {
-      var _React$Children$toArr;
-      return children && ((_React$Children$toArr = React.Children.toArray(children)) === null || _React$Children$toArr === void 0 ? void 0 : _React$Children$toArr.length) > 0 ? true : false;
-    }
+  if (ui !== null && ui !== void 0 && ui.removeBlockRestriction) {
+    var _React$Children$toArr;
+    return children && ((_React$Children$toArr = React.Children.toArray(children)) === null || _React$Children$toArr === void 0 ? void 0 : _React$Children$toArr.length) > 0 ? true : false;
   }
   if (children && React.Children.toArray(children).some(function (child) {
     return _isFlexibleUiTitleBlock(child);

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

@@ -1,6 +1,5 @@
 import React, { useCallback, useEffect, useMemo } from 'react';
 import { useAnalyticsEvents as useAnalyticsEventsNext } from '@atlaskit/analytics-next';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { useAnalyticsEvents } from '../../common/analytics/generated/use-analytics-events';
 import { CardDisplay } from '../../constants';
 import { useSmartLink } from '../../state';
@@ -64,7 +63,7 @@ function Component(_ref) {
   var resourceType = getResourceType(state.details);
   var services = getServices(state.details);
   var isFlexibleUi = useMemo(function () {
-    return isFlexibleUiCard(children, fg('platform-linking-flexible-card-openness') ? ui : undefined);
+    return isFlexibleUiCard(children, ui);
   }, [children, ui]);
   var actionOptions = combineActionOptions({
     actionOptions: actionOptionsProp,
@@ -291,7 +290,7 @@ function Component(_ref) {
   }
 }
 export var CardWithUrlContent = function CardWithUrlContent(props) {
-  var display = isFlexibleUiCard(props.children, fg('platform-linking-flexible-card-openness') ? props === null || props === void 0 ? void 0 : props.ui : undefined) ? CardDisplay.Flexible : props.appearance;
+  var display = isFlexibleUiCard(props.children, props === null || props === void 0 ? void 0 : props.ui) ? CardDisplay.Flexible : props.appearance;
   return /*#__PURE__*/React.createElement(SmartLinkModalProvider, null, /*#__PURE__*/React.createElement(SmartLinkAnalyticsContext, {
     url: props.url,
     id: props.id,

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

@@ -6,7 +6,6 @@ import React, { lazy, Suspense, useCallback, useEffect, useState } from 'react';
 import { ErrorBoundary } from 'react-error-boundary';
 import { di } from 'react-magnetic-di';
 import uuid from 'uuid';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { useAnalyticsEvents } from '../../common/analytics/generated/use-analytics-events';
 import { failUfoExperience, startUfoExperience } from '../../state/analytics';
 import { importWithRetry } from '../../utils';
@@ -60,7 +59,7 @@ export function CardWithURLRenderer(props) {
     resolvingPlaceholder = props.resolvingPlaceholder,
     truncateInline = props.truncateInline,
     CompetitorPrompt = props.CompetitorPrompt;
-  var isFlexibleUi = isFlexibleUiCard(children, fg('platform-linking-flexible-card-openness') ? ui : undefined);
+  var isFlexibleUi = isFlexibleUiCard(children, ui);
   var analyticsContext = useSmartLinkAnalyticsContext({
     display: isFlexibleUi ? 'flexible' : appearance,
     id: id,

package/dist/esm/view/FlexibleCard/components/actions/action/action-button/index.js

@@ -194,7 +194,7 @@ var ActionButtonNew = function ActionButtonNew(_ref2) {
 };
 var ActionButtonHideLegacyButton = function ActionButtonHideLegacyButton(props) {
   var ui = useFlexibleUiOptionContext();
-  if (ui !== null && ui !== void 0 && ui.hideLegacyButton || ui !== null && ui !== void 0 && ui.removeBlockRestriction && fg('platform-linking-flexible-card-openness')) {
+  if (ui !== null && ui !== void 0 && ui.hideLegacyButton || ui !== null && ui !== void 0 && ui.removeBlockRestriction) {
     return /*#__PURE__*/React.createElement(ActionButtonRefreshNewWithOverrideCss, props);
   }
   return /*#__PURE__*/React.createElement(ActionButtonNew, props);

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

@@ -40,10 +40,8 @@ export var getChildrenOptions = function getChildrenOptions(children, context) {
   return options;
 };
 var filterChildren = function filterChildren(children, removeBlockRestriction) {
-  if (fg('platform-linking-flexible-card-openness')) {
-    if (removeBlockRestriction) {
-      return children;
-    }
+  if (removeBlockRestriction) {
+    return children;
   }
   return React.Children.map(children, function (child) {
     return /*#__PURE__*/React.isValidElement(child) && isFlexibleUiBlock(child) ? child : undefined;
@@ -87,10 +85,8 @@ var renderChildren = function renderChildren(children, containerSize, containerT
         status: status
       });
     }
-    if (fg('platform-linking-flexible-card-openness')) {
-      if (removeBlockRestriction) {
-        return child;
-      }
+    if (removeBlockRestriction) {
+      return child;
     }
   });
 };

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

@@ -12,7 +12,8 @@ import { fg } from '@atlaskit/platform-feature-flags';
 import { SmartLinkSize } from '../../constants';
 import { CopyLinkAction as CopyLinkActionComponent, CustomAction as CustomActionComponent, DownloadAction as DownloadActionComponent, FollowAction as FollowActionComponent, PreviewAction as PreviewActionComponent, UnresolvedAction as UnresolvedActionComponent } from './components/actions';
 import { AssignedTo, AssignedToGroup, AttachmentCount, AuthorGroup, ChecklistProgress, CollaboratorGroup, CommentCount, CreatedBy, CreatedOn, DueOn, LatestCommit, LinkIcon, Location, ModifiedBy, ModifiedOn, OwnedBy, OwnedByGroup, Preview, Priority, ProgrammingLanguage, Provider, ReactCount, ReadTime, SentOn, Snippet, SourceBranch, State, StoryPoints, SubscriberCount, SubTasksProgress, TargetBranch, Title, ViewCount, VoteCount } from './components/elements';
-// ---- EXPORTED METADATA COMPONENT ---- //
+
+// ---- EXPORTED METADATA COMPONENTS ---- //
 export var AssignedToElement = function AssignedToElement() {
   return /*#__PURE__*/React.createElement(AssignedTo, null);
 };
@@ -120,8 +121,8 @@ export var SentOnElement = function SentOnElement() {
 };
 export var SnippetElement = function SnippetElement(props) {
   return /*#__PURE__*/React.createElement(Snippet, {
-    maxLines: props.maxLines,
-    content: props.text
+    maxLines: props === null || props === void 0 ? void 0 : props.maxLines,
+    content: props === null || props === void 0 ? void 0 : props.text
   });
 };
 export var SourceBranchElement = function SourceBranchElement() {
@@ -172,8 +173,8 @@ export var CopyLinkAction = function CopyLinkAction(props) {
 };
 export var CustomAction = function CustomAction(props) {
   return /*#__PURE__*/React.createElement(CustomActionComponent, _extends({}, toActionProps(props), {
-    content: props === null || props === void 0 ? void 0 : props.children,
-    onClick: props === null || props === void 0 ? void 0 : props.onClick
+    content: props.children,
+    onClick: props.onClick
   }));
 };
 export var DownloadAction = function DownloadAction(props) {

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

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

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

@@ -7,53 +7,54 @@
  * DO NOT add a new prop to these components until we are ready to support it externally.
  */
 import React from 'react';
-import type { BaseBadgeElementProps, BaseDateTimeElementProps, BaseIconElementProps, BaseLinkElementProps, BaseTextElementProps } from './components/elements/common';
-import type { PreviewElementProps } from './components/elements/preview-element';
+import { Prettify } from '@atlaskit/linking-common';
+import { CommentCount, LinkIcon, ModifiedOn, OwnedBy, Preview, ReactCount, Snippet, Title } from './components/elements';
 export declare const AssignedToElement: () => React.JSX.Element;
 export declare const AssignedToGroupElement: () => React.JSX.Element;
 export declare const AttachmentCountElement: () => React.JSX.Element;
 export declare const AuthorGroupElement: () => React.JSX.Element;
 export declare const ChecklistProgressElement: () => React.JSX.Element;
 export declare const CollaboratorGroupElement: () => React.JSX.Element;
-type CommentCountElementProps = Pick<BaseBadgeElementProps, 'color'>;
+type CommentCountElementProps = Pick<React.ComponentProps<typeof CommentCount>, 'color'>;
 export declare const CommentCountElement: (props?: CommentCountElementProps) => React.JSX.Element;
 export declare const CreatedOnElement: () => React.JSX.Element;
 export declare const CreatedByElement: () => React.JSX.Element;
 export declare const DueOnElement: () => React.JSX.Element;
 export declare const LatestCommitElement: () => React.JSX.Element;
-type LinkIconElementProps = Pick<BaseIconElementProps, 'render'> & {
+type LinkIconElementProps = Prettify<Pick<React.ComponentProps<typeof LinkIcon>, 'render'> & {
     iconTileSize?: 16 | 24;
-};
+}>;
 export declare const LinkIconElement: (props?: LinkIconElementProps) => React.JSX.Element;
 export declare const LocationElement: () => React.JSX.Element;
 export declare const ModifiedByElement: () => React.JSX.Element;
-type ModifiedOnElementProps = Pick<BaseDateTimeElementProps, 'hideDatePrefix' | 'color'>;
+type ModifiedOnElementProps = Pick<React.ComponentProps<typeof ModifiedOn>, 'hideDatePrefix' | 'color'>;
 export declare const ModifiedOnElement: (props?: ModifiedOnElementProps) => React.JSX.Element;
-type OwnedByElementProps = Pick<BaseTextElementProps, 'hideFormat' | 'color'>;
+type OwnedByElementProps = Pick<React.ComponentProps<typeof OwnedBy>, 'hideFormat' | 'color'>;
 export declare const OwnedByElement: (props?: OwnedByElementProps) => React.JSX.Element;
 export declare const OwnedByGroupElement: () => React.JSX.Element;
-export declare const PreviewElement: (props: Omit<PreviewElementProps, 'overrideUrl'> & {
-    url?: PreviewElementProps['overrideUrl'];
-}) => React.JSX.Element;
+type PreviewElementProps = {
+    url?: React.ComponentProps<typeof Preview>['overrideUrl'];
+};
+export declare const PreviewElement: (props?: PreviewElementProps) => React.JSX.Element;
 export declare const PriorityElement: () => React.JSX.Element;
 export declare const ProgrammingLanguageElement: () => React.JSX.Element;
 export declare const ProviderElement: () => React.JSX.Element;
-type ReactCountElementProps = Pick<BaseBadgeElementProps, 'color'>;
+type ReactCountElementProps = Pick<React.ComponentProps<typeof ReactCount>, 'color'>;
 export declare const ReactCountElement: (props?: ReactCountElementProps) => React.JSX.Element;
 export declare const ReadTimeElement: () => React.JSX.Element;
 export declare const SentOnElement: () => React.JSX.Element;
-export type SnippetElementProps = Pick<BaseTextElementProps, 'maxLines'> & {
-    text?: BaseTextElementProps['content'];
-};
-export declare const SnippetElement: (props: SnippetElementProps) => React.JSX.Element;
+export type SnippetElementProps = Prettify<Pick<React.ComponentProps<typeof Snippet>, 'maxLines'> & {
+    text?: React.ComponentProps<typeof Snippet>['content'];
+}>;
+export declare const SnippetElement: (props?: SnippetElementProps) => React.JSX.Element;
 export declare const SourceBranchElement: () => React.JSX.Element;
 export declare const StateElement: () => React.JSX.Element;
 export declare const StoryPointsElement: () => React.JSX.Element;
 export declare const SubscriberCountElement: () => React.JSX.Element;
 export declare const SubTasksProgressElement: () => React.JSX.Element;
 export declare const TargetBranchElement: () => React.JSX.Element;
-export type TitleElementProps = Pick<BaseLinkElementProps, 'hideTooltip' | 'maxLines' | 'target' | 'text'>;
-export declare const TitleElement: (props: TitleElementProps) => React.JSX.Element;
+export type TitleElementProps = Pick<React.ComponentProps<typeof Title>, 'hideTooltip' | 'maxLines' | 'target' | 'text'>;
+export declare const TitleElement: (props?: TitleElementProps) => React.JSX.Element;
 export declare const ViewCountElement: () => React.JSX.Element;
 export declare const VoteCountElement: () => React.JSX.Element;
 type BaseActionProps = {
@@ -65,10 +66,10 @@ export declare const toActionProps: (props?: BaseActionProps) => {
 };
 export type CopyLinkActionProps = BaseActionProps;
 export declare const CopyLinkAction: (props: CopyLinkActionProps) => React.JSX.Element;
-export type CustomActionProps = BaseActionProps & {
+export type CustomActionProps = Prettify<BaseActionProps & {
     children: React.ReactNode;
     onClick: () => void;
-};
+}>;
 export declare const CustomAction: (props: CustomActionProps) => React.JSX.Element;
 export type DownloadActionProps = BaseActionProps;
 export declare const DownloadAction: (props: DownloadActionProps) => React.JSX.Element;

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

@@ -7,53 +7,54 @@
  * DO NOT add a new prop to these components until we are ready to support it externally.
  */
 import React from 'react';
-import type { BaseBadgeElementProps, BaseDateTimeElementProps, BaseIconElementProps, BaseLinkElementProps, BaseTextElementProps } from './components/elements/common';
-import type { PreviewElementProps } from './components/elements/preview-element';
+import { Prettify } from '@atlaskit/linking-common';
+import { CommentCount, LinkIcon, ModifiedOn, OwnedBy, Preview, ReactCount, Snippet, Title } from './components/elements';
 export declare const AssignedToElement: () => React.JSX.Element;
 export declare const AssignedToGroupElement: () => React.JSX.Element;
 export declare const AttachmentCountElement: () => React.JSX.Element;
 export declare const AuthorGroupElement: () => React.JSX.Element;
 export declare const ChecklistProgressElement: () => React.JSX.Element;
 export declare const CollaboratorGroupElement: () => React.JSX.Element;
-type CommentCountElementProps = Pick<BaseBadgeElementProps, 'color'>;
+type CommentCountElementProps = Pick<React.ComponentProps<typeof CommentCount>, 'color'>;
 export declare const CommentCountElement: (props?: CommentCountElementProps) => React.JSX.Element;
 export declare const CreatedOnElement: () => React.JSX.Element;
 export declare const CreatedByElement: () => React.JSX.Element;
 export declare const DueOnElement: () => React.JSX.Element;
 export declare const LatestCommitElement: () => React.JSX.Element;
-type LinkIconElementProps = Pick<BaseIconElementProps, 'render'> & {
+type LinkIconElementProps = Prettify<Pick<React.ComponentProps<typeof LinkIcon>, 'render'> & {
     iconTileSize?: 16 | 24;
-};
+}>;
 export declare const LinkIconElement: (props?: LinkIconElementProps) => React.JSX.Element;
 export declare const LocationElement: () => React.JSX.Element;
 export declare const ModifiedByElement: () => React.JSX.Element;
-type ModifiedOnElementProps = Pick<BaseDateTimeElementProps, 'hideDatePrefix' | 'color'>;
+type ModifiedOnElementProps = Pick<React.ComponentProps<typeof ModifiedOn>, 'hideDatePrefix' | 'color'>;
 export declare const ModifiedOnElement: (props?: ModifiedOnElementProps) => React.JSX.Element;
-type OwnedByElementProps = Pick<BaseTextElementProps, 'hideFormat' | 'color'>;
+type OwnedByElementProps = Pick<React.ComponentProps<typeof OwnedBy>, 'hideFormat' | 'color'>;
 export declare const OwnedByElement: (props?: OwnedByElementProps) => React.JSX.Element;
 export declare const OwnedByGroupElement: () => React.JSX.Element;
-export declare const PreviewElement: (props: Omit<PreviewElementProps, 'overrideUrl'> & {
-    url?: PreviewElementProps['overrideUrl'];
-}) => React.JSX.Element;
+type PreviewElementProps = {
+    url?: React.ComponentProps<typeof Preview>['overrideUrl'];
+};
+export declare const PreviewElement: (props?: PreviewElementProps) => React.JSX.Element;
 export declare const PriorityElement: () => React.JSX.Element;
 export declare const ProgrammingLanguageElement: () => React.JSX.Element;
 export declare const ProviderElement: () => React.JSX.Element;
-type ReactCountElementProps = Pick<BaseBadgeElementProps, 'color'>;
+type ReactCountElementProps = Pick<React.ComponentProps<typeof ReactCount>, 'color'>;
 export declare const ReactCountElement: (props?: ReactCountElementProps) => React.JSX.Element;
 export declare const ReadTimeElement: () => React.JSX.Element;
 export declare const SentOnElement: () => React.JSX.Element;
-export type SnippetElementProps = Pick<BaseTextElementProps, 'maxLines'> & {
-    text?: BaseTextElementProps['content'];
-};
-export declare const SnippetElement: (props: SnippetElementProps) => React.JSX.Element;
+export type SnippetElementProps = Prettify<Pick<React.ComponentProps<typeof Snippet>, 'maxLines'> & {
+    text?: React.ComponentProps<typeof Snippet>['content'];
+}>;
+export declare const SnippetElement: (props?: SnippetElementProps) => React.JSX.Element;
 export declare const SourceBranchElement: () => React.JSX.Element;
 export declare const StateElement: () => React.JSX.Element;
 export declare const StoryPointsElement: () => React.JSX.Element;
 export declare const SubscriberCountElement: () => React.JSX.Element;
 export declare const SubTasksProgressElement: () => React.JSX.Element;
 export declare const TargetBranchElement: () => React.JSX.Element;
-export type TitleElementProps = Pick<BaseLinkElementProps, 'hideTooltip' | 'maxLines' | 'target' | 'text'>;
-export declare const TitleElement: (props: TitleElementProps) => React.JSX.Element;
+export type TitleElementProps = Pick<React.ComponentProps<typeof Title>, 'hideTooltip' | 'maxLines' | 'target' | 'text'>;
+export declare const TitleElement: (props?: TitleElementProps) => React.JSX.Element;
 export declare const ViewCountElement: () => React.JSX.Element;
 export declare const VoteCountElement: () => React.JSX.Element;
 type BaseActionProps = {
@@ -65,10 +66,10 @@ export declare const toActionProps: (props?: BaseActionProps) => {
 };
 export type CopyLinkActionProps = BaseActionProps;
 export declare const CopyLinkAction: (props: CopyLinkActionProps) => React.JSX.Element;
-export type CustomActionProps = BaseActionProps & {
+export type CustomActionProps = Prettify<BaseActionProps & {
     children: React.ReactNode;
     onClick: () => void;
-};
+}>;
 export declare const CustomAction: (props: CustomActionProps) => React.JSX.Element;
 export type DownloadActionProps = BaseActionProps;
 export declare const DownloadAction: (props: DownloadActionProps) => React.JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "38.10.0",
+	"version": "38.10.2",
 	"description": "Smart card component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -34,8 +34,8 @@
 		"@atlaskit/badge": "^18.1.0",
 		"@atlaskit/button": "^23.2.0",
 		"@atlaskit/checkbox": "^17.1.0",
-		"@atlaskit/css": "^0.10.0",
-		"@atlaskit/dropdown-menu": "^16.0.0",
+		"@atlaskit/css": "^0.11.0",
+		"@atlaskit/dropdown-menu": "^16.1.0",
 		"@atlaskit/form": "^12.0.0",
 		"@atlaskit/frontend-utilities": "^3.0.0",
 		"@atlaskit/heading": "^5.2.0",
@@ -51,7 +51,7 @@
 		"@atlaskit/link-analytics": "^10.0.0",
 		"@atlaskit/link-client-extension": "^5.0.0",
 		"@atlaskit/link-extractors": "^2.3.0",
-		"@atlaskit/linking-common": "^9.0.0",
+		"@atlaskit/linking-common": "^9.1.0",
 		"@atlaskit/linking-types": "^12.0.0",
 		"@atlaskit/logo": "^19.1.0",
 		"@atlaskit/lozenge": "^13.0.0",
@@ -60,14 +60,14 @@
 		"@atlaskit/outbound-auth-flow-client": "^3.4.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/popup": "^4.3.0",
-		"@atlaskit/primitives": "^14.8.0",
+		"@atlaskit/primitives": "^14.9.0",
 		"@atlaskit/section-message": "^8.2.0",
 		"@atlaskit/select": "^20.7.0",
 		"@atlaskit/spinner": "^18.0.0",
 		"@atlaskit/textarea": "^8.0.0",
 		"@atlaskit/textfield": "^8.0.0",
 		"@atlaskit/theme": "^18.0.0",
-		"@atlaskit/tokens": "^5.2.0",
+		"@atlaskit/tokens": "^5.3.0",
 		"@atlaskit/tooltip": "^20.3.0",
 		"@atlaskit/ufo": "^0.4.0",
 		"@babel/runtime": "^7.0.0",
@@ -96,13 +96,13 @@
 		"@atlaskit/analytics-listeners": "^9.0.0",
 		"@atlaskit/css-reset": "^7.3.0",
 		"@atlaskit/link-test-helpers": "^8.0.0",
-		"@atlaskit/media-test-helpers": "^36.1.0",
+		"@atlaskit/media-test-helpers": "^37.0.0",
 		"@atlaskit/react-ufo": "^3.13.0",
 		"@atlaskit/ssr": "workspace:^",
 		"@atlaskit/visual-regression": "workspace:^",
 		"@atlassian/analytics-tooling": "^0.5.0",
 		"@atlassian/feature-flags-test-utils": "^0.3.0",
-		"@atlassian/gemini": "^1.18.0",
+		"@atlassian/gemini": "^1.19.0",
 		"@testing-library/dom": "^10.1.0",
 		"@testing-library/jest-dom": "^6.4.5",
 		"@testing-library/react": "^13.4.0",
@@ -224,9 +224,6 @@
 		"platform-linking-visual-refresh-inline-lozenge": {
 			"type": "boolean"
 		},
-		"platform-linking-flexible-card-openness": {
-			"type": "boolean"
-		},
 		"platform-linking-flexible-card-unresolved-action": {
 			"type": "boolean"
 		},