@athoscommerce/snap-preact 1.9.1 → 1.10.0

package/dist/cjs/components/src/themes/pike/components/templates/recommendationBundleList.js

@@ -1,141 +1,162 @@
 "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, _b, _c, _d;
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.recommendationBundleList = void 0;
-var react_1 = require("@emotion/react");
-var recommendationBundleList_1 = require("../../../themeComponents/recommendationBundleList");
-var recommendationCTA_1 = require("./recommendationCTA");
-var custom_1 = require("../../custom");
+const react_1 = require("@emotion/react");
+const recommendationBundleList_1 = require("../../../themeComponents/recommendationBundleList");
+const recommendationCTA_1 = require("./recommendationCTA");
+const custom_1 = require("../../custom");
 // static variables
-var plusIconSize = custom_1.custom.sizes.icon12;
+const plusIconSize = custom_1.custom.sizes.icon12;
 // CSS in JS style script for the RecommendationBundleList component
-var recommendationBundleListStyleScript = function (props) {
-    var _a;
-    var _b, _c;
+const recommendationBundleListStyleScript = (props) => {
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    var variables = (_b = props === null || props === void 0 ? void 0 : props.theme) === null || _b === void 0 ? void 0 : _b.variables;
+    const variables = props?.theme?.variables;
     // bundle list shared styles
-    var sharedStyles = (0, react_1.css)({
-        '.ss__recommendation-bundle-list__wrapper__cta': __assign({}, (0, recommendationCTA_1.recommendationCTAStyleScript)(props, 'bundle-list')),
+    const sharedStyles = (0, react_1.css)({
+        '.ss__recommendation-bundle-list__wrapper__cta': {
+            ...(0, recommendationCTA_1.recommendationCTAStyleScript)(props, 'bundle-list'),
+        },
     });
     // bundle list styles
-    var bundleListStyles = (0, react_1.css)((_a = {
-            margin: "".concat(custom_1.custom.spacing.x4, "px 0"),
-            '.ss__recommendation-profile-tracker': {
-                '& > *': {
-                    margin: "".concat(custom_1.custom.spacing.x2, "px 0 0 0"),
-                    '&:first-child': {
-                        marginTop: 0,
-                    },
+    const bundleListStyles = (0, react_1.css)({
+        margin: `${custom_1.custom.spacing.x4}px 0`,
+        '.ss__recommendation-profile-tracker': {
+            '& > *': {
+                margin: `${custom_1.custom.spacing.x2}px 0 0 0`,
+                '&:first-child': {
+                    marginTop: 0,
                 },
             },
-            '.ss__recommendation-bundle-list__title': __assign({}, custom_1.custom.styles.headerText((_c = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _c === void 0 ? void 0 : _c.secondary, '16px')),
-            '.ss__recommendation-bundle-list__wrapper': {
-                flexFlow: 'row wrap',
-                gap: "".concat(custom_1.custom.spacing.x2, "px ").concat(custom_1.custom.spacing.x4, "px"),
-                '& > *': {
-                    minWidth: '1px',
-                    width: 'auto',
-                    flex: '1 1 100%',
-                },
-                '.ss__recommendation-bundle-list__wrapper__selector': {
-                    '.ss__recommendation-bundle-list__wrapper__selector__result-wrapper': {
-                        alignItems: 'flex-start',
-                        gap: "".concat(custom_1.custom.spacing.x2, "px"),
-                        margin: 0,
-                        '.ss__recommendation-bundle-list__wrapper__selector__result-wrapper__checkbox, .ss__result': {
-                            flex: '0 1 auto',
-                            minWidth: '1px',
-                        },
-                        '.ss__result': {
-                            flex: '1 1 0%',
-                        },
-                        '.ss__result.ss__result--grid': __assign({}, custom_1.custom.styles.resultCompact('grid')),
-                        '.ss__result.ss__result--list': __assign({}, custom_1.custom.styles.resultCompact()),
+        },
+        '.ss__recommendation-bundle-list__title': {
+            ...custom_1.custom.styles.headerText(variables?.colors?.secondary, '16px'),
+        },
+        '.ss__recommendation-bundle-list__wrapper': {
+            flexFlow: 'row wrap',
+            gap: `${custom_1.custom.spacing.x2}px ${custom_1.custom.spacing.x4}px`,
+            '& > *': {
+                minWidth: '1px',
+                width: 'auto',
+                flex: '1 1 100%',
+            },
+            '.ss__recommendation-bundle-list__wrapper__selector': {
+                '.ss__recommendation-bundle-list__wrapper__selector__result-wrapper': {
+                    alignItems: 'flex-start',
+                    gap: `${custom_1.custom.spacing.x2}px`,
+                    margin: 0,
+                    '.ss__recommendation-bundle-list__wrapper__selector__result-wrapper__checkbox, .ss__result': {
+                        flex: '0 1 auto',
+                        minWidth: '1px',
+                    },
+                    '.ss__result': {
+                        flex: '1 1 0%',
+                    },
+                    '.ss__result.ss__result--grid': {
+                        ...custom_1.custom.styles.resultCompact('grid'),
+                    },
+                    '.ss__result.ss__result--list': {
+                        ...custom_1.custom.styles.resultCompact(),
                     },
                 },
             },
-            '.ss__recommendation-bundle-list__wrapper__cta': {
-                '.ss__recommendation-bundle-list__wrapper__cta__inner': {
-                    '.ss__recommendation-bundle-list__wrapper__cta__inner__images': {
+        },
+        '.ss__recommendation-bundle-list__wrapper__cta': {
+            '.ss__recommendation-bundle-list__wrapper__cta__inner': {
+                '.ss__recommendation-bundle-list__wrapper__cta__inner__images': {
+                    position: 'relative',
+                    flexFlow: 'row nowrap',
+                    gap: `${custom_1.custom.spacing.x4 + plusIconSize}px`,
+                    margin: `-${custom_1.custom.spacing.x2}px -${custom_1.custom.spacing.x2}px 0 -${custom_1.custom.spacing.x2}px`,
+                    padding: `0 0 ${custom_1.custom.spacing.x2}px 0`,
+                    backgroundColor: custom_1.custom.colors.white,
+                    borderBottom: `1px solid ${custom_1.custom.colors.gray02}`,
+                    '&:after': {
+                        content: '""',
+                        display: 'block',
+                        position: 'absolute',
+                        top: '-1px',
+                        bottom: 0,
+                        left: '-1px',
+                        right: '-1px',
+                        zIndex: 1,
+                        margin: 'auto',
+                        border: `1px solid ${custom_1.custom.colors.white}`,
+                    },
+                    '.ss__recommendation-bundle-list__wrapper__cta__inner__image-wrapper': {
                         position: 'relative',
-                        flexFlow: 'row nowrap',
-                        gap: "".concat(custom_1.custom.spacing.x4 + plusIconSize, "px"),
-                        margin: "-".concat(custom_1.custom.spacing.x2, "px -").concat(custom_1.custom.spacing.x2, "px 0 -").concat(custom_1.custom.spacing.x2, "px"),
-                        padding: "0 0 ".concat(custom_1.custom.spacing.x2, "px 0"),
-                        backgroundColor: custom_1.custom.colors.white,
-                        borderBottom: "1px solid ".concat(custom_1.custom.colors.gray02),
-                        '&:after': {
-                            content: '""',
-                            display: 'block',
-                            position: 'absolute',
-                            top: '-1px',
+                        zIndex: 2,
+                        flex: '1 1 0%',
+                        minWidth: '1px',
+                        padding: 0,
+                        '.ss__icon': {
+                            top: 0,
                             bottom: 0,
-                            left: '-1px',
-                            right: '-1px',
-                            zIndex: 1,
-                            margin: 'auto',
-                            border: "1px solid ".concat(custom_1.custom.colors.white),
-                        },
-                        '.ss__recommendation-bundle-list__wrapper__cta__inner__image-wrapper': {
-                            position: 'relative',
-                            zIndex: 2,
-                            flex: '1 1 0%',
-                            minWidth: '1px',
-                            padding: 0,
-                            '.ss__icon': {
-                                top: 0,
-                                bottom: 0,
-                                right: "-".concat(custom_1.custom.spacing.x2 + plusIconSize, "px"),
-                                margin: 'auto 0',
-                            },
+                            right: `-${custom_1.custom.spacing.x2 + plusIconSize}px`,
+                            margin: 'auto 0',
                         },
                     },
-                    '.ss__recommendation-bundle-list__wrapper__cta__subtotal': {
-                        marginTop: "".concat(custom_1.custom.spacing.x2, "px"),
-                        '.ss__recommendation-bundle-list__wrapper__cta__subtotal__icon__wrapper': {
-                            display: 'none',
-                        },
+                },
+                '.ss__recommendation-bundle-list__wrapper__cta__subtotal': {
+                    marginTop: `${custom_1.custom.spacing.x2}px`,
+                    '.ss__recommendation-bundle-list__wrapper__cta__subtotal__icon__wrapper': {
+                        display: 'none',
                     },
                 },
-            }
+            },
         },
-        _a["".concat(custom_1.custom.utils.getBp(custom_1.custom.breakpoints.small))] = {
+        [`${custom_1.custom.utils.getBp(custom_1.custom.breakpoints.small)}`]: {
             '.ss__recommendation-bundle-list__wrapper > *': {
-                width: "calc((100% - ".concat(custom_1.custom.spacing.x4, "px) / 2)"),
+                width: `calc((100% - ${custom_1.custom.spacing.x4}px) / 2)`,
                 flex: '0 1 auto',
             },
         },
-        _a));
+    });
     // recommendation bundle list styles
-    var recommendationBundleListStyles = (0, react_1.css)([sharedStyles, bundleListStyles]);
+    const recommendationBundleListStyles = (0, react_1.css)([sharedStyles, bundleListStyles]);
     return recommendationBundleListStyles;
 };
 // RecommendationBundleList component props come from Template export
 exports.recommendationBundleList = {
-    default: __assign(__assign({}, recommendationBundleList_1.recommendationBundleListThemeComponentProps.default), { recommendationBundleList: __assign(__assign({}, (((_a = recommendationBundleList_1.recommendationBundleListThemeComponentProps.default) === null || _a === void 0 ? void 0 : _a['recommendationBundleList']) || {})), { themeStyleScript: recommendationBundleListStyleScript, ctaButtonText: 'Add Selected', ctaButtonSuccessText: 'Added!', limit: 6 }), 'recommendationBundleList checkbox': {
-            size: "".concat(custom_1.custom.sizes.icon16 + 2, "px"),
-        }, 'recommendationBundleList checkbox icon': {
-            size: "".concat(custom_1.custom.sizes.icon10, "px"),
-        }, 'recommendationBundleList icon.bundle-cart-separator': {
-            size: "".concat(plusIconSize, "px"),
+    default: {
+        ...recommendationBundleList_1.recommendationBundleListThemeComponentProps.default,
+        recommendationBundleList: {
+            ...(recommendationBundleList_1.recommendationBundleListThemeComponentProps.default?.['recommendationBundleList'] || {}),
+            themeStyleScript: recommendationBundleListStyleScript,
+            ctaButtonText: 'Add Selected',
+            ctaButtonSuccessText: 'Added!',
+            limit: 6,
+        },
+        'recommendationBundleList checkbox': {
+            size: `${custom_1.custom.sizes.icon16 + 2}px`,
+        },
+        'recommendationBundleList checkbox icon': {
+            size: `${custom_1.custom.sizes.icon10}px`,
+        },
+        'recommendationBundleList icon.bundle-cart-separator': {
+            size: `${plusIconSize}px`,
             icon: custom_1.custom.icons.plus,
-        }, 'recommendationBundleList icon.bundle-cart': {
-            size: "".concat(custom_1.custom.sizes.icon16 * 2, "px"),
+        },
+        'recommendationBundleList icon.bundle-cart': {
+            size: `${custom_1.custom.sizes.icon16 * 2}px`,
             icon: custom_1.custom.icons.bag,
-        } }),
-    mobile: __assign(__assign({}, recommendationBundleList_1.recommendationBundleListThemeComponentProps.mobile), { recommendationBundleList: __assign({}, (((_b = recommendationBundleList_1.recommendationBundleListThemeComponentProps.mobile) === null || _b === void 0 ? void 0 : _b['recommendationBundleList']) || {})) }),
-    tablet: __assign(__assign({}, recommendationBundleList_1.recommendationBundleListThemeComponentProps.tablet), { recommendationBundleList: __assign({}, (((_c = recommendationBundleList_1.recommendationBundleListThemeComponentProps.tablet) === null || _c === void 0 ? void 0 : _c['recommendationBundleList']) || {})) }),
-    desktop: __assign(__assign({}, recommendationBundleList_1.recommendationBundleListThemeComponentProps.desktop), { recommendationBundleList: __assign({}, (((_d = recommendationBundleList_1.recommendationBundleListThemeComponentProps.desktop) === null || _d === void 0 ? void 0 : _d['recommendationBundleList']) || {})) }),
+        },
+    },
+    mobile: {
+        ...recommendationBundleList_1.recommendationBundleListThemeComponentProps.mobile,
+        recommendationBundleList: {
+            ...(recommendationBundleList_1.recommendationBundleListThemeComponentProps.mobile?.['recommendationBundleList'] || {}),
+        },
+    },
+    tablet: {
+        ...recommendationBundleList_1.recommendationBundleListThemeComponentProps.tablet,
+        recommendationBundleList: {
+            ...(recommendationBundleList_1.recommendationBundleListThemeComponentProps.tablet?.['recommendationBundleList'] || {}),
+        },
+    },
+    desktop: {
+        ...recommendationBundleList_1.recommendationBundleListThemeComponentProps.desktop,
+        recommendationBundleList: {
+            ...(recommendationBundleList_1.recommendationBundleListThemeComponentProps.desktop?.['recommendationBundleList'] || {}),
+        },
+    },
 };

package/dist/cjs/components/src/themes/pike/components/templates/recommendationBundleVertical.js

@@ -1,128 +1,149 @@
 "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, _b, _c, _d;
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.recommendationBundleVertical = void 0;
-var react_1 = require("@emotion/react");
-var recommendationBundleVertical_1 = require("../../../themeComponents/recommendationBundleVertical");
-var recommendationCTA_1 = require("./recommendationCTA");
-var custom_1 = require("../../custom");
+const react_1 = require("@emotion/react");
+const recommendationBundleVertical_1 = require("../../../themeComponents/recommendationBundleVertical");
+const recommendationCTA_1 = require("./recommendationCTA");
+const custom_1 = require("../../custom");
 // static variables
-var seedBadgeHeight = 22;
-var checkboxHeight = 16;
+const seedBadgeHeight = 22;
+const checkboxHeight = 16;
 // CSS in JS style script for the RecommendationBundleVertical component
-var recommendationBundleVerticalStyleScript = function (props) {
-    var _a;
-    var _b, _c, _d;
+const recommendationBundleVerticalStyleScript = (props) => {
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    var variables = (_b = props === null || props === void 0 ? void 0 : props.theme) === null || _b === void 0 ? void 0 : _b.variables;
-    var activeColors = custom_1.custom.utils.activeColors(((_c = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _c === void 0 ? void 0 : _c.secondary) || custom_1.custom.colors.secondary);
-    var activeColor = activeColors[0];
-    var fontColor = activeColors[1];
+    const variables = props?.theme?.variables;
+    const activeColors = custom_1.custom.utils.activeColors(variables?.colors?.secondary || custom_1.custom.colors.secondary);
+    const activeColor = activeColors[0];
+    const fontColor = activeColors[1];
     // bundle vertical shared styles
-    var sharedStyles = (0, react_1.css)({
-        '.ss__recommendation-bundle-vertical__wrapper__cta': __assign({}, (0, recommendationCTA_1.recommendationCTAStyleScript)(props, 'bundle-vertical')),
+    const sharedStyles = (0, react_1.css)({
+        '.ss__recommendation-bundle-vertical__wrapper__cta': {
+            ...(0, recommendationCTA_1.recommendationCTAStyleScript)(props, 'bundle-vertical'),
+        },
     });
     // bundle vertical styles
-    var bundleVerticalStyles = (0, react_1.css)((_a = {
-            margin: "".concat(custom_1.custom.spacing.x4, "px 0"),
-            '.ss__recommendation-profile-tracker': {
-                '& > *': {
-                    margin: "0 0 ".concat(custom_1.custom.spacing.x2, "px 0"),
-                    '&:last-child': {
-                        marginBottom: 0,
-                    },
+    const bundleVerticalStyles = (0, react_1.css)({
+        margin: `${custom_1.custom.spacing.x4}px 0`,
+        '.ss__recommendation-profile-tracker': {
+            '& > *': {
+                margin: `0 0 ${custom_1.custom.spacing.x2}px 0`,
+                '&:last-child': {
+                    marginBottom: 0,
                 },
             },
-            '.ss__recommendation-bundle-vertical__title': __assign({}, custom_1.custom.styles.headerText((_d = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _d === void 0 ? void 0 : _d.secondary, '16px')),
-            '.ss__recommendation-bundle-vertical__wrapper': {
-                gap: "".concat(custom_1.custom.spacing.x2, "px"),
-                '.ss__recommendation-bundle-vertical__wrapper__selector': {
-                    '&.ss__recommendation-bundle-vertical__wrapper__selector--seed': {
-                        '.ss__recommendation-bundle-vertical__wrapper__selector__result-wrapper .ss__result': {
-                            '&:has(.ss__overlay-badge__grid-wrapper__slot--right) .ss__overlay-badge .ss__overlay-badge__grid-wrapper .ss__overlay-badge__grid-wrapper__slot--right': {
-                                paddingTop: "".concat(checkboxHeight + custom_1.custom.spacing.x2, "px"),
-                            },
-                            '&:has(.ss__overlay-badge__grid-wrapper__slot--left) .ss__overlay-badge .ss__overlay-badge__grid-wrapper .ss__overlay-badge__grid-wrapper__slot--left': {
-                                paddingTop: "".concat(seedBadgeHeight + custom_1.custom.spacing.x2, "px"),
-                            },
-                        },
-                    },
-                    '.ss__recommendation-bundle-vertical__wrapper__selector__result-wrapper': {
-                        margin: 0,
-                        '&:has(.ss__result--grid)': {
-                            '.ss__checkbox': {
-                                top: '5px',
-                                right: '5px',
-                            },
+        },
+        '.ss__recommendation-bundle-vertical__title': {
+            ...custom_1.custom.styles.headerText(variables?.colors?.secondary, '16px'),
+        },
+        '.ss__recommendation-bundle-vertical__wrapper': {
+            gap: `${custom_1.custom.spacing.x2}px`,
+            '.ss__recommendation-bundle-vertical__wrapper__selector': {
+                '&.ss__recommendation-bundle-vertical__wrapper__selector--seed': {
+                    '.ss__recommendation-bundle-vertical__wrapper__selector__result-wrapper .ss__result': {
+                        '&:has(.ss__overlay-badge__grid-wrapper__slot--right) .ss__overlay-badge .ss__overlay-badge__grid-wrapper .ss__overlay-badge__grid-wrapper__slot--right': {
+                            paddingTop: `${checkboxHeight + custom_1.custom.spacing.x2}px`,
                         },
-                        '&:has(.ss__result--list)': {
-                            '.ss__checkbox': {
-                                top: '5px',
-                                right: '5px',
-                            },
+                        '&:has(.ss__overlay-badge__grid-wrapper__slot--left) .ss__overlay-badge .ss__overlay-badge__grid-wrapper .ss__overlay-badge__grid-wrapper__slot--left': {
+                            paddingTop: `${seedBadgeHeight + custom_1.custom.spacing.x2}px`,
                         },
-                        'ss__recommendation-bundle-vertical__wrapper__selector__result-wrapper__seed-badge, .ss__checkbox': {
-                            position: 'absolute',
-                            zIndex: '5px',
+                    },
+                },
+                '.ss__recommendation-bundle-vertical__wrapper__selector__result-wrapper': {
+                    margin: 0,
+                    '&:has(.ss__result--grid)': {
+                        '.ss__checkbox': {
+                            top: '5px',
+                            right: '5px',
                         },
-                        '.ss__recommendation-bundle-vertical__wrapper__selector__result-wrapper__seed-badge': {
+                    },
+                    '&:has(.ss__result--list)': {
+                        '.ss__checkbox': {
                             top: '5px',
-                            left: '5px',
-                            backgroundColor: activeColor,
-                            fontSize: '12px',
-                            fontWeight: custom_1.custom.fonts.weight01,
-                            color: fontColor,
-                            height: "".concat(seedBadgeHeight, "px"),
-                            lineHeight: "".concat(seedBadgeHeight, "px"),
-                            padding: "0 ".concat(custom_1.custom.spacing.x2, "px"),
+                            right: '5px',
                         },
-                        '.ss__result': {
-                            '&:has(.ss__overlay-badge__grid-wrapper__slot--right) .ss__overlay-badge .ss__overlay-badge__grid-wrapper .ss__overlay-badge__grid-wrapper__slot--right': {
-                                paddingTop: "".concat(checkboxHeight + custom_1.custom.spacing.x2, "px"),
-                            },
+                    },
+                    'ss__recommendation-bundle-vertical__wrapper__selector__result-wrapper__seed-badge, .ss__checkbox': {
+                        position: 'absolute',
+                        zIndex: '5px',
+                    },
+                    '.ss__recommendation-bundle-vertical__wrapper__selector__result-wrapper__seed-badge': {
+                        top: '5px',
+                        left: '5px',
+                        backgroundColor: activeColor,
+                        fontSize: '12px',
+                        fontWeight: custom_1.custom.fonts.weight01,
+                        color: fontColor,
+                        height: `${seedBadgeHeight}px`,
+                        lineHeight: `${seedBadgeHeight}px`,
+                        padding: `0 ${custom_1.custom.spacing.x2}px`,
+                    },
+                    '.ss__result': {
+                        '&:has(.ss__overlay-badge__grid-wrapper__slot--right) .ss__overlay-badge .ss__overlay-badge__grid-wrapper .ss__overlay-badge__grid-wrapper__slot--right': {
+                            paddingTop: `${checkboxHeight + custom_1.custom.spacing.x2}px`,
                         },
-                        '.ss__result.ss__result--grid': __assign({}, custom_1.custom.styles.resultCompact('grid')),
-                        '.ss__result.ss__result--list': __assign({}, custom_1.custom.styles.resultCompact()),
+                    },
+                    '.ss__result.ss__result--grid': {
+                        ...custom_1.custom.styles.resultCompact('grid'),
+                    },
+                    '.ss__result.ss__result--list': {
+                        ...custom_1.custom.styles.resultCompact(),
                     },
                 },
             },
-            '.ss__recommendation-bundle-vertical__wrapper__cta__subtotal': {
-                '.ss__recommendation-bundle-vertical__wrapper__cta__subtotal__icon__wrapper': {
-                    display: 'none',
-                },
-            }
         },
-        _a["".concat(custom_1.custom.utils.getBp(custom_1.custom.breakpoints.small))] = {
+        '.ss__recommendation-bundle-vertical__wrapper__cta__subtotal': {
+            '.ss__recommendation-bundle-vertical__wrapper__cta__subtotal__icon__wrapper': {
+                display: 'none',
+            },
+        },
+        [`${custom_1.custom.utils.getBp(custom_1.custom.breakpoints.small)}`]: {
             '.ss__recommendation-bundle-vertical__wrapper .ss__recommendation-bundle-vertical__wrapper__selector .ss__recommendation-bundle-vertical__wrapper__selector__result-wrapper:has(.ss__result--list) .ss__checkbox': {
                 right: 'auto',
-                left: "calc(33.33% - ".concat(custom_1.custom.spacing.x4, "px)"),
+                left: `calc(33.33% - ${custom_1.custom.spacing.x4}px)`,
             },
         },
-        _a));
+    });
     // recommendation bundle vertical styles
-    var recommendationBundleVerticalStyles = (0, react_1.css)([sharedStyles, bundleVerticalStyles]);
+    const recommendationBundleVerticalStyles = (0, react_1.css)([sharedStyles, bundleVerticalStyles]);
     return recommendationBundleVerticalStyles;
 };
 // RecommendationBundleVertical component props come from Template export
 exports.recommendationBundleVertical = {
-    default: __assign(__assign({}, recommendationBundleVertical_1.recommendationBundleVerticalThemeComponentProps.default), { recommendationBundleVertical: __assign(__assign({}, (((_a = recommendationBundleVertical_1.recommendationBundleVerticalThemeComponentProps.default) === null || _a === void 0 ? void 0 : _a['recommendationBundleVertical']) || {})), { themeStyleScript: recommendationBundleVerticalStyleScript, ctaButtonText: 'Add Selected', ctaButtonSuccessText: 'Added!', separatorIcon: false, separatorIconSeedOnly: false, limit: 8 }), 'recommendationBundleVertical icon.bundle-cart': {
-            size: "".concat(custom_1.custom.sizes.icon16 * 2, "px"),
+    default: {
+        ...recommendationBundleVertical_1.recommendationBundleVerticalThemeComponentProps.default,
+        recommendationBundleVertical: {
+            ...(recommendationBundleVertical_1.recommendationBundleVerticalThemeComponentProps.default?.['recommendationBundleVertical'] || {}),
+            themeStyleScript: recommendationBundleVerticalStyleScript,
+            ctaButtonText: 'Add Selected',
+            ctaButtonSuccessText: 'Added!',
+            separatorIcon: false,
+            separatorIconSeedOnly: false,
+            limit: 8,
+        },
+        'recommendationBundleVertical icon.bundle-cart': {
+            size: `${custom_1.custom.sizes.icon16 * 2}px`,
             icon: custom_1.custom.icons.bag,
-        }, 'recommendationBundleVertical result': {
+        },
+        'recommendationBundleVertical result': {
             layout: 'list',
-        } }),
-    mobile: __assign(__assign({}, recommendationBundleVertical_1.recommendationBundleVerticalThemeComponentProps.mobile), { recommendationBundleVertical: __assign({}, (((_b = recommendationBundleVertical_1.recommendationBundleVerticalThemeComponentProps.mobile) === null || _b === void 0 ? void 0 : _b['recommendationBundleVertical']) || {})) }),
-    tablet: __assign(__assign({}, recommendationBundleVertical_1.recommendationBundleVerticalThemeComponentProps.tablet), { recommendationBundleVertical: __assign({}, (((_c = recommendationBundleVertical_1.recommendationBundleVerticalThemeComponentProps.tablet) === null || _c === void 0 ? void 0 : _c['recommendationBundleVertical']) || {})) }),
-    desktop: __assign(__assign({}, recommendationBundleVertical_1.recommendationBundleVerticalThemeComponentProps.desktop), { recommendationBundleVertical: __assign({}, (((_d = recommendationBundleVertical_1.recommendationBundleVerticalThemeComponentProps.desktop) === null || _d === void 0 ? void 0 : _d['recommendationBundleVertical']) || {})) }),
+        },
+    },
+    mobile: {
+        ...recommendationBundleVertical_1.recommendationBundleVerticalThemeComponentProps.mobile,
+        recommendationBundleVertical: {
+            ...(recommendationBundleVertical_1.recommendationBundleVerticalThemeComponentProps.mobile?.['recommendationBundleVertical'] || {}),
+        },
+    },
+    tablet: {
+        ...recommendationBundleVertical_1.recommendationBundleVerticalThemeComponentProps.tablet,
+        recommendationBundleVertical: {
+            ...(recommendationBundleVertical_1.recommendationBundleVerticalThemeComponentProps.tablet?.['recommendationBundleVertical'] || {}),
+        },
+    },
+    desktop: {
+        ...recommendationBundleVertical_1.recommendationBundleVerticalThemeComponentProps.desktop,
+        recommendationBundleVertical: {
+            ...(recommendationBundleVertical_1.recommendationBundleVerticalThemeComponentProps.desktop?.['recommendationBundleVertical'] || {}),
+        },
+    },
 };