@athoscommerce/snap-preact 1.1.5 → 1.2.0

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

@@ -30,8 +30,9 @@ var defaultStyles = function (_a) {
     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, _u, _v, _w, _x;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v;
     var globalTheme = (0, providers_1.useTheme)();
+    var snap = (0, providers_1.useSnap)();
     var globalTreePath = (0, providers_1.useTreePath)();
     var defaultProps = {
         suggestionsTitleText: "Suggestions",
@@ -48,38 +49,40 @@ 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 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, customComponent = props.customComponent;
+    if (customComponent) {
+        var ComponentOverride = (0, useComponent_1.useComponent)(((_a = snap === null || snap === void 0 ? void 0 : snap.templates) === null || _a === void 0 ? void 0 : _a.library.import.component.noResults) || {}, customComponent);
+        if (ComponentOverride) {
+            return (0, jsx_runtime_1.jsx)(ComponentOverride, __assign({}, props));
+        }
+    }
     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 recommendationTemplateComponent;
     var recommendationTemplateResultComponent;
     var recsController;
-    if ((_a = templates === null || templates === void 0 ? void 0 : templates.recommendation) === null || _a === void 0 ? void 0 : _a.enabled) {
-        var componentName = ((_b = templates === null || templates === void 0 ? void 0 : templates.recommendation) === null || _b === void 0 ? void 0 : _b.component) || 'Recommendation';
-        var snap = (0, providers_1.useSnap)();
-        if (snap === null || snap === void 0 ? void 0 : snap.templates) {
-            var themeName = (_c = properties.theme) === null || _c === void 0 ? void 0 : _c.name;
-            var defaultResultComponentFromTheme = void 0;
-            if (themeName) {
-                defaultResultComponentFromTheme = (_e = (_d = snap === null || snap === void 0 ? void 0 : snap.templates) === null || _d === void 0 ? void 0 : _d.config.theme) === null || _e === void 0 ? void 0 : _e.resultComponent;
-            }
-            var resultComponentName = (((_f = templates === null || templates === void 0 ? void 0 : templates.recommendation) === null || _f === void 0 ? void 0 : _f.resultComponent) || defaultResultComponentFromTheme);
+    if ((_b = templates === null || templates === void 0 ? void 0 : templates.recommendation) === null || _b === void 0 ? void 0 : _b.enabled) {
+        var componentName = ((_c = templates === null || templates === void 0 ? void 0 : templates.recommendation) === null || _c === void 0 ? void 0 : _c.component) || 'Recommendation';
+        var snap_1 = (0, providers_1.useSnap)();
+        if (snap_1 === null || snap_1 === void 0 ? void 0 : snap_1.templates) {
+            var defaultResultComponentFromTheme = 'Result';
+            var resultComponentName = (((_d = templates === null || templates === void 0 ? void 0 : templates.recommendation) === null || _d === void 0 ? void 0 : _d.resultComponent) || defaultResultComponentFromTheme);
             var mergedConfig = Object.assign({
                 id: '',
                 tag: 'no-results',
                 branch: 'production',
             }, templates.recommendation.config);
             mergedConfig.id = mergedConfig.id || "search-".concat(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 = (0, useCreateController_1.useCreateController)(snap_1, 'recommendation', mergedConfig);
+            if (!((_e = recsController === null || recsController === void 0 ? void 0 : recsController.store) === null || _e === void 0 ? void 0 : _e.loaded) && !((_f = recsController === null || recsController === void 0 ? void 0 : recsController.store) === null || _f === void 0 ? void 0 : _f.loading) && ((_g = recsController === null || recsController === void 0 ? void 0 : recsController.store.error) === null || _g === void 0 ? void 0 : _g.type) !== 'error') {
                 recsController === null || recsController === void 0 ? void 0 : recsController.search();
             }
-            if (resultComponentName && ((_k = snap === null || snap === void 0 ? void 0 : snap.templates) === null || _k === void 0 ? void 0 : _k.library.import.component.result)) {
-                recommendationTemplateResultComponent = (0, useComponent_1.useComponent)((_l = snap === null || snap === void 0 ? void 0 : snap.templates) === null || _l === void 0 ? void 0 : _l.library.import.component.result, resultComponentName);
+            if (resultComponentName && ((_h = snap_1 === null || snap_1 === void 0 ? void 0 : snap_1.templates) === null || _h === void 0 ? void 0 : _h.library.import.component.result)) {
+                recommendationTemplateResultComponent = (0, useComponent_1.useComponent)((_j = snap_1 === null || snap_1 === void 0 ? void 0 : snap_1.templates) === null || _j === void 0 ? void 0 : _j.library.import.component.result, resultComponentName);
             }
-            if (componentName && ((_m = snap === null || snap === void 0 ? void 0 : snap.templates) === null || _m === void 0 ? void 0 : _m.library.import.component.recommendation.default)) {
-                recommendationTemplateComponent = (0, useComponent_1.useComponent)((_o = snap === null || snap === void 0 ? void 0 : snap.templates) === null || _o === void 0 ? void 0 : _o.library.import.component.recommendation.default, componentName);
+            if (componentName && ((_k = snap_1 === null || snap_1 === void 0 ? void 0 : snap_1.templates) === null || _k === void 0 ? void 0 : _k.library.import.component.recommendation.default)) {
+                recommendationTemplateComponent = (0, useComponent_1.useComponent)((_l = snap_1 === null || snap_1 === void 0 ? void 0 : snap_1.templates) === null || _l === void 0 ? void 0 : _l.library.import.component.recommendation.default, componentName);
             }
         }
     }
@@ -113,5 +116,5 @@ exports.NoResults = (0, mobx_react_lite_1.observer)(function (properties) {
         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" }, (_p = mergedLang.suggestionsTitleText) === null || _p === void 0 ? void 0 : _p.all))), suggestionsExist && (0, jsx_runtime_1.jsx)("ul", __assign({ className: "ss__no-results__suggestions__list" }, (_q = mergedLang.suggestionsList) === null || _q === void 0 ? void 0 : _q.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" }, (_r = mergedLang.contactsTitleText) === null || _r === void 0 ? void 0 : _r.all)), contactsExist && (0, jsx_runtime_1.jsx)("div", __assign({}, (_s = mergedLang.contactsList) === null || _s === void 0 ? void 0 : _s.all))] })), RecommendationTemplateComponent && ((_t = recsController === null || recsController === void 0 ? void 0 : recsController.store) === null || _t === void 0 ? void 0 : _t.loaded) ? ((0, jsx_runtime_1.jsx)("div", { className: "ss__no-results__recommendations", children: (0, jsx_runtime_1.jsx)(RecommendationTemplateComponent, { controller: recsController, title: (_x = (_w = (_v = (_u = recsController.store) === null || _u === void 0 ? void 0 : _u.profile) === null || _v === void 0 ? void 0 : _v.display) === null || _w === void 0 ? void 0 : _w.templateParameters) === null || _x === void 0 ? void 0 : _x.title, resultComponent: RecommendationTemplateResultComponent, name: 'noResultsRecommendations' }) })) : null] })));
+                (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" }, (_m = mergedLang.suggestionsTitleText) === null || _m === void 0 ? void 0 : _m.all))), suggestionsExist && (0, jsx_runtime_1.jsx)("ul", __assign({ className: "ss__no-results__suggestions__list" }, (_o = mergedLang.suggestionsList) === null || _o === void 0 ? void 0 : _o.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" }, (_p = mergedLang.contactsTitleText) === null || _p === void 0 ? void 0 : _p.all)), contactsExist && (0, jsx_runtime_1.jsx)("div", __assign({}, (_q = mergedLang.contactsList) === null || _q === void 0 ? void 0 : _q.all))] })), RecommendationTemplateComponent && ((_r = recsController === null || recsController === void 0 ? void 0 : recsController.store) === null || _r === void 0 ? void 0 : _r.loaded) ? ((0, jsx_runtime_1.jsx)("div", { className: "ss__no-results__recommendations", children: (0, jsx_runtime_1.jsx)(RecommendationTemplateComponent, { controller: recsController, title: (_v = (_u = (_t = (_s = recsController.store) === null || _s === void 0 ? void 0 : _s.profile) === null || _t === void 0 ? void 0 : _t.display) === null || _u === void 0 ? void 0 : _u.templateParameters) === null || _v === void 0 ? void 0 : _v.title, resultComponent: RecommendationTemplateResultComponent, name: 'noResultsRecommendations' }) })) : null] })));
 });

package/dist/cjs/components/src/components/Organisms/Results/Results.d.ts

@@ -1,13 +1,13 @@
 import type { SearchController, AutocompleteController, RecommendationController } from '@athoscommerce/snap-controller';
 import type { SearchResultStore } from '@athoscommerce/snap-store-mobx';
-import { ComponentProps, ResultsLayout, BreakpointsProps, ResultComponent } from '../../../types';
+import { ComponentProps, ResultsLayout, BreakpointsProps, JSXComponent } from '../../../types';
 export declare const Results: ((properties: ResultsProps) => import("@emotion/react/jsx-runtime").JSX.Element | null) & {
     displayName: string;
 };
 export type ResultsProps = {
     breakpoints?: BreakpointsProps;
     controller?: SearchController | AutocompleteController | RecommendationController;
-    resultComponent?: ResultComponent | string;
+    resultComponent?: JSXComponent | JSX.Element;
     results?: SearchResultStore;
 } & ResultsTemplatesLegalProps & ComponentProps<ResultsProps>;
 export type ResultsTemplatesLegalProps = {

package/dist/cjs/components/src/components/Organisms/Results/Results.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Results.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Organisms/Results/Results.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,gBAAgB,EAAE,sBAAsB,EAAE,wBAAwB,EAAE,MAAM,gCAAgC,CAAC;AACzH,OAAO,KAAK,EAAE,iBAAiB,EAAmB,MAAM,gCAAgC,CAAC;AAIzF,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,gBAAgB,EAAE,eAAe,EAAe,MAAM,gBAAgB,CAAC;AA4C/G,eAAO,MAAM,OAAO,gBAAyB,YAAY;;CA6HvD,CAAC;AAEH,MAAM,MAAM,YAAY,GAAG;IAC1B,WAAW,CAAC,EAAE,gBAAgB,CAAC;IAC/B,UAAU,CAAC,EAAE,gBAAgB,GAAG,sBAAsB,GAAG,wBAAwB,CAAC;IAClF,eAAe,CAAC,EAAE,eAAe,GAAG,MAAM,CAAC;IAC3C,OAAO,CAAC,EAAE,iBAAiB,CAAC;CAC5B,GAAG,0BAA0B,GAC7B,cAAc,CAAC,YAAY,CAAC,CAAC;AAE9B,MAAM,MAAM,0BAA0B,GAAG;IACxC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,OAAO,aAAa,GAAG,aAAa,CAAC;CACpD,CAAC"}
+{"version":3,"file":"Results.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Organisms/Results/Results.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,gBAAgB,EAAE,sBAAsB,EAAE,wBAAwB,EAAE,MAAM,gCAAgC,CAAC;AACzH,OAAO,KAAK,EAAE,iBAAiB,EAAmB,MAAM,gCAAgC,CAAC;AAIzF,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,gBAAgB,EAAe,YAAY,EAAE,MAAM,gBAAgB,CAAC;AA4C5G,eAAO,MAAM,OAAO,gBAAyB,YAAY;;CAyHvD,CAAC;AAEH,MAAM,MAAM,YAAY,GAAG;IAC1B,WAAW,CAAC,EAAE,gBAAgB,CAAC;IAC/B,UAAU,CAAC,EAAE,gBAAgB,GAAG,sBAAsB,GAAG,wBAAwB,CAAC;IAClF,eAAe,CAAC,EAAE,YAAY,GAAG,GAAG,CAAC,OAAO,CAAC;IAC7C,OAAO,CAAC,EAAE,iBAAiB,CAAC;CAC5B,GAAG,0BAA0B,GAC7B,cAAc,CAAC,YAAY,CAAC,CAAC;AAE9B,MAAM,MAAM,0BAA0B,GAAG;IACxC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,OAAO,aAAa,GAAG,aAAa,CAAC;CACpD,CAAC"}

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

@@ -15,8 +15,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Results = void 0;
-var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
 var react_1 = require("@emotion/react");
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
 var mobx_react_lite_1 = require("mobx-react-lite");
 var react_2 = require("@emotion/react");
 var classnames_1 = __importDefault(require("classnames"));
@@ -65,8 +65,9 @@ var defaultStyles = function (_a) {
 };
 var TrackedResultComponent = (0, providers_1.withTracking)(Result_1.Result);
 exports.Results = (0, mobx_react_lite_1.observer)(function (properties) {
-    var _a, _b, _c, _d, _e, _f;
+    var _a, _b, _c, _d, _e;
     var globalTheme = (0, providers_1.useTheme)();
+    var snap = (0, providers_1.useSnap)();
     var globalTreePath = (0, providers_1.useTreePath)();
     var defaultBreakpointsProps = {
         0: {
@@ -97,8 +98,13 @@ exports.Results = (0, mobx_react_lite_1.observer)(function (properties) {
         var theme_1 = (0, deepmerge_1.default)((props === null || props === void 0 ? void 0 : props.theme) || {}, (displaySettings === null || displaySettings === void 0 ? void 0 : displaySettings.theme) || {}, { arrayMerge: function (destinationArray, sourceArray) { return sourceArray; } });
         props = __assign(__assign(__assign({}, props), displaySettings), { theme: theme_1 });
     }
-    var disableStyles = props.disableStyles, className = props.className, internalClassName = props.internalClassName, layout = props.layout, theme = props.theme, controller = props.controller, treePath = props.treePath;
-    var resultComponent = props.resultComponent;
+    var disableStyles = props.disableStyles, className = props.className, internalClassName = props.internalClassName, layout = props.layout, theme = props.theme, controller = props.controller, treePath = props.treePath, customComponent = props.customComponent, resultComponent = props.resultComponent;
+    if (customComponent) {
+        var ComponentOverride = (0, hooks_1.useComponent)(((_d = snap === null || snap === void 0 ? void 0 : snap.templates) === null || _d === void 0 ? void 0 : _d.library.import.component.results) || {}, customComponent);
+        if (ComponentOverride) {
+            return (0, jsx_runtime_1.jsx)(ComponentOverride, __assign({}, props));
+        }
+    }
     var subProps = {
         result: __assign(__assign({ 
             // default props
@@ -117,18 +123,9 @@ exports.Results = (0, mobx_react_lite_1.observer)(function (properties) {
     };
     var results = props.results;
     if ((props === null || props === void 0 ? void 0 : props.columns) && (props === null || props === void 0 ? void 0 : props.rows) && props.columns > 0 && props.rows > 0) {
-        results = (_d = props.results) === null || _d === void 0 ? void 0 : _d.slice(0, props.columns * props.rows);
+        results = (_e = props.results) === null || _e === void 0 ? void 0 : _e.slice(0, props.columns * props.rows);
     }
     var styling = (0, utilities_1.mergeStyles)(__assign(__assign({}, props), { columns: layout == types_1.ResultsLayout.list ? 1 : props.columns }), defaultStyles);
-    if (typeof resultComponent === 'string') {
-        var snap = (0, providers_1.useSnap)();
-        if ((_e = snap === null || snap === void 0 ? void 0 : snap.templates) === null || _e === void 0 ? void 0 : _e.library.import.component.result) {
-            resultComponent = (0, hooks_1.useComponent)((_f = snap === null || snap === void 0 ? void 0 : snap.templates) === null || _f === void 0 ? void 0 : _f.library.import.component.result, resultComponent);
-            if (!resultComponent) {
-                return null;
-            }
-        }
-    }
     return (results === null || results === void 0 ? void 0 : results.length) ? ((0, jsx_runtime_1.jsx)(providers_1.CacheProvider, { children: (0, jsx_runtime_1.jsx)("div", __assign({}, styling, { className: (0, classnames_1.default)('ss__results', "ss__results-".concat(props.layout), className, internalClassName), children: results.map(function (result) {
                 return (function () {
                     switch (result.type) {
@@ -136,8 +133,13 @@ exports.Results = (0, mobx_react_lite_1.observer)(function (properties) {
                             return (0, react_1.createElement)(InlineBanner_1.InlineBanner, __assign({}, subProps.inlineBanner, { key: result.id, banner: result, layout: props.layout }));
                         default:
                             if (resultComponent && controller) {
-                                var ResultComponent = resultComponent;
-                                return ((0, jsx_runtime_1.jsx)(ResultTracker_1.ResultTracker, { result: result, controller: controller, children: (0, jsx_runtime_1.jsx)(ResultComponent, { controller: controller, result: result, theme: theme, treePath: treePath }, result.id) }));
+                                return ((0, jsx_runtime_1.jsx)(ResultTracker_1.ResultTracker, { result: result, controller: controller, children: (0, utilities_1.cloneWithProps)(resultComponent, {
+                                        key: result.id,
+                                        controller: controller,
+                                        result: result,
+                                        theme: theme,
+                                        treePath: treePath,
+                                    }) }));
                             }
                             else {
                                 return ((0, jsx_runtime_1.jsx)(TrackedResultComponent, __assign({}, subProps.result, { result: result, layout: props.layout, controller: controller }), result.id));

package/dist/cjs/components/src/components/Organisms/Sidebar/Sidebar.d.ts

@@ -1,6 +1,6 @@
 import { ComponentProps } from '../../../types';
 import { SearchController } from '@athoscommerce/snap-controller';
-import { Lang } from '../../../hooks/useLang';
+import { Lang } from '../../../hooks';
 export declare const Sidebar: ((properties: SidebarProps) => import("@emotion/react/jsx-runtime").JSX.Element | null) & {
     displayName: string;
 };

package/dist/cjs/components/src/components/Organisms/Sidebar/Sidebar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Sidebar.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Organisms/Sidebar/Sidebar.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,cAAc,EAAe,MAAM,gBAAgB,CAAC;AAE7D,OAAO,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAGlE,OAAO,EAAE,IAAI,EAAW,MAAM,wBAAwB,CAAC;AAgBvD,eAAO,MAAM,OAAO,gBAAyB,YAAY;;CA4DvD,CAAC;AAEH,MAAM,MAAM,kBAAkB,GAAG,eAAe,GAAG,QAAQ,GAAG,SAAS,GAAG,QAAQ,GAAG,aAAa,GAAG,gBAAgB,GAAG,gBAAgB,GAAG,GAAG,CAAC;AAE/I,MAAM,MAAM,YAAY,GAAG;IAC1B,UAAU,EAAE,gBAAgB,CAAC;IAC7B,IAAI,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;CAC5B,GAAG,0BAA0B,GAC7B,cAAc,CAAC,YAAY,CAAC,CAAC;AAE9B,MAAM,MAAM,0BAA0B,GAAG;IACxC,MAAM,CAAC,EAAE,kBAAkB,EAAE,GAAG,kBAAkB,EAAE,EAAE,CAAC;IACvD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,MAAM,WAAW,WAAW;IAC3B,SAAS,EAAE,IAAI,CAAC;QACf,UAAU,EAAE,gBAAgB,CAAC;KAC7B,CAAC,CAAC;CACH"}
+{"version":3,"file":"Sidebar.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Organisms/Sidebar/Sidebar.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,cAAc,EAAe,MAAM,gBAAgB,CAAC;AAE7D,OAAO,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAGlE,OAAO,EAAE,IAAI,EAAyB,MAAM,gBAAgB,CAAC;AAiB7D,eAAO,MAAM,OAAO,gBAAyB,YAAY;;CAoEvD,CAAC;AAEH,MAAM,MAAM,kBAAkB,GAAG,eAAe,GAAG,QAAQ,GAAG,SAAS,GAAG,QAAQ,GAAG,aAAa,GAAG,gBAAgB,GAAG,gBAAgB,GAAG,GAAG,CAAC;AAE/I,MAAM,MAAM,YAAY,GAAG;IAC1B,UAAU,EAAE,gBAAgB,CAAC;IAC7B,IAAI,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;CAC5B,GAAG,0BAA0B,GAC7B,cAAc,CAAC,YAAY,CAAC,CAAC;AAE9B,MAAM,MAAM,0BAA0B,GAAG;IACxC,MAAM,CAAC,EAAE,kBAAkB,EAAE,GAAG,kBAAkB,EAAE,EAAE,CAAC;IACvD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,MAAM,WAAW,WAAW;IAC3B,SAAS,EAAE,IAAI,CAAC;QACf,UAAU,EAAE,gBAAgB,CAAC;KAC7B,CAAC,CAAC;CACH"}

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

@@ -23,7 +23,7 @@ var providers_1 = require("../../../providers");
 var utilities_1 = require("../../../utilities");
 var Layout_1 = require("../Layout");
 var deepmerge_1 = __importDefault(require("deepmerge"));
-var useLang_1 = require("../../../hooks/useLang");
+var hooks_1 = require("../../../hooks");
 var defaultStyles = function (_a) {
     var stickyOffset = _a.stickyOffset;
     return (0, react_1.css)({
@@ -38,8 +38,9 @@ var defaultStyles = function (_a) {
     });
 };
 exports.Sidebar = (0, mobx_react_lite_1.observer)(function (properties) {
-    var _a, _b, _c;
+    var _a, _b, _c, _d;
     var globalTheme = (0, providers_1.useTheme)();
+    var snap = (0, providers_1.useSnap)();
     var globalTreePath = (0, providers_1.useTreePath)();
     var defaultProps = {
         titleText: 'Filters',
@@ -47,7 +48,13 @@ exports.Sidebar = (0, mobx_react_lite_1.observer)(function (properties) {
         layout: [['filterSummary'], ['sortBy', 'perPage'], ['facets'], ['banner.left']],
     };
     var props = (0, utilities_1.mergeProps)('sidebar', globalTheme, defaultProps, properties);
-    var controller = props.controller, layout = props.layout, hideTitleText = props.hideTitleText, titleText = props.titleText, sticky = props.sticky, disableStyles = props.disableStyles, className = props.className, internalClassName = props.internalClassName, treePath = props.treePath;
+    var controller = props.controller, layout = props.layout, hideTitleText = props.hideTitleText, titleText = props.titleText, sticky = props.sticky, disableStyles = props.disableStyles, className = props.className, internalClassName = props.internalClassName, treePath = props.treePath, customComponent = props.customComponent;
+    if (customComponent) {
+        var ComponentOverride = (0, hooks_1.useComponent)(((_a = snap === null || snap === void 0 ? void 0 : snap.templates) === null || _a === void 0 ? void 0 : _a.library.import.component.sidebar) || {}, customComponent);
+        if (ComponentOverride) {
+            return (0, jsx_runtime_1.jsx)(ComponentOverride, __assign({}, props));
+        }
+    }
     var styling = (0, utilities_1.mergeStyles)(props, defaultStyles);
     //initialize lang
     var defaultLang = {
@@ -57,7 +64,7 @@ exports.Sidebar = (0, mobx_react_lite_1.observer)(function (properties) {
     };
     //deep merge with props.lang
     var lang = (0, deepmerge_1.default)(defaultLang, props.lang || {});
-    var mergedLang = (0, useLang_1.useLang)(lang, {
+    var mergedLang = (0, hooks_1.useLang)(lang, {
         controller: controller,
     });
     var subProps = {
@@ -68,5 +75,5 @@ exports.Sidebar = (0, mobx_react_lite_1.observer)(function (properties) {
             theme: props.theme, treePath: treePath }),
     };
     var hasChildrenToRender = layout === null || layout === void 0 ? void 0 : layout.length;
-    return ((_a = controller === null || controller === void 0 ? void 0 : controller.store) === null || _a === void 0 ? void 0 : _a.loaded) && ((_c = (_b = controller === null || controller === void 0 ? void 0 : controller.store) === null || _b === void 0 ? void 0 : _b.pagination) === null || _c === void 0 ? void 0 : _c.totalResults) > 0 && hasChildrenToRender ? ((0, jsx_runtime_1.jsx)(providers_1.CacheProvider, { children: (0, jsx_runtime_1.jsxs)("div", __assign({}, styling, { className: (0, classnames_1.default)('ss__sidebar', className, internalClassName, { 'ss__sidebar--sticky': sticky }), children: [!hideTitleText ? ((0, jsx_runtime_1.jsx)("h4", __assign({ className: (0, classnames_1.default)('ss__sidebar__title'), "aria-atomic": "true", "aria-live": "polite" }, mergedLang.titleText.all, { children: titleText }))) : ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {})), (0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)('ss__sidebar__inner'), children: (0, jsx_runtime_1.jsx)(Layout_1.Layout, __assign({ controller: controller, layout: layout }, subProps.Layout)) })] })) })) : null;
+    return ((_b = controller === null || controller === void 0 ? void 0 : controller.store) === null || _b === void 0 ? void 0 : _b.loaded) && ((_d = (_c = controller === null || controller === void 0 ? void 0 : controller.store) === null || _c === void 0 ? void 0 : _c.pagination) === null || _d === void 0 ? void 0 : _d.totalResults) > 0 && hasChildrenToRender ? ((0, jsx_runtime_1.jsx)(providers_1.CacheProvider, { children: (0, jsx_runtime_1.jsxs)("div", __assign({}, styling, { className: (0, classnames_1.default)('ss__sidebar', className, internalClassName, { 'ss__sidebar--sticky': sticky }), children: [!hideTitleText ? ((0, jsx_runtime_1.jsx)("h4", __assign({ className: (0, classnames_1.default)('ss__sidebar__title'), "aria-atomic": "true", "aria-live": "polite" }, mergedLang.titleText.all, { children: titleText }))) : ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {})), (0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)('ss__sidebar__inner'), children: (0, jsx_runtime_1.jsx)(Layout_1.Layout, __assign({ controller: controller, layout: layout }, subProps.Layout)) })] })) })) : null;
 });

package/dist/cjs/components/src/components/Organisms/TermsList/TermsList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TermsList.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Organisms/TermsList/TermsList.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,gCAAgC,CAAC;AAC7E,OAAO,EAAE,cAAc,EAAe,MAAM,gBAAgB,CAAC;AA8B7D,eAAO,MAAM,SAAS,gBAAyB,cAAc;;CAmI3D,CAAC;AAMH,MAAM,MAAM,oBAAoB,GAAG,UAAU,GAAG,aAAa,GAAG,SAAS,GAAG,GAAG,CAAC;AAEhF,MAAM,MAAM,cAAc,GAAG;IAC5B,UAAU,EAAE,sBAAsB,CAAC;CACnC,GAAG,4BAA4B,GAC/B,cAAc,CAAC,cAAc,CAAC,CAAC;AAEhC,MAAM,MAAM,4BAA4B,GAAG;IAC1C,MAAM,CAAC,EAAE,oBAAoB,EAAE,GAAG,oBAAoB,EAAE,EAAE,CAAC;IAC3D,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC"}
+{"version":3,"file":"TermsList.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Organisms/TermsList/TermsList.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,gCAAgC,CAAC;AAC7E,OAAO,EAAE,cAAc,EAAe,MAAM,gBAAgB,CAAC;AAgC7D,eAAO,MAAM,SAAS,gBAAyB,cAAc;;CA4I3D,CAAC;AAMH,MAAM,MAAM,oBAAoB,GAAG,UAAU,GAAG,aAAa,GAAG,SAAS,GAAG,GAAG,CAAC;AAEhF,MAAM,MAAM,cAAc,GAAG;IAC5B,UAAU,EAAE,sBAAsB,CAAC;CACnC,GAAG,4BAA4B,GAC/B,cAAc,CAAC,cAAc,CAAC,CAAC;AAEhC,MAAM,MAAM,4BAA4B,GAAG;IAC1C,MAAM,CAAC,EAAE,oBAAoB,EAAE,GAAG,oBAAoB,EAAE,EAAE,CAAC;IAC3D,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC"}

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

@@ -20,6 +20,7 @@ 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 hooks_1 = require("../../../hooks");
 var utilities_1 = require("../../../utilities");
 var Terms_1 = require("../../Molecules/Terms/Terms");
 var defaultStyles = function (_a) {
@@ -44,7 +45,9 @@ var defaultStyles = function (_a) {
     });
 };
 exports.TermsList = (0, mobx_react_lite_1.observer)(function (properties) {
+    var _a;
     var globalTheme = (0, providers_1.useTheme)();
+    var snap = (0, providers_1.useSnap)();
     var globalTreePath = (0, providers_1.useTreePath)();
     var defaultProps = {
         layout: [['Suggestions'], ['Trending'], ['History']],
@@ -54,7 +57,13 @@ exports.TermsList = (0, mobx_react_lite_1.observer)(function (properties) {
         treePath: globalTreePath,
     };
     var props = (0, utilities_1.mergeProps)('termsList', globalTheme, defaultProps, properties);
-    var layout = props.layout, historyTitle = props.historyTitle, verticalOptions = props.verticalOptions, trendingTitle = props.trendingTitle, suggestionTitle = props.suggestionTitle, retainHistory = props.retainHistory, retainTrending = props.retainTrending, treePath = props.treePath, disableStyles = props.disableStyles, className = props.className, internalClassName = props.internalClassName, controller = props.controller;
+    var layout = props.layout, historyTitle = props.historyTitle, verticalOptions = props.verticalOptions, trendingTitle = props.trendingTitle, suggestionTitle = props.suggestionTitle, retainHistory = props.retainHistory, retainTrending = props.retainTrending, treePath = props.treePath, disableStyles = props.disableStyles, className = props.className, internalClassName = props.internalClassName, controller = props.controller, customComponent = props.customComponent;
+    if (customComponent) {
+        var ComponentOverride = (0, hooks_1.useComponent)(((_a = snap === null || snap === void 0 ? void 0 : snap.templates) === null || _a === void 0 ? void 0 : _a.library.import.component.termsList) || {}, customComponent);
+        if (ComponentOverride) {
+            return (0, jsx_runtime_1.jsx)(ComponentOverride, __assign({}, props));
+        }
+    }
     var subProps = {
         terms: __assign(__assign({ vertical: verticalOptions ? true : false }, (0, utilities_1.defined)({
             disableStyles: disableStyles,
@@ -66,7 +75,7 @@ exports.TermsList = (0, mobx_react_lite_1.observer)(function (properties) {
     var trending = (controller === null || controller === void 0 ? void 0 : controller.store.trending) || [];
     var trendingActive = trending === null || trending === void 0 ? void 0 : trending.filter(function (term) { return term.active; }).pop();
     var historyActive = history === null || history === void 0 ? void 0 : history.filter(function (term) { return term.active; }).pop();
-    var _a = controller === null || controller === void 0 ? void 0 : controller.store, loaded = _a.loaded, results = _a.results, state = _a.state;
+    var _b = controller === null || controller === void 0 ? void 0 : controller.store, loaded = _b.loaded, results = _b.results, state = _b.state;
     var showTrending = false;
     if ((trending === null || trending === void 0 ? void 0 : trending.length) && ((retainTrending && loaded) || (!results.length && !state.input))) {
         showTrending = true;

package/dist/cjs/components/src/components/Organisms/Toolbar/Toolbar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Toolbar.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Organisms/Toolbar/Toolbar.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,cAAc,EAAe,MAAM,gBAAgB,CAAC;AAE7D,OAAO,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAElE,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAMjD,eAAO,MAAM,OAAO,gBAAyB,YAAY;;CAwCvD,CAAC;AAEH,MAAM,MAAM,YAAY,GAAG;IAC1B,UAAU,EAAE,gBAAgB,CAAC;IAC7B,IAAI,CAAC,EAAE,YAAY,CAAC;CACpB,GAAG,0BAA0B,GAC7B,cAAc,CAAC,YAAY,CAAC,CAAC;AAE9B,MAAM,MAAM,0BAA0B,GAAG;IACxC,MAAM,CAAC,EAAE,CAAC,WAAW,GAAG,WAAW,EAAE,CAAC,EAAE,CAAC;IACzC,mBAAmB,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;CAC3C,CAAC;AAEF,MAAM,MAAM,WAAW,GACpB,cAAc,GACd,eAAe,GACf,eAAe,GACf,gBAAgB,GAChB,SAAS,GACT,QAAQ,GACR,YAAY,GACZ,gBAAgB,GAChB,aAAa,GACb,GAAG,GACH,uBAAuB,GACvB,eAAe,GACf,eAAe,GACf,eAAe,GACf,kBAAkB,CAAC;AAEtB,MAAM,MAAM,YAAY,GAAG,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAC"}
+{"version":3,"file":"Toolbar.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Organisms/Toolbar/Toolbar.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,cAAc,EAAe,MAAM,gBAAgB,CAAC;AAE7D,OAAO,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAElE,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAMjD,eAAO,MAAM,OAAO,gBAAyB,YAAY;;CAgDvD,CAAC;AAEH,MAAM,MAAM,YAAY,GAAG;IAC1B,UAAU,EAAE,gBAAgB,CAAC;IAC7B,IAAI,CAAC,EAAE,YAAY,CAAC;CACpB,GAAG,0BAA0B,GAC7B,cAAc,CAAC,YAAY,CAAC,CAAC;AAE9B,MAAM,MAAM,0BAA0B,GAAG;IACxC,MAAM,CAAC,EAAE,CAAC,WAAW,GAAG,WAAW,EAAE,CAAC,EAAE,CAAC;IACzC,mBAAmB,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;CAC3C,CAAC;AAEF,MAAM,MAAM,WAAW,GACpB,cAAc,GACd,eAAe,GACf,eAAe,GACf,gBAAgB,GAChB,SAAS,GACT,QAAQ,GACR,YAAY,GACZ,gBAAgB,GAChB,aAAa,GACb,GAAG,GACH,uBAAuB,GACvB,eAAe,GACf,eAAe,GACf,eAAe,GACf,kBAAkB,CAAC;AAEtB,MAAM,MAAM,YAAY,GAAG,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAC"}

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

@@ -20,20 +20,29 @@ 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 hooks_1 = require("../../../hooks");
 var utilities_1 = require("../../../utilities");
 var Layout_1 = require("../Layout");
 var defaultStyles = function (_a) {
     return (0, react_1.css)({});
 };
 exports.Toolbar = (0, mobx_react_lite_1.observer)(function (properties) {
+    var _a;
     var globalTheme = (0, providers_1.useTheme)();
+    var snap = (0, providers_1.useSnap)();
     var globalTreePath = (0, providers_1.useTreePath)();
     var defaultProps = {
         treePath: globalTreePath,
         layout: ['mobileSidebar', 'filterSummary', 'paginationInfo', 'sortBy', 'perPage', 'pagination'],
     };
     var props = (0, utilities_1.mergeProps)('toolbar', globalTheme, defaultProps, properties);
-    var controller = props.controller, toggleSideBarButton = props.toggleSideBarButton, disableStyles = props.disableStyles, className = props.className, internalClassName = props.internalClassName, treePath = props.treePath, layout = props.layout;
+    var controller = props.controller, toggleSideBarButton = props.toggleSideBarButton, disableStyles = props.disableStyles, className = props.className, internalClassName = props.internalClassName, treePath = props.treePath, layout = props.layout, customComponent = props.customComponent;
+    if (customComponent) {
+        var ComponentOverride = (0, hooks_1.useComponent)(((_a = snap === null || snap === void 0 ? void 0 : snap.templates) === null || _a === void 0 ? void 0 : _a.library.import.component.toolbar) || {}, customComponent);
+        if (ComponentOverride) {
+            return (0, jsx_runtime_1.jsx)(ComponentOverride, __assign({}, props));
+        }
+    }
     var styling = (0, utilities_1.mergeStyles)(props, defaultStyles);
     var subProps = {
         Layout: __assign(__assign({ 

package/dist/cjs/components/src/components/Templates/AutocompleteFixed/AutocompleteFixed.d.ts

@@ -1,5 +1,5 @@
 import type { AutocompleteController } from '@athoscommerce/snap-controller';
-import { ComponentProps } from '../../../types';
+import { ComponentProps, JSXComponent } from '../../../types';
 import { AutocompleteLayoutProps } from '../../Organisms/AutocompleteLayout';
 export declare const AutocompleteFixed: ((properties: AutocompleteFixedProps) => import("@emotion/react/jsx-runtime").JSX.Element | null) & {
     displayName: string;
@@ -12,7 +12,8 @@ interface inputBounds {
 }
 export type AutocompleteFixedProps = {
     controller: AutocompleteController;
-} & AutocompleteFixedTemplatesLegalProps & ComponentProps<AutocompleteFixedProps>;
+    resultComponent?: JSXComponent | JSX.Element;
+} & AutocompleteFixedTemplatesLegalProps & Omit<ComponentProps, 'customComponent'>;
 export type AutocompleteFixedTemplatesLegalProps = {
     buttonSelector?: string | Element;
     overlayColor?: string;

package/dist/cjs/components/src/components/Templates/AutocompleteFixed/AutocompleteFixed.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AutocompleteFixed.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Templates/AutocompleteFixed/AutocompleteFixed.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,gCAAgC,CAAC;AAG7E,OAAO,EAAE,cAAc,EAAe,MAAM,gBAAgB,CAAC;AAC7D,OAAO,EAAsB,uBAAuB,EAAE,MAAM,oCAAoC,CAAC;AA8CjG,eAAO,MAAM,iBAAiB,gBAAyB,sBAAsB;;CAuM3E,CAAC;AAEH,UAAU,WAAW;IACpB,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CACf;AAQD,MAAM,MAAM,sBAAsB,GAAG;IACpC,UAAU,EAAE,sBAAsB,CAAC;CACnC,GAAG,oCAAoC,GACvC,cAAc,CAAC,sBAAsB,CAAC,CAAC;AAExC,MAAM,MAAM,oCAAoC,GAAG;IAClD,cAAc,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAClC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,MAAM,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC,CAAC;CAC9C,GAAG,uBAAuB,CAAC"}
+{"version":3,"file":"AutocompleteFixed.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Templates/AutocompleteFixed/AutocompleteFixed.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,gCAAgC,CAAC;AAG7E,OAAO,EAAE,cAAc,EAAe,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC3E,OAAO,EAAsB,uBAAuB,EAAE,MAAM,oCAAoC,CAAC;AA8CjG,eAAO,MAAM,iBAAiB,gBAAyB,sBAAsB;;CAuM3E,CAAC;AAEH,UAAU,WAAW;IACpB,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CACf;AAQD,MAAM,MAAM,sBAAsB,GAAG;IACpC,UAAU,EAAE,sBAAsB,CAAC;IACnC,eAAe,CAAC,EAAE,YAAY,GAAG,GAAG,CAAC,OAAO,CAAC;CAC7C,GAAG,oCAAoC,GACvC,IAAI,CAAC,cAAc,EAAE,iBAAiB,CAAC,CAAC;AAEzC,MAAM,MAAM,oCAAoC,GAAG;IAClD,cAAc,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAClC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,MAAM,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC,CAAC;CAC9C,GAAG,uBAAuB,CAAC"}

package/dist/cjs/components/src/components/Templates/AutocompleteModal/AutocompleteModal.d.ts

@@ -1,12 +1,13 @@
 import type { AutocompleteController } from '@athoscommerce/snap-controller';
-import { ComponentProps } from '../../../types';
+import { ComponentProps, JSXComponent } from '../../../types';
 import { AutocompleteLayoutProps } from '../../Organisms/AutocompleteLayout';
 export declare const AutocompleteModal: ((properties: AutocompleteModalProps) => import("@emotion/react/jsx-runtime").JSX.Element | null) & {
     displayName: string;
 };
 export type AutocompleteModalProps = {
     controller: AutocompleteController;
-} & AutocompleteModalTemplatesLegalProps & ComponentProps<AutocompleteModalProps>;
+    resultComponent?: JSXComponent | JSX.Element;
+} & AutocompleteModalTemplatesLegalProps & Omit<ComponentProps, 'customComponent'>;
 export type AutocompleteModalTemplatesLegalProps = {
     buttonSelector?: string | Element;
     overlayColor?: string;

package/dist/cjs/components/src/components/Templates/AutocompleteModal/AutocompleteModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AutocompleteModal.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Templates/AutocompleteModal/AutocompleteModal.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,gCAAgC,CAAC;AAG7E,OAAO,EAAE,cAAc,EAAe,MAAM,gBAAgB,CAAC;AAC7D,OAAO,EAAsB,uBAAuB,EAAE,MAAM,oCAAoC,CAAC;AA4DjG,eAAO,MAAM,iBAAiB,gBAAyB,sBAAsB;;CAkJ3E,CAAC;AAQH,MAAM,MAAM,sBAAsB,GAAG;IACpC,UAAU,EAAE,sBAAsB,CAAC;CACnC,GAAG,oCAAoC,GACvC,cAAc,CAAC,sBAAsB,CAAC,CAAC;AAExC,MAAM,MAAM,oCAAoC,GAAG;IAClD,cAAc,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAClC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,CAAC;CAChB,GAAG,uBAAuB,CAAC"}
+{"version":3,"file":"AutocompleteModal.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Templates/AutocompleteModal/AutocompleteModal.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,gCAAgC,CAAC;AAG7E,OAAO,EAAE,cAAc,EAAe,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC3E,OAAO,EAAsB,uBAAuB,EAAE,MAAM,oCAAoC,CAAC;AA4DjG,eAAO,MAAM,iBAAiB,gBAAyB,sBAAsB;;CAkJ3E,CAAC;AAQH,MAAM,MAAM,sBAAsB,GAAG;IACpC,UAAU,EAAE,sBAAsB,CAAC;IACnC,eAAe,CAAC,EAAE,YAAY,GAAG,GAAG,CAAC,OAAO,CAAC;CAC7C,GAAG,oCAAoC,GACvC,IAAI,CAAC,cAAc,EAAE,iBAAiB,CAAC,CAAC;AAEzC,MAAM,MAAM,oCAAoC,GAAG;IAClD,cAAc,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAClC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,CAAC;CAChB,GAAG,uBAAuB,CAAC"}

package/dist/cjs/components/src/components/Templates/AutocompleteSlideout/AutocompleteSlideout.d.ts

@@ -1,5 +1,5 @@
 import type { AutocompleteController } from '@athoscommerce/snap-controller';
-import { ComponentProps } from '../../../types';
+import { ComponentProps, JSXComponent } from '../../../types';
 import { AutocompleteLayoutProps } from '../../Organisms/AutocompleteLayout';
 import { SlideDirectionType } from '../../Molecules/Slideout';
 export declare const AutocompleteSlideout: ((properties: AutocompleteSlideoutProps) => import("@emotion/react/jsx-runtime").JSX.Element | null) & {
@@ -7,7 +7,8 @@ export declare const AutocompleteSlideout: ((properties: AutocompleteSlideoutPro
 };
 export type AutocompleteSlideoutProps = {
     controller: AutocompleteController;
-} & AutocompleteSlideoutTemplatesLegalProps & ComponentProps<AutocompleteSlideoutProps>;
+    resultComponent?: JSXComponent | JSX.Element;
+} & AutocompleteSlideoutTemplatesLegalProps & Omit<ComponentProps, 'customComponent'>;
 export type AutocompleteSlideoutTemplatesLegalProps = {
     overlayColor?: string;
     slideDirection?: SlideDirectionType;

package/dist/cjs/components/src/components/Templates/AutocompleteSlideout/AutocompleteSlideout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AutocompleteSlideout.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Templates/AutocompleteSlideout/AutocompleteSlideout.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,gCAAgC,CAAC;AAG7E,OAAO,EAAE,cAAc,EAAe,MAAM,gBAAgB,CAAC;AAC7D,OAAO,EAAsB,uBAAuB,EAAE,MAAM,oCAAoC,CAAC;AACjG,OAAO,EAAE,kBAAkB,EAA2B,MAAM,0BAA0B,CAAC;AAsBvF,eAAO,MAAM,oBAAoB,gBAAyB,yBAAyB;;CA0JjF,CAAC;AAOH,MAAM,MAAM,yBAAyB,GAAG;IACvC,UAAU,EAAE,sBAAsB,CAAC;CACnC,GAAG,uCAAuC,GAC1C,cAAc,CAAC,yBAAyB,CAAC,CAAC;AAE3C,MAAM,MAAM,uCAAuC,GAAG;IACrD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,kBAAkB,CAAC;IACpC,cAAc,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAClC,WAAW,CAAC,EAAE,OAAO,CAAC;CACtB,GAAG,uBAAuB,CAAC"}
+{"version":3,"file":"AutocompleteSlideout.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Templates/AutocompleteSlideout/AutocompleteSlideout.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,gCAAgC,CAAC;AAG7E,OAAO,EAAE,cAAc,EAAe,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC3E,OAAO,EAAsB,uBAAuB,EAAE,MAAM,oCAAoC,CAAC;AACjG,OAAO,EAAE,kBAAkB,EAA2B,MAAM,0BAA0B,CAAC;AAsBvF,eAAO,MAAM,oBAAoB,gBAAyB,yBAAyB;;CA0JjF,CAAC;AAOH,MAAM,MAAM,yBAAyB,GAAG;IACvC,UAAU,EAAE,sBAAsB,CAAC;IACnC,eAAe,CAAC,EAAE,YAAY,GAAG,GAAG,CAAC,OAAO,CAAC;CAC7C,GAAG,uCAAuC,GAC1C,IAAI,CAAC,cAAc,EAAE,iBAAiB,CAAC,CAAC;AAEzC,MAAM,MAAM,uCAAuC,GAAG;IACrD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,kBAAkB,CAAC;IACpC,cAAc,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAClC,WAAW,CAAC,EAAE,OAAO,CAAC;CACtB,GAAG,uBAAuB,CAAC"}

package/dist/cjs/components/src/components/Templates/Recommendation/Recommendation.d.ts

@@ -2,17 +2,17 @@ import { ComponentChildren } from 'preact';
 import type { SwiperOptions } from 'swiper/types';
 import type { RecommendationController } from '@athoscommerce/snap-controller';
 import type { Product } from '@athoscommerce/snap-store-mobx';
-import { ComponentProps, BreakpointsProps, ResultComponent } from '../../../types';
+import { ComponentProps, BreakpointsProps, JSXComponent } from '../../../types';
 import { Lang } from '../../../hooks';
 export declare const Recommendation: ((properties: RecommendationProps) => import("@emotion/react/jsx-runtime").JSX.Element | null) & {
     displayName: string;
 };
 export type RecommendationProps = {
     controller: RecommendationController;
-    resultComponent?: ResultComponent;
+    resultComponent?: JSXComponent | JSX.Element;
     lang?: Partial<RecommendationLang>;
     breakpoints?: BreakpointsProps;
-} & RecommendationTemplatesLegalProps & ComponentProps<RecommendationProps>;
+} & RecommendationTemplatesLegalProps & Omit<ComponentProps, 'customComponent'>;
 export type RecommendationTemplatesLegalProps = {
     title?: JSX.Element | string;
     description?: string;
@@ -31,7 +31,7 @@ export type RecommendationTemplatesLegalProps = {
         offset?: string;
     };
     slidesPerView?: number | 'auto';
-} & Omit<SwiperOptions, 'breakpoints' | 'slidesPerView'> & ComponentProps;
+} & Omit<SwiperOptions, 'breakpoints' | 'slidesPerView'> & Omit<ComponentProps, 'customComponent'>;
 export interface RecommendationLang {
     titleText?: Lang<{
         controller: RecommendationController;

package/dist/cjs/components/src/components/Templates/Recommendation/Recommendation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Recommendation.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Templates/Recommendation/Recommendation.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAK,iBAAiB,EAAE,MAAM,QAAQ,CAAC;AAO9C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAElD,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,gCAAgC,CAAC;AAC/E,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,gCAAgC,CAAC;AAO9D,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAE,eAAe,EAAe,MAAM,gBAAgB,CAAC;AAGhG,OAAO,EAAE,IAAI,EAAW,MAAM,gBAAgB,CAAC;AAY/C,eAAO,MAAM,cAAc,gBAAyB,mBAAmB;;CA+LrE,CAAC;AAEH,MAAM,MAAM,mBAAmB,GAAG;IACjC,UAAU,EAAE,wBAAwB,CAAC;IACrC,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC,IAAI,CAAC,EAAE,OAAO,CAAC,kBAAkB,CAAC,CAAC;IACnC,WAAW,CAAC,EAAE,gBAAgB,CAAC;CAC/B,GAAG,iCAAiC,GACpC,cAAc,CAAC,mBAAmB,CAAC,CAAC;AAErC,MAAM,MAAM,iCAAiC,GAAG;IAC/C,KAAK,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,MAAM,CAAC;IAC7B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,MAAM,CAAC;IAClC,UAAU,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,MAAM,CAAC;IAClC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,EAAE,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE;QACZ,OAAO,EAAE,OAAO,CAAC;QACjB,MAAM,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,aAAa,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAChC,GAAG,IAAI,CAAC,aAAa,EAAE,aAAa,GAAG,eAAe,CAAC,GACvD,cAAc,CAAC;AAEhB,MAAM,WAAW,kBAAkB;IAClC,SAAS,CAAC,EAAE,IAAI,CAAC;QAChB,UAAU,EAAE,wBAAwB,CAAC;KACrC,CAAC,CAAC;CACH"}
+{"version":3,"file":"Recommendation.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Templates/Recommendation/Recommendation.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAK,iBAAiB,EAAE,MAAM,QAAQ,CAAC;AAO9C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAElD,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,gCAAgC,CAAC;AAC/E,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,gCAAgC,CAAC;AAO9D,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAe,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAG7F,OAAO,EAAE,IAAI,EAAW,MAAM,gBAAgB,CAAC;AAY/C,eAAO,MAAM,cAAc,gBAAyB,mBAAmB;;CAkMrE,CAAC;AAEH,MAAM,MAAM,mBAAmB,GAAG;IACjC,UAAU,EAAE,wBAAwB,CAAC;IACrC,eAAe,CAAC,EAAE,YAAY,GAAG,GAAG,CAAC,OAAO,CAAC;IAC7C,IAAI,CAAC,EAAE,OAAO,CAAC,kBAAkB,CAAC,CAAC;IACnC,WAAW,CAAC,EAAE,gBAAgB,CAAC;CAC/B,GAAG,iCAAiC,GACpC,IAAI,CAAC,cAAc,EAAE,iBAAiB,CAAC,CAAC;AAEzC,MAAM,MAAM,iCAAiC,GAAG;IAC/C,KAAK,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,MAAM,CAAC;IAC7B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,MAAM,CAAC;IAClC,UAAU,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,MAAM,CAAC;IAClC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,EAAE,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE;QACZ,OAAO,EAAE,OAAO,CAAC;QACjB,MAAM,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,aAAa,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAChC,GAAG,IAAI,CAAC,aAAa,EAAE,aAAa,GAAG,eAAe,CAAC,GACvD,IAAI,CAAC,cAAc,EAAE,iBAAiB,CAAC,CAAC;AAEzC,MAAM,WAAW,kBAAkB;IAClC,SAAS,CAAC,EAAE,IAAI,CAAC;QAChB,UAAU,EAAE,wBAAwB,CAAC;KACrC,CAAC,CAAC;CACH"}

package/dist/cjs/components/src/components/Templates/Recommendation/Recommendation.js

@@ -124,8 +124,11 @@ exports.Recommendation = (0, mobx_react_lite_1.observer)(function (properties) {
                             ? children.map(function (child, idx) { return ((0, jsx_runtime_1.jsx)(ResultTracker_1.ResultTracker, { controller: controller, result: resultsToRender[idx], children: child })); })
                             : resultsToRender.map(function (result) { return ((0, jsx_runtime_1.jsx)(ResultTracker_1.ResultTracker, { controller: controller, result: result, children: (function () {
                                     if (resultComponent && controller) {
-                                        var ResultComponent = resultComponent;
-                                        return (0, jsx_runtime_1.jsx)(ResultComponent, { controller: controller, result: result, treePath: subProps.result.treePath });
+                                        return (0, utilities_1.cloneWithProps)(resultComponent, {
+                                            controller: controller,
+                                            result: result,
+                                            treePath: subProps.result.treePath,
+                                        });
                                     }
                                     else {
                                         return (0, jsx_runtime_1.jsx)(Result_1.Result, __assign({}, subProps.result, { controller: controller, result: result }), result.id);

package/dist/cjs/components/src/components/Templates/RecommendationBundle/RecommendationBundle.d.ts

@@ -1,5 +1,5 @@
 import { CarouselProps as CarouselProps } from '../../Molecules/Carousel';
-import { ComponentProps, BreakpointsProps, ResultComponent } from '../../../types';
+import { ComponentProps, BreakpointsProps, JSXComponent } from '../../../types';
 import { IconProps, IconType } from '../../Atoms/Icon';
 import type { RecommendationController } from '@athoscommerce/snap-controller';
 import type { CartStore, Product } from '@athoscommerce/snap-store-mobx';
@@ -17,16 +17,11 @@ type BundleCarouselProps = {
 export type RecommendationBundleProps = {
     controller: RecommendationController;
     breakpoints?: BreakpointsProps;
-    resultComponent?: ResultComponent<{
-        controller: RecommendationController;
-        seed?: boolean;
-        selected?: boolean;
-        onProductSelect?: (product: Product) => void;
-    }>;
+    resultComponent?: JSXComponent | JSX.Element;
     alias?: string;
     lang?: Partial<RecommendationBundleLang>;
     results?: Product[];
-} & RecommendationBundleTemplatesLegalProps & ComponentProps<RecommendationBundleProps>;
+} & RecommendationBundleTemplatesLegalProps & Omit<ComponentProps, 'customComponent'>;
 export type RecommendationBundleTemplatesLegalProps = {
     limit?: number;
     onAddToCart?: (e: MouseEvent, items: Product[]) => void;

package/dist/cjs/components/src/components/Templates/RecommendationBundle/RecommendationBundle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RecommendationBundle.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Templates/RecommendationBundle/RecommendationBundle.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"RecommendationBundle.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Templates/RecommendationBundle/RecommendationBundle.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/components/src/components/Templates/RecommendationBundle/RecommendationBundle.js

@@ -195,7 +195,7 @@ exports.RecommendationBundle = (0, mobx_react_lite_1.observer)(function (propert
             props = __assign(__assign(__assign({}, props), displaySettings), { theme: theme });
         }
     }
-    var title = props.title, description = props.description, controller = props.controller, breakpoints = props.breakpoints, results = props.results, carousel = props.carousel, preselectedCount = props.preselectedCount, separatorIcon = props.separatorIcon, hideCheckboxes = props.hideCheckboxes, limit = props.limit, seedText = props.seedText, vertical = props.vertical, onAddToCart = props.onAddToCart, separatorIconSeedOnly = props.separatorIconSeedOnly, resultComponent = props.resultComponent, ctaSlot = props.ctaSlot, hideSeed = props.hideSeed, ctaButtonText = props.ctaButtonText, ctaButtonSuccessText = props.ctaButtonSuccessText, ctaButtonSuccessTimeout = props.ctaButtonSuccessTimeout, disableStyles = props.disableStyles, ctaIcon = props.ctaIcon, ctaInline = props.ctaInline, hideSeedText = props.hideSeedText, lazyRender = props.lazyRender, className = props.className, internalClassName = props.internalClassName, _ = props.style, __ = props.styleScript, ___ = props.themeStyleScript, treePath = props.treePath, additionalProps = __rest(props, ["title", "description", "controller", "breakpoints", "results", "carousel", "preselectedCount", "separatorIcon", "hideCheckboxes", "limit", "seedText", "vertical", "onAddToCart", "separatorIconSeedOnly", "resultComponent", "ctaSlot", "hideSeed", "ctaButtonText", "ctaButtonSuccessText", "ctaButtonSuccessTimeout", "disableStyles", "ctaIcon", "ctaInline", "hideSeedText", "lazyRender", "className", "internalClassName", "style", "styleScript", "themeStyleScript", "treePath"]);
+    var title = props.title, description = props.description, controller = props.controller, breakpoints = props.breakpoints, results = props.results, carousel = props.carousel, preselectedCount = props.preselectedCount, separatorIcon = props.separatorIcon, hideCheckboxes = props.hideCheckboxes, limit = props.limit, seedText = props.seedText, vertical = props.vertical, onAddToCart = props.onAddToCart, separatorIconSeedOnly = props.separatorIconSeedOnly, resultComponent = props.resultComponent, ctaSlot = props.ctaSlot, hideSeed = props.hideSeed, ctaButtonText = props.ctaButtonText, ctaButtonSuccessText = props.ctaButtonSuccessText, ctaButtonSuccessTimeout = props.ctaButtonSuccessTimeout, disableStyles = props.disableStyles, ctaIcon = props.ctaIcon, ctaInline = props.ctaInline, hideSeedText = props.hideSeedText, lazyRender = props.lazyRender, className = props.className, internalClassName = props.internalClassName, alias = props.alias, _ = props.style, __ = props.styleScript, ___ = props.themeStyleScript, treePath = props.treePath, additionalProps = __rest(props, ["title", "description", "controller", "breakpoints", "results", "carousel", "preselectedCount", "separatorIcon", "hideCheckboxes", "limit", "seedText", "vertical", "onAddToCart", "separatorIconSeedOnly", "resultComponent", "ctaSlot", "hideSeed", "ctaButtonText", "ctaButtonSuccessText", "ctaButtonSuccessTimeout", "disableStyles", "ctaIcon", "ctaInline", "hideSeedText", "lazyRender", "className", "internalClassName", "alias", "style", "styleScript", "themeStyleScript", "treePath"]);
     var mergedlazyRender = __assign({ enabled: true, offset: '10%' }, lazyRender);
     var mergedCarouselProps = __assign({ enabled: true, loop: false, spaceBetween: 10 }, carousel);
     var seedInCarousel = mergedCarouselProps.seedInCarousel, prevButton = mergedCarouselProps.prevButton, nextButton = mergedCarouselProps.nextButton, hideButtons = mergedCarouselProps.hideButtons, loop = mergedCarouselProps.loop, spaceBetween = mergedCarouselProps.spaceBetween, pagination = mergedCarouselProps.pagination;
@@ -218,6 +218,7 @@ exports.RecommendationBundle = (0, mobx_react_lite_1.observer)(function (propert
     var seed = results
         ? results.filter(function (result) { return result.bundleSeed == true; }).pop()
         : (_x = (_w = controller.store) === null || _w === void 0 ? void 0 : _w.results) === null || _x === void 0 ? void 0 : _x.filter(function (result) { return result.bundleSeed == true; }).pop();
+    var resultSubProps = alias == 'recommendationBundleList' ? { hideImage: true, hideBadge: true } : {};
     var subProps = {
         carousel: __assign(__assign({ loop: loop, 
             // default props
@@ -226,9 +227,9 @@ exports.RecommendationBundle = (0, mobx_react_lite_1.observer)(function (propert
         })), { 
             // component theme overrides
             theme: props === null || props === void 0 ? void 0 : props.theme, treePath: treePath }),
-        result: __assign(__assign({ 
+        result: __assign(__assign(__assign({ 
             // default props
-            internalClassName: 'ss__recommendation__result' }, (0, utilities_1.defined)({
+            internalClassName: 'ss__recommendation__result' }, resultSubProps), (0, utilities_1.defined)({
             disableStyles: disableStyles,
         })), { 
             // component theme overrides
@@ -403,8 +404,14 @@ exports.RecommendationBundle = (0, mobx_react_lite_1.observer)(function (propert
                                                     onProductSelect(seed);
                                                 }, checked: selectedItems.findIndex(function (item) { return item.id == seed.id; }) > -1, icon: separatorIcon, hideCheckboxes: hideCheckboxes, theme: props.theme, ref: seedRef, treePath: treePath, classNamePrefix: classNamePrefix, lang: { seedText: lang.seedText }, children: (function () {
                                                     if (resultComponent && controller) {
-                                                        var ResultComponent = resultComponent;
-                                                        return ((0, jsx_runtime_1.jsx)(ResultComponent, { controller: controller, seed: true, selected: selectedItems.findIndex(function (item) { return item.id == seed.id; }) > -1, onProductSelect: onProductSelect, result: seed, treePath: treePath }));
+                                                        return (0, utilities_1.cloneWithProps)(resultComponent, {
+                                                            controller: controller,
+                                                            seed: true,
+                                                            selected: selectedItems.findIndex(function (item) { return item.id == seed.id; }) > -1,
+                                                            onProductSelect: onProductSelect,
+                                                            result: seed,
+                                                            treePath: treePath,
+                                                        });
                                                     }
                                                     else {
                                                         return (0, jsx_runtime_1.jsx)(Result_1.Result, __assign({}, subProps.result, { controller: controller, result: seed }));