@atlaskit/smart-card 22.0.0 → 22.1.2

package/CHANGELOG.md

@@ -1,5 +1,27 @@
 # @atlaskit/smart-card
 
+## 22.1.2
+
+### Patch Changes
+
+- [`46059beebbf`](https://bitbucket.org/atlassian/atlassian-frontend/commits/46059beebbf) - - include **tests_external** in build
+  - replace usage of @local-cypress package with @cypress
+  - bump @cypress from ^6.4.0 to ^7.7.0
+  - import cypress types into @atlaskit/in-product-testing tsconfig
+
+## 22.1.1
+
+### Patch Changes
+
+- [`9c7cc4139ec`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9c7cc4139ec) - Partially remove Lozenge CSS override which conflicts with updated Lozenge styling.
+- Updated dependencies
+
+## 22.1.0
+
+### Minor Changes
+
+- [`c908307ef8e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/c908307ef8e) - Embed Preview: Update embed preview modal analytics
+
 ## 22.0.0
 
 ### Major Changes

package/dist/cjs/__tests_external__/index.js

@@ -0,0 +1,53 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "BlockCardPageObject", {
+  enumerable: true,
+  get: function get() {
+    return _BlockCard.BlockCardPageObject;
+  }
+});
+Object.defineProperty(exports, "EmbedCardPageObject", {
+  enumerable: true,
+  get: function get() {
+    return _EmbedCard.EmbedCardPageObject;
+  }
+});
+Object.defineProperty(exports, "InlineCardPageObject", {
+  enumerable: true,
+  get: function get() {
+    return _InlineCard.InlineCardPageObject;
+  }
+});
+Object.defineProperty(exports, "blockSmartLinkRendersTestCase", {
+  enumerable: true,
+  get: function get() {
+    return _card.blockSmartLinkRendersTestCase;
+  }
+});
+Object.defineProperty(exports, "embedSmartLinkRendersTestCase", {
+  enumerable: true,
+  get: function get() {
+    return _embed.embedSmartLinkRendersTestCase;
+  }
+});
+Object.defineProperty(exports, "inlineSmartLinkRendersTestCase", {
+  enumerable: true,
+  get: function get() {
+    return _inline.inlineSmartLinkRendersTestCase;
+  }
+});
+
+var _InlineCard = require("./page-objects/InlineCard");
+
+var _BlockCard = require("./page-objects/BlockCard");
+
+var _EmbedCard = require("./page-objects/EmbedCard");
+
+var _inline = require("./test-cases/inline");
+
+var _card = require("./test-cases/card");
+
+var _embed = require("./test-cases/embed");

package/dist/cjs/__tests_external__/page-objects/BaseCard.js

@@ -0,0 +1,115 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.BaseCardPageObject = void 0;
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _inProductTesting = require("@atlaskit/in-product-testing");
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+var BaseCardPageObject = /*#__PURE__*/function (_InProductTestPageObj) {
+  (0, _inherits2.default)(BaseCardPageObject, _InProductTestPageObj);
+
+  var _super = _createSuper(BaseCardPageObject);
+
+  function BaseCardPageObject(cy, appearance) {
+    var _this;
+
+    (0, _classCallCheck2.default)(this, BaseCardPageObject);
+    _this = _super.call(this, cy);
+    _this.cy = cy;
+    _this.appearance = appearance;
+    return _this;
+  }
+
+  (0, _createClass2.default)(BaseCardPageObject, [{
+    key: "_toSelector",
+    value: function _toSelector(appearance, status) {
+      var viewSelector = status.replace(/_/g, '-');
+      return this.toTestId("".concat(appearance, "-card-").concat(viewSelector, "-view"));
+    }
+  }, {
+    key: "expectCardReady",
+    value: function expectCardReady() {
+      var _this2 = this;
+
+      var numOfCards = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1;
+      var status = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'resolved';
+
+      var selector = this._toSelector(this.appearance, status);
+
+      return this.cy // NOTE: `timeout` used since Smart Links rely on a network response.
+      .get(selector, {
+        timeout: BaseCardPageObject.CARD_TIMEOUT
+      }).should('have.length', numOfCards).each(function (element) {
+        _this2.cy.wrap(element) // NOTE: `be.visible` is used to ensure the file is still visible
+        // whilst it is being uploaded.
+        .should('be.visible');
+      });
+    }
+  }, {
+    key: "expectCardNotExists",
+    value: function expectCardNotExists() {
+      var status = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'resolved';
+
+      var selector = this._toSelector(this.appearance, status);
+
+      return this.cy.get(selector).should('not.exist');
+    }
+  }, {
+    key: "findCardNth",
+    value: function findCardNth() {
+      var nth = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1;
+      var status = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'resolved';
+
+      var selector = this._toSelector(this.appearance, status);
+
+      return this.cy // NOTE: `timeout` used since Smart Links rely on a network response.
+      .get(selector, {
+        timeout: BaseCardPageObject.CARD_TIMEOUT
+      }).should('have.length.at.least', nth).should('be.visible').eq(nth - 1);
+    }
+  }, {
+    key: "assertHrefRendered",
+    value: function assertHrefRendered(url) {
+      return this.cy.get("a[href=\"".concat(url, "\"]"), {
+        timeout: BaseCardPageObject.CARD_TIMEOUT
+      }).should('be.visible');
+    }
+  }, {
+    key: "assertHrefNotRendered",
+    value: function assertHrefNotRendered(url) {
+      return this.cy.get("a[href=\"".concat(url, "\"]"), {
+        timeout: BaseCardPageObject.CARD_TIMEOUT
+      }).should('not.exist');
+    }
+  }, {
+    key: "click",
+    value: function click() {
+      var status = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'resolved';
+      return this.findCardNth(1, status).click();
+    }
+  }]);
+  return BaseCardPageObject;
+}(_inProductTesting.InProductTestPageObject);
+
+exports.BaseCardPageObject = BaseCardPageObject;
+(0, _defineProperty2.default)(BaseCardPageObject, "CARD_TIMEOUT", 15000);

package/dist/cjs/__tests_external__/page-objects/BlockCard.js

@@ -0,0 +1,43 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.BlockCardPageObject = void 0;
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _BaseCard = require("./BaseCard");
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+var BlockCardPageObject = /*#__PURE__*/function (_BaseCardPageObject) {
+  (0, _inherits2.default)(BlockCardPageObject, _BaseCardPageObject);
+
+  var _super = _createSuper(BlockCardPageObject);
+
+  function BlockCardPageObject(cy) {
+    var _this;
+
+    (0, _classCallCheck2.default)(this, BlockCardPageObject);
+    _this = _super.call(this, cy, 'block');
+    _this.cy = cy;
+    return _this;
+  }
+
+  return (0, _createClass2.default)(BlockCardPageObject);
+}(_BaseCard.BaseCardPageObject);
+
+exports.BlockCardPageObject = BlockCardPageObject;

package/dist/cjs/__tests_external__/page-objects/EmbedCard.js

@@ -0,0 +1,43 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.EmbedCardPageObject = void 0;
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _BaseCard = require("./BaseCard");
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+var EmbedCardPageObject = /*#__PURE__*/function (_BaseCardPageObject) {
+  (0, _inherits2.default)(EmbedCardPageObject, _BaseCardPageObject);
+
+  var _super = _createSuper(EmbedCardPageObject);
+
+  function EmbedCardPageObject(cy) {
+    var _this;
+
+    (0, _classCallCheck2.default)(this, EmbedCardPageObject);
+    _this = _super.call(this, cy, 'embed');
+    _this.cy = cy;
+    return _this;
+  }
+
+  return (0, _createClass2.default)(EmbedCardPageObject);
+}(_BaseCard.BaseCardPageObject);
+
+exports.EmbedCardPageObject = EmbedCardPageObject;

package/dist/cjs/__tests_external__/page-objects/InlineCard.js

@@ -0,0 +1,43 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.InlineCardPageObject = void 0;
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _BaseCard = require("./BaseCard");
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+var InlineCardPageObject = /*#__PURE__*/function (_BaseCardPageObject) {
+  (0, _inherits2.default)(InlineCardPageObject, _BaseCardPageObject);
+
+  var _super = _createSuper(InlineCardPageObject);
+
+  function InlineCardPageObject(cy) {
+    var _this;
+
+    (0, _classCallCheck2.default)(this, InlineCardPageObject);
+    _this = _super.call(this, cy, 'inline');
+    _this.cy = cy;
+    return _this;
+  }
+
+  return (0, _createClass2.default)(InlineCardPageObject);
+}(_BaseCard.BaseCardPageObject);
+
+exports.InlineCardPageObject = InlineCardPageObject;

package/dist/cjs/__tests_external__/test-cases/card.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.blockSmartLinkRendersTestCase = void 0;
+
+var _inProductTesting = require("@atlaskit/in-product-testing");
+
+var _BlockCard = require("../page-objects/BlockCard");
+
+var blockSmartLinkRendersTestCase = function blockSmartLinkRendersTestCase(_ref) {
+  var url = _ref.url,
+      _ref$status = _ref.status,
+      status = _ref$status === void 0 ? 'resolved' : _ref$status;
+  return new _inProductTesting.InProductTestCase({
+    title: 'Block Smart Link is visible in the resolved state',
+    id: 'block-smart-link-resolved',
+    assertions: function assertions(cy) {
+      var blockCard = new _BlockCard.BlockCardPageObject(cy);
+      blockCard.assertHrefRendered(url);
+      blockCard.expectCardReady(1, status);
+    }
+  });
+};
+
+exports.blockSmartLinkRendersTestCase = blockSmartLinkRendersTestCase;

package/dist/cjs/__tests_external__/test-cases/embed.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.embedSmartLinkRendersTestCase = void 0;
+
+var _inProductTesting = require("@atlaskit/in-product-testing");
+
+var _EmbedCard = require("../page-objects/EmbedCard");
+
+var embedSmartLinkRendersTestCase = function embedSmartLinkRendersTestCase(_ref) {
+  var url = _ref.url,
+      _ref$status = _ref.status,
+      status = _ref$status === void 0 ? 'resolved' : _ref$status;
+  return new _inProductTesting.InProductTestCase({
+    title: 'Embed Smart Link is visible in the resolved state',
+    id: 'embed-smart-link-resolved',
+    assertions: function assertions(cy) {
+      var embedCard = new _EmbedCard.EmbedCardPageObject(cy);
+      embedCard.assertHrefRendered(url);
+      embedCard.expectCardReady(1, status);
+    }
+  });
+};
+
+exports.embedSmartLinkRendersTestCase = embedSmartLinkRendersTestCase;

package/dist/cjs/__tests_external__/test-cases/inline.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.inlineSmartLinkRendersTestCase = void 0;
+
+var _inProductTesting = require("@atlaskit/in-product-testing");
+
+var _InlineCard = require("../page-objects/InlineCard");
+
+var inlineSmartLinkRendersTestCase = function inlineSmartLinkRendersTestCase(_ref) {
+  var url = _ref.url,
+      _ref$status = _ref.status,
+      status = _ref$status === void 0 ? 'resolved' : _ref$status;
+  return new _inProductTesting.InProductTestCase({
+    title: 'Inline Smart Link is visible in the resolved state',
+    id: 'inline-smart-link-resolved',
+    assertions: function assertions(cy) {
+      var inlineCard = new _InlineCard.InlineCardPageObject(cy);
+      inlineCard.assertHrefRendered(url);
+      inlineCard.expectCardReady(1, status);
+    }
+  });
+};
+
+exports.inlineSmartLinkRendersTestCase = inlineSmartLinkRendersTestCase;

package/dist/cjs/__tests_external__/test-cases/types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/dist/cjs/extractors/block/index.js

@@ -55,14 +55,13 @@ var extractBlockDetails = function extractBlockDetails(jsonLd) {
 
 var extractBlockActions = function extractBlockActions(props, jsonLd, opts, platform) {
   if (opts) {
-    var featureFlags = opts.featureFlags,
-        handleInvoke = opts.handleInvoke,
-        handleAnalytics = opts.handleAnalytics,
-        extensionKey = opts.extensionKey,
-        source = opts.source,
-        testId = opts.testId;
+    var handleInvoke = opts.handleInvoke;
     var actions = (0, _extractActions.extractActions)(jsonLd, handleInvoke);
-    var previewAction = (0, _extractPreviewAction.extractPreviewAction)(extensionKey, props, jsonLd, handleInvoke, handleAnalytics, testId, platform, source, featureFlags); // The previewAction should always be the last action
+    var previewAction = (0, _extractPreviewAction.extractPreviewAction)(_objectSpread(_objectSpread({}, opts), {}, {
+      viewProps: props,
+      jsonLd: jsonLd,
+      platform: platform
+    })); // The previewAction should always be the last action
 
     if (previewAction) {
       actions.push(previewAction);

package/dist/cjs/extractors/common/actions/extractPreviewAction.js

@@ -9,8 +9,6 @@ exports.extractPreviewAction = void 0;
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
-var _analytics = require("../../../utils/analytics");
-
 var _detail = require("../detail");
 
 var _extractors = require("@atlaskit/linking-common/extractors");
@@ -63,16 +61,19 @@ var getInvokeOpts = function getInvokeOpts(key, action, source) {
   };
 };
 
-var extractPreviewAction = function extractPreviewAction() {
-  var extensionKey = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'empty-object-provider';
-  var viewProps = arguments.length > 1 ? arguments[1] : undefined;
-  var jsonLd = arguments.length > 2 ? arguments[2] : undefined;
-  var handleInvoke = arguments.length > 3 ? arguments[3] : undefined;
-  var handleAnalytics = arguments.length > 4 ? arguments[4] : undefined;
-  var testId = arguments.length > 5 ? arguments[5] : undefined;
-  var platform = arguments.length > 6 ? arguments[6] : undefined;
-  var source = arguments.length > 7 ? arguments[7] : undefined;
-  var featureFlags = arguments.length > 8 ? arguments[8] : undefined;
+var extractPreviewAction = function extractPreviewAction(_ref) {
+  var _ref$extensionKey = _ref.extensionKey,
+      extensionKey = _ref$extensionKey === void 0 ? 'empty-object-provider' : _ref$extensionKey,
+      viewProps = _ref.viewProps,
+      jsonLd = _ref.jsonLd,
+      handleInvoke = _ref.handleInvoke,
+      testId = _ref.testId,
+      platform = _ref.platform,
+      origin = _ref.origin,
+      _ref$source = _ref.source,
+      source = _ref$source === void 0 ? 'block' : _ref$source,
+      featureFlags = _ref.featureFlags,
+      analytics = _ref.analytics;
   // Extract metadata from view props & raw JSON-LD.
   var metadataFromJsonLd = getMetadataFromJsonLd(jsonLd, platform);
   var metadataFromViewProps = getMetadataFromResolvedProps(viewProps);
@@ -84,22 +85,10 @@ var extractPreviewAction = function extractPreviewAction() {
     // Build action using instrumentation hooks.
     var key = extensionKey;
     var previewAction = (0, _BlockCard.PreviewAction)(_objectSpread(_objectSpread({}, metadata), {}, {
+      analytics: analytics,
+      origin: origin,
       featureFlags: featureFlags,
       testId: testId,
-      onOpen: function onOpen() {
-        handleAnalytics((0, _analytics.uiRenderSuccessEvent)({
-          display: 'preview',
-          status: 'resolved',
-          extensionKey: key
-        }));
-      },
-      onOpenFailed: function onOpenFailed(error, errorInfo) {
-        handleAnalytics((0, _analytics.uiRenderFailedEvent)({
-          display: 'preview',
-          error: error,
-          errorInfo: errorInfo
-        }));
-      },
       onDownloadActionClick: function onDownloadActionClick() {
         handleInvoke(getInvokeOpts(key, 'DownloadAction'));
       },
@@ -109,7 +98,7 @@ var extractPreviewAction = function extractPreviewAction() {
     })); // Setup props to go through proper Redux 'invocation' flow
     // for analytics, further state management if required in future.
 
-    var previewActionProps = getInvokeOpts(key, 'PreviewAction', source !== null && source !== void 0 ? source : 'block'); // - Promise invoked by the action invocation handler; open preview.
+    var previewActionProps = getInvokeOpts(key, 'PreviewAction', source); // - Promise invoked by the action invocation handler; open preview.
 
     previewActionProps.action.promise = previewAction.promise; // - Promise invoked on click of `Preview` on block card; trigger above promise.
 

package/dist/cjs/state/analytics/useSmartLinkAnalytics.js

@@ -135,6 +135,21 @@ var useSmartLinkAnalytics = function useSmartLinkAnalytics(url, dispatchAnalytic
         }), commonAttributes));
       },
 
+      /**
+       * This fires an event that represents when a user
+       * click a button.
+       * @param data A partial analytics event payload
+       */
+      buttonClickedEvent: function buttonClickedEvent(data) {
+        return dispatchAnalytics(applyCommonAttributes({
+          action: 'clicked',
+          actionSubject: 'button',
+          actionSubjectId: data.actionSubjectId,
+          attributes: _objectSpread(_objectSpread({}, _analytics.context), data.attributes),
+          eventType: 'ui'
+        }, commonAttributes));
+      },
+
       /**
        * This fires an event that represents when a user clicks on a Smart Link.
        * @param id The unique ID for this Smart Link.
@@ -266,6 +281,20 @@ var useSmartLinkAnalytics = function useSmartLinkAnalytics(url, dispatchAnalytic
         }), commonAttributes));
       },
 
+      /**
+       * This fires an event that represents when a user close a modal.
+       * @param data A partial analytics event payload
+       */
+      modalClosedEvent: function modalClosedEvent(data) {
+        return dispatchAnalytics(applyCommonAttributes({
+          action: 'closed',
+          actionSubject: 'modal',
+          actionSubjectId: data.actionSubjectId,
+          attributes: _objectSpread(_objectSpread({}, _analytics.context), data.attributes),
+          eventType: 'ui'
+        }, commonAttributes));
+      },
+
       /**
        * This fires an event that represents when a Smart Link was rendered successfully.
        * Note: this fires even if the Smart Link request errored out.
@@ -630,6 +659,20 @@ var useSmartLinkAnalytics = function useSmartLinkAnalytics(url, dispatchAnalytic
           destinationSubproduct: destinationSubproduct,
           location: location
         })), commonAttributes));
+      },
+
+      /**
+       * This fires an event that represents when a user view a modal.
+       * @param data A partial analytics event payload
+       */
+      modalViewedEvent: function modalViewedEvent(data) {
+        return dispatchAnalytics(applyCommonAttributes({
+          action: 'viewed',
+          actionSubject: data.name,
+          attributes: _objectSpread(_objectSpread({}, _analytics.context), data.attributes),
+          eventType: 'screen',
+          name: data.name
+        }, commonAttributes));
       }
     };
   }, [commonAttributes, dispatchAnalytics]);

package/dist/cjs/state/hooks-external/useSmartLinkActions.js

@@ -30,7 +30,8 @@ function useSmartLinkActions(_ref) {
       appearance = _ref.appearance,
       analyticsHandler = _ref.analyticsHandler,
       _ref$platform = _ref.platform,
-      platform = _ref$platform === void 0 ? 'web' : _ref$platform;
+      platform = _ref$platform === void 0 ? 'web' : _ref$platform,
+      origin = _ref.origin;
   var id = (0, _react.useMemo)(function () {
     return (0, _uuid.default)();
   }, []);
@@ -60,7 +61,8 @@ function useSmartLinkActions(_ref) {
       handleInvoke: function handleInvoke(opts) {
         return linkActions.invoke(opts, appearance);
       },
-      handleAnalytics: analyticsHandler,
+      analytics: linkAnalytics,
+      origin: origin,
       extensionKey: (0, _helpers.getExtensionKey)(linkState.details),
       source: appearance
     }, undefined, platform);
@@ -77,6 +79,6 @@ function useSmartLinkActions(_ref) {
       };
     });
     setActions(cardActions);
-  }, [linkState, linkActions, analyticsHandler, appearance, platform, embedModalSize]);
+  }, [linkState, linkActions, linkAnalytics, appearance, platform, embedModalSize, origin]);
   return actions;
 }

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

@@ -451,7 +451,7 @@ var uiRenderFailedEvent = function uiRenderFailedEvent(_ref14) {
     actionSubject: 'smartLink',
     action: 'renderFailed',
     eventType: 'ui',
-    attributes: {
+    attributes: _objectSpread(_objectSpread({}, context), {}, {
       error: error,
       errorInfo: errorInfo,
       display: display,
@@ -460,7 +460,7 @@ var uiRenderFailedEvent = function uiRenderFailedEvent(_ref14) {
       destinationProduct: destinationProduct,
       destinationSubproduct: destinationSubproduct,
       location: location
-    }
+    })
   };
 };