@athoscommerce/snap-preact 1.9.1 → 1.10.0

package/dist/cjs/components/src/components/Organisms/Layout/Layout.js

@@ -1,41 +1,30 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Layout = void 0;
-var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-var react_1 = require("@emotion/react");
-var classnames_1 = __importDefault(require("classnames"));
-var mobx_react_lite_1 = require("mobx-react-lite");
-var providers_1 = require("../../../providers");
-var FilterSummary_1 = require("../FilterSummary");
-var utilities_1 = require("../../../utilities");
-var Pagination_1 = require("../../Molecules/Pagination");
-var LoadMore_1 = require("../../Molecules/LoadMore");
-var SortBy_1 = require("../../Molecules/SortBy");
-var PerPage_1 = require("../../Molecules/PerPage");
-var LayoutSelector_1 = require("../../Molecules/LayoutSelector");
-var PaginationInfo_1 = require("../../Atoms/PaginationInfo/PaginationInfo");
-var SearchHeader_1 = require("../../Atoms/SearchHeader/SearchHeader");
-var Button_1 = require("../../Atoms/Button");
-var Banner_1 = require("../../Atoms/Banner");
-var snap_store_mobx_1 = require("@athoscommerce/snap-store-mobx");
-var Facets_1 = require("../Facets");
-var FacetsHorizontal_1 = require("../FacetsHorizontal");
-var Breadcrumbs_1 = require("../../Atoms/Breadcrumbs");
-var defaultStyles = function (_a) {
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const react_1 = require("@emotion/react");
+const classnames_1 = __importDefault(require("classnames"));
+const mobx_react_lite_1 = require("mobx-react-lite");
+const providers_1 = require("../../../providers");
+const FilterSummary_1 = require("../FilterSummary");
+const utilities_1 = require("../../../utilities");
+const Pagination_1 = require("../../Molecules/Pagination");
+const LoadMore_1 = require("../../Molecules/LoadMore");
+const SortBy_1 = require("../../Molecules/SortBy");
+const PerPage_1 = require("../../Molecules/PerPage");
+const LayoutSelector_1 = require("../../Molecules/LayoutSelector");
+const PaginationInfo_1 = require("../../Atoms/PaginationInfo/PaginationInfo");
+const SearchHeader_1 = require("../../Atoms/SearchHeader/SearchHeader");
+const Button_1 = require("../../Atoms/Button");
+const Banner_1 = require("../../Atoms/Banner");
+const snap_store_mobx_1 = require("@athoscommerce/snap-store-mobx");
+const Facets_1 = require("../Facets");
+const FacetsHorizontal_1 = require("../FacetsHorizontal");
+const Breadcrumbs_1 = require("../../Atoms/Breadcrumbs");
+const defaultStyles = ({}) => {
     return (0, react_1.css)({
         display: 'flex',
         alignItems: 'center',
@@ -60,196 +49,252 @@ var defaultStyles = function (_a) {
         },
     });
 };
-exports.Layout = (0, mobx_react_lite_1.observer)(function (properties) {
-    var globalTheme = (0, providers_1.useTheme)();
-    var globalTreePath = (0, providers_1.useTreePath)();
-    var defaultProps = {
+exports.Layout = (0, mobx_react_lite_1.observer)((properties) => {
+    const globalTheme = (0, providers_1.useTheme)();
+    const globalTreePath = (0, providers_1.useTreePath)();
+    const defaultProps = {
         treePath: globalTreePath,
     };
-    var props = (0, utilities_1.mergeProps)('layout', globalTheme, defaultProps, properties);
-    var controller = props.controller, toggleSideBarButton = props.toggleSideBarButton, disableStyles = props.disableStyles, className = props.className, internalClassName = props.internalClassName, layout = props.layout;
+    const props = (0, utilities_1.mergeProps)('layout', globalTheme, defaultProps, properties);
+    const { controller, toggleSideBarButton, disableStyles, className, internalClassName, layout } = props;
     delete props.treePath;
-    var styling = (0, utilities_1.mergeStyles)(props, defaultStyles);
-    var subProps = {
-        Banner: __assign(__assign({ 
+    const styling = (0, utilities_1.mergeStyles)(props, defaultStyles);
+    const subProps = {
+        Banner: {
             // default props
-            controller: controller, content: controller.store.merchandising.content }, (0, utilities_1.defined)({
-            disableStyles: disableStyles,
-        })), { 
+            controller,
+            content: controller.store.merchandising.content,
+            // inherited props
+            ...(0, utilities_1.defined)({
+                disableStyles,
+            }),
             // component theme overrides
-            theme: props === null || props === void 0 ? void 0 : props.theme, treePath: properties.treePath }),
-        SearchHeader: __assign(__assign({ 
+            theme: props?.theme,
+            treePath: properties.treePath,
+        },
+        SearchHeader: {
             // default props
-            controller: controller }, (0, utilities_1.defined)({
-            disableStyles: disableStyles,
-        })), { 
+            controller,
+            // inherited props
+            ...(0, utilities_1.defined)({
+                disableStyles,
+            }),
             // component theme overrides
-            theme: props === null || props === void 0 ? void 0 : props.theme, treePath: properties.treePath }),
-        FilterSummary: __assign(__assign({ 
+            theme: props?.theme,
+            treePath: properties.treePath,
+        },
+        FilterSummary: {
             // default props
-            controller: controller }, (0, utilities_1.defined)({
-            disableStyles: disableStyles,
-        })), { 
+            controller,
+            // inherited props
+            ...(0, utilities_1.defined)({
+                disableStyles,
+            }),
             // component theme overrides
-            theme: props === null || props === void 0 ? void 0 : props.theme, treePath: properties.treePath }),
-        LayoutSelector: __assign(__assign({ 
+            theme: props?.theme,
+            treePath: properties.treePath,
+        },
+        LayoutSelector: {
             // default props
-            controller: controller }, (0, utilities_1.defined)({
-            disableStyles: disableStyles,
-        })), { 
+            controller,
+            // inherited props
+            ...(0, utilities_1.defined)({
+                disableStyles,
+            }),
             // component theme overrides
-            theme: props === null || props === void 0 ? void 0 : props.theme, treePath: properties.treePath }),
-        Breadcrumbs: __assign(__assign({ 
+            theme: props?.theme,
+            treePath: properties.treePath,
+        },
+        Breadcrumbs: {
             // default props
-            controller: controller }, (0, utilities_1.defined)({
-            disableStyles: disableStyles,
-        })), { 
+            controller,
+            // inherited props
+            ...(0, utilities_1.defined)({
+                disableStyles,
+            }),
             // component theme overrides
-            theme: props === null || props === void 0 ? void 0 : props.theme, treePath: properties.treePath }),
-        Facets: __assign(__assign({ 
+            theme: props?.theme,
+            treePath: properties.treePath,
+        },
+        Facets: {
             // default props
-            controller: controller }, (0, utilities_1.defined)({
-            disableStyles: disableStyles,
-        })), { 
+            controller,
+            // inherited props
+            ...(0, utilities_1.defined)({
+                disableStyles,
+            }),
             // component theme overrides
-            theme: props === null || props === void 0 ? void 0 : props.theme, treePath: properties.treePath }),
-        FacetsHorizontal: __assign(__assign({ 
+            theme: props?.theme,
+            treePath: properties.treePath,
+        },
+        FacetsHorizontal: {
             // default props
-            controller: controller }, (0, utilities_1.defined)({
-            disableStyles: disableStyles,
-        })), { 
+            controller,
+            // inherited props
+            ...(0, utilities_1.defined)({
+                disableStyles,
+            }),
             // component theme overrides
-            theme: props === null || props === void 0 ? void 0 : props.theme, treePath: properties.treePath }),
-        Pagination: __assign(__assign({ 
+            theme: props?.theme,
+            treePath: properties.treePath,
+        },
+        Pagination: {
             // default props
-            controller: controller }, (0, utilities_1.defined)({
-            disableStyles: disableStyles,
-        })), { 
+            controller,
+            // inherited props
+            ...(0, utilities_1.defined)({
+                disableStyles,
+            }),
             // component theme overrides
-            theme: props === null || props === void 0 ? void 0 : props.theme, treePath: properties.treePath }),
-        PaginationInfo: __assign(__assign({ 
+            theme: props?.theme,
+            treePath: properties.treePath,
+        },
+        PaginationInfo: {
             // default props
-            controller: controller }, (0, utilities_1.defined)({
-            disableStyles: disableStyles,
-        })), { 
+            controller,
+            // inherited props
+            ...(0, utilities_1.defined)({
+                disableStyles,
+            }),
             // component theme overrides
-            theme: props === null || props === void 0 ? void 0 : props.theme, treePath: properties.treePath }),
-        LoadMore: __assign(__assign({ 
+            theme: props?.theme,
+            treePath: properties.treePath,
+        },
+        LoadMore: {
             // default props
-            controller: controller }, (0, utilities_1.defined)({
-            disableStyles: disableStyles,
-        })), { 
+            controller,
+            // inherited props
+            ...(0, utilities_1.defined)({
+                disableStyles,
+            }),
             // component theme overrides
-            theme: props === null || props === void 0 ? void 0 : props.theme, treePath: properties.treePath }),
-        SortBy: __assign(__assign({ 
+            theme: props?.theme,
+            treePath: properties.treePath,
+        },
+        SortBy: {
             // default props
-            controller: controller }, (0, utilities_1.defined)({
-            disableStyles: disableStyles,
-        })), { 
+            controller,
+            // inherited props
+            ...(0, utilities_1.defined)({
+                disableStyles,
+            }),
             // component theme overrides
-            theme: props === null || props === void 0 ? void 0 : props.theme, treePath: properties.treePath }),
-        PerPage: __assign(__assign({ 
+            theme: props?.theme,
+            treePath: properties.treePath,
+        },
+        PerPage: {
             // default props
-            controller: controller }, (0, utilities_1.defined)({
-            disableStyles: disableStyles,
-        })), { 
+            controller,
+            // inherited props
+            ...(0, utilities_1.defined)({
+                disableStyles,
+            }),
             // component theme overrides
-            theme: props === null || props === void 0 ? void 0 : props.theme, treePath: properties.treePath }),
-        ToggleSideBarButton: __assign(__assign(__assign(__assign({}, toggleSideBarButton), { controller: controller, name: 'sidebar-toggle' }), (0, utilities_1.defined)({
-            disableStyles: disableStyles,
-        })), { 
+            theme: props?.theme,
+            treePath: properties.treePath,
+        },
+        ToggleSideBarButton: {
+            // default props
+            ...toggleSideBarButton,
+            controller,
+            name: 'sidebar-toggle',
+            // inherited props
+            ...(0, utilities_1.defined)({
+                disableStyles,
+            }),
             // component theme overrides
-            theme: props === null || props === void 0 ? void 0 : props.theme, treePath: properties.treePath }),
+            theme: props?.theme,
+            treePath: properties.treePath,
+        },
     };
-    var ToggleSideBarButton = toggleSideBarButton;
-    var hasResults = controller.store.pagination.totalResults > 0;
+    const ToggleSideBarButton = toggleSideBarButton;
+    const hasResults = controller.store.pagination.totalResults > 0;
     function renderModule(module) {
-        var _a, _b;
         switch (module) {
             case 'searchHeader':
-                return (0, jsx_runtime_1.jsx)(SearchHeader_1.SearchHeader, __assign({}, subProps.SearchHeader));
+                return (0, jsx_runtime_1.jsx)(SearchHeader_1.SearchHeader, { ...subProps.SearchHeader });
             case 'filterSummary':
                 if (hasResults) {
-                    return (0, jsx_runtime_1.jsx)(FilterSummary_1.FilterSummary, __assign({}, subProps.FilterSummary));
+                    return (0, jsx_runtime_1.jsx)(FilterSummary_1.FilterSummary, { ...subProps.FilterSummary });
                 }
                 break;
             case 'layoutSelector':
                 if (hasResults) {
-                    return (0, jsx_runtime_1.jsx)(LayoutSelector_1.LayoutSelector, __assign({}, subProps.LayoutSelector));
+                    return (0, jsx_runtime_1.jsx)(LayoutSelector_1.LayoutSelector, { ...subProps.LayoutSelector });
                 }
                 break;
             case 'paginationInfo':
                 if (hasResults) {
-                    return (0, jsx_runtime_1.jsx)(PaginationInfo_1.PaginationInfo, __assign({}, subProps.PaginationInfo));
+                    return (0, jsx_runtime_1.jsx)(PaginationInfo_1.PaginationInfo, { ...subProps.PaginationInfo });
                 }
                 break;
             case 'sortBy':
                 if (hasResults) {
-                    return (0, jsx_runtime_1.jsx)(SortBy_1.SortBy, __assign({}, subProps.SortBy));
+                    return (0, jsx_runtime_1.jsx)(SortBy_1.SortBy, { ...subProps.SortBy });
                 }
                 break;
             case 'perPage':
                 if (hasResults) {
-                    return (0, jsx_runtime_1.jsx)(PerPage_1.PerPage, __assign({}, subProps.PerPage));
+                    return (0, jsx_runtime_1.jsx)(PerPage_1.PerPage, { ...subProps.PerPage });
                 }
                 break;
             case 'button.sidebar-toggle':
                 if (hasResults) {
-                    return (ToggleSideBarButton && ((0, jsx_runtime_1.jsx)("div", { className: "ss__layout__sidebar-toggle-button-wrapper", children: (0, jsx_runtime_1.jsx)(Button_1.Button, __assign({}, subProps.ToggleSideBarButton)) })));
+                    return (ToggleSideBarButton && ((0, jsx_runtime_1.jsx)("div", { className: "ss__layout__sidebar-toggle-button-wrapper", children: (0, jsx_runtime_1.jsx)(Button_1.Button, { ...subProps.ToggleSideBarButton }) })));
                 }
                 break;
             case 'pagination':
                 if (hasResults) {
-                    if ((_b = (_a = controller.store.config.settings) === null || _a === void 0 ? void 0 : _a.infinite) === null || _b === void 0 ? void 0 : _b.enabled) {
-                        return (0, jsx_runtime_1.jsx)(LoadMore_1.LoadMore, __assign({}, subProps.LoadMore));
+                    if (controller.store.config.settings?.infinite?.enabled) {
+                        return (0, jsx_runtime_1.jsx)(LoadMore_1.LoadMore, { ...subProps.LoadMore });
                     }
                     else {
-                        return (0, jsx_runtime_1.jsx)(Pagination_1.Pagination, __assign({}, subProps.Pagination));
+                        return (0, jsx_runtime_1.jsx)(Pagination_1.Pagination, { ...subProps.Pagination });
                     }
                 }
                 break;
             case 'breadcrumbs':
                 if (hasResults) {
-                    return (0, jsx_runtime_1.jsx)(Breadcrumbs_1.Breadcrumbs, __assign({}, subProps.Breadcrumbs));
+                    return (0, jsx_runtime_1.jsx)(Breadcrumbs_1.Breadcrumbs, { ...subProps.Breadcrumbs });
                 }
                 break;
             case '_':
-                return (0, jsx_runtime_1.jsx)("div", { className: "ss__layout__separator ss__layout__separator--".concat(separatorIndex++) });
+                return (0, jsx_runtime_1.jsx)("div", { className: `ss__layout__separator ss__layout__separator--${separatorIndex++}` });
             case 'banner.banner':
-                return (0, jsx_runtime_1.jsx)(Banner_1.Banner, __assign({}, subProps.Banner, { type: snap_store_mobx_1.ContentType.BANNER, name: 'banner' }));
+                return (0, jsx_runtime_1.jsx)(Banner_1.Banner, { ...subProps.Banner, type: snap_store_mobx_1.ContentType.BANNER, name: 'banner' });
             case 'banner.footer':
-                return (0, jsx_runtime_1.jsx)(Banner_1.Banner, __assign({}, subProps.Banner, { type: snap_store_mobx_1.ContentType.FOOTER, name: 'footer' }));
+                return (0, jsx_runtime_1.jsx)(Banner_1.Banner, { ...subProps.Banner, type: snap_store_mobx_1.ContentType.FOOTER, name: 'footer' });
             case 'banner.header':
-                return (0, jsx_runtime_1.jsx)(Banner_1.Banner, __assign({}, subProps.Banner, { type: snap_store_mobx_1.ContentType.HEADER, name: 'header' }));
+                return (0, jsx_runtime_1.jsx)(Banner_1.Banner, { ...subProps.Banner, type: snap_store_mobx_1.ContentType.HEADER, name: 'header' });
             case 'banner.left':
-                return (0, jsx_runtime_1.jsx)(Banner_1.Banner, __assign({}, subProps.Banner, { type: snap_store_mobx_1.ContentType.LEFT, name: 'left' }));
+                return (0, jsx_runtime_1.jsx)(Banner_1.Banner, { ...subProps.Banner, type: snap_store_mobx_1.ContentType.LEFT, name: 'left' });
             case 'facets':
                 if (hasResults) {
-                    return (0, jsx_runtime_1.jsx)(Facets_1.Facets, __assign({}, subProps.Facets));
+                    return (0, jsx_runtime_1.jsx)(Facets_1.Facets, { ...subProps.Facets });
                 }
                 break;
             case 'facetsHorizontal':
                 if (hasResults) {
-                    return (0, jsx_runtime_1.jsx)(FacetsHorizontal_1.FacetsHorizontal, __assign({}, subProps.Facets));
+                    return (0, jsx_runtime_1.jsx)(FacetsHorizontal_1.FacetsHorizontal, { ...subProps.Facets });
                 }
                 break;
             default:
                 return null;
         }
     }
-    var rowIndex = 0;
-    var separatorIndex = 0;
-    var rows = layout === null || layout === void 0 ? void 0 : layout.map(function (module) {
+    let rowIndex = 0;
+    let separatorIndex = 0;
+    const rows = layout?.map((module) => {
         if (Array.isArray(module)) {
-            var children_1 = module.map(function (subModule) { return renderModule(subModule); });
-            var hasContent = module.some(function (subModule, i) { return subModule !== '_' && children_1[i]; });
+            const children = module.map((subModule) => renderModule(subModule));
+            const hasContent = module.some((subModule, i) => subModule !== '_' && children[i]);
             if (!hasContent)
                 return null;
-            return (0, jsx_runtime_1.jsx)("div", { className: "ss__layout__row ss__layout__row--".concat(rowIndex++), children: children_1 });
+            return (0, jsx_runtime_1.jsx)("div", { className: `ss__layout__row ss__layout__row--${rowIndex++}`, children: children });
         }
         else {
             return renderModule(module);
         }
     });
-    return (rows === null || rows === void 0 ? void 0 : rows.some(Boolean)) ? ((0, jsx_runtime_1.jsx)(providers_1.CacheProvider, { children: (0, jsx_runtime_1.jsx)("div", __assign({}, styling, { className: (0, classnames_1.default)('ss__layout', className, internalClassName), children: rows })) })) : null;
+    return rows?.some(Boolean) ? ((0, jsx_runtime_1.jsx)(providers_1.CacheProvider, { children: (0, jsx_runtime_1.jsx)("div", { ...styling, className: (0, classnames_1.default)('ss__layout', className, internalClassName), children: rows }) })) : null;
 });

package/dist/cjs/components/src/components/Organisms/NoResults/NoResults.js

@@ -1,44 +1,32 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.NoResults = void 0;
-var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-var mobx_react_lite_1 = require("mobx-react-lite");
-var react_1 = require("@emotion/react");
-var classnames_1 = __importDefault(require("classnames"));
-var providers_1 = require("../../../providers");
-var utilities_1 = require("../../../utilities");
-var snap_toolbox_1 = require("@athoscommerce/snap-toolbox");
-var useCreateController_1 = require("../../../hooks/useCreateController");
-var deepmerge_1 = __importDefault(require("deepmerge"));
-var hooks_1 = require("../../../hooks");
-var defaultStyles = function (_a) {
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const mobx_react_lite_1 = require("mobx-react-lite");
+const react_1 = require("@emotion/react");
+const classnames_1 = __importDefault(require("classnames"));
+const providers_1 = require("../../../providers");
+const utilities_1 = require("../../../utilities");
+const snap_toolbox_1 = require("@athoscommerce/snap-toolbox");
+const useCreateController_1 = require("../../../hooks/useCreateController");
+const deepmerge_1 = __importDefault(require("deepmerge"));
+const hooks_1 = require("../../../hooks");
+const defaultStyles = ({}) => {
     return (0, react_1.css)({});
 };
-exports.NoResults = (0, mobx_react_lite_1.observer)(function (properties) {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t;
-    var globalTheme = (0, providers_1.useTheme)();
-    var snap = (0, providers_1.useSnap)();
-    var globalTreePath = (0, providers_1.useTreePath)();
-    var defaultProps = {
-        suggestionsTitleText: "Suggestions",
+exports.NoResults = (0, mobx_react_lite_1.observer)((properties) => {
+    const globalTheme = (0, providers_1.useTheme)();
+    const snap = (0, providers_1.useSnap)();
+    const globalTreePath = (0, providers_1.useTreePath)();
+    const defaultProps = {
+        suggestionsTitleText: `Suggestions`,
         suggestionsList: [
-            "Check for misspellings.",
-            "Remove possible redundant keywords (ie. \"products\").",
-            "Use other words to describe what you are searching for.",
+            `Check for misspellings.`,
+            `Remove possible redundant keywords (ie. "products").`,
+            `Use other words to describe what you are searching for.`,
         ],
         templates: {
             recommendation: {
@@ -47,73 +35,72 @@ exports.NoResults = (0, mobx_react_lite_1.observer)(function (properties) {
         },
         treePath: globalTreePath,
     };
-    var props = (0, utilities_1.mergeProps)('noResults', globalTheme, defaultProps, properties);
-    var contentSlot = props.contentSlot, suggestionsTitleText = props.suggestionsTitleText, hideSuggestionsTitleText = props.hideSuggestionsTitleText, hideContactsTitleText = props.hideContactsTitleText, suggestionsList = props.suggestionsList, hideContact = props.hideContact, contactsTitleText = props.contactsTitleText, hideSuggestions = props.hideSuggestions, contactsList = props.contactsList, controller = props.controller, templates = props.templates, className = props.className, internalClassName = props.internalClassName, treePath = props.treePath;
-    var _u = (0, hooks_1.useCustomComponentOverride)('noResults', props), overrideElement = _u.overrideElement, shouldRenderDefault = _u.shouldRenderDefault;
+    const props = (0, utilities_1.mergeProps)('noResults', globalTheme, defaultProps, properties);
+    const { contentSlot, suggestionsTitleText, hideSuggestionsTitleText, hideContactsTitleText, suggestionsList, hideContact, contactsTitleText, hideSuggestions, contactsList, controller, templates, className, internalClassName, treePath, } = props;
+    const { overrideElement, shouldRenderDefault } = (0, hooks_1.useCustomComponentOverride)('noResults', props);
     if (!shouldRenderDefault) {
         return overrideElement;
     }
-    var styling = (0, utilities_1.mergeStyles)(props, defaultStyles);
-    var suggestionsExist = suggestionsList && Array.isArray(suggestionsList) && suggestionsList.length !== 0;
-    var contactsExist = contactsList && Array.isArray(contactsList) && contactsList.length !== 0;
-    var recommendationTemplatesEnabled = Boolean((_a = templates === null || templates === void 0 ? void 0 : templates.recommendation) === null || _a === void 0 ? void 0 : _a.enabled);
-    var recommendationComponentName = recommendationTemplatesEnabled ? ((_b = templates === null || templates === void 0 ? void 0 : templates.recommendation) === null || _b === void 0 ? void 0 : _b.component) || 'Recommendation' : undefined;
-    var recommendationResultComponentName = recommendationTemplatesEnabled
-        ? String(((_c = templates === null || templates === void 0 ? void 0 : templates.recommendation) === null || _c === void 0 ? void 0 : _c.resultComponent) || 'Result')
+    const styling = (0, utilities_1.mergeStyles)(props, defaultStyles);
+    const suggestionsExist = suggestionsList && Array.isArray(suggestionsList) && suggestionsList.length !== 0;
+    const contactsExist = contactsList && Array.isArray(contactsList) && contactsList.length !== 0;
+    const recommendationTemplatesEnabled = Boolean(templates?.recommendation?.enabled);
+    const recommendationComponentName = recommendationTemplatesEnabled ? templates?.recommendation?.component || 'Recommendation' : undefined;
+    const recommendationResultComponentName = recommendationTemplatesEnabled
+        ? String(templates?.recommendation?.resultComponent || 'Result')
         : undefined;
-    var recommendationTemplateComponentMap = ((_d = snap === null || snap === void 0 ? void 0 : snap.templates) === null || _d === void 0 ? void 0 : _d.library.import.component.recommendation.default) || {};
-    var recommendationTemplateResultComponentMap = ((_e = snap === null || snap === void 0 ? void 0 : snap.templates) === null || _e === void 0 ? void 0 : _e.library.import.component.result) || {};
-    var _v = (0, hooks_1.useComponent)(recommendationTemplateComponentMap, recommendationComponentName), namedRecommendationTemplateComponent = _v.ComponentOverride, shouldWaitForNamedRecommendationTemplateComponent = _v.shouldWaitForNamedOverride;
-    var _w = (0, hooks_1.useComponent)(recommendationTemplateResultComponentMap, recommendationResultComponentName), namedRecommendationTemplateResultComponent = _w.ComponentOverride, shouldWaitForNamedRecommendationTemplateResultComponent = _w.shouldWaitForNamedOverride;
-    var recommendationTemplateComponent = namedRecommendationTemplateComponent;
-    var recommendationTemplateResultComponent = namedRecommendationTemplateResultComponent;
-    var recsController;
+    const recommendationTemplateComponentMap = snap?.templates?.library.import.component.recommendation.default || {};
+    const recommendationTemplateResultComponentMap = snap?.templates?.library.import.component.result || {};
+    const { ComponentOverride: namedRecommendationTemplateComponent, shouldWaitForNamedOverride: shouldWaitForNamedRecommendationTemplateComponent } = (0, hooks_1.useComponent)(recommendationTemplateComponentMap, recommendationComponentName);
+    const { ComponentOverride: namedRecommendationTemplateResultComponent, shouldWaitForNamedOverride: shouldWaitForNamedRecommendationTemplateResultComponent, } = (0, hooks_1.useComponent)(recommendationTemplateResultComponentMap, recommendationResultComponentName);
+    const recommendationTemplateComponent = namedRecommendationTemplateComponent;
+    const recommendationTemplateResultComponent = namedRecommendationTemplateResultComponent;
+    let recsController;
     if (recommendationTemplatesEnabled) {
-        if (snap === null || snap === void 0 ? void 0 : snap.templates) {
-            var mergedConfig = Object.assign({
+        if (snap?.templates) {
+            const mergedConfig = Object.assign({
                 id: '',
                 tag: 'no-results',
                 branch: 'production',
-            }, (_f = templates === null || templates === void 0 ? void 0 : templates.recommendation) === null || _f === void 0 ? void 0 : _f.config);
-            mergedConfig.id = mergedConfig.id || "search-".concat(mergedConfig.tag);
+            }, templates?.recommendation?.config);
+            mergedConfig.id = mergedConfig.id || `search-${mergedConfig.tag}`;
             recsController = (0, useCreateController_1.useCreateController)(snap, 'recommendation', mergedConfig);
-            if (!((_g = recsController === null || recsController === void 0 ? void 0 : recsController.store) === null || _g === void 0 ? void 0 : _g.loaded) && !((_h = recsController === null || recsController === void 0 ? void 0 : recsController.store) === null || _h === void 0 ? void 0 : _h.loading) && ((_j = recsController === null || recsController === void 0 ? void 0 : recsController.store.error) === null || _j === void 0 ? void 0 : _j.type) !== 'error') {
-                recsController === null || recsController === void 0 ? void 0 : recsController.search();
+            if (!recsController?.store?.loaded && !recsController?.store?.loading && recsController?.store.error?.type !== 'error') {
+                recsController?.search();
             }
         }
     }
-    var RecommendationTemplateComponent = recommendationTemplateComponent;
-    var RecommendationTemplateResultComponent = recommendationTemplateResultComponent;
+    const RecommendationTemplateComponent = recommendationTemplateComponent;
+    const RecommendationTemplateResultComponent = recommendationTemplateResultComponent;
     //deep merge with props.lang
-    var defaultLang = {
+    const defaultLang = {
         suggestionsTitleText: {
             value: suggestionsTitleText,
         },
         suggestionsList: {
-            value: "".concat(suggestionsList
-                ? suggestionsList.map(function (suggestion) { return "<li class=\"ss__no-results__suggestions__list__option\">".concat(suggestion, "</li>"); }).join('')
-                : undefined, "\n\t\t\t"),
+            value: `${suggestionsList
+                ? suggestionsList.map((suggestion) => `<li class="ss__no-results__suggestions__list__option">${suggestion}</li>`).join('')
+                : undefined}
+			`,
         },
         contactsTitleText: {
             value: contactsTitleText,
         },
         contactsList: {
-            value: "".concat(contactsList
+            value: `${contactsList
                 ? contactsList
-                    .map(function (contact) {
-                    return "<div class='ss__no-results__contact__detail ss__no-results__contact__detail--".concat(snap_toolbox_1.filters.handleize(contact.title), "'><h4 class=\"ss__no-results__contact__detail__title\">").concat(contact.title, "</h4><p class=\"ss__no-results__contact__detail__content\">").concat(contact.content, "</p></div>");
-                })
+                    .map((contact) => `<div class='ss__no-results__contact__detail ss__no-results__contact__detail--${snap_toolbox_1.filters.handleize(contact.title)}'><h4 class="ss__no-results__contact__detail__title">${contact.title}</h4><p class="ss__no-results__contact__detail__content">${contact.content}</p></div>`)
                     .join('')
-                : undefined),
+                : undefined}`,
         },
     };
-    var lang = (0, deepmerge_1.default)(defaultLang, props.lang || {});
-    var mergedLang = (0, hooks_1.useLang)(lang, {
+    const lang = (0, deepmerge_1.default)(defaultLang, props.lang || {});
+    const mergedLang = (0, hooks_1.useLang)(lang, {
         controller: controller,
-    });
-    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)('ss__no-results', className, internalClassName) }, styling, { children: [contentSlot &&
-                (typeof contentSlot == 'string' ? ((0, jsx_runtime_1.jsx)("div", { className: "ss__no-results__slot", dangerouslySetInnerHTML: { __html: contentSlot } })) : ((0, jsx_runtime_1.jsx)("div", { className: "ss__no-results__slot", children: (0, utilities_1.cloneWithProps)(contentSlot, { controller: controller, treePath: treePath }) }))), !hideSuggestions && (suggestionsTitleText || suggestionsExist) && ((0, jsx_runtime_1.jsxs)("div", { className: "ss__no-results__suggestions", children: [suggestionsTitleText && !hideSuggestionsTitleText && ((0, jsx_runtime_1.jsx)("h3", __assign({ className: "ss__no-results__suggestions__title" }, (_k = mergedLang.suggestionsTitleText) === null || _k === void 0 ? void 0 : _k.all))), suggestionsExist && (0, jsx_runtime_1.jsx)("ul", __assign({ className: "ss__no-results__suggestions__list" }, (_l = mergedLang.suggestionsList) === null || _l === void 0 ? void 0 : _l.all))] })), !hideContact && (contactsTitleText || contactsExist) && ((0, jsx_runtime_1.jsxs)("div", { className: "ss__no-results__contact", children: [contactsTitleText && !hideContactsTitleText && (0, jsx_runtime_1.jsx)("h3", __assign({ className: "ss__no-results__contact__title" }, (_m = mergedLang.contactsTitleText) === null || _m === void 0 ? void 0 : _m.all)), contactsExist && (0, jsx_runtime_1.jsx)("div", __assign({}, (_o = mergedLang.contactsList) === null || _o === void 0 ? void 0 : _o.all))] })), RecommendationTemplateComponent &&
-                ((_p = recsController === null || recsController === void 0 ? void 0 : recsController.store) === null || _p === void 0 ? void 0 : _p.loaded) &&
+    }, { activeBreakpoint: globalTheme?.activeBreakpoint });
+    return ((0, jsx_runtime_1.jsxs)("div", { className: (0, classnames_1.default)('ss__no-results', className, internalClassName), ...styling, children: [contentSlot &&
+                (typeof contentSlot == 'string' ? ((0, jsx_runtime_1.jsx)("div", { className: "ss__no-results__slot", dangerouslySetInnerHTML: { __html: contentSlot } })) : ((0, jsx_runtime_1.jsx)("div", { className: "ss__no-results__slot", children: (0, utilities_1.cloneWithProps)(contentSlot, { controller, treePath }) }))), !hideSuggestions && (suggestionsTitleText || suggestionsExist) && ((0, jsx_runtime_1.jsxs)("div", { className: "ss__no-results__suggestions", children: [suggestionsTitleText && !hideSuggestionsTitleText && ((0, jsx_runtime_1.jsx)("h3", { className: "ss__no-results__suggestions__title", ...mergedLang.suggestionsTitleText?.all })), suggestionsExist && (0, jsx_runtime_1.jsx)("ul", { className: "ss__no-results__suggestions__list", ...mergedLang.suggestionsList?.all })] })), !hideContact && (contactsTitleText || contactsExist) && ((0, jsx_runtime_1.jsxs)("div", { className: "ss__no-results__contact", children: [contactsTitleText && !hideContactsTitleText && (0, jsx_runtime_1.jsx)("h3", { className: "ss__no-results__contact__title", ...mergedLang.contactsTitleText?.all }), contactsExist && (0, jsx_runtime_1.jsx)("div", { ...mergedLang.contactsList?.all })] })), RecommendationTemplateComponent &&
+                recsController?.store?.loaded &&
                 !shouldWaitForNamedRecommendationTemplateComponent &&
-                !shouldWaitForNamedRecommendationTemplateResultComponent ? ((0, jsx_runtime_1.jsx)("div", { className: "ss__no-results__recommendations", children: (0, jsx_runtime_1.jsx)(RecommendationTemplateComponent, { controller: recsController, title: (_t = (_s = (_r = (_q = recsController.store) === null || _q === void 0 ? void 0 : _q.profile) === null || _r === void 0 ? void 0 : _r.display) === null || _s === void 0 ? void 0 : _s.templateParameters) === null || _t === void 0 ? void 0 : _t.title, resultComponent: RecommendationTemplateResultComponent, name: 'noResultsRecommendations' }) })) : null] })));
+                !shouldWaitForNamedRecommendationTemplateResultComponent ? ((0, jsx_runtime_1.jsx)("div", { className: "ss__no-results__recommendations", children: (0, jsx_runtime_1.jsx)(RecommendationTemplateComponent, { controller: recsController, title: recsController.store?.profile?.display?.templateParameters?.title, resultComponent: RecommendationTemplateResultComponent, name: 'noResultsRecommendations' }) })) : null] }));
 });