rc-lib-ui 1.2.2 → 1.2.10

package/dist/NetworkAndSocket/Network/components/Render/Render.d.ts

@@ -1,6 +1,7 @@
 import { default as React } from 'react';
 import { SxProps } from '@mui/material';
-export interface NetworkWatcherRenderProps {
+import { UseNetworkDetectionProps } from '../../hooks/useNetworkDetection';
+export interface NetworkWatcherRenderProps extends UseNetworkDetectionProps {
     isTitle?: boolean;
     className?: string;
     sxTitle?: SxProps;

package/dist/NetworkAndSocket/Network/components/index.d.ts

@@ -1,4 +1,3 @@
 export declare const Network: {
     Render: import('react').NamedExoticComponent<import('./Render/Render').NetworkWatcherRenderProps>;
-    Detection: () => import("react/jsx-runtime").JSX.Element;
 };

package/dist/NetworkAndSocket/Network/hooks/useNetworkDetection.d.ts

@@ -0,0 +1,6 @@
+import { InitialStatePropsNetwork } from '../store/network.types';
+export interface UseNetworkDetectionProps {
+    isNetwork: boolean;
+    getStatus?: (payload: InitialStatePropsNetwork["infoNetwork"]) => void;
+}
+export declare const useNetworkDetection: (props: UseNetworkDetectionProps) => void;

package/dist/network.css

@@ -0,0 +1 @@
+._watcher_1mwhz_1{pointer-events:none;overflow:hidden;position:absolute;left:0;right:0;top:0;bottom:0}._watcherItem_1mwhz_23{transition:all .3s ease;position:absolute;margin:0;left:0;right:0;top:0;bottom:0;font-size:10px;font-weight:700;text-align:center;transform:translateY(-101%);display:flex;justify-content:center;align-items:flex-end;z-index:-1}._active_1mwhz_55{transform:translateY(0)!important}._watcherItemTitle_1mwhz_63{color:#f8f8f8;text-shadow:.05em .05em .2em rgba(10,10,10,.9);letter-spacing:.4px}._watcherItemTitleSpan_1mwhz_75{background-color:#0000004d;height:100%;color:#fff;display:flex;align-items:center;padding:3px 10px;border-radius:5px;line-height:normal}

package/dist/network.js

@@ -0,0 +1,75 @@
+import { jsxs as I, jsx as r, Fragment as g } from "react/jsx-runtime";
+import u from "classnames";
+import _, { useRef as T, useEffect as y, useCallback as N } from "react";
+import { c as O } from "./react-BHpOq0xO.js";
+import { Box as a } from "@mui/system";
+import './network.css';const p = {
+  isNetwork: null,
+  typeNetwork: "",
+  infoNetwork: {
+    online: "",
+    offline: "",
+    action: "",
+    status: null,
+    titleOnline: "",
+    titleOffline: ""
+  }
+}, x = JSON.parse(JSON.stringify(p)), c = O(() => p), v = {
+  resetState: () => c.setState(x),
+  setTypeNetwork: ({ typeNetwork: t }) => c.setState({ typeNetwork: t }),
+  setNetworkStatus: ({ isNetwork: t }) => c.setState({ isNetwork: t }),
+  setInfoNetworkStatus: ({ infoNetwork: t }) => c.setState({ infoNetwork: t })
+}, R = {
+  getNetworkStatus: (t) => t.isNetwork,
+  getTypeNetwork: (t) => t.typeNetwork,
+  getInfoNetworkStatus: (t) => t.infoNetwork
+}, b = (t) => c(t), z = "_watcher_1mwhz_1", F = "_watcherItem_1mwhz_23", D = "_active_1mwhz_55", j = "_watcherItemTitle_1mwhz_63", A = "_watcherItemTitleSpan_1mwhz_75", i = {
+  watcher: z,
+  watcherItem: F,
+  active: D,
+  watcherItemTitle: j,
+  watcherItemTitleSpan: A
+}, B = (t) => {
+  const { isNetwork: e, getStatus: n } = t, l = T({ excludeFirstInit: !1 });
+  y(() => {
+    if (!e && e !== null) {
+      f("offline", { online: "", offline: "active", status: e, action: "offline", titleOffline: "Нет доступа к сети" }), l.current.excludeFirstInit = !0;
+      return;
+    }
+    if (l.current.excludeFirstInit && e !== null) {
+      f("online", { online: "active", offline: "", status: e, action: "online", titleOnline: "В сети" });
+      return;
+    }
+  }, [e]);
+  const s = N(
+    (o) => {
+      v.setInfoNetworkStatus({ infoNetwork: o }), typeof n == "function" && n(o);
+    },
+    [n]
+  ), f = N(
+    (o, w) => {
+      if (console.log("payload network: ", w), s(w), !e && o === "offline")
+        return;
+      const m = setTimeout(() => {
+        console.dir("setTimeout OfflineDetection"), s({ offline: "", online: "", status: e, action: "", titleOnline: "", titleOffline: "" }), clearTimeout(m);
+      }, 3e3);
+    },
+    [e, s]
+  );
+}, C = ({ className: t = "", isTitle: e = !0, sxTitle: n, sx: l, sxItem: s, isNetwork: f, getStatus: o, ...w }) => {
+  B({ isNetwork: f, getStatus: o });
+  const { online: m, offline: h, action: W, titleOnline: d = "В сети", titleOffline: S = "Нет сети" } = b(R.getInfoNetworkStatus);
+  return /* @__PURE__ */ I(a, { className: u(i.watcher, t), sx: l, children: [
+    /* @__PURE__ */ r(a, { className: u(i.watcherItem, "bg-gradient bg-danger text-white", { [`${i.active}`]: h }), sx: s, children: /* @__PURE__ */ r(k, { isTitle: e, title: S, sxTitle: n }) }),
+    /* @__PURE__ */ r(a, { className: u(i.watcherItem, "bg-gradient bg-success text-white", { [`${i.active}`]: m }), sx: s, children: /* @__PURE__ */ r(k, { isTitle: e, title: d, sxTitle: n }) })
+  ] });
+}, J = _.memo(C), k = ({ isTitle: t, title: e, sxTitle: n }) => /* @__PURE__ */ r(g, { children: t && /* @__PURE__ */ r(a, { style: { marginBottom: 1 }, className: i.watcherItemTitle, sx: n, children: /* @__PURE__ */ r(a, { component: "span", className: i.watcherItemTitleSpan, children: e }) }) }), H = {
+  Render: J
+};
+export {
+  H as Network,
+  v as networkActions,
+  R as networkSelectors,
+  c as storeNetwork,
+  b as useNetworkSelector
+};

package/dist/react-BHpOq0xO.js

@@ -0,0 +1,27 @@
+import u from "react";
+const S = (t) => {
+  let e;
+  const n = /* @__PURE__ */ new Set(), o = (s, r) => {
+    const c = typeof s == "function" ? s(e) : s;
+    if (!Object.is(c, e)) {
+      const g = e;
+      e = r ?? (typeof c != "object" || c === null) ? c : Object.assign({}, e, c), n.forEach((f) => f(e, g));
+    }
+  }, a = () => e, i = { setState: o, getState: a, getInitialState: () => l, subscribe: (s) => (n.add(s), () => n.delete(s)) }, l = e = t(o, a, i);
+  return i;
+}, d = (t) => t ? S(t) : S, I = (t) => t;
+function j(t, e = I) {
+  const n = u.useSyncExternalStore(
+    t.subscribe,
+    u.useCallback(() => e(t.getState()), [t, e]),
+    u.useCallback(() => e(t.getInitialState()), [t, e])
+  );
+  return u.useDebugValue(n), n;
+}
+const b = (t) => {
+  const e = d(t), n = (o) => j(e, o);
+  return Object.assign(n, e), n;
+}, O = (t) => t ? b(t) : b;
+export {
+  O as c
+};

package/dist/socket.js

@@ -1,33 +1,12 @@
-import './socket.css';var q = Object.defineProperty;
-var U = (t, e, n) => e in t ? q(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
+import './socket.css';var j = Object.defineProperty;
+var U = (t, e, n) => e in t ? j(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
 var R = (t, e, n) => U(t, typeof e != "symbol" ? e + "" : e, n);
 import { jsx } from "react/jsx-runtime";
 import React, { useState, useRef, useCallback, useEffect } from "react";
+import { c as create } from "./react-BHpOq0xO.js";
 import { styled, Collapse } from "@mui/material";
 import cn from "classnames";
-const createStoreImpl = (t) => {
-  let e;
-  const n = /* @__PURE__ */ new Set(), o = (u, f) => {
-    const m = typeof u == "function" ? u(e) : u;
-    if (!Object.is(m, e)) {
-      const w = e;
-      e = f ?? (typeof m != "object" || m === null) ? m : Object.assign({}, e, m), n.forEach((b) => b(e, w));
-    }
-  }, r = () => e, l = { setState: o, getState: r, getInitialState: () => d, subscribe: (u) => (n.add(u), () => n.delete(u)) }, d = e = t(o, r, l);
-  return l;
-}, createStore = (t) => t ? createStoreImpl(t) : createStoreImpl, identity = (t) => t;
-function useStore(t, e = identity) {
-  const n = React.useSyncExternalStore(
-    t.subscribe,
-    React.useCallback(() => e(t.getState()), [t, e]),
-    React.useCallback(() => e(t.getInitialState()), [t, e])
-  );
-  return React.useDebugValue(n), n;
-}
-const createImpl = (t) => {
-  const e = createStore(t), n = (o) => useStore(e, o);
-  return Object.assign(n, e), n;
-}, create = (t) => t ? createImpl(t) : createImpl, initialState = {
+const initialState = {
   statusConnect: "disconnect",
   isOfflineSocket: !1,
   //Текущее состояние сокета. Зависит от события timeOffReConnect и если задаёться isDisableConnectSocket: true
@@ -418,8 +397,8 @@ c(h, "hslaToRgba", (t, e, n, o) => {
   if (e === 0)
     r = i = a = n;
   else {
-    const l = function(f, m, w) {
-      return w < 0 && (w += 1), w > 1 && (w -= 1), w < 0.16666666666666666 ? f + (m - f) * 6 * w : w < 0.5 ? m : w < 0.6666666666666666 ? f + (m - f) * (0.6666666666666666 - w) * 6 : f;
+    const l = function(p, m, w) {
+      return w < 0 && (w += 1), w > 1 && (w -= 1), w < 0.16666666666666666 ? p + (m - p) * 6 * w : w < 0.5 ? m : w < 0.6666666666666666 ? p + (m - p) * (0.6666666666666666 - w) * 6 : p;
     }, d = n < 0.5 ? n * (1 + e) : n + e - n * e, u = 2 * n - d;
     r = l(u, d, t + 1 / 3), i = l(u, d, t), a = l(u, d, t - 1 / 3);
   }
@@ -1045,16 +1024,16 @@ function toFormData(t, e, n) {
     }
     return isVisitable(b) ? !0 : (e.append(renderKey(S, g, i), d(b)), !1);
   }
-  const f = [], m = Object.assign(predicates, {
+  const p = [], m = Object.assign(predicates, {
     defaultVisitor: u,
     convertValue: d,
     isVisitable
   });
   function w(b, g) {
     if (!utils$1.isUndefined(b)) {
-      if (f.indexOf(b) !== -1)
+      if (p.indexOf(b) !== -1)
         throw Error("Circular reference detected in " + g.join("."));
-      f.push(b), utils$1.forEach(b, function(S, C) {
+      p.push(b), utils$1.forEach(b, function(S, C) {
         (!(utils$1.isUndefined(S) || S === null) && r.call(
           e,
           S,
@@ -1062,7 +1041,7 @@ function toFormData(t, e, n) {
           g,
           m
         )) === !0 && w(S, g ? g.concat(C) : [C]);
-      }), f.pop();
+      }), p.pop();
     }
   }
   if (!utils$1.isObject(t))
@@ -1375,13 +1354,13 @@ class AxiosHeaders {
   set(e, n, o) {
     const r = this;
     function i(l, d, u) {
-      const f = normalizeHeader(d);
-      if (!f)
+      const p = normalizeHeader(d);
+      if (!p)
         throw new Error("header name must be a non-empty string");
-      const m = utils$1.findKey(r, f);
+      const m = utils$1.findKey(r, p);
       (!m || r[m] === void 0 || u === !0 || u === void 0 && r[m] !== !1) && (r[m || d] = normalizeValue(l));
     }
-    const a = (l, d) => utils$1.forEach(l, (u, f) => i(u, f, d));
+    const a = (l, d) => utils$1.forEach(l, (u, p) => i(u, p, d));
     if (utils$1.isPlainObject(e) || e instanceof this.constructor)
       a(e, n);
     else if (utils$1.isString(e) && (e = e.trim()) && !isValidHeaderName(e))
@@ -1535,9 +1514,9 @@ function speedometer(t, e) {
   return e = e !== void 0 ? e : 1e3, function(l) {
     const d = Date.now(), u = o[i];
     a || (a = d), n[r] = l, o[r] = d;
-    let f = i, m = 0;
-    for (; f !== r; )
-      m += n[f++], f = f % t;
+    let p = i, m = 0;
+    for (; p !== r; )
+      m += n[p++], p = p % t;
     if (r = (r + 1) % t, r === i && (i = (i + 1) % t), d - a < e)
       return;
     const w = u && d - u;
@@ -1560,7 +1539,7 @@ const progressEventReducer = (t, e, n = 3) => {
   let o = 0;
   const r = speedometer(50, 250);
   return throttle((i) => {
-    const a = i.loaded, l = i.lengthComputable ? i.total : void 0, d = a - o, u = r(d), f = a <= l;
+    const a = i.loaded, l = i.lengthComputable ? i.total : void 0, d = a - o, u = r(d), p = a <= l;
     o = a;
     const m = {
       loaded: a,
@@ -1568,7 +1547,7 @@ const progressEventReducer = (t, e, n = 3) => {
       progress: l ? a / l : void 0,
       bytes: d,
       rate: u || void 0,
-      estimated: u && l && f ? (l - a) / u : void 0,
+      estimated: u && l && p ? (l - a) / u : void 0,
       event: i,
       lengthComputable: l != null,
       [e ? "download" : "upload"]: !0
@@ -1653,30 +1632,30 @@ const headersToObject = (t) => t instanceof AxiosHeaders$1 ? { ...t } : t;
 function mergeConfig(t, e) {
   e = e || {};
   const n = {};
-  function o(u, f, m) {
-    return utils$1.isPlainObject(u) && utils$1.isPlainObject(f) ? utils$1.merge.call({ caseless: m }, u, f) : utils$1.isPlainObject(f) ? utils$1.merge({}, f) : utils$1.isArray(f) ? f.slice() : f;
+  function o(u, p, m) {
+    return utils$1.isPlainObject(u) && utils$1.isPlainObject(p) ? utils$1.merge.call({ caseless: m }, u, p) : utils$1.isPlainObject(p) ? utils$1.merge({}, p) : utils$1.isArray(p) ? p.slice() : p;
   }
-  function r(u, f, m) {
-    if (utils$1.isUndefined(f)) {
+  function r(u, p, m) {
+    if (utils$1.isUndefined(p)) {
       if (!utils$1.isUndefined(u))
         return o(void 0, u, m);
     } else
-      return o(u, f, m);
+      return o(u, p, m);
   }
-  function i(u, f) {
-    if (!utils$1.isUndefined(f))
-      return o(void 0, f);
+  function i(u, p) {
+    if (!utils$1.isUndefined(p))
+      return o(void 0, p);
   }
-  function a(u, f) {
-    if (utils$1.isUndefined(f)) {
+  function a(u, p) {
+    if (utils$1.isUndefined(p)) {
       if (!utils$1.isUndefined(u))
         return o(void 0, u);
     } else
-      return o(void 0, f);
+      return o(void 0, p);
   }
-  function l(u, f, m) {
+  function l(u, p, m) {
     if (m in e)
-      return o(u, f);
+      return o(u, p);
     if (m in t)
       return o(void 0, u);
   }
@@ -1709,11 +1688,11 @@ function mergeConfig(t, e) {
     socketPath: a,
     responseEncoding: a,
     validateStatus: l,
-    headers: (u, f) => r(headersToObject(u), headersToObject(f), !0)
+    headers: (u, p) => r(headersToObject(u), headersToObject(p), !0)
   };
   return utils$1.forEach(Object.keys(Object.assign({}, t, e)), function(u) {
-    const f = d[u] || r, m = f(t[u], e[u], u);
-    utils$1.isUndefined(m) && f !== l || (n[u] = m);
+    const p = d[u] || r, m = p(t[u], e[u], u);
+    utils$1.isUndefined(m) && p !== l || (n[u] = m);
   }), n;
 }
 const resolveConfig = (t) => {
@@ -1728,8 +1707,8 @@ const resolveConfig = (t) => {
     if (platform.hasStandardBrowserEnv || platform.hasStandardBrowserWebWorkerEnv)
       a.setContentType(void 0);
     else if ((d = a.getContentType()) !== !1) {
-      const [u, ...f] = d ? d.split(";").map((m) => m.trim()).filter(Boolean) : [];
-      a.setContentType([u || "multipart/form-data", ...f].join("; "));
+      const [u, ...p] = d ? d.split(";").map((m) => m.trim()).filter(Boolean) : [];
+      a.setContentType([u || "multipart/form-data", ...p].join("; "));
     }
   }
   if (platform.hasStandardBrowserEnv && (o && utils$1.isFunction(o) && (o = o(e)), o || o !== !1 && isURLSameOrigin(e.url))) {
@@ -1742,7 +1721,7 @@ const resolveConfig = (t) => {
     const o = resolveConfig(t);
     let r = o.data;
     const i = AxiosHeaders$1.from(o.headers).normalize();
-    let { responseType: a, onUploadProgress: l, onDownloadProgress: d } = o, u, f, m, w, b;
+    let { responseType: a, onUploadProgress: l, onDownloadProgress: d } = o, u, p, m, w, b;
     function g() {
       w && w(), b && b(), o.cancelToken && o.cancelToken.unsubscribe(u), o.signal && o.signal.removeEventListener("abort", u);
     }
@@ -1784,7 +1763,7 @@ const resolveConfig = (t) => {
       )), S = null;
     }, r === void 0 && i.setContentType(null), "setRequestHeader" in S && utils$1.forEach(i.toJSON(), function(A, k) {
       S.setRequestHeader(k, A);
-    }), utils$1.isUndefined(o.withCredentials) || (S.withCredentials = !!o.withCredentials), a && a !== "json" && (S.responseType = o.responseType), d && ([m, b] = progressEventReducer(d, !0), S.addEventListener("progress", m)), l && S.upload && ([f, w] = progressEventReducer(l), S.upload.addEventListener("progress", f), S.upload.addEventListener("loadend", w)), (o.cancelToken || o.signal) && (u = (A) => {
+    }), utils$1.isUndefined(o.withCredentials) || (S.withCredentials = !!o.withCredentials), a && a !== "json" && (S.responseType = o.responseType), d && ([m, b] = progressEventReducer(d, !0), S.addEventListener("progress", m)), l && S.upload && ([p, w] = progressEventReducer(l), S.upload.addEventListener("progress", p), S.upload.addEventListener("loadend", w)), (o.cancelToken || o.signal) && (u = (A) => {
       S && (n(!A || A.type ? new CanceledError(null, t, S) : A), S.abort(), S = null);
     }, o.cancelToken && o.cancelToken.subscribe(u), o.signal && (o.signal.aborted ? u() : o.signal.addEventListener("abort", u)));
     const D = parseProtocol(o.url);
@@ -1801,8 +1780,8 @@ const resolveConfig = (t) => {
     const i = function(u) {
       if (!r) {
         r = !0, l();
-        const f = u instanceof Error ? u : this.reason;
-        o.abort(f instanceof AxiosError ? f : new CanceledError(f instanceof Error ? f.message : f));
+        const p = u instanceof Error ? u : this.reason;
+        o.abort(p instanceof AxiosError ? p : new CanceledError(p instanceof Error ? p.message : p));
       }
     };
     let a = e && setTimeout(() => {
@@ -1853,17 +1832,17 @@ const resolveConfig = (t) => {
   return new ReadableStream({
     async pull(d) {
       try {
-        const { done: u, value: f } = await r.next();
+        const { done: u, value: p } = await r.next();
         if (u) {
           l(), d.close();
           return;
         }
-        let m = f.byteLength;
+        let m = p.byteLength;
         if (n) {
           let w = i += m;
           n(w);
         }
-        d.enqueue(new Uint8Array(f));
+        d.enqueue(new Uint8Array(p));
       } catch (u) {
         throw l(u), u;
       }
@@ -1925,7 +1904,7 @@ const getBodyLength = async (t) => {
     onDownloadProgress: l,
     onUploadProgress: d,
     responseType: u,
-    headers: f,
+    headers: p,
     withCredentials: m = "same-origin",
     fetchOptions: w
   } = resolveConfig(t);
@@ -1936,13 +1915,13 @@ const getBodyLength = async (t) => {
   });
   let C;
   try {
-    if (d && supportsRequestStream && n !== "get" && n !== "head" && (C = await resolveBodyLength(f, o)) !== 0) {
+    if (d && supportsRequestStream && n !== "get" && n !== "head" && (C = await resolveBodyLength(p, o)) !== 0) {
       let O = new Request(e, {
         method: "POST",
         body: o,
         duplex: "half"
       }), I;
-      if (utils$1.isFormData(o) && (I = O.headers.get("content-type")) && f.setContentType(I), O.body) {
+      if (utils$1.isFormData(o) && (I = O.headers.get("content-type")) && p.setContentType(I), O.body) {
         const [P, L] = progressEventDecorator(
           C,
           progressEventReducer(asyncDecorator(d))
@@ -1956,7 +1935,7 @@ const getBodyLength = async (t) => {
       ...w,
       signal: b,
       method: n.toUpperCase(),
-      headers: f.normalize().toJSON(),
+      headers: p.normalize().toJSON(),
       body: o,
       duplex: "half",
       credentials: D ? m : void 0
@@ -2176,12 +2155,12 @@ class Axios {
     this.interceptors.response.forEach(function(g) {
       u.push(g.fulfilled, g.rejected);
     });
-    let f, m = 0, w;
+    let p, m = 0, w;
     if (!d) {
       const g = [dispatchRequest.bind(this), void 0];
-      for (g.unshift.apply(g, l), g.push.apply(g, u), w = g.length, f = Promise.resolve(n); m < w; )
-        f = f.then(g[m++], g[m++]);
-      return f;
+      for (g.unshift.apply(g, l), g.push.apply(g, u), w = g.length, p = Promise.resolve(n); m < w; )
+        p = p.then(g[m++], g[m++]);
+      return p;
     }
     w = l.length;
     let b = n;
@@ -2195,13 +2174,13 @@ class Axios {
       }
     }
     try {
-      f = dispatchRequest.call(this, b);
+      p = dispatchRequest.call(this, b);
     } catch (g) {
       return Promise.reject(g);
     }
     for (m = 0, w = u.length; m < w; )
-      f = f.then(u[m++], u[m++]);
-    return f;
+      p = p.then(u[m++], u[m++]);
+    return p;
   }
   getUri(e) {
     e = mergeConfig(this.defaults, e);
@@ -2447,8 +2426,8 @@ function init(t, e) {
       for (var i = document.cookie ? document.cookie.split("; ") : [], a = {}, l = 0; l < i.length; l++) {
         var d = i[l].split("="), u = d.slice(1).join("=");
         try {
-          var f = decodeURIComponent(d[0]);
-          if (a[f] = t.read(u, f), r === f)
+          var p = decodeURIComponent(d[0]);
+          if (a[p] = t.read(u, p), r === p)
             break;
         } catch {
         }
@@ -2580,7 +2559,7 @@ c(x, "events", (t, e, n, o = "") => new Promise((r, i) => {
   return [...o, ...r];
 });
 let Utils = x;
-const E = class j {
+const E = class q {
   constructor() {
     c(this, "getDecodingError", () => ({
       ERR_BAD_OPTION_VALUE: "Неправильное значение опции",
@@ -2593,7 +2572,7 @@ const E = class j {
     }));
   }
   static setErrorsHandler(e) {
-    j.errorsHandler = e;
+    q.errorsHandler = e;
   }
 };
 c(E, "keyCookie", "AuthCookie"), c(E, "cookieOptions", {}), c(E, "registerRequest", new SaveRequest()), c(E, "registerFailedRequests", new SaveRequest()), c(E, "requestUploadToken", null), c(E, "errorsHandler", new ErrorsHandler()), c(E, "setMethodUploadToken", (t) => {
@@ -2607,7 +2586,7 @@ c(E, "keyCookie", "AuthCookie"), c(E, "cookieOptions", {}), c(E, "registerReques
       cookie: E.getAuthCookies()
     },
     timeout: 6e4
-  }, l = Utils.deepMerge(a, e), d = 520, u = "", f = {
+  }, l = Utils.deepMerge(a, e), d = 520, u = "", p = {
     url: t,
     statusCode: d,
     msg: u,
@@ -2636,7 +2615,7 @@ c(E, "keyCookie", "AuthCookie"), c(E, "cookieOptions", {}), c(E, "registerReques
           O.message = P, O.data = I, g.msg = E.errorsHandler.gerErrorByStatusCordovaHttp(C, S);
         } else
           typeof A == "string" && (O.message = A);
-        o({ ...f, ...g, errExt: O });
+        o({ ...p, ...g, errExt: O });
       }
     );
   } else
@@ -2655,7 +2634,7 @@ c(E, "keyCookie", "AuthCookie"), c(E, "cookieOptions", {}), c(E, "registerReques
         data: A == null ? void 0 : A.data,
         stack: k
       };
-      o({ ...f, ...b, errExt: T });
+      o({ ...p, ...b, errExt: T });
     });
 })), c(E, "getAuthCookies", () => {
   var t;
@@ -2807,7 +2786,7 @@ const y = class N {
       };
       if (N.events.publish("fetch", d), l) {
         apiRequest.requestInServer(o, r).then((u) => {
-          const f = {
+          const p = {
             isReq: !1,
             isReload: !0,
             isErr: !1,
@@ -2815,16 +2794,16 @@ const y = class N {
             msg: "",
             ...u
           };
-          N.events.publish("fetch", f), i(f);
+          N.events.publish("fetch", p), i(p);
         }).catch((u) => {
-          const f = {
+          const p = {
             //TODO: Проверить. dataErr не верно возвращает
             isReq: !1,
             isReload: !1,
             keyAction: e,
             ...u
           };
-          N.events.publish("fetch", f), a(f);
+          N.events.publish("fetch", p), a(p);
         });
         return;
       }
@@ -2920,8 +2899,8 @@ class NetworkStatusTracker {
       change: new AbortController()
     };
     this.setControllersEvents(l);
-    const d = this.getConnection(), u = this.getTypeNetwork(d, window.navigator.onLine), f = this.getIsNetwork(u);
-    this.updateState(f, e), window.addEventListener("online", () => {
+    const d = this.getConnection(), u = this.getTypeNetwork(d, window.navigator.onLine), p = this.getIsNetwork(u);
+    this.updateState(p, e), window.addEventListener("online", () => {
       this.updateState(!0, e);
     }, { signal: (n = l.online) == null ? void 0 : n.signal }), window.addEventListener("offline", () => {
       this.updateState(!1, e);
@@ -2998,43 +2977,43 @@ class NetworkStatusTracker {
     return this.networkInfo;
   }
 }
-const p = class p {
+const f = class f {
   static copyState(e) {
     return JSON.parse(JSON.stringify(e));
   }
   static setState(e) {
-    p.state = { ...p.state, ...e };
+    f.state = { ...f.state, ...e };
   }
   static resetState() {
-    p.state = p.copyState(p.stateDefault);
+    f.state = f.copyState(f.stateDefault);
   }
   static setOptions(e) {
-    p.options = { ...p.options, ...e };
+    f.options = { ...f.options, ...e };
   }
   static setStatusReConnect(e) {
-    p.setState({ isActiveReConnect: e }), p.events.publish("reConnect", e);
+    f.setState({ isActiveReConnect: e }), f.events.publish("reConnect", e);
   }
   static async connect() {
-    p.wsApi.getIsInitWS() && (console.log("CONNECT WS"), p.setState({ isDisconnect: !1 }), p.wsApi.connect());
+    f.wsApi.getIsInitWS() && (console.log("CONNECT WS"), f.setState({ isDisconnect: !1 }), f.wsApi.connect());
   }
   static disconnect() {
-    p.state.isDisconnect || (p.setState({ isDisconnect: !0 }), console.log("DISCONNECT WS"), p.wsApi.disconnect(), p.resetState(), p.events.resetSubscribers());
+    f.state.isDisconnect || (f.setState({ isDisconnect: !0 }), console.log("DISCONNECT WS"), f.wsApi.disconnect(), f.resetState(), f.events.resetSubscribers());
   }
   static send(e, n) {
     const { action: o, ...r } = e, i = r != null && r.request_id ? r.request_id : uuid4(), a = Date.now();
-    p.wsApi.setRequestSave({
+    f.wsApi.setRequestSave({
       requestAction: o,
       request_id: i,
       requestTime: a,
       payload: { action: o, ...r },
       cb: n
     });
-    const l = p.wsApi.getSocket();
+    const l = f.wsApi.getSocket();
     if (!l || l.readyState !== 1) {
       console.log("Нет подключения к сокету. Запрос сохранён в setRequestSave");
       return;
     }
-    p.wsApi.send(e);
+    f.wsApi.send(e);
   }
   static stopReConnect(e) {
     console.dir("функция stop не присвоена к stopReConnect");
@@ -3047,7 +3026,7 @@ const p = class p {
         return;
       }
       const i = e.action, a = e.request_id ? e.request_id : uuid4(), l = Date.now();
-      p.wsApi.setRequestSave({
+      f.wsApi.setRequestSave({
         requestAction: i,
         request_id: a,
         requestTime: l,
@@ -3060,7 +3039,7 @@ const p = class p {
       }, n.timeout));
       const u = (C) => {
         w(), r(C);
-      }, f = (C) => {
+      }, p = (C) => {
         var A;
         const D = this.wsApi.findDataRequestByAction(i);
         !D || ((A = C == null ? void 0 : C.request) == null ? void 0 : A.requestAction) !== D.requestAction || (w(), o({ ...C }));
@@ -3068,94 +3047,94 @@ const p = class p {
         w(), r(new DOMException("Aborted", "AbortError"));
       }, w = () => {
         var C;
-        p.off("msg", f), p.off("error", u), d && clearTimeout(d), (C = n == null ? void 0 : n.signal) == null || C.removeEventListener("abort", m);
+        f.off("msg", p), f.off("error", u), d && clearTimeout(d), (C = n == null ? void 0 : n.signal) == null || C.removeEventListener("abort", m);
       };
-      p.on("msg", f), p.on("error", u), (S = n == null ? void 0 : n.signal) == null || S.addEventListener("abort", m);
-      const b = p.wsApi.getSocket();
+      f.on("msg", p), f.on("error", u), (S = n == null ? void 0 : n.signal) == null || S.addEventListener("abort", m);
+      const b = f.wsApi.getSocket();
       if (!b || b.readyState !== 1) {
         const C = "Нет подключения к сокету";
         console.error(C), w(), r(new Error(C));
         return;
       }
-      p.wsApi.send(e);
+      f.wsApi.send(e);
     });
   }
 };
-R(p, "state", {
+R(f, "state", {
   isDisconnect: !0,
   isActiveReConnect: !1,
   isOfflineSocket: !0,
   isGotWasFirstConnection: !1,
   isStartCheckNetwork: !1
   //не используеться
-}), R(p, "options", {
+}), R(f, "options", {
   isReConnectNetworkOnline: !1,
   listUrlsCheckConnectNetwork: ["https://jsonplaceholder.typicode.com/posts/1"]
-}), R(p, "wsApi", new WsApi()), R(p, "delay", new DelaysPromise()), R(p, "networkTicker", null), R(p, "events", new EventSubscribers$1(["timeOffReConnect", "reConnect", "network"])), R(p, "saveID", {
+}), R(f, "wsApi", new WsApi()), R(f, "delay", new DelaysPromise()), R(f, "networkTicker", null), R(f, "events", new EventSubscribers$1(["timeOffReConnect", "reConnect", "network"])), R(f, "saveID", {
   idReConnect: null,
   checkConnect: null
-}), R(p, "stateDefault", p.copyState(p.state)), R(p, "setInfoConnect", (e) => {
-  e.status || p.close(), p.events.publish("timeOffReConnect", e), p.setStatusReConnect(!1);
-}), R(p, "online", () => {
-  !p.state.isActiveReConnect && p.options.isReConnectNetworkOnline && /*#################-----------<{ Убрал 21.08.2025 }>------------############# */
-  p.state.isGotWasFirstConnection && p.socketReConnect();
-}), R(p, "offline", () => {
-  p.state.isActiveReConnect && p.stopReConnect(!1);
-}), R(p, "splitOptions", (e) => Object.entries(e).reduce(
+}), R(f, "stateDefault", f.copyState(f.state)), R(f, "setInfoConnect", (e) => {
+  e.status || f.close(), f.events.publish("timeOffReConnect", e), f.setStatusReConnect(!1);
+}), R(f, "online", () => {
+  !f.state.isActiveReConnect && f.options.isReConnectNetworkOnline && /*#################-----------<{ Убрал 21.08.2025 }>------------############# */
+  f.state.isGotWasFirstConnection && f.socketReConnect();
+}), R(f, "offline", () => {
+  f.state.isActiveReConnect && f.stopReConnect(!1);
+}), R(f, "splitOptions", (e) => Object.entries(e).reduce(
   (n, [o, r]) => {
-    const i = p.wsApi.getOptions();
+    const i = f.wsApi.getOptions();
     return o in i ? { ...n, WsOptions: { ...n.WsOptions, [o]: r } } : { ...n, SocketApiOptions: { ...n.SocketApiOptions, [o]: r } };
   },
   { WsOptions: {}, SocketApiOptions: {} }
 )), /*---------------------------------------------------------------------------------------------------------------------------*/
-R(p, "getState", () => p.state), R(p, "getOptions", () => ({ ...p.options, ...p.wsApi.getOptions() })), R(p, "on", (e, n) => {
-  p.wsApi.events.getListNameEvents().includes(e) ? p.wsApi.events.subscribe(e, n) : p.events.subscribe(e, n);
-}), R(p, "off", (e, n) => {
-  p.wsApi.events.getListNameEvents().includes(e) ? p.wsApi.events.unsubscribe(e, n) : p.events.unsubscribe(e, n);
-}), R(p, "getRequestSave", p.wsApi.getRequestSave), R(p, "getStatusSocket", p.wsApi.getStatusSocket), R(p, "close", () => {
-  p.state.isActiveReConnect ? p.stopReConnect(!1) : p.wsApi.close();
+R(f, "getState", () => f.state), R(f, "getOptions", () => ({ ...f.options, ...f.wsApi.getOptions() })), R(f, "on", (e, n) => {
+  f.wsApi.events.getListNameEvents().includes(e) ? f.wsApi.events.subscribe(e, n) : f.events.subscribe(e, n);
+}), R(f, "off", (e, n) => {
+  f.wsApi.events.getListNameEvents().includes(e) ? f.wsApi.events.unsubscribe(e, n) : f.events.unsubscribe(e, n);
+}), R(f, "getRequestSave", f.wsApi.getRequestSave), R(f, "getStatusSocket", f.wsApi.getStatusSocket), R(f, "close", () => {
+  f.state.isActiveReConnect ? f.stopReConnect(!1) : f.wsApi.close();
 }), //INFO: Проверить как часто вызываеться
-R(p, "setNetworkStatus", (e) => {
-  p.events.publish("network", e), e.isNetwork ? p.online() : p.offline();
-}), R(p, "init", (e) => {
-  const { WsOptions: n, SocketApiOptions: o } = p.splitOptions(e);
-  p.networkTicker = new NetworkStatusTracker(o.listUrlsCheckConnectNetwork ?? []), p.networkTicker.startEvents((r) => {
-    p.setNetworkStatus(r);
-  }), p.setOptions(o), p.wsApi.init(n), p.wsApi.events.subscribe("status", (r) => {
-    p.setState({ isOfflineSocket: r !== "ready" });
+R(f, "setNetworkStatus", (e) => {
+  f.events.publish("network", e), e.isNetwork ? f.online() : f.offline();
+}), R(f, "init", (e) => {
+  const { WsOptions: n, SocketApiOptions: o } = f.splitOptions(e);
+  f.networkTicker = new NetworkStatusTracker(o.listUrlsCheckConnectNetwork ?? []), f.networkTicker.startEvents((r) => {
+    f.setNetworkStatus(r);
+  }), f.setOptions(o), f.wsApi.init(n), f.wsApi.events.subscribe("status", (r) => {
+    f.setState({ isOfflineSocket: r !== "ready" });
   });
 }), /*------------------------------------------------------------------------------------------------------*/
-R(p, "socketReConnect", () => {
-  if (p.wsApi.getIsInitWS())
-    if (console.log("reConnect"), p.saveID.idReConnect)
-      console.groupCollapsed("Процесс socketReConnect уже запущен"), console.log("SocketApi.saveID: ", p.saveID), console.groupEnd();
+R(f, "socketReConnect", () => {
+  if (f.wsApi.getIsInitWS())
+    if (console.log("reConnect"), f.saveID.idReConnect)
+      console.groupCollapsed("Процесс socketReConnect уже запущен"), console.log("SocketApi.saveID: ", f.saveID), console.groupEnd();
     else {
-      p.setStatusReConnect(!0), p.connect();
-      const { timeReConnect: e, numberOfRepit: n } = p.wsApi.getOptions(), r = n && n > 1 ? n - 1 : 3;
-      p.delay.startActionEvery(
-        () => (console.log("reconnect:>>delay"), p.wsApi.getStatusSocket() === "ready" ? (console.dir("Подключение установлено"), !0) : (p.connect(), !1)),
+      f.setStatusReConnect(!0), f.connect();
+      const { timeReConnect: e, numberOfRepit: n } = f.wsApi.getOptions(), r = n && n > 1 ? n - 1 : 3;
+      f.delay.startActionEvery(
+        () => (console.log("reconnect:>>delay"), f.wsApi.getStatusSocket() === "ready" ? (console.dir("Подключение установлено"), !0) : (f.connect(), !1)),
         {
           interval: e,
           countAction: r,
           watchIdInterval: (a) => {
-            p.saveID.idReConnect = a;
+            f.saveID.idReConnect = a;
           },
           controlAction: ({ stop: a, getIsActiveEvent: l }) => {
-            p.stopReConnect = a;
+            f.stopReConnect = a;
           }
         }
       ).promise.then((a) => {
-        p.setInfoConnect(a);
+        f.setInfoConnect(a);
       }).catch((a) => {
-        if (p.wsApi.getStatusSocket() === "ready") {
-          console.log("Сокет успел подключиться, игнорируем ошибку таймаута"), p.setInfoConnect({ status: !0, msg: "Подключено (восстановлено)" });
+        if (f.wsApi.getStatusSocket() === "ready") {
+          console.log("Сокет успел подключиться, игнорируем ошибку таймаута"), f.setInfoConnect({ status: !0, msg: "Подключено (восстановлено)" });
           return;
         }
-        p.setInfoConnect(a);
+        f.setInfoConnect(a);
       });
     }
 });
-let SocketApi = p;
+let SocketApi = f;
 const useRequestSocketApi = (t, e = {}) => {
   const n = t.action, { skip: o = !1, timeout: r = 5e3 } = e, [i, a] = useState({
     data: null,
@@ -3163,8 +3142,8 @@ const useRequestSocketApi = (t, e = {}) => {
     isLoading: !1,
     isError: !1,
     isSuccess: !1
-  }), l = useSocketSelector(socketSelectors.getStatusReady), d = useSocketSelector(socketSelectors.getStatusConnectSocket), u = useRef(null), f = useRef(e);
-  f.current = e;
+  }), l = useSocketSelector(socketSelectors.getStatusReady), d = useSocketSelector(socketSelectors.getStatusConnectSocket), u = useRef(null), p = useRef(e);
+  p.current = e;
   const m = useCallback(async () => {
     var S, C, D, A;
     if (o) return;
@@ -3185,7 +3164,7 @@ const useRequestSocketApi = (t, e = {}) => {
         data: k,
         isSuccess: !0,
         isLoading: !1
-      })), (C = (S = f.current).onSuccess) == null || C.call(S, k);
+      })), (C = (S = p.current).onSuccess) == null || C.call(S, k);
     } catch (k) {
       if (g.aborted) return;
       const T = k instanceof Error ? k.message : String(k);
@@ -3194,7 +3173,7 @@ const useRequestSocketApi = (t, e = {}) => {
         error: T,
         isError: !0,
         isLoading: !1
-      })), (A = (D = f.current).onError) == null || A.call(D, T);
+      })), (A = (D = p.current).onError) == null || A.call(D, T);
     }
   }, [o, n, t, r]);
   useEffect(() => (!o && l && m(), () => {
@@ -3223,19 +3202,19 @@ const useRequestSocketApi = (t, e = {}) => {
 }, createRequestSocketApi = (t, e) => useRequestSocketApi(t, e), InitializationMemo = (t) => {
   const { isNetwork: e, typeNetwork: n } = t, { isModal: o } = useSocketSelector(socketSelectors.getInfoNoConnectServer), r = useSocketSelector(socketSelectors.getStatusIsReConnectSocket), i = useSocketSelector(socketSelectors.getIsDisableConnectSocket), a = useSocketSelector(socketSelectors.getStatusConnectSocket);
   return useEffect(() => (SocketApi.init(t.init), typeof t.onMount == "function" && t.onMount(), SocketApi.on("status", (l) => {
-    const d = socketStore.getState(), { isReadySocket: u, infoNoConnectServer: { isModal: f }, isOfflineSocket: m } = d;
-    l !== "ready" && u && socketActions.setStatusReady({ isReadySocket: !1 }), !u && l === "ready" && (socketActions.setStatusReady({ isReadySocket: !0 }), f && m && (console.log("Вырубаем модалку т.к. сокет законектился после окончания timeOffReConnect"), socketActions.setInfoNoConnectServer({ isModal: !1 }), socketActions.setIsOfflineSocket({ isOfflineSocket: !1 }))), socketActions.setStatusConnectSocket({ statusConnect: l });
+    const d = socketStore.getState(), { isReadySocket: u, infoNoConnectServer: { isModal: p }, isOfflineSocket: m } = d;
+    l !== "ready" && u && socketActions.setStatusReady({ isReadySocket: !1 }), !u && l === "ready" && (socketActions.setStatusReady({ isReadySocket: !0 }), p && m && (console.log("Вырубаем модалку т.к. сокет законектился после окончания timeOffReConnect"), socketActions.setInfoNoConnectServer({ isModal: !1 }), socketActions.setIsOfflineSocket({ isOfflineSocket: !1 }))), socketActions.setStatusConnectSocket({ statusConnect: l });
   }), SocketApi.on("error", (l) => {
     console.log("error: ", l);
   }), SocketApi.on("reConnect", (l) => {
     console.log('on"reConnect" (status): ', l);
-    const d = socketStore.getState(), { isReConnectSocket: u, infoNoConnectServer: { isModal: f } } = d;
-    u !== l && socketActions.setStatusIsReConnectSocket({ isReConnectSocket: l }), f && l && socketActions.setInfoNoConnectServer({ isModal: !1 });
+    const d = socketStore.getState(), { isReConnectSocket: u, infoNoConnectServer: { isModal: p } } = d;
+    u !== l && socketActions.setStatusIsReConnectSocket({ isReConnectSocket: l }), p && l && socketActions.setInfoNoConnectServer({ isModal: !1 });
   }), SocketApi.on("timeOffReConnect", (l) => {
     if (console.log("timeOffReConnect: ", l), socketActions.setIsOfflineSocket({ isOfflineSocket: !l.status }), !l.status) {
-      const d = socketStore.getState(), { infoNoConnectServer: { isModal: u, isSelectOffline: f } } = d;
+      const d = socketStore.getState(), { infoNoConnectServer: { isModal: u, isSelectOffline: p } } = d;
       let m = !1;
-      !u && !f && (m = !0), m && socketActions.setInfoNoConnectServer({ isModal: m });
+      !u && !p && (m = !0), m && socketActions.setInfoNoConnectServer({ isModal: m });
     }
   }), SocketApi.connect(), () => {
     typeof t.onUnmount == "function" && t.onUnmount(), console.dir("disconnect"), SocketApi.disconnect();

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "rc-lib-ui",
   "private": false,
-  "version": "1.2.2",
+  "version": "1.2.10",
   "author": "SinGlEBW",
   "license": "MIT",
   "type": "module",
@@ -17,6 +17,10 @@
       "import": "./dist/socket.js",
       "types": "./dist/NetworkAndSocket/Socket/index.d.ts"
     },
+    "./network": {
+      "import": "./dist/network.js",
+      "types": "./dist/NetworkAndSocket/Network/index.d.ts"
+    },
     "./preloaders": {
       "import": "./dist/preloaders.js",
       "types": "./dist/Preloaders/index.d.ts"

package/dist/NetworkAndSocket/Network/components/Detection/CustomDetection.d.ts

@@ -1 +0,0 @@
-export declare const CustomDetection: () => import("react/jsx-runtime").JSX.Element;

package/dist/NetworkAndSocket/Network/components/Detection/Detection.d.ts

@@ -1,8 +0,0 @@
-import { default as React } from 'react';
-import { InitialStatePropsNetwork } from '../../store/network.types';
-export interface DetectionProps extends Pick<React.HTMLAttributes<HTMLDivElement>, 'className'> {
-    profile?: 'min-bottom';
-    getStatus?: (props: InitialStatePropsNetwork['infoNetwork']) => void;
-    children?: React.ReactNode;
-}
-export declare const Detection: React.NamedExoticComponent<DetectionProps>;