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

package/dist/admin/components/AIChat/components/Attachments/AttachmentPreview.js

@@ -0,0 +1,92 @@
+'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 constants = require('../../lib/constants.js');
+var Base64Image = require('../Base64Image.js');
+var FullScreenImage = require('../FullScreenImage.js');
+var Attachment = require('./components/Attachment.js');
+
+/* -------------------------------------------------------------------------------------------------
+ * Image
+ * -----------------------------------------------------------------------------------------------*/ const ImageThumbnail = styledComponents.styled(Base64Image.Base64Img)`
+  width: 24px;
+  height: 24px;
+  object-fit: cover;
+  border-radius: ${({ theme })=>theme.borderRadius};
+`;
+const ImageAttachment = ({ attachment, onRemove, ...props })=>{
+    return /*#__PURE__*/ jsxRuntime.jsx(FullScreenImage.FullScreenImage.Root, {
+        src: attachment.url,
+        alt: attachment.filename || 'image',
+        children: /*#__PURE__*/ jsxRuntime.jsx(FullScreenImage.FullScreenImage.Trigger, {
+            asChild: true,
+            children: /*#__PURE__*/ jsxRuntime.jsxs(Attachment.Attachment.Root, {
+                ...props,
+                children: [
+                    /*#__PURE__*/ jsxRuntime.jsx(Attachment.Attachment.Preview, {
+                        children: attachment.status === 'loading' ? /*#__PURE__*/ jsxRuntime.jsx(designSystem.Loader, {
+                            small: true
+                        }) : /*#__PURE__*/ jsxRuntime.jsx(ImageThumbnail, {
+                            src: attachment.url,
+                            alt: attachment.filename
+                        })
+                    }),
+                    /*#__PURE__*/ jsxRuntime.jsx(Attachment.Attachment.Title, {
+                        children: attachment.filename || 'unknown'
+                    }),
+                    onRemove && /*#__PURE__*/ jsxRuntime.jsx(Attachment.Attachment.Remove, {
+                        onClick: onRemove
+                    })
+                ]
+            })
+        })
+    });
+};
+/* -------------------------------------------------------------------------------------------------
+ * Code
+ * -----------------------------------------------------------------------------------------------*/ const CodeAttachment = ({ attachment, onRemove, ...props })=>{
+    return /*#__PURE__*/ jsxRuntime.jsxs(Attachment.Attachment.Root, {
+        ...props,
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsx(Attachment.Attachment.Preview, {
+                children: attachment.status === 'loading' ? /*#__PURE__*/ jsxRuntime.jsx(designSystem.Loader, {
+                    small: true
+                }) : /*#__PURE__*/ jsxRuntime.jsx(Icons.Folder, {
+                    height: 24,
+                    width: 24
+                })
+            }),
+            /*#__PURE__*/ jsxRuntime.jsx(Attachment.Attachment.Title, {
+                children: attachment.filename || 'unknown'
+            }),
+            onRemove && /*#__PURE__*/ jsxRuntime.jsx(Attachment.Attachment.Remove, {
+                onClick: onRemove
+            })
+        ]
+    });
+};
+/* -------------------------------------------------------------------------------------------------
+ * Export
+ * -----------------------------------------------------------------------------------------------*/ const AttachmentPreview = ({ attachment, onRemove, ...props })=>{
+    if (attachment.mediaType?.startsWith('image/')) {
+        return /*#__PURE__*/ jsxRuntime.jsx(ImageAttachment, {
+            attachment: attachment,
+            onRemove: onRemove,
+            ...props
+        });
+    }
+    if (attachment.mediaType === constants.STRAPI_CODE_MIME_TYPE) {
+        return /*#__PURE__*/ jsxRuntime.jsx(CodeAttachment, {
+            attachment: attachment,
+            onRemove: onRemove,
+            ...props
+        });
+    }
+    return null;
+};
+
+exports.AttachmentPreview = AttachmentPreview;
+//# sourceMappingURL=AttachmentPreview.js.map

package/dist/admin/components/AIChat/components/Attachments/AttachmentPreview.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AttachmentPreview.js","sources":["../../../../../../admin/src/components/AIChat/components/Attachments/AttachmentPreview.tsx"],"sourcesContent":["import { Loader } from '@strapi/design-system';\r\nimport { Folder } from '@strapi/icons';\r\nimport { styled } from 'styled-components';\r\n\r\nimport { STRAPI_CODE_MIME_TYPE } from '../../lib/constants';\r\nimport { Attachment as TAttachment } from '../../lib/types/attachments';\r\nimport { Base64Img } from '../Base64Image';\r\nimport { FullScreenImage } from '../FullScreenImage';\r\n\r\nimport { Attachment, AttachmentRootProps } from './components/Attachment';\r\n\r\ninterface AttachmentPreviewProps {\r\n  attachment: TAttachment;\r\n  loading?: boolean;\r\n  onRemove?: () => void;\r\n}\r\n\r\n/* -------------------------------------------------------------------------------------------------\r\n * Image\r\n * -----------------------------------------------------------------------------------------------*/\r\n\r\nconst ImageThumbnail = styled(Base64Img)`\r\n  width: 24px;\r\n  height: 24px;\r\n  object-fit: cover;\r\n  border-radius: ${({ theme }) => theme.borderRadius};\r\n`;\r\n\r\nconst ImageAttachment = ({\r\n  attachment,\r\n  onRemove,\r\n  ...props\r\n}: AttachmentPreviewProps & Omit<AttachmentRootProps, 'children'>) => {\r\n  return (\r\n    <FullScreenImage.Root src={attachment.url} alt={attachment.filename || 'image'}>\r\n      <FullScreenImage.Trigger asChild>\r\n        <Attachment.Root {...props}>\r\n          <Attachment.Preview>\r\n            {attachment.status === 'loading' ? (\r\n              <Loader small />\r\n            ) : (\r\n              <ImageThumbnail src={attachment.url} alt={attachment.filename} />\r\n            )}\r\n          </Attachment.Preview>\r\n          <Attachment.Title>{attachment.filename || 'unknown'}</Attachment.Title>\r\n          {onRemove && <Attachment.Remove onClick={onRemove} />}\r\n        </Attachment.Root>\r\n      </FullScreenImage.Trigger>\r\n    </FullScreenImage.Root>\r\n  );\r\n};\r\n\r\n/* -------------------------------------------------------------------------------------------------\r\n * Code\r\n * -----------------------------------------------------------------------------------------------*/\r\n\r\nconst CodeAttachment = ({\r\n  attachment,\r\n  onRemove,\r\n  ...props\r\n}: AttachmentPreviewProps & Omit<AttachmentRootProps, 'children'>) => {\r\n  return (\r\n    <Attachment.Root {...props}>\r\n      <Attachment.Preview>\r\n        {attachment.status === 'loading' ? <Loader small /> : <Folder height={24} width={24} />}\r\n      </Attachment.Preview>\r\n      <Attachment.Title>{attachment.filename || 'unknown'}</Attachment.Title>\r\n      {onRemove && <Attachment.Remove onClick={onRemove} />}\r\n    </Attachment.Root>\r\n  );\r\n};\r\n\r\n/* -------------------------------------------------------------------------------------------------\r\n * Export\r\n * -----------------------------------------------------------------------------------------------*/\r\n\r\nexport const AttachmentPreview = ({\r\n  attachment,\r\n  onRemove,\r\n  ...props\r\n}: AttachmentPreviewProps & Omit<AttachmentRootProps, 'children'>) => {\r\n  if (attachment.mediaType?.startsWith('image/')) {\r\n    return <ImageAttachment attachment={attachment} onRemove={onRemove} {...props} />;\r\n  }\r\n\r\n  if (attachment.mediaType === STRAPI_CODE_MIME_TYPE) {\r\n    return <CodeAttachment attachment={attachment} onRemove={onRemove} {...props} />;\r\n  }\r\n\r\n  return null;\r\n};\r\n"],"names":["ImageThumbnail","styled","Base64Img","theme","borderRadius","ImageAttachment","attachment","onRemove","props","_jsx","FullScreenImage","Root","src","url","alt","filename","Trigger","asChild","_jsxs","Attachment","Preview","status","Loader","small","Title","Remove","onClick","CodeAttachment","Folder","height","width","AttachmentPreview","mediaType","startsWith","STRAPI_CODE_MIME_TYPE"],"mappings":";;;;;;;;;;;AAiBA;;AAEkG,qGAElG,MAAMA,cAAAA,GAAiBC,uBAAAA,CAAOC,qBAAAA,CAAU,CAAC;;;;AAIxB,iBAAA,EAAE,CAAC,EAAEC,KAAK,EAAE,GAAKA,KAAAA,CAAMC,YAAY,CAAC;AACrD,CAAC;AAED,MAAMC,eAAAA,GAAkB,CAAC,EACvBC,UAAU,EACVC,QAAQ,EACR,GAAGC,KAAAA,EAC4D,GAAA;IAC/D,qBACEC,cAAA,CAACC,gCAAgBC,IAAI,EAAA;AAACC,QAAAA,GAAAA,EAAKN,WAAWO,GAAG;QAAEC,GAAAA,EAAKR,UAAAA,CAAWS,QAAQ,IAAI,OAAA;gCACrEN,cAAA,CAACC,gCAAgBM,OAAO,EAAA;YAACC,OAAO,EAAA,IAAA;oCAC9BC,eAAA,CAACC,sBAAWR,IAAI,EAAA;AAAE,gBAAA,GAAGH,KAAK;;AACxB,kCAAAC,cAAA,CAACU,sBAAWC,OAAO,EAAA;kCAChBd,UAAAA,CAAWe,MAAM,KAAK,SAAA,iBACrBZ,cAAA,CAACa,mBAAAA,EAAAA;4BAAOC,KAAK,EAAA;2CAEbd,cAAA,CAACT,cAAAA,EAAAA;AAAeY,4BAAAA,GAAAA,EAAKN,WAAWO,GAAG;AAAEC,4BAAAA,GAAAA,EAAKR,WAAWS;;;AAGzD,kCAAAN,cAAA,CAACU,sBAAWK,KAAK,EAAA;AAAElB,wBAAAA,QAAAA,EAAAA,UAAAA,CAAWS,QAAQ,IAAI;;oBACzCR,QAAAA,kBAAYE,cAAA,CAACU,sBAAWM,MAAM,EAAA;wBAACC,OAAAA,EAASnB;;;;;;AAKnD,CAAA;AAEA;;qGAIA,MAAMoB,iBAAiB,CAAC,EACtBrB,UAAU,EACVC,QAAQ,EACR,GAAGC,KAAAA,EAC4D,GAAA;IAC/D,qBACEU,eAAA,CAACC,sBAAWR,IAAI,EAAA;AAAE,QAAA,GAAGH,KAAK;;AACxB,0BAAAC,cAAA,CAACU,sBAAWC,OAAO,EAAA;0BAChBd,UAAAA,CAAWe,MAAM,KAAK,SAAA,iBAAYZ,cAAA,CAACa,mBAAAA,EAAAA;oBAAOC,KAAK,EAAA;mCAAMd,cAAA,CAACmB,YAAAA,EAAAA;oBAAOC,MAAAA,EAAQ,EAAA;oBAAIC,KAAAA,EAAO;;;AAEnF,0BAAArB,cAAA,CAACU,sBAAWK,KAAK,EAAA;AAAElB,gBAAAA,QAAAA,EAAAA,UAAAA,CAAWS,QAAQ,IAAI;;YACzCR,QAAAA,kBAAYE,cAAA,CAACU,sBAAWM,MAAM,EAAA;gBAACC,OAAAA,EAASnB;;;;AAG/C,CAAA;AAEA;;qGAIO,MAAMwB,iBAAAA,GAAoB,CAAC,EAChCzB,UAAU,EACVC,QAAQ,EACR,GAAGC,KAAAA,EAC4D,GAAA;AAC/D,IAAA,IAAIF,UAAAA,CAAW0B,SAAS,EAAEC,UAAAA,CAAW,QAAA,CAAA,EAAW;AAC9C,QAAA,qBAAOxB,cAAA,CAACJ,eAAAA,EAAAA;YAAgBC,UAAAA,EAAYA,UAAAA;YAAYC,QAAAA,EAAUA,QAAAA;AAAW,YAAA,GAAGC;;AAC1E,IAAA;IAEA,IAAIF,UAAAA,CAAW0B,SAAS,KAAKE,+BAAAA,EAAuB;AAClD,QAAA,qBAAOzB,cAAA,CAACkB,cAAAA,EAAAA;YAAerB,UAAAA,EAAYA,UAAAA;YAAYC,QAAAA,EAAUA,QAAAA;AAAW,YAAA,GAAGC;;AACzE,IAAA;IAEA,OAAO,IAAA;AACT;;;;"}

package/dist/admin/components/AIChat/components/Attachments/AttachmentPreview.mjs

@@ -0,0 +1,90 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { Loader } from '@strapi/design-system';
+import { Folder } from '@strapi/icons';
+import { styled } from 'styled-components';
+import { STRAPI_CODE_MIME_TYPE } from '../../lib/constants.mjs';
+import { Base64Img } from '../Base64Image.mjs';
+import { FullScreenImage } from '../FullScreenImage.mjs';
+import { Attachment } from './components/Attachment.mjs';
+
+/* -------------------------------------------------------------------------------------------------
+ * Image
+ * -----------------------------------------------------------------------------------------------*/ const ImageThumbnail = styled(Base64Img)`
+  width: 24px;
+  height: 24px;
+  object-fit: cover;
+  border-radius: ${({ theme })=>theme.borderRadius};
+`;
+const ImageAttachment = ({ attachment, onRemove, ...props })=>{
+    return /*#__PURE__*/ jsx(FullScreenImage.Root, {
+        src: attachment.url,
+        alt: attachment.filename || 'image',
+        children: /*#__PURE__*/ jsx(FullScreenImage.Trigger, {
+            asChild: true,
+            children: /*#__PURE__*/ jsxs(Attachment.Root, {
+                ...props,
+                children: [
+                    /*#__PURE__*/ jsx(Attachment.Preview, {
+                        children: attachment.status === 'loading' ? /*#__PURE__*/ jsx(Loader, {
+                            small: true
+                        }) : /*#__PURE__*/ jsx(ImageThumbnail, {
+                            src: attachment.url,
+                            alt: attachment.filename
+                        })
+                    }),
+                    /*#__PURE__*/ jsx(Attachment.Title, {
+                        children: attachment.filename || 'unknown'
+                    }),
+                    onRemove && /*#__PURE__*/ jsx(Attachment.Remove, {
+                        onClick: onRemove
+                    })
+                ]
+            })
+        })
+    });
+};
+/* -------------------------------------------------------------------------------------------------
+ * Code
+ * -----------------------------------------------------------------------------------------------*/ const CodeAttachment = ({ attachment, onRemove, ...props })=>{
+    return /*#__PURE__*/ jsxs(Attachment.Root, {
+        ...props,
+        children: [
+            /*#__PURE__*/ jsx(Attachment.Preview, {
+                children: attachment.status === 'loading' ? /*#__PURE__*/ jsx(Loader, {
+                    small: true
+                }) : /*#__PURE__*/ jsx(Folder, {
+                    height: 24,
+                    width: 24
+                })
+            }),
+            /*#__PURE__*/ jsx(Attachment.Title, {
+                children: attachment.filename || 'unknown'
+            }),
+            onRemove && /*#__PURE__*/ jsx(Attachment.Remove, {
+                onClick: onRemove
+            })
+        ]
+    });
+};
+/* -------------------------------------------------------------------------------------------------
+ * Export
+ * -----------------------------------------------------------------------------------------------*/ const AttachmentPreview = ({ attachment, onRemove, ...props })=>{
+    if (attachment.mediaType?.startsWith('image/')) {
+        return /*#__PURE__*/ jsx(ImageAttachment, {
+            attachment: attachment,
+            onRemove: onRemove,
+            ...props
+        });
+    }
+    if (attachment.mediaType === STRAPI_CODE_MIME_TYPE) {
+        return /*#__PURE__*/ jsx(CodeAttachment, {
+            attachment: attachment,
+            onRemove: onRemove,
+            ...props
+        });
+    }
+    return null;
+};
+
+export { AttachmentPreview };
+//# sourceMappingURL=AttachmentPreview.mjs.map

package/dist/admin/components/AIChat/components/Attachments/AttachmentPreview.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AttachmentPreview.mjs","sources":["../../../../../../admin/src/components/AIChat/components/Attachments/AttachmentPreview.tsx"],"sourcesContent":["import { Loader } from '@strapi/design-system';\r\nimport { Folder } from '@strapi/icons';\r\nimport { styled } from 'styled-components';\r\n\r\nimport { STRAPI_CODE_MIME_TYPE } from '../../lib/constants';\r\nimport { Attachment as TAttachment } from '../../lib/types/attachments';\r\nimport { Base64Img } from '../Base64Image';\r\nimport { FullScreenImage } from '../FullScreenImage';\r\n\r\nimport { Attachment, AttachmentRootProps } from './components/Attachment';\r\n\r\ninterface AttachmentPreviewProps {\r\n  attachment: TAttachment;\r\n  loading?: boolean;\r\n  onRemove?: () => void;\r\n}\r\n\r\n/* -------------------------------------------------------------------------------------------------\r\n * Image\r\n * -----------------------------------------------------------------------------------------------*/\r\n\r\nconst ImageThumbnail = styled(Base64Img)`\r\n  width: 24px;\r\n  height: 24px;\r\n  object-fit: cover;\r\n  border-radius: ${({ theme }) => theme.borderRadius};\r\n`;\r\n\r\nconst ImageAttachment = ({\r\n  attachment,\r\n  onRemove,\r\n  ...props\r\n}: AttachmentPreviewProps & Omit<AttachmentRootProps, 'children'>) => {\r\n  return (\r\n    <FullScreenImage.Root src={attachment.url} alt={attachment.filename || 'image'}>\r\n      <FullScreenImage.Trigger asChild>\r\n        <Attachment.Root {...props}>\r\n          <Attachment.Preview>\r\n            {attachment.status === 'loading' ? (\r\n              <Loader small />\r\n            ) : (\r\n              <ImageThumbnail src={attachment.url} alt={attachment.filename} />\r\n            )}\r\n          </Attachment.Preview>\r\n          <Attachment.Title>{attachment.filename || 'unknown'}</Attachment.Title>\r\n          {onRemove && <Attachment.Remove onClick={onRemove} />}\r\n        </Attachment.Root>\r\n      </FullScreenImage.Trigger>\r\n    </FullScreenImage.Root>\r\n  );\r\n};\r\n\r\n/* -------------------------------------------------------------------------------------------------\r\n * Code\r\n * -----------------------------------------------------------------------------------------------*/\r\n\r\nconst CodeAttachment = ({\r\n  attachment,\r\n  onRemove,\r\n  ...props\r\n}: AttachmentPreviewProps & Omit<AttachmentRootProps, 'children'>) => {\r\n  return (\r\n    <Attachment.Root {...props}>\r\n      <Attachment.Preview>\r\n        {attachment.status === 'loading' ? <Loader small /> : <Folder height={24} width={24} />}\r\n      </Attachment.Preview>\r\n      <Attachment.Title>{attachment.filename || 'unknown'}</Attachment.Title>\r\n      {onRemove && <Attachment.Remove onClick={onRemove} />}\r\n    </Attachment.Root>\r\n  );\r\n};\r\n\r\n/* -------------------------------------------------------------------------------------------------\r\n * Export\r\n * -----------------------------------------------------------------------------------------------*/\r\n\r\nexport const AttachmentPreview = ({\r\n  attachment,\r\n  onRemove,\r\n  ...props\r\n}: AttachmentPreviewProps & Omit<AttachmentRootProps, 'children'>) => {\r\n  if (attachment.mediaType?.startsWith('image/')) {\r\n    return <ImageAttachment attachment={attachment} onRemove={onRemove} {...props} />;\r\n  }\r\n\r\n  if (attachment.mediaType === STRAPI_CODE_MIME_TYPE) {\r\n    return <CodeAttachment attachment={attachment} onRemove={onRemove} {...props} />;\r\n  }\r\n\r\n  return null;\r\n};\r\n"],"names":["ImageThumbnail","styled","Base64Img","theme","borderRadius","ImageAttachment","attachment","onRemove","props","_jsx","FullScreenImage","Root","src","url","alt","filename","Trigger","asChild","_jsxs","Attachment","Preview","status","Loader","small","Title","Remove","onClick","CodeAttachment","Folder","height","width","AttachmentPreview","mediaType","startsWith","STRAPI_CODE_MIME_TYPE"],"mappings":";;;;;;;;;AAiBA;;AAEkG,qGAElG,MAAMA,cAAAA,GAAiBC,MAAAA,CAAOC,SAAAA,CAAU,CAAC;;;;AAIxB,iBAAA,EAAE,CAAC,EAAEC,KAAK,EAAE,GAAKA,KAAAA,CAAMC,YAAY,CAAC;AACrD,CAAC;AAED,MAAMC,eAAAA,GAAkB,CAAC,EACvBC,UAAU,EACVC,QAAQ,EACR,GAAGC,KAAAA,EAC4D,GAAA;IAC/D,qBACEC,GAAA,CAACC,gBAAgBC,IAAI,EAAA;AAACC,QAAAA,GAAAA,EAAKN,WAAWO,GAAG;QAAEC,GAAAA,EAAKR,UAAAA,CAAWS,QAAQ,IAAI,OAAA;gCACrEN,GAAA,CAACC,gBAAgBM,OAAO,EAAA;YAACC,OAAO,EAAA,IAAA;oCAC9BC,IAAA,CAACC,WAAWR,IAAI,EAAA;AAAE,gBAAA,GAAGH,KAAK;;AACxB,kCAAAC,GAAA,CAACU,WAAWC,OAAO,EAAA;kCAChBd,UAAAA,CAAWe,MAAM,KAAK,SAAA,iBACrBZ,GAAA,CAACa,MAAAA,EAAAA;4BAAOC,KAAK,EAAA;2CAEbd,GAAA,CAACT,cAAAA,EAAAA;AAAeY,4BAAAA,GAAAA,EAAKN,WAAWO,GAAG;AAAEC,4BAAAA,GAAAA,EAAKR,WAAWS;;;AAGzD,kCAAAN,GAAA,CAACU,WAAWK,KAAK,EAAA;AAAElB,wBAAAA,QAAAA,EAAAA,UAAAA,CAAWS,QAAQ,IAAI;;oBACzCR,QAAAA,kBAAYE,GAAA,CAACU,WAAWM,MAAM,EAAA;wBAACC,OAAAA,EAASnB;;;;;;AAKnD,CAAA;AAEA;;qGAIA,MAAMoB,iBAAiB,CAAC,EACtBrB,UAAU,EACVC,QAAQ,EACR,GAAGC,KAAAA,EAC4D,GAAA;IAC/D,qBACEU,IAAA,CAACC,WAAWR,IAAI,EAAA;AAAE,QAAA,GAAGH,KAAK;;AACxB,0BAAAC,GAAA,CAACU,WAAWC,OAAO,EAAA;0BAChBd,UAAAA,CAAWe,MAAM,KAAK,SAAA,iBAAYZ,GAAA,CAACa,MAAAA,EAAAA;oBAAOC,KAAK,EAAA;mCAAMd,GAAA,CAACmB,MAAAA,EAAAA;oBAAOC,MAAAA,EAAQ,EAAA;oBAAIC,KAAAA,EAAO;;;AAEnF,0BAAArB,GAAA,CAACU,WAAWK,KAAK,EAAA;AAAElB,gBAAAA,QAAAA,EAAAA,UAAAA,CAAWS,QAAQ,IAAI;;YACzCR,QAAAA,kBAAYE,GAAA,CAACU,WAAWM,MAAM,EAAA;gBAACC,OAAAA,EAASnB;;;;AAG/C,CAAA;AAEA;;qGAIO,MAAMwB,iBAAAA,GAAoB,CAAC,EAChCzB,UAAU,EACVC,QAAQ,EACR,GAAGC,KAAAA,EAC4D,GAAA;AAC/D,IAAA,IAAIF,UAAAA,CAAW0B,SAAS,EAAEC,UAAAA,CAAW,QAAA,CAAA,EAAW;AAC9C,QAAA,qBAAOxB,GAAA,CAACJ,eAAAA,EAAAA;YAAgBC,UAAAA,EAAYA,UAAAA;YAAYC,QAAAA,EAAUA,QAAAA;AAAW,YAAA,GAAGC;;AAC1E,IAAA;IAEA,IAAIF,UAAAA,CAAW0B,SAAS,KAAKE,qBAAAA,EAAuB;AAClD,QAAA,qBAAOzB,GAAA,CAACkB,cAAAA,EAAAA;YAAerB,UAAAA,EAAYA,UAAAA;YAAYC,QAAAA,EAAUA,QAAAA;AAAW,YAAA,GAAGC;;AACzE,IAAA;IAEA,OAAO,IAAA;AACT;;;;"}

package/dist/admin/components/AIChat/components/Attachments/components/Attachment.js

@@ -0,0 +1,100 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var designSystem = require('@strapi/design-system');
+var Icons = require('@strapi/icons');
+var styledComponents = require('styled-components');
+
+const AttachmentContext = /*#__PURE__*/ React.createContext({
+    error: null
+});
+const useAttachmentContext = ()=>React.useContext(AttachmentContext);
+const StyledRoot = styledComponents.styled(designSystem.Box)`
+  &:hover {
+    cursor: pointer;
+    background: ${({ theme })=>theme.colors.neutral100};
+  }
+`;
+// TODO: How to make this a button instead?
+const Root = ({ children, error = null, minWidth, maxWidth })=>{
+    return /*#__PURE__*/ jsxRuntime.jsx(AttachmentContext.Provider, {
+        value: {
+            error
+        },
+        children: /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
+            direction: "column",
+            alignItems: "flex-start",
+            gap: 2,
+            minWidth: minWidth,
+            maxWidth: maxWidth,
+            children: [
+                /*#__PURE__*/ jsxRuntime.jsx(StyledRoot, {
+                    background: "neutral0",
+                    hasRadius: true,
+                    borderColor: "neutral200",
+                    borderStyle: "solid",
+                    borderWidth: "1px",
+                    padding: 2,
+                    width: "100%",
+                    children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Flex, {
+                        gap: 2,
+                        children: children
+                    })
+                }),
+                error && /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                    variant: "pi",
+                    textColor: "danger500",
+                    children: error
+                })
+            ]
+        })
+    });
+};
+const Preview = ({ children })=>{
+    const { error } = useAttachmentContext();
+    return /*#__PURE__*/ jsxRuntime.jsx(designSystem.Flex, {
+        alignItems: "center",
+        justifyContent: "center",
+        children: error ? /*#__PURE__*/ jsxRuntime.jsx(Icons.WarningCircle, {
+            fill: "danger500"
+        }) : children
+    });
+};
+const Title = ({ children })=>{
+    return /*#__PURE__*/ jsxRuntime.jsx(designSystem.Box, {
+        grow: 1,
+        children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+            variant: "omega",
+            ellipsis: true,
+            style: {
+                userSelect: 'none',
+                maxWidth: '100px'
+            },
+            children: children
+        })
+    });
+};
+const Remove = ({ onClick })=>{
+    return /*#__PURE__*/ jsxRuntime.jsx(designSystem.Flex, {
+        alignItems: "center",
+        justifyContent: "center",
+        shrink: 0,
+        onClick: onClick,
+        children: /*#__PURE__*/ jsxRuntime.jsx(Icons.Trash, {
+            fill: "neutral500"
+        })
+    });
+};
+/* -------------------------------------------------------------------------------------------------
+ * Attachment Compound
+ * -----------------------------------------------------------------------------------------------*/ const Attachment = {
+    Root,
+    Preview,
+    Title,
+    Remove
+};
+
+exports.Attachment = Attachment;
+exports.useAttachmentContext = useAttachmentContext;
+//# sourceMappingURL=Attachment.js.map

package/dist/admin/components/AIChat/components/Attachments/components/Attachment.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Attachment.js","sources":["../../../../../../../admin/src/components/AIChat/components/Attachments/components/Attachment.tsx"],"sourcesContent":["import { ReactNode, createContext, useContext } from 'react';\r\n\r\nimport { Box, Flex, Typography } from '@strapi/design-system';\r\nimport { Trash, WarningCircle } from '@strapi/icons';\r\nimport { styled } from 'styled-components';\r\n\r\n/* -------------------------------------------------------------------------------------------------\r\n * Attachment Context\r\n * -----------------------------------------------------------------------------------------------*/\r\n\r\ninterface AttachmentContextValue {\r\n  error?: string | null;\r\n}\r\n\r\nconst AttachmentContext = createContext<AttachmentContextValue>({ error: null });\r\n\r\nconst useAttachmentContext = () => useContext(AttachmentContext);\r\n\r\n/* -------------------------------------------------------------------------------------------------\r\n * Attachment Root\r\n * -----------------------------------------------------------------------------------------------*/\r\n\r\nexport interface AttachmentRootProps {\r\n  children: ReactNode;\r\n  error?: string | null;\r\n  minWidth?: string;\r\n  maxWidth?: string;\r\n}\r\n\r\nconst StyledRoot = styled(Box)`\r\n  &:hover {\r\n    cursor: pointer;\r\n    background: ${({ theme }) => theme.colors.neutral100};\r\n  }\r\n`;\r\n\r\n// TODO: How to make this a button instead?\r\nconst Root = ({ children, error = null, minWidth, maxWidth }: AttachmentRootProps) => {\r\n  return (\r\n    <AttachmentContext.Provider value={{ error }}>\r\n      <Flex\r\n        direction=\"column\"\r\n        alignItems=\"flex-start\"\r\n        gap={2}\r\n        minWidth={minWidth}\r\n        maxWidth={maxWidth}\r\n      >\r\n        <StyledRoot\r\n          background=\"neutral0\"\r\n          hasRadius\r\n          borderColor=\"neutral200\"\r\n          borderStyle=\"solid\"\r\n          borderWidth=\"1px\"\r\n          padding={2}\r\n          width=\"100%\"\r\n        >\r\n          <Flex gap={2}>{children}</Flex>\r\n        </StyledRoot>\r\n        {error && (\r\n          <Typography variant=\"pi\" textColor=\"danger500\">\r\n            {error}\r\n          </Typography>\r\n        )}\r\n      </Flex>\r\n    </AttachmentContext.Provider>\r\n  );\r\n};\r\n\r\n/* -------------------------------------------------------------------------------------------------\r\n * Attachment Preview\r\n * -----------------------------------------------------------------------------------------------*/\r\n\r\ninterface AttachmentPreviewProps {\r\n  children: ReactNode;\r\n}\r\n\r\nconst Preview = ({ children }: AttachmentPreviewProps) => {\r\n  const { error } = useAttachmentContext();\r\n\r\n  return (\r\n    <Flex alignItems=\"center\" justifyContent=\"center\">\r\n      {error ? <WarningCircle fill=\"danger500\" /> : children}\r\n    </Flex>\r\n  );\r\n};\r\n\r\n/* -------------------------------------------------------------------------------------------------\r\n * Attachment Title\r\n * -----------------------------------------------------------------------------------------------*/\r\n\r\ninterface AttachmentTitleProps {\r\n  children: ReactNode;\r\n}\r\n\r\nconst Title = ({ children }: AttachmentTitleProps) => {\r\n  return (\r\n    <Box grow={1}>\r\n      <Typography variant=\"omega\" ellipsis style={{ userSelect: 'none', maxWidth: '100px' }}>\r\n        {children}\r\n      </Typography>\r\n    </Box>\r\n  );\r\n};\r\n\r\n/* -------------------------------------------------------------------------------------------------\r\n * Attachment Remove\r\n * -----------------------------------------------------------------------------------------------*/\r\n\r\ninterface AttachmentRemoveProps {\r\n  onClick: () => void;\r\n}\r\n\r\nconst Remove = ({ onClick }: AttachmentRemoveProps) => {\r\n  return (\r\n    <Flex alignItems=\"center\" justifyContent=\"center\" shrink={0} onClick={onClick}>\r\n      <Trash fill=\"neutral500\" />\r\n    </Flex>\r\n  );\r\n};\r\n\r\n/* -------------------------------------------------------------------------------------------------\r\n * Attachment Compound\r\n * -----------------------------------------------------------------------------------------------*/\r\n\r\nexport const Attachment = {\r\n  Root,\r\n  Preview,\r\n  Title,\r\n  Remove,\r\n};\r\n\r\nexport { useAttachmentContext };\r\n"],"names":["AttachmentContext","createContext","error","useAttachmentContext","useContext","StyledRoot","styled","Box","theme","colors","neutral100","Root","children","minWidth","maxWidth","_jsx","Provider","value","_jsxs","Flex","direction","alignItems","gap","background","hasRadius","borderColor","borderStyle","borderWidth","padding","width","Typography","variant","textColor","Preview","justifyContent","WarningCircle","fill","Title","grow","ellipsis","style","userSelect","Remove","onClick","shrink","Trash","Attachment"],"mappings":";;;;;;;;AAcA,MAAMA,kCAAoBC,mBAAAA,CAAsC;IAAEC,KAAAA,EAAO;AAAK,CAAA,CAAA;AAE9E,MAAMC,oBAAAA,GAAuB,IAAMC,gBAAAA,CAAWJ,iBAAAA;AAa9C,MAAMK,UAAAA,GAAaC,uBAAAA,CAAOC,gBAAAA,CAAI,CAAC;;;gBAGf,EAAE,CAAC,EAAEC,KAAK,EAAE,GAAKA,KAAAA,CAAMC,MAAM,CAACC,UAAU,CAAC;;AAEzD,CAAC;AAED;AACA,MAAMC,IAAAA,GAAO,CAAC,EAAEC,QAAQ,EAAEV,KAAAA,GAAQ,IAAI,EAAEW,QAAQ,EAAEC,QAAQ,EAAuB,GAAA;IAC/E,qBACEC,cAAA,CAACf,kBAAkBgB,QAAQ,EAAA;QAACC,KAAAA,EAAO;AAAEf,YAAAA;AAAM,SAAA;AACzC,QAAA,QAAA,gBAAAgB,eAAA,CAACC,iBAAAA,EAAAA;YACCC,SAAAA,EAAU,QAAA;YACVC,UAAAA,EAAW,YAAA;YACXC,GAAAA,EAAK,CAAA;YACLT,QAAAA,EAAUA,QAAAA;YACVC,QAAAA,EAAUA,QAAAA;;8BAEVC,cAAA,CAACV,UAAAA,EAAAA;oBACCkB,UAAAA,EAAW,UAAA;oBACXC,SAAS,EAAA,IAAA;oBACTC,WAAAA,EAAY,YAAA;oBACZC,WAAAA,EAAY,OAAA;oBACZC,WAAAA,EAAY,KAAA;oBACZC,OAAAA,EAAS,CAAA;oBACTC,KAAAA,EAAM,MAAA;AAEN,oBAAA,QAAA,gBAAAd,cAAA,CAACI,iBAAAA,EAAAA;wBAAKG,GAAAA,EAAK,CAAA;AAAIV,wBAAAA,QAAAA,EAAAA;;;AAEhBV,gBAAAA,KAAAA,kBACCa,cAAA,CAACe,uBAAAA,EAAAA;oBAAWC,OAAAA,EAAQ,IAAA;oBAAKC,SAAAA,EAAU,WAAA;AAChC9B,oBAAAA,QAAAA,EAAAA;;;;;AAMb,CAAA;AAUA,MAAM+B,OAAAA,GAAU,CAAC,EAAErB,QAAQ,EAA0B,GAAA;IACnD,MAAM,EAAEV,KAAK,EAAE,GAAGC,oBAAAA,EAAAA;AAElB,IAAA,qBACEY,cAAA,CAACI,iBAAAA,EAAAA;QAAKE,UAAAA,EAAW,QAAA;QAASa,cAAAA,EAAe,QAAA;AACtChC,QAAAA,QAAAA,EAAAA,KAAAA,iBAAQa,cAAA,CAACoB,mBAAAA,EAAAA;YAAcC,IAAAA,EAAK;AAAiBxB,SAAAA,CAAAA,GAAAA;;AAGpD,CAAA;AAUA,MAAMyB,KAAAA,GAAQ,CAAC,EAAEzB,QAAQ,EAAwB,GAAA;AAC/C,IAAA,qBACEG,cAAA,CAACR,gBAAAA,EAAAA;QAAI+B,IAAAA,EAAM,CAAA;AACT,QAAA,QAAA,gBAAAvB,cAAA,CAACe,uBAAAA,EAAAA;YAAWC,OAAAA,EAAQ,OAAA;YAAQQ,QAAQ,EAAA,IAAA;YAACC,KAAAA,EAAO;gBAAEC,UAAAA,EAAY,MAAA;gBAAQ3B,QAAAA,EAAU;AAAQ,aAAA;AACjFF,YAAAA,QAAAA,EAAAA;;;AAIT,CAAA;AAUA,MAAM8B,MAAAA,GAAS,CAAC,EAAEC,OAAO,EAAyB,GAAA;AAChD,IAAA,qBACE5B,cAAA,CAACI,iBAAAA,EAAAA;QAAKE,UAAAA,EAAW,QAAA;QAASa,cAAAA,EAAe,QAAA;QAASU,MAAAA,EAAQ,CAAA;QAAGD,OAAAA,EAASA,OAAAA;AACpE,QAAA,QAAA,gBAAA5B,cAAA,CAAC8B,WAAAA,EAAAA;YAAMT,IAAAA,EAAK;;;AAGlB,CAAA;AAEA;;2GAIaU,UAAAA,GAAa;AACxBnC,IAAAA,IAAAA;AACAsB,IAAAA,OAAAA;AACAI,IAAAA,KAAAA;AACAK,IAAAA;AACF;;;;;"}

package/dist/admin/components/AIChat/components/Attachments/components/Attachment.mjs

@@ -0,0 +1,97 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { createContext, useContext } from 'react';
+import { Flex, Typography, Box } from '@strapi/design-system';
+import { WarningCircle, Trash } from '@strapi/icons';
+import { styled } from 'styled-components';
+
+const AttachmentContext = /*#__PURE__*/ createContext({
+    error: null
+});
+const useAttachmentContext = ()=>useContext(AttachmentContext);
+const StyledRoot = styled(Box)`
+  &:hover {
+    cursor: pointer;
+    background: ${({ theme })=>theme.colors.neutral100};
+  }
+`;
+// TODO: How to make this a button instead?
+const Root = ({ children, error = null, minWidth, maxWidth })=>{
+    return /*#__PURE__*/ jsx(AttachmentContext.Provider, {
+        value: {
+            error
+        },
+        children: /*#__PURE__*/ jsxs(Flex, {
+            direction: "column",
+            alignItems: "flex-start",
+            gap: 2,
+            minWidth: minWidth,
+            maxWidth: maxWidth,
+            children: [
+                /*#__PURE__*/ jsx(StyledRoot, {
+                    background: "neutral0",
+                    hasRadius: true,
+                    borderColor: "neutral200",
+                    borderStyle: "solid",
+                    borderWidth: "1px",
+                    padding: 2,
+                    width: "100%",
+                    children: /*#__PURE__*/ jsx(Flex, {
+                        gap: 2,
+                        children: children
+                    })
+                }),
+                error && /*#__PURE__*/ jsx(Typography, {
+                    variant: "pi",
+                    textColor: "danger500",
+                    children: error
+                })
+            ]
+        })
+    });
+};
+const Preview = ({ children })=>{
+    const { error } = useAttachmentContext();
+    return /*#__PURE__*/ jsx(Flex, {
+        alignItems: "center",
+        justifyContent: "center",
+        children: error ? /*#__PURE__*/ jsx(WarningCircle, {
+            fill: "danger500"
+        }) : children
+    });
+};
+const Title = ({ children })=>{
+    return /*#__PURE__*/ jsx(Box, {
+        grow: 1,
+        children: /*#__PURE__*/ jsx(Typography, {
+            variant: "omega",
+            ellipsis: true,
+            style: {
+                userSelect: 'none',
+                maxWidth: '100px'
+            },
+            children: children
+        })
+    });
+};
+const Remove = ({ onClick })=>{
+    return /*#__PURE__*/ jsx(Flex, {
+        alignItems: "center",
+        justifyContent: "center",
+        shrink: 0,
+        onClick: onClick,
+        children: /*#__PURE__*/ jsx(Trash, {
+            fill: "neutral500"
+        })
+    });
+};
+/* -------------------------------------------------------------------------------------------------
+ * Attachment Compound
+ * -----------------------------------------------------------------------------------------------*/ const Attachment = {
+    Root,
+    Preview,
+    Title,
+    Remove
+};
+
+export { Attachment, useAttachmentContext };
+//# sourceMappingURL=Attachment.mjs.map

package/dist/admin/components/AIChat/components/Attachments/components/Attachment.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Attachment.mjs","sources":["../../../../../../../admin/src/components/AIChat/components/Attachments/components/Attachment.tsx"],"sourcesContent":["import { ReactNode, createContext, useContext } from 'react';\r\n\r\nimport { Box, Flex, Typography } from '@strapi/design-system';\r\nimport { Trash, WarningCircle } from '@strapi/icons';\r\nimport { styled } from 'styled-components';\r\n\r\n/* -------------------------------------------------------------------------------------------------\r\n * Attachment Context\r\n * -----------------------------------------------------------------------------------------------*/\r\n\r\ninterface AttachmentContextValue {\r\n  error?: string | null;\r\n}\r\n\r\nconst AttachmentContext = createContext<AttachmentContextValue>({ error: null });\r\n\r\nconst useAttachmentContext = () => useContext(AttachmentContext);\r\n\r\n/* -------------------------------------------------------------------------------------------------\r\n * Attachment Root\r\n * -----------------------------------------------------------------------------------------------*/\r\n\r\nexport interface AttachmentRootProps {\r\n  children: ReactNode;\r\n  error?: string | null;\r\n  minWidth?: string;\r\n  maxWidth?: string;\r\n}\r\n\r\nconst StyledRoot = styled(Box)`\r\n  &:hover {\r\n    cursor: pointer;\r\n    background: ${({ theme }) => theme.colors.neutral100};\r\n  }\r\n`;\r\n\r\n// TODO: How to make this a button instead?\r\nconst Root = ({ children, error = null, minWidth, maxWidth }: AttachmentRootProps) => {\r\n  return (\r\n    <AttachmentContext.Provider value={{ error }}>\r\n      <Flex\r\n        direction=\"column\"\r\n        alignItems=\"flex-start\"\r\n        gap={2}\r\n        minWidth={minWidth}\r\n        maxWidth={maxWidth}\r\n      >\r\n        <StyledRoot\r\n          background=\"neutral0\"\r\n          hasRadius\r\n          borderColor=\"neutral200\"\r\n          borderStyle=\"solid\"\r\n          borderWidth=\"1px\"\r\n          padding={2}\r\n          width=\"100%\"\r\n        >\r\n          <Flex gap={2}>{children}</Flex>\r\n        </StyledRoot>\r\n        {error && (\r\n          <Typography variant=\"pi\" textColor=\"danger500\">\r\n            {error}\r\n          </Typography>\r\n        )}\r\n      </Flex>\r\n    </AttachmentContext.Provider>\r\n  );\r\n};\r\n\r\n/* -------------------------------------------------------------------------------------------------\r\n * Attachment Preview\r\n * -----------------------------------------------------------------------------------------------*/\r\n\r\ninterface AttachmentPreviewProps {\r\n  children: ReactNode;\r\n}\r\n\r\nconst Preview = ({ children }: AttachmentPreviewProps) => {\r\n  const { error } = useAttachmentContext();\r\n\r\n  return (\r\n    <Flex alignItems=\"center\" justifyContent=\"center\">\r\n      {error ? <WarningCircle fill=\"danger500\" /> : children}\r\n    </Flex>\r\n  );\r\n};\r\n\r\n/* -------------------------------------------------------------------------------------------------\r\n * Attachment Title\r\n * -----------------------------------------------------------------------------------------------*/\r\n\r\ninterface AttachmentTitleProps {\r\n  children: ReactNode;\r\n}\r\n\r\nconst Title = ({ children }: AttachmentTitleProps) => {\r\n  return (\r\n    <Box grow={1}>\r\n      <Typography variant=\"omega\" ellipsis style={{ userSelect: 'none', maxWidth: '100px' }}>\r\n        {children}\r\n      </Typography>\r\n    </Box>\r\n  );\r\n};\r\n\r\n/* -------------------------------------------------------------------------------------------------\r\n * Attachment Remove\r\n * -----------------------------------------------------------------------------------------------*/\r\n\r\ninterface AttachmentRemoveProps {\r\n  onClick: () => void;\r\n}\r\n\r\nconst Remove = ({ onClick }: AttachmentRemoveProps) => {\r\n  return (\r\n    <Flex alignItems=\"center\" justifyContent=\"center\" shrink={0} onClick={onClick}>\r\n      <Trash fill=\"neutral500\" />\r\n    </Flex>\r\n  );\r\n};\r\n\r\n/* -------------------------------------------------------------------------------------------------\r\n * Attachment Compound\r\n * -----------------------------------------------------------------------------------------------*/\r\n\r\nexport const Attachment = {\r\n  Root,\r\n  Preview,\r\n  Title,\r\n  Remove,\r\n};\r\n\r\nexport { useAttachmentContext };\r\n"],"names":["AttachmentContext","createContext","error","useAttachmentContext","useContext","StyledRoot","styled","Box","theme","colors","neutral100","Root","children","minWidth","maxWidth","_jsx","Provider","value","_jsxs","Flex","direction","alignItems","gap","background","hasRadius","borderColor","borderStyle","borderWidth","padding","width","Typography","variant","textColor","Preview","justifyContent","WarningCircle","fill","Title","grow","ellipsis","style","userSelect","Remove","onClick","shrink","Trash","Attachment"],"mappings":";;;;;;AAcA,MAAMA,kCAAoBC,aAAAA,CAAsC;IAAEC,KAAAA,EAAO;AAAK,CAAA,CAAA;AAE9E,MAAMC,oBAAAA,GAAuB,IAAMC,UAAAA,CAAWJ,iBAAAA;AAa9C,MAAMK,UAAAA,GAAaC,MAAAA,CAAOC,GAAAA,CAAI,CAAC;;;gBAGf,EAAE,CAAC,EAAEC,KAAK,EAAE,GAAKA,KAAAA,CAAMC,MAAM,CAACC,UAAU,CAAC;;AAEzD,CAAC;AAED;AACA,MAAMC,IAAAA,GAAO,CAAC,EAAEC,QAAQ,EAAEV,KAAAA,GAAQ,IAAI,EAAEW,QAAQ,EAAEC,QAAQ,EAAuB,GAAA;IAC/E,qBACEC,GAAA,CAACf,kBAAkBgB,QAAQ,EAAA;QAACC,KAAAA,EAAO;AAAEf,YAAAA;AAAM,SAAA;AACzC,QAAA,QAAA,gBAAAgB,IAAA,CAACC,IAAAA,EAAAA;YACCC,SAAAA,EAAU,QAAA;YACVC,UAAAA,EAAW,YAAA;YACXC,GAAAA,EAAK,CAAA;YACLT,QAAAA,EAAUA,QAAAA;YACVC,QAAAA,EAAUA,QAAAA;;8BAEVC,GAAA,CAACV,UAAAA,EAAAA;oBACCkB,UAAAA,EAAW,UAAA;oBACXC,SAAS,EAAA,IAAA;oBACTC,WAAAA,EAAY,YAAA;oBACZC,WAAAA,EAAY,OAAA;oBACZC,WAAAA,EAAY,KAAA;oBACZC,OAAAA,EAAS,CAAA;oBACTC,KAAAA,EAAM,MAAA;AAEN,oBAAA,QAAA,gBAAAd,GAAA,CAACI,IAAAA,EAAAA;wBAAKG,GAAAA,EAAK,CAAA;AAAIV,wBAAAA,QAAAA,EAAAA;;;AAEhBV,gBAAAA,KAAAA,kBACCa,GAAA,CAACe,UAAAA,EAAAA;oBAAWC,OAAAA,EAAQ,IAAA;oBAAKC,SAAAA,EAAU,WAAA;AAChC9B,oBAAAA,QAAAA,EAAAA;;;;;AAMb,CAAA;AAUA,MAAM+B,OAAAA,GAAU,CAAC,EAAErB,QAAQ,EAA0B,GAAA;IACnD,MAAM,EAAEV,KAAK,EAAE,GAAGC,oBAAAA,EAAAA;AAElB,IAAA,qBACEY,GAAA,CAACI,IAAAA,EAAAA;QAAKE,UAAAA,EAAW,QAAA;QAASa,cAAAA,EAAe,QAAA;AACtChC,QAAAA,QAAAA,EAAAA,KAAAA,iBAAQa,GAAA,CAACoB,aAAAA,EAAAA;YAAcC,IAAAA,EAAK;AAAiBxB,SAAAA,CAAAA,GAAAA;;AAGpD,CAAA;AAUA,MAAMyB,KAAAA,GAAQ,CAAC,EAAEzB,QAAQ,EAAwB,GAAA;AAC/C,IAAA,qBACEG,GAAA,CAACR,GAAAA,EAAAA;QAAI+B,IAAAA,EAAM,CAAA;AACT,QAAA,QAAA,gBAAAvB,GAAA,CAACe,UAAAA,EAAAA;YAAWC,OAAAA,EAAQ,OAAA;YAAQQ,QAAQ,EAAA,IAAA;YAACC,KAAAA,EAAO;gBAAEC,UAAAA,EAAY,MAAA;gBAAQ3B,QAAAA,EAAU;AAAQ,aAAA;AACjFF,YAAAA,QAAAA,EAAAA;;;AAIT,CAAA;AAUA,MAAM8B,MAAAA,GAAS,CAAC,EAAEC,OAAO,EAAyB,GAAA;AAChD,IAAA,qBACE5B,GAAA,CAACI,IAAAA,EAAAA;QAAKE,UAAAA,EAAW,QAAA;QAASa,cAAAA,EAAe,QAAA;QAASU,MAAAA,EAAQ,CAAA;QAAGD,OAAAA,EAASA,OAAAA;AACpE,QAAA,QAAA,gBAAA5B,GAAA,CAAC8B,KAAAA,EAAAA;YAAMT,IAAAA,EAAK;;;AAGlB,CAAA;AAEA;;2GAIaU,UAAAA,GAAa;AACxBnC,IAAAA,IAAAA;AACAsB,IAAAA,OAAAA;AACAI,IAAAA,KAAAA;AACAK,IAAAA;AACF;;;;"}

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

@@ -0,0 +1,127 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var designSystem = require('@strapi/design-system');
+var Icons = require('@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] = React.useState(null);
+    const [dimensions, setDimensions] = React.useState({});
+    const [isLoading, setIsLoading] = React.useState(true);
+    const [hasError, setHasError] = React.useState(false);
+    React.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__*/ jsxRuntime.jsx(designSystem.Flex, {
+            direction: "column",
+            gap: 2,
+            alignItems: "center",
+            width: "100%",
+            children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Loader, {
+                small: true
+            })
+        });
+    }
+    if (hasError) {
+        return /*#__PURE__*/ jsxRuntime.jsx(designSystem.Flex, {
+            direction: "column",
+            gap: 2,
+            alignItems: "center",
+            width: "100%",
+            children: /*#__PURE__*/ jsxRuntime.jsx(Icons.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__*/ jsxRuntime.jsx("img", {
+        ...imgProps
+    }) : null;
+};
+
+exports.Base64Img = Base64Img;
+//# sourceMappingURL=Base64Image.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Base64Image.js","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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"}