npm - @ai-group/chat-sdk - Versions diffs - 3.0.1-alpha.3 → 3.0.1-alpha.6 - Mend

@ai-group/chat-sdk 3.0.1-alpha.3 → 3.0.1-alpha.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (28) hide show

package/dist/esm/components/XAdkSender/FileGallery.js CHANGED Viewed

@@ -1,8 +1,9 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14;
-import React from "react";
+import React, { useState, useEffect } from "react";
 import { Image, Tooltip, Progress } from "antd";
-import { FileOutlined, FilePdfOutlined, FileWordOutlined, FileExcelOutlined, FilePptOutlined, FileImageOutlined, CloseOutlined } from "@ant-design/icons";
+import { FileOutlined, FilePdfOutlined, FileWordOutlined, FileExcelOutlined, FilePptOutlined, FileImageOutlined, CloseOutlined, AudioOutlined, VideoCameraOutlined } from "@ant-design/icons";
 import { css } from "@emotion/css";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
@@ -18,6 +19,18 @@ var getFileExtension = function getFileExtension(filename) {
   return ext ? ext.toLowerCase() : "";
 };
+// 判断是否是音频文件
+var isAudioFile = function isAudioFile(file) {
+  if (!file.type) return false;
+  return file.type.startsWith("audio/");
+};
+// 判断是否是视频文件
+var isVideoFile = function isVideoFile(file) {
+  if (!file.type) return false;
+  return file.type.startsWith("video/");
+};
 // 获取文件图标和颜色
 var getFileIcon = function getFileIcon(file) {
   var ext = getFileExtension(file.name);
@@ -54,6 +67,22 @@ var getFileIcon = function getFileIcon(file) {
     };
   }
+  // Audio
+  if (["mp3", "wav", "m4a", "aac", "ogg", "flac"].includes(ext)) {
+    return {
+      icon: /*#__PURE__*/_jsx(AudioOutlined, {}),
+      color: "#722ed1"
+    };
+  }
+  // Video
+  if (["mp4", "mov", "webm", "mkv", "avi"].includes(ext)) {
+    return {
+      icon: /*#__PURE__*/_jsx(VideoCameraOutlined, {}),
+      color: "#fa8c16"
+    };
+  }
   // 图片
   if (isImageFile(file)) {
     return {
@@ -84,21 +113,206 @@ var styles = {
   removeBtn: css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n    position: absolute;\n    top: 4px;\n    right: 4px;\n    width: 20px;\n    height: 20px;\n    border-radius: 50%;\n    background: rgba(0, 0, 0, 0.6);\n    color: #fff;\n    border: none;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n    z-index: 20;\n    padding: 0;\n    font-size: 10px;\n    transition: all 0.2s ease;\n\n    &:hover {\n      background: rgba(0, 0, 0, 0.8);\n      transform: scale(1.1);\n    }\n  "]))),
   // 文件列表
   fileList: css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n    display: flex;\n    flex-wrap: wrap;\n    gap: 8px;\n  "]))),
-  fileCard: css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n    position: relative;\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    padding: 10px 12px;\n    background: #fafafa;\n    border: 1px solid #f0f0f0;\n    border-radius: 8px;\n    min-width: 200px;\n    max-width: 280px;\n    min-height: 64px;\n    transition: all 0.2s ease;\n\n    &:hover {\n      background: #f5f5f5;\n      border-color: #e0e0e0;\n    }\n  "]))),
+  fileCard: css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n    position: relative;\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    padding: 6px 12px;\n    background: #fafafa;\n    border: 1px solid #f0f0f0;\n    border-radius: 8px;\n    min-width: 260px;\n    max-width: 280px;\n    min-height: 64px;\n    transition: all 0.2s ease;\n\n    &:hover {\n      background: #f5f5f5;\n      border-color: #e0e0e0;\n    }\n  "]))),
   // 图片缩略图容器
   imageThumbnail: css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n    position: relative;\n    width: 44px;\n    height: 44px;\n    flex-shrink: 0;\n    border-radius: 4px;\n    overflow: hidden;\n    background-color: #f5f5f5;\n    border: 1px solid rgba(0, 0, 0, 0.06);\n\n    .ant-image {\n      width: 100% !important;\n      height: 100% !important;\n      display: flex !important;\n      justify-content: center;\n      align-items: center;\n    }\n\n    img {\n      width: 100% !important;\n      height: 100% !important;\n      object-fit: cover !important;\n      display: block !important;\n    }\n  "]))),
-  fileIcon: css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n    font-size: 24px;\n    flex-shrink: 0;\n    width: 44px;\n    height: 44px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  "]))),
+  fileIcon: css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n    font-size: 24px;\n    flex-shrink: 0;\n    width: 36px;\n    height: 36px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  "]))),
   fileInfo: css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n    flex: 1;\n    min-width: 0;\n    overflow: hidden;\n  "]))),
   fileName: css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n    font-size: 13px;\n    font-weight: 500;\n    color: #262626;\n    margin-bottom: 4px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  "]))),
   fileSize: css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n    font-size: 11px;\n    color: #8c8c8c;\n  "]))),
   progress: css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n    margin-top: 4px;\n\n    .ant-progress-inner {\n      height: 4px !important;\n    }\n\n    .ant-progress-bg {\n      height: 4px !important;\n    }\n  "]))),
   fileRemoveBtn: css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n    position: absolute;\n    top: -6px;\n    right: -6px;\n    width: 18px;\n    height: 18px;\n    border-radius: 50%;\n    background: rgba(0, 0, 0, 0.75);\n    color: #fff;\n    border: none;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n    z-index: 1;\n    padding: 0;\n    font-size: 10px;\n    transition: all 0.2s ease;\n\n    &:hover {\n      background: rgba(0, 0, 0, 0.9);\n      transform: scale(1.1);\n    }\n\n    &:disabled {\n      opacity: 0.5;\n      cursor: not-allowed;\n    }\n  "])))
 };
-var FileGallery = function FileGallery(_ref) {
-  var files = _ref.files,
+var FileItem = function FileItem(_ref) {
+  var _file$response, _file$response2;
+  var file = _ref.file,
     onRemove = _ref.onRemove;
+  var _useState = useState(""),
+    _useState2 = _slicedToArray(_useState, 2),
+    objectUrl = _useState2[0],
+    setObjectUrl = _useState2[1];
+  useEffect(function () {
+    if (!file.file) return;
+    var url = URL.createObjectURL(file.file);
+    setObjectUrl(url);
+    return function () {
+      return URL.revokeObjectURL(url);
+    };
+  }, [file.file]);
+  var isImage = isImageFile(file);
+  var isAudio = isAudioFile(file);
+  var isVideo = isVideoFile(file);
+  var url = ((_file$response = file.response) === null || _file$response === void 0 ? void 0 : _file$response.fileUrl) || ((_file$response2 = file.response) === null || _file$response2 === void 0 ? void 0 : _file$response2.tempUrl) || file.tempUrl || objectUrl;
+  if (isImage) {
+    // 图片卡片
+    return /*#__PURE__*/_jsxs("div", {
+      className: styles.fileCard,
+      children: [/*#__PURE__*/_jsxs("div", {
+        className: styles.imageThumbnail,
+        children: [/*#__PURE__*/_jsx(Image, {
+          src: url,
+          alt: file.name,
+          fallback: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mN8/5+hHgAHggJ/PchI7wAAAABJRU5ErkJggg==",
+          preview: {
+            src: url
+          }
+        }), file.status === "uploading" && /*#__PURE__*/_jsx("div", {
+          className: styles.imageOverlay,
+          children: /*#__PURE__*/_jsx(Progress, {
+            type: "circle",
+            percent: file.progress,
+            size: 30,
+            strokeColor: "#1677ff"
+          })
+        })]
+      }), /*#__PURE__*/_jsxs("div", {
+        className: styles.fileInfo,
+        children: [/*#__PURE__*/_jsx(Tooltip, {
+          title: file.name,
+          children: /*#__PURE__*/_jsx("div", {
+            className: styles.fileName,
+            children: file.name.length > 15 ? "".concat(file.name.substring(0, 15), "...") : file.name
+          })
+        }), /*#__PURE__*/_jsx("div", {
+          className: styles.fileSize,
+          children: formatFileSize(file.size)
+        })]
+      }), /*#__PURE__*/_jsx("button", {
+        className: styles.fileRemoveBtn,
+        onClick: function onClick() {
+          return onRemove(file.id);
+        },
+        disabled: file.status === "uploading",
+        "aria-label": "\u5220\u9664\u6587\u4EF6",
+        children: /*#__PURE__*/_jsx(CloseOutlined, {})
+      })]
+    }, file.id);
+  } else if (isAudio) {
+    return /*#__PURE__*/_jsxs("div", {
+      className: styles.fileCard,
+      children: [/*#__PURE__*/_jsx("div", {
+        className: styles.fileIcon,
+        style: {
+          color: "#722ed1"
+        },
+        children: /*#__PURE__*/_jsx(AudioOutlined, {})
+      }), /*#__PURE__*/_jsxs("div", {
+        className: styles.fileInfo,
+        children: [/*#__PURE__*/_jsx(Tooltip, {
+          title: file.name,
+          children: /*#__PURE__*/_jsx("div", {
+            className: styles.fileName,
+            children: file.name
+          })
+        }), /*#__PURE__*/_jsx("audio", {
+          src: url,
+          controls: true,
+          style: {
+            width: "100%",
+            height: 28
+          }
+        })]
+      }), /*#__PURE__*/_jsx("button", {
+        className: styles.fileRemoveBtn,
+        onClick: function onClick() {
+          return onRemove(file.id);
+        },
+        disabled: file.status === "uploading",
+        children: /*#__PURE__*/_jsx(CloseOutlined, {})
+      })]
+    }, file.id);
+  } else if (isVideo) {
+    return /*#__PURE__*/_jsxs("div", {
+      className: styles.fileCard,
+      children: [/*#__PURE__*/_jsx("div", {
+        className: styles.fileIcon,
+        style: {
+          color: "#fa8c16"
+        },
+        children: /*#__PURE__*/_jsx(VideoCameraOutlined, {})
+      }), /*#__PURE__*/_jsxs("div", {
+        className: styles.fileInfo,
+        children: [/*#__PURE__*/_jsx(Tooltip, {
+          title: file.name,
+          children: /*#__PURE__*/_jsx("div", {
+            className: styles.fileName,
+            children: file.name
+          })
+        }), /*#__PURE__*/_jsx("video", {
+          src: url,
+          controls: true,
+          style: {
+            width: "100%",
+            height: 40
+          }
+        })]
+      }), /*#__PURE__*/_jsx("button", {
+        className: styles.fileRemoveBtn,
+        onClick: function onClick() {
+          return onRemove(file.id);
+        },
+        disabled: file.status === "uploading",
+        children: /*#__PURE__*/_jsx(CloseOutlined, {})
+      })]
+    }, file.id);
+  } else {
+    // 文件卡片
+    var _getFileIcon = getFileIcon(file),
+      icon = _getFileIcon.icon,
+      color = _getFileIcon.color;
+    return /*#__PURE__*/_jsxs("div", {
+      className: styles.fileCard,
+      children: [/*#__PURE__*/_jsx("div", {
+        className: styles.fileIcon,
+        style: {
+          color: color
+        },
+        children: icon
+      }), /*#__PURE__*/_jsxs("div", {
+        className: styles.fileInfo,
+        children: [/*#__PURE__*/_jsx(Tooltip, {
+          title: file.name,
+          children: /*#__PURE__*/_jsx("div", {
+            className: styles.fileName,
+            children: file.name.length > 15 ? "".concat(file.name.substring(0, 15), "...") : file.name
+          })
+        }), file.status === "uploading" ? /*#__PURE__*/_jsx(Progress, {
+          percent: file.progress,
+          size: "small",
+          showInfo: false,
+          strokeColor: "#1677ff",
+          className: styles.progress
+        }) : /*#__PURE__*/_jsx("div", {
+          className: styles.fileSize,
+          children: formatFileSize(file.size)
+        }), file.status === "error" && file.errorMessage && /*#__PURE__*/_jsx("div", {
+          style: {
+            fontSize: "11px",
+            color: "#ff4d4f",
+            marginTop: "2px"
+          },
+          children: file.errorMessage
+        })]
+      }), /*#__PURE__*/_jsx("button", {
+        className: styles.fileRemoveBtn,
+        onClick: function onClick() {
+          return onRemove(file.id);
+        },
+        disabled: file.status === "uploading",
+        "aria-label": "\u5220\u9664\u6587\u4EF6",
+        children: /*#__PURE__*/_jsx(CloseOutlined, {})
+      })]
+    }, file.id);
+  }
+};
+var FileGallery = function FileGallery(_ref2) {
+  var files = _ref2.files,
+    onRemove = _ref2.onRemove;
   if (files.length === 0) return null;
+  var _useState3 = useState(""),
+    _useState4 = _slicedToArray(_useState3, 2),
+    objectUrl = _useState4[0],
+    setObjectUrl = _useState4[1];
   // 调试日志
   // if (process.env.NODE_ENV === "development") {
   //   console.log(
@@ -120,113 +334,10 @@ var FileGallery = function FileGallery(_ref) {
       className: styles.fileList,
       children: /*#__PURE__*/_jsx(Image.PreviewGroup, {
         children: files.map(function (file) {
-          var isImage = isImageFile(file);
-          if (isImage) {
-            var _file$response, _file$response2;
-            // 图片卡片
-            var url = ((_file$response = file.response) === null || _file$response === void 0 ? void 0 : _file$response.fileUrl) || ((_file$response2 = file.response) === null || _file$response2 === void 0 ? void 0 : _file$response2.tempUrl) || file.tempUrl || (file.file ? URL.createObjectURL(file.file) : "");
-            // if (process.env.NODE_ENV === 'development') {
-            //   console.log('[FileGallery] Image URL for', file.name, ':', {
-            //     url,
-            //     'response.fileUrl': file.response?.fileUrl,
-            //     'response.tempUrl': file.response?.tempUrl,
-            //     'tempUrl': file.tempUrl,
-            //     'hasFile': !!file.file,
-            //   });
-            // }
-            return /*#__PURE__*/_jsxs("div", {
-              className: styles.fileCard,
-              children: [/*#__PURE__*/_jsxs("div", {
-                className: styles.imageThumbnail,
-                children: [/*#__PURE__*/_jsx(Image, {
-                  src: url,
-                  alt: file.name,
-                  fallback: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mN8/5+hHgAHggJ/PchI7wAAAABJRU5ErkJggg==",
-                  preview: {
-                    src: url
-                  }
-                }), file.status === "uploading" && /*#__PURE__*/_jsx("div", {
-                  className: styles.imageOverlay,
-                  children: /*#__PURE__*/_jsx(Progress, {
-                    type: "circle",
-                    percent: file.progress,
-                    size: 30,
-                    strokeColor: "#1677ff"
-                  })
-                })]
-              }), /*#__PURE__*/_jsxs("div", {
-                className: styles.fileInfo,
-                children: [/*#__PURE__*/_jsx(Tooltip, {
-                  title: file.name,
-                  children: /*#__PURE__*/_jsx("div", {
-                    className: styles.fileName,
-                    children: file.name.length > 15 ? "".concat(file.name.substring(0, 15), "...") : file.name
-                  })
-                }), /*#__PURE__*/_jsx("div", {
-                  className: styles.fileSize,
-                  children: formatFileSize(file.size)
-                })]
-              }), /*#__PURE__*/_jsx("button", {
-                className: styles.fileRemoveBtn,
-                onClick: function onClick() {
-                  return onRemove(file.id);
-                },
-                disabled: file.status === "uploading",
-                "aria-label": "\u5220\u9664\u6587\u4EF6",
-                children: /*#__PURE__*/_jsx(CloseOutlined, {})
-              })]
-            }, file.id);
-          } else {
-            // 文件卡片
-            var _getFileIcon = getFileIcon(file),
-              icon = _getFileIcon.icon,
-              color = _getFileIcon.color;
-            return /*#__PURE__*/_jsxs("div", {
-              className: styles.fileCard,
-              children: [/*#__PURE__*/_jsx("div", {
-                className: styles.fileIcon,
-                style: {
-                  color: color
-                },
-                children: icon
-              }), /*#__PURE__*/_jsxs("div", {
-                className: styles.fileInfo,
-                children: [/*#__PURE__*/_jsx(Tooltip, {
-                  title: file.name,
-                  children: /*#__PURE__*/_jsx("div", {
-                    className: styles.fileName,
-                    children: file.name.length > 15 ? "".concat(file.name.substring(0, 15), "...") : file.name
-                  })
-                }), file.status === "uploading" ? /*#__PURE__*/_jsx(Progress, {
-                  percent: file.progress,
-                  size: "small",
-                  showInfo: false,
-                  strokeColor: "#1677ff",
-                  className: styles.progress
-                }) : /*#__PURE__*/_jsx("div", {
-                  className: styles.fileSize,
-                  children: formatFileSize(file.size)
-                }), file.status === "error" && file.errorMessage && /*#__PURE__*/_jsx("div", {
-                  style: {
-                    fontSize: "11px",
-                    color: "#ff4d4f",
-                    marginTop: "2px"
-                  },
-                  children: file.errorMessage
-                })]
-              }), /*#__PURE__*/_jsx("button", {
-                className: styles.fileRemoveBtn,
-                onClick: function onClick() {
-                  return onRemove(file.id);
-                },
-                disabled: file.status === "uploading",
-                "aria-label": "\u5220\u9664\u6587\u4EF6",
-                children: /*#__PURE__*/_jsx(CloseOutlined, {})
-              })]
-            }, file.id);
-          }
+          return /*#__PURE__*/_jsx(FileItem, {
+            file: file,
+            onRemove: onRemove
+          }, file.id);
         })
       })
     })

package/dist/esm/components/XAdkSender/FileGallery.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","Image","Tooltip","Progress","FileOutlined","FilePdfOutlined","FileWordOutlined","FileExcelOutlined","FilePptOutlined","FileImageOutlined","CloseOutlined","css","jsx","_jsx","jsxs","_jsxs","isImageFile","file","type","startsWith","getFileExtension","filename","ext","split","pop","toLowerCase","getFileIcon","name","icon","color","includes","formatFileSize","bytes","toFixed","styles","container","_templateObject","_taggedTemplateLiteral","imageGrid","_templateObject2","imageItem","_templateObject3","imageOverlay","_templateObject4","removeBtn","_templateObject5","fileList","_templateObject6","fileCard","_templateObject7","imageThumbnail","_templateObject8","fileIcon","_templateObject9","fileInfo","_templateObject10","fileName","_templateObject11","fileSize","_templateObject12","progress","_templateObject13","fileRemoveBtn","_templateObject14","FileGallery","_ref","files","onRemove","length","className","children","PreviewGroup","map","isImage","_file$response","_file$response2","url","response","fileUrl","tempUrl","URL","createObjectURL","src","alt","fallback","preview","status","percent","size","strokeColor","title","concat","substring","onClick","id","disabled","_getFileIcon","style","showInfo","errorMessage","fontSize","marginTop"],"sources":["../../../../src/components/XAdkSender/FileGallery.tsx"],"sourcesContent":["import React from \"react\";\nimport { Image, Tooltip, Progress } from \"antd\";\nimport {\n FileOutlined,\n FilePdfOutlined,\n FileWordOutlined,\n FileExcelOutlined,\n FilePptOutlined,\n FileImageOutlined,\n CloseOutlined,\n} from \"@ant-design/icons\";\nimport { LocalFile } from \"../../types/XAdkSender\";\nimport { css } from \"@emotion/css\";\n\ninterface FileGalleryProps {\n files: LocalFile[];\n onRemove: (id: string) => void;\n}\n\n// 判断是否是图片文件\nconst isImageFile = (file: LocalFile): boolean => {\n if (!file.type) return false;\n return file.type.startsWith(\"image/\");\n};\n\n// 获取文件扩展名\nconst getFileExtension = (filename: string): string => {\n const ext = filename.split(\".\").pop();\n return ext ? ext.toLowerCase() : \"\";\n};\n\n// 获取文件图标和颜色\nconst getFileIcon = (\n file: LocalFile,\n): { icon: React.ReactNode; color: string } => {\n const ext = getFileExtension(file.name);\n\n // PDF\n if (ext === \"pdf\") {\n return { icon: <FilePdfOutlined />, color: \"#ff4d4f\" };\n }\n\n // Word\n if ([\"doc\", \"docx\"].includes(ext)) {\n return { icon: <FileWordOutlined />, color: \"#1677ff\" };\n }\n\n // Excel\n if ([\"xls\", \"xlsx\", \"csv\"].includes(ext)) {\n return { icon: <FileExcelOutlined />, color: \"#22b35e\" };\n }\n\n // PPT\n if ([\"ppt\", \"pptx\"].includes(ext)) {\n return { icon: <FilePptOutlined />, color: \"#ff6e31\" };\n }\n\n // 图片\n if (isImageFile(file)) {\n return { icon: <FileImageOutlined />, color: \"#8c8c8c\" };\n }\n\n // 默认\n return { icon: <FileOutlined />, color: \"#8c8c8c\" };\n};\n\n// 格式化文件大小\nconst formatFileSize = (bytes: number): string => {\n if (bytes < 1024) return bytes + \" B\";\n if (bytes < 1024 * 1024) return (bytes / 1024).toFixed(1) + \" KB\";\n return (bytes / (1024 * 1024)).toFixed(1) + \" MB\";\n};\n\nconst styles = {\n container: css`\n padding: 12px 0;\n display: flex;\n flex-direction: column;\n gap: 12px;\n `,\n\n // 图片九宫格容器\n imageGrid: css`\n display: grid;\n gap: 8px;\n width: fit-content;\n min-width: 80px;\n max-width: 100%;\n /* 默认3列布局 /\n grid-template-columns: repeat(3, 1fr);\n\n / 单张图 /\n &[data-count=\"1\"] {\n grid-template-columns: 1fr;\n min-width: 100px;\n max-width: 200px;\n }\n\n / 2张、4张 -> 2列 /\n &[data-count=\"2\"],\n &[data-count=\"4\"] {\n grid-template-columns: repeat(2, 1fr);\n min-width: 180px;\n max-width: 240px;\n }\n\n / 3张、5-9张 -> 3列 /\n &[data-count=\"3\"],\n &[data-count=\"5\"],\n &[data-count=\"6\"],\n &[data-count=\"7\"],\n &[data-count=\"8\"],\n &[data-count=\"9\"] {\n grid-template-columns: repeat(3, 1fr);\n min-width: 260px;\n max-width: 320px;\n }\n `,\n\n imageItem: css`\n position: relative;\n width: 100%;\n min-width: 80px;\n padding-top: 100%; / 1:1 正方形 /\n height: 0;\n overflow: hidden;\n border-radius: 8px;\n background-color: #f5f5f5;\n border: 1px solid rgba(0, 0, 0, 0.06);\n\n .ant-image {\n position: absolute !important;\n top: 0;\n left: 0;\n width: 100% !important;\n height: 100% !important;\n display: flex !important;\n justify-content: center;\n align-items: center;\n }\n\n img {\n width: 100% !important;\n height: 100% !important;\n object-fit: cover !important;\n display: block !important;\n }\n `,\n\n imageOverlay: css`\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: rgba(0, 0, 0, 0.05);\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 10;\n `,\n\n removeBtn: css`\n position: absolute;\n top: 4px;\n right: 4px;\n width: 20px;\n height: 20px;\n border-radius: 50%;\n background: rgba(0, 0, 0, 0.6);\n color: #fff;\n border: none;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n z-index: 20;\n padding: 0;\n font-size: 10px;\n transition: all 0.2s ease;\n\n &:hover {\n background: rgba(0, 0, 0, 0.8);\n transform: scale(1.1);\n }\n `,\n\n // 文件列表\n fileList: css`\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n `,\n\n fileCard: css`\n position: relative;\n display: flex;\n align-items: center;\n gap: 10px;\n padding: 10px 12px;\n background: #fafafa;\n border: 1px solid #f0f0f0;\n border-radius: 8px;\n min-width: 200px;\n max-width: 280px;\n min-height: 64px;\n transition: all 0.2s ease;\n\n &:hover {\n background: #f5f5f5;\n border-color: #e0e0e0;\n }\n `,\n\n // 图片缩略图容器\n imageThumbnail: css`\n position: relative;\n width: 44px;\n height: 44px;\n flex-shrink: 0;\n border-radius: 4px;\n overflow: hidden;\n background-color: #f5f5f5;\n border: 1px solid rgba(0, 0, 0, 0.06);\n\n .ant-image {\n width: 100% !important;\n height: 100% !important;\n display: flex !important;\n justify-content: center;\n align-items: center;\n }\n\n img {\n width: 100% !important;\n height: 100% !important;\n object-fit: cover !important;\n display: block !important;\n }\n `,\n\n fileIcon: css`\n font-size: 24px;\n flex-shrink: 0;\n width: 44px;\n height: 44px;\n display: flex;\n align-items: center;\n justify-content: center;\n `,\n\n fileInfo: css`\n flex: 1;\n min-width: 0;\n overflow: hidden;\n `,\n\n fileName: css`\n font-size: 13px;\n font-weight: 500;\n color: #262626;\n margin-bottom: 4px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n `,\n\n fileSize: css`\n font-size: 11px;\n color: #8c8c8c;\n `,\n\n progress: css`\n margin-top: 4px;\n\n .ant-progress-inner {\n height: 4px !important;\n }\n\n .ant-progress-bg {\n height: 4px !important;\n }\n `,\n\n fileRemoveBtn: css`\n position: absolute;\n top: -6px;\n right: -6px;\n width: 18px;\n height: 18px;\n border-radius: 50%;\n background: rgba(0, 0, 0, 0.75);\n color: #fff;\n border: none;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n z-index: 1;\n padding: 0;\n font-size: 10px;\n transition: all 0.2s ease;\n\n &:hover {\n background: rgba(0, 0, 0, 0.9);\n transform: scale(1.1);\n }\n\n &:disabled {\n opacity: 0.5;\n cursor: not-allowed;\n }\n `,\n};\n\nconst FileGallery: React.FC<FileGalleryProps> = ({ files, onRemove }) => {\n if (files.length === 0) return null;\n\n // 调试日志\n // if (process.env.NODE_ENV === \"development\") {\n // console.log(\n // \"[FileGallery] Rendering files:\",\n // files.map((f) => ({\n // id: f.id,\n // name: f.name,\n // type: f.type,\n // status: f.status,\n // hasFile: !!f.file,\n // response: f.response,\n // })),\n // );\n // }\n\n return (\n <div className={styles.container}>\n {/ 统一的文件列表 /}\n <div className={styles.fileList}>\n <Image.PreviewGroup>\n {files.map((file) => {\n const isImage = isImageFile(file);\n\n if (isImage) {\n // 图片卡片\n const url =\n file.response?.fileUrl \|\|\n file.response?.tempUrl \|\|\n file.tempUrl \|\|\n (file.file ? URL.createObjectURL(file.file) : \"\");\n\n // if (process.env.NODE_ENV === 'development') {\n // console.log('[FileGallery] Image URL for', file.name, ':', {\n // url,\n // 'response.fileUrl': file.response?.fileUrl,\n // 'response.tempUrl': file.response?.tempUrl,\n // 'tempUrl': file.tempUrl,\n // 'hasFile': !!file.file,\n // });\n // }\n\n return (\n <div key={file.id} className={styles.fileCard}>\n {/ 图片缩略图 /}\n <div className={styles.imageThumbnail}>\n <Image\n src={url}\n alt={file.name}\n fallback=\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mN8/5+hHgAHggJ/PchI7wAAAABJRU5ErkJggg==\"\n preview={{\n src: url,\n }}\n />\n\n {/ 上传进度遮罩 /}\n {file.status === \"uploading\" && (\n <div className={styles.imageOverlay}>\n <Progress\n type=\"circle\"\n percent={file.progress}\n size={30}\n strokeColor=\"#1677ff\"\n />\n </div>\n )}\n </div>\n\n {/ 文件信息 /}\n <div className={styles.fileInfo}>\n <Tooltip title={file.name}>\n <div className={styles.fileName}>\n {file.name.length > 15\n ? `${file.name.substring(0, 15)}...`\n : file.name}\n </div>\n </Tooltip>\n <div className={styles.fileSize}>\n {formatFileSize(file.size)}\n </div>\n </div>\n\n {/ 删除按钮 */}\n <button\n className={styles.fileRemoveBtn}\n onClick={() => onRemove(file.id)}\n disabled={file.status === \"uploading\"}\n aria-label=\"删除文件\"\n >\n <CloseOutlined />\n </button>\n </div>\n );\n } else {\n // 文件卡片\n const { icon, color } = getFileIcon(file);\n\n return (\n <div key={file.id} className={styles.fileCard}>\n <div className={styles.fileIcon} style={{ color }}>\n {icon}\n </div>\n\n <div className={styles.fileInfo}>\n <Tooltip title={file.name}>\n <div className={styles.fileName}>\n {file.name.length > 15\n ? `${file.name.substring(0, 15)}...`\n : file.name}\n </div>\n </Tooltip>\n\n {file.status === \"uploading\" ? (\n <Progress\n percent={file.progress}\n size=\"small\"\n showInfo={false}\n strokeColor=\"#1677ff\"\n className={styles.progress}\n />\n ) : (\n <div className={styles.fileSize}>\n {formatFileSize(file.size)}\n </div>\n )}\n\n {file.status === \"error\" && file.errorMessage && (\n <div\n style={{\n fontSize: \"11px\",\n color: \"#ff4d4f\",\n marginTop: \"2px\",\n }}\n >\n {file.errorMessage}\n </div>\n )}\n </div>\n\n <button\n className={styles.fileRemoveBtn}\n onClick={() => onRemove(file.id)}\n disabled={file.status === \"uploading\"}\n aria-label=\"删除文件\"\n >\n <CloseOutlined />\n </button>\n </div>\n );\n }\n })}\n </Image.PreviewGroup>\n </div>\n </div>\n );\n};\n\nexport default FileGallery;\n"],"mappings":"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"}
1	+ {"version":3,"names":["React","useState","useEffect","Image","Tooltip","Progress","FileOutlined","FilePdfOutlined","FileWordOutlined","FileExcelOutlined","FilePptOutlined","FileImageOutlined","CloseOutlined","AudioOutlined","VideoCameraOutlined","css","jsx","_jsx","jsxs","_jsxs","isImageFile","file","type","startsWith","getFileExtension","filename","ext","split","pop","toLowerCase","isAudioFile","isVideoFile","getFileIcon","name","icon","color","includes","formatFileSize","bytes","toFixed","styles","container","_templateObject","_taggedTemplateLiteral","imageGrid","_templateObject2","imageItem","_templateObject3","imageOverlay","_templateObject4","removeBtn","_templateObject5","fileList","_templateObject6","fileCard","_templateObject7","imageThumbnail","_templateObject8","fileIcon","_templateObject9","fileInfo","_templateObject10","fileName","_templateObject11","fileSize","_templateObject12","progress","_templateObject13","fileRemoveBtn","_templateObject14","FileItem","_ref","_file$response","_file$response2","onRemove","_useState","_useState2","_slicedToArray","objectUrl","setObjectUrl","url","URL","createObjectURL","revokeObjectURL","isImage","isAudio","isVideo","response","fileUrl","tempUrl","className","children","src","alt","fallback","preview","status","percent","size","strokeColor","title","length","concat","substring","onClick","id","disabled","style","controls","width","height","_getFileIcon","showInfo","errorMessage","fontSize","marginTop","FileGallery","_ref2","files","_useState3","_useState4","PreviewGroup","map"],"sources":["../../../../src/components/XAdkSender/FileGallery.tsx"],"sourcesContent":["import React, { useState, useEffect } from \"react\";\nimport { Image, Tooltip, Progress } from \"antd\";\nimport {\n FileOutlined,\n FilePdfOutlined,\n FileWordOutlined,\n FileExcelOutlined,\n FilePptOutlined,\n FileImageOutlined,\n CloseOutlined,\n AudioOutlined,\n VideoCameraOutlined,\n} from \"@ant-design/icons\";\nimport { LocalFile } from \"../../types/XAdkSender\";\nimport { css } from \"@emotion/css\";\n\ninterface FileGalleryProps {\n files: LocalFile[];\n onRemove: (id: string) => void;\n}\n\ninterface FileItemProps {\n file: LocalFile;\n onRemove: (id: string) => void;\n}\n\n// 判断是否是图片文件\nconst isImageFile = (file: LocalFile): boolean => {\n if (!file.type) return false;\n return file.type.startsWith(\"image/\");\n};\n\n// 获取文件扩展名\nconst getFileExtension = (filename: string): string => {\n const ext = filename.split(\".\").pop();\n return ext ? ext.toLowerCase() : \"\";\n};\n\n// 判断是否是音频文件\nconst isAudioFile = (file: LocalFile): boolean => {\n if (!file.type) return false;\n return file.type.startsWith(\"audio/\");\n};\n\n// 判断是否是视频文件\nconst isVideoFile = (file: LocalFile): boolean => {\n if (!file.type) return false;\n return file.type.startsWith(\"video/\");\n};\n\n// 获取文件图标和颜色\nconst getFileIcon = (\n file: LocalFile,\n): { icon: React.ReactNode; color: string } => {\n const ext = getFileExtension(file.name);\n\n // PDF\n if (ext === \"pdf\") {\n return { icon: <FilePdfOutlined />, color: \"#ff4d4f\" };\n }\n\n // Word\n if ([\"doc\", \"docx\"].includes(ext)) {\n return { icon: <FileWordOutlined />, color: \"#1677ff\" };\n }\n\n // Excel\n if ([\"xls\", \"xlsx\", \"csv\"].includes(ext)) {\n return { icon: <FileExcelOutlined />, color: \"#22b35e\" };\n }\n\n // PPT\n if ([\"ppt\", \"pptx\"].includes(ext)) {\n return { icon: <FilePptOutlined />, color: \"#ff6e31\" };\n }\n\n // Audio\n if ([\"mp3\", \"wav\", \"m4a\", \"aac\", \"ogg\", \"flac\"].includes(ext)) {\n return { icon: <AudioOutlined />, color: \"#722ed1\" };\n }\n\n // Video\n if ([\"mp4\", \"mov\", \"webm\", \"mkv\", \"avi\"].includes(ext)) {\n return { icon: <VideoCameraOutlined />, color: \"#fa8c16\" };\n }\n\n // 图片\n if (isImageFile(file)) {\n return { icon: <FileImageOutlined />, color: \"#8c8c8c\" };\n }\n\n // 默认\n return { icon: <FileOutlined />, color: \"#8c8c8c\" };\n};\n\n// 格式化文件大小\nconst formatFileSize = (bytes: number): string => {\n if (bytes < 1024) return bytes + \" B\";\n if (bytes < 1024 * 1024) return (bytes / 1024).toFixed(1) + \" KB\";\n return (bytes / (1024 * 1024)).toFixed(1) + \" MB\";\n};\n\nconst styles = {\n container: css`\n padding: 12px 0;\n display: flex;\n flex-direction: column;\n gap: 12px;\n `,\n\n // 图片九宫格容器\n imageGrid: css`\n display: grid;\n gap: 8px;\n width: fit-content;\n min-width: 80px;\n max-width: 100%;\n /* 默认3列布局 /\n grid-template-columns: repeat(3, 1fr);\n\n / 单张图 /\n &[data-count=\"1\"] {\n grid-template-columns: 1fr;\n min-width: 100px;\n max-width: 200px;\n }\n\n / 2张、4张 -> 2列 /\n &[data-count=\"2\"],\n &[data-count=\"4\"] {\n grid-template-columns: repeat(2, 1fr);\n min-width: 180px;\n max-width: 240px;\n }\n\n / 3张、5-9张 -> 3列 /\n &[data-count=\"3\"],\n &[data-count=\"5\"],\n &[data-count=\"6\"],\n &[data-count=\"7\"],\n &[data-count=\"8\"],\n &[data-count=\"9\"] {\n grid-template-columns: repeat(3, 1fr);\n min-width: 260px;\n max-width: 320px;\n }\n `,\n\n imageItem: css`\n position: relative;\n width: 100%;\n min-width: 80px;\n padding-top: 100%; / 1:1 正方形 /\n height: 0;\n overflow: hidden;\n border-radius: 8px;\n background-color: #f5f5f5;\n border: 1px solid rgba(0, 0, 0, 0.06);\n\n .ant-image {\n position: absolute !important;\n top: 0;\n left: 0;\n width: 100% !important;\n height: 100% !important;\n display: flex !important;\n justify-content: center;\n align-items: center;\n }\n\n img {\n width: 100% !important;\n height: 100% !important;\n object-fit: cover !important;\n display: block !important;\n }\n `,\n\n imageOverlay: css`\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: rgba(0, 0, 0, 0.05);\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 10;\n `,\n\n removeBtn: css`\n position: absolute;\n top: 4px;\n right: 4px;\n width: 20px;\n height: 20px;\n border-radius: 50%;\n background: rgba(0, 0, 0, 0.6);\n color: #fff;\n border: none;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n z-index: 20;\n padding: 0;\n font-size: 10px;\n transition: all 0.2s ease;\n\n &:hover {\n background: rgba(0, 0, 0, 0.8);\n transform: scale(1.1);\n }\n `,\n\n // 文件列表\n fileList: css`\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n `,\n\n fileCard: css`\n position: relative;\n display: flex;\n align-items: center;\n gap: 10px;\n padding: 6px 12px;\n background: #fafafa;\n border: 1px solid #f0f0f0;\n border-radius: 8px;\n min-width: 260px;\n max-width: 280px;\n min-height: 64px;\n transition: all 0.2s ease;\n\n &:hover {\n background: #f5f5f5;\n border-color: #e0e0e0;\n }\n `,\n\n // 图片缩略图容器\n imageThumbnail: css`\n position: relative;\n width: 44px;\n height: 44px;\n flex-shrink: 0;\n border-radius: 4px;\n overflow: hidden;\n background-color: #f5f5f5;\n border: 1px solid rgba(0, 0, 0, 0.06);\n\n .ant-image {\n width: 100% !important;\n height: 100% !important;\n display: flex !important;\n justify-content: center;\n align-items: center;\n }\n\n img {\n width: 100% !important;\n height: 100% !important;\n object-fit: cover !important;\n display: block !important;\n }\n `,\n\n fileIcon: css`\n font-size: 24px;\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n display: flex;\n align-items: center;\n justify-content: center;\n `,\n\n fileInfo: css`\n flex: 1;\n min-width: 0;\n overflow: hidden;\n `,\n\n fileName: css`\n font-size: 13px;\n font-weight: 500;\n color: #262626;\n margin-bottom: 4px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n `,\n\n fileSize: css`\n font-size: 11px;\n color: #8c8c8c;\n `,\n\n progress: css`\n margin-top: 4px;\n\n .ant-progress-inner {\n height: 4px !important;\n }\n\n .ant-progress-bg {\n height: 4px !important;\n }\n `,\n\n fileRemoveBtn: css`\n position: absolute;\n top: -6px;\n right: -6px;\n width: 18px;\n height: 18px;\n border-radius: 50%;\n background: rgba(0, 0, 0, 0.75);\n color: #fff;\n border: none;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n z-index: 1;\n padding: 0;\n font-size: 10px;\n transition: all 0.2s ease;\n\n &:hover {\n background: rgba(0, 0, 0, 0.9);\n transform: scale(1.1);\n }\n\n &:disabled {\n opacity: 0.5;\n cursor: not-allowed;\n }\n `,\n};\n\nconst FileItem: React.FC<FileItemProps> = ({ file, onRemove }) => {\n const [objectUrl, setObjectUrl] = useState(\"\");\n\n useEffect(() => {\n if (!file.file) return;\n\n const url = URL.createObjectURL(file.file);\n setObjectUrl(url);\n\n return () => URL.revokeObjectURL(url);\n }, [file.file]);\n\n const isImage = isImageFile(file);\n const isAudio = isAudioFile(file);\n const isVideo = isVideoFile(file);\n\n const url =\n file.response?.fileUrl \|\|\n file.response?.tempUrl \|\|\n file.tempUrl \|\|\n objectUrl;\n\n if (isImage) {\n // 图片卡片\n return (\n <div key={file.id} className={styles.fileCard}>\n {/ 图片缩略图 /}\n <div className={styles.imageThumbnail}>\n <Image\n src={url}\n alt={file.name}\n fallback=\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mN8/5+hHgAHggJ/PchI7wAAAABJRU5ErkJggg==\"\n preview={{\n src: url,\n }}\n />\n\n {/ 上传进度遮罩 /}\n {file.status === \"uploading\" && (\n <div className={styles.imageOverlay}>\n <Progress\n type=\"circle\"\n percent={file.progress}\n size={30}\n strokeColor=\"#1677ff\"\n />\n </div>\n )}\n </div>\n\n {/ 文件信息 /}\n <div className={styles.fileInfo}>\n <Tooltip title={file.name}>\n <div className={styles.fileName}>\n {file.name.length > 15\n ? `${file.name.substring(0, 15)}...`\n : file.name}\n </div>\n </Tooltip>\n <div className={styles.fileSize}>{formatFileSize(file.size)}</div>\n </div>\n\n {/ 删除按钮 /}\n <button\n className={styles.fileRemoveBtn}\n onClick={() => onRemove(file.id)}\n disabled={file.status === \"uploading\"}\n aria-label=\"删除文件\"\n >\n <CloseOutlined />\n </button>\n </div>\n );\n } else if (isAudio) {\n return (\n <div key={file.id} className={styles.fileCard}>\n <div className={styles.fileIcon} style={{ color: \"#722ed1\" }}>\n <AudioOutlined />\n </div>\n\n <div className={styles.fileInfo}>\n <Tooltip title={file.name}>\n <div className={styles.fileName}>{file.name}</div>\n </Tooltip>\n\n <audio src={url} controls style={{ width: \"100%\", height: 28 }} />\n </div>\n\n <button\n className={styles.fileRemoveBtn}\n onClick={() => onRemove(file.id)}\n disabled={file.status === \"uploading\"}\n >\n <CloseOutlined />\n </button>\n </div>\n );\n } else if (isVideo) {\n return (\n <div key={file.id} className={styles.fileCard}>\n <div className={styles.fileIcon} style={{ color: \"#fa8c16\" }}>\n <VideoCameraOutlined />\n </div>\n\n <div className={styles.fileInfo}>\n <Tooltip title={file.name}>\n <div className={styles.fileName}>{file.name}</div>\n </Tooltip>\n\n <video src={url} controls style={{ width: \"100%\", height: 40 }} />\n </div>\n\n <button\n className={styles.fileRemoveBtn}\n onClick={() => onRemove(file.id)}\n disabled={file.status === \"uploading\"}\n >\n <CloseOutlined />\n </button>\n </div>\n );\n } else {\n // 文件卡片\n const { icon, color } = getFileIcon(file);\n\n return (\n <div key={file.id} className={styles.fileCard}>\n <div className={styles.fileIcon} style={{ color }}>\n {icon}\n </div>\n\n <div className={styles.fileInfo}>\n <Tooltip title={file.name}>\n <div className={styles.fileName}>\n {file.name.length > 15\n ? `${file.name.substring(0, 15)}...`\n : file.name}\n </div>\n </Tooltip>\n\n {file.status === \"uploading\" ? (\n <Progress\n percent={file.progress}\n size=\"small\"\n showInfo={false}\n strokeColor=\"#1677ff\"\n className={styles.progress}\n />\n ) : (\n <div className={styles.fileSize}>{formatFileSize(file.size)}</div>\n )}\n\n {file.status === \"error\" && file.errorMessage && (\n <div\n style={{\n fontSize: \"11px\",\n color: \"#ff4d4f\",\n marginTop: \"2px\",\n }}\n >\n {file.errorMessage}\n </div>\n )}\n </div>\n\n <button\n className={styles.fileRemoveBtn}\n onClick={() => onRemove(file.id)}\n disabled={file.status === \"uploading\"}\n aria-label=\"删除文件\"\n >\n <CloseOutlined />\n </button>\n </div>\n );\n }\n};\n\nconst FileGallery: React.FC<FileGalleryProps> = ({ files, onRemove }) => {\n if (files.length === 0) return null;\n const [objectUrl, setObjectUrl] = useState(\"\");\n // 调试日志\n // if (process.env.NODE_ENV === \"development\") {\n // console.log(\n // \"[FileGallery] Rendering files:\",\n // files.map((f) => ({\n // id: f.id,\n // name: f.name,\n // type: f.type,\n // status: f.status,\n // hasFile: !!f.file,\n // response: f.response,\n // })),\n // );\n // }\n\n return (\n <div className={styles.container}>\n {/ 统一的文件列表 */}\n <div className={styles.fileList}>\n <Image.PreviewGroup>\n {files.map((file) => (\n <FileItem key={file.id} file={file} onRemove={onRemove} />\n ))}\n </Image.PreviewGroup>\n </div>\n </div>\n );\n};\n\nexport default FileGallery;\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,QAAQ,EAAEC,SAAS,QAAQ,OAAO;AAClD,SAASC,KAAK,EAAEC,OAAO,EAAEC,QAAQ,QAAQ,MAAM;AAC/C,SACEC,YAAY,EACZC,eAAe,EACfC,gBAAgB,EAChBC,iBAAiB,EACjBC,eAAe,EACfC,iBAAiB,EACjBC,aAAa,EACbC,aAAa,EACbC,mBAAmB,QACd,mBAAmB;AAE1B,SAASC,GAAG,QAAQ,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAYnC;AACA,IAAMC,WAAW,GAAG,SAAdA,WAAWA,CAAIC,IAAe,EAAc;EAChD,IAAI,CAACA,IAAI,CAACC,IAAI,EAAE,OAAO,KAAK;EAC5B,OAAOD,IAAI,CAACC,IAAI,CAACC,UAAU,CAAC,QAAQ,CAAC;AACvC,CAAC;;AAED;AACA,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAIC,QAAgB,EAAa;EACrD,IAAMC,GAAG,GAAGD,QAAQ,CAACE,KAAK,CAAC,GAAG,CAAC,CAACC,GAAG,CAAC,CAAC;EACrC,OAAOF,GAAG,GAAGA,GAAG,CAACG,WAAW,CAAC,CAAC,GAAG,EAAE;AACrC,CAAC;;AAED;AACA,IAAMC,WAAW,GAAG,SAAdA,WAAWA,CAAIT,IAAe,EAAc;EAChD,IAAI,CAACA,IAAI,CAACC,IAAI,EAAE,OAAO,KAAK;EAC5B,OAAOD,IAAI,CAACC,IAAI,CAACC,UAAU,CAAC,QAAQ,CAAC;AACvC,CAAC;;AAED;AACA,IAAMQ,WAAW,GAAG,SAAdA,WAAWA,CAAIV,IAAe,EAAc;EAChD,IAAI,CAACA,IAAI,CAACC,IAAI,EAAE,OAAO,KAAK;EAC5B,OAAOD,IAAI,CAACC,IAAI,CAACC,UAAU,CAAC,QAAQ,CAAC;AACvC,CAAC;;AAED;AACA,IAAMS,WAAW,GAAG,SAAdA,WAAWA,CACfX,IAAe,EAC8B;EAC7C,IAAMK,GAAG,GAAGF,gBAAgB,CAACH,IAAI,CAACY,IAAI,CAAC;;EAEvC;EACA,IAAIP,GAAG,KAAK,KAAK,EAAE;IACjB,OAAO;MAAEQ,IAAI,eAAEjB,IAAA,CAACV,eAAe,IAAE,CAAC;MAAE4B,KAAK,EAAE;IAAU,CAAC;EACxD;;EAEA;EACA,IAAI,CAAC,KAAK,EAAE,MAAM,CAAC,CAACC,QAAQ,CAACV,GAAG,CAAC,EAAE;IACjC,OAAO;MAAEQ,IAAI,eAAEjB,IAAA,CAACT,gBAAgB,IAAE,CAAC;MAAE2B,KAAK,EAAE;IAAU,CAAC;EACzD;;EAEA;EACA,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,CAACC,QAAQ,CAACV,GAAG,CAAC,EAAE;IACxC,OAAO;MAAEQ,IAAI,eAAEjB,IAAA,CAACR,iBAAiB,IAAE,CAAC;MAAE0B,KAAK,EAAE;IAAU,CAAC;EAC1D;;EAEA;EACA,IAAI,CAAC,KAAK,EAAE,MAAM,CAAC,CAACC,QAAQ,CAACV,GAAG,CAAC,EAAE;IACjC,OAAO;MAAEQ,IAAI,eAAEjB,IAAA,CAACP,eAAe,IAAE,CAAC;MAAEyB,KAAK,EAAE;IAAU,CAAC;EACxD;;EAEA;EACA,IAAI,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,CAAC,CAACC,QAAQ,CAACV,GAAG,CAAC,EAAE;IAC7D,OAAO;MAAEQ,IAAI,eAAEjB,IAAA,CAACJ,aAAa,IAAE,CAAC;MAAEsB,KAAK,EAAE;IAAU,CAAC;EACtD;;EAEA;EACA,IAAI,CAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,CAACC,QAAQ,CAACV,GAAG,CAAC,EAAE;IACtD,OAAO;MAAEQ,IAAI,eAAEjB,IAAA,CAACH,mBAAmB,IAAE,CAAC;MAAEqB,KAAK,EAAE;IAAU,CAAC;EAC5D;;EAEA;EACA,IAAIf,WAAW,CAACC,IAAI,CAAC,EAAE;IACrB,OAAO;MAAEa,IAAI,eAAEjB,IAAA,CAACN,iBAAiB,IAAE,CAAC;MAAEwB,KAAK,EAAE;IAAU,CAAC;EAC1D;;EAEA;EACA,OAAO;IAAED,IAAI,eAAEjB,IAAA,CAACX,YAAY,IAAE,CAAC;IAAE6B,KAAK,EAAE;EAAU,CAAC;AACrD,CAAC;;AAED;AACA,IAAME,cAAc,GAAG,SAAjBA,cAAcA,CAAIC,KAAa,EAAa;EAChD,IAAIA,KAAK,GAAG,IAAI,EAAE,OAAOA,KAAK,GAAG,IAAI;EACrC,IAAIA,KAAK,GAAG,IAAI,GAAG,IAAI,EAAE,OAAO,CAACA,KAAK,GAAG,IAAI,EAAEC,OAAO,CAAC,CAAC,CAAC,GAAG,KAAK;EACjE,OAAO,CAACD,KAAK,IAAI,IAAI,GAAG,IAAI,CAAC,EAAEC,OAAO,CAAC,CAAC,CAAC,GAAG,KAAK;AACnD,CAAC;AAED,IAAMC,MAAM,GAAG;EACbC,SAAS,EAAE1B,GAAG,CAAA2B,eAAA,KAAAA,eAAA,GAAAC,sBAAA,mGAKb;EAED;EACAC,SAAS,EAAE7B,GAAG,CAAA8B,gBAAA,KAAAA,gBAAA,GAAAF,sBAAA,81BAmCb;EAEDG,SAAS,EAAE/B,GAAG,CAAAgC,gBAAA,KAAAA,gBAAA,GAAAJ,sBAAA,oqBA4Bb;EAEDK,YAAY,EAAEjC,GAAG,CAAAkC,gBAAA,KAAAA,gBAAA,GAAAN,sBAAA,mOAWhB;EAEDO,SAAS,EAAEnC,GAAG,CAAAoC,gBAAA,KAAAA,gBAAA,GAAAR,sBAAA,qeAuBb;EAED;EACAS,QAAQ,EAAErC,GAAG,CAAAsC,gBAAA,KAAAA,gBAAA,GAAAV,sBAAA,qEAIZ;EAEDW,QAAQ,EAAEvC,GAAG,CAAAwC,gBAAA,KAAAA,gBAAA,GAAAZ,sBAAA,qYAkBZ;EAED;EACAa,cAAc,EAAEzC,GAAG,CAAA0C,gBAAA,KAAAA,gBAAA,GAAAd,sBAAA,4iBAwBlB;EAEDe,QAAQ,EAAE3C,GAAG,CAAA4C,gBAAA,KAAAA,gBAAA,GAAAhB,sBAAA,wKAQZ;EAEDiB,QAAQ,EAAE7C,GAAG,CAAA8C,iBAAA,KAAAA,iBAAA,GAAAlB,sBAAA,oEAIZ;EAEDmB,QAAQ,EAAE/C,GAAG,CAAAgD,iBAAA,KAAAA,iBAAA,GAAApB,sBAAA,sLAQZ;EAEDqB,QAAQ,EAAEjD,GAAG,CAAAkD,iBAAA,KAAAA,iBAAA,GAAAtB,sBAAA,uDAGZ;EAEDuB,QAAQ,EAAEnD,GAAG,CAAAoD,iBAAA,KAAAA,iBAAA,GAAAxB,sBAAA,qKAUZ;EAEDyB,aAAa,EAAErD,GAAG,CAAAsD,iBAAA,KAAAA,iBAAA,GAAA1B,sBAAA;AA6BpB,CAAC;AAED,IAAM2B,QAAiC,GAAG,SAApCA,QAAiCA,CAAAC,IAAA,EAA2B;EAAA,IAAAC,cAAA,EAAAC,eAAA;EAAA,IAArBpD,IAAI,GAAAkD,IAAA,CAAJlD,IAAI;IAAEqD,QAAQ,GAAAH,IAAA,CAARG,QAAQ;EACzD,IAAAC,SAAA,GAAkC1E,QAAQ,CAAC,EAAE,CAAC;IAAA2E,UAAA,GAAAC,cAAA,CAAAF,SAAA;IAAvCG,SAAS,GAAAF,UAAA;IAAEG,YAAY,GAAAH,UAAA;EAE9B1E,SAAS,CAAC,YAAM;IACd,IAAI,CAACmB,IAAI,CAACA,IAAI,EAAE;IAEhB,IAAM2D,GAAG,GAAGC,GAAG,CAACC,eAAe,CAAC7D,IAAI,CAACA,IAAI,CAAC;IAC1C0D,YAAY,CAACC,GAAG,CAAC;IAEjB,OAAO;MAAA,OAAMC,GAAG,CAACE,eAAe,CAACH,GAAG,CAAC;IAAA;EACvC,CAAC,EAAE,CAAC3D,IAAI,CAACA,IAAI,CAAC,CAAC;EAEf,IAAM+D,OAAO,GAAGhE,WAAW,CAACC,IAAI,CAAC;EACjC,IAAMgE,OAAO,GAAGvD,WAAW,CAACT,IAAI,CAAC;EACjC,IAAMiE,OAAO,GAAGvD,WAAW,CAACV,IAAI,CAAC;EAEjC,IAAM2D,GAAG,GACP,EAAAR,cAAA,GAAAnD,IAAI,CAACkE,QAAQ,cAAAf,cAAA,uBAAbA,cAAA,CAAegB,OAAO,OAAAf,eAAA,GACtBpD,IAAI,CAACkE,QAAQ,cAAAd,eAAA,uBAAbA,eAAA,CAAegB,OAAO,KACtBpE,IAAI,CAACoE,OAAO,IACZX,SAAS;EAEX,IAAIM,OAAO,EAAE;IACX;IACA,oBACEjE,KAAA;MAAmBuE,SAAS,EAAElD,MAAM,CAACc,QAAS;MAAAqC,QAAA,gBAE5CxE,KAAA;QAAKuE,SAAS,EAAElD,MAAM,CAACgB,cAAe;QAAAmC,QAAA,gBACpC1E,IAAA,CAACd,KAAK;UACJyF,GAAG,EAAEZ,GAAI;UACTa,GAAG,EAAExE,IAAI,CAACY,IAAK;UACf6D,QAAQ,EAAC,wHAAwH;UACjIC,OAAO,EAAE;YACPH,GAAG,EAAEZ;UACP;QAAE,CACH,CAAC,EAGD3D,IAAI,CAAC2E,MAAM,KAAK,WAAW,iBAC1B/E,IAAA;UAAKyE,SAAS,EAAElD,MAAM,CAACQ,YAAa;UAAA2C,QAAA,eAClC1E,IAAA,CAACZ,QAAQ;YACPiB,IAAI,EAAC,QAAQ;YACb2E,OAAO,EAAE5E,IAAI,CAAC6C,QAAS;YACvBgC,IAAI,EAAE,EAAG;YACTC,WAAW,EAAC;UAAS,CACtB;QAAC,CACC,CACN;MAAA,CACE,CAAC,eAGNhF,KAAA;QAAKuE,SAAS,EAAElD,MAAM,CAACoB,QAAS;QAAA+B,QAAA,gBAC9B1E,IAAA,CAACb,OAAO;UAACgG,KAAK,EAAE/E,IAAI,CAACY,IAAK;UAAA0D,QAAA,eACxB1E,IAAA;YAAKyE,SAAS,EAAElD,MAAM,CAACsB,QAAS;YAAA6B,QAAA,EAC7BtE,IAAI,CAACY,IAAI,CAACoE,MAAM,GAAG,EAAE,MAAAC,MAAA,CACfjF,IAAI,CAACY,IAAI,CAACsE,SAAS,CAAC,CAAC,EAAE,EAAE,CAAC,WAC7BlF,IAAI,CAACY;UAAI,CACV;QAAC,CACC,CAAC,eACVhB,IAAA;UAAKyE,SAAS,EAAElD,MAAM,CAACwB,QAAS;UAAA2B,QAAA,EAAEtD,cAAc,CAAChB,IAAI,CAAC6E,IAAI;QAAC,CAAM,CAAC;MAAA,CAC/D,CAAC,eAGNjF,IAAA;QACEyE,SAAS,EAAElD,MAAM,CAAC4B,aAAc;QAChCoC,OAAO,EAAE,SAAAA,QAAA;UAAA,OAAM9B,QAAQ,CAACrD,IAAI,CAACoF,EAAE,CAAC;QAAA,CAAC;QACjCC,QAAQ,EAAErF,IAAI,CAAC2E,MAAM,KAAK,WAAY;QACtC,cAAW,0BAAM;QAAAL,QAAA,eAEjB1E,IAAA,CAACL,aAAa,IAAE;MAAC,CACX,CAAC;IAAA,GA7CDS,IAAI,CAACoF,EA8CV,CAAC;EAEV,CAAC,MAAM,IAAIpB,OAAO,EAAE;IAClB,oBACElE,KAAA;MAAmBuE,SAAS,EAAElD,MAAM,CAACc,QAAS;MAAAqC,QAAA,gBAC5C1E,IAAA;QAAKyE,SAAS,EAAElD,MAAM,CAACkB,QAAS;QAACiD,KAAK,EAAE;UAAExE,KAAK,EAAE;QAAU,CAAE;QAAAwD,QAAA,eAC3D1E,IAAA,CAACJ,aAAa,IAAE;MAAC,CACd,CAAC,eAENM,KAAA;QAAKuE,SAAS,EAAElD,MAAM,CAACoB,QAAS;QAAA+B,QAAA,gBAC9B1E,IAAA,CAACb,OAAO;UAACgG,KAAK,EAAE/E,IAAI,CAACY,IAAK;UAAA0D,QAAA,eACxB1E,IAAA;YAAKyE,SAAS,EAAElD,MAAM,CAACsB,QAAS;YAAA6B,QAAA,EAAEtE,IAAI,CAACY;UAAI,CAAM;QAAC,CAC3C,CAAC,eAEVhB,IAAA;UAAO2E,GAAG,EAAEZ,GAAI;UAAC4B,QAAQ;UAACD,KAAK,EAAE;YAAEE,KAAK,EAAE,MAAM;YAAEC,MAAM,EAAE;UAAG;QAAE,CAAE,CAAC;MAAA,CAC/D,CAAC,eAEN7F,IAAA;QACEyE,SAAS,EAAElD,MAAM,CAAC4B,aAAc;QAChCoC,OAAO,EAAE,SAAAA,QAAA;UAAA,OAAM9B,QAAQ,CAACrD,IAAI,CAACoF,EAAE,CAAC;QAAA,CAAC;QACjCC,QAAQ,EAAErF,IAAI,CAAC2E,MAAM,KAAK,WAAY;QAAAL,QAAA,eAEtC1E,IAAA,CAACL,aAAa,IAAE;MAAC,CACX,CAAC;IAAA,GAnBDS,IAAI,CAACoF,EAoBV,CAAC;EAEV,CAAC,MAAM,IAAInB,OAAO,EAAE;IAClB,oBACEnE,KAAA;MAAmBuE,SAAS,EAAElD,MAAM,CAACc,QAAS;MAAAqC,QAAA,gBAC5C1E,IAAA;QAAKyE,SAAS,EAAElD,MAAM,CAACkB,QAAS;QAACiD,KAAK,EAAE;UAAExE,KAAK,EAAE;QAAU,CAAE;QAAAwD,QAAA,eAC3D1E,IAAA,CAACH,mBAAmB,IAAE;MAAC,CACpB,CAAC,eAENK,KAAA;QAAKuE,SAAS,EAAElD,MAAM,CAACoB,QAAS;QAAA+B,QAAA,gBAC9B1E,IAAA,CAACb,OAAO;UAACgG,KAAK,EAAE/E,IAAI,CAACY,IAAK;UAAA0D,QAAA,eACxB1E,IAAA;YAAKyE,SAAS,EAAElD,MAAM,CAACsB,QAAS;YAAA6B,QAAA,EAAEtE,IAAI,CAACY;UAAI,CAAM;QAAC,CAC3C,CAAC,eAEVhB,IAAA;UAAO2E,GAAG,EAAEZ,GAAI;UAAC4B,QAAQ;UAACD,KAAK,EAAE;YAAEE,KAAK,EAAE,MAAM;YAAEC,MAAM,EAAE;UAAG;QAAE,CAAE,CAAC;MAAA,CAC/D,CAAC,eAEN7F,IAAA;QACEyE,SAAS,EAAElD,MAAM,CAAC4B,aAAc;QAChCoC,OAAO,EAAE,SAAAA,QAAA;UAAA,OAAM9B,QAAQ,CAACrD,IAAI,CAACoF,EAAE,CAAC;QAAA,CAAC;QACjCC,QAAQ,EAAErF,IAAI,CAAC2E,MAAM,KAAK,WAAY;QAAAL,QAAA,eAEtC1E,IAAA,CAACL,aAAa,IAAE;MAAC,CACX,CAAC;IAAA,GAnBDS,IAAI,CAACoF,EAoBV,CAAC;EAEV,CAAC,MAAM;IACL;IACA,IAAAM,YAAA,GAAwB/E,WAAW,CAACX,IAAI,CAAC;MAAjCa,IAAI,GAAA6E,YAAA,CAAJ7E,IAAI;MAAEC,KAAK,GAAA4E,YAAA,CAAL5E,KAAK;IAEnB,oBACEhB,KAAA;MAAmBuE,SAAS,EAAElD,MAAM,CAACc,QAAS;MAAAqC,QAAA,gBAC5C1E,IAAA;QAAKyE,SAAS,EAAElD,MAAM,CAACkB,QAAS;QAACiD,KAAK,EAAE;UAAExE,KAAK,EAALA;QAAM,CAAE;QAAAwD,QAAA,EAC/CzD;MAAI,CACF,CAAC,eAENf,KAAA;QAAKuE,SAAS,EAAElD,MAAM,CAACoB,QAAS;QAAA+B,QAAA,gBAC9B1E,IAAA,CAACb,OAAO;UAACgG,KAAK,EAAE/E,IAAI,CAACY,IAAK;UAAA0D,QAAA,eACxB1E,IAAA;YAAKyE,SAAS,EAAElD,MAAM,CAACsB,QAAS;YAAA6B,QAAA,EAC7BtE,IAAI,CAACY,IAAI,CAACoE,MAAM,GAAG,EAAE,MAAAC,MAAA,CACfjF,IAAI,CAACY,IAAI,CAACsE,SAAS,CAAC,CAAC,EAAE,EAAE,CAAC,WAC7BlF,IAAI,CAACY;UAAI,CACV;QAAC,CACC,CAAC,EAETZ,IAAI,CAAC2E,MAAM,KAAK,WAAW,gBAC1B/E,IAAA,CAACZ,QAAQ;UACP4F,OAAO,EAAE5E,IAAI,CAAC6C,QAAS;UACvBgC,IAAI,EAAC,OAAO;UACZc,QAAQ,EAAE,KAAM;UAChBb,WAAW,EAAC,SAAS;UACrBT,SAAS,EAAElD,MAAM,CAAC0B;QAAS,CAC5B,CAAC,gBAEFjD,IAAA;UAAKyE,SAAS,EAAElD,MAAM,CAACwB,QAAS;UAAA2B,QAAA,EAAEtD,cAAc,CAAChB,IAAI,CAAC6E,IAAI;QAAC,CAAM,CAClE,EAEA7E,IAAI,CAAC2E,MAAM,KAAK,OAAO,IAAI3E,IAAI,CAAC4F,YAAY,iBAC3ChG,IAAA;UACE0F,KAAK,EAAE;YACLO,QAAQ,EAAE,MAAM;YAChB/E,KAAK,EAAE,SAAS;YAChBgF,SAAS,EAAE;UACb,CAAE;UAAAxB,QAAA,EAEDtE,IAAI,CAAC4F;QAAY,CACf,CACN;MAAA,CACE,CAAC,eAENhG,IAAA;QACEyE,SAAS,EAAElD,MAAM,CAAC4B,aAAc;QAChCoC,OAAO,EAAE,SAAAA,QAAA;UAAA,OAAM9B,QAAQ,CAACrD,IAAI,CAACoF,EAAE,CAAC;QAAA,CAAC;QACjCC,QAAQ,EAAErF,IAAI,CAAC2E,MAAM,KAAK,WAAY;QACtC,cAAW,0BAAM;QAAAL,QAAA,eAEjB1E,IAAA,CAACL,aAAa,IAAE;MAAC,CACX,CAAC;IAAA,GA9CDS,IAAI,CAACoF,EA+CV,CAAC;EAEV;AACF,CAAC;AAED,IAAMW,WAAuC,GAAG,SAA1CA,WAAuCA,CAAAC,KAAA,EAA4B;EAAA,IAAtBC,KAAK,GAAAD,KAAA,CAALC,KAAK;IAAE5C,QAAQ,GAAA2C,KAAA,CAAR3C,QAAQ;EAChE,IAAI4C,KAAK,CAACjB,MAAM,KAAK,CAAC,EAAE,OAAO,IAAI;EACnC,IAAAkB,UAAA,GAAkCtH,QAAQ,CAAC,EAAE,CAAC;IAAAuH,UAAA,GAAA3C,cAAA,CAAA0C,UAAA;IAAvCzC,SAAS,GAAA0C,UAAA;IAAEzC,YAAY,GAAAyC,UAAA;EAC9B;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;EAEA,oBACEvG,IAAA;IAAKyE,SAAS,EAAElD,MAAM,CAACC,SAAU;IAAAkD,QAAA,eAE/B1E,IAAA;MAAKyE,SAAS,EAAElD,MAAM,CAACY,QAAS;MAAAuC,QAAA,eAC9B1E,IAAA,CAACd,KAAK,CAACsH,YAAY;QAAA9B,QAAA,EAChB2B,KAAK,CAACI,GAAG,CAAC,UAACrG,IAAI;UAAA,oBACdJ,IAAA,CAACqD,QAAQ;YAAejD,IAAI,EAAEA,IAAK;YAACqD,QAAQ,EAAEA;UAAS,GAAxCrD,IAAI,CAACoF,EAAqC,CAAC;QAAA,CAC3D;MAAC,CACgB;IAAC,CAClB;EAAC,CACH,CAAC;AAEV,CAAC;AAED,eAAeW,WAAW"}

package/dist/esm/components/XAdkSender/index.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import React from 'react';
-import { XAdkSenderProps } from '../../types/XAdkSender';
+import React from "react";
+import { XAdkSenderProps } from "../../types/XAdkSender";
 declare const XAdkSender: React.FC<XAdkSenderProps>;
 export default XAdkSender;