@dashadmin/dash-admin 1.3.25 → 1.3.26

package/dist/contexts/com/components/NotificationRenderer.js

@@ -1 +1,36 @@
-import{Fragment as f,jsx as a}from"react/jsx-runtime";import{useRecordContext as e}from"react-admin";import{formatNotification as n}from"./notificationFormats";const r=({notification:t})=>{let o=t;const i=n(o);return a(i.content,{notification:o})},c=({method:t,attribute:o})=>{const i=e();return a(r,{notification:i})},s=({method:t,attribute:o,resourceConfig:i})=>{switch(t){case"edit":case"create":return a(f,{children:"Not implemented"});case"view":case"list":return a(c,{attribute:o,method:t,resourceConfig:i})}};var A=s;export{r as NotificationComponent,A as default};
+import { Fragment, jsx } from "react/jsx-runtime";
+import { useRecordContext } from "react-admin";
+import { formatNotification } from "./notificationFormats";
+const NotificationComponent = ({
+  notification
+}) => {
+  let _record = notification;
+  const formattedNotificationDefault = formatNotification(_record);
+  return /* @__PURE__ */ jsx(formattedNotificationDefault.content, { notification: _record });
+};
+const NotificationRendererView = ({
+  method,
+  attribute
+}) => {
+  const record = useRecordContext();
+  return /* @__PURE__ */ jsx(NotificationComponent, { notification: record });
+};
+const NotificationRenderer = ({
+  method,
+  attribute,
+  resourceConfig
+}) => {
+  switch (method) {
+    case "edit":
+    case "create":
+      return /* @__PURE__ */ jsx(Fragment, { children: "Not implemented" });
+    case "view":
+    case "list":
+      return /* @__PURE__ */ jsx(NotificationRendererView, { attribute, method, resourceConfig });
+  }
+};
+var NotificationRenderer_default = NotificationRenderer;
+export {
+  NotificationComponent,
+  NotificationRenderer_default as default
+};

package/dist/contexts/com/components/NotificationsWidget.js

@@ -1 +1,142 @@
-import{Fragment as F,jsx as t,jsxs as e}from"react/jsx-runtime";import m,{useContext as u,useEffect as v}from"react";import{useGetList as g}from"react-admin";import{NotificationComponent as y}from"./NotificationRenderer";import{Badge as I,Button as C,Popover as E}from"@mui/material";import{useNavigate as P}from"react-router";import{Link as b}from"react-router-dom";import{useStore as B}from"react-admin";import T from"@mui/icons-material/NotificationsActive";import x from"../LaravelEchoContext";import L from"../../dictionary/DictionaryContext";import k from"../../../components/scrollbar/Scrollbar";import{formatNotification as O}from"./notificationFormats";import{dashStorage as S}from"@dashadmin/dash-utils";const A=({notification:a,key:r,children:i})=>{const n=O(a);return e("li",{className:"dash-media",children:[e("div",{className:"dash-user-thumb dash-mr-3",children:[t(n.content,{notification:a}),t("span",{className:"dash-badge dash-badge-danger dash-text-white dash-rounded-circle"})]}),e("div",{className:"dash-media-body",children:[t("h5",{children:t(n.title,{notification:a})}),t("span",{children:t(n.content,{notification:a})}),i]})]},r)},D=()=>{const[a,r]=B("activeNotifications"),i=u(x);v(()=>{if(i.lastEvent&&S.getItem("lastEvent")!==JSON.stringify(i.lastEvent)){if(["ProductImportProgressNotification"].includes(i.lastEvent.notificationPayload.class))return;r((a||0)+1)}},[i.lastEvent]);const n=P(),{data:s}=g("notification",{pagination:{page:1,perPage:5},sort:null}),c=m.useContext(L),f=()=>t("ul",{className:"dash-sub-popover",children:t("li",{children:c.get("NO_AVAILABLE_NOTIFICATIONS")})}),p=()=>e(F,{children:[e("div",{className:"dash-popover-header",children:[t("h3",{className:"dash-mb-0",children:c.get("NOTIFICATIONS_WIDGET_TITLE")}),t(C,{onClick:()=>n("notification"),children:"Ver todas"})]}),t(k,{className:"dash-popover-scroll",children:t("ul",{className:"dash-sub-popover",children:s&&s.length?s.map((o,h)=>{const N={...o,notificationPayload:{...o.notificationPayload,notificationPayload:{...o.notificationPayload.notificationPayload,name:t(b,{target:"_blank",to:`/log/${o?.notificationPayload?.notificationPayload?.id}/show`,children:o?.notificationPayload?.notificationPayload?.name})}}};return t(A,{notification:o,children:t(y,{notification:N})},h)}):t(f,{})})})]}),[l,d]=m.useState(null);return e("div",{className:"dash-notify dash-header-entry",children:[t(E,{id:void 0,open:!!l,anchorEl:l,onClose:()=>{d(null)},anchorOrigin:{vertical:"bottom",horizontal:"left"},children:t(p,{})}),t(I,{onClick:o=>{d(o.currentTarget)},badgeContent:a,color:"primary",children:t(T,{color:"action"})})]})};var it=D;export{A as NotificationWrapper,D as NotificationsWidget,it as default};
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import React, { useContext, useEffect } from "react";
+import { useGetList } from "react-admin";
+import { NotificationComponent } from "./NotificationRenderer";
+import { Badge, Button, Popover } from "@mui/material";
+import { useNavigate } from "react-router";
+import { Link } from "react-router-dom";
+import { useStore } from "react-admin";
+import NotificationsActive from "@mui/icons-material/NotificationsActive";
+import LaravelEchoContext from "../LaravelEchoContext";
+import DictionaryContext from "../../dictionary/DictionaryContext";
+import Scrollbar from "../../../components/scrollbar/Scrollbar";
+import { formatNotification } from "./notificationFormats";
+import { dashStorage } from "dash-utils";
+const NotificationWrapper = ({ notification, key, children }) => {
+  const formattedNotification = formatNotification(notification);
+  return /* @__PURE__ */ jsxs("li", { className: "dash-media", children: [
+    /* @__PURE__ */ jsxs("div", { className: "dash-user-thumb dash-mr-3", children: [
+      /* @__PURE__ */ jsx(formattedNotification.content, { notification }),
+      /* @__PURE__ */ jsx("span", { className: "dash-badge dash-badge-danger dash-text-white dash-rounded-circle" })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "dash-media-body", children: [
+      /* @__PURE__ */ jsx("h5", { children: /* @__PURE__ */ jsx(formattedNotification.title, { notification }) }),
+      /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(formattedNotification.content, { notification }) }),
+      children
+    ] })
+  ] }, key);
+};
+const NotificationsWidget = () => {
+  const [currentNotifications, setCurrentNotifications] = useStore(
+    "activeNotifications"
+  );
+  const laravelEchoContext = useContext(LaravelEchoContext);
+  useEffect(() => {
+    if (laravelEchoContext.lastEvent && dashStorage.getItem("lastEvent") !== JSON.stringify(laravelEchoContext.lastEvent)) {
+      if (["ProductImportProgressNotification"].includes(
+        laravelEchoContext.lastEvent.notificationPayload.class
+      ))
+        return;
+      setCurrentNotifications((currentNotifications || 0) + 1);
+    }
+  }, [laravelEchoContext.lastEvent]);
+  const navigate = useNavigate();
+  const {
+    data: NOTIFICATIONS
+    // total,
+    // isLoading,
+    // error,
+    // refetch,
+  } = useGetList("notification", {
+    pagination: { page: 1, perPage: 5 },
+    sort: null
+  });
+  const dict = React.useContext(DictionaryContext);
+  const NoNotifications = () => {
+    return /* @__PURE__ */ jsx("ul", { className: "dash-sub-popover", children: /* @__PURE__ */ jsx("li", { children: dict.get("NO_AVAILABLE_NOTIFICATIONS") }) });
+  };
+  const MailNotification = () => {
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsxs("div", { className: "dash-popover-header", children: [
+        /* @__PURE__ */ jsx("h3", { className: "dash-mb-0", children: dict.get("NOTIFICATIONS_WIDGET_TITLE") }),
+        /* @__PURE__ */ jsx(Button, { onClick: () => navigate("notification"), children: "Ver todas" })
+      ] }),
+      /* @__PURE__ */ jsx(Scrollbar, { className: "dash-popover-scroll", children: /* @__PURE__ */ jsx("ul", { className: "dash-sub-popover", children: NOTIFICATIONS && NOTIFICATIONS.length ? NOTIFICATIONS.map((notification, index) => {
+        var _a, _b, _c, _d;
+        const linkNotification = __spreadProps(__spreadValues({}, notification), {
+          notificationPayload: __spreadProps(__spreadValues({}, notification.notificationPayload), {
+            notificationPayload: __spreadProps(__spreadValues({}, notification.notificationPayload.notificationPayload), {
+              name: /* @__PURE__ */ jsx(
+                Link,
+                {
+                  target: "_blank",
+                  to: `/log/${(_b = (_a = notification == null ? void 0 : notification.notificationPayload) == null ? void 0 : _a.notificationPayload) == null ? void 0 : _b.id}/show`,
+                  children: (_d = (_c = notification == null ? void 0 : notification.notificationPayload) == null ? void 0 : _c.notificationPayload) == null ? void 0 : _d.name
+                }
+              )
+            })
+          })
+        });
+        return /* @__PURE__ */ jsx(NotificationWrapper, { notification, children: /* @__PURE__ */ jsx(NotificationComponent, { notification: linkNotification }) }, index);
+      }) : /* @__PURE__ */ jsx(NoNotifications, {}) }) })
+    ] });
+  };
+  const [anchorEl, setAnchorEl] = React.useState(null);
+  const openNotifications = (event) => {
+    setAnchorEl(event.currentTarget);
+  };
+  const handleClose = () => {
+    setAnchorEl(null);
+  };
+  const openPanel = Boolean(anchorEl);
+  return /* @__PURE__ */ jsxs("div", { className: "dash-notify dash-header-entry", children: [
+    /* @__PURE__ */ jsx(
+      Popover,
+      {
+        id: void 0,
+        open: openPanel,
+        anchorEl,
+        onClose: handleClose,
+        anchorOrigin: {
+          vertical: "bottom",
+          horizontal: "left"
+        },
+        children: /* @__PURE__ */ jsx(MailNotification, {})
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Badge,
+      {
+        onClick: openNotifications,
+        badgeContent: currentNotifications,
+        color: "primary",
+        children: /* @__PURE__ */ jsx(NotificationsActive, { color: "action" })
+      }
+    )
+  ] });
+};
+var NotificationsWidget_default = NotificationsWidget;
+export {
+  NotificationWrapper,
+  NotificationsWidget,
+  NotificationsWidget_default as default
+};

package/dist/contexts/com/components/notificationFormats.js

@@ -1 +1,15 @@
-import{Fragment as o,jsx as n}from"react/jsx-runtime";import f from"./DefaultNotificationComponent";function s(c,i,t,a){return{class:c.class,title:i||(e=>n(o,{children:"notification.title"})),icon:t||(e=>n(o,{children:"\u{1F514}"})),content:a||f}}var F=s;export{F as default,s as formatNotification};
+import { Fragment, jsx } from "react/jsx-runtime";
+import DefaultNotificationComponent from "./DefaultNotificationComponent";
+function formatNotification(notification, titleComponent, iconComponent, contentComponent) {
+  return {
+    class: notification.class,
+    title: titleComponent ? titleComponent : (notification2) => /* @__PURE__ */ jsx(Fragment, { children: "notification.title" }),
+    icon: iconComponent ? iconComponent : (notification2) => /* @__PURE__ */ jsx(Fragment, { children: "\u{1F514}" }),
+    content: contentComponent ? contentComponent : DefaultNotificationComponent
+  };
+}
+var notificationFormats_default = formatNotification;
+export {
+  notificationFormats_default as default,
+  formatNotification
+};

package/dist/contexts/com/useLaravelEcho.js

@@ -1 +1,340 @@
-var G=Object.defineProperty;var J=(r,e,g)=>e in r?G(r,e,{enumerable:!0,configurable:!0,writable:!0,value:g}):r[e]=g;var _=(r,e,g)=>J(r,typeof e!="symbol"?e+"":e,g);import{useState as C,useEffect as $,useContext as Y,useCallback as w,useRef as Q}from"react";import Z from"@rooks/use-previous";import ee from"laravel-echo";import ne from"pusher-js";import{ConstantsContext as te}from"../../config/ConstantsService";import{getEnv as p}from"@dashadmin/dash-constants/src/DASHAdminSystemConstants";import{useSelector as oe}from"react-redux";import{dashStorage as N}from"@dashadmin/dash-utils";window.Pusher=ne;const f=class f{constructor(){_(this,"clients");this.clients=new Map}static getInstance(){return f.instance||(f.instance=new f),f.instance}setClient(e,g){this.clients.set(e,g)}getClient(e){return this.clients.get(e)}removeClient(e){return this.clients.delete(e)}hasClient(e){return this.clients.has(e)}};_(f,"instance");let D=f;const H=D.getInstance(),ie=({type:r,channel:e,events:g,userId:s,socketId:re,pingInterval:z=3e4,debug:d=!0,enabled:L=!1})=>{const[c,T]=C(null),[n,I]=C(null),[M,K]=C(null),[y,P]=C(!1),v=Z(e),se=Y(te),l=Q(null),a=oe(t=>t.auth),[ce,R]=C(null);console.log("\u{1F50D} useLaravelEcho: Hook called with params:",{type:r,channel:e,userId:s,enabled:L,hasAuth:!!a?.user,authUserId:a?.user?.id,authenticated:a?.authenticated}),$(()=>{a.user?.id&&typeof a.user.id=="number"&&a.user.id!==s&&R(a.user.id),a?.authenticated===!1&&R(null)},[a]);const le=p("APP_ENV")==="production",i=(t,o)=>{d&&console.log(`%c\u{1F4E1} ${t}`,"color: #2196F3; font-weight: bold; font-size: 12px;",o||"")},A=(t,o)=>{d&&console.error(`%c\u{1F4E1} ${t}`,"color: #f44336; font-weight: bold; font-size: 12px;",o||"")},U=w(()=>{if(n&&n.connector&&n.connector.pusher)try{i("Sending custom ping event..."),n.connector.pusher.send_event("client-ping",{timestamp:new Date().toISOString()})}catch(t){A("Error pinging WebSocket connection:",t)}},[n,d]),x=w(()=>`${r}-${e||"global"}-${s||"public"}`,[r,s,e]),W=w(()=>{l.current&&(window.clearInterval(l.current),l.current=null),i("Disconnecting Laravel Echo client...",x()),n&&n.disconnect(),i("Setting Laravel Echo client to null..."),I(null),i("Setting Echo channel to null..."),T(null),i("Clearing current events..."),K(null),i("Setting connection status to false..."),P(!1),i("Removing client from Echo manager...")},[n]);$(()=>{if(!L){console.log("\u{1F50D} useLaravelEcho: Hook disabled, skipping WebSocket setup");return}if(!JSON.parse(p("APP_SOCKETS_ENABLED"))){console.log("\u{1F50D} useLaravelEcho: WebSockets disabled by APP_SOCKETS_ENABLED env var");return}const t=x();if(console.log("\u{1F50D} useLaravelEcho: Setting up WebSocket connection...",{clientId:t,type:r,channel:e,userId:s,enabled:L}),r==="private"&&!s){console.log("\u{1F50D} useLaravelEcho: Skipping private channel setup - no userId provided");return}if(r==="public"||r==="private"&&s){if(H.clients.has(t)){const m=H.getClient(t);console.log("\u{1F50D} useLaravelEcho: Using existing Echo client:",t),I(m);return}const o=s?N.getItem("token"):null,k=o?{headers:{Authorization:`Bearer ${o}`,Accept:"application/json","X-Requested-With":"XMLHttpRequest"}}:void 0;try{const m=p("APP_SOCKETS_HOST"),E=p("APP_SOCKETS_SCHEME")?.toLowerCase()==="https",X=m||window.location.hostname,O=p("APP_SOCKETS_PORT"),S={broadcaster:"pusher",key:p("APP_SOCKETS_KEY")||"dash",wsHost:X,...O&&O!==""?{wsPort:O}:{},secure:E,forceTLS:E,encrypted:E,useTLS:E,disableStats:!E,enabledTransports:E?["wss","ws"]:["ws"],disableCluster:!0,cluster:"mt1",logToConsole:d,activityTimeout:12e4,pongTimeout:3e4};if(console.log("\u{1F50D} useLaravelEcho: WebSocket config:",S),k){const h=p("APP_BACKEND_URL")||window.location.origin,b=p("APP_SOCKETS_AUTH_ENDPOINT")||"/api/ws/auth",j=h.endsWith("/")?h:`${h}/`,F=b.startsWith("/")?b.substring(1):b,B=`${j}${F}`;console.log("\u{1F50D} useLaravelEcho: Using auth endpoint:",B),S.authEndpoint=B,S.auth=k}console.log("\u{1F50D} useLaravelEcho: Initializing Echo client with config:",S);const u=new ee(S);u.connector&&u.connector.pusher&&(u.connector.pusher.bind_global((h,b)=>{i(`Global event received: ${h}`,b),K({event:h,data:b})}),u.connector.pusher.connection.bind("connected",()=>{i("Connected to Pusher!"),P(!0),N.setItem("socketConnectionState","true"),l.current&&window.clearInterval(l.current),l.current=window.setInterval(U,z)}),u.connector.pusher.connection.bind("disconnected",()=>{i("Disconnected from Pusher"),P(!1),l.current&&(window.clearInterval(l.current),l.current=null)}),u.connector.pusher.connection.bind("error",h=>{A("Pusher connection error:",h),P(!1)})),i("Setting Echo client",t),H.setClient(t,u),I(u)}catch(m){A("Error initializing Echo client:",m),W()}}return()=>{d&&(console.log("%c\u{1F4E1} Socket listener unmounted!","color: #ff6b6b; font-weight: bold;"),W())}},[s,L,e]),$(()=>{if(!n||!e||r==="private"&&!s)return;if(i(`Attempting to subscribe to ${r} channel: ${e}`),n.connector.channels[e.includes(".")?`private-${e}`:e]!==void 0){i("Skipping, already suscribed");return}if(c&&v&&e!==v&&(i(`Leaving previous channel: ${v}`),n.leaveChannel(v),T(null)),!c||e!==v)try{let o;r==="private"?(i(`Subscribing to private channel: ${e}`),o=n.private(e.replace("{userId}",s.toString()))):(i(`Subscribing to public channel: ${e}`),o=n.channel(e)),T(o),i("Channel subscription successful:",o)}catch(o){A(`Error subscribing to ${r} channel ${e}:`,o)}return()=>{n&&e&&n.leaveChannel(e)}},[n,e,r,s,v,d]),$(()=>{if(!n||!y)return;const t=()=>{document.visibilityState==="visible"&&n.connector&&n.connector.pusher&&n.connector.pusher.connection.state!=="connected"&&(i("Tab is visible again, reconnecting..."),n.connector.pusher.connect())},o=()=>{i("Browser is online, reconnecting..."),n.connector&&n.connector.pusher&&n.connector.pusher.connect()};return document.addEventListener("visibilitychange",t),window.addEventListener("online",o),()=>{document.removeEventListener("visibilitychange",t),window.removeEventListener("online",o)}},[n,y,d]);const q=w((t,o)=>{if(!c)return;console.log(`Adding listener for event: ${t}`);const k=t;c.listen(k,o)},[c]),V=w(t=>{if(!c)return;console.log(`Adding listener for event: ${t}`);const o=t;c.stopListening(o)},[c]);return{echoChannel:c,isConnected:y,lastEvent:M,ping:U,addListener:q,removeListener:V}};var Te=ie;export{Te as default,H as echoManager};
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+import { useState, useEffect, useContext, useCallback, useRef } from "react";
+import usePrevious from "@rooks/use-previous";
+import Echo from "laravel-echo";
+import Pusher from "pusher-js";
+import { ConstantsContext } from "../../config/ConstantsService";
+import { getEnv } from "dash-constants/src/DASHAdminSystemConstants";
+import { useSelector } from "react-redux";
+import { dashStorage } from "dash-utils";
+window.Pusher = Pusher;
+const _EchoClientManager = class _EchoClientManager {
+  constructor() {
+    __publicField(this, "clients");
+    this.clients = /* @__PURE__ */ new Map();
+  }
+  static getInstance() {
+    if (!_EchoClientManager.instance) {
+      _EchoClientManager.instance = new _EchoClientManager();
+    }
+    return _EchoClientManager.instance;
+  }
+  setClient(hash, client) {
+    this.clients.set(hash, client);
+  }
+  getClient(hash) {
+    return this.clients.get(hash);
+  }
+  removeClient(hash) {
+    return this.clients.delete(hash);
+  }
+  hasClient(hash) {
+    return this.clients.has(hash);
+  }
+};
+__publicField(_EchoClientManager, "instance");
+let EchoClientManager = _EchoClientManager;
+const echoManager = EchoClientManager.getInstance();
+const useLaravelEcho = ({
+  type,
+  channel,
+  events,
+  userId,
+  socketId,
+  pingInterval = 3e4,
+  // Default ping interval: 30 seconds
+  debug = true,
+  enabled = false
+}) => {
+  var _a;
+  const [echoChannel, setEchoChannel] = useState(null);
+  const [laravelEchoClient, setLaravelEchoClient] = useState(null);
+  const [lastEvent, setLastEvent] = useState(null);
+  const [isConnected, setIsConnected] = useState(false);
+  const prevChannel = usePrevious(channel);
+  const constants = useContext(ConstantsContext);
+  const pingTimerRef = useRef(null);
+  const auth = useSelector(
+    (state) => state.auth
+  );
+  const [currentUserId, setCurrentUserId] = useState(null);
+  console.log("\u{1F50D} useLaravelEcho: Hook called with params:", {
+    type,
+    channel,
+    userId,
+    enabled,
+    hasAuth: !!(auth == null ? void 0 : auth.user),
+    authUserId: (_a = auth == null ? void 0 : auth.user) == null ? void 0 : _a.id,
+    authenticated: auth == null ? void 0 : auth.authenticated
+  });
+  useEffect(() => {
+    var _a2;
+    if (((_a2 = auth.user) == null ? void 0 : _a2.id) && typeof auth.user.id === "number" && auth.user.id !== userId) {
+      setCurrentUserId(auth.user.id);
+    }
+    if ((auth == null ? void 0 : auth.authenticated) === false) {
+      setCurrentUserId(null);
+    }
+  }, [auth]);
+  const isProd = getEnv("APP_ENV") === "production";
+  const log = (message, data) => {
+    if (debug) {
+      console.log(`%c\u{1F4E1} ${message}`, "color: #2196F3; font-weight: bold; font-size: 12px;", data || "");
+    }
+  };
+  const logError = (message, error) => {
+    if (debug) {
+      console.error(`%c\u{1F4E1} ${message}`, "color: #f44336; font-weight: bold; font-size: 12px;", error || "");
+    }
+  };
+  const pingConnection = useCallback(() => {
+    if (laravelEchoClient && laravelEchoClient.connector && laravelEchoClient.connector.pusher) {
+      try {
+        log("Sending custom ping event...");
+        laravelEchoClient.connector.pusher.send_event("client-ping", {
+          timestamp: (/* @__PURE__ */ new Date()).toISOString()
+        });
+      } catch (error) {
+        logError("Error pinging WebSocket connection:", error);
+      }
+    }
+  }, [laravelEchoClient, debug]);
+  const getClientId = useCallback(() => {
+    return `${type}-${channel || "global"}-${userId || "public"}`;
+  }, [type, userId, channel]);
+  const cleanup = useCallback(() => {
+    if (pingTimerRef.current) {
+      window.clearInterval(pingTimerRef.current);
+      pingTimerRef.current = null;
+    }
+    log("Disconnecting Laravel Echo client...", getClientId());
+    laravelEchoClient && laravelEchoClient.disconnect();
+    log("Setting Laravel Echo client to null...");
+    setLaravelEchoClient(null);
+    log("Setting Echo channel to null...");
+    setEchoChannel(null);
+    log("Clearing current events...");
+    setLastEvent(null);
+    log("Setting connection status to false...");
+    setIsConnected(false);
+    log("Removing client from Echo manager...");
+  }, [laravelEchoClient]);
+  useEffect(() => {
+    var _a2;
+    if (!enabled) {
+      console.log("\u{1F50D} useLaravelEcho: Hook disabled, skipping WebSocket setup");
+      return;
+    }
+    if (!JSON.parse(getEnv("APP_SOCKETS_ENABLED"))) {
+      console.log("\u{1F50D} useLaravelEcho: WebSockets disabled by APP_SOCKETS_ENABLED env var");
+      return;
+    }
+    const clientId = getClientId();
+    console.log("\u{1F50D} useLaravelEcho: Setting up WebSocket connection...", {
+      clientId,
+      type,
+      channel,
+      userId,
+      enabled
+    });
+    if (type === "private" && !userId) {
+      console.log("\u{1F50D} useLaravelEcho: Skipping private channel setup - no userId provided");
+      return;
+    }
+    if (type === "public" || type === "private" && userId) {
+      if (echoManager.clients.has(clientId)) {
+        const existingClient = echoManager.getClient(clientId);
+        console.log("\u{1F50D} useLaravelEcho: Using existing Echo client:", clientId);
+        setLaravelEchoClient(existingClient);
+        return;
+      }
+      const token = userId ? dashStorage.getItem("token") : null;
+      const authConfig = token ? {
+        headers: {
+          Authorization: `Bearer ${token}`,
+          Accept: "application/json",
+          "X-Requested-With": "XMLHttpRequest"
+        }
+      } : void 0;
+      try {
+        const socketHostEnv = getEnv("APP_SOCKETS_HOST");
+        const socketScheme = (_a2 = getEnv("APP_SOCKETS_SCHEME")) == null ? void 0 : _a2.toLowerCase();
+        const isSSL = socketScheme === "https";
+        const wsHost = socketHostEnv || window.location.hostname;
+        const portEnv = getEnv("APP_SOCKETS_PORT");
+        const completeConfig = __spreadProps(__spreadValues({
+          broadcaster: "pusher",
+          key: getEnv("APP_SOCKETS_KEY") || "dash",
+          wsHost
+        }, portEnv && portEnv !== "" ? { wsPort: portEnv } : {}), {
+          secure: isSSL,
+          forceTLS: isSSL,
+          encrypted: isSSL,
+          useTLS: isSSL,
+          disableStats: !isSSL,
+          enabledTransports: isSSL ? ["wss", "ws"] : ["ws"],
+          disableCluster: true,
+          cluster: "mt1",
+          logToConsole: debug,
+          activityTimeout: 12e4,
+          pongTimeout: 3e4
+        });
+        console.log("\u{1F50D} useLaravelEcho: WebSocket config:", completeConfig);
+        if (authConfig) {
+          const baseUrl = getEnv("APP_BACKEND_URL") || window.location.origin;
+          const authPath = getEnv("APP_SOCKETS_AUTH_ENDPOINT") || "/api/ws/auth";
+          const formattedBaseUrl = baseUrl.endsWith("/") ? baseUrl : `${baseUrl}/`;
+          const formattedAuthPath = authPath.startsWith("/") ? authPath.substring(1) : authPath;
+          const authEndpoint = `${formattedBaseUrl}${formattedAuthPath}`;
+          console.log("\u{1F50D} useLaravelEcho: Using auth endpoint:", authEndpoint);
+          completeConfig["authEndpoint"] = authEndpoint;
+          completeConfig["auth"] = authConfig;
+        }
+        console.log("\u{1F50D} useLaravelEcho: Initializing Echo client with config:", completeConfig);
+        const echo = new Echo(completeConfig);
+        if (echo.connector && echo.connector.pusher) {
+          echo.connector.pusher.bind_global((eventName, data) => {
+            log(`Global event received: ${eventName}`, data);
+            setLastEvent({ event: eventName, data });
+          });
+          echo.connector.pusher.connection.bind("connected", () => {
+            log("Connected to Pusher!");
+            setIsConnected(true);
+            dashStorage.setItem("socketConnectionState", "true");
+            if (pingTimerRef.current) {
+              window.clearInterval(pingTimerRef.current);
+            }
+            pingTimerRef.current = window.setInterval(pingConnection, pingInterval);
+          });
+          echo.connector.pusher.connection.bind("disconnected", () => {
+            log("Disconnected from Pusher");
+            setIsConnected(false);
+            if (pingTimerRef.current) {
+              window.clearInterval(pingTimerRef.current);
+              pingTimerRef.current = null;
+            }
+          });
+          echo.connector.pusher.connection.bind("error", (err) => {
+            logError("Pusher connection error:", err);
+            setIsConnected(false);
+          });
+        }
+        log("Setting Echo client", clientId);
+        echoManager.setClient(clientId, echo);
+        setLaravelEchoClient(echo);
+      } catch (error) {
+        logError("Error initializing Echo client:", error);
+        cleanup();
+      }
+    }
+    return () => {
+      if (debug) {
+        console.log("%c\u{1F4E1} Socket listener unmounted!", "color: #ff6b6b; font-weight: bold;");
+        cleanup();
+      }
+    };
+  }, [userId, enabled, channel]);
+  useEffect(() => {
+    if (!laravelEchoClient || !channel) return;
+    if (type === "private" && !userId) return;
+    log(`Attempting to subscribe to ${type} channel: ${channel}`);
+    const isSubscribed = laravelEchoClient.connector.channels[channel.includes(".") ? `private-${channel}` : channel] !== void 0;
+    if (isSubscribed) {
+      log(`Skipping, already suscribed`);
+      return;
+    }
+    if (echoChannel && prevChannel && channel !== prevChannel) {
+      log(`Leaving previous channel: ${prevChannel}`);
+      laravelEchoClient.leaveChannel(prevChannel);
+      setEchoChannel(null);
+    }
+    if (!echoChannel || channel !== prevChannel) {
+      try {
+        let newChannel;
+        if (type === "private") {
+          log(`Subscribing to private channel: ${channel}`);
+          newChannel = laravelEchoClient.private(channel.replace("{userId}", userId.toString()));
+        } else {
+          log(`Subscribing to public channel: ${channel}`);
+          newChannel = laravelEchoClient.channel(channel);
+        }
+        setEchoChannel(newChannel);
+        log("Channel subscription successful:", newChannel);
+      } catch (error) {
+        logError(`Error subscribing to ${type} channel ${channel}:`, error);
+      }
+    }
+    return () => {
+      if (laravelEchoClient && channel) {
+        laravelEchoClient.leaveChannel(channel);
+      }
+    };
+  }, [laravelEchoClient, channel, type, userId, prevChannel, debug]);
+  useEffect(() => {
+    if (!laravelEchoClient || !isConnected) return;
+    const handleVisibilityChange = () => {
+      if (document.visibilityState === "visible") {
+        if (laravelEchoClient.connector && laravelEchoClient.connector.pusher && laravelEchoClient.connector.pusher.connection.state !== "connected") {
+          log("Tab is visible again, reconnecting...");
+          laravelEchoClient.connector.pusher.connect();
+        }
+      }
+    };
+    const handleOnline = () => {
+      log("Browser is online, reconnecting...");
+      if (laravelEchoClient.connector && laravelEchoClient.connector.pusher) {
+        laravelEchoClient.connector.pusher.connect();
+      }
+    };
+    document.addEventListener("visibilitychange", handleVisibilityChange);
+    window.addEventListener("online", handleOnline);
+    return () => {
+      document.removeEventListener("visibilitychange", handleVisibilityChange);
+      window.removeEventListener("online", handleOnline);
+    };
+  }, [laravelEchoClient, isConnected, debug]);
+  const addListener = useCallback((eventName, callback) => {
+    if (!echoChannel) return;
+    console.log(`Adding listener for event: ${eventName}`);
+    const formattedEventName = eventName;
+    echoChannel.listen(formattedEventName, callback);
+  }, [echoChannel]);
+  const removeListener = useCallback((eventName) => {
+    if (!echoChannel) return;
+    console.log(`Adding listener for event: ${eventName}`);
+    const formattedEventName = eventName;
+    echoChannel.stopListening(formattedEventName);
+  }, [echoChannel]);
+  return {
+    echoChannel,
+    isConnected,
+    lastEvent,
+    ping: pingConnection,
+    addListener,
+    removeListener
+  };
+};
+var useLaravelEcho_default = useLaravelEcho;
+export {
+  useLaravelEcho_default as default,
+  echoManager
+};

package/dist/contexts/dictionary/DictionaryContext.js

@@ -1 +1,43 @@
-import{jsx as s}from"react/jsx-runtime";import y from"react";function i(e,r){for(const[o,t]of Object.entries(r))typeof t=="object"&&t!==null?e=i(e,t):e=Array.isArray(e)?e.join(", ").replace(o,t):typeof e=="string"?e.replace(o,t):e;return e}const a=y.createContext({dictionary:null,replacements:null,get:e=>e}),l=({dictionary:e,replacements:r,children:o})=>s(a.Provider,{value:{dictionary:e,replacements:r,get:(t,c)=>{let n=t;return c&&r&&(n=i(n,r)),e[n]?e[n]:n}},children:o});export{a as DictionaryContext,l as DictionaryProvider,a as default};
+import { jsx } from "react/jsx-runtime";
+import React from "react";
+function replaceDictValues(string, dictionary) {
+  for (const [key, value] of Object.entries(dictionary)) {
+    if (typeof value === "object" && value !== null) {
+      string = replaceDictValues(string, value);
+    } else {
+      string = Array.isArray(string) ? string.join(", ").replace(key, value) : typeof string === "string" ? string.replace(key, value) : string;
+    }
+  }
+  return string;
+}
+const DictionaryContext = React.createContext({
+  dictionary: null,
+  replacements: null,
+  get: (key) => {
+    return key;
+  }
+});
+const DictionaryProvider = ({ dictionary, replacements, children }) => {
+  return /* @__PURE__ */ jsx(
+    DictionaryContext.Provider,
+    {
+      value: {
+        dictionary,
+        replacements,
+        get: (key, replace) => {
+          let str = key;
+          if (replace && replacements) {
+            str = replaceDictValues(str, replacements);
+          }
+          return dictionary[str] ? dictionary[str] : str;
+        }
+      },
+      children
+    }
+  );
+};
+export {
+  DictionaryContext,
+  DictionaryProvider,
+  DictionaryContext as default
+};