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

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

@@ -0,0 +1,125 @@
+import { jsx } from 'react/jsx-runtime';
+import { useState, useEffect } from 'react';
+import { Flex, Loader } from '@strapi/design-system';
+import { CrossCircle } from '@strapi/icons';
+
+const blobToBase64 = (blob)=>{
+    return new Promise((resolve, reject)=>{
+        const reader = new FileReader();
+        reader.onloadend = ()=>resolve(reader.result);
+        reader.onerror = reject;
+        reader.readAsDataURL(blob);
+    });
+};
+// Check if a string is already a data URL (base64 image)
+const isBase64Image = (src)=>{
+    return src.startsWith('data:image/');
+};
+const Base64Img = ({ src, alt, inferSize = false, onLoad: externalOnLoad, onError: externalOnError, ...rest })=>{
+    const [base64Src, setBase64Src] = useState(null);
+    const [dimensions, setDimensions] = useState({});
+    const [isLoading, setIsLoading] = useState(true);
+    const [hasError, setHasError] = useState(false);
+    useEffect(()=>{
+        const fetchAndConvert = async ()=>{
+            setIsLoading(true);
+            setHasError(false);
+            // If src is already a base64 string, use it directly
+            if (isBase64Image(src)) {
+                setBase64Src(src);
+                setIsLoading(false);
+                return;
+            }
+            try {
+                // TODO: Find a better way of doing this
+                // If url is from strapi-ai-staging.s3.us-east-1.amazonaws.com or strapi-ai-production.s3.us-east-1.amazonaws.com, use it directly
+                const url = new URL(src);
+                const allowedDomains = [
+                    'strapi-ai-staging.s3.us-east-1.amazonaws.com',
+                    'strapi-ai-production.s3.us-east-1.amazonaws.com'
+                ];
+                if (allowedDomains.includes(url.hostname)) {
+                    setBase64Src(src);
+                    setIsLoading(false);
+                    return;
+                }
+            } catch  {
+            // If URL parsing fails, continue with the fetch attempt
+            }
+            try {
+                // Only fetch if it's a URL and not already a base64 string
+                const response = await fetch(src);
+                if (!response.ok) {
+                    throw new Error(`HTTP error! status: ${response.status}`);
+                }
+                const blob = await response.blob();
+                const dataUrl = await blobToBase64(blob);
+                setBase64Src(dataUrl);
+                setIsLoading(false);
+            } catch (error) {
+                console.error('Error converting image to base64:', error);
+                setHasError(true);
+                setIsLoading(false);
+            }
+        };
+        fetchAndConvert();
+    }, [
+        src,
+        externalOnError
+    ]);
+    const handleImageLoad = (e)=>{
+        if (inferSize) {
+            const { naturalWidth, naturalHeight } = e.currentTarget;
+            setDimensions({
+                width: naturalWidth,
+                height: naturalHeight
+            });
+        }
+        if (externalOnLoad) {
+            externalOnLoad(e);
+        }
+    };
+    if (isLoading) {
+        return /*#__PURE__*/ jsx(Flex, {
+            direction: "column",
+            gap: 2,
+            alignItems: "center",
+            width: "100%",
+            children: /*#__PURE__*/ jsx(Loader, {
+                small: true
+            })
+        });
+    }
+    if (hasError) {
+        return /*#__PURE__*/ jsx(Flex, {
+            direction: "column",
+            gap: 2,
+            alignItems: "center",
+            width: "100%",
+            children: /*#__PURE__*/ jsx(CrossCircle, {
+                width: 24,
+                height: 24,
+                fill: "danger600"
+            })
+        });
+    }
+    // Build props for the img element
+    const imgProps = {
+        src: base64Src || '',
+        alt,
+        onLoad: handleImageLoad,
+        ...rest
+    };
+    // If inferSize is enabled and width/height weren't explicitly provided,
+    // merge the inferred dimensions into the props once available.
+    if (inferSize && !rest.width && !rest.height && dimensions.width && dimensions.height) {
+        imgProps.width = dimensions.width;
+        imgProps.height = dimensions.height;
+    }
+    return base64Src ? /*#__PURE__*/ jsx("img", {
+        ...imgProps
+    }) : null;
+};
+
+export { Base64Img };
+//# sourceMappingURL=Base64Image.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Base64Image.mjs","sources":["../../../../../admin/src/components/AIChat/components/Base64Image.tsx"],"sourcesContent":["import { useState, useEffect, ImgHTMLAttributes } from 'react';\r\n\r\nimport { Flex, Loader } from '@strapi/design-system';\r\nimport { CrossCircle } from '@strapi/icons';\r\n\r\nconst blobToBase64 = (blob: Blob): Promise<string | ArrayBuffer | null> => {\r\n  return new Promise((resolve, reject) => {\r\n    const reader = new FileReader();\r\n    reader.onloadend = () => resolve(reader.result);\r\n    reader.onerror = reject;\r\n    reader.readAsDataURL(blob);\r\n  });\r\n};\r\n\r\n// Check if a string is already a data URL (base64 image)\r\nconst isBase64Image = (src: string): boolean => {\r\n  return src.startsWith('data:image/');\r\n};\r\n\r\ninterface Base64ImgProps extends ImgHTMLAttributes<HTMLImageElement> {\r\n  src: string;\r\n  inferSize?: boolean;\r\n  onLoad?: (e: React.SyntheticEvent<HTMLImageElement, Event>) => void;\r\n  onError?: (e: React.SyntheticEvent<HTMLImageElement, Event>) => void;\r\n}\r\n\r\nexport const Base64Img: React.FC<Base64ImgProps> = ({\r\n  src,\r\n  alt,\r\n  inferSize = false,\r\n  onLoad: externalOnLoad,\r\n  onError: externalOnError,\r\n  ...rest\r\n}) => {\r\n  const [base64Src, setBase64Src] = useState<string | null>(null);\r\n  const [dimensions, setDimensions] = useState<{ width?: number; height?: number }>({});\r\n  const [isLoading, setIsLoading] = useState(true);\r\n  const [hasError, setHasError] = useState(false);\r\n\r\n  useEffect(() => {\r\n    const fetchAndConvert = async () => {\r\n      setIsLoading(true);\r\n      setHasError(false);\r\n\r\n      // If src is already a base64 string, use it directly\r\n      if (isBase64Image(src)) {\r\n        setBase64Src(src);\r\n        setIsLoading(false);\r\n        return;\r\n      }\r\n\r\n      try {\r\n        // TODO: Find a better way of doing this\r\n        // If url is from strapi-ai-staging.s3.us-east-1.amazonaws.com or strapi-ai-production.s3.us-east-1.amazonaws.com, use it directly\r\n        const url = new URL(src);\r\n        const allowedDomains = [\r\n          'strapi-ai-staging.s3.us-east-1.amazonaws.com',\r\n          'strapi-ai-production.s3.us-east-1.amazonaws.com',\r\n        ];\r\n\r\n        if (allowedDomains.includes(url.hostname)) {\r\n          setBase64Src(src);\r\n          setIsLoading(false);\r\n          return;\r\n        }\r\n      } catch {\r\n        // If URL parsing fails, continue with the fetch attempt\r\n      }\r\n\r\n      try {\r\n        // Only fetch if it's a URL and not already a base64 string\r\n        const response = await fetch(src);\r\n        if (!response.ok) {\r\n          throw new Error(`HTTP error! status: ${response.status}`);\r\n        }\r\n\r\n        const blob = await response.blob();\r\n        const dataUrl = await blobToBase64(blob);\r\n        setBase64Src(dataUrl as string);\r\n        setIsLoading(false);\r\n      } catch (error) {\r\n        console.error('Error converting image to base64:', error);\r\n        setHasError(true);\r\n        setIsLoading(false);\r\n      }\r\n    };\r\n\r\n    fetchAndConvert();\r\n  }, [src, externalOnError]);\r\n\r\n  const handleImageLoad = (e: React.SyntheticEvent<HTMLImageElement, Event>) => {\r\n    if (inferSize) {\r\n      const { naturalWidth, naturalHeight } = e.currentTarget;\r\n      setDimensions({ width: naturalWidth, height: naturalHeight });\r\n    }\r\n\r\n    if (externalOnLoad) {\r\n      externalOnLoad(e);\r\n    }\r\n  };\r\n\r\n  if (isLoading) {\r\n    return (\r\n      <Flex direction=\"column\" gap={2} alignItems=\"center\" width=\"100%\">\r\n        <Loader small />\r\n      </Flex>\r\n    );\r\n  }\r\n\r\n  if (hasError) {\r\n    return (\r\n      <Flex direction=\"column\" gap={2} alignItems=\"center\" width=\"100%\">\r\n        <CrossCircle width={24} height={24} fill=\"danger600\" />\r\n      </Flex>\r\n    );\r\n  }\r\n\r\n  // Build props for the img element\r\n  const imgProps: ImgHTMLAttributes<HTMLImageElement> = {\r\n    src: base64Src || '',\r\n    alt,\r\n    onLoad: handleImageLoad,\r\n    ...rest,\r\n  };\r\n\r\n  // If inferSize is enabled and width/height weren't explicitly provided,\r\n  // merge the inferred dimensions into the props once available.\r\n  if (inferSize && !rest.width && !rest.height && dimensions.width && dimensions.height) {\r\n    imgProps.width = dimensions.width;\r\n    imgProps.height = dimensions.height;\r\n  }\r\n\r\n  return base64Src ? <img {...imgProps} /> : null;\r\n};\r\n"],"names":["blobToBase64","blob","Promise","resolve","reject","reader","FileReader","onloadend","result","onerror","readAsDataURL","isBase64Image","src","startsWith","Base64Img","alt","inferSize","onLoad","externalOnLoad","onError","externalOnError","rest","base64Src","setBase64Src","useState","dimensions","setDimensions","isLoading","setIsLoading","hasError","setHasError","useEffect","fetchAndConvert","url","URL","allowedDomains","includes","hostname","response","fetch","ok","Error","status","dataUrl","error","console","handleImageLoad","e","naturalWidth","naturalHeight","currentTarget","width","height","_jsx","Flex","direction","gap","alignItems","Loader","small","CrossCircle","fill","imgProps","img"],"mappings":"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"}

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

@@ -0,0 +1,71 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var designSystem = require('@strapi/design-system');
+var styledComponents = require('styled-components');
+
+const CollapsibleContext = /*#__PURE__*/ React.createContext(undefined);
+const useCollapsible = ()=>{
+    const context = React.useContext(CollapsibleContext);
+    if (!context) {
+        throw new Error('Collapsible components must be wrapped in <Collapsible />');
+    }
+    return context;
+};
+const AnimatedContent = styledComponents.styled(designSystem.Box)`
+  overflow: hidden;
+  transition: height ${({ theme })=>theme.motion.timings['200']}
+    ${({ theme })=>theme.motion.easings.easeOutQuad};
+`;
+const Collapsible = ({ children, defaultOpen = false })=>{
+    const [open, setOpen] = React.useState(defaultOpen);
+    return /*#__PURE__*/ jsxRuntime.jsx(CollapsibleContext.Provider, {
+        value: {
+            open,
+            toggle: ()=>setOpen((prev)=>!prev)
+        },
+        children: children
+    });
+};
+const CollapsibleTrigger = ({ children })=>{
+    const { toggle, open } = useCollapsible();
+    return /*#__PURE__*/ jsxRuntime.jsx(designSystem.Box, {
+        onClick: toggle,
+        style: {
+            cursor: 'pointer'
+        },
+        children: typeof children === 'function' ? children({
+            open
+        }) : children
+    });
+};
+const CollapsibleContent = ({ children })=>{
+    const { open } = useCollapsible();
+    const contentRef = React.useRef(null);
+    const [height, setHeight] = React.useState(0);
+    React.useLayoutEffect(()=>{
+        if (contentRef.current) {
+            const contentHeight = contentRef.current.scrollHeight;
+            setHeight(contentHeight);
+        }
+    }, [
+        children
+    ]);
+    return /*#__PURE__*/ jsxRuntime.jsx(AnimatedContent, {
+        ref: contentRef,
+        role: "region",
+        "aria-hidden": !open,
+        style: {
+            height: open ? `${height}px` : 0,
+            visibility: height === 0 ? 'hidden' : 'visible'
+        },
+        children: children
+    });
+};
+
+exports.Collapsible = Collapsible;
+exports.CollapsibleContent = CollapsibleContent;
+exports.CollapsibleTrigger = CollapsibleTrigger;
+exports.useCollapsible = useCollapsible;
+//# sourceMappingURL=Collapsible.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Collapsible.js","sources":["../../../../../admin/src/components/AIChat/components/Collapsible.tsx"],"sourcesContent":["import { useState, createContext, useContext, useRef, useLayoutEffect } from 'react';\r\n\r\nimport { Box } from '@strapi/design-system';\r\nimport { styled } from 'styled-components';\r\n\r\ninterface CollapsibleContextValue {\r\n  open: boolean;\r\n  toggle: () => void;\r\n}\r\n\r\nconst CollapsibleContext = createContext<CollapsibleContextValue | undefined>(undefined);\r\n\r\nexport const useCollapsible = () => {\r\n  const context = useContext(CollapsibleContext);\r\n  if (!context) {\r\n    throw new Error('Collapsible components must be wrapped in <Collapsible />');\r\n  }\r\n  return context;\r\n};\r\n\r\nconst AnimatedContent = styled(Box)`\r\n  overflow: hidden;\r\n  transition: height ${({ theme }) => theme.motion.timings['200']}\r\n    ${({ theme }) => theme.motion.easings.easeOutQuad};\r\n`;\r\n\r\nexport const Collapsible = ({\r\n  children,\r\n  defaultOpen = false,\r\n}: {\r\n  children: React.ReactNode;\r\n  defaultOpen?: boolean;\r\n}) => {\r\n  const [open, setOpen] = useState(defaultOpen);\r\n  return (\r\n    <CollapsibleContext.Provider value={{ open, toggle: () => setOpen((prev) => !prev) }}>\r\n      {children}\r\n    </CollapsibleContext.Provider>\r\n  );\r\n};\r\n\r\nexport const CollapsibleTrigger = ({\r\n  children,\r\n}: {\r\n  children: React.ReactNode | ((props: { open: boolean }) => React.ReactNode);\r\n}) => {\r\n  const { toggle, open } = useCollapsible();\r\n  return (\r\n    <Box onClick={toggle} style={{ cursor: 'pointer' }}>\r\n      {typeof children === 'function' ? children({ open }) : children}\r\n    </Box>\r\n  );\r\n};\r\n\r\nexport const CollapsibleContent = ({ children }: { children: React.ReactNode }) => {\r\n  const { open } = useCollapsible();\r\n  const contentRef = useRef<HTMLDivElement>(null);\r\n  const [height, setHeight] = useState<number>(0);\r\n\r\n  useLayoutEffect(() => {\r\n    if (contentRef.current) {\r\n      const contentHeight = contentRef.current.scrollHeight;\r\n      setHeight(contentHeight);\r\n    }\r\n  }, [children]);\r\n\r\n  return (\r\n    <AnimatedContent\r\n      ref={contentRef}\r\n      role=\"region\"\r\n      aria-hidden={!open}\r\n      style={{\r\n        height: open ? `${height}px` : 0,\r\n        visibility: height === 0 ? 'hidden' : 'visible',\r\n      }}\r\n    >\r\n      {children}\r\n    </AnimatedContent>\r\n  );\r\n};\r\n"],"names":["CollapsibleContext","createContext","undefined","useCollapsible","context","useContext","Error","AnimatedContent","styled","Box","theme","motion","timings","easings","easeOutQuad","Collapsible","children","defaultOpen","open","setOpen","useState","_jsx","Provider","value","toggle","prev","CollapsibleTrigger","onClick","style","cursor","CollapsibleContent","contentRef","useRef","height","setHeight","useLayoutEffect","current","contentHeight","scrollHeight","ref","role","aria-hidden","visibility"],"mappings":";;;;;;;AAUA,MAAMA,mCAAqBC,mBAAAA,CAAmDC,SAAAA,CAAAA;MAEjEC,cAAAA,GAAiB,IAAA;AAC5B,IAAA,MAAMC,UAAUC,gBAAAA,CAAWL,kBAAAA,CAAAA;AAC3B,IAAA,IAAI,CAACI,OAAAA,EAAS;AACZ,QAAA,MAAM,IAAIE,KAAAA,CAAM,2DAAA,CAAA;AAClB,IAAA;IACA,OAAOF,OAAAA;AACT;AAEA,MAAMG,eAAAA,GAAkBC,uBAAAA,CAAOC,gBAAAA,CAAI,CAAC;;qBAEf,EAAE,CAAC,EAAEC,KAAK,EAAE,GAAKA,KAAAA,CAAMC,MAAM,CAACC,OAAO,CAAC,KAAA,CAAM,CAAC;IAC9D,EAAE,CAAC,EAAEF,KAAK,EAAE,GAAKA,KAAAA,CAAMC,MAAM,CAACE,OAAO,CAACC,WAAW,CAAC;AACtD,CAAC;AAEM,MAAMC,cAAc,CAAC,EAC1BC,QAAQ,EACRC,WAAAA,GAAc,KAAK,EAIpB,GAAA;AACC,IAAA,MAAM,CAACC,IAAAA,EAAMC,OAAAA,CAAQ,GAAGC,cAAAA,CAASH,WAAAA,CAAAA;IACjC,qBACEI,cAAA,CAACrB,mBAAmBsB,QAAQ,EAAA;QAACC,KAAAA,EAAO;AAAEL,YAAAA,IAAAA;AAAMM,YAAAA,MAAAA,EAAQ,IAAML,OAAAA,CAAQ,CAACM,IAAAA,GAAS,CAACA,IAAAA;AAAM,SAAA;AAChFT,QAAAA,QAAAA,EAAAA;;AAGP;AAEO,MAAMU,kBAAAA,GAAqB,CAAC,EACjCV,QAAQ,EAGT,GAAA;AACC,IAAA,MAAM,EAAEQ,MAAM,EAAEN,IAAI,EAAE,GAAGf,cAAAA,EAAAA;AACzB,IAAA,qBACEkB,cAAA,CAACZ,gBAAAA,EAAAA;QAAIkB,OAAAA,EAASH,MAAAA;QAAQI,KAAAA,EAAO;YAAEC,MAAAA,EAAQ;AAAU,SAAA;kBAC9C,OAAOb,QAAAA,KAAa,aAAaA,QAAAA,CAAS;AAAEE,YAAAA;SAAK,CAAA,GAAKF;;AAG7D;AAEO,MAAMc,kBAAAA,GAAqB,CAAC,EAAEd,QAAQ,EAAiC,GAAA;IAC5E,MAAM,EAAEE,IAAI,EAAE,GAAGf,cAAAA,EAAAA;AACjB,IAAA,MAAM4B,aAAaC,YAAAA,CAAuB,IAAA,CAAA;AAC1C,IAAA,MAAM,CAACC,MAAAA,EAAQC,SAAAA,CAAU,GAAGd,cAAAA,CAAiB,CAAA,CAAA;IAE7Ce,qBAAAA,CAAgB,IAAA;QACd,IAAIJ,UAAAA,CAAWK,OAAO,EAAE;AACtB,YAAA,MAAMC,aAAAA,GAAgBN,UAAAA,CAAWK,OAAO,CAACE,YAAY;YACrDJ,SAAAA,CAAUG,aAAAA,CAAAA;AACZ,QAAA;IACF,CAAA,EAAG;AAACrB,QAAAA;AAAS,KAAA,CAAA;AAEb,IAAA,qBACEK,cAAA,CAACd,eAAAA,EAAAA;QACCgC,GAAAA,EAAKR,UAAAA;QACLS,IAAAA,EAAK,QAAA;AACLC,QAAAA,aAAAA,EAAa,CAACvB,IAAAA;QACdU,KAAAA,EAAO;AACLK,YAAAA,MAAAA,EAAQf,IAAAA,GAAO,CAAA,EAAGe,MAAAA,CAAO,EAAE,CAAC,GAAG,CAAA;YAC/BS,UAAAA,EAAYT,MAAAA,KAAW,IAAI,QAAA,GAAW;AACxC,SAAA;AAECjB,QAAAA,QAAAA,EAAAA;;AAGP;;;;;;;"}

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

@@ -0,0 +1,66 @@
+import { jsx } from 'react/jsx-runtime';
+import { useState, useRef, useLayoutEffect, createContext, useContext } from 'react';
+import { Box } from '@strapi/design-system';
+import { styled } from 'styled-components';
+
+const CollapsibleContext = /*#__PURE__*/ createContext(undefined);
+const useCollapsible = ()=>{
+    const context = useContext(CollapsibleContext);
+    if (!context) {
+        throw new Error('Collapsible components must be wrapped in <Collapsible />');
+    }
+    return context;
+};
+const AnimatedContent = styled(Box)`
+  overflow: hidden;
+  transition: height ${({ theme })=>theme.motion.timings['200']}
+    ${({ theme })=>theme.motion.easings.easeOutQuad};
+`;
+const Collapsible = ({ children, defaultOpen = false })=>{
+    const [open, setOpen] = useState(defaultOpen);
+    return /*#__PURE__*/ jsx(CollapsibleContext.Provider, {
+        value: {
+            open,
+            toggle: ()=>setOpen((prev)=>!prev)
+        },
+        children: children
+    });
+};
+const CollapsibleTrigger = ({ children })=>{
+    const { toggle, open } = useCollapsible();
+    return /*#__PURE__*/ jsx(Box, {
+        onClick: toggle,
+        style: {
+            cursor: 'pointer'
+        },
+        children: typeof children === 'function' ? children({
+            open
+        }) : children
+    });
+};
+const CollapsibleContent = ({ children })=>{
+    const { open } = useCollapsible();
+    const contentRef = useRef(null);
+    const [height, setHeight] = useState(0);
+    useLayoutEffect(()=>{
+        if (contentRef.current) {
+            const contentHeight = contentRef.current.scrollHeight;
+            setHeight(contentHeight);
+        }
+    }, [
+        children
+    ]);
+    return /*#__PURE__*/ jsx(AnimatedContent, {
+        ref: contentRef,
+        role: "region",
+        "aria-hidden": !open,
+        style: {
+            height: open ? `${height}px` : 0,
+            visibility: height === 0 ? 'hidden' : 'visible'
+        },
+        children: children
+    });
+};
+
+export { Collapsible, CollapsibleContent, CollapsibleTrigger, useCollapsible };
+//# sourceMappingURL=Collapsible.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Collapsible.mjs","sources":["../../../../../admin/src/components/AIChat/components/Collapsible.tsx"],"sourcesContent":["import { useState, createContext, useContext, useRef, useLayoutEffect } from 'react';\r\n\r\nimport { Box } from '@strapi/design-system';\r\nimport { styled } from 'styled-components';\r\n\r\ninterface CollapsibleContextValue {\r\n  open: boolean;\r\n  toggle: () => void;\r\n}\r\n\r\nconst CollapsibleContext = createContext<CollapsibleContextValue | undefined>(undefined);\r\n\r\nexport const useCollapsible = () => {\r\n  const context = useContext(CollapsibleContext);\r\n  if (!context) {\r\n    throw new Error('Collapsible components must be wrapped in <Collapsible />');\r\n  }\r\n  return context;\r\n};\r\n\r\nconst AnimatedContent = styled(Box)`\r\n  overflow: hidden;\r\n  transition: height ${({ theme }) => theme.motion.timings['200']}\r\n    ${({ theme }) => theme.motion.easings.easeOutQuad};\r\n`;\r\n\r\nexport const Collapsible = ({\r\n  children,\r\n  defaultOpen = false,\r\n}: {\r\n  children: React.ReactNode;\r\n  defaultOpen?: boolean;\r\n}) => {\r\n  const [open, setOpen] = useState(defaultOpen);\r\n  return (\r\n    <CollapsibleContext.Provider value={{ open, toggle: () => setOpen((prev) => !prev) }}>\r\n      {children}\r\n    </CollapsibleContext.Provider>\r\n  );\r\n};\r\n\r\nexport const CollapsibleTrigger = ({\r\n  children,\r\n}: {\r\n  children: React.ReactNode | ((props: { open: boolean }) => React.ReactNode);\r\n}) => {\r\n  const { toggle, open } = useCollapsible();\r\n  return (\r\n    <Box onClick={toggle} style={{ cursor: 'pointer' }}>\r\n      {typeof children === 'function' ? children({ open }) : children}\r\n    </Box>\r\n  );\r\n};\r\n\r\nexport const CollapsibleContent = ({ children }: { children: React.ReactNode }) => {\r\n  const { open } = useCollapsible();\r\n  const contentRef = useRef<HTMLDivElement>(null);\r\n  const [height, setHeight] = useState<number>(0);\r\n\r\n  useLayoutEffect(() => {\r\n    if (contentRef.current) {\r\n      const contentHeight = contentRef.current.scrollHeight;\r\n      setHeight(contentHeight);\r\n    }\r\n  }, [children]);\r\n\r\n  return (\r\n    <AnimatedContent\r\n      ref={contentRef}\r\n      role=\"region\"\r\n      aria-hidden={!open}\r\n      style={{\r\n        height: open ? `${height}px` : 0,\r\n        visibility: height === 0 ? 'hidden' : 'visible',\r\n      }}\r\n    >\r\n      {children}\r\n    </AnimatedContent>\r\n  );\r\n};\r\n"],"names":["CollapsibleContext","createContext","undefined","useCollapsible","context","useContext","Error","AnimatedContent","styled","Box","theme","motion","timings","easings","easeOutQuad","Collapsible","children","defaultOpen","open","setOpen","useState","_jsx","Provider","value","toggle","prev","CollapsibleTrigger","onClick","style","cursor","CollapsibleContent","contentRef","useRef","height","setHeight","useLayoutEffect","current","contentHeight","scrollHeight","ref","role","aria-hidden","visibility"],"mappings":";;;;;AAUA,MAAMA,mCAAqBC,aAAAA,CAAmDC,SAAAA,CAAAA;MAEjEC,cAAAA,GAAiB,IAAA;AAC5B,IAAA,MAAMC,UAAUC,UAAAA,CAAWL,kBAAAA,CAAAA;AAC3B,IAAA,IAAI,CAACI,OAAAA,EAAS;AACZ,QAAA,MAAM,IAAIE,KAAAA,CAAM,2DAAA,CAAA;AAClB,IAAA;IACA,OAAOF,OAAAA;AACT;AAEA,MAAMG,eAAAA,GAAkBC,MAAAA,CAAOC,GAAAA,CAAI,CAAC;;qBAEf,EAAE,CAAC,EAAEC,KAAK,EAAE,GAAKA,KAAAA,CAAMC,MAAM,CAACC,OAAO,CAAC,KAAA,CAAM,CAAC;IAC9D,EAAE,CAAC,EAAEF,KAAK,EAAE,GAAKA,KAAAA,CAAMC,MAAM,CAACE,OAAO,CAACC,WAAW,CAAC;AACtD,CAAC;AAEM,MAAMC,cAAc,CAAC,EAC1BC,QAAQ,EACRC,WAAAA,GAAc,KAAK,EAIpB,GAAA;AACC,IAAA,MAAM,CAACC,IAAAA,EAAMC,OAAAA,CAAQ,GAAGC,QAAAA,CAASH,WAAAA,CAAAA;IACjC,qBACEI,GAAA,CAACrB,mBAAmBsB,QAAQ,EAAA;QAACC,KAAAA,EAAO;AAAEL,YAAAA,IAAAA;AAAMM,YAAAA,MAAAA,EAAQ,IAAML,OAAAA,CAAQ,CAACM,IAAAA,GAAS,CAACA,IAAAA;AAAM,SAAA;AAChFT,QAAAA,QAAAA,EAAAA;;AAGP;AAEO,MAAMU,kBAAAA,GAAqB,CAAC,EACjCV,QAAQ,EAGT,GAAA;AACC,IAAA,MAAM,EAAEQ,MAAM,EAAEN,IAAI,EAAE,GAAGf,cAAAA,EAAAA;AACzB,IAAA,qBACEkB,GAAA,CAACZ,GAAAA,EAAAA;QAAIkB,OAAAA,EAASH,MAAAA;QAAQI,KAAAA,EAAO;YAAEC,MAAAA,EAAQ;AAAU,SAAA;kBAC9C,OAAOb,QAAAA,KAAa,aAAaA,QAAAA,CAAS;AAAEE,YAAAA;SAAK,CAAA,GAAKF;;AAG7D;AAEO,MAAMc,kBAAAA,GAAqB,CAAC,EAAEd,QAAQ,EAAiC,GAAA;IAC5E,MAAM,EAAEE,IAAI,EAAE,GAAGf,cAAAA,EAAAA;AACjB,IAAA,MAAM4B,aAAaC,MAAAA,CAAuB,IAAA,CAAA;AAC1C,IAAA,MAAM,CAACC,MAAAA,EAAQC,SAAAA,CAAU,GAAGd,QAAAA,CAAiB,CAAA,CAAA;IAE7Ce,eAAAA,CAAgB,IAAA;QACd,IAAIJ,UAAAA,CAAWK,OAAO,EAAE;AACtB,YAAA,MAAMC,aAAAA,GAAgBN,UAAAA,CAAWK,OAAO,CAACE,YAAY;YACrDJ,SAAAA,CAAUG,aAAAA,CAAAA;AACZ,QAAA;IACF,CAAA,EAAG;AAACrB,QAAAA;AAAS,KAAA,CAAA;AAEb,IAAA,qBACEK,GAAA,CAACd,eAAAA,EAAAA;QACCgC,GAAAA,EAAKR,UAAAA;QACLS,IAAAA,EAAK,QAAA;AACLC,QAAAA,aAAAA,EAAa,CAACvB,IAAAA;QACdU,KAAAA,EAAO;AACLK,YAAAA,MAAAA,EAAQf,IAAAA,GAAO,CAAA,EAAGe,MAAAA,CAAO,EAAE,CAAC,GAAG,CAAA;YAC/BS,UAAAA,EAAYT,MAAAA,KAAW,IAAI,QAAA,GAAW;AACxC,SAAA;AAECjB,QAAAA,QAAAA,EAAAA;;AAGP;;;;"}

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

@@ -0,0 +1,168 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var designSystem = require('@strapi/design-system');
+var reactDropzone = require('react-dropzone');
+
+const useClipboardPasteImages = ({ onAddFiles, isEnabled = false })=>{
+    const handlePaste = React.useCallback(async (e)=>{
+        if (!isEnabled) return;
+        // Try to get items from clipboard
+        const items = e.clipboardData?.items;
+        if (!items || items.length === 0) return;
+        const files = [];
+        // Process clipboard items
+        for (const item of items){
+            if (item.kind === 'file') {
+                const file = item.getAsFile();
+                if (file && file.type.startsWith('image/')) {
+                    files.push(file);
+                }
+            }
+        }
+        if (files.length > 0) {
+            onAddFiles(files);
+            e.preventDefault(); // Prevent the default paste behavior
+        }
+    }, [
+        isEnabled,
+        onAddFiles
+    ]);
+    // Set up the paste event listener
+    React.useEffect(()=>{
+        document.addEventListener('paste', handlePaste);
+        return ()=>{
+            document.removeEventListener('paste', handlePaste);
+        };
+    }, [
+        handlePaste
+    ]);
+};
+const DropzoneContext = /*#__PURE__*/ React.createContext({});
+const useDropzoneContext = ()=>React.useContext(DropzoneContext);
+const Root = ({ children, isEnabled = true, onAddFiles = ()=>{}, accept = {
+    'image/*': []
+}, ...props })=>{
+    // Use clipboard paste hook for handling clipboard events
+    useClipboardPasteImages({
+        onAddFiles,
+        isEnabled});
+    // Use dropzone for drag and drop functionality
+    const { getRootProps, isDragActive } = reactDropzone.useDropzone({
+        onDrop: onAddFiles,
+        noClick: true,
+        noKeyboard: true,
+        accept
+    });
+    return /*#__PURE__*/ jsxRuntime.jsx(DropzoneContext.Provider, {
+        value: {
+            isEnabled,
+            isDragActive,
+            onAddFiles
+        },
+        children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Flex, {
+            direction: "column",
+            alignItems: "flex-start",
+            width: "100%",
+            position: "relative",
+            ...getRootProps(),
+            ...props,
+            children: children
+        })
+    });
+};
+const Area = ({ error, title, ...props })=>{
+    const { isEnabled, isDragActive } = useDropzoneContext();
+    // If not dragging, don't render the dropzone area
+    if (!isDragActive) {
+        return null;
+    }
+    const displayTitle = title || 'Drop images here';
+    return /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
+        position: "absolute",
+        top: 0,
+        left: 0,
+        right: 0,
+        bottom: 0,
+        zIndex: 2,
+        cursor: isEnabled ? 'pointer' : 'not-allowed',
+        width: "100%",
+        height: "100%",
+        borderStyle: "dashed",
+        borderColor: error ? 'danger600' : 'primary500',
+        background: error ? 'danger100' : 'primary100',
+        hasRadius: true,
+        padding: 7,
+        justifyContent: "center",
+        direction: "column",
+        alignItems: "center",
+        gap: 2,
+        ...props,
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Box, {
+                width: "24px",
+                height: "24px",
+                children: /*#__PURE__*/ jsxRuntime.jsxs("svg", {
+                    width: "24",
+                    height: "24",
+                    viewBox: "0 0 24 24",
+                    fill: "none",
+                    xmlns: "http://www.w3.org/2000/svg",
+                    children: [
+                        /*#__PURE__*/ jsxRuntime.jsx("path", {
+                            d: "M19.5 13.572L12 6.072L4.5 13.572",
+                            stroke: "currentColor",
+                            strokeWidth: "2",
+                            strokeLinecap: "round",
+                            strokeLinejoin: "round"
+                        }),
+                        /*#__PURE__*/ jsxRuntime.jsx("path", {
+                            d: "M12 6.072V20.072",
+                            stroke: "currentColor",
+                            strokeWidth: "2",
+                            strokeLinecap: "round",
+                            strokeLinejoin: "round"
+                        }),
+                        /*#__PURE__*/ jsxRuntime.jsx("path", {
+                            d: "M3.9998 20.072H20.0001",
+                            stroke: "currentColor",
+                            strokeWidth: "2",
+                            strokeLinecap: "round",
+                            strokeLinejoin: "round"
+                        })
+                    ]
+                })
+            }),
+            /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
+                direction: "column",
+                alignItems: "center",
+                gap: 2,
+                children: [
+                    /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                        variant: "omega",
+                        textColor: "neutral600",
+                        textAlign: "center",
+                        children: displayTitle
+                    }),
+                    error && /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                        variant: "pi",
+                        textColor: "danger600",
+                        children: error
+                    })
+                ]
+            })
+        ]
+    });
+};
+/* -------------------------------------------------------------------------------------------------
+ * Dropzone Compound
+ * -----------------------------------------------------------------------------------------------*/ const Dropzone = {
+    Root,
+    Area};
+
+exports.Dropzone = Dropzone;
+exports.Root = Root;
+exports.useClipboardPasteImages = useClipboardPasteImages;
+exports.useDropzoneContext = useDropzoneContext;
+//# sourceMappingURL=Dropzone.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Dropzone.js","sources":["../../../../../admin/src/components/AIChat/components/Dropzone.tsx"],"sourcesContent":["import { createContext, useCallback, useContext, useEffect } from 'react';\r\n\r\nimport { Flex, Box, Typography } from '@strapi/design-system';\r\nimport { useDropzone } from 'react-dropzone';\r\n\r\n/* -------------------------------------------------------------------------------------------------\r\n * Hooks\r\n * -----------------------------------------------------------------------------------------------*/\r\n\r\ninterface UseClipboardPasteProps {\r\n  onAddFiles: (files: File[]) => void;\r\n  isEnabled?: boolean;\r\n  accept?: {\r\n    [key: string]: string[];\r\n  };\r\n}\r\n\r\nexport const useClipboardPasteImages = ({\r\n  onAddFiles,\r\n  isEnabled = false,\r\n}: UseClipboardPasteProps) => {\r\n  const handlePaste = useCallback(\r\n    async (e: ClipboardEvent) => {\r\n      if (!isEnabled) return;\r\n      // Try to get items from clipboard\r\n      const items = e.clipboardData?.items;\r\n\r\n      if (!items || items.length === 0) return;\r\n\r\n      const files: File[] = [];\r\n\r\n      // Process clipboard items\r\n      for (const item of items) {\r\n        if (item.kind === 'file') {\r\n          const file = item.getAsFile();\r\n          if (file && file.type.startsWith('image/')) {\r\n            files.push(file);\r\n          }\r\n        }\r\n      }\r\n\r\n      if (files.length > 0) {\r\n        onAddFiles(files);\r\n        e.preventDefault(); // Prevent the default paste behavior\r\n      }\r\n    },\r\n    [isEnabled, onAddFiles]\r\n  );\r\n\r\n  // Set up the paste event listener\r\n  useEffect(() => {\r\n    document.addEventListener('paste', handlePaste);\r\n    return () => {\r\n      document.removeEventListener('paste', handlePaste);\r\n    };\r\n  }, [handlePaste]);\r\n};\r\n\r\n/* -------------------------------------------------------------------------------------------------\r\n * Dropzone Context\r\n * -----------------------------------------------------------------------------------------------*/\r\n\r\nexport interface DropzoneContextValue {\r\n  isEnabled?: boolean;\r\n  isDragActive?: boolean;\r\n  onAddFiles?: (files: File[]) => void;\r\n}\r\n\r\nconst DropzoneContext = createContext<DropzoneContextValue>({});\r\n\r\nexport const useDropzoneContext = () => useContext(DropzoneContext);\r\n\r\n/* -------------------------------------------------------------------------------------------------\r\n * Dropzone Root\r\n * -----------------------------------------------------------------------------------------------*/\r\n\r\nexport interface DropzoneRootProps extends React.ComponentPropsWithoutRef<typeof Flex> {\r\n  children: React.ReactNode;\r\n  isEnabled?: boolean;\r\n  onAddFiles?: (files: File[]) => void;\r\n  accept?: {\r\n    [key: string]: string[];\r\n  };\r\n}\r\n\r\nexport const Root = ({\r\n  children,\r\n  isEnabled = true,\r\n  onAddFiles = () => {},\r\n  accept = { 'image/*': [] },\r\n  ...props\r\n}: DropzoneRootProps) => {\r\n  // Use clipboard paste hook for handling clipboard events\r\n  useClipboardPasteImages({ onAddFiles, isEnabled, accept });\r\n\r\n  // Use dropzone for drag and drop functionality\r\n  const { getRootProps, isDragActive } = useDropzone({\r\n    onDrop: onAddFiles,\r\n    noClick: true,\r\n    noKeyboard: true,\r\n    accept,\r\n  });\r\n\r\n  return (\r\n    <DropzoneContext.Provider\r\n      value={{\r\n        isEnabled,\r\n        isDragActive,\r\n        onAddFiles,\r\n      }}\r\n    >\r\n      <Flex\r\n        direction=\"column\"\r\n        alignItems=\"flex-start\"\r\n        width=\"100%\"\r\n        position=\"relative\"\r\n        {...getRootProps()}\r\n        {...props}\r\n      >\r\n        {children}\r\n      </Flex>\r\n    </DropzoneContext.Provider>\r\n  );\r\n};\r\n\r\n/* -------------------------------------------------------------------------------------------------\r\n * Dropzone Area\r\n * -----------------------------------------------------------------------------------------------*/\r\n\r\ninterface DropzoneAreaProps extends React.ComponentPropsWithoutRef<typeof Flex> {\r\n  error?: string | null;\r\n  title?: string;\r\n}\r\n\r\nconst Area = ({ error, title, ...props }: DropzoneAreaProps) => {\r\n  const { isEnabled, isDragActive } = useDropzoneContext();\r\n\r\n  // If not dragging, don't render the dropzone area\r\n  if (!isDragActive) {\r\n    return null;\r\n  }\r\n\r\n  const displayTitle = title || 'Drop images here';\r\n\r\n  return (\r\n    <Flex\r\n      position=\"absolute\"\r\n      top={0}\r\n      left={0}\r\n      right={0}\r\n      bottom={0}\r\n      zIndex={2}\r\n      cursor={isEnabled ? 'pointer' : 'not-allowed'}\r\n      width=\"100%\"\r\n      height=\"100%\"\r\n      borderStyle=\"dashed\"\r\n      borderColor={error ? 'danger600' : 'primary500'}\r\n      background={error ? 'danger100' : 'primary100'}\r\n      hasRadius\r\n      padding={7}\r\n      justifyContent=\"center\"\r\n      direction=\"column\"\r\n      alignItems=\"center\"\r\n      gap={2}\r\n      {...props}\r\n    >\r\n      <Box width=\"24px\" height=\"24px\">\r\n        <svg\r\n          width=\"24\"\r\n          height=\"24\"\r\n          viewBox=\"0 0 24 24\"\r\n          fill=\"none\"\r\n          xmlns=\"http://www.w3.org/2000/svg\"\r\n        >\r\n          <path\r\n            d=\"M19.5 13.572L12 6.072L4.5 13.572\"\r\n            stroke=\"currentColor\"\r\n            strokeWidth=\"2\"\r\n            strokeLinecap=\"round\"\r\n            strokeLinejoin=\"round\"\r\n          />\r\n          <path\r\n            d=\"M12 6.072V20.072\"\r\n            stroke=\"currentColor\"\r\n            strokeWidth=\"2\"\r\n            strokeLinecap=\"round\"\r\n            strokeLinejoin=\"round\"\r\n          />\r\n          <path\r\n            d=\"M3.9998 20.072H20.0001\"\r\n            stroke=\"currentColor\"\r\n            strokeWidth=\"2\"\r\n            strokeLinecap=\"round\"\r\n            strokeLinejoin=\"round\"\r\n          />\r\n        </svg>\r\n      </Box>\r\n      <Flex direction=\"column\" alignItems=\"center\" gap={2}>\r\n        <Typography variant=\"omega\" textColor=\"neutral600\" textAlign=\"center\">\r\n          {displayTitle}\r\n        </Typography>\r\n        {error && (\r\n          <Typography variant=\"pi\" textColor=\"danger600\">\r\n            {error}\r\n          </Typography>\r\n        )}\r\n      </Flex>\r\n    </Flex>\r\n  );\r\n};\r\n\r\n/* -------------------------------------------------------------------------------------------------\r\n * Dropzone Compound\r\n * -----------------------------------------------------------------------------------------------*/\r\n\r\nexport const Dropzone = {\r\n  Root,\r\n  Area,\r\n  useDropzoneContext,\r\n};\r\n"],"names":["useClipboardPasteImages","onAddFiles","isEnabled","handlePaste","useCallback","e","items","clipboardData","length","files","item","kind","file","getAsFile","type","startsWith","push","preventDefault","useEffect","document","addEventListener","removeEventListener","DropzoneContext","createContext","useDropzoneContext","useContext","Root","children","accept","props","getRootProps","isDragActive","useDropzone","onDrop","noClick","noKeyboard","_jsx","Provider","value","Flex","direction","alignItems","width","position","Area","error","title","displayTitle","_jsxs","top","left","right","bottom","zIndex","cursor","height","borderStyle","borderColor","background","hasRadius","padding","justifyContent","gap","Box","svg","viewBox","fill","xmlns","path","d","stroke","strokeWidth","strokeLinecap","strokeLinejoin","Typography","variant","textColor","textAlign","Dropzone"],"mappings":"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"}