thecore-auth 0.0.89 → 0.0.92

package/dist/thecore-auth.esm.js

@@ -1,5 +1,5 @@
 import * as t from "react";
-import H, { createContext as ie, useState as C, useContext as se, useEffect as M } from "react";
+import H, { createContext as ie, useState as w, useContext as se, useEffect as A } from "react";
 import at from "jwt-decode";
 import { useNavigate as ke, useLocation as Le, matchPath as $e, Outlet as je, Navigate as Je, Routes as lt, Route as Q, useMatch as ct } from "react-router-dom";
 import { BrowserRouter as i0, Link as s0, NavLink as a0, Outlet as l0, Route as c0, Routes as f0, useLocation as u0, useMatch as d0, useNavigate as m0 } from "react-router-dom";
@@ -64,7 +64,7 @@ function dt() {
           return "Profiler";
         case te:
           return "StrictMode";
-        case z:
+        case M:
           return "Suspense";
         case F:
           return "SuspenseList";
@@ -115,7 +115,7 @@ function dt() {
     }
     function a() {
       if (Y === 0) {
-        Pe = console.log, Re = console.info, Ne = console.warn, Ge = console.error, Te = console.group, _e = console.groupCollapsed, Ie = console.groupEnd;
+        Pe = console.log, Re = console.info, Ne = console.warn, Ge = console.error, Te = console.group, _e = console.groupCollapsed, ze = console.groupEnd;
         var e = {
           configurable: !0,
           enumerable: !0,
@@ -138,13 +138,13 @@ function dt() {
       if (Y--, Y === 0) {
         var e = { configurable: !0, enumerable: !0, writable: !0 };
         Object.defineProperties(console, {
-          log: A({}, e, { value: Pe }),
-          info: A({}, e, { value: Re }),
-          warn: A({}, e, { value: Ne }),
-          error: A({}, e, { value: Ge }),
-          group: A({}, e, { value: Te }),
-          groupCollapsed: A({}, e, { value: _e }),
-          groupEnd: A({}, e, { value: Ie })
+          log: I({}, e, { value: Pe }),
+          info: I({}, e, { value: Re }),
+          warn: I({}, e, { value: Ne }),
+          error: I({}, e, { value: Ge }),
+          group: I({}, e, { value: Te }),
+          groupCollapsed: I({}, e, { value: _e }),
+          groupEnd: I({}, e, { value: ze })
         });
       }
       0 > Y && console.error(
@@ -157,11 +157,11 @@ function dt() {
           throw Error();
         } catch (f) {
           var c = f.stack.trim().match(/\n( *(at )?)/);
-          Ee = c && c[1] || "", Ae = -1 < f.stack.indexOf(`
+          Ee = c && c[1] || "", Ie = -1 < f.stack.indexOf(`
     at`) ? " (<anonymous>)" : -1 < f.stack.indexOf("@") ? "@unknown:0:0" : "";
         }
       return `
-` + Ee + e + Ae;
+` + Ee + e + Ie;
     }
     function m(e, c) {
       if (!e || Ce) return "";
@@ -214,11 +214,11 @@ function dt() {
           }
         };
         G.DetermineComponentFrameRoot.displayName = "DetermineComponentFrameRoot";
-        var L = Object.getOwnPropertyDescriptor(
+        var P = Object.getOwnPropertyDescriptor(
           G.DetermineComponentFrameRoot,
           "name"
         );
-        L && L.configurable && Object.defineProperty(
+        P && P.configurable && Object.defineProperty(
           G.DetermineComponentFrameRoot,
           "name",
           { value: "DetermineComponentFrameRoot" }
@@ -228,30 +228,30 @@ function dt() {
           var _ = D.split(`
 `), K = oe.split(`
 `);
-          for (h = L = 0; L < _.length && !_[L].includes(
+          for (h = P = 0; P < _.length && !_[P].includes(
             "DetermineComponentFrameRoot"
           ); )
-            L++;
+            P++;
           for (; h < K.length && !K[h].includes(
             "DetermineComponentFrameRoot"
           ); )
             h++;
-          if (L === _.length || h === K.length)
-            for (L = _.length - 1, h = K.length - 1; 1 <= L && 0 <= h && _[L] !== K[h]; )
+          if (P === _.length || h === K.length)
+            for (P = _.length - 1, h = K.length - 1; 1 <= P && 0 <= h && _[P] !== K[h]; )
               h--;
-          for (; 1 <= L && 0 <= h; L--, h--)
-            if (_[L] !== K[h]) {
-              if (L !== 1 || h !== 1)
+          for (; 1 <= P && 0 <= h; P--, h--)
+            if (_[P] !== K[h]) {
+              if (P !== 1 || h !== 1)
                 do
-                  if (L--, h--, 0 > h || _[L] !== K[h]) {
+                  if (P--, h--, 0 > h || _[P] !== K[h]) {
                     var fe = `
-` + _[L].replace(
+` + _[P].replace(
                       " at new ",
                       " at "
                     );
                     return e.displayName && fe.includes("<anonymous>") && (fe = fe.replace("<anonymous>", e.displayName)), typeof e == "function" && we.set(e, fe), fe;
                   }
-                while (1 <= L && 0 <= h);
+                while (1 <= P && 0 <= h);
               break;
             }
         }
@@ -271,7 +271,7 @@ function dt() {
       }
       if (typeof e == "string") return u(e);
       switch (e) {
-        case z:
+        case M:
           return u("Suspense");
         case F:
           return u("SuspenseList");
@@ -296,15 +296,15 @@ function dt() {
       return e === null ? null : e.getOwner();
     }
     function v(e) {
-      if (I.call(e, "key")) {
+      if (z.call(e, "key")) {
         var c = Object.getOwnPropertyDescriptor(e, "key").get;
         if (c && c.isReactWarning) return !1;
       }
       return e.key !== void 0;
     }
-    function P(e, c) {
+    function L(e, c) {
       function f() {
-        Me || (Me = !0, console.error(
+        Ae || (Ae = !0, console.error(
           "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
           c
         ));
@@ -314,22 +314,22 @@ function dt() {
         configurable: !0
       });
     }
-    function w() {
+    function C() {
       var e = r(this.type);
-      return ze[e] || (ze[e] = !0, console.error(
+      return Me[e] || (Me[e] = !0, console.error(
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
       )), e = this.props.ref, e !== void 0 ? e : null;
     }
-    function d(e, c, f, b, G, L) {
-      return f = L.ref, e = {
+    function d(e, c, f, b, G, P) {
+      return f = P.ref, e = {
         $$typeof: E,
         type: e,
         key: c,
-        props: L,
+        props: P,
         _owner: G
       }, (f !== void 0 ? f : null) !== null ? Object.defineProperty(e, "ref", {
         enumerable: !1,
-        get: w
+        get: C
       }) : Object.defineProperty(e, "ref", { enumerable: !1, value: null }), e._store = {}, Object.defineProperty(e._store, "validated", {
         configurable: !1,
         enumerable: !1,
@@ -342,8 +342,8 @@ function dt() {
         value: null
       }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
     }
-    function x(e, c, f, b, G, L) {
-      if (typeof e == "string" || typeof e == "function" || e === B || e === q || e === te || e === z || e === F || e === be || typeof e == "object" && e !== null && (e.$$typeof === V || e.$$typeof === $ || e.$$typeof === le || e.$$typeof === re || e.$$typeof === J || e.$$typeof === T || e.getModuleId !== void 0)) {
+    function x(e, c, f, b, G, P) {
+      if (typeof e == "string" || typeof e == "function" || e === B || e === q || e === te || e === M || e === F || e === be || typeof e == "object" && e !== null && (e.$$typeof === V || e.$$typeof === $ || e.$$typeof === le || e.$$typeof === re || e.$$typeof === J || e.$$typeof === T || e.getModuleId !== void 0)) {
         var h = c.children;
         if (h !== void 0)
           if (b)
@@ -362,7 +362,7 @@ function dt() {
           b,
           h
         );
-      if (I.call(c, "key")) {
+      if (z.call(c, "key")) {
         h = r(e);
         var D = Object.keys(c).filter(function(_) {
           return _ !== "key";
@@ -385,10 +385,10 @@ React keys must be passed directly to JSX without using spread:
         for (var oe in c)
           oe !== "key" && (f[oe] = c[oe]);
       } else f = c;
-      return h && P(
+      return h && L(
         f,
         typeof e == "function" ? e.displayName || e.name || "Unknown" : e
-      ), d(e, h, L, G, y(), f);
+      ), d(e, h, P, G, y(), f);
     }
     function g(e, c) {
       if (typeof e == "object" && e && e.$$typeof !== st) {
@@ -431,9 +431,9 @@ Check the render method of \`` + f + "`."), c || (e = r(e)) && (c = `
 
 Check the top-level render call using <` + e + ">."), c;
     }
-    var R = H, E = Symbol.for("react.transitional.element"), N = Symbol.for("react.portal"), B = Symbol.for("react.fragment"), te = Symbol.for("react.strict_mode"), q = Symbol.for("react.profiler"), re = Symbol.for("react.consumer"), le = Symbol.for("react.context"), J = Symbol.for("react.forward_ref"), z = Symbol.for("react.suspense"), F = Symbol.for("react.suspense_list"), $ = Symbol.for("react.memo"), V = Symbol.for("react.lazy"), be = Symbol.for("react.offscreen"), ce = Symbol.iterator, ye = Symbol.for("react.client.reference"), k = R.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, I = Object.prototype.hasOwnProperty, A = Object.assign, T = Symbol.for("react.client.reference"), X = Array.isArray, Y = 0, Pe, Re, Ne, Ge, Te, _e, Ie;
+    var R = H, E = Symbol.for("react.transitional.element"), N = Symbol.for("react.portal"), B = Symbol.for("react.fragment"), te = Symbol.for("react.strict_mode"), q = Symbol.for("react.profiler"), re = Symbol.for("react.consumer"), le = Symbol.for("react.context"), J = Symbol.for("react.forward_ref"), M = Symbol.for("react.suspense"), F = Symbol.for("react.suspense_list"), $ = Symbol.for("react.memo"), V = Symbol.for("react.lazy"), be = Symbol.for("react.offscreen"), ce = Symbol.iterator, ye = Symbol.for("react.client.reference"), k = R.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, z = Object.prototype.hasOwnProperty, I = Object.assign, T = Symbol.for("react.client.reference"), X = Array.isArray, Y = 0, Pe, Re, Ne, Ge, Te, _e, ze;
     s.__reactDisabledLog = !0;
-    var Ee, Ae, Ce = !1, we = new (typeof WeakMap == "function" ? WeakMap : Map)(), st = Symbol.for("react.client.reference"), Me, ze = {}, Be = {}, Fe = {};
+    var Ee, Ie, Ce = !1, we = new (typeof WeakMap == "function" ? WeakMap : Map)(), st = Symbol.for("react.client.reference"), Ae, Me = {}, Be = {}, Fe = {};
     de.Fragment = B, de.jsx = function(e, c, f, b, G) {
       return x(e, c, f, !1, b, G);
     }, de.jsxs = function(e, c, f, b, G) {
@@ -447,7 +447,7 @@ function mt() {
 }
 var o = mt();
 const Ve = ie(), Ht = ({ children: r }) => {
-  const [i, n] = C(!1), [s, a] = C(!1), [l, u] = C({});
+  const [i, n] = w(!1), [s, a] = w(!1), [l, u] = w({});
   return /* @__PURE__ */ o.jsx(Ve.Provider, { value: { isLoading: i, setIsLoading: n, isLoadingComponent: s, setIsLoadingComponent: a, loadingProps: l, setLoadingProps: u }, children: r });
 }, me = () => {
   const r = se(Ve);
@@ -457,7 +457,7 @@ const Ve = ie(), Ht = ({ children: r }) => {
   /* @__PURE__ */ o.jsx("h1", { className: "text-center text-8xl my-12", children: "Errore" }),
   /* @__PURE__ */ o.jsx("pre", { className: "text-xl", children: r })
 ] }) }), Xe = ie(), Yt = ({ children: r }) => {
-  const [i, n] = C({}), [s, a] = C(!1), l = `Creare un file config.json in public per il corretto funzionamento
+  const [i, n] = w({}), [s, a] = w(!1), l = `Creare un file config.json in public per il corretto funzionamento
 Esempio di config.json:
 
 {
@@ -470,19 +470,20 @@ Esempio di config.json:
     "configRoutes": [
         {"path": "", "title": "", "element": ""}
     ],
-    "infiniteSession": " ,
-    "timeDeducted": " ,
-    "alertTimeout": " ,
-    "axiosTimeout": " ,
+    "infiniteSession": "" ,
+    "timeDeducted": "" ,
+    "alertTimeout": "",
+    "axiosTimeout": "" ,
     "axiosErrors": {
         "unauthorized":"",
         "notFound": "",
         "defaultMessage": ""
     },
-    "clearLoginFormOnError": " ,
-    "autoLogin": " ,
+    "clearLoginFormOnError": "" ,
+    "autoLogin": "" ,
     "backendToken": "",
-    "isDebug": ""
+    "isDebug": "",
+    "showHeaderButton": ""
 }`, u = () => {
     const d = /* @__PURE__ */ new Date(), x = String(d.getDate()).padStart(2, "0"), g = String(d.getMonth() + 1).padStart(2, "0"), O = d.getFullYear(), j = String(d.getHours()).padStart(2, "0"), S = String(d.getMinutes()).padStart(2, "0"), R = String(d.getSeconds()).padStart(2, "0");
     return `${x}/${g}/${O} ${j}:${S}:${R}`;
@@ -518,9 +519,9 @@ Esempio di config.json:
       g = await p(d, x), g && x++;
     while (g);
     return x;
-  }, P = async (d, x) => {
+  }, L = async (d, x) => {
     x.id || (x.id = await v(d)), await y(d, x);
-  }, w = async () => {
+  }, C = async () => {
     try {
       const g = {
         ...await (await fetch("/config.json")).json(),
@@ -528,7 +529,7 @@ Esempio di config.json:
         getDataIndexedDB: p,
         setDataIndexedDB: y,
         generateUniqueId: v,
-        setDataWithAutoId: P,
+        setDataWithAutoId: L,
         setCurrentDate: u
       };
       n(g);
@@ -536,8 +537,8 @@ Esempio di config.json:
       console.error(d), a(!0);
     }
   };
-  return M(() => {
-    w();
+  return A(() => {
+    C();
   }, []), Object.keys(i).length === 0 ? /* @__PURE__ */ o.jsx(pt, { errorShow: s, errorMessage: l }) : /* @__PURE__ */ o.jsx(Xe.Provider, { value: i, children: r });
 }, U = () => {
   const r = se(Xe);
@@ -656,7 +657,7 @@ function St(r) {
   return ae({ tag: "svg", attr: { viewBox: "0 0 512 512" }, child: [{ tag: "path", attr: { d: "M17.47 250.9C88.82 328.1 158 397.6 224.5 485.5c72.3-143.8 146.3-288.1 268.4-444.37L460 26.06C356.9 135.4 276.8 238.9 207.2 361.9c-48.4-43.6-126.62-105.3-174.38-137z" }, child: [] }] })(r);
 }
 const et = ie(), Zt = ({ children: r }) => {
-  const [i, n] = C(!1), [s, a] = C(), [l, u] = C(), P = {
+  const [i, n] = w(!1), [s, a] = w(), [l, u] = w(), L = {
     showAlert: i,
     setShowAlert: n,
     typeAlert: s,
@@ -697,8 +698,8 @@ const et = ie(), Zt = ({ children: r }) => {
         progressColor: "bg-warning-progress"
       }
     },
-    getIcon: (w) => {
-      switch (w) {
+    getIcon: (C) => {
+      switch (C) {
         case "danger":
           return /* @__PURE__ */ o.jsx(ht, { className: "w-[20px] h-[20px]" });
         case "info":
@@ -712,13 +713,13 @@ const et = ie(), Zt = ({ children: r }) => {
     closeAlert: () => {
       n(!i);
     },
-    activeAlert: (w, d) => {
+    activeAlert: (C, d) => {
       n(!1), setTimeout(() => {
-        a(w), u(d), n(!0);
+        a(C), u(d), n(!0);
       }, 50);
     }
   };
-  return /* @__PURE__ */ o.jsx(et.Provider, { value: P, children: r });
+  return /* @__PURE__ */ o.jsx(et.Provider, { value: L, children: r });
 }, ee = () => {
   const r = se(et);
   if (r === void 0) throw new Error("Non puoi modificare l'alert");
@@ -755,24 +756,24 @@ const Ot = async (r, i, n) => {
     console.error(s);
   }
 }, tt = ie(), Ut = ({ children: r }) => {
-  const { heartbeatEndpoint: i, firstPrivatePath: n, infiniteSession: s, timeDeducted: a, authenticatedEndpoint: l, autoLogin: u, autoLoginEmail: m, autoLoginPassword: p, setCurrentDate: y, isDebug: v, backendToken: P } = U(), { setIsLoading: w } = me(), { setShowAlert: d, setMessageAlert: x, setTypeAlert: g, activeAlert: O } = ee(), j = ke(), [S, R] = C(null), [E, N] = C(), [B, te] = C(), [q, re] = C(), [le, J] = C(!1), z = async () => await Ot(d, g, x), F = async (k = null, I) => {
+  const { heartbeatEndpoint: i, firstPrivatePath: n, infiniteSession: s, timeDeducted: a, authenticatedEndpoint: l, autoLogin: u, autoLoginEmail: m, autoLoginPassword: p, setCurrentDate: y, isDebug: v, backendToken: L } = U(), { setIsLoading: C } = me(), { setShowAlert: d, setMessageAlert: x, setTypeAlert: g, activeAlert: O } = ee(), j = ke(), [S, R] = w(null), [E, N] = w(), [B, te] = w(), [q, re] = w(), [le, J] = w(!1), M = async () => await Ot(d, g, x), F = async (k = null, z) => {
     k && k.preventDefault(), J(!0);
     try {
-      w(!0), d(!1);
-      const T = await (await z()).post(l, {
-        auth: I
+      C(!0), d(!1);
+      const T = await (await M()).post(l, {
+        auth: z
       }), X = T.headers.token, Y = T.data;
       X && (localStorage.setItem("accessToken", X), localStorage.setItem("user", JSON.stringify(Y)), R(!0), N(X), j(`${n}${Y.id}`));
-    } catch (A) {
-      console.error(A);
+    } catch (I) {
+      console.error(I);
     } finally {
-      J(!1), w(!1);
+      J(!1), C(!1);
     }
   }, $ = () => {
     localStorage.removeItem("accessToken"), localStorage.removeItem("id"), localStorage.removeItem("user"), R(!1), N(null);
   }, V = async () => {
     try {
-      const k = localStorage.getItem("accessToken"), T = (await (await z()).get(
+      const k = localStorage.getItem("accessToken"), T = (await (await M()).get(
         `${i}`,
         {
           headers: {
@@ -787,11 +788,11 @@ const Ot = async (r, i, n) => {
   }, be = () => {
     if (!E)
       return;
-    const I = at(E).exp, A = Math.floor(Date.now() / 1e3), T = (I - A) * 1e3;
+    const z = at(E).exp, I = Math.floor(Date.now() / 1e3), T = (z - I) * 1e3;
     re(T), te(T - a);
   }, ce = async (k) => {
     try {
-      const T = (await (await z()).get(
+      const T = (await (await M()).get(
         i,
         {
           headers: {
@@ -800,33 +801,33 @@ const Ot = async (r, i, n) => {
         }
       )).data;
       T && (localStorage.setItem("user", JSON.stringify(T)), localStorage.setItem("accessToken", k), R(!0), j(`${n}${T.id}`));
-    } catch (I) {
-      console.error(I);
+    } catch (z) {
+      console.error(z);
     }
   };
-  M(() => {
+  A(() => {
     if (localStorage.getItem("accessToken"))
       R(!0);
     else {
       R(!1);
       return;
     }
-  }, []), M(() => {
-    u && ce(P);
-  }, [u]), M(() => {
-    S || u && !le && ce(P);
-  }, [S]), M(() => {
+  }, []), A(() => {
+    u && ce(L);
+  }, [u]), A(() => {
+    S || u && !le && ce(L);
+  }, [S]), A(() => {
     if (u) return;
     be();
     let k;
     s && E && B && (k = setInterval(() => {
       V();
     }, B));
-    let I;
-    return !s && E && q && (I = setTimeout(() => {
+    let z;
+    return !s && E && q && (z = setTimeout(() => {
       $(), O("danger", "Sessione scaduta");
     }, q)), () => {
-      k && clearInterval(k), I && clearTimeout(I);
+      k && clearInterval(k), z && clearTimeout(z);
     };
   }, [E, B]);
   const ye = {
@@ -835,7 +836,7 @@ const Ot = async (r, i, n) => {
     login: F,
     logout: $,
     setCurrentToken: N,
-    createAxiosInstances: z
+    createAxiosInstances: M
   };
   return /* @__PURE__ */ o.jsx(tt.Provider, { value: ye, children: r });
 }, ve = () => {
@@ -861,7 +862,7 @@ Esempio:
   const { login: i } = ve(), { clearLoginFormOnError: n } = U(), s = {
     email: "",
     password: ""
-  }, [a, l] = C("Accedi"), [u, m] = C("Email"), [p, y] = C("email"), [v, P] = C("example@example.it"), [w, d] = C("Accedi"), [x, g] = C(s), [O, j] = C(), [S, R] = C(), [E, N] = C(), [B, te] = C(), [q, re] = C({}), z = {
+  }, [a, l] = w("Accedi"), [u, m] = w("Email"), [p, y] = w("email"), [v, L] = w("example@example.it"), [C, d] = w("Accedi"), [x, g] = w(s), [O, j] = w(), [S, R] = w(), [E, N] = w(), [B, te] = w(), [q, re] = w({}), M = {
     overrideStyle: q,
     setOverrideStyle: re,
     title: a,
@@ -871,8 +872,8 @@ Esempio:
     type: p,
     setType: y,
     placeholder: v,
-    setPlaceholder: P,
-    buttonText: w,
+    setPlaceholder: L,
+    buttonText: C,
     setButtonText: d,
     formData: x,
     setFormData: g,
@@ -891,7 +892,7 @@ Esempio:
       i(F, x), n && g(s);
     }
   };
-  return /* @__PURE__ */ o.jsx(ot.Provider, { value: z, children: r });
+  return /* @__PURE__ */ o.jsx(ot.Provider, { value: M, children: r });
 }, nt = () => {
   const r = se(ot);
   if (r === void 0) throw new Error("Non puoi modificare La login");
@@ -911,8 +912,8 @@ function Pt(r) {
   return ae({ tag: "svg", attr: { viewBox: "0 0 15 15", fill: "none" }, child: [{ tag: "path", attr: { fillRule: "evenodd", clipRule: "evenodd", d: "M11.7816 4.03157C12.0062 3.80702 12.0062 3.44295 11.7816 3.2184C11.5571 2.99385 11.193 2.99385 10.9685 3.2184L7.50005 6.68682L4.03164 3.2184C3.80708 2.99385 3.44301 2.99385 3.21846 3.2184C2.99391 3.44295 2.99391 3.80702 3.21846 4.03157L6.68688 7.49999L3.21846 10.9684C2.99391 11.193 2.99391 11.557 3.21846 11.7816C3.44301 12.0061 3.80708 12.0061 4.03164 11.7816L7.50005 8.31316L10.9685 11.7816C11.193 12.0061 11.5571 12.0061 11.7816 11.7816C12.0062 11.557 12.0062 11.193 11.7816 10.9684L8.31322 7.49999L11.7816 4.03157Z", fill: "currentColor" }, child: [] }] })(r);
 }
 const Ue = () => {
-  const { messageAlert: r, typeAlert: i, alertConfig: n, getIcon: s, closeAlert: a } = ee(), { alertTimeout: l } = U(), [u, m] = C(0), { bgColor: p, textColor: y, buttonBg: v, hoverBg: P, focusRing: w, progressColor: d } = n[i];
-  return M(() => {
+  const { messageAlert: r, typeAlert: i, alertConfig: n, getIcon: s, closeAlert: a } = ee(), { alertTimeout: l } = U(), [u, m] = w(0), { bgColor: p, textColor: y, buttonBg: v, hoverBg: L, focusRing: C, progressColor: d } = n[i];
+  return A(() => {
     let x;
     const O = 100 / (l / 100);
     x = setInterval(() => {
@@ -932,7 +933,7 @@ const Ue = () => {
       "button",
       {
         type: "button",
-        className: `ms-auto ${v} rounded-lg focus:ring-2 ${w} p-1.5 ${P} inline-flex items-center justify-center h-8 w-8 cursor-pointer`,
+        className: `ms-auto ${v} rounded-lg focus:ring-2 ${C} p-1.5 ${L} inline-flex items-center justify-center h-8 w-8 cursor-pointer`,
         title: "Close",
         onClick: a,
         children: /* @__PURE__ */ o.jsx(Pt, { className: "text-xl" })
@@ -948,15 +949,15 @@ const Ue = () => {
     footerComponent: p = null,
     showFooterOnLogin: y = !1,
     footerExcludedRoutes: v = []
-  } = r, P = m.some((g) => $e(g, s.pathname));
-  let w;
-  s.pathname === "/" ? w = l && u : w = l && !P;
+  } = r, L = m.some((g) => $e(g, s.pathname));
+  let C;
+  s.pathname === "/" ? C = l && u : C = l && !L;
   const d = v.some((g) => $e(g, s.pathname));
   let x;
   return s.pathname === "/" ? x = p && y : x = p && !d, /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
     i && /* @__PURE__ */ o.jsx(Lt, {}),
     n && /* @__PURE__ */ o.jsx(Ue, {}),
-    w && l,
+    C && l,
     a ? /* @__PURE__ */ o.jsxs("main", { className: i ? "hidden" : "", children: [
       n && /* @__PURE__ */ o.jsx(Ue, {}),
       /* @__PURE__ */ o.jsx(je, {})
@@ -975,11 +976,11 @@ const Ue = () => {
     inputStyle: p,
     overrideStyle: y,
     disabled: v
-  } = r, w = ["text", "email", "password", "search", "tel", "url"].includes(i) ? i : "text";
+  } = r, C = ["text", "email", "password", "search", "tel", "url"].includes(i) ? i : "text";
   return /* @__PURE__ */ o.jsx(
     "input",
     {
-      type: w,
+      type: C,
       autoFocus: m,
       id: n,
       className: y || `bg-input-bg border border-input-border text-input-text text-input-placeholder input-rounded focus:ring focus:ring-primary focus:border-primary focus:outline-none focus:shadow-(--shadow-primary-input) block w-full p-input ${p}`,
@@ -1029,7 +1030,7 @@ const Ue = () => {
   ] });
 }, Gt = ({ Logo: r }) => {
   const { styleCardForm: i, styleContainerLogo: n, styleLogo: s, overrideStyle: a } = nt(), { firstPrivatePath: l } = U(), u = ke();
-  return M(() => {
+  return A(() => {
     const m = JSON.parse(localStorage.getItem("user"));
     localStorage.getItem("accessToken") && m.id && u(`${l}${m.id}`);
   }, []), /* @__PURE__ */ o.jsx("section", { id: "login-page", children: /* @__PURE__ */ o.jsx("div", { className: a.container || "container mx-auto flex items-center justify-center h-screen", children: /* @__PURE__ */ o.jsxs("div", { className: a.cardForm || `bg-form card-style card-size flex flex-col sm:flex-row sm:items-center justify-center ${i}`, children: [
@@ -1038,12 +1039,12 @@ const Ue = () => {
   ] }) }) });
 }, Tt = () => {
   const { isAuthenticated: r } = ve(), { activeAlert: i } = ee(), { autoLogin: n } = U();
-  return M(() => {
+  return A(() => {
     const s = localStorage.getItem("accessToken");
     !r && !s && !n && i("danger", "Non sei autorizzato");
   }, []), r === null ? null : r ? /* @__PURE__ */ o.jsx(je, {}) : /* @__PURE__ */ o.jsx(Je, { to: "/", replace: !0 });
 }, _t = () => {
-  const { logout: r, setCurrentToken: i, createAxiosInstances: n } = ve(), { usersEndpoint: s } = U(), { setIsLoading: a } = me(), { activeAlert: l } = ee(), [u, m] = C(null), [p, y] = C(!1), v = JSON.parse(localStorage.getItem("user")), P = async () => {
+  const { logout: r, setCurrentToken: i, createAxiosInstances: n } = ve(), { usersEndpoint: s } = U(), { setIsLoading: a } = me(), { activeAlert: l } = ee(), [u, m] = w(null), [p, y] = w(!1), v = JSON.parse(localStorage.getItem("user")), L = async () => {
     try {
       y(!0);
       const d = localStorage.getItem("accessToken");
@@ -1065,10 +1066,10 @@ const Ue = () => {
     } finally {
       y(!1);
     }
-  }, w = () => {
+  }, C = () => {
     r(), l("info", "Hai effettuato il logout");
   };
-  return M(() => {
+  return A(() => {
     const d = localStorage.getItem("accessToken");
     d && i(d);
   }, []), /* @__PURE__ */ o.jsx("section", { children: /* @__PURE__ */ o.jsxs("div", { className: "container mx-auto py-8", children: [
@@ -1080,7 +1081,7 @@ const Ue = () => {
       /* @__PURE__ */ o.jsx(
         "button",
         {
-          onClick: w,
+          onClick: C,
           className: "bg-red-500 hover:bg-red-700 text-white font-bold py-2 px-4 rounded-full cursor-pointer shadow-[0_4px_10px_rgba(239,68,68,0.3),0_2px_4px_rgba(239,68,68,0.2)] hover:shadow-[0_6px_14px_rgba(185,28,28,0.4),0_3px_6px_rgba(185,28,28,0.3)] active:shadow-[0_2px_5px_rgba(239,68,68,0.3)] transition-all duration-200 active:translate-y-[2px]",
           children: "Logout"
         }
@@ -1089,7 +1090,7 @@ const Ue = () => {
     /* @__PURE__ */ o.jsx("div", { className: "flex justify-center items-center my-12 gap-8", children: /* @__PURE__ */ o.jsx(
       "button",
       {
-        onClick: P,
+        onClick: L,
         className: "bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded-full disabled:bg-blue-300 disabled:text-gray-500 disabled:cursor-not-allowed cursor-pointer transition-all duration-200 active:translate-y-[2px] shadow-[0_4px_10px_rgba(59,130,246,0.3),0_2px_4px_rgba(59,130,246,0.2)] hover:shadow-[0_6px_14px_rgba(29,78,216,0.4),0_3px_6px_rgba(29,78,216,0.3)] active:shadow-[0_2px_5px_rgba(59,130,246,0.3)]",
         disabled: p,
         children: "Lista degli utenti"
@@ -1101,7 +1102,7 @@ const Ue = () => {
       d.email
     ] }, `user-${d.id}`)) }) })
   ] }) });
-}, It = (r) => /* @__PURE__ */ t.createElement("svg", { width: "108.41262mm", height: "108.41262mm", viewBox: "0 0 108.41262 108.41262", id: "svg1", xmlSpace: "preserve", xmlnsXlink: "http://www.w3.org/1999/xlink", xmlns: "http://www.w3.org/2000/svg", "xmlns:svg": "http://www.w3.org/2000/svg", ...r }, /* @__PURE__ */ t.createElement("defs", { id: "defs1" }, /* @__PURE__ */ t.createElement("linearGradient", { id: "linearGradient27" }, /* @__PURE__ */ t.createElement("stop", { style: {
+}, zt = (r) => /* @__PURE__ */ t.createElement("svg", { width: "108.41262mm", height: "108.41262mm", viewBox: "0 0 108.41262 108.41262", id: "svg1", xmlSpace: "preserve", xmlnsXlink: "http://www.w3.org/1999/xlink", xmlns: "http://www.w3.org/2000/svg", "xmlns:svg": "http://www.w3.org/2000/svg", ...r }, /* @__PURE__ */ t.createElement("defs", { id: "defs1" }, /* @__PURE__ */ t.createElement("linearGradient", { id: "linearGradient27" }, /* @__PURE__ */ t.createElement("stop", { style: {
   stopColor: "#ff0000",
   stopOpacity: 1
 }, offset: 0, id: "stop27" }), /* @__PURE__ */ t.createElement("stop", { style: {
@@ -1149,15 +1150,15 @@ const Ue = () => {
   paintOrder: "stroke markers fill"
 }, d: "", id: "path40", transform: "scale(0.26458333)" }))), Vt = (r) => {
   const { publicRoutes: i, privateRoutes: n } = kt(), { firstPrivatePath: s } = U(), {
-    logoImg: a = It,
+    logoImg: a = zt,
     pathImg: l = "./src/assets/MyWarehouse.svg",
     firstPrivateElement: u = /* @__PURE__ */ o.jsx(_t, {}),
     globalLayout: m,
     isMain: p,
     headerComponent: y,
     showHeaderOnLogin: v,
-    headerExcludedRoutes: P,
-    footerComponent: w,
+    headerExcludedRoutes: L,
+    footerComponent: C,
     showFooterOnLogin: d,
     footerExcludedRoutes: x,
     privateProvider: g,
@@ -1168,8 +1169,8 @@ const Ue = () => {
       isMain: p,
       headerComponent: y,
       showHeaderOnLogin: v,
-      headerExcludedRoutes: P,
-      footerComponent: w,
+      headerExcludedRoutes: L,
+      footerComponent: C,
       showFooterOnLogin: d,
       footerExcludedRoutes: x
     }
@@ -1177,7 +1178,7 @@ const Ue = () => {
     const E = document.querySelector("link[rel='icon']");
     l && (E.href = l);
   };
-  return M(() => {
+  return A(() => {
     R();
   }, []), /* @__PURE__ */ o.jsx(lt, { children: /* @__PURE__ */ o.jsxs(Q, { element: m === "none" ? null : j, children: [
     /* @__PURE__ */ o.jsxs(Q, { path: "/", children: [
@@ -1192,7 +1193,7 @@ const Ue = () => {
 }, Xt = ({ children: r }) => {
   var a;
   const i = Le(), { activeAlert: n } = ee(), s = JSON.parse(localStorage.getItem("user"));
-  return M(() => {
+  return A(() => {
     (!s || !s.admin) && n("warning", "Non puoi accedere a questa pagina");
   }, [s]), !s || !s.admin ? /* @__PURE__ */ o.jsx(Je, { to: ((a = i.state) == null ? void 0 : a.from) || "/", replace: !0 }) : r;
 }, Kt = ({ spinner: r = !0, spinnerStyle: i, text: n, textStyle: s, children: a, containerStyle: l, overrideStyle: u = {} }) => /* @__PURE__ */ o.jsxs("div", { className: u.container || `w-full h-full relative flex items-center justify-center ${l}`, children: [
@@ -1240,12 +1241,12 @@ const Ue = () => {
     {
       onClick: l,
       disabled: !(n != null && n.valueTID) && !(n != null && n.valueEPC),
-      className: "my-1 bg-sky-600 disabled:bg-sky-600/40 text-white px-4 py-2 rounded-lg shadow-md disabled:transition-none disabled:active:translate-y-0 transition-all duration-200 ease-in-out transform active:translate-y-[2px] cursor-pointer uppercase",
+      className: "my-1 bg-write-button disabled:bg-write-button/40 text-white px-4 py-2 rounded-lg shadow-md disabled:transition-none disabled:active:translate-y-0 transition-all duration-200 ease-in-out transform active:translate-y-[2px] cursor-pointer uppercase",
       children: "Scrivi tag"
     }
   ) })
 ] });
-function At(r) {
+function It(r) {
   return ae({ tag: "svg", attr: { viewBox: "0 0 16 16", fill: "currentColor" }, child: [{ tag: "path", attr: { fillRule: "evenodd", clipRule: "evenodd", d: "M11.04 1.33L12.71 3l.29.71v.33h-.5l-.5.5v-.83l-1.67-1.67H10v4H4v-4H2v10h3l-.5 1H2l-1-1v-10l1-1h8.33l.71.29zM7 5h2V2H7v3zm6.5 0L15 6.5l-.02.69-5.5 5.5-.13.12-.37.37-.1.09-3 1.5-.67-.67 1.5-3 .09-.1.37-.37.12-.13 5.5-5.5h.71zm-6.22 7.24l-.52 1 1.04-.48-.52-.52zm.69-1.03l.79.79 5.15-5.15-.79-.79-5.15 5.15z" }, child: [] }] })(r);
 }
 const e0 = ({ minReadingPower: r, maxReadingPower: i, stepRangePower: n, rangeValue: s, setRangeValue: a, show: l, handleClick: u }) => {
@@ -1263,7 +1264,7 @@ const e0 = ({ minReadingPower: r, maxReadingPower: i, stepRangePower: n, rangeVa
           step: n,
           value: s,
           onChange: (p) => a(Number(p.target.value)),
-          className: "w-full h-2 bg-gray-200 rounded-lg appearance-none cursor-pointer accent-[#16693880]"
+          className: "w-full h-2 bg-gray-200 rounded-lg appearance-none cursor-pointer accent-primary-accent"
         }
       ),
       /* @__PURE__ */ o.jsx(
@@ -1279,10 +1280,10 @@ const e0 = ({ minReadingPower: r, maxReadingPower: i, stepRangePower: n, rangeVa
       "button",
       {
         onClick: () => u(s),
-        className: "py-2 px-4 flex items-center justify-center gap-1 bg-green-600 text-white rounded-lg shadow-md transition duration-200 ease-in-out transform active:translate-y-[2px] cursor-pointer",
+        className: "py-2 px-4 flex items-center justify-center gap-1 bg-save-button text-white rounded-lg shadow-md transition duration-200 ease-in-out transform active:translate-y-[2px] cursor-pointer",
         children: [
           "Salva",
-          /* @__PURE__ */ o.jsx(At, {})
+          /* @__PURE__ */ o.jsx(It, {})
         ]
       }
     ) })
@@ -1295,10 +1296,10 @@ const e0 = ({ minReadingPower: r, maxReadingPower: i, stepRangePower: n, rangeVa
   ] }),
   /* @__PURE__ */ o.jsx("button", { onClick: n, className: "my-4 bg-blue-500 text-white px-4 py-2 rounded-lg", children: "Seleziona file" })
 ] });
-function Mt(r) {
+function At(r) {
   return ae({ tag: "svg", attr: { viewBox: "0 0 512 512" }, child: [{ tag: "path", attr: { d: "M312 372c-7.7 0-14 6.3-14 14 0 9.9-8.1 18-18 18H94c-9.9 0-18-8.1-18-18V126c0-9.9 8.1-18 18-18h186c9.9 0 18 8.1 18 18 0 7.7 6.3 14 14 14s14-6.3 14-14c0-25.4-20.6-46-46-46H94c-25.4 0-46 20.6-46 46v260c0 25.4 20.6 46 46 46h186c25.4 0 46-20.6 46-46 0-7.7-6.3-14-14-14z" }, child: [] }, { tag: "path", attr: { d: "M372.9 158.1c-2.6-2.6-6.1-4.1-9.9-4.1-3.7 0-7.3 1.4-9.9 4.1-5.5 5.5-5.5 14.3 0 19.8l65.2 64.2H162c-7.7 0-14 6.3-14 14s6.3 14 14 14h256.6L355 334.2c-5.4 5.4-5.4 14.3 0 19.8l.1.1c2.7 2.5 6.2 3.9 9.8 3.9 3.8 0 7.3-1.4 9.9-4.1l82.6-82.4c4.3-4.3 6.5-9.3 6.5-14.7 0-5.3-2.3-10.3-6.5-14.5l-84.5-84.2z" }, child: [] }] })(r);
 }
-function zt(r) {
+function Mt(r) {
   return ae({ tag: "svg", attr: { version: "1.2", baseProfile: "tiny", viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { d: "M12 9.059v-2.559c0-.256-.098-.512-.293-.708-.195-.195-.451-.292-.707-.292s-.512.097-.707.292l-6.293 6.208 6.293 6.207c.195.195.451.293.707.293s.512-.098.707-.293.293-.452.293-.707v-2.489c2.75.068 5.755.566 8 3.989v-1c0-4.633-3.5-8.443-8-8.941z" }, child: [] }] })(r);
 }
 const Bt = (r) => /* @__PURE__ */ t.createElement("svg", { width: "108.41262mm", height: "108.41262mm", viewBox: "0 0 108.41262 108.41262", id: "svg1", xmlSpace: "preserve", xmlnsXlink: "http://www.w3.org/1999/xlink", xmlns: "http://www.w3.org/2000/svg", "xmlns:svg": "http://www.w3.org/2000/svg", ...r }, /* @__PURE__ */ t.createElement("defs", { id: "defs1" }, /* @__PURE__ */ t.createElement("linearGradient", { id: "linearGradient27" }, /* @__PURE__ */ t.createElement("stop", { style: {
@@ -1367,29 +1368,29 @@ const Bt = (r) => /* @__PURE__ */ t.createElement("svg", { width: "108.41262mm",
   strokeOpacity: 1,
   paintOrder: "stroke markers fill"
 }, d: "", id: "path40", transform: "scale(0.26458333)" }))), r0 = ({ Logo: r }) => {
-  const { logout: i } = ve(), { activeAlert: n } = ee(), { autoLogin: s, configRoutes: a, firstPrivateTitle: l } = U(), { isLoading: u } = me(), m = Le(), p = ke(), y = () => {
+  const { logout: i } = ve(), { activeAlert: n } = ee(), { autoLogin: s, configRoutes: a, firstPrivateTitle: l, showHeaderButton: u } = U(), { isLoading: m } = me(), p = Le(), y = ke(), v = () => {
     i(), n("info", "Hai effettuato il logout");
-  }, v = a.find((w) => w.path === m.pathname), P = ct("home/:id");
-  return /* @__PURE__ */ o.jsx("header", { className: u ? "hidden" : "", children: /* @__PURE__ */ o.jsxs("nav", { className: "h-[60px] flex items-center justify-between px-2 shadow-lg border-b gap-2 border-b-gray-300", children: [
-    /* @__PURE__ */ o.jsx("figure", { children: r ? /* @__PURE__ */ o.jsx(r, { className: "w-12" }) : /* @__PURE__ */ o.jsx(Bt, { className: "w-12" }) }),
-    /* @__PURE__ */ o.jsx("div", { children: /* @__PURE__ */ o.jsx("p", { children: (v == null ? void 0 : v.title) || l }) }),
+  }, L = a.find((d) => d.path === p.pathname), C = ct("home/:id");
+  return /* @__PURE__ */ o.jsx("header", { className: m ? "hidden" : "", children: /* @__PURE__ */ o.jsxs("nav", { className: "header-size flex items-center justify-between px-2 shadow-lg border-b gap-2 border-b-gray-300", children: [
+    /* @__PURE__ */ o.jsx("figure", { children: r ? /* @__PURE__ */ o.jsx(r, { className: "header-logo-size" }) : /* @__PURE__ */ o.jsx(Bt, { className: "header-logo-size" }) }),
+    /* @__PURE__ */ o.jsx("div", { children: /* @__PURE__ */ o.jsx("p", { children: (L == null ? void 0 : L.title) || l }) }),
     /* @__PURE__ */ o.jsxs("div", { children: [
-      !s && P && /* @__PURE__ */ o.jsx(
+      !s && C && /* @__PURE__ */ o.jsx(
         "button",
         {
-          className: "h-[48px] w-[48px] flex items-center justify-center bg-red-600 text-white rounded-lg shadow-md transition duration-200 ease-in-out transform active:translate-y-[2px] cursor-pointer",
+          className: "h-[var(--header-logo-size)] w-[var(--header-logo-size)] flex items-center justify-center bg-red-600 text-white rounded-lg shadow-md transition duration-200 ease-in-out transform active:translate-y-[2px] cursor-pointer",
           type: "button",
-          onClick: y,
-          children: /* @__PURE__ */ o.jsx(Mt, { className: "text-4xl w-full" })
+          onClick: v,
+          children: /* @__PURE__ */ o.jsx(At, { className: "text-4xl w-full" })
         }
       ),
-      !P && /* @__PURE__ */ o.jsx(
+      !C && u && /* @__PURE__ */ o.jsx(
         "button",
         {
-          className: "h-[48px] w-[48px] flex items-center justify-center bg-sky-600 text-white rounded-lg shadow-md transition duration-200 ease-in-out transform active:translate-y-[2px] cursor-pointer",
+          className: "h-[var(--header-logo-size)] w-[var(--header-logo-size)] flex items-center justify-center bg-sky-600 text-white rounded-lg shadow-md transition duration-200 ease-in-out transform active:translate-y-[2px] cursor-pointer",
           type: "button",
-          onClick: () => p(-1),
-          children: /* @__PURE__ */ o.jsx(zt, { className: "text-4xl w-full" })
+          onClick: () => y(-1),
+          children: /* @__PURE__ */ o.jsx(Mt, { className: "text-4xl w-full" })
         }
       )
     ] })