@atlaskit/editor-plugin-card/dist/cjs/ui/ToolbarViewedEvent.js

Card plugin for @atlaskit/editor-core

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
var _typeof = require("@babel/runtime/helpers/typeof");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.ToolbarViewedEvent = void 0;
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
var _react = _interopRequireWildcard(require("react"));
var _useAnalyticsEvents2 = require("@atlaskit/analytics-next/useAnalyticsEvents");
var _linkProvider = require("@atlaskit/link-provider");
var _actions = require("../pm-plugins/actions");
var _state = require("../pm-plugins/util/state");
var _utils = require("../pm-plugins/utils");
var _EditorAnalyticsContext = require("./EditorAnalyticsContext");
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 areResolvedAttributesEqual = function areResolvedAttributesEqual(current, next) {
  return (current === null || current === void 0 ? void 0 : current.displayCategory) === (next === null || next === void 0 ? void 0 : next.displayCategory) && (current === null || current === void 0 ? void 0 : current.extensionKey) === (next === null || next === void 0 ? void 0 : next.extensionKey) && (current === null || current === void 0 ? void 0 : current.status) === (next === null || next === void 0 ? void 0 : next.status) && (current === null || current === void 0 ? void 0 : current.statusDetails) === (next === null || next === void 0 ? void 0 : next.statusDetails);
};

/**
 * Handles firing the toolbar viewed event
 */
var ToolbarViewedEventBase = function ToolbarViewedEventBase(_ref) {
  var url = _ref.url,
    display = _ref.display,
    cardContext = _ref.cardContext,
    editorView = _ref.editorView;
  var _useAnalyticsEvents = (0, _useAnalyticsEvents2.useAnalyticsEvents)(),
    createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
  var store = cardContext === null || cardContext === void 0 ? void 0 : cardContext.store;
  (0, _react.useEffect)(function () {
    var _getPluginState;
    var resolvedAttributes = (0, _utils.getResolvedAttributesFromStore)(url, display, store);
    createAnalyticsEvent({
      action: 'viewed',
      actionSubject: 'inlineDialog',
      actionSubjectId: 'editLinkToolbar',
      eventType: 'ui',
      attributes: _objectSpread(_objectSpread({}, resolvedAttributes), {}, {
        display: display
      })
    }).fire('media');
    if (!editorView) {
      return;
    }
    var currentResolvedAttributes = (_getPluginState = (0, _state.getPluginState)(editorView.state)) === null || _getPluginState === void 0 ? void 0 : _getPluginState.resolvedToolbarAttributesByUrl[url];
    if (areResolvedAttributesEqual(currentResolvedAttributes, resolvedAttributes)) {
      return;
    }
    editorView.dispatch((0, _actions.setResolvedToolbarAttributes)(url, resolvedAttributes)(editorView.state.tr));
  }, [createAnalyticsEvent, display, editorView, url, store]);
  return null;
};

/**
 * Provides analytics context and card context
 */
var ToolbarViewedEvent = exports.ToolbarViewedEvent = function ToolbarViewedEvent(_ref2) {
  var url = _ref2.url,
    display = _ref2.display,
    editorView = _ref2.editorView;
  var cardContext = (0, _linkProvider.useSmartLinkContext)();
  return /*#__PURE__*/_react.default.createElement(_EditorAnalyticsContext.EditorAnalyticsContext, {
    editorView: editorView
  }, url ? /*#__PURE__*/_react.default.createElement(ToolbarViewedEventBase, {
    url: url,
    display: display,
    cardContext: cardContext,
    editorView: editorView
  }) : null);
};