@athoscommerce/snap-preact 1.5.0 → 1.5.1-beta.110

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

@@ -0,0 +1,171 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { observer } from 'mobx-react-lite';
+import { css } from '@emotion/react';
+import classnames from 'classnames';
+import { useTheme, CacheProvider, useTreePath, useSnap, withTracking } from '../../../providers';
+import { mergeProps, mergeStyles } from '../../../utilities';
+import { Image } from '../../Atoms/Image';
+import { Button } from '../../Atoms/Button';
+import { CalloutBadge, OverlayBadge, Price } from '../../..';
+import { useComponent } from '../../../hooks';
+const defaultStyles = () => {
+    return css({
+        display: 'flex',
+        flexDirection: 'column',
+        height: '100%',
+        width: '100%',
+        boxSizing: 'border-box',
+        border: '1px solid #e5e7eb',
+        borderRadius: '1em',
+        overflow: 'hidden',
+        '.ss__chat-result__image': {
+            width: '100%',
+            aspectRatio: '1 / 1',
+            position: 'relative',
+            overflow: 'hidden',
+            // fixed-aspect frame: scale the image to fill it and crop overflow so
+            // results with different intrinsic image aspect ratios still line up
+            // at the same height when displayed side-by-side.
+            img: {
+                width: '100%',
+                height: '100%',
+                objectFit: 'cover',
+            },
+            '.ss__chat-result__image__buttons': {
+                position: 'absolute',
+                bottom: 0,
+                width: '100%',
+                display: 'flex',
+                justifyContent: 'center',
+                gap: '0.5em',
+                padding: '0.5em',
+                boxSizing: 'border-box',
+                '.ss__button': {
+                    padding: '0.25em 0.5em',
+                    background: 'rgba(255, 255, 255, 0.9)',
+                    textAlign: 'center',
+                    justifyContent: 'center',
+                    borderRadius: '2em',
+                    boxShadow: 'inset 0 0 1px 0px rgba(0, 0, 0, 0.5)',
+                    flex: '1 1 0',
+                    minWidth: 0,
+                    fontWeight: 'bold',
+                    whiteSpace: 'nowrap',
+                    overflow: 'hidden',
+                    textOverflow: 'ellipsis',
+                },
+            },
+            '.ss__chat-result__image__icons': {
+                position: 'absolute',
+                top: 0,
+                left: 0,
+                right: 0,
+                display: 'flex',
+                flexDirection: 'row',
+                justifyContent: 'space-between',
+                gap: '0.5em',
+                padding: '0.5em',
+                flex: '0 0 auto',
+                alignItems: 'flex-start',
+                boxSizing: 'border-box',
+                '.ss__button': {
+                    height: '2.5em',
+                    width: '2.5em',
+                    backgroundColor: '#000',
+                    borderRadius: '50%',
+                    justifyContent: 'center',
+                    boxSizing: 'border-box',
+                    '&.ss__chat-result__image__icons__icon--cart': {
+                        backgroundColor: '#feeeae',
+                        svg: {
+                            fill: '#000',
+                            stroke: '#000',
+                        },
+                    },
+                    svg: {
+                        fill: '#fff',
+                        stroke: '#fff',
+                    },
+                },
+            },
+        },
+        '.ss__chat-result__content': {
+            background: '#f9fafb',
+            display: 'flex',
+            flexDirection: 'column',
+            gap: '0.5em',
+            flex: '1 1 auto',
+            padding: '0.5em 0',
+            '.ss__chat-result__content__title--primary': {
+                padding: '0 0.5em',
+            },
+            '.ss__chat-result__content__title--secondary': {
+                padding: '0 0.5em',
+                color: '#6A7282',
+                fontSize: '90%',
+            },
+            '.ss__chat-result__content__price': {
+                padding: '0 0.5em',
+                color: '#000',
+                fontWeight: 'bold',
+                fontSize: '1.2em',
+                marginTop: 'auto',
+            },
+        },
+    });
+};
+export const ChatResult = withTracking(observer((properties) => {
+    const globalTheme = useTheme();
+    const globalTreePath = useTreePath();
+    const snap = useSnap();
+    const defaultProps = {
+        treePath: globalTreePath,
+    };
+    const props = mergeProps('chatResult', globalTheme, defaultProps, properties);
+    const { controller, result, scrollToBottom, customComponent, trackingRef, disableStyles, className, internalClassName, treePath } = props;
+    if (customComponent) {
+        const ComponentOverride = useComponent(snap?.templates?.library.import.component.result || {}, customComponent);
+        if (ComponentOverride) {
+            return _jsx(ComponentOverride, { ...props });
+        }
+    }
+    const isInComparison = controller.store.currentChat?.comparisons.items.some((item) => item.result?.id === result.id);
+    // a result is "configurable" when it ships with selectable variant options
+    // (e.g. color/size); those need a selection before they can be added to cart
+    const isConfigurable = !!result.variants?.optionConfig && Object.keys(result.variants.optionConfig).length > 0;
+    const subProps = {
+        button: {
+            disableStyles,
+            theme: props.theme,
+            treePath,
+        },
+        image: {
+            lazy: false,
+            onLoad: scrollToBottom,
+            disableStyles,
+            theme: props.theme,
+            treePath,
+        },
+    };
+    const styling = mergeStyles(props, defaultStyles);
+    return (_jsx(CacheProvider, { children: _jsxs("div", { className: classnames('ss__chat-result', className, internalClassName), ref: trackingRef, ...styling, children: [_jsxs("div", { className: "ss__chat-result__image", children: [_jsx(OverlayBadge, { controller: controller, result: result, renderEmpty: true, children: _jsx(Image, { ...subProps.image, className: 'ss__chat-result__detail-slot__image', alt: result.display.mappings.core?.name || '', src: result.display.mappings.core?.imageUrl || result.display.mappings.core?.parentImageUrl || '' }) }), _jsxs("div", { className: "ss__chat-result__image__buttons", children: [controller.store.features.similarProducts.enabled && (_jsx(Button, { ...subProps.button, className: 'ss__chat-result__image__buttons__similar', content: 'Similar', "aria-label": `Show similar to ${result.display.mappings.core?.name || 'product'}`, onClick: () => {
+                                        controller.productSimilar(result);
+                                    } })), _jsx(Button, { ...subProps.button, className: 'ss__chat-result__image__buttons__compare', content: isInComparison ? undefined : 'Compare', icon: isInComparison ? { icon: 'check-thin', title: 'Added to comparison' } : undefined, "aria-label": isInComparison
+                                        ? `${result.display.mappings.core?.name || 'Product'} added to comparison`
+                                        : `Compare ${result.display.mappings.core?.name || 'product'}`, "aria-pressed": isInComparison, onClick: () => {
+                                        controller.compareProduct(result);
+                                    } })] }), _jsxs("div", { className: "ss__chat-result__image__icons", children: [_jsx(Button, { ...subProps.button, className: 'ss__chat-result__image__icons__icon--inquire', icon: { icon: 'chat', title: 'Discuss Product' }, "aria-label": `Discuss ${result.display.mappings.core?.name || 'product'}`, onClick: () => {
+                                        controller.productQuery(result);
+                                    } }), _jsx(Button, { ...subProps.button, className: 'ss__chat-result__image__icons__icon--cart', icon: { icon: 'cart', title: isConfigurable ? 'Configure' : 'Add to Cart' }, "aria-label": isConfigurable
+                                        ? `Configure ${result.display.mappings.core?.name || 'product'}`
+                                        : `Add ${result.display.mappings.core?.name || 'product'} to cart`, onClick: () => {
+                                        // configurable products need a variant selection — open the product
+                                        // information panel so the user can pick options before adding to cart
+                                        if (isConfigurable) {
+                                            controller.productQuickView(result);
+                                            return;
+                                        }
+                                        controller.track.product.addToCart(result);
+                                        controller.addToCart(result);
+                                    } })] })] }), _jsxs("div", { className: "ss__chat-result__content", children: [result.display.mappings.core?.name && (_jsx("div", { className: "ss__chat-result__content__title--primary", children: result.display.mappings.core?.name })), result.display.mappings.core?.price && (_jsx("div", { className: "ss__chat-result__content__price", children: _jsx(Price, { value: result.display.mappings.core?.price }) })), _jsx(CalloutBadge, { controller: controller, result: result })] })] }) }));
+}));

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

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

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

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

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

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

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

@@ -0,0 +1,12 @@
+import { ComponentProps } from '../../../types';
+import type { ChatController } from '@athoscommerce/snap-controller';
+export declare const ChatResultsDisplay: ((properties: ChatResultsDisplayProps) => import("@emotion/react/jsx-runtime").JSX.Element | null) & {
+    displayName: string;
+};
+export type ChatResultsDisplayProps = {
+    chatItem: any;
+    controller: ChatController;
+    scrollToBottom: () => void;
+    onProductQuickView?: () => void;
+} & ComponentProps<ChatResultsDisplayProps>;
+//# sourceMappingURL=ChatResultsDisplay.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChatResultsDisplay.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Molecules/ChatResultsDisplay/ChatResultsDisplay.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,cAAc,EAAe,MAAM,gBAAgB,CAAC;AAG7D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAmDrE,eAAO,MAAM,kBAAkB,gBAAyB,uBAAuB;;CAkG7E,CAAC;AAOH,MAAM,MAAM,uBAAuB,GAAG;IACrC,QAAQ,EAAE,GAAG,CAAC;IACd,UAAU,EAAE,cAAc,CAAC;IAC3B,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;CAChC,GAAG,cAAc,CAAC,uBAAuB,CAAC,CAAC"}

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

@@ -0,0 +1,112 @@
+import { jsx as _jsx, Fragment as _Fragment } from "@emotion/react/jsx-runtime";
+import { observer } from 'mobx-react-lite';
+import { css } from '@emotion/react';
+import classnames from 'classnames';
+import { useTheme, CacheProvider, useTreePath } from '../../../providers';
+import { mergeProps, mergeStyles } from '../../../utilities';
+import { Carousel } from '../Carousel';
+import { ChatResult } from '../ChatResult';
+const defaultStyles = () => {
+    return css({
+        width: '100%',
+        marginTop: '12px',
+        '.ss__chat-results-display__result': {
+            height: '100%',
+            width: '100%',
+            display: 'flex',
+            cursor: 'pointer',
+            '&:focus-visible': {
+                outline: '2px solid #253B80',
+                outlineOffset: '2px',
+            },
+        },
+    });
+};
+const carouselStyleScript = () => {
+    return css({
+        position: 'relative',
+        '.ss__carousel__prev-wrapper, .ss__carousel__next-wrapper': {
+            position: 'absolute',
+            top: '50%',
+            transform: 'translateY(-50%)',
+            zIndex: 9,
+            '.ss__carousel__prev, .ss__carousel__next': {
+                background: 'rgba(255, 255, 255, 0.85)',
+                borderRadius: '50%',
+                width: '2em',
+                height: '2em',
+                display: 'flex',
+                justifyContent: 'center',
+                alignItems: 'center',
+                boxShadow: '0 1px 3px rgba(0, 0, 0, 0.2)',
+            },
+        },
+        '.ss__carousel__prev-wrapper': {
+            left: 0,
+        },
+        '.ss__carousel__next-wrapper': {
+            right: 0,
+        },
+    });
+};
+export const ChatResultsDisplay = observer((properties) => {
+    const globalTheme = useTheme();
+    const globalTreePath = useTreePath();
+    const defaultProps = {
+        treePath: globalTreePath,
+    };
+    const props = mergeProps('chatResultsDisplay', globalTheme, defaultProps, properties);
+    const { chatItem, controller, scrollToBottom, onProductQuickView, disableStyles, className, internalClassName, treePath } = props;
+    const currentChat = controller.store.currentChat;
+    const activeMessage = currentChat?.activeMessage;
+    const isSideChatOpen = !!activeMessage &&
+        ['inspirationResult', 'productComparison', 'productQuery'].includes(activeMessage.messageType) &&
+        currentChat?.dismissedSideChatMessageId !== activeMessage.id;
+    const isNarrow = typeof window !== 'undefined' && window.innerWidth < 550;
+    // only the tablet range needs the narrower carousel when the side chat is open;
+    // at >= 1200px there's room to keep 2.9 slides alongside the secondary chat
+    const isConstrained = !isNarrow && isSideChatOpen && typeof window !== 'undefined' && window.innerWidth >= 768 && window.innerWidth <= 1200;
+    const slidesPerView = isNarrow || isConstrained ? 1.9 : 2.9;
+    const visibleSlides = Math.ceil(slidesPerView);
+    const subProps = {
+        carousel: {
+            disableStyles,
+            theme: props.theme,
+            treePath,
+            breakpoints: undefined,
+            slidesPerView,
+            slidesPerGroup: isNarrow || isConstrained ? 2 : 3,
+            loop: false,
+            pagination: false,
+            centerInsufficientSlides: false,
+            freeMode: true,
+            styleScript: carouselStyleScript,
+        },
+        chatResult: {
+            disableStyles,
+            theme: props.theme,
+            treePath,
+        },
+    };
+    const styling = mergeStyles(props, defaultStyles);
+    const handleResultClick = (e, result) => {
+        // buttons should be able to be clicked without triggering the product click
+        if (e.composedPath().some((el) => el instanceof HTMLElement && el.matches('button, .ss__button, a')))
+            return;
+        controller.track.product.click(e, result);
+        controller.productQuickView(result);
+        onProductQuickView?.();
+    };
+    const handleResultKeyDown = (e, result) => {
+        if (e.key === 'Enter' || e.key === ' ') {
+            e.preventDefault();
+            controller.productQuickView(result);
+            onProductQuickView?.();
+        }
+    };
+    const renderCarousel = (results, key) => (_jsx("div", { className: classnames('ss__chat-results-display', className, internalClassName), ...styling, children: _jsx(Carousel, { ...subProps.carousel, hideButtons: results.length <= visibleSlides, children: results.map((result) => (_jsx("div", { className: "ss__chat-results-display__result", role: "button", tabIndex: 0, "aria-label": `Open ${result?.display?.mappings?.core?.name || 'product'}`, onClick: (e) => handleResultClick(e, result), onKeyDown: (e) => handleResultKeyDown(e, result), children: _jsx(ChatResult, { ...subProps.chatResult, result: result, controller: controller, scrollToBottom: scrollToBottom }) }, result.id))) }) }, key));
+    if (chatItem.messageType === 'productRecommendation' && chatItem.recommendationResult?.length) {
+        return (_jsx(CacheProvider, { children: _jsx(_Fragment, { children: chatItem.recommendationResult.map((recommendation, index) => recommendation.results?.length > 0 ? renderCarousel(recommendation.results, index) : null) }) }));
+    }
+    return chatItem.results?.length > 0 ? _jsx(CacheProvider, { children: renderCarousel(chatItem.results) }) : null;
+});

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

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

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

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

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

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

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

@@ -0,0 +1,15 @@
+import { ComponentProps } from '../../../types';
+import type { ChatController } from '@athoscommerce/snap-controller';
+import type { ChatResponseActionsData } from '@athoscommerce/snap-client';
+export declare const ChatSuggestedQuestions: ((properties: ChatSuggestedQuestionsProps) => import("@emotion/react/jsx-runtime").JSX.Element | null) & {
+    displayName: string;
+};
+export type ChatSuggestedQuestionsProps = {
+    controller: ChatController;
+    questions?: string[];
+    actions?: ChatResponseActionsData['actions'];
+} & ChatSuggestedQuestionsTemplatesLegalProps & ComponentProps<ChatSuggestedQuestionsProps>;
+export type ChatSuggestedQuestionsTemplatesLegalProps = {
+    primaryColor?: string;
+};
+//# sourceMappingURL=ChatSuggestedQuestions.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChatSuggestedQuestions.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Molecules/ChatSuggestedQuestions/ChatSuggestedQuestions.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,cAAc,EAAe,MAAM,gBAAgB,CAAC;AAE7D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AACrE,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,4BAA4B,CAAC;AAoD1E,eAAO,MAAM,sBAAsB,gBAAyB,2BAA2B;;CAkDrF,CAAC;AAMH,MAAM,MAAM,2BAA2B,GAAG;IACzC,UAAU,EAAE,cAAc,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC;IACrB,OAAO,CAAC,EAAE,uBAAuB,CAAC,SAAS,CAAC,CAAC;CAC7C,GAAG,yCAAyC,GAC5C,cAAc,CAAC,2BAA2B,CAAC,CAAC;AAE7C,MAAM,MAAM,yCAAyC,GAAG;IACvD,YAAY,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC"}

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

@@ -0,0 +1,80 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { observer } from 'mobx-react-lite';
+import { css } from '@emotion/react';
+import classnames from 'classnames';
+import { useTheme, CacheProvider, useTreePath } from '../../../providers';
+import { mergeProps, mergeStyles } from '../../../utilities';
+import { Icon } from '../../Atoms/Icon';
+const defaultStyles = ({ primaryColor }) => {
+    const colorPrimary = primaryColor || '#253B80';
+    return css({
+        display: 'flex',
+        flexDirection: 'column',
+        gap: '10px',
+        '.ss__chat-suggested-questions__item': {
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'space-between',
+            gap: '12px',
+            background: '#fff',
+            border: '1px solid #eee',
+            borderRadius: '12px',
+            padding: '14px 16px',
+            cursor: 'pointer',
+            fontSize: '14px',
+            color: '#333',
+            textAlign: 'left',
+            width: '100%',
+            '&:hover': {
+                borderColor: '#ccc',
+                boxShadow: '0 2px 8px rgba(0, 0, 0, 0.08)',
+            },
+            '&:focus-visible': {
+                outline: `2px solid ${colorPrimary}`,
+                outlineOffset: '2px',
+            },
+            '.ss__chat-suggested-questions__item__text': {
+                flex: 1,
+                fontWeight: 500,
+            },
+            '.ss__chat-suggested-questions__item__icon': {
+                width: '30px',
+                height: '30px',
+                background: colorPrimary,
+                display: 'flex',
+                alignItems: 'center',
+                justifyContent: 'center',
+                borderRadius: '50%',
+                flexShrink: 0,
+                svg: {
+                    fill: '#fff',
+                    stroke: '#fff',
+                },
+            },
+        },
+    });
+};
+export const ChatSuggestedQuestions = observer((properties) => {
+    const globalTheme = useTheme();
+    const globalTreePath = useTreePath();
+    const defaultProps = {
+        treePath: globalTreePath,
+    };
+    const props = mergeProps('chatSuggestedQuestions', globalTheme, defaultProps, properties);
+    const { controller, questions, actions, disableStyles, className, internalClassName, treePath } = props;
+    const items = questions ?? actions?.map((action) => action.message) ?? [];
+    if (items.length === 0) {
+        return null;
+    }
+    const subProps = {
+        icon: {
+            disableStyles,
+            theme: props.theme,
+            treePath,
+        },
+    };
+    const styling = mergeStyles(props, defaultStyles);
+    return (_jsx(CacheProvider, { children: _jsx("div", { className: classnames('ss__chat-suggested-questions', className, internalClassName), ...styling, children: items.map((item, index) => (_jsxs("button", { type: "button", className: "ss__chat-suggested-questions__item", "aria-label": item, onClick: () => {
+                    controller.openChat(item);
+                }, children: [_jsx("span", { className: "ss__chat-suggested-questions__item__text", children: item }), _jsx("span", { className: "ss__chat-suggested-questions__item__icon", "aria-hidden": "true", children: _jsx(Icon, { ...subProps.icon, icon: "chat" }) })] }, index))) }) }));
+});

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

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

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

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

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

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

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

@@ -89,7 +89,7 @@ export const OverlayBadge = observer((properties) => {
             name: slot.name,
             top: index == 0,
             bottom: index == sectionSlots.length - 1,
-            badges: result?.display.badges?.atLocation(`${section}/${slot.tag}`).slice(0, limit),
+            badges: result?.display?.badges?.atLocation(`${section}/${slot.tag}`).slice(0, limit),
         }))
             .filter((slot) => slot.badges?.length);
         return {

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

@@ -1,7 +1,8 @@
 import { MutableRef } from 'preact/hooks';
 import { ComponentProps, ResultsLayout } from '../../../types';
-import type { SearchController, AutocompleteController, RecommendationController } from '@athoscommerce/snap-controller';
+import type { SearchController, AutocompleteController, RecommendationController, ChatController } 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 | null) & {
     displayName: string;
@@ -12,7 +13,7 @@ export interface TruncateTitleProps {
 }
 export type ResultProps = {
     result: Product;
-    controller?: SearchController | AutocompleteController | RecommendationController;
+    controller?: SearchController | AutocompleteController | RecommendationController | ChatController;
     lang?: Partial<ResultLang>;
     trackingRef?: MutableRef<HTMLElement | null>;
 } & ResultTemplatesLegalProps & ComponentProps<ResultProps>;
@@ -34,6 +35,7 @@ export type ResultTemplatesLegalProps = {
     truncateTitle?: TruncateTitleProps;
     onClick?: (e: React.MouseEvent<HTMLAnchorElement, Event>) => void;
     customComponent?: string;
+    discussProductIcon?: IconProps;
 };
 export interface ResultLang {
     addToCartButtonText: Lang<ResultPropData>;
@@ -41,7 +43,7 @@ export interface ResultLang {
 }
 interface ResultPropData {
     result: Product;
-    controller?: SearchController | AutocompleteController | RecommendationController;
+    controller?: SearchController | AutocompleteController | RecommendationController | ChatController;
 }
 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":"AACA,OAAO,EAAE,UAAU,EAAY,MAAM,cAAc,CAAC;AAUpD,OAAO,EAAE,cAAc,EAAE,aAAa,EAAe,MAAM,gBAAgB,CAAC;AAG5E,OAAO,KAAK,EAAE,gBAAgB,EAAE,sBAAsB,EAAE,wBAAwB,EAAE,MAAM,gCAAgC,CAAC;AACzH,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,gCAAgC,CAAC;AAI9D,OAAO,EAAE,IAAI,EAAyB,MAAM,gBAAgB,CAAC;AAyD7D,eAAO,MAAM,MAAM,gBAAyB,WAAW;;CAiQrD,CAAC;AAWH,MAAM,WAAW,kBAAkB;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,MAAM,WAAW,GAAG;IACzB,MAAM,EAAE,OAAO,CAAC;IAChB,UAAU,CAAC,EAAE,gBAAgB,GAAG,sBAAsB,GAAG,wBAAwB,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;IAClE,eAAe,CAAC,EAAE,MAAM,CAAC;CACzB,CAAC;AAEF,MAAM,WAAW,UAAU;IAC1B,mBAAmB,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC;IAC1C,0BAA0B,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC;CACjD;AAED,UAAU,cAAc;IACvB,MAAM,EAAE,OAAO,CAAC;IAChB,UAAU,CAAC,EAAE,gBAAgB,GAAG,sBAAsB,GAAG,wBAAwB,CAAC;CAClF;AAED,MAAM,MAAM,WAAW,GAAG,MAAM,CAAC"}
+{"version":3,"file":"Result.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Molecules/Result/Result.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAY,MAAM,cAAc,CAAC;AAUpD,OAAO,EAAE,cAAc,EAAE,aAAa,EAAe,MAAM,gBAAgB,CAAC;AAG5E,OAAO,KAAK,EAAE,gBAAgB,EAAE,sBAAsB,EAAE,wBAAwB,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AACzI,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,gCAAgC,CAAC;AAG9D,OAAO,EAAQ,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAEnD,OAAO,EAAE,IAAI,EAAyB,MAAM,gBAAgB,CAAC;AAyD7D,eAAO,MAAM,MAAM,gBAAyB,WAAW;;CAiRrD,CAAC;AAWH,MAAM,WAAW,kBAAkB;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,MAAM,WAAW,GAAG;IACzB,MAAM,EAAE,OAAO,CAAC;IAChB,UAAU,CAAC,EAAE,gBAAgB,GAAG,sBAAsB,GAAG,wBAAwB,GAAG,cAAc,CAAC;IACnG,IAAI,CAAC,EAAE,OAAO,CAAC,UAAU,CAAC,CAAC;IAC3B,WAAW,CAAC,EAAE,UAAU,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;CAC7C,GAAG,yBAAyB,GAC5B,cAAc,CAAC,WAAW,CAAC,CAAC;AAE7B,MAAM,MAAM,yBAAyB,GAAG;IACvC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,gBAAgB,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,EAAE,UAAU,CAAC,EAAE,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3F,0BAA0B,CAAC,EAAE,MAAM,CAAC;IACpC,6BAA6B,CAAC,EAAE,MAAM,CAAC;IACvC,UAAU,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,GAAG,CAAC,OAAO,EAAE,CAAC;IACzC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,OAAO,aAAa,GAAG,aAAa,CAAC;IACpD,aAAa,CAAC,EAAE,kBAAkB,CAAC;IACnC,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,EAAE,KAAK,CAAC,KAAK,IAAI,CAAC;IAClE,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,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"}

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

@@ -1,4 +1,4 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@emotion/react/jsx-runtime";
 import { useState } from 'preact/hooks';
 import { observer } from 'mobx-react-lite';
 import { css } from '@emotion/react';
@@ -13,6 +13,7 @@ import { CalloutBadge } from '../../Molecules/CalloutBadge';
 import { OverlayBadge } from '../../Molecules/OverlayBadge';
 import { Rating } from '../Rating';
 import { Button } from '../../Atoms/Button';
+import { Icon } from '../../Atoms/Icon';
 import deepmerge from 'deepmerge';
 import { useLang, useComponent } from '../../../hooks';
 import { VariantSelection } from '../VariantSelection';
@@ -78,7 +79,7 @@ export const Result = observer((properties) => {
         hideRating: 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, customComponent, } = props;
+    const { result, hideBadge, hideTitle, hidePricing, hideImage, detailSlot, fallback, disableStyles, className, internalClassName, layout, onClick, controller, hideVariantSelections, hideAddToCartButton, onAddToCartClick, addToCartButtonText, addToCartButtonSuccessText, addToCartButtonSuccessTimeout, hideRating, trackingRef, treePath, customComponent, discussProductIcon, } = props;
     if (customComponent) {
         const ComponentOverride = useComponent(snap?.templates?.library.import.component.result || {}, customComponent);
         if (ComponentOverride) {
@@ -137,7 +138,7 @@ export const Result = observer((properties) => {
             // default props
             internalClassName: 'ss__result__image',
             alt: core?.name || '',
-            src: core?.imageUrl || '',
+            src: core?.imageUrl || core?.thumbnailImageUrl || '',
             // inherited props
             ...defined({
                 disableStyles,
@@ -198,13 +199,17 @@ export const Result = observer((properties) => {
         controller: controller,
     });
     const isOnSale = Boolean(core?.msrp && core?.price && core?.price < core?.msrp);
-    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 && (_jsx("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 })) }) })), _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) => {
+    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("span", { className: "ss__result__discuss-product-button", onClick: (e) => {
+                                e.preventDefault();
+                                e.stopPropagation();
+                                window?.athos?.fire?.('chat/productQuery', { result });
+                            }, role: "button", title: "Discuss this product", style: { position: 'absolute', bottom: '8px', left: '8px', cursor: 'pointer' }, children: _jsx(Icon, { ...discussProductIcon }) }))] })), _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 && 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 && 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, selection: selection });
                             }) })), !hideAddToCartButton && (_jsx("div", { className: "ss__result__add-to-cart-wrapper", children: _jsx(Button, { ...subProps.button, content: addToCartButtonText, ...mergedLang.addToCartButtonText.all }) }))] })] }) })) : null;
 });

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

@@ -15,6 +15,10 @@ export type SearchInputTemplatesLegalProps = {
     submitSearchButton?: Buttons;
     clearSearchButton?: Buttons;
     closeSearchButton?: Buttons;
+    chatButton?: Buttons;
+    hideSubmitSearchButton?: boolean;
+    hideClearSearchButton?: boolean;
+    hideCloseSearchButton?: boolean;
     inputName?: string;
     disabled?: boolean;
     onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
@@ -23,12 +27,13 @@ export type SearchInputTemplatesLegalProps = {
     onClick?: (e: React.MouseEvent<HTMLElement, MouseEvent>) => void;
     disableA11y?: boolean;
 };
-type Buttons = Partial<ButtonProps> | false;
+type Buttons = Partial<ButtonProps>;
 export interface SearchInputLang {
     placeholderText?: LangAttributes<never>;
     closeSearchButton?: Lang<never>;
     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":"AAQA,OAAO,EAAE,cAAc,EAAe,MAAM,gBAAgB,CAAC;AAC7D,OAAO,EAAY,UAAU,EAA0B,MAAM,cAAc,CAAC;AAC5E,OAAO,EAAU,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAEzD,OAAO,EAAE,IAAI,EAAE,cAAc,EAAW,MAAM,wBAAwB,CAAC;AAqCvE,eAAO,MAAM,WAAW,gBAAyB,gBAAgB;;CAwM/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,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC5D,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC7D,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC/D,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;IACjE,WAAW,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,KAAK,OAAO,GAAG,OAAO,CAAC,WAAW,CAAC,GAAG,KAAK,CAAC;AAQ5C,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"}
+{"version":3,"file":"SearchInput.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Molecules/SearchInput/SearchInput.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,cAAc,EAAe,MAAM,gBAAgB,CAAC;AAC7D,OAAO,EAAY,UAAU,EAA0B,MAAM,cAAc,CAAC;AAC5E,OAAO,EAAU,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAEzD,OAAO,EAAE,IAAI,EAAE,cAAc,EAAW,MAAM,wBAAwB,CAAC;AAqCvE,eAAO,MAAM,WAAW,gBAAyB,gBAAgB;;CAgP/D,CAAC;AAEH,MAAM,MAAM,gBAAgB,GAAG;IAC9B,IAAI,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,CAAC;IAChC,QAAQ,CAAC,EAAE,UAAU,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAC;IAC/C,KAAK,CAAC,EAAE,MAAM,CAAC;CACf,GAAG,8BAA8B,GACjC,cAAc,CAAC,gBAAgB,CAAC,CAAC;AAElC,MAAM,MAAM,8BAA8B,GAAG;IAC5C,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC5D,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC7D,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC/D,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;IACjE,WAAW,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,KAAK,OAAO,GAAG,OAAO,CAAC,WAAW,CAAC,CAAC;AASpC,MAAM,WAAW,eAAe;IAC/B,eAAe,CAAC,EAAE,cAAc,CAAC,KAAK,CAAC,CAAC;IACxC,iBAAiB,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;IAChC,iBAAiB,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;IAChC,kBAAkB,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;IACjC,UAAU,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;CACzB"}