@athoscommerce/snap-preact 1.7.1-beta.121 → 1.8.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,qBAsFtH,CAAC"}

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

@@ -1,92 +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 animationTimerRef = useRef(null);
-    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);
-            if (animationTimerRef.current)
-                clearTimeout(animationTimerRef.current);
-            animationTimerRef.current = setTimeout(() => {
-                onDismiss();
-                updateSwipeOffset(0);
-                setSwipeAnimating(false);
-            }, 300);
-        }
-        else {
-            // Snap back
-            setSwipeAnimating(true);
-            updateSwipeOffset(0);
-            if (animationTimerRef.current)
-                clearTimeout(animationTimerRef.current);
-            animationTimerRef.current = setTimeout(() => setSwipeAnimating(false), 300);
-        }
-    };
-    useEffect(() => {
-        return () => {
-            if (animationTimerRef.current)
-                clearTimeout(animationTimerRef.current);
-        };
-    }, []);
-    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/Organisms/MobileSidebar/MobileSidebar.d.ts

@@ -1,47 +0,0 @@
-import { h } from 'preact';
-import type { ComponentProps } from '../../../types';
-import type { SearchController } from '@athoscommerce/snap-controller';
-import type { SideBarModuleNames } from '../Sidebar';
-import { Lang } from '../../../hooks';
-import type { IconProps, IconType } from '../../Atoms/Icon';
-export declare const MobileSidebar: ((properties: MobileSidebarProps) => import("@emotion/react/jsx-runtime").JSX.Element | h.JSX.Element | null) & {
-    displayName: string;
-};
-export type MobileSidebarProps = {
-    controller: SearchController;
-    lang?: Partial<MobileSidebarLang>;
-} & MobileSidebarTemplatesLegalProps & ComponentProps<MobileSidebarProps>;
-export type MobileSidebarTemplatesLegalProps = {
-    layout?: SideBarModuleNames[] | SideBarModuleNames[][];
-    titleText?: string;
-    hideOpenButtonText?: boolean;
-    hideClearButtonText?: boolean;
-    hideApplyButtonText?: boolean;
-    hideCloseButtonText?: boolean;
-    openButtonText?: string;
-    openButtonContent?: string | JSX.Element;
-    clearButtonText?: string;
-    applyButtonText?: string;
-    closeButtonText?: string;
-    applyButtonIcon?: IconType | Partial<IconProps>;
-    clearButtonIcon?: IconType | Partial<IconProps>;
-    closeButtonIcon?: IconType | Partial<IconProps>;
-    openButtonIcon?: IconType | Partial<IconProps>;
-    hideTitleText?: boolean;
-    hideHeader?: boolean;
-    hideFooter?: boolean;
-    hideApplyButton?: boolean;
-    hideClearButton?: boolean;
-    hideCloseButton?: boolean;
-    displayAt?: string;
-};
-export interface MobileSidebarLang {
-    openButtonText: Lang<never>;
-    clearButtonText: Lang<never>;
-    applyButtonText: Lang<never>;
-    titleText: Lang<{
-        controller: SearchController;
-    }>;
-    closeButtonText: Lang<never>;
-}
-//# sourceMappingURL=MobileSidebar.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"MobileSidebar.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Organisms/MobileSidebar/MobileSidebar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,QAAQ,CAAC;AAK3B,OAAO,KAAK,EAAE,cAAc,EAAe,MAAM,gBAAgB,CAAC;AAGlE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AACvE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAC;AAErD,OAAO,EAAE,IAAI,EAAgD,MAAM,gBAAgB,CAAC;AAEpF,OAAO,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AA0C5D,eAAO,MAAM,aAAa,gBAAyB,kBAAkB;;CAkPnE,CAAC;AAEH,MAAM,MAAM,kBAAkB,GAAG;IAChC,UAAU,EAAE,gBAAgB,CAAC;IAC7B,IAAI,CAAC,EAAE,OAAO,CAAC,iBAAiB,CAAC,CAAC;CAClC,GAAG,gCAAgC,GACnC,cAAc,CAAC,kBAAkB,CAAC,CAAC;AAEpC,MAAM,MAAM,gCAAgC,GAAG;IAC9C,MAAM,CAAC,EAAE,kBAAkB,EAAE,GAAG,kBAAkB,EAAE,EAAE,CAAC;IACvD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,iBAAiB,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;IACzC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,eAAe,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC,SAAS,CAAC,CAAC;IAChD,eAAe,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC,SAAS,CAAC,CAAC;IAChD,eAAe,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC,SAAS,CAAC,CAAC;IAChD,cAAc,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC,SAAS,CAAC,CAAC;IAC/C,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,MAAM,WAAW,iBAAiB;IACjC,cAAc,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;IAC5B,eAAe,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;IAC7B,eAAe,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;IAC7B,SAAS,EAAE,IAAI,CAAC;QACf,UAAU,EAAE,gBAAgB,CAAC;KAC7B,CAAC,CAAC;IACH,eAAe,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;CAC7B"}

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

@@ -1,164 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } 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 { Slideout } from '../../Molecules/Slideout';
-import { defined, mergeProps, mergeStyles } from '../../../utilities';
-import { Button } from '../../Atoms/Button';
-import { useA11y, useLang, useCustomComponentOverride } from '../../../hooks';
-import { useRef } from 'preact/hooks';
-import deepmerge from 'deepmerge';
-import { Layout } from '../Layout';
-const defaultStyles = ({}) => {
-    return css({
-        '& .ss__mobile-sidebar__header': {
-            display: 'flex',
-            justifyContent: 'space-between',
-            alignItems: 'baseline',
-            '& .ss__mobile-sidebar__header__close-button': {
-                cursor: 'pointer',
-            },
-        },
-        '& .ss__mobile-sidebar__title': {
-            justifyContent: 'space-between',
-            flexDirection: 'row',
-            display: 'flex',
-            '& .ss__icon': {
-                cursor: 'pointer',
-            },
-        },
-        '& .ss__mobile-sidebar__slideout__button': {
-            cursor: 'pointer',
-        },
-        '& .ss__mobile-sidebar__footer': {
-            display: 'flex',
-            gap: '10px',
-            justifyContent: 'center',
-            flexDirection: 'row',
-        },
-        '& .ss__facets': {
-            width: '100%',
-        },
-    });
-};
-export const MobileSidebar = observer((properties) => {
-    const globalTheme = useTheme();
-    const globalTreePath = useTreePath();
-    const defaultProps = {
-        openButtonText: 'Filters',
-        clearButtonText: 'Clear All',
-        applyButtonText: 'Apply',
-        layout: ['filterSummary', 'facets', 'banner.left'],
-        titleText: 'Filter Options',
-        displayAt: '',
-        closeButtonIcon: 'close-thin',
-        treePath: globalTreePath,
-    };
-    const props = mergeProps('mobileSidebar', globalTheme, defaultProps, properties);
-    const { controller, layout, hideHeader, hideApplyButton, clearButtonIcon, hideCloseButton, closeButtonText, openButtonText, clearButtonText, applyButtonIcon, applyButtonText, closeButtonIcon, openButtonIcon, titleText, hideCloseButtonText, hideOpenButtonText, openButtonContent, hideClearButtonText, hideApplyButtonText, hideTitleText, displayAt, hideClearButton, disableStyles, className, internalClassName, treePath, } = props;
-    const { overrideElement, shouldRenderDefault } = useCustomComponentOverride('mobileSidebar', props);
-    if (!shouldRenderDefault) {
-        return overrideElement;
-    }
-    let hideFooter = props.hideFooter;
-    if (hideApplyButton && hideClearButton) {
-        hideFooter = true;
-    }
-    const styling = mergeStyles(props, defaultStyles);
-    const subProps = {
-        slideout: {
-            // default props
-            controller,
-            displayAt: (displayAt && `(max-width: ${displayAt})`) || '',
-            // inherited props
-            ...defined({
-                disableStyles,
-            }),
-            // component theme overrides
-            theme: props?.theme,
-            treePath,
-        },
-        button: {
-            // default props
-            // inherited props
-            ...defined({
-                disableStyles,
-            }),
-            // component theme overrides
-            theme: props?.theme,
-            treePath,
-        },
-        layout: {
-            // default props
-            // inherited props
-            ...defined({
-                disableStyles,
-            }),
-            // component theme overrides
-            theme: props?.theme,
-            treePath,
-        },
-    };
-    const closeButtonRef = useRef();
-    const openButtonRef = useRef();
-    //initialize lang
-    const defaultLang = {
-        openButtonText: {
-            value: openButtonText,
-        },
-        clearButtonText: {
-            value: clearButtonText,
-        },
-        applyButtonText: {
-            value: applyButtonText,
-        },
-        titleText: {
-            value: titleText,
-        },
-        closeButtonText: {
-            value: closeButtonText,
-            attributes: {
-                'aria-label': closeButtonText || `close ${openButtonText}`,
-            },
-        },
-    };
-    //deep merge with props.lang
-    const lang = deepmerge(defaultLang, props.lang || {});
-    if (hideOpenButtonText) {
-        delete lang.openButtonText.value;
-    }
-    if (hideClearButtonText) {
-        delete lang.clearButtonText.value;
-    }
-    if (hideCloseButtonText) {
-        delete lang.closeButtonText.value;
-    }
-    if (hideApplyButtonText) {
-        delete lang.applyButtonText.value;
-    }
-    const mergedLang = useLang(lang, {
-        controller,
-    });
-    const Content = (props) => {
-        const { toggleActive } = props;
-        return (_jsxs("div", { className: "ss__mobile-sidebar__content", ref: (e) => useA11y(e, 0, true, () => {
-                closeButtonRef.current?.base?.focus();
-                closeButtonRef.current?.base?.click();
-                openButtonRef.current.base.focus();
-            }), children: [!hideHeader && (_jsxs("div", { className: "ss__mobile-sidebar__header", children: [!hideTitleText && (_jsx("h4", { "aria-atomic": "true", "aria-live": "polite", className: "ss__mobile-sidebar__header__title", ...mergedLang.titleText?.all })), !hideCloseButton && (_jsx(Button, { internalClassName: "ss__mobile-sidebar__header__close-button", disableStyles: true, onClick: () => toggleActive(), ref: (e) => {
-                                if (e) {
-                                    closeButtonRef.current = e;
-                                }
-                            }, icon: closeButtonIcon, lang: { button: lang.closeButtonText }, ...subProps.button, name: 'close' }))] })), _jsx("div", { className: classnames('ss__mobile-sidebar__inner'), children: _jsx(Layout, { controller: controller, layout: layout || [], ...subProps.layout }) }), !hideFooter && (_jsxs("div", { className: "ss__mobile-sidebar__footer", children: [!hideApplyButton && (_jsx(Button, { internalClassName: "ss__mobile-sidebar__footer__apply-button", icon: applyButtonIcon, onClick: () => toggleActive(), lang: { button: lang.applyButtonText }, ...subProps.button, name: 'apply' })), !hideClearButton && (_jsx(Button, { internalClassName: "ss__mobile-sidebar__footer__clear-button", icon: clearButtonIcon, onClick: () => {
-                                controller?.urlManager.remove('filter').remove('page').go();
-                                toggleActive();
-                            }, lang: { button: lang.clearButtonText }, ...subProps.button, name: 'clear' }))] }))] }));
-    };
-    const contentRef = useRef();
-    return (_jsx(CacheProvider, { children: _jsx("div", { ...styling, className: classnames('ss__mobile-sidebar', className, internalClassName), children: _jsx(Slideout, { internalClassName: "ss__mobile-sidebar__slideout", buttonContent: _jsx(Button, { internalClassName: "ss__mobile-sidebar__slideout__button", icon: openButtonIcon, ref: openButtonRef, onClick: () => {
-                        setTimeout(() => {
-                            contentRef.current?.base?.focus();
-                        });
-                    }, ...subProps.button, name: 'slideout', children: openButtonContent ? openButtonContent : _jsx("span", { ...mergedLang.openButtonText.all }) }), ...subProps.slideout, children: _jsx(Content, { ref: contentRef }) }) }) }));
-});

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

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

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

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

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

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

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"}