@athoscommerce/snap-preact 1.0.0

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

@@ -0,0 +1,25 @@
+import { ComponentProps, ResultComponent } from '../../../types';
+import { RecommendationBundleLang, RecommendationBundleProps } from '../RecommendationBundle';
+import { BundledCTAProps } from '../RecommendationBundle/BundleCTA';
+import { AbstractController, RecommendationController } from '@athoscommerce/snap-controller';
+import { Product } from '@athoscommerce/snap-store-mobx';
+export declare const RecommendationBundleList: ((properties: RecommendationBundleListProps) => import("@emotion/react/jsx-runtime").JSX.Element) & {
+    displayName: string;
+};
+export type RecommendationBundleListProps = {
+    controller: RecommendationController & AbstractController;
+    resultComponent?: ResultComponent<{
+        controller: RecommendationController;
+        seed?: boolean;
+        selected?: boolean;
+        onProductSelect?: (product: Product) => void;
+    }> | undefined;
+    alias?: string | undefined;
+    lang?: Partial<RecommendationBundleLang> | undefined;
+    results?: Product[] | undefined;
+} & RecommendationBundleListTemplatesLegalProps & ComponentProps<RecommendationBundleListProps>;
+export type RecommendationBundleListTemplatesLegalProps = Omit<RecommendationBundleProps, 'controller' | 'resultComponent' | 'alias' | 'lang' | 'results' | 'seedText' | 'ctaInline' | 'ctaIcon' | 'vertical' | 'slidesPerView' | 'carousel' | 'breakpoints'>;
+export declare const CTASlot: ((props: BundledCTAProps) => import("@emotion/react/jsx-runtime").JSX.Element) & {
+    displayName: string;
+};
+//# sourceMappingURL=RecommendationBundleList.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RecommendationBundleList.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Templates/RecommendationBundleList/RecommendationBundleList.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,EAAE,eAAe,EAAe,MAAM,gBAAgB,CAAC;AAE9E,OAAO,EAAwB,wBAAwB,EAAE,yBAAyB,EAAE,MAAM,yBAAyB,CAAC;AAMpH,OAAO,EAAE,eAAe,EAAE,MAAM,mCAAmC,CAAC;AAMpE,OAAO,EAAE,kBAAkB,EAAE,wBAAwB,EAAE,MAAM,gCAAgC,CAAC;AAC9F,OAAO,EAAE,OAAO,EAAE,MAAM,gCAAgC,CAAC;AAwDzD,eAAO,MAAM,wBAAwB,gBAAyB,6BAA6B;;CA0CzF,CAAC;AAEH,MAAM,MAAM,6BAA6B,GAAG;IAC3C,UAAU,EAAE,wBAAwB,GAAG,kBAAkB,CAAC;IAC1D,eAAe,CAAC,EACb,eAAe,CAAC;QAChB,UAAU,EAAE,wBAAwB,CAAC;QACrC,IAAI,CAAC,EAAE,OAAO,CAAC;QACf,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;KAC5C,CAAC,GACF,SAAS,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,IAAI,CAAC,EAAE,OAAO,CAAC,wBAAwB,CAAC,GAAG,SAAS,CAAC;IACrD,OAAO,CAAC,EAAE,OAAO,EAAE,GAAG,SAAS,CAAC;CAChC,GAAG,2CAA2C,GAC9C,cAAc,CAAC,6BAA6B,CAAC,CAAC;AAE/C,MAAM,MAAM,2CAA2C,GAAG,IAAI,CAC7D,yBAAyB,EACvB,YAAY,GACZ,iBAAiB,GACjB,OAAO,GACP,MAAM,GACN,SAAS,GACT,UAAU,GACV,WAAW,GACX,SAAS,GACT,UAAU,GACV,eAAe,GACf,UAAU,GACV,aAAa,CACf,CAAC;AAcF,eAAO,MAAM,OAAO,WAAoB,eAAe;;CAmIrD,CAAC"}

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

@@ -0,0 +1,182 @@
+"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.CTASlot = exports.RecommendationBundleList = void 0;
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+var react_1 = require("@emotion/react");
+var mobx_react_lite_1 = require("mobx-react-lite");
+var utilities_1 = require("../../../utilities");
+var RecommendationBundle_1 = require("../RecommendationBundle");
+var Price_1 = require("../../Atoms/Price");
+var Button_1 = require("../../Atoms/Button");
+var Icon_1 = require("../../Atoms/Icon");
+var Image_1 = require("../../Atoms/Image");
+var Result_1 = require("../../Molecules/Result");
+var componentNameToClassName_1 = require("../../../utilities/componentNameToClassName");
+var classnames_1 = __importDefault(require("classnames"));
+var hooks_1 = require("preact/hooks");
+var deepmerge_1 = __importDefault(require("deepmerge"));
+var hooks_2 = require("../../../hooks");
+var defaultStyles = function () {
+    return (0, react_1.css)({
+        '.ss__recommendation-bundle-list__wrapper__selector__result-wrapper': {
+            display: 'flex',
+            '.ss__recommendation-bundle-list__wrapper__selector__result-wrapper__checkbox': {
+                position: 'relative',
+                minWidth: '20px',
+            },
+            '.ss__result__details': {
+                textAlign: 'left',
+            },
+        },
+        '.ss__recommendation-profile-tracker': {
+            display: 'flex',
+            flexDirection: 'column',
+        },
+        '.ss__recommendation-bundle-list__wrapper': {
+            order: '3',
+        },
+        '.ss__recommendation-bundle-list__wrapper__cta': {
+            order: '2',
+            '.ss__button': {
+                cursor: 'pointer',
+            },
+            '.ss__recommendation-bundle-list__wrapper__cta__inner__images': {
+                display: 'flex',
+                flexDirection: 'row',
+            },
+            '.ss__recommendation-bundle-list__wrapper__cta__inner__image-wrapper .ss__icon': {
+                top: '50%',
+                position: 'absolute',
+                right: '-0.5em',
+            },
+            '.ss__recommendation-bundle-list__wrapper__cta__inner__image-wrapper:last-of-type .ss__icon': {
+                display: 'none',
+            },
+            '.ss__recommendation-bundle-list__wrapper__cta__inner__image-wrapper': {
+                padding: '0px 15px',
+                position: 'relative',
+            },
+        },
+    });
+};
+var alias = 'recommendationBundleList';
+exports.RecommendationBundleList = (0, mobx_react_lite_1.observer)(function (properties) {
+    var _a, _b, _c, _d;
+    var globalTheme = (0, react_1.useTheme)();
+    //mergeprops only uses names that are passed via properties, so this cannot be put in the defaultProps
+    var _properties = __assign({ name: (_d = (_c = (_b = (_a = properties.controller) === null || _a === void 0 ? void 0 : _a.store) === null || _b === void 0 ? void 0 : _b.profile) === null || _c === void 0 ? void 0 : _c.tag) === null || _d === void 0 ? void 0 : _d.toLowerCase() }, properties);
+    var treePath = _properties.treePath, disableStyles = _properties.disableStyles, controller = _properties.controller, _ = _properties.style, __ = _properties.styleScript, ___ = _properties.themeStyleScript, additionalProps = __rest(_properties, ["treePath", "disableStyles", "controller", "style", "styleScript", "themeStyleScript"]);
+    var subProps = {
+        recommendationBundle: __assign(__assign({ 
+            // default props
+            seedText: '', ctaInline: false, limit: 5, preselectedCount: 2, carousel: {
+                enabled: false,
+                seedInCarousel: true,
+            }, ctaSlot: function (props) { return (0, jsx_runtime_1.jsx)(exports.CTASlot, __assign({}, props)); }, resultComponent: function (props) { return (0, jsx_runtime_1.jsx)(Result_1.Result, __assign({ hideImage: true, hideBadge: true }, props)); }, vertical: true, separatorIcon: false, alias: alias }, (0, utilities_1.defined)({
+            disableStyles: disableStyles,
+        })), { 
+            // component theme overrides
+            theme: _properties === null || _properties === void 0 ? void 0 : _properties.theme, treePath: treePath }),
+    };
+    var mergedProps = (0, utilities_1.mergeProps)(alias, globalTheme, {}, _properties);
+    var styling = (0, utilities_1.mergeStyles)(mergedProps, defaultStyles);
+    return (0, jsx_runtime_1.jsx)(RecommendationBundle_1.RecommendationBundle, __assign({ controller: controller }, styling, subProps.recommendationBundle, additionalProps));
+});
+exports.CTASlot = (0, mobx_react_lite_1.observer)(function (props) {
+    var _a;
+    var _b, _c;
+    var cartStore = props.cartStore;
+    var classNamePrefix = "ss__".concat((0, componentNameToClassName_1.componentNameToClassName)(alias));
+    props.onAddToCart = function (e) {
+        setAddedToCart(true);
+        props.onAddToCart(e);
+        setTimeout(function () { return setAddedToCart(false); }, props.ctaButtonSuccessTimeout);
+    };
+    var _d = (0, hooks_1.useState)(false), addedToCart = _d[0], setAddedToCart = _d[1];
+    props.addedToCart = addedToCart;
+    var subProps = {
+        image: {
+            // default props
+            className: "".concat(classNamePrefix, "__wrapper__cta__image"),
+            // component theme overrides
+            theme: props === null || props === void 0 ? void 0 : props.theme,
+            treePath: props.treePath,
+        },
+        separatorIcon: {
+            name: 'bundle-cart-separator',
+            // default props
+            className: "".concat(classNamePrefix, "__wrapper__cta__icon--separator"),
+            icon: 'plus',
+            size: 12,
+            // component theme overrides
+            theme: props === null || props === void 0 ? void 0 : props.theme,
+            treePath: props.treePath,
+        },
+        icon: {
+            name: 'bundle-cart',
+            // default props
+            className: "".concat(classNamePrefix, "__wrapper__cta__icon"),
+            size: 50,
+            // component theme overrides
+            theme: props === null || props === void 0 ? void 0 : props.theme,
+            treePath: props.treePath,
+        },
+        subtotalStrike: {
+            // default props
+            name: 'bundle-msrp',
+            className: "".concat(classNamePrefix, "__wrapper__cta__price--strike"),
+            // component theme overrides
+            theme: props === null || props === void 0 ? void 0 : props.theme,
+            treePath: props.treePath,
+        },
+        subtotalPrice: {
+            // default props
+            className: "".concat(classNamePrefix, "__wrapper__cta__price"),
+            name: 'bundle-price',
+            // component theme overrides
+            theme: props === null || props === void 0 ? void 0 : props.theme,
+            treePath: props.treePath,
+        },
+        button: {
+            // default props
+            className: "".concat(classNamePrefix, "__wrapper__cta__button"),
+            // component theme overrides
+            theme: props === null || props === void 0 ? void 0 : props.theme,
+            treePath: props.treePath,
+        },
+    };
+    //deep merge with props.lang
+    var lang = (0, deepmerge_1.default)({}, props.lang || {});
+    var mergedLang = (0, hooks_2.useLang)(lang, {});
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("div", { className: "".concat(classNamePrefix, "__wrapper__cta__inner"), children: [(0, jsx_runtime_1.jsx)("div", { className: "".concat(classNamePrefix, "__wrapper__cta__inner__images"), children: cartStore.items.map(function (item) {
+                            var core = item.display.mappings.core;
+                            return ((0, jsx_runtime_1.jsxs)("div", { className: "".concat(classNamePrefix, "__wrapper__cta__inner__image-wrapper"), children: [(0, jsx_runtime_1.jsx)("a", { href: core.url, children: (0, jsx_runtime_1.jsx)(Image_1.Image, { src: core.thumbnailImageUrl, alt: core.name, lazy: false }) }), (0, jsx_runtime_1.jsx)(Icon_1.Icon, __assign({}, subProps.separatorIcon))] }));
+                        }) }), (0, jsx_runtime_1.jsxs)("div", { className: "".concat(classNamePrefix, "__wrapper__cta__subtotal"), "aria-atomic": "false", "aria-live": "polite", children: [props.ctaIcon ? ((0, jsx_runtime_1.jsx)("div", { className: "".concat(classNamePrefix, "__wrapper__cta__subtotal__icon__wrapper"), children: (0, jsx_runtime_1.jsx)(Icon_1.Icon, __assign({}, subProps.icon, (typeof props.ctaIcon == 'string' ? { icon: props.ctaIcon } : props.ctaIcon))) })) : ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {})), (0, jsx_runtime_1.jsx)("span", { className: "".concat(classNamePrefix, "__wrapper__cta__subtotal__title"), children: "Subtotal for ".concat(cartStore.count, " items") }), (0, jsx_runtime_1.jsxs)("div", { className: "".concat(classNamePrefix, "__wrapper__cta__subtotal__prices"), children: [cartStore.msrp && cartStore.msrp !== cartStore.price ? ((0, jsx_runtime_1.jsxs)("label", { className: "".concat(classNamePrefix, "__wrapper__cta__subtotal__strike"), children: ["Was ", (0, jsx_runtime_1.jsx)(Price_1.Price, __assign({}, subProps.subtotalStrike, { lineThrough: true, value: cartStore.msrp }))] })) : ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {})), (0, jsx_runtime_1.jsx)("label", { className: "".concat(classNamePrefix, "__wrapper__cta__subtotal__price"), children: (0, jsx_runtime_1.jsx)(Price_1.Price, __assign({}, subProps.subtotalPrice, { value: cartStore.price })) })] })] })] }), (0, jsx_runtime_1.jsx)("div", { className: "".concat(classNamePrefix, "__cta__button__wrapper"), children: (0, jsx_runtime_1.jsx)(Button_1.Button, __assign({}, subProps.button, { disabled: cartStore.items.length == 0, disableStyles: true, internalClassName: (0, classnames_1.default)("".concat(classNamePrefix, "__cta__button"), (_a = {},
+                        _a["".concat(classNamePrefix, "__cta__button--added")] = addedToCart,
+                        _a)), "aria-live": addedToCart, onClick: function (e) { return props.onAddToCart(e); } }, (addedToCart ? (_b = mergedLang.ctaButtonSuccessText) === null || _b === void 0 ? void 0 : _b.all : (_c = mergedLang.ctaButtonText) === null || _c === void 0 ? void 0 : _c.all), { children: props.addedToCart ? props.ctaButtonSuccessText : props.ctaButtonText })) })] }));
+});

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

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

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

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

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

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

@@ -0,0 +1,21 @@
+import { ComponentProps, ResultComponent } from '../../../types';
+import { RecommendationBundleLang, RecommendationBundleProps } from '../RecommendationBundle';
+import { Product } from '@athoscommerce/snap-store-mobx';
+import { AbstractController, RecommendationController } from '@athoscommerce/snap-controller';
+export declare const RecommendationBundleVertical: ((properties: RecommendationBundleVerticalProps) => import("@emotion/react/jsx-runtime").JSX.Element) & {
+    displayName: string;
+};
+export type RecommendationBundleVerticalProps = {
+    controller: RecommendationController & AbstractController;
+    resultComponent?: ResultComponent<{
+        controller: RecommendationController;
+        seed?: boolean;
+        selected?: boolean;
+        onProductSelect?: (product: Product) => void;
+    }> | undefined;
+    alias?: string | undefined;
+    lang?: Partial<RecommendationBundleLang> | undefined;
+    results?: Product[] | undefined;
+} & RecommendationBundleVerticalTemplatesLegalProps & ComponentProps<RecommendationBundleVerticalProps>;
+export type RecommendationBundleVerticalTemplatesLegalProps = Omit<RecommendationBundleProps, 'controller' | 'resultComponent' | 'alias' | 'lang' | 'results' | 'vertical' | 'ctaInline' | 'carousel' | 'slidesPerView'>;
+//# sourceMappingURL=RecommendationBundleVertical.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RecommendationBundleVertical.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Templates/RecommendationBundleVertical/RecommendationBundleVertical.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,cAAc,EAAE,eAAe,EAAe,MAAM,gBAAgB,CAAC;AAC9E,OAAO,EAAwB,wBAAwB,EAAE,yBAAyB,EAAE,MAAM,yBAAyB,CAAC;AACpH,OAAO,EAAE,OAAO,EAAE,MAAM,gCAAgC,CAAC;AACzD,OAAO,EAAE,kBAAkB,EAAE,wBAAwB,EAAE,MAAM,gCAAgC,CAAC;AAe9F,eAAO,MAAM,4BAA4B,gBAAyB,iCAAiC;;CAkCjG,CAAC;AAEH,MAAM,MAAM,iCAAiC,GAAG;IAC/C,UAAU,EAAE,wBAAwB,GAAG,kBAAkB,CAAC;IAC1D,eAAe,CAAC,EACb,eAAe,CAAC;QAChB,UAAU,EAAE,wBAAwB,CAAC;QACrC,IAAI,CAAC,EAAE,OAAO,CAAC;QACf,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;KAC5C,CAAC,GACF,SAAS,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,IAAI,CAAC,EAAE,OAAO,CAAC,wBAAwB,CAAC,GAAG,SAAS,CAAC;IACrD,OAAO,CAAC,EAAE,OAAO,EAAE,GAAG,SAAS,CAAC;CAChC,GAAG,+CAA+C,GAClD,cAAc,CAAC,iCAAiC,CAAC,CAAC;AAEnD,MAAM,MAAM,+CAA+C,GAAG,IAAI,CACjE,yBAAyB,EACzB,YAAY,GAAG,iBAAiB,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,GAAG,UAAU,GAAG,WAAW,GAAG,UAAU,GAAG,eAAe,CACzH,CAAC"}

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

@@ -0,0 +1,62 @@
+"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.RecommendationBundleVertical = void 0;
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+var react_1 = require("@emotion/react");
+var mobx_react_lite_1 = require("mobx-react-lite");
+var utilities_1 = require("../../../utilities");
+var RecommendationBundle_1 = require("../RecommendationBundle");
+var defaultStyles = function () {
+    return (0, react_1.css)({
+        '.ss__recommendation-bundle-vertical__wrapper': {
+            flexDirection: 'column',
+        },
+        '.ss__recommendation-bundle-vertical__wrapper__cta': {
+            textAlign: 'center',
+        },
+    });
+};
+var alias = 'recommendationBundleVertical';
+exports.RecommendationBundleVertical = (0, mobx_react_lite_1.observer)(function (properties) {
+    var _a, _b, _c, _d;
+    var globalTheme = (0, react_1.useTheme)();
+    //mergeprops only uses names that are passed via properties, so this cannot be put in the defaultProps
+    var _properties = __assign({ name: (_d = (_c = (_b = (_a = properties.controller) === null || _a === void 0 ? void 0 : _a.store) === null || _b === void 0 ? void 0 : _b.profile) === null || _c === void 0 ? void 0 : _c.tag) === null || _d === void 0 ? void 0 : _d.toLowerCase() }, properties);
+    var treePath = _properties.treePath, disableStyles = _properties.disableStyles, controller = _properties.controller, _ = _properties.style, __ = _properties.styleScript, ___ = _properties.themeStyleScript, additionalProps = __rest(_properties, ["treePath", "disableStyles", "controller", "style", "styleScript", "themeStyleScript"]);
+    var subProps = {
+        recommendationBundle: __assign(__assign({ 
+            // default props
+            ctaInline: false, carousel: {
+                enabled: false,
+            }, separatorIcon: false, alias: alias }, (0, utilities_1.defined)({
+            disableStyles: disableStyles,
+        })), { 
+            // component theme overrides
+            theme: _properties === null || _properties === void 0 ? void 0 : _properties.theme, treePath: treePath }),
+    };
+    var mergedProps = (0, utilities_1.mergeProps)(alias, globalTheme, {}, _properties);
+    var styling = (0, utilities_1.mergeStyles)(mergedProps, defaultStyles);
+    return (0, jsx_runtime_1.jsx)(RecommendationBundle_1.RecommendationBundle, __assign({ controller: controller }, styling, subProps.recommendationBundle, additionalProps));
+});

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

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

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

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

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

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

@@ -0,0 +1,21 @@
+import type { RecommendationController } from '@athoscommerce/snap-controller';
+import type { Product } from '@athoscommerce/snap-store-mobx';
+import { ResultProps } from '../../Molecules/Result';
+import { ThemeComponent } from '../../../providers';
+import { ComponentProps, ResultComponent } from '../../../types';
+export declare const recommendationEmailThemeComponentProps: ThemeComponent<'recommendationEmailThemeComponentProps', RecommendationEmailProps>;
+export declare const RecommendationEmail: ((properties: RecommendationEmailProps) => import("@emotion/react/jsx-runtime").JSX.Element) & {
+    displayName: string;
+};
+export type RecommendationEmailProps = {
+    controller?: RecommendationController;
+    results?: Product[];
+    resultComponent?: ResultComponent<{
+        email: boolean;
+    }>;
+} & RecommendationEmailTemplatesLegalProps & ComponentProps<RecommendationEmailProps>;
+export type RecommendationEmailTemplatesLegalProps = {
+    resultProps?: Partial<ResultProps> | Record<string, any>;
+    resultWidth?: string;
+};
+//# sourceMappingURL=RecommendationEmail.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RecommendationEmail.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Templates/RecommendationEmail/RecommendationEmail.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAsB,wBAAwB,EAAE,MAAM,gCAAgC,CAAC;AACnG,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,gCAAgC,CAAC;AAE9D,OAAO,EAAU,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAE7D,OAAO,EAAS,cAAc,EAAyB,MAAM,oBAAoB,CAAC;AAClF,OAAO,EAAE,cAAc,EAAE,eAAe,EAAe,MAAM,gBAAgB,CAAC;AAE9E,eAAO,MAAM,sCAAsC,EAAE,cAAc,CAAC,wCAAwC,EAAE,wBAAwB,CAKrI,CAAC;AAMF,eAAO,MAAM,mBAAmB,gBAAyB,wBAAwB;;CAuE/E,CAAC;AAEH,MAAM,MAAM,wBAAwB,GAAG;IACtC,UAAU,CAAC,EAAE,wBAAwB,CAAC;IACtC,OAAO,CAAC,EAAE,OAAO,EAAE,CAAC;IACpB,eAAe,CAAC,EAAE,eAAe,CAAC;QAAE,KAAK,EAAE,OAAO,CAAA;KAAE,CAAC,CAAC;CACtD,GAAG,sCAAsC,GACzC,cAAc,CAAC,wBAAwB,CAAC,CAAC;AAE1C,MAAM,MAAM,sCAAsC,GAAG;IACpD,WAAW,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IACzD,WAAW,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC"}

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

@@ -0,0 +1,71 @@
+"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.RecommendationEmail = exports.recommendationEmailThemeComponentProps = void 0;
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+var react_1 = require("@emotion/react");
+var mobx_react_lite_1 = require("mobx-react-lite");
+var classnames_1 = __importDefault(require("classnames"));
+var Result_1 = require("../../Molecules/Result");
+var utilities_1 = require("../../../utilities");
+var providers_1 = require("../../../providers");
+exports.recommendationEmailThemeComponentProps = {
+    default: {},
+    mobile: {},
+    tablet: {},
+    desktop: {},
+};
+var defaultStyles = function () {
+    return (0, react_1.css)({});
+};
+exports.RecommendationEmail = (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 = {
+        resultWidth: '240px',
+        name: (_d = (_c = (_b = (_a = properties.controller) === null || _a === void 0 ? void 0 : _a.store) === null || _b === void 0 ? void 0 : _b.profile) === null || _c === void 0 ? void 0 : _c.tag) === null || _d === void 0 ? void 0 : _d.toLowerCase(),
+        treePath: globalTreePath,
+    };
+    var props = (0, utilities_1.mergeProps)('recommendationEmail', globalTheme, defaultProps, properties);
+    var controller = props.controller, results = props.results, resultComponent = props.resultComponent, resultProps = props.resultProps, resultWidth = props.resultWidth, treePath = props.treePath, disableStyles = props.disableStyles, internalClassName = props.internalClassName, className = props.className;
+    var subProps = {
+        result: __assign(__assign({ 
+            // default props
+            internalClassName: 'ss__recommendation-email__result' }, (0, utilities_1.defined)({
+            disableStyles: disableStyles,
+        })), { 
+            // component theme overrides
+            theme: props === null || props === void 0 ? void 0 : props.theme, treePath: treePath }),
+    };
+    var styling = (0, utilities_1.mergeStyles)(props, defaultStyles);
+    var resultsToRender = results || ((_e = controller === null || controller === void 0 ? void 0 : controller.store) === null || _e === void 0 ? void 0 : _e.results) || [];
+    return resultsToRender.length > 0 ? ((0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)('ss__recommendation-email', className, internalClassName) }, styling, { children: resultsToRender.map(function (result, idx) { return ((0, jsx_runtime_1.jsx)("div", { id: "ss-emailrec".concat(idx), className: (0, classnames_1.default)('ss__recommendation-email__result-wrapper'), style: { display: 'block', width: resultWidth }, children: (function () {
+                if (resultComponent) {
+                    var ResultComponent = resultComponent;
+                    return ((0, jsx_runtime_1.jsx)(ResultComponent, __assign({ controller: controller, result: result }, resultProps, { email: true, treePath: treePath })));
+                }
+                else {
+                    return ((0, jsx_runtime_1.jsx)(Result_1.Result, __assign({ result: result, hideBadge: true, theme: {
+                            components: {
+                                image: {
+                                    lazy: false,
+                                },
+                            },
+                        } }, subProps.result, resultProps)));
+                }
+            })() }, idx)); }) }))) : ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {}));
+});

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

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

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

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

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

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

@@ -0,0 +1,24 @@
+import type { RecommendationController } from '@athoscommerce/snap-controller';
+import type { Product } from '@athoscommerce/snap-store-mobx';
+import { ComponentProps, BreakpointsProps, ResultComponent } from '../../../types';
+export declare const RecommendationGrid: ((properties: RecommendationGridProps) => import("@emotion/react/jsx-runtime").JSX.Element | null) & {
+    displayName: string;
+};
+export type RecommendationGridProps = {
+    controller: RecommendationController;
+    breakpoints?: BreakpointsProps;
+    resultComponent?: ResultComponent;
+    results?: Product[];
+} & RecommendationGridTemplatesLegalProps & ComponentProps<RecommendationGridProps>;
+export type RecommendationGridTemplatesLegalProps = {
+    title?: string;
+    columns?: number;
+    rows?: number;
+    gapSize?: string;
+    trim?: boolean;
+    lazyRender?: {
+        enabled: boolean;
+        offset?: string;
+    };
+};
+//# sourceMappingURL=RecommendationGrid.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RecommendationGrid.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Templates/RecommendationGrid/RecommendationGrid.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,gCAAgC,CAAC;AAC/E,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,gCAAgC,CAAC;AAE9D,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAE,eAAe,EAAe,MAAM,gBAAgB,CAAC;AA6BhG,eAAO,MAAM,kBAAkB,gBAAyB,uBAAuB;;CA4H7E,CAAC;AAEH,MAAM,MAAM,uBAAuB,GAAG;IACrC,UAAU,EAAE,wBAAwB,CAAC;IACrC,WAAW,CAAC,EAAE,gBAAgB,CAAC;IAC/B,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC,OAAO,CAAC,EAAE,OAAO,EAAE,CAAC;CACpB,GAAG,qCAAqC,GACxC,cAAc,CAAC,uBAAuB,CAAC,CAAC;AAEzC,MAAM,MAAM,qCAAqC,GAAG;IACnD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,UAAU,CAAC,EAAE;QACZ,OAAO,EAAE,OAAO,CAAC;QACjB,MAAM,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC;CACF,CAAC"}