fui-material 2.8.15 → 2.8.17

package/dist/f-ui-kit.es.js

@@ -2018,16 +2018,177 @@ const FOpenImgFull = ({
     document.body
   );
 };
-const preview$1 = "_preview_b55p5_1";
-const imageButton = "_imageButton_b55p5_7";
-const download = "_download_b55p5_27";
+function fDownloadBlobFile(blob, fileName) {
+  if (!blob) {
+    throw new Error("Blob or string content must not be empty");
+  }
+  const blobObject = typeof blob === "string" ? new Blob([blob], { type: "text/plain;charset=utf-8" }) : blob;
+  const link2 = document.createElement("a");
+  const url = window.URL.createObjectURL(blobObject);
+  link2.href = url;
+  link2.download = fileName;
+  link2.style.display = "none";
+  document.body.appendChild(link2);
+  link2.click();
+  document.body.removeChild(link2);
+  window.URL.revokeObjectURL(url);
+}
+const fDownloadFileFromBase64 = (base64String, fileName) => {
+  if (!base64String) {
+    console.error("Invalid Base64 string");
+    return;
+  }
+  let mimeType;
+  let base64Data;
+  if (base64String.startsWith("data:")) {
+    const dataUriMatch = base64String.match(/^data:([^;]+);base64,/);
+    if (dataUriMatch && dataUriMatch[1]) {
+      mimeType = dataUriMatch[1];
+    } else {
+      mimeType = "application/octet-stream";
+    }
+    base64Data = base64String.split(",")[1] || "";
+  } else {
+    mimeType = getMimeTypeFromFileName(fileName) || "application/octet-stream";
+    base64Data = base64String;
+  }
+  try {
+    const byteCharacters = atob(base64Data);
+    const byteNumbers = new Array(byteCharacters.length);
+    for (let i = 0; i < byteCharacters.length; i++) {
+      byteNumbers[i] = byteCharacters.charCodeAt(i);
+    }
+    const byteArray = new Uint8Array(byteNumbers);
+    const blob = new Blob([byteArray], { type: mimeType });
+    const url = window.URL.createObjectURL(blob);
+    const link2 = document.createElement("a");
+    link2.href = url;
+    link2.download = fileName;
+    document.body.appendChild(link2);
+    link2.click();
+    document.body.removeChild(link2);
+    window.URL.revokeObjectURL(url);
+  } catch (error2) {
+    console.error("Ошибка при обработке Base64:", error2);
+  }
+};
+const getMimeTypeFromFileName = (fileName) => {
+  var _a;
+  const extension = (_a = fileName.split(".").pop()) == null ? void 0 : _a.toLowerCase();
+  if (!extension) return void 0;
+  const mimeTypes = {
+    txt: "text/plain",
+    pdf: "application/pdf",
+    png: "image/png",
+    jpg: "image/jpeg",
+    jpeg: "image/jpeg",
+    gif: "image/gif",
+    svg: "image/svg+xml",
+    doc: "application/msword",
+    docx: "application/vnd.openxmlformats-officedocument.wordprocessingml.document",
+    xls: "application/vnd.ms-excel",
+    xlsx: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
+    ppt: "application/vnd.ms-powerpoint",
+    pptx: "application/vnd.openxmlformats-officedocument.presentationml.presentation",
+    json: "application/json",
+    zip: "application/zip",
+    mp3: "audio/mpeg",
+    mp4: "video/mp4"
+  };
+  return mimeTypes[extension];
+};
+const preview$1 = "_preview_irgtv_1";
+const imageButton = "_imageButton_irgtv_7";
+const download = "_download_irgtv_27";
 const styles$n = {
   preview: preview$1,
   imageButton,
   download
 };
-const FImagePreview = ({ src, alt = "", id, className, st }) => {
+const getExtensionFromMimeType = (mimeType) => {
+  const cleanType = mimeType.split(";")[0].trim().toLowerCase();
+  switch (cleanType) {
+    case "image/jpeg":
+      return "jpg";
+    case "image/png":
+      return "png";
+    case "image/gif":
+      return "gif";
+    case "image/webp":
+      return "webp";
+    case "image/svg+xml":
+      return "svg";
+    case "image/avif":
+      return "avif";
+    case "image/bmp":
+      return "bmp";
+    case "image/x-icon":
+    case "image/vnd.microsoft.icon":
+      return "ico";
+    default:
+      return "";
+  }
+};
+const getFileName = (url, fallback) => {
+  if (url.startsWith("data:")) {
+    const mimeMatch = url.match(/^data:([^;]+);/);
+    const ext = mimeMatch ? getExtensionFromMimeType(mimeMatch[1]) : "png";
+    const base = (fallback == null ? void 0 : fallback.trim()) || "image";
+    return base.includes(".") ? base : `${base}.${ext || "png"}`;
+  }
+  try {
+    const parsed = new URL(url, window.location.href);
+    const segments = parsed.pathname.split("/").filter(Boolean);
+    const lastSegment = segments.pop();
+    if (lastSegment) {
+      return decodeURIComponent(lastSegment);
+    }
+  } catch {
+    const clean = url.split("?")[0].split("#")[0];
+    const segments = clean.split("/").filter(Boolean);
+    const lastSegment = segments.pop();
+    if (lastSegment) {
+      return decodeURIComponent(lastSegment);
+    }
+  }
+  return (fallback == null ? void 0 : fallback.trim()) || "image";
+};
+const FImagePreview = ({ src, alt = "", id, className, st, fileName }) => {
   const [isOpen, setIsOpen] = useState(false);
+  const handleDownload = async (event) => {
+    event.stopPropagation();
+    if (!src) return;
+    const defaultFileName = getFileName(src, alt);
+    const resolvedFileName = fileName || defaultFileName;
+    try {
+      if (src.startsWith("data:")) {
+        fDownloadFileFromBase64(src, resolvedFileName);
+        return;
+      }
+      const response = await fetch(src);
+      if (!response.ok) {
+        throw new Error(`Failed to fetch image: ${response.statusText}`);
+      }
+      const blob = await response.blob();
+      let finalName = resolvedFileName;
+      if (!finalName.includes(".") && blob.type) {
+        const ext = getExtensionFromMimeType(blob.type);
+        if (ext) {
+          finalName = `${finalName}.${ext}`;
+        }
+      }
+      fDownloadBlobFile(blob, finalName);
+    } catch {
+      const link2 = document.createElement("a");
+      link2.href = src;
+      link2.download = resolvedFileName;
+      link2.target = "_blank";
+      link2.rel = "noreferrer noopener";
+      document.body.appendChild(link2);
+      link2.click();
+      document.body.removeChild(link2);
+    }
+  };
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsxs(
       "div",
@@ -2046,7 +2207,17 @@ const FImagePreview = ({ src, alt = "", id, className, st }) => {
               children: /* @__PURE__ */ jsx("img", { src, alt })
             }
           ),
-          /* @__PURE__ */ jsx("a", { className: styles$n.download, href: src, download: true, "aria-label": "Скачать изображение", title: "Скачать изображение", children: /* @__PURE__ */ jsx(FDownloadIcon, { color: "light", size: 18 }) })
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              className: styles$n.download,
+              onClick: handleDownload,
+              "aria-label": "Скачать изображение",
+              title: "Скачать изображение",
+              children: /* @__PURE__ */ jsx(FDownloadIcon, { color: "light", size: 18 })
+            }
+          )
         ]
       }
     ),
@@ -8854,85 +9025,6 @@ const fConvertFileToBase64 = (file, deletePrefix = false) => {
     reader.readAsDataURL(file);
   });
 };
-const fDownloadFileFromBase64 = (base64String, fileName) => {
-  if (!base64String) {
-    console.error("Invalid Base64 string");
-    return;
-  }
-  let mimeType;
-  let base64Data;
-  if (base64String.startsWith("data:")) {
-    const dataUriMatch = base64String.match(/^data:([^;]+);base64,/);
-    if (dataUriMatch && dataUriMatch[1]) {
-      mimeType = dataUriMatch[1];
-    } else {
-      mimeType = "application/octet-stream";
-    }
-    base64Data = base64String.split(",")[1] || "";
-  } else {
-    mimeType = getMimeTypeFromFileName(fileName) || "application/octet-stream";
-    base64Data = base64String;
-  }
-  try {
-    const byteCharacters = atob(base64Data);
-    const byteNumbers = new Array(byteCharacters.length);
-    for (let i = 0; i < byteCharacters.length; i++) {
-      byteNumbers[i] = byteCharacters.charCodeAt(i);
-    }
-    const byteArray = new Uint8Array(byteNumbers);
-    const blob = new Blob([byteArray], { type: mimeType });
-    const url = window.URL.createObjectURL(blob);
-    const link2 = document.createElement("a");
-    link2.href = url;
-    link2.download = fileName;
-    document.body.appendChild(link2);
-    link2.click();
-    document.body.removeChild(link2);
-    window.URL.revokeObjectURL(url);
-  } catch (error2) {
-    console.error("Ошибка при обработке Base64:", error2);
-  }
-};
-const getMimeTypeFromFileName = (fileName) => {
-  var _a;
-  const extension = (_a = fileName.split(".").pop()) == null ? void 0 : _a.toLowerCase();
-  if (!extension) return void 0;
-  const mimeTypes = {
-    txt: "text/plain",
-    pdf: "application/pdf",
-    png: "image/png",
-    jpg: "image/jpeg",
-    jpeg: "image/jpeg",
-    gif: "image/gif",
-    svg: "image/svg+xml",
-    doc: "application/msword",
-    docx: "application/vnd.openxmlformats-officedocument.wordprocessingml.document",
-    xls: "application/vnd.ms-excel",
-    xlsx: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
-    ppt: "application/vnd.ms-powerpoint",
-    pptx: "application/vnd.openxmlformats-officedocument.presentationml.presentation",
-    json: "application/json",
-    zip: "application/zip",
-    mp3: "audio/mpeg",
-    mp4: "video/mp4"
-  };
-  return mimeTypes[extension];
-};
-function fDownloadBlobFile(blob, fileName) {
-  if (!blob) {
-    throw new Error("Blob or string content must not be empty");
-  }
-  const blobObject = typeof blob === "string" ? new Blob([blob], { type: "text/plain;charset=utf-8" }) : blob;
-  const link2 = document.createElement("a");
-  const url = window.URL.createObjectURL(blobObject);
-  link2.href = url;
-  link2.download = fileName;
-  link2.style.display = "none";
-  document.body.appendChild(link2);
-  link2.click();
-  document.body.removeChild(link2);
-  window.URL.revokeObjectURL(url);
-}
 function fBankRound(value, decimals = 2) {
   const str = String(value).trim();
   if (!/^[-+]?\d+(\.\d+)?$/.test(str)) return NaN;
@@ -9054,7 +9146,9 @@ const ERROR_FIELDS = [
   "detail",
   "traceId",
   "requestId",
-  "timestamp"
+  "timestamp",
+  "exception",
+  "path"
 ];
 function isScalar(value) {
   return typeof value === "string" || typeof value === "boolean" || typeof value === "number" && Number.isFinite(value);
@@ -9074,7 +9168,7 @@ function normalizeRequestErrorResponse(data) {
     for (const field of ERROR_FIELDS) {
       const value = data[field];
       if (!isScalar(value)) continue;
-      const text = String(value);
+      const text = field === "path" ? normalizeErrorPath(String(value)) : String(value);
       result[field] = text.slice(
         0,
         field === "message" || field === "detail" ? LONG_ERROR_FIELD_LIMIT : SHORT_ERROR_FIELD_LIMIT
@@ -9098,6 +9192,53 @@ function getErrorResponseData(error2) {
 function getRequestErrorResponse(error2) {
   return normalizeRequestErrorResponse(getErrorResponseData(error2));
 }
+function normalizeErrorPath(value) {
+  return new URL(value, "http://observer.invalid").pathname.replace(
+    /\/(?:\d+|[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}|[0-9a-f]{16,})(?=\/|$)/gi,
+    "/<id>"
+  );
+}
+const SENSITIVE_BODY_FIELD = /password|passwd|pwd|token|auth|cookie|secret|session|csrf|email|e-mail|phone|mobile|telephone|address|passport|snils|inn|kpp|account|card|birth|fio|name|surname|patronymic|executor|waterUser|org|contract|docNum|basis|notes|comment|description|text|content|file|scan|парол|токен|куки|почт|телефон|адрес|паспорт|снилс|инн|фио|фамили|отчеств|^имя$/i;
+function scrubRequestText(value, limit) {
+  return value.replace(/https?:\/\/[^\s"'<>]+/gi, (url) => normalizeErrorPath(url)).replace(/\?[^\s"'<>)]*/g, "?").replace(/#[^\s"'<>)]*/g, "#").slice(0, limit);
+}
+function getRequestErrorBody(observer, method, outcome, error2, requestData) {
+  try {
+    if (!(observer == null ? void 0 : observer.captureErrorRequestBody) || outcome !== "failure" || !["POST", "PATCH"].includes(method.trim().toUpperCase())) return void 0;
+    const candidate = error2 && typeof error2 === "object" ? error2 : void 0;
+    let input = candidate && "requestBody" in candidate ? candidate.requestBody : (candidate == null ? void 0 : candidate.config) ? candidate.config.data : requestData;
+    if (input === void 0) return void 0;
+    if (typeof input === "string") {
+      if (input === "[truncated]" || input === "[omitted]") return input;
+      if (input.length > 65536) return "[truncated]";
+      input = JSON.parse(input);
+      if (typeof input === "string") return void 0;
+    }
+    if (input !== null && typeof input === "object" && !Array.isArray(input) && Object.getPrototypeOf(input) !== Object.prototype && Object.getPrototypeOf(input) !== null) return void 0;
+    const visited = /* @__PURE__ */ new WeakSet();
+    let remaining = 200;
+    const sanitize = (value, depth) => {
+      if (--remaining < 0 || depth > 6) return "[truncated]";
+      if (value === null || typeof value === "boolean") return value;
+      if (typeof value === "number") return Number.isFinite(value) ? value : "[omitted]";
+      if (typeof value === "string") return scrubRequestText(value, 512);
+      if (!value || typeof value !== "object") return "[omitted]";
+      if (!Array.isArray(value) && Object.getPrototypeOf(value) !== Object.prototype && Object.getPrototypeOf(value) !== null) return "[omitted]";
+      if (visited.has(value)) return "[circular]";
+      visited.add(value);
+      const result2 = Array.isArray(value) ? value.slice(0, 50).map((item) => sanitize(item, depth + 1)) : Object.fromEntries(Object.keys(value).slice(0, 50).map((key) => [
+        scrubRequestText(key, 128),
+        SENSITIVE_BODY_FIELD.test(key) ? "[redacted]" : sanitize(value[key], depth + 1)
+      ]));
+      visited.delete(value);
+      return result2;
+    };
+    const result = sanitize(input, 0);
+    return new TextEncoder().encode(JSON.stringify(result)).byteLength <= 8192 ? result : "[truncated]";
+  } catch {
+    return void 0;
+  }
+}
 const getRequestNow = () => {
   if (typeof performance !== "undefined" && typeof performance.now === "function") {
     return performance.now();
@@ -9157,7 +9298,7 @@ function notifyRequestObserver(observer, observation) {
   } catch {
   }
 }
-async function observeRequest(observer, requestFn, method, url) {
+async function observeRequest(observer, requestFn, method, url, requestData) {
   if (!observer) {
     return requestFn();
   }
@@ -9179,6 +9320,7 @@ async function observeRequest(observer, requestFn, method, url) {
     const durationMs = calcDurationMs(startTime);
     const { outcome, errorCategory, status } = classifyRequestError(error2);
     const errorResponse = outcome === "failure" ? getRequestErrorResponse(error2) : void 0;
+    const errorRequestBody = getRequestErrorBody(observer, normalizedMethod, outcome, error2, requestData);
     notifyRequestObserver(observer, {
       method: normalizedMethod,
       url,
@@ -9186,7 +9328,8 @@ async function observeRequest(observer, requestFn, method, url) {
       durationMs,
       outcome,
       errorCategory,
-      ...errorResponse ? { errorResponse } : {}
+      ...errorResponse ? { errorResponse } : {},
+      ...errorRequestBody !== void 0 ? { errorRequestBody } : {}
     });
     throw error2;
   }
@@ -9212,7 +9355,8 @@ const FLibraryProvider = ({
             effectiveObserver,
             () => config.apiService.request(url, reqConfig),
             (reqConfig == null ? void 0 : reqConfig.method) ?? "GET",
-            url
+            url,
+            reqConfig == null ? void 0 : reqConfig.data
           );
         }
       }
@@ -9280,6 +9424,7 @@ const useFApi = ({
       if (effectiveObserver) {
         const { outcome, errorCategory, status } = classifyRequestError(error22);
         const errorResponse = outcome === "failure" ? getRequestErrorResponse(error22) : void 0;
+        const errorRequestBody = getRequestErrorBody(effectiveObserver, method, outcome, error22, config.data);
         notifyRequestObserver(effectiveObserver, {
           method,
           url,
@@ -9287,7 +9432,8 @@ const useFApi = ({
           durationMs: calcDurationMs(startTime),
           outcome,
           errorCategory,
-          ...errorResponse ? { errorResponse } : {}
+          ...errorResponse ? { errorResponse } : {},
+          ...errorRequestBody !== void 0 ? { errorRequestBody } : {}
         });
       }
       const err = error22;