instantsearch.js 4.45.1 → 4.46.1

package/cjs/lib/utils/isDomElement.js

@@ -3,11 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.isDomElement = isDomElement;
 
 function isDomElement(object) {
   return object instanceof HTMLElement || Boolean(object) && object.nodeType > 0;
-}
-
-var _default = isDomElement;
-exports.default = _default;
+}

package/cjs/lib/utils/isEqual.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.isEqual = isEqual;
 
 function isPrimitive(obj) {
   return obj !== Object(obj);
@@ -35,7 +35,4 @@ function isEqual(first, second) {
   }
 
   return true;
-}
-
-var _default = isEqual;
-exports.default = _default;
+}

package/cjs/lib/utils/isFacetRefined.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = isFacetRefined;
+exports.isFacetRefined = isFacetRefined;
 
 function isFacetRefined(helper, facet, value) {
   if (helper.state.isHierarchicalFacet(facet)) {

package/cjs/lib/utils/isFiniteNumber.js

@@ -3,14 +3,12 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.isFiniteNumber = isFiniteNumber;
 
 // This is the `Number.isFinite()` polyfill recommended by MDN.
 // We do not provide any tests for this function.
 // See: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number/isFinite#Polyfill
+// @MAJOR Replace with the native `Number.isFinite` method
 function isFiniteNumber(value) {
   return typeof value === 'number' && isFinite(value);
-}
-
-var _default = isFiniteNumber;
-exports.default = _default;
+}

package/cjs/lib/utils/isIndexWidget.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isIndexWidget = isIndexWidget;
+
+function isIndexWidget(widget) {
+  return widget.$$type === 'ais.index';
+}

package/cjs/lib/utils/isPlainObject.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.isPlainObject = isPlainObject;
 
 function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
 
@@ -46,7 +46,4 @@ function isPlainObject(value) {
   }
 
   return Object.getPrototypeOf(value) === proto;
-}
-
-var _default = isPlainObject;
-exports.default = _default;
+}

package/cjs/lib/utils/isSpecialClick.js

@@ -3,12 +3,9 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.isSpecialClick = isSpecialClick;
 
 function isSpecialClick(event) {
   var isMiddleClick = event.button === 1;
   return isMiddleClick || event.altKey || event.ctrlKey || event.metaKey || event.shiftKey;
-}
-
-var _default = isSpecialClick;
-exports.default = _default;
+}

package/cjs/lib/utils/logger.js

@@ -5,9 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.warning = exports.deprecate = exports.warn = void 0;
 
-var _noop = _interopRequireDefault(require("./noop.js"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _noop = require("./noop.js");
 
 /**
  * Logs a warning when this function is called, in development environment only.
@@ -22,14 +20,14 @@ var deprecate = function deprecate(fn, message) {
 
 
 exports.deprecate = deprecate;
-var warn = _noop.default;
+var warn = _noop.noop;
 /**
  * Logs a warning if the condition is not met.
  * This is used to log issues in development environment only.
  */
 
 exports.warn = warn;
-var _warning = _noop.default;
+var _warning = _noop.noop;
 exports.warning = _warning;
 
 if (process.env.NODE_ENV === 'development') {

package/cjs/lib/utils/mergeSearchParameters.js

@@ -3,13 +3,11 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.mergeSearchParameters = void 0;
 
-var _findIndex = _interopRequireDefault(require("./findIndex.js"));
+var _findIndex = require("./findIndex.js");
 
-var _uniq = _interopRequireDefault(require("./uniq.js"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _uniq = require("./uniq.js");
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
 
@@ -53,7 +51,7 @@ var mergeDisjunctiveFacets = function mergeDisjunctiveFacets(left, right) {
 var mergeHierarchicalFacets = function mergeHierarchicalFacets(left, right) {
   return left.setQueryParameters({
     hierarchicalFacets: right.hierarchicalFacets.reduce(function (facets, facet) {
-      var index = (0, _findIndex.default)(facets, function (_) {
+      var index = (0, _findIndex.findIndex)(facets, function (_) {
         return _.name === facet.name;
       });
 
@@ -106,7 +104,7 @@ var mergeHierarchicalFacetsRefinements = function mergeHierarchicalFacetsRefinem
 };
 
 var mergeRuleContexts = function mergeRuleContexts(left, right) {
-  var ruleContexts = (0, _uniq.default)([].concat(left.ruleContexts).concat(right.ruleContexts).filter(Boolean));
+  var ruleContexts = (0, _uniq.uniq)([].concat(left.ruleContexts).concat(right.ruleContexts).filter(Boolean));
 
   if (ruleContexts.length > 0) {
     return left.setQueryParameters({
@@ -117,7 +115,7 @@ var mergeRuleContexts = function mergeRuleContexts(left, right) {
   return left;
 };
 
-var merge = function merge() {
+var mergeSearchParameters = function mergeSearchParameters() {
   for (var _len = arguments.length, parameters = new Array(_len), _key = 0; _key < _len; _key++) {
     parameters[_key] = arguments[_key];
   }
@@ -137,5 +135,4 @@ var merge = function merge() {
   });
 };
 
-var _default = merge;
-exports.default = _default;
+exports.mergeSearchParameters = mergeSearchParameters;

package/cjs/lib/utils/noop.js

@@ -3,9 +3,6 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.noop = noop;
 
-function noop() {}
-
-var _default = noop;
-exports.default = _default;
+function noop() {}

package/cjs/lib/utils/prepareTemplateProps.js

@@ -3,11 +3,9 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.prepareTemplateProps = prepareTemplateProps;
 
-var _uniq = _interopRequireDefault(require("./uniq.js"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _uniq = require("./uniq.js");
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
 
@@ -30,7 +28,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 function prepareTemplates( // can not use = {} here, since the template could have different constraints
 defaultTemplates) {
   var templates = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  var allKeys = (0, _uniq.default)([].concat(_toConsumableArray(Object.keys(defaultTemplates || {})), _toConsumableArray(Object.keys(templates))));
+  var allKeys = (0, _uniq.uniq)([].concat(_toConsumableArray(Object.keys(defaultTemplates || {})), _toConsumableArray(Object.keys(templates))));
   return allKeys.reduce(function (config, key) {
     var defaultTemplate = defaultTemplates ? defaultTemplates[key] : undefined;
     var customTemplate = templates[key];
@@ -59,7 +57,4 @@ function prepareTemplateProps(_ref) {
   return _objectSpread({
     templatesConfig: templatesConfig
   }, preparedTemplates);
-}
-
-var _default = prepareTemplateProps;
-exports.default = _default;
+}

package/cjs/lib/utils/range.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.range = range;
 
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
 
@@ -34,7 +34,4 @@ function range(_ref) {
   return _toConsumableArray(Array(arrayLength)).map(function (_, current) {
     return start + current * limitStep;
   });
-}
-
-var _default = range;
-exports.default = _default;
+}

package/cjs/lib/utils/renderTemplate.js

@@ -3,10 +3,14 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.renderTemplate = renderTemplate;
 
 var _hogan = _interopRequireDefault(require("hogan.js"));
 
+var _index = require("../../helpers/components/index.js");
+
+var _preact = require("htm/preact");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
@@ -46,7 +50,8 @@ function renderTemplate(_ref) {
       compileOptions = _ref.compileOptions,
       helpers = _ref.helpers,
       data = _ref.data,
-      bindEvent = _ref.bindEvent;
+      bindEvent = _ref.bindEvent,
+      sendEvent = _ref.sendEvent;
   var template = templates[templateKey];
 
   if (typeof template !== 'string' && typeof template !== 'function') {
@@ -54,7 +59,17 @@ function renderTemplate(_ref) {
   }
 
   if (typeof template === 'function') {
-    return template(data, bindEvent);
+    // @MAJOR no longer pass bindEvent when string templates are removed
+    var params = bindEvent || {};
+    params.html = _preact.html;
+    params.sendEvent = sendEvent;
+    params.components = {
+      Highlight: _index.Highlight,
+      ReverseHighlight: _index.ReverseHighlight,
+      Snippet: _index.Snippet,
+      ReverseSnippet: _index.ReverseSnippet
+    };
+    return template(data, params);
   }
 
   var transformedHelpers = transformHelpersToHogan(helpers, compileOptions, data);
@@ -63,7 +78,4 @@ function renderTemplate(_ref) {
   })).replace(/[ \n\r\t\f\xA0]+/g, function (spaces) {
     return spaces.replace(/(^|\xA0+)[^\xA0]+/g, '$1 ');
   }).trim();
-}
-
-var _default = renderTemplate;
-exports.default = _default;
+}

package/cjs/lib/utils/resolveSearchParameters.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.resolveSearchParameters = resolveSearchParameters;
 
-var resolveSearchParameters = function resolveSearchParameters(current) {
+function resolveSearchParameters(current) {
   var parent = current.getParent();
   var states = [current.getHelper().state];
 
@@ -15,7 +15,4 @@ var resolveSearchParameters = function resolveSearchParameters(current) {
   }
 
   return states;
-};
-
-var _default = resolveSearchParameters;
-exports.default = _default;
+}

package/cjs/lib/utils/reverseHighlightedParts.js

@@ -3,11 +3,9 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = reverseHighlightedParts;
+exports.reverseHighlightedParts = reverseHighlightedParts;
 
-var _getHighlightFromSiblings = _interopRequireDefault(require("./getHighlightFromSiblings.js"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _getHighlightFromSiblings = require("./getHighlightFromSiblings.js");
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
 
@@ -28,7 +26,7 @@ function reverseHighlightedParts(parts) {
 
   return parts.map(function (part, i) {
     return _objectSpread(_objectSpread({}, part), {}, {
-      isHighlighted: !(0, _getHighlightFromSiblings.default)(parts, i)
+      isHighlighted: !(0, _getHighlightFromSiblings.getHighlightFromSiblings)(parts, i)
     });
   });
 }

package/cjs/lib/utils/setIndexHelperState.js

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.setIndexHelperState = setIndexHelperState;
+
+var _isIndexWidget = require("./isIndexWidget.js");
+
+var _checkIndexUiState = require("./checkIndexUiState.js");
+
+function setIndexHelperState(finalUiState, indexWidget) {
+  var nextIndexUiState = finalUiState[indexWidget.getIndexId()] || {};
+
+  if (process.env.NODE_ENV === 'development') {
+    (0, _checkIndexUiState.checkIndexUiState)({
+      index: indexWidget,
+      indexUiState: nextIndexUiState
+    });
+  }
+
+  indexWidget.getHelper().setState(indexWidget.getWidgetSearchParameters(indexWidget.getHelper().state, {
+    uiState: nextIndexUiState
+  }));
+  indexWidget.getWidgets().filter(_isIndexWidget.isIndexWidget).forEach(function (widget) {
+    return setIndexHelperState(finalUiState, widget);
+  });
+}

package/cjs/lib/utils/toArray.js

@@ -3,11 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.toArray = toArray;
 
 function toArray(value) {
   return Array.isArray(value) ? value : [value];
-}
-
-var _default = toArray;
-exports.default = _default;
+}

package/cjs/lib/utils/uniq.js

@@ -3,13 +3,10 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.uniq = uniq;
 
 function uniq(array) {
   return array.filter(function (value, index, self) {
     return self.indexOf(value) === index;
   });
-}
-
-var _default = uniq;
-exports.default = _default;
+}

package/cjs/lib/version.js

@@ -4,5 +4,5 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _default = '4.45.1';
+var _default = '4.46.1';
 exports.default = _default;

package/cjs/middlewares/createInsightsMiddleware.js

@@ -9,10 +9,6 @@ var _index = require("../helpers/index.js");
 
 var _index2 = require("../lib/utils/index.js");
 
-var _connectConfigure = _interopRequireDefault(require("../connectors/configure/connectConfigure.js"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
@@ -98,31 +94,28 @@ var createInsightsMiddleware = function createInsightsMiddleware(props) {
       appId: appId,
       apiKey: apiKey
     }, insightsInitParams));
-    var createWidget = (0, _connectConfigure.default)(_index2.noop);
-    var configureClickAnalytics;
-    var configureUserToken;
+    var initialParameters;
+    var helper;
     return {
       onStateChange: function onStateChange() {},
-      subscribe: function subscribe() {
+      subscribe: function subscribe() {},
+      started: function started() {
         insightsClient('addAlgoliaAgent', 'insights-middleware');
-        configureClickAnalytics = createWidget({
-          searchParameters: {
-            clickAnalytics: true
-          }
-        });
-        instantSearchInstance.addWidgets([configureClickAnalytics]);
+        helper = instantSearchInstance.helper;
+        initialParameters = {
+          userToken: helper.state.userToken,
+          clickAnalytics: helper.state.clickAnalytics
+        };
+        helper.overrideStateWithoutTriggeringChangeEvent(_objectSpread(_objectSpread({}, helper.state), {}, {
+          clickAnalytics: true
+        }));
+        instantSearchInstance.scheduleSearch();
 
         var setUserTokenToSearch = function setUserTokenToSearch(userToken) {
-          if (configureUserToken) {
-            instantSearchInstance.removeWidgets([configureUserToken]);
-          }
-
-          configureUserToken = createWidget({
-            searchParameters: {
-              userToken: userToken
-            }
-          });
-          instantSearchInstance.addWidgets([configureUserToken]);
+          helper.overrideStateWithoutTriggeringChangeEvent(_objectSpread(_objectSpread({}, helper.state), {}, {
+            userToken: userToken
+          }));
+          instantSearchInstance.scheduleSearch();
         };
 
         var anonymousUserToken = (0, _index.getInsightsAnonymousUserTokenInternal)();
@@ -150,9 +143,7 @@ var createInsightsMiddleware = function createInsightsMiddleware(props) {
           if (onEvent) {
             onEvent(event, _insightsClient);
           } else if (event.insightsMethod) {
-            // At this point, instantSearchInstance must be started and
-            // it means there is a configure widget (added above).
-            var hasUserToken = Boolean(instantSearchInstance.renderState[instantSearchInstance.indexName].configure.widgetParams.searchParameters.userToken);
+            var hasUserToken = Boolean(helper.state.userToken);
 
             if (hasUserToken) {
               insightsClient(event.insightsMethod, event.payload);
@@ -166,10 +157,12 @@ var createInsightsMiddleware = function createInsightsMiddleware(props) {
       },
       unsubscribe: function unsubscribe() {
         insightsClient('onUserTokenChange', undefined);
-        instantSearchInstance.removeWidgets([configureClickAnalytics, configureUserToken]);
-        configureClickAnalytics = undefined;
-        configureUserToken = undefined;
         instantSearchInstance.sendEventToInsights = _index2.noop;
+
+        if (helper && initialParameters) {
+          helper.setState(_objectSpread(_objectSpread({}, helper.state), initialParameters));
+          instantSearchInstance.scheduleSearch();
+        }
       }
     };
   };

package/cjs/middlewares/createMetadataMiddleware.js

@@ -94,6 +94,7 @@ function createMetadataMiddleware() {
           refNode.appendChild(payloadContainer);
         }, 0);
       },
+      started: function started() {},
       unsubscribe: function unsubscribe() {
         payloadContainer.remove();
       }

package/cjs/middlewares/createRouterMiddleware.js

@@ -57,6 +57,7 @@ var createRouterMiddleware = function createRouterMiddleware() {
           instantSearchInstance.setUiState(stateMapping.routeToState(route));
         });
       },
+      started: function started() {},
       unsubscribe: function unsubscribe() {
         router.dispose();
       }

package/cjs/widgets/answers/defaultTemplates.js

@@ -5,8 +5,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var defaultTemplates = {
-  header: '',
-  loader: '',
+  header: function header() {
+    return '';
+  },
+  loader: function loader() {
+    return '';
+  },
   item: function item(_item) {
     return JSON.stringify(_item);
   }

package/cjs/widgets/breadcrumb/defaultTemplates.js

@@ -5,8 +5,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var defaultTemplates = {
-  home: 'Home',
-  separator: '>'
+  home: function home() {
+    return 'Home';
+  },
+  separator: function separator() {
+    return '>';
+  }
 };
 var _default = defaultTemplates;
 exports.default = _default;

package/cjs/widgets/clear-refinements/defaultTemplates.js

@@ -5,7 +5,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var defaultTemplates = {
-  resetLabel: 'Clear refinements'
+  resetLabel: function resetLabel() {
+    return 'Clear refinements';
+  }
 };
 var _default = defaultTemplates;
 exports.default = _default;

package/cjs/widgets/geo-search/createHTMLMarker.js

@@ -1,12 +1,14 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
 
+var _preact = require("preact");
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
 function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
@@ -29,7 +31,6 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
-/* global google EventListener */
 var createHTMLMarker = function createHTMLMarker(googleReference) {
   var HTMLMarker = /*#__PURE__*/function (_googleReference$maps) {
     _inherits(HTMLMarker, _googleReference$maps);
@@ -73,7 +74,12 @@ var createHTMLMarker = function createHTMLMarker(googleReference) {
       _this.element = document.createElement('div');
       _this.element.className = className;
       _this.element.style.position = 'absolute';
-      _this.element.innerHTML = template;
+
+      if (_typeof(template) === 'object') {
+        (0, _preact.render)(template, _this.element);
+      } else {
+        _this.element.innerHTML = template;
+      }
 
       _this.setMap(map);
 

package/cjs/widgets/geo-search/defaultTemplates.js

@@ -4,11 +4,25 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
+var _preact = require("preact");
+
+/** @jsx h */
+var _ref = (0, _preact.h)("p", null, "Your custom HTML Marker");
+
 var defaultTemplates = {
-  HTMLMarker: '<p>Your custom HTML Marker</p>',
-  reset: 'Clear the map refinement',
-  toggle: 'Search as I move the map',
-  redo: 'Redo search here'
+  HTMLMarker: function HTMLMarker() {
+    return _ref;
+  },
+  reset: function reset() {
+    return 'Clear the map refinement';
+  },
+  toggle: function toggle() {
+    return 'Search as I move the map';
+  },
+  redo: function redo() {
+    return 'Redo search here';
+  }
 };
 var _default = defaultTemplates;
 exports.default = _default;