@athoscommerce/snap-preact 1.2.3-beta.4 → 1.4.0

package/dist/cjs/components/src/components/Organisms/Chat/ChatAttachmentContext.d.ts

@@ -1,19 +0,0 @@
-export type ChatAttachmentContextItem = {
-    id: string;
-    name: string;
-    imageUrl?: string;
-    isLoading?: boolean;
-    hasError?: boolean;
-    errorMessage?: string;
-    onClick?: () => void;
-    onRemove?: () => void;
-};
-export type ChatAttachmentContextProps = {
-    title: string;
-    items: ChatAttachmentContextItem[];
-    onClose?: () => void;
-};
-export declare const ChatAttachmentContext: ((props: ChatAttachmentContextProps) => JSX.Element) & {
-    displayName: string;
-};
-//# sourceMappingURL=ChatAttachmentContext.d.ts.map

package/dist/cjs/components/src/components/Organisms/Chat/ChatAttachmentContext.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ChatAttachmentContext.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Organisms/Chat/ChatAttachmentContext.tsx"],"names":[],"mappings":"AAQA,MAAM,MAAM,yBAAyB,GAAG;IACvC,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,0BAA0B,GAAG;IACxC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,yBAAyB,EAAE,CAAC;IACnC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,qBAAqB,WAAoB,0BAA0B,KAAG,GAAG,CAAC,OAAO;;CA8D5F,CAAC"}

package/dist/cjs/components/src/components/Organisms/Chat/ChatAttachmentContext.js

@@ -1,22 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ChatAttachmentContext = void 0;
-var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-var mobx_react_lite_1 = require("mobx-react-lite");
-var classnames_1 = __importDefault(require("classnames"));
-var Image_1 = require("../../Atoms/Image");
-var Button_1 = require("../../Atoms/Button");
-var Icon_1 = require("../../Atoms/Icon");
-exports.ChatAttachmentContext = (0, mobx_react_lite_1.observer)(function (props) {
-    var title = props.title, items = props.items, onClose = props.onClose;
-    if (!items || items.length === 0) {
-        return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
-    }
-    return ((0, jsx_runtime_1.jsxs)("div", { className: 'ss__chat__attachment-context', children: [(0, jsx_runtime_1.jsxs)("div", { className: 'ss__chat__attachment-context__label', children: [(0, jsx_runtime_1.jsx)("span", { children: title }), onClose && ((0, jsx_runtime_1.jsx)("div", { className: 'ss__chat__attachment-context__label__close', onClick: onClose, children: (0, jsx_runtime_1.jsx)(Icon_1.Icon, { icon: 'close-thin', size: '12px' }) }))] }), (0, jsx_runtime_1.jsx)("div", { className: 'ss__chat__attachment-context__items', children: items.map(function (item) { return ((0, jsx_runtime_1.jsxs)("div", { className: (0, classnames_1.default)('ss__chat__attachment-context__item', { error: item.hasError, clickable: !!item.onClick }), onClick: item.onClick, style: item.onClick ? { cursor: 'pointer' } : undefined, children: [item.hasError ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { className: 'ss__chat__attachment-context__item__error-icon', children: "\u26A0" }), (0, jsx_runtime_1.jsx)("div", { className: 'ss__chat__attachment-context__item__error-message', children: item.errorMessage || "Upload Failed - ".concat(item.name) })] })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("div", { className: 'ss__chat__attachment-context__item__content', children: [item.imageUrl && (0, jsx_runtime_1.jsx)(Image_1.Image, { className: item.isLoading ? 'loading' : '', src: item.imageUrl, alt: item.name }), item.isLoading && ((0, jsx_runtime_1.jsxs)("div", { className: 'ss__chat__attachment-context__item__loading', children: [(0, jsx_runtime_1.jsx)("div", { className: 'ss__chat__loading__dot' }), (0, jsx_runtime_1.jsx)("div", { className: 'ss__chat__loading__dot' }), (0, jsx_runtime_1.jsx)("div", { className: 'ss__chat__loading__dot' })] }))] }), (0, jsx_runtime_1.jsx)("div", { className: 'ss__chat__attachment-context__item__name', title: item.name, children: item.name })] })), item.onRemove && (items.length > 1 || !onClose) && ((0, jsx_runtime_1.jsx)(Button_1.Button, { className: 'ss__chat__attachment-context__item__remove', onClick: function () { var _a; return !item.isLoading && ((_a = item.onRemove) === null || _a === void 0 ? void 0 : _a.call(item)); }, icon: {
-                                icon: 'close-thin',
-                                size: '0.6em',
-                            } }))] }, item.id)); }) })] }));
-});

package/dist/cjs/components/src/components/Organisms/Chat/ChatResult.d.ts

@@ -1,11 +0,0 @@
-import { ChatController } from '@athoscommerce/snap-controller';
-import { Product } from '@athoscommerce/snap-store-mobx';
-import { ComponentProps } from '../../../types';
-export declare const ChatResult: (props: ChatResultProps) => import("@emotion/react/jsx-runtime").JSX.Element;
-export interface ChatResultProps extends ComponentProps {
-    result: Product;
-    controller: ChatController;
-    scrollToBottom: () => void;
-    trackingRef?: (el: HTMLElement | null) => void;
-}
-//# sourceMappingURL=ChatResult.d.ts.map

package/dist/cjs/components/src/components/Organisms/Chat/ChatResult.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ChatResult.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Organisms/Chat/ChatResult.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAChE,OAAO,EAAE,OAAO,EAAE,MAAM,gCAAgC,CAAC;AAMzD,OAAO,EAAE,cAAc,EAAe,MAAM,gBAAgB,CAAC;AAkH7D,eAAO,MAAM,UAAU,8EA+GtB,CAAC;AAMF,MAAM,WAAW,eAAgB,SAAQ,cAAc;IACtD,MAAM,EAAE,OAAO,CAAC;IAChB,UAAU,EAAE,cAAc,CAAC;IAC3B,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,WAAW,CAAC,EAAE,CAAC,EAAE,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;CAC/C"}

package/dist/cjs/components/src/components/Organisms/Chat/ChatResult.js

@@ -1,177 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ChatResult = void 0;
-var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-var mobx_react_lite_1 = require("mobx-react-lite");
-var Image_1 = require("../../Atoms/Image");
-var Button_1 = require("../../Atoms/Button");
-var utilities_1 = require("../../../utilities");
-var providers_1 = require("../../../providers");
-var __1 = require("../../..");
-var hooks_1 = require("../../../hooks");
-var defaultStyles = function () {
-    return (0, providers_1.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',
-                '.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',
-                '.ss__button': {
-                    height: '2.5em',
-                    width: '2.5em',
-                    backgroundColor: '#000',
-                    borderRadius: '50%',
-                    justifyContent: 'center',
-                    '&.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',
-            },
-        },
-    });
-};
-exports.ChatResult = (0, providers_1.withTracking)((0, mobx_react_lite_1.observer)(function (properties) {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j;
-    var globalTheme = (0, providers_1.useTheme)();
-    var globalTreePath = (0, providers_1.useTreePath)();
-    var snap = (0, providers_1.useSnap)();
-    var defaultProps = {
-        treePath: globalTreePath,
-    };
-    var props = (0, utilities_1.mergeProps)('chatResult', globalTheme, defaultProps, properties);
-    var controller = props.controller, result = props.result, scrollToBottom = props.scrollToBottom, customComponent = props.customComponent, trackingRef = props.trackingRef;
-    if (customComponent) {
-        var ComponentOverride = (0, hooks_1.useComponent)(((_a = snap === null || snap === void 0 ? void 0 : snap.templates) === null || _a === void 0 ? void 0 : _a.library.import.component.result) || {}, customComponent);
-        if (ComponentOverride) {
-            return (0, jsx_runtime_1.jsx)(ComponentOverride, __assign({}, props));
-        }
-    }
-    var isInComparison = (_b = controller.store.currentChat) === null || _b === void 0 ? void 0 : _b.comparisons.items.some(function (item) { var _a; return ((_a = item.result) === null || _a === void 0 ? void 0 : _a.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
-    var isConfigurable = !!((_c = result.variants) === null || _c === void 0 ? void 0 : _c.optionConfig) && Object.keys(result.variants.optionConfig).length > 0;
-    var subProps = {
-        button: {
-            // component theme overrides
-            theme: props.theme,
-            // treePath,
-        },
-        image: {
-            lazy: false,
-            onLoad: scrollToBottom,
-            // component theme overrides
-            theme: props.theme,
-            // treePath,
-        },
-    };
-    var styling = (0, utilities_1.mergeStyles)(properties, defaultStyles);
-    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: "ss__chat__result", ref: trackingRef }, styling, { children: [(0, jsx_runtime_1.jsxs)("div", { className: "ss__chat__result__image", children: [(0, jsx_runtime_1.jsx)(__1.OverlayBadge, { controller: controller, result: result, renderEmpty: true, children: (0, jsx_runtime_1.jsx)(Image_1.Image, __assign({ className: 'ss__chat__result__detail-slot__image', alt: ((_d = result.display.mappings.core) === null || _d === void 0 ? void 0 : _d.name) || '', src: ((_e = result.display.mappings.core) === null || _e === void 0 ? void 0 : _e.imageUrl) || '' }, subProps.image)) }), (0, jsx_runtime_1.jsxs)("div", { className: "ss__chat__result__image__buttons", children: [controller.store.features.similarProducts.enabled && ((0, jsx_runtime_1.jsx)(Button_1.Button, { className: 'ss__chat__result__image__buttons__similar', content: 'Similar', onClick: function () {
-                                    controller.discussProduct(result, { requestType: 'productSimilar' });
-                                } })), (0, jsx_runtime_1.jsx)(Button_1.Button, { className: 'ss__chat__result__image__buttons__compare', content: isInComparison ? undefined : 'Compare', icon: isInComparison ? { icon: 'check-thin', title: 'Added to comparison' } : undefined, onClick: function () {
-                                    controller.compareProduct(result);
-                                } })] }), (0, jsx_runtime_1.jsxs)("div", { className: "ss__chat__result__image__icons", children: [(0, jsx_runtime_1.jsx)(Button_1.Button, { className: 'ss__chat__result__image__icons__icon--inquire', icon: { icon: 'chat', title: 'Discuss Product' }, onClick: function () {
-                                    controller.discussProduct(result, { requestType: 'productQuery' });
-                                } }), (0, jsx_runtime_1.jsx)(Button_1.Button, { className: 'ss__chat__result__image__icons__icon--cart', icon: { icon: 'cart', title: isConfigurable ? 'Configure' : 'Add to Cart' }, onClick: function () {
-                                    // configurable products need a variant selection — open the product
-                                    // information panel so the user can pick options before adding to cart
-                                    if (isConfigurable) {
-                                        controller.viewProduct(result);
-                                        return;
-                                    }
-                                    controller.track.product.addToCart(result);
-                                    controller.addToCart(result);
-                                } })] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "ss__chat__result__content", children: [((_f = result.display.mappings.core) === null || _f === void 0 ? void 0 : _f.name) && ((0, jsx_runtime_1.jsx)("div", { className: "ss__chat__result__content__title--primary", children: (_g = result.display.mappings.core) === null || _g === void 0 ? void 0 : _g.name })), ((_h = result.display.mappings.core) === null || _h === void 0 ? void 0 : _h.price) && ((0, jsx_runtime_1.jsx)("div", { className: "ss__chat__result__content__price", children: (0, jsx_runtime_1.jsx)(__1.Price, { value: (_j = result.display.mappings.core) === null || _j === void 0 ? void 0 : _j.price }) })), (0, jsx_runtime_1.jsx)(__1.CalloutBadge, { controller: controller, result: result })] })] })));
-}));

package/dist/cjs/components/src/components/Organisms/Chat/MessageText.d.ts

@@ -1,13 +0,0 @@
-import { ChatController } from '@athoscommerce/snap-controller';
-export declare const MessageText: ((props: MessageTextProps) => import("@emotion/react/jsx-runtime").JSX.Element) & {
-    displayName: string;
-};
-export interface MessageTextProps {
-    chatItem: any;
-    controller: ChatController;
-    scrollToBottom: () => void;
-    onViewProduct?: () => void;
-    showDetailsButton?: boolean;
-    sideChatOpen?: boolean;
-}
-//# sourceMappingURL=MessageText.d.ts.map

package/dist/cjs/components/src/components/Organisms/Chat/MessageText.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"MessageText.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Organisms/Chat/MessageText.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AA0HhE,eAAO,MAAM,WAAW,WAAoB,gBAAgB;;CA2D1D,CAAC;AAqCH,MAAM,WAAW,gBAAgB;IAChC,QAAQ,EAAE,GAAG,CAAC;IACd,UAAU,EAAE,cAAc,CAAC;IAC3B,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,YAAY,CAAC,EAAE,OAAO,CAAC;CACvB"}

package/dist/cjs/components/src/components/Organisms/Chat/MessageText.js

@@ -1,170 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MessageText = void 0;
-var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-var mobx_react_lite_1 = require("mobx-react-lite");
-var classnames_1 = __importDefault(require("classnames"));
-var ResultsDisplay_1 = require("./ResultsDisplay");
-var marked_1 = require("marked");
-var __1 = require("../../..");
-var utilities_1 = require("../../../utilities");
-var Button_1 = require("../../Atoms/Button");
-var defaultStyles = function () {
-    return (0, __1.css)({
-        display: 'flex',
-        flexDirection: 'column',
-        justifyContent: 'flex-start',
-        gap: '5px',
-        background: '#fff',
-        padding: '1em',
-        borderRadius: '1em',
-        borderBottomLeftRadius: '3px',
-        '.ss__chat__message-text__text-wrapper': {
-            display: 'flex',
-            flexDirection: 'row',
-            justifyContent: 'flex-start',
-            alignItems: 'center',
-            gap: '8px',
-            '.ss__chat__message-text__text-wrapper__text': {
-                alignSelf: 'flex-end',
-            },
-            '.ss__chat__message-text__view-side-chat': {
-                marginLeft: 'auto',
-                flex: '0 0 auto',
-                width: '2em',
-                height: '2em',
-                padding: 0,
-                borderRadius: '50%',
-                border: '1px solid #253B80',
-                background: '#fff',
-                display: 'flex',
-                alignItems: 'center',
-                justifyContent: 'center',
-                cursor: 'pointer',
-                svg: {
-                    fill: '#253B80',
-                    stroke: '#253B80',
-                },
-                '&.ss__chat__message-text__view-side-chat--active': {
-                    background: '#253B80',
-                    svg: {
-                        fill: '#fff',
-                        stroke: '#fff',
-                    },
-                },
-            },
-        },
-        '.ss__chat__message-text__show-details': {
-            alignSelf: 'flex-start',
-            border: '1px solid #253B80',
-            background: '#fff',
-            color: '#253B80',
-            borderRadius: '999px',
-            padding: '6px 16px',
-            fontSize: '14px',
-            fontWeight: 500,
-            cursor: 'pointer',
-            display: 'flex',
-            alignItems: 'center',
-            gap: '6px',
-            marginTop: '4px',
-            '&:not(.ss__button--disabled):hover': {
-                background: '#253B80',
-                color: '#fff',
-                svg: {
-                    fill: '#fff',
-                    stroke: '#fff',
-                },
-            },
-            svg: {
-                fill: '#253B80',
-                stroke: '#253B80',
-            },
-        },
-        '.ss__chat__message-text__results': {
-            marginTop: '12px',
-            '.swiper-container': {
-                alignItems: 'center',
-                gap: '5px',
-                '.swiper-wrapper': {},
-                '.swiper-scrollbar': {
-                    position: 'static',
-                    width: '95%',
-                    height: '6px',
-                    borderRadius: '6px',
-                    '.swiper-scrollbar-drag': {
-                        borderRadius: '6px',
-                    },
-                },
-                '.swiper-pagination-lock': {
-                    display: 'none !important',
-                },
-            },
-            '.ss__carousel__next-wrapper, .ss__carousel__prev-wrapper': {
-                svg: {
-                    fill: '#0066cc',
-                    stroke: '#0066cc',
-                },
-            },
-        },
-        '.ss__chat__message-text__facets': {
-            display: 'flex',
-            flexWrap: 'wrap',
-            gap: '10px',
-            margin: '10px 0 0 0',
-            '.ss__chat__message-text__facets__facet': {
-                display: 'flex',
-                gap: '5px',
-                alignItems: 'baseline',
-                label: {
-                    fontWeight: 'bold',
-                },
-            },
-        },
-    });
-};
-exports.MessageText = (0, mobx_react_lite_1.observer)(function (props) {
-    var _a, _b;
-    var controller = props.controller, chatItem = props.chatItem, scrollToBottom = props.scrollToBottom, onViewProduct = props.onViewProduct, showDetailsButton = props.showDetailsButton;
-    var styling = (0, utilities_1.mergeStyles)(props, defaultStyles);
-    var text = chatItem.overallSummary || chatItem.text || ((_a = chatItem.comparisonData) === null || _a === void 0 ? void 0 : _a.summary) || chatItem.errorMessage || chatItem.messageForDrift || '';
-    var currentChat = controller.store.currentChat;
-    var sideChatLabels = {
-        inspirationResult: { open: 'View inspiration', close: 'Close inspiration' },
-        productComparison: { open: 'View comparison', close: 'Close comparison' },
-    };
-    var sideChatLabel = sideChatLabels[chatItem === null || chatItem === void 0 ? void 0 : chatItem.messageType];
-    var hasSideChatView = !!sideChatLabel && !!(chatItem === null || chatItem === void 0 ? void 0 : chatItem.id);
-    var isSideChatActive = hasSideChatView && !!props.sideChatOpen && ((_b = currentChat === null || currentChat === void 0 ? void 0 : currentChat.activeMessage) === null || _b === void 0 ? void 0 : _b.id) === chatItem.id;
-    // Show the prominent "Show Details" button when requested (e.g. mobile subsequent comparisons)
-    var shouldShowDetailsButton = showDetailsButton && (chatItem === null || chatItem === void 0 ? void 0 : chatItem.messageType) === 'productComparison' && !isSideChatActive;
-    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: "ss__chat__message-text" }, styling, { children: [text && ((0, jsx_runtime_1.jsxs)("div", { className: "ss__chat__message-text__text-wrapper", children: [(0, jsx_runtime_1.jsx)("div", { className: "ss__chat__message-text__text-wrapper__text", dangerouslySetInnerHTML: { __html: marked_1.marked.parse(text) } }), hasSideChatView ? ((0, jsx_runtime_1.jsx)(Button_1.Button, { className: (0, classnames_1.default)('ss__chat__message-text__view-side-chat', {
-                            'ss__chat__message-text__view-side-chat--active': isSideChatActive,
-                        }), icon: {
-                            icon: isSideChatActive ? 'close-thin' : 'angle-right',
-                            title: isSideChatActive ? sideChatLabel.close : sideChatLabel.open,
-                        }, onClick: function () {
-                            if (isSideChatActive) {
-                                currentChat === null || currentChat === void 0 ? void 0 : currentChat.dismissSideChat();
-                            }
-                            else {
-                                currentChat === null || currentChat === void 0 ? void 0 : currentChat.setActiveMessage(chatItem.id);
-                            }
-                        } })) : null] })), shouldShowDetailsButton && ((0, jsx_runtime_1.jsx)(Button_1.Button, { className: "ss__chat__message-text__show-details", icon: { icon: 'angle-right', title: 'Show Details' }, onClick: function () {
-                    currentChat === null || currentChat === void 0 ? void 0 : currentChat.setActiveMessage(chatItem.id);
-                }, children: "Show Details" })), chatItem && (0, jsx_runtime_1.jsx)(ResultsDisplay_1.ResultsDisplay, { controller: controller, chatItem: chatItem, scrollToBottom: scrollToBottom, onViewProduct: onViewProduct })] })));
-});

package/dist/cjs/components/src/components/Organisms/Chat/MessageUser.d.ts

@@ -1,11 +0,0 @@
-import { ChatController } from '@athoscommerce/snap-controller';
-export declare const MessageUser: ((props: MessageUserProps) => import("@emotion/react/jsx-runtime").JSX.Element) & {
-    displayName: string;
-};
-interface MessageUserProps {
-    chatItem: any;
-    controller: ChatController;
-    onViewProduct?: (product: any) => void;
-}
-export {};
-//# sourceMappingURL=MessageUser.d.ts.map

package/dist/cjs/components/src/components/Organisms/Chat/MessageUser.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"MessageUser.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Organisms/Chat/MessageUser.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAuIhE,eAAO,MAAM,WAAW,WAAoB,gBAAgB;;CA2F1D,CAAC;AAEH,UAAU,gBAAgB;IACzB,QAAQ,EAAE,GAAG,CAAC;IACd,UAAU,EAAE,cAAc,CAAC;IAC3B,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,GAAG,KAAK,IAAI,CAAC;CACvC"}