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

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

@@ -1,32 +0,0 @@
-import type { RefObject } from 'preact';
-export type UseChatFileUploadOptions = {
-    /**
-     * When false, drag handlers are no-ops and the dragging indicator never activates.
-     */
-    enabled: boolean;
-    /**
-     * Called when image files are dropped onto the footer. Receives a freshly-built
-     * FileList (filtered to only image/* types).
-     */
-    onUpload: (files: FileList) => void | Promise<void>;
-};
-export type UseChatFileUploadResult = {
-    /** Attach to a hidden `<input type="file">` so the upload button can trigger it. */
-    fileInputRef: RefObject<HTMLInputElement>;
-    /** True while the user is actively dragging files over the footer. */
-    isDraggingFile: boolean;
-    /** Spread these onto the drop-zone element. */
-    dragHandlers: {
-        onDragEnter: (e: any) => void;
-        onDragOver: (e: any) => void;
-        onDragLeave: (e: any) => void;
-        onDrop: (e: any) => void;
-    };
-};
-/**
- * Wires drag-and-drop image upload onto the chat footer plus a ref for the
- * hidden file input. `dragenter` / `dragleave` fire on every child crossing,
- * so a counter is kept to know when the pointer has truly left the footer.
- */
-export declare const useChatFileUpload: ({ enabled, onUpload }: UseChatFileUploadOptions) => UseChatFileUploadResult;
-//# sourceMappingURL=useChatFileUpload.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"useChatFileUpload.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/components/Organisms/Chat/hooks/useChatFileUpload.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAExC,MAAM,MAAM,wBAAwB,GAAG;IACtC;;OAEG;IACH,OAAO,EAAE,OAAO,CAAC;IACjB;;;OAGG;IACH,QAAQ,EAAE,CAAC,KAAK,EAAE,QAAQ,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;CACpD,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG;IACrC,oFAAoF;IACpF,YAAY,EAAE,SAAS,CAAC,gBAAgB,CAAC,CAAC;IAC1C,sEAAsE;IACtE,cAAc,EAAE,OAAO,CAAC;IACxB,+CAA+C;IAC/C,YAAY,EAAE;QACb,WAAW,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;QAC9B,UAAU,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;QAC7B,WAAW,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;QAC9B,MAAM,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;KACzB,CAAC;CACF,CAAC;AAIF;;;;GAIG;AACH,eAAO,MAAM,iBAAiB,0BAA2B,wBAAwB,KAAG,uBA4CnF,CAAC"}

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

@@ -1,54 +0,0 @@
-import { useRef, useState } from 'preact/hooks';
-const hasFiles = (e) => Array.from(e.dataTransfer?.types || []).includes('Files');
-/**
- * Wires drag-and-drop image upload onto the chat footer plus a ref for the
- * hidden file input. `dragenter` / `dragleave` fire on every child crossing,
- * so a counter is kept to know when the pointer has truly left the footer.
- */
-export const useChatFileUpload = ({ enabled, onUpload }) => {
-    const fileInputRef = useRef(null);
-    const [isDraggingFile, setIsDraggingFile] = useState(false);
-    const dragCounterRef = useRef(0);
-    const onDragEnter = (e) => {
-        if (!enabled || !hasFiles(e))
-            return;
-        e.preventDefault();
-        dragCounterRef.current += 1;
-        setIsDraggingFile(true);
-    };
-    const onDragOver = (e) => {
-        if (!enabled || !hasFiles(e))
-            return;
-        // Required to allow the drop event to fire
-        e.preventDefault();
-        if (e.dataTransfer)
-            e.dataTransfer.dropEffect = 'copy';
-    };
-    const onDragLeave = (e) => {
-        if (!enabled || !hasFiles(e))
-            return;
-        dragCounterRef.current = Math.max(0, dragCounterRef.current - 1);
-        if (dragCounterRef.current === 0)
-            setIsDraggingFile(false);
-    };
-    const onDrop = async (e) => {
-        if (!enabled || !hasFiles(e))
-            return;
-        e.preventDefault();
-        dragCounterRef.current = 0;
-        setIsDraggingFile(false);
-        const dropped = Array.from(e.dataTransfer?.files || []);
-        const firstImage = dropped.find((f) => f.type.startsWith('image/'));
-        if (!firstImage)
-            return;
-        // Reconstruct a FileList — consumers (e.g. controller.upload) expect FileList | null
-        const dt = new DataTransfer();
-        dt.items.add(firstImage);
-        await onUpload(dt.files);
-    };
-    return {
-        fileInputRef,
-        isDraggingFile,
-        dragHandlers: { onDragEnter, onDragOver, onDragLeave, onDrop },
-    };
-};

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

@@ -1,40 +0,0 @@
-import type { RefObject } from 'preact';
-export type UseChatGesturesOptions = {
-    /**
-     * Ref to the panel that is being dragged (the mobile secondary panel).
-     */
-    panelRef: RefObject<HTMLDivElement>;
-    /**
-     * Whether the side chat is currently visible. Used to reset state when it toggles.
-     */
-    shouldShowSideChat: boolean;
-    /**
-     * Active message id. Used to reset state when the user navigates to a different message.
-     */
-    activeMessageId: string | undefined;
-    /**
-     * Called when the swipe gesture passes the dismiss threshold and finishes animating out.
-     */
-    onDismiss: () => void;
-};
-export type UseChatGesturesResult = {
-    /** Current vertical offset in pixels. */
-    swipeOffset: number;
-    /** Whether a snap-back / dismiss animation is currently running. */
-    swipeAnimating: boolean;
-    /** Spread these onto the panel: `onTouchStart`, `onTouchMove`, `onTouchEnd`. */
-    swipeHandlers: {
-        onTouchStart: (e: any) => void;
-        onTouchMove: (e: any) => void;
-        onTouchEnd: () => void;
-    };
-};
-/**
- * Drag-down-to-dismiss gesture for the mobile secondary chat panel.
- *
- * Tracks vertical touch movement and applies a translateY offset until the user releases.
- * If the user passes a distance or velocity threshold the panel animates the rest of the way
- * out and `onDismiss` fires; otherwise it snaps back to zero.
- */
-export declare const useChatGestures: ({ panelRef, shouldShowSideChat, activeMessageId, onDismiss }: UseChatGesturesOptions) => UseChatGesturesResult;
-//# sourceMappingURL=useChatGestures.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"useChatGestures.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/components/Organisms/Chat/hooks/useChatGestures.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAExC,MAAM,MAAM,sBAAsB,GAAG;IACpC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;IACpC;;OAEG;IACH,kBAAkB,EAAE,OAAO,CAAC;IAC5B;;OAEG;IACH,eAAe,EAAE,MAAM,GAAG,SAAS,CAAC;IACpC;;OAEG;IACH,SAAS,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG;IACnC,yCAAyC;IACzC,WAAW,EAAE,MAAM,CAAC;IACpB,oEAAoE;IACpE,cAAc,EAAE,OAAO,CAAC;IACxB,gFAAgF;IAChF,aAAa,EAAE;QACd,YAAY,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;QAC/B,WAAW,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;QAC9B,UAAU,EAAE,MAAM,IAAI,CAAC;KACvB,CAAC;CACF,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,eAAe,iEAAkE,sBAAsB,KAAG,qBA6EtH,CAAC"}

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

@@ -1,81 +0,0 @@
-import { useEffect, useRef, useState } from 'preact/hooks';
-/**
- * Drag-down-to-dismiss gesture for the mobile secondary chat panel.
- *
- * Tracks vertical touch movement and applies a translateY offset until the user releases.
- * If the user passes a distance or velocity threshold the panel animates the rest of the way
- * out and `onDismiss` fires; otherwise it snaps back to zero.
- */
-export const useChatGestures = ({ panelRef, shouldShowSideChat, activeMessageId, onDismiss }) => {
-    const swipeStartY = useRef(0);
-    const swipeStartTime = useRef(0);
-    const swipeActive = useRef(false);
-    const swipeOffsetRef = useRef(0);
-    const [swipeOffset, setSwipeOffsetRaw] = useState(0);
-    const [swipeAnimating, setSwipeAnimating] = useState(false);
-    const updateSwipeOffset = (value) => {
-        swipeOffsetRef.current = value;
-        setSwipeOffsetRaw(value);
-    };
-    // Reset swipe state when secondary panel opens/closes or active message changes
-    useEffect(() => {
-        updateSwipeOffset(0);
-        setSwipeAnimating(false);
-        swipeActive.current = false;
-    }, [shouldShowSideChat, activeMessageId]);
-    const onTouchStart = (e) => {
-        swipeStartY.current = e.touches[0].clientY;
-        swipeStartTime.current = Date.now();
-        swipeActive.current = false; // only activate after dead-zone threshold
-        setSwipeAnimating(false);
-    };
-    const onTouchMove = (e) => {
-        const diff = e.touches[0].clientY - swipeStartY.current;
-        // Require a minimum drag distance before activating the swipe,
-        // so taps on buttons (e.g. close) still fire their click events.
-        if (!swipeActive.current) {
-            if (Math.abs(diff) < 8)
-                return; // still within dead-zone
-            swipeActive.current = true;
-        }
-        if (diff > 0) {
-            e.preventDefault();
-            updateSwipeOffset(diff);
-        }
-        else {
-            updateSwipeOffset(0);
-        }
-    };
-    const onTouchEnd = () => {
-        if (!swipeActive.current)
-            return;
-        swipeActive.current = false;
-        const offset = swipeOffsetRef.current;
-        const height = panelRef.current?.offsetHeight || 400;
-        const elapsed = Date.now() - swipeStartTime.current;
-        const velocity = offset / (elapsed || 1); // px per ms
-        // Dismiss if dragged past 25% threshold OR a quick flick (>0.5 px/ms with >50px travel)
-        const shouldDismiss = offset > height * 0.25 || (velocity > 0.5 && offset > 50);
-        if (shouldDismiss) {
-            // Animate out then dismiss
-            setSwipeAnimating(true);
-            updateSwipeOffset(height);
-            setTimeout(() => {
-                onDismiss();
-                updateSwipeOffset(0);
-                setSwipeAnimating(false);
-            }, 300);
-        }
-        else {
-            // Snap back
-            setSwipeAnimating(true);
-            updateSwipeOffset(0);
-            setTimeout(() => setSwipeAnimating(false), 300);
-        }
-    };
-    return {
-        swipeOffset,
-        swipeAnimating,
-        swipeHandlers: { onTouchStart, onTouchMove, onTouchEnd },
-    };
-};

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

@@ -1,44 +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. */
-    isNearBottomRef: RefObject<boolean>;
-    /** 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,eAAe,EAAE,SAAS,CAAC,OAAO,CAAC,CAAC;IACpC,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,qBAyG3B,CAAC"}

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

@@ -1,110 +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,
-        isNearBottomRef,
-        scrollToBottom,
-        scrollToBottomIfNear,
-    };
-};

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/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 & Omit<ComponentProps, 'customComponent'>;
-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;AAI7D,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;;CAsC/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,IAAI,CAAC,cAAc,EAAE,iBAAiB,CAAC,CAAC;AAEzC,YAAY,EAAE,uBAAuB,EAAE,QAAQ,EAAE,CAAC"}

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

@@ -1,42 +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 { useLang } from '../../../hooks';
-import deepmerge from 'deepmerge';
-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;
-    // Lang scaffold — keeps the Template ready for future i18n overrides
-    const defaultLang = {};
-    const lang = deepmerge(defaultLang, props.lang || {});
-    useLang(lang, { controller });
-    const subProps = {
-        Chat: {
-            // inherited props
-            ...defined({
-                disableStyles,
-            }),
-            // component theme overrides
-            theme: props.theme,
-            treePath,
-        },
-    };
-    const styling = mergeStyles(props, defaultStyles);
-    return (_jsx(CacheProvider, { children: _jsx("div", { ...styling, className: classnames('ss__chat', className, internalClassName), children: _jsx(ChatOrganism, { ...subProps.Chat, ...props, 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/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;

package/dist/esm/components/src/themes/bocachica/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/bocachica/components/templates/chat.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"chat.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/bocachica/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/bocachica/components/templates/chat.js

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

package/dist/esm/components/src/themes/everest/components/atoms/breadcrumbs.d.ts

@@ -1,4 +0,0 @@
-import type { BreadcrumbsProps, BreadcrumbsTemplatesLegalProps } from '../../../../components/Atoms/Breadcrumbs';
-import { ThemeComponent } from '../../../../providers';
-export declare const breadcrumbs: ThemeComponent<'breadcrumbs', BreadcrumbsProps, BreadcrumbsTemplatesLegalProps>;
-//# sourceMappingURL=breadcrumbs.d.ts.map

package/dist/esm/components/src/themes/everest/components/atoms/breadcrumbs.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"breadcrumbs.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/everest/components/atoms/breadcrumbs.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,8BAA8B,EAAE,MAAM,0CAA0C,CAAC;AACjH,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAmCvD,eAAO,MAAM,WAAW,EAAE,cAAc,CAAC,aAAa,EAAE,gBAAgB,EAAE,8BAA8B,CAQvG,CAAC"}

package/dist/esm/components/src/themes/everest/components/atoms/breadcrumbs.js

@@ -1,41 +0,0 @@
-import { css } from '@emotion/react';
-import { custom } from '../../custom';
-// CSS in JS style script for the Breadcrumbs component
-const breadcrumbsStyleScript = (props) => {
-    const variables = props?.theme?.variables;
-    return css({
-        '.ss__breadcrumbs__crumbs': {
-            margin: `0 -${custom.spacing.x1}px`,
-            '&, li': {
-                listStyle: 'none',
-            },
-            '&, a': {
-                color: variables?.colors?.text,
-            },
-            li: {
-                display: 'block',
-                padding: `0 ${custom.spacing.x1}px`,
-                '&:last-of-type': {
-                    color: variables?.colors?.primary,
-                    fontWeight: custom?.fonts?.weight01,
-                },
-            },
-            '.ss__breadcrumbs__crumbs__separator': {
-                '.ss__icon': {
-                    width: `${custom.sizes.icon10}px`,
-                    height: `${custom.sizes.icon10}px`,
-                },
-            },
-        },
-    });
-};
-// Breadcrumbs component props
-export const breadcrumbs = {
-    default: {
-        breadcrumbs: {
-            themeStyleScript: breadcrumbsStyleScript,
-            separator: false,
-            separatorIcon: custom.icons.arrowRight,
-        },
-    },
-};

package/dist/esm/components/src/themes/everest/components/atoms/button.d.ts

@@ -1,4 +0,0 @@
-import type { ButtonProps, ButtonTemplatesLegalProps } from '../../../../components/Atoms/Button';
-import { ThemeComponent } from '../../../../providers';
-export declare const button: ThemeComponent<'button', ButtonProps, ButtonTemplatesLegalProps>;
-//# sourceMappingURL=button.d.ts.map

package/dist/esm/components/src/themes/everest/components/atoms/button.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/everest/components/atoms/button.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,yBAAyB,EAAE,MAAM,qCAAqC,CAAC;AAClG,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AA8EvD,eAAO,MAAM,MAAM,EAAE,cAAc,CAAC,QAAQ,EAAE,WAAW,EAAE,yBAAyB,CAOnF,CAAC"}

package/dist/esm/components/src/themes/everest/components/atoms/button.js

@@ -1,81 +0,0 @@
-import { css } from '@emotion/react';
-import { custom } from '../../custom';
-import Color from 'color';
-// CSS in JS style script for the Button component
-const buttonStyleScript = (props) => {
-    const variables = props?.theme?.variables;
-    const buttonDisabledSelectors = '&.ss__button--disabled';
-    const buttonSelector = `&, &:hover, &:not(.ss__button--disabled):hover, ${buttonDisabledSelectors}`;
-    const buttonColor = new Color(props?.backgroundColor || variables?.colors?.primary || undefined);
-    const bottomBorderColor = new Color(props?.backgroundColor || variables?.colors?.secondary || undefined);
-    const fontColor = buttonColor.isDark() || buttonColor.hex().toLowerCase() == '#d15120' ? Color(custom.colors.white) : Color(custom.colors.black);
-    // shared button styles
-    const disabledStyles = css({
-        [buttonDisabledSelectors]: {
-            opacity: 0.65,
-            '&, & *': {
-                cursor: 'not-allowed',
-            },
-        },
-    });
-    // default styles
-    const defaultStyles = css([
-        {
-            boxSizing: 'border-box',
-            cursor: 'pointer',
-            display: 'inline-flex',
-            alignItems: 'center',
-            gap: `${custom.spacing.x1}px`,
-            position: 'relative',
-            padding: `0 ${custom.spacing.x4}px`,
-            color: fontColor.hex(),
-            fontSize: custom.utils.convertPxToEm(14),
-            fontWeight: custom.fonts.weight01,
-            textAlign: 'center',
-            textTransform: custom.fonts.transform,
-            height: `${custom.sizes.height}px`,
-            lineHeight: `${custom.sizes.height}px`,
-            overflow: 'hidden',
-            textOverflow: 'ellipsis',
-            whiteSpace: 'nowrap',
-            '&:after': {
-                content: '""',
-                display: 'block',
-                position: 'absolute',
-                top: '-1px',
-                bottom: '-1px',
-                left: '-1px',
-                right: '-1px',
-                margin: 'auto',
-                borderBottom: `3px solid ${bottomBorderColor}`,
-                borderRadius: `${custom.sizes.radius}px`,
-            },
-            [buttonSelector]: {
-                border: `1px solid ${buttonColor.hex()}`,
-                borderRadius: `${custom.sizes.radius}px`,
-                backgroundColor: buttonColor.hex(),
-            },
-            '.ss__icon': {
-                width: `${custom.sizes.icon12}px`,
-                height: `${custom.sizes.icon12}px`,
-                flex: `0 0 ${custom.sizes.icon12}px`,
-            },
-            '.ss__icon--filters': {
-                circle: {
-                    fill: buttonColor.hex(),
-                },
-            },
-        },
-        disabledStyles,
-    ]);
-    return defaultStyles;
-};
-// Button component props
-export const button = {
-    default: {
-        button: {
-            themeStyleScript: buttonStyleScript,
-            native: false,
-        },
-    },
-};

package/dist/esm/components/src/themes/everest/components/atoms/dropdown.d.ts

@@ -1,4 +0,0 @@
-import type { DropdownProps, DropdownTemplatesLegalProps } from '../../../../components/Atoms/Dropdown';
-import { ThemeComponent } from '../../../../providers';
-export declare const dropdown: ThemeComponent<'dropdown', DropdownProps, DropdownTemplatesLegalProps>;
-//# sourceMappingURL=dropdown.d.ts.map

package/dist/esm/components/src/themes/everest/components/atoms/dropdown.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"dropdown.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/everest/components/atoms/dropdown.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,2BAA2B,EAAE,MAAM,uCAAuC,CAAC;AACxG,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AA+BvD,eAAO,MAAM,QAAQ,EAAE,cAAc,CAAC,UAAU,EAAE,aAAa,EAAE,2BAA2B,CAM3F,CAAC"}