@atlaskit/smart-card 23.4.0 → 23.4.1

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/smart-card
 
+## 23.4.1
+
+### Patch Changes
+
+- [`9dd78d9e76e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9dd78d9e76e) - [ux] Update button text on inline card unauthorised view to include provider name
+
 ## 23.4.0
 
 ### Minor Changes

package/dist/cjs/version.json

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

package/dist/cjs/view/InlineCard/UnauthorisedView/index.js

@@ -7,6 +7,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.InlineCardUnauthorizedView = void 0;
 
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
@@ -76,6 +78,7 @@ var InlineCardUnauthorizedView = /*#__PURE__*/function (_React$Component) {
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderMessage", function () {
       var _this$props = _this.props,
+          context = _this$props.context,
           onAuthorise = _this$props.onAuthorise,
           url = _this$props.url;
 
@@ -87,7 +90,11 @@ var InlineCardUnauthorizedView = /*#__PURE__*/function (_React$Component) {
         component: _styled.IconStyledButton,
         onClick: _this.handleConnectAccount,
         testId: "button-connect-account"
-      }, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.messages.connect_link_account)));
+      }, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, _messages.messages.connect_link_account_card_name, {
+        values: {
+          context: context
+        }
+      }))));
     });
     return _this;
   }

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

@@ -122,6 +122,7 @@ var InlineCard = function InlineCard(_ref) {
       var provider = (0, _extractors.extractProvider)(cardDetails);
       return /*#__PURE__*/_react.default.createElement(_UnauthorisedView.InlineCardUnauthorizedView, {
         icon: provider && provider.icon,
+        context: provider && provider.text,
         url: url,
         isSelected: isSelected,
         onClick: handleFrameClick,

package/dist/es2019/version.json

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

package/dist/es2019/view/InlineCard/UnauthorisedView/index.js

@@ -1,3 +1,4 @@
+import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import Button from '@atlaskit/button/custom-theme-button';
 import LockIcon from '@atlaskit/icon/glyph/lock-filled';
@@ -30,6 +31,7 @@ export class InlineCardUnauthorizedView extends React.Component {
 
     _defineProperty(this, "renderMessage", () => {
       const {
+        context,
         onAuthorise,
         url
       } = this.props;
@@ -40,7 +42,11 @@ export class InlineCardUnauthorizedView extends React.Component {
         component: IconStyledButton,
         onClick: this.handleConnectAccount,
         testId: "button-connect-account"
-      }, /*#__PURE__*/React.createElement(FormattedMessage, messages.connect_link_account)));
+      }, /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, messages.connect_link_account_card_name, {
+        values: {
+          context
+        }
+      }))));
     });
   }
 

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

@@ -75,6 +75,7 @@ export const InlineCard = ({
       const provider = extractProvider(cardDetails);
       return /*#__PURE__*/React.createElement(InlineCardUnauthorizedView, {
         icon: provider && provider.icon,
+        context: provider && provider.text,
         url: url,
         isSelected: isSelected,
         onClick: handleFrameClick,

package/dist/esm/version.json

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

package/dist/esm/view/InlineCard/UnauthorisedView/index.js

@@ -1,3 +1,4 @@
+import _extends from "@babel/runtime/helpers/extends";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
 import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
@@ -51,6 +52,7 @@ export var InlineCardUnauthorizedView = /*#__PURE__*/function (_React$Component)
 
     _defineProperty(_assertThisInitialized(_this), "renderMessage", function () {
       var _this$props = _this.props,
+          context = _this$props.context,
           onAuthorise = _this$props.onAuthorise,
           url = _this$props.url;
       var link = /*#__PURE__*/React.createElement(LinkAppearance, null, url);
@@ -60,7 +62,11 @@ export var InlineCardUnauthorizedView = /*#__PURE__*/function (_React$Component)
         component: IconStyledButton,
         onClick: _this.handleConnectAccount,
         testId: "button-connect-account"
-      }, /*#__PURE__*/React.createElement(FormattedMessage, messages.connect_link_account)));
+      }, /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, messages.connect_link_account_card_name, {
+        values: {
+          context: context
+        }
+      }))));
     });
 
     return _this;

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

@@ -72,6 +72,7 @@ export var InlineCard = function InlineCard(_ref) {
       var provider = extractProvider(cardDetails);
       return /*#__PURE__*/React.createElement(InlineCardUnauthorizedView, {
         icon: provider && provider.icon,
+        context: provider && provider.text,
         url: url,
         isSelected: isSelected,
         onClick: handleFrameClick,

package/dist/types/view/InlineCard/UnauthorisedView/index.d.ts

@@ -4,6 +4,8 @@ export interface InlineCardUnauthorizedViewProps {
     url: string;
     /** The icon of the service (e.g. Dropbox/Asana/Google/etc) to display */
     icon?: React.ReactNode;
+    /** The name of the service (e.g. Dropbox/Asana/Google/etc) to display */
+    context?: string;
     /** The optional click handler */
     onClick?: React.EventHandler<React.MouseEvent | React.KeyboardEvent>;
     /** What to do when a user hit "Try another account" button */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/smart-card",
-  "version": "23.4.0",
+  "version": "23.4.1",
   "description": "Smart card component",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"