@athoscommerce/snap-preact 1.7.1-beta.129 → 1.8.0

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

@@ -39,7 +39,7 @@ var BadgeRenderer = function (_a) {
     return (0, jsx_runtime_1.jsx)(BadgeComponent, __assign({}, badge, badge.parameters, { treePath: treePath }));
 };
 exports.CalloutBadge = (0, mobx_react_lite_1.observer)(function (properties) {
-    var _a, _b, _c;
+    var _a, _b;
     var globalTheme = (0, providers_1.useTheme)();
     var snap = (0, providers_1.useSnap)();
     var globalTreePath = (0, providers_1.useTreePath)();
@@ -51,13 +51,13 @@ exports.CalloutBadge = (0, mobx_react_lite_1.observer)(function (properties) {
     };
     var props = (0, utilities_1.mergeProps)('calloutBadge', globalTheme, defaultProps, properties);
     var result = props.result, tag = props.tag, renderEmpty = props.renderEmpty, limit = props.limit, className = props.className, internalClassName = props.internalClassName, treePath = props.treePath;
-    var _d = (0, hooks_1.useCustomComponentOverride)('calloutBadge', props), overrideElement = _d.overrideElement, shouldRenderDefault = _d.shouldRenderDefault;
+    var _c = (0, hooks_1.useCustomComponentOverride)('calloutBadge', props), overrideElement = _c.overrideElement, shouldRenderDefault = _c.shouldRenderDefault;
     if (!shouldRenderDefault) {
         return overrideElement;
     }
     var badgeComponentMap = __assign(__assign(__assign({}, utilities_1.defaultBadgeComponentMap), (((_a = snap === null || snap === void 0 ? void 0 : snap.templates) === null || _a === void 0 ? void 0 : _a.library.import.component.badge) || {})), props.componentMap);
     var styling = (0, utilities_1.mergeStyles)(props, defaultStyles);
-    var badges = (_c = (_b = result === null || result === void 0 ? void 0 : result.display) === null || _b === void 0 ? void 0 : _b.badges) === null || _c === void 0 ? void 0 : _c.atLocation(tag).slice(0, limit);
+    var badges = (_b = result === null || result === void 0 ? void 0 : result.display.badges) === null || _b === void 0 ? void 0 : _b.atLocation(tag).slice(0, limit);
     if (renderEmpty || (badges === null || badges === void 0 ? void 0 : badges.length)) {
         return ((0, jsx_runtime_1.jsx)(providers_1.CacheProvider, { children: (0, jsx_runtime_1.jsx)("div", __assign({}, styling, { className: (0, classnames_1.default)('ss__callout-badge', "ss__callout-badge--".concat(tag === null || tag === void 0 ? void 0 : tag.replace('/', '-')), className, internalClassName), children: badges.map(function (badge, badgeIndex) { return ((0, jsx_runtime_1.jsx)(BadgeRenderer, { badge: badge, badgeComponentMap: badgeComponentMap, treePath: treePath }, "".concat(badge.component, "-").concat(badgeIndex))); }) })) }));
     }

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

@@ -1,7 +1,9 @@
 import { h } from 'preact';
 import { ComponentProps, ListOption, SwatchOption } from '../../../types';
 import { Lang } from '../../../hooks';
-export declare function Grid(properties: GridProps): import("@emotion/react/jsx-runtime").JSX.Element | h.JSX.Element | null;
+export declare const Grid: ((properties: GridProps) => import("@emotion/react/jsx-runtime").JSX.Element | h.JSX.Element | null) & {
+    displayName: string;
+};
 export type GridProps = {
     lang?: Partial<GridLang>;
 } & GridTemplatesLegalProps & ComponentProps<GridProps>;

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

@@ -1 +1 @@
-{"version":3,"file":"Grid.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Molecules/Grid/Grid.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,QAAQ,CAAC;AAS3B,OAAO,EAAE,cAAc,EAAE,UAAU,EAAE,YAAY,EAAe,MAAM,gBAAgB,CAAC;AACvF,OAAO,EAAE,IAAI,EAAgD,MAAM,gBAAgB,CAAC;AA4HpF,wBAAgB,IAAI,CAAC,UAAU,EAAE,SAAS,2EAmNzC;AAED,MAAM,MAAM,SAAS,GAAG;IACvB,IAAI,CAAC,EAAE,OAAO,CAAC,QAAQ,CAAC,CAAC;CACzB,GAAG,uBAAuB,GAC1B,cAAc,CAAC,SAAS,CAAC,CAAC;AAE3B,MAAM,MAAM,uBAAuB,GAAG;IACrC,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,UAAU,EAAE,KAAK,IAAI,CAAC;IAClG,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,EAAE,UAAU,GAAG,UAAU,EAAE,CAAC;IACrC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,cAAc,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC7B,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,qBAAqB,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,EAAE,UAAU,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACnH,WAAW,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,MAAM,WAAW,QAAQ;IACxB,YAAY,EAAE,IAAI,CAAC;QAClB,OAAO,EAAE,OAAO,CAAC;QACjB,SAAS,EAAE,MAAM,CAAC;QAClB,oBAAoB,EAAE,OAAO,CAAC;KAC9B,CAAC,CAAC;IACH,YAAY,EAAE,IAAI,CAAC;QAClB,OAAO,EAAE,OAAO,CAAC;QACjB,SAAS,EAAE,MAAM,CAAC;QAClB,oBAAoB,EAAE,OAAO,CAAC;KAC9B,CAAC,CAAC;CACH"}
+{"version":3,"file":"Grid.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Molecules/Grid/Grid.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,QAAQ,CAAC;AAU3B,OAAO,EAAE,cAAc,EAAE,UAAU,EAAE,YAAY,EAAe,MAAM,gBAAgB,CAAC;AACvF,OAAO,EAAE,IAAI,EAAgD,MAAM,gBAAgB,CAAC;AA4HpF,eAAO,MAAM,IAAI,gBAAyB,SAAS;;CAmNjD,CAAC;AAEH,MAAM,MAAM,SAAS,GAAG;IACvB,IAAI,CAAC,EAAE,OAAO,CAAC,QAAQ,CAAC,CAAC;CACzB,GAAG,uBAAuB,GAC1B,cAAc,CAAC,SAAS,CAAC,CAAC;AAE3B,MAAM,MAAM,uBAAuB,GAAG;IACrC,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,UAAU,EAAE,KAAK,IAAI,CAAC;IAClG,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,EAAE,UAAU,GAAG,UAAU,EAAE,CAAC;IACrC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,cAAc,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC7B,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,qBAAqB,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,EAAE,UAAU,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACnH,WAAW,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,MAAM,WAAW,QAAQ;IACxB,YAAY,EAAE,IAAI,CAAC;QAClB,OAAO,EAAE,OAAO,CAAC;QACjB,SAAS,EAAE,MAAM,CAAC;QAClB,oBAAoB,EAAE,OAAO,CAAC;KAC9B,CAAC,CAAC;IACH,YAAY,EAAE,IAAI,CAAC;QAClB,OAAO,EAAE,OAAO,CAAC;QACjB,SAAS,EAAE,MAAM,CAAC;QAClB,oBAAoB,EAAE,OAAO,CAAC;KAC9B,CAAC,CAAC;CACH"}

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

@@ -23,13 +23,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Grid = Grid;
+exports.Grid = void 0;
 var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
 var react_1 = require("@emotion/react");
 var hooks_1 = require("preact/hooks");
 var classnames_1 = __importDefault(require("classnames"));
 var deepmerge_1 = __importDefault(require("deepmerge"));
 var snap_toolbox_1 = require("@athoscommerce/snap-toolbox");
+var mobx_react_lite_1 = require("mobx-react-lite");
 var providers_1 = require("../../../providers");
 var hooks_2 = require("../../../hooks");
 var Image_1 = require("../../Atoms/Image");
@@ -143,7 +144,7 @@ var defaultStyles = function (_a) {
         },
     });
 };
-function Grid(properties) {
+exports.Grid = (0, mobx_react_lite_1.observer)(function (properties) {
     var globalTheme = (0, providers_1.useTheme)();
     var globalTreePath = (0, providers_1.useTreePath)();
     var defaultProps = {
@@ -261,4 +262,4 @@ function Grid(properties) {
                                     }), onClick: function (e) { return !disabled && !(option === null || option === void 0 ? void 0 : option.disabled) && makeSelection(e, option); }, ref: function (e) { return (0, hooks_2.useA11y)(e); }, title: option.label || option.value.toString(), role: "option", "aria-selected": selected, "aria-disabled": option.disabled, children: (0, jsx_runtime_1.jsxs)("div", { className: (0, classnames_1.default)("ss__grid__option__inner", "ss__grid__option__inner--".concat(snap_toolbox_1.filters.handleize(option.value.toString()))), style: { background: option.background ? option.background : option.backgroundImageUrl ? undefined : option.value }, children: [!option.background && option.backgroundImageUrl ? ((0, jsx_runtime_1.jsx)(Image_1.Image, __assign({}, subProps.image, { src: option.backgroundImageUrl, alt: option.label || option.value.toString() }))) : null, !hideLabels ? (0, jsx_runtime_1.jsx)("label", { className: "ss__grid__option__label", children: option.label || option.value }) : null] }) }));
                             }
                         }), overflowButtonInGrid ? (0, jsx_runtime_1.jsx)(OverflowButtonElem, {}) : null] }), !overflowButtonInGrid ? (0, jsx_runtime_1.jsx)(OverflowButtonElem, {}) : null] })) })) : null;
-}
+});

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

@@ -1,7 +1,9 @@
 import { h } from 'preact';
 import { ComponentProps, ListOption } from '../../../types';
 import { Lang } from '../../../hooks';
-export declare function List(properties: ListProps): import("@emotion/react/jsx-runtime").JSX.Element | h.JSX.Element | null;
+export declare const List: ((properties: ListProps) => import("@emotion/react/jsx-runtime").JSX.Element | h.JSX.Element | null) & {
+    displayName: string;
+};
 export type ListProps = {
     lang?: Partial<ListLang>;
 } & ListTemplatesLegalProps & ComponentProps<ListProps>;

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

@@ -1 +1 @@
-{"version":3,"file":"List.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Molecules/List/List.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,QAAQ,CAAC;AAS3B,OAAO,EAAE,cAAc,EAAE,UAAU,EAAe,MAAM,gBAAgB,CAAC;AAGzE,OAAO,EAAE,IAAI,EAAgD,MAAM,gBAAgB,CAAC;AAmDpF,wBAAgB,IAAI,CAAC,UAAU,EAAE,SAAS,2EA+KzC;AAED,MAAM,MAAM,SAAS,GAAG;IACvB,IAAI,CAAC,EAAE,OAAO,CAAC,QAAQ,CAAC,CAAC;CACzB,GAAG,uBAAuB,GAC1B,cAAc,CAAC,SAAS,CAAC,CAAC;AAE3B,MAAM,MAAM,uBAAuB,GAAG;IACrC,OAAO,EAAE,UAAU,EAAE,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,UAAU,EAAE,KAAK,IAAI,CAAC;IAClG,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,UAAU,GAAG,UAAU,EAAE,CAAC;IACrC,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC3B,CAAC;AAEF,MAAM,WAAW,QAAQ;IACxB,KAAK,CAAC,EAAE,IAAI,CAAC;QACZ,OAAO,EAAE,UAAU,EAAE,CAAC;QACtB,eAAe,EAAE,UAAU,EAAE,CAAC;KAC9B,CAAC,CAAC;CACH"}
+{"version":3,"file":"List.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Molecules/List/List.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,QAAQ,CAAC;AAU3B,OAAO,EAAE,cAAc,EAAE,UAAU,EAAe,MAAM,gBAAgB,CAAC;AAGzE,OAAO,EAAE,IAAI,EAAgD,MAAM,gBAAgB,CAAC;AAmDpF,eAAO,MAAM,IAAI,gBAAyB,SAAS;;CA+KjD,CAAC;AAEH,MAAM,MAAM,SAAS,GAAG;IACvB,IAAI,CAAC,EAAE,OAAO,CAAC,QAAQ,CAAC,CAAC;CACzB,GAAG,uBAAuB,GAC1B,cAAc,CAAC,SAAS,CAAC,CAAC;AAE3B,MAAM,MAAM,uBAAuB,GAAG;IACrC,OAAO,EAAE,UAAU,EAAE,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,UAAU,EAAE,KAAK,IAAI,CAAC;IAClG,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,UAAU,GAAG,UAAU,EAAE,CAAC;IACrC,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC3B,CAAC;AAEF,MAAM,WAAW,QAAQ;IACxB,KAAK,CAAC,EAAE,IAAI,CAAC;QACZ,OAAO,EAAE,UAAU,EAAE,CAAC;QACtB,eAAe,EAAE,UAAU,EAAE,CAAC;KAC9B,CAAC,CAAC;CACH"}

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

@@ -23,13 +23,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.List = List;
+exports.List = void 0;
 var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
 var hooks_1 = require("preact/hooks");
 var react_1 = require("@emotion/react");
 var classnames_1 = __importDefault(require("classnames"));
 var deepmerge_1 = __importDefault(require("deepmerge"));
 var snap_toolbox_1 = require("@athoscommerce/snap-toolbox");
+var mobx_react_lite_1 = require("mobx-react-lite");
 var providers_1 = require("../../../providers");
 var utilities_1 = require("../../../utilities");
 var Checkbox_1 = require("../Checkbox");
@@ -77,7 +78,7 @@ var defaultStyles = function (_a) {
         },
     });
 };
-function List(properties) {
+exports.List = (0, mobx_react_lite_1.observer)(function (properties) {
     var _a, _b;
     var globalTheme = (0, providers_1.useTheme)();
     var globalTreePath = (0, providers_1.useTreePath)();
@@ -173,4 +174,4 @@ function List(properties) {
                                 'ss__list__option--unavailable': (option === null || option === void 0 ? void 0 : option.available) === false,
                             }), ref: function (e) { return (0, hooks_2.useA11y)(e); }, onClick: function (e) { return !disabled && !(option === null || option === void 0 ? void 0 : option.disabled) && makeSelection(e, option); }, title: option.label, role: "option", "aria-selected": selected, "aria-disabled": option.disabled || (option === null || option === void 0 ? void 0 : option.available) === false, children: [!hideOptionCheckboxes && (0, jsx_runtime_1.jsx)(Checkbox_1.Checkbox, __assign({}, subProps.checkbox, { checked: selected, disableA11y: true, "aria-label": option.label })), option.icon && !hideOptionIcons && ((0, jsx_runtime_1.jsx)(Icon_1.Icon, __assign({}, subProps.icon, (typeof option.icon == 'string' ? { icon: option.icon } : option.icon)))), !hideOptionLabels && (option.label || !option.icon) && ((0, jsx_runtime_1.jsx)("label", { className: "ss__list__option__label", children: option.label || option.value }))] }));
                     }) })] })) })) : null;
-}
+});

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

@@ -98,13 +98,13 @@ exports.OverlayBadge = (0, mobx_react_lite_1.observer)(function (properties) {
         var _a, _b;
         var sectionSlots = (_b = (_a = meta === null || meta === void 0 ? void 0 : meta.data) === null || _a === void 0 ? void 0 : _a.badges) === null || _b === void 0 ? void 0 : _b.locations[section];
         var slots = sectionSlots === null || sectionSlots === void 0 ? void 0 : sectionSlots.map(function (slot, index) {
-            var _a, _b;
+            var _a;
             return ({
                 tag: slot.tag,
                 name: slot.name,
                 top: index == 0,
                 bottom: index == sectionSlots.length - 1,
-                badges: (_b = (_a = result === null || result === void 0 ? void 0 : result.display) === null || _a === void 0 ? void 0 : _a.badges) === null || _b === void 0 ? void 0 : _b.atLocation("".concat(section, "/").concat(slot.tag)).slice(0, limit),
+                badges: (_a = result === null || result === void 0 ? void 0 : result.display.badges) === null || _a === void 0 ? void 0 : _a.atLocation("".concat(section, "/").concat(slot.tag)).slice(0, limit),
             });
         }).filter(function (slot) { var _a; return (_a = slot.badges) === null || _a === void 0 ? void 0 : _a.length; });
         return {

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

@@ -1 +1 @@
-{"version":3,"file":"OverlayResult.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Molecules/OverlayResult/OverlayResult.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,QAAQ,CAAC;AAC3B,OAAO,EAAE,UAAU,EAAY,MAAM,cAAc,CAAC;AAUpD,OAAO,EAAE,cAAc,EAAe,MAAM,gBAAgB,CAAC;AAG7D,OAAO,KAAK,EAAE,gBAAgB,EAAE,sBAAsB,EAAE,wBAAwB,EAAE,MAAM,gCAAgC,CAAC;AACzH,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,gCAAgC,CAAC;AAI9D,OAAO,EAAE,IAAI,EAAuC,MAAM,gBAAgB,CAAC;AAiH3E,eAAO,MAAM,aAAa,gBAAyB,kBAAkB;;CAwQnE,CAAC;AAWH,MAAM,WAAW,kBAAkB;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,MAAM,kBAAkB,GAAG;IAChC,MAAM,EAAE,OAAO,CAAC;IAChB,UAAU,CAAC,EAAE,gBAAgB,GAAG,sBAAsB,GAAG,wBAAwB,CAAC;IAClF,IAAI,CAAC,EAAE,OAAO,CAAC,iBAAiB,CAAC,CAAC;IAClC,WAAW,CAAC,EAAE,UAAU,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;CAC7C,GAAG,gCAAgC,GACnC,cAAc,CAAC,kBAAkB,CAAC,CAAC;AAEpC,MAAM,MAAM,gCAAgC,GAAG;IAC9C,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,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,aAAa,CAAC,EAAE,kBAAkB,CAAC;IACnC,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,EAAE,KAAK,CAAC,KAAK,IAAI,CAAC;CAClE,CAAC;AAEF,MAAM,WAAW,iBAAiB;IACjC,mBAAmB,EAAE,IAAI,CAAC,qBAAqB,CAAC,CAAC;IACjD,0BAA0B,EAAE,IAAI,CAAC,qBAAqB,CAAC,CAAC;CACxD;AAED,UAAU,qBAAqB;IAC9B,MAAM,EAAE,OAAO,CAAC;IAChB,UAAU,CAAC,EAAE,gBAAgB,GAAG,sBAAsB,GAAG,wBAAwB,CAAC;CAClF"}
+{"version":3,"file":"OverlayResult.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Molecules/OverlayResult/OverlayResult.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,QAAQ,CAAC;AAC3B,OAAO,EAAE,UAAU,EAAY,MAAM,cAAc,CAAC;AAUpD,OAAO,EAAE,cAAc,EAAe,MAAM,gBAAgB,CAAC;AAG7D,OAAO,KAAK,EAAE,gBAAgB,EAAE,sBAAsB,EAAE,wBAAwB,EAAE,MAAM,gCAAgC,CAAC;AACzH,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,gCAAgC,CAAC;AAI9D,OAAO,EAAE,IAAI,EAAuC,MAAM,gBAAgB,CAAC;AAiH3E,eAAO,MAAM,aAAa,gBAAyB,kBAAkB;;CAyQnE,CAAC;AAWH,MAAM,WAAW,kBAAkB;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,MAAM,kBAAkB,GAAG;IAChC,MAAM,EAAE,OAAO,CAAC;IAChB,UAAU,CAAC,EAAE,gBAAgB,GAAG,sBAAsB,GAAG,wBAAwB,CAAC;IAClF,IAAI,CAAC,EAAE,OAAO,CAAC,iBAAiB,CAAC,CAAC;IAClC,WAAW,CAAC,EAAE,UAAU,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;CAC7C,GAAG,gCAAgC,GACnC,cAAc,CAAC,kBAAkB,CAAC,CAAC;AAEpC,MAAM,MAAM,gCAAgC,GAAG;IAC9C,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,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,aAAa,CAAC,EAAE,kBAAkB,CAAC;IACnC,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,EAAE,KAAK,CAAC,KAAK,IAAI,CAAC;CAClE,CAAC;AAEF,MAAM,WAAW,iBAAiB;IACjC,mBAAmB,EAAE,IAAI,CAAC,qBAAqB,CAAC,CAAC;IACjD,0BAA0B,EAAE,IAAI,CAAC,qBAAqB,CAAC,CAAC;CACxD;AAED,UAAU,qBAAqB;IAC9B,MAAM,EAAE,OAAO,CAAC;IAChB,UAAU,CAAC,EAAE,gBAAgB,GAAG,sBAAsB,GAAG,wBAAwB,CAAC;CAClF"}

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

@@ -131,7 +131,7 @@ var defaultStyles = function (props) {
     });
 };
 exports.OverlayResult = (0, mobx_react_lite_1.observer)(function (properties) {
-    var _a, _b, _c, _d, _e;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j;
     var globalTheme = (0, providers_1.useTheme)();
     var globalTreePath = (0, providers_1.useTreePath)();
     var defaultProps = {
@@ -144,14 +144,14 @@ exports.OverlayResult = (0, mobx_react_lite_1.observer)(function (properties) {
     };
     var props = (0, utilities_1.mergeProps)('overlayResult', globalTheme, defaultProps, properties);
     var result = props.result, hideBadge = props.hideBadge, hideTitle = props.hideTitle, hidePricing = props.hidePricing, hideImage = props.hideImage, detailSlot = props.detailSlot, fallback = props.fallback, disableStyles = props.disableStyles, className = props.className, internalClassName = props.internalClassName, onClick = props.onClick, controller = props.controller, hideVariantSelections = props.hideVariantSelections, hideAddToCartButton = props.hideAddToCartButton, onAddToCartClick = props.onAddToCartClick, addToCartButtonText = props.addToCartButtonText, addToCartButtonSuccessText = props.addToCartButtonSuccessText, addToCartButtonSuccessTimeout = props.addToCartButtonSuccessTimeout, hideRating = props.hideRating, trackingRef = props.trackingRef, treePath = props.treePath;
-    var _f = (0, hooks_2.useCustomComponentOverride)('overlayResult', __assign(__assign({}, props), { customComponent: !((_a = treePath === null || treePath === void 0 ? void 0 : treePath.split(' ')) === null || _a === void 0 ? void 0 : _a.includes('result')) && props.customComponent && props.customComponent !== 'OverlayResult'
+    var _k = (0, hooks_2.useCustomComponentOverride)('overlayResult', __assign(__assign({}, props), { customComponent: !((_a = treePath === null || treePath === void 0 ? void 0 : treePath.split(' ')) === null || _a === void 0 ? void 0 : _a.includes('result')) && props.customComponent && props.customComponent !== 'OverlayResult'
             ? props.customComponent
-            : undefined })), overrideElement = _f.overrideElement, shouldRenderDefault = _f.shouldRenderDefault;
+            : undefined })), overrideElement = _k.overrideElement, shouldRenderDefault = _k.shouldRenderDefault;
     if (!shouldRenderDefault) {
         return overrideElement;
     }
     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 _l = (0, hooks_1.useState)(false), addedToCart = _l[0], setAddedToCart = _l[1];
     var subProps = {
         variantSelection: __assign(__assign({ 
             // global theme
@@ -229,13 +229,14 @@ exports.OverlayResult = (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));
+    var renderPrices = ((_g = (_f = (_e = (_d = controller === null || controller === void 0 ? void 0 : controller.store) === null || _d === void 0 ? void 0 : _d.config) === null || _e === void 0 ? void 0 : _e.asyncState) === null || _f === void 0 ? void 0 : _f.product) === null || _g === void 0 ? void 0 : _g.price) ? result.state.priceFetched : true;
     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__overlay-result', { 'ss__overlay-result--sale': isOnSale }, className, internalClassName), ref: trackingRef, children: [!hideImage && ((0, jsx_runtime_1.jsx)("div", { className: "ss__overlay-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__overlay-result__details", children: [!hideTitle && ((0, jsx_runtime_1.jsx)("div", { className: "ss__overlay-result__details__title", children: (0, jsx_runtime_1.jsx)("a", { href: core.url, onClick: function (e) {
                                     onClick && onClick(e);
                                 }, dangerouslySetInnerHTML: {
                                     __html: displayName || '',
-                                } }) })), (0, jsx_runtime_1.jsx)("div", { className: "ss__overlay-result__details__extra", children: (0, jsx_runtime_1.jsxs)("div", { className: "ss__overlay-result__details__extra-inner", children: [!hideBadge && ((0, jsx_runtime_1.jsx)(CalloutBadge_1.CalloutBadge, __assign({}, subProps.calloutBadge, { controller: controller }))), !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__overlay-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 && ((_d = result.variants) === null || _d === void 0 ? void 0 : _d.selections.length) ? ((0, jsx_runtime_1.jsx)("div", { className: "ss__overlay-result__details__variant-selection", children: (_e = result.variants) === null || _e === void 0 ? void 0 : _e.selections.map(function (selection) {
+                                } }) })), (0, jsx_runtime_1.jsx)("div", { className: "ss__overlay-result__details__extra", children: (0, jsx_runtime_1.jsxs)("div", { className: "ss__overlay-result__details__extra-inner", children: [!hideBadge && ((0, jsx_runtime_1.jsx)(CalloutBadge_1.CalloutBadge, __assign({}, subProps.calloutBadge, { controller: controller }))), !hideRating && (0, jsx_runtime_1.jsx)(Rating_1.Rating, __assign({}, subProps.rating)), !hidePricing && renderPrices && core.price && core.price > 0 ? ((0, jsx_runtime_1.jsx)("div", { className: "ss__overlay-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 && ((_h = result.variants) === null || _h === void 0 ? void 0 : _h.selections.length) ? ((0, jsx_runtime_1.jsx)("div", { className: "ss__overlay-result__details__variant-selection", children: (_j = result.variants) === null || _j === void 0 ? void 0 : _j.selections.map(function (selection) {
                                             return (0, jsx_runtime_1.jsx)(VariantSelection_1.VariantSelection, __assign({}, subProps.variantSelection, { selection: selection }));
                                         }) })) : null, !hideAddToCartButton && ((0, jsx_runtime_1.jsx)("div", { className: "ss__overlay-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/RadioList/RadioList.d.ts

@@ -1,7 +1,9 @@
 import { h } from 'preact';
 import { ComponentProps, ListOption } from '../../../types';
 import { Lang } from '../../../hooks';
-export declare function RadioList(properties: RadioListProps): import("@emotion/react/jsx-runtime").JSX.Element | h.JSX.Element | null;
+export declare const RadioList: ((properties: RadioListProps) => import("@emotion/react/jsx-runtime").JSX.Element | h.JSX.Element | null) & {
+    displayName: string;
+};
 export type RadioListProps = {
     lang?: Partial<RadioListLang>;
 } & RadioListTemplatesLegalProps & ComponentProps<RadioListProps>;

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

@@ -1 +1 @@
-{"version":3,"file":"RadioList.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Molecules/RadioList/RadioList.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,QAAQ,CAAC;AAM3B,OAAO,EAAE,cAAc,EAAE,UAAU,EAAe,MAAM,gBAAgB,CAAC;AAIzE,OAAO,EAAE,IAAI,EAAgD,MAAM,gBAAgB,CAAC;AA+CpF,wBAAgB,SAAS,CAAC,UAAU,EAAE,cAAc,2EAgJnD;AAED,MAAM,MAAM,cAAc,GAAG;IAC5B,IAAI,CAAC,EAAE,OAAO,CAAC,aAAa,CAAC,CAAC;CAC9B,GAAG,4BAA4B,GAC/B,cAAc,CAAC,cAAc,CAAC,CAAC;AAEhC,MAAM,MAAM,4BAA4B,GAAG;IAC1C,OAAO,EAAE,UAAU,EAAE,CAAC;IACtB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,EAAE,MAAM,EAAE,UAAU,KAAK,IAAI,CAAC;IAC1E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,UAAU,CAAC;CACtB,CAAC;AAEF,MAAM,WAAW,aAAa;IAC7B,KAAK,CAAC,EAAE,IAAI,CAAC;QACZ,OAAO,EAAE,UAAU,EAAE,CAAC;QACtB,eAAe,EAAE,UAAU,EAAE,CAAC;KAC9B,CAAC,CAAC;CACH"}
+{"version":3,"file":"RadioList.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Molecules/RadioList/RadioList.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,QAAQ,CAAC;AAO3B,OAAO,EAAE,cAAc,EAAE,UAAU,EAAe,MAAM,gBAAgB,CAAC;AAIzE,OAAO,EAAE,IAAI,EAAgD,MAAM,gBAAgB,CAAC;AA+CpF,eAAO,MAAM,SAAS,gBAAyB,cAAc;;CAgJ3D,CAAC;AAEH,MAAM,MAAM,cAAc,GAAG;IAC5B,IAAI,CAAC,EAAE,OAAO,CAAC,aAAa,CAAC,CAAC;CAC9B,GAAG,4BAA4B,GAC/B,cAAc,CAAC,cAAc,CAAC,CAAC;AAEhC,MAAM,MAAM,4BAA4B,GAAG;IAC1C,OAAO,EAAE,UAAU,EAAE,CAAC;IACtB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,EAAE,MAAM,EAAE,UAAU,KAAK,IAAI,CAAC;IAC1E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,UAAU,CAAC;CACtB,CAAC;AAEF,MAAM,WAAW,aAAa;IAC7B,KAAK,CAAC,EAAE,IAAI,CAAC;QACZ,OAAO,EAAE,UAAU,EAAE,CAAC;QACtB,eAAe,EAAE,UAAU,EAAE,CAAC;KAC9B,CAAC,CAAC;CACH"}

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

@@ -14,10 +14,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.RadioList = RadioList;
+exports.RadioList = void 0;
 var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
 var react_1 = require("@emotion/react");
 var classnames_1 = __importDefault(require("classnames"));
+var mobx_react_lite_1 = require("mobx-react-lite");
 var providers_1 = require("../../../providers");
 var utilities_1 = require("../../../utilities");
 var react_2 = require("react");
@@ -62,7 +63,7 @@ var defaultStyles = function (_a) {
         },
     });
 };
-function RadioList(properties) {
+exports.RadioList = (0, mobx_react_lite_1.observer)(function (properties) {
     var _a, _b;
     var globalTheme = (0, providers_1.useTheme)();
     var globalTreePath = (0, providers_1.useTreePath)();
@@ -124,4 +125,4 @@ function RadioList(properties) {
                         var selected = selection && selection.value == option.value;
                         return ((0, jsx_runtime_1.jsxs)("li", { className: "ss__radio-list__option ".concat(selected ? 'ss__radio-list__option--selected' : '', " ").concat(option.disabled ? 'ss__radio-list__option--disabled' : ''), ref: function (e) { return (0, hooks_1.useA11y)(e); }, onClick: function (e) { return !disabled && makeSelection(e, option); }, title: option.label, role: "option", "aria-selected": selected, children: [!hideOptionRadios && (0, jsx_runtime_1.jsx)(Radio_1.Radio, __assign({}, subProps.Radio, { checked: selected, disableA11y: true })), option.icon && !hideOptionIcons && ((0, jsx_runtime_1.jsx)(Icon_1.Icon, __assign({}, subProps.Icon, (typeof option.icon == 'string' ? { icon: option.icon } : option.icon)))), !hideOptionLabels && (option.label || !option.icon) && ((0, jsx_runtime_1.jsx)("label", { className: "ss__radio-list__option__label", children: option.label || option.value }))] }));
                     }) })] })) })) : null;
-}
+});

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

@@ -1,9 +1,8 @@
 import { h } from 'preact';
 import { MutableRef } from 'preact/hooks';
 import { ComponentProps, ResultsLayout } from '../../../types';
-import type { SearchController, AutocompleteController, RecommendationController, ChatController } from '@athoscommerce/snap-controller';
+import type { SearchController, AutocompleteController, RecommendationController } from '@athoscommerce/snap-controller';
 import type { Product } from '@athoscommerce/snap-store-mobx';
-import { IconProps } from '../../Atoms/Icon';
 import { Lang } from '../../../hooks';
 export declare const Result: ((properties: ResultProps) => import("@emotion/react/jsx-runtime").JSX.Element | h.JSX.Element | null) & {
     displayName: string;
@@ -14,7 +13,7 @@ export interface TruncateTitleProps {
 }
 export type ResultProps = {
     result: Product;
-    controller?: SearchController | AutocompleteController | RecommendationController | ChatController;
+    controller?: SearchController | AutocompleteController | RecommendationController;
     lang?: Partial<ResultLang>;
     trackingRef?: MutableRef<HTMLElement | null>;
 } & ResultTemplatesLegalProps & ComponentProps<ResultProps>;
@@ -35,7 +34,6 @@ export type ResultTemplatesLegalProps = {
     layout?: keyof typeof ResultsLayout | ResultsLayout;
     truncateTitle?: TruncateTitleProps;
     onClick?: (e: React.MouseEvent<HTMLAnchorElement, Event>) => void;
-    discussProductIcon?: IconProps;
 };
 export interface ResultLang {
     addToCartButtonText: Lang<ResultPropData>;
@@ -43,7 +41,7 @@ export interface ResultLang {
 }
 interface ResultPropData {
     result: Product;
-    controller?: SearchController | AutocompleteController | RecommendationController | ChatController;
+    controller?: SearchController | AutocompleteController | RecommendationController;
 }
 export type ResultNames = 'seed';
 export {};

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":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,QAAQ,CAAC;AAC3B,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;AAG9D,OAAO,EAAQ,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAEnD,OAAO,EAAE,IAAI,EAAuC,MAAM,gBAAgB,CAAC;AAwD3E,eAAO,MAAM,MAAM,gBAAyB,WAAW;;CAmRrD,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,kBAAkB,CAAC,EAAE,SAAS,CAAC;CAC/B,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":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,QAAQ,CAAC;AAC3B,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,MAAM,gCAAgC,CAAC;AACzH,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,gCAAgC,CAAC;AAI9D,OAAO,EAAE,IAAI,EAAuC,MAAM,gBAAgB,CAAC;AAwD3E,eAAO,MAAM,MAAM,gBAAyB,WAAW;;CAoQrD,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,CAAC;IAClF,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;CAClE,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,CAAC;CAClF;AAED,MAAM,MAAM,WAAW,GAAG,MAAM,CAAC"}

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

@@ -30,7 +30,6 @@ 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");
@@ -83,7 +82,7 @@ var defaultStyles = function () {
     });
 };
 exports.Result = (0, mobx_react_lite_1.observer)(function (properties) {
-    var _a, _b, _c, _d, _e;
+    var _a, _b, _c, _d, _e, _f, _g, _h;
     var globalTheme = (0, providers_1.useTheme)();
     var globalTreePath = (0, providers_1.useTreePath)();
     var defaultProps = {
@@ -96,13 +95,13 @@ exports.Result = (0, mobx_react_lite_1.observer)(function (properties) {
         hideRating: true,
     };
     var props = (0, utilities_1.mergeProps)('result', globalTheme, defaultProps, properties);
-    var result = props.result, hideBadge = props.hideBadge, hideTitle = props.hideTitle, hidePricing = props.hidePricing, hideImage = props.hideImage, detailSlot = props.detailSlot, fallback = props.fallback, disableStyles = props.disableStyles, className = props.className, internalClassName = props.internalClassName, layout = props.layout, onClick = props.onClick, controller = props.controller, hideVariantSelections = props.hideVariantSelections, hideAddToCartButton = props.hideAddToCartButton, onAddToCartClick = props.onAddToCartClick, addToCartButtonText = props.addToCartButtonText, addToCartButtonSuccessText = props.addToCartButtonSuccessText, addToCartButtonSuccessTimeout = props.addToCartButtonSuccessTimeout, hideRating = props.hideRating, trackingRef = props.trackingRef, treePath = props.treePath, discussProductIcon = props.discussProductIcon;
-    var _f = (0, hooks_2.useCustomComponentOverride)('result', __assign(__assign({}, props), { customComponent: props.customComponent && props.customComponent !== 'Result' ? props.customComponent : undefined })), overrideElement = _f.overrideElement, shouldRenderDefault = _f.shouldRenderDefault;
+    var result = props.result, hideBadge = props.hideBadge, hideTitle = props.hideTitle, hidePricing = props.hidePricing, hideImage = props.hideImage, detailSlot = props.detailSlot, fallback = props.fallback, disableStyles = props.disableStyles, className = props.className, internalClassName = props.internalClassName, layout = props.layout, onClick = props.onClick, controller = props.controller, hideVariantSelections = props.hideVariantSelections, hideAddToCartButton = props.hideAddToCartButton, onAddToCartClick = props.onAddToCartClick, addToCartButtonText = props.addToCartButtonText, addToCartButtonSuccessText = props.addToCartButtonSuccessText, addToCartButtonSuccessTimeout = props.addToCartButtonSuccessTimeout, hideRating = props.hideRating, trackingRef = props.trackingRef, treePath = props.treePath;
+    var _j = (0, hooks_2.useCustomComponentOverride)('result', __assign(__assign({}, props), { customComponent: props.customComponent && props.customComponent !== 'Result' ? props.customComponent : undefined })), overrideElement = _j.overrideElement, shouldRenderDefault = _j.shouldRenderDefault;
     if (!shouldRenderDefault) {
         return overrideElement;
     }
     var core = ((_a = result === null || result === void 0 ? void 0 : result.display) === null || _a === void 0 ? void 0 : _a.mappings.core) || ((_b = result === null || result === void 0 ? void 0 : result.mappings) === null || _b === void 0 ? void 0 : _b.core);
-    var _g = (0, hooks_1.useState)(false), addedToCart = _g[0], setAddedToCart = _g[1];
+    var _k = (0, hooks_1.useState)(false), addedToCart = _k[0], setAddedToCart = _k[1];
     var subProps = {
         variantSelection: __assign(__assign({ 
             // global theme
@@ -134,7 +133,7 @@ exports.Result = (0, mobx_react_lite_1.observer)(function (properties) {
             theme: props.theme, treePath: treePath }),
         image: __assign(__assign({ 
             // default props
-            internalClassName: 'ss__result__image', alt: (core === null || core === void 0 ? void 0 : core.name) || '', src: (core === null || core === void 0 ? void 0 : core.imageUrl) || (core === null || core === void 0 ? void 0 : core.thumbnailImageUrl) || '' }, (0, utilities_1.defined)({
+            internalClassName: 'ss__result__image', alt: (core === null || core === void 0 ? void 0 : core.name) || '', src: (core === null || core === void 0 ? void 0 : core.imageUrl) || '' }, (0, utilities_1.defined)({
             disableStyles: disableStyles,
             fallback: fallback,
         })), { 
@@ -180,18 +179,14 @@ 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.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))) }), discussProductIcon && ((0, jsx_runtime_1.jsx)("span", { className: "ss__result__discuss-product-button", onClick: function (e) {
-                                var _a, _b;
-                                e.preventDefault();
-                                e.stopPropagation();
-                                (_b = (_a = window === null || window === void 0 ? void 0 : window.athos) === null || _a === void 0 ? void 0 : _a.fire) === null || _b === void 0 ? void 0 : _b.call(_a, 'chat/productQuery', { result: result });
-                            }, role: "button", title: "Discuss this product", style: { position: 'absolute', bottom: '8px', left: '8px', cursor: 'pointer' }, children: (0, jsx_runtime_1.jsx)(Icon_1.Icon, __assign({}, discussProductIcon)) }))] })), (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) {
+    var renderPrices = ((_f = (_e = (_d = (_c = controller === null || controller === void 0 ? void 0 : controller.store) === null || _c === void 0 ? void 0 : _c.config) === null || _d === void 0 ? void 0 : _d.asyncState) === null || _e === void 0 ? void 0 : _e.product) === null || _f === void 0 ? void 0 : _f.price) ? result.state.priceFetched : true;
+    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) {
                                     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 && ((_d = (_c = result.variants) === null || _c === void 0 ? void 0 : _c.selections) === null || _d === void 0 ? void 0 : _d.length) ? ((0, jsx_runtime_1.jsx)("div", { className: "ss__result__details__variant-selection", children: (_e = result.variants) === null || _e === void 0 ? void 0 : _e.selections.map(function (selection) {
+                                } }) })), !hideRating && (0, jsx_runtime_1.jsx)(Rating_1.Rating, __assign({}, subProps.rating)), !hidePricing && renderPrices && 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 = result.variants) === null || _g === void 0 ? void 0 : _g.selections.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, { type: selection.type, selection: selection })));
                             }) })) : null, !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, mergedLang.addToCartButtonText.all)) }))] })] })) })) : null;
 });

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

@@ -16,7 +16,6 @@ export type SearchInputTemplatesLegalProps = {
     submitSearchButton?: Buttons;
     clearSearchButton?: Buttons;
     closeSearchButton?: Buttons;
-    chatButton?: Buttons;
     hideSubmitSearchButton?: boolean;
     hideClearSearchButton?: boolean;
     hideCloseSearchButton?: boolean;
@@ -34,7 +33,6 @@ export interface SearchInputLang {
     closeSearchButton?: Lang<never>;
     clearSearchButton?: Lang<never>;
     submitSearchButton?: Lang<never>;
-    chatButton?: Lang<never>;
 }
 export {};
 //# sourceMappingURL=SearchInput.d.ts.map

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":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,QAAQ,CAAC;AAQ3B,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;AAoCvE,eAAO,MAAM,WAAW,gBAAyB,gBAAgB;;CA6O/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"}
+{"version":3,"file":"SearchInput.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Molecules/SearchInput/SearchInput.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,QAAQ,CAAC;AAQ3B,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;AAoCvE,eAAO,MAAM,WAAW,gBAAyB,gBAAgB;;CA0M/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,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;AAQpC,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;CACjC"}

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

@@ -70,16 +70,12 @@ exports.SearchInput = (0, mobx_react_lite_1.observer)(function (properties) {
         clearSearchButton: {
             icon: 'close-thin',
         },
-        chatButton: {
-            icon: 'chat',
-        },
     };
     var props = (0, utilities_1.mergeProps)('searchInput', globalTheme, defaultProps, properties);
     props.submitSearchButton = __assign(__assign(__assign({}, defaultProps.submitSearchButton), props.submitSearchButton), properties === null || properties === void 0 ? void 0 : properties.submitSearchButton);
     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, 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;
+    var placeholderText = props.placeholderText, value = props.value, submitSearchButton = props.submitSearchButton, closeSearchButton = props.closeSearchButton, clearSearchButton = props.clearSearchButton, 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;
     var _b = (0, hooks_2.useCustomComponentOverride)('searchInput', props), overrideElement = _b.overrideElement, shouldRenderDefault = _b.shouldRenderDefault;
     if (!shouldRenderDefault) {
         return overrideElement;
@@ -119,14 +115,6 @@ exports.SearchInput = (0, mobx_react_lite_1.observer)(function (properties) {
         })), { 
             // component theme overrides
             theme: props === null || props === void 0 ? void 0 : props.theme, treePath: treePath }),
-        chatButton: __assign(__assign(__assign(__assign({}, chatButton), { internalClassName: 'ss__search-input__button--chat-button', name: 'chat', onClick: function () {
-                // @ts-ignore - this is a button, so it should have an onClick prop?
-                (chatButton === null || chatButton === void 0 ? void 0 : chatButton.onClick) && chatButton.onClick();
-            } }), (0, utilities_1.defined)({
-            disableStyles: disableStyles,
-        })), { 
-            // component theme overrides
-            theme: props === null || props === void 0 ? void 0 : props.theme, treePath: treePath }),
     };
     var styling = (0, utilities_1.mergeStyles)(props, defaultStyles);
     //initialize lang
@@ -151,11 +139,6 @@ exports.SearchInput = (0, mobx_react_lite_1.observer)(function (properties) {
                 'aria-label': 'Submit Search',
             },
         },
-        chatButton: {
-            attributes: {
-                'aria-label': 'Open Chat',
-            },
-        },
     };
     //deep merge with props.lang
     var lang = (0, deepmerge_1.default)(defaultLang, props.lang || {});
@@ -165,5 +148,5 @@ exports.SearchInput = (0, mobx_react_lite_1.observer)(function (properties) {
                             setInputValue(e.target.value || '');
                         }
                         onChange && onChange(e);
-                    }, 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))] })] })) }));
+                    }, 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, !hideSubmitSearchButton && submitSearchButton && (0, jsx_runtime_1.jsx)(Button_1.Button, __assign({}, subProps.submitSearchButton, mergedLang.submitSearchButton.all))] })] })) }));
 });

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

@@ -16,6 +16,7 @@ export type SlideoutTemplatesLegalProps = {
     slideDirection?: SlideDirectionType;
     rerender?: boolean;
     buttonSelector?: string | Element;
+    onChange?: (active: boolean) => void;
 };
 export type SlideDirectionType = 'top' | 'right' | 'bottom' | 'left';
 //# sourceMappingURL=Slideout.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Slideout.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Molecules/Slideout/Slideout.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,iBAAiB,EAAE,MAAM,QAAQ,CAAC;AAS9C,OAAO,EAAE,cAAc,EAAe,MAAM,gBAAgB,CAAC;AA+B7D,eAAO,MAAM,QAAQ,gBAAyB,aAAa;;CA0HzD,CAAC;AAEH,MAAM,MAAM,aAAa,GAAG,2BAA2B,GAAG,cAAc,CAAC,aAAa,CAAC,CAAC;AACxF,MAAM,MAAM,2BAA2B,GAAG;IACzC,aAAa,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;IACrC,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IAC7B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,kBAAkB,CAAC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CAClC,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC"}
+{"version":3,"file":"Slideout.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Molecules/Slideout/Slideout.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,iBAAiB,EAAE,MAAM,QAAQ,CAAC;AAS9C,OAAO,EAAE,cAAc,EAAe,MAAM,gBAAgB,CAAC;AA+B7D,eAAO,MAAM,QAAQ,gBAAyB,aAAa;;CA+HzD,CAAC;AAEH,MAAM,MAAM,aAAa,GAAG,2BAA2B,GAAG,cAAc,CAAC,aAAa,CAAC,CAAC;AACxF,MAAM,MAAM,2BAA2B,GAAG;IACzC,aAAa,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;IACrC,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IAC7B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,kBAAkB,CAAC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAClC,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;CACrC,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC"}

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

@@ -64,7 +64,7 @@ exports.Slideout = (0, mobx_react_lite_1.observer)(function (properties) {
         rerender: true,
     };
     var props = (0, utilities_1.mergeProps)('slideout', globalTheme, defaultProps, properties);
-    var children = props.children, active = props.active, rerender = props.rerender, buttonContent = props.buttonContent, buttonSelector = props.buttonSelector, noButtonWrapper = props.noButtonWrapper, displayAt = props.displayAt, transitionSpeed = props.transitionSpeed, overlayColor = props.overlayColor, disableStyles = props.disableStyles, className = props.className, internalClassName = props.internalClassName, treePath = props.treePath;
+    var children = props.children, active = props.active, rerender = props.rerender, buttonContent = props.buttonContent, buttonSelector = props.buttonSelector, noButtonWrapper = props.noButtonWrapper, displayAt = props.displayAt, transitionSpeed = props.transitionSpeed, overlayColor = props.overlayColor, onChange = props.onChange, disableStyles = props.disableStyles, className = props.className, internalClassName = props.internalClassName, treePath = props.treePath;
     var _a = (0, hooks_2.useCustomComponentOverride)('slideout', props), overrideElement = _a.overrideElement, shouldRenderDefault = _a.shouldRenderDefault;
     if (!shouldRenderDefault) {
         return overrideElement;
@@ -83,26 +83,27 @@ exports.Slideout = (0, mobx_react_lite_1.observer)(function (properties) {
     // state
     var _b = (0, hooks_1.useState)(Boolean(active)), isActive = _b[0], setActive = _b[1];
     var _c = (0, hooks_1.useState)(Boolean(active)), renderContent = _c[0], setRenderContent = _c[1];
-    var isActiveRef = (0, hooks_1.useRef)(isActive);
-    isActiveRef.current = isActive;
-    var toggleActive = function (force) {
-        var next = typeof force !== 'undefined' ? force : !isActiveRef.current;
-        setActive(next);
-        if (next) {
-            setRenderContent(true);
+    var toggleActive = function () {
+        var newActive = !isActive;
+        if (isActive) {
+            setActive(false);
+            if (rerender) {
+                setTimeout(function () {
+                    setRenderContent(false);
+                }, 250);
+            }
         }
-        else if (rerender) {
-            setTimeout(function () {
-                setRenderContent(false);
-            }, 250);
+        else {
+            setActive(true);
+            setRenderContent(true);
         }
+        document.body.style.overflow = newActive ? 'hidden' : '';
+        onChange && onChange(newActive);
     };
     //this is used to update active state if active prop is changed from parent component.
     (0, hooks_1.useEffect)(function () {
         setRenderContent(Boolean(active));
-        if (isActive !== active) {
-            setActive(Boolean(active));
-        }
+        setActive(Boolean(active));
     }, [active]);
     var isVisible = (0, hooks_2.useMediaQuery)(displayAt, function () {
         document.body.style.overflow = '';
@@ -110,15 +111,19 @@ exports.Slideout = (0, mobx_react_lite_1.observer)(function (properties) {
     document.body.style.overflow = isVisible && isActive ? 'hidden' : '';
     var styling = (0, utilities_1.mergeStyles)(props, defaultStyles);
     (0, hooks_1.useEffect)(function () {
-        if (!buttonSelector)
-            return;
-        var targets = typeof buttonSelector == 'string' ? Array.from(document.querySelectorAll(buttonSelector)) : [buttonSelector];
-        var handler = typeof buttonSelector == 'string' ? function () { return toggleActive(true); } : function () { return toggleActive(); };
-        targets.forEach(function (target) { return target.addEventListener('click', handler); });
-        return function () {
-            targets.forEach(function (target) { return target.removeEventListener('click', handler); });
-        };
-    }, [buttonSelector]);
+        if (buttonSelector) {
+            var button = void 0;
+            if (typeof buttonSelector == 'string') {
+                button = document.querySelector(buttonSelector);
+            }
+            else {
+                button = buttonSelector;
+            }
+            if (button) {
+                button.addEventListener('click', function () { return toggleActive(); });
+            }
+        }
+    }, []);
     return isVisible || !rerender ? ((0, jsx_runtime_1.jsxs)(providers_1.CacheProvider, { children: [buttonContent &&
-                (noButtonWrapper ? ((0, utilities_1.cloneWithProps)(buttonContent, { toggleActive: toggleActive, active: isActive, treePath: treePath })) : ((0, jsx_runtime_1.jsx)("div", { className: "ss__slideout__button", onClick: function () { return toggleActive(); }, children: (0, utilities_1.cloneWithProps)(buttonContent, { active: isActive, treePath: treePath }) }))), (0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)('ss__slideout', className, internalClassName, { 'ss__slideout--active': isActive }), style: { visibility: !rerender ? (isVisible ? 'visible' : 'hidden') : 'visible' } }, styling, { children: renderContent && (0, utilities_1.cloneWithProps)(children, { toggleActive: toggleActive, active: isActive, treePath: treePath }) })), (0, jsx_runtime_1.jsx)(Overlay_1.Overlay, __assign({}, subProps.overlay, { active: isActive, onClick: function () { return toggleActive(false); } }))] })) : null;
+                (noButtonWrapper ? ((0, utilities_1.cloneWithProps)(buttonContent, { toggleActive: toggleActive, active: isActive, treePath: treePath })) : ((0, jsx_runtime_1.jsx)("div", { className: "ss__slideout__button", onClick: function () { return toggleActive(); }, children: (0, utilities_1.cloneWithProps)(buttonContent, { active: isActive, treePath: treePath }) }))), (0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)('ss__slideout', className, internalClassName, { 'ss__slideout--active': isActive }), style: { visibility: !rerender ? (isVisible ? 'visible' : 'hidden') : 'visible' } }, styling, { children: renderContent && (0, utilities_1.cloneWithProps)(children, { toggleActive: toggleActive, active: isActive, treePath: treePath }) })), (0, jsx_runtime_1.jsx)(Overlay_1.Overlay, __assign({}, subProps.overlay, { active: isActive, onClick: toggleActive }))] })) : null;
 });