@clickview/reports 0.0.8-rc.0 → 0.0.8-rc.1

package/dist/scripts/11-reports.chunk.js

@@ -672,7 +672,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) *
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"STATIC_CHART_OPTIONS\", function() { return STATIC_CHART_OPTIONS; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"getChartOptions\", function() { return getChartOptions; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"getYAxisChartOptions\", function() { return getYAxisChartOptions; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"getTooltipOptions\", function() { return getTooltipOptions; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"getPlotOptions\", function() { return getPlotOptions; });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(\"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var react_dom_server__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(\"../../../node_modules/react-dom/server.browser.js\");\n/* harmony import */ var react_dom_server__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_dom_server__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var projects_player_utils_formatTime__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(\"../player/src/utils/formatTime.ts\");\n/* harmony import */ var projects_player_plugins_engagement_overlay_plugin_components_timepoint_interactions_timepoint_interactions__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(\"../player/src/plugins/engagement-overlay-plugin/components/timepoint-interactions/timepoint-interactions.tsx\");\nfunction _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }\n\nfunction _nonIterableSpread() { throw new TypeError(\"Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\n\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === \"string\") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === \"Object\" && o.constructor) n = o.constructor.name; if (n === \"Map\" || n === \"Set\") return Array.from(o); if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\n\nfunction _iterableToArray(iter) { if (typeof Symbol !== \"undefined\" && Symbol.iterator in Object(iter)) return Array.from(iter); }\n\nfunction _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }\n\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }\n\n\n\n\n\nvar STATIC_CHART_OPTIONS = {\n  title: {\n    text: null\n  },\n  xAxis: {\n    visible: false,\n    minPadding: 0,\n    maxPadding: 0\n  },\n  legend: {\n    enabled: false\n  },\n  credits: {\n    enabled: false\n  },\n  defs: {\n    gradient: {\n      tagName: 'linearGradient',\n      id: 'area-gradient',\n      x1: 0,\n      y1: 1,\n      x2: 0,\n      y2: 0,\n      children: [{\n        tagName: 'stop',\n        offset: 0\n      }, {\n        tagName: 'stop',\n        offset: 1\n      }]\n    }\n  }\n};\nfunction getChartOptions(width, height) {\n  return {\n    styledMode: true,\n    spacing: [15, 0, 0, 0],\n    width: width,\n    height: height\n  };\n}\nfunction getYAxisChartOptions(heatMap) {\n  var maxValue = Math.max.apply(Math, _toConsumableArray(heatMap));\n  return {\n    /**\r\n     * To prevent max values from being cut off, we pad them relative to the chart scale.\r\n     */\n    max: maxValue * 1.05,\n    min: 0,\n    minPadding: 0,\n    maxPadding: 0,\n    allowDecimals: true,\n    startOnTick: false,\n    endOnTick: false,\n    visible: false\n  };\n}\nfunction getTooltipOptions(interactive) {\n  return {\n    formatter: function formatter() {\n      return '<div class=\"cv-engagement-tooltip bg-white rounded\">' + '<div class=\"d-flex justify-content-between\">' + \"<strong>\".concat(Object(projects_player_utils_formatTime__WEBPACK_IMPORTED_MODULE_2__[\"formatTime\"])(this.x), \"</strong>\") + \"\".concat(getTimepointInteractionsHtml(interactive, this.x)) + '</div>' + '<div class=\"d-flex justify-content-between rounded bg-light cv-view-count-container\">' + \"<strong>Views</strong> <span class=\\\"cv-view-count\\\">\".concat(this.y, \"</span>\") + '</div>' + '</div>';\n    },\n    positioner: function positioner(labelWidth, labelHeight, point) {\n      var minX = 0;\n      var maxX = this.chart.plotWidth - labelWidth;\n      var x = point.plotX - labelWidth / 2;\n      return {\n        // Clamp x between min and max\n        x: Math.min(Math.max(x, minX), maxX),\n        y: this.chart.plotTop\n      };\n    },\n    useHTML: true,\n    padding: 0\n  };\n}\nfunction getPlotOptions(moveTimepointIndicator) {\n  return {\n    area: {\n      point: {\n        events: {\n          mouseOver: function mouseOver() {\n            moveTimepointIndicator(this.x);\n          },\n          mouseOut: function mouseOut() {\n            moveTimepointIndicator(null);\n          }\n        }\n      }\n    }\n  };\n}\n\nfunction getTimepointInteractionsHtml(interactive, time) {\n  return react_dom_server__WEBPACK_IMPORTED_MODULE_1___default.a.renderToStaticMarkup(react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(projects_player_plugins_engagement_overlay_plugin_components_timepoint_interactions_timepoint_interactions__WEBPACK_IMPORTED_MODULE_3__[\"TimepointInteractions\"], {\n    time: time,\n    interactive: interactive\n  }));\n}//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi4vcGxheWVyL3NyYy9wbHVnaW5zL2VuZ2FnZW1lbnQtb3ZlcmxheS1wbHVnaW4vY29tcG9uZW50cy9lbmdhZ2VtZW50LW92ZXJsYXkvZW5nYWdlbWVudC1vdmVybGF5LWNoYXJ0LW9wdGlvbnMudHN4LmpzIiwic291cmNlcyI6WyJmaWxlOi8vQzovQ2xpY2tWaWV3IFByb2plY3RzL2NsaWNrdmlldy9wYWNrYWdlcy9wcm9qZWN0cy9wbGF5ZXIvc3JjL3BsdWdpbnMvZW5nYWdlbWVudC1vdmVybGF5LXBsdWdpbi9jb21wb25lbnRzL2VuZ2FnZW1lbnQtb3ZlcmxheS9lbmdhZ2VtZW50LW92ZXJsYXktY2hhcnQtb3B0aW9ucy50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcclxuaW1wb3J0IFJlYWN0RE9NU2VydmVyIGZyb20gJ3JlYWN0LWRvbS9zZXJ2ZXInO1xyXG5pbXBvcnQgSGlnaGNoYXJ0cyBmcm9tICdoaWdoY2hhcnRzJztcclxuXHJcbmltcG9ydCB7IEludGVyYWN0aXZlIH0gZnJvbSAnbGlicy9zaGFyZWQvaW50ZXJmYWNlcyc7XHJcblxyXG5pbXBvcnQgeyBmb3JtYXRUaW1lIH0gZnJvbSAncHJvamVjdHMvcGxheWVyL3V0aWxzL2Zvcm1hdFRpbWUnO1xyXG5cclxuaW1wb3J0IHsgVGltZXBvaW50SW50ZXJhY3Rpb25zIH0gZnJvbSAncHJvamVjdHMvcGxheWVyL3BsdWdpbnMvZW5nYWdlbWVudC1vdmVybGF5LXBsdWdpbi9jb21wb25lbnRzL3RpbWVwb2ludC1pbnRlcmFjdGlvbnMvdGltZXBvaW50LWludGVyYWN0aW9ucyc7XHJcblxyXG5leHBvcnQgY29uc3QgU1RBVElDX0NIQVJUX09QVElPTlM6IEhpZ2hjaGFydHMuT3B0aW9ucyA9IHtcclxuICB0aXRsZToge1xyXG4gICAgdGV4dDogbnVsbFxyXG4gIH0sXHJcbiAgeEF4aXM6IHtcclxuICAgIHZpc2libGU6IGZhbHNlLFxyXG4gICAgbWluUGFkZGluZzogMCxcclxuICAgIG1heFBhZGRpbmc6IDBcclxuICB9LFxyXG4gIGxlZ2VuZDoge1xyXG4gICAgZW5hYmxlZDogZmFsc2VcclxuICB9LFxyXG4gIGNyZWRpdHM6IHtcclxuICAgIGVuYWJsZWQ6IGZhbHNlXHJcbiAgfSxcclxuICBkZWZzOiB7XHJcbiAgICBncmFkaWVudDogKHtcclxuICAgICAgdGFnTmFtZTogJ2xpbmVhckdyYWRpZW50JyxcclxuICAgICAgaWQ6ICdhcmVhLWdyYWRpZW50JyxcclxuICAgICAgeDE6IDAsXHJcbiAgICAgIHkxOiAxLFxyXG4gICAgICB4MjogMCxcclxuICAgICAgeTI6IDAsXHJcbiAgICAgIGNoaWxkcmVuOiBbXHJcbiAgICAgICAgKHtcclxuICAgICAgICAgIHRhZ05hbWU6ICdzdG9wJyxcclxuICAgICAgICAgIG9mZnNldDogMFxyXG4gICAgICAgIH0gYXMgSGlnaGNoYXJ0cy5BU1ROb2RlKSxcclxuICAgICAgICAoe1xyXG4gICAgICAgICAgdGFnTmFtZTogJ3N0b3AnLFxyXG4gICAgICAgICAgb2Zmc2V0OiAxXHJcbiAgICAgICAgfSBhcyBIaWdoY2hhcnRzLkFTVE5vZGUpXHJcbiAgICAgIF1cclxuICAgIH0gYXMgSGlnaGNoYXJ0cy5BU1ROb2RlKVxyXG4gIH1cclxufTtcclxuXHJcbmV4cG9ydCBmdW5jdGlvbiBnZXRDaGFydE9wdGlvbnMod2lkdGg6IG51bWJlciwgaGVpZ2h0OiBudW1iZXIpOiBIaWdoY2hhcnRzLkNoYXJ0T3B0aW9ucyB7XHJcbiAgcmV0dXJuIHtcclxuICAgIHN0eWxlZE1vZGU6IHRydWUsXHJcbiAgICBzcGFjaW5nOiBbIDE1LCAwLCAwLCAwIF0sXHJcbiAgICB3aWR0aCxcclxuICAgIGhlaWdodFxyXG4gIH07XHJcbn1cclxuXHJcbmV4cG9ydCBmdW5jdGlvbiBnZXRZQXhpc0NoYXJ0T3B0aW9ucyhoZWF0TWFwOiBudW1iZXJbXSk6IEhpZ2hjaGFydHMuWUF4aXNPcHRpb25zIHtcclxuICBjb25zdCBtYXhWYWx1ZSA9IE1hdGgubWF4KC4uLmhlYXRNYXApO1xyXG5cclxuICByZXR1cm4ge1xyXG4gICAgLyoqXHJcbiAgICAgKiBUbyBwcmV2ZW50IG1heCB2YWx1ZXMgZnJvbSBiZWluZyBjdXQgb2ZmLCB3ZSBwYWQgdGhlbSByZWxhdGl2ZSB0byB0aGUgY2hhcnQgc2NhbGUuXHJcbiAgICAgKi9cclxuICAgIG1heDogbWF4VmFsdWUgKiAxLjA1LFxyXG4gICAgbWluOiAwLFxyXG4gICAgbWluUGFkZGluZzogMCxcclxuICAgIG1heFBhZGRpbmc6IDAsXHJcbiAgICBhbGxvd0RlY2ltYWxzOiB0cnVlLFxyXG4gICAgc3RhcnRPblRpY2s6IGZhbHNlLFxyXG4gICAgZW5kT25UaWNrOiBmYWxzZSxcclxuICAgIHZpc2libGU6IGZhbHNlXHJcbiAgfTtcclxufVxyXG5cclxuZXhwb3J0IGZ1bmN0aW9uIGdldFRvb2x0aXBPcHRpb25zKGludGVyYWN0aXZlOiBJbnRlcmFjdGl2ZSk6IEhpZ2hjaGFydHMuVG9vbHRpcE9wdGlvbnMge1xyXG4gIHJldHVybiB7XHJcbiAgICBmb3JtYXR0ZXI6IGZ1bmN0aW9uICgpIHtcclxuICAgICAgcmV0dXJuIChcclxuICAgICAgICAnPGRpdiBjbGFzcz1cImN2LWVuZ2FnZW1lbnQtdG9vbHRpcCBiZy13aGl0ZSByb3VuZGVkXCI+J1xyXG4gICAgICAgICsgJzxkaXYgY2xhc3M9XCJkLWZsZXgganVzdGlmeS1jb250ZW50LWJldHdlZW5cIj4nXHJcbiAgICAgICAgKyBgPHN0cm9uZz4ke2Zvcm1hdFRpbWUodGhpcy54KX08L3N0cm9uZz5gXHJcbiAgICAgICAgKyBgJHtnZXRUaW1lcG9pbnRJbnRlcmFjdGlvbnNIdG1sKGludGVyYWN0aXZlLCB0aGlzLngpfWBcclxuICAgICAgICArICc8L2Rpdj4nXHJcbiAgICAgICAgKyAnPGRpdiBjbGFzcz1cImQtZmxleCBqdXN0aWZ5LWNvbnRlbnQtYmV0d2VlbiByb3VuZGVkIGJnLWxpZ2h0IGN2LXZpZXctY291bnQtY29udGFpbmVyXCI+J1xyXG4gICAgICAgICsgYDxzdHJvbmc+Vmlld3M8L3N0cm9uZz4gPHNwYW4gY2xhc3M9XCJjdi12aWV3LWNvdW50XCI+JHt0aGlzLnl9PC9zcGFuPmBcclxuICAgICAgICArICc8L2Rpdj4nXHJcbiAgICAgICAgKyAnPC9kaXY+J1xyXG4gICAgICApO1xyXG4gICAgfSxcclxuICAgIHBvc2l0aW9uZXI6IGZ1bmN0aW9uIChcclxuICAgICAgbGFiZWxXaWR0aDogbnVtYmVyLFxyXG4gICAgICBsYWJlbEhlaWdodDogbnVtYmVyLFxyXG4gICAgICBwb2ludDogSGlnaGNoYXJ0cy5Ub29sdGlwUG9zaXRpb25lclBvaW50T2JqZWN0XHJcbiAgICApIHtcclxuICAgICAgY29uc3QgbWluWCA9IDA7XHJcbiAgICAgIGNvbnN0IG1heFggPSB0aGlzLmNoYXJ0LnBsb3RXaWR0aCAtIGxhYmVsV2lkdGg7XHJcbiAgICAgIGNvbnN0IHggPSBwb2ludC5wbG90WCAtIGxhYmVsV2lkdGggLyAyO1xyXG4gICAgICBcclxuICAgICAgcmV0dXJuIHtcclxuICAgICAgICAvLyBDbGFtcCB4IGJldHdlZW4gbWluIGFuZCBtYXhcclxuICAgICAgICB4OiBNYXRoLm1pbihNYXRoLm1heCh4LCBtaW5YKSwgbWF4WCksXHJcbiAgICAgICAgeTogdGhpcy5jaGFydC5wbG90VG9wXHJcbiAgICAgIH07XHJcbiAgICB9LFxyXG4gICAgdXNlSFRNTDogdHJ1ZSxcclxuICAgIHBhZGRpbmc6IDBcclxuICB9O1xyXG59XHJcblxyXG5leHBvcnQgZnVuY3Rpb24gZ2V0UGxvdE9wdGlvbnMobW92ZVRpbWVwb2ludEluZGljYXRvcjogKHg6IG51bWJlciB8IG51bGwpID0+IHZvaWQpOiBIaWdoY2hhcnRzLlBsb3RPcHRpb25zIHtcclxuICByZXR1cm4ge1xyXG4gICAgYXJlYToge1xyXG4gICAgICBwb2ludDoge1xyXG4gICAgICAgIGV2ZW50czoge1xyXG4gICAgICAgICAgbW91c2VPdmVyOiBmdW5jdGlvbiAoKSB7XHJcbiAgICAgICAgICAgIG1vdmVUaW1lcG9pbnRJbmRpY2F0b3IodGhpcy54KTtcclxuICAgICAgICAgIH0sXHJcbiAgICAgICAgICBtb3VzZU91dDogZnVuY3Rpb24gKCkge1xyXG4gICAgICAgICAgICBtb3ZlVGltZXBvaW50SW5kaWNhdG9yKG51bGwpO1xyXG4gICAgICAgICAgfVxyXG4gICAgICAgIH1cclxuICAgICAgfVxyXG4gICAgfVxyXG4gIH07XHJcbn1cclxuXHJcbmZ1bmN0aW9uIGdldFRpbWVwb2ludEludGVyYWN0aW9uc0h0bWwoaW50ZXJhY3RpdmU6IEludGVyYWN0aXZlLCB0aW1lOiBudW1iZXIpOiBzdHJpbmcge1xyXG4gIHJldHVybiBSZWFjdERPTVNlcnZlci5yZW5kZXJUb1N0YXRpY01hcmt1cChcclxuICAgIDxUaW1lcG9pbnRJbnRlcmFjdGlvbnMgdGltZT17dGltZX0gaW50ZXJhY3RpdmU9e2ludGVyYWN0aXZlfSAvPlxyXG4gICk7XHJcbn0iXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBO0FBQ0E7QUFLQTtBQUVBO0FBRUE7QUFDQTtBQUNBO0FBREE7QUFHQTtBQUNBO0FBQ0E7QUFDQTtBQUhBO0FBS0E7QUFDQTtBQURBO0FBR0E7QUFDQTtBQURBO0FBR0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBRUE7QUFDQTtBQUZBO0FBS0E7QUFDQTtBQUZBO0FBWkE7QUFEQTtBQWZBO0FBcUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUpBO0FBTUE7QUFFQTtBQUNBO0FBRUE7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFYQTtBQWFBO0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFXQTtBQUNBO0FBS0E7QUFDQTtBQUNBO0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFIQTtBQUtBO0FBQ0E7QUFDQTtBQTlCQTtBQWdDQTtBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFOQTtBQURBO0FBREE7QUFEQTtBQWNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFBQTtBQUFBO0FBRUEiLCJzb3VyY2VSb290IjoiIn0=\n//# sourceURL=webpack-internal:///../player/src/plugins/engagement-overlay-plugin/components/engagement-overlay/engagement-overlay-chart-options.tsx\n");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"STATIC_CHART_OPTIONS\", function() { return STATIC_CHART_OPTIONS; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"getChartOptions\", function() { return getChartOptions; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"getYAxisChartOptions\", function() { return getYAxisChartOptions; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"getTooltipOptions\", function() { return getTooltipOptions; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"getPlotOptions\", function() { return getPlotOptions; });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(\"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var react_dom_server__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(\"../../../node_modules/react-dom/server.browser.js\");\n/* harmony import */ var react_dom_server__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_dom_server__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var projects_player_utils_formatTime__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(\"../player/src/utils/formatTime.ts\");\n/* harmony import */ var projects_player_plugins_engagement_overlay_plugin_components_timepoint_interactions_timepoint_interactions__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(\"../player/src/plugins/engagement-overlay-plugin/components/timepoint-interactions/timepoint-interactions.tsx\");\nfunction _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }\n\nfunction _nonIterableSpread() { throw new TypeError(\"Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\n\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === \"string\") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === \"Object\" && o.constructor) n = o.constructor.name; if (n === \"Map\" || n === \"Set\") return Array.from(o); if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\n\nfunction _iterableToArray(iter) { if (typeof Symbol !== \"undefined\" && Symbol.iterator in Object(iter)) return Array.from(iter); }\n\nfunction _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }\n\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }\n\n\n\n\n\nvar STATIC_CHART_OPTIONS = {\n  title: {\n    text: null\n  },\n  xAxis: {\n    visible: false,\n    minPadding: 0,\n    maxPadding: 0\n  },\n  legend: {\n    enabled: false\n  },\n  credits: {\n    enabled: false\n  },\n  defs: {\n    gradient: {\n      tagName: 'linearGradient',\n      id: 'area-gradient',\n      x1: 0,\n      y1: 1,\n      x2: 0,\n      y2: 0,\n      children: [{\n        tagName: 'stop',\n        offset: 0\n      }, {\n        tagName: 'stop',\n        offset: 1\n      }]\n    }\n  }\n};\nfunction getChartOptions(width, height) {\n  return {\n    styledMode: true,\n    spacing: [15, 0, 0, 0],\n    width: width,\n    height: height\n  };\n}\nfunction getYAxisChartOptions(heatMap) {\n  var maxValue = Math.max.apply(Math, _toConsumableArray(heatMap));\n  return {\n    /**\r\n     * To prevent max values from being cut off, we pad them relative to the chart scale.\r\n     */\n    max: maxValue * 1.05,\n    min: 0,\n    minPadding: 0,\n    maxPadding: 0,\n    allowDecimals: true,\n    startOnTick: false,\n    endOnTick: false,\n    visible: false\n  };\n}\nfunction getTooltipOptions(interactive) {\n  return {\n    formatter: function formatter() {\n      var timepointInteractionsHtml = interactive ? getTimepointInteractionsHtml(interactive, this.x) : '';\n      return '<div class=\"cv-engagement-tooltip bg-white rounded\">' + '<div class=\"d-flex justify-content-between\">' + \"<strong>\".concat(Object(projects_player_utils_formatTime__WEBPACK_IMPORTED_MODULE_2__[\"formatTime\"])(this.x), \"</strong>\") + \"\".concat(timepointInteractionsHtml) + '</div>' + '<div class=\"d-flex justify-content-between rounded bg-light cv-view-count-container\">' + \"<strong>Views</strong> <span class=\\\"cv-view-count\\\">\".concat(this.y, \"</span>\") + '</div>' + '</div>';\n    },\n    positioner: function positioner(labelWidth, labelHeight, point) {\n      var minX = 0;\n      var maxX = this.chart.plotWidth - labelWidth;\n      var x = point.plotX - labelWidth / 2;\n      return {\n        // Clamp x between min and max\n        x: Math.min(Math.max(x, minX), maxX),\n        y: this.chart.plotTop\n      };\n    },\n    useHTML: true,\n    padding: 0\n  };\n}\nfunction getPlotOptions(moveTimepointIndicator) {\n  return {\n    area: {\n      point: {\n        events: {\n          mouseOver: function mouseOver() {\n            moveTimepointIndicator(this.x);\n          },\n          mouseOut: function mouseOut() {\n            moveTimepointIndicator(null);\n          }\n        }\n      }\n    }\n  };\n}\n\nfunction getTimepointInteractionsHtml(interactive, time) {\n  return react_dom_server__WEBPACK_IMPORTED_MODULE_1___default.a.renderToStaticMarkup(react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(projects_player_plugins_engagement_overlay_plugin_components_timepoint_interactions_timepoint_interactions__WEBPACK_IMPORTED_MODULE_3__[\"TimepointInteractions\"], {\n    time: time,\n    interactive: interactive\n  }));\n}//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi4vcGxheWVyL3NyYy9wbHVnaW5zL2VuZ2FnZW1lbnQtb3ZlcmxheS1wbHVnaW4vY29tcG9uZW50cy9lbmdhZ2VtZW50LW92ZXJsYXkvZW5nYWdlbWVudC1vdmVybGF5LWNoYXJ0LW9wdGlvbnMudHN4LmpzIiwic291cmNlcyI6WyJmaWxlOi8vQzovQ2xpY2tWaWV3IFByb2plY3RzL2NsaWNrdmlldy9wYWNrYWdlcy9wcm9qZWN0cy9wbGF5ZXIvc3JjL3BsdWdpbnMvZW5nYWdlbWVudC1vdmVybGF5LXBsdWdpbi9jb21wb25lbnRzL2VuZ2FnZW1lbnQtb3ZlcmxheS9lbmdhZ2VtZW50LW92ZXJsYXktY2hhcnQtb3B0aW9ucy50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcclxuaW1wb3J0IFJlYWN0RE9NU2VydmVyIGZyb20gJ3JlYWN0LWRvbS9zZXJ2ZXInO1xyXG5pbXBvcnQgSGlnaGNoYXJ0cyBmcm9tICdoaWdoY2hhcnRzJztcclxuXHJcbmltcG9ydCB7IEludGVyYWN0aXZlIH0gZnJvbSAnbGlicy9zaGFyZWQvaW50ZXJmYWNlcyc7XHJcblxyXG5pbXBvcnQgeyBmb3JtYXRUaW1lIH0gZnJvbSAncHJvamVjdHMvcGxheWVyL3V0aWxzL2Zvcm1hdFRpbWUnO1xyXG5cclxuaW1wb3J0IHsgVGltZXBvaW50SW50ZXJhY3Rpb25zIH0gZnJvbSAncHJvamVjdHMvcGxheWVyL3BsdWdpbnMvZW5nYWdlbWVudC1vdmVybGF5LXBsdWdpbi9jb21wb25lbnRzL3RpbWVwb2ludC1pbnRlcmFjdGlvbnMvdGltZXBvaW50LWludGVyYWN0aW9ucyc7XHJcblxyXG5leHBvcnQgY29uc3QgU1RBVElDX0NIQVJUX09QVElPTlM6IEhpZ2hjaGFydHMuT3B0aW9ucyA9IHtcclxuICB0aXRsZToge1xyXG4gICAgdGV4dDogbnVsbFxyXG4gIH0sXHJcbiAgeEF4aXM6IHtcclxuICAgIHZpc2libGU6IGZhbHNlLFxyXG4gICAgbWluUGFkZGluZzogMCxcclxuICAgIG1heFBhZGRpbmc6IDBcclxuICB9LFxyXG4gIGxlZ2VuZDoge1xyXG4gICAgZW5hYmxlZDogZmFsc2VcclxuICB9LFxyXG4gIGNyZWRpdHM6IHtcclxuICAgIGVuYWJsZWQ6IGZhbHNlXHJcbiAgfSxcclxuICBkZWZzOiB7XHJcbiAgICBncmFkaWVudDogKHtcclxuICAgICAgdGFnTmFtZTogJ2xpbmVhckdyYWRpZW50JyxcclxuICAgICAgaWQ6ICdhcmVhLWdyYWRpZW50JyxcclxuICAgICAgeDE6IDAsXHJcbiAgICAgIHkxOiAxLFxyXG4gICAgICB4MjogMCxcclxuICAgICAgeTI6IDAsXHJcbiAgICAgIGNoaWxkcmVuOiBbXHJcbiAgICAgICAgKHtcclxuICAgICAgICAgIHRhZ05hbWU6ICdzdG9wJyxcclxuICAgICAgICAgIG9mZnNldDogMFxyXG4gICAgICAgIH0gYXMgSGlnaGNoYXJ0cy5BU1ROb2RlKSxcclxuICAgICAgICAoe1xyXG4gICAgICAgICAgdGFnTmFtZTogJ3N0b3AnLFxyXG4gICAgICAgICAgb2Zmc2V0OiAxXHJcbiAgICAgICAgfSBhcyBIaWdoY2hhcnRzLkFTVE5vZGUpXHJcbiAgICAgIF1cclxuICAgIH0gYXMgSGlnaGNoYXJ0cy5BU1ROb2RlKVxyXG4gIH1cclxufTtcclxuXHJcbmV4cG9ydCBmdW5jdGlvbiBnZXRDaGFydE9wdGlvbnMod2lkdGg6IG51bWJlciwgaGVpZ2h0OiBudW1iZXIpOiBIaWdoY2hhcnRzLkNoYXJ0T3B0aW9ucyB7XHJcbiAgcmV0dXJuIHtcclxuICAgIHN0eWxlZE1vZGU6IHRydWUsXHJcbiAgICBzcGFjaW5nOiBbIDE1LCAwLCAwLCAwIF0sXHJcbiAgICB3aWR0aCxcclxuICAgIGhlaWdodFxyXG4gIH07XHJcbn1cclxuXHJcbmV4cG9ydCBmdW5jdGlvbiBnZXRZQXhpc0NoYXJ0T3B0aW9ucyhoZWF0TWFwOiBudW1iZXJbXSk6IEhpZ2hjaGFydHMuWUF4aXNPcHRpb25zIHtcclxuICBjb25zdCBtYXhWYWx1ZSA9IE1hdGgubWF4KC4uLmhlYXRNYXApO1xyXG5cclxuICByZXR1cm4ge1xyXG4gICAgLyoqXHJcbiAgICAgKiBUbyBwcmV2ZW50IG1heCB2YWx1ZXMgZnJvbSBiZWluZyBjdXQgb2ZmLCB3ZSBwYWQgdGhlbSByZWxhdGl2ZSB0byB0aGUgY2hhcnQgc2NhbGUuXHJcbiAgICAgKi9cclxuICAgIG1heDogbWF4VmFsdWUgKiAxLjA1LFxyXG4gICAgbWluOiAwLFxyXG4gICAgbWluUGFkZGluZzogMCxcclxuICAgIG1heFBhZGRpbmc6IDAsXHJcbiAgICBhbGxvd0RlY2ltYWxzOiB0cnVlLFxyXG4gICAgc3RhcnRPblRpY2s6IGZhbHNlLFxyXG4gICAgZW5kT25UaWNrOiBmYWxzZSxcclxuICAgIHZpc2libGU6IGZhbHNlXHJcbiAgfTtcclxufVxyXG5cclxuZXhwb3J0IGZ1bmN0aW9uIGdldFRvb2x0aXBPcHRpb25zKGludGVyYWN0aXZlPzogSW50ZXJhY3RpdmUpOiBIaWdoY2hhcnRzLlRvb2x0aXBPcHRpb25zIHtcclxuICByZXR1cm4ge1xyXG4gICAgZm9ybWF0dGVyOiBmdW5jdGlvbiAoKSB7XHJcbiAgICAgIGNvbnN0IHRpbWVwb2ludEludGVyYWN0aW9uc0h0bWwgPSBpbnRlcmFjdGl2ZVxyXG4gICAgICAgID8gZ2V0VGltZXBvaW50SW50ZXJhY3Rpb25zSHRtbChpbnRlcmFjdGl2ZSwgdGhpcy54KVxyXG4gICAgICAgIDogJyc7XHJcblxyXG4gICAgICByZXR1cm4gKFxyXG4gICAgICAgICc8ZGl2IGNsYXNzPVwiY3YtZW5nYWdlbWVudC10b29sdGlwIGJnLXdoaXRlIHJvdW5kZWRcIj4nXHJcbiAgICAgICAgKyAnPGRpdiBjbGFzcz1cImQtZmxleCBqdXN0aWZ5LWNvbnRlbnQtYmV0d2VlblwiPidcclxuICAgICAgICArIGA8c3Ryb25nPiR7Zm9ybWF0VGltZSh0aGlzLngpfTwvc3Ryb25nPmBcclxuICAgICAgICArIGAke3RpbWVwb2ludEludGVyYWN0aW9uc0h0bWx9YFxyXG4gICAgICAgICsgJzwvZGl2PidcclxuICAgICAgICArICc8ZGl2IGNsYXNzPVwiZC1mbGV4IGp1c3RpZnktY29udGVudC1iZXR3ZWVuIHJvdW5kZWQgYmctbGlnaHQgY3Ytdmlldy1jb3VudC1jb250YWluZXJcIj4nXHJcbiAgICAgICAgKyBgPHN0cm9uZz5WaWV3czwvc3Ryb25nPiA8c3BhbiBjbGFzcz1cImN2LXZpZXctY291bnRcIj4ke3RoaXMueX08L3NwYW4+YFxyXG4gICAgICAgICsgJzwvZGl2PidcclxuICAgICAgICArICc8L2Rpdj4nXHJcbiAgICAgICk7XHJcbiAgICB9LFxyXG4gICAgcG9zaXRpb25lcjogZnVuY3Rpb24gKFxyXG4gICAgICBsYWJlbFdpZHRoOiBudW1iZXIsXHJcbiAgICAgIGxhYmVsSGVpZ2h0OiBudW1iZXIsXHJcbiAgICAgIHBvaW50OiBIaWdoY2hhcnRzLlRvb2x0aXBQb3NpdGlvbmVyUG9pbnRPYmplY3RcclxuICAgICkge1xyXG4gICAgICBjb25zdCBtaW5YID0gMDtcclxuICAgICAgY29uc3QgbWF4WCA9IHRoaXMuY2hhcnQucGxvdFdpZHRoIC0gbGFiZWxXaWR0aDtcclxuICAgICAgY29uc3QgeCA9IHBvaW50LnBsb3RYIC0gbGFiZWxXaWR0aCAvIDI7XHJcbiAgICAgIFxyXG4gICAgICByZXR1cm4ge1xyXG4gICAgICAgIC8vIENsYW1wIHggYmV0d2VlbiBtaW4gYW5kIG1heFxyXG4gICAgICAgIHg6IE1hdGgubWluKE1hdGgubWF4KHgsIG1pblgpLCBtYXhYKSxcclxuICAgICAgICB5OiB0aGlzLmNoYXJ0LnBsb3RUb3BcclxuICAgICAgfTtcclxuICAgIH0sXHJcbiAgICB1c2VIVE1MOiB0cnVlLFxyXG4gICAgcGFkZGluZzogMFxyXG4gIH07XHJcbn1cclxuXHJcbmV4cG9ydCBmdW5jdGlvbiBnZXRQbG90T3B0aW9ucyhtb3ZlVGltZXBvaW50SW5kaWNhdG9yOiAoeDogbnVtYmVyIHwgbnVsbCkgPT4gdm9pZCk6IEhpZ2hjaGFydHMuUGxvdE9wdGlvbnMge1xyXG4gIHJldHVybiB7XHJcbiAgICBhcmVhOiB7XHJcbiAgICAgIHBvaW50OiB7XHJcbiAgICAgICAgZXZlbnRzOiB7XHJcbiAgICAgICAgICBtb3VzZU92ZXI6IGZ1bmN0aW9uICgpIHtcclxuICAgICAgICAgICAgbW92ZVRpbWVwb2ludEluZGljYXRvcih0aGlzLngpO1xyXG4gICAgICAgICAgfSxcclxuICAgICAgICAgIG1vdXNlT3V0OiBmdW5jdGlvbiAoKSB7XHJcbiAgICAgICAgICAgIG1vdmVUaW1lcG9pbnRJbmRpY2F0b3IobnVsbCk7XHJcbiAgICAgICAgICB9XHJcbiAgICAgICAgfVxyXG4gICAgICB9XHJcbiAgICB9XHJcbiAgfTtcclxufVxyXG5cclxuZnVuY3Rpb24gZ2V0VGltZXBvaW50SW50ZXJhY3Rpb25zSHRtbChpbnRlcmFjdGl2ZTogSW50ZXJhY3RpdmUsIHRpbWU6IG51bWJlcik6IHN0cmluZyB7XHJcbiAgcmV0dXJuIFJlYWN0RE9NU2VydmVyLnJlbmRlclRvU3RhdGljTWFya3VwKFxyXG4gICAgPFRpbWVwb2ludEludGVyYWN0aW9ucyB0aW1lPXt0aW1lfSBpbnRlcmFjdGl2ZT17aW50ZXJhY3RpdmV9IC8+XHJcbiAgKTtcclxufSJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUE7QUFDQTtBQUtBO0FBRUE7QUFFQTtBQUNBO0FBQ0E7QUFEQTtBQUdBO0FBQ0E7QUFDQTtBQUNBO0FBSEE7QUFLQTtBQUNBO0FBREE7QUFHQTtBQUNBO0FBREE7QUFHQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFFQTtBQUNBO0FBRkE7QUFLQTtBQUNBO0FBRkE7QUFaQTtBQURBO0FBZkE7QUFxQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBSkE7QUFNQTtBQUVBO0FBQ0E7QUFFQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQVhBO0FBYUE7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUlBO0FBV0E7QUFDQTtBQUtBO0FBQ0E7QUFDQTtBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBSEE7QUFLQTtBQUNBO0FBQ0E7QUFsQ0E7QUFvQ0E7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBTkE7QUFEQTtBQURBO0FBREE7QUFjQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQUE7QUFBQTtBQUVBIiwic291cmNlUm9vdCI6IiJ9\n//# sourceURL=webpack-internal:///../player/src/plugins/engagement-overlay-plugin/components/engagement-overlay/engagement-overlay-chart-options.tsx\n");
 
 /***/ }),
 
@@ -1050,119 +1050,104 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) *
 
 /***/ }),
 
-/***/ "./src/apps/interactives/components/engagement-heat-map/EngagementHeatMap.tsx":
+/***/ "./src/shared/components/engagement-heat-map/EngagementHeatMap.tsx":
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"EngagementHeatMapLegend\", function() { return EngagementHeatMapLegend; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"EngagementHeatMap\", function() { return EngagementHeatMap; });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(\"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var chroma_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(\"../../../node_modules/chroma-js/chroma.js\");\n/* harmony import */ var chroma_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(chroma_js__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var libs_shared_components_text_Text__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(\"../../libs/shared/src/components/text/Text.tsx\");\n/* harmony import */ var shared_utils_EngagementUtils__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(\"./src/shared/utils/EngagementUtils.ts\");\n/* harmony import */ var _engagement_heat_map_scss__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(\"./src/apps/interactives/components/engagement-heat-map/engagement-heat-map.scss\");\n/* harmony import */ var _engagement_heat_map_scss__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_engagement_heat_map_scss__WEBPACK_IMPORTED_MODULE_4__);\nfunction _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }\n\nfunction _nonIterableSpread() { throw new TypeError(\"Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\n\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === \"string\") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === \"Object\" && o.constructor) n = o.constructor.name; if (n === \"Map\" || n === \"Set\") return Array.from(o); if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\n\nfunction _iterableToArray(iter) { if (typeof Symbol !== \"undefined\" && Symbol.iterator in Object(iter)) return Array.from(iter); }\n\nfunction _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }\n\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }\n\n\n\n\n\n\nvar namespace = 'interactives.engagementHeatMap';\nvar ZERO_COLOUR = '#f1f1f1';\nvar MIN_COLOUR = '#daf07d';\nvar MAX_COLOUR = '#08bd1a';\nvar COLOUR_SCALE = chroma_js__WEBPACK_IMPORTED_MODULE_1___default.a.scale([MIN_COLOUR, MAX_COLOUR]);\nvar LEGEND_VALUES = [0, 0.01, 0.25, 0.5, 0.75, 1];\n\nfunction getBackgroundColor(value, max) {\n  if (!value) return ZERO_COLOUR;\n  return COLOUR_SCALE(value / max).hex();\n}\n\nfunction getGradient(data, max) {\n  var gradient = [];\n\n  for (var i = 0; i < data.length; i++) {\n    var previousValue = i > 0 && data[i - 1];\n    var currentValue = data[i];\n    var nextValue = i < data.length - 1 && data[i + 1];\n    /**\r\n     * We want to capture colour changes but if a value has the same value\r\n     * of both of its neighbours, we can skip it.\r\n     */\n\n    if (currentValue === previousValue && currentValue === nextValue) continue;\n    gradient.push(\"\".concat(getBackgroundColor(currentValue, max), \" \").concat(100 / data.length * i, \"%\"));\n  }\n\n  return \"linear-gradient(to right, \".concat(gradient.join(','), \")\");\n}\n\nfunction EngagementHeatMapLegend() {\n  var max = Math.max.apply(Math, LEGEND_VALUES);\n  var legendSquareWidthPercentage = 100 / LEGEND_VALUES.length;\n  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    className: 'd-flex justify-content-between w-100'\n  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(libs_shared_components_text_Text__WEBPACK_IMPORTED_MODULE_2__[\"Text\"], {\n    namespace: namespace,\n    phrase: 'less'\n  }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    className: \"d-flex mx-1 flex-grow-1 \".concat(_engagement_heat_map_scss__WEBPACK_IMPORTED_MODULE_4___default.a.legend)\n  }, LEGEND_VALUES.map(function (val, idx) {\n    return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n      key: idx,\n      style: {\n        width: \"\".concat(legendSquareWidthPercentage, \"%\"),\n        backgroundColor: getBackgroundColor(val, max)\n      }\n    });\n  })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(libs_shared_components_text_Text__WEBPACK_IMPORTED_MODULE_2__[\"Text\"], {\n    namespace: namespace,\n    phrase: 'more'\n  }));\n}\nfunction EngagementHeatMap(props) {\n  var _a, _b;\n\n  var heatMap = Object(shared_utils_EngagementUtils__WEBPACK_IMPORTED_MODULE_3__[\"getFullHeatMap\"])(props.engagement);\n  var max = (_a = props.max) !== null && _a !== void 0 ? _a : Math.max.apply(Math, _toConsumableArray(heatMap));\n  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    className: \"border rounded \".concat(_engagement_heat_map_scss__WEBPACK_IMPORTED_MODULE_4___default.a.heatMap, \" \").concat((_b = props.className) !== null && _b !== void 0 ? _b : ''),\n    style: {\n      background: getGradient(heatMap, max)\n    }\n  });\n}//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9zcmMvYXBwcy9pbnRlcmFjdGl2ZXMvY29tcG9uZW50cy9lbmdhZ2VtZW50LWhlYXQtbWFwL0VuZ2FnZW1lbnRIZWF0TWFwLnRzeC5qcyIsInNvdXJjZXMiOlsiZmlsZTovL0M6L0NsaWNrVmlldyBQcm9qZWN0cy9jbGlja3ZpZXcvcGFja2FnZXMvcHJvamVjdHMvcmVwb3J0cy9zcmMvYXBwcy9pbnRlcmFjdGl2ZXMvY29tcG9uZW50cy9lbmdhZ2VtZW50LWhlYXQtbWFwL0VuZ2FnZW1lbnRIZWF0TWFwLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xyXG5pbXBvcnQgY2hyb21hIGZyb20gJ2Nocm9tYS1qcyc7XHJcblxyXG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnbGlicy9zaGFyZWQvY29tcG9uZW50cy90ZXh0L1RleHQnO1xyXG5cclxuaW1wb3J0IHsgRW5nYWdlbWVudCB9IGZyb20gJ3NoYXJlZC9pbnRlcmZhY2VzJztcclxuaW1wb3J0IHsgZ2V0RnVsbEhlYXRNYXAgfSBmcm9tICdzaGFyZWQvdXRpbHMvRW5nYWdlbWVudFV0aWxzJztcclxuXHJcbmltcG9ydCBzdHlsZXMgZnJvbSAnLi9lbmdhZ2VtZW50LWhlYXQtbWFwLnNjc3MnO1xyXG5cclxuY29uc3QgbmFtZXNwYWNlID0gJ2ludGVyYWN0aXZlcy5lbmdhZ2VtZW50SGVhdE1hcCc7XHJcblxyXG5jb25zdCBaRVJPX0NPTE9VUiA9ICcjZjFmMWYxJztcclxuY29uc3QgTUlOX0NPTE9VUiA9ICcjZGFmMDdkJztcclxuY29uc3QgTUFYX0NPTE9VUiA9ICcjMDhiZDFhJztcclxuXHJcbmNvbnN0IENPTE9VUl9TQ0FMRSA9IGNocm9tYS5zY2FsZShbIE1JTl9DT0xPVVIsIE1BWF9DT0xPVVIgXSk7XHJcblxyXG5jb25zdCBMRUdFTkRfVkFMVUVTID0gWyAwLCAwLjAxLCAwLjI1LCAwLjUsIDAuNzUsIDEgXTtcclxuXHJcbmZ1bmN0aW9uIGdldEJhY2tncm91bmRDb2xvcih2YWx1ZTogbnVtYmVyLCBtYXg6IG51bWJlcik6IHN0cmluZyB7XHJcbiAgaWYgKCF2YWx1ZSlcclxuICAgIHJldHVybiBaRVJPX0NPTE9VUjtcclxuXHJcbiAgcmV0dXJuIENPTE9VUl9TQ0FMRSh2YWx1ZSAvIG1heCkuaGV4KCk7XHJcbn1cclxuXHJcbmZ1bmN0aW9uIGdldEdyYWRpZW50KGRhdGE6IG51bWJlcltdLCBtYXg6IG51bWJlcik6IHN0cmluZyB7XHJcbiAgY29uc3QgZ3JhZGllbnQ6IHN0cmluZ1tdID0gW107XHJcblxyXG4gIGZvciAobGV0IGkgPSAwOyBpIDwgZGF0YS5sZW5ndGg7IGkrKykge1xyXG4gICAgY29uc3QgcHJldmlvdXNWYWx1ZSA9IGkgPiAwICYmIGRhdGFbaSAtIDFdO1xyXG4gICAgY29uc3QgY3VycmVudFZhbHVlID0gZGF0YVtpXTtcclxuICAgIGNvbnN0IG5leHRWYWx1ZSA9IGkgPCBkYXRhLmxlbmd0aCAtIDEgJiYgZGF0YVtpICsgMV07XHJcblxyXG4gICAgLyoqXHJcbiAgICAgKiBXZSB3YW50IHRvIGNhcHR1cmUgY29sb3VyIGNoYW5nZXMgYnV0IGlmIGEgdmFsdWUgaGFzIHRoZSBzYW1lIHZhbHVlXHJcbiAgICAgKiBvZiBib3RoIG9mIGl0cyBuZWlnaGJvdXJzLCB3ZSBjYW4gc2tpcCBpdC5cclxuICAgICAqL1xyXG4gICAgaWYgKGN1cnJlbnRWYWx1ZSA9PT0gcHJldmlvdXNWYWx1ZSAmJiBjdXJyZW50VmFsdWUgPT09IG5leHRWYWx1ZSlcclxuICAgICAgY29udGludWU7XHJcblxyXG4gICAgZ3JhZGllbnQucHVzaChgJHtnZXRCYWNrZ3JvdW5kQ29sb3IoY3VycmVudFZhbHVlLCBtYXgpfSAkezEwMCAvIGRhdGEubGVuZ3RoICogaX0lYCk7XHJcbiAgfVxyXG5cclxuICByZXR1cm4gYGxpbmVhci1ncmFkaWVudCh0byByaWdodCwgJHtncmFkaWVudC5qb2luKCcsJyl9KWA7XHJcbn1cclxuXHJcbmV4cG9ydCBmdW5jdGlvbiBFbmdhZ2VtZW50SGVhdE1hcExlZ2VuZCgpOiBKU1guRWxlbWVudCB7XHJcbiAgY29uc3QgbWF4ID0gTWF0aC5tYXgoLi4uTEVHRU5EX1ZBTFVFUyk7XHJcbiAgY29uc3QgbGVnZW5kU3F1YXJlV2lkdGhQZXJjZW50YWdlID0gMTAwIC8gTEVHRU5EX1ZBTFVFUy5sZW5ndGg7XHJcblxyXG4gIHJldHVybiAoXHJcbiAgICA8ZGl2IGNsYXNzTmFtZT0nZC1mbGV4IGp1c3RpZnktY29udGVudC1iZXR3ZWVuIHctMTAwJz5cclxuICAgICAgPFRleHQgbmFtZXNwYWNlPXtuYW1lc3BhY2V9IHBocmFzZT0nbGVzcycgLz5cclxuICAgICAgPGRpdiBjbGFzc05hbWU9e2BkLWZsZXggbXgtMSBmbGV4LWdyb3ctMSAke3N0eWxlcy5sZWdlbmR9YH0+XHJcbiAgICAgICAge0xFR0VORF9WQUxVRVMubWFwKCh2YWwsIGlkeCkgPT4gKFxyXG4gICAgICAgICAgPGRpdlxyXG4gICAgICAgICAgICBrZXk9e2lkeH1cclxuICAgICAgICAgICAgc3R5bGU9e3tcclxuICAgICAgICAgICAgICB3aWR0aDogYCR7bGVnZW5kU3F1YXJlV2lkdGhQZXJjZW50YWdlfSVgLFxyXG4gICAgICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogZ2V0QmFja2dyb3VuZENvbG9yKHZhbCwgbWF4KVxyXG4gICAgICAgICAgICB9fVxyXG4gICAgICAgICAgLz5cclxuICAgICAgICApKX1cclxuICAgICAgPC9kaXY+XHJcbiAgICAgIDxUZXh0IG5hbWVzcGFjZT17bmFtZXNwYWNlfSBwaHJhc2U9J21vcmUnIC8+XHJcbiAgICA8L2Rpdj5cclxuICApO1xyXG59XHJcblxyXG5pbnRlcmZhY2UgRW5nYWdlbWVudEhlYXRNYXBQcm9wcyB7XHJcbiAgZW5nYWdlbWVudDogRW5nYWdlbWVudDtcclxuICBtYXg/OiBudW1iZXI7XHJcbiAgY2xhc3NOYW1lPzogc3RyaW5nO1xyXG59XHJcblxyXG5leHBvcnQgZnVuY3Rpb24gRW5nYWdlbWVudEhlYXRNYXAocHJvcHM6IEVuZ2FnZW1lbnRIZWF0TWFwUHJvcHMpOiBKU1guRWxlbWVudCB7XHJcbiAgY29uc3QgaGVhdE1hcCA9IGdldEZ1bGxIZWF0TWFwKHByb3BzLmVuZ2FnZW1lbnQpO1xyXG4gIGNvbnN0IG1heCA9IHByb3BzLm1heCA/PyBNYXRoLm1heCguLi5oZWF0TWFwKTtcclxuXHJcbiAgcmV0dXJuIChcclxuICAgIDxkaXZcclxuICAgICAgY2xhc3NOYW1lPXtgYm9yZGVyIHJvdW5kZWQgJHtzdHlsZXMuaGVhdE1hcH0gJHtwcm9wcy5jbGFzc05hbWUgPz8gJyd9YH1cclxuICAgICAgc3R5bGU9e3tcclxuICAgICAgICBiYWNrZ3JvdW5kOiBnZXRHcmFkaWVudChoZWF0TWFwLCBtYXgpXHJcbiAgICAgIH19XHJcbiAgICAvPlxyXG4gICk7XHJcbn0iXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUE7QUFDQTtBQUVBO0FBR0E7QUFFQTtBQUVBO0FBRUE7QUFDQTtBQUNBO0FBRUE7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUdBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBRUE7OztBQUdBO0FBQ0E7QUFBQTtBQUdBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUVBO0FBQ0E7QUFBQTtBQUNBO0FBQUE7QUFBQTtBQUNBO0FBQUE7QUFDQTtBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBRkE7QUFGQTtBQURBO0FBVUE7QUFBQTtBQUFBO0FBR0E7QUFRQTs7O0FBQ0E7QUFDQTtBQUVBO0FBRUE7QUFDQTtBQUNBO0FBREE7QUFGQTtBQU9BIiwic291cmNlUm9vdCI6IiJ9\n//# sourceURL=webpack-internal:///./src/apps/interactives/components/engagement-heat-map/EngagementHeatMap.tsx\n");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"EngagementHeatMapLegend\", function() { return EngagementHeatMapLegend; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"EngagementHeatMap\", function() { return EngagementHeatMap; });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(\"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var chroma_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(\"../../../node_modules/chroma-js/chroma.js\");\n/* harmony import */ var chroma_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(chroma_js__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var libs_shared_components_text_Text__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(\"../../libs/shared/src/components/text/Text.tsx\");\n/* harmony import */ var shared_utils_EngagementUtils__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(\"./src/shared/utils/EngagementUtils.ts\");\n/* harmony import */ var _engagement_heat_map_scss__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(\"./src/shared/components/engagement-heat-map/engagement-heat-map.scss\");\n/* harmony import */ var _engagement_heat_map_scss__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_engagement_heat_map_scss__WEBPACK_IMPORTED_MODULE_4__);\nfunction _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }\n\nfunction _nonIterableSpread() { throw new TypeError(\"Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\n\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === \"string\") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === \"Object\" && o.constructor) n = o.constructor.name; if (n === \"Map\" || n === \"Set\") return Array.from(o); if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\n\nfunction _iterableToArray(iter) { if (typeof Symbol !== \"undefined\" && Symbol.iterator in Object(iter)) return Array.from(iter); }\n\nfunction _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }\n\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }\n\n\n\n\n\n\nvar namespace = 'shared.engagementHeatMap';\nvar ZERO_COLOUR = '#f1f1f1';\nvar MIN_COLOUR = '#daf07d';\nvar MAX_COLOUR = '#08bd1a';\nvar COLOUR_SCALE = chroma_js__WEBPACK_IMPORTED_MODULE_1___default.a.scale([MIN_COLOUR, MAX_COLOUR]);\nvar LEGEND_VALUES = [0, 0.01, 0.25, 0.5, 0.75, 1];\n\nfunction getBackgroundColor(value, max) {\n  if (!value) return ZERO_COLOUR;\n  return COLOUR_SCALE(value / max).hex();\n}\n\nfunction getGradient(data, max) {\n  var gradient = [];\n\n  for (var i = 0; i < data.length; i++) {\n    var previousValue = i > 0 && data[i - 1];\n    var currentValue = data[i];\n    var nextValue = i < data.length - 1 && data[i + 1];\n    /**\r\n     * We want to capture colour changes but if a value has the same value\r\n     * of both of its neighbours, we can skip it.\r\n     */\n\n    if (currentValue === previousValue && currentValue === nextValue) continue;\n    gradient.push(\"\".concat(getBackgroundColor(currentValue, max), \" \").concat(100 / data.length * i, \"%\"));\n  }\n\n  return \"linear-gradient(to right, \".concat(gradient.join(','), \")\");\n}\n\nfunction EngagementHeatMapLegend() {\n  var max = Math.max.apply(Math, LEGEND_VALUES);\n  var legendSquareWidthPercentage = 100 / LEGEND_VALUES.length;\n  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    className: 'd-flex justify-content-between w-100'\n  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(libs_shared_components_text_Text__WEBPACK_IMPORTED_MODULE_2__[\"Text\"], {\n    namespace: namespace,\n    phrase: 'less'\n  }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    className: \"d-flex mx-1 flex-grow-1 \".concat(_engagement_heat_map_scss__WEBPACK_IMPORTED_MODULE_4___default.a.legend)\n  }, LEGEND_VALUES.map(function (val, idx) {\n    return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n      key: idx,\n      style: {\n        width: \"\".concat(legendSquareWidthPercentage, \"%\"),\n        backgroundColor: getBackgroundColor(val, max)\n      }\n    });\n  })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(libs_shared_components_text_Text__WEBPACK_IMPORTED_MODULE_2__[\"Text\"], {\n    namespace: namespace,\n    phrase: 'more'\n  }));\n}\nfunction EngagementHeatMap(props) {\n  var _a, _b;\n\n  var heatMap = Object(shared_utils_EngagementUtils__WEBPACK_IMPORTED_MODULE_3__[\"getFullHeatMap\"])(props.engagement);\n  var max = (_a = props.max) !== null && _a !== void 0 ? _a : Math.max.apply(Math, _toConsumableArray(heatMap));\n  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    className: \"border rounded \".concat(_engagement_heat_map_scss__WEBPACK_IMPORTED_MODULE_4___default.a.heatMap, \" \").concat((_b = props.className) !== null && _b !== void 0 ? _b : ''),\n    style: {\n      background: getGradient(heatMap, max)\n    }\n  });\n}//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9zcmMvc2hhcmVkL2NvbXBvbmVudHMvZW5nYWdlbWVudC1oZWF0LW1hcC9FbmdhZ2VtZW50SGVhdE1hcC50c3guanMiLCJzb3VyY2VzIjpbImZpbGU6Ly9DOi9DbGlja1ZpZXcgUHJvamVjdHMvY2xpY2t2aWV3L3BhY2thZ2VzL3Byb2plY3RzL3JlcG9ydHMvc3JjL3NoYXJlZC9jb21wb25lbnRzL2VuZ2FnZW1lbnQtaGVhdC1tYXAvRW5nYWdlbWVudEhlYXRNYXAudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XHJcbmltcG9ydCBjaHJvbWEgZnJvbSAnY2hyb21hLWpzJztcclxuXHJcbmltcG9ydCB7IFRleHQgfSBmcm9tICdsaWJzL3NoYXJlZC9jb21wb25lbnRzL3RleHQvVGV4dCc7XHJcblxyXG5pbXBvcnQgeyBFbmdhZ2VtZW50IH0gZnJvbSAnc2hhcmVkL2ludGVyZmFjZXMnO1xyXG5pbXBvcnQgeyBnZXRGdWxsSGVhdE1hcCB9IGZyb20gJ3NoYXJlZC91dGlscy9FbmdhZ2VtZW50VXRpbHMnO1xyXG5cclxuaW1wb3J0IHN0eWxlcyBmcm9tICcuL2VuZ2FnZW1lbnQtaGVhdC1tYXAuc2Nzcyc7XHJcblxyXG5jb25zdCBuYW1lc3BhY2UgPSAnc2hhcmVkLmVuZ2FnZW1lbnRIZWF0TWFwJztcclxuXHJcbmNvbnN0IFpFUk9fQ09MT1VSID0gJyNmMWYxZjEnO1xyXG5jb25zdCBNSU5fQ09MT1VSID0gJyNkYWYwN2QnO1xyXG5jb25zdCBNQVhfQ09MT1VSID0gJyMwOGJkMWEnO1xyXG5cclxuY29uc3QgQ09MT1VSX1NDQUxFID0gY2hyb21hLnNjYWxlKFsgTUlOX0NPTE9VUiwgTUFYX0NPTE9VUiBdKTtcclxuXHJcbmNvbnN0IExFR0VORF9WQUxVRVMgPSBbIDAsIDAuMDEsIDAuMjUsIDAuNSwgMC43NSwgMSBdO1xyXG5cclxuZnVuY3Rpb24gZ2V0QmFja2dyb3VuZENvbG9yKHZhbHVlOiBudW1iZXIsIG1heDogbnVtYmVyKTogc3RyaW5nIHtcclxuICBpZiAoIXZhbHVlKVxyXG4gICAgcmV0dXJuIFpFUk9fQ09MT1VSO1xyXG5cclxuICByZXR1cm4gQ09MT1VSX1NDQUxFKHZhbHVlIC8gbWF4KS5oZXgoKTtcclxufVxyXG5cclxuZnVuY3Rpb24gZ2V0R3JhZGllbnQoZGF0YTogbnVtYmVyW10sIG1heDogbnVtYmVyKTogc3RyaW5nIHtcclxuICBjb25zdCBncmFkaWVudDogc3RyaW5nW10gPSBbXTtcclxuXHJcbiAgZm9yIChsZXQgaSA9IDA7IGkgPCBkYXRhLmxlbmd0aDsgaSsrKSB7XHJcbiAgICBjb25zdCBwcmV2aW91c1ZhbHVlID0gaSA+IDAgJiYgZGF0YVtpIC0gMV07XHJcbiAgICBjb25zdCBjdXJyZW50VmFsdWUgPSBkYXRhW2ldO1xyXG4gICAgY29uc3QgbmV4dFZhbHVlID0gaSA8IGRhdGEubGVuZ3RoIC0gMSAmJiBkYXRhW2kgKyAxXTtcclxuXHJcbiAgICAvKipcclxuICAgICAqIFdlIHdhbnQgdG8gY2FwdHVyZSBjb2xvdXIgY2hhbmdlcyBidXQgaWYgYSB2YWx1ZSBoYXMgdGhlIHNhbWUgdmFsdWVcclxuICAgICAqIG9mIGJvdGggb2YgaXRzIG5laWdoYm91cnMsIHdlIGNhbiBza2lwIGl0LlxyXG4gICAgICovXHJcbiAgICBpZiAoY3VycmVudFZhbHVlID09PSBwcmV2aW91c1ZhbHVlICYmIGN1cnJlbnRWYWx1ZSA9PT0gbmV4dFZhbHVlKVxyXG4gICAgICBjb250aW51ZTtcclxuXHJcbiAgICBncmFkaWVudC5wdXNoKGAke2dldEJhY2tncm91bmRDb2xvcihjdXJyZW50VmFsdWUsIG1heCl9ICR7MTAwIC8gZGF0YS5sZW5ndGggKiBpfSVgKTtcclxuICB9XHJcblxyXG4gIHJldHVybiBgbGluZWFyLWdyYWRpZW50KHRvIHJpZ2h0LCAke2dyYWRpZW50LmpvaW4oJywnKX0pYDtcclxufVxyXG5cclxuZXhwb3J0IGZ1bmN0aW9uIEVuZ2FnZW1lbnRIZWF0TWFwTGVnZW5kKCk6IEpTWC5FbGVtZW50IHtcclxuICBjb25zdCBtYXggPSBNYXRoLm1heCguLi5MRUdFTkRfVkFMVUVTKTtcclxuICBjb25zdCBsZWdlbmRTcXVhcmVXaWR0aFBlcmNlbnRhZ2UgPSAxMDAgLyBMRUdFTkRfVkFMVUVTLmxlbmd0aDtcclxuXHJcbiAgcmV0dXJuIChcclxuICAgIDxkaXYgY2xhc3NOYW1lPSdkLWZsZXgganVzdGlmeS1jb250ZW50LWJldHdlZW4gdy0xMDAnPlxyXG4gICAgICA8VGV4dCBuYW1lc3BhY2U9e25hbWVzcGFjZX0gcGhyYXNlPSdsZXNzJyAvPlxyXG4gICAgICA8ZGl2IGNsYXNzTmFtZT17YGQtZmxleCBteC0xIGZsZXgtZ3Jvdy0xICR7c3R5bGVzLmxlZ2VuZH1gfT5cclxuICAgICAgICB7TEVHRU5EX1ZBTFVFUy5tYXAoKHZhbCwgaWR4KSA9PiAoXHJcbiAgICAgICAgICA8ZGl2XHJcbiAgICAgICAgICAgIGtleT17aWR4fVxyXG4gICAgICAgICAgICBzdHlsZT17e1xyXG4gICAgICAgICAgICAgIHdpZHRoOiBgJHtsZWdlbmRTcXVhcmVXaWR0aFBlcmNlbnRhZ2V9JWAsXHJcbiAgICAgICAgICAgICAgYmFja2dyb3VuZENvbG9yOiBnZXRCYWNrZ3JvdW5kQ29sb3IodmFsLCBtYXgpXHJcbiAgICAgICAgICAgIH19XHJcbiAgICAgICAgICAvPlxyXG4gICAgICAgICkpfVxyXG4gICAgICA8L2Rpdj5cclxuICAgICAgPFRleHQgbmFtZXNwYWNlPXtuYW1lc3BhY2V9IHBocmFzZT0nbW9yZScgLz5cclxuICAgIDwvZGl2PlxyXG4gICk7XHJcbn1cclxuXHJcbmludGVyZmFjZSBFbmdhZ2VtZW50SGVhdE1hcFByb3BzIHtcclxuICBlbmdhZ2VtZW50OiBFbmdhZ2VtZW50O1xyXG4gIG1heD86IG51bWJlcjtcclxuICBjbGFzc05hbWU/OiBzdHJpbmc7XHJcbn1cclxuXHJcbmV4cG9ydCBmdW5jdGlvbiBFbmdhZ2VtZW50SGVhdE1hcChwcm9wczogRW5nYWdlbWVudEhlYXRNYXBQcm9wcyk6IEpTWC5FbGVtZW50IHtcclxuICBjb25zdCBoZWF0TWFwID0gZ2V0RnVsbEhlYXRNYXAocHJvcHMuZW5nYWdlbWVudCk7XHJcbiAgY29uc3QgbWF4ID0gcHJvcHMubWF4ID8/IE1hdGgubWF4KC4uLmhlYXRNYXApO1xyXG5cclxuICByZXR1cm4gKFxyXG4gICAgPGRpdlxyXG4gICAgICBjbGFzc05hbWU9e2Bib3JkZXIgcm91bmRlZCAke3N0eWxlcy5oZWF0TWFwfSAke3Byb3BzLmNsYXNzTmFtZSA/PyAnJ31gfVxyXG4gICAgICBzdHlsZT17e1xyXG4gICAgICAgIGJhY2tncm91bmQ6IGdldEdyYWRpZW50KGhlYXRNYXAsIG1heClcclxuICAgICAgfX1cclxuICAgIC8+XHJcbiAgKTtcclxufSJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQTtBQUNBO0FBRUE7QUFHQTtBQUVBO0FBRUE7QUFFQTtBQUNBO0FBQ0E7QUFFQTtBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBR0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFFQTs7O0FBR0E7QUFDQTtBQUFBO0FBR0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBRUE7QUFDQTtBQUFBO0FBQ0E7QUFBQTtBQUFBO0FBQ0E7QUFBQTtBQUNBO0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFGQTtBQUZBO0FBREE7QUFVQTtBQUFBO0FBQUE7QUFHQTtBQVFBOzs7QUFDQTtBQUNBO0FBRUE7QUFFQTtBQUNBO0FBQ0E7QUFEQTtBQUZBO0FBT0EiLCJzb3VyY2VSb290IjoiIn0=\n//# sourceURL=webpack-internal:///./src/shared/components/engagement-heat-map/EngagementHeatMap.tsx\n");
 
 /***/ }),
 
-/***/ "./src/apps/interactives/components/engagement-heat-map/engagement-heat-map.scss":
+/***/ "./src/shared/components/engagement-heat-map/engagement-heat-map.scss":
 /***/ (function(module, exports, __webpack_require__) {
 
-eval("// extracted by mini-css-extract-plugin\nmodule.exports = {\"heatMap\":\"cv--heatMap--1Q1T9\",\"legend\":\"cv--legend--1Bntr\"};//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9zcmMvYXBwcy9pbnRlcmFjdGl2ZXMvY29tcG9uZW50cy9lbmdhZ2VtZW50LWhlYXQtbWFwL2VuZ2FnZW1lbnQtaGVhdC1tYXAuc2Nzcy5qcyIsInNvdXJjZXMiOlsiZmlsZTovL0M6L0NsaWNrVmlldyBQcm9qZWN0cy9jbGlja3ZpZXcvcGFja2FnZXMvcHJvamVjdHMvcmVwb3J0cy9zcmMvYXBwcy9pbnRlcmFjdGl2ZXMvY29tcG9uZW50cy9lbmdhZ2VtZW50LWhlYXQtbWFwL2VuZ2FnZW1lbnQtaGVhdC1tYXAuc2NzcyJdLCJzb3VyY2VzQ29udGVudCI6WyIvLyBleHRyYWN0ZWQgYnkgbWluaS1jc3MtZXh0cmFjdC1wbHVnaW5cbm1vZHVsZS5leHBvcnRzID0ge1wiaGVhdE1hcFwiOlwiY3YtLWhlYXRNYXAtLTFRMVQ5XCIsXCJsZWdlbmRcIjpcImN2LS1sZWdlbmQtLTFCbnRyXCJ9OyJdLCJtYXBwaW5ncyI6IkFBQUE7QUFDQSIsInNvdXJjZVJvb3QiOiIifQ==\n//# sourceURL=webpack-internal:///./src/apps/interactives/components/engagement-heat-map/engagement-heat-map.scss\n");
+eval("// extracted by mini-css-extract-plugin\nmodule.exports = {\"heatMap\":\"cv--heatMap--3eiuN\",\"legend\":\"cv--legend--2Ubvw\"};//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9zcmMvc2hhcmVkL2NvbXBvbmVudHMvZW5nYWdlbWVudC1oZWF0LW1hcC9lbmdhZ2VtZW50LWhlYXQtbWFwLnNjc3MuanMiLCJzb3VyY2VzIjpbImZpbGU6Ly9DOi9DbGlja1ZpZXcgUHJvamVjdHMvY2xpY2t2aWV3L3BhY2thZ2VzL3Byb2plY3RzL3JlcG9ydHMvc3JjL3NoYXJlZC9jb21wb25lbnRzL2VuZ2FnZW1lbnQtaGVhdC1tYXAvZW5nYWdlbWVudC1oZWF0LW1hcC5zY3NzIl0sInNvdXJjZXNDb250ZW50IjpbIi8vIGV4dHJhY3RlZCBieSBtaW5pLWNzcy1leHRyYWN0LXBsdWdpblxubW9kdWxlLmV4cG9ydHMgPSB7XCJoZWF0TWFwXCI6XCJjdi0taGVhdE1hcC0tM2VpdU5cIixcImxlZ2VuZFwiOlwiY3YtLWxlZ2VuZC0tMlVidndcIn07Il0sIm1hcHBpbmdzIjoiQUFBQTtBQUNBIiwic291cmNlUm9vdCI6IiJ9\n//# sourceURL=webpack-internal:///./src/shared/components/engagement-heat-map/engagement-heat-map.scss\n");
 
 /***/ }),
 
-/***/ "./src/apps/interactives/components/engagement-table/EngagementTable.tsx":
+/***/ "./src/shared/components/engagement-table/EngagementTable.tsx":
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"EngagementTable\", function() { return EngagementTable; });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(\"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var libs_shared_components_table_Table__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(\"../../libs/shared/src/components/table/Table.tsx\");\n/* harmony import */ var _EngagementTableUtils__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(\"./src/apps/interactives/components/engagement-table/EngagementTableUtils.tsx\");\n\n\n\nvar theme = {\n  table: 'bg-white rounded',\n  header: 'border-bottom'\n};\nfunction EngagementTable(props) {\n  var columns = Object(_EngagementTableUtils__WEBPACK_IMPORTED_MODULE_2__[\"useGetColumns\"])(props.engagement);\n  var data = Object(_EngagementTableUtils__WEBPACK_IMPORTED_MODULE_2__[\"useGetTableData\"])(props.engagement, props.users);\n  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(libs_shared_components_table_Table__WEBPACK_IMPORTED_MODULE_1__[\"Table\"], {\n    columns: columns,\n    data: data,\n    theme: theme,\n    enableSort: true\n  });\n}//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9zcmMvYXBwcy9pbnRlcmFjdGl2ZXMvY29tcG9uZW50cy9lbmdhZ2VtZW50LXRhYmxlL0VuZ2FnZW1lbnRUYWJsZS50c3guanMiLCJzb3VyY2VzIjpbImZpbGU6Ly9DOi9DbGlja1ZpZXcgUHJvamVjdHMvY2xpY2t2aWV3L3BhY2thZ2VzL3Byb2plY3RzL3JlcG9ydHMvc3JjL2FwcHMvaW50ZXJhY3RpdmVzL2NvbXBvbmVudHMvZW5nYWdlbWVudC10YWJsZS9FbmdhZ2VtZW50VGFibGUudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XHJcblxyXG5pbXBvcnQgeyBVc2VyIH0gZnJvbSAnbGlicy9zaGFyZWQvaW50ZXJmYWNlcyc7XHJcbmltcG9ydCB7IFRhYmxlLCBUYWJsZVRoZW1lIH0gZnJvbSAnbGlicy9zaGFyZWQvY29tcG9uZW50cy90YWJsZS9UYWJsZSc7XHJcblxyXG5pbXBvcnQgeyBFbmdhZ2VtZW50IH0gZnJvbSAnc2hhcmVkL2ludGVyZmFjZXMnO1xyXG5cclxuXHJcbmltcG9ydCB7IHVzZUdldENvbHVtbnMsIHVzZUdldFRhYmxlRGF0YSB9IGZyb20gJy4vRW5nYWdlbWVudFRhYmxlVXRpbHMnO1xyXG5cclxuY29uc3QgdGhlbWU6IFRhYmxlVGhlbWUgPSB7XHJcbiAgdGFibGU6ICdiZy13aGl0ZSByb3VuZGVkJyxcclxuICBoZWFkZXI6ICdib3JkZXItYm90dG9tJ1xyXG59O1xyXG5cclxuaW50ZXJmYWNlIEVuZ2FnZW1lbnRUYWJsZVByb3BzIHtcclxuICBlbmdhZ2VtZW50OiBFbmdhZ2VtZW50W107XHJcbiAgdXNlcnM6IFVzZXJbXTtcclxufVxyXG5cclxuZXhwb3J0IGZ1bmN0aW9uIEVuZ2FnZW1lbnRUYWJsZShwcm9wczogRW5nYWdlbWVudFRhYmxlUHJvcHMpOiBKU1guRWxlbWVudCB7XHJcbiAgY29uc3QgY29sdW1ucyA9IHVzZUdldENvbHVtbnMocHJvcHMuZW5nYWdlbWVudCk7XHJcbiAgY29uc3QgZGF0YSA9IHVzZUdldFRhYmxlRGF0YShwcm9wcy5lbmdhZ2VtZW50LCBwcm9wcy51c2Vycyk7XHJcblxyXG4gIHJldHVybiAoXHJcbiAgICA8VGFibGVcclxuICAgICAgY29sdW1ucz17Y29sdW1uc31cclxuICAgICAgZGF0YT17ZGF0YX1cclxuICAgICAgdGhlbWU9e3RoZW1lfVxyXG4gICAgICBlbmFibGVTb3J0XHJcbiAgICAvPlxyXG4gICk7XHJcbn0iXSwibWFwcGluZ3MiOiJBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBR0E7QUFLQTtBQUVBO0FBQ0E7QUFDQTtBQUZBO0FBVUE7QUFDQTtBQUNBO0FBRUE7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUpBO0FBT0EiLCJzb3VyY2VSb290IjoiIn0=\n//# sourceURL=webpack-internal:///./src/apps/interactives/components/engagement-table/EngagementTable.tsx\n");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"EngagementTable\", function() { return EngagementTable; });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(\"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var libs_shared_components_table_Table__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(\"../../libs/shared/src/components/table/Table.tsx\");\n/* harmony import */ var _EngagementTableUtils__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(\"./src/shared/components/engagement-table/EngagementTableUtils.tsx\");\n\n\n\nvar theme = {\n  table: 'bg-white rounded',\n  header: 'border-bottom'\n};\nfunction EngagementTable(props) {\n  var columns = Object(_EngagementTableUtils__WEBPACK_IMPORTED_MODULE_2__[\"useGetColumns\"])(props.engagement);\n  var data = Object(_EngagementTableUtils__WEBPACK_IMPORTED_MODULE_2__[\"useGetTableData\"])(props.engagement, props.users);\n  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(libs_shared_components_table_Table__WEBPACK_IMPORTED_MODULE_1__[\"Table\"], {\n    columns: columns,\n    data: data,\n    theme: theme,\n    enableSort: true\n  });\n}//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9zcmMvc2hhcmVkL2NvbXBvbmVudHMvZW5nYWdlbWVudC10YWJsZS9FbmdhZ2VtZW50VGFibGUudHN4LmpzIiwic291cmNlcyI6WyJmaWxlOi8vQzovQ2xpY2tWaWV3IFByb2plY3RzL2NsaWNrdmlldy9wYWNrYWdlcy9wcm9qZWN0cy9yZXBvcnRzL3NyYy9zaGFyZWQvY29tcG9uZW50cy9lbmdhZ2VtZW50LXRhYmxlL0VuZ2FnZW1lbnRUYWJsZS50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcclxuXHJcbmltcG9ydCB7IFVzZXIgfSBmcm9tICdsaWJzL3NoYXJlZC9pbnRlcmZhY2VzJztcclxuaW1wb3J0IHsgVGFibGUsIFRhYmxlVGhlbWUgfSBmcm9tICdsaWJzL3NoYXJlZC9jb21wb25lbnRzL3RhYmxlL1RhYmxlJztcclxuXHJcbmltcG9ydCB7IEVuZ2FnZW1lbnQgfSBmcm9tICdzaGFyZWQvaW50ZXJmYWNlcyc7XHJcblxyXG5cclxuaW1wb3J0IHsgdXNlR2V0Q29sdW1ucywgdXNlR2V0VGFibGVEYXRhIH0gZnJvbSAnLi9FbmdhZ2VtZW50VGFibGVVdGlscyc7XHJcblxyXG5jb25zdCB0aGVtZTogVGFibGVUaGVtZSA9IHtcclxuICB0YWJsZTogJ2JnLXdoaXRlIHJvdW5kZWQnLFxyXG4gIGhlYWRlcjogJ2JvcmRlci1ib3R0b20nXHJcbn07XHJcblxyXG5pbnRlcmZhY2UgRW5nYWdlbWVudFRhYmxlUHJvcHMge1xyXG4gIGVuZ2FnZW1lbnQ6IEVuZ2FnZW1lbnRbXTtcclxuICB1c2VyczogVXNlcltdO1xyXG59XHJcblxyXG5leHBvcnQgZnVuY3Rpb24gRW5nYWdlbWVudFRhYmxlKHByb3BzOiBFbmdhZ2VtZW50VGFibGVQcm9wcyk6IEpTWC5FbGVtZW50IHtcclxuICBjb25zdCBjb2x1bW5zID0gdXNlR2V0Q29sdW1ucyhwcm9wcy5lbmdhZ2VtZW50KTtcclxuICBjb25zdCBkYXRhID0gdXNlR2V0VGFibGVEYXRhKHByb3BzLmVuZ2FnZW1lbnQsIHByb3BzLnVzZXJzKTtcclxuXHJcbiAgcmV0dXJuIChcclxuICAgIDxUYWJsZVxyXG4gICAgICBjb2x1bW5zPXtjb2x1bW5zfVxyXG4gICAgICBkYXRhPXtkYXRhfVxyXG4gICAgICB0aGVtZT17dGhlbWV9XHJcbiAgICAgIGVuYWJsZVNvcnRcclxuICAgIC8+XHJcbiAgKTtcclxufSJdLCJtYXBwaW5ncyI6IkFBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFHQTtBQUtBO0FBRUE7QUFDQTtBQUNBO0FBRkE7QUFVQTtBQUNBO0FBQ0E7QUFFQTtBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBSkE7QUFPQSIsInNvdXJjZVJvb3QiOiIifQ==\n//# sourceURL=webpack-internal:///./src/shared/components/engagement-table/EngagementTable.tsx\n");
 
 /***/ }),
 
-/***/ "./src/apps/interactives/components/engagement-table/EngagementTableUtils.tsx":
+/***/ "./src/shared/components/engagement-table/EngagementTableUtils.tsx":
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"useGetColumns\", function() { return useGetColumns; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"useGetTableData\", function() { return useGetTableData; });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(\"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var libs_common_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(\"../../libs/common/src/backbone/services/LanguageService.tsx\");\n/* harmony import */ var libs_common_react_hooks_UseViewModel__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(\"../../libs/common/src/react/hooks/UseViewModel.ts\");\n/* harmony import */ var shared_constants_ReportsViewModels__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(\"./src/shared/constants/ReportsViewModels.ts\");\n/* harmony import */ var shared_utils_UserUtils__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(\"./src/shared/utils/UserUtils.ts\");\n/* harmony import */ var apps_interactives_components_engagement_heat_map_EngagementHeatMap__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(\"./src/apps/interactives/components/engagement-heat-map/EngagementHeatMap.tsx\");\n/* harmony import */ var apps_interactives_components_percentage_indicator_PercentageIndicator__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(\"./src/apps/interactives/components/percentage-indicator/PercentageIndicator.tsx\");\n/* harmony import */ var _engagement_table_scss__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(\"./src/apps/interactives/components/engagement-table/engagement-table.scss\");\n/* harmony import */ var _engagement_table_scss__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_engagement_table_scss__WEBPACK_IMPORTED_MODULE_7__);\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\n\nfunction _nonIterableRest() { throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\n\nfunction _iterableToArrayLimit(arr, i) { if (typeof Symbol === \"undefined\" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i[\"return\"] != null) _i[\"return\"](); } finally { if (_d) throw _e; } } return _arr; }\n\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\n\nfunction _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }\n\nfunction _nonIterableSpread() { throw new TypeError(\"Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\n\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === \"string\") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === \"Object\" && o.constructor) n = o.constructor.name; if (n === \"Map\" || n === \"Set\") return Array.from(o); if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\n\nfunction _iterableToArray(iter) { if (typeof Symbol !== \"undefined\" && Symbol.iterator in Object(iter)) return Array.from(iter); }\n\nfunction _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }\n\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }\n\n\n\n\n\n\n\n\n\nvar namespace = 'interactives.engagementTable';\nvar getPhrase = libs_common_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_1__[\"LanguageService\"].encloseNamespace(namespace);\n\nfunction CellWrapper(props) {\n  var _a;\n\n  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    className: \"p-2 \".concat((_a = props.className) !== null && _a !== void 0 ? _a : '')\n  }, props.children);\n}\n\nfunction HeaderCell(props) {\n  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(CellWrapper, {\n    className: \"d-inline-block \".concat(props.column.isSorted ? 'font-weight-bold' : '')\n  }, getPhrase(props.phraseKey));\n}\n\nfunction getMaxHeatMapValue(engagement) {\n  var max = 0;\n  engagement.forEach(function (e) {\n    var localMax = Math.max.apply(Math, _toConsumableArray(e.heatMap));\n    if (localMax > max) max = localMax;\n  });\n  return max;\n}\n\nfunction useGetColumns(engagement) {\n  var _useViewModel = Object(libs_common_react_hooks_UseViewModel__WEBPACK_IMPORTED_MODULE_2__[\"useViewModel\"])(shared_constants_ReportsViewModels__WEBPACK_IMPORTED_MODULE_3__[\"ViewModelKeys\"].ANONYMISE_USERS),\n      _useViewModel2 = _slicedToArray(_useViewModel, 1),\n      anonymiseUsers = _useViewModel2[0];\n\n  return react__WEBPACK_IMPORTED_MODULE_0___default.a.useMemo(function () {\n    var maxHeatMapValue = getMaxHeatMapValue(engagement);\n    return [{\n      Header: function Header(_ref) {\n        var column = _ref.column;\n        return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(HeaderCell, {\n          column: column,\n          phraseKey: 'name'\n        });\n      },\n      width: 8,\n      accessor: 'user',\n      sortType: function sortType(rowA, rowB) {\n        var nameA = Object(shared_utils_UserUtils__WEBPACK_IMPORTED_MODULE_4__[\"anonymiseUserName\"])(rowA.values.user, anonymiseUsers);\n        var nameB = Object(shared_utils_UserUtils__WEBPACK_IMPORTED_MODULE_4__[\"anonymiseUserName\"])(rowB.values.user, anonymiseUsers);\n        return nameA > nameB ? 1 : -1;\n      },\n      Cell: function Cell(_ref2) {\n        var value = _ref2.value;\n        return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(CellWrapper, {\n          className: 'text-truncate'\n        }, Object(shared_utils_UserUtils__WEBPACK_IMPORTED_MODULE_4__[\"anonymiseUserName\"])(value, anonymiseUsers));\n      }\n    }, {\n      Header: function Header(_ref3) {\n        var column = _ref3.column;\n        return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(HeaderCell, {\n          column: column,\n          phraseKey: 'views'\n        });\n      },\n      accessor: 'viewCount',\n      width: 4,\n      sortType: 'basic',\n      sortDescFirst: true,\n      Cell: function Cell(_ref4) {\n        var value = _ref4.value;\n        return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(CellWrapper, null, value);\n      }\n    }, {\n      Header: function Header(_ref5) {\n        var column = _ref5.column;\n        return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(HeaderCell, {\n          column: column,\n          phraseKey: 'engagement'\n        });\n      },\n      accessor: 'engagementRate',\n      width: 8,\n      sortType: 'basic',\n      sortDescFirst: true,\n      Cell: function Cell(_ref6) {\n        var value = _ref6.value;\n        return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(CellWrapper, {\n          className: 'w-33'\n        }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(apps_interactives_components_percentage_indicator_PercentageIndicator__WEBPACK_IMPORTED_MODULE_6__[\"PercentageIndicator\"], {\n          percentage: value,\n          layout: apps_interactives_components_percentage_indicator_PercentageIndicator__WEBPACK_IMPORTED_MODULE_6__[\"PercentageIndicatorLayout\"].LabelBefore\n        }));\n      }\n    }, {\n      Header: function Header(_ref7) {\n        var column = _ref7.column;\n        return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(HeaderCell, {\n          column: column,\n          phraseKey: 'heatMap'\n        });\n      },\n      accessor: 'heatMap',\n      width: 15,\n      disableSortBy: true,\n      Cell: function Cell(_ref8) {\n        var original = _ref8.row.original;\n        return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(CellWrapper, {\n          className: 'd-flex align-items-center h-100'\n        }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(apps_interactives_components_engagement_heat_map_EngagementHeatMap__WEBPACK_IMPORTED_MODULE_5__[\"EngagementHeatMap\"], {\n          engagement: original,\n          max: maxHeatMapValue,\n          className: \"\".concat(_engagement_table_scss__WEBPACK_IMPORTED_MODULE_7___default.a.heatMap, \" flex-grow-1\")\n        }));\n      }\n    }];\n  }, [anonymiseUsers]);\n}\nfunction useGetTableData(engagement, users) {\n  return react__WEBPACK_IMPORTED_MODULE_0___default.a.useMemo(function () {\n    return engagement.map(function (e) {\n      return Object.assign(Object.assign({}, e), {\n        user: users.find(function (u) {\n          return u.id === e.userId;\n        })\n      });\n    });\n  }, []);\n}//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9zcmMvYXBwcy9pbnRlcmFjdGl2ZXMvY29tcG9uZW50cy9lbmdhZ2VtZW50LXRhYmxlL0VuZ2FnZW1lbnRUYWJsZVV0aWxzLnRzeC5qcyIsInNvdXJjZXMiOlsiZmlsZTovL0M6L0NsaWNrVmlldyBQcm9qZWN0cy9jbGlja3ZpZXcvcGFja2FnZXMvcHJvamVjdHMvcmVwb3J0cy9zcmMvYXBwcy9pbnRlcmFjdGl2ZXMvY29tcG9uZW50cy9lbmdhZ2VtZW50LXRhYmxlL0VuZ2FnZW1lbnRUYWJsZVV0aWxzLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xyXG5pbXBvcnQgeyBDb2x1bW4sIENvbHVtbkluc3RhbmNlLCBSb3cgfSBmcm9tICdyZWFjdC10YWJsZSc7XHJcblxyXG5pbXBvcnQgeyBMYW5ndWFnZVNlcnZpY2UgfSBmcm9tICdsaWJzL2NvbW1vbi9iYWNrYm9uZS9zZXJ2aWNlcy9MYW5ndWFnZVNlcnZpY2UnO1xyXG5pbXBvcnQgeyB1c2VWaWV3TW9kZWwgfSBmcm9tICdsaWJzL2NvbW1vbi9yZWFjdC9ob29rcy9Vc2VWaWV3TW9kZWwnO1xyXG5cclxuaW1wb3J0IHsgVXNlciB9IGZyb20gJ2xpYnMvc2hhcmVkL2ludGVyZmFjZXMnO1xyXG5cclxuaW1wb3J0IHsgRW5nYWdlbWVudCB9IGZyb20gJ3NoYXJlZC9pbnRlcmZhY2VzJztcclxuaW1wb3J0IHsgVmlld01vZGVsS2V5cyB9IGZyb20gJ3NoYXJlZC9jb25zdGFudHMvUmVwb3J0c1ZpZXdNb2RlbHMnO1xyXG5pbXBvcnQgeyBhbm9ueW1pc2VVc2VyTmFtZSB9IGZyb20gJ3NoYXJlZC91dGlscy9Vc2VyVXRpbHMnO1xyXG5cclxuaW1wb3J0IHsgRW5nYWdlbWVudEhlYXRNYXAgfSBmcm9tICdhcHBzL2ludGVyYWN0aXZlcy9jb21wb25lbnRzL2VuZ2FnZW1lbnQtaGVhdC1tYXAvRW5nYWdlbWVudEhlYXRNYXAnO1xyXG5pbXBvcnQgeyBQZXJjZW50YWdlSW5kaWNhdG9yLCBQZXJjZW50YWdlSW5kaWNhdG9yTGF5b3V0IH0gZnJvbSAnYXBwcy9pbnRlcmFjdGl2ZXMvY29tcG9uZW50cy9wZXJjZW50YWdlLWluZGljYXRvci9QZXJjZW50YWdlSW5kaWNhdG9yJztcclxuXHJcbmltcG9ydCBzdHlsZXMgZnJvbSAnLi9lbmdhZ2VtZW50LXRhYmxlLnNjc3MnO1xyXG5cclxuY29uc3QgbmFtZXNwYWNlID0gJ2ludGVyYWN0aXZlcy5lbmdhZ2VtZW50VGFibGUnO1xyXG5jb25zdCBnZXRQaHJhc2UgPSBMYW5ndWFnZVNlcnZpY2UuZW5jbG9zZU5hbWVzcGFjZShuYW1lc3BhY2UpO1xyXG5cclxuaW50ZXJmYWNlIENlbGxXcmFwcGVyUHJvcHMge1xyXG4gIGNsYXNzTmFtZT86IHN0cmluZztcclxufVxyXG5cclxuZnVuY3Rpb24gQ2VsbFdyYXBwZXIocHJvcHM6IFJlYWN0LlByb3BzV2l0aENoaWxkcmVuPENlbGxXcmFwcGVyUHJvcHM+KTogSlNYLkVsZW1lbnQge1xyXG4gIHJldHVybiAoXHJcbiAgICA8ZGl2IGNsYXNzTmFtZT17YHAtMiAke3Byb3BzLmNsYXNzTmFtZSA/PyAnJ31gfT5cclxuICAgICAge3Byb3BzLmNoaWxkcmVufVxyXG4gICAgPC9kaXY+XHJcbiAgKTtcclxufVxyXG5cclxuaW50ZXJmYWNlIEhlYWRlckNlbGxQcm9wcyB7XHJcbiAgY29sdW1uOiBDb2x1bW5JbnN0YW5jZTxFbmdhZ2VtZW50VGFibGVEYXRhPjtcclxuICBwaHJhc2VLZXk6IHN0cmluZztcclxufVxyXG5cclxuZnVuY3Rpb24gSGVhZGVyQ2VsbChwcm9wczogSGVhZGVyQ2VsbFByb3BzKTogSlNYLkVsZW1lbnQge1xyXG4gIHJldHVybiAoXHJcbiAgICA8Q2VsbFdyYXBwZXIgY2xhc3NOYW1lPXtgZC1pbmxpbmUtYmxvY2sgJHtwcm9wcy5jb2x1bW4uaXNTb3J0ZWQgPyAnZm9udC13ZWlnaHQtYm9sZCcgOiAnJ31gfT5cclxuICAgICAge2dldFBocmFzZShwcm9wcy5waHJhc2VLZXkpfVxyXG4gICAgPC9DZWxsV3JhcHBlcj5cclxuICApO1xyXG59XHJcblxyXG5leHBvcnQgaW50ZXJmYWNlIEVuZ2FnZW1lbnRUYWJsZURhdGEgZXh0ZW5kcyBFbmdhZ2VtZW50IHtcclxuICB1c2VyOiBVc2VyO1xyXG59XHJcblxyXG5mdW5jdGlvbiBnZXRNYXhIZWF0TWFwVmFsdWUoZW5nYWdlbWVudDogRW5nYWdlbWVudFtdKTogbnVtYmVyIHtcclxuICBsZXQgbWF4ID0gMDtcclxuXHJcbiAgZW5nYWdlbWVudC5mb3JFYWNoKGUgPT4ge1xyXG4gICAgY29uc3QgbG9jYWxNYXggPSBNYXRoLm1heCguLi5lLmhlYXRNYXApO1xyXG5cclxuICAgIGlmIChsb2NhbE1heCA+IG1heClcclxuICAgICAgbWF4ID0gbG9jYWxNYXg7XHJcbiAgfSk7XHJcblxyXG4gIHJldHVybiBtYXg7XHJcbn1cclxuXHJcbmV4cG9ydCBmdW5jdGlvbiB1c2VHZXRDb2x1bW5zKGVuZ2FnZW1lbnQ6IEVuZ2FnZW1lbnRbXSk6IENvbHVtbjxFbmdhZ2VtZW50VGFibGVEYXRhPltdIHtcclxuICBjb25zdCBbYW5vbnltaXNlVXNlcnNdID0gdXNlVmlld01vZGVsPGJvb2xlYW4+KFZpZXdNb2RlbEtleXMuQU5PTllNSVNFX1VTRVJTKTtcclxuXHJcbiAgcmV0dXJuIFJlYWN0LnVzZU1lbW8oKCkgPT4ge1xyXG4gICAgY29uc3QgbWF4SGVhdE1hcFZhbHVlID0gZ2V0TWF4SGVhdE1hcFZhbHVlKGVuZ2FnZW1lbnQpO1xyXG5cclxuICAgIHJldHVybiBbXHJcbiAgICAgIHtcclxuICAgICAgICBIZWFkZXI6ICh7IGNvbHVtbiB9KSA9PiA8SGVhZGVyQ2VsbCBjb2x1bW49e2NvbHVtbn0gcGhyYXNlS2V5PSduYW1lJyAvPixcclxuICAgICAgICB3aWR0aDogOCxcclxuICAgICAgICBhY2Nlc3NvcjogJ3VzZXInLFxyXG4gICAgICAgIHNvcnRUeXBlOiAocm93QTogUm93PEVuZ2FnZW1lbnRUYWJsZURhdGE+LCByb3dCOiBSb3c8RW5nYWdlbWVudFRhYmxlRGF0YT4pID0+IHtcclxuICAgICAgICAgIGNvbnN0IG5hbWVBID0gYW5vbnltaXNlVXNlck5hbWUocm93QS52YWx1ZXMudXNlciwgYW5vbnltaXNlVXNlcnMpO1xyXG4gICAgICAgICAgY29uc3QgbmFtZUIgPSBhbm9ueW1pc2VVc2VyTmFtZShyb3dCLnZhbHVlcy51c2VyLCBhbm9ueW1pc2VVc2Vycyk7XHJcbiAgXHJcbiAgICAgICAgICByZXR1cm4gbmFtZUEgPiBuYW1lQiA/IDEgOiAtMTtcclxuICAgICAgICB9LFxyXG4gICAgICAgIENlbGw6ICh7IHZhbHVlIH0pID0+IChcclxuICAgICAgICAgIDxDZWxsV3JhcHBlciBjbGFzc05hbWU9J3RleHQtdHJ1bmNhdGUnPlxyXG4gICAgICAgICAgICB7YW5vbnltaXNlVXNlck5hbWUodmFsdWUsIGFub255bWlzZVVzZXJzKX1cclxuICAgICAgICAgIDwvQ2VsbFdyYXBwZXI+XHJcbiAgICAgICAgKVxyXG4gICAgICB9LFxyXG4gICAgICB7XHJcbiAgICAgICAgSGVhZGVyOiAoeyBjb2x1bW4gfSkgPT4gPEhlYWRlckNlbGwgY29sdW1uPXtjb2x1bW59IHBocmFzZUtleT0ndmlld3MnIC8+LFxyXG4gICAgICAgIGFjY2Vzc29yOiAndmlld0NvdW50JyxcclxuICAgICAgICB3aWR0aDogNCxcclxuICAgICAgICBzb3J0VHlwZTogJ2Jhc2ljJywgLy8gRGVmYXVsdCBpcyAnYWxwaGFudW1lcmljJyB3aGljaCB3b3VsZCB0cmVhdCB0aGUgbnVtYmVycyBhcyBzdHJpbmdzXHJcbiAgICAgICAgc29ydERlc2NGaXJzdDogdHJ1ZSxcclxuICAgICAgICBDZWxsOiAoeyB2YWx1ZSB9KSA9PiAoXHJcbiAgICAgICAgICA8Q2VsbFdyYXBwZXI+XHJcbiAgICAgICAgICAgIHt2YWx1ZX1cclxuICAgICAgICAgIDwvQ2VsbFdyYXBwZXI+XHJcbiAgICAgICAgKVxyXG4gICAgICB9LFxyXG4gICAgICB7XHJcbiAgICAgICAgSGVhZGVyOiAoeyBjb2x1bW4gfSkgPT4gPEhlYWRlckNlbGwgY29sdW1uPXtjb2x1bW59IHBocmFzZUtleT0nZW5nYWdlbWVudCcgLz4sXHJcbiAgICAgICAgYWNjZXNzb3I6ICdlbmdhZ2VtZW50UmF0ZScsXHJcbiAgICAgICAgd2lkdGg6IDgsXHJcbiAgICAgICAgc29ydFR5cGU6ICdiYXNpYycsIC8vIERlZmF1bHQgaXMgJ2FscGhhbnVtZXJpYycgd2hpY2ggd291bGQgdHJlYXQgdGhlIG51bWJlcnMgYXMgc3RyaW5nc1xyXG4gICAgICAgIHNvcnREZXNjRmlyc3Q6IHRydWUsXHJcbiAgICAgICAgQ2VsbDogKHsgdmFsdWUgfSkgPT4gKFxyXG4gICAgICAgICAgPENlbGxXcmFwcGVyIGNsYXNzTmFtZT0ndy0zMyc+XHJcbiAgICAgICAgICAgIDxQZXJjZW50YWdlSW5kaWNhdG9yXHJcbiAgICAgICAgICAgICAgcGVyY2VudGFnZT17dmFsdWV9XHJcbiAgICAgICAgICAgICAgbGF5b3V0PXtQZXJjZW50YWdlSW5kaWNhdG9yTGF5b3V0LkxhYmVsQmVmb3JlfVxyXG4gICAgICAgICAgICAvPlxyXG4gICAgICAgICAgPC9DZWxsV3JhcHBlcj5cclxuICAgICAgICApLFxyXG4gICAgICB9LFxyXG4gICAgICB7XHJcbiAgICAgICAgSGVhZGVyOiAoeyBjb2x1bW4gfSkgPT4gPEhlYWRlckNlbGwgY29sdW1uPXtjb2x1bW59IHBocmFzZUtleT0naGVhdE1hcCcgLz4sXHJcbiAgICAgICAgYWNjZXNzb3I6ICdoZWF0TWFwJyxcclxuICAgICAgICB3aWR0aDogMTUsXHJcbiAgICAgICAgZGlzYWJsZVNvcnRCeTogdHJ1ZSxcclxuICAgICAgICBDZWxsOiAoeyByb3cgOiB7IG9yaWdpbmFsIH0gfSkgPT4gKFxyXG4gICAgICAgICAgPENlbGxXcmFwcGVyIGNsYXNzTmFtZT0nZC1mbGV4IGFsaWduLWl0ZW1zLWNlbnRlciBoLTEwMCc+XHJcbiAgICAgICAgICAgIDxFbmdhZ2VtZW50SGVhdE1hcFxyXG4gICAgICAgICAgICAgIGVuZ2FnZW1lbnQ9e29yaWdpbmFsfVxyXG4gICAgICAgICAgICAgIG1heD17bWF4SGVhdE1hcFZhbHVlfVxyXG4gICAgICAgICAgICAgIGNsYXNzTmFtZT17YCR7c3R5bGVzLmhlYXRNYXB9IGZsZXgtZ3Jvdy0xYH1cclxuICAgICAgICAgICAgLz5cclxuICAgICAgICAgIDwvQ2VsbFdyYXBwZXI+XHJcbiAgICAgICAgKVxyXG4gICAgICB9XHJcbiAgICBdO1xyXG4gIH0sIFthbm9ueW1pc2VVc2Vyc10pO1xyXG59XHJcblxyXG5leHBvcnQgZnVuY3Rpb24gdXNlR2V0VGFibGVEYXRhKFxyXG4gIGVuZ2FnZW1lbnQ6IEVuZ2FnZW1lbnRbXSxcclxuICB1c2VyczogVXNlcltdXHJcbik6IEVuZ2FnZW1lbnRUYWJsZURhdGFbXSB7XHJcbiAgcmV0dXJuIFJlYWN0LnVzZU1lbW8oKCkgPT4ge1xyXG4gICAgcmV0dXJuIGVuZ2FnZW1lbnQubWFwKGUgPT4gKHtcclxuICAgICAgLi4uZSxcclxuICAgICAgdXNlcjogdXNlcnMuZmluZCh1ID0+IHUuaWQgPT09IGUudXNlcklkKVxyXG4gICAgfSkpO1xyXG4gIH0sIFtdKTtcclxufSJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUE7QUFHQTtBQUNBO0FBS0E7QUFDQTtBQUVBO0FBQ0E7QUFFQTtBQUVBO0FBQ0E7QUFDQTtBQUtBOzs7QUFDQTtBQUNBO0FBQUE7QUFJQTtBQUNBO0FBTUE7QUFDQTtBQUNBO0FBQUE7QUFJQTtBQUNBO0FBS0E7QUFDQTtBQUVBO0FBQ0E7QUFFQTtBQUVBO0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFBQTtBQUFBO0FBQUE7QUFDQTtBQUVBO0FBQ0E7QUFFQTtBQUVBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUVBO0FBQ0E7QUFDQTtBQUFBO0FBQUE7QUFDQTtBQUFBO0FBREE7QUFWQTtBQWlCQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFBQTtBQUFBO0FBQUE7QUFOQTtBQWFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUFBO0FBQUE7QUFDQTtBQUFBO0FBRUE7QUFDQTtBQUZBO0FBRkE7QUFOQTtBQWdCQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQUE7QUFBQTtBQUNBO0FBQUE7QUFFQTtBQUNBO0FBQ0E7QUFIQTtBQUZBO0FBTEE7QUFnQkE7QUFDQTtBQUVBO0FBSUE7QUFDQTtBQUFBO0FBRUE7QUFBQTtBQUFBO0FBREE7QUFEQTtBQUlBO0FBQ0EiLCJzb3VyY2VSb290IjoiIn0=\n//# sourceURL=webpack-internal:///./src/apps/interactives/components/engagement-table/EngagementTableUtils.tsx\n");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"useGetColumns\", function() { return useGetColumns; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"useGetTableData\", function() { return useGetTableData; });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(\"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var libs_common_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(\"../../libs/common/src/backbone/services/LanguageService.tsx\");\n/* harmony import */ var libs_common_react_hooks_UseViewModel__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(\"../../libs/common/src/react/hooks/UseViewModel.ts\");\n/* harmony import */ var shared_constants_ReportsViewModels__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(\"./src/shared/constants/ReportsViewModels.ts\");\n/* harmony import */ var shared_utils_UserUtils__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(\"./src/shared/utils/UserUtils.ts\");\n/* harmony import */ var shared_components_percentage_indicator_PercentageIndicator__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(\"./src/shared/components/percentage-indicator/PercentageIndicator.tsx\");\n/* harmony import */ var shared_components_engagement_heat_map_EngagementHeatMap__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(\"./src/shared/components/engagement-heat-map/EngagementHeatMap.tsx\");\n/* harmony import */ var _engagement_table_scss__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(\"./src/shared/components/engagement-table/engagement-table.scss\");\n/* harmony import */ var _engagement_table_scss__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_engagement_table_scss__WEBPACK_IMPORTED_MODULE_7__);\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\n\nfunction _nonIterableRest() { throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\n\nfunction _iterableToArrayLimit(arr, i) { if (typeof Symbol === \"undefined\" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i[\"return\"] != null) _i[\"return\"](); } finally { if (_d) throw _e; } } return _arr; }\n\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\n\nfunction _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }\n\nfunction _nonIterableSpread() { throw new TypeError(\"Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\n\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === \"string\") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === \"Object\" && o.constructor) n = o.constructor.name; if (n === \"Map\" || n === \"Set\") return Array.from(o); if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\n\nfunction _iterableToArray(iter) { if (typeof Symbol !== \"undefined\" && Symbol.iterator in Object(iter)) return Array.from(iter); }\n\nfunction _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }\n\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }\n\n\n\n\n\n\n\n\n\nvar namespace = 'shared.engagementTable';\nvar getPhrase = libs_common_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_1__[\"LanguageService\"].encloseNamespace(namespace);\n\nfunction CellWrapper(props) {\n  var _a;\n\n  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    className: \"p-2 \".concat((_a = props.className) !== null && _a !== void 0 ? _a : '')\n  }, props.children);\n}\n\nfunction HeaderCell(props) {\n  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(CellWrapper, {\n    className: \"d-inline-block \".concat(props.column.isSorted ? 'font-weight-bold' : '')\n  }, getPhrase(props.phraseKey));\n}\n\nfunction getMaxHeatMapValue(engagement) {\n  var max = 0;\n  engagement.forEach(function (e) {\n    var localMax = Math.max.apply(Math, _toConsumableArray(e.heatMap));\n    if (localMax > max) max = localMax;\n  });\n  return max;\n}\n\nfunction useGetColumns(engagement) {\n  var _useViewModel = Object(libs_common_react_hooks_UseViewModel__WEBPACK_IMPORTED_MODULE_2__[\"useViewModel\"])(shared_constants_ReportsViewModels__WEBPACK_IMPORTED_MODULE_3__[\"ViewModelKeys\"].ANONYMISE_USERS),\n      _useViewModel2 = _slicedToArray(_useViewModel, 1),\n      anonymiseUsers = _useViewModel2[0];\n\n  return react__WEBPACK_IMPORTED_MODULE_0___default.a.useMemo(function () {\n    var maxHeatMapValue = getMaxHeatMapValue(engagement);\n    return [{\n      Header: function Header(_ref) {\n        var column = _ref.column;\n        return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(HeaderCell, {\n          column: column,\n          phraseKey: 'name'\n        });\n      },\n      width: 8,\n      accessor: 'user',\n      sortType: function sortType(rowA, rowB) {\n        var nameA = Object(shared_utils_UserUtils__WEBPACK_IMPORTED_MODULE_4__[\"anonymiseUserName\"])(rowA.values.user, anonymiseUsers);\n        var nameB = Object(shared_utils_UserUtils__WEBPACK_IMPORTED_MODULE_4__[\"anonymiseUserName\"])(rowB.values.user, anonymiseUsers);\n        return nameA > nameB ? 1 : -1;\n      },\n      Cell: function Cell(_ref2) {\n        var value = _ref2.value;\n        return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(CellWrapper, {\n          className: 'text-truncate'\n        }, Object(shared_utils_UserUtils__WEBPACK_IMPORTED_MODULE_4__[\"anonymiseUserName\"])(value, anonymiseUsers));\n      }\n    }, {\n      Header: function Header(_ref3) {\n        var column = _ref3.column;\n        return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(HeaderCell, {\n          column: column,\n          phraseKey: 'views'\n        });\n      },\n      accessor: 'viewCount',\n      width: 4,\n      sortType: 'basic',\n      sortDescFirst: true,\n      Cell: function Cell(_ref4) {\n        var value = _ref4.value;\n        return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(CellWrapper, null, value);\n      }\n    }, {\n      Header: function Header(_ref5) {\n        var column = _ref5.column;\n        return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(HeaderCell, {\n          column: column,\n          phraseKey: 'engagement'\n        });\n      },\n      accessor: 'engagementRate',\n      width: 8,\n      sortType: 'basic',\n      sortDescFirst: true,\n      Cell: function Cell(_ref6) {\n        var value = _ref6.value;\n        return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(CellWrapper, {\n          className: 'w-33'\n        }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(shared_components_percentage_indicator_PercentageIndicator__WEBPACK_IMPORTED_MODULE_5__[\"PercentageIndicator\"], {\n          percentage: value,\n          layout: shared_components_percentage_indicator_PercentageIndicator__WEBPACK_IMPORTED_MODULE_5__[\"PercentageIndicatorLayout\"].LabelBefore\n        }));\n      }\n    }, {\n      Header: function Header(_ref7) {\n        var column = _ref7.column;\n        return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(HeaderCell, {\n          column: column,\n          phraseKey: 'heatMap'\n        });\n      },\n      accessor: 'heatMap',\n      width: 15,\n      disableSortBy: true,\n      Cell: function Cell(_ref8) {\n        var original = _ref8.row.original;\n        return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(CellWrapper, {\n          className: 'd-flex align-items-center h-100'\n        }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(shared_components_engagement_heat_map_EngagementHeatMap__WEBPACK_IMPORTED_MODULE_6__[\"EngagementHeatMap\"], {\n          engagement: original,\n          max: maxHeatMapValue,\n          className: \"\".concat(_engagement_table_scss__WEBPACK_IMPORTED_MODULE_7___default.a.heatMap, \" flex-grow-1\")\n        }));\n      }\n    }];\n  }, [anonymiseUsers]);\n}\nfunction useGetTableData(engagement, users) {\n  return react__WEBPACK_IMPORTED_MODULE_0___default.a.useMemo(function () {\n    return engagement.map(function (e) {\n      return Object.assign(Object.assign({}, e), {\n        user: users.find(function (u) {\n          return u.id === e.userId;\n        })\n      });\n    });\n  }, []);\n}//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9zcmMvc2hhcmVkL2NvbXBvbmVudHMvZW5nYWdlbWVudC10YWJsZS9FbmdhZ2VtZW50VGFibGVVdGlscy50c3guanMiLCJzb3VyY2VzIjpbImZpbGU6Ly9DOi9DbGlja1ZpZXcgUHJvamVjdHMvY2xpY2t2aWV3L3BhY2thZ2VzL3Byb2plY3RzL3JlcG9ydHMvc3JjL3NoYXJlZC9jb21wb25lbnRzL2VuZ2FnZW1lbnQtdGFibGUvRW5nYWdlbWVudFRhYmxlVXRpbHMudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XHJcbmltcG9ydCB7IENvbHVtbiwgQ29sdW1uSW5zdGFuY2UsIFJvdyB9IGZyb20gJ3JlYWN0LXRhYmxlJztcclxuXHJcbmltcG9ydCB7IExhbmd1YWdlU2VydmljZSB9IGZyb20gJ2xpYnMvY29tbW9uL2JhY2tib25lL3NlcnZpY2VzL0xhbmd1YWdlU2VydmljZSc7XHJcbmltcG9ydCB7IHVzZVZpZXdNb2RlbCB9IGZyb20gJ2xpYnMvY29tbW9uL3JlYWN0L2hvb2tzL1VzZVZpZXdNb2RlbCc7XHJcblxyXG5pbXBvcnQgeyBVc2VyIH0gZnJvbSAnbGlicy9zaGFyZWQvaW50ZXJmYWNlcyc7XHJcblxyXG5pbXBvcnQgeyBFbmdhZ2VtZW50IH0gZnJvbSAnc2hhcmVkL2ludGVyZmFjZXMnO1xyXG5pbXBvcnQgeyBWaWV3TW9kZWxLZXlzIH0gZnJvbSAnc2hhcmVkL2NvbnN0YW50cy9SZXBvcnRzVmlld01vZGVscyc7XHJcbmltcG9ydCB7IGFub255bWlzZVVzZXJOYW1lIH0gZnJvbSAnc2hhcmVkL3V0aWxzL1VzZXJVdGlscyc7XHJcbmltcG9ydCB7IFBlcmNlbnRhZ2VJbmRpY2F0b3IsIFBlcmNlbnRhZ2VJbmRpY2F0b3JMYXlvdXQgfSBmcm9tICdzaGFyZWQvY29tcG9uZW50cy9wZXJjZW50YWdlLWluZGljYXRvci9QZXJjZW50YWdlSW5kaWNhdG9yJztcclxuXHJcbmltcG9ydCB7IEVuZ2FnZW1lbnRIZWF0TWFwIH0gZnJvbSAnc2hhcmVkL2NvbXBvbmVudHMvZW5nYWdlbWVudC1oZWF0LW1hcC9FbmdhZ2VtZW50SGVhdE1hcCc7XHJcblxyXG5pbXBvcnQgc3R5bGVzIGZyb20gJy4vZW5nYWdlbWVudC10YWJsZS5zY3NzJztcclxuXHJcbmNvbnN0IG5hbWVzcGFjZSA9ICdzaGFyZWQuZW5nYWdlbWVudFRhYmxlJztcclxuY29uc3QgZ2V0UGhyYXNlID0gTGFuZ3VhZ2VTZXJ2aWNlLmVuY2xvc2VOYW1lc3BhY2UobmFtZXNwYWNlKTtcclxuXHJcbmludGVyZmFjZSBDZWxsV3JhcHBlclByb3BzIHtcclxuICBjbGFzc05hbWU/OiBzdHJpbmc7XHJcbn1cclxuXHJcbmZ1bmN0aW9uIENlbGxXcmFwcGVyKHByb3BzOiBSZWFjdC5Qcm9wc1dpdGhDaGlsZHJlbjxDZWxsV3JhcHBlclByb3BzPik6IEpTWC5FbGVtZW50IHtcclxuICByZXR1cm4gKFxyXG4gICAgPGRpdiBjbGFzc05hbWU9e2BwLTIgJHtwcm9wcy5jbGFzc05hbWUgPz8gJyd9YH0+XHJcbiAgICAgIHtwcm9wcy5jaGlsZHJlbn1cclxuICAgIDwvZGl2PlxyXG4gICk7XHJcbn1cclxuXHJcbmludGVyZmFjZSBIZWFkZXJDZWxsUHJvcHMge1xyXG4gIGNvbHVtbjogQ29sdW1uSW5zdGFuY2U8RW5nYWdlbWVudFRhYmxlRGF0YT47XHJcbiAgcGhyYXNlS2V5OiBzdHJpbmc7XHJcbn1cclxuXHJcbmZ1bmN0aW9uIEhlYWRlckNlbGwocHJvcHM6IEhlYWRlckNlbGxQcm9wcyk6IEpTWC5FbGVtZW50IHtcclxuICByZXR1cm4gKFxyXG4gICAgPENlbGxXcmFwcGVyIGNsYXNzTmFtZT17YGQtaW5saW5lLWJsb2NrICR7cHJvcHMuY29sdW1uLmlzU29ydGVkID8gJ2ZvbnQtd2VpZ2h0LWJvbGQnIDogJyd9YH0+XHJcbiAgICAgIHtnZXRQaHJhc2UocHJvcHMucGhyYXNlS2V5KX1cclxuICAgIDwvQ2VsbFdyYXBwZXI+XHJcbiAgKTtcclxufVxyXG5cclxuZXhwb3J0IGludGVyZmFjZSBFbmdhZ2VtZW50VGFibGVEYXRhIGV4dGVuZHMgRW5nYWdlbWVudCB7XHJcbiAgdXNlcjogVXNlcjtcclxufVxyXG5cclxuZnVuY3Rpb24gZ2V0TWF4SGVhdE1hcFZhbHVlKGVuZ2FnZW1lbnQ6IEVuZ2FnZW1lbnRbXSk6IG51bWJlciB7XHJcbiAgbGV0IG1heCA9IDA7XHJcblxyXG4gIGVuZ2FnZW1lbnQuZm9yRWFjaChlID0+IHtcclxuICAgIGNvbnN0IGxvY2FsTWF4ID0gTWF0aC5tYXgoLi4uZS5oZWF0TWFwKTtcclxuXHJcbiAgICBpZiAobG9jYWxNYXggPiBtYXgpXHJcbiAgICAgIG1heCA9IGxvY2FsTWF4O1xyXG4gIH0pO1xyXG5cclxuICByZXR1cm4gbWF4O1xyXG59XHJcblxyXG5leHBvcnQgZnVuY3Rpb24gdXNlR2V0Q29sdW1ucyhlbmdhZ2VtZW50OiBFbmdhZ2VtZW50W10pOiBDb2x1bW48RW5nYWdlbWVudFRhYmxlRGF0YT5bXSB7XHJcbiAgY29uc3QgW2Fub255bWlzZVVzZXJzXSA9IHVzZVZpZXdNb2RlbDxib29sZWFuPihWaWV3TW9kZWxLZXlzLkFOT05ZTUlTRV9VU0VSUyk7XHJcblxyXG4gIHJldHVybiBSZWFjdC51c2VNZW1vKCgpID0+IHtcclxuICAgIGNvbnN0IG1heEhlYXRNYXBWYWx1ZSA9IGdldE1heEhlYXRNYXBWYWx1ZShlbmdhZ2VtZW50KTtcclxuXHJcbiAgICByZXR1cm4gW1xyXG4gICAgICB7XHJcbiAgICAgICAgSGVhZGVyOiAoeyBjb2x1bW4gfSkgPT4gPEhlYWRlckNlbGwgY29sdW1uPXtjb2x1bW59IHBocmFzZUtleT0nbmFtZScgLz4sXHJcbiAgICAgICAgd2lkdGg6IDgsXHJcbiAgICAgICAgYWNjZXNzb3I6ICd1c2VyJyxcclxuICAgICAgICBzb3J0VHlwZTogKHJvd0E6IFJvdzxFbmdhZ2VtZW50VGFibGVEYXRhPiwgcm93QjogUm93PEVuZ2FnZW1lbnRUYWJsZURhdGE+KSA9PiB7XHJcbiAgICAgICAgICBjb25zdCBuYW1lQSA9IGFub255bWlzZVVzZXJOYW1lKHJvd0EudmFsdWVzLnVzZXIsIGFub255bWlzZVVzZXJzKTtcclxuICAgICAgICAgIGNvbnN0IG5hbWVCID0gYW5vbnltaXNlVXNlck5hbWUocm93Qi52YWx1ZXMudXNlciwgYW5vbnltaXNlVXNlcnMpO1xyXG4gIFxyXG4gICAgICAgICAgcmV0dXJuIG5hbWVBID4gbmFtZUIgPyAxIDogLTE7XHJcbiAgICAgICAgfSxcclxuICAgICAgICBDZWxsOiAoeyB2YWx1ZSB9KSA9PiAoXHJcbiAgICAgICAgICA8Q2VsbFdyYXBwZXIgY2xhc3NOYW1lPSd0ZXh0LXRydW5jYXRlJz5cclxuICAgICAgICAgICAge2Fub255bWlzZVVzZXJOYW1lKHZhbHVlLCBhbm9ueW1pc2VVc2Vycyl9XHJcbiAgICAgICAgICA8L0NlbGxXcmFwcGVyPlxyXG4gICAgICAgIClcclxuICAgICAgfSxcclxuICAgICAge1xyXG4gICAgICAgIEhlYWRlcjogKHsgY29sdW1uIH0pID0+IDxIZWFkZXJDZWxsIGNvbHVtbj17Y29sdW1ufSBwaHJhc2VLZXk9J3ZpZXdzJyAvPixcclxuICAgICAgICBhY2Nlc3NvcjogJ3ZpZXdDb3VudCcsXHJcbiAgICAgICAgd2lkdGg6IDQsXHJcbiAgICAgICAgc29ydFR5cGU6ICdiYXNpYycsIC8vIERlZmF1bHQgaXMgJ2FscGhhbnVtZXJpYycgd2hpY2ggd291bGQgdHJlYXQgdGhlIG51bWJlcnMgYXMgc3RyaW5nc1xyXG4gICAgICAgIHNvcnREZXNjRmlyc3Q6IHRydWUsXHJcbiAgICAgICAgQ2VsbDogKHsgdmFsdWUgfSkgPT4gKFxyXG4gICAgICAgICAgPENlbGxXcmFwcGVyPlxyXG4gICAgICAgICAgICB7dmFsdWV9XHJcbiAgICAgICAgICA8L0NlbGxXcmFwcGVyPlxyXG4gICAgICAgIClcclxuICAgICAgfSxcclxuICAgICAge1xyXG4gICAgICAgIEhlYWRlcjogKHsgY29sdW1uIH0pID0+IDxIZWFkZXJDZWxsIGNvbHVtbj17Y29sdW1ufSBwaHJhc2VLZXk9J2VuZ2FnZW1lbnQnIC8+LFxyXG4gICAgICAgIGFjY2Vzc29yOiAnZW5nYWdlbWVudFJhdGUnLFxyXG4gICAgICAgIHdpZHRoOiA4LFxyXG4gICAgICAgIHNvcnRUeXBlOiAnYmFzaWMnLCAvLyBEZWZhdWx0IGlzICdhbHBoYW51bWVyaWMnIHdoaWNoIHdvdWxkIHRyZWF0IHRoZSBudW1iZXJzIGFzIHN0cmluZ3NcclxuICAgICAgICBzb3J0RGVzY0ZpcnN0OiB0cnVlLFxyXG4gICAgICAgIENlbGw6ICh7IHZhbHVlIH0pID0+IChcclxuICAgICAgICAgIDxDZWxsV3JhcHBlciBjbGFzc05hbWU9J3ctMzMnPlxyXG4gICAgICAgICAgICA8UGVyY2VudGFnZUluZGljYXRvclxyXG4gICAgICAgICAgICAgIHBlcmNlbnRhZ2U9e3ZhbHVlfVxyXG4gICAgICAgICAgICAgIGxheW91dD17UGVyY2VudGFnZUluZGljYXRvckxheW91dC5MYWJlbEJlZm9yZX1cclxuICAgICAgICAgICAgLz5cclxuICAgICAgICAgIDwvQ2VsbFdyYXBwZXI+XHJcbiAgICAgICAgKSxcclxuICAgICAgfSxcclxuICAgICAge1xyXG4gICAgICAgIEhlYWRlcjogKHsgY29sdW1uIH0pID0+IDxIZWFkZXJDZWxsIGNvbHVtbj17Y29sdW1ufSBwaHJhc2VLZXk9J2hlYXRNYXAnIC8+LFxyXG4gICAgICAgIGFjY2Vzc29yOiAnaGVhdE1hcCcsXHJcbiAgICAgICAgd2lkdGg6IDE1LFxyXG4gICAgICAgIGRpc2FibGVTb3J0Qnk6IHRydWUsXHJcbiAgICAgICAgQ2VsbDogKHsgcm93IDogeyBvcmlnaW5hbCB9IH0pID0+IChcclxuICAgICAgICAgIDxDZWxsV3JhcHBlciBjbGFzc05hbWU9J2QtZmxleCBhbGlnbi1pdGVtcy1jZW50ZXIgaC0xMDAnPlxyXG4gICAgICAgICAgICA8RW5nYWdlbWVudEhlYXRNYXBcclxuICAgICAgICAgICAgICBlbmdhZ2VtZW50PXtvcmlnaW5hbH1cclxuICAgICAgICAgICAgICBtYXg9e21heEhlYXRNYXBWYWx1ZX1cclxuICAgICAgICAgICAgICBjbGFzc05hbWU9e2Ake3N0eWxlcy5oZWF0TWFwfSBmbGV4LWdyb3ctMWB9XHJcbiAgICAgICAgICAgIC8+XHJcbiAgICAgICAgICA8L0NlbGxXcmFwcGVyPlxyXG4gICAgICAgIClcclxuICAgICAgfVxyXG4gICAgXTtcclxuICB9LCBbYW5vbnltaXNlVXNlcnNdKTtcclxufVxyXG5cclxuZXhwb3J0IGZ1bmN0aW9uIHVzZUdldFRhYmxlRGF0YShcclxuICBlbmdhZ2VtZW50OiBFbmdhZ2VtZW50W10sXHJcbiAgdXNlcnM6IFVzZXJbXVxyXG4pOiBFbmdhZ2VtZW50VGFibGVEYXRhW10ge1xyXG4gIHJldHVybiBSZWFjdC51c2VNZW1vKCgpID0+IHtcclxuICAgIHJldHVybiBlbmdhZ2VtZW50Lm1hcChlID0+ICh7XHJcbiAgICAgIC4uLmUsXHJcbiAgICAgIHVzZXI6IHVzZXJzLmZpbmQodSA9PiB1LmlkID09PSBlLnVzZXJJZClcclxuICAgIH0pKTtcclxuICB9LCBbXSk7XHJcbn0iXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBO0FBR0E7QUFDQTtBQUtBO0FBQ0E7QUFDQTtBQUVBO0FBRUE7QUFFQTtBQUNBO0FBQ0E7QUFLQTs7O0FBQ0E7QUFDQTtBQUFBO0FBSUE7QUFDQTtBQU1BO0FBQ0E7QUFDQTtBQUFBO0FBSUE7QUFDQTtBQUtBO0FBQ0E7QUFFQTtBQUNBO0FBRUE7QUFFQTtBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQUE7QUFBQTtBQUFBO0FBQ0E7QUFFQTtBQUNBO0FBRUE7QUFFQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFFQTtBQUNBO0FBQ0E7QUFBQTtBQUFBO0FBQ0E7QUFBQTtBQURBO0FBVkE7QUFpQkE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQUE7QUFBQTtBQUFBO0FBTkE7QUFhQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFBQTtBQUFBO0FBQ0E7QUFBQTtBQUVBO0FBQ0E7QUFGQTtBQUZBO0FBTkE7QUFnQkE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUFBO0FBQUE7QUFDQTtBQUFBO0FBRUE7QUFDQTtBQUNBO0FBSEE7QUFGQTtBQUxBO0FBZ0JBO0FBQ0E7QUFFQTtBQUlBO0FBQ0E7QUFBQTtBQUVBO0FBQUE7QUFBQTtBQURBO0FBREE7QUFJQTtBQUNBIiwic291cmNlUm9vdCI6IiJ9\n//# sourceURL=webpack-internal:///./src/shared/components/engagement-table/EngagementTableUtils.tsx\n");
 
 /***/ }),
 
-/***/ "./src/apps/interactives/components/engagement-table/engagement-table.scss":
+/***/ "./src/shared/components/engagement-table/engagement-table.scss":
 /***/ (function(module, exports, __webpack_require__) {
 
-eval("// extracted by mini-css-extract-plugin\nmodule.exports = {\"heatMap\":\"cv--heatMap--1jPS3\"};//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9zcmMvYXBwcy9pbnRlcmFjdGl2ZXMvY29tcG9uZW50cy9lbmdhZ2VtZW50LXRhYmxlL2VuZ2FnZW1lbnQtdGFibGUuc2Nzcy5qcyIsInNvdXJjZXMiOlsiZmlsZTovL0M6L0NsaWNrVmlldyBQcm9qZWN0cy9jbGlja3ZpZXcvcGFja2FnZXMvcHJvamVjdHMvcmVwb3J0cy9zcmMvYXBwcy9pbnRlcmFjdGl2ZXMvY29tcG9uZW50cy9lbmdhZ2VtZW50LXRhYmxlL2VuZ2FnZW1lbnQtdGFibGUuc2NzcyJdLCJzb3VyY2VzQ29udGVudCI6WyIvLyBleHRyYWN0ZWQgYnkgbWluaS1jc3MtZXh0cmFjdC1wbHVnaW5cbm1vZHVsZS5leHBvcnRzID0ge1wiaGVhdE1hcFwiOlwiY3YtLWhlYXRNYXAtLTFqUFMzXCJ9OyJdLCJtYXBwaW5ncyI6IkFBQUE7QUFDQSIsInNvdXJjZVJvb3QiOiIifQ==\n//# sourceURL=webpack-internal:///./src/apps/interactives/components/engagement-table/engagement-table.scss\n");
+eval("// extracted by mini-css-extract-plugin\nmodule.exports = {\"heatMap\":\"cv--heatMap--29m1b\"};//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9zcmMvc2hhcmVkL2NvbXBvbmVudHMvZW5nYWdlbWVudC10YWJsZS9lbmdhZ2VtZW50LXRhYmxlLnNjc3MuanMiLCJzb3VyY2VzIjpbImZpbGU6Ly9DOi9DbGlja1ZpZXcgUHJvamVjdHMvY2xpY2t2aWV3L3BhY2thZ2VzL3Byb2plY3RzL3JlcG9ydHMvc3JjL3NoYXJlZC9jb21wb25lbnRzL2VuZ2FnZW1lbnQtdGFibGUvZW5nYWdlbWVudC10YWJsZS5zY3NzIl0sInNvdXJjZXNDb250ZW50IjpbIi8vIGV4dHJhY3RlZCBieSBtaW5pLWNzcy1leHRyYWN0LXBsdWdpblxubW9kdWxlLmV4cG9ydHMgPSB7XCJoZWF0TWFwXCI6XCJjdi0taGVhdE1hcC0tMjltMWJcIn07Il0sIm1hcHBpbmdzIjoiQUFBQTtBQUNBIiwic291cmNlUm9vdCI6IiJ9\n//# sourceURL=webpack-internal:///./src/shared/components/engagement-table/engagement-table.scss\n");
 
 /***/ }),
 
-/***/ "./src/apps/interactives/components/percentage-indicator/PartialPercentageIndicator.tsx":
+/***/ "./src/shared/components/percentage-indicator/PartialPercentageIndicator.tsx":
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"PartialPercentageIndicator\", function() { return PartialPercentageIndicator; });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(\"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var apps_interactives_components_percentage_indicator_PercentageIndicator__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(\"./src/apps/interactives/components/percentage-indicator/PercentageIndicator.tsx\");\n\n\nfunction PartialPercentageIndicator(props) {\n  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(apps_interactives_components_percentage_indicator_PercentageIndicator__WEBPACK_IMPORTED_MODULE_1__[\"PercentageIndicator\"], {\n    layout: props.layout,\n    className: props.className,\n    percentage: 0,\n    customLabel: '--%'\n  });\n}//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9zcmMvYXBwcy9pbnRlcmFjdGl2ZXMvY29tcG9uZW50cy9wZXJjZW50YWdlLWluZGljYXRvci9QYXJ0aWFsUGVyY2VudGFnZUluZGljYXRvci50c3guanMiLCJzb3VyY2VzIjpbImZpbGU6Ly9DOi9DbGlja1ZpZXcgUHJvamVjdHMvY2xpY2t2aWV3L3BhY2thZ2VzL3Byb2plY3RzL3JlcG9ydHMvc3JjL2FwcHMvaW50ZXJhY3RpdmVzL2NvbXBvbmVudHMvcGVyY2VudGFnZS1pbmRpY2F0b3IvUGFydGlhbFBlcmNlbnRhZ2VJbmRpY2F0b3IudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XHJcblxyXG5pbXBvcnQgeyBQZXJjZW50YWdlSW5kaWNhdG9yLCBQZXJjZW50YWdlSW5kaWNhdG9yTGF5b3V0IH0gZnJvbSAnYXBwcy9pbnRlcmFjdGl2ZXMvY29tcG9uZW50cy9wZXJjZW50YWdlLWluZGljYXRvci9QZXJjZW50YWdlSW5kaWNhdG9yJztcclxuXHJcbmludGVyZmFjZSBQYXJ0aWFsUGVyY2VudGFnZUluZGljYXRvclByb3BzIHtcclxuICBsYXlvdXQ6IFBlcmNlbnRhZ2VJbmRpY2F0b3JMYXlvdXQ7XHJcbiAgY2xhc3NOYW1lPzogc3RyaW5nO1xyXG59XHJcblxyXG5leHBvcnQgZnVuY3Rpb24gUGFydGlhbFBlcmNlbnRhZ2VJbmRpY2F0b3IocHJvcHM6IFBhcnRpYWxQZXJjZW50YWdlSW5kaWNhdG9yUHJvcHMpOiBKU1guRWxlbWVudCB7XHJcbiAgcmV0dXJuIChcclxuICAgIDxQZXJjZW50YWdlSW5kaWNhdG9yXHJcbiAgICAgIGxheW91dD17cHJvcHMubGF5b3V0fVxyXG4gICAgICBjbGFzc05hbWU9e3Byb3BzLmNsYXNzTmFtZX1cclxuICAgICAgcGVyY2VudGFnZT17MH1cclxuICAgICAgY3VzdG9tTGFiZWw9Jy0tJSdcclxuICAgIC8+XHJcbiAgKTtcclxufSJdLCJtYXBwaW5ncyI6IkFBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBRUE7QUFPQTtBQUNBO0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFKQTtBQU9BIiwic291cmNlUm9vdCI6IiJ9\n//# sourceURL=webpack-internal:///./src/apps/interactives/components/percentage-indicator/PartialPercentageIndicator.tsx\n");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"PartialPercentageIndicator\", function() { return PartialPercentageIndicator; });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(\"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var shared_components_percentage_indicator_PercentageIndicator__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(\"./src/shared/components/percentage-indicator/PercentageIndicator.tsx\");\n\n\nfunction PartialPercentageIndicator(props) {\n  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(shared_components_percentage_indicator_PercentageIndicator__WEBPACK_IMPORTED_MODULE_1__[\"PercentageIndicator\"], {\n    layout: props.layout,\n    className: props.className,\n    percentage: 0,\n    customLabel: '--%'\n  });\n}//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9zcmMvc2hhcmVkL2NvbXBvbmVudHMvcGVyY2VudGFnZS1pbmRpY2F0b3IvUGFydGlhbFBlcmNlbnRhZ2VJbmRpY2F0b3IudHN4LmpzIiwic291cmNlcyI6WyJmaWxlOi8vQzovQ2xpY2tWaWV3IFByb2plY3RzL2NsaWNrdmlldy9wYWNrYWdlcy9wcm9qZWN0cy9yZXBvcnRzL3NyYy9zaGFyZWQvY29tcG9uZW50cy9wZXJjZW50YWdlLWluZGljYXRvci9QYXJ0aWFsUGVyY2VudGFnZUluZGljYXRvci50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcclxuXHJcbmltcG9ydCB7IFBlcmNlbnRhZ2VJbmRpY2F0b3IsIFBlcmNlbnRhZ2VJbmRpY2F0b3JMYXlvdXQgfSBmcm9tICdzaGFyZWQvY29tcG9uZW50cy9wZXJjZW50YWdlLWluZGljYXRvci9QZXJjZW50YWdlSW5kaWNhdG9yJztcclxuXHJcbmludGVyZmFjZSBQYXJ0aWFsUGVyY2VudGFnZUluZGljYXRvclByb3BzIHtcclxuICBsYXlvdXQ6IFBlcmNlbnRhZ2VJbmRpY2F0b3JMYXlvdXQ7XHJcbiAgY2xhc3NOYW1lPzogc3RyaW5nO1xyXG59XHJcblxyXG5leHBvcnQgZnVuY3Rpb24gUGFydGlhbFBlcmNlbnRhZ2VJbmRpY2F0b3IocHJvcHM6IFBhcnRpYWxQZXJjZW50YWdlSW5kaWNhdG9yUHJvcHMpOiBKU1guRWxlbWVudCB7XHJcbiAgcmV0dXJuIChcclxuICAgIDxQZXJjZW50YWdlSW5kaWNhdG9yXHJcbiAgICAgIGxheW91dD17cHJvcHMubGF5b3V0fVxyXG4gICAgICBjbGFzc05hbWU9e3Byb3BzLmNsYXNzTmFtZX1cclxuICAgICAgcGVyY2VudGFnZT17MH1cclxuICAgICAgY3VzdG9tTGFiZWw9Jy0tJSdcclxuICAgIC8+XHJcbiAgKTtcclxufSJdLCJtYXBwaW5ncyI6IkFBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBRUE7QUFPQTtBQUNBO0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFKQTtBQU9BIiwic291cmNlUm9vdCI6IiJ9\n//# sourceURL=webpack-internal:///./src/shared/components/percentage-indicator/PartialPercentageIndicator.tsx\n");
 
 /***/ }),
 
-/***/ "./src/apps/interactives/components/video-engagement-overlay/PartialVideoEngagementOverlay.tsx":
+/***/ "./src/shared/components/video-engagement-overlay/PartialVideoEngagementOverlay.tsx":
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"PartialVideoEngagementOverlay\", function() { return PartialVideoEngagementOverlay; });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(\"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var libs_common_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(\"../../libs/common/src/backbone/services/LanguageService.tsx\");\n/* harmony import */ var apps_interactives_components_engagement_heat_map_EngagementHeatMap__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(\"./src/apps/interactives/components/engagement-heat-map/EngagementHeatMap.tsx\");\n/* harmony import */ var _video_engagement_overlay_scss__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(\"./src/apps/interactives/components/video-engagement-overlay/video-engagement-overlay.scss\");\n/* harmony import */ var _video_engagement_overlay_scss__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_video_engagement_overlay_scss__WEBPACK_IMPORTED_MODULE_3__);\n\n\n\n\nvar namespace = 'interactives.videoEngagementOverlay';\nvar getPhrase = libs_common_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_1__[\"LanguageService\"].encloseNamespace(namespace);\nfunction PartialVideoEngagementOverlay() {\n  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    className: \"bg-white rounded d-flex flex-column justify-content-end p-2 \".concat(_video_engagement_overlay_scss__WEBPACK_IMPORTED_MODULE_3___default.a.partialLoadingContainer)\n  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    className: _video_engagement_overlay_scss__WEBPACK_IMPORTED_MODULE_3___default.a.heatMapContainer\n  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    className: 'position-relative'\n  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(apps_interactives_components_engagement_heat_map_EngagementHeatMap__WEBPACK_IMPORTED_MODULE_2__[\"EngagementHeatMap\"], {\n    engagement: {\n      heatMap: [],\n      videoDuration: 0\n    },\n    className: _video_engagement_overlay_scss__WEBPACK_IMPORTED_MODULE_3___default.a.heatMap\n  }))), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    className: 'd-flex justify-content-between mt-2'\n  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"strong\", null, getPhrase('engagement')), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    className: 'w-33'\n  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(apps_interactives_components_engagement_heat_map_EngagementHeatMap__WEBPACK_IMPORTED_MODULE_2__[\"EngagementHeatMapLegend\"], null))));\n}//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9zcmMvYXBwcy9pbnRlcmFjdGl2ZXMvY29tcG9uZW50cy92aWRlby1lbmdhZ2VtZW50LW92ZXJsYXkvUGFydGlhbFZpZGVvRW5nYWdlbWVudE92ZXJsYXkudHN4LmpzIiwic291cmNlcyI6WyJmaWxlOi8vQzovQ2xpY2tWaWV3IFByb2plY3RzL2NsaWNrdmlldy9wYWNrYWdlcy9wcm9qZWN0cy9yZXBvcnRzL3NyYy9hcHBzL2ludGVyYWN0aXZlcy9jb21wb25lbnRzL3ZpZGVvLWVuZ2FnZW1lbnQtb3ZlcmxheS9QYXJ0aWFsVmlkZW9FbmdhZ2VtZW50T3ZlcmxheS50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcclxuXHJcbmltcG9ydCB7IExhbmd1YWdlU2VydmljZSB9IGZyb20gJ2xpYnMvY29tbW9uL2JhY2tib25lL3NlcnZpY2VzL0xhbmd1YWdlU2VydmljZSc7XHJcblxyXG5pbXBvcnQgeyBFbmdhZ2VtZW50IH0gZnJvbSAnc2hhcmVkL2ludGVyZmFjZXMnO1xyXG5cclxuaW1wb3J0IHsgRW5nYWdlbWVudEhlYXRNYXAsIEVuZ2FnZW1lbnRIZWF0TWFwTGVnZW5kIH0gZnJvbSAnYXBwcy9pbnRlcmFjdGl2ZXMvY29tcG9uZW50cy9lbmdhZ2VtZW50LWhlYXQtbWFwL0VuZ2FnZW1lbnRIZWF0TWFwJztcclxuXHJcbmltcG9ydCBzdHlsZXMgZnJvbSAnLi92aWRlby1lbmdhZ2VtZW50LW92ZXJsYXkuc2Nzcyc7XHJcblxyXG5jb25zdCBuYW1lc3BhY2UgPSAnaW50ZXJhY3RpdmVzLnZpZGVvRW5nYWdlbWVudE92ZXJsYXknO1xyXG5jb25zdCBnZXRQaHJhc2UgPSBMYW5ndWFnZVNlcnZpY2UuZW5jbG9zZU5hbWVzcGFjZShuYW1lc3BhY2UpO1xyXG5cclxuZXhwb3J0IGZ1bmN0aW9uIFBhcnRpYWxWaWRlb0VuZ2FnZW1lbnRPdmVybGF5KCk6IEpTWC5FbGVtZW50IHtcclxuICByZXR1cm4gKFxyXG4gICAgPGRpdiBjbGFzc05hbWU9e2BiZy13aGl0ZSByb3VuZGVkIGQtZmxleCBmbGV4LWNvbHVtbiBqdXN0aWZ5LWNvbnRlbnQtZW5kIHAtMiAke3N0eWxlcy5wYXJ0aWFsTG9hZGluZ0NvbnRhaW5lcn1gfT5cclxuICAgICAgPGRpdiBjbGFzc05hbWU9e3N0eWxlcy5oZWF0TWFwQ29udGFpbmVyfT5cclxuICAgICAgICA8ZGl2IGNsYXNzTmFtZT0ncG9zaXRpb24tcmVsYXRpdmUnPlxyXG4gICAgICAgICAgPEVuZ2FnZW1lbnRIZWF0TWFwXHJcbiAgICAgICAgICAgIGVuZ2FnZW1lbnQ9e3sgaGVhdE1hcDogW10sIHZpZGVvRHVyYXRpb246IDAgfSBhcyBFbmdhZ2VtZW50fVxyXG4gICAgICAgICAgICBjbGFzc05hbWU9e3N0eWxlcy5oZWF0TWFwfVxyXG4gICAgICAgICAgLz5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgPC9kaXY+XHJcbiAgICAgIDxkaXYgY2xhc3NOYW1lPSdkLWZsZXgganVzdGlmeS1jb250ZW50LWJldHdlZW4gbXQtMic+XHJcbiAgICAgICAgPHN0cm9uZz5cclxuICAgICAgICAgIHtnZXRQaHJhc2UoJ2VuZ2FnZW1lbnQnKX1cclxuICAgICAgICA8L3N0cm9uZz5cclxuICAgICAgICA8ZGl2IGNsYXNzTmFtZT0ndy0zMyc+XHJcbiAgICAgICAgICA8RW5nYWdlbWVudEhlYXRNYXBMZWdlbmQgLz5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuICApO1xyXG59Il0sIm1hcHBpbmdzIjoiQUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFFQTtBQUlBO0FBRUE7QUFFQTtBQUNBO0FBRUE7QUFDQTtBQUNBO0FBQUE7QUFDQTtBQUFBO0FBQ0E7QUFBQTtBQUVBO0FBQUE7QUFBQTtBQUFBO0FBQ0E7QUFGQTtBQU1BO0FBQUE7QUFJQTtBQUFBO0FBTUEiLCJzb3VyY2VSb290IjoiIn0=\n//# sourceURL=webpack-internal:///./src/apps/interactives/components/video-engagement-overlay/PartialVideoEngagementOverlay.tsx\n");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"PartialVideoEngagementOverlay\", function() { return PartialVideoEngagementOverlay; });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(\"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var libs_common_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(\"../../libs/common/src/backbone/services/LanguageService.tsx\");\n/* harmony import */ var shared_components_engagement_heat_map_EngagementHeatMap__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(\"./src/shared/components/engagement-heat-map/EngagementHeatMap.tsx\");\n/* harmony import */ var _video_engagement_overlay_scss__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(\"./src/shared/components/video-engagement-overlay/video-engagement-overlay.scss\");\n/* harmony import */ var _video_engagement_overlay_scss__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_video_engagement_overlay_scss__WEBPACK_IMPORTED_MODULE_3__);\n\n\n\n\nvar namespace = 'shared.videoEngagementOverlay';\nvar getPhrase = libs_common_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_1__[\"LanguageService\"].encloseNamespace(namespace);\nfunction PartialVideoEngagementOverlay() {\n  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    className: \"bg-white rounded d-flex flex-column justify-content-end p-2 \".concat(_video_engagement_overlay_scss__WEBPACK_IMPORTED_MODULE_3___default.a.partialLoadingContainer)\n  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    className: _video_engagement_overlay_scss__WEBPACK_IMPORTED_MODULE_3___default.a.heatMapContainer\n  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    className: 'position-relative'\n  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(shared_components_engagement_heat_map_EngagementHeatMap__WEBPACK_IMPORTED_MODULE_2__[\"EngagementHeatMap\"], {\n    engagement: {\n      heatMap: [],\n      videoDuration: 0\n    },\n    className: _video_engagement_overlay_scss__WEBPACK_IMPORTED_MODULE_3___default.a.heatMap\n  }))), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    className: 'd-flex justify-content-between mt-2'\n  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"strong\", null, getPhrase('engagement')), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    className: 'w-33'\n  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(shared_components_engagement_heat_map_EngagementHeatMap__WEBPACK_IMPORTED_MODULE_2__[\"EngagementHeatMapLegend\"], null))));\n}//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9zcmMvc2hhcmVkL2NvbXBvbmVudHMvdmlkZW8tZW5nYWdlbWVudC1vdmVybGF5L1BhcnRpYWxWaWRlb0VuZ2FnZW1lbnRPdmVybGF5LnRzeC5qcyIsInNvdXJjZXMiOlsiZmlsZTovL0M6L0NsaWNrVmlldyBQcm9qZWN0cy9jbGlja3ZpZXcvcGFja2FnZXMvcHJvamVjdHMvcmVwb3J0cy9zcmMvc2hhcmVkL2NvbXBvbmVudHMvdmlkZW8tZW5nYWdlbWVudC1vdmVybGF5L1BhcnRpYWxWaWRlb0VuZ2FnZW1lbnRPdmVybGF5LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xyXG5cclxuaW1wb3J0IHsgTGFuZ3VhZ2VTZXJ2aWNlIH0gZnJvbSAnbGlicy9jb21tb24vYmFja2JvbmUvc2VydmljZXMvTGFuZ3VhZ2VTZXJ2aWNlJztcclxuXHJcbmltcG9ydCB7IEVuZ2FnZW1lbnQgfSBmcm9tICdzaGFyZWQvaW50ZXJmYWNlcyc7XHJcblxyXG5pbXBvcnQgeyBFbmdhZ2VtZW50SGVhdE1hcCwgRW5nYWdlbWVudEhlYXRNYXBMZWdlbmQgfSBmcm9tICdzaGFyZWQvY29tcG9uZW50cy9lbmdhZ2VtZW50LWhlYXQtbWFwL0VuZ2FnZW1lbnRIZWF0TWFwJztcclxuXHJcbmltcG9ydCBzdHlsZXMgZnJvbSAnLi92aWRlby1lbmdhZ2VtZW50LW92ZXJsYXkuc2Nzcyc7XHJcblxyXG5jb25zdCBuYW1lc3BhY2UgPSAnc2hhcmVkLnZpZGVvRW5nYWdlbWVudE92ZXJsYXknO1xyXG5jb25zdCBnZXRQaHJhc2UgPSBMYW5ndWFnZVNlcnZpY2UuZW5jbG9zZU5hbWVzcGFjZShuYW1lc3BhY2UpO1xyXG5cclxuZXhwb3J0IGZ1bmN0aW9uIFBhcnRpYWxWaWRlb0VuZ2FnZW1lbnRPdmVybGF5KCk6IEpTWC5FbGVtZW50IHtcclxuICByZXR1cm4gKFxyXG4gICAgPGRpdiBjbGFzc05hbWU9e2BiZy13aGl0ZSByb3VuZGVkIGQtZmxleCBmbGV4LWNvbHVtbiBqdXN0aWZ5LWNvbnRlbnQtZW5kIHAtMiAke3N0eWxlcy5wYXJ0aWFsTG9hZGluZ0NvbnRhaW5lcn1gfT5cclxuICAgICAgPGRpdiBjbGFzc05hbWU9e3N0eWxlcy5oZWF0TWFwQ29udGFpbmVyfT5cclxuICAgICAgICA8ZGl2IGNsYXNzTmFtZT0ncG9zaXRpb24tcmVsYXRpdmUnPlxyXG4gICAgICAgICAgPEVuZ2FnZW1lbnRIZWF0TWFwXHJcbiAgICAgICAgICAgIGVuZ2FnZW1lbnQ9e3sgaGVhdE1hcDogW10sIHZpZGVvRHVyYXRpb246IDAgfSBhcyBFbmdhZ2VtZW50fVxyXG4gICAgICAgICAgICBjbGFzc05hbWU9e3N0eWxlcy5oZWF0TWFwfVxyXG4gICAgICAgICAgLz5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgPC9kaXY+XHJcbiAgICAgIDxkaXYgY2xhc3NOYW1lPSdkLWZsZXgganVzdGlmeS1jb250ZW50LWJldHdlZW4gbXQtMic+XHJcbiAgICAgICAgPHN0cm9uZz5cclxuICAgICAgICAgIHtnZXRQaHJhc2UoJ2VuZ2FnZW1lbnQnKX1cclxuICAgICAgICA8L3N0cm9uZz5cclxuICAgICAgICA8ZGl2IGNsYXNzTmFtZT0ndy0zMyc+XHJcbiAgICAgICAgICA8RW5nYWdlbWVudEhlYXRNYXBMZWdlbmQgLz5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuICApO1xyXG59Il0sIm1hcHBpbmdzIjoiQUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFFQTtBQUlBO0FBRUE7QUFFQTtBQUNBO0FBRUE7QUFDQTtBQUNBO0FBQUE7QUFDQTtBQUFBO0FBQ0E7QUFBQTtBQUVBO0FBQUE7QUFBQTtBQUFBO0FBQ0E7QUFGQTtBQU1BO0FBQUE7QUFJQTtBQUFBO0FBTUEiLCJzb3VyY2VSb290IjoiIn0=\n//# sourceURL=webpack-internal:///./src/shared/components/video-engagement-overlay/PartialVideoEngagementOverlay.tsx\n");
 
 /***/ }),
 
-/***/ "./src/apps/interactives/components/video-engagement-overlay/VideoEngagementOverlay.tsx":
+/***/ "./src/shared/components/video-engagement-overlay/VideoEngagementOverlay.tsx":
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"VideoEngagementOverlay\", function() { return VideoEngagementOverlay; });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(\"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var libs_common_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(\"../../libs/common/src/backbone/services/LanguageService.tsx\");\n/* harmony import */ var projects_player_react_ReportsPlayer__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(\"../player/src/react/ReportsPlayer.tsx\");\n/* harmony import */ var shared_utils_EngagementUtils__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(\"./src/shared/utils/EngagementUtils.ts\");\n/* harmony import */ var apps_interactives_components_engagement_heat_map_EngagementHeatMap__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(\"./src/apps/interactives/components/engagement-heat-map/EngagementHeatMap.tsx\");\n/* harmony import */ var _video_engagement_overlay_scss__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(\"./src/apps/interactives/components/video-engagement-overlay/video-engagement-overlay.scss\");\n/* harmony import */ var _video_engagement_overlay_scss__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_video_engagement_overlay_scss__WEBPACK_IMPORTED_MODULE_5__);\n\n\n\n\n\n\nvar namespace = 'interactives.videoEngagementOverlay';\nvar getPhrase = libs_common_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_1__[\"LanguageService\"].encloseNamespace(namespace);\nfunction VideoEngagementOverlay(props) {\n  var timepointIndicatorRef = react__WEBPACK_IMPORTED_MODULE_0___default.a.useRef();\n  var heatMap = Object(shared_utils_EngagementUtils__WEBPACK_IMPORTED_MODULE_3__[\"getFullHeatMap\"])(props.engagement);\n\n  function setHoverTimepoint(time) {\n    var el = timepointIndicatorRef.current;\n    if (!el) return;\n\n    if (time === null) {\n      el.classList.remove(_video_engagement_overlay_scss__WEBPACK_IMPORTED_MODULE_5___default.a.heatMapTimepointIndicatorVisible);\n      return;\n    }\n\n    el.classList.add(_video_engagement_overlay_scss__WEBPACK_IMPORTED_MODULE_5___default.a.heatMapTimepointIndicatorVisible);\n    el.style.left = \"\".concat(time / heatMap.length * 100, \"%\");\n  }\n\n  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    className: 'bg-white rounded p-2 h-100'\n  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    className: 'mb-2 position-relative'\n  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    className: _video_engagement_overlay_scss__WEBPACK_IMPORTED_MODULE_5___default.a.playerPlaceholder\n  }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    className: _video_engagement_overlay_scss__WEBPACK_IMPORTED_MODULE_5___default.a.playerContainer\n  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(projects_player_react_ReportsPlayer__WEBPACK_IMPORTED_MODULE_2__[\"ClickViewReportsPlayer\"], {\n    viewKey: props.viewKey,\n    playerApi: new URL(props.playerApiUrl),\n    hotkeyElQuerySelector: 'body',\n    heatMap: heatMap,\n    onTimepointHover: setHoverTimepoint\n  }))), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    className: _video_engagement_overlay_scss__WEBPACK_IMPORTED_MODULE_5___default.a.heatMapContainer\n  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    className: 'position-relative'\n  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(apps_interactives_components_engagement_heat_map_EngagementHeatMap__WEBPACK_IMPORTED_MODULE_4__[\"EngagementHeatMap\"], {\n    engagement: props.engagement,\n    className: _video_engagement_overlay_scss__WEBPACK_IMPORTED_MODULE_5___default.a.heatMap\n  }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    ref: timepointIndicatorRef,\n    className: _video_engagement_overlay_scss__WEBPACK_IMPORTED_MODULE_5___default.a.heatMapTimepointIndicator\n  }))), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    className: 'd-flex justify-content-between mt-2'\n  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"strong\", null, getPhrase('engagement')), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    className: 'w-33'\n  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(apps_interactives_components_engagement_heat_map_EngagementHeatMap__WEBPACK_IMPORTED_MODULE_4__[\"EngagementHeatMapLegend\"], null))));\n}//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9zcmMvYXBwcy9pbnRlcmFjdGl2ZXMvY29tcG9uZW50cy92aWRlby1lbmdhZ2VtZW50LW92ZXJsYXkvVmlkZW9FbmdhZ2VtZW50T3ZlcmxheS50c3guanMiLCJzb3VyY2VzIjpbImZpbGU6Ly9DOi9DbGlja1ZpZXcgUHJvamVjdHMvY2xpY2t2aWV3L3BhY2thZ2VzL3Byb2plY3RzL3JlcG9ydHMvc3JjL2FwcHMvaW50ZXJhY3RpdmVzL2NvbXBvbmVudHMvdmlkZW8tZW5nYWdlbWVudC1vdmVybGF5L1ZpZGVvRW5nYWdlbWVudE92ZXJsYXkudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XHJcblxyXG5pbXBvcnQgeyBMYW5ndWFnZVNlcnZpY2UgfSBmcm9tICdsaWJzL2NvbW1vbi9iYWNrYm9uZS9zZXJ2aWNlcy9MYW5ndWFnZVNlcnZpY2UnO1xyXG5cclxuaW1wb3J0IHsgQ2xpY2tWaWV3UmVwb3J0c1BsYXllciB9IGZyb20gJ3Byb2plY3RzL3BsYXllci9yZWFjdC9SZXBvcnRzUGxheWVyJztcclxuXHJcbmltcG9ydCB7IEVuZ2FnZW1lbnQgfSBmcm9tICdzaGFyZWQvaW50ZXJmYWNlcyc7XHJcbmltcG9ydCB7IGdldEZ1bGxIZWF0TWFwIH0gZnJvbSAnc2hhcmVkL3V0aWxzL0VuZ2FnZW1lbnRVdGlscyc7XHJcblxyXG5pbXBvcnQgeyBFbmdhZ2VtZW50SGVhdE1hcCwgRW5nYWdlbWVudEhlYXRNYXBMZWdlbmQgfSBmcm9tICdhcHBzL2ludGVyYWN0aXZlcy9jb21wb25lbnRzL2VuZ2FnZW1lbnQtaGVhdC1tYXAvRW5nYWdlbWVudEhlYXRNYXAnO1xyXG5cclxuaW1wb3J0IHN0eWxlcyBmcm9tICcuL3ZpZGVvLWVuZ2FnZW1lbnQtb3ZlcmxheS5zY3NzJztcclxuXHJcbmNvbnN0IG5hbWVzcGFjZSA9ICdpbnRlcmFjdGl2ZXMudmlkZW9FbmdhZ2VtZW50T3ZlcmxheSc7XHJcbmNvbnN0IGdldFBocmFzZSA9IExhbmd1YWdlU2VydmljZS5lbmNsb3NlTmFtZXNwYWNlKG5hbWVzcGFjZSk7XHJcblxyXG5pbnRlcmZhY2UgVmlkZW9FbmdhZ2VtZW50T3ZlcmxheVByb3BzIHtcclxuICBlbmdhZ2VtZW50OiBFbmdhZ2VtZW50O1xyXG4gIHZpZXdLZXk6IHN0cmluZztcclxuICBpbWFnZUNkblVybDogc3RyaW5nO1xyXG4gIHBsYXllckFwaVVybDogc3RyaW5nO1xyXG59XHJcblxyXG5leHBvcnQgZnVuY3Rpb24gVmlkZW9FbmdhZ2VtZW50T3ZlcmxheShwcm9wczogVmlkZW9FbmdhZ2VtZW50T3ZlcmxheVByb3BzKTogSlNYLkVsZW1lbnQge1xyXG4gIGNvbnN0IHRpbWVwb2ludEluZGljYXRvclJlZiA9IFJlYWN0LnVzZVJlZjxIVE1MRGl2RWxlbWVudD4oKTtcclxuXHJcbiAgY29uc3QgaGVhdE1hcCA9IGdldEZ1bGxIZWF0TWFwKHByb3BzLmVuZ2FnZW1lbnQpO1xyXG5cclxuICBmdW5jdGlvbiBzZXRIb3ZlclRpbWVwb2ludCh0aW1lOiBudW1iZXIgfCBudWxsKTogdm9pZCB7XHJcbiAgICBjb25zdCBlbCA9IHRpbWVwb2ludEluZGljYXRvclJlZi5jdXJyZW50O1xyXG5cclxuICAgIGlmICghZWwpXHJcbiAgICAgIHJldHVybjtcclxuXHJcbiAgICBpZiAodGltZSA9PT0gbnVsbCkge1xyXG4gICAgICBlbC5jbGFzc0xpc3QucmVtb3ZlKHN0eWxlcy5oZWF0TWFwVGltZXBvaW50SW5kaWNhdG9yVmlzaWJsZSk7XHJcbiAgICAgIHJldHVybjtcclxuICAgIH1cclxuXHJcbiAgICBlbC5jbGFzc0xpc3QuYWRkKHN0eWxlcy5oZWF0TWFwVGltZXBvaW50SW5kaWNhdG9yVmlzaWJsZSk7XHJcbiAgICBlbC5zdHlsZS5sZWZ0ID0gYCR7dGltZSAvIGhlYXRNYXAubGVuZ3RoICogMTAwfSVgO1xyXG4gIH1cclxuXHJcbiAgcmV0dXJuIChcclxuICAgIDxkaXYgY2xhc3NOYW1lPSdiZy13aGl0ZSByb3VuZGVkIHAtMiBoLTEwMCc+XHJcbiAgICAgIDxkaXYgY2xhc3NOYW1lPSdtYi0yIHBvc2l0aW9uLXJlbGF0aXZlJz5cclxuICAgICAgICB7LyoqXHJcbiAgICAgICAgICAqIFRoZSBiZWxvdyBkaXYgaXMgYW4gZW1wdHkgMTY6OSByZWN0YW5nbGUgd2hpY2ggbWFpbnRhaW5zIHRoaXMgY29tcG9uZW50J3NcclxuICAgICAgICAgICogaGVpZ2h0IHdoaWxlIHRoZSBwbGF5ZXIgaXMgbG9hZGluZy5cclxuICAgICAgICAgICovXHJcbiAgICAgICAgfVxyXG4gICAgICAgIDxkaXYgY2xhc3NOYW1lPXtzdHlsZXMucGxheWVyUGxhY2Vob2xkZXJ9IC8+XHJcbiAgICAgICAgPGRpdiBjbGFzc05hbWU9e3N0eWxlcy5wbGF5ZXJDb250YWluZXJ9PlxyXG4gICAgICAgICAgPENsaWNrVmlld1JlcG9ydHNQbGF5ZXJcclxuICAgICAgICAgICAgdmlld0tleT17cHJvcHMudmlld0tleX1cclxuICAgICAgICAgICAgcGxheWVyQXBpPXtuZXcgVVJMKHByb3BzLnBsYXllckFwaVVybCl9XHJcbiAgICAgICAgICAgIGhvdGtleUVsUXVlcnlTZWxlY3Rvcj0nYm9keSdcclxuICAgICAgICAgICAgaGVhdE1hcD17aGVhdE1hcH1cclxuICAgICAgICAgICAgb25UaW1lcG9pbnRIb3Zlcj17c2V0SG92ZXJUaW1lcG9pbnR9XHJcbiAgICAgICAgICAvPlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICA8L2Rpdj5cclxuICAgICAgPGRpdiBjbGFzc05hbWU9e3N0eWxlcy5oZWF0TWFwQ29udGFpbmVyfT5cclxuICAgICAgICA8ZGl2IGNsYXNzTmFtZT0ncG9zaXRpb24tcmVsYXRpdmUnPlxyXG4gICAgICAgICAgPEVuZ2FnZW1lbnRIZWF0TWFwXHJcbiAgICAgICAgICAgIGVuZ2FnZW1lbnQ9e3Byb3BzLmVuZ2FnZW1lbnR9XHJcbiAgICAgICAgICAgIGNsYXNzTmFtZT17c3R5bGVzLmhlYXRNYXB9XHJcbiAgICAgICAgICAvPlxyXG4gICAgICAgICAgPGRpdiByZWY9e3RpbWVwb2ludEluZGljYXRvclJlZn0gY2xhc3NOYW1lPXtzdHlsZXMuaGVhdE1hcFRpbWVwb2ludEluZGljYXRvcn0gLz5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgPC9kaXY+XHJcbiAgICAgIDxkaXYgY2xhc3NOYW1lPSdkLWZsZXgganVzdGlmeS1jb250ZW50LWJldHdlZW4gbXQtMic+XHJcbiAgICAgICAgPHN0cm9uZz5cclxuICAgICAgICAgIHtnZXRQaHJhc2UoJ2VuZ2FnZW1lbnQnKX1cclxuICAgICAgICA8L3N0cm9uZz5cclxuICAgICAgICA8ZGl2IGNsYXNzTmFtZT0ndy0zMyc+XHJcbiAgICAgICAgICA8RW5nYWdlbWVudEhlYXRNYXBMZWdlbmQgLz5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuICApO1xyXG59Il0sIm1hcHBpbmdzIjoiQUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBRUE7QUFFQTtBQUdBO0FBRUE7QUFFQTtBQUVBO0FBQ0E7QUFTQTtBQUNBO0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFFQTtBQUNBO0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUFBO0FBQ0E7QUFBQTtBQU1BO0FBQUE7QUFDQTtBQUFBO0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUxBO0FBU0E7QUFBQTtBQUNBO0FBQUE7QUFFQTtBQUNBO0FBRkE7QUFJQTtBQUFBO0FBQUE7QUFHQTtBQUFBO0FBSUE7QUFBQTtBQU1BIiwic291cmNlUm9vdCI6IiJ9\n//# sourceURL=webpack-internal:///./src/apps/interactives/components/video-engagement-overlay/VideoEngagementOverlay.tsx\n");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"VideoEngagementOverlay\", function() { return VideoEngagementOverlay; });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(\"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var libs_common_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(\"../../libs/common/src/backbone/services/LanguageService.tsx\");\n/* harmony import */ var projects_player_react_ReportsPlayer__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(\"../player/src/react/ReportsPlayer.tsx\");\n/* harmony import */ var shared_utils_EngagementUtils__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(\"./src/shared/utils/EngagementUtils.ts\");\n/* harmony import */ var shared_components_engagement_heat_map_EngagementHeatMap__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(\"./src/shared/components/engagement-heat-map/EngagementHeatMap.tsx\");\n/* harmony import */ var _video_engagement_overlay_scss__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(\"./src/shared/components/video-engagement-overlay/video-engagement-overlay.scss\");\n/* harmony import */ var _video_engagement_overlay_scss__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_video_engagement_overlay_scss__WEBPACK_IMPORTED_MODULE_5__);\n\n\n\n\n\n\nvar namespace = 'shared.videoEngagementOverlay';\nvar getPhrase = libs_common_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_1__[\"LanguageService\"].encloseNamespace(namespace);\nfunction VideoEngagementOverlay(props) {\n  var timepointIndicatorRef = react__WEBPACK_IMPORTED_MODULE_0___default.a.useRef();\n  var heatMap = Object(shared_utils_EngagementUtils__WEBPACK_IMPORTED_MODULE_3__[\"getFullHeatMap\"])(props.engagement);\n\n  function setHoverTimepoint(time) {\n    var el = timepointIndicatorRef.current;\n    if (!el) return;\n\n    if (time === null) {\n      el.classList.remove(_video_engagement_overlay_scss__WEBPACK_IMPORTED_MODULE_5___default.a.heatMapTimepointIndicatorVisible);\n      return;\n    }\n\n    el.classList.add(_video_engagement_overlay_scss__WEBPACK_IMPORTED_MODULE_5___default.a.heatMapTimepointIndicatorVisible);\n    el.style.left = \"\".concat(time / heatMap.length * 100, \"%\");\n  }\n\n  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    className: 'bg-white rounded p-2 h-100'\n  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    className: 'mb-2 position-relative'\n  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    className: _video_engagement_overlay_scss__WEBPACK_IMPORTED_MODULE_5___default.a.playerPlaceholder\n  }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    className: _video_engagement_overlay_scss__WEBPACK_IMPORTED_MODULE_5___default.a.playerContainer\n  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(projects_player_react_ReportsPlayer__WEBPACK_IMPORTED_MODULE_2__[\"ClickViewReportsPlayer\"], {\n    viewKey: props.viewKey,\n    playerApi: new URL(props.playerApiUrl),\n    hotkeyElQuerySelector: 'body',\n    heatMap: heatMap,\n    onTimepointHover: setHoverTimepoint\n  }))), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    className: _video_engagement_overlay_scss__WEBPACK_IMPORTED_MODULE_5___default.a.heatMapContainer\n  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    className: 'position-relative'\n  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(shared_components_engagement_heat_map_EngagementHeatMap__WEBPACK_IMPORTED_MODULE_4__[\"EngagementHeatMap\"], {\n    engagement: props.engagement,\n    className: _video_engagement_overlay_scss__WEBPACK_IMPORTED_MODULE_5___default.a.heatMap\n  }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    ref: timepointIndicatorRef,\n    className: _video_engagement_overlay_scss__WEBPACK_IMPORTED_MODULE_5___default.a.heatMapTimepointIndicator\n  }))), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    className: 'd-flex justify-content-between mt-2'\n  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"strong\", null, getPhrase('engagement')), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    className: 'w-33'\n  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(shared_components_engagement_heat_map_EngagementHeatMap__WEBPACK_IMPORTED_MODULE_4__[\"EngagementHeatMapLegend\"], null))));\n}//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9zcmMvc2hhcmVkL2NvbXBvbmVudHMvdmlkZW8tZW5nYWdlbWVudC1vdmVybGF5L1ZpZGVvRW5nYWdlbWVudE92ZXJsYXkudHN4LmpzIiwic291cmNlcyI6WyJmaWxlOi8vQzovQ2xpY2tWaWV3IFByb2plY3RzL2NsaWNrdmlldy9wYWNrYWdlcy9wcm9qZWN0cy9yZXBvcnRzL3NyYy9zaGFyZWQvY29tcG9uZW50cy92aWRlby1lbmdhZ2VtZW50LW92ZXJsYXkvVmlkZW9FbmdhZ2VtZW50T3ZlcmxheS50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcclxuXHJcbmltcG9ydCB7IExhbmd1YWdlU2VydmljZSB9IGZyb20gJ2xpYnMvY29tbW9uL2JhY2tib25lL3NlcnZpY2VzL0xhbmd1YWdlU2VydmljZSc7XHJcblxyXG5pbXBvcnQgeyBDbGlja1ZpZXdSZXBvcnRzUGxheWVyIH0gZnJvbSAncHJvamVjdHMvcGxheWVyL3JlYWN0L1JlcG9ydHNQbGF5ZXInO1xyXG5cclxuaW1wb3J0IHsgRW5nYWdlbWVudCB9IGZyb20gJ3NoYXJlZC9pbnRlcmZhY2VzJztcclxuaW1wb3J0IHsgZ2V0RnVsbEhlYXRNYXAgfSBmcm9tICdzaGFyZWQvdXRpbHMvRW5nYWdlbWVudFV0aWxzJztcclxuXHJcbmltcG9ydCB7IEVuZ2FnZW1lbnRIZWF0TWFwLCBFbmdhZ2VtZW50SGVhdE1hcExlZ2VuZCB9IGZyb20gJ3NoYXJlZC9jb21wb25lbnRzL2VuZ2FnZW1lbnQtaGVhdC1tYXAvRW5nYWdlbWVudEhlYXRNYXAnO1xyXG5cclxuaW1wb3J0IHN0eWxlcyBmcm9tICcuL3ZpZGVvLWVuZ2FnZW1lbnQtb3ZlcmxheS5zY3NzJztcclxuXHJcbmNvbnN0IG5hbWVzcGFjZSA9ICdzaGFyZWQudmlkZW9FbmdhZ2VtZW50T3ZlcmxheSc7XHJcbmNvbnN0IGdldFBocmFzZSA9IExhbmd1YWdlU2VydmljZS5lbmNsb3NlTmFtZXNwYWNlKG5hbWVzcGFjZSk7XHJcblxyXG5pbnRlcmZhY2UgVmlkZW9FbmdhZ2VtZW50T3ZlcmxheVByb3BzIHtcclxuICBlbmdhZ2VtZW50OiBFbmdhZ2VtZW50O1xyXG4gIHZpZXdLZXk6IHN0cmluZztcclxuICBpbWFnZUNkblVybDogc3RyaW5nO1xyXG4gIHBsYXllckFwaVVybDogc3RyaW5nO1xyXG59XHJcblxyXG5leHBvcnQgZnVuY3Rpb24gVmlkZW9FbmdhZ2VtZW50T3ZlcmxheShwcm9wczogVmlkZW9FbmdhZ2VtZW50T3ZlcmxheVByb3BzKTogSlNYLkVsZW1lbnQge1xyXG4gIGNvbnN0IHRpbWVwb2ludEluZGljYXRvclJlZiA9IFJlYWN0LnVzZVJlZjxIVE1MRGl2RWxlbWVudD4oKTtcclxuXHJcbiAgY29uc3QgaGVhdE1hcCA9IGdldEZ1bGxIZWF0TWFwKHByb3BzLmVuZ2FnZW1lbnQpO1xyXG5cclxuICBmdW5jdGlvbiBzZXRIb3ZlclRpbWVwb2ludCh0aW1lOiBudW1iZXIgfCBudWxsKTogdm9pZCB7XHJcbiAgICBjb25zdCBlbCA9IHRpbWVwb2ludEluZGljYXRvclJlZi5jdXJyZW50O1xyXG5cclxuICAgIGlmICghZWwpXHJcbiAgICAgIHJldHVybjtcclxuXHJcbiAgICBpZiAodGltZSA9PT0gbnVsbCkge1xyXG4gICAgICBlbC5jbGFzc0xpc3QucmVtb3ZlKHN0eWxlcy5oZWF0TWFwVGltZXBvaW50SW5kaWNhdG9yVmlzaWJsZSk7XHJcbiAgICAgIHJldHVybjtcclxuICAgIH1cclxuXHJcbiAgICBlbC5jbGFzc0xpc3QuYWRkKHN0eWxlcy5oZWF0TWFwVGltZXBvaW50SW5kaWNhdG9yVmlzaWJsZSk7XHJcbiAgICBlbC5zdHlsZS5sZWZ0ID0gYCR7dGltZSAvIGhlYXRNYXAubGVuZ3RoICogMTAwfSVgO1xyXG4gIH1cclxuXHJcbiAgcmV0dXJuIChcclxuICAgIDxkaXYgY2xhc3NOYW1lPSdiZy13aGl0ZSByb3VuZGVkIHAtMiBoLTEwMCc+XHJcbiAgICAgIDxkaXYgY2xhc3NOYW1lPSdtYi0yIHBvc2l0aW9uLXJlbGF0aXZlJz5cclxuICAgICAgICB7LyoqXHJcbiAgICAgICAgICAqIFRoZSBiZWxvdyBkaXYgaXMgYW4gZW1wdHkgMTY6OSByZWN0YW5nbGUgd2hpY2ggbWFpbnRhaW5zIHRoaXMgY29tcG9uZW50J3NcclxuICAgICAgICAgICogaGVpZ2h0IHdoaWxlIHRoZSBwbGF5ZXIgaXMgbG9hZGluZy5cclxuICAgICAgICAgICovXHJcbiAgICAgICAgfVxyXG4gICAgICAgIDxkaXYgY2xhc3NOYW1lPXtzdHlsZXMucGxheWVyUGxhY2Vob2xkZXJ9IC8+XHJcbiAgICAgICAgPGRpdiBjbGFzc05hbWU9e3N0eWxlcy5wbGF5ZXJDb250YWluZXJ9PlxyXG4gICAgICAgICAgPENsaWNrVmlld1JlcG9ydHNQbGF5ZXJcclxuICAgICAgICAgICAgdmlld0tleT17cHJvcHMudmlld0tleX1cclxuICAgICAgICAgICAgcGxheWVyQXBpPXtuZXcgVVJMKHByb3BzLnBsYXllckFwaVVybCl9XHJcbiAgICAgICAgICAgIGhvdGtleUVsUXVlcnlTZWxlY3Rvcj0nYm9keSdcclxuICAgICAgICAgICAgaGVhdE1hcD17aGVhdE1hcH1cclxuICAgICAgICAgICAgb25UaW1lcG9pbnRIb3Zlcj17c2V0SG92ZXJUaW1lcG9pbnR9XHJcbiAgICAgICAgICAvPlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICA8L2Rpdj5cclxuICAgICAgPGRpdiBjbGFzc05hbWU9e3N0eWxlcy5oZWF0TWFwQ29udGFpbmVyfT5cclxuICAgICAgICA8ZGl2IGNsYXNzTmFtZT0ncG9zaXRpb24tcmVsYXRpdmUnPlxyXG4gICAgICAgICAgPEVuZ2FnZW1lbnRIZWF0TWFwXHJcbiAgICAgICAgICAgIGVuZ2FnZW1lbnQ9e3Byb3BzLmVuZ2FnZW1lbnR9XHJcbiAgICAgICAgICAgIGNsYXNzTmFtZT17c3R5bGVzLmhlYXRNYXB9XHJcbiAgICAgICAgICAvPlxyXG4gICAgICAgICAgPGRpdiByZWY9e3RpbWVwb2ludEluZGljYXRvclJlZn0gY2xhc3NOYW1lPXtzdHlsZXMuaGVhdE1hcFRpbWVwb2ludEluZGljYXRvcn0gLz5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgPC9kaXY+XHJcbiAgICAgIDxkaXYgY2xhc3NOYW1lPSdkLWZsZXgganVzdGlmeS1jb250ZW50LWJldHdlZW4gbXQtMic+XHJcbiAgICAgICAgPHN0cm9uZz5cclxuICAgICAgICAgIHtnZXRQaHJhc2UoJ2VuZ2FnZW1lbnQnKX1cclxuICAgICAgICA8L3N0cm9uZz5cclxuICAgICAgICA8ZGl2IGNsYXNzTmFtZT0ndy0zMyc+XHJcbiAgICAgICAgICA8RW5nYWdlbWVudEhlYXRNYXBMZWdlbmQgLz5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuICApO1xyXG59Il0sIm1hcHBpbmdzIjoiQUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBRUE7QUFFQTtBQUdBO0FBRUE7QUFFQTtBQUVBO0FBQ0E7QUFTQTtBQUNBO0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFFQTtBQUNBO0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUFBO0FBQ0E7QUFBQTtBQU1BO0FBQUE7QUFDQTtBQUFBO0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUxBO0FBU0E7QUFBQTtBQUNBO0FBQUE7QUFFQTtBQUNBO0FBRkE7QUFJQTtBQUFBO0FBQUE7QUFHQTtBQUFBO0FBSUE7QUFBQTtBQU1BIiwic291cmNlUm9vdCI6IiJ9\n//# sourceURL=webpack-internal:///./src/shared/components/video-engagement-overlay/VideoEngagementOverlay.tsx\n");
 
 /***/ }),
 
-/***/ "./src/apps/interactives/components/video-engagement-overlay/video-engagement-overlay.scss":
+/***/ "./src/shared/components/video-engagement-overlay/video-engagement-overlay.scss":
 /***/ (function(module, exports, __webpack_require__) {
 
-eval("// extracted by mini-css-extract-plugin\nmodule.exports = {\"playerContainer\":\"cv--playerContainer--3ka90\",\"playerPlaceholder\":\"cv--playerPlaceholder--2nP1G\",\"heatMapContainer\":\"cv--heatMapContainer--23J5m\",\"heatMap\":\"cv--heatMap--1XzPA\",\"heatMapTimepointIndicator\":\"cv--heatMapTimepointIndicator--FdoYN\",\"heatMapTimepointIndicatorVisible\":\"cv--heatMapTimepointIndicatorVisible--2VCB5\",\"partialLoadingContainer\":\"cv--partialLoadingContainer--1nMot\"};//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9zcmMvYXBwcy9pbnRlcmFjdGl2ZXMvY29tcG9uZW50cy92aWRlby1lbmdhZ2VtZW50LW92ZXJsYXkvdmlkZW8tZW5nYWdlbWVudC1vdmVybGF5LnNjc3MuanMiLCJzb3VyY2VzIjpbImZpbGU6Ly9DOi9DbGlja1ZpZXcgUHJvamVjdHMvY2xpY2t2aWV3L3BhY2thZ2VzL3Byb2plY3RzL3JlcG9ydHMvc3JjL2FwcHMvaW50ZXJhY3RpdmVzL2NvbXBvbmVudHMvdmlkZW8tZW5nYWdlbWVudC1vdmVybGF5L3ZpZGVvLWVuZ2FnZW1lbnQtb3ZlcmxheS5zY3NzIl0sInNvdXJjZXNDb250ZW50IjpbIi8vIGV4dHJhY3RlZCBieSBtaW5pLWNzcy1leHRyYWN0LXBsdWdpblxubW9kdWxlLmV4cG9ydHMgPSB7XCJwbGF5ZXJDb250YWluZXJcIjpcImN2LS1wbGF5ZXJDb250YWluZXItLTNrYTkwXCIsXCJwbGF5ZXJQbGFjZWhvbGRlclwiOlwiY3YtLXBsYXllclBsYWNlaG9sZGVyLS0yblAxR1wiLFwiaGVhdE1hcENvbnRhaW5lclwiOlwiY3YtLWhlYXRNYXBDb250YWluZXItLTIzSjVtXCIsXCJoZWF0TWFwXCI6XCJjdi0taGVhdE1hcC0tMVh6UEFcIixcImhlYXRNYXBUaW1lcG9pbnRJbmRpY2F0b3JcIjpcImN2LS1oZWF0TWFwVGltZXBvaW50SW5kaWNhdG9yLS1GZG9ZTlwiLFwiaGVhdE1hcFRpbWVwb2ludEluZGljYXRvclZpc2libGVcIjpcImN2LS1oZWF0TWFwVGltZXBvaW50SW5kaWNhdG9yVmlzaWJsZS0tMlZDQjVcIixcInBhcnRpYWxMb2FkaW5nQ29udGFpbmVyXCI6XCJjdi0tcGFydGlhbExvYWRpbmdDb250YWluZXItLTFuTW90XCJ9OyJdLCJtYXBwaW5ncyI6IkFBQUE7QUFDQSIsInNvdXJjZVJvb3QiOiIifQ==\n//# sourceURL=webpack-internal:///./src/apps/interactives/components/video-engagement-overlay/video-engagement-overlay.scss\n");
+eval("// extracted by mini-css-extract-plugin\nmodule.exports = {\"playerContainer\":\"cv--playerContainer--1-TM0\",\"playerPlaceholder\":\"cv--playerPlaceholder--2Gd0W\",\"heatMapContainer\":\"cv--heatMapContainer--2mepP\",\"heatMap\":\"cv--heatMap--3QIok\",\"heatMapTimepointIndicator\":\"cv--heatMapTimepointIndicator--3EouS\",\"heatMapTimepointIndicatorVisible\":\"cv--heatMapTimepointIndicatorVisible--1472A\",\"partialLoadingContainer\":\"cv--partialLoadingContainer--1Z2fg\"};//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9zcmMvc2hhcmVkL2NvbXBvbmVudHMvdmlkZW8tZW5nYWdlbWVudC1vdmVybGF5L3ZpZGVvLWVuZ2FnZW1lbnQtb3ZlcmxheS5zY3NzLmpzIiwic291cmNlcyI6WyJmaWxlOi8vQzovQ2xpY2tWaWV3IFByb2plY3RzL2NsaWNrdmlldy9wYWNrYWdlcy9wcm9qZWN0cy9yZXBvcnRzL3NyYy9zaGFyZWQvY29tcG9uZW50cy92aWRlby1lbmdhZ2VtZW50LW92ZXJsYXkvdmlkZW8tZW5nYWdlbWVudC1vdmVybGF5LnNjc3MiXSwic291cmNlc0NvbnRlbnQiOlsiLy8gZXh0cmFjdGVkIGJ5IG1pbmktY3NzLWV4dHJhY3QtcGx1Z2luXG5tb2R1bGUuZXhwb3J0cyA9IHtcInBsYXllckNvbnRhaW5lclwiOlwiY3YtLXBsYXllckNvbnRhaW5lci0tMS1UTTBcIixcInBsYXllclBsYWNlaG9sZGVyXCI6XCJjdi0tcGxheWVyUGxhY2Vob2xkZXItLTJHZDBXXCIsXCJoZWF0TWFwQ29udGFpbmVyXCI6XCJjdi0taGVhdE1hcENvbnRhaW5lci0tMm1lcFBcIixcImhlYXRNYXBcIjpcImN2LS1oZWF0TWFwLS0zUUlva1wiLFwiaGVhdE1hcFRpbWVwb2ludEluZGljYXRvclwiOlwiY3YtLWhlYXRNYXBUaW1lcG9pbnRJbmRpY2F0b3ItLTNFb3VTXCIsXCJoZWF0TWFwVGltZXBvaW50SW5kaWNhdG9yVmlzaWJsZVwiOlwiY3YtLWhlYXRNYXBUaW1lcG9pbnRJbmRpY2F0b3JWaXNpYmxlLS0xNDcyQVwiLFwicGFydGlhbExvYWRpbmdDb250YWluZXJcIjpcImN2LS1wYXJ0aWFsTG9hZGluZ0NvbnRhaW5lci0tMVoyZmdcIn07Il0sIm1hcHBpbmdzIjoiQUFBQTtBQUNBIiwic291cmNlUm9vdCI6IiJ9\n//# sourceURL=webpack-internal:///./src/shared/components/video-engagement-overlay/video-engagement-overlay.scss\n");
 
 /***/ }),
 
-/***/ "./src/apps/interactives/views/interactive-engagement/InteractiveEngagementView.tsx":
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"InteractiveEngagementView\", function() { return InteractiveEngagementView; });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(\"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var libs_common_flight__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(\"../../libs/common/src/react/index.ts\");\n/* harmony import */ var libs_common_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(\"../../libs/common/src/backbone/services/LanguageService.tsx\");\n/* harmony import */ var libs_common_react_hooks_UseSetPageTitle__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(\"../../libs/common/src/react/hooks/UseSetPageTitle.ts\");\n/* harmony import */ var libs_shared_flight_requests_PlayerRequests__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(\"../../libs/shared/src/flight-requests/PlayerRequests.ts\");\n/* harmony import */ var libs_shared_flight_requests_ConfigRequests__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(\"../../libs/shared/src/flight-requests/ConfigRequests.ts\");\n/* harmony import */ var libs_shared_enums_MediaIdType__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(\"../../libs/shared/src/enums/MediaIdType.ts\");\n/* harmony import */ var shared_flight_requests_InteractiveRequests__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(\"./src/shared/flight-requests/InteractiveRequests.ts\");\n/* harmony import */ var shared_hooks_UseSetHeaderTitle__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(\"./src/shared/hooks/UseSetHeaderTitle.ts\");\n/* harmony import */ var shared_flight_requests_UserRequests__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(\"./src/shared/flight-requests/UserRequests.ts\");\n/* harmony import */ var shared_hooks_UseHandleVideoError__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(\"./src/shared/hooks/UseHandleVideoError.ts\");\n/* harmony import */ var shared_flight_requests_VideoViewRequests__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(\"./src/shared/flight-requests/VideoViewRequests.ts\");\n/* harmony import */ var shared_hooks_UseGetFilterQueryParams__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(\"./src/shared/hooks/UseGetFilterQueryParams.ts\");\n/* harmony import */ var shared_utils_FilterParamUtils__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(\"./src/shared/utils/FilterParamUtils.ts\");\n/* harmony import */ var shared_views_overview_cards_view_count_pie_chart_card_ViewCountPieChartCardView__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(\"./src/shared/views/overview-cards/view-count-pie-chart-card/ViewCountPieChartCardView.tsx\");\n/* harmony import */ var shared_hooks_UseSetAudienceFilterCount__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(\"./src/shared/hooks/UseSetAudienceFilterCount.ts\");\n/* harmony import */ var shared_hooks_UseSetHeaderActions__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(\"./src/shared/hooks/UseSetHeaderActions.ts\");\n/* harmony import */ var shared_components_partial_loading_partial_table_PartialTable__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(\"./src/shared/components/partial-loading/partial-table/PartialTable.tsx\");\n/* harmony import */ var apps_interactives_components_interactive_nav_InteractiveNav__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(\"./src/apps/interactives/components/interactive-nav/InteractiveNav.tsx\");\n/* harmony import */ var apps_interactives_components_video_engagement_overlay_VideoEngagementOverlay__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(\"./src/apps/interactives/components/video-engagement-overlay/VideoEngagementOverlay.tsx\");\n/* harmony import */ var apps_interactives_components_video_engagement_overlay_PartialVideoEngagementOverlay__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(\"./src/apps/interactives/components/video-engagement-overlay/PartialVideoEngagementOverlay.tsx\");\n/* harmony import */ var apps_interactives_components_engagement_table_EngagementTable__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(\"./src/apps/interactives/components/engagement-table/EngagementTable.tsx\");\n/* harmony import */ var apps_interactives_views_overview_cards_engagement_overview_card_EngagementOverviewCardView__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(\"./src/apps/interactives/views/overview-cards/engagement-overview-card/EngagementOverviewCardView.tsx\");\n/* harmony import */ var apps_interactives_utils_InteractiveActionUtils__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(\"./src/apps/interactives/utils/InteractiveActionUtils.tsx\");\n/* harmony import */ var _InteractiveEngagementViewUtils__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(\"./src/apps/interactives/views/interactive-engagement/InteractiveEngagementViewUtils.ts\");\n/* harmony import */ var _interactive_engagement_scss__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(\"./src/apps/interactives/views/interactive-engagement/interactive-engagement.scss\");\n/* harmony import */ var _interactive_engagement_scss__WEBPACK_IMPORTED_MODULE_25___default = /*#__PURE__*/__webpack_require__.n(_interactive_engagement_scss__WEBPACK_IMPORTED_MODULE_25__);\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nvar namespace = 'reportsInteractives.interactiveEngagement';\nvar getPhrase = libs_common_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_2__[\"LanguageService\"].encloseNamespace(namespace);\nfunction InteractiveEngagementView(props) {\n  var _a, _b;\n\n  var filterQueryParams = Object(shared_hooks_UseGetFilterQueryParams__WEBPACK_IMPORTED_MODULE_12__[\"useGetFilterQueryParams\"])();\n  var interactiveMetadata = libs_common_flight__WEBPACK_IMPORTED_MODULE_1__[\"Flight\"].useBasicFetch(shared_flight_requests_InteractiveRequests__WEBPACK_IMPORTED_MODULE_7__[\"InteractiveRequests\"].interactiveMetadata(props.interactiveMetadataId));\n  var interactive = libs_common_flight__WEBPACK_IMPORTED_MODULE_1__[\"Flight\"].useBasicFetch(!!interactiveMetadata.data && shared_flight_requests_InteractiveRequests__WEBPACK_IMPORTED_MODULE_7__[\"InteractiveRequests\"].interactive(interactiveMetadata.data.interactiveId));\n  var aggregateEngagement = libs_common_flight__WEBPACK_IMPORTED_MODULE_1__[\"Flight\"].useBasicFetch(shared_flight_requests_VideoViewRequests__WEBPACK_IMPORTED_MODULE_11__[\"VideoViewRequests\"].aggregateEngagement(props.interactiveMetadataId, filterQueryParams));\n  var individualEngagement = libs_common_flight__WEBPACK_IMPORTED_MODULE_1__[\"Flight\"].useBasicFetch(shared_flight_requests_VideoViewRequests__WEBPACK_IMPORTED_MODULE_11__[\"VideoViewRequests\"].individualEngagement(props.interactiveMetadataId, filterQueryParams));\n  var users = libs_common_flight__WEBPACK_IMPORTED_MODULE_1__[\"Flight\"].useBasicFetch(((_a = individualEngagement.data) === null || _a === void 0 ? void 0 : _a.data.length) && shared_flight_requests_UserRequests__WEBPACK_IMPORTED_MODULE_9__[\"UserRequests\"].getById(individualEngagement.data.data.map(function (e) {\n    return e.userId;\n  })));\n  var viewKey = libs_common_flight__WEBPACK_IMPORTED_MODULE_1__[\"Flight\"].useBasicFetch(libs_shared_flight_requests_PlayerRequests__WEBPACK_IMPORTED_MODULE_4__[\"PlayerRequests\"].createViewKey(props.interactiveMetadataId, libs_shared_enums_MediaIdType__WEBPACK_IMPORTED_MODULE_6__[\"MediaIdType\"].MasterObject));\n  var config = libs_common_flight__WEBPACK_IMPORTED_MODULE_1__[\"Flight\"].useBasicFetch(libs_shared_flight_requests_ConfigRequests__WEBPACK_IMPORTED_MODULE_5__[\"ConfigRequests\"].config());\n  Object(libs_common_react_hooks_UseSetPageTitle__WEBPACK_IMPORTED_MODULE_3__[\"useSetPageTitle\"])(interactiveMetadata.data ? getPhrase('pageTitle', {\n    interactive: interactiveMetadata.data.name\n  }) : '');\n  Object(shared_hooks_UseSetHeaderTitle__WEBPACK_IMPORTED_MODULE_8__[\"useSetHeaderTitle\"])((_b = interactiveMetadata.data) === null || _b === void 0 ? void 0 : _b.name);\n  Object(shared_hooks_UseSetHeaderActions__WEBPACK_IMPORTED_MODULE_16__[\"useSetHeaderActions\"])(Object(apps_interactives_utils_InteractiveActionUtils__WEBPACK_IMPORTED_MODULE_23__[\"getInteractiveActions\"])());\n  Object(_InteractiveEngagementViewUtils__WEBPACK_IMPORTED_MODULE_24__[\"useSetSuggestedAudience\"])(props.interactiveMetadataId);\n  Object(shared_hooks_UseSetAudienceFilterCount__WEBPACK_IMPORTED_MODULE_15__[\"useSetAudienceFilterCount\"])(individualEngagement);\n  Object(shared_hooks_UseHandleVideoError__WEBPACK_IMPORTED_MODULE_10__[\"useHandleVideoError\"])(interactiveMetadata);\n  var engagementOverlayDataLoaded = !!interactive.data && !!interactiveMetadata.data && !!aggregateEngagement.data && !!viewKey.data && !!config.data;\n  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(apps_interactives_components_interactive_nav_InteractiveNav__WEBPACK_IMPORTED_MODULE_18__[\"InteractiveNav\"], {\n    interactiveMetadataId: props.interactiveMetadataId\n  }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    className: 'd-flex pb-3'\n  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    className: \"pr-2 \".concat(_interactive_engagement_scss__WEBPACK_IMPORTED_MODULE_25___default.a.viewCountContainer)\n  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(shared_views_overview_cards_view_count_pie_chart_card_ViewCountPieChartCardView__WEBPACK_IMPORTED_MODULE_14__[\"ViewCountPieChartCardView\"], {\n    objectId: props.interactiveMetadataId,\n    className: 'h-100'\n  })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    className: \"px-2 \".concat(_interactive_engagement_scss__WEBPACK_IMPORTED_MODULE_25___default.a.engagementPercentageContainer)\n  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(apps_interactives_views_overview_cards_engagement_overview_card_EngagementOverviewCardView__WEBPACK_IMPORTED_MODULE_22__[\"EngagementOverviewCardView\"], {\n    objectId: props.interactiveMetadataId,\n    className: 'h-100',\n    layout: 'vertical'\n  })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    className: \"pl-2 \".concat(_interactive_engagement_scss__WEBPACK_IMPORTED_MODULE_25___default.a.engagementGraphContainer)\n  }, engagementOverlayDataLoaded ? react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(apps_interactives_components_video_engagement_overlay_VideoEngagementOverlay__WEBPACK_IMPORTED_MODULE_19__[\"VideoEngagementOverlay\"] // key is used to trigger player re-render\n  , {\n    // key is used to trigger player re-render\n    key: Object(shared_utils_FilterParamUtils__WEBPACK_IMPORTED_MODULE_13__[\"getFilterParamsKey\"])(filterQueryParams),\n    engagement: aggregateEngagement.data,\n    viewKey: viewKey.data.viewKey,\n    imageCdnUrl: config.data.imageCdnUrl,\n    playerApiUrl: config.data.playerApiUrl\n  }) : react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(apps_interactives_components_video_engagement_overlay_PartialVideoEngagementOverlay__WEBPACK_IMPORTED_MODULE_20__[\"PartialVideoEngagementOverlay\"], null))), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    className: 'pb-3'\n  }, !!individualEngagement.data && !!users.data ? react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(apps_interactives_components_engagement_table_EngagementTable__WEBPACK_IMPORTED_MODULE_21__[\"EngagementTable\"], {\n    key: Object(shared_utils_FilterParamUtils__WEBPACK_IMPORTED_MODULE_13__[\"getFilterParamsKey\"])(filterQueryParams),\n    engagement: individualEngagement.data.data,\n    users: users.data\n  }) : react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(shared_components_partial_loading_partial_table_PartialTable__WEBPACK_IMPORTED_MODULE_17__[\"PartialTable\"], {\n    className: _interactive_engagement_scss__WEBPACK_IMPORTED_MODULE_25___default.a.partialTable\n  })));\n}//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9zcmMvYXBwcy9pbnRlcmFjdGl2ZXMvdmlld3MvaW50ZXJhY3RpdmUtZW5nYWdlbWVudC9JbnRlcmFjdGl2ZUVuZ2FnZW1lbnRWaWV3LnRzeC5qcyIsInNvdXJjZXMiOlsiZmlsZTovL0M6L0NsaWNrVmlldyBQcm9qZWN0cy9jbGlja3ZpZXcvcGFja2FnZXMvcHJvamVjdHMvcmVwb3J0cy9zcmMvYXBwcy9pbnRlcmFjdGl2ZXMvdmlld3MvaW50ZXJhY3RpdmUtZW5nYWdlbWVudC9JbnRlcmFjdGl2ZUVuZ2FnZW1lbnRWaWV3LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xyXG5cclxuaW1wb3J0IHsgRmxpZ2h0IH0gZnJvbSAnbGlicy9jb21tb24vZmxpZ2h0JztcclxuaW1wb3J0IHsgTGFuZ3VhZ2VTZXJ2aWNlIH0gZnJvbSAnbGlicy9jb21tb24vYmFja2JvbmUvc2VydmljZXMvTGFuZ3VhZ2VTZXJ2aWNlJztcclxuaW1wb3J0IHsgdXNlU2V0UGFnZVRpdGxlIH0gZnJvbSAnbGlicy9jb21tb24vcmVhY3QvaG9va3MvVXNlU2V0UGFnZVRpdGxlJztcclxuXHJcbmltcG9ydCB7IENvbmZpZywgSW50ZXJhY3RpdmUsIEludGVyYWN0aXZlTWV0YWRhdGEsIFBsYXllclZpZXdLZXksIFVzZXIgfSBmcm9tICdsaWJzL3NoYXJlZC9pbnRlcmZhY2VzJztcclxuaW1wb3J0IHsgUGxheWVyUmVxdWVzdHMgfSBmcm9tICdsaWJzL3NoYXJlZC9mbGlnaHQtcmVxdWVzdHMvUGxheWVyUmVxdWVzdHMnO1xyXG5pbXBvcnQgeyBDb25maWdSZXF1ZXN0cyB9IGZyb20gJ2xpYnMvc2hhcmVkL2ZsaWdodC1yZXF1ZXN0cy9Db25maWdSZXF1ZXN0cyc7XHJcbmltcG9ydCB7IE1lZGlhSWRUeXBlIH0gZnJvbSAnbGlicy9zaGFyZWQvZW51bXMvTWVkaWFJZFR5cGUnO1xyXG5cclxuaW1wb3J0IHsgSW50ZXJhY3RpdmVSZXF1ZXN0cyB9IGZyb20gJ3NoYXJlZC9mbGlnaHQtcmVxdWVzdHMvSW50ZXJhY3RpdmVSZXF1ZXN0cyc7XHJcbmltcG9ydCB7IHVzZVNldEhlYWRlclRpdGxlIH0gZnJvbSAnc2hhcmVkL2hvb2tzL1VzZVNldEhlYWRlclRpdGxlJztcclxuaW1wb3J0IHsgRW5nYWdlbWVudCwgSW5kaXZpZHVhbEVuZ2FnZW1lbnRSZXNwb25zZSB9IGZyb20gJ3NoYXJlZC9pbnRlcmZhY2VzJztcclxuaW1wb3J0IHsgVXNlclJlcXVlc3RzIH0gZnJvbSAnc2hhcmVkL2ZsaWdodC1yZXF1ZXN0cy9Vc2VyUmVxdWVzdHMnO1xyXG5pbXBvcnQgeyB1c2VIYW5kbGVWaWRlb0Vycm9yIH0gZnJvbSAnc2hhcmVkL2hvb2tzL1VzZUhhbmRsZVZpZGVvRXJyb3InO1xyXG5pbXBvcnQgeyBWaWRlb1ZpZXdSZXF1ZXN0cyB9IGZyb20gJ3NoYXJlZC9mbGlnaHQtcmVxdWVzdHMvVmlkZW9WaWV3UmVxdWVzdHMnO1xyXG5pbXBvcnQgeyB1c2VHZXRGaWx0ZXJRdWVyeVBhcmFtcyB9IGZyb20gJ3NoYXJlZC9ob29rcy9Vc2VHZXRGaWx0ZXJRdWVyeVBhcmFtcyc7XHJcbmltcG9ydCB7IGdldEZpbHRlclBhcmFtc0tleSB9IGZyb20gJ3NoYXJlZC91dGlscy9GaWx0ZXJQYXJhbVV0aWxzJztcclxuaW1wb3J0IHsgVmlld0NvdW50UGllQ2hhcnRDYXJkVmlldyB9IGZyb20gJ3NoYXJlZC92aWV3cy9vdmVydmlldy1jYXJkcy92aWV3LWNvdW50LXBpZS1jaGFydC1jYXJkL1ZpZXdDb3VudFBpZUNoYXJ0Q2FyZFZpZXcnO1xyXG5pbXBvcnQgeyB1c2VTZXRBdWRpZW5jZUZpbHRlckNvdW50IH0gZnJvbSAnc2hhcmVkL2hvb2tzL1VzZVNldEF1ZGllbmNlRmlsdGVyQ291bnQnO1xyXG5pbXBvcnQgeyB1c2VTZXRIZWFkZXJBY3Rpb25zIH0gZnJvbSAnc2hhcmVkL2hvb2tzL1VzZVNldEhlYWRlckFjdGlvbnMnO1xyXG5pbXBvcnQgeyBQYXJ0aWFsVGFibGUgfSBmcm9tICdzaGFyZWQvY29tcG9uZW50cy9wYXJ0aWFsLWxvYWRpbmcvcGFydGlhbC10YWJsZS9QYXJ0aWFsVGFibGUnO1xyXG5cclxuaW1wb3J0IHsgSW50ZXJhY3RpdmVOYXYgfSBmcm9tICdhcHBzL2ludGVyYWN0aXZlcy9jb21wb25lbnRzL2ludGVyYWN0aXZlLW5hdi9JbnRlcmFjdGl2ZU5hdic7XHJcbmltcG9ydCB7IFZpZGVvRW5nYWdlbWVudE92ZXJsYXkgfSBmcm9tICdhcHBzL2ludGVyYWN0aXZlcy9jb21wb25lbnRzL3ZpZGVvLWVuZ2FnZW1lbnQtb3ZlcmxheS9WaWRlb0VuZ2FnZW1lbnRPdmVybGF5JztcclxuaW1wb3J0IHsgUGFydGlhbFZpZGVvRW5nYWdlbWVudE92ZXJsYXkgfSBmcm9tICdhcHBzL2ludGVyYWN0aXZlcy9jb21wb25lbnRzL3ZpZGVvLWVuZ2FnZW1lbnQtb3ZlcmxheS9QYXJ0aWFsVmlkZW9FbmdhZ2VtZW50T3ZlcmxheSc7XHJcbmltcG9ydCB7IEVuZ2FnZW1lbnRUYWJsZSB9IGZyb20gJ2FwcHMvaW50ZXJhY3RpdmVzL2NvbXBvbmVudHMvZW5nYWdlbWVudC10YWJsZS9FbmdhZ2VtZW50VGFibGUnO1xyXG5pbXBvcnQgeyBFbmdhZ2VtZW50T3ZlcnZpZXdDYXJkVmlldyB9IGZyb20gJ2FwcHMvaW50ZXJhY3RpdmVzL3ZpZXdzL292ZXJ2aWV3LWNhcmRzL2VuZ2FnZW1lbnQtb3ZlcnZpZXctY2FyZC9FbmdhZ2VtZW50T3ZlcnZpZXdDYXJkVmlldyc7XHJcbmltcG9ydCB7IGdldEludGVyYWN0aXZlQWN0aW9ucyB9IGZyb20gJ2FwcHMvaW50ZXJhY3RpdmVzL3V0aWxzL0ludGVyYWN0aXZlQWN0aW9uVXRpbHMnO1xyXG5cclxuaW1wb3J0IHsgdXNlU2V0U3VnZ2VzdGVkQXVkaWVuY2UgfSBmcm9tICcuL0ludGVyYWN0aXZlRW5nYWdlbWVudFZpZXdVdGlscyc7XHJcblxyXG5pbXBvcnQgc3R5bGVzIGZyb20gJy4vaW50ZXJhY3RpdmUtZW5nYWdlbWVudC5zY3NzJztcclxuXHJcbmNvbnN0IG5hbWVzcGFjZSA9ICdyZXBvcnRzSW50ZXJhY3RpdmVzLmludGVyYWN0aXZlRW5nYWdlbWVudCc7XHJcbmNvbnN0IGdldFBocmFzZSA9IExhbmd1YWdlU2VydmljZS5lbmNsb3NlTmFtZXNwYWNlKG5hbWVzcGFjZSk7XHJcblxyXG5pbnRlcmZhY2UgSW50ZXJhY3RpdmVFbmdhZ2VtZW50Vmlld1Byb3BzIHtcclxuICBpbnRlcmFjdGl2ZU1ldGFkYXRhSWQ6IHN0cmluZztcclxufVxyXG5cclxuZXhwb3J0IGZ1bmN0aW9uIEludGVyYWN0aXZlRW5nYWdlbWVudFZpZXcocHJvcHM6IEludGVyYWN0aXZlRW5nYWdlbWVudFZpZXdQcm9wcyk6IEpTWC5FbGVtZW50IHtcclxuICBjb25zdCBmaWx0ZXJRdWVyeVBhcmFtcyA9IHVzZUdldEZpbHRlclF1ZXJ5UGFyYW1zKCk7XHJcblxyXG4gIGNvbnN0IGludGVyYWN0aXZlTWV0YWRhdGEgPSBGbGlnaHQudXNlQmFzaWNGZXRjaDxJbnRlcmFjdGl2ZU1ldGFkYXRhPihcclxuICAgIEludGVyYWN0aXZlUmVxdWVzdHMuaW50ZXJhY3RpdmVNZXRhZGF0YShwcm9wcy5pbnRlcmFjdGl2ZU1ldGFkYXRhSWQpXHJcbiAgKTtcclxuICBjb25zdCBpbnRlcmFjdGl2ZSA9IEZsaWdodC51c2VCYXNpY0ZldGNoPEludGVyYWN0aXZlPighIWludGVyYWN0aXZlTWV0YWRhdGEuZGF0YSAmJlxyXG4gICAgSW50ZXJhY3RpdmVSZXF1ZXN0cy5pbnRlcmFjdGl2ZShpbnRlcmFjdGl2ZU1ldGFkYXRhLmRhdGEuaW50ZXJhY3RpdmVJZClcclxuICApO1xyXG4gIGNvbnN0IGFnZ3JlZ2F0ZUVuZ2FnZW1lbnQgPSBGbGlnaHQudXNlQmFzaWNGZXRjaDxFbmdhZ2VtZW50PihcclxuICAgIFZpZGVvVmlld1JlcXVlc3RzLmFnZ3JlZ2F0ZUVuZ2FnZW1lbnQocHJvcHMuaW50ZXJhY3RpdmVNZXRhZGF0YUlkLCBmaWx0ZXJRdWVyeVBhcmFtcylcclxuICApO1xyXG4gIGNvbnN0IGluZGl2aWR1YWxFbmdhZ2VtZW50ID0gRmxpZ2h0LnVzZUJhc2ljRmV0Y2g8SW5kaXZpZHVhbEVuZ2FnZW1lbnRSZXNwb25zZT4oXHJcbiAgICBWaWRlb1ZpZXdSZXF1ZXN0cy5pbmRpdmlkdWFsRW5nYWdlbWVudChwcm9wcy5pbnRlcmFjdGl2ZU1ldGFkYXRhSWQsIGZpbHRlclF1ZXJ5UGFyYW1zKVxyXG4gICk7XHJcbiAgY29uc3QgdXNlcnMgPSBGbGlnaHQudXNlQmFzaWNGZXRjaDxVc2VyW10+KGluZGl2aWR1YWxFbmdhZ2VtZW50LmRhdGE/LmRhdGEubGVuZ3RoICYmXHJcbiAgICBVc2VyUmVxdWVzdHMuZ2V0QnlJZChpbmRpdmlkdWFsRW5nYWdlbWVudC5kYXRhLmRhdGEubWFwKGUgPT4gZS51c2VySWQpKVxyXG4gICk7XHJcbiAgY29uc3Qgdmlld0tleSA9IEZsaWdodC51c2VCYXNpY0ZldGNoPFBsYXllclZpZXdLZXk+KFxyXG4gICAgUGxheWVyUmVxdWVzdHMuY3JlYXRlVmlld0tleShwcm9wcy5pbnRlcmFjdGl2ZU1ldGFkYXRhSWQsIE1lZGlhSWRUeXBlLk1hc3Rlck9iamVjdClcclxuICApO1xyXG4gIGNvbnN0IGNvbmZpZyA9IEZsaWdodC51c2VCYXNpY0ZldGNoPENvbmZpZz4oQ29uZmlnUmVxdWVzdHMuY29uZmlnKCkpO1xyXG5cclxuICB1c2VTZXRQYWdlVGl0bGUoaW50ZXJhY3RpdmVNZXRhZGF0YS5kYXRhID8gZ2V0UGhyYXNlKCdwYWdlVGl0bGUnLCB7IGludGVyYWN0aXZlOiBpbnRlcmFjdGl2ZU1ldGFkYXRhLmRhdGEubmFtZSB9KSA6ICcnKTtcclxuICB1c2VTZXRIZWFkZXJUaXRsZShpbnRlcmFjdGl2ZU1ldGFkYXRhLmRhdGE/Lm5hbWUpO1xyXG4gIHVzZVNldEhlYWRlckFjdGlvbnMoZ2V0SW50ZXJhY3RpdmVBY3Rpb25zKCkpO1xyXG4gIHVzZVNldFN1Z2dlc3RlZEF1ZGllbmNlKHByb3BzLmludGVyYWN0aXZlTWV0YWRhdGFJZCk7XHJcbiAgdXNlU2V0QXVkaWVuY2VGaWx0ZXJDb3VudChpbmRpdmlkdWFsRW5nYWdlbWVudCk7XHJcbiAgdXNlSGFuZGxlVmlkZW9FcnJvcihpbnRlcmFjdGl2ZU1ldGFkYXRhKTtcclxuXHJcbiAgY29uc3QgZW5nYWdlbWVudE92ZXJsYXlEYXRhTG9hZGVkID0gISFpbnRlcmFjdGl2ZS5kYXRhXHJcbiAgICAmJiAhIWludGVyYWN0aXZlTWV0YWRhdGEuZGF0YVxyXG4gICAgJiYgISFhZ2dyZWdhdGVFbmdhZ2VtZW50LmRhdGFcclxuICAgICYmICEhdmlld0tleS5kYXRhXHJcbiAgICAmJiAhIWNvbmZpZy5kYXRhO1xyXG5cclxuICByZXR1cm4gKFxyXG4gICAgPGRpdj5cclxuICAgICAgPEludGVyYWN0aXZlTmF2IGludGVyYWN0aXZlTWV0YWRhdGFJZD17cHJvcHMuaW50ZXJhY3RpdmVNZXRhZGF0YUlkfSAvPlxyXG4gICAgICA8ZGl2IGNsYXNzTmFtZT0nZC1mbGV4IHBiLTMnPlxyXG4gICAgICAgIDxkaXYgY2xhc3NOYW1lPXtgcHItMiAke3N0eWxlcy52aWV3Q291bnRDb250YWluZXJ9YH0+XHJcbiAgICAgICAgICA8Vmlld0NvdW50UGllQ2hhcnRDYXJkVmlld1xyXG4gICAgICAgICAgICBvYmplY3RJZD17cHJvcHMuaW50ZXJhY3RpdmVNZXRhZGF0YUlkfVxyXG4gICAgICAgICAgICBjbGFzc05hbWU9J2gtMTAwJ1xyXG4gICAgICAgICAgLz5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8ZGl2IGNsYXNzTmFtZT17YHB4LTIgJHtzdHlsZXMuZW5nYWdlbWVudFBlcmNlbnRhZ2VDb250YWluZXJ9YH0+XHJcbiAgICAgICAgICA8RW5nYWdlbWVudE92ZXJ2aWV3Q2FyZFZpZXdcclxuICAgICAgICAgICAgb2JqZWN0SWQ9e3Byb3BzLmludGVyYWN0aXZlTWV0YWRhdGFJZH1cclxuICAgICAgICAgICAgY2xhc3NOYW1lPSdoLTEwMCdcclxuICAgICAgICAgICAgbGF5b3V0PSd2ZXJ0aWNhbCdcclxuICAgICAgICAgIC8+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPGRpdiBjbGFzc05hbWU9e2BwbC0yICR7c3R5bGVzLmVuZ2FnZW1lbnRHcmFwaENvbnRhaW5lcn1gfT5cclxuICAgICAgICAgIHtlbmdhZ2VtZW50T3ZlcmxheURhdGFMb2FkZWRcclxuICAgICAgICAgICAgPyA8VmlkZW9FbmdhZ2VtZW50T3ZlcmxheVxyXG4gICAgICAgICAgICAgIC8vIGtleSBpcyB1c2VkIHRvIHRyaWdnZXIgcGxheWVyIHJlLXJlbmRlclxyXG4gICAgICAgICAgICAgIGtleT17Z2V0RmlsdGVyUGFyYW1zS2V5KGZpbHRlclF1ZXJ5UGFyYW1zKX1cclxuICAgICAgICAgICAgICBlbmdhZ2VtZW50PXthZ2dyZWdhdGVFbmdhZ2VtZW50LmRhdGF9XHJcbiAgICAgICAgICAgICAgdmlld0tleT17dmlld0tleS5kYXRhLnZpZXdLZXl9XHJcbiAgICAgICAgICAgICAgaW1hZ2VDZG5Vcmw9e2NvbmZpZy5kYXRhLmltYWdlQ2RuVXJsfVxyXG4gICAgICAgICAgICAgIHBsYXllckFwaVVybD17Y29uZmlnLmRhdGEucGxheWVyQXBpVXJsfVxyXG4gICAgICAgICAgICAvPlxyXG4gICAgICAgICAgICA6IDxQYXJ0aWFsVmlkZW9FbmdhZ2VtZW50T3ZlcmxheSAvPlxyXG4gICAgICAgICAgfVxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICA8L2Rpdj5cclxuICAgICAgPGRpdiBjbGFzc05hbWU9J3BiLTMnPlxyXG4gICAgICAgIHsoISFpbmRpdmlkdWFsRW5nYWdlbWVudC5kYXRhICYmICEhdXNlcnMuZGF0YSlcclxuICAgICAgICAgID8gPEVuZ2FnZW1lbnRUYWJsZVxyXG4gICAgICAgICAgICBrZXk9e2dldEZpbHRlclBhcmFtc0tleShmaWx0ZXJRdWVyeVBhcmFtcyl9XHJcbiAgICAgICAgICAgIGVuZ2FnZW1lbnQ9e2luZGl2aWR1YWxFbmdhZ2VtZW50LmRhdGEuZGF0YX1cclxuICAgICAgICAgICAgdXNlcnM9e3VzZXJzLmRhdGF9XHJcbiAgICAgICAgICAvPlxyXG4gICAgICAgICAgOiA8UGFydGlhbFRhYmxlIGNsYXNzTmFtZT17c3R5bGVzLnBhcnRpYWxUYWJsZX0gLz5cclxuICAgICAgICB9XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgPC9kaXY+XHJcbiAgKTtcclxufSJdLCJtYXBwaW5ncyI6IkFBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFFQTtBQUNBO0FBQ0E7QUFHQTtBQUNBO0FBQ0E7QUFFQTtBQUNBO0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBRUE7QUFFQTtBQUVBO0FBQ0E7QUFNQTs7O0FBQ0E7QUFFQTtBQUdBO0FBR0E7QUFHQTtBQUdBO0FBQ0E7QUFBQTtBQUVBO0FBR0E7QUFFQTtBQUFBO0FBQUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBRUE7QUFNQTtBQUVBO0FBQUE7QUFDQTtBQUFBO0FBQ0E7QUFBQTtBQUVBO0FBQ0E7QUFGQTtBQUtBO0FBQUE7QUFFQTtBQUNBO0FBQ0E7QUFIQTtBQU1BO0FBQUE7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQU5BO0FBWUE7QUFBQTtBQUdBO0FBQ0E7QUFDQTtBQUhBO0FBS0E7QUFBQTtBQUtBIiwic291cmNlUm9vdCI6IiJ9\n//# sourceURL=webpack-internal:///./src/apps/interactives/views/interactive-engagement/InteractiveEngagementView.tsx\n");
-
-/***/ }),
-
-/***/ "./src/apps/interactives/views/interactive-engagement/InteractiveEngagementViewUtils.ts":
+/***/ "./src/shared/flight-requests/VideoViewRequests.ts":
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"useSetSuggestedAudience\", function() { return useSetSuggestedAudience; });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(\"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var libs_common_flight__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(\"../../libs/common/src/react/index.ts\");\n/* harmony import */ var libs_common_react_hooks_UseViewModel__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(\"../../libs/common/src/react/hooks/UseViewModel.ts\");\n/* harmony import */ var shared_constants_ReportsViewModels__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(\"./src/shared/constants/ReportsViewModels.ts\");\n/* harmony import */ var shared_flight_requests_VideoViewRequests__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(\"./src/shared/flight-requests/VideoViewRequests.ts\");\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\n\nfunction _nonIterableRest() { throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\n\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === \"string\") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === \"Object\" && o.constructor) n = o.constructor.name; if (n === \"Map\" || n === \"Set\") return Array.from(o); if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\n\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }\n\nfunction _iterableToArrayLimit(arr, i) { if (typeof Symbol === \"undefined\" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i[\"return\"] != null) _i[\"return\"](); } finally { if (_d) throw _e; } } return _arr; }\n\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\n\n\n\n\n\n\nfunction useSetSuggestedAudience(interactiveMetadataId) {\n  /**\r\n   * We intentionally only use the dateRange filter as we want to suggest\r\n   * all users with data in the selected date range.\r\n   */\n  var _useViewModel = Object(libs_common_react_hooks_UseViewModel__WEBPACK_IMPORTED_MODULE_2__[\"useViewModel\"])(shared_constants_ReportsViewModels__WEBPACK_IMPORTED_MODULE_3__[\"ViewModelKeys\"].DATE_RANGE_QUERY_PARAMS),\n      _useViewModel2 = _slicedToArray(_useViewModel, 1),\n      dateRangeParams = _useViewModel2[0];\n\n  var engagement = libs_common_flight__WEBPACK_IMPORTED_MODULE_1__[\"Flight\"].useBasicFetch(shared_flight_requests_VideoViewRequests__WEBPACK_IMPORTED_MODULE_4__[\"VideoViewRequests\"].individualEngagement(interactiveMetadataId, dateRangeParams));\n\n  var _useViewModel3 = Object(libs_common_react_hooks_UseViewModel__WEBPACK_IMPORTED_MODULE_2__[\"useViewModel\"])(shared_constants_ReportsViewModels__WEBPACK_IMPORTED_MODULE_3__[\"ViewModelKeys\"].AUDIENCE_FILTER_SUGGESTIONS),\n      _useViewModel4 = _slicedToArray(_useViewModel3, 2),\n      setSuggestions = _useViewModel4[1];\n\n  Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useEffect\"])(function () {\n    var _a;\n\n    if (!engagement.data) return;\n    setSuggestions('users', (_a = engagement.data) === null || _a === void 0 ? void 0 : _a.data.map(function (e) {\n      return e.userId;\n    }));\n  }, [engagement.isFetching]);\n}//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9zcmMvYXBwcy9pbnRlcmFjdGl2ZXMvdmlld3MvaW50ZXJhY3RpdmUtZW5nYWdlbWVudC9JbnRlcmFjdGl2ZUVuZ2FnZW1lbnRWaWV3VXRpbHMudHMuanMiLCJzb3VyY2VzIjpbImZpbGU6Ly9DOi9DbGlja1ZpZXcgUHJvamVjdHMvY2xpY2t2aWV3L3BhY2thZ2VzL3Byb2plY3RzL3JlcG9ydHMvc3JjL2FwcHMvaW50ZXJhY3RpdmVzL3ZpZXdzL2ludGVyYWN0aXZlLWVuZ2FnZW1lbnQvSW50ZXJhY3RpdmVFbmdhZ2VtZW50Vmlld1V0aWxzLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHVzZUVmZmVjdCB9IGZyb20gJ3JlYWN0JztcclxuXHJcbmltcG9ydCB7IEZsaWdodCB9IGZyb20gJ2xpYnMvY29tbW9uL2ZsaWdodCc7XHJcbmltcG9ydCB7IHVzZVZpZXdNb2RlbCB9IGZyb20gJ2xpYnMvY29tbW9uL3JlYWN0L2hvb2tzL1VzZVZpZXdNb2RlbCc7XHJcblxyXG5pbXBvcnQgeyBBdWRpZW5jZUZpbHRlclN1Z2dlc3Rpb25zLCBEYXRlUmFuZ2VRdWVyeVBhcmFtcywgSW5kaXZpZHVhbEVuZ2FnZW1lbnRSZXNwb25zZSB9IGZyb20gJ3NoYXJlZC9pbnRlcmZhY2VzJztcclxuaW1wb3J0IHsgVmlld01vZGVsS2V5cyB9IGZyb20gJ3NoYXJlZC9jb25zdGFudHMvUmVwb3J0c1ZpZXdNb2RlbHMnO1xyXG5pbXBvcnQgeyBWaWRlb1ZpZXdSZXF1ZXN0cyB9IGZyb20gJ3NoYXJlZC9mbGlnaHQtcmVxdWVzdHMvVmlkZW9WaWV3UmVxdWVzdHMnO1xyXG5cclxuZXhwb3J0IGZ1bmN0aW9uIHVzZVNldFN1Z2dlc3RlZEF1ZGllbmNlKGludGVyYWN0aXZlTWV0YWRhdGFJZDogc3RyaW5nKTogdm9pZCB7XHJcbiAgLyoqXHJcbiAgICogV2UgaW50ZW50aW9uYWxseSBvbmx5IHVzZSB0aGUgZGF0ZVJhbmdlIGZpbHRlciBhcyB3ZSB3YW50IHRvIHN1Z2dlc3RcclxuICAgKiBhbGwgdXNlcnMgd2l0aCBkYXRhIGluIHRoZSBzZWxlY3RlZCBkYXRlIHJhbmdlLlxyXG4gICAqL1xyXG4gIGNvbnN0IFtkYXRlUmFuZ2VQYXJhbXNdID0gdXNlVmlld01vZGVsPERhdGVSYW5nZVF1ZXJ5UGFyYW1zPihWaWV3TW9kZWxLZXlzLkRBVEVfUkFOR0VfUVVFUllfUEFSQU1TKTtcclxuXHJcbiAgY29uc3QgZW5nYWdlbWVudCA9IEZsaWdodC51c2VCYXNpY0ZldGNoPEluZGl2aWR1YWxFbmdhZ2VtZW50UmVzcG9uc2U+KFxyXG4gICAgVmlkZW9WaWV3UmVxdWVzdHMuaW5kaXZpZHVhbEVuZ2FnZW1lbnQoaW50ZXJhY3RpdmVNZXRhZGF0YUlkLCBkYXRlUmFuZ2VQYXJhbXMpXHJcbiAgKTtcclxuXHJcbiAgY29uc3QgWyAsIHNldFN1Z2dlc3Rpb25zIF0gPSB1c2VWaWV3TW9kZWw8QXVkaWVuY2VGaWx0ZXJTdWdnZXN0aW9ucz4oVmlld01vZGVsS2V5cy5BVURJRU5DRV9GSUxURVJfU1VHR0VTVElPTlMpO1xyXG5cclxuICB1c2VFZmZlY3QoKCkgPT4ge1xyXG4gICAgaWYgKCFlbmdhZ2VtZW50LmRhdGEpXHJcbiAgICAgIHJldHVybjtcclxuXHJcbiAgICBzZXRTdWdnZXN0aW9ucygndXNlcnMnLCBlbmdhZ2VtZW50LmRhdGE/LmRhdGEubWFwKGUgPT4gZS51c2VySWQpKTtcclxuICB9LCBbZW5nYWdlbWVudC5pc0ZldGNoaW5nXSk7XHJcbn0iXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUE7QUFFQTtBQUNBO0FBR0E7QUFDQTtBQUVBO0FBQ0E7OztBQUdBO0FBSkE7QUFBQTtBQUFBO0FBQ0E7QUFNQTtBQUNBO0FBUkE7QUFBQTtBQUFBO0FBQ0E7QUFZQTs7O0FBQ0E7QUFHQTtBQUFBO0FBQUE7QUFDQTtBQUNBIiwic291cmNlUm9vdCI6IiJ9\n//# sourceURL=webpack-internal:///./src/apps/interactives/views/interactive-engagement/InteractiveEngagementViewUtils.ts\n");
-
-/***/ }),
-
-/***/ "./src/apps/interactives/views/interactive-engagement/interactive-engagement.scss":
-/***/ (function(module, exports, __webpack_require__) {
-
-eval("// extracted by mini-css-extract-plugin\nmodule.exports = {\"viewCountContainer\":\"cv--viewCountContainer--lA7G_\",\"engagementPercentageContainer\":\"cv--engagementPercentageContainer--1D53y\",\"engagementGraphContainer\":\"cv--engagementGraphContainer--8US2G\",\"partialTable\":\"cv--partialTable--3UtUn\"};//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9zcmMvYXBwcy9pbnRlcmFjdGl2ZXMvdmlld3MvaW50ZXJhY3RpdmUtZW5nYWdlbWVudC9pbnRlcmFjdGl2ZS1lbmdhZ2VtZW50LnNjc3MuanMiLCJzb3VyY2VzIjpbImZpbGU6Ly9DOi9DbGlja1ZpZXcgUHJvamVjdHMvY2xpY2t2aWV3L3BhY2thZ2VzL3Byb2plY3RzL3JlcG9ydHMvc3JjL2FwcHMvaW50ZXJhY3RpdmVzL3ZpZXdzL2ludGVyYWN0aXZlLWVuZ2FnZW1lbnQvaW50ZXJhY3RpdmUtZW5nYWdlbWVudC5zY3NzIl0sInNvdXJjZXNDb250ZW50IjpbIi8vIGV4dHJhY3RlZCBieSBtaW5pLWNzcy1leHRyYWN0LXBsdWdpblxubW9kdWxlLmV4cG9ydHMgPSB7XCJ2aWV3Q291bnRDb250YWluZXJcIjpcImN2LS12aWV3Q291bnRDb250YWluZXItLWxBN0dfXCIsXCJlbmdhZ2VtZW50UGVyY2VudGFnZUNvbnRhaW5lclwiOlwiY3YtLWVuZ2FnZW1lbnRQZXJjZW50YWdlQ29udGFpbmVyLS0xRDUzeVwiLFwiZW5nYWdlbWVudEdyYXBoQ29udGFpbmVyXCI6XCJjdi0tZW5nYWdlbWVudEdyYXBoQ29udGFpbmVyLS04VVMyR1wiLFwicGFydGlhbFRhYmxlXCI6XCJjdi0tcGFydGlhbFRhYmxlLS0zVXRVblwifTsiXSwibWFwcGluZ3MiOiJBQUFBO0FBQ0EiLCJzb3VyY2VSb290IjoiIn0=\n//# sourceURL=webpack-internal:///./src/apps/interactives/views/interactive-engagement/interactive-engagement.scss\n");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"VideoViewRequests\", function() { return VideoViewRequests; });\n/* harmony import */ var libs_common_backbone_utils_UrlHelper__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(\"../../libs/common/src/backbone/utils/UrlHelper.ts\");\n/* harmony import */ var shared_utils_AnalyticsRequestUtils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(\"./src/shared/utils/AnalyticsRequestUtils.ts\");\n\n\nvar VideoViewRequests = {\n  views: function views(filterParams, objectId, success, error, always) {\n    var baseKey = 'video:views';\n    if (objectId) baseKey += \":\".concat(objectId);\n    return {\n      url: libs_common_backbone_utils_UrlHelper__WEBPACK_IMPORTED_MODULE_0__[\"UrlHelper\"].urlBuilder('{gateway}/v1/analytics/views', Object.assign({\n        objectId: objectId\n      }, Object(shared_utils_AnalyticsRequestUtils__WEBPACK_IMPORTED_MODULE_1__[\"getAnalyticsRequestFilters\"])(filterParams))),\n      key: Object(shared_utils_AnalyticsRequestUtils__WEBPACK_IMPORTED_MODULE_1__[\"getAnalyticsRequestKey\"])(baseKey, filterParams),\n      normalize: false,\n      success: success,\n      error: error,\n      always: always\n    };\n  },\n  individualEngagement: function individualEngagement(objectId, filterParams, success, error, always) {\n    return {\n      url: libs_common_backbone_utils_UrlHelper__WEBPACK_IMPORTED_MODULE_0__[\"UrlHelper\"].urlBuilder('{gateway}/v1/analytics/heat-map', Object.assign({\n        objectId: objectId\n      }, Object(shared_utils_AnalyticsRequestUtils__WEBPACK_IMPORTED_MODULE_1__[\"getAnalyticsRequestFilters\"])(filterParams))),\n      key: Object(shared_utils_AnalyticsRequestUtils__WEBPACK_IMPORTED_MODULE_1__[\"getAnalyticsRequestKey\"])(\"engagement:\".concat(objectId), filterParams),\n      formatData: function formatData(data) {\n        var _a;\n\n        return Object.assign(Object.assign({}, data), {\n          data: (_a = data.data) === null || _a === void 0 ? void 0 : _a.map(function (d) {\n            var _a;\n\n            return Object.assign(Object.assign({}, d), {\n              heatMap: (_a = d.heatMap) !== null && _a !== void 0 ? _a : []\n            });\n          })\n        });\n      },\n      normalize: false,\n      success: success,\n      error: error,\n      always: always\n    };\n  },\n  aggregateEngagement: function aggregateEngagement(objectId, filterParams, success, error, always) {\n    return {\n      url: libs_common_backbone_utils_UrlHelper__WEBPACK_IMPORTED_MODULE_0__[\"UrlHelper\"].urlBuilder('{gateway}/v1/analytics/heat-map/aggregations', Object.assign({\n        objectId: objectId\n      }, Object(shared_utils_AnalyticsRequestUtils__WEBPACK_IMPORTED_MODULE_1__[\"getAnalyticsRequestFilters\"])(filterParams))),\n      key: Object(shared_utils_AnalyticsRequestUtils__WEBPACK_IMPORTED_MODULE_1__[\"getAnalyticsRequestKey\"])(\"aggregate:engagement:\".concat(objectId), filterParams),\n      formatData: function formatData(data) {\n        var _a;\n\n        return Object.assign(Object.assign({}, data), {\n          heatMap: (_a = data.heatMap) !== null && _a !== void 0 ? _a : []\n        });\n      },\n      normalize: false,\n      success: success,\n      error: error,\n      always: always\n    };\n  }\n};//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9zcmMvc2hhcmVkL2ZsaWdodC1yZXF1ZXN0cy9WaWRlb1ZpZXdSZXF1ZXN0cy50cy5qcyIsInNvdXJjZXMiOlsiZmlsZTovL0M6L0NsaWNrVmlldyBQcm9qZWN0cy9jbGlja3ZpZXcvcGFja2FnZXMvcHJvamVjdHMvcmVwb3J0cy9zcmMvc2hhcmVkL2ZsaWdodC1yZXF1ZXN0cy9WaWRlb1ZpZXdSZXF1ZXN0cy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBGbGlnaHQgfSBmcm9tICdsaWJzL2NvbW1vbi9mbGlnaHQnO1xyXG5pbXBvcnQgeyBVcmxIZWxwZXIgfSBmcm9tICdsaWJzL2NvbW1vbi9iYWNrYm9uZS91dGlscy9VcmxIZWxwZXInO1xyXG5pbXBvcnQgeyBYaHIgfSBmcm9tICdsaWJzL2NvbW1vbi9iYWNrYm9uZS9pbnRlcmZhY2VzL1hocic7XHJcblxyXG5pbXBvcnQgeyBFbmdhZ2VtZW50LCBGaWx0ZXJRdWVyeVBhcmFtcywgSW5kaXZpZHVhbEVuZ2FnZW1lbnRSZXNwb25zZSwgVmlkZW9WaWV3RXZlbnRSZXNwb25zZSB9IGZyb20gJ3NoYXJlZC9pbnRlcmZhY2VzJztcclxuaW1wb3J0IHsgZ2V0QW5hbHl0aWNzUmVxdWVzdEZpbHRlcnMsIGdldEFuYWx5dGljc1JlcXVlc3RLZXkgfSBmcm9tICdzaGFyZWQvdXRpbHMvQW5hbHl0aWNzUmVxdWVzdFV0aWxzJztcclxuXHJcbmV4cG9ydCBjb25zdCBWaWRlb1ZpZXdSZXF1ZXN0cyA9IHtcclxuICB2aWV3cyhcclxuICAgIGZpbHRlclBhcmFtczogRmlsdGVyUXVlcnlQYXJhbXMsXHJcbiAgICBvYmplY3RJZD86IHN0cmluZyxcclxuICAgIHN1Y2Nlc3M/OiAoZGF0YTogVmlkZW9WaWV3RXZlbnRSZXNwb25zZSkgPT4gdm9pZCxcclxuICAgIGVycm9yPzogKHhocjogWGhyKSA9PiB2b2lkLFxyXG4gICAgYWx3YXlzPzogKCkgPT4gdm9pZFxyXG4gICk6IEZsaWdodC5SZXF1ZXN0IHtcclxuICAgIGxldCBiYXNlS2V5ID0gJ3ZpZGVvOnZpZXdzJztcclxuXHJcbiAgICBpZiAob2JqZWN0SWQpXHJcbiAgICAgIGJhc2VLZXkgKz0gYDoke29iamVjdElkfWA7XHJcblxyXG4gICAgcmV0dXJuIHtcclxuICAgICAgdXJsOiBVcmxIZWxwZXIudXJsQnVpbGRlcigne2dhdGV3YXl9L3YxL2FuYWx5dGljcy92aWV3cycsIHtcclxuICAgICAgICBvYmplY3RJZCxcclxuICAgICAgICAuLi5nZXRBbmFseXRpY3NSZXF1ZXN0RmlsdGVycyhmaWx0ZXJQYXJhbXMpXHJcbiAgICAgIH0pLFxyXG4gICAgICBrZXk6IGdldEFuYWx5dGljc1JlcXVlc3RLZXkoYmFzZUtleSwgZmlsdGVyUGFyYW1zKSxcclxuICAgICAgbm9ybWFsaXplOiBmYWxzZSxcclxuICAgICAgc3VjY2VzcyxcclxuICAgICAgZXJyb3IsXHJcbiAgICAgIGFsd2F5c1xyXG4gICAgfTtcclxuICB9LFxyXG5cclxuICBpbmRpdmlkdWFsRW5nYWdlbWVudChcclxuICAgIG9iamVjdElkOiBzdHJpbmcsXHJcbiAgICBmaWx0ZXJQYXJhbXM6IEZpbHRlclF1ZXJ5UGFyYW1zLFxyXG4gICAgc3VjY2Vzcz86IChkYXRhOiBJbmRpdmlkdWFsRW5nYWdlbWVudFJlc3BvbnNlKSA9PiB2b2lkLFxyXG4gICAgZXJyb3I/OiAoeGhyOiBYaHIpID0+IHZvaWQsXHJcbiAgICBhbHdheXM/OiAoKSA9PiB2b2lkXHJcbiAgKTogRmxpZ2h0LlJlcXVlc3Qge1xyXG4gICAgcmV0dXJuIHtcclxuICAgICAgdXJsOiBVcmxIZWxwZXIudXJsQnVpbGRlcigne2dhdGV3YXl9L3YxL2FuYWx5dGljcy9oZWF0LW1hcCcsIHtcclxuICAgICAgICBvYmplY3RJZCxcclxuICAgICAgICAuLi5nZXRBbmFseXRpY3NSZXF1ZXN0RmlsdGVycyhmaWx0ZXJQYXJhbXMpXHJcbiAgICAgIH0pLFxyXG4gICAgICBrZXk6IGdldEFuYWx5dGljc1JlcXVlc3RLZXkoYGVuZ2FnZW1lbnQ6JHtvYmplY3RJZH1gLCBmaWx0ZXJQYXJhbXMpLFxyXG4gICAgICBmb3JtYXREYXRhOiAoZGF0YTogSW5kaXZpZHVhbEVuZ2FnZW1lbnRSZXNwb25zZSkgPT4ge1xyXG4gICAgICAgIHJldHVybiB7XHJcbiAgICAgICAgICAuLi5kYXRhLFxyXG4gICAgICAgICAgZGF0YTogZGF0YS5kYXRhPy5tYXAoZCA9PiAoe1xyXG4gICAgICAgICAgICAuLi5kLFxyXG4gICAgICAgICAgICBoZWF0TWFwOiBkLmhlYXRNYXAgPz8gW11cclxuICAgICAgICAgIH0pKVxyXG4gICAgICAgIH07XHJcbiAgICAgIH0sXHJcbiAgICAgIG5vcm1hbGl6ZTogZmFsc2UsXHJcbiAgICAgIHN1Y2Nlc3MsXHJcbiAgICAgIGVycm9yLFxyXG4gICAgICBhbHdheXNcclxuICAgIH07XHJcbiAgfSxcclxuXHJcbiAgYWdncmVnYXRlRW5nYWdlbWVudChcclxuICAgIG9iamVjdElkOiBzdHJpbmcsXHJcbiAgICBmaWx0ZXJQYXJhbXM6IEZpbHRlclF1ZXJ5UGFyYW1zLFxyXG4gICAgc3VjY2Vzcz86IChkYXRhOiBFbmdhZ2VtZW50KSA9PiB2b2lkLFxyXG4gICAgZXJyb3I/OiAoeGhyOiBYaHIpID0+IHZvaWQsXHJcbiAgICBhbHdheXM/OiAoKSA9PiB2b2lkXHJcbiAgKTogRmxpZ2h0LlJlcXVlc3Qge1xyXG4gICAgcmV0dXJuIHtcclxuICAgICAgdXJsOiBVcmxIZWxwZXIudXJsQnVpbGRlcigne2dhdGV3YXl9L3YxL2FuYWx5dGljcy9oZWF0LW1hcC9hZ2dyZWdhdGlvbnMnLCB7XHJcbiAgICAgICAgb2JqZWN0SWQsXHJcbiAgICAgICAgLi4uZ2V0QW5hbHl0aWNzUmVxdWVzdEZpbHRlcnMoZmlsdGVyUGFyYW1zKVxyXG4gICAgICB9KSxcclxuICAgICAga2V5OiBnZXRBbmFseXRpY3NSZXF1ZXN0S2V5KGBhZ2dyZWdhdGU6ZW5nYWdlbWVudDoke29iamVjdElkfWAsIGZpbHRlclBhcmFtcyksXHJcbiAgICAgIGZvcm1hdERhdGE6IChkYXRhOiBFbmdhZ2VtZW50KSA9PiB7XHJcbiAgICAgICAgcmV0dXJuIHtcclxuICAgICAgICAgIC4uLmRhdGEsXHJcbiAgICAgICAgICBoZWF0TWFwOiBkYXRhLmhlYXRNYXAgPz8gW11cclxuICAgICAgICB9O1xyXG4gICAgICB9LFxyXG4gICAgICBub3JtYWxpemU6IGZhbHNlLFxyXG4gICAgICBzdWNjZXNzLFxyXG4gICAgICBlcnJvcixcclxuICAgICAgYWx3YXlzXHJcbiAgICB9O1xyXG4gIH1cclxufTsiXSwibWFwcGluZ3MiOiJBQUNBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFJQTtBQUVBO0FBQ0E7QUFPQTtBQUVBO0FBR0E7QUFDQTtBQUNBO0FBREE7QUFJQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBVEE7QUFXQTtBQUVBO0FBT0E7QUFDQTtBQUNBO0FBREE7QUFJQTtBQUNBOzs7QUFDQTtBQUVBOzs7QUFBQTtBQUVBO0FBREE7QUFFQTtBQUpBO0FBTUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQWxCQTtBQW9CQTtBQUVBO0FBT0E7QUFDQTtBQUNBO0FBREE7QUFJQTtBQUNBOzs7QUFDQTtBQUVBO0FBREE7QUFHQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBZkE7QUFpQkE7QUEvRUEiLCJzb3VyY2VSb290IjoiIn0=\n//# sourceURL=webpack-internal:///./src/shared/flight-requests/VideoViewRequests.ts\n");
 
 /***/ }),
 
-/***/ "./src/apps/interactives/views/overview-cards/engagement-overview-card/EngagementOverviewCardView.tsx":
+/***/ "./src/shared/hooks/UseSetEngagementAudienceSuggestions.ts":
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"EngagementOverviewCardView\", function() { return EngagementOverviewCardView; });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(\"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var libs_common_flight__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(\"../../libs/common/src/react/index.ts\");\n/* harmony import */ var libs_common_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(\"../../libs/common/src/backbone/services/LanguageService.tsx\");\n/* harmony import */ var shared_hooks_UseGetFilterQueryParams__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(\"./src/shared/hooks/UseGetFilterQueryParams.ts\");\n/* harmony import */ var shared_flight_requests_VideoViewRequests__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(\"./src/shared/flight-requests/VideoViewRequests.ts\");\n/* harmony import */ var apps_interactives_components_percentage_indicator_PercentageIndicator__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(\"./src/apps/interactives/components/percentage-indicator/PercentageIndicator.tsx\");\n/* harmony import */ var apps_interactives_components_percentage_indicator_PartialPercentageIndicator__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(\"./src/apps/interactives/components/percentage-indicator/PartialPercentageIndicator.tsx\");\n\n\n\n\n\n\n\nvar namespace = 'interactives.engagementOverviewCard';\nvar getPhrase = libs_common_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_2__[\"LanguageService\"].encloseNamespace(namespace);\nfunction EngagementOverviewCardView(props) {\n  var _a, _b;\n\n  var filterQueryParams = Object(shared_hooks_UseGetFilterQueryParams__WEBPACK_IMPORTED_MODULE_3__[\"useGetFilterQueryParams\"])();\n  var everyoneSelected = !filterQueryParams.users && !filterQueryParams.classrooms && !filterQueryParams.classroomGroups;\n  var engagement = libs_common_flight__WEBPACK_IMPORTED_MODULE_1__[\"Flight\"].useBasicFetch(!!props.objectId && shared_flight_requests_VideoViewRequests__WEBPACK_IMPORTED_MODULE_4__[\"VideoViewRequests\"].aggregateEngagement(props.objectId, filterQueryParams));\n  var engagementRate = ((_a = engagement.data) === null || _a === void 0 ? void 0 : _a.engagementRate) > 0 ? engagement.data.engagementRate : null;\n  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    className: \"d-flex flex-column rounded bg-white p-3 \".concat((_b = props.className) !== null && _b !== void 0 ? _b : '')\n  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"h6\", {\n    className: 'mb-2'\n  }, getPhrase('heading')), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    className: \"d-flex align-items-center flex-grow-1\\n          \".concat(props.layout === 'vertical' ? ' flex-column justify-content-center text-center' : '')\n  }, !!engagement.data && react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_0___default.a.Fragment, null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(apps_interactives_components_percentage_indicator_PercentageIndicator__WEBPACK_IMPORTED_MODULE_5__[\"PercentageIndicator\"], {\n    percentage: engagementRate,\n    layout: apps_interactives_components_percentage_indicator_PercentageIndicator__WEBPACK_IMPORTED_MODULE_5__[\"PercentageIndicatorLayout\"].LabelInside\n  }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"p\", {\n    className: props.layout === 'horizontal' ? 'ml-2' : ''\n  }, typeof engagementRate === 'number' ? getPhrase(everyoneSelected ? 'descriptionEveryone' : 'descriptionSome', {\n    percentage: Math.round(engagement.data.engagementRate * 100)\n  }) : getPhrase('descriptionNoData'))), !engagement.data && react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_0___default.a.Fragment, null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(apps_interactives_components_percentage_indicator_PartialPercentageIndicator__WEBPACK_IMPORTED_MODULE_6__[\"PartialPercentageIndicator\"], {\n    layout: apps_interactives_components_percentage_indicator_PercentageIndicator__WEBPACK_IMPORTED_MODULE_5__[\"PercentageIndicatorLayout\"].LabelInside\n  }), props.layout === 'vertical' && react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"p\", null, \"\\xA0\"))));\n}//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9zcmMvYXBwcy9pbnRlcmFjdGl2ZXMvdmlld3Mvb3ZlcnZpZXctY2FyZHMvZW5nYWdlbWVudC1vdmVydmlldy1jYXJkL0VuZ2FnZW1lbnRPdmVydmlld0NhcmRWaWV3LnRzeC5qcyIsInNvdXJjZXMiOlsiZmlsZTovL0M6L0NsaWNrVmlldyBQcm9qZWN0cy9jbGlja3ZpZXcvcGFja2FnZXMvcHJvamVjdHMvcmVwb3J0cy9zcmMvYXBwcy9pbnRlcmFjdGl2ZXMvdmlld3Mvb3ZlcnZpZXctY2FyZHMvZW5nYWdlbWVudC1vdmVydmlldy1jYXJkL0VuZ2FnZW1lbnRPdmVydmlld0NhcmRWaWV3LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xyXG5cclxuaW1wb3J0IHsgRmxpZ2h0IH0gZnJvbSAnbGlicy9jb21tb24vZmxpZ2h0JztcclxuaW1wb3J0IHsgTGFuZ3VhZ2VTZXJ2aWNlIH0gZnJvbSAnbGlicy9jb21tb24vYmFja2JvbmUvc2VydmljZXMvTGFuZ3VhZ2VTZXJ2aWNlJztcclxuXHJcbmltcG9ydCB7IHVzZUdldEZpbHRlclF1ZXJ5UGFyYW1zIH0gZnJvbSAnc2hhcmVkL2hvb2tzL1VzZUdldEZpbHRlclF1ZXJ5UGFyYW1zJztcclxuaW1wb3J0IHsgRW5nYWdlbWVudCB9IGZyb20gJ3NoYXJlZC9pbnRlcmZhY2VzJztcclxuaW1wb3J0IHsgVmlkZW9WaWV3UmVxdWVzdHMgfSBmcm9tICdzaGFyZWQvZmxpZ2h0LXJlcXVlc3RzL1ZpZGVvVmlld1JlcXVlc3RzJztcclxuXHJcbmltcG9ydCB7IFBlcmNlbnRhZ2VJbmRpY2F0b3IsIFBlcmNlbnRhZ2VJbmRpY2F0b3JMYXlvdXQgfSBmcm9tICdhcHBzL2ludGVyYWN0aXZlcy9jb21wb25lbnRzL3BlcmNlbnRhZ2UtaW5kaWNhdG9yL1BlcmNlbnRhZ2VJbmRpY2F0b3InO1xyXG5pbXBvcnQgeyBQYXJ0aWFsUGVyY2VudGFnZUluZGljYXRvciB9IGZyb20gJ2FwcHMvaW50ZXJhY3RpdmVzL2NvbXBvbmVudHMvcGVyY2VudGFnZS1pbmRpY2F0b3IvUGFydGlhbFBlcmNlbnRhZ2VJbmRpY2F0b3InO1xyXG5cclxuY29uc3QgbmFtZXNwYWNlID0gJ2ludGVyYWN0aXZlcy5lbmdhZ2VtZW50T3ZlcnZpZXdDYXJkJztcclxuY29uc3QgZ2V0UGhyYXNlID0gTGFuZ3VhZ2VTZXJ2aWNlLmVuY2xvc2VOYW1lc3BhY2UobmFtZXNwYWNlKTtcclxuXHJcbmludGVyZmFjZSBFbmdhZ2VtZW50T3ZlcnZpZXdDYXJkVmlld1Byb3BzIHtcclxuICBvYmplY3RJZDogc3RyaW5nIHwgbnVsbDsgLy8gUGFzc2luZyBgbnVsbGAgd2lsbCB0cmlnZ2VyIHBhcnRpYWwgbG9hZGluZ1xyXG4gIGxheW91dDogJ3ZlcnRpY2FsJyB8ICdob3Jpem9udGFsJ1xyXG4gIGNsYXNzTmFtZT86IHN0cmluZztcclxufVxyXG5cclxuZXhwb3J0IGZ1bmN0aW9uIEVuZ2FnZW1lbnRPdmVydmlld0NhcmRWaWV3KHByb3BzOiBFbmdhZ2VtZW50T3ZlcnZpZXdDYXJkVmlld1Byb3BzKTogSlNYLkVsZW1lbnQge1xyXG4gIGNvbnN0IGZpbHRlclF1ZXJ5UGFyYW1zID0gdXNlR2V0RmlsdGVyUXVlcnlQYXJhbXMoKTtcclxuXHJcbiAgY29uc3QgZXZlcnlvbmVTZWxlY3RlZCA9ICFmaWx0ZXJRdWVyeVBhcmFtcy51c2Vyc1xyXG4gICAgJiYgIWZpbHRlclF1ZXJ5UGFyYW1zLmNsYXNzcm9vbXNcclxuICAgICYmICFmaWx0ZXJRdWVyeVBhcmFtcy5jbGFzc3Jvb21Hcm91cHM7XHJcblxyXG4gIGNvbnN0IGVuZ2FnZW1lbnQgPSBGbGlnaHQudXNlQmFzaWNGZXRjaDxFbmdhZ2VtZW50PighIXByb3BzLm9iamVjdElkICYmXHJcbiAgICBWaWRlb1ZpZXdSZXF1ZXN0cy5hZ2dyZWdhdGVFbmdhZ2VtZW50KHByb3BzLm9iamVjdElkLCBmaWx0ZXJRdWVyeVBhcmFtcylcclxuICApO1xyXG5cclxuICBjb25zdCBlbmdhZ2VtZW50UmF0ZSA9IGVuZ2FnZW1lbnQuZGF0YT8uZW5nYWdlbWVudFJhdGUgPiAwID8gZW5nYWdlbWVudC5kYXRhLmVuZ2FnZW1lbnRSYXRlIDogbnVsbDtcclxuXHJcbiAgcmV0dXJuIChcclxuICAgIDxkaXYgY2xhc3NOYW1lPXtgZC1mbGV4IGZsZXgtY29sdW1uIHJvdW5kZWQgYmctd2hpdGUgcC0zICR7cHJvcHMuY2xhc3NOYW1lID8/ICcnfWB9PlxyXG4gICAgICA8aDYgY2xhc3NOYW1lPSdtYi0yJz57Z2V0UGhyYXNlKCdoZWFkaW5nJyl9PC9oNj5cclxuICAgICAgPGRpdlxyXG4gICAgICAgIGNsYXNzTmFtZT17XHJcbiAgICAgICAgICBgZC1mbGV4IGFsaWduLWl0ZW1zLWNlbnRlciBmbGV4LWdyb3ctMVxyXG4gICAgICAgICAgJHtwcm9wcy5sYXlvdXQgPT09ICd2ZXJ0aWNhbCcgPyAnIGZsZXgtY29sdW1uIGp1c3RpZnktY29udGVudC1jZW50ZXIgdGV4dC1jZW50ZXInIDogJyd9YFxyXG4gICAgICAgIH1cclxuICAgICAgPlxyXG4gICAgICAgIHshIWVuZ2FnZW1lbnQuZGF0YSAmJlxyXG4gICAgICAgICAgPD5cclxuICAgICAgICAgICAgPFBlcmNlbnRhZ2VJbmRpY2F0b3JcclxuICAgICAgICAgICAgICBwZXJjZW50YWdlPXtlbmdhZ2VtZW50UmF0ZX1cclxuICAgICAgICAgICAgICBsYXlvdXQ9e1BlcmNlbnRhZ2VJbmRpY2F0b3JMYXlvdXQuTGFiZWxJbnNpZGV9XHJcbiAgICAgICAgICAgIC8+XHJcbiAgICAgICAgICAgIDxwIGNsYXNzTmFtZT17cHJvcHMubGF5b3V0ID09PSAnaG9yaXpvbnRhbCcgPyAnbWwtMicgOiAnJ30+XHJcbiAgICAgICAgICAgICAge3R5cGVvZiBlbmdhZ2VtZW50UmF0ZSA9PT0gJ251bWJlcidcclxuICAgICAgICAgICAgICAgID8gZ2V0UGhyYXNlKGV2ZXJ5b25lU2VsZWN0ZWQgPyAnZGVzY3JpcHRpb25FdmVyeW9uZScgOiAnZGVzY3JpcHRpb25Tb21lJywge1xyXG4gICAgICAgICAgICAgICAgICBwZXJjZW50YWdlOiBNYXRoLnJvdW5kKGVuZ2FnZW1lbnQuZGF0YS5lbmdhZ2VtZW50UmF0ZSAqIDEwMClcclxuICAgICAgICAgICAgICAgIH0pXHJcbiAgICAgICAgICAgICAgICA6IGdldFBocmFzZSgnZGVzY3JpcHRpb25Ob0RhdGEnKVxyXG4gICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgPC9wPlxyXG4gICAgICAgICAgPC8+XHJcbiAgICAgICAgfVxyXG4gICAgICAgIHshZW5nYWdlbWVudC5kYXRhICYmXHJcbiAgICAgICAgICA8PlxyXG4gICAgICAgICAgICA8UGFydGlhbFBlcmNlbnRhZ2VJbmRpY2F0b3IgbGF5b3V0PXtQZXJjZW50YWdlSW5kaWNhdG9yTGF5b3V0LkxhYmVsSW5zaWRlfSAvPlxyXG4gICAgICAgICAgICB7cHJvcHMubGF5b3V0ID09PSAndmVydGljYWwnICYmIDxwPiZuYnNwOzwvcD59XHJcbiAgICAgICAgICA8Lz5cclxuICAgICAgICB9XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgPC9kaXY+XHJcbiAgKTtcclxufSJdLCJtYXBwaW5ncyI6IkFBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUVBO0FBQ0E7QUFFQTtBQUVBO0FBRUE7QUFDQTtBQUVBO0FBQ0E7QUFRQTs7O0FBQ0E7QUFFQTtBQUlBO0FBSUE7QUFFQTtBQUNBO0FBQUE7QUFDQTtBQUFBO0FBRUE7QUFEQTtBQVNBO0FBQ0E7QUFGQTtBQUlBO0FBQUE7QUFHQTtBQURBO0FBVUE7QUFBQTtBQU9BIiwic291cmNlUm9vdCI6IiJ9\n//# sourceURL=webpack-internal:///./src/apps/interactives/views/overview-cards/engagement-overview-card/EngagementOverviewCardView.tsx\n");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"useSetEngagementAudienceSuggestions\", function() { return useSetEngagementAudienceSuggestions; });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(\"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var libs_common_flight__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(\"../../libs/common/src/react/index.ts\");\n/* harmony import */ var libs_common_react_hooks_UseViewModel__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(\"../../libs/common/src/react/hooks/UseViewModel.ts\");\n/* harmony import */ var shared_constants_ReportsViewModels__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(\"./src/shared/constants/ReportsViewModels.ts\");\n/* harmony import */ var shared_flight_requests_VideoViewRequests__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(\"./src/shared/flight-requests/VideoViewRequests.ts\");\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\n\nfunction _nonIterableRest() { throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\n\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === \"string\") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === \"Object\" && o.constructor) n = o.constructor.name; if (n === \"Map\" || n === \"Set\") return Array.from(o); if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\n\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }\n\nfunction _iterableToArrayLimit(arr, i) { if (typeof Symbol === \"undefined\" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i[\"return\"] != null) _i[\"return\"](); } finally { if (_d) throw _e; } } return _arr; }\n\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\n\n\n\n\n\n\nfunction useSetEngagementAudienceSuggestions(videoId) {\n  /**\r\n   * We intentionally only use the dateRange filter as we want to suggest\r\n   * all users with data in the selected date range.\r\n   */\n  var _useViewModel = Object(libs_common_react_hooks_UseViewModel__WEBPACK_IMPORTED_MODULE_2__[\"useViewModel\"])(shared_constants_ReportsViewModels__WEBPACK_IMPORTED_MODULE_3__[\"ViewModelKeys\"].DATE_RANGE_QUERY_PARAMS),\n      _useViewModel2 = _slicedToArray(_useViewModel, 1),\n      dateRangeParams = _useViewModel2[0];\n\n  var engagement = libs_common_flight__WEBPACK_IMPORTED_MODULE_1__[\"Flight\"].useBasicFetch(shared_flight_requests_VideoViewRequests__WEBPACK_IMPORTED_MODULE_4__[\"VideoViewRequests\"].individualEngagement(videoId, dateRangeParams));\n\n  var _useViewModel3 = Object(libs_common_react_hooks_UseViewModel__WEBPACK_IMPORTED_MODULE_2__[\"useViewModel\"])(shared_constants_ReportsViewModels__WEBPACK_IMPORTED_MODULE_3__[\"ViewModelKeys\"].AUDIENCE_FILTER_SUGGESTIONS),\n      _useViewModel4 = _slicedToArray(_useViewModel3, 2),\n      setSuggestions = _useViewModel4[1];\n\n  Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useEffect\"])(function () {\n    var _a;\n\n    if (!engagement.data) return;\n    setSuggestions('users', (_a = engagement.data) === null || _a === void 0 ? void 0 : _a.data.map(function (e) {\n      return e.userId;\n    }));\n  }, [engagement.isFetching]);\n}//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9zcmMvc2hhcmVkL2hvb2tzL1VzZVNldEVuZ2FnZW1lbnRBdWRpZW5jZVN1Z2dlc3Rpb25zLnRzLmpzIiwic291cmNlcyI6WyJmaWxlOi8vQzovQ2xpY2tWaWV3IFByb2plY3RzL2NsaWNrdmlldy9wYWNrYWdlcy9wcm9qZWN0cy9yZXBvcnRzL3NyYy9zaGFyZWQvaG9va3MvVXNlU2V0RW5nYWdlbWVudEF1ZGllbmNlU3VnZ2VzdGlvbnMudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgdXNlRWZmZWN0IH0gZnJvbSAncmVhY3QnO1xyXG5cclxuaW1wb3J0IHsgRmxpZ2h0IH0gZnJvbSAnbGlicy9jb21tb24vZmxpZ2h0JztcclxuaW1wb3J0IHsgdXNlVmlld01vZGVsIH0gZnJvbSAnbGlicy9jb21tb24vcmVhY3QvaG9va3MvVXNlVmlld01vZGVsJztcclxuXHJcbmltcG9ydCB7IEF1ZGllbmNlRmlsdGVyU3VnZ2VzdGlvbnMsIERhdGVSYW5nZVF1ZXJ5UGFyYW1zLCBJbmRpdmlkdWFsRW5nYWdlbWVudFJlc3BvbnNlIH0gZnJvbSAnc2hhcmVkL2ludGVyZmFjZXMnO1xyXG5pbXBvcnQgeyBWaWV3TW9kZWxLZXlzIH0gZnJvbSAnc2hhcmVkL2NvbnN0YW50cy9SZXBvcnRzVmlld01vZGVscyc7XHJcbmltcG9ydCB7IFZpZGVvVmlld1JlcXVlc3RzIH0gZnJvbSAnc2hhcmVkL2ZsaWdodC1yZXF1ZXN0cy9WaWRlb1ZpZXdSZXF1ZXN0cyc7XHJcblxyXG5leHBvcnQgZnVuY3Rpb24gdXNlU2V0RW5nYWdlbWVudEF1ZGllbmNlU3VnZ2VzdGlvbnModmlkZW9JZDogc3RyaW5nKTogdm9pZCB7XHJcbiAgLyoqXHJcbiAgICogV2UgaW50ZW50aW9uYWxseSBvbmx5IHVzZSB0aGUgZGF0ZVJhbmdlIGZpbHRlciBhcyB3ZSB3YW50IHRvIHN1Z2dlc3RcclxuICAgKiBhbGwgdXNlcnMgd2l0aCBkYXRhIGluIHRoZSBzZWxlY3RlZCBkYXRlIHJhbmdlLlxyXG4gICAqL1xyXG4gIGNvbnN0IFtkYXRlUmFuZ2VQYXJhbXNdID0gdXNlVmlld01vZGVsPERhdGVSYW5nZVF1ZXJ5UGFyYW1zPihWaWV3TW9kZWxLZXlzLkRBVEVfUkFOR0VfUVVFUllfUEFSQU1TKTtcclxuXHJcbiAgY29uc3QgZW5nYWdlbWVudCA9IEZsaWdodC51c2VCYXNpY0ZldGNoPEluZGl2aWR1YWxFbmdhZ2VtZW50UmVzcG9uc2U+KFxyXG4gICAgVmlkZW9WaWV3UmVxdWVzdHMuaW5kaXZpZHVhbEVuZ2FnZW1lbnQodmlkZW9JZCwgZGF0ZVJhbmdlUGFyYW1zKVxyXG4gICk7XHJcblxyXG4gIGNvbnN0IFsgLCBzZXRTdWdnZXN0aW9ucyBdID0gdXNlVmlld01vZGVsPEF1ZGllbmNlRmlsdGVyU3VnZ2VzdGlvbnM+KFZpZXdNb2RlbEtleXMuQVVESUVOQ0VfRklMVEVSX1NVR0dFU1RJT05TKTtcclxuXHJcbiAgdXNlRWZmZWN0KCgpID0+IHtcclxuICAgIGlmICghZW5nYWdlbWVudC5kYXRhKVxyXG4gICAgICByZXR1cm47XHJcblxyXG4gICAgc2V0U3VnZ2VzdGlvbnMoJ3VzZXJzJywgZW5nYWdlbWVudC5kYXRhPy5kYXRhLm1hcChlID0+IGUudXNlcklkKSk7XHJcbiAgfSwgW2VuZ2FnZW1lbnQuaXNGZXRjaGluZ10pO1xyXG59Il0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBO0FBRUE7QUFDQTtBQUdBO0FBQ0E7QUFFQTtBQUNBOzs7QUFHQTtBQUpBO0FBQUE7QUFBQTtBQUNBO0FBTUE7QUFDQTtBQVJBO0FBQUE7QUFBQTtBQUNBO0FBWUE7OztBQUNBO0FBR0E7QUFBQTtBQUFBO0FBQ0E7QUFDQSIsInNvdXJjZVJvb3QiOiIifQ==\n//# sourceURL=webpack-internal:///./src/shared/hooks/UseSetEngagementAudienceSuggestions.ts\n");
 
 /***/ }),
 
-/***/ "./src/shared/flight-requests/VideoViewRequests.ts":
+/***/ "./src/shared/utils/EngagementUtils.ts":
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"VideoViewRequests\", function() { return VideoViewRequests; });\n/* harmony import */ var libs_common_backbone_utils_UrlHelper__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(\"../../libs/common/src/backbone/utils/UrlHelper.ts\");\n/* harmony import */ var shared_utils_AnalyticsRequestUtils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(\"./src/shared/utils/AnalyticsRequestUtils.ts\");\n\n\nvar VideoViewRequests = {\n  views: function views(filterParams, objectId, success, error, always) {\n    var baseKey = 'video:views';\n    if (objectId) baseKey += \":\".concat(objectId);\n    return {\n      url: libs_common_backbone_utils_UrlHelper__WEBPACK_IMPORTED_MODULE_0__[\"UrlHelper\"].urlBuilder('{gateway}/v1/analytics/views', Object.assign({\n        objectId: objectId\n      }, Object(shared_utils_AnalyticsRequestUtils__WEBPACK_IMPORTED_MODULE_1__[\"getAnalyticsRequestFilters\"])(filterParams))),\n      key: Object(shared_utils_AnalyticsRequestUtils__WEBPACK_IMPORTED_MODULE_1__[\"getAnalyticsRequestKey\"])(baseKey, filterParams),\n      normalize: false,\n      success: success,\n      error: error,\n      always: always\n    };\n  },\n  individualEngagement: function individualEngagement(objectId, filterParams, success, error, always) {\n    return {\n      url: libs_common_backbone_utils_UrlHelper__WEBPACK_IMPORTED_MODULE_0__[\"UrlHelper\"].urlBuilder('{gateway}/v1/analytics/heat-map', Object.assign({\n        objectId: objectId\n      }, Object(shared_utils_AnalyticsRequestUtils__WEBPACK_IMPORTED_MODULE_1__[\"getAnalyticsRequestFilters\"])(filterParams))),\n      key: Object(shared_utils_AnalyticsRequestUtils__WEBPACK_IMPORTED_MODULE_1__[\"getAnalyticsRequestKey\"])(\"engagement:\".concat(objectId), filterParams),\n      formatData: function formatData(data) {\n        var _a;\n\n        return Object.assign(Object.assign({}, data), {\n          data: (_a = data.data) === null || _a === void 0 ? void 0 : _a.map(function (d) {\n            var _a;\n\n            return Object.assign(Object.assign({}, d), {\n              heatMap: (_a = d.heatMap) !== null && _a !== void 0 ? _a : []\n            });\n          })\n        });\n      },\n      normalize: false,\n      success: success,\n      error: error,\n      always: always\n    };\n  },\n  aggregateEngagement: function aggregateEngagement(objectId, filterParams, success, error, always) {\n    return {\n      url: libs_common_backbone_utils_UrlHelper__WEBPACK_IMPORTED_MODULE_0__[\"UrlHelper\"].urlBuilder('{gateway}/v1/analytics/heat-map/aggregations', Object.assign({\n        objectId: objectId\n      }, Object(shared_utils_AnalyticsRequestUtils__WEBPACK_IMPORTED_MODULE_1__[\"getAnalyticsRequestFilters\"])(filterParams))),\n      key: Object(shared_utils_AnalyticsRequestUtils__WEBPACK_IMPORTED_MODULE_1__[\"getAnalyticsRequestKey\"])(\"aggregate:engagement:\".concat(objectId), filterParams),\n      formatData: function formatData(data) {\n        var _a;\n\n        return Object.assign(Object.assign({}, data), {\n          heatMap: (_a = data.heatMap) !== null && _a !== void 0 ? _a : []\n        });\n      },\n      normalize: false,\n      success: success,\n      error: error,\n      always: always\n    };\n  }\n};//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9zcmMvc2hhcmVkL2ZsaWdodC1yZXF1ZXN0cy9WaWRlb1ZpZXdSZXF1ZXN0cy50cy5qcyIsInNvdXJjZXMiOlsiZmlsZTovL0M6L0NsaWNrVmlldyBQcm9qZWN0cy9jbGlja3ZpZXcvcGFja2FnZXMvcHJvamVjdHMvcmVwb3J0cy9zcmMvc2hhcmVkL2ZsaWdodC1yZXF1ZXN0cy9WaWRlb1ZpZXdSZXF1ZXN0cy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBGbGlnaHQgfSBmcm9tICdsaWJzL2NvbW1vbi9mbGlnaHQnO1xyXG5pbXBvcnQgeyBVcmxIZWxwZXIgfSBmcm9tICdsaWJzL2NvbW1vbi9iYWNrYm9uZS91dGlscy9VcmxIZWxwZXInO1xyXG5pbXBvcnQgeyBYaHIgfSBmcm9tICdsaWJzL2NvbW1vbi9iYWNrYm9uZS9pbnRlcmZhY2VzL1hocic7XHJcblxyXG5pbXBvcnQgeyBFbmdhZ2VtZW50LCBGaWx0ZXJRdWVyeVBhcmFtcywgSW5kaXZpZHVhbEVuZ2FnZW1lbnRSZXNwb25zZSwgVmlkZW9WaWV3RXZlbnRSZXNwb25zZSB9IGZyb20gJ3NoYXJlZC9pbnRlcmZhY2VzJztcclxuaW1wb3J0IHsgZ2V0QW5hbHl0aWNzUmVxdWVzdEZpbHRlcnMsIGdldEFuYWx5dGljc1JlcXVlc3RLZXkgfSBmcm9tICdzaGFyZWQvdXRpbHMvQW5hbHl0aWNzUmVxdWVzdFV0aWxzJztcclxuXHJcbmV4cG9ydCBjb25zdCBWaWRlb1ZpZXdSZXF1ZXN0cyA9IHtcclxuICB2aWV3cyhcclxuICAgIGZpbHRlclBhcmFtczogRmlsdGVyUXVlcnlQYXJhbXMsXHJcbiAgICBvYmplY3RJZD86IHN0cmluZyxcclxuICAgIHN1Y2Nlc3M/OiAoZGF0YTogVmlkZW9WaWV3RXZlbnRSZXNwb25zZSkgPT4gdm9pZCxcclxuICAgIGVycm9yPzogKHhocjogWGhyKSA9PiB2b2lkLFxyXG4gICAgYWx3YXlzPzogKCkgPT4gdm9pZFxyXG4gICk6IEZsaWdodC5SZXF1ZXN0IHtcclxuICAgIGxldCBiYXNlS2V5ID0gJ3ZpZGVvOnZpZXdzJztcclxuXHJcbiAgICBpZiAob2JqZWN0SWQpXHJcbiAgICAgIGJhc2VLZXkgKz0gYDoke29iamVjdElkfWA7XHJcblxyXG4gICAgcmV0dXJuIHtcclxuICAgICAgdXJsOiBVcmxIZWxwZXIudXJsQnVpbGRlcigne2dhdGV3YXl9L3YxL2FuYWx5dGljcy92aWV3cycsIHtcclxuICAgICAgICBvYmplY3RJZCxcclxuICAgICAgICAuLi5nZXRBbmFseXRpY3NSZXF1ZXN0RmlsdGVycyhmaWx0ZXJQYXJhbXMpXHJcbiAgICAgIH0pLFxyXG4gICAgICBrZXk6IGdldEFuYWx5dGljc1JlcXVlc3RLZXkoYmFzZUtleSwgZmlsdGVyUGFyYW1zKSxcclxuICAgICAgbm9ybWFsaXplOiBmYWxzZSxcclxuICAgICAgc3VjY2VzcyxcclxuICAgICAgZXJyb3IsXHJcbiAgICAgIGFsd2F5c1xyXG4gICAgfTtcclxuICB9LFxyXG5cclxuICBpbmRpdmlkdWFsRW5nYWdlbWVudChcclxuICAgIG9iamVjdElkOiBzdHJpbmcsXHJcbiAgICBmaWx0ZXJQYXJhbXM6IEZpbHRlclF1ZXJ5UGFyYW1zLFxyXG4gICAgc3VjY2Vzcz86IChkYXRhOiBJbmRpdmlkdWFsRW5nYWdlbWVudFJlc3BvbnNlKSA9PiB2b2lkLFxyXG4gICAgZXJyb3I/OiAoeGhyOiBYaHIpID0+IHZvaWQsXHJcbiAgICBhbHdheXM/OiAoKSA9PiB2b2lkXHJcbiAgKTogRmxpZ2h0LlJlcXVlc3Qge1xyXG4gICAgcmV0dXJuIHtcclxuICAgICAgdXJsOiBVcmxIZWxwZXIudXJsQnVpbGRlcigne2dhdGV3YXl9L3YxL2FuYWx5dGljcy9oZWF0LW1hcCcsIHtcclxuICAgICAgICBvYmplY3RJZCxcclxuICAgICAgICAuLi5nZXRBbmFseXRpY3NSZXF1ZXN0RmlsdGVycyhmaWx0ZXJQYXJhbXMpXHJcbiAgICAgIH0pLFxyXG4gICAgICBrZXk6IGdldEFuYWx5dGljc1JlcXVlc3RLZXkoYGVuZ2FnZW1lbnQ6JHtvYmplY3RJZH1gLCBmaWx0ZXJQYXJhbXMpLFxyXG4gICAgICBmb3JtYXREYXRhOiAoZGF0YTogSW5kaXZpZHVhbEVuZ2FnZW1lbnRSZXNwb25zZSkgPT4ge1xyXG4gICAgICAgIHJldHVybiB7XHJcbiAgICAgICAgICAuLi5kYXRhLFxyXG4gICAgICAgICAgZGF0YTogZGF0YS5kYXRhPy5tYXAoZCA9PiAoe1xyXG4gICAgICAgICAgICAuLi5kLFxyXG4gICAgICAgICAgICBoZWF0TWFwOiBkLmhlYXRNYXAgPz8gW11cclxuICAgICAgICAgIH0pKVxyXG4gICAgICAgIH07XHJcbiAgICAgIH0sXHJcbiAgICAgIG5vcm1hbGl6ZTogZmFsc2UsXHJcbiAgICAgIHN1Y2Nlc3MsXHJcbiAgICAgIGVycm9yLFxyXG4gICAgICBhbHdheXNcclxuICAgIH07XHJcbiAgfSxcclxuXHJcbiAgYWdncmVnYXRlRW5nYWdlbWVudChcclxuICAgIG9iamVjdElkOiBzdHJpbmcsXHJcbiAgICBmaWx0ZXJQYXJhbXM6IEZpbHRlclF1ZXJ5UGFyYW1zLFxyXG4gICAgc3VjY2Vzcz86IChkYXRhOiBFbmdhZ2VtZW50KSA9PiB2b2lkLFxyXG4gICAgZXJyb3I/OiAoeGhyOiBYaHIpID0+IHZvaWQsXHJcbiAgICBhbHdheXM/OiAoKSA9PiB2b2lkXHJcbiAgKTogRmxpZ2h0LlJlcXVlc3Qge1xyXG4gICAgcmV0dXJuIHtcclxuICAgICAgdXJsOiBVcmxIZWxwZXIudXJsQnVpbGRlcigne2dhdGV3YXl9L3YxL2FuYWx5dGljcy9oZWF0LW1hcC9hZ2dyZWdhdGlvbnMnLCB7XHJcbiAgICAgICAgb2JqZWN0SWQsXHJcbiAgICAgICAgLi4uZ2V0QW5hbHl0aWNzUmVxdWVzdEZpbHRlcnMoZmlsdGVyUGFyYW1zKVxyXG4gICAgICB9KSxcclxuICAgICAga2V5OiBnZXRBbmFseXRpY3NSZXF1ZXN0S2V5KGBhZ2dyZWdhdGU6ZW5nYWdlbWVudDoke29iamVjdElkfWAsIGZpbHRlclBhcmFtcyksXHJcbiAgICAgIGZvcm1hdERhdGE6IChkYXRhOiBFbmdhZ2VtZW50KSA9PiB7XHJcbiAgICAgICAgcmV0dXJuIHtcclxuICAgICAgICAgIC4uLmRhdGEsXHJcbiAgICAgICAgICBoZWF0TWFwOiBkYXRhLmhlYXRNYXAgPz8gW11cclxuICAgICAgICB9O1xyXG4gICAgICB9LFxyXG4gICAgICBub3JtYWxpemU6IGZhbHNlLFxyXG4gICAgICBzdWNjZXNzLFxyXG4gICAgICBlcnJvcixcclxuICAgICAgYWx3YXlzXHJcbiAgICB9O1xyXG4gIH1cclxufTsiXSwibWFwcGluZ3MiOiJBQUNBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFJQTtBQUVBO0FBQ0E7QUFPQTtBQUVBO0FBR0E7QUFDQTtBQUNBO0FBREE7QUFJQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBVEE7QUFXQTtBQUVBO0FBT0E7QUFDQTtBQUNBO0FBREE7QUFJQTtBQUNBOzs7QUFDQTtBQUVBOzs7QUFBQTtBQUVBO0FBREE7QUFFQTtBQUpBO0FBTUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQWxCQTtBQW9CQTtBQUVBO0FBT0E7QUFDQTtBQUNBO0FBREE7QUFJQTtBQUNBOzs7QUFDQTtBQUVBO0FBREE7QUFHQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBZkE7QUFpQkE7QUEvRUEiLCJzb3VyY2VSb290IjoiIn0=\n//# sourceURL=webpack-internal:///./src/shared/flight-requests/VideoViewRequests.ts\n");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"getFullHeatMap\", function() { return getFullHeatMap; });\n/**\r\n * The heat map in the API response won't contain trailing zeros so we need to add those\r\n * in manually.\r\n */\nfunction getFullHeatMap(engagement) {\n  return new Array(Math.ceil(engagement.videoDuration)).fill(null).map(function (t, idx) {\n    return engagement.heatMap[idx] || 0;\n  });\n}//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9zcmMvc2hhcmVkL3V0aWxzL0VuZ2FnZW1lbnRVdGlscy50cy5qcyIsInNvdXJjZXMiOlsiZmlsZTovL0M6L0NsaWNrVmlldyBQcm9qZWN0cy9jbGlja3ZpZXcvcGFja2FnZXMvcHJvamVjdHMvcmVwb3J0cy9zcmMvc2hhcmVkL3V0aWxzL0VuZ2FnZW1lbnRVdGlscy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBFbmdhZ2VtZW50IH0gZnJvbSAnc2hhcmVkL2ludGVyZmFjZXMnO1xyXG5cclxuLyoqXHJcbiAqIFRoZSBoZWF0IG1hcCBpbiB0aGUgQVBJIHJlc3BvbnNlIHdvbid0IGNvbnRhaW4gdHJhaWxpbmcgemVyb3Mgc28gd2UgbmVlZCB0byBhZGQgdGhvc2VcclxuICogaW4gbWFudWFsbHkuXHJcbiAqL1xyXG5leHBvcnQgZnVuY3Rpb24gZ2V0RnVsbEhlYXRNYXAoZW5nYWdlbWVudDogRW5nYWdlbWVudCk6IG51bWJlcltdIHtcclxuICByZXR1cm4gKG5ldyBBcnJheShNYXRoLmNlaWwoZW5nYWdlbWVudC52aWRlb0R1cmF0aW9uKSkpLmZpbGwobnVsbCkubWFwKCh0LCBpZHgpID0+IGVuZ2FnZW1lbnQuaGVhdE1hcFtpZHhdIHx8IDApO1xyXG59Il0sIm1hcHBpbmdzIjoiQUFFQTtBQUFBO0FBQUE7OztBQUdBO0FBQ0E7QUFDQTtBQUFBO0FBQUE7QUFDQSIsInNvdXJjZVJvb3QiOiIifQ==\n//# sourceURL=webpack-internal:///./src/shared/utils/EngagementUtils.ts\n");
 
 /***/ }),
 
-/***/ "./src/shared/utils/EngagementUtils.ts":
+/***/ "./src/shared/views/overview-cards/engagement-overview-card/EngagementOverviewCardView.tsx":
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"getFullHeatMap\", function() { return getFullHeatMap; });\n/**\r\n * The heat map in the API response won't contain trailing zeros so we need to add those\r\n * in manually.\r\n */\nfunction getFullHeatMap(engagement) {\n  return new Array(Math.ceil(engagement.videoDuration)).fill(null).map(function (t, idx) {\n    return engagement.heatMap[idx] || 0;\n  });\n}//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9zcmMvc2hhcmVkL3V0aWxzL0VuZ2FnZW1lbnRVdGlscy50cy5qcyIsInNvdXJjZXMiOlsiZmlsZTovL0M6L0NsaWNrVmlldyBQcm9qZWN0cy9jbGlja3ZpZXcvcGFja2FnZXMvcHJvamVjdHMvcmVwb3J0cy9zcmMvc2hhcmVkL3V0aWxzL0VuZ2FnZW1lbnRVdGlscy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBFbmdhZ2VtZW50IH0gZnJvbSAnc2hhcmVkL2ludGVyZmFjZXMnO1xyXG5cclxuLyoqXHJcbiAqIFRoZSBoZWF0IG1hcCBpbiB0aGUgQVBJIHJlc3BvbnNlIHdvbid0IGNvbnRhaW4gdHJhaWxpbmcgemVyb3Mgc28gd2UgbmVlZCB0byBhZGQgdGhvc2VcclxuICogaW4gbWFudWFsbHkuXHJcbiAqL1xyXG5leHBvcnQgZnVuY3Rpb24gZ2V0RnVsbEhlYXRNYXAoZW5nYWdlbWVudDogRW5nYWdlbWVudCk6IG51bWJlcltdIHtcclxuICByZXR1cm4gKG5ldyBBcnJheShNYXRoLmNlaWwoZW5nYWdlbWVudC52aWRlb0R1cmF0aW9uKSkpLmZpbGwobnVsbCkubWFwKCh0LCBpZHgpID0+IGVuZ2FnZW1lbnQuaGVhdE1hcFtpZHhdIHx8IDApO1xyXG59Il0sIm1hcHBpbmdzIjoiQUFFQTtBQUFBO0FBQUE7OztBQUdBO0FBQ0E7QUFDQTtBQUFBO0FBQUE7QUFDQSIsInNvdXJjZVJvb3QiOiIifQ==\n//# sourceURL=webpack-internal:///./src/shared/utils/EngagementUtils.ts\n");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"EngagementOverviewCardView\", function() { return EngagementOverviewCardView; });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(\"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var libs_common_flight__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(\"../../libs/common/src/react/index.ts\");\n/* harmony import */ var libs_common_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(\"../../libs/common/src/backbone/services/LanguageService.tsx\");\n/* harmony import */ var shared_hooks_UseGetFilterQueryParams__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(\"./src/shared/hooks/UseGetFilterQueryParams.ts\");\n/* harmony import */ var shared_flight_requests_VideoViewRequests__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(\"./src/shared/flight-requests/VideoViewRequests.ts\");\n/* harmony import */ var shared_components_percentage_indicator_PercentageIndicator__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(\"./src/shared/components/percentage-indicator/PercentageIndicator.tsx\");\n/* harmony import */ var shared_components_percentage_indicator_PartialPercentageIndicator__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(\"./src/shared/components/percentage-indicator/PartialPercentageIndicator.tsx\");\n\n\n\n\n\n\n\nvar namespace = 'shared.engagementOverviewCard';\nvar getPhrase = libs_common_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_2__[\"LanguageService\"].encloseNamespace(namespace);\nfunction EngagementOverviewCardView(props) {\n  var _a, _b;\n\n  var filterQueryParams = Object(shared_hooks_UseGetFilterQueryParams__WEBPACK_IMPORTED_MODULE_3__[\"useGetFilterQueryParams\"])();\n  var everyoneSelected = !filterQueryParams.users && !filterQueryParams.classrooms && !filterQueryParams.classroomGroups;\n  var engagement = libs_common_flight__WEBPACK_IMPORTED_MODULE_1__[\"Flight\"].useBasicFetch(!!props.objectId && shared_flight_requests_VideoViewRequests__WEBPACK_IMPORTED_MODULE_4__[\"VideoViewRequests\"].aggregateEngagement(props.objectId, filterQueryParams));\n  var engagementRate = ((_a = engagement.data) === null || _a === void 0 ? void 0 : _a.engagementRate) > 0 ? engagement.data.engagementRate : null;\n  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    className: \"d-flex flex-column rounded bg-white p-3 \".concat((_b = props.className) !== null && _b !== void 0 ? _b : '')\n  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"h6\", {\n    className: 'mb-2'\n  }, getPhrase('heading')), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    className: \"d-flex align-items-center flex-grow-1\\n          \".concat(props.layout === 'vertical' ? ' flex-column justify-content-center text-center' : '')\n  }, !!engagement.data && react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_0___default.a.Fragment, null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(shared_components_percentage_indicator_PercentageIndicator__WEBPACK_IMPORTED_MODULE_5__[\"PercentageIndicator\"], {\n    percentage: engagementRate,\n    layout: shared_components_percentage_indicator_PercentageIndicator__WEBPACK_IMPORTED_MODULE_5__[\"PercentageIndicatorLayout\"].LabelInside\n  }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"p\", {\n    className: props.layout === 'horizontal' ? 'ml-2' : ''\n  }, typeof engagementRate === 'number' ? getPhrase(everyoneSelected ? 'descriptionEveryone' : 'descriptionSome', {\n    percentage: Math.round(engagement.data.engagementRate * 100)\n  }) : getPhrase('descriptionNoData'))), !engagement.data && react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_0___default.a.Fragment, null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(shared_components_percentage_indicator_PartialPercentageIndicator__WEBPACK_IMPORTED_MODULE_6__[\"PartialPercentageIndicator\"], {\n    layout: shared_components_percentage_indicator_PercentageIndicator__WEBPACK_IMPORTED_MODULE_5__[\"PercentageIndicatorLayout\"].LabelInside\n  }), props.layout === 'vertical' && react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"p\", null, \"\\xA0\"))));\n}//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9zcmMvc2hhcmVkL3ZpZXdzL292ZXJ2aWV3LWNhcmRzL2VuZ2FnZW1lbnQtb3ZlcnZpZXctY2FyZC9FbmdhZ2VtZW50T3ZlcnZpZXdDYXJkVmlldy50c3guanMiLCJzb3VyY2VzIjpbImZpbGU6Ly9DOi9DbGlja1ZpZXcgUHJvamVjdHMvY2xpY2t2aWV3L3BhY2thZ2VzL3Byb2plY3RzL3JlcG9ydHMvc3JjL3NoYXJlZC92aWV3cy9vdmVydmlldy1jYXJkcy9lbmdhZ2VtZW50LW92ZXJ2aWV3LWNhcmQvRW5nYWdlbWVudE92ZXJ2aWV3Q2FyZFZpZXcudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XHJcblxyXG5pbXBvcnQgeyBGbGlnaHQgfSBmcm9tICdsaWJzL2NvbW1vbi9mbGlnaHQnO1xyXG5pbXBvcnQgeyBMYW5ndWFnZVNlcnZpY2UgfSBmcm9tICdsaWJzL2NvbW1vbi9iYWNrYm9uZS9zZXJ2aWNlcy9MYW5ndWFnZVNlcnZpY2UnO1xyXG5cclxuaW1wb3J0IHsgdXNlR2V0RmlsdGVyUXVlcnlQYXJhbXMgfSBmcm9tICdzaGFyZWQvaG9va3MvVXNlR2V0RmlsdGVyUXVlcnlQYXJhbXMnO1xyXG5pbXBvcnQgeyBFbmdhZ2VtZW50IH0gZnJvbSAnc2hhcmVkL2ludGVyZmFjZXMnO1xyXG5pbXBvcnQgeyBWaWRlb1ZpZXdSZXF1ZXN0cyB9IGZyb20gJ3NoYXJlZC9mbGlnaHQtcmVxdWVzdHMvVmlkZW9WaWV3UmVxdWVzdHMnO1xyXG5pbXBvcnQgeyBQZXJjZW50YWdlSW5kaWNhdG9yLCBQZXJjZW50YWdlSW5kaWNhdG9yTGF5b3V0IH0gZnJvbSAnc2hhcmVkL2NvbXBvbmVudHMvcGVyY2VudGFnZS1pbmRpY2F0b3IvUGVyY2VudGFnZUluZGljYXRvcic7XHJcbmltcG9ydCB7IFBhcnRpYWxQZXJjZW50YWdlSW5kaWNhdG9yIH0gZnJvbSAnc2hhcmVkL2NvbXBvbmVudHMvcGVyY2VudGFnZS1pbmRpY2F0b3IvUGFydGlhbFBlcmNlbnRhZ2VJbmRpY2F0b3InO1xyXG5cclxuY29uc3QgbmFtZXNwYWNlID0gJ3NoYXJlZC5lbmdhZ2VtZW50T3ZlcnZpZXdDYXJkJztcclxuY29uc3QgZ2V0UGhyYXNlID0gTGFuZ3VhZ2VTZXJ2aWNlLmVuY2xvc2VOYW1lc3BhY2UobmFtZXNwYWNlKTtcclxuXHJcbmludGVyZmFjZSBFbmdhZ2VtZW50T3ZlcnZpZXdDYXJkVmlld1Byb3BzIHtcclxuICBvYmplY3RJZDogc3RyaW5nIHwgbnVsbDsgLy8gUGFzc2luZyBgbnVsbGAgd2lsbCB0cmlnZ2VyIHBhcnRpYWwgbG9hZGluZ1xyXG4gIGxheW91dDogJ3ZlcnRpY2FsJyB8ICdob3Jpem9udGFsJ1xyXG4gIGNsYXNzTmFtZT86IHN0cmluZztcclxufVxyXG5cclxuZXhwb3J0IGZ1bmN0aW9uIEVuZ2FnZW1lbnRPdmVydmlld0NhcmRWaWV3KHByb3BzOiBFbmdhZ2VtZW50T3ZlcnZpZXdDYXJkVmlld1Byb3BzKTogSlNYLkVsZW1lbnQge1xyXG4gIGNvbnN0IGZpbHRlclF1ZXJ5UGFyYW1zID0gdXNlR2V0RmlsdGVyUXVlcnlQYXJhbXMoKTtcclxuXHJcbiAgY29uc3QgZXZlcnlvbmVTZWxlY3RlZCA9ICFmaWx0ZXJRdWVyeVBhcmFtcy51c2Vyc1xyXG4gICAgJiYgIWZpbHRlclF1ZXJ5UGFyYW1zLmNsYXNzcm9vbXNcclxuICAgICYmICFmaWx0ZXJRdWVyeVBhcmFtcy5jbGFzc3Jvb21Hcm91cHM7XHJcblxyXG4gIGNvbnN0IGVuZ2FnZW1lbnQgPSBGbGlnaHQudXNlQmFzaWNGZXRjaDxFbmdhZ2VtZW50PighIXByb3BzLm9iamVjdElkICYmXHJcbiAgICBWaWRlb1ZpZXdSZXF1ZXN0cy5hZ2dyZWdhdGVFbmdhZ2VtZW50KHByb3BzLm9iamVjdElkLCBmaWx0ZXJRdWVyeVBhcmFtcylcclxuICApO1xyXG5cclxuICBjb25zdCBlbmdhZ2VtZW50UmF0ZSA9IGVuZ2FnZW1lbnQuZGF0YT8uZW5nYWdlbWVudFJhdGUgPiAwID8gZW5nYWdlbWVudC5kYXRhLmVuZ2FnZW1lbnRSYXRlIDogbnVsbDtcclxuXHJcbiAgcmV0dXJuIChcclxuICAgIDxkaXYgY2xhc3NOYW1lPXtgZC1mbGV4IGZsZXgtY29sdW1uIHJvdW5kZWQgYmctd2hpdGUgcC0zICR7cHJvcHMuY2xhc3NOYW1lID8/ICcnfWB9PlxyXG4gICAgICA8aDYgY2xhc3NOYW1lPSdtYi0yJz57Z2V0UGhyYXNlKCdoZWFkaW5nJyl9PC9oNj5cclxuICAgICAgPGRpdlxyXG4gICAgICAgIGNsYXNzTmFtZT17XHJcbiAgICAgICAgICBgZC1mbGV4IGFsaWduLWl0ZW1zLWNlbnRlciBmbGV4LWdyb3ctMVxyXG4gICAgICAgICAgJHtwcm9wcy5sYXlvdXQgPT09ICd2ZXJ0aWNhbCcgPyAnIGZsZXgtY29sdW1uIGp1c3RpZnktY29udGVudC1jZW50ZXIgdGV4dC1jZW50ZXInIDogJyd9YFxyXG4gICAgICAgIH1cclxuICAgICAgPlxyXG4gICAgICAgIHshIWVuZ2FnZW1lbnQuZGF0YSAmJlxyXG4gICAgICAgICAgPD5cclxuICAgICAgICAgICAgPFBlcmNlbnRhZ2VJbmRpY2F0b3JcclxuICAgICAgICAgICAgICBwZXJjZW50YWdlPXtlbmdhZ2VtZW50UmF0ZX1cclxuICAgICAgICAgICAgICBsYXlvdXQ9e1BlcmNlbnRhZ2VJbmRpY2F0b3JMYXlvdXQuTGFiZWxJbnNpZGV9XHJcbiAgICAgICAgICAgIC8+XHJcbiAgICAgICAgICAgIDxwIGNsYXNzTmFtZT17cHJvcHMubGF5b3V0ID09PSAnaG9yaXpvbnRhbCcgPyAnbWwtMicgOiAnJ30+XHJcbiAgICAgICAgICAgICAge3R5cGVvZiBlbmdhZ2VtZW50UmF0ZSA9PT0gJ251bWJlcidcclxuICAgICAgICAgICAgICAgID8gZ2V0UGhyYXNlKGV2ZXJ5b25lU2VsZWN0ZWQgPyAnZGVzY3JpcHRpb25FdmVyeW9uZScgOiAnZGVzY3JpcHRpb25Tb21lJywge1xyXG4gICAgICAgICAgICAgICAgICBwZXJjZW50YWdlOiBNYXRoLnJvdW5kKGVuZ2FnZW1lbnQuZGF0YS5lbmdhZ2VtZW50UmF0ZSAqIDEwMClcclxuICAgICAgICAgICAgICAgIH0pXHJcbiAgICAgICAgICAgICAgICA6IGdldFBocmFzZSgnZGVzY3JpcHRpb25Ob0RhdGEnKVxyXG4gICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgPC9wPlxyXG4gICAgICAgICAgPC8+XHJcbiAgICAgICAgfVxyXG4gICAgICAgIHshZW5nYWdlbWVudC5kYXRhICYmXHJcbiAgICAgICAgICA8PlxyXG4gICAgICAgICAgICA8UGFydGlhbFBlcmNlbnRhZ2VJbmRpY2F0b3IgbGF5b3V0PXtQZXJjZW50YWdlSW5kaWNhdG9yTGF5b3V0LkxhYmVsSW5zaWRlfSAvPlxyXG4gICAgICAgICAgICB7cHJvcHMubGF5b3V0ID09PSAndmVydGljYWwnICYmIDxwPiZuYnNwOzwvcD59XHJcbiAgICAgICAgICA8Lz5cclxuICAgICAgICB9XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgPC9kaXY+XHJcbiAgKTtcclxufSJdLCJtYXBwaW5ncyI6IkFBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUVBO0FBQ0E7QUFFQTtBQUVBO0FBQ0E7QUFDQTtBQUVBO0FBQ0E7QUFRQTs7O0FBQ0E7QUFFQTtBQUlBO0FBSUE7QUFFQTtBQUNBO0FBQUE7QUFDQTtBQUFBO0FBRUE7QUFEQTtBQVNBO0FBQ0E7QUFGQTtBQUlBO0FBQUE7QUFHQTtBQURBO0FBVUE7QUFBQTtBQU9BIiwic291cmNlUm9vdCI6IiJ9\n//# sourceURL=webpack-internal:///./src/shared/views/overview-cards/engagement-overview-card/EngagementOverviewCardView.tsx\n");
 
 /***/ }),