@atlaskit/editor-plugin-insert-block 1.13.0 → 1.14.0

package/dist/cjs/ui/templateOptions.js

@@ -6,65 +6,136 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.templateOptions = void 0;
 var _react = _interopRequireDefault(require("react"));
+var _analytics = require("@atlaskit/editor-common/analytics");
+var _model = require("@atlaskit/editor-prosemirror/model");
 var _actionList = _interopRequireDefault(require("../assets/action-list"));
 var _approvalsTracker = _interopRequireDefault(require("../assets/approvals-tracker"));
 var _decisionMatrix = _interopRequireDefault(require("../assets/decision-matrix"));
 var _discussionNotes = _interopRequireDefault(require("../assets/discussion-notes"));
 var _instructionsOutline = _interopRequireDefault(require("../assets/instructions-outline"));
-var templateOptions = exports.templateOptions = [{
-  title: 'Discussion notes',
-  description: 'Record discussion points and action items',
-  keywords: ['decisions', 'summary', 'meeting', 'chat', 'debrief', 'track', 'keep track', 'tasks', 'outstanding items', 'owners'],
-  // Place templates right after AI item
-  priority: 99,
-  icon: function icon() {
-    return /*#__PURE__*/_react.default.createElement(_discussionNotes.default, null);
-  },
-  action: function action() {
-    return false;
-  }
-}, {
-  title: 'Approvals tracker',
-  description: 'Track reviewer approvals and dates',
-  keywords: ['reviews', 'requests', 'rejected requests', 'review dates', 'timeline', 'checklist', 'sme timeline', 'sme requests', 'sme check', 'table'],
-  priority: 99,
-  icon: function icon() {
-    return /*#__PURE__*/_react.default.createElement(_approvalsTracker.default, null);
-  },
-  action: function action() {
-    return false;
-  }
-}, {
-  title: 'Decision matrix',
-  description: 'Compare options and make recommendations',
-  keywords: ['pros', 'cons', 'recommended', 'rationale', 'evaluation', 'options', 'choice', 'table'],
-  priority: 99,
-  icon: function icon() {
-    return /*#__PURE__*/_react.default.createElement(_decisionMatrix.default, null);
-  },
-  action: function action() {
-    return false;
-  }
-}, {
-  title: 'List of actions',
-  description: 'Track tasks, assignees and deadlines',
-  keywords: ['checklist', 'check', 'items', 'shopping list', 'jtbd', 'jobs to be done', 'due date', 'progress', 'task', 'tasks', 'prioritization', 'timeline', 'approvals', 'reviewers', 'review date'],
-  priority: 99,
-  icon: function icon() {
-    return /*#__PURE__*/_react.default.createElement(_actionList.default, null);
-  },
-  action: function action() {
-    return false;
-  }
-}, {
-  title: 'Instructions outline',
-  description: 'Detailed steps for any process',
-  keywords: ['steps', 'manual', 'tasks', 'jobs to be done', 'jtbd', 'how-to', 'guide', 'journey', 'checklist', 'tutorial', 'map', 'brochure', 'columns', 'layout', 'help'],
-  priority: 99,
-  icon: function icon() {
-    return /*#__PURE__*/_react.default.createElement(_instructionsOutline.default, null);
-  },
-  action: function action() {
-    return false;
-  }
-}];
+var _templates = require("./templates");
+var getTemplateInsertionPayload = function getTemplateInsertionPayload(templateType, source) {
+  return {
+    action: _analytics.ACTION.INSERTED,
+    actionSubject: _analytics.ACTION_SUBJECT.DOCUMENT,
+    actionSubjectId: 'elementTemplate',
+    attributes: {
+      inputMethod: source !== null && source !== void 0 ? source : _analytics.INPUT_METHOD.QUICK_INSERT,
+      templateType: templateType
+    },
+    eventType: _analytics.EVENT_TYPE.TRACK
+  };
+};
+var getTableWidth = function getTableWidth(api) {
+  var _api$table;
+  return api !== null && api !== void 0 && (_api$table = api.table) !== null && _api$table !== void 0 && (_api$table = _api$table.sharedState.currentState()) !== null && _api$table !== void 0 && _api$table.isFullWidthModeEnabled ? 1800 : 760;
+};
+var templateOptions = exports.templateOptions = function templateOptions(api) {
+  return [{
+    title: 'Discussion notes',
+    // @ts-ignore
+    id: 'discussionNotes',
+    description: 'Record discussion points and action items',
+    keywords: ['decisions', 'summary', 'meeting', 'chat', 'debrief', 'track', 'keep track', 'tasks', 'outstanding items', 'owners'],
+    // Place templates right after AI item
+    priority: 99,
+    icon: function icon() {
+      return /*#__PURE__*/_react.default.createElement(_discussionNotes.default, null);
+    },
+    action: function action(insert, state, source) {
+      var _api$analytics;
+      var tr = insert(_model.Fragment.fromJSON(state.schema, (0, _templates.discussionNotes)(getTableWidth(api))), {
+        // @ts-ignore
+        isTemplate: true
+      });
+      api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 || _api$analytics.actions.attachAnalyticsEvent(
+      // @ts-ignore
+      getTemplateInsertionPayload('discussionNotes', source))(tr);
+      return tr;
+    }
+  }, {
+    title: 'Approvals tracker',
+    // @ts-ignore
+    id: 'approvalsTracker',
+    description: 'Track reviewer approvals and dates',
+    keywords: ['reviews', 'requests', 'rejected requests', 'review dates', 'timeline', 'checklist', 'sme timeline', 'sme requests', 'sme check', 'table'],
+    priority: 99,
+    icon: function icon() {
+      return /*#__PURE__*/_react.default.createElement(_approvalsTracker.default, null);
+    },
+    action: function action(insert, state, source) {
+      var _api$analytics2;
+      var tr = insert(_model.Fragment.fromJSON(state.schema, (0, _templates.approvalsTracker)(getTableWidth(api))), {
+        // @ts-ignore
+        isTemplate: true
+      });
+      api === null || api === void 0 || (_api$analytics2 = api.analytics) === null || _api$analytics2 === void 0 || _api$analytics2.actions.attachAnalyticsEvent(
+      // @ts-ignore
+      getTemplateInsertionPayload('approvalsTracker', source))(tr);
+      return tr;
+    }
+  }, {
+    title: 'Decision matrix',
+    // @ts-ignore
+    id: 'decisionMatrix',
+    description: 'Compare options and make recommendations',
+    keywords: ['pros', 'cons', 'recommended', 'rationale', 'evaluation', 'options', 'choice', 'table'],
+    priority: 99,
+    icon: function icon() {
+      return /*#__PURE__*/_react.default.createElement(_decisionMatrix.default, null);
+    },
+    action: function action(insert, state, source) {
+      var _api$analytics3;
+      var tr = insert(_model.Fragment.fromJSON(state.schema, (0, _templates.decisionMatrix)(getTableWidth(api))), {
+        // @ts-ignore
+        isTemplate: true
+      });
+      api === null || api === void 0 || (_api$analytics3 = api.analytics) === null || _api$analytics3 === void 0 || _api$analytics3.actions.attachAnalyticsEvent(
+      // @ts-ignore
+      getTemplateInsertionPayload('decisionMatrix', source))(tr);
+      return tr;
+    }
+  }, {
+    title: 'List of actions',
+    // @ts-ignore
+    id: 'actionList',
+    description: 'Track tasks, assignees and deadlines',
+    keywords: ['checklist', 'check', 'items', 'shopping list', 'jtbd', 'jobs to be done', 'due date', 'progress', 'task', 'tasks', 'prioritization', 'timeline', 'approvals', 'reviewers', 'review date'],
+    priority: 99,
+    icon: function icon() {
+      return /*#__PURE__*/_react.default.createElement(_actionList.default, null);
+    },
+    action: function action(insert, state, source) {
+      var _api$analytics4;
+      // @ts-ignore
+      var tr = insert(_model.Fragment.fromJSON(state.schema, _templates.actionList), {
+        isTemplate: true
+      });
+      api === null || api === void 0 || (_api$analytics4 = api.analytics) === null || _api$analytics4 === void 0 || _api$analytics4.actions.attachAnalyticsEvent(
+      // @ts-ignore
+      getTemplateInsertionPayload('actionList', source))(tr);
+      return tr;
+    }
+  }, {
+    title: 'Instructions outline',
+    // @ts-ignore
+    id: 'instructionsOutline',
+    description: 'Detailed steps for any process',
+    keywords: ['steps', 'manual', 'tasks', 'jobs to be done', 'jtbd', 'how-to', 'guide', 'journey', 'checklist', 'tutorial', 'map', 'brochure', 'columns', 'layout', 'help'],
+    priority: 99,
+    icon: function icon() {
+      return /*#__PURE__*/_react.default.createElement(_instructionsOutline.default, null);
+    },
+    action: function action(insert, state, source) {
+      var _api$analytics5;
+      // @ts-ignore
+      var tr = insert(_model.Fragment.fromJSON(state.schema, _templates.instructionsOutline), {
+        isTemplate: true
+      });
+      api === null || api === void 0 || (_api$analytics5 = api.analytics) === null || _api$analytics5 === void 0 || _api$analytics5.actions.attachAnalyticsEvent(
+      // @ts-ignore
+      getTemplateInsertionPayload('instructionsOutline', source))(tr);
+      return tr;
+    }
+  }];
+};