@athoscommerce/snap-preact 1.2.3-beta.3 → 1.2.3-beta.5

package/README.md

@@ -11,6 +11,22 @@ To install the `snap-preact` package and it's dependencies:
 npm install --save @athoscommerce/snap-preact
 ```
 
+### Peer Dependencies
+
+This package requires the following peer dependencies:
+
+- `preact` `^10.28.4` — UI rendering
+- `mobx` `^6.15.1` — state management
+
+Optionally:
+
+- `mobx-react-lite` `^4.1.1` — provides the `observer` HOC for creating reactive components
+
+```bash
+npm install --save preact mobx
+```
+
+
 ## Instantiation
 
 ```js

package/dist/cjs/components/src/components/Atoms/TemplateSelect/TemplateSelect.d.ts

@@ -1,14 +1,14 @@
 import { Controllers } from '@athoscommerce/snap-controller';
 import { Theme } from '../../../providers';
 import type { SnapTemplates } from '../../../../../src';
-import type { TemplatesStore, TemplateTypes } from '../../../../../src/Templates/Stores/TemplateStore';
+import type { TemplatesStore } from '../../../../../src/Templates/Stores/TemplateStore';
+import { TargetStore } from '../../../../../src/Templates/Stores/TargetStore';
 export declare const TemplateSelect: ((properties: TemplateSelectProps) => import("@emotion/react/jsx-runtime").JSX.Element | null) & {
     displayName: string;
 };
 export interface TemplateSelectProps {
     templatesStore: TemplatesStore;
-    targetId: string;
-    type: TemplateTypes;
+    target: TargetStore;
     controller: Controllers;
     snap: SnapTemplates;
     theme?: Theme;

package/dist/cjs/components/src/components/Atoms/TemplateSelect/TemplateSelect.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TemplateSelect.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Atoms/TemplateSelect/TemplateSelect.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC7D,OAAO,EAAmD,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC5F,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACxD,OAAO,KAAK,EAAE,cAAc,EAAsB,aAAa,EAAE,MAAM,mDAAmD,CAAC;AAE3H,eAAO,MAAM,cAAc,gBAAyB,mBAAmB;;CA8BrE,CAAC;AACH,MAAM,WAAW,mBAAmB;IACnC,cAAc,EAAE,cAAc,CAAC;IAC/B,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,aAAa,CAAC;IACpB,UAAU,EAAE,WAAW,CAAC;IACxB,IAAI,EAAE,aAAa,CAAC;IACpB,KAAK,CAAC,EAAE,KAAK,CAAC;CACd"}
+{"version":3,"file":"TemplateSelect.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Atoms/TemplateSelect/TemplateSelect.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC7D,OAAO,EAAmD,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC5F,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACxD,OAAO,KAAK,EAAE,cAAc,EAAsB,MAAM,mDAAmD,CAAC;AAC5G,OAAO,EAAE,WAAW,EAAE,MAAM,iDAAiD,CAAC;AAE9E,eAAO,MAAM,cAAc,gBAAyB,mBAAmB;;CA+BrE,CAAC;AACH,MAAM,WAAW,mBAAmB;IACnC,cAAc,EAAE,cAAc,CAAC;IAC/B,MAAM,EAAE,WAAW,CAAC;IACpB,UAAU,EAAE,WAAW,CAAC;IACxB,IAAI,EAAE,aAAa,CAAC;IACpB,KAAK,CAAC,EAAE,KAAK,CAAC;CACd"}

package/dist/cjs/components/src/components/Atoms/TemplateSelect/TemplateSelect.js

@@ -28,19 +28,18 @@ var mobx_react_lite_1 = require("mobx-react-lite");
 var providers_1 = require("../../../providers");
 exports.TemplateSelect = (0, mobx_react_lite_1.observer)(function (properties) {
     var _a, _b;
-    var snap = properties.snap, templatesStore = properties.templatesStore, targetId = properties.targetId, type = properties.type, controller = properties.controller, otherProps = __rest(properties, ["snap", "templatesStore", "targetId", "type", "controller"]);
+    var snap = properties.snap, templatesStore = properties.templatesStore, target = properties.target, controller = properties.controller, otherProps = __rest(properties, ["snap", "templatesStore", "target", "controller"]);
     var loading = templatesStore.loading;
-    var targeter = templatesStore.getTarget(type, targetId);
-    if (!targeter) {
-        controller.log.error("Target \"".concat(targetId, "\" not found in store for type \"").concat(type, "\""));
+    if (!target) {
+        controller.log.error("Target was not provided!");
         return null;
     }
-    var Component = templatesStore.library.getComponent(type, targeter.component);
-    var themeLocation = (_a = templatesStore === null || templatesStore === void 0 ? void 0 : templatesStore.themes) === null || _a === void 0 ? void 0 : _a[targeter.theme.location];
-    var themeStore = themeLocation && themeLocation[targeter.theme.name];
+    var Component = templatesStore.library.getComponent(target.type, target.component);
+    var themeLocation = (_a = templatesStore === null || templatesStore === void 0 ? void 0 : templatesStore.themes) === null || _a === void 0 ? void 0 : _a[target.theme.location];
+    var themeStore = themeLocation && themeLocation[target.theme.name];
     var theme = themeStore === null || themeStore === void 0 ? void 0 : themeStore.theme;
     if (!loading && !theme && !((_b = templatesStore.settings) === null || _b === void 0 ? void 0 : _b.editMode)) {
-        var error = "Theme \"".concat(targeter.theme.name, "\" not found in library for target \"").concat(targetId, "\"");
+        var error = "Theme \"".concat(target.theme.name, "\" not found in library for target \"").concat(target.selector, "\"");
         controller.log.error(error);
     }
     // ensuring that theme and component are ready to render

package/dist/cjs/components/src/components/Molecules/ChatInspirationResultMessage/ChatInspirationResultMessage.d.ts

@@ -7,7 +7,7 @@ export declare const ChatInspirationResultMessage: ((properties: ChatInspiration
 export type ChatInspirationResultMessageProps = {
     chatItem: ChatResponseInspirationResultData;
     controller?: ChatController;
-    onViewProduct?: () => void;
+    onProductQuickView?: () => void;
     lang?: Partial<ChatInspirationResultMessageLang>;
 } & ChatInspirationResultMessageTemplatesLegalProps & ComponentProps<ChatInspirationResultMessageProps>;
 export type ChatInspirationResultMessageTemplatesLegalProps = {

package/dist/cjs/components/src/components/Molecules/ChatInspirationResultMessage/ChatInspirationResultMessage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChatInspirationResultMessage.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Molecules/ChatInspirationResultMessage/ChatInspirationResultMessage.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,cAAc,EAAe,MAAM,gBAAgB,CAAC;AAC7D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAErE,OAAO,EAAoB,iCAAiC,EAAE,MAAM,4BAA4B,CAAC;AAyDjG,eAAO,MAAM,4BAA4B,gBAAyB,iCAAiC;;CA8GjG,CAAC;AAMH,MAAM,MAAM,iCAAiC,GAAG;IAC/C,QAAQ,EAAE,iCAAiC,CAAC;IAC5C,UAAU,CAAC,EAAE,cAAc,CAAC;IAC5B,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,IAAI,CAAC,EAAE,OAAO,CAAC,gCAAgC,CAAC,CAAC;CACjD,GAAG,+CAA+C,GAClD,cAAc,CAAC,iCAAiC,CAAC,CAAC;AAEnD,MAAM,MAAM,+CAA+C,GAAG;IAC7D,QAAQ,EAAE,iCAAiC,CAAC;CAC5C,CAAC;AAEF,MAAM,WAAW,gCAAgC;CAKhD"}
+{"version":3,"file":"ChatInspirationResultMessage.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Molecules/ChatInspirationResultMessage/ChatInspirationResultMessage.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,cAAc,EAAe,MAAM,gBAAgB,CAAC;AAC7D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAErE,OAAO,EAAoB,iCAAiC,EAAE,MAAM,4BAA4B,CAAC;AAyDjG,eAAO,MAAM,4BAA4B,gBAAyB,iCAAiC;;CA8GjG,CAAC;AAMH,MAAM,MAAM,iCAAiC,GAAG;IAC/C,QAAQ,EAAE,iCAAiC,CAAC;IAC5C,UAAU,CAAC,EAAE,cAAc,CAAC;IAC5B,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;IAChC,IAAI,CAAC,EAAE,OAAO,CAAC,gCAAgC,CAAC,CAAC;CACjD,GAAG,+CAA+C,GAClD,cAAc,CAAC,iCAAiC,CAAC,CAAC;AAEnD,MAAM,MAAM,+CAA+C,GAAG;IAC7D,QAAQ,EAAE,iCAAiC,CAAC;CAC5C,CAAC;AAEF,MAAM,WAAW,gCAAgC;CAKhD"}

package/dist/cjs/components/src/components/Molecules/ChatInspirationResultMessage/ChatInspirationResultMessage.js

@@ -80,7 +80,7 @@ exports.ChatInspirationResultMessage = (0, mobx_react_lite_1.observer)(function
         treePath: globalTreePath,
     };
     var props = (0, utilities_1.mergeProps)('chatInspirationResultMessage', globalTheme, defaultProps, properties);
-    var chatItem = props.chatItem, controller = props.controller, onViewProduct = props.onViewProduct, disableStyles = props.disableStyles, className = props.className, internalClassName = props.internalClassName, treePath = props.treePath;
+    var chatItem = props.chatItem, controller = props.controller, onProductQuickView = props.onProductQuickView, disableStyles = props.disableStyles, className = props.className, internalClassName = props.internalClassName, treePath = props.treePath;
     var subProps = {
         Carousel: __assign(__assign({}, (0, utilities_1.defined)({
             disableStyles: disableStyles,
@@ -111,8 +111,8 @@ exports.ChatInspirationResultMessage = (0, mobx_react_lite_1.observer)(function
                                     var display = (product === null || product === void 0 ? void 0 : product.display) || product;
                                     return ((0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)('ss__chat-inspiration-result-message__inspiration-sections__section__products__product'), children: (0, jsx_runtime_1.jsx)(Image_1.Image, { onClick: function (e) {
                                                 controller === null || controller === void 0 ? void 0 : controller.track.product.click(e, product);
-                                                controller === null || controller === void 0 ? void 0 : controller.viewProduct(product);
-                                                onViewProduct === null || onViewProduct === void 0 ? void 0 : onViewProduct();
+                                                controller === null || controller === void 0 ? void 0 : controller.productQuickView(product);
+                                                onProductQuickView === null || onProductQuickView === void 0 ? void 0 : onProductQuickView();
                                             }, alt: ((_b = (_a = display === null || display === void 0 ? void 0 : display.mappings) === null || _a === void 0 ? void 0 : _a.core) === null || _b === void 0 ? void 0 : _b.name) || '', src: ((_d = (_c = display === null || display === void 0 ? void 0 : display.mappings) === null || _c === void 0 ? void 0 : _c.core) === null || _d === void 0 ? void 0 : _d.imageUrl) || '' }) }, product.id));
                                 }) })) })] }, index)); }) }) })) })) : null;
 });

package/dist/cjs/components/src/components/Molecules/ChatProductQueryMessage/ChatProductQueryMessage.d.ts

@@ -8,6 +8,8 @@ export type ChatProductQueryMessageProps = {
     controller?: ChatController;
     displayFields?: string[];
     lang?: Partial<ChatProductQueryMessageLang>;
+    primaryColor?: string;
+    primaryColorText?: string;
 } & ChatProductQueryMessageTemplatesLegalProps & ComponentProps<ChatProductQueryMessageProps>;
 export type ChatProductQueryMessageItem = {
     id: string;

package/dist/cjs/components/src/components/Molecules/ChatProductQueryMessage/ChatProductQueryMessage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChatProductQueryMessage.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Molecules/ChatProductQueryMessage/ChatProductQueryMessage.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,cAAc,EAAe,MAAM,gBAAgB,CAAC;AAC7D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AA+ZrE,eAAO,MAAM,uBAAuB,gBAAyB,4BAA4B;;CA0OvF,CAAC;AAEH,MAAM,MAAM,4BAA4B,GAAG;IAC1C,QAAQ,EAAE,2BAA2B,CAAC;IACtC,UAAU,CAAC,EAAE,cAAc,CAAC;IAC5B,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;IACzB,IAAI,CAAC,EAAE,OAAO,CAAC,2BAA2B,CAAC,CAAC;CAC5C,GAAG,0CAA0C,GAC7C,cAAc,CAAC,4BAA4B,CAAC,CAAC;AAE9C,MAAM,MAAM,2BAA2B,GAAG;IACzC,EAAE,EAAE,MAAM,CAAC;IACX,WAAW,EAAE,cAAc,CAAC;IAC5B,aAAa,EAAE,GAAG,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,0CAA0C,GAAG;IACxD,QAAQ,EAAE,2BAA2B,CAAC;CACtC,CAAC;AAEF,MAAM,WAAW,2BAA2B;CAE3C"}
+{"version":3,"file":"ChatProductQueryMessage.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Molecules/ChatProductQueryMessage/ChatProductQueryMessage.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,cAAc,EAAe,MAAM,gBAAgB,CAAC;AAC7D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAiarE,eAAO,MAAM,uBAAuB,gBAAyB,4BAA4B;;CAkPvF,CAAC;AAEH,MAAM,MAAM,4BAA4B,GAAG;IAC1C,QAAQ,EAAE,2BAA2B,CAAC;IACtC,UAAU,CAAC,EAAE,cAAc,CAAC;IAC5B,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;IACzB,IAAI,CAAC,EAAE,OAAO,CAAC,2BAA2B,CAAC,CAAC;IAC5C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC1B,GAAG,0CAA0C,GAC7C,cAAc,CAAC,4BAA4B,CAAC,CAAC;AAE9C,MAAM,MAAM,2BAA2B,GAAG;IACzC,EAAE,EAAE,MAAM,CAAC;IACX,WAAW,EAAE,cAAc,CAAC;IAC5B,aAAa,EAAE,GAAG,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,0CAA0C,GAAG;IACxD,QAAQ,EAAE,2BAA2B,CAAC;CACtC,CAAC;AAEF,MAAM,WAAW,2BAA2B;CAE3C"}

package/dist/cjs/components/src/components/Molecules/ChatProductQueryMessage/ChatProductQueryMessage.js

@@ -24,14 +24,16 @@ var utilities_1 = require("../../../utilities");
 var Image_1 = require("../../Atoms/Image");
 var Button_1 = require("../../Atoms/Button");
 var __1 = require("../../..");
-var defaultStyles = function () {
-    var colorPrimary = '#253B80';
+var defaultStyles = function (_a) {
+    var primaryColor = _a.primaryColor, primaryColorText = _a.primaryColorText;
+    var colorPrimary = primaryColor || '#253B80';
+    var colorPrimaryText = primaryColorText || '#fff';
     return (0, react_1.css)({
         display: 'flex',
         flexDirection: 'column',
         gap: '1em',
         '.ss__chat-product-query-message__header': {
-            background: colorPrimary,
+            background: new utilities_1.Colour(colorPrimary).lightenHex(0.2),
             padding: '1em',
             display: 'flex',
             flexDirection: 'column',
@@ -39,7 +41,7 @@ var defaultStyles = function () {
                 display: 'flex',
                 alignItems: 'center',
                 gap: '0.35em',
-                color: '#fff',
+                color: colorPrimaryText,
                 cursor: 'pointer',
                 alignSelf: 'flex-start',
                 padding: '0.5em 0',
@@ -49,18 +51,17 @@ var defaultStyles = function () {
                     opacity: 1,
                 },
                 svg: {
-                    fill: '#fff',
-                    stroke: '#fff',
+                    fill: colorPrimaryText,
+                    stroke: colorPrimaryText,
                 },
             },
             '.ss__price': {
-                color: '#fff',
+                color: colorPrimaryText,
             },
             '.ss__chat-product-query-message__header__product': {
                 display: 'flex',
                 gap: '0.75em',
                 alignItems: 'center',
-                background: '#40528e',
                 borderRadius: '0.75em',
                 padding: '0.75em',
                 '.ss__chat-product-query-message__header__product__image': {
@@ -79,7 +80,7 @@ var defaultStyles = function () {
                         fontWeight: 'bold',
                         fontSize: '0.95em',
                         a: {
-                            color: '#FFFFFF',
+                            color: colorPrimaryText,
                             textDecoration: 'none',
                             '&:hover': {
                                 textDecoration: 'underline',
@@ -94,6 +95,9 @@ var defaultStyles = function () {
                         fontWeight: 'bold',
                         fontSize: '1.1em',
                         color: '#D4A843',
+                        display: 'flex',
+                        gap: '0.5em',
+                        alignItems: 'center',
                     },
                 },
                 '.ss__chat-product-query-message__header__product__actions': {
@@ -106,12 +110,13 @@ var defaultStyles = function () {
                     flexShrink: 0,
                     '.ss__chat-product-query-message__header__product__actions__go-to-product': {
                         a: {
-                            color: 'rgba(255, 255, 255, 0.85)',
+                            color: colorPrimaryText,
+                            opacity: 0.85,
                             fontSize: '0.8em',
                             textDecoration: 'underline',
                             cursor: 'pointer',
                             '&:hover': {
-                                color: '#FFFFFF',
+                                opacity: 1,
                             },
                         },
                     },
@@ -129,19 +134,16 @@ var defaultStyles = function () {
                             background: '#c49a3a',
                         },
                     },
-                    '.ss__chat-product-query-message__header__product__actions__show-similar .ss__button': {
+                    // Visual styles for the Show similar / Discuss product buttons live in the
+                    // Chat component so the chat-level theme drives them. Only layout-related
+                    // rules remain here.
+                    '.ss__chat-product-query-message__header__product__actions__show-similar .ss__button, .ss__chat-product-query-message__header__product__actions__discuss-product .ss__button': {
                         borderRadius: '0.5em',
                         padding: '0.4em 0.75em',
                         fontWeight: 'bold',
-                        border: '1px solid rgba(255, 255, 255, 0.6)',
                         whiteSpace: 'nowrap',
                         cursor: 'pointer',
                         fontSize: '0.8em',
-                        background: 'transparent',
-                        color: '#fff',
-                        '&:not(.ss__button--disabled):hover': {
-                            background: 'rgba(255, 255, 255, 0.15)',
-                        },
                     },
                 },
             },
@@ -170,10 +172,10 @@ var defaultStyles = function () {
                     border: '2px solid transparent',
                     transition: 'border-color 0.15s ease',
                     '&:hover': {
-                        borderColor: '#253B80',
+                        borderColor: colorPrimary,
                     },
                     '&.ss__chat-product-query-message__variants__swatch--selected': {
-                        borderColor: '#253B80',
+                        borderColor: colorPrimary,
                         borderWidth: '3px',
                         padding: '0.15em',
                     },
@@ -202,8 +204,8 @@ var defaultStyles = function () {
         '.ss__chat-product-query-message__section': {
             padding: '0 1em',
             '.ss__chat-product-query-message__section__title': {
-                background: '#253B80',
-                color: '#fff',
+                background: colorPrimary,
+                color: colorPrimaryText,
                 padding: '0.5em 0.75em',
                 fontWeight: 'bold',
                 fontSize: '0.95em',
@@ -216,7 +218,7 @@ var defaultStyles = function () {
                 borderCollapse: 'separate',
                 borderSpacing: 0,
                 fontSize: '0.9em',
-                border: '3px solid #253B80',
+                border: "3px solid ".concat(colorPrimary),
                 borderTop: 'none',
                 borderBottomLeftRadius: '0.5em',
                 borderBottomRightRadius: '0.5em',
@@ -255,7 +257,7 @@ var defaultStyles = function () {
                 fontSize: '0.9em',
                 color: '#374151',
                 lineHeight: '1.5',
-                border: '3px solid #253B80',
+                border: "3px solid ".concat(colorPrimary),
                 borderTop: 'none',
                 borderBottomLeftRadius: '0.5em',
                 borderBottomRightRadius: '0.5em',
@@ -430,10 +432,10 @@ exports.ChatProductQueryMessage = (0, mobx_react_lite_1.observer)(function (prop
         (_a = controller === null || controller === void 0 ? void 0 : controller.store.currentChat) === null || _a === void 0 ? void 0 : _a.popProductQueryMessage(chatItem.sourceMessageId);
         controller === null || controller === void 0 ? void 0 : controller.store.clearProductQuickview();
     };
-    return ((0, jsx_runtime_1.jsx)(providers_1.CacheProvider, { children: (0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)('ss__chat-product-query-message', className, internalClassName) }, styling, { children: [(0, jsx_runtime_1.jsxs)("div", { className: (0, classnames_1.default)('ss__chat-product-query-message__header'), children: [cameFromInspiration && ((0, jsx_runtime_1.jsxs)("div", { className: (0, classnames_1.default)('ss__chat-product-query-message__header__back'), onClick: handleBack, children: [(0, jsx_runtime_1.jsx)(__1.Icon, { icon: "angle-left", size: "14px" }), (0, jsx_runtime_1.jsx)("span", { children: "Back to inspiration" })] })), (0, jsx_runtime_1.jsxs)("div", { className: (0, classnames_1.default)('ss__chat-product-query-message__header__product'), children: [displayedCore.imageUrl && ((0, jsx_runtime_1.jsx)(Image_1.Image, { className: (0, classnames_1.default)('ss__chat-product-query-message__header__product__image'), src: displayedCore.imageUrl, alt: displayedCore.name || '' })), (0, jsx_runtime_1.jsxs)("div", { className: (0, classnames_1.default)('ss__chat-product-query-message__header__product__details'), children: [displayedCore.name && ((0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)('ss__chat-product-query-message__header__product__details__name'), children: displayedCore.url ? ((0, jsx_runtime_1.jsx)("a", { href: displayedCore.url, onClick: function (e) { return controller === null || controller === void 0 ? void 0 : controller.track.product.click(e, product); }, target: "_blank", rel: "noopener noreferrer", children: displayedCore.name })) : (displayedCore.name) })), displayedCore.brand && ((0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)('ss__chat-product-query-message__header__product__details__brand'), children: displayedCore.brand })), displayedCore.price != null && ((0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)('ss__chat-product-query-message__header__product__details__price'), children: (0, jsx_runtime_1.jsx)(__1.Price, { value: displayedCore.price }) }))] }), (0, jsx_runtime_1.jsxs)("div", { className: (0, classnames_1.default)('ss__chat-product-query-message__header__product__actions'), children: [displayedCore.url && ((0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)('ss__chat-product-query-message__header__product__actions__go-to-product'), children: (0, jsx_runtime_1.jsx)("a", { href: displayedCore.url, onClick: function (e) { return controller === null || controller === void 0 ? void 0 : controller.track.product.click(e, product); }, target: "_blank", rel: "noopener noreferrer", children: "Go to product" }) })), (0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)('ss__chat-product-query-message__header__product__actions__add-to-cart'), children: (0, jsx_runtime_1.jsx)(Button_1.Button, { content: 'Add to Cart', onClick: function () {
+    return ((0, jsx_runtime_1.jsx)(providers_1.CacheProvider, { children: (0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)('ss__chat-product-query-message', className, internalClassName) }, styling, { children: [(0, jsx_runtime_1.jsxs)("div", { className: (0, classnames_1.default)('ss__chat-product-query-message__header'), children: [cameFromInspiration && ((0, jsx_runtime_1.jsxs)("div", { className: (0, classnames_1.default)('ss__chat-product-query-message__header__back'), onClick: handleBack, children: [(0, jsx_runtime_1.jsx)(__1.Icon, { icon: "angle-left", size: "14px" }), (0, jsx_runtime_1.jsx)("span", { children: "Back to inspiration" })] })), (0, jsx_runtime_1.jsxs)("div", { className: (0, classnames_1.default)('ss__chat-product-query-message__header__product'), children: [displayedCore.imageUrl && ((0, jsx_runtime_1.jsx)(Image_1.Image, { className: (0, classnames_1.default)('ss__chat-product-query-message__header__product__image'), src: displayedCore.imageUrl, alt: displayedCore.name || '' })), (0, jsx_runtime_1.jsxs)("div", { className: (0, classnames_1.default)('ss__chat-product-query-message__header__product__details'), children: [displayedCore.name && ((0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)('ss__chat-product-query-message__header__product__details__name'), children: displayedCore.url ? ((0, jsx_runtime_1.jsx)("a", { href: displayedCore.url, onClick: function (e) { return controller === null || controller === void 0 ? void 0 : controller.track.product.click(e, product); }, target: "_blank", rel: "noopener noreferrer", children: displayedCore.name })) : (displayedCore.name) })), displayedCore.brand && ((0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)('ss__chat-product-query-message__header__product__details__brand'), children: displayedCore.brand })), displayedCore.price != null && ((0, jsx_runtime_1.jsxs)("div", { className: (0, classnames_1.default)('ss__chat-product-query-message__header__product__details__price'), children: [displayedCore.msrp != null && Number(displayedCore.msrp) > Number(displayedCore.price) && ((0, jsx_runtime_1.jsx)(__1.Price, { value: displayedCore.msrp, lineThrough: true })), (0, jsx_runtime_1.jsx)(__1.Price, { value: displayedCore.price })] }))] }), (0, jsx_runtime_1.jsxs)("div", { className: (0, classnames_1.default)('ss__chat-product-query-message__header__product__actions'), children: [displayedCore.url && ((0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)('ss__chat-product-query-message__header__product__actions__go-to-product'), children: (0, jsx_runtime_1.jsx)("a", { href: displayedCore.url, onClick: function (e) { return controller === null || controller === void 0 ? void 0 : controller.track.product.click(e, product); }, target: "_blank", rel: "noopener noreferrer", children: "Go to product" }) })), (0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)('ss__chat-product-query-message__header__product__actions__add-to-cart'), children: (0, jsx_runtime_1.jsx)(Button_1.Button, { content: 'Add to Cart', onClick: function () {
                                                     controller === null || controller === void 0 ? void 0 : controller.track.product.addToCart(product);
                                                     controller === null || controller === void 0 ? void 0 : controller.addToCart(product);
-                                                } }) }), (controller === null || controller === void 0 ? void 0 : controller.store.features.similarProducts.enabled) && ((0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)('ss__chat-product-query-message__header__product__actions__show-similar'), children: (0, jsx_runtime_1.jsx)(Button_1.Button, { content: 'Show Similar', onClick: function () { return controller === null || controller === void 0 ? void 0 : controller.discussProduct(sourceProduct, { requestType: 'productSimilar' }); } }) }))] })] })] }), selections.length > 0 && ((0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)('ss__chat-product-query-message__variants'), children: selections.map(function (selection) { return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsxs)("div", { className: (0, classnames_1.default)('ss__chat-product-query-message__variants__label'), children: [formatLabel(selection.field), " (", selection.values.length, ")"] }), (0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)('ss__chat-product-query-message__variants__swatches'), children: selection.values.map(function (selectionValue) {
+                                                } }) }), (controller === null || controller === void 0 ? void 0 : controller.store.features.similarProducts.enabled) && ((0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)('ss__chat-product-query-message__header__product__actions__show-similar'), children: (0, jsx_runtime_1.jsx)(Button_1.Button, { content: 'Show Similar', onClick: function () { return controller === null || controller === void 0 ? void 0 : controller.productSimilar(sourceProduct); } }) })), (0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)('ss__chat-product-query-message__header__product__actions__discuss-product'), children: (0, jsx_runtime_1.jsx)(Button_1.Button, { content: 'Discuss Product', onClick: function () { return controller === null || controller === void 0 ? void 0 : controller.productQuery(sourceProduct); } }) })] })] })] }), selections.length > 0 && ((0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)('ss__chat-product-query-message__variants'), children: selections.map(function (selection) { return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsxs)("div", { className: (0, classnames_1.default)('ss__chat-product-query-message__variants__label'), children: [formatLabel(selection.field), " (", selection.values.length, ")"] }), (0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)('ss__chat-product-query-message__variants__swatches'), children: selection.values.map(function (selectionValue) {
                                     var _a;
                                     var isUnavailable = !selectionValue.available;
                                     var isSelected = ((_a = selection.selected) === null || _a === void 0 ? void 0 : _a.value) === selectionValue.value;
@@ -444,5 +446,5 @@ exports.ChatProductQueryMessage = (0, mobx_react_lite_1.observer)(function (prop
                                 }) })] }, selection.field)); }) })), infoRows.length > 0 && ((0, jsx_runtime_1.jsxs)("div", { className: (0, classnames_1.default)('ss__chat-product-query-message__section'), children: [(0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)('ss__chat-product-query-message__section__title'), children: "Product Information" }), (0, jsx_runtime_1.jsx)("table", { className: (0, classnames_1.default)('ss__chat-product-query-message__section__table'), children: (0, jsx_runtime_1.jsx)("tbody", { children: infoRows.map(function (row) { return ((0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { children: row.label }), (0, jsx_runtime_1.jsx)("td", { children: row.rawKey === 'availability' ? ((0, jsx_runtime_1.jsx)("span", { className: (0, classnames_1.default)({
                                                     'ss__chat-product-query-message__section__table__availability--in-stock': row.value === 'In Stock',
                                                     'ss__chat-product-query-message__section__table__availability--out-of-stock': row.value === 'Out of Stock',
-                                                }), children: row.value === 'In Stock' ? "\u2713 ".concat(row.value) : row.value })) : row.rawKey.toLowerCase() === 'price' ? ((0, jsx_runtime_1.jsx)(__1.Price, { value: Number(row.value) })) : (row.value) })] }, row.key)); }) }) })] })), descriptionRow && ((0, jsx_runtime_1.jsxs)("div", { className: (0, classnames_1.default)('ss__chat-product-query-message__section'), children: [(0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)('ss__chat-product-query-message__section__title'), children: "Description" }), (0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)('ss__chat-product-query-message__section__description'), children: descriptionRow.value })] })), features.length > 0 && ((0, jsx_runtime_1.jsxs)("div", { className: (0, classnames_1.default)('ss__chat-product-query-message__section'), children: [(0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)('ss__chat-product-query-message__section__title'), children: "Features" }), (0, jsx_runtime_1.jsx)("ul", { className: (0, classnames_1.default)('ss__chat-product-query-message__section__features'), children: features.map(function (feature, idx) { return ((0, jsx_runtime_1.jsx)("li", { children: feature }, idx)); }) })] }))] })) }));
+                                                }), children: row.value === 'In Stock' ? "\u2713 ".concat(row.value) : row.value })) : row.rawKey.toLowerCase() === 'price' ? ((0, jsx_runtime_1.jsxs)("span", { style: { display: 'flex', gap: '0.5em', alignItems: 'center', justifyContent: 'flex-end' }, children: [displayedCore.msrp != null && Number(displayedCore.msrp) > Number(row.value) && ((0, jsx_runtime_1.jsx)(__1.Price, { value: Number(displayedCore.msrp), lineThrough: true })), (0, jsx_runtime_1.jsx)(__1.Price, { value: Number(row.value) })] })) : (row.value) })] }, row.key)); }) }) })] })), descriptionRow && ((0, jsx_runtime_1.jsxs)("div", { className: (0, classnames_1.default)('ss__chat-product-query-message__section'), children: [(0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)('ss__chat-product-query-message__section__title'), children: "Description" }), (0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)('ss__chat-product-query-message__section__description'), children: descriptionRow.value })] })), features.length > 0 && ((0, jsx_runtime_1.jsxs)("div", { className: (0, classnames_1.default)('ss__chat-product-query-message__section'), children: [(0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)('ss__chat-product-query-message__section__title'), children: "Features" }), (0, jsx_runtime_1.jsx)("ul", { className: (0, classnames_1.default)('ss__chat-product-query-message__section__features'), children: features.map(function (feature, idx) { return ((0, jsx_runtime_1.jsx)("li", { children: feature }, idx)); }) })] }))] })) }));
 });

package/dist/cjs/components/src/components/Molecules/Filter/Filter.d.ts

@@ -16,7 +16,7 @@ export type FilterTemplatesLegalProps = {
     valueLabel?: string;
     hideFacetLabel?: boolean;
     onClick?: (e: React.MouseEvent<HTMLAnchorElement, MouseEvent>) => void;
-    icon?: IconType | Partial<IconProps>;
+    icon?: IconType | Partial<IconProps> | false;
     separator?: string;
 };
 export interface FilterLang {

package/dist/cjs/components/src/components/Molecules/Filter/Filter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Filter.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Molecules/Filter/Filter.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,cAAc,EAAe,MAAM,gBAAgB,CAAC;AAE7D,OAAO,EAAQ,SAAS,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,KAAK,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,gCAAgC,CAAC;AAC3E,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAClE,OAAO,EAAE,IAAI,EAAyB,MAAM,gBAAgB,CAAC;AAuB7D,eAAO,MAAM,MAAM,gBAAyB,WAAW;;CA8GrD,CAAC;AAEH,MAAM,MAAM,WAAW,GAAG;IACzB,IAAI,CAAC,EAAE,OAAO,CAAC,UAAU,CAAC,CAAC;IAC3B,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,GAAG,CAAC,EAAE,UAAU,CAAC;CACjB,GAAG,yBAAyB,GAC5B,cAAc,CAAC,WAAW,CAAC,CAAC;AAE7B,MAAM,MAAM,yBAAyB,GAAG;IACvC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;IACvE,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC,SAAS,CAAC,CAAC;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,MAAM,WAAW,UAAU;IAC1B,MAAM,EAAE,IAAI,CAAC;QACZ,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,KAAK,CAAC,EAAE,MAAM,CAAC;KACf,CAAC,CAAC;CACH;AAOD,MAAM,MAAM,WAAW,GAAG,WAAW,CAAC"}
+{"version":3,"file":"Filter.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Molecules/Filter/Filter.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,cAAc,EAAe,MAAM,gBAAgB,CAAC;AAE7D,OAAO,EAAQ,SAAS,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,KAAK,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,gCAAgC,CAAC;AAC3E,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAClE,OAAO,EAAE,IAAI,EAAyB,MAAM,gBAAgB,CAAC;AAuB7D,eAAO,MAAM,MAAM,gBAAyB,WAAW;;CA8GrD,CAAC;AAEH,MAAM,MAAM,WAAW,GAAG;IACzB,IAAI,CAAC,EAAE,OAAO,CAAC,UAAU,CAAC,CAAC;IAC3B,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,GAAG,CAAC,EAAE,UAAU,CAAC;CACjB,GAAG,yBAAyB,GAC5B,cAAc,CAAC,WAAW,CAAC,CAAC;AAE7B,MAAM,MAAM,yBAAyB,GAAG;IACvC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;IACvE,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC,SAAS,CAAC,GAAG,KAAK,CAAC;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,MAAM,WAAW,UAAU;IAC1B,MAAM,EAAE,IAAI,CAAC;QACZ,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,KAAK,CAAC,EAAE,MAAM,CAAC;KACf,CAAC,CAAC;CACH;AAOD,MAAM,MAAM,WAAW,GAAG,WAAW,CAAC"}

package/dist/cjs/components/src/components/Molecules/Result/Result.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Result.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Molecules/Result/Result.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAY,MAAM,cAAc,CAAC;AAUpD,OAAO,EAAE,cAAc,EAAE,aAAa,EAAe,MAAM,gBAAgB,CAAC;AAG5E,OAAO,KAAK,EAAE,gBAAgB,EAAE,sBAAsB,EAAE,wBAAwB,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AACzI,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,gCAAgC,CAAC;AAI9D,OAAO,EAAE,IAAI,EAAyB,MAAM,gBAAgB,CAAC;AAyD7D,eAAO,MAAM,MAAM,gBAAyB,WAAW;;CAiQrD,CAAC;AAWH,MAAM,WAAW,kBAAkB;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,MAAM,WAAW,GAAG;IACzB,MAAM,EAAE,OAAO,CAAC;IAChB,UAAU,CAAC,EAAE,gBAAgB,GAAG,sBAAsB,GAAG,wBAAwB,GAAG,cAAc,CAAC;IACnG,IAAI,CAAC,EAAE,OAAO,CAAC,UAAU,CAAC,CAAC;IAC3B,WAAW,CAAC,EAAE,UAAU,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;CAC7C,GAAG,yBAAyB,GAC5B,cAAc,CAAC,WAAW,CAAC,CAAC;AAE7B,MAAM,MAAM,yBAAyB,GAAG;IACvC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,gBAAgB,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,EAAE,UAAU,CAAC,EAAE,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3F,0BAA0B,CAAC,EAAE,MAAM,CAAC;IACpC,6BAA6B,CAAC,EAAE,MAAM,CAAC;IACvC,UAAU,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,GAAG,CAAC,OAAO,EAAE,CAAC;IACzC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,OAAO,aAAa,GAAG,aAAa,CAAC;IACpD,aAAa,CAAC,EAAE,kBAAkB,CAAC;IACnC,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,EAAE,KAAK,CAAC,KAAK,IAAI,CAAC;IAClE,eAAe,CAAC,EAAE,MAAM,CAAC;CACzB,CAAC;AAEF,MAAM,WAAW,UAAU;IAC1B,mBAAmB,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC;IAC1C,0BAA0B,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC;CACjD;AAED,UAAU,cAAc;IACvB,MAAM,EAAE,OAAO,CAAC;IAChB,UAAU,CAAC,EAAE,gBAAgB,GAAG,sBAAsB,GAAG,wBAAwB,GAAG,cAAc,CAAC;CACnG;AAED,MAAM,MAAM,WAAW,GAAG,MAAM,CAAC"}
+{"version":3,"file":"Result.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Molecules/Result/Result.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAY,MAAM,cAAc,CAAC;AAUpD,OAAO,EAAE,cAAc,EAAE,aAAa,EAAe,MAAM,gBAAgB,CAAC;AAG5E,OAAO,KAAK,EAAE,gBAAgB,EAAE,sBAAsB,EAAE,wBAAwB,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AACzI,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,gCAAgC,CAAC;AAK9D,OAAO,EAAE,IAAI,EAAyB,MAAM,gBAAgB,CAAC;AAyD7D,eAAO,MAAM,MAAM,gBAAyB,WAAW;;CAgRrD,CAAC;AAWH,MAAM,WAAW,kBAAkB;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,MAAM,WAAW,GAAG;IACzB,MAAM,EAAE,OAAO,CAAC;IAChB,UAAU,CAAC,EAAE,gBAAgB,GAAG,sBAAsB,GAAG,wBAAwB,GAAG,cAAc,CAAC;IACnG,IAAI,CAAC,EAAE,OAAO,CAAC,UAAU,CAAC,CAAC;IAC3B,WAAW,CAAC,EAAE,UAAU,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;CAC7C,GAAG,yBAAyB,GAC5B,cAAc,CAAC,WAAW,CAAC,CAAC;AAE7B,MAAM,MAAM,yBAAyB,GAAG;IACvC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,gBAAgB,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,EAAE,UAAU,CAAC,EAAE,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3F,0BAA0B,CAAC,EAAE,MAAM,CAAC;IACpC,6BAA6B,CAAC,EAAE,MAAM,CAAC;IACvC,UAAU,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,GAAG,CAAC,OAAO,EAAE,CAAC;IACzC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,OAAO,aAAa,GAAG,aAAa,CAAC;IACpD,aAAa,CAAC,EAAE,kBAAkB,CAAC;IACnC,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,EAAE,KAAK,CAAC,KAAK,IAAI,CAAC;IAClE,eAAe,CAAC,EAAE,MAAM,CAAC;CACzB,CAAC;AAEF,MAAM,WAAW,UAAU;IAC1B,mBAAmB,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC;IAC1C,0BAA0B,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC;CACjD;AAED,UAAU,cAAc;IACvB,MAAM,EAAE,OAAO,CAAC;IAChB,UAAU,CAAC,EAAE,gBAAgB,GAAG,sBAAsB,GAAG,wBAAwB,GAAG,cAAc,CAAC;CACnG;AAED,MAAM,MAAM,WAAW,GAAG,MAAM,CAAC"}

package/dist/cjs/components/src/components/Molecules/Result/Result.js

@@ -30,6 +30,7 @@ var CalloutBadge_1 = require("../../Molecules/CalloutBadge");
 var OverlayBadge_1 = require("../../Molecules/OverlayBadge");
 var Rating_1 = require("../Rating");
 var Button_1 = require("../../Atoms/Button");
+var Icon_1 = require("../../Atoms/Icon");
 var deepmerge_1 = __importDefault(require("deepmerge"));
 var hooks_2 = require("../../../hooks");
 var VariantSelection_1 = require("../VariantSelection");
@@ -82,7 +83,7 @@ var defaultStyles = function () {
     });
 };
 exports.Result = (0, mobx_react_lite_1.observer)(function (properties) {
-    var _a, _b, _c, _d, _e, _f;
+    var _a, _b, _c, _d, _e, _f, _g, _h;
     var globalTheme = (0, providers_1.useTheme)();
     var snap = (0, providers_1.useSnap)();
     var globalTreePath = (0, providers_1.useTreePath)();
@@ -104,7 +105,7 @@ exports.Result = (0, mobx_react_lite_1.observer)(function (properties) {
         }
     }
     var core = ((_b = result === null || result === void 0 ? void 0 : result.display) === null || _b === void 0 ? void 0 : _b.mappings.core) || ((_c = result === null || result === void 0 ? void 0 : result.mappings) === null || _c === void 0 ? void 0 : _c.core);
-    var _g = (0, hooks_1.useState)(false), addedToCart = _g[0], setAddedToCart = _g[1];
+    var _j = (0, hooks_1.useState)(false), addedToCart = _j[0], setAddedToCart = _j[1];
     var subProps = {
         variantSelection: __assign(__assign({ 
             // global theme
@@ -182,13 +183,17 @@ exports.Result = (0, mobx_react_lite_1.observer)(function (properties) {
         controller: controller,
     });
     var isOnSale = Boolean((core === null || core === void 0 ? void 0 : core.msrp) && (core === null || core === void 0 ? void 0 : core.price) && (core === null || core === void 0 ? void 0 : core.price) < (core === null || core === void 0 ? void 0 : core.msrp));
-    return core ? ((0, jsx_runtime_1.jsx)(providers_1.CacheProvider, { children: (0, jsx_runtime_1.jsxs)("article", __assign({}, styling, { className: (0, classnames_1.default)('ss__result', "ss__result--".concat(layout), { 'ss__result--sale': isOnSale }, className, internalClassName), ref: trackingRef, children: [!hideImage && ((0, jsx_runtime_1.jsx)("div", { className: "ss__result__image-wrapper", children: (0, jsx_runtime_1.jsx)("a", { href: core.url, onClick: function (e) {
-                            onClick && onClick(e);
-                        }, children: !hideBadge ? ((0, jsx_runtime_1.jsx)(OverlayBadge_1.OverlayBadge, __assign({}, subProps.overlayBadge, { controller: controller, children: (0, jsx_runtime_1.jsx)(Image_1.Image, __assign({}, subProps.image)) }))) : ((0, jsx_runtime_1.jsx)(Image_1.Image, __assign({}, subProps.image))) }) })), (0, jsx_runtime_1.jsxs)("div", { className: "ss__result__details", children: [!hideBadge && ((0, jsx_runtime_1.jsx)(CalloutBadge_1.CalloutBadge, __assign({}, subProps.calloutBadge, { controller: controller }))), !hideTitle && ((0, jsx_runtime_1.jsx)("div", { className: "ss__result__details__title", children: (0, jsx_runtime_1.jsx)("a", { href: core.url, onClick: function (e) {
+    return core ? ((0, jsx_runtime_1.jsx)(providers_1.CacheProvider, { children: (0, jsx_runtime_1.jsxs)("article", __assign({}, styling, { className: (0, classnames_1.default)('ss__result', "ss__result--".concat(layout), { 'ss__result--sale': isOnSale }, className, internalClassName), ref: trackingRef, children: [!hideImage && ((0, jsx_runtime_1.jsxs)("div", { className: "ss__result__image-wrapper", children: [(0, jsx_runtime_1.jsx)("a", { href: core.url, onClick: function (e) {
+                                onClick && onClick(e);
+                            }, children: !hideBadge ? ((0, jsx_runtime_1.jsx)(OverlayBadge_1.OverlayBadge, __assign({}, subProps.overlayBadge, { controller: controller, children: (0, jsx_runtime_1.jsx)(Image_1.Image, __assign({}, subProps.image)) }))) : ((0, jsx_runtime_1.jsx)(Image_1.Image, __assign({}, subProps.image))) }), (controller === null || controller === void 0 ? void 0 : controller.type) === 'recommendation' && ((_e = (_d = controller.config.settings) === null || _d === void 0 ? void 0 : _d.quickview) === null || _e === void 0 ? void 0 : _e.enabled) && ((0, jsx_runtime_1.jsx)("span", { className: "ss__result__product-quick-view-button", onClick: function (e) {
+                                e.preventDefault();
+                                e.stopPropagation();
+                                controller.productQuickView(result);
+                            }, role: "button", title: "Quick view", style: { position: 'absolute', bottom: '8px', right: '8px', cursor: 'pointer' }, children: (0, jsx_runtime_1.jsx)(Icon_1.Icon, { icon: "eye", title: "Quick view" }) }))] })), (0, jsx_runtime_1.jsxs)("div", { className: "ss__result__details", children: [!hideBadge && ((0, jsx_runtime_1.jsx)(CalloutBadge_1.CalloutBadge, __assign({}, subProps.calloutBadge, { controller: controller }))), !hideTitle && ((0, jsx_runtime_1.jsx)("div", { className: "ss__result__details__title", children: (0, jsx_runtime_1.jsx)("a", { href: core.url, onClick: function (e) {
                                     onClick && onClick(e);
                                 }, dangerouslySetInnerHTML: {
                                     __html: displayName || '',
-                                } }) })), !hideRating && (0, jsx_runtime_1.jsx)(Rating_1.Rating, __assign({}, subProps.rating)), !hidePricing && core.price && core.price > 0 ? ((0, jsx_runtime_1.jsx)("div", { className: "ss__result__details__pricing", children: isOnSale ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Price_1.Price, __assign({}, subProps.price, { value: core.msrp, lineThrough: true, name: 'msrp' })), "\u00A0", (0, jsx_runtime_1.jsx)(Price_1.Price, __assign({}, subProps.price, { value: core.price, name: 'price' }))] })) : ((0, jsx_runtime_1.jsx)(Price_1.Price, __assign({}, subProps.price, { value: core.price }))) })) : null, (0, utilities_1.cloneWithProps)(detailSlot, { result: result, treePath: treePath }), !hideVariantSelections && ((_e = (_d = result.variants) === null || _d === void 0 ? void 0 : _d.selections) === null || _e === void 0 ? void 0 : _e.length) && ((0, jsx_runtime_1.jsx)("div", { className: "ss__result__details__variant-selection", children: (_f = result.variants) === null || _f === void 0 ? void 0 : _f.selections.map(function (selection) {
+                                } }) })), !hideRating && (0, jsx_runtime_1.jsx)(Rating_1.Rating, __assign({}, subProps.rating)), !hidePricing && core.price && core.price > 0 ? ((0, jsx_runtime_1.jsx)("div", { className: "ss__result__details__pricing", children: isOnSale ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Price_1.Price, __assign({}, subProps.price, { value: core.msrp, lineThrough: true, name: 'msrp' })), "\u00A0", (0, jsx_runtime_1.jsx)(Price_1.Price, __assign({}, subProps.price, { value: core.price, name: 'price' }))] })) : ((0, jsx_runtime_1.jsx)(Price_1.Price, __assign({}, subProps.price, { value: core.price }))) })) : null, (0, utilities_1.cloneWithProps)(detailSlot, { result: result, treePath: treePath }), !hideVariantSelections && ((_g = (_f = result.variants) === null || _f === void 0 ? void 0 : _f.selections) === null || _g === void 0 ? void 0 : _g.length) && ((0, jsx_runtime_1.jsx)("div", { className: "ss__result__details__variant-selection", children: (_h = result.variants) === null || _h === void 0 ? void 0 : _h.selections.map(function (selection) {
                                 return (0, jsx_runtime_1.jsx)(VariantSelection_1.VariantSelection, __assign({}, subProps.variantSelection, { selection: selection }));
                             }) })), !hideAddToCartButton && ((0, jsx_runtime_1.jsx)("div", { className: "ss__result__add-to-cart-wrapper", children: (0, jsx_runtime_1.jsx)(Button_1.Button, __assign({}, subProps.button, { content: addToCartButtonText }, mergedLang.addToCartButtonText.all)) }))] })] })) })) : null;
 });

package/dist/cjs/components/src/components/Molecules/SearchInput/SearchInput.d.ts

@@ -16,6 +16,9 @@ export type SearchInputTemplatesLegalProps = {
     clearSearchButton?: Buttons;
     closeSearchButton?: Buttons;
     chatButton?: Buttons;
+    hideSubmitSearchButton?: boolean;
+    hideClearSearchButton?: boolean;
+    hideCloseSearchButton?: boolean;
     inputName?: string;
     disabled?: boolean;
     onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
@@ -24,7 +27,7 @@ export type SearchInputTemplatesLegalProps = {
     onClick?: (e: React.MouseEvent<HTMLElement, MouseEvent>) => void;
     disableA11y?: boolean;
 };
-type Buttons = Partial<ButtonProps> | false;
+type Buttons = Partial<ButtonProps>;
 export interface SearchInputLang {
     placeholderText?: LangAttributes<never>;
     closeSearchButton?: Lang<never>;

package/dist/cjs/components/src/components/Molecules/SearchInput/SearchInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SearchInput.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Molecules/SearchInput/SearchInput.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,cAAc,EAAe,MAAM,gBAAgB,CAAC;AAC7D,OAAO,EAAY,UAAU,EAA0B,MAAM,cAAc,CAAC;AAC5E,OAAO,EAAU,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAEzD,OAAO,EAAE,IAAI,EAAE,cAAc,EAAW,MAAM,wBAAwB,CAAC;AAqCvE,eAAO,MAAM,WAAW,gBAAyB,gBAAgB;;CA2O/D,CAAC;AAEH,MAAM,MAAM,gBAAgB,GAAG;IAC9B,IAAI,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,CAAC;IAChC,QAAQ,CAAC,EAAE,UAAU,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAC;IAC/C,KAAK,CAAC,EAAE,MAAM,CAAC;CACf,GAAG,8BAA8B,GACjC,cAAc,CAAC,gBAAgB,CAAC,CAAC;AAElC,MAAM,MAAM,8BAA8B,GAAG;IAC5C,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC5D,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC7D,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC/D,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;IACjE,WAAW,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,KAAK,OAAO,GAAG,OAAO,CAAC,WAAW,CAAC,GAAG,KAAK,CAAC;AAS5C,MAAM,WAAW,eAAe;IAC/B,eAAe,CAAC,EAAE,cAAc,CAAC,KAAK,CAAC,CAAC;IACxC,iBAAiB,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;IAChC,iBAAiB,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;IAChC,kBAAkB,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;IACjC,UAAU,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;CACzB"}
+{"version":3,"file":"SearchInput.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Molecules/SearchInput/SearchInput.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,cAAc,EAAe,MAAM,gBAAgB,CAAC;AAC7D,OAAO,EAAY,UAAU,EAA0B,MAAM,cAAc,CAAC;AAC5E,OAAO,EAAU,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAEzD,OAAO,EAAE,IAAI,EAAE,cAAc,EAAW,MAAM,wBAAwB,CAAC;AAqCvE,eAAO,MAAM,WAAW,gBAAyB,gBAAgB;;CAgP/D,CAAC;AAEH,MAAM,MAAM,gBAAgB,GAAG;IAC9B,IAAI,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,CAAC;IAChC,QAAQ,CAAC,EAAE,UAAU,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAC;IAC/C,KAAK,CAAC,EAAE,MAAM,CAAC;CACf,GAAG,8BAA8B,GACjC,cAAc,CAAC,gBAAgB,CAAC,CAAC;AAElC,MAAM,MAAM,8BAA8B,GAAG;IAC5C,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC5D,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC7D,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC/D,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;IACjE,WAAW,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,KAAK,OAAO,GAAG,OAAO,CAAC,WAAW,CAAC,CAAC;AASpC,MAAM,WAAW,eAAe;IAC/B,eAAe,CAAC,EAAE,cAAc,CAAC,KAAK,CAAC,CAAC;IACxC,iBAAiB,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;IAChC,iBAAiB,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;IAChC,kBAAkB,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;IACjC,UAAU,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;CACzB"}

package/dist/cjs/components/src/components/Molecules/SearchInput/SearchInput.js

@@ -81,7 +81,7 @@ exports.SearchInput = (0, mobx_react_lite_1.observer)(function (properties) {
     props.clearSearchButton = __assign(__assign(__assign({}, defaultProps.clearSearchButton), props.clearSearchButton), properties === null || properties === void 0 ? void 0 : properties.clearSearchButton);
     props.closeSearchButton = __assign(__assign(__assign({}, defaultProps.closeSearchButton), props.closeSearchButton), properties === null || properties === void 0 ? void 0 : properties.closeSearchButton);
     props.chatButton = __assign(__assign(__assign({}, defaultProps.chatButton), props.chatButton), properties === null || properties === void 0 ? void 0 : properties.chatButton);
-    var placeholderText = props.placeholderText, value = props.value, submitSearchButton = props.submitSearchButton, closeSearchButton = props.closeSearchButton, clearSearchButton = props.clearSearchButton, chatButton = props.chatButton, inputRef = props.inputRef, inputName = props.inputName, onChange = props.onChange, onClick = props.onClick, onKeyDown = props.onKeyDown, onKeyUp = props.onKeyUp, disabled = props.disabled, disableStyles = props.disableStyles, className = props.className, internalClassName = props.internalClassName, treePath = props.treePath, customComponent = props.customComponent;
+    var placeholderText = props.placeholderText, value = props.value, submitSearchButton = props.submitSearchButton, closeSearchButton = props.closeSearchButton, clearSearchButton = props.clearSearchButton, chatButton = props.chatButton, hideSubmitSearchButton = props.hideSubmitSearchButton, hideClearSearchButton = props.hideClearSearchButton, hideCloseSearchButton = props.hideCloseSearchButton, inputRef = props.inputRef, inputName = props.inputName, onChange = props.onChange, onClick = props.onClick, onKeyDown = props.onKeyDown, onKeyUp = props.onKeyUp, disabled = props.disabled, disableStyles = props.disableStyles, className = props.className, internalClassName = props.internalClassName, treePath = props.treePath, customComponent = props.customComponent;
     if (customComponent) {
         var ComponentOverride = (0, hooks_2.useComponent)(((_b = snap === null || snap === void 0 ? void 0 : snap.templates) === null || _b === void 0 ? void 0 : _b.library.import.component.searchInput) || {}, customComponent);
         if (ComponentOverride) {
@@ -164,10 +164,10 @@ exports.SearchInput = (0, mobx_react_lite_1.observer)(function (properties) {
     //deep merge with props.lang
     var lang = (0, deepmerge_1.default)(defaultLang, props.lang || {});
     var mergedLang = (0, useLang_1.useLang)(lang, {});
-    return ((0, jsx_runtime_1.jsx)(providers_1.CacheProvider, { children: (0, jsx_runtime_1.jsxs)("div", __assign({}, styling, { className: (0, classnames_1.default)('ss__search-input', { 'ss__input--disabled': disabled }, className, internalClassName), onClick: function (e) { return !disabled && onClick && onClick(e); }, children: [closeSearchButton && (0, jsx_runtime_1.jsx)(Button_1.Button, __assign({}, subProps.closeSearchButton, mergedLang.closeSearchButton.all)), (0, jsx_runtime_1.jsx)("input", __assign({ type: "text", className: "ss__search-input__input" }, mergedLang.placeholderText.attributes, { value: inputValue, name: inputName, ref: inputRef, onKeyDown: function (e) { return onKeyDown && onKeyDown(e); }, onKeyUp: function (e) { return onKeyUp && onKeyUp(e); }, onChange: function (e) {
+    return ((0, jsx_runtime_1.jsx)(providers_1.CacheProvider, { children: (0, jsx_runtime_1.jsxs)("div", __assign({}, styling, { className: (0, classnames_1.default)('ss__search-input', { 'ss__input--disabled': disabled }, className, internalClassName), onClick: function (e) { return !disabled && onClick && onClick(e); }, children: [!hideCloseSearchButton && closeSearchButton && (0, jsx_runtime_1.jsx)(Button_1.Button, __assign({}, subProps.closeSearchButton, mergedLang.closeSearchButton.all)), (0, jsx_runtime_1.jsx)("input", __assign({ type: "text", className: "ss__search-input__input" }, mergedLang.placeholderText.attributes, { value: inputValue, name: inputName, ref: inputRef, onKeyDown: function (e) { return onKeyDown && onKeyDown(e); }, onKeyUp: function (e) { return onKeyUp && onKeyUp(e); }, onChange: function (e) {
                         if (setInputValue) {
                             setInputValue(e.target.value || '');
                         }
                         onChange && onChange(e);
-                    }, disabled: disabled })), (0, jsx_runtime_1.jsxs)("div", { className: "ss__search-input__icons", children: [clearSearchButton && (inputValue === null || inputValue === void 0 ? void 0 : inputValue.length) ? (0, jsx_runtime_1.jsx)(Button_1.Button, __assign({}, subProps.clearSearchButton, mergedLang.clearSearchButton.all)) : null, chatButton ? (0, jsx_runtime_1.jsx)(Button_1.Button, __assign({}, subProps.chatButton, mergedLang.chatButton.all)) : null, submitSearchButton && (0, jsx_runtime_1.jsx)(Button_1.Button, __assign({}, subProps.submitSearchButton, mergedLang.submitSearchButton.all))] })] })) }));
+                    }, disabled: disabled })), (0, jsx_runtime_1.jsxs)("div", { className: "ss__search-input__icons", children: [!hideClearSearchButton && clearSearchButton && (inputValue === null || inputValue === void 0 ? void 0 : inputValue.length) ? ((0, jsx_runtime_1.jsx)(Button_1.Button, __assign({}, subProps.clearSearchButton, mergedLang.clearSearchButton.all))) : null, chatButton ? (0, jsx_runtime_1.jsx)(Button_1.Button, __assign({}, subProps.chatButton, mergedLang.chatButton.all)) : null, !hideSubmitSearchButton && submitSearchButton && (0, jsx_runtime_1.jsx)(Button_1.Button, __assign({}, subProps.submitSearchButton, mergedLang.submitSearchButton.all))] })] })) }));
 });

package/dist/cjs/components/src/components/Molecules/TemplatesEditor/Components/AbstractedControls.js

@@ -32,11 +32,11 @@ exports.AbstractedControls = (0, mobx_react_lite_1.observer)(function (propertie
         console.warn("No controls found for feature: ".concat(feature), controlSection, controlGroups);
         return null;
     }
-    var showGroupReset = enableGroupReset && controlGroups.some(function (group) { return group.controls.some(function (control) { return control.shouldShowReset(); }); });
+    var showGroupReset = enableGroupReset && controlGroups.some(function (group) { return group.controls.some(function (control) { return control.shouldShowReset(data); }); });
     var resetAll = function () {
         controlGroups.forEach(function (group) {
             group.controls.forEach(function (control) {
-                if (control.shouldShowReset()) {
+                if (control.shouldShowReset(data)) {
                     control.onReset(data);
                 }
             });
@@ -45,10 +45,10 @@ exports.AbstractedControls = (0, mobx_react_lite_1.observer)(function (propertie
     return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: "ss__template-editor__abstracted-controls" }, styling, { children: [title && ((0, jsx_runtime_1.jsxs)("div", { className: "control-title", children: [(0, jsx_runtime_1.jsx)("h3", { children: title }), showGroupReset && ((0, jsx_runtime_1.jsx)("span", { className: "reset", children: (0, jsx_runtime_1.jsx)("button", { title: "Reset", onClick: function () {
                                 resetAll();
                             }, children: (0, jsx_runtime_1.jsx)(Assets_1.Reset, {}) }) }))] })), controlGroups.map(function (group) {
-                var showGroupReset = group.showReset && group.controls.some(function (control) { return control.shouldShowReset(); });
+                var showGroupReset = group.showReset && group.controls.some(function (control) { return control.shouldShowReset(data); });
                 var resetGroup = function () {
                     group.controls.forEach(function (control) {
-                        if (control.shouldShowReset()) {
+                        if (control.shouldShowReset(data)) {
                             control.onReset(data);
                         }
                         else {
@@ -58,7 +58,7 @@ exports.AbstractedControls = (0, mobx_react_lite_1.observer)(function (propertie
                 return ((0, jsx_runtime_1.jsxs)("div", { className: "group", children: [group.title && ((0, jsx_runtime_1.jsxs)("div", { className: "group-title", children: [(0, jsx_runtime_1.jsx)("h4", { title: group.description, children: group.title }), showGroupReset && ((0, jsx_runtime_1.jsx)("span", { className: "reset", children: showGroupReset ? ((0, jsx_runtime_1.jsx)("button", { title: "Reset", onClick: function () {
                                             resetGroup();
                                         }, children: (0, jsx_runtime_1.jsx)(Assets_1.Reset, {}) })) : null }))] })), group.controls.map(function (control, index) {
-                            return ((0, jsx_runtime_1.jsx)(Control_1.Control, { type: control.type, label: control.label, description: control.description, showReset: control.shouldShowReset(), onChange: function (value) { return control.onValueChange(value, data); }, onReset: function () { return control.onReset(data); }, display: control.getDisplayState ? control.getDisplayState(data) : 'visible', value: control.getValue(data), options: control.getOptions ? control.getOptions(data) : [] }, index));
+                            return ((0, jsx_runtime_1.jsx)(Control_1.Control, { type: control.type, label: control.label, description: control.description, showReset: control.shouldShowReset(data), onChange: function (value) { return control.onValueChange(value, data); }, onReset: function () { return control.onReset(data); }, display: control.getDisplayState ? control.getDisplayState(data) : 'visible', value: control.getValue(data), options: control.getOptions ? control.getOptions(data) : [] }, index));
                         })] }, group.title));
             })] })));
 });

package/dist/cjs/components/src/components/Molecules/TemplatesEditor/Components/Control.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Control.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/components/Molecules/TemplatesEditor/Components/Control.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,mBAAmB,EAAE,cAAc,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AAGpH,eAAO,MAAM,OAAO,WAAoB,YAAY;;CAkGlD,CAAC;AAEH,KAAK,YAAY,GAAG;IACnB,IAAI,EAAE,iBAAiB,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,EAAE,mBAAmB,CAAC;IAC7B,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,aAAa,CAAC;IACrB,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,QAAQ,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;CACzC,CAAC"}
+{"version":3,"file":"Control.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/components/Molecules/TemplatesEditor/Components/Control.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,mBAAmB,EAAE,cAAc,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AAGpH,eAAO,MAAM,OAAO,WAAoB,YAAY;;CAoGlD,CAAC;AAEH,KAAK,YAAY,GAAG;IACnB,IAAI,EAAE,iBAAiB,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,EAAE,mBAAmB,CAAC;IAC7B,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,aAAa,CAAC;IACrB,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,QAAQ,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;CACzC,CAAC"}