fui-material 2.8.10 → 2.8.12

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

@@ -1,11 +1,11 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import React, { forwardRef, useRef, useState, useEffect, createContext, isValidElement, Children, Fragment as Fragment$1, cloneElement, useContext, useMemo, useLayoutEffect, useDeferredValue, useCallback, useId } from "react";
 import ReactDOM, { createPortal } from "react-dom";
+import axios from "axios";
 import JSZip from "jszip";
 import initializeModule from "allorion-exporting-html-to-docx";
 import { renderToStaticMarkup } from "react-dom/server";
 import { initializeModule as initializeModule$1, installFormatCode } from "allorion-exporting-html-to-xlsx";
-import axios from "axios";
 import { useQueryClient, useMutation, useQuery } from "@tanstack/react-query";
 import './index.css';const btn = "_btn_gdyy6_1";
 const disabled$4 = "_disabled_gdyy6_31";
@@ -8863,7 +8863,201 @@ function fConvertDate(input, options) {
       return "";
   }
 }
-const useFApi = ({ doNotUseState = false, defaultState = null, getValueByPath = void 0 } = {}) => {
+const LONG_ERROR_FIELD_LIMIT = 2048;
+const SHORT_ERROR_FIELD_LIMIT = 256;
+const ERROR_FIELDS = [
+  "message",
+  "error",
+  "code",
+  "title",
+  "type",
+  "detail",
+  "traceId",
+  "requestId",
+  "timestamp"
+];
+function isScalar(value) {
+  return typeof value === "string" || typeof value === "boolean" || typeof value === "number" && Number.isFinite(value);
+}
+function isUnsupportedResponseData(data) {
+  return Array.isArray(data) || typeof Blob !== "undefined" && data instanceof Blob || typeof ArrayBuffer !== "undefined" && (data instanceof ArrayBuffer || ArrayBuffer.isView(data));
+}
+function normalizeRequestErrorResponse(data) {
+  try {
+    if (typeof data === "string") {
+      return data.length > 0 ? { message: data.slice(0, LONG_ERROR_FIELD_LIMIT) } : void 0;
+    }
+    if (!data || typeof data !== "object" || isUnsupportedResponseData(data)) {
+      return void 0;
+    }
+    const result = {};
+    for (const field of ERROR_FIELDS) {
+      const value = data[field];
+      if (!isScalar(value)) continue;
+      const text = String(value);
+      result[field] = text.slice(
+        0,
+        field === "message" || field === "detail" ? LONG_ERROR_FIELD_LIMIT : SHORT_ERROR_FIELD_LIMIT
+      );
+    }
+    return Object.keys(result).length > 0 ? result : void 0;
+  } catch {
+    return void 0;
+  }
+}
+function getErrorResponseData(error2) {
+  if (!error2 || typeof error2 !== "object") return void 0;
+  try {
+    const response = error2.response;
+    if (!response || typeof response !== "object") return void 0;
+    return response.data;
+  } catch {
+    return void 0;
+  }
+}
+function getRequestErrorResponse(error2) {
+  return normalizeRequestErrorResponse(getErrorResponseData(error2));
+}
+const getRequestNow = () => {
+  if (typeof performance !== "undefined" && typeof performance.now === "function") {
+    return performance.now();
+  }
+  return Date.now();
+};
+const calcDurationMs = (startTime) => {
+  return Math.max(0, Math.round(getRequestNow() - startTime));
+};
+function classifyRequestError(error2) {
+  var _a, _b, _c;
+  if (!error2 || typeof error2 !== "object") {
+    return {
+      outcome: "failure",
+      errorCategory: "unknown"
+    };
+  }
+  const err = error2;
+  const isCanceled = Boolean((_b = (_a = axios).isCancel) == null ? void 0 : _b.call(_a, error2)) || err.name === "CanceledError" || err.name === "AbortError" || err.code === "ERR_CANCELED";
+  if (isCanceled) {
+    return {
+      outcome: "aborted",
+      errorCategory: "abort",
+      status: typeof ((_c = err.response) == null ? void 0 : _c.status) === "number" ? err.response.status : void 0
+    };
+  }
+  if (err.response && typeof err.response.status === "number") {
+    return {
+      outcome: "failure",
+      errorCategory: "http",
+      status: err.response.status
+    };
+  }
+  if (err.code === "ECONNABORTED" || typeof err.message === "string" && err.message.toLowerCase().includes("timeout")) {
+    return {
+      outcome: "failure",
+      errorCategory: "timeout"
+    };
+  }
+  if (err.code === "ERR_NETWORK" || Boolean(err.request && !err.response)) {
+    return {
+      outcome: "failure",
+      errorCategory: "network"
+    };
+  }
+  return {
+    outcome: "failure",
+    errorCategory: "unknown"
+  };
+}
+function notifyRequestObserver(observer, observation) {
+  if (!observer || typeof observer.onRequestComplete !== "function") {
+    return;
+  }
+  try {
+    observer.onRequestComplete(observation);
+  } catch {
+  }
+}
+async function observeRequest(observer, requestFn, method, url) {
+  if (!observer) {
+    return requestFn();
+  }
+  const normalizedMethod = (method || "GET").toUpperCase();
+  const startTime = getRequestNow();
+  try {
+    const result = await requestFn();
+    const durationMs = calcDurationMs(startTime);
+    const status = typeof (result == null ? void 0 : result.status) === "number" ? result.status : void 0;
+    notifyRequestObserver(observer, {
+      method: normalizedMethod,
+      url,
+      status,
+      durationMs,
+      outcome: "success"
+    });
+    return result;
+  } catch (error2) {
+    const durationMs = calcDurationMs(startTime);
+    const { outcome, errorCategory, status } = classifyRequestError(error2);
+    const errorResponse = outcome === "failure" ? getRequestErrorResponse(error2) : void 0;
+    notifyRequestObserver(observer, {
+      method: normalizedMethod,
+      url,
+      status,
+      durationMs,
+      outcome,
+      errorCategory,
+      ...errorResponse ? { errorResponse } : {}
+    });
+    throw error2;
+  }
+}
+const LibraryContext = createContext(null);
+const FLibraryProvider = ({
+  children,
+  config,
+  requestObserver
+}) => {
+  const effectiveObserver = requestObserver ?? (config == null ? void 0 : config.requestObserver);
+  const contextValue = useMemo(() => {
+    if (!effectiveObserver) {
+      return config;
+    }
+    return {
+      ...config,
+      requestObserver: effectiveObserver,
+      apiService: {
+        ...config.apiService,
+        request: (url, reqConfig) => {
+          return observeRequest(
+            effectiveObserver,
+            () => config.apiService.request(url, reqConfig),
+            (reqConfig == null ? void 0 : reqConfig.method) ?? "GET",
+            url
+          );
+        }
+      }
+    };
+  }, [config, effectiveObserver]);
+  return /* @__PURE__ */ jsx(LibraryContext.Provider, { value: contextValue, children });
+};
+const useFLibraryContext = () => {
+  const context = useContext(LibraryContext);
+  if (!context) {
+    throw new Error("[UIKit/Lib]: Вы должны обернуть приложение в <FLibraryProvider config={{ apiService }}>");
+  }
+  return context;
+};
+const useFLibraryContextOptional = () => {
+  return useContext(LibraryContext);
+};
+const useFApi = ({
+  doNotUseState = false,
+  defaultState = null,
+  getValueByPath = void 0,
+  requestObserver = void 0
+} = {}) => {
+  const libraryContext = useFLibraryContextOptional();
+  const effectiveObserver = requestObserver ?? (libraryContext == null ? void 0 : libraryContext.requestObserver);
   const [data, setData] = useState(defaultState === void 0 ? null : defaultState);
   const [loading, setLoading] = useState(false);
   const [error2, setError] = useState(null);
@@ -8871,8 +9065,20 @@ const useFApi = ({ doNotUseState = false, defaultState = null, getValueByPath =
     var _a, _b, _c;
     setLoading(true);
     setError(null);
+    const startTime = effectiveObserver ? getRequestNow() : 0;
+    const method = (config.method || "GET").toUpperCase();
+    const url = config.url ?? "";
     try {
       const response = await axios(config);
+      if (effectiveObserver) {
+        notifyRequestObserver(effectiveObserver, {
+          method,
+          url,
+          status: response.status,
+          durationMs: calcDurationMs(startTime),
+          outcome: "success"
+        });
+      }
       if (getValueByPath) {
         let returnValue = response.data;
         const pathParts = getValueByPath.split(".");
@@ -8891,6 +9097,19 @@ const useFApi = ({ doNotUseState = false, defaultState = null, getValueByPath =
         return response.data;
       }
     } catch (error22) {
+      if (effectiveObserver) {
+        const { outcome, errorCategory, status } = classifyRequestError(error22);
+        const errorResponse = outcome === "failure" ? getRequestErrorResponse(error22) : void 0;
+        notifyRequestObserver(effectiveObserver, {
+          method,
+          url,
+          status,
+          durationMs: calcDurationMs(startTime),
+          outcome,
+          errorCategory,
+          ...errorResponse ? { errorResponse } : {}
+        });
+      }
       const err = error22;
       const errorMessage = ((_b = (_a = err.response) == null ? void 0 : _a.data) == null ? void 0 : _b.message) || err.message || "Неизвестная ошибка";
       fNotification({
@@ -8913,20 +9132,6 @@ const useFApi = ({ doNotUseState = false, defaultState = null, getValueByPath =
   };
   return { data, loading, error: error2, execute, reset };
 };
-const LibraryContext = createContext(null);
-const FLibraryProvider = ({
-  children,
-  config
-}) => {
-  return /* @__PURE__ */ jsx(LibraryContext.Provider, { value: config, children });
-};
-const useFLibraryContext = () => {
-  const context = useContext(LibraryContext);
-  if (!context) {
-    throw new Error("[UIKit/Lib]: Вы должны обернуть приложение в <FLibraryProvider config={{ apiService }}>");
-  }
-  return context;
-};
 const useFApiMutation = (url, config, options) => {
   const { apiService } = useFLibraryContext();
   const queryClient = useQueryClient();
@@ -9389,6 +9594,9 @@ export {
   FUnlinkIcon,
   FUploadIcon,
   FWaterErrorBoundaryPage,
+  LibraryContext,
+  calcDurationMs,
+  classifyRequestError,
   fAlert,
   fBankRound,
   fConfirm,
@@ -9406,9 +9614,14 @@ export {
   fNotification,
   fNotificationDelete,
   fPrompt,
+  getRequestNow,
+  notifyRequestObserver,
+  observeRequest,
   useFApi,
   useFApiMutation,
   useFApiQuery,
+  useFLibraryContext,
+  useFLibraryContextOptional,
   useFManualApiQuery
 };
 //# sourceMappingURL=f-ui-kit.es.js.map