@akbarsafari00/bonyan-content-type-builder 5.52.1-fa.2

package/dist/admin/components/AIChat/components/FullScreenImage.js

@@ -0,0 +1,190 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var reactDom = require('react-dom');
+var styledComponents = require('styled-components');
+var animations = require('./animations.js');
+var Base64Image = require('./Base64Image.js');
+
+const FullScreenImageContext = /*#__PURE__*/ React.createContext(undefined);
+/* -------------------------------------------------------------------------------------------------
+ * Styles
+ * -----------------------------------------------------------------------------------------------*/ const setOpacity = (hex, alpha)=>`${hex}${Math.floor(alpha * 255).toString(16).padStart(2, '0')}`;
+const Overlay = styledComponents.styled.div`
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  width: 100vw;
+  height: 100vh;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  z-index: 500;
+  pointer-events: auto; /* Explicitly enable pointer events */
+  background: ${(props)=>setOpacity(props.theme.colors.neutral800, 0.2)};
+`;
+const ImageWrapper = styledComponents.styled.div`
+  max-width: 80vw;
+  max-height: 90vh;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  pointer-events: auto; /* Explicitly enable pointer events */
+  position: relative;
+  animation: ${animations.ANIMATIONS.scaleIn} 0.3s ease;
+`;
+const StyledImg = styledComponents.styled(Base64Image.Base64Img)`
+  max-width: 100%;
+  max-height: 90vh;
+  object-fit: contain;
+  pointer-events: auto; /* Explicitly enable pointer events */
+`;
+/* -------------------------------------------------------------------------------------------------
+ * Modal
+ * -----------------------------------------------------------------------------------------------*/ // Use the existing FullScreenImage as our modal component
+const ImageModal = ({ src, alt, onClose })=>{
+    const overlayRef = React.useRef(null);
+    const wrapperRef = React.useRef(null);
+    // Close on ESC key press
+    React.useEffect(()=>{
+        const handleKeyDown = (e)=>{
+            if (e.key === 'Escape') {
+                // Stop propagation to prevent closing parent modals
+                e.preventDefault();
+                e.stopPropagation();
+                onClose?.();
+                // The next 3 lines are critical: they completely stop the event
+                e.stopImmediatePropagation();
+                e.cancelBubble = true; // For older browsers
+                return false;
+            }
+        };
+        // Use capture phase to intercept event before it reaches other components
+        window.addEventListener('keydown', handleKeyDown, true);
+        return ()=>window.removeEventListener('keydown', handleKeyDown, true);
+    }, [
+        onClose
+    ]);
+    // Setup click handlers
+    React.useEffect(()=>{
+        const handleOverlayClick = (e)=>{
+            // Only close if clicking directly on the overlay (not its children)
+            if (e.target === overlayRef.current) {
+                e.preventDefault();
+                e.stopPropagation();
+                onClose?.();
+            }
+        };
+        const handleWrapperClick = (e)=>{
+            // Stop propagation for clicks on the image wrapper
+            e.stopPropagation();
+        };
+        const overlay = overlayRef.current;
+        const wrapper = wrapperRef.current;
+        if (overlay) {
+            overlay.addEventListener('click', handleOverlayClick);
+        }
+        if (wrapper) {
+            wrapper.addEventListener('click', handleWrapperClick);
+        }
+        return ()=>{
+            if (overlay) {
+                overlay.removeEventListener('click', handleOverlayClick);
+            }
+            if (wrapper) {
+                wrapper.removeEventListener('click', handleWrapperClick);
+            }
+        };
+    }, [
+        onClose
+    ]);
+    // Using createPortal to render directly at document body level
+    return /*#__PURE__*/ reactDom.createPortal(/*#__PURE__*/ jsxRuntime.jsx(Overlay, {
+        ref: overlayRef,
+        children: /*#__PURE__*/ jsxRuntime.jsx(ImageWrapper, {
+            ref: wrapperRef,
+            children: /*#__PURE__*/ jsxRuntime.jsx(StyledImg, {
+                src: src,
+                alt: alt
+            })
+        })
+    }), document.body);
+};
+/* -------------------------------------------------------------------------------------------------
+ * Root
+ * -----------------------------------------------------------------------------------------------*/ // Root component that provides context
+const Root = ({ children, src, alt, onClose, defaultOpen = false })=>{
+    const [isOpen, setIsOpen] = React.useState(defaultOpen);
+    const open = ()=>setIsOpen(true);
+    const close = ()=>{
+        setIsOpen(false);
+        onClose?.();
+    };
+    return /*#__PURE__*/ jsxRuntime.jsxs(FullScreenImageContext.Provider, {
+        value: {
+            isOpen,
+            open,
+            close,
+            src,
+            alt
+        },
+        children: [
+            children,
+            isOpen && /*#__PURE__*/ jsxRuntime.jsx(ImageModal, {
+                src: src,
+                alt: alt,
+                onClose: close
+            })
+        ]
+    });
+};
+/* -------------------------------------------------------------------------------------------------
+ * Hooks
+ * -----------------------------------------------------------------------------------------------*/ // Hook to use the context
+const useFullScreenImage = ()=>{
+    const context = React.useContext(FullScreenImageContext);
+    if (!context) {
+        throw new Error('useFullScreenImage must be used within a FullScreenImage.Root');
+    }
+    return context;
+};
+/* -------------------------------------------------------------------------------------------------
+ * Trigger
+ * -----------------------------------------------------------------------------------------------*/ // Trigger component that opens the full screen image
+const Trigger = ({ children, asChild = false })=>{
+    const { open } = useFullScreenImage();
+    const handleClick = (e)=>{
+        e.stopPropagation();
+        open();
+    };
+    if (asChild) {
+        return /*#__PURE__*/ jsxRuntime.jsx("div", {
+            onClick: handleClick,
+            style: {
+                cursor: 'pointer',
+                display: 'contents'
+            },
+            children: children
+        });
+    }
+    return /*#__PURE__*/ jsxRuntime.jsx("div", {
+        onClick: handleClick,
+        style: {
+            cursor: 'pointer'
+        },
+        children: children
+    });
+};
+/* -------------------------------------------------------------------------------------------------
+ * Export
+ * -----------------------------------------------------------------------------------------------*/ const FullScreenImage = {
+    Root,
+    Trigger
+};
+
+exports.FullScreenImage = FullScreenImage;
+exports.setOpacity = setOpacity;
+//# sourceMappingURL=FullScreenImage.js.map

package/dist/admin/components/AIChat/components/FullScreenImage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FullScreenImage.js","sources":["../../../../../admin/src/components/AIChat/components/FullScreenImage.tsx"],"sourcesContent":["import { useEffect, useRef, createContext, useContext, useState, ReactNode } from 'react';\r\n\r\nimport { createPortal } from 'react-dom';\r\nimport { styled } from 'styled-components';\r\n\r\nimport { ANIMATIONS } from './animations';\r\nimport { Base64Img } from './Base64Image';\r\n\r\n/* -------------------------------------------------------------------------------------------------\r\n * Context\r\n * -----------------------------------------------------------------------------------------------*/\r\n\r\ninterface FullScreenImageContextType {\r\n  isOpen: boolean;\r\n  open: () => void;\r\n  close: () => void;\r\n  src: string;\r\n  alt: string;\r\n}\r\n\r\nconst FullScreenImageContext = createContext<FullScreenImageContextType | undefined>(undefined);\r\n\r\n/* -------------------------------------------------------------------------------------------------\r\n * Types\r\n * -----------------------------------------------------------------------------------------------*/\r\n\r\ninterface FullScreenImageProps {\r\n  src: string;\r\n  alt: string;\r\n  onClose?: () => void;\r\n}\r\n\r\ninterface FullScreenImageRootProps extends FullScreenImageProps {\r\n  children: ReactNode;\r\n  defaultOpen?: boolean;\r\n}\r\n\r\ninterface FullScreenImageTriggerProps {\r\n  children: ReactNode;\r\n  asChild?: boolean;\r\n}\r\n\r\n/* -------------------------------------------------------------------------------------------------\r\n * Styles\r\n * -----------------------------------------------------------------------------------------------*/\r\nexport const setOpacity = (hex: string, alpha: number) =>\r\n  `${hex}${Math.floor(alpha * 255)\r\n    .toString(16)\r\n    .padStart(2, '0')}`;\r\n\r\nconst Overlay = styled.div`\r\n  position: fixed;\r\n  top: 0;\r\n  left: 0;\r\n  right: 0;\r\n  bottom: 0;\r\n  width: 100vw;\r\n  height: 100vh;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  z-index: 500;\r\n  pointer-events: auto; /* Explicitly enable pointer events */\r\n  background: ${(props) => setOpacity(props.theme.colors.neutral800, 0.2)};\r\n`;\r\n\r\nconst ImageWrapper = styled.div`\r\n  max-width: 80vw;\r\n  max-height: 90vh;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  pointer-events: auto; /* Explicitly enable pointer events */\r\n  position: relative;\r\n  animation: ${ANIMATIONS.scaleIn} 0.3s ease;\r\n`;\r\n\r\nconst StyledImg = styled(Base64Img)`\r\n  max-width: 100%;\r\n  max-height: 90vh;\r\n  object-fit: contain;\r\n  pointer-events: auto; /* Explicitly enable pointer events */\r\n`;\r\n\r\n/* -------------------------------------------------------------------------------------------------\r\n * Modal\r\n * -----------------------------------------------------------------------------------------------*/\r\n\r\n// Use the existing FullScreenImage as our modal component\r\nconst ImageModal = ({ src, alt, onClose }: FullScreenImageProps) => {\r\n  const overlayRef = useRef<HTMLDivElement>(null);\r\n  const wrapperRef = useRef<HTMLDivElement>(null);\r\n\r\n  // Close on ESC key press\r\n  useEffect(() => {\r\n    const handleKeyDown = (e: KeyboardEvent) => {\r\n      if (e.key === 'Escape') {\r\n        // Stop propagation to prevent closing parent modals\r\n        e.preventDefault();\r\n        e.stopPropagation();\r\n        onClose?.();\r\n\r\n        // The next 3 lines are critical: they completely stop the event\r\n        e.stopImmediatePropagation();\r\n        e.cancelBubble = true; // For older browsers\r\n        return false;\r\n      }\r\n    };\r\n\r\n    // Use capture phase to intercept event before it reaches other components\r\n    window.addEventListener('keydown', handleKeyDown, true);\r\n    return () => window.removeEventListener('keydown', handleKeyDown, true);\r\n  }, [onClose]);\r\n\r\n  // Setup click handlers\r\n  useEffect(() => {\r\n    const handleOverlayClick = (e: MouseEvent) => {\r\n      // Only close if clicking directly on the overlay (not its children)\r\n      if (e.target === overlayRef.current) {\r\n        e.preventDefault();\r\n        e.stopPropagation();\r\n        onClose?.();\r\n      }\r\n    };\r\n\r\n    const handleWrapperClick = (e: MouseEvent) => {\r\n      // Stop propagation for clicks on the image wrapper\r\n      e.stopPropagation();\r\n    };\r\n\r\n    const overlay = overlayRef.current;\r\n    const wrapper = wrapperRef.current;\r\n\r\n    if (overlay) {\r\n      overlay.addEventListener('click', handleOverlayClick);\r\n    }\r\n\r\n    if (wrapper) {\r\n      wrapper.addEventListener('click', handleWrapperClick);\r\n    }\r\n\r\n    return () => {\r\n      if (overlay) {\r\n        overlay.removeEventListener('click', handleOverlayClick);\r\n      }\r\n\r\n      if (wrapper) {\r\n        wrapper.removeEventListener('click', handleWrapperClick);\r\n      }\r\n    };\r\n  }, [onClose]);\r\n\r\n  // Using createPortal to render directly at document body level\r\n  return createPortal(\r\n    <Overlay ref={overlayRef}>\r\n      <ImageWrapper ref={wrapperRef}>\r\n        <StyledImg src={src} alt={alt} />\r\n      </ImageWrapper>\r\n    </Overlay>,\r\n    document.body\r\n  );\r\n};\r\n\r\n/* -------------------------------------------------------------------------------------------------\r\n * Root\r\n * -----------------------------------------------------------------------------------------------*/\r\n\r\n// Root component that provides context\r\nconst Root = ({ children, src, alt, onClose, defaultOpen = false }: FullScreenImageRootProps) => {\r\n  const [isOpen, setIsOpen] = useState(defaultOpen);\r\n\r\n  const open = () => setIsOpen(true);\r\n  const close = () => {\r\n    setIsOpen(false);\r\n    onClose?.();\r\n  };\r\n\r\n  return (\r\n    <FullScreenImageContext.Provider value={{ isOpen, open, close, src, alt }}>\r\n      {children}\r\n      {isOpen && <ImageModal src={src} alt={alt} onClose={close} />}\r\n    </FullScreenImageContext.Provider>\r\n  );\r\n};\r\n\r\n/* -------------------------------------------------------------------------------------------------\r\n * Hooks\r\n * -----------------------------------------------------------------------------------------------*/\r\n\r\n// Hook to use the context\r\nconst useFullScreenImage = () => {\r\n  const context = useContext(FullScreenImageContext);\r\n  if (!context) {\r\n    throw new Error('useFullScreenImage must be used within a FullScreenImage.Root');\r\n  }\r\n  return context;\r\n};\r\n\r\n/* -------------------------------------------------------------------------------------------------\r\n * Trigger\r\n * -----------------------------------------------------------------------------------------------*/\r\n\r\n// Trigger component that opens the full screen image\r\nconst Trigger = ({ children, asChild = false }: FullScreenImageTriggerProps) => {\r\n  const { open } = useFullScreenImage();\r\n\r\n  const handleClick = (e: React.MouseEvent) => {\r\n    e.stopPropagation();\r\n    open();\r\n  };\r\n\r\n  if (asChild) {\r\n    return (\r\n      <div onClick={handleClick} style={{ cursor: 'pointer', display: 'contents' }}>\r\n        {children}\r\n      </div>\r\n    );\r\n  }\r\n\r\n  return (\r\n    <div onClick={handleClick} style={{ cursor: 'pointer' }}>\r\n      {children}\r\n    </div>\r\n  );\r\n};\r\n\r\n/* -------------------------------------------------------------------------------------------------\r\n * Export\r\n * -----------------------------------------------------------------------------------------------*/\r\n\r\nexport const FullScreenImage = {\r\n  Root,\r\n  Trigger,\r\n};\r\n"],"names":["FullScreenImageContext","createContext","undefined","setOpacity","hex","alpha","Math","floor","toString","padStart","Overlay","styled","div","props","theme","colors","neutral800","ImageWrapper","ANIMATIONS","scaleIn","StyledImg","Base64Img","ImageModal","src","alt","onClose","overlayRef","useRef","wrapperRef","useEffect","handleKeyDown","e","key","preventDefault","stopPropagation","stopImmediatePropagation","cancelBubble","window","addEventListener","removeEventListener","handleOverlayClick","target","current","handleWrapperClick","overlay","wrapper","createPortal","_jsx","ref","document","body","Root","children","defaultOpen","isOpen","setIsOpen","useState","open","close","_jsxs","Provider","value","useFullScreenImage","context","useContext","Error","Trigger","asChild","handleClick","onClick","style","cursor","display","FullScreenImage"],"mappings":"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"}

package/dist/admin/components/AIChat/components/FullScreenImage.mjs

@@ -0,0 +1,187 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useState, createContext, useRef, useEffect, useContext } from 'react';
+import { createPortal } from 'react-dom';
+import { styled } from 'styled-components';
+import { ANIMATIONS } from './animations.mjs';
+import { Base64Img } from './Base64Image.mjs';
+
+const FullScreenImageContext = /*#__PURE__*/ createContext(undefined);
+/* -------------------------------------------------------------------------------------------------
+ * Styles
+ * -----------------------------------------------------------------------------------------------*/ const setOpacity = (hex, alpha)=>`${hex}${Math.floor(alpha * 255).toString(16).padStart(2, '0')}`;
+const Overlay = styled.div`
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  width: 100vw;
+  height: 100vh;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  z-index: 500;
+  pointer-events: auto; /* Explicitly enable pointer events */
+  background: ${(props)=>setOpacity(props.theme.colors.neutral800, 0.2)};
+`;
+const ImageWrapper = styled.div`
+  max-width: 80vw;
+  max-height: 90vh;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  pointer-events: auto; /* Explicitly enable pointer events */
+  position: relative;
+  animation: ${ANIMATIONS.scaleIn} 0.3s ease;
+`;
+const StyledImg = styled(Base64Img)`
+  max-width: 100%;
+  max-height: 90vh;
+  object-fit: contain;
+  pointer-events: auto; /* Explicitly enable pointer events */
+`;
+/* -------------------------------------------------------------------------------------------------
+ * Modal
+ * -----------------------------------------------------------------------------------------------*/ // Use the existing FullScreenImage as our modal component
+const ImageModal = ({ src, alt, onClose })=>{
+    const overlayRef = useRef(null);
+    const wrapperRef = useRef(null);
+    // Close on ESC key press
+    useEffect(()=>{
+        const handleKeyDown = (e)=>{
+            if (e.key === 'Escape') {
+                // Stop propagation to prevent closing parent modals
+                e.preventDefault();
+                e.stopPropagation();
+                onClose?.();
+                // The next 3 lines are critical: they completely stop the event
+                e.stopImmediatePropagation();
+                e.cancelBubble = true; // For older browsers
+                return false;
+            }
+        };
+        // Use capture phase to intercept event before it reaches other components
+        window.addEventListener('keydown', handleKeyDown, true);
+        return ()=>window.removeEventListener('keydown', handleKeyDown, true);
+    }, [
+        onClose
+    ]);
+    // Setup click handlers
+    useEffect(()=>{
+        const handleOverlayClick = (e)=>{
+            // Only close if clicking directly on the overlay (not its children)
+            if (e.target === overlayRef.current) {
+                e.preventDefault();
+                e.stopPropagation();
+                onClose?.();
+            }
+        };
+        const handleWrapperClick = (e)=>{
+            // Stop propagation for clicks on the image wrapper
+            e.stopPropagation();
+        };
+        const overlay = overlayRef.current;
+        const wrapper = wrapperRef.current;
+        if (overlay) {
+            overlay.addEventListener('click', handleOverlayClick);
+        }
+        if (wrapper) {
+            wrapper.addEventListener('click', handleWrapperClick);
+        }
+        return ()=>{
+            if (overlay) {
+                overlay.removeEventListener('click', handleOverlayClick);
+            }
+            if (wrapper) {
+                wrapper.removeEventListener('click', handleWrapperClick);
+            }
+        };
+    }, [
+        onClose
+    ]);
+    // Using createPortal to render directly at document body level
+    return /*#__PURE__*/ createPortal(/*#__PURE__*/ jsx(Overlay, {
+        ref: overlayRef,
+        children: /*#__PURE__*/ jsx(ImageWrapper, {
+            ref: wrapperRef,
+            children: /*#__PURE__*/ jsx(StyledImg, {
+                src: src,
+                alt: alt
+            })
+        })
+    }), document.body);
+};
+/* -------------------------------------------------------------------------------------------------
+ * Root
+ * -----------------------------------------------------------------------------------------------*/ // Root component that provides context
+const Root = ({ children, src, alt, onClose, defaultOpen = false })=>{
+    const [isOpen, setIsOpen] = useState(defaultOpen);
+    const open = ()=>setIsOpen(true);
+    const close = ()=>{
+        setIsOpen(false);
+        onClose?.();
+    };
+    return /*#__PURE__*/ jsxs(FullScreenImageContext.Provider, {
+        value: {
+            isOpen,
+            open,
+            close,
+            src,
+            alt
+        },
+        children: [
+            children,
+            isOpen && /*#__PURE__*/ jsx(ImageModal, {
+                src: src,
+                alt: alt,
+                onClose: close
+            })
+        ]
+    });
+};
+/* -------------------------------------------------------------------------------------------------
+ * Hooks
+ * -----------------------------------------------------------------------------------------------*/ // Hook to use the context
+const useFullScreenImage = ()=>{
+    const context = useContext(FullScreenImageContext);
+    if (!context) {
+        throw new Error('useFullScreenImage must be used within a FullScreenImage.Root');
+    }
+    return context;
+};
+/* -------------------------------------------------------------------------------------------------
+ * Trigger
+ * -----------------------------------------------------------------------------------------------*/ // Trigger component that opens the full screen image
+const Trigger = ({ children, asChild = false })=>{
+    const { open } = useFullScreenImage();
+    const handleClick = (e)=>{
+        e.stopPropagation();
+        open();
+    };
+    if (asChild) {
+        return /*#__PURE__*/ jsx("div", {
+            onClick: handleClick,
+            style: {
+                cursor: 'pointer',
+                display: 'contents'
+            },
+            children: children
+        });
+    }
+    return /*#__PURE__*/ jsx("div", {
+        onClick: handleClick,
+        style: {
+            cursor: 'pointer'
+        },
+        children: children
+    });
+};
+/* -------------------------------------------------------------------------------------------------
+ * Export
+ * -----------------------------------------------------------------------------------------------*/ const FullScreenImage = {
+    Root,
+    Trigger
+};
+
+export { FullScreenImage, setOpacity };
+//# sourceMappingURL=FullScreenImage.mjs.map

package/dist/admin/components/AIChat/components/FullScreenImage.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FullScreenImage.mjs","sources":["../../../../../admin/src/components/AIChat/components/FullScreenImage.tsx"],"sourcesContent":["import { useEffect, useRef, createContext, useContext, useState, ReactNode } from 'react';\r\n\r\nimport { createPortal } from 'react-dom';\r\nimport { styled } from 'styled-components';\r\n\r\nimport { ANIMATIONS } from './animations';\r\nimport { Base64Img } from './Base64Image';\r\n\r\n/* -------------------------------------------------------------------------------------------------\r\n * Context\r\n * -----------------------------------------------------------------------------------------------*/\r\n\r\ninterface FullScreenImageContextType {\r\n  isOpen: boolean;\r\n  open: () => void;\r\n  close: () => void;\r\n  src: string;\r\n  alt: string;\r\n}\r\n\r\nconst FullScreenImageContext = createContext<FullScreenImageContextType | undefined>(undefined);\r\n\r\n/* -------------------------------------------------------------------------------------------------\r\n * Types\r\n * -----------------------------------------------------------------------------------------------*/\r\n\r\ninterface FullScreenImageProps {\r\n  src: string;\r\n  alt: string;\r\n  onClose?: () => void;\r\n}\r\n\r\ninterface FullScreenImageRootProps extends FullScreenImageProps {\r\n  children: ReactNode;\r\n  defaultOpen?: boolean;\r\n}\r\n\r\ninterface FullScreenImageTriggerProps {\r\n  children: ReactNode;\r\n  asChild?: boolean;\r\n}\r\n\r\n/* -------------------------------------------------------------------------------------------------\r\n * Styles\r\n * -----------------------------------------------------------------------------------------------*/\r\nexport const setOpacity = (hex: string, alpha: number) =>\r\n  `${hex}${Math.floor(alpha * 255)\r\n    .toString(16)\r\n    .padStart(2, '0')}`;\r\n\r\nconst Overlay = styled.div`\r\n  position: fixed;\r\n  top: 0;\r\n  left: 0;\r\n  right: 0;\r\n  bottom: 0;\r\n  width: 100vw;\r\n  height: 100vh;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  z-index: 500;\r\n  pointer-events: auto; /* Explicitly enable pointer events */\r\n  background: ${(props) => setOpacity(props.theme.colors.neutral800, 0.2)};\r\n`;\r\n\r\nconst ImageWrapper = styled.div`\r\n  max-width: 80vw;\r\n  max-height: 90vh;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  pointer-events: auto; /* Explicitly enable pointer events */\r\n  position: relative;\r\n  animation: ${ANIMATIONS.scaleIn} 0.3s ease;\r\n`;\r\n\r\nconst StyledImg = styled(Base64Img)`\r\n  max-width: 100%;\r\n  max-height: 90vh;\r\n  object-fit: contain;\r\n  pointer-events: auto; /* Explicitly enable pointer events */\r\n`;\r\n\r\n/* -------------------------------------------------------------------------------------------------\r\n * Modal\r\n * -----------------------------------------------------------------------------------------------*/\r\n\r\n// Use the existing FullScreenImage as our modal component\r\nconst ImageModal = ({ src, alt, onClose }: FullScreenImageProps) => {\r\n  const overlayRef = useRef<HTMLDivElement>(null);\r\n  const wrapperRef = useRef<HTMLDivElement>(null);\r\n\r\n  // Close on ESC key press\r\n  useEffect(() => {\r\n    const handleKeyDown = (e: KeyboardEvent) => {\r\n      if (e.key === 'Escape') {\r\n        // Stop propagation to prevent closing parent modals\r\n        e.preventDefault();\r\n        e.stopPropagation();\r\n        onClose?.();\r\n\r\n        // The next 3 lines are critical: they completely stop the event\r\n        e.stopImmediatePropagation();\r\n        e.cancelBubble = true; // For older browsers\r\n        return false;\r\n      }\r\n    };\r\n\r\n    // Use capture phase to intercept event before it reaches other components\r\n    window.addEventListener('keydown', handleKeyDown, true);\r\n    return () => window.removeEventListener('keydown', handleKeyDown, true);\r\n  }, [onClose]);\r\n\r\n  // Setup click handlers\r\n  useEffect(() => {\r\n    const handleOverlayClick = (e: MouseEvent) => {\r\n      // Only close if clicking directly on the overlay (not its children)\r\n      if (e.target === overlayRef.current) {\r\n        e.preventDefault();\r\n        e.stopPropagation();\r\n        onClose?.();\r\n      }\r\n    };\r\n\r\n    const handleWrapperClick = (e: MouseEvent) => {\r\n      // Stop propagation for clicks on the image wrapper\r\n      e.stopPropagation();\r\n    };\r\n\r\n    const overlay = overlayRef.current;\r\n    const wrapper = wrapperRef.current;\r\n\r\n    if (overlay) {\r\n      overlay.addEventListener('click', handleOverlayClick);\r\n    }\r\n\r\n    if (wrapper) {\r\n      wrapper.addEventListener('click', handleWrapperClick);\r\n    }\r\n\r\n    return () => {\r\n      if (overlay) {\r\n        overlay.removeEventListener('click', handleOverlayClick);\r\n      }\r\n\r\n      if (wrapper) {\r\n        wrapper.removeEventListener('click', handleWrapperClick);\r\n      }\r\n    };\r\n  }, [onClose]);\r\n\r\n  // Using createPortal to render directly at document body level\r\n  return createPortal(\r\n    <Overlay ref={overlayRef}>\r\n      <ImageWrapper ref={wrapperRef}>\r\n        <StyledImg src={src} alt={alt} />\r\n      </ImageWrapper>\r\n    </Overlay>,\r\n    document.body\r\n  );\r\n};\r\n\r\n/* -------------------------------------------------------------------------------------------------\r\n * Root\r\n * -----------------------------------------------------------------------------------------------*/\r\n\r\n// Root component that provides context\r\nconst Root = ({ children, src, alt, onClose, defaultOpen = false }: FullScreenImageRootProps) => {\r\n  const [isOpen, setIsOpen] = useState(defaultOpen);\r\n\r\n  const open = () => setIsOpen(true);\r\n  const close = () => {\r\n    setIsOpen(false);\r\n    onClose?.();\r\n  };\r\n\r\n  return (\r\n    <FullScreenImageContext.Provider value={{ isOpen, open, close, src, alt }}>\r\n      {children}\r\n      {isOpen && <ImageModal src={src} alt={alt} onClose={close} />}\r\n    </FullScreenImageContext.Provider>\r\n  );\r\n};\r\n\r\n/* -------------------------------------------------------------------------------------------------\r\n * Hooks\r\n * -----------------------------------------------------------------------------------------------*/\r\n\r\n// Hook to use the context\r\nconst useFullScreenImage = () => {\r\n  const context = useContext(FullScreenImageContext);\r\n  if (!context) {\r\n    throw new Error('useFullScreenImage must be used within a FullScreenImage.Root');\r\n  }\r\n  return context;\r\n};\r\n\r\n/* -------------------------------------------------------------------------------------------------\r\n * Trigger\r\n * -----------------------------------------------------------------------------------------------*/\r\n\r\n// Trigger component that opens the full screen image\r\nconst Trigger = ({ children, asChild = false }: FullScreenImageTriggerProps) => {\r\n  const { open } = useFullScreenImage();\r\n\r\n  const handleClick = (e: React.MouseEvent) => {\r\n    e.stopPropagation();\r\n    open();\r\n  };\r\n\r\n  if (asChild) {\r\n    return (\r\n      <div onClick={handleClick} style={{ cursor: 'pointer', display: 'contents' }}>\r\n        {children}\r\n      </div>\r\n    );\r\n  }\r\n\r\n  return (\r\n    <div onClick={handleClick} style={{ cursor: 'pointer' }}>\r\n      {children}\r\n    </div>\r\n  );\r\n};\r\n\r\n/* -------------------------------------------------------------------------------------------------\r\n * Export\r\n * -----------------------------------------------------------------------------------------------*/\r\n\r\nexport const FullScreenImage = {\r\n  Root,\r\n  Trigger,\r\n};\r\n"],"names":["FullScreenImageContext","createContext","undefined","setOpacity","hex","alpha","Math","floor","toString","padStart","Overlay","styled","div","props","theme","colors","neutral800","ImageWrapper","ANIMATIONS","scaleIn","StyledImg","Base64Img","ImageModal","src","alt","onClose","overlayRef","useRef","wrapperRef","useEffect","handleKeyDown","e","key","preventDefault","stopPropagation","stopImmediatePropagation","cancelBubble","window","addEventListener","removeEventListener","handleOverlayClick","target","current","handleWrapperClick","overlay","wrapper","createPortal","_jsx","ref","document","body","Root","children","defaultOpen","isOpen","setIsOpen","useState","open","close","_jsxs","Provider","value","useFullScreenImage","context","useContext","Error","Trigger","asChild","handleClick","onClick","style","cursor","display","FullScreenImage"],"mappings":"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"}

package/dist/admin/components/AIChat/components/ImagePreview.js

@@ -0,0 +1,87 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var designSystem = require('@strapi/design-system');
+var Icons = require('@strapi/icons');
+var styledComponents = require('styled-components');
+var animations = require('./animations.js');
+var Base64Image = require('./Base64Image.js');
+var FullScreenImage = require('./FullScreenImage.js');
+
+const ImageContainer = styledComponents.styled(designSystem.Box)`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 160px;
+  width: 100%;
+  border-radius: 4px 4px 0 0;
+  overflow: hidden;
+  cursor: pointer;
+`;
+const StyledImg = styledComponents.styled(Base64Image.Base64Img)`
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+  display: block;
+  // make it appear gracefully when first rendering
+  animation: ${animations.ANIMATIONS.fadeIn} 0.3s ease;
+`;
+const CardContainer = styledComponents.styled(designSystem.Card)`
+  height: 100%;
+  width: 100%;
+  ${({ $selected, theme })=>$selected ? `
+      border: 2px solid ${theme.colors.primary600};
+      outline: 0px solid transparent;
+    ` : `
+      border: 2px solid transparent;
+      outline: 1px solid ${theme.colors.neutral200};
+    `}
+  transition: all 0.2s ease-in-out;
+`;
+const ImagePreview = ({ imageUrl, imageName, selected = false, onSelect })=>{
+    return /*#__PURE__*/ jsxRuntime.jsx(FullScreenImage.FullScreenImage.Root, {
+        src: imageUrl,
+        alt: imageName,
+        children: /*#__PURE__*/ jsxRuntime.jsxs(CardContainer, {
+            role: "button",
+            $selected: selected,
+            children: [
+                /*#__PURE__*/ jsxRuntime.jsxs(designSystem.CardHeader, {
+                    children: [
+                        /*#__PURE__*/ jsxRuntime.jsx(designSystem.CardCheckbox, {
+                            checked: selected,
+                            onCheckedChange: onSelect
+                        }),
+                        /*#__PURE__*/ jsxRuntime.jsx(designSystem.CardAction, {
+                            position: "end",
+                            children: /*#__PURE__*/ jsxRuntime.jsx(FullScreenImage.FullScreenImage.Trigger, {
+                                children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.IconButton, {
+                                    label: "Preview",
+                                    type: "button",
+                                    children: /*#__PURE__*/ jsxRuntime.jsx(Icons.Expand, {})
+                                })
+                            })
+                        }),
+                        /*#__PURE__*/ jsxRuntime.jsx(ImageContainer, {
+                            onClick: onSelect,
+                            children: /*#__PURE__*/ jsxRuntime.jsx(StyledImg, {
+                                src: imageUrl,
+                                alt: imageName
+                            })
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ jsxRuntime.jsx(designSystem.CardBody, {
+                    children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.CardContent, {
+                        children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.CardTitle, {
+                            children: imageName
+                        })
+                    })
+                })
+            ]
+        })
+    });
+};
+
+exports.ImagePreview = ImagePreview;
+//# sourceMappingURL=ImagePreview.js.map

package/dist/admin/components/AIChat/components/ImagePreview.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImagePreview.js","sources":["../../../../../admin/src/components/AIChat/components/ImagePreview.tsx"],"sourcesContent":["import {\r\n  Box,\r\n  Card,\r\n  CardBody,\r\n  CardCheckbox,\r\n  CardContent,\r\n  CardHeader,\r\n  CardAction,\r\n  CardTitle,\r\n  IconButton,\r\n} from '@strapi/design-system';\r\nimport { Expand } from '@strapi/icons';\r\nimport { styled } from 'styled-components';\r\n\r\nimport { ANIMATIONS } from './animations';\r\nimport { Base64Img } from './Base64Image';\r\nimport { FullScreenImage } from './FullScreenImage';\r\n\r\ninterface Base64ImageProps {\r\n  imageUrl: string;\r\n  imageName: string;\r\n  selected?: boolean;\r\n  onSelect?: (selected: boolean) => void;\r\n}\r\n\r\nconst ImageContainer = styled(Box)`\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  height: 160px;\r\n  width: 100%;\r\n  border-radius: 4px 4px 0 0;\r\n  overflow: hidden;\r\n  cursor: pointer;\r\n`;\r\n\r\nconst StyledImg = styled(Base64Img)`\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  display: block;\r\n  // make it appear gracefully when first rendering\r\n  animation: ${ANIMATIONS.fadeIn} 0.3s ease;\r\n`;\r\n\r\nconst CardContainer = styled(Card)<{ $selected?: boolean }>`\r\n  height: 100%;\r\n  width: 100%;\r\n  ${({ $selected, theme }) =>\r\n    $selected\r\n      ? `\r\n      border: 2px solid ${theme.colors.primary600};\r\n      outline: 0px solid transparent;\r\n    `\r\n      : `\r\n      border: 2px solid transparent;\r\n      outline: 1px solid ${theme.colors.neutral200};\r\n    `}\r\n  transition: all 0.2s ease-in-out;\r\n`;\r\n\r\nexport const ImagePreview = ({\r\n  imageUrl,\r\n  imageName,\r\n  selected = false,\r\n  onSelect,\r\n}: Base64ImageProps) => {\r\n  return (\r\n    <FullScreenImage.Root src={imageUrl} alt={imageName}>\r\n      <CardContainer role=\"button\" $selected={selected}>\r\n        <CardHeader>\r\n          <CardCheckbox checked={selected} onCheckedChange={onSelect} />\r\n          <CardAction position=\"end\">\r\n            <FullScreenImage.Trigger>\r\n              <IconButton label=\"Preview\" type=\"button\">\r\n                <Expand />\r\n              </IconButton>\r\n            </FullScreenImage.Trigger>\r\n          </CardAction>\r\n          <ImageContainer onClick={onSelect}>\r\n            <StyledImg src={imageUrl} alt={imageName} />\r\n          </ImageContainer>\r\n        </CardHeader>\r\n\r\n        <CardBody>\r\n          <CardContent>\r\n            <CardTitle>{imageName}</CardTitle>\r\n          </CardContent>\r\n        </CardBody>\r\n      </CardContainer>\r\n    </FullScreenImage.Root>\r\n  );\r\n};\r\n"],"names":["ImageContainer","styled","Box","StyledImg","Base64Img","ANIMATIONS","fadeIn","CardContainer","Card","$selected","theme","colors","primary600","neutral200","ImagePreview","imageUrl","imageName","selected","onSelect","_jsx","FullScreenImage","Root","src","alt","_jsxs","role","CardHeader","CardCheckbox","checked","onCheckedChange","CardAction","position","Trigger","IconButton","label","type","Expand","onClick","CardBody","CardContent","CardTitle"],"mappings":";;;;;;;;;;AAyBA,MAAMA,cAAAA,GAAiBC,uBAAAA,CAAOC,gBAAAA,CAAI,CAAC;;;;;;;;;AASnC,CAAC;AAED,MAAMC,SAAAA,GAAYF,uBAAAA,CAAOG,qBAAAA,CAAU,CAAC;;;;;;aAMvB,EAAEC,qBAAAA,CAAWC,MAAM,CAAC;AACjC,CAAC;AAED,MAAMC,aAAAA,GAAgBN,uBAAAA,CAAOO,iBAAAA,CAA8B,CAAC;;;EAG1D,EAAE,CAAC,EAAEC,SAAS,EAAEC,KAAK,EAAE,GACrBD,YACI;AACgB,wBAAA,EAAEC,KAAAA,CAAMC,MAAM,CAACC,UAAU,CAAC;;AAE9C,IAAA,CAAC,GACG;;AAEiB,yBAAA,EAAEF,KAAAA,CAAMC,MAAM,CAACE,UAAU,CAAC;AAC/C,IAAA,CAAC,CAAC;;AAEN,CAAC;AAEM,MAAMC,YAAAA,GAAe,CAAC,EAC3BC,QAAQ,EACRC,SAAS,EACTC,QAAAA,GAAW,KAAK,EAChBC,QAAQ,EACS,GAAA;IACjB,qBACEC,cAAA,CAACC,gCAAgBC,IAAI,EAAA;QAACC,GAAAA,EAAKP,QAAAA;QAAUQ,GAAAA,EAAKP,SAAAA;AACxC,QAAA,QAAA,gBAAAQ,eAAA,CAACjB,aAAAA,EAAAA;YAAckB,IAAAA,EAAK,QAAA;YAAShB,SAAAA,EAAWQ,QAAAA;;8BACtCO,eAAA,CAACE,uBAAAA,EAAAA;;sCACCP,cAAA,CAACQ,yBAAAA,EAAAA;4BAAaC,OAAAA,EAASX,QAAAA;4BAAUY,eAAAA,EAAiBX;;sCAClDC,cAAA,CAACW,uBAAAA,EAAAA;4BAAWC,QAAAA,EAAS,KAAA;oDACnBZ,cAAA,CAACC,gCAAgBY,OAAO,EAAA;AACtB,gCAAA,QAAA,gBAAAb,cAAA,CAACc,uBAAAA,EAAAA;oCAAWC,KAAAA,EAAM,SAAA;oCAAUC,IAAAA,EAAK,QAAA;AAC/B,oCAAA,QAAA,gBAAAhB,cAAA,CAACiB,YAAAA,EAAAA,EAAAA;;;;sCAIPjB,cAAA,CAACnB,cAAAA,EAAAA;4BAAeqC,OAAAA,EAASnB,QAAAA;AACvB,4BAAA,QAAA,gBAAAC,cAAA,CAAChB,SAAAA,EAAAA;gCAAUmB,GAAAA,EAAKP,QAAAA;gCAAUQ,GAAAA,EAAKP;;;;;8BAInCG,cAAA,CAACmB,qBAAAA,EAAAA;AACC,oBAAA,QAAA,gBAAAnB,cAAA,CAACoB,wBAAAA,EAAAA;AACC,wBAAA,QAAA,gBAAApB,cAAA,CAACqB,sBAAAA,EAAAA;AAAWxB,4BAAAA,QAAAA,EAAAA;;;;;;;AAMxB;;;;"}

package/dist/admin/components/AIChat/components/ImagePreview.mjs

@@ -0,0 +1,85 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { CardHeader, CardCheckbox, CardAction, IconButton, CardBody, CardContent, CardTitle, Card, Box } from '@strapi/design-system';
+import { Expand } from '@strapi/icons';
+import { styled } from 'styled-components';
+import { ANIMATIONS } from './animations.mjs';
+import { Base64Img } from './Base64Image.mjs';
+import { FullScreenImage } from './FullScreenImage.mjs';
+
+const ImageContainer = styled(Box)`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 160px;
+  width: 100%;
+  border-radius: 4px 4px 0 0;
+  overflow: hidden;
+  cursor: pointer;
+`;
+const StyledImg = styled(Base64Img)`
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+  display: block;
+  // make it appear gracefully when first rendering
+  animation: ${ANIMATIONS.fadeIn} 0.3s ease;
+`;
+const CardContainer = styled(Card)`
+  height: 100%;
+  width: 100%;
+  ${({ $selected, theme })=>$selected ? `
+      border: 2px solid ${theme.colors.primary600};
+      outline: 0px solid transparent;
+    ` : `
+      border: 2px solid transparent;
+      outline: 1px solid ${theme.colors.neutral200};
+    `}
+  transition: all 0.2s ease-in-out;
+`;
+const ImagePreview = ({ imageUrl, imageName, selected = false, onSelect })=>{
+    return /*#__PURE__*/ jsx(FullScreenImage.Root, {
+        src: imageUrl,
+        alt: imageName,
+        children: /*#__PURE__*/ jsxs(CardContainer, {
+            role: "button",
+            $selected: selected,
+            children: [
+                /*#__PURE__*/ jsxs(CardHeader, {
+                    children: [
+                        /*#__PURE__*/ jsx(CardCheckbox, {
+                            checked: selected,
+                            onCheckedChange: onSelect
+                        }),
+                        /*#__PURE__*/ jsx(CardAction, {
+                            position: "end",
+                            children: /*#__PURE__*/ jsx(FullScreenImage.Trigger, {
+                                children: /*#__PURE__*/ jsx(IconButton, {
+                                    label: "Preview",
+                                    type: "button",
+                                    children: /*#__PURE__*/ jsx(Expand, {})
+                                })
+                            })
+                        }),
+                        /*#__PURE__*/ jsx(ImageContainer, {
+                            onClick: onSelect,
+                            children: /*#__PURE__*/ jsx(StyledImg, {
+                                src: imageUrl,
+                                alt: imageName
+                            })
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ jsx(CardBody, {
+                    children: /*#__PURE__*/ jsx(CardContent, {
+                        children: /*#__PURE__*/ jsx(CardTitle, {
+                            children: imageName
+                        })
+                    })
+                })
+            ]
+        })
+    });
+};
+
+export { ImagePreview };
+//# sourceMappingURL=ImagePreview.mjs.map

package/dist/admin/components/AIChat/components/ImagePreview.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImagePreview.mjs","sources":["../../../../../admin/src/components/AIChat/components/ImagePreview.tsx"],"sourcesContent":["import {\r\n  Box,\r\n  Card,\r\n  CardBody,\r\n  CardCheckbox,\r\n  CardContent,\r\n  CardHeader,\r\n  CardAction,\r\n  CardTitle,\r\n  IconButton,\r\n} from '@strapi/design-system';\r\nimport { Expand } from '@strapi/icons';\r\nimport { styled } from 'styled-components';\r\n\r\nimport { ANIMATIONS } from './animations';\r\nimport { Base64Img } from './Base64Image';\r\nimport { FullScreenImage } from './FullScreenImage';\r\n\r\ninterface Base64ImageProps {\r\n  imageUrl: string;\r\n  imageName: string;\r\n  selected?: boolean;\r\n  onSelect?: (selected: boolean) => void;\r\n}\r\n\r\nconst ImageContainer = styled(Box)`\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  height: 160px;\r\n  width: 100%;\r\n  border-radius: 4px 4px 0 0;\r\n  overflow: hidden;\r\n  cursor: pointer;\r\n`;\r\n\r\nconst StyledImg = styled(Base64Img)`\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  display: block;\r\n  // make it appear gracefully when first rendering\r\n  animation: ${ANIMATIONS.fadeIn} 0.3s ease;\r\n`;\r\n\r\nconst CardContainer = styled(Card)<{ $selected?: boolean }>`\r\n  height: 100%;\r\n  width: 100%;\r\n  ${({ $selected, theme }) =>\r\n    $selected\r\n      ? `\r\n      border: 2px solid ${theme.colors.primary600};\r\n      outline: 0px solid transparent;\r\n    `\r\n      : `\r\n      border: 2px solid transparent;\r\n      outline: 1px solid ${theme.colors.neutral200};\r\n    `}\r\n  transition: all 0.2s ease-in-out;\r\n`;\r\n\r\nexport const ImagePreview = ({\r\n  imageUrl,\r\n  imageName,\r\n  selected = false,\r\n  onSelect,\r\n}: Base64ImageProps) => {\r\n  return (\r\n    <FullScreenImage.Root src={imageUrl} alt={imageName}>\r\n      <CardContainer role=\"button\" $selected={selected}>\r\n        <CardHeader>\r\n          <CardCheckbox checked={selected} onCheckedChange={onSelect} />\r\n          <CardAction position=\"end\">\r\n            <FullScreenImage.Trigger>\r\n              <IconButton label=\"Preview\" type=\"button\">\r\n                <Expand />\r\n              </IconButton>\r\n            </FullScreenImage.Trigger>\r\n          </CardAction>\r\n          <ImageContainer onClick={onSelect}>\r\n            <StyledImg src={imageUrl} alt={imageName} />\r\n          </ImageContainer>\r\n        </CardHeader>\r\n\r\n        <CardBody>\r\n          <CardContent>\r\n            <CardTitle>{imageName}</CardTitle>\r\n          </CardContent>\r\n        </CardBody>\r\n      </CardContainer>\r\n    </FullScreenImage.Root>\r\n  );\r\n};\r\n"],"names":["ImageContainer","styled","Box","StyledImg","Base64Img","ANIMATIONS","fadeIn","CardContainer","Card","$selected","theme","colors","primary600","neutral200","ImagePreview","imageUrl","imageName","selected","onSelect","_jsx","FullScreenImage","Root","src","alt","_jsxs","role","CardHeader","CardCheckbox","checked","onCheckedChange","CardAction","position","Trigger","IconButton","label","type","Expand","onClick","CardBody","CardContent","CardTitle"],"mappings":";;;;;;;;AAyBA,MAAMA,cAAAA,GAAiBC,MAAAA,CAAOC,GAAAA,CAAI,CAAC;;;;;;;;;AASnC,CAAC;AAED,MAAMC,SAAAA,GAAYF,MAAAA,CAAOG,SAAAA,CAAU,CAAC;;;;;;aAMvB,EAAEC,UAAAA,CAAWC,MAAM,CAAC;AACjC,CAAC;AAED,MAAMC,aAAAA,GAAgBN,MAAAA,CAAOO,IAAAA,CAA8B,CAAC;;;EAG1D,EAAE,CAAC,EAAEC,SAAS,EAAEC,KAAK,EAAE,GACrBD,YACI;AACgB,wBAAA,EAAEC,KAAAA,CAAMC,MAAM,CAACC,UAAU,CAAC;;AAE9C,IAAA,CAAC,GACG;;AAEiB,yBAAA,EAAEF,KAAAA,CAAMC,MAAM,CAACE,UAAU,CAAC;AAC/C,IAAA,CAAC,CAAC;;AAEN,CAAC;AAEM,MAAMC,YAAAA,GAAe,CAAC,EAC3BC,QAAQ,EACRC,SAAS,EACTC,QAAAA,GAAW,KAAK,EAChBC,QAAQ,EACS,GAAA;IACjB,qBACEC,GAAA,CAACC,gBAAgBC,IAAI,EAAA;QAACC,GAAAA,EAAKP,QAAAA;QAAUQ,GAAAA,EAAKP,SAAAA;AACxC,QAAA,QAAA,gBAAAQ,IAAA,CAACjB,aAAAA,EAAAA;YAAckB,IAAAA,EAAK,QAAA;YAAShB,SAAAA,EAAWQ,QAAAA;;8BACtCO,IAAA,CAACE,UAAAA,EAAAA;;sCACCP,GAAA,CAACQ,YAAAA,EAAAA;4BAAaC,OAAAA,EAASX,QAAAA;4BAAUY,eAAAA,EAAiBX;;sCAClDC,GAAA,CAACW,UAAAA,EAAAA;4BAAWC,QAAAA,EAAS,KAAA;oDACnBZ,GAAA,CAACC,gBAAgBY,OAAO,EAAA;AACtB,gCAAA,QAAA,gBAAAb,GAAA,CAACc,UAAAA,EAAAA;oCAAWC,KAAAA,EAAM,SAAA;oCAAUC,IAAAA,EAAK,QAAA;AAC/B,oCAAA,QAAA,gBAAAhB,GAAA,CAACiB,MAAAA,EAAAA,EAAAA;;;;sCAIPjB,GAAA,CAACnB,cAAAA,EAAAA;4BAAeqC,OAAAA,EAASnB,QAAAA;AACvB,4BAAA,QAAA,gBAAAC,GAAA,CAAChB,SAAAA,EAAAA;gCAAUmB,GAAAA,EAAKP,QAAAA;gCAAUQ,GAAAA,EAAKP;;;;;8BAInCG,GAAA,CAACmB,QAAAA,EAAAA;AACC,oBAAA,QAAA,gBAAAnB,GAAA,CAACoB,WAAAA,EAAAA;AACC,wBAAA,QAAA,gBAAApB,GAAA,CAACqB,SAAAA,EAAAA;AAAWxB,4BAAAA,QAAAA,EAAAA;;;;;;;AAMxB;;;;"}