@atlaskit/smart-card 45.20.6 → 45.21.0

package/dist/es2019/view/FlexibleCard/components/actions/automation-action/automation-manual-triggers/manual-triggers-container/services/searchManuallyTriggeredRules.js

@@ -0,0 +1,33 @@
+import { getSearchUrl } from '../common/utils/getSearchUrl';
+import { performPostRequest } from '../common/utils/performPostRequest';
+
+/**
+ * Manual trigger rules API fetch. Fetches a list of manually triggered rules according to the context provided
+ * in query.
+ * @param site - the site ARI to fetch the rules against
+ * @param query - the workspace/container/objects to fetch rules against
+ */
+export const searchManuallyTriggeredRules = async (site, query) => {
+  const url = await getSearchUrl(site);
+  // TODO this will in the new API be a GET request instead, with the above getSearchUrl method
+  // constructing a URL with the appropriate query parameters. For now, instead, we pass the
+  // destructured query through as a POST body.
+  const response = await performPostRequest(url, {
+    body: JSON.stringify(query)
+  });
+  return response.data.reduce((acc, {
+    id,
+    name,
+    ruleScope,
+    userInputs
+  }) => ({
+    // eslint-disable-next-line
+    ...acc,
+    [id]: {
+      id,
+      name,
+      ruleScope,
+      userInputPrompts: userInputs
+    }
+  }), {});
+};

package/dist/es2019/view/FlexibleCard/components/actions/automation-action/automation-manual-triggers/manual-triggers-container/useManualRules.js

@@ -0,0 +1,32 @@
+import { useState } from 'react';
+import { searchManuallyTriggeredRules } from './services/searchManuallyTriggeredRules';
+
+/**
+ * React hook that implements the fetch and invoke actions for manual triggers.
+ * Can be used standalone or in the HOC provided below.
+ * @param site - The site to filter on. We map this to just a cloudId to resolve the manual rules API path
+ * @param query - Query object containing filter props (container, object(s))
+ */
+export const useManualRules = (site, query) => {
+  const [initialised, setInitialised] = useState(false);
+  const [error, setError] = useState(null);
+  const [rules, setRules] = useState([]);
+  const transformRules = ruleResponse => {
+    const rulesUnsorted = Object.values(ruleResponse);
+    return rulesUnsorted.sort((rule1, rule2) => rule1.name.localeCompare(rule2.name));
+  };
+  const triggerFetch = async () => {
+    setInitialised(false);
+    try {
+      const fetchedRules = await searchManuallyTriggeredRules(site, query);
+      setError(null);
+      setRules(transformRules(fetchedRules));
+    } catch (e) {
+      setError(e);
+      setRules([]);
+    } finally {
+      setInitialised(true);
+    }
+  };
+  return [triggerFetch, initialised, error, rules];
+};

package/dist/es2019/view/FlexibleCard/components/actions/automation-action/automation-manual-triggers/manual-triggers-modal/index.js

@@ -1,3 +1,2 @@
 import { AutomationModal } from './main';
-export { AutomationModal } from './main';
 export default AutomationModal;

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

@@ -3,7 +3,7 @@ import { useAnalyticsEvents } from '@atlaskit/analytics-next/useAnalyticsEvents'
 import Modal from '@atlaskit/modal-dialog/modal-dialog';
 import ModalBody from '@atlaskit/modal-dialog/modal-body';
 import ModalFooter from '@atlaskit/modal-dialog/modal-footer';
-import { AutomationMenuContextContainer } from './menu-context';
+import { AutomationMenuContextContainer } from './menu-context/AutomationMenuContextContainer';
 import { AutomationModalBody } from './sub-components/body';
 import { AutomationModalExecutionState } from './sub-components/execution-state-message';
 import { AutomationModalFooter } from './sub-components/footer';

package/dist/es2019/view/FlexibleCard/components/actions/automation-action/automation-manual-triggers/manual-triggers-modal/menu-context/AutomationMenuContext.js

@@ -0,0 +1,6 @@
+// This is another layer on top of the AFE ManualRulesContainer.
+// It is necessary that this container wraps the entire "automation" component and not nested. Else the user input form will not render correctly.
+// This container provides an automation context to all children components through the useAutomationMenu hook.
+
+import { createContext } from 'react';
+export const AutomationMenuContext = /*#__PURE__*/createContext(undefined);

package/dist/es2019/view/FlexibleCard/components/actions/automation-action/automation-manual-triggers/manual-triggers-modal/menu-context/AutomationMenuContextContainer.js

@@ -0,0 +1,55 @@
+// This is another layer on top of the AFE ManualRulesContainer.
+// It is necessary that this container wraps the entire "automation" component and not nested. Else the user input form will not render correctly.
+// This container provides an automation context to all children components through the useAutomationMenu hook.
+
+import React, { useState } from 'react';
+import { ManualRulesContainer } from '../../manual-triggers-container/ManualRulesContainer';
+import { AutomationMenuProvider } from './AutomationMenuProvider';
+export const AutomationMenuContextContainer = ({
+  baseAutomationUrl,
+  analyticsSource,
+  objectAri,
+  siteAri,
+  canManageAutomation,
+  children,
+  emptyStateDescription,
+  emptyStateAdminDescription,
+  onRuleInvocationSuccess,
+  onRuleInvocationFailure,
+  onRuleInvocationLifecycleDone
+}) => {
+  const [ruleExecutionState, setRuleExecutionState] = useState('NONE');
+  return /*#__PURE__*/React.createElement(ManualRulesContainer, {
+    site: siteAri,
+    query: {
+      objects: [objectAri]
+    },
+    onRuleInvocationLifecycleStarted: () => {
+      setRuleExecutionState('NONE');
+    },
+    onRuleInvocationLifecycleDone: onRuleInvocationLifecycleDone,
+    onRuleInvocationSuccess: () => {
+      setRuleExecutionState('SUCCEED');
+      onRuleInvocationSuccess === null || onRuleInvocationSuccess === void 0 ? void 0 : onRuleInvocationSuccess();
+    },
+    onRuleInvocationFailure: () => {
+      setRuleExecutionState('FAILURE');
+      onRuleInvocationFailure === null || onRuleInvocationFailure === void 0 ? void 0 : onRuleInvocationFailure();
+    }
+  }, props => {
+    const contextValue = {
+      ...props,
+      fetchError: props.error,
+      analyticsSource,
+      objectAri,
+      baseAutomationUrl,
+      canManageAutomation,
+      emptyStateDescription,
+      emptyStateAdminDescription,
+      ruleExecutionState
+    };
+    return /*#__PURE__*/React.createElement(AutomationMenuProvider, {
+      value: contextValue
+    }, children());
+  });
+};

package/dist/es2019/view/FlexibleCard/components/actions/automation-action/automation-manual-triggers/manual-triggers-modal/menu-context/AutomationMenuProvider.js

@@ -0,0 +1,15 @@
+// This is another layer on top of the AFE ManualRulesContainer.
+import React from 'react';
+
+// It is necessary that this container wraps the entire "automation" component and not nested. Else the user input form will not render correctly.
+// This container provides an automation context to all children components through the useAutomationMenu hook.
+
+import { AutomationMenuContext } from './AutomationMenuContext';
+export const AutomationMenuProvider = ({
+  children,
+  value
+}) => {
+  return /*#__PURE__*/React.createElement(AutomationMenuContext.Provider, {
+    value: value
+  }, children);
+};

package/dist/es2019/view/FlexibleCard/components/actions/automation-action/automation-manual-triggers/manual-triggers-modal/menu-context/AutomationProviderProps.js

@@ -0,0 +1 @@
+export {};

package/dist/es2019/view/FlexibleCard/components/actions/automation-action/automation-manual-triggers/manual-triggers-modal/menu-context/main.js

@@ -1,71 +1 @@
-// This is another layer on top of the AFE ManualRulesContainer.
-// It is necessary that this container wraps the entire "automation" component and not nested. Else the user input form will not render correctly.
-// This container provides an automation context to all children components through the useAutomationMenu hook.
-import React, { createContext, useContext, useState } from 'react';
-import { ManualRulesContainer } from '../../manual-triggers-container';
-const AutomationMenuContext = /*#__PURE__*/createContext(undefined);
-const AutomationMenuProvider = ({
-  children,
-  value
-}) => {
-  return /*#__PURE__*/React.createElement(AutomationMenuContext.Provider, {
-    value: value
-  }, children);
-};
-
-// Hook that can be used anywhere under the AutomationMenuContextContainer to access the AutomationMenuContext values
-export const useAutomationMenu = () => {
-  const context = useContext(AutomationMenuContext);
-  if (context === undefined) {
-    throw new Error('useAutomationMenu must be used within a AutomationMenuProvider');
-  }
-  return context;
-};
-export const AutomationMenuContextContainer = ({
-  baseAutomationUrl,
-  analyticsSource,
-  objectAri,
-  siteAri,
-  canManageAutomation,
-  children,
-  emptyStateDescription,
-  emptyStateAdminDescription,
-  onRuleInvocationSuccess,
-  onRuleInvocationFailure,
-  onRuleInvocationLifecycleDone
-}) => {
-  const [ruleExecutionState, setRuleExecutionState] = useState('NONE');
-  return /*#__PURE__*/React.createElement(ManualRulesContainer, {
-    site: siteAri,
-    query: {
-      objects: [objectAri]
-    },
-    onRuleInvocationLifecycleStarted: () => {
-      setRuleExecutionState('NONE');
-    },
-    onRuleInvocationLifecycleDone: onRuleInvocationLifecycleDone,
-    onRuleInvocationSuccess: () => {
-      setRuleExecutionState('SUCCEED');
-      onRuleInvocationSuccess === null || onRuleInvocationSuccess === void 0 ? void 0 : onRuleInvocationSuccess();
-    },
-    onRuleInvocationFailure: () => {
-      setRuleExecutionState('FAILURE');
-      onRuleInvocationFailure === null || onRuleInvocationFailure === void 0 ? void 0 : onRuleInvocationFailure();
-    }
-  }, props => {
-    const contextValue = {
-      ...props,
-      fetchError: props.error,
-      analyticsSource,
-      objectAri,
-      baseAutomationUrl,
-      canManageAutomation,
-      emptyStateDescription,
-      emptyStateAdminDescription,
-      ruleExecutionState
-    };
-    return /*#__PURE__*/React.createElement(AutomationMenuProvider, {
-      value: contextValue
-    }, children());
-  });
-};
+export {};

package/dist/es2019/view/FlexibleCard/components/actions/automation-action/automation-manual-triggers/manual-triggers-modal/menu-context/useAutomationMenu.js

@@ -0,0 +1,14 @@
+// This is another layer on top of the AFE ManualRulesContainer.
+// It is necessary that this container wraps the entire "automation" component and not nested. Else the user input form will not render correctly.
+// This container provides an automation context to all children components through the useAutomationMenu hook.
+
+import { useContext } from 'react';
+import { AutomationMenuContext } from './AutomationMenuContext';
+// Hook that can be used anywhere under the AutomationMenuContextContainer to access the AutomationMenuContext values
+export const useAutomationMenu = () => {
+  const context = useContext(AutomationMenuContext);
+  if (context === undefined) {
+    throw new Error('useAutomationMenu must be used within a AutomationMenuProvider');
+  }
+  return context;
+};

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

@@ -1,8 +1,8 @@
 import React, { useEffect } from 'react';
-import { useAutomationMenu } from '../../menu-context';
+import { useAutomationMenu } from '../../menu-context/useAutomationMenu';
 import { AutomationModalErrorState } from '../error-state';
 import { AutomationModalRuleList } from '../rule-list';
-import { Skeleton } from '../skeleton';
+import { Skeleton } from '../skeleton/main';
 export const AutomationModalBody = ({
   selectedRule,
   setSelectedRule

package/dist/es2019/view/FlexibleCard/components/actions/automation-action/automation-manual-triggers/manual-triggers-modal/sub-components/empty-state/main.js

@@ -6,7 +6,7 @@ import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next/useAnalyticsEvents';
 import Link from '@atlaskit/link/link';
 import { Box, Stack } from '@atlaskit/primitives/compiled';
-import { useAutomationMenu } from '../../menu-context';
+import { useAutomationMenu } from '../../menu-context/useAutomationMenu';
 import EmptyIcon from './empty-icon';
 const styles = {
   emptyState: "_19bv1ejb _u5f31ejb _19pk1jfw",

package/dist/es2019/view/FlexibleCard/components/actions/automation-action/automation-manual-triggers/manual-triggers-modal/sub-components/execution-state-message/main.js

@@ -5,7 +5,7 @@ import { ax, ix } from "@compiled/react/runtime";
 import { defineMessages, FormattedMessage } from 'react-intl';
 import { Box } from '@atlaskit/primitives/compiled';
 import SectionMessage from '@atlaskit/section-message/message';
-import { useAutomationMenu } from '../../menu-context';
+import { useAutomationMenu } from '../../menu-context/useAutomationMenu';
 const styles = {
   messageStyling: "_195g1ejb _19pku2gc _otyrx0bf"
 };

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

@@ -3,7 +3,7 @@ import { defineMessages, FormattedMessage } from 'react-intl';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next/useAnalyticsEvents';
 import Button from '@atlaskit/button/default/button';
 import LinkButton from '@atlaskit/button/link';
-import { useAutomationMenu } from '../../menu-context';
+import { useAutomationMenu } from '../../menu-context/useAutomationMenu';
 const i18n = defineMessages({
   modalFooterCancelButton: {
     id: 'automation-menu.modal.footer.cancel-button',

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

@@ -8,7 +8,7 @@ import AutomationIcon from '@atlaskit/icon/core/automation';
 import ModalHeader from '@atlaskit/modal-dialog/modal-header';
 import { useModal } from '@atlaskit/modal-dialog/hooks';
 import { Box, Inline, Stack } from '@atlaskit/primitives/compiled';
-import { useAutomationMenu } from '../../menu-context';
+import { useAutomationMenu } from '../../menu-context/useAutomationMenu';
 const styles = {
   iconStyle: "_2rko12b0 _18zr1b66 _1rjcv77o _2hwxutpp",
   modalDescriptionStyle: "_19pkutpp"

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

@@ -6,7 +6,7 @@ import { useAnalyticsEvents } from '@atlaskit/analytics-next/useAnalyticsEvents'
 import ButtonItem from '@atlaskit/menu/button-item';
 import { Box, Stack } from '@atlaskit/primitives/compiled';
 import Spinner from '@atlaskit/spinner/spinner';
-import { useAutomationMenu } from '../../menu-context';
+import { useAutomationMenu } from '../../menu-context/useAutomationMenu';
 const styles = {
   ruleButtonStyle: "_2rko12b0 _1h6d1l7x _1dqonqa1 _189ee4h9",
   selectedRuleButtonStyle: "_2rko12b0 _1h6d1w55 _1dqonqa1 _189e1dm9",

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import MenuGroup from '@atlaskit/menu/menu-group';
 import { Stack } from '@atlaskit/primitives/compiled';
-import { useAutomationMenu } from '../../menu-context';
+import { useAutomationMenu } from '../../menu-context/useAutomationMenu';
 import { AutomationModalEmptyState } from '../empty-state';
 import { AutomationModalRule } from '../rule';
 export const AutomationModalRuleList = ({

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

@@ -6,8 +6,8 @@ import { Text } from '@atlaskit/primitives/compiled';
 import { useAnalyticsEvents } from '../../../../../common/analytics/generated/use-analytics-events';
 import { ActionName } from '../../../../../constants';
 import { messages } from '../../../../../messages';
-import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context';
-import { useSmartLinkModal } from '../../../../../state/modal';
+import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context/useFlexibleUiContext';
+import { useSmartLinkModal } from '../../../../../state/modal/useSmartLinkModal';
 import Action from '../action';
 import { getModalContent } from './utils';
 const AutomationModal = /*#__PURE__*/lazy(() => import( /* webpackChunkName: "@atlaskit-internal_smart-card-automation-modal" */'./automation-manual-triggers/manual-triggers-modal'));

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

@@ -4,7 +4,7 @@ import { FormattedMessage, useIntl } from 'react-intl';
 import LinkIcon from '@atlaskit/icon/core/link';
 import { ActionName } from '../../../../../constants';
 import { messages } from '../../../../../messages';
-import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context';
+import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context/useFlexibleUiContext';
 import useInvokeClientAction from '../../../../../state/hooks/use-invoke-client-action';
 import Action from '../action';
 const CopyLinkAction = ({

package/dist/es2019/view/FlexibleCard/components/actions/custom-unresolved-action/CustomUnresolvedAction.js

@@ -0,0 +1,76 @@
+/* CustomUnresolvedAction.tsx generated by @compiled/babel-plugin v2.0.0 */
+import _extends from "@babel/runtime/helpers/extends";
+import "./CustomUnresolvedAction.compiled.css";
+import { ax, ix } from "@compiled/react/runtime";
+import React from 'react';
+import { FormattedMessage } from 'react-intl';
+import { Box, Pressable } from '@atlaskit/primitives/compiled';
+import { InternalActionName, SmartLinkStatus } from '../../../../../constants';
+import { useFlexibleCardContext } from '../../../../../state/flexible-ui-context/useFlexibleCardContext';
+const styles = {
+  button: "_1e0c1bgi",
+  message: "_1rjcze3t _18zrze3t"
+};
+const validErrorStatuses = [SmartLinkStatus.Forbidden, SmartLinkStatus.Unauthorized];
+const validateErrorStatus = status => {
+  return status !== undefined && validErrorStatuses.includes(status);
+};
+const getMessageDescriptor = (status, accessType, props) => {
+  var _props$status;
+  if (!validateErrorStatus(status)) {
+    return undefined;
+  }
+  const message = props === null || props === void 0 ? void 0 : (_props$status = props[status]) === null || _props$status === void 0 ? void 0 : _props$status[accessType !== null && accessType !== void 0 ? accessType : 'FALLBACK'];
+  return message;
+};
+
+/**
+ * Public API — exported externally. Do not add props without external support intent.
+ */
+export const CustomUnresolvedAction = ({
+  testId = 'custom-unresolved-action',
+  onlyShowIfAction = false,
+  Container,
+  ...props
+}) => {
+  var _context$data, _context$data$actions, _context$data2, _context$data2$meta, _getMessageDescriptor;
+  const context = useFlexibleCardContext();
+  const data = context === null || context === void 0 ? void 0 : (_context$data = context.data) === null || _context$data === void 0 ? void 0 : (_context$data$actions = _context$data.actions) === null || _context$data$actions === void 0 ? void 0 : _context$data$actions[InternalActionName.UnresolvedAction];
+  if (!data) {
+    return null;
+  }
+  const {
+    descriptor,
+    onClick,
+    values
+  } = data;
+  const {
+    status
+  } = context;
+  const accessType = context === null || context === void 0 ? void 0 : (_context$data2 = context.data) === null || _context$data2 === void 0 ? void 0 : (_context$data2$meta = _context$data2.meta) === null || _context$data2$meta === void 0 ? void 0 : _context$data2$meta.accessType;
+  const hasAction = onClick !== undefined;
+  if (onlyShowIfAction && !hasAction) {
+    return null;
+  }
+  const messageDescriptor = (_getMessageDescriptor = getMessageDescriptor(status, accessType, props)) !== null && _getMessageDescriptor !== void 0 ? _getMessageDescriptor : descriptor;
+  if (!messageDescriptor) {
+    return null;
+  }
+  const message = /*#__PURE__*/React.createElement(Box, {
+    testId: `${testId}-errored-view-message`,
+    tabIndex: hasAction ? 0 : undefined,
+    xcss: styles.message
+  }, /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, messageDescriptor, {
+    values: values
+  })));
+  const component = hasAction ? /*#__PURE__*/React.createElement(Pressable, {
+    onClick: data.onClick,
+    style: {
+      color: `inherit`,
+      font: `inherit`,
+      textAlign: `inherit`
+    },
+    xcss: styles.button
+  }, message) : message;
+  return Container ? /*#__PURE__*/React.createElement(Container, null, component) : component;
+};

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

@@ -1,77 +1,9 @@
-/* index.tsx generated by @compiled/babel-plugin v2.0.0 */
-import _extends from "@babel/runtime/helpers/extends";
-import "./index.compiled.css";
-import { ax, ix } from "@compiled/react/runtime";
-import React from 'react';
-import { FormattedMessage } from 'react-intl';
-import { Box, Pressable } from '@atlaskit/primitives/compiled';
-import { InternalActionName, SmartLinkStatus } from '../../../../../constants';
-import { useFlexibleCardContext } from '../../../../../state/flexible-ui-context';
-const styles = {
-  button: "_1e0c1bgi",
-  message: "_1rjcze3t _18zrze3t"
-};
-const validErrorStatuses = [SmartLinkStatus.Forbidden, SmartLinkStatus.Unauthorized];
-const validateErrorStatus = status => {
-  return status !== undefined && validErrorStatuses.includes(status);
-};
-const getMessageDescriptor = (status, accessType, props) => {
-  var _props$status;
-  if (!validateErrorStatus(status)) {
-    return undefined;
-  }
-  const message = props === null || props === void 0 ? void 0 : (_props$status = props[status]) === null || _props$status === void 0 ? void 0 : _props$status[accessType !== null && accessType !== void 0 ? accessType : 'FALLBACK'];
-  return message;
-};
+/* eslint-disable @repo/internal/deprecations/deprecation-ticket-required -- VOLTC-139 tracks removal of these deprecated re-export shims. */
+
+import { CustomUnresolvedAction } from './CustomUnresolvedAction';
+export default CustomUnresolvedAction;
 
 /**
- * Public API — exported externally. Do not add props without external support intent.
+ * @deprecated Use `import { CustomUnresolvedAction } from '@atlaskit/smart-card/custom-unresolved-action'` instead.
  */
-const CustomUnresolvedAction = ({
-  testId = 'custom-unresolved-action',
-  onlyShowIfAction = false,
-  Container,
-  ...props
-}) => {
-  var _context$data, _context$data$actions, _context$data2, _context$data2$meta, _getMessageDescriptor;
-  const context = useFlexibleCardContext();
-  const data = context === null || context === void 0 ? void 0 : (_context$data = context.data) === null || _context$data === void 0 ? void 0 : (_context$data$actions = _context$data.actions) === null || _context$data$actions === void 0 ? void 0 : _context$data$actions[InternalActionName.UnresolvedAction];
-  if (!data) {
-    return null;
-  }
-  const {
-    descriptor,
-    onClick,
-    values
-  } = data;
-  const {
-    status
-  } = context;
-  const accessType = context === null || context === void 0 ? void 0 : (_context$data2 = context.data) === null || _context$data2 === void 0 ? void 0 : (_context$data2$meta = _context$data2.meta) === null || _context$data2$meta === void 0 ? void 0 : _context$data2$meta.accessType;
-  const hasAction = onClick !== undefined;
-  if (onlyShowIfAction && !hasAction) {
-    return null;
-  }
-  const messageDescriptor = (_getMessageDescriptor = getMessageDescriptor(status, accessType, props)) !== null && _getMessageDescriptor !== void 0 ? _getMessageDescriptor : descriptor;
-  if (!messageDescriptor) {
-    return null;
-  }
-  const message = /*#__PURE__*/React.createElement(Box, {
-    testId: `${testId}-errored-view-message`,
-    tabIndex: hasAction ? 0 : undefined,
-    xcss: styles.message
-  }, /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, messageDescriptor, {
-    values: values
-  })));
-  const component = hasAction ? /*#__PURE__*/React.createElement(Pressable, {
-    onClick: data.onClick,
-    style: {
-      color: `inherit`,
-      font: `inherit`,
-      textAlign: `inherit`
-    },
-    xcss: styles.button
-  }, message) : message;
-  return Container ? /*#__PURE__*/React.createElement(Container, null, component) : component;
-};
-export default CustomUnresolvedAction;
+export { CustomUnresolvedAction } from './CustomUnresolvedAction';

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

@@ -4,7 +4,7 @@ import { FormattedMessage } from 'react-intl';
 import DownloadIcon from '@atlaskit/icon/core/download';
 import { ActionName } from '../../../../../constants';
 import { messages } from '../../../../../messages';
-import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context';
+import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context/useFlexibleUiContext';
 import useInvokeClientAction from '../../../../../state/hooks/use-invoke-client-action';
 import Action from '../action';
 const DownloadAction = ({

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

@@ -5,8 +5,8 @@ import FeatureGates from '@atlaskit/feature-gate-js-client/feature-gates';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { ActionName } from '../../../../../constants';
 import { messages } from '../../../../../messages';
-import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context';
-import { importIcon } from '../../utils';
+import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context/useFlexibleUiContext';
+import { importIcon } from '../../importIcon';
 import ServerAction from '../action/server-action';
 import { getFollowActionErrorMessage } from './utils';
 const importIconMapper = {

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

@@ -6,7 +6,7 @@ import PanelRightIcon from '@atlaskit/icon/core/panel-right';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { ActionName } from '../../../../../constants';
 import { messages } from '../../../../../messages';
-import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context';
+import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context/useFlexibleUiContext';
 import useInvokeClientAction from '../../../../../state/hooks/use-invoke-client-action';
 import Action from '../action';
 const PreviewAction = ({

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

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import React, { useCallback, useMemo } from 'react';
 import { useIntl } from 'react-intl';
 import { ActionName } from '../../../../../constants';
-import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context';
+import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context/useFlexibleUiContext';
 import useInvokeClientAction from '../../../../../state/hooks/use-invoke-client-action';
 import useRovoChat from '../../../../../state/hooks/use-rovo-chat';
 import { getPromptAction } from '../../../../common/rovo-chat-utils';

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

@@ -7,7 +7,7 @@ import { FormattedMessage } from 'react-intl';
 import { cx } from '@atlaskit/css';
 import { Box, Pressable } from '@atlaskit/primitives/compiled';
 import { InternalActionName } from '../../../../../constants';
-import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context';
+import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context/useFlexibleUiContext';
 const styles = {
   button: "_1e0c1bgi",
   padding: "_18zrutpp",

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

@@ -4,8 +4,8 @@ import { FormattedMessage } from 'react-intl';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { useAnalyticsEvents } from '../../../../../common/analytics/generated/use-analytics-events';
 import { messages } from '../../../../../messages';
-import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context';
-import { useSmartLinkModal } from '../../../../../state/modal';
+import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context/useFlexibleUiContext';
+import { useSmartLinkModal } from '../../../../../state/modal/useSmartLinkModal';
 import Action from '../action';
 import RelatedLinksActionIcon from './related-links-action-icon';
 const RelatedLinksModal = /*#__PURE__*/lazy(() => import( /* webpackChunkName: "@atlaskit-internal_smartcard-RelatedLinksModal" */'../../../../RelatedLinksModal'));

package/dist/es2019/view/FlexibleCard/components/blocks/action-block/getPrimitivesPaddingSpaceBySize.js

@@ -0,0 +1,24 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+
+import { SmartLinkSize } from '../../../../../constants';
+
+/**
+ * Get container padding based on smart link size
+ * To replace container/index.tsx getPadding() with space token for primitives
+ */
+export const getPrimitivesPaddingSpaceBySize = size => {
+  switch (size) {
+    case SmartLinkSize.XLarge:
+      return "var(--ds-space-300, 24px)";
+    case SmartLinkSize.Large:
+      return "var(--ds-space-250, 20px)";
+    case SmartLinkSize.Medium:
+      return "var(--ds-space-200, 16px)";
+    case SmartLinkSize.Small:
+    default:
+      return "var(--ds-space-100, 8px)";
+  }
+};