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

package/dist/esm/components/src/components/Organisms/Chat/ResultsDisplay.js

@@ -1,78 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment } from "@emotion/react/jsx-runtime";
-import { observer } from 'mobx-react-lite';
-import { css } from '@emotion/react';
-import { Carousel } from '../../Molecules/Carousel';
-import { ChatResult } from './ChatResult';
-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 ResultsDisplay = observer((props) => {
-    const { chatItem, controller, scrollToBottom, onViewProduct } = 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);
-    // When all results fit, use a whole-number slidesPerView so the last slide
-    // isn't clipped to a fraction; otherwise keep the fractional value to hint
-    // at additional content beyond the viewport.
-    const resolveSlidesPerView = (count) => (count <= visibleSlides ? count : slidesPerView);
-    const buildCarouselProps = (count) => ({
-        breakpoints: undefined,
-        slidesPerView: resolveSlidesPerView(count),
-        slidesPerGroup: isNarrow || isConstrained ? 2 : 3,
-        loop: false,
-        pagination: false,
-        centerInsufficientSlides: false,
-        freeMode: true,
-        styleScript: carouselStyleScript,
-    });
-    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.viewProduct(result);
-        onViewProduct?.();
-    };
-    if (chatItem.messageType === 'productRecommendation' && chatItem.recommendationResult?.length) {
-        return (_jsx(_Fragment, { children: chatItem.recommendationResult.map((recommendation, index) => {
-                return recommendation.results?.length > 0 ? (_jsx("div", { className: "ss__chat__message-text__results", style: { width: '100%' }, children: _jsx(Carousel, { ...buildCarouselProps(recommendation.results.length), hideButtons: recommendation.results.length <= visibleSlides, children: recommendation.results.map((result) => {
-                            return (_jsx("div", { className: "ss__chat__message-text__results__result", style: { height: '100%', width: '100%', display: 'flex', cursor: 'pointer' }, onClick: (e) => handleResultClick(e, result), children: _jsx(ChatResult, { result: result, controller: controller, scrollToBottom: scrollToBottom }) }, result.id));
-                        }) }) }, index)) : null;
-            }) }));
-    }
-    return chatItem.results?.length > 0 ? (_jsx("div", { className: "ss__chat__message-text__results", style: { width: '100%' }, children: _jsx(Carousel, { ...buildCarouselProps(chatItem.results.length), hideButtons: chatItem.results.length <= visibleSlides, children: chatItem.results.map((result) => {
-                return (_jsx("div", { className: "ss__chat__message-text__results__result", style: { height: '100%', width: '100%', display: 'flex', cursor: 'pointer' }, onClick: (e) => handleResultClick(e, result), children: _jsx(ChatResult, { result: result, controller: controller, scrollToBottom: scrollToBottom }) }, result.id));
-            }) }) })) : null;
-});

package/dist/esm/components/src/components/Organisms/Chat/SuggestedQuestions.d.ts

@@ -1,12 +0,0 @@
-import { ChatController } from '@athoscommerce/snap-controller';
-import type { ChatResponseActionsData } from '@athoscommerce/snap-client/dist/cjs/Client/transforms/chatResponse';
-export declare const SuggestedQuestions: ((props: SuggestedQuestionsProps) => import("@emotion/react/jsx-runtime").JSX.Element | null) & {
-    displayName: string;
-};
-interface SuggestedQuestionsProps {
-    questions?: string[];
-    actions?: ChatResponseActionsData['actions'];
-    controller: ChatController;
-}
-export {};
-//# sourceMappingURL=SuggestedQuestions.d.ts.map

package/dist/esm/components/src/components/Organisms/Chat/SuggestedQuestions.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SuggestedQuestions.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Organisms/Chat/SuggestedQuestions.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAIhE,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,oEAAoE,CAAC;AA6ClH,eAAO,MAAM,kBAAkB,WAAoB,uBAAuB;;CA4BxE,CAAC;AAEH,UAAU,uBAAuB;IAChC,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC;IACrB,OAAO,CAAC,EAAE,uBAAuB,CAAC,SAAS,CAAC,CAAC;IAC7C,UAAU,EAAE,cAAc,CAAC;CAC3B"}

package/dist/esm/components/src/components/Organisms/Chat/SuggestedQuestions.js

@@ -1,58 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
-import { observer } from 'mobx-react-lite';
-import { Icon } from '../../Atoms/Icon';
-import { css } from '../../..';
-import { mergeStyles } from '../../../utilities';
-const defaultStyles = () => {
-    const colorPrimary = '#253B80';
-    return css({
-        display: 'flex',
-        flexDirection: 'column',
-        gap: '10px',
-        '.ss__chat__suggestions__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',
-            '&:hover': {
-                borderColor: '#ccc',
-                boxShadow: '0 2px 8px rgba(0, 0, 0, 0.08)',
-            },
-            '.ss__chat__suggestions__item__text': {
-                flex: 1,
-                fontWeight: 500,
-            },
-            '.ss__chat__suggestions__item__icon': {
-                width: '30px',
-                height: '30px',
-                background: colorPrimary,
-                display: 'flex',
-                alignItems: 'center',
-                justifyContent: 'center',
-                borderRadius: '50%',
-                svg: {
-                    fill: '#fff',
-                    stroke: '#fff',
-                },
-            },
-        },
-    });
-};
-export const SuggestedQuestions = observer((props) => {
-    const { controller, questions, actions } = props;
-    const styling = mergeStyles(props, defaultStyles);
-    const items = questions ?? actions?.map((action) => action.message) ?? [];
-    if (items.length === 0) {
-        return null;
-    }
-    return (_jsx("div", { className: "ss__chat__suggestions", ...styling, children: items.map((item, index) => (_jsxs("div", { className: "ss__chat__suggestions__item", onClick: () => {
-                controller.openChat(item);
-            }, children: [_jsx("span", { className: "ss__chat__suggestions__item__text", children: item }), _jsx("span", { className: "ss__chat__suggestions__item__icon", children: _jsx(Icon, { icon: "chat" }) })] }, index))) }));
-});

package/dist/esm/components/src/components/Organisms/Chat/index.d.ts

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

package/dist/esm/components/src/components/Organisms/Chat/index.d.ts.map

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

package/dist/esm/components/src/components/Organisms/Chat/index.js

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

package/dist/esm/src/Templates/Stores/library/components/Chat.d.ts

@@ -1,2 +0,0 @@
-export { Chat } from '../../../../../components/src/components/Organisms/Chat';
-//# sourceMappingURL=Chat.d.ts.map

package/dist/esm/src/Templates/Stores/library/components/Chat.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Chat.d.ts","sourceRoot":"","sources":["../../../../../../../src/Templates/Stores/library/components/Chat.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,yDAAyD,CAAC"}

package/dist/esm/src/Templates/Stores/library/components/Chat.js

@@ -1 +0,0 @@
-export { Chat } from '../../../../../components/src/components/Organisms/Chat';

package/dist/esm/src/create/createChatController.d.ts

@@ -1,5 +0,0 @@
-import { ChatController } from '@athoscommerce/snap-controller';
-import type { SnapControllerServices, SnapChatControllerConfig } from '../types';
-declare const _default: (config: SnapChatControllerConfig, services?: SnapControllerServices) => ChatController;
-export default _default;
-//# sourceMappingURL=createChatController.d.ts.map

package/dist/esm/src/create/createChatController.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"createChatController.d.ts","sourceRoot":"","sources":["../../../../src/create/createChatController.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAShE,OAAO,KAAK,EAAE,sBAAsB,EAAE,wBAAwB,EAAE,MAAM,UAAU,CAAC;iCAEzD,wBAAwB,aAAa,sBAAsB,KAAG,cAAc;AAApG,wBA4BE"}

package/dist/esm/src/create/createChatController.js

@@ -1,29 +0,0 @@
-import { ChatController } from '@athoscommerce/snap-controller';
-import { Client } from '@athoscommerce/snap-client';
-import { ChatStore } from '@athoscommerce/snap-store-mobx';
-import { UrlManager, UrlTranslator, reactLinker } from '@athoscommerce/snap-url-manager';
-import { EventManager } from '@athoscommerce/snap-event-manager';
-import { Profiler } from '@athoscommerce/snap-profiler';
-import { Logger } from '@athoscommerce/snap-logger';
-import { Tracker } from '@athoscommerce/snap-tracker';
-export default (config, services) => {
-    const urlManager = services?.urlManager || new UrlManager(new UrlTranslator(config.url), reactLinker);
-    // set client mode
-    if (config.mode && config.client) {
-        config.client.config = config.client.config || {};
-        config.client.config.mode = config.mode;
-    }
-    const client = services?.client || new Client(config.client.globals, config.client.config);
-    // @ts-ignore - globals is private on Client
-    const siteId = config.client?.globals?.siteId || client.globals?.siteId;
-    const cntrlr = new ChatController(config.controller, {
-        client,
-        store: services?.store || new ChatStore({ ...config.controller, siteId }),
-        urlManager,
-        eventManager: services?.eventManager || new EventManager(),
-        profiler: services?.profiler || new Profiler(),
-        logger: services?.logger || new Logger({ mode: config.mode }),
-        tracker: services?.tracker || new Tracker(config.client.globals),
-    }, config.context);
-    return cntrlr;
-};