@athoscommerce/snap-preact 1.0.0

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

@@ -0,0 +1,120 @@
+"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.RecommendationGrid = 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 deepmerge_1 = __importDefault(require("deepmerge"));
+var Result_1 = require("../../Molecules/Result");
+var utilities_1 = require("../../../utilities");
+var providers_1 = require("../../../providers");
+var useDisplaySettings_1 = require("../../../hooks/useDisplaySettings");
+var ProfileTracker_1 = require("../../Trackers/Recommendation/ProfileTracker");
+var ResultTracker_1 = require("../../Trackers/ResultTracker");
+var react_2 = require("react");
+var hooks_1 = require("preact/hooks");
+var hooks_2 = require("../../../hooks");
+var defaultStyles = function (_a) {
+    var gapSize = _a.gapSize, columns = _a.columns;
+    return (0, react_1.css)({
+        maxWidth: '100%',
+        maxHeight: '100%',
+        '.ss__recommendation-grid__results': {
+            display: 'flex',
+            flexFlow: 'row wrap',
+            gap: gapSize,
+            gridTemplateRows: 'auto',
+            gridTemplateColumns: "repeat(".concat(columns, ", 1fr)"),
+            overflow: 'auto',
+            '@supports (display: grid)': {
+                display: 'grid',
+            },
+        },
+    });
+};
+exports.RecommendationGrid = (0, mobx_react_lite_1.observer)(function (properties) {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
+    var globalTheme = (0, providers_1.useTheme)();
+    var globalTreePath = (0, providers_1.useTreePath)();
+    var defaultProps = {
+        results: (_b = (_a = properties.controller) === null || _a === void 0 ? void 0 : _a.store) === null || _b === void 0 ? void 0 : _b.results,
+        gapSize: '20px',
+        title: (_g = (_f = (_e = (_d = (_c = properties.controller) === null || _c === void 0 ? void 0 : _c.store) === null || _d === void 0 ? void 0 : _d.profile) === null || _e === void 0 ? void 0 : _e.display) === null || _f === void 0 ? void 0 : _f.templateParameters) === null || _g === void 0 ? void 0 : _g.title,
+        treePath: globalTreePath,
+    };
+    //mergeprops only uses names that are passed via properties, so this cannot be put in the defaultProps
+    var _properties = __assign({ name: (_l = (_k = (_j = (_h = properties.controller) === null || _h === void 0 ? void 0 : _h.store) === null || _j === void 0 ? void 0 : _j.profile) === null || _k === void 0 ? void 0 : _k.tag) === null || _l === void 0 ? void 0 : _l.toLowerCase() }, properties);
+    var props = (0, utilities_1.mergeProps)('recommendationGrid', globalTheme, defaultProps, _properties);
+    if (!((_m = properties.theme) === null || _m === void 0 ? void 0 : _m.name)) {
+        // breakpoint settings are calculated in ThemeStore for snap templates
+        var displaySettings = (0, useDisplaySettings_1.useDisplaySettings)((props === null || props === void 0 ? void 0 : props.breakpoints) || {});
+        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, title = props.title, resultComponent = props.resultComponent, trim = props.trim, lazyRender = props.lazyRender, className = props.className, internalClassName = props.internalClassName, treePath = props.treePath, theme = props.theme, controller = props.controller;
+    var mergedlazyRender = __assign({ enabled: true, offset: '10%' }, lazyRender);
+    var subProps = {
+        result: __assign(__assign({ 
+            // default props
+            internalClassName: 'ss__recommendation-grid__result' }, (0, utilities_1.defined)({
+            disableStyles: disableStyles,
+        })), { 
+            // component theme overrides
+            theme: props === null || props === void 0 ? void 0 : props.theme }),
+    };
+    var results = props.results || controller.store.results;
+    if (!props.columns && !props.rows) {
+        props.rows = 1;
+        props.columns = results.length;
+    }
+    else if (props.columns && !props.rows) {
+        props.rows = Math.floor(results.length / props.columns);
+        if (trim) {
+            var remainder = results.length % props.columns;
+            results = results.slice(0, results.length - remainder);
+        }
+    }
+    else if (props.rows && !props.columns) {
+        if (trim) {
+            var remainder = results.length % props.rows;
+            results = results.slice(0, results.length - remainder);
+        }
+        props.columns = Math.ceil(results.length / props.rows);
+    }
+    else 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 = results === null || results === void 0 ? void 0 : results.slice(0, props.columns * props.rows);
+    }
+    var styling = (0, utilities_1.mergeStyles)(props, defaultStyles);
+    var _o = (0, react_2.useState)(false), isVisible = _o[0], setIsVisible = _o[1];
+    var recsRef = (0, hooks_1.useRef)(null);
+    var inView = (mergedlazyRender === null || mergedlazyRender === void 0 ? void 0 : mergedlazyRender.enabled) ? (0, hooks_2.useIntersection)(recsRef, "".concat(mergedlazyRender.offset, " 0px ").concat(mergedlazyRender.offset, " 0px"), true) : true;
+    if (inView) {
+        setIsVisible(true);
+    }
+    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, { ref: recsRef, className: (0, classnames_1.default)('ss__recommendation-grid', className, internalClassName), children: isVisible ? ((0, jsx_runtime_1.jsxs)(ProfileTracker_1.RecommendationProfileTracker, { controller: controller, children: [title && (0, jsx_runtime_1.jsx)("h3", { className: "ss__recommendation-grid__title", children: title }), (0, jsx_runtime_1.jsx)("div", { className: "ss__recommendation-grid__results", children: results.map(function (result) {
+                            return (function () {
+                                if (resultComponent && controller) {
+                                    var ResultComponent = resultComponent;
+                                    return (0, jsx_runtime_1.jsx)(ResultComponent, { controller: controller, result: result, theme: theme, treePath: treePath });
+                                }
+                                else {
+                                    return ((0, jsx_runtime_1.jsx)(ResultTracker_1.ResultTracker, { result: result, controller: controller, children: (0, jsx_runtime_1.jsx)(Result_1.Result, __assign({}, subProps.result, { result: result, controller: controller, treePath: treePath }), result.id) }));
+                                }
+                            })();
+                        }) })] })) : ((0, jsx_runtime_1.jsx)(ProfileTracker_1.RecommendationProfileTracker, { controller: controller, children: results.map(function (result) { return ((0, jsx_runtime_1.jsx)(ResultTracker_1.ResultTracker, { controller: controller, result: result, children: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {}) })); }) })) })) })) : null;
+});

package/dist/cjs/components/src/components/Templates/RecommendationGrid/index.d.ts

@@ -0,0 +1,2 @@
+export * from './RecommendationGrid';
+//# sourceMappingURL=index.d.ts.map

package/dist/cjs/components/src/components/Templates/RecommendationGrid/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Templates/RecommendationGrid/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC"}

package/dist/cjs/components/src/components/Templates/RecommendationGrid/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./RecommendationGrid"), exports);

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

@@ -0,0 +1,31 @@
+import type { SearchController } from '@athoscommerce/snap-controller';
+import { ComponentProps, ListOption, ResultComponent } from '../../../types';
+import { Lang } from '../../../hooks';
+import { SearchFilterStore } from '@athoscommerce/snap-store-mobx';
+export declare const Search: ((properties: SearchProps) => import("@emotion/react/jsx-runtime").JSX.Element) & {
+    displayName: string;
+};
+export type SearchProps = {
+    controller: SearchController;
+    lang?: Partial<SearchLang>;
+    alias?: 'searchCollapsible' | 'searchHorizontal';
+    resultComponent?: ResultComponent;
+} & SearchTemplatesLegalProps & ComponentProps<SearchProps>;
+export type SearchTemplatesLegalProps = {
+    mobileDisplayAt?: string;
+    hideSidebar?: boolean;
+    hideTopToolbar?: boolean;
+    hideMiddleToolbar?: boolean;
+    hideBottomToolbar?: boolean;
+    toggleSidebarButtonText?: string;
+    toggleSidebarStartClosed?: boolean;
+    hideToggleSidebarButton?: boolean;
+    layoutOptions?: ListOption[];
+};
+export interface SearchLang {
+    toggleSidebarButtonText?: Lang<{
+        filters: SearchFilterStore;
+        sidebarOpenState: boolean;
+    }>;
+}
+//# sourceMappingURL=Search.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Search.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Templates/Search/Search.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAGvE,OAAO,EAAE,cAAc,EAAE,UAAU,EAAE,eAAe,EAAe,MAAM,gBAAgB,CAAC;AAK1F,OAAO,EAAE,IAAI,EAA0B,MAAM,gBAAgB,CAAC;AAE9D,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAwCnE,eAAO,MAAM,MAAM,gBAAyB,WAAW;;CA+LrD,CAAC;AAEH,MAAM,MAAM,WAAW,GAAG;IACzB,UAAU,EAAE,gBAAgB,CAAC;IAC7B,IAAI,CAAC,EAAE,OAAO,CAAC,UAAU,CAAC,CAAC;IAC3B,KAAK,CAAC,EAAE,mBAAmB,GAAG,kBAAkB,CAAC;IACjD,eAAe,CAAC,EAAE,eAAe,CAAC;CAClC,GAAG,yBAAyB,GAC5B,cAAc,CAAC,WAAW,CAAC,CAAC;AAE7B,MAAM,MAAM,yBAAyB,GAAG;IACvC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,aAAa,CAAC,EAAE,UAAU,EAAE,CAAC;CAC7B,CAAC;AAEF,MAAM,WAAW,UAAU;IAC1B,uBAAuB,CAAC,EAAE,IAAI,CAAC;QAAE,OAAO,EAAE,iBAAiB,CAAC;QAAC,gBAAgB,EAAE,OAAO,CAAA;KAAE,CAAC,CAAC;CAC1F"}

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

@@ -0,0 +1,155 @@
+"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.Search = void 0;
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+var hooks_1 = require("preact/hooks");
+var mobx_react_lite_1 = require("mobx-react-lite");
+var react_1 = require("@emotion/react");
+var classnames_1 = __importDefault(require("classnames"));
+var Results_1 = require("../../Organisms/Results");
+var utilities_1 = require("../../../utilities");
+var providers_1 = require("../../../providers");
+var Sidebar_1 = require("../../Organisms/Sidebar");
+var Toolbar_1 = require("../../Organisms/Toolbar");
+var NoResults_1 = require("../../Organisms/NoResults");
+var hooks_2 = require("../../../hooks");
+var useA11y_1 = require("../../../hooks/useA11y");
+var deepmerge_1 = __importDefault(require("deepmerge"));
+var useLayoutOptions_1 = require("../../../hooks/useLayoutOptions");
+var componentNameToClassName_1 = require("../../../utilities/componentNameToClassName");
+var defaultStyles = function (props) {
+    var _a;
+    var classNamePrefix = 'ss__search';
+    if (props.alias) {
+        classNamePrefix = "ss__".concat((0, componentNameToClassName_1.componentNameToClassName)(props.alias));
+    }
+    return (0, react_1.css)((_a = {},
+        _a[".".concat(classNamePrefix, "__header-section")] = {
+            marginBottom: '20px',
+        },
+        _a[".".concat(classNamePrefix, "__main-section")] = {
+            display: 'flex',
+            minHeight: '600px',
+            gap: '20px',
+        },
+        _a['.ss__sidebar'] = {
+            flex: '0 1 auto',
+            width: '270px',
+            '&:empty': {
+                display: 'none',
+            },
+        },
+        _a[".".concat(classNamePrefix, "__content")] = {
+            width: '100%',
+            boxSizing: 'border-box',
+            display: 'flex',
+            flexDirection: 'column',
+            gap: '1em',
+        },
+        _a));
+};
+exports.Search = (0, mobx_react_lite_1.observer)(function (properties) {
+    var _a, _b, _c, _d, _e;
+    var globalTheme = (0, providers_1.useTheme)();
+    var globalTreePath = (0, providers_1.useTreePath)();
+    var defaultProps = {
+        toggleSidebarButtonText: 'Filters',
+        hideToggleSidebarButton: true,
+        mobileDisplayAt: ((_b = (_a = globalTheme === null || globalTheme === void 0 ? void 0 : globalTheme.variables) === null || _a === void 0 ? void 0 : _a.breakpoints) === null || _b === void 0 ? void 0 : _b.tablet) ? "".concat((_d = (_c = globalTheme.variables) === null || _c === void 0 ? void 0 : _c.breakpoints) === null || _d === void 0 ? void 0 : _d.tablet, "px") : '991px',
+        treePath: globalTreePath,
+    };
+    var props = (0, utilities_1.mergeProps)(properties.alias || 'search', globalTheme, defaultProps, properties);
+    var disableStyles = props.disableStyles, className = props.className, internalClassName = props.internalClassName, controller = props.controller, hideSidebar = props.hideSidebar, toggleSidebarButtonText = props.toggleSidebarButtonText, hideTopToolbar = props.hideTopToolbar, hideMiddleToolbar = props.hideMiddleToolbar, hideBottomToolbar = props.hideBottomToolbar, resultComponent = props.resultComponent, hideToggleSidebarButton = props.hideToggleSidebarButton, mobileDisplayAt = props.mobileDisplayAt, toggleSidebarStartClosed = props.toggleSidebarStartClosed, treePath = props.treePath, alias = props.alias;
+    var classNamePrefix = 'ss__search';
+    if (props.alias) {
+        classNamePrefix = "ss__".concat((0, componentNameToClassName_1.componentNameToClassName)(props.alias));
+    }
+    // handle selected layoutOptions
+    if ((globalTheme === null || globalTheme === void 0 ? void 0 : globalTheme.name) && props.layoutOptions) {
+        (0, useLayoutOptions_1.useLayoutOptions)(props, globalTheme);
+    }
+    var store = controller.store;
+    var isMobile = (0, hooks_2.useMediaQuery)("(max-width: ".concat(mobileDisplayAt, ")"));
+    var _f = (0, hooks_1.useState)(Boolean(alias !== 'searchHorizontal' && !toggleSidebarStartClosed)), sidebarOpenState = _f[0], setSidebarOpenState = _f[1];
+    //initialize lang
+    var defaultLang = {
+        toggleSidebarButtonText: {
+            value: toggleSidebarButtonText,
+        },
+    };
+    //deep merge with props.lang
+    var lang = (0, deepmerge_1.default)(defaultLang, props.lang || {});
+    var mergedLang = (0, hooks_2.useLang)(lang, { filters: store.filters, sidebarOpenState: sidebarOpenState });
+    var ToggleSidebar = function () {
+        return ((0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)("".concat(classNamePrefix, "__sidebar-toggle"), sidebarOpenState ? "".concat(classNamePrefix, "__sidebar-toggle--open") : ''), 
+            // @ts-ignore - this is fine.
+            active: sidebarOpenState, children: (0, jsx_runtime_1.jsx)("span", __assign({}, mergedLang.toggleSidebarButtonText.all)) }));
+    };
+    var toggleSidebarButtonProps = {
+        onClick: function () {
+            setSidebarOpenState(!sidebarOpenState);
+            // need the timeout to allow the sidebar to open before focusing the first available element.
+            setTimeout(function () {
+                var _a;
+                // focus the first available elem when toggling the sidebar open.
+                if (!sidebarOpenState) {
+                    var firstAvailableElemToFocus = (_a = document.querySelector('.ss__sidebar')) === null || _a === void 0 ? void 0 : _a.querySelector(useA11y_1.FOCUSABLE_ELEMENTS);
+                    if (firstAvailableElemToFocus) {
+                        firstAvailableElemToFocus.focus();
+                    }
+                }
+            });
+        },
+        children: !hideToggleSidebarButton && store.loaded && !isMobile && (toggleSidebarButtonText || ((_e = mergedLang.toggleSidebarButtonText) === null || _e === void 0 ? void 0 : _e.value))
+            ? ToggleSidebar
+            : undefined,
+    };
+    var subProps = {
+        TopToolbar: __assign(__assign({ 
+            // default props
+            name: 'top', internalClassName: "".concat(classNamePrefix, "__header-section__toolbar--top-toolbar"), layout: [['banner.header'], ['searchHeader', '_', 'button.sidebar-toggle']], toggleSideBarButton: __assign({}, toggleSidebarButtonProps) }, (0, utilities_1.defined)({
+            disableStyles: disableStyles,
+        })), { theme: props.theme, treePath: treePath }),
+        MiddleToolbar: __assign(__assign({ 
+            // default props
+            name: 'middle', internalClassName: "".concat(classNamePrefix, "__content__toolbar--middle-toolbar"), layout: isMobile
+                ? [['mobileSidebar', '_', 'paginationInfo'], ['banner.banner']]
+                : [['sortBy', 'perPage', '_', 'paginationInfo'], ['banner.banner']], toggleSideBarButton: __assign({}, toggleSidebarButtonProps) }, (0, utilities_1.defined)({
+            disableStyles: disableStyles,
+        })), { theme: props.theme, treePath: treePath }),
+        BottomToolbar: __assign(__assign({ 
+            // default props
+            name: 'bottom', internalClassName: "".concat(classNamePrefix, "__content__toolbar--bottom-toolbar"), layout: [['banner.footer'], ['_', 'pagination', '_']], toggleSideBarButton: __assign({}, toggleSidebarButtonProps) }, (0, utilities_1.defined)({
+            disableStyles: disableStyles,
+        })), { theme: props.theme, treePath: treePath }),
+        Sidebar: __assign(__assign({ 
+            // default props
+            layout: [['filterSummary'], ['facets'], ['banner.left']] }, (0, utilities_1.defined)({
+            disableStyles: disableStyles,
+        })), { theme: props.theme, treePath: treePath }),
+        Results: __assign(__assign({ 
+            // default props
+            resultComponent: resultComponent }, (0, utilities_1.defined)({
+            disableStyles: disableStyles,
+        })), { theme: props.theme, treePath: treePath }),
+        NoResults: __assign(__assign({}, (0, utilities_1.defined)({
+            disableStyles: disableStyles,
+        })), { theme: props.theme, treePath: treePath }),
+    };
+    var styling = (0, utilities_1.mergeStyles)(props, defaultStyles);
+    return ((0, jsx_runtime_1.jsx)(providers_1.CacheProvider, { children: (0, jsx_runtime_1.jsxs)("div", __assign({}, styling, { className: (0, classnames_1.default)(classNamePrefix, className, internalClassName, sidebarOpenState ? "".concat(classNamePrefix, "--sidebar-open") : ''), children: [(0, jsx_runtime_1.jsx)("div", { className: "".concat(classNamePrefix, "__header-section"), children: !hideTopToolbar && (0, jsx_runtime_1.jsx)(Toolbar_1.Toolbar, __assign({}, subProps.TopToolbar, { controller: controller })) }), (0, jsx_runtime_1.jsxs)("div", { className: "".concat(classNamePrefix, "__main-section"), children: [!hideSidebar && !isMobile && sidebarOpenState && store.loaded && store.pagination.totalResults > 0 && ((0, jsx_runtime_1.jsx)("div", { className: "".concat(classNamePrefix, "__sidebar"), children: (0, jsx_runtime_1.jsx)(Sidebar_1.Sidebar, __assign({}, subProps.Sidebar, { controller: controller })) })), (0, jsx_runtime_1.jsxs)("div", { className: (0, classnames_1.default)("".concat(classNamePrefix, "__content")), children: [!hideMiddleToolbar && (0, jsx_runtime_1.jsx)(Toolbar_1.Toolbar, __assign({}, subProps.MiddleToolbar, { controller: controller })), store.pagination.totalResults ? ((0, jsx_runtime_1.jsx)(Results_1.Results, __assign({}, subProps.Results, { controller: controller }))) : (store.pagination.totalResults === 0 && (0, jsx_runtime_1.jsx)(NoResults_1.NoResults, __assign({}, subProps.NoResults, { controller: controller }))), !hideBottomToolbar && (0, jsx_runtime_1.jsx)(Toolbar_1.Toolbar, __assign({}, subProps.BottomToolbar, { controller: controller }))] })] })] })) }));
+});

package/dist/cjs/components/src/components/Templates/Search/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Search';
+//# sourceMappingURL=index.d.ts.map

package/dist/cjs/components/src/components/Templates/Search/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Templates/Search/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC"}

package/dist/cjs/components/src/components/Templates/Search/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./Search"), exports);

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

@@ -0,0 +1,11 @@
+import type { SearchController } from '@athoscommerce/snap-controller';
+import { ComponentProps } from '../../../types';
+import { SearchProps, SearchTemplatesLegalProps } from '../Search/Search';
+export declare const SearchCollapsible: ((properties: SearchCollapsibleProps) => import("@emotion/react/jsx-runtime").JSX.Element) & {
+    displayName: string;
+};
+export type SearchCollapsibleProps = {
+    controller: SearchController;
+} & SearchProps & SearchCollapsibleTemplatesLegalProps & ComponentProps<SearchCollapsibleProps>;
+export type SearchCollapsibleTemplatesLegalProps = SearchTemplatesLegalProps;
+//# sourceMappingURL=SearchCollapsible.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SearchCollapsible.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Templates/SearchCollapsible/SearchCollapsible.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AACvE,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAEhD,OAAO,EAAU,WAAW,EAAE,yBAAyB,EAAE,MAAM,kBAAkB,CAAC;AAElF,eAAO,MAAM,iBAAiB,gBAAyB,sBAAsB;;CAM3E,CAAC;AAIH,MAAM,MAAM,sBAAsB,GAAG;IACpC,UAAU,EAAE,gBAAgB,CAAC;CAC7B,GAAG,WAAW,GACd,oCAAoC,GACpC,cAAc,CAAC,sBAAsB,CAAC,CAAC;AAExC,MAAM,MAAM,oCAAoC,GAAG,yBAAyB,CAAC"}

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

@@ -0,0 +1,21 @@
+"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);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SearchCollapsible = void 0;
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+var mobx_react_lite_1 = require("mobx-react-lite");
+var providers_1 = require("../../../providers");
+var Search_1 = require("../Search/Search");
+exports.SearchCollapsible = (0, mobx_react_lite_1.observer)(function (properties) {
+    return ((0, jsx_runtime_1.jsx)(providers_1.CacheProvider, { children: (0, jsx_runtime_1.jsx)(Search_1.Search, __assign({}, properties, { alias: "searchCollapsible" })) }));
+});

package/dist/cjs/components/src/components/Templates/SearchCollapsible/index.d.ts

@@ -0,0 +1,2 @@
+export * from './SearchCollapsible';
+//# sourceMappingURL=index.d.ts.map

package/dist/cjs/components/src/components/Templates/SearchCollapsible/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Templates/SearchCollapsible/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC"}

package/dist/cjs/components/src/components/Templates/SearchCollapsible/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./SearchCollapsible"), exports);

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

@@ -0,0 +1,11 @@
+import type { SearchController } from '@athoscommerce/snap-controller';
+import { ComponentProps } from '../../../types';
+import { SearchProps, SearchTemplatesLegalProps } from '../Search/Search';
+export declare const SearchHorizontal: ((properties: SearchHorizontalProps) => import("@emotion/react/jsx-runtime").JSX.Element) & {
+    displayName: string;
+};
+export type SearchHorizontalProps = {
+    controller: SearchController;
+} & SearchProps & SearchHorizontalTemplatesLegalProps & ComponentProps<SearchHorizontalProps>;
+export type SearchHorizontalTemplatesLegalProps = SearchTemplatesLegalProps;
+//# sourceMappingURL=SearchHorizontal.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SearchHorizontal.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Templates/SearchHorizontal/SearchHorizontal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AACvE,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAEhD,OAAO,EAAU,WAAW,EAAE,yBAAyB,EAAE,MAAM,kBAAkB,CAAC;AAElF,eAAO,MAAM,gBAAgB,gBAAyB,qBAAqB;;CAMzE,CAAC;AAEH,MAAM,MAAM,qBAAqB,GAAG;IACnC,UAAU,EAAE,gBAAgB,CAAC;CAC7B,GAAG,WAAW,GACd,mCAAmC,GACnC,cAAc,CAAC,qBAAqB,CAAC,CAAC;AAEvC,MAAM,MAAM,mCAAmC,GAAG,yBAAyB,CAAC"}

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

@@ -0,0 +1,21 @@
+"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);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SearchHorizontal = void 0;
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+var mobx_react_lite_1 = require("mobx-react-lite");
+var providers_1 = require("../../../providers");
+var Search_1 = require("../Search/Search");
+exports.SearchHorizontal = (0, mobx_react_lite_1.observer)(function (properties) {
+    return ((0, jsx_runtime_1.jsx)(providers_1.CacheProvider, { children: (0, jsx_runtime_1.jsx)(Search_1.Search, __assign({}, properties, { alias: "searchHorizontal", internalClassName: "ss__search-horizontal" })) }));
+});

package/dist/cjs/components/src/components/Templates/SearchHorizontal/index.d.ts

@@ -0,0 +1,2 @@
+export * from './SearchHorizontal';
+//# sourceMappingURL=index.d.ts.map

package/dist/cjs/components/src/components/Templates/SearchHorizontal/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Templates/SearchHorizontal/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC"}

package/dist/cjs/components/src/components/Templates/SearchHorizontal/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./SearchHorizontal"), exports);

package/dist/cjs/components/src/components/Trackers/Recommendation/ProfileTracker/RecommendationProfileTracker.d.ts

@@ -0,0 +1,14 @@
+import { ComponentChildren } from 'preact';
+import type { RecommendationController } from '@athoscommerce/snap-controller';
+import { ComponentProps } from '../../../../types';
+/**
+ * @deprecated RecommendationProfileTracker is deprecated and is no longer functional
+ */
+export declare const RecommendationProfileTracker: ((properties: RecommendationProfileTrackerProps) => import("@emotion/react/jsx-runtime").JSX.Element | null) & {
+    displayName: string;
+};
+export interface RecommendationProfileTrackerProps extends ComponentProps {
+    children: ComponentChildren;
+    controller: RecommendationController;
+}
+//# sourceMappingURL=RecommendationProfileTracker.d.ts.map

package/dist/cjs/components/src/components/Trackers/Recommendation/ProfileTracker/RecommendationProfileTracker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RecommendationProfileTracker.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/components/Trackers/Recommendation/ProfileTracker/RecommendationProfileTracker.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAK,iBAAiB,EAAgB,MAAM,QAAQ,CAAC;AAG5D,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,gCAAgC,CAAC;AAC/E,OAAO,EAAE,cAAc,EAAe,MAAM,mBAAmB,CAAC;AAQhE;;GAEG;AACH,eAAO,MAAM,4BAA4B,gBAAyB,iCAAiC;;CAYjG,CAAC;AAEH,MAAM,WAAW,iCAAkC,SAAQ,cAAc;IACxE,QAAQ,EAAE,iBAAiB,CAAC;IAC5B,UAAU,EAAE,wBAAwB,CAAC;CACrC"}

package/dist/cjs/components/src/components/Trackers/Recommendation/ProfileTracker/RecommendationProfileTracker.js

@@ -0,0 +1,35 @@
+"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.RecommendationProfileTracker = void 0;
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+var preact_1 = require("preact");
+var react_1 = require("@emotion/react");
+var mobx_react_lite_1 = require("mobx-react-lite");
+var classnames_1 = __importDefault(require("classnames"));
+var utilities_1 = require("../../../../utilities");
+var defaultStyles = function () {
+    return (0, react_1.css)({});
+};
+/**
+ * @deprecated RecommendationProfileTracker is deprecated and is no longer functional
+ */
+exports.RecommendationProfileTracker = (0, mobx_react_lite_1.observer)(function (properties) {
+    var children = properties.children, className = properties.className, internalClassName = properties.internalClassName;
+    var childs = (0, preact_1.toChildArray)(children);
+    var styling = (0, utilities_1.mergeStyles)(properties, defaultStyles);
+    return childs.length ? ((0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)('ss__recommendation-profile-tracker', className, internalClassName) }, styling, { children: children }))) : null;
+});

package/dist/cjs/components/src/components/Trackers/Recommendation/ProfileTracker/index.d.ts

@@ -0,0 +1,2 @@
+export * from './RecommendationProfileTracker';
+//# sourceMappingURL=index.d.ts.map

package/dist/cjs/components/src/components/Trackers/Recommendation/ProfileTracker/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/components/Trackers/Recommendation/ProfileTracker/index.ts"],"names":[],"mappings":"AAAA,cAAc,gCAAgC,CAAC"}

package/dist/cjs/components/src/components/Trackers/Recommendation/ProfileTracker/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./RecommendationProfileTracker"), exports);

package/dist/cjs/components/src/components/Trackers/ResultTracker/ResultTracker.d.ts

@@ -0,0 +1,18 @@
+/** @jsx jsx */
+import { ComponentChildren } from 'preact';
+import type { AutocompleteController, RecommendationController, SearchController } from '@athoscommerce/snap-controller';
+import { ComponentProps } from '../../../types';
+import type { Banner, Product } from '@athoscommerce/snap-store-mobx';
+export declare const ResultTracker: ((properties: ResultTrackerProps) => import("@emotion/react/jsx-runtime").JSX.Element) & {
+    displayName: string;
+};
+export interface ResultTrackerProps extends ComponentProps {
+    children: ComponentChildren;
+    result: Product | Banner;
+    controller: SearchController | AutocompleteController | RecommendationController;
+    track?: {
+        impression?: boolean;
+        click?: boolean;
+    };
+}
+//# sourceMappingURL=ResultTracker.d.ts.map

package/dist/cjs/components/src/components/Trackers/ResultTracker/ResultTracker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResultTracker.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Trackers/ResultTracker/ResultTracker.tsx"],"names":[],"mappings":"AAAA,eAAe;AACf,OAAO,EAAK,iBAAiB,EAAE,MAAM,QAAQ,CAAC;AAG9C,OAAO,KAAK,EAAE,sBAAsB,EAAE,wBAAwB,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AACzH,OAAO,EAAE,cAAc,EAAc,MAAM,gBAAgB,CAAC;AAC5D,OAAO,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,gCAAgC,CAAC;AAUtE,eAAO,MAAM,aAAa,gBAAyB,kBAAkB;;CA2CnE,CAAC;AAEH,MAAM,WAAW,kBAAmB,SAAQ,cAAc;IACzD,QAAQ,EAAE,iBAAiB,CAAC;IAC5B,MAAM,EAAE,OAAO,GAAG,MAAM,CAAC;IACzB,UAAU,EAAE,gBAAgB,GAAG,sBAAsB,GAAG,wBAAwB,CAAC;IACjF,KAAK,CAAC,EAAE;QACP,UAAU,CAAC,EAAE,OAAO,CAAC;QACrB,KAAK,CAAC,EAAE,OAAO,CAAC;KAChB,CAAC;CACF"}