rc-lib-ui 1.4.8 → 1.4.9

package/dist/NetworkAndSocket/Socket/api/SocketApi.d.ts

@@ -1,4 +1,4 @@
-import { WsApi_Options_P } from './deps/WsApi';
+import { WsApi, WsApi_Options_P } from './deps/WsApi';
 import { WsApi_Events } from './deps/WsApi/WsApi.types';
 import { BasePayloadSocket, SocketApi_Options_P, SocketApi_StateProps_P, SocketApiOptionsRequest } from './SocketApi.types';
 import { NetworkStatusInfoTracker } from 'dev-classes';
@@ -10,18 +10,24 @@ interface SocketApi_Events {
     timeOffReConnect(info: ConnectInfoProps): void;
     reConnect(status: boolean): void;
     network(info: NetworkStatusInfoTracker): void;
+    destroy(): void;
 }
 type CommonEvents = SocketApi_Events & WsApi_Events;
 export declare class SocketApi {
+    private static sessionId;
     private static state;
+    private static isGotWasFirstConnection;
+    private static infoNetwork;
     private static options;
-    private static wsApi;
+    static wsApi: WsApi;
     private static delay;
     private static networkTicker;
     private static events;
     private static saveID;
     private static stateDefault;
     private static copyState;
+    private static setInfoNetwork;
+    static getInfoNetwork(): NetworkStatusInfoTracker;
     private static setState;
     private static resetState;
     private static setOptions;
@@ -56,6 +62,7 @@ export declare class SocketApi {
     static init: (options: WsApi_Options_P & SocketApi_Options_P) => void;
     static connect(): Promise<void>;
     static disconnect(): void;
+    static destroy(): void;
     static send<P extends BasePayloadSocket, Data extends BasePayloadSocket>(payload: P, cb?: (data: Data) => void): void;
     static stopReConnect(status?: boolean): void;
     static socketReConnect: () => void;

package/dist/NetworkAndSocket/Socket/api/SocketApi.types.d.ts

@@ -1,14 +1,11 @@
-import { NetworkStatusInfoTracker } from 'dev-classes';
 import { WsApiE_StatusConnect_OR } from './deps/WsApi';
 import { WsApi_Response } from './deps/WsApi/WsApi.types';
 export interface SocketApi_Options_P {
     isReConnectNetworkOnline?: boolean;
     listUrlsCheckConnectNetwork?: string[];
 }
-type SocketApi_StateProps_OR = 'isDisconnect' | 'isActiveReConnect' | 'isOfflineSocket' | 'isGotWasFirstConnection' | 'isStartCheckNetwork';
-export type SocketApi_StateProps_P = Record<SocketApi_StateProps_OR, boolean> & {
-    infoNetwork: NetworkStatusInfoTracker;
-};
+type SocketApi_StateProps_OR = 'isDisconnect' | 'isActiveReConnect' | 'isOfflineSocket';
+export type SocketApi_StateProps_P = Record<SocketApi_StateProps_OR, boolean>;
 export type SocketApi_StatusConnect_OR = WsApiE_StatusConnect_OR;
 export type BasePayloadSocket = {
     action: string;

package/dist/NetworkAndSocket/Socket/api/deps/WsApi/WsApi.d.ts

@@ -31,11 +31,17 @@ export declare class WsApi {
         cb: any;
     }[];
     getOptions: () => WsApi_Options_P;
+    setOptions: (options: Partial<WsApi_Options_P>) => {
+        url: string;
+        timeReConnect: number;
+        numberOfRepit?: number;
+    };
     init: (options: typeof this.options) => void;
     getIsInitWS: () => boolean;
     connect(): void;
     close(): void;
     disconnect(): void;
+    destroy(): void;
     send(data: any): void;
     setRequestSave(reqInfo: (typeof this.state.arrSaveReq)[number]): void;
     private getItemsRequestSaveByAction;

package/dist/NetworkAndSocket/Socket/components/Buttons/Connect.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+interface ButtonActionsProps {
+    connect: () => void;
+    isDisableConnectSocket: boolean;
+}
+export interface ReConnectButtonProps {
+    children: (actions: ButtonActionsProps) => React.ReactNode;
+}
+export declare const Connect: React.NamedExoticComponent<ReConnectButtonProps>;
+export {};

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

@@ -8,6 +8,7 @@ export declare const Socket: {
     Buttons: {
         OfflineActive: React.NamedExoticComponent<import('./Buttons/OfflineButton').OfflineButtonProps>;
         ReConnect: React.NamedExoticComponent<import('./Buttons/ReConnect').ReConnectButtonProps>;
+        Connect: React.NamedExoticComponent<import('./Buttons/Connect').ReConnectButtonProps>;
     };
     Initialization: React.NamedExoticComponent<InitializationSocketProps>;
 };

package/dist/socket.js

@@ -1,14 +1,14 @@
 import './socket.css';var z = Object.defineProperty;
-var F = (o, e, t) => e in o ? z(o, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[e] = t;
-var r = (o, e, t) => F(o, typeof e != "symbol" ? e + "" : e, t);
+var F = (n, t, s) => t in n ? z(n, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : n[t] = s;
+var i = (n, t, s) => F(n, typeof t != "symbol" ? t + "" : t, s);
 import { jsx as D } from "react/jsx-runtime";
-import E, { useState as B, useRef as x, useCallback as A, useEffect as O } from "react";
+import N, { useState as T, useRef as W, useCallback as O, useEffect as I } from "react";
 import { c as U } from "./react-CLnE01WS.js";
 import { styled as M, Collapse as G } from "@mui/material";
-import L from "classnames";
-import { u as W } from "./browser-DJTk47DY.js";
+import B from "classnames";
+import { u as x } from "./browser-DJTk47DY.js";
 import { N as $ } from "./index-sxz_mdqa.js";
-const T = {
+const L = {
   statusConnect: "disconnect",
   isOfflineSocket: !1,
   //Текущее состояние сокета. Зависит от события timeOffReConnect и если задаёться isDisableConnectSocket: true
@@ -20,22 +20,22 @@ const T = {
     isSelectOffline: !1
     //Для того что бы 2й раз окно не показывать
   }
-}, K = JSON.parse(JSON.stringify(T)), m = U(() => T), k = {
-  resetState: () => m.setState(K),
-  setStatusConnectSocket: ({ statusConnect: o }) => m.setState({ statusConnect: o }),
-  setStatusIsReConnectSocket: ({ isReConnectSocket: o }) => m.setState({ isReConnectSocket: o }),
-  setStatusReady: ({ isReadySocket: o }) => m.setState({ isReadySocket: o }),
-  setIsOfflineSocket: ({ isOfflineSocket: o }) => m.setState({ isOfflineSocket: o }),
-  setInfoNoConnectServer: (o) => m.setState((e) => ({ infoNoConnectServer: { ...e.infoNoConnectServer, ...o } })),
-  setIsDisableConnectSocket: ({ isDisableConnectSocket: o }) => m.setState({ isDisableConnectSocket: o })
-}, R = {
-  getStatusConnectSocket: (o) => o.statusConnect,
-  getStatusIsReConnectSocket: (o) => o.isReConnectSocket,
-  getStatusReady: (o) => o.isReadySocket,
-  getIsOfflineSocket: (o) => o.isOfflineSocket,
-  getInfoNoConnectServer: (o) => o.infoNoConnectServer,
-  getIsDisableConnectSocket: (o) => o.isDisableConnectSocket
-}, b = (o) => m(o), Q = M("span")({
+}, K = JSON.parse(JSON.stringify(L)), b = U(() => L), C = {
+  resetState: () => b.setState(K),
+  setStatusConnectSocket: ({ statusConnect: n }) => b.setState({ statusConnect: n }),
+  setStatusIsReConnectSocket: ({ isReConnectSocket: n }) => b.setState({ isReConnectSocket: n }),
+  setStatusReady: ({ isReadySocket: n }) => b.setState({ isReadySocket: n }),
+  setIsOfflineSocket: ({ isOfflineSocket: n }) => b.setState({ isOfflineSocket: n }),
+  setInfoNoConnectServer: (n) => b.setState((t) => ({ infoNoConnectServer: { ...t.infoNoConnectServer, ...n } })),
+  setIsDisableConnectSocket: ({ isDisableConnectSocket: n }) => b.setState({ isDisableConnectSocket: n })
+}, m = {
+  getStatusConnectSocket: (n) => n.statusConnect,
+  getStatusIsReConnectSocket: (n) => n.isReConnectSocket,
+  getStatusReady: (n) => n.isReadySocket,
+  getIsOfflineSocket: (n) => n.isOfflineSocket,
+  getInfoNoConnectServer: (n) => n.infoNoConnectServer,
+  getIsDisableConnectSocket: (n) => n.isDisableConnectSocket
+}, R = (n) => b(n), Q = M("span")({
   backgroundColor: "rgba(0,0,0,0.3)",
   color: "#fff",
   display: "flex",
@@ -43,8 +43,8 @@ const T = {
   padding: "1px 10px",
   borderRadius: "3px 3px 3px 3px"
 }), P = M(
-  ({ children: o, ...e }) => /* @__PURE__ */ D(G, { ...e, unmountOnExit: !0, children: /* @__PURE__ */ D(Q, { children: o }) })
-)(({ theme: o }) => ({
+  ({ children: n, ...t }) => /* @__PURE__ */ D(G, { ...t, unmountOnExit: !0, children: /* @__PURE__ */ D(Q, { children: n }) })
+)(({ theme: n }) => ({
   fontSize: 10,
   position: "absolute",
   left: 0,
@@ -66,8 +66,8 @@ const T = {
   "loading-stripes": "_loading-stripes_1lp7f_1",
   loadingStripes: X
 }, Z = M(P, {
-  shouldForwardProp: (o) => ![""].includes(o)
-})(({ theme: o }) => ({
+  shouldForwardProp: (n) => ![""].includes(n)
+})(({ theme: n }) => ({
   top: "100%",
   "& .MuiCollapse-wrapper": {
     height: 10
@@ -75,210 +75,211 @@ const T = {
   "& span": {
     height: "100%"
   }
-})), j = ({ text: o = "Происходит подключение к серверу", className: e, ...t }) => {
-  const n = b(R.getStatusConnectSocket), i = b(R.getStatusIsReConnectSocket);
+})), j = ({ text: n = "Происходит подключение к серверу", className: t, ...s }) => {
+  const o = R(m.getStatusConnectSocket), r = R(m.getStatusIsReConnectSocket);
   return /* @__PURE__ */ D(
     Z,
     {
-      in: n === "pending" || i,
+      in: o === "pending" || r,
       collapsedSize: "1px",
-      className: L(Y["connect-server-anim"], e),
+      className: B(Y["connect-server-anim"], t),
       unmountOnExit: !0,
-      ...t,
-      children: o
+      ...s,
+      children: n
     }
   );
-}, _ = E.memo(j);
-class ee {
+}, _ = N.memo(j);
+class tt {
   constructor() {
-    r(this, "defaultProps", {
+    i(this, "defaultProps", {
       interval: 5e3
     });
-    r(this, "startActionEvery", (e, t = this.defaultProps) => {
-      const n = (u) => {
-        t != null && t.watchIdInterval && (t == null || t.watchIdInterval(u));
-      }, i = (u) => {
-        t != null && t.controlAction && (t == null || t.controlAction(u));
+    i(this, "startActionEvery", (t, s = this.defaultProps) => {
+      const o = (f) => {
+        s != null && s.watchIdInterval && (s == null || s.watchIdInterval(f));
+      }, r = (f) => {
+        s != null && s.controlAction && (s == null || s.controlAction(f));
       };
-      let a = !0, l, c, f;
-      const S = (u = !0) => {
+      let c = !0, l, a, u;
+      const S = (f = !0) => {
         const h = "Ручное завершение startActionEvery";
-        a = !1, clearInterval(l), n(null), u ? c && c({ status: u, msg: h + ": (true)" }) : f && f({ status: u, msg: h + ": (false)" });
+        c = !1, clearInterval(l), o(null), f ? a && a({ status: f, msg: h + ": (true)" }) : u && u({ status: f, msg: h + ": (false)" });
       };
       return {
-        promise: new Promise((u, h) => {
-          c = u, f = h;
+        promise: new Promise((f, h) => {
+          a = f, u = h;
           let y = 0, d = 0;
           l = setInterval(
             () => {
-              if (y += t.interval, d += 1, t != null && t.cutoffTime && y > t.cutoffTime || t != null && t.countAction && (t == null ? void 0 : t.countAction) < d) {
-                a = !1, clearInterval(l), n(null), h({ status: !1, msg: Error("Время загрузки истекло") });
+              if (y += s.interval, d += 1, s != null && s.cutoffTime && y > s.cutoffTime || s != null && s.countAction && (s == null ? void 0 : s.countAction) < d) {
+                c = !1, clearInterval(l), o(null), h({ status: !1, msg: Error("Время загрузки истекло") });
                 return;
               }
-              e() && (a = !1, clearInterval(l), n(null), u({ status: !0, msg: "cb вернул true" }));
+              t() && (c = !1, clearInterval(l), o(null), f({ status: !0, msg: "cb вернул true" }));
             },
-            t.interval < 200 ? 200 : t.interval
-          ), n(l), i({
-            getIsActiveEvent: () => a,
+            s.interval < 200 ? 200 : s.interval
+          ), o(l), r({
+            getIsActiveEvent: () => c,
             stop: S
           });
         }),
         stop: S
       };
     });
-    r(this, "oneOf", (e, t, { second: n }) => {
-      let i = 1;
-      e().then(() => {
-        i === 1 && (i = 0);
+    i(this, "oneOf", (t, s, { second: o }) => {
+      let r = 1;
+      t().then(() => {
+        r === 1 && (r = 0);
       });
-      let a = setInterval(() => {
-        i === 1 && t(), clearInterval(a);
-      }, n * 1e3);
+      let c = setInterval(() => {
+        r === 1 && s(), clearInterval(c);
+      }, o * 1e3);
     });
-    r(this, "oneOfPromise", (e, t, { second: n }) => new Promise((i, a) => {
-      let l = 1, c = { status: !1, msg: "" };
-      e().then((S) => {
-        l === 1 && (l = 0, i(S));
+    i(this, "oneOfPromise", (t, s, { second: o }) => new Promise((r, c) => {
+      let l = 1, a = { status: !1, msg: "" };
+      t().then((S) => {
+        l === 1 && (l = 0, r(S));
       }).catch((S) => {
-        l === 1 && (l = 0, c.msg = S, a(S));
+        l === 1 && (l = 0, a.msg = S, c(S));
       });
-      let f = setInterval(() => {
+      let u = setInterval(() => {
         if (l === 1) {
-          if (l = 0, typeof t == "function") {
-            a({ status: !1, msg: "", ...t(c) });
+          if (l = 0, typeof s == "function") {
+            c({ status: !1, msg: "", ...s(a) });
             return;
           }
-          a({ status: !1, msg: "oneOfPromise reject" });
+          c({ status: !1, msg: "oneOfPromise reject" });
         }
-        clearInterval(f);
-      }, n * 1e3);
+        clearInterval(u);
+      }, o * 1e3);
     }));
   }
 }
 class H {
-  constructor(e) {
-    r(this, "subscribersEvents", {});
-    r(this, "getListNameEvents", () => Object.keys(this.subscribersEvents));
-    r(this, "getSubscribers", () => this.subscribersEvents);
-    r(this, "subscribe", (e, t) => {
-      var n;
-      (n = this.subscribersEvents[e]) == null || n.push(t);
+  constructor(t) {
+    i(this, "subscribersEvents", {});
+    i(this, "getListNameEvents", () => Object.keys(this.subscribersEvents));
+    i(this, "getSubscribers", () => this.subscribersEvents);
+    i(this, "subscribe", (t, s) => {
+      var o;
+      (o = this.subscribersEvents[t]) == null || o.push(s);
     });
-    r(this, "unsubscribe", (e, t) => {
-      var n;
-      this.subscribersEvents[e] && (this.subscribersEvents[e] = (n = this.subscribersEvents[e]) == null ? void 0 : n.filter((i) => i !== t));
+    i(this, "unsubscribe", (t, s) => {
+      var o;
+      this.subscribersEvents[t] && (this.subscribersEvents[t] = (o = this.subscribersEvents[t]) == null ? void 0 : o.filter((r) => r !== s));
     });
-    r(this, "publish", (e, t) => {
-      var n;
-      this.subscribersEvents[e] && ((n = this.subscribersEvents[e]) == null || n.forEach((i) => {
-        i(t);
+    i(this, "publish", (t, s) => {
+      var o;
+      this.subscribersEvents[t] && ((o = this.subscribersEvents[t]) == null || o.forEach((r) => {
+        r(s);
       }));
     });
-    r(this, "resetSubscribers", () => {
-      const e = Object.entries(this.subscribersEvents);
-      for (const [t] of e)
-        this.subscribersEvents[t] = [];
+    i(this, "resetSubscribers", () => {
+      const t = Object.entries(this.subscribersEvents);
+      for (const [s] of t)
+        this.subscribersEvents[s] = [];
     });
-    e.forEach((t) => {
-      this.subscribersEvents[t] = [];
+    t.forEach((s) => {
+      this.subscribersEvents[s] = [];
     });
   }
 }
-class te {
+class et {
   constructor() {
-    r(this, "options", {
+    i(this, "options", {
       timeReConnect: 5e3,
       numberOfRepit: 5,
       url: ""
     });
-    r(this, "state", {
+    i(this, "state", {
       statusConnect: "disconnect",
       ws: null,
       arrSaveReq: []
     });
-    r(this, "initOptions", !1);
-    r(this, "events", new H(["status", "msg", "error"]));
-    r(this, "stateDefault", this.copyState(this.state));
-    r(this, "eventListener", (e) => {
-      var n, i;
-      const t = [
+    i(this, "initOptions", !1);
+    i(this, "events", new H(["status", "msg", "error"]));
+    i(this, "stateDefault", this.copyState(this.state));
+    i(this, "eventListener", (t) => {
+      var o, r;
+      const s = [
         ["open", this.openHandler],
         ["close", this.closeHandler],
         ["message", this.msgHandler],
         ["error", this.errHandler]
       ];
-      for (let a = 0; a < t.length; a++) {
-        const [l, c] = t[a];
-        e === "add" ? (n = this.state.ws) == null || n.addEventListener(l, c) : (i = this.state.ws) == null || i.removeEventListener(l, c);
+      for (let c = 0; c < s.length; c++) {
+        const [l, a] = s[c];
+        t === "add" ? (o = this.state.ws) == null || o.addEventListener(l, a) : (r = this.state.ws) == null || r.removeEventListener(l, a);
       }
     });
-    r(this, "openHandler", () => {
+    i(this, "openHandler", () => {
       this.setStatus("ready");
     });
-    r(this, "closeHandler", () => {
+    i(this, "closeHandler", () => {
       this.setStatus("close");
     });
-    r(this, "msgHandler", (e) => {
-      const t = JSON.parse(e.data ? e.data : "{}");
+    i(this, "msgHandler", (t) => {
+      const s = JSON.parse(t.data ? t.data : "{}");
       try {
-        const { action: n } = t, i = this.findDataRequestByAction(n);
-        if (i) {
-          const { cb: a, ...l } = i, { payload: c, ...f } = l;
-          this.events.publish("msg", { ...t, request: { ...f, ...c } });
+        const { action: o } = s, r = this.findDataRequestByAction(o);
+        if (r) {
+          const { cb: c, ...l } = r, { payload: a, ...u } = l;
+          this.events.publish("msg", { ...s, request: { ...u, ...a } });
         } else
-          this.events.publish("msg", t);
-        n && this.filterSaveItemsByResponse(t);
+          this.events.publish("msg", s);
+        o && this.filterSaveItemsByResponse(s);
       } catch {
         this.events.publish("msg", {});
       }
     });
-    r(this, "errHandler", (e) => {
-      var t;
+    i(this, "errHandler", (t) => {
+      var s;
       this.events.publish("error", {
-        readyState: (t = this.state.ws) == null ? void 0 : t.readyState,
+        readyState: (s = this.state.ws) == null ? void 0 : s.readyState,
         arrSaveReq: this.getRequestSave()
       }), this.setStatus("error");
     });
-    r(this, "errorInitSocket", () => {
+    i(this, "errorInitSocket", () => {
       console.error("Вы не установили опции");
     });
-    r(this, "setStatus", (e) => {
-      this.setState({ statusConnect: e }), this.events.publish("status", e);
+    i(this, "setStatus", (t) => {
+      this.setState({ statusConnect: t }), this.events.publish("status", t);
     });
     /*----------------------------------------------------------------------------------------------------------*/
-    r(this, "getState", () => this.state);
-    r(this, "getSocket", () => this.state.ws);
-    r(this, "getStatusSocket", () => this.state.statusConnect);
-    r(this, "getRequestSave", () => this.state.arrSaveReq);
-    r(this, "getOptions", () => this.options);
+    i(this, "getState", () => this.state);
+    i(this, "getSocket", () => this.state.ws);
+    i(this, "getStatusSocket", () => this.state.statusConnect);
+    i(this, "getRequestSave", () => this.state.arrSaveReq);
+    i(this, "getOptions", () => this.options);
+    i(this, "setOptions", (t) => this.options = { ...this.options, ...t });
     // getRegisteredEvents = this.events.getListNameEvents;
     // on = this.events.subscribe;
     // off = this.events.unsubscribe;
-    r(this, "init", (e) => {
-      this.initOptions = !0, this.options = { ...this.options, ...e };
+    i(this, "init", (t) => {
+      this.initOptions = !0, this.setOptions(t);
     });
-    r(this, "getIsInitWS", () => {
-      const e = this.initOptions;
-      return e || this.errorInitSocket(), e;
+    i(this, "getIsInitWS", () => {
+      const t = this.initOptions;
+      return t || this.errorInitSocket(), t;
     });
-    r(this, "findDataRequestByAction", (e) => this.getItemsRequestSaveByAction(e).sort((i, a) => a.requestTime - i.requestTime)[0]);
+    i(this, "findDataRequestByAction", (t) => this.getItemsRequestSaveByAction(t).sort((r, c) => c.requestTime - r.requestTime)[0]);
   }
   resetState() {
     this.state = this.copyState(this.stateDefault);
   }
-  setState(e) {
-    this.state = { ...this.state, ...e };
+  setState(t) {
+    this.state = { ...this.state, ...t };
   }
-  copyState(e) {
-    return JSON.parse(JSON.stringify(e));
+  copyState(t) {
+    return JSON.parse(JSON.stringify(t));
   }
-  filterSaveItemsByResponse(e) {
-    const t = this.getRequestSave(), n = [];
-    for (let i = 0; i < t.length; i++) {
-      const a = t[i];
-      a.payload.action !== e.action ? n.push(a) : a.cb && a.cb(e);
+  filterSaveItemsByResponse(t) {
+    const s = this.getRequestSave(), o = [];
+    for (let r = 0; r < s.length; r++) {
+      const c = s[r];
+      c.payload.action !== t.action ? o.push(c) : c.cb && c.cb(t);
     }
-    this.state.arrSaveReq = n;
+    this.state.arrSaveReq = o;
   }
   connect() {
     this.initOptions && (this.close(), this.setState({
@@ -286,206 +287,217 @@ class te {
     }), this.setStatus("pending"), this.eventListener("add"));
   }
   close() {
-    var e;
-    (e = this.state.ws) == null || e.close(), this.eventListener("remove"), this.setStatus("close");
+    var t;
+    (t = this.state.ws) == null || t.close(), this.eventListener("remove"), this.setStatus("close");
   }
   disconnect() {
-    this.close(), this.setStatus("disconnect"), this.resetState(), this.events.resetSubscribers();
+    this.close(), this.setStatus("disconnect"), this.resetState();
   }
-  send(e) {
-    var n;
-    const t = JSON.stringify(e);
-    (n = this.state.ws) == null || n.send(t);
+  destroy() {
+    const { statusConnect: t } = this.getState();
+    t !== "disconnect" && this.disconnect(), this.events.resetSubscribers();
   }
-  setRequestSave(e) {
-    if ("action" in e.payload) {
-      const t = this.state.arrSaveReq.findIndex((n) => n.payload.action === e.payload.action);
-      ~t ? this.state.arrSaveReq[t] = e : this.state.arrSaveReq.push(e);
+  send(t) {
+    var o;
+    const s = JSON.stringify(t);
+    (o = this.state.ws) == null || o.send(s);
+  }
+  setRequestSave(t) {
+    if ("action" in t.payload) {
+      const s = this.state.arrSaveReq.findIndex((o) => o.payload.action === t.payload.action);
+      ~s ? this.state.arrSaveReq[s] = t : this.state.arrSaveReq.push(t);
     }
   }
   //INFO: Запросов может быть несколько. И время запроса разное
-  getItemsRequestSaveByAction(e) {
-    return this.getRequestSave().filter((t) => {
-      var n;
-      return ((n = t == null ? void 0 : t.payload) == null ? void 0 : n.action) === e;
+  getItemsRequestSaveByAction(t) {
+    return this.getRequestSave().filter((s) => {
+      var o;
+      return ((o = s == null ? void 0 : s.payload) == null ? void 0 : o.action) === t;
     });
   }
 }
-const s = class s {
-  static copyState(e) {
-    return JSON.parse(JSON.stringify(e));
+const e = class e {
+  static copyState(t) {
+    return JSON.parse(JSON.stringify(t));
+  }
+  static setInfoNetwork(t) {
+    e.infoNetwork = t;
   }
-  static setState(e) {
-    s.state = { ...s.state, ...e };
+  static getInfoNetwork() {
+    return e.infoNetwork;
+  }
+  static setState(t) {
+    e.state = { ...e.state, ...t };
   }
   static resetState() {
-    s.state = s.copyState(s.stateDefault);
+    e.state = e.copyState(e.stateDefault);
   }
-  static setOptions(e) {
-    s.options = { ...s.options, ...e };
+  static setOptions(t) {
+    e.options = { ...e.options, ...t };
   }
-  static setStatusReConnect(e) {
-    s.setState({ isActiveReConnect: e }), s.events.publish("reConnect", e);
+  static setStatusReConnect(t) {
+    e.setState({ isActiveReConnect: t }), e.events.publish("reConnect", t);
   }
   static async connect() {
-    s.wsApi.getIsInitWS() && (console.log("CONNECT WS"), s.setState({ isDisconnect: !1 }), s.wsApi.connect());
+    e.wsApi.getIsInitWS() && (console.log("CONNECT WS"), e.setState({ isDisconnect: !1 }), e.wsApi.connect());
   }
   static disconnect() {
-    var e;
-    s.state.isDisconnect || (s.setState({ isDisconnect: !0 }), console.log("DISCONNECT WS"), s.wsApi.disconnect(), s.resetState(), s.events.resetSubscribers(), (e = this.networkTicker) == null || e.destroy());
+    const { isDisconnect: t, isActiveReConnect: s } = e.getState();
+    s && e.stopReConnect(!1), t || (e.setState({ isDisconnect: !0 }), console.log("DISCONNECT WS"), e.wsApi.disconnect(), e.resetState());
+  }
+  static destroy() {
+    var t;
+    e.events.publish("destroy", void 0), e.state.isDisconnect || (e.setState({ isDisconnect: !0 }), console.log("DISCONNECT WS"), e.wsApi.disconnect()), e.wsApi.destroy(), e.resetState(), e.events.resetSubscribers(), (t = this.networkTicker) == null || t.destroy();
   }
-  static send(e, t) {
-    const { action: n, ...i } = e, a = i != null && i.request_id ? i.request_id : W(), l = Date.now();
-    s.wsApi.setRequestSave({
-      requestAction: n,
-      request_id: a,
+  static send(t, s) {
+    const { action: o, ...r } = t, c = r != null && r.request_id ? r.request_id : x(), l = Date.now();
+    e.wsApi.setRequestSave({
+      requestAction: o,
+      request_id: c,
       requestTime: l,
-      payload: { action: n, ...i },
-      cb: t
+      payload: { action: o, ...r },
+      cb: s
     });
-    const c = s.wsApi.getSocket();
-    if (!c || c.readyState !== 1) {
+    const a = e.wsApi.getSocket();
+    if (!a || a.readyState !== 1) {
       console.log("Нет подключения к сокету. Запрос сохранён в setRequestSave");
       return;
     }
-    s.wsApi.send(e);
+    e.wsApi.send(t);
   }
-  static stopReConnect(e) {
+  static stopReConnect(t) {
     console.dir("функция stop не присвоена к stopReConnect");
   }
-  static async request(e, t = {}) {
-    return new Promise((n, i) => {
+  static async request(t, s = {}) {
+    return new Promise((o, r) => {
       var d, g;
-      if ((d = t == null ? void 0 : t.signal) != null && d.aborted) {
-        i(new DOMException("Aborted", "AbortError"));
+      if ((d = s == null ? void 0 : s.signal) != null && d.aborted) {
+        r(new DOMException("Aborted", "AbortError"));
         return;
       }
-      const a = e.action, l = e.request_id ? e.request_id : W(), c = Date.now();
-      s.wsApi.setRequestSave({
-        requestAction: a,
+      const c = t.action, l = t.request_id ? t.request_id : x(), a = Date.now();
+      e.wsApi.setRequestSave({
+        requestAction: c,
         request_id: l,
-        requestTime: c,
-        payload: e,
+        requestTime: a,
+        payload: t,
         cb: void 0
       });
-      let f;
-      t != null && t.timeout && (f = setTimeout(() => {
-        h(), i(new Error("Request timeout"));
-      }, t.timeout));
+      let u;
+      s != null && s.timeout && (u = setTimeout(() => {
+        h(), r(new Error("Request timeout"));
+      }, s.timeout));
       const S = (v) => {
-        h(), i(v);
-      }, C = (v) => {
-        var N;
-        const I = this.wsApi.findDataRequestByAction(a);
-        !I || ((N = v == null ? void 0 : v.request) == null ? void 0 : N.requestAction) !== I.requestAction || (h(), n({ ...v }));
-      }, u = () => {
-        h(), i(new DOMException("Aborted", "AbortError"));
+        h(), r(v);
+      }, k = (v) => {
+        var E;
+        const A = this.wsApi.findDataRequestByAction(c);
+        !A || ((E = v == null ? void 0 : v.request) == null ? void 0 : E.requestAction) !== A.requestAction || (h(), o({ ...v }));
+      }, f = () => {
+        h(), r(new DOMException("Aborted", "AbortError"));
       }, h = () => {
         var v;
-        s.off("msg", C), s.off("error", S), f && clearTimeout(f), (v = t == null ? void 0 : t.signal) == null || v.removeEventListener("abort", u);
+        e.off("msg", k), e.off("error", S), u && clearTimeout(u), (v = s == null ? void 0 : s.signal) == null || v.removeEventListener("abort", f);
       };
-      s.on("msg", C), s.on("error", S), (g = t == null ? void 0 : t.signal) == null || g.addEventListener("abort", u);
-      const y = s.wsApi.getSocket();
+      e.on("msg", k), e.on("error", S), (g = s == null ? void 0 : s.signal) == null || g.addEventListener("abort", f);
+      const y = e.wsApi.getSocket();
       if (!y || y.readyState !== 1) {
         const v = "Нет подключения к сокету";
-        console.error(v), h(), i(new Error(v));
+        console.error(v), h(), r(new Error(v));
         return;
       }
-      s.wsApi.send(e);
+      e.wsApi.send(t);
     });
   }
 };
-r(s, "state", {
+i(e, "sessionId", ""), i(e, "state", {
   isDisconnect: !0,
   isActiveReConnect: !1,
-  isOfflineSocket: !0,
-  isGotWasFirstConnection: !1,
-  isStartCheckNetwork: !1,
-  //не используеться
-  infoNetwork: {
-    isNetwork: !1,
-    typeNetwork: ""
-  }
-}), r(s, "options", {
+  isOfflineSocket: !0
+  // isStartCheckNetwork: false, //не используеться
+}), i(e, "isGotWasFirstConnection", !1), i(e, "infoNetwork", {
+  isNetwork: !1,
+  typeNetwork: ""
+}), i(e, "options", {
   isReConnectNetworkOnline: !1,
   listUrlsCheckConnectNetwork: []
-}), r(s, "wsApi", new te()), r(s, "delay", new ee()), r(s, "networkTicker", null), r(s, "events", new H(["timeOffReConnect", "reConnect", "network"])), r(s, "saveID", {
+}), i(e, "wsApi", new et()), i(e, "delay", new tt()), i(e, "networkTicker", null), i(e, "events", new H(["timeOffReConnect", "reConnect", "network", "destroy"])), i(e, "saveID", {
   idReConnect: null,
   checkConnect: null
-}), r(s, "stateDefault", s.copyState(s.state)), r(s, "setInfoConnect", (e) => {
-  e.status || s.close(), s.events.publish("timeOffReConnect", e), s.setStatusReConnect(!1);
-}), r(s, "online", () => {
-  !s.state.isActiveReConnect && s.options.isReConnectNetworkOnline && /*#################-----------<{ Убрал 21.08.2025 }>------------############# */
-  s.state.isGotWasFirstConnection && s.socketReConnect();
-}), r(s, "offline", () => {
-  s.state.isActiveReConnect && s.stopReConnect(!1);
-}), r(s, "splitOptions", (e) => Object.entries(e).reduce(
-  (t, [n, i]) => {
-    const a = s.wsApi.getOptions();
-    return n in a ? { ...t, WsOptions: { ...t.WsOptions, [n]: i } } : { ...t, SocketApiOptions: { ...t.SocketApiOptions, [n]: i } };
+}), i(e, "stateDefault", e.copyState(e.state)), i(e, "setInfoConnect", (t) => {
+  t.status || e.close(), e.events.publish("timeOffReConnect", t), e.setStatusReConnect(!1);
+}), i(e, "online", () => {
+  !e.state.isActiveReConnect && e.options.isReConnectNetworkOnline && /*#################-----------<{ Убрал 21.08.2025 }>------------############# */
+  e.isGotWasFirstConnection && e.socketReConnect();
+}), i(e, "offline", () => {
+  e.state.isActiveReConnect && e.stopReConnect(!1);
+}), i(e, "splitOptions", (t) => Object.entries(t).reduce(
+  (s, [o, r]) => {
+    const c = e.wsApi.getOptions();
+    return o in c ? { ...s, WsOptions: { ...s.WsOptions, [o]: r } } : { ...s, SocketApiOptions: { ...s.SocketApiOptions, [o]: r } };
   },
   { WsOptions: {}, SocketApiOptions: {} }
 )), /*---------------------------------------------------------------------------------------------------------------------------*/
-r(s, "getState", () => s.state), r(s, "getOptions", () => ({ ...s.options, ...s.wsApi.getOptions() })), r(s, "on", (e, t) => {
-  s.wsApi.events.getListNameEvents().includes(e) ? s.wsApi.events.subscribe(e, t) : s.events.subscribe(e, t);
-}), r(s, "off", (e, t) => {
-  s.wsApi.events.getListNameEvents().includes(e) ? s.wsApi.events.unsubscribe(e, t) : s.events.unsubscribe(e, t);
-}), r(s, "getRequestSave", s.wsApi.getRequestSave), r(s, "getStatusSocket", s.wsApi.getStatusSocket), r(s, "close", () => {
-  s.state.isActiveReConnect ? s.stopReConnect(!1) : s.wsApi.close();
+i(e, "getState", () => e.state), i(e, "getOptions", () => ({ ...e.options, ...e.wsApi.getOptions() })), i(e, "on", (t, s) => {
+  e.wsApi.events.getListNameEvents().includes(t) ? e.wsApi.events.subscribe(t, s) : e.events.subscribe(t, s);
+}), i(e, "off", (t, s) => {
+  e.wsApi.events.getListNameEvents().includes(t) ? e.wsApi.events.unsubscribe(t, s) : e.events.unsubscribe(t, s);
+}), i(e, "getRequestSave", e.wsApi.getRequestSave), i(e, "getStatusSocket", e.wsApi.getStatusSocket), i(e, "close", () => {
+  e.state.isActiveReConnect ? e.stopReConnect(!1) : e.wsApi.close();
 }), //INFO: Проверить как часто вызываеться
-r(s, "setNetworkStatus", (e) => {
-  s.events.publish("network", e), e.isNetwork ? s.online() : s.offline();
-}), r(s, "init", (e) => {
-  const { WsOptions: t, SocketApiOptions: n } = s.splitOptions(e);
-  s.networkTicker = new $(n.listUrlsCheckConnectNetwork ?? []), s.networkTicker.startEvents((i) => {
-    s.getState(), s.setNetworkStatus(i), s.setState({ infoNetwork: i });
-  }), s.setOptions(n), s.wsApi.init(t), s.wsApi.events.subscribe("status", (i) => {
-    s.setState({ isOfflineSocket: i !== "ready" });
+i(e, "setNetworkStatus", (t) => {
+  e.events.publish("network", t), e.setInfoNetwork(t), t.isNetwork ? e.online() : e.offline();
+}), i(e, "init", (t) => {
+  const { WsOptions: s, SocketApiOptions: o } = e.splitOptions(t);
+  e.networkTicker = new $(o.listUrlsCheckConnectNetwork ?? []), e.networkTicker.startEvents((r) => {
+    e.getState(), e.setNetworkStatus(r);
+  }), e.setOptions(o), e.sessionId = x(), e.wsApi.init(s), e.wsApi.events.subscribe("status", (r) => {
+    e.setState({ isOfflineSocket: r !== "ready" });
   });
 }), /*------------------------------------------------------------------------------------------------------*/
-r(s, "socketReConnect", () => {
-  if (s.wsApi.getIsInitWS())
-    if (s.saveID.idReConnect)
-      console.groupCollapsed("Процесс socketReConnect уже запущен"), console.log("SocketApi.saveID: ", s.saveID), console.groupEnd();
+i(e, "socketReConnect", () => {
+  if (e.wsApi.getIsInitWS())
+    if (e.saveID.idReConnect)
+      console.groupCollapsed("Процесс socketReConnect уже запущен"), console.log("SocketApi.saveID: ", e.saveID), console.groupEnd();
     else {
-      s.setStatusReConnect(!0), s.connect();
-      const { timeReConnect: e, numberOfRepit: t } = s.wsApi.getOptions(), i = t && t > 1 ? t - 1 : 3;
-      s.delay.startActionEvery(
-        () => (console.log("reconnect:>>delay"), s.wsApi.getStatusSocket() === "ready" ? (console.dir("Подключение установлено"), !0) : (s.connect(), !1)),
+      e.setStatusReConnect(!0), e.connect();
+      const { timeReConnect: t, numberOfRepit: s } = e.wsApi.getOptions(), r = s && s > 1 ? s - 1 : 3;
+      e.delay.startActionEvery(
+        () => (console.log("reconnect:>>delay"), e.wsApi.getStatusSocket() === "ready" ? (console.dir("Подключение установлено"), !0) : (e.connect(), !1)),
         {
-          interval: e,
-          countAction: i,
+          interval: t,
+          countAction: r,
           watchIdInterval: (l) => {
-            s.saveID.idReConnect = l;
+            e.saveID.idReConnect = l;
           },
-          controlAction: ({ stop: l, getIsActiveEvent: c }) => {
-            s.stopReConnect = l;
+          controlAction: ({ stop: l, getIsActiveEvent: a }) => {
+            e.stopReConnect = l;
           }
         }
       ).promise.then((l) => {
-        s.setInfoConnect(l);
+        e.setInfoConnect(l);
       }).catch((l) => {
-        if (s.wsApi.getStatusSocket() === "ready") {
-          console.log("Сокет успел подключиться, игнорируем ошибку таймаута"), s.setInfoConnect({ status: !0, msg: "Подключено (восстановлено)" });
+        if (e.wsApi.getStatusSocket() === "ready") {
+          console.log("Сокет успел подключиться, игнорируем ошибку таймаута"), e.setInfoConnect({ status: !0, msg: "Подключено (восстановлено)" });
           return;
         }
-        s.setInfoConnect(l);
+        e.setInfoConnect(l);
       });
     }
 });
-let p = s;
-const se = (o, e = {}) => {
-  const t = o.action, { skip: n = !1, timeout: i = 5e3 } = e, [a, l] = B({
+let p = e;
+const st = (n, t = {}) => {
+  const s = n.action, { skip: o = !1, timeout: r = 5e3 } = t, [c, l] = T({
     data: null,
     error: "",
     isLoading: !1,
     isError: !1,
     isSuccess: !1
-  }), c = b(R.getStatusReady), f = b(R.getStatusConnectSocket), S = x(null), C = x(e);
-  C.current = e;
-  const u = A(async () => {
-    var g, v, I, N;
-    if (n) return;
+  }), a = R(m.getStatusReady), u = R(m.getStatusConnectSocket), S = W(null), k = W(t);
+  k.current = t;
+  const f = O(async () => {
+    var g, v, A, E;
+    if (o) return;
     l((w) => ({
       ...w,
       isLoading: !0,
@@ -496,14 +508,14 @@ const se = (o, e = {}) => {
     })), S.current = new AbortController();
     const d = S.current.signal;
     try {
-      const w = await p.request(o, { timeout: i, signal: d });
+      const w = await p.request(n, { timeout: r, signal: d });
       if (d.aborted) return;
       l((q) => ({
         ...q,
         data: w,
         isSuccess: !0,
         isLoading: !1
-      })), (v = (g = C.current).onSuccess) == null || v.call(g, w);
+      })), (v = (g = k.current).onSuccess) == null || v.call(g, w);
     } catch (w) {
       if (d.aborted) return;
       const q = w instanceof Error ? w.message : String(w);
@@ -512,110 +524,121 @@ const se = (o, e = {}) => {
         error: q,
         isError: !0,
         isLoading: !1
-      })), (N = (I = C.current).onError) == null || N.call(I, q);
+      })), (E = (A = k.current).onError) == null || E.call(A, q);
     }
-  }, [n, t, o, i]);
-  O(() => (!n && c && u(), () => {
+  }, [o, s, n, r]);
+  I(() => (!o && a && f(), () => {
     var d;
     (d = S.current) == null || d.abort();
-  }), [u, n, c]), O(() => {
-    !c && f === "pending" && l((d) => ({
+  }), [f, o, a]), I(() => {
+    !a && u === "pending" && l((d) => ({
       ...d,
       isError: !1,
       isSuccess: !1,
       error: "Потеряно соединение с сервером"
     }));
-  }, [c, f]);
-  const h = A(() => {
+  }, [a, u]);
+  const h = O(() => {
     var d;
-    return (d = S.current) == null || d.abort(), u();
-  }, [u]), y = A(() => {
+    return (d = S.current) == null || d.abort(), f();
+  }, [f]), y = O(() => {
     var d;
     (d = S.current) == null || d.abort(), l((g) => ({ ...g, isLoading: !1 }));
   }, []);
   return {
-    ...a,
+    ...c,
     refetch: h,
     abort: y
   };
-}, Re = (o, e) => se(o, e), ne = (o) => {
-  const { isModal: e } = b(R.getInfoNoConnectServer), t = b(R.getStatusIsReConnectSocket), n = b(R.getIsDisableConnectSocket), i = b(R.getStatusConnectSocket), [a, l] = B({
+}, gt = (n, t) => st(n, t), nt = (n) => {
+  const { isModal: t } = R(m.getInfoNoConnectServer), s = R(m.getStatusIsReConnectSocket), o = R(m.getIsDisableConnectSocket), r = R(m.getStatusConnectSocket), [c, l] = T({
     isNetwork: !1,
     typeNetwork: ""
   });
-  return O(() => (p.on("network", (c) => {
-    console.log("network: ", c), l((f) => ({ ...f, isNetwork: c.isNetwork, typeNetwork: c.typeNetwork }));
-  }), p.init(o.init), typeof o.onMount == "function" && o.onMount(), p.on("status", (c) => {
-    const f = m.getState(), { isReadySocket: S, infoNoConnectServer: { isModal: C }, isOfflineSocket: u } = f;
-    c !== "ready" && S && k.setStatusReady({ isReadySocket: !1 }), !S && c === "ready" && (k.setStatusReady({ isReadySocket: !0 }), C && u && (console.log("Вырубаем модалку т.к. сокет законектился после окончания timeOffReConnect"), k.setInfoNoConnectServer({ isModal: !1 }), k.setIsOfflineSocket({ isOfflineSocket: !1 }))), k.setStatusConnectSocket({ statusConnect: c });
-  }), p.on("error", (c) => {
-    console.log("error: ", c);
-  }), p.on("reConnect", (c) => {
-    console.log('on"reConnect" (status): ', c);
-    const f = m.getState(), { isReConnectSocket: S, infoNoConnectServer: { isModal: C } } = f;
-    S !== c && k.setStatusIsReConnectSocket({ isReConnectSocket: c }), C && c && k.setInfoNoConnectServer({ isModal: !1 });
-  }), p.on("timeOffReConnect", (c) => {
-    if (console.log("timeOffReConnect: ", c), k.setIsOfflineSocket({ isOfflineSocket: !c.status }), !c.status) {
-      const f = m.getState(), { infoNoConnectServer: { isModal: S, isSelectOffline: C } } = f;
-      let u = !1;
-      !S && !C && (u = !0), u && k.setInfoNoConnectServer({ isModal: u });
+  return I(() => (p.on("network", (a) => {
+    console.log("network: ", a), l((u) => ({ ...u, isNetwork: a.isNetwork, typeNetwork: a.typeNetwork }));
+  }), p.init(n.init), typeof n.onMount == "function" && n.onMount(), p.on("status", (a) => {
+    const u = b.getState();
+    a !== "ready" && u.isReadySocket && C.setStatusReady({ isReadySocket: !1 });
+    const S = p.getState();
+    C.setIsOfflineSocket({ isOfflineSocket: S.isOfflineSocket }), !u.isReadySocket && a === "ready" && (C.setStatusReady({ isReadySocket: !0 }), u.isDisableConnectSocket && C.setIsDisableConnectSocket({ isDisableConnectSocket: !1 }), C.setInfoNoConnectServer({
+      isModal: !1,
+      isSelectOffline: !1
+    })), C.setStatusConnectSocket({ statusConnect: a });
+  }), p.on("error", (a) => {
+    console.log("error: ", a);
+  }), p.on("reConnect", (a) => {
+    console.log('on"reConnect" (status): ', a);
+    const u = b.getState(), { isReConnectSocket: S, infoNoConnectServer: { isModal: k } } = u;
+    S !== a && C.setStatusIsReConnectSocket({ isReConnectSocket: a }), k && a && C.setInfoNoConnectServer({ isModal: !1 });
+  }), p.on("timeOffReConnect", (a) => {
+    if (console.log("timeOffReConnect: ", a), C.setIsOfflineSocket({ isOfflineSocket: !a.status }), !a.status) {
+      const u = b.getState(), { infoNoConnectServer: { isModal: S, isSelectOffline: k } } = u;
+      let f = !1;
+      !S && !k && (f = !0), f && C.setInfoNoConnectServer({ isModal: f });
     }
   }), p.connect(), () => {
-    typeof o.onUnmount == "function" && o.onUnmount(), console.dir("disconnect"), p.disconnect();
-  }), []), O(() => {
-    a.isNetwork && !n && !e && !t && ["close"].includes(i) && a.typeNetwork !== "none" && (console.log("Запущен socketReConnect"), p.socketReConnect());
-  }, [n, e, t, i, a.typeNetwork, a.isNetwork]), O(() => {
-    t && (!a.isNetwork || i === "ready") && (console.log("Запущен stopReConnect"), p.stopReConnect());
-  }, [t, a.isNetwork, i]), O(() => {
-    n && (console.log("isDisableConnectSocket: ", n), k.setIsOfflineSocket({ isOfflineSocket: !0 }), p.close());
-  }, [n]), null;
-}, oe = E.memo(ne), ie = M(P, {
-  shouldForwardProp: (o) => ![""].includes(o)
-})(({ theme: o }) => ({
+    typeof n.onUnmount == "function" && n.onUnmount(), console.dir("disconnect"), p.disconnect(), p.destroy();
+  }), []), I(() => {
+    c.isNetwork && !o && !t && !s && ["close"].includes(r) && c.typeNetwork !== "none" && (console.log("Запущен socketReConnect"), p.socketReConnect());
+  }, [o, t, s, r, c.typeNetwork, c.isNetwork]), I(() => {
+    s && (!c.isNetwork || r === "ready") && (console.log("Запущен stopReConnect"), p.stopReConnect());
+  }, [s, c.isNetwork, r]), I(() => {
+    o && (console.log("isDisableConnectSocket: ", o), C.setIsOfflineSocket({ isOfflineSocket: !0 }), p.close());
+  }, [o]), null;
+}, ot = N.memo(nt), it = M(P, {
+  shouldForwardProp: (n) => ![""].includes(n)
+})(({ theme: n }) => ({
   bottom: "100%",
-  backgroundColor: o.palette.error.light,
+  backgroundColor: n.palette.error.light,
   backgroundImage: "linear-gradient(180deg, rgba(255, 255, 255, .15), rgba(255, 255, 255, 0))",
   "& .MuiCollapse-wrapper": {},
   "& span": {
     padding: "1px 10px"
   }
-})), re = ({ children: o, className: e, isNetwork: t, ...n }) => {
-  const i = b(R.getIsOfflineSocket), a = b(R.getIsDisableConnectSocket), l = i || !t, c = "Оффлайн";
+})), rt = ({ children: n, className: t, isNetwork: s, ...o }) => {
+  const r = R(m.getIsOfflineSocket), c = R(m.getIsDisableConnectSocket), l = r || !s || c, a = "Оффлайн";
   return /* @__PURE__ */ D(
-    ie,
+    it,
     {
       in: l,
-      className: L("socket-offline", e),
-      ...n,
-      children: typeof o == "function" ? o({ isDisableConnectSocket: a }) : a ? `Режим ${c}` : c
+      className: B("socket-offline", t),
+      ...o,
+      children: typeof n == "function" ? n({ isDisableConnectSocket: c }) : c ? `Режим ${a}` : a
     }
   );
-}, ce = E.memo(re), ae = ({ children: o }) => {
-  const e = A(() => {
-    k.setInfoNoConnectServer({ isModal: !1, isSelectOffline: !1 });
+}, ct = N.memo(rt), at = ({ children: n }) => {
+  const t = O(() => {
+    C.setIsDisableConnectSocket({ isDisableConnectSocket: !1 }), C.setInfoNoConnectServer({ isModal: !1, isSelectOffline: !1 });
   }, []);
-  return o({ reConnect: e });
-}, le = E.memo(ae), ue = ({ children: o }) => {
-  const e = A(() => {
-    k.setInfoNoConnectServer({ isModal: !1, isSelectOffline: !0 }), k.setIsDisableConnectSocket({ isDisableConnectSocket: !0 });
+  return n({ reConnect: t });
+}, lt = N.memo(at), ut = ({ children: n }) => {
+  const t = O(() => {
+    C.setInfoNoConnectServer({ isModal: !1, isSelectOffline: !0 }), C.setIsDisableConnectSocket({ isDisableConnectSocket: !0 });
   }, []);
-  return o({ offlineActive: e });
-}, Se = E.memo(ue), be = {
+  return n({ offlineActive: t });
+}, St = N.memo(ut), ft = ({ children: n }) => {
+  const t = R(m.getIsDisableConnectSocket), s = O(() => {
+    t || p.connect();
+  }, [t]);
+  return n({ connect: s, isDisableConnectSocket: t });
+}, dt = N.memo(ft), wt = {
   ConnectDetection: _,
-  OfflineDetection: ce,
+  OfflineDetection: ct,
   Buttons: {
-    OfflineActive: Se,
-    ReConnect: le
+    OfflineActive: St,
+    ReConnect: lt,
+    Connect: dt
   },
-  Initialization: oe
+  Initialization: ot
 };
 export {
-  be as Socket,
+  wt as Socket,
   p as SocketApi,
-  Re as createRequestSocketApi,
-  k as socketActions,
-  R as socketSelectors,
-  m as socketStore,
-  se as useRequestSocketApi,
-  b as useSocketSelector
+  gt as createRequestSocketApi,
+  C as socketActions,
+  m as socketSelectors,
+  b as socketStore,
+  st as useRequestSocketApi,
+  R as useSocketSelector
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "rc-lib-ui",
   "private": false,
-  "version": "1.4.8",
+  "version": "1.4.9",
   "author": "SinGlEBW",
   "license": "MIT",
   "type": "module",