@searchspring/snap-preact-components 0.51.1 → 0.52.0

package/dist/cjs/components/Organisms/Recommendation/Recommendation.d.ts

@@ -2,11 +2,9 @@
 /** @jsx jsx */
 import { ComponentChildren } from 'preact';
 import type { RecommendationController } from '@searchspring/snap-controller';
-import type { SearchResultStore } from '@searchspring/snap-store-mobx';
+import type { Product } from '@searchspring/snap-store-mobx';
 import { ComponentProps, BreakpointsProps } from '../../../types';
-export declare const Recommendation: ((properties: RecommendationProps) => JSX.Element) & {
-    displayName: string;
-};
+export declare const Recommendation: (properties: RecommendationProps) => JSX.Element;
 export interface RecommendationProps extends ComponentProps {
     title?: JSX.Element | string;
     breakpoints?: BreakpointsProps;
@@ -14,7 +12,7 @@ export interface RecommendationProps extends ComponentProps {
     nextButton?: JSX.Element | string;
     hideButtons?: boolean;
     loop?: boolean;
-    results?: SearchResultStore;
+    results?: Product[];
     pagination?: boolean;
     controller: RecommendationController;
     children?: ComponentChildren;

package/dist/cjs/components/Organisms/Recommendation/Recommendation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Recommendation.d.ts","sourceRoot":"","sources":["../../../../../src/components/Organisms/Recommendation/Recommendation.tsx"],"names":[],"mappings":";AAAA,eAAe;AACf,OAAO,EAAe,iBAAiB,EAAE,MAAM,QAAQ,CAAC;AAMxD,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AAC9E,OAAO,KAAK,EAAE,iBAAiB,EAAW,MAAM,+BAA+B,CAAC;AAMhF,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAc,MAAM,gBAAgB,CAAC;AAe9E,eAAO,MAAM,cAAc,gBAAyB,mBAAmB,KAAG,WAAW;;CA+HnF,CAAC;AAEH,MAAM,WAAW,mBAAoB,SAAQ,cAAc;IAC1D,KAAK,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,MAAM,CAAC;IAC7B,WAAW,CAAC,EAAE,gBAAgB,CAAC;IAC/B,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,iBAAiB,CAAC;IAC5B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,EAAE,wBAAwB,CAAC;IACrC,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB"}
+{"version":3,"file":"Recommendation.d.ts","sourceRoot":"","sources":["../../../../../src/components/Organisms/Recommendation/Recommendation.tsx"],"names":[],"mappings":";AAAA,eAAe;AACf,OAAO,EAAe,iBAAiB,EAAE,MAAM,QAAQ,CAAC;AAMxD,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AAC9E,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,+BAA+B,CAAC;AAM7D,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAc,MAAM,gBAAgB,CAAC;AAe9E,eAAO,MAAM,cAAc,eAAyB,mBAAmB,KAAG,WA+HxE,CAAC;AAEH,MAAM,WAAW,mBAAoB,SAAQ,cAAc;IAC1D,KAAK,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,MAAM,CAAC;IAC7B,WAAW,CAAC,EAAE,gBAAgB,CAAC;IAC/B,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,UAAU,EAAE,wBAAwB,CAAC;IACrC,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB"}

package/dist/cjs/components/Organisms/Recommendation/Recommendation.js

@@ -30,7 +30,7 @@ exports.Recommendation = void 0;
 var preact_1 = require("preact");
 var react_1 = require("@emotion/react");
 var classnames_1 = __importDefault(require("classnames"));
-var mobx_react_lite_1 = require("mobx-react-lite");
+var mobx_react_1 = require("mobx-react");
 var deepmerge_1 = __importDefault(require("deepmerge"));
 var Carousel_1 = require("../../Molecules/Carousel");
 var Result_1 = require("../../Molecules/Result");
@@ -50,7 +50,7 @@ var CSS = {
         });
     },
 };
-exports.Recommendation = (0, mobx_react_lite_1.observer)(function (properties) {
+exports.Recommendation = (0, mobx_react_1.observer)(function (properties) {
     var _a, _b, _c, _d, _e, _f;
     var globalTheme = (0, providers_1.useTheme)();
     var props = __assign(__assign(__assign({ 

package/dist/cjs/components/Organisms/RecommendationBundle/BundleCTA.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+import { IconProps } from '../../Atoms/Icon';
+import type { ComponentProps } from '../../../types';
+import type { CartStore } from '@searchspring/snap-store-mobx';
+export declare const BundledCTA: (properties: BundledCTAProps) => JSX.Element;
+export interface BundleSelectorSubProps {
+    icon: Partial<IconProps>;
+}
+interface BundledCTAProps extends ComponentProps {
+    ctaSlot?: JSX.Element;
+    cartStore: CartStore;
+    icon?: string | Partial<IconProps> | boolean;
+    onAddToCartClick: (e: React.MouseEvent<HTMLElement, MouseEvent>) => void;
+    addToCartText?: string;
+}
+export {};
+//# sourceMappingURL=BundleCTA.d.ts.map

package/dist/cjs/components/Organisms/RecommendationBundle/BundleCTA.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BundleCTA.d.ts","sourceRoot":"","sources":["../../../../../src/components/Organisms/RecommendationBundle/BundleCTA.tsx"],"names":[],"mappings":";AAQA,OAAO,EAAQ,SAAS,EAAE,MAAM,kBAAkB,CAAC;AACnD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AACrD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,+BAA+B,CAAC;AAE/D,eAAO,MAAM,UAAU,eAAyB,eAAe,KAAG,WA2DhE,CAAC;AAEH,MAAM,WAAW,sBAAsB;IACtC,IAAI,EAAE,OAAO,CAAC,SAAS,CAAC,CAAC;CACzB;AAED,UAAU,eAAgB,SAAQ,cAAc;IAC/C,OAAO,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACtB,SAAS,EAAE,SAAS,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,SAAS,CAAC,GAAG,OAAO,CAAC;IAC7C,gBAAgB,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;IACzE,aAAa,CAAC,EAAE,MAAM,CAAC;CACvB"}

package/dist/cjs/components/Organisms/RecommendationBundle/BundleCTA.js

@@ -0,0 +1,48 @@
+"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.BundledCTA = void 0;
+/** @jsx jsx */
+var preact_1 = require("preact");
+var react_1 = require("@emotion/react");
+var mobx_react_1 = require("mobx-react");
+var utilities_1 = require("../../../utilities");
+var Button_1 = require("../../Atoms/Button");
+var Price_1 = require("../../Atoms/Price");
+var providers_1 = require("../../../providers");
+var Icon_1 = require("../../Atoms/Icon");
+exports.BundledCTA = (0, mobx_react_1.observer)(function (properties) {
+    var _a;
+    var globalTheme = (0, providers_1.useTheme)();
+    var props = __assign({}, properties);
+    var ctaSlot = props.ctaSlot, icon = props.icon, cartStore = props.cartStore, onAddToCartClick = props.onAddToCartClick, addToCartText = props.addToCartText;
+    var subProps = {
+        icon: __assign(__assign({ 
+            // default props
+            className: 'ss__recommendation-bundle__wrapper__cta__icon', icon: 'bag', size: 50 }, (_a = globalTheme === null || globalTheme === void 0 ? void 0 : globalTheme.components) === null || _a === void 0 ? void 0 : _a.icon), { 
+            // component theme overrides
+            theme: props === null || props === void 0 ? void 0 : props.theme }),
+    };
+    return ((0, react_1.jsx)("div", { className: "ss__recommendation-bundle__wrapper__cta" }, ctaSlot ? ((0, utilities_1.cloneWithProps)(ctaSlot, props)) : ((0, react_1.jsx)(preact_1.Fragment, null,
+        (0, react_1.jsx)("div", { className: "ss__recommendation-bundle__wrapper__cta__subtotal" },
+            icon ? ((0, react_1.jsx)("div", { className: "icon" },
+                (0, react_1.jsx)(Icon_1.Icon, __assign({}, subProps.icon, (typeof icon == 'string' ? { icon: icon } : icon))))) : ((0, react_1.jsx)(preact_1.Fragment, null)),
+            (0, react_1.jsx)("span", { className: "ss__recommendation-bundle__wrapper__cta__subtotal__title" }, "Subtotal for ".concat(cartStore.count, " items")),
+            (0, react_1.jsx)("div", { className: "ss__recommendation-bundle__wrapper__cta__subtotal__prices" },
+                cartStore.msrp && cartStore.msrp !== cartStore.price ? ((0, react_1.jsx)("label", { className: "ss__recommendation-bundle__wrapper__cta__subtotal__strike" },
+                    "Was ",
+                    (0, react_1.jsx)(Price_1.Price, { lineThrough: true, value: cartStore.msrp }))) : ((0, react_1.jsx)(preact_1.Fragment, null)),
+                (0, react_1.jsx)("label", { className: "ss__recommendation-bundle__wrapper__cta__subtotal__price" },
+                    (0, react_1.jsx)(Price_1.Price, { value: cartStore.price })))),
+        (0, react_1.jsx)(Button_1.Button, { className: 'ss__recommendation-bundle__wrapper__cta__button', onClick: function (e) { return onAddToCartClick(e); } }, addToCartText)))));
+});

package/dist/cjs/components/Organisms/RecommendationBundle/BundleSelector.d.ts

@@ -0,0 +1,21 @@
+/// <reference types="react" />
+/** @jsx jsx */
+import { ComponentChildren } from 'preact';
+import { CheckboxProps } from '../../Molecules/Checkbox';
+import { IconProps } from '../../Atoms/Icon';
+import type { ComponentProps } from '../../../types';
+export declare const BundleSelector: (properties: BundleSelectorProps) => JSX.Element;
+export interface BundleSelectorSubProps {
+    icon: Partial<IconProps>;
+    checkbox: Partial<CheckboxProps>;
+}
+export interface BundleSelectorProps extends ComponentProps {
+    children?: ComponentChildren;
+    checked?: boolean;
+    seedText?: string;
+    seed?: boolean;
+    hideCheckboxes?: boolean;
+    onCheck?: () => void;
+    icon?: string | Partial<IconProps> | boolean;
+}
+//# sourceMappingURL=BundleSelector.d.ts.map

package/dist/cjs/components/Organisms/RecommendationBundle/BundleSelector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BundleSelector.d.ts","sourceRoot":"","sources":["../../../../../src/components/Organisms/RecommendationBundle/BundleSelector.tsx"],"names":[],"mappings":";AAAA,eAAe;AACf,OAAO,EAAK,iBAAiB,EAAE,MAAM,QAAQ,CAAC;AAK9C,OAAO,EAAY,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACnE,OAAO,EAAQ,SAAS,EAAE,MAAM,kBAAkB,CAAC;AACnD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAErD,eAAO,MAAM,cAAc,eAAyB,mBAAmB,KAAG,WAmDxE,CAAC;AAEH,MAAM,WAAW,sBAAsB;IACtC,IAAI,EAAE,OAAO,CAAC,SAAS,CAAC,CAAC;IACzB,QAAQ,EAAE,OAAO,CAAC,aAAa,CAAC,CAAC;CACjC;AAED,MAAM,WAAW,mBAAoB,SAAQ,cAAc;IAC1D,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IAC7B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,SAAS,CAAC,GAAG,OAAO,CAAC;CAC7C"}

package/dist/cjs/components/Organisms/RecommendationBundle/BundleSelector.js

@@ -0,0 +1,47 @@
+"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.BundleSelector = void 0;
+var react_1 = require("@emotion/react");
+var classnames_1 = __importDefault(require("classnames"));
+var mobx_react_1 = require("mobx-react");
+var providers_1 = require("../../../providers");
+var Checkbox_1 = require("../../Molecules/Checkbox");
+var Icon_1 = require("../../Atoms/Icon");
+exports.BundleSelector = (0, mobx_react_1.observer)(function (properties) {
+    var _a, _b;
+    var globalTheme = (0, providers_1.useTheme)();
+    var props = __assign({ 
+        // default props
+        hideCheckboxes: false }, properties);
+    var className = props.className, children = props.children, checked = props.checked, icon = props.icon, seedText = props.seedText, seed = props.seed, hideCheckboxes = props.hideCheckboxes, onCheck = props.onCheck;
+    var subProps = {
+        icon: __assign(__assign({ 
+            // default props
+            className: 'ss__recommendation-bundle__wrapper__selector__icon', size: 15 }, (_a = globalTheme === null || globalTheme === void 0 ? void 0 : globalTheme.components) === null || _a === void 0 ? void 0 : _a.icon), { 
+            // component theme overrides
+            theme: props === null || props === void 0 ? void 0 : props.theme }),
+        checkbox: __assign(__assign({ className: 'ss__recommendation-bundle__wrapper__selector__result-wrapper__checkbox', checked: checked, size: 18, onClick: onCheck }, (_b = globalTheme === null || globalTheme === void 0 ? void 0 : globalTheme.components) === null || _b === void 0 ? void 0 : _b.checkbox), { 
+            // component theme overrides
+            theme: props === null || props === void 0 ? void 0 : props.theme }),
+    };
+    return ((0, react_1.jsx)("div", { className: (0, classnames_1.default)('ss__recommendation-bundle__wrapper__selector', checked ? 'ss__recommendation-bundle__wrapper__selector--selected' : '', seedText || seed ? 'ss__recommendation-bundle__wrapper__selector--seed' : '', className) },
+        (0, react_1.jsx)("div", { className: "ss__recommendation-bundle__wrapper__selector__result-wrapper" },
+            !hideCheckboxes && (0, react_1.jsx)(Checkbox_1.Checkbox, __assign({}, subProps.checkbox)),
+            seedText && (0, react_1.jsx)("div", { className: 'ss__recommendation-bundle__wrapper__selector__result-wrapper__seed-badge' }, seedText),
+            children),
+        (0, react_1.jsx)(Icon_1.Icon, __assign({}, subProps.icon, (typeof icon == 'string' ? { icon: icon } : icon)))));
+});

package/dist/cjs/components/Organisms/RecommendationBundle/RecommendationBundle.d.ts

@@ -0,0 +1,33 @@
+/// <reference types="react" />
+import { CarouselProps as CarouselProps } from '../../Molecules/Carousel';
+import { ComponentProps, BreakpointsProps } from '../../../types';
+import { IconProps } from '../../Atoms/Icon';
+import type { RecommendationController } from '@searchspring/snap-controller';
+import type { Product } from '@searchspring/snap-store-mobx';
+export declare const RecommendationBundle: (properties: RecommendationBundleProps) => JSX.Element;
+type BundleCarouselProps = {
+    enabled?: boolean;
+    seedInCarousel?: boolean;
+} & Partial<CarouselProps>;
+export interface RecommendationBundleProps extends ComponentProps {
+    results?: Product[];
+    limit?: number;
+    controller: RecommendationController;
+    onAddToCart: (items: Product[]) => void;
+    title?: JSX.Element | string;
+    breakpoints?: BreakpointsProps;
+    resultComponent?: JSX.Element;
+    preselectedCount?: number;
+    hideCheckboxes?: boolean;
+    seedText?: string;
+    separatorIconSeedOnly?: boolean;
+    separatorIcon?: string | Partial<IconProps> | boolean;
+    ctaInline?: boolean;
+    ctaIcon?: string | Partial<IconProps> | boolean;
+    ctaButtonText?: string;
+    ctaSlot?: JSX.Element;
+    vertical?: boolean;
+    carousel?: BundleCarouselProps;
+}
+export {};
+//# sourceMappingURL=RecommendationBundle.d.ts.map

package/dist/cjs/components/Organisms/RecommendationBundle/RecommendationBundle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RecommendationBundle.d.ts","sourceRoot":"","sources":["../../../../../src/components/Organisms/RecommendationBundle/RecommendationBundle.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAY,aAAa,IAAI,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAIpF,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAc,MAAM,gBAAgB,CAAC;AAI9E,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AAC9E,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,+BAA+B,CAAC;AAyG7D,eAAO,MAAM,oBAAoB,eAAyB,yBAAyB,KAAG,WAicpF,CAAC;AAEH,KAAK,mBAAmB,GAAG;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,cAAc,CAAC,EAAE,OAAO,CAAC;CACzB,GAAG,OAAO,CAAC,aAAa,CAAC,CAAC;AAE3B,MAAM,WAAW,yBAA0B,SAAQ,cAAc;IAChE,OAAO,CAAC,EAAE,OAAO,EAAE,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,wBAAwB,CAAC;IACrC,WAAW,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,KAAK,IAAI,CAAC;IACxC,KAAK,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,MAAM,CAAC;IAC7B,WAAW,CAAC,EAAE,gBAAgB,CAAC;IAC/B,eAAe,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC9B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,aAAa,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,SAAS,CAAC,GAAG,OAAO,CAAC;IACtD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,SAAS,CAAC,GAAG,OAAO,CAAC;IAChD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,mBAAmB,CAAC;CAC/B"}

package/dist/cjs/components/Organisms/RecommendationBundle/RecommendationBundle.js

@@ -0,0 +1,336 @@
+"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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RecommendationBundle = void 0;
+/** @jsx jsx */
+var preact_1 = require("preact");
+var react_1 = require("@emotion/react");
+var classnames_1 = __importDefault(require("classnames"));
+var hooks_1 = require("preact/hooks");
+var mobx_react_1 = require("mobx-react");
+var deepmerge_1 = __importDefault(require("deepmerge"));
+var Carousel_1 = require("../../Molecules/Carousel");
+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/Recommendation/ResultTracker");
+var BundleSelector_1 = require("./BundleSelector");
+var BundleCTA_1 = require("./BundleCTA");
+var react_2 = require("react");
+var CSS = {
+    recommendationBundle: function (_a) {
+        var slidesPerView = _a.slidesPerView, spaceBetween = _a.spaceBetween, ctaInline = _a.ctaInline, vertical = _a.vertical, separatorIcon = _a.separatorIcon;
+        return (0, react_1.css)({
+            '.ss__recommendation-bundle__wrapper': {
+                display: 'flex',
+                maxWidth: '100%',
+                margin: '0',
+                padding: '0',
+            },
+            '.ss__recommendation-bundle__wrapper__selector--seed': {
+                width: "".concat(vertical ? '100%' : 'auto'),
+                margin: "".concat(!separatorIcon ? 'auto !important' : 'initial'),
+            },
+            '.ss__recommendation-bundle__wrapper__seed-container': {
+                width: vertical ? '100%' : "calc(100% / ".concat(slidesPerView + (!ctaInline ? 0 : 1), ")"),
+            },
+            '.ss__recommendation-bundle__wrapper__cta': {
+                width: vertical ? '100%' : "".concat(!ctaInline ? '100%' : "calc(100% / ".concat(slidesPerView + 1, ")")),
+                textAlign: 'center',
+                '& .ss__recommendation-bundle__wrapper__cta__subtotal__prices': {
+                    display: 'block',
+                },
+            },
+            '.ss__recommendation-bundle__wrapper__carousel': {
+                boxSizing: 'border-box',
+                width: vertical ? '100%' : "calc(calc(100% / ".concat(slidesPerView + (!ctaInline ? 0 : 1), ") * ").concat(slidesPerView - 1, ")"),
+            },
+            '.ss__recommendation-bundle__wrapper--seed-in-carousel': {
+                '.ss__recommendation-bundle__wrapper__cta': {
+                    width: vertical ? '100%' : "calc(100% / ".concat(slidesPerView + (!ctaInline ? 0 : 1), ")"),
+                },
+                '.ss__recommendation-bundle__wrapper__carousel': {
+                    width: vertical ? '100%' : "calc(calc(100% / ".concat(slidesPerView + (!ctaInline ? 0 : 1), ") * ").concat(slidesPerView, ")"),
+                    padding: '0',
+                },
+            },
+            '.swiper-slide, .swiper-slide-visible.swiper-last-visible-slide': {
+                '.ss__recommendation-bundle__wrapper__selector__icon': {
+                    display: 'none',
+                },
+            },
+            '.swiper-slide-visible': {
+                '.ss__recommendation-bundle__wrapper__selector__icon': {
+                    display: 'block',
+                },
+            },
+            '.ss__recommendation-bundle__wrapper--vertical': {
+                flexDirection: 'column',
+            },
+            '.ss__recommendation-bundle__wrapper__selector': {
+                alignItems: 'baseline',
+                position: 'relative',
+                '&.ss__recommendation-bundle__wrapper__selector--last': {
+                    '& .ss__recommendation-bundle__wrapper__selector__icon': {
+                        display: 'none',
+                    },
+                },
+                '& .ss__recommendation-bundle__wrapper__selector__result-wrapper__seed-badge': {
+                    position: 'absolute',
+                    top: '0',
+                    left: '0',
+                    zIndex: '1',
+                },
+                '& .ss__recommendation-bundle__wrapper__selector__icon': {
+                    position: 'absolute',
+                    right: '-1em',
+                    top: '140px',
+                },
+                '& .ss__recommendation-bundle__wrapper__selector__result-wrapper': {
+                    alignItems: 'center',
+                    position: 'relative',
+                    margin: "0px ".concat(5 + (spaceBetween || 0), "px"),
+                },
+                '& .ss__recommendation-bundle__wrapper__selector__result-wrapper__checkbox': {
+                    position: 'absolute',
+                    top: '0',
+                    right: '0',
+                    zIndex: '1',
+                    cursor: 'pointer',
+                },
+            },
+        });
+    },
+};
+exports.RecommendationBundle = (0, mobx_react_1.observer)(function (properties) {
+    var _a, _b, _c, _d, _e, _f, _g, _h;
+    var globalTheme = (0, providers_1.useTheme)();
+    var defaultCarouselBreakpoints = {
+        0: {
+            slidesPerView: 2,
+            slidesPerGroup: 2,
+            spaceBetween: 10,
+            ctaInline: false,
+        },
+        768: {
+            slidesPerView: 3,
+            slidesPerGroup: 3,
+            spaceBetween: 10,
+        },
+        1200: {
+            slidesPerView: 4,
+            slidesPerGroup: 4,
+            spaceBetween: 10,
+        },
+    };
+    var props = __assign(__assign(__assign({ 
+        // default props
+        breakpoints: JSON.parse(JSON.stringify(defaultCarouselBreakpoints)), hideCheckboxes: false, separatorIcon: 'plus-thin', seedText: 'This Product', separatorIconSeedOnly: true, ctaIcon: true, ctaButtonText: 'Add All To Cart', ctaInline: true }, (_a = globalTheme === null || globalTheme === void 0 ? void 0 : globalTheme.components) === null || _a === void 0 ? void 0 : _a.recommendationBundle), properties), (_c = (_b = properties.theme) === null || _b === void 0 ? void 0 : _b.components) === null || _c === void 0 ? void 0 : _c.recommendationBundle);
+    var displaySettings = (0, useDisplaySettings_1.useDisplaySettings)(props.breakpoints);
+    if (displaySettings && Object.keys(displaySettings).length) {
+        var theme = (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 });
+    }
+    var title = props.title, 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, ctaButtonText = props.ctaButtonText, disableStyles = props.disableStyles, ctaIcon = props.ctaIcon, ctaInline = props.ctaInline, style = props.style, className = props.className, additionalProps = __rest(props, ["title", "controller", "breakpoints", "results", "carousel", "preselectedCount", "separatorIcon", "hideCheckboxes", "limit", "seedText", "vertical", "onAddToCart", "separatorIconSeedOnly", "resultComponent", "ctaSlot", "ctaButtonText", "disableStyles", "ctaIcon", "ctaInline", "style", "className"]);
+    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;
+    var carouselEnabled = mergedCarouselProps.enabled;
+    if (!controller || controller.type !== 'recommendation') {
+        throw new Error("<BundleRecommendation> Component requires 'controller' prop with an instance of RecommendationController");
+    }
+    var resultsToRender = results || ((_d = controller.store) === null || _d === void 0 ? void 0 : _d.results);
+    if (limit) {
+        resultsToRender = resultsToRender.slice(0, limit);
+    }
+    var cartStore = controller.store.cart;
+    if (!cartStore) {
+        throw new Error("<BundleRecommendation> Component requires 'cartStore' to exist in the recommendation store");
+    }
+    var seed = results ? results[0] : (_e = controller.store) === null || _e === void 0 ? void 0 : _e.results[0];
+    var subProps = {
+        carousel: __assign(__assign(__assign({ loop: loop, 
+            // default props
+            className: 'ss__recommendation__carousel' }, (_f = globalTheme === null || globalTheme === void 0 ? void 0 : globalTheme.components) === null || _f === void 0 ? void 0 : _f.carousel), (0, utilities_1.defined)({
+            disableStyles: disableStyles,
+        })), { 
+            // component theme overrides
+            theme: props === null || props === void 0 ? void 0 : props.theme }),
+        result: __assign(__assign(__assign({ 
+            // default props
+            className: 'ss__recommendation__result' }, (_g = globalTheme === null || globalTheme === void 0 ? void 0 : globalTheme.components) === null || _g === void 0 ? void 0 : _g.result), (0, utilities_1.defined)({
+            disableStyles: disableStyles,
+        })), { 
+            // component theme overrides
+            theme: props === null || props === void 0 ? void 0 : props.theme }),
+    };
+    var slidesPerView = ((_h = props.carousel) === null || _h === void 0 ? void 0 : _h.slidesPerView) || props.slidesPerView;
+    if (!slidesPerView) {
+        slidesPerView = 2;
+    }
+    else if (resultsToRender.length < slidesPerView) {
+        slidesPerView = resultsToRender.length;
+    }
+    var styling = {};
+    if (!disableStyles) {
+        styling.css = [CSS.recommendationBundle({ slidesPerView: slidesPerView, spaceBetween: spaceBetween, ctaInline: ctaInline, vertical: vertical, separatorIcon: separatorIcon }), style];
+    }
+    else if (style) {
+        styling.css = [style];
+    }
+    var _preSelectedCount = typeof preselectedCount == 'number' ? preselectedCount : carouselEnabled ? slidesPerView : resultsToRender.length;
+    //this resets the selected items if the results to render changes
+    // so you dont end up with something selected that is no longer rendered
+    (0, react_2.useEffect)(function () {
+        cartStore.reset();
+        if (_preSelectedCount) {
+            resultsToRender === null || resultsToRender === void 0 ? void 0 : resultsToRender.forEach(function (result, idx) {
+                if (idx < _preSelectedCount) {
+                    cartStore.addItems([result]);
+                }
+            });
+        }
+    }, [resultsToRender.length]);
+    var selectedItems = cartStore.items;
+    var modifiedBreakpoints = __assign({}, breakpoints);
+    if (carouselEnabled) {
+        Object.keys(props.breakpoints).forEach(function (breakpoint) {
+            var _a, _b;
+            var obj = props.breakpoints[breakpoint];
+            // fallback in case slides per view/group were not provided in breakpoint...
+            var objSlidesPerView = ((_a = obj.carousel) === null || _a === void 0 ? void 0 : _a.slidesPerView) || obj.slidesPerView || 2;
+            var objSlidesPerGroup = ((_b = obj.carousel) === null || _b === void 0 ? void 0 : _b.slidesPerGroup) || obj.slidesPerGroup || 2;
+            var newSlidesPerView = objSlidesPerView;
+            var newSlidesPerGroup = objSlidesPerGroup;
+            var resultCount = seedInCarousel ? resultsToRender.length : resultsToRender.length - 1;
+            if (resultCount) {
+                if (resultCount >= objSlidesPerView) {
+                    newSlidesPerView = objSlidesPerView - (!seedInCarousel ? 1 : 0);
+                    if (!seedInCarousel) {
+                        newSlidesPerGroup = objSlidesPerGroup - 1 || 1;
+                    }
+                }
+                else {
+                    (newSlidesPerView = resultCount), (newSlidesPerGroup = resultCount);
+                }
+            }
+            modifiedBreakpoints[breakpoint] = __assign(__assign({}, modifiedBreakpoints[breakpoint]), { slidesPerView: newSlidesPerView, slidesPerGroup: newSlidesPerGroup });
+        });
+    }
+    var onProductSelect = function (product) {
+        if (product) {
+            var idx = selectedItems.findIndex(function (result) { return result.id == product.id; });
+            //is it in the selected items?
+            if (idx > -1) {
+                //already selected, deselect it now
+                cartStore.removeItems([product]);
+                if (cartStore.items.length == 0) {
+                    //we dont call addItems here to prevent tracking
+                    cartStore.items.push(seed);
+                }
+            }
+            else {
+                //add it to the list;
+                cartStore.addItems([product]);
+            }
+        }
+    };
+    var addToCart = function (e) {
+        // add to cart tracking
+        controller.track.addBundle(e, selectedItems);
+        //call the function passed
+        onAddToCart && onAddToCart(selectedItems);
+    };
+    var setSeedwidth = function () {
+        var _a, _b;
+        if (seedRef.current) {
+            // @ts-ignore - todo can this be typed appropriatly?
+            var seedElem = (_a = seedRef.current) === null || _a === void 0 ? void 0 : _a.base;
+            // @ts-ignore - todo can this be typed appropriatly?
+            var carouselElem = (_b = carouselRef.current) === null || _b === void 0 ? void 0 : _b.base;
+            var visibleSlide = carouselElem === null || carouselElem === void 0 ? void 0 : carouselElem.querySelector('.swiper-slide-visible .ss__recommendation-bundle__wrapper__selector');
+            var width = visibleSlide === null || visibleSlide === void 0 ? void 0 : visibleSlide.offsetWidth;
+            if (seedElem) {
+                seedElem.style.width = "".concat(width, "px");
+            }
+        }
+    };
+    var seedRef = (0, hooks_1.useRef)();
+    var carouselRef = (0, hooks_1.useRef)();
+    return (resultsToRender === null || resultsToRender === void 0 ? void 0 : resultsToRender.length) ? ((0, react_1.jsx)(providers_1.CacheProvider, null,
+        (0, react_1.jsx)("div", __assign({}, styling, { className: (0, classnames_1.default)('ss__recommendation-bundle', { 'ss__recommendation-bundle--stacked': !ctaInline }, className) }),
+            (0, react_1.jsx)(ProfileTracker_1.RecommendationProfileTracker, { controller: controller },
+                title && ((0, react_1.jsx)("h3", { className: "ss__recommendation-bundle__title" },
+                    (0, react_1.jsx)("span", null, title))),
+                (0, react_1.jsx)("div", { className: (0, classnames_1.default)('ss__recommendation-bundle__wrapper', {
+                        'ss__recommendation-bundle__wrapper--seed-in-carousel': seedInCarousel,
+                        'ss__recommendation-bundle__wrapper--vertical': vertical,
+                    }) },
+                    carouselEnabled ? ((0, react_1.jsx)(preact_1.Fragment, null,
+                        !seedInCarousel && ((0, react_1.jsx)("div", { className: "ss__recommendation-bundle__wrapper__seed-container" },
+                            (0, react_1.jsx)(ResultTracker_1.RecommendationResultTracker, { controller: controller, result: seed },
+                                (0, react_1.jsx)(BundleSelector_1.BundleSelector, { seedText: seedText, seed: true, onCheck: function () { return onProductSelect(seed); }, checked: selectedItems.findIndex(function (item) { return item.id == seed.id; }) > -1, icon: separatorIcon, hideCheckboxes: hideCheckboxes, theme: props.theme, ref: seedRef }, resultComponent ? ((0, utilities_1.cloneWithProps)(resultComponent, {
+                                    result: seed,
+                                    seed: true,
+                                    selected: selectedItems.findIndex(function (item) { return item.id == seed.id; }) > -1,
+                                    onProductSelect: onProductSelect,
+                                })) : ((0, react_1.jsx)(Result_1.Result, __assign({}, subProps.result, { controller: controller, result: seed }))))))),
+                        (0, react_1.jsx)("div", { className: "ss__recommendation-bundle__wrapper__carousel" },
+                            (0, react_1.jsx)(Carousel_1.Carousel, __assign({ prevButton: prevButton, nextButton: nextButton, hideButtons: hideButtons, loop: loop, spaceBetween: spaceBetween, pagination: pagination, breakpoints: modifiedBreakpoints, watchSlidesProgress: true, observer: true, vertical: vertical, onResize: function () { return setSeedwidth(); } }, subProps.carousel, additionalProps, displaySettings, { ref: carouselRef }), seedInCarousel
+                                ? resultsToRender.map(function (result, idx) {
+                                    var selected = selectedItems.findIndex(function (item) { return item.id == result.id; }) > -1;
+                                    if (idx == 0) {
+                                        return ((0, react_1.jsx)(ResultTracker_1.RecommendationResultTracker, { controller: controller, result: result },
+                                            (0, react_1.jsx)(BundleSelector_1.BundleSelector, { seedText: seedText, seed: true, icon: separatorIcon, onCheck: function () { return onProductSelect(result); }, checked: selected, hideCheckboxes: hideCheckboxes, theme: props.theme }, resultComponent ? ((0, utilities_1.cloneWithProps)(resultComponent, { result: result, seed: true, selected: selected, onProductSelect: onProductSelect })) : ((0, react_1.jsx)(Result_1.Result, __assign({}, subProps.result, { controller: controller, result: result }))))));
+                                    }
+                                    else {
+                                        return ((0, react_1.jsx)(ResultTracker_1.RecommendationResultTracker, { controller: controller, result: result },
+                                            (0, react_1.jsx)(BundleSelector_1.BundleSelector, { icon: separatorIconSeedOnly ? false : separatorIcon, onCheck: function () { return onProductSelect(result); }, checked: selected, hideCheckboxes: hideCheckboxes, theme: props.theme, className: idx + 1 == resultsToRender.length ? 'ss__recommendation-bundle__wrapper__selector--last' : '' }, resultComponent ? ((0, utilities_1.cloneWithProps)(resultComponent, { result: result, seed: false, selected: selected, onProductSelect: onProductSelect })) : ((0, react_1.jsx)(Result_1.Result, __assign({}, subProps.result, { controller: controller, result: result }))))));
+                                    }
+                                })
+                                : resultsToRender
+                                    .filter(function (result, idx) { return idx !== 0; })
+                                    .map(function (result, idx, results) {
+                                    var selected = selectedItems.findIndex(function (item) { return item.id == result.id; }) > -1;
+                                    return ((0, react_1.jsx)(ResultTracker_1.RecommendationResultTracker, { controller: controller, result: result },
+                                        (0, react_1.jsx)(BundleSelector_1.BundleSelector, { icon: separatorIconSeedOnly ? false : separatorIcon, onCheck: function () { return onProductSelect(result); }, checked: selected, hideCheckboxes: hideCheckboxes, theme: props.theme, className: idx + 1 == results.length ? 'ss__recommendation-bundle__wrapper__selector--last' : '' }, resultComponent ? ((0, utilities_1.cloneWithProps)(resultComponent, { result: result, seed: false, selected: selected, onProductSelect: onProductSelect })) : ((0, react_1.jsx)(Result_1.Result, __assign({}, subProps.result, { controller: controller, result: result }))))));
+                                }))))) : (resultsToRender.map(function (result, idx) {
+                        var selected = selectedItems.findIndex(function (item) { return item.id == result.id; }) > -1;
+                        if (idx == 0) {
+                            return ((0, react_1.jsx)(ResultTracker_1.RecommendationResultTracker, { controller: controller, result: result },
+                                (0, react_1.jsx)(BundleSelector_1.BundleSelector, { seedText: seedText, seed: true, icon: separatorIcon, onCheck: function () { return onProductSelect(result); }, checked: selected, hideCheckboxes: hideCheckboxes, theme: props.theme }, resultComponent ? ((0, utilities_1.cloneWithProps)(resultComponent, { result: result, seed: true, selected: selected, onProductSelect: onProductSelect })) : ((0, react_1.jsx)(Result_1.Result, __assign({}, subProps.result, { controller: controller, result: result }))))));
+                        }
+                        else {
+                            return ((0, react_1.jsx)(ResultTracker_1.RecommendationResultTracker, { controller: controller, result: result },
+                                (0, react_1.jsx)(BundleSelector_1.BundleSelector, { icon: separatorIconSeedOnly ? false : separatorIcon, onCheck: function () { return onProductSelect(result); }, checked: selected, hideCheckboxes: hideCheckboxes, theme: props.theme, className: idx + 1 == resultsToRender.length ? 'ss__recommendation-bundle__wrapper__selector--last' : '' }, resultComponent ? ((0, utilities_1.cloneWithProps)(resultComponent, { result: result, seed: false, selected: selected, onProductSelect: onProductSelect })) : ((0, react_1.jsx)(Result_1.Result, __assign({}, subProps.result, { controller: controller, result: result }))))));
+                        }
+                    })),
+                    ctaInline && ((0, react_1.jsx)(BundleCTA_1.BundledCTA, { ctaSlot: ctaSlot, cartStore: cartStore, onAddToCartClick: function (e) { return addToCart(e); }, addToCartText: ctaButtonText, icon: ctaIcon }))),
+                !ctaInline && ((0, react_1.jsx)(BundleCTA_1.BundledCTA, { ctaSlot: ctaSlot, cartStore: cartStore, onAddToCartClick: function (e) { return addToCart(e); }, addToCartText: ctaButtonText, icon: ctaIcon })))))) : ((0, react_1.jsx)(preact_1.Fragment, null));
+    return (0, react_1.jsx)(preact_1.Fragment, null);
+});

package/dist/cjs/components/Organisms/RecommendationBundle/index.d.ts

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

package/dist/cjs/components/Organisms/RecommendationBundle/index.d.ts.map

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

package/dist/cjs/components/Organisms/RecommendationBundle/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("./RecommendationBundle"), exports);

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

@@ -2,9 +2,7 @@
 import type { SearchController, AutocompleteController, RecommendationController } from '@searchspring/snap-controller';
 import type { SearchResultStore } from '@searchspring/snap-store-mobx';
 import { ComponentProps, LayoutType, BreakpointsProps } from '../../../types';
-export declare const Results: ((properties: ResultsProp) => JSX.Element) & {
-    displayName: string;
-};
+export declare const Results: (properties: ResultsProp) => JSX.Element;
 export interface ResultsProp extends ComponentProps {
     results?: SearchResultStore;
     columns?: number;

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

@@ -1 +1 @@
-{"version":3,"file":"Results.d.ts","sourceRoot":"","sources":["../../../../../src/components/Organisms/Results/Results.tsx"],"names":[],"mappings":";AAQA,OAAO,KAAK,EAAE,gBAAgB,EAAE,sBAAsB,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AACxH,OAAO,KAAK,EAAE,iBAAiB,EAAmB,MAAM,+BAA+B,CAAC;AAIxF,OAAO,EAAE,cAAc,EAAU,UAAU,EAAE,gBAAgB,EAAc,MAAM,gBAAgB,CAAC;AAuClG,eAAO,MAAM,OAAO,gBAAyB,WAAW,KAAG,WAAW;;CA4GpE,CAAC;AAEH,MAAM,WAAW,WAAY,SAAQ,cAAc;IAClD,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,WAAW,CAAC,EAAE,gBAAgB,CAAC;IAC/B,UAAU,CAAC,EAAE,gBAAgB,GAAG,sBAAsB,GAAG,wBAAwB,CAAC;CAClF"}
+{"version":3,"file":"Results.d.ts","sourceRoot":"","sources":["../../../../../src/components/Organisms/Results/Results.tsx"],"names":[],"mappings":";AAQA,OAAO,KAAK,EAAE,gBAAgB,EAAE,sBAAsB,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AACxH,OAAO,KAAK,EAAE,iBAAiB,EAAmB,MAAM,+BAA+B,CAAC;AAIxF,OAAO,EAAE,cAAc,EAAU,UAAU,EAAE,gBAAgB,EAAc,MAAM,gBAAgB,CAAC;AAuClG,eAAO,MAAM,OAAO,eAAyB,WAAW,KAAG,WA4GzD,CAAC;AAEH,MAAM,WAAW,WAAY,SAAQ,cAAc;IAClD,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,WAAW,CAAC,EAAE,gBAAgB,CAAC;IAC/B,UAAU,CAAC,EAAE,gBAAgB,GAAG,sBAAsB,GAAG,wBAAwB,CAAC;CAClF"}