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

package/dist/esm/components/src/components/Organisms/Chat/hooks/useChatOverflow.d.ts

@@ -1,43 +0,0 @@
-import type { RefObject } from 'preact';
-export type UseChatOverflowOptions = {
-    messagesContainerRef: RefObject<HTMLDivElement>;
-    headerRef: RefObject<HTMLDivElement>;
-    /**
-     * Whether the chat panel is open. State resets on toggle.
-     */
-    open: boolean;
-    /**
-     * Whether the controller is currently loading. Triggers a scroll-to-bottom when it flips on.
-     */
-    loading: boolean;
-    /**
-     * Length of the visible chat. Drives the new-message popup + auto-scroll behavior.
-     */
-    visibleChatLength: number;
-    /**
-     * The last visible message — needed to differentiate auto-scroll for user vs assistant messages.
-     */
-    lastVisibleMessage: {
-        messageType?: string;
-    } | undefined;
-};
-export type UseChatOverflowResult = {
-    /** True when there are messages off-screen below the current scroll position. */
-    showNewMessages: boolean;
-    /** Imperative dismiss for the "New messages" popup. */
-    setShowNewMessages: (value: boolean) => void;
-    /** True when the messages container is overflowing (used to switch comparison tray between in-flow and overlay). */
-    messagesOverflow: boolean;
-    /** Live ref tracking whether the user is currently near the bottom. */
-    /** Imperatively scroll the messages container to the bottom (smooth). */
-    scrollToBottom: () => void;
-    /** Conditional scroll: only scrolls if the user is already near the bottom. */
-    scrollToBottomIfNear: () => void;
-};
-/**
- * Manages the auto-scroll, "new message" indicator, and overflow detection for the
- * chat message list. Owns all scroll listeners and ResizeObservers so the host
- * component just consumes the derived state.
- */
-export declare const useChatOverflow: ({ messagesContainerRef, headerRef, open, loading, visibleChatLength, lastVisibleMessage, }: UseChatOverflowOptions) => UseChatOverflowResult;
-//# sourceMappingURL=useChatOverflow.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"useChatOverflow.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/components/Organisms/Chat/hooks/useChatOverflow.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAExC,MAAM,MAAM,sBAAsB,GAAG;IACpC,oBAAoB,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;IAChD,SAAS,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;IACrC;;OAEG;IACH,IAAI,EAAE,OAAO,CAAC;IACd;;OAEG;IACH,OAAO,EAAE,OAAO,CAAC;IACjB;;OAEG;IACH,iBAAiB,EAAE,MAAM,CAAC;IAC1B;;OAEG;IACH,kBAAkB,EAAE;QAAE,WAAW,CAAC,EAAE,MAAM,CAAA;KAAE,GAAG,SAAS,CAAC;CACzD,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG;IACnC,iFAAiF;IACjF,eAAe,EAAE,OAAO,CAAC;IACzB,uDAAuD;IACvD,kBAAkB,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C,oHAAoH;IACpH,gBAAgB,EAAE,OAAO,CAAC;IAC1B,uEAAuE;IACvE,yEAAyE;IACzE,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,+EAA+E;IAC/E,oBAAoB,EAAE,MAAM,IAAI,CAAC;CACjC,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,eAAe,+FAOzB,sBAAsB,KAAG,qBAwG3B,CAAC"}

package/dist/esm/components/src/components/Organisms/Chat/hooks/useChatOverflow.js

@@ -1,109 +0,0 @@
-import { useEffect, useRef, useState } from 'preact/hooks';
-/**
- * Manages the auto-scroll, "new message" indicator, and overflow detection for the
- * chat message list. Owns all scroll listeners and ResizeObservers so the host
- * component just consumes the derived state.
- */
-export const useChatOverflow = ({ messagesContainerRef, headerRef, open, loading, visibleChatLength, lastVisibleMessage, }) => {
-    const [showNewMessages, setShowNewMessages] = useState(false);
-    const [messagesOverflow, setMessagesOverflow] = useState(false);
-    const isNearBottomRef = useRef(true);
-    const scrollToBottom = () => {
-        // Scroll the messages container directly (instead of scrollIntoView on the
-        // bottom anchor) so the browser never walks up the ancestor chain. On small
-        // viewports a smooth scrollIntoView could otherwise animate the document /
-        // visual viewport and visually push the fixed-position chat off-screen.
-        const container = messagesContainerRef.current;
-        if (container) {
-            container.scrollTo({ top: container.scrollHeight, behavior: 'smooth' });
-        }
-    };
-    // Conditional scroll: only scrolls if the user is already near the bottom.
-    const scrollToBottomIfNear = () => {
-        if (isNearBottomRef.current) {
-            scrollToBottom();
-        }
-    };
-    // Scroll to bottom when chat opens
-    useEffect(() => {
-        if (open) {
-            scrollToBottom();
-            setShowNewMessages(false);
-            isNearBottomRef.current = true;
-        }
-    }, [open]);
-    // Handle new messages — auto-scroll for user messages, show popup for response messages when scrolled up
-    useEffect(() => {
-        if (!open || !lastVisibleMessage)
-            return;
-        if (lastVisibleMessage.messageType === 'user') {
-            scrollToBottom();
-            setShowNewMessages(false);
-        }
-        else if (isNearBottomRef.current) {
-            scrollToBottom();
-            setShowNewMessages(false);
-        }
-        else {
-            setShowNewMessages(true);
-        }
-    }, [visibleChatLength]);
-    // Scroll to show loading indicator when user sends a message
-    useEffect(() => {
-        if (open && loading) {
-            scrollToBottom();
-        }
-    }, [loading]);
-    // Track scroll position to dismiss the "New messages" popup when user scrolls to bottom
-    useEffect(() => {
-        const container = messagesContainerRef.current;
-        if (!container)
-            return;
-        const handleScroll = () => {
-            const threshold = 100;
-            const isNearBottom = container.scrollHeight - container.scrollTop - container.clientHeight < threshold;
-            isNearBottomRef.current = isNearBottom;
-            if (isNearBottom) {
-                setShowNewMessages(false);
-            }
-        };
-        container.addEventListener('scroll', handleScroll);
-        return () => container.removeEventListener('scroll', handleScroll);
-    }, [open]);
-    // Track whether the messages container is overflowing so the comparisons header
-    // can switch between in-flow (short conversations — top content stays reachable)
-    // and overlay (overflowing — avoid layout shift when toggling the tray).
-    // Hysteresis: when already in overlay, only return to in-flow if the content
-    // would still fit *with* the header re-inserted — otherwise the two states
-    // fight each other and the layout flickers.
-    useEffect(() => {
-        const container = messagesContainerRef.current;
-        if (!container || typeof ResizeObserver === 'undefined')
-            return;
-        const update = () => {
-            setMessagesOverflow((prev) => {
-                const headerHeight = headerRef.current?.offsetHeight || 0;
-                if (prev) {
-                    // Currently overlay: header isn't taking flow space. Only switch
-                    // back to in-flow if the content would fit with the header added.
-                    return container.scrollHeight > container.clientHeight - headerHeight + 1;
-                }
-                // Currently in-flow: header already takes space — straightforward check.
-                return container.scrollHeight > container.clientHeight + 1;
-            });
-        };
-        update();
-        const observer = new ResizeObserver(update);
-        observer.observe(container);
-        if (headerRef.current)
-            observer.observe(headerRef.current);
-        return () => observer.disconnect();
-    }, [open, visibleChatLength]);
-    return {
-        showNewMessages,
-        setShowNewMessages,
-        messagesOverflow,
-        scrollToBottom,
-        scrollToBottomIfNear,
-    };
-};

package/dist/esm/components/src/components/Organisms/Chat/hooks/useChatScrollLock.d.ts

@@ -1,26 +0,0 @@
-import type { RefObject } from 'preact';
-export type UseChatScrollLockOptions = {
-    /** Whether the chat panel is open — the lock is only active while open. */
-    open: boolean;
-    /** Ref to the chat root element — touches outside it are always blocked. */
-    chatRef: RefObject<HTMLDivElement>;
-};
-/**
- * Prevents the background page from scrolling while the chat is open.
- *
- * Locks body overflow for wheel/keyboard scrolling, and installs a `touchmove`
- * handler for touch devices. iOS Safari (real iPad/iPhone) rubber-band-scrolls
- * the body when a touchmove inside `.ss__chat__messages` reaches the top/bottom —
- * and `overscroll-behavior: contain` is ignored there.
- *
- * We don't reposition the body (locking via `position: fixed` on `<body>` leaves
- * iPad Safari in a stuck viewport state where the page can't scroll after the
- * lock is released). Instead the `touchmove` handler:
- *   - allows the touchmove if it's inside a scrollable region of the chat
- *     and that region isn't at its scroll edge in the swipe direction;
- *   - calls `preventDefault()` otherwise — which is what blocks both
- *     background scrolling and iOS rubber-band overscroll.
- * Cleanup just removes the listeners, so nothing can leak into the page.
- */
-export declare const useChatScrollLock: ({ open, chatRef }: UseChatScrollLockOptions) => void;
-//# sourceMappingURL=useChatScrollLock.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"useChatScrollLock.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/components/Organisms/Chat/hooks/useChatScrollLock.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAExC,MAAM,MAAM,wBAAwB,GAAG;IACtC,2EAA2E;IAC3E,IAAI,EAAE,OAAO,CAAC;IACd,4EAA4E;IAC5E,OAAO,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;CACnC,CAAC;AAEF;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,iBAAiB,sBAAuB,wBAAwB,KAAG,IAyG/E,CAAC"}

package/dist/esm/components/src/components/Organisms/Chat/hooks/useChatScrollLock.js

@@ -1,131 +0,0 @@
-import { useEffect } from 'preact/hooks';
-/**
- * Prevents the background page from scrolling while the chat is open.
- *
- * Locks body overflow for wheel/keyboard scrolling, and installs a `touchmove`
- * handler for touch devices. iOS Safari (real iPad/iPhone) rubber-band-scrolls
- * the body when a touchmove inside `.ss__chat__messages` reaches the top/bottom —
- * and `overscroll-behavior: contain` is ignored there.
- *
- * We don't reposition the body (locking via `position: fixed` on `<body>` leaves
- * iPad Safari in a stuck viewport state where the page can't scroll after the
- * lock is released). Instead the `touchmove` handler:
- *   - allows the touchmove if it's inside a scrollable region of the chat
- *     and that region isn't at its scroll edge in the swipe direction;
- *   - calls `preventDefault()` otherwise — which is what blocks both
- *     background scrolling and iOS rubber-band overscroll.
- * Cleanup just removes the listeners, so nothing can leak into the page.
- */
-export const useChatScrollLock = ({ open, chatRef }) => {
-    // Lock body scroll while chat is open so touch/wheel scrolls don't leak to the page behind
-    useEffect(() => {
-        if (!open)
-            return;
-        const body = document.body;
-        const previousOverflow = body.style.overflow;
-        const previousOverscroll = body.style.overscrollBehavior;
-        body.style.overflow = 'hidden';
-        body.style.overscrollBehavior = 'contain';
-        return () => {
-            body.style.overflow = previousOverflow;
-            body.style.overscrollBehavior = previousOverscroll;
-        };
-    }, [open]);
-    useEffect(() => {
-        if (!open)
-            return;
-        if (typeof document === 'undefined')
-            return;
-        let startX = 0;
-        let startY = 0;
-        let scrollEl = null;
-        // Walk up from the touch target to find the first ancestor inside the chat
-        // that is actually scrollable in either axis. Stop at the chat root so we
-        // never consider elements outside the chat.
-        const findScrollableInChat = (start) => {
-            const chatRoot = chatRef.current;
-            if (!chatRoot)
-                return null;
-            let el = start;
-            while (el && chatRoot.contains(el)) {
-                const style = getComputedStyle(el);
-                const scrollableY = (style.overflowY === 'auto' || style.overflowY === 'scroll') && el.scrollHeight > el.clientHeight;
-                const scrollableX = (style.overflowX === 'auto' || style.overflowX === 'scroll') && el.scrollWidth > el.clientWidth;
-                if (scrollableY || scrollableX) {
-                    return el;
-                }
-                if (el === chatRoot)
-                    break;
-                el = el.parentElement;
-            }
-            return null;
-        };
-        const onTouchStart = (e) => {
-            if (!e.touches[0])
-                return;
-            startX = e.touches[0].clientX;
-            startY = e.touches[0].clientY;
-            scrollEl = findScrollableInChat(e.target);
-        };
-        const onTouchMove = (e) => {
-            const target = e.target;
-            const chatRoot = chatRef.current;
-            const inChat = !!(chatRoot && target && chatRoot.contains(target));
-            // Touches outside the chat shouldn't scroll the background.
-            if (!inChat) {
-                if (e.cancelable)
-                    e.preventDefault();
-                return;
-            }
-            // Inside the chat but no scrollable container — block to prevent body scroll.
-            if (!scrollEl) {
-                if (e.cancelable)
-                    e.preventDefault();
-                return;
-            }
-            // Inside a scrollable container — only block when at the edge in the
-            // swipe direction, so internal scrolling continues to work. Detect the
-            // dominant axis so horizontally-scrollable rows (e.g. the facets row)
-            // also get to handle their own touch gestures.
-            const currentX = e.touches[0]?.clientX ?? startX;
-            const currentY = e.touches[0]?.clientY ?? startY;
-            const deltaX = currentX - startX;
-            const deltaY = currentY - startY;
-            const horizontal = Math.abs(deltaX) > Math.abs(deltaY);
-            if (horizontal) {
-                const scrollsX = scrollEl.scrollWidth > scrollEl.clientWidth;
-                if (!scrollsX) {
-                    if (e.cancelable)
-                        e.preventDefault();
-                    return;
-                }
-                const atLeft = scrollEl.scrollLeft <= 0;
-                const atRight = scrollEl.scrollLeft + scrollEl.clientWidth >= scrollEl.scrollWidth - 1;
-                if ((atLeft && deltaX > 0) || (atRight && deltaX < 0)) {
-                    if (e.cancelable)
-                        e.preventDefault();
-                }
-            }
-            else {
-                const scrollsY = scrollEl.scrollHeight > scrollEl.clientHeight;
-                if (!scrollsY) {
-                    if (e.cancelable)
-                        e.preventDefault();
-                    return;
-                }
-                const atTop = scrollEl.scrollTop <= 0;
-                const atBottom = scrollEl.scrollTop + scrollEl.clientHeight >= scrollEl.scrollHeight - 1;
-                if ((atTop && deltaY > 0) || (atBottom && deltaY < 0)) {
-                    if (e.cancelable)
-                        e.preventDefault();
-                }
-            }
-        };
-        document.addEventListener('touchstart', onTouchStart, { passive: true });
-        document.addEventListener('touchmove', onTouchMove, { passive: false });
-        return () => {
-            document.removeEventListener('touchstart', onTouchStart);
-            document.removeEventListener('touchmove', onTouchMove);
-        };
-    }, [open]);
-};

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

@@ -1,3 +0,0 @@
-export * from './Chat';
-export * from './Chat.lang';
-//# 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;AACvB,cAAc,aAAa,CAAC"}

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

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

package/dist/esm/components/src/components/Organisms/ChatButton/ChatButton.d.ts

@@ -1,18 +0,0 @@
-import { h, ComponentChildren } from 'preact';
-import type { ChatController } from '@athoscommerce/snap-controller';
-import { ComponentProps } from '../../../types';
-import { IconProps, IconType } from '../../Atoms/Icon';
-import { ChatButtonLang } from './ChatButton.lang';
-export declare const ChatButtonOrganism: ((properties: ChatButtonOrganismProps) => import("@emotion/react/jsx-runtime").JSX.Element | h.JSX.Element | null) & {
-    displayName: string;
-};
-export type ChatButtonOrganismProps = {
-    controller: ChatController;
-    lang?: Partial<ChatButtonLang>;
-    content?: string | JSX.Element;
-} & ChatButtonTemplatesLegalProps & ComponentProps<ChatButtonOrganismProps>;
-export type ChatButtonTemplatesLegalProps = {
-    icon?: IconType | Partial<IconProps> | boolean;
-    children?: ComponentChildren;
-};
-//# sourceMappingURL=ChatButton.d.ts.map

package/dist/esm/components/src/components/Organisms/ChatButton/ChatButton.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ChatButton.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Organisms/ChatButton/ChatButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,iBAAiB,EAAE,MAAM,QAAQ,CAAC;AAQ9C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAGrE,OAAO,EAAE,cAAc,EAAe,MAAM,gBAAgB,CAAC;AAG7D,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,cAAc,EAAyB,MAAM,mBAAmB,CAAC;AAyC1E,eAAO,MAAM,kBAAkB,gBAAyB,uBAAuB;;CA0E7E,CAAC;AAMH,MAAM,MAAM,uBAAuB,GAAG;IACrC,UAAU,EAAE,cAAc,CAAC;IAC3B,IAAI,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,CAAC;IAC/B,OAAO,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;CAC/B,GAAG,6BAA6B,GAChC,cAAc,CAAC,uBAAuB,CAAC,CAAC;AAEzC,MAAM,MAAM,6BAA6B,GAAG;IAC3C,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC,SAAS,CAAC,GAAG,OAAO,CAAC;IAC/C,QAAQ,CAAC,EAAE,iBAAiB,CAAC;CAC7B,CAAC"}

package/dist/esm/components/src/components/Organisms/ChatButton/ChatButton.js

@@ -1,88 +0,0 @@
-import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
-import { useRef, useEffect } from 'preact/hooks';
-import { css } from '@emotion/react';
-import classnames from 'classnames';
-import deepmerge from 'deepmerge';
-import { observer } from 'mobx-react-lite';
-import { useTheme, CacheProvider, useTreePath } from '../../../providers';
-import { cloneWithProps, defined, mergeProps, mergeStyles } from '../../../utilities';
-import { useCustomComponentOverride } from '../../../hooks';
-import { Button } from '../../Atoms/Button';
-import { langAttrOf } from '../Chat/Chat.lang';
-import { chatButtonDefaultLang } from './ChatButton.lang';
-const defaultStyles = ({ theme }) => {
-    // primary may be 'currentColor' (base theme) — background stays fixed so the
-    // pill remains legible wherever it inherits its color from
-    const color = theme?.variables?.colors?.primary || '#333';
-    return css({
-        display: 'inline-flex',
-        alignItems: 'center',
-        justifyContent: 'center',
-        gap: '8px',
-        padding: '8px 16px',
-        background: '#fff',
-        color: color,
-        border: `1px solid ${color}`,
-        borderRadius: '24px',
-        fontSize: '14px',
-        fontWeight: 600,
-        lineHeight: 1.2,
-        cursor: 'pointer',
-        transition: 'box-shadow 0.15s ease',
-        '&:hover': {
-            boxShadow: '0 2px 6px rgba(0, 0, 0, 0.15)',
-        },
-        '&:focus-visible': {
-            outline: '2px solid currentColor',
-            outlineOffset: '2px',
-        },
-        // native Button always renders its content span — collapse it when empty
-        // so the flex gap doesn't offset icon-only buttons
-        '.ss__button__content:empty': {
-            display: 'none',
-        },
-        '.ss__icon': {
-            fill: 'currentColor',
-            stroke: 'currentColor',
-        },
-    });
-};
-export const ChatButtonOrganism = observer((properties) => {
-    const globalTheme = useTheme();
-    const globalTreePath = useTreePath();
-    const defaultProps = {
-        icon: 'chat',
-        treePath: globalTreePath,
-    };
-    const props = mergeProps('chatButton', globalTheme, defaultProps, properties);
-    const { overrideElement, shouldRenderDefault } = useCustomComponentOverride('chatButton', props);
-    const { className, internalClassName, controller, content, children, icon, disableStyles, treePath } = props;
-    const { store } = controller;
-    // Register with the store so the Chat organism hides its built-in bubble while
-    // an external launcher is mounted. Runs before any early return (hooks-order safe).
-    useEffect(() => store.registerLauncher(), [store]);
-    // Same visibility rule as the Chat organism: hidden when disabled at bootstrap,
-    // but kept mounted when chat becomes disabled mid-session.
-    const wasVisibleRef = useRef(false);
-    if (!store.chatEnabled && !wasVisibleRef.current) {
-        return _jsx(_Fragment, {});
-    }
-    wasVisibleRef.current = true;
-    if (!shouldRenderDefault) {
-        return overrideElement;
-    }
-    const subProps = {
-        button: {
-            // inherited props
-            ...defined({
-                disableStyles,
-            }),
-            // component theme overrides
-            theme: props?.theme,
-            treePath,
-        },
-    };
-    const styling = mergeStyles(props, defaultStyles);
-    const lang = deepmerge(chatButtonDefaultLang, props.lang || {});
-    return (_jsx(CacheProvider, { children: _jsx(Button, { ...styling, ...subProps.button, native: true, type: "button", className: classnames('ss__chat-button', { 'ss__chat-button--open': store.open }, className, internalClassName), "aria-label": store.open ? langAttrOf(lang.closeChatButton, 'aria-label') : langAttrOf(lang.openChatButton, 'aria-label'), title: store.open ? langAttrOf(lang.closeChatButton, 'title') : langAttrOf(lang.openChatButton, 'title'), "aria-expanded": store.open, onClick: () => controller.handlers.button.click(), content: content || children ? (_jsxs("span", { className: "ss__chat-button__content", children: [cloneWithProps(content, { treePath }), cloneWithProps(children, { treePath })] })) : undefined, icon: icon && { internalClassName: 'ss__chat-button__icon', ...(typeof icon == 'string' ? { icon: icon } : typeof icon == 'object' ? icon : {}) } }) }));
-});

package/dist/esm/components/src/components/Organisms/ChatButton/ChatButton.lang.d.ts

@@ -1,7 +0,0 @@
-import { Lang } from '../../../hooks';
-export interface ChatButtonLang {
-    openChatButton: Lang<never>;
-    closeChatButton: Lang<never>;
-}
-export declare const chatButtonDefaultLang: Partial<ChatButtonLang>;
-//# sourceMappingURL=ChatButton.lang.d.ts.map

package/dist/esm/components/src/components/Organisms/ChatButton/ChatButton.lang.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ChatButton.lang.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Organisms/ChatButton/ChatButton.lang.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;AAEtC,MAAM,WAAW,cAAc;IAC9B,cAAc,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;IAC5B,eAAe,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;CAC7B;AAED,eAAO,MAAM,qBAAqB,EAAE,OAAO,CAAC,cAAc,CAOzD,CAAC"}

package/dist/esm/components/src/components/Organisms/ChatButton/ChatButton.lang.js

@@ -1,8 +0,0 @@
-export const chatButtonDefaultLang = {
-    openChatButton: {
-        attributes: { 'aria-label': 'Open chat', title: 'Open Chat' },
-    },
-    closeChatButton: {
-        attributes: { 'aria-label': 'Close chat', title: 'Close Chat' },
-    },
-};

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

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

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

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

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

@@ -1,2 +0,0 @@
-export * from './ChatButton';
-export * from './ChatButton.lang';

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

@@ -1,12 +0,0 @@
-import { ComponentProps } from '../../../types';
-import { ChatTemplatesLegalProps, ChatLang } from '../../Organisms/Chat';
-import type { ChatController } from '@athoscommerce/snap-controller';
-export declare const Chat: ((properties: ChatProps) => JSX.Element) & {
-    displayName: string;
-};
-export type ChatProps = {
-    controller: ChatController;
-    lang?: Partial<ChatLang>;
-} & ChatTemplatesLegalProps & ComponentProps<ChatProps>;
-export type { ChatTemplatesLegalProps, ChatLang };
-//# sourceMappingURL=Chat.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Chat.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Templates/Chat/Chat.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,cAAc,EAAe,MAAM,gBAAgB,CAAC;AAE7D,OAAO,EAAmC,uBAAuB,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAC1G,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAUrE,eAAO,MAAM,IAAI,gBAAyB,SAAS,KAAG,GAAG,CAAC,OAAO;;CAuC/D,CAAC;AAMH,MAAM,MAAM,SAAS,GAAG;IACvB,UAAU,EAAE,cAAc,CAAC;IAC3B,IAAI,CAAC,EAAE,OAAO,CAAC,QAAQ,CAAC,CAAC;CACzB,GAAG,uBAAuB,GAC1B,cAAc,CAAC,SAAS,CAAC,CAAC;AAE3B,YAAY,EAAE,uBAAuB,EAAE,QAAQ,EAAE,CAAC"}

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

@@ -1,41 +0,0 @@
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-import { css } from '@emotion/react';
-import classnames from 'classnames';
-import { observer } from 'mobx-react-lite';
-import { useTheme, CacheProvider, useTreePath } from '../../../providers';
-import { defined, mergeProps, mergeStyles } from '../../../utilities';
-import { ChatOrganism } from '../../Organisms/Chat';
-const defaultStyles = () => {
-    // The template itself is layout-free — the underlying Chat organism handles
-    // fixed positioning and sizing. The wrapper exists purely so theme overrides
-    // flow through mergeProps('chat', ...) and so the Chat surface can be themed
-    // per-template like Search and Recommendation.
-    return css({});
-};
-export const Chat = observer((properties) => {
-    const globalTheme = useTheme();
-    const globalTreePath = useTreePath();
-    const defaultProps = {
-        treePath: globalTreePath,
-    };
-    const props = mergeProps('chat', globalTheme, defaultProps, properties);
-    const { className, internalClassName, controller, disableStyles, treePath } = props;
-    const subProps = {
-        Chat: {
-            // inherited props
-            ...defined({
-                disableStyles,
-            }),
-            // component theme overrides
-            theme: props.theme,
-            treePath,
-        },
-    };
-    const styling = mergeStyles(props, defaultStyles);
-    // className/internalClassName stay on the template wrapper only — spreading them
-    // into the organism would duplicate user classes on two DOM levels
-    // treePath is omitted too — the organism calls mergeProps('chat') itself, and passing
-    // this one down would append a second 'chat' segment (ss-path="chat chat")
-    const organismProps = { ...props, className: undefined, internalClassName: undefined, treePath: undefined };
-    return (_jsx(CacheProvider, { children: _jsx("div", { ...styling, className: classnames('ss__chat-template', className, internalClassName), children: _jsx(ChatOrganism, { ...subProps.Chat, ...organismProps, controller: controller }) }) }));
-});

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

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

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

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

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

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

package/dist/esm/components/src/components/Templates/ChatButton/ChatButton.d.ts

@@ -1,13 +0,0 @@
-import { ComponentProps } from '../../../types';
-import { ChatButtonTemplatesLegalProps, ChatButtonLang } from '../../Organisms/ChatButton';
-import type { ChatController } from '@athoscommerce/snap-controller';
-export declare const ChatButton: ((properties: ChatButtonProps) => JSX.Element) & {
-    displayName: string;
-};
-export type ChatButtonProps = {
-    controller: ChatController;
-    lang?: Partial<ChatButtonLang>;
-    content?: string | JSX.Element;
-} & ChatButtonTemplatesLegalProps & ComponentProps<ChatButtonProps>;
-export type { ChatButtonTemplatesLegalProps, ChatButtonLang };
-//# sourceMappingURL=ChatButton.d.ts.map

package/dist/esm/components/src/components/Templates/ChatButton/ChatButton.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ChatButton.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Templates/ChatButton/ChatButton.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,cAAc,EAAe,MAAM,gBAAgB,CAAC;AAE7D,OAAO,EAA+C,6BAA6B,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AACxI,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAUrE,eAAO,MAAM,UAAU,gBAAyB,eAAe,KAAG,GAAG,CAAC,OAAO;;CAuC3E,CAAC;AAMH,MAAM,MAAM,eAAe,GAAG;IAC7B,UAAU,EAAE,cAAc,CAAC;IAC3B,IAAI,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,CAAC;IAC/B,OAAO,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;CAC/B,GAAG,6BAA6B,GAChC,cAAc,CAAC,eAAe,CAAC,CAAC;AAEjC,YAAY,EAAE,6BAA6B,EAAE,cAAc,EAAE,CAAC"}

package/dist/esm/components/src/components/Templates/ChatButton/ChatButton.js

@@ -1,41 +0,0 @@
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-import { css } from '@emotion/react';
-import classnames from 'classnames';
-import { observer } from 'mobx-react-lite';
-import { useTheme, CacheProvider, useTreePath } from '../../../providers';
-import { defined, mergeProps, mergeStyles } from '../../../utilities';
-import { ChatButtonOrganism } from '../../Organisms/ChatButton';
-const defaultStyles = () => {
-    // inline-block so the wrapper flows alongside its siblings when injected into
-    // merchant chrome (e.g. a nav); all button styling lives in the organism
-    return css({
-        display: 'inline-block',
-    });
-};
-export const ChatButton = observer((properties) => {
-    const globalTheme = useTheme();
-    const globalTreePath = useTreePath();
-    const defaultProps = {
-        treePath: globalTreePath,
-    };
-    const props = mergeProps('chatButton', globalTheme, defaultProps, properties);
-    const { className, internalClassName, controller, disableStyles, treePath } = props;
-    const subProps = {
-        ChatButton: {
-            // inherited props
-            ...defined({
-                disableStyles,
-            }),
-            // component theme overrides
-            theme: props.theme,
-            treePath,
-        },
-    };
-    const styling = mergeStyles(props, defaultStyles);
-    // className/internalClassName stay on the template wrapper only — spreading them
-    // into the organism would duplicate user classes on two DOM levels
-    // treePath is omitted too — the organism calls mergeProps('chatButton') itself, and passing
-    // this one down would append a second 'chatButton' segment
-    const organismProps = { ...props, className: undefined, internalClassName: undefined, treePath: undefined };
-    return (_jsx(CacheProvider, { children: _jsx("div", { ...styling, className: classnames('ss__chat-button-template', className, internalClassName), children: _jsx(ChatButtonOrganism, { ...subProps.ChatButton, ...organismProps, controller: controller }) }) }));
-});

package/dist/esm/components/src/components/Templates/ChatButton/index.d.ts

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

package/dist/esm/components/src/components/Templates/ChatButton/index.d.ts.map

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

package/dist/esm/components/src/components/Templates/ChatButton/index.js

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

package/dist/esm/components/src/themes/base/components/templates/chat.d.ts

@@ -1,4 +0,0 @@
-import type { ChatProps, ChatTemplatesLegalProps } from '../../../../components/Templates/Chat';
-import { ThemeComponent } from '../../../../providers';
-export declare const chat: ThemeComponent<'chat', ChatProps, ChatTemplatesLegalProps>;
-//# sourceMappingURL=chat.d.ts.map

package/dist/esm/components/src/themes/base/components/templates/chat.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"chat.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/base/components/templates/chat.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,uBAAuB,EAAE,MAAM,uCAAuC,CAAC;AAEhG,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAGvD,eAAO,MAAM,IAAI,EAAE,cAAc,CAAC,MAAM,EAAE,SAAS,EAAE,uBAAuB,CAA2B,CAAC"}

package/dist/esm/components/src/themes/base/components/templates/chat.js

@@ -1,3 +0,0 @@
-import { chatThemeComponentProps } from '../../../themeComponents/chat';
-// Chat component props come from Template export
-export const chat = chatThemeComponentProps;