@atlaskit/smart-card 45.0.3 → 45.1.1

package/CHANGELOG.md

@@ -1,5 +1,25 @@
 # @atlaskit/smart-card
 
+## 45.1.1
+
+### Patch Changes
+
+- Updated dependencies
+
+## 45.1.0
+
+### Minor Changes
+
+- [`754e04aa98a74`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/754e04aa98a74) -
+  Add new 'timeZone' prop for ModifiedOn smartlink block to allow for server hydrated modified on
+  display
+
+### Patch Changes
+
+- [`8e6266d49dafa`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/8e6266d49dafa) -
+  NAVX-5111 Updating formatting for inline cta rovo chat prompts
+- Updated dependencies
+
 ## 45.0.3
 
 ### Patch Changes

package/dist/cjs/messages.js

@@ -1089,13 +1089,13 @@ var messages = exports.messages = (0, _reactIntl.defineMessages)({
   },
   rovo_prompt_message_summarize_document: {
     id: 'fabric.linking.rovo_prompt_message_summarize_document.non-final',
-    defaultMessage: "Summarize this doc {url} into a concise, easy-to-scan overview. Adapt to whatever the content is and focus on the main ideas, important decisions, key updates, and next steps, only include these if they exist; don't mention their absence. Avoid unnecessary detail, repetition, or formatting commentary. Write in plain language and optimize for a quick 5\u201310 second read",
-    description: 'The prompt message to send to Rovo Chat. {url} refers to Smart Link that the user triggers this action from.'
+    defaultMessage: "<p>Summarize this doc <a>{url}</a> into a concise, easy-to-scan overview. Adapt to whatever the content is and focus on the main ideas, important decisions, key updates, and next steps, only include these if they exist; don't mention their absence. Avoid unnecessary detail, repetition, or formatting commentary. Write in plain language and optimize for a quick 5\u201310 second read</p>",
+    description: 'The prompt message to send to Rovo Chat. {url} refers to Smart Link that the user triggers this action from. (Please make sure all html tags remain the same.)'
   },
   rovo_prompt_message_summarize_presentation: {
     id: 'fabric.linking.rovo_prompt_message_summarize_presentation.non-final',
-    defaultMessage: "Summarize this Google Slides deck {url} into a concise executive overview. Focus on the tldr, key findings, decisions, metrics, risks, and next steps, if there are any. Use a short executive summary followed by 2-3 bullet points. Avoid slide-by-slide narration, design details, repetition, and filler.",
-    description: 'The prompt message to send to Rovo Chat. {url} refers to Smart Link that the user triggers this action from.'
+    defaultMessage: "<p>Summarize this Google Slides deck <a>{url}</a> into a concise executive overview. Focus on the tldr, key findings, decisions, metrics, risks, and next steps, if there are any. Use a short executive summary followed by 2-3 bullet points. Avoid slide-by-slide narration, design details, repetition, and filler.</p>",
+    description: 'The prompt message to send to Rovo Chat. {url} refers to Smart Link that the user triggers this action from. (Please make sure all html tags remain the same.)'
   },
   rovo_prompt_button_explain_code: {
     id: 'fabric.linking.rovo_prompt_button_explain_code.non-final',
@@ -1104,7 +1104,7 @@ var messages = exports.messages = (0, _reactIntl.defineMessages)({
   },
   rovo_prompt_message_explain_code: {
     id: 'fabric.linking.rovo_prompt_message_explain_code.non-final',
-    defaultMessage: "<p>Explain this code, pull request, or commit {url} in clear, plain language for a non-technical audience.</p><p>Cover:</p><ol><li><strong>Purpose</strong> \u2014 What problem does it solve or what goal does it achieve?</li><li><strong>How it works</strong> \u2014 High-level mechanics (no implementation detail unless critical to understanding).</li><li><strong>Why</strong> \u2014 Motivation for the change or design choice.</li><li><strong>Impact</strong> \u2014 Key behavior changes, risks, or downstream effects worth noting.</li></ol><p>Constraints:</p><ul><li>3\u20135 sentences or 100\u2013150 words max.</li><li>Omit sections with nothing meaningful to say.</li><li>Prefer concrete language over abstract descriptions (e.g., \"speeds up page load by caching results\" over \"improves performance\").</li></ul>",
+    defaultMessage: "<p>Explain this code, pull request, or commit <a>{url}</a> in clear, plain language for a non-technical audience.</p><p>Cover:</p><ol><li><strong>Purpose</strong> \u2014 What problem does it solve or what goal does it achieve?</li><li><strong>How it works</strong> \u2014 High-level mechanics (no implementation detail unless critical to understanding).</li><li><strong>Why</strong> \u2014 Motivation for the change or design choice.</li><li><strong>Impact</strong> \u2014 Key behavior changes, risks, or downstream effects worth noting.</li></ol><p>Constraints:</p><ul><li>3\u20135 sentences or 100\u2013150 words max.</li><li>Omit sections with nothing meaningful to say.</li><li>Prefer concrete language over abstract descriptions (e.g., \"speeds up page load by caching results\" over \"improves performance\").</li></ul>",
     description: 'The prompt message to send to Rovo Chat. {url} refers to Smart Link that the user triggers this action from. (Please make sure all html tags remain the same.)'
   },
   rovo_prompt_button_catch_up: {
@@ -1114,7 +1114,7 @@ var messages = exports.messages = (0, _reactIntl.defineMessages)({
   },
   rovo_prompt_message_catch_up: {
     id: 'fabric.linking.rovo_prompt_message_catch_up.non-final',
-    defaultMessage: "Catch me up on the latest {provider} conversations or channel activity in {url} from the last two weeks. If there's no activity in the past two weeks, expand the window to the most recent 30 days (or until meaningful activity is found). Summarize the most important updates, decisions, and discussions so the user can quickly understand what they missed. Focus on key changes, unresolved questions, and any action items or follow-ups. Prioritize recent messages with the most activity. Keep the response concise \u2014 ideally 80\u2013150 words or a short set of 3\u20135 key bullets.",
+    defaultMessage: "<p>Catch me up on the latest {provider} conversations or channel activity in <a>{url}</a> from the last two weeks. If there's no activity in the past two weeks, expand the window to the most recent 30 days (or until meaningful activity is found). Summarize the most important updates, decisions, and discussions so the user can quickly understand what they missed. Focus on key changes, unresolved questions, and any action items or follow-ups. Prioritize recent messages with the most activity. Keep the response concise \u2014 ideally 80\u2013150 words or a short set of 3\u20135 key bullets.</p>",
     description: 'The prompt message to send to Rovo Chat. {url} refers to Smart Link that the user triggers this action from. {provider} is the 3P app name (Please make sure all html tags remain the same.)'
   },
   rovo_prompt_button_salesforce_prep: {
@@ -1124,8 +1124,8 @@ var messages = exports.messages = (0, _reactIntl.defineMessages)({
   },
   rovo_prompt_message_salesforce_prep: {
     id: 'fabric.linking.rovo_prompt_message_salesforce_prep.non-final',
-    defaultMessage: "Prep me for this Salesforce record {url}. What's the current state, what's the recent activity, what risks or opportunities should I be aware of, and what would be useful to know before a conversation about it?",
-    description: 'The prompt message to send to Rovo Chat. {url} refers to Smart Link that the user triggers this action from'
+    defaultMessage: "<p>Prep me for this Salesforce record <a>{url}</a>. What's the current state, what's the recent activity, what risks or opportunities should I be aware of, and what would be useful to know before a conversation about it?</p>",
+    description: 'The prompt message to send to Rovo Chat. {url} refers to Smart Link that the user triggers this action from. (Please make sure all html tags remain the same.)'
   },
   // TODO: remove when social-proof-3p-unauth-block-fg is cleaned up
   pre_auth_block_social_proof_not_low: {

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: "45.0.2" || ''
+  packageVersion: "45.1.0" || ''
 };
 var TrackQuickActionType = exports.TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/cjs/view/FlexibleCard/components/elements/common/base-date-time-element/index.js

@@ -11,11 +11,41 @@ require("./index.compiled.css");
 var React = _interopRequireWildcard(require("react"));
 var _runtime = require("@compiled/react/runtime");
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _intlUtils = require("@formatjs/intl-utils");
 var _reactIntl = require("react-intl");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _messages = require("../../../../../../messages");
 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); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var styles = null;
+var ABSOLUTE_DATE_FORMAT = {
+  month: 'short',
+  day: 'numeric',
+  year: 'numeric'
+};
+var isValidTimeZone = function isValidTimeZone(timeZone) {
+  try {
+    new Intl.DateTimeFormat(undefined, {
+      timeZone: timeZone
+    });
+    return true;
+  } catch (_unused) {
+    return false;
+  }
+};
+var formatAbsoluteDateWithOptionalTimeZone = function formatAbsoluteDateWithOptionalTimeZone(_ref) {
+  var date = _ref.date,
+    formatDate = _ref.formatDate,
+    timeZone = _ref.timeZone;
+  if (!timeZone || !isValidTimeZone(timeZone)) {
+    return formatDate(date, ABSOLUTE_DATE_FORMAT);
+  }
+  return formatDate(date, _objectSpread(_objectSpread({}, ABSOLUTE_DATE_FORMAT), {}, {
+    timeZone: timeZone
+  }));
+};
 var typeToDescriptorMap = {
   created: {
     relative: _messages.messages.created_on_relative,
@@ -43,18 +73,19 @@ var fontOverrideStyleMap = {
  * @see ModifiedOn
  * @see SentOn
  */
-var BaseDateTimeElement = function BaseDateTimeElement(_ref) {
-  var date = _ref.date,
-    name = _ref.name,
-    className = _ref.className,
-    type = _ref.type,
-    _ref$testId = _ref.testId,
-    testId = _ref$testId === void 0 ? 'smart-element-date-time' : _ref$testId,
-    text = _ref.text,
-    _ref$hideDatePrefix = _ref.hideDatePrefix,
-    hideDatePrefix = _ref$hideDatePrefix === void 0 ? false : _ref$hideDatePrefix,
-    color = _ref.color,
-    fontSize = _ref.fontSize;
+var BaseDateTimeElement = function BaseDateTimeElement(_ref2) {
+  var date = _ref2.date,
+    name = _ref2.name,
+    className = _ref2.className,
+    type = _ref2.type,
+    _ref2$testId = _ref2.testId,
+    testId = _ref2$testId === void 0 ? 'smart-element-date-time' : _ref2$testId,
+    text = _ref2.text,
+    _ref2$hideDatePrefix = _ref2.hideDatePrefix,
+    hideDatePrefix = _ref2$hideDatePrefix === void 0 ? false : _ref2$hideDatePrefix,
+    color = _ref2.color,
+    fontSize = _ref2.fontSize,
+    timeZone = _ref2.timeZone;
   var _useIntl = (0, _reactIntl.useIntl)(),
     formatRelativeTime = _useIntl.formatRelativeTime,
     formatDate = _useIntl.formatDate;
@@ -66,7 +97,11 @@ var BaseDateTimeElement = function BaseDateTimeElement(_ref) {
   var typeVariant;
   if (isLongerThenWeek) {
     typeVariant = 'absolute';
-    context = formatDate(date, {
+    context = (0, _platformFeatureFlags.fg)('dfo_issue_view_remote_data_srr_group') ? formatAbsoluteDateWithOptionalTimeZone({
+      date: date,
+      formatDate: formatDate,
+      timeZone: timeZone
+    }) : formatDate(date, {
       month: 'short',
       day: 'numeric',
       year: 'numeric'

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

@@ -19,7 +19,7 @@ var _excluded = ["href", "children", "checkSafety", "onClick", "testId", "isLink
   _excluded2 = ["isLinkSafe", "showSafetyWarningModal"];
 var PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "45.0.2",
+  packageVersion: "45.1.0",
   componentName: 'linkUrl'
 };
 var LinkUrl = function LinkUrl(_ref) {

package/dist/es2019/messages.js

@@ -1083,13 +1083,13 @@ export const messages = defineMessages({
   },
   rovo_prompt_message_summarize_document: {
     id: 'fabric.linking.rovo_prompt_message_summarize_document.non-final',
-    defaultMessage: `Summarize this doc {url} into a concise, easy-to-scan overview. Adapt to whatever the content is and focus on the main ideas, important decisions, key updates, and next steps, only include these if they exist; don't mention their absence. Avoid unnecessary detail, repetition, or formatting commentary. Write in plain language and optimize for a quick 5–10 second read`,
-    description: 'The prompt message to send to Rovo Chat. {url} refers to Smart Link that the user triggers this action from.'
+    defaultMessage: `<p>Summarize this doc <a>{url}</a> into a concise, easy-to-scan overview. Adapt to whatever the content is and focus on the main ideas, important decisions, key updates, and next steps, only include these if they exist; don't mention their absence. Avoid unnecessary detail, repetition, or formatting commentary. Write in plain language and optimize for a quick 5–10 second read</p>`,
+    description: 'The prompt message to send to Rovo Chat. {url} refers to Smart Link that the user triggers this action from. (Please make sure all html tags remain the same.)'
   },
   rovo_prompt_message_summarize_presentation: {
     id: 'fabric.linking.rovo_prompt_message_summarize_presentation.non-final',
-    defaultMessage: `Summarize this Google Slides deck {url} into a concise executive overview. Focus on the tldr, key findings, decisions, metrics, risks, and next steps, if there are any. Use a short executive summary followed by 2-3 bullet points. Avoid slide-by-slide narration, design details, repetition, and filler.`,
-    description: 'The prompt message to send to Rovo Chat. {url} refers to Smart Link that the user triggers this action from.'
+    defaultMessage: `<p>Summarize this Google Slides deck <a>{url}</a> into a concise executive overview. Focus on the tldr, key findings, decisions, metrics, risks, and next steps, if there are any. Use a short executive summary followed by 2-3 bullet points. Avoid slide-by-slide narration, design details, repetition, and filler.</p>`,
+    description: 'The prompt message to send to Rovo Chat. {url} refers to Smart Link that the user triggers this action from. (Please make sure all html tags remain the same.)'
   },
   rovo_prompt_button_explain_code: {
     id: 'fabric.linking.rovo_prompt_button_explain_code.non-final',
@@ -1098,7 +1098,7 @@ export const messages = defineMessages({
   },
   rovo_prompt_message_explain_code: {
     id: 'fabric.linking.rovo_prompt_message_explain_code.non-final',
-    defaultMessage: `<p>Explain this code, pull request, or commit {url} in clear, plain language for a non-technical audience.</p><p>Cover:</p><ol><li><strong>Purpose</strong> — What problem does it solve or what goal does it achieve?</li><li><strong>How it works</strong> — High-level mechanics (no implementation detail unless critical to understanding).</li><li><strong>Why</strong> — Motivation for the change or design choice.</li><li><strong>Impact</strong> — Key behavior changes, risks, or downstream effects worth noting.</li></ol><p>Constraints:</p><ul><li>3–5 sentences or 100–150 words max.</li><li>Omit sections with nothing meaningful to say.</li><li>Prefer concrete language over abstract descriptions (e.g., "speeds up page load by caching results" over "improves performance").</li></ul>`,
+    defaultMessage: `<p>Explain this code, pull request, or commit <a>{url}</a> in clear, plain language for a non-technical audience.</p><p>Cover:</p><ol><li><strong>Purpose</strong> — What problem does it solve or what goal does it achieve?</li><li><strong>How it works</strong> — High-level mechanics (no implementation detail unless critical to understanding).</li><li><strong>Why</strong> — Motivation for the change or design choice.</li><li><strong>Impact</strong> — Key behavior changes, risks, or downstream effects worth noting.</li></ol><p>Constraints:</p><ul><li>3–5 sentences or 100–150 words max.</li><li>Omit sections with nothing meaningful to say.</li><li>Prefer concrete language over abstract descriptions (e.g., "speeds up page load by caching results" over "improves performance").</li></ul>`,
     description: 'The prompt message to send to Rovo Chat. {url} refers to Smart Link that the user triggers this action from. (Please make sure all html tags remain the same.)'
   },
   rovo_prompt_button_catch_up: {
@@ -1108,7 +1108,7 @@ export const messages = defineMessages({
   },
   rovo_prompt_message_catch_up: {
     id: 'fabric.linking.rovo_prompt_message_catch_up.non-final',
-    defaultMessage: `Catch me up on the latest {provider} conversations or channel activity in {url} from the last two weeks. If there's no activity in the past two weeks, expand the window to the most recent 30 days (or until meaningful activity is found). Summarize the most important updates, decisions, and discussions so the user can quickly understand what they missed. Focus on key changes, unresolved questions, and any action items or follow-ups. Prioritize recent messages with the most activity. Keep the response concise — ideally 80–150 words or a short set of 3–5 key bullets.`,
+    defaultMessage: `<p>Catch me up on the latest {provider} conversations or channel activity in <a>{url}</a> from the last two weeks. If there's no activity in the past two weeks, expand the window to the most recent 30 days (or until meaningful activity is found). Summarize the most important updates, decisions, and discussions so the user can quickly understand what they missed. Focus on key changes, unresolved questions, and any action items or follow-ups. Prioritize recent messages with the most activity. Keep the response concise — ideally 80–150 words or a short set of 3–5 key bullets.</p>`,
     description: 'The prompt message to send to Rovo Chat. {url} refers to Smart Link that the user triggers this action from. {provider} is the 3P app name (Please make sure all html tags remain the same.)'
   },
   rovo_prompt_button_salesforce_prep: {
@@ -1118,8 +1118,8 @@ export const messages = defineMessages({
   },
   rovo_prompt_message_salesforce_prep: {
     id: 'fabric.linking.rovo_prompt_message_salesforce_prep.non-final',
-    defaultMessage: `Prep me for this Salesforce record {url}. What's the current state, what's the recent activity, what risks or opportunities should I be aware of, and what would be useful to know before a conversation about it?`,
-    description: 'The prompt message to send to Rovo Chat. {url} refers to Smart Link that the user triggers this action from'
+    defaultMessage: `<p>Prep me for this Salesforce record <a>{url}</a>. What's the current state, what's the recent activity, what risks or opportunities should I be aware of, and what would be useful to know before a conversation about it?</p>`,
+    description: 'The prompt message to send to Rovo Chat. {url} refers to Smart Link that the user triggers this action from. (Please make sure all html tags remain the same.)'
   },
   // TODO: remove when social-proof-3p-unauth-block-fg is cleaned up
   pre_auth_block_social_proof_not_low: {

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: "45.0.2" || ''
+  packageVersion: "45.1.0" || ''
 };
 export let TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

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

@@ -5,8 +5,37 @@ import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { selectUnit } from '@formatjs/intl-utils';
 import { FormattedMessage, useIntl } from 'react-intl';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { messages } from '../../../../../../messages';
 const styles = null;
+const ABSOLUTE_DATE_FORMAT = {
+  month: 'short',
+  day: 'numeric',
+  year: 'numeric'
+};
+const isValidTimeZone = timeZone => {
+  try {
+    new Intl.DateTimeFormat(undefined, {
+      timeZone
+    });
+    return true;
+  } catch {
+    return false;
+  }
+};
+const formatAbsoluteDateWithOptionalTimeZone = ({
+  date,
+  formatDate,
+  timeZone
+}) => {
+  if (!timeZone || !isValidTimeZone(timeZone)) {
+    return formatDate(date, ABSOLUTE_DATE_FORMAT);
+  }
+  return formatDate(date, {
+    ...ABSOLUTE_DATE_FORMAT,
+    timeZone
+  });
+};
 const typeToDescriptorMap = {
   created: {
     relative: messages.created_on_relative,
@@ -43,7 +72,8 @@ const BaseDateTimeElement = ({
   text,
   hideDatePrefix = false,
   color,
-  fontSize
+  fontSize,
+  timeZone
 }) => {
   const {
     formatRelativeTime,
@@ -57,7 +87,11 @@ const BaseDateTimeElement = ({
   let typeVariant;
   if (isLongerThenWeek) {
     typeVariant = 'absolute';
-    context = formatDate(date, {
+    context = fg('dfo_issue_view_remote_data_srr_group') ? formatAbsoluteDateWithOptionalTimeZone({
+      date,
+      formatDate,
+      timeZone
+    }) : formatDate(date, {
       month: 'short',
       day: 'numeric',
       year: 'numeric'

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

@@ -9,7 +9,7 @@ import LinkWarningModal from './LinkWarningModal';
 import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-modal';
 const PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "45.0.2",
+  packageVersion: "45.1.0",
   componentName: 'linkUrl'
 };
 const LinkUrl = ({

package/dist/esm/messages.js

@@ -1083,13 +1083,13 @@ export var messages = defineMessages({
   },
   rovo_prompt_message_summarize_document: {
     id: 'fabric.linking.rovo_prompt_message_summarize_document.non-final',
-    defaultMessage: "Summarize this doc {url} into a concise, easy-to-scan overview. Adapt to whatever the content is and focus on the main ideas, important decisions, key updates, and next steps, only include these if they exist; don't mention their absence. Avoid unnecessary detail, repetition, or formatting commentary. Write in plain language and optimize for a quick 5\u201310 second read",
-    description: 'The prompt message to send to Rovo Chat. {url} refers to Smart Link that the user triggers this action from.'
+    defaultMessage: "<p>Summarize this doc <a>{url}</a> into a concise, easy-to-scan overview. Adapt to whatever the content is and focus on the main ideas, important decisions, key updates, and next steps, only include these if they exist; don't mention their absence. Avoid unnecessary detail, repetition, or formatting commentary. Write in plain language and optimize for a quick 5\u201310 second read</p>",
+    description: 'The prompt message to send to Rovo Chat. {url} refers to Smart Link that the user triggers this action from. (Please make sure all html tags remain the same.)'
   },
   rovo_prompt_message_summarize_presentation: {
     id: 'fabric.linking.rovo_prompt_message_summarize_presentation.non-final',
-    defaultMessage: "Summarize this Google Slides deck {url} into a concise executive overview. Focus on the tldr, key findings, decisions, metrics, risks, and next steps, if there are any. Use a short executive summary followed by 2-3 bullet points. Avoid slide-by-slide narration, design details, repetition, and filler.",
-    description: 'The prompt message to send to Rovo Chat. {url} refers to Smart Link that the user triggers this action from.'
+    defaultMessage: "<p>Summarize this Google Slides deck <a>{url}</a> into a concise executive overview. Focus on the tldr, key findings, decisions, metrics, risks, and next steps, if there are any. Use a short executive summary followed by 2-3 bullet points. Avoid slide-by-slide narration, design details, repetition, and filler.</p>",
+    description: 'The prompt message to send to Rovo Chat. {url} refers to Smart Link that the user triggers this action from. (Please make sure all html tags remain the same.)'
   },
   rovo_prompt_button_explain_code: {
     id: 'fabric.linking.rovo_prompt_button_explain_code.non-final',
@@ -1098,7 +1098,7 @@ export var messages = defineMessages({
   },
   rovo_prompt_message_explain_code: {
     id: 'fabric.linking.rovo_prompt_message_explain_code.non-final',
-    defaultMessage: "<p>Explain this code, pull request, or commit {url} in clear, plain language for a non-technical audience.</p><p>Cover:</p><ol><li><strong>Purpose</strong> \u2014 What problem does it solve or what goal does it achieve?</li><li><strong>How it works</strong> \u2014 High-level mechanics (no implementation detail unless critical to understanding).</li><li><strong>Why</strong> \u2014 Motivation for the change or design choice.</li><li><strong>Impact</strong> \u2014 Key behavior changes, risks, or downstream effects worth noting.</li></ol><p>Constraints:</p><ul><li>3\u20135 sentences or 100\u2013150 words max.</li><li>Omit sections with nothing meaningful to say.</li><li>Prefer concrete language over abstract descriptions (e.g., \"speeds up page load by caching results\" over \"improves performance\").</li></ul>",
+    defaultMessage: "<p>Explain this code, pull request, or commit <a>{url}</a> in clear, plain language for a non-technical audience.</p><p>Cover:</p><ol><li><strong>Purpose</strong> \u2014 What problem does it solve or what goal does it achieve?</li><li><strong>How it works</strong> \u2014 High-level mechanics (no implementation detail unless critical to understanding).</li><li><strong>Why</strong> \u2014 Motivation for the change or design choice.</li><li><strong>Impact</strong> \u2014 Key behavior changes, risks, or downstream effects worth noting.</li></ol><p>Constraints:</p><ul><li>3\u20135 sentences or 100\u2013150 words max.</li><li>Omit sections with nothing meaningful to say.</li><li>Prefer concrete language over abstract descriptions (e.g., \"speeds up page load by caching results\" over \"improves performance\").</li></ul>",
     description: 'The prompt message to send to Rovo Chat. {url} refers to Smart Link that the user triggers this action from. (Please make sure all html tags remain the same.)'
   },
   rovo_prompt_button_catch_up: {
@@ -1108,7 +1108,7 @@ export var messages = defineMessages({
   },
   rovo_prompt_message_catch_up: {
     id: 'fabric.linking.rovo_prompt_message_catch_up.non-final',
-    defaultMessage: "Catch me up on the latest {provider} conversations or channel activity in {url} from the last two weeks. If there's no activity in the past two weeks, expand the window to the most recent 30 days (or until meaningful activity is found). Summarize the most important updates, decisions, and discussions so the user can quickly understand what they missed. Focus on key changes, unresolved questions, and any action items or follow-ups. Prioritize recent messages with the most activity. Keep the response concise \u2014 ideally 80\u2013150 words or a short set of 3\u20135 key bullets.",
+    defaultMessage: "<p>Catch me up on the latest {provider} conversations or channel activity in <a>{url}</a> from the last two weeks. If there's no activity in the past two weeks, expand the window to the most recent 30 days (or until meaningful activity is found). Summarize the most important updates, decisions, and discussions so the user can quickly understand what they missed. Focus on key changes, unresolved questions, and any action items or follow-ups. Prioritize recent messages with the most activity. Keep the response concise \u2014 ideally 80\u2013150 words or a short set of 3\u20135 key bullets.</p>",
     description: 'The prompt message to send to Rovo Chat. {url} refers to Smart Link that the user triggers this action from. {provider} is the 3P app name (Please make sure all html tags remain the same.)'
   },
   rovo_prompt_button_salesforce_prep: {
@@ -1118,8 +1118,8 @@ export var messages = defineMessages({
   },
   rovo_prompt_message_salesforce_prep: {
     id: 'fabric.linking.rovo_prompt_message_salesforce_prep.non-final',
-    defaultMessage: "Prep me for this Salesforce record {url}. What's the current state, what's the recent activity, what risks or opportunities should I be aware of, and what would be useful to know before a conversation about it?",
-    description: 'The prompt message to send to Rovo Chat. {url} refers to Smart Link that the user triggers this action from'
+    defaultMessage: "<p>Prep me for this Salesforce record <a>{url}</a>. What's the current state, what's the recent activity, what risks or opportunities should I be aware of, and what would be useful to know before a conversation about it?</p>",
+    description: 'The prompt message to send to Rovo Chat. {url} refers to Smart Link that the user triggers this action from. (Please make sure all html tags remain the same.)'
   },
   // TODO: remove when social-proof-3p-unauth-block-fg is cleaned up
   pre_auth_block_social_proof_not_low: {

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: "45.0.2" || ''
+  packageVersion: "45.1.0" || ''
 };
 export var TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/esm/view/FlexibleCard/components/elements/common/base-date-time-element/index.js

@@ -1,12 +1,42 @@
 /* index.tsx generated by @compiled/babel-plugin v0.39.1 */
 import _extends from "@babel/runtime/helpers/extends";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import "./index.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import { selectUnit } from '@formatjs/intl-utils';
 import { FormattedMessage, useIntl } from 'react-intl';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { messages } from '../../../../../../messages';
 var styles = null;
+var ABSOLUTE_DATE_FORMAT = {
+  month: 'short',
+  day: 'numeric',
+  year: 'numeric'
+};
+var isValidTimeZone = function isValidTimeZone(timeZone) {
+  try {
+    new Intl.DateTimeFormat(undefined, {
+      timeZone: timeZone
+    });
+    return true;
+  } catch (_unused) {
+    return false;
+  }
+};
+var formatAbsoluteDateWithOptionalTimeZone = function formatAbsoluteDateWithOptionalTimeZone(_ref) {
+  var date = _ref.date,
+    formatDate = _ref.formatDate,
+    timeZone = _ref.timeZone;
+  if (!timeZone || !isValidTimeZone(timeZone)) {
+    return formatDate(date, ABSOLUTE_DATE_FORMAT);
+  }
+  return formatDate(date, _objectSpread(_objectSpread({}, ABSOLUTE_DATE_FORMAT), {}, {
+    timeZone: timeZone
+  }));
+};
 var typeToDescriptorMap = {
   created: {
     relative: messages.created_on_relative,
@@ -34,18 +64,19 @@ var fontOverrideStyleMap = {
  * @see ModifiedOn
  * @see SentOn
  */
-var BaseDateTimeElement = function BaseDateTimeElement(_ref) {
-  var date = _ref.date,
-    name = _ref.name,
-    className = _ref.className,
-    type = _ref.type,
-    _ref$testId = _ref.testId,
-    testId = _ref$testId === void 0 ? 'smart-element-date-time' : _ref$testId,
-    text = _ref.text,
-    _ref$hideDatePrefix = _ref.hideDatePrefix,
-    hideDatePrefix = _ref$hideDatePrefix === void 0 ? false : _ref$hideDatePrefix,
-    color = _ref.color,
-    fontSize = _ref.fontSize;
+var BaseDateTimeElement = function BaseDateTimeElement(_ref2) {
+  var date = _ref2.date,
+    name = _ref2.name,
+    className = _ref2.className,
+    type = _ref2.type,
+    _ref2$testId = _ref2.testId,
+    testId = _ref2$testId === void 0 ? 'smart-element-date-time' : _ref2$testId,
+    text = _ref2.text,
+    _ref2$hideDatePrefix = _ref2.hideDatePrefix,
+    hideDatePrefix = _ref2$hideDatePrefix === void 0 ? false : _ref2$hideDatePrefix,
+    color = _ref2.color,
+    fontSize = _ref2.fontSize,
+    timeZone = _ref2.timeZone;
   var _useIntl = useIntl(),
     formatRelativeTime = _useIntl.formatRelativeTime,
     formatDate = _useIntl.formatDate;
@@ -57,7 +88,11 @@ var BaseDateTimeElement = function BaseDateTimeElement(_ref) {
   var typeVariant;
   if (isLongerThenWeek) {
     typeVariant = 'absolute';
-    context = formatDate(date, {
+    context = fg('dfo_issue_view_remote_data_srr_group') ? formatAbsoluteDateWithOptionalTimeZone({
+      date: date,
+      formatDate: formatDate,
+      timeZone: timeZone
+    }) : formatDate(date, {
       month: 'short',
       day: 'numeric',
       year: 'numeric'

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

@@ -12,7 +12,7 @@ import LinkWarningModal from './LinkWarningModal';
 import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-modal';
 var PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "45.0.2",
+  packageVersion: "45.1.0",
   componentName: 'linkUrl'
 };
 var LinkUrl = function LinkUrl(_ref) {

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

@@ -325,7 +325,7 @@ export type ModifiedBy = {
  */
 export type ModifiedOn = {
     name: ElementName.ModifiedOn;
-} & Pick<ModifiedOnProps, 'fontSize' | 'text'>;
+} & Pick<ModifiedOnProps, 'fontSize' | 'text' | 'timeZone'>;
 /**
  * Represents the props available for an Preview element.
  * @see Preview

package/dist/types/view/FlexibleCard/components/elements/common/base-date-time-element/index.d.ts

@@ -23,6 +23,10 @@ export type BaseDateTimeElementProps = ElementProps & {
      * The override text which will show next to the date
      */
     text?: string;
+    /**
+     * IANA timezone used for absolute date formatting.
+     */
+    timeZone?: string;
     /**
      * Whether the date time element text should contain "Modified" or "Created" or "sent"
      */
@@ -36,6 +40,6 @@ export type BaseDateTimeElementProps = ElementProps & {
  * @see ModifiedOn
  * @see SentOn
  */
-declare const BaseDateTimeElement: ({ date, name, className, type, testId, text, hideDatePrefix, color, fontSize, }: BaseDateTimeElementProps) => JSX.Element | null;
+declare const BaseDateTimeElement: ({ date, name, className, type, testId, text, hideDatePrefix, color, fontSize, timeZone, }: BaseDateTimeElementProps) => JSX.Element | null;
 export default BaseDateTimeElement;
 export declare const toDateTimeProps: (type: "created" | "modified" | "sent", dateString?: string) => Partial<BaseDateTimeElementProps> | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "45.0.3",
+	"version": "45.1.1",
 	"description": "Smart card component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -70,7 +70,7 @@
 		"@atlaskit/lozenge": "^14.0.0",
 		"@atlaskit/menu": "^9.0.0",
 		"@atlaskit/modal-dialog": "^16.0.0",
-		"@atlaskit/motion": "^7.0.0",
+		"@atlaskit/motion": "^7.1.0",
 		"@atlaskit/object": "^2.0.0",
 		"@atlaskit/outbound-auth-flow-client": "^4.0.0",
 		"@atlaskit/platform-feature-flags": "^2.0.0",
@@ -87,7 +87,7 @@
 		"@atlaskit/textfield": "^9.0.0",
 		"@atlaskit/theme": "^26.0.0",
 		"@atlaskit/tile": "^2.0.0",
-		"@atlaskit/tmp-editor-statsig": "^106.0.0",
+		"@atlaskit/tmp-editor-statsig": "^108.0.0",
 		"@atlaskit/tokens": "^14.0.0",
 		"@atlaskit/tooltip": "^23.0.0",
 		"@atlaskit/ufo": "^1.0.0",
@@ -274,6 +274,9 @@
 		},
 		"platform_smartlink_inline_resolve_optimization": {
 			"type": "boolean"
+		},
+		"dfo_issue_view_remote_data_srr_group": {
+			"type": "boolean"
 		}
 	},
 	"compassUnitTestMetricSourceId": "ari:cloud:compass:a436116f-02ce-4520-8fbb-7301462a1674:metric-source/c5751cc6-3513-4070-9deb-af31e86aed34/f74ef1bc-7240-4aac-9dc8-9dc43b502089"