@athoscommerce/snap-preact 1.0.0

package/dist/cjs/components/src/providers/treePath.js

@@ -0,0 +1,34 @@
+"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.useTreePath = exports.TreePathProvider = void 0;
+exports.withTreePath = withTreePath;
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+var preact_1 = require("preact");
+var hooks_1 = require("preact/hooks");
+var TreePathContext = (0, preact_1.createContext)(null);
+var TreePathProviderCast = TreePathContext.Provider;
+var TreePathProvider = function (_a) {
+    var children = _a.children, path = _a.path;
+    return (0, jsx_runtime_1.jsx)(TreePathProviderCast, { value: path, children: children });
+};
+exports.TreePathProvider = TreePathProvider;
+var useTreePath = function () { return (0, hooks_1.useContext)(TreePathContext) || undefined; };
+exports.useTreePath = useTreePath;
+function withTreePath(Component) {
+    return (function (props) {
+        var Comp = Component;
+        var treePath = (0, exports.useTreePath)();
+        return (0, jsx_runtime_1.jsx)(Comp, __assign({ treePath: treePath }, props));
+    });
+}

package/dist/cjs/components/src/providers/withTracking.d.ts

@@ -0,0 +1,16 @@
+import { ComponentType } from 'preact';
+import type { Banner, Product } from '@athoscommerce/snap-store-mobx';
+import type { SearchController, AutocompleteController, RecommendationController } from '@athoscommerce/snap-controller';
+import type { ContentType, BannerContent } from '@athoscommerce/snap-store-mobx';
+export declare const TRACKING_ATTRIBUTE = "sstracking";
+interface WithTrackingProps {
+    controller?: SearchController | AutocompleteController | RecommendationController;
+    result?: Product;
+    banner?: Banner;
+    type?: ContentType;
+    content?: BannerContent;
+    [key: string]: any;
+}
+export declare function withTracking<Props extends WithTrackingProps>(WrappedComponent: ComponentType<Props>): (props: Props) => import("@emotion/react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=withTracking.d.ts.map

package/dist/cjs/components/src/providers/withTracking.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"withTracking.d.ts","sourceRoot":"","sources":["../../../../../components/src/providers/withTracking.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAK,aAAa,EAAE,MAAM,QAAQ,CAAC;AAC1C,OAAO,KAAK,EAAE,MAAM,EAA8B,OAAO,EAAE,MAAM,gCAAgC,CAAC;AAClG,OAAO,KAAK,EAAE,gBAAgB,EAAE,sBAAsB,EAAE,wBAAwB,EAAE,MAAM,gCAAgC,CAAC;AACzH,OAAO,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAKjF,eAAO,MAAM,kBAAkB,eAAe,CAAC;AAC/C,UAAU,iBAAiB;IAC1B,UAAU,CAAC,EAAE,gBAAgB,GAAG,sBAAsB,GAAG,wBAAwB,CAAC;IAClF,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACnB;AAED,wBAAgB,YAAY,CAAC,KAAK,SAAS,iBAAiB,EAAE,gBAAgB,EAAE,aAAa,CAAC,KAAK,CAAC,WAEtE,KAAK,sDA+FlC"}

package/dist/cjs/components/src/providers/withTracking.js

@@ -0,0 +1,104 @@
+"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 __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TRACKING_ATTRIBUTE = void 0;
+exports.withTracking = withTracking;
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+var utilities_1 = require("../utilities");
+var hooks_1 = require("preact/hooks");
+exports.TRACKING_ATTRIBUTE = 'sstracking';
+function withTracking(WrappedComponent) {
+    var WrappedComponentCast = WrappedComponent;
+    var WithTracking = function (props) {
+        var _a, _b;
+        var controller = props.controller, result = props.result, banner = props.banner, type = props.type, content = props.content, restProps = __rest(props, ["controller", "result", "banner", "type", "content"]);
+        if (props.trackingRef) {
+            // case where withTracking may get used more than once
+            return (0, jsx_runtime_1.jsx)(WrappedComponentCast, __assign({}, props));
+        }
+        if (!controller && (!type || !content)) {
+            console.warn('Warning: No controller provided to withTracking', props);
+        }
+        if (!result && !banner && (!type || !content)) {
+            console.warn('Warning: No result or banner provided to withTracking');
+        }
+        var _c = (0, utilities_1.createImpressionObserver)(), ref = _c.ref, inViewport = _c.inViewport, updateRef = _c.updateRef;
+        // Reset impression tracking when the result identity changes (e.g. new search context).
+        // Each Product/Banner gets a new responseId per search response, so this naturally
+        // resets when query/sort/filters change without needing global controller state.
+        // Calling updateRef(ref.current) re-observes the same element with fresh state.
+        var resultIdentity = (_b = (result || banner || (type && ((_a = content === null || content === void 0 ? void 0 : content[type]) === null || _a === void 0 ? void 0 : _a[0])))) === null || _b === void 0 ? void 0 : _b.responseId;
+        var prevIdentityRef = (0, hooks_1.useRef)(resultIdentity);
+        // Tracks whether we're waiting for the observer to reset after an identity change.
+        // Set synchronously during render to block impressions immediately when identity
+        // changes, preventing a stale inViewport=true from firing before the observer resets.
+        var awaitingReobservationRef = (0, hooks_1.useRef)(false);
+        if (prevIdentityRef.current !== resultIdentity) {
+            awaitingReobservationRef.current = true;
+        }
+        (0, hooks_1.useEffect)(function () {
+            if (prevIdentityRef.current !== resultIdentity) {
+                prevIdentityRef.current = resultIdentity;
+                updateRef(ref.current);
+            }
+        }, [resultIdentity, updateRef]);
+        (0, hooks_1.useEffect)(function () {
+            if (awaitingReobservationRef.current && !inViewport) {
+                awaitingReobservationRef.current = false;
+            }
+        }, [inViewport, resultIdentity]);
+        var isBannerTracking = type && content && !result && ['search', 'autocomplete'].includes((controller === null || controller === void 0 ? void 0 : controller.type) || '');
+        if (inViewport && !awaitingReobservationRef.current) {
+            if (isBannerTracking) {
+                controller === null || controller === void 0 ? void 0 : controller.track.banner.impression(content[type][0]);
+            }
+            else if (!(result === null || result === void 0 ? void 0 : result.bundleSeed)) {
+                controller === null || controller === void 0 ? void 0 : controller.track.product.impression((result || banner));
+            }
+        }
+        var handleClick = (0, hooks_1.useCallback)(function (e) {
+            if (isBannerTracking) {
+                controller === null || controller === void 0 ? void 0 : controller.track.banner.click(e, content[type][0]);
+            }
+            else {
+                controller === null || controller === void 0 ? void 0 : controller.track.product.click(e, (result || banner));
+            }
+        }, [controller, result, banner, type, content]);
+        (0, hooks_1.useEffect)(function () {
+            var currentRef = ref.current;
+            if (currentRef) {
+                currentRef.setAttribute(exports.TRACKING_ATTRIBUTE, 'true');
+                currentRef.addEventListener('click', handleClick, true); // Use capture phase
+                return function () {
+                    currentRef.removeEventListener('click', handleClick, true);
+                };
+            }
+        }, [handleClick]);
+        var trackingProps = __assign(__assign({}, restProps), { controller: controller, result: result, banner: banner, type: type, content: content, trackingRef: (0, hooks_1.useCallback)(function (el) {
+                updateRef(el);
+            }, [updateRef]) });
+        return (0, jsx_runtime_1.jsx)(WrappedComponentCast, __assign({}, trackingProps));
+    };
+    return WithTracking;
+}

package/dist/cjs/components/src/setupTests.d.ts

@@ -0,0 +1,2 @@
+import '@testing-library/jest-dom';
+//# sourceMappingURL=setupTests.d.ts.map

package/dist/cjs/components/src/setupTests.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"setupTests.d.ts","sourceRoot":"","sources":["../../../../components/src/setupTests.ts"],"names":[],"mappings":"AAAA,OAAO,2BAA2B,CAAC"}

package/dist/cjs/components/src/setupTests.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+require("@testing-library/jest-dom");

package/dist/cjs/components/src/themes/base/base.d.ts

@@ -0,0 +1,3 @@
+import { ThemeComplete } from '../../providers';
+export declare const base: ThemeComplete;
+//# sourceMappingURL=base.d.ts.map

package/dist/cjs/components/src/themes/base/base.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../../components/src/themes/base/base.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAkB,MAAM,iBAAiB,CAAC;AAkBhE,eAAO,MAAM,IAAI,EAAE,aAKlB,CAAC"}

package/dist/cjs/components/src/themes/base/base.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.base = void 0;
+var responsive_1 = require("./responsive");
+var components_1 = require("./components");
+var baseVariables = {
+    breakpoints: {
+        mobile: 767,
+        tablet: 1024,
+        desktop: 1400,
+    },
+    colors: {
+        text: '#333333',
+        primary: '#3A23AD',
+        secondary: '#4c3ce2',
+        accent: '#00cee1',
+    },
+};
+exports.base = {
+    name: 'base',
+    variables: baseVariables,
+    components: components_1.components,
+    responsive: responsive_1.responsive,
+};

package/dist/cjs/components/src/themes/base/components/atoms/index.d.ts

@@ -0,0 +1,3 @@
+import { ThemeResponsiveComplete } from '../../../../providers';
+export declare const atoms: ThemeResponsiveComplete;
+//# sourceMappingURL=index.d.ts.map

package/dist/cjs/components/src/themes/base/components/atoms/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/base/components/atoms/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,MAAM,uBAAuB,CAAC;AAIhE,eAAO,MAAM,KAAK,EAAE,uBAKnB,CAAC"}

package/dist/cjs/components/src/themes/base/components/atoms/index.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.atoms = void 0;
+// ATOMS Imports
+exports.atoms = {
+    default: {},
+    mobile: {},
+    tablet: {},
+    desktop: {},
+};

package/dist/cjs/components/src/themes/base/components/index.d.ts

@@ -0,0 +1,6 @@
+import type { ThemeComponentsRestricted } from '../../../providers';
+export declare const components: ThemeComponentsRestricted;
+export declare const mobileComponents: ThemeComponentsRestricted;
+export declare const tabletComponents: ThemeComponentsRestricted;
+export declare const desktopComponents: ThemeComponentsRestricted;
+//# sourceMappingURL=index.d.ts.map

package/dist/cjs/components/src/themes/base/components/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/themes/base/components/index.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AAEpE,eAAO,MAAM,UAAU,EAAE,yBAKxB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,yBAK9B,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,yBAK9B,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,yBAK/B,CAAC"}

package/dist/cjs/components/src/themes/base/components/index.js

@@ -0,0 +1,22 @@
+"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.desktopComponents = exports.tabletComponents = exports.mobileComponents = exports.components = void 0;
+var atoms_1 = require("./atoms");
+var molecules_1 = require("./molecules");
+var organisms_1 = require("./organisms");
+var templates_1 = require("./templates");
+exports.components = __assign(__assign(__assign(__assign({}, atoms_1.atoms.default), molecules_1.molecules.default), organisms_1.organisms.default), templates_1.templates.default);
+exports.mobileComponents = __assign(__assign(__assign(__assign({}, atoms_1.atoms.mobile), molecules_1.molecules.mobile), organisms_1.organisms.mobile), templates_1.templates.mobile);
+exports.tabletComponents = __assign(__assign(__assign(__assign({}, atoms_1.atoms.tablet), molecules_1.molecules.tablet), organisms_1.organisms.tablet), templates_1.templates.tablet);
+exports.desktopComponents = __assign(__assign(__assign(__assign({}, atoms_1.atoms.desktop), molecules_1.molecules.desktop), organisms_1.organisms.desktop), templates_1.templates.desktop);

package/dist/cjs/components/src/themes/base/components/molecules/index.d.ts

@@ -0,0 +1,3 @@
+import { ThemeResponsiveComplete } from '../../../../providers';
+export declare const molecules: ThemeResponsiveComplete;
+//# sourceMappingURL=index.d.ts.map

package/dist/cjs/components/src/themes/base/components/molecules/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/base/components/molecules/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,MAAM,uBAAuB,CAAC;AAIhE,eAAO,MAAM,SAAS,EAAE,uBAKvB,CAAC"}

package/dist/cjs/components/src/themes/base/components/molecules/index.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.molecules = void 0;
+// MOLECULES Imports
+exports.molecules = {
+    default: {},
+    mobile: {},
+    tablet: {},
+    desktop: {},
+};

package/dist/cjs/components/src/themes/base/components/organisms/autocomplete.d.ts

@@ -0,0 +1,4 @@
+import { ThemeComponent } from '../../../../providers';
+import { AutocompleteProps } from '../../../../components/Organisms/Autocomplete';
+export declare const autocomplete: ThemeComponent<'autocomplete', AutocompleteProps>;
+//# sourceMappingURL=autocomplete.d.ts.map

package/dist/cjs/components/src/themes/base/components/organisms/autocomplete.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"autocomplete.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/base/components/organisms/autocomplete.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,iBAAiB,EAAE,MAAM,+CAA+C,CAAC;AAOlF,eAAO,MAAM,YAAY,EAAE,cAAc,CAAC,cAAc,EAAE,iBAAiB,CAW1E,CAAC"}

package/dist/cjs/components/src/themes/base/components/organisms/autocomplete.js

@@ -0,0 +1,27 @@
+"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 _a;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.autocomplete = void 0;
+var react_1 = require("@emotion/react");
+var autocomplete_1 = require("../../../themeComponents/autocomplete");
+// CSS in JS style script for the Search component
+var autocompleteStyleScript = function (_a) {
+    return (0, react_1.css)({});
+};
+exports.autocomplete = {
+    default: __assign(__assign({}, autocomplete_1.autocompleteThemeComponentProps.default), { autocomplete: __assign(__assign({}, (((_a = autocomplete_1.autocompleteThemeComponentProps.default) === null || _a === void 0 ? void 0 : _a['autocomplete']) || {})), { themeStyleScript: autocompleteStyleScript }) }),
+    mobile: autocomplete_1.autocompleteThemeComponentProps.mobile,
+    desktop: autocomplete_1.autocompleteThemeComponentProps.desktop,
+    tablet: autocomplete_1.autocompleteThemeComponentProps.tablet,
+};

package/dist/cjs/components/src/themes/base/components/organisms/index.d.ts

@@ -0,0 +1,3 @@
+import { ThemeResponsiveComplete } from '../../../../providers';
+export declare const organisms: ThemeResponsiveComplete;
+//# sourceMappingURL=index.d.ts.map

package/dist/cjs/components/src/themes/base/components/organisms/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/base/components/organisms/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,MAAM,uBAAuB,CAAC;AAKhE,eAAO,MAAM,SAAS,EAAE,uBAavB,CAAC"}

package/dist/cjs/components/src/themes/base/components/organisms/index.js

@@ -0,0 +1,22 @@
+"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.organisms = void 0;
+var autocomplete_1 = require("./autocomplete");
+// ORGANISMS Imports
+exports.organisms = {
+    default: __assign({}, autocomplete_1.autocomplete.default),
+    mobile: __assign({}, autocomplete_1.autocomplete.mobile),
+    tablet: __assign({}, autocomplete_1.autocomplete.tablet),
+    desktop: __assign({}, autocomplete_1.autocomplete.desktop),
+};

package/dist/cjs/components/src/themes/base/components/templates/autocompleteFixed.d.ts

@@ -0,0 +1,4 @@
+import { ThemeComponent } from '../../../../providers';
+import { AutocompleteFixedProps } from '../../../../components/Templates/AutocompleteFixed';
+export declare const autocompleteFixed: ThemeComponent<'autocompleteFixed', AutocompleteFixedProps>;
+//# sourceMappingURL=autocompleteFixed.d.ts.map

package/dist/cjs/components/src/themes/base/components/templates/autocompleteFixed.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"autocompleteFixed.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/base/components/templates/autocompleteFixed.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,sBAAsB,EAAE,MAAM,oDAAoD,CAAC;AAO5F,eAAO,MAAM,iBAAiB,EAAE,cAAc,CAAC,mBAAmB,EAAE,sBAAsB,CAWzF,CAAC"}

package/dist/cjs/components/src/themes/base/components/templates/autocompleteFixed.js

@@ -0,0 +1,27 @@
+"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 _a;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.autocompleteFixed = void 0;
+var react_1 = require("@emotion/react");
+var autocompleteFixed_1 = require("../../../themeComponents/autocompleteFixed");
+// CSS in JS style script for the Search component
+var autocompleteFixedStyleScript = function (_a) {
+    return (0, react_1.css)({});
+};
+exports.autocompleteFixed = {
+    default: __assign(__assign({}, autocompleteFixed_1.autocompleteFixedThemeComponentProps.default), { autocompleteFixed: __assign(__assign({}, (((_a = autocompleteFixed_1.autocompleteFixedThemeComponentProps.default) === null || _a === void 0 ? void 0 : _a['autocompleteFixed']) || {})), { themeStyleScript: autocompleteFixedStyleScript }) }),
+    mobile: autocompleteFixed_1.autocompleteFixedThemeComponentProps.mobile,
+    desktop: autocompleteFixed_1.autocompleteFixedThemeComponentProps.desktop,
+    tablet: autocompleteFixed_1.autocompleteFixedThemeComponentProps.tablet,
+};

package/dist/cjs/components/src/themes/base/components/templates/autocompleteModal.d.ts

@@ -0,0 +1,4 @@
+import { ThemeComponent } from '../../../../providers';
+import { AutocompleteModalProps } from '../../../../components/Templates/AutocompleteModal';
+export declare const autocompleteModal: ThemeComponent<'autocompleteModal', AutocompleteModalProps>;
+//# sourceMappingURL=autocompleteModal.d.ts.map

package/dist/cjs/components/src/themes/base/components/templates/autocompleteModal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"autocompleteModal.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/base/components/templates/autocompleteModal.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,sBAAsB,EAAE,MAAM,oDAAoD,CAAC;AAO5F,eAAO,MAAM,iBAAiB,EAAE,cAAc,CAAC,mBAAmB,EAAE,sBAAsB,CAWzF,CAAC"}

package/dist/cjs/components/src/themes/base/components/templates/autocompleteModal.js

@@ -0,0 +1,27 @@
+"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 _a;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.autocompleteModal = void 0;
+var react_1 = require("@emotion/react");
+var autocompleteModal_1 = require("../../../themeComponents/autocompleteModal");
+// CSS in JS style script for the Search component
+var autocompleteModalStyleScript = function (_a) {
+    return (0, react_1.css)({});
+};
+exports.autocompleteModal = {
+    default: __assign(__assign({}, autocompleteModal_1.autocompleteModalThemeComponentProps.default), { autocompleteModal: __assign(__assign({}, (((_a = autocompleteModal_1.autocompleteModalThemeComponentProps.default) === null || _a === void 0 ? void 0 : _a['autocompleteModal']) || {})), { themeStyleScript: autocompleteModalStyleScript }) }),
+    mobile: autocompleteModal_1.autocompleteModalThemeComponentProps.mobile,
+    desktop: autocompleteModal_1.autocompleteModalThemeComponentProps.desktop,
+    tablet: autocompleteModal_1.autocompleteModalThemeComponentProps.tablet,
+};

package/dist/cjs/components/src/themes/base/components/templates/autocompleteSlideout.d.ts

@@ -0,0 +1,4 @@
+import { ThemeComponent } from '../../../../providers';
+import { AutocompleteSlideoutProps } from '../../../../components/Templates/AutocompleteSlideout';
+export declare const autocompleteSlideout: ThemeComponent<'autocompleteSlideout', AutocompleteSlideoutProps>;
+//# sourceMappingURL=autocompleteSlideout.d.ts.map

package/dist/cjs/components/src/themes/base/components/templates/autocompleteSlideout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"autocompleteSlideout.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/base/components/templates/autocompleteSlideout.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,yBAAyB,EAAE,MAAM,uDAAuD,CAAC;AAOlG,eAAO,MAAM,oBAAoB,EAAE,cAAc,CAAC,sBAAsB,EAAE,yBAAyB,CAWlG,CAAC"}

package/dist/cjs/components/src/themes/base/components/templates/autocompleteSlideout.js

@@ -0,0 +1,27 @@
+"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 _a;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.autocompleteSlideout = void 0;
+var react_1 = require("@emotion/react");
+var autocompleteSlideout_1 = require("../../../themeComponents/autocompleteSlideout");
+// CSS in JS style script for the Search component
+var autocompleteSlideoutStyleScript = function (_a) {
+    return (0, react_1.css)({});
+};
+exports.autocompleteSlideout = {
+    default: __assign(__assign({}, autocompleteSlideout_1.autocompleteSlideoutThemeComponentProps.default), { autocompleteSlideout: __assign(__assign({}, (((_a = autocompleteSlideout_1.autocompleteSlideoutThemeComponentProps.default) === null || _a === void 0 ? void 0 : _a['autocompleteSlideout']) || {})), { themeStyleScript: autocompleteSlideoutStyleScript }) }),
+    mobile: autocompleteSlideout_1.autocompleteSlideoutThemeComponentProps.mobile,
+    desktop: autocompleteSlideout_1.autocompleteSlideoutThemeComponentProps.desktop,
+    tablet: autocompleteSlideout_1.autocompleteSlideoutThemeComponentProps.tablet,
+};

package/dist/cjs/components/src/themes/base/components/templates/index.d.ts

@@ -0,0 +1,3 @@
+import { ThemeResponsiveComplete } from '../../../../providers';
+export declare const templates: ThemeResponsiveComplete;
+//# sourceMappingURL=index.d.ts.map

package/dist/cjs/components/src/themes/base/components/templates/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/base/components/templates/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,MAAM,uBAAuB,CAAC;AAiBhE,eAAO,MAAM,SAAS,EAAE,uBA6DvB,CAAC"}

package/dist/cjs/components/src/themes/base/components/templates/index.js

@@ -0,0 +1,34 @@
+"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.templates = void 0;
+// TEMPLATES
+var recommendation_1 = require("./recommendation");
+var recommendationBundle_1 = require("./recommendationBundle");
+var recommendationBundleEasyAdd_1 = require("./recommendationBundleEasyAdd");
+var recommendationBundleList_1 = require("./recommendationBundleList");
+var recommendationBundleVertical_1 = require("./recommendationBundleVertical");
+var recommendationGrid_1 = require("./recommendationGrid");
+var recommendationEmail_1 = require("./recommendationEmail");
+var search_1 = require("./search");
+var searchHorizontal_1 = require("./searchHorizontal");
+var searchCollapsible_1 = require("./searchCollapsible");
+var autocompleteSlideout_1 = require("./autocompleteSlideout");
+var autocompleteModal_1 = require("./autocompleteModal");
+var autocompleteFixed_1 = require("./autocompleteFixed");
+exports.templates = {
+    default: __assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign({}, autocompleteSlideout_1.autocompleteSlideout.default), autocompleteModal_1.autocompleteModal.default), autocompleteFixed_1.autocompleteFixed.default), recommendation_1.recommendation.default), recommendationBundle_1.recommendationBundle.default), recommendationBundleEasyAdd_1.recommendationBundleEasyAdd.default), recommendationBundleList_1.recommendationBundleList.default), recommendationBundleVertical_1.recommendationBundleVertical.default), recommendationGrid_1.recommendationGrid.default), recommendationEmail_1.recommendationEmail.default), search_1.search.default), searchCollapsible_1.searchCollapsible.default), searchHorizontal_1.searchHorizontal.default),
+    mobile: __assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign({}, autocompleteSlideout_1.autocompleteSlideout.mobile), autocompleteModal_1.autocompleteModal.mobile), autocompleteFixed_1.autocompleteFixed.mobile), recommendation_1.recommendation.mobile), recommendationBundle_1.recommendationBundle.mobile), recommendationBundleEasyAdd_1.recommendationBundleEasyAdd.mobile), recommendationBundleList_1.recommendationBundleList.mobile), recommendationBundleVertical_1.recommendationBundleVertical.mobile), recommendationGrid_1.recommendationGrid.mobile), recommendationEmail_1.recommendationEmail.mobile), search_1.search.mobile), searchCollapsible_1.searchCollapsible.mobile), searchHorizontal_1.searchHorizontal.mobile),
+    tablet: __assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign({}, autocompleteSlideout_1.autocompleteSlideout.tablet), autocompleteModal_1.autocompleteModal.tablet), autocompleteFixed_1.autocompleteFixed.tablet), recommendation_1.recommendation.tablet), recommendationBundle_1.recommendationBundle.tablet), recommendationBundleEasyAdd_1.recommendationBundleEasyAdd.tablet), recommendationBundleList_1.recommendationBundleList.tablet), recommendationBundleVertical_1.recommendationBundleVertical.tablet), recommendationGrid_1.recommendationGrid.tablet), recommendationEmail_1.recommendationEmail.tablet), search_1.search.tablet), searchCollapsible_1.searchCollapsible.tablet), searchHorizontal_1.searchHorizontal.tablet),
+    desktop: __assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign({}, autocompleteSlideout_1.autocompleteSlideout.desktop), autocompleteModal_1.autocompleteModal.desktop), autocompleteFixed_1.autocompleteFixed.desktop), recommendation_1.recommendation.desktop), recommendationBundle_1.recommendationBundle.desktop), recommendationBundleEasyAdd_1.recommendationBundleEasyAdd.desktop), recommendationBundleList_1.recommendationBundleList.desktop), recommendationBundleVertical_1.recommendationBundleVertical.desktop), recommendationGrid_1.recommendationGrid.desktop), recommendationEmail_1.recommendationEmail.desktop), search_1.search.desktop), searchCollapsible_1.searchCollapsible.desktop), searchHorizontal_1.searchHorizontal.desktop),
+};

package/dist/cjs/components/src/themes/base/components/templates/recommendation.d.ts

@@ -0,0 +1,4 @@
+import type { RecommendationProps } from '../../../../components/Templates/Recommendation';
+import { ThemeComponent } from '../../../../providers';
+export declare const recommendation: ThemeComponent<'recommendation', RecommendationProps>;
+//# sourceMappingURL=recommendation.d.ts.map

package/dist/cjs/components/src/themes/base/components/templates/recommendation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"recommendation.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/base/components/templates/recommendation.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,iDAAiD,CAAC;AAE3F,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAgBvD,eAAO,MAAM,cAAc,EAAE,cAAc,CAAC,gBAAgB,EAAE,mBAAmB,CAWhF,CAAC"}

package/dist/cjs/components/src/themes/base/components/templates/recommendation.js

@@ -0,0 +1,37 @@
+"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 _a;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.recommendation = void 0;
+var react_1 = require("@emotion/react");
+var recommendation_1 = require("../../../themeComponents/recommendation");
+// CSS in JS style script for the Recommendation component
+var recommendationStyleScript = function (_a) {
+    var _b;
+    var theme = _a.theme;
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    var variables = theme === null || theme === void 0 ? void 0 : theme.variables;
+    return (0, react_1.css)({
+        margin: '20px 0',
+        '& .ss__recommendation__title': {
+            color: (_b = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _b === void 0 ? void 0 : _b.primary,
+        },
+    });
+};
+// Recommendation component props come from Template export
+exports.recommendation = {
+    default: __assign(__assign({}, recommendation_1.recommendationThemeComponentProps.default), { recommendation: __assign(__assign({}, (((_a = recommendation_1.recommendationThemeComponentProps.default) === null || _a === void 0 ? void 0 : _a['recommendation']) || {})), { themeStyleScript: recommendationStyleScript }) }),
+    mobile: recommendation_1.recommendationThemeComponentProps.mobile,
+    desktop: recommendation_1.recommendationThemeComponentProps.desktop,
+    tablet: recommendation_1.recommendationThemeComponentProps.tablet,
+};

package/dist/cjs/components/src/themes/base/components/templates/recommendationBundle.d.ts

@@ -0,0 +1,4 @@
+import type { RecommendationBundleProps } from '../../../../components/Templates/RecommendationBundle';
+import { ThemeComponent } from '../../../../providers';
+export declare const recommendationBundle: ThemeComponent<'recommendationBundle', RecommendationBundleProps>;
+//# sourceMappingURL=recommendationBundle.d.ts.map

package/dist/cjs/components/src/themes/base/components/templates/recommendationBundle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"recommendationBundle.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/base/components/templates/recommendationBundle.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,uDAAuD,CAAC;AAEvG,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAEvD,eAAO,MAAM,oBAAoB,EAAE,cAAc,CAAC,sBAAsB,EAAE,yBAAyB,CAA2C,CAAC"}

package/dist/cjs/components/src/themes/base/components/templates/recommendationBundle.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.recommendationBundle = void 0;
+var recommendationBundle_1 = require("../../../themeComponents/recommendationBundle");
+exports.recommendationBundle = recommendationBundle_1.recommendationBundleThemeComponentProps;

package/dist/cjs/components/src/themes/base/components/templates/recommendationBundleEasyAdd.d.ts

@@ -0,0 +1,4 @@
+import type { RecommendationBundleEasyAddProps } from '../../../../components/Templates/RecommendationBundleEasyAdd';
+import { ThemeComponent } from '../../../../providers';
+export declare const recommendationBundleEasyAdd: ThemeComponent<'recommendationBundleEasyAdd', RecommendationBundleEasyAddProps>;
+//# sourceMappingURL=recommendationBundleEasyAdd.d.ts.map

package/dist/cjs/components/src/themes/base/components/templates/recommendationBundleEasyAdd.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"recommendationBundleEasyAdd.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/base/components/templates/recommendationBundleEasyAdd.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gCAAgC,EAAE,MAAM,8DAA8D,CAAC;AAErH,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAEvD,eAAO,MAAM,2BAA2B,EAAE,cAAc,CAAC,6BAA6B,EAAE,gCAAgC,CACzE,CAAC"}

package/dist/cjs/components/src/themes/base/components/templates/recommendationBundleEasyAdd.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.recommendationBundleEasyAdd = void 0;
+var recommendationBundleEasyAdd_1 = require("../../../themeComponents/recommendationBundleEasyAdd");
+exports.recommendationBundleEasyAdd = recommendationBundleEasyAdd_1.recommendationBundleEasyAddThemeComponentProps;

package/dist/cjs/components/src/themes/base/components/templates/recommendationBundleList.d.ts

@@ -0,0 +1,4 @@
+import type { RecommendationBundleListProps } from '../../../../components/Templates/RecommendationBundleList';
+import { ThemeComponent } from '../../../../providers';
+export declare const recommendationBundleList: ThemeComponent<'recommendationBundleList', RecommendationBundleListProps>;
+//# sourceMappingURL=recommendationBundleList.d.ts.map

package/dist/cjs/components/src/themes/base/components/templates/recommendationBundleList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"recommendationBundleList.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/base/components/templates/recommendationBundleList.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,6BAA6B,EAAE,MAAM,2DAA2D,CAAC;AAE/G,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAEvD,eAAO,MAAM,wBAAwB,EAAE,cAAc,CAAC,0BAA0B,EAAE,6BAA6B,CACnE,CAAC"}