@athoscommerce/snap-preact 1.10.1-beta.150 → 1.12.0

package/dist/esm/components/src/components/Molecules/QuantityPicker/QuantityPicker.d.ts

@@ -0,0 +1,43 @@
+import { h } from 'preact';
+import { ComponentProps } from '../../../types';
+import { Lang } from '../../../hooks';
+export declare const QuantityPicker: ((properties: QuantityPickerProps) => import("@emotion/react/jsx-runtime").JSX.Element | h.JSX.Element | null) & {
+    displayName: string;
+};
+type QuantityPickerChangeEvent = React.MouseEvent<HTMLElement, MouseEvent> | React.FocusEvent<HTMLInputElement>;
+export type QuantityPickerProps = {
+    lang?: Partial<QuantityPickerLang>;
+    value?: number;
+    startValue?: number;
+} & QuantityPickerTemplatesLegalProps & ComponentProps<QuantityPickerProps>;
+export type QuantityPickerTemplatesLegalProps = {
+    min?: number;
+    max?: number;
+    step?: number;
+    disabled?: boolean;
+    hideButtons?: boolean;
+    label?: string;
+    onChange?: (e: QuantityPickerChangeEvent, value: number) => void;
+};
+export interface QuantityPickerLang {
+    quantityInput: Lang<{
+        quantity: number;
+        min: number;
+        max?: number;
+        disabled?: boolean;
+    }>;
+    decrementButton: Lang<{
+        quantity: number;
+        min: number;
+        max?: number;
+        disabled?: boolean;
+    }>;
+    incrementButton: Lang<{
+        quantity: number;
+        min: number;
+        max?: number;
+        disabled?: boolean;
+    }>;
+}
+export {};
+//# sourceMappingURL=QuantityPicker.d.ts.map

package/dist/esm/components/src/components/Molecules/QuantityPicker/QuantityPicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"QuantityPicker.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Molecules/QuantityPicker/QuantityPicker.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,QAAQ,CAAC;AAQ3B,OAAO,EAAE,cAAc,EAAe,MAAM,gBAAgB,CAAC;AAG7D,OAAO,EAAE,IAAI,EAAuC,MAAM,gBAAgB,CAAC;AA6B3E,eAAO,MAAM,cAAc,gBAAyB,mBAAmB;;CAwLrE,CAAC;AAMH,KAAK,yBAAyB,GAAG,KAAK,CAAC,UAAU,CAAC,WAAW,EAAE,UAAU,CAAC,GAAG,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,CAAC;AAEhH,MAAM,MAAM,mBAAmB,GAAG;IACjC,IAAI,CAAC,EAAE,OAAO,CAAC,kBAAkB,CAAC,CAAC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,iCAAiC,GACpC,cAAc,CAAC,mBAAmB,CAAC,CAAC;AAErC,MAAM,MAAM,iCAAiC,GAAG;IAC/C,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,yBAAyB,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACjE,CAAC;AAEF,MAAM,WAAW,kBAAkB;IAClC,aAAa,EAAE,IAAI,CAAC;QACnB,QAAQ,EAAE,MAAM,CAAC;QACjB,GAAG,EAAE,MAAM,CAAC;QACZ,GAAG,CAAC,EAAE,MAAM,CAAC;QACb,QAAQ,CAAC,EAAE,OAAO,CAAC;KACnB,CAAC,CAAC;IACH,eAAe,EAAE,IAAI,CAAC;QACrB,QAAQ,EAAE,MAAM,CAAC;QACjB,GAAG,EAAE,MAAM,CAAC;QACZ,GAAG,CAAC,EAAE,MAAM,CAAC;QACb,QAAQ,CAAC,EAAE,OAAO,CAAC;KACnB,CAAC,CAAC;IACH,eAAe,EAAE,IAAI,CAAC;QACrB,QAAQ,EAAE,MAAM,CAAC;QACjB,GAAG,EAAE,MAAM,CAAC;QACZ,GAAG,CAAC,EAAE,MAAM,CAAC;QACb,QAAQ,CAAC,EAAE,OAAO,CAAC;KACnB,CAAC,CAAC;CACH"}

package/dist/esm/components/src/components/Molecules/QuantityPicker/QuantityPicker.js

@@ -0,0 +1,130 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { useState } from 'preact/hooks';
+import { css } from '@emotion/react';
+import classnames from 'classnames';
+import { observer } from 'mobx-react-lite';
+import deepmerge from 'deepmerge';
+import { defined, mergeProps, mergeStyles } from '../../../utilities';
+import { useTheme, CacheProvider, useTreePath } from '../../../providers';
+import { useLang, useCustomComponentOverride } from '../../../hooks';
+import { Button } from '../../Atoms/Button';
+const defaultStyles = () => {
+    return css({
+        display: 'inline-flex',
+        alignItems: 'center',
+        gap: '5px',
+        '&.ss__quantity-picker--disabled': {
+            opacity: 0.7,
+        },
+        '& .ss__quantity-picker__label-wrapper': {
+            display: 'inline-flex',
+            alignItems: 'center',
+        },
+        '& .ss__quantity-picker__controls-wrapper': {
+            display: 'inline-flex',
+            alignItems: 'center',
+            gap: '5px',
+        },
+        '& .ss__quantity-picker__input': {
+            width: '60px',
+            textAlign: 'center',
+            padding: '5px',
+            boxSizing: 'border-box',
+        },
+    });
+};
+export const QuantityPicker = observer((properties) => {
+    const globalTheme = useTheme();
+    const globalTreePath = useTreePath();
+    const defaultProps = {
+        min: 1,
+        step: 1,
+        treePath: globalTreePath,
+    };
+    const props = mergeProps('quantityPicker', globalTheme, defaultProps, properties);
+    const { value, startValue, min, max, step, disabled, hideButtons, label, onChange, disableStyles, className, internalClassName, theme: ______, treePath, lang, style: _, styleScript: __, themeStyleScript: ___, name: ____, ...additionalProps } = props;
+    // whole numbers only, never negative, within min/max
+    const minimum = Math.max(0, Math.trunc(min));
+    const clamp = (num) => {
+        let clamped = Math.trunc(num);
+        if (isNaN(clamped)) {
+            clamped = minimum;
+        }
+        clamped = Math.max(minimum, clamped);
+        if (typeof max == 'number') {
+            clamped = Math.min(Math.trunc(max), clamped);
+        }
+        return clamped;
+    };
+    // useState is called unconditionally (rules of hooks): a `value` prop that transitions between
+    // undefined and defined across renders must not shift hook order. In controlled mode the
+    // internal state is simply ignored and the quantity derives from the prop.
+    const [internalQuantity, setQuantityState] = useState(clamp(startValue ?? minimum));
+    const stateful = value === undefined;
+    const quantity = stateful ? internalQuantity : clamp(value);
+    // raw input text while typing - committed (clamped) on blur
+    const [editingValue, setEditingValue] = useState(undefined);
+    const { overrideElement, shouldRenderDefault } = useCustomComponentOverride('quantityPicker', props);
+    if (!shouldRenderDefault) {
+        return overrideElement;
+    }
+    const commit = (e, newValue) => {
+        if (disabled) {
+            return;
+        }
+        const clamped = clamp(newValue);
+        if (stateful) {
+            setQuantityState(clamped);
+        }
+        if (clamped !== quantity) {
+            onChange && onChange(e, clamped);
+        }
+    };
+    const styling = mergeStyles(props, defaultStyles);
+    //initialize lang
+    const defaultLang = {
+        quantityInput: {
+            attributes: {
+                'aria-label': 'quantity',
+            },
+        },
+        decrementButton: {
+            attributes: {
+                'aria-label': 'decrease quantity',
+            },
+        },
+        incrementButton: {
+            attributes: {
+                'aria-label': 'increase quantity',
+            },
+        },
+    };
+    //deep merge with props.lang
+    const _lang = deepmerge(defaultLang, lang || {});
+    const mergedLang = useLang(_lang, {
+        quantity,
+        min: minimum,
+        max,
+        disabled,
+    }, { activeBreakpoint: globalTheme?.activeBreakpoint });
+    const subProps = {
+        button: {
+            // default props
+            internalClassName: 'ss__quantity-picker__button',
+            // inherited props
+            ...defined({
+                disableStyles,
+            }),
+            // component theme overrides
+            theme: props.theme,
+            treePath,
+        },
+    };
+    return (_jsx(CacheProvider, { children: _jsxs("div", { ...styling, className: classnames('ss__quantity-picker', { 'ss__quantity-picker--disabled': disabled }, className, internalClassName), ...additionalProps, children: [label && (_jsx("div", { className: "ss__quantity-picker__label-wrapper", children: _jsx("span", { className: "ss__quantity-picker__label", children: label }) })), _jsxs("div", { className: "ss__quantity-picker__controls-wrapper", children: [!hideButtons && (_jsx(Button, { ...subProps.button, name: "decrement", internalClassName: classnames(subProps.button.internalClassName, 'ss__quantity-picker__button--decrement'), disabled: disabled || quantity <= minimum, onClick: (e) => commit(e, quantity - step), icon: 'minus-thin', ...mergedLang.decrementButton?.attributes })), _jsx("input", { className: "ss__quantity-picker__input", type: "number", inputMode: "numeric", min: minimum, max: max, step: step, value: editingValue ?? quantity, disabled: disabled, onInput: (e) => setEditingValue(e.target.value), onBlur: (e) => {
+                                if (editingValue !== undefined) {
+                                    const parsed = parseFloat(editingValue);
+                                    commit(e, isNaN(parsed) ? quantity : parsed);
+                                    setEditingValue(undefined);
+                                }
+                            }, ...mergedLang.quantityInput?.all }), !hideButtons && (_jsx(Button, { ...subProps.button, name: "increment", internalClassName: classnames(subProps.button.internalClassName, 'ss__quantity-picker__button--increment'), disabled: disabled || (typeof max == 'number' && quantity >= max), onClick: (e) => commit(e, quantity + step), icon: 'plus-thin', ...mergedLang.incrementButton?.attributes }))] })] }) }));
+});

package/dist/esm/components/src/components/Molecules/QuantityPicker/index.d.ts

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

package/dist/esm/components/src/components/Molecules/QuantityPicker/index.d.ts.map

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

package/dist/esm/components/src/components/Molecules/QuantityPicker/index.js

@@ -0,0 +1 @@
+export * from './QuantityPicker';

package/dist/esm/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;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;;CAoJ3D,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"}
+{"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;;CAiJ3D,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/esm/components/src/components/Molecules/RadioList/RadioList.js

@@ -3,7 +3,7 @@ import { css } from '@emotion/react';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useTheme, CacheProvider, useTreePath } from '../../../providers';
-import { defined, mergeProps, mergeStyles } from '../../../utilities';
+import { defined, mergeProps, mergeStyles, selectionKey } from '../../../utilities';
 import { useState } from 'react';
 import { Radio } from '../Radio/Radio';
 import { useA11y, useLang, useCustomComponentOverride } from '../../../hooks';
@@ -86,22 +86,18 @@ export const RadioList = observer((properties) => {
     const styling = mergeStyles(props, defaultStyles);
     // selection state
     const [selection, setSelection] = useState(selected);
-    // original selection state
-    const [originalSelected] = useState(selected);
+    // last 'selected' prop seen - comparing against the previous prop rather than the mount time
+    // prop keeps a selection made here from being reverted while the store catches up, without
+    // missing a 'selected' change back to a value it has held before
+    const [prevSelected, setPrevSelected] = useState(() => selectionKey(selected));
     // reset selection if 'selected' prop changes
-    try {
-        if (selected) {
-            const originalSelectedstr = JSON.stringify(originalSelected);
-            const selectedstr = JSON.stringify(selected);
-            const selectionstr = JSON.stringify(selection);
-            if (originalSelectedstr !== selectedstr && selectedstr !== selectionstr) {
-                setSelection(selected);
-            }
+    if (selected) {
+        const selectedKey = selectionKey(selected);
+        if (selectedKey !== prevSelected) {
+            setPrevSelected(selectedKey);
+            setSelection(selected);
         }
     }
-    catch (e) {
-        // noop
-    }
     const makeSelection = (e, option) => {
         if (onSelect) {
             onSelect(e, option);

package/dist/esm/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, IconType } 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>;
@@ -26,8 +25,10 @@ export type ResultTemplatesLegalProps = {
     hideRating?: boolean;
     hideVariantSelections?: boolean;
     hideAddToCartButton?: boolean;
+    hideQuickviewButton?: boolean;
     addToCartButtonText?: string;
     onAddToCartClick?: (e: React.MouseEvent<HTMLElement, MouseEvent>, result: Product) => void;
+    onQuickviewClick?: (e: React.MouseEvent<HTMLElement, MouseEvent>, result: Product) => void;
     addToCartButtonSuccessText?: string;
     addToCartButtonSuccessTimeout?: number;
     detailSlot?: JSX.Element | JSX.Element[];
@@ -35,17 +36,15 @@ export type ResultTemplatesLegalProps = {
     layout?: keyof typeof ResultsLayout | ResultsLayout;
     truncateTitle?: TruncateTitleProps;
     onClick?: (e: React.MouseEvent<HTMLAnchorElement, Event>) => void;
-    discussProductIcon?: IconType | Partial<IconProps>;
-    onDiscussClick?: (e: React.MouseEvent<HTMLElement, MouseEvent>, result: Product) => void;
 };
 export interface ResultLang {
     addToCartButtonText: Lang<ResultPropData>;
     addToCartButtonSuccessText: Lang<ResultPropData>;
-    discussProductButton: Lang<ResultPropData>;
+    quickviewButtonText: Lang<ResultPropData>;
 }
 interface ResultPropData {
     result: Product;
-    controller?: SearchController | AutocompleteController | RecommendationController | ChatController;
+    controller?: SearchController | AutocompleteController | RecommendationController;
 }
 export type ResultNames = 'seed';
 export {};

package/dist/esm/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,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,IAAI,EAAuC,MAAM,gBAAgB,CAAC;AAiE3E,eAAO,MAAM,MAAM,gBAAyB,WAAW;;CAkTrD,CAAC;AAYH,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,QAAQ,GAAG,OAAO,CAAC,SAAS,CAAC,CAAC;IACnD,cAAc,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,EAAE,UAAU,CAAC,EAAE,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;CACzF,CAAC;AAEF,MAAM,WAAW,UAAU;IAC1B,mBAAmB,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC;IAC1C,0BAA0B,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC;IACjD,oBAAoB,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC;CAC3C;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;AAkE3E,eAAO,MAAM,MAAM,gBAAyB,WAAW;;CA0SrD,CAAC;AAYH,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,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,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;IACjD,mBAAmB,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC;CAC1C;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/esm/components/src/components/Molecules/Result/Result.js

@@ -45,13 +45,14 @@ const defaultStyles = () => {
                 background: 'rgba(255, 255, 255, 0.5)',
                 padding: '10px',
             },
-            '& .ss__result__discuss-product-button': {
+            '& .ss__result__quickview': {
                 position: 'absolute',
-                bottom: '8px',
-                left: '8px',
-                padding: '4px',
-                border: 'none',
-                background: 'rgba(255, 255, 255, 0.5)',
+                bottom: '10px',
+                right: '10px',
+                display: 'flex',
+                background: 'transparent',
+                border: 0,
+                padding: '5px',
                 cursor: 'pointer',
             },
         },
@@ -84,9 +85,10 @@ export const Result = observer((properties) => {
         addToCartButtonSuccessTimeout: 2000,
         hideAddToCartButton: true,
         hideRating: true,
+        hideQuickviewButton: true,
     };
     const props = mergeProps('result', globalTheme, defaultProps, properties);
-    const { result, hideBadge, hideTitle, hidePricing, hideImage, detailSlot, fallback, disableStyles, className, internalClassName, layout, onClick, controller, hideVariantSelections, hideAddToCartButton, onAddToCartClick, addToCartButtonText, addToCartButtonSuccessText, addToCartButtonSuccessTimeout, hideRating, trackingRef, treePath, discussProductIcon, onDiscussClick, } = props;
+    const { result, hideBadge, hideTitle, hidePricing, hideImage, detailSlot, fallback, disableStyles, className, internalClassName, layout, onClick, controller, hideVariantSelections, hideAddToCartButton, onAddToCartClick, addToCartButtonText, addToCartButtonSuccessText, addToCartButtonSuccessTimeout, hideRating, hideQuickviewButton, onQuickviewClick, trackingRef, treePath, } = props;
     const { overrideElement, shouldRenderDefault } = useCustomComponentOverride('result', {
         ...props,
         customComponent: props.customComponent && props.customComponent !== 'Result' ? props.customComponent : undefined,
@@ -146,7 +148,7 @@ export const Result = observer((properties) => {
             // default props
             internalClassName: 'ss__result__image',
             alt: core?.name || '',
-            src: core?.imageUrl || core?.thumbnailImageUrl || '',
+            src: core?.imageUrl || '',
             // inherited props
             ...defined({
                 disableStyles,
@@ -169,9 +171,21 @@ export const Result = observer((properties) => {
             theme: props.theme,
             treePath,
         },
-        discussProductButton: {
+        quickviewButton: {
             // default props
-            internalClassName: 'ss__result__discuss-product-button',
+            name: 'quickview',
+            internalClassName: 'ss__result__quickview',
+            icon: {
+                internalClassName: 'ss__result__quickview__icon',
+                icon: 'eye',
+                size: '20px',
+            },
+            onClick: (e) => {
+                if (onQuickviewClick) {
+                    onQuickviewClick(e, result);
+                }
+                controller?.quickview(result);
+            },
             // inherited props
             ...defined({
                 disableStyles,
@@ -210,10 +224,9 @@ export const Result = observer((properties) => {
         addToCartButtonText: {
             value: addedToCart ? addToCartButtonSuccessText : addToCartButtonText,
         },
-        discussProductButton: {
+        quickviewButtonText: {
             attributes: {
-                'aria-label': 'Discuss this product',
-                title: 'Discuss this product',
+                'aria-label': 'Quick View',
             },
         },
     };
@@ -227,32 +240,11 @@ export const Result = observer((properties) => {
     const renderPrices = controller?.store?.config?.asyncState?.product?.price ? result.state.priceFetched : true;
     return core ? (_jsx(CacheProvider, { children: _jsxs("article", { ...styling, className: classnames('ss__result', `ss__result--${layout}`, { 'ss__result--sale': isOnSale }, className, internalClassName), ref: trackingRef, children: [!hideImage && (_jsxs("div", { className: "ss__result__image-wrapper", children: [_jsx("a", { href: core.url, onClick: (e) => {
                                 onClick && onClick(e);
-                            }, children: !hideBadge ? (_jsx(OverlayBadge, { ...subProps.overlayBadge, controller: controller, children: _jsx(Image, { ...subProps.image }) })) : (_jsx(Image, { ...subProps.image })) }), discussProductIcon && (_jsx(Button, { ...subProps.discussProductButton, icon: discussProductIcon, onClick: (e) => {
-                                e.preventDefault();
-                                e.stopPropagation();
-                                if (onDiscussClick) {
-                                    onDiscussClick(e, result);
-                                }
-                                else if (controller?.type === 'chat') {
-                                    // rendered inside a Chat — go straight to the controller
-                                    controller.productQuery(result);
-                                }
-                                else {
-                                    // otherwise hand off to an integrated Chat via the global bus,
-                                    // which the integration layer wires up (see setupEvents)
-                                    const fire = window?.athos?.fire;
-                                    if (typeof fire === 'function') {
-                                        fire('controller/chat/productQuery', { result });
-                                    }
-                                    else {
-                                        controller?.log?.warn('discussProductIcon requires an onDiscussClick handler or an integrated Chat');
-                                    }
-                                }
-                            }, ...mergedLang.discussProductButton.all }))] })), _jsxs("div", { className: "ss__result__details", children: [!hideBadge && (_jsx(CalloutBadge, { ...subProps.calloutBadge, controller: controller })), !hideTitle && (_jsx("div", { className: "ss__result__details__title", children: _jsx("a", { href: core.url, onClick: (e) => {
+                            }, children: !hideBadge ? (_jsx(OverlayBadge, { ...subProps.overlayBadge, controller: controller, children: _jsx(Image, { ...subProps.image }) })) : (_jsx(Image, { ...subProps.image })) }), !hideQuickviewButton && controller?.quickviewManager && (_jsx(Button, { ...subProps.quickviewButton, ...mergedLang.quickviewButtonText.attributes }))] })), _jsxs("div", { className: "ss__result__details", children: [!hideBadge && (_jsx(CalloutBadge, { ...subProps.calloutBadge, controller: controller })), !hideTitle && (_jsx("div", { className: "ss__result__details__title", children: _jsx("a", { href: core.url, onClick: (e) => {
                                     onClick && onClick(e);
                                 }, dangerouslySetInnerHTML: {
                                     __html: displayName || '',
-                                } }) })), !hideRating && _jsx(Rating, { ...subProps.rating }), !hidePricing && renderPrices && core.price && core.price > 0 ? (_jsx("div", { className: "ss__result__details__pricing", children: isOnSale ? (_jsxs(_Fragment, { children: [_jsx(Price, { ...subProps.price, value: core.msrp, lineThrough: true, name: 'msrp' }), "\u00A0", _jsx(Price, { ...subProps.price, value: core.price, name: 'price' })] })) : (_jsx(Price, { ...subProps.price, value: core.price })) })) : null, cloneWithProps(detailSlot, { result, treePath }), !hideVariantSelections && result.variants?.selections?.length ? (_jsx("div", { className: "ss__result__details__variant-selection", children: result.variants?.selections.map((selection) => {
+                                } }) })), !hideRating && _jsx(Rating, { ...subProps.rating }), !hidePricing && renderPrices && core.price && core.price > 0 ? (_jsx("div", { className: "ss__result__details__pricing", children: isOnSale ? (_jsxs(_Fragment, { children: [_jsx(Price, { ...subProps.price, value: core.msrp, lineThrough: true, name: 'msrp' }), "\u00A0", _jsx(Price, { ...subProps.price, value: core.price, name: 'price' })] })) : (_jsx(Price, { ...subProps.price, value: core.price })) })) : null, cloneWithProps(detailSlot, { result, treePath }), !hideVariantSelections && result.variants?.selections.length ? (_jsx("div", { className: "ss__result__details__variant-selection", children: result.variants?.selections.map((selection) => {
                                 return (_jsx(VariantSelection, { ...subProps.variantSelection, type: selection.type, selection: selection }));
                             }) })) : null, !hideAddToCartButton && (_jsx("div", { className: "ss__result__add-to-cart-wrapper", children: _jsx(Button, { ...subProps.button, ...mergedLang.addToCartButtonText.all }) }))] })] }) })) : null;
 });

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

@@ -16,11 +16,9 @@ export type SearchInputTemplatesLegalProps = {
     submitSearchButton?: Buttons;
     clearSearchButton?: Buttons;
     closeSearchButton?: Buttons;
-    chatButton?: Buttons;
     hideSubmitSearchButton?: boolean;
     hideClearSearchButton?: boolean;
     hideCloseSearchButton?: boolean;
-    hideChatButton?: boolean;
     inputName?: string;
     disabled?: boolean;
     onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
@@ -35,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/esm/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;;CAuO/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,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,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/esm/components/src/components/Molecules/SearchInput/SearchInput.js

@@ -76,15 +76,7 @@ export const SearchInput = observer((properties) => {
         //passed in properties
         ...properties?.closeSearchButton,
     };
-    props.chatButton = {
-        //defaults
-        ...defaultProps.chatButton,
-        //theme
-        ...props.chatButton,
-        //passed in properties
-        ...properties?.chatButton,
-    };
-    const { placeholderText, value, submitSearchButton, closeSearchButton, clearSearchButton, chatButton, hideSubmitSearchButton, hideClearSearchButton, hideCloseSearchButton, hideChatButton, inputRef, inputName, onChange, onClick, onKeyDown, onKeyUp, disabled, disableStyles, className, internalClassName, treePath, } = props;
+    const { placeholderText, value, submitSearchButton, closeSearchButton, clearSearchButton, hideSubmitSearchButton, hideClearSearchButton, hideCloseSearchButton, inputRef, inputName, onChange, onClick, onKeyDown, onKeyUp, disabled, disableStyles, className, internalClassName, treePath, } = props;
     const { overrideElement, shouldRenderDefault } = useCustomComponentOverride('searchInput', props);
     if (!shouldRenderDefault) {
         return overrideElement;
@@ -149,19 +141,6 @@ export const SearchInput = observer((properties) => {
             theme: props?.theme,
             treePath,
         },
-        chatButton: {
-            // default props
-            ...chatButton,
-            internalClassName: 'ss__search-input__button--chat-button',
-            name: 'chat',
-            // inherited props
-            ...defined({
-                disableStyles,
-            }),
-            // component theme overrides
-            theme: props?.theme,
-            treePath,
-        },
     };
     const styling = mergeStyles(props, defaultStyles);
     //initialize lang
@@ -186,11 +165,6 @@ export const SearchInput = observer((properties) => {
                 'aria-label': 'Submit Search',
             },
         },
-        chatButton: {
-            attributes: {
-                'aria-label': 'Open Chat',
-            },
-        },
     };
     //deep merge with props.lang
     const lang = deepmerge(defaultLang, props.lang || {});
@@ -200,5 +174,5 @@ export const SearchInput = observer((properties) => {
                             setInputValue(e.target.value || '');
                         }
                         onChange && onChange(e);
-                    }, disabled: disabled }), _jsxs("div", { className: "ss__search-input__icons", children: [!hideClearSearchButton && clearSearchButton && inputValue?.length ? (_jsx(Button, { ...subProps.clearSearchButton, ...mergedLang.clearSearchButton.all })) : null, !hideChatButton && chatButton?.icon ? _jsx(Button, { ...subProps.chatButton, ...mergedLang.chatButton.all }) : null, !hideSubmitSearchButton && submitSearchButton && _jsx(Button, { ...subProps.submitSearchButton, ...mergedLang.submitSearchButton.all })] })] }) }));
+                    }, disabled: disabled }), _jsxs("div", { className: "ss__search-input__icons", children: [!hideClearSearchButton && clearSearchButton && inputValue?.length ? (_jsx(Button, { ...subProps.clearSearchButton, ...mergedLang.clearSearchButton.all })) : null, !hideSubmitSearchButton && submitSearchButton && _jsx(Button, { ...subProps.submitSearchButton, ...mergedLang.submitSearchButton.all })] })] }) }));
 });

package/dist/esm/components/src/components/Molecules/Select/Select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Molecules/Select/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,QAAQ,CAAC;AAS3B,OAAO,EAAE,cAAc,EAAE,UAAU,EAAe,MAAM,gBAAgB,CAAC;AAGzE,OAAO,EAAQ,SAAS,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAE7D,OAAO,EAAE,IAAI,EAAuC,MAAM,gBAAgB,CAAC;AAiE3E,eAAO,MAAM,MAAM,gBAAyB,WAAW;;CA+RrD,CAAC;AAQH,MAAM,MAAM,WAAW,GAAG;IACzB,IAAI,CAAC,EAAE,OAAO,CAAC,UAAU,CAAC,CAAC;CAC3B,GAAG,yBAAyB,GAC5B,cAAc,CAAC,WAAW,CAAC,CAAC;AAE7B,MAAM,MAAM,yBAAyB,GAAG;IACvC,OAAO,EAAE,UAAU,EAAE,CAAC;IACtB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC,SAAS,CAAC,CAAC;IAC1C,QAAQ,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC,SAAS,CAAC,CAAC;IACzC,KAAK,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;IAC7B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,iBAAiB,CAAC,GAAG,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,EAAE,MAAM,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IAClH,QAAQ,CAAC,EAAE,UAAU,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;IACjC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC3B,CAAC;AAEF,MAAM,WAAW,UAAU;IAC1B,WAAW,EAAE,IAAI,CAAC;QACjB,OAAO,EAAE,UAAU,EAAE,CAAC;QACtB,eAAe,EAAE,UAAU,EAAE,CAAC;QAC9B,KAAK,EAAE,MAAM,CAAC;QACd,IAAI,EAAE,OAAO,CAAC;KACd,CAAC,CAAC;CACH"}
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Molecules/Select/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,QAAQ,CAAC;AAS3B,OAAO,EAAE,cAAc,EAAE,UAAU,EAAe,MAAM,gBAAgB,CAAC;AAGzE,OAAO,EAAQ,SAAS,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAE7D,OAAO,EAAE,IAAI,EAAuC,MAAM,gBAAgB,CAAC;AAiE3E,eAAO,MAAM,MAAM,gBAAyB,WAAW;;CA4RrD,CAAC;AAQH,MAAM,MAAM,WAAW,GAAG;IACzB,IAAI,CAAC,EAAE,OAAO,CAAC,UAAU,CAAC,CAAC;CAC3B,GAAG,yBAAyB,GAC5B,cAAc,CAAC,WAAW,CAAC,CAAC;AAE7B,MAAM,MAAM,yBAAyB,GAAG;IACvC,OAAO,EAAE,UAAU,EAAE,CAAC;IACtB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC,SAAS,CAAC,CAAC;IAC1C,QAAQ,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC,SAAS,CAAC,CAAC;IACzC,KAAK,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;IAC7B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,iBAAiB,CAAC,GAAG,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,EAAE,MAAM,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IAClH,QAAQ,CAAC,EAAE,UAAU,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;IACjC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC3B,CAAC;AAEF,MAAM,WAAW,UAAU;IAC1B,WAAW,EAAE,IAAI,CAAC;QACjB,OAAO,EAAE,UAAU,EAAE,CAAC;QACtB,eAAe,EAAE,UAAU,EAAE,CAAC;QAC9B,KAAK,EAAE,MAAM,CAAC;QACd,IAAI,EAAE,OAAO,CAAC;KACd,CAAC,CAAC;CACH"}

package/dist/esm/components/src/components/Molecules/Select/Select.js

@@ -4,7 +4,7 @@ import { observer } from 'mobx-react-lite';
 import { css } from '@emotion/react';
 import classnames from 'classnames';
 import { useTheme, CacheProvider, useTreePath } from '../../../providers';
-import { defined, mergeProps, mergeStyles } from '../../../utilities';
+import { defined, mergeProps, mergeStyles, selectionKey } from '../../../utilities';
 import { Dropdown } from '../../Atoms/Dropdown';
 import { Button } from '../../Atoms/Button';
 import { Icon } from '../../Atoms/Icon';
@@ -129,22 +129,18 @@ export const Select = observer((properties) => {
     const [open, setOpen] = useState(Boolean(startOpen));
     // selection state
     const [selection, setSelection] = useState(selected);
-    // original selection state
-    const [originalSelected] = useState(selected);
+    // last 'selected' prop seen - comparing against the previous prop rather than the mount time
+    // prop keeps a selection made here from being reverted while the store catches up, without
+    // missing a 'selected' change back to a value it has held before
+    const [prevSelected, setPrevSelected] = useState(() => selectionKey(selected));
     // reset selection if 'selected' prop changes
-    try {
-        if (selected) {
-            const originalSelectedstr = JSON.stringify(originalSelected);
-            const selectedstr = JSON.stringify(selected);
-            const selectionstr = JSON.stringify(selection);
-            if (originalSelectedstr !== selectedstr && selectedstr !== selectionstr) {
-                setSelection(selected);
-            }
+    if (selected) {
+        const selectedKey = selectionKey(selected);
+        if (selectedKey !== prevSelected) {
+            setPrevSelected(selectedKey);
+            setSelection(selected);
         }
     }
-    catch (e) {
-        // noop
-    }
     if (selection && clearSelection) {
         options = [
             {

package/dist/esm/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;;CA6HzD,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"}
+{"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;;CAkIzD,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"}