@athoscommerce/snap-preact 1.5.1-beta.116 → 1.6.0

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

@@ -1,189 +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.ChatResult = void 0;
-var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-var mobx_react_lite_1 = require("mobx-react-lite");
-var react_1 = require("@emotion/react");
-var classnames_1 = __importDefault(require("classnames"));
-var providers_1 = require("../../../providers");
-var utilities_1 = require("../../../utilities");
-var Image_1 = require("../../Atoms/Image");
-var Button_1 = require("../../Atoms/Button");
-var __1 = require("../../..");
-var hooks_1 = require("../../../hooks");
-var defaultStyles = function () {
-    return (0, react_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',
-                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',
-            },
-        },
-    });
-};
-exports.ChatResult = (0, providers_1.withTracking)((0, mobx_react_lite_1.observer)(function (properties) {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
-    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, disableStyles = props.disableStyles, className = props.className, internalClassName = props.internalClassName, treePath = props.treePath;
-    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: {
-            disableStyles: disableStyles,
-            theme: props.theme,
-            treePath: treePath,
-        },
-        image: {
-            lazy: false,
-            onLoad: scrollToBottom,
-            disableStyles: disableStyles,
-            theme: props.theme,
-            treePath: treePath,
-        },
-    };
-    var styling = (0, utilities_1.mergeStyles)(props, defaultStyles);
-    return ((0, jsx_runtime_1.jsx)(providers_1.CacheProvider, { children: (0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)('ss__chat-result', className, internalClassName), 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({}, subProps.image, { 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) || ((_f = result.display.mappings.core) === null || _f === void 0 ? void 0 : _f.parentImageUrl) || '' })) }), (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, __assign({}, subProps.button, { className: 'ss__chat-result__image__buttons__similar', content: 'Similar', "aria-label": "Show similar to ".concat(((_g = result.display.mappings.core) === null || _g === void 0 ? void 0 : _g.name) || 'product'), onClick: function () {
-                                        controller.productSimilar(result);
-                                    } }))), (0, jsx_runtime_1.jsx)(Button_1.Button, __assign({}, 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
-                                        ? "".concat(((_h = result.display.mappings.core) === null || _h === void 0 ? void 0 : _h.name) || 'Product', " added to comparison")
-                                        : "Compare ".concat(((_j = result.display.mappings.core) === null || _j === void 0 ? void 0 : _j.name) || 'product'), "aria-pressed": isInComparison, 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, __assign({}, subProps.button, { className: 'ss__chat-result__image__icons__icon--inquire', icon: { icon: 'chat', title: 'Discuss Product' }, "aria-label": "Discuss ".concat(((_k = result.display.mappings.core) === null || _k === void 0 ? void 0 : _k.name) || 'product'), onClick: function () {
-                                        controller.productQuery(result);
-                                    } })), (0, jsx_runtime_1.jsx)(Button_1.Button, __assign({}, subProps.button, { className: 'ss__chat-result__image__icons__icon--cart', icon: { icon: 'cart', title: isConfigurable ? 'Configure' : 'Add to Cart' }, "aria-label": isConfigurable
-                                        ? "Configure ".concat(((_l = result.display.mappings.core) === null || _l === void 0 ? void 0 : _l.name) || 'product')
-                                        : "Add ".concat(((_m = result.display.mappings.core) === null || _m === void 0 ? void 0 : _m.name) || 'product', " 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.productQuickView(result);
-                                            return;
-                                        }
-                                        controller.track.product.addToCart(result);
-                                        controller.addToCart(result);
-                                    } }))] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "ss__chat-result__content", children: [((_o = result.display.mappings.core) === null || _o === void 0 ? void 0 : _o.name) && ((0, jsx_runtime_1.jsx)("div", { className: "ss__chat-result__content__title--primary", children: (_p = result.display.mappings.core) === null || _p === void 0 ? void 0 : _p.name })), ((_q = result.display.mappings.core) === null || _q === void 0 ? void 0 : _q.price) && ((0, jsx_runtime_1.jsx)("div", { className: "ss__chat-result__content__price", children: (0, jsx_runtime_1.jsx)(__1.Price, { value: (_r = result.display.mappings.core) === null || _r === void 0 ? void 0 : _r.price }) })), (0, jsx_runtime_1.jsx)(__1.CalloutBadge, { controller: controller, result: result })] })] })) }));
-}));

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

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

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

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

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

@@ -1,17 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./ChatResult"), exports);

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

@@ -1,12 +0,0 @@
-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/cjs/components/src/components/Molecules/ChatResultsDisplay/ChatResultsDisplay.d.ts.map

@@ -1 +0,0 @@
-{"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/cjs/components/src/components/Molecules/ChatResultsDisplay/ChatResultsDisplay.js

@@ -1,133 +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.ChatResultsDisplay = void 0;
-var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-var mobx_react_lite_1 = require("mobx-react-lite");
-var react_1 = require("@emotion/react");
-var classnames_1 = __importDefault(require("classnames"));
-var providers_1 = require("../../../providers");
-var utilities_1 = require("../../../utilities");
-var Carousel_1 = require("../Carousel");
-var ChatResult_1 = require("../ChatResult");
-var defaultStyles = function () {
-    return (0, react_1.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',
-            },
-        },
-    });
-};
-var carouselStyleScript = function () {
-    return (0, react_1.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,
-        },
-    });
-};
-exports.ChatResultsDisplay = (0, mobx_react_lite_1.observer)(function (properties) {
-    var _a, _b;
-    var globalTheme = (0, providers_1.useTheme)();
-    var globalTreePath = (0, providers_1.useTreePath)();
-    var defaultProps = {
-        treePath: globalTreePath,
-    };
-    var props = (0, utilities_1.mergeProps)('chatResultsDisplay', globalTheme, defaultProps, properties);
-    var chatItem = props.chatItem, controller = props.controller, scrollToBottom = props.scrollToBottom, onProductQuickView = props.onProductQuickView, disableStyles = props.disableStyles, className = props.className, internalClassName = props.internalClassName, treePath = props.treePath;
-    var currentChat = controller.store.currentChat;
-    var activeMessage = currentChat === null || currentChat === void 0 ? void 0 : currentChat.activeMessage;
-    var isSideChatOpen = !!activeMessage &&
-        ['inspirationResult', 'productComparison', 'productQuery'].includes(activeMessage.messageType) &&
-        (currentChat === null || currentChat === void 0 ? void 0 : currentChat.dismissedSideChatMessageId) !== activeMessage.id;
-    var 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
-    var isConstrained = !isNarrow && isSideChatOpen && typeof window !== 'undefined' && window.innerWidth >= 768 && window.innerWidth <= 1200;
-    var slidesPerView = isNarrow || isConstrained ? 1.9 : 2.9;
-    var visibleSlides = Math.ceil(slidesPerView);
-    var subProps = {
-        carousel: {
-            disableStyles: disableStyles,
-            theme: props.theme,
-            treePath: treePath,
-            breakpoints: undefined,
-            slidesPerView: slidesPerView,
-            slidesPerGroup: isNarrow || isConstrained ? 2 : 3,
-            loop: false,
-            pagination: false,
-            centerInsufficientSlides: false,
-            freeMode: true,
-            styleScript: carouselStyleScript,
-        },
-        chatResult: {
-            disableStyles: disableStyles,
-            theme: props.theme,
-            treePath: treePath,
-        },
-    };
-    var styling = (0, utilities_1.mergeStyles)(props, defaultStyles);
-    var handleResultClick = function (e, result) {
-        // buttons should be able to be clicked without triggering the product click
-        if (e.composedPath().some(function (el) { return el instanceof HTMLElement && el.matches('button, .ss__button, a'); }))
-            return;
-        controller.track.product.click(e, result);
-        controller.productQuickView(result);
-        onProductQuickView === null || onProductQuickView === void 0 ? void 0 : onProductQuickView();
-    };
-    var handleResultKeyDown = function (e, result) {
-        if (e.key === 'Enter' || e.key === ' ') {
-            e.preventDefault();
-            controller.productQuickView(result);
-            onProductQuickView === null || onProductQuickView === void 0 ? void 0 : onProductQuickView();
-        }
-    };
-    var renderCarousel = function (results, key) { return ((0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)('ss__chat-results-display', className, internalClassName) }, styling, { children: (0, jsx_runtime_1.jsx)(Carousel_1.Carousel, __assign({}, subProps.carousel, { hideButtons: results.length <= visibleSlides, children: results.map(function (result) {
-                var _a, _b, _c;
-                return ((0, jsx_runtime_1.jsx)("div", { className: "ss__chat-results-display__result", role: "button", tabIndex: 0, "aria-label": "Open ".concat(((_c = (_b = (_a = result === null || result === void 0 ? void 0 : result.display) === null || _a === void 0 ? void 0 : _a.mappings) === null || _b === void 0 ? void 0 : _b.core) === null || _c === void 0 ? void 0 : _c.name) || 'product'), onClick: function (e) { return handleResultClick(e, result); }, onKeyDown: function (e) { return handleResultKeyDown(e, result); }, children: (0, jsx_runtime_1.jsx)(ChatResult_1.ChatResult, __assign({}, subProps.chatResult, { result: result, controller: controller, scrollToBottom: scrollToBottom })) }, result.id));
-            }) })) }), key)); };
-    if (chatItem.messageType === 'productRecommendation' && ((_a = chatItem.recommendationResult) === null || _a === void 0 ? void 0 : _a.length)) {
-        return ((0, jsx_runtime_1.jsx)(providers_1.CacheProvider, { children: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: chatItem.recommendationResult.map(function (recommendation, index) { var _a; return ((_a = recommendation.results) === null || _a === void 0 ? void 0 : _a.length) > 0 ? renderCarousel(recommendation.results, index) : null; }) }) }));
-    }
-    return ((_b = chatItem.results) === null || _b === void 0 ? void 0 : _b.length) > 0 ? (0, jsx_runtime_1.jsx)(providers_1.CacheProvider, { children: renderCarousel(chatItem.results) }) : null;
-});

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

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

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

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

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

@@ -1,17 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./ChatResultsDisplay"), exports);

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

@@ -1,15 +0,0 @@
-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/cjs/components/src/components/Molecules/ChatSuggestedQuestions/ChatSuggestedQuestions.d.ts.map

@@ -1 +0,0 @@
-{"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/cjs/components/src/components/Molecules/ChatSuggestedQuestions/ChatSuggestedQuestions.js

@@ -1,99 +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.ChatSuggestedQuestions = void 0;
-var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-var mobx_react_lite_1 = require("mobx-react-lite");
-var react_1 = require("@emotion/react");
-var classnames_1 = __importDefault(require("classnames"));
-var providers_1 = require("../../../providers");
-var utilities_1 = require("../../../utilities");
-var Icon_1 = require("../../Atoms/Icon");
-var defaultStyles = function (_a) {
-    var primaryColor = _a.primaryColor;
-    var colorPrimary = primaryColor || '#253B80';
-    return (0, react_1.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 ".concat(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',
-                },
-            },
-        },
-    });
-};
-exports.ChatSuggestedQuestions = (0, mobx_react_lite_1.observer)(function (properties) {
-    var _a;
-    var globalTheme = (0, providers_1.useTheme)();
-    var globalTreePath = (0, providers_1.useTreePath)();
-    var defaultProps = {
-        treePath: globalTreePath,
-    };
-    var props = (0, utilities_1.mergeProps)('chatSuggestedQuestions', globalTheme, defaultProps, properties);
-    var controller = props.controller, questions = props.questions, actions = props.actions, disableStyles = props.disableStyles, className = props.className, internalClassName = props.internalClassName, treePath = props.treePath;
-    var items = (_a = questions !== null && questions !== void 0 ? questions : actions === null || actions === void 0 ? void 0 : actions.map(function (action) { return action.message; })) !== null && _a !== void 0 ? _a : [];
-    if (items.length === 0) {
-        return null;
-    }
-    var subProps = {
-        icon: {
-            disableStyles: disableStyles,
-            theme: props.theme,
-            treePath: treePath,
-        },
-    };
-    var styling = (0, utilities_1.mergeStyles)(props, defaultStyles);
-    return ((0, jsx_runtime_1.jsx)(providers_1.CacheProvider, { children: (0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)('ss__chat-suggested-questions', className, internalClassName) }, styling, { children: items.map(function (item, index) { return ((0, jsx_runtime_1.jsxs)("button", { type: "button", className: "ss__chat-suggested-questions__item", "aria-label": item, onClick: function () {
-                    controller.openChat(item);
-                }, children: [(0, jsx_runtime_1.jsx)("span", { className: "ss__chat-suggested-questions__item__text", children: item }), (0, jsx_runtime_1.jsx)("span", { className: "ss__chat-suggested-questions__item__icon", "aria-hidden": "true", children: (0, jsx_runtime_1.jsx)(Icon_1.Icon, __assign({}, subProps.icon, { icon: "chat" })) })] }, index)); }) })) }));
-});

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

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

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

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

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

@@ -1,17 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./ChatSuggestedQuestions"), exports);

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

@@ -1,27 +0,0 @@
-import { ComponentProps } from '../../../types';
-import type { ChatController } from '@athoscommerce/snap-controller';
-export declare const ChatOrganism: ((properties: ChatOrganismProps) => JSX.Element) & {
-    displayName: string;
-};
-export type ChatOrganismProps = {
-    controller: ChatController;
-    lang?: Partial<ChatLang>;
-} & ChatTemplatesLegalProps & ComponentProps<ChatOrganismProps>;
-export type ChatTemplatesLegalProps = {
-    logo?: string;
-    title?: string;
-    subtitle?: string;
-    offset?: string | number;
-    multiselectFacets?: boolean;
-    disableBubbleSuggestedQuestions?: boolean;
-    position?: 'left' | 'right';
-    primaryColorBg?: string;
-    primaryColorFg?: string;
-    primaryAccentColorBg?: string;
-    primaryAccentColorFg?: string;
-    secondaryAccentColorBg?: string;
-    secondaryAccentColorFg?: string;
-};
-export interface ChatLang {
-}
-//# sourceMappingURL=Chat.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Chat.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Organisms/Chat/Chat.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAKhD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AA6BrE,eAAO,MAAM,YAAY,gBAAyB,iBAAiB,KAAG,GAAG,CAAC,OAAO;;CAkmD/E,CAAC;AAEH,MAAM,MAAM,iBAAiB,GAAG;IAC/B,UAAU,EAAE,cAAc,CAAC;IAC3B,IAAI,CAAC,EAAE,OAAO,CAAC,QAAQ,CAAC,CAAC;CACzB,GAAG,uBAAuB,GAC1B,cAAc,CAAC,iBAAiB,CAAC,CAAC;AAEnC,MAAM,MAAM,uBAAuB,GAAG;IACrC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,+BAA+B,CAAC,EAAE,OAAO,CAAC;IAC1C,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC5B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,sBAAsB,CAAC,EAAE,MAAM,CAAC;CAChC,CAAC;AAEF,MAAM,WAAW,QAAQ;CAExB"}