instantsearch.js 4.54.0 → 4.55.0

package/cjs/components/Hits/Hits.js

@@ -4,9 +4,10 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.default = Hits;
 var _uiComponentsShared = require("@algolia/ui-components-shared");
 var _preact = require("preact");
+var _listener = require("../../lib/insights/listener");
 var _utils = require("../../lib/utils");
 var _Template = _interopRequireDefault(require("../Template/Template"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -16,18 +17,24 @@ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key i
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-var Hits = function Hits(_ref) {
+function Hits(_ref) {
   var results = _ref.results,
     hits = _ref.hits,
+    insights = _ref.insights,
     bindEvent = _ref.bindEvent,
     sendEvent = _ref.sendEvent,
     cssClasses = _ref.cssClasses,
     templateProps = _ref.templateProps;
+  var handleInsightsClick = (0, _listener.createInsightsEventHandler)({
+    insights: insights,
+    sendEvent: sendEvent
+  });
   if (results.hits.length === 0) {
     return (0, _preact.h)(_Template.default, _extends({}, templateProps, {
       templateKey: "empty",
       rootProps: {
-        className: (0, _uiComponentsShared.cx)(cssClasses.root, cssClasses.emptyRoot)
+        className: (0, _uiComponentsShared.cx)(cssClasses.root, cssClasses.emptyRoot),
+        onClick: handleInsightsClick
       },
       data: results
     }));
@@ -41,7 +48,11 @@ var Hits = function Hits(_ref) {
       templateKey: "item",
       rootTagName: "li",
       rootProps: {
-        className: cssClasses.item
+        className: cssClasses.item,
+        onClick: function onClick(event) {
+          handleInsightsClick(event);
+          sendEvent('click:internal', hit, 'Hit Clicked');
+        }
       },
       key: hit.objectID,
       data: _objectSpread(_objectSpread({}, hit), {}, {
@@ -54,6 +65,4 @@ var Hits = function Hits(_ref) {
       sendEvent: sendEvent
     }));
   })));
-};
-var _default = Hits;
-exports.default = _default;
+}

package/cjs/components/InfiniteHits/InfiniteHits.js

@@ -7,6 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _uiComponentsShared = require("@algolia/ui-components-shared");
 var _preact = require("preact");
+var _listener = require("../../lib/insights/listener");
 var _utils = require("../../lib/utils");
 var _Template = _interopRequireDefault(require("../Template/Template"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -19,6 +20,7 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 var InfiniteHits = function InfiniteHits(_ref) {
   var results = _ref.results,
     hits = _ref.hits,
+    insights = _ref.insights,
     bindEvent = _ref.bindEvent,
     sendEvent = _ref.sendEvent,
     hasShowPrevious = _ref.hasShowPrevious,
@@ -28,11 +30,16 @@ var InfiniteHits = function InfiniteHits(_ref) {
     isLastPage = _ref.isLastPage,
     cssClasses = _ref.cssClasses,
     templateProps = _ref.templateProps;
+  var handleInsightsClick = (0, _listener.createInsightsEventHandler)({
+    insights: insights,
+    sendEvent: sendEvent
+  });
   if (results.hits.length === 0) {
     return (0, _preact.h)(_Template.default, _extends({}, templateProps, {
       templateKey: "empty",
       rootProps: {
-        className: (0, _uiComponentsShared.cx)(cssClasses.root, cssClasses.emptyRoot)
+        className: (0, _uiComponentsShared.cx)(cssClasses.root, cssClasses.emptyRoot),
+        onClick: handleInsightsClick
       },
       data: results
     }));
@@ -54,7 +61,11 @@ var InfiniteHits = function InfiniteHits(_ref) {
       templateKey: "item",
       rootTagName: "li",
       rootProps: {
-        className: cssClasses.item
+        className: cssClasses.item,
+        onClick: function onClick(event) {
+          handleInsightsClick(event);
+          sendEvent('click:internal', hit, 'Hit Clicked');
+        }
       },
       key: hit.objectID,
       data: _objectSpread(_objectSpread({}, hit), {}, {

package/cjs/components/Pagination/Pagination.js

@@ -7,6 +7,8 @@ exports.default = void 0;
 var _uiComponentsShared = require("@algolia/ui-components-shared");
 var _preact = require("preact");
 var _utils = require("../../lib/utils");
+var _Template = _interopRequireDefault(require("../Template/Template"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function Pagination(props) {
   function createClickHandler(pageNumber) {
     return function (event) {
@@ -27,7 +29,8 @@ function Pagination(props) {
     ariaLabel: "First",
     className: props.cssClasses.firstPageItem,
     isDisabled: props.isFirstPage,
-    label: props.templates.first,
+    templates: props.templates,
+    templateKey: "first",
     pageNumber: 0,
     createURL: props.createURL,
     cssClasses: props.cssClasses,
@@ -36,7 +39,8 @@ function Pagination(props) {
     ariaLabel: "Previous",
     className: props.cssClasses.previousPageItem,
     isDisabled: props.isFirstPage,
-    label: props.templates.previous,
+    templates: props.templates,
+    templateKey: "previous",
     pageNumber: props.currentPage - 1,
     createURL: props.createURL,
     cssClasses: props.cssClasses,
@@ -47,7 +51,8 @@ function Pagination(props) {
       ariaLabel: "Page ".concat(pageNumber + 1),
       className: props.cssClasses.pageItem,
       isSelected: pageNumber === props.currentPage,
-      label: "".concat(pageNumber + 1),
+      templates: props.templates,
+      templateKey: "page",
       pageNumber: pageNumber,
       createURL: props.createURL,
       cssClasses: props.cssClasses,
@@ -57,7 +62,8 @@ function Pagination(props) {
     ariaLabel: "Next",
     className: props.cssClasses.nextPageItem,
     isDisabled: props.isLastPage,
-    label: props.templates.next,
+    templates: props.templates,
+    templateKey: "next",
     pageNumber: props.currentPage + 1,
     createURL: props.createURL,
     cssClasses: props.cssClasses,
@@ -66,7 +72,8 @@ function Pagination(props) {
     ariaLabel: "Last",
     className: props.cssClasses.lastPageItem,
     isDisabled: props.isLastPage,
-    label: props.templates.last,
+    templates: props.templates,
+    templateKey: "last",
     pageNumber: props.nbPages - 1,
     createURL: props.createURL,
     cssClasses: props.cssClasses,
@@ -74,7 +81,8 @@ function Pagination(props) {
   })));
 }
 function PaginationLink(_ref) {
-  var label = _ref.label,
+  var templates = _ref.templates,
+    templateKey = _ref.templateKey,
     ariaLabel = _ref.ariaLabel,
     pageNumber = _ref.pageNumber,
     className = _ref.className,
@@ -87,18 +95,28 @@ function PaginationLink(_ref) {
     createClickHandler = _ref.createClickHandler;
   return (0, _preact.h)("li", {
     className: (0, _uiComponentsShared.cx)(cssClasses.item, className, isDisabled && cssClasses.disabledItem, isSelected && cssClasses.selectedItem)
-  }, isDisabled ? (0, _preact.h)("span", {
-    className: cssClasses.link,
-    dangerouslySetInnerHTML: {
-      __html: label
+  }, isDisabled ? (0, _preact.h)(_Template.default, {
+    rootTagName: "span",
+    rootProps: {
+      className: cssClasses.link
+    },
+    templateKey: templateKey,
+    templates: templates,
+    data: {
+      page: pageNumber + 1
     }
-  }) : (0, _preact.h)("a", {
-    className: cssClasses.link,
-    "aria-label": ariaLabel,
-    href: createURL(pageNumber),
-    onClick: createClickHandler(pageNumber),
-    dangerouslySetInnerHTML: {
-      __html: label
+  }) : (0, _preact.h)(_Template.default, {
+    rootTagName: "a",
+    rootProps: {
+      className: cssClasses.link,
+      'aria-label': ariaLabel,
+      href: createURL(pageNumber),
+      onClick: createClickHandler(pageNumber)
+    },
+    templateKey: templateKey,
+    templates: templates,
+    data: {
+      page: pageNumber + 1
     }
   }));
 }

package/cjs/components/Template/Template.js

@@ -46,9 +46,12 @@ var Template = /*#__PURE__*/function (_Component) {
     key: "render",
     value: function render() {
       var _this = this;
-      process.env.NODE_ENV === 'development' ? (0, _utils.warning)(Object.keys(this.props.templates).every(function (key) {
-        return typeof _this.props.templates[key] === 'function';
-      }), "Hogan.js and string-based templates are deprecated and will not be supported in InstantSearch.js 5.x.\n\nYou can replace them with function-form templates and use either the provided `html` function or JSX templates.\n\nSee: https://www.algolia.com/doc/guides/building-search-ui/upgrade-guides/js/#upgrade-templates") : void 0;
+      if (process.env.NODE_ENV === 'development') {
+        var nonFunctionTemplates = Object.keys(this.props.templates).filter(function (key) {
+          return typeof _this.props.templates[key] !== 'function';
+        });
+        process.env.NODE_ENV === 'development' ? (0, _utils.warning)(nonFunctionTemplates.length === 0, "Hogan.js and string-based templates are deprecated and will not be supported in InstantSearch.js 5.x.\n\nYou can replace them with function-form templates and use either the provided `html` function or JSX templates.\n\nString-based templates: ".concat(nonFunctionTemplates.join(', '), ".\n\nSee: https://www.algolia.com/doc/guides/building-search-ui/upgrade-guides/js/#upgrade-templates")) : void 0;
+      }
       var RootTagName = this.props.rootTagName;
       var useCustomCompileOptions = this.props.useCustomCompileOptions[this.props.templateKey];
       var compileOptions = useCustomCompileOptions ? this.props.templatesConfig.compileOptions : {};

package/cjs/connectors/autocomplete/connectAutocomplete.js

@@ -41,7 +41,7 @@ var connectAutocomplete = function connectAutocomplete(renderFn) {
         renderState.indices.forEach(function (_ref3) {
           var sendEvent = _ref3.sendEvent,
             hits = _ref3.hits;
-          sendEvent('view', hits);
+          sendEvent('view:internal', hits);
         });
         renderFn(_objectSpread(_objectSpread({}, renderState), {}, {
           instantSearchInstance: instantSearchInstance

package/cjs/connectors/geo-search/connectGeoSearch.js

@@ -137,7 +137,7 @@ var connectGeoSearch = function connectGeoSearch(renderFn) {
         widgetState.internalToggleRefineOnMapMove = createInternalToggleRefinementOnMapMove(renderArgs, this.render.bind(this));
         widgetState.internalSetMapMoveSinceLastRefine = createInternalSetMapMoveSinceLastRefine(renderArgs, this.render.bind(this));
         var widgetRenderState = this.getWidgetRenderState(renderArgs);
-        sendEvent('view', widgetRenderState.items);
+        sendEvent('view:internal', widgetRenderState.items);
         renderFn(_objectSpread(_objectSpread({}, widgetRenderState), {}, {
           instantSearchInstance: instantSearchInstance
         }), isFirstRendering);

package/cjs/connectors/hierarchical-menu/connectHierarchicalMenu.js

@@ -161,7 +161,7 @@ var connectHierarchicalMenu = function connectHierarchicalMenu(renderFn) {
         }
         if (!_refine) {
           _refine = function _refine(facetValue) {
-            sendEvent('click', facetValue);
+            sendEvent('click:internal', facetValue);
             helper.toggleFacetRefinement(hierarchicalFacetName, facetValue).search();
           };
         }

package/cjs/connectors/hits/connectHits.js

@@ -40,7 +40,7 @@ var connectHits = function connectHits(renderFn) {
         renderFn(_objectSpread(_objectSpread({}, renderState), {}, {
           instantSearchInstance: renderOptions.instantSearchInstance
         }), false);
-        renderState.sendEvent('view', renderState.hits);
+        renderState.sendEvent('view:internal', renderState.hits);
       },
       getRenderState: function getRenderState(renderState, renderOptions) {
         return _objectSpread(_objectSpread({}, renderState), {}, {

package/cjs/connectors/infinite-hits/connectInfiniteHits.js

@@ -6,7 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _utils = require("../../lib/utils");
-var _excluded = ["page"];
+var _excluded = ["page"],
+  _excluded2 = ["clickAnalytics", "userToken"];
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
@@ -30,17 +31,24 @@ function getStateWithoutPage(state) {
     rest = _objectWithoutProperties(_ref, _excluded);
   return rest;
 }
+function normalizeState(state) {
+  var _ref2 = state || {},
+    clickAnalytics = _ref2.clickAnalytics,
+    userToken = _ref2.userToken,
+    rest = _objectWithoutProperties(_ref2, _excluded2);
+  return rest;
+}
 function getInMemoryCache() {
   var cachedHits = null;
   var cachedState = null;
   return {
-    read: function read(_ref2) {
-      var state = _ref2.state;
+    read: function read(_ref3) {
+      var state = _ref3.state;
       return (0, _utils.isEqual)(cachedState, getStateWithoutPage(state)) ? cachedHits : null;
     },
-    write: function write(_ref3) {
-      var state = _ref3.state,
-        hits = _ref3.hits;
+    write: function write(_ref4) {
+      var state = _ref4.state,
+        hits = _ref4.hits;
       cachedState = getStateWithoutPage(state);
       cachedHits = hits;
     }
@@ -60,15 +68,15 @@ var connectInfiniteHits = function connectInfiniteHits(renderFn) {
   // @TODO: this should be a generic, but a Connector can not yet be generic itself
 
   return function (widgetParams) {
-    var _ref4 = widgetParams || {},
-      _ref4$escapeHTML = _ref4.escapeHTML,
-      escapeHTML = _ref4$escapeHTML === void 0 ? true : _ref4$escapeHTML,
-      _ref4$transformItems = _ref4.transformItems,
-      transformItems = _ref4$transformItems === void 0 ? function (items) {
+    var _ref5 = widgetParams || {},
+      _ref5$escapeHTML = _ref5.escapeHTML,
+      escapeHTML = _ref5$escapeHTML === void 0 ? true : _ref5$escapeHTML,
+      _ref5$transformItems = _ref5.transformItems,
+      transformItems = _ref5$transformItems === void 0 ? function (items) {
         return items;
-      } : _ref4$transformItems,
-      _ref4$cache = _ref4.cache,
-      cache = _ref4$cache === void 0 ? getInMemoryCache() : _ref4$cache;
+      } : _ref5$transformItems,
+      _ref5$cache = _ref5.cache,
+      cache = _ref5$cache === void 0 ? getInMemoryCache() : _ref5$cache;
     var showPrevious;
     var showMore;
     var sendEvent;
@@ -99,7 +107,7 @@ var connectInfiniteHits = function connectInfiniteHits(renderFn) {
         // avoid updating the browser URL when the user displays the previous page.
         helper.overrideStateWithoutTriggeringChangeEvent(_objectSpread(_objectSpread({}, helper.state), {}, {
           page: getFirstReceivedPage(helper.state, cache.read({
-            state: helper.state
+            state: normalizeState(helper.state)
           }) || {}) - 1
         })).searchWithoutTriggeringOnStateChange();
       };
@@ -107,7 +115,7 @@ var connectInfiniteHits = function connectInfiniteHits(renderFn) {
     var getShowMore = function getShowMore(helper) {
       return function () {
         helper.setPage(getLastReceivedPage(helper.state, cache.read({
-          state: helper.state
+          state: normalizeState(helper.state)
         }) || {}) + 1).search();
       };
     };
@@ -124,19 +132,19 @@ var connectInfiniteHits = function connectInfiniteHits(renderFn) {
         renderFn(_objectSpread(_objectSpread({}, widgetRenderState), {}, {
           instantSearchInstance: instantSearchInstance
         }), false);
-        sendEvent('view', widgetRenderState.currentPageHits);
+        sendEvent('view:internal', widgetRenderState.currentPageHits);
       },
       getRenderState: function getRenderState(renderState, renderOptions) {
         return _objectSpread(_objectSpread({}, renderState), {}, {
           infiniteHits: this.getWidgetRenderState(renderOptions)
         });
       },
-      getWidgetRenderState: function getWidgetRenderState(_ref5) {
-        var results = _ref5.results,
-          helper = _ref5.helper,
-          parent = _ref5.parent,
-          existingState = _ref5.state,
-          instantSearchInstance = _ref5.instantSearchInstance;
+      getWidgetRenderState: function getWidgetRenderState(_ref6) {
+        var results = _ref6.results,
+          helper = _ref6.helper,
+          parent = _ref6.parent,
+          existingState = _ref6.state,
+          instantSearchInstance = _ref6.instantSearchInstance;
         var isFirstPage;
         var currentPageHits = [];
         /**
@@ -146,7 +154,7 @@ var connectInfiniteHits = function connectInfiniteHits(renderFn) {
          */
         var state = parent.getPreviousState() || existingState;
         var cachedHits = cache.read({
-          state: state
+          state: normalizeState(state)
         }) || {};
         if (!results) {
           showPrevious = getShowPrevious(helper);
@@ -176,7 +184,7 @@ var connectInfiniteHits = function connectInfiniteHits(renderFn) {
           if (cachedHits[_page] === undefined && !results.__isArtificial && instantSearchInstance.status === 'idle') {
             cachedHits[_page] = transformedHits;
             cache.write({
-              state: state,
+              state: normalizeState(state),
               hits: cachedHits
             });
           }
@@ -198,8 +206,8 @@ var connectInfiniteHits = function connectInfiniteHits(renderFn) {
           widgetParams: widgetParams
         };
       },
-      dispose: function dispose(_ref6) {
-        var state = _ref6.state;
+      dispose: function dispose(_ref7) {
+        var state = _ref7.state;
         unmountFn();
         var stateWithoutPage = state.setQueryParameter('page', undefined);
         if (!escapeHTML) {
@@ -209,8 +217,8 @@ var connectInfiniteHits = function connectInfiniteHits(renderFn) {
           return _objectSpread(_objectSpread({}, acc), {}, _defineProperty({}, key, undefined));
         }, {}));
       },
-      getWidgetUiState: function getWidgetUiState(uiState, _ref7) {
-        var searchParameters = _ref7.searchParameters;
+      getWidgetUiState: function getWidgetUiState(uiState, _ref8) {
+        var searchParameters = _ref8.searchParameters;
         var page = searchParameters.page || 0;
         if (!page) {
           // return without adding `page` to uiState
@@ -223,8 +231,8 @@ var connectInfiniteHits = function connectInfiniteHits(renderFn) {
           page: page + 1
         });
       },
-      getWidgetSearchParameters: function getWidgetSearchParameters(searchParameters, _ref8) {
-        var uiState = _ref8.uiState;
+      getWidgetSearchParameters: function getWidgetSearchParameters(searchParameters, _ref9) {
+        var uiState = _ref9.uiState;
         var widgetSearchParameters = searchParameters;
         if (escapeHTML) {
           widgetSearchParameters = searchParameters.setQueryParameters(_utils.TAG_PLACEHOLDER);

package/cjs/connectors/menu/connectMenu.js

@@ -127,7 +127,7 @@ var connectMenu = function connectMenu(renderFn) {
             var _helper$getHierarchic = helper.getHierarchicalFacetBreadcrumb(attribute),
               _helper$getHierarchic2 = _slicedToArray(_helper$getHierarchic, 1),
               refinedItem = _helper$getHierarchic2[0];
-            sendEvent('click', facetValue ? facetValue : refinedItem);
+            sendEvent('click:internal', facetValue ? facetValue : refinedItem);
             helper.toggleFacetRefinement(attribute, facetValue ? facetValue : refinedItem).search();
           };
         }

package/cjs/connectors/numeric-menu/connectNumericMenu.js

@@ -143,7 +143,7 @@ var connectNumericMenu = function connectNumericMenu(renderFn) {
         if (!connectorState.refine) {
           connectorState.refine = function (facetValue) {
             var refinedState = getRefinedState(helper.state, attribute, facetValue);
-            connectorState.sendEvent('click', facetValue);
+            connectorState.sendEvent('click:internal', facetValue);
             helper.setState(refinedState).search();
           };
         }

package/cjs/connectors/rating-menu/connectRatingMenu.js

@@ -41,10 +41,13 @@ var createSendEvent = function createSendEvent(_ref) {
       instantSearchInstance.sendEventToInsights(args[0]);
       return;
     }
-    var eventType = args[0],
-      facetValue = args[1],
+    var facetValue = args[1],
       _args$ = args[2],
       eventName = _args$ === void 0 ? 'Filter Applied' : _args$;
+    var _args$0$split = args[0].split(':'),
+      _args$0$split2 = _slicedToArray(_args$0$split, 2),
+      eventType = _args$0$split2[0],
+      eventModifier = _args$0$split2[1];
     if (eventType !== 'click') {
       return;
     }
@@ -54,6 +57,7 @@ var createSendEvent = function createSendEvent(_ref) {
         insightsMethod: 'clickedFilters',
         widgetType: $$type,
         eventType: eventType,
+        eventModifier: eventModifier,
         payload: {
           eventName: eventName,
           index: helper.getIndex(),
@@ -129,7 +133,7 @@ var connectRatingMenu = function connectRatingMenu(renderFn) {
       return emptyState;
     }
     var toggleRefinement = function toggleRefinement(helper, facetValue) {
-      sendEvent('click', facetValue);
+      sendEvent('click:internal', facetValue);
       helper.setState(getRefinedState(helper.state, facetValue)).search();
     };
     var connectorState = {

package/cjs/connectors/refinement-list/connectRefinementList.js

@@ -178,7 +178,7 @@ var connectRefinementList = function connectRefinementList(renderFn) {
             widgetType: this.$$type
           });
           triggerRefine = function triggerRefine(facetValue) {
-            sendEvent('click', facetValue);
+            sendEvent('click:internal', facetValue);
             helper.toggleFacetRefinement(attribute, facetValue).search();
           };
           searchForFacetValues = createSearchForFacetValues(helper, this);

package/cjs/connectors/toggle-refinement/connectToggleRefinement.js

@@ -1,16 +1,22 @@
 "use strict";
 
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
 var _utils = require("../../lib/utils");
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _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."); }
+function _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); }
+function _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; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 var withUsage = (0, _utils.createDocumentationMessageGenerator)({
   name: 'toggle-refinement',
   connector: true
@@ -29,10 +35,13 @@ var createSendEvent = function createSendEvent(_ref) {
       instantSearchInstance.sendEventToInsights(args[0]);
       return;
     }
-    var eventType = args[0],
-      isRefined = args[1],
+    var isRefined = args[1],
       _args$ = args[2],
       eventName = _args$ === void 0 ? 'Filter Applied' : _args$;
+    var _args$0$split = args[0].split(':'),
+      _args$0$split2 = _slicedToArray(_args$0$split, 2),
+      eventType = _args$0$split2[0],
+      eventModifier = _args$0$split2[1];
     if (eventType !== 'click' || on === undefined) {
       return;
     }
@@ -44,6 +53,7 @@ var createSendEvent = function createSendEvent(_ref) {
         insightsMethod: 'clickedFilters',
         widgetType: $$type,
         eventType: eventType,
+        eventModifier: eventModifier,
         payload: {
           eventName: eventName,
           index: helper.getIndex(),
@@ -90,7 +100,7 @@ var connectToggleRefinement = function connectToggleRefinement(renderFn) {
           },
           isRefined = _ref3.isRefined;
         if (!isRefined) {
-          sendEvent('click', isRefined);
+          sendEvent('click:internal', isRefined);
           if (hasAnOffValue) {
             off.forEach(function (v) {
               return helper.removeDisjunctiveFacetRefinement(attribute, v);

package/cjs/helpers/highlight.js

@@ -7,6 +7,10 @@ exports.default = highlight;
 var _suit = require("../lib/suit");
 var _utils = require("../lib/utils");
 var suit = (0, _suit.component)('Highlight');
+
+/**
+ * @deprecated use html tagged templates and the Highlight component instead
+ */
 function highlight(_ref) {
   var attribute = _ref.attribute,
     _ref$highlightedTagNa = _ref.highlightedTagName,
@@ -14,6 +18,7 @@ function highlight(_ref) {
     hit = _ref.hit,
     _ref$cssClasses = _ref.cssClasses,
     cssClasses = _ref$cssClasses === void 0 ? {} : _ref$cssClasses;
+  process.env.NODE_ENV === 'development' ? (0, _utils.warning)(false, "`instantsearch.highlight` function has been deprecated. It is still supported in 4.x releases, but not further. It is replaced by the `Highlight` component.\n\nFor more information, visit https://www.algolia.com/doc/guides/building-search-ui/upgrade-guides/js/?client=html+tagged+templates#upgrade-templates") : void 0;
   var highlightAttributeResult = (0, _utils.getPropertyByPath)(hit._highlightResult, attribute);
 
   // @MAJOR fallback to attribute value if highlight is not found

package/cjs/helpers/insights.js

@@ -4,11 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = insights;
-exports.hasDataAttributes = hasDataAttributes;
 exports.readDataAttributes = readDataAttributes;
 exports.writeDataAttributes = writeDataAttributes;
 var _utils = require("../lib/utils");
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+/** @deprecated use bindEvent instead */
 function readDataAttributes(domElement) {
   var method = domElement.getAttribute('data-insights-method');
   var serializedPayload = domElement.getAttribute('data-insights-payload');
@@ -25,9 +25,8 @@ function readDataAttributes(domElement) {
     throw new Error('The insights helper was unable to parse `data-insights-payload`.');
   }
 }
-function hasDataAttributes(domElement) {
-  return domElement.hasAttribute('data-insights-method');
-}
+
+/** @deprecated use bindEvent instead */
 function writeDataAttributes(_ref) {
   var method = _ref.method,
     payload = _ref.payload;

package/cjs/helpers/reverseHighlight.js

@@ -7,6 +7,10 @@ exports.default = reverseHighlight;
 var _suit = require("../lib/suit");
 var _utils = require("../lib/utils");
 var suit = (0, _suit.component)('ReverseHighlight');
+
+/**
+ * @deprecated use html tagged templates and the ReverseHighlight component instead
+ */
 function reverseHighlight(_ref) {
   var attribute = _ref.attribute,
     _ref$highlightedTagNa = _ref.highlightedTagName,
@@ -14,6 +18,7 @@ function reverseHighlight(_ref) {
     hit = _ref.hit,
     _ref$cssClasses = _ref.cssClasses,
     cssClasses = _ref$cssClasses === void 0 ? {} : _ref$cssClasses;
+  process.env.NODE_ENV === 'development' ? (0, _utils.warning)(false, "`instantsearch.reverseHighlight` function has been deprecated. It is still supported in 4.x releases, but not further. It is replaced by the `ReverseHighlight` component.\n\nFor more information, visit https://www.algolia.com/doc/guides/building-search-ui/upgrade-guides/js/?client=html+tagged+templates#upgrade-templates") : void 0;
   var highlightAttributeResult = (0, _utils.getPropertyByPath)(hit._highlightResult, attribute);
 
   // @MAJOR fallback to attribute value if highlight is not found

package/cjs/helpers/reverseSnippet.js

@@ -7,6 +7,10 @@ exports.default = reverseSnippet;
 var _suit = require("../lib/suit");
 var _utils = require("../lib/utils");
 var suit = (0, _suit.component)('ReverseSnippet');
+
+/**
+ * @deprecated use html tagged templates and the ReverseSnippet component instead
+ */
 function reverseSnippet(_ref) {
   var attribute = _ref.attribute,
     _ref$highlightedTagNa = _ref.highlightedTagName,
@@ -14,6 +18,7 @@ function reverseSnippet(_ref) {
     hit = _ref.hit,
     _ref$cssClasses = _ref.cssClasses,
     cssClasses = _ref$cssClasses === void 0 ? {} : _ref$cssClasses;
+  process.env.NODE_ENV === 'development' ? (0, _utils.warning)(false, "`instantsearch.reverseSnippet` function has been deprecated. It is still supported in 4.x releases, but not further. It is replaced by the `ReverseSnippet` component.\n\nFor more information, visit https://www.algolia.com/doc/guides/building-search-ui/upgrade-guides/js/?client=html+tagged+templates#upgrade-templates") : void 0;
   var snippetAttributeResult = (0, _utils.getPropertyByPath)(hit._snippetResult, attribute);
 
   // @MAJOR fallback to attribute value if snippet is not found